/* Container (This is the mainwrapper)
------------------------------------------------------------------ */
#container {
     width:1000px;
     margin:5px auto;
	 padding: 0px;
     background-color:#fff;
	 background-image: url(../bilder_losning/background_rep.jpg);
	 background-repeat:repeat-y;
     border:0px solid #FFF;
     position:relative;}
	 
#printContainer {
	width: 800px;
	background-color: #fff;
	margin: 10px auto;
	border: 0px;}
	 


/* SITE HEADER
------------------------------------------------------------------ */
#header{
	width:1000px;
	height: 112px;
	margin: 0px 0px 20px 0px;
	background-color: #fff;
	background-image: url(../bilder_losning/banner_top.jpg);
	background-repeat: no-repeat;
	padding: 0px 10px;}

#header a {border: 0px;}

#header h1 a #ASLlogo {
	border: 0px;
	width: 210px;
	height: 70px;
	margin: 20px;}


/* LEFT (main navigation on the left)
------------------------------------------------------------------ */
#left {
	margin: 0px 6px;
	width: 180px;
	float: left;}
	
#left .menu {
	margin-left: 5px;}
	
#left .menu * span {display:none;}


/* LOGIN STATUS
 -------------------------------- */
#left .menu .loginStatus {
	width: 155px;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #E8E8E8;
	background: #EAF1F7;}
#left .menu .loginStatus .username {
	font-weight: bold;
	text-transform:capitalize;
	float: left}


/* PRIORITY LINKS
--------------------------------- */
/* level one of priority links */
#left .menu ul.priorityButton {
	list-style: none;
	margin: 0px;
	padding: 0px;
	width: 176px;}
#left .menu ul.priorityButton li{
	display: block;
	margin-bottom: 4px;
	padding: 0px;
	margin: 0px 0px 4px 0px;}
#left .menu ul.priorityButton li a {
	border: 0px solid #ff0;
	display: block;
	font-size: 120%;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	width: 166px;
	height: 39px;
	padding: 5px 0px 0px 10px;
	text-decoration:none;}
#left .menu ul.priorityButton li span {
	height: 0px;}
	
/*level two of the priority links */
#left .menu ul.priorityButton li ul li {
	display: block;
	padding: 0px;
	margin: 0px;
	background: none;
	font-size: 80%;
	font-weight: normal;}
#left .menu ul.priorityButton li ul li a {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	font-size: 100%;
	display: block;
	height: 30px;
	line-height: 30px;
	text-decoration:none;}
	

/* customise the red/blue colours */
/* FIRST */
#left .menu ul.priorityButton li.lev1num1 a {
	background: url(../bilder_losning/buttonLogoBlue.jpg) no-repeat;}
#left .menu ul.priorityButton li.lev1num1.selected a {
	background: url(../bilder_losning/buttonLogoBlue_active.jpg) no-repeat;}
#left .menu ul.priorityButton li.lev1num1.selected ul li a:link,
#left .menu ul.priorityButton li.lev1num1.selected ul li a:active,
#left .menu ul.priorityButton li.lev1num1.selected ul li a:visited,
#left .menu ul.priorityButton li.lev1num1 ul li a:link,
#left .menu ul.priorityButton li.lev1num1 ul li a:active,
#left .menu ul.priorityButton li.lev1num1 ul li a:visited{
	background: url(../bilder_losning/dividerBlue.jpg) no-repeat #6DA3CF;
	height: 30px;
	overflow: hidden;
	text-decoration:none;}
/*#left .menu ul.priorityButton li.lev1num1 ul li.first a{
	background-image:none;}*/
	
#left .menu ul.priorityButton li.lev1num1 ul li.first a:link,
#left .menu ul.priorityButton li.lev1num1 ul li.first a:active,
#left .menu ul.priorityButton li.lev1num1 ul li.first a:visited{
	background:#6DA3CF;
}

#left .menu ul.priorityButton li.lev1num1 ul li.selected a {
	background: url(../bilder_losning/buttonBlueMore.jpg) no-repeat !important;}
#left .menu ul li.lev1num1 ul li a:hover {
	background: url(../bilder_losning/buttonBlueHover.jpg) no-repeat !important;}
/*#left .menu ul.priorityButton li.lev1num1 ul li span {
	display: block;
	height: 1px;
	background: url(../bilder_losning/dividerBlue.jpg) no-repeat;}*/
