
/* $Header: /data/cvs/vakio5.0/phx/def/localized/master/layout/css/style.css,v 1.374 2009/04/21 12:20:49 al Exp $ */
/* Plaza Standard Solution stylesheet */
/* BROWSER: ArchiveTeam ArchiveBot/20170811.01 (wpull 2.0.2) and not Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/42.0.2311.90 Safari/537.36 */
/* GROUP: Teamware COLOR default red LAYOUT: 900 */

html{ font-size:100%; }

body {
    margin:0;
    padding:0;
    text-align:center;
    color:#333;
    background-color: #fff;
font:71% Verdana,Arial, Helvetica, sans-serif;

}
#content-middle { color: BLACK;}#content-left, #content-left h2, #content-left h3  { color: BLACK;}#content-left a { color: #000066;}
#content-right, #content-right h2, #content-right h3 { color: BLACK;}
#content-right a { color: #000066;}
/* Frames */

#frame, div.frame50 {
  text-align:left;
  width:auto;
 
min-width: 775px;
max-width: 910px;position: relative;
    margin: 0 auto;
  }
  #rside {
        text-align:left;
        background:transparent url(/Resource.phx/layout/img/rside.png) top right repeat-y;
   }
   
   #lside {
        text-align:left;
        background:transparent url(/Resource.phx/layout/img/lside.png) top left repeat-y;
   }

  #frame-border {
    border:1px solid #ccc;
border-bottom-width: 0px;
margin: 0px 5px;
    background-color: #fff;
 }
 div#frame-c {
	margin-left:180px;
	margin-right:180px;
background-color: #fff;
}
/* \Frames */

/* Top navi */
#top-navi { 
  font-size:0.95em;
  text-align: right;

color: #333;padding: 15px 0px 0px 0px;
}

#top-navi span {
   font-size: 0.95em;
    background-color:#FFFFFF;border-style:solid;border-width: 1px 1px 0 1px;border-color: #ccc;
padding: 2px 3px 3px 3px;
margin: 0px 5px 20px 0px;
line-height: 1.8em;-webkit-border-top-left-radius: 2px;
-webkit-border-top-right-radius: 2px;
}
#top-navi span.fontSize, #top-navi span.fontSize img {  margin: 0px; border:0px; padding:0px;}
 
#top-navi a { color: #333; }

img { border:0px; }
/* \Top navi */

/* Header */
#header {
    text-align: left;
    padding: 0px;
margin: 0px;
border:0px;background:#fff url(/Resource.phx/sivut/sivut-twg/header.htx.i1290.gif) top right no-repeat;

min-height:135px;
}

#logo {
vertical-align: middle;
float: left;
width:85%;

}

#header .logo { float:left; }


#header .serviceheader {
     padding:40px 0px 0px 90px;
     float:left;
}

#header .r-img {
float:right;
}
/* \Header */

/* Top links */
div#top-links {
margin: 0px;padding-left: 5px;min-height: 15px;
background-image: url(/Resource.phx/layout/img/menu-top-backlight-own.png);
background-repeat: repeat-x;
background-position: bottom left;
background-color:#CCCCCC;

 clear: both;
}

#top-links a {
color: #000000;
 font-weight: bold;
}


.chBox { background-color:#CCCCCC;}
.vas { float:left; }
.oik { float:right; }

/* \Top color links */

/* Extra links */
div#extra-links {
 color: #f1f1f1;
background-image:url(/Resource.phx/sivut/sivut-twg/ylalinkit.htx.i483.gif);
background-repeat: repeat-x;
background-color:#CCCCCC;
 padding: 3px 0px 3px 5px;
 text-align: left;
}

div#extra-links ul, div.myLayer ul  {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

div#extra-links ul li {
    display: inline;
    padding:3px 6px;
    font-weight:bold;
}

#extra-links a { color: #f1f1f1; }
/* \Extra links */

