/* avoid unneeded scrollbars and gaps */

html,body { overflow: auto; }
html>body { overflow: visible; }

/* ensure frames extend 100% height and no scrollbars */
html   { height: 100%; }
body { height: 96%; margin:0; }

   
body { 
scrollbar-highlight-color: #708090; 
scrollbar-shadow-color: gray; 
scrollbar-3dlight-color: #dcdcdc;
scrollbar-face-color: #FFF; 
scrollbar-arrow-color: black; 
scrollbar-track-color: #e6f2ff; 
scrollbar-darkshadow-color: black; 
scrollbar-base-color: #f0f0f0;
scrollbar-3d-light-color: #600; 
scrollbar-dark-shadow-color: #600; 
font-size: 10pt; color: #000; font-family: verdana, geneva, arial, helvetica, sans-serif;
background-color: #E6F2FF;
}

/* 
Round-corners 
http://www.redmelon.net/tstme/4corners/
*/
#roundbox .rbroundbox    { background: url(images/bkg.gif) repeat }
#roundbox .rbtop         { background: url(images/te.gif)  repeat-x }
#roundbox .rbtop div     { background: url(images/tlc.gif) no-repeat top left }
#roundbox .rbtop div div { background: url(images/trc.gif) no-repeat top right }
#roundbox .rbbot         { background: url(images/be.gif)  repeat-x }
#roundbox .rbbot div     { background: url(images/blc.gif) no-repeat bottom left }
#roundbox .rbbot div div { background: url(images/brc.gif) no-repeat bottom right }
#roundbox .rbcontentwrap { background: url(images/le.gif) repeat-y left }
#roundbox .rbcontent     { background: url(images/re.gif) repeat-y right }
#roundbox .rbtop div, #roundbox .rbtop, #roundbox .rbbot div, #roundbox .rbbot {
	width: 100%;
	height: 20px;
	font-size: 1px;
}
#roundbox .rbcontent  { padding: 0 1em 0em 1em ; margin: 0 }
#roundbox .rbroundbox { 100%; margin: 0 }
#roundbox p  { padding: 0; margin: 0 0 0 0 }
#roundbox h2 { padding: 0; margin: 0 0 10px 0; border-bottom: 1px solid #000 }


/* 
Tab navigator 
http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml
*/
.navtab a { color: #fff; background: #26a url("images/ltab.gif") left top no-repeat; text-decoration: none; padding-left: 10px; text-decoration: none; display:block; cursor:pointer; cursor:hand }
.navtab a span { background: url("images/rtab.gif") right top no-repeat; padding-right: 10px }
.navtab a, .navtab a span { display: block; float: left }
.navtab a:hover { color: #fff; background: #00ccff url("images/ltabh.gif") left top no-repeat; text-decoration: none; padding-left: 10px }
.navtab a:hover span { background: url("images/rtabh.gif") right top no-repeat; padding-right: 10px }
.navtab ul { list-style: none; padding: 14px; margin: 0 }
.navtab li { float: left; display: block; margin: 0; padding: 0} 
/* IE5-Mac hack */ \*/ .navtab a, .navtab a span{ float: none }
ul { font-size: 9pt; }


/* HV centered container */

DIV.hvccon{
color: #fff;font-size: 10pt;
min-height: 10em; display: table-cell; vertical-align: middle; text-align: center; 
}


/* right container */

.rcontHeader{ font-weight: bold; color: #CFF; background-color: #557; margin: 0; padding: 0 }
.rcont {
font-size: 8pt; color: white; font-family: verdana, geneva, arial, helvetica, sans-serif;
scrollbar-highlight-color: #CCE; scrollbar-shadow-color: Blue; scrollbar-3dlight-color: #FFF; 
scrollbar-face-color: #036; scrollbar-arrow-color: Blue; scrollbar-track-color: #036; 
scrollbar-darkshadow-color: #036; scrollbar-base-color: #036; 
overflow:auto;
}


/* list */

a.lst, a.lst:link, a.lst:visited, a.lst:active, a.lst:hover { font-size: 9px; color: white; font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: none }
a.lstB, a.lstB:link, a.lstB:visited, a.lstB:active, a.lstB:hover { font-size: 9px; color: #cff; background-color:#669; font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: none }
a.lstG, a.lstG:link, a.lstG:visited, a.lstG:active, a.lstG:hover { font-size: 9px; color: #fff; background-color:#093; font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: none }
a.lstR, a.lstR:link, a.lstR:visited, a.lstR:active, a.lstR:hover { font-size: 9px; color: #fff; background-color:#f00; font-family: verdana, geneva, arial, helvetica, sans-serif; text-decoration: none }


/* collapsible menus */

.lev0link  { display: block; background-color: #557; color: #fff; width: 100%; padding: 0; margin: 0 0 2px 0 }
.lev0plain { display: block; background-color: #aac; 			  width: 100%; padding: 0; margin: 0 0 2px 0 }
.lev1link  { display: block; background-color: #779; color: #fff; width: 100%; padding: 0; margin: 0 0 2px 0 }
.lev1plain { display: block; background-color: #bbc; 			  width: 100%; padding: 0; margin: 0 0 2px 0 }
.lev2link  { display: block; background-color: #99a; color: #fff; width: 100%; padding: 0; margin: 0 0 2px 0 }
.lev2plain { display: block; background-color: #cce; 			  width: 100%; padding: 0; margin: 0 0 2px 0 }
.lev3plain { display: block; background-color: #ddf; 			  width: 100%; padding: 0; margin: 0 0 2px 0 }


/* iframe pages */

.pageibody {
font-size: 8pt; color: White; font-family: verdana, geneva, arial, helvetica, sans-serif; 
scrollbar-highlight-color: #CCE; scrollbar-shadow-color: Blue; scrollbar-3dlight-color: #FFF; 
scrollbar-face-color: #036; scrollbar-arrow-color: Blue; scrollbar-track-color: #036; 
scrollbar-darkshadow-color: #036; scrollbar-base-color: #036; 
background-color: #779;
margin:0;
}
.pageibodyAlt { background: url(images/bkg.gif) repeat }
.pageiHeader { font-weight: bold; color: #CFF }
.pagei { padding: 2px; margin: 2px }
a.pagei, a.info:link, a.pagei:visited, a.pagei:active { font-size: 8pt; color: white }
a.pagei:hover { font-size: 8pt; color: #CFF }


/* search */

input.frmButton { color: #FFF; font-family: Verdana, Arial, Helvetica, sans-serif; padding: 2px; font-size: 8pt; font-weight: bold; background-color: #3333CC; cursor: pointer; cursor: hand }

/* help */

h4 {color: #336699; font-size: 12pt; font-weight: 700}
h6 {color: #336699; font-size: 7pt}