html {
	height: 100%;
}

body {
	background: url(../images/bg3.jpg) top left repeat-x;
	font-family: arial;
	font-size: 14px;
	height: 100%;
}

html, body {min-height: 100%; height: 100% }

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}



.clearfix {
	display: block;
}

#container {
	position: relative;
	height: 456px;
	width: 1152px;
}

#top_nav {
	margin-top: 16px;
	float: right;
	margin-right: 57px;
}

#top_nav ul {
	margin: 0;
	padding: 0;
}

	#top_nav ul li {
		position: relative;
		background: url(../images/nappula.png) no-repeat;
		margin: 0;
		float: left;
		width: 136px;
		height: 22px;
		list-style: none;
		padding: 10px 0 0 0;
		margin-right: 15px;
	}

		#top_nav ul li span {
			position: absolute;
			top: 7px;
			margin-left: 10px;
		}
	
		#top_nav ul li a {

			position: relative;
			top: -2px;
			margin-left: 41px;
			
			text-decoration: none;
			color: #fff;
		}
		
		#top_nav ul li a:hover {
			text-decoration: underline;
		}
		
#top_nav img {
	float: left;
	position: relative;
	left: 10px;
	top: -3px;
	vertical-align: middle;
}

#palkkiyla {
	position: absolute;
	top: -9px;
	left: 1px;
}

#logo {
	margin-left: 39px;
	margin-top: 50px;
}

#vkuva_container {
	background: url(../images/kehys.jpg) no-repeat;
	width: 762px;
	height: 400px;
	float: right;
	position: relative;
}

#vaihtuva_kuva {
	margin: 29px 0 0 82px;
	height: 340px;
	width: 607px;
}

#aside {
	position: absolute;
	top: 0px;
	margin-left: 66px;
	background: url(../images/palkkibg.png) repeat-y;
	width: 304px;
	height: 441px;
	padding: 15px 10px 0px 20px;
}


#maincontent_container {
	position: relative;
	float: right;
	width: 609px;
	padding-bottom:50px;
}
	#maincontent td, #maincontent th {
		vertical-align:top;
	}
	#maincontent li {
		list-style:circle;
		margin-left:30px;
		font-size:12px;
		line-height:150%;
		color: #454e52;
	}
	#maincontent ul {
		margin-bottom:15px;
		margin-top:-5px;
	}

#container_2 {
	background: url('../images/contentbg.png') top left no-repeat;
	min-height: 100%;
	*height: 100%;
	width: 1081px;
	overflow: hidden;
}


#navi_1 {
	margin-top: 30px;

}

#navi_1 ul {
	font-size: 1.2em;
	line-height: 2em;
	margin-top: 2.5em;
	margin-left: 5.3em;
	list-style-image: none;
}

	#navi_1 ul li {
		background: url(../images/bullet.gif) no-repeat left center;
		padding-left: 12px;
	}

	#navi_1 li a:link,#navi_1 li a:visited {
		list-style: none;
		color: #58595b;
		text-decoration: none;
	}

	#navi_1 li a:hover {
		text-decoration: underline;
	}

#navi_2 {
	padding: 0;
	margin: 0;
	font-size:12px;

}
	#navi_2 ul {
		margin: 0;
		padding: 0 0 0 0px;
		list-style: none;
	}
		#navi_2 ul li {
			font-size: 12px;
			background: transparent url(../images/li-blue.png);
			background-repeat: no-repeat;
			background-position: 2px 5px;
			padding: 0 0 5px 15px;
		}

#navi_2_container {
	display: inline;
	float: left;
	margin-left: 90px;
	width: 253px;
	padding: 0px 15px;
}

#navi_2 .viiva {
	border-bottom:1px solid #CCC;	

}

table {
	margin-bottom:0px;	
}
table.border {
	border-right:1px solid #e0e1e1;	
	border-bottom:1px solid #e0e1e1;
}
table.border td{
	border-left:1px solid #e0e1e1;	
	border-top:1px solid #e0e1e1;
	padding:5px 8px 5px 8px;
}
td {
	padding:7px 0px 2px 0px;	
}

th {
	background-color:#f3f7fb;
	text-align:left;
	text-decoration:none;
	font-weight:normal;
	color: #36434f;
	border-top:1px solid #e0e1e1;
	border-left:1px solid #e0e1e1;
	padding:5px 8px 5px 8px;
}



#crumbs {
	margin-top:10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #c0c0c0;
}
#crumbs,#crumbs a {
	color: #a0a0a0;
}