/* My layer left */
div.myLayer {
    position: absolute;
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px; opacity: .90;min-width: 162px;
}
/* My layer right */
div.myLayerR {
    position: absolute;
    visibility: hidden;
    background-color: #fff;
    border: 1px solid #ccc;
    text-align: left;
    padding: 5px; opacity: .90;width: 180px;
}

div.myLayer li span {white-space: nowrap;}

div.myLayer ul { padding: 5px; }

/* center, left & right column */

* html #content-middle	{display: inline; }

#content-middle {float:right;width:100%;position:relative; }

html>body #content-middle { margin: 0 -0.5% }

/* Content middle margin */
div.cl-m { margin: 10px 5px 15px 5px; }

#content-left {
    vertical-align:top;
    position:relative;
    float:left;
    width:170px;
    margin-left:-180px;
    padding:  10px 5px;
    
}

#content-right	{
	position:relative;
    	vertical-align:top;
	width:170px;
	float:right;
	margin-right:-180px;
	padding:  10px 5px;
    
}


#content-left div, #content-right div { margin-bottom:10px; }
#content-left .head-box, #content-right .head-box, #previewBox .head-box {
color: #000000;
background-image:url(/Resource.phx/layout/img/menu-top-sl-own.png);

background-color:#CCCCCC;
 font-weight:bold;
 background-repeat: repeat-x;
 padding: 2px 3px 2px 10px;
 margin-bottom: 1px;
}

.head-box a, #content-left .head-box a, #content-right .head-box a { color: #000000; }
 
/* Navipath */
#navipath {
 color: #606060;padding: 4px 10px 0px 10px;
 margin: 0px;
 text-align:left;
 font-size: 0.9em;
}
#navipath a { color: #606060; }
/* \Navipath */

.frame-center {
    float: left;
    width: 99%;
}

* html #wrap { position: relative; }
    
#wrap {
    margin:0px;
     display: inline-block;position:relative;
    padding:0px;
    float: left;
    float/**/: none;
}
/*\*/
#wrap {display: block;}
/* end */

.clearer { clear:both; }
#content-right div.clearer { margin: 0; padding:0;}

/*\ Content frames  */

/* Search */

/* Header box*/
      #header .search-box {
            text-align:right;
            background-color: #eee;border-left:1px solid #999; opacity: .92;

min-height:135px;
color: #FFFFFF;
	    width: 180px;
            float:right;
            vertical-align:top;
        }
        #header .search-box a { color: #FFFFFF; }
        
        #header .head-sbox { 
background: url(/Resource.phx/layout/img/menu-top-backlight-own.png) repeat-x;
background-color:#CCCCCC;background-position: bottom left;
padding: 1px 3px 2px 5px;
border-width: 0px 0px 1px 1px;
border-style: solid;
border-color: #333;
color: #f1f1f1;
            text-align:left;
            font-weight:bold;
         }
        .search-box form {
            margin:0px;
            font-size:0.9em;
        }
        
        div#header .search-box form { border-top: 2px solid #a6a6a6;
	    padding:5px;
        }
        .search-box form .st {
             padding:0px;
             width: 115px;
             opacity: 1;
                font-size:9px;
                height:13px;
                background-color: #FFF;
                -moz-border-bottom-colors: #b7b7b7 #eaeaea #e0e0e0;
                -moz-border-right-colors: #b7b7b7 #eaeaea #e0e0e0;
		
                border-width: 1px 2px 2px 1px;
                border-style:solid;
                border-color: #b7b7b7 #c5c5c5 #c5c5c5 #b7b7b7;
            
        }
/* Shadow boxes */
        div.shadow-box {
            padding:5px 5px 1px 5px;
            margin:0px 4px -3px 0px;
            border:1px solid #333;
            background-color:#f1f1f1;
	    
	    opacity: .90;
	    
        }

        .rshadow {
          background:url(/Resource.phx/layout/img/rside.png) top right repeat-y;
           padding-bottom:3px;
         }
        .bshadow {
            padding-bottom:3px;
           background:url(/Resource.phx/layout/img/br-corner.png) bottom right no-repeat;
        }

/* \Shadow boxes */

