/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */
/*-------------------------------------------------------------------------------------------------------------------*/
/*From Editor.css*/
/*-------------------------------------------------------------------------------------------------------------------*/
/*GENERAL CLASSES*/
body
{
	font-family:Arial, Helvetica, Verdana, Tahoma;
	font-size: 75%;
	color: #333;
	line-height:1.3em;
	padding: 0; 
	margin: 0;
	background-color:#abbfe0;
	background-image:url(/images/BG/blue.gif);
}
p
{
	color: #333; 
	font-size:1em;
	line-height:1.3em;
	display:block;
	margin:5px 0 15px 0;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*EDITOR TEXT CLASSES*/





H1, .heading1
{
	font-weight: 200;
	font-size: 1.6em; 
	color: #333;
	margin:20px 0 10px 0;
	
}
h2, .heading2
{
	font-weight: bold; 
	font-size: 1.4em; 
	color: #333;
	margin:20px 0 10px 0;
	
}
h3, .heading3
{
	font-weight: bold; 
	font-size: 1.2em; 
	color: #333;
	margin:20px 0 10px 0;
	
}
.introduction
{
	font-weight: bold;
	
}
.imagetext 
{
	font-style: italic; 
	font-size: 0.9em; 
	
}
.WhiteText
{
	color:#fff;
	
}
a.WhiteText
{
	color:#fff;
	text-decoration:underline;	
}
a.WhiteText:hover
{
	color:#999;
	text-decoration:none;		
}
.GrayText
{
	margin-top:0.5em;
	color:#999;
	
}
a.GrayText
{
	color:#999;
	text-decoration:underline;	
}
a.GrayText:hover
{
	color:#333;
	text-decoration:none;		
}


a.RedLinkArrow 
{

	color:#333;
	font-family:Arial;
	font-size:0.95em;	
	text-decoration:none;
	padding:0px 0px 0px 8px;
	background-image:url(/images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;

}


.RedLinkArrow a
{
	
	color:#333;
	font-family:Arial;
	font-size:0.95em;	
	text-decoration:none;
	padding:0px 0px 0px 8px;
	background-image:url(/images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;

}

a.RedLinkArrow:hover
{
	color:#333;
	text-decoration:underline;
}
/*----*/


.RedLinkArrow2, a .RedLinkArrow2, p .RedLinkArrow2
{
	color:#333;
	font-family:Arial;
	font-size:0.95em;	
	text-decoration:none;
	padding:0px 0px 0px 8px;
	background-image:url(/images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;

}
.RedLinkArrow2 a
{
	color:#333;
	font-family:Arial;
	font-size:0.95em;	
	text-decoration:none;
}
.RedLinkArrow2
{
	
}


.RedLinkArrow3, a .RedLinkArrow3, p .RedLinkArrow3
{
	color:#333;
	font-family:Arial;
	font-size:0.95em;	
	text-decoration:none;
	padding:0px 0px 0px 8px;
	background-image:url(/images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;

}
.RedLinkArrow3 a
{
	color:#333;
	font-family:Arial;
	font-size:0.95em;	
	text-decoration:none;
}


.BlueText
{
	margin-top:0.5em;
	color:#336699;
	
}
a.BlueText
{
	color:#336699;
	text-decoration:underline;	
}
a.BlueText:hover
{
	color:#666;
	text-decoration:none;		
}
.PDFLink
{
    background-image:url(/images/extensions/pdf.gif);
    background-repeat: no-repeat;
    background-position:left;
    padding-left:20px;
    
}
.DOCLink
{
    background-image:url(/images/extensions/doc.gif);
    background-repeat: no-repeat;
    background-position:left;
    padding-left:20px;
 
}
.XLSLink
{
    background-image:url(/images/extensions/xls.gif);
    background-repeat: no-repeat;
    background-position:left;
    padding-left:20px;
 
}
hr
{
	height: 1px;
	color: #ccc;
}
hr.light
{
	height:1px;
	color: #c1c1c1;
}
.date
{
	color: #999999;	
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*LINK CLASSES*/
a
{
	color: #0066cc;
	text-decoration:underline;
}
a:hover
{
	color: #0066cc;
	text-decoration:none;
}
.linkSpecial
{
	color: #0066cc;
	text-decoration:none;

}
.ReadmoreLink, a.ReadmoreLink:link
{
	color:#0066cc;
	text-decoration:none;
	padding:5em 0em 5em 1.5em;
	margin-bottom:10px;
/*	background-image:url(/Images/ColumnListIcon.gif);*/
	background-repeat:no-repeat;
	background-position:6em 1em;
	
}
/*-------------------------------------------------------------------------------------------------------------------*/



/*GENERAL EPiSERVER CLASSES*/
/* --------- Input ----------- */
input, textarea
{
	color: #333;
	font-size: 1em;
}
select
{
	font-size: 1em;
}
.inputlabel
{
	width: 6em;
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}
.inputlabelwide
{
	width: 10em;	
	float: left;
	padding-top: 0.4em;
	font-weight: bold;
}
img.quicksearch
{
	height: 1.75em;
}
span.errormessage
{
	color: #CC0000;
	font-size: 1em;
}
span.usernamelabel
{
	margin-right: 1em;
	margin-top: 0.3em;
	display: block;
	float: right;
}
/* --------- Image format ----------- */
img.shadow
{
	position:   relative;
	EditMenuName: Shadow;
	filter: progid:DXImageTransform.Microsoft.Shadow(color=#555555,direction=135,strength=5);
}
img.opacity
{
	position: relative;
	EditMenuName: Semi transparent;
	filter: alpha(opacity=40,finishopacity=24,style=3);
}
img.fliph
{
	position: relative;
	EditMenuName: Flip horisontally;
	filter: fliph;
}
img.flipv
{
	position: relative;
	EditMenuName: Flip vertically;
	filter: flipv;
}
img.dashedborder
{
	position: relative;
	border: dashed 1px gray;
	EditMenuName: Dashed border;
}
img.circularfade
{
	position: relative;
	EditMenuName: Circular fade;
	filter: alpha(opacity=100,finishopacity=0,style=2);
}
/* --------- Table classes ----------- */
table
{
	font-size: 1em;
}
th
{
	text-align: left;
}
.evenrow
{
	background-color:  #fff;
}
.unevenrow
{
	background-color:#F0E5CE;
}
.headerrow
{
	background-color: #F0E5CE;
}
/* --------- List classes ----------- */
ul
{

}

li
{
	margin-top:5px;
	color:#333;
}

.validate li
{
	color: Red;
}



/*GENERAL*/
#MainDiv
{	
	margin-top: 0px;
	text-align: center;
	padding:0px 8px 0px 8px;
	#background-image:url(/images/BG/side_shade_blue.gif);
	background-repeat:repeat-y;
	background-position:-5px;
}
html>body #MainDiv
{	

}
.MainWidth
{
	width:979px;	
	border:solid 0px red;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*CLASSES FOR TopRegion*/
#TopRegion
{
    background-color:#ffffff;
    height:122px;
}
/*---TopCorners are defined in classes starting with "TopCorner..."---*/
#TopCornersDiv
{
}
.TopLeftCorner
{
}
.TopRightCorner
{
}
/*---In HeaderDiv Logo and editor are placed---*/
#HeaderDiv
{
	margin-top: 0px;
	border-left:solid 1px #8499a6;
	border-right:solid 1px #8499a6;
	background-color:#fff;
	background-image:url(/images/BG/wave.gif);
	background-repeat:repeat-x;
	background-position:0px 50px;
	height:100px;
	
}
html>body #HeaderDiv
{
	height:90px;
}

.Logotyp
{
	float:left;
	margin:15px 30px 0px 0px;
	margin-left:30px;
}
#HeaderEditor
{
	float:left;
	width:500px;
	text-align:left;
	margin:10px 0px 0px 0px;
}
html>body #HeaderEditor
{
 
}
/*---TopMenu is defined in classes starting with "TopMenu...", or "MenuHead"---*/
#TopMenuSpace
{
    display:block;
    width:100%;

   
}
html>body #TopMenuSpace
{
}
#TopMenuDiv
{ 
	border-top:solid 1px #d1d1d1;
	border-bottom:solid 1px #d1d1d1;
	padding-top:0.7em;
	padding-bottom:0.6em;
	text-align:left;
	float:left;
	font-size:0.9em;
	background-image: url(../images/BG/TopMenuBG.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	background-color:#fff;
	width:977px;
}
html>body #TopMenuDiv
{ 
    border-left:solid 1px #8499a6;
	border-right:solid 1px #8499a6;
	margin-top:9px;
	margin-left:-1px;
}
#topmenucontrol
{
	margin-left: 0.5em;
	padding: 5px 0px 5px 4px;
	border:solid 0px black;
	float:left;
}
/* --------- Links in Top menu ----------- */
a.MenuHead
{
	padding: 5px 5px 5px 5px;
	font-size: 1.2em;
	font-weight:500;
	color: #333;
	text-decoration: none;
}
html>body a.MenuHead
{
	margin: 0.5em 0em -1em 0.5em;
	border:solid 0px black;
}
a.MenuHead:hover
{
	color: #fff;
	background-color:#0073bc;
	font-weight: normal;
	text-decoration: none;
}
a.ActiveMenuHead, a.ActiveMenuHead:hover
{
	padding: 5px 5px 5px 5px;
	font-size: 1.2em;
	background-color:#0073bc;
	font-weight:500;
	color: #fff;
	text-decoration: none;
}
html>body a.ActiveMenuHead, a.ActiveMenuHead:hover
{
	margin: 0.5em 0em -1em 0.5em;
	font-size: 1.2em;
	background-color:#0073bc;
	font-weight:500;
	color: #fff;
	text-decoration: none;
}
.TopMenuDivider
{
	
}
/*---Classes defining Quicksearch placed in head on all pages---*/
#QuickSearch
{
	float:right;
	margin-top:1.3em;
	margin-right:0.5em;
	border:solid 0px black;
	text-align:right;
	width:11.4em;
}
html>body #QuickSearch
{
}
input.QuickSearchInput
{
	width: 5em;
	height: 1em;
	margin-top:-0.05em;
}
html>body input.QuickSearchInput
{
	height:0.9em;
	width: 5em;
}
.QuickSearchButton, a.QuickSearchButton
{
	margin:10px 10px 10px 10px;
	color:#CC3333;
	text-decoration:none;
}
.QuickSearchText, a.QuickSearchText
{
    color:#003366;
    text-decoration:none; 
    margin-bottom:-0.4em;
    padding:0 0.5em 0 0.5em;
    height:2em;
    font-family:Arial;
    font-size:1em;
    vertical-align:middle;
}
html>body .QuickSearchText, a.QuickSearchText
{
    padding-bottom:0.7em;
    height:2em;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*CLASSES FOR FullWidthRegion (In this region are Left- Main- and Rightregion placed, but thay are defined separetly)*/
#FullWidthRegion
{
	float: right;
	text-align:left;
	background-color: #FFFFFF;
	border-left:solid 1px #8499a6;
	border-right:solid 1px #8499a6;
	width:977px;
}
html>body #FullWidthRegion
{
    #margin-top:10px;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*CLASSES FOR LeftRegion*/
#LeftRegion
{
	float: left;
	text-align:left;
	margin:1em 0.5em 0.5em 0.5em;
}
/*---Classes for PageMenu---*/
#PageMenu
{
	border-top:solid 10px #0073bc;
	background-image:url(../images/BG/TopPageMenuLine.gif);
	background-repeat:repeat-x;
	background-position:0 11px;
	padding-top:0.3em;
	margin-top:1px;
	background-color:#fff;
	margin-bottom:0px;	
}
html>body #PageMenu
{
	background-position:0 1px;
}
.PageMenuItem
{
	background-position:bottom;
	margin-bottom:1px;
	padding-bottom:1px;
	border-bottom:solid 1px #c1c1c1;
}
/*Level 1*/
.PageMenu1, a.PageMenu1
{
	padding-left:15px;
	display:block;
	color:#333;
	font-size:1.1em;
	text-decoration:none;
	padding-top:0.3em;
	padding-bottom:0.3em;
	border-left: solid 5px #efeeee;
	
}
a.PageMenu1:hover
{
	color:#333;
	background-color:#efeeee;
	border-left: solid 5px #ccc;
	background-image:url(../Images/PageMenuArrow.gif);
	background-repeat:no-repeat;
	background-position:0.2em 1em;
	margin-right:-1px;	
}
.A_PageMenu1, a.A_PageMenu1
{
	display:block;
	padding-left:15px;
	color:#333;
	border-left: solid 5px #999999;
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	background-image:url(../Images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:0.7em 0.7em;
	background-color:#efeeee;
	padding-top:0.3em;
	padding-bottom:0.3em;
	margin-right:-1px;	
}
html>body .A_PageMenu1, a.A_PageMenu1
{
	background-position:0.5em 0.6em;
}
/*Level 2*/
.PageMenu2, a.PageMenu2
{
	padding-left:25px;
	font-size:1.1em;
	display:block;
	border-left: solid 5px #efeeee;
	color:#333333;
	text-decoration:none;
	padding-top:0.3em;
	padding-bottom:0.3em;
}
a.PageMenu2:hover
{
	color:#333;
	background-color:#efeeee;
	border-left: solid 5px #ccc;
	margin-right:-1px;	
}
.A_PageMenu2, a.A_PageMenu2
{
	display:block;
	padding-left:25px;
	color:#333;
	font-size:1.1em;
	font-weight:bold;
	border-left: solid 5px #999999;
	text-decoration:none;
	background-color:#efeeee;
    background-image:url(../Images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:1.5em 0.7em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	margin-right:-1px;			
}
html>body .A_PageMenu2, a.A_PageMenu2
{
	background-position:1.3em 0.6em;
}
/*Level 3*/
.PageMenu3, a.PageMenu3
{
	padding-left:35px;
	border-left: solid 5px #efeeee;
	font-size:1.1em;
	display:block;
	color:#333333;
	text-decoration:none;
	padding-top:0.3em;
	padding-bottom:0.3em;
}
a.PageMenu3:hover
{
	color:#333;
	background-color:#efeeee;
	border-left: solid 5px #ccc;
	margin-right:-1px;	
}
.A_PageMenu3, a.A_PageMenu3
{
	display:block;
	padding-left:35px;
	color:#333;
	font-weight:bold;
	font-size:1.1em;
	border-left: solid 5px #999999;
	text-decoration:none;
	background-color:#efeeee;
	background-image:url(../Images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:2.4em 0.7em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	margin-right:-1px;		
}
html>body .A_PageMenu3, a.A_PageMenu3
{
	background-position:2.2em 0.6em;
}
/*Level 4*/
.PageMenu4, a.PageMenu4
{
	padding-left:45px;
	border-left: solid 5px #efeeee;
	font-size:1.1em;
	display:block;
	color:#333333;
	text-decoration:none;
	padding-top:0.3em;
	padding-bottom:0.3em;
}
a.PageMenu4:hover
{
	color:#333;
	background-color:#efeeee;
	border-left: solid 5px #ccc;
	margin-right:-1px;	
}
.A_PageMenu4, a.A_PageMenu4
{
	display:block;
	padding-left:45px;
	color:#333;
	font-weight:bold;
	font-size:1.1em;
	border-left: solid 5px #999999;
	text-decoration:none;
	background-color:#efeeee;
	background-image:url(../Images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:3.2em 0.7em;
	padding-top:0.3em;
	padding-bottom:0.3em;
	margin-right:-1px;		
}
html>body .A_PageMenu4, a.A_PageMenu4
{
	background-position:3em 0.6em;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*CLASSES FOR MainRegion*/
#WP_MainRegionDiv
{
	height:400px;
	text-align: left;
	margin-left:0px;
}
html>body #WP_MainRegionDiv
{
	height:auto;
}

#MainRegionDiv
{
	float: left;
	height:400px;
	text-align: left;
	margin-left:0px;
}
html>body #MainRegionDiv
{
	height:auto;
	margin-left:0px;
}
/*---Classes for BreadCrumb---*/
#BreadCrumbDiv
{
	padding-top:1em;
	padding-bottom:1em;
	padding-left:0em;
	padding-right:1em;
}
.BreadCrumb
{
	color:#999;
	font-size:0.9em;
	font-style:normal;
	text-decoration:none;	
}
a.BreadCrumb
{
	color:#999;
	font-size:0.9em;
	font-style:normal;
	text-decoration:underline;	
}
a.BreadCrumb:hover
{
	color:#999;
	text-decoration:none;	
}
.A_BreadCrumb, a.A_BreadCrumb
{
	color:#999;
	font-size:0.9em;
	text-decoration:none;	
}
a.A_BreadCrumb:hover
{
	color:#999;
	font-size:0.9em;
	text-decoration:none;	
}
.BreadCrumbDivider
{
	background-image:url(../Images/Clear.gif);
	background-repeat:no-repeat;
	background-position:0px 1px;
	width:5px;
	height:8px;	
}
/*CLASSES FOR MainAreaDiv*/
#MainAreaDiv
{
	padding-top:20px;
	border:solid 0px black;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*CLASSES FOR RightRegion*/

#RightRegion
{
	float: right;
	text-align:left;
	margin-top:5px;
}
.LeftRightSpace
{
	float: left;
	text-align:left;
	padding-right:5px;
	margin-top:5px;
	width:205px;
}
.RightRightSpace
{
	float: right;
	text-align:left;
	padding-right:5px;
	margin-top:5px;
	width:175px;
}
#WriterClass
{
    color:#666;
    font-style:italic;
    padding-bottom:10px; 
    padding-top:20px;  
    padding-left:0px; 
    border:solid 0px green; 
}
.FooterText
{
    margin-top:2.2em;
}
/*-------------------------------------------------------------------------------------------------------------------*/
/*CLASSES FOR BottomRegion*/
.Pagefooter
{
}
#BottomRegion
{
	float:left;
}
#FooterRegionDiv
{
	background-image:url(/images/BG/wave.gif);
	background-repeat:repeat-x;
	background-position:0px 0px;
	border-bottom:solid 1px #8499a6;
	border-right:solid 1px #8499a6;
	border-left:solid 1px #8499a6;
	background-color:#fff;
	width:977px;
}
html>body #FooterRegionDiv
{
	float:left;
}
/*---BottomCorners are defined in classes starting with "BottomCorner..."---*/
#BottomCornersDiv
{

}
.BottomLeftCorner
{

}
.BottomRightCorner
{

}
.NoFloat
{
    clear:both;    
}
/*-------------------------------------------------------------------------------------------------------------------*/
/* -- Standard divs --*/
img
{
	border: 0px;
}
.leftfloating
{
	float: left;
}
.rightfloating
{
	float: right;
}
.centered
{
	text-align: center;
}
.rightaligned
{
	text-align: right;
}
.leftaligned
{
	text-align: left;
}
.hidden
{
	display:none;
}
img.borderless
{
	border: 0;
}
div.tablerow
{
	width: 99%;
	padding: 0.5em;
}
div.description
{
	float: left;
	width: 20%;
}
div.content
{
	float: right;
	width: 79%;
}
div.fullwidth
{
	width: 100%;
}
div.printDiv
{
    padding-left:45px;
}


/*---*/
.RedLinkArrow2, a .RedLinkArrow2, p .RedLinkArrow2
{
	color:#333;
	font-family:Arial;
	font-size:0.95em;	
	text-decoration:none;
	padding:0px 0px 0px 8px;
	background-image:url(/images/RedLinkArrow.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;

}
.RedLinkArrow2 a
{
	color:#333;
	font-family:Arial;
	font-size:0.95em;	
	text-decoration:none;
}