/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/



/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/base1.ascx) */
/*************************************************************************************/
.mainArea2
{
	width: 600px;
	background-color: #FFFFFF;
}
.w3cArea
{
	width: 757px;
	text-align: right;
}
.copyrightArea
{
	width: 750px;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #CCCCCC;
}
A.copyrightLink:link, A.copyrightLink:active, A.copyrightLink:hover, A.copyrightLink:visited
{
	color: #CCCCCC;
	text-decoration: none;
}
.logoArea
{
	padding-bottom: 5px;
}
.logoContentLeft
{
	float: left;
}
.logoContentRight
{
	float: right;
	margin-top: 15px;
	color: #375268;
}
.lineArea
{
	height: 12px;
	background-color: #666666;
	border-bottom: 1px solid white;
}
.headerArea
{
	background-image: url(../images/header_bg.gif);
}
.headerContent
{
	height: 16px;
	padding: 10px;
}
.menuArea
{
	padding-left: 0px;
	margin-bottom: 0px;
	border-bottom: 0px solid #d4e9f7;
	border-left: 0px solid #d4e9f7;
	border-right: 1px solid #d4e9f7;
	background-color: #d4e9f7;
}
.menuLine
{
	background-color: #fff;
	height: 1px;
}
.menuContent
{
	float: left;
	border-left: 0px solid #356b84;
	padding-left: 19px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #d4e9f7;
	font-weight: normal;
}
.menuSearch
{
	border-right: 0px solid #FFFFFF;
	padding-right: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #d4e9f7;
	font-weight: normal;
}
.inputSearch
{
	font-size: 100%;
	color: #555;
	font-family: Arial,Helvetica;
	width: 150px;
	height: 12px;
	border: 1px solid #dadada;
	background-color: #fff;
}
.inputSearchButton
{
	font-family: Arial,Helvetica;
	font-size: 100%;
	color: #555;
	height: 16px;
	border: 1px solid #dadada;
	background-color: #fff;
	cursor: pointer;
	cursor: hand;
	text-transform: none;
}
.footerArea
{
	height: 30px;
	background-color: #fff;
	margin-top: 0px;
	border-top: 1px solid #d4e9f7;
}
.footerContent
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 7px;
	padding-bottom: 2px;
	color: #afafaf;
	text-transform: uppercase;
}

.vmenuArea
{
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
}
.vmenuLine
{
	background-color: #FFFFFF;
	height: 0px;
}
.vmenuContent
{
	float: left;
	border-left: 0px solid #e0ac36;
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 2px;
	color: #434343;
	font-weight: normal;
}


