/*
Tämän tyylin avulla hallitaan admin-puolen ulkoasua.
*/


table.sivu
{
  width: 100%;
  background-color: #FFFFFF;
}

table.sivu div.otsikko
{
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

table.sivu div.vali_otsikko
{
  font-weight: bold;
  text-align: center;
}

/* Yla navi */
table.ylanavi
{
  border: 2px solid #000000;
  background-color: #CCCCCC;
  width: 600px;
}

table.ylanavi td.navi_otsikko
{
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
}

/* Perustaulun ja sen otsikon ulkoasu */

table.perustaulu
{
  border: 2px solid #000000;
  background-color: #EAEAEA;
  width: 600px;
}

table.perustaulu td
{
  padding: 3px;
}

table.perustaulu td.otsikko
{
   font-weight: bold;
   text-align: left;
   background-color: #CCCCCC;
}

/* kuva panikkeet */
table.perustaulu img.painike
{
  margin-left: 5px;
}
/* nuoli panikkeet */
table.perustaulu img.nuoli
{
  margin-left: 5px;
}

/* Tieto1 ja tieto2 tekevät listauksiin vaihtuvan värin hahmottamisen helpottamiseksi. */
table.perustaulu tr.tieto1
{
   background-color: #EAEAEA;
}

table.perustaulu tr.tieto2
{
   background-color: #FFFFDD;
}

/* vaakatieto1 käytetään kun tietoja tulee vieretysten. */
table.perustaulu td.vaakatieto1
{
   background-color: #FFFFDD;
   border: 1px;
   border-style: solid dashed solid solid;
}

table.perustaulu td.vaakatieto2
{
   background-color: #E8F8FF;
   border: 1px;
   border-style: solid solid solid none;
}
/* Keskitetty teksti */
table.perustaulu td.keskitetty
{
 text-align: center;
}

table.perustaulu div.toiminto
{
  background-color: #CCCCCC;
  border: 1px ridge #000000;
  font-weight: bold;
  text-align: center;
  float: left;
  width: 100px;
  text-decoration: none;
  color: #000000;
}












/* Statistiikan kalenterin tyyli */
div.kalenteri
{
        border:3px;
        border-style: double;
        margin-left: 5px;
        margin-top: 5px;
	width: 500px;
        float: left;
        background-color: #EAEAEA;

}
div.kalenteri div.pvm_otsikko
{
	margin-top: 0;
	font-weight: bold;
	background-color: #000000;
        color: #FFCC00;
	text-align: center;
}
div.kalenteri div.pv_otsikko
{
	width: 70px;
        float: left;
        background-color: #CCCCCC;
        text-align: center;
        border-left: 1px solid;
        border-bottom: 1px solid;
}

div.kalenteri div.pv
{
	width: 70px;
        float: left;
        height: 22px;
        background-color: #EAEAEA;
        border-left: 1px solid;
        border-bottom: 1px solid;
}

div.kalenteri div.pv_nyt
{
	width: 70px;
        float: left;
        height: 22px;
        background-color: #CCCCCC;
        border-left: 1px solid;
        border-bottom: 1px solid;
}

div.kalenteri div.pv div.pv_num
{

}

div.kalenteri div.pv_nyt div.pv_num
{
}

div.kalenteri li
{
  list-style-type: none;
  font-size: small;
  color: #000000;
}

div.kalenteri a
{
  font-size: small;
  color: #000000;
}

div.kalenteri div.kk_selain
{
        clear: both;
        background-color: #EAEAEA;
}

/*////////////////////////////////////
//
// Admin etusivun tyyli.
//
///////////////////////////////////*/

table.linkki_taulu
{
    background-color: #EAEAEA;
	border: 1px solid #000000;
	padding: 5px;
}

table.linkki_taulu td.linkki
{
    background-color: #FFFFFF;
	border: 1px dashed #000000;
	padding: 5px;
	text-align: center;
}