body {
  background: #FFFFFF ;
  color: #000000;
  font: normal 12px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida,sans-serif;
  padding: 0px;
  margin:0px;
}


div.container {
	padding-bottom:20px;
	width: 100%;
	text-align: center;
}

div.information {
	text-align:left;
	margin: 50px auto;
	border: 3px solid #dddddd;
	padding:10px;
	width:600px;
	
}

div.information div.date
{
	font-weight:bold;
	width:100px;
	border:0px;
	padding:0px;
	padding-right:10px;
	display:inline;	
}
div.information div.info
{
	width:490px;
	border:0px;
	padding:0px;
	display:inline;
}


div.overlay{
	display:none;
	z-axis: 999;
	background-color:#DDDDDD;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	heigth:90%;


}

div.popup{
	margin: 100px auto;
	width:770px;
}



table.login {
  background-color: #EEEEEE;
  padding: 5px;
  border: 1px solid #666666;
}

table.login tr td{
	padding:2px 2px 2px 10px;
}

div.pohja {
  border-top: solid 1px #333333; 
  text-align: right;
  margin:0px; 
  padding:0px;
  position:absolute;
  z-index:99;
  width:100%;
  top: 0px;
  left:0px;
  color: #333333;
  background: #FEFEFE;
  font: normal 8px "Lucida Grande", "Lucida Sans Unicode", verdana, lucida,sans-serif;
}

div.pohja a{
	color: #666666;
	text-decoration:none;
}
div.pohja a:hover {
	color: #000000;
	text-decoration:underline;
}

div.news
{ 
 text-align: left;
 width: 770px;
 margin: 10px auto;	
 background-color: #fff;
 color: #333;
 border: 1px solid gray;

}

div.newstop
 {
 padding: 10px;
 background-color: #ddd;
 border-bottom: 1px solid gray;
 font-size: 16px;
 font-weight:bold;
 }
 
div.newscontent
{
padding: 10px;

}

div.newsfooter
{
text-align:right;
clear: both;
margin: 0;
padding: 5px;
color: #333;
background-color: #ddd;
border-top: 1px solid gray;
font-size: 10px;
}

#newsleftnav p { margin: 0 0 .2em 0; }
#newscontent h2 { margin: 0 0 .5em 0; }


.navcontainer
{
	margin-top:10px;
	margin-left:40px;
	margin-right:40px;
	margin-bottom:20px;
}

.floatfight
 {
  float: right;
  margin: 0 0 10px 10px;
  border: 1px solid #666;
  padding: 2px;
//  background-color: #EEEEEE;
 }
      
.navlist
 {
 border: 3px solid #222;
 padding: 0 0 0 20px;
 margin: 0;
 background-color: #ACF;
 font-family: verdana,sans-serif;
 font-size: 12px;
 font-weight: bold;
 }
 
.navlist li
 {
 display: inline;
 list-style: none;
 padding: 0;
 margin: 0;
 }

  
.navlist li a
 {
  text-decoration: none;
  border: 3px solid #000;
  padding: 0px 8px 3px 8px;
  margin: 0px 3px;
  background-color: #FFF;
  color: #000;
  }

 .navlist li a.current
 {
  background-color:#BBDDFF;
  color: #000;
  text-decoration:underline;
 }

 * html #navlist li a { padding: 0 8px; }
  
.navlist li a:hover
  {
  background-color: #26A;
  color: #FFF;
  }
   
.navlist #active
 {
  background-color: #26A;
  color: #FFF;
 }  
 
      


.buttons {
  color: #000000;
  border:1px solid;
  border-color: #555 #444 #444 #555;	
  background-color: #CCCCCC;
}
.buttons:hover {
  color: #000000;
  background-color: #EEEEEE;
}
.buttons:active {
  color: #000000;
  background-color: #EEEEEE;
}

#otsikko a:link {color: #000000}
#otsikko a:visited {color: #000000}
#otsikko a:hover {color: #555555}
#otsikko a:active {color: #777777}

div.kalenteri
{
	text-align:left;
	width:830px;
	margin: 10px auto;
}


#otsikko {
  background-color: #FFFFFF;
  width: 821px;
  height: 20px;
  padding: 0px;
  text-align: center;
  vertical-align: top;
  clear: left;
  top: 10px;
  
}

