@charset "utf-8";

/*css for html-proto Finnpilot intranet 2009

1 Defaults

2 Site structure
	2.1 Typography

3 Top
	3.1 Support Navigation
	3.2 Language
	3.3 Search
	3.4 Header image
	
4 Breadcrumb
		
5 Navigation
	5.1 Main Navigation 
	5.2 Left navigation 
	
6 Footer
	6.1 Navigo CMS
	
7 Content elements

8 Highlight elements x4
	8.1 Highlightbox element with colored border and gray bg
	8.2 Shortcutsbox on frontpage / Highlightbox; Compass on background (highLightbox2)

9 News list

10 Error

11 Style switcher

12 Default Navigo styles
	12.1 common for all tables
	12.2 Following styles apply to navigo top tools
	12.3 Sitemap
		
		*/

/* 1. Defaults  */

	body {background:#fff url(/stc/www/img/bg.gif) 0 0 repeat-x; font-size:84% ; letter-spacing: 0.02em; margin:0 ; padding:0 ; font-family:Arial, Helvetica, sans-serif; color:#000; }
	/* link styles apply unless something else is specified in css (eg. for navigation elements) */
	a:link { color:#fe3904; /*Orange*/  text-decoration:none; } 
	a:hover { text-decoration:underline; }
	a.external {color:#fe3904; text-decoration:none; }
	a:hover.external { text-decoration:underline; }
	a img { border:none; }
	a.more {background:transparent url(/stc/www/img/arrow-orange.gif) no-repeat top right; border:medium none; color:#FE3904; padding-right:13px; margin:0px 0px 0px 10px; text-decoration:none;}
	.h { display:none; }
	li { color:#08338f; /*Blue*/ }
	.spacer { clear:both ; height:1px ; overflow:hidden ; }
	
	
		/* Ie png fix */
	* html img,
	* html .png{
		position:relative;
		behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
		this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
		this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
		this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
		);
	} 
	

/* 2. Site structure */

	#site { width:998px; margin:0px auto; }
	#extrabg { background:transparent url(/stc/www/img/bg-compass.gif) no-repeat center top ; z-index:0; width:100%; height:236px; position:absolute; top:0; left:-338px;}
	.container { margin:0 auto; z-index:1; }
	#siteBody {clear:both ; text-align:left; margin-top:0px; border-top:0px solid #08338F; }
		#siteInner { float:left; width:998px;background:#fff; min-height:400px; margin-bottom:20px; }
		* html #siteInner { height:400px; }
		#siteBody.front #siteInner { padding-top:20px; }
		
	#left {width: 280px; margin:0px; overflow: hidden;}
		#left .inner{padding: 0 20px 0 10px; }
	* html #left { display:inline; }
	
	#middle {width: 435px; position:relative; padding:0px; margin-top: 0px; }
		#middle.wide { width:686px; padding-top:20px; }
		#middle.widest { width:922px;padding:0px 20px; }
		#middle.columns { float:left;margin-top:0px; }
		#middle.columns img { float:right; margin:30px 10px; }
		#middle.columns a.more { color:#fe3904; text-decoration:none; }
		#middle.columns a:hover {text-decoration:underline; }
		* html .widest { width:922px !important;padding:0px 20px !important; }
	#right {width: 280px; margin-top: 0px; overflow: hidden;}
		#right .inner{padding: 0 10px 0 20px;}
	
	.columns { float:left; }
	/*.content {margin:0px; margin-bottom:10px; padding:10px;}*/
	.ingress { line-height:1.6em; font-size:1.1em; color:#313131; padding-top:10px;}
	.content p {margin:3px 5px;}
	.highLight .content p{margin: 10px; }
	.content p span {font-weight:bold;}
	
	.map .content {padding:10px 0px;}
	.map .content a img {padding:10px 0px; background:none;}
	.map .content a.more {background:transparent url(/stc/www/img/arrow-orange.gif) no-repeat top right; zoom:1; font-size:1.1em; border:medium none; color:#FE3904; padding-right:13px; margin:0px; text-decoration:none;}

	#middle.columns a { color:#08338f;font-weight:normal;}
	.rightImg {float:right; padding: 0 0 10px 10px;}
	.leftAlign { text-align:left ; }
	.rightAlign { text-align:right ; }
	.center { text-align:center ; }
	.justified { text-align:justify ; }

	p { margin:0.5em 0 1em 0; line-height:1.6em; }
	
	#middle li { line-height:1.6em; }
	#siteBody li p { margin:0; }
	
	.newsSummary { font-weight:bold; }
		
/*2.1 Typography */

	h2,h3,h4,h5 { margin:0.7em 0 0.2em 0; padding:0; }
	h2 { font-size:1.5em ; font-weight:normal ; color:#454545; background: url(/stc/www/img/header-border-bottom.gif) left bottom repeat-x; margin:0px 0px 10px 0px; padding:0px 0px 10px 0px;}
	h3 { font-size:1.3em ; font-weight:bold ; color:#454545; background: url(/stc/www/img/dotted-gray.gif) bottom repeat-x; margin:0px; padding:10px 0px; }

	h4 { font-size:1.2em ; font-weight:bold ; color:#08338f; }
	h5 { font-size:1.1em ; font-weight:normal ; color:#08338f; }


/* 3. TOP */

	/* 3.1 Support Navigation */
	#supportNavi {color:#08338f; font-size:1.1em ; font-weight:normal; height:37px; position:relative; z-index: 2;}
	#supportNavi form { margin:0 ; padding:0; }
	#supportNavi li { float:left; margin-top:6px; border-left:1px solid #5481b3; }
	#supportNavi li a { display:block ; padding:2px 15px ; color:#08338f; text-decoration:none;}
	#supportNavi li a:hover {text-decoration:underline;}
	#supportNavi li span { display:block ; padding:0px; margin-left:50px; display:none;}
	
	#supportNavi li.text-inc,
	#supportNavi li.text-dec {border:none; margin-top:8px;}
	
	#supportNavi li.text-inc a, 
	#supportNavi li.text-dec a { padding:0px ; margin-left:8px; width:24px; height:14px; }
	
	#supportNavi li.text-inc a span, 
	#supportNavi li.text-dec a span { display:none; }

	#supportNavi li.text-inc a,
	#supportNavi li a:hover.text-inc{padding:0;clear:both;height:16px;display:inline-block;margin-left:15px;background:url(/stc/www/img/text-inc.gif) 0 0 no-repeat;}
	
	#site #supportNavi li.text-inc a.text-inc-inact,
	#site #supportNavi li.text-inc a:hover.text-inc-inact{padding:0;clear:both;height:16px;display:inline-block;margin-left:15px;background:url(/stc/www/img/text-inc-inact.gif) 0 0 no-repeat; }
	
	#supportNavi li.text-dec a,
	#supportNavi li a:hover.text-dec{padding:0;clear:both;height:16px;display:inline-block;margin-right:15px;background:url(/stc/www/img/text-dec.gif) 0 0 no-repeat;}
	
	#site #supportNavi li.text-dec a.text-dec-inact,
	#site #supportNavi li.text-dec a:hover.text-dec-inact{padding:0;clear:both;height:16px;display:inline-block;margin-right:15px;background:url(/stc/www/img/text-dec-inact.gif) 0 0 no-repeat;}

	.supportNavilist { margin:0 ; padding:0 ; list-style:none;float:right;}
	
	/* 3.2 Language */
	#supportNavi #lang {z-index: 20; position:relative; float:left; border:none; margin: 4px 10px; display:inline;  border: 1px solid #5481B3; border-style: solid solid solid solid; padding: 3px;  background: #fff; }	
	#supportNavi #langSelect{ background: url(/stc/www/img/dropdown.gif) no-repeat right; border: none; cursor: pointer; display: block; margin:0px; padding-right:20px; text-decoration:none; color:#08338f; }
	#show-lang{position: relative; display: block; width: 100px; padding: 0 0 3px 0}
	/*#lang a:hover {text-decoration:underline;}*/
	
	#choose-lang {border:none; display: none; margin:0px; position:absolute; left: -4px; top: 20px; padding-top:0; z-index: 25; list-style: none; clear: both; }
	#supportNavi ul#choose-lang  { padding: 0; font-size: 0.9em; border: 1px solid #5481B3; border-style: none solid solid solid; }
	#supportNavi #choose-lang li {color:#fea800; list-style:none; background:#fff; margin: 0; padding: 0; width: 106px; border: 0;}
	#supportNavi #choose-lang li a{margin: 0; padding: 3px 5px 3px 5px;}
	#supportNavi #choose-lang li.selected a{text-decoration: underline;}

	/* 3.3 Search */
	#search{margin:0px; padding:0px;float:right;width:250px; }
	* html #search{ width:250px; }
	#search span{margin-left:0px;}
	#searchform {margin:0px; padding:0px; }
	form,legend,label,fieldset{margin:0;padding:0;border:0; }
	fieldset{float:right; }
	legend,label{visibility:hidden;display:none; }
	#go, 
	#searchfield, 
	.s-button, 
	.s-field {float:left; display:block; margin:5px 0px 0px 0px; padding:0px 5px; 
		font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; }
	
	#go {padding:0px 3px;border:0px;margin:2px 0px; background:none; color:#08338f;cursor:pointer; }
	#searchfield { border:0 none; color:#585858; font-weight:normal; margin-top:3px; width:150px; cursor:pointer; }
	* html #searchfield { display:inline; width:150px; height:22px; cursor:pointer; }

	.s-button {cursor:pointer; width:auto; height:1.8em; border:1px solid #08338F; background:#fff; border-left:none; float:left; }
	.s-field { padding-left:8px; width:auto;height:1.8em;
		background: #fff url(/stc/www/img/search-line.gif) no-repeat right; border:1px solid #08338F; border-right:none; }

	/* 3.4 Header image */
	#header_image{ position:relative; background: url(/stc/www/img/header-image.jpg) no-repeat top; height: 239px; width: 996px; margin-top: 0px; padding: 0px 1px; z-index: 0;}
	#logo { position:absolute;left:50px;top:5px; width:139px; height:175px; margin:0; background: url(/stc/www/img/logo.png) no-repeat top;}	
	#logo a { display:block; width:139px; height:175px; }
	#logo a span { display:none; }
	
/* 4 Breadcrumb */
	#breadcrumb { margin-top:7px; padding-left:22px; font-size:12px ; }
	#breadcrumb a { color:#fe3904; text-decoration:none; margin: 0px 8px; }
	#breadcrumb a span{color:#fe3904;}
	#breadcrumb a:hover { text-decoration:underline; }
	#breadcrumb a.active { font-weight:normal; color:#FE3904; }
	#breadcrumb span {color: #000;}

/* 5. Navigation */

	/* 5.1 Main Navigation */
	#topNavi {bottom:0; margin-left:110px; top:198px; font-size:17px; height:40px; padding:0; position:absolute;}
	.naviList { margin:0px; padding-top:0px; }
	.naviList a {color:#000;text-decoration:none; }
	.naviList a:hover { text-decoration:none; }
	.naviList li a {  display:block ;  }
	ul.naviList { padding:0; }

	li.topNavi_item { display:inline; float:left; padding:0; }
	ul.naviList a { cursor:pointer;}
	li.topNavi_item { display:inline; float:left; background: url(/stc/www/img/navi-line.gif) no-repeat top left;padding:5px 0px;}
	li.topNavi_item a:hover { display:inline; float:left; background: url(/stc/www/img/navi-line.gif) no-repeat left;padding:5px 0px;}
	
	.naviList li a:hover, li.topNavi_item .selected {background: url(/stc/www/img/selected.png) repeat-x top left; border-bottom:4px solid #f87d5d;padding:6px 17px; color:#000; }
	li.topNavi_item a, .topNavi_item .selected { float:left; display:block; padding:6px 17px; white-space:nowrap; }

	/* 5.2 Left navigation */

	.leftNaviList { padding:0 ; margin:0px; list-style:none ; } 
	* html .leftNaviList { overflow:hidden; }
	.leftNaviList ul { margin:0 ; padding:0 ; list-style:none ; }
	.leftNaviList li { margin:0 ; padding:0 ; }
	.leftNavi_top { font-size:0; background: url(/stc/www/img/tools-border-t.gif) top no-repeat; padding-top:3px;}
	.leftNavi_title { background:#fff url(/stc/www/img/leftNavi-icon.gif) right no-repeat; border-bottom:1px dashed #000; color:#454545; margin:0px 10px; padding:7px 5px 10px 5px; }
	#left .leftNavi_title h3 {color:#454545; padding:7px 5px 0px 5px; background:none; }
	
	#leftNavigation {margin:10px;margin:20px;margin-bottom:10px; padding:0px;padding-bottom:3px; position:relative;background:#fff url(/stc/www/img/tools-border-b.gif) bottom no-repeat; border-left:1px solid #08338f;border-right:1px solid #08338f;}
	#leftNavi { padding:0px 0px 1em 0px; background:#fff; }
	* html ul#leftNavi a { height:1% ; }
	
	#leftNavi li.selected.open {background:#f6f6f6 url(/stc/www/img/arrow-down.gif) no-repeat 5px 10px;}
	#leftNavi li li.selected.open, 
	#leftNavi li li a.selected.open {background:url(/stc/www/img/arrow-down.gif) no-repeat 16px 10px;margin-bottom:20px;padding-left:10px;}
	#leftNavi li li li.selected.open {background:url(/stc/www/img/arrow-down.gif) no-repeat 16px 10px;}
	
	#leftNavi li.closed a {background:url(/stc/www/img/arrow-left.gif) no-repeat 5px center;}
	#leftNavi li li.closed a {background:url(/stc/www/img/arrow-left.gif) no-repeat 5px center;}

	* html #leftNavi { display:inline-block; }
	
	#leftNavi li a { font-weight:normal; display:block; padding:8px 5px 6px 20px;border-bottom:1px solid #eaeaea; text-decoration:none; color:#434343; }
	* html #leftNavi li a { border-bottom:1px solid #eaeaea; }
	#leftNavi li a:hover {  color:#111;text-decoration:underline; }
	#leftNavi li a.selected {color:#434343;font-weight:bold;border:0px;background:url(/stc/www/img/dotted-gray.gif) repeat-x bottom; letter-spacing:0.05em;}
	
	#leftNavi li ul { background:none; }
	#leftNavi li li ul {background:url(/stc/www/img/gray-bg.gif) repeat-y left; }

	#leftNavi ul li li,
	#leftNavi ul li li li,
	#leftNavi ul li li li li {border-bottom:1px dashed #E7E7E7;}
	
	#leftNavi li li,
	#leftNavi li li li,
	#leftNavi li li li li {border-bottom:1px dashed #E7E7E7;}
	
	#leftNavi li li a { background: none;font-size:0.9em; border:none;  }
	#leftNavi li li a:hover { text-decoration:underline;  }  
	#leftNavi li li a.selected {color:#434343; border:none; margin:0; background:none; } 
	 
	#leftNavi li li li a { background: none;  }
	#leftNavi li li li a.selected { border:none; margin:0;font-weight:bold; } 
	#leftNavi li li li a:hover { text-decoration:underline;  }  
	#leftNavi li li li ul {padding-bottom:10px;background:none; }

	#leftNavi li li li li a {background: none;  }
	#leftNavi li li li li a:hover { text-decoration:underline;  }  
	#leftNavi li li li li a.selected { border:none; margin:0;padding-left:10px;font-weight:bold; } 
	#leftNavi li li li li ul {padding-bottom:10px; background:none; }
	* html ul#leftNavi a { height:1%; }



/* 6. Footer */
	#footer {color:#0d4c93;  background: url(/stc/www/img/footer-top.gif) no-repeat top; float:left; width:998px; margin-top:10px; padding:20px 0px; }
	#footer_content {  width:988px; line-height:1.2em; font-weight:normal; display:block; float:left;  background: url(/stc/www/img/footer-image.gif) no-repeat right;  }
	#footer_content .left{  height:50px;  display:inline; float:left; margin:0px; padding:0px 20px; background: url(/stc/www/img/dotted-gray-ver.gif) repeat-y right;    }
	#footer_content .middle{  height:50px;  display:inline; float:left; margin:0px; padding:0px 20px; background: url(/stc/www/img/dotted-gray-ver.gif) repeat-y right;  }
	#footer_content .right{  height:50px;  display:inline; float:left; margin:0px; padding:0px 20px; background: url(/stc/www/img/dotted-gray-ver.gif) repeat-y right; }
	#footer_content .feedback{  height:50px;  display:inline; float:left; margin:0px 5px; padding:0px 5px; background: url(/stc/www/img/dotted-gray-ver.gif) repeat-y right; }
	#footer_content .feedback a {background:transparent url(/stc/www/img/arrow-orange-list.gif) no-repeat 1px 3px; padding-left:13px; color:#0d4c93;}

	#footer_left p{font-weight:normal; line-height:1.6em; margin:0px; font-size:12px; }
	#footer_left h4{font-weight:normal; color:#192f46; font-weight:bold; font-size:12px;}

/* 6.1 Navigo CMS */
	/*do not change ; always the same (unless logo/type is NOT on white bg) */
	div#navigoCMS { float:left; padding-left:20px; padding-bottom:1em; font:10px Verdana, sans-serif ; color:#9a9a9a; }
	div#navigoCMS strong { color:#9a9a9a; }
	div#navigoCMS a { color:#9a9a9a; text-decoration:none ; padding-left:22px ; background:url(/stc/www/img/logo_navigo.gif) no-repeat center left ; }
	div#navigoCMS acronym { text-decoration:none ;border:none ; }
	
/* 7. Content elements */
	 /* 2 columns */
	.columnContainer { width:100% ; float:left; }	
	.columnContainer .columns { width:48%; }
	.columnContainer .columns .inner { width:auto; }
	.columnContainer .left { float:left; }
	.columnContainer .right { float:right; }
	.columnContainer .border { border-right:1px solid black; }
	
	 /* Button */
	.navigo-login-submit {background:transparent url(/stc/www/img/bg-button.gif) repeat-x scroll center top;
border:1px solid #E0E9FC;color:#08338F;padding:3px 6px;}

	
/* 8 Highlight elements x4*/
	/* Box with gray border and bg */
	.boxHighLight { margin: 0 0 20px 0; padding:0px;background:url(/stc/www/img/gray-bg.gif) left repeat-y; border:1px solid #eee; }
	.boxHighLight .content {padding:0px; }
	.boxHighLight .content a { }
	.boxHighLight .content p {margin:5px;border:none;color:#000;text-decoration:none;padding:0px 5px 5px 5px;}
	.boxHighLight_top { padding:0px;}
	
	#right .boxHighLight h3 {background: url(/stc/www/img/dotted-gray.gif) bottom repeat-x; margin:0px 10px;}
	#middle .boxHighLight h3 {background: url(/stc/www/img/dotted-orange.gif) bottom repeat-x;} 
	#middle .boxHighLight { margin:5px; padding:0px;background:url(/stc/www/img/gray-bg.gif) left repeat-y; border:1px solid #ddd; width:50%; height:150px; }
	#middle .boxHighLight_top h3 { font-size:1.2em; color:#fe3904; margin:0; padding:5px 0px 7px 8px;font-weight:normal; }

	.boxHighLight .content ul {/* background:url(/stc/www/img/gray-bg.gif) bottom repeat-y; */ margin:0px; padding:0px 5px 10px 5px;}
	.boxHighLight .content li {border:none;color:#444; list-style:none;line-height:20px; }
	/*.boxHighLight .content li a {border:none;color:#fe3904;text-decoration:none;background:url(/stc/www/img/arrow-orange.gif) no-repeat top right; padding-right:15px;}
	.boxHighLight .content li a:hover {text-decoration:underline;background:url(/stc/www/img/arrow-orange.gif) no-repeat top right; padding-right:15px;}*/
	.boxHighLight_top { }
	#middle .boxHighLight_top h3 { font-size:1.3em; color:#585858; margin:0; padding:5px 0px 3px 13px;font-weight:normal; }
	
	
/* 8.1 highLight element with colored border and gray bg*/
	.highLight { margin: 0 0 20px 0; margin-bottom:10px; padding:0px; padding-bottom:3px; position:relative; background: url(/stc/www/img/tools-border-b.gif) bottom no-repeat; border-left:1px solid #08338f; border-right:1px solid #08338f; zoom:1; }
	.highLight li {border:none;color:#000; list-style:none; line-height:20px; }
	.highLight li a {border:none; color:#000; text-decoration:none;}
	.highLight li a:hover {text-decoration:underline;}
	.highLight ul {background:url(/stc/www/img/gray-bg.gif) bottom repeat-y;margin:0px; padding:10px;}
	.highLight_top {background: url(/stc/www/img/tools-border-t.gif) top no-repeat; zoom:1;  padding-top:3px;}
	.highLight_top .highLight_top{background: none;}
	#left .highLight h3 {background: transparent url(/stc/www/img/dotted-gray.gif) bottom repeat-x; color:#454545; padding:8px 0px 10px 5px; margin:0px 10px;}
	#right .highLight h3{padding:8px 0px 10px 5px;  margin:0px 10px; }
	.highLight img { margin:0px; padding:7px 0px  0px 30px;}
	.highLight a.external {color:#fe3904;}
	
	#left .highLight .icon, #right .highLight .icon{position: absolute; top: 5px; right: 5px; width: 50px; height: 35px; display: none;}
	#left .technical .icon, #right .technical .icon{background: url(/stc/img/error.gif) top right no-repeat; display: block;}    

/* 8.2 Shortcutsbox on frontpage / Highlightbox; Compass on background (boxHighlight) */
	#left .boxHighLight { margin: 0 0 20px 0; margin-bottom:10px; padding:0px; position:relative; border:1px solid #e8e8e8; background:url(/stc/www/img/gray-bg.gif) left repeat-y; }
	#left .boxHighLight li {background:transparent url(/stc/www/img/arrow-orange-list.gif) no-repeat 1px 7px; padding-left:13px; padding-top:3px; border:none; color:#000; list-style:none; line-height:20px; }
	#left .boxHighLight li a {border:none; color:#000; text-decoration:none;}
	#left .boxHighLight li a:hover {text-decoration:underline;}
	#left .boxHighLight ul {margin:0px; padding:10px;}
	#left .boxHighLightInner{ background:url(/stc/www/img/compass-watermark.gif) bottom right no-repeat;}
	
	#left .boxHighLight h3 {background: transparent url(/stc/www/img/dotted-gray.gif) bottom repeat-x; color:#454545; padding:8px 0px 10px 5px; margin:0px 10px;}
	#left .boxHighLight img { margin:0px; padding:7px 0px  0px 30px;}
	#left .boxHighLight a.external {color:#fe3904;}
	
	.highLightInner {background:transparent url(/stc/www/img/gray-bg.gif) repeat-y scroll center bottom;margin:0;padding:0;}

/*  9. News list */
	.newsList { margin-bottom:20px; padding:0px; position:relative; }
	
	#middle.columns .news-item {}
	#middle.columns .news-item-content {padding:0px; background: url(/stc/www/img/dotted-gray.gif) bottom repeat-x; display:inline-block; width:100%; }
	#middle.columns .news-item-content img {margin: 0px; float:right;}
	.newsList_title { padding:0; }
	#middle.columns .news-item-content h3 {font-size:1.3em ; font-weight:normal ; margin-top:0;}
	#middle.columns .news-item-content h3 a {color:#313131;}
	#middle.columns .newsListHeading a{ padding:0px; color:#08338f; text-decoration:none; }
	#middle.columns .newsListHeading a:hover { padding:0px; color:#313131; text-decoration:underline; }
	#middle.columns .newsListIngress { padding:0; width:100%; }
	
	.publicationDate, 
	.newsList_middle p span.date {display:inline; padding-right:5px;color:#454545; font-weight:normal;}
	.newsList_middle .newsListIngress {display:none;}
	.newsList h3 { font-size: 1.1em; color:#454545; margin:0; padding:5px 0px 5px 0px; font-weight:bold; background: url(/stc/www/img/dotted-gray.gif) bottom repeat-x !important; }
	.newsListMain {margin-top:1px; padding:0px; border-top:1px solid #2d7dbd;}
	.newsListMain img {padding-top: 2px; }
	.newsListMain span {font-size:0.9em ; padding-bottom:5px;}
	.newsListMain p {padding-top:5px;}
	
	.newsList_middle {background: url(/stc/www/img/dotted-gray.gif) bottom repeat-x; padding-bottom:10px;}
	.newsList_middle p {margin:0 10px; padding: 3px 0 3px 0px;}
	.newsList_middle p.even {background:#fff;padding-bottom:12px;}
	.newsList_middle p span {font-weight:normal; color:#2d7dbd;}
	.newsList_bottom {height:11px; width:100%; background: url(/stc/www/img/newsListBottom_wide.gif) right top no-repeat; }
	.newsList_bottom p {margin:0; background: url(/stc/www/img/newsListBottom_corner.gif) 0 0 no-repeat; }
	.borderBottom {border-bottom:1px solid #88B30E;}
	
	.newsList h3 { font-size: 1.3em; color:#454545;  margin: 0px; padding: 10px 0px; font-weight:bold; background: url(/stc/www/img/dotted-gray.gif) bottom repeat-x !important; }
	.newsList h4 {  }
	.newsList a { color:#313131; font-size:1.1em; text-decoration:none; }
	.newsList a:hover { text-decoration:underline; }
	.newsList h4 a {  }
	.newsList p {  }
	.newsList p a { }
	.newsList span.readMore { }
	.newsList_middle a.more {color:red;}
	
	

/* 10 Error*/
	.errorList{ margin:20px;margin-bottom:10px; padding:0px;padding-bottom:3px; position:relative;background:#f6f7f7 url(/stc/www/img/tools-border-b.gif) bottom no-repeat; border-left:1px solid #08338f;border-right:1px solid #08338f; }
	.errorList_top {background: url(/stc/www/img/tools-border-t.gif) top no-repeat; padding-top:3px;}
	#left .errorList h3 {background: url(/stc/www/img/error.gif) right no-repeat; padding:15px 7px;color:#454545;}


/* 11. Style switcher */
	form#switchform { text-align:center; padding: 1em 0; background:#f9f9f9; border-bottom:3px solid #d7d7d7; }
	select#styleSwitchSelect { width:200px; }

/* 12. Default Navigo styles*/

	/* 12.1 common for all tables */
	#siteBody table {border-collapse: collapse;}
	#siteBody table td {vertical-align: top; padding: 0.3em;}

	.u4-table-default, 
	.u4-table-visible-borders, 
	.u4-table-stripe {margin:0 0 10px 0}
	.u4-table-visible-borders td, 
	.u4-table-complete td {border-top:1px solid #ddd; }
	
	.u4-table-visible-borders-header {background:#fdeae4;}
	.u4-table-complete-header {background:#e0e9fc;}

	.u4-table-stripe-header, 
	.u4-table-stripe-odd, 
	.u4-table-complete-header2, 
	.u4-table-complete-even {/*background:#f9f9f9;*/}
	.u4-table-stripe-header2, 
	.u4-table-stripe-even, 
	.u4-table-complete-odd {background:#f6f6f6;}

	.u4-table-complete-header td {background:#e0e9fc; color: #333; font-weight: bold;}

	/* 12.2 Following styles apply to navigo top tools */
	table.u4-em-ie { border-collapse:collapse ; }
	table.u4-em-ie td { font-size:11px ; padding:2px ; border:none ; }
	table.u4-em-ie td.styleSelector-active { background:#efefef ; border:none ; /*cursor:hand ; */}
	
	/* 12.3 Sitemap */
	.siteMap { width:300px ; margin:0 ; padding-bottom:2em ; }
	.siteMap a { text-decoration:none ; display:block ; color:#333 ; margin:0 ; }
	.siteMap a:hover { color:#2d7dbd; }
	.siteMap ul li { list-style:disc ; }

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


	.depth0 { padding-left:25px ; background-position:5px 50% ; width:275px ; }
	.depth1 { padding-left:40px ; background-position:20px 50% ; width:260px ; }
	.depth2 { padding-left:55px ; background-position:35px 50% ; width:245px ; } 
	.depth3 { padding-left:70px ; background-position:50px 50% ; width:230px ; }
	.depth4 { padding-left:85px ; background-position:65px 50% ; width:215px ; }
	.depth5 { padding-left:85px ; background-position:0px 50% ; width:215px ; }
		
	.siteMapFolderLevel1 a { background:url(/stc/www/img/siteMap/sitemap_folder.gif) 5px 50% no-repeat ; padding-left:20px ; font-weight:bold ; }
	.siteMapFolderLevel2 a { background:url(/stc/www/img/siteMap/sitemap_subfolder.gif) 10px 50% no-repeat ; padding-left:33px ; }
	.siteMapFolderLevel3 a { background:url(/stc/www/img/siteMap/sitemap_subfolder.gif) 25px 50% no-repeat ; padding-left:45px ; }
	.siteMapFolderLevel4 a { background:url(/stc/www/img/siteMap/sitemap_subfolder.gif) 40px 50% no-repeat ; padding-left:60px ; }
	.siteMapFolderLevel5 a { background:url(/stc/www/img/siteMap/sitemap_subfolder.gif) 55px 50% no-repeat ; padding-left:75px ; }

	.stripe { background-color:#f9f9f9 ; }
 
	.textInputField{background:transparent url(/stc/img/gray-bg.gif) repeat-y scroll left center; border:1px solid #E6E6E6;}
	.emailForm td.textInputTd {width:150px;}
	.emailForm input.emailForm {margin-top:10px; margin-left:160px;}