#left .menu ul.priorityButton li.lev1num1 ul li.last span {
	display: inline;
	float: left;
	width: 176px;
	height: 4px;
	background: url(../bilder_losning/blueBoxBottom.jpg) no-repeat;}

/* SECOND */
#left .menu ul.priorityButton li.lev1num2 a {
	background: url(../bilder_losning/buttonLogoRed.jpg) no-repeat;}
#left .menu ul.priorityButton li.lev1num2.selected a {
	background: url(../bilder_losning/buttonLogoRed_active.jpg) no-repeat;}
#left .menu ul.priorityButton li.lev1num2.selected ul li a:link,
#left .menu ul.priorityButton li.lev1num2.selected ul li a:active,
#left .menu ul.priorityButton li.lev1num2.selected ul li a:visited,
#left .menu ul.priorityButton li.lev1num2 ul li a:link,
#left .menu ul.priorityButton li.lev1num2 ul li a:active,
#left .menu ul.priorityButton li.lev1num2 ul li a:visited{
	background: url(../bilder_losning/dividerRed.jpg) no-repeat #E67376;
	height: 30px;
	overflow: hidden;
	margin-top:-1px;
	text-decoration:none;}
	
#left .menu ul.priorityButton li.lev1num2 ul li.first a:link,
#left .menu ul.priorityButton li.lev1num2 ul li.first a:active,
#left .menu ul.priorityButton li.lev1num2 ul li.first a:visited{
	background:#E67376;
}

/*#left .menu ul.priorityButton li.lev1num2 ul li.first a{
	background-image:none;}*/
#left .menu ul.priorityButton li.lev1num2 ul li.selected a {
	background: url(../bilder_losning/buttonRedMore.jpg) no-repeat !important;}
#left .menu ul li.lev1num2 ul li a:hover {
	background: url(../bilder_losning/buttonRedHover.jpg) no-repeat !important;}
/*#left .menu ul.priorityButton li.lev1num1 ul li span {
	display: block;
	height: 1px;
	background: url(../bilder_losning/dividerBlue.jpg) no-repeat;}*/
#left .menu ul.priorityButton li.lev1num2 ul li.last span {
	display: inline;
	float: left;
	width: 176px;
	height: 4px;
	background: url(../bilder_losning/redBoxBottom.jpg) no-repeat;}

/* THIRD */
#left .menu ul.priorityButton li.lev1num3 a {
	background: url(../bilder_losning/buttonLogoBlue2.jpg) no-repeat;}
#left .menu ul.priorityButton li.lev1num3.selected a {
	background: url(../bilder_losning/buttonLogoBlue2_active.jpg) no-repeat;}
#left .menu ul.priorityButton li.lev1num3.selected ul li a:link,
#left .menu ul.priorityButton li.lev1num3.selected ul li a:active,
#left .menu ul.priorityButton li.lev1num3.selected ul li a:visited,
#left .menu ul.priorityButton li.lev1num3 ul li a:link,
#left .menu ul.priorityButton li.lev1num3 ul li a:active,
#left .menu ul.priorityButton li.lev1num3 ul li a:visited{
	background: url(../bilder_losning/dividerBlue.jpg) no-repeat #6DA3CF;
	height: 30px;
	overflow: hidden;
	text-decoration:none;}
/*#left .menu ul.priorityButton li.lev1num1 ul li.first a{
	background-image:none;}*/
	
#left .menu ul.priorityButton li.lev1num3 ul li.first a:link,
#left .menu ul.priorityButton li.lev1num3 ul li.first a:active,
#left .menu ul.priorityButton li.lev1num3 ul li.first a:visited{
	background:#6DA3CF;
}

#left .menu ul.priorityButton li.lev1num3 ul li.selected a {
	background: url(../bilder_losning/buttonBlueMore.jpg) no-repeat !important;}
#left .menu ul li.lev1num3 ul li a:hover {
	background: url(../bilder_losning/buttonBlueHover.jpg) no-repeat !important;}
/*#left .menu ul.priorityButton li.lev1num1 ul li span {
	display: block;
	height: 1px;
	background: url(../bilder_losning/dividerBlue.jpg) no-repeat;}*/
#left .menu ul.priorityButton li.lev1num3 ul li.last span {
	display: inline;
	float: left;
	width: 176px;
	height: 4px;
	background: url(../bilder_losning/blueBoxBottom.jpg) no-repeat;}


/* NORMAL LINKS
--------------------------------- */
#left .menu ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	
	font-family: arial, helvetica, sans-serif;}

