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: 890px; 
    padding: 2px;  
    margin: 0px auto 0px auto;         
    text-align: left; 
    border: solid 1px lightgrey;        
    
      } /* min-height: 99%;   */
* html .Page    { width: 890px; } /* height: 98%; */


h1 {font: 1.8em Verdana, Arial, sans-serif; margin: 0.5em 0; padding-bottom: 0.5em; border-bottom: 1px dashed #E3E3E2; 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: #000; font-weight:bold;}

h3 {font: 0.85em Verdana, Arial, sans-serif; letter-spacing: 2px;
  text-transform: uppercase;color: #666}
h4 {font: bold 1.1em Verdana, Arial, sans-serif; letter-spacing: 1px;}

TD	{ font-family: Verdana, Arial, Sans-serif; color: #636363; color: #444444; font-size:12px;}
P	{ font-family: Verdana, Arial, Sans-serif; color: #636363; color: #444444; font-size:12px;}
A   { text-decoration:underline; color:#00c;}

UL	{ margin: 2px  0px 2px 16px;
	  font-family: Verdana, Arial, Sans-serif; color: #636363; color: #444444; font-size:12px;
} 
OL	{ margin: 2px  0px 2px 24px;
font-family: Verdana, Arial, Sans-serif; color: #636363; color: #444444; font-size:12px;
} 


/* 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 #666666; 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;  
}

 .tbl_tr_main 
{ 
    display: block; 
    width: 100%; 
    float: left;  
    background-image: url("../../images/main_bg_gradient.jpg"); 
    background-repeat:repeat-x;
    padding-top: 25px;
 }
 
      
.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%; }

.tbl_tr_footer DIV { min-height:26px;display: block; float: left; background-color: Blue;}
.tbl_tr_footer .top        { width:100%; background-color: #dddddd; }
.tbl_tr_footer .right      { min-width:200px; }
.tbl_tr_footer .bottom     { width:100%; }

 .footer 
{ 
    display: block; 
    width: 100%;     
    float: left;  
    background-image: url("../../images/footer.jpg"); 
    background-repeat:no-repeat;
    background-position: center;
    padding-top: 35px;
 }

.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; }


/* ***  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; 
	text-decoration:none;
    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;
}

/*----------------------------*/

.BreadCrumAndPrintContainer
{
	background-color:#e6e9e7;
	width:100%;
	float:left;
}

.Printer
{
	float:right;
}

.BreadCrumContainer
{
	float:left;
/*	display:none;	*/
}

.BreadCrums
{
	clear:both;
	font:arial 8px;	
}

a.BreadCrums
{
	color:Gray !important;
}

/*-----------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
{
	display:none;
	 /*display: inline-block;*/   
    font-size: 11px;    
    color: White;
    font-weight: bold;  
    padding-bottom: 9px;    
    padding-right:8px;
    padding-left:3px;
}
.langFlag
{
    display:none;
	/*display: inline-block;  */   
    padding-bottom: 5px;    
    padding-left:3px;
}

/* ---- Trädmenyn ---- */
.tbl_tr .menu       { margin-top:25px; margin-left:15px; min-width:200px; background-color: #ffffff; }
.tbl_tr_main .menu       { margin-left:15px; min-width:200px; background-color: transparent; }
.treeNode
{    
    background-repeat:no-repeat;
    background-position: top;    
    width: 195px;
}

td.treeNode
{
    background-image: url("../../images/tree_button_bg.gif"); 
    height:25px;    
    padding-left:10px;
}

.treeNode A
{    
    color: #e67400;    
    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
{
 .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;}
}

/* ************************* GAMMADATA CSS ************************** */
/* *Camillas boxar * */
.gamcimg { 
border: 0px; 
padding: 2px; 
margin-top: 0px; 
margin-right: 3px;
margin-bottom: -2px; 
margin-left: 0px;  
background-color:#fff;
}
.columnboxleft { 
border-left: 1px dashed #E3E3E2;
}
.columnboxright { 
border-right: 1px dashed #E3E3E2;
}
.graruta250px {
margin-top: 0px; 
margin-right: 10px;
margin-bottom: 0px; 
margin-left: 10px; 
background-image:url(/_resources/Image/graruta250px.png);
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.png);
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.png);
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;
}



@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;}
}