body 
{
    background-color: #3C7DBF;
    font-family:arial, sans-serif;
    font-size: 0.75em;
    color: #000;
    font-weight: normal;
    font-variant: normal;
    margin-top: 0;
    background-image: url('images/bluefade2.jpg');
    background-repeat: repeat-x;
    padding: 0;
}

#bg
{
   /*background-color: #fff;*/
   background-image: url('images/sideshadow.gif');
   background-repeat: repeat-y;
   width: 986px;
   position: relative;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
   overflow: hidden;
   padding: 0;
}

/* Visible vertical scrollbar which disables correctly and allows normal horizontal scrollbar behaviour (FF). */
html 
{
    overflow-y: scroll !important;
}

table td
{
    vertical-align: top; 
}

img
{
    border-width: 0;    
}

.noscript
{
    color: #fff;   
    font-weight: bold;
    font-size: 1.2em;
    background-color: #cc0000;
    text-align: center;
    width: 100%;
    margin: auto;
    padding: 2px;
}

.wtitle
{
     position: absolute;
     right: 15px;
     top: 23px;
     color: #fff;
     text-align: right;
     font-size: 26px;
     line-height: normal;
     letter-spacing : 1.4px; 
     z-index: 101;  
}

.bigbold
{
    font-weight: bold;
    font-size: 1.3em; 
    padding-left: 5px;   
}

.w12
{
    width: 12%;    
}

.w14
{
    width: 14%;    
}

.w50
{
    width: 50%;    
}

.w74
{
    width: 74%;    
}


.w80
{
    width: 80%;    
}

.w95
{
    width: 95%;    
}

.w100
{
    width: 100%;    
}

td.lang
{
    vertical-align: text-top;
    padding: 3px 15px 5px 15px;
 }

.lang a:link, .lang a:visited, .printer a:link, .printer a:visited
{
    text-decoration:none;
    color: #1b5eaf;    
}

.lang a:hover, .printer a:hover
{
    text-decoration: underline;
    color: #000;
}

.footmenu a:link, .footmenu a:visited
{
    text-decoration: none;
    color: #1b5eaf; 
    padding-left: 5px;
    padding-right: 5px;   
}

.footmenu a:hover
{
    text-decoration: underline;
    color: #000;
}

.rightlink
{
    font-weight: bold;
    text-align: center;   
}


.rightlink a:link, .rightlink a:visited
{
    text-decoration: underline;
    color: #fff; 
}

.rightlink a:hover
{
    text-decoration: underline;
}

.headblock /* keep page layout when image is disabled */
{
    height: 107px;    
}

.toppart
{
    padding-top: 0px;
}

*html .toppart
{
    margin-top: -3px;
 }

.padright
{
    padding-right: 10px;
}

.footer
{
    text-align:center;
    padding-top: 15px;
    color: #000;
} 

#bottomshadow
{   
    background: url(images/bottom_shadow.gif) no-repeat;
    width: 986px; 
    height: 17px;
    text-align: center;
    margin: auto;
}   

.bllegend  
{
    background: url(images/bllegend.gif) 0 100% no-repeat #fff; 
    width: 135px;
}

/* IE7 */
*:first-child+html .bllegend
{
    width: 134px;    
}

*html .bllegend
{
    width: 134px;    
}

.brlegend 
{
    background: url(images/brlegend.gif) 100% 100% no-repeat;
}

.tllegend  
{
    background: url(images/tllegend.gif) 0 0 no-repeat;
}

.trlegend  
{
    background: url(images/trlegend.gif) 100% 0 no-repeat; 
    padding: 5px;
}

.clear 
{ 
    font-size: 1px; 
    height: 15px;
}

.clearfloat
{
    clear: both;
    padding: 10px;   
 }
 
 /*IE7 and below*/
*:first-child+html .clearfloat
{
	 padding: 0;
}

*html .clearfloat
{
    padding: 0;    
}

.bllong
{
    background: 0 100% no-repeat #1b5eaf; 
    width: 950px;
    letter-spacing: 1px;
}
.brlong
{
    background: 100% 100% no-repeat;
}
.tllong
{
    background: url(images/tl.gif) 0 0 no-repeat ;
}

.trlong
{
    background: url(images/tr.gif) 100% 0 no-repeat; 
    padding: 5px;
}

