body
{
	background-image: url(Images/screen_bg_2.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	display: block;
	
}

#wrap_wide 
{
    width:1200px;
    margin:0 auto;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: small;
	color: #2B7ED2;
	background-image: none;
	table-layout: fixed;
	empty-cells: show;
	caption-side: top;
	/*border-spacing: 5px;*/
    padding:-10px;
	display: block;
}

#wrap_extrawide 
{
    width:2000px;
    margin:0 auto;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	font-size: small;
	color: #2B7ED2;
	background-image: none;
	table-layout: fixed;
	empty-cells: show;
	caption-side: top;
	/*border-spacing: 5px;*/
    padding:-10px;
	display: block;
}

#header_wide
{
	overflow: hidden;
	background: url(images/WeatherMationLive-350px.png) no-repeat right -1em;
	float: right;
	width: 1200px;
	height: 140px;
	padding:10px 10px;
	display: block;
}

#header_extrawide
{
	overflow: hidden;
	background: url(images/WeatherMationLive-350px.png) no-repeat right -1em;
	/*float: right;*/
	width: 2000px;
	height: 140px;
	padding:10px 10px;
	display: block;
}

#header2 {
		/*border: 1px solid #0058A8;
	overflow: hidden;
		float:left;
		width:618px;
		height: 5px;
		padding:5px 10px;
		background-color: #0058A8;*/
		/*background-color: #000099;*/
		/*5f5f5f*/
		/*-moz-border-radius: 5px;
		-webkit-border-radius: 5px; border-radius: 5px;*/
}

#header2_wide {
    
		/*border: 1px solid #0058A8;
	overflow: hidden;
		float:left;
		width:618px;
		height: 5px;
		padding:5px 10px;
		background-color: #0058A8;*/
		/*background-color: #000099;*/
		/*5f5f5f*/
		/*-moz-border-radius: 5px;
		-webkit-border-radius: 5px; border-radius: 5px;*/
}

#CustLogo
{
	float:left;
}
/* Menu */
#MenuBar
{
	font: 14px Verdana;
    height: 14px;
}

#MenuBar_extrawide
{
	font: 14px Verdana;
    width: 1200px;
    /*background-color: #0058A8;*/
}

.StaticMenuItem
{
	width: 145px;
    background-color: #0058A8;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	
	
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px; border-radius: 5px;*/
}

.staticHover
{
	width: 145px;
    background-color:#0058A8 ;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px; border-radius: 5px;*/

}

.DynamicMenuItem
{
	width: 145px;
    background-color:#fff ;
    color: #0058A8;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	
}

.DynamicHover
{
	width: 145px;
    background-color:#fff ;
    color: #ff6a00;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	
}


/* Navigation to Weather Station Selection */
#nav{
    margin:0 0 0 0;
    /*margin-left: 400px;*/
    padding:5px 10px;
    list-style:none;
	display: block;
}
#nav_extrawide{
    margin:0 0 0 0;
    padding:5px 10px;
    list-style:none;
	display: block;
}

/* Styles*/
.buttons {
	border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 5px 5px 5px 5px;
    background-image: url(Images/submenu_button_rollover.jpg);
    cursor:pointer;
    /*background-position-y: 465px;
    background-position-x: 5px;*/
    /*float:left;*/
    display: inline-block;
}

.buttons_right {
	border: 1px solid #563d7c;
    border-radius: 5px;
    color: white;
    padding: 5px 5px 5px 5px;
    background-image: url(Images/submenu_button_rollover.jpg);
    cursor:pointer;
    /*background-position-y: 465px;
    background-position-x: 5px;*/
    /*float:left;*/
    display: inline-block;
	float:right;
}
            
.DateTimeRight {
	float:right;
}

#Graph_Right {
	float:right;
}

.float_right_blue {
	float:right;
    color: cornflowerblue;
}

.page_name {
	font-size: x-large; 
	font-weight: bold;
	color: #005DAB;
}

.page_name_column
{
	width: 650px;
}
.heading_lable {
	/*text-decoration: underline;*/
	font-weight: bold;
}

.bottom_logo{            
	width: 160px;
    height: 62px;
}

.bottom_logo_right{            
	width: 160px;
    height: 62px;
	float: right;
}

.reportHeading
{
	font-size: large; 
	font-weight: bold;
	color: #005DAB;
}




#footer {
		overflow: hidden;
		/*background: url(images/weathermation_logo_top_left.png) no-repeat right -2em;*/
		/*background: url(images/environdata_weather_stations_logo.png) no-repeat left;*/
		width:975px;
		height: 125px;
		padding:5px 10px;
		margin:0;
		display: block;
}

#footer_wide
{
	overflow: hidden;
	/*background: url(images/weathermation_logo_top_left.png) no-repeat right -2em;*/
	/*background: url(images/environdata_weather_stations_logo.png) no-repeat left;*/
	width: 1200px;
	height: 130px;
	/*padding: 5px 10px;*/
	margin: 59px 0 0 0;
	display: block;
}

