body {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-touch-callout: none;
	margin: 0;
	padding: 0;
	border: none;
	background-color: #d2d2d2;
	font-family: Helvetica;
	color: #000000;
	overflow-x: hidden;
	-webkit-text-size-adjust: none;
	-webkit-user-select: none;
}

ul {
	margin: 0;
	padding: 0;
	border: 0;
}

li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #E0E0E0;
	padding: 8px 0px 8px 10px;
	font-size: 20px;
	font-weight: bold;
	list-style: none;
}

#psmMainMenu > li {
	min-height: 43px;
}

body > div > form > ul > li {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #E0E0E0;
	padding: 8px 0px 8px 10px;
	font-size: 20px;
	font-weight: bold;
	list-style: none;
}

body > div > ul > li > a {
	display: block;
	text-decoration: none;
	color: inherit;
	background: url(iuiImages/listArrow.png) no-repeat right center;
}

.mainVacation {
	display: block;
	text-decoration: none;
	color: inherit;
	background: url(iuiImages/listArrow.png) no-repeat right center;
}

.centeredBox {
	display: block;
	width: 320px;
	border-width: 0px;
	padding-width: 0px;
	margin-left: auto;
	margin-right: auto;
}

.simple_href {
	display: block;
	text-decoration: none;
	color: inherit;
}

.label1 {
	position: absolute;
	top: 24px;
	left: 70px;
}

.adminlabel {
	float:left;
	padding-top: 10px;
}

.toolbar {
	border-bottom: 1px solid #2d3642;
	border-top: 1px solid #6d84a2;
	padding: 7px 10px 5px 4px;
	height: 44px;
	background: url(iuiImages/toolbar.png) #6d84a2 repeat-x;
}

.toolbar2 {
	border-top: 1px solid #80aee7;
	border-bottom: 1px solid #285085;
	padding: 7px 10px 5px 4px;
	height: 44px;
	background: #417cc5 url(images/toolbar2.png) repeat-x;
}

.tbarcenteredbox {
	margin: 0 auto;
	border: none;
	padding: 0;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	cursor: default;
	color: #fff;
	width: 200px;
	height: 43px;
	line-height: 22px;
	text-align: center;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}

.tbarcenteredbox .tbarcontainer {
	width: 200px;
	height: 43px;
	position: relative; top: 0px;
}

.tbarcenteredbox .tbarcontainer .tbarheader {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	height: 43px;
	display: table;
}

.tbarcenteredbox .tbarcontainer .tbarheader p {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.toolbar > h1 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 0px;
	height: 30px;
	font-size: 24px;
	width: 260px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
}

.toolbar > old_h1 {
	position: absolute;
	left: 50%;
	margin: 6px 0 0 -100px;
	height: 30px;
	font-size: 24px;
	width: 200px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
}

.toolbar2 > h1 {
	margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 0px;
	height: 30px;
	font-size: 24px;
	width: 260px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #FFFFFF;
}

.toolbar2 > h2 {
	MARGIN: 0 auto;
	border: none;
	padding: 0;
	FONT-FAMILY: tahoma, arial, verdana, helvetica, sans-serif;
	FONT-SIZE: 22px;
	FONT-WEIGHT: bold;
	CURSOR: default;
	COLOR: #FFF;
	width: 200px;
	HEIGHT: 30px;
	LINE-HEIGHT: 28px;
	TEXT-ALIGN: center;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	display: block;
	position: relative;
	top: 6px;
	left: 0px;
}

.toolbar2 > h3 {
	margin: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 18px;
}

.progressBox {
	position: absolute;
	display: none;
	top: 20px;
	right: 8px;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	border: none;
	background: url(images/progressSprite.png) no-repeat 0px 0px;
	z-index: 1;
}

.progressBoxFloat {
	display: none;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0;
	border: none;
	background: url(images/progressSprite.png) no-repeat 0px 0px;
	z-index: 1;
}

.datebar {
	position: relative;
	border-top: 1px solid #7d7d7d;
	border-bottom: 1px solid #999999;
	padding: 0px 4px;
	height: 29px;
	background: url(images/listGroup.gif) repeat-x;
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
}

.datebar_old {
	position: relative;
	border-top: 1px solid #7d7d7d;
	border-bottom: 1px solid #999999;
	padding: 1px 4px;
	height: 30px;
	width: 100%;
	background: url(images/listGroup.gif) repeat-x;
	font-size: 20px;
	font-weight: bold;
	line-height: 32px;
}

