.foo {} /* This class to make the W3C validator relax. */
/*
 * Solu 4 Public Stylesheet
 * $Id: $
 * $Version: $
 */

body, html					{}

/** **/
._bhpad						{ padding-left: 10px; padding-right: 10px; }

a							{ color: #336699; text-decoration: none; }
a:hover						{ text-decoration: underline; }

input[type="submit"]		{ cursor: pointer; }

.blur						{ color: #a1a1a1; }

.whitebg					{ background-color: #fff; padding-top: 1px; }

/** Yui hax **/
#yui-main > .yui-b			{ margin-left: 210px !important; }

#bd > .yui-b				{ width: 210px !important; }

/** **/
#navigation					{}
#header						{}		/* Banner */
#footer						{}
#content					{}
#quicklinks					{}

.page-width					{ margin: 0 auto; text-align: left; width: 984px; padding-left: 7px; padding-right: 6px; background: url("../images/background-content-repeat.png") repeat-y; }
#quicklinks .page-width		{ background-image: url("../images/background-quicklinks-repeat.png") !important; }

#custom-doc					{ width: 984px; min-width: 984px; margin: 0 auto; text-align: left; } 

.margin-sidebar-right		{ margin-right: 200px; }		/* Sidebar used in 3col.master */
.sidebar-right				{ width: 200px; float: right; margin-top: 14px; }
.sidebar-right > .holder	{ width: 190px; /*background-color: #e7e7e7; padding: 0 10px;*/ }

/** Backgrounds **/
#quicklinks,
#navigation,
#header,
#content					{ background-image: url("../images/background-body.jpg"); background-repeat: repeat-x; }

#quicklinks					{}
#navigation					{ background-position: 0 -35px; }
#header						{ background-position: 0 -170px; }
#content					{ background-position: 0 -404px; }

/** **/
#quicklinks					{}
#quicklinks .page-width		{}
#quicklinks .page-width > div { background-color: #4e4e4e; height: 35px; }

#quicklinks .breadcrumb-holder { position: absolute; left: 16px; top: 4px; }
#quicklinks .quicklinks-holder { position: absolute; right: 16px; top: 10px; }

/** **/
#path						{ }
#path a						{ line-height: 17px; }
#path .home					{ padding: 0; background: url("../images/icon-home.png") no-repeat left top; width: 17px; height: 17px; float: left; margin-right: 4px; text-indent: -9999px; }

#quicklinks					{ color: #828282; font: normal 11px Verdana; }
#quicklinks a				{ color: #dedede; }
#quicklinks a.active		{ color: #a7a7a7; font-weight: bold; }
#quicklinks a.active:hover	{ text-decoration: none; }

#navigation					{}
#navigation .page-width > div.navicontent { height: 133px; }

#navigation .special		{ background: url("../images/background-quicklinks-repeat.png") repeat-x left top; position: absolute; left: 0; top: 0; height: 2px; width: 100%; }

#search-box					
{
	background: #e7e7e7;
	position: absolute;
	right: 10px; top: 0;
	width: 234px;
	padding: 6px 2px 7px 2px;
	text-align: center;
	
	-moz-border-radius-bottomleft: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
}

#search-box .search-terms {
	background: #fff url("../images/search-icon.png") no-repeat 2px 2px;
	border: 0;
	border: solid 1px #9c9c9c;
	color: #a1a1a1;
	font: normal 11px Verdana;
	padding: 3px 2px 3px 24px;
	width: 158px;
	
	-moz-border-radius-topleft: 0.7em;
	-moz-border-radius-bottomleft: 0.7em;
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
}

#search-box .button.search {
	/*background: url("../images/background-top-searchbox-input.png") no-repeat right -30px;*/
	border: solid 1px #9b9b9b !important;
	color: #6a6a6a;
	font: normal bold 10px Verdana;
	padding: 3px 0 2px 0;
	text-transform: uppercase;
	width: 37px;
	
	/* Eyecandy */
	-moz-border-radius-topright: 0.7em;
	-moz-border-radius-bottomright: 0.7em;
	-webkit-border-top-right-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dedede));
	background: -moz-linear-gradient(top,  #fefefe,  #dedede);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dedede');
	text-shadow: 0 1px 0 #fff, 0 -1px 0 #ddd;
}