.blhelp
{
    background: 0 100% no-repeat #1b5eaf; 
    width: 950px;
    letter-spacing: 1px;
}
.brhelp
{
    background: 100% 100% no-repeat;
}
.tlhelp
{
    background: url(images/tl.gif) 0 0 no-repeat ;
}

.trhelp
{
    background: url(images/tr.gif) 100% 0 no-repeat; 
    padding: 5px;
}

.blmap 
{
    background: 0 100% no-repeat #1b5eaf; 
    width: 639px;
    letter-spacing: 1px;
}
.brmap 
{
    background: 100% 100% no-repeat;
}
.tlmap 
{
    background: url(images/tl.gif) 0 0 no-repeat ;
}

.trmap 
{
    background: url(images/tr.gif) 100% 0 no-repeat; 
    padding: 5px;
}

.bl1
{
    background: 0 100% no-repeat #1b5eaf; 
    width: 307px;
    letter-spacing: 1px;
}
.br1
{
    background: 100% 100% no-repeat;
}
.tl1
{
    background: url(images/tl.gif) 0 0 no-repeat ;
}

.tr1
{
    background: url(images/tr.gif) 100% 0 no-repeat; 
    padding: 5px;
}

.white, .s_white
{
    color: #fff;
}

@media screen and (-webkit-min-device-pixel-ratio:0) 
{
 .s_white  { color: #CF4829  }
}

.rightimgsize
{
    width: 307px;
    height: 94px;    
}

/*IE7 and below*/
*:first-child+html .rightimgsize
{
	 height: 92px;
}

*html .rightimgsize
{
    height: 92px;    
}

.questionpad
{
    font-weight: bold;
    padding-bottom: 5px;    
}

/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
.yui-navset .yui-nav li 
{
    margin:0 0.5em 0 0; /* horizontal tabs */
}

.yui-nav,.yui-nav li
{
    margin:0;padding:0;
    list-style:none;
    }
.yui-navset li em
{
    font-style:normal;
    }
.yui-navset
{
    position:relative;zoom:1;
    }
.yui-navset .yui-content
{
    zoom:1;
    }
.yui-navset .yui-nav li 
{
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline;
    vertical-align:bottom;
    cursor:pointer;
    zoom:1;
    }
.yui-navset .yui-nav a
{
    position:relative;
    }
.yui-navset .yui-nav li a 
{
    display:block;
    display:inline-block;
    vertical-align:bottom;
    zoom:1;
}

.yui-navset .yui-nav li a em 
{
    display:block;
}
.yui-skin-sam .yui-navset .yui-nav 
{                                                     
    /* protect nested tabviews from other orientations */ 
    border-top:solid 1px #1b5eaf;   /* color between tab list and content */ 
    background-color: #1b5eaf; 
    Xposition:relative;
    zoom:1;
    }
.yui-skin-sam .yui-navset .yui-nav li 
{
    margin:0 0 0 0.16em; /* space between tabs */ 
    padding:1px 0 0 0;      /* gecko: make room for overflow */ 
    zoom:1;
    }
.yui-skin-sam .yui-navset .yui-nav .selected 
{
    margin:0 0 -1px 0.16em;   /* for overlap */ 
    }
.yui-skin-sam .yui-navset .yui-nav a 
{
    background-color:#ccc;
    border:solid #ccc;
    border-width:0 1px;
    color:#000;
    font-weight: bold;
    position:relative;
    text-decoration:none;
    }
.yui-skin-sam .yui-navset .yui-nav a em, .yui-skin-sam .yui-navset .yui-navset-top .yui-nav a em 
{
    border:solid #ccc;
    border-width:1px 0 0;
    cursor:hand;
    padding:0.25em .75em;
    left:0; right:0; bottom:0; /* protect from other orientations */
    top:-1px; /* for 1px rounded corners */
    position:relative;
    }
.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a:focus /* no focus effect for selected */ ,.yui-skin-sam .yui-navset .yui-nav .selected a:hover /* no hover effect for selected */ 
{
    background-color: #fff;   /* selected tab background */
    color:#000;
    font-weight: bold;
    }
.yui-skin-sam .yui-navset .yui-nav a:hover,.yui-skin-sam .yui-navset .yui-nav a:focus
{
    background-color: #bfdaff;  /* selected tab background */
    outline:0;
    }
.yui-skin-sam .yui-navset .yui-nav .selected a em
{
    padding:0.35em 0.75em; /* raise selected tab */ 
    }
.yui-skin-sam .yui-navset .yui-nav .selected a,.yui-skin-sam .yui-navset .yui-nav .selected a em
{
    border-color:#ccc; /* selected tab border color */
    }
.yui-skin-sam .yui-navset .yui-content
{
    background:#fff; /* content background color */ 
    }
.yui-skin-sam .yui-navset .yui-content 
{
    border-top:1px solid #999; /* content border */
    border-bottom:1px solid #ccc;
    padding:0.25em 0.5em;  /* content padding */ 
}

.alertwidthpad
{
    padding-left: 3px; 
    padding-right: 3px; 
}

.alert
{
    text-align: left;
}

.alertborder td
{
   vertical-align: top;
   border-bottom: solid 1px #1b5eaf;
   color: #ff0000;
}

   
/* Alert Scroll */
#pscroller
{
	width: 100%;
	text-align: left;
	margin-left: -30px;
	height: 35px;
	font-size: 1.1em;
	/*border: 1px solid red;*/
	font-weight: bold;
}

*html #pscroller
{
    padding-right: 20px; 
    top: 0px; 
}

   
.alertpad
{
    padding-left: 15px;
    padding-top: 2px;
}

.scroll
{
    margin-top: 2px;    
}

.trafficbg
{
    color: #000;
    border: solid 1px #ccc;
    width: 950px;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}

.codetable
{
    border: solid 1px #ccc;
    width: 60%; 
 }
 
 .codetable th
 {
    background: #d9d9d9 url(images/template/list_table_header_bg.gif) repeat-x scroll 0px 0px;
    text-align: left;
 }
 
  .codetable td
 {
    border-top: solid 1px #ccc;
 }
 
.center
{
    text-align: center;
}
  
.moverightbold, .moveright
{
    text-align: right;
    
}

.moveup
{
    position: relative;
    top: -30px;   
    padding-right: 13px;
    float: right;
    margin: 0px;
}

.moverightbold, .moveleftbold, .fontbold, .codetable th
{
    font-weight: bold;
}

.linkwidth
{
    width: 99%;  
}

.alertcolor
{
    background-color: #ece9e9;        
}

.handcursor
{
    cursor:hand;
    cursor:pointer;
    position: absolute;
}

.printerpad
{
    padding-left: 5px;
}

/* .p */
p, .padleft20
{
    padding-left: 20px; 
    padding-right: 20px;   
}

.padtop10
{
    padding-top: 10px;    
}


.linkboxinfo
{
    background: #fff;
    margin: auto;
}

.alerttable
{
    width: 50%;
    border-collapse: collapse;
}

.alerttable td
{
    padding: 3px;    
}

.boxinfo
{
    margin-top:  -15px; 
}

.paduserhomebox
{
    padding-top: 10px;
    padding-bottom: 20px;
}

#divWarning, .btnprint
{
    display: none;    
}

.linkboxinfo li
{
    padding-bottom: 10px;
}

th.mymenu
{
    color: #fff;
    position: relative;
    border: solid 1px #ccc;
    text-align: left;
    z-index: 233;
}

th.mymenu
{
    background-color: #1b5eaf;
}

.content
{
    top: 4px;    
}

th.mymenu
{
   padding: 5px 15px 5px 15px; 
}

.mymenu li
{
    list-style: square;    
}

.mymenu a:link, .mymenu a:visited
{
    text-decoration: none;  
    color: #1b5eaf;      
}

.mymenu a:hover
{
    color: #000;
    text-decoration: underline;
}

.auto
{
    margin: auto;   
}

td.mymenu
{
    border-bottom: solid 1px #ccc;
    border-left: solid 1px #ccc;
    border-right: solid 1px #ccc;
    background-color: #fff;
}

td.mymenu
{
    padding: 15px;
}

.tablespace
{
    padding-left: 5px;
    padding-right: 5px;	
	background:#fff;	
}

.moveleftbold
{
    text-align: left;    
}

.smallcol
{
    text-align: left;
    vertical-align: middle; 
    width: 3%;
}

.listitems
{
    margin-left: 20px;  
    margin-right: 20px; 
}

#DefaultLoginInstructionDiv, #DefaultRememberMeDiv
{
    width: 100%;    
}

.answer
{
    margin-left: 10px;  
}

.padbottom
{
    padding-bottom: 20px; 
}

.padbottomclickinfo
{
    padding-bottom: 5px;    
}

.floatL
{
    float: left;    
}

.floatR
{
    float: right;    
}

.answer li
{
    margin-left: 10px;  
}

*html .answer li
{
    margin-left: 30px;  
}

.borderless td
{
    border: solid 0px #000;    
}

.square li, .square div
{
	list-style-type: square;
}

.help li
{
	padding-bottom: 5px;
	text-align: left;
	list-style-type: none;
}
h5
{
	font-size: 1.3em;
	color: #3399ff;
	text-indent: 10px;	
}

.mapbottomborder
{
    border-bottom: #ccc;   
}

#legendbox
{
	width:134px;
	height:366px;
	background-color: #99b3cc;
}

/* IE7 and below*/
*:first-child+html #legendbox
{
	position: relative;
	top: 0px;
}

*html #legendbox
{   
    position: relative;
    top: 0px; 
}

.legendinside
{
    position: relative;
	margin: auto;
	top:15px;
	height:auto;
}

.legendbullet ul
{
	margin: 0;
	padding: 0;
}

.legendbullet li
{
	margin:   0px 0px 3px -30px;
	width: 105px;
	list-style-type: none;
	display: block;
	color: #000;
	text-align: left;
}

.homemap
{
    font-weight: bold;
    color: #1b5eaf;
    text-align: center;  
    padding-top: 10px;  
}

/* sidebar */
.imgpadright
{
    padding-right: 5px;    
}
	
.imgvalign
{
    vertical-align: middle;   
    
}

#MapRegionBullet li
{
    padding-top: 5px;    
}

.invisible
{
    display: none;  
}

.donotshow
{
    visibility: hidden;    
}

.printvisible
{
    visibility: visible;   
}

/* PDMarker */
     div.markerTooltip, div.markerDetail {
          color: #000;
          font-weight: bold;
          background-color: #fff;
          white-space: nowrap;
          margin: 0;
          padding: 2px 4px;
          border: 1px solid #ccc;
       }
 
.msgsignfade
{
    background-color: #000;   
    text-align: center;  
    height: 60px;
    font-size: 1.4em;
}

.msgsign
{
    padding-top: 5px;
}

.putable1
{
    width: 225px;
   border: solid 2px #ccc;
   
}

.putable2
{
    width: 165px;
   border: solid 2px #ccc;
   
}

.putable1 td, .putable2 td
{
    padding-left: 5px;
    padding-right: 5px;    
}

.puheader
{
    background-color: #1b5eaf; 
    margin-top: 0;
    color: #fff;  
    width: 100%;     
}

div.puheader
{
    font-weight: bold;   
}

.puhwidth
{
    font-weight: bold;  
    width: 37%;  
}

.puhwidth1
{
    font-weight: bold;  
    width: 90%;  
}

.puhwidth2
{
    width: 100%;  
}

.borderless
{
    background-color: #fff;
    border-collapse: collapse;  
}

.altcolor
{
  background-color: #C2DBFF;      
}

.lightgrey
{
    background-color: #F0F0F0;    
}

.visibility
{
    visibility: visible;    
}

.msgTable 
{
   background-color: #000;
   font-size: 12px;
   font-weight: bold;
   width: 172px;
   height: 60px;
   vertical-align: middle;
   color: #FFFF00;
}

P.msgText 
{
   margin: 0;
   text-align: center; 
}

#skip a, #skip a:hover, #skip a:visited
{
    position:absolute;
    left:0;
    top:-500px;
    width:1px;
    height:1px;
    overflow:hidden;
}

#skip a:active, #skip a:focus
{
    position:static;
    width:auto;
    height:auto;
} 

#content1-show, #content2-show, #content3-show, #content4-show, #content5-show, #content6-show, #content7-show, #content8-show, #content9-show
{
    padding: 10px;    
}

.submenu
{
    font-weight: bold;
    font-size: 1.2em; 
}

/* IE7 */
*:first-child+html .iepad
{
    padding-top: 20px;   
}

*html .iepad
{
    padding-top: 20px;   
}

.rightvideo
{
    position: relative;
    float: right;  
}