.datebar .prevButton {
	width: 20px;
	height: 30px;
	text-align: left;
	line-height: 30px;
	position: absolute;
	top: 0px;
	left: 0px;
	cursor: pointer;
}
.datebar .dateLabelLeft {
	width: 140px;
	height: 30px;
	text-align: right;
	line-height: 36px;
	position: absolute;
	top: 0px;
	right: 50%;
	cursor: pointer;
}
.datebar .dateLabelRight {
	width: 140px;
	height: 30px;
	text-align: left;
	line-height: 36px;
	position: absolute;
	top: 0px;
	left: 50%;
	cursor: pointer;
}
.datebar .nextButton {
	width: 20px;
	height: 30px;
	text-align: right;
	line-height: 30px;
	position: absolute;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.hiddenclass {
	display: none;
}

.poolrow {
	vertical-align: middle;
}

.poolrow .calendar {
	display: block;
	position: absolute;
	top: 20px;
	right: 0px;
}

.poolrow .buttoncalendar {
	display: block;
	position: absolute;
	top: 30px;
	right: 0px;
}

.poolrow .hiddencalendar {
	display: none;
}

.pooltemp_style {
	margin: 0;
	padding: 0;
	border: none;
	position: relative;
	width: 70px;
	height: 50px;
}

.Temperature {
	margin: 0px;
	border: none;
	padding: 0;
	width: 45px;
	height: 26px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #000;
	background-color: #15e2ff;
	text-align: right;
	z-index: 2;
	position: absolute;
	top: 10px;
	left:9px;
}

.TemperatureNoUpdate {
	margin: 0px;
	border: none;
	padding: 0;
	width: 45px;
	height: 26px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #000;
	background-color: #15e2ff;
	text-align: right;
	z-index: 2;
	position: absolute;
	top: 10px;
	left:9px;
}

.Thermostat {
	margin: 0px;
	border: none;
	padding: 0;
	width: 45px;
	height: 26px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 28px;
	font-weight: normal;
	color: #000;
	background-color: #15e2ff;
	text-align: right;
	z-index: 2;
	position: absolute;
	top: 10px;
	left:9px;
}

.horizontal_slider_display_combo {
	position: relative;
	margin: 0;
	border: none;
	padding: 0;
	background: none;
	width: 174px;
	height: 67px;
	clear: left;
}

.horizontal_slider_display_combo .display_area {
	border: none;
	padding: 0;
	margin: 0;
	width: 40px;
	height: 18px;
	background: none;
	position: absolute;
	top: 0px;
	left: 9px;
}
.horizontal_slider_display_combo .display_area .slider_display {
	border: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	z-index: 1;
	width: 40px;
	cursor: default;
	color: #000;
	line-height: 18px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	background-color: #d2d2d2;
	text-align: center;
	position: relative;
}

.horizontal_slider_display_combo .display_area .slider_display_white {
	border: none;
	padding: 0;
	margin: 0;
	font-weight: bold;
	font-size: 16px;
	z-index: 1;
	width: 40px;
	cursor: default;
	color: #000;
	line-height: 18px;
	font-family: tahoma, verdana, arial, helvetica, sans-serif;
	background-color: #ffffff;
	text-align: center;
	position: relative;
}

.horizontal_slider_display_combo .horizontal_slider_track {
	border: none;
	padding: 0;
	margin: 0;
	width: 174px;
	height: 48px;
	background: none;
	text-align: left;
	position: absolute;
	top: 18px;
	left: 0px;
	color: #d2d2d2;
	font-size: 0px;
}

.horizontal_slider_display_combo .horizontal_slider_track .slider_slit {
	position: absolute;
	top: 8px;
	left: 23px;
	background-color: #eee;
	width: 134px;
	height: 2px;
	margin: 16px 4px 2px;
	border-right: #ddd 1px solid;
	border-top: #555 1px solid;
	border-left: #999 1px solid;
	border-bottom: #fff 1px solid;
	color: #fff;
}

.horizontal_slider_display_combo .horizontal_slider_track .slider_area {
	border: none;
	padding: 0;
	margin: 0;
	z-index: 1;
	width: 174px;
	height: 50px;
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 0px;
}

.horizontal_slider_display_combo .horizontal_slider_track .slider {
	margin: 0px;
	border: none;
	font-size: 0px;
	z-index: 5;
	width: 58px;
	height: 50px;
	line-height: 0px;
	position: relative;
	background-image: url(images/slider2.gif);
	background-repeat: no-repeat;
}

@media print
{
.backButton {
	display:none;
}
.linkButton {
	display:none;
}
.backSubmitButton {
	display:none;
}
}
@media all
{
.backButton {
	position: absolute;
	top: 16px;
	left: 5px;
	width: 44px;
	height: 30px;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	z-index: 1;
}
.linkButton {
	display: none;
	width: 74px;
	height: 30px;
	padding: 0;
	margin-top: 6px;
	float: left;
	border: none;
	background: none;
}
.backSubmitButton {
	position: absolute;
	top: 16px;
	left: 5px;
	width: 44px;
	height: 30px;
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	z-index: 1;
}
}

.rightTemperature {
	position: absolute;
	top: 6px;
	right: 2px;
	border-width: 0px;
}

.rightButton {
	position: absolute;
	top: 16px;
	right: 6px;
	border-width: 0 5px;
}

.rightText {
	position: absolute;
	top: 16px;
	right: 6px;
	border-width: 0 5px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	cursor: default;
	color: #FFF;
	line-height: 28px;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

.rightWideButton {
	padding: 0;
	margin: 0;
	border: none;
	background: none;
	position: absolute;
	top: 16px;
	right: 0px;
	width: 66px;
	border-width: 0 5px;
}

.deleteButton {
	text-decoration: none;
	text-align: center;
}
.deleteButton button {
	width: 100px;
	height: 34px;
	font-size: 16px;
	font-weight: bold;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	color: #000;
}

/*
td {
	border-width: 1px;
	border-style: solid;
	border-color: #000;
	margin: 0;
	padding: 0;
}
*/

.activebox {
    position: absolute;
    height: 36px;
    width: 100px;
    border: 1px;
    border-color: #00f;
    border-style: solid;
    background-color: #ffffff;
    overflow: hidden;
    z-index: 1;
}

.selectedbox {
    position: absolute;
    height: 36px;
    width: 100px;
    border: 1px;
    border-color: #00f;
    border-style: solid;
    background-color: #ff8800;
    overflow: hidden;
    z-index: 1;
}

.unreachablebox {
    position: absolute;
    height: 36px;
    width: 100px;
    border: 1px;
    border-color: #00f;
    border-style: solid;
    background-color: #ff8080;
    overflow: hidden;
    z-index: 1;
}
 
.activebox:active {
    background-color: orange;
}

.unreachablebox:active {
    background-color: orange;
}

.line
{
	position:absolute;
}

.main_container {
	margin: 0;
	border: none;
	padding: 0;
	width: 100%;
	HEIGHT: 440px;
	TEXT-ALIGN: center;
	POSITION: relative;
	top: 1px;
}
.main_container_netmap {
	margin: 0;
	border: none;
	padding: 0;
	width: 100%;
	TEXT-ALIGN: center;
	POSITION: relative;
	top: 1px;
}
.main_container_center {
	margin: 0;
	border: none;
	padding: 0;
	width: 1px;
	HEIGHT: 1px;
	FONT-SIZE: 1px;
	background: none;
	display: inline;
	POSITION: relative;
	top: 0px;
	left: 0px;
	z-index: 6;
}

.main {
	display: inline;
	margin: 0;
	border: none;
	padding: 0;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	cursor: default;
	color: #000;
	width: 320px;
	height: 440px;
	text-align: center;
	position: relative;
	left: -160px;
}

#netMapScrollContainer {
	width: 100%;
	overflow: auto;
	overflow-y: hidden;
}

#netMapScroll {
	width: 100%;
	overflow: auto;
}

#netMapContainer {
	overflow: hidden;
}

.netMapBoxes {
	display: inline;
	margin: 0;
	border: none;
	padding: 0;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	cursor: default;
	color: #000;
	width: 1px;
	height: 1px;
	text-align: center;
	position: relative;
}

.netMapStatic {
	height: 440px;
	background-color: transparent;
	position: absolute; top: 0px; left: 0px;
}

.edit_style .infoTop {
	position: relative;
	margin: 8px 10px 0px 10px;
	border: none;
	padding: 0;
	width: 300px;
	HEIGHT: 38px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-color: #fff;
	background-image: url(images/infoOutlineTop.gif);
	background-repeat: no-repeat;
}
.edit_style .infoInner {
	position: relative;
	margin: 0px 10px;
	border: none;
	padding: 0;
	width: 300px;
	HEIGHT: 33px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-color: #fff;
	background-image: url(images/infoOutlineInner.gif);
	background-repeat: no-repeat;
}
.edit_style .infoBottom {
	position: relative;
	margin: 0px 10px 8px 10px;
	border: none;
	padding: 0;
	width: 300px;
	HEIGHT: 37px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-color: #fff;
	background-image: url(images/infoOutlineBottom.gif);
	background-repeat: no-repeat;
}
.edit_style .xxxDiv {
	width: 270px;
	HEIGHT: 30px;
	VERTICAL-ALIGN: middle;
	FONT-SIZE: 18px;
}
.edit_style .infoTextLeft {
	VERTICAL-ALIGN: middle;
	position: relative;
	margin: 0;
	border: none;
	padding-left: 4px;
	text-align: left;
}
.edit_style .infoTextRight {
	VERTICAL-ALIGN: middle;
	border: none;
	TEXT-ALIGN: right;
	COLOR: #02044a;
	display: block;
	margin: -8px -20px -8px -10px;
	padding: 9px 0px 7px 10px;
	text-decoration: none;
}
.infoMapItem {
	position: relative;
	margin: 0px 2px;
	border-bottom: 1px solid gray;
	padding: 0;
	width: 210px;
	height: 16px;
	vertical-align: middle;
	color: #000;
	font-size: 12px;
	line-height: 14px;
	background-color: #fff;
}
.thermostatStatusContainer {
	margin: 0;
	border: none;
	padding: 0;
	width: 92px;
	height: 58px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	font-weight: normal;
	text-align: center;
}
.thermostatStatusContainer .infoTop {
	margin-top: 0px;
	margin-bottom: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	width: 90px;
	height: 24px;
	vertical-align: middle;
	COLOR: #000;
}

