body { background-image:url("../../images/bgs.gif"); background-repeat:no-repeat; background-color: #ffffff; font-family:Verdana, Arial; font-size:10px; margin: 4px 4px 4px 4px; margin-top:0px; }
A:link		{ text-decoration:none; color:#000000; }		
A:visited		{ text-decoration:none; color:#000000; }	
A:active		{ text-decoration:none; color:#000000; }	
A:hover		{ text-decoration:none; color:#000000; }
TD {font-size:10px; font-family:Verdana, Arial;}
DIV {font-size:10px; font-family:Verdana, Arial;}
LEGEND { color:#7b99be}

.topMnu	{ margin:4px; margin-left:15px;}
.rt{margin: 0 2px; height: 1px; overflow: hidden; background: #ced7ef; border-left: 1px solid #ced7ef; border-right: 1px solid #7b99be;}
.r{margin: 0 1px; height: 1px; overflow: hidden; background: #c1cded; border-left: 1px solid #ced7ef; border-right: 1px solid #7b99be;}
.rb{margin: 0 2px; height: 1px; overflow: hidden; background: #c1cded; border-left: 1px solid #7b99be; border-right: 1px solid #7b99be;}

.csscphTopMnu { background-color:#c1cded; padding:2px; border-left: 1px solid #ced7ef; border-right: 1px solid #7b99be;}


.mnuLink 	{ text-decoration:none; color:#ffffff; margin: 0px 20px 0px 12px; }		
.mnuLink:link		{ text-decoration:none; color:#ffffff;}		
.mnuLink:visited		{ text-decoration:none; color:#ffffff;}	
.mnuLink:active		{ text-decoration:underline; color:#ffffff;}	
.mnuLink:hover		{ text-decoration: underline; color:#ffffff;}


.page		{ margin:10px; width:750px; }
.page.r1	{ margin: 0px 3px 0px 3px; height: 1px; overflow: hidden; background: #9ba8b9; border-left: 1px solid #9ba8b9; border-right: 1px solid #9ba8b9;}
.page.r2	{ margin: 0px 1px 0px 1px; height: 1px; overflow: hidden; background: #ffffff; border-left: 3px solid #9ba8b9; border-right: 3px solid #9ba8b9;}
.page.r3	{ margin: 0px 1px 0px 1px; height: 1px; overflow: hidden; background: #ffffff; border-left: 1px solid #9ba8b9; border-right: 1px solid #9ba8b9;}
.page.r4	{ margin: 0px 0px 0px 0px; height: 1px; overflow: hidden; background: #ffffff; border-left: 2px solid #9ba8b9; border-right: 2px solid #9ba8b9;}
.page.body	{ text-align:left; background-color:White; padding:15px; border-left: solid 1px #9ba8b9; border-right: solid 1px #9ba8b9; }

H1			{ font-size: 20px; font-family: Arial, Verdana; color:#5177a9; margin-top:0px; margin-bottom:0px; } 
.H1_line	{ height:1px; color:#5177a9; }
H3			{ font-size: 14px; font-family: Arial, Verdana; color:#5177a9; margin-top:0px; margin-bottom:0px; } 
H5			{ font-size: 12px; font-family: Arial, Verdana; color:#5177a9; margin-top:0px; margin-bottom:0px; } 
H6			{ font-size: 10px; font-family: Verdana; color:#5177a9; margin-top:0px; margin-bottom:4px;  } 
Legend			{ font-size: 12px; font-family: Arial, Verdana; color:#5177a9; margin-top:0px; margin-bottom:0px; font-weight:bold; } 


/* ***  MNU  ¤¤¤ */
.mnuBottom	{ background-image: url(../../images/bg_mnu.gif); background-repeat:repeat-x; height:120px; }

/* ¤¤¤  GRIDVIEW  ¤¤¤  */
 .GridView			    { POSITION: relative; width:100%; border:0px solid #666666;}
	/* HeaderStyle */
	.GridView th	{ text-align:left; padding-left: 0px; padding-right: 6px; border-top: solid 0px #999999; border-bottom: solid 1px #B6BDC3; border-right: solid 0px #B6BDC3; border-left: solid 0px #B6BDC3; padding-top: 2px; cursor: default; color: #003366; background-color: #ffffff; text-decoration: none; font-size:10px; }
	.GridView th A	{ font-weight:bold; font-size:10px;  border:solid 1px #FFFFFF; background-color:#FFFFFF;} 
	/* RowStyle */
	.GridView.RowStyle	td		{height:20px; border-width: 0px; border-style: solid; text-decoration: none; border-bottom: solid 1px #eeeeee; }
 
 
 	/*PHM added */
	.GridView TR.tblRow TD {padding:  3px 3px 1px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-bottom: 1px solid #E5E5E5;  }
	.GridView TR.tblRowAlt TD { padding: 3px 3px 1px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-bottom: 1px solid #E5E5E5; }
	.GridView TR.tblRowOver TD {padding: 3px 3px 1px 5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-bottom: 1px solid #E5E5E5; background-color:#f1f2f3;  }
	.GridView TR.tblRowDown TD {padding: 3px 3px 1px  5px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-bottom: 1px solid #E5E5E5; background-color:#f1f2f3; }
	/* SLUT PHM added */

 
    /* PagerStyle  */ 
	.GridView.PagerStyle td 		{ height:20px; vertical-align:bottom;}
	.GridView.PagerStyle td span		{ text-decoration:normal; font-weight:bold; font-size:10px; }
	.GridView.PagerStyle td A			{ font-weight:normal; font-size:11px;  border:solid 1px #FFFFFF; background-color:#FFFFFF;}
	.GridView.PagerStyle td A:visited	{ text-decoration:normal; }
	.GridView.PagerStyle td A:hover		{ border:solid 1px #999999; background-color:#cccccc; }
	.GridView.PagerStyle td A:active	{ font-weight:normal; }
    .pagerstyle_header {font-size:10px;}

/* ¤¤¤  GRIDVIEW  ¤¤¤  */
 .Table			    { POSITION: relative; width:100%; border:0px solid #666666;}
	.Table th		{height:20px; border-width: 0px; border-style: solid; text-decoration: none; border-bottom: solid 1px #eeeeee; font-size:10px; }
	.Table th a		{height:20px; border-width: 0px; border-style: solid; text-decoration: none; border-bottom: solid 1px #eeeeee; font-size:10px; }
 
	/* RowStyle */
	.Table td		{height:20px; border-width: 0px; border-style: solid; text-decoration: none; border-bottom: solid 1px #eeeeee; font-size:10px; }
 
 


/* CHART */
.tdCol DIV {background-color:#003366; border:solid #999999 1px; width:20px; border:0px; padding: 0px; font-size:1px;}
.tdCol {padding-left:10px; padding-right:10px; text-align:center; border-bottom:solid 0px #aaaaaa; background-image: url(../../images/chart_bg.gif);}
.tdCol2 {padding-left:10px; padding-right:10px; text-align:center; background-image: url(../../images/chart_bg_b.gif);}
.tdCol2 DIV {background-color:#993366; background-color:#003366; border:solid #999999 1px; width:20px; border:0px; padding: 0px; font-size:1px;}

.rightCol {background-color:#ff3399; height:20px;}

.tblWeek .Chart_TopScale         {width:30px; border-right:solid 1px #aaaaaa; background-image: url(../../images/chart_bg2.gif); text-align:left;}
.tblWeek .Chart_TopScale Table   {top:7px; position:relative; background-color:White; width:24px; text-align:right;}
.tblWeek .Chart_BottomScale      {width:30px; border-right:solid 1px #aaaaaa; background-image: url(../../images/chart_bg2_b.gif); text-align:left;}
.tblWeek .Chart_BottomScale Table   {top:7px; position:relative; background-color:White; width:24px; text-align:right;}


.tblMonth .Chart_TopScale         {width:10px; border-right:solid 1px #aaaaaa; background-image: url(../../images/chart_bg2.gif); text-align:left;}
.tblMonth .Chart_TopScale Table   {top:7px; position:relative; background-color:White; width:12px; text-align:right; border:dashed 1px #003366;}
.tblMonth .Chart_BottomScale      {width:10px; border-right:solid 1px #aaaaaa; background-image: url(../../images/chart_bg2_b.gif); text-align:left;}
.tblMonth .Chart_BottomScale Table   {top:7px; position:relative; background-color:White; width:12px; text-align:right;}

.tblMonth .tdCol DIV {background-color:#003366; border:solid #999999 1px; width:18px; border:0px; padding: 0px; font-size:1px;}
.tblMonth .tdCol {padding-left:2px; padding-right:2px; text-align:center; border-bottom:solid 0px #aaaaaa; background-image: url(../../images/chart_bg.gif);}
.tblMonth .tdCol2 {padding-left:2px; padding-right:2px; text-align:center; background-image: url(../../images/chart_bg_b.gif);}
.tblMonth .tdCol2 DIV {background-color:#993366; background-color:#003366; border:solid #999999 1px; width:18px; border:0px; padding: 0px; font-size:1px;}


/*FORMS */
/*Textboxar*/
.cssTxtSmall{FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 10px; width:70px; border: 1px solid gray; 	}	
.cssTxtSmallActive{FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 10px; width:70px; border: 1px solid #000000; 	}	
.cssTxtMedium{FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 10px; width:140px; border: 1px solid gray; 	}	
.cssTxtLarge{FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 10px; width:190px; border: 1px solid gray; 	}	
.cssTxtXLarge{FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 10px; width:220px; border: 1px solid gray; 	}	
.cssFrm{FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 10px; border: 1px solid gray; 	}

/*Dropdown*/
.cssDDlSmall {FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 10px; width:70px; border: 1px solid gray; 	}	
.cssDDlMedium {FONT-FAMILY: Verdana, Helvetica, sans-serif; FONT-SIZE: 10px; width:140px; border: 1px solid gray; 	}	


/*knappar*/
.cssButton {FONT-FAMILY: Verdana, Helvetica, sans-serif; padding-right:3px; FONT-SIZE: 10px; }

.btnAddNew {border:1px solid #ededed; padding:2px 6px 6px 6px;}
.btnAddNew:hover {border:1px solid silver; background-color:#f5f5f5; padding:2px 6px 6px 6px;}

/*Ikoner */
.icon {margin-right:6px; vertical-align:middle;}

/*DATUM VILLKOR*/
/*Tabell för datum */
Table.cssTblDate { margin-bottom: 8px; border-left:1px solid #B6BDC3; border-right:1px solid #B6BDC3; border-bottom:1px solid #B6BDC3; border-top:1px solid #B6BDC3; background-color:#e1eef4;  } 
Table.cssTblDate  TD{}

/*.calender {margin-left: 7px;} */


.frame_left { width:260px; height: 300px; float:left; padding-left:8px; padding-top:8px;  }
.frame_center { width:260px; height: 300px; float:left; padding-left:8px; padding-top:8px; } 
.frame_right { width:260px; height: 300px; clear:right; padding-left:8px; padding-top:8px; }




/* */
.SubHeader
{ FONT-FAMILY: Verdana, Helvetica, sans-serif; padding-right:3px; FONT-SIZE: 14px; }


/*WIZARD */
div.WizardContainer {border:1px solid silver;}
span.WizardHeader {font-weight:bold; font-size:11px;}
div.ActiveWatchGroup { border-top:1px solid silver; padding:20px 20px 20px 20px; font-weight:bold; font-size:12px;}
.WizardSeptContent {padding:0px 20px 20px 20px;}

.wizardStep {display:inline;}
 #stapstrib { float:left; line-height:normal; margin: 0px; padding: 0px; margin-bottom: -1px; background-color:#ededed; border-top:1px solid silver; border-bottom:1px solid silver;  width:100%;}
#stapstrib ul { margin: 0px; padding: 0px; list-style:none; }
#stapstrib li { float:left; width:200px;border-right:1px solid silver; text-align:center;}
#stapstrib li:hover { float:left; width:200px;border-right:1px solid silver; text-align:center; }
#stapstrib a, #stapstrib div { text-decoration:none; display:block; padding:5px 15px 4px; color: #333; }
#stapstrib #current a, #stapstrib #current div { text-decoration:none; display:block; padding:5px 15px 4px ; color: #333; font-weight:bold; }
#tabstrib #firstcurrent a { font-weight:bold; }
#stapstrib #firstcurrent a, #stapstrib #firstcurrent div { text-decoration:none; display:block; padding:5px 15px 4px; color: #333; font-weight:bold; }
#stapstrib #first div { text-decoration:none; display:block; background:none; padding:5px 15px 4px; color: #333; }