﻿
/** SORSANHALLINTATESTI / JUHANI **/

.align_center {
	text-align: center;
}
.align_middle {
	vertical-align: middle;
}
.left_indent {
	padding-left: 28px
}
.left_indent_small {
	padding-left: 15px
}
.auto_margin {
	margin-left: auto;
	margin-right: auto;
}
.right_pad_small {
	padding-right: 5px;
}


.indent { margin-left: 10px; }
.nopad  { padding: 0; margin: 0;	}
.bold   { font-weight: bold; }

.error { font-size: 11px; font-weight: bold; }

.refe { margin: 0 0 0 0;
}

/*******
defaults
********/

body { 
	background: white;
	color: #333333;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

form { margin: 0 0 0 0; /* padding: 0 0 0 0; */}

td {
	vertical-align: top; 
}

div		{ margin: 0 0 0 0; padding: 0 0 0 0; }
table 	{ margin: 0 0 0 0; padding: 0 0 10px 0; empty-cells: show; border-collapse: collapse; }
p 		{ margin: 0 0 0 0; padding: 0 0 10px 0; }
ul 		{ margin: 0 0 0 0; padding: 0 0 10px 20px; }

acronym {
	border-bottom: 1px dotted #666666;
}
/****
links
*****/


a, a:visited, a:active {
    font-family: arial;
	font-size: 11px;
	color: #679FBA;
	text-decoration: none;
}
a:hover	{
	text-decoration: underline;
}

.internal_link {
	font-size: 11px;
}

.file, .file a, .file .a:visited {
	font-size: 11px;
}
.file a:hover {}

a.search_result, a.search_result:visited {
	color: black;
}
a.search_result:hover {
	color: #666666;
}

a.search_result_path, a.search_result_path:visited {
	color: #666666;
}
a.search_result_path:hover {
	color: black;
}



.refe, .refe a, .refe .a:visited {
	font-size: 11px;
}
.refe a:hover {
font-size: 11px;
}




/*****
images
******/

a img { border: 0; }


/***
text
****/

.small_text, .side_text	{
	font-size: 11px;
}

.side_text {
	color: #666666;
}

.normal_text	{
	font-size: 12px;
}
.large_text	{
	font-size: 16px;
}

select, input, textarea, a, .footer {
	font-family: Arial, sans-serif;
/*	font-size: 12px;*/
}

div#ingress_container {
	margin: 0;
	padding: 0;
}

h6, .ingress {
	font-size: 16px;
	line-height: 19px;
	color: #333333;
	font-weight: normal;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

h2, .heading,
.type-news .heading {
	font-size: 18px;
	
	color: #679FBA;
	margin: 0 0 0 0;
	padding: 0 0 2px 0;
	font-weight: normal;
}

h1 {
	color: #679FBA;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.small_heading {
	font-family: Arial, sans-serif;
	color: #666666;
	font-weight: bold;
	font-size: 11px;
	padding-bottom: 7px;
}

.icon_internallink {
	font-weight: bold;
	color: #679FBA;
}

/***********************************************************************/


/*****
header
******/
/*************** TOP *******************************/
div#header_datetime { 
	width: 209px; height: 21px; float: left; text-align: center; padding-top: 8px; 
	color: #CCCCCC; font-size: 11px; font-family: arial;
}

    /***** lvl1 navigation(H) *****/
    div#top_menu_links_lvl1      { height: 29px; float: left; }
    div#top_menu_links_lvl1 ul   { display: block; margin: 0; padding: 0; } 
    div#top_menu_links_lvl1 li   { float: left; list-style: none; }

	
	
.header_path .header_path a, .header_path a:visited	{}
.header_path a:hover	{}

table.top_menu_links_lvl1 {}
a.top_menu_links_lvl1, a.top_menu_links_lvl1:visited { 
	/*border: 1px dotted lightblue;*/
	padding: 5px;
	font-size: 18px;
}
a.top_menu_links_lvl1_act, a.top_menu_links_lvl1_act:visited { 
/*	border: 1px solid darkblue;
	background: #eeeeff;
	color: inherit;*/
	padding: 5px;
	font-size: 18px;
	text-decoration: underline;
}
table.top_menu_links_lvl2 { }
a.top_menu_links_lvl2, a.top_menu_links_lvl2:visited { 
	border: 1px dotted lightblue;
	padding: 5px;
}
a.top_menu_links_lvl2_act, a.top_menu_links_lvl2_act:visited { 
	border: 1px solid darkblue;
	background: #eeeeff;
	color: inherit;
	padding: 5px;
}

/**************
side navigation
***************/