/* \Search */
#ingressi {background: url(/Resource.phx/layout/img/ingressi-back.png) repeat-x;
padding:10px;margin-bottom: 10px;}

#ingressi .fieldheader,.serviceheader, h1 { margin: 0 0 10px 0;  padding: 0px; }
.h-grad h1, h3, h4, h5, h6, #content h2, #content-middle .news h3, #content-middle .news2-box h3, #content-middle .news-box h3,#content-middle .shadow-box h3, #content-middle .tt1 h3, #content-middle .tt0 h3, #sidebar h2 {margin: 0px; padding: 0px;}
#content-middle h2, #content-middle h3 { margin: 10px 0px; }
.news-line {
    height:1px;
    padding-bottom: 1px;
    margin: 10px 0px;
    background: url(/Resource.phx/layout/img/line-hor.gif) left bottom repeat-x;
}

.news {
    margin-bottom: 10px;
    padding-bottom: 1px;background: url(/Resource.phx/layout/img/line-hor.gif) left bottom repeat-x;
}
#content-left div.news, #content-right div.news { padding-bottom:0; background-image:none; }

a.mnews, a.news-two-right, .small { font-size: 0.95em; }
a.mnews:after,  a.news-two-right:after {content: " \00BB \0020"; } 
/* Ul li */
ul.linklist, div.linklist ul {
         margin: 8px 0px;
         padding: 0;
}

.linklist h3 { margin: 10px 0px 3px 0px; }

div.mnews2 a {
    list-style: none;
     
}
div.mnews2 a:before {
content: "\00BB \0020";
}
 ul.linklist li, ul.linklist li, div.linklist li {
	display:block;
	list-style: none;
	padding-bottom: 3px;
	margin: 0px;
 }
/* \Ul li */
  div.mnews {
       float:none;
       text-align: left;
  }

/* Two column content */
.cel-left {
     vertical-align:top;
     padding:0px 15px 0px 0px;
}

.cel-right {
     width:200px;
     vertical-align:top;
}

div.news-two-right , a.news-two-right {
     padding: 5px 5px 0px 5px;
background-color: #f3f3f3; 
    margin-bottom: 10px;
}

div.link-right { text-align: left; }

a.link-right { display:block; }
/* \Two column content */

hr.clear {
     clear:both;
     display:block; 
     visibility:hidden;
     height:1px;
}
#content-right hr.clear { 
	overflow: hidden;
	height:0;
	border-width:0;
	margin:0;
	padding:0;
}
.clblock2 {
     clear:both;
     display:block;
     visibility:hidden;
     height: 1px;
     overflow: hidden;
     padding: 0;
     margin: -1px 0 0 -1px;
}
.cl {
     display:block;
     clear:both;
     margin:0px;
     padding:0px;
}

/* News boxes */
            .news-box {
            border:1px solid #c89090;-webkit-border-radius: 4px;
              padding: 5px;
	      margin-bottom: 10px;
            }
            
            .news2-box {
            background-color: #f1f1f1;-webkit-border-radius: 5px;
             padding: 5px;
	     margin-bottom: 10px;
            }
           
/* \News boxes */

/* 2.column content page */
.blocks {
  width:100%;
  border:0px;
}
/* News box tds */
.td3 {
	width:32%;
  	vertical-align:top; 
 	padding-right:10px;
}
.td3Last {
	width:32%;
	vertical-align:top;
}
.td2 {
	width:47%;
	vertical-align:top; 
	padding-right:10px;
}

.td2Last {
	width:47%;
	vertical-align:top;
}

.tt0 { float:left; }

.tt1 {
    float:left;
    width:47%;
    padding-right:10px;
}

.tt2 {
   float:left;
   width:47%;
   padding-left:10px;
}

.bk1 {
  vertical-align: top;
  width: 47%;
  background: url(/Resource.phx/layout/img/line-ver.gif) top right repeat-y;
  padding: 0px 10px 0px 0px;
}

.bk2 {
  vertical-align: top;
  width: 47%;
  padding: 0px 0px 0px 10px;
}
/* \2.column content page */


