/* Sajt.master - Start */

/*
Röd:				#e23130
Mörkröd:			#af4314
Mörkgrön:			#79921a
Blå:				#1e6987

Grå(text):		    #4b4b49
Länkgrå:			#929292

Ljus border:	    #ffffff
Mörk border:	    #e7e7d9
*/

/*
Röd:			#e23130
Mörkröd:		#af4314
Mörkgrön:		#79921a
Blå:			#1e6987

Grå(text):	    #4b4b49

*/
/* Det här gömmer den onödiga scrollbaren i IE7 */
html
{
	overflow: auto;
}

body
{
	margin: 0px;
	background-color: #f3f3ec;
	font-family: Arial;
	font-size: 12px;
	color: #2c2c2c;
}

a
{
	color: #545454;
	text-decoration: underline;
}

a:hover
{
    /*font-weight:bold;*/
    cursor:pointer;
}

.fontBold
{
	font-weight:bold;
}

.colorGrayBold
{
	color:Gray;
	font-weight:bold;
}

.colorGray
{
	color:Gray;
}

.colorRedBold
{
	color:Red;
	font-weight:bold;
}

.colorRed
{
	color:Red;
}

.colorGreenBold
{
	color:Green;
	font-weight:bold;
}

.colorGreen
{
	color:Green;
}

.alignLeft
{
	text-align:left;
}

.alignRight
{
	text-align:right!important;
}

.alignCenter
{
	text-align:center;
}
/* För alla textboxar */
input[type="text"]
{
	 border: 1px solid #e7e7d9;
}

input[type="password"]
{
	 border: 1px solid #e7e7d9;
}

.topContainer
{
	background-image:url(Grafik/topBackground.png);
	background-position:top;
	background-repeat:repeat-x;
	height:140px;
}

.topContentHolder
{
	width:972px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	height:140px;
	background-image:url(Grafik/tobBackgroundMiddle2.png);
	background-repeat:no-repeat;
}

.logoContainer
{
	position:absolute;
	top:58px;
	left:26px;
}

.logoContainer img 
{
	border:0px;
}

.loginContainer
{
	height:31px;
	padding-right:15px;
	text-align:right;
	position:relative;
}

.loginContainer .LoginBox{
    background-repeat:no-repeat;
    padding-left:20px;
}

.loginContainer .AnvandarnamnBox
{
    background-image:url(Grafik/ikon_anvandarnamn.gif);
}

.loginContainer .LosenordBox
{
    background-image:url(Grafik/ikon_losenord.gif);
}


#ctl00_LoginView_Login_LoginRoundedLinkButton
{
    top:6px;
}

.link
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	margin-right: 8px;
	display: -moz-inline-box; /*ff*/
	display: inline-block;
	display: inline-block; /*ie*/	
}

.toplinklabel
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size:10px!important;
	margin-right:2px;
	display: -moz-inline-box; /*ff*/
	display: inline-block;
	display: inline-block; /*ie*/
	
}

.link:hover
{
	text-decoration: underline;
}

#ctl00_ctl00_LoginView_Login_LoginRoundedLinkButton
{
    top:6px;
}

.sprak
{
    width: 25px;
    float: left;
    margin-top: 20px;   
    margin-left:10px;	
}
.loginImage
{
	position:relative;
	top:6px;
	margin-right:4px;
}

.loginContainer .topLink
{
	background-image:url(Grafik/topLinkGreenArrow.gif);
	background-repeat:no-repeat;
	background-position:0px 5px;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	display:inline-block;
	margin-left:5px;
	padding-left:10px;
}

.loginContainer .topLink:hover
{
	text-decoration:underline;
}

.inputWarning
{
	background-image: none;
	background-color: #FFFACD; /*lemonchiffon; ej css 2.1 kompatibel*/
}


fieldset
{
    padding:0px 10px 10px 15px;  
}

fieldset legend
{  
    padding:10px 3px 10px 3px;
    color:#af4314;
}

