/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{FONT-SIZE:8.5pt;}
BODY{COLOR:#666666; FONT-FAMILY: Verdana,Arial,Helvetica !important; MARGIN-LEFT:15px; MARGIN-TOP:20px;}
A:link, A:active, A:hover, A:visited{COLOR: #164165; font-weight: bold; text-decoration:none}
P{LINE-HEIGHT: 1.4em; MARGIN-TOP:0px; MARGIN-BOTTOM:15px;/*Required for same look in Firefox and IE*/}
UL{MARGIN-TOP:0px; MARGIN-BOTTOM:0px; MARGIN-LEFT:0px; padding-left: 10px; list-style: none;}
HR {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{FONT-SIZE:180%; FONT-WEIGHT:bold; MARGIN-BOTTOM:10px; MARGIN-TOP:5px;}
.H2header{FONT-SIZE:140%; FONT-WEIGHT:bold; MARGIN-BOTTOM:8px; MARGIN-TOP:0px;}
.H3header{FONT-SIZE:120%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:25pt; FONT-WEIGHT:normal; MARGIN-BOTTOM:10px; MARGIN-TOP:5px; font-family: "Lucida Grande" !important;  }
h2{FONT-SIZE:18pt; FONT-WEIGHT:normal; MARGIN-BOTTOM:8px; MARGIN-TOP:0px; }
h3{FONT-SIZE:9pt; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; }
h1,h2,h3{ color:#164165;}
h3{text-transform: uppercase;}
h3 a{text-decoration: none;}
/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}


/** FRAMEWORK STYLES ***************************************************************************/
/*************************************************************************************/


h2 a{
font-weight: normal !important;
text-decoration: none;
}

h2 a:hover{
font-weight: normal !important;
text-decoration: UNDERLINE;
}

a img{
	border:0;
}

#navigation {
  list-style: none;
  position: relative;
  z-index: 199;
  
}

#navigation li {
  float: left;
}

#navigation a * {
  display: none; 
}

#navigation li{

	padding-bottom:5px;
	 width: 200px;

}

#navigation li:last-child{

	padding-bottom:0px;

}

.partnerlist a{

	float:left;
	clear:both;

}

#navigation a,
#navigation a .hover {
  	height: 80px;
    position: relative;
    display: block;    
   	margin-bottom: 0px;
   	border-left:1px solid #5F7990;
	border-right:1px solid #5F7990;
	margin-left:-1px;
	margin-right: -1px;
	width: 200px;
}

#navigation a.home, #navigation a.home .hover{
background: url(Images/bb_attsoka.jpg) 0 0 no-repeat;
}

#navigation a.sadd, #navigation a.sadd .hover{
background: url(Images/bb_saddkarta.jpg) 0 0 no-repeat;
}

#navigation a.case, #navigation a.case .hover{
background: url(Images/bb_casestudies.jpg) 0 0 no-repeat;
}

#navigation a.faq, #navigation a.faq .hover{
background: url(Images/bb_faq.jpg) 0 0 no-repeat;
}

#navigation a.newsletter, #navigation a.newsletter .hover{
background: url(Images/bb_nyhetsbrev.jpg) 0 0 no-repeat;
}

#navigation a.home .hover,
#navigation a.faq .hover,
#navigation a.newsletter .hover,
#navigation a.case .hover,
#navigation a.sadd .hover {
  background-position: 0 0;
  width: 200px;
  height:80px;
  display: block;
}

/* individual navigation items */
#navigation a.home,
#navigation a.newsletter,
#navigation a.faq,
#navigation a.case,
#navigation a.sadd {
  background-position: 0 -80px;
  width: 200px;
  height:80px;
  display: block;
}

#navigation .highlight a.home:hover,
#navigation a.home .hover,

#navigation .highlight a.newsletter:hover,
#navigation a.newsletter .hover,

#navigation .highlight a.case:hover,
#navigation a.case .hover,

#navigation .highlight a.faq:hover,
#navigation a.faq .hover,

#navigation .highlight a.sadd:hover,
#navigation a.sadd .hover
{
  background-position: 0 0;
  width: 200px;
  height:80px;
  display: block;
}


.calendar{
	
	min-height:400px;

}