.thermostatStatusContainer .infoBottom {
	margin-top: 3px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	width: 90px;
	height: 24px;
	vertical-align: middle;
	COLOR: #000;
}

.thermostatStatusContainer .infoCombined {
	margin-top: 0px;
	margin-bottom: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	width: 90px;
	height: 51px;
	vertical-align: middle;
	COLOR: #000;
}

.thermostat_status_container {
	margin: 0;
	border: none;
	padding: 0;
	width: 100%;
	height: 100%;
	position: relative;
	text-align: center;
}
.thermostat_status_style {
	MARGIN: 0 auto;
	border: none;
	padding: 0;
	FONT-FAMILY: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	CURSOR: default;
	COLOR: #000;
	width: 92px;
	HEIGHT: 100%;
	LINE-HEIGHT: 24px;
	background: none;
	TEXT-ALIGN: left;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
}
.thermostat_status_style .infoTop {
	position: relative;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	padding: 0;
	width: 90px;
	HEIGHT: 24px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	font-size: 15px;
	line-height: 24px;
	background-repeat: no-repeat;
}
.thermostat_status_style .infoBottom {
	position: relative;
	margin: 0;
	border-style: solid;
	border-width: 1px;
	border-color: #000;
	padding: 0;
	width: 90px;
	HEIGHT: 24px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	font-size: 15px;
	line-height: 24px;
	background-repeat: no-repeat;
}
.thermostat_status_style .xxxDiv {
	width: 65px;
	HEIGHT: 24px;
	VERTICAL-ALIGN: middle;
	FONT-SIZE: 15px;
}
.thermostat_status_style .infoTextLeft {
	VERTICAL-ALIGN: middle;
	position: relative;
	margin: 0;
	border: none;
	padding-left: 4px;
	text-align: left;
}
.thermostat_status_style .infoTextRight {
	VERTICAL-ALIGN: middle;
	border: none;
	TEXT-ALIGN: right;
	COLOR: #02044a;
	display: block;
	margin: -8px -20px -8px -10px;
	padding: 9px 0px 7px 10px;
	text-decoration: none;
}

.infoMessage {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: #444444;
	margin-top: 4px;
}
.deviceLabel {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.warnMessage {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 15px;
	font-weight: normal;
	color: red;
	margin-top: 4px;
}


.toolbar > h2 {
	MARGIN: 0 auto;
	border: none;
	padding: 0;
	FONT-FAMILY: tahoma, arial, verdana, helvetica, sans-serif;
	FONT-SIZE: 22px;
	FONT-WEIGHT: bold;
	CURSOR: default;
	COLOR: #FFF;
	width: 200px;
	HEIGHT: 30px;
	LINE-HEIGHT: 28px;
	TEXT-ALIGN: center;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	display: block;
	position: relative;
	top: 6px;
	left: 0px;
}

.toolbar > h3 {
	margin: 0px 0px 0px 0px;
	font-family: Arial, sans-serif;
	font-size: 18px;
}

.configStyle {
	MARGIN: 0 auto;
	border: none;
	padding: 0;
	FONT-FAMILY: tahoma, arial, verdana, helvetica, sans-serif;
	FONT-SIZE: 20px;
	FONT-WEIGHT: normal;
	CURSOR: default;
	COLOR: #000;
	width: 320px;
	HEIGHT: 360px;
	LINE-HEIGHT: 32px;
	BACKGROUND-COLOR: #d2d2d2;
	TEXT-ALIGN: left;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	list-style: none;
}

.configDivStyle {
	MARGIN: 0 auto;
	border: none;
	padding: 0;
	FONT-FAMILY: tahoma, arial, verdana, helvetica, sans-serif;
	FONT-SIZE: 18px;
	FONT-WEIGHT: normal;
	CURSOR: default;
	COLOR: #000;
	width: 100%;
	max-width: 360px;
	BACKGROUND-COLOR: #d2d2d2;
	TEXT-ALIGN: left;
	display: block;
	position: relative;
	top: 0px;
	left: 0px;
	list-style: none;
}

.configButton {
	position: relative;
	margin: 8px 10px;
	border: none;
	padding: 0;
	width: 300px;
	HEIGHT: 42px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-color: #fff;
	background-image: url(iuiImages/whiteEntry.gif);
	background-repeat: no-repeat;
}
.configSwitchButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 100px;
	HEIGHT: 26px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/AutoButton.gif);
	background-repeat: no-repeat;
}
.configSwitchNewButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 79px;
	HEIGHT: 29px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/AutoButtonNew.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
.configOnOffSwitchButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 100px;
	HEIGHT: 26px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/OffButton.gif);
	background-repeat: no-repeat;
}
.configOnOffNewSwitchButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 79px;
	HEIGHT: 29px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/OffButtonNew.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
.configOnSwitchButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 100px;
	HEIGHT: 26px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/OnButton.gif);
	background-repeat: no-repeat;
}
.configOnNewSwitchButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 79px;
	HEIGHT: 29px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/OnButtonNew.png);
	background-repeat: no-repeat;
}
.configAdminSwitchButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 100px;
	HEIGHT: 26px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/adminSwitch.png);
	background-repeat: no-repeat;
}
.configUserSwitchButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 100px;
	HEIGHT: 26px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/userSwitch.png);
	background-repeat: no-repeat;
}
.configAdminSwitchNewButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 87px;
	HEIGHT: 29px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/AdminSwitch.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
.configUserSwitchNewButton {
	position: relative;
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 87px;
	HEIGHT: 29px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-image: url(images/UserSwitch.png);
	background-repeat: no-repeat;
	background-color:transparent;
}
.configDiv {
	width: 260px;
	HEIGHT: 30px;
	VERTICAL-ALIGN: middle;
	FONT-SIZE: 18px;
}
.configDivWide {
	width: 290px;
	HEIGHT: 42px;
	VERTICAL-ALIGN: middle;
	FONT-SIZE: 18px;
}
.configWide {
	width: 290px;
	HEIGHT: 42px;
	FONT-SIZE: 18px;
}
.configNewWide {
	width: 96%;
	max-width: 350px;
	min-height: 42px;
	font-size: 18px;
}
.configNewWideTall {
	width: 96%;
	max-width: 350px;
	min-height: 54px;
	font-size: 18px;
}
.configNewDescription {
	width: 96%;
	max-width: 350px;
	min-height: 42px;
	font-size: 18px;
}
.configTextInfo {
	margin-top: 4px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	clear: left;
	float: left;
}
.configTextLeft {
	VERTICAL-ALIGN: middle;
	position: relative;
	margin: 0;
	border: none;
	padding-left: 4px;
	text-align: left;
}
.configRightFloatOption {
	margin-right: 4px;
	font-size: 18px;
	float: right;
	overflow: hidden;
	color: #02044A;
	font-weight: normal;
}
.configRightFloatArrow {
	margin-right: 4px;
	margin-top: 0px;
	float: right;
}

.configTitle {
	margin-top: 2px;
	margin-bottom: 4px;
	float: left;
}

.configTextRight {
	VERTICAL-ALIGN: middle;
	border: none;
	TEXT-ALIGN: right;
	COLOR: #02044a;
	display: block;
	margin: 0;
	padding: 9px 20px 7px 10px;
	text-decoration: none;
	background: url(images/listArrowNarrow.png) no-repeat right center;
}

.configMenuRight {
	height: 100%;
	vertical-align: middle;
	border: none;
	text-align: right;
	text-decoration: none;
	background: none;
}

.configMenu {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: right;
}

