/*
Department: UI Team
File: Global Pubsite Stylesheet
Modified: 09/01/05
By: Gu Ming Peng gpeng@divinvest.com
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, select, option {margin: 0; padding: 0; border: 0;}

body {font: normal 11px/1.4em Arial, Helvetica, Verdana, sans-serif;}
#outter {margin: 0 auto 0 auto; padding: 0; text-align: left; width: 772px; /* comment out for liquid */ height: 400px; /* min height */}

#title {background-color: #C7D9E9; padding: 12px 12px 7px 12px; margin-bottom: 15px;}
#title h2 {float: right;} /* email & print buttons */
#title h2 a {padding: 0 0 0 8px;}

#content {border: 1px #bcbdbe solid; padding: 18px 22px 0 22px; margin: -3px 0 0 0; background-color: #fff;}
#content h1 {font-weight: bold; font-size: 14px; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif;}
#content h2 {font-weight: bold; font-size: 12px; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif;}
#content h2 a {font-size: 12px;}
#content h3 {font-weight: bold; font-size: 11px; color: #000; font-family: Arial, Helvetica, Verdana, sans-serif;}
/* Similar to h2, but with a hairline underneath */
#content h4 {font-weight: bold; font-size: 13px; color: #333; font-family: Arial, Helvetica, Verdana, sans-serif; border-bottom: 1px #ccc solid; margin-bottom: 6px; padding-bottom: 3px; clear: both;}
#content h4.sitemap {font-weight: bold; font-size: 12px; color: #333; font-family: Arial, Helvetica, Verdana, sans-serif; border-bottom: 1px #ccc solid; margin-bottom: 4px; padding-bottom: 3px; clear: both;}
#content h5 {font-weight: bold; font-size: 13px; color: #333; font-family: Arial, Helvetica, Verdana, sans-serif; border-bottom: 1px #ccc solid; margin-bottom: 6px; padding: 12px 3px 0 0; clear: both;}
#content p {margin: 0 0 12px 0;}

#content ul li h3.showbox {border:1px #bcbdbe solid; padding: 2px 4px 2px 8px; margin: 6px 0 0 0; background: #eaeaea url(../../images/common/close.gif) no-repeat right; display: block; width: 95%;}

/* Table Setup 2 or 3 */
#tblcol {width: 100%; margin: 0 0 12px 0; }
#tblcol tr {vertical-align: top;}
#tblcol td {background-color: #ffffff;}
#tblcol td.left {background-color: #ffffff; width: 33%; text-align: left; vertical-align: top; padding: 0 6px 0 16px;  }
#tblcol td.leftHome {background-color: #ffffff; width: 49%; text-align: left; vertical-align: top; padding: 6px 6px 0 16px;  }
#tblcol td.right {background-color: #ffffff;text-align: left; vertical-align: top; padding: 0 12px 0 6px;}
#tblcol td.rightHome {background-color: #ffffff;text-align: left; vertical-align: top; padding: 6px 5px 0 27px; }
#tblcol td.sitemap {font-family: Arial, Helvetica, Verdana, sans-serif; margin: -3px 0 -3px 0; clear: both;}
#tblcol td.center {background-color: #ffffff;text-align: left; vertical-align: top; padding: 0 16px 0 16px;}




/* Table Sitemap */
#tblsm {width: 100%; margin: 0 0 2px 0; }
#tblsm tr {vertical-align: top;}
#tblsm td {background-color: #ffffff;  padding: 0 2px 0 2px; margin: -3px 0 -3px -3px; }

#tblsm td.sitemap {vertical-align: top; font-family: Arial, Helvetica, Verdana, sans-serif;  margin: -3px 0 -3px -3px; }
#tblsm td.center {background-color: #ffffff;text-align: left; vertical-align: top; padding: 0 16px 0 16px;}
#tblsm td.right {background-color: #ffffff;text-align: left; vertical-align: top; padding: 0 12px 0 6px;}



/* Table Setup Home3 */
/* table data background color */
.tbllistheader, .tbllistheadlft, .hairline, .tbldata th {background-image: url(/images/home/bg_tbl_header.gif);}


#spacer {margin: 0 0 0 4px; padding: 0;}
#spacer li {list-style-type: none; margin: 0 0 2px 14px; padding: 5px 0 0 18px; background: url(/images/common/black_arrow_sm.gif); background-repeat: no-repeat;   background-position: 1px 10px;}


