﻿body
{
	background-color: White;
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
}

table, div { margin: 0; border: 0; padding: 0; border-spacing: 0; border-collapse: collapse; }
table tr, table tr td { margin: 0; padding: 0; border: 0; }

h1, h2 { padding-left: 20px; color: White; display: block; }
h1 { padding-top: 5px; font-size: 14px; background-image: url('/Images/mainheading.png'); height: 29px; background-repeat: no-repeat; }
h2 { font-size: 12px; padding-top: 2px; margin-left: 3px; background-image: url('/Images/smallheading.png'); height: 20px; background-repeat: no-repeat; }
p { margin-left: 10px; }

a { color: Gray; font-weight: bold; }

#container
{
	border: solid 2px Black;
	width: 800px;
}

#logo
{
	width: 800px;
	height: 79px;
	background-repeat: no-repeat;
	background-image: url('/Images/apulaina_ylapalkki.png');
	padding: 0;
	margin: 0;
	text-align: left;
}
#logo span
{
	position: relative;
	left: 245px;
	top: 5px;
	color: White;
	font-weight: bold;
	float: left;
	font-size: 9px;
}
#logo object
{
	float: right;
}

#toplinkbar
{
	width: 100%;
	padding: 0px;
	margin: 0;
	border-width: 0;
	font-weight: bold;
	font-size: 11px;
}

#toplinkbar a
{
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	color: #555555;
	font-size: 9px;
	font-weight: bold;
	background-image: url('/Images/button_effect2.png');
	width: 126px;
	height: 24px;
	display: block;
	background-repeat: no-repeat;
	padding: 9px 0 0 0;
	margin: 0;
	border: 0;
}
#toplinkbar a:hover { color: White; background-image: url('/Images/button_effect2.png'); background-position: left bottom; }
.end { background-image: url('/Images/linkki_palkki.png'); background-repeat: no-repeat; }

#contentback
{
	vertical-align: top;
	background-color: #CCCCCC;
	background-repeat: no-repeat;
	width: 100%;
	padding: 30px 30px 30px 30px;
	height: 550px;
}

#content
{
	text-align: left;
	vertical-align: top;
	background-color: White;
	border: solid 1px Gray;
	padding: 10px;
	/*overflow: auto;*/
}

#rightbar { vertical-align: top; width: 150px; padding-top: 50px; padding: 50px 25px 0 25px; }

.fasthelp
{
	width: 500px;
	height: 90px;
	background-repeat: no-repeat;
	background-image: url('/Images/apulaina_pikaohje.png');
	padding: 50px 30px 30px 30px;
	margin: 0 auto;
}
.fasthelp .hltxt1 { font-size: 13px; color: White; }
.fasthelp .hltxt2 { font-weight: bold; font-size: 13px; color: White; }

.smsbox
{
	width: 139px;
	height: 152px;
	background-image: url('/Images/sms_box.png');
	background-position: center;
	background-repeat: no-repeat;
	vertical-align: bottom;
	display: block;
	text-decoration: none;
	padding: 8px;
	text-align: left;
	cursor: pointer;
	color: White;
}
.smsbox span { font-size: 11px; }

.smsspace { height: 0px; display: block; }
.smsspace_text1, .smsspace_text2 { font-weight: bold; font-size: 11px; }
.smsspace_text1 { color: #20443C; }
.smsspace_text2 { color: White; }


.pricetable { margin-left: 35px; margin-bottom: 10px; border-collapse: collapse; width: 450px; }	/*#1F423A*/
.pricetable tr th { background-color: #616161; color: White; text-align: center; }
.pricetable tr td { text-align: right; border-bottom: solid 1px Gray; }


.infobox
{
	border: solid 1px Red;
	padding: 5px;
	margin: 20px auto;
	text-align: center;
}
.infobox .hltxt { font-size: 13px; font-weight: bold; }



.ctrl-webapp 
{ 
	color: White;
	text-align: left; 
	padding: 54px 5px 5px 5px; 
	background-repeat: no-repeat; 
	background-image: url('/Images/webhakemus_pikaohje.png'); 
	height: 185px; width: 493px; 
}
.ctrl-webapp .ans 
{
	border: solid 1px Red;
	padding: 5px;
	margin: 0px auto 0 2px;
	text-align: center;
	font-size: 13px; 
}
.ctrl-webapp table tr td { padding-bottom: 1px; }
.ctrl-webapp .ans .hltxt { font-size: 15px; font-weight: bold; color: White; }
.ctrl-webapp .info { font-size: 9px; font-family: Arial, Geneva, sans-serif; padding: 3px; }
.ctrl-webapp .info .star { color: Red; }
.ctrl-webapp .info .hltxt { color: White; }
.ctrl-webapp a { font-size: 10px; color: White; }
.ctrl-webapp .star { color: Red; }
.ctrl-webapp .btn_submit { cursor: pointer; border: 0; padding: 0px; margin: 0 0 0 15px; background: transparent url('/Images/btn_loan.png') no-repeat scroll left top; width: 100px; height: 27px; color: #555555; font-size: 9px; font-weight: bold; }
.ctrl-webapp .btn_submit:hover { background-position: left bottom; }
.ctrl-webapp input[type="text"], .ctrl-webapp textarea
{ 
	background: White url('/Images/txt_bg.gif') repeat-x scroll left top;
	border: solid 1px Gray;
	margin: 0px;
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px; 
	height: 11px;
	padding: 4px;
	width: 120px;
}

.ctrl-webapp .ddl { }
.ctrl-webapp .ddl select
{
	border: solid 1px Gray;
	border: none;
	font-family: Arial, Geneva, sans-serif;
	font-size: 10px; 
	height: 20px; 
	padding: 2px;
	margin: 0;
}
.ctrl-webapp .ddl select option { background-color: White; }


.confirm {  }
.confirm table, .ctrl-webapp .ans { border-top: solid 1px #8B8B8B; border-left: solid 1px #8B8B8B; border-bottom: solid 1px #3D3D3D; border-right: solid 1px #3D3D3D; }
.confirm .first { background-color: Gray; text-decoration: underline; font-weight: normal; }
.confirm .second { border-bottom: solid 1px Gray; width: 100%; color: White; }
.confirm .ans {  }