.configMenuLeft {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: left;
}

.configMenuAndroid {
	height: 38px;
	line-height: 36px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	border: none;
	background: url(images/listArrowNarrow.png) no-repeat right center;
}

.configMenuAndroidText {
	height: 38px;
	line-height: 36px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	padding: 0px;
	border: none;
}

.configButtonRight {
	VERTICAL-ALIGN: middle;
	border: none;
	TEXT-ALIGN: right;
	COLOR: #02044a;
	display: block;
	margin: -8px -20px -8px -10px;
	padding: 9px 6px 7px 10px;
	text-decoration: none;
}
.configRepeatText {
	VERTICAL-ALIGN: middle;
	TEXT-ALIGN: right;
	COLOR: #aaa;
	display: block;
	margin: -8px -20px -8px -10px;
	padding: 9px 20px 7px 4px;
	text-decoration: none;
	background: url(images/listArrowNarrow.png) no-repeat right center;
}
.configRepeatText b {
	FONT-WEIGHT: normal;
	COLOR: #02044a;
}

.configSliderNormal {
	margin-left:8px;
	display: block;
}

.configSliderInvisible {
	margin-left:8px;
	display: none;
}

.configSliderGray {
	margin-left:8px;
	opacity:0.2;
	filter:alpha(opacity=20);
}

.underline {
	margin: 0;
	width: 100%;
	height: 4px;
	border-bottom: 1px solid #E0E0E0;
	padding: 0px;
}

.thrmGraphContainer {
	margin: 0;
	border: none;
	padding: 0;
	width: 100%;
	text-align: center;
	position: relative;
	top: 1px;
}
#thrmGraphTypeContainer {
	margin: 0;
	border: none;
	padding: 0;
	width: 100%;
	text-align: center;
	position: relative;
	top: 1px;
	display:none;
}
#thrmGraphCentered {
	display: block;
	margin: 0 auto;
	border: none;
	padding: 0;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 480px;
	height: 320px;
	position: relative;
}
.thrmGraphKey {
	display: block;
	margin: 0 auto;
	border: none;
	padding: 0;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 410px;
	position: relative;
}
.thrmGraphColorLine {
	display:block;
	float:right;
	margin: 8px 8px 0px 0px;
	border: none;
	padding: 0;
	width: 34px;
	height: 2px;
	overflow: hidden;
}
.thrmGraphColorBox {
	display:block;
	float:right;
	margin: 2px 8px 2px 8px;
	border: none;
	padding: 0;
	width: 14px;
	height: 14px;
	overflow: hidden;
}

.tgCenteredType, .tzgCenteredType {
	display: block;
	margin: 0 auto;
	border: none;
	padding: 0;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 200px;
	line-height: 22px;
	height: 40px;
	position: relative;
}
.styled-select {
	height: 28px;
	width: 200px;
	background: #fff url(images/listArrowDown.png) no-repeat right center;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	margin-top: 5px;
	margin-bottom: 4px;
	border: 1px solid #000;
	border-radius: 4px;
	overflow: hidden;
}
#thermGraphType {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: black;
	background: transparent;
	border: none;
	width: 228px;
	height: 28px;
	padding-top: 3px;
}

#tgCentered {
	display: block;
	margin: 0 auto;
	border: none;
	padding: 0;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 480px;
	height: 284px;
	position: relative;
}
.tzgCentered {
	display: block;
	margin: 0 auto;
	border: none;
	padding: 0;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	width: 720px;
	height: 284px;
	position: relative;
}
#tgScaleLeft, .tzgScaleLeft {
	width: 26px;
	height: 218px;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	padding-right: 3px;
	position: absolute; top: 41px; left:0px;
	display:block;
	z-index: 5;
}
.tzgScaleRight {
	width: 26px;
	height: 218px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	position: absolute; top: 41px; left:466px;
	display:block;
	z-index: 5;
}
.tzgKey {
	width: 220px;
	min-height: 20px;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	position: absolute; top: 41px; left:494px;
	display:block;
	border-width: 2px;
	border-color: #aaa;
	border-style: ridge;
	overflow: auto;
}
.tzgGraphColorLine {
	display:block;
	float:right;
	margin-right: 3px;
	margin-top: 2px;
	width: 24px;
	overflow: hidden;
}
.tzgGraphColorBox {
	display:block;
	float:right;
	margin: 5px 8px 0px 8px;
	border: none;
	padding: 0;
	width: 14px;
	height: 14px;
	overflow: hidden;
}
.tzgMessage {
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-color: #000;
	width:176px;
	height:30px;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	background-color: #d7d7d7;
	zindex: 5;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 60px;
	display: none;
}
@media print {
	.tgHideBlockImg, .tzgHideBlockImg {
		display:none;
	}
}
#tgLeftBlockImg, .tzgLeftBlockImg {
	width: 30px;
	height: 217px;
	position: absolute; top: 32px; left:0px;
	z-index: 4;
}
#tgLeftBlockPrintImg, .tzgLeftBlockPrintImg {
	width: 30px;
	height: 217px;
	position: absolute; top: 32px; left:0px;
	display:block;
	z-index: 3;
}
#tgRightBlockImg, .tzgRightBlockImg {
	width: 18px;
	height: 217px;
	position: absolute; top: 32px; left:462px;
	z-index: 4;
}
#tgRightBlockPrintImg, .tzgRightBlockPrintImg {
	width: 18px;
	height: 217px;
	position: absolute; top: 32px; left:462px;
	display:block;
	z-index: 3;
}
#tgScrollableAnchor, .tzgScrollableAnchor {
	width: 468px;
	height: 272px;
	font-size: 9px;
	text-align: right;
	position: absolute; top: 0px; left:12px;
}
#tgScrollable, .tzgScrollable {
	width: 468px;
	height: 272px;
	position: relative;
	overflow: auto;
}
#tgScaleTopAnchor, .tzgScaleTopAnchor {
	width: 468px;
	height: 32px;
	font-size: 12px;
	text-align: center;
	position: absolute; top: 0px; left:0px;
}
#tgScaleTop, .tzgScaleTop {
	width: 468px;
	height: 32px;
	font-size: 12px;
	text-align: center;
	position: relative;
}
.tzgCanvas {
	width: 468px;
	height: 217px;
	background-color: #eee;
	position: absolute; top: 32px; left: 0px;
}
.tgCanvasDiv {
	width: 468px;
	height: 249px;
	background-color: #eee;
	position: absolute; top: 0px; left: 0px;
}
.tgCanvasCanvas {
	position: relative;
	float: left;
	width: 468px;
	height: 217px;
}
.tzgCanvasOverlay {
	width: 432px;
	height: 217px;
	background-color: transparent;
	position: absolute; top: 32px; left: 18px;
}
#tgMessage {
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-color: #000;
	width:176px;
	height:30px;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	background-color: #d7d7d7;
	position:absolute; top: 100px; left: 126px;
	zindex: 5;
	display: none;
}

