/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
html {
    overflow: -moz-scrollbars-vertical;
    overflow-y: scroll;
}

a
{
	color:black;
	text-decoration: none;
}
a:visited
{
	color:black;
}
a:hover
{
	color: #1d60ff;
	text-decoration: underline;
}
a:active
{
	color: #12eb87;
}

p, ul
{
	margin-top: 10px;
	margin-bottom: 20px;
}
img 
{
	border: none;
	margin:0px;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #2D3033;
	font-family: Arial, Helvetica, sans-serif;
}

h1
{
	font-size: 2.5em;
	margin-top:10px;
	margin-bottom:10px;
}
h2
{
	padding: 0 0 10px 0;
}
h3
{
	font-size: 1.2em;
}
h4
{
	font-size: 1.1em;
}
h5, h6
{
	font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0;
}

.hidden
{
	display:none
}
.invisible
{
    visibility:hidden;
}

tbody tr td
{
	height:100%;
	padding:0px;
	margin:0px;
	border:0px;
}

.strikeout {
    text-decoration: line-through;
}

.nowrap {
    white-space: nowrap;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
#header
{
	background-image:url(../../Images/topheader_background_tile_v.gif?1);
	background-repeat:repeat-y;
	position: relative;
	margin-bottom: 0px;
	color: #000;
	padding: 5px 15px 10px 30px;
	
}

#header h1
{
	font-weight: bold;
	padding: 5px 0;
	margin: 0;
	color: #fff;
	border: none;
	line-height: 2em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px !important;
}

/* TOP LINKS   
----------------------------------------------------------*/

ul#toplinks
{
	position: relative;
	text-align: right;
	margin:0 0 5px 0;
	padding:0;
}

ul#toplinks li
{
	display: inline;
	list-style: none;
	background:url(../../Images/topnav_red_arrow.gif?1) no-repeat 2px;
}

ul#toplinks li a
{
	margin:0px 5px 0px 15px;
	font-weight: bold;
	text-decoration: none;
	color:black;
}

ul#toplinks li a:hover
{
	text-decoration: underline;
}

/* Header Logo  
----------------------------------------------------------*/
#logo a 
{
   position:relative;
   display:block;
   width:140px;
   height:33px; 
}

#logo span {
    top: 0;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff url(../../Images/honeywell_total_connect_comfort.png?1) no-repeat left top;
    z-index: inherit;
}

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
	overflow:hidden;
	list-style-type:none;
	line-height:30px;
	position: relative;
	text-align: right;
	padding: 0;  
	margin: 0;
	border:0px;
}

ul#menu li
{
	padding: 0;  
	margin: 0;
	font-weight: bold;
	display:block;
	float:right;
}

ul#menu li.menudivider
{
	height:30px;
	width:2px;
	background-image:url(../../Images/topnav_button_divider.gif?1);
	background-position:center;
	background-repeat:no-repeat;
}

ul#menu li#greeting
{
	padding-right: 18px;
	color: #cc3333;
	background:none;
}

ul#menu li a
{
	display:block;
	color:#424242;
	padding-right: 18px;
	padding-left: 18px;
	text-decoration: none;
}

ul#menu li:hover
{
	background-image:url(../../Images/topnav_button_tile_h_highlighted.gif?1);
	background-repeat:repeat-x;
	background-position:center;
}

ul#menu li a:active
{
	text-decoration: none;
}

/* BREADCRUMBS
----------------------------------------------------------*/

#red-grey-line
{
	padding-top:3px;
	background-image:url(../../Images/topheader_red_grey_line.jpg?1);
	background-position:top;
	background-repeat:no-repeat;
}

#breadcrumb
{
	height:30px;
	position:relative;
	padding-left:18px;
	background-image:url(../../Images/topheader_dark_tile_h.gif?1);
	background-position:center;
	background-repeat:repeat-x;
	background-color:Black;
	color:White;
	font-weight:bold;
}
#breadcrumb div
{
	position:relative;
	line-height:30px;
	display:inline-block;
    *display: inline;
}

#breadcrumb a
{
	position:relative;
	line-height:30px;
	color:#bfbfbf;
}

#breadcrumb .breadcrumb-arrow
{
	height:8px;
	width:15px;
	background-image:url(../../Images/breadcrumb_arrow.gif?1);
	background-position:center;
	background-repeat:no-repeat;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
	margin:0;
	padding: 0;
	border: 1px solid #CCC;
}

fieldset p 
{
	margin: 2px 12px 10px 10px;
	color:#80868A;
}

legend 
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}

input[type="text"],input[type="password"],input[type="email"],input[type="url"], select, textarea
{	
	background-image:url(../../Images/input_background.gif?1);
	background-position:top;
	background-repeat:repeat-x;
	border:1px inset #d1c7ac;
	margin: 0;
	padding: 1px 3px 1px 3px !important;
    resize:none;
}

input[type="text"],input[type="password"],input[type="email"],input[type="url"], textarea
{
	height:20px;
	padding-top:4px\0/ !important; /* IE 8-9 */
}

select
{
	height: 24px;
    width: 223px;
	vertical-align: middle;
	padding: 0 !important;
}

select option {
    vertical-align: middle;
    padding: 0 !important
}


input[type="text"],input[type="password"],input[type="email"],input[type="url"]
{
	width: 215px;
}

/* TABLE
----------------------------------------------------------*/
table 
{
	height:100%;
	width:100%;
	border-collapse: collapse;
}

table td 
{
  padding: 5px;
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  border: solid 1px #e8eef4;   
}

/* MISC  
----------------------------------------------------------*/
.left
{
	text-align: left;
}

.right
{
	text-align:right;
}

.formatborder
{
	border-radius: 6px;
	box-shadow: 2px 2px #888;
	margin-top:3px;
	padding:5px;
	border:solid 2px #f8f8f8;
}

.clear
{
	width:100%;
	clear: both;
}

.addpadding
{
	padding-top:20px;
}

.error
{
	color:Red;
}

#menucontainer
{
	height:30px;
	background-color:#d2d9e0;
	background-image:url(../../Images/topnav_button_tile_h_normal.gif?1);
	background-repeat:repeat-x;
}

div#title
{
	display:block;
	float:left;
	text-align:left;
}

#headerlinks
{
	font-size:1.0em;
	display:block;
	text-align:right;
	margin:10px;
	color:Black;
}

#headerlinks a:link
{
	color: black;
	text-decoration: none;
}

#headerlinks a:visited
{
	color: black;
	text-decoration: none;
}

#headerlinks a:hover
{
	color: black;
	text-decoration: underline;
}

.formfield
{
	position:relative;
	padding:0px;
}

.whitebox
{
	position:relative;
	text-align:left;
	background-color:White;
	padding: 6px 15px 6px 15px;
}

.formfield a,
.ui-widget .formfield a
{
	color:#0071C9;
	text-decoration: underline;
}

.formfield a:hover
{
	text-decoration: none;
}

.formfield fieldset
{
	text-align:left;
	border:none;
}

.register .secretanswer
{
	margin-bottom:25px;
}

.register > h2
{
	margin-bottom:10px;
}

.register .top-margin
{
	margin-top:4px;
}

/* Styles for Session Message Log
-----------------------------------------------------------*/
#registration-message-log, #LatestException
{
	height: 220px;
	overflow: auto;
	width:891px;
	font-family: "Lucida Console";
    font-size: 1em;
}
#gatewaylog
{
    padding: 20px 20px 30px;
}
.gatewaylogLine
{
    border-width: 1px;
    border-color: #000000;
    padding: 0px;
    margin: 0px;
    border-bottom-style: solid;
    color: #585858;
}
.logSpan 
{
    color: #000000;
}
.device-data label
{
    font-weight: bold;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    padding-top: 2px;
	color: #ff0000;
	clear:both;
}

.two-columns .field-validation-error
{
	margin-left:158px;
}

.field-validation-valid
{
	display: none;
}

.input-validation-error,
input[type=text].input-validation-error
{
	border: 1px solid #ff0000;
	/*background-color: #ffeeee;*/
}

.validation-summary-errors
{
	font-weight: bold;
	color: #ff0000;
}

.whitebox .validation-summary-errors li
{
	color: #ff0000;
}

#homepage-wrapper .validation-summary-errors {
    margin-top: 5px;
}
#homepage-wrapper .validation-summary-errors ul
{
    margin-bottom:2px;
}
.validation-summary-valid
{
	display: none;
}



.rounded-bevel-border-top, .rounded-bevel-border-top-transparent
{
	padding-top:7px;
	background-image:url(../../Images/Frames/frame_rounded_bevel_border_top_and_bottom.gif?1);
	background-position:top center;
	background-repeat:repeat-x;
}

.rounded-bevel-border-bottom, .rounded-bevel-border-bottom-transparent
{
	padding-bottom:7px;
	background-image:url(../../Images/Frames/frame_rounded_bevel_border_top_and_bottom.gif?1);
	background-position:bottom center;
	background-repeat:repeat-x;
}

.rounded-bevel-border-bottom-transparent, .rounded-bevel-border-top-transparent
{
	margin-right: 8px;
	margin-left: 8px;
}

.rounded-bevel-border-left
{
	padding-left:7px;
	background-image:url(../../Images/Frames/frame_rounded_bevel_border_left_and_right.gif?1);
	background-position:left center;
	background-repeat:repeat-y;
}

.rounded-bevel-border-right
{
	padding-right:7px;
	background-image:url(../../Images/Frames/frame_rounded_bevel_border_left_and_right.gif?1);
	background-position:right center;
	background-repeat:repeat-y;
}

.rounded-bevel-border-topleftcorner, .rounded-bevel-border-topleftcorner-transparent
{
	position:absolute;
	top:0px;
	left:0px;
	background-image:url(../../Images/Frames/frame_rounded_bevel_corner_top_left.gif?1);
	background-position:left top;
	background-repeat:no-repeat;
	height:8px;
	width:8px;
}

.rounded-bevel-border-topleftcorner-transparent
{
	background-image:url(../../Images/Frames/frame_rounded_bevel_corner_top_left_transparent.gif?1);
}

.rounded-bevel-border-toprightcorner, .rounded-bevel-border-toprightcorner-transparent
{
	position:absolute;
	top:0px;
	right:0px;
	background-image:url(../../Images/Frames/frame_rounded_bevel_corner_top_right.gif?1);
	background-position:right top;
	background-repeat:no-repeat;
	height:8px;
	width:8px;
}

.rounded-bevel-border-toprightcorner-transparent
{
	background-image:url(../../Images/Frames/frame_rounded_bevel_corner_top_right_transparent.gif?1);
}

.rounded-bevel-border-bottomleftcorner, .rounded-bevel-border-bottomleftcorner-transparent
{
	position:absolute;
	bottom:0px;
	left:0px;
	background-image:url(../../Images/Frames/frame_rounded_bevel_corner_bottom_left.gif?1);
	background-position:left bottom;
	background-repeat:no-repeat;
	height:8px;
	width:8px;
}

.rounded-bevel-border-bottomleftcorner-transparent
{
	background-image:url(../../Images/Frames/frame_rounded_bevel_corner_bottom_left_transparent.gif?1);
}

.rounded-bevel-border-bottomrightcorner, .rounded-bevel-border-bottomrightcorner-transparent
{
	position:absolute;
	bottom:0px;
	right:0px;
	background-image:url(../../Images/Frames/frame_rounded_bevel_corner_bottom_right.gif?1);
	background-position:right bottom;
	background-repeat:no-repeat;
	height:8px;
	width:8px;
}

