/** RESET **/

html, body, table, form, td, th, ul, ol, li { padding: 0; margin: 0; color: #000; }
table { empty-cells: show; border-collapse: collapse; }
td { text-align: left; vertical-align: top }
th { text-align: left; vertical-align: top; font-weight: bold; }

body {
	background: #fff;
	text-align: center;
}

ul { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-left: 33px;
}

/******************* FONTS ETC. **********************/

h1 {
	color: #333333;
}

td#right_content h2 {
	margin-top: 5px;
	padding-top: 5px;
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	font-weight: bold;
	color: #008d8b;
	/*color: #000;*/
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}


/******************* STRUCTURES **********************/

div#container {
	margin: 0 auto;
	text-align: left;
	width: 777px;
	background: url('/images/customer/bg_center.gif') center repeat-y;
	background-position: -1px 0px;
}

div#header {
	background: url('/images/customer/bg_header.gif') no-repeat;
	height: 114px;
}

div#menu {
	background: url('/images/customer/bg_linkbar.gif') no-repeat;
	height: 37px;
}

div#footers {
	background: url('/images/customer/bg_footer.gif') no-repeat top #FFF ;
	height: 50px;
	background-position: 1px 0px;
}

/************** MIDLE AREA ***************/

table#content_container {
	margin: 0 9px;
	width: 750px;
}

/** TOP ROW **/
table#content_container tr.top td { height: 25px; }

/** CENTER ROW **/
table#content_container tr.middle td.left {
	padding-bottom: 48px;
}
table#content_container tr.middle td {  }
td#center_content { padding: 0 20px; }
td#right_content div.padder { padding: 0px 10px 20px 10px; }

div.frontpage_lower_content {
	padding: 0 30px;
	margin: 15px 0;
}

/** BOTTOM ROW **/

table#content_container tr.bottom td { height: 25px; }



/** LEFT SIDE **/

table#content_container td.left {
	width: 200px;
}

table#content_container tr.top td.left {
	background: url('/images/customer/navi_gradient_left_top.gif') no-repeat right;
}

table#content_container tr.middle td.left {
	background: url('/images/customer/navi_gradient_left_middle.gif') repeat-y right;
}

table#content_container tr.bottom td.left {
	background: url('/images/customer/navi_gradient_left_bottom.gif') no-repeat right;
}

/** RIGHT SIDE **/

.right {
	margin-top: 10px;
	margin-bottom: 0px;
	padding: 0;
}

table#content_container td.right {
	width: 200px;
}

table#content_container tr.top td.right {
	background: url('/images/customer/navi_gradient_right_top.gif') no-repeat left;
}

table#content_container tr.middle td.right {
	background: url('/images/customer/navi_gradient_right_middle.gif') repeat-y left;
}

table#content_container tr.bottom td.right {
	background: url('/images/customer/navi_gradient_right_bottom.gif') no-repeat left;
}

/********** TOP NAVIGATION ***********/

#top_nav {
	padding-left: 30px;
}
#top_nav a {
	font: 11px Arial, Helvetica, Sans serif;
	text-decoration: none;
	padding: 3px 10px 4px 10px;
	border: 1px solid #959595;
	display: block;
	margin-right: 5px;
}
div#top_nav a.active { 
	color: #000000;
	font-weight: bold;
	background-color: #ffffff;
}
div#top_nav a.inactive { 
	color: #ffffff;
}
div#top_nav a.inactive:hover { 
	color: #000000;
	background-color: #ffffff;
}


/********** SIDE NAVIGATION ***********/

div#side_nav {
	margin-right: 3px;
	width: 145px;
}

div#side_nav ul {
	padding-left: 0px;
}

/** Common to all levels **/

div#side_nav li {
	list-style-type: none;
}
div#side_nav a {
	font: 12px Arial, Helvetica, Sans serif;
	text-decoration: none;
}
div#side_nav a:hover {
	text-decoration: underline;
}

div#side_nav a.active { font-weight:bold; }
div#side_nav a.inactive { font-weight:bold; }

/** Level 1 **/

div#side_nav li.level1 {
	padding: 7px 0px 7px 10px;
	border-bottom: 1px solid #dadada;
	margin-left: 4px;
	margin-right: 4px;
}

div#side_nav li.level1 a {
	color:#008d8b;
	text-decoration:none !important;
}
div#side_nav li.level1 a.inactive {}
div#side_nav li.level1 a.active {}
div#side_nav li.level1 a:hover {}

/** Level 2 **/

