<style type="text/css">
<!--
/**********
HTML Elements
**********/
body { /* may not need this */
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#4d4d4d;
}

ul {
	margin:0;
	padding:0;
	list-style:none;
}
ol {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#4d4d4d;
}
ol li {
	margin: 0px 0px 0px 30px; /* was: 0px 0px 10px 90px */
	list-style-type:decimal;
    line-height: 20px;
}

p {
	padding:0px 0px 10px 0px; /* was: 0px 30px 20px 30px */
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#4d4d4d;
}

strong {
	font-weight:bold;	
}


/**********
Forms
**********/
input[type="text"], input[type="password"], select {
	height:26px;
	margin: 5px 10px 0px 0px; /* was: 5px 10px 10px 0px */
	width:150px;
}
input[type="text"], input[type="password"], select, textarea {
	border: 1px solid #c2c3c4; /* was: d1d2d3 */
}

input[type="text"]:hover, input[type="password"]:hover, select:hover, textarea:hover {
	border: 1px solid #a9aaab; 
}

input[type="text"]:focus, input[type="password"]:focus, select:focus, textarea:focus {
	outline: 1px solid #178dbb;
}
input[type="text"][readonly="readonly"] {
	background-color: #f0f0f0;
	color: #856d85;
}

select {
	padding: 3px 3px 3px 0px;
}

.btn_login {
    display: inline-block; /* without the style background was hidden */
	width:102px;
	height:33px;
	border:none;
	background: url(/content/assets/Btn-Sign_In.png) top left no-repeat;
}
.btn_login:hover {
	background: url(/content/assets/Btn-Sign_In.png) top right no-repeat;
}


.btn_register {
    display: inline-block; /* without the style background was hidden */
	width:152px;
	height:33px;
	border:none;
	background: url(/content/assets/BtnWide-Register_Device.png) top left no-repeat;
}
.btn_register:hover {
	background: url(/content/assets/BtnWide-Register_Device.png ) top right no-repeat;
}

.btn_sign_up {
    display: inline-block; /* without the style background was hidden */
	width:152px;
	height:33px;
	border:none;
	background: url(/content/assets/BtnWide-Create_Account.png) top left no-repeat;
}
.btn_sign_up:hover {
	background: url(/content/assets/BtnWide-Create_Account.png) top right no-repeat;
}

.btn_verify_email {
	width:102px;
	height:33px;
	border:none;
	background: url(/content/assets/Btn-Verify_Email.png) top left no-repeat;
}
.btn_verify_email:hover {
	background: url(/content/assets/Btn-Verify_Email.png) top right no-repeat;
}

.btn_verify_billing a {
	display:block;
	width:102px;
	height:33px;
	border:none;
	background: url(/content/assets/Btn-Verify_Billing.png) top left no-repeat;
}
.btn_verify_billing a:hover {
	background: url(/content/assets/Btn-Verify_Billing.png) top right no-repeat;
}

.btn_continue a {
	display:block;
	width:102px;
	height:33px;
	border:none;
	background: url(/content/assets/Btn-Continue.png) top left no-repeat;
}
.btn_continue a:hover {
	background: url(/content/assets/Btn-Continue.png) top right no-repeat;
}

.btn_save_continue {
 	display: inline-block;
 	width:152px;
	height:33px;
 	border:none;
	background: url(/content/assets/BtnWide-Save_and_Continue.png) top left no-repeat;
}
.btn_save_continue:hover {
	background: url(/content/assets/BtnWide-Save_and_Continue.png) top right no-repeat;
}

.btn_3year a {
	display: inline-block;
	width:152px;
	height:50px;
	border:none;
	background: url(/content/assets/BtnLarge_Buy_3-Year_Subscription.png) top left no-repeat;
}
.btn_3year a:hover {
	background: url(/content/assets/BtnLarge_Buy_3-Year_Subscription.png) top right no-repeat;
}

.btn_3year_blue a {
	display: inline-block;
	width:152px;
	height:50px;
	border:none;
	background: url(/content/assets/BtnLarge_Buy_3-Year_Subscription_blue.png) top left no-repeat;
}
.btn_3year_blue a:hover {
	background: url(/content/assets/BtnLarge_Buy_3-Year_Subscription_blue.png) top right no-repeat;
}