/* KHG kopierad start */
/* FORM STYLES */

  div.row {  /* div som simulerar en rad i ett formulär */
    margin-bottom:10px;
    clear:both;
    float:left;
    width:100%;
  }
  
	div.rowColorRedBold span
	{
		font-size:12px;
		color:Red;
		font-weight:bold;
	}
	
	div.rowColorGreenBold span
	{
		font-size:12px;
		color:Green;
		font-weight:bold;
	}
  
  
  div.row span { /* alla asp:labels i ett form inuti en div med klassen row (de blir span vid parsning) */
    color:#3d3d3b;
    font-size:12px;
   
   
  }
  div.row select
  {
      width:270px;
      }
 /* alla asp:textbox i ett form inuti en div med klassen row, (blir input type=text vid parsning) */
div.row input[type="text"] 
{
	width:270px;
	border: 1px solid #e7e7d9;
	font-size:12px;
	font-family:Arial;      
}

div.row img
{   
	margin-right:5px;
}
   
div.column, div.smallcolumn, div.mediumcolumn
{
	float:left;
	clear:right;
}

div.smallcolumn input[type="text"],div.smallcolumn select
{
	width:90px!important;
}

div.smallcolumn input[type="text"]
{
	width:90px!important;
}
div.mediumcolumn input[type="text"],div.mediumcolumn select
{
	width:150px!important;
}
div.dropdowncolumn input[type="text"],div.dropdowncolumn select
{
	width:180px;
}
input[type="password"]
{
	border: 1px solid #e7e7d9;
}

.radioButtonLeft input[type="radio"]
{
    margin-left:0;
    }

.labelcolumn
{
    width:180px;
}

.wideColumn
{
	width:270px;
}
   
.boldcolumn span
{
	font-weight:bold; 
}

.bgwhite
{
	background-color:White;
}
   
