/* This file needs to be saved in the UTF-8 format in order to handle EditMenuName attributes with non-english characters */

/* --- Divs used for page structure ---*/

#containerdiv
{
	/*width:97.8em;*/
	/*width:820px;  Pixelmått som skall ersättas med relativa mått */
	
	width:78.32em;
	background-color:#FFF;
	max-width:98%;
	margin:0 auto;
	padding:0;	
	margin-bottom:1.6em;
	padding-top:2.4em;
}

#headerdiv
{
	display: block;
	width:100%;
	padding-bottom:1.2em;
}

#LeftHeader
{
	text-align:left;
	padding-left:3.5em;
	float:left;
}

#RightHeader
{
	text-align:right;
	padding-right:3.6em;
	padding-top:3em;
	float:right;
}


#quickbardiv
{
	position:relative; 
	margin-top: -10.6em;
	margin-right: 1em; 
	float: right; 
	text-align: right;
	width: 38%;
}
#leftmenudiv
{
	width: 20.3%;
	float: left;
	text-align: left;
	line-height: 1.4em;
}

#mainareadiv
{
	float: left;
	text-align: left;
	/*background-color:Orange;*/
	
	background-image:url(../images/vertical_delimiter.gif);
	background-repeat:repeat-y;
	background-position:right;

	padding-right:.6em;
	padding-left:0em;

	padding-top:1em;

	background-color:#FFF;
}
#mainareadivinner
{
	width:100%;	
}

#mainareadivnoline
{
	float: left;
	text-align: left;
	padding:1em .6em 0em 0em;
	background-color:#FFF;
}


#MainAreaStartPageDiv
{
	float: left;
	text-align: left;
	background-color:#FFF;

	/* tills vidare sätter vi en min-height här */
	min-height: 30em;
	height: auto !important;
	height: 30em;
	
}

.startPageWidth
{
	width: 100%;
}

.WidePageWidth
{
	width: 98%;
}


.normalwidth
{
	/*width: 72%;*/
	width: 59.3%;
}

#rightmenudiv
{
	width: 38.5%;
	float: right;
	text-align: left;
}
#rightListingBox
{
	border: solid #F0E5CE 0.1em;
	background-color: #F0F0F0;
}

.RightListingInnerContainer
{
	padding-top:.8em;
	padding-left:.8em;
	padding-right:.8em;
	/*background-color:Lime;*/
}


img
{
	border: 0;
}
body
{
	background-color: #FFF;
}
#topmenudiv
{ 
	background: #FFF url(../images/top_menu_bg_3x30.gif) repeat-x;
	text-align: left;
	display: block;
	margin-bottom:0.3em;
	height:2.9em;
	margin-left:3.6em;
	margin-right:3.6em;
}
#topmenucontrol
{
	margin-top: 0em;
	padding: 0.4em 0em 0.3em 0em;
	width: 100%;
	font-size: 1.1em;
	font-family: Verdana, Arial, Tahoma, ;
}

#topmenu
{
	padding-top:.65em;
	width: 100%;
}



#contentdivStartPage
{
	width: 100%;
	float: right;
	background-color: #FFFFFF;
}
.startpagewidth
{
	width: 67%;
}

#rightmenudivStartPage
{
	width: 29%;
	float: right;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}