/* Menu */
.menu-box {
 vertical-align:top;
color: #333;
background:#fff url(/Resource.phx/layout/img/menu-back-white.gif) repeat-y;

border:1px solid #eee;
border-width: 1px 1px 0px 1px;
 margin-bottom:10px;
}
.menu-box ul{
	 margin: 0px;
	 padding: 0px;
	 list-style: none;
}
.menu-box ul li, .menu-box ul li:hover  {

background:#fff url(/Resource.phx/layout/img/menu-li-back.gif) repeat-x;
border-bottom: 1px solid #eee;

color: #333;
  margin:0px;
  padding: 3px 0px 3px 10px;
}

.menu-box ul li a, #content-left .menu-box ul li a { color: #333; }


.menu-over { font-weight: bold; }

/* Submenu */
div.menu-box li.submenu-out, div.menu-box li.submenu-over{
  background-image:none;
  background-repeat: no-repeat;
  padding: 2px 0px 2px 20px;
  font-size: 0.9em;
}

div.menu-box li.submenu-over a { text-decoration: underline; }
/* \Submenu */

.left-box {

background-color: #FFFFFF;
border: 1px solid #FF0000;
	 padding:10px;
	 margin-bottom:10px;
}
/* \Left column */

/* Spaces */
 .left-space{ padding:0px; margin-bottom: 10px; }
 .pubArchive { padding:0px; margin-bottom: 10px; }
 #content-right .r-space, .cl-m .r-space { margin-bottom: 5px; }
/* \Spaces */
/* Right box */
.right-box {
    background:#fff url(/Resource.phx/layout/img/menu-back-white.gif) repeat-x;
border: 1px solid #FF0000;
padding: 2px 5px;
}
/* \Right box */

/* Sman box */
.sresults {
  background-image:url(/Resource.phx/layout/img/menu-top-sl-own.png);
background-repeat:repeat-x;
background-color:#CCCCCC;
  margin-left:0px;
  margin-right:2px;
  margin-bottom:0px;
  float:left;
  height:12px;
}

/* \Sman box */

/* Additional box */

.ad-box { text-align:center; }

/* \Img box */

#footer {
background-image:url(/Resource.phx/layout/img/img900/footerright-grey.gif);
background-position:right top;
background-repeat:repeat-y;
padding: 10px;
background-color: #ccc;
border-bottom: 1px solid #ccc;color: #333;
text-align:left;  
 font-size: 0.95em;
 clear:both;
}

#footer a {
color: #333;
}

/* Plaza changes */

.phx-navbottom { margin-top:5px; }

/*Backgrounds*/

/* Eman */
	.emname, .emanmonth, .emanmonth td, td.dweek { background-color: #eee; }
	
	.eman-box {  margin:0px 0px 10px 0px; }
	
	td.earrow2 , td.earrow { background-color: #fff; }
/* \Eman */

#wback { background-color: #fff; text-align:left;}

.shcolor, .phx-header  { background-color: #f1f1f1; }
/*\Backgrounds*/

/* some aligns & margins */

#aright { text-align:right; }

/* Header fonts */
.serviceheader, .phx-title, .superheader, h1, p.phx-header, span.phx-header {
 color:#444444;font-weight:bold;font-size: 1.3em;
}
div.serviceheader, h1 {
margin-bottom: 10px;
border-bottom: 3px solid #FF0000;
padding-bottom: 2px;
} 

.fieldheader, #content-middle h2 {
 color:#444444;
font-size: 1.15em;
 font-weight:bold;
}
#content-left h2, #content-right h2 { font-size: 1.15em; }

span.columnheader { display: block; }

div.news { padding-bottom: 5px; margin-left: 10px; }
div.fieldheader, div.news div.columnheader, span span.columnheader, .news h2 { padding-bottom: 5px; }

.columnheader, #content-middle h3, .phx-colheader, .phx-commands {
     font-weight: bold;
     color:#333333;
font-size: 1.1em;
}
#content-left h3, #content-right h3 { font-size: 1.1em; }

h4, h5, h6 { font-weight:normal; }

#go-content, .clblock { 
    display: block;
    background: transparent;
    background-image: none;
    border: none;
    width: 1px;
    height: 1px;
    overflow: hidden;
    padding: 0;
    margin: -1px 0 0 -1px;
}