.calendar .datepad{
	width:28px;
	height:31px;
	background-image: url(Images/date.gif);
	display: block;
	float:left;
}


.block_wide_blue h2{
	margin-top: -5px;
	margin-bottom: 5px;
	color:#ffffff;
}

.block_wide_blue p{
	margin-top: 0;
	padding: 0;
	margin-bottom: 5px;
	line-height: 11pt;
}

.calendar li{



}


.calendar .block{
	float:left; 
	width:200px;
	margin-left: 10px;
}

.calendar .date{
	color:#164165;
	font-size: 11pt;
	text-align: center;
	width: 28px;
	display:block;
	font-weight: bold;
	padding-top: 2px;
}

.calendar .month{
	color:#545454;
	font-size: 6pt;
	text-align: center;
	width: 28px;
	display:block;
	padding-top: -2px;
	text-transform: uppercase;
}

.calendar h1{
	font-size: 12pt;
	line-height: 12pt;
	margin-bottom: 2px;
	margin-top: 0px;
}

.more a{

	font-weight: normal !important;
	text-decoration: none;	
}

.calendar a:hover{

	font-weight: normal !important;
	text-decoration: underline;
}

.more ul{

	margin:0;
	margin: 10px;
	padding:0;
	list-style: none;	
}

h1,h2{
	font-family: Helvetica, Arial !important;
}

.block_2 h3, .block_3 h3, .gradbox h3{
	text-transform: uppercase;
}

h1{
	line-height: 25pt;
}

h2{
	margin-top: 10px;	
	font-weight: normal;
	letter-spacing:normal;
	line-height: 18pt;
	
}

.intro{
	color:#164165;
	width:240px;
	float:left;
	text-align: left;
	margin-right: 17px;
	margin-bottom: 14px;
	font-weight: bold;
	font-size: 12px;
}

.intro1{
	color:#164165;
	margin-right: 15px;
	margin-bottom: 14px;
	font-weight: bold;

	
}

span.intro_wide{

color:#164165 !important;
font-weight: bold !important;

}

.column{

	width:240px;
	float:left;
	text-align: left;	
	margin-left: 15px;
		
}
.column p{width:240px}

.continued{

	width:240px;
	float: left;
}

.p_box{
	margin: 0;
	padding: 0;
	background-color: #f4f4f4;
	width: 220px;
	padding: 10px;
	display: block;
	float:left;
	margin-bottom: 14px;
	margin-right: 14px;
	
	
}

.p_box a, .p_box{
	color:#164165;
	font-weight: bold;
	line-height:  1.5em;

}

.p_box ul{
	list-style: circle;
	padding-left: 25px;
}


.caseImage{
	float:right;

}

.newsImage{
	float:right;
	margin-bottom: 5px;
}

#babybuttons{
	background-color: White;
	width: 200px;
	height: 250px;
	float: left;
	display: block;
	
}


