TEXTAREA, INPUT, TD, FONT, SELECT, TEXTAREA { font-size: 11px; font-family: verdana, arial, helvetica; }
form { margin-top: 0px; margin-bottom: 0px; }

body {
	background-color: #ffffff;
    margin-left: 0px;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 0px;
	font-family:verdana, arial, helvetica, _sans_serif;
	font-size:8pt;
	line-height: 9pt;
}

input.input_error, textarea.input_error {
    background-color: white;
    background-image:  url(/images/mos-bg2.png);
    background-repeat: repeat-x;
    filter:progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#e9edf1', endcolorstr='#ffffff');
    border:1px solid red;
    color: #333333;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
    font-weight: normal;
}

.navbar {
    background-color: #E9EDF1;
    color: #2B455B;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
	background-image:  url(/images/mos-bg2.png);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E9EDF1', EndColorStr='#ffffff');
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #000000;
    xborder-left-style: solid;
    xborder-left-width: 1px;
    xborder-left-color: #000000;
    xborder-right-style: solid;
    xborder-right-width: 1px;
    xborder-right-color: #000000;
}

.navbar a {
}

#main_left{
margin-top:-30px;
}
#navright{
margin-top:-10px;
}
.box h1 {
	background-color:#002A3A;
	border-radius: 10px 10px 0px 0px;
}

/** sit the tab controls down onto the tabs **/
table#cccccccc{
border:0;
border-collapse:collapse;
}
table#cccccccc tr{
border-bottom:0;
padding-bottom:0;
}
table#cccccccc td{
border-bottom:0;
padding-bottom:0;
}
table#top.head-table td{
border-bottom:1px solid #ccc;
}
.taboff {
border-bottom:0;
padding-bottom:0;
background-color: #688197;
background-image: url("/images/headersplit.png");
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=false); 
color: white;
font: bold 1.2em/1 calibri,verdana,arial,helvetica,sans-serif;
padding: 0.3em 10px;
height:20px;
border-right:1px solid #ccc;
}
.tabon {
border-bottom:0;
padding-bottom:0;
background-color: #002A3A;
background-image: url("/images/headersplit.png");
background-repeat: repeat-x;
filter:progid:DXImageTransform.Microsoft.Gradient(enabled=false); 
font: bold 1.2em/1 calibri,verdana,arial,helvetica,sans-serif;
padding: 0.3em 10px;
height:20px;
}
/** tab decoration **/
/
#overview_div2 { 
/*border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
border-top:1px #ccc solid;*/
padding:10px;
margin:0;
}

#sites_div2 { 
/*
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
border-top:1px #ccc solid;
*/
padding:10px;
}

#collectors_div2 { 
/*
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
border-top:1px #ccc solid;
*/
padding:10px;
}

#usage_div2 { 
/*
border-left:1px #ccc solid;
border-right:1px #ccc solid;
border-bottom:1px #ccc solid;
border-top:1px #ccc solid;
*/
min-height:250px;
padding:5px;
}
#sites_tabb a {
color:white;
}
#usage_tabb a {
color:white;
}
#overview_tabb a {
color:white;
}
#collectors_tabb a {
color:white;
}
#sensors_tabb a {
color:white;
}

/** restyle the mgc grid in the sites tab **/
#sites div.murphx-grid-container thead tr {
border-collapse:seperate;
border: 1px #ccc solid;
}

#sites div.murphx-grid-container td.colhead-cell{
/*
background-color:transparent;
border-width:0;
*/
font-weight:bold;
}

#sites div.murphx-grid-container mgc-colhead-cell-0{
text-align:left;
}

#sites div.murphx-grid-container table td {
height:24px;
padding-top:5px;
max-height:24px;
border-width:0;
border-bottom:1px #ccc solid;
vertical-align:center;
}

#sites #murphx-grid-container .mgc-column-0{
text-align:left;
}

#sites div.murphx-grid-container .mgc-column-1{
width:100px;
text-align:center;
}

#sites div.murphx-grid-container .mgc-column-2{
width:150px;
text-align:center;
}

