/*Kopisto CSS 11/2012*/
input[type="button"],input[type="submit"]{
background: #db0042; /* Old browsers */
background: -moz-linear-gradient(top, #db0042 0%, #c90030 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db0042), color-stop(100%,#c90030)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #db0042 0%,#c90030 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #db0042 0%,#c90030 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #db0042 0%,#c90030 100%); /* IE10+ */
background: linear-gradient(to bottom, #db0042 0%,#c90030 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0042', endColorstr='#c90030',GradientType=0 ); /* IE6-9 */
padding:5px 10px 5px 10px;
border:none;
color:#fff;
}
input[type="text"], input[type="password"]{
padding:5px 10px 5px 5px;
}

* { margin:0 ; padding:0 ; }
body { background-color:#fff ;background-image:url(/stc/2007/img/bg_strip.gif);background-repeat:repeat-x;padding-top:6px; font-size:14px !important; font-family:"source-sans-pro", "Droid Sans",Arial, Helvetica, sans-serif ; color:#666 ; z-index:0;}
body#infonappi_body {background:white;}

 /* paragraph & cell styles */
.floatLeft { float:left ; }
.floatRight { float:right ; }
.alignLeft { text-align:left ; }
.alignRight { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.h { display:none ; }

/* some common declarations */
.ingress { font-size:1.15em ; }
.u4-image-caption { font-size:0.8em ; color:#666 ;   margin-left:0.5em ; }
.small { font-size:0.9em }
.small a {color:#666 ; text-decoration:none ; }
.block { display:block ; }
.spacer { clear:both ;  }

p { line-height:1.6 ; margin-bottom:0.5em ; }
#middle p {margin-bottom:1.2em ; }
a { text-decoration:none ; color:#cc0033 ; }
a:hover { text-decoration:underline ; }
#kota a { text-decoration:none ; color:#cc0033; }
#kota .columnContent p a { color:black; }

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block;}
 * html .clearfix {height: 1%;}

h1{color:#cc0033 ; margin:1em 0 0.8em 0;font-size:1.8em ; font-family:Georgia, serif ; }
h2,h3,h4,h5 {color:#cc0033 ; margin:1em 0 0.8em 0; }
#kota h2, #kota h3, #kota h4, #kota h5 { color:#7C479A ; margin-bottom:0.5em ; }
h2 { font-size:1.8em ; font-family:Georgia, serif ;} 
h3 { font-size:1.4em ; font-family:"source-sans-pro", "Droid Sans",Arial,Verdana,sans-serif ; text-transform:uppercase;}
.frontPage #middle h1 {color:#666;  font-size:1.8em ; font-family:Georgia, serif ; font-weight:normal ;border-bottom:1px solid #cc0033;padding-bottom:10px;}
.frontPage h2 {color:#666;  font-size:1.8em ; font-family:Georgia, serif ; font-weight:normal ;border-bottom:1px solid #cc0033;padding-bottom:10px;}
.frontPage .columnContent_full h2{
margin-top:70px !important;
}
.frontPage h3 {color:#666 ;font-size:1.4em ; font-family:"source-sans-pro", "Droid Sans",Arial,Verdana,sans-serif ; text-transform:uppercase;font-weight:normal ;border-bottom:1px solid #cc0033;padding-bottom:10px; margin-top:0px;padding-top:15px;}
#right h2, #right h3 {/* font-family:'Trebuchet MS', sans-serif ;*/ }
h4 { font-size:1.3em ; font-weight:normal ; }
h5 { font-size:1.2em ; font-weight:bold;}
		
ul.naviList { list-style:none ; } 
ul.naviList ul { list-style:none ; }
ul.naviList a {  }
li {margin-left: 0; list-style:none; }
#middle ol li {list-style:decimal;}
#middle ul li {list-style:disc;}

/* site regions */
#site { margin: 0 auto; width:1170px ; position:relative ; }
* html #site { overflow:hidden ; }
#top {float:left;clear:both;/*font-family:'Trebuchet MS', sans-serif ;*/margin-top:20px; }
#top a { color:#222 ; }
#top a:hover { text-decoration:none ; }
h1#logo { z-index:1000 ; width:450px ; height:72px ; background:url(/stc/2007/img/kopiosto_logo_box.gif) no-repeat left -35px;margin:0px;margin-top:20px;}
h1#logo.en_GB { background:url(/stc/2007/img/kopiosto_logo_big_en.gif) no-repeat top left ; }
h1#logo.sv_SE { background:url(/stc/2007/img/kopiosto_logo_big_se.gif) no-repeat top left ; }
h1#logo a { width:290px ; height:70px ; display: block;  }
h1#logo span { display:none ; }
#siteBody {min-height: 300px;margin-bottom:40px; }
#kota #siteBody { padding:0 24px 0px 24px ; min-height: 300px; }
* html #siteBody { height: 300px; }
#footer {background-color:#797979;border-top:6px solid #666666;width:100%;min-width:1170px;color:#fff ; font-size:14px; /*'Trebuchet MS', sans-serif ;*/clear:both;float:left; }
#footer a{
color:#fff;
}
#footer a:hover{
color:#ded9c2;
text-decoration:none;
}
#footer p { }
#footer h2, #footer h3{
color:#fff;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.6em;
border:none;
text-transform:none;
}
#footercontent{
padding:20px 0px 20px 0px;
width:1170px;
margin:0px auto;
}
.foot1{
width:360px;
min-height:100px;
float:left;
margin-right:60px;
}
.foot2{
width:220px;
min-height:100px;
float:left;
margin-right:40px;
}
.foot3{
width:220px;
min-height:100px;
float:left;
margin-right:40px;
}
.foot4{
width:220px;
min-height:100px;
float:left;
}
.foot3 p, .foot4 p{
line-height:2.5;
}
#footer hr{
height:0px;
background-color:transparent;
border:none;
border-top:1px solid #707070;
border-bottom:1px solid #7f7f7f;
clear:both;
float:left;
width:99%;
margin:20px 0px 20px 0px;
display:block;
}
.newsTitle{
color:#cc0033;
font-size:1.4em;
font-family:Georgia, "Times New Roman", Times, serif;
}
.newstitle{
margin-left:20px;
margin-right:50px;
margin-top:12px;
color:#cc0033;
font-size:2em;
line-height:1;
float:left;
width:100px;
}
.newstext, .newsform{
width:460px;margin-left:20px;
float:left;
}
.newsform input[type="text"]{
margin-right:10px;
color:#666;
border:1px solid #bababa;
width:345px;
height:21px;
margin-top:24px;
}
.newsform input[type="submit"]{
height:30px;
}
.newsform input[type="text"]:hover,.newsform  input[type="text"]:focus{
border:1px solid #CC0033;
}
/* navigation elements */
#breadcrumb { font-size:1.3em ; color:#cc0033 ; font-family:Georgia,'Trebuchet MS', serif ; padding-bottom: 10px; margin-top:70px;margin-bottom:20px;float:left;clear:both;width:100%;border-bottom:1px solid #cc0033;}
#homepath{float:left;margin-right:10px;margin-top:3px;}
#breadcrumb a { color:#666; }
#breadcrumb a:hover { color:#777 ; text-decoration:none ; }
#breadcrumb a.active { font-weight:bold ; }

#servicesNavi { float:left ; margin-right:-10px ; clear:both ; }
#servicesNavi ul { margin-top:10px ; }
#servicesNavi li { margin-left:1px ; display:inline; }
#servicesNavi li a {font-size:11px ; font-weight:bold ; padding:3px 5px ; }
#servicesNavi li a:hover { color:#666 ; }

.top-login-form {
    background: none repeat scroll 0 0 #f2f0ea;
    display: none;
	padding:20px;
    position: absolute;
    right: -4px;
    top: 40px;
    z-index: 100;
}
.top-login-form p{
display:block;
float:left;
clear:both;
margin:0px;
padding:0px;
}
.top-login-form a{
text-transform:none;
}
#supportNavi .top-login-form a:hover{
color:#CC0033;
}
.top-login-form label{
position:absolute;
left:25px;
margin-top:2px;
text-transform:none;
}
.top-login-form input[type="text"], .top-login-form input[type="password"]{
width:280px;
/*padding:12px;*/
margin-bottom:10px;
}.top-login-form input[type="text"], .top-login-form input[type="password"]{
border:1px solid #bababa;
}
.top-login-form input[type="text"]:hover,.top-login-form input[type="text"]:focus, .top-login-form input[type="password"]:hover, .top-login-form input[type="password"]:focus{
border:1px solid #CC0033;
}
.loginway{
padding:0px 0px 10px 10px;
/*border-right:1px solid #babaac;*/
}
.loginway.open{
padding-top:10px;
padding-bottom:10px;
margin-top:-10px;
background-color:#f2f0ea;
border-right:none;
}
#loginBtn{
margin-right:5px;
background: #db0042; /* Old browsers */
background: -moz-linear-gradient(top, #db0042 0%, #c90030 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#db0042), color-stop(100%,#c90030)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #db0042 0%,#c90030 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #db0042 0%,#c90030 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #db0042 0%,#c90030 100%); /* IE10+ */
background: linear-gradient(to bottom, #db0042 0%,#c90030 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#db0042', endColorstr='#c90030',GradientType=0 ); /* IE6-9 */
padding:8px !important;
text-transform:uppercase;
border:none;
color:#fff;
}
.kontti{
padding-top:4px;
}

#supportNavi { width:1170px ;text-transform:uppercase;  }
#supportNavi .floatRight div{float:right;margin-left:20px;}
#supportNavi ul li{display:inline;}
#supportNavi li:first-child { border-right:1px solid #babaac ; }
/*#supportNavi li a:hover { color:#222 ; }*/
#supportNavi a:hover { color:#c03 ; }
#supportNavi li.last { border-right:none ; }
#supportNavi a { font-size:12px ; color:#666 ; padding:3px 5px ; text-decoration:none ; }
#supportNavi .floatLeft { padding-top:10px;}
#supportNavi .floatRight { margin-right:-5px ; margin-top:10px;}
/*#searchForm { clear:both ; padding:10px 5px 0 0 ;  }
* html #searchForm { padding:5px 5px 0 0 ; }*/
#advancedSearch {clear:both;text-align:right;margin-top:5px;}
#advancedSearch a {float:none;}
#supportNavi input { /*font-family:'Trebuchet MS', Helvetica, sans-serif */; font-size:12px ; padding:5p ; }
#supportNavi input.txt {color:#585858 ; border:none ; background:#fff ; width:170px ;  }
#supportNavi input.txt:focus { color:#333 ; }
#supportNavi input.sbm { font-weight:bold ; padding:1px 3px 1px 3px ; border:none ; width:50px ; background:url(/stc/2007/img/button_search.gif) no-repeat top left ; color:#dcd6b2 ; font-size:11px ; }

/*
.resultTagKopiosto { background:url(/stc/2007/img/searchRes_kopiosto.gif) no-repeat left .3em ; padding-left:10px ; }
.resultTagAvek { background:url(/stc/2007/img/searchRes_avek.gif) no-repeat left .3em ; padding-left:10px ;  }
*/
#searchBox{
float:right;
border-left:1px solid #999;
padding:15px 5px 15px 10px;
vertical-align:middle;
}
#searchBox input[type="text"]{
border:none;
font-size:0.9em;
color:#666;
float:left;
width:100px;
}
#searchBox input[type="text"]:focus{
border:1px solid #CC0033;
width:200px;
margin-right:5px;
}
#searchBox img{
margin-left:10px;
float:right;
}
#topNavi { clear:both ;float:left; border-top:1px solid #999999;border-bottom:1px solid #999;padding:0px;width:1170px;margin-top:20px; }
#topNavi ul{padding:20px 0px 20px 0px;float:left;}
#topNavi ul.naviList li {margin-right:1px ;display:inline; }
#topNavi li a {padding:5px 8px 2px 8px ; font-size:13px ; color:#666666 ; font-weight:normal ;text-transform:uppercase;}
#topNavi li a:hover {color:#CC0033/*text-decoration:underline ;*/}
#topNavi li.act {   }
#topNavi li.act a { color: #c03 ; } 
#topNavi li.act .topPop a { color: #666666 ; } 

#topNavi li.avek, 
#topNavi.avek li {}
#topNavi li.avek a,
#topNavi.avek li a {color:#006699}


#topNavi li.kota{ }

#topNavi li.kota a { }
/*
#topNavi li.kota.act { background:url(/stc/2007/img/bg_topnavi_kota_right.gif) no-repeat top right ;  }
#topNavi li.kota.act a { background:url(/stc/2007/img/bg_topnavi_kota_left.gif) no-repeat top left ; color: white ; } */
#topNavi li.kota a:hover, #topNavi li.kota a:hover, #topNavi li.kota a{ color: white !important ; } 


#docNavi { padding-bottom:20px; padding-top:20px;margin:20px 0px 20px 0px;border-top:1px solid #c03;border-bottom:1px solid #c03;}
#docNavi li {margin:10px 0px 10px 0px;background-image:url(/stc/2007/img/redarrow.gif);background-repeat:no-repeat;background-position:0px 6px;padding-left:15px; }
#docNavi li a {font-size:14px; color:#666 ; }
#docNavi li li a { margin-bottom: 0px; }
#docNavi a.act { color:#c03 ; font-weight:normal ; }
#kota #docNavi a.act {color:black; font-weight:bold ; color:#7c479a; }

#docNavi a:hover { color:#CC0033 ;text-decoration:none ; }
#docNavi a.act:hover { color:#903 ; }

#docNavi li ul { margin-top:3px; padding:1px 0 ; padding-bottom:6px ; }
#kota #docNavi li ul { margin-top:3px ; padding:1px 0 ; padding-bottom:8px ; }

#docNavi li li ul { margin-top:0 ; margin-bottom: 1px; }
#kota #docNavi li li ul { margin-top:0 ; margin-bottom: 1px; }

#docNavi li li a { background:none ; padding:1px 10px 1px 0px ; font-weight:normal ; font-size:14px ; }
#docNavi li li li a {}

#docNavi li a.actc { color: #c03; font-weight: normal; }
#docNavi li a.actc:hover { color: #903; }

#kota #docNavi li a.actc { color: #7c479a; /*font-weight: bold;*/ }
#kota #docNavi li a.actc:hover { color: #7c479a; }

* html #docNavi { position:relative ;  }
* html #docNavi li ul { position:relative ; top:-1px ; }
* #docNavi a { height:1% ; }
* #supportNavi a { height:1% ; }
* #servicesNavi a { height:1% ; }

/* content columns */
.columns {float:left ; }
.one-colum{float:left;width:1170px;}
.highlighted{
background-color:#f2f0ea;
padding:20px 0px 20px 20px;
margin-top:20px;
float:left;width:1150px;
}
#left, #right {margin-top:28px;width:240px; font-size:1em;}
#left{
}
#right{
margin-left:20px;
}
#middle {margin:0px 0px 0px 20px; width: 650px; }
#middle.wide {width: 885px; }
#middle.one-column {width: 1170px; padding-bottom:40px; margin-left:0px;}
#lainakorvaus #middle.widest{width: 860px; margin: 0; padding: 0;}