a { color:#900;
     text-decoration:none;
}
#content-middle a { color: #000066;}
a:hover { text-decoration:underline; }

/* TOP LINKS & LAYER NAVIGATION */

ul#nav, #nav ul { 
  padding: 0;
  margin: 0;
  list-style: none;
}

#nav li {
  float: left;
  position: relative;
  z-index: 10;
  margin-right: 2px;
  padding: 3px 5px;background: url(/Resource.phx/layout/img/menu-top-sllight-own.png);background-repeat:repeat-x;border-color: #CCCCCC;border-style: solid;
border-width:0px 1px;
background-color:#CCCCCC;

}


#nav li ul {
  display: none;
  position: absolute;
  top: 1.55em;
  left: 0px;
  z-index: 10;
}
#nav li:hover, #nav li.over { z-index: 11; }
li>ul {
  top: auto;
  left: auto;
}

#nav li:hover ul, #nav li.over ul { 
  background-image:none;
  display: block;
  border: 1px solid #666;
border-width: 1px 0px;
    color:#000;
}

#nav li.n-over, #nav li:hover {
   text-align: left;
 background-color:#333333;
background-image:none;
color: #FFFFFF;
background-repeat:repeat-x;

}
#nav li:hover a {color: #FFFFFF;}
 #nav li.n-over a, #nav li.n-over a:hover {
           color: #FFFFFF;
  }
 #nav ul li a, #nav ul li a:hover, #nav ul li a:visited  {
  font-weight:300;
  display: block;
  padding: 2px 1px 2px 2px;
  border-bottom: 1px solid #eee;
color: #000;background-color: #fff;
 opacity: .90;
}
#nav li:hover ul li a {color:#000;}
#nav ul, #nav ul li, #nav ul li:hover {
	 width: 180px;
	 line-height:15px;
	 padding: 0;
	 border-style: solid;
	 border-width: 0px 1px;
	 border-color: #666;background:transparent;margin:0 0 0 -1px;
}
#nav ul li a:hover, #nav ul li:hover a, #nav li:hover ul li a:hover {
	background-image:none;
 	color: #000000;
background-color: #CCCCCC;
 opacity: 1;
}

#nav a {text-decoration: none; }
/* \TOP LINKS & LAYER NAVIGATION */

/* Er msg */
 .stnd-error {
 
	 background: #fafae1 url(/Resource.phx/layout/img/icons/exclaim.png) 0.5em 0.8em no-repeat;
	 border: 1px solid #d9d9cc;
	 padding: 10px 10px 10px 30px; 
	 margin-bottom:15px;
 
 }

/* Info block */
div.infoblock ul li {
  margin-bottom:5px;
  border:1px solid #ccc;
  list-style:none; padding-top:1px;padding-bottom:1px;
  display: block;
  color:#666;
  font-size: 0.85em;
  padding-left: 22px;
}
.infoblock ul { margin:0px; padding:0px; }
li.info-rss { background: #fff url(/Resource.phx/layout/img/icons/rss.gif) no-repeat;}
li.info-help { background: #fff url(/Resource.phx/layout/img/icons/help.gif) no-repeat;}
#content-left .infoblock a {color: #666;}
.info-help a {cursor: help;}
/* \Info block */

.previous {  
    background: url(/Resource.phx/layout/img/icons/previous.png) 0em 0.25em no-repeat;
    padding-left: 10px;
}
.next {  
    background: url(/Resource.phx/layout/img/icons/next.png) 0em 0.25em no-repeat;
    padding-left: 10px;
}



/* PRINT SPECIFIED TAGS */

 @media print {
     body {
        background-color: #fff;
        background-image: none;
     }
     
     .news, .news-line { border:0px; }
     
     div.mnews a, div.mnews2 a, #ingressi { background-image: none; }
 }