#buttons {margin: 22px 0 0 0; }
#buttons a {display: block; float: left; font: normal 11px/1.3em Arial, Helvetica, Verdana, sans-serif; white-space: nowrap; background: url(images/common/bg_button.gif) repeat-x; text-decoration: none; margin: 0 0 0 12px; border: 1px #999 solid; padding: 6px 12px;}
#buttons a:link {color: #000; }
#buttons a:visited {color: #000;}
#buttons a:hover {color: #069; border: 1px #393 solid; background: url(images/common/bg_button_on.gif) repeat-x;}
#buttons a:active {color: #000;}

.buttonsblock {margin: 6px 0 0 0; }
.buttonsblock a {display: block; float: left; font: normal 11px/1.3em Arial, Helvetica, Verdana, sans-serif; white-space: nowrap; background: url(images/common/bg_button.gif) repeat-x; text-decoration: none; margin: 0 12px 0 0; border: 1px #999 solid; padding: 6px 12px;}
.buttonsblock a:link {color: #000; text-decoration: none;}
.buttonsblock a:visited {color: #000; text-decoration: none;}
.buttonsblock a:hover {color: #069; border: 1px #393 solid; background: url(images/common/bg_button_on.gif) repeat-x; text-decoration: none;}
.buttonsblock a:active {color: #000; text-decoration: none;}

#buttonscalc {margin: 12px 15px 0 0; }
#buttonscalc a {display: block; float: right; font: normal 11px/1.3em Arial, Helvetica, Verdana, sans-serif; white-space: nowrap; background: url(images/common/bg_button.gif) repeat-x; text-decoration: none; margin: 0 0 0 12px; border: 1px #999 solid; padding: 6px 12px;}
#buttonscalc a:link, #buttonscalc a:visited, #buttonscalc a:active {color: #000;}
#buttonscalc a:hover {color: #069; border: 1px #393 solid; background: url(images/common/bg_button_on.gif) repeat-x;}

/* required class for bottom of main content area */
.bottom {clear: both;}

/* Floats */
/* Use First Three to create two column effect */
/* 1 */ .pleft {float: left;}
/* 2 */ .pright {float: right;} 
/* 3 */ .clear {clear: both;}
img.pleftwide {float: left; margin: 2px 12px 0 0; padding: 0px 6px 4px 0px;}
img.prightwide {float: right; margin: 5px 0 20px 45px;} /* single image float */


/* Global Unordered/Ordered Lists: all lists existing within #content */
#content ol {margin: 0 0 20px 25px; padding: 0 0 0 10px;}
#content ol li {font: bold 11px/1.4em Arial, Tahoma; margin: 0 0 8px 0; background-image: none; padding: 0;}
#content ol li ol {margin: 5px 0 5px 30px; padding: 0; list-style-type: none;} /* sub numbered list */
/* hack */ html>body #content ol li ol {margin: 5px 0 5px 22px;} /* sub numbered list */
#content ol li ol li {background: url(images/common/black_dash_sm.gif) no-repeat 0px 5px; padding: 0 0 0 12px; margin: 0; font: normal 11px/1.4em Arial, Tahoma;} 
#content ol li p {font: normal 11px/1.4em Arial, Tahoma; margin: 0; padding: 0;}
#content ol.h2ontop {margin-top: 12px;}
#content ul {list-style-type: none; margin: 8px 8px 16px 12px; padding: 0 0 0 10px;}
#content li {background: url(/images/common/black_arrow_sm.gif) no-repeat 0px 5px; padding: 0 0 0 12px; margin: 0 0 3px 0;}

/* Embedded Lists */
#content ul li ul li {background: url(../../images/common/black_dash_sm.gif) no-repeat 0px 5px; padding: 0 0 0 12px; margin: 0;}
#content .callout ol {font-weight: normal; margin: 10px 10px 15px 15px;}
#content .callout ol li {font-weight: normal; margin: 0 0 0 12px; padding: 0;}




.dropStyle {border-width: thin; border-color: #BCBDBE; border-style: solid; background-color: #F0F0F0;}


/* Soft Nav - Split L&R  Style*/
.softleft {float: left;  margin: 6px 0 -3px -7px;}
.softright {float: right; margin: 6px -7px -5px 0;} 

/* Soft Nav - Right-Aligned  Style*/
#navsofthome {text-align: left;}
#navsoft {text-align: right;}

#banhead {background-color: #00529b; height: 87px;}
#banhead h1 {float: left; width: 185px;}
#banhead h2 {float: left; margin: 44px 0 0 25px;}
#banhead h3 {float: right; font-weight: normal; margin: 54px 8px 0 0;}



/* Top main Navigation */
#navtop {height: 28px; background-image: url(images/common/nav_top_bg_bot.gif); width: 772px; background-repeat: no-repeat;}
/*hack - need for lower shadow */ html>body #navtop {height: 27px;}
#navtop ul {list-style-type: none; margin-top: 1px;}
#navtop li {display: inline;}
#navtop li img {border: 0;}

#navshaderight {position: absolute; top: 112px; margin-left: 771px;}
/* hack */ html>body #navshaderight {top: 110px;}

.submenuwrapper {background: url(images/common/nav_bg_right.gif) no-repeat 100% 4px; visibility: hidden; position: absolute; padding-top: 5px; float: left; z-index: 1;}
/* hack */ html>body .submenuwrapper {top: 132px;}

.submenu {border: 1px #000 solid; background-color: #98B98E; list-style-type: none; margin: 5px 4px 0 0; padding: 7px 0 8px 0;}
/* hack */ html>body .submenu {border: 1px #000 solid; background-color: #98B98E; list-style-type: none; margin: 5px 4px 0 0; padding: 7px 0 8px 0;}
.submenu li a {font: normal 11px/1.5em Arial, Verdana; color: #000; text-decoration: none; height: 17px; display: block; padding: 0 0 0 16px;}
.submenu li a:link {color: #000; text-decoration: none;}
.submenu li a:visited {color: #000; text-decoration: none;}
.submenu li a:hover {color: #fff; background-color: #00529b; background-image: url(/images/common/whiteArrow.gif); background-repeat: no-repeat; background-position: 3px 1px;}
.submenu li a:active {color: #fff; background-color: #00529b; background-image: url(/images/common/whiteArrow.gif); background-repeat: no-repeat; background-position: 3px 1px;}
.submenubot {background-image: url(images/common/nav_bg_bot.gif); background-repeat: no-repeat; text-align: right; background-color: none;}

/* Footer Text */
#footer {margin: 5px 0 12px 19px; width: 99%; }
#footer h2 {float: left; font: normal 11px/1.5em Arial, Helvetica, Verdana, sans-serif;}
#footer h3 {float: right; font: normal 11px/1.5em Arial, Helvetica, Verdana, sans-serif;}
#footer h3 a {padding: 0 0 0 12px;}
.aeg {margin: 21px 0 0 0 ; padding: 3px 0 0 0 ; border-top: 1px #ccc solid; text-align:right;}




.resourcebox {border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #333; border-bottom: 1px solid #333; padding: 10px; background-image: url(/images/common/bg_box.gif); background-repeat: repeat-x; width: 200px; height: 109px;}
html>body .resourcebox {height: auto;}
#resource {padding: 0 0 0 22px;} /* Right Col of Two/Three Col Table */
#resource h2 {margin: 0; font: bold 11px/1.5em  Arial, Helvetica, Verdana, sans-serif;}
#resource p {margin: 0; padding: 5px 7px;}
#resource .boximg {float: right; margin: 6px 0 6px 6px;}
#resource .leftboximg {float: left; margin: 5px 0 2px 2px;}
#resource .rightboximgwide {float: right; margin: 5px 0 2px 4px;}
#resource .leftboximgwide {float: left; margin: 5px 0 2px 4px;}



/* | Start Sign In Styles | */
#signin {position: absolute; background: url(../../images/home/signin_drop.gif) no-repeat; top: 32px; visibility: hidden; padding: 0 0 5px 0;}
/* hack */ html>body #signin {top: 30px; padding: 0 0 3px 0;}
#signin ul {width: 163px; padding: 10px 0 0 0;}
#signin li {list-style-type: none; width: 152px; height: 17px; margin: -3px 0;}
/* hack */ html>body #signin li {margin: 0 0 0 0;}
#signin li a {padding: 0 0 0 20px; text-decoration: none; display: block; height: 17px;}
#signin li a:link {color: #000;}
#signin li a:visited {color: #000;}
#signin li a:hover {color: #fff; background: #000 url(/images/common/whiteArrow.gif) no-repeat 3px -1px;}
#signin li a:active {color: #fff; background: #000 url(/images/common/whiteArrow.gif) no-repeat 3px -1px;}

/* Similar to Callout Hairline to house single column data */
.hairline {border: 1px #ccc solid; padding: 15px; background-image: url(images/common/bg_tbl_header.gif); background-repeat: repeat-x; margin-bottom: 12px;}

.footertext {font-style: italic; width: 99%;}
.smallerfootertext {font-style: italic; font-size: 8px; letter-spacing: 1px;}
/* hack */ html>body .footertext {width: inherit;}

/* Original Glossary Helper */
#dhtmltooltip {position: absolute; width: 10px; border: 1px solid #000; padding: 5px; background-color: #ffc; visibility: hidden; z-index: 100; color: #000; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}

/* Updated, Alternate Tool Help */
a.tip {position: relative; background-color: #ff9; padding: 3px 2px 3px 5px; margin: 0;}
a.tip i {background: #ff9 url(images/common/ico_glossary.gif) no-repeat; padding: 0 14px 0 0;}
a.tip span {display: none; font-style: none; text-decoration: none;} 
a.tip:hover span {display: block; position: absolute; top: 18px; left: -55px; height: 100px; width: 250px; background-color: #ffe; color: #000; padding: 10px; border: 1px #000 solid; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#content .tip span ol {margin: 5px 0 0 14px;}
#content .tip span ol li {font-weight: normal;}
a.tip:link {text-decoration: none; color: #000; cursor: help;}
a.tip:visited {text-decoration: none; color: #000; cursor: help;}
a.tip:hover {color: #0033FF; font-size: 100% !important; cursor: help; text-decoration: none; color: #000;} /* the span will display just on :hover state */ 
a.tip:active {text-decoration: none; color: #000; cursor: help;}

/* Used for images that need margin on bottom */
.imgalone {margin: 0 0 22px 0;}

var {font-style: normal; font-weight: bold;}

/* Form Elements */
textbox {
	border: 1px solid 808080;
}
.textbox {
	border: 1px solid #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;

}


/* 6/2/06 New tabbed Navigation */
#mainTopText {font: bold 11px/1.3em Arial, Tahoma; margin: 0 0 10px 0;}
#mainFrame {height: 475px; width: 95%; border: 1px solid #ccc; border-width: 0 1px 1px 1px; margin: 0 0 15px 0; padding: 10px;}

/* Main Content Area Top Tabbed Navigation */
#navtabmain {height: 27px; clear: both; margin-top: 0; border-bottom: 1px solid #ccc; border-right: 1px solid #fff; border-left: 1px solid #fff; width: 99%;}

#navtabmain ul {list-style: none; margin: 0 0 0 12px; padding: 0; border: 0; position: absolute;}
/* hack */ html>body #navtabmain ul {position: inherit;}

#navtabmain li {display: block; float: left; background: transparent url(images/common/tabright.gif) top right no-repeat; margin: 0 2px 0 0; padding-right: 1px;	background-color: #eee;}
#navtabmain li a {font: normal 11px/1.5em  Arial, Helvetica, Verdana, sans-serif; float: left; background: url(images/common/tableft.gif); text-decoration: none; color: #000; margin: 0 0 0 -12px; padding: 6px 10px 4px 10px;}
#navtabmain li a:link {}
#navtabmain li a:visited {}
#navtabmain li a:hover {background-color: #fff;}
#navtabmain li a:active {}

#navtabmain li.selected a {font: bold 11px/1.5em  Arial, Helvetica, Verdana, sans-serif; cursor: default;}
#navtabmain li.selected {background-color: #fff; border-bottom: 1px #fff solid;}

/* sup, sub tag fixes*/
sup { font-family: Arial, Helvetica, sans-serif; font-size: 9px; font-weight:normal; vertical-align: .9ex;}
sub { font-family: Arial, Helvetica, sans-serif; font-size: 75%; vertical-align: -0.6ex;}



/*  New popup styles 09/19/06  */
.rightnavtop {float:right; margin:0 5px 0 0; font: bold 11px/1.5em  Arial, Helvetica, Verdana, sans-serif; color: #fff;}

#poptbl {width: 100%; margin: 10px 10px 10px 0; border:1px #000 solid; background-color:#eeeeee;}
#poptbl td.left {vertical-align: top; text-align: left; padding: 12px 6px 0px 12px;  font-size: 11px;}
#poptbl td.right {vertical-align: top; text-align: left;  padding: 8px 6px 0px 8px;  font-size: 11px; }

#poptblSP {width: 100%; margin: 10px 10px 10px 0; border:1px #000 solid; background-color:#eeeeee;}
#poptblSP td.left {vertical-align: top; text-align: left; padding: 12px 6px 0px 12px;  font-size: 11px;}
#poptblSP td.right {vertical-align: top; text-align: left;  padding: 8px 6px 0px 8px;  font-size: 11px; }

#buttons {margin: 22px 0 0 0; }
#buttons a {display: block; float: left; font: normal 11px/1.3em Arial, Helvetica, Verdana, sans-serif; white-space: nowrap; background: url(../images/common/bg_button.gif) repeat-x; text-decoration: none; margin: 0 0 0 12px; border: 1px #999 solid; padding: 6px 12px;}
#buttons a:link {color: #000; }
#buttons a:visited {color: #000;}
#buttons a:hover {color: #069; border: 1px #393 solid; background: url(../images/common/bg_button_on.gif) repeat-x;}
#buttons a:active {color: #000;}