/* content element styles */

 /* lists */
div.newsList a{
color:#666;
}
div.newsList a:hover{
color:#cc0033;
}
div.newsList p a { display:block ; text-decoration:none ; }
div.newsList ul { list-style:none ; margin:0 !important ; padding:0 !important ;  }
div.newsList ul li { margin-left:0;float:left;clear:both;margin-bottom:20px;width:99%;}
div.newsList ul li a { margin-bottom:0.5em; text-decoration:none;color:#cc0033;font-size:1em;font-weight:bold; }
div.newsList ul li span.date { background:#ded9c2 ; font-size:2em ;line-height:1; display:block; padding:20px 25px ;margin-right:20px;margin-bottom:49px;float:left;color:#fff;font-weight:normal;min-width:32px;}
div.newsList .newsIngress{
font-size:1em;
font-weight:normal;
color:#666;
}
div.newsList ul li span.date .day, div.newsList ul li span.date .month{
text-align:center;
}
div.newsList ul li span.date .month{
font-size:0.5em;
}
div.newsList ul li a:hover { color:#666 ; }

div.faqList dl { }
div.faqList dt { font-weight:bold ; margin-top:0.5em ; }
div.faqList dd { padding-left:3px ; font-style:italic ; }

#middle ul { padding-left:17px ;list-style:circle; }
#middle ul li {margin-left: 0;margin-bottom:10px;list-style:circle;  }
.frontPage #middle ul { padding-left:17px ;list-style:none; }
.frontPage #middle ul li {margin-left: 0;margin-bottom:10px;list-style:none;  }
.frontPage #middle .column2 ul{list-style:circle;}
.frontPage #middle .column2 ul li{list-style:circle;}
#middle ol { padding-left:32px ; }
#middle ol li {margin-left: 0;}

#middle ul.plainList { list-style:none; padding-left:0;display:block;clear:both;}
#middle ul.plainList li { min-height:20px;margin-bottom:0.6em;list-style:none; margin-left:0px; display:block;clear:both;}
#middle ul.plainList li a{ color:#666;}
#middle ul.plainList li a:hover{ color:#cc0033;}

 /* highlight element */
#middle .highlight { padding:5px ; margin-left:20px ; font-size:1.2em ; line-height:1 ;}
.highlight h2,.highlight h3,.highlight h4,.highlight h5 { margin-top:0; padding-top:1em; }
#middle .highlight * { display:inline ; background:#eaff00 ; line-height:1.1 ;  }

#right div.highlight {padding:15px 0 0 0; margin:20px 0px 10px 0px;border-top:1px solid #cc0033;}
#right div.highlight div.content { padding:0 5px 5px 5px ; }

#left div.highlight {margin-bottom: 1px;
			padding:8px 10px 8px 30px ; }
#left div.highlight a { font-weight: bold; }

#right div.highlight p,
#left div.highlight p { margin:0 ; }

#left div.highlight a, 
#right div.highlight a { color:#222 ; }
#right div.highlight strong{
color:#cc0033 ; font-size:1.6em ; font-family:Georgia, serif ;
line-height:1.2;
margin-bottom:10px;
display:block;
}
 /* 2col */
.columnContainer { width:100% ; }
.columnContainer .columns { width:60% ; margin-right:3% ; }
.columnContainer .column2 { width:37%;margin-right:0px; } 
.columnContent { width:auto ; }
.columnContainer .column50 { width:630px; margin-right:25px ; }
.columnContainer .column502 { width:475px;margin-right:0px; } 

 /* Tables */

/* common for all tables */
#siteBody table {border-collapse: collapse;}
#siteBody table td {vertical-align: top; padding: 0.3em;}

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #ddd ; background:#fff url(/stc/2007/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:#c03 ; color: #fff; font-weight: bold;}


/* extraneous stuff */

a#avek_fi_FI,
a#avek_en_GB,
a#avek_sv_SE { position:absolute ; bottom:45px ; left:24px ; width:294px ; height:72px ; }
a#avek_en_GB { background:url(/stc/2007/img/logo_avek_en.gif) no-repeat top left; }
a#avek_sv_SE { background:url(/stc/2007/img/logo_avek_se.gif) no-repeat top left; }
a#avek_fi_FI { background:url(/stc/2007/img/logo_avek.gif) no-repeat top left; }
a#avek_fi_FI span,
a#avek_sv_SE span,
a#avek_en_GB span { display:none ; }

a#kopiosto_fi_FI,
a#kopiosto_en_GB,
a#kopiosto_sv_SE { position:absolute ; bottom:45px ; left:24px ; width:294px ; height:72px ; }
a#kopiosto_en_GB { background:url(/stc/2007/img/logo_kopiosto_en.gif) no-repeat top left; }
a#kopiosto_sv_SE { background:url(/stc/2007/img/logo_kopiosto_se.gif) no-repeat top left; }
a#kopiosto_fi_FI { background:url(/stc/2007/img/bg_logo.gif) no-repeat top left; }
a#kopiosto_fi_FI span,
a#kopiosto_en_GB span,
a#kopiosto_sv_SE span { display:none ; }

/* navigo */
div#navigoCMS { font:10px Verdana, sans-serif ; color:#fff; height:18px ; width:600px ; float:left;margin-bottom:15px;}
div#navigoCMS strong { color:#fff ; }
div#navigoCMS a { color:#fff ; text-decoration:none ; padding-left:22px ; background:url(/stc/2007/img/logo_navigo.gif) no-repeat center left ; }
div#navigoCMS acronym { text-decoration:none ;border:none ; }

span.textHighlight { background: yellow; }
img { border: 0px; }

img.printOnly { display: none; }

#feedBackForm label 	      {	clear:both; float:left; line-height: 1.6;margin-top: 5px; width: 8em; }
#feedBackForm input { margin-bottom: 5px; }
#feedBackForm input.textInputField { width:225px; }
#feedBackForm textarea { width:225px; }
#feedBackForm select { width:229px; margin-bottom: 5px; }

#palautelomake textarea {
				width:422px; padding:2px; border:1px solid #e7e7e7; border-top:1px solid #8f8f8f; border-left:1px solid #a1a1a1;
				border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;
				box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2); -moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2); -webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.2);  

}
#palautelomake .cell-s { width:169px; }
#palautelomake .textfield-s { width:160px; background-position:0 -72px; }