.rounded-bevel-border-bottomrightcorner-transparent
{
	background-image:url(../../Images/Frames/frame_rounded_bevel_corner_bottom_right_transparent.gif?1);
}

/* White border frame
----------------------------------------------------------*/

.white-border-top
{
	padding-top:2px;
	background-image:url(../../Images/Frames/frame_white_content_top_border_and_corners.gif?1);
	background-position:top center;
	background-repeat:repeat-x;
}

.white-border-bottom
{
	padding-top:2px;
	background-image:url(../../Images/Frames/frame_white_content_bottom_border_and_corners.gif?1);
	background-position:top center;
	background-repeat:repeat-x;
}


.white-border-left-side
{
	padding-left:2px;
	background-image:url(../../Images/Frames/frame_white_content_side_border.gif?1);
	background-position:left center;
	background-repeat:repeat-y;
}

.white-border-right-side
{
	padding-right:2px;
	background-image:url(../../Images/Frames/frame_white_content_side_border.gif?1);
	background-position:right center;
	background-repeat:repeat-y;
}

.whiteborder
{
	position:relative;
	padding:5px 0px;
	margin:0px;
}


/* Styles for editor and display helpers
----------------------------------------------------------*/
/*.display-label,
.editor-label,*/
.display-field,
.editor-field
{
	position:relative;
	overflow:visible;
	margin: 5px 0;
}

.editor-label 
{
	float:left;
	text-align:right;
	width: 150px;
	line-height:24px;
	margin-right:8px;
	color:#1D2733;
}

.editor-field-readonly {
    line-height: 24px;
}

.editor-field 
{
	width: auto;
}

.editor-field p
{
	clear:both;
	font-size:smaller;
	margin:5px 0 0 0;
	color:#80868A;
}

.editor-field input.valid + div.field-validation-error {
    display: none;
}

.two-columns .editor-field p
{
	margin-left:158px;
	width: 220px;
}

.text-box
{
	width: 30em;
}

.text-box.multi-line
{
	height: 6.5em;
}

.tri-state
{
	width: 6em;
}

.width45
{
    width:45%;
}
/* Page Alert and Site Alerts
-------------------------------------------------------*/
#PageAlerts,
#SiteAlerts
{
	position:relative;
	overflow:hidden;
	width:884px;
	padding-left: 8px;
}

#PageAlerts
{
	padding-left: 0;
	margin-bottom:10px;
}
#SiteAlerts
{
	margin-bottom:20px;
}

.btnDismissAlert
{
	position:absolute;
	top:5px;
	right:2px;
	height:25px;
	font-weight:bold;
	text-align:center;
	font-size:14px;
	cursor:pointer;
}

.btnDismissAlert > div
{
	display:inline-block;
}

.btnDismissAlert .left-button
{
	float:left;
	background-image:url(../../Images/Alerts/alert_grey_left.png?1);
	background-position:center left;
	background-repeat:no-repeat;
	width:7px;
	height:25px;
	
}
.btnDismissAlert .middle-button
{
	float:left;
	background-image:url(../../Images/Alerts/alert_grey_middle-07.png?1);
	background-position:center left;
	background-repeat:repeat-x;
	height:25px;
	line-height:25px;
	min-width:75px;
}
.btnDismissAlert .right-button
{
	float:left;
	background-image:url(../../Images/Alerts/alert_grey_right.png?1);
	background-position:center right;
	background-repeat:no-repeat;
	width:7px;
	height:25px;
}

#PageAlerts  div.information-image,
#SiteAlerts  div.information-image
{
	position:absolute;
	top:20px;
	left:30px;
	height:auto;
}

#PageAlerts .alert-messages,
#SiteAlerts .alert-messages
{
	min-height:50px;
	margin-left:90px;
	width:780px;
}

#PageAlerts .alert-messages
{
	margin-left:110px;
	width:760px;
}

#PageAlerts ul
{
	margin: 0;
	padding:0;
	list-style:disc;
	list-style-position: outside;
	border-top: solid #8a111a 1px;
}

#SiteAlerts ul, 
#SiteAlerts h1, 
#SiteAlerts h2, 
#SiteAlerts p
{
	margin:0;
	padding:0;
	list-style:none;
}


#PageAlerts ul li
{
	position:relative;
	padding-left:2px;
	color:Black;
	border-bottom: solid #8a111a 1px;
	line-height: 18px;
	border-collapse: collapse;
	padding-bottom: 5px;
	padding-top:5px;
	padding-right: 0px;
}

#PageAlerts .dealerinfobutton
{
	text-align: right;
    float: right;
    margin-right: 14px;
}

#SiteAlerts ul li
{
	background-image:url(../../Images/Alerts/alert_grey_bullet.png?1);
	background-position:center left;
	background-repeat:no-repeat;
	position:relative;
	padding:10px 0px 10px 30px;
	color:Black;
	border-bottom: solid #a9abae 1px;
}

#SiteAlerts ul li:last-child {
    border-bottom: 0px none;
}

#SiteAlerts ul li > div
{
	display:inline-block
}

#PageAlerts ul li > span
{    
	font-weight: normal;
	color:White;
	font-size:12px;
}

#PageAlerts .alertActions {
    /*position: absolute;
    right: 0;
    top: 5px;*/
    float: right;
}

#PageAlerts ul li form
{
    position: absolute;
    top: 5px;
    right: 0;
    display: inline-block;
}

#PageAlerts ul li .alertActions form {
    position:inherit;
    top:auto;
    right: auto;
    display: inline-block;
}

#PageAlerts ul li form input[type=submit]
{
	background-image: url(../../Images/Alerts/acknowledge_btn.png?1);
	width: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
	border: 0;
	cursor: pointer;
	display: block;
}

div.gray-31-button {
    background: url('../../Images/Alerts/31_button_gray_left.png') no-repeat left top;
    height: 31px;
    display: inline-block;
}

    div.gray-31-button a {
        background: url('../../Images/Alerts/31_button_gray_right_cap.png') no-repeat right top;
        height: 31px;
        display: inline-block;
        padding: 0.5em 1em 0;
        font-size: 14px;
    }

    div.gray-31-button input {
        border: 0px none;
        background: url('../../Images/Alerts/31_button_gray_right_cap.png') no-repeat right top;
        height: 31px;
        padding: 0 1em;
        font-size: 14px;
    }

        div.gray-31-button a:hover {
            text-decoration: none;
            color: black;
        }

    div.gray-31-button.viewDR {
        margin: 0 5px;
    }

#SiteAlerts .message
{
	
	font-weight:bold;
	color:black;
	font-size:14px;
	width:650px;
}


#PageAlerts .topmiddle-border,
#SiteAlerts .topmiddle-border
{
	height:16px;
	width:884px;
	background-position:top center;
	background-repeat:no-repeat;  
}

#PageAlerts .topmiddle-border
{
	background-image:url(../../Images/Alerts/alert_red_top.png?1);
}

#SiteAlerts .topmiddle-border
{
	background-image:url(../../Images/Alerts/alert_grey_top.png?1);
}


#PageAlerts .bottommiddle-border,
#SiteAlerts .bottommiddle-border
{
	height:16px;
	width:884px;
	background-position:bottom center;
	background-repeat:no-repeat;  
}

#PageAlerts .bottommiddle-border
{
	background-image:url(../../Images/Alerts/alert_red_bottom.png?1);
}
#SiteAlerts .bottommiddle-border
{
	background-image:url(../../Images/Alerts/alert_grey_bottom.png?1);
}

#PageAlerts .alert-content
{
	background-image:url(../../Images/Alerts/alert_red_middle.png?1);
	background-repeat:repeat-y;
	background-position:center top;
}

#SiteAlerts .alert-content
{
	position:relative;
	background-image:url(../../Images/Alerts/alert_grey_middle.png);
	background-repeat:repeat-y;
	background-position:center top;
	overflow:hidden;
}
/* Home Screen
-------------------------------------------------------*/
#homepage-wrapper
{
	width:100%;
	margin: 0 auto;
	overflow:auto;
}

#homeimage
{
	position:relative;
	height:100%;
	min-height:100%;
	float:left;
	margin:2px;
	width:575px;
}

#homeimage img
{
	width:560px;
}

#createaccount
{
	position:relative;
	float:right;
	width:315px;
	margin:2px 2px 2px 2px;
}

#login 
{
	position:relative;
	float:right;
	margin:2px;
	width:315px;
	text-align:right;
}

#login fieldset
{
	padding-top:2px;   
}

#login .whitebox
{
	padding-top:1px\0/; /* IE 8-9 */
	font-weight: bold;
}

#login .forgotpassword
{
	padding-bottom:5px;
	text-align:right;
}

#login .whitebox .editor-label 
{
	text-align:left;
	float: none;
	width: auto;
	margin-top:12px;
	margin-right:0.5em;
	margin-bottom:3px;
	color:#2D3033;
}

#login .whitebox .RememberMe
{
	text-align:right;
	float: none;
	width: auto;
	margin-bottom:5px;
	color:#2D3033;
}

#login .whitebox .RememberMe > input
{
	width:5%;
}

#login .whitebox .editor-field 
{
	margin-top:3px;
	width: auto;
}

#login .whitebox input
{
	width: 98%;
}

#createaccount .buttonarea
{
	padding-top:15px;
	margin-bottom:5px;
	margin-bottom:5px\0/;  /* IE 8-9 */
}

.createaccountcontent {
    padding-top: 4px;
}

#login .buttonarea
{
	margin-bottom:5px;
	margin-bottom:5px\0/;  /* IE 8-9 */
}

#firsttimeuser
{
    margin:0;
    margin-left:10px;
    padding-top:5px;
}
#alreadyhaveaccount
{
    margin-top:5px;
}
#firsttimeuser, #alreadyhaveaccount
{
    margin-bottom:-5px;
}

#login .helpimagetooltip, #resetpassword .helpimagetooltip, #locationNameTooltip
{
    width: 16px;
    height: 16px;
    top: 3px;
    left:3px;
    position:relative;
    cursor:help;
}
#resetpassword .helpimagetooltip
{
    top:0px;
}
#helpbuttonlabel
{
    height:24px;
}
#helpbuttonlabel label
{
    float:left;
}

/* Terms and Conditions
-------------------------------------------------------*/
#TermsConditions .whitebox
{
	padding: 10px 8px;
    text-align: justify;
}

#TermsConditions h4
{
	margin-bottom:0px;
	font-size:14px;
    text-align: center;
}

#TermsConditions p,
#TermsConditions li
{
	margin-top:2px;
	font-size:14px;
}

#TermsConditions p.nospace {
    margin-top: 0;
    margin-bottom: 0;
}

#TermsConditions .whitebox li
{
	color:#2D3033;
}

#TermsConditions .hl1 {
    text-decoration: underline;
    font-style: italic;
}

#TermsConditions .hl2 {
    text-decoration: underline;
    font-weight: bold;
}

#TermsConditions .contact {
    margin-left: 2em;
}

#acceptTerms label
{
	padding:2px;
}
#acceptTerms
{
    margin-left: 16px;
    float: right;
}

#acceptLabel {
    display: block;
    padding-left: 16px;
    text-indent: -16px;
}
#acceptCheck {
    width: 13px;
    height: 13px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}


.termsAndConditionBox
{
	height:550px;
	overflow-y:scroll;
}