/*************** LEFT ******************************/
div#l-topgraphic { height: 42px; background: url('/images/left_gradient.gif') no-repeat top left; width: 199px;}
div#l-logo       { height: 88px; text-align: center;}

    /***** tree navigation *****/
	div#left_nav { width: 151px; margin:0; padding: 0; margin-top : 20px;}
    div#left_nav ul    { display: block; margin: 0; padding: 0; margin-left: 8px;} 

    li.left_menu_links_lvl1		{ list-style: url('/images/bullet1.gif') inside; margin: 10px 0; }
	div.left_menu_links_lvl1_act { background: white; padding: 5px; }
    li.left_menu_links_lvl2		{ list-style: url('/images/bullet2.gif') outside; margin: 0; padding: 0; margin-left: 13px; }

div.side_nav {}

table.left_menu_links_lvl1 { margin: 5px 0; }
a.left_menu_links_lvl1, a.left_menu_links_lvl1:visited { 
}
a.left_menu_links_lvl1_act, a.left_menu_links_lvl1_act:visited { 
}

table.left_menu_links_lvl2 {}
a.left_menu_links_lvl2, a.left_menu_links_lvl2:visited {
	color: #666666;
}
a.left_menu_links_lvl2_act, a.left_menu_links_lvl2_act:visited { 
	color: #679FBA;
}

table.left_menu_links_lvl3 {}
a.left_menu_links_lvl3, a.left_menu_links_lvl3:visited { }
a.left_menu_links_lvl3_act, a.left_menu_links_lvl3_act:visited { 
	text-decoration: underline;
}

table.left_menu_links_lvl4 {}
a.left_menu_links_lvl4, a.left_menu_links_lvl4:visited { }
a.left_menu_links_lvl4_act, a.left_menu_links_lvl4_act:visited { 
	 font-variant: small-caps;
}

/*****
footer
******/

.footer, .footer a, .footer a:visited	{}
.footer a:hover			{}

.powered_by, .powered_by a, .powered_by a:visited 	{}
.powered_by a:hover			{}

/*************
middle content
**************/

/** estää omituisen tyhjän bg:ttömän rivin muodostumisen valkosen boksin sisälle: **/ 
div.ref-widebox p  { margin: 0 0 0 0; padding: 0 0 0px 0; }
div.ref-widebox ul { margin-bottom: 0; padding-bottom: 7px; }

/******* FRONT PAGE ********/
table#front-boxes    { }
td.frontbox 		{ background: white; }
td.r-fb-center  	{ padding: 0 15px; background: white; }
td.r-fb-top      	{ height: 15px; background: url('/images/box_front_topcurve.gif') Transparent no-repeat left bottom; padding: 0; margin: 0; }
td.r-fb-bottom   	{ height: 10px; background: url('/images/box_front_botcurve.gif') Transparent no-repeat left top; padding: 0; margin: 0; }

td.r-fb-top-wide     	{ height: 15px; background: url('/images/box_front_topcurve_wide.gif') Transparent no-repeat left bottom; padding: 0; margin: 0; }
td.r-fb-bottom-wide  	{ height: 10px; background: url('/images/box_front_botcurve_wide.gif') Transparent no-repeat left top; padding: 0; margin: 0; }


#r-logobox		{ width: 388px; background: url('/images/front_logobox.gif') no-repeat left top; clear: left; position: relative; }
	#r-logobox span  { position: relative; left: 495px; top: 85px; } 
	#r-logobox a 	{ font-size: 11px; }

div#r-marketingbox		{ height: 112px; width: 615px; background: white; /*url('/images/front_marketingbox2.gif') no-repeat left top;*/ clear: left; }
div#r-marketingbox span  { position: relative; left: 15px; top: 20px; } 
div#r-marketingbox a 	{ font-size: 11px; }


/******* REFERENCES FRONT PAGE ********/
div.ref-widebox        { width: 610px; float: left; margin-right: 10px;}
div.ref-widebox-top    { height: 10px; background: url('/images/box_wide_topcurve.gif') no-repeat left bottom; }
div.ref-widebox-center { padding: 0 0px; background: white; }
div.ref-widebox-bottom { height: 10px; background: url('/images/box_wide_botcurve.gif') no-repeat left top; }

div.ref-img-widebox    { width: 610px; float: left; margin-right: 10px; margin-bottom: 0; padding: 0; text-align: center;  vertical-align: top; }
div.ref-img-center     { padding: 0 15px; margin: 0;  vertical-align: top; }

/*************** HEADER ****************************/
div#r-header               { padding: 180px 9px 0 12px; }
/*div#ingress_container      { width: 415px; }*/
div#customer_path          { font-size: 10px; color: #639CB0; padding: 6px 0 0 6px; }
div#r-title                { margin: 0 0 7px 0; }
/* div#r-title span           { font-size: 42px; color: #639CB0; margin: 0; font-family: arial; display: none; } */
div#r-title h1             { display: none; }

/*************** CENTER N/A ************************/


/*************** RIGHT  ****************************/
div#right_container   			{ width: 650px; }
div#right_inner_container       { padding: 0; margin: 0; }
div#content_container     		{ padding: 12px 0px 0 14px; }

div#center_content_container	{ width: 423px; float: left; }
table#center_content_container	{ width: 423px; float: left; }