div#side_nav li.level2 {
	padding: 5px 0px 5px 0px;
	margin-left: 4px;
	margin-right: 4px;
	border-bottom: 1px solid #dadada;
	text-align: right;
}

div#side_nav li.level2 a {
	color: #666666;
	margin-right:25px;
}

div#side_nav li.level2 a.inactive {}
div#side_nav li.level2 a.active {}
div#side_nav li.level2 a:hover {}


/** ASIAKASLEHTI NAV **/

#asiakaslehti table#content_container td.left {
	width: 150px;
}


#asiakaslehti table#content_container td.left div#side_nav,
#asiakaslehti table#content_container td.left hr {
	width: 125px;
	margin: 0 5px;
}

#asiakaslehti table#content_container td.left hr {
	margin-top: 10px;
}

#asiakaslehti table#content_container td.left h4 {
	width: 125px;
	margin: 0 15px 10px 5px;
	font-size:12px;
}

body#asiakaslehti div#side_nav {
	padding: 0; margin: 0;
}

body#asiakaslehti div#side_nav .level1 a {
	font-weight: bold !important;
	font-size:12px;
}

body#asiakaslehti div#side_nav ul li {
	text-align: left;
	border: 0px;
	padding: 1px 0px; 
}

#asiakaslehti #side_nav ul li {
}
/** 
	- li Active bullet
	- li Norm bullet
	- L1..L3 li indent
	- L1, L2 a color&deco
	- L3 a color&deco
**/

#asiakaslehti #side_nav ul a {
	padding-left: 14px;
	background: url('/images/customer/arrow-right.gif') transparent no-repeat 2px 2px;
}

#asiakaslehti #side_nav ul li.active a {
	padding-left: 15px;
	background: url('/images/customer/arrow-down.gif') transparent no-repeat 0px 3px;
}

#asiakaslehti #side_nav ul li.level1 { padding-left: 0; }
#asiakaslehti #side_nav ul li.level2 { padding-left: 12px; }
#asiakaslehti #side_nav ul li.level3 { padding-left: 24px; }

#asiakaslehti #side_nav ul li.level1 a,
#asiakaslehti #side_nav ul li.level2 a,
#asiakaslehti #side_nav ul li.level3 a { 
	color: #008D8B;
}

#asiakaslehti #side_nav ul li.level1 a.active,
#asiakaslehti #side_nav ul li.level2 a.active,
#asiakaslehti #side_nav ul li.level3 a.active { 
	color: black;
}

#asiakaslehti #side_nav ul li.level3 a {
	font-weight: normal;
} 

#asiakaslehti #side_nav ul li a:hover { text-decoration: underline; }

/** Profiililistaus Vasuri  **/

#asiakaslehti td.left .padder  {
	padding: 0; margin: 5px 5px;
}

#asiakaslehti td.left .padder .container {
	margin-bottom: 11px;
}

#asiakaslehti table#content_container td.left div.padder div.container h4 {
	margin: 0;
}

#asiakaslehti td.left .padder .container ul#profile_tag_cloud {
	margin: 0;
	padding-left: 0;
	list-style: none; 
}

#asiakaslehti td.left .padder .container ul#profile_tag_cloud li {
	margin-top: 2px;
}

#asiakaslehti td.left .padder .container ul#profile_tag_cloud a {
	font-weight: normal;
}

/** Asiakaslehden sisällyslistaus **/

#asiakaslehti table#content_container td#center_content {
	padding-right: 5px;
}

#asiakaslehti div.sum_item { 
	background: url('/images/customer/article-bg.jpg') transparent no-repeat center 0px;
	width: 579px;
	height: 131px;
	min-height: 131px;
	height: auto;
	clear: both;

	margin-top: 5px;
	margin-bottom: 22px;

	padding-left: 5px

}

#asiakaslehti div.sum_item img.topdeco {
	clear: both;
} 

#asiakaslehti div.sum_item table.sum_title { 
	clear: both;
	width: 555px;
	margin: 12px 0;
}

#asiakaslehti div.sum_item table.sum_title td { 
	vertical-align: top;
}

#asiakaslehti div.sum_item table.sum_title td.logotag img {
	float: right;
}

#asiakaslehti div.sum_item a.bulleted {
	background: url('/images/customer/bullet_tp.gif') transparent no-repeat 0 3px;
	padding-left: 12px;
	margin-left: 12px;
}

#asiakaslehti div.sum_item div.str {
	margin: 0px 24px;
  width: 300px;
}

#asiakaslehti div.sum_item p {
	margin-top: 0px;
	color: black;
}

