body {
	background-color: #b5bec5;
	color: #384e5e;
	font-family: tahoma, verdana, arial, helvetiva;
	font-size: 12px;
	line-height: 18px;
}

/*
	links
*/

a, a:active, a:visited {
	text-decoration: none;
	color: #6bb21c;		
	font-weight: bold;
}
a:hover {
	text-decoration: none;
	color: #6bb21c;
	font-weight: bold;
}

span.link {
	text-decoration: underline;
	cursor: pointer;
}

#main p a, #main p a:active, #main p a:visited, .main_taulukko a, .main_taulukko a:active, .main_taulukko a:visited {
	text-decoration: none;
	color: #6bb21c;		
	font-weight: bold;
	border-bottom: 1px solid #e7f3db;
}
#main p a:hover, .main_taulukko a:hover {
	text-decoration: none;
	color: #6bb21c;
	font-weight: bold;
	border-bottom: 1px solid #daeec6;
}

#johdanto a {
	color: #384E5E;
}

#footer a, #footer a:active, #footer a:visited {
	text-decoration: none;
	color: #62798a;		
	font-weight: normal;
}
#footer a:hover {
	text-decoration: none;
	color: #8796a1;
	font-weight: normal;
}

/*
	divs
*/

.background_1 {
	background-color: #fff;
	color: #384e5e;
}

.background_2 {
	background-color: #384e5e;
	color: #fff;
}

.background_2_stripe {
	background-color: #384e5e;
	background-image: url('/images/bg-blue-stripe.gif');
	background-repeat: repeat-x;
	color: #fff;
}

.background_3 {
	background-color: #6bb21c;
	color: #fff;
}

.background_3_stripe {
	background-color: #6bb21c;
	background-image: url('/images/bg-green-stripe.gif');
	color: #fff;
}

.background_4 {
	background-color: #d6dee4;
	color: #fff;
}

/*
	forms
*/

select {
	font-family: tahoma, verdana, arial, helvetiva;
	font-size: 11px;
}
input.login {
	font-family: tahoma, verdana, arial, helvetiva;
	font-size: 11px;
	background-color: #ffffff;
	color: #384e5e;
}
input.textfield, textarea {
	width: 350px;
	padding: 5px;
	border: 2px solid #ddd;
	color: #000000;
	background: #f9f9f9;
	font-size: 100%;
	font-family: Arial, Verdana, sans-serif;
}
input.submit { 
	color: #fff;
	border: 1px solid #999;
	padding: 5px 30px; 
	font-size: 12px;
	background: url(/images/button_bg2.gif) #fff center repeat-x;
}
#input.submit {
/* background-color: #B5BEC5;
	background-color: #475C6A;
	background-color:	#647684;
	color: #ffffff;
	padding: 7px 30px;
*/}
select {
	padding: 5px;
	border: 2px solid #ddd;
	color: #000000;
	background: #f9f9f9;
	font-size: 100%;
	font-family: Arial, Verdana, sans-serif;
}

#lomakekuvat .user {
	background:url(/images/user.gif) no-repeat #FFFFFF 3px 3px;
}

/*
	arrows
*/

.arrow_green_mid {
	background: url('/images/arrow-green-mid.png') no-repeat;
	padding-left: 32px;
	padding-top: 3px;
	height: 22px;
	margin-top: 4px;
}

.arrow_green_small {
	background: url('/images/arrow-green-small.png') no-repeat;
	padding-left: 22px;
	margin-top: 2px;
	height: 20px;
}

.arrow_white_small {
	background: url('/images/arrow-white-small.png') no-repeat;
	padding-left: 22px;
	margin-top: 2px;
	height: 20px;
}

/*
	unique styles
*/

.content {
	width: 970px;
	margin-right: auto;
	margin-left: auto;
}

#header {
	background: #384e5e url('/images/bg-header-2.gif') repeat-x;
	color: #fff;
	height: 234px;
	border-bottom: 4px solid #b5bec5;
}

#header .content {
	background: url('/images/bg-header-big.gif') no-repeat;
	height: 234px;	
}

.header_text {
	width: 550px;
	margin-top: 10px;
	padding-bottom: 4px;
}

#verkkotunnus {
	background: url('/images/verkkotunnus-bg-2.gif') no-repeat;
	width: 267px;
	width: 303px;
	height: 33px;
	margin-top: 13px;
}
#verkkotunnus input {
	background-color: #fff;
	width: 97px;
	height: 16px;
	padding: 0px;
	font-size: 11px;
}

