body {    
	font-family: Arial;
	font-size: 8pt;
	margin-top: 0px;
	
	/*****************  Bakgrundsbild för hela sidan */
	 
	background-image: url('../Images/bgStorx.png');   
	background-position:  top right; 
	background-size:cover; 
	
	
	/*****************  Bakgrundfärg enfärgad för hela sidan */
	/*	background-color: #CCCC99; */


	/*****************  Bakgrundfärg gradient för hela sidan alla fyra rader är nödvändiga för att stödja alla vanliga browser */
	/*
    background: -webkit-linear-gradient(0deg,#73A534,#EEF8FA); 
    background: -o-linear-gradient(0deg,#73A534,#EEF8FA); 
    background: -moz-linear-gradient(0deg,#73A534,#EEF8FA); 
    background: linear-gradient(0deg,#73A534,#EEF8FA); 
	*/


}

/*****************************************************
	Huvud Webformulär-sida
******************************************************/
.mainTableHeaderPVEForm {
	/* höjden på header */
	height: 170px;
	background-color: #EEF8FA;
	background-image: url('../Images/bgStorx.png');
	/*  contain = bildstorlek skalas efter höjden;  cover = bild sträcks ut över hela ytan  */
	background-size: cover;
	background-position: top left;
	background-repeat: no-repeat;
}

.HideMainTableHeaderPVEForm {
	height: 0px;
}

/*****************************************************
	Huvud
******************************************************/
.mainTableHeader {
	height: 170px;
	background-color: #EEF8FA;
	/* För att visa en bakgrundsbild i tabellhuvudet bilden skall vara 950 pixel bred och 174 pixel hög 
		eller så nära som möjligt är den smalare bör width för .maintable sättas till samma bredd som bilden
	*/
	background-image: url('../Images/BGLoggaText.png');	
	/*  contain = bildstorlek skalas efter höjden;  cover = bild sträcks ut över hela ytan  */
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
}
.mainTable
{		
	margin-left:auto; 
    margin-right:auto;    			
	width: 950px;
}

table { 
    border-spacing: 0px;	    
}
td
{
    padding: 0px;
}


/*****************************************************
	Menyknappar
******************************************************/
.mainTableMenu
{
	/* bakgrundsfärg bakom "menyknappar"  */
	
	background-color: #009FE3;
	height: 35px;
	/*background-color: #26598B;*/
}

.TabButtons
{
	background-color: #009FE3;
	/*background-color: #26598B;*/
	cursor: pointer;
	border: none;
	color: white;			
	height: 33px;
}

.TabButtons:hover 
{
	color: yellow;
}

.TabButtonActive
{
	border: none;
	background-color: yellowgreen;	
	height: 33px;
}

/*****************************************************
	DataGrid
******************************************************/
/*	Bakgrund bakom Grid */
 .mainTableContent 
 { 
	
	 background-color: white;
 }

/*	Grid */

#pnGrid
{
	
	margin-left: 20px;
	margin-top: 20px;
}

#GridViewData
{	
    font-family: Arial;    
	border-collapse: separate;	
	border-spacing: 20px;
	    	
}

#GridViewData td  { padding: 5px 2px 2px 14px; } 
#GridViewData th  { padding: 8px 2px 2px 13px; }

.gridHeaderStyle {
	background-color: #73A534;
	border-collapse: separate;
	text-align: left;
	color: white;
	
}

#GridViewData th a:link    { color: white; padding: 5px 2px 2px 2px;}
#GridViewData th a:visited { color: white; padding: 5px 2px 2px 2px;}
#GridViewData th a:hover   { color: yellow; font-weight: bold; font-style: italic;	padding: 5px 2px 2px 2px;}


.gridHeaderSortAscStyle {
	background-image: url('../Images/ArrowheadUp.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.gridHeaderSortDescStyle {	
	background-image: url('../Images/ArrowheadDown.png');
	background-position: bottom left;
	background-repeat: no-repeat;
}

.gridRowStyle {
	background-color: #E3EAEB;
	border-collapse: separate;
	height: 18px;
}

.gridRowAlterStyle {
	background-color: white;
	border-collapse: separate;
	height: 18px;
}
/*










*/

.logInPanels
{	
	position: relative;
	left: 380px;
	/*
	left: 440px;
	color: white;
	top: 50px; 
	*/
}

.loginButtons
{
	font-size: 8pt;
	color: white;	
	background-color: #F39200;
	color: white;
}

 .mainDiv
{
	
    margin-left: auto;
    margin-right: auto;
    width: 100%;    

}


/*
.divLogga
{
	background-repeat: no-repeat;
	background-image: url('../Images/Logga.png');
	background-position:  top left;	
	width: 100%;
	height: 100%;
}
*/

 /*****************************************************
	Vänster bakgrund
******************************************************/
/*
 .leftBgPanel
{
	position: fixed;
	background-image: url('../Images/bg2.png');
	background-position:  top right; 
	background-size:cover;
	z-index: -1;
	height: 100%;
	width: 300px;
	top: 0px;
	left: 0px;
}
 */

/*****************************************************
	Höger bakgrund
******************************************************/
/*
.rightBgPanel
{	
	position:  fixed;	
	background-image: url('../Images/bg2.png');
	background-position:  top right; 
	background-size:cover;
	z-index: -1;
	height: 100%;
	width: 400px;
	top: 0px;
	right: 0px;
}
*/
.example_gradient
{
	background: -webkit-linear-gradient(red, blue); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(red, blue); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(red, blue); /* For Firefox 3.6 to 15 */
	background: linear-gradient(red, blue); /* Standard syntax */
}