#left .menu ul li {
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: 0px;
	float:left;}
	
/*#left .menu ul li span {

	height: 1px;
	background: url(../bilder_losning/dividerGrey.jpg) no-repeat;}
#left .menu ul li.lev1.selected span {
	height: 0px;}
#left .menu ul li ul li.lev2.last span {
	height: 4px !important;
	background: url(../bilder_losning/greyBoxBottom.jpg) no-repeat;}*/
	
#left .menu ul.normalButton li.lev1 a:link, #left .menu ul li.lev2 a:link,
#left .menu ul.normalButton li.lev1 a:visited, #left .menu ul li.lev2 a:active,
#left .menu ul.normalButton li.lev1 a:active, #left .menu ul li.lev2 a:visited {
	display: block;
	text-transform: uppercase;
	color: #245983;
	font-size: 80%;
	font-weight: normal;
	height: 26px;
	width: 146px;
	line-height: 26px;
	overflow: hidden;
	padding: 0px 20px 0px 10px;
	border: 0px;
/*	background: #fff;*/
	background: url(../bilder_losning/dividerGrey.jpg) no-repeat;
	overflow: hidden;
	text-decoration:none;}
	
#left .menu ul.normalButton li.lev1.first a:link, #left .menu ul li.lev2 a:link,
#left .menu ul.normalButton li.lev1.first a:visited, #left .menu ul li.lev2 a:active,
#left .menu ul.normalButton li.lev1.first a:active, #left .menu ul li.lev2 a:visited{
	background:none;}

#left .menu ul.normalButton li.lev1 a:hover {
	background: url(../bilder_losning/buttonHover.jpg) no-repeat;}

#left .menu ul.normalButton li.lev1.selected a,
#left .menu ul.normalButton li.lev1.selected.first a{
	background:url(../bilder_losning/buttonActive.gif) no-repeat;
	margin: 0px;}

#left .menu ul.normalButton li.lev1 ul li.lev2 a:hover {
	background: url(../bilder_losning/buttonHoverLev2.jpg) no-repeat !important;}
#left .menu ul.normalButton li.lev1.selected ul li a{
	background: #f2f2f2 !important;}
	
#left .menu ul.normalButton li.lev1 ul li.lev2.selected a:link,
#left .menu ul.normalButton li.lev1 ul li.lev2.selected a:active,
#left .menu ul.normalButton li.lev1 ul li.lev2.selected a:visited{
	background: #f2f2f2 url(../bilder_losning/buttonActive2.gif) no-repeat !important;}
#left .menu ul.normalButton li.lev1.selected ul li.lev2.last span {
	display: inline;
	float: left;
	width: 176px;
	height: 4px;
	background: url(../bilder_losning/greyBoxBottom.jpg) no-repeat;
	margin-bottom: 5px;}

	
	
/* MAINCONTENT (main content window)
------------------------------------------------------------------ */
#mainContent {
	margin: 0px 6px;
	padding-right: 6px;
	width: 780px;
	float: right;
	min-height:300px;}



/* SITE FOOTER
------------------------------------------------------------------ */
#footer {
	background-image: url(../bilder_losning/banner_bottom.jpg);
	background-repeat: no-repeat;
	height: 69px;
	padding: 10px;
	font-size: 10px;
	color: #666;
	margin-top: 20px;}
	
	#footer p {margin: 0px;}


/* LINKS & BUTTONS
------------------------------------------------------------------ */
a {
	color: #065A9A;
	text-decoration: underline;}
	
a.back_button {
	display: block;
	float: left;
	margin: 5px 5px 0px 0px;
	padding: 0px 5px;
	width: 106px;
	height: 26px;
	background: url(../bilder_losning/button_back.jpg) no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 26px;
	text-transform:uppercase;
	text-decoration:none;
}

a.close_button {
	display: block;
	float: left;
	margin: 5px 5px 0px 0px;
	padding: 0px 5px;
	width: 106px;
	height: 26px;
	background: url(../bilder_losning/button_close.jpg) no-repeat;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 26px;
	text-transform:uppercase;
	text-decoration:none;
}

a.fwd_button {
	display: block;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px;
	width: 106px;
	height: 26px;
	background: url(../bilder_losning/button_fwd.gif) no-repeat;	
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 26px;
	text-transform:uppercase;
	text-decoration:none;
}

