/* this hack forces a vertical scrollbar in firefox */
html {overflow: -moz-scrollbars-vertical;}

body {font-size:0.65em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#333333; background-color:#FFFFFF; margin:0px;}

div#main_container {font-size:1.1em; margin:0 auto;}

form {margin:0;}

/* For Print Screen's Banner Substitude */
.printTitle {font-size:1.5em; font-family:"Times New Roman", Times, serif; color:#003399; font-weight:bold; text-decoration:none;}
li.fsOnly { list-style-image: url(/images/portal/red_bull.gif)  }

h1,h2,h3,h4 {color: #003399; text-decoration:none; font-weight:bold;}
h1 {font-size: 1.3em; margin:0 0 5px 0;}
h2 {font-size: 1.2em;}
h3 {font-size: 1.1em;}
h4 {font-size: 1.0em;}

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:0;	padding:15px 0 0 0; display:none;}
div.sizer img {border:0;}

.bold {font-weight:bold;}
.underline {text-decoration:underline;}

.search {color:#333333; padding:4px 0 5px 0; vertical-align:top;}
.searchBox {color:#333333; width:290px; height:15px;}

/* Background Colors */
.leftBg {background-color:#6699CC;}
.darkGreyBg {background-color:#999999;}
.lightGreyBg {background-color:#CCCCCC;}

/* Set the width of page*/
#all {margin-left:auto; margin-right:auto; text-align:left; width:760px;}

/*.full_height_table {height:expression(parentElement.clientHeight); height:100%;}*/

/*=============================  Left Navigation Section ==============================*/
/*Left Navigation Blue Section*/
div.leftTop table {border-collapse:collapse; background-color:#6699CC; text-align:left; width:164px;}
div.leftTop td {font-size:1.0em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; padding:0; margin:0; 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 div {float:left;}
div.nav_white table {border-collapse:collapse; background-color:#FFFFFF; border-top:1px solid #999999; border-left:1px solid #999999; text-align:left; width:164px;}
div.nav_white th {font-size:1.0em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003366; padding:5px 0 0 18px;}
div.nav_white td {font-size:1.0em; padding:0 0 0 15px;}
div.nav_white ul {list-style:none; margin:4px 0 10px 0; padding:5px 0 0 0;}
div.nav_white ul ul {margin:0; padding:4px 0 0 15px;}
div.nav_white ul ul ul {margin:0; padding:4px 0 0 20px;}
div.nav_white li {clear:both; margin:0; padding:0 1px 4px 0;}
div.nav_white a:link {color:#0000FF; text-decoration:none;}
div.nav_white a:hover {color:#0066CC; text-decoration:underline; }
div.nav_white a:visited {color:#800000; text-decoration:none;}
div.nav_white a:visited:hover {color:#0066CC; text-decoration:underline;}
div.nav_white .menu_item {width:100%; padding:0 0 3px 0;}
div.nav_white .menu_text {width:84%}
div.nav_white #masterdiv {width:147px; padding:13px 0 0 0;}
div.nav_white .red_arrow {line-height:1.2em; list-style:disc url(/images/portal/red_arrow.gif); margin:0 0 10px 15px;}

/*Left Navigation Grey Section*/
div.nav_grey table {border-collapse:collapse; background-color:#CCCCCC; border-top:1px solid #999999; border-left:1px solid #999999; text-align:left; width:164px;}
div.nav_grey th {font-size:1.0em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003366; padding:10px 0 0 18px;}
div.nav_grey td {font-size:1.0em; color:#333333; padding:5px 0 0 10px;}
div.nav_grey ul {line-height:1.2em;	list-style:disc url(/images/portal/red_arrow.gif); margin:5px 0 10px 15px; padding:0;}
div.nav_grey li {margin:0 0 4px 5px; padding:0 10px 0 0;}
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 {text-align:right; color:#FFFFFF; background-color:#FFFFFF; margin:0 auto; width:143px; height:1px; border:0;}

.grey_tab {background:url(/images/portal/tab_grey.gif) no-repeat; border-bottom:1px solid #FFFFFF;}

/*============================= 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/portal/black_chevron.gif) " ";}
div.breadcrumb li:first-child:before {content:"";}

/*IE workaround, All IE browsers -- no one else supports behaviors */
html #breadCrumbText ul {behavior: url(/mof/portal/css/breadcrumb.htc);}


/* Banner Section*/
div.banner table {border-collapse:collapse; border:0; margin:0;}
div.banner td {padding:15px 0 15px 0;}

/*Middle Content Section*/
div.content table {border-collapse:collapse; color:#333333; text-align:left;}
div.content th {font-size:1.05em; font-weight:bold;}
div.content td {font-size:1.05em;}
div.content li {margin:5px 0 0 0;}
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;}

/*Use this class for UL to have yellow arrows for bullets*/
.arrow_list {list-style:url(/images/portal/arrow_yellow_sm.gif);}

/*Use <div class="dotted_hr"></div> to make a HR with double dotted lines*/
div.dotted_hr {height:3px; background:url(/images/portal/line_dbl_333.gif) repeat-x; border:0; padding:0 0 10px 0;}

/*Content Section, Top anchors Section*/
div.topicLink ul {list-style:url(/images/portal/arrow_yellow_sm.gif); line-height:1.3em; margin:0; padding:0 0 2px 0;}
div.topicLink li {padding:0 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 0 0 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 {font-weight:bold; color:#990000; text-align:left; padding:0 4px 5px 0;}
div.right_sub_cat tr {vertical-align:top;}
div.right_sub_cat td {padding:0 0 5px 0;}
div.right_sub_cat p {margin:0 0 8px 0; padding:0;}
div.right_sub_cat ul {list-style-image:url(/images/portal/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 {border-collapse:collapse; margin:0; width:174px;}
div.feature tr {margin:10px;}
div.feature th {font-size:1.0em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#003399; text-decoration:none; border:1px solid #999999; border-top:none; background-color:#ffffff; padding:0 5px 8px 5px;}
div.feature td {background-color:#CCCCCC; color:#000000; padding:0;}
div.feature ul {list-style: url(/images/portal/black_chevron.gif); line-height:1.0em; margin:0; padding:0 10px 0 10px;}
div.feature li {margin:10px 0 0 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 {font-size:0.7em; font-family:Arial, Helvetica, sans-serif; font-variant:small-caps; color:#666666; letter-spacing:0.05em; text-decoration:none; padding:0 4px 0 4px;}
a.footer:link {color:#666666;}
a.footer:visited {color:#666666;}
a.footer:hover {color:#99CCFF;}

/* used for eService forms*/
.error {font-size:0.75em; font-style:italic; color:#990000;}

/*Used for image captions*/
.caption {font-size:0.9em; font-style:italic; color:#333333; text-align:center;}

.boxYellow {background:#FFCC33; border-top:#FFFFFF 1px solid; border-right:#996600 1px solid; border-bottom:#996600 1px solid; border-left:#FFFFFF 1px solid; margin:5px 0 0 0;}

.point {font-size:0.7em; font-weight:bold; color:#0066CC;}

/*Vertical dotted line*/
.lineDot333vert {background:url(/images/portal/lineDot333_vert.gif) repeat-y;}

/*horizontal dotted line*/
.lineDot333 {background:url(/images/portal/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/portal/nav_greyBottom.gif); background-repeat:no-repeat; height:8px; width:164px;}
#left_column_end_white {background-image:url(/images/portal/nav_whiteBottom.gif); background-repeat:no-repeat; height:8px; width:164px; display:none;}
#left_column_end_blue {background-image:url(/images/portal/nav_blueBottom.gif); background-repeat:no-repeat; height:8px; width:164px; display:none;}

div.tableRowUnderline td {border-bottom:1px solid;}

.displayBlock {display:block;}
tr.displayBlock {display:table-row !important;}
tbody.displayBlock {display: table-row-group !important;}
.displayNone {display:none;}

.linkLook {color:blue; text-decoration:underline; cursor:pointer;}
.linkButton{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1.0em; display:inline-block; 
	border:0;  padding:0;  margin:0; 
	background:transparent; color:#0000FF; 
	cursor:pointer;  text-decoration:underline; 
	overflow:visible;
}
.linkButton[class]{width:auto;}
.linkButton:hover{ color:#0066CC; text-decoration:none; }


.boldred {font-weight:bold; color:#FF0000;}


noscript.sdc_iframe iframe{ width:760px; display:block; margin:0px auto; border:0; height:24pt;}

/* special classes for css-based tables */

table.valigntop td { vertical-align:top; }
table.valigntop th { vertical-align:top; }

table.generic { }
table.generic td { padding:3px; }
table.generic th { padding:3px; }

 table.bordered { border-collapse:collapse;}
 table.bordered
,table.bordered td
,table.bordered th {border:1px solid black;}


/* toplink class

usage:  <div class="toplink"><a href="#top"></a></div>  
certainly better than a new row as is provided w/ template

*/

.toplink  { display:block; height:24pt; width:100%; background:url(/images/portal/ln_hor_dot333.gif) repeat-x 0 bottom; }
.toplink a{ display:block; height:100%; width:45px; background:url(/images/portal/bTop.gif) no-repeat right center; float:right; }


/* special bordered table */
table.border {margin: 0 0 8px 0;padding: 0;width: 99%;border-bottom: 1px solid #000;border-left: 1px solid #000;}
table.border caption { font-weight:bold; margin:0; padding:6pt 0; text-align:left;}
table.border th {margin:0; padding:3px 4px 5px 4px; text-align:left; vertical-align:middle; border-right:1px solid #000; border-top:1px solid #000; background:#eee; color:#000;}
table.border td {margin: 0; padding: 3px 4px 5px 4px; border-right: 1px solid #000; border-top: 1px solid #000; vertical-align: top; color: #000; }


/* boxtext for highlights */
.boxtext { border:2px solid black; padding:15px; background-color:#eeeeee; margin: 12pt 12pt; }

.redBold { color:#FF0000; font-weight:bold; }

/* END*/