@charset "utf-8";

#subcontainer {
	margin-top:16px;
}

#subcontainer div.box {
	width: 240px;
	float: left;
	background-color: #fff;
	background-image: url(p/bg_box.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-right: 10px;
	height:270px;
}

#subcontainer div.last {
	margin-right: 0;
}

div.box fieldset {
	border:none;
	margin:0;
	padding:0;
}

div.box div.help {
	padding:18px 10px 10px 10px;
	border-left: 1px dotted #aaa;
	border-right: 1px dotted #aaa;
	border-bottom: 1px dotted #aaa;
	background-color:#fff;
	margin:38px 0 0 4px;
	width:210px;
	height:190px;
	position:absolute;
	z-index:10;
	line-height:17px;
	font-size:12px;
	background-image:url(p/bg_help.gif);
	background-repeat: no-repeat;
	background-position: -5px 0;
}

div.box div.help h3 {
	margin:0;
	margin-bottom:1px;
	font-size:12px;
}

div.box div.help h4 {
	margin-top:5px;
	margin-bottom:1px;
	font-size:12px;
}

div.box div.help p {
	margin:0;
}

div.box div.help span {
	display:block;
	padding: 2px 2px 2px 2px;
	border:1px dotted #aaa;
	background-color:#eee;
	margin-top:12px;
	width:70px;
	text-align:center;
	cursor:pointer;
}

div.box span.openhelp {
	color:#599ccd;
	font-size:11px;
	display:block;
	text-align:right;
	padding-right:5px;
	cursor:pointer;
}

#city {
	width:200px;
	font-size:12px;
}

div.box fieldset form {
	padding:12px 10px 0 15px;
}

div.box fieldset label {
	display:block;
	color:#333;
	padding-bottom:1px;
}

div.box fieldset form ul {
	padding:0;
	margin:3px 0 0 0;
}

div.box fieldset form fieldset {
	margin:10px 0 7px 0;
	padding:0 0 0 4px;
	
}

div.box fieldset form fieldset legend {
	margin-left:-3px;
	padding:0;
	color:#000;
}

div.box fieldset form fieldset ul li {
	list-style-type:none;
	clear:both;
	height:16px;
	line-height:21px;
}

div.box fieldset form fieldset ul li label {
	display:block;
	float:left;
	color:#333;
}

div.box fieldset form fieldset ul li input {
	width:auto;
	border:none;
	float:left;
}

div.box fieldset input, div.box fieldset textarea {
	border:1px solid #599ccd;
	background-color:#fff;
	width:190px;
	margin-bottom:6px;
	padding-left:1px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

div.box fieldset textarea {
	height:30px;
}

div.box fieldset input.btn {
	width:121px;
	border:none;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	margin-top:4px;
	height:25px;
	margin-bottom:0;
}

#uutiskirje_btn {
	background-image:url(p/btn_tilaauutiskirje.gif);
}

#kerro_btn {
	background-image:url(p/btn_kerrokaverille.gif);
}

#palaute_btn {
	background-image:url(p/btn_lahetapalaute.gif);
}

#apalaute_btn {
	background-image:url(p/btn_laheta.gif);
}

div.box fieldset h2 {
	display:block;
	margin:0;
	padding:0;
	height:52px;
	width:240px;
	background-repeat: no-repeat;
}

div.box fieldset span.navi span,div.box fieldset h2 span {
	display:none;
}

h2.ajankohtaista {
	background-image: url(p/title_ajankohtaista.gif);
}

h2.uutiset {
	background-image: url(p/title_uutiset.gif);
}

h2.lajiesittelyt {
	background-image: url(p/title_lajiesittelyt.gif);
}

h2.kampanjat {
	background-image: url(p/title_kampanjat.gif);
}

h2.etupaikka {
	background-image: url(p/title_etupaikka.gif);
}

h2.tilaauutiskirje {
	background-image: url(p/title_tilaauutiskirje.gif);
}

h2.kerrokaverille {
	background-image: url(p/title_kerrokaverille.gif);
}

h2.palaute {
	background-image: url(p/title_palaute.gif);
}

div.box fieldset span.navi {
	position:absolute;
	width:240px;
	margin-top:41px;
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	color:#599ccd;
}

div.box fieldset span.navi a,div.box fieldset span.help a {
	color:#599ccd;
	text-decoration:none;
}

div.box fieldset span.navi a:hover {
	color:#000;
}

div.box fieldset span.navi a.l {
	padding-right:6px;
}

div.box fieldset span.navi a.l {
	padding-right:6px;
}

div.box fieldset span.help a {
	padding-right:6px;
}

span.right {
	text-align:right;
	font-size:11px;
}

#kerro_form div {
	float:none;
	width:200px;
}

#kerro_form div div {
	float:left;
	margin-right:5px;
	width:95px;
}

#kerro_form div div input {
	width:91px;
}

#box1 h3 {
	font-size:14px;
	margin:0;
	padding:13px 0 0 13px;
}

#box1 h3 a {
	color:#000;
	text-decoration:none;
}

#box1 h3 a:hover {
	color:#000;
	text-decoration:underline;
}



#box1 p {
	margin:0;
	padding:3px 13px 13px 13px;
	line-height:18px;
}

#box1 p a {
	display:block;
	padding:10px 0 0 0;
	color:#2d6d9b;
}

#box1 p a:hover {
	color:#000;
}



#ajankohtaista ul {
	margin:0;
	padding:10px 10px 10px 15px;
}

#ajankohtaista ul.is {
	background-image:url(i/bg_is.gif);
	background-repeat:no-repeat;
	background-position:top right;
	margin-right:10px;
	margin-top:15px;
	padding-top:20px;
}

#ajankohtaista ul li {
	list-style-type: none;
	padding-top: 3px;
	padding-bottom: 5px;
}

#ajankohtaista ul li a {
	color:#333;
	text-decoration:none;
}

#ajankohtaista ul li a:hover {
	color:#000;
	text-decoration:underline;
}

#ajankohtaista ul li a span {
	color:#888;
	display:block;
}

/* Overlay */
#modalOverlay {background-color:#000; cursor:wait;}

/* Container */
#modalContainer {height:400px; width:600px; left:50%; top:15%; margin-left:-300px;}
#modalContainer a.modalCloseImg {background:url(../img/basic/x.png) no-repeat; width:25px; height:25px; display:inline; z-index:3200; position:absolute; top:20px; left:550px; cursor:pointer;}
#modalContainer #basicModalContent {padding:8px;}