.divider
{
	background-image: url(Grafik/h_underline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 15px;
}

div.buttonRuta
{
    border: solid 1px #CECECB;
    margin-bottom:5px;
    padding-top:5px;
    padding-right:10px;
    width:350px;
}
/* Används för textboxar som innehåller datum från en kalender, icke editerbar,grå bakgrund*/
div.row input.textBoxKalenderDatumGraBakgrund
{
	border: none 0px!important;	
	width: 70px; 
	vertical-align: top!important; 
	font-weight: normal!important; 
	background-color: #f3f3ec!important;

}

/* KHG kopierad slut */

/* Rundad knapp - Start */

.roundButton, .VerktygsfältDropDownMeny .roundButton
{
	cursor:pointer; 
	border-style: none;
	border-color: inherit;
	border-width: 0px;
	cursor:hand; 
	line-height:27px;
	background:url('Grafik/button.gif') no-repeat right top;
	padding-right:16px; 
	vertical-align:middle;
	display:block; /*opera*/
	display:inline-block; /*ie*/
	display:-moz-inline-box;  /*ff*/
	font-weight:bold;
	color:#3a3a3a;
	font-size:11px;
	text-decoration:none;
	margin-left:3px;
	vertical-align:top;	
	position:relative;
	top:4px;
}

.roundButton:hover
{
	text-decoration:none;
}

.roundButton span, VerktygsfältDropDownMeny .roundButton span{ 
	background:url(Grafik/button.gif) no-repeat left top;
	height:27px;
	display:block;
	display:inline-block;
	padding-left:12px; 
	line-height:24px;
	color:#3a3a3a;
	white-space:nowrap;
}

.Black
{
    background:url('Grafik/buttonOnBlack.gif') no-repeat right top;
}

.Black span
{
    background:url(Grafik/buttonOnBlack.gif) no-repeat left top;
}

.White
{
    background:url('Grafik/buttonOnWhite.gif') no-repeat right top;
}

.White span
{
    background:url(Grafik/buttonOnWhite.gif) no-repeat left top;
}

.Red
{
    background:url('Grafik/buttonOnRed.gif') no-repeat right top;
}

.Red span
{
    background:url(Grafik/buttonOnRed.gif) no-repeat left top;
}

/* Rundad knapp - Slut */

.contentContainer
{
	width: 972px; /* 940 */
	margin: 15px auto 0px auto;
	display: block;
}

.contentContainer .contentInnehall
{
    /*float:left;*/
    padding-bottom:1px;
}

.contentContainer .contentInnehall strong, .contentContainer .contentInnehall b
{ 
    color:#af4314;
}

.contentContainer .contentInnehall ul{   
    margin-top:5px;
    margin-left:20px;
}

.contentContainer .contentInnehall ul li 
{
    /*list-style-image:url(Grafik/bullet.gif); check why the product list icon in affected*/
    padding-bottom:5px;
}

h1
{
	font-family: Georgia;
	font-size: 30px;
	font-weight: normal;
	color: #af4314;
	background-image: url(Grafik/h_underline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	margin-top: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}

h2
{
	font-family: Georgia;
	font-size: 20px;
	font-weight: normal;
	color: #1e6987;
	margin-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 0px;
}


h3
{
	color: #79921a;
	font-size: 14px;
	font-weight: normal;
	font-family: Georgia;
	margin-bottom: 5px;
}

p
{
	padding: 0px 5px;
	margin-top: 7px;
	line-height: 18px;
}

.underline
{
	background-image: url(Grafik/h_underline.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 5px;
}

.bottomContainer
{
    background-image:url(Grafik/bottomBackground.png);
	background-repeat:repeat-x;
    height:20px;
	text-align: center;
	padding-top:5px;
	margin: 20px auto 0px auto;
	clear:both;
	color:White;
}

.bottomContainer a
{
    color:White;
}

/* Sajt.master - Slut */

/* AJAX Autocomplete popup (dropdown): Start */
.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height:auto;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */
.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */
.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}
/* AJAX Autocomplete popup (dropdown): Slut */

/* Generell gridview - Start */
.gridView .AspNet-GridView
{
	width: 100%;
	border: solid 1px #CECECB;
}

.gridView .AspNet-GridView table
{
	width: 100%;
}

/* Row headers */
/* Header */
.gridView .AspNet-GridView table thead tr
{
	background-image: url(grafik/th_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#D8D8D2;
}

.gridView .AspNet-GridView table thead tr th
{
	padding: 5px;
	margin-bottom: 10px;
	text-align: left;
	border-left: solid 1px #CECECB;
}

.gridView .AspNet-GridView table thead tr .header
{
	background-image: url(grafik/tablesort_es_standard.gif);
	background-repeat:no-repeat;
	background-position:right top;
	cursor: pointer;
	padding-right:17px;
}

.gridView .AspNet-GridView table thead tr .headerSortUp 
{
	background-image: url(grafik/tablesort_es_asc.gif);
	background-position:right 7px;
}

.gridView .AspNet-GridView table thead tr .headerSortDown 
{
	background-image: url(grafik/tablesort_es_desc.gif);
	background-position:right 7px;
}

.gridView .AspNet-GridView table thead tr .headerSortDown, .gridView .AspNet-GridView table thead tr .headerSortUp{
    background-color: #FFFFFF;
    border-bottom:solid 1px #D8D8D2;
}
/* ROWS */

/* Row */
.gridView .AspNet-GridView table tbody tr td, .gridView .AspNet-GridView table tfoot tr td
{
	margin-left: auto;
	margin-right: auto;
	padding: 5px;
	border-left: solid 1px #CECECB;
}


.gridView .AspNet-GridView table tbody tr td
{
    background-color: #F3F3EC;
    }

 .gridView .AspNet-GridView table tfoot tr td
 {
     border-top:2px solid #CECECB;
     }


.gridView .AspNet-GridView table tbody tr td .ExtraInfoBild
{
    cursor:pointer;
}

.gridView .AspNet-GridView table tbody tr td u
{
    text-decoration:none;
    border-bottom: 1px solid #79921a;
}

/* Alternating row */
.gridView .AspNet-GridView table tbody tr.odd td
{
    background-color: #FFFFFF;
}

.gridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 5px;
	border-left: solid 1px #CECECB;
}

.gridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate.even td
{
    background-color: #F3F3EC;
}

/* Last row */
.gridView .AspNet-GridView table tbody tr td + td + td + td + td + td + td + td + td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #F3F3EC;
	padding: 5px;
	border-left: solid 1px #CECECB;
}

/* Last row - alternating */
.gridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td + td + td + td + td + td + td + td + td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 5px;
	border-left: solid 1px #CECECB;
}
/* Generell gridview - Slut */