.btn_2year a {
	display: inline-block;
	width:152px;
	height:50px;
	border:none;
	background: url(/content/assets/BtnLarge_Buy_2-Year_Subscription.png) top left no-repeat;
}
.btn_2year a:hover {
	background: url(/content/assets/BtnLarge_Buy_2-Year_Subscription.png) top right no-repeat;
}

.btn_1year a {
	display: inline-block;
	width:152px;
	height:50px;
	border:none;
	background: url(/content/assets/BtnLarge_Buy_1-Year_Subscription.png) top left no-repeat;
}
.btn_1year a:hover {
	background: url(/content/assets/BtnLarge_Buy_1-Year_Subscription.png) top right no-repeat;
}

.btn_monthly a {
	display: inline-block;
	width:152px;
	height:50px;
	border:none;
	background: url(/content/assets/BtnLarge_Buy_Monthly_Subscription.png) top left no-repeat;
}
.btn_monthly a:hover {
	background: url(/content/assets/BtnLarge_Buy_Monthly_Subscription.png) top right no-repeat;
}

.btn_save {
	display: inline-block;
	width:152px;
	height:33px;
	border:none;
	background: url(/content/assets/BtnWide-Save_Changes.png) top left no-repeat;
}
.btn_save:hover {
	background: url(/content/assets/BtnWide-Save_Changes.png) top right no-repeat;
}

.btn_save_disabled {
	display: inline-block;
	width:152px;
	height:33px;
	border:none;
	background: url(/content/assets/Btn-Save_Changes_Disabled.png) top left no-repeat;
	cursor: default;
}

.btn_back {
	display: inline-block;
	width:102px;
	height:33px;
	border:none;
	background: url(/content/assets/Btn-Back.png) top left no-repeat;
}
.btn_back:hover {
	background: url(/content/assets/Btn-Back.png) top right no-repeat;
}

.btn_add_contact a {
	display:block;
	width:152px;
	height:33px;
	border:none;
	background: url(/content/assets/BtnWide-Add_a_New_Contact.png) top left no-repeat;
}
.btn_add_contact a:hover {
	background: url(/content/assets/BtnWide-Add_a_New_Contact.png) top right no-repeat;
}

.btn_view_safe a {
	display:block;
	width:102px;
	height:33px;
	border:none;
	background: url(/content/assets/Btn-Done.png) top left no-repeat;
}
.btn_view_safe a:hover {
	background: url(/content/assets/Btn-Done.png) top right no-repeat;
}
.btn_view_safe.center a {
    margin: 0px auto;
}

.btn_edit a {
	display:block;
	width:102px;
	height:33px;
	border:none;
	background: url(/content/assets/Btn-Edit.png) top left no-repeat;
}
.btn_edit a:hover {
	background: url(/content/assets/Btn-Edit.png) top right no-repeat;
}

/*
Additional Font Styling
*/
.noticeBig {
	padding:0px 0px 20px 0px; /* was: 0px 30px 20px 30px */
	font-size:19px; /* was: font-size:16px; */
	/*font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe WP', 'Frutiger Neue W01 Thin', 'Century Gothic', Arial;*/
	font-family:Verdana, Geneva, sans-serif;
}

.noticeMed {
	padding:0px 0px 10px 0px; /* was: 0px 30px 10px 30px */
	font-size:14px;
}

.highlight {
	color:#000; /* was: #02B548 */
	font-weight:bold;
}

.bold {
    font-weight: bold;
}

.main_font {
	font-family:Verdana, Geneva, sans-serif;
}

.qtip-content {
	font-family:Verdana, Geneva, sans-serif;
	line-height: 1.2;
}

div.qtip  {
	border-color: gray;
	background-color: white;
}

.qtipFontSize {
    font-size: 10px;
}

.fs14 {
    font-size: 14px;
}

.fs16 {
    font-size: 16px;
}

.fs17 {
    font-size: 17px;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs24 {
    font-size: 24px;
}

.under {
    text-decoration: underline;
}

/*
body {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
}
*/


/**********
Template
**********/
#page-content {
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	width:1060px; /* was: 900px (960 - 30 - 30 = 900) */
	/*display:block;*/
	margin:0px auto; /* was: 30px auto */
	padding:0px; /* was: 30px */
	color:#4d4d4d;
}