#search-box .button.search:hover 
{
	/* e2e2e2 */
	border-color: #bbb;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f3f3f3));
	background: -moz-linear-gradient(top,  #ffffff,  #f3f3f3);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3');
}

#search-box .button.search:active 
{
	/* afafaf */
	background: -webkit-gradient(linear, left top, left bottom, from(#afafaf), to(#dddddd));
	background: -moz-linear-gradient(top,  #afafaf,  #dddddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#afafaf', endColorstr='#dddddd');
}

*+html #search-box .button.search { padding-bottom: 4px; }

/** **/
#logo {
	background: url("../images/rudus-logo.png") no-repeat center center;
	position: absolute;
	left: 30px; top: 30px;
}

#logo h1 {
}

#logo h1 a {
	display: block;
	text-indent: -9999px;
	width: 191px; height: 70px;
}

#logo h1 a:focus { outline: none; }

/** Top Navigation **/
#navibar					{ position: absolute; right: 10px; bottom: 0; }

#navibar li { margin-bottom: 0 !important; }

#navibar ul#topnav			{}
/* Temp styles before graphic navigation */
/*#navibar ul#topnav a		{ color: #000; display: block; font: normal 14px "Segoe UI"; padding: 10px; text-decoration: none; text-transform: uppercase; }
#navibar ul#topnav a:hover,
#navibar ul#topnav a.active	{ background: #ffb400; color: #fff; }*/

#navibar ul#topnav li						{ /*background: url("../images/main-navi-vertical.png") no-repeat left;*/ }
#navibar ul#topnav li.separator				{ background: url("../images/main-navi-vertical.png") no-repeat left top; height: 41px; width: 2px; }
#navibar ul#topnav li.hover-neighbor,
#navibar ul#topnav li.persist-active		{ background-image: none !important; }
#navibar ul#topnav li.last					{ width: 2px; height: 41px; }

#navibar ul#topnav a 
{
	background-image: url("../images/main-navi.png");
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	text-indent: -9999px;
}

#navibar ul#topnav #ratkaisut				{ background-position: 0 0; width: 91px; }
#navibar ul#topnav #ratkaisut:hover			{ background-position: 0 -42px; }
#navibar ul#topnav #ratkaisut.active		{ background-position: 0 -84px; }

#navibar ul#topnav #tuotteet				{ background-position: -91px 0; width: 88px; }
#navibar ul#topnav #tuotteet:hover			{ background-position: -91px -42px; }
#navibar ul#topnav #tuotteet.active			{ background-position: -91px -84px; }

#navibar ul#topnav #yhteystiedot			{ background-position: -179px 0; width: 118px; }
#navibar ul#topnav #yhteystiedot:hover		{ background-position: -179px -42px; }
#navibar ul#topnav #yhteystiedot.active		{ background-position: -179px -84px; }

#navibar ul#topnav #pienrakentajalle		{ background-position: -297px 0; width: 144px; }
#navibar ul#topnav #pienrakentajalle:hover	{ background-position: -297px -42px; }
#navibar ul#topnav #pienrakentajalle.active	{ background-position: -297px -84px; }

#navibar ul#topnav #yritys					{ background-position: -441px 0; width: 62px; }
#navibar ul#topnav #yritys:hover			{ background-position: -441px -42px; }
#navibar ul#topnav #yritys.active			{ background-position: -441px -84px; }

#navibar ul#topnav #aineistot				{ background-position: -503px 0; width: 90px; }
#navibar ul#topnav #aineistot:hover			{ background-position: -503px -42px; }
#navibar ul#topnav #aineistot.active		{ background-position: -503px -84px; }





/** **/
#header .page-width							{}
#header .page-width > div					{ height: 234px; }
#header .page-width > div > div				{ border-color: #4e4e4e; border-style: solid; height: 230px; border-width: 2px 0; overflow: hidden; }

#header .page-width > div > div				{ background: url("../images/banner-placeholder.png") no-repeat center top; }

#header .picture							{ border: 0 !important; padding: 0 !important; margin: 0 !important; }

/** **/
#left-navigation							{ margin-top: 14px; }
#left-navigation a							{ font: normal 12px Verdana; display: block; min-height: 14px; }

#left-navigation li.empty > a				{ border-top: solid 1px #757575; height: 28px; }

#left-navigation ul.level-0 > li.empty:hover { border-left: solid 10px #fff !important; }

#left-navigation ul.level-0 > li { background-color: #4e4e4e; border-left: solid 10px #fff; }

#left-navigation ul.level-0 > li > a { color: #fff; padding: 7px; text-transform: uppercase; border-top: solid 1px #757575; margin: 0 4px; }

#left-navigation ul.level-0 > li:hover { border-left: solid 10px #ffb400; }

#left-navigation ul.level-0 > li.active,
#left-navigation ul.level-0 > li.expanded { background: #fff; border-left: solid 10px #ffb400; }		/* Navigation items are either active (if main item) or expanded (child item is active) */

#left-navigation ul.level-0 > li.active > a,
#left-navigation ul.level-0 > li.expanded > a { font-weight: bold; border-top: solid 1px #fff; }

#left-navigation ul.level-0 > li.active > a,
#left-navigation ul.level-0 > li.expanded > a { color: #4e4e4e; }

#left-navigation ul.level-1 a { color: #336699; }

#left-navigation ul.level-1 a { margin-left: 16px; }

*+html #left-navigation ul.level-1 { padding-bottom: 16px; }
*+html #left-navigation ul.level-1 a { float: left !important; margin-left: 0 !important; }

#left-navigation ul.level-1 { margin-left: 4px; padding-bottom: 4px; }
#left-navigation ul.level-1 li { margin-bottom: 4px; clear: both !important; }
#left-navigation ul.level-1 ul > li { padding-left: 1em; }
#left-navigation ul.level-1 li.active > a { color: #4e4e4e; font-weight: bold; }

#left-navigation ul.level-2 { margin-top: 4px; }
#left-navigation ul.level-2 > li > a { font-size: 11px; }

#left-navigation span.expander { float: left; width: 14px; height: 14px; background: url("../images/node_leaf.png") no-repeat 7px 4px; }

/** **/
#footer						{ position: relative; background: #4f4f4f url("../images/background-footer.png") repeat-x left -4px; }
#footer .shade				{ background: url("../images/background-footer.png") repeat-x left top; height: 4px; width: 100%; position: absolute; top: -4px; }
#footer .page-width			{ background-image: none; text-align: center; padding: 12px 0; }
#footer .quicklinks			{ color: #666; font: normal bold 13px Verdana; }
#footer .quicklinks a		{ color: #fff; display: inline-block; padding: 6px 0; }

#footer .quicklinks a:hover,
#footer .quicklinks a.active { text-decoration: none; border-bottom: solid 2px #ffb400; padding: 6px 0 4px; }

#footer .disclaimer			{ color: #818181; font: normal 11px Verdana; }
#footer .disclaimer a		{ color: #fff; }

/** **/
#yui-main					{ background: url("../images/background-sidebar-left-stripe.png") repeat-y 10px 0; min-height: 330px; }
#yui-main .yui-b			{ padding-left: 24px; padding-right: 16px; }

/* Content topspace */
.yui-g.top-space { padding-top: 4px; }

/* Right sidebar */
.sidebar-right				{}
.sidebar-right a		 	{}

/** Lightbox **/
#lightbox-overlay {
	display: none;
	background: #000;
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	z-index: 9002;
	filter: alpha(opacity=50) !important;
	opacity: .50;
}

