logi/* SLUT FELMEDDELANDEN ///////////////////////////////////////////////////////////////////////// */
/* START RESET BROWSER DEFAULT STYLING ///////////////////////////////////////////////////////// */
html, body,
div, h1, h2, h3, p, pre, blockquote, ul, ol, li, address,
dl, dt, dd, td, th, tfoot, form, select,  textarea {
	margin:0;
	padding:1;
	font-family:tahoma,arial,helvetica,sans-serif;
	
}

fieldset, img, table {
	border:0;
}
legend {
		padding: 0.2em 0.5em;
		border:0px solid green;
		color:#1f497d;
		font-size:140%;
		text-align:right;
		
		
		}
label {
		float:left;
		width:25%;
		margin-right:0.5em;
		padding-top:0.2em;
		text-align:right;
		font-weight:bold;
		}
fieldset {
		border:2px solid #cccccc;
		background: url(images/grey_gradback.gif);
		
		}


h1 img {
	display: block;
}
img {
	border: 0;
}
a {
	color: #0645AD;
	text-decoration: none;
	
	
}
a:hover {
	color: #666666;
}
input {
	padding:2px 2 2 4px; /* works in all */

}


/*class for submit buttons*/
.submit
{
margin:10px;
padding-left:20px;
padding-right:20px;
padding-top:10px;
padding-bottom:10px;
background-color:#FFCC00;
color:#000;
}




.class1 A:link {text-decoration: none;color: #ffffff;}
.class1 A:visited {text-decoration: none;color: #ffffff;}
.class1 A:active {text-decoration: none;color: #ffffff;}
.class1 A:hover {text-decoration: underline; color: yellow;}

/** this list is used in row headers **/
.headlist1
{
	
	background: url(/images/bk_grid_header_a.gif) ;
	line-height:13px;
	padding-top: 4px;
	padding-bottom: 7px;
	padding-left: 4px;
	padding-right: 2px;
	
	
}

.headlist2
{
	background: url(/images/nav.gif) repeat left 385px;
	line-height:16px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 2px;
	padding-right: 2px;

	color:#FFFFFF;

}

.headlist3
{
	background: url(/images/dark_gradient_bkg.png);
		line-height:13px;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-right: 4px;
	color:#FFFFFF;
	font:  1.0em tahoma,arial,helvetica,sans-serif;
}

.headlist4
{
	background: url(/images/head_greyback.gif) ;
	line-height:12px;
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
	color: #464544;
}
.headlist5
{
	background: url(/images/nav2.gif) repeat left 418px;
	line-height:12px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
	color: #464544;
}

.headlist6
{
	background-color:#ffff66;
	font-family:tahoma,arial,helvetica,sans-serif;
	font-size:130%;
	line-height:12px;
	padding-top: 4px;
	padding-bottom: 10px;
	padding-left: 4px;
	padding-right: 4px;
	color: #464544;
}
body
{
	background: #f4f8fb url(/images/bkgrnd2.png) repeat-x;
	//background-color:#1f497d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #444;
	padding-bottom: 10px;
}

/*This is where the user info is shown*/
#user_info {
	position: relative;
	text-align: center;
	margin: auto;
	width: 1020px;
	height: 25px;
	padding-left: 0px;
	padding-top: 0px;
	margin-top: 2px;
	padding-bottom:2px;
	border:0px;
	font:0.8em tahoma,arial,helvetica,sans-serif;
	top: 5px;		
}


/*This is the heading where company logo is placed*/
#heading {
	background-color:#ffffff;
	
	position: relative;
	text-align: center;
	margin: auto;
	width: 1020px;
	padding-left: 0px;
	padding-top: 5px;
	margin-top: 0px;
	padding-bottom:5px;
	font:0.8em tahoma,arial,helvetica,sans-serif;
	top: 5px;	
	
	
}
/** layout **/
#wrapper {
	position: relative;
	text-align: left;
	margin: auto;
	width: 1020px;
	min-height:600px;
  height:auto;
  
	padding-top: 1px;
	padding-bottom: 20px;
	top: 0px;
	background: #e7e8e9;

}

/** nav **/

#nav {
	height:30px;
	position: relative;
	text-align: center;
	margin: auto;
	width: 1020px;
	padding-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	font:0.9em tahoma,arial,helvetica,sans-serif;
	background-color:#ffffff;
	vertical-align: middle;
	
}



