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, 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 { }
ul{list-style-type: none;}
#middle ul li, #right ul li{margin-left: 0;}
#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 li{background: url(img/bullet_round.gif) center left no-repeat; padding-left: 14px; margin-left: 11px;}
#right div.links ul li a{background: url(img/bullet_triangle.gif) center left no-repeat; padding-left: 14px; margin-left: 11px;}
#right ul.links ul 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 li{background: url(img/bullet_round.gif) 0 40% no-repeat; padding-left: 14px; margin-left: 26px;}

#siteBody #middle div.links ul li, #right div.links ul li{background:none; padding:0 0 2px 0; margin-left: 0;}

#middle div.links ul li a{background: url(img/bullet_triangle.gif) center left no-repeat; padding-left: 14px; margin-left: 26px;}
#middle div.links ul li a:visited{background: url(img/bullet_triangle_light.gif) center left no-repeat; padding-left: 14px; margin-left: 26px;}

#siteBody #middle li p, #siteBody #right li p{margin-bottom: 0;}
#siteBody #middle ul, #siteBody #middle ol, #siteBody #right ul, #siteBody #right ol {padding-bottom:10px;}

/* applies to paragraphs, lists, you name it */
#siteBody {float: none; display: inline;}
#siteBody #middle p, #siteBody #right p{ margin-bottom: 10px; }
#siteBody div.ingress{font: bold 1em Arial; color: #666666; padding-bottom:10px;}
#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 { }
p.rightAlign a, a.blue{text-decoration: none; padding: 0 0 0 11px; background: url(img/highLight_link.gif) 0 4px no-repeat; margin: 0;}
p.rightAlign a:hover, a.blue:hover{text-decoration: underline;}
a.navigo-attachment img {float:left; }

#site{font: 1em Arial; color: #333333;}
#siteBody{line-height: 18px; }
h1,h2,h3,h4,h5 { }

#left h1, #middle h1{font: bold 2em Helvetica, Arial; color: #000; padding-bottom: 12px;}
#left h2, #middle h2 {font: bold 1.3em Arial; color: #000; padding-bottom: 2px;}
#left h3, #middle h3 { font: bold 1em Arial; color: #000; }
#left h4, #middle h4{font-size: 1em; }
#left h5, #middle h5{font-size: 1em; }

#right h1 {font: bold 17px Arial; color: #000; padding-bottom: 7px;}
#right h2, #middle .right h2 {font: bold 1.1em Arial; color: #000; padding-bottom: 7px;}
#right h3, #middle .right h3 { font: bold 1em Arial; color: #000; padding-bottom: 5px;}
#right h4 {font-size: 1em; }
#right h5 {font-size: 1em; }

#bottomContent{color: #6C6C6C;}

/* naviList class to reduce redundancy */
ul.naviList { margin:0 ; padding:0 ; list-style:none ; } 
ul.naviList ul { margin:0 ; padding:0 ; list-style:none ; }
ul.naviList li { margin:0 ; padding:0 ; }

/* 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;}
					* html #site .fifty-fifty {background: #fff url(img/bg_siteBody_50.gif) 439px 0 repeat-y;}
				#siteBody.fullNavi {background: #fff url(img/bg_siteBody_2cols.gif) 0 0 repeat-y;}
					* html #site .fullNavi {background: #fff url(img/bg_siteBody_2cols.gif) 0 0 repeat-y;}
                #siteBody.full{background: #fff;}
					* html #site .full {background: #fff;}
					
                        .columns { float: left; display: inline;}
                        #left{width: 179px; padding: 10px 0 0 11px; overflow: hidden; background:none; }
                        #siteBody.fifty-fifty #left{width: 400px; padding: 0 20px 0 20px;}
                        
                        #middle {line-height:1.4em; 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: 220px; 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: 650px; padding: 0 20px 0 20px;}
                        
                        #middle.widest { width: 840px; padding: 0 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;}
                        #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 {}
		h1#textLogo {display:none;}
        #topL{float: left; background: url(img/bg_site_topL.jpg) 0 0 no-repeat; width: 32px; height: 194px;}
		#topL.logged {background: url(img/bg_site_topLoggedL.jpg) 0 0 no-repeat;}
       #topC{float: left; width: 888px; overflow: hidden; height: 194px; background: #000; }
        #topR{float: left; background: url(img/bg_site_topR.jpg) 0 0 no-repeat; width: 25px; height: 194px;}
        
        #top div#logo { padding: 9px 0 0 0 ; margin: 0 ; float: left;  position: relative;}
        #top div#logo 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 div#logo 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;}
		/*#bannerImage div.imageSlot *{float:left; margin: 0; padding: 0; overflow:hidden;line-height: 1px;}*/

