.maxmonitor {
	overflow: hidden;
	text-shadow: none;
}

.maxmonitor td {
	padding: 0;
}

.maxmonitor .inner {
	background: #f0f0f0;
	border: 1px solid #c1c1c1;
	width: 478px;
	height: 478px;
}

.maxmonitor .header {
	font-size: 24px;
	font-weight: 100;
	height: 29px;
	line-height: 29px;
	color: #7892d1;
	padding: 0 16px;
}

.maxmonitor .textbar {
	height: 29px;
	line-height: 29px;
	font-size: 16px;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid white;
	color: white;
	white-space: nowrap;
}

.maxmonitor .textbar .text {
	display: none;
	position: relative;
}

.maxmonitor .textbar.active {
	background: #2561b6;
}

.maxmonitor .textbar.active .text {
	display: inline;
}

.maxmonitor .title {
	float: left;
}

.maxmonitor .counter {
	color: #4d4d4d;
	float: right;
}

.maxmonitor .power {
	position: absolute;
	/*background: lightgray;*/
	width: 250px;
	/*height: 150px;*/
	left: 15px;
	top: 72px;
}

.maxmonitor table {
	width: 100%;
	border-collapse: collapse;
}

.maxmonitor .power table th,
.maxmonitor .channels-head {
	color: #adadad;
	height: 14px;
	font-weight: bold;
	border-bottom: 1px solid #adadad;
}

.maxmonitor .power table td {
	height: 32px;
	color: #4d4d4d;
	border-bottom: 1px solid white;
	font-size: 16px;
}

.maxmonitor .power table tr:last-child td {
	border-bottom: 1px solid #adadad;
}

.maxmonitor .power table td,
.maxmonitor .power table th {
	text-align: left;
	padding-left: 10px;
}

.maxmonitor .power table td:last-child,
.maxmonitor .power table th:last-child {
	text-align: right;
	padding-right: 10px;
}

.maxmonitor .channels {
	position: absolute;
	/*background: lightgray;*/
	width: 250px;
	/*height: 150px;*/
	left: 15px;
	top: 244px;
}

.maxmonitor .channels-head div {
	display: inline-block;
}

.maxmonitor .channels-head div:first-child {
	width: 120px;
	padding-left: 15px;
}

.maxmonitor .channels-wrapper {
	background: white;
	height: 164px;
	border-bottom: 1px solid #adadad;
	overflow-y: scroll;
}

.maxmonitor .channels td {
	height: 32px;
	border-bottom: 1px solid #f0f0f0;
}

.maxmonitor .channels td.name {
	width: 120px;
	padding-left: 15px;
	font-size: 14px;
}

.maxmonitor .channels td.mode div {
	background: #adb7ef;
	border-radius: 3px;
	width: 41px;
	height: 22px;
	line-height: 22px;
	color: white;
	text-align: center;
}

.maxmonitor .channels td.mode div.on {
	background: #5e8ac9;
}

.maxmonitor .channels td.switch div,
.maxmonitor .switches td.switch div {
	background: url("../img/alarmclock/switch_off.png") top left no-repeat;
	background-size: 100% 100%;
	width: 41px;
	height: 24px;
}

.maxmonitor .channels td.switch div.on,
.maxmonitor .switches td.switch div.on {
	background-image: url("../img/alarmclock/switch_on.png");
}

.maxmonitor .leds {
	position: absolute;
	/*background: lightgray;*/
	width: 200px;
	/*height: 150px;*/
	left: 280px;
	top: 88px;
	line-height: 33px;
}

.maxmonitor .leds > div {
	display: inline-block;
	position: relative;
	padding-left: 22px;
	margin-right: 20px;
}

.maxmonitor .leds .led,
.maxmonitor .switches .led {
	position: absolute;
	left: 0;
	top: 8px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	
	background: #c7c7c7; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #c7c7c7 0%, #5b5b5b 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#c7c7c7), color-stop(100%,#5b5b5b)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #c7c7c7 0%,#5b5b5b 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #c7c7c7 0%,#5b5b5b 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #c7c7c7 0%,#5b5b5b 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #c7c7c7 0%,#5b5b5b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#5b5b5b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.maxmonitor .leds .led.green.on,
.maxmonitor .switches .led.green.on {
	background: #e5ffe5; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #e5ffe5 0%, #a9ffa9 27%, #46d446 90%, #2f8c2f 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#e5ffe5), color-stop(27%,#a9ffa9), color-stop(90%,#46d446), color-stop(100%,#2f8c2f)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #e5ffe5 0%,#a9ffa9 27%,#46d446 90%,#2f8c2f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #e5ffe5 0%,#a9ffa9 27%,#46d446 90%,#2f8c2f 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #e5ffe5 0%,#a9ffa9 27%,#46d446 90%,#2f8c2f 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #e5ffe5 0%,#a9ffa9 27%,#46d446 90%,#2f8c2f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5ffe5', endColorstr='#2f8c2f',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.maxmonitor .leds .led.red.on,
.maxmonitor .switches .led.red.on {
	background: #ffd8d8; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #ffd8d8 0%, #ffb5b5 13%, #c60000 89%, #7c0000 100%); /* FF3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#ffd8d8), color-stop(13%,#ffb5b5), color-stop(89%,#c60000), color-stop(100%,#7c0000)); /* Chrome,Safari4+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #ffd8d8 0%,#ffb5b5 13%,#c60000 89%,#7c0000 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #ffd8d8 0%,#ffb5b5 13%,#c60000 89%,#7c0000 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #ffd8d8 0%,#ffb5b5 13%,#c60000 89%,#7c0000 100%); /* IE10+ */
	background: radial-gradient(ellipse at center,  #ffd8d8 0%,#ffb5b5 13%,#c60000 89%,#7c0000 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd8d8', endColorstr='#7c0000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.maxmonitor .switches {
	position: absolute;
	/*background: lightgray;*/
	width: 160px;
	/*height: 150px;*/
	left: 290px;
	top: 257px;
	line-height: 33px;
	font-size: 14px;
}

.maxmonitor .switches td.switch {
	width: 50px;
}

.maxmonitor .switches td:nth-child(3) {
	text-align: right;
}

.maxmonitor .switches .led {
	position: static;
	margin-left: 14px;
}