#thrmGraphTemperaturePanel {
	width: 28px;
	height: 236px;
	font-size: 12px;
	line-height: 18px;
	text-align: right;
	position: absolute; top: 23px; left:0px;
}
#thrmGraphDrawPanel {
	width: 434px;
	height: 237px;
	font-size: 9px;
	text-align: right;
	position: absolute; top: 32px; left:30px;
}
#thrmGraphInnerPanel {
	width: 432px;
	height: 235px;
	border: 1px solid #888;
	position: relative;
	overflow: auto;
}
#thrmGraphInnerGrid {
	width: 432px;
	height: 215px;
	background-image: url('images/graphBox.gif');
	position: relative;
}
#thrmGraphCanvas {
	width: 432px;
	height: 215px;
	background-color: #eee;
	position: absolute; top: 0px; left: 0px;
}
.thrmGraphDayLabel {
	width: 468px;
	height: 32px;
	font-size: 12px;
	text-align: center;
	position: absolute; top: 0px; left:13px;
}
.thrmGraphDayWindow {
	width: 468px;
	height: 32px;
	position: relative;
	overflow: hidden;
}
#thrmGraphDayAnchor {
	width: 468px;
	height: 32px;
	position: absolute;
}
#thrmGraphDayContainer {
	width: 468px;
	height: 32px;
	position: relative;
}
.thrm_graph_container {
	margin: 0;
	border: none;
	padding: 0;
	WIDTH: 100%;
	HEIGHT: 320px;
	TEXT-ALIGN: center;
	POSITION: relative;
	top: 1px;
}
.thrm_graph_container_center {
	margin: 0;
	border: none;
	padding: 0;
	WIDTH: 1px;
	HEIGHT: 1px;
	FONT-SIZE: 1px;
	background: none;
	display: inline;
	POSITION: relative;
	top: 0px;
	left: 0px;
	z-index: 6;
}
.thrm_graph_style {
	display: inline;
	margin: 0;
	border: none;
	padding: 0;
	FONT-FAMILY: tahoma, arial, verdana, helvetica, sans-serif;
	FONT-SIZE: 14px;
	FONT-WEIGHT: normal;
	CURSOR: default;
	COLOR: #000;
	WIDTH: 480px;
	HEIGHT: 320px;
	BACKGROUND-COLOR: #d2d2d2;
	TEXT-ALIGN: center;
	POSITION: relative;
	left: -240px;
}
.thrm_graph_style .temperaturePanel {
	WIDTH: 28px;
	HEIGHT: 236px;
	FONT-SIZE: 12px;
	LINE-HEIGHT: 18px;
	TEXT-ALIGN: right;
	POSITION: absolute; top: 23px; left:0px;
}
.thrm_graph_style .thrmDrawPanel {
	WIDTH: 432px;
	HEIGHT: 218px;
	BACKGROUND-COLOR: #888;
	FONT-SIZE: 9px;
	TEXT-ALIGN: right;
	POSITION: absolute; top: 31px; left:31px;
}
.thrm_graph_style .thrmDrawPanel .thrmInnerPanel {
	width: 432px;
	height: 218px;
	background-color: #888;
	position: relative;
}

.thrm_graph_style .thrmDrawPanel .thrmInnerPanel .thrmInnerGrid {
	width: 432px;
	height: 215px;
	margin-top: 3px;
	background-image: url('images/graphBox.gif');
	position: relative;
}

.thrm_graph_style .thrmDrawPanel .thrmInnerPanel .thrmCanvas {
	width: 432px;
	height: 218px;
	background-color: transparent;
	position: absolute; top: 0px; left: 0px;
}
.thrm_graph_style .thrmDrawPanel .thrmInnerPanel .dayColumn {
	MARGIN: 0px;
	padding: 0;
	BORDER-LEFT-WIDTH: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	BORDER-TOP-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	WIDTH: 34px;
	HEIGHT: 216px;
	BACKGROUND-COLOR: #EEEEEE;
	POSITION: relative;
}
.thrm_graph_style .thrmDrawPanel .thrmInnerPanel .dayColumn .grayLine {
	position:absolute;
	left:0px;
	width:34px;
	height:1px;
	background-color: #d7d7d7;
}
.thrm_graph_style .dayLabel {
	WIDTH: 468px;
	HEIGHT: 32px;
	FONT-SIZE: 12px;
	TEXT-ALIGN: center;
	POSITION: absolute; top: 0px; left:13px;
}
.thrm_graph_style .rangeBox {
	margin: 0px;
	display: block;
	WIDTH: 200px;
	HEIGHT: 18px;
	FONT-SIZE: 14px;
	TEXT-ALIGN: left;
	POSITION: absolute; top: 290px; left:8px;
}

.thrm_graph_style .rangeBox button {
	color: #999;
}

.thrm_graph_style .rangeBox b {
	color: #000;
}

.thrmNoDataMsg {
	border-bottom: 1px solid #E0E0E0;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-color: #000;
	width:176px;
	height:30px;
	text-align: center;
	font-size: 18px;
	line-height: 26px;
	background-color: #d7d7d7;
	position:absolute; top: 100px; left: 126px;
	z-index: 5;
	display: none;
}

.datebar .thrmPrevButton {
	width: 50px;
	height: 30px;
	text-align: left;
	line-height: 30px;
	position: absolute;
	padding-top: 5px;
	padding-left: 5px;
	top: 0px;
	left: 0px;
	cursor: pointer;
}

.datebar .thrmNextButton {
	width: 50px;
	height: 30px;
	text-align: right;
	line-height: 30px;
	position: absolute;
	padding-top: 5px;
	padding-right: 5px;
	top: 0px;
	right: 0px;
	cursor: pointer;
}

.remoteLayout {
	border: 0;
	margin: 0;
	padding: 3px;
	background-color: #000;
	list-style: none;
}

.remoteList {
	border: 0;
	margin: 0;
	padding: 0;
}

.unusedKey {
	display: none;
}

.remoteKey {
	border: 0;
	margin: 0;
	padding: 0;
	color: #fff;
	width: 102px;
	height: 68px;
	text-align: center;
	font-size: 28px;
	line-height: 68px;
	background: url(images/remoteKey.png) no-repeat center center;
	display: inline;
}

.selectKey {
	border: 0;
	margin: 2px;
	padding: 0;
	color: #fff;
	width: 310px;
	height: 138px;
	text-align: center;
	font-size: 24px;
	line-height: 136px;
	background: url(rImages/select.png) no-repeat center center;
	display: inline;
}

.glowImage {
	border: 0;
	margin: 0;
	padding: 0;
	top: 0px;
	left: 0px;
	width: 10px;
	height: 10px;
	position: fixed;
	display: none;
	z-index: 2;
}

.remoteKeyPressed {
	border: 0;
	margin: 0;
	padding: 0;
	color: #fff;
	width: 102px;
	height: 68px;
	text-align: center;
	font-size: 28px;
	line-height: 68px;
	background: url(images/remoteKeyPressed.png) no-repeat center center;
	display: inline;
}

.topMenu {
	position: absolute;
	left: 50%;
	margin: 1px 0 0 -83px;
	font-size: 24px;
	width: 166px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	height: 36px;
	background: url(images/topMenuBG.gif) repeat-x;
}

.configMenuOrig {
	position: absolute;
	left: 70%;
	margin: 1px 0 0 -83px;
	width: 166px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	height: 36px;
	background: url(images/topMenuBG.gif) repeat-x;
}

.pageButton {
	position: absolute;
	right: 6px;
	top: 16px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 55px;
	height: 30px;
	background: url(images/pageButton.png) no-repeat;
}

.configGroup {
	display:block;
	width: 350px;
	margin: 10px 4px 2px 4px;
	background-color: white;
	border: 1px solid #466ea0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	overflow: hidden;
}

.configGroupLabel {
	background-color: #466ea0;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom: 0px;
	color: white;
}

.configGroupItem {
	width: 98%;
	max-width: 350px;
	min-height: 42px;
	font-size: 18px;
}

