/*
EPD, MoE - Modified May 31, 2007 by Courtney Campbell
*/
/*
Modified December 19, 2006 OCO
*/
BODY {
margin: 0px;
font: 0.65em Verdana, Arial, Helvetica, sans-serif;
color: #333333;
/*text-align: center;*/
test-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: 0;}
/* For Print Screen's Banner Substitude */
.printTitle {FONT: bold 1.5em "Times New Roman", Times, serif; COLOR: #003399; TEXT-DECORATION: none;}
/* For heading types */
H1 {FONT: 1.3em Verdana, Arial, Helvetica, sans-serif; COLOR: #003399; TEXT-DECORATION: none; margin-bottom: 5px; font-weight: bold;}
H2 {FONT: 1.2em Verdana, Arial, Helvetica, sans-serif; COLOR: #003399; TEXT-DECORATION: none; font-weight: bold;}
H3 {FONT: 1.1em Verdana, Arial, Helvetica, sans-serif; COLOR: #003399; TEXT-DECORATION: none; font-weight: bold;}
H4 {FONT: 1.0em Verdana, Arial, Helvetica, sans-serif; COLOR: #003399; TEXT-DECORATION: none; font-weight: bold;}
H5 {FONT: .97em Verdana, Arial, Helvetica, sans-serif; COLOR: #000000; TEXT-DECORATION: none; font-weight: bold;}
/* End of change - 11855-C*/
div.top_right a:link {color: #234074;}
div.top_right a:hover {color: #0066CC;}
div.top_right a:visited {color: #234074;}
Div.sizer {
font: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.1em;
margin-right: 0;
padding-top: 15px;
display: none;
font-weight: bold;
color: #333333;
}
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 Colors */
.leftBg {background-color: #6699CC}
.darkGreyBg {background-color: #999999}
.lightGreyBg {background-color: #CCCCCC;}
/* Set the width of page - is this needed? Can it be melded with Main*/
#all {MARGIN-LEFT: auto; WIDTH: 760px; MARGIN-RIGHT: auto; TEXT-ALIGN: left;}
/* expression is a workaround to ensure correct alignment of the seperator to the right hand side of the content */
.full_height_table {
height: expression(parentElement.clientHeight);
height: 100%;
}
/*Left Navigation Blue Section*/
Div.leftTop TABLE {WIDTH: 164px; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #6699CC; text-align:left}
Div.leftTop TD {padding: 0; margin: 0; Font: bold 1.0em 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 {COLOR: #000000; TEXT-DECORATION: none; }
Div.leftTop A:hover {color: #FFFFFF;}
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: 10px 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-right: 0; padding-bottom: 0; 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: #0033CC;}
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;}
/*Fix for Left Navigation Menu Properties*/
img.menu_ctrl {cursor: pointer;}
#masterdiv ul.red_arrow {padding-top:5px; margin-top:10px;}
/*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: 10px 0 10px 15px;}
.submenu li {padding-left: 12px;}
/*============================= Left Navigation Section ==============================*/
/*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;}
/*Used to display a list with red arrows*/
Div.nav_grey .red_arrow {line-height:1.2em; LIST-STYLE: disc url(../images/nav/red_arrow.gif); margin : 5px 0 10px 15px;}
/*For grey Tab TH*/
.grey_tab {background: url(../images/nav/tab_grey.gif) no-repeat; BORDER-bottom: 1px solid #FFFFFF;}
/*For grey Tab long TH */
.grey_tab_long {background: url(../images/nav/tab_grey_long.gif) no-repeat; BORDER-bottom: 1px solid #FFFFFF;}
/*For grey Tab long TH */
.grey_tab_long1 {background: url(../images/nav/tab_grey_long1.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(/epd/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;}
Div.content TD {}
Div.content hr {color: #999999; background-color: #999999; height: 1px; border: 0;}
Div.content a:link {color: #003399;}
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;}
/*Toggle Code Link*/
.toggle {FONT: 1.0em Verdana, Arial, Helvetica, sans-serif; COLOR: #003399; text-align: left; cursor: pointer; }
A.toggle:link {COLOR: #0066cc; cursor: pointer; }
A.toggle:visited {COLOR: #800000; }
A.toggle:hover {COLOR: #0066cc;}
/*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: 2px;}
/*Content Section, Top anchors Section*/
Div.topicLink ul{ list-style: url(../images/arrow_yellow_sm.gif); line-height: 1.3em; font-size: 1em; margin: 0; padding: 0 0 2px 0;}
Div.topicLink li{padding: 2px 0 0 18px; margin: 0 0 0 18px;}
/*============================= End Middle Content Section ===========================*/
/*============================== Optional Right Section ==============================*/
/*Optional Right Column Section*/
Div.right_col {width: 184px; 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: #0033CC;}
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"); line-height: 1.1em; margin: 0; padding: 0 10px 0 10px;}
Div.feature li {margin: 10px 0px 0px 20px; text-decoration: none;}
Div.feature a:link {COLOR: #0066CC; text-decoration: underline;}
Div.feature a:hover{Color: #FFFFFF; text-decoration: none;}
Div.feature a:visited {COLOR: #800000; text-decoration: underline;}
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}
.smallText {FONT: normal 0.80em Verdana, Arial, Helvetica, sans-serif; COLOR: #000000}
/*Used for image captions*/
.caption {FONT: 0.75em Verdana, Arial, Helvetica, sans-serif; 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;}
.NEW {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #CA9014;
text-transform: uppercase;
}
.green14{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #6BAC10;
}
.green10{
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
color: #6BAC10;
text-transform: uppercase;
}