.glassbutton{
	background-image: url(Images/glasknapp.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 174px;
	height: 65px;	
	display: block;
	text-align: center;
	padding-top: 15px;
	float:left;
	margin-left: -70px;
	position: absolute;
}

.glassbutton:hover{
	background-image: url(Images/glasknapp_on.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 174px;
	height: 65px;	
	display: block;
	text-align: center;
	padding-top: 15px;
	float:left;
	margin-left: -70px;
	position: absolute;
}


.glassbutton a{
	display: block;
	font-size: 12pt;
	text-decoration: none;
	padding: 10px;

}


.buttonbox_1{

	border-top:1px solid #bebebe;
	margin-top:10px;
	padding-top: 5px;
	text-align: right;

}

.button{

	display:block;
	background-color: white;
	float: right;
	color:white;
	height: 25px;
	background-image: url(Images/WebTopMenu.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 0;
	border:1px solid #000;

}

.buttonleft{

	display:block;
	background-color: white;
	float: left;
	color:white;
	height: 25px;
	background-image: url(Images/WebTopMenu.jpg);
	background-position: top;
	background-repeat: repeat-x;
	padding-top: 0;
	border:1px solid #000;
	margin-top: 5px;
}

.clear{	
	clear:both;

}

.block_3{	
	background-color: white;
	width: 772px;
	margin:0 0 6px 0;
	padding: 14px;	
	float:left;
	margin-bottom: 0px;
	min-height: 300px;
}

.block_footer{	
	background-color: white;
	width: 772px;
	margin:0 0 0px 0;
	border-top:6px solid #ddd;
	padding: 14px;	
	float:left;
	clear:both;
	height:50px;
	overflow: hidden;
}

.block_2{
	
	background-color: white;
	width: 500px;
	margin:0 6px 0px 0;
	padding: 14px;
	float:left;
	min-height: 400px;
}

.block_2_top{	
	background-image:url(Images/breadcrumb_bg.png);
	background-repeat: repeat-x;
	width: 500px;
	height: 20px;
	padding:8px 14px 0 14px;
	float:left;
}

.block_3_top{	
	background-image:url(Images/breadcrumb_bg.png);
	background-repeat: repeat-x;
	width: 772px;
	height: 20px;
	padding:8px 14px 0 14px;
	float:left;
}

.gradbox{	
	background-color: #f2f2f2;
	background-image: url(Images/gradbox_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 564px;
	margin:0 8px 0 0;
	padding: 14px;
	float:left;
	height: 220px;	
}

.fasbox{	
	background-color: #f2f2f2;
	background-image: url(Images/faser_bg.jpg);
	background-repeat: no-repeat;
	background-position: top;
	width: 592px;
	margin:0 8px 0 0;	
	float:left;
	height: 248px;	
	overflow: hidden;
	position:relative;
}

@media print
{
.fasbox{display:none;}
#babybuttons{display:none;}
#content_top{display:none;}
.block_1, .block_1_full, .block_1_last{display:none;}
.block_footer{display:none;}
.Fileheader{display:none;}
.Fileitem{display:none; }
.block_2{width:800px !important;}
.block_2_top{display:none}
.block_3_top{display:none}
.block_wide_blue{display:none;}
.WebTopMenu{display:none;}
.red{display:none;}
}


#fas_overlay{
	width: 554px;
	margin:0 8px 0 0;	
	float:left;
	height: 220px;
	z-index: 999;
	position: relative;
	background-image: url(Images/trans90.png);
	background-repeat: repeat;
	top:0;
	margin-top: -248px;
	padding: 14px;
}

#glassbuttons{
	z-index: 0;
	position: relative;
	width: 564px;
	float:left;
	height: 220px;
}


#slideleft{
	z-index: 0;
	position: relative;
	width: 564px;
	float:left;
	height: 220px;
	padding: 14px;
}

.slide .inner {
	background-image: url(Images/trans90.png);
	bottom:0pt;
	color:#333333;
	height:248px;
	left:0pt;
	padding:14px;
	position:absolute;
	width:564px;
	top:0px;
	z-index: 9999;	
}

.slide .inner p{
	width:300px;	
}

#usage{

	background-image: url(Images/usagebox_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	display: block;
	border:1px solid #164165;
	width: 200px;
	color:#164265;
	font-weight: normal;
	font-size: 9pt;
	padding: 10px;
	margin: 10px;
	margin-left: 40px;
	margin-right: 0;
	float:left;
	min-height: 100px;
	overflow: visible;
}

#usage ul{
	
	margin:0;
	padding: 0;	
	float:left;
	list-style: circle;
	margin-left: 0px;
	list-style-position: inside;
}




#usage li h3{


	text-transform: none !important;

}

#usage h3{
	
	margin-top:-30px;	
	margin-left: -10px;
	margin-bottom: 15px;
	position: relative;
	
	
	
}

.block_1 {
	
	background-color: white;
	width: 238px;
	margin:0 0 0 0;
	padding: 14px;
	float:right;
	clear:none;
	position: relative;
	top:-27px;
	border-bottom:6px solid #ddd;
}


.block_1_full, .block_1_last {
	
	background-color: white;
	width: 238px;
	margin:0 0 0 0;
	padding: 14px;
	float:right;
	clear:none;
	position: relative;
	top:-27px;
	border-bottom:0px solid #ddd;
	min-height: 160px;
}


.block_1_last {
	border-bottom: 0px;
}






.block_wide_blue{
	
	background-image: url(Images/bluebox_bg.jpg);
	background-repeat: repeat-x;
	width: 800px;
	height: 100px;
	margin:0;
	padding: 0px;
	float:left;
	clear: right;
	color:White !important;
	border-bottom: 3px solid #143C5E;
	
}

