@charset "iso-8859-2";
/*

General

*/

html {
	overflow: -moz-scrollbars-vertical;
}
body {
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}
a:link {
	color: #363996;
}
a:visited {
	color: #363996;
}
a:hover {
	color: #363996;
}
a:active {
	color: #363996;
}

/*

Global

*/

#canvas {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
#omameppilogo {
	display: block;
	position: absolute;
	height: 116px;
	top: 42px;
	width: 264px;
	left: 69px;
	background: url(../images/hanki_oma_meppi.gif) 0px 0px no-repeat;
	z-index: 100;
}
#omameppilogo span {
	display: none;
}
#eslogo {
	display: block;
	position: absolute;
	height: 44px;
	top: 655px;
	width: 160px;
	left: 340px;
	background: url(../images/eurooppalainen_suomi.gif) 0px 0px no-repeat;
	z-index: 100;
}
#eslogo span {
	display: none;
}
#kalenteri {
	display: block;
	position: absolute;
	height: 155px;
	top: 10px;
	width: 168px;
	left: 778px;
	background: url(../images/element_calendar.png) 0px 0px no-repeat;
	z-index: 100;
}
#kalenteri span {
	display: none;
}
#back {
	position: absolute;
	width: 200px;
	top: 55px;
	left: 40px;
	color: #666666;
}

/*

Home

*/

.homeBox {
	position: absolute;
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 40px;
	font-family: "Courier New", Courier, monospace;
}
.BoxTitle {
	padding-bottom: 10px;
	height: 30px;
	background-repeat: no-repeat;
	display: block;
}
.BoxTitle span {
	display: none;
}
.BoxSeparator {
	background-image: url(../images/separator.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 10px;
	margin-top: 5px;
	display: block;
}
.BoxContent p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 5px;
}
.BoxContent p.intro {
	text-align: center;
}
#kiertue {
	background-image: url(../images/box_kiertue.gif);
	width: 223px;
	top: 215px;
	left: 0px;
}
#kiertue .BoxTitle {
	background-image: url(../images/text_kiertue.png);
}
#intro {
	background-image: url(../images/box_intro.gif);
	width: 228px;
	top: 25px;
	left: 409px;
	padding-top: 5px;
}
#intro .BoxTitle {
	background-image: url(../images/text_intro.png);
}
#jarjestajat {
	background-image: url(../images/box_tapahtumat.gif);
	width: 218px;
	top: 105px;
	left: 702px;
}
#jarjestajat .BoxTitle {
	background-image: url(../images/text_jarjestajat.png);
}
#vaalikone {
	background-image: url(../images/box_vaalijulistus2.gif);
	width: 315px;
	top: 312px;
	left: 288px;
}
#vaalikone .BoxTitle {
	background-image: url(../images/text_vaalikone.png);
}
#vaalijulistus {
	background-image: url(../images/box_vaalikone.gif);
	width: 223px;
	top: 406px;
	left: 668px;
}
#vaalijulistus .BoxTitle {
	background-image: url(../images/text_vaalijulistus.png);
}
#vaalikone2 {
	background-image: url(../images/box_vaalikone.gif);
	width: 223px;
	top: 540px;
	left: 34px;
}
#vaalikone2 .BoxTitle {
	background-image: url(../images/text_vaalikone.png);
}

/*

Navigation

*/

#selaus {
	background-image: url(../images/box_vaalijulistus.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	width: 197px;
	top: 196px;
	left: 95px;
}
#selaus ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#selaus ul li {
	font-size: 12px;
	line-height: 17px;
	padding: 0px;
	margin: 0px;
	background-image: url(../images/separator2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#selaus ul.root {
}
#selaus ul.root li a {
	display: block;
	text-decoration: none;
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	margin: 0px;
	color: #000000;
}
#selaus ul.path {
}
#selaus ul.path a {
	display: block;
	text-decoration: none;
	color: #000000;
}
#selaus ul.path li a {
	padding-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-right: 0px;
	font-weight: bold;
}
#selaus ul.sub {
	padding-top: 5px;
	padding-bottom: 15px;
}
#selaus ul.sub li {
	background-image: none;
}
#selaus ul.sub a {
	display: block;
	text-decoration: none;
}
#selaus ul.sub a:hover span {
	background-color: #ffffff;
}
#selaus ul.root a:hover span {
	background-color: #ffffff;
}
#selaus ul.path a:hover span {
	background-color: #ffffff;
}
#selaus ul.sub li a {
	padding: 0px;
	color: #000000;
}
#selaus ul li.selected a span {
	background-color: #ffffff;
}

/*

Content

*/

