BODY.layout
{
	background-color:#8080aa;
	text-align:center;
}
BODY.layout.zztestipalvelin
{
	background-color: #9ebf99;
}
.testipalvelin DIV.wrapperi
{
	background-image: url("/grafiikka/testilogo.png");
	background-repeat: repeat-y;
}
.zztestipalvelin DIV.menu
{
	background-color: #b9e0b3;
}
BODY
{
	font-family:sans-serif;
}

DIV.kokowrapperi
{
	display:inline-block;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
DIV.wrapperi
{
	background-color:#ffffff;
	margin:0px;
}

DIV.topbar
{
	background-color:white;
	margin:0px;
}
DIV.menu
{
	background-color: #d0dbf7;
z:#cdd9fa;
	padding: 8px;
}

H1, H2, H3, H4, H5, H6,
DIV.irtokentta .otsikko
{
	color: #303040;
	font-weight: bold;
}

TABLE.kevyttaulu TH,
TH
{
	color: #202030;
	font-weight: bold;
	text-align: left;
}

H1 { font-size: 150%; }
H2 { font-size: 120%; }
H3 { font-size: 100%; }

DIV.oikealaatikko
{
	float: right;
	border: 1px solid black;
	margin: 5px;
	padding: 10px 20px;
	background-color: white;
}

.dbtaulu .rivihinta,
.dbtaulu .rivialennus,
.dbtaulu .normhinta,
.dbtaulu .kpl,
.dbtaulu .maara,
.dbtaulu .summa,
.dbtaulu .saamatta,
.dbtaulu .maksettu,
.dbtaulu .liikaa
{
	text-align: right;
}

.vartiopaivaluettelo A
{
	cursor : hand;
}

IMG.vasen
{
	float: left;
	margin-right: 10px;
}

IMG.oikea
{
	float: right;
	margin-left: 10px;
}

IMG.tayslevea
{
	width: 100%;
	height: auto;
}

DIV.osio
{
	clear: both;
}

DIV.uutinen
{
	zzbackground-color: #e0e0e0;
	background-image: url("/grafiikka/liuku300b.png");
	background-repeat: repeat-x;
	padding: 5px;
	margin: 10px 0px;
}

DIV.uutinen .otsikko
{
	margin: 10px 0px;
	font-weight: bold;
}

DIV.tapahtuma
{
	background-image: url("/grafiikka/liuku300b.png");
	background-repeat: repeat-x;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 5px;
	zzbackground:#e0e0e0;
}

DIV.clipboard
{
	background: #ffff80;
	padding: 10px;
	margin-bottom: 10px;
	display: none;
}

DIV.menubar
{
	float:left;
	margin-right:10px;
	margin-left:10px;
	margin-top:5px;
	zzpadding:5px;
	font-family:sans-serif;
	width:210px;
}

DIV.content
{
	margin-top:5px;
}

DIV.menubar UL
{
	margin: 0px;
	padding: 0px;
    list-style: none;
}
DIV.menubar UL UL
{
	margin-left: 15px;
}


DIV.menubar UL LI
{
    padding-left: 1em;
    text-indent: -1em;
}

DIV.menubar UL LI:before
{
    content: "»";
    padding-right: 5px;
}

DIV.menubar A
{
	text-decoration: none;
}

DIV.menubar A:hover
{
	text-decoration: underline;
}

DIV.content
{
	float:left;
	padding-right:10px;
	width:730px;
}

DIV.content#annasaaran-matkassa DIV.osio
{
	margin-bottom: 20px;
	padding: 10px;
	border: 1px solid black;
}

DIV.content TABLE.dbtaulu
{
	margin-top: 0px;
}

DIV.alapalkki
{
	background-color:#dddddd;
	color:#606060;
	border-top:1px solid #c0c0c0;
	padding:5px 15px;
	margin-top:10px
}

.validatefail
{
	color: red;
}

.validateok
{
	color: green;
}

DIV.popup, DIV.ladataan
{
	position:absolute;
	border:1px solid black;
	background:white;
	padding:10px;
	text-align:left;
}


TH.sort_column_asc:after {
    content: "  \2193";
}

TH.sort_column_desc:after {
    content: " \2191";
}

TABLE#supertaulu TH,
TABLE.sortable TH
{
	cursor: pointer;
}

TABLE#supertaulu TR:nth-child(odd),
TABLE.sortable TR:nth-child(odd)
{
	background-color: #dfdfff ;
}

TABLE#supertaulu TR:nth-child(even),
TABLE.sortable TR:nth-child(even)
{
	background-color: #e7c6ff ;
}

LABEL SPAN
{
	color: gray;
}

.ohje
{
	background-color: #d0dbf7; z:#ccffcc;
	padding: 5px;
}

DIV.irtokentta
{
	display: inline-block;
	margin-right: 20px;
	margin-bottom: 5px;
}

SPAN.vapaa, SPAN.varattu
{
	padding: 2px 4px;
}

.varattu
{
	background-color: #ffff88;
	font-weight: bold;
}

.vapaa
{
	zzbackground-color: #aaffaa;
}

A.popup,
.popuplinkki,
.tapahtuma LABEL
{
	cursor: pointer;
	text-decoration: underline;
	-moz-text-decoration-style: dashed;
	color: blue;
	zzborder-bottom: 1px dashed blue;
}

.note
{
	background-color: #ffff88;
}