/* Pidä suomi siistinä FINAL */

/* perustekstien tyylit */

h1,h2,h5,h6 {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

h4 {
color: #9E852E;
}

p,td {
  font-family: Arial, Verdana, sans-serif;
  font-size: 11pt;
}

/* sivupohjan tyylit */

body {
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(infoimg/bg.jpg);
	background-repeat: repeat;
  }
  
/* bannerin tyylit */
  
.banner {
	color: #000000;
	border-bottom-color: #FBB218;
	background-position: right top;
	height: 79px;
	border-top-color: #000099;
	border-left-color: #d6d6d6;
	border-bottom-width: 1px;
	background-image: url(infoimg/bannerbg.jpg);
	background-repeat: repeat-x;
	text-align: right;
	vertical-align: top;
	border-left-width: 1px;
	border-left-style: none;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #d6d6d6;
}

/* sivun hierarkian ja päivämäärän tyylit */

.path {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding-left: 6px;
	border-bottom-width: 0px;
	border-top-color: #E2E2E2;
	border-bottom-color: #E2E2E2;
	background-color: #FFFFFF;
	border-right-color: #E2E2E2;
	border-left-color: #E2E2E2;
	border-left-width: 0px;
	border-left-style: solid;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
}

.pathleft a:link, .pathleft a:visited {
	color: #FF9900;
	text-decoration: none;
}
.pathleft a:hover
{
	color: #000;
	text-decoration: none;
}
.pathleft {
	font-size: 9pt;
	color: #FF9900;
	padding-left: 12px;
	font-weight: bold;
}
.pathright {
  font-size: 9pt;
  color: #000000;
  text-align: right;

}
.pathtd {
	height:2px;
}

/* vasemman solun linkkilistan pohjan tyylit */

.navileft {
	border: 0px none black;
	font-family: Arial, Helvetica, sans-serif;
}

/* vasemman solun linkkien tyylit */

.navilefttd  {
	display: block;
	border-left: 1px solid #FFD171;
	text-decoration: none;
	width: 100%;
	border-bottom-color: #D09110;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	font-family: Arial, Verdana, sans-serif;
	font-size: 10pt;
	padding-left: 1em;
	background-color: #FDB312;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFD171;
	border-right-color: #D09110;
      }
.navileft a:link, .navileft a:visited {
  font: bold 11px Arial, verdana, sans-serif; color:#000066;
text-decoration:none;
border:none;
}
.navileft a:hover {
  font: bold 11px Arial, Helvetica, sans-serif; color:#488ABC;
text-decoration:none;
border:none;
}

/* vasemman solun linkkilistan tyhjän välin tyyli */

.navileftspace {
  font-size: 10pt;
  font-family: Arial, Verdana, sans-serif;
  font-weight: normal;
  color: #003300;
}

/* vasemman solun linkkien hakukentän tyyli */

.navileftbottom {
  font-family: Arial, Verdana, sans-serif;
  font-size: 10pt;
  color: #000000;
  padding-left: 5px;
  border: #000000;
  padding-top: 20px;
  }


/* koko taulukon tyyli */
	  
.all {
	background-color: #FEFDFF;
	font-family: Arial, Verdana, sans-serif;
	width: 750px;
	border-top: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	height: 100%;
}

/* vasemman solun pohjan tyyli */

.mainleft {
	background-image: url(infoimg/leftbg.jpg);
	background-position: left top;
	border-bottom-color: #000099;
	border-left-color: #000099;
	background-repeat: repeat-y;
	width: 206px;
	font-family: Arial, Helvetica, sans-serif;
	padding-right: 6px;
	padding-top: 6px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-top-color: #d6d6d6;

}

/* keskisolun tyyli */

.main {
	background-color: #FEFDFF;
	padding-right: 10px;
	padding-left: 20px;
	width: 100%;
	font-family: Arial, Verdana, sans-serif;
	padding-top: 6px;
	padding-bottom: 8px;
	font-size: 11pt;
	border-top: 1px solid #EC8907;
	border-right: 1px solid #E2E2E2;
	border-bottom: 1px solid #EC8907;
	border-left: 0px solid #E2E2E2;
}

/* oikean solunpohjan tyyli */

.mainright {
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	padding-right: 4px;
	border-top: 1px solid #009900;
	border-right: 1px none #d6d6d6;
	border-bottom: 1px solid #009900;
	border-left: 0px none #000000;
	padding-left: 4px;
	padding-bottom: 4px;
	background-color: #FCFCFC;
}

.mainright a:link, .mainright a:visited {
	color: #FF9900;
	text-decoration: none;
}
.mainright a:hover
{
	color: #000;
	text-decoration: none;
}

/* muut linkit */

a:link {
  font-family            :         Arial, Helvetica, sans-serif;
  color                :         #006600;
  text-decoration        :         none;
  border:none;
}

a:visited {
  font-family            :         Arial, Helvetica, sans-serif;
  color                :         #006600;
  text-decoration        :         none;
  border:none;
}

a:hover {
  font-family            :         Arial, Helvetica, sans-serif;
  color                :         #FF9900;
  text-decoration: none;
  border:none;
}

a:active {
  font-family            :         Arial, Helvetica, sans-serif;
  color                :         #333333;
  text-decoration        :         none
  border:none;
}

/* vaakalinkkien tyylit */

.navitoptable{
   width: 100%;
}

.navitop ul {
	font: bold 11px Arial, Helvetica, sans-serif  !important;
	list-style-type: none;
	margin: 0;
	/*background-image: url(/kyif/images/navibg.jpg);
	background-repeat: repeat-x;
	background-position: left top;*/
	height: 40px;
}
a#navitopactive {
	font-size: 11pt !important;
	color: #666;
	border-top: 1px solid #FCB117;
	border-right: 1px solid #FCB117;
	border-bottom: 1px none #FCB117;
	border-left: 1px solid #FCB117;
}
.navitop li {
 float: left;
 height: 21px;
 margin: 2px 4px 3px;
 border-top: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 font-size: 11pt !important;
}
.navitop a, .navitop a:visited {
 float: left;
 display: block;
 color: #000;
 text-decoration: none;
 padding: 4px 4px 3px;
 border-top: 1px solid #FFFFFF;
 border-right: 1px solid #FFFFFF;
 border-left: 1px solid #FFFFFF;
 font-size: 11pt !important;
 border-bottom-color: #FFFFFF;
}

