* { margin:0 ; padding:0 ; }

html, body { height:100% ; }

body { background:#5b8bc0; font-size:87.5% ; font-family:'Trebuchet MS', sans-serif ;  }

 /* 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 { color:#111 ; }
.u4-image-caption { /*font-size:0.8em;*/ color:#666 ; margin-left:0.5em ; }
a img { border:0; }

 /* applies to paragraphs, lists, you name it */
#siteBody { color:#444 ; }
#siteBody li p { line-height:1 ; }
 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#0aa0c0 ; text-decoration:none; } 
a:hover { color:#0c839d ; text-decoration:underline ; }
/*a.external { background:url(/stc/img/icon_extLink.gif) no-repeat center right ; padding-right:5px ; }*/

h2,h3,h4,h5 { color:#111 ; }
h2 { font-size:1.8em ; font-family:Georgia, serif ; font-weight:normal ; letter-spacing:0.1em ; margin-bottom:1em ; }
h3 { font-size:1.4em ; font-family:Georgia, serif ; font-weight:normal ; margin-bottom:1em ; }
h4 { font-size:1.2em ; font-weight:bold ; margin-bottom:0.5em ;}
h5 { font-size:1.1em ; 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 { }

 /* 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:796px ; margin:8px auto 0 auto; padding:4px; background:#fff; /*min-height:100% ;*/ position:relative ; }

#siteBody { clear:both ; text-align:left ; border-top:1px solid #ddd ; min-height:500px; }
.columns { position:relative ; float:left ; }
#left { width:200px ; }
  .logos { margin-top:1em; padding-top:0.5em; text-align:center; background:#fff; }
  #lang-navi { margin-top:1em; text-align:center; }
  #lang-navi a { padding:0 0.5em; }
#middle { width:364px ; margin:1em 0 1em 1em; /*margin:0 10px ;*/ }
#middle.wide { width:580px ; }
#middle.widest { width:796px ; margin:1em 0 0 0; }
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:796px !important; margin:1em 0 0 0 !important; }
#right { width:208px ; margin-left:10px; margin-top:10px ; font-size:0.9em ; }


#footer { position:relative ; width:796px; font-size:0.9em ; margin:0 auto; padding:5px 4px 5px 4px ; color:#eee ;  }

div#navigoCMS { font:10px Verdana, sans-serif ; color:#eee ; position:absolute ; right:0 ; top:5px ; height:18px ; width:170px ; }
div#navigoCMS strong { color:#eee ; }
div#navigoCMS a { color:#eee ; text-decoration:none ; padding-left:22px ; background:url(/stc/img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

#top { }
#top h1 { width:796px ; height:207px ; background:url(/stc/img/banneri_u2.png) no-repeat top left ; }
#top h1 a { display:block ; width:796px ; height:207px ;}
#top h1 a span { display:none ; }
#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 { margin:10px 0 ; }
#topNavi li { float:left ; }
#topNavi li a { margin:0 ; padding:5px 10px ; display:block ; float:left ; background:none ; color:#333 ; font-weight:bold ; text-decoration:none ; font-size:1.1em ; margin:0 1px 0 0 ; border-top:1px solid #ccc ; border-left:1px solid #ccc ; border-right:1px solid #ccc ;  }
* #topNavi li a { height:1% ; }
#topNavi li a.act { color:#000 ; background:#fafafa ; }

#docNavi { /*padding-bottom:1px ; border-bottom:1px solid #eee ;*/}
#docNavi ul { border-bottom:1px solid #ddd ; padding:0 ; margin:0 ; }
#docNavi li { display:inline ; }
#docNavi li a { display:block ; padding:3px 10px ; background:#c3dfee ; border-bottom:1px solid #ddd ; text-decoration:none ; color:#333 ; margin:2px 0 0 0 ; }
#docNavi li a:hover { background:#acd6ed ; color:#000 ; }
#docNavi li a.act { color:#f00 ; background:#acd6ed ; } 
#docNavi li li a { padding:2px 10px 2px 20px ; font-size:0.9em ; background:#fcfcfc ; border:none ; margin:0 ; }
#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 ; }

 /* content elements */
 /* news list */
.newsList { border:1px solid #eee ; padding:1px ; }
.newsList h4 { font-size:1.1em ; padding:5px 0 ; border-top:1px solid #d9d9d9 ; }
.newsList a, div.newsList a:hover { text-decoration:none ; }
.newsList a:hover { color:#666 ; }
.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 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 ; } 

 /* 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 */