html, body  {padding:0px; margin:0px; font-size: 12px; }   

html, body  {height:100%}
body        { font: 11px Helvetica Neue, Helvetica, Arial, sans-serif; background: #ffffff; text-align: left; color:#696969; }
form        { height: 100%; }

.Page           
{
    width: 980px; 
    padding: 2px;  
    margin: 0px auto 0px auto;         
    text-align: left; 
    border: solid 1px #bbbbbb; /* colour changed by joe 22090407 'lightgrey' not a valid color; */
    display: table;           
    
      } /* min-height: 99%;   */
* html .Page    { width: 980px; } /* height: 98%; */



h1 {
	/*font-family:Gill Sans MT,Tahoma,Helvetica Neue,Helvetica,Arial,sans-serif; */
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:28px;
	color:#444444;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

h2 {
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:20px;
	color:#444444;
	font-weight:bold;
	margin:2px 0px 0px 0px;
}

h3 {
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:16px;
	color:#444444;
	font-weight:bolder;
	line-height:1.2;
	margin:0px 0px 2px 0px;
}

h4 {
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#444444;
	text-transform: uppercase;
	font-weight:bolder;
	line-height:1.1;
	margin:0px 0px 0px 0px;
}

h5 {
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#444444;
	font-weight:bold;
	margin:0px 0px 10px 0px;
}

h6 {
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:9pt;
	color:#444444;
	font-weight:normal;
	font-style:italic;
	line-height:1.4;
	margin:5px 0px 5px 0px;	
}

.tableformat H1 {
font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:18pt;
	color:#444444;
	font-weight:bold;
	line-height:1;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.tableformat H2 {
	font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:14pt;
	color:#444444;
	font-weight:bold;
	line-height:1;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.tableformat H3 {
font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:11pt;
	color:#444444;
	font-weight:bold;
	font-style:normal;
	line-height:1.2;
	margin:0px 0px 0px 0px;
	padding:0px;
	color:#FF0000;
}

.tableformat H4 {
	font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:11pt;
	color:#444444;
	font-weight:normal;
	line-height:1.2;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.tableformat H5 {
	font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:10pt;
	color:#444444;
	font-weight:bold;
	font-style:normal;
	line-height:1.4;
	margin:0px 0px 10px 0px;
	padding:0px;
}

.tableformat H6 {
	font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:9pt;
	color:#444444;
	font-weight:normal;
	font-style:italic;
	line-height:1.4;
	margin:0px 0px 5px 0px;
	padding:0px;
}

.tableformat TD {
	font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:10pt;
	color:#444444;
	font-weight:normal;
	font-style:normal;	
}

.table_footnote {
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:9pt;
	color:#444444;
	font-weight:normal;
	font-style:italic;
	}

table_body {
	font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:9pt;
	color:#444444;
	font-weight:normal;
	font-style:normal;
	margin:0px 0px 0px 0px;
	padding:0px;
}

table_heading {
	font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:9pt;
	color:#444444;
	font-weight:bold;
	font-style:normal;
	text-align:center;
	margin:0px 0px 0px 0px;
	padding:0px;
}

p {
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#444444;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-transform:none;
	text-decoration:none;
	line-height:1.4;
	margin:0px 0px 10px 0px;
	padding:0px;
}

TD { 
		font-family:Verdana,Helvetica Neue,Helvetica,Arial,sans-serif;
	color:#444444; 	
	font-size:12px;
}

A {
	color:#0072BC;
	text-decoration:none;
	outline: none;
}

A:hover {
	color:#F57F33;
	text-decoration:none;
	outline: none;
}

UL {
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#444444;
	font-weight:normal;
	line-height:1.6;
	font-variant:normal;
	text-transform:none;
	margin: 0px 0px 10px 16px;
	padding:0px;
}
	
OL	{
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:14px;
	color:#444444;
	font-weight:normal;
	line-height:1.6;
	font-variant:normal;
	margin: 0px 0px 10px 24px;
	padding:0px;
} 


/* KNAPPAR */
INPUT.cssBtn		{ text-align:center; border: solid 1px #bbbbbb; color:#0072bc; font-family:Helvetica Neue,Helvetica,Verdana,Arial,sans-serif; font-size:11px; height:22px; padding:2px; margin-top: 4px; background-color:#eeeeee; padding-left:6px; padding-right:6px; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#dddddd', gradientType='0');  }

A.cssBtn			{ text-align:center; margin-top:4px; border: solid 1px #bbbbbb; font-family:Helvetica Neue,Helvetica,Verdana,Arial,sans-serif; font-size:11px; height:15px; padding:2px; background-color:#eeeeee; padding-left:6px; padding-right:6px; padding-top: 3px; }

A.cssBtn:link		{ text-decoration:none; color:#0072bc; background-color:#eeeeee; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#dddddd', gradientType='0'); }		

A.cssBtn:visited	{ text-decoration:none; color:#0072bc; background-color:#eeeeee; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#dddddd', gradientType='0'); }	

A.cssBtn:hover		{ text-decoration:none; color:#f57f33; background-color:#eeeeee; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#dddddd', gradientType='0'); }

A.cssBtn:active		{ text-decoration:none; color:#f57f33; background-color:#dddddd; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#bbbbbb', endColorStr='#cccccc', gradientType='0');}	


.cssFrm			{ border:solid 1px #bbbbbb; color:#000000; background-color:White;}
.cssFrm_err		{ border:solid 1px Red; color:Red; background-color:Yellow;}




.td_Left    { background-color: #eeeeee; width: 200px;}

.tbl_tr 
{ 
    display: block; 
    width: 100%; 
    float: left;  
    background-image: url("../../images/header_bg_gradient.gif");
    background-repeat:repeat-x;
}

.tbl_tr_main 
{ 
    display: block; 
    width: 100%; 
    float: left;  
    /*background-image: url("../../images/header_bg_gradient.gif"); */
    background-repeat:repeat-x;
    /*padding-top: 15px;*/
	/*margin-top:5px;    */
 }
 
      
.tbl_tr DIV { display: block; float: left;}
.tbl_tr .top        { min-height:26px; width:100%; /* background-color: #dddddd; */}
.tbl_tr .right      { min-width:200px; }
.tbl_tr .bottom     { width:100%; }

.tbl_tr_main DIV { display: block; float: left;}
.tbl_tr_main .top        { min-height:26px; width:100%; /* background-color: #dddddd; */ }
.tbl_tr_main .right      { min-width:200px; }
.tbl_tr_main .bottom     { width:100%; }

.footer 
{ 
    display: block; 
    width: 100%;     
    float: left;  
    /*background-image: url("../../images/footer.jpg"); */
background-image: none;    
background-repeat:no-repeat;
    background-position: center;
    padding-top: 5px;
    text-align:center;
 }

.Dialog     {z-index:30; text-align: center; width:100%; position: absolute; top:0px; left: 0px; padding-top:80px; height: 100%; }
.DialogBG   {z-index:40; text-align: center; width:100%; position: absolute; top:0px; left: 0px; height: 100%; filter:alpha(Opacity=50); background-color:#999999;opacity:.50; }
.DialogBody {z-index:50; text-align:left; width: 400px; background:#ffffff; padding:15px; border:solid 1px #999999; float: none !important; position: relative; margin: auto auto auto auto !important;}

.zpnlDialog  { border: solid 1px #000000; background-color: #ffffff; padding: 10px; position: absolute; margin: auto auto auto auto; }

/*--------PROGRESS BAR---------*/

.ProgressBar
{
	float:none;
	clear:both;
    display: block;
    position: absolute;
    padding: 2px 3px;
    width:220px;
}
.ProgressBar_Container
{
	float:none;
	clear:both;
    border: solid 1px #808080;
    border-width: 1px 0px;
}
.ProgressBar_Header
{
	float:none;
	clear:both;
	width:220px;
    /*background: url(img/sprite.png) repeat-x 0px 0px;*/
    background-color:#d4d4d6;
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: arial,helvetica,clean,sans-serif;
}
.ProgressBar_Body
{
	float:none;
	clear:both;
	width:220px;
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}


/*---------PRODUKTLISTAN-----------*/

.Product_Container {
	/* 	background-color:gray; */
	min-height:500px;
	width:768px;
	/*padding-left:10px;*/
	/*width:718px; changed by Joe F 20090213  */
	z-index:10;	
}

.Product_Header {		
	position:relative;
	padding-top:10px; /* margin-top: 0px; changed by Joe F 20090402  */
	margin-left:0px; /*margin-left:10px; changed by Joe F 20090213  */
	margin-right:0px;  /*margin-right:10px; changed by Joe F 20090213  */
	min-height: 50px;	
	width:768px; /*width:700px; changed by Joe F 20090409  */
	z-index:inherit;
	background-image:url(/_resources/Image/Grey_Product_Gradient.jpg);
	background-position:top;
	background-repeat:no-repeat;
	/* padding-left:10px; */
	/* 	background-color:yellow; */
}

.Product_HeaderText {		
	padding-left:10px;
	float:none !important;	
}

.Product_HeaderImage {
	float:left;
	top:10px;
	height:100px;
	width:100px;
	z-index:inherit;
	/*	background-color:black; */
}

.Product_Preamble {
	padding-left:10px;
	float:left;	
	top:10px;
	min-height:10px;
	/*width:680px;*/
	z-index:inherit;
	/*	background-color:green; */
}

.Product_Preamble TD {
	padding-left:0px;
	padding-right:10px;
	vertical-align:top;
}

.Product_Center {
	position:relative;
	/*margin:10px; */
	/*min-height: 200px; */
	/*padding-right:10px; /* Added by Joe F 20090213 */
	padding-top:5px;
	/* padding-left:10px; */
	min-height:0px;
	width:746px; /*width:680px; */  /* width:700px; changed by Joe F 20090213 */
	z-index:inherit;
	/* background-color:red; */
}

.Product_Footer {
	position:relative;
	/*margin:10px;	*/
	/*min-height: 50px;	*/
	min-height: 0px;
	/*width:700px;*/
	z-index:inherit;
	padding-left:10px;
	/*
	background-color:Lime;
*/
}

.Product_Admin {
	position:relative;
	margin:10px;
	min-height: 50px;	
	width:700px;
	z-index:inherit;
	
	background-color:#e7e7e7;
}

.Product_ItemLinks {
	/*background-color:#efefef;	*/
	color:#bbbbbb;
	line-height:30px;
	font-size:14px;
	width:700px;
	padding-left:10px;
}

.ProductFamilyFooterInfo {
	font-family:Helvetica Neue,Helvetica,Arial,sans-serif;
	font-style:italic;
	color:#444444;
	font-size:9pt;
}

.ProductChildTable {
	font: 11px arial;
	border-left:1px solid #c7c7c7;  
	border-right:1px solid #c7c7c7;  
	/*border-bottom:1px solid #c7c7c7;*/
}

.ProductChildTable CAPTION {
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	background-color:#dde2e6;
	border-top: 1px solid #c7c7c7;
	border-bottom: 1px solid #c7c7c7;
	border-left: 1px solid #c7c7c7;
	border-right: 1px solid #c7c7c7;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ProductChildTable TD {
	font: 11px arial;
	border-bottom:1px solid #c7c7c7;
	padding-top: 3px;
	padding-bottom: 3px;
	/*border-left: 1px solid gray;
	border-right: 1px solid gray;*/
}

.ProductChildTable TH {
/*original producttable*/
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:11px;
	border-bottom: solid 1px #c7c7c7;
	text-align: center;
	vertical-align: bottom;
	padding-top: 2px;
	padding-bottom: 2px;
}

.ProductChildTable H1 {
/*own created prodtables*/
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:13px;
	font-weight:bold;
	background-color:#dde2e6;
	border-top: 1px solid #c7c7c7;
	/*border-bottom: 1px solid #c7c7c7;*/
	/*border-left: 1px solid #c7c7c7;*/
	/*border-right: 1px solid #c7c7c7;*/
	padding-top: 2px;
	padding-bottom: 2px;
	
}

.ProductChildTable H2 {
/*own created prodtables*/
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:11px;
	border-bottom: solid 1px #c7c7c7;
	text-align: center;
	vertical-align: bottom;
	padding-top: 2px;
	padding-bottom: 2px;
	
	
}

.ProductChildTable H3 {
/*own created prodtables*/
font: 11px Gill Sans,Helvetica Neue,Helvetica,Arial,sans-serif;
font-weight:bold;
	/*border-bottom: solid 1px #c7c7c7;*/
}

.ProductChildTable H4 {
/*own created prodtables*/
font: 11px arial;
font-weight:bold;
	border-bottom: solid 1px #c7c7c7;
}

.ProductChildTable H5 {
/*own created prodtables*/
font: 11px arial;
font-weight:bold;
	border-bottom: solid 1px #c7c7c7;
}

.ProductChildTable H6 {
/*own created prodtables*/
font: 11px arial;
font-weight:bold;
	border-bottom: solid 1px #c7c7c7;
}

/*---------------------------------*/

.crtoolbar TABLE {
	width:768px !important;
}

.crtoolbar {
	width:768px !important;
}

/*---------------------------------*/

.SortOrder {
	height:500px;
	overflow:scroll;	
}

/*---------------------------------*/

.CartHighlight {
color:#e97a00;	
}

/*---------------------------------*/


.Printer {
	float:right;
}

.BreadCrumContainer {
	/*
	width:710px;
	float:none !important;	
	*/
	width:100%;	
	background-image:url("../../images/breadcrumb_background.gif");	
	background-repeat:repeat-x;
	height:25px !important;	
	/*float:none !important;*/
	/*#padding-bottom:5px;*/
	/*margin-bottom:5px;*/
	margin-top:5px;	
	color:White !important;
	/*font-style:italic !important;*/
}

.BreadCrumInnerContainer {
	padding-left:5px;
	padding-top:5px;
}

.BreadCrums {
	clear:both;
	/*
	font: 11px Helvetica Neue,Helvetica,Arial,sans-serif;
	color:#444444;*/	/* new colour added  */ 
}

a.BreadCrums {
	/*color:#444444 !important; *//* new colour added orginal 333333 */ 
	color:white !important;
	/*font-style:italic !important; */ 
}


a.BreadCrums:hover {
	/*color:#f57f33 !important; *//* new colour added orginal 333333 */ 
	text-decoration:underline;
}


.SelectedRoot {	
	background-image: url("../../images/bg-selected.png");	
	background-repeat:no-repeat;
	background-position: left top;
	font-size: 13px;
	cursor: pointer;	
	color:White;	
	padding-top: 3px;
	padding-left: 3px;
	height: 22px;
	/*margin-left:-5px;*/
	
	width:100%;
	min-height:22px;
	display:block;
}

.defaultRoot {	
	background-image: url("../../images/bg-static.png");	
	background-repeat:no-repeat;
	background-position: left top;
	font-size: 13px;
	cursor: pointer;	
	color:White;	
	padding-top: 3px;
	padding-left: 3px;
	height: 22px;
	/*margin-left:-5px;*/
	
	width:100%;
	min-height:22px;
	display:block;
}

.defaultRoot:hover {	
	background-image: url("../../images/bg-hover.png");	
	background-repeat:no-repeat;
	background-position: left top;
	font-size: 13px;
	cursor: pointer;	
	color:White;	
	padding-top: 3px;
	padding-left: 3px;
	/*margin-left:-5px;*/
	
	width:100%;
	min-height:22px;
	display:block;
}

.SelectedNode {
	text-decoration:underline;
}

.defaultNode {
	padding-left:13px; 
	display:inline-block;
}

.productGroups {	
	margin: 0 0 0 0; 
	width:200px;   
}

.productGroups TABLE
{
	float:left !important;
}

.prodNode {
border: none;
background-color: transparent !important;
}

a.prodNode {
    margin-left:5px;
    color:#444444 !important;
}

td.prodNode {    
    /*height:25px;        */
    width: 200px;        
}

.prodNode2 {   	
	margin: 0 0 0 0;
}

a.prodNode2 {
    margin-left:1px;
    font-size: x-small;
	/*color:#444444 !important;   */
	color:#0072bc
}
a.prodNode2:hover {
	/*text-decoration:underline;   */
	color:#f57f33 !important;
}

td.prodNode2 {    
    /*background-color: #e9e9e9;	*/
    /*height:20px;   */
	padding-bottom: 5px;  
    width: 200px;
    border: 0;	
    font-size: x-small;
}
.prodNode3 {      
	
}
a.prodNode3 {
    margin-left:15px;
    font-size: x-small;
	display:block;	
    /*color:#444444 !important;   */
	color:#0072bc
}
a.prodNode3:hover {
	/*text-decoration:underline;   */
	color:#f57f33 !important;
}

td.prodNode3 {    
    /*height:20px;   */
	padding-bottom: 5px;    
    /*background-color: #dedfde;*/
    width:200px;
    font-size: x-small;
}
.prodNode4 {   
	
}
a.prodNode4 {
    margin-left:29px;
    font-size: x-small;
	display:block;	
    /*color:#444444 !important;   */
	color:#0072bc
}
a.prodNode4:hover {
	/*text-decoration:underline;   */
	color:#f57f33 !important;
}

td.prodNode4 {    
    /*height:20px;   */
	padding-bottom: 5px;  
    /*background-color: #d3d3d3;*/
    width:200px;
    font-size: x-small;
}
.prodNode5 {   
	
}
a.prodNode5 {
    margin-left:41px;  
	display:block;	
    /*color:#444444 !important;   */
	color:#0072bc
}
a.prodNode5:hover {
	/*text-decoration:underline;   */
	color:#f57f33 !important;
}
td.prodNode5 {    
    /*height:20px;   */
	padding-bottom: 5px;   
    /*background-color: #d3d3d3;*/
    width:200px;
    font-size: x-small;
}

/*----- Webshop -------*/

.WebShop_Container {
	background-image:url('../../_resources/Image/GreyGradientHeader980px.jpg');
	background-repeat:no-repeat;
	padding:10px 20px 20px 20px; /* padding:10px 20px 20px 20px; changed by Joe F 20090414 */
}

/* <div style="margin: 10px; margin-top:20px; width: 98%;"> */

.Checkout_Payments {
	/*border:1px solid gray;	*/
}

.WebShop_DeliveryAdr {
	margin-left:40px !important;
}

.WebShop_EnteredInfo {
	background-color: #EBF8FF; 
	border: 1px solid #9EDDFF; 
	/*width: 250px; */
	min-height: 80px;	
}

.WebShop_MinInfo {
	background-color:#FFE5E5;
	border:1px solid #FF8080;
	padding:5px;
	font-size:12px;
	color:#444444;
	font-family:Verdana, Helvetica Neue, Helvetica, Arial, Sans-Serif;
	width:250px;	
}

.WebShop_SumInfo {
	background-color: #FFF7E5; 
	border: 1px solid #FFE6B3; 
	width: 250px; 
	padding:5px 5px 5px 5px;	
	min-height: 80px;	
}

/*---------MODAL POPUP---------*/

.ModalBackground {
	z-index:1000;
	width:100%;
	height:100%;
	filter: alpha(opacity=50); 
	position: absolute;                
	left: 0; 
	top: 0; 
	background-color: black; 
	-moz-opacity: .50;
	opacity:.50;
}

/*---------ROUNDED CORNERS---------*/

.tl {background-image: url("../../images/Rounded/tl.gif"); height:10px; width:10px;}
.tc {background-color:#c5c5c5;height:10px}
.tr {background-image: url("../../images/Rounded/tr.gif");height:10px; width:10px;}
.ml {background-color:#c5c5c5;}
.mc {background-color:#c5c5c5;}
.mr {background-color:#c5c5c5;}
.bl {background-image: url("../../images/Rounded/bl.gif");height:10px; width:10px;}
.bc {background-color:#c5c5c5;height:10px}
.br {background-image: url("../../images/Rounded/br.gif");height:10px; width:10px;}

.RoundedTable {margin-left:5px;}

/* ---- CUSTOMER SERVICE MENU ---- */

div.customerServiceGroups {
	width: 174px;
}

div.custServiceGroupLevel0 {
	border-top: solid 1px #c4bcb5;
	border-bottom: solid 1px #c4bcb5;
	width: 174px;
	height: 21px;
}

div.custServiceGroupLevel0_noBottomBorder {
	border-top: solid 1px #c4bcb5;
	width: 174px;
	height: 21px;
}

table.custServiceGroupLevel0 {
	width: 100%;
	cursor: pointer;
	cursor: hand;
}

td.custServiceGroupLevel0 {
	padding-left: 6px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #766f69;
}

td.custServiceGroupLevel0 a {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;;
	font-weight: bold;
	font-size: 11px;
	color: #766f69;
	text-decoration: none;
}

td.custServiceGroupLevel0 a:hover {
	text-decoration: underline;
}

td.custServiceGroupArrow {
	width: 20px;
}

/* ---- LEVEL 1 ---- */

div.custServiceGroupLevel1 {
	background-color: #f6f4f3;
	border-bottom: solid 1px #bdb5b1;
	width: 174px;
	height: 19px;
}

div.custServiceGroupLevel1_noBottomBorder {
	background-color: #f6f4f3;
	width: 174px;
	height: 19px;
}

table.custServiceGroupLevel1 {
	width: 100%;
	cursor: pointer;
	cursor: hand;
}

td.custServiceGroupLevel1 {
	padding-top: 2px;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #000000;
}

td.custServiceGroupLevel1 a {
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

td.custServiceGroupLevel1 a:hover {
	text-decoration: underline;
}

td.custServiceGroupPlusMinus1 {
	width: 17px;
	height: 19px;
}

/* ---- LEVEL 2 ---- */

div.custServiceGroupLevel2orHigher {
	background-color: #ebe7e5;
	width: 174px;
}

div.custServiceGroupLevel2orHigher_bottomBorder {
	background-color: #ebe7e5;
	border-bottom: solid 1px #bdb5b1;
	width: 174px;
}

div.custServiceGroupLevel2orHigher_bottomBorderPadding {
	background-color: #ebe7e5;
	border-bottom: solid 1px #bdb5b1;
	width: 174px;
	padding-bottom: 4px;
}

table.custServiceGroupLevel2orHigher {
	width: 100%;
	cursor: pointer;
	cursor: hand;
}

td.custServiceSpacer {
	width: 17px;
	height: 17px;
}

td.custServiceGroupLevel2orHigher {
	padding-top: 1px;
	padding-bottom: 3px;
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-size: 11px;
	color: #000000;
}

td.custServiceGroupLevel2orHigher a {
	font-family: Tahoma, Arial, Verdana, Sans-Serif;
	font-weight: normal;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

td.custServiceGroupLevel2orHigher a:hover {
	text-decoration: underline;
}

td.custServiceGroupPlusMinus2 {
	width: 13px;
	height: 17px;
}

 /* --------------------------- */

/* FÖR ATT SLIPPA FLOAT */
.N  { display:inline-block; margin-left: 0px; }


/*---------------------------------*/


/* ***  ADMIN TOOLBAR  *** */
.R  { display: block; float:right !important; margin-right: 0px; }
.L  { display: block; float:left !important; margin-left: 0px; }
.AdminToolbar   { width: auto; font-size: 11px; height:24px; padding-left:2px; padding-bottom: 0px; padding-top: 0px; background-color: #eeeeee; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#dddddd', gradientType='0'); border-bottom:solid 1px #999999; }

.AdminToolbar .cssBtn           { border: solid 1px #cccccc; border-bottom: 0px; border-top:0px; height: 20px; margin: 0px; padding: 1px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; display: block; float: left; margin-left: 0px; border-left: 0px; }
.AdminToolbar .cssBtn:link	    {color:#000000;}
.AdminToolbar .cssBtn:visited   {color:#000000;}
.AdminToolbar .cssBtn:hover	    {color:#000000;}
.AdminToolbar .cssBtn:active    {color:#000000;}

.AdminToolbar .cssBtn img   {display:inline; position: relative; top:3px;}
.AdminToolbar .cssBtn TD img   {display:inline; position: relative; top:0px;}
.AdminToolbar .on			{color:#000000; background-color: #cccccc !important; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#aaaaaa', endColorStr='#aaaaaa', gradientType='0');}
.AdminToolbar .on:link		{color:#000000; text-decoration:none; filter: none;}
.AdminToolbar .on:visited	{color:#000000; text-decoration:none; filter: none;}
.AdminToolbar .on:hover		{color:#000000; text-decoration:none; filter: none;}
.AdminToolbar .on:active	{color:#000000; text-decoration:none; filter: none;}

.GridView   { width: 100%; display: block; float: left; }

.on			    {color:#000000; background-color: #cccccc !important; filter: none !important;}
.on:link		{color:#000000; text-decoration:none; filter: none !important; }
.on:visited	    {color:#000000; text-decoration:none; filter: none !important;}
.on:hover		{color:#000000; text-decoration:none; filter: none !important;}
.on:active	    {color:#000000; text-decoration:none; filter: none !important;}

A.ucEditMode			{ text-align:left; border: dashed 1px #ffffff; padding:0px; }
A.ucEditMode:link		{ text-decoration:none; color:#000000; background-color:#ffffff; border: dashed 1px #ffffff;}		
A.ucEditMode:visited	{ text-decoration:none; color:#000000; background-color:#eeeeee; border: dashed 1px #cccccc; }	
A.ucEditMode:hover		{ text-decoration:none; color:#000000; background-color:#eeeeee; border: dashed 1px #cccccc; }
A.ucEditMode:active		{ text-decoration:none; color:#000000; background-color:#dddddd; border: dashed 1px #cccccc; }	


/*-----------SIDHEADER-------------*/
.pageHeader 
{ 
    /* background-image: url("../../images/header_bg_gradient.gif"); 
    background-repeat:repeat-x; */
    width: 100%;
}

.headerLogo
{
    margin-left:15px;
    margin-top:15px;
    margin-bottom:15px;
}

.headerText
{
    position: absolute;
    left: 620px;
    top: -10px;    
    visibility: hidden;
}

.wrapper
{
    padding: 2px 2px 2px 2px;
    border: solid 1px black;    
}


 /* --------------------------- */
 
/*SearchButton + SearchBox changed by Joe F 20090328*/

 /* --------------------------- */
 
 .searchBox {
	height: 14px;
	font-size: 12px;
	color: #444444;
	width: 180px;
	border: 1px;
	border-style: solid;
	border-color: #bbbbbb;
}

.searchButton:Hover {
    background-image: url("../../images/menu_bg_selected.gif"); 
	color:white !important;
}


.searchButton:Hover A {
	color:white !important;
}

.searchButton {
    border-color: #bbbbbb;	
	border-style: solid;
	border-width: 1px;
	position: relative; 
    padding-bottom: 1px;
    padding-top: 1px;
    padding-left: 5px; 
    padding-right:5px; 
	top: -1px;  
    color: #ffffff;
	background-image: url("../../images/menu_bg_gradient.gif"); 
    background-repeat:repeat-x;
	
	/*  border: solid 1px #777777;  border: solid 1px #a5acb2
    position: relative; 
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px; 
    padding-right:5px; 
    top: -1px;    
    color: #0072bc;    colour #c2bebe;*/ 
}


/*-----------Menyn -----------*/
.menuBarDiv
{
    width: 100%; 
    /*border-top: solid 1px #aaaaaa;*/
    background-image: url("../../images/menu_bg_gradient.gif"); 
    background-repeat:repeat-x;
}

.topMenu
{
    padding-left:0px; 
    display: block; 
    float: left;
}

.StaticHover
{
    background-image: url("../../images/menu_bg_selected.gif"); 
}

.StaticHover A
{
	color:white !important;
}

.StaticMenu
{
    padding: 0 0 0 0;
    font-size: 11px;
    margin: 0 0 0 0;
}

.StaticMenuItem
{
    font-size: 11px;
    padding: 8px 4px 8px 4px;
    border-right: solid 1px white;    
    color: White;
    font-weight: normal;    
}

.StaticMenuItem:a
{
    
}

.StaticSelected
{    
    background-image: url("../../images/menu_bg_selected.gif"); 
}

/* ---- Trädmenyn ---- */
.tbl_tr .menu       { margin-top:15px; margin-left:0px; min-width:200px; background-color: #ffffff; }	
.tbl_tr_main .menu       { margin-top:5px; margin-left:0px; margin-right:12px; min-width:200px; background-color: transparent; }
.treeNode
{    
    background-repeat:no-repeat;
    background-position: top;    
    width: 200px;
}

td.treeNode
{
    background-image: url("../../images/tree_button_bg.gif"); 
    height:25px;    
    padding-left:10px;
}

.treeNode A
{    
    color: #5f7110;    
    font-weight: bold;    
}


/* ---- Kalendern ----- */
.Calendar_OtherMonth
{
    background-color: Red;
}
.Calendar_Day
{
    background-color: Yellow;
}

/* Ajax pickern */
Table .MyCalendar TD {padding:1px 1px 1px 1px; border-spacing:0px;  z-index:1000; background-color:#ededed; color:black;}

.MyCalendar .ajax__calendar_container {border:1px solid silver;background-color: #ededed;color: white;text-align:center; z-index:1000; border:ridge 2px #ededed;}
.MyCalendar .ajax__calendar_header {background-color: #749600;font-weight:bold; color:white;padding:4px 1px 3px 1px; }
.MyCalendar .ajax__calendar_day  { text-align:center; padding-top:1px;}
.MyCalendar .ajax__calendar_dayname { text-align:center;border-bottom:1px solid gray; padding:2px 0px 2px 0px; font-weight:600;}
.MyCalendar .ajax__calendar_footer{}
.MyCalendar .ajax__calendar_today {padding:3px 1px 2px 1px; color:black;}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day {background-color: gray; color:White;}
.MyCalendar .ajax__calendar_hover .ajax__calendar_today {background-color: gray; color:White;}
.MyCalendar .ajax__calendar_active .ajax__calendar_day {background-color: gainsboro;border:1px solid gray;}



/* Test */
.tbl_td
{
	margin-top:5px;
    min-width:700px;        
}

/* Gradientboxarna */
.gradbox {
 position:relative;
 float: left;
 margin:0px auto;
 min-width:8em;
 width:200px; /* based on image dimensions - not quite consistent with drip styles yet */
 color:#fff;
 z-index:1;
 margin-left:28px; /* default, width of left corner */
 margin-right:28px;
 margin-bottom:0.5em; /* spacing under dialog */
}

.gradbox .content,
.gradbox .t,
.gradbox .b,
.gradbox .b div {
 background:transparent url(../../images/gronruta.png) no-repeat top right;
 _background-image:url(../../images/gronruta.jpg);
}

.gradbox .content {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 padding:0px 12px 0px 0px;
}

.gradbox .t {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:1600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.gradbox .b {
 /* bottom */
 position:relative;
 width:100%;
}

.gradbox .b,
.gradbox .b div {
 height:12px; /* height of bottom cap/shade */
 font-size:1px;
}

.gradbox .b {
 background-position:bottom right;
}

.gradbox .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.gradbox .hd,
.gradbox .bd,
.gradbox .ft {
 position:relative;
}

.gradbox .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.gradbox h1,
.gradbox p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.gradbox h1 {
 padding-bottom:0px;
}

/* ************************* GAMMADATA CSS ************************** */
.gamrezbox, .gamtrc, .gamblc, .gambrc {
position:relative;
background-image:url(/_resources/Image/gronruta.jpg);
}
.gamrezbox {
float:left;
height:auto;
width:auto;
}
.gamrezbox div, .gamrezbox div div {
margin:0px;
padding:0px;
left:0px;
top:0px;
}
.gamrezbox .gamtrc {
float:right;
background-position:top right;
left:1px;
width:12px;
height:12px;
}
.gamrezbox .gamblc {
float:left;
background-position:bottom left;
/*width:12px;
height:12px;*/
}
.gamrezbox .gambrc {
float:right;
background-position:bottom right;
left:1px;
width:12px;
height:12px;
}
.gamrezbox .gamcont{
float:none;
padding: 10px 10px 0px 10px;
}
.gamrezbox .gamcont p {
margin:0px;
color:#FFFFFF;
}

/* *** GRAY TOP GRADIENTS CSS *** */
.gamgrayrezbox, .gamgraytrc {
position:relative;
background-image:url(/_resources/Image/Grey Gradient Header.jpg);
background-repeat:no-repeat;
}
.gamgrayrezbox {
float:left;
height:auto;
width:auto;
}
.gamgrayrezbox .gamgraytrc {
float:right;
background-position:top right;
width:12px;
height:12px;
}
.gamgrayrezbox .gamgraycont{
float:none;
padding: 10px 10px ;
}

/* Use to remove the blue border around linked pictures */
.gampicnoborder {
border:none;
}


@media print
{
 .Page          { border: 0px; width: 560px; }   
 .pageHeader    { display: none; visibility: hidden; height: 0px;}   
 .top           { display: none; visibility: hidden; min-height: 0px !important; height: 0px;}   
 .menuBarDiv    { display: none; visibility: hidden; height: 0px;}   
 .menu          { display: none !important; visibility: hidden; min-width: 0px !important; width: 0px; margin-left: 0px !important; }   
 .tbl_tr_main   { background-image: none; padding-top: 0px;}
 .footer        { display: none; visibility: hidden; height: 0px;}  
 .tbl_tr_main   { display: inline; float: none;}
 .tbl_tr_main DIV { display: inline; float: none;}
}


/* ---=== CSS for custom forms from JotForms ===--- */

.head {
	font-family:Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
	font-size:16px;
	color:#444444;
	font-weight:bolder;
	margin:0px 0px 0px 0px;
}

/* ---=== Small text for table border cells ===--- */
.smalltablecelltext { font-size: 5px;}


/*------------------------------------------------*/
/*CSS Rounded Button add by Joe F 20090330*/

a.button {
    background: transparent url("../../images/bg_button_a.gif") no-repeat scroll top right;
    color:#0072BC;
    display: block;
    float: left;
    font: normal 14px Gill Sans MT,Helvetica Neue,Helvetica,Arial,sans-serif;
    height: 24px;
    margin-right: 2px;
    padding-right: 10px;
    text-decoration: none;
	outline: none;
}

a.button span {
    background: transparent url("../../images/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 10px;
	outline: none;
}

a.button:hover {
    color:#f57f33;
    outline: none; 
}

a.button:hover span {
	outline: none;
    padding: 5px 0 5px 10px; 
} 

a.button:active {
	background: transparent url("../../images/bg_button_a.gif") no-repeat scroll top right;
    background-position: bottom right;
    color:#f57f33
    outlinel; none; 
}

a.button:active span {
	background: transparent url("../../images/bg_button_span.gif") no-repeat;
    display: block;
    background-position: bottom left;
	outline: none;
    padding: 5px 0 5px 10px; 
}


/*------------------------------------------------*/
/*Superscript and Subscript Fix add by Joe F 20090330*/

sup { 
	vertical-align: baseline;
	font-size: 85%;
	position: relative;
	top: -.5em;
}

sub { 
	vertical-align: baseline;
	font-size: 85%;
	position: relative;
	top: +.25em;
}

/*------------------------------------------------*/
/*365px Rounded Corner CSS Box added by Joe F 20090402*/

 .365pxWideCSSbox {
	width: 365px;
	background: url(background.png) bottom;
	padding-bottom: 3px;
}

.365pxWideCSSbox h2 {
	background: url(background.png) top;
	padding: 9px 15px;
	color: #FFF;
	font-size: 0.84em;
}
			
.365pxWideCSSbox p {
	padding: 0 16px;
	font-size: 0.75em;
	color: #222;
}