.configHeader {
	position: relative;
	margin: 8px 10px 6px 10px;
	border: none;
	padding: 0;
	width: 300px;
	height: 36px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
}

.configBox {
	position: relative;
	margin: 8px 10px;
	border: 1px solid #000;
	padding: 0;
	width: 300px;
	height: 42px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	background-color: #fff;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.configBoxAuto {
	position: relative;
	margin: 8px 10px;
	border: 1px solid #000;
	padding: 0;
	width: 300px;
	min-height: 42px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	background-color: #fff;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.configBoxAutoWide {
	position: relative;
	margin: 8px 10px;
	border: 1px solid #000;
	padding: 0;
	width: 316px;
	min-height: 42px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	background-color: #fff;
	overflow: hidden;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

.configBoxTop {
	position: relative;
	margin-top: 8px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	border: 1px solid #000;
	padding: 0;
	width: 300px;
	height: 42px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	background-color: #fff;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}

.configBoxMiddle {
	position: relative;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 0px;
	border-top: 0px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0;
	width: 300px;
	height: 41px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	background-color: #fff;
}

.configBoxBottom {
	position: relative;
	margin-top: 0px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 8px;
	border-top: 0px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0;
	width: 300px;
	height: 41px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	background-color: #fff;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
}

.userText {
	display: block;
	margin-left: 8px;
}

.userButton_old {
	position: relative;
	margin: 14px 10px;
	border: none;
	padding: 0;
	width: 300px;
	HEIGHT: 42px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-color: #fff;
	background-image: url(iuiImages/whiteEntry.gif);
	background-repeat: no-repeat;
}

.userButton {
	position: relative;
	margin: 14px 10px;
	border: 1px solid #000;
	padding: 0;
	width: 300px;
	height: 42px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	background-color: #fff;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.userButtonClose_old {
	position: relative;
	margin: 4px 4px;
	border: none;
	padding: 0;
	width: 300px;
	HEIGHT: 42px;
	VERTICAL-ALIGN: middle;
	COLOR: #000;
	FONT-SIZE: 20px;
	LINE-HEIGHT: 36px;
	background-color: #fff;
	background-image: url(iuiImages/whiteEntry.gif);
	background-repeat: no-repeat;
}

.userButtonClose {
	position: relative;
	margin: 4px 10px;
	border: 1px solid #000;
	padding: 0;
	width: 300px;
	height: 42px;
	vertical-align: middle;
	color: #000;
	font-size: 20px;
	line-height: 36px;
	background-color: #fff;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.emailUserText {
	display: block;
	overflow: hidden;
	font-size: 16px;
	margin-left: 8px;
}

.rightUserText {
	float: right;
	font-size: 16px;
	font-weight: bold;
	margin-right: 32px;
	margin-top: 0px;
	cursor: default;
	color: #FFF;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
}

.leftFloatLabel {
	margin-left: 4px;
	margin-top: 5px;
	font-size: 18px;
	max-width: 250px;
	overflow: hidden;
	float: left;
}

.leftFloatButtonLabel {
	margin-left: 10px;
	margin-top: 5px;
	font-size: 18px;
	float: left;
}

.leftFloatText {
	margin-left: 4px;
	margin-top: 5px;
	font-size: 18px;
	line-height: 20px;
	float: left;
}

.leftFloatFootnoteText {
	margin-left: 0px;
	margin-top: 2px;
	font-size: 10px;
	line-height: 10px;
	text-align: left;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	clear: both;
}

.rightFloatText {
	margin-right: 4px;
	margin-top: 5px;
	font-size: 18px;
	float: right;
	overflow: hidden;
}

.rightFloatSubText {
	margin-right: 4px;
	margin-top: 18px;
	font-size: 16px;
	line-height: 20px;
	float: right;
	overflow: hidden;
	text-align: right;
}

.rightFloatButton {
	margin-right: 2px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0;
	padding: 0px;
	float: right;
	background-color: transparent;
}
.rightFloatOption {
	margin-right: 4px;
	margin-top: 5px;
	font-size: 18px;
	float: right;
	overflow: hidden;
	color: #02044A;
	font-weight: normal;
}

.centerFloatText {
	text-align: center;
	width: 100%;
	margin-top: 5px;
	font-size: 14px;
}

.rightFloatSelect {
	margin-right: 6px;
	margin-top: 5px;
	float: right;
}

.rightFloatTemp {
	margin-right: 4px;
	margin-top: 12px;
	float: right;
}

.rightFloatWeight {
	margin-right: 6px;
	margin-top: 22px;
	font-size: 18px;
	float: right;
	font-weight: normal;
}
.rightFloatTwoLineText {
	margin-right: 4px;
	margin-top: 8px;
	font-size: 12px;
	line-height: 14px;
	width: 40px;
	text-align: center;
	float: right;
}

.rightFloatInput {
	margin-right: 4px;
	margin-top: 8px;
	font-size: 16px;
	float: right;
}

.rightFloatToggle {
	margin-right: 4px;
	margin-top: 6px;
	font-size: 16px;
	float: right;
}

.rightFloatArrow {
	margin-right: 4px;
	margin-top: 12px;
	float: right;
}

.listrow {
	vertical-align: middle;
	width: 100%;
	min-height: 54px;
}

.popUpSelector {
	width: 250px;
	height: 120px;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 20px;
	border-right: 1px solid #2d3642;
	border-bottom: 1px solid #2d3642;
	border-left: 1px solid #6d84a2;
	border-top: 1px solid #6d84a2;
	background-color: #ffffff;
	font-family: Helvetica;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 9;
}

.popUpAlert {
	width: 210px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 16px;
	line-height: 18px;
	font-family: Helvetica;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
}

#systemModePickerPopup {
	width: 250px;
	height: 120px;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 20px;
	border-right: 1px solid #2d3642;
	border-bottom: 1px solid #2d3642;
	border-left: 1px solid #6d84a2;
	border-top: 1px solid #6d84a2;
	background-color: #ffffff;
	font-family: Helvetica;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 9;
}

#humiditySliderPopup {
	width: 280px;
	margin: 0;
	padding: 0;
	font-size: 18px;
	line-height: 20px;
	border-right: 1px solid #2d3642;
	border-bottom: 1px solid #2d3642;
	border-left: 1px solid #6d84a2;
	border-top: 1px solid #6d84a2;
	background-color: #ffffff;
	font-family: Helvetica;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 10px 10px 5px #888;
	-webkit-box-shadow: 10px 10px 5px #888;
	box-shadow: 10px 10px 5px #888;
	z-index: 9;
}

.tallHumiditySlider {
	height: 190px;
}

.shortHumiditySlider {
	height: 120px;
}

.humidityAction {
	vertical-align: middle;
	text-align: center;
	font-size: 18px;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.deleteEmailNotice {
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0;
	padding: 0px;
	float: right;
	background-color: transparent;
}

.deleteTxtNotice {
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0;
	padding: 0px;
	float: right;
	background-color: transparent;
}

.deleteSecondaryGateway {
	margin-right: 3px;
	margin-top: 5px;
	margin-bottom: 0px;
	margin-left: 0px;
	border: 0;
	padding: 0px;
	float: right;
	background-color: transparent;
}

.thermUsage {
	min-width: 726px;
	font-size: 12px;
	overflow: auto;
}

.thermUsage #startdate {
	font-size: 16px;
	height: 24px;
}

.thermUsage .topArea {
	min-width: 706px;
}