.block_wide_blue a{

	color:White;
	text-decoration: none;
}

.attsoka_body{
	float:left;
	width:766px;
}

.newspuff{


	width:240px;
	display:inline;
	float:left;
	margin-left: 10px;
}

.newspuff p{
	margin-bottom: 0;

}

.newspuff a{
	display:block;
	float:left;
	clear:both;
}

.newspuffbottom{	

	text-align: right;
	padding-top: 20px; 
	height: 30px;
}


.newspuffs{	

	width:508px; 
	float:right; 
	display: block;


}

.more{

	height:318px;

}

.calendar{
	background-color:#f5f5f5;
	width:250px;
	display:block;
	background-image: url(Images/calendar_bg.jpg);
	background-repeat: repeat-x;
	float:left;
	border:1px solid #dadada;
}

.simplePagerNav{

	width:242px; 
	height:15px; 
	font-size: 7.5pt; 
	float:left; 
	margin:5px; 
	margin-top:5px; 
	padding-top:15px;
	padding: 0;
	border-top:1px solid #cccccc;
	padding-top: 5px;
}

.simplePagerNav li{
	float:left;
	display:block;
	text-align: center;
	margin: 2px;
	
}

.simplePagerNav li, .simplePagerNav li a{

	font-weight: bold !important;
	width: 10px !important;
	height:10px !important;
	line-height: 10px !important;
	background-color: #ccc !important;
	display: block;
	text-decoration: none;
	color:#ccc !important;
}

.simplePagerNav li.currentPage,.simplePagerNav li.currentPage a{

	font-weight: bold !important;
	width: 10px !important;
	height:10px !important;
	line-height: 10px !important;
	background-color: #164165 !important;
	display: block;
	color:#164165 !important;
	
}


//*TABLES*//
#casetable tr td span{
text-transform: uppercase;
font-size: 10px !important;
}

#casetable tr td span.value{
color:#164265;
text-transform: uppercase;
font-size: 10px !important;
}

#casetable tr td span{
color:#666E8B;
text-transform: uppercase;
font-size: 10px !important;
}


#actorinfo ul, #actorinfo li, #actorinfo h2{
	padding:0;
	margin:0;
}

.actorlogo{

	border:1px solid #aaa;
	width:70px;
}

#actorinfo{

width:476px;


padding: 10px;
margin: 2px;
background-image: url(Images/actorinfo_bg.png);
background-repeat: repeat-x;
background-position: bottom;
display:none;

}
#actorinfo h2{
	font-size:13pt;
	
}

#actorinfo ul{
	float:left;
	margin-right: 20px;
}

#actorinfo h3{
	color:#999999;
	font-size: 8pt !important;
}

#actorinfo span{

	font-size: 8pt !important;
	text-transform: uppercase;
	font-weight: bold;
}

.actor_contact, .actor_tel, .actor_mob{
	
	color:#164165;
	text-transform: none !important;

}

#myTable1 th.header,#myTable2 th.header,#myTable3 th.header,#myTable4 th.header { 
    background-image: url(Images/tableheader_bg.png);
    background-repeat: repeat-x;     
    cursor: pointer; 
    color:white;
    font-weight: bold; 
    background-position: center left; 
    padding-left: 20px; 
    border-right: 1px solid #1a5a9a; 
    margin-left: -1px; 
    height:24px;
}

#myTable1 th.headerSortUp, #myTable2 th.headerSortUp, #myTable3 th.headerSortUp, #myTable4 th.headerSortUp { 
	background-image: url(Images/tableheader_bg_asc.png);
}

#myTable1 th.headerSortDown, #myTable2 th.headerSortDown, #myTable3 th.headerSortDown, #myTable4 th.headerSortDown{ 
	background-image: url(Images/tableheader_bg_desc.png);
}

.attsoka_body table{

	width:100% !important;
	font-size: 11px;
}

.attsoka_body table tr td{
	padding:3px;
}



/** SDDKARTA **/


.SupportTypeHeader a{

	float:right;	

	
}

.SupportTypeHeader span{
	color:White !important;
	padding:5px;
	float:left;	
	font-weight: bold;
	
}

