@charset "iso-8859-1";
/***************************************************************************
****
* Rules for theme variations
* 2011 (c) Innotaito
****************************************************************************
***/

body {
  color: #333;
  background: #4F6270; /* #837B55; #948B60; */
}
p {
   color: #000;
}

.threecolumns .container3 {
    background: #fbbd86 url(bg-digikuvaus.gif) repeat-y top right;
}
.threecolumns .container2 {
    background: #b7ca5f url(bg-tietokone.gif) repeat-y top right;
}
.threecolumns .container1 {
    background: #8ca6e0 url(bg-kirjat.gif) repeat-y top right;
}

.twothirds .container2.blue {
    background: #8ca6e0;
}
.twothirds .container2.green {
    background: #b7ca5f;
}
.twothirds .container2.orange {
    background: #fbbd86;
}
.twothirds .container1 {
    background: #fff;
}

.threecolumns .col1 .menu ul li a:hover, .twothirds .blue .col2 .menu ul li
a:hover {
    background-color: #b9caed;
}
.threecolumns .col2 .menu ul li a:hover, .twothirds .green .col2 .menu ul li
a:hover {
    background-color: #d4e0a0;
}
.threecolumns .col3 .menu ul li a:hover, .twothirds .orange .col2 .menu ul
li a:hover {
    background-color: #fdd6b3;
}

/* taulukot */

th {
  font-weight: bold;
  }
caption {
  font-weight: bold;
  margin: 0;
  padding: 0.25em 0;
  }
table, table.lined, table.boxed, table.grid {
  font-size: inherit;
  margin: 0 0 1em 0;
  border-collapse: collapse;
  border-spacing: 0;
  }
table.lined {
  border-bottom: 1px solid #ccc;
 }
table.boxed, table.grid {
  padding: 2px;
  border: 1px solid #ccc;
 }
table.lined td, table.lined th {
  padding: 0.25em;
  border-top: 1px solid #ccc;
 }
table.boxed th, table.boxed td, table th, table td {
 padding: 0.25em 0.5em;
 }
table.grid th, table.grid td {
 padding: 0.25em 0.5em;
 border: 1px solid #ccc;
 }

table.gallery td {
    padding: 1em 0.5em;
    vertical-align: bottom;
}
table.gallery td p {
    font-family: Arial, Helvetica, Sans-serif;
    font-variant: small-caps;
}

