/* DEFAULT */

body {
	margin: 0;
	padding: 0 0 20px 0;
	
	background-color: #f0f0f0;
	
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}



/* LIST */

ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li {
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;
	
	background-image: url(/2009/images/libgimage.gif);
	background-position: 0 0.65em;
	background-repeat: no-repeat;
}

ul li ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul li ul li {
	margin: 0 0 0 5px;
	padding: 0 0 0 10px;

	background-image: url(/2009/images/libgimage.gif);
	background-position: 0 0.65em;
	background-repeat: no-repeat;
}

ol {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}

ol li {
	margin: 0 0 0 22px;
	padding: 0 0 0 -8px;
	
	background-image: none;
}

ol li ol {
	margin: 0;
	padding: 0;
	list-style-type: lower-alpha;
}

ol li ol li {
	margin: 0 0 0 22px;
	padding: 0 0 0 -8px;
	background-image: none;
}



/* TABLE */

table {
	margin: 0;
	padding: 0;

	border: none;
	empty-cells: show;
	border-spacing: 0;
	border-collapse: collapse;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

td, th {
	padding: 0;
	border: none;

	vertical-align: top;
	text-align: left;
}

thead {
	border: none;
}

tfoot {
	border: none;
}



/* IMAGE */

img {
	margin: 0;
	border: none;
	outline-style: none;
}



/* LINK */

a, a:visited, a:link {
	padding: 0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ec008c;

	text-decoration: underline;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

a:active, a:hover {
	text-decoration: none;
}

a:focus {
	outline-style: none;
}



/* TEXT */

.vaaleanpunainen_teksti {
	margin: 0;
	padding: 0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ec008c;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

p, .p {
	margin: 0;
	padding: 0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

pre {
	margin: 0;
	padding: 0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

strong, .strong {
	font-weight: bold;
}

em, .em {
	font-style: italic;
}

sup {
}

sub {
}

blockquote {
	margin: 0 0 0 30px;
	padding: 0;
}

hr {
	color: #f0f0f0;
	background-color: #f0f0f0;
	height: 1px;
	border: none;

/* TEMP
	height: 0;
	border: none;
	border-bottom: 1px solid #c5c0bf;
	background-color: #c5c0bf;
*/
}



/* HEADER */

h1, .h1 {
	margin: 0 0 5px 0;
	padding: 0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

h2, .h2 {
	margin: 0 0 5px 0;
	padding: 0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

h3, .h3 {
	margin: 0;
	padding: 0 0 5px 0;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #ec008c;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

h4, h5, h6, .h4, .h5, .h6 {
	margin: 0;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: bold;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}



/* FORM */

form {
	margin: 0;
	padding: 0;
}

input.form {
	margin: 0;
	padding: 0.25em 0.25em 0.25em 0.25em;
	width: 250px;
/*	height: 21px; */

	background-color: #ffffff;
	border: 1px solid #999999;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

/*
div.textm {
	margin: 0 0 5px 0;
	background-image: url(/2009/images/inputtextw230.gif);
	background-position: left top;
	background-repeat: no-repeat;

	width: 230px;
}
*/
/*
input.textl {
	margin: 0;
	padding: 0.25em 2px 0 2px;
	width: 464px;
	height: 21px;

	background-color: transparent;
	border: none;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div.textl {
	margin: 0 0 5px 0;
	background-image: url(/2009/images/inputtextw470.gif);
	background-position: left top;
	background-repeat: no-repeat;

	width: 470px;
}
*/

select.form {
	margin: 0;

	background-color: #ffffff;
	border: 1px solid #999999;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

/*
div.selectm {
	margin: 0 0 5px 0;
}

div.selectl {
	margin: 0 0 25px 0;
}

select.textl {
	margin: 0;
	width: 468px;
	height: 19px;

	background-color: #ffffff;
	border: 1px solid #999999;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div.textareal {
	margin: 0 0 5px 0;
	background-image: url(/2009/images/textareaw470.gif);
	background-position: left top;
	background-repeat: no-repeat;

	width: 470px;
	height: 150px
}
*/

textarea.form {
	margin: 0 1px 0 0;
	padding: 0.25em 0.25em 0.25em 0.25em;
	width: 400px;
	height: 140px;

	background-color: #ffffff;
	border: 1px solid #999999;

	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;

	text-decoration: none;
	line-height: 1.4;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
/*
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
*/

}

/*
div.form_container {
	margin: 10px 0 0 0;
	padding: 5px 5px 5px 5px;
	width: 490px;
	background-color: #999d9d;
	background-image: url(/page/v1/images/form/formbg.gif);
	background-position: left top;
	background-repeat: repeat-x;
}

div.form_container h1 {
	margin: 7px 5px 5px 5px;
	padding: 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #393230;

	text-decoration: none;
	line-height: 1.3;
	font-weight: bold;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div.form_container div.header2 {
	padding: 2px 5px 3px 5px;

	background-color: #585656;
	background-image: url(/page/v1/images/form/formarrow.gif);
	background-position: right center;
	background-repeat: no-repeat;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #f2f2f2;

	text-decoration: none;
	line-height: 1.3;
	font-weight: bold;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div.form_container div.description {
	margin: 4px 5px 7px 5px;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #252626;

	text-decoration: none;
	line-height: 1.3;
	font-weight: normal;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div.form_container div.border {
	border-top: 1px dashed #6f7170;
	border-bottom: 1px dashed #6f7170;
}

div.border div.form {
	margin: 1px 0 1px 0;
	padding: 10px 10px 10px 10px;
	background-color: #cfcbcb;

	width: auto;
}

div.form table.form {
	margin: 0;
	padding: 0;

	border: none;
	empty-cells: show;
	border-spacing: 0;
	border-collapse: collapse;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #454444;

	text-decoration: none;
	line-height: 1.3;
	font-weight: bold;
	font-style: normal;

	letter-spacing: normal;
	text-indent: 0;
	text-transform: none;
	white-space: normal;
	word-spacing: normal;
}

div.form table.form td.twocolumns {
	width: 240px;
	
}

img.submit {
	cursor: pointer;
}
*/





table#main {
	margin: 0 auto 0 auto;
	width: 950px;
}


div#ylakuva {
	margin: 0 0 8px 0;

	width: 950px;
	height: 444px;

	background-image: url(/2009/images/ylakuva.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#logo {
	margin: 0 0 0 70px;

	width: 350px;
	height: 100px;
}

div#valikko {
	margin: 45px 0 0 0;
	width: 250px; 
	height: 230px;
	
	overflow: hidden;

	background-image: url(/2009/images/valikko.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

div#valikkowrap {
	width: 500px;
	float: left;
}

div#kasiwrap {
	width: 450px;
	float: left;
}

div#kasi {
	margin: 290px 35px 0 0;
	width: 115px;
	height: 125px;
	
	overflow: hidden;
	
	float: right;
}

#tulostusdiv {
	display: none;
}

#valitutTapahtumat{
	position: absolute; 
	left: 720px; 
	top: 336px;
}

#selectedItems{
	color: white;
	background-color: #EC008C;
	border: thin solid #EC008C;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	width: 180px;
	padding: 5px;
}