a.print_button {
	display: block;
	float: left;
	margin: 5px 0px;
	padding: 0px 5px;
	width: 106px;
	height: 26px;
	background: url(../bilder_losning/button_print.jpg) no-repeat;	
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 26px;
	text-transform:uppercase;
	text-decoration:none;
}

a.back_button:hover,
a.close_button:hover, 
a.fwd_button:hover,
a.print_button:hover {
	color:#5F5F5F;
}

/* HOMEPAGE TEMPLATE
------------------------------------------------------------------ */

/* WRAPPER FOR THE TABBED PAGES */
#homepage #tabbedPages {
	float: left;
	width: 500px;}
	
#homepage #tabbedPages #mainTabs ul.ui-tabs-nav{
	list-style: none;
	margin: 0px;
	padding: 0px;
	clear: both;}

#homepage #tabbedPages #mainTabs a,
#homepage #quickLinkBox ul.ui-tabs-nav a{
	text-decoration:none;
}

#homepage #tabbedPages #mainTabs ul.ui-tabs-nav li{
	display: inline;
	float: left;
	margin-bottom: 4px;
	padding: 0px;
	margin: 0px 5px 0px 0px;}

#homepage #tabbedPages #mainTabs ul.ui-tabs-nav li a{
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 16px;
	width: 95px;
	height: 16px;
	padding: 0px;
	border: 0px;
	font-size:80%;}
	
#homepage #tabbedPages #mainTabs ul.ui-tabs-nav li.tab1 a{
	color: #065A9A;
	background: url(../bilder_losning/tabLightGrey.jpg);}
	
#homepage #tabbedPages #mainTabs ul.ui-tabs-nav li.tab2 a{
	color: #fff;
	background: url(../bilder_losning/tabBlue.jpg);}
	
#homepage #tabbedPages #mainTabs ul.ui-tabs-nav li.tab3 a{
	color: #fff;
	background: url(../bilder_losning/tabRed.jpg);}
	
#homepage #tabbedPages #mainTabs ul.ui-tabs-nav li.tab4 a{
	color: #fff;
	/*background: url(../bilder_losning/tabBlue.jpg);*/
	background: #fff;
	font-size: 0px;
	width:2px;}
	

#homepage #tabbedPages #pageContent div{
	clear: both;
	background:#F5F5F5 url(../bilder_losning/frontLeftAlmostInvisibleBG.png) no-repeat;
	background-position:bottom left;
	min-height: 270px;
	padding:10px;}
#homepage #tabbedPages #pageContent div img{
	 float: right;
	 margin: 0px 0px 0px 30px;
	 border: 1px solid #fff;}
	
#homepage #tabbedPages #pageContent .ui-tabs-hide {
	display:none !important;}
	
#homepage #tabbedPages #pageContent #art217552 {
	background-color:#F5F5F5;}
#homepage #tabbedPages #pageContent #art217553 {
	background-color:#6DA3CF;}
#homepage #tabbedPages #pageContent #art217554 {
	background-color:#E77477;}
#homepage #tabbedPages #pageContent #art235228 {
	background-color:#6DA3CF;}
	
/* QUICK LINK BOX (the contact/login box)
-----------------------------------------*/
#homepage #quickLinkBox {
	width: 270px;
	float:left;
	margin: 0px 1px;}
#homepage #quickLinkBox ul.ui-tabs-nav {
	list-style: none;
	margin: 0px;
	padding: 0px;}
#homepage #quickLinkBox ul.ui-tabs-nav li{
	display: inline;
	float: left;
	padding: 0px;
	margin: 0px 5px 0px 0px;}

#homepage #quickLinkBox ul.ui-tabs-nav li a {
	display: block;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	line-height: 16px;
	width: 95px;
	height: 16px;
	padding: 0px;
	border: 0px;
	color: #065A9A;}
	
#homepage #quickLinkBox ul.ui-tabs-nav li a {
	background: url(../bilder_losning/tabLightGrey.jpg);
	font-size:80%;
	color:#626262;}
#homepage #quickLinkBox ul.ui-tabs-nav li.ui-tabs-selected a {
	background: url(../bilder_losning/tabDarkGrey.jpg);
	color:white;}
	

#homepage #quickLinkBox #content {
	clear: both;
	background: #E2E2E2 url(../bilder_losning/frontRightGradientBG.jpg) no-repeat;
	background-position:bottom right;
	min-height: 270px;
	padding:10px;}
	
#homepage #quickLinkBox #content .ui-tabs-hide {
	display:none !important;}

