/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
body {font:69%/1.5 "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; color:#3c3c3c; margin:20px;}
/*strong, em, b, i, .Intro {font-family: "Lucida Sans", "Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif; background-color:#f00;}*/

a:link, a:visited {color: #09539f;}
a:hover, a:active  {color: #e23b30; text-decoration:none; }

p {margin:0 0 1em;}

ul {list-style-type:none; margin:1em 0 1em 2em; padding:0;}
ul li {margin:0; padding:0 0 0 1em; background:transparent url(images/bg-ul_item.png) no-repeat 0 55%;}

hr {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}
img {border:0;}
form {margin:0;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{font-size:170%; font-weight:normal; margin:1em 0 .5em; color:#000;}
h2{font-size:120%; font-weight:normal; margin:0; color:#2a649f;}
h3{font-size:90%; font-weight:bold; color:#000; margin:1em 0 .1em;}


/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}


/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/

#container {width:880px; margin:0 auto; }
#top {margin:0 5px;}

	#tagline {float:right; margin-top:44px;}
	#logotype {margin-bottom:20px;}
	
	.pagelist {list-style-type:none; padding:0 5px; margin:0; background:transparent url(images/bg-pagelist.png) repeat-x 0 100%; font-size:90%;}
	.pagelist li {float:left; padding:0; background:transparent url(images/menu-listitembg.png) no-repeat 100% 100%; height:27px; border-bottom:1px solid #a1a1a1;}
	.pagelist li.selected,
	.pagelist li.selectedparent {background:#fff url(images/menu-listitembgline.png) no-repeat 100% 100%; border-bottom:1px solid #fff;}
	
	.pagelist li.first a { background:transparent url(images/menu-listitembgline.png) no-repeat 0 100%;}
	.pagelist a {display:block; height:17px; float:left; padding:10px 10px 0; color:#989898; text-decoration:none; text-transform:uppercase;}
	
#SearchContainer {position:relative; margin:12px 0 15px 5px; height:14px;}
	.SearchField {position:absolute; top:0; left:0; background:transparent url(images/search-textbox.png) no-repeat; border:0; width:117px; height:14px; padding:3px; font-size:100%;}
	.SearchButton {position:absolute; top:0; left:125px;}

#LeftNavWrapper {float:left; width:170px; min-height:100px; padding:30px 0 0 5px; line-height:1.3;}

#LeftNav {border-top:1px dotted #c6c6c6;}
#LeftNav ul {margin:10px 0 10px 18px; padding:0;}
#LeftNav ul ul {margin:0 0 5px 12px;}
#LeftNav li a.selected,
#LeftNav li a.selectedparent {color:#e23b30;}
	#LeftNav li.level1 {border-bottom:1px dotted #c6c6c6; padding:4px 0 4px 5px;}
	#LeftNav li.level2 {background:transparent url(images/bg-ul_item.png) no-repeat 0 6px; padding-left:10px;}
	#LeftNav a:link, #LeftNavWrapper a:visited {color: #000; text-decoration:none;}
	#LeftNav a:hover, #LeftNavWrapper a:active  {color: #e23b30; text-decoration:none;}



#ContentWrapper {min-height:510px; padding:0 5px 50px 50px; float:left; width:650px;}
.WebBodyStart #ContentWrapper {background:#fff url(images/bg-contentwrapper-start.jpg) repeat-x 0 100%; float:none; width:auto; margin:0 5px 10px 5px; padding:0; min-height:550px;}

#footer {position:relative; margin:0 5px; background-color:#09539f; padding:16px 16px 0; color:#fff; height:30px; clear:both;}
#footer a {color:#fff;}

#c1, #c2, #c3, #c4 {
	width:3px;
	height:3px;
	line-height:0;
	font-size:0;
	position:absolute;
	background-repeat:no-repeat;
	background-image:url(images/corner-footer.png);
	}
	#c1 {left:0; top:0;}
	#c2 {background-position:-3px 0; right:0; top:0;}
	#c3 {background-position:0 -3px; bottom:0; left:0;}
	#c4 {background-position:-3px -3px; bottom:0; right:0;}




/** GENERAL CLASSES ******************************************************************/
/*************************************************************************************/
em.date {font-size:90%; color:#a7a7a7; display:block;}
em.date span {text-transform:capitalize;}

.plain,
.plain li {
	list-style-type: none !important;
	margin: 0;
	padding: 0;
	background-image:none;
	}

.clearbox {
	display: block;
	}

.clearbox:after {
	content: '.';
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	line-height: 0;
	}

* + html .clearbox { /* ie7 */
	overflow: visible;
	height: 1%;
	}

* html .clearbox { /* ie6 */
	display: inline-block;
	overflow: visible;
	height: 1%;
	}




/** STYLES FOR StartPage1.aspx *******************************************************/
/*************************************************************************************/
#StartTop {}

	#StartTopLeft {float:left; margin-right:10px; width:585px;}
		#StartTopLeft img {display:block;}
		
	#StartTopRight {float:right; width:275px;}
		#StartTopRight img {display:block; margin-bottom:10px;}
		#StartTopRight img.StartTopRightItemLast {margin-bottom:0;}



#StartBottom {margin:25px 15px 0;}
.BottomContainer {float:left; width:270px;}
.BottomContainerMiddle {padding:0 15px;}

.BottomRoundedBox {position:relative; background:#fff url(images/bg-BottomRoundedBox.png) repeat-y;}
	
	.BottomRoundedBoxTop,
	.BottomRoundedBoxBottom {line-height:0; font-size:1px; background:transparent url(images/bg-BottomRoundedBoxRounded.png) no-repeat; height:4px;}
	.BottomRoundedBoxBottom {background-position:0 -4px;}
	
	.BottomRoundedBoxTextContainer {margin:8px 15px 0; height:155px; overflow:hidden;}

#ShortcutsList {margin:0;}
#ShortcutsList li {margin-bottom:.8em;}

#newsliststart {line-height:1.3;}
#newsliststart li {padding-bottom:10px;}
#newsliststart p {margin:0;}




/** STYLES FOR Product1.aspx *********************************************************/
/*************************************************************************************/
.ProductImage {float:left; margin-right:50px;}
#ProductText {padding-right:100px;}



/** STYLES FOR NewsList1.aspx *********************************************************/
/*************************************************************************************/
#newslist li {margin-bottom:2em; width:70%;}


/** STYLES FOR SearchResult1.aspx ****************************************************/
/*************************************************************************************/
#SearchResultTable {width:100%; margin-top:20px;}
#SearchResultTable th,
#SearchResultTable td {text-align:left; vertical-align:top; padding:.2em;}

#SearchResultTable tr.even td {background-color:#f6f6f6;}
#SearchResultTable tr.odd td {background-color:#fff;}



/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Intro{font-size:100%; font-weight:bold; margin-bottom:1.5em;}
/*.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{FONT-SIZE:110%;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}*/
.Imagetext{font-size:.9em; margin-top:2px; text-align:CENTER; margin-bottom:1em; font-style:italic;}
/*.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}*/

.Linklist{MARGIN-TOP:20px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{MARGIN-TOP:50px;}
.Fileicon{MARGIN-RIGHT:5px;}

.Productlist {}
.Productlist li {float:left; width:130px; height:200px; overflow:hidden; background-color:#fbfbfb; margin:0 24px 20px 0; border:1px dotted #ddd; padding:3px;}
.Productlist li p {font-size:.9em;}
.Productlist li .ProductImageContainer {height:112px;}

.Productlist img {display:block; margin:0 auto;}


/*.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP:20px;}*/

.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
/*
.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}

.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}

.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}*/

.Fileheader,
.Linkheader {margin-bottom:5px; background-color:#e4ecf4; padding:10px 10px 0; height:25px; text-transform:uppercase; color:#09539f; font-size:110%; letter-spacing:.1em; position:relative;}
	
.Fileitem,
.Linkitem {margin-bottom:5px; padding-left:5px;}

/* Corners for filelist and link list headers */
	.listcorner1,
	.listcorner2,
	.listcorner3,
	.listcorner4 {
		position:absolute;
		line-height:0;
		background-repeat:no-repeat;
		height:2px;
		width:2px;
		background-image:url(images/filelistlinklistcorner.png);
	}

.listcorner1 {top:0; left:0;}
.listcorner2 {background-position:-2px 0; top:0; right:0;}
.listcorner3 {background-position:0 -2px; bottom:0; left:0;}
.listcorner4 {background-position:-2px -2px; bottom:0; right:0;}
/*
.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; PADDING-LEFT:0px;}
.ProductRowItem2{PADDING:5px; PADDING-LEFT:0px;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:100px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}*/
.Newsimage{float:left; width:100px; margin-right:25px; margin-bottom:2em;}
/*.Newsdate{FONT-SIZE:100%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}*/
.Newsitem1{PADDING:5px; PADDING-LEFT:0px;}
/*.Newsitem2{PADDING:5px; PADDING-LEFT:0px;}
.Breadcrumb{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:gray;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}*/


/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:110%; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:110%;}


/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
/*.LeftMenu ul{margin:0; margin-top:4px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited{color:#666666;}
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}*/