#page-content .title {
	padding:10px 0px 20px 0px; /* was: 0px 30px 30px 30px */
	font-size:28px; /* was: 37px */
	/*font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe WP', 'Frutiger Neue W01 Thin', 'Century Gothic', Arial;*/
	font-family:Verdana, Geneva, sans-serif;
	color:#606062; /* was: #d2d3d5, #4d4d4d, #02b548 */
}

#page-content .subTitle {
	padding:10px 0px 20px 0px;
	font-size:22px;
	font-family:Verdana, Geneva, sans-serif;
	color:#606062;
}

#page-content .message {
	background-color:#FFC;
	padding:10px;
}

#page-content .note {
	background-color: palegreen;
	padding: 10px;
}

#page-content .body {
}


/**********
Top bar and Navigation
**********/
#topBar {
	background:#FFF url(/content/assets/TopBarBG2.png) repeat-x;
	height:110px; /* was: 42px */
	width:100%;
}

#navBox {
	/* was: 960px. Must add a little to account for the top-left logo left-side drop shadow.
	was: 968px. Must add 10px to acomodate for Elertus logo right-side offset (the right inner border of the image file). */
	width:1078px;
	display:block;
	margin:0px auto;
	color:#CCC
}

#topBar #logo a {
	width:186px; /* was: 170px. Must account for shadow effect. */
	height: 110px; /* was: 42px */
	display:block;
	background: url(/content/assets/LogoTopBar.png) top left no-repeat;
	float:left;
}
#topBar #logo a:hover {
	background: url(/content/assets/LogoTopBar.png) top right no-repeat;
}

#nav {
	background:#FFF url(/content/assets/TopBarBG2.png) repeat-x;
	
	margin:0;
	padding:0;
	/* was: 790px. Must subtract the amount of the top-left logo's right-side drop shadow.
	was: 782px. Must ADD the amount of the elertus logo's right-side offset. */
    width:892px;
	list-style:none;
	float:left;	
}
#nav a {
	display:block;
	height: 42px;
	padding: 0px 25px;
	/*padding: 0px 18px;*/
	background: url(/content/assets/TopNavBtn2.png) left no-repeat;
	/*font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe WP', 'Frutiger Neue W01 Thin', 'Century Gothic', Arial;*/
	font-family:Verdana, Geneva, sans-serif;
	font-size: 15px;
	line-height: 2.6em;
	text-decoration:none;
	color:#ababab;
}
#nav a:hover {
	background: url(/content/assets/TopNavBtn2.png) right no-repeat;
	/*color:#FFF;*/
}
#nav .selected {
	background: url(/content/assets/TopNavBtn2.png) right no-repeat;
	color:#FFF;
}

#nav a.elertus_logo {
	display:block;
	width:121px; /* was: 101px */
	height: 42px;
	padding: 0px;
	background: url(/content/assets/ElertusLogoTopBar.png) left no-repeat;
}
#topBar a.elertus_logo:hover {
	background: url(/content/assets/ElertusLogoTopBar.png) right no-repeat; /* removed: top */
}

#nav li {
    display: block;
    float: left;
}

#nav li.right_menu_block {
	float: right;
}

#nav li.right_menu_block a { 
    float: left;
}

/**********
Footer
**********/
#footer {
	clear:both;
	display:block;
	width:960px;
	margin:30px auto;
	height: 53px;
}

#footer table {
	margin-left: auto; 
	margin-right: auto;
}

#footer td {
	padding:10px;
	height: 20px;
}

#footer ul {
	margin-top:10px;
	text-align:center;
}
#footer li {
	display: inline;
}
#footer a, #footer span {
	font-family:Verdana, Geneva, sans-serif;
	font-size: 10px;
	text-decoration:none;
	color:#ababab;
}
#footer a:hover {
	color:#000;
}

#footer li.right_menu_block a, #footer li.right_menu_block span {
	margin: 10px;
}

/**********
Lists
**********/
.bodyList li {
	padding:5px 0px;
	background:url(/content/assets/BodyBullet.gif) no-repeat 0px 8px; /* was: 30px 8px */
	padding-left:20px; /* was: 60px */
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#4d4d4d;
}


