/* tiodagars CSSes */

#tiodagas_div
{
	width: 525px;
	margin-top:0px;
	background-color:#FFFFFF;
}

#tiodagas_div h2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 13px;
	color: #000000;
	text-decoration: none;
	margin: 1px 0px 5px 1px;
	font-weight:bold;
}	

.inloggad
{
	display:none;
}

#btnVisaOffert, #printOfferBtn
{
	width:330px;
	height:30px;
	font-size:18px;
	text-align:center;
	margin:5px;
}



.visaoffertDiv label
{
	padding-right:10px;
}

.visaoffertDiv table
{
	border:1px solid #ccc;
	height:25px;
	background-color:#CCCCCC;
}

#tiodagas_div .inputreadonly
{
	background-color:#999999;
}
#tiodagas textarea
{
	border: solid #aaaaaa 1px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
}
#tiodagas_div a
{
	text-decoration:none;
}
#tiodagas_div img
{
	border:0
}
#debugdiv
{
	display:none;
}
#divInmatning
{
	width:100%;
	border:1px solid #000;
	display:block;
}
#divSammanstallning
{
	width:inherit;
	border:1px solid #000;
	display:block;
	background-color:#F7F6F2;
	margin-top:5px;
	display:block;
	
}
#divSammanstallning .header
{
	width:100%;
	height:18px;
	background-color:#990000;
	text-align:left;
	vertical-align:middle;
	padding-top:3px;
	border-bottom:1px solid #000;
}



#offerInputs
{
	display:none;
}

#divOffert
{
	width:inherit;
	border:1px solid #000;
	display:block;
	background-color:#F7F6F2;
	margin-top:5px;
	display:block;
	
}
#divOffert .header
{
	width:100%;
	height:18px;
	background-color:#990000;
	text-align:left;
	vertical-align:middle;
	padding-top:3px;
	border-bottom:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;	
}

#divOffert .header a
{
	color:#FFFFFF;
}
#divOffert p
{
	padding:5px 5px 0px 5px;
	font-size:11px;
}

#divOffert th
{
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px;
	height:18px;
	background-color:#990000;
	text-align:left;
	vertical-align:middle;
	padding-top:3px;
	padding-left:5px;
	border-bottom:1px solid #000;
}

#divOffert .header p
{
	
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding:0px;
}


#contentSammanstallning
{
	width:inherit;
	height:317px;;	
}
#contentSammanstallning img
{
	margin:0px 5px 0px 0px;
	border-right:1px solid #000;	
}

