body
{
    font-size: .65em;
    font-family: Segoe UI ;
    color: #232323;
   
    margin:0px;
}

h2
{
    margin:10px;
}

.loginBody
{
    background-color:#f2f2f2;
    
}

.HeaderHighLighter
{
    background-color:#404040;
    padding:3px 17px;
    font-weight:bold;
    font-size:medium;
    color:White;
    
 
}

.floatLeft{float:left;}
.floatRight{float:right;}

.HeaderPage
{
    background-color:#404040;
    padding:8px;    
}

.onlyScroll
{
   overflow:auto;
}

.Highlighter
{
    background-color:#b3b3b3;
    padding:20px;
  
}

input[type="text"] 
{
    
    padding:3px 5px 3px 5px; 
    border:1px solid gray;
    margin:7px;
}
input[type="text"]:hover {
    padding:3px 5px 3px 5px; 
    border:1px solid black;
}

input[type="number"] 
{
    
    padding:3px 5px 3px 5px; 
    border:1px solid gray;
    margin:7px;
}
input[type="number"]:hover {
    padding:3px 5px 3px 5px; 
    border:1px solid black;
}



textarea
{
    
    padding:3px 5px 3px 5px; 
    border:1px solid gray;
    margin:7px;
}
textarea:hover {
    padding:3px 5px 3px 5px; 
    border:1px solid black;
}



select
{
   
    padding:3px 5px 3px 5px; 
    border:1px solid gray;
    margin:7px;
}
select:hover {
    padding:3px 5px 3px 5px; 
    border:1px solid black;
}



input[type="password"] {
     
    padding:3px 5px 3px 5px; 
    border:1px solid gray;
    margin:7px;
}
input[type="password"]:hover {
    padding:3px 5px 3px 5px; 
    border:1px solid black;
}



button {
    background-color: #404040; /* Green */
    border: none;
    color: white;
    padding: 3px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor:pointer; 
    margin:7px;
}
button:hover {
    background-color: #1a1a1a; /* Green */
    border: none;
    color: white;
    padding: 3px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    cursor:pointer;
     margin:7px;
    
}
button:disabled  {
    background-color: #737373; /* Green */
    border: none;
    color: white;
    padding: 5px 22px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
     margin:7px;
}

a{
    cursor:pointer;
    color:#b38e00;
    text-decoration:none;
}
a:hover
{
    cursor:pointer;
    color:#b38e00;
    text-decoration:underline;
}


.BroadFull
{
    width:100%;
}

.Broad16
{
    width:16%;
}

.Broad20
{
    width:20%;
}

.Broad33
{
    width:33%;
}

.Broad50
{
    width:50%;
}

.Broad25
{
    width:25%;
}


.Broad90
{
    width:90%;
}

.width70
{
    width:70px;   
}
.width80
{
    width:80px;   
}
.width160
{
    width:160px;   
}
.width130
{
    width:130px;   
}

.width300
{
    width:300px;   
}
.width500
{
    width:500px;   
}
.width200
{
    width:200px;   
}
.width35
{
    width:35px;   
}



.padding10{padding:10px;}
.padding5{padding:5px;}

.MarginLR10
{
    margin-left:10px;
    margin-right:10px;
}
.MarginTop10{margin-top:10px;}


.ColorWhite{color:White;}
.ColorRed{color:Red;}
.ColorYellow{color:#cca300;}
.ColorGray{color:Gray;}
.ColorSilver{color:#665100;}
.ColorBlack{color:Black;}


.BorderBottom1PxBlack{border-bottom:1px solid black;}
.BorderBottom1PxGray{border-bottom:1px solid gray;}
.BorderBottom1PxSilver{border-bottom:1px solid Silver;}
.BorderPxGray{border:1px solid gray;}

.BorderBottomRight1PxGray
{
    border-bottom:1px solid gray;
    border-right:1px solid gray;
}
.backgroundEEEEEE{background:#eeeeee;}
.backgroundSilver{background:Silver;}


.letterSpace8Px{letter-spacing: 8px;}
.HyperLink
{
    cursor:pointer;
    color:#b38e00;
    text-decoration:none;
}
.HyperLink:hover
{
    cursor:pointer;
    color:#b38e00;
    text-decoration:underline;
}


.CloseCross
{
    background:silver;
    padding:0px 5px 0px 5px;
    cursor:pointer;
    color:gray;
    text-decoration:none;
}
.CloseCross:hover
{
        background:gray;
    padding:0px 5px 0px 5px;
    cursor:pointer;
    color:black;
    text-decoration:none;
}

.Margin5{ margin:5px;}

.FontBold{font-weight:bold;}
.FontSmall{ font-size:smaller;}
.FontLarge{ font-size:large;}


#footerContainer
{
 position:fixed;
    bottom:0px;
}


#footerClocksContainer
{
    background-color:#404040;
    padding:7px;
    width:80%;
    color:#e5e600;
   
}


.ImageTextButton
{ border:1px solid gray;
    cursor:pointer;
     padding:0px 3px 0px 3px;
    font-size:medium;
    background-color:#eeeeee;
 
}
.ImageTextButton:hover
{
    cursor:pointer;
    padding:0px 3px 0px 3px;
    font-size:medium;
    background-color:#e6e6e6;
 
}

.CursorPointer
{
    cursor:pointer;
}


#NavigationContainer
{
    background-color:#737373;
    padding:0px 4px 0px 4px;
}

#NavigationContainer a
{
    font-weight:bold;
    font-size:10px;
    color:White;
    font-family:Verdana;
    padding:4px 10px;
    margin:0px 5px;
    background:black;
}
#NavigationContainer a:hover
{
    font-weight:bold;
    font-size:10px;
    color:#ffffcc;
    text-decoration:none;
    font-family:Verdana;
    padding:4px 10px;
    margin:0px 5px;
    background:black;
}



.autoScroll400
{
    height:400px;
    overflow:auto;
}

.autoScroll500
{
    height:500px;
    overflow:auto;    
}

.autoScroll700
{
    height:700px;
    overflow:auto;    
}


.highlightableRow
{
}
.highlightableRow:hover
{
    font-weight:bold;
    border-bottom:1px solid black;
}



.ProgressBarContainer
{
    height:10px;
    border:1px solid gray;
    background:white;
}
.ProgressBarRed
{
    height:10px;    
    background:Red;
}


.VerticalText
{
    /* Rotate div */
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Chrome, Safari, Opera */
    transform: rotate(270deg);
}