/**********
Boxes
Need to solidify the margin and padding conventions
**********/
.boxWide {
	margin:0px 0px 30px 0px; /* was: 30px 0px */
	padding:10px; 
	width:940px; /* 960 - padding - padding = 940 */
	height:210px; /* 230 - padding - padding = 210 */
	background: url(/content/assets/BoxWideBG.png) top left no-repeat;
}
.boxLeft {
	float:left;
	margin:0px 0px 30px 0px; /* was: 0px 30px 30px 0px */
	padding:0px; /* was: 10px */
	width:460px; /* 480 - padding - padding - (1/2 the space between the boxes) = ? */
	height:230px; /* 230 - padding - padding = 210 */
	background: url(/content/assets/BoxWideBG.png) top left no-repeat;
}
.boxRight {
	float:right;
	margin:0px 0px 30px 0px;
	padding:0px;
	width:460px; /* Same as left */
	height:230px;
	background: url(/content/assets/BoxWideBG.png) top left no-repeat;
}
.trigBox {
	width: 460px;
	margin: 0 auto 30px;
	height: 230px;
	background: url(/content/assets/BoxWideBG.png) top left no-repeat;
}
.boxWide p, .boxLeft p, .boxRight p {
	padding:0px 20px; /* reset default p style */
	color:#333;
}
/*.boxWide .boxTitle, .boxLeft boxTitle, .boxRight boxTitle {*/
.boxTitle {
	padding: 0px;
	font-size:19px;
	/*font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe WP', 'Frutiger Neue W01 Thin', 'Century Gothic', Arial;*/
	font-family:Verdana, Geneva, sans-serif;
	color:#4d4d4d;
}
.boxTitleSmall {
	padding: 0px;
	font-size:16px;
	/*font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe WP', 'Frutiger Neue W01 Thin', 'Century Gothic', Arial;*/
	font-family:Verdana, Geneva, sans-serif;
	color:#4d4d4d;
}
.boxHalfTitle {
	margin:0px auto;
	width:300px; /* was: 250px */
	padding: 10px 0px 0px 0px; /* was: 0px. Added top padding since boxHalf has none. */
	font-size:19px;
	/*font-family: 'Segoe Light', 'Segoe UI Light', 'Segoe WP', 'Frutiger Neue W01 Thin', 'Century Gothic', Arial;*/
	font-family:Verdana, Geneva, sans-serif;
	color:#4d4d4d;
}
.boxP {
	padding:0px 30px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	line-height:20px;
	color:#4d4d4d;
}

/*
Control Widget
*/

.trigWidgets {
	margin: 10px 20px 0px;
}

.trigWidget {
	position: relative;
	width: 190px;
	height: 150px;
	background: url(/content/assets/TriggerWidgetBG.png) top left no-repeat;
}

.trigColorB {
	color: #178dbb;
}

.trigColorR {
	color: #e35352;
}

.trigWidgetText {
	padding: 22px 12px;
}

.trigWidgetValue {

}

.trigWidgetNum {
	font-size: 70px;
	float: left;
	line-height: 1;
	font-family: Verdana;
}

.trigWidgetSuper {
	font-size: 20px;
}

.trigWidgetInf {
	font-size: 26px;
}

.trigWidgetBtnBigTop {
	right: 0;
	position: absolute;
	width: 44px;
	height: 30px;
	cursor: pointer;
	background: url(/content/assets/TriggerWidgetBtnsBigTop.png) top left no-repeat;
}

.trigWidgetBtnBigTop:hover {
	background: url(/content/assets/TriggerWidgetBtnsBigTop.png) top right no-repeat;
}

.trigWidgetBtnSmallTop {
	right: 0;
	top: 31px;
	position: absolute;
	width: 44px;
	height: 30px;
	cursor: pointer;
	background: url(/content/assets/TriggerWidgetBtnsSmallTop.png) top left no-repeat;
}

.trigWidgetBtnSmallTop:hover {
	background: url(/content/assets/TriggerWidgetBtnsSmallTop.png) top right no-repeat;
}