/* Feedback
-------------------------------------------------------*/

#Feedback
{
	position:relative
}

#Feedback input[type='checkbox'],
#Feedback input[type='radio'] 
{
    margin: 0;
    padding: 0;
    vertical-align: middle;
    top: -1px;
    position: relative;
}

#Feedback input[readonly='readonly'],
#Feedback select[disabled='disabled'] {
    border: gray 1px solid !important;
    color: gray !important;
    background: #f0f0f0 !important;
    
    /* TODO: find the right filter to disable in IE for disabled dropdowns ! now does not look good !*/
    filter: progid:DXImageTransform.Microsoft.Shadow(enabled='false');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled='false')"; 
    -ms-filter: progid:DXImageTransform.Microsoft.Shadow('enabled=false');
}

#Feedback textarea {
    font-size: 13px;
	font-family: Arial,Helvetica,sans-serif;
	width: 848px;
	height: 100px;
	padding: 1px;
	margin: 5px 0 5px 0;
	resize: none;
    border-width: 1px;
}

#Feedback h2 .validation-summary-errors {
    padding-left: 5px;
}

#Feedback select {
    margin: 0;
    padding: 0;
}

#Feedback .editor-label.pushedToLeft {
    margin-left: -70px;
}

#Feedback .pushedToLeft .field-validation-error 
{
    margin-left: 88px;
}

#Feedback .two-columns .field-validation-error {
    line-height: 14px;
    width: 215px;
}

#Feedback .two-columns {
    width: 405px;
    line-height: 24px;
}
#Feedback .two-columns.classification {
     width: 605px;
     margin: 0;
}
#Feedback.french .two-columns.classification
{
    width:900px;
}
#Feedback .two-columns.classification .editor-label {
    width: 250px;
}
#Feedback.french .two-columns.classification .editor-label 
{
    width:452px;
}
#Feedback .two-columns.classification .field-validation-error  {
    margin-left: 308px;
}

#Feedback .center-label
{
    padding-left: 40px;    
}

#Feedback p.personalInfo a
{
	color:#0071C9;
	text-decoration: underline;
}

/* FAQs Page
-------------------------------------------------------*/
.whitebox h2
{
	color:#637587;
	padding:0px;
	border-bottom:solid 3px #cad1d8;  
}

.whitebox h2 a
{
	color:#606e7b;
	text-decoration:none; 
	font-size: 1.2em;
}

.whitebox li
{
	color:#3DA1F5;
}

.whitebox.faq li {
    font-size:medium;
    margin-bottom:5px;
}

.whitebox li p
{
	color:#606e7b;
	font-size:small;
}

.whitebox ol a 
{
    line-height: 1.5em;
}

.whitebox ol a:active
{
	color:black;
}

.whitebox .release-notes td,
.whitebox .release-notes th
{
	padding: 5px;
	border: 1px solid;
	border-color:Gray;
}
.highlight 
{ 
	background-color: yellow; 
}
#searchResults
{
	color:Red;
	font-weight:bold;
}

/* Reset Password
-------------------------------------------------------*/
#resetpassword
{
	margin-left:auto;
	margin-right:auto;
	width:570px;
	color:#2D3033;
}

#resetpassword .whitebox
{
	padding:27px 110px 44px 110px;
}

#resetpassword .whitebox .validation-summary-errors li
{
	color:#ff0000;
}

#resetpassword .editor-label
{
	float:none;
	margin:0em;
	text-align:left;
	font-weight:bold;
	font-size:1.5em;
	color:#2D3033;
	width:100%;
}

#resetpassword .editor-label-normal
{
    float:none;
    margin:0em;
    vertical-align: top;
    text-align:left;
    font-size:1.5em;
    line-height: 24px;
    color:#2D3033;
    width:100%;
}

#resetpassword .temperature-cell-heat {
    vertical-align: top;
    padding-left: 20px;
    color: #ef3125;
}

#resetpassword .temperature-cell-cool {
    vertical-align: top;
    padding-left: 20px;
    color: #2547ef;
}

#resetpassword .temperature-caption
{
    float: none;
    vertical-align: top;
    margin: 0em;
    text-align: center;
    width: 100%;
}

#resetpassword .checkbox
{
    width: 20px;
    height: 20px;
    margin-left: 0px;
    margin-bottom: 0px;
}

#resetpassword .temperature
{
    float: none;
    vertical-align: top;
    margin: 0em;
    text-align: left;
    font-size: 3em;
    width: 100%;
}

#resetpassword > p
{
	font-size:16px;
	color:#4d5459;
}

#resetpassword .pushright
{
	margin-left:300px;
}

#resetpassword #contact
{
	
	margin:28px 0 0 65px;
	padding-left:60px;
	background-image:url(../../Images/Icons/icon_forget_email.gif?1);
	background-position:left;
	background-repeat:no-repeat;
}

#resetpassword .reset-success
{
	margin:16px 0;
	min-height:60px;
}

#resetpassword .reset-success .check-mark
{
	position:absolute;
	top:28px;
	left:32px;
	width:55px;
	height:55px;
}

#resetpassword .reset-success > *
{
	display:inline-block;
}

#resetpassword .reset-success li
{
	color:#4D5459;
	font-size:16px;
	line-height:20px;
}

#resetpassword .reset-success ul
{
	padding-left:0px;
	min-height:80px;
	width:435px;
	margin-left:90px;
	margin-top:3px;
}

#resetpassword .whitebox .display-field
{
	color:#4D5459;
	margin-bottom:20px;
}

#resetpassword ul
{
	list-style:none;
}

#resetpassword ul > li
{
	color:#4d5459;
}

#resetpassword .bold
{
	color:Black;
	font-size:1.4em;
	font-weight:bolder;
}

#resetpassword #contact a, 
#resetpassword #gateway-faq a
{
	color:#388adc;
	font-weight:bold;
	text-decoration: underline;
}

#resetpassword #contact a:hover,
#resetpassword #gateway-faq a:hover
{
	text-decoration: none;
}

#resetpassword .whitebox .validation-summary-errors ul
{
	padding-left:0px;
}

/* Reset Success
-------------------------------------------------------*/
#reset-success-whitebox
{
	position:relative;
	text-align:left;
	background-color:White;
	padding: 6px 15px 6px 15px;
}

#resetpassword input[type="password"], #resetpassword input[type="text"], #resetpassword input[type="email"], #resetpassword select
{
	width: 326px;
}

/* Device Registration Successful
-------------------------------------------------------*/
/*altered as per ticket: TCCNP-4493*/
.account-success-whitebox #registersuccesstop .success-text 
{    
    float: left;
    display: inline-block;
}

/*added: TCCNP-4493*/
#drinfo {
    margin-top: 10px;
}

/*altered as per ticket: TCCNP-4493*/
#registersuccessbottom {
    width: 99%;
    padding: 2px;
    color: #4D5459;
    line-height: 1.3em;
    font-size: 14px;
    margin-bottom: 8px;
}
#registersuccessbottom p
{
    margin:5px 0 5px 0;
}
    /*altered as per ticket: TCCNP-4493*/
    #registersuccessbottom #appstoreimagecontainer {
        width: 320px;
        margin: 0 auto;
        margin-bottom: 30px;
        margin-top: 30px;
        margin-right: 0px;
        overflow: hidden;
    }
#registersuccessbottom .appstoreimage
{
    width:150px;
    height:50px;
    float:left;
    cursor:pointer;
}

/*Margin removed for google play store image as per ticket: TCCNP-4493*/
#googleplayimage
{
    background:url('../../Images/google-play-logo1.png') no-repeat top left;    
    border:1px solid Black;
    border-radius:8px;
}

/*Margin added for App store image as per ticket: TCCNP-4493*/
#appleappstoreimage {
    background: url('../../Images/app-store.png') no-repeat top left;
    margin-right: 18px;
}


/* Account registration
------------------------------------------------------*/

.secretdropdown {
    width: 195px;
    overflow: hidden;
}

.secretdropdown select
{
	width:195px;
	padding-left: 0;
}

.two-columns .secretdropdown div.field-validation-error {
    margin-left: 0;
}

/* Account Success
-------------------------------------------------------*/

.account-success-whitebox, #account-success-whitebox
{
	position:relative;
	overflow:hidden;
	text-align:left;
	background-color:White;
	min-height:166px;
	padding: 12px 10px 0px;
	vertical-align:top;
}
#appinfo
{
    margin-top:10px;
}

/*altered as per ticket: TCCNP-4493*/
.account-success-whitebox.appImages 
{
    min-height:100px;
    padding: 0px;
}
.account-success-whitebox > div, #account-success-whitebox > div
{
	display:inline-block;
}

.account-success-whitebox .success-text, #account-success-whitebox .success-text
{
	float:left;
	margin-left:20px;
	display:inline-block;
	width:340px;
}

.account-success-whitebox .success-text p, #account-success-whitebox .success-text p
{
	line-height:1.3em;
	font-size: 16px;
}
.account-success-whitebox .success-text a, #account-success-whitebox .success-text a
{
    text-align:center;
}

.account-success-whitebox div.account-success, #account-success-whitebox div.account-success
{
	float:left;
	width:167px;
	height:153px;
	background-image:url(../../Images/icon_background.gif?1);
	background-repeat:repeat-x;
	background-position:center bottom;
}

.account-success-whitebox .account-success img, #account-success-whitebox .account-success img
{ 
	display:block;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px;
}

.account-success-whitebox .account-success .white-border-left-side, .account-success .white-border-right-side, #account-success-whitebox .account-success .white-border-left-side, #account-success .white-border-right-side
{
	height:151px;  
}

.account-success-whitebox .account-success .Success, #account-success-whitebox .account-success .Success
{ 
	margin-top:10px;
	text-align:center;
	font-weight:bolder;
	font-size:22px;
}

/* Register
-------------------------------------------------------*/
.register .floatleft, .register .floatright
{
	width:405px;
}

select.expand {
    width: auto; /* Support style for IE 7 and 8 DropDown hack */
}


#passwordchecker
{
    width:100%;
    overflow:hidden;
    margin:0 auto;
}
#passwordchecker .row
{
    width:250px;
    float:right;
    overflow:hidden;
}
#passwordchecker .passwordImage
{
    width:14px;
    height:14px;
    float:left;
    margin-bottom:4px;
    background:url('../../Images/Icons/redbar.png') no-repeat top left;
}
#passwordchecker p:not(.header)
{
    display:inline;
    float:left;
    margin:2px;
    font-size:smaller;
}
#passwordchecker .header
{
    margin:3px;
    font-size:11px;
    width:246px;
    float:right;
}
#passwordchecker.nofloat .header,
#passwordchecker.nofloat .row
{
    float:none;
}
#aolnote
{
    text-align:left;
    font-size: smaller;
    color: #80868A;
    width:230px;
    float:right;
    margin-right:27px;
}
/* Location List
-------------------------------------------------------*/
.header-search
{
	position:relative;
}

.header-search h1
{
    margin-top: 6px;
    margin-bottom: 4px;
}

.searchbox
{
	float:right;
	position:relative;
}

.searchText
{
	color:Black;
	font-size:14px;
	margin: 0px 15px;
}

.header-search form
{
	background-color:#f2f2f2;
	border-radius:10px;
	border: #caccd1 1px solid;
	height:32px;
	padding:8px 0px 4px;
}

.header-search div
{
	display:inline-block;
    *display:inline;
}

