/** sivustoperhe - oikeus.fi
---------------------------- **/

/* #################
-3- Peruselementit
################# */
h1,h2,h3,h4,h5,h6 {color:#000000;}
.lift_header.colorful {
background:#0473db url("../images/ork/sidebar_header_background.png") repeat-x scroll 0 bottom;
}
.lift_header.omstyle_header1 {border-bottom: 4px solid #EFA700;}
.lift_header.omstyle_header1 h4 {color: #535353;}
header.variant.omstyle_header1 {border-bottom: 4px solid #EFA700;}
header.variant.omstyle_header1 h4 {color: #535353;}

/* #################
-4- sivupohjarakenne - perus-palaset jotka toistuvat melkein jokaisessa templatessa
################# */

/* #################
--4.3-- ylatunniste header-wrapper-header_largetext
################# */
.header_largetext {margin:12px 0 0 236px;}
.header_largetext h1, .header_largetext .headertitle  {color:#000000;}
.additional-info .bullet {color:#000000;}


/* #################
--4.6-- ylatunniste header
################# */
.wrapper .header{
/* height:139px; */ /* huomioitu logon suoja-alue */
}
.wrapper .header_largetext .headertitle{
/* visibility:hidden; */
}
.wrapper .header .logo {
/* background:#ffffff url("../images/ork/ork_logo.png") no-repeat scroll 0 0; */
}
.wrapper .header .logo.logo_fi {
background:#ffffff url("../images/ork/ork_logo_fi.png") no-repeat scroll 0 0;
width:134px;
}
.wrapper .header .logo.logo_sv {
background:#ffffff url("../images/ork/ork_logo_sv.png") no-repeat scroll 0 0;
width:134px;
}
.wrapper .header .logo.logo_en {
background:#ffffff url("../images/ork/ork_logo_en.png") no-repeat scroll 0 0;
width:134px;
}
.wrapper .header .logo.logo_default {
background:#ffffff url("../images/ork/ork_logo_default.png") no-repeat scroll 0 0;
width:134px;
}

.languages, .languages a, .languages a:visited {color:#000000;}



/* #################
--4.7-- p��navigaatio-navback
################# */
/** paanavigaatio **/
#navback {background:transparent url("../images/ork/main_navigation_background.png") repeat-x scroll 0 0;}
#navback .navigation li:hover {background:#005FB9;}
#navback .navigation li:hover {background:#005FB9;}
#navback .navigation li:first-child:hover {background:#005FB9;}	
#navback .navigation li.last:hover {background:#005FB9;}
#navback .navigation li a,
#navback .navigation li a:visited,
#navback .navigation li a:hover {
border-left: 1px solid #005FB9;
background: url("../images/ork/main_navigation_arrow.png") no-repeat scroll right center transparent;
}
#navback .navigation li ul {border:1px solid #005FB9;}
#navback .navigation ul.sub_nav .arrow-right{
/*background: url('../images/ork/main_navigation_arrow_right.png') no-repeat;*/
border-right:0.1rem solid #005FB9;
border-top:0.1rem solid #005FB9;
content: "";
display: inline-block;
height: 0.5rem;
margin-right:0;
position: relative;
top: 3pt;
-ms-transform: rotate(45deg); /* IE 9 */
-webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
transform: rotate(45deg);
width: 0.5rem;
}
#navback .navigation ul.sub_nav li a {border-bottom: 1px solid #005FB9;}
#navback .navigation ul.sub_nav li.lastsub a{border-bottom:none;}
#navback .navigation ul.sub_nav li.lastsub a.first:hover {border-bottom:none;}
#navback .navigation ul.sub_nav li a:hover {
background:#DEF1FF;
color:#005FB9;
}
#navback .navigation li li a.first,
#navback .navigation li li a.first:visited,
#navback .navigation li li a.first:hover {border-bottom: 1px solid #005FB9;}
#navbottom {background:#EFA700;}

/* teema-paanavigaatio - maaritellaan aina tavallisen paanavin jalkeen */
.teemasivusto .body_wrapper #navback .navigation li:hover {background:#FFFFFF;}
.teemasivusto .body_wrapper #navback .navigation li:first-child:hover {background:#FFFFFF;}
.teemasivusto .body_wrapper #navback .navigation li.last:hover {background:#FFFFFF;}
.teemasivusto .body_wrapper #navback .navigation li a,
.teemasivusto .body_wrapper #navback .navigation li a:visited{
color:#000000;
border-left:1px solid #000000;
}
.teemasivusto .body_wrapper #navback .navigation li a:hover{border-left:1px solid #000000;}
.teemasivusto .body_wrapper #navback .navigation ul.sub_nav {border:1px solid #005FB9;}
.teemasivusto .body_wrapper #navback .navigation ul.sub_nav li:hover {background:#DEF1FF;}
.teemasivusto .body_wrapper #navback .navigation ul.sub_nav li:hover a {
background:#DEF1FF;
color:#005fb9;
}
.teemasivusto .body_wrapper #navback .navigation ul.sub_nav li:hover li a {
background:#FFFFFF;
color:#535353;
}

.teemasivusto .body_wrapper #navback .navigation ul.sub_nav li a {border-bottom: 1px solid #005FB9;}
.teemasivusto .body_wrapper #navback .navigation ul.sub_nav li a.first:hover {border-bottom: 1px solid #005FB9;}
.teemasivusto .body_wrapper #navback .navigation ul.sub_nav li ul {border: 1px solid #005FB9;}
.teemasivusto .body_wrapper #navback .navigation ul.sub_nav li.lastsub a.first:hover {border-bottom:none;}
.teemasivusto .body_wrapper #navback .navigation ul.sub_nav li:hover li:hover a {	
background:none;
color:#005FB9;
}
.teemasivusto .body_wrapper #navbottom {
background:#8E8E8E;
border-top: 5px solid #ffffff;
}