#homepage #quickLinkBox #contactView h2, #homepage #quickLinkBox #loginView h2 {
	color: #626262;
	font-size: 1.5em;
	border: 0px;
	background-image:none;}

/* contact form */
table.contactInfo {
	font-size: 120%;
	border-collapse: collapse;}
table.contactInfo th, table.contactInfo td {
	background-color: #fff;
	vertical-align: top;
	padding: 4px;
	border-bottom: 4px solid #E2E2E2;}

/* login form */
#homepage #quickLinkBox label{
	font-weight: bold;}
#homepage #quickLinkBox input{
	width: 150px;}
#homepage #quickLinkBox input.submit{
	width: 50px;}
	

/* ARTICLE TEMPLATE (used for all articles)
------------------------------------------------------------------ */
.article #articlePageNarrow {
	float: left;
	width: 460px;}
.article #articlePageNormal {
	float: left;
	width: 100%;}
	
.article div#articlePageNarrow div.greyhr,
.article div#articlePageNormal div.greyhr {
	clear: both;
	height: 1px;
	font-size:1px;
	overflow:hidden;
	padding: 0px;
	margin: 5px 0px;
	background-image: url(../bilder_losning/greyHRFade.jpg);
	background-position: right;}

.article #articlePageNarrow img,
.article #articlePageNormal img {
	margin: 10px;}
	
.article #articleExtras {
	width: 280px;
	float: right;}

.article #articleExtras .articleImage {
	padding: 5px;
	background-color: #E2E2E2;
	text-align: center;
	float:left;}

.article #articleExtras .articleImage .caption {
	text-align: left;
	margin: 5px 0px;}
	
.article #articlePageNarrow .userDetails,
.article #articlePageNormal .userDetails {
	font-size: 1.2em;
	font-weight: bold;}
	 
/* FILESHARE TEMPLATE 
------------------------------------------------------------------ */
.warningText {
	color: #b00;}
.warningText ul {
	margin-top: 0px;}
	
#advDocWrapper .loginForm div label{
	float: left;
	width: 100px;
	line-height:2em;}

#advDocWrapper .loginForm div input{
	float: left;
	width: 200px;}
	
#advDocWrapper .loginForm div input.submit{
	width: 80px;}
	
#advDocWrapper .registerForm div label {
	float: left;
	width: 150px;
	line-height: 2em;
	font-weight: bold;}
 #advDocWrapper .registerForm div.fauxlabel {
 	float: left;
	width: 150px;}
 #advDocWrapper .registerForm div.fauxlabel h3 {
 	margin: 0px;
	padding: 0px;}
#advDocWrapper .registerForm div label.checklabel {
	width: auto;}

#advDocWrapper .registerForm div.nolabel {
	float: left;}
#advDocWrapper .registerForm div input {
	float: left;
	width: 200px;}
#advDocWrapper .registerForm div input.checkbox {
	float: left;
	width: auto;}
	
#advDocWrapper .registerForm div input.submit {
	width: 80px;
	margin-right: 20px;}

#advDocWrapper .registerForm div textarea {
	float: left;
	width: 400px;
	height: 100px;
	font-family: Arial, helvetica, sans-serif;
	font-size: 12px;}
	
#folderSelect {
	float: left;
	width: 45%;}
	
#docSearch {
	float: right;
	width: 45%;}
	
.documentList {
	width: 100%;
	border: 0px solid #E8E8E8;
	margin: 10px auto;}
.documentList th {
	font-weight: bold;
	text-align: left !important;
	border: 1px solid #E8E8E8;}
.documentList tr.alt{
	background: #EDEDED;}
.documentList tr:hover {
	background: #E8EFF5;}
.documentList td {
	vertical-align: top;
	border: 1px solid #E8E8E8;}
.documentList .col1 {
	width: 5%;
	text-align: center;}
.documentList .col2 {
	width: 65%;}
.documentList .col3 {
	width: 10%;}
.documentList .col4 {
	width: 20%;}
.documentList .col5 {
	width: 20%;}

.fileDetails {
	width: 100%;
	border: 0px solid #E8E8E8;
	margin: 10px auto;}
.fileDetails th {
	font-weight: bold;
	text-align: left !important;
	border: 1px solid #E8E8E8;}
.fileDetails td {
	vertical-align: top;
	border: 1px solid #E8E8E8;}
.fileDetails .col1 {
	width: 15%;
	text-align: left;}
.fileDetails .col2 {
	width: 85%;
	text-align: left;}