#quickbar
{
	text-align: right;
}
#footerdiv
{
	/*background: #F0E5CE url(../images/footer_gradient.gif) repeat-x;*/
	height: 2.1em;
}
div.footerleftcornerdiv
{
	background-image: url(../images/corner_left_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 0.5em;
	height: 2.1em;
	float: left;
}
div.footerrightcornerdiv
{
	background-image: url(../images/corner_right_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 0.5em;
	height: 2.1em;
	float: right;
}
#footermaindiv
{
	width: 76.8em; 
	float:left; 
	line-height: 2.1em;
	height: 2.1em;
}
#footerleftdiv
{
	width: 33%; 
	float: left; 
	text-align: left;
}
#footermiddlediv
{
	width: 33%; 
	float: left; 
	text-align: center;
}
#footerrightdiv
{
	width: 33%; 
	float: left; 
	text-align: right;
}
#maincontainerdiv
{
	padding-top: 1em;
	/*padding-bottom: 3em;
	padding-left:0;*/
	background-color: #FFF;
	/*background-color:Fuchsia;*/
	
	/* Pixelmått som skall ersättas med relativa mått */
	margin-left:3.6em;
	margin-right:3.6em;
	
	
	
	/* tills vidare sätter vi en min-height här */
	min-height: 30em;
	height: auto !important;
	height: 30em;
	
}
#contentdiv
{
	width: 79.7%;
	float: right;
	/*background-color:Yellow;*/
	background-color:#FFF;
}

#ContentDivInner
{
	padding-bottom:.6em; 
}

#ContentWide
{
	text-align:left;
	padding-top:1em;
}


#SearchContainer
{
	/*background-color:Aqua;*/
	font-size:1.1em;
	font-family: Arial, Verdana, "Trebuchet MS", Tahoma, Helvetica; 
	color:#2c2c2c;
}

#SearchTopContainer
{
	background-color:#dcdcdc;
	height:5.3em;
}

#SearchBottomContainer
{
	background-color:#dcdcdc;
	height:5.3em;
}


.SearchMiddle
{
	height: 2.2em;
	background-color:#dcdcdc;
}


#SearchTopInnerContainer
{
	padding: 1.4em 1.4em 0 1.4em;
}

#SearchBottomInnerContainer
{
	padding: 1.4em 1.4em 0 1.4em;
	border-top: solid 1px #AAA;
}

#RightEditorContainer
{
	margin-top:1.7em;
	background-color:#dcdcdc;
	width:100%;
}

#RightEditorContainerInner
{
	padding-top:.8em;
	padding-left:.8em;
	padding-right:.8em;
}


#SearchTopCornerLeft
{
	background-image: url(../images/gui/pic_top_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: .4em;
	height: 2.2em;
	float: left;
}

#SearchTopCornerRight
{
	background-image: url(../images/gui/pic_top_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: .4em;
	height: 2.2em;
	float: right;
}


.SearchBottomCornerLeft
{
	background-image: url(../images/gui/pic_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: .4em;
	height: 2.2em;
	float: left;
}

.SearchBottomCornerRight
{
	background-image: url(../images/gui/pic_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: .4em;
	height: 2.2em;
	float: right;
}

#SearchResultFrame
{
	border-top: solid 1px #AAA;
	background-color:#0077c6;
	height:1.6em;
	text-align:left;
	padding-left:1.8em;
	color:White;
	font-weight:bold;
}

#ResultContainer { text-align:left; }
.ResultInnerContainer { padding: .8em 0em .8em 0em; }
.ResultLeftFrame { padding-right:1.8em; padding-left:1.8em; float:left; }
.ResultRightFrame { width:86%; float:left; }



.SearchButton
{
	background-image: url(../images/gui/submit_gray_right.gif);
	background-repeat: no-repeat;
	
}

.TextBoxHeight
{
	height:19px;
}

#cookielink
{
	border-width: 0.1em 0em;
	border-style: solid;
	border-color: #ddd;
	padding: 0.5em 0em;
	margin-top: 1em;
	display: block;
}
/* -- Standard divs --*/


.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.rightpadded
{
	padding-right: 1em;
}
div.clear
{
	clear: both;
}

.clear
{
	clear:both;
}
.paddbott
{
	padding-bottom:.5em;


}

div.emptyclear 
{
clear:both;
width: 1px;
height:0;
line-height:1px;
font-size:1px;
}

#QuickSearchDiv
{
	padding-left:1.2em;
	padding-bottom:1.2em;
	padding-top:1.2em;
}


#leftMenuSpacing
{
	width:100%;
}


#rightMenuSpacing
{
	width:100%;
}


#ContactInfoDiv
{
	padding-left:1.2em;
}

#BreadCrumbDiv
{
	background-color:#FFF;
	text-align:left;
	padding-top:.4em;
	padding-bottom:.4em;
	padding-left:1.25em;
}

/* Gömd text som kan läsas av skärmläsare */
.auraltext {
 position: absolute;
 left: -900px;
 overflow: hidden;
 width: 0px;
 font-size:1px;
 color:#fff;
}

#PuffListingContainer
{
	padding-top:.1em; 
}

.PuffListingInnerContainer
{
	margin-top:.8em;
}

.PuffImageContainer
{
	float:left;
	width:50%;
}


.PuffTextContainer
{
	background: #ffffff;
	width:48%;
	float:left;
}

.PuffTextInnerContainer
{	
	padding:0.5em;
	/*border-left: 1px solid #cdcdcd; */
	border-right: 1px solid #cdcdcd;
	height:8.6em;
	overflow:hidden;
}

.PuffHeading
{
	font-size:1.06em;
	color: #2c2c2c;
	font-weight: bold;
}

.PuffPlainText
{
	font-size:1.06em;
	color: #2c2c2c;
}






#formdiv
{
	color:#2c2c2c;
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica; 
	font-size:1.09em;
	background-color:#dcdcdc;
	width:100%;
	
}

.FontFormBold
{
	font-weight:bold;
}

#FormInnerDiv
{	
	padding: 0em 1.6em 0em 1.6em;
	
	
}

#FormInnerDiv2
{	
	padding: 0em 0em 0em 1em;
}

.FormContainer
{
	background-color:#dcdcdc;
	width:100%;
}

/**/
#formdivstart
{
	color:#2c2c2c;
	font-family: Arial, "Trebuchet MS", Verdana, Helvetica; 
	
	
}
#Container1 {background: #ffffff;width:65%;float:left;}
#container1 {background: #ffffff;width:65%;float:left;}

#container2 {background: #ffffff;width:34%;float:left;margin-left:.65em;}
#container34 {background-color:#ffffff;width:100%;}
#container3 {background: #ffffff;width:35%;float:right;}
#mycontainer {background-color:lime;width:100%}
#container4 {padding-top:1.8em;}


.roundtop {background: #ffffff;}
.roundbottom {background: #ffffff;}
.r1
{
	margin: 0 3px; 
	height: 1px; 
	overflow: hidden; 
	background: #dedede; 
	border-left: 1px solid #dedede; 
	border-right: 1px solid #dedede;}
.r2
{
	margin: 0 2px; 
	height: 1px; 
	overflow: hidden; 
	background: #ffffff;
	border-left: 1px solid #dedede; 
	border-right: 1px solid #dedede; 
	border-width:0 2px;}
.r3
{
	margin: 0 2px; 
	height: 1px; 
	overflow: hidden; 
	background: #ffffff; 
	border-left: 1px solid #dedede; 
	border-right: 1px solid #dedede;}
.r4
{
	margin: 0 1px; 
	height: 2px; 
	overflow: hidden; 
	background: #ffffff; 
	border-left: 1px solid #dedede; 
	border-right: 1px solid #dedede;}
.con 
{	
	padding:0em;
	border-left: 1px solid #dedede; 
	border-right: 1px solid #dedede;
	
}

#StartListingHead
{
	font-size:1.1em;
	color: #767676;
	font-weight: bold;
	padding-top:.0em;
	padding-bottom:.3em;
	
}
.StartListingInnerContainer
{
	padding-top:.8em;
	padding-left:.8em;
	padding-right:.8em;
	/*background-color:Lime;*/
}
.StartFormContainer
{
	background-color:yellow;
	width:100%;
	
}


#StartFormInnerDiv
{	
	padding: 0em 0em 0em 0em;
	color:#2c2c2c;
	font-size:1.05em;
	font-weight:bold;
	width:100%;


	
}

.butt
{
	background-color:transparent;
	background-image:url(../images/gui/ok.gif);
	width:64px;
	height:24px;
}

#StartTopCornerLeft
{
	background-image: url(../images/gui/pic_top_left.gif);
	background-repeat: no-repeat;
	background-position: top left;
	width: .4em;
	height: 1.8em;
	float: left;
}

#StartTopCornerRight
{
	background-image: url(../images/gui/pic_top_right.gif);
	background-repeat: no-repeat;
	background-position: top right;
	width: .4em;
	height: 1.8em;
	float: right;
}
.StartBottomCornerLeft
{
	background-image: url(../images/gui/pic_bottom_left.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	width: .4em;
	height: 1.8em;
	float: left;
}

.StartBottomCornerRight
{
	background-image: url(../images/gui/pic_bottom_right.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: .4em;
	height:1.8em;
	float: right;
}

/**/

#ProgressWrapper
{
	margin:20px 0 20px 0;
	font-size:11px;
}


#ProgressWrapper .item
{
	text-align:center;
	float:left;
	width:auto;
}

#ProgressWrapper .item h2
{
	font-size:12px;
	color:#444;
	padding:0 0 4px 0;
	margin:0;
}


#ProgressWrapper .line
{
	height:2px;
	width:100px;
	margin-top:40px;
	background-color:#afafaf;
	float:left;
}

#ProgressWrapper .item .Off
{
	background-image: url(../images/progressbar/light_bulb_off.gif);
	background-repeat: no-repeat;
	width:34px;
	height:40px;
}

#ProgressWrapper .item .Lit
{
	background-image: url(../images/progressbar/light_bulb_lit.gif);
	background-repeat: no-repeat;
	width:34px;
	height:40px;
}


#AvtalConatiner 
{  
	padding:2em 0 2em 0;
}

#AvtalConatiner a:link, 
#AvtalConatiner a:active,
#AvtalConatiner a:visited,
#AvtalConatiner a:focus
{
	color:#008bd2;
	text-decoration:underline;
}

#AvtalConatiner a:hover
{
	color:#008bd2;
	text-decoration:none;
}

#AvtalSubHead
{
	border-left:solid 2px #008bd2;
	border-right:solid 2px #008bd2;
	border-top:solid 2px #008bd2;
	width:23.5%;
	padding:2%;
	margin-right:1px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	color:#333;
	float:right;
}
#AvtalSubHeadTecknaAvtal
{
	border-left:solid 2px #008bd2;
	border-right:solid 2px #008bd2;
	border-top:solid 2px #008bd2;
	width:41%;
	padding:2%;
	margin-right:1px;
	text-align:center;
	font-weight:bold;
	font-size:11px;
	color:#333;
	float:right;
}

#DateWrapper
{
	width:auto;
	float:left;
	font-size:1.1em;
}


#AvtalWrapper { text-align:left; }



#AvtalForm { }
#AvtalForm .inner{	}


#AvtalForm .inner input.button
{
	margin:4px 2px 4px 0;
	border:0;
	height:20px;
	padding:0 4px 0 4px;
	color:#fff;
	background-color:#008bd2;
	font-weight:bold;
	text-transform:uppercase;
}

/************Ny startsida*****************/
/* LeftContentHolder
============================================================== */
#flashcontainer {background: #ffffff;width:65%;float:left;}
#Flashcontainer {background: #ffffff;width:65%;float:left;}

#LeftContentHolder{
	width:65%;
	float:left;	
}
#LeftContentArea{
	/*margin:0em .8em 0em 0em;*/
}

#delim
{ 
	background: #FFF url(../images/startpage_delim.gif) repeat-x;
	text-align: left;
	display: block;
	margin-top:.8em;
	height:1.5em;
	margin-right:1em;
	
	
}
/* RightContentHolder
============================================================== */
#RightContentHolder{
	width:35%;
	float:left;
}
#RightContentArea{
	padding:0 0 0 .7em;
}
/* StartPagePuffHolder
============================================================== */
#StartPagePuffHolder { width:100%; }
#StartPagePuffHolder #LeftArea{
	float:left;
	width:100%;
	color:#fff;
	padding-bottom:.5em;
}
#StartPagePuffHolder #LeftArea .container{
	float:left;
	width:33.33%;
}
#StartPagePuffHolder #LeftArea .container .inner{
	margin-right:1.8em;
	
}

/*
.inner .body img{
	float:left;
	background-color:Lime;

}*/

.inner .body{
	background-color:#fff;	
}


/* ==[END / StartPagePuffHolder]============================== */



.form { padding:10px 0 10px 0; }
.form .inner { font-size:12px; }

.form .inner .itemRow
{
	font-weight:bold;
	padding-bottom:2px;
}

.form .inner input[type="radio"]
{
	border:0;
	margin:2px 4px 0 0;
	float:left;
	width:auto;
	padding:0;
}

.form .inner tr, .form .inner td { margin:0; padding:0; }
.form .inner label { float:left; width:auto; }

.form .inner .inputItem { padding-bottom:1em; }
.form .inner .inputItem .Example
{
	float:left;
	width:auto;
	padding-left:4px;
}

.form .inner .inputItem .ctrl
{
	float:left;
	width:auto;
}

.form .inner .inputItem h2
{ 
	font-weight:bold; 
	font-size:12px;
	margin:0;
	padding:0;
}
.form .inner .inputItem h2.floating
{ 
	font-weight:bold; 
	float:left;
	font-size:12px;
	margin:0;
	padding:0 20px 0 0;
}

.form .inner .inputItem .ctrlFloating
{
	float:left;
	width:auto;
	margin:0;
	padding:0 52px 0 0;
}
.form .inner .inputItem .ctrlFloatingWide
{
	float:left;
	width:auto;
	margin:0;
	padding:0 63px 0 0;
}


.form .inner .inputItem .avtal label
{
	float:left;
	width:auto;
	font-weight:bold;
}

.form .inner .inputItem .avtal input
{
	float:left;
	width:auto;
	border:0;
	margin-right:4px;
}

.form .inner .inputItem h2 span.mandatory
{ 
	color:Red;
	padding-left:2px;
}


.form .inner .inputItem p
{
	margin:0;
	padding:0;
	font-size:11px;
	font-style:italic;
}

#CustomerNr
{
	margin-left:20px;
	width:auto;
}


#GenericError
{
	border:solid 2px #b13a3a;
	background-color:#fff4f4;
	padding:10px;
	font-size:1em;
	margin-bottom:20px;
}


#GenericError #Image
{
	background-image: url(../images/icon_error.png);
	background-repeat: no-repeat;
	background-position: top left;
	float:left;
	width:32px;
	height:40px;
	padding-right:10px;
}

#GenericError #Content
{
	float:left;
	width:auto;
	color:#3e3e3e;
}

#GenericError #Content h2
{
	margin:0;
	padding:0;
}

#GenericError #Content p
{
	margin:0;
	padding:0 0 4px 0;
}

.AvtalsTyperGridview
{
	font-size:11px;
}

.AvtalsTyperGridview th
{
	background-color:#008bd2;
	color:#fff;
	font-size:11px;
	font-family:Verdana;
	border:0;
	padding:4px 0 4px 0;
}

.AvtalsTyperGridview tr td
{
	padding:4px 2px 4px 2px;
}


.AvtalGridview
{
	font-size:11px;
	border:solid 1px #008bd2;
}

.AvtalGridview th
{
	background-color:#008bd2;
	color:#fff;
	font-size:11px;
	font-family:Verdana;
	border:0;
}

.AvtalGridview tr td
{    
	padding: 6px;    
	border: 1px solid #ddd;
}
.AvtalGridview tr th{ padding: 6px;  }


.AvtalGridview tr td input[type="radio"]
{
	border:0;
}

.grdleft
{
	text-align:left;
	
}
.grdcenter
{
	text-align:center;
}


.printAvtal
{
	margin-top:10px;
	font-size:12px;
}
.sharethis
{
    float:left;
    padding-top:2em;    
}