/*******************************************************************************
 * Dialyysi.fi - Main styles
 * -------------------------
 * @media:	screen
 * target:	DOM
 * others:	IE specific fixes defined separately by version
 * author:	mikko.seppanen@prewise.fi
 * ****************************************************************************/

/*******************************************************************************
 * CONTENT POSITIONINGS
 * ****************************************************************************/
html {height: 100%; margin: 0; padding: 0; }
body { margin: 0;padding: 0;text-align: left; height: 100%; font-size: 62.5%; font-family: "Trebuchet MS", "Arial"; background-color: #f0d9e4; background-image: url(../Gui/contentShadow.gif); background-position: 944px 0; background-repeat: repeat-y; }
form {margin:0;padding:0; }
img.imagebutton {display: inline;position: relative;top: -3px;cursor: pointer; }
.clear_right {display: block;clear: right; }
.clear_left {display: block;clear: left; }
.centered {vertical-align: middle;text-align: center; }
.white { color: #fff; }
div#wrapper { position: absolute;width: 944px; height:100%; padding: 0;margin: 0;z-index: 4; background-color: #fff; background-image: url(../gui/subnav_bg.png); background-position: 0 0; background-repeat: repeat-y;color: #000; }
#etusivu #wrapper { background-image: none; }
div#ylatunniste { width: 100%;height: 166px;position: relative;z-index: 4; background-color: #fff;background-image: url(../gui/header_background.jpg);background-position: 0 0;background-repeat: no-repeat;color: #ccc; }
#ylatunniste h1 { visibility: hidden; }
#ylatunniste * { border: 0; }
#ylatunniste #logo { margin-left: 20px; display: block; position: relative; top: 25px; }
body.print { background-color: #fff; background-image: none; margin: 2em;}

/*******************************************************************************
 * BASIC SETTINGS
 * ****************************************************************************/
h3 {font-size: 1.4em;font-weight: bold;}
h2 {font-size: 1.7em;font-weight: bold;}
h1 {font-size: 2.5em;font-weight: bold; line-height: 30px;}
p { font-size: 1.4em; }
strong {font-size: 1.0em;}
a {text-decoration: none;}
a:LINK {color: #99004c;background: transparent;}
a:VISITED {color: #99004c;background: transparent;}
a:ACTIVE {color: #99004c;background: transparent;}
a:HOVER { text-decoration: underline; }
img.button { cursor: pointer; }
.hidden { visibility: hidden; display: none;}
#palsta p { padding: 0.5em 0em; }

/*******************************************************************************
 * TOP NAVIGATION
 * ****************************************************************************/

#apunavi {display: block; height: 34px;position: absolute; left:612px; top:7px; font-size: 1.3em; font-weight:bold;}
#apunavi div {height: 34px; width:312px; margin: 0; padding: 0;}
#apunavi ul {margin: 0; padding: 0; list-style-type: none; }
#apunavi li {float: left; height: 27px; padding-top: 5px; margin: 0; color: #fff; float:left; margin-right:10px;}
#apunavi li img { margin-right:3px; }
#apunavi p {display: block;vertical-align: bottom;}
#apunavi a {margin: 0; padding:0;color: #fff;}
#apunavi * {vertical-align: middle;border: 0;}
#apunavi #kirjasin-toiminnot {display: inline; padding-right: 20px; padding-left: 10px; width: 50px;}
#kirjasin-toiminnot img { float: left; display: inline; margin: 7px 0px 0px 3px; }

/*******************************************************************************
 * MAIN NAVIGATION
 * ****************************************************************************/
div#paanavigaatioContainer {margin: 0;height: 33px;width: 940px;position: relative;z-index: 4; overflow: visible; text-align: right;background-color: #fff;background-image: url(../gui/nav_bg.png);background-position: 0 0;background-repeat: repeat-x;color: #fff;}
div#paanavigaatioContainer div#contentRounder {position: absolute;display: block;top: 36px;left: 229px;z-index: 10;}
body#etusivu #contentRounder { visibility: hidden; }
#paanavigaatio { display: block; position: absolute; right: 0;height: 33px; margin:0; padding:0; z-index: 4;}
#paanavigaatio li {display: inline; float: left; margin: 0; padding: 7px 9px;position: relative; height: 100%;font-size: 14px;font-weight: bold;background-color: transparent;}
#paanavigaatio li img {display: inline;position: absolute; left: -1px;width: 2px;height: 17px;}
#paanavigaatio li:HOVER {background-image: url(../gui/nav_bg_hov.png);background-position: 0 0;background-repeat: repeat-x;}
#paanavigaatio li.sel:HOVER {background-image: url(../gui/nav_bg_selhov.png);background-position: 0 0;background-repeat: repeat-x;}
#paanavigaatio li.sel {background-image: url(../gui/nav_bg_sel.png);background-position: 0 0;background-repeat: repeat-x;}
#paanavigaatio a {color: #fff;text-decoration: none;}
.nav_icon {display: inline !important;position: relative;padding: 0 !important;margin: 0 !important;width: auto !important;top: 2px;left: 0;width: 15px;height: 15px;}
.clearfix {display: inline; border-collapse: collapse; margin: 0;}
.clearfix:after {content: " "; display: block; height: 0; clear: both; visibility: hidden; margin: 0; padding: 0;}
/* Piilotetaan MAC-IE:lta \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; clear: both; margin: 0; padding:0;}
/* Lopetataan piilotus */
div.recipelistitem {margin: 0;}


/*******************************************************************************
 * SUB NAVIGATION
 * ****************************************************************************/
#sisalto-wrapper {width: 944px; position: relative; top:0; padding-top: 0; padding-bottom: 0; margin-bottom: 0;background-color: #fff; background-image: url(../gui/subnav_bg.png); background-repeat: repeat-y;}
#etusivu #sisalto-wrapper { background-image: none; }
#alanavigaatioContainer {float: left; display: inline; width: 229px; height: 100%; padding-top: 0px; padding-bottom: 0; margin-bottom: 0;background-color: #8cbe7f; color: #fff;}
#alanavigaatioContainer #rounder {width: 26px; height: 26px; display: block; position: absolute; top:0; left: 229px; font-size: 5px; z-index: 100;background-image: url(../gui/contentRounder.gif); background-position: 0 0; background-repeat: no-repeat;}
#alanavigaatio h2 {padding-top: 23px;margin-top: 0;padding-left: 20px;}
#alanavigaatio ul {width: 229px; margin: 0 0 10px 0; padding: 0;border-bottom: 1px solid #fff; list-style-type: none;}
#alanavigaatio li {padding-left: 20px;padding-top: 3px; padding-bottom: 3px;border-top: 1px solid #fff; font-size: 1.3em; line-height: 1.1em;}
#alanavigaatio li * {color: #000; font-weight: bold;}
#alanavigaatio .level3 {padding-left: 30px;}
#alanavigaatio .level4 {padding-left: 40px;}
#alanavigaatio .sel {background-color: #d9ead5;}
#alanavigaatio .sel a {color: #99004c;}
#sisalto { float: left;position:relative; width: 690px;padding-top: 0px; padding-bottom: 0;height: 100%; left: 0px; vertical-align: top;background-color: #fff; color: #000;}
#sisalto #dokumenttipolku {clear: both; width: 665px; margin: 25px 0 0 25px; border-bottom: 1px solid #b8d7b0; font-size: 1.2em;}
#sisalto #updateMarking {color:#8a8e88; width:220px; height:20px; padding:1px 0 0 0; font-size:1.1em; margin:0;}
#sisalto #palsta {width: 445px; float: left; padding-left: 25px; padding-top: 15px;}
#palsta ul { font-size: 1.4em; }

/*******************************************************************************
 * Lomakkeet
 * ****************************************************************************/
#palsta div table {font-size: 1.4em;}
#palsta div.formdiv {margin-bottom: 30px;}
#palsta div input{margin-right: 5px;margin-bottom: 5px;}
#palsta div input.text {width: 250px;border: 1px solid #000;margin-top: 5px;}
#palsta div textarea {width: 350px;border: 1px solid #000;margin-bottom: 5px;}
#palsta div input.button {}
#palsta div .right {margin-top: 10px;margin-left: 290px;}
#palsta div h3 {margin-top: 15px;margin-bottom: 0;}
#palsta div p {margin-top: 0;margin-bottom: 0px;}

/* palautelomake */
#palsta div td { padding:0px 22px; text-align:center;}
#palsta div td label { font-weight:bold; }

/*******************************************************************************
 * Sivukartta
 * ****************************************************************************/
ul#sitemap { list-style-type: none; }
ul#sitemap .level1 {margin-top: 10px; font-weight: bold; font-size: 1.05em;}
ul#sitemap .level2 {margin-left: 15px; font-weight: bold;}
ul#sitemap .level3 {margin-left: 15px;padding-left: 15px;}
ul#sitemap .level4 {margin-left: 30px;padding-left: 15px;}

/*******************************************************************************
 * Työkalut
 * ****************************************************************************/
#sisalto #tyokalut {float: left; margin:10px 0 0 30px; width: 190px; text-align: right;}
#tyokalut img {border: 0;}
#tyokalut #laheta-icon {margin-right: 5px;}
#tyokalut .video2 { margin-top: 280px; }
#tyokalut .video3 { margin-top: 100px; }
.tyokalulaatikko {text-align: left; margin-top: 20px; display: block;background-color: #fff; color: #000;}
.tyokalulaatikko .tyokaluText {position: relative; display: block; width: 100%; background-color: #d89dba; margin: 0;}
.tyokalulaatikko .title{position: relative; display: block; margin: 0; padding: 0;}
.tyokalulaatikko .bottom { position: relative; display: block; margin-top: 0; }
.tyokalulaatikko p { padding: 0px; margin: 0 5px 0 10px; clear: both; }
.tyokalulaatikko ul { font-size: 1.3em; margin-left: 15px; padding-left: 10px; line-height: 1.2em; margin-bottom: 0; margin-top: 5px; }
.tyokalulaatikko li { padding-left: 0px; margin-top: 3px; }
.tyokalulaatikko em { margin: 0; padding: 0; color:#1a7e00; line-height: 16px; display: block; clear: both; }
.tyokalulaatikko img { margin: 0px; padding: 0; clear: both; float: none; display: block; }
.tyokalulaatikko p img { margin-left: -10px; }
.tyokalulaatikko .nuolioikealle { text-align: right; }
.tyokalulaatikko h6 { margin-left: 0; padding-left: 0; margin-top: 0; display: block; background-color: #fff; color:#1a7e00; font-style:italic; font-size: 1.3em; }
#tyokalut .kuvaboksi { color: #1a7e00; font-size: 1.3em; line-height: 16px; }
.nuolioikealle img { margin-right: 10px; margin-bottom: 0px; margin-left: auto; }
#alatunniste { clear: both; display: block; position: static; width: 665px; margin: 40px 25px 20px 25px; float:left; color: #1a7e00; background-color: #fff; border-top: 1px solid #b8d7b0; font-size: 1.2em; }


/*******************************************************************************
 * etusivu
 * ****************************************************************************/
.nostot-vasen { float: left; display: inline; width: 223px; height: 100%; padding-top: 44px; padding-left: 32px; }
#etusivu #sisalto { float: left; width: 473px; margin: 0; padding-top: 26px; }
#etusivu #palsta { margin: 0; padding: 15px 0; width: 450px; }
#etusivu #dokumenttipolku { width: 454px; margin: 0; padding-top: 1px; }
#nostot-oikea { float: right; display: inline; width: 216px; height: 100%; padding-top: 44px; }
#nostot-oikea .tyokalulaatikko { margin-left: 15px; margin-top: 0; padding-top: 0;}
#nostot-oikea .tyokalulaatikko p { line-height: 5px; margin: 0; padding: 0; border: 0; display: block; }
#nostot-oikea .tyokalulaatikko img, .nostot-vasen img {margin-bottom: 20px; border: 0; }
#etusivu #alatunniste { margin-top: 20px; margin-left: 32px; width: 886px; }

.frontpage_searchfield
{
 background-color:white; 
 font-size:11px;
 margin-left:16px;
 height:13px;
 width:117px;
 border:none;   
}

.frontpage_searchButton
{
    background-color:transparent; 
    background-image:none; 
    height:20px; 
    width:37px;
    border: solid 1px red;
}