#crumbs a {

	text-decoration: none;
}

#crumbs a:hover {
	color: #505050;
	text-decoration: underline;
}

.error {
	border: 1px solid #050505;
	padding: 5px;
	background-color: #FF9E7B;
	margin-bottom: 15px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.tiny_edit_button {
	cursor: pointer;
}

#domainsearch_results table,#domainhinnasto table {
	width: 100%;
}

#domainsearch_results th,#domainhinnasto th {
	text-align: left;
	margin-bottom: 2px;
	border-bottom: 1px solid #C0C0C0;
}

#domainsearch_results tr {
	border-bottom: 1px solid #dadada;
}

#domainhinnasto fieldset {
	border: 1px solid #c0c0c0;
	padding: 5px;
	background-color: #EEF5FD;
}

span.ok {
	display: block;
	float: left;
	width: 20px;
	height: 16px;
	background: url(../images/button_ok.png) left center no-repeat;
}

span.cancel {
	display: block;
	float: left;
	width: 20px;
	height: 16px;
	background: url(../images/button_cancel.png) left center no-repeat;
}

label {
	display:block;
	font-weight: bold;
	font-size:12px;

	vertical-align: top;
}

textarea{
	box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	-moz-box-shadow: 10px 10px 5px #888;
}

textarea.sf {
	width:175px;
	height: 160px;
}

textarea.mf {
	width:250px;
	height: 160px;
}

textarea.lf {
	width:500px;
	height: 160px;
}



input.sf {
	width:120px;
}

input.mf {
	width:240px;
}

input.lf {
	width:360px;
}

.field_desc {
	font-style:italic;
	font-size:11px;
	color:#555;
}

.submenu {
	margin: 0;
	padding: 0;
}

.submenu a {
	display: block;
	text-decoration: none;
	color: #58595b;
	border-bottom: 1px solid #c0c0c0;
}

.submenu a:hover {

}

.submenu li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.submenu li a {
	font-size:19px;
	font-weight: normal;
	color: #1d4c90;
	margin: 0;	
}

.submenu li ul li a {
	font-size: 12px;
	font-weight: normal;
	border: none;
	color: #484c4e;

}
.submenu li ul {
	margin-bottom:15px;	
}

.submenu ul li ul li {
	margin-left: 10px;
}

.submenu li ul li a:hover {
	text-decoration: underline;
}

#admin_panel_content label {
	display:block;
	font-weight: bold;
	font-size:12px;
	vertical-align: top;
	width: 100%;
}

#admin_panel_content label span {
	font-style: italic;
	font-weight: normal;
}
.active {
	font-weight:bold !important;
}

.col_2 {
	float: left;
	width: 50%;
}

.col_3 {
	float: left;
	width: 33%;
}
.koodi {
	background: url(../images/laatikkotausta.png) top repeat-x;
	margin:0px 0px 20px 0px;
	padding:15px 15px 15px 15px;
	border:1px dotted #CCC;
	background-color: #f1f7fd;
	font-family:"Courier New", Courier, monospace;
}
.formi {
	background: url(../images/laatikkotausta.png) top repeat-x;	
	margin:0px 0px 20px 0px;
	padding:15px 15px 15px 15px;
	border:1px dotted #CCC;
	background-color: #f1f7fd;		
}

#easyTooltip{
	padding:5px;
	border:3px solid #f0f0f0;
	background:#fff;
	font-size:11px;
	color:#333;
}

.tooltip {
	position: absolute;
	margin-top: -2px;
}

.imagesubmit {
	position: relative;
	top: 4px;
	margin-left: 5px;
}

.vahvista {
	color: #fff;
	margin-left: -10px;
	margin-right: 10px;
	padding: 10px;
	border: 1px solid #1D4C90;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #1D4C90;
	background: -moz-linear-gradient(100% 100% 90deg, #2F2727, #1D4C90);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#1D4C90), to(#2F2727));
	-moz-box-shadow: 5px 5px 5px #ccc;
	-webkit-box-shadow: 5px 5px 5px #ccc;
	box-shadow: 5px 5px 5px #ccc;
}


.iconset li{list-style:none;text-indent:none}
.iconset li span {background:url(../images/iconset.png) no-repeat top left; text-decoration:none; padding-left: 20px;}
.iconset li .icon_email{background-position:0px -0px;width:23px;height:23px}
.iconset li .icon_ohjeet{background-position:0px -23px;width:23px;height:23px}
.iconset li .icon_ota_yhteytta{background-position:0px -46px;width:23px;height:23px}