html {
	height: 100%;
	width: 100%;
}
body {
	font-size: 0.8em;
	/*background-color: #7F9CAF;*/
	background-color: black;
	font-family: Verdana,Arial,sans-serif;
	height: 100%;
	width: 100%;
}

h1 {
	font-size: 1em;
}

h5 {
	margin: 7px 0px;
}



#centerbg {
	background: #19293f; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	/*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMxOTI5M2YiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMDAwMDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L3JhZGlhbEdyYWRpZW50PgogIDxyZWN0IHg9Ii01MCIgeT0iLTUwIiB3aWR0aD0iMTAxIiBoZWlnaHQ9IjEwMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);*/
	background: -moz-radial-gradient(center, ellipse cover,  #19293f 0%, #000000 100%); /* FF3.6+ */
	
	
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#19293f), color-stop(100%,#000000)); /* Chrome,Safari4+ */
	
	background: -webkit-radial-gradient(center, ellipse cover,  #19293f 0%,#000000 70%); /* Chrome10+,Safari5.1+ */
	
	background: -o-radial-gradient(center, ellipse cover,  #19293f 0%,#000000 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #19293f 0%,#000000 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #19293f 0%,#000000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19293f', endColorstr='#000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	width: 801px;
	height: 801px;
	position: relative;
	left: 50%;
	margin-left: -400px;
}

#centerbg .grid {
	background-size: 5px 5px;
	background-image: -webkit-linear-gradient( 0deg, transparent 75%, rgba(0, 0, 0, .4) 75% ), -webkit-linear-gradient( 90deg, transparent 75%, rgba(0, 0, 0, .4) 75% );
	width: 100%;
	height: 100%;
}

#logo {
	position: relative;
	left: 50%;
	top: 50%;
	width: 1090px;
	height: 100px;
	margin-left: -545px;
	margin-top: -50px;
}

#activeInstances td {
	font-size: 9pt;
}

#activeInstances thead td {
	font-size: 1em;
}

.results {
	float: left;
}

.instanceList {
	display: block;
	float: left;
	margin-left: 20px;
}

#mediaName {
  width: 50px;
 }


table {
/*	border: 1px solid #cccccc;*/
	border-spacing:0;
	border-collapse:collapse;
	
}

table thead tr {
	/*background: #eeeeee*/

	background: white; /* old browsers */
	background: -moz-linear-gradient(top, #cdd7e7 3%, #bac8de 51%, #adbed7 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#cdd7e7), color-stop(51%,#bac8de), color-stop(100%,#adbed7)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	border: 1px solid #5B7DB0;
	
}

table tbody tr:nth-child(even) {
	/*background: #eeeeee*/

	background: white; /* old browsers */
	background: -moz-linear-gradient(top, #dadada 3%, #cfcfcf 51%, #c3c3c3 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#dadada), color-stop(51%,#cfcfcf), color-stop(100%,#c3c3c3)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	border: 1px solid #858585;
}
table tbody tr:nth-child(odd) {
	/*background: #ffffff*/
	
	
	background: white; /* old browsers */
	background: -moz-linear-gradient(top, #fefefe 3%, #ECECEC 51%, #dfdfdf 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fefefe), color-stop(51%,#ECECEC), color-stop(100%,#dfdfdf)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	border: 1px solid #858585;
}

table thead tr td {
	border: 1px solid #5B7DB0;
	font-weight: bold;
	text-shadow: 1px 1px #D6D6D6;
	color: #2E2E2E;
}

table tbody tr:nth-child(odd) td {
	border-left: 1px solid #ced3d6;
	border-right:1px solid #ced3d6;
}

table tbody tr:nth-child(even) td {
	border-left: 1px solid #b9bfc2;
	border-right:1px solid #b9bfc2;
}



table tbody tr:nth-child(odd) td:first-child {
	border-left: 1px solid #858585;
}
table tbody tr:nth-child(odd) td:last-child {
	border-right: 1px solid #858585;
}

table tbody tr:nth-child(even) td:first-child {
	border-left: 1px solid #858585;
}
table tbody tr:nth-child(even) td:last-child {
	border-right: 1px solid #858585;
}
/*
table thead tr:nth-child(odd) {
	background-color: #cccccc;
}*/




/***table ***/
table thead {


}

table td {
/*background:#e8edff;*/
	/*border-top:1px solid #fff;*/
	padding:4px;
}


table tbody tr:hover td {
	background:#FFEBC3;
	background: -moz-linear-gradient(top, #dadada 3%, #cfcfcf 51%, #c3c3c3 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#FBFBFB), color-stop(51%,#efefef), color-stop(100%,#FBFBFB)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	
}


/*t*/

.UmsString {
	font-size: 7pt;
	color: #2b2b2b;
}


.connbutton {
		min-width: 90px;
}

#logicGraphsContainer, #logicGraphs, #logicInstances, #instanceSearchResult {
	display: inline-block;
}

#logicGraphsContainer {
	display: inline-block;
	float: left;
	clear: left;
	visibility: hidden;
}

#instanceSearchResult ul li, #nodetablehistory li, #instanceInfoResult li{
	list-style-type: none;
	margin: 5px 0px 0px 0px;
}

#serverInput {
	display: block;
}
#nodetable {
	display: block;
	float: left;
}