td#r-mb-top      				{ height: 15px; background: url('/images/box_main_topcurve.gif') no-repeat left bottom; }
td#r-mb-center  			 	{ padding: 0 15px; background: white; }
td#r-mb-bottom   				{ height: 10px; background: url('/images/box_main_botcurve.gif') no-repeat left top; }

div#right_content_container    	{ float: left; padding-left: 7px; vertical-align: top; }

table#r-sideBox     			{ width: 192px; margin-bottom: 10px; }
td#r-sb-top      				{ height: 10px; background: url('/images/box_side_topcurve.gif') no-repeat left bottom; }
td#r-sb-center   				{ padding: 8px 16px; font-size: 11px; background: url('/images/box_side_middle.gif') repeat-y left; color: #666666; }
td#r-sb-bottom   				{ height: 10px; background: url('/images/box_side_botcurve.gif') no-repeat left top; }
table#r-sideBox * 				{ font-size: 11px; }
	#r-sideBox .small_heading { font: normal bold 14px Arial; }

div#r-testimonial 				{  }
/***********************************************************************/



img.left_ruler { margin-top: 15px; margin-bottom: 15px;}

/* 
(\__/)
(O.o ) Plix giev purple pix. kek.
(> < )
*/

.header-content { float: left; height: 29px; }
.header-quicklinks { float: right; height: 29px; }
	.header-quicklinks .container { padding: 7px 14px 0 0; font: normal 11px Arial; color: #b1b1b1; }
		.header-quicklinks .container a { color: #679fba; }
		
		.header-quicklinks .quicklinks td { vertical-align: middle; padding: 0px 2px; }
		
		#ingress_container { width: 624px; }
		#ingress_container p { font: normal 13px Arial; }
			#ingress_container em { font-style: normal; font-weight: bold; color: #679fba; }
		
/* Front box */
	.box {}
	.box.width { width: 624px; }
		.box-top { background: #fff url("/images/graphic-box-top.gif") no-repeat left top;}
		
		.box-bottom { background: transparent url("/images/graphic-box-bottom.gif") no-repeat right bottom; padding: 12px 12px 4px 12px; }
		.box-bottom-pad { padding-bottom: 12px; }
		
		.box-bottom-pad .heading { padding-bottom: 10px; color: #6a6a6a; }

	.frontpage-content { border-collapse: collapse; }
		.frontpage-content td { padding: 0; }
		.frontpage-content .left-cell { width: 235px; }
			.left-cell .container { padding: 10px; }
				.left-cell .news-item { padding: 8px 0 12px 0; }
				.left-cell .news-item .timestamp { font: normal 11px Arial; color: #c3c3c3; }
				.left-cell .news-item .title a { font: normal bold 12px Arial; color: #71a5be; }
				.left-cell .news-item .description { font: normal 12px Arial; color: #6a6a6a; }
		
		.frontpage-content .right-cell { width: 388px; }
		
			.right-cell .container { width: 388px; height: 225px; position: relative; background: #fff url("/images/graphic-logocollection.gif") no-repeat left top; }
				.right-cell .container h2 { color: #6a6a6a; padding: 12px 12px 12px 12px; }
				.right-cell .container .link { position: absolute; bottom: 8px; right: 8px; }
					.container .link a { font-weight: bold; font-size: 12px; }

	.pad-top { margin-top: 12px; }
	.pad-bottom { margin-bottom: 10px; }

	div.heading, h1 { color: #6a6a6a; font-size: 30px; font-weight: normal; padding-bottom: 0 !important; }
	
	span.normal_text h2 { padding: 3px 0 2px 0; }
	
	span.normal_text ul { padding: 0 0 10px 0; }
		span.normal_text ul li { padding-left: 14px; list-style: none; background: transparent url("/images/bullet2.gif") no-repeat 3px 1px; }
	
	.ingress p,
	h6 { color: #666; font-size: 15px; padding-bottom: 12px; }
	
	body.WOOHOO #content_container { margin-top: 125px; }

	.content-box { padding: 0 8px; }

	.clear { clear: both; }

/* Structure */
#customer_path td { vertical-align: middle; }

a.left_menu_links_lvl1,
a.left_menu_links_lvl1_act { font: normal bold 12px Helvetica, Arial; letter-spacing: 0.1em; }

a.left_menu_links_lvl1_act { color: #666; }

/* News articles */
	.news_date { color: #888; }
	
	.news,
	.news:active,
	.news:visited,
	.news:hover,
	.type-news span.normal_text a,
	.type-news span.normal_text a:hover,
	.type-news span.normal_text a:active,
	.type-news span.normal_text a:visited { font-size: 12px; }
	
	.type-news .heading { margin-bottom: 8px; }
	
	.news-timestamp { float: left; }
	.news-nav { float: right; }
	
/* Palvelut */
	.services { margin-top: 8px; }

	.navigation-list { padding: 0; list-style: none; }
		.navigation-list .item { display: inline;}
		
		.padtop { padding-top: 8px; }