#nav td {
	color: #000;
	height: 27px;
	width: 138px;
	text-align:center;
	text-decoration: none;
	padding-left: 0px;
	margin-right: 4px;
	padding-top: 8px;
	padding-bottom: 0px;
	background: url(/images/tabs.png) no-repeat;
	background-color:#ffffff;
	font:1em tahoma,arial,helvetica,sans-serif;
	vertical-align: middle;
}
#nav td.kundeweb {

	background: url(/images/tabs_kundeweb.png) no-repeat;
}

#nav td.kundeweb_nyhet {

	background: url(/images/tabs_kundeweb_nyhet.png) no-repeat;
}

#nav a {
	color: #ffffff;
	text-decoration: none;
	font: 0.8em tahoma,arial,helvetica,sans-serif;
	display: block; width: 100%;height:100%;

}
#nav a:hover{
	color: #000000;
	text-decoration: none;
	font: 0.8em tahoma,arial,helvetica,sans-serif;
}

#nav td:hover {
	
	background:url(/images/tabs_active.png) no-repeat;
	font: bold 1em tahoma,arial,helvetica,sans-serif;
	color:#000000;
	
	
}
#nav td.current { /* Visar vilket menyval som "r valt */
	color: #000;
	height: 27px;
	width: 138px;
	text-align:center;
	text-decoration: none;
	padding-left: 0px;
	margin-right: 4px;
	padding-top: 8px;
	padding-bottom: 0px;
	background: url(/images/tabs_active.png) no-repeat;
	font:1em tahoma,arial,helvetica,sans-serif;
	vertical-align: middle;
}

#nav td.current a {
	
	color:#000;

}




#navigation {	
	position: relative;
	width:988px;
	left:28px;
	//background: #000000;
	background: #e7e8e9;
	height:26px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom:0px;
	margin-right:0px;
	border-right:1px solid;
	border-left:0px solid;
	border-color:#cccccc;
}

#no.navigation { /* Anv"nd en tom div med class="no navigation" n"r sidan saknar flikar */
	height:7px;
}

#navigation ul {
	padding:0.5em 0 0 14px;
	list-style:none;
}
#navigation li {
	list-style: none;
	float: left;
	background: url(/images/nav2.gif) no-repeat left -630px;
	padding: 0 0 0 12px;
	margin-right:2px;
}
#navigation li a {
	float: left;
	display: block;
	background: url(/images/nav2.gif) no-repeat right -630px;
	padding: 6px 10px 5px 6px;
	font-size: 0.8em;
	line-height: 1.1em;
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	width: auto; /* Se "ven ie.css */
}
#navigation .current { /* Visar vilket menyval som "r valt */
	background: url(/images/nav.gif) no-repeat left -209px;
}

#navigation .current a {
	background: url(/images/nav.gif) no-repeat right -209px;
	color:#000;
	padding-bottom:6px;
}




#content{
	position: relative;
	text-align: center;
	width: 988px;
	background: #e7e8e9;
	font:13px tahoma,arial,helvetica,sans-serif;
}

/*used for white background*/
#content2{
	position: relative;
	text-align: center;
	left:26px;
	width: 965px;
	height: 900px;
	min-height:700px;
  height:auto;
	//background: #FFFFFF;
	font:13px tahoma,arial,helvetica,sans-serif;
	margin-left: 2px;
	margin-right: 1px;	
	padding: 0px;

}

#content2_1{
	position: relative;
	width:650px;
	height: auto;
	top: 10px;
	left: 1px;
	text-align: left;
	
	border-right:1px solid;
	border-left:1px solid;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#cccccc;
	background: #ffffff;
	
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}
#content2_full{
	position: relative;
	width:940px;
	min-height:600px;
	height:auto;
	top: 10px;
	left: 1px;
	text-align: left;
	border-right:1px solid;
	border-left:1px solid;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#cccccc;
	background: #ffffff;
	padding-right:10px;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
	
}
#content2_full_maincontent{
	position: relative;
	width:610px;
	min-height:700px;
	top: 10px;
	left: 1px;
	text-align: left;
}

#content2_full_rightcontent{
	position: absolute;
	width:280px;
	top: 10px;
	left: 620px;
	text-align: left;
	height:auto;
	border-right:0px solid;
	border-left:0px solid;
	border-top:0px solid;
	border-bottom:0px solid;
	border-color:#cccccc;
	background: #ffffff;
	padding-right:10px;
	padding-left:30px;
	padding-top:10px;
	padding-bottom:10px;
	
}


#content2_2{
	width: 270px;
  position: absolute;
  top: 10px;
  left: 690px;
}