#footer_extrawide
{
	overflow: hidden;
	/*background: url(images/weathermation_logo_top_left.png) no-repeat right -2em;*/
	/*background: url(images/environdata_weather_stations_logo.png) no-repeat left;*/
	width: 2000px;
	height: 130px;
	/*padding: 5px 10px;*/
	margin: 59px 0 0 0;
	display: block;
}

#main_wide 
{
    width:1200px;
	/*display: block;*/
}

#main_extrawide 
{
    width:2000px;
	/*display: block;*/
}


    #nav li {
    display:inline;
    margin:0;
    padding:5px 10px;
	background:#5D7B9D;
    }
	
    

#datetime
{
	float:right;
}
	
#graph {
    float:left;
    width:981px;
    /*background:#9c9;*/
    }

#graph_wide {
    width:1200px;
	/*height: 1145px; - Don't give height, it messes up the layout - let it use defaul height*/
}

#mainscreen{
    width: 1200px;
    margin-left: 400px;
    /*margin-right: 400px;*/
}
#graph_extrawide {
    width:2000px;
	/*height: 1145px; - Don't give height, it messes up the layout - let it use defaul height*/
}

#cr_main_wide
{
	 width:1200px;
}

.cr_main_left {
    float:left;
    width:450px;
    /*background:#9c9;*/
    }

.cr_main_right {
    float:right;
    width:472px;
    /*background:#9c9;*/
    }

.cr_main_left_wide {
    float:left;
    width:575px;
	/*height: 850px; - Don't give height, it messes up the layout - let it use defaul height*/
    /*background:#9c9;*/
    }

.cr_main_right_wide {
    float:right;
    width:575px;
	/*height: 850px; - Don't give height, it messes up the layout - let it use defaul height*/
}

.cr_layout_left_wide {
    float:left;
    width:500px;
	/*height: 850px; - Don't give height, it messes up the layout - let it use defaul height*/
    /*background:#9c9;*/
    }

.cr_layout_right_wide {
    float:right;
    width:500px;
	/*height: 850px; - Don't give height, it messes up the layout - let it use defaul height*/
}

    #sidebar {
    float:right;
    width:360px;
    /*background:#c9c;*/
    }


	#main_memory {
    float:left;
    width:205px;
    /*background:#9c9;*/
    }
    #sidebar_memory {
    float:right;
    width:650px;
    /*background:#c9c;*/
    }

	#left_side {
    float:left;
    width:350px;
	
    /*background:#f00;*/
    }
    #right_side {
    float:right;
    width:850px;
    /*background:#b6ff00;*/
    }

	#right_left_side {
    float:left;
    width:420px;
    /*background:#f00;*/
    }
	#right_right_side {
    float:right;
    width:420px;
    /*background:#f00;*/
    }

#left_side_wide {
    float:left;
    width:auto;
    }

#left_left_side_wide {
    float:left;
    width:auto;
    }

#left_right_side_wide {
    float:right;
    width:auto;
    }

#right_side_wide {
    float:right;
    width:auto;
    }

	#wind1 {
	z-index: 1;
	position: absolute;
		left: 100px;
		top: 100px;
    }

	#wind2 {
	z-index: 2;
	position: absolute;
		left: 100px;
		top: 100px;
    }

.StaticMenuItem_wide
{
	width: 180px;
    background-color: #0058A8;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px; border-radius: 5px;*/
}

.staticHover_wide
{
	width: 180px;
    background-color:#0058A8 ;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px; border-radius: 5px;*/

}

.DynamicMenuItem_wide
{
	width: 180px;
    background-color:#fff ;
    color: #0058A8;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
}

.DynamicHover_wide
{
	width: 180px;
    background-color:#fff ;
    color: #ff6a00;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
}

.StaticMenuItem_extrawide
{
	width: 280px;
    background-color: #0058A8;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px; border-radius: 5px;*/
}

.staticHover_extrawide
{
	width: 280px;
    background-color:#0058A8 ;
    color: #fff;
    text-align: center;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px; border-radius: 5px;*/

}

.DynamicMenuItem_extrawide
{
	width: 280px;
    background-color:#fff ;
    color: #0058A8;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
}

.DynamicHover_extrawide
{
	width: 280px;
    background-color:#fff ;
    color: #ff6a00;
    text-align: left;
    height: 30px;
    line-height: 30px;
    margin-top: 0px;
	padding-right: 4px;
	padding-left: 4px;
	font-weight: bold;
}

	
/*.GridViewContainer
        {         
            overflow: auto;
        }
.FrozenHeader
        {
         background-color:Gray;
            position: relative;
            cursor: default;          
            top: expression(document.getElementById("GridViewContainer").scrollTop-2);
            z-index: 10;
        }
        /*for the locked columns header to stay on top*/
/*.FrozenHeader.locked
        {
            z-index: 99;
        }*/