/** 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
{
	border-bottom: solid 0px #FFFFFF; 
	width:167px;
	cursor: hand;
	cursor: pointer;
}

.MenuTopItem
{
	height: 100%;
	line-height: 100%;
	text-transform: uppercase;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	color: #00284d;
	background-color: #d4e9f7;
	padding-left: 10px;
	padding-top:7px;
	padding-bottom:5px;
	font-weight: normal;
	margin-bottom:1px;
}

.MenuTopItemHover
{
	height: 100%;
	line-height: 100%;
	text-transform: uppercase;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	color: #00284d;
	background-color: #9bceee;
	padding-left: 10px;
	padding-top:7px;
	padding-bottom:5px;
	font-weight: normal;
	margin-bottom:1px;
}/* #9bceee */

.MenuTopItemSelected
{
	height: 100%;
	line-height: 100%;
	text-transform: uppercase;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	color: #00284d;
	background-color: #9bceee;
	padding-left: 10px;
	padding-top:7px;
	padding-bottom:5px;
	font-weight: normal;
	margin-bottom:1px;
}
.MenuChildItem1
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #f2f2f2;
	padding-left:10px;
	padding-top: 6px;
	padding-bottom:4px;
	
	margin-bottom: 1px;
}

.MenuChildItemHover1
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:10px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuChildItemSelected1
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:10px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuChildItem2
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #f2f2f2;
	padding-left:20px;
	padding-top: 6px;
	padding-bottom:4px;	
	margin-bottom: 1px;
}

.MenuChildItemHover2
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:20px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuChildItemSelected2
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:20px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuChildItem3
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #f2f2f2;
	padding-left:30px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuChildItemHover3
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:30px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuChildItemSelected3
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:30px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

/* Meny extranät (Menu2) */
.MenuChildItemExtra1
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #f2f2f2;
	padding-left:10px;
	padding-top: 6px;
	padding-bottom:4px;
	
	margin-bottom: 1px;
}

.MenuChildItemHoverExtra1
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:10px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuChildItemExtra2
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #ffffff;
	padding-left:20px;
	padding-top: 6px;
	padding-bottom:4px;
	border: solid 1px #dadada;
	margin-bottom: 1px;
}

.MenuChildItemHoverExtra2
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:20px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
	border: solid 1px #dadada;
}

.MenuChildItemExtra3
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #f2f2f2;
	padding-left:30px;
	padding-top: 6px;
	padding-bottom:4px;
	
	margin-bottom: 1px;
}

.MenuChildItemHoverExtra3
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00284d;
	background-color: #DADADA;
	padding-left:30px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuTopItemLocked
{
    height: 100%;
	line-height: 100%;
	text-transform: uppercase;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	color: #00a7d8;
	background-color: #d4e9f7;
	background-image: url(../Images/padlockTopItem.gif);
	background-position:  151px 7px;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-top:7px;
	padding-bottom:5px;
	font-weight: normal;
	margin-bottom:1px;
}

.MenuItemLocked1
{
    height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00a7d8;
	background-color: #f2f2f2;
	background-image: url(../Images/padlock.gif);
	background-position:  151px 7px;
	background-repeat: no-repeat;
	padding-left:10px;
	padding-top: 6px;
	padding-bottom:4px;
	margin-bottom: 1px;
}

.MenuItemLocked2
{
    height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00a7d8;
	background-color: #ffffff;
	background-image: url(../Images/padlockItem2.gif);
	background-position:  151px 7px;
	background-repeat: no-repeat;
	padding-left:20px;
	padding-top: 6px;
	padding-bottom:4px;
	border: solid 1px #dadada;
	margin-bottom: 1px;
}

.MenuItemLocked3
{
	height: 100%;
	line-height: 100%;
	text-transform: none;
	cursor: hand;
	cursor: pointer;
	font-family: arial, helvetica;
	font-weight: normal;
	color: #00a7d8;
	background-color: #f2f2f2;
	background-image: url(../Images/padlock.gif);
	background-position:  151px 7px;
	background-repeat: no-repeat;
	padding-left:30px;
	padding-top: 6px;
	padding-bottom:4px;
	
	margin-bottom: 1px;
}


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;
}