/* ===================================================
  <<<  Kävijöiden hallinnan admin-sivujen tyylitiedosto  >>>
=================================================== */

/* =============================================
Bodyn margineja yms.
============================================= */





/* =============================================
Normaalien linkkien värit
============================================= */

a {
	color: #CA7A2C;
	background: #efefef;
	text-decoration: none;
}

a:visited {
	color: #004C00;
	background: #efefef;
	text-decoration: none;
}

a:hover {
	color: #C00000;
	background: #efefef;
	text-decoration: underline;
}


/* =============================================
Varsinaisen tekstisisällön tekstin koko ja riviväli
============================================= */

p, ul, ol, table {
	font-size: 0.8em;
	line-height: 1.5em;
}

ul ul {
	font-size: 1.0em;
	line-height: 1.5em;
}



/* =============================================
Otsikkotyylit: h1, h2 ja h3 (muita otsikkotyylejä ei ole)
============================================= */

h1, h2 {
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-weight: bold; 
	letter-spacing: -1px;
	color: #666;
	background: #efefef;
	padding-bottom: 3px;
}

h1 {
	font-size: 1.2em;
	margin-left: 100px;
}

h2 {font-size: 1.1em;}



/* =============================================
Taulukoihin liittyviä määritteitä: reunukset, linkkien värit, 
taulukkoiden otsikot, captionit yms.
============================================= */


/* Taulukkojen sisältämäien linkkien värit */

table tbody a {
	color: #CA7A2C;
	background: #E8E2E2;
}

table tbody a:visited {
	color: #004C00;
	background: #E8E2E2;
}

table tbody a:hover {
	color: #C00000;
	background: #E8E2E2;
}

table thead a {
	color: #FFFFFF;
	background: #CA7A2C;
	text-decoration: underline;
}

table thead a:visited {
	color: #004C00;
	background: #CA7A2C;
	text-decoration: underline;
}

table thead a:hover{
	color: #C00000;
	background: #CA7A2C;
}

table td {

	border: 1px solid #D3C4AD;

}

table thead td{
	font-weight: bold;
	color: #FFFFFF;
	background: #CA7A2C;
}

table tfoot td{
	text-align: center;
}

table th{
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	color: #FFFFFF;
	background: #CA7A2C;
	padding: 3px 6px 3px 6px;
}

table caption {
	caption-side: bottom; 
	font-size: 0.9em;
	font-weight: bold;
	color: #62783E;
	background: #E8E2E2;
	border: 1px #CCCCCC solid;
	margin-bottom: 20px;
	margin-top: 0px;
	padding: 3px 6px 3px 6px;
}


/* =============================================
Lomakkeiden fonttien/värien yms. määritelmiä
============================================= */

div.lomakePohja {
	width: 22em;
	color: #3a3b36;
	background: #EBE0CE;
	border: thin silver solid;
	margin-left: 100px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 30px;
}

div.lomakePohja p{
	color: #000000;
	background: #EBE0CE;
	margin: 0;
	padding: 0;
}

div.lomakePohja h1{
	clear: none;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	font-size: 0.9em;
	letter-spacing: 0;
	color: #404040;
	background: #EBE0CE;
	border: none;
	text-decoration:underline;
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
	margin-bottom: 5px;
	padding: 0;
}

div.lomakePohja h2{
	clear: none;
	letter-spacing: 0;
	font-family: helvetica, arial, verdana, tahoma, sans-serif;
	color: #5f5f5f;
	background: #EBE0CE;
	border: none;
	font-size: 0.8em;
	padding: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-top: 10px;
}

div.lomakePohja div.lomakeOsa {
	border: 1px #808080;
	border-style: dashed;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
}

.lomakeKentta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #323232;
	background: #FFFFFF;
}

.lomakeMerkkilaskuri {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	background: #EEEEEE;
}

.lomakeButton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #323232;
	background: #CCCCCC;
	height: 25px;
	margin-top: 10px;
}


.kavijamaarat {
	text-align: center;
	width: 30%;
	font-size: 1.0em;
}

.kavijatiedot {
	font-size: 0.7em;
}

.tilastotiedot {
	float: left;
	margin-right: 20px;
}