/*General Classes*/
html, body, form
{
    padding:0;
    margin:0;     
}
body
{
    font-family: Arial,Verdana, Helvetica,sans-serif;
    font-size:8pt;   
    background:#09286f;   
    margin:0px;
    padding:0px 10px 0px 10px;
}
a
{
    color:#000000;
    text-decoration:none;
}
a img
{
    border:none;
}
p
{    
    text-align:left;
    padding:0px 10px 15px 10px;  
    margin: 0;
}
h1
{
    padding:0;
    margin:5px 5px 5px 5px;
    font-size:1.2em;
}
h2
{
    padding:0px 0px 5px 0px;
    margin:0;
    font-size:1.1em;
}
h3
{
    padding:0px 0px 5px 0px;
    margin:0;
    font-size:1em;
    font-weight:bold;
}
ul
{
    text-align:left;
    padding-top:0px;
    margin-top:5px;
}
ol li
{
    padding-bottom:5px;
}
select,textArea,input
{
    font-size: 8pt;
    font-family: Arial,Verdana, Helvetica,sans-serif;
}
fieldset
{
    margin:0px 0px 10px 0px;
}
fieldset legend
{
    color:#008752;
    font-weight:bold;
}
fieldset p
{   
     margin-top:10px;
}
.link-img
{
    position:relative;
    top:1px;
    vertical-align:top;
    margin-bottom:4px;
    border:none;
}

.link-text 
{
    cursor:pointer;
    position:relative;
    text-decoration:underline;
    top:1px;
    font-size:1.1em;
    padding:0px 2px 0px 0px;
    margin:0px;
    vertical-align:top;
}
.info-text
{
    font-style:italic;
    color:#333333;
}
.closeLink
{
    position:absolute;
    right:5px;
    top:5px;
}
/*Header*/
#header
{   
    width:100%;     
    height:100px;  
    padding:0px;
    margin:0px;       
}
/*Main site menu*/
#headerBottom
{
    width:100%;     
    height:18px;   
    padding:5px 0px 0px 0px;
    margin:0px;   
    background: #008752 url(../Images/hdr_grad.png) repeat-x top;      
    /*border-top:#0050b1 solid 1px;
    border-bottom:#0050b1 solid 1px;*/
    color: White;
    text-align:left;     
    font-weight:bold;
    position:relative;
    z-index:2;
}
#headerBottom a
{
    color: White;
    text-decoration:none;
    text-align:left;  
    font-weight:bold;
    padding:0px 2px 0px 2px;
}
#headerBottom a:hover
{
    text-decoration:underline;
}
#headerBottom .highLight
{
    color:Yellow;
}
#headerBottom span
{
    margin:0px 10px 0px 10px;
    float:left;
}
#headerBottom #loginControls
{    
    float:right;
}
#main
{
    margin:8px auto 8px auto;
    padding:0px 0px 0px 0px;
    width:950px;
    background-color:white;
    min-height:800px;
    overflow: hidden;     
}
/*News Table*/
.newsTable
{
    padding:5px 5px 0px 5px; 
    border:solid 1px silver; 
    background-color:#EEEEEE;
}
.newsTable p
{
    padding-bottom:0px;
}
/*Left Column*/
#left
{
    float:left;
    width:197px;          
    text-align:left; 
    padding:0px 0px 0px 5px;    
    margin:0px 0px 0px 0px;  
}
#profileMenu
{
    list-style:none;
    margin:0px 0px 0px 20px;
    padding:0px;
}
#profileMenu li
{
    clear:both;
    padding-top:10px;
    display:block;  
    vertical-align:text-bottom;
}
#profileMenu img
{
    border:none;
    float:left;
    margin-right:5px;
}
#profileMenu a
{
    color:#505050;
    text-decoration:none;
    font-weight:bold;
}
#profileMenu a:hover
{
    color:#008752;
    text-decoration:underline;
}
/*home page left column*/
#homeMenu
{
    float:left;
    width:120px;           
    text-align:left; 
    margin:0px;
    padding: 10px 0px 0px 5px;
}

#homeMenu a:hover
{
    color:Blue;
    
}

#homeMenu ul
{
    margin:0px;
    padding:0px 0px 0px 20px;
}

/*Large List */
.largeList
{
    list-style-image:url(../Images/bullet.gif);
    font-size:10pt;
    color:#3b3b3b;
}

/*Main Content*/
#content
{    
    padding:0px 0px 0px 0px;
    margin:0px 10px 0px 210px;   
    min-height:400px; 
    position:relative;
}
#contentAlt
{  
    width:80%; 
    text-align:center; 
    margin:10px 10% 20px 10%;
    padding:0; 
    min-height:400px;
}

/*Div styling*/
.webPartTitle
{
    text-align: left;
    color: White;
    font-weight: Bold;
    margin: 0px 0px 0px 0px;    
    padding: 5px 0px 0px 15px;
    display:block;
    text-decoration: none;
    height:18px;
    background: url(../Images/hdr_grad.png) repeat-x top;     
}
.webPartTitle img
{
    margin:2px 10px 0px 5px; 
}
.webPartStyle
{
    padding: 5px 5px 5px 5px; 
    color: black;
    background: white url(../Images/footer_grad.gif) repeat-x top;     
}
.webPartStyleLong
{
    padding: 5px 5px 5px 5px; 
    color: black;
    background: white url(../Images/content_grad.gif) repeat-x top;     
}

/*Log in Div*/
#loginDiv
{
    padding-top:5px;
    width:50%;    
    text-align:center; 
    margin: 0px auto 0px auto;
}
/*Loading Animation*/
#ajaxLoadingDiv
{ 
    left:45%;
    top:40%;
    position:absolute;
    text-align:center; 
    padding:10px 10px 10px 10px;
    border:solid 1px silver;
    background-color:White;
    z-index:200;
}

