/* CSS Document */
html {
}
body, html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
form {
	margin: 0;
	padding: 0;
}


.message {
	position: absolute;
	top: 0px;
	left: 14px;
	right: 14px;
/*	width: 100%;*/
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid #666666;
	background-color: #FFFFFF;
	opacity: 0.8;
	background-color: #FFBBBB;
	color: #220000;
}
.virhe {
	margin: 40px;
	padding: 20px;
	background: #fff;
	border: 2px solid #a00;
	text-align: center;
	font-size: 14px;
	color: #550000;
}

/****** HYODYNNA ETU ALKAA ******/
.hyodynnaetu {
	background-image: url(images/hyodynnaetu_bg.jpg);
	background-color: #c1c6c8;
	background-repeat: repeat-y;
	background-position: center top;
	width: 291px;
	margin-top: 5px;
	margin-left: 5px;
	text-align: left;
	border: 5px solid #ffffff;
	position: relative;
}
.hyodynnaetu .taustakuva {
	background-image: url(images/hyodynnaetu_top.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: 520px;
}
.hyodynnaetu .taustakuva .header_text1 {
	position: absolute;
	top: 246px;
	left: 23px;
	width: 243px;
}

.hyodynnaetu .header_text1 .text {
	width: 235px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	line-height: 14px;
}


.hyodynnaetu .ystavan_tiedot {
	position: absolute;
	top: 341px;
	left: 0px;
	width: 100%;
	height: 167px;
	background-image: url(images/hyodynnaetu_loota.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	
}

.hyodynnaetu .ystavan_tiedot .alue {
	width: 245px;
	position: relative; 
	top: 10px;
	left: 27px;
}

.hyodynnaetu .punainen_otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff0000;

}

.hyodynnaetu .kentat {
	width: 245px;
}

.hyodynnaetu .kentat .label{
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	width: 90px;
}

.hyodynnaetu .kentat .field{
	padding-top: 5px;
}
.hyodynnaetu .kentat .field input{
	width: 145px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}

.hyodynnaetu .ehdot {
	width: 250px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	margin-left: 20px;
	line-height: 12px;
	color: #000000;
	font-weight: bold;
}

.hyodynnaetu .lahetys {
	padding-top: 7px;
	padding-bottom: 10px;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;	
}

.hyodynnaetu .uutiskirjetappa {
	display: block;
	float: left;
	padding-top: 5px;
	width: 150px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}

.hyodynnaetu input.laheta {
	float: right;
	height: 46px;
	width: 110px;
	border: none;
	background-color: transparent;
	background-image: url(images/laheta.jpg);
}

.hyodynnaetu a {
	color: #000000;
}
/****** HYODYNNA ETU LOPPUU *******/


/****** HYODYNNA ETU KIITOS ******/
.kiitosedusta {
	position:relative;
	border: 5px solid #ffffff;
	width: 291px;
	height: 621px;
	background-image: url(images/ilmoitaystava_bg.jpg);
	background-repeat:repeat-y;
	margin-top: 5px;
	margin-left: 5px;
	text-align: left;
}

.kiitosedusta .kiitoskuva {
	background-image: url(images/kiitosedusta.jpg);
	background-position: top left;
	background-position: bottom;
	background-repeat: no-repeat;
	height: 47px;
	padding-top: 100px;

}

.kiitosedusta .tausta{

}
.kiitosedusta .punainen_otsikko {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
	color: #ff0000;

}

.kiitosedusta .mustateksti{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 7px;

}

.kiitosedusta .tekstit {
	width: 255px;
	margin-left: 25px;
	margin-top: 40px;
}
.kiitosedusta .normaali_linkki{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0D0D;
	font-weight: bold;
	display: block;
	text-decoration: none;
}

.kiitosedusta .listalinkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	display: block;
	color: #000000;
	text-decoration: none;
	margin-top: 10px;
}

