/*
Department: UI Team
File: Global Pubsite Stylesheet
Modified: 09/01/05
Modified: 07/25/06 - Shading Issue Line: 190
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: #D0DFCB; 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 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;}

/* Pop up Windows */
#contentpop {border: 1px #bcbdbe solid; padding: 18px; background-color: #fff; width: 90%; margin: 0 auto;}
#contentpop h1 {padding: 5px; margin: 0 0 8px 0; border: 1px #BCBDBE solid; font: bold 12px/1.3em Arial, Helvetica, Verdana, sans-serif; background-image: url(../images/home/bg_tbl_header.gif);}
#contentpop h2 {font: bold 11px/1.3em Arial, Helvetica, Verdana, sans-serif;}
#contentpop h3 {font: bold 10px/1.3em Arial, Helvetica, Verdana, sans-serif;}
#contentpop p {margin: 0 0 12px 0;}
#contentpop hr {margin: 40px 0 0 0;  padding: 20px 0 0 0;}

/* Pop up Windows */
#contentfaq {border: 1px #bcbdbe solid; padding: 18px; background-color: #fff; width: 90%; margin: 0 auto;}
#contentfaq h1 {padding: 5px; margin: 0 0 8px 0; border: 1px #BCBDBE solid; font: bold 14px/1.3em Arial, Helvetica, Verdana, sans-serif; background-image: url(../images/home/bg_tbl_header.gif);}
#contentfaq h2 {font: bold 13px/1.3em Arial, Helvetica, Verdana, sans-serif;}
#contentfaq h3 {font: bold 12px/1.3em Arial, Helvetica, Verdana, sans-serif;}
#contentfaq p {font:  normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif; margin: 0 0 12px 0;}
#contentfaq a {font:  normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif; margin: 0 0 12px 0;}
#contentfaq ul {font:  normal 13px/1.3em Arial, Helvetica, Verdana, sans-serif; margin: 0 0 12px 0;}
#contentfaq hr {margin: 40px 0 0 0;  padding: 20px 0 0 0;}

#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;}
#double {margin: 0 0 0 8px; padding: 0;}
#double li {list-style-type: none;  margin: 0 0 2px 0;  padding: 5px 0 0 18px;  background-image: url(../images/common/black_arrow_sm.gif); margin: 0 0 2px 0; background-repeat: no-repeat; background-position: 1px 8px; padding: 5px 0 0 12px;}

#spacerfloat {margin: -89px 0 0 160px; padding: 0;}
#spacerfloat 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;}


#question {margin: 0 0 0 4px; padding: 0;}
#question li {list-style-type: none; background-image: url(../images/common/q.gif); background-repeat: no-repeat; background-position: 1px 8px;  margin: 0 0 2px 14px; padding: 5px 0 0 18px;}
#answer {margin: 30px 0 0 6px; padding: 0;}
#answer ul {margin: 20px 0 0 0; padding: 0;}
#answer li {list-style-type: none; font-weight: bold;  margin: 0 0 2px 0; padding: 5px 0 0 18px; background-image: url(../images/common/q.gif); background-repeat: no-repeat; background-position: 1px 8px; padding: 5px 0 0 18px;}
.answertext  {list-style-type: none; background-image: url(../images/common/a.gif); background-repeat: no-repeat; background-position: 1px 8px;  margin: 0 0 2px 14px; padding: 5px 0 0 18px;}
.answernumbers  {list-style-type: none; margin: -2px 0 2px 22px; padding: 0 0 0 18px;}

#question_sp {margin: 0 0 0 4px; padding: 0;}
#question_sp li {list-style-type: none; background-image: url(../images/common/p.gif); background-repeat: no-repeat; background-position: 1px 8px;  margin: 0 0 2px 14px; padding: 5px 0 0 18px;}
#answer_sp {margin: 30px 0 0 6px; padding: 0;}
#answer_sp ul {margin: 20px 0 0 0; padding: 0;}
#answer_sp li {list-style-type: none; font-weight: bold;  margin: 0 0 2px 0; padding: 5px 0 0 18px; background-image: url(../images/common/p.gif); background-repeat: no-repeat; background-position: 1px 8px; padding: 5px 0 0 18px;}
.answer_sptext  {list-style-type: none; background-image: url(../images/common/r.gif); background-repeat: no-repeat; background-position: 1px 8px;  margin: 0 0 2px 14px; padding: 5px 0 0 18px;}
.answer_spnumbers  {list-style-type: none; margin: -2px 0 2px 22px; padding: 0 0 0 18px;}

