* {
margin: 0;
}
html, body {
height: 100%;
}
.wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}
footer, .push {
height: 4em;
}


body{
scrollbar-3dlight-color:black;
                scrollbar-arrow-color:white;
                scrollbar-track-color:gray;
                scrollbar-darkshadow-color:black;
                scrollbar-face-color:black;
                scrollbar-highlight-color:black;
                scrollbar-shadow-color:gray;    
        
}
#main {
        background-color: #000;
        background-image: url(../images/background.png);
        background-repeat: repeat-x;
        color: #FFF;    
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
        text-decoration: none;
        text-transform: none;
        margin-top: 0px;

}
img
{  border-style: none;
}

A {
        text-decoration: none;
        color: #194180;
}
A:link {
        text-decoration: none;
        color: #194180;
}
A:visited {
        text-decoration: none;
        color: #194180;
}
A:active {
        text-decoration: none;
        color: #194180;
}
A:hover {
        text-decoration: underline;
        color: #194180;
}       

#header {       
        width:848px;
        height:159px;   
}
#menu { 
        width:848px;
        height:30px; 
        padding: 6px 0 0 0;             
                
}

#container {            
        width:848px;                    
        margin-left: auto ;
        margin-right: auto ;
		min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -4em;
}


div.text1
{
color: #FFF;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;        
        text-align: left;       
        margin: 5px; 
        background: #000; 
        padding: 10px; 
        border:0;

}
div.terms {     
        width:840px;    
        color: #FFF;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;        
        text-align: left;       
        float: left; margin: 7px; background: #5A5A5A; padding:4px; 
}


#details {              
        top: 0px;
        color: #FFF;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 12px;
        text-decoration: none;
        text-transform: none;
        text-align: left;
        background-color: #000000;      
}

div.container1 {
        
        width:840px;    
        color: #FFF;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;        
        text-align: left;       
        float: left; margin: 7px; background: #5A5A5A; padding:4px;     
}
div.container2 {
        
        width:646px;    
        color: #FFF;
        font-family: Tahoma, Geneva, sans-serif;
        font-size: 14px;        
        text-align: left;       
        float: left; margin: 7px; background: #5A5A5A; padding:4px;     
}

.clear {clear:both;}


#thicktabs {
margin: 0;
padding: 0;
width: 100%;
font: bold 12px Tahoma;
background-color: #000000;
border-bottom: 0px solid #6f0c09; /*thick bottom border below tabs*/
border-top: 0px solid #6f0c09;
height: 26px;
}

#thicktabs li{
display: inline;
border-left:0px solid #DADADA;
}

#thicktabs li a{
float: left;
color: white;
padding: 6px 10px; /*padding of tabs*/ 
text-decoration: none;

border-left:1px solid white;
border-right:0px solid #6f0c09;
}

#thicktabs li a#leftmostitem{ /*Extra CSS for left most menu item*/
border-left: 0px solid #6f0c09; /*left border style*/
}

#thicktabs li a#rightmostitem{ /*Extra CSS for right most menu item*/
border-right: 0px solid #6f0c09; /*right border style*/
background-position: top left; /*Position background image to the left instead of default right, to hide indented underline for this link*/
}

#thicktabs li a:visited{
color: white;
}

#thicktabs li a:hover{
color: #cebd77;
background-image: url(images/redbgover.gif); /*background image swap on hover*/
}

#thicktabs li a:active{
color: white;
background-image: url(images/redbg.gif); /*background image swap on hover*/
}
#coolmenu { 
border : 1px solid black; 
width : 170px; 
background-color : #e6e6e6; 
} 
#coolmenu a { 
font : bold 13px Verdana; 
padding : 0; 
padding-left : 0; 
display : block; 
width : 100%; 
color : black; 
text-decoration : none; 
border-bottom : 1px solid black; 
}
html > body #coolmenu a { 
width : auto; 
} 
#coolmenu a:hover { 
background-color : black; 
color : white; 
} 
th.helpHed{ 
border-bottom: 1px solid #000;
border-left: 1px solid #000;
text-align: center;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: #404040;
}


div.scrollTableContainer {
height: 600px;
overflow: auto;
width: 100%;
margin: 15px 0 0 0;
position: relative;
}

/* The different widths below are due to the way the scroll bar is implamented */

/* All browsers (but especially IE) */
div.scrollTableContainer table {
width: 100%;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table {
width: 100%;
}

/* Modern browsers (but especially firefox ) */
html>/**/body div.scrollTableContainer table>tbody {
overflow: auto;
height: 250px;
overflow-x: hidden;
}

div.scrollTableContainer thead tr {
position:relative;
top: expression(offsetParent.scrollTop); /*IE5+ only*/
/* fixes the header being over too far in IE, doesnt seem to affect FF */
left: 0px;
}

/*prevent Mozilla scrollbar from hiding cell content*/
div.scrollTableContainer td:last-child {padding-right: 20px;}


DIV.scrollingdatagrid {

        overflow-x:auto;
        overflow-y:auto;
        position:relative;
        padding:0px;
        
}
DIV.scrollingdatagrid TABLE {
        width : 96.7%; /* Make room for scroll bar! */
        margin:0px;
        border:1px;
        border-collapse:separate;
        font-size:10px;
        
}
DIV.scrollingdatagrid TABLE TR .locked, DIV.scrollingdatagrid TABLE THEAD TR, DIV.scrollingdatagrid TABLE TFOOT TR {
        position:relative;
        
}
/* OffsetParent of the TR is the DIV because it is position:relative */
DIV.scrollingdatagrid TABLE THEAD TR {
        top:expression(this.offsetParent.scrollTop);
        
        
}
/* OffsetParent of the THEAD and TFOOT locked column is the TR because it is position:relative */
DIV.scrollingdatagrid THEAD .locked, DIV.scrollingdatagrid TFOOT .locked {
        left:expression(this.offsetParent.offsetParent.scrollLeft);
        
}
DIV.scrollingdatagrid TBODY .locked {
        left:expression(this.offsetParent.scrollLeft);
        
}
/* The TFOOT should stick to the bottom of the DIV */
DIV.scrollingdatagrid TABLE TFOOT TR {
        top:expression(0 - this.offsetParent.scrollHeight + this.offsetParent.clientHeight + this.offsetParent.scrollTop);
        
}
/* Make the z-index values very clear so overlaps happen as expected! */
DIV.scrollingdatagrid TD, DIV.scrollingdatagrid TH { z-index:1; }
DIV.scrollingdatagrid TD.locked, DIV.scrollingdatagrid TH.locked { z-index:2; }
DIV.scrollingdatagrid THEAD TR, DIV.scrollingdatagrid TFOOT TR { z-index:3; }
DIV.scrollingdatagrid THEAD TR TH.locked { z-index:4; }
;

*.but { 
background-color : #e6e6e6; 
border : 1px solid black; 
color : #000000;  
font: 8pt;
} 
#maint{
color:#000;     
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
}