BODY, TD {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: #000;
	color: #FF0;
	font-weight: bold;
	font-size: 12px;
}

TD {
	border-style:none;
	padding:0px;
	margin:0px;
}

HR {
	border-top: solid 1px #CC0;
	border-right:  none;
	border-left:   none;
	border-bottom: none;
}

#PageHeader {
	border-bottom:solid 1px #CC0;
	padding-bottom:10px;
	width:800px;
}

#PageTitle {
	margin:0px;
	margin-top:5px;
	margin-bottom:5px;
	padding:0px;
	padding-left:10px;
	color:#CC0;
	font-weight:bold;
	font-size:24px;
}

#PageMain {
	width:800px;
}

#PageFooter {
  width:800px;
	border-top:solid 1px #CC0;
	margin-top:30px;
	padding-top:5px;
	font-style:italic;
	font-size:12px;
}

#tooltip {
	position:absolute;
	visibility:hidden
}

.Code {
	font-family:fixed;
	font-size:12px;
}

.SectionHeader {
	font-size:18px;
	margin:0px;
	margin-top:10px;
	margin-bottom:5px;
}

.SectionFooter {
	font-size:18px;
	margin-top:20px;
	border-bottom:solid 1px #CC0;
}


.MainTable {
	border:solid 1px #CCC;
	padding:0px;
	margin:0px;
	margin-left:10px;
}


.MainGroupSection {
	background:#666;
	color:#CC0;
	border-style:none;
	margin:0px;
	padding:5px;
	font-size:14px;
	font-weight:bold;
}


.MainProperty {
	background:#999;
	color:black;
	border-bottom:solid 1px #CCC;
	margin:0px;
	padding:2px;
	vertical-align:top;
	font-size:12px;
	font-weight:bold;
	text-align:left;
}


.MainValue {
	background:#CCC;
	color:black;
	border-bottom:solid 1px #999;
	margin:0px;
	padding:2px;
	vertical-align:top;
	font-size:12px;
	font-weight:bold;
	word-wrap:break-word;
}


.GroupSection {
	background:#666;
	color:#CC0;
	border-style:none;
	margin:0px;
	padding:5px;
	font-size:12px;
	font-weight:bold;
}

.PropertyLight, .PropertyDark, .ValueLight, .ValueDark {
	background:#CCC;
	color:black;
	border-style:none;
	margin:0px;
	padding:2px;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
}

.PropertyDark, .ValueDark {
	background:#999;
}

.PropertyLight, .PropertyDark {
	text-align:right;
}



.InfoMainTable {
/* Round off all four corners */
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding-right:5px; /* padding is required for rounding, but don't want grey all around */

/* Put a glow behind everything (horz, vert, blur, spread, color) */
	box-shadow: 0px 0px 5px 5px #ccc;
	
	background: #999;
	margin:0px 0px 20px 10px;
}

.InfoGroupSection {
/* Round off the left corners */
	border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  -moz-border-top-left-radius: 10px;
  -moz-border-bottom-left-radius: 10px;
  
	padding:0px;
  margin:0px;
	font-size:14px;
	font-weight:bold;
}

.InfoGroupData {
	background:#999;
	padding:5px 0px 5px 0px;
}

.InfoProperty, .InfoValue {
	background:#999;
	color:black;
	border-style:none;
	margin:0px;
	padding:2px;
	vertical-align:middle;
}

.IndexProperty, .InfoProperty {
	text-align:right;
	font-size:11px;
	font-weight:bold;
	width:150px;
}

.InfoValue {
	text-align:left;
	color:#000;
	font-size:11px;
	font-weight:normal;
	width:400px;
}

.InfoValueInner {
	color: #000;
	background: #999;
	font-size: 11px;
	font-weight: bold;
	margin:0px;
	padding:2px;
	vertical-align:bottom;
}


.StatusMainTable {
	border-style:none;
	padding:0px;
	margin:0px;
	margin-bottom:20px;
}

.StatusGroupSection {
	background:#666;
	color:#CC0;
	border-style:none;
	margin:0px;
	padding:5px;
	font-size:12px;
	font-weight:bold;
}

.StatusCell {
	background:#FFF;
	margin:0px;
	padding:5px;
	padding-right:20px;
}