#contentBox {
	position: absolute;
	width: 545px;
	top: 88px;
	left: 357px;
}
#contentBox .content {
	float: left;
	background-color: #efe8e2;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 50px;
	width: 455px;
}
#contentBox .content p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 12px;
}
#contentBox .content h1 {
	width: 340px;
	font-size: 28px;
	line-height: 32px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
}
#contentBox .content h2 {
	font-size: 28px;
	padding: 0px;
	margin: 0px;
}
#contentBox .content table td {
	padding-bottom: 4px;
	padding-top: 2px;
	padding-right: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666;
}
#contentBox .content table td b {
	text-transform: uppercase;
}
#contentBox .cap {
	float: left;
	background-image: url(../images/box_content.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 545px;
	height: 50px;
}
#contentBox .footer {
	width: 545px;
	float: left;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 40px;
}

/*

Vaalikone

*/

#vaalikoneinfo {
	background-image: url(../images/box_vaalijulistus.gif);
	width: 315px;
	top: 30px;
	left: 605px;
	z-index: 100;
}
#vaalikoneinfo .BoxTitle {
	background-image: url(../images/text_vaalikone.png);
}
#vaalikoneBox {
	position: absolute;
	width: 638px;
	top: 95px;
	left: 0px;
}
#vaalikoneBox .content {
	float: left;
	background-color: #efe8e2;
	padding-left: 40px;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 50px;
	width: 548px;
}
#vaalikoneBox .content p {
	padding: 0px;
	margin: 0px;
	padding-bottom: 12px;
}
#vaalikoneBox .content p.intro {
	color: #666666;
}
#vaalikoneBox .content p.comment {
	padding-top: 12px;
	padding-bottom: 6px;
}
#vaalikoneBox .content h1 {
	width: 340px;
	font-size: 28px;
	line-height: 32px;
	padding: 0px;
	margin: 0px;
	padding-bottom: 15px;
}
#vaalikoneBox .content span.chk {
	padding: 6px;
	background-color: #ffffff;
	margin-bottom: 3px;
}
#vaalikoneBox .content span.chk input {
	margin: 0px;
	padding: 0px;
}
#vaalikoneBox .content div.answers {
	padding: 10px;
	background-color: #ffffff;
	/* background-color: #f7f4f1; */
	margin-bottom: 20px;
}

/*

Vaalikone - Vastaukset

*/

#vaalikoneBox .content table.answers {
	padding: 0px;
	margin: 0px;
}
#vaalikoneBox .content table.answers td {
	padding: 0px;
	vertical-align: center;
}
#vaalikoneBox .content table.answers td.field {
	padding-right: 3px;
}
#vaalikoneBox .content table.answers td.field input {
	margin: 0px;
	padding: 0px;
	margin: 3px;
}
#vaalikoneBox .content table.answers td.label {
	padding-right: 20px;
}
#vaalikoneBox .content table.answers td.result {
	padding-right: 20px;
}

/*

Vaalikone - Tulokset

*/

#vaalikoneBox div.results {
	float: left;
	margin-bottom: 25px;
}
#vaalikoneBox div.candidate {
	float: left;
	display: block;
	width: 548px;
	height: 45px;
	margin-bottom: 3px;
	background-color: #ffffff;
	background-image: url(../images/bg_bar.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
#vaalikoneBox div.candidate .rank {
	float: left;
	display: block;
	width: 30px; /* 40 */
	height: 35px;
	padding: 5px;
}
#vaalikoneBox div.candidate .photo {
	float: left;
	display: block;
	width: 45px; /* 45 */
	height: 45px;
	padding: 0px;
	background-image: url(../images/noimage.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#vaalikoneBox div.candidate .number {
	float: left;
	display: block;
	width: 30px; /* 40 */
	height: 25px;
	padding: 5px;
	padding-top: 15px;
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/bg_candidate.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 11px;
	line-height: 14px;
}
#vaalikoneBox div.candidate .name {
	float: left;
	display: block;
	width: 338px;  /* 348 */
	height: 35px;
	padding: 5px;
	padding-left: 0px;
}
#vaalikoneBox div.candidate .percent {
	float: left;
	display: block;
	width: 70px; /* 80 */
	height: 31px;
	padding-top: 14px;
	padding-right: 5px;
	padding-left: 5px;
	font-size: 28px;
	text-align: right;
}
#vaalikoneBox div.profile {
	float: left;
	display: block;
	width: 548px;
	/* height: 150px; */
	padding: 0px;
	margin-bottom: 20px;
}
#vaalikoneBox div.profile .photo {
	float: left;
	display: block;
	width: 150px;
	height: 150px;
	padding-right: 10px;
}
#vaalikoneBox div.profile .info {
	float: left;
	display: block;
	height: 150px;
}
#vaalikoneBox div.profile .info .number {
	display: block;
	width: 30px; /* 40 */
	height: 22px;
	padding-top: 8px;
	text-align: center;
	vertical-align: middle;
	background-image: url(../images/bg_candidate_2.png);
	background-repeat: no-repeat;
	background-position: center center;
	font-size: 11px;
	line-height: 14px;
}
#vaalikoneBox .cap {
	float: left;
	background-image: url(../images/box_contentvaalikone.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 638px;
	height: 50px;
}
#vaalikoneBox .footer {
	width: 638px;
	float: left;
	text-align: right;
	padding-top: 10px;
	padding-bottom: 40px;
}


/*

END

*/