/* 1. Defaults 2. Site structure 3. Typohraphy 4. Paragraph & cell styles 5. Bottom margins 6. Lists 7. Doctypes 8. Emergency numbers element 9. Box Heading Element 10. Highlight Element */ /* 1. Defaults */ * { margin:0 ; padding:0 ; } html,body{height:100%;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,/*em,*//*strong,*/th,var{font-style:normal;font-weight:normal;} caption,th{text-align:left;} abbr,acronym{border:0;} body{background: #e1e1e1 url(/stc/img/logo1500_2.gif) 310px -633px no-repeat; font:62.5%/1.6em Arial,Verdana,sans-serif; text-align: center; color: #4F4F4F; /*#5d5d5f;*/ font-weight:normal;} .spacer{line-height: 0; height: 0; margin: 0; padding: 0; clear: both; font-size: 0; overflow: hidden;} a{text-decoration: none;} a:hover{text-decoration: underline;} a img, a{border: 0;} p {/*padding-bottom:10px;*/} div.padded {padding:10px 10px 0 20px;} /* text padding for sub pages */ /* 2. Site structure */ #site {width:975px; margin:0 auto 0 auto; padding:15px 0 0 0; background:url(/stc/img/bg_topShadow2.png) top center no-repeat; position:relative;} #siteLeftShadow {width:965px; padding-left:10px; background:url(/stc/img/bg_leftShadow.png) top left repeat-y;} /*shadows are different for IE6 (page head)*/ #siteRightShadow {width:955px; padding-right:10px; background:url(/stc/img/bg_rightShadow.png) top right repeat-y;} #siteBody{width:915px; text-align: left; padding:0 20px 0 20px; background:#fff;} #top {position:relative; height:174px;}/*179*/ .frontpage #top {height:229px;}/*234*/ #logo{width:188px; height: 99px; background: url(/stc/img/haanpaa_logo_uus_7.png) 0 0 no-repeat; display: block; margin: 0 0 0 36px; position: absolute; top:-5px;} #logo a{display:block; width: 188px; height: 99px;} #logo span{display:none;} #supportNavi {display: block; position: absolute; top: 5px; right: 0; list-style: none; height:30px;} #supportNavi li {float: left; padding: 0 10px 0 10px; line-height: 1.4em; font-size:13px;} #supportNavi li.textSize {padding-right:6px; color:#004475;} #supportNavi li.textLarger {padding:0 10px 0 0; /*height:19px; font-size:15px;*/} #supportNavi li.textSmaller {padding:0 21px 0 0; /*font-size:15px;*/} #supportNavi li.search {height:15px; padding:0;} #searchForm {max-width:185px; float:left;} #searchInputs {margin-top:0px;} #searchInputs #search {width:115px; vertical-align:top;} #searchInputs #submit {margin-top:-1px;} #topImg {padding-top:39px; height:135px;} .frontpage #topImg {height:190px; font-size:0;} #topNavi {float:left; width:100%; height:45px; background: #013e97; overflow:hidden; position:relative;} #topNaviMenu {clear:left; float:left; list-style: none; margin:0; padding:0; position:relative; left:50%; text-align:center; height:45px; font-size:14px;} #topNaviMenu li {display:block; float:left; list-style:none; margin:0; padding:0; position:relative; right:50%; height:45px; margin-right:-2px;} /* Some styles of this are at page head for IE browsers */ #topNaviMenu a {display:block; float:left; height:27px; padding:18px 16px 0 16px; margin-left:2px; color:#fff; font-weight:bold; font-size:14px;} #topNaviMenu a:hover {text-decoration:none; background:#032e65;}/*09639F*/ #topNaviMenu a.act {font-weight:bold; background:#032e65;} #flags {position:absolute; top:20px; right:13px;} .flag {display:block; width:25px; height:15px;} #flagEN {background:url(/stc/img/flag_en.gif) top left no-repeat;} #flagRU {background:url(/stc/img/flag_ru.gif) top left no-repeat;} #main {float:left; width:100%; padding: 26px 0 10px 0; min-height: 370px; margin-bottom:10px; clear:both; background:#f8f8f8 url(/stc/img/bg_main.gif) top left repeat-x;} * html #main {height: 370px;} .frontpage #main {padding-bottom:0;} #main #frontpageBG {margin-bottom:10px; background:url(/stc/img/bg_frontpageBG.gif) top left repeat-y;} /*frontpage background*/ #main #subpageBG {min-height: 370px; background:url(/stc/img/bg_subpageBG.gif) top left repeat-y;} /*subpage navigation background*/ * html #main #subpageBG {height: 370px;} .border { height:100%; min-height: 300px; width:1px; float:left; display:block; background: url(/stc/img/bg_border.gif) top left repeat-y; } * html .border {height: 300px;} /*.inner {padding:0 0 0 30px;}*/ /* Inner div for every column */ /*.inner {padding:10px;} */ #left{width:210px; float:left; padding:1px 5px 0 5px; /*background:blue;*/} .frontpage #left {width:311px; padding:0; padding:0 10px 0 10px; color:#3B3B3F; /*border-right:1px dotted gray;*/} /* sub page left navi */ #leftNavi {} #docNavi {width: 208px; float: left; padding:0 1px 1px 1px; /*background:#e5e5e5;*/ /*efefef*/ list-style: none; font-size:12px; /*line-height:20px;*/ min-height:370px;} * html #docNavi {height:370px;} #docNavi li {} #docNavi a {width:181px; padding:5px 0 5px 27px; display:block; color:#000; background: url(/stc/img/bg_leftNaviPlus.gif) 10px 10px no-repeat;} /*first level*/ #docNavi li ul a {width:171px; padding:5px 0 5px 37px; background:#fff url(/stc/img/bg_leftNaviArrow.gif) 22px 12px no-repeat;} /*second level*/ #docNavi li ul li ul a {width:161px; padding:5px 0 5px 47px; background:#fff url(/stc/img/bg_leftNaviArrow.gif) 32px 12px no-repeat;} /*third level*/ #docNavi a:hover {text-decoration:none; background-color:#fff;} #docNavi a.act {background-color:#d1d1d1;} #docNavi a.act:hover {background-color:#fff;} #docNavi li ul a.act {background-color:#fff; text-decoration:underline;} /*second level*/ #docNavi a.childAct {background-color:#d1d1d1;} #docNavi a.childAct:hover {background-color:#fff;} #docNavi li ul a.childAct {background-color:#fff; text-decoration:underline;} /*second level*/ #middle{width:675px; float:left; padding:2px 10px 10px 10px;} .frontpage #middle {width:341px; padding:0 10px 0 10px; /*border-right:1px dotted gray;*/} #breadcrumb { margin:0px 0px 8px 5px; font-size:0.9em; color:#010101; } #breadcrumb a { color:#010101; } #breadcrumb a:hover { color:#777; text-decoration:none; } #breadcrumb a.active { font-weight:bold; } .frontpage #right{width: 203px; float: left; height:100%; padding:0 10px 0 10px;} /*#bottomSlot {width:895px; height:55px; margin:0 auto 0 auto; padding:0 0 10px 0;}*/ #footer {padding:10px 0 5px 0; text-align:center; color:#000;} #footer p {padding-bottom: 7px;} #footer a {color:#fff;} #footer a:hover {text-decoration:none;} #siteBottomShadow {padding-top:19px; width:975px; height:30px; background:url(/stc/img/bg_bottomShadow2.png) top center no-repeat;} #navigoCMS {font:10px Verdana, sans-serif ; color:#b3b3b3; /*color:#c7c9c8 ;*/ height:18px ; width:170px ; margin:0 auto 0 auto;} #navigoCMS strong {color:#b3b3b3 ;} #navigoCMS a {color:#b3b3b3 ; text-decoration:none ; padding-left:22px ; background:url(/stc/img/logo_navigo2.gif) no-repeat center left ;} #navigoCMS acronym {text-decoration:none ;border:none ;} /* 3. Typography */ a{color: #004475;} b,strong{font-weight:bold;} i,em{font-style:italic;} code,pre{font-family:"Courier New",Courier,monospace;white-space:pre;} #site{font-size: 1.07em;} /*1.1em*/ h2{font-size: 1.15em; color: #000;/*#004272*/ text-transform: uppercase; background:url(/stc/img/bg_h2.gif) top left no-repeat; padding:14px 15px 0 15px; height:38px;} .frontpage #left h2 {background:none; padding:0; height:auto; /*background:url(/stc/img/bg_h2_left.gif) top left no-repeat; padding:8px 0 0 15px; height:31px;*/} .frontpage #middle h2 {background:none; padding:0; height:auto; /*background:url(/stc/img/bg_h2_middle.gif) top left no-repeat; padding:8px 0 0 15px; height:31px;*/} .frontpage #right h2 {background:none; padding:0; height:auto; /*background:url(/stc/img/bg_h2_right.gif) top left no-repeat; padding:8px 0 0 15px; height:31px;*/} h3, h4, h5, h6{/*color: #004272;*/ } h3 {/*font-size:1.15em;*/ font-size:14.95px; } h4 {/*font-size:1.05em;*/ font-size:13.6px; } /*1.1*/ /*h5 {font-size:1.07em;}*/ #main {color:#181818;} #main a {color:#181818; text-decoration:underline;} #main a:hover {text-decoration:none;} #left a {text-decoration:none;} /*sub page*/ /*#main {font-size:13px; line-height:17px; color:#181818;}*/ .frontpage #main ul {list-style:none; padding-left:10px;} .frontpage #main ul li {padding-left:15px; line-height:1.25em; background:url(/stc/img/bg_listPlus.gif) center left no-repeat;} #footer {font-size:12px; line-height:17px; color:#5c5b5b; font-family:Verdana,Arial;} /* 4. 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.4em; color:#181818; /*line-height:1.6 ; margin-bottom:0.5em ;*/ } p.indent {padding-left:15px; padding-right:15px;} .frontpage p.indent {padding-left:5px; padding-right:5px;} strong { color:#111 ; } .u4-image-caption { font-size:0.93em ; color:#666 ; margin-left:0.5em ; } .newsSummary {font-style:italic; margin:10px 0 10px 0;} /* 5. Bottom margins */ h2{ margin-bottom: 20px;} h3, h4, h5, h6{margin-bottom: 8px;} #left p, #right p, #middle p{margin-bottom: 14px;} /* 6. Lists */ .newsList{/*margin-left:37px;*/} .newsList ul{list-style: none;} .newsList li{margin-bottom: 15px;} .newsList .date{color: #004475;} .newsList .text {color: #3B3B3F;} .newsList .text:hover {color: black;} a.arrow{padding-left: 17px; /*background: url(/stc/img/bg_arrow.gif) left center no-repeat;*/} /*#main .newsList h4 {font-weight:normal;}*/ #main .newsList a {text-decoration:none;} #main .newsList a:hover {text-decoration:underline;} #main .newsList h4 a {text-decoration:underline;} #main .newsList h4 a:hover {text-decoration:none;} .frontpage .newsList h4 {padding:0 5px 0 5px; margin-bottom:0; font-size:1.0em;} .frontpage .newsList p {padding:0 5px 0 5px;} .frontpage #main .newsList a {color:#181818; text-decoration:none;} .frontpage #main .newsList a:hover {text-decoration:underline;} .frontpage .newsList .readMore {font-weight:bold;} /* 7. News */ .ingress{font-weight: bold;} /* 8. Emergency numbers element */ .emergency {float:left; width:180px; padding-top:5px; padding-left:20px;} /*.emergencyWrapper {float:right; display:inline-block;}*/ .emergencyContent {float:left; display:inline-block;} .emergency .emergencyIcon {padding-left:20px;} .emergency, .emergency a, .emergency h2, .emergency h3, .emergency h4, .emergency h5 {color:#D42022;} /* 9. Box Heading Element */ .boxHeading {background:url(/stc/img/bg_h2.gif) top left no-repeat; padding:14px 15px 10px 15px; height:28px; margin-bottom:10px;} .editMode .boxHeading h3 {background:none;} .boxHeading h3 {margin:0; font-size: 1.15em; color: #010101; text-transform: uppercase;} .frontpage .boxHeading {margin-bottom:0;} .frontpage .boxHeading h3 {font-size: 1.1em;} .frontpage #left .boxHeading, .frontpage #middle .boxHeading, .frontpage #right .boxHeading {padding:8px 10px 15px 15px; height:23px;} .frontpage #left .boxHeading {background:url(/stc/img/bg_h2_left.gif) top left no-repeat;} .frontpage #middle .boxHeading {background:url(/stc/img/bg_h2_middle.gif) top left no-repeat;} .frontpage #right .boxHeading {background:url(/stc/img/bg_h2_right.gif) top left no-repeat;} /* 10. Highlight Element */ .highLight {border:2px solid #D6D6D6; padding:6px; background-color:#EFEFEF;} /* naviList class to reduce redundancy */ ul.naviList { margin:0 ; padding:0 ; list-style:none ; } ul.naviList ul { list-style:none ; } ul.naviList li { } /* 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 *******************************/ /* content elements */ /* 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:1px solid #DFDFDF ; 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:#DFDFDF} .u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#F8F8F8} .u4-table-complete-header td {background:#ccc; color:#000; /*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:1px solid gray ; } 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 */