/*

hbsp 
(c) Ch5 Finland Oy 2004
www.ch5finland.com

CSS for all medias

*/
html, body { text-align:center; height: 100%; }
body {font-family: Arial, Helvetica, Swiss, SunSans-Regular; font-size: 80%; margin: 0; padding: 0px; background: #4c4c4c;  }

.spacer{clear: both; height: 0px; overflow: hidden; background: transparent;}

a, a:hover {text-decoration: underline; color: #666666;}

div.box-border 				{border: 1px solid #329425; margin: 10px 0px 0px 0px;}
div.bluebox-top 			{width: 100%; height: auto; background: #329425; border: 0px; margin: 0; padding: 0px;}
div.bluebox-bot 			{width: 100%; height: auto; background: #B5DCB0 url(/stc/images/hbsb-body-bg.gif); margin: 0; padding: 0;}
div.bluebox-title, div.bluebox-title p, div.bluebox-title b, div.bluebox-title h2, div.bluebox-title a, div.bluebox-title a:hover  {font-size: 12px; color: #ffffff; padding: 3px 5px 3px 5px; font-weight: Bold;}
div.bluebox-bot-content a, div.bluebox-bot-content a:hover  {color: #329425; font-weight: bold;  text-decoration: underline;}
div.bluebox-bot-content		{padding: 10px;}
div.bluebox-bot-content img	{padding: 0; }	

img { margin: 0; padding: 0; }

div.greenbox	 		{width: 100%; height: auto; background: #FFFFFF; border: 1px solid #b5dcb0; margin:1px 0px 1px 0px; padding:0; padding-bottom: 10px;}
div.greenbox-content	{margin:10px 0px 0 10px; padding:0; line-height: 170%;}
div.greenbox a			{color: #555555; font-weight: bold; text-decoration: underline;}
div.greenbox a:hover 	{color: #555555; font-weight: bold; text-decoration: underline;}
div.greenbox img	{ padding-right: 5px;}

div.greyRuler{ height: 1px;  border-bottom:1px solid #E5E5E5; font-size: 0.1em; line-height: 1px; margin : 10px 0; }
/* forms */
form						{margin: 0px; padding: 0px; border: 0px;}
fieldset					{margin: 0px; padding: 0px; border: 0px solid #ffffff;}
legend						{visibility: hidden; display: none; margin: 0px; padding: 0px; border: 0px;}
div#supportnavi fieldset	{padding: 8px 10px 0px 0px; text-align: right;}
div#supportnavi fieldset p	{width: auto; height: auto; margin: 0px; padding: 0px;}
input.search-button			{height: auto; width: 30px; background: #EC8B00; color: #ffffff; font-size: 12px; border: 1px solid #EC8B00;}
input.search-field			{height: auto; width: 100px; border: 1px solid #EC8B00; font-size: 12px;}

/* navigo forms */
td.selectInputTd, td.textInputTd 	{width: 120px; height: auto;}
input.emailForm 					{width: 100px; height: auto; margin: 10px 0px 0px 125px;}
input.textInputField, textarea.textInputField {border: 1px solid #00376F;}

/* content element styles */

div.c							{width: 100%; height: auto;}
div.l							{float: left; width: 49%; height: auto; padding-right: 2%;}
div.r							{float: left; width: 49%; height: auto;}
div.lt							{float: left; width: 32%; height: auto; padding-right: 2%;}
div.mt							{float: left; width: 32%; height: auto; padding-right: 2%;}
div.rt							{float: left; width: 32%; height: auto;}
div.p							{width: auto; height: auto; padding-right: 5px;}
div.pb							{width: auto; height: auto; padding-right: 5px; border-right: 1px solid #cccccc;}

/* news */
p.date			{padding: 0;}
.list			{}
div#ingress 	{padding: 10px 0px 10px 0px;}
.ingress 		{padding: 5px 0px 12px 0px;}

.u4-table-complete-header {
	color: #329425; 
	font-size: 1.2em;	font-weight: bold;
	}
.u4-table-complete-header2 {
	color: #fff; 
	font-size: 1em;
	font-weight: bold;
	background: #329425;
	border: 1px solid #329425; 
	}
.u4-table-complete-odd {

	}
.u4-table-complete-even {
	background: #E9E9E9;
	}

.u4-table-stripe-header {
	color: #329425; 
	font-size: 1.2em;	font-weight: bold;
	}
.u4-table-stripe-header2 {
	color: #fff; 
	font-size: 1em;
	font-weight: bold;
	background: #329425;
	}
.u4-table-stripe-odd {
	
	}
.u4-table-stripe-even {

	}

.u4-table-visible-borders-header {
	color: #329425; 
	font-size: 1.2em;	font-weight: bold;

	}
.u4-table-visible-borders-header2 {
	color: #329425; 
	font-size: 1em;
	font-weight: bold;

	}
.u4-table-visible-borders-odd {

	}
.u4-table-visible-borders-even {

	}


.u4-table-visible-borders td { 
	border:1px solid #329425; 
	vertical-align:top; 
	}


.u4-table-default, .u4-table-visible-borders, .u4-table-stripe, .u4-table-visible-borders td, .u4-table-complete {
	margin:0 0 6px 0;
	}

.u4-table-default td, .u4-table-visible-borders td, .u4-table-stripe td, .u4-table-visible-borders td, .u4-table-complete td { 
	font-size:11px ; 
	padding:2px ; 
	padding-left:3px ; 
	vertical-align:top; 
	}
td.u4-table-default-rightalign , td.u4-table-visible-borders-rightalign, td.u4-table-stripe-rightalign, td.u4-table-visible-borders-rightalign , td.u4-table-complete-rightalign  { 
	text-align: right ; 
	}

td.u4-table-default-leftalign , td.u4-table-visible-borders-leftalign , td.u4-table-stripe-leftalign , td.u4-table-visible-borders-leftalign , td.u4-table-complete-leftalign { 
	text-align: left ; 
	}

td.u4-table-default-center , td.u4-table-visible-borders-center , td.u4-table-stripe-center , td.u4-table-visible-borders-center , td.u4-table-complete-center { 
	text-align: center ; 
	}

.u4-table-visible-borders, .u4-table-stripe, .u4-table-complete { 
	border-collapse:collapse ; 
	}

/* frontpage Image Carousel */
#frontfadewrapper {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 227px;
}



#frontfadestatic {
   overflow: hidden;
   background-color: transparent;
   position: absolute;
   width: 100%;
   height: 227px;
   left: 675px;
   top: 0;
   margin: 0;
   padding: 0;
}

.frontfade {
   overflow: hidden;
   background-color: transparent;
   position: absolute;
   width: 100%;
   height: 227px;
   left: 0;
   top: 0;
   margin: 0;
   padding: 0;
}



/* sitemap */

.siteMap { margin:0 ; padding-bottom:2em ; }
.siteMap a { text-decoration:none ; display:block ; margin:0 ; }
.siteMap ul li { list-style:disc ; }

.siteMapDocumentLevel0 { padding:0.2em ;  background:url(/stc/img/siteMap/sitemap_document.gif) 0px center no-repeat ; padding-left:2em ; }
.siteMapDocumentLevel1 { padding:0.2em ; background:url(/stc/img/siteMap/sitemap_subdocument.gif) 0px center no-repeat ; font-size:0.9em ; }


.depth0 { padding-left:25px ; background-position:5px center ; width:275px ; }
.depth1 { padding-left:40px ; background-position:20px center ; width:260px ; }
.depth2 { padding-left:55px ; background-position:35px center ; width:245px ; } 
.depth3 { padding-left:70px ; background-position:50px center ; width:230px ; }
.depth4 { padding-left:85px ; background-position:65px center ; width:215px ; }
.depth5 { padding-left:100px ; background-position:80px center ; width:200px ; }




.siteMapFolderLevel1 a { background:url(/stc/img/siteMap/sitemap_folder.gif) 5px center no-repeat ; padding-left: 10px ; font-weight:bold ; }
.siteMapFolderLevel2 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 10px center no-repeat ; padding-left: 25px ; font-weight:bold ;}
.siteMapFolderLevel3 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 25px center no-repeat ; padding-left: 35px ; font-weight:bold ;}
.siteMapFolderLevel4 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 40px center no-repeat ; padding-left: 50px ; font-weight:bold ;}
.siteMapFolderLevel5 a { background:url(/stc/img/siteMap/sitemap_subfolder.gif) 55px center no-repeat ; padding-left: 65px ; font-weight:bold ;}

.siteMapFolderLevel1, .siteMapFolderLevel2, .siteMapFolderLevel3, .siteMapFolderLevel4, .siteMapFolderLevel5{margin-top: 5px;}