/*
Modified February 12, 2007 OCO
*/
BODY {
margin: 0px;
font: 0.65em Verdana, Arial, Helvetica, sans-serif;
color: #333333;
TEXT-DECORATION: none;
background-color: #FFFFFF;
}
/* the following establishes some consistency across IE and Firefox */
Div#main_container {
font-size:1.1em;
margin: 0 auto;
}
form {margin: 0px;}
/* For Print Screen's Banner Substitute */
.printTitle {FONT: bold 1.5em "Times New Roman", Times, serif; COLOR: #003399; TEXT-DECORATION: none;}
/* For heading types */
h1,h2,h3,h4 {color: #003399; text-decoration: none; font-weight: bold;}
H1 {font-size: 1.3em; margin-bottom: 5px;}
H2 {font-size: 1.2em;}
H3 {font-size: 1.1em;}
H4 {font-size: 1.0em;}
H5 {font-size:1.1em; color:#252525;}
/*p {}*/
Div.top_right a:link {color: #234074;}
Div.top_right a:hover {color: #0066cc;}
Div.top_right a:visited {color: #234074;}
Div.sizer {
font-size:1.2em;
margin-right:0;
padding-top:15px;
display:none;
}
Div.sizer img {
border:0;
}
/* For stylizing text, may be be removed? Use and */
.bold {font-weight: bold;}
.underline {text-decoration: underline;}
/* For Search Box */
.search {padding-top: 4px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; vertical-align: top;}
.searchBox {width: 290px; color: #333333; height: 15px;}
/* Background Colours */
.leftBg {background-color: #6699CC;}
.darkGreyBg {background-color: #999999;}
.lightGreyBg {background-color: #CCCCCC;}
/* Set the width of page */
#all {MARGIN-LEFT: auto; WIDTH: 760px; MARGIN-RIGHT: auto; TEXT-ALIGN: left;}
.full_height_table {
height: 100%;
}
/*============================= Left Navigation Section ==============================*/
/*Left Navigation Blue Section*/
Div.leftTop TABLE {width: 164px; border-collapse: collapse; background-color: #6699CC;}
Div.leftTop TD {padding: 0; margin: 0; Font: bold 1em Arial, Helvetica, sans-serif; color: #FFFFFF;}
Div.leftTop UL {line-height:1.0em; list-style : none; margin : 0; padding: 10px 0 5px 15px;}
Div.leftTop li {margin: 0 0 3px 0; padding: 0 0 3px 0;}
Div.leftTop a:link {color: #000000; text-decoration: none;}
Div.leftTop a:hover {color: #FFFFFF;}
Div.leftTop a:visited {color: #000000; text-decoration: none;}
Div.leftTop a:visited:hover {color: #FFFFFF;}
/*Left Navigation White Section*/
Div.nav_white Table {WIDTH: 164px; border-collapse: collapse; background-color: #FFFFFF; border-top: 1px solid #999999; border-left: 1px solid #999999; text-align:left;}
Div.nav_white TD {padding: 0px 0 0px 15px;}
Div.nav_white UL {list-style: none; margin : 4px 0 10px 0px; padding: 0;}
Div.nav_white UL ul {margin : 0; padding-top: 4px; padding-left: 15px;}
Div.nav_white UL ul ul {margin : 0; padding: 4px 0 0 20px;}
Div.nav_white li {clear:both; margin: 0px; padding-right: 1px; padding-bottom: 4px;}
Div.nav_white a:link {color: #0000FF;}
Div.nav_white a:hover {color: #0066CC; text-decoration: none;}
Div.nav_white a:visited {color: #800000;}
Div.nav_white a:visited:hover {color: #0066CC;}
Div.nav_white DIV {float: left;}
Div.nav_white .menu_item {width: 100%; padding-bottom: 3px;}
Div.nav_white .menu_text {width:84%;}
Div.nav_white #masterdiv {width:147px; padding-top:13px;}
/*Used to display a list with red arrows*/
Div.nav_white .red_arrow {line-height:1.2em; LIST-STYLE: disc url(../images/nav/red_arrow.gif); margin : 0 0 10px 15px;}
/*Left Navigation Grey Section*/
Div.nav_grey Table {WIDTH: 164px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #CCCCCC; border-top: 1px solid #999999; border-left: 1px solid #999999; text-align:left;}
Div.nav_grey TH {font: bold 1em Arial, Helvetica, sans-serif; COLOR: #003366; padding: 10px 0px 0px 18px;}
Div.nav_grey TD {padding: 5px 0 0 10px; COLOR: #333333;}
Div.nav_grey UL {line-height:1.2em; LIST-STYLE: disc url(../images/nav/red_arrow.gif); margin : 5px 0px 10px 15px; padding: 0;}
Div.nav_grey li {margin : 0px 0px 4px 5px; padding-right: 10px;}
Div.nav_grey a:link {color: #0066CC;}
Div.nav_grey a:hover {color: #FFFFFF; text-decoration: none;}
Div.nav_grey a:visited {color: #800000;}
Div.nav_grey a:visited:hover {color: #FFFFFF;}
Div.nav_grey hr {width: 143px; text-align: right; margin: 0px 0px 0px auto; color: #ffffff; background-color: #FFFFFF; height: 1px; border: 0;}
/*For grey Tab TH*/
.grey_tab {background: url(../images/nav/tab_grey.gif) no-repeat; BORDER-bottom: 1px solid #FFFFFF;}
/*============================= End Left Navigation Section =========================*/
/*============================= Middle Content Section ===============================*/
/*Breadcrumb Section. Used for both breadcrumbs and styling the log_bar*/
Div.breadcrumb {font-size:0.9em; padding: 0;}
Div.breadcrumb ul { margin: 0; padding: 0; vertical-align:middle;}
Div.breadcrumb li { display:inline; padding: 0 5px 0 0; margin: 0;}
Div.breadcrumb a:link {COLOR: #333333;}
Div.breadcrumb a:visited {COLOR: #333333;}
Div.breadcrumb a:hover {COLOR: #0066cc; TEXT-DECORATION: none;}
/*For Mozilla/Gecko Browsers to display chevron before each link*/
Div.breadcrumb li:before {content: url(../images/nav/black_chevron.gif) " "; }
Div.breadcrumb li:first-child:before { content: ""; }
/*IE workaround, All IE browsers*/
* html #breadCrumbText li {background: url(../images/nav/black_chevron.gif) no-repeat; background-position: 0 0.2em; padding: 0 1.0em 0 1.2em; margin: 0.2em 1.2em 0 -1.1em; float:left; display:inline;}
* html #breadCrumbText ul {behavior: url(/2006_templates/style/breadcrumb.htc)}
/* Banner Section*/
Div.banner Table {border-collapse: collapse; border: 0; margin: 0px;}
Div.banner TD {padding: 15px 0px 15px 0px;}
/*Middle Content Section*/
Div.content {font-size: 1.05em; color: #333333; text-align: left;}
Div.content table {border-collapse: collapse; BORDER: 0; width: 100%;}
Div.content TD {padding: 0px;}
Div.content hr {color: #999999; background-color: #999999; height: 1px; border: 0;}
Div.content a:link {color: #0000FF;}
Div.content a:hover{color: #0066cc; text-decoration: none;}
Div.content a:visited{color: #800000;}
Div.content a:visited:hover{color: #0066cc; text-decoration: none;}
Div.content li {margin: 5px 0 0 0;}
/*Use this class for UL to have yellow arrows for bullets*/
.arrow_list {list-style: url(../images/arrow_yellow_sm.gif);}
/*Use to make a HR with double dotted lines*/
div.dotted_hr {height: 3px; background: url(../images/line_dbl_333.gif) repeat-x; border: 0; padding-bottom: 10px;}
/*Content Section, Top anchors Section*/
Div.topicLink ul{ list-style: url(../images/arrow_yellow_sm.gif); line-height: 1.3em; font-size: 0.9em; margin: 0; padding: 0 0 2px 0; margin-left:10px;}
Div.topicLink li{padding: 0px 0 0 18px; margin: 0 0 0 18px;}
/*============================= End Middle Content Section ===========================*/
/*============================== Optional Right Section ==============================*/
/*Optional Right Column Section*/
Div.right_col {width: 174px; padding: 15px 0px 0px 10px; margin:0;}
/*Right Column Sub Category Section*/
Div.right_sub_cat table {border-collapse: collapse; border-top: 1px solid #999999; MARGIN: 0 0 15px 0; width: 174px;}
Div.right_sub_cat th {PADDING: 0 4px 5px 0; font-weight:bold; color: #990000; text-align:left;}
Div.right_sub_cat tr {vertical-align:top;}
Div.right_sub_cat td {padding: 0 0 5px 0;}
Div.right_sub_cat p {padding: 0px; margin: 0 0 8px 0;}
Div.right_sub_cat ul {list-style-image: url(../images/nav/black_chevron.gif); margin: 0; padding: 0;}
Div.right_sub_cat li {margin: 0 0 5px 20px;}
Div.right_sub_cat a:link {color: #0000FF;}
Div.right_sub_cat a:hover {color: #0066CC; text-decoration: none;}
Div.right_sub_cat a:visited {color: #800000;}
Div.right_sub_cat a:visited:hover {color: #0066CC;}
/*Right Column Feature Table Section*/
Div.feature table {width: 174px; BORDER-COLLAPSE:collapse; MARGIN: 0;}
Div.feature tr {margin:10px;}
Div.feature th {padding: 0 5px 8px 5px; Font: bold 1em Arial, Helvetica, sans-serif; COLOR: #003399; TEXT-DECORATION: none; border: 1px solid #999999; border-top: none; background-color:#ffffff;}
Div.feature td{padding:0; background-color:#CCCCCC; COLOR: #000000;}
Div.feature ul {list-style: url(../images/nav/black_chevron.gif); margin: 0; padding: 0 10px 0 10px;}
Div.feature li {margin: 10px 0px 0px 20px;}
Div.feature a:link {COLOR: #0066CC;}
Div.feature a:hover{Color: #FFFFFF; text-decoration: none;}
Div.feature a:visited {COLOR: #800000;}
Div.feature a:visited:hover {Color: #FFFFFF; text-decoration:none;}
/*============================= End Optional Right Section ===========================*/
/*Footer Styles*/
.footer {PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT: small-caps 0.7em Arial, Helvetica, sans-serif; COLOR: #666666; LETTER-SPACING: 0.05em; TEXT-DECORATION: none;}
A.footer:link {COLOR: #666666;}
A.footer:visited {COLOR: #666666;}
A.footer:hover {COLOR: #99ccff;}
/* used for eService forms*/
.error {FONT: 0.75em Verdana, Arial, Helvetica, sans-serif; font-style:italic; COLOR: #990000;}
/*Used for image captions*/
.caption {font-size: 0.9em font-style:italic; COLOR: #333333; text-align:center;}
.boxYellow {BORDER-RIGHT: #996600 1px solid; BORDER-TOP: #ffffff 1px solid; MARGIN-TOP: 5px; BACKGROUND: #ffcc33; BORDER-LEFT: #ffffff 1px solid; BORDER-BOTTOM: #996600 1px solid;}
.point {FONT: bold 0.7em Verdana, Arial, Helvetica, sans-serif; COLOR: #0066cc;}
/*Vertical dotted line*/
.lineDot333vert {BACKGROUND: url(../images/lineDot333_vert.gif) repeat-y;}
/*horizontal dotted line*/
.lineDot333 {BACKGROUND: url(../images/ln_hor_dot333.gif) repeat-x;}
/*E-Service Log Bar, default is hidden*/
#log_bar {display:none;}
/*Left menu rounded bottoms, default is grey*/
#left_column_end_grey {background-image: url(../images/nav/nav_greyBottom.gif); background-repeat:no-repeat; height:8px; width:164px;}
#left_column_end_white {background-image: url(../images/nav/nav_whiteBottom.gif); background-repeat:no-repeat; height:8px; width:164px; display: none;}
#left_column_end_blue {background-image: url(../images/nav/nav_blueBottom.gif); background-repeat:no-repeat; height:8px; width:164px; display:none;}