.navitop a:hover {
	float: left;
	display: block;
	color: #666;
	text-decoration: none;
	padding: 4px 4px 3px;
	font-size: 11pt !important;
	border-top: 1px solid #FCB117;
	border-right: 1px solid #FCB117;
	border-bottom: 1px none #FCB117;
	border-left: 1px solid #FCB117;
}

/* vaakalinkkien taulukon tyylit */

.navitoptable
{
	height: 100%;
}



.dim {
   color: #444;
}



.attention {
   background-color: #fee;
   font-weight: bold;
}



.error {
   color: #a00;
   font-weight: bold;
}

.bigerror {
   background-color: #a00;
   color: #fff;
   font-weight: bold;
   font-size: 150%;
}

/* "sivunmuokkausboxin" tyylit*/

.toolbox {
   margin: 6px 3px 6px 3px;
   padding: 4px 4px 4px 4px;
   background-color: #e0c7b4;
   border-right: 2px solid #c2ad9c;
   border-bottom: 2px solid #c2ad9c;
   border-left: 2px solid #ffe3cd;
   border-top: 2px solid #ffe3cd;
   font-size: 8pt;
   color: #222;
   clear: both;
}
.toolbox .header {
   color: #000;
   font-style: italic;
}
.toolbox a:link, .toolbox a:visited {
   color: inherit;
   text-decoration: none;
}
.toolbox a:hover {
   color: #262;
   text-decoration: none;
}

/* muokkaustilan infon tyylit */

.infobox {
   margin: 6px 3px 6px 3px;
   padding: 4px 4px 4px 4px;
   background-color: #eee;
   border-right: 2px solid #ddd;
   border-bottom: 2px solid #ddd;
   border-left: 2px solid #fff;
   border-top: 2px solid #fff;
   font-size: 9pt;
   color: #222;
   clear: both;
}
.infobox .header {
   color: #000;
   font-style: italic;
}
.infobox a:link, .infobox a:visited {
   color: inherit;
   text-decoration: none;
}
.infobox a:hover {
   color: #262;
   text-decoration: none;
}

.floatinfo {
   position: fixed;
   top: 10px;
   left: 10px;
   right: 10px;
   margin: 6px 3px 6px 3px;
   padding: 4px 4px 4px 4px;
   background-color: #fdd;
   border-right: 3px solid #f00;
   border-bottom: 3px solid #f00;
   border-left: 3px solid #f66;
   border-top: 3px solid #f66;
   font-size: 9pt;
   color: #000;
}
.floatinfo .header {
   color: inherit;
   font-style: italic;
}
.floatinfo a:link, .infobox a:visited {
   color: inherit;
   text-decoration: none;
}
.floatinfo a:hover {
   color: #262;
   text-decoration: none;
}

/* keskitaulukon tyylit */

.maintable {
	height: 100%;
	width: 100%;
}

/* pohjasolun tyylit */

.bottom {
	height: 1px;
	border-top-width: 1px;
	border-top-style: none;
	border-top-color: #d6d6d6;
	background-image: url(infoimg/bottombg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}


h3 {
	text-align: left;
}

.otsikko {
	text-align: center;
}

.act {
	text-align: center;
	font-weight: bold;
	color: #DE8002;
}

.act a, .act a:visited {
	color: #DE8002;
}

a.act, a.act:visited {
	color: #DE8002;
}

a.act:hover   {
	color: #DE8002;
	text-decoration: none;
}

a.none {
color:#FFFFFF;
}

.sana {
	font-weight: bold;
	color: #F78F00;
}

.info {
	color: #9E852E;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: 1px none #CCCCCC;
}

.inforight {
    color: #9E852E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: 1px none #CCCCCC;
    float: right;
    margin-top: 0;
}

.infocenter {
    color: #9E852E;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    border: 1px none #CCCCCC;
    text-align: center;
}

.info2 {
	color: #000;
	background-color: #ffe;
	border: 1px solid #666;
	margin: 0px;
	padding: 4px;
}

.ok {
	text-align: center;
	font-weight: bold;
	color: #006633;
}

.error {
	text-align: center;
	color:#b00;
	font-weight: bold;
}

div.error {
	text-align: center;
	color:#b00;
	font-weight: bold;
	border: 1px solid #BB0000;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	margin-right: 5px;
	margin-left: 5px;
}

textarea,input {
	font-family: Arial, Helvetica, sans-serif;
}

.progress {
    clear: both;
	margin-top: 20px;
	text-align: center;
	font-size: 9pt;
	font-family: monospace;
}

.iter {
	background-color: #ddd;
}

.pic_border {
	border: 2px groove #666666;
}

.sitemap_bg {
	border: 1px solid #CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
}
.sitemap_innertable {
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #E8E8E8;
}
.sitemap_tdborder {
	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #F0F0F0;
	text-align: center;
	width: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.sitemap_tdborderactive {

	border: 1px solid #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333333;
	background-color: #8BCC60;
	text-align: center;
	width: 30px;
	padding-top: 5px;
	padding-bottom: 5px;
}