#contentout {
	//background: url(images/grey_gradback.gif);
	position: relative;
	top: 20px;
	left: 100px;
	text-align: center;
	padding-bottom: 5px;
	width: 988px;	

	background: #E0E0E0;
}

#contentout2 {

	background: url(images/grey_gradback.gif);
	position: absolute;
	top: 40px;
	left: 600px;
	text-align: center;
	width: 400px;
	border-style: solid;
	border-color: #cccccc;
	border-width: thin;
}
#contentout3 {
	background: url(images/grey_gradback.gif);
	position: absolute;
	top: 40px;
	left: 1030px;
	text-align: center;
	width: 400px;
	border-style: solid;
	border-color: #cccccc;
	border-width: thin;
}


#popupcss {
	width: 480px;
	height: 190px;
	position: absolute;
	top: 30%;
	left: 50%;
	font: bold 12px arial, sans-serif;
	padding-left: 0px;
	margin: -95px 0 0 -290px;	
	text-align: left;
	background: #ffffff;
	border-top: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
	font: 10px arial, sans-serif;
}




#actionresults {
	width: 580px;
	height: 190px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -95px 0 0 -290px;
	width: 50em;
	text-align: left;
	background: #cccccc;
	font: bold 12px arial, sans-serif;
}

#helpbox {
	width: 400px;
	height: 240px;
	margin: -195px 0 0 -290px;
	
	text-align: center;
	background: #ffffff;
	position: absolute;
	top: 50%;
	left: 50%;
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	border-right: 3px solid #cccccc;
	border-bottom: 3px solid #cccccc;
	font: bold 12px arial, sans-serif;
	color:#484848;
	
}


/** loginbox **/

#loginbox {
	text-align: center;
	background: #ffffff;
	position: absolute;
	top: 130px;
	left: 310px;
	border: 1px solid #cccccc;
	font: 12px arial, sans-serif;
	color:#484848;
	padding:1px;
}
#loginbox_bedrift {
  
  width: 270px;
  position:relative;

  background-color:#fff;
  border-right:1px solid;
	border-left:1px solid;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#cccccc;
	padding-bottom:5px;
}

#newsbox1{
  
  width: 100%px;
  position:relative;
  background-color:#fff;
  border-right:1px solid;
	border-left:1px solid;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#cccccc;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	text-align:left;
} 

#newsbox2{
  
  width: 100%px;
  position:relative;
  background-color:#fff;
  border-right:1px solid;
	border-left:1px solid;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#cccccc;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	text-align:left;
} 

#newsbox3{
  
  width: 100%px;
  position:relative;
  background-color:#fff;
  border-right:1px solid;
	border-left:1px solid;
	border-top:1px solid;
	border-bottom:1px solid;
	border-color:#cccccc;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:20px;
	text-align:left;
} 

#copyright {
	text-align: center;
	margin: 10px 0 0 2px;
	position: relative;
	
	font: 12px arial, sans-serif;
	color:#464544;
	padding:1px;
}

#formHeader {
background-color: yellow;
background: url(/images/head_greyback.gif) ;
width: 100%;
height:20px;
margin:0px;
padding-top:5px;
}

.formHeaderTitle {
float: left;
}

.formHeaderPage {
float: right;
}

#formElementHeader {
background-color: #25456c;
//background: url(/images/bk_grid_header_a.gif);
line-height:24px;	
text-align: left;
width: 100%;
margin-bottom:10px;
margin-top:10px;
}
#formElementHeaderNumber {
background-color: #579f3e;
text-align: center;
width: 20px;
color:#fff;
font-size:15px;
font-style:bold;
padding-left:5px;
padding-right:5px;
margin-right:5px;
}

#totaldiv {

font-weight:normal;
background-color:#fff;
font-size:22px;
text-align:right;
font-style:bold;
font-style:underline;
color:#669933;
}

#formElementHeaderContent{
	padding-left:10px;
	font-size:13px;
	color:#fff;


}

#formElementContent {
//background-color: #ccc;
width: 100%;
margin:0px;
}

#formElementWrapper {
background-color: #fff;
width: 100%;
margin:0px;
}



/* --- ERRORS --- USED IN JQUERY FORM VALIDATION */  
.error INPUT, .error TEXTAREA, .error SELECT {
	border-width:2px;
	border-style:solid;
	border-color:#ED1C24;
	background:#FFE6E7;
	}
.iferror {
	margin:0;
	display:none;    
	
	}
.error .iferror {
	display:block;
	color:#ED1C24;
	//background-color: yellow;
	height:100%;
	font-weight:normal;
	}

.hint { color:#888; }