#divSammanstallning .header p
{
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

#SammanstallningLista
{
	margin-top:5px;
}

#SammanstallningLista span
{
	font-weight:bold;
}

#divKontaktinformation
{
	width:inherit;
	border:1px solid #000;
	display:block;
	/*background-color:#F7F6F2;*/
	margin-top:5px;
	display:block;
	
}
#contentKontaktinformation
{
	margin:5px;
}
#contentKontaktinformation p
{
	/*width: 100%;*/
	clear:both;
	margin: 0;
	padding: 5px 0 5px 0;
	padding-left: 150px; /*width of left column containing the label elements*/
	/*border-top: 1px dashed gray;*/
	height: 1%;	
}
#contentKontaktinformation label{
	font-weight: bold;
	float: left;
	margin-left: -150px; /*width of left column*/
	width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

#contentKontaktinformation .inputtext{
	width: 280px;
	border: solid #aaaaaa 1px;
}
#contentKontaktinformation label.error
{
  background-color: #F7F6F2;
  background-image: url(../images/tiodagars/fel20.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #990000;
  padding: 7px 2px 5px 27px;
  border: 1px solid #990000;
  margin: 3px 0px;
  width:253px !important;
  width:280px;
  clear:both;
  margin-left:0px;

}
#contentKontaktinformation .novalidate
{
	font-weight:normal;
}


textarea.expanding
{
	/*MÅSTE INNEHÅLLA line-height och min-height:*/
	line-height: 16px;
	min-height: 100px;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
}


#divKontaktinformation .header
{
	width:100%;
	height:18px;
	background-color:#990000;
	text-align:left;
	vertical-align:middle;
	padding-top:3px;
	border-bottom:1px solid #000;
}
#divKontaktinformation .header p
{
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

#varningdiv
{
	width:auto;
	margin:10px;
	border:1px solid #C6B8AE;
	background-color: #F7F6F2;
	min-height:100px;
}
#varningdiv .header
{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:0px;
	width:inherit;
	background-color:#0066FF;
	line-height:20px;
	padding:5px;
	border-bottom:1px solid #C6B8AE;
}
#varningbild
{
	float:left;
	margin:10px;
	text-align:center;
}
#varningsmeddelande
{
	float:left;
	width:400px;
	margin-left:10px;
	
}
#varningsmeddelande ul
{
	list-style-type:square;
	padding:0px;
	margin:0px;
	display:block;
}
#varningsmeddelande li
{
	padding-left:0px;	
	
}
#varningsmeddelande li p
{
	margin-left:15px;
	width:auto;
}
#varningdiv p
{
	color:#000000;	
}


#feldiv
{
	width:auto;
	margin:10px;
	border:1px solid #C6B8AE;
	background-color: #F7F6F2;
	min-height:100px;
}
#feldiv .header
{
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:0px;
	width:inherit;
	background-color:#990000;
	line-height:20px;
	padding:5px;
	border-bottom:1px solid #C6B8AE;
}
#felbild
{
	float:left;
	margin:10px;
	text-align:center;
}
#felmeddelande
{
	float:left;
	width:400px;
	margin-left:10px;
	
}
#felmeddelande ul
{
	list-style-type:square;
	padding:0px;
	margin:0px;
	display:block;
}
#felmeddelande li
{
	padding-left:0px;	
}
#felmeddelande li p
{
	margin-left:15px;
	width:auto;
}
#feldiv p
{
	color:#000000;	
	font-weight:bold;
}
#feldiv
{
	
} 

#faltinmatninginfo
{
	margin:5px;	
}
#installningsfalt
{
	width:inhetrt;
	margin:5px;
	border:1px solid #ccc;
	
}
#installningsfalt input
{
	border:0;
}
#installningsfalt p
{
	margin-top:4px;
}
#riktvarde, #grader
{
	width:100%;
	border:1px solid #CCCCCC;
	padding-top:3px;
	padding-bottom:3px;
}
#div_riktvarde
{
	width:100px;
	float:left;
}
#div_grader
{
	/*width:100px;
	float:right;*/
	width:100%;
	display:none;
	
}
.faltStyle #errorfalt, .faltStyleTop #errorfalt, .errorfalt
{
	background-color: #F7F6F2;
	background-image: url(../images/tiodagars/fel20.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	color: #990000;
	padding: 7px 2px 5px 27px;
	border: 1px solid #990000;
	margin: 3px 0px;
	width:210px;
	width:180px !important;
	clear:both;
	margin-left:0px;
	height:35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	display:none;
	
	
}
.faltStyle #varningfalt, .faltStyle #varningfalt4, .faltStyle #varningfalt41, .faltStyle #varningfalt1, .faltStyle #varningfalt2, .faltStyleTop #varningfalt, .faltStyleTop #varningfalt1, .faltStyleTop #varningfalt2, .varningsfalt
{
	background-color: #F7F6F2;
	background-image: url(../images/tiodagars/varning20.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	color: #0000pp;
	padding: 7px 2px 5px 27px;
	border: 1px solid #000099;
	margin: 3px 0px;
	width:210px;
	width:180px !important;
	clear:both;
	margin-left:0px;
	height:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	display:none;
	
	
}
.faltStyle #varningfalt1, .faltStyle #varningfalt, .faltStyle #varningfalt4 ,.faltStyle #varningfalt41
{
	height:auto;
}
.faltStyle #varningfalt2, .faltStyleTop #varningfalt2
{
	display:block;
	margin-top:20px;
	height:auto;
	width:480px;
	width:480px !important;
	
}

#buttondiv
{
	background-color:#ccc;
	border:1px solid #C6B8AE;
	height:35px;
	width:auto;
	text-align:center;
	display:block;
	margin-right:3px;
	margin-bottom:5px;
	margin-top:5px;
	
	
}
#buttondiv input
{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #aaaaaa 1px;	
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;	
}


#div_bratrappsbedomning
{
	width:inherit;	
	border:1px solid #ccc;
	padding:3px;
	height:20px
}
.trapptyp_aktiv
{
	float:left;
	margin-right:10px;
	width:160px;
	
}
.trapptyp_inaktiv
{
	float:left;
	margin-right:10px;
	width:160px;
}
.trapptyp_aktiv .header
{
	width:100%;
	height:18px;
	background-color:#990000;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	border:1px solid #000;
}
.trapptyp_inaktiv .header
{
	width:100%;
	height:18px;
	background-color:#666666;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	border:1px solid #7f7f7f;
}
.trapptyp_aktiv .typeimage
{
	width:100%;
	height:140px;
	padding-top:10px;
	text-align:center;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}
.trapptyp_inaktiv .typeimage
{
	width:100%;
	height:140px;
	padding-top:10px;
	text-align:center;
	background-color:#dddddd;
	border-left:1px solid #7f7f7f;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
}

.trapptyp_inaktiv:hover
{
	cursor:pointer;
}

.trapptyp_inaktiv:hover .typeimage
{
	background-color:#eeeeee;	
}

.trapptyp_inaktiv:hover .header{
	background-color:#cc7f7f;	
}
.trapptyp_aktiv .typeinfo
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	text-align:center;
	margin-bottom:10px;
}
.trapptyp_inaktiv .typeinfo
{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:5px;
	text-align:center;
	margin-bottom:10px;
}
#divInmatning #headerInmatning
{
	width:100%;
	height:18px;
	background-color:#990000;
	text-align:left;
	vertical-align:middle;
	padding-top:3px;
	border-bottom:1px solid #000;
	
}
#divInmatning #headerInmatning p
{
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}
#divInmatning #image
{
	float:right;
	width:300px;
	padding-top:0px;
	padding-bottom:20px;
	margin-left:5px;
	position:relative;
	
}
#divInmatning #image1
{
	position:relative;
	
}
#divInmatning #image p
{
	color:#333333;
	font-weight:bold;
	
}
#divInmatning .faltStyle
{
	float:left;
	width:210px;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:20px;
	
}

#divInmatning .faltStyleTop
{
	width:auto;
	margin-top:5px;
	margin-left:5px;
	margin-bottom:20px;
	margin-right:5px;
	
}

.falt
{	
	margin-top:20px;
	
}

.faltStyleTop .falt
{
	margin-top:15px;
}
.falt input
{
	width:100%;
}

.radiodiv input
{
	width:20px;
	border:0
}
.radiodiv table
{
	/*width:180px;*/
	width:100%;
}

.radiodiv ul
{
	margin:0px;
	padding:0px;
	list-style:none;
}
.radiodiv ul li
{
	width:245px;
	display:inline-block;
}

.radiodiv p
{
	margin-top:3px;
}
.falt p
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	
}
.radiodiv
{
	width:500px;
	border:1px solid #CCCCCC;
	padding:5px;
}
.bildinmatning
{
	width:100%;
	margin-bottom:10px;
}
.bildinmatning .falt
{
	width:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	margin-left:5px;
	margin-bottom:10px;
	
}
.bildinmatning .falt .info
{
	color:#666666;
	margin-top:10px
}
/*.bildinmatning .bilder
{
	width:85px;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	
}
.bildinmatning .bilder_inaktiv
{
	width:85px;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	
}

.bildinmatning .bilder .bild
{
	text-align:center;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:85px;
	margin:0;
}
.bildinmatning .bilder_inaktiv .bild
{
	text-align:center;
	border-left:1px solid #7f7f7f;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	width:85px;
	background-color:#dddddd;
	margin:0;
}
.bildinmatning .bilder .content
{
	
	margin:0;
	padding:0;
}
.bildinmatning .bilder_inaktiv .content
{
	margin:0;
	padding:0;
}*/


#divInmatning .bilder
{
	width:85px;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	
}
#divInmatning .bilder_inaktiv
{
	width:85px;
	float:left;
	margin-left:15px;
	margin-bottom:10px;
	
}

#divInmatning .bilder_inaktiv:hover
{
	cursor:pointer;	
}

#divInmatning .bilder .bild
{
	text-align:center;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
	width:85px;
	margin:0;
}
#divInmatning .bilder_inaktiv .bild
{
	text-align:center;
	border-left:1px solid #7f7f7f;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	width:85px;
	background-color:#dddddd;
	margin:0;
}

#divInmatning .bilder_inaktiv:hover .bild
{
	background-color:#eeeeee;	
}

#divInmatning .bilder_inaktiv.vangstyckeDiv:hover .bild{
	background-color:#dddddd;
}

#divInmatning .vangstyckeDiv:hover
{
	cursor:auto;
}
#divInmatning .bilder .content
{
	
	margin:0;
	padding:0;
}
#divInmatning .bilder_inaktiv .content
{
	margin:0;
	padding:0;
}
.forstora
{
	width:85px;
	height:20px;
	border-left:1px solid #DDDDDD;
	border-right:1px solid #DDDDDD;
	border-bottom:1px solid #DDDDDD;
	border-top:1px solid #DDDDDD;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	margin:0px;
}
.forstora img
{
	margin-top:1px;
	margin-left:10px;
	margin-right:3px;	
	width:20px;
}
.forstora p
{
	color:#999999;
	font-size:10px;
	margin:0;
	padding:0;
	margin-top:4px;
	
	
}

#divInmatning .bilder .heading
{
	height:18px;
	background-color:#990000;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	border:1px solid #000;
	width:85px;
	
}
#divInmatning .bilder_inaktiv .heading
{
	height:18px;
	background-color:#666666;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	border:1px solid #7f7f7f;
	width:85px;
	
}

#divInmatning .bilder_inaktiv:hover .heading{
	background-color:#cc7f7f;	
}