#sites div.murphx-grid-container .mgc-column-3{
width:250px;
text-align:center;
}

#sites .green {
background-color:transparent;
}

#sites .red {
background-color:transparent;
}

/** restyle the mgc grid in the collectors tab **/
#collectors div.murphx-grid-container thead tr {
border-collapse:seperate;
border: 1px #ccc solid;
}

#collectors div.murphx-grid-container td.colhead-cell{
/*
background-color:transparent;
border-width:0;
*/
font-weight:bold;
}

#collectors div.murphx-grid-container mgc-colhead-cell-0{
text-align:left;
}

#collectors div.murphx-grid-container table td {
height:24px !important;
padding-top:5px;
max-height:24px;
border-width:0;
border-bottom:1px #ccc solid;
vertical-align:center;
}

#collectors #murphx-grid-container .mgc-column-0{
width:230px;
text-align:left;
}

#collectors div.murphx-grid-container .mgc-column-1{
width:32px;
text-align:center;
}

#collectors div.murphx-grid-container .mgc-column-2{
width:100px;
text-align:center;
}

#collectors div.murphx-grid-container .mgc-column-3{
width:60px;
text-align:center;
}

#collectors div.murphx-grid-container .mgc-column-4{
width:50px;
text-align:center;
}

#collectors div.murphx-grid-container .mgc-column-5{
width:80px;
text-align:center;
}

#collectors div.murphx-grid-container .mgc-column-6{
width:130px;
text-align:center;
}

/** restyle the mgc grid in the collectors tab **/
#recent_events_list div.murphx-grid-container thead tr {
border-collapse:seperate;
border: 1px #ccc solid;
}

#recent_events_list div.murphx-grid-container table {
    border: none !important;
}

#recent_events_list div.murphx-grid-container td.colhead-cell{
/*background-color:transparent;
border-width:0;*/
font-weight:bold;
}

#recent_events_list div.murphx-grid-container mgc-colhead-cell-0{
text-align:left;
}

#recent_events_list div.murphx-grid-container table td {
height:24px !important;
padding-top:5px;
max-height:24px;
border-width:0;
border-bottom:1px #ccc solid;
vertical-align:center;
}

#recent_events_list div.murphx-grid-container .mgc-column-0{
text-align:left;
width:130px;
}

#recent_events_list div.murphx-grid-container .mgc-column-1{
width:100px;
text-align:left;
}

#recent_events_list div.murphx-grid-container .mgc-column-2{
width:150px;
text-align:left;
}

#recent_events_list div.murphx-grid-container .mgc-column-3{
text-align:left;
}


#collectors .green {
/*background-color:transparent;*/
}
#collectors .red {
/*background-color:transparent;*/
}

/** restyle the mgc grid in the sensors tab **/
#sensors div.murphx-grid-container thead tr {
border-collapse:seperate;
border: 1px #ccc solid;
}

#sensors div.murphx-grid-container td.colhead-cell{
/*
background-color:transparent;
border-width:0;
*/
font-weight:bold;
}

#sensors div.murphx-grid-container mgc-colhead-cell-0{
text-align:left;
}

#sensors div.murphx-grid-container table td {
height:24px !important;
padding-top:5px;
max-height:24px;
border-width:0;
border-bottom:1px #ccc solid;
vertical-align:center;
}

#sensors #murphx-grid-container .mgc-column-0{
text-align:left;
}

#sensors div.murphx-grid-container .mgc-column-1{
width:100px;
text-align:center;
}

#sensors div.murphx-grid-container .mgc-column-2{
width:150px;
text-align:center;
}

#sensors div.murphx-grid-container .mgc-column-3{
width:250px;
text-align:center;
}

#sensors .green {
background-color:transparent;
}
#sensors .orange {
background-color:transparent;
}
#sensors .red {
background-color:transparent;
}

/** restyle the mgc grid in the poup container **/
#popupcontainer div.murphx-grid-container thead tr {
border-collapse:seperate;
border: 1px #ccc solid;
}

#popupcontainer div.murphx-grid-container td.colhead-cell{
/*
background-color:transparent;
border-width:0;
*/
font-weight:bold;
}