#supportNavi { font-size:13px; height: 29px; background: url(img/bg_site_top.gif) bottom left repeat-x; }
#supportNavi .naviList{float: right; background: #fff url(img/bg_supportNaviList.gif) bottom left repeat-x; margin-top: 7px;}
#supportNavi .loggedList{float: left; background: #fff url(img/bg_supportNaviList.gif) bottom left repeat-x; margin-top: 7px;}
#supportNavi form { }
#supportNavi li {height: 16px; 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 right no-repeat;}
#supportNavi li#loggedLast{background: url(img/bg_loggedNaviListR.gif) top left no-repeat; padding: 4px 0 2px 0; width: 27px;}
#supportNavi li#paddingRight{padding-right:9px;}
#supportNavi li a { display:block;  color: #6c6c6c; text-decoration: none; }
#supportNavi li a:hover{text-decoration: underline;}
#supportNavi li span { display:block ;} /* span only required if links require two overlaid background images */

/* navigation */
#topNavi {background: url(img/bg_topnavi.gif) 0 0 repeat-x; width: 880px; float: left; padding: 10px 0 16px 0; line-height: 0.1em;}
#topNavi .naviList{ /*padding-left: 15px;*/ line-height: normal; float: left;}
#topNavi li { float: left; background: url(img/bg_topNavi_border.gif) left center no-repeat;}
#topNavi li.first { background:none; }
#topNavi li a { display:block; color: #474747; font-size: 18px; text-decoration: none; padding: 0 15px 0 15px; line-height:30px; /*background: url(img/bg_topNavi_link.gif) 0 0 no-repeat;*/}
#topNavi li a:hover { color: #c41717; 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% ; }

#breadcrumb {  }
#breadcrumb a { }
#breadcrumb a:hover { }
#breadcrumb a.active {  }

 /* content elements */
 /* news list */
.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;}
/*.newsImg{ float: left; width: 133px; overflow: hidden; padding-left: 2px;}*/
.newsList {  }
.newsList h4 {  }
.newsList a, div.newsList a:hover {  }
.newsList a:hover {  }
.newsList h4 a {  }
.newsList p {  }
.newsList p a { }
.newsList span.readMore { }

/* Timed */

/* Dottedline */
div.dottedLine {clear:both; height:18px;/*border-top:1px solid black;*/background: url(img/line_dotH.gif) 0 0 repeat-x;}

/*frontpage news*/
#siteBody #middle .highLight_content.newsFront  {}
#siteBody #middle .newsFront h2{margin: 0; padding: 3px 0 4px 2px;}
#siteBody #middle .newsFront h3{padding: 0 0 2px 0; margin: 0;}
#siteBody #middle .newsBlock .spacer{}
#siteBody #middle .newsBlock{float: left; margin: 0 0 10px 0; padding: 11px 0 0 0; width:100%;}
#siteBody #middle .newsBlock p {padding:0; margin:0;}
.highLight_content a.right.blue{padding-right: 15px;}