#asiakaslehti div.sum_item p.tags, #asiakaslehti div.sum_item p.tags a {
	font-size: 11px;
}

#asiakaslehti div.sum_item p a { 
	font-weight: normal;
}

#asiakaslehti div.sum_item img.sum { 
	float: right; clear: right;
	border: 1px solid #959698;
	width: 197px;
	margin: 0 22px 12px 22px;
}

body#asiakaslehti div.nosto {
	background: url('/images/customer/article-bg-w.jpg') transparent no-repeat center 0px;
	height: 155px;
	height: auto;
	margin-top: 9px;
	line-height: 18px;
}

body#asiakaslehti div.nosto a.bulleted {
	font-size: 18px;
	color: #004545;
	font-weight: bolder;
	line-height: 21px;
	background: url('/images/customer/bullet_big.gif') transparent no-repeat 0 5px;
}

body#asiakaslehti div.nosto p, body#asiakaslehti div.nosto p a {
	font-size: 14px;
	line-height: 17px;
}

body#asiakaslehti div.nosto p.tags {
	display: block;
	clear: both;
	margin: 12px 0;
}

#asiakaslehti div#profile_items {
	margin-top: 22px;
}

#asiakaslehti div.sum_profilelink p {
	margin-top: 0px;
	color: #999999;
}

#asiakaslehti #paging a {
	margin-top: 16px;
	font-weight: normal;
}

#asiakaslehti #paging .lpaging {
	float: left;
}

#asiakaslehti #paging .rpaging {
	float: right;
}

/** Asiakaslehden artikkeli **/
#asiakaslehti div#article_path {
	clear: both;
	height: 15px;
}

#asiakaslehti table#article_header {
	clear: both;
	height: 30px;
	margin-top: 9px;
	width: 100%;
	}

#asiakaslehti table#article_header td {
	vertical-align: top;
	width: 50%;
}

#asiakaslehti table#article_header td#logotag {
	text-align: right;
}

#asiakaslehti table#article_header td#logotag img {
	float: right;
}

#asiakaslehti table#article_header h1 {
	float: left;
	clear: left;
}

#asiakaslehti div#article_field {
	clear: left;
	margin-top: 9px;
}

#asiakaslehti div#article_main_picture {
	float: right;
	clear: right;
	width: 197px;
	margin: 9px 0 0 14px;

}

#asiakaslehti div#article_main_picture img {
	width: 197px;
	border: 1px solid black;

}

#asiakaslehti div#article_field {
/*	width: 350px;*/
}

#asiakaslehti div#article_field p#profile_tag_cloud_for_object a  {
	font-weight: normal;
}

/********* Sponsorointilomake ********/

body#sponsorointilomake table.sponsoritem {
	width: 510px;
	margin: 8px 0;
}

body#sponsorointilomake div.form_note {
	color: #990000;
	font-weight: bolder;
}

body#sponsorointilomake table.sponsoritem th {
	border-bottom: 1px solid #9f9f9f;
	color: #008D8B;
	padding-bottom: 3px;
}

body#sponsorointilomake table.sponsoritem td {
	padding-top: 9px;
	vertical-align: top;
}

body#sponsorointilomake table.sponsoritem td.half {
	width: 255px;
}

body#sponsorointilomake table.sponsoritem td.righted {
	padding-left: 35px; 
}

body#sponsorointilomake table.sponsoritem td.half input,
body#sponsorointilomake table.sponsoritem td div input {
	width: 232px;
}

body#sponsorointilomake table.sponsoritem td div {
	margin-top: 12px;
}

body#sponsorointilomake table.sponsoritem span.required {
	color: red;
}

body#sponsorointilomake table.sponsoritem input.rad {
	vertical-align: -11%;
}

body#sponsorointilomake table.sponsoritem textarea {
	width: 510px;
	border: 1px solid silver;
	height: 60px;
	overflow: auto;
}

body#sponsorointilomake form input.spons_sub {
	width: 96px;
	
}


/******** FOOTER *****************/

div#footer {
	text-align:center !important;
}

div.footText {
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

div#poweredby {
	text-align: right;
}

/******* UNKNOWN FUNCTION ********/

span.normal_text{
	position: relative;
	top: 27px;
	line-height: 16px;
}
    
span.link_text a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #008d8b !important;
	text-decoration:none !important;
}
    
span.link_text a:hover {
	text-decoration: underline !important;
}

.bullet {
	width: 10px;
	height: 10px;
	padding-right: 6px;
	padding-left: 2px;
	padding-top: 1px;
	}