#lightbox-body {
	display: none;
	background: rgba(63,63,63,.5);
	padding: 10px;
	position: absolute;
	left: 300px; top: 300px;
	max-width: 700px;
	z-index: 9010;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*-webkit-box-shadow: #000 0 0 10px;
	-moz-box-shadow: #000 0 0 10px;*/
	
}
.lightbox-closebutton	{
	background: url('/includes/icons/close_btn.png');
	width: 56px;
	height: 57px;
	right: -45px;
	top: -45px;
	position: absolute;
	z-index: 9900;
	cursor: pointer;
}
#lightbox-body > div	{ background: #fff; }

#lightbox-body #lb-description { display: block; text-align: left; margin-top: 6px; }

/** FRONTPAGE **/
._frontpage-border { border-top: solid 2px #4e4e4e; height: 2px; margin-bottom: 10px; }

#frontpage {}

#frontpage .content-block + .content-block { margin-top: 8px; }

#frontpage table.layout-cols { width: 100%; }
#frontpage table.layout-cols td { vertical-align: top; width: 50%; }

#frontpage > div			{ }

#frontpage > .left			{ width: 328px; float: left; margin-left: 10px; padding-top: 9px; background: url("../images/frontpage-leftbg.png") no-repeat left top; }
#frontpage > .left .content-block { margin-left: 13px; padding-right: 22px; }

#frontpage > .main			{ margin-left: 330px; margin-right: 10px; }

#frontpage > .main .half	{ width: 48%; float: left; margin-left: 5px; }
#frontpage > .main .half + .half { margin-left: 9px; }

#frontpage .greyblock		{ background: url("../images/frontpage-grayblock.png") no-repeat left top; font: normal bold 15px Verdana; padding: 8px; }

#frontpage .main-banner { height: 304px; }

	/* Frontpage bulletlists */
	#frontpage ul.tuotelista.half { width: 49%; float: left; }
	#frontpage ul.tuotelista + ul.tuotelista { margin-left: 5px; }
	
	#frontpage ul.tuotelista li { font-family: Verdana; }
	
	#frontpage ul.tuotelista > li { padding: 6px; }
	
	#frontpage ul.tuotelista > li > a	{ font-size: 15px; font-weight: bold; }
	
	#frontpage ul.tuotelista > li > a > em	{ background: url("../images/bullet-gt.png") no-repeat left center; display: inline-block; width: 11px; height: 12px; }
	
	#frontpage ul.tuotelista ul { margin-top: 6px; }
	#frontpage ul.tuotelista > li li a { background: url("../images/bullet-gt.png") no-repeat left center; padding-left: 12px; }
	#frontpage ul.tuotelista li + li { margin-top: 8px; }
	

/** NEWS **/
h2.heading					{ font: normal bold 15px Verdana; }
div.small						{ font-family: Verdana; font-size: 11px; margin: 3px 10px 0 0; }

#NewsList					{ font-family: Verdana; padding: 10px 0 0 0; }
#NewsList .NewsItem			{ padding-right: 10px;}
#NewsList .NewsItem + .NewsItem	{ margin-top: 10px; }

#NewsList .heading			{ margin-bottom: 4px;}

#NewsList .timestamp,
div.timestamp	{ display: block; color: #b1b2b4; font-size: 10px; font-family: Verdana; }
#NewsList .heading a		{ font: normal bold 13px Verdana; }
#NewsList {}

#NewsList .body				{ font-size: 11px; line-height: 1.5; }

.news-pager					{ text-align: center; font-family: Verdana; }

.back-link					{ font: normal 11px Verdana; }

/** SITEMAP **/
#sitemap					{ padding-bottom: 24px; }
#sidemap .holder			{ width: 100% !important; }
#sitemap .group.row .col				{ float: left; width: 25%; }
#sitemap h2					{ font: normal 17px Verdana; }

#sitemap .group.row			{ width: 100% !important; }

/* Sitemap treeviews */

#sitemap .AspNet-TreeView > ul {  }

#sitemap li a { font: normal 12px Verdana; }
#sitemap li li a { font-size: 11px; }

#sitemap .AspNet-TreeView ul li { margin-bottom: 4px; }
#sitemap .AspNet-TreeView-Root,
#sitemap .AspNet-TreeView-Leaf,
#sitemap .AspNet-TreeView-Parent { background: url("../images/node_leaf.png") no-repeat scroll 4px 4px transparent; display: block; padding-left: 14px; }

#sitemap li { margin-top: 4px; }
#sitemap li + li { margin-top: 0; }
/*#sitemap ul ul { padding-left: 1em; }*/


/** IFRAME **/
#ratkaisut-iframe			{ padding-bottom: 20px; }
#ratkaisut-iframe iframe	{ border: 0; width: 100%; height: 500px; }


/** PICTURE GROUP (special) **/

/** Tabs **/
#tabs {
	background: url("../images/tab-gradient.png") repeat-x 0 0;
	border-top: solid 1px #cbcbcb;
	height: 30px;
}

#tabs li {
	font: normal 17px Verdana;
}