#divInmatning .bilder_inaktiv.vangstyckeDiv:hover .heading{
	background-color:#666666;
}




.floatleft
{
	float:left;

}

.floatright
{
	float:right;
}

/******** SLIDER CSS ***************/


.dynamic-slider-control {
	position:			relative;
	background-color:	#ffffff;
	-moz-user-focus:	normal;
	-moz-user-select:	none;
	cursor:				default;
	}

.horizontal {
	width:				inherit;
	height:				15px;
}

.vertical {
	width:				29px;
	height:				200px;
}

.dynamic-slider-control input {
	display:	none;
}

.dynamic-slider-control .handle {
	position:			absolute;	
	font-size:			1px;
	overflow:			hidden;
	-moz-user-select:	none;
	cursor:				default;
}

.dynamic-slider-control.horizontal .handle {
	width:				31px;
	height:				14px;
	background-image:	url("../images/slider/handle.horizontal.gif");
}

.dynamic-slider-control.horizontal .handle div {}
.dynamic-slider-control.horizontal .handle.hover {}

.dynamic-slider-control.vertical .handle {
	width:				15px;
	height:				31px;
	background-image:	url("../images/slider/handle.vertical.gif");
}

.dynamic-slider-control.vertical .handle.hover {}

.dynamic-slider-control .line {
	position:			absolute;
	font-size:			0.01mm;
	overflow:			hidden;
	border:				1px solid rgb(90,97,90);
	background:			rgb(189,190,189);
	
	behavior:			url("boxsizing.htc"); /* ie path bug */
	box-sizing:			content-box;
	-moz-box-sizing:	content-box;
}
.dynamic-slider-control.vertical .line {
	width:				3px;
}

