html,body 
 {
	margin: 0; padding: 0;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #FAFAFA;
	background-color:#000000;
}
 
/**** Start DIVs Header ****/
#divHeader
{
	background-color:#2E2E2E;
	border: 0px dotted gray;
	width:100%;
	min-width:100%;
	height:65px;
	min-height:65px;
	margin:0px;padding:0px;
	color:#FAFAFA;
	
}
#divLogo
{
	padding: 1.5em auto; margin:0.9em;
	border: 0px solid black;
	float:left;
	height:50px;
	margin:8px auto;
	margin-left:5px;
}
#divHelp{

	padding-top: 1em; margin:0.9em;
	border: 0px solid gray;
	float:right;
	height:51px;
	margin:5px auto;
	margin-right:5px;
	width:20px;
}
#divTableHeaderClock{
    float:right;
	margin-right:0em;
	border: 0px solid gray;
	right: 10px;
	margin-right:10px;
}
#divHeaderClockTime
{
    font-size:30px;
    float:right;
	margin-right:0em;
	border: 0px solid gray;
	text-align:center;
	
}
#divHeaderClockDate{
	font-size:14px;
	float:right;
	margin-right:0em;
	border: 0px solid gray;
	text-align:center;
}
#divHeaderWheater
{
	float:right;
	margin-right:0em;
	border: 0px solid gray;
	margin:7px auto;
	
}
#divLogoCustomer
{
	padding: 1.5em auto; margin:0.9em;
	border: 0px solid gray;
	float:right;
	height:51px;
	margin:5px auto;
	margin-right:10px;
}
#divApplHeaderText
{
	padding: 1em auto; margin:1em; 
	border: 0px solid gray;
	float: left;
    align-content: center;
	height:50;
	margin-top:20px;
	color:#FAFAFA;
}

/**** Start DIVs Content ****/
#divPage 
{
 border: 0px solid gray;   
 margin: 6px 0px 0px 0px; 
padding: 0;
 min-height: 100%; _height: 100%; /*  min-height for smart browsers
                                  _height for Internet Explorer ;-)*/
background-color:#000000;
color:#FAFAFA;
}
#divContentOuter {
/*

  width: 1000px;
  margin: 0px auto;
  padding: 5px;*/
  border-style: solid;
    border-color: inherit;
    border-width: 0px;
    position: absolute;
  top: 70px;
    left: 2px;
    right: 2px; /* IE doesn't read this */
  bottom: 20px; /* IE doesn't read this */
    margin: 2px auto;
    overflow: auto;
    z-index:1;  
 /* IE only needs the next lines */
    /*height: expression(document.body.clientheight - 185 + "px");*/
    

}
#divContent {
  border: 0px solid gray;
  /*width: 1012px auto;*/
  margin: 0px auto;
  padding: 5px;
  width: 100% auto;
}
#tableContent
{
    padding: 0px;
    margin-left: auto;
    margin-right:auto;    
}
#divWeatherData 
{
  position:relative;
  float:right;
  top: 70px
}
#divClock{
	float:right;
	margin-right:0em;
	border: 0px solid gray;
	padding: 1em;
	}
