* { margin:0 ; padding:0 ; }
html, body { height:100% ; }
body { background:#fff; font-size:100% ; font-family:'Arial, Trebuchet MS', sans-serif ; color:#111; }
/* paragraph & cell styles */
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.h { display:none ; }
.spacer { clear:both ; height:1px ; overflow:hidden ; margin-bottom:-1px ;}
p { line-height:1.6 ; margin-bottom:0.5em ; }
strong { }
.u4-image-caption { font-size:0.8em ; color:#666 ; margin-left:0.5em ; }
/* applies to paragraphs, lists, you name it */
#siteBody { color:#111 ; }
#siteBody li p { line-height:1 ; }
/* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#111 ; text-decoration:none; }
a:hover { color:#111 ; text-decoration:underline ; }
a.external { }
img{border:none;}
h2,h3,h4,h5 { color:#111 ; }
h2 { font-size:24px ; font-family:Arial,Georgia, serif ; font-weight:normal ; margin-bottom:1em ; }
h3 { font-size:18px ; font-family:Arial,Georgia, serif ; font-weight:normal ; margin-bottom:1em ; }
h4 { font-size:14px ; font-weight:bold ; margin-bottom:0.5em ;}
h5 { font-size:12px ; font-weight:bold ; margin-bottom:0.5em ;}
/* naviList class to reduce redundancy */
ul.naviList { margin:0 ; padding:0 ; list-style:none ; }
ul.naviList ul { list-style:none ; }
ul.naviList li { }
/* bullet list always too left setting */
ul {padding-left:20px;}
/* ol list override */
ol li{list-style:none; background: url(/stc/img/bg_list.gif) 0 8px no-repeat; height:23px;
padding-left: 20px; padding-top:10px; border-bottom:1px solid #cccccc;
}
#top_banners { display:none; }
/* layout + columns */
/*******************************
#site: site container
#siteBody: content container (under #top), .wide for 2 column layout, .widest for 1col
#left, #middle, #right: layout columns, .column to reduce redundancy
\ `-navigo:content
`#docNavi
#top: logo, top image (if applicable), #supportNavigation, #topNavi
#footer: navigo-cms, footer slot
*******************************/
/* change margin:0 auto to margin:0 to have site aligned to left */
#site { width:968px ; margin:0 auto ; background: #fff; padding: 0; min-height:100% ; position:relative ;
}
* html #site { background:#fff ; height:100% ; }
#siteBody { width:968px; clear:both ; text-align:left ; background: #fff; }
#siteBody3_col { width:968px; clear:both ; text-align:left ; background: #fff ; }
#siteBody2_col { width:968px; clear:both ; text-align:left ; background: #fff; }
.columns { position:relative ; float:left ; }
#left {display:none; line-height:20px; width:280px ; padding:30px 20px 0 20px; margin-left:4px; }
#middle { width:640px ; padding:30px 20px 0 20px; margin-left:100px; }
#middle2 { width:640px ; padding:30px 20px 0 20px; margin-left:1px; }
#middle.wide { width:640px ; }
#middle.widest { width:940px ; }
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:960px !important; }
#right {display:none; width:279px; margin-left:1px;padding:30px 20px 0 20px;}
#footer {display:none; width:948px; height:48px; margin-left:4px; position:relative ; border-top:1px solid #ddd ; font-size:0.9em ; padding:0 0 0 12px ; color:#111 ; background: #fff url(/stc/img/ch5/footer_bg.gif) top left repeat-x ; }
#footer_left{width:500px; padding:10px 0 0 0 ;float:left;}
div#navigoCMS { font:10px Verdana, sans-serif ; position:absolute ; right:0 ; height:48px ; width:200px ; }
div#navigoCMS strong { color:#c7c9c8 ; }
div#navigoCMS img {border:0; display:block; float:left;}
div#navigoCMS img {border:0; display:block; float:left;}
div#navigoCMS acronym { text-decoration:none ;border:none ; }
#top { width:968px; height:76px; padding: 0 ; background:#fff; }
#top h1 { width:236px ; height:64px ; background:url(/stc/img/bg_logo.gif) no-repeat top left ; }
#top h1 a { display:block ; width:236px ; height:64px ;}
#top h1 a span { display:none ; }
#top_bg{ height:67px; margin-left:4px; width:960px; background:#fff;}
#top_bg2{ height:67px; margin-left:4px; width:960px; background:#fff;}
#top_logo{width:223px; height:67px; float:left;}
#top_logo h1 { display:none; }
#topContent{height:67px; width:960px; }
#top_form{display:none; width:310px; height:27px; float:right; padding:15px 10px 0 0;}
#top_form2{display:none;width:406px; height:27px; float:right; padding:15px 10px 0 0;}
#top_fontsize{width:64px; height:21px; float:left;}
#top_fontsize .smaller{width:22px; height:21px; display:block; float:right; padding:4px 10px 0 0;}
#top_fontsize .bigger{width:22px; height:21px; display:block; float:left; padding:4px 10px 0 0;}
.text_version{width:22px; height:21px; padding-right:10px; display:block; float:left;}
#searchForm{display:block; height:24px; width:167px; float:right;}
#top_form_line{width:737px; height:67px; padding:0; margin:0; float:left;}
#top_language{ display:none; padding-top:3px; border:0; float:left; width:132px; height: 24px;
background: url(/stc/img/ch5/language_bg.gif) no-repeat center top;}
#search{ padding-top:4px; display:block;float:left; border:0; width:124px; height: 20px; background: transparent url(/stc/img/ch5/search_bg.gif) no-repeat center top;}
#submit{ margin:0; padding:0 0 5px 0; display:block; float:left; border:none; width:42px; height: 24px; background: transparent url(/stc/img/ch5/submit_bg.gif) no-repeat center top;}
#top_text{ display:none; float:left; font-family:Tahoma !important; font-size:24px; color:#004996; width:500px; margin:30px 0 0 20px; }
#top_text_right{ display:none; float:left; color:#004996; width:400px; height:111px; margin:10px 0 0 20px; }
#supportNavi { position:absolute ; top:10px ; right:0 ; }
#supportNavi form { }
#supportNavi li { float:left ; }
#supportNavi li a { display:block ; padding:2px 5px ; }
#supportNavi li span { display:block ; padding:2px 0 2px 5px; color:#0aa0c0 ;}
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }
/* navigation */
#topNavi {display:none; margin:0 0 1px 12px ; padding:1px 0 0 0; height:27px; width:948px;}
#topNavi ul{ height:27px; width:948px; padding:0; }
#topNavi li { float:left ; }
#topNavi li a { height:21px; padding:5px 10px 4px 10px ; display:block ; float:left ;
background:url(/stc/img/ch5/topNavi_bg.gif) top left repeat-x;
color:#fff ; font-weight:bold ; text-decoration:none ;
font-size:1.1em ; margin:0 5px 0 0 ;
}
* #topNavi li a { }
#topNavi li a.act { color:#fff ;background:url(/stc/img/ch5/topNavi_bg.gif) top left repeat-x; }
#docNavi { margin-bottom:10px; padding-bottom:1px ; border-bottom:1px solid #cdcdcd ; border-top:1px solid #cdcdcd }
#docNavi ul { padding:0 ; margin:0 ; }
#docNavi li { display:inline ; }
#docNavi li a { font-weight:normal; display:block ; height:25px; padding:9px 0 0 25px ;
background:#fff url(/stc/img/ch5/orange_arrow.gif) 5px 10px no-repeat ;
border-top:1px dotted #cdcdcd ; text-decoration:none ; color:#111 ; margin:2px 0 0 0 ; }
#docNavi li a:hover { color:#111 ; }
#docNavi li a.act { color:#111 ; background-color:#f5f5f7 ; }
#docNavi li ul {padding-bottom:10px; background:#f5f5f7; }
#docNavi li li a { height:20px; padding:2px 10px 2px 37px ; font-size:0.9em ;
background:#f5f5f7 url(/stc/img/ch5/orange_sub_arrow.gif) 25px 5px no-repeat ;
border:none ; margin:0 ; }
#docNavi li li a.act { color:#111 ; background-color: #f5f5f7 ; }
#docNavi li li li a { padding:2px 10px 2px 30px ; } /* add more as needed... */
* html ul#docNavi a { height:1% ; }
#breadcrumb { margin-top:5px ; font-size:0.9em ; color:#000 ; }
#breadcrumb a { color:#666 ; }
#breadcrumb a:hover { color:#777 ; text-decoration:none ; }
#breadcrumb a.active { font-weight:bold ; }
.line{height:0; width:100%; border-bottom:1px solid #d0cfcf; background-color:#d0cfcf;}
/* content elements */
/* news list */
.newsList { padding:0 ; }
.newsList h4 { font-size:1.1em ; padding:5px 0 ; border-top:1px solid #d9d9d9 ; }
.newsList a { text-decoration:none ; }
.newsList a:hover { color:#111 ; text-decoration:underline ;}
.newsList h4 a { color:#111 ; }
.newsList p { padding:5px 0 ; border-bottom:1px solid #eee ; }
.newsList p a { color:#333 ; }
.newsList span.readMore { color:#0aa0c0 }
.news_list_block{border-bottom:1px solid #cdcdcd; padding: 14px 0 14px 0;}
.news_header{ background:url(/stc/img/ch5/news_bg.gif) 0 3px no-repeat; padding-left:17px;}
/* news document */
.newsSummary { font-style:italic ; }
/* highlight element */
.highLight { border:5px solid #b5c4cf ; padding:5px ; margin-bottom:0.5em ; }
.highLight h3 { margin:0 ; border-bottom:1px solid #ddd ; padding-bottom:5px ; }
.yellowLink{height:39px; float:left; background:url(/stc/img/ch5/yellow_bg.gif) top left repeat-x;}
*html .yellowLink{ width:50%;}
.yellowLink a{color:#111; text-decoration:underline; font-size:12px;}
.yellowLink .content{ padding: 0 10px 0 10px; text-align:center; height:22px; margin-bottom:2px; }
.yellowLink .shadow{ float:left;height:15px;;}
.bannerArea{background:#f1f4f9; padding: 14px 10px 10px 10px; border: 1px solid #d0cfcf;}
.bannerArea .content {border:0; font-size:12px; font-weight:normal; color:#545253; }
.buttonQuestion { float:right; border-bottom:1px solid #ccc; margin: 0 0 5px 0; padding:0; height:51px; width:279px !important;
background: url(/stc/img/ch5/bg_question.png) top left no-repeat ;}
.buttonQuestion a{ height:10px; color:#111; width:210px !important; padding:20px 0 0 65px !important; text-decoration:none; display:block; }
.buttonQuestion a:hover{text-decoration:none; color:#111;}
.buttonMail { float:right; border-bottom:1px solid #ccc; margin: 0 0 0 0; padding:0; height:51px; width:279px !important;
background: url(/stc/img/ch5/bg_mail.png) top left no-repeat ;}
.buttonMail a{ height:10px; color:#111; width:210px !important; padding:20px 0 0 65px !important; text-decoration:none; display:block; }
.buttonMail a:hover{text-decoration:none; color:#111;}
/* 2col */
.columnContainer { width:100% ; }
.columnContainer .columns { width:47% ; margin-right:2% ; }
.columnContent { width:auto ; }
/* tables */
/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em;}
#middle ul, #middle ol, #middle dl { padding-left:30px ; }
.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #ddd ; background:#fff url(/stc/img/bg_table_borders_td.gif) repeat-x top left ; }
.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#f3f3f3}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}
.u4-table-complete-header td {background:#ccc; color: #fff; font-weight: bold;}
/* sitemap */
.siteMap { width:300px ; padding-bottom:2em ; }
.siteMap a { text-decoration:none ; display:block ; color:#333 ; }
.siteMap a:hover { color:#c00 ; }
.siteMap ul li { list-style:disc ; }
.siteMapDocumentLevel0 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; font-size:0.9em ; }
.depth0 { padding-left:25px ; background-position:5px center ; width:275px ; }
.depth1 { padding-left:40px ; background-position:20px center ; width:260px ; }
.depth2 { padding-left:55px ; background-position:35px center ; width:245px ; }
.depth3 { padding-left:70px ; background-position:50px center ; width:230px ; }
.depth4 { padding-left:85px ; background-position:65px center ; width:215px ; }
.depth5 { padding-left:100px ; background-position:80px center ; width:200px ; }
.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; padding-left:20px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 20px center no-repeat ; padding-left:40px ; }
.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 35px center no-repeat ; padding-left:55px ; }
.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 50px center no-repeat ; padding-left:70px ; }
.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 65px center no-repeat ; padding-left:85px ; }
.stripe { background-color:#f9f9f9 ; }
/* following styles apply to navigo top tools */
table.u4-em-ie { border-collapse:collapse ; }
table.u4-em-ie td { font-size:11px ; padding:2px ; border:none ; }
table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor:pointer ; }
/* e-mail form */
.emailForm {}
.emailForm p.formRow {}
.emailForm label br { display: none; }
.emailForm label span { display: block; }
.emailForm label span input {}
.emailForm label span textarea {}
.emailForm label .btnSubmit {} /* Inside label only for consistency */
.emailForm label .btnReset {} /* Inside label only for consistency */
.infoBar {
display:none;
border-top:1px solid #ccc;
padding-top:10px;
margin-top:10px;
}
.infoBar a.print {
background:transparent url(/stc/img/ch5/bg_print.gif) no-repeat scroll 0 0;
display:block;
float:right;
width:20px;
height:20px;
padding:0 0 5px 0;
}
.infoBar a.pdf {
background:transparent url(/stc/img/ch5/bg_pdf.gif) no-repeat scroll 0 0;
display:block;
float:right;
width:15px;
height:20px;
padding:0 10px 5px 0;
}