#nodetable table tbody tr {
	color: #415675;
    font-weight: bold;
	text-shadow:1px 1px #ffffff;
}

#nodetable tr.offline, #nodetable tr.sync, #nodetable tr.warmup, table tr.offline{
	/*background-color: #FFC3C3;
	color: white;
	font-weight: bold;
	text-shadow: 1px 1px #2C1E1E;*/
	
	color: #B63535;
	background: white; /* old browsers */
	background: -moz-linear-gradient(top, #E7CDCD 3%, #DBB6B6 51%, #D7ADAD 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#E7CDCD), color-stop(51%,#DBB6B6), color-stop(100%,#D7ADAD)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	border: 1px solid #5B7DB0;
	text-shadow: 1px 1px rgba(255, 255, 255, 0.61);
}

#nodeHistoryContainer {
	width: 420px;
	padding: 0;
	border: 1px solid #999999;
	float: left;
	padding: 3px;
	margin: 10px;
	visibility: hidden;
	

}

#nodetable table {
	min-width: 445px;
}
#connErrorStatus {
	/*display: none;*/
}

#nodetablehistory {
	font-family: Courier;
	padding: 10px;
	overflow-y: scroll;
	max-height: 440px;
}
/*
#nodetablehistory li.clusterState{
	/background-color: #F1F1F1;
}

#nodetablehistory li.serverType{
	background-color: #f2f2f2;
}
*/
.state {
	background: white; /* old browsers */
	background: -moz-linear-gradient(top, #cdd7e7 3%, #bac8de 51%, #adbed7 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#cdd7e7), color-stop(51%,#bac8de), color-stop(100%,#adbed7)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	border: 1px solid #5B7DB0;
	padding: 0 5px;
}

.state.Master{
	background: white; /* old browsers */
	background: -moz-linear-gradient(top, #cde7d7 3%, #badec8 51%, #add7be 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#cde7d7), color-stop(51%,#badec8), color-stop(100%,#add7be)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
	border: 1px solid #5BB07D;
}

.state.Client{
	background-color: #FFD386;
}

.state.Warmup{
	background-color: #e7ddac;
}


.serverStatusButton.sleep {
	color: #AC2F2F;
}

.serverStatusButton.prod {
	color: green;
}

#serverInput span.label {
	color: #363636;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-shadow: 1px 1px #ECECEC;
	padding-right: 10px;
	margin-left: 5px;
}



.vertical-list {
		list-style: none;
		padding: 6px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		/*
		background: #20282D;
		background: -moz-linear-gradient(top, #20282D 3%, #252E34 51%, #222A30 100%); 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#20282D), color-stop(51%,#252E34), color-stop(100%,#222A30));
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#20282D', endColorstr='#222A30',GradientType=0 );
		-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); 
		-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
		box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
		*/
		background: white; /* old browsers */
		background: -moz-linear-gradient(top, #EBEBEB 3%, #C9C9C9 51%, #B9B9B9 100%); /* firefox */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#EBEBEB), color-stop(51%,#C9C9C9), color-stop(100%,#B9B9B9)); /* webkit */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#B9B9B9',GradientType=0 ); /* ie */
		-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
		-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
		box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.14); /* CSS3 */
		border: 1px solid #C4C4C4;
		margin-top: 10px;
}

.vertical-list-invert {
	margin: 1px;
	background: white; /* old browsers */
	background: -moz-linear-gradient(top, #DADADA 3%, #E0E0E0 51%, #EBEBEB 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#DADADA), color-stop(51%,#E0E0E0), color-stop(100%,#EBEBEB));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#B9B9B9',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.14); /* CSS3 */
	border: 1px solid #C4C4C4;
	padding: 10px;
}


/* Search CSS: */
input[type="button"],input[type="submit"] {
	padding: 0 5px 0 5px;
	border: 1px solid #8C9DA8;
	height: 27px;
	color: #363636;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	text-shadow: 1px 1px #D8D8D8;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: white; /* old browsers */
	background: -moz-linear-gradient(top, #EBEBEB 3%, #C9C9C9 51%, #B9B9B9 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#EBEBEB), color-stop(51%,#C9C9C9), color-stop(100%,#B9B9B9)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EBEBEB', endColorstr='#B9B9B9',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(100, 100, 100, 0.14); /* CSS3 */
}

input[type="text"] {
	padding: 0 5px 0 5px;
	border: 1px solid #8C9DA8;
	height: 25px;
	color: #363636;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	text-shadow: 1px 1px white;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: white; /* old browsers */
	background: -moz-linear-gradient(top, white 3%, #ECECEC 51%, #DADADA 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,white), color-stop(51%,#ECECEC), color-stop(100%,#DADADA)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DADADA',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* CSS3 */
}

input[type="text"]:focus {
	outline: none;
	border: 1px solid #3595D3;
}


input[type="button"]:hover,input[type="submit"]:hover {
	outline: none;
	border: 1px solid #3595D3;
	cursor: pointer;
	background: #4C5A64; /* old browsers */
	background: -moz-linear-gradient(top, #D7DADB 3%, #C7C7C7 4%, #8D8A8A 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#D7DADB), color-stop(4%,#C7C7C7), color-stop(100%,#8D8A8A)); /* webkit */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D7DADB', endColorstr='#8D8A8A',GradientType=0 ); /* ie */
	color: #1F2527;
	text-shadow: 1px 1px #CCC;
}

input[type="button"]:active,input[type="submit"]:active {
	background-position: 0 top;
	position: relative;
	top: 1px;
	color: #fff;
	/*padding: 6px 12px 4px;*/
	background: #20282D; /* old browsers */
	background: -moz-linear-gradient(top, #B6CAD6 3%, #5285A7 51%, #4B6070 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#B6CAD6), color-stop(51%,#5285A7), color-stop(100%,#4B6070));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6CAD6', endColorstr='#4B6070',GradientType=0 ); /* ie */
	-moz-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Firefox */
	-webkit-box-shadow: 1px 1px 1px rgba(255,255,255,0.1); /* Safari, Chrome */
	
	text-shadow: 1px 1px #252525;
	

	
}


/***

graph style:

***/
svg {
	font-size: 6pt;
}

.axis path, .axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.line {
  fill: none;
  stroke: steelblue;
  stroke-width: 2.1px;
}

.lineOffline {
  fill: none;
  stroke: #f68f88;
  stroke-width: 2.1px;
}

.dot {
  fill: white;
  stroke: steelblue;
  stroke-width: 0.5px;
}


.marker {
  stroke: red;
  stroke-width: 1px;
}
.graphBg {
	fill: #EFF2F5;
	
}
path.area {
  fill: #e8f1fb;
}

path.areaOffline {
  fill: #fbe8f1;
}