.closewindow {margin: 18px auto 0 auto; width: 150px;}
.closewindow 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;}
.closewindow a:link {color: #000; text-decoration: none;}
.closewindow a:visited {color: #000; text-decoration: none;}
.closewindow a:hover {color: #069; border: 1px #393 solid; background: url(../images/common/bg_button_on.gif) repeat-x; text-decoration: none;}
.closewindow a:active {color: #000; text-decoration: none;}

#navbuttons {margin: 22px 0 0 0; }
#navbuttons 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;}
#navbuttons a:link {color: #000; }
#navbuttons a:visited {color: #000;}
#navbuttons a:hover {color: #069; border: 1px #393 solid; background: url(../images/common/bg_button_on.gif) repeat-x;}
#navbuttons a:active {color: #000;}



#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 */

/* pop up windows */
.columnheader {background-color: #D6DFCE; border: 1px #333 solid; border-width: 2px 1px; padding: 4px; font: bold 11px/1.3em Verdana, Arial, Helvetica, Verdana, sans-serif;}
.columnheader2 {background-color: #D6DFCE; border: 1px #333 solid; border-width: 2px 1px; padding: 4px; font: bold 11px/1.3em Verdana, Arial, Helvetica, Verdana, sans-serif;}
.datacontent {background-color: #F0F0F0; border-bottom: 1px #333 solid; padding: 4px;}
.datacontent2 {background-color: #F0F0F0; border: 1px #333 solid; border-width: 0 0 1px 1px; padding: 4px;}

/* 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;}

/* 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.center {background-color: #ffffff;text-align: left; vertical-align: top; padding: 0 16px 0 16px;}
#tblcol 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);}




#centerblock {text-align: center; margin: 5px;}
#centerblock td {text-align: center;}
#centerblock td p a img {display: block;}
#centerblock p {font: normal 11px/1.4em Arial, Tahoma; padding: 0 25px; width: 100px; clear: both;}

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

/* Global Link Styles */
a:link {font-size: 11px; color: #0067c6; text-decoration: underline}
a:visited {font-size: 11px; color: #0067c6; text-decoration: underline}
a:hover {font-size: 11px; color: #0067c6; text-decoration: underline}
a:active {font-size: 11px; color: #0067c6; text-decoration: underline}

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

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

#banhead {background-color: #32731E; clear:both;}
#banhead h1 {float: left; width: 85px;}
#banhead h2 {float: left; margin: 44px 0 0 0;}
#banhead h3 {float: right; font-weight: normal; margin: 54px 8px 0 0;}

/* | Start Sign In Styles | */
#signin {position: absolute; top: 30px; visibility: hidden; padding: 0 0 5px 0;}
/* hack */ html>body #signin {top: 29px; padding: 0 0 3px 0;}
#signin ul {width: 156px; padding: 8px 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;}

/* 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: 114px; margin-left: 771px;}
/* hack */ html>body #navshaderight {top: 110px; margin-top: 2px;}

.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: #32731E; background-image: url(../images/common/whiteArrow.gif); background-repeat: no-repeat; background-position: 3px 1px;}
.submenu li a:active {color: #fff; background-color: #32731E; 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: 12px 0;}
#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;}
#footer p {padding: 0 0 8px 0; font-style: italic; width: 99%; font-size: 10pt;}


/* Top Tabbed Navigation */
/* 08/05/05 Fix issue with FF initial load */
#navtab {height: 31px; clear: both; margin-top: 0;}
#navtab ul {list-style: none; margin: 0 0 0 15px; padding: 0; border: 0; position: absolute;}
/* hack */ html>body #navtab ul {position: inherit;}
#navtab li {display: block; float: left; background: transparent url(../images/common/tabright.gif) top right no-repeat; margin: 0 5px 0 0; padding-right: 1px;	background-color: #eee;}
#navtab li a {font: normal 12px/1.5em  Arial, Helvetica, Verdana, sans-serif; float: left; background: url(../images/common/tableft.gif); text-decoration: none; color: #000; margin: 0; padding: 6px 10px 4px 10px;}
#navtab li a:link {}
#navtab li a:visited {}
#navtab li a:hover {background-color: #fff;}
#navtab li a:active {}

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

.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;}

/* Classes for Charts outlinigng dollar value | in: changingjobs_lumpsum.jsp | */
.tblchart {width: 100%; margin: 10px 0;}
.tblchart th {text-align: left; border: 1px #ccc solid; padding: 6px 16px 6px 6px; background-color: #D6DFCE; background-image: url(../images/common/bg_tbl_header.gif); font-size: 12px;}
.tblchart tr {vertical-align: top;}
.tblchart td {padding: 6px 16px 6px 6px;}
.tblchart td.value {text-align: right;}
.tblchart input.valueneg {color: #f00;}
td.valueneg input{border:0; text-align: right; font-size: 11px;} 
.tblchart td.total {color: #090; font-size: 12px; border-top: 2px #000 solid; font-weight: bold;}
.totalinput {text-align: right; color: #090; font-size: 11px; border:0; font-weight: bold;}


.tblchart td.balance {color: #090; font-weight: bold;}
.tblchart td.balanceinput {color: #090; font-weight: bold; border-top: 2px #000 solid; text-align: right; font-size: 11px;}
.tblchart td.balance span {color: #999; font-weight: normal;}
td.balance input {font-size: 11px; text-align: right;}

/* Table Data */
.tbldata {width: 100%; margin-bottom: 10px;}
.tbldata th {text-align: left; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 6px 24px 8px 8px; background-color: #D6DFCE; background-image: url(../images/common/bg_tbl_header.gif); font-size: 12px;}
.tbldata tr {vertical-align: top;}
.tbldata td {padding: 6px 24px 6px 6px;}

/* Table Data 2-line header */
.tbldata2line {width: 100%; margin-bottom: 10px;}
.tbldata2line th {text-align: left; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 6px 24px 8px 8px; background-color: #D6DFCE; background-image: url(../images/common/bg_tbl_header_2line.gif); font-size: 12px;}
.tbldata2line tr {vertical-align: top;}
.tbldata2line td {padding: 6px 24px 6px 6px;}

.tbldata3line {width: 100%; margin-bottom: 10px;}
.tbldata3line th {text-align: left; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 6px 24px 8px 8px; background-color: #D6DFCE; background-image: url(../images/common/bg_tbl_header_3line.gif); font-size: 12px;}
.tbldata3line tr {vertical-align: top;}
.tbldata3line td {padding: 6px 24px 6px 6px;}

/* Table Caption */
.tblcaption {width: 100%; margin-bottom: 10px;}
.tblcaption th {text-align: left; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 4px 12px 4px 4px; background-color: #D6DFCE; background-image: url(../images/common/bg_tbl_header.gif); font-size: 11px;}
.tblcaption tr {vertical-align: top;}
.tblcaption td {padding: 4px 12px 4px 4px;}

.leftcell {width:20% ;}
.returntop {text-align: right; font-weight: normal; background-image: url(../images/common/bg_tbl_splitter.gif); background-repeat: repeat-x;}

#contentpop .returntop {text-align: right; font-weight: normal; background-image: url(../images/common/bg_tbl_splitter.gif); background-repeat: repeat-x; padding: 12px 0 0 0;}
/* Add padding on bottom */
td.returntop a {margin-bottom: 12px; display: block;}
/* For Images / Icons */
.tbldata td a img {vertical-align: middle; padding: 0 2px 0 0;}

/* class to draw calculator on left of text */
.tbldata dt {background: url(../images/common/ico_calc.gif) no-repeat 0px 2px; padding: 0 0 3px 22px; }

/* Table List, Used for Reference Data */
.tbllistheader {clear: both; text-align: center; border: 1px #ccc solid; padding: 6px 16px 6px 6px; background-color: #D6DFCE; background-image: url(../images/common/bg_tbl_header.gif); font-weight: bold; font-size: 12px;}
.tbllistheader span {letter-spacing: 3px;}
.tbllistheader a:link, .tbllistheader a:visited, .tbllistheader a:hover, .tbllistheader a:active {font-weight: bold; font-size: 12px; text-decoration: none;}
.tbllistheadlft {clear: both; text-align: left; border: 1px #ccc solid; padding: 6px 16px 6px 6px; background-color: #D6DFCE; background-image: url(../images/common/bg_tbl_header.gif); font-weight: bold; font-size: 12px;}

.tbllist {width: 100%; margin-bottom: 10px;}
.tbllist th {text-align: left; padding: 6px 16px 6px 6px;}
.tbllist tr {vertical-align: top;}
.tbllist td {padding: 6px 16px 6px 6px;}


/* Table Caption - less wide */
.tblcaptionshort {width: 55%; margin-bottom: 10px;}
.tblcaptionshort th {text-align: left; border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; padding: 4px 12px 4px 4px; background-color: #D6DFCE; background-image: url(../images/common/bg_tbl_header.gif); font-size: 11px;}
.tblcaptionshort tr {vertical-align: top;}
.tblcaptionshort td {padding: 6px 14px 6px 6px;}


/* For Images / Icons */
.tbllist td a img {vertical-align: middle; padding: 0 2px 0 0;}

.tblheadlft {border-left: 1px #ccc solid;}
.tblheadrt {border-right: 1px #ccc solid;}
.tblheadcolspan {border-left: 1px #ccc solid; border-right: 1px #ccc solid;}

.tblsplitter {background-image: url(../images/common/bg_tbl_splitter.gif); background-repeat: repeat-x; font: normal 2px/1px Arial, Helvetica, Verdana, sans-serif;}
/* Used for Sub-headings / TH or .tbllistheader */
.tblsubrow {background-color: #ffe;}

.tbl3col {margin: 0 0 12px 0;}
.tbl3col td {width: 33%; text-align: center; vertical-align: top; padding: 20px 0 0 0; }
.tbl3col td.centercell {border: 1px solid #dbdbdb; border-width: 0 1px;}
.tbl3col td p a {text-align: left; width: 60% ; display:block;}

/* Callout Sections */
.callout {background-color: #fff;  border: 1px solid #999; width: 85%; padding: 15px 15px 0 15px; margin: 0 auto 12px auto; background-image: url(../images/common/bg_tbl_header.gif); background-repeat: repeat-x;}
.calloutredright {background-color: #fff;  border: 1px solid #EE3B34; width: 30%; padding: 10px 10px 10px 10px; margin: 0 auto 12px 20px; float: right;}
.calloutredleft {background-color: #fff;  border: 1px solid #EE3B34; width: 30%; padding: 10px 10px 10px 10px; margin: 0 30px 12px auto; float: left;}
.calloutblueright {background-color: #E5EEF8;  border: 1px solid #B2CCEA; width: 30%; padding: 10px 10px 10px 10px; margin: 0 auto 12px 20px; float: right;}
#content .calloutblueright h2 {font-weight: bold; font-size: 12px; color: #0057BA; font-family: Arial, Helvetica, Verdana, sans-serif;}
.calloutblueleft {background-color: #E5EEF8;  border: 1px solid #B2CCEA; width: 30%; padding: 10px 10px 10px 10px; margin: 0 30px 12px auto; float: left;}
.calloutblueleft h2 {font-weight: bold; font-size: 12px; color: #0057BA; font-family: Arial, Helvetica, Verdana, sans-serif;}

.calloutgreenright {background-color: #F8F8EF;  border: 1px solid #1D4211; width: 30%; padding: 10px 10px 10px 10px; margin: 0 auto 12px 20px; float: right;}
#content .calloutgreenright h2 {font-weight: bold; font-size: 12px; color: #32731E; font-family: Arial, Helvetica, Verdana, sans-serif;}
.calloutgreenleft {background-color: #F8F8EF;  border: 1px solid #1D4211; width: 30%; padding: 10px 10px 10px 10px; margin: 0 30px 12px auto; float: left;}
.calloutgreenleft h2 {font-weight: bold; font-size: 12px; color: #32731E; font-family: Arial, Helvetica, Verdana, sans-serif;}



/* 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%;}
.footertextmed {font-style: italic; font-weight:bold; font-size: 12px; 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;
}


/* 6/2/06 New tabbed Navigation */
#mainTopText {font: bold 11px/1.2em Arial, Tahoma; color:#000000; margin: 0 0 10px 0;}
#RedTop {font: bold 11px/1.2em Arial, Tahoma; font-style: italic; color:#c73c05; margin: 0 0 10px 0;}
#mainFrame {height: 500px; width: 99%; border: 1px solid #ccc; border-width: 0 1px 1px 1px; margin: 0 0 15px 0;}

/* 063006 - Main Frame */
#mainFrame h3 {font-size: 11px;}
.bigfont {font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold;}

/* 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; padding: 6px 10px 4px 10px;}
/* 
#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;}
Updated Location: IFRAME = New Style
*/
#navtabmain li a:link {}
#navtabmain li a:visited {}
#navtabmain li a:hover {}
#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;}

#navtabmain li.disable a {background-image: none; font: normal 11px/1.5em  Arial, Helvetica, Verdana, sans-serif; color: #ffffff; text-decoration: none; cursor:default; background-color: #fff;}

#navtabmain li.disable a:link {background-color: #fff;}
#navtabmain li.disable a:visited {background-color: #fff;}
#navtabmain li.disable a:hover {background-color: #fff;}
#navtabmain li.disable a:active {background-color: #fff;}

#navtabmain li.disable {border: 0;}

/* END 6/2/06 New tabbed Navigation */

s