.no-locations
{
	font-weight:bold;
	font-size:14px;
	padding-left:10px;
}

#location-list {
    margin-top: 10px;
}

#location-list table, #zone-list table
{
	border-collapse:collapse;
	width: 900px;
	border-spacing: 0;
	table-layout: fixed;
}

    #location-list.contractor-locations table {
        width: 850px;
    }

    #location-list.contractor-locations table label {
    display: inline-block;
    width: 120px;
}

#location-list tbody tr td, #zone-list tbody tr td
{
	padding: 0;
	height:67px;
	background-image:url(../../Images/LocationZone/cell_frame_silver_center_tile.gif?1);
	background-position:center;
	background-repeat:repeat-x;
	color:#1D2733;
	margin:0;
	border:0;
}

#location-list .leftendcap, #zone-list .leftendcap
{
	width:13px;
	background-image:url(../../Images/LocationZone/cell_frame_silver_left.gif?1);
	background-position:center left;
	background-repeat:no-repeat;
}

#location-list .rightendcap, #zone-list .rightendcap
{
	width:13px;
	background-image:url(../../Images/LocationZone/cell_frame_silver_right.gif?1);
	background-position:center right;
	background-repeat:no-repeat;
}

#location-list tbody tr .location-type
{
	text-align:center;
	width:70px;
}

#location-list tbody tr .location-zone-title
{
	width:360px;
}

#location-list tbody tr .location-zone-title .location-zone-title-padding-wrapper {
    margin-left: 15px;
}

#location-list tbody tr .locationOwner {
	width: 360px;
}

    #location-list tbody tr .contractor input[type=checkbox].locationCheckBox {
        display: block;
        width: 1px;
        height: 1px;
        overflow: hidden;
        border: none 0;
        position: absolute;
        z-index: -10;
    }

    #location-list tbody tr .contractor input[type=checkbox].locationCheckBox + label {
        display: block;
        width: 32px;
        height: 32px;
        background: url('../../Images/Icons/icon_checks_small.gif') 0px 0px no-repeat;
        padding: 0;
        margin-left: 16px;
        border: none 0px;
    }

        #location-list tbody tr .contractor input[type=checkbox].locationCheckBox:checked + label {
            background: url('../../Images/Icons/icon_checks_small.gif') 0px -32px no-repeat;
        }

#zone-list tbody tr .location-zone-title
{
	width: 230px;
}

#location-list .location-name,
#zone-list .location-name
{
	font-weight:bold;
	font-size:1.5em;
}

#zone-list .zone-temperature
{
	width:110px;
	font-weight:bold;
	font-size:45px;
	text-align:right;
}

#zone-list .zone-temperature .equipStatus {
    position: relative;
    overflow: visible;
}

#zone-list .zone-temperature .equipStatus .equipStatusIcon {
    display: inline-block;
    width: 37px;
    height: 37px;
    position: absolute;
    left: -40px;
    top: 6px;
}
#zone-list .zone-temperature .equipStatus .equipStatusIcon.coolIcon {
    background-image: url('../../Images/Icons/eqstatus_cool.png');
}
#zone-list .zone-temperature .equipStatus .equipStatusIcon.heatIcon {
    background-image: url('../../Images/Icons/eqstatus_heat.png');
}
#zone-list .zone-temperature .equipStatus .equipStatusIcon.fanOnIcon {
    background-image: url('../../Images/Icons/fanstatus_on.png');
}


#zone-list .zone-humidity
{
	width:90px;
}

#zone-list .zone-humidity .humValue {
    margin-left: 10px;
}

#zone-list .hum-num
{
	font-size:25px;
}

#zone-list .hum-title
{
	font-size:9px;
}

#location-list tbody tr .alert,
#zone-list tbody tr .alert
{
    width: 205px;   
}

#location-list tbody tr .zone,
#zone-list tbody tr .zone
{
	width: 180px;
}

#location-list tbody tr .contractor,
#zone-list tbody tr .contractor
{
	width: 194px;
}

#location-list tbody tr .contractor input,
#zone-list tbody tr .contractor input {
    width: auto;
}

#locationEditPopup,
#removeContractorPopupDialog,
#levelOfAccessPromptDialog {
    display: none;
}

    #locationEditPopup .editor-label {
        width: 160px;
    }

.iconHelp {
    display: inline-block;
    background: url(../../Images/Icons/help_icon_tooltip.gif?1);
	background-position:left bottom;
	background-repeat:no-repeat;
    width: 16px;
    height: 16px;
    text-decoration: none;
}

.levelOfAccessHelp0 {
    display: inline-block;
    background-image: none;
    width: 16px;
    height: 16px;
}

#location-list .zonebutton,
#zone-list .zonebutton
{
	position:relative;
	height:45px;
	background-image:url(../../Images/LocationZone/cell_button_silver_left_tile.png?1);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.zonebutton a
{
    min-width:165px;
	display:block;
	text-align:left;
	font-weight:bold;
	padding-left:15px;
	line-height:42px;
	font-size:13px;
	padding-bottom:3px;
	background-image:url(../../Images/LocationZone/cell_button_silver_right_cap_arrow.png?1);
	background-position:right bottom;
	background-repeat:no-repeat;
}

#zone-list tr .alert .active-message
{
	font-size:11px;
	line-height:15px;
	padding:10px 0px 10px 40px;
	background-image:url(../../Images/Icons/icon_lock_small.gif?1);
	background-position:center left;
	background-repeat:no-repeat;
	text-shadow:none;
}

#zone-list .alert .active-title
{
	font-weight:bold;
}

#location-list .zonebutton:hover,
#zone-list .zonebutton:hover
{
	background:url(../../Images/LocationZone/cell_button_silver_left_tile.png?1) no-repeat top left;
}

#location-list .zonebutton a:hover,
#zone-list .zonebutton a:hover
{
	color:Black;
	text-decoration:none;
	background:url(../../Images/LocationZone/cell_button_silver_right_cap_arrow.png?1) no-repeat top right;
}

#location-list .zonebutton a:active,
#zone-list .zonebutton a:active
{
	color:Black;
}

#location-list .editbutton,
#zone-list .editbutton
{
	position:relative;
	margin-left:7px;
	height:45px;
	width:51px;
	text-align:center;
	background:url(../../Images/LocationZone/cell_settings_button_silver.png?1) no-repeat bottom center;
}

#location-list .editbutton:hover,
#zone-list .editbutton:hover
{
	 background:url(../../Images/LocationZone/cell_settings_button_silver.png?1) no-repeat top center;
}

#location-list .setting a,
#zone-list .setting a
{
	padding-top:30px;
	padding-bottom:3px;
	display:block;
	font-size:0.8em;
	font-weight:bold;
	color:#80898a;
}

#zone-list .setting,
#location-list .setting {
    width: 59px;    
}

#location-list .setting a:hover,
#zone-list .setting a:hover
{
	color:#80898a;
	text-decoration:none;
}
#zone-list .edit,
#location-list .edit {
    width: 200px;
    white-space: nowrap;
    overflow: hidden;
}

.zone-title div
{
	display:inline-block;
}

.zone-title h1
{
	margin:0px;
}

.zone-title
{
	position:relative;
    margin-top: 6px;
	margin-bottom: 4px;
}

#zone-list tbody tr.separator td,
#location-list tbody tr.separator td 
{
    height: 10px;
    background: none;
}

/* Location List - Red background
---------------------*/
#location-list .red-capsule a, 
#location-list .red-capsule a:hover, 
#location-list .red-capsule a:active, 
#zone-list .red-capsule a, 
#zone-list .red-capsule a:hover,
#zone-list .red-capsule a:active
{
	color:White;
}

#location-list tbody tr.red-capsule td,
#zone-list tbody tr.red-capsule td
{
	background-image:url(../../Images/LocationZone/cell_frame_red_center_tile.gif?1);
	text-shadow: #000 0px -2px 0px;
	color:White;
}

#location-list .red-capsule .leftendcap,#zone-list .red-capsule .leftendcap
{
	background-image:url(../../Images/LocationZone/cell_frame_red_left.gif?1);
}

#location-list .red-capsule .rightendcap,#zone-list .red-capsule .rightendcap
{
	background-image:url(../../Images/LocationZone/cell_frame_red_right.gif?1);
}

#location-list tbody tr.red-capsule .alert .message,
#zone-list tbody tr.red-capsule .alert .message
{
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	padding:10px 5px 10px 40px;
	background-image:url(../../Images/Icons/icon_attention_red_background.gif?1);
	background-position:center left;
	background-repeat:no-repeat;
	text-shadow:none;
}

#location-list tbody tr.gray-capsule .alert .message,
#zone-list tbody tr.gray-capsule .alert .message {
	font-size:11px;
	font-weight:bold;
	line-height:15px;
	padding:10px 5px 10px 40px;
	background-image:url(../../Images/Icons/icon_attention_small.gif?1);
	background-position:center left;
	background-repeat:no-repeat;
	text-shadow:none;
}

#zone-list tr.red-capsule .alert .active-message
{
	font-size:11px;
	line-height:15px;
	padding:10px 0px 10px 40px;
	background-image:url(../../Images/Icons/icon_lock_red_background.gif?1);
	background-position:center left;
	background-repeat:no-repeat;
	text-shadow:none;
}

#location-list tbody tr.red-capsule .alert .message a,
#zone-list tbody tr.red-capsule .alert .message a,
#location-list tbody tr.gray-capsule .alert .message a,
#zone-list tbody tr.gray-capsule .alert .message a
{
	text-decoration:underline;
}

#location-list .red-capsule .zonebutton,#zone-list .red-capsule .zonebutton
{
	background:url(../../Images/LocationZone/cell_button_red_left_tile.png?1) no-repeat left bottom;
}

#location-list .red-capsule .zonebutton a,#zone-list .red-capsule .zonebutton a
{
	background:url(../../Images/LocationZone/cell_button_red_right_cap_arrow.png?1) no-repeat right bottom;
}

#location-list .red-capsule .zonebutton:hover,#zone-list .red-capsule .zonebutton:hover
{
	background:url(../../Images/LocationZone/cell_button_red_left_tile.png?1) no-repeat left top;
}

#location-list .red-capsule .zonebutton a:hover,#zone-list .red-capsule .zonebutton a:hover
{
	background:url(../../Images/LocationZone/cell_button_red_right_cap_arrow.png?1) no-repeat right top;
}

#location-list .red-capsule .editbutton,#zone-list .red-capsule .editbutton
{
	background:url(../../Images/LocationZone/cell_settings_button_red.png?1) no-repeat center bottom;
}

#location-list .red-capsule .editbutton:hover,#zone-list .red-capsule .editbutton:hover
{
	 background:url(../../Images/LocationZone/cell_settings_button_red.png?1) no-repeat center top;
}



/* Create New Location
-------------------------------------------------------*/
.label-above
{
 width:240px;   
}

.label-above > .editor-label
{
	float:none;
	text-align:left;
	width:100%;
	margin-top:20px;
}

.label-above > p
{
	margin:0px;  
	font-size:0.8em; 
	width:210px;
}

#choose-location-type
{
	width:400px;
}

.residential, .commercial
{
	position:relative;
	display:inline-block;
	line-height:50px;
	width:165px;
	height:70px;
}


#ResidentialRadioButton
{
	position:absolute;
	top:4px;
	left:60px;
}