.kiitosedusta .facebook_linkki {
	background-image: url(images/ilmoitaystava_facebook_linkki.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	display: block;
	height: 50px;
	margin-top: 20px;

}
.kiitosedusta .footer{
	position:absolute;
	bottom: 0;
	left: 0;
	height: 109px;
	width: 100%;
	background-image: url(images/ilmoitaystava_sydan.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.kiitosedusta .sulje {
	background-image: url(images/ilmoitaystava_sulje.jpg);
	background-position: top left;
	height: 109px;
	width: 127px;
	float:left;
	text-decoration: none;
}
/****** HYODYNNA ETU KIITOS LOPPUU ******/


/****** ILMOITA YSTAVA ALKAA ******/
.lahetakortteja {
	background-image: url(images/osallistu_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 480px;
	margin-top: 5px;
	margin-left: 5px;
	border: 0px solid #ffffff;
	text-align: left;
	position: relative;
}
.lahetakortteja .header {
	height: 49px;
	background-image: url(images/osallistu_header_bg.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.lahetakortteja .header span { display: none; }
.lahetakortteja .footer {
	height: 84px;
	background-image: url(images/osallistu_footer_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.lahetakortteja .footer span { display: none; }
.lahetakortteja .content {
	position: relative;
	margin: 10px 35px 10px 35px;
}

.lahetakortteja .korttityyppi {
	margin: 10px 0px 10px 0px;
}
.lahetakortteja .korttityyppi .kortit {
	background-image: url(images/kortit.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	width: 415px;
	height: 121px;
}
.lahetakortteja .korttityyppi .kortit a,
.lahetakortteja .korttityyppi .kortit img {
	border: none;
	margin: 0;
	padding: 0;
}

.lahetakortteja .korttityyppi .ohje {
	margin: 15px 0px 5px 0px;
	font-weight: bold;
	font-size: 15px;
}
.lahetakortteja .korttityyppi .valinta {
	margin: 10px 0px 15px 0px;
}
.lahetakortteja .korttityyppi .valinta label {
	margin: 0;
	padding: 0;
	display: block;
	float: left;
	width: 24%;
}

.lahetakortteja .viesti {
	margin: 15px 0px 0px 0px;
}
.lahetakortteja .viesti .viestiohje {
}
.lahetakortteja .viesti .viestiohje span {
	font-weight: bold;
}
.lahetakortteja .viesti .viestiteksti textarea {
	width: 100%;
	height: 135px;
}

.lahetakortteja .ystavat {
	font-size: 11px;
	margin: 10px 0px 10px 0px;
}
.lahetakortteja .ystavat .ystavantiedot {
	margin: 0px 0px 10px 0px;
}
.lahetakortteja .ystavat .ystavantiedot th {
	text-aling: left;
	padding: 0px 0px 4px 4px;
	font-weight: normal;
}
.lahetakortteja .ystavat .ystavantiedot td.field0 {
	padding: 0px 2px 0px 0px;
	text-align: right;
}
.lahetakortteja .ystavat .ystavantiedot td.field1 input {
	width: 96px;
}
.lahetakortteja .ystavat .ystavantiedot td.field2 input {
	width: 114px;
}
.lahetakortteja .ystavat .ystavantiedot td.field3 input {
	width: 160px;
}
.lahetakortteja .ystavat .ystavantiedot input {
	margin: 0px 5px 1px 2px;
}

.lahetakortteja .kampanjasta {
}
.lahetakortteja .kampanjasta .otsikko {
	width: 415px;
	height: 149px;
	background-image: url(images/voita.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
.lahetakortteja .kampanjasta .otsikko span {
	display: none;
}
.lahetakortteja .kampanjasta .ohje {
	margin: 10px 5px 10px 5px;
}
.lahetakortteja .kampanjasta .saannot {
	margin: 5px 5px 5px 5px;
}
.lahetakortteja .kampanjasta .saannot a {
	color: #000000;
	text-decoration: underline;
}
.lahetakortteja .kampanjasta .saannot a:hover {
	color: #dd0000;
	text-decoration: none;
}

.lahetakortteja .lahettaja {
}
.lahetakortteja .lahettaja .otsikko {
	margin: 15px 5px 15px 5px;
}
.lahetakortteja .lahettaja .yhteystiedot {
}
.lahetakortteja .lahettaja .yhteystiedot th {
	text-aling: left;
	font-weight: normal;
	padding: 0px 5px 0px 5px;
}
.lahetakortteja .lahettaja .yhteystiedot td {
}
.lahetakortteja .lahettaja .yhteystiedot input {
	margin: 0px 5px 1px 2px;
}
.lahetakortteja .lahettaja .uutiskirje {
	margin: 15px 0px 10px 2px;
}
.lahetakortteja .lahettaja .ohje {
	margin: 15px 5px 10px 5px;
}

.lahetakortteja .valmis {
	text-align: right;
}
.lahetakortteja .valmis .laheta {
	border: none;
	margin: 0px;
	padding: 0px;
	width: 320px;
	height: 75px;
	background-color: transparent;
	background-image: url(images/ctrl_laheta.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	cursor: pointer;
}

/****** LAHETA KORTTEJA LOPPUU ******/


/****** KIITOS KORTTIEN LAHETTAMISESTA ALKAA ******/
.kiitos {
	background-image: url(images/kiitos_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 480px;
	text-align: left;
	position: relative;
}
.kiitos .header {
	height: 80px;
	background-image: url(images/kiitos_header_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	margin: 0px 0px 20px 0px;
}
.kiitos .header span { display: none; }
.kiitos .footer {
	height: 57px;
	background-image: url(images/kiitos_footer_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.kiitos .footer span { display: none; }
.kiitos .content {
	position: relative;
	margin: 10px 35px 10px 35px;
	text-align: center;
}
.kiitos .ilmoitus {
	font-size: 22px;
	margin: 30px 0px 10px 0px;
}
.kiitos .ohje {
	font-size: 18px;
	margin: 10px 0px 30px 0px;
}
.kiitos .ohje span {
	font-size: 14px;
}
.kiitos .tee_hintatesti {
}
.kiitos .tee_hintatesti a span {
	display: none;
}
.kiitos .tee_hintatesti a {
	border: none;
	display: block;
	margin: 0px 0px 0px 65px;
	width: 294px;
	height: 69px;
	cursor: pointer;
	background-image: url(images/tee_hintatesti.png);
	background-repeat: no-repeat;
	background-position: top left;
}
.kiitos .takaisin {
	margin: 10px 0px 25px 0px;
}
.kiitos .takaisin a {
	font-size: 15px;
	color: #000000;
	text-decoration: underline;
}
.kiitos .takaisin a:hover {
	color: #dd0000;
	text-decoration: none;
}
/****** KIITOS KORTTIEN LAHETTAMISESTA LOPPUU ******/



/****** KORTTI ALKAA ******/
.kortti {
	background-image: url(images/kortti_bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	width: 480px;
	text-align: left;
	position: relative;
	font-family: Arial, sans-serif;
}
.popup_layer .kortti {
	border-right: 2px solid #666;
	border-bottom:2px solid #666;
	border-left:  2px solid #666;
	text-align: left;
}
.kortti .header {
	display: none;
}
.kortti .header span { display: none; }
.kortti .footer {
	height: 57px;
	background-image: url(images/kortti_footer_bg.png);
	background-repeat: no-repeat;
	background-position: bottom left;
}
.kortti .footer span { display: none; }
.kortti .content {
	position: relative;
	margin: 0px 14px 10px 14px;
	text-align: left;
}
.kortti .isokuva {
	margin: 0px 0px 0px 0px;
}
.kortti .otsikko {
	margin: 25px 0px 15px 25px;
	font-size: 14px;
	font-style: italic;
}
.kortti .viesti {
	margin: 15px 0px 15px 25px;
	font-size: 14px;
	font-style: italic;
}
.kortti .laheta_ja_voita {
	margin: 40px 10px 0px 25px;
	font-size: 11px;
}
.kortti .laheta_ja_voita a {
	color: #000000;
	text-decoration: underline;
}
.kortti .laheta_ja_voita a:hover {
	color: #000000;
	text-decoration: none;
}
/****** KORTTI LOPPUU ******/


/** POPUPLAYER START **/
.popup_layer_global_close {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	background: url(images/control_close_popup.png) top right no-repeat;
	text-decoration: none;
}
.popup_layer_global_close:hover {
	text-decoration: none;
}
.popup_layer_overlay {
	z-index: 5;
	position: fixed;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
/*	background-image: url(images/transparent_attack_white.png);*/
	background-image: url(images/transparent_attack_black.png);
}
.popup_layer,
.transparent_attack {
	z-index: 6;
	position: absolute;
/*	overflow: auto;*/
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
}
.popup_layer_wrapper {
	height: 100%;
}
div.popup_layer div.popup_window,
div.popup_layer div.popupapplication {
	margin: 30px auto 30px auto;
	border: 1px solid #cccccc;
	background: #fff;
}
div.popup_layer div.popup_window { width: 900px; }
div.popup_layer div.popupapplication { width: 620px; }
div.popup_layer div.popup_window div.title,
div.popup_layer div.popupapplication div.title {
	background-color: #CADBB6;
	background-repeat:repeat-x;
	background-position: bottom;
	/*height: 26px;*/
	padding-top: 4px;
	padding-bottom: 3px;
	padding-left: 10px;
	display: block;
	font-size:12px;
	background-image:url(images/application_title_bg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom: 1px solid #999999;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	font-weight:bold;
}
div.popup_layer div.popup_window div.content,
div.popup_layer div.popupapplication div.content {
/*	margin: 15px;*/
	padding: 10px;
}
.popup_layer div,
.transparent_attack div {
	text-align: left;
}
div.popup_layer div.popup_window a.popupclose,
div.popup_layer div.popupapplication a.popupclose {
	margin-left: 6px;
	margin-top: 1px;
	padding-left: 23px;
	padding-top: 6px;
	padding-bottom: 5px;
	font-size: 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	background-position: left center;
	background-repeat: no-repeat;
	display: block;
	float:right;
	color:#494949;
	background-color: transparent;
	background-image: url(images/control_exit.png);
	display:block;
}
/** POPUPLAYER END **/




/****** KIITOS YSTAVAN ILMOITTAMISESTA ALKAA ******/
/*
.kiitos {
	text-align: left;
	position:relative;
	width: 291px;
	height: 621px;
	background-image: url(images/ilmoitaystava_bg.jpg);
	background-repeat:repeat-y;
	margin-top: 5px;
	margin-left: 5px;
	border: 5px solid #ffffff;
}

.kiitos .kiitoskuva {
	background-image: url(images/ilmoitaystava_kiitosteksti.jpg);
	background-position: top left;
	background-position: bottom;
	background-repeat: no-repeat;
	height: 45px;
	padding-top: 100px;

}
.kiitos .tausta{
}
.kiitos .mustateksti{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 7px;
}
.kiitos .tekstit {
	width: 255px;
	margin-left: 25px;
	margin-top: 40px;
}
.kiitos .normaali_linkki{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0D0D;
	font-weight: bold;
	display: block;
	text-decoration: none;
}
.kiitos .listalinkki {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0D0D;
	font-weight: bold;
	display: block;
	text-decoration: none;
	margin-bottom: 5px;
}
.kiitos .facebook_linkki {
	background-image: url(images/ilmoitaystava_facebook_linkki.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	display: block;
	height: 50px;
	margin-top: 20px;

}
.kiitos .footer{
	position:absolute;
	bottom: 0;
	left: 0;
	height: 109px;
	width: 100%;
	background-image: url(images/ilmoitaystava_sydan.jpg);
	background-position: bottom right;
	background-repeat: no-repeat;
}
.kiitos .sulje {
	background-image: url(images/ilmoitaystava_sulje.jpg);
	background-position: top left;
	height: 109px;
	width: 127px;
	float:left;
	text-decoration: none;
}
/****** KIITOS YSTAVAN ILMOITTAMISESTA LOPPUU ******/