/* Sajt_Vansternavigering.master - Start */

#vansterNavigering
{
    float:left;
    width: 270px;
}

#hogerInnehall
{
    width: 687px;
    margin-left:270px;
    display:table;
}

.vanstercontenttop
{
    background-image: url(Grafik/vansternav_topbg.gif);
    height:17px;
    margin:0;
}

.vanstercontentmiddle
{
    background-color:white;
    padding:0 20px 0 20px;
    display:inline-block;
    width:647px;
    min-height:300px;
}

.vanstercontentmiddleHuvud
{
    width:100%;
    background-image:url(Grafik/h_underline.gif);
    background-position:bottom;
    background-repeat:repeat-x;
}

.vanstercontentbottom
{
    background-image: url(Grafik/vansternav_bottombg.gif);
    height:17px;
    margin:0;
}

.newsListFullContainer
{
	margin-top: 0;
	border-top: 1px solid #e7e7d9;
	border-bottom: 1px solid #ffffff;
	font-size: 12px;
	/*width: 230px;*/
}

.newsListFullContainer .newsListFullItem
{
	color: #4b4b49;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e7e7d9;
}

.newsListFullContainer .activeItem
{
    background-color:White;
    font-weight:bold;
    padding-left:5px;
}

.newsListFullContainer .newsListFullItem a
{
	color: #4b4b49;
	text-decoration: none;
	background-image: url(Grafik/newsLinkArrow.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.newsListFullContainer .activeItem a
{
    color: #1e6987;
}

.newsListFullContainer .newsListFullItem a:hover
{
	color: #000000;
	text-decoration: underline;
}

.newsListFullContainer .newsListFullItemSelected
{
	color: #737371;
	background-color: White;
	padding-top: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #e7e7d9;
}

.newsListFullContainer .newsListFullItemSelected a
{
	color: #4b4b49;
	text-decoration: none;
	background-image: url(Grafik/newsLinkArrow.gif);
	background-position: left 5px;
	background-repeat: no-repeat;
	padding-left: 10px;
}

.newsListFullContainer .newsListFullItemSelected a:hover
{
	color: #000000;
	text-decoration: underline;
}

/* Sajt_Vansternavigering.master - Slut */

/* Leverantör: Nyckeltal - Start */
.nyckeltalGridView .AspNet-GridView
{
	margin-left: 2px;
	margin-top: 20px;
	width: 600px;
	border-bottom: solid 1px #CECECB;
	border-top: solid 1px #CECECB;
	border-right: solid 1px #CECECB;
}

.nyckeltalGridView .AspNet-GridView tr td a
{
	text-decoration: underline;
	color: #000000;
	cursor: pointer;
}

/* HEADERS */

/* Header: Nyckeltal */
.nyckeltalGridView .AspNet-GridView table thead tr th
{
	width: 400px;
	text-align: left;
}

/* Header: Summa */
.nyckeltalGridView .AspNet-GridView table thead tr th + th
{
	width: 200px;
	text-align: left;
}

/* ROWS */
/* Row: Nyckeltal */
.nyckeltalGridView .AspNet-GridView table tbody tr td
{
	width: 400px;
	text-align: left;
}

/* Row: Nyckeltal - Alternating */
.nyckeltalGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
	width: 400px;
	text-align: left;
}

/* Row: Summa */
.nyckeltalGridView .AspNet-GridView table tbody tr td + td
{
	width: 200px;
	text-align: right;
}

/* Row: Summa */
.nyckeltalGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td + td
{
	width: 200px;
	text-align: right;
}

/* Row headers */
/* Header */
.nyckeltalGridView .AspNet-GridView table thead tr th
{
	background-color: #EEEEEB;
	padding: 5px;
	margin-bottom: 10px;
	text-align: left;
	border-left: solid 1px #CECECB;
}

/* Row */
.nyckeltalGridView .AspNet-GridView table tbody tr td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #F3F3EC;
	padding: 5px;
	border-left: solid 1px #CECECB;
}