.trigWidgetBtnBigBottom {
	right: 0;
	top: 90px;
	position: absolute;
	width: 44px;
	height: 30px;
	cursor: pointer;
	background: url(/content/assets/TriggerWidgetBtnsSmallBottom.png) top left no-repeat;
}

.trigWidgetBtnBigBottom:hover {
	background: url(/content/assets/TriggerWidgetBtnsSmallBottom.png) top right no-repeat;
}

.trigWidgetBtnSmallBottom {
	right: 0;
	top: 120px;
	position: absolute;
	width: 44px;
	height: 30px;
	cursor: pointer;
	background: url(/content/assets/TriggerWidgetBtnsBigBottom.png) top left no-repeat;
}

.trigWidgetBtnSmallBottom:hover {
	background: url(/content/assets/TriggerWidgetBtnsBigBottom.png) top right no-repeat;
}

/* #controlLowTemp */

.controlWidget {
	float:left;
	background:#F8F8F8;
	width:170px;
	height:150px;
	margin:10px 30px; /* was: 10px */
}
.controlWidgetCenter {
	background:#F8F8F8;
	width:170px;
	height:150px;
	margin:10px auto;
}

.controlWidget .tempUnits, .controlWidgetCenter .tempUnits {
	margin:20px 0px 0px 0px;
	float:left;
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
}
.controlWidget .tempText, .controlWidgetCenter .tempText {
	margin:0px 0px 0px 30px;
	float:left;
	font-size:18px;
	font-family:Verdana, Geneva, sans-serif;
	color:#000;
}

.controlWidget .controlButtons, .controlWidgetCenter .controlButtons {
	background:#FFF;
	width:20px;
	height:150px;
	margin:0px;
	float:right;
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	color:#0F6AD9;
}



.controlButtons .btnUpBig a, .controlButtons .btnDownBig a {
	display:block;
	background:#999;
	width:20px;
	height:25px;
	font-size:18px;
	font-weight:bold;
	padding:0px 0px 0px 5px;
	color:#000;
}
.controlButtons .btnDownBig a {
	width:18px;
	padding:0px 0px 0px 7px;
	font-size:20px;
}
.controlButtons .btnUpBig a:hover, .controlButtons .btnDownBig a:hover {
	background:#000;
	color:#FFF;
}

.controlButtons .btnMid a {
	display:block;
	width:25px; /* was: 20 */
	height:50px;
	background:#ECECEC;
}

.controlButtons .btnUpSmall a, .controlButtons .btnDownSmall a {
	display:block;
	background:#CCC;
	width:17px; /* was: 20 */
	height:20px; /* was: 25 */
	font-size:12px;
	font-weight:bold;
	padding:5px 0px 0px 8px;
	color:#000;
}
.controlButtons .btnDownSmall a {
	width:15px;
	height:20px;
	padding:5px 0px 0px 10px;
}
.controlButtons .btnUpSmall a:hover, .controlButtons .btnDownSmall a:hover {
	background:#000;
	color:#FFF;
}

/*
Sensor Widget
*/
.sensorWidget {
	width:1042px;
	float:left;
	border:1px solid #ececec;
	padding:10px 0px 10px 13px;
	margin: 0px 0px 30px 0px;
}

.sensorStatusContainer {
	width: 1036px;
	margin: 0px auto;
}

.sensorWidget .sensorStatus {
	float:left;
	width: 156px;
	height: 70px;
	border:1px solid #ececec;
	margin:10px 8px 10px 0px;
	padding:3px;
}


.sensorWidget .sensorStatus .icon {
	float:left;
}

.sensorWidget .sensorStatus .status {
	padding:20px 0px 0px 5px;
	float:left;
	color:#178dbb;
	font-size:19px;
}

.sensorWidget .sensorStatus .status.sensorWater {
	padding-left: 0px;
}

.sensorWidget .sensorStatus .status.sensorWaterNo {
	padding-left: 0px;
	padding-top: 12px;
	font-size: 18px;
}

.sensorWidget .sensorStatus .status.sensorNo {
	font-size: 14px;
	padding-top: 17px;
}

.contact_line {
	border: 1px solid #ececec;
	width: 482px;	
	height: 102px;
	margin-bottom: 10px;
	background: url(/content/assets/ContactBoxBG.png) top left no-repeat;	
}

