html, body  {padding:0px; margin:0px; font-size: 12px;  }
html, body  {height:100%}
body        {font: 0.75em Verdana, sans-serif; background: #ffffff; text-align: left; color: #333; }
form        { height: 100%; }

.Page           
{
    width: 910px; 
    padding: 2px;  
    margin: 0px auto 0px auto;         
    text-align: left; 
    border: solid 1px lightgrey;        
    display:table;
}

* html .Page    { width: 910px; } /* height: 98%; */


h1 {font: 1.8em Gill Sans MT,Trebuchet MS,Lucida Grande,Verdana,sans-serif; text-align: left;
  margin: 0.5em 0; letter-spacing: 1px;}
h1 a {color: #333;}
h1 a:hover {color: #000;}
h1 em {font-style: normal;}
h2 {font: 12px Verdana, Helvetica, sans-serif; color: #0083c8; font-weight:bold;}
h3 {font: 12px Verdana, Helvetica, sans-serif; color: #333; font-weight:bold;}
h4 {font: bold 1.1em Verdana, Arial, sans-serif; letter-spacing: 1px;}
h5 {font: 2.0em Gill Sans MT,Trebuchet MS,Lucida Grande,Verdana,sans-serif; color: #0083c8; font-weight:bold; font-style: italic; text-align: left; margin: 0.5em 0;}
h5 a {color: #333;}
h5 a:hover {color: #0083c8;}
h6 {font: 10px Verdana, Arial, sans-serif; color: #444444;}

TD	{ font-family: Verdana, Arial, Sans-serif; color: #333333; font-size:12px;}
TD h5	{font: 1.6em Gill Sans MT,Trebuchet MS,Lucida Grande,Verdana,sans-serif; color: #0083c8; font-weight:bold; font-style: italic; text-align: left; margin: 0.5em 0;}
P	{ font-family: Verdana, Arial, Sans-serif; color: #333333; font-size:12px; margin-top: 10px; margin-bottom: 10px; line-height: 1.4}
A   { text-decoration:none; color:#0072BC;}

UL	{ margin: 2px  0px 2px 16px;
	  font-family: Verdana, Arial, Sans-serif; color: #333333; font-size:12px; margin-top: 10px; margin-bottom: 10px; line-height: 1.4
} 
OL	{ margin: 2px  0px 2px 24px;
font-family: Verdana, Arial, Sans-serif; color: #333333; font-size:12px; margin-top: 10px; margin-bottom: 10px;
} 
.greendots_ul	{ margin: 2px  0px 2px 16px;
	  font-family: Verdana, Arial, Sans-serif; color: #333333; font-size:12px; margin-top: 10px; margin-bottom: 10px; list-style-image: url("../../images/punkt.gif");
} 
.frageteckenpunktlista {
list-style-image: url("../../images/fragetecken.gif")
}
.utropsteckenpunktlista {
list-style-image: url("../../images/utropstecken.gif")
}

hr { margin: 0px  0px 0px 0px; color: lightgrey;
background-color: lightgrey;
height: 1px; }

/* KNAPPAR */
INPUT.cssBtn		{ text-align:center; border: solid 1px #666666; font-family:Verdana, Geneva; 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 #666666; font-family:Verdana, Geneva; 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:#000000; background-color:#eeeeee; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#dddddd', gradientType='0'); }		
A.cssBtn:visited	{ text-decoration:none; color:#000000; background-color:#eeeeee; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#eeeeee', endColorStr='#dddddd', gradientType='0'); }	
A.cssBtn:hover		{ text-decoration:none; color:#000000; background-color:#cccccc; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#dddddd', endColorStr='#cccccc', gradientType='0'); }
A.cssBtn:active		{ text-decoration:none; color:#000000; background-color:#dddddd; filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#bbbbbb', endColorStr='#cccccc', gradientType='0');}	

.cssFrm			{ border:solid 1px lightgrey; color:#000000; background-color:#FFFFFF;}
.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;  
}

 .tbl_tr_main 
{ 
    display: block; 
    width: 100%; 
    float: left;  
    /*background-image: url("../../images/main_bg_gradient.jpg"); 
    background-repeat:repeat-x;
    padding-top: 15px;*/
 }
 
      
.tbl_tr DIV { display: block; float: left;}
.tbl_tr .top        { min-height:26px; width:100%; background-color: #fff; }
.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: #fff; }
.tbl_tr_main .right      { min-width:200px; }
.tbl_tr_main .bottom     { width:100%; }

.tbl_tr_footer DIV { min-height:26px;display: block; float: left; background-color:#FFFFFF;}
.tbl_tr_footer .top        { width:100%; background-color: #dddddd; }
.tbl_tr_footer .right      { min-width:200px; }
.tbl_tr_footer .bottom     { width:100%; }


.footer 
{ 
	clear:both;	
	float:none;
	    
    width:910px;    
    padding-top: 15px;
    margin-left:auto;    
    margin-right:auto;    
 } 
 
 .FooterText, .FooterText a, .FooterText p
 {
 	text-align:center;
	font-size:10px !important;	
	color:#9D9A9A  !important;
 }

.Dialog     {z-index:20; text-align: center; width:100%; position: absolute; top:0px; left: 0px; padding-top:80px; height: 100%; }
.DialogBG   {z-index:20; text-align: center; width:100%; position: absolute; top:0px; left: 0px; height: 100%; filter:alpha(Opacity=50); background-color:#999999; }
.DialogBody {z-index:21; 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; }

/* ***** */
.formPanel { width: 350px; }
.formPanel .cssBtn { 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:25px;
    margin-top:25px;
    margin-bottom:25px;
}

.headerText
{
    position: absolute;
    left: 640px;
    top: -10px;    
}

.wrapper
{
    padding: 2px 2px 2px 2px;
    border: solid 1px black;    
}

.searchBox
{
    height: 14px;
    font: 0.75em;
    width: 180px;    
	border:1px solid #D3D3D3;		
}

.searchButton
{
    border: solid 1px #a5acb2;  
    position: relative; 
    padding-bottom: 2px;
    padding-top: 2px;
    padding-left: 5px; 
    padding-right:5px; 
	top:-2px;
	/*IE7 hack*/
	#top:-1px;
    /*color: #c2bebe;        */
    color:#A8A3A3;
    font-size:10px;
}

.Required
{
	color:Red;
	font-weight:bold;
}

/*LOGINKNAPP*/

.LoginContainer
{
	float:right !important;	
}

A.LoginButton
{
/*bredd + padding-left = knappens bredd*/
/*höjd + padding-top = knappens höjd*/
	padding-left: 5px;	
	padding-top:8px;
	height:19px;
	width:60px;
	display:inline-block;
	color:White;	
	font-size:12px;
	font-weight:bold;
	background-image: url('../../images/loginknapp_out_notext.jpg');	
}

A.LoginButton:Hover
{
	background-image: url('../../images/loginknapp_over_notext.jpg');	
}


/*----------------------------*/

.BreadCrumAndPrintContainer
{
	/*background-color:#e6e9e7;*/
	background-image: url("../../images/main_bg_gradient.jpg"); 
        background-repeat:repeat-x;
        height:30px;
	width:100%;
	float:left;
}

.Printer
{
	position:relative;
	top:5px;
	left:-5px;
	float:right;
}


.BreadCrumContainer
{
	position:relative;
	top:-25px;
	float:none !important;
}

.BreadCrums
{
	clear:both;
	font:arial 8px;	
}

a.BreadCrums
{
	color:Gray !important;
}

/*-------CountrySelection-----*/

.CountryContainer
{
	position: absolute; 
	top: 65px; 
	text-align:right; 
	vertical-align:middle; 
	left: 420px; 
	width:200px; 
	color:#c2bebe;
	font-weight:bold;
	border-right:1px solid #c2bebe;
	padding-right:10px;
}

.CountryHeader
{
	color:#A8A3A3 !important;
    font-size:12px;
}

.CountryList
{
	position:relative;
	top:1px;	
	font-size:10px;
	height:18px;
	
}

/*----------Treemenu----------*/

.SelectedRoot
{	
	background-image: url("../../images/bg-green.png");	
	background-repeat:no-repeat;
	background-position: left top;
	font-size: 13px;
	cursor: pointer;	
	color:#fff;	
	padding-top: 3px;
	padding-left: 10px;
	font-weight:normal !important;
}

.defaultRoot
{	
	background-image: url("../../images/bg-grey.png");	
	background-repeat:no-repeat;
	background-position: left top;
	font-size: 13px;
	cursor: pointer;	
	color:#fff;	
	padding-top: 3px;
	padding-left: 10px;
}

.defaultRoot:hover
{			
	background-image: url("../../images/bg-green.png");	
	background-repeat:no-repeat;
	background-position: left top;
	font-size: 13px;
	cursor: pointer;	
	color:#fff;	
	padding-top: 3px;
	padding-left: 10px;
}

.SelectedNode
{
	font-weight:bold;
	color:#6e9100 !important;
}

.HoverNode
{
	/*font-weight:bold;
	color:Green !important;*/
	font-weight:bold !important;
	text-decoration:none !important;
}

.productGroups 	
{	
    margin: 0 0 0 0;
    width:200px;    
}

.prodNode
{
border: none;
background-color: transparent !important;
}

a.prodNode
{
    margin-left:5px;
    color:#444444 !important;
}

td.prodNode
{    
    /*height:25px;        */
    width: 215px;        
}

.prodNode2
{   	
	margin: 0 0 0 0;
}

a.prodNode2
{
    margin-left:14px;
    font-size: x-small;
	display:block;	
    color:#444444;
}
a.prodNode2:hover
{
	font-weight:bold !important;
	color:#6e9100 !important;
}

td.prodNode2
{    
    /*background-color: #e9e9e9;	*/
    height:20px;        
    width: 215px;
    border: 0;	
    font-size: x-small;
}
.prodNode3
{      
	
}
a.prodNode3
{
    margin-left:28px;
    font-size: x-small;
	display:block;	
    color:#444444;
}
a.prodNode3:hover
{
	font-weight:bold !important;
	color:#6e9100 !important;
}

td.prodNode3
{    
    height:20px;    
    /*background-color: #dedfde;*/
    width:215px;
    font-size: x-small;
}
.prodNode4
{   
	
}
a.prodNode4
{
    margin-left:42px;
    font-size: x-small;
	display:block;	
    color:#444444;
}
a.prodNode4:hover
{
	font-weight:bold !important;
	color:#6e9100 !important;
}

td.prodNode4
{    
    height:20px;    
    /*background-color: #d3d3d3;*/
    width:215px;
    font-size: x-small;
}
.prodNode5
{   
	
}
a.prodNode5
{
    margin-left:56px;  
	display:block;	
    color:#444444;
}
a.prodNode5:hover
{
	font-weight:bold !important;
	color:#6e9100 !important;
}
td.prodNode5
{    
    height:20px;    
    /*background-color: #d3d3d3;*/
    width:215px;
    font-size: x-small;
}

/*-----------Menyn -----------*/
.menuBarDiv
{
    width: 100%;     
    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"); 
}

.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 #fff;    
    color: White;
    /*font-weight: bold;    */
}

.StaticMenuItem:a
{
    
}

.StaticSelected
{    
    background-image: url("../../images/menu_bg_selected.gif"); 
}

.langText
{
    font-size: 11px;    
    color: White;
    font-weight: bold;  
    display: inline;
	position:relative;
	top:-9px;
	margin-right:5px;
}
.langFlag
{
    display: inline;
	position:relative;
	top:-4px;
	margin-left:5px;  
  
}

/* ---- Trädmenyn ---- */
.tbl_tr .menu       { margin-top:25px; margin-left:15px; min-width:215px; background-color: #ffffff; }
.tbl_tr_main .menu       { /*margin-left:15px;*/ min-width:215px; background-color: transparent; }
.treeNode
{    
    background-repeat:no-repeat;
    background-position: top;    
    width: 210px;
}

td.treeNode
{
    background-image: url("../../images/tree_button_bg.gif"); 
    height:25px;    
    padding-left:10px;
}

.treeNode A
{    
    color: #0083c8;    
    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
{
    background-image: url("../images/main_bg.gif"); 
    background-repeat: repeat-x;
}

@media print
{
body { color: #000000; background-color: #ffffff; }
 .Page          { border: 0px; width: 100%; margin:0; display: inline;}
 .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; width: 100%;}
 .footer        { display: none; visibility: hidden; height: 0px;}
 .tbl_tr_main   { display: inline; float: none; width: 100%;}
 .tbl_tr_main DIV { display: inline; float: none; width: 100%;}
a:link { color: #0000cc; text-decoration: underline; } 
a:visited { color: #0000cc; text-decoration: underline; }
}

/* ************************* GAMMADATA CSS ************************** */
/* *Camillas boxar * */
.gamcimg { 
border: 0px; 
padding: 2px; 
margin-top: 0px; 
margin-right: 10px;
margin-bottom: -2px; 
margin-left: 0px;  
background-color:#fff;
}
.buttonbox { 
border: 0px; 
padding: 0px; 
margin-top: 12px; 
margin-right: 12px;
margin-bottom: 12px; 
margin-left: 0px;  
background-color:#fff;
}
.columnboxleft { 
border-left: 1px solid lightgrey;
}
.columnboxtop { 
border-top: 1px solid lightgrey;
}
.columnboxright { 
border-right: 1px solid lightgrey;
}
.graruta250px {
margin-top: 0px; 
margin-right: 10px;
margin-bottom: 0px; 
margin-left: 10px; 
background-image:url(/_resources/Image/graruta250px.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.graruta270px {
margin-top: 0px; 
margin-right: 10px;
margin-bottom: 0px; 
margin-left: 10px; 
background-image:url(/_resources/Image/graruta270px.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.graruta600px {
margin-top: 0px; 
margin-right: 10px;
margin-bottom: 0px; 
margin-left: 10px; 
background-image:url(/_resources/Image/graruta600px.jpg);
background-repeat: no-repeat;
background-position: top center;
}
.footerwave {
width: 890px;
height: 298px;
margin-top: 0px; 
margin-right: 0px;
margin-bottom: 0px; 
margin-left: 0px; 
background-image:url(/_resources/Image/vag.jpg);
background-repeat: no-repeat;
background-position: bottom center;
}
.footerbox {
width: 870px;
margin-top: 0px; 
margin-right: 0px;
margin-bottom: 0px; 
margin-left: 0px; 
background-image:url(/_resources/Image/footergradient.jpg);
background-repeat: repeat-x;
}