#otsikko #kuukausi{
  background-color: #FFFFFF;
  border: 1px solid #666666;
  width: 560px;
  height: 100%;
  padding: 3px;
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: middle;
float: left;
clear:none;
}

#otsikko #navigate{
  background-color: #FFFFFF;
  border: 1px solid #666666;
  width: 115px;
  height: 100%;
  padding: 3px;
  vertical-align: top;
  float: left;
  clear:none;
}

#paiva_rivi a:link {color: #000000}
#paiva_rivi a:visited {color: #000000}
#paiva_rivi a:hover {color: #555555}
#paiva_rivi a:active {color: #777777}

div.paiva_rivi {
  background-color: #FFFFFF;
  width: 824px;
  height: 18px;
  padding: 2px;
  text-align: center;
  vertical-align: top;
  clear: left;
  margin-top:10px;
  margin-bottom:0px;
}

div.paiva_rivi .paiva_normaali{
  background-color: #FFFFFF;
  border: 1px solid #666666;
  width: 106px;
  height: 100%;
  padding: 3px;
  margin-right: 3px;
  vertical-align: top;
  float: left;
  clear: none;
}

div.paiva_rivi .paiva_sunnuntai{
  background-color: #FFFFFF;
  border: 1px solid #666666;
  width: 106px;
  height: 100%;
  padding: 3px;
  vertical-align: top;
  float: left;
  clear:none;
}