.dynamic-slider-control.horizontal .line {
	height:				3px;
}

.dynamic-slider-control .line div {
	width:		1px;
	height:		1px;
	
	border:				1px solid;
	border-color:		rgb(230,230,230) rgb(189,190,189)
						rgb(189,190,189) rgb(230,230,230);
}

/************** POPUP-css ****************************
/* an ie6 fix for position: fixed; */


/*
------------------------------
	Impromptu's
------------------------------
*/
.jqifade{
	position: absolute;
	background-color: #ffffff;
}
div.jqi{
	position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.jqi .jqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.jqi .jqimessage{
	background-color: #c0cEa6;
	padding: 10px;
}
div.jqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* prefix example */
.impromptufade{
	position: absolute;
	background-color: #ffffff;
}
div.impromptu{
    position: absolute;
	background-color: #cccccc;
	padding: 10px; 
	width: 300px;
	text-align: left;
}
div.impromptu .impromptucontainer{
	background-color: #213e80;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
}
div.impromptu .impromptumessage{
	background-color: #415ea0;
	padding: 10px;
}
div.impromptu .impromptubuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.impromptu button{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
}

/* columns prefix example */
.colsJqifade{
	position: absolute;
	background-color: #ffffff;
}
div.colsJqi{
    position: absolute;
	background-color: #d0dEb6;
	padding: 10px; 
	width: 400px;
	text-align: left;
}
div.colsJqi .colsJqicontainer{
	background-color: #e0eEc6;
	padding: 5px; 
	color: #ffffff;
	font-weight: bold;
	height: 160px;
}
div.colsJqi .colsJqimessage{
	background-color: #c0cEa6;
	padding: 10px;
	width: 280px;
	height: 140px;
	float: left;
}
div.colsJqi .jqibuttons{
	text-align: center;
	padding: 5px 0 0 0;
}
div.colsJqi button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #777777 1px;
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}
div.colsJqi button:hover{
	border: solid #aaaaaa 1px;
}