.thermUsage .sidebar {
	display: block;
	margin: 4px 0px 0px 4px;
	padding: 0px;
	width: 16%;
	max-width: 186px;
	height: 620px;
	border: 1px;
	border-style: solid;
	border-color: #000;
	background-color: #fff;
	float: left;
	position: relative;
}

.thermUsage .sidescroll {
	padding: 8px 8px 8px 4px;
	height: 440px;
	overflow: scroll;
}

.thermUsage .sideselect {
	width: 95%;
	min-width: 168px;
	height: 148px;
	margin: 10px 0px 0px 0px;
	padding: 4px 0px 0px 4px;
	border-top: 1px;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-style: solid;
	border-color: black;
	line-height: 22px;
	overflow: hidden;
}

.thermUsage .sidelist {
	width: 180px;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

#thermUsageGraphType {
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-size: 22px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
	background: url(iuiImages/graphTypeSelect.png) #6d84a2 repeat-x;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border-width: 1px 2px 1px 2px;
	border-color: white;
}

.choiceBox {
	width: 168px;
}

.choiceLabel {
	float: left;
}

.choiceOptions {
	margin-right: 8px;
	font-size: 9px;
	float: right;
}

.stackedChart {
	display: block;
	margin: 4px 4px 0px 0px;
	width: 82%;
	height: 620px;
	border: 1px;
	border-style: solid;
	border-color: #000;
	background-color: #fff;
	float: left;
	position: relative;
}

.chart {
	display: block;
	margin: 0px;
	width: 100%;
	height: 310px;
	border: 0px;
	border-style: none;
	border-color: #000;
	background-color: #fff;
	position: relative;
}

.chart .range {
	display: block;
	width: 5%;
	height: 310px;
	background-color: #999;
	position: relative;
}
.chart .chartright {
	display: block;
	width: 95%;
	height: 290px;
	position: absolute;
	left: 5%;
	top: 0px;
}
.chart .chartright .bars {
	margin: 0;
	border: none;
	display: block;
	width: 100%;
	height: 200px;
	background-color: #fff;
	position: relative;
}
.chart .chartright .bars .heatBar {
	display: block;
	margin: 0px;
	border: 1px;
	border-style: solid;
	border-color: #666;
	text-align: center;
	position: absolute;
	background-color: #ff5555;
	z-index: 5;
}
.chart .chartright .bars .coolBar {
	display: block;
	margin: 0px;
	border: 1px;
	border-style: solid;
	border-color: #666;
	text-align: center;
	position: absolute;
	background-color: #00ffff;
	z-index: 5;
}
.chart .chartright .bars .heatSegment {
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;
	border: none;
}
.chart .chartright .bars .barValue {
	display: block;
	margin: 0px;
	border: 0px;
	border-style: none;
	text-align: center;
	position: absolute;
	z-index: 6;
}
.chart .chartright .barlabels {
	margin: 0;
	border: none;
	display: block;
	width: 100%;
	height: 60px;
	background-color: #999;
	position: relative;
}
.chart .chartright .chartTypeHeading {
	margin: 0;
	padding: 8px 0px 0px 0px;
	border: none;
	display: block;
	width: 100%;
	height: 22px;
	font-size: 18px;
	font-weight: bold;
	background-color: #fff;
	text-align: center;
	position: relative;
}

.chart .chartright .totallabels {
	margin: 0;
	padding: 0px 0px 0px 0px;
	border: none;
	display: block;
	width: 100%;
	height: 20px;
	background-color: #fff;
	text-align: center;
	position: relative;
}
.chart .chartright .barlabels .barlabel {
	margin: 0;
	border: none;
	display: block;
	height: 20px;
	top: 5px;
	text-align: center;
	position: absolute;
	z-index: 5;
}
.chart .chartright .barlabels .barhour {
	margin: 0;
	border: none;
	border-top: 0px;
	border-left: 1px solid #000;
	border-right: 0px;
	border-bottom: 0px;
	display: block;
	height: 20px;
	top: 5px;
	text-align: center;
	position: absolute;
	z-index: 5;
}
.deviceCheckBox {
	vertical-align: -10%;
}
.deviceCheckBoxGray {
	vertical-align: -10%;
	opacity:0.5;
	filter:alpha(opacity=50);
}
.colorBox {
	border: none;
	margin: 0px;
	padding: 0px;
	width: 12px;
	height: 12px;
	vertical-align: -10%;
}
.colorBoxGray {
	border: none;
	margin: 0px;
	padding: 0px;
	width: 12px;
	height: 12px;
	vertical-align: -10%;
	opacity:0.3;
	filter:alpha(opacity=30);
}
.thermUsage .colorPicker {
	display: none;
	border: 1px solid #111;
	margin: 1px;
	padding: 0px;
	width: 120px;
	height: 60px;
	line-height: 24px;
	position: absolute;
	top: 150px;
	left: 46px;
	background-color: #999;
	z-index: 8;
}
.thermUsage .colorPicker .cpLightRed {
	border: 3px solid #999;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #ff5555;
}
.thermUsage .colorPicker .cpCyan {
	border: 3px solid #999;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #00ffff;
}
.thermUsage .colorPicker .cpBlue {
	border: 3px solid #999;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #0000ff;
}
.thermUsage .colorPicker .cpSpringgreen {
	border: 3px solid #999;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #00ff7f;
}
.thermUsage .colorPicker .cpMagenta {
	border: 3px solid #999;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #ff00ff;
}
.thermUsage .colorPicker .cpYellow {
	border: 3px solid #999;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #ffff00;
}
.thermUsage .colorPicker .cpOrange {
	border: 3px solid #999;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #ffa500;
}
.thermUsage .colorPicker .cpDarkMagenta {
	border: 3px solid #999;
	margin: 0px;
	padding: 0px;
	width: 24px;
	height: 24px;
	float: left;
	background-color: #8b008b;
}
.remoteHeader {
	position: relative;
	margin: 0;
	border-bottom: 1px solid #E0E0E0;
	padding: 8px 0px 8px 10px;
	font-size: 12px;
	font-weight: bold;
	list-style: none;
	background-color: #aaaaaa;
}
.remoteSlaveHeader {
	font-size:14px;
	padding: 10px 0px 0px 12px;
	line-height:18px;
	border-bottom: 1px solid #E0E0E0;
}
.remoteSlaveHeader2 {
	font-size:14px;
	line-height:18px;
	font-weight: normal;
	border-bottom: 1px solid #E0E0E0;
}
.remoteSlaveHeader3 {
	font-size:14px;
	line-height:18px;
	font-weight: normal;
}
.remoteListImage {
	float: left;
	line-height: 20px;
}
.remoteListText {
	margin-left: 6px;
	margin-top: 6px;
	float: left;
	line-height: 20px;
}
.remoteListHref {
	line-height: 50px;
}
.invisible {
	display: none;
}
.hotelNameBlock {
	width: 110px;
	height: 50px;
	display: block;
}
.hotelNameItem {
	width: 100%;
	margin-top: 24px;
}
.hotelVacantItem {
	margin: 0px;
}

.textareaPicker {
	width: 320px;
	height: 164px;
	margin: 0;
	padding: 6px 0px 0px 16px;
	border-right: 1px solid #2d3642;
	border-bottom: 1px solid #2d3642;
	border-left: 1px solid #6d84a2;
	border-top: 1px solid #6d84a2;
	background-color: #ffffff;
	font-size: 16px;
	font-family: tahoma,arial,verdana,helvetica;
	font-weigth:normal;
	color: #000000;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	z-index: 9;
}