.SupportTypeHeader{
	margin-right: 5px;
	background-color: #164165;
	margin-right: 2px;
	display: block;
	float:left;	
	text-decoration: none;
	background-image: url(Images/WebTopMenu.jpg); background-repeat: repeat-x;
	background-position: top;
	width:180px;
	text-align: center;
	text-transform: uppercase;
	padding:5px;
	
}

	
#saddColumns{
		width:768px;
		clear:both;
		background-image: url(Images/sadd_bg2.jpg);
		padding:0px;
		margin:0px;
}

#saddColumns a{

	text-decoration:none !important;
}

.saddColumn{
		
		padding:0;
		width:190px;
		margin-right: 2px;
		float: left;
		display: block;
		margin-top:0px !important;
		padding-top:0px !important;
		min-height: 10px;
}

.saddColumn li.saddOn span{
	color:#fff !important;

}

.saddColumn li.saddOff span{
	color:#000 !important;

}

.saddColumn li{
	margin:0;
	margin-bottom:2px;
	display:block;
	
	padding: 5px;
	height:40px;
	cursor: pointer;
	text-decoration:none;



}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}	
	
	
#markbox{

	border-top:1px solid #ababab;
	padding-top:5px;
	margin-top:10px;

}	
	
#markbox label{
	font-size:10tt;
	color:#164165;
	line-height:17px;
	padding:3px;
	margin-top: 3px;	
	vertical-align:top;
}

/*SITEMAP*/
.sitemap table tr,.sitemap table tr td,.sitemap table tr{
	
	background-color:#fff !important;

}

	
/*POPUP*/
#simplemodal-container a.modalCloseImg {
	background:url(Images/x.png) no-repeat; /* adjust url as required */

	width:30px;
	height:30px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:5px;
	right:5px;
	cursor:pointer;
}


/*/SHAREIT*/

#shareit-box {
	position:absolute;
	display:none;
	z-index: 299;
}

	#shareit-header {
		width:138px;
	}


	#shareit-body {
		width:138px; height:50px;
		background:url(Images/shareit.png);
	}

		#shareit-blank {
			height:20px;
		}

		#shareit-url {
			height:50px;
			text-align:center;
			display: none;
		}

			#shareit-url input.field{
				width:100px; height:26px;
				background: transparent url(Images/field.gif) no-repeat;
				border:none; outline:none;
				padding:7px 5px 0 5px;
				margin:3px auto;font-size:11px;
			}

		#shareit-icon  {
			height:20px;
		}
		
			#shareit-icon ul {
				list-style:none;
				width:130px;
				margin:0; padding:0 0 0 8px;
			}

			#shareit-icon ul  li{
				float:left;
				padding:0 2px;
			}
			
			#shareit-icon ul  li img{
				border:none;
			}			