#tabs li a {
	background-image: url("../images/tab-arrow.png");
	background-position: center -50px;
	background-repeat: no-repeat;
	color: #336699;
	display: block;
	padding: 6px 8px;
	text-decoration: none;
}

#tabs li a.current,
#tabs li a:hover {
	background-position: center 0;
	color: #333;
}

#tabs li a.disabled {
	background: none;
	color: #cbcbcb;
}

#tabs li a.disabled:hover {
	background: none;
	color: #cbcbcb;
}


/** TYÖHAKEMUKSET **/
ul.vertical li + li { margin-top: 4px; }
ul.vertical li input[type="radio"] { margin-right: 4px; vertical-align: top; }

ul.horizontal li { margin-bottom: 4px; }
ul.horizontal li input[type="radio"] { vertical-align: top; }

.hakemus-section strong, .hakemus-title	{ display: block; margin: 5px 0; }
.hakemus-section input[type=checkbox]	{ float: left; margin: 0 3px 8px 0; }
.hakemus-section input[type=text]		{ margin: 2px 0; }
.hakemus-section label					{ margin: 0 18px 0 0; }
.item-tutkinto table table td			{ padding: 0 5px 0 0 !important; }
.hakemus-section ._left > label			{ float: none; }
.hakemus-section > tbody > tr > td		{ padding-left: 8px; }
.req_red								{ color: #f00; }
.nofloat								{ float: none !important; }
.nopadding								{ padding: 0 !important; }
.nomargin								{ margin: 0 !important; }
.block									{ display: block; }
.textboxpadding							{ width: 90%; float: right; position: relative; right: 3px; }

div.hakemus-block						{ border-top: solid 2px #ffb400; font-family: Verdana; padding-bottom: 15px; padding-top: 12px; }
div.hakemus-block div.note				{ font-size: 11px; }
div.hakemus-block h2					{ font-size: 17px; margin-bottom: 5px; padding: 0 0px; }
div.hakemus-block h3					{ font-size: 14px; margin-top: 10px; margin-bottom: 2px; }
div.hakemus-block > h3					{ padding: 0 8px; }

div.hakemus-block div.form-block h3		{ margin-top: 0; margin-bottom: 5px; }

div.hakemus-block div.form-block li	{ margin-top: 4px; }

div.hakemus-block td > label			{ margin-bottom: 3px; }
div.hakemus-block ._left > label		{ display: block; margin-bottom: 3px; }

div.hakemus-block label > em			{ color: #f00; }
div.hakemus-block input[type="text"],
div.hakemus-block textarea				{ font-family: Verdana; font-size: 11px; padding: 2px; }
div.hakemus-block input[type="text"]:focus,
div.hakemus-block textarea:focus		{ border: solid 1px #ffb400; }

div.hakemus-block select,
div.hakemus-block select option			{ font-family: Verdana; font-size: 11px; }

div.hakemus-block input.fullwidth		{ width: 90%; }
div.hakemus-block textarea.fullwidth	{ width: 99%; }

div.hakemus-block textarea				{ border: solid 1px #a8a8a8; overflow: auto; }

table.hakemus-section					{ width: 100%; }
table.hakemus-section tr.zebra td,
table.hakemus-section .zebra,
table.hakemus-section tr.zebra th		{ background: #f1f1f1; }
div.form-block.zebra					{ background: #f1f1f1; }

table.hakemus-section td.caption		{ font-weight: bold; }

table.hakemus-section.cellpad td		{ padding: 8px; }
table.hakemus-section.cellpad td.caption	{ padding-bottom: 0; }
table.hakemus-section.small-pad td		{ padding: 8px; }
table.hakemus-section .nocellpad td		{ padding: 0 !important; }

table.hakemus-section .nocellpad td + td 		{ margin-left: 5px; }

div.hakemus-block .bodypad				{ padding: 8px; }

table.hakemus-section th,
table.hakemus-section td				{ font-size: 11px; vertical-align: top; }

table.halfwidthcells td,
table.halfwidthcells th					{ width: 50%; }

table.hakemus-section th,
table.hakemus-section td.heading,
div.hakemus-block div.note				{ font-weight: bold; padding: 4px 8px; }

ul.horizontal li label					{ margin-left: 4px; margin-right: 21px; }
ul.horizontal li input[type="checkbox"]	{ vertical-align: top; }

div.hakemus-footer						{ margin: 0 0 12px 0; font-size: 10px; }

div.hakemus-block input.button,
div.hakemus-footer input.button			{ color: #6b6b6b; font: normal bold 10px Verdana; border: 0; cursor: pointer; height: 21px; }
div.hakemus-block input.button.gray		{ background: url("../images/button-face-gray.png") no-repeat; width: 115px; }
div.hakemus-block input.button.gray-short	{ background: url("../images/button-face-gray-short.png") no-repeat; width: 90px; }

div.hakemus-footer input.button.yellow	{ color: #5d4904; background: url("../images/button-face-yellow.png") no-repeat; width: 105px; }

div.hakemus-block em.helptext			{ display: block; font-style: italic; font-size: 10px; margin-top: 3px; color: #666; }

td.triplecolumn		{ width: 33%; }
td.triplecolumn input	{ width: 95%; }

td.quadcolumn		{ width: 25%; }
td.quadcolumn input { width: 94%; }

._cb ul li + li { margin-top: 8px !important; }

/* Hakemus */
div.item-tutkinto {}

div.item-tutkinto + div.item-tutkinto { margin-top: 8px; }

div.item-tutkinto .removebutton {  }

div.item-tutkinto .removebutton .linkbutton {
	background: url("../images/button-face-gray-small.png") no-repeat;
	color: #6b6b6b;
	display: block;
	font: normal bold 10px Verdana;
	width: 19px; height: 21px;
	text-align: center;
	padding: 4px 0 0 0;
}

/** RBT-product **/

/* Listing */
.product								{ font-family: Verdana; }
.product + .product						{ margin-top: 20px; }

.product.rbt							{}

.product .image							{ float: left; padding: 4px; border: solid 1px #e1e1e1; }

.product > .body						{ margin-left: 96px; }
.product .body > a						{ font-size: 17px; }
.product .body > p						{ font-size: 12px; margin-top: 6px; }


/* Product detail */
.product-info,
.product-data							{ font-family: Verdana; }

.product-info .image					{ border: solid 1px #e1e1e1; padding: 4px; margin: 0 0 6px 6px; }
.product-info > p						{ font-size: 11px; line-height: 18px; }

.product-data							{}
.product-data h2						{ font-size: 15px; }
.product-data h2 a,
a.small-link							{ font-size: 11px !important; }

.product-data-table						{ width: 100%; border-spacing: 2px; border-collapse: separate; }

.product-data-table th,
.product-data-table td.rowcaption,
.product-data-table tr.zebra td.rowcaption,
.product-data-table tr:hover td.rowcaption		{ background: #6f6f6f; color: #fff; }

.product-data-table th,
.product-data-table td					{ padding: 6px; font-size: 11px; font-weight: normal !important; }

.product-data-table td					{ background: #f3f3f3; }
.product-data-table tr.zebra td			{ background: #e7e7e7; }

.product-data-table tr:hover td			{ background: #d6d6d6; }


/** YHTEYSTIEDOT-HAKU **/
.tabbedsearch							{ width: 559px;}

.tabbedsearch .tabs						{ height: 27px; }

.tabbedsearch .tabs,
.tabbedsearch .tabs li a,
.tabbedsearch .content
{
	border-color: #9a9a9a;
	border-style: solid;
}

.tabbedsearch .tabs { border-width: 0; }

.tabbedsearch .tabs li
{
	float: left;
}

.tabbedsearch .tabs li a 
{
	padding: 5px 6px; display: block;
	background: url("../images/search-tab-gradients.png") repeat-x 0 -30px;
	border-width: 1px 1px 0 1px;
	font: normal bold 13px Verdana;
	margin: 0 4px;
}

*+html .tabbedsearch .tabs li,
*+html .tabbedsearch .tabs li a { border: 0; }

*+html .tabbedsearch .tabs li a { border-top: solid 1px #9a9a9a; border-left: solid 1px #9a9a9a; border-right: solid 1px #9a9a9a; }

.tabbedsearch .tabs li a.active { background-position: 0 0; border-bottom: solid 1px #fff; color: #4d4d4d; }
.tabbedsearch .content { background: #fff url("../images/search-tab-contentbg.png") repeat-y right top; border-width: 1px; }

.tabbedsearch h3 { font: normal 15px Verdana; margin: 24px 0 6px; border-bottom: solid 2px #ffb400; padding-bottom: 4px; }
.tabbedsearch .right h3 { border-bottom: 0; }

	/* Eyecandy */
	.tabbedsearch .content 
	{
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
	}
	
	.tabbedsearch .tabs li a
	{
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
	}

.searchsummary { font: normal 11px Verdana; }
.searchsummary em,
.searchsummary.em { font-style: italic; }

.searchsummary.strong { font-weight: bold; }

.personsearch-list {}

#toimituspiste .search-result-card {}

div.toimituspisteet { width: 530px; }

.search-result-card
{
	font: normal 11px Verdana;
	float: left;
	width: 49.1%;
	margin-bottom: 12px;
	min-height: 120px;
}

#toimituspiste .search-result-card { min-height: 70px; }

.search-result-card .heading { font-weight: bold; margin-bottom: 3px; }

.search-result-card .data { margin-left: 0px; }

.search-result-card .image
{
	border: solid 1px #e1e1e1;
	float: left;
	padding: 4px;	
}

div.konttorddit { float: right; top: 28px; right: -200px; width: 200px; position: relative; }
div.konttorit { position: absolute; top: 28px; right: -200px; width: 200px; }

div.konttorit div.brick { background: #e7e7e7; width: 176px; font: normal 11px Verdana; }
div.konttorit div.brick h3 { background: #d5d5d5; padding: 10px; margin-bottom: 0; margin-top: 5px; }
div.konttorit div.brick p { padding: 10px; }



/** SEARCH **/
.search-main {}

.search-main { font-family: Verdana; }

.search-main .result-summary {}
.search-main .result-summary em { font-style: italic; }

/* Search Results */
.result-summary,
.result-pager,
.search-result { font-family: Verdana, Tahoma, Sans-Serif; }

/* Search Results - Summary */
.result-summary {}

.result-summary em { font-style: italic; }

/* Search Results - Pager */
.result-pager 
{
	background: #e1e1e1;
	padding: 0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	
	text-shadow: 0 1px 0 #fff;
}

.result-pager a,
.result-pager span > span { display: inline-block; padding: 4px 6px; }

.result-pager span span { color: #666; }
.result-pager span.active { font-weight: bold; background: #fff; }
.result-pager a:hover { background: #fff; }

/* Search Results - Results */
.search-result {}
.search-result + .search-result { margin-top: 16px; }

.search-result-header {}

.search-result > ._search-pad { margin-left: 30px; }

.search-result-header a,
.search-result .breadcrumb 
{
	display: block;
	margin-left: 30px;
}

.search-result .breadcrumb { color: #555; }

/* Order number */
.search-result-header em { color: #333; }

/* Result link */
.search-result-header a { font-size: 12px !important; }

/* Result path */
.search-result .breadcrumb {}

/* Pager */
.search-pager { text-align: center; }

/** /SEARCH **/


/** CSS BUTTONS **/
*+html .css-button { padding: 3px; }

.css-button { color: #6b6b6b; border: solid 1px #9a9a9a; font: normal bold 10px Verdana; padding: 2px; text-transform: uppercase; }

.css-button.gray 
{
	background: #dfdfdf url("../images/button-facade.png") repeat-x;
	text-shadow: 0 1px 0 #fff;
}

	/* Eyecandy */
	.css-button { -moz-border-radius: 2px; }
	
/** FORMS **/
._form { font-family: Verdana; font-size: 11px; }

._form input[type="text"],
._form textarea,
._form select
{
	border: solid 1px #a8a8a8;
	font-family: Verdana;
}

._form label { margin-bottom: 3px; }
._form input[type="text"] { padding: 2px; }

/***** ETSI LÄHIN MYYJÄ *****/
div.seller-contact 
{
	background: transparent url("../images/bnr_otayhteytta_etusivu.png") no-repeat 0 0;
	width: 289px;
	height: 212px;
}

div.seller-contact ul { margin-left: 96px; padding-top: 46px; }

div.seller-contact ul li {}

div.seller-contact ul li a 
{
	background-image: url("../images/bnr_otayhteytta_etusivu_sprite.png");
	background-repeat: no-repeat;
	display: block;
	height: 32px;
	text-indent: -9999px;
}

div.seller-contact li a i 
{
	background-image: url("../images/bnr_frontpage_icons.png");
	background-position: -32px 0;
	float: left;
	margin: 6px 0 0 8px;
	height: 18px;
	width: 18px;
}
div.seller-contact li a:hover i {}

div.seller-contact a.sprite01 { background-position: 0 0; }
div.seller-contact a.sprite02 { background-position: 0 -32px; }
div.seller-contact a.sprite03 { background-position: 0 -64px; }
div.seller-contact a.sprite04 { background-position: 0 -96px; }
div.seller-contact a.sprite05 { background-position: 0 -128px; }

div.seller-contact a.sprite01:hover { background-position: -198px 0; }
div.seller-contact a.sprite02:hover { background-position: -198px -32px; }
div.seller-contact a.sprite03:hover { background-position: -198px -64px; }
div.seller-contact a.sprite04:hover { background-position: -198px -96px; }
div.seller-contact a.sprite05:hover { background-position: -198px -128px; }


/* hover left -198px; */

/* Maps */
#map-canvas { border: solid 1px #f6cf25; width: 555px; height: 400px; }

#map-directions { width: 555px; }

/* Etusivun banneri */
div.main-banner 
{
	background: url("../images/bnr.jpg");
	width: 623px;
	height: 304px;
	position: relative;	
	margin-left: 8px;
	*margin-left: 0;
}

.link-sprites a em,
.bullet-sprites a i
{
	background-color: transparent;
	background-repeat: no-repeat;	
}

.link-sprites a 
{
	display: block;
}

.link-sprites a em
{
	background-image: url("../images/bnr_frontpage_sprite.png");
	display: block;
	text-indent: -9999px;
}

.bullet-sprites a i 
{
	background-image: url("../images/bnr_frontpage_icons.png");
	float: left;
}

/* Fp */
h2.rudustitle {}
h2.rudustitle a { color: #4e4e4e; display: block; }
h2.rudustitle a i { float: right; width: 18px; height: 18px; background-position: -32px 0; }
h2.rudustitle a:hover i { background-position: -13px 0; }
/* /Fp */

div.main-banner .rudus { position: absolute; left: 1px; top: 1px; width: 200px; }
div.main-banner .rudus a { display: block; }
div.main-banner .rudus a i { float: right; width: 18px; height: 18px; background-position: -32px 0; margin: 7px 2px 0 0; }
div.main-banner .rudus a:hover i { background-position: -13px 0; }
div.main-banner .rudus a em { display: block; width: 180px; height: 30px; background-position: 0 bottom; }
div.main-banner .rudus a:hover em { background-position: -210px bottom; }

div.main-banner .big { position: absolute; }
div.main-banner .big.b01 { left: 20px; bottom: 92px; }
div.main-banner .big.b02 { right: 20px; bottom: 92px; }

div.main-banner .big.b01 { width: 235px; }
div.main-banner .big.b02 { width: 240px; }

div.main-banner .big a { }
div.main-banner .big a i { float: right; width: 18px; height: 18px; background-position: -13px 0; margin: 7px 7px 0 0 !important; }

div.main-banner .big a:hover i { background-position: -32px 0; }

div.main-banner .big.b01 a em,
div.main-banner .big.b02 a em { display: block; width: 210px; height: 30px; }

div.main-banner .infrarakentaminen em { background-position: 0 0; }

div.main-banner .talorakentaminen em { background-position: 0 -30px; }

div.main-banner .small-navi { position: absolute; bottom: 6px; left: 10px; }

div.main-banner .small-navi ul li { float: left; width: 210px; height: 22px; margin-bottom: 8px; }
div.main-banner .small-navi ul.bullet-sprites i { width: 13px; height: 13px; margin: 4px 0 0 7px; }
div.main-banner .small-navi ul.bullet-sprites a:hover i { background-position: 0 -13px; }
div.main-banner .small-navi ul.bullet-sprites em { margin-left: 14px; height: 22px; }

div.main-banner .small-navi li.maisema { width: 212px; }
div.main-banner .small-navi li.maisema em { background-position: 0 -65px; }
div.main-banner .small-navi li.maisema a:hover em { background-position: -210px -65px; }

div.main-banner .small-navi li.maatalous { width: 228px; }
div.main-banner .small-navi li.maatalous em { background-position: 0 -95px; }
div.main-banner .small-navi li.maatalous a:hover em { background-position: -210px -95px; }

div.main-banner .small-navi li.kierratys { width: 134px; }
div.main-banner .small-navi li.kierratys em { background-position: 0 -125px; }
div.main-banner .small-navi li.kierratys a:hover em { background-position: -210px -125px; }

div.main-banner .small-navi li.murskaus { width: 212px; }
div.main-banner .small-navi li.murskaus em { background-position: 0 -155px; }
div.main-banner .small-navi li.murskaus a:hover em { background-position: -210px -155px; }

div.main-banner .small-navi li.pienrak { width: 189px; }
div.main-banner .small-navi li.pienrak em { background-position: 0 -185px; }
div.main-banner .small-navi li.pienrak a:hover em { background-position: -210px -182px; }


/* purkkia */
#table-tutkinto	td			{ vertical-align: bottom; }
.radiobutton-holder	label	{ display: inline; }
*+html .fp-tuotteet-fix em	{ font-style: normal !important; }

/* mapsit */
.infoWindow { font-family: Verdana; }
.infoWindow .info { font-size: 11px; }

.infoWindow .getDirectionsLink 
{
	border: solid 1px #9b9b9b !important;
	color: #6a6a6a;
	font: normal bold 10px Verdana;
	padding: 3px !important;
	text-transform: uppercase;
	width: 37px;
	display: inline-block;
	
	margin-left: 4px;
	
	/* Eyecandy */
	-moz-border-radius-topright: 0.7em;
	-moz-border-radius-bottomright: 0.7em;
	-webkit-border-top-right-radius: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
	background: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dedede));
	background: -moz-linear-gradient(top,  #fefefe,  #dedede);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#fefefe', endColorstr='#dedede');
	text-shadow: 0 1px 0 #fff, 0 -1px 0 #ddd;
}

.info { text-align: left; }

.routing {}

.dummyHolder { margin: 6px 0; }
.dummyHolder .active { color: #000; font-weight: bold; }

.dummyHolder a {}
.dummyHolder a + a { margin-left: 6px; }

.infoWindow input { padding: 2px; border: solid 1px #9c9c9c; }


#PageContent_CenterContentGridTop_form_PalauteAihe li { float: left; width: 49.1%; }

/* Kaivolaskuri */
h3.h3info				{ font-size: 13px !important; font-weight: bold; margin-bottom: 4px; }
#kaivolaskuri			{ margin: 20px 0; font: 10px/100% Arial; }

#kaivolaskuri h2		{ font: bold 14px/100% Arial; margin: 5px 0 3px 0; }
#kaivolaskuri p			{ font-size: 12px; }
#kaivolaskuri > div		{ margin: 5px 0; }
#kaivolaskuri .buttonrightfloat		{ float: right; }
#kaivolaskuri input[type="submit"]	{ padding: 0 8px; margin: 2px 3px; }
#kaivolaskuri .valSummary			{ margin: auto; }
#kl_tyomaan_tiedot .kl_table		{ width: 65%; }
.kaivo-error-title		{ font-size: 13px; font-weight: bold; }

#kl_yhteenveto			{ width: 65%; }
#kl_yhteenveto table	{ width: 100%; }

#kaivokorttimsg			{ font: bold 12px/100% Arial; width: 400px; margin: 10px auto !important; border: 1px solid #000; padding: 1em; }

.kl_table				{ margin: 5px 0; width: 100%; }
.kl_table td			{ padding: 2px 2px; width: 50%; }
.kirahvi				{ background: #E6E6E6; }
.txtright				{ text-align: right; padding-right: 10px !important; vertical-align: top; }
.radiopadding			{ padding: 5px 0 !important; }

#savedwellcards	td		{ padding-right: 20px; }
.removewell				{ color: #f00; }
.liittymaputket			{ margin: 0 0 15px; width: 100%; }
.liittymaputket	td		{ padding: 2px 20px 2px 2px; width: auto !important; }

.td-bold td				{ font-weight: bold; }
.wellcardsummary		{ border: 1px solid #000; padding: 0 5px; }
.wellcardsummary legend	{ padding: 0 5px; font: bold 14px/100% Arial; }
.additionalinfo			{ background: #e6e6e6; padding: 3px; margin: 15px 0 5px; }

#contactinfo			{ font: 10px/1.3em Verdana; color: #fff; margin: 1px 0 0 20px; }
#contactinfo p			{ margin: 12px 12px 12px 0; }

/*  Thumbnail hover-icon */
/*.pos-relative			{ position: relative; }
remove if it messes something up */
.picture.as-thumbnail a				{ position: relative; }
.picture.as-thumbnail a em			{ display: none; position: absolute; right: 3px; top: 3px; width: 22px; height: 22px; background: url("/includes/icons/icon_zoom.png") no-repeat 0 0; }
.picture.as-thumbnail a:hover em	{ display: block; }


/** Errorpage **/
.errorholder			{ padding: 32px 0 64px; min-height: 400px; }

.errorpage				{ padding: 20px; width: 500px; margin: 0 auto; }

.errorpage h1			{ margin-top: 0 !important; }

.errorpage a			{ font-weight: bold; }



/** Lightbox **/
.navigation-link {
	position: absolute;
	width: 40%;
	height: 100%;
}

.navigation-link:hover {
	background: #fff;
	opacity: .5;
	}


.navigation-link.left { left: 0; height: 100%; }
.navigation-link.right { right: 0; height: 100%; }

/*.close-button {
	border: solid 1px #f00;
	display: block;
	height: 32px;
	width: 32px;
	position: absolute;
	right: 0;
	top: -32px;
}*/
#lb-overlay			{ background: #000; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); z-index:1001; position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#lb-body			{ 
	background: rgba(63,63,63,.5);
	padding: 10px;
	position: absolute;
	margin-left: 50%;
	left: -227px;
	top: 10%;
	width: 555px;
	z-index: 9010;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*position: absolute; width: 555px; background: #fff; z-index: 1002; top: 10%; margin-left: 50%; left: -250px; padding: 10px;*/
}
#lb-body-inner		{ background: #fff; }
#map_canvas			{ height: 400px; width: 555px; }
#map_directions		{ width: 555px; }
	{ background: #000; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50); z-index:1001; position: absolute; width: 100%; height: 100%; }
#lb-body			{ 
	background: rgba(63,63,63,.5);
	padding: 10px;
	position: absolute;
	margin-left: 50%;
	left: -227px;
	top: 10%;
	width: 555px;
	z-index: 9010;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
/*position: absolute; width: 555px; background: #fff; z-index: 1002; top: 10%; margin-left: 50%; left: -250px; padding: 10px;*/
}
#lb-body-inner		{ background: #fff; }
#map_canvas			{ height: 400px; width: 555px; }