/* (c) Ch5 Finland Oy 2008 - www.ch5finland.com */

/* 1. Defaults */
	body {height:100%; font-family:Arial, sans-serif ; font-size:12px; background:#ebe8e3; color:#000; }
	.spacer{line-height:0px; font-size:0; height: 0; margin:0; padding: 0; clear: both; }
	a { color:#004f71; text-decoration:none; }
	a:hover { text-decoration:underline; }
	img { border:0; }
	.border-dot-left { background:url(../stc/img/border-dotted-ver.gif) 0 0 repeat-y; }
	.border-dot-right { background:url(../stc/img/border-dotted-ver.gif) top right repeat-y; }


/* common - remove: 'text-align: center;' (IE hack) from 'body' to align site left */
body, h1, h2, h3, h4, p, img, form, label, fieldset {margin:0; padding:0}
form, label, fieldset, abbr, acronym {border:0}
p, div, span, td, th, table, input, textarea, button, ul, li, dl, dt, dd, ol, table {font-size:100%; }
h1{font-size:1.4em ; font-family:Arial, sans-serif ; }
h2{font-size:12px ; font-family:Arial, sans-serif ;}
h3{font-size:1.2em ; font-family:Arial, sans-serif ;}
h4{font-size:11px ; font-family:Arial, sans-serif ;}

p.indent{display:block; margin:0 10px 0 20px}

.noborder { border:none ; }
.noborder:hover { border:none ; }

p { color:#012533 ;  }
/*#content div { line-height:1.6 ; color:#012533 ;  }
#content { font-size:1.1em; }*/
h1,h2 { color:#012533 ; }

/* h3,h4 { color:#f86329 ; }*/

.c-b {clear: both}
.h, legend {display: none}


/* 2. Site structure */
	#wrapper { width:953px; margin:20px auto 0 auto; }
	#wrapper-sub { width:806px; margin:0 auto; padding-top:20px; }
	#front-container { float:left; width:800px; margin:0 0 20px 0; padding:0 3px; background:#00608a; border:1px solid #fff; }
	#container { width:800px; margin:0 auto; padding:0 3px; background:#00608a; border:1px solid #fff; }
    #site { width:800px; margin:20px auto 0 auto; padding:0 3px; background:#00608a; border:1px solid #fff;}
	#banner-right { float:left; margin-left:5px; width:140px; }
		iframe { background:transparent; }

	#support { float:left;/*height:23px;*/ width:100%; background:#00608a; }
		#support .left { float:left; }
		#support .right { float:right; width:300px; }
	#top { float:left; width:798px; height:64px; padding:1px 1px 0 1px; background:#fff; }
		h1#logo { float:left; margin:0; width:234px;  }
		h1#logo a { display:block; width:230px; height:63px; background:url(../stc/images/logo.gif) 0 0 no-repeat; }
		h1#logo span { display:none; }
	#big-banner-top { float:left; width:798px; height:19px; background:#00608a; border-left:1px solid #fff; border-right:1px solid #fff; }
    #big-banner { float:left; width:798px; padding:1px 1px 0 1px; background:#fff; overflow:hidden; }
		#big-banner .banner-left { float:left; width:566px; }
		#big-banner .banner-right { float:left; width:232px; }

	#content { float:left; width:798px; padding:0 1px; background:#fff url(../stc/images/bg_bottom_container.gif) 0 0 repeat-y; }
		#content .top { padding:3px 0 3px 10px; color:#fff; font-weight:bold; }
        #content .top h2, #content .top a { color:#fff; font-size:1em; }
	#left { float:left; width:232px; background:#fff; overflow:hidden;  }
		#left .top { background:#00608a url(../stc/images/border-dotted-ver.gif) top right repeat-y; }
		#left .content { padding:10px 4px 10px 4px; border-right:1px solid #00608a; display:inline-block; /* triggers hasLayout */}
		* html #left .content { width:223px; overflow:hidden; }
	#middle { float:left; width:334px; background:#fff; }
		#middle .top { background:#00608a url(../stc/images/border-dotted-ver.gif) top right repeat-y; }
		#middle .content { padding:10px 5px 10px 5px; border-right:1px solid #00608a; display:inline-block; /* triggers hasLayout */}
	#right { float:left; width:232px; background:#fff; overflow:hidden; }
		#right .top { background:#00608a; }
		#right .content { padding:10px 5px 10px 5px; }
	
	#footer { float:left; width:798px; height:24px; }

/* 3. Typography */
	#support, #footer { color:#fff; }
	#support a, #footer a { color:#fff; }

/* 4. Support navigation */
	#support .left a { display:block; float:left; padding:5px 8px 5px 7px; background:url(../stc/images/border-dotted-ver.gif) top right repeat-y;  }
    #support span.void { display:block; float:left; padding:5px 8px 5px 7px; }

	#support .right .search-box { height:17px; width:140px; margin-top:2px; border:0; }
	#support .right .search-button { float:right; width:10px; height:11px; margin:7px 4px 0 0; /*background:url(../stc/images/btn-search.gif) bottom left no-repeat;*/ }
	#support .right .search-button span { display:none; }
	#support .right .search { float:right; margin-right:6px;}

/* 5. Top navigation */
	#top-navi { float:left; width:564px; }
	.navi-holder { float:left; width:141px; }
	.navi-holder a { display:block; font-weight:bold;}
	.navi-image { float:left; width:55px; overflow:hidden; }
	
	.mega1_text a, .mega2_text a, .mega3_text a, .mega4_text a { display:block; font-weight:bold; margin-bottom:5px; }
	.mega1_text, .mega4_text, .mega2_text, .mega3_text { float:left; width:79px; height:49px; margin-left:1px; padding:7px 0 5px 5px; border-top:1px solid #00608a; border-bottom:1px solid #00608a; font-size:11px; }
	.mega1_hover { background: #E4A234; }
	.mega4_hover { background: #3D89BA; }
	.mega2_hover { background: #B94B7C; }
	.mega3_hover { background: #79BA00; }
	.mega1_hover a, .mega2_hover a, .mega3_hover a, .mega4_hover a { color:#fff; }

/* News list */
	.news-list-item { float:left; width:323px; margin-bottom:10px; padding-bottom:10px; background:url(../stc/images/border-dotted-hor.gif) 0 100% repeat-x; }
		.news-list-item-left {}
		.news-list-item img { border:1px solid #00608a; }
		.news-list-item .u4-image-caption { display:none;}
		.news-list-item a.list-image { float:right; }
	.news-list-item h2 {font-size: 12px; color:#073E52; margin:0; padding:0 0 0 3px; margin: 0; }
	.news-list-item h2 a {color:#073E52;text-decoration:none;font-weight:normal; margin: 0; padding: 0; }
	.news-list-item h2 a:hover { text-decoration:none; border-bottom:1px dashed #073e52; }
	
	.ingress { font-size:100% ; }
	.date { font-size:80% ; }

	.news-list-item-content {padding: 0 0 15px 0;}
	.news-list-item-content h2 {font-size: 12px; color:#073E52; margin:0; padding:0 0 0 3px;}
	.news-list-item-content h2 a {color:#073E52;text-decoration:none;font-weight:normal;}
	.news-list-item-content h2 a:hover { text-decoration:none ; border-bottom: 1px dashed #073E52; }


/* Button */
	.button { margin-bottom:5px; padding:1px; color:#fff; font-weight:bold; background:#428aa9 url(../stc/images/bg-button.gif) 0 0 repeat-x; }
	.button a { color:#fff; display:block; border:1px solid #c7bcbc; padding:5px; width:208px; }
	.button a:hover { text-decoration:none; border:1px solid #eee; }

/* Footer */
	#footer .left { float:left; }
	#footer .left span { float:left; padding-top:5px; padding-bottom:5px;}
		span.tel { margin-left:15px; padding:5px 0 5px 26px; background:url(../stc/images/phone.gif) 0 50% no-repeat; }
		span.fax { margin-left:15px; padding:5px 0 5px 26px; background:url(../stc/images/fax.gif) 0 50% no-repeat; }
		span.email { margin-left:15px; padding:5px 0 5px 26px; background:url(../stc/images/email.gif) 0 50% no-repeat; }
		
	#footer .right { float:right; width:97px; /*height:24px;*/ background:url(../stc/images/border-dotted-ver.gif) 0 0 repeat-y; /*text-align:right;*/ }
	#footer .right span { float:right; padding:5px 0; }





/*
#content a { color:#012533 ; text-decoration:none ; border-bottom: 1px dashed #012533 ; } 
#content a:hover { color:#005073 ; text-decoration:none ; border-bottom: none ; }
*/
#content h3 a { border:none ; }

/* containers - remove: 'margin-left: auto; margin-right: auto; text-align: left;' from 'site' to align site left */
#header, #navigation, #navi ul, #c	{width:auto; height:auto;}

/* page top */
#header {background: url(/stc/images/topbar_right.gif) top right #00608A;  height: 95px}
/*
#logo a {display: block; background: url(/stc/images/logo.gif) left top no-repeat; width: 357px; height: 95px; text-decoration: none}
#logo a span {display: none;}
#logo{float: left; height: auto}
#logo	{width: 50%}
*/
/*#search { float:right ; width:250px ; margin-top:30px ; }*/
/*#search p {float: right; padding: 15px 20px 0px 0}*/
/*form#searchform { margin:0 ; padding:0 ; }*/
/*
#searchfield { 
	border:1px solid #012533 ; 
	border-right:1px solid #fff ; 
	border-bottom:1px solid #fff ; 
	background:#efefef; 
	font-family:Verdana, sans-serif ; 
	font-size:10px ; 
	padding:2px ; 
	width:90px ; 
	padding-top:3px ; 
	}
	
#searchfield:focus {
	background:#fff ;
	}
	

#searchbutton { 
	background:#012533 ; 
	border:none ; 
	color:#fff ; 
	font-weight:bold ; 
	font-family:Verdana, sans-serif ;
	text-transform:uppercase ;
	padding:2px ; 
	margin-top:1px ; 
	font-size:11px 
}*/

/* main navi */	
div#navi	{background: #012533; border-bottom: 1px solid #fff; height:24px ;}
#navi, #navi ul{ margin: 0; padding: 0; }
/* width here should be auto, but set here as .1em for IE. float for Mac IE */
#navi ul a	{ float: left; display: block; width: .1em; height: auto; margin: 0; padding: 0; font-weight: bold; white-space: nowrap ; list-style:None ;}
/* IE5-Mac hack \*/ 
#site > #navi ul a {float: none; width:auto}
/* end IE5-mac hack */
#navi ul li { float: left; margin: 0}
#navi ul li	{ list-style-type: none; border: 0; padding: 0 ; }
#navi ul a {padding: 3px 10px 2px 10px; height:19px ; }
/* IE5-Mac hack \*/ 
#navi ul a span {float: none}
/* end IE5-mac hack */
	
a.navi 	{color: #fff; background: #012533; text-decoration: none; font-size:0.6em ; border-top:2px solid #012533 ; }
a.navi:hover,a.navi-active,a.navi-active:hover {color: #00608a; background: #fff; text-decoration: none; font-size:0.6em; border-top:2px solid #012533 ; }

/* content area */

#c {}

/* content area background colors images */
.bg-wide   {background: #fff}
.bg-default {background: #fff}
.bg-narrow {background: #fff}

#breadcrumb {margin: 0 ; color:#666 ; /*font-size:0.7em;*/}
#breadcrumb a, #breadcrumb a:hover { text-decoration:none ; border:none ; color:#666 ;}

#navi-sub {width: 185px; float: left ;}
#navi-sub div, #right-column	{margin: 0px 10px 0 0}
#navi-sub, #right-column {height:auto; padding-top: 10px}

.wide 	{width: auto; padding: 10px 10px 0 10px; position: relative; z-index: 1 }
.default{width: 550px; float: left}
.narrow	{width: 365px; float: left}

/* navi-sub - common */

div#navi-sub ul {margin: 0; padding: 0 ; float:none ;  }
div#navi-sub li { float:none ; margin:0; padding:0 0 0 0 ; list-style-type:none ; display:inline; }


div#navi-sub ul a:link { display:block ; text-decoration:none ; width:90% ; }
div#navi-sub ul a:visited { display:block ; text-decoration:none ; width:90% ; }

a.navig-sub { /*font-size:0.7em;*/ font-weight:bold ; margin-top:2px ; padding: 4px 5px 4px 7px; color:#00608a; background:#fff ; border-bottom: 1px solid #a4a4a4; width:173px ; }
a.active, a.navig-sub:hover { background: #00608a ; color: #fff ; border-bottom:1px solid #00608a ; }

a.navig-sub-sub { font-size:0.6em ; background:#fff ;  color:#00608a; text-decoration:none ; padding:4px 0 4px 10px ; width:175px ; }
a.active2, a.navig-sub-sub:hover { color:#f86329 ; background:#fff ; }

ul.navig3 { margin:0 ; padding:0 ;  }
ul.navig3 li { margin:0 ; padding:0 ;  }

a.navig-sub-sub-sub { /*font-size:0.7em;*/ color:#999; text-decoration:none ; padding:4px 0 4px 15px ; width:165px ; }
a.active3, a.navig-sub-sub-sub:hover { color:#666 ; }

/* navi-sub - level 2 */
/* a.navi-sub span, a.navi-sub-active span{display:block; margin:0; padding:0 5px 0 7px ; font-size:100% }
a:hover.navi-sub span, a.navi-sub-active span, a:hover.navi-sub-active span { color:#00608a }
a.navi-sub { color:#00608a; background:#fff ; border:1px solid #000 ; }
a.navi-sub, a.navi-sub-active { padding: 2px 0 2px 0; margin-top:2px ; border-bottom: 1px solid #A4A4A4; display:block; height:auto; font-weight:bold; text-decoration:none }
a.navi-sub-active, a:hover.navi-sub-active {color:#00608a; background:#fff; text-decoration:none ; border-bottom:1px solid #00608a ; }
a.navi-sub-active, a.navi-sub-active span { background: #00608a ; color: #fff ; text-decoration:none ; }
a:hover.navi-sub span { color:#fff ; }
a:hover.navi-sub, a:hover.navi-sub { background: #00608a ; color: #fff ; border-bottom:1px solid #00608a ; }
a:hover.navi-sub-active, a:hover.navi-sub-active span { background: #00608a ; color: #fff ; }
*/
/* navi-sub - level 3 */
/*
a.navi-sub-sub span, a.navi-sub-sub-active span{display:block; margin:0; padding:0 5px 0 12px ; font-size:90% ; }
a:hover.navi-sub-sub span, a.navi-sub-sub-active span, a:hover.navi-sub-sub-active span{ color:#F86329 }
a.navi-sub-sub { color:#00608A; border:1px solid #000 ; }
a.navi-sub-sub, a.navi-sub-sub-active {padding: 4px 3px 4px 3px; display:block; height:auto; font-weight:normal; text-decoration:none}
a:hover.navi-sub-sub, a.navi-sub-sub-active, a:hover.navi-sub-subactive {color:#F86329; background:#fff; text-decoration:none} */

#right-column {width: 175px; float: left}

/* page bottom */
#footer a, #footer a:hover {color: #ffffff}

#navigo-cms {width: 750px; height:2em; margin: 5px 0 0 0; text-align: right; margin-left: auto; margin-right: auto; font-size:80% ;}
#navigo-cms a, #navigo-cms a:hover { text-decoration:none ; border:none ; color:#666 ; }

#navigoPos {padding: 0px 0px 3px 640px; float:left; font-size:10px  ; color:#004F9E;}
#navigoPos p img {vertical-align:bottom;}

/* Content elements */

/* rivinvaihdot sisaltoalueella */
#c h2, #c p{padding:0 0 10px 0}
#c h3, #c h4 {padding:5px 0 5px 0}
div.ce-c {padding:0 0 10px 0}
#c table td p {margin: 0 0 -10px 0}
div.highlight{margin:0 0 10px 0}

/* Bug w/ OPERA  */

/* IE5-Mac hack \*/
/*#content ul, #content ol {width:100%; height: auto; margin:0 0 10px 0; padding:0;}
#content li  {margin: 0 0 0 30px;}*/
/* IE5-Mac hack */ 

/* // Bug w/ OPERA  */
 
/* sitemap */

.siteMapFolderLevel0, .siteMapFolderLevel1, .siteMapFolderLevel2, .siteMapFolderLevel3, .siteMapFolderLevel4, .siteMapFolderLevel5 { font-weight: bold }
.siteMapFolderLevel0, .siteMapFolderLevel1, .siteMapFolderLevel2, .siteMapFolderLevel3, .siteMapFolderLevel4, .siteMapFolderLevel5 a { font-weight: bold ; border:none ; text-decoration: none; font-family:Arial,sans-serif; font-size:12px; }

.siteMapDocumentLevel0, .siteMapDocumentLevel1, .siteMapDocumentLevel2, .siteMapDocumentLevel3, .siteMapDocumentLevel4, .siteMapDocumentLevel5 { font-weight: bold }
.siteMapDocumentLevel0, .siteMapDocumentLevel1, .siteMapDocumentLevel2, .siteMapDocumentLevel3, .siteMapDocumentLevel4, .siteMapDocumentLevel5  a { font-weight: bold ; border:none ; text-decoration: none; font-family:Arial,sans-serif; font-size:12px; }

/* forms */

.textInputTd, .selectInputTd { line-height:1.6 ; color:#012533 ; font-size:0.8em; width: 200px ;  }
.textInputField { line-height:1.6 ; color:#012533 ; font-size:0.8em; border:1px solid #666 ; font-family:Arial, sans-serif ; padding:2px ;}
input.emailForm { border:1px solid #016189 ; border-bottom:2px solid #016189 ; color:#fff ; background:#46a9d1 ; /*font-size:0.7em;*/ font-family:Arial, sans-serif ; }
form.emailForm td { line-height:1.6 ; color:#012533 ; font-size:1.1em; width: 200px ;  }
.navigo-news-reg {line-height:1.6 ; color:#012533 ; font-size:1.1em; }
input.navigo-news-reg { line-height:1.6 ; color:#012533 ; font-size:1.1em; border:1px solid #666 ; font-family:Arial, sans-serif ; padding:2px ;}
 
/*attachments*/
div.navigo-attachment {  font-size:0.8em; color:#005073 ;  }
a.navigo-attachment { color:#012533 ; text-decoration:none ; border-bottom: 1px dashed #012533 ; } 
a.navigo-attachment:hover { text-decoration:none ; border-bottom: none ; }

/* 2 and 3 col elements */
div.ce-c {width: 100%; height: auto}
div.ce-l, div.ce-r, div.ce-lt, div.ce-mt, div.ce-rt {float: left; height: auto;}
div.ce-l, div.ce-lt, div.ce-mt {padding-right: 2%;}
div.ce-l, div.ce-r {width: 49%;}
div.ce-lt, div.ce-mt, div.ce-rt {width: 32%;}
div.ce-p, div.ce-pb {width: auto; height: auto; padding-right: 5px;}
div.ce-pb {border-right: 1px solid #cccccc;}

/* highlight */
div.highlight {width:100%; height:auto; background:#E7ECF1; border: 1px solid #2B5671;}
div.highlight h2, div.highlight a{color:#2B5671; font-weight:bold; text-decoration:none;}
div.ce-hh{padding:5px 10px 0 10px}
div.ce-hc{padding:0 10px 5px 10px; margin-top: -5px;}

/* table */
#c table {border-collapse: collapse; }
#c table td {vertical-align: top; padding: 3px; }

table.u4-table-stripe { font-family: Arial, sans-serif; font-size: 1.1em;  }
table.u4-table-default { font-family: Arial, sans-serif; font-size: 1.1em; }
table.u4-table-visible-borders { font-family: Arial, sans-serif; font-size: 1.1em; }
table.u4-table-complete { font-family: Arial, sans-serif; font-size: 1.1em; }

.u4-table-stripe-header, .u4-table-complete-header2 { background:#f3f3f3; font-size:100% ;font-weight:bold ;}
.u4-table-stripe-header2, { background:#ffffff; font-size:100%; }
.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 black; }

.u4-table-stripe-header, .u4-table-complete-header2, { background:#f3f3f3; font-size:100% ; font-weight:bold ;}
.u4-table-stripe-header2, { background:#ffffff; font-size:100%; }

.u4-table-stripe-odd, .u4-table-complete-even {background:#f3f3f3; font-size:100%; }
.u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff; font-size:100%; }

.u4-table-complete-header {background:#000; color: #fff; font-weight: bold;}


/* login */

.navigo-login-input { border:1px solid #666 ; font-family:Tahoma, sans-serif ; font-size:100% ; padding:2px ;}

/* custom stuff tetolk */
div#big_left {width: 567px; height: 210px; float:left; margin: 0 0 0 0; padding: 0 0 0 2px;}
div#big_right {background: #F3FBFE; width: 232px; height: 210px; float:left; padding: 0 ; margin:0 ; text-align: left; border-left: 1px solid #fff; border-right: 1px solid #fff;}

div#big_left_content1 {background: #0280B3; height: 20px; width: 120px; margin: 0; padding: 0;float: left; border-bottom: 1px solid #eee; border-left: 1px solid #fff; border-right: 1px solid white;}
div#big_left_content2 {background: #46A7D2; height: 20px; width: 94px; margin: 0; padding: 0;float: left; border-right: 1px dashed #eee; border-bottom: 1px solid #46A7D2;}
div#big_left_content3 {background: #0280B3; width: 124px; height: 20px; margin: 0; padding: 0;float: left; border-bottom: 1px solid #eee;border-right: 1px dashed #fff;}
div#big_left_content4 {background: #0280B3; width: 225px; height: 20px; margin: 0; padding: 0;float: left; border-bottom: 1px solid #eee;}

div#big_left_loma_content1 {background: #0280B3; width: 120px; height: 20px; margin: 0; padding: 0;float: left; border-bottom: 1px solid #eee; border-left: 1px solid #fff; border-right: 1px solid white;}
div#big_left_loma_content2 {background: #0280B3; width: 94px; height: 20px; margin: 0; padding: 0;float: left; border-right: 1px dashed #eee; border-bottom: 1px solid #eee;}
div#big_left_loma_content3 {background: #46A7D2; width: 124px; height: 20px; margin: 0; padding: 0;float: left; border-bottom: 1px solid #46A7D2;border-right: 1px dashed #fff;}
div#big_left_loma_content4 {background: #0280B3; width: 225px; height: 20px; margin: 0; padding: 0;float: left; border-bottom: 1px solid #eee;}


div.big_right_box {height:auto;}
div.big_right_box img { border:none }
div.big_right_box_heading {margin: 0; padding:0 ; height: 20px; background: #46A8CF;}
div.big_right_box_heading h2 { padding: 2px 0 2px 10px; color: #fff;  font-weight:bold ;}
div.big_right_box_heading p.header { padding: 2px 0 2px 10px; color: #fff;  font-weight:bold ;}
div.big_right_box p	{margin:0; padding: 13px 10px 13px 10px; color: #0C3C53; font-size: 12px;}


div#bottom_container {background: #FFFFFF url(images/bg_bottom_container.gif) 0 0 repeat-y; padding: 0; width: auto; height: auto; float:left; border:1px solid #fff;}
div#bottom_container {margin: 0 0 0 1px; }
div#container > div#bottom_container {margin: 0 0 0 2px; }


div#bot_left_container {width: 232px; padding: 0; margin: 0; float:left;}

div#bot_top 	{background: url(/stc/images/blue_header.gif); background-repeat: repeat-y; width: 231px; float:left; padding: 0; margin: 0;}
div.bot_top_heading {margin: 0; padding:0 ; background: #3D89BA;}
div.bot_top_heading h2 { padding: 3px 0 3px 5px; color: #fff;}
div#bot_top p {padding: 0 0 0 10px;font-size: 12px; font-family: Arial, sans-serif; padding: 2px 0 0 5px;}

div#bot_kuuma{background: url(/stc/images/blue_header_blue.gif) #3D89BA; background-repeat: repeat-y; width: 232px; float:left; padding: 0; margin: 0; clear: both;}
div.bot_kuuma_heading {margin: 0; padding:0 ; background: #3D89BA;}
div.bot_kuuma_heading h2 { padding: 3px 0 3px 5px; color: #fff;}

div.bot_kuuma_addon {background: #3D89BA; width: 231px; padding: 0; margin: 0;}
div.bot_kuuma_addon_heading {margin: 0; padding:0 ; background: #3D89BA;}
div.bot_kuuma_addon_heading h2 p { padding: 1px 0 1px 5px; color: #fff;}

div#bot_content_back {background: #fff url(/stc/images/blue_border_white.gif); background-repeat: repeat-y; width: 232px; float:left; padding: 0; margin: 0;}
div#bot_content_back p {font-size: 12px; font-family: Arial, sans-serif; padding: 6px 3px 6px 5px;}
div#bot_content_back a	{color: #0C3C53; text-decoration:none }
div#bot_content_back a:hover	{color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53; }



div#bot_content 	{background: url(/stc/images/blue_border.gif); background-repeat: repeat-y; width: 232px; float:left; padding: 0; margin: 0;}
div#bot_content p {font-size: 12px; font-family: Arial, sans-serif; padding: 6px 3px 6px 5px;}


div#kuuma_1 {background: url(/stc/images/hotstuff_bg.jpg); background-repeat: repeat-x; width: 231px; float:left; padding: 0; margin: 0;}
div#kuuma_2 {background: url(/stc/images/hotstuff_bg.jpg); background-repeat: repeat-x; width: 231px; float:left; padding: 0; margin: 0; border-top: 1px dashed #006188;}


div#bot_middle_container {width: 335px; overflow: hidden; padding: 0; margin: 0; float:left;}
div#bot_middle 	{background: url(/stc/images/blue_header_long.gif); background-repeat: repeat-y; width: 335px; float:left; padding: 0; margin: 0; text-align: left;}
div#bot_middle p {background: #FFFFFF; color: #093D52; font-size: 11px; font-family: Arial, sans-serif; padding: 2px 0 0 5px; }
div#bot_middle_content 	{background: url(/stc/images/blue_border_long.gif); background-repeat: repeat-y; width: 335px; /*height:100%;*/ float:left; padding: 0; margin: 0;}
div#bot_middle_content p {font-size: 12px; font-family: Arial, sans-serif; padding: 4px 0 4px 5px;}

div#bot_right_container {width: 232px; padding: 0; margin: 0; float:left;}
div#bot_right 	{background: #ffffff; width: 232px; height: auto; float:left; padding: 0; margin: 0; text-align: left;}
div#bot_right p {padding: 0 0 0 10px; font-size: 12px; font-family: Arial, sans-serif;}

div#bot_right ul {list-style-image: url(/stc/images/luelisaa.gif); margin-top: 10px; margin-bottom: 5px; margin-left: 25px; color: #0C3C53; font-size: 12px; padding:0;}
div#bot_right a { color: #0C3C53; text-decoration:none ; }

div#bot_right li a:hover { color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53;  }

div#bot_right input { color: #0C3C53; text-decoration:none ; border-bottom: none;  }


div#bot_right_c {background: #ffffff;}
div#bot_right_c p {background: #F3FBFE; font-size: 11px; font-family: Arial, sans-serif; padding: 2px 5px 0 10px;}
div#bot_right_c table {background: #F3FBFE;}

div.bot_right_box {height:auto;}
div.bot_right_box_heading {margin: 0; padding:0 ; background: #3D89BA;}
div.bot_right_box_heading h2 { padding: 3px 0 3px 10px; color: #fff;  font-weight:bold ;}
div.bot_right_box_heading p.header { padding: 2px 0 2px 10px; color: #fff;  font-weight:bold ;}
div.bot_right_box p	{margin:0; padding: 13px 10px 13px 10px; color: #0C3C53; /*font-size: 0.7em;*/}

div#tapahtumat {float: left; border-bottom: 1px dashed #00608B; padding: 4px 0 0 0;}
div#tapahtumat h2 {/*font-size: 0.7em;*/ color:#073E52; margin:0; padding:0 0 0 3px;}
div#tapahtumat a	{color: #0C3C53; text-decoration:none }
div#tapahtumat a:hover	{color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53; }

div#uutiset {float: left; width: 334px; background:#F3FBFE; padding: 12px 0 0 0;}
div#uutiset img { border:none }


h2.sininen {margin: 0; padding: 1px 0 1px 0; background: #00608A; color: #fff; text-align:center;}
h2.valkoinen {margin: 0; padding: 1px 0 1px 0; color: #fff; text-align:center;}
h2.bot_valkoinen {margin: 0; padding: 3px 0 3px 10px; color: #fff;}
h2.harmaa {margin: 0; padding: 3px 0 3px 10px; background: #B4B4B4; color: #fff}
h2.blue_divider {background: url(/stc/images/blue_border_blue.gif); background-repeat: repeat-y; margin: 0; padding: 1px 0 1px 10px; color: #fff;}
p.valkoinen {margin: 0; padding: 1px 0 1px 0;color: #fff; font-size: 11px; font-family: Arial,sans-serif; text-align:center; }
p.valkoinen a {text-decoration:none; color: #fff;}


/* contentpage */
div#content_img {width: 780px; height: 70px; float:left; text-align: left;}

div#navi_1 {background: #0380B6; width:798px; padding:0; float:left; border-bottom:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #fff;}
div#navi_1 {margin:0; }

div#navi_2 {background: #379AC3; width:798px; padding:0; float:left; border-bottom:1px solid #fff;border-left:1px solid #fff; border-right:1px solid #fff;}
div#navi_2 {margin:0; }

div#content_container {background: #fff; width:798px; margin:0; padding:0 1px; float:left;}

div#content_container_blue {background: url(/stc/images/right_bg_messu.gif); background-repeat: repeat-y; width:100%; margin: 13px 0 0 0; padding: 0;float:left;}
div#content_container_green {background: url(/stc/images/right_bg_asumis.gif); background-repeat: repeat-y; width:100%; margin: 13px 0 0 0; padding: 0;float:left;}
div#content_container_red {background: url(/stc/images/right_bg_lehdisto.gif); background-repeat: repeat-y; width:100%; margin: 13px 0 0 0; padding: 0;float:left;}
div#content_container_yellow {background: url(/stc/images/right_bg_yleis.gif); background-repeat: repeat-y; width:100%; margin: 13px 0 0 0; padding: 0;float:left;}
div#content_container_none {background: #fff;width:799px; margin: 13px 0 0 0; padding: 0;float:left;}

div#content_container_keski {width: 500px; margin-bottom: 5px; padding: 0 10px 0 50px;float:left;}
div#content_container_keski p {font-size: 1.1em; color:#073E52;}
div#content_container_keski h2 {font-size: 1.1em; color:#073E52; margin:0; padding:0;}


div#content_container_keski_lyhyt {width: 346px; margin-bottom: 5px; margin-top: -20px; padding: 0 0 0 40px;float:left;}
div#content_container_keski_lyhyt p {font-size: 1.1em; color:#073E52;}
div#content_container_keski_lyhyt h2 {font-size: 1.1em; color:#073E52; margin:0; padding:0;}

div#content_container_right {width:210px; margin-bottom: 10px; padding: 0;float:left; float:right;}
div#content_container_right_lyhyt {width:210px; margin-bottom: 10px;margin-top: -20px; padding: 0;float:left; float:right;}
/* 4 navigaatio taso */


div#navigation_level_four_heading_yellow {margin: 0; padding:0 0 0 0 ; background: #E4A234; width:154px; float:left;}
div#navigation_level_four_heading_yellow h2 {font-size: 1.1em; color:#fff; padding: 2px 0 2px 10px;}
div#navigation_level_four_yellow {  margin-bottom:20px ;  background: url(/stc/images/taso_4_yellow.gif);background-color:#fff; background-position: bottom right; background-repeat: no-repeat; width:154px; float:left;}

div#navigation_level_four_heading_blue {margin: 0; padding:0 0 0 0 ; background: #379AC3; width:154px; float:left;}
div#navigation_level_four_heading_blue h2 {font-size: 1.1em; color:#fff; padding: 2px 0 2px 10px;}
div#navigation_level_four_blue { margin-bottom:20px ;  background: url(/stc/images/taso_4_blue.gif);background-color:#fff; background-position: bottom right; background-repeat: no-repeat; width:154px; float:left;}

div#navigation_level_four_heading_red {margin: 0; padding:0 0 0 0 ; background: #B94B7C; width:154px; float:left;}
div#navigation_level_four_heading_red h2 {font-size: 1.1em; color:#fff; padding: 2px 0 2px 10px;}
div#navigation_level_four_red { margin-bottom:20px ; background: url(/stc/images/taso_4_red.gif);background-color:#fff; background-position: bottom right; background-repeat: no-repeat; width:154px; float:left;}

div#navigation_level_four_heading_green {margin: 0; padding:0 0 0 0 ; background: #79BA00; width:154px; float:left;}
div#navigation_level_four_heading_green h2 {font-size: 1.1em; color:#fff; padding: 2px 0 2px 10px;}
div#navigation_level_four_green { margin-bottom:20px ; background: url(/stc/images/taso_4_green.gif);background-color:#fff; background-position: bottom right; background-repeat: no-repeat; width:154px; float:left;}

ul.level_four { margin:0 0 0 0 ; padding:0 ; }
ul.level_four li {  margin:0 0 0 0 ; padding:0 0 0 10px ; list-style:none ; }
ul.level_four li a { display:block ; background: url(/stc/images/bullet_none.gif) center left no-repeat ; font-size:11px ; text-decoration:none ; margin:0 ; padding:2px 7px 2px 15px ; color:#0B3D56 ;}
ul.level_four li a.level_four_blue { background: url(/stc/images/bullet_messut.gif) center left no-repeat ; }
ul.level_four li a.level_four_green { background: url(/stc/images/bullet_asumistieto.gif) center left no-repeat ;   }
ul.level_four li a.level_four_red { background: url(/stc/images/bullet_lehdisto.gif) center left no-repeat ; }
ul.level_four li a.level_four_yellow { background: url(/stc/images/bullet_yleis.gif) center left no-repeat ;  }
ul.level_four li a:hover { text-decoration:underline ; }

div.right_box_blue {background: #EBF5D9; width:198px; height:auto; border:1px solid #79BA00;}
div.right_box_blue_heading {margin: 0; padding:0 ; background: #79BA00;}

div.right_box_blue_heading p.header { padding: 2px 0 2px 10px; color: #fff;  font-weight:bold ;}
div.right_box_blue p	{margin:0; padding: 13px 10px 13px 10px; color: #0C3C53; /*font-size: 0.7em;*/}
div.right_box_blue ul {list-style-image: url(/stc/images/bullet_asumistieto.gif); margin-top: 5px; margin-bottom: 5px; margin-left: 25px; color: #0C3C53; /*font-size: 0.7em;*/ padding:0;}
div.right_box_blue a	{color: #0C3C53; text-decoration:none }
div.right_box_blue a:hover	{color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53; }
div.right_box_blue a img	{ border:none }

div.right_box_green {background: #F7EAF1; width:198px; height:auto; border:1px solid #B94B7C;}
div.right_box_green_heading {margin: 0; padding:0 ; background: #B94B7C;}

div.right_box_green_heading p.header { padding: 2px 0 2px 10px; color: #fff;  font-weight:bold ;}
div.right_box_green p	{margin:0; padding: 13px 10px 13px 10px; color: #0C3C53; /*font-size: 0.7em;*/}
div.right_box_green ul {list-style-image: url(/stc/images/bullet_lehdisto.gif); margin-top: 5px; margin-bottom: 5px; margin-left: 25px; color: #0C3C53; /*font-size: 0.7em;*/ padding:0;}
div.right_box_green a	{color: #0C3C53; text-decoration:none }
div.right_box_green a:hover	{color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53; }
div.right_box_green a img	{ border:none }

div.right_box_red {background: #EDF4FA; width:198px; height:auto; border:1px solid #379AC3;}
div.right_box_red_heading {margin: 0; padding:0 ; background: #379AC3;}

div.right_box_red_heading p.header { padding: 2px 0 2px 10px; color: #fff;  font-weight:bold ;}
div.right_box_red p	{margin:0; padding: 13px 10px 13px 10px; color: #0C3C53; /*font-size: 0.7em;*/}
div.right_box_red ul {list-style-image: url(/stc/images/bullet_messut.gif); margin-top: 5px; margin-bottom: 5px; margin-left: 25px; color: #0C3C53; /*font-size: 0.7em;*/ padding:0;}
div.right_box_red a	{color: #0C3C53; text-decoration:none }
div.right_box_red a:hover	{color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53; }
div.right_box_red a img	{ border:none }

div.right_box_yellow {background: #FEF7DB; width:198px; height:auto; border:1px solid #E4A234;}
div.right_box_yellow_heading {margin: 0; padding:0 ; background: #E4A234;}

div.right_box_yellow_heading p.header { padding: 2px 0 2px 10px; color: #fff;  font-weight:bold ;}
div.right_box_yellow p	{margin:0; padding: 13px 10px 13px 10px; color: #0C3C53; /*font-size: 0.7em;*/}
div.right_box_yellow ul {list-style-image: url(/stc/images/bullet_yleis.gif); margin-top: 5px; margin-bottom: 5px; margin-left: 25px; color: #0C3C53; /*font-size: 0.7em;*/ padding:0;}
div.right_box_yellow a	{color: #0C3C53; text-decoration:none }
div.right_box_yellow a:hover	{color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53; }
div.right_box_yellow a img	{ border:none }

/* document navigation */

ul.docnavi { margin:0 ; padding:0 ; }
ul.docnavi li { float:left ; height:20px ; margin:0 ; padding:0 ; list-style:none ; }
ul.docnavi li a {  float:left ; /*font-size:0.7em ;*/ text-decoration:none ; display:block ; height:15px ; padding:3px 7px; /*margin:3px 0 3px 0 ;*/ color:#fff ; background:url(../stc/images/border-dotted-ver.gif) top right repeat-y; }
ul.docnavi li a.docnaviactive { font-weight:bold ; text-decoration:underline ; }
ul.docnavi li a:hover { text-decoration:underline ; }

/* login styles */
.navigo-login-form {margin: 0; padding:0;}
.navigo-login-input {width:141px; height:15px; border:1px solid #006088; font-size:11px; margin: 1px 0 0 0;}
/*.navigo-login-submit { display:block ; width:58px; height:15px; text-indent:100px; color:transparent; border:0; background: url(/stc/images/paasivu_29.gif) top left no-repeat ; margin: 0 ; padding: 0  ;}
a.navigo-login-submit i { display:none ; }*/

/* kuumat vinkit */
div.kuuma_first {background: url(/stc/images/hotstuff_bg.jpg); background-repeat: repeat-x; width: 229px; float:left; padding: 0; margin: 0;border-bottom: 1px dashed #006188;}
div.kuuma_first_image {padding:2px 2px 0 2px; margin:0; width: 50px; float:left;}
div.kuuma_first_text {padding:0; margin:0; width: 165px; float:left;}
div.kuuma_first a	{color: #0C3C53; text-decoration:none }
div.kuuma_first_text a:hover	{color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53; }
div.kuuma_first a img	{ border:none }

div.kuuma_blue {background: url(/stc/images/hotstuff_bg.jpg); background-repeat: repeat-x; width: 229px; float:left; padding: 0; margin: 0; border-bottom: 1px dashed #006188;}
div.kuuma_blue_image {padding:2px; margin:0; width: 50px; float:left;}
div.kuuma_blue_text {padding:0; margin:0; width: 165px; float:left;}
div.kuuma_blue_heading {margin: 0; padding:0 ; background: #379AC3;}
div.kuuma_blue_heading p.header { padding: 2px 0 2px 10px; color: #fff;  font-weight:bold ;}
div.kuuma_blue p	{margin:0; padding: 13px 10px 13px 10px; color: #0C3C53; /*font-size: 0.7em;*/}
div.kuuma_blue ul {list-style-image: url(/stc/images/bullet_messut.gif); margin-top: 5px; margin-bottom: 5px;color: #0C3C53; /*font-size: 0.7em;*/}
div.kuuma_blue a	{color: #0C3C53; text-decoration:none }
div.kuuma_blue_text a:hover	{color: #0C3C53; text-decoration:none ; border-bottom: 1px dashed #0C3C53; }
div.kuuma_blue a img	{ border:none }


/* sitemap */


/* added 6.6.6 - mikivi */
h4.white { color: #fff; }


 /*\*//*/
  .billboard img {float:left;}
/**/


/* Virtual library */
/* Layout stuff */
.clear {clear:both; height:1px; line-height:1px;}
div#content_container_library {width: 680px; margin-bottom: 5px; padding: 0 0 20px 0; float:left;}
div#content_container_library.location { width: 330px; padding: 0 10px 20px 0;}
div#content_container_library p {font-size: 1.1em; color:#073E52;}
div#content_container_library h2 {font-size: 1.1em; color:#073E52; margin:0; padding:0;}

div#navigation_level_four_library {margin: 0; padding:0; width:118px; float:left;}
div#navigation_level_four_library ul.level_four li a{background:none; color:#0480B6; font-weight:bold;}
div#navigation_level_four_library ul.level_four li a{padding:0 0 0 20px;}

div#content_container_right_library { width:280px; margin-bottom: 10px; padding: 0; float:left; padding-right:10px;}
div#content_container_right_library.location { width:210px;}
div#content_container_right_library.spacesList { width:110px; }
* html .spacesList { width:107px !important;}
div#content_container_right_library p {font-size: 1.1em; color:#0480B6; padding:0; margin:0;}
div#content_container_right_library a {font-size: 1.1em; color:#0480B6; text-decoration:none;}
div#content_container_right_library a:hover {text-decoration:underline;}
div#content_container_right_library h2 {font-size: 1.1em; color:#0480B6; padding:0; margin:0;}

table#locations {width:285px; border-collapse:collapse; float:right; }
table#locations td{width:136px; padding:2px 4px 2px 0; margin:0; vertical-align:top;}
table#locations td.odd{width:136px;padding:2px 0 2px 4px;}

p.title {font-weight:bold;}
p.value, div.product, #container #content_container h2.productTitle {padding-bottom:10px;}
a.pdf img {border:0; padding:0 0 0 3px; margin:0; vertical-align:bottom;}
div#content_container_right_library a.locationSelected {text-decoration:underline;}

#productSearch {line-height:12px; font-size: 1.1em; color:#0480B6; font-weight:bold; float:left;  padding: 0 0 10px 118px;}
#productSearch input#productSearchWord {margin-left:5px; height:16px; border:none; background:#0480B6; color:#fff;}
#productSearch input#productSearchSubmit {font-family:Arial; height:17px; border:none; background:#fff; color:#0480B6; font-weight:bold; padding:0; margin:0;}

.resultList { border-width:1px; border-collapse:collapse; width:100%; font-size:1.1em; }
.resultList td.first {width:40%;}
.resultList td.second {width:19%;}
.resultList td.third {width:40%;}
.resultList tr.header td {border:none ; font-weight:bold ; border-top:1px solid #d8d8d8 ; }
.resultList td { border:1px solid #d8d8d8 ; vertical-align:top ; padding:3px ; }
.resultList td span {padding-right:15px;}
.resultList tr.odd td { background:#fcfcfc ; }

.resultList a { color:#0480B6 ; text-decoration:none ;  }
.resultList a:hover { text-decoration:underline;  }

.pagination, table#locations {font-size:0.8em;}
.pagination a, table#locations a { color:#0480B6 ; text-decoration:none ;  }
.pagination a:hover, table#locations a:hover {text-decoration:underline;  }

.resultList .asc  {padding-right:15px; background:url(/stc/images/sortDesc.gif) no-repeat right 3px ; }
.resultList .desc  {padding-right:15px; background:url(/stc/images/sortAsc.gif) no-repeat right 3px ; }
div#content_container_library p.filter {float:left; font-weight:bold; color:#0480B6;}

ul.kohteenTuoteLista {
    list-style-type: none;
    margin: 0 0 12px 0;
    padding: 0;    
}
    ul.kohteenTuoteLista li {
        margin: 0;
        padding: 0;
    }

/* Virtuaalikirjaston tuotelisäyslomake */
form#productform {
    margin-right: 18px;
}
form#productform abbr {
    border-bottom: 1px dashed;
    cursor: help;
}
form#productform label span { 
    display: block;
    font-weight: bold;
    margin-top: 15px;
}
form#productform div.infotext {
    background-color: #eee;
    border: 1px dashed #000;
    clear: both;
    color: black;
    margin: 8px 0 8px 0;
    padding: 5px 5px 3px 5px;
}
form#productform div.infotext p {
    margin-bottom: 5px;
}

form#productform fieldset {
    margin-bottom: 15px;
}

form#productform input, form select {
    width: 99%;
}

form#productform input.btn {
    width: auto;
}
form#productform label {
    display: block;
}
form#productform label.required {
}
form#productform input.highlight {
    border: 3px solid red;
}

form#productform label.optional {
}

form#productform #kohdelista {
    clear: both;
    margin-bottom: 15px;
}

form#productform #kohdelista .kohde {
    border: 1px solid black;
    clear: both;
    float: left;
    margin: 15px 0 0 0;
}

form#productform #kohdelista .kohde .tyokalut {
    background-color: #eee;
    float: right;            
    margin: 0 0 5px;
    padding: 0; 
}

form#productform #kohdelista .kohde .tyokalut a {
    color: black;
    display: block;
    float: left;            
    padding: 5px; 
}

form#productform #kohdelista .kohde .tyokalut a:hover {
    background-color: yellow;
}

form#productform #kohdelista .kohde .teksti {
    float: left;
    padding: 10px;
}

/* Kilpailulomake */

#contestForm {    
} 
    #contestForm h3,
    #contestForm li {
        font-size: 80%;
    }

    #contestForm label {
        clear: both;
        float: left;
        display: block;
        margin-top: 12px;
        margin-right: 12px;
    }

            #contestForm label span {
                display: block;
                float: left;
                font-size: 80%;
            }

    #contestForm input.txt,
    #contestForm select {
        clear: left;
        float: left;
        font-size: 80%;
    }

    #contestForm input.check {
        float: left;        
    }

    #contestForm fieldset {
        clear: left;
        float: left;
        margin-bottom: 30px;
        width: 100%;
    }

            #contestForm fieldset fieldset {
                margin-left: 30px;
                margin-bottom: 10px;
            }
            
body.blancPageBG { 
   /* background: #e9e3d9 url(/stc/images/bg_blancPage.jpg) left top no-repeat; */ 
   background-color: #e9e3d9;
}           

#blancPageContainer {
    display: table; 
    height: 100%; 
    left: 0pt; 
    top: 0pt;
    width: 100%;
}

#blancPageInner {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.addthis_button { clear:both; float:left; padding-bottom:1em; }

/* Bannerelement */
.banner-title h2, .banner-title {float:left; clear:both; font-size:110% !important; color:#222; width:100%; margin:0 0 .5em 0  !important;padding:0 !important;}
.banner-info {float:left;margin-left:10px;}
.banner-item,.banner-past,.banner-future {border:1px solid #bbb; padding:.5em; margin:.5em 0; float:left; width:95%;}
.banner-past { float:left; background: #ffc6c6; border-color: #fe7a7a; }
.banner-future { float:left; background: #dff8d6; border-color: #69bf49; }
.banner-link a { display: block; }
.banner-link .u4-image-caption {display:none;}
.banner-loaded {}
.banner-clicked {}
.banner-clicked_out { background: red; width: 130px; }
.banner-url {}

/* Banner Rotator */
.bannerListWrapper { position:relative; width:140px; height:350px; margin-bottom:1em; }
.bannerListWrapper .show { z-index:10; }

/* Messutarjous */

#messutarjous { background:#e1ebe2; margin:0; padding:0; font-family:Verdana,sans-serif; color:#555; }
#messutarjous #wrapper { width:565px; }
#messutarjous .item-wrapper p { color:#555; line-height:14px; }
.item-wrapper { float:left; display:inline; width:277px; height:230px; margin-bottom:7px; background:url(../stc/images/messutarjous/bg-messutarjous-item.gif) 0 0 no-repeat; font-size:10px; font-family:Verdana,sans-serif; color:#555; }
#messutarjous .odd { margin-right:6px; }
.item-title h3 { width:260px; height:16px; overflow:hidden; margin:7px; color:#00628f; font-size:14px; }
.item-text { margin:5px 7px 0 7px; width:260px; height:46px; overflow:hidden; }
.item-logo { width:260px; height:120px; margin:0 7px; text-align:center; overflow:hidden; }
.item-area { clear:both; float:right; display:inline; width:260px; margin-right:7px; text-align:right; }
.item-area h4 { float:right; margin-left:7px; font-size:18px; font-weight:normal; }
.item-area span { line-height:22px; color:#999; }

/*#messutarjous { background:#e1ebe2; margin:0; padding:0; font-family:Verdana,sans-serif; color:#555; }
#messutarjous #wrapper { width:565px; }
#messutarjous .item-wrapper p { color:#555; line-height:14px; }
.item-wrapper { float:left; display:inline; width:277px; height:230px; margin-bottom:7px; background:url(../stc/images/messutarjous/bg-messutarjous-item.gif) 0 0 no-repeat; font-size:10px; font-family:Verdana,sans-serif; color:#555; }
#messutarjous .odd { margin-right:6px; }
.item-title h3 { margin:7px; color:#00628f; font-size:14px; }
.item-text { float:right; display:inline; width:178px; margin-right:7px; }
.item-logo { float:left; display:inline; width:80px; height:80px; margin:0 0 5px 7px; text-align:center; }
.item-area { clear:left; float:left; display:inline; width:80px; margin-left:7px; text-align:center; }
.item-area h4 { font-size:18px; font-weight:normal; }*/


#previewOffer { width:277px; padding:20px 18px 15px 20px; position:absolute; top:300px; left:50%; margin-left:-151px; background:#e1ebe2; font-family:Verdana,sans-serif;
				border:4px solid #b1cdb4;
				/* Some CSS3 styling */
				border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
				box-shadow:0 0 3em #aaa; -moz-box-shadow:0 0 3em #aaa; -webkit-box-shadow:0 0 3em #bbb; }
#closePreview { position:absolute; top:4px; right:23px; font-size:10px; }
#previewLink { margin-left:10px; padding:0 0 2px 20px; line-height:23px; background:url(../stc/images/messutarjous/preview-icon.gif) 0 0 no-repeat; }

#previewOffer .item-logo { background:url(../stc/images/messutarjous/bg-logo.gif) 0 0 no-repeat; }
	
/* Messutarjous - form */
#commentDisclaimer { margin-bottom:1em; }
#commentForm-name, #commentForm-linkCaption, #commentForm-link { width:212px; }
#articleFormFields .fileField { margin-bottom:1em; }
#articleFormFields #articleForm-text { margin-bottom:1em; overflow:hidden; }