.contact_line:hover {
	background: url(/content/assets/ContactBoxBG.png) top right no-repeat;
}

.contact_info {
	float: left;
	padding: 18px;
	font-size: 14px;
}

.contact_info div {
	margin-bottom: 5px;
	width: 270px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.contact_name {
	font-weight: bold;
}

.contact_controls {
	padding-top: 10px;
	float: right;
}

.contact_controls a {
	margin-right: 10px;
}

.edit_contact_btn {
	display: inline-block;
	width: 72px;
	height: 32px;
	border: none;
	background: url(/content/assets/BtnWhite-Edit.png) top left no-repeat;
}

.edit_contact_btn:hover {
	background: url(/content/assets/BtnWhite-Edit.png) top right no-repeat;
}

.del_contact_btn {
	display: inline-block;
	width: 72px;
	height: 32px;
	border: none;
	background: url(/content/assets/BtnWhite-Delete.png) top left no-repeat;
}

.del_contact_btn:hover {
	background: url(/content/assets/BtnWhite-Delete.png) top right no-repeat;
}

.cancel_contact_btn {
	display: inline-block;
	width: 72px;
	height: 32px;
	border: none;
	background: url(/content/assets/BtnWhite-Cancel.png) top left no-repeat;
}

.cancel_contact_btn:hover {
	background: url(/content/assets/BtnWhite-Cancel.png) top right no-repeat;
}

.add_contact_btn {
	display: inline-block;
	width: 46px;
	height: 46px;
	border: none;
	background: url(/content/assets/BtnSquare-Add_Contact.png) top left no-repeat;
	margin-right: 50px;
}

.contact_edit_alerts {
	margin-left: 500px;
}

.contact_edit_alerts a {
	display: block;
	width: 122px;
	height: 52px;
	border: none;
	background: url(/content/assets/BtnWithBG-Edit_Alerts.png) top left no-repeat;
}

.contact_edit_alerts a:hover {
	background: url(/content/assets/BtnWithBG-Edit_Alerts.png) top right no-repeat;
}


.form_box { 
	margin: 0px auto;
	padding: 20px 40px;
	border: 1px solid #e7e7e7;
	background-color: #f5f6f8;
}

.form_box select {
	color: #4D4D4D;
	padding: 4px;
	height: 28px;
}

#page-content .form_box .title {
	font-size: 22px;
    padding: 10px 0;
}

.edit_contact_save_btn {
	display: inline-block;
	width: 102px;
	height: 33px;
	border: none;
	background: url(/content/assets/Btn-Save.png) top left no-repeat;
	cursor: pointer;
}

.edit_contact_save_btn:hover {
	background: url(/content/assets/Btn-Save.png) top right no-repeat;
}

.alerts_btn_on {
	display: inline-block;
	width: 102px;
	height: 33px;
	border: none;
	background: url(/content/assets/BtnToggle4-ON_OFF.png) top left no-repeat;
	cursor: pointer;
}

.alerts_btn_on:hover {
	background: url(/content/assets/BtnToggle4-ON_OFF.png) top right no-repeat;
}

.alerts_btn_on_lock {
	display: inline-block;
	width: 102px;
	height: 33px;
	border: none;
	background: url(/content/assets/BtnToggle-ON_Locked.png) top left no-repeat;
	cursor: pointer;
}

.alerts_btn_on_lock:hover {
	background: url(/content/assets/BtnToggle-ON_Locked.png) top right no-repeat;
}

.alerts_btn_off {
	display: inline-block;
	width: 102px;
	height: 33px;
	border: none;
	background: url(/content/assets/BtnToggle4-ON_OFF.png) bottom left no-repeat;
	cursor: pointer;
}

.alerts_btn_off:hover {
	background: url(/content/assets/BtnToggle4-ON_OFF.png) bottom right no-repeat;
}

.alerts_btn_off_lock:hover {
    background: url("/content/assets/BtnToggle-OFF_Locked.png") no-repeat scroll right bottom transparent;
}

.alerts_btn_off_lock {
    background: url("/content/assets/BtnToggle-OFF_Locked.png") no-repeat scroll left bottom transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 33px;
    width: 102px;
}

.alerts_table_header {
    text-align: right; 
    font-weight: bold; 
    white-space: nowrap;
}

