* { margin:0 ; padding:0 ; }

html, body { height:100% ; }
body { background:#6d6e71; color:#464646; font-family:Verdana;}
img{border:none;}
 /* paragraph & cell styles */
.leftAlign { text-align:left ; }
.rightAlign { text-align:right ; }
.center { text-align:center ; }
.justified { text-align:justify ; }
.h { display:none ; }
.spacer { clear:both ; height:1px ; overflow:hidden ; margin-bottom:-1px ;}
p { line-height:1.4em; /*margin-bottom: 0.2em; margin-top: 0.2em;*/ }
.ingress { font-size:1.2em; font-style:italic; /*font-family:Georgia,sans-serif;*/ }
/*strong { color:#111 ; }*/
.u4-image-caption { font-size:11px; color:#fff ; line-height: 1.3em ; margin-left:0 ; margin-top:15px;background-color:orange;font-weight:bold; min-height:20px;width:100%;padding:3px 0 3px 3px;  }
#accesskeys { position:absolute; left:-9999px; }

 /* applies to paragraphs, lists, you name it */
#siteBody li p { line-height:1em; }
 /* link styles apply unless something else is specified in css (eg. for navigation elements) */
a { color:#0047B6 ; text-decoration:none; } 
a:visited { color:#56595C ; text-decoration:none; } 
a:hover { color:#56595C ; text-decoration:underline ; }
#middle a { color:#56595C ; text-decoration:none; }
#middle a:hover { color: #fff;text-decoration: none; background-color: #FAA732;width: 100%; }
.content a { color:#fff; text-decoration:underline; }
.content a:hover { color:#fff; text-decoration:none; }

/*a.external:hover { color:#56595C !important;}
a.external:visited { color:#56595C !important;}
a.external { color:#0047B6; background:url(/stc/img/icon_extLink.gif) no-repeat center right ; padding-right:5px ; }*/

h1,h2 { color:#464646;}
h3 {color:#464646 ;}
h4,h5 { color:#464646 ; }
h1 { font-size:2.6em ; font-family:Verdana ; font-weight:normal ; margin-bottom:0.8em ; margin-top:0.8em; line-height:1.2em; }
h2 { font-size:1.6em ; font-family:Verdana ; font-weight:normal ; margin-bottom:1em ; margin-top:1em; line-height:1.2em; }
h3 { font-size:1.4em ; font-family:Verdana ; font-weight:bold ; margin-bottom:0.5em ;  margin-top:0.5em;}
h4 { /*font-size:1.2em ;*/ font-weight:bold ; margin-bottom:0.5em ; margin-top:0.5em;}
h5 { font-size:1.1em ; font-weight:bold ; margin-bottom:0.5em ; margin-top:0.5em;}

ol, ul { padding-left:2em; }
li { line-height:1.3em; }
li p { margin:0; }

/*.content-container { font-family:Georgia, Arial, sans-serif; }*/
.content-image { margin:0 -20px; border-top:2px solid #e2e2e3; }

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

 /* layout + columns */
 /*******************************
  #site: site container
  #siteBody: content container (under #top), .wide for 2 column layout, .widest for 1col
  #left, #middle, #right: layout columns, .column to reduce redundancy
   \     `-navigo:content
    `#docNavi
  #top: logo, top image (if applicable), #supportNavigation, #topNavi
  #footer: navigo-cms, footer slot
 *******************************/	


#site { width:980px; margin:0 auto; padding:11px 10px 10px 10px; position:relative; background:#e2e2e3; line-height:1.4em; }

#siteBody { clear:both ; text-align:left ;  }
.columns { position:relative ; float:left ; }
#left { float:left; width:230px; min-height:10px; /*margin-bottom:10px;*/ }
* html #left { height:10px; }
#middle { float:left; width:403px; margin:0 0 10px 20px; padding:0 20px 20px 20px; overflow:hidden; background:#f6f6f7; }
#middle.wide { width:690px; margin-right:0; }
#middle.widest { width:940px; margin:0; }
/* Added ie hack to because ie cannot understand declaration above this comment*/
* html .widest { width:940px !important; }
#right { float:right; width:269px;  }

#footer a { color:#fff; }
#footer { /*margin-top:10px;*/ padding:6px; background:#aeaeb2; text-align:center; color:#fff; font-size:0.9em; }
/*.footer_slots{ float:left; width:980px;}
.footer_slot1{ float:left; width:450px;}
.footer_slot2{ float:left; width:250px;}
.footer_slot3{ float:left; width:200px;}
.footer_last{ float:left; width:60px; text-align:right;}*/
#footer ul li { display:inline ;}
#link1{ float:left; margin-left:5px; color:#111 ;}
#link2{float:left; margin-left:50px; color:#111 ;}
#link3{float:left; color:#111 ;}
#last{float:left; margin-left:40px;}

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

#top { position:relative; width:980px; height:146px; margin-bottom:20px; padding:0; }
#top #logo { position:absolute; top:-11px; left:-10px; width:165px; height:166px; margin:0; background:url(/stc/img/logo_laakariasema_orton.gif) no-repeat top left; }
	.sairaala #top #logo { background:url(/stc/img/logo_sairaala_orton.gif) no-repeat top left; }
#top #logo a { display:block ; width:165px; height:166px; }
#top #logo a span { display:none ; }

/* IE 6 and 7 needs widths for floating elements */
#supportNavi { width:1000px; height:31px; line-height:31px; margin:33px auto 4px auto; padding:0; text-align:right; font-size:0.9em; }
#supportNavi .inner { position:relative; z-index:10; float:right; width:525px; padding:0 10px 0 20px; background:url(/stc/img/bg_supportnavi.png) no-repeat 0 0; }
	.ru #supportNavi .inner { width:545px; }
#supportNavi ul { float:right; display:inline; width:285px; margin:0; padding:0; }
	.ru #supportNavi ul { width:315px; }
#supportNavi li { float:left; display:inline; margin-left:9px; height:31px; line-height:31px; }
#supportNavi li span { /* display:block ; */ padding:0; }
#supportNavi li a { margin:0; /*display:block ;*/ padding:0 0 0 0; color:#464646; }
#supportNavi li img { margin-bottom:-2px;} 
#supportNavi li.textSize a { padding:2px 0 2px 2px ; }
#supportNavi li.flag a { display:block; width:18px; height:12px; margin-top:10px; background:url(/stc/img/flags.gif) no-repeat 0 0; }
#supportNavi li.sv a { background-position:0 -12px; }
#supportNavi li.en a { background-position:0 -24px; }
#supportNavi li.ru a { background-position:0 -36px; }
#supportNavi li.flag span { display:none; }

#searchForm { position:relative; float:right; display:inline; height:20px; margin:7px 0 0 15px; width:210px; }
#searchForm input { line-height:1em; }
#searchForm .sbm { position:absolute; top:0; right:0; width:46px; height:19px; line-height:13px; padding:0 0 2px 0;; background-color:#48b8a8; border:0; color:#fff; }
#searchForm .txt { position:absolute; top:0; right:46px; line-height:13px; width:160px; padding:3px 0 3px 2px; border:0; }

#back-to-main-site { float:right; position:relative; right:-20px; padding:0 40px 0 30px; background:url(/stc/img/bg_supportnavi_left.gif) no-repeat 0 0; color:#fff; }

/* Sections */
#sections { height:146px; margin-left:158px; background:#a3c9db; }
.sairaala #sections { background:#faa732; }
.section { position:relative; float:left; width:137px; height:93px; line-height:1.3em; text-align:center; }
.section a { position:absolute; top:0; left:0; height:25px; width:100%; padding-top:63px; border-bottom:5px solid #a3c9db; background:url(/stc/img/bg_section.png) no-repeat 0 53px; color:#fff; }
	.multirow a { height:32px; padding-top:56px; }
.section-1 { background:url(/stc/img/section-laakariasema.jpg) no-repeat 0 -105px; }
.section-2 { background:url(/stc/img/section-sairaala.jpg) no-repeat 0 -105px; }
.section-3 { background:url(/stc/img/section-kuntoutus.jpg) no-repeat 0 -105px; }
.section-4 { background:url(/stc/img/section-tutkimus.jpg) no-repeat 0 -105px; }
.section-5 { background:url(/stc/img/section-respecta.jpg) no-repeat 0 -105px; }
.section-6 { background:url(/stc/img/section-keskuspuisto.jpg) no-repeat 0 -105px; }

.section-2 a { border-color:#faa732; }
.section-3 a { border-color:#d9e6ad; }
.section-4 a { border-color:#c4a1ca; }
.section-5 a { border-color:#9ccc94; }
.section-6 a { border-color:#4bb8a9; }
.active { background-position:0 0; border-color:#a3c9db; }
.section:hover, .section-hover { background-position:0 0; }
.active a, .section a:hover { text-decoration:none; background:url(/stc/img/bg_section_active.gif) no-repeat 0 53px;/* border-color:#a3c9db;*/ color:#464646; }
.section-2.active a, .section-2 a:hover { background-position:-300px 53px; }
.section-3.active a, .section-3 a:hover { background-position:-600px 53px; }
.section-4.active a, .section-4 a:hover { background-position:-1200px 53px; }
.section-5.active a, .section-5 a:hover { background-position:-900px 53px; }
.section-6.active a, .section-6 a:hover { background-position:-1500px 53px; }

/* Ah, IE6 */
* html #top .active-section-1 a { background-position:0 53px; }
* html #top .active-section-2 a { background-position:-300px 53px; }
* html #top .active-section-3 a { background-position:-600px 53px; }
* html #top .active-section-4 a { background-position:-1200px 53px; }
* html #top .active-section-5 a { background-position:-900px 53px; }
* html #top .active-section-6 a { background-position:-1500px 53px; }

/* Top Navigation */
#topNavi { clear:both; padding:13px 0 0 5px; }
#topNavi li { display:inline; padding-left:2px; background:url(/stc/img/bg_topnavi_sep.gif) left center no-repeat; }
#topNavi li a { padding:3px 3px; color:#464646; border-left:3px solid #a3c9db; line-height: 20px;}
.sairaala #topNavi li a { border-left:3px solid #faa732; line-height: 20px;}
#topNavi li.first { padding:0; background:none; }
#topNavi li.first a { border:0; }
#topNavi li.selected a, #topNavi li a:hover { background:#cde2ec; text-decoration:none; }
.sairaala #topNavi li.selected a, .sairaala #topNavi li a:hover { background:#fce4c4; text-decoration:none; }

/* Left Navigation */
#docNavi { margin:2px 0 10px 0; font-size:1.1em; line-height:1.2em; }
#docNavi ul { padding:0 ; margin:0 ; }
#docNavi li { margin-bottom:2px; background:#aeaeb2; }
#docNavi li a { display:block ; padding:6px 6px 6px 12px ; background:#aeaeb2; color:#fff; }
#docNavi li a.selected, #docNavi li a:hover { color:#464646; background:#f6f6f7; text-decoration:none; }

#docNavi li ul { padding:0 0 6px 24px; }
#docNavi li li a { height:100%; padding:2px 5px 2px 0; font-size:0.9em; background:none;  }
#docNavi li li  a.selected, #docNavi li li a:hover { background:none; text-decoration:underline; color:#fff; }
#docNavi li li li a { padding:2px 5px 2px 0; } /* add more as needed... */
* html ul#docNavi a { height:1% ; }


/* Breadcrumb */
#breadcrumb { margin:0 -20px; padding:6px 5px 6px 12px; background:#a3c9db; font-size:0.9em; }
.sairaala #breadcrumb { background:#faa732; }
#breadcrumb a { color:#464646 ; text-decoration:none; }
#breadcrumb a:hover { color:#464646; text-decoration:underline; }

 /* content elements */
 /* news list */
.news-item a { display:block; margin-top:2px; padding:10px 19px 10px 12px; background:#f6f6f7 url(/stc/img/bg_newsitem_1.gif) right center no-repeat; }
* html .news-item a { zoom:1; }
.news-sairaala a { background:#f6f6f7 url(/stc/img/bg_newsitem_2.gif) right center no-repeat; }
.news-kuntoutus a { background:#f6f6f7 url(/stc/img/bg_newsitem_3.gif) right center no-repeat; }
.news-item a:hover { text-decoration:none; background-color:#ebebed; }
.news-info { font-size:0.9em; color:#464646; }
.news-title { color: #464646;}
.news-ingress { display:block; color:#464646; }

#middle .news-item a { background:none; text-decoration:none;}
#middle .news-item a:hover .news-ingress { text-decoration:underline;}
/* This is for news lists in subpages, but does not harm if used also in highlights in middle column as they should not be there */
#middle .highLightTitle { display:none; }

 /* news document */
.newsSummary { font-style:italic ; }

 /* highlight element */
.highLight { margin-bottom:9px; /*color:#111;*/  border:none ; /*padding:0 0 5px 0; */ }
.highLight2 {margin-bottom:9px;  border:none ; /*padding:0 0 5px 0; */ }
.highLight3 { margin-bottom:9px; /*padding:0 0 5px 0; */}

/*.highLight  a{ color:#0047B6;}
.highLight  a:visited{color: #56595C !important;}
.highLight2 a{ color:#fff !important; font-weight:bold;}
.highLight2 a:hover{ color:#fff !important; font-weight:bold; text-decoration:underline;}
.highLight3 a{ color:#0047B6;}*/

/*.highLightTitle {  padding:10px 0 0 10px;  color:#fff; font-size:14px; font-weight:bold;  background:#9EAA00 ; }*/
.highLightTitle { padding:6px 5px 6px 12px; background:#a3c9db; font-size:1.1em; }
* html .highLightTitle { display:inline-block; }
.highLightTitle a { padding-right:21px; background:url(/stc/img/bg_title_link.gif) right center no-repeat; color:#464646; }
.highLightAjanvaraus { padding:10px 0 0 11px; background-color:transparent; font-size:1.1em; margin-bottom: -10px;}
.highLightAjanvaraus a { padding-right:21px; background:url(/stc/img/bg_title_link.gif) right center no-repeat; color:#464646; text-decoration:underline;}
.highLightAjanvaraus a:hover { color:#fff ;} 
.ajanvaraus{ margin: 0 0 -20px !important;}


.sairaala .highLightTitle { background:#faa732; }
.highLight .content { padding:10px 10px 10px 12px; background:#aeaeb2; color:#fff; }
/*#right .highLight .content { background:#c4c4c7; }*/

.highLight2 .content { padding: 10px 10px 10px 12px; background:#aeaeb2; color:#fff; }
.highLight3 .content { padding: 10px 10px 10px 12px; background:#aeaeb2; color:#fff; } 
/*#right .highLight2 .content, #right .highLight3 .content { background:#c4c4c7; }*/

.content p { margin-bottom:0; }

.highLight h1, .highLight h2, .highLight h3 {color:#fff;}
.highLight2 h1, .highLight2 h2, .highLight2 h3 {color:#fff;}
.highLight3 h1, .highLight3 h2, .highLight3 h3 {color:#fff;}

#site .highLight ul { padding-left:15px; }
.highLight li { margin:0; }


/*.highLight h3 { color:#fff;  margin:0 !important; background:#9EAA00 ;  padding:0; } */

 /* 2col */
.columnContainer { width:100% ; }
.columnContainer .columns { width:47% ; margin-right:2% ; } 
.columnContent { width:auto ; }
 /* tables */

/* common for all tables */
#siteBody table {border-collapse: collapse; margin:30px 0;}
#siteBody table td {vertical-align: top; padding: 0.3em;}
#middle ul, #middle ol, #middle dl { padding-left:30px ; }
#right ul, #right ol, #right dl { padding-left:0 ; }

/*
.u4-table-default, .u4-table-visible-borders, .u4-table-stripe {margin:0 0 10px 0}
.u4-table-visible-borders td, .u4-table-complete td {border-top:1px solid #ddd ; background:#fff url(/stc/img/bg_table_borders_td.gif) repeat-x top left ; }
.u4-table-stripe-header, .u4-table-stripe-odd, .u4-table-complete-header2, .u4-table-complete-even {background:#f3f3f3}
.u4-table-stripe-header2, .u4-table-stripe-even, .u4-table-complete-odd {background:#ffffff}
.u4-table-complete-header td {background:#ccc; color: #fff; font-weight: bold;}
*/

.u4-table-default, .u4-table-visible-borders, .u4-table-stripe , .u4-table-complete{font-size:11px; margin:0 0 10px 0;}

table.u4-table-default{border: 0;}

table.u4-table-visible-borders{border: 1px solid #9EAA00;}
table.u4-table-visible-borders td{border: 1px solid #9EAA00;}

table.u4-table-stripe{ }
tr.u4-table-stripe-header{background: #ECEC8A; }
tr.u4-table-stripe-odd{background-color: #ECEC8A;}

table.u4-table-complete{border: 1px solid #9EAA00; border-style: none solid solid solid;}
tr.u4-table-complete-header{ background-color: #9EAA00; border: 1px solid #9EAA00; border-style: solid none solid none;}
tr.u4-table-complete-odd{background-color: #ECEC8A;}

select { font-size:11px; }
input { font-size:11px; }
/*#search { font-size:11px; color:#565967;}*/


 /* sitemap */

.siteMap { width:300px ; padding-bottom:2em ; }
.siteMap a { text-decoration:none ; display:block ; color:#333 ; }
.siteMap a:hover { color:#c00 ; }
.siteMap ul li { list-style:disc ; }

.siteMapDocumentLevel0 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; font-size:0.9em ; }


.depth0 { padding-left:25px ; background-position:5px center ; width:275px ; }
.depth1 { padding-left:40px ; background-position:20px center ; width:260px ; }
.depth2 { padding-left:55px ; background-position:35px center ; width:245px ; }
.depth3 { padding-left:70px ; background-position:50px center ; width:230px ; }
.depth4 { padding-left:85px ; background-position:65px center ; width:215px ; }
.depth5 { padding-left:100px ; background-position:80px center ; width:200px ; }
	
.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; padding-left:20px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 20px center no-repeat ; padding-left:40px ; }
.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 35px center no-repeat ; padding-left:55px ; }
.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 50px center no-repeat ; padding-left:70px ; }
.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 65px center no-repeat ; padding-left:85px ; }

.stripe { background-color:#f9f9f9 ; }

/* following styles apply to navigo top tools */


table.u4-em-ie { border-collapse:collapse ; }
table.u4-em-ie td { font-size:11px ; padding:2px ; border:none ; }
table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; cursor:pointer ; }

/* e-mail form */
.emailForm {}
.emailForm p.formRow {}
.emailForm label br { display: none; }
.emailForm label span { display: block; }
.emailForm label span input {}
.emailForm label span textarea {}
.emailForm label .btnSubmit {} /* Inside label only for consistency */
.emailForm label .btnReset {} /* Inside label only for consistency */
 
.print_logo{display:none;}

/* Middle Column Image carousel */
#image-carousel { position:relative; width:443px; height:280px; overflow:hidden; }
#image-carousel img { position:absolute; top:0; left:0; }
#image-carousel img.show { z-index:10;}


/*
Stylish Select 0.4.1 - $ plugin to replace a select drop down box with a stylable unordered list
http://scottdarby.com/

Copyright (c) 2009 Scott Darby

Requires: jQuery 1.3 or newer

Dual licensed under the MIT and GPL licenses.

*/


/*==================================
Hide lists on page load
====================================*/

.stylish-select ul.newList {left:-9999px;}

/*==================================
red curvy example
====================================*/
ul.newList * {margin:0; padding:0; }
ul.newList a {color:#56595c; text-decoration:none; display:block;}
ul.newList {margin:0; padding:0; list-style:none; color:#56595c; width:100%; background:#fff; position:absolute;  border:1px solid #AEAEB2; top:22px; left:0; overflow:auto; overflow-x:hidden; z-index:9999;}
.newListSelected { color:#56595c; height:21px; margin-top:10px; padding:0 0 0 6px; background:#fff; }
.newListSelected span {width:100%; display:block;}
ul.newList li a {padding:1px 8px; display: block; outline:none;}
.selectedTxt { overflow:hidden; height:21px; line-height:21px; padding:0 23px 0 0; background:url(/stc/img/bg_select_laakariasema.gif) right center no-repeat; }
.sairaala .selectedTxt { background:url(/stc/img/bg_select_sairaala.gif) right center no-repeat; }
/*.hiLite {background:#48b8a8!important; color:#fff!important;}
.hiLite a {background:#48b8a8!important; color:#fff!important;}*/
.newListHover {background:#ccc!important; color:#000!important; cursor:default;}
.newListSelHover, .newListSelFocus {background-position:0 -22px; cursor:default;}
.newListOptionTitle {font-weight:bold;}
.newListOptionTitle ul {margin:3px 0 0;}
.newListOptionTitle li {font-weight:normal; border-left:1px solid #ccc;} 

/*==================================
Henkilökortti
====================================*/

#person { margin-top: 20px; }
#person .person_img { float: left; width: 200px; }
#person .cont { float: left; border:solid #aeaeb2 1px;padding:10px; box-shadow: 5px 5px 10px #CCCCCC;}
#person .cont .row span { display: block; float: left; width: 300px; overflow:auto;}
#person .cont .row .l { padding-right: 5px; text-align: right; display: block; float: left; width: 75px;}
#person .cont .row { text-align: left; padding:10px; clear: both; }
#person .person_img img{border:solid 1px orange;}

.personList .hide { display: none; }
.personList a{padding:0 80px 0 0; text-decoration:underline;}
.personList th{text-align:left;padding: 0 0 10px 2px;}
.s_field{width:300px; margin: 0 0 0 2px; position: absolute; top: 106px;}
.primarySpecialization {text-align:center; width:50px;}

#popup { padding: 20px; }
#popup .img { float: left; width: 160px; padding-right: 20px; }
#popup .img img { width: 160px; }
#popup .cont { float: left; width: 640px; border:solid 1px #f6a828; color:#404040; background-color:#fff; text-align:justify; font-size:14px;}
#popup .cont .l { float: left; padding-right: 10px; padding-left:10px; padding-top:5px; display: block; float: left; width: 210px;font-weight:bold; color:#808080;}
#popup .cont .row { float: left; text-align: left; padding-bottom: 3px; padding-top:5px; width: 300px; }

.popper{}
#person-link{}

.ui-dialog{width:865px !important;} 

.ui-dialog .ui-dialog-title{width:100px; !important;}

#field{margin: 0 0 -18px 0;}