.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 */
.loginForm .error_message, #siteBody #middle .loginForm .error_message, #siteBody #right .loginForm .error_message { margin:0; margin-left: 5px; padding: 0; font-size: 11px; }
.loginForm label { font-size: 11px; }
.loginForm a { float: right; font-size: 11px; }
.floated { float: left; width: 95px; }
.pad { margin-left: 5px; }
.loginImg{ width: 210px; overflow: hidden; }
.loginForm{ width: 210px; background-color: #feea00; border: 2px solid #b61c1c; margin-bottom: 20px; }
.navigo-login-form {padding: 5px; }
.logged {width:210px; }
.logged form p.lock {padding:2px 0 0 0;background:url(/stc/img/lock_plain.gif) 10% 50% no-repeat;}
.loginBox h2 {padding:0 0 5px 0 !important;}
#left .loginForm h3, #middle .loginForm h3, #right .loginForm h3 { font-size: 1.2em; font-family: Helvetica, Arial; margin: 0; padding: 0 0 6px 0; color: #000;}
#right .logged p, #right .logged h3, #middle .logged p, #middle .logged h3 { padding: 5px; }
.loginForm p {  padding: 0px; margin: 0; font-size: 11px; }
.loginForm .textInput { border: 1px solid #666666; width: 95px; margin: 0; padding: 0; font-size: 11px; }
.loginForm .submitInput{ float:right; margin-top: -15px; font-size: 11px; }

.searchForm .textInput { border: 1px solid #666666; width: 95px; margin: 0; padding: 0; font-size: 11px; }

.toService {position:relative; float: left; display:inline; margin-right:10px; }
.archive { }

/* Forms */
td.textInputTdTitle, td.selectInputTdTitle {font-weight:bold;}
td.selectInputTd {padding:20px;}
.textInputField {border: 1px solid #666666; margin: 0 0 2px 0; padding: 0; overflow:auto;}

 /* news document */
.newsSummary { font: bold 1em Arial; color: #666666; padding-bottom:10px; }

/* Event */
dl.eventDates {margin:0 0 10px 0;}
dl.eventDates dt {font-weight:bold;}

 /* 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;}
						
.highLight_top p.rightAlign a {padding-right:15px;}

#siteBody #right .highLight_content .content{width:202px; }

 /* 2col */
.columnContainer { width:100% ; float:left; /* background: url(img/bg_siteBody_50.gif) 50% 0 repeat-y; */}
.c3070 { background: url(img/bg_siteBody_50.gif) 30% 0 repeat-y;}
.columnContainer .columns { width:48%; }
.columnContainer .columns.w30 { width:28%; }
.columnContainer .columns.w70 { width:68%; }
#siteBody.full .columnContainer .columns { width:400px; }
#siteBody.full .loginBox .columnContainer {background:none;}
#siteBody.full .loginBox .columnContainer .columns { width:48%; }
.columnContainer .columns .inner dl{ width:auto; }
.columnContainer .left { float:left; }
.columnContainer .right { float:right; }
/*.columnContainer .border { border-right:1px solid black; }*/

/* usermanagement */
.message {font-weight:bold;}
.error_message {font-weight:bold; color:red; padding: 10px; }

 /* tables */
/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.1em 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:#000; color: #fff; font-weight: bold;}

/* Search */
div#searchField {margin: 0 0 10px 0;}
div#searchResults h3 {margin: 10px 0;}

 /* sitemap */

.siteMap {width:400px ; 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: 375px; }
.depth1 { padding-left: 40px; background-position: 20px center; width: 360px; }
.depth2 { padding-left: 55px; background-position: 35px center; width: 345px; } 
.depth3 { padding-left: 70px; background-position: 50px center; width: 330px; }
.depth4 { padding-left: 85px; background-position: 65px center; width: 315px; }
.depth5 { padding-left: 85px; background-position: 0px center; width: 315px; }
	
.siteMapFolderLevel1 a { background: url(/stc/img/siteMap/sitemap_folder.gif) 10px center no-repeat; padding-left: 25px; 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: 75px; }
.siteMapFolderLevel5 a { background: url(/stc/img/siteMap/sitemap_subfolder.gif) 65px center no-repeat; padding-left: 90px; }
.stripe { background-color: #f9f9f9; }

/* Contact */

#contactCard dl dt {font-weight:bold;}
div.contact {padding-bottom:10px;}

/* 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;}
.u4-image-caption{text-align: center; color: #787878;}

/*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 h3{padding:0 0 5px 0;}
#siteBody #middle #magazine p{ margin-bottom: 0; }
#magazine h1{padding-top: 11px;}
#magazine .columnContainer {background:none;}

#siteBody #magazineIndex{ background: url(img/bg_magazineLink.gif) top left repeat-x; float: left;}
#siteBody .magazineNavi{background: url(img/bg_magazineIndex.gif) top left no-repeat; float: left;}
#siteBody .magazineNaviEnd{ background: url(img/bg_magazineNavi.gif) top right no-repeat; float: left; width:  795px; /* wtf? */}
#siteBody .magazineNavi ul{float: left; }
#siteBody .magazineNavi li{float: left; height: 30px; padding:0; margin:0; background:none;}

#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:#fff 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;}
* html #magazineIndex .magazineNavi a.act:hover{background:#fff url(img/bullet_magazineNavi_act.gif) 15px 10px no-repeat;}

#magazineHeadings{clear: both;}
#magazineQuickLinks{float: right; padding-top: 5px;}
#magazineQuickLinks span{border: 1px solid #D5D5D5;  float: left; padding: 4px 10px 4px 24px; margin-left: 10px; background: url(img/highLight_link.gif) 12px 8px no-repeat;}
.editMode #magazineQuickLinks span.green, .editMode #magazineQuickLinks span.gray {width:100px;}
#magazineQuickLinks span a{text-decoration: none; }
#magazineQuickLinks span.green{ background-color: #F0F7ED;}
#magazineQuickLinks span.gray{ background-color: #F5F8F8;}
#magazineQuickLinks a:hover{text-decoration: underline;}

#magazineColumns{  float: left; margin-top: 5px; line-height: 1.23em; width:840px;}
.magazine{width: 160px; padding: 5px 5px 0 5px; margin-top: 1px; overflow:hidden;}
/*.editMode .magazine{width:155px; overflow:hidden; }*/
.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; min-height:195px;}
* html .indexItem { height:195px;}
.editMode .indexItem { border-bottom:1px dotted darkgray !important;}
.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; }*/
/*.editMode #magazineColumns .indexItem .indexText{overflow:hidden; width: 125px; padding: 0 2px 0 4px; }*/
#magazineColumns .indexItem.box{border: 1px solid #DBDBDB; margin: 2px 0 10px 0; background: #fff; width:151px;}
        #magazineColumns .indexItem.box .indexImage{margin: 7px;}
#magazineColumns .indexItem.box.green{background: #F0F7ED;}
#magazineColumns .indexItem.box.gray{background: #F5F8F8;}

/* following styles apply to navigo top tools */
table.u4-em-ie { border-collapse:collapse ;}
table.u4-em-ie td { font-size:12px; padding:1px 8px; margin:0;}
table.u4-em-ie td.u4-em-option-ie, table.u4-em-ie td.u4-em-option-sel-ie{ font-size:11px; padding:4px 2px; }
table.u4-em-ie td.u4-em-option-ie img, table.u4-em-ie td.u4-em-option-sel-ie img {display:none !important;}
table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor:hand ; }

.koneArenaBannerImg {float:left; padding-right:10px;}

.galleryLiftThumb     { width: 170px; }
.galleryLiftThumb img { margin: 0 auto;}

/*Styles for pdf form*/

#pdfSearchForm {font-size:0.9em;}
#pdfSearchForm .checkboxRow {padding-right: 30px;margin-right:10px; float:left; width:19%; border-right: 1px dashed #7B9A85;}
#pdfSearchForm .lastRow {border-right: none;}
#pdfSearchForm fieldset {border:1px dotted #7B9A85; margin:10px 0px; padding:10px;}
#pdfSearchForm legend {font-size:1.1em;font-weight:bold;color:#7b9a85; padding:5px 15px;background:white;}
#pdfSearchForm select {padding:3px;}
#pdfSearchForm #sendButton {margin: 10px 10px;}
#pdfSearchForm #sendButton input {background:#eee;border:1px solid #7B9A85;padding:5px 8px;}
#pdfSearchForm input {margin:3px 7px 1px 7px; padding:3px;}

#results table .preview {color:#7B9A85; font-size:14px; }
#results table .odd {background-color:#efefef;}
#results table td {padding:6px 3px; }
#results table th {padding:6px 3px; font-size:14px; width:12%;}

#results .pdfNavi {display:table; margin: 0 auto;}
#results ul.pdfNavi {text-align:center;}
#results .pdfNavi li {display:inline; list-style:none; margin:0 2px; padding:0; background:none; text-align:center;}
#results .pdfNavi a.current{color:black;}
#results .pdfNavi a:visited.current{color:black;}

#results .pdfNavi li a, 
#results .pdfNavi li a:visited {color:#7B9A85; text-decoration:none;}
#results table a, 
#results table a:visited {color:#7B9A85; text-decoration:none;}
#results table a:hover {color:#7B9A85; text-decoration:underline;}
#results .pdfNavi li a:hover {color:#7B9A85; text-decoration:underline;}

#results p {color:#7B9A85;}

/* Greybox */
.greybox { background:#fff; border: 1px solid #ddd; padding: 5px; width: 200px; box-shadow:2px 2px 5px #999; -moz-box-shadow:2px 2px 5px #999; -webkit-box-shadow:2px 2px 5px #999; }
#right .greybox h3, .greybox h3 { color: #000; font-size: 1.2em; font-family: Helvetica, Arial; }
#right .greybox  a { color: #000; }

/* Arrowlink */
#right .arrowlink a, .arrowlink a {
        background: url("img/highLight_link.gif") no-repeat scroll 2px 2px transparent;
        border: 1px solid #FFFFFF;
        color: #000;
        display: block;
        margin: 0 5px 0 0;
        padding: 0 0 0 15px;
        text-decoration: none;
}

#right .arrowlink a:hover, .arrowlink a:hover { border: 1px solid #000; }