.loginContainer {
	width:340px;
	height:313px;
	background-image:url(images/pickerLogin.png);
	margin-top:20px;
	margin-left:16px;
}

.loginTopBox {
	width:313px;
	height:66px;
	background-color:#464747;
	display:block;
	margin-left:7px;
	-moz-border-radius-topleft:20px;
	-moz-border-radius-topright:20px;
	-webkit-border-top-left-radius:20px;
	-webkit-border-top-right-radius:20px;
        border-top-left-radius:20px;
	border-top-right-radius:20px;
	border-bottom: 2px solid #888888;
}

.loginBottomBox {
	width:313px;
	height:215px;
	background-color:#464747;
	display:block;
	margin-left:7px;
	-moz-border-radius-bottomleft:20px;
	-moz-border-radius-bottomright:20px;
	-webkit-border-bottom-left-radius:20px;
	-webkit-border-bottom-right-radius:20px;
        border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	border-top: 2px solid #ffffff;
}

.mySitesMsg {
	font-size: 10px;
	float: right;
	color: black;
}

.tzg_slider_track {
	border-right: none;
	padding-right: 4px;
	border-top: none;
	padding-left: 4px;
	font-size: 0px;
	float: left;
	padding-bottom: 4px;
	margin: 0px;
	border-left: none;
	width: 488px;
	color: transparent;
	line-height: 0px;
	padding-top: 4px;
	border-bottom: none;
	background-color: transparent;
	text-align: left;
}
.tzg_slider_track .slider_slit {
	border-right: #ddd 1px solid;
	border-top: #555 1px solid;
	margin: 16px 4px 2px;
	border-left: #999 1px solid;
	width: 432px;
	color: #fff;
	line-height: 0px;
	border-bottom: #fff 1px solid;
	position: absolute;
	left: 26px;
	height: 2px;
	background-color: #666
}
.tzg_slider_track .slider_area {
	border-right: 0px;
	border-top: 0px;
	font-size: 0px;
	z-index: 5;
	margin: 0px;
	border-left: 0px;
	width: 480px;
	line-height: 0px;
	border-bottom: 0px;
	position: relative;
	height: 50px;
	top: -6px;
	left: -4px
}
.tzg_slider_track .slider {
	margin: 0px;
	border: none;
	font-size: 0px;
	z-index: 5;
	width: 58px;
	height: 50px;
	line-height: 0px;
	position: relative;
	background-image: url(images/slider2.gif);
	background-repeat: no-repeat;
	-webkit-user-select: none;
}
.canvasToolTip {
	position: absolute;
	border: 1px solid #0000ff;
	padding: 3px;
	background-color: #ffffff;
	color: #000000;
	font-size: 12px;
	font-family: tahoma,arial,verdana,helvetica;
	font-weigth:normal;
	z-index: 9;
}

.roundGradientButton {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: 29px;
	margin-top: 9px;
	background-color: #466ea0;
	color: white;
	font-size: 18px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	border:0px;
}

.roundGradientButtonDisabled {
	margin-left: auto;
	margin-right: auto;
	width: 200px;
	height: 29px;
	margin-top: 9px;
	color: white;
	font-size: 18px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(1, #888888) );
	background:-moz-linear-gradient( center top, #dddddd 5%, #888888 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#888888');
	border:0px;
}

.overlay {
	background-color: rgba(0, 0, 0, 0.2);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: fixed;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1;
}

.overlayAbsolute {
	background-color: rgba(0, 0, 0, 0.2);
	bottom: 0;
	cursor: default;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	visibility: hidden;
	z-index: 1;
}

.popup {
	visibility: hidden;
	opacity: 0;
	width: 250px;
	min-height: 120px;
	margin: 0;
	padding: 0px 0px 10px 0px;
	font-size: 18px;
	line-height: 20px;
	border: 1px solid #000;
	background-color: #fff;
	font-family: Helvetica;
	color: #000;
	margin-left: auto;
	margin-right: auto;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	z-index: 11;
}

.popupButton {
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	width: 100px;
	margin: 18px 0px 10px 16px;
}

.popupButtonWide {
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	width: 200px;
	margin: 12px 0px 10px 16px;
}

.popupButtonDisabled {
	vertical-align: middle;
	text-align: center;
	font-size: 20px;
	width: 100px;
	margin: 18px 0px 10px 16px;
	opacity: 0.2;
}

.redGradient {
	background: #fd8f87;
	background: -moz-radial-gradient(center, ellipse cover,  #fd8f87 0%, #f15b53 40%, #e11405 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#fd8f87), color-stop(40%,#f15b53), color-stop(100%,#e11405));
	background: -webkit-radial-gradient(center, ellipse cover,  #fd8f87 0%,#f15b53 40%,#e11405 100%);
	background: -o-radial-gradient(center, ellipse cover,  #fd8f87 0%,#f15b53 40%,#e11405 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #fd8f87 0%,#f15b53 40%,#e11405 100%);
	background: radial-gradient(ellipse at center,  #fd8f87 0%,#f15b53 40%,#e11405 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd8f87', endColorstr='#e11405',GradientType=1 );
}

.greenGradient {
	background: #25ffc5;
	background: -moz-radial-gradient(center, ellipse cover,  #25ffc5 0%, #00f4af 40%, #00ac7e 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#25ffc5), color-stop(40%,#00f4af), color-stop(100%,#00ac7e));
	background: -webkit-radial-gradient(center, ellipse cover,  #25ffc5 0%,#00f4af 40%,#00ac7e 100%);
	background: -o-radial-gradient(center, ellipse cover,  #25ffc5 0%,#00f4af 40%,#00ac7e 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #25ffc5 0%,#00f4af 40%,#00ac7e 100%);
	background: radial-gradient(ellipse at center,  #25ffc5 0%,#00f4af 40%,#00ac7e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#25ffc5', endColorstr='#00ac7e',GradientType=1 );
}

.grayGradient {
	background: #b5bdc8;
	background: -moz-radial-gradient(center, ellipse cover,  #b5bdc8 0%, #828c95 36%, #28343b 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#b5bdc8), color-stop(36%,#828c95), color-stop(100%,#28343b));
	background: -webkit-radial-gradient(center, ellipse cover,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -o-radial-gradient(center, ellipse cover,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
	background: radial-gradient(ellipse at center,  #b5bdc8 0%,#828c95 36%,#28343b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5bdc8', endColorstr='#28343b',GradientType=1 );
}

.selectArrowMenu {
	border: 0 !important;  /*Removes border*/
	-webkit-appearance: none;  /*Removes default chrome and safari style*/
	-moz-appearance: none; /* Removes Default Firefox style*/
	background: none;
	text-indent: 0.01px; /* Removes default arrow from firefox*/
	text-overflow: "";  /*Removes default arrow from firefox*/
	color: #02044A;
	font-size: 18px;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	text-align: right;
}

.menuItem {
	border: 1px solid #000;
	font-size: 18px;
	width: 170px;
	padding-left: 8px;
	padding-top: 8px;
	height: 30px;
	background-color: #fff;
	font-family: tahoma, arial, verdana, helvetica, sans-serif;
	font-weight: normal;
	color: #000;
}

.menuItem:hover {
	background-color: #ddd;
}

.checkboxRight {
	width: 30px;
	height: 30px;
	padding: 0 5px 0 0;
	background: url(images/checkbox.png) no-repeat;
	background-size: 30px;
	display: block;
	float: right;
	margin-right: 8px;
	margin-top: 1px;
}

input.styled-checkbox {
	display: none;
}