.no_selected {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.send_btn {
	display: inline-block;
	width: 102px;
	height: 33px;
	border: none;
	background: url(/content/assets/Btn-Send.png) top left no-repeat;
	cursor: pointer;
}

.send_btn:hover {
	background: url(/content/assets/Btn-Send.png) top right no-repeat;
}

.field_hint {
	font-size: 10px;
}

.error {
	background: pink;
}

div#almostDoneCtn {
    width: 432px; 
    margin: 0px auto;
}

form#safe_name_form span {
    font-size: 16px;
}

.text_left {
    text-align: left;
}

.text_center {
    text-align: center;
}

.text_right {
    text-align: right;
}

.carrot_red_title {
    color: #FEB12D;
    font-size: 28px;
}

#notification_save_result_wdw {
    width: 560px;
}
 
.whiteBtnGif {
    display: block;
    margin: 0px auto;
}

.subscr_text {
    width:580px; 
    margin:0px auto;
}

.block_center {
    margin: 0px auto;
}


.pRelative {
	position: relative;
}

.pAbsolute {
	position: absolute;
}

.pVertAlign {
	top: 50%; 
	left: 0%;
}

.block_left {
    float: left;
}

.block_right {
    float: right;
}

.clear {
    clear: both;
}

.verticalMiddle {
	vertical-align: middle;
}

.noDisplay {
    display: none;
}

.hidden {
	visibility: hidden;
}

.verticalSuper {
	vertical-align: super !important;
}

.h48 {
	height: 48%;
}

.h52 {
	height: 52%;
}
/*
.heightHalf {
	height: 50%;
}
*/
.padding0 {
    padding: 0;
}

img.main_sensor {
    width: 200px;
    height: 167;
}

form#triggers_form div {
    text-align: center;
    padding-top: 260px;
}

.w300 {
    width: 300px;
}

.w180 {
    width: 180px;
}

.wfull {
	width: 100%;
}

/********** 
 FAQ page 
**********/
.faq a {
    color: #178dbb;
}

.faq a:hover {
    color: #25afe5;
}

.download_btn:hover {
    background: url("/content/assets/Btn-Download.png") no-repeat scroll right top transparent;
}
.download_btn {
    background: url("/content/assets/Btn-Download.png") no-repeat scroll left top transparent;
    border: medium none;
    cursor: pointer;
    display: inline-block;
    height: 33px;
    width: 102px;
}

/* --- */
.sensorIconDimensions {
	width: 44px;
	height: 40px;
}

.verticalAlignHelper {
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

.triangleLeft {
	background: url("/content/assets/Triangle-White-Left.png") no-repeat center center;
	width: 18px; 
	height: 100%;
}

.triangleRight {
	background: url("/content/assets/Triangle-White-Right.png") no-repeat center center;
	width: 18px; 
	height: 100%;
}

.triangleVertical {
	width: 18px; 
	height: 100%;
}

.triangleRed {
	background: url('/content/assets/Triangle-Red-Up.png') no-repeat center center; 
	width: 37px;
}

.triangleBlue {
	background: url('/content/assets/Triangle-Blue-Down.png') no-repeat center center; 
	width: 37px;
}

.triangleRed, 
.triangleBlue {
	background-size: 37px 18px;
}

.rectangleGrey {
	background: url('/content/assets/Rectangle.png') no-repeat center center; 
	width: 37px;
}

#mainSensorList {
	position: absolute;
	top: 51px;
	left: 206px;
	/*left: 198px;
	bottom: 17px;*/
	width: 238px;
}

.btnSelect {
 	display: block;
 	width:102px;
	height:32px;
	background: url(/content/assets/Btn-Select.png) top left no-repeat;
}

a.btnSelect:hover{
	cursor: pointer;
	background: url(/content/assets/Btn-Select.png) top right no-repeat;
}

.btnQuestion,
.defaultSensorCheckboxQti {
 	display: block;
 	width: 15px;
	height: 15px;
	background: url(/content/assets/Btn-Help.png) top left no-repeat;
}
.btnQuestion:hover,
.defaultSensorCheckboxQti:hover {
	background: url(/content/assets/Btn-Help.png) top right no-repeat;
}
</style>