div.rivi a:link {color: #000000}
div.rivi a:visited {color: #000000}
div.rivi a:hover {color: #555555}
div.rivi a:active {color: #777777}

div.rivi {
   width: 824px;
   min-height: 80px;
   padding: 2px;
   clear: left;
   top: 10px;
  }

div.rivi .normaali{
	text-align:center;
	margin-right: 3px;
  width: 106px;
  min-height: 80px;
  padding: 3px;
  vertical-align: top;
  margin-right: 3px;
  float: left;
  clear:none;
}
div.rivi .sunnuntai{
	text-align:center;
  width: 106px;
  min-height: 80px;
  padding: 3px;
  vertical-align: top;
  margin-right: 3px;
  float: left;
  clear:none;
}

div.rivi .paiva{
  background-color: #FFFFFF;
  border: 1px solid #999999;
}

div.rivi .ohi {
  background-color: #DFDFDF;
  border: 1px solid #999999;
}

div.rivi .diff_kuukausi {
  background-color: #AAAAAA;
  border: 1px solid #999999;
}

div.rivi a {
  text-align:left;
  width: 104px;
  min-height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #666666;
  font-size: 8pt; 
  overflow:hidden;
  display:block;
  margin-bottom:3px;
}

div.rivi p {
  text-align:left;
  width: 104px;
  min-height: 40px;
  background-color: #FFFFFF;
  border: 1px solid #666666;
  font-size: 8pt; 
  overflow:hidden;
  margin:0px;
  margin-bottom:3px;
}

div.rivi .normaali_tap {
  background-image: url('kuvat/normaali.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.rivi .normaali_lukittu {
  background-image: url('kuvat/normaali_lukittu.png');
  background-repeat: no-repeat;
  background-position: top left;
}


div.rivi .mukana {
  background-image: url('kuvat/mukana.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.rivi .mukana_lukittu {
  background-image: url('kuvat/mukana_lukittu.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.rivi .vapaa {
  background-image: url('kuvat/vapaa.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.rivi .vapaa_lukittu {
  background-image: url('kuvat/vapaa_lukittu.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.rivi .kiire {
  background-image: url('kuvat/kiire.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.rivi .kiire_lukittu {
  background-image: url('kuvat/kiire_lukittu.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.rivi .mennyt {
  background-image: url('kuvat/mennyt.png');
  background-repeat: no-repeat;
  background-position: top left;
}

div.rivi .mennyt_lukittu {
  background-image: url('kuvat/mennyt_lukittu.png');
  background-repeat: no-repeat;
  background-position: top left;
}



#tapahtuma
{
 text-align:left;
 width: 770px;
 margin: 10px auto;
 background-color: #fff;
 color: #333;
 border: 1px solid gray;
}

#content
{
 margin: 5px;
}

#topleft p.urgent
 {
 float: left;
 width: 240px;
 margin: 0;
 padding: .5em;
 background-color: #fdd;
 border-bottom: 1px solid gray;
 border-right: 1px solid gray;
 font-size: 14px;
 }
 
#topleft p.norm
 {
 float: left;
 width: 240px;
 margin: 0;
 padding: .5em;
 background-color: #ddd;
 border-bottom: 1px solid gray;
 border-right: 1px solid gray;
 font-size: 14px;
 }

#topleft a.norm
 {
 float: left;
 width: 240px;
 margin: 0;
 padding: .5em;
 background-color: #ddd;
 border-bottom: 1px solid gray;
 border-right: 1px solid gray;
 font-size: 14px;
 }

#topleft a.urgent
 {
 float: left;
 width: 240px;
 margin: 0;
 padding: .5em;
 background-color: #fdd;
 border-bottom: 1px solid gray;
 border-right: 1px solid gray;
 font-size: 14px;
 }
 
#topright
{
  margin-left: 240px;
  border-bottom: 1px solid gray;   
  padding: .5em;  
  padding-left: 260px;
  margin: 0;
  font-size: 14px;
  background-color: #eeeeee;
}


#status a:link {color: #000000}
#status a:visited {color: #000000}
#status a:hover {color: #555555}
#status a:active {color: #777777}

#status a
{
 float: right;
 width: 100px;
 margin: 0px;
 padding: 5px 5px 5px 5px;
 background-color: #fff;
 border-left: 1px solid gray;
 border-bottom: 1px solid gray;	
 font-size: 14px;	
 display:block;
 overflow:hidden;
}

#status p
{
 float: right;
 width: 100px;
 margin: 0;
 padding: 5px;
 background-color: #fff;
 border-left: 1px solid gray;
 border-bottom: 1px solid gray;	
 font-size: 14px;	
}

#status .normaali
{
 background-image: url('kuvat/normaali.png');
 background-repeat: no-repeat;
 background-position: top left;
}

#status .mukana
{
 background-image: url('kuvat/mukana.png');
 background-repeat: no-repeat;
 background-position: top left;
}

#status .kiire
{
 background-image: url('kuvat/kiire.png');
 background-repeat: no-repeat;
 background-position: top left;
}


#status .vapaa
{
 background-image: url('kuvat/vapaa.png');
 background-repeat: no-repeat;
 background-position: top left;
}

#status .normaali_lukittu
{
 background-image: url('kuvat/normaali_lukittu.png');
 background-repeat: no-repeat;
 background-position: top left;
}

#status .mukana_lukittu
{
 background-image: url('kuvat/mukana_lukittu.png');
 background-repeat: no-repeat;
 background-position: top left;
}

#status .kiire_lukittu
{
 background-image: url('kuvat/kiire_lukittu.png');
 background-position: top left;
 background-repeat: no-repeat;
}

#status .vapaa_lukittu
{
 background-image: url('kuvat/vapaa_lukittu.png');
 background-repeat: no-repeat;
 background-position: top left;
}

#status .mennyt
{
 background-image: url('kuvat/mennyt.png');
 background-repeat: no-repeat;
 background-position: top left;
}

#status .waiting
{
 background-image: url('kuvat/mennyt.png');
 background-repeat: no-repeat;
 background-position: top left;
}

ul.offset {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 0px;
border-bottom: 1px solid #6c6;
margin: 0px auto;
width:800px;
height:24px;

}

ul.offset li {
float: left;
height: 21px;
padding-bottom: 0px;
background-color: #cfc;
margin: 2px 2px 0px 2px;
border: 1px solid #6c6;

}


ul.offset li.selected {
border-bottom: 1px solid #fff;

}


.offset a {
float: left;
display: block;
color: #666;
text-decoration: none;
padding: 4px;
padding-left: 24px;
padding-right: 24px;
}

.offset p {
float: left;
color: #000;
background: #fff;
text-decoration: none;
margin-top:0px;
padding: 4px;
padding-left: 24px;
padding-right: 24px;
}

.offset a:hover {
background: #fff;
}