/*Footer*/
#footer
{   
    width:100%;
    padding:0px;
    margin:20px 0px 0px 0px;
    height:85px;    
    /*border-top:#0050b1 solid 1px;*/
    background: url(../Images/footer_grad.gif) repeat-x top;   
    color: #222222; 
}
#footer a
{
    text-decoration:none;    
    color: #222222; 
}
#footer ul
{
    float:left;
    list-style:none;
    margin:10px 10px 0px 10px;
    padding:0px;
}
#footer li
{
    float:left;
    margin-left:5px;
}

#copyrightInfo
{   
    float:right !important;
    padding: 5px 0px 5px 0px;
    text-align:center;  
}
/*User configuration options*/
.optionsTable
{    
    width:100%;    
}
.optionsTable .left
{    
    width:30%; 
    text-align:right;
    border-bottom:1px solid gainsboro;
    padding-bottom:20px;
}
.optionsTable .right
{        
    text-align:center;
    border-bottom:1px solid gainsboro;
    padding-bottom:20px;
}
#menuDiv
{
    float:right;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 10px;
    width:140px;
    text-align:right;
}
#sendPopupDiv
{
    background:#FFFFFF url(../images/footer_grad.gif) repeat-x;
    border: solid 1px #999999;  
    position:absolute;
    right:0px;
    height:235px;
    width:400px;
    display:none;
    z-index:1000;
    margin-top:25px;    
    padding:5px 5px 5px 5px;
}

/*Param List*/
.ParamList
{
    width:100%;
    margin: 0px 0px 0px 20px;
}
.ParamList label
{
    float: left;
    width: 90%;
    line-height: 20px;
}
.ParamList input
{
    float: left;
}
   
/*Table Output*/
.gridStyle
{
    width: 94%;    
    background: #EEEEEE;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    border: 1px solid #BBBBBB; 
    text-align:center;
}
.gridStyle a
{
    text-decoration:underline;
}

.altRowStyle
{
    background: #DDDDDD repeat-x top; 
}

/*Viewer Legend*/
#legendDiv
{
    width:100%;
}
#legendList
{
    width:100%;
    list-style:none;
    text-align:left;
    padding:2px;
    margin:0px;
}

/*Tabs style*/
.MainTab .ajax__tab_xp
{    
   	font-family: Arial,Verdana, Helvetica,sans-serif !important;
}
.MainTab .ajax__tab_body
{
   	margin: 4px 0px 0px 0px !important;
   	padding: 15px 5px 10px 5px !important;
   	font-family: Verdana, Helvetica,sans-serif !important;
    background: #FFFFFF url(../Images/content_grad.gif) repeat-x top;    
}

.MainTab .ajax__tab_header 
{    
    padding:0px 0px 0px 8px;        
}
.MainTab .ajax__tab_outer
{
    height:23px;
    margin-right:3px; 
}
.MainTab .ajax__tab_inner
{      
    text-align: left;
    color: White;
    font-weight: Bold;
    margin: 0px 0px 0px 0px;    
    padding: 5px 3px 0px 8px; 
    height:18px;
    background: #FFFFFF url(../Images/hdr_grad.png) repeat-x top; 
}
.MainTab .ajax__tab_hover .ajax__tab_outer
{
}
.MainTab .ajax__tab_hover .ajax__tab_inner
{    
    color:Yellow;
}
.MainTab .ajax__tab_active .ajax__tab_outer
{   
}
.MainTab .ajax__tab_active .ajax__tab_inner
{   
    color:yellow;    
    background: #FFFFFF url(../Images/hdr_grad.png) repeat-x 0px -23px; 
}
.quickTips
{
    margin:5px 0px 20px 0px;
    padding:5px 10px 5px 10px;
    background:#DDDDDD;
    border:none;
}
.quickTips legend
{
    color:Black;
    margin-left:-10px;
}

dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:600px;
}

.dynamicPopulate_Updating 
{	
    background:url(../Images/snake_loader.gif) no-repeat center;
	border:black 1px solid;
	padding:0px;
	margin:0px;
	width:600px;
	height:400px;
}

.ImageButton
{
    position: relative;
    float: left;
    height: 80px;
    width: 62px;
    background-position:top center;
    background-repeat: no-repeat;
}

.ImageButton .ButtonText
{
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    text-decoration: none;
    color: Black;
    font-size: 0.8em;
    font-weight: bold;
    padding: 60px 0;
    width: 62px;
}

.ImageButton .ButtonText:hover
{
    color:#555555;
}

.slider_rail 
{
    position: relative;
    height: 35px;
    width: 135px;
    background:url(../Images/slider_rail.gif) repeat-x;
}

.slider_handle {

    padding-top:15px;
    position: absolute;
    height: 20px;
    width: 10px;
}

.dailyMapsOuter
{
    width:510px;
    margin:0 auto;
    padding:10px 0px 5px 0px;   
}

.dailyMapsInner
{
    width:510px;
    margin:0px 0px 5px 0px;
}

.dailyMapsViewImage
{
    background-color:#FFFFFF;
    border:solid 1px #CCCCCC;
}

.dailyMapsSlide
{
    margin:2px 2px 2px 0px;
    display:block;
    float:left;    
    width:100px;
    height:100px;
    background-color:#CCCCCC;
}

.dailyMapsSlide:hover
{
    background-color:#EEEEEE;
}

.dailyMapsSlideSelect
{
    margin:2px 2px 2px 0px;
    display:block;
    float:left;    
    width:100px;
    height:100px;
    background-color:#FFFFFF;
}

.dailyMapsSlide span, .dailyMapsSlideSelect span
{
    display:block;    
}