/*
------------------------------
       popup theme
------------------------------
*/
.visainfodiv
{
	width: inherit;
	margin:5px;
}

div.visainfodiv .visainfodivcontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #000;
	color: #ffffff;
	font-weight: bold;
}
div.visainfodiv .visainfodivmessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.visainfodiv .visainfodivmessage h3{
	background-color:#990000;
	margin:0;
	padding:5px 5px 5px 5px;
	color: #fff;
	width:inherit;
	font-size:12px;
	border-bottom:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
}
div.visainfodiv .visainfodivmessage p{
	padding: 10px;
	color: #000;
}
div.visainfodiv .visainfodivmessage table
{
	width:100%;
	border:1px solid #000;
	border-color:#000000;
}
div.visainfodiv .visainfodivmessage th
{
	background-color:#990000;
	color:#fff;
}
div.visainfodiv .visainfodivbuttons{
	text-align: right;
	background-color:#ccc;
}
div.visainfodiv .visainfodivbuttons button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #aaaaaa 1px;	
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}



.tiodagarspopupfade{
	position: absolute;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
div.tiodagarspopup{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 300px;
	text-align: left;
	
}

div.tiodagarspopup .tiodagarspopupcontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #000;
	color: #ffffff;
	font-weight: bold;
}
div.tiodagarspopup .tiodagarspopupmessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.tiodagarspopup .tiodagarspopupmessage h3{
	background-color:#990000;
	margin:0;
	padding:5px 5px 5px 5px;
	color: #fff;
	width:inherit;
	font-size:12px;
	border-bottom:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
}
div.tiodagarspopup .tiodagarspopupmessage p{
	padding: 10px;
	color: #000;
}
div.tiodagarspopup .tiodagarspopupmessage table
{
	width:100%;
	border:1px solid #000;
	border-color:#000000;
}
div.tiodagarspopup .tiodagarspopupmessage th
{
	background-color:#990000;
	color:#fff;
}
div.tiodagarspopup .tiodagarspopupmessage img.helpImg{
	position: absolute;
	bottom: -25px;
	left: 10px;
}
div.tiodagarspopup .tiodagarspopupbuttons{
	text-align: right;
	background-color:#ccc;
}
div.tiodagarspopup .tiodagarspopupbuttons button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #aaaaaa 1px;	
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}

/*
------------------------------
       forstoring theme
------------------------------
*/
.tiodagarsforstoringfade{
	position: absolute;
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
}
div.tiodagarsforstoring{
	position: absolute;
	background-color: transparent;
	padding: 10px;
	width: 420px;
	text-align: left;
}
div.tiodagarsforstoring .tiodagarsforstoringcontainer{
	position: relative;
	background-color: transparent;
	border: solid 1px #000;
	color: #ffffff;
	font-weight: bold;
}
div.tiodagarsforstoring .tiodagarsforstoringmessage{
	position: relative;
	background-color: #F7F6F2;
	border-top: solid 1px #C6B8AE;
	border-bottom: solid 1px #C6B8AE;
}
div.tiodagarsforstoring .tiodagarsforstoringmessage h3{
	background-color:#990000;
	margin:0;
	padding:5px 5px 5px 5px;
	color: #fff;
	width:inherit;
	font-size:12px;
	border-bottom:1px solid #000;
	font-family:Arial, Helvetica, sans-serif;
}
div.tiodagarsforstoring .tiodagarsforstoringmessage p{
	color: #000;
	padding:5px;
}
div.tiodagarsforstoring .tiodagarsforstoringmessage table
{
	width:100%;
	border:1px solid #000;
	border-color:#000000;
}
div.tiodagarsforstoring .tiodagarsforstoringmessage th
{
	background-color:#990000;
	color:#fff;
}
div.tiodagarsforstoring .tiodagarsforstoringmessage img{
	border:1px solid #000;
	margin-left:8px;
}
div.tiodagarsforstoring .tiodagarsforstoringbuttons{
	text-align: right;
	background-color:#ccc;
}
div.tiodagarsforstoring .tiodagarsforstoringbuttons button{
	background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
	border: solid #aaaaaa 1px;	
	font-size: 12px;
	padding: 3px 10px 3px 10px;
	margin: 5px 5px 5px 10px;
	width: 75px;
}

#LogginDiv,#SokKonfigDiv
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	line-height: 13px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	margin: 1px 0px 5px 1px;
	display:none;
}