#CommercialRadioButton
{
	position:absolute;
	top:7px;
	left:70px;
}
.commercial
{
	margin-left:25px;
}

.edit-location-name input
{
	width:275px;
}

#account-confirmed
{
	border-radius: 5px;
	background: #0c700c;
	color:White;
	list-style:none;
}

#account-confirmed ul
{
	list-style:none;
	background-image:url(../../Images/Icons/icon_check_small.gif?1);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:24px;
	padding:16px;
}

#account-confirmed li
{
	font-size:1.2em;
	padding-left:60px;
}

#account-confirmed li.bold
{
	font-size:1.7em;
	font-weight:bold;
}

#add-gateway
{
	position:relative;
	overflow:hidden;
}
#add-gateway-info
{
	margin-bottom:0px;
}
#add-gateway p, #add-gateway li
{
	color:#000000;
	font-size:small;
}
#add-gateway .floatright ul
{
	border: 1px solid #c3c9d6;
	padding:0;
	overflow-y:scroll;
	width: 350px;
	height: 128px;
	list-style-type: none;
}
#add-gateway .floatright li
{
	background-image:url(../../Images/gateway_list_background.gif?1);
	background-position:center;
	background-repeat:repeat-x;
	position:relative;
	padding-left:4px;
	line-height:38px;
	border-bottom: 1px solid #c3c9d6;
	color:Black;
}
#add-gateway .floatright ul
{
	margin-top:0px;
}
#add-gateway-list-header h4
{
	display:inline;
	vertical-align:bottom;
	margin-bottom:8px;
}
#mac-header
{
	margin-left:53px;
	margin-right:55px;
}
#add-gateway .MAC
{
	font-weight:bold;
	font-size:16px;
    width: 136px;
    border: 0px none;
    padding: 0;
    margin: 0;
    background: none;
    text-align: center;
}
#add-gateway .CRC
{
	margin:0px 4px;
}
#sameEmail
{
	font-size:smaller;
}
.sameEmailInput
{
	color:Red;
}
#add-gateway .delete-gateway
{
	position:absolute;
	right:10px;
}
#add-gateway .delete-gateway a
{
	padding-top:10px;
	display:block;
	background-image:url(../../Images/Icons/trashcan.png?1);
	background-position:center;
	background-repeat:no-repeat;
	height:30px;
	width:25px;
}

#useHomeContainer
{
	text-align: center;
	line-height: 18px;
	height: 18px;
	padding-bottom: 2px;
}
#useHomeContainer div
{
	display: inline-block;
}
#useHomeLabel
{
    display: inline-block;
}

#useHomeCheck {
    position: relative;
    margin: 0;
    padding: 0;
    margin-right: 5px;
    top: 2px;
}


/* Register gateway
-------------------------------------------------------*/
#resetpassword #gatewayinfo
{
	
	margin:10px 60px 0 70px;
	padding:10px 0px 35px 55px;
	background-image:url(../../Images/Icons/gateway_show_macid.jpg?1);
	background-position:left;
	background-repeat:no-repeat;
}
#resetpassword #registerdevice
{
    padding:27px 25px 44px 35px;
}
#resetpassword #registerdevice input[type="text"]
{
    width:250px;
}
#resetpassword #registerdevice #machint p
{
    width:200px;
    text-align:center;
    margin-top:55px;
}

.success-text > h2
{
	margin-top:10px;
	margin-bottom:0px; 
	padding:0px;
}

.success-text > p
{
	margin-top:10px;
	color:#4d5459;
}

.mac-border
{
	border: solid #dbdbdb 1px;
	border-radius:5px;
	color:#4d5459;
	margin-bottom:5px;
	text-align: center;
}
#registeredToAnotherAccountLink
{
	margin-top:5px;
	margin-bottom:15px;
	text-align:center;
}

#helpgatewayimage
{
    height:90px;
    width:82px;
    float:left;
    margin:4px;
}
#helpvisionproimage
{
    height:94px;
    width:125px;
    float:left;
    margin:4px;
}
#helpfocusproimage
{
    width:90px;
    height:57px;
    float:left;
    margin:4px;
    margin-top:12px;
}
#helpmanhattanimage
{
    width:125px;
    height:96px;
    float:left;
    margin:4px;
}
#focusproheader
{
    margin:1em;
}

.mac-border-content
{
    padding: 5px 0;
    text-align: left;
    display: inline-block;
}

.mac-border-content > div
{
	display: inline-block;
}

.mac-border-content > div.CRC {
    margin: 0;
    margin-left: 10px;
}

.mac-border .display-label
{
	margin-bottom:0px;
	font-size:14px;
}

.mac-border .display-field
{
	margin-top: 0;
	margin-bottom: 0;
	font-size:20px;
	font-weight:bold;
	color:Black;
}
#searchForMyProblem
{
    width: 160px;
    margin: 0 auto;
    display: block;
    margin-bottom: 8px;
}
#resetpassword #gateway-faq
{
	
	margin:20px 0 0 70px;
	padding-left:25px;
	background-image:url(../../Images/Icons/icon_question_mark.gif?1);
	background-position:top left;
	background-repeat:no-repeat;
}

#resetpassword #gateway-faq > ul > li > ul
{
	list-style-type:none;
	padding-left:20px;
	margin-bottom:10px;
}
#questionContainer
{
	text-align:center;
}
#questionContainer .buttonarea
{
	width:390px;
}
/* Dealer Info
-------------------------------------------------------*/
.dealerinfo .whitebox
{
	color:Black;
	padding:45px 60px;
}

.dealerinfo .whitebox .floatright,
.dealerinfo .whitebox .floatleft
{
	width:350px;
	margin-bottom:40px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
}

.dealerinfo .whitebox .comments
{
	color:#4b5a6a;
	border-top: 2px solid #dce0e8;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    width: 762px;
}

.dealerinfo .whitebox .comments .display-field
{
	font-size:13px;
}

.dealerinfo .company-name
{
	font-size:20px;
	font-weight:bold;
}

.dealerinfo .display-field
{
	font-size:15px;
}

.dealerinfo .buttonwrapper > .red-button-gray
{
	float:left;
}
.preferreddealer .buttonwrapper > .red-button-gray {
    float: inherit;
}

.dealerinfo .buttonwrapper > .black-button-gray
{
	float:right;
}

.dealerinfoedit .buttonwrapper > .black-button-gray {
    float: left;
}

.dealerinfo .buttonwrapper  a
{
	text-align:left;
	padding:0px 0px 6px 10px;
	min-width:165px;
}

.dealerinfo .buttonwrapper .silver-button-trash-gray  a
{
	text-align:center;
	padding:0px 30px 6px 15px;
	min-width:165px;
}

.edit-dealer-info textarea
{
	height:70px;
	width:215px;
}

#dealerEmailSentDialog {
    display: none;
}

.formfield.preferreddealer textarea {
    width: 755px;
    height: 100px;
}

.formfield.preferreddealer select {
    width: 200px;
}

/* Send Email
-------------------------------------------------------*/

.sendemail .editor-label {
    width: 100px;
}

.sendemail input, .sendemail textarea {
    width: 732px;
}

.sendemail textarea {
    height: 400px;
    /*font-family: Arial, Helvetica, sans-serif;
    font-size: 1.0em;*/
}

.sendemail .editor-field .field-validation-error {
    margin-left: 108px;
}

/* My Account Settings
-------------------------------------------------------*/
.account-settings .floatleft
{
	width:370px;
}

.account-settings .floatright
{
	width:410px;
}

.account-settings fieldset
{
	padding-bottom:27px;
}

.account-settings .whitebox
{
	padding:15px 30px;
	/*height: 460px;*/
}

.account-settings .child-user
{
	position:absolute;
	top:16px;
	margin:0px 220px;
	width:370px;
}

.account-settings .scroll
{
	margin-top:30px;
	background-color:#fcfcfd;
	border: #c3c9d6 solid 1px;
	width:100%;
	height:280px;
	overflow-y:scroll;
}

.account-settings .name
{
	font-weight:bold;
	height:30px;
	font-size:20px;
	color:#231F20;
}

.account-settings
{
	color:#1D2733;
	font-size:16px;
	line-height:25px;
}

.account-settings .my-profile
{
	width:325px;
	padding-left:45px;
}

.account-settings .customer-support
{
	border-bottom:solid 3px #cad1d8;
    padding: 0 0 20px 0;
    margin: 0 0 30px 0;
}

.account-settings .customer-support-granted
{
    color: gray;
}

.account-settings .buttonarea
{
	margin:20px 0px 35px;
	padding:0;
	text-align:left;
}

.account-settings .my-profile .buttonarea > div
{
	float:none;
	margin: 4px 0px;
}

.account-settings .red-button-white a
{
	text-align:center;
	padding-left:0px;
	padding-right:0px;
	width:250px;
}

.account-settings .user-list
{
	position:relative;
}

.account-settings .user-list div
{
	margin:0;
}

.account-settings .user-list .buttonarea
{
    float: right;
    width: auto;
    margin-left: 1em;
}

.account-settings .add-user-info {
    color: #80868A;
	width:180px;
}

.account-settings .add-cs-info {
    color: #80868A;
    clear: both;
}

.account-settings .floatright .scroll ul
{
	list-style:none;
	padding:0;
	margin:0;
}

.account-settings .floatright .scroll ul li
{
	position: relative;
	height:52px;
	line-height:48px;
	background-image:url(../../Images/gateway_list_background.gif?1);
	background-position:center bottom;
	background-repeat:repeat-x;
	border-bottom: 1px solid #c3c9d6;
}

.account-settings .floatright .scroll ul li:last-child
{
    margin-bottom:0px;
}

.account-settings .floatright .scroll ul div
{
	display:inline-block;
}

.account-settings .floatright .scroll ul .added-user-name
{
	position:absolute;
	top:0px;
	left:15px;
	width:200px;
	height:52px;
	font-weight:bold;
	font-size:14px;
	color:#1D2733;
	overflow:hidden;
}

.account-settings .added-user-activated
{
	position:absolute;
	top:0px;
	left:215px;
	height:100%;
	width:100px;
	color:Red;
	text-align:center;
	font-size: 14px;
}

.account-settings .added-user-setting
{
	position:absolute;
	top:5px;
	right:10px;
	height:45px;
	width:55px;
	text-align:center;
	background-image:url(../../Images/ScrollableList/cell_small_settings_button.png?1);
	background-position:center bottom;
	background-repeat:no-repeat;
}

.account-settings .added-user-setting:hover
{
	 background-image:url(../../Images/ScrollableList/cell_small_settings_button.png?1);
	 background-position:center top;
}

.account-settings .added-user-setting a
{
	padding-top:12px;
	display:inline-block;
	height:35px;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	color:#80898a;

}

.account-settings .added-user-setting a:hover
{
	color:#80898a;
	text-decoration:none;
}

.account-settings .floatright .scroll ul li#apps-header {
    text-transform: uppercase;
    color: white;
    background-color: #888888;
    background-image: none;
    height: auto;
    font-weight: bold;
    font-size: 15px;
    line-height: normal;
    padding: 5px 5px 5px 8px;
    border-top: 2px solid #585858;
    border-bottom: 2px solid #585858;
}

.apps {
    margin: 6px 5px 0 0;
    float: right;
}

input.apps  {
    color: white;
	background: url('../../Images/Buttons/white_background/43_red_left_tile.png?1') no-repeat 0px -43px;
    height: 40px;
    border-radius: 8px;
    font-size: 15px;
    border: none;
    text-shadow: 0px -1px 0px #000;
}

