﻿body 
{
	font-family : Verdana;
	font-size : 9pt;
	color : #000000;
	background: #9ac39e url(../img/background2.gif) repeat-x;
	padding : 10px;
	margin : 0;
}
a {
	color: #000000;
	text-decoration: underline;
}
p 
{
    padding : 0px;
    margin :  1px 0px 0px 0px;
}
th
{
	background : #abc9ae;
}
th.Header
{
	vertical-align : bottom; 
	text-align : left;
	background : #7bb580;
	/*-moz-border-radius: 2px;
	-webkit-border-radius: 2px;*/
}
img
{
	border : none;
}
.KalenteriHeader
{
   background : #7bb580; 
}
.Selected
{
	background : #85c18b;
	cursor : pointer;
	width : 128px;
}
.Transparent_Kalenteri
{
    margin : 0px;
    padding :  0px 0xp 0px 5px;
	background : #ddecde;
	width : 128px;
}
.Transparent_Kalenteri_Linkki
{
    margin : 0px;
    padding :  0px 0xp 0px 5px;
	background : #ddecde;
	cursor : pointer;
	width : 128px;
}
.Transparent
{
	background : #ddecde;
}
.Transparent_Koemuoto
{
	background : #ddecde;
	text-align : center;
}
.White
{
	background : #ffffff;
}
.White_Kalenteri
{
    margin : 0px;
    padding :  0px 0xp 0px 5px;
	background : #ffffff;
	cursor : pointer;
	width : 128px;
}
.White_Kalenteri_Linkki
{
    margin : 0px;
    padding :  0px 0xp 0px 5px;
	background : #ffffff;
	cursor : pointer;
	width : 128px;
}
.White_Koemuoto
{
	background : #ffffff;
	text-align : center;
}
.Head
{
	background : #68966c;
}
span#Otsikko_lblLinkit,span#Otsikko_lblKäyttäjä
{
	color: #ffffff;	
}
.header
{
	color: #ffffff;
	text-decoration: underline;	
}
.HeaderTop
{
	height : 85px;	
	width: 700px;
	padding : 0 0 0 0;
	margin : 0 0 0 0;
}
.HeaderLogo
{
	position: absolute ;
	width: 50px;
	padding : 0 0 10px 0;
	margin : 0 0 0 0;
}
.HeaderLinks
{
	position: absolute ;
	left : 65px;
	width: 700px;
	padding : 10px 0 0 0;
	margin : 0 0 0 0;
}
.HeaderRight 
{
	position :absolute ;
	right: 20px;
	top: 10px;
	padding: 0 0 0 0;
}
.Left
{
	position: absolute ;
	width : 20px;
}
.Center
{
	position: absolute ;
	width : 80px;
	left : 20px;
}
.Right
{
	position: absolute ;
	width : 20px;
	left: 100px;
}
/*a:visited 
{
	color:#ffffff;
}*/
a:hover 
{
	/*color: #d9e7da;  */
	text-decoration: none;
}
a.linkit
{
	color: #ffffff;
}
a.linkit_current
{
	color: #ffffff;
	text-decoration: none;
}
a.linkit_current_black
{
	color: #000000;
	font-size : 120%;
	text-decoration: none;
	background-color : #bfd7c2; /*#7bb580; /*#d0d9d1;*/
	border-top : 1px solid #839485; /*#d0d9d1;*/
	border-right : 1px solid #839485; /*#d0d9d1;*/
	border-left : 1px solid #d7edd9; /*#99b89c;*/
	border-bottom : 1px solid #d7edd9; /*#99b89c;*/
	padding : 0px 3px 0px 3px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
a.alalinkit_current
{
	color: #000000;
	text-decoration: none;
}
textbox
{
	font-size : 10px;
}
input, select
{
	font-size : 10px;
}
.small
{
	font-size : 75%; 
}
.small_Muistilista
{
	font-size : 75%; 
	color : #c80000;
}
.FooterLeft {
	float: left;
	padding: 0 0 0 0;
}
.FooterRight {
	float: right;
	padding: 0 0 0 0;
}
#MenuTop
{
	background-color : #abc9ae;
	background : url(../img/MenuTopLeft.gif);
	background-repeat : no-repeat ;
	/*background-position : right ;*/
	padding : 0;
	margin : 0;
	/*width : 350px;
	height : 6px;*/
}
#MenuTop P
{
	/*background : url(../img/MenuTopLeft2.gif);
	background-repeat : no-repeat ;*/
	width : 20px;
	height : 6px;
	padding : 0;
	margin : 0;

}
#MenuBottom
{
	background-color : #abc9ae;
	background : url(../img/MenuBottomRight.gif);
	background-repeat : no-repeat ;
	background-position :right ;
	padding : 0;
	margin : 0;
	/*width : 350px;
	height : 6px;*/
}
#MenuBottom P
{
	/*background : url(../img/MenuBottomLeft2.gif);
	background-repeat : no-repeat ;*/
	width : 20px;
	height : 6px;
	padding : 0;
	margin : 0;
}
#Menu
{
	background : #abc9ae;
	/*width : 250px;*/
	margin : 0;
	padding: 0 0 0 10px;

}
#MenuBoxTuomariluettelo
{
	width : 215px;
	background-color : #abc9ae;
	background : transparent;
	/*padding : 0;
	margin : 0;*/
}

#MenuBoxKoekalenteri
{
	width : 460px;
	background-color : #abc9ae;
	background : transparent;
	padding : 0;
	/*margin : 0;*/
}

#MenuBoxOmatTiedot
{
	width : 350px;
	background-color : #abc9ae;
	background : transparent;
	padding : 0;
	/*margin : 0;*/
}

#MenuBoxKäyttäjät
{
	width : 800px;
	background-color : #abc9ae;
	background : transparent;
	padding : 0;
	/*margin : 0;*/
}

#MenuBoxKäyttäjätTiedot
{
	width : 350px;
	background-color : #abc9ae;
	background : transparent;
	/*border-left-style :solid ;
	border-left-color : #fbf6fa;
	border-left-width : 1px;*/
	padding :  0 0 0 20px;
}

#MenuBoxTuomarit
{
	width : 650px;
	background-color : #abc9ae;
	background : transparent;
	padding : 0;
	/*margin : 0;*/
}

#MenuBoxTuomaritTiedot
{
	width : 350px;
	background-color : #abc9ae;
	background : transparent;
	padding :  2px 0 0 20px;
	/*border-left-style :solid ;
	border-left-color : #fbf6fa;
	border-left-width : 1px;*/
}

#MenuBoxKokeet
{
	width : 900px;
	background-color : #abc9ae;
	background : transparent;
	padding : 0;
	/*margin : 0;*/
}

#MenuBoxKokeetTiedot
{
	width : 450px;
	background-color : #abc9ae;
	background : transparent;
	padding :  0 0 0 20px;
	border-left-style :solid ;
	border-left-color : #fbf6fa;
	border-left-width : 1px;
	/*margin : 0;*/
}
#MenuBoxIlmoittautuminen
{
	width : 870px;
	background-color : #abc9ae;
	background : transparent;
}
#MenuBoxIlmoittautumiset
{
	width : 950px;
	background-color : #abc9ae;
	background : transparent;
}
.MenuBoxKoekutsu
{
	width : 900px;
	background-color : #abc9ae;
	background : transparent;
}
.MenuBoxLista
{
    padding :  0 0 0 20px;
	border-left-style :solid ;
	border-left-color : #fbf6fa;
	border-left-width : 1px;
}
#HorizontalSeparator
{
	width : 860px;
	border-top-style :solid ;
	border-top-color : #fbf6fa;
	border-top-width : 1px;
	margin: 0 0 0 10px;
}
#tblKoeluokat
{
	width : 435px;
	/*border-top-style :solid ;
	border-top-color : #fbf6fa;
	border-top-width : 1px;*/
}
#tblTuomariluettelo TD
{
	padding : 3px 5px 3px 5px;
}
#tblTuomariluettelo TH
{
	vertical-align : bottom; 
	text-align : center;
}
#tblTuomariluettelo TH.Header
{
	vertical-align : bottom; 
	text-align : left;
}
#tblTuomarit TD, #tblKäyttäjät TD
{
	vertical-align : top;
}
#tblTuomarilista
{
	width : 240px;
	border-right-style :solid ;
	border-right-color : #fbf6fa;
	border-right-width : 1px;
}
#tblKäyttäjälista
{
	width : 420px;
	border-right-style :solid ;
	border-right-color : #fbf6fa;
	border-right-width : 1px;
}
#tblKokeet, #tblPäivänKokeet
{
		width: 700px;
}
#tblKokeet TD, TH, #tblPäivänKokeet TD, TH
{
	padding : 3px 5px 3px 5px;
}
#tblKokeet TD span.small, #tblPäivänKokeet TD span.small
{
	font-size : 75%;
}
.tblLista TD
{
	padding : 3px 5px 3px 5px;
}
.chkMuistilistalle
{
	position :relative;
	top : -2px;
}
#tblHakulinkit
{
	width : 700px;
}
#tblIlmoittautuminen
{
    padding : 5px 0px 0px 0px;
}
#tblIlmoittautuminen TD
{
	padding : 3px 5px 3px 5px;
}
#tblLähetysluettelo
{
    padding : 5px 0px 0px 0px;
}
#tblLähetysluettelo TD
{
	padding : 3px 5px 3px 3px;
}
TD .small
{
	font-size : 75%;    
}

/*#tblKäyttäjälista
{
	width : 240px;
	border-right-style :solid ;
	border-right-color : #fbf6fa;
	border-right-width : 1px;
}*/
.dragHandle:hover
{
    cursor :move ;
}
.itemReorder
{
    border: dotted 1px red;
    height: 5px;
   }
.itemArea
{
   
}
#rlLista_rbl
{
    list-style-type : none ;
}

/* CSS TOOLTIP */
a.tooltip{
    position:relative;
    z-index:24;
    color:#000000;
    text-decoration:none;
    padding : 0px;
}
a.tooltip span
{ 
    display: none; 
}
a.tooltip:hover
{ 
    z-index:25; 
    color: #616161; 
    /*background: none;*/
}
a.tooltip:hover span.title
{
    display:block;
    position:absolute;
    top : 30px; 
    left : 0;
	width: 250px;
	color: #000000;
	font-size : 75%;
    text-align: left;
}
/*a.tooltip:hover span.top
{
	display: block;
	padding: 30px 8px 0;
    background: url(bubble.gif) no-repeat top;
}*/
a.tooltip:hover span.middle{ 
	display: block;
	padding: 10px 8px 10px;
	background: #99c29d; 
	-webkit-border-radius: 2px;
	-moz-border-radius:    2px;
	border : 1px solid #7c7c7c;
}
/*a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #548912;
    background: url(bubble.gif) no-repeat bottom;
}*/
