html {
 height: 100%;
}
body {
 background-color:#fff;
 margin: 0px 0px 0px 0px;
 font-family: arial, helvetica, sans;
 height: 100%;
 overflow: hidden;
}

#container {
 /*height:646px;*/
 height: 100%;
 max-width:1980px;
 width: 100%;
 border:solid 0px #000;
}
#container_audio {
 width: 100%;
 max-width:1980px;
 border:solid 0px #000;
 overflow: hidden;
}
#close {
position: fixed;
top: 2px;
left: 100%;
margin-left: -40px;
}
#header {
border-bottom:solid 2px #000;
}


#content {
 /*height:438px;*/
 min-width: 720px;
 min-height: 300px;
 background-color:#818285;
 /*background-color:black;*/
 overflow: auto; /* content alue on scrollattava, joten playernamiskat yms. on aina näkyvillä */
}
#content_audio {
 height:0px;
 overflow: hidden;
}

#content_help {
 height:0px;
 overflow: hidden;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
}
#help {
 height: 0px;
 position: absolute;
 width: 100%;
 top: 0px;
 overflow: hidden;
}

#content_big {
 /*height:438px;*/
 width:735px; /* Suurempi kuin 720, jotta scrollbar ei tule content alueelle */
 background-color:#818285;
 /*background-color:black;*/
 overflow: auto; /* content alue on scrollattava, joten playernamiskat yms. on aina näkyvillä */
 overflow-x: hidden;
 -ms-overflow-x: hidden;
}

#content_grey {
 background-color:#818285;
 height:100%;
 text-align: left;
 overflow: hidden;
}

#toolbar {
 height:80px;
 background:#a7a9ac url(/template/images/bg1.png);
 min-width:720px;
}

#table_left {
 float:left;
 width:212px;
 margin-right:-212px;
 margin-left:0;
 padding:0;
}

#table_center {
width:100%;
margin-right:-100%;
margin-left:0;
}

#table_right {
 float:right;
 width:273px;
 margin-left:-273px;
 margin-right:0;
 padding:0;
}
#table_bottom {
 padding-top: 15px;
 font-size: 12px;
 text-align: center;
 width: 100%;
}
#table_bottom a {
 color: black;
}
#logo_kepit {
 float:left;
 padding: 14px 13px 0 4px;
}
#footer {
	margin-bottom: 0px;
}

.button {
 float:left;
 padding:6px 5px 0 0;
}

.right {
padding-right:0px;
}

.space {
 padding:5px 6px 0 1px;
}

#bar {
 padding:13px 283px 0 217px;
 height:33px;
}

#bar_left {
 float:left;
 background:url(/template/images/bar_left.png);
 width:3px;
 height:33px;
}

#bar_right {
 float:right;
 background:url(/template/images/bar_right.png);
 width:3px;
 height:33px;
}

#bar_inner {
 background-color:#000;
 color:#6bb147;
 font-size:12px;
}

#bg2 {
 float:right;
 width:6px;
 height:80px;
 background:url(/template/images/bg2.png);
}

h1 {
 margin-top:0;
}

h2 {
color:#72b84c;
font-size:18px;
font-weight:normal;
}

a, a:visited {
color:#72b84c;
text-decoration:none;
}

label {
display:block;
padding-bottom:20px;
}

.green_input {
 border:solid 2px #72b84c;
 height:30px;
}

#bar p {
 text-align:center;
 margin:0px;
 line-height:33px;
}

#cont_center {
 width: 720px;
 margin-left: auto;
 margin-right: auto;
}

.white_box {
 float: left;
 padding: 20px 30px 0 48px;
}

.content_right {
 padding: 30px 0 0 0;
}

#content_error {
 padding: 60px 34px 0 34px;
}

#content_error_inner {
 height:345px;
 background-color:#e7e8e9;
}

/* laatikko */

.sidebox {
	width: 17em; /* ems so it will grow */
	background: url(/template/images/box_bottomright.png) no-repeat bottom right;
	font-size: 100%;
}
.boxhead_right {
	background: url(/template/images/box_topright.png) no-repeat top right;
	margin: 0;
	height:7px;
}
.boxhead_left {
	background: url(/template/images/box_topleft.png) no-repeat top left;
	margin: 0;
	height:7px;
}
.boxbody {
	background: url(/template/images/box_bottomleft.png) no-repeat bottom left;
	margin: 0;
	padding: 5px 30px 10px;
}
.sessio_button {
	background: url(/template/images/vihreetausta.png) no-repeat bottom right;
	padding: 20px 0px 18px 0px;
	margin-right: 20px;
	color: #fff;
	color: #fff;
	text-align: center;
}

.action_button {
	background: url(/template/images/action_button.png) no-repeat bottom right;
	padding: 20px 0px 16px 0px;
	margin-right: 30px;
	color: #fff;
	color: #fff;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	letter-spacing:5px;
}

.select_button {
	background: url(/template/images/action_button.png) no-repeat bottom right;
	padding: 18px 0px 18px 0px;
	margin-right: 0px;
	color: #fff;
	text-align: center;
	font-size:14px;
	width: 243px;
	font-weight:bold;
}

.button_157 {
	background: url(/template/images/157_button.png) no-repeat bottom right;
	padding: 20px 0px 16px 0px;
	margin-right: 30px;
	color: #fff;
	color: #fff;
	text-align: center;
	font-size:18px;
	font-weight:bold;
	letter-spacing:5px;
}


.sessio_button a, sessio_button a:visited {
color:#fff;
text-decoration:none;
}

.action_button a, action_button a:visited {
color:#fff;
text-decoration:none;
}

.select_button a, action_button a:visited {
color:#fff;
text-decoration:none;
}

.button_157 a, button_157 a:visited {
color:#fff;
text-decoration:none;
}

h3 {
margin-top: 0px;
}