input.apps:hover  {
	background: url('../../Images/Buttons/white_background/43_red_left_tile.png?1') no-repeat 0px 0px;

}

.account-settings #apps-header input[type=submit] {
    float: right;
    margin-top: -2px;
}


/* Add / Edit child users
-------------------------------------------------------*/
.child-user-form textarea
{
	width: 220px;
	height: 100px;
}

.child-user-form .scroll
{
	margin-top:10px;
	background-color:#fcfcfd;
	border: #c3c9d6 solid 1px;
	width:100%;
	height:280px;
	overflow-y:scroll;
}

.child-user-form .scroll .locations
{
	position:relative;
	height:39px;
	background-image: url(../../Images/gateway_list_background.gif?1);
	background-position:bottom center;
	background-repeat:repeat-x;
	border-bottom: #c3c9d6 solid 1px;
}

.child-user-form .scroll .locations .locationName > input
{
	position:absolute;
	top:8px;
	left:12px;
}
.child-user-form .scroll .locations .locationName > label
{
	color:Black;
	font-weight:bold;
	font-size:16px;
	position:absolute;
	top:10px;
	left:50px;
}

.child-user-form .scroll .locations .locationAdmin > input
{
	position:absolute;
	top:8px;
	right:5px;
}
.child-user-form .scroll .locations .locationAdmin > label
{
	color:Black;
	font-weight:bold;
	font-size:16px;
	position:absolute;
	top:10px;
	right:30px;
}

.child-user-form .account-permissions > p
{
	width:200px;
	font-size:10px;
	position:absolute;
	top:30px;
	left:42px;
}

.child-user-form .silver-button-none-gray
{
	margin:5px 35px 25px 0px;
}

.child-user-form #Persmissions
{
	border:1px solid #C3C9D6;
	border-radius:5px;
	background-image:url(../../Images/adduser_locationlist_bg.png?1);
	background-position:top center;
	background-repeat:repeat-x;
	padding:5px 5px 40px;
}
.child-user-form #PermissionCheckBoxes
{
	margin-top:0;
}

.child-user-form #SelectAll
{
	margin-top:10px;
	margin-right:10px;
	text-align:right;
}

/* Float styles
-------------------------------------------------------*/

.floatleft
{
	float:left;
}

.floatright
{
	float:right;
}

/* Button Styles
-------------------------------------------------------*/

.buttonarea
{
	position:relative;
	width:100%;
	display:inline-block;
	margin-top:7px;
	margin-bottom:27px;
	text-align:right;
	min-height:43px;
    z-index: 0;
}

    .buttonarea.inner {
        margin-bottom: 8px;
    }

.buttonarea.dialog {
    text-align: center;
}

.unselectable
{
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;  
}

.buttonwrapper
{
	overflow:hidden;
	padding-left:20px;
	padding-right:20px;
}

.ui-dialog .buttonwrapper {
    padding-left: 0;
    padding-right: 0;
}

.red-button-gray,
.red-button-white,
.buttons-black-button-right-gray,
.red-arrow-button-gray,
.silver-button-gray,
.silver-button-white,
.silver-button-none-gray,
.silver-button-arrow-gray,
.black-button-gray,
.silver-button-trash-gray
{
	float:right;
	display:inline-block;
	text-align:right;
	height: 43px;
	margin-left:3px;
}

.dialog .red-button-gray,
.dialog .red-button-white,
.dialog .buttons-black-button-right-gray,
.dialog .red-arrow-button-gray,
.dialog .silver-button-gray,
.dialog .silver-button-white,
.dialog .silver-button-none-gray,
.dialog .silver-button-arrow-gray,
.dialog .black-button-gray,
.dialog .silver-button-trash-gray {
    float: none;
}

.silver-button-trash-gray
{
	float:left;
	background:url(../../Images/Buttons/gray_background/43_silver_left_tile.png?1) no-repeat;
	background-position:left bottom;
}

/* .ui-widget is used here because we need to override theme from jQuery UI */

.red-arrow-cap-gray-submit-button,
.ui-widget .red-arrow-cap-gray-submit-button,
.red-check-cap-gray-submit-button,
.ui-widget .red-check-cap-gray-submit-button,
.red-check-cap-white-submit-button,
.ui-widget .red-check-cap-white-submit-button,
.silver-cancel-cap-gray,
.ui-widget .silver-cancel-cap-gray,
.silver-cancel-cap-white,
.ui-widget .silver-cancel-cap-white,
.red-next-button input,
.red-next-button a
{
	display:block;
	text-align:left;
	height:43px;
	color:White;
	padding: 0px 40px 8px 10px;
	font-size:16px;
	text-shadow: #000 0px -1px 0px;
	border: none;
	min-width:165px;
	margin:0px;
	cursor:pointer;
	line-height: 38px;
}

.grayed-out .red-arrow-cap-gray-submit-button,
.grayed-out .red-check-cap-gray-submit-button,
.grayed-out .red-check-cap-white-submit-button,
.grayed-out .silver-cancel-cap-gray,
.grayed-out .silver-cancel-cap-white
{
	text-shadow: none;
	cursor:auto;
}

.ie8 .red-arrow-cap-gray-submit-button,
.ie8 .red-check-cap-gray-submit-button,
.ie8 .red-check-cap-white-submit-button,
.ie8 .silver-cancel-cap-gray,
.ie8 .silver-cancel-cap-white
{
	min-width:115px\0/ !important;
}

.ie9 .red-arrow-cap-gray-submit-button,
.ie9 .red-check-cap-gray-submit-button,
.ie9 .red-check-cap-white-submit-button,
.ie9 .silver-cancel-cap-gray,
.ie9 .silver-cancel-cap-white
{
	width: 0;
}

.red-next-button a {
    padding-bottom: 0;
}

.red-next-button input,
.red-next-button a {
    background: url(../../Images/Buttons/43_red_next.png?1) no-repeat center left;
    float: right;
    margin-left: 3px;
    padding-top: 0;
    padding-right: 0;
    text-decoration: none;
}

.red-next-button input:hover,
.red-next-button a:hover {
    background: url(../../Images/Buttons/43_red_next.png?1) no-repeat top left;
}

.red-next-button input[disabled],
.red-next-button a[disabled] {
    background: url(../../Images/Buttons/43_red_next.png?1) no-repeat bottom left;
    text-shadow: none;
}

.silver-cancel-cap-gray,
.ui-widget .silver-cancel-cap-gray
{
	background:url(../../Images/Buttons/gray_background/43_silver_right_cap_cancel.png?1) no-repeat bottom right;
	color:Black;
}

.silver-cancel-cap-white,
.ui-widget .silver-cancel-cap-white
{
	background:url(../../Images/Buttons/white_background/43_silver_right_cap_cancel.png?1) no-repeat right -43px;
	color:Black;
}
.silver-cancel-cap-white:hover
{
	background:url(../../Images/Buttons/white_background/43_silver_right_cap_cancel.png?1) no-repeat right 0px;
}
.grayed-out .silver-cancel-cap-white,
.grayed-out .silver-cancel-cap-white:hover
{
	height: 45px;
	color: #BFBFBF;
	background:url(../../Images/Buttons/white_background/43_silver_right_cap_cancel.png?1) no-repeat right -86px;
}

.buttons-black-button-left-gray, 
.buttons-black-button-left-white
{
	margin:20px 0 0 0;
	display:inline-block;
	position:relative;
	height:43px;
	background-position:right;
	background-repeat:no-repeat;
	border:0px;
	padding:0px;
}
.buttons-black-button-left-gray
{
	background:url(../../Images/Buttons/gray_background/43_black_right_tile.png?1) no-repeat bottom right;
}
.buttons-black-button-left-white
{
	background:url(../../Images/Buttons/white_background/43_black_right_tile.png?1) no-repeat bottom right;
}
.buttons-black-button-left-gray:hover
{
	background:url(../../Images/Buttons/gray_background/43_black_right_tile.png?1) no-repeat top right;
}

.buttons-black-button-right-gray a
{
	display:block;
	background:url(../../Images/Buttons/gray_background/43_black_right_cap_arrow.png?1) no-repeat right bottom;
	text-align:left;
	line-height:37px;
	padding:0px 40px 6px 16px;
	color:White;
	font-size:16px;
	text-shadow: #000 0px -1px 0px;
	min-width:115px;
	text-decoration:none;
}

.buttons-black-button-left-gray a, 
.buttons-black-button-left-white a
{
	display:block;
	color:White;
	font-size:16px;
	text-align:right;
	text-decoration:none;
	padding:0px 30px 4px 50px;
	line-height:39px;
	background:url(../../Images/Buttons/gray_background/43_black_left_cap_plus.png?1) no-repeat left bottom;
	cursor:pointer;
	min-width:105px;
}
.buttons-black-button-left-gray a:hover
{
	color:White;
	text-decoration:none;
	background:url(../../Images/Buttons/gray_background/43_black_left_cap_plus.png?1) no-repeat left top;
}

.buttons-black-button-right-gray a:hover
{
	text-decoration: none;
	background:url(../../Images/Buttons/gray_background/43_black_right_cap_arrow.png?1) no-repeat right top;
	text-decoration:none;
}

.buttons-black-button-left-white a
{
	background:url(../../Images/Buttons/white_background/43_black_left_cap_plus.png?1) no-repeat left bottom;
}

.buttons-black-button-left-white:hover
{
	background:url(../../Images/Buttons/white_background/43_black_right_tile.png?1) no-repeat right top;
}

.buttons-black-button-left-white a:hover
{
	color:White;
	text-decoration:none;
	background:url(../../Images/Buttons/white_background/43_black_left_cap_plus.png?1) no-repeat left top;
}

.red-arrow-button-gray a,
.silver-button-gray a,
.silver-button-none-gray a,
.red-button-gray a,
.black-button-gray a,
.silver-button-trash-gray a,
.red-button-white a,
.silver-button-gray-big a
{
	display:block;
	text-decoration:none;
	text-align:left;
	line-height:37px;
	padding:0px 40px 6px 10px;
	font-size:16px;
	text-shadow: #000 0px -1px 0px;
	min-width:115px;
}
.silver-button-gray-big a {
    color: black;
	display:block;
	text-decoration:none;
	text-align:center;
	line-height:inherit;
	padding:8px 20px;
	font-size:16px;
	text-shadow: #000 0px -1px 0px;
}

.silver-button-trash-gray a
{
	background:url(../../Images/Buttons/gray_background/43_silver_right_cap_trash.png?1) no-repeat right bottom;
	color:Black;
}
.red-arrow-button-gray a
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_arrow.png?1) no-repeat right bottom;
	color:White;
}
.silver-button-gray a
{
	background:url(../../Images/Buttons/gray_background/43_silver_right_cap_cancel.png?1) no-repeat right bottom;
	color:Black;
}
.silver-button-none-gray a
{
	background:url(../../Images/Buttons/white_background/43_silver_right_cap.png?1) no-repeat right bottom;
	color:Black;
	text-align:center;
	margin:0;
	padding:0 30px 5px;
	line-height:38px;
}
.silver-button-arrow-gray a
{
	background:url(../../Images/Buttons/gray_background/43_silver_right_cap_arrow.png?1) no-repeat right bottom;
	color:Black;
}
.red-button-gray a
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap.png?1) no-repeat right bottom;
	color:White;
}
.red-button-white a
{
	background:url(../../Images/Buttons/white_background/43_red_right_cap.png?1) no-repeat right bottom;
	color:White;
}
.black-button-gray a
{
	background:url(../../Images/Buttons/gray_background/43_black_right_cap.png?1) no-repeat right bottom;
	color:White;
}