#popupcontainer div.murphx-grid-container mgc-colhead-cell-0{
text-align:left;
}

#popupcontainer div.murphx-grid-container table td {
height:24px !important;
padding-top:5px;
max-height:24px;
border-width:0;
border-bottom:1px #ccc solid;
vertical-align:center;
}

#popupcontainer .green {
background-color:transparent;
}
#popupcontainer .orange {
background-color:transparent;
}
#popupcontainer .red {
background-color:transparent;
}

button {
background-color:#02b18e;
color:#fff;
border:1px solid #fff;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin:auto;
vertical-align:text-top;
}

button#update_customer_details,button#update_site {
margin-left:10%;
}

#overview #murphx-grid-container table{
border: 1px solid #ccc;
}

.power_gicon {
background-color:#02B18E;
vertical-align:bottom;
border:0;
}
.generation_gicon {
background-color:#A5CE43;
vertical-align:bottom;
border:0;
}
.gas_gicon {
background-color:#1A7DBE;
vertical-align:bottom;
border:0;
}
.water_gicon {
background-color:#1BBFCE;
vertical-align:bottom;
border:0;
}


.intab {
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC;


}	

.middletab {
	width:1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #CCCCCC;	
}	

.thetabs {
	xborder-top-style: solid;
    xborder-top-width: 1px;
    xborder-top-color: #CCCCCC;
    border-left-style: solid;
    border-left-width: 1px;
    border-left-color: #CCCCCC;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #CCCCCC;
	border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #CCCCCC;
}