/* Alternating row */
.nyckeltalGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 5px;
	border-left: solid 1px #CECECB;
}

/* Last row */
.nyckeltalGridView .AspNet-GridView table tbody tr td + td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #F3F3EC;
	padding: 5px;
	border-left: solid 1px #CECECB;
}

/* Last row - alternating */
.nyckeltalGridView .AspNet-GridView table tbody tr.AspNet-GridView-Alternate td + td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 5px;
	border-left: solid 1px #CECECB;
}
/* Leverantör: Nyckeltal - Slut */

/* Generell datagrid - Start */
.dataGrid
{
	width: 100%;
	border: solid 1px #CECECB;
}

.dataGrid .header td
{
	background-image:url(Grafik/th_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#D8D8D2;
	padding: 5px;
	margin-bottom: 10px;
	/*text-align: left;*/
	border-left: solid 1px #CECECB;
	font-weight:bold;
}

.dataGrid tr td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #F3F3EC;
	padding: 5px;
	border-left: solid 1px #CECECB;
}

.dataGrid tr.alternate td
{
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
	padding: 5px;
	border-left: solid 1px #CECECB;
}

.dataGrid tr td u{
    border-bottom:1px solid #79921A;
    text-decoration:none;
}

.dataGrid tr td strong
{
    background-color:#79921A;
    color:White;
}

.dataGrid tr td .ExtraInfoBild
{
    cursor:pointer;
}

.dataGrid .fyllHela
{
	width: 100%;
}

.dataGrid .brytinte
{
    white-space:nowrap;
}

.dataGrid .tillHöger
{
    text-align:right;
}
/* Generell datagrid - Slut */
/* Laddningsindikator - Start */

#VantaBehallare
{
    border: medium none ; 
    margin: 0pt; padding: 0pt; 
    z-index: 1000; cursor: wait; width: 100%; height: 100%; top: 0pt; left: 0pt; 
    background-image:url(Grafik/vantaBakgrund.png);
    position: fixed;
}

#VantaBehallare div
{
    border: 1px solid rgb(170, 170, 170); 
    margin: 0pt; 
    padding: 15px;
    z-index: 1001; 
    position: fixed; 
    top: 40%; 
    left: 40%; 
    color: rgb(0, 0, 0); 
    background-color: rgb(255, 255, 255); 
    cursor: wait;
}

#VantaBehallare div img
{
    border:0;
    margin:0 5px 0 0;
    vertical-align:bottom
}

/* Laddningsindikator - Slut */

/* LeverantorInnehall.aspx - Start */

#relateradinformationContainer
{
    width:250px;
    float:right;
    clear:both;
}

#relateradinformationContainer strong
{
    border-bottom:solid 1px #929292;
    display:block;
    padding-bottom:2px;
    margin-bottom:4px;
    color:#4b4b49;
    font-family:Georgia;
    font-size:12px;
}

#relateradinformationContainer a
{
    background-image:url(Grafik/newsLinkArrow.gif);
    background-position:left 5px;
    background-repeat:no-repeat;
    color:#1e6987;
    padding-left:10px;
    padding-bottom:0;
    margin-bottom:0;
    text-decoration:none;
    font-weight:bold;
}

/* LeverantorInnehall.aspx - Slut */