.silver-button-trash-gray a:hover
{
	background:url(../../Images/Buttons/gray_background/43_silver_right_cap_trash.png?1) no-repeat right top;
}
.silver-button-arrow-gray a:hover
{
	background:url(../../Images/Buttons/gray_background/43_silver_right_cap_arrow.png?1) no-repeat right top;
}
.black-button-gray a:hover
{
	text-decoration: none;
	background:url(../../Images/Buttons/gray_background/43_black_right_cap.png?1) no-repeat right top;
}
.silver-button-none-gray a:hover
{
	background:url(../../Images/Buttons/white_background/43_silver_right_cap.png?1) no-repeat right top;
}

.red-button-gray a:hover
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap.png?1) no-repeat right top;
}
.red-button-white a:hover
{
	background:url(../../Images/Buttons/white_background/43_red_right_cap.png?1) no-repeat right top;
}


.silver-button-gray a:hover
{
	text-decoration: none;
	background:url(../../Images/Buttons/gray_background/43_silver_right_cap_cancel.png?1) no-repeat right top;
	color:Black;
}

.silver-36-arrow-button-arrow-gray
{
	float:right;
	display:inline-block;
	text-align:right;
	margin-right:10px;
	background:url(../../Images/Buttons/gray_background/36_silver_left_tile.png?1) no-repeat left bottom;
}

.silver-36-arrow-button-arrow-gray:hover
{
	background:url(../../Images/Buttons/gray_background/36_silver_left_tile.png?1) no-repeat left top;
}

.silver-36-arrow-button-arrow-gray a
{
	display:block;
	text-decoration:none;
	background:url(../../Images/Buttons/gray_background/36_silver_right_cap_arrow.png?1) no-repeat;
	background-position:right bottom;
	text-align:left;
	line-height:36px;
	padding-left:10px;
	padding-right:30px;
	color:Black;
	font-size:14px;
	text-shadow: #000 0px -1px 0px;
	min-width:140px;
	margin:0;
	border:0;
}

.silver-cancel-cap-gray:hover
{
	background:url(../../Images/Buttons/gray_background/43_silver_right_cap_cancel.png?1) no-repeat right top;
}

.silver-button-gray,
.silver-button-arrow-gray
{
	background:url(../../Images/Buttons/gray_background/43_silver_left_tile.png?1) no-repeat left bottom;
}
.silver-button-gray:hover,
.silver-button-arrow-gray:hover
{
	background:url(../../Images/Buttons/gray_background/43_silver_left_tile.png?1) no-repeat left top;
}

.silver-button-gray-big {
    background:url(../../Images/Buttons/240x60_silver.png?1) no-repeat bottom left;
   	width: 240px;
    height: 60px;
}
.silver-button-gray-big:hover {
    background:url(../../Images/Buttons/240x60_silver.png?1) no-repeat top left;
}

.silver-button-white
{
	background:url(../../Images/Buttons/white_background/43_silver_left_tile.png?1) no-repeat left -43px;
}
.silver-button-white:hover
{
	background:url(../../Images/Buttons/white_background/43_silver_left_tile.png?1) no-repeat left 0px;
}
.grayed-out .silver-button-white,
.grayed-out .silver-button-white:hover
{
	background:url(../../Images/Buttons/white_background/43_silver_left_tile.png?1) no-repeat left -86px;
	height: 45px;
	position: absolute; 
	/* other button images has height of 43px, here we set height to 45px but need to make this absolute to not affect
	   page layout - this may need to implement some other hacks in views using this class - see DeviceSettings as example */
}

.silver-button-none-gray
{
	background:url(../../Images/Buttons/white_background/43_silver_left_tile.png?1) no-repeat left -43px;
}
.silver-button-none-gray:hover
{
	background:url(../../Images/Buttons/white_background/43_silver_left_tile.png?1) no-repeat left 0px;
}

.silver-36-arrow-button-arrow-gray a:hover
{
	background:url(../../Images/Buttons/gray_background/36_silver_right_cap_arrow.png?1) no-repeat right top;
	background-position:right top;
}

.red-arrow-button-gray a:hover
{
	text-decoration: none;
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_arrow.png?1) no-repeat right top;
}

.red-arrow-cap-gray-submit-button
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_arrow.png?1) no-repeat right bottom;
}
.red-arrow-cap-gray-submit-button:hover
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_arrow.png?1) no-repeat right top;
}

.red-check-cap-gray-submit-button
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_checkmark.png?1) no-repeat right bottom;
}
.red-check-cap-gray-submit-button:hover
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_checkmark.png?1) no-repeat right top;
}

/* button images in images are positioned from top:
   1 - hovered active button
   2 - nonhovered active button
   3 - nonactive button - grayed-out 
*/
.red-check-cap-white-submit-button
{
	background:url(../../Images/Buttons/white_background/43_red_right_cap_checkmark.png?1) no-repeat right -43px;
}
.red-check-cap-gray-submit-button
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_checkmark.png?1) no-repeat right -43px;
}
.red-check-cap-white-submit-button:hover
{
	background:url(../../Images/Buttons/white_background/43_red_right_cap_checkmark.png?1) no-repeat right 0px;
}
.red-check-cap-gray-submit-button:hover
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_checkmark.png?1) no-repeat right 0px;
}
.grayed-out .red-check-cap-white-submit-button,
.grayed-out .red-check-cap-white-submit-button:hover
{
	background:url(../../Images/Buttons/white_background/43_red_right_cap_checkmark.png?1) no-repeat right -86px;
}

.grayed-out .red-check-cap-gray-submit-button,
.grayed-out .red-check-cap-gray-submit-button:hover
{
	background:url(../../Images/Buttons/gray_background/43_red_right_cap_checkmark.png?1) no-repeat right -86px;
}

.buttons-black-button-right-gray
{
	background:url(../../Images/Buttons/gray_background/43_black_left_tile.png?1) no-repeat left bottom;
}
.buttons-black-button-right-gray:hover
{
	background:url(../../Images/Buttons/gray_background/43_black_left_tile.png?1) no-repeat left top;
}

.red-button-gray,
.red-arrow-button-gray
{
	background:url(../../Images/Buttons/gray_background/43_red_left_tile.png?1) no-repeat left bottom;
}
.red-button-gray:hover,
.red-arrow-button-gray:hover
{
	background:url(../../Images/Buttons/gray_background/43_red_left_tile.png?1) no-repeat left top;
}

.red-button-white
{
	background:url(../../Images/Buttons/white_background/43_red_left_tile.png?1) no-repeat 0px -43px;
}
.red-button-white:hover
{
	background:url(../../Images/Buttons/white_background/43_red_left_tile.png?1) no-repeat 0px 0px;
}

.grayed-out .red-button-white,
.grayed-out .red-button-white:hover
{
	background:url(../../Images/Buttons/white_background/43_red_left_tile.png?1) no-repeat 0px -86px;
}

.grayed-out .red-button-gray,
.grayed-out .red-button-gray:hover
{
	background:url(../../Images/Buttons/white_background/43_red_left_tile.png?1) no-repeat 0px -86px;
}

.buttons-black-button-small-gray
{
	display:inline-block;
	text-align:right;
	background:url(../../Images/Buttons/gray_background/30_black_left_tile.png?1) no-repeat;
	background-position:left bottom;
	width: 50px;
	height: 30px;
	margin:0 12px 0 8px;
}
.buttons-black-button-small-gray:hover
{
	background:url(../../Images/Buttons/gray_background/30_black_left_tile.png?1) no-repeat;
	background-position:left top;
}

.buttons-black-button-small-gray a
{
	display:block;
	background:url(../../Images/Buttons/gray_background/30_black_right_cap.png?1) no-repeat;
	background-position:bottom right;
	text-align:center;
	line-height:30px;
	color:White;
	font-size:1.2em;
	text-shadow: #000 0px -1px 0px;
}

.buttons-black-button-small-gray a:hover
{
	text-decoration: none;
	background:url(../../Images/Buttons/gray_background/30_black_right_cap.png?1) no-repeat;
	background-position:top right;
}

.black-button-gray
{
	background:url(../../Images/Buttons/gray_background/43_black_left_tile.png?1) no-repeat left bottom;
}
.black-button-gray:hover
{
	background:url(../../Images/Buttons/gray_background/43_black_left_tile.png?1) no-repeat left top;
}

.silver-button-trash-gray:hover
{
	background:url(../../Images/Buttons/gray_background/43_silver_left_tile.png?1) no-repeat left top;
}


.buttons-36-black-button-left-white
{
	margin-top:20px;
	display:inline-block;
	height:36px;
	background-image:url(../../Images/Buttons/white_background/36_black_left_tile_plus.png?1);
	background-position:left bottom;
	background-repeat:no-repeat;
}

.buttons-36-black-button-left-white:hover
{
	background-image:url(../../Images/Buttons/white_background/36_black_left_tile_plus.png?1);
	background-position:left top;
}

.buttons-36-black-button-left-white a
{
	display:block;
	color:White;
	text-align:right;
	font-weight:bold;
	text-decoration:none;
	line-height:32px;
	padding:0px 15px 4px 40px;
	background-image:url(../../Images/Buttons/white_background/36_black_right_cap.png?1);
	background-position:right bottom;
	background-repeat:no-repeat;
	cursor:pointer;
    max-width: 269px;
    white-space: nowrap;
}

.customer-support .buttons-36-black-button-left-white a {
    font-size: 80%;
}

.buttons-36-black-button-left-white a:hover
{
	background-image:url(../../Images/Buttons/white_background/36_black_right_cap.png?1);
	background-position:right top;
}

#paging-block 
{
	margin-top:25px;
	text-align:right;
}

#Paging-title
{
	color:Black;
	font-size:14px;
	font-weight:bold;
}

#paging-block ul
{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;
	border:0;
	display:inline-block;
}

#paging-block ul li
{
	display:inline-block;
	width:35px;
	height:29px;
	text-align:center;
	margin-left:3px;
}

.selectedPageNumber,
.nextPageButton a,
.previousPageButton a,
.pageNumber a
{
	font-weight:bold;
	text-align:center;
	display:block;
	line-height:29px;
	width:35px;
	height:29px;
}

.nextPageButton a
{
	background:url(../../Images/Pagination/pagination_next.png?1) no-repeat center bottom;
}
.nextPageButton a:hover
{
	background:url(../../Images/Pagination/pagination_next.png?1) no-repeat center top;
	text-decoration: none;
}

.previousPageButton a
{
	background:url(../../Images/Pagination/pagination_previous.png?1) no-repeat center bottom;
}
.previousPageButton a:hover
{
	background:url(../../Images/Pagination/pagination_previous.png?1) no-repeat center top;
	text-decoration: none;
}

.selectedPageNumber
{
	color:White;
	background:url(../../Images/Pagination/pagination_page_selected.png?1) no-repeat center bottom;
}
.selectedPageNumber:hover
{
	background:url(../../Images/Pagination/pagination_page_selected.png?1) no-repeat center top;
}