#simplemodal-overlay {background-color:#000;}
.simplemodal-container {background-color:#fff; border:0px solid #444; padding:12px; width: 450px;}

/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebBody {background-color: #dddddd; background-image: url(Images/WebBodyRepeat.gif); background-repeat: repeat-y; background-position:center; margin: 0px; padding: 0px; width: 100%; /*height: 100%;*/ min-height: 100%; border-top:1px solid white;/*bugfix for Opera*/}
.WebBodyStart {background-color: #dddddd; background-image: url(Images/bg.jpg); background-repeat: repeat-x; margin: 0px; padding: 0px; width: 100%; /*height: 100%;*/ min-height: 100%; border-top:1px solid white;/*bugfix for Opera*/}
.WebMain {position: absolute; top: 0px; min-height: 100%; height:auto; width:100%;}
.WebMainContainer {height:auto; margin-bottom: 72px;}
.WebMainContainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.WebTopContainer {height: 100px;}
.WebHeaderContainer {}
.WebHeader {width: 800px; height: 100px; margin:auto; padding-left:37px; padding-right:37px; padding-top:65px;}
.WebHeaderLogo {float:left; margin-top:15px;}
.WebHeaderLoginPrint {float:right; font-size:110%; width:auto; margin-right: 37px; margin-top:34px; border:none; color:white!important;}
.WebHeaderLoginPrint a {color:white!important;}
.WebHeaderMenuContainer {position: absolute; top: 120px; width:800px; background-color: #246ca9;background-image: url(Images/WebTopMenu.jpg); background-repeat: repeat-x;}
.WebHeaderTopMenu {float:left; font-size:11pt; width:590px;}
.WebHeaderSearch {float:right; margin-top:4px;}
.WebTopMenu {color:#666666!important; height:28px;}
.WebTopMenuItem {float: left; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px; background: transparent; line-height: 16px;}
.WebTopMenuItemSelected {float: left; background-image: url(Images/WebTopMenuItem.jpg); background-repeat: repeat-x; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px;}
.WebTopMenu a{ color:white !important;  font-size: 8.5pt; letter-spacing: 0.02em; text-transform: uppercase; font-weight: normal; text-decoration: none; line-height:16px;}
.WebMiddleContainer {height: auto; width: 100%; text-align:center;}
.WebContent {height: auto; width: 800px; margin:auto; padding:0px;  text-align:left; padding-left:37px; padding-right:37px; padding-top:65px; background-image: url(Images/content_bg.gif); background-repeat: no-repeat; background-position: top }
.WebContentLeft {float: left; width: 166px; height: 100%; margin-top:10px;}
.WebContentRight {float: right; width:462px;}
.WebBottomContainer {position: absolute; bottom: 0px; width: 100%; text-align: center; height: 52px;}
.WebFooterContainer {background-image: url(Images/WebFooter.gif); background-repeat: no-repeat; background-position:center;}
.WebFooter {padding-top:10px; height: 42px; width: 686px; margin:auto; padding-left:37px; padding-right:37px; text-align: left; color:white; font-size:110%;}
.WebFooterText {float:left;}
.WebFooterText div{margin-bottom:5px;}
.WebFooterText a{color:white!important;}
.WebClear {clear:both;}
.WebSearchField {font-size:110%; color:#666666; width:100px; font-family:Verdana,Arial,Helvetica;}
.WebSearchButton {font-size:110%; color:#666666; width:auto; font-family:Verdana,Arial,Helvetica;}
.StudioLogotype {background-image: url(Images/logo.png); background-repeat:no-repeat;}
.StudioExpressLogotype {background-image: url(Images/StudioExpressLogotype.gif); background-repeat:no-repeat;}
.WebLeftMenu ul{margin:0px; padding:0px;}
.WebLeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.WebLeftMenu a{padding:3px; margin-left:1px; line-height:14px;}
.WebLeftMenuSelected {margin-left:0px!important; border:1px solid #C4C4C4; background-color:#F0F0F0;}
.WebLeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.WebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5{margin-top:1px!important; line-height:110%;}

/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/


/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Intro{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px; }
.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{FONT-SIZE:100%; color:#164165;}
.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-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}

.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px; COLOR:#888; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; margin-top: 5px; WIDTH:300px; COLOR:#888; FONT-FAMILY:Verdana,Arial,Helvetica; padding: 3px;  border:1px solid #ddd; background-image: url(Images/input_bg.png); background-repeat: repeat-x;}
.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;  COLOR:#aaa; FONT-FAMILY:Verdana,Arial,Helvetica; padding: 3px;  border:1px solid #ddd; background-image: url(Images/input_bg.png); background-repeat: repeat-x; COLOR:#164265; 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{FONT-SIZE:9pt; FONT-WEIGHT:bold; text-transform: uppercase; color:#164165; MARGIN-BOTTOM:5px; border-bottom: 1px solid #bebebe;}
.Fileitem{FONT-SIZE:8pt; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px; }
.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Linkitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.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:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.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:8pt; FONT-WEIGHT:normal; text-transform: uppercase; color:#164165;}
.BreadcrumbDelimiter{FONT-SIZE:8pt; FONT-WEIGHT:normal; text-transform: uppercase;color:#bcbcbc;}
.BreadcrumbCurrent{FONT-SIZE:8pt; FONT-WEIGHT:normal; text-transform: uppercase;color:#bcbcb !important;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{color:#bcbcbc; text-decoration: none;}
A.BreadcrumbCurrent:link, A.BreadcrumbCurrent:active, A.BreadcrumbCurrent:hover, A.BreadcrumbCurrent:visited{color:#164165 !important; text-decoration: none;}


/** 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%;}