/* $Header: /data/cvs/eoa/phx/var/localized/master/eoa/style.css,v 1.44 2011-12-21 11:52:30 al Exp $ */
/* Eduskunnan oikeusasiamies */

html {
	font-size: 100%;
        line-height: 1.115em;
}

body { margin:0; padding:0; border:0;  background: #fff url('/Resource.phx/eoa/images/bg.gif') no-repeat; color:#2C4A62; font-size: 0.75em; font-family: helvetica, arial; }

.content .haku { border: 1px solid #2C4A62; padding: 0; }
.content form.kantelu .haku { border: 1px solid #2C4A62; padding: 0; width:370px;}
.content .blueImgs img { border-width: 0; border-bottom: 10px solid #2f516a; }
.content .blueImgs .kuvalaatikko img { border-bottom-width: 0; }
.content {padding-right: 5px}

/* Feedbacks */
div.fb-news, .fbDiv { width: 370px; }
.cl2 { display:block; clear:both }
.fLeft { float:left; }
.fRight { float:right; }
.bOran { background-color: #fa6738; }

.bhaku { border: 1px solid #2C4A62;  background-color: #40657F; color: #FFFFFF; padding: 0; }
.cel .haku { border: 1px solid #2C4A62; padding :0; width: 110px}


INPUT { padding: 0;}
TEXTAREA { font-family: helvetica, arial; background: #ffffff; border: 1px solid #000000;}
SELECT { font-family: helvetica, arial; }

/* BGs */
.tsin { background-color: #3e637d; }
.tsin2 { background-color: #2f516a; }
.tsin3 { background-color: #2C4A62; }
.shcolor, .phx-header {background-color :#F6F6F9; }

/* Common styles */
p, tr { color: #2C4A62; }
TD, td { font-family: helvetica, arial; color: #2C4A62; text-align: left; }

/* Headers and Texts */
h1 { margin-bottom: 3px; margin-top:0px}

.tiedoteotsikko { color: #fa6738;}
.tiedotepvm { font-size: 0.87em; }

/* Sininen tiedote laatikko */
.kuvateksti { font-size: 0.93em; color: #ffffff; background-color: #2f516a; padding: 10px;}
.yhteystiedot { color: #2C4A62; }

.serviceheader, .phx-title { color: #fa6738; }
.columnheader { color: #fa6738; }

a.servicenavigation:link { text-decoration : none;}

.fieldheader2, .fieldheader, .tied-box div strong, .tied-box>div>strong  { color: #fa6738; margin-top:0}
.tied-box>td, .tied-box td{ word-wrap : break-word;}
.tied-box .fieldheader { color : #2C4A62; font-weight:600 }
h1#mainTitle { margin-bottom:0; padding-bottom:0 }
h1#mainPageTitle { margin-bottom:0; padding-bottom:0;font-size:1.47em }

.otsikko2, #main-header h1, .content h1, .serviceheader, .phx-title { font-size: 1.27em; color: #fa6738; font-weight: 600; }
.otsikko, h2 { font-size : 1.25em; color: #fa6738; font-weight: 600; }
h3 { font-weight: 600; }
h4 { font-weight: 600; }
h5, h6 { font-weight:normal; }
h5 { margin:0; font-size: 0.87em; }
.teksti { color : #2C4A62; }
.small { font-size: 0.87em; color: #2C4A62; }

/* Pubman */
.pvm { font-size: 0.87em; color: #2C4A62; font-weight: 600 }

/* Links */
a.small:link, a.small:visited, a.small:active  { font-size: 0.87em; color: #2C4A62; text-decoration: none;}
a.small:hover { font-size: 0.87em; color : #2C4A62; text-decoration: underline; }

A:link, A:visited { font-style: normal; text-decoration: none; color: #2C4A62; }
.content a { text-decoration: none; font-weight: 600 }
.content h5 a, .content>h5>a { font-weight: 100 }
A:active, A:hover { font-style: normal; text-decoration: underline; color: #2C4A62; }

a.menu:link, a.menu:visited, a.menu:active {  color: #2C4A62; text-decoration: none; }
a.menu:hover { color: #2C4A62; text-decoration: underline; }

.navis_main, a.navis_main:link, a.navis_main:visited, a.navis_main:active { color: #2C4A62; text-decoration : none; }
a.navis_main:hover {  color : #2C4A62; text-decoration : underline; }
.navis_main2, a.navis_main2:link, a.navis_main2:visited, a.navis_main2:active, a.navis_main2:hover { color : #2C4A62; text-decoration: underline; }

.navis_ala { font-size: 0.7em; color : #2C4A62; }
a.navis_ala:link, a.navis_ala:visited, a.navis_ala:active { font-size: 0.7em; color : #2C4A62; text-decoration: none; }
a.navis_ala:hover { font-size : 0.7em; color : #2C4A62; text-decoration: underline; }
a.navis_ala2:link, a.navis_ala2:visited, a.navis_ala2:active, a.navis_ala2:hover { font-size: 0.7em; color : #2C4A62; text-decoration: underline; }

.cel { width:185px; vertical-align:top; }

.mtopbg{ height:4px; background-image: url('/Resource.phx/eoa/images/vtausta.gif'); background-repeat:repeat-x; }
.c-top{ background: url('/Resource.phx/eoa/images/htausta.gif') repeat-y; padding:0px 0px 0px 5px; border:1px solid #2f516a; border-width:0px 0px 9px 0px; }

/* Navipath 
#navipath { padding:10px 0 15px 60px }*/

.noBlueLine { border-width: 0 }

a.nuolilinkki:hover, .nuolilinkki a:hover {
	background: url(/Resource.phx/eoa/images/img/arrow.gif) 0 0.25em no-repeat; padding-left: 10px; font-weight: 600; color: #2C4A62; }
 a.nuolilinkki:link,a.nuolilinkki:visited, a.nuolilinkki:active,  .nuolilinkki a:link, .nuolilinkki a:visited, .nuolilinkki a:active {
	background: url(/Resource.phx/eoa/images/img/arrow.gif) 0  0.25em  no-repeat; padding-left: 10px; font-weight: 600; color: #2C4A62; text-decoration: none; }

.tiedTd { vertical-align:top; z-index:1; position: relative }
.tied-box { background-image: url('/Resource.phx/eoa/images/tiedote_vasen.gif'); background-repeat:repeat-y; padding:0px 2px 0px 12px; z-index: 2; position: absolute; width: 180px }

.head-box, div.head-box a { padding: 5px 5px 15px 0px; font-size: 100%;  color: #fa6738; text-decoration: none; }
.head-box .navis_otsikko { color: #fa6738; font-weight: 600; text-decoration: none; }
div.head-box>a>.navis_otsikko { color: #fa6738; font-weight: 600; text-decoration: none; }

div.menu-box { margin: 0px 0px 15px 0px; padding:0;}
div.menu-box a{ padding: 3px 5px 7px 0px; margin:0; display:block; background: url('/Resource.phx/eoa/images/menu-back.gif') left bottom  no-repeat; }
div.menu-box a:visited { text-decoration: none;}
div.menu-box a:hover,div.menu-box a.m-over { text-decoration: underline;}
div.menu-box a.submenu-out, div.menu-box a.submenu-over{ background: url(/Resource.phx/eoa/images/tyhja.gif) no-repeat; display:block;  padding: 2px 0px 2px 20px; font-size: 0.9em; }
div.menu-box a.submenu3-out, div.menu-box a.submenu3-over{ background :url(/Resource.phx/eoa/images/tyhja.gif) no-repeat; display:block; padding: 2px 0px 2px 27px; font-size: 0.9em; }
div.menu-box a.submenu-over, div.menu-box a.submenu3-over{ text-decoration: underline; }
/* \Submenu */
/** Rss **/  
.compact-content-frame { clear: both; display; block }
.compact-content-frame h2 {margin: 6px 0 0 0; }
.compact-content-frame p {margin: 5px 0; }
.compact-content-frame .compact-pvm { font-size: 0.9em; }
div.compact-clear { clear: both;  display: block }