body {text-align: center; background: #fff url(img/bg_body.jpg) 0 0 repeat-x; margin: 0; padding: 0; height: 100%;} div, p, form, ul, ol, dt, dd, dl, h1, h2, h3, h4, h5, img, span, a{margin: 0; padding: 0;} img{border: 0; margin: 0; padding: 0; display: block;} /* paragraph & cell styles */ .leftAlign { text-align:left ; } .rightAlign { text-align:right ; } .right{float: right;} .center { text-align:center ; } .justified { text-align:justify ; } .h { display: none; } .spacer { clear: both; height: 1px; overflow: hidden; line-height: 0px;} p { } .u4-image-caption { font-size: 11px } .u4-image-caption {text-align: left; color: #000000;} ul{list-style-type: none;} #middle ul li, #right ul li{margin-left: 0;} #middle ol, #right ol, #middle ul, #right ul{padding-bottom: 3px;} #middle li, #right li{padding-bottom: 2px;} ul a{color: #097197;} ul a:visited{color: #8E9FA5;} .fillBar{height: 15px; background: #fff; float: left; width: 100%;} #right ol li{margin-left: 25px;} #right ul.round li{background: url(img/bullet_round.gif) center left no-repeat; padding-left: 14px; margin-left: 11px;} #right ul.links li a{background: url(img/bullet_triangle.gif) center left no-repeat; padding-left: 14px; margin-left: 11px;} #right ul.links li a:visited{background: url(img/bullet_triangle_light.gif) center left no-repeat; padding-left: 14px; margin-left: 11px;} #middle ol li{margin-left: 40px;} #middle ul.round li{background: url(img/bullet_round.gif) center left no-repeat; padding-left: 14px; margin-left: 26px;} #middle ul.links li a{background: url(img/bullet_triangle.gif) center left no-repeat; padding-left: 14px; margin-left: 26px;} #middle ul.links li a:visited{background: url(img/bullet_triangle_light.gif) center left no-repeat; padding-left: 14px; margin-left: 26px;} #middle h1 a { color: #54775f; text-decoration: none; } #middle h1 a:visited { color: #54775f; text-decoration: none; } /* applies to paragraphs, lists, you name it */ #siteBody {float: none; display: inline;} #siteBody #middle p{ margin-bottom: 10px; } #siteBody p.ingress{font: bold 13px Arial; color: #666666; } #siteBody strong{color: #515151;} #siteBody p.indent{ margin-left: 40px;} #siteBody li p { } #siteBody img.gray{border: 1px solid #D6D6D6;} #siteBody .dotted{background: url(img/line_dotH.gif) 0 0 repeat-x;} /* link styles apply unless something else is specified in css (eg. for navigation elements) */ a {text-decoration: underline; color: #097197;} a:hover { text-decoration: none;} a.external { } a.blue{text-decoration: none; padding: 0 0 0 11px; background: url(img/highLight_link.gif) 0 4px no-repeat; margin: 0;} a.blue:hover{text-decoration: underline;} #site{font: 13px Arial; color: #333333;} #siteBody{line-height: 18px; } h1,h2,h3,h4,h5 { } #left h1, #middle h1{font: bold 16px Arial; color: #54775f; padding-bottom: 2px;} #left h2, #middle h2 {font: bold 15px Arial; color: #7b9a85; padding-bottom: 2px;} #left h3, #middle h3 { font: bold 14px Arial; color: #54775f; } #left h4, #middle h4{font-size: 1em; } #left h5, #middle h5{font-size: 1em; } #left .blue a {text-decoration: none; padding: 0 0 0 11px; background: url(img/highLight_link.gif) 0 4px no-repeat; margin: 0;} #left .blue a:hover{text-decoration: underline;} #right h1{font: bold 17px Arial; color: #54775f; padding-bottom: 7px;} #right h2 {font: bold 14px Arial; color: #7b9a85; padding-bottom: 7px;} #right h3 { font: bold 12px Arial; color: #54775f; padding-bottom: 5px;} #right h4 {font-size: 1em; } #right h5 {font-size: 1em; } #bottomContent{color: #6C6C6C;} /* naviList class to reduce redundancy */ ul.naviList { display:block; margin:0 ; padding:0 ; list-style:none ; } ul.naviList ul { margin:0 ; padding:0 ; list-style:none ; } ul.naviList li { margin:0 ; padding:0 ; } /* 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 {margin: 0 auto 0 auto; width: 945px; text-align: left;} #leftWrapper{background: #fff url(img/bg_site_left2.jpg) 0 0 repeat-y; float: left;} #rightWrapper{background: url(img/bg_site_right2.jpg) top right repeat-y; float: left;} #leftShade{width: 32px; background: url(img/bg_site_left.jpg) 0 0 no-repeat; height: 415px; float: left;} #rightShade{width: 33px; height: 415px; background: url(img/bg_site_right.jpg) 0 0 no-repeat; float: left;} #siteBody { text-align:left ; background: url(img/bg_siteBody.gif) 0 0 repeat-y; float: left; margin: 0 0 0 0; padding: 0 0 0 0; width: 880px; overflow: hidden;} #siteBody.fifty-fifty{background: #fff url(img/bg_siteBody_50.gif) 439px 0 repeat-y;} #siteBody.full{background: #fff;} .columns { float: left; display: inline;} /*#left{background: red;} #right{background: green;} #middle{background: yellow;}*/ #left{width: 181px; padding: 10px 0 0 11px; overflow: hidden; } #siteBody.fifty-fifty #left{width: 400px; padding: 0 20px 0 20px;} #topMiddleRight { background-color: #ffffff; margin-left: 5px; width: 640px; height: 115px; padding: 10px 10px 8px 15px; overflow: hidden; } #middle {width: 400px; overflow: hidden; padding: 10px 20px 0 20px; } .printLink{margin: 9px 0 0 0; padding: 0 0 0 0; float: left; width: 100%;} .printLink a{margin-top: 3px;} .printLink .spacer{} #right { width: 218px; padding: 10px 20px 0 10px; overflow: hidden; } #right li{margin-left: 25px;} #siteBody.fifty-fifty #right{width: 400px; padding: 0 20px 0 20px;} #middle.wide {width: 400px; padding: 10px 20px 0 20px;} #middle.widest { width: 840px; padding: 10px 20px 0 20px; } /* Added ie hack to because ie cannot understand declaration above this comment really?? VP */ * html .widest { width: 840px !important;} * html .full{background: #fff !important;} * html #site .full {background: #fff;} #bottom{clear: both; background: #fff; width: 880px;} #bottomContent{background: #fff url(img/line_dotV.gif) 0 5px repeat-x; padding: 15px 0 0 0; margin: 0 15px 0 15px;} #bottomContent img{display: inline;} #footer {float:left; width: 100%;} #footerL{ float: left; width: 32px; height: 64px; background: url(img/bg_footer_left.gif) 0 0 no-repeat;} #footerC{float: left; width: 860px; height: 30px; background: url(img/bg_footer.gif) 0 0 repeat-x; position: relative; padding: 11px 10px 0 10px; color: #6C6C6C; font-size: 12px;} #footerR{float: left; width: 33px; height: 64px; background: url(img/bg_footer_right.gif) 0 0 no-repeat;} /* do not change ; always the same (unless logo/type is NOT on white bg) */ div#navigoCMS { font:10px Verdana, sans-serif; color:#c7c9c8; padding-top: 2px; height: 18px; width: 170px; float: right;} div#navigoCMS strong { color:#c7c9c8 ; } div#navigoCMS a { color:#c7c9c8 ; text-decoration:none ; padding-left:22px ; background:url(img/logo_navigo.gif) no-repeat top left ; } div#navigoCMS acronym { text-decoration:none ;border:none ; } #top {} #topL.logged {background: url(img/bg_site_topLoggedL.jpg) 0 0 no-repeat;} #topL{float: left; background: url(img/bg_site_topL.jpg) 0 0 no-repeat; width: 32px; height: 194px;} #topC{float: left; width: 888px; overflow: hidden; height: 194px; background: #fff url(img/bg_site_top.jpg) 0 0 repeat-x; } #topR{float: left; background: url(img/bg_site_topR.jpg) 0 0 no-repeat; width: 25px; height: 194px;} #top h1 { padding: 9px 0 0 0 ; margin: 0 ; float: left; position: relative;} #top h1 a { display: block; width: 420px; height: 100px; background: url(img/bg_logo_big.gif) no-repeat top left; line-height: 0px;} /* needs width & height same as h1 (logo) */ #top h1 a span { display:none ; } #logoR{width: 28px; height: 100px; position: absolute; top: 9px; right: -28px; background: url(img/logoR.png) 0 0 no-repeat;} /*ie transparency hack*/ * html #logoR{ background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="stc/img/logoR.png", sizingMethod="crop") ;} #topCR{width: 8px; height: 165px; float: right; background: url(img/bg_site_topR2.jpg) no-repeat top right;} #bannerImage{ float: left; padding: 9px 0 0 0; margin: 0; line-height: 1px;} #bannerImage div.imageSlot {text-align:right; margin: 0; padding: 0; overflow:hidden;line-height: 1px; height:100px;width:460px;} #supportNavi { font-size:13px; height: 29px; background: url(img/bg_site_top.gif) bottom left repeat-x; } #supportNavi .naviList{float: right; background: #ffffff url(img/bg_supportNaviList.gif) bottom left repeat-x; margin-top: 6px;} #supportNavi .loggedList{float: left; background: #fff url(img/bg_supportNaviList.gif) bottom left repeat-x; margin-top: 6px;} #supportNavi form { } #supportNavi li { display: inline; float: left; color: #6c6c6c; padding: 4px 3px 2px 3px; margin: 0;} #supportNavi li#first{background: url(img/bg_supportNaviListL.gif) top left no-repeat; width: 27px;} #supportNavi li#last{background: url(img/bg_supportNaviListR.gif) top right no-repeat;} #supportNavi li#loggedFirst{background: url(img/bg_loggedNaviListL.gif) top left no-repeat;} #supportNavi li#loggedLast{background: url(img/bg_loggedNaviListR.gif) top right no-repeat; padding: 0 0 6px 0; width: 27px;} #supportNavi li#paddingRight{padding-right:9px;} #supportNavi li a { display:block; color: #6c6c6c; text-decoration: none; font-size: 13px;} #supportNavi li a:hover{text-decoration: underline;} #supportNavi li span { display:block ;} /* span only required if links require two overlaid background images */ #supportNavi li.textSize a { } /* navigation */ #topNavi {background: url(img/bg_topnavi.gif) 0 0 repeat-x; width: 880px; float: left; padding: 10px 0 15px 0; line-height: 0.1em;} #topNavi .naviList{padding-left: 15px; line-height: normal; float: left;} #topNavi li { float: left;} #topNavi li a { display:block; color: #474747; font-size: 15px; text-decoration: none; padding: 6px 17px 7px 12px; background: url(img/bg_topNavi_link.gif) 0 0 no-repeat;} #topNavi li a:hover { color: #c41717; font-size: 15px; text-decoration: underline; background: url(img/bg_topNavi_hover.gif) 0 0 no-repeat;} #topNavi li a.act { color: #c41717; background: url(img/bg_topNavi_hover.gif) 0 0 no-repeat;} #docNavi { border-top: 1px solid #E0E0E0; } #docNavi ul { } #docNavi li { width: 150px; border-bottom: 1px solid #E0E0E0; padding: 2px 19px 5px 10px; } /* without inline declaration ie box model bug kicks in, adding spaces between the li's */ #docNavi li.act { background: #F9FAFA url(img/docNavi_hover.gif) right bottom no-repeat; } #docNavi li a { /* background: #F9FAFA url(img/docNavi_link.gif) 9px 6px no-repeat; */ color: #474747; text-decoration: none; } #docNavi li a:hover { text-decoration: underline; } #docNavi li a.act { color: #cc0000; text-decoration: none; } #docNavi li li a { padding: 4px 0 3px 25px; display:block ; /* background: #fff url(img/docNavi_link.gif) 24px 8px no-repeat; */ color: #686868;} #docNavi li li a:hover{ /*background: #fff url(img/docNavi_hover.gif) 24px 8px no-repeat; */} #docNavi li li a.act{color: #cc0000; /* background: #fff url(img/docNavi_act.gif) 24px 8px no-repeat; */} #docNavi li li li a { } /* add more as needed... */ * html ul#docNavi a { height:1% ; } #list_color { background-color: #f5f5f5; } #breadcrumb { } #breadcrumb a { } #breadcrumb a:hover { } #breadcrumb a.active { } /* content elements */ /* news list */ .newsImage {float:right; padding:5px 0 0 5px;} .newsImage {float:right; padding-left: 10px;} .wide_true{float:left; overflow: hidden; margin: 0 0 8px 0;} .wide_false{float:left; overflow: hidden; margin: 0 8px 0 0;} .newsList { } .newsList h4 { } .newsList a, div.newsList a:hover { } .newsList a:hover { } .newsList h4 a { } .newsList p { } .newsList p a { } .newsList span.readMore { } /*frontpage news*/ .highLight_content.newsFront{ } .newsFront h2{margin: 0; padding: 3px 0 4px 2px;} .newsFront h3{padding: 0 0 2px 0; margin: 0;} .newsBlock .spacer{} .newsBlock{float: left; margin: 10px 0 10px 0; padding: 11px 0 0 0;} .newsBlock p{padding: 0 0 0 0; margin: 0 0 0 0;} .highLight_content a.right.blue{padding-right: 15px;} .newsImg{ float: left; width: 133px; overflow: hidden; padding-left: 2px;} .newsContent{float: left; width: 243px; padding-right: 2px;} /*konearena box*/ .konearenaImg{float: left; width: 164px; overflow: hidden; } .konearenaText{float: left; width: 216px; } .konearenaText h2{ margin: 0; padding: 0 !important;} .konearenaText p{} .konearenaText a.right{padding-right: 15px;} /*loginForm*/ .loginImg{float: left; width: 150px; overflow: hidden; } .loginForm{ float: left; width: 210px;} .loginForm h3{margin: 0; padding: 0 0 6px 0; color: #666;} .loginForm .textInput{border: 1px solid #666666; width: 125px; margin: 0 0 2px 0; padding: 0;} .loginForm .submitInput{margin-left: 5px;} .logged {width:100%;} .logged form p.lock {padding:2px 0 0 0;background:url(/stc/img/lock_plain.gif) 10% 50% no-repeat;} .toService {position:relative;} .archive {padding-top:2px;} /* news document */ .newsSummary { } /* highlight element */ .highLight_top {background: #FAFAFA url(img/line_solidH_gray.gif) repeat-x 0 0; float: left; margin-bottom: 15px; padding: 0; clear: both;} .highLight_top.beige {background: #F9F7EF url(img/line_solidH_gray.gif) repeat-x 0 0; } .highLight_top.green {background: #F2F9EF url(img/line_solidH_gray.gif) repeat-x 0 0; } .highLight_right{background: url(img/line_solidV_gray.gif) repeat-y top right; float: left; } .highLight_bottom {background: url(img/line_solidH_gray.gif) repeat-x bottom left; float: left; } .highLight_left{background: url(img/line_solidV_gray.gif) repeat-y 0 0; float: left; } #siteBody.fifty-fifty #left .highLight_content, #siteBody.fifty-fifty #right .highLight_content{width: 380px; padding: 9px;} #middle .highLight_content{width: 382px;} .highLight_content{background: url(img/highLight_br_gray.gif) no-repeat bottom right; padding: 9px; float: left;} .highLight_content.beige{background: url(img/highLight_br_beige.gif) no-repeat bottom right; } .highLight_content.green{background: url(img/highLight_br_green.gif) no-repeat bottom right; } .highLight_content.red{background: url(img/highLight_br_red.gif) no-repeat bottom right; } .highLight_top.red {background: #fff url(img/line_solidH_red.gif) repeat-x 0 0;} .highLight_right.red{background: url(img/line_solidV_red.gif) repeat-y top right;} .highLight_bottom.red{background: url(img/line_solidH_red.gif) repeat-x bottom left;} .highLight_left.red{background: url(img/line_solidV_red.gif) repeat-y 0 0;} .highLight_content.red{color: #666666;} .highLight_content.red h2{color: #cc0000;} #right .highLight_content p{} /* 2col */ .columnContainer { } .columnContainer .columns { } /* tables */ /* common for all tables */ #siteBody table {border-collapse: collapse;} #siteBody table td {vertical-align: top; padding: 0.3em;} .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:#e8eff8; color: #fff; font-weight: bold;} /* sitemap */ .siteMap { width:300px ; margin:0 ; padding-bottom:2em ; } .siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; } .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: 85px; background-position: 0px center; width: 215px; } .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) 10px center no-repeat; padding-left: 33px; } .siteMapFolderLevel3 a { background: url(/stc/img/siteMap/sitemap_subfolder.gif) 25px center no-repeat; padding-left: 45px; } .siteMapFolderLevel4 a { background: url(/stc/img/siteMap/sitemap_subfolder.gif) 40px center no-repeat; padding-left: 60px; } .siteMapFolderLevel5 a { background: url(/stc/img/siteMap/sitemap_subfolder.gif) 55px center no-repeat; padding-left: 75px; } .stripe { background-color: #f9f9f9; } /* Images */ .imageContainer{ margin: 0 0 12px 0; border: 1px solid #D5D5D5; text-align: center; padding: 10px;} .imageContainer.small{padding: 6px; } img.image{padding-bottom: 7px;} .imageContainer.small img.image{padding-bottom: 5px;} .imageInner{margin: 0 auto 0 auto;} /*Gallery*/ .dotted.gallery{float: left; padding: 10px 0 10px 0; clear: both; width: 100%;} .dotted.gallery a{ margin-top: 0 !important; margin-bottom: 0 !important;} .galleryTitle{padding-left: 10px; float: left; width: 135px;} .galleryTitle, .dotted.gallery.sender{color: #787878;} .galleryPreview{float: left; margin: 0 4px 8px 4px;} .galleryRating{ float: left; width: 372px; clear: both; margin: 40px 0 9px 0; padding: 0 0 0 17px;} .galleryRating .galleryStar{padding-top: 4px;} .galleryStar{float: left; margin: 0; padding: 1px 0 0 1px;} .galleryDate{padding-right: 12px;} .galleryPagination{float: right; padding-right: 10px; color: #097197;} .galleryPagination a{text-decoration: none;} .galleryPagination a:hover{text-decoration: underline;} .galleryThumbs a.blue{ float: left; margin: 20px 10px 7px 0;} .galleryThumb{float: left; padding: 0 10px 10px 0;} .galleryThumb.rowEnd{padding-right: 0; clear: right;} /*Magazine*/ #magazine{} #magazine h1{padding-top: 11px;} #magazineIndex{ background: url(img/bg_magazineLink.gif) top left repeat-x; float: left;} .magazineNavi{background: url(img/bg_magazineIndex.gif) top left no-repeat; float: left;} .magazineNaviEnd{ background: url(img/bg_magazineNavi.gif) top right no-repeat; float: left; width: 795px; /* wtf? */} .magazineNavi ul{float: left;} .magazineNavi li{float: left; height: 30px;} #magazineIndex .magazineNavi{padding-left: 45px;} #magazineIndex .magazineNavi a{color: #474747; display: block; text-decoration: none; background: url(img/bullet_magazineNavi_link.gif) 15px 5px no-repeat; padding: 1px 19px 3px 28px; margin: 7px 0 0 0; border-left: 1px solid #AFAFAF; font-size: 14px;} #magazineIndex .magazineNavi a.noBorder{border: 0;} #magazineIndex .magazineNavi a:hover{color: #DD1010; text-decoration: underline; background: url(img/bullet_magazineNavi_act.gif) 15px 5px no-repeat;} #magazineIndex .magazineNavi a.act{ padding: 7px 15px 4px 25px; margin: 0;color: #DD1010; background: #fff url(img/bullet_magazineNavi_act.gif) 15px 10px no-repeat; border-top: 1px solid #AFAFAF; border-right :1px solid #AFAFAF;} #magazineHeadings{clear: both;} #magazineQuickLinks{float: right; padding-top: 5px;} #magazineQuickLinks a{border: 1px solid #D5D5D5; float: left; padding: 4px 10px 4px 24px; margin-left: 10px; text-decoration: none; background: url(img/highLight_link.gif) 12px 8px no-repeat;} #magazineQuickLinks a.green{ background-color: #F0F7ED;} #magazineQuickLinks a.gray{ background-color: #F5F8F8;} #magazineQuickLinks a:hover{text-decoration: underline;} #magazineColumns{ float: left; margin-top: 5px; line-height: 1.23em;} .magazine{width: 160px; padding: 5px 5px 0 5px; margin-top: 1px;} .magazine.first{padding: 5px 5px 0 0;} .magazine.last{padding: 5px 0 0 5px;} .magazine.odd{background: #f5f5f5;} .magazineSpace{width: 10px; float: left; } .indexItem { padding-bottom: 1px; float: left; border: 1px solid #fff; font-size: 12px;} .magazine.odd .indexItem{border: 1px solid #f5f5f5;} #magazineColumns .indexItem .pageNumber{width: 19px; text-align: right; float: left; font-size: 11px;} #magazineColumns .indexItem .indexText{ padding: 0 6px 0 7px; float: left; width: 126px; } #magazineColumns .indexItem.box{border: 1px solid #DBDBDB; margin: 2px 0 10px 0; background: #fff;} #magazineColumns .indexItem.box .indexImage{margin: 7px;} #magazineColumns .indexItem.box.green{background: #F0F7ED;} #magazineColumns .indexItem.box.gray{background: #F5F8F8;} /*Tube-line*/ #tubeBg { float: left; padding-right: 11px; } #tubeBg p { background: url(img/bg_tubeLine.gif) 0 0 repeat-x; padding-top: 12px; text-align: center; width: 140px; height: 100px; border: 1px solid #dedede; } #tubeBg p.act { background: transparent url(img/bg_tubeLine_act.gif) 0 0 no-repeat; } #tubeBg a { font-size:16px; font-weight: bold; color: #56785f; line-height: 1.2em; text-decoration: none; } #tubeBg a:hover {color: #56785f; text-decoration: underline; } #tubeBg a.act { display: block; color: #cc0000; text-decoration: none; }