#links {
	width: 303px;
	text-align: center;
}

#navi {
	padding-left: 13px;
        padding-top: 39px;

}
#navi .tab {
	float: left;
	margin-right: 2px;
}

#header_banner {
	background-color: #384e5e;
	background-image: url('/images/bg-blue-stripe.gif');
	background-repeat: repeat-x;
	color: #fff;
	height: 257px;
}

#boxes {
	background: url('/images/bg-boxes-2.gif') repeat-x #2d4150;
	color: #384e5e;
	height: 183px;
}

.box {
	float: left;
	margin-right: 4px;
	background: url('/images/box-bg-2.gif') no-repeat;
	height: 161px;
	width: 283px;
	padding: 22px 15px 0px 15px;
}

.box_hinta {
	float: left;
	margin-right: 4px;
	background: url('/images/box-bg-hinta-3.gif') no-repeat;
	height: 161px;
	width: 283px;
	padding: 22px 15px 0px 15px;
}


#main {
	border-top: 5px solid #ffffff;
	background: url('/images/bg-main.gif') repeat-x #fff;
	color: #384e5e;
	padding: 10px 0px;
}

.login_text {
	float: left;
	width: 110px;
	line-height: 29px;	
	font-size: 12px;
}

.login_input {
	float: left;
	/* background: url('/images/logins.png') no-repeat; */
	padding: 7px 24px 7px 12px;
}

.login_input input {
	width: 152px;
}

#taulukko {
	background-color: #e6eaec;
	color: #384e5e;
	padding: 10px 0px 20px 0px;	
}

#footer {
	background-color: #d6dee4;
	color: #62798a;
	font-size: 11px;	
	min-height: 174px;
	line-height: 21px;
}

.sitemap {
	float: left;
	margin-right: 32px;
}

#bottom_info {
	font-size: 11px;
	padding: 30px 0px;
	color: #62798a;
}

.uutisotsikko {
	margin-top: 2px;
	margin-bottom: 8px;
}

small {
	font-size: 11px;
}
.light {
	color: #8796a1;
}

.padding_text {
	padding: 5px 8px;
}
.padding_big {
	padding: 20px 14px 14px 14px;
}

.indent {
	padding-left: 14px;
}

.center {
	text-align: center;
}

/*
	taulukko
*/

.main_taulukko {
	width: 600px;
	margin: 18px 0px 8px 0px;
}

.main_taulukko td {
	border-right: 1px solid #e6eaec;
	padding: 21px 18px;	
}

.main_taulukko .solu {
	text-align: center;
	background-color: #fff;
}

.main_taulukko .solu_alavasen {
	text-align: center;
	background: url('/images/table-bottom-left.png') no-repeat bottom left;
}

.main_taulukko .solu_alaoikea {
	text-align: center;
	background: url('/images/table-bottom-right.png') no-repeat bottom right;
}

.main_taulukko .solu_otsikko {
	background: url('/images/table-top-bg.gif') repeat-x;
	padding-top: 10px;
	text-align: center;
	font-weight: bold;	
}

.main_taulukko .solu_otsikko_ylavasen {
	text-align: center;
	background: url('/images/table-top-left.png') no-repeat top left;
	padding-top: 10px;
	font-weight: bold;	
}

.main_taulukko .solu_otsikko_ylaoikea {
	text-align: center;
	background: url('/images/table-top-right.png') no-repeat top right;
	padding-top: 10px;
	font-weight: bold;		
}

/*
	vps order
*/

.vps_order {
  background: #f0f0f0;
  border: 1px solid #cccccc;
  padding: 10px;
}

.vps_order th {
  text-align: right;
  font-weight: bold;
}

.vps_order td {
  padding: 10px;
}

.vps_order table#maint td {
  padding: 0;
}

.vps_order #total {
  font-weight: bold;
}

.vps_order .select_cpu, .select_mem, .select_disktype, .select_disksize {
  border: 1px solid black;
  padding: 5px 10px;
  cursor: pointer;
  background: white;
  color: black;
}

.vps_order span.active {
  background: #467cb3;
  color: white;
}

.vps_order tr.divider td {
  border-top: 1px solid #c0c0c0;
  padding: 8px;
}

.vps_order th small {
  font-weight: normal;
}

.vps_order input.order {
  background: #467cb3;
  color: white;
  padding: 5px;
  font-weight: bold;
}

.vps_order hr {
  background: #ddd; 
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 1em 0 1em 0;
  border: none; 
}