/* Pieksämäki Volley v.1.4 by JB Media Ky*/

/* perustekstien tyylit */

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

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

/* sivupohjan tyylit */

body {
    background-color: #FEC824;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    font-family: Arial, Helvetica, sans-serif;
    background-image: url(images/bg.gif);
    background-repeat: repeat-x;
    background-position: left top;
 }

/* bannerin tyylit */

.banner {
 color: #000000;
 border-bottom-color: #FBB218;
 background-position: left top;
 height: 79px;
 border-top-color: #000099;
 border-left-color: #000099;
 border-bottom-width: 1px;
 background-image: url(images/bannerbg.jpg);
 background-repeat: repeat-x;
 text-align: right;
 vertical-align: top;
}

/* sivun hierarkian ja p?v??r? tyylit */

.path {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #000000;
    border-top-width: 1px;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    border-top-color: #FCB117;
    border-bottom-color: #FFFFFF;
    border-right-color: #FCB117;
    border-left-color: #FCB117;
    border-top-style: none;
    background-image: url(images/pathbg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

.pathleft {
    font-size: 8pt;
    color: #FFFFFF;
    border-left-width: 8px;
    border-left-style: solid;
    border-left-color: #FFFFFF;
    padding-left: 5px;
}
.pathright {
    font-size: 8pt;
    color: #000000;
    text-align: right;
    border-right-width: 8px;
    border-right-style: solid;
    border-right-color: #FFFFFF;

}
.pathtd {
   background-image: url(/images/navibg.jpg);
   background-repeat: repeat-x;
   background-position: left top;

}

/* vasemman solun linkkilistan pohjan tyylit */

.navileft {
    border: 0px none black;
    font-family: Arial, Helvetica, sans-serif;
    background-repeat: repeat-y;
    background-position: left top;
}

/* vasemman solun linkkien tyylit */

.navilefttd  {
    display: block;
    border-left: 1px none #FFD171;
    text-decoration: none;
    width: 100%;
    border-bottom-color: #D09110;
    padding-top: 5px;
    padding-right: 4px;
    padding-bottom: 5px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    padding-left: 1em;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-top-color: #FFD171;
    border-right-color: #D09110;
    text-align: right;
     }
.navileft a:link, .navileft a:visited {
    font: bold 11px Arial, verdana, sans-serif;
    color:#FFFFFF;
    text-decoration:none;
    padding-right: 8px;
    margin-right: 6px;
}
.navileft a:hover {
    font: bold 11px Arial, Helvetica, sans-serif;
    color:#6EAED1;
    text-decoration:none;
    padding-right: 8px;
}

/* vasemman solun linkkilistan tyhj? v?in tyyli */

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

/* vasemman solun linkkien hakukent? tyyli */

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


/* koko taulukon tyyli */
    .all {
 background-color: #FEFDFF;
 font-family: Arial, Verdana, sans-serif;
 border: 1px #CC0000;
 width: 770px;
}

/* vasemman solun pohjan tyyli */

.mainleft {
    background-image: url(images/mainleftbg.jpg);
    background-position: left top;
    border-left-color: #FFFFFF;
    background-repeat: repeat-y;
    width: 206px;
    font-family: Arial, Helvetica, sans-serif;
    padding-right: 8px;
    padding-top: 6px;
    margin-right: 9px;
    background-color: #FFCA26;
    border-right-color: #FFFFFF;


}

/* keskisolun tyyli */

.main {
 background-color: #FFFF99;
 padding-right: 0px;
 padding-left: 6px;
 width: 100%;
 font-family: Arial, Verdana, sans-serif;
 border-top: 0px none #FFFFFF;
 border-right: 4px none #FFFFFF;
 border-bottom: 1px none #488ABC;
 border-left: 4px none #FFFFFF;
 padding-top: 6px;
 padding-bottom: 8px;
}

/* oikean solunpohjan tyyli */

.mainright {
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 150px;
    border: #FEC925;
    padding-right: 3px;
    padding-left: 3px;
    background-color: #FFFF99;
}

/* oikean linkkilistan pohjan tyyli */

.naviright{
    border: 0px solid black;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6CACCF;
    text-decoration: none;
    width: 100%;
    font-weight: bold;
    background-color: #FFFF99;
 }

/* oikean solun linkkien tyylit */

.navirighttd  {
   display: block;
   border-left: 1px none #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: 11px;
   padding-left: 1em;
   border-top-width: 1px;
   border-right-width: 1px;
   border-bottom-width: 1px;
   border-top-style: none;
   border-right-style: none;
   border-bottom-style: none;
   border-top-color: #FFD171;
   border-right-color: #D09110;
     }
     
 .naviright a:link, .naviright a:visited {
    font: bold 11px Arial, verdana, sans-serif;
    color:#FFC827;
    text-decoration:underline;
    padding-right: 8px;
}
.naviright a:hover {
    font: bold 11px Arial, Helvetica, sans-serif;
    color:#999999;
    text-decoration:none;
    padding-right: 8px;
}

/* muut linkit */

a:link {
 font-family            :         Arial, Helvetica, sans-serif;
 color                :         #000066;
 text-decoration        :         underline
}

a:visited {
 font-family            :         Arial, Helvetica, sans-serif;
 color                :         #000066;
 text-decoration        :         underline
}

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

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

/* 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: 11px !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: 11px !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: 11px !important;
border-bottom-color: #FFFFFF;
}

.navitop a:hover {
   float: left;
   display: block;
   color: #666;
   text-decoration: none;
   padding: 4px 4px 3px;
   font-size: 11px !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 {
  font-weight: bold;
}



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

/* "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: 10pt;
  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%;
    border-right-width: 8px;
    border-left-width: 8px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #FFFFFF;
    border-left-color: #FFFFFF;
    background-color: #FFCA26;
}

/* pohjasolun tyylit */

.bottom {
    height: 100%;
    border-bottom-width: 8px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
}

/* gallupin tyylit */

.gallup {
  color: #262;
  text-decoration: none;
}

.stand {
    color: #262;
    text-decoration: none;
    text-align: left;
    text-indent: 6px;
}
.stand a {
    color: #222;
    text-decoration: none;
    text-align: left;
}
.picturedesc {
    color: #222;
    text-decoration: none;
    padding-right: 2px;
    padding-left: 2px;
}
.pictures {
    color: #222;
    text-decoration: none;
    padding-right: 3px;
    padding-left: 3px;
    width: 440px;
}