#divContentPanelHeader {
    background-color: #2E2E2E;
    border: dotted 0px #E6E2D8;
    width: 499px;
    height: 25px;
    min-height: 25px;
    color: #FAFAFA;
    border-radius: 2px;
}
#divContentPanelHeaderAlarmList{
    background-color:#2E2E2E;
    border:dotted 0px #E6E2D8;
	width:549px;
	height:25px;
	min-height:25px;
}
#divDelayContentPanelHeader {
    background-color: #2E2E2E;
    border: dotted 0px #E6E2D8;
    width: 299px;
    height: 25px;
    min-height: 25px;
    border-radius: 2px;
}
#divDelayContentPanelHeader2 {
    background-color: #2E2E2E;
    border: dotted 0px #E6E2D8;
    width: 299px;
    height: 25px;
    min-height: 25px;
    border-radius: 2px;
}
#divEarlyContentPanelHeader1 {
    background-color: #2E2E2E;
    border: dotted 0px #E6E2D8;
    width: 299px;
    height: 25px;
    min-height: 25px;
    border-radius: 2px;
}
#divCancelledContentPanelHolder {
    background-color: #2E2E2E;
    border: dotted 0px #E6E2D8;
    width: 499px;
    height: 25px;
    min-height: 25px;
    border-radius: 2px;
}
#divContentLeft {
    float: right;
    border: 1px solid gray;
    width: 500px;
    padding: 5px;
    margin-left: 0em;
    margin-right: 0em;
    /*height:450px auto; */
    min-height: 200px;
    border-radius: 5px;
}
#divContentLeftInner {
    overflow: auto;
    max-height: 490px;
}
/*
#divContentLeft3Inner
{
	overflow:auto;
	max-height:380px;
}
*/
#divContentRight1Inner {
    overflow: auto;
    max-height: 490px;
}
/*
#divContentRight4Inner {
    overflow: auto;
    max-height: 380px;
}
*/
#divContentRight1 {
    float: none;
    border: 1px solid gray;
    width: 300px;
    padding: 5px;
    margin-bottom: 0em;
    margin-right: 0em;
    height: 200px auto;
    min-height: 200px;
    border-radius: 5px;
}
#divContentRight2 {
    float: right;
    border: 1px solid gray;
    width: 300px;
    padding: 5px;
    margin-right: 0em;
    height: 200px auto;
    min-height: 200px;
    border-radius: 5px;
}
#divContentLeft3 {
    float: right;
    border: 1px solid gray;
    width: 500px;
    padding: 5px;
    margin-right: 0em;
    margin-left: 0em;
    /*height:200px auto; min-height:200px; */
    min-height: 200px;
    max-height: 450px;
    border-radius: 5px;
}
#divContentRight4 {
    float: none;
    border: 1px solid gray;
    width: 300px;
    padding: 5px;
    margin-bottom: 1em;
    margin-right: 0em;
    height: 200px auto;
    min-height: 200px;
    border-radius: 5px;
}
#divContentDeviationMessage {
    float: right;
    border: 1px solid gray;
    width: 450px;
    padding: 5px;
    margin-right: 0em;
    height: 200px auto;
    min-height: 200px;
    border-radius: 5px;
}
#divContentAlarmList
{
    float:right;
	border: 1px solid gray;
	width: 550px;
	padding: 5px;margin-right:0em;
	height:200px auto; min-height:200px; 
}
#divContentHelp
{
	border: 0px solid gray;
	width: 375px;
	padding: 1em auto;
	margin: 2px auto; 
	
}
/**** Start DIVs Footer & Notifications ****/
#divNotifications 
{
	border: 0px solid gray;
	width:100%;
	text-align:center;
	color: #333;
	background-color: #ffffff;
}
#divFooterImage
{
	border: 0px solid gray;
	width:100%;
	background-color: #FFF79A;
	visibility:hidden;
}
#divFooter
{
	
	height:65px;
	min-height:65px;
	
	border: 0px solid gray;
	margin: -125px 0 0 0; padding: 0 0 10px 0; /* assuming footer of height 100px */
	width:100%;
	background-color: #EDEDF9;
	visibility:hidden;
}

/* styles for text */
h1, h2, h3, h4, h5, h6
{
    color: #000000;
	text-transform:uppercase;  
	margin: 0;  
}
H1 {
	font: bold 1.4em Verdana, Arial, Helvetica, sans-serif;
	height:20px;
	padding: 15px;
	margin-bottom:0px;
	text-align:center;	
}

H2 {
	font: bold 1.3em Verdana, Arial, Helvetica, sans-serif;
	background-color:#ddd;
	height:15px;
	padding: 5px;
	margin-bottom:10px;
}

H3 {
	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif;
	background-color:Blue;
	height:15px;
	padding: 5px;
}

TR.rowBackground0 {
    white-space:nowrap;
    background-color: #ffffff;   
    text-align:left;
}
TR.rowBackground1 {
    white-space:nowrap;
    background-color: #EDEDF9; /*#F8F8FF;   */
    text-align:left;
}
TR.Heading
{
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#FAFAFA;
	height:16px;
	font-weight:bold;
	text-align:left;
	background-color:#fff;
	border-bottom:1px solid black;
	
	}