table.fancy { width:auto; border-collapse:collapse; margin-bottom:0.5em;
border-top:2px #888 solid; border-bottom:2px #888 solid; }
table.fancy caption { font-variant:small-caps; }

table.fancy th, table.fancy td {
  padding:0.5em; }
table.fancy thead th {
  color:#000; border-bottom:2px #333 solid; }
table.fancy tbody th {
  background:#e0e0e0; color:#333; }
table.fancy tbody th[scope="row"],
table.fancy tbody th.sub {
  background:#f0f0f0; }

table.fancy tbody th {
  border-bottom:1px solid #fff; text-align:left; }
table.fancy tbody td {
  border-bottom:1px solid #eee; }

table.fancy tbody tr:hover th[scope="row"],
table.fancy tbody tr:hover tbody th.sub {
  background:#f0e8e8; }
table.fancy tbody tr:hover td {
  background:#fff8f8; }

table.full { width:100%; }
table.fixed { table-layout:fixed; }


/** tabs **/

.tabBox {
   margin: 10px 10px;
}
.tabBox .tabs {
    font-weight: bold;
    margin: 0;
    padding: 0 10px;
    overflow: hidden;
    margin-bottom: -1px;
    height: 2.25em;
}

.tabBox .tabs li {
    float: left;
    list-style: none;
    margin: 0;
    padding: .25em .25em 0;
    height: 2em;
    overflow: hidden;
    position: relative;
    z-index: 1;
    border-bottom: 1px solid #fff;
}

.tabBox .tabs li.selected {
    z-index: 3;
}

.tabBox .tabs a {
    float: left;
    height: 2em;
    line-height: 2em;
    -webkit-border-radius: 8px 8px 0 0;
    -moz-border-radius: 8px 8px 0 0;
    border-radius: 8px 8px 0 0;
    border: 1px solid #999;
    border-bottom: 0;
    background: #eee;
    padding: 0 15px;
    color: #444;
    text-decoration: none;
}

.tabBox .tabs a.blue {
    background: #b8cae4; /* 8ca6e0; */
}
.tabBox .tabs a.green {
    background: #b8cae4 ; /* b7ca5f; */
}
.tabBox .tabs a.orange {
    background: #b8cae4 ; /* fbbd86; */
}

.tabBox .tabs a.blue:hover {
    /*
    background: -webkit-gradient(linear, 0 0, 0 90%, from(#8ca6e0),
to(#fff));
    background: -moz-linear-gradient(#8ca6e0, #fff 90%);
    background: linear-gradient(#8ca6e0, #fff 90%);
    -pie-background: linear-gradient(#8ca6e0, #fff 90%);
    */
    /* background: url(gradblue.png) repeat-x; */
}
.tabBox .tabs a.green:hover {
    /*
    background: -webkit-gradient(linear, 0 0, 0 90%, from(#b7ca5f),
to(#fff));
    background: -moz-linear-gradient(#b7ca5f, #fff 90%);
    background: linear-gradient(#b7ca5f, #fff 90%);
    -pie-background: linear-gradient(#b7ca5f, #fff 90%);
    */
    /* background: url(gradgreen.png) repeat-x; */
}
.tabBox .tabs a.orange:hover {
    /*
    background: -webkit-gradient(linear, 0 0, 0 90%, from(#fbbd86),
to(#fff));
    background: -moz-linear-gradient(#fbbd86, #fff 90%);
    background: linear-gradient(#fbbd86, #fff 90%);
    -pie-background: linear-gradient(#fbbd86, #fff 90%);
    */
    /* background: url(gradorange.png) repeat-x; */
}

.tabBox .tabs .selected a {
    color: #000;
}
.tabBox .tabs .selected a.blue {
    -webkit-box-shadow: #ccc 0 0 .25em;
    -moz-box-shadow: #ccc 0 0 .25em;
    box-shadow: #ccc 0 0 .25em;
    /*
    background: -webkit-gradient(linear, 0 0, 0 90%, from(#8ca6e0),
to(#fff));
    background: -moz-linear-gradient(#8ca6e0, #fff 90%);
    background: linear-gradient(#8ca6e0, #fff 90%);
    -pie-background: linear-gradient(#8ca6e0, #fff 90%);
    */
    background: #fff; /* url(gradblue.png) repeat-x; */
}
.tabBox .tabs .selected a.green {
    -webkit-box-shadow: #ccc 0 0 .25em;
    -moz-box-shadow: #ccc 0 0 .25em;
    box-shadow: #ccc 0 0 .25em;
    /*
    background: -webkit-gradient(linear, 0 0, 0 90%, from(#b7ca5f),
to(#fff));
    background: -moz-linear-gradient(#b7ca5f, #fff 90%);
    background: linear-gradient(#b7ca5f, #fff 90%);
    -pie-background: linear-gradient(#b7ca5f, #fff 90%);
    */
    background: #fff; /* url(gradgreen.png) repeat-x; */ 
}
.tabBox .tabs .selected a.orange {
    -webkit-box-shadow: #ccc 0 0 .25em;
    -moz-box-shadow: #ccc 0 0 .25em;
    box-shadow: #ccc 0 0 .25em;
    /*
    background: -webkit-gradient(linear, 0 0, 0 90%, from(#fbbd86),
to(#fff));
    background: -moz-linear-gradient(#fbbd86, #fff 90%);
    background: linear-gradient(#fbbd86, #fff 90%);
    -pie-background: linear-gradient(#fbbd86, #fff 90%);
    */
    background: #fff; /* url(gradorange.png) repeat-x; */
}


.tabBox .content {
    clear: left;
    position: relative;
    z-index: 2;
    /* padding: 2em 1em; */
    border: 1px solid #ccc;
    background: #FFF;
    /*
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    */
    -webkit-box-shadow: #ccc 0 0 .25em;
    -moz-box-shadow: #ccc 0 0 .25em;
    box-shadow: #ccc 0 0 .25em;
}

/** theme colors **/

.blue {
  background: #b8cae4 ; /* #dbe8ff, 8ca6e0; */
  }
.green {
  background: #b8cae4 ; /* b7ca5f; */
  }
.orange {
  background: #b8cae4 ; /* fbbd86; */
  }

td.blue {
  background: #b8cae4 ; /* url(bg-kirjat.gif) repeat-y top right; */
  }
td.green {
  background: #b8cae4 ; /* url(bg-tietokone.gif) repeat-y top right; */
  }
td.orange {
  background: #b8cae4 ; /* url(bg-digikuvaus.gif) repeat-y top right; */
  }
td.graf {
  background: #b8cae4 ; /* url(bg-graafinen.gif) repeat-y top right; */
  }  

.blue-grad {
	background: #83a0e1;
	background: -webkit-gradient(linear, left top, left bottom, from(#bbccef),
to(#83a0e1));
	background: -moz-linear-gradient(top,  #bbccef,  #83a0e1);
	filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbccef',
endColorstr='#83a0e1');
}

.green-grad {
	background: #a4bd2f;
	background: -webkit-gradient(linear, left top, left bottom, from(#c7db6f),
to(#a4bd2f));
	background: -moz-linear-gradient(top,  #c7db6f,  #a4bd2f);
	filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7db6f',
endColorstr='#a4bd2f');
}

.orange-grad {
	background: #ffac63;
	background: -webkit-gradient(linear, left top, left bottom, from(#FCC89A),
to(#f9a255));
	background: -moz-linear-gradient(top,  #FCCCA2,  #f9a255);
	filter:
progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBBE89',
endColorstr='#f9a255');
}