.navbar_sub {
	background-color: #E9EDF1;
	color: #2B455B;
	font-size: 8pt;
	font-family: verdana, arial, helvetica;
	background-image:  url(/images/mos-bg2.png);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E9EDF1', EndColorStr='#ffffff'); 
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

.content {
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
	background: #ffffff;
	margin-top: 6px;
	margin-left: 8px;		
	margin-right: 8px;
	

/*	background-attachment: fixed;
	background-image:  url(/images/background/back.gif);
	background-repeat: no-repeat;
	background-position: bottom right;*/
}
.body {
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
	background: #ffffff;
	margin-top: 6px;
	margin-left: 8px;
	margin-right: 8px;
	background-attachment: fixed;
/*	background-image:  url(/images/background/back.gif);*/
	background-repeat: no-repeat;
	background-position: bottom right;
}

.pagetitle {
	color: white;

    xfont-size: 18pt;
    font-family: verdana, arial, helvetica;

	text-align: right

	width:203px;
	padding-bottom:6px;
	padding-left:20px;

	background-color: #7f71a9;
}

input, textarea {
	background-color: #2b455b;

	background-image:  url(/images/mos-bg2.png);
	background-repeat: repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#e9edf1', endcolorstr='#ffffff'); 
	border:1px solid #c4dbf9;
	color: #333333; 
	font-size: 8pt;
	font-family: verdana, arial, helvetica;
	font-weight: normal;
}

input.editable, textarea.editable {
	background-color: white;

	background-image:  url(/images/mos-bg2.png);
	background-repeat: repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#e9edf1', endcolorstr='#ffffff'); 
	border:1px solid #003366;
	color: #333333; 
	font-size: 8pt;
	font-family: verdana, arial, helvetica;
	font-weight: normal;
}

input.readonly {
	background-color: #2b455b;

	background-image:  url(/images/mos-bg2.png);
	background-repeat: repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#e9edf1', endcolorstr='#ffffff'); 
	border:1px solid #c4dbf9;
	color: #333333; 
	font-size: 8pt;
	font-family: verdana, arial, helvetica;
	font-weight: normal;
}

textarea.readonly {
	background-color: white;

	background-image:  url(/images/mos-bg2.png);
	background-repeat: repeat-x;
	filter:progid:dximagetransform.microsoft.gradient(gradienttype=0, startcolorstr='#e9edf1', endcolorstr='#ffffff'); 
	border:1px solid #c4dbf9;
	color: #333333; 
	font-size: 8pt;
	font-family: verdana, arial, helvetica;
	font-weight: normal;
}

textarea {
	background-color: white;

	background-image:  url(/images/mos-bg2.png);
	background-repeat: repeat-x;
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E9EDF1', EndColorStr='#ffffff'); 

	border:1px solid #C4DBF9;

	color: #333333; 
	font-size: 8pt;
	font-family: verdana, arial, helvetica;
	font-weight: normal;
}


select {
	background-color: #E9EDF1;
	border-color: #C4DBF9;
	color: #333333; 
	font-size: 8pt;
	font-family: verdana, arial, helvetica;

}

.ffield {
	color: #2B455B;
	font-weight: bold;
}

a:link {
font-size: 8pt;
font-family:Verdana, Arial, Helvetica;
color:black;
text-decoration:none;
}
a:visited {
font-size: 8pt;
font-family:Verdana, Arial, Helvetica;
color:black;
text-decoration:none;
}
a:hover {
font-size: 8pt;	
font-family:Verdana, Arial, Helvetica;
text-decoration:none;
color:#d12424;
}
a:link.sm {
font-size: 8pt;
font-family:verdana, arial, helvetica;
color:black;
text-decoration:none;
}
a:visited.sm {
font-size: 8px;
font-family:Verdana, Tahoma;
color:#101010;
text-decoration:underline;
}
a:hover.sm {
font-size: 8px;
font-family:Verdana, Tahoma;
color:#d12424;
text-decoration:none;
}

.helpinfo {
	font-size:12;
	font-style:italic;
	margin-top: -50px;
	position:absolute;
}	

.navbody {
        margin-left: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
}
.headbody {
	background-color: #d12424;
    margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
    margin-bottom: 0px;
}
.footerbody {
    background-color: #E9EDF1;
    color: #2B455B;
    font-size: 8pt;
    font-family: verdana, arial, helvetica;
	background-image:  url(/images/mos-bg2.png);
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E9EDF1', EndColorStr='#ffffff');

   	border-top-style: solid;
	border-top-width: 1px;
	border-top-color: black;
}
body.back {
        background-attachment: fixed;
        background-image: url(/images/mk3/main/back_dots_faded.gif);
        background-repeat: no-repeat;
        background-position: right bottom;
}
.tablelist {
border-top-style: solid;
border-top-width: 1px;
border-top-color: black;
border-left-style: solid;
border-left-width: 1px;
border-left-color: black;
border-right-style: solid;
border-right-width: 1px;
border-right-color: black;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;
}
.tablelist_new {
}
.theader {
	background-color: #E9EDF1;
	color: #2B455B;
	xcolor: black;
	font-weight: bold;
	font-size: 8pt;
	font-family: verdana, arial, helvetica;
	background-image:  url(/images/mos-bg2.png);
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E9EDF1', EndColorStr='#ffffff'); 
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #000000;
}

#topcenter {
	background-image:  url(/images/admin.xps.top.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.trow {
}
.tfield {
border-bottom-style: dashed;
border-bottom-width: 1px;
border-bottom-color: #E9EDF1;
background-color:  #E9EDF1;
}
.field {
font-weight:bold;
text-align:right;
/*border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;
*/
}

.field_head {
font-weight:bold;
text-align:left;

border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;
padding-top:4px;
padding-bottom:2px;
margin-top:4px;
margin-bottom:2px;
}

.field_head_small {
font-weight:bold;
text-align:left;
font-size: 7pt;

border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: black;
padding-top:4px;
padding-bottom:2px;
margin-top:4px;
margin-bottom:2px;
}
.field-row {
	font-weight:bold;
	text-align:left;
	vertical-align: top;
}

.formval {
/*	width: 200px;
	vertical-align: top;
*/	
}

.fieldval {
	text-align:left;
	vertical-align: top;
}
.row-highlight {
	background:#f3f1e1;
}

.row-highlight-selected {
    background:#D1D2D3;
}	

.spacer {
font-size: 8px;
}
.txDynMenu {
font-size: 8pt;
font-family:Verdana, Tahoma;
color:white;
text-decoration:none;
line-height: 16px;
}

a:link.txDynMenu {
font-size: 8pt;
font-family:Verdana, Tahoma;
color:white;
text-decoration:none;
line-height: 16px;
}
a:visited.txDynMenu {
font-size: 8pt;
font-family:Verdana, Tahoma;
color:white;
text-decoration:none;
line-height: 16px;
}
legend {
	color:#003366;
	font-size:10px;
}
legend.text {
	color:black;
}
form {
	margin:0px;
/*	font-size:2px;*/
	
}
.text_true {
	color: darkgreen;
}
.text_false {
	color: darkred;
}

.select_internal {
	background: lightblue;
	color:black;
}
.select_external {
	background: #f3f1e1;
}

.select_open {
        background: lightblue;
}
.select_done {
        background: lightgreen;
}
.select_disabled {
        background: #f3f1e1;
		color:gray;
}
.select_waiting {
        background: #f3c1e1;
}
fieldset {
		/*
		border-radius: 0.4em 0.4em;
		-moz-border-radius: 0.4em 0.4em 0.4em 0.4em;*/
		border-style: solid;
		border-width: 1px;
		border-color: #A2A1A7;
		/*width:60%;*/
}

.fwide { 
		/*
		border-radius: 0.4em 0.4em;
		-moz-border-radius: 0.4em 0.4em 0.4em 0.4em; */
		width:90%;
}


.bigbox {
	padding: 0px 1px 1px 1px;
	min-height: 500px; /* IEwin does not support min-height */
	height: 500px;
}	

input[type=submit],input[type=reset],input[type=button] {
    padding: 0px 1px 1px 1px;
	
	/*-moz-border-radius: 0.1em 0.1em 0.1em 0.1em;*/
    margin: 0;
    text-align: center;
    font-size: 11px;
    font-weight: bolder;
    color: #000000;
	background-image:  url(/images/mos-bg2.png);
	background-position: bottom left;
	background-repeat: repeat-x; 
    border: 1px solid;
	border-style: outset;
    border-color: #6699ff #0066ff #0066ff #6699ff;
    cursor: pointer;
	border-radius: 5px;
	padding: 2px 5px;
}
.3dbox {
    border-top: 1px solid #EBEADB;
    border-left: 1px solid #EBEADB;
    border-right: 1px solid #ACA899;
    border-bottom: 1px solid #ACA899;
}
ul {
  list-style-type:circle;
}

A:link {color:#000000; text-decoration:none;}
A:visited {color:#000000; text-decoration:none;}
A:active {color:#000000; text-decoration:none;}
A:hover {color:#2C6089; text-decoration:none;}

.top_form {
	/*background:#660099;*/
	left: 5px;
	top: 5px;
	clear:both;
	width: 49%;
}

.top_single {
	/*background:#660099;*/
	left: 5px;
	top: 5px;
	clear:both;
	width: 49%;
}


.top_left_div {
	/*background:#660077;*/
	left: 5px;
	width: 49%;
	height: 140px;
	float:left;
	margin-right:20px;
}
.top_right_div {
	/*background:#660088;*/
	width: 49%;
	height:140px;
	float:left;
	margin:auto;
}

.left_div {
	/*background:#660077;*/
	left: 5px;
	width: 49%;
	height:300px;
	float:left;
	margin-right:20px;
}
.right_div {
	/*background:#660088;*/
	width: 49%;
	height:300px;
	float:left;
	margin:auto;
}

.across_div {
	width:80%;
	left: 5px;
	height:300px;
	float:left;
}




.containingbox
{
	width: 840px;
	height: 400px;
	border: 1px solid;
	border-color: #000000;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #FFFFFF;
}

/*
.floatleft
{
	float: left;
	width: 400px;
	height: 100px;
	background-color: #F63;
	border: 1px solid #F30;
	
}
*/
.abox {
	width:100%;
	border: 1px solid #000000;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #FFFFFF;
	padding-bottom: 4px;
/*	background-color: blue;*/
}	

.iframec {
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	background-color: #f7f7f7;
}	
sup {
	position:relative;
	bottom:0.5em;
	vertical-align:bottom;
}