p.indent			{ margin-left: 1em; }
#kota p.indent			{ margin-left: 0em; }

div#topNavi ul.naviList li.act a:hover { color: #c03; }

/* kontti */
#kontti #bookmark {position:absolute;top:50px;height:132px;width:39px; background: url(img/kontti_bookmark.gif) no-repeat;}
#kontti #stamp {position:absolute;left:25px;bottom:50px;height:102px;width:178px;}
#kontti .stamp_open {background: url(img/kontti_stamp.gif) no-repeat;}
#kontti .stamp_closed {background: url(img/kontti_stampClosed.gif) no-repeat;}
#kontti { margin: 0 auto; width:976px ; position:relative; }
#logo_kontti { z-index:1000 ; width:92px ; height:52px ; background:url(/stc/2007/img/kontti_logo.gif) no-repeat top left ; position:absolute ; top:63px  ;}
#logo_kontti a { width:92px ; height:52px ; display: block;  }
div.eventMeetingListUnit { padding-bottom:8px; }
div.eventMeetingListUnit h4,
div.eventMeetingListUnit h5 { color:#222222; margin-bottom:0.1em; }

/* aski */
#aski #bookmark {position:absolute;top:50px;height:132px;width:39px; background: url(img/aski_bookmark.gif) no-repeat;}
#aski #stamp {position:absolute;left:45px;bottom:50px;height:147px;width:119px;}
#aski .stamp_open {background: url(img/aski_stamp.gif) no-repeat;}
#aski .stamp_closed {background: url(img/aski_stampClosed.gif) no-repeat;}
#aski { margin: 0 auto; width:976px ; position:relative; }
#logo_aski { z-index:1000 ; width:53px ; height:66px ; background:url(/stc/2007/img/aski_logo.gif) no-repeat top left ; position:absolute ; top:63px  ;}
#logo_aski a { width:53px ; height:66px ; display: block;  }

/* kota*/
#kota .frontPage #middle .column2 ul li a:hover{text-decoration: none;}
#kota { margin: 0 auto; width:976px ; position:relative; }
#kota #bookmark {position:absolute;top:50px;height:244px;width:39px; background: url(/stc/2007/img/kota-selected.gif) no-repeat;}

#kota #stamp {position:absolute;left:30px;bottom:40px;height:176px;width:145px;}
#kota .stamp_open {background: url(img/kota_stamp.gif) no-repeat;}
#kota .stamp_closed {background: url(img/kota_stampClosed.gif) no-repeat;}

#kota #stamp_front {position:absolute;left:30px;bottom:40px;height:176px;width:145px;}
#kota .stamp_open_front {background: url(img/kota_stamp_front.gif) no-repeat;}
#kota .stamp_closed_front {background: url(img/kota_stampClosed_front.gif) no-repeat;}


/* lainakorvaus */
#lainakorvaus #bookmark {position:absolute;top:50px;height:244px;width:39px; background: url(http://www.kopiosto.fi/stc/2007/img/laina_bookmark.gif) no-repeat;}
#lainakorvaus #stamp {position:absolute;left:25px;bottom:50px;height:207px;width:178px;background: url(http://www.kopiosto.fi/stc/2007/img/kopiosto_stamp.gif) no-repeat;}
#lainakorvaus { margin: 0 auto; width:976px ; position:relative; }
#lainakorvaus #left{padding-bottom: 227px; }

/* koulukirjasto */
#koulukirjasto #bookmark {position:absolute;top:50px;height:244px;width:39px; background: url(img/koulu_bookmark.gif) no-repeat;}
#koulukirjasto #stamp {position:absolute;left:25px;bottom:50px;height:46px;width:178px;background: transparent url(img/koulukirjasto_stamp.gif) no-repeat scroll 0 0}
#koulukirjasto { margin: 0 auto; width:976px ; position:relative; }
#koulukirjasto #left{padding-bottom: 227px; }
#koulukirjasto #middle.widest{width: 860px; margin: 0; padding: 0;}

/* login box */

#kontti .loginBoxMiddle {width:450px; background: url(img/kontti_login_middle.gif) repeat-y; }
#kontti .loginBoxBottom {width:450px; background: url(img/kontti_login_bottom.gif) bottom no-repeat ; }
#kontti .loginBoxTop {width:450px; background: url(img/kontti_login_top.gif) top no-repeat ; }
#aski .loginBoxMiddle {width:450px; background: url(img/aski_login_middle.gif) repeat-y; }
#aski .loginBoxBottom {width:450px; background: url(img/aski_login_bottom.gif) bottom no-repeat ; }
#aski .loginBoxTop {width:450px; background: url(img/aski_login_top.gif) top no-repeat ; }
.loginBoxMiddle table {margin-top:15px; margin-left:20px; margin-bottom:15px;}

/* register */

#extra-register label {width:150px;float:left;margin-bottom:5px; display:block;}
#extra-register input {margin-bottom:10px; }
#extra-register .wide {width:220px;}
#extra-register a {position:relative; left:5px; bottom:10px;}
.extra-error {color:red;}


/* Calendar */
#eventPage dl dt {font-weight:bold;float:left;width:12em;margin-bottom:5px;padding:0;}
#eventPage dl dd {margin-bottom:5px;padding:0;}
#siteBody table td.bgGradient {background:#f5f5ec url(img/eventGradient.gif) repeat-x;padding:10px;}
.u4-calendar {border-collapse: collapse; background:transparent;}
#siteBody table td.u4-calendar-title,
#siteBody table td.u4-calendar-navi {vertical-align:middle; }
.u4-calendar-navi img{margin-top:1px;}
.u4-calendar-header { text-align: center; background: none; color:black; font-weight: bold;  }
.u4-calendar-weeknum {text-align: center; font-weight: bold; color:black;}
#kota .u4-calendar-weeknum a {text-align: center; font-weight: bold; color:black !important;}
.u4-calendar-container {width: 162px; float: right; margin-bottom: 15px;}
.u4-calendar {width:162px;font-size:11px;}
.u4-calendar-title {font-weight: bold;padding-bottom:2px;text-transform: uppercase; font-size:1.1em;}
.u4-calendar-day {text-align: center; background:transparent; border:none; }
.u4-calendar-day-show {background:white; border:1px solid #f5f5ec; }
.u4-calendar-day-events {text-align: center; font-weight: bold; color: red;}
.u4-calendar-day-events a {color: red;}
.u4-calendar-container a {text-decoration: none;}

#calendar {width: 182px; }
#kota .filters input.sbm{float: left;}

#kota a.calBtn{display: block; float: left; margin-left: 8px; background: url(/stc/2007/img/button_cal.gif) top right no-repeat; color: #DCD6B2; padding-right: 7px; margin-top: 5px; }
#kota a.calBtn span{display: block; background: url(/stc/2007/img/button_cal.gif) top left no-repeat; padding: 2px 0 5px 7px; font-weight:bold ;}


a.calBtn{display: block; float: left; margin-left: 8px; background: url(/stc/2007/img/button_cal.gif) top right no-repeat; color: #fff; padding-right: 7px; margin-top: 5px; }
a.calBtn span{display: block; background: url(/stc/2007/img/button_cal.gif) top left no-repeat; padding: 2px 0 5px 7px;}

#kota .u4-calendar a {color:#069 ; }
.u4-calendar-event {width: 162px; float: left; margin-bottom: 5px;}
.sidebar-eventlist { margin:5px;}
.sidebar-eventlist .eventSummary {display:inline-block; margin-bottom:7px;}
.filters { margin:10px 1px 1px 1px; }
.filters input.sbm { margin-top:5px; /*font-family:'Trebuchet MS',Helvetica,sans-serif;*/ font-weight:bold ; padding:1px 3px 1px 3px ; border:none ; width:50px ; background:url(/stc/2007/img/button_search.gif) no-repeat top left ; color:#dcd6b2 ; font-size:11px ; }
.filters input.submitEvent { margin-top:5px; /*font-family:'Trebuchet MS',Helvetica,sans-serif; */font-weight:bold ; padding:1px 3px 1px 3px ; border:none ; width:105px ; background:url(/stc/2007/img/kalenteri_lisaa.gif) no-repeat top left ; color:#dcd6b2 ; font-size:11px ; }
.eventDate {margin-bottom:5px;}
.eventHeader {height:25px; background:#DCDCC9 url(img/eventTitleBG.gif) repeat-x; border:1px solid #dadac0; font-size:12px;}
.eventBody {border:1px solid #e6e6d6;}
.penMark {display:block; background: url(img/eventPenMark.gif) no-repeat 50% 50%; width:162px; height:40px; clear: both; }

/* event types */
.u4-calendar-day-show-turkoosi {background:#55c5c5;border:1px solid #f5f5ec;} /*Muu tapahtuma Turkoosi, kontti*/
.u4-calendar-day-show-turkoosi a {color:white;}
#kota .u4-calendar-day-show-turkoosi a {color:white;}

.u4-calendar-day-show-vihrea {background:#6cb34d;border:1px solid #f5f5ec;} /*J�senj�rjest�n tapahtuma, Kontti*/
.u4-calendar-day-show-vihrea a {color:white;}
#kota .u4-calendar-day-show-vihrea a {color:white;}

.u4-calendar-day-show-sininen {background:#5677e4;border:1px solid #f5f5ec;} /*Seminaari / Messut, tummansininen, kontti*/
.u4-calendar-day-show-sininen a {color:white;}
#kota .u4-calendar-day-show-sininen a {color:white;}

.u4-calendar-day-show-punainen {background:#e73232 /*#ff2626*/;border:1px solid #f5f5ec;} /*Kokous, punanen, kontti*/
.u4-calendar-day-show-punainen a {color:white;}
#kota .u4-calendar-day-show-punainen a {color:white;}

.u4-calendar-day-show-punainen_a {background:#ff2626;border:1px solid #f5f5ec;} /*joku punainen tapahtuma, liittyy kokouksiin...*/
.u4-calendar-day-show-punainen_a a {color:white;}
#kota .u4-calendar-day-show-punainen_a a {color:white;}

.u4-calendar-day-show-heku { background:#ffcb00; /*background:#fee61d;*/ border:2px solid #f5f5ec;} /*HEKU, Keltainen, kota*/
#kota .u4-calendar-day-show-heku a {color:white;}

.u4-calendar-day-show-tyhy { background:#ef8200; /*background:#d2f4ff;*/ border:2px solid #f5f5ec;} /*TYHY, oranssi, kota*/
#kota .u4-calendar-day-show-tyhy a {color:white;}

.u4-calendar-day-show-sisainen {background:#af4db3;border:2px solid #f5f5ec;} /*Sisainen kokous, Lila, kota*/
.u4-calendar-day-show-sisainen a {color:white;}
#kota .u4-calendar-day-show-sisainen a {color:white;}


.u4-calendar-day-show-vihrea_a {background:#6cb34d;border:1px solid #f5f5ec;} /*J�senj�rjest�n tapahtuman joku juttu*/
.u4-calendar-day-show-vihrea_a a {color:white;}

.u4-calendar-day-show-oranssi {background:#ff80ff; border:1px solid #f5f5ec;} /* Kansainv�list� */
.u4-calendar-day-show-oranssi a {color:white;}
#kota .u4-calendar-day-show-oranssi a {color:white;}

.u4-calendar-day-show-oranssi_a {background:#ffa500; border:1px solid #f5f5ec;} /*Aski*/
.u4-calendar-day-show-oranssi_a a {color:white;}

.u4-calendar-day-show-sininen_a {background:#5677e4;border:1px solid #f5f5ec;}
.u4-calendar-day-show-sininen_a a {color:white;}

.u4-calendar-day-show-turkoosi_a {background:#55c5c5;border:1px solid #f5f5ec;}
.u4-calendar-day-show-turkoosi_a a {color:white;}

.u4-calendar-day-today {border: 2px solid black; }

/* Calendar search icons - ticket 9555 */
#calendar .filters label { display:block; }
#calendar .filters span { display:inline-block; height:13px; width:6px; margin-right:4px; background:#ccc; }
#calendar .filters span.heku { background:#ffcb00; }
#calendar .filters span.vihrea { background:#6cb34d; }
#calendar .filters span.oranssi { background:#ff7fff; }
#calendar .filters span.punainen { background:#e73232; }
#calendar .filters span.turkoosi { background:#55c5c5; }
#calendar .filters span.sininen { background:#5677e4; }
#calendar .filters span.sisainen { background:#af4db3; }
#calendar .filters span.tyhy { background:#ef8200; }
#calendar .filters span.oranssi_a { background:#ffa500; }
#calendar .filters span.punainen_a { background:#e73232; }
#calendar .filters span.vihrea_a { background:#6cb34d; }
#calendar .filters span.sininen_a { background:#5677e4; }
#calendar .filters span.turkoosi_a { background:#55c5c5; }


/* Person card */

.personImagePad {float:right;width:auto;}
.personImagePad div div{width:auto!important;width:0;}

.personImage {margin-right:20px;}
.pad strong {margin-top:15px;}

.pad div{width:auto;}
div.left {float:left;width:100px;}
.right {}
.personList p {margin:0;padding:0;margin-bottom:5px;}
.personCard {list-style:none; margin:0;padding:0;}

/* Meeting card */
.meetingListItem {display:block;}
.meetingListItem .date {float:left; width:75px;}


/* Metahakulomake */
form#metasearch { clear: both; float: left;width: 100%;}

form#metasearch fieldset {border: 0; float: left; margin-right: 7px; margin-top: 0;}
form#metasearch fieldset legend {color: #222; float: left; margin-left: 0;padding-left: 0;}
form#metasearch label {clear: left; display: block;  float: left;  margin-right: 7px; margin-top: 8px;  }   
form#metasearch label span { /*float: left;*/ margin-right: 5px;}
form#metasearch label select {float: left; margin-right: 5px; }
form#metasearch select option { padding-left: 3px; padding-right: 3px;}
form#metasearch label input.txt { clear: left;float: left;}
form#metasearch label input.sbm {clear: both;float: left;}

/*Kota News*/
#kota div.newsList {background:white; border:1px solid #eee;}
#kota div.newsList p a { margin:0.5em ; display:block ; text-decoration:none ; color:black ; }
#kota div.newsList ul { list-style:none ; margin:0 !important ; padding:0 !important ;  }
#kota div.newsList ul li { display:inline ;}
#kota div.newsList ul li a { margin:0 0.2em 0.5em 0.3em ; display:block ; text-decoration:none ; color:#333 ; }
#kota div.newsList ul li span.date { background:none; font-size:0.9em ; display:block ; padding:3px 0px ; color:#555 }
#kota div.newsList ul li a:hover { color:#666 ; text-decoration:none; }

/*Kota tables*/
/*Tummanharmaa otsikko ja valkoinen sisalto*/
	.u4-table-kota { margin:10px 5px;  border:1px solid #cecece; background: #e5e5e5;float:left; font-family:arial; font-size:13px; }
	.u4-table-kota-header {background: #555;font-weight:bold; padding:1px; color:white;}
	.u4-table-kota-header2 {background: white; font-weight:normal; padding:1px; color:#555;}
	.u4-table-kota th {border: 1px solid #cecece; font-size:13px; text-align:left;}
	.u4-table-kota th a {display:block; padding:5px 0 5px 20px; font-size:13px; background:#eee url(img/arrow.gif) no-repeat 7px 11px; text-align:left; color:black !important;}
	.u4-table-kota td a {display:block; padding:5px 0 5px 20px; font-size:13px; background: url(img/arrow.gif) no-repeat 7px 11px; text-align:left; color:black !important;}
	.u4-table-kota td {margin:10px 0;border:none; padding:10px; border: 1px solid #cecece; }
	.u4-table-kota tr {}
	.u4-table-kota-odd {background:white;}
	.u4-table-kota-even {background:#eee;}
	

/*Vaaleanharmaa taulukko, joka esim etusivulla*/
	.u4-table-kota2 { margin:0px;  border:none; background: #fff;float:left; font-family:arial; font-size:13px; }
	.u4-table-kota2-header {padding:10px 0 10px 30px; font-size:13px; text-align:left;}

	.u4-table-kota2  p a, 
	.u4-table-kota2  th a {text-decoration:none; padding:5px 0 5px 18px;margin:0; background:#eee url(img/arrow.gif) no-repeat 2px 8px; color:black !important;}
	.u4-table-kota2  td a {text-decoration:none; padding:5px 0 5px 18px;margin:0; background: url(img/arrow.gif) no-repeat 2px 8px; color:black !important;}
	.u4-table-kota2  td {border:none; padding:0.6em; border:1px solid #cecece; background:#e5e5e5; font-size:13px; text-align:left; background:#eee; }
	.u4-table-kota2  tr {}
	.u4-table-kota2-odd {background:white;}
	.u4-table-kota2-even {background:#eee;}
	#kota .u4-table-kota2 p { line-height:1.2em; font-size:0.9em; }
	.u4-table-kota2  h4 {margin: 0px 0px 5px 0px; font-size:1.1em;}
	
#kota #siteBody table.u4-table-kota2 td { padding:0.6em; vertical-align:top; font-size:1em; } 
	
	#kota .u4-table-complete-odd{background: #eee; }
	#kota .u4-table-complete-header td {background: #7c479a; color: white; font-weight: bold;}
	
	/*Kota viikkokalenteri*/
	
	#kota .u4-table-viikkokalenteri{color: #cecece; font-size:1em; margin-bottom:10px; }
	#kota .u4-table-viikkokalenteri,
	#kota .u4-table-viikkokalenteri td{border: 1px solid #cecece; }
	#kota .u4-table-viikkokalenteri td h4 {margin:0px; font-size:1em ; font-weight:bold ; color:#555; }
	#kota .u4-table-viikkokalenteri-header{background: #7c479a; color: white; text-align:center; font-weight: bold; font-size:1em; padding: 7px 0; }
	#kota .u4-table-viikkokalenteri-header2 {color:black;}
	#kota .u4-table-viikkokalenteri-odd {background: #f4f4f4; color:black;}
	#kota .u4-table-viikkokalenteri-even {background: white; color:black;}
	#kota .u4-table-viikkokalenteri td p{color: black; text-align:left; }
	
	/* Lila 7c479a*/

#kota #left div.highlight { 	background:url(/stc/2007/img/kota-highlight.gif) no-repeat bottom left; margin-bottom: 1px;
			padding:8px 10px 8px 30px ; }
#kota #left div.highlight a { font-weight: bold; }

#kota #right div.highlight { background:url(/stc/2007/img/kota_rightcol_highlight_top.gif) no-repeat top left ; padding:5px 0 0 0; margin:0 0 5px 0 ; }
#kota #right div.highlight div.content { background:url(/stc/2007/img/kota_rightcol_highlight_bottom.gif) no-repeat bottom left ; padding:0 5px 5px 5px ; }


#kota h2 {color:#7c479a;}
#kota .columnContent li {list-style:none;}
#kota .columnContent li a {list-style:none; color:black;}
#kota .dateModified{clear: both; color:#888;}
#kota .resptext{color:#888;}
#kota .responsible{color:#888;}
/* iframe */
#tilityspalvelu{width: 100%; margin: 0; padding: 0; height: 600px;}

/* Kota forum */
#kota .navigo-forum h3 { margin-top:0.3em; }
/*#siteBody table.navigo-forum td { vertical-align:middle; }*/

#departmentList{}
	#departmentList h3{/*color: #333;*/ font-family: arial, sans-serif; margin: 20px 0 10px 0; font-size:1.2em ; font-weight:normal ;}
	#departmentList ul{margin: 0 0 20px 0; padding: 0;}
	#departmentList ul li{padding: 0 0 0 20px; list-style:none;}
	#departmentList ul li.first{padding: 0 0 8px 0px; font-weight: bold; }
	#departmentList ul a{color: #333; text-decoration: none;}
	#departmentList ul a:hover{text-decoration: underline;}
	.departmentPerson a{font-weight: bold; color: #333333;}
	
/* Blogs */

.blogLift {width:460px; float:left; position:relative; padding-bottom:15px;}
#middle .blogLift p {margin-bottom:5px !important;}
.blogLift .textContent {width:300px; float:left; }
.blogLift .imageContent {width:130px; float:right; }
.blogLiftBottom {margin:0 15px 10px 15px; height:1px; line-height:1%; background:url(/stc/img/blogBottom.gif) left bottom repeat-x; clear:both;}

.commentList {float:left; border-bottom:1px solid black; clear:both; width:100%;}

.blogContainer{padding: 0 10px 0 10px;}

.blogTitle{font: bold 1.1em Verdana; padding: 9px 0 10px 0; clear:both;}
.author {float:left; width:70%; padding-bottom:22px;}
.toCommentForm {float:right; width:29%; padding-bottom:22px; text-align:right;}

.commentText{clear:both;}
.blogInfo{margin: 5px 0; float:left; width:100%;}
.blogInfo span {float:right;}
.commentLink{font-weight: bold;}
.content-main .commentLink {padding:10px 0; border-bottom:1px solid black;}

#commentList{margin: 10px;}
.blogComment{width:100%; float:left; margin-bottom:10px; padding: 8px 0 20px 0; background:url(/stc/img/blogBottom.gif) left bottom repeat-x;}
	.blogComment .commentAuthor {display:block; float:left; width:35%;}
	.blogComment .commentText {display:block; float:right; width:62%;}
div#commentForm{ background: #F5F5F5; float: left; width: 100%; border: 4px solid #9DBDCA;}
div#commentForm .innerComment{padding: 10px; }

#commentFormHead{ width: 100%; font-weight: bold; padding-bottom:10px;}
#commentFormInstructions{background: none repeat scroll 0 0 #EEEEEE;border: 1px solid black;float: left;font-style: italic;margin-bottom: 10px;margin-left: 0;padding: 5px;width: 410px;}

#commentInstruction{margin-bottom: 10px; margin-left:3px;}
#commentDisclaimer{font: 11px arial; color: #333333; padding-top: 5px;}

#articleFormFields{float:left; padding: 0 10px 0 10px; }
#commentFormFields{padding: 0 10px 0 10px;}
#commentForm-www, #commentForm-email, #commentForm-name, #articleForm-caption{float: right; width: 330px; }
#articleForm-file {float: right; width: 335px; }
#articleForm-position {position:absolute; width: 300px; right:280px;}
#articleForm-caption{margin-top:0;}
#articleForm-text{width: 410px;}
.fileField {margin-top:35px; }


#commentFormFields .textArea_left {float:left; width:60%;}
#commentFormFields .textArea_right {float:right; width:100%; }
#commentForm-text{width: 250px; margin: 0; padding: 0; height: 150px;}
#commentForm-submit{margin-top:20px; float:right; }

.blogHighlightTop {height:7px; width:100%; background:url(/stc/img/blogBorders/blogBorder_top.gif) right bottom no-repeat ; float:left;}
.blogHighlightTop .leftCorner {height:7px; width: 7px; background:url(/stc/img/blogBorders/blogBorder_top_left.gif) left bottom no-repeat ;}

.blogHighlight {background: #e2e3d1 url(/stc/img/blogBorders/blogBorder_left.gif) left top repeat-y ; float: left; width: 100%; float:left; border: solid 1px #000000 }
	.blogHighlight .rightBorder { float:left;background: url(/stc/img/blogBorders/blogBorder_right.gif) right top repeat-y; width: 100%;}
	.blogHighlight .blogHighlightInner {float:left; padding:10px 11px;}
	.blogHighlight .blogHighlightInner h4 {padding-bottom:7px; background: url(/stc/img/blogNaviH4Bottom.gif) left bottom repeat-x;}

.listRow {padding-bottom:10px;}

.blogHighlightBottom {height:7px; width:100%; background:url(/stc/img/blogBorders/blogBorder_bottom.gif) right top no-repeat ; float:left;}
.blogHighlightBottom .leftCorner {height:7px; width: 7px; background:url(/stc/img/blogBorders/blogBorder_bottom_left.gif) 0 0 no-repeat ;}

/* infonappi */
#infonappi_body {width:603px;}
#infonappi {float:left; margin:0; padding:0; text-align: left; width:603px;}
#infonappi #info_menu {height:300px;}
#navlist{position:relative;}
#navlist li{margin:0;padding:0;list-style:none;position:absolute;top:0;}
#navlist li, #navlist a{height:300px;display:block;}

#tulostaminen{left:0px;width:150px;}
#tulostaminen{background:url('/stc/2007/infonappi/infonappi_sprite.png') 0 0;}

#tallentaminen{left:150px;width:150px;}
#tallentaminen{background:url('/stc/2007/infonappi/infonappi_sprite.png') -150px 0;}

#jakaminen{left:300px;width:150px;}
#jakaminen{background:url('/stc/2007/infonappi/infonappi_sprite.png') -300px 0;}

#valittaminen{left:450px;width:150px;}
#valittaminen{background:url('/stc/2007/infonappi/infonappi_sprite.png') -450px 0;}

#blanket { background-color:#111; opacity: 0.65; filter:alpha(opacity=65); position:absolute; z-index: 9001; top:0px; left:0px; width:100%;}
#popUpDiv { position:absolute; background-color:#eeeeee; width:300px; height:300px; z-index: 9002;}

/* etusivun extroja */
.columnContent_full{
clear:both;
}
.faqId{
background-color:#DED9C2;
padding:4px;
font-weight:bold;
text-align:center;
float:left;
margin-right:10px;
width:20px;
margin-top:8px;
}
.faqTitle{
float:left;
max-width:80%;
margin-top:8px;
}
.frontPage .faqTitle{
width:360px;
max-width:360px;
}
.naviList{
position:relative;
height:15px;
z-index:1116;
}
#docNavi .naviList{
height:auto;
}
/*etusivun yl�osan popup */
.topPop{
position:absolute;
top:55px;
width:540px;
background-color:#f2f0ea;
display:none;
z-index:1117;
}
.topPop .poparrow{
position:absolute;
top:-25px;
left:10px;
}
.topPop h2{
margin:0px;
padding:15px;
font-size:1.5em;
font-weight:normal;
border-bottom:1px dotted #666666;
}
.topPop .intro{
padding:15px;
float:left;
width:270px;
}
#top .topPop .infolink{
padding-top:8px;
display:block;
}
#top .topPop .infolink a{
color:#cc0033;
padding-left:20px;
background-image:url(/stc/2007/img/redarrow.gif);
background-repeat:no-repeat;
background-position:left 9px;
text-decoration:none;
}
.topPop .l2_links{
padding:15px;
float:right;
}
#topNavi .topPop .l2_links ul{
margin:0px;
width:210px;
padding-top:0px;
}
#topNavi ul.naviList .topPop li {
padding:5px 0px 5px 20px;
}
#topNavi .topPop li a{
padding-left:0px;
}
#topNavi ul.naviList .topPop li{
display:list-item;
}

.topPop .l2_links ul li{
margin:0px;
padding:5px 0px 5px 20px;
border-bottom:1px dotted #666666;
background-image:url(/stc/2007/img/redarrow.gif);
background-repeat:no-repeat;
background-position:left 11px;
}

/*etusivun yl�osan korostukset */
.nostoImgBox{
width:218px;
height:218px;
margin:0px 20px 20px 0px;
float:left;
background-image:url(/stc/2007/img/corner_plus_red.gif);
background-repeat:no-repeat;
background-position:right bottom;
}

/*etusivun alaosan korostukset */
.kump{
padding:15px 15px 15px 0px;
margin-right:15px;
width:195px;
float:left;
}
.kumpHeader{
font-weight:bold;
padding-bottom:5px;
font-size:1.2em;
}
.kump.tarkea{
background-color:#f2f0ea;
background-image:url(/stc/2007/img/corner_red.gif);
background-repeat:no-repeat;
background-position:right top;
padding:15px;
width:180px;
}
.kump a{
color:#666;
}
.kump a:hover{
color:#cc0033;
}
.controls{
position:absolute;
right:0px;
width:40px;
margin-top:-40px;
}
.scroll_left{
width:17px;
height:16px;
float:left;
background:url(/stc/2007/img/arrows_corners_sprite.gif) -17px -38px no-repeat;
cursor:pointer;
}
.scroll_left:hover{
background:url(/stc/2007/img/arrows_corners_sprite.gif) 0px -38px no-repeat;
}
.scroll_left.disabled{
background:url(/stc/2007/img/arrows_corners_sprite.gif) -144px -38px no-repeat;
}
.scroll_right{
width:17px;
height:16px;
float:left;
margin-left:5px;
background:url(/stc/2007/img/arrows_corners_sprite.gif) -53px -38px no-repeat;
cursor:pointer;
}
.scroll_right:hover{
background:url(/stc/2007/img/arrows_corners_sprite.gif) -36px -38px no-repeat;
}
.scroll_right.disabled{
background:url(/stc/2007/img/arrows_corners_sprite.gif) -161px -38px no-repeat;
}

/*etusivun isot nostokuvat */
#squarePictures{
float:left;
width:1200px;
}
.square{
position:relative;
float:left;
margin-right:20px;
margin-bottom:20px;
width:218px;
height:218px;
}
.square .frontPicture{
width:218px;
height:218px;
}
.square .backPicture{
display:none;
position:absolute;
top:0px;
left:0px;
width:218px;
height:218px;
}
.square .pictureText{
width:215px;
height:60px;
position:absolute;
top:150px;
left:0px;
text-align:center;
font-size:1.4em;
color:#fff;
display:none;
line-height:1.1;
}
.square .pictureText p{
line-height:1.1;
}
.square .corner{
position:absolute;
z-index:999;
right:0px;
bottom:0px;
width:37px;
height:37px;
background:url(/stc/2007/img/arrows_corners_sprite.gif) -38px 0px no-repeat;
}

#dropdownmenu{
position:absolute;
float:right;
right:0px;
margin-top:-50px;
}
#kumppanit a{
color:#666;
}
#kumppanit a:hover{
color:#CC0033;
}
#kumppanit .kump{
height:155px;
}
#osiokuvat{
float:left;
width:1195px;
}
#osiokuvat img{
margin-right:7px;
}
.frontPage .columnContent .navigo-link {
background-image:url(/stc/2007/img/redarrow.gif);
background-position:0px 5px;
background-repeat:no-repeat;
padding-left:15px;
}
.redA{
color:#CC0033 !important;
}
.takaisinYlos{
float:right;
margin-right:115px;
width:115px;
}
.takaisinYlos img{
margin-left:10px;
}
a.navigo-attachment{
color:#666;
}
a.navigo-attachment:hover{
color:#CC0033;
}
.frontPage .thumbs-container{
width:1200px;
}

#right div.navigo-attachment{
float:left;
clear:both;
margin-bottom:4px;
}
#right div.navigo-attachment img{
padding:2px 6px 3px 2px;
}
#right div.navigo-attachment a.navigo-attachment{
float:left;
max-width:200px;
padding-right: 3px;
}
div.success, div.failed{
margin-top:10px;
}
.scroll_left.grey{
background:url(/stc/2007/img/arrows_corners_sprite.gif) -144px -38px no-repeat;
cursor:default;
}
.scroll_right.grey{
background:url(/stc/2007/img/arrows_corners_sprite.gif) -162px -38px no-repeat;
cursor:default;
}
.newsformButton{
padding-top:0px;
padding-bottom:0px;
height:30px;
}
.addthis_toolbox{
float: right;
margin-right: 10px;
margin-top: 25px;
}

/* CKEditor is always on top of page elements */
#ckeditor_wrapper {
  z-index: 9999;
}
.koko {padding-left: 25px;}