#SokKonfigDiv 
{
	border:1px solid #000;
}


#SokLoad,#sokResult
{
	display:none;
}
#SokKonfigDiv .header
{
	width:100%;
	height:18px;
	background-color:#990000;
	text-align:left;
	vertical-align:middle;
	padding-top:3px;
	border-bottom:1px solid #000;
}
#SokKonfigDiv .header p
{
	margin-left:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
}

#InstruktionsfilmDiv
{
	display:none;
	padding-top:10px;
	padding-bottom:10px;
}
#LogginDiv input
{
	margin:0px 5px;
}

#InloggningsTable
{
	/*display:none;*/
}

#selectStegAdmin
{
	position:relative;
	width:100%;
	height:auto;
	padding-top: 20px;
	padding-bottom: 10px;
}

#selectStegAdmin .selectStegStyle {
	float: left;
	width: 100px;
	padding:0px;
	/*padding-right: 5px;
	padding-left: 5px;*/
	position: relative;
	display: block;
	margin: 0px;
	margin-right:5px;
	
}


#selectStegAdmin .selectStegStyle .heading{
	height:18px;
	background-color:#cc7f7f;
	text-align:center;
	vertical-align:middle;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:3px;
	border:1px solid #f7f7f7;
	width:100%;
	margin:0px;
}

#selectStegAdmin .selectStegStyle.selected .heading
{
	background-color:#990000;
	border:1px solid #000;
}




#selectStegAdmin .selectStegStyle .inputs{
	width:90px;
	border:1px solid #f7f7f7;
	border-top:0px;
	margin:0px;
	padding:5px;
	background-color:#dddddd;

}

#selectStegAdmin .selectStegStyle.selected .inputs
{
	background-color:none;
	border:1px solid #000;
	border-top: 0px;
	
}



#selectStegAdmin .selectStegStyle .inputs h2, .selectStegAdmin .selectStegStyle .inputs label
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	line-height: 13px;
	color: #000000;
	text-decoration: none;
	margin: 1px 0px 5px 1px;
	font-weight:bold;
}

.selectStegStyle .inputs input , .selectStegStyle .inputs select{
	width: 85px;
}

.selectStegStyle .inputs input[disabled]
{
	color:#000000;
	background-color:#FFFFFF;
}

#stegbredddiv
{
	padding:0px;
	margin:0px;
	list-style:none;
}

#stegbredddiv li
{
	width:120px;
	float:left;
	margin-left:2px;
	margin-bottom:5px;
	margin-top:5px;
	
}
#stegbredddiv div label
{
	vertical-align:bottom;	
}
.StegDiv.hidden
{
	display:none;	
}


/*jquery.checkradionbox.js*/

div.crbDef
{
	width:auto;
	border:1px solid #666;
	text-align:right;
	padding-right:20px;
	padding-left:5px;
}

div.crbDef div.crbIcon
{
	/*width:30px;
	height:30px;*/
	/*background-color:#3F6;*/
	background-image:url(../images/cbBg.png);
	/*vertical-align:middle;*/
}
div.crbOn div.crbIcon
{
	background-position: 21px 0px;	
}

div.crbOff div.crbIcon
{
	background-position: 0 0;	
}

div.crbOn.crbCheck div.crbIcon
{
	background-position: 15px 15px;	
}

div.crbOff.crbCheck div.crbIcon
{
	background-position: 0 15px;	
}

/*.selectStegAdmin .selectStegStyle .inputs label label.crbLabel*/

.selectStegAdmin .selectStegStyle div.crbDef
{
	margin-top:5px;	
}

#div_ytbehadling
{
	display:none;	
}
.selectStegAdmin .selectStegStyle div.crbDef label, #stegbredddiv div.crbDef label, #div_ytbehadling div.crbDef label
{
	line-height: 25px;
	text-transform: normal;
	font-weight:bold;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	margin:0px;
	padding:0px;
}

.selectStegAdmin .selectStegStyle div.crbDef label
{
	font-size:0.9em;
}


div.crbOff
{
	background-color:whitesmoke;
}

div.crbOff label
{
	color:#666;
	font-weight:normal;
}

div.crbOff:hover
{
	background-color:#FEFEFE;		
}

div.crbOn {
	background-color:#990100;
	color:#FFF;
	font-weight:bold;
	
}

.selectStegAdmin .selectStegStyle div.crbOn label
{
	color:#FFF;
	font-weight:bold;	
}