.ApplHeaderText {
    font: bold 1.8em Verdana, Arial, Helvetica, sans-serif;
    height: 20px;
    text-align: center;
    /*text-transform: lowercase;*/
}

/*Rubrik för sidan*/
.ApplHeaderText:after {
        content: 'RTM3';
    }

.ContentPanelHeader {
    font: 1.3em Verdana; /*, Arial, Helvetica, sans-serif;*/
    height: 25px;
    text-align: left;
    /*background-image: url('../App_Themes/Images/PanelTopStrip.gif');*/
    vertical-align: bottom;
    color: #FAFAFA;
    padding-top: 4px;
    padding-left: 2px;
    background-color: #2E2E2E;
    border-radius: 2px;
}

/*CSS Class for the page text*/
.logo{
	background-image: url(../Images/hogia_logo.png);
	/*background-image: url(../Images/hogia_hjalper_logo_rgb.jpg);*/
	background-repeat:no-repeat;
	background-position:left;
	height:42px; width:152px;
}
.logoCustomer{
	/*background-image: url(../Images/LogoCustomer/VTAB_Logo.png);*/
	background-repeat:no-repeat;
	background-position:right;
	height:35px; width:158px; /*height:51px; width:106px;- vtab*/
}

.Header2{
	background-image: url(../App_Themes/Images/topstrip.gif);
}

.Header{
	background-color:#000000;
}

.ErrorLoadingAjax{ font: Bold 14px Verdana, Arial, Helvetica, sans-serif;color: #800000;}
.page{background-color:#000000;}
.ContentLeft{ background-color:#000000;}	
.ContentRight1{ background-color:#000000;}
.ContentRight2{ background-color:#000000;}
.footer
{
    /*background-image: url(../App_Themes/Images/topstrip.gif);*/
    background-color: #EDEDF9;
}
.notifications
{
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    background-position: center;
    height: 20px;
    color: #800000;
}
.footerImage
{
	/*background-image: url(../Images/arrow.jpg);*/
	background-repeat:no-repeat;
	background-position:center;
	height:53px;
}

.RowCount
{
	font: 9px Verdana, Arial, Helvetica, sans-serif;
	text-align:right;
	/*background-color:#;*/
	border-top:1px solid gray;
	}	
	
.gvHeadingRight
{
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#FAFAFA;
	height:16px;
	font-weight:bold;
	text-align:right;
	background-color:#000000;
	
	}

.gvHeadingLeft
{
	font: bold 1.0em Verdana, Arial, Helvetica, sans-serif;
	color:#FAFAFA;
	height:16px;
	font-weight:bold;
	text-align:left;
	background-color:#000000;
	
	}

.gv
{
	Background-Color:#000000;
	Border-Color:#DEDFDE;
	Border-Style:None;
	Border-Width:0px;
	/*CellPadding="4";*/
	Color:#FAFAFA;
/*	GridLines="None";
	AutoGenerateColumns="False";	*/
}

.gvRowBackground0 {
    white-space:nowrap;
    background-color: #2E2E2E;   
    text-align:right;
}
.gvRowBackground1 {
    white-space:nowrap;
    background-color: #000000;/*#EDEDF9;*/ /*#F8F8FF;   */
    text-align:right;
}

.gvRowBackground0Wrap {
    white-space: normal;
    background-color: #2E2E2E;
    text-align: right;
}
.gvRowBackground1Wrap {
    white-space: normal;
    background-color: #000000; /*#F8F8FF;   */
    text-align: right;
}

tr.gvRowBackground0Wrap td:first-child{
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

tr.gvRowBackground0Wrap td:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

tr.gvRowBackground1Wrap td:first-child {
    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

tr.gvRowBackground1Wrap td:last-child {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

/*Färg för omloppen*/
.gvBlockNumberColumn {
    color: #CCCC00;
    font-color: #CCCC00;
}

.gvFooter {
    font: 9px Verdana, Arial, Helvetica, sans-serif;
    text-align: right;
    background-color: #000000;
    border-top: 1px solid gray;
}