.pageNumber a
{
	color:Black;
	background:url(../../Images/Pagination/pagination_page.png?1) no-repeat center bottom;
}
.pageNumber a:hover
{
	background:url(../../Images/Pagination/pagination_page.png?1) no-repeat center top;
	text-decoration: none;
}


/* Main page image slider
----------------------------------------------------------*/
.main-slider-view 
{
	padding:6px 0px;
	float: left;
	position: relative;
}

.main-slider-view .window 
{
	height:372px;	
	width: 560px;
	overflow: hidden;
	position: relative;
}
.main-slider-view .image_reel 
{
	position: absolute;
	top: 0; left: 0;
}

.main-slider-view .image_reel img 
{
	float: left;
}

.main-slider-view .paging 
{
	position: absolute;
	bottom: 15px; right: -7px;
	width: 178px; height:47px;
	text-align: center;
	line-height: 40px;
	display: none; 
}

.main-slider-view .paging a 
{
	padding: 5px;
	text-decoration: none;
	color: white;
}

.main-slider-view .paging a.active 
{
	font-weight: bold;
	background: #5a9adc;
	border: 1px solid #0a66c4;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.main-slider-view .paging a:hover 
{
	font-weight: bold;
}


/* Construction
----------------------------------------------------------*/
#UnderConstruction
{
	height:321px;
	text-align:center;
	padding-top:25px;
}

#ConstructionHeader
{
	font-weight:bold;
	margin:15px 0px 5px;
	text-align:left;
	color:#be1e2d;
	font-size:22px;
}

#ConstructionText
{
	color:Black;
	line-height:20px;
	text-align:left;
	
}

/* Timeout box
----------------------------------------------------------*/
#dialog 
{
	position:relative; 
	display:none; 
}

#dialog .warning
{
	position:absolute;
	top:36px;
	left:40px;
	width:47px;
	height:43px;
	background-image: url(../../Images/Icons/icon_attention_medium.gif);
}

#dialog .header
{
	color:#be1e2d;
	font-size:20px;
	font-weight:bold;
	margin-bottom:15px;
}

#dialog ul
{
	position:absolute;
	top:36px;
	left:65px;
	list-style:none;
	font-family:Arial;
	font-size:16px;
}

#dialog .buttonarea
{
	width:460px;
	margin-left:15px;
	margin-right:15px;
	padding-top:17px;
	position:absolute;
	top:180px;
	left:0;
	font-family:Arial;
	border-top:solid #d8dade 1px;
}

#dialog .buttonarea input
{
	min-width:120px;
}

#NoJavaScript
{
	text-align:center;
	font-size:20px;
	color:Red;
	margin: 10px 0px;
}

.homepageerror
{
	text-align:center;
	font-size:18px;
	color:Red;
	margin: 10px 0px;
}

.truncate 
{
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	width: inherit;
}

/* Registration Help */
#dropdownMenuContainer
{
	width:410px;
	height:30px;
	margin: 0 auto;
}
#helpDropdownText
{
	width:570px;
	margin: 0 auto;
	border:1px solid Black;
}
#helpDropdownText li
{
	text-align:left;
}

/* Feedback Page */
.overflowhidden
{
	overflow:hidden;
}

/* Account/Activated ForgotPassword */
#accountActivatedForgot
{
	float:right;
	margin-top:10px;
	font-weight:bold;
}

/* Registered To Another Account Partial */
#registeredToAccountPartial 
{
	margin-bottom:10px;
}
/************************************** rounded corners **************************************/

/********* TOP *********/

.rc_top {
	background-position:top center;
	background-repeat:repeat-x;
}

.DCDCDD4px.rc_top {
	padding-top:3px;
	background-image:url(../../Images/RoundedCorners/DCDCDD4px_rc_top_rc_bottom.png?1);
}

.EEEFF04px.rc_top {
	padding-top:3px;
	background-image:url(../../Images/RoundedCorners/EEEFF04px_rc_top_rc_bottom.png?1);
}

/********* BOTTOM *********/

.rc_bottom 
{
	background-position:bottom center;
	background-repeat:repeat-x;
}

.DCDCDD4px.rc_bottom {
	padding-bottom:3px;
	background-image:url(../../Images/RoundedCorners/DCDCDD4px_rc_top_rc_bottom.png?1);
}

.EEEFF04px.rc_bottom {
	padding-top:3px;
	background-image:url(../../Images/RoundedCorners/EEEFF04px_rc_top_rc_bottom.png?1);
}

/********* LEFT *********/

.rc_left {
   background-position:left center;
   background-repeat:repeat-y; 
}

.DCDCDD4px.rc_left,
.EEEFF04px.rc_left {
	padding-left:3px;
	background-image:url(../../Images/RoundedCorners/DCDCDD4px_rc_left_rc_right.png?1);
}

/********* RIGHT *********/

.rc_right {
	background-position:right center;
	background-repeat:repeat-y;
}

.DCDCDD4px.rc_right,
.EEEFF04px.rc_right {
	padding-right:3px;
	background-image:url(../../Images/RoundedCorners/DCDCDD4px_rc_left_rc_right.png?1);
}

/********* TOPLEFT *********/

.rc_topleft {
	position:absolute;
	top:0px;
	left:0px;
	background-position:left top;
	background-repeat:no-repeat;
}

.DCDCDD4px.rc_topleft,
.EEEFF04px.rc_topleft  {
   height: 4px;
   width: 4px;
   background-image:url(../../Images/RoundedCorners/DCDCDD4px_rc_topleft.png?1);
}

.EEEFF04px.rc_topleft {
   height: 4px;
   width: 4px;
   background-image:url(../../Images/RoundedCorners/EEEFF04px_rc_topleft.png?1);
}


/********* TOPRIGHT *********/

.rc_topright {
	position:absolute;
	top:0px;
	right:0px;
	background-position:right top;
	background-repeat:no-repeat;
}

.DCDCDD4px.rc_topright {
   height: 4px;
   width: 4px;
   background-image:url(../../Images/RoundedCorners/DCDCDD4px_rc_topright.png?1);
}

.EEEFF04px.rc_topright {
   height: 4px;
   width: 4px;
   background-image:url(../../Images/RoundedCorners/EEEFF04px_rc_topright.png?1);
}

/********* BOTTOMLEFT *********/

.rc_bottomleft {
	position:absolute;
	bottom:0px;
	left:0px;
	background-position:left bottom;
	background-repeat:no-repeat;
}

.DCDCDD4px.rc_bottomleft {
   height: 5px;
   width: 4px;
   background-image:url(../../Images/RoundedCorners/DCDCDD4px_rc_bottomleft.png?1);
}

.EEEFF04px.rc_bottomleft {
   height: 5px;
   width: 4px;
   background-image:url(../../Images/RoundedCorners/EEEFF04px_rc_bottomleft.png?1);
}

/********* BOTTOMRIGHT *********/

.rc_bottomright{
	position:absolute;
	bottom:0px;
	right:0px;
	background-position:right bottom;
	background-repeat:no-repeat;
}

.DCDCDD4px.rc_bottomright {
   height: 5px;
   width: 4px;
   background-image:url(../../Images/RoundedCorners/DCDCDD4px_rc_bottomright.png?1);
}

.EEEFF04px.rc_bottomright {
   height: 5px;
   width: 4px;
   background-image:url(../../Images/RoundedCorners/EEEFF04px_rc_bottomright.png?1);
}

.pointerCursor {
	cursor: pointer;
}

#deleteConfirmation
{
    font-weight:normal;
    float:right;
    margin-right:25px;
    margin-bottom:5px;
}
#deleteConfirmation ul 
{
    margin-bottom:5px;
}
#deleteConfirmation ul li
{
    text-align:left;
    font-weight: bold;
    color: red;
}
#deletConfirmation .field-validation-error
{
    clear:both;
    text-align:left;
}
#deleteConfirmation p
{
    margin-top:5px;
    margin-bottom:5px;
}

.whitebox.black,
.whitebox.black p {
    color: black;
}

#resetpassword.verifyDevice .whitebox {
    padding-left: 30px;
    padding-right: 30px;
}

#resetpassword iframe[seamless] {
    border: solid 1px #E1E3E8;
}

.loaLeft {
    float: left;
    width: 280px;
}

.loaRight {
    float: right;
    width: 280px;
}

#levelOfAccessPromptDialog ul {
    list-style-type: none;
    padding-left: 2em;
}

    #levelOfAccessPromptDialog ul li:before {
        content: '-';
        position: relative;
        left: -5px;
    }

#levelOfAccessPromptDialog .greenCheck {
    padding-left: 20px;
    background: url(../../Images/Icons/greencheck15.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#levelOfAccessPromptDialog .yellowCheck {
    padding-left: 20px;
    background: url(../../Images/Icons/yellowcheck15.png);
    background-position: top left;
    background-repeat: no-repeat;
}

#levelOfAccessPromptDialog .red {
    color: red;
}

#levelOfAccessPromptDialog .helptext {
    font-size: 0.8em;
}

.contactinfo table {
    width: auto;
    margin: 2em 0 6em 2em;
}

.contactinfo table,
.contactinfo table th,
.contactinfo table td
{
    border: 0 none;
}

    .contactinfo table td {
        padding-bottom: 6px;
        padding-right: 6px;
        vertical-align: top;
    }

        .contactinfo table td:first-child {
            text-align: right;
        }

        .contactinfo table td select {
            width: 150px;
        }

.dealermonitoring #submitSelectLocations {
    background: url("../../Images/Buttons/43_red_next_210.png?1") no-repeat scroll left center transparent;
    width: 210px;
}

.dealerlist h2 {
    font-size: 1.5em;
    color: black;
    border-bottom: 0 none;
    border-top: 3px solid #CAD1D8;
    padding-top: 0.7em;
    padding-bottom: 0;
    margin-bottom: 0;
}

.dealerlist table {
    margin-bottom: 2em;
}

.dealerlist table .silver-button-gray {
    float: none;
}

.dealerlist table td {
    font-size: 1.2em;
    width: 40%;
    vertical-align: top;
}
    .dealerlist table td.buttonscell {
        text-align: center;
        width: 20%;
    }
        .dealerlist table td.buttonscell input {
            width: 200px;
            height: 60px;
            white-space: normal;
        }

.drPopupWindow {
    display: none;
}
    .drPopupWindow .buttons {
        width: 100%;
        text-align: center;
        margin-top: 2em;
    }

    .drPopupWindow .buttons > div
    {
        margin-right: 10px;
        height: 37px;
        line-height:37px;
        font-size:15px;
        display: inline-block;
        overflow: visible;
    }

        .drPopupWindow .buttons > div:hover {
            background-position: left top;
        }

    .drPopupWindow .buttons > div > input,
    .drPopupWindow .buttons > div > a {
        background-position: right bottom;
        width: 100%;
        text-align: center;
        width: 148px;
        height: 36px;
        color: white;
        display: inline-block;
    }

        .drPopupWindow .buttons > div > input.red,
        .drPopupWindow .buttons > div > a.red {
            background: url(../../Images/Buttons/36_red_dr.png?1) no-repeat;
        }
        .drPopupWindow .buttons > div > input.green,
        .drPopupWindow .buttons > div > a.green {
            background: url(../../Images/Buttons/36_green_dr.png?1) no-repeat;
        }

        .drPopupWindow .buttons > div > a:hover {
            color: white;
            text-decoration: none;
            background-position: right top;
        }

.registrationForm .g-recaptcha {
    float: right;
}

.feedbackCaptcha {
    float: right;
}