/* #################
--4.8-- sivunavigaatio
################# */
.maincontent .subnavigation_header {background:#005FB9 url("../images/ork/sidebar_header_background.png") repeat-x scroll 0 bottom;}
.maincontent .subnavigation li a.open {color:#000000;}
.maincontent .subnavigation li a.selected {color:#000000;}


/* #################
--4.10-- sisaltoalue-maincontent - palstojen marginaalit yms yleistetty oikeus-gon mukaisesti
################# */
.maincontent {background: transparent url("../images/ork/maincontent_background.png") repeat-y scroll -1px 0;}
.maincontent a {color:#11599c;}


/* #################
--4.11-- alatunniste-footer
################# */
.footer {border-top:3px solid #EFA700;}
.footer .bottom-border {
background: #737373;
background: -moz-linear-gradient(top, #737373 0%, #676767 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#737373), color-stop(100%,#676767));
background: -webkit-linear-gradient(top, #737373 0%,#676767 100%);
background: -o-linear-gradient(top, #737373 0%,#676767 100%);
background: -ms-linear-gradient(top, #737373 0%,#676767 100%);
background: linear-gradient(to bottom, #737373 0%,#676767 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#737373', endColorstr='#676767',GradientType=0 );
display:inline;
}

/* #################
--4.12-- hyppylinkki - skiplink
################# */
#skip_to_primary_content a {
background:#0473DB;
border:1px solid #0473DB;
color:#fff;
}



/* #################
-5- maincontentin yleiset, sisaiset asiat
################# */
img.media_border {border: 1px solid #EFA700;}



/* #################
-6- poimittavat elementit
################# */

/* ##########################
--6-- PORTAALILINKKI
########################## */
.maincontent .link-with-background-middle {
background:transparent url("../images/ork/sidebar_header_background.png") repeat-x scroll 0 0;
}

/* ##########################
--6-- GALLUP
########################## */
.gallup-lift-wrapper {
border:thin solid #000000;
}
.gallup-lift-options .bar_frame .bar_percent {
background:#11599c;
background: -moz-linear-gradient(left, #2485E0 0%, #11599c 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2485E0), color-stop(100%,#11599c));
background: -webkit-linear-gradient(left, #2485E0 0%,#11599c 100%);
background: -o-linear-gradient(left, #2485E0 0%,#11599c 100%);
background: -ms-linear-gradient(left, #2485E0 0%,#11599c 100%);
background: linear-gradient(to right, #2485E0 0%,#11599c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2485E0', endColorstr='#11599c',GradientType=1 );
}

/* ##########################
--6-- Bannerilinkki
########################## */
.bl_wrapper.bannerilinkki a,.bl_wrapper.bannerilinkki a:hover,.bl_wrapper.bannerilinkki a:visited{
color:#FFFFFF;
text-decoration:none;
}
.bl_wrapper.blue.bannerilinkki {
background:#0473DB;
border:1px solid #0473DB;
}
.bl_wrapper.green.bannerilinkki {
background:#00A002;
border: 1px solid #00A002;
}
.bl_wrapper.white.bannerilinkki a,.bl_wrapper.white.bannerilinkki a:hover,.bl_wrapper.white.bannerilinkki a:visited{
color:#515151;
text-decoration:none;
}
.bl_wrapper.white.bannerilinkki {
background: #e5e5e5 url("../images/ottk/sidebar_header_background_white.png") repeat-x scroll 0 bottom;
border: 1px solid #d0d0d0;
}
.raquo_colored.white {color:#515151;}


/* ##########################
--6-- Bloginosto
########################## */
.blogi-nosto .lift_item_bloginosto img {
border:1px solid #EFA700;
}

/* ##########################
--6-- Linkki hakutuloksiin
########################## */
.bl_wrapper.linkkihakutuloksiin {background:#0473DB;}
.bl_wrapper.linkkihakutuloksiin p.content_search{color:#ffffff;}

/* ##########################
--6-- Laskuri
########################## */
.laskuri-elementti .counter .label-row > span,
.laskuri-elementti .counter .value-row > span{
color:#000000;
}

/* ##########################
--6-- Nostolista uusi-merkinta
########################## */
.lift_list_new_item{
background:#EFA700;
}

/* ##########################
--7-- sivuun liittyvat linkit, liitteet, avainsanat
########################## */
.additional-info .additional-info-header h2 {color:#000000;}
.additional-info .item span.raquo {color:#000000;}


/* #################
-8-  sivutyyppikohtaiset asiat
################# */

/* ##########################
--8-- sivukartta 
########################## */
.maincontent .sitemap ul.child-branch {color:#000000;}
.maincontent .sitemap .child-branch li::before {color:#000000;}


/* ##########################
--8-- BLOGI
########################## */
.blog_image {border: 1px solid #EFA700;}


/* ##########################
--8-- aiheesta lis�� - readmore
########################## */
#readMoreContainer.additional-info .bullet {color:#000000;}
#readMoreContainer.additional-info .additional-info-header h2 {color:#000000;}


/* ##########################
--8-- kuulutukset - kuulutushaku
########################## */
.kuulutus_haku{margin:0 0 10px 0;}
.kuulutus_haku select{width:100%;}
.kuulutus_haku .form_keywords {
/*background: transparent url("../images/ottk/box_header_center.png") repeat-x scroll 0 0;*/
background: #f6f6f6; /* Old browsers */
background: -moz-linear-gradient(top, #f6f6f6 0%, #f6f6f6 50%, #f2f2f2 50%, #f4f4f4 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6), color-stop(50%,#f6f6f6), color-stop(50%,#f2f2f2), color-stop(100%,#f4f4f4)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#f2f2f2 50%,#f4f4f4 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#f2f2f2 50%,#f4f4f4 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f6f6f6 0%,#f6f6f6 50%,#f2f2f2 50%,#f4f4f4 100%); /* IE10+ */
background: linear-gradient(to bottom, #f6f6f6 0%,#f6f6f6 50%,#f2f2f2 50%,#f4f4f4 100%); /* W3C */
background-size:100% 36px;
background-position:left bottom;

border: 1px solid #d0d0d0;
display: block;
float: left;
margin:0 0 10px 0;
padding:8px;
width:100%;
}
.kuulutus_haku .form_keywords .form_keywords_input input.input_narrow {width: 20%;}
.kuulutus_haku .form_keywords_label{
float:left;
margin:0;
width:38%;
}
.kuulutus_haku .form_keywords_label p {margin: 0;}
.kuulutus_haku .form_keywords_input{
float:left;
margin:0;
width: 62%;
}
.kuulutus_haku .form_keywords_input input {width: 100%;}
.kuulutus_haku .form_keywords_input p:empty{margin:0;}
.kuulutus_haku .form_keywords_input input[type=text] {border: 1px solid #d0d0d0;}
.kuulutus_haku .form_keywords_input button {
background:none;
border:none;
}
.kuulutus_haku .form_keywords_input button img {
margin: -3px;
width:16px;
}
.maincontent form#KuulutusHakuFormi .kuulutus_haku input.kuulutushaku_dateclear{
background: #eeeeee;
border: 1px solid #d0d0d0;
color: #535353;
font-size: 12px;
margin:0;
padding: 0 6px;
}
.kuulutus_haku .search-form_section .fjp_timer_text .advanced_search_button {padding: 0;}
.kuulutus_haku .advanced_search_submit {
display: block;
float: left;
width:100%;
}
.kuulutus_haku .advanced_search_submit .advanced_search_button, 
.kuulutus_haku .search-form_section .advanced_search_button {
background: #eeeeee none repeat scroll 0 0;
border: 1px solid #d0d0d0;
color: #535353;
font-size: 12px;
margin-right: 10px;
padding: 4px;
}




/* ##########################
--8-- kuulutukset - kuulutushakutulos
########################## */
.teemasivusto .search_results_wrapper a {color:#11599c;}
.teemasivusto .result_item_other {display: block;}

/* ##########################
--8-- kuulutukset - kuulutus
########################## */
.Kuulutus {
font-size:1.2rem;
line-height:1.6rem;
}
.Kuulutus h3 {
font-size:1.2rem;
line-height:1.7rem;
margin:10px 0 2px;
}
.Kuulutus b.inline-b {
display:inline-block;
font-size:1.2rem;
font-weight:700;
line-height:1.7rem;
margin:10px 0 2px;
}
.Kuulutus div p {margin: 0 0 10px;}
.Kuulutus div.fraasi p {margin: 0 0 12px;}

/* ##########################
-x- imports
########################## */
/* jquery-ui-datepicker */
.prjct-datepicker-wrapper .ui-datepicker-header {border-bottom:2px solid #11599c;}
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-state-active {
color:#11599c;
border-color:#11599c;
}
.prjct-datepicker-wrapper .ui-datepicker-calendar .ui-datepicker-week-end .ui-state-default {color:#11599c;}
.prjct-datepicker-wrapper .ui-datepicker-today{background:#11599c;}

/* ##########################
-PRINT- TULOSTUS
########################## */
@media print {
.wrapper .header .logo {display:none;}
.wrapper #navbottom{border-top:3px solid #8E8E8E;}
.teemasivusto .body_wrapper #navbottom {border-top: 3px solid #8E8E8E;}
.teemasivusto .body_wrapper .footer {
border-bottom: none;
overflow: visible;
margin-top: 10px;
width: 99%;
}
.teemasivusto .body_wrapper .footer .footer_lower_links{
background:none;
display:block;
width:99%;
}
.teemasivusto .body_wrapper .footer .footer_link_holder{
display:none;
}
}