/*********** STYLES FOR NAVBAR ************************/
.Menu{}
.Menu a{color: #525252; text-decoration: none;}

/*** General ***/
.MenuTopItem,
.MenuTopItemHover,
.MenuTopItemSelected,
.MenuChildItem1,
.MenuChildItemHover1,
.MenuChildItemSelected1,
.MenuChildItem2,
.MenuChildItemHover2,
.MenuChildItemSelected2,
.MenuChildItem3,
.MenuChildItemHover3,
.MenuChildItemSelected3{margin-bottom: 4px;}

/*** Level 1 and 2 ***/
.MenuTopItem a,
.MenuTopItemHover a,
.MenuTopItemSelected a,
.MenuChildItem1 a,
.MenuChildItemHover1 a,
.MenuChildItemSelected1 a{display: block; padding: 3px 8px;}

/*** Level 3 and 4 ***/
.MenuChildItem2 a,
.MenuChildItemHover2 a,
.MenuChildItemSelected2 a{display: block; padding: 3px 8px 3px 24px;}
.MenuChildItem3 a,
.MenuChildItemHover3 a,
.MenuChildItemSelected3 a{display: block; padding: 3px 8px 3px 40px;}

/*** Top item ***/
.MenuTopItem{text-transform: uppercase; background: #d4eaf7 url(../Images/framework/leftmenu/topitemtop-bg.gif) no-repeat 0 0;}
.MenuTopItem a{background: transparent url(../Images/framework/leftmenu/topitembottom-bg.gif) no-repeat 0 bottom;}

.MenuTopItemHover,
.MenuTopItemSelected{text-transform: uppercase; background: #9fbed3 url(../Images/framework/leftmenu/topitemselectedtop-bg.gif) no-repeat 0 0;}
.MenuTopItemHover a,
.MenuTopItemSelected a{background: transparent url(../Images/framework/leftmenu/topitemselectedbottom-bg.gif) no-repeat 0 bottom;}

/*** Sub items ***/
.MenuChildItem1,
.MenuChildItem2,
.MenuChildItem3{background: #e9e9e9 url(../Images/framework/leftmenu/subitemtop-bg.gif) no-repeat 0 0;}
.MenuChildItem1 a,
.MenuChildItem2 a,
.MenuChildItem3 a{background: transparent url(../Images/framework/leftmenu/subitembottom-bg.gif) no-repeat 0 bottom;}

.MenuChildItemHover1,
.MenuChildItemSelected1,
.MenuChildItemHover2,
.MenuChildItemSelected2,
.MenuChildItemHover3,
.MenuChildItemSelected3{background: #dadada url(../Images/framework/leftmenu/subitemselectedtop-bg.gif) no-repeat 0 0;}
.MenuChildItemHover1 a,
.MenuChildItemSelected1 a,
.MenuChildItemHover2 a,
.MenuChildItemSelected2 a,
.MenuChildItemHover3 a,
.MenuChildItemSelected3 a{background: transparent url(../Images/framework/leftmenu/subitemselectedbottom-bg.gif) no-repeat 0 bottom;}

/* Meny extranät (Menu2) 
.MenuChildItemExtra1{}
.MenuChildItemHoverExtra1{}
.MenuChildItemExtra2{}
.MenuChildItemHoverExtra2{}
.MenuChildItemExtra3{}
.MenuChildItemHoverExtra3{}
.MenuTopItemLocked{}
.MenuItemLocked1{}
.MenuItemLocked2{}
.MenuItemLocked3{}*/

a.MenuLink:link, a.MenuLink:hover, a.MenuLink:visited, a.MenuLink:active { color:#000000; text-decoration:none!important;}

/** STYLES FOR THE HORIZONTAL MENU ***************************************************/
/** The class names below are used in the menu control. ******************************/
/*************************************************************************************/
.litNavTopGroup
{
	height: 22px;
	cursor: default;
	text-transform: uppercase;
	word-spacing: 0px;
	letter-spacing: .2px;
	cursor: hand;
	cursor: pointer;
}
.litNavMenuGroup
{
	background-color: #d4e9f7;
	border: solid 0px #A19E98;
	cursor: hand;
	cursor: pointer;
}
.litNavTopMenuItem nobr
{
	margin-left: 0px;
	margin-right: 0px;
}
.litNavTopMenuItemExpanded
{
	background-color: #d4e9f7;
	color: #383838;
	font-family: arial, helvetica;
	border: solid 0px #A19E98;
	border-bottom-color: #BAB9CD;
	cursor: default;
}

A.litNavTopMenuLink:link, A.litNavTopMenuLink:visited, A.litNavTopMenuLink:active, A.litNavTopMenuLink:hover
{
	color: #000000;
	text-decoration: none;
}
.litNavTopMenuItem
{
	font-family: arial,helvetica;
	width: 160px;
	height: 20px;
	border-left: 1px solid #F6F6F6;
	padding-left: 10px;
	color: Black;
	cursor: hand;
	cursor: pointer;
	color: #000000;
}
.litNavTopMenuItemHover
{
	font-family: arial,helvetica;
	width: 160px;
	height: 20px;
	border-left: 1px solid #F6F6F6;
	padding-left: 10px;
	color: Black;
	cursor: hand;
	cursor: pointer;
	background-color: #9bceee;
	color: #00284d;
}
.litNavTopMenuItemActive
{
	font-family: arial,helvetica;
	width: 160px;
	height: 20px;
	border-left: 1px solid #F6F6F6;
	padding-left: 10px;
	color: Black;
	cursor: hand;
	cursor: pointer;
	background-color: #9bceee;
	color: #00284d;
}

A.litNavTopMenuLinkRed:link, A.litNavTopMenuLinkRed:visited, A.litNavTopMenuLinkRed:active, A.litNavTopMenuLinkRed:hover
{
	color: Red;
	text-decoration: none;
}
.litNavTopMenuItemRed
{
	font-family: arial,helvetica;
	width: 160px;
	height: 20px;
	border-left: 1px solid #F6F6F6;
	padding-left: 10px;
	color: Black;
	cursor: hand;
	cursor: pointer;
	color: Red;
}
.litNavTopMenuItemHoverRed
{
	font-family: arial,helvetica;
	width: 160px;
	height: 20px;
	border-left: 1px solid #F6F6F6;
	padding-left: 10px;
	cursor: hand;
	cursor: pointer;
	background-color: #9bceee;
}
.litNavTopMenuItemActiveRed
{
	font-family: arial,helvetica;
	width: 160px;
	height: 20px;
	border-left: 1px solid #F6F6F6;
	padding-left: 10px;
	cursor: hand;
	cursor: pointer;
	background-color: #9bceee;
}


/** STYLES FOR TEMPLATE WIDTH ********************************************************/
/** The templates are included inside the basefile, your web design will tell you ****/
/** the maximal width to use for the templates. **************************************/
/*************************************************************************************/
.Template
{
	width: 100%;
	min-height: 400px;
	_height: 350px;
	margin-bottom: 20px;
}