.StatusBox {
/* Round off all four corners */
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding:10px; /* padding is required for rounding, but don't want grey all around */
	width:580px;
	box-shadow:2px 3px 5px #999;
	padding-left:30px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:20px;
	background:#666;
	font-family:Courier;
	font-size:12px;
}

.StatusBoxHead {
	font-weight:bold;
	text-decoration:underline;
	margin-left:-20px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:14px;
}



.editable, .noteditable {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:black;
	color:#0C0;
	font-size:10px;
	font-weight:bold;
}

.noteditable {
	color:#CCC;
	font-weight:normal;
}


A, A:link, A:visited, A:active {
	color:#CC0;
	text-decoration:none;
	font-weight:bold;
}


A:hover	{
	background:black;
	color:#F00;
	text-decoration:underline;
}


A.InlineLink, A.InlineLink:link, A.InlineLink:visited, A.InlineLink:active {
	text-decoration:underline;
}


A.HeaderLink {
	text-decoration:none;
}

A.HeaderLink:hover {
	background:black;
	color:#CC0;
	text-decoration:none;
}

  
H1, H2, H3 {
	margin:0px;
	padding:0px;
	color:#CC0;
}
H1 {
	margin-top:10px;
	margin-bottom:10px;
	font-weight:bold;
	font-size:24px;
}
H2 {
	font-weight:bold;
	font-size:16px;
}



/* status colors */
.good {
	color:#00CC00;
}

.bad {
	color:#CC0000;
}

.HeaderCompany {
	font-size:24px;
	margin:0;
}

.HeaderModel {
	font-size:36px;
	margin:0;
}

.HeaderPostModel {
	font-size:20px;
	margin:0;
}


.sup {
	font-size:50%;
	vertical-align:super;
}

.CmdResponse {
	font-weight:normal;
	font-size:11px;
	color:#000;
	background:#cccccc;
	padding:2px;
}

.rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform:    rotate(-90deg);
	-ms-transform:     rotate(-90deg);
	-o-transform:      rotate(-90deg);
	transform:         rotate(-90deg);
/*	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);*/ /* IE 9 applies -ms-transform AND this filter? */
}


.alienCheckbox {
	/* black rounded background */
	background: #000;
/*	margin: 10px 25px;	*/
	border-radius: 10px;
	position: relative;
	padding-right: 25px; /* can't set height/width of span, so use padding instead */
	padding-bottom: 5px;
	top: -5px; /* puts the element in the right place, inline ? */
	left: 0px; /* was -23px */
}
.alienCheckbox input[type=checkbox] {
	/* hide the actual HTML checkbox */
	visibility: hidden;
}
.alienCheckbox:before {
	/* "On" text before */
	content: 'ON';
	position: absolute;
	top: 4px;
	left: 6px;
	height: 1px;
	color: #0F0;
	font-size: 8px;
	font-weight: bold;
}
.alienCheckbox:after {
	/* "Off" text after */
	content: 'OFF';
	position: absolute;
	top: 4px;
	left: 24px;
	height: 1px;
	color: #FFF;
	font-size: 8px;
	font-weight: bold;
}
.alienCheckbox label {
	/* rounded slider */
	display: block;
	width: 20px;
	height: 16px;
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
	cursor: pointer;
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	background: #999;
}
.alienCheckbox input[type=checkbox]:checked + label {
	/* when checked, move slider to the right, and color it green */
	left: 24px;
	background: #0F0;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}


/* These are all for a window blocker that shows a progress bar */
/* http://event.asus.com/2012/nw/dummy_ui/en/QoS_EZQoS.html */
.popup_bg{
	position:absolute;	
	margin: auto;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
	z-index:9999;
	background-color: #444F53;
	filter:alpha(opacity=94);  /*IE5?IE5.5?IE6?IE7*/
	opacity: .94;  /*Opera9.0+?Firefox1.5+?Safari?Chrome*/
	background-repeat: repeat;
	visibility:hidden;
	overflow:hidden;
}
.loadingBlock{
	filter:alpha(opacity=90);
	opacity:.90;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(PIE.htc);
	border-radius: 10px 10px 10px 10px;
	border: 0px;
	margin-top:200px;
	width:400px;
	font-size:20px;
	color:#FFFFFF;
	font-weight:bolder;
	background-color:#000000;
	position:absolute;
	/*left:35%;*/
	top:0px;
	z-index:200;
	_position:absolute;
}