/* reset */
/* bootstrap min does this */
/*
table
{
border-spacing: 0;
border-collapse: collapse;
}
*/

/*rhboots*/
/* 0425
.lite-ui-main-body-box
{
margin: 15px 0 0 0;
padding: 0 0 0 0;
}
*/

/*rhboots*/
body
{
font-size: 11px;
	margin: 20px;
}

/* begin of some colors */

/* this style was duplicated from file: p_connect24_2012.css
TODO (rrhhii): make these styles match in the separate files or combine them
*/
.lite-form-button-010-top
{
background-color: rgb(112, 160, 204);
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.lite-form-button-010 /* this style was duplicated from file: styles-pro-lite-201211.css.php */
{
background-color: rgb(94, 148, 197);
color: white;
border: thin solid rgb(0, 87, 164);
border-radius: 10px;

font-size: small;
font-weight: bold;
text-decoration: none;

padding: 0.3em 2em;

white-space: nowrap;
}

.pro-form-button-010
{
color: black;

font-size: x-small;
/*font-weight: bold;*/
text-decoration: none;
padding: 0.3em 1em;
white-space: nowrap;
}

.pro-form-button-spacing-020
{
margin: 0.3em 0.3em 0.3em 0.3em;
}

.lite-primary-bg-color-NOTUSED-NOTUSED
{
background-color: #f8f8f8;
}

.color-offline-panel-status
, .color-red-0020
{
color: red;
}

.color-red-0010
{
color: #990000;
}

.color-online-panel-status
, .color-green-0010
{
color: #009900;
}

.lite-not-content-bkgd
, .lite-menu-not-content-bkgd
, .lite-2013-layout-box-menu-040
{
/*background-color: #eeeeee; PER GRPHDSNR */ /* off-white color */
}

.lite-content-bkgd
, .lite-menu-content-bkgd
, .lite-2013-layout-box-content-030
, .lite-2013-layout-box-primary-020
, .lite-2013-layout-box-header-login-status-box-020
{
background-color: #f8f8f8; /* off-white color */
}

.pa-red-bkgd
{
background-color: #e01a24;
}

.pa-blue-bkgd
{
/*background-color: rgb(0, 104, 172);*/
background-color: rgb(0, 105, 173);
}

/* end of some colors */

.width-of-1pct
{
width: 1%;
}

.width-of-50pct
{
width: 50%;
}

.width-of-100pct
{
width: 100%;
}

.width-of-90pct
{
width: 90%;
}

.width-of-snet-pro-panel
, .width-of-pro-account-summary-box
{
/*
width: 90%;
*/
width: 720px; /* same as on branch 7.2 */
}

.width-of-custom-innerpanel-pct
{
width: 98%;
}

/*
You will need to provide a width for this to work.
*/
.center-this-box
{
margin-left: auto;
margin-right: auto;
}

.primary-content-wrapper-snet-pro
{
width: 95%;

/* next three needed when display dealer portal content on end user portal */
font-size			: xx-small;
font-family			: Verdana, Arial, Helvetica, sans-serif;
line-height			: normal;

margin-left: auto;
margin-right: auto;
text-align: center;
}

.primary-content-wrapper-snet-lite
{
width: 95%;

margin-left: auto;
margin-right: auto;

text-align: center;
margin-bottom: 20px;
}

.width-of-snet-lite-panel
{
width: 90%;
}

.width-of-91pct
{
width: 91%;
}

.width-of-95pct
{
width: 95%;
}

.width-1em
{
width: 1em;
}

.less-emphasis
{
font-size: x-small;
color: rgb(100, 100, 100);
}

.less-emphasis-02
{
font-size: x-small;
color: rgb(50, 50, 50);
}

.image-in-background-common
, .image-interface-lite-menu-info-box-top
, .image-interface-lite-menu-info-box-bottom
{
display: inline-block;
background-color: transparent;
background-repeat: no-repeat;
background-position: center center;
-ms-background-size: cover;
-moz-background-size: cover;
background-size: cover;
}

.image-interface-lite-menu-info-box-top
{
display: block;
width: 174px;
height: 9px;
background-image: url("https://cloud.secure.direct/prod/media/images/interface/menu_info_top.png");
background-size: 100% 100%;
background-position: left top;
}

.image-interface-lite-menu-info-box-bottom
{
display: block;
width: 174px;
height: 9px;
background-image: url("https://cloud.secure.direct/prod/media/images/interface/menu_info_bot.png");
background-size: 100% 100%;
background-position: left top;
}

.even-row
, .even-row td
, .even-row th
{
background-color: #f6f6f6;
background-color: #ddd;
/*
background-color: pink;
*/
background-color: #f9f9f9;
}

.odd-row
, .odd-row td
, .odd-row th
{
background-color: #fff;
background-color: #ccc;
/*
background-color: wheat;
*/
background-color: #f0f0f0;
}

.lite-site-banner-image-010
{
max-width: 810px;
height: 100%;
margin: 0 auto;
}

/* REMOVED 10/18/2013 rrhhii
input[type='text']
, input[type='password']
{
margin: 0;
padding: 0.3em;
border: 1px solid rgb(200, 200, 200);
}
*/

.display-inline
{
display: inline;
}

.display-none
{
display: none;
}

.align-l
{
text-align: left;
}

.input_field_time input{
	float: left;
	readonly: readonly;
	width:40px;
}

.align-r
{
text-align: right;
}

.align-c
{
text-align: center;
}

.align-t
{
vertical-align: top;
}

.align-tr
{
vertical-align: top;
text-align: right;
}

/* "tl" means top left */
.align-tl
{
vertical-align: top;
text-align: left;
}

/* "tc" means top center */
.align-tc
{
vertical-align: top;
text-align: center;
}

.align-br
{
vertical-align: bottom;
text-align: right;
}

/* "bl" means bottom left */
.align-bl
{
vertical-align: bottom;
text-align: left;
}

.align-bc
{
vertical-align: bottom;
text-align: center;
}

.align-m
{
vertical-align: middle;
}

.align-mr
{
vertical-align: middle;
text-align: right;
}

/* "ml" means middle left */
.align-ml
{
vertical-align: middle;
text-align: left;
}

.align-mc
{
vertical-align: middle;
text-align: center;
}

.keyholder-end-date
{
color: #990000;
font-weight: bold;
}

.nowrap
{
white-space: nowrap;
}

.pad-left-010
{
padding-left: 1em;
}

.field-name
{
text-align: left;
width: 150px;
}

.gateway-field-name
{
	text-align: left;
	width: 80px;
	vertical-align: middle;
	padding: 10px;
}

.field-name-for-bootstrap
{
vertical-align: top;
text-align: left;
}

.heading-basic-bold
{
font-weight: bold;
}

.heading-sub-001
{
font-weight: bold;
}

/*
.table-cell-title-001-lite
{
	padding-top: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}

.heading-sub-001-lite
{
	font-weight: bold;
}

.table-cell-content-001-lite
{
	padding-left: 24px;
}
*/

.heading-sub-002
{
font-style: italic;
}

.width-22
{
width: 22px;
}

.form-inline-field-spacer
{
width: 20px;
/*
background-color: yellow;
*/
}

div.form-inline-field-spacer
{
display: inline-block;
height: 1px;
/*
background-color: blue;
*/
}

.phone-type-cell-visual-indicator
{
height: 12px;
vertical-align: middle;
}

/*
designed to use this...
   <table class="layout-table-001" cellpadding="0">
instead of this...
   <table border="0" cellpadding="0" cellspacing="0">
*/
/* This is the equivalent of cellspacing="0" */
table.layout-table-001
{
border-collapse: collapse;
}

/* This is the equivalent of cellpadding="0" */
table.layout-table-001 td, table.layout-table-001 th
{
/*padding: 0;*/
}

/* This is the equivalent of border="0" */
table.layout-table-001 td, table.layout-table-001 th
{
	border-style: none;
/*
	font-family: verdana,arial,helvetica,sans-serif;
*/
	font-size: x-small;
	text-decoration: none;
	color: #000;
}

/* This is the equivalent of cellpadding="0" */
table.table-pad-zero td, table.table-pad-zero th
{
padding: 0;
}

/* This is the equivalent of border="1" */
/*
table.layout-table-001 td, table.layout-table-001 th
{
border: 1px solid black;
}
*/

table.center-the-table
{
margin-left: auto;
margin-right: auto;
}

td ul
{
list-style-position: inside;
}

.lite-page-primary-width
{
width: 914px;
}

.lite-page-primary-width-not-logged-in
{
width: 716px;
}

.lite-primary-content-area-width
/*,
.lite-header-image-width*/
{
width: 700px;
}

.lite-menu-section-box-width
{
width: 174px;
}

.lite-nav-menu-left-line,
.lite-nav-menu-right-line
{
width: 1px;
}

.lite-menu-section-header-using-image
{
}

.lite-menu-section-header
{
font-weight: bold;
color: white;
font-size: small;
padding: 0.3em 0;

text-align: center;
vertical-align: middle;

width: 174px;
/*height: 2em;*/

background-color: rgb(113, 113, 113); /* dark grey */

/*
-ms-border-top-left-radius: 10px;
-ms-border-top-right-radius: 10px;
*/

border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

.lite-nav-menu-padding-01
{
width: 8px;
}

.lite-nav-menu-padding-02
{
width: 4px;
}

.lite-nav-menu-text
{
width: 144px;
text-align: left;
}

/* dim = dimensions */
.lite-nav-menu-item-height
/*, .lite-nav-menu-side-border-dim*/
{
height: 2.2em;
}

/* dim = dimensions */
/*
.lite-nav-menu-side-border-dim
{
width: 1px;
}
*/

/*
.lite-nav-menu-icon
{
width: 16px;
}
*/

.lite-nav-menu-icon
{
/*
width: 16px;
height: 20px;
*/
border-style: none;
}

/* START 0425 */
/* START 0425 */

/*
lite menu bullet icon (not selected)
*/
div.lite-nav-menu-icon
, .current-selected-menu-item div.lite-nav-menu-icon
{
display: inline-block;
width: 16px;
height: 20px;
vertical-align: middle;
margin: 0 0.3em 0 0.85em;
padding: 0;

background-image: url("https://cloud.secure.direct/prod/media/images/interface/bullet0.png");
background-repeat: no-repeat;
background-position: center center;
}

/*
lite menu bullet icon (selected)
*/
.current-selected-menu-item div.lite-nav-menu-icon
{
background-image: url("https://cloud.secure.direct/prod/media/images/interface/bullet1.png");
}



/* END 0425 */
/* END 0425 */


.lite-footer-box
, .lite-footer-box-NOTLOGGEDIN
{
text-align: center;
color: rgb(170, 170, 170);
margin: 0.2em 0 0 0;
}

.lite-footer-box-last
{
margin: 0 0 2em 0;

margin-left: auto;
margin-right: auto;

}

/*
.lite-nav-menu-top-pad-dim
{
/8background-color: teal;8/
/8adding 10px 0 0 0;8/
width: 1px;
height: 10px;
}
*/

div.menu_row_box_wrapper
{
/*
background-image: url("https://cloud.secure.direct/prod/media/images/interface/menu_boxmargin_top.png");
backround-repeat: repeat-y;
*/

border-right-width: thin;
border-right-style: solid;
border-right-color: #BBBBBB;

border-left-width: thin;
border-left-style: solid;
border-left-color: #BBBBBB;


/* START 0425 */
/* START 0425 */

/*
background-color: wheat;
height: 2.24em;
*/
text-align: left;
vertical-align: middle;

/* 174 - 2 = 172 */
width: 172px;
width: 174px; /*rhboots*/

/* END 0425 */
/* END 0425 */
}

div.menu_row_box
{
}

.lite-menu-section-header-shadow-bottom
{
background-image: url("https://cloud.secure.direct/prod/media/images/interface/menu_boxmargin_top.png");
backround-repeat: no-repeat;
background-size: 100% 100%;
background-position:left top;

height: 0.7em;
}

/* MOD 0425 RMOVED

.lite-menu-section-border-bottom
{
background-image: url("https://cloud.secure.direct/prod/media/images/interface/menu_info_bot.gif");
backround-repeat: no-repeat;
background-size: 100% 100%;
background-position:left top;

height: 0.8em;
}

div.menu_row_box
{
/* 174 - 2 = 172 8/
/* width: 172px; 8/
}

MOD 0425 */

/* css trick to clean out the border image that are floats */
div.menu_row_box
{
/*
overflow: auto;
width: 100%;
*/
}

.menu_row_box:hover
{
background-color: #e7e3e7;
/*border: 1px solid #990000;*/
}

.menu_row:hover {
	background-color: #e7e3e7;
	border: 1px solid #990000;
}

a.menu_link
{
display: block;
width: 100%;
}

a.menu_link:link, a.menu_link:visited {
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}
a.menu_link:hover {
	text-decoration: none;
	color: #000000;
}

.lite-nav-menu-box-edges
{
/*
border-collapse: separate;
border-width: 3px;
border-style: solid;
/8 border-color: #b7b7b7; 8/
border-color: red;
background-color: yellow;
*/
}

.form-bottom-button-spacing-using-02
{
margin: 2em 0 0 0;
/*background-color: red;*/
}

.form-bottom-button-spacing
{
margin: 1em 0 0 0;
}

/*
remove the case where <img> wraped in <a> get a border displayed
*/

a img
{
border-style: none;
}

/*
preperation of using html5;
had to use class="line-height-zero" on tds that have page layout images
*/
.line-height-zero
{
line-height: 0;
}

.line-height-normal
{
line-height: normal;
}

.lite-welcome-msg
{
font-size: x-small;
font-weight: normal;
white-space: normal;
}

.lite-last-login-msg
{
font-weight: normal;
font-size: x-small;
white-space: nowrap;
}

.login-content-box
{
margin: 0 0 10em 0;
}

/* START 20130430 */

.content_table_title {
	background-color: #e2e2e2;
	font-weight: bold;
	height: 24px;
	padding: 0px;
	margin: 0px;
	text-indent: 10px;
	text-align: left;
	background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
.content_table_title_corners {
	background-color: #e2e2e2;
	padding: 0px;
	margin: 0px;
	background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
	background-repeat: repeat-x;
	background-position: bottom;

	vertical-align: top; /* ie fix */
}
.content_table_title_center {
	background-color: #e2e2e2;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: 10px;
	text-align: center;
	background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}

.content_table_row {
	background-color: #eeeeee;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	text-align: left;
	height: 25px;
}

.content_table_row:hover {
	background-color: #b6b6b6;
}

.content_table_row_contact {
	background-color: #eeeeee;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	text-align: left;
	height: 25px;
}

.content_table_row_contact_no_hover {
	background-color: #eeeeee;
	font-weight: normal;
	padding: 2px 0px 2px 0px;
	text-align: left;
}

.content_table_row_contact:hover {
	background-color: #b6b6b6;
	cursor: pointer; cursor: hand
}

.content_table_title_button {
	background-color: #b6b6b6;
	padding: 0px;
	margin: 0px;
	background-repeat: no-repeat;

	text-align: left;
	vertical-align: top;
}

.content_table {
	background-color: #eeeeee;
	text-align: left;
	/*text-indent: 10px;*/
	/*padding-left: 10px;*/
}

.content_table_center {
	background-color: #eeeeee;
	text-align: center;
}

/*REMOVED
.content_table_center {
	text-align: center;
}
*/

.content_table_footer {
	background-color: #e2e2e2;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: 10px;
	background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
	background-repeat: repeat-x;
	background-position: top;
}

.content_table_title_nav_left_corner {
text-align: left;
vertical-align: top;
}

.content_table_title_nav_right_corner {
text-align: right;
vertical-align: top;
}

.content_table_title_nav {
	color: #000000;
	background-color: #e2e2e2;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
	background-repeat: repeat-x;
	/*background-position: bottom;*/
	background-position: left top;
}
.content_table_footer_nav {
	color: #000000;
	background-color: #e2e2e2;
	font-weight: bold;
	height: 24px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-image:url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
	background-repeat:repeat-x;
	background-position:top;
}
a.content_table_link:link, a.content_table_link:visited {
	font-size : 11px;
	color : #000000;
	text-decoration : underline;
	/*
	font-family : Verdana, Arial, Helvetica, sans-serif;
	*/
}

a.content_table_link:hover {
	color : #000000;
	text-decoration : underline;
}

/* END NEW 20130430 */

.normal-data-display-table
{
background-color: #eeeeee;
}

.normal-data-display-table th
, .normal-data-display-table td
{
padding: 0.2em 1em 0.22em 1em;
}

.normal-data-display-table .nested-data-display-table th
, .normal-data-display-table .nested-data-display-table td
{
padding: 0.2em 1em 0.22em 0em;
}

.collapse-the-border
{
border-collapse: collapse;
}

.pro-normal-data-display-table
{
/*
background-color: #eeeeee;
*/
}

.pro-normal-data-display-table th
, .pro-normal-data-display-table td
, .pro-normal-data-display-table-td-02
{
padding: 0.35em 1em 0.35em 1em;
}

/*
.pro-normal-data-display-table .nested-data-display-table th
, .pro-normal-data-display-table .nested-data-display-table td
{
padding: 0.35em 1em 0.35em 0em;
}
*/

.lite-alarm-panel-status-box
{
background-color: #EEEEEE;
}

/*
eventually this will replace selector: ".content_table_title" - rrhhii
*/
.lite-content-section-header-box-v02
, .panel-status-box-iframe-body
, .lite-content-section-header-box
{
padding: 0.5em 0.5em 0.5em 1em;
margin: 0;

background-color: #E2E2E2;

color: black;
font-size: x-small;
font-weight: bold;

text-align: left;
}

.lite-content-section-header-box-v02
{
background-color: rgb(226, 226, 226);
/*
color: white;
*/
font-size: small;
}

/* Or whatever you're guessing the height will be. */
.device2012-external-frame-tall-800
{
width: 95%;
min-height: 800px;
}

.device2012-external-frame-tall-500
{
width: 95%;
min-height: 500px;
}

.device2012-external-frame-tall-1200
{
width: 95%;
min-height: 1200px;
}

.lite-page-header-box
{
color: white;
font-weight: bold;
font-size: medium;
}

.lite-page-header-bar
{
background-color: rgb(0, 61, 121); /* CMS SiteContol Menu Title Color */

text-align: left;

margin: 1.6em 0 0 0;
padding: 0.3em;
}

.lite-page-header-text
{
text-align: center;
display: inline;
margin: 0 0 0 2em;
}

.lite-page-header-icon
{
position: relative;
top: -27px;

left: 0;
/*width: 100px;*/
float: left;

vertical-align: middle;

padding: 0 1em 0 2em;
/*
background-color: pink;
*/
}

.lite-page-header-help-button
{
position: relative;
top: -17px;
left: 0;

/*width: 100px;*/
float: right;

vertical-align: middle;

padding: 0 3em 0 0;
/*
background-color: orange;
*/
}

.panel-status-box-02
{
padding: 0.7em 0 0.7em 0;
}

.panel-status-box-02
, .panel-status-box-02b
{
color: white;
background-color: rgb(113, 113, 113); /* cms dark gray grey */
color: black;
background-color: rgb(238, 238, 238);
vertical-align: middle;
}

.panel-status-box-02b
{
font-family: Verdana, Arial, Helvetica, sans-serif;

/*
color: white;
*/
font-size: small;
text-align: left;
}

.panel-status-box-label
{
margin: 0 2.2em 0 0.8em;
}

.panel-status-box-value
{
text-transform: uppercase;
font-size: medium;
font-weight: bold;
}

.lite-2013-layout-box-primary-000
, .lite-2013-layout-box-primary-000-NOTLOGGEDIN
{
display: block;

padding: 0;
margin: 0;

/*
margin-left: auto;
margin-right: auto;
*/
text-align: center;
/*
background-color: teal;
*/
}

.lite-2013-layout-box-primary-010
, .lite-2013-layout-box-primary-010-NOTLOGGEDIN
{
display: inline-block;

-moz-border-radius: 0.7em;
-webkit-border-radius: 0.7em;
border-radius: 0.7em;

/*
background-color: rgb(220, 220, 220);
*/
background-color: rgb(248, 248, 248);
/*
*/
padding: 0.7em;
margin: 1em 0 0 0;

margin-left: auto;
margin-right: auto;
}

.lite-2013-layout-box-primary-010-NOTLOGGEDIN
{
background-color: transparent;
margin-top: 4em;
}

.lite-2013-layout-box-primary-020
, .lite-2013-layout-box-primary-020-NOTLOGGEDIN
{
#text-align: left;
display: inline-block;
width: 1000px;

/*
background-color: orange;
*/
}

.lite-2013-layout-box-primary-020-NOTLOGGEDIN
{
width: 660px;
}

.lite-2013-layout-box-header-login-status-box-020
{
display: inline-block;
width: 174px;

margin-left: auto;
margin-right: auto;

text-align: left;
}

.lite-2013-layout-box-header-login-status-box-with-rl-borders
{
width: 174px; /*rhboots*/

margin: 0;
padding: 0 0.5em 0 0.5em;

border-right-width: thin;
border-right-style: solid;
border-right-color: #BBBBBB;

border-left-width: thin;
border-left-style: solid;
border-left-color: #BBBBBB;

/*
background-color: teal;
*/
background-color: rgb(248, 248, 248);
}

.lite-2013-layout-box-content-030
, .lite-2013-layout-box-content-030-NOTLOGGEDIN
{
display: inline-block;
width: 800px;
#text-align: justify;

/*
background-color: wheat;
*/
}

.lite-2013-layout-box-content-030-NOTLOGGEDIN
{
background-color: transparent;
/*
width: 500px;

/8
background-color: wheat;
8/

background-color: rgb(113, 113, 113);
background-image: url("https://cloud.secure.direct/prod/media/images/interface/login-bg.jpg");
color: white;

-moz-border-radius: 0.6em;
-webkit-border-radius: 0.6em;
border-radius: 0.6em;
*/
}

.lite-2013-layout-box-menu-040
{
float: right;
display: inline-block;
width: 200px;
text-align: center;
margin: 0;
padding: 0.7em 0 0.7em 0;

/*
background-color: green;
padding: 1em;
*/
}

.lite-2013-body-style
{
text-align: center;
margin: 0;
padding: 0;
padding-bottom: 10px;

/*
letter-spacing: normal;
font-weight: normal;
font-size: small;
*/
}

.lite-menu-login-status-item-box
/* MOD 0425
, .lite-menu-top-and-bttom-caps
, .lite-menu-top-and-bttom-caps-img
*/
{
display: inline-block

margin: 0;
padding: 0;

/*
width: 174px;
*/
}

/* MOD 0425
.lite-menu-top-and-bttom-caps
{
display: inline-block;

/*
background-color: wheat;
8/
}

.lite-menu-top-and-bttom-caps-img-top
{
vertical-align: bottom;
margin: 0;
padding: 0;

/*
background-color: teal;
8/
background-color: rgb(248, 248, 248);
}

.lite-menu-top-and-bttom-caps-img-bottom
{
vertical-align: top;
margin: 0;
padding: 0;

/*
background-color: black;
8/
}

<< MOD 0425*/


/*
REPLACES
width=\"100%\" height=\"140\"
or
width=\"100%\" height=\"100\"
*/
.lite-2013-layout-external-iframe-panel-status
{
width: 100%;
min-height: 140px;
text-align: left;
}

.clear-both
{
clear: both;
}

.lite-login-logo
{
height: 40px;
width: 660px;
background: url("https://cloud.secure.direct/prod/media/images/upload/headers/lite_header_small_default.png") no-repeat;
}

.lite-login-logo h1
{
	margin-top: 10px;
	font-weight: 400;
	font-size: 30px;
	float: right;
	color: #393939;
	text-shadow: 0 1px 0 #fff;
}

.lite-login-lost-psw a
{
color: #d3d3d3;
font-size: 13px;
}

/*
#usr-field
, #psw-field
,
*/ .input-bkgd-dark
{
/*
background: url("../img/nav/nav-hover.png") repeat scroll 0 0 transparent;
*/
background: url("https://cloud.secure.direct/prod/media/images/interface/nav-hover.png"); repeat scroll 0 0 transparent;
border-radius: 3px 3px 3px 3px;
box-shadow: 0 0 1px 0 #000000 inset;
/*
height: 32px;
*/
position: relative;
}

.scenes_left_menu_box-NOT
{
display: inline-block;
vertical-align: bottom;
margin: 0;
padding: 0;
/*
background-color: wheat;
*/
}

.css-table-clamp-down
{
margin: 0;
padding: 0;
line-height: 0;
border-style: none;
}

/*
.content_table_title_corners
*/
.lite-title-bar-with-buttons-060-corner-wrapper
{
display: inline-block;

/*ORIG
background-color: #e2e2e2;
padding: 0px;
margin: 0px;
background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
background-repeat: repeat-x;
background-position: bottom;
*/
background-color: rgb(226, 226, 226);

/*
background-color: pink;
border-bottom: thin solid rgb(181, 181, 181);
height: 100%;
*/
}

.lite-title-bar-with-buttons-060-left-corner
, .lite-title-bar-with-buttons-060-right-corner
{
display: inline-block;

background-color: transparent;
background-image: url("https://cloud.secure.direct/prod/media/images/interface/cnr_left.gif");
background-repeat: no-repeat;
/*REMOVED
background-size: 100% 100%;
background-position: 0% 0%;
*/
background-position: left top;
/*REMOVED
*/
width: 4px;
/*REMOVED
height: 25px;
height: 20px;
*/
height: 100%;
height: 20px;
height: 15px;
/* 0425
height: 26px;
*/
}

.lite-title-bar-with-buttons-060-right-corner
{
	background-image: url("https://cloud.secure.direct/prod/media/images/interface/cnr_right.gif");
	width: 4px;
	height: 100%;
	height: 26px;
}




.lite-title-bar-with-buttons-050-title-area-border-stuff
{
/*
height: 0px;
border-bottom: thin solid green;
background-color: orange;
*/
border-bottom: thin solid rgb(181, 181, 181);
}

.lite-title-bar-with-buttons-050-title-area
{
background-color: #e2e2e2;
background-color: rgb(226, 226, 226);
/*
border-bottom: thin solid rgb(181, 181, 181);
*/
text-align: left;
vertical-align: middle;
padding: 0 0 0 1em;

font-size: 1em;
font-weight: bold;

height: 30px;
line-height: 30px; /* trick to vertical-algn single line text*/
}

/*
.content_table_title_corners
*/
.lite-title-bar-with-buttons-050-corner-wrapper
{
/*ORIG
background-color: #e2e2e2;
padding: 0px;
margin: 0px;
background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
background-repeat: repeat-x;
background-position: bottom;
*/
background-color: rgb(226, 226, 226);

/*
border-bottom: thin solid rgb(181, 181, 181);
*/
}

/*
.content_table_title
*/
.content_table_title-NEW
{
/*
display: block;
*/
	background-color: #e2e2e2;
	background-color: green;
	font-weight: bold;
	height: 24px;
	padding: 0 0 0 1em;
	margin: 0px;
	/*
	text-indent: 10px;
	*/
	text-align: left;
	background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
}
.content_table_title_center-wrapper {
/*
background-color: #e2e2e2;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: 10px;
	text-align: center;
	background-image: url("https://cloud.secure.direct/prod/media/images/interface/titlebar_bkg.gif");
	background-repeat: repeat-x;
	background-position: bottom;
*/
background-color: rgb(226, 226, 226);
background-color: pink;
}

.lite-title-bar-with-buttons-050-right-corner
{
display: inline-block;

background-color: transparent;
background-image: url("https://cloud.secure.direct/prod/media/images/interface/cnr_right.gif");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
width: 4px;
height: 25px;
}

.lite-title-bar-with-buttons-050-left-corner
{
display: inline-block;

background-color: transparent;
background-image: url("https://cloud.secure.direct/prod/media/images/interface/cnr_left.gif");
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: center center;
width: 4px;
height: 25px;
}

.lite-header-title-bar-with-buttons-030-title-area
{
width: 99%;
}

.lite-header-title-bar-with-buttons-030
{
display: block;

background-color: rgb(226, 226, 226);
/*
background-color: Chocolate;
*/

margin: 0;
padding: 0;
border-style: none;

text-align: left;
vertical-align: middle;
width: 760px;

margin-left: auto;
margin-right: auto;
}

.lite-title-bar-with-buttons-010
{
background-color: rgb(226, 226, 226);

margin: 0;
padding: 0;

text-align: left;
vertical-align: middle;

overflow: auto; /* css trick to clean out the border image that are floats */
}

.lite-title-bar-with-buttons-button-box-010
{
white-space: nowrap;

background-color: white;
background-color: rgb(248, 248, 248);

display: inline-block;
/*
float: right;
*/
vertical-align: bottom;
}

.lite-title-bar-with-buttons-020
{
background-color: rgb(226, 226, 226);
background-color: rgb(238, 238, 238);

margin: 0;
padding: 0;

text-align: left;
vertical-align: middle;
vertical-align: bottom;

/*overflow: auto;*/ /* css trick to clean out the border image that are floats */
}

.lite-title-bar-with-buttons-button-box-020
{
background-color: rgb(238, 238, 238);

display: inline-block;
float: left;
vertical-align: bottom;
}

/*
<div class="css-tbl-tbl-width100pct">
	<div class="css-tbl-row">
		<div class="one css-tbl-cell"></div>
		<div class="two css-tbl-cell"></div>
		<div class="three css-tbl-cell"></div>
	</div>
</div>
*/

.css-tbl-tbl
{
display: table;
}

.css-tbl-tbl-width100pct
{
display: table;
width: 100%;
}

.css-tbl-row
{
display: table-row;
}

.css-tbl-cell
{
display: table-cell;
}

.line-between-things-010
{
background-color: transparent;
width: 0.6em;
}

.lite-content-area-section-width-010
{
/*
width: 85%
*/
width: 95%
}

.button-text-010
{
vertical-align: middle;
}

/*
the #lang_image style selector is deprecated in favor of css selector .lang_image_button_002
*/
#lang_image {
background-image: url("https://cloud.secure.direct/prod/media/images/interface/btn_bkg.png");
background-color: transparent;
background-repeat: no-repeat;

cursor: pointer;

width: 140px;
height: 25px;
margin: 0px;
border: 0px;
padding: 0px;
text-align: center;

color: white;
font-weight: bold;
font-size: small;
}

/*
Recommended: Use this selector instead of #lang_image style selector.
*/
.lang_image_button_002
, .automation_setup_btn
{
display: inline-block;

background-image: url("https://cloud.secure.direct/prod/media/images/interface/btn_bkg.png");
background-color: transparent;
background-repeat: no-repeat;

cursor: pointer;

width: 140px;
height: 25px;

margin: 0px;
border: 0px;
padding: 0px;

color: white;
font-weight: bold;
font-size: small;
text-decoration: none;

text-align: center;
vertical-align: middle;
}

a.lang_image_button_002
{
display: table-cell;
vertical-align:middle;
}

/*a.automation_setup_btn .button-text-010*/
a.button-with-centered-text
{
/*
display: table-cell;
*/
text-align: center;
vertical-align: middle;
}

.lite-small-tabs-010
/*, .lite-small-tabs-010 .left-button.ui-btn-up-a*/
{
color: black;
background-image: url("../../media/images/interface/bgelements_smallTabs_NORMAL_63x26.png");
/*
background-image: url("https://cloud.secure.direct/prod/media/images/interface/bgelements_smallTabs_NORMAL_63x26.png");
*/
background-color: transparent;
/*
background-size: 100% auto;
*/
background-size: 100% 100%;
width: 63px;
height: 26px;

/*line-height: 26px;*/ /* this is to center the single line of button text */
vertical-align: middle;
text-align: center;
}

.lite-small-tabs-010 .left-button.ui-btn-up-b
{
color: white;
background-image: url("../../media/images/interface/bgelements_smallTabs_ACTIVE_63x26.png");
}

.ui-form-spacer-02lines
{
margin: 0;
padding: 0 0 2em 0;
}

.ui-form-spacer-01line
{
margin: 0;
padding: 0 0 2em 0;
}

/*
This style purposefully does not have a "width" property becasue
the width will be calculated in the HTML
*/
.dvr-name-box
{
display: inline-block;
color: white;
text-align: right;
margin: 0;
padding: 0.5em;

/*
background-color: darkblue;
*/
background-color: black;
}

.activex-install-image
{
	text-align: center;
}

.activex-install-anchor
{
	display: inline-block;
}

.dealerpro-page-content-wrapper-wrapper
{
/*
background-color: teal;
*/
vertical-align: top;
text-align: center;
}

.dealerpro-page-content-wrapper
{
/*
background-color: orange;
*/
display: inline-block;
width: 95%;
margin-left: auto;
margin-right: auto;

vertical-align: top;
text-align: center;
}

.dealerpro-adjust-aligment-web-access-icon-image
{
position: relative;
top: 1px;
/*
background-color: orange;
*/
}

.lite-menu-version-box
{
margin: 0.3em 0 0 0;
padding: 0.1em;
color: rgb(170, 170, 170);
font-size: 70%; /*very samll*/
}

.lite-menu-spacer-001
{
display: inline-block;
height: 20;
}

.pro-table-col-date-001
{
width: 135px;
}

.pro-table-col-expanded-data-display-box-001
{
/*
background-color: pink;
*/

margin: 0.3em 1em 0.3em 4em;
padding: 0;

text-align: left;
font-size: 1.3em;
}

.cursor-pointer
{
cursor: pointer;
}

.lite-table-column-collapse-expand-icon-img-box
{
margin: 0;
padding: 0;
/*
padding: 0.3em;
*/
width: 15px;
vertical-align: middle;
text-align: center;
}

.lite-table-column-item-box
{
margin: 0;
padding: 0.3em 0.5em;

/*
background-color: pink;
*/
}

.lite-table-column-ui-item-box
{
margin: 0;
padding: 0;
}

.lite-table-row-expaned-display-content-box-wrapper
{
margin: 0;
padding: 0;
background-color: rgb(238, 238, 238);
}

.lite-table-row-expaned-display-content-box-wrapper-02
{
margin: 0 0 0 5em;
padding: 0;
}

.lite-table-row-expaned-display-content-box-wrapper-03
{
margin: 0 0 0 0.5em;
padding: 0;
}

.lite-table-column-spacer-150px
{
width: 150px;
}

/*
WAS
position:absolute;width:40%; left:43%;margin-left:-20%;top:370px;
*/
.ajax-spinning-amimation-img-box
{
display: inline-block;

margin-left: auto;
margin-right: auto;

text-align: center;

/*
position: absolute;
left: 43%;
top: 370px;
margin-left: -20%;
*/

background-image: url("https://cloud.secure.direct/prod/media/images/icons/ajax-loader.gif");
background-repeat: no-repeat;
background-position: center;

width: 32px;
/*
width: 40%;
*/
height: 32px;

z-index: 2000;
}

.ajax-loader-spinning-animation-please-wait-image-box-020
{
position: absolute;
left: 50%;
top: 50%;
margin-left: -16px; /* -1 * image width / 2 */
margin-top: -16px;  /* -1 * image height / 2 */
display: inline-block;


background-color: transparent;
/* --------------------- */
background-image: url("https://cloud.secure.direct/prod/media/images/icons/ajax-loader.gif");
background-repeat: no-repeat;
background-position: center;
background-size: cover;

width: 32px;
/*
width: 40%;
*/
height: 32px;
z-index: 2000;
}

.ajax-loader-spinning-animation-please-wait-image-box-030
{
position: absolute;
left: 50%;
top: 50%;
/*
margin-left: -16px; /* -1 * image width / 2 */
margin-top: -16px;  /* -1 * image height / 2 */
*/
margin-left: -75px; /* -1 * image width / 2 */
margin-top: -100px;  /* -1 * image height / 2 */
display: block;


background-color: transparent;
/* --------------------- */
/*
background-image: url("https://cloud.secure.direct/prod/media/images/icons/ajax-loader.gif");
*/
background-image: url("https://cloud.secure.direct/prod/media/images/icons/loading.gif");
background-repeat: no-repeat;
background-position: center;
background-size: cover;

/* "filter" is for IE8 to display the background images as scaled */
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
	src='https://cloud.secure.direct/prod/media/images/icons/loading.gif', sizingMethod='scale');

width: 150px;
/*
width: 40%;
*/
height: 200px;
z-index: 2000;
}

/*
.pro-dealer-home-page-stats-table-col-02
{
width: 37%;
}
*/

.layout-margin-0-padding-0
{
margin: 0;
padding: 0;
}

.data-item-spacing-010
{
margin: 0;
padding: 0.3em;
}

.data-display-row-spacer-010
{
margin: 0;
padding: 0.6em;
}

/* NOT USED
.pro_menu_and_pro_body
{
max-width: 950px;
}

.pro_menu
{
display: inline-block:
float: left;

width: 50px;
max-width: 50px;
height: 100%;
min-height: 200px;
}

.pro_body
{
display: inline-block:

height: auto;
min-height: 200px;
width: 700px;
}
*/


.pro_menu #menu ul li
{
text-align: left;
}

.lite-scenes-scene-name-input-box
{
width: 30em;
}

.date-picker-field-style
{
/*width: 90px;*/
width: 9em;
}

.hover-info-note-box
{
position: absolute;
border-width: 1px;
border-style: solid;
background-color: white;
padding: 3px;
}

.box-contact-ALARM_USER_CODE
{
display: inline-block;
width: 17%;

vertical-align: top;
}

.box-contact-NOTICE_MSG_USER_CODE_USAGE_EXPLANATION
{
display: inline-block;
width: 60%;

vertical-align: top;
}

.form_field_text
, .form_field_error
, .pad-left-standard
{
padding-left: 10px;
vertical-align: middle;
padding: 0.6em 10px 0.6em 10px;
}

.form_field_text
, .form_field_text_no_indent
{
color : #444444;
font-weight : normal;
}

.form_field_text.left_align
{
color : #444444;
font-weight : normal;
text-align: left;
}

.form_field_error
, .form_field_error_no_indent
{
color : #CC0000;
font-weight : normal;
}

.form_field_text
{
white-space: nowrap;
}

.lite-menu-box-wrapper
{
width: 174px;

/* center this thing */
margin-left: auto;
margin-right: auto;


/* 0425 */
/*
background-color: wheat;
*/

}

.image-basic
{
text-decoration: none;
border: none;
}

.image-icon-basic
{
display: inline;

text-decoration: none;
border: none;

text-align: center;
vertical-align: middle;
}

/*REMOVED
.lite-scene-section-010
/8, .section 8/
{
background: white;
width: 628px;
margin-bottom: 20px;
border: 1px solid #AAA;
padding-bottom: 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: left;
}

.lite-scene-section-010 h4
/8, .section h4 8/
{margin: 0px; padding: 5px;}
*/

.lite-scene-field
/* , .field */
{clear: both; margin: 0px 0 0px 0}

/*
.lite-scene-field label
/8 , .field label 8/
{display: block; float: left; height: 30px; text-indent: 1cm;}
*/

/*
.lite-scene-field label.areas
/8, .field label.areas 8/
{display: block; float: left; width: 65%; height: 30px;}
*/

/*
.lite-scene-field select
/8, .field select 8/
{margin-left: 20px;}
*/

/* NOT USED
.lite-scene-hide
/*, .hide 8/
{display: none;}
*/

.lite-scene-recording
/*, .recording*/
{
margin-left: 20px;
}

/*NOT USED
.lite-scene-select-action-list
, .select_action_list { float: left; height: 30px; width: 230px; }
*/

.lite-scene-select-action-list
, .scene-action-list-box-custom-dimension
{
width: 70%;
height: 55px;
}


/*
.lite-scene-submit-section
/8 , #submit_section 8/
{ margin-left: 30px; }
*/

.lite-scene-remove-button-section
/* , #save_section */
{
/*
display: table-cell;
vertical-align: middle;
*/


margin-top: 1.7em;
/*
float: right;
margin-right: 10px;
background-color: wheat;
*/
}

/*
.lite-scene-save-section
/8 , #save_section 8/
{
float: right;
margin-right: 10px;
margin-top: 10px;
}
*/

.lite-scene-save-section
{
text-align: center;
margin: 2em 0 0 0;

/*
background-color: pink;
*/
}

/*
.lite-scene-submit-form
/8 , #submit_form 8/
{
display: block;
width:70px;
margin-top: 10px;
margin-left:auto;
margin-right:auto;
text-align: center;
}
*/

/*NOT USED
.lite-scene-submit-section input
/*, #submit_section input 8/
 {margin-right: 30px;}
*/

/*
a.lite-scene-a-add1
/8, a.lite-scene-a-add2 8/
, a.lite-scene-a-remove1
, a.lite-scene-a-remove2
/8, a.add1, a.add2, a.remove1, a.remove2 8/
{
display: block;
border: 1px solid #aaa;
text-decoration: none;
background-color: #fafafa;
color: #123456;
margin: 2px;
clear:both;
width: 150px;
top: 0px;
right: 0px;
}
*/

.lite-scene-date-input-widget
{
width: 75px;
}

.ui_temperature_slider_01
{
margin: 2em 0em -2em 12em;
width: 28em;
}

.device2015_automation_slider_dimmer_2015
{
margin: 0.5em 0em 0.5em 0em;
width: 16.4em;
}

div.device2015_automation_slider_dimmer_2015.device_switch_on.ui-widget-content
{
background-image: none;
background: linear-gradient(to right, red, orange, yellow); /* Standard syntax */
}

div.device2015_automation_slider_dimmer_2015.ui-widget-content .ui-state-default
{
/*
background-image: none;
background-color: black;
background-color: #8f8484;
background: radial-gradient(WhiteSmoke 5%, OldLace 15%, WhiteSmoke 80%, grey 99%); /8 Standard syntax 8/
background-color: rgb(188, 188, 188);
background-image: url("../../media/images/interface/bgelements_smallTabs_ACTIVE_63x26.png");
*/
/*background: repeating-linear-gradient(rgb(188, 188, 188), OldLace 15%, WhiteSmoke 80%, grey 99%);*/ /* Standard syntax */
background-image: url("../../plugins/device/images/images-2012/device/PA_Interactive_Dimmer_RoundButton_21x19.png");
}

.gateway-scene-schedule-name
{
width: 500px;
}

.box-dealer-dashboard-drop-down-details-list-010
{
background-color: #;
/*
background-color: pink;
*/
margin: 0 0 0 20px;
padding: 0;
}

/*
.box-dealer-dashboard-drop-down-details-list-010
{
margin-left: auto ;
margin-right: auto ;
}
*/

/*
.box-dealer-dashboard-drop-down-details-list-010 > table:first-child
{
background-color: green;
width: 70%;
}
*/

.box-dealer-dashboard-drop-down-details-row-col-01
{
/*
background-color: green;
*/
width: 412px;
}

.box-dealer-dashboard-drop-down-details-row-col-02
{
/*
background-color: yellow;
*/
/*
width: 220px;
*/
}

.pro-dealer-home-page-stats-table-col-02
{
/*
width: 37%;
*/
width: 240px;
}

.thermostat_device_control_box
{
/*
display: block;
background-color: pink;
*/
}

.lite-scene-field
{
margin: 0;
padding: 0 0 0 2em;
/*
background-color: wheat;
*/
}

.thermostat_on_or_off_choice
{
margin: 0.2em;
}

.lite-scene-add-command-section a#add2
{
margin: 2em 0 0.5em 0;
}

.lite-scene-side-buttons-010
{
display: inline-block;
float: right;
/*
background-color: yellow;
*/

text-align: center;
padding: 0 2em 0 0;
}

.lite-scene-actions-box-wrapper-030
{
width: 100%;
margin: 1em 3em 0 1em;
/*
background-color: pink;
*/
}

.lite-scene-actions-box-wrapper-020
{
margin: 0 0 0 0;
padding: 0 0 0 0;

width: 100%;
/*
display: table-cell;
*/

vertical-align: middle;

/*
background-color: wheat;
*/
}

.pro-page-info-box
{
/*
background-color: orange;
*/

position: relative;
top: -1.4em;

text-align: left;

/*
margin-left: auto;
margin-right: auto;
*/

width: 88%;

color: rgb(100, 100, 100);
padding: 0.3em 1em 0.3em 1em;
margin: 0 0 0.3em 0;
}

.lite-page-info-box
{
/*
background-color: yellow;
*/

position: relative;
top: -2em;

text-align: left;
color: rgb(100, 100, 100);

padding: 0.3em 3em 0.3em 3em;
margin: 0 0 1.8em 0;
}

.lite-page-info-box-vendor-protectionone
{
/*
background-color: yellow;
*/

text-align: left;
color: rgb(100, 100, 100);

padding: 0.3em 3em 0.3em 3em;
margin: 0 0 1em 0;

}

/*
div#page_info
{
/8
8/
background-color: yellow;

text-align: left;
color: rgb(100, 100, 100);
padding: 0.3em 3em 0.3em 3em;
/8
margin: 0 0 1.8em 0;
8/
margin: 0 0 0.5em 0;
}
*/

/*
#page_info
{
display: none;
}
*/

.pro-field-instructions
{
font-size: x-small;
color: rgb(100, 100, 100);
}

.eu-menu-contact-us-box-01
{
/*
background-color: yellow;
*/
display: block;
font-size: x-small;
color: rgb(100, 100, 100);
}

.account-site-password-display-box
{
display: inline;
font-style: italic;
}

.dealer-portal-page-primary-content-box
{
text-align: center;
}

.ie10-hack-select-tag-mouse-clicks
{
-ms-touch-action: none;
}

.pro-account-info-header-box-wrapper
{
margin: 0;
padding: 0 0 1.8em 0;
text-align: center;
/*
clear: both;
*/
}

.panel-message-box-firmware
{
font-size: x-small;
color: rgb(100, 100, 100);
}

.panel-message-box-HardwareType
{
font-size: x-small;
color: rgb(100, 100, 100);
}

.pro-gateway-form-field-label-010
{
display: inline;
/*
width: 20em;
background-color: pink;
*/
font-weight: bold;
text-align: left;

white-space: nowrap;
}

.pro-form-button-box
{
margin: 1.5em 0.5em 0.5em 0.5em;
/*
background-color: orange;
*/
}

.pro-form-buttons-box-bootstrap
{
margin: 0.5em 0 1em 0;
/*
background-color: orange;
*/
}

.gateway-form-button-save
{
margin: 0 0 0 3em;
}

.pro-error-messages-box-v02
{
/*
width: 90%;
width: 696px;
*/
}

.pro-error-messages-box
{

margin: 0.5em 0 1em 0;
padding: 0 0 0 0;
}

.pro-error-messages-box table
{
color: #;
background-color: #;
border: thin solid #;
}

.pro-error-messages-box li
{
font-weight: bold;
}

.pro-error-messages-box-020
{
margin: 0.5em;
font: small;
}

.pro-error-box-icon-img
{
width: 48px;
height: 48px;
text-decoration: none;
border: none;
margin: 1em;
}

.critical
{
font-color: #123456;
font-size: 40pt;
font-weight: bold;
}

/* pro and lite use notice_box */
.notice_box
{
/* MODS PER PER GRCDSNR
font-weight: normal;
border: 1px solid #000099;
background-color: #CCCCFF;
width: 450px;
*/
color: #3a87ad;
background-color: #d9edf7;
border: 1px solid #bce8f1;
width: 550px;

margin: 1em;

margin-left: auto;
margin-right: auto;
}

.notice_box_list {
	padding-left: 0;
}

.inner-notice-box
{
padding: 1em 0.5em 1em 0.5em;
}

.error_box
{
font-weight: normal;
border: 1px solid #990000;
background-color: #FFCCCC;
width: 450px;
}

.error_box_list {
	padding-left: 0;
}

.upgrade_box
{
font-weight: normal;
border: 1px solid #000099;
background-color: #CCCCFF;
width: 95%;
}

.gateway-system-no-field-name
{
display: inline-block;

font-weight: bold;
vertical-align: top;
text-align: left;

width: 12em;

margin: 0 0 0 10em;
}

.pro-section-title-bar-button-box-020
{
display: inline;
margin: 0 0 0 3em;
padding: 0;
}

.pro-section-title-bar-button-box-float-right-020
{
float: right;
display: inline;
margin: 0 0 0 3em;
padding: 0;

vertical-align: middle;
}

.pro-section-title-bar-button-item-box-020
{
display: inline;
margin: 0 1.2em 0 0;
padding: 0;

vertical-align: middle;
}

.device2012-debug-message-box-077
{
background-color: Ivory;
}

.device2012-info-message-box-077-wrapper
, .device2012-error-message-box-077-wrapper
{
text-align: center;
margin: 15px 0 15px 0;
padding: 0 0 0 0;
}

div .common-info-message-box-077.notice_box-v02
, div .common-error-message-box-077.error_box-v02
{
text-align: center;
margin: 0 0 2em 0;
padding: 0 0 0 0;
}

.notice_box-v02
{
display: block;

/*REPLACED
font-weight: normal;
border: thin solid #000099;
background-color: #CCCCFF;
width: 450px;
*/
text-align: left;
font-weight: normal;

background-color: #d9edf7;
border: thin solid #bce8f1;
/*
width: 550px;
*/
min-width: 70%;
width: 70%;

padding: 0.3em 1em 0.3em 1em;
margin: 0.5em 0 0.5em 0;

margin-left: auto;
margin-right: auto;
}

.error_box-v02
{
display: block;
margin-left: auto;
margin-right: auto;

text-align: left;
font-weight: normal;

border: thin solid #990000;
background-color: #FFCCCC;
/*
width: 450px;
*/
min-width: 70%;
width: 70%;

padding: 0.3em 1em 0.3em 1em;
margin: 0.5em 0 0.5em 0;

margin-left: auto;
margin-right: auto;
}

.row-of-buttons-010
{
margin: 1em 1em 1em 1em;
padding: 0 0 0 0;
}

/*
make long words wrap
*/
.dealer-account-note-box-010
{
/*
width: 65%;
width: 200px;
*/
width: 453px;
word-wrap: break-word;
text-align: left;

/*
background-color: yellow;
*/
}


.img-box-icon-delete
{
display: inline-block;

text-align: center;
vertical-align: middle;

background-image: url("https://cloud.secure.direct/prod/media/images/icons/delete.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;

height: 16px;
width: 16px;
}

div.pro-dealer-gateway-wrapper.panel
{
border-color: #666;
}

div.pro-dealer-gateway-wrapper.panel div.panel-body
{
/*
background-color: rgb(160, 160, 160);
*/
background-color: Gainsboro;
background-color: WhiteSmoke;
}

div.pro-dealer-gateway-wrapper.panel div.panel-heading
{
/*
background-color: rgb(160, 160, 160);
*/
/*
background-color: LightGray;
background-image: linear-gradient(rgb(217, 237, 247) 0px, rgb(196, 227, 243) 100%);
background-image: linear-gradient(LightGray 0px, rgb(187, 187, 187) 100%);
*/
border-bottom-color: #666;
}


.nav > li > a
{
padding: 4px 10x;
}

.nav-tabs > li > a
{
line-height: normal;
}

.nav-tabs.tabs-on-right > li {
  float: right;
}

.nav-tabs > li > a,
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: black;
  background-color: rgb(182, 182, 182);
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  color: black;
  background-color: rgb(140, 140, 140);
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  color: white;
  cursor: default;
  background-color: #ffffff;
  background-color: rgb(78, 78, 78);
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}


/* BEGIN panel-default-snet-lite stuff */
/* BEGIN panel-default-snet-lite stuff */

.panel-default-snet-lite > .panel-heading > .panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
}

div.panel-default-snet-lite .panel-heading h3.panel-title
, div.panel-default-snet-lite .panel-heading h6.panel-title
{
/*
margin-top: 0;
*/
font-weight: bold;
font-size: 1em;
}

div.panel-default-snet-lite .panel-heading h3.panel-title
{
font-size: 1.2em;
}

.panel-default-snet-lite > .panel-footer
{
border-bottom-right-radius: 8px;
border-bottom-left-radius: 8px;
/*
border-top-color: #666666;
*/
border-top-color: rgb(181, 181, 181);
}

.panel.panel-default-snet-lite
{
margin-bottom: 20px;
background-color: #ffffff;
border: 1px solid transparent;
border-radius: 8px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

.panel.panel-default-snet-lite
{
/*
border-color: #666666;
*/
}

.panel-default-snet-lite > .panel-body
{
background-color: rgb(238, 238, 238);
}

.panel-default-snet-lite > .panel-heading
{
background-color: rgb(226, 226, 226);
background-image: linear-gradient(rgb(226, 226, 226) 0px, rgb(187, 187, 187) 100%);
/*
border-bottom-color: #666666;
*/
border-bottom-color: rgb(181, 181, 181);

border-top-right-radius: 8px;
border-top-left-radius: 8px;
}

.panel-default-snet-lite > .panel-footer
{
background-color: rgb(226, 226, 226);
background-image: linear-gradient(rgb(226, 226, 226) 0px, rgb(187, 187, 187) 100%);
}

.panel-default-snet-lite > .panel-heading + .panel-collapse .panel-body {
border-top-color: #666666;
border-top-color: rgb(181, 181, 181);
}

.panel-default-snet-lite > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #666666;
border-bottom-color: rgb(181, 181, 181);
}

/* END panel-default-snet-lite stuff */
/* END panel-default-snet-lite stuff */


.panel-default-snet-pro
{
border-color: #666666;
}

.panel-default-snet-pro > .panel-heading
, .panel-default-snet-pro > .panel-footer
{
color: #333333;
/*
background-color: #f5f5f5;
background-image: linear-gradient(LightGray 0px, rgb(187, 187, 187) 100%);
*/
background-color: #;

border-color: #666666;
}

.panel-default-snet-pro > .panel-heading + .panel-collapse .panel-body {
border-top-color: #666666;
}

.panel-default-snet-pro > .panel-footer + .panel-collapse .panel-body {
border-bottom-color: #666666;
}

/*.panel-default-snet-pro > .panel-footer + .panel-collapse .panel-body*/
/*
.panel-default-snet-pro .panel-body
{
background-color: #;
}
*/

.default-panel-body-bg-color
{
background-color: #;
}

.panel .panel-default-snet-pro
, .panel-default-snet-pro .panel-body
{
background-color: #;
}

.panel.panel-default-snet-pro .bg-color-to-transparent
/*
, .panel-default-snet-pro .panel-body.bg-color-to-transparent
*/
{
/* I want the color from row-even and row-odd - rrhhii 20150922 */
background-color: transparent;
}

.panel-default-snet-pro .panel-body
{
padding: 1em 1em 0.3em 1em;
}

div.panel-default-snet-pro .panel-heading
, div.panel-default-snet-pro .panel-footer
{
padding: 7px 15px;
/*
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
*/
}

div.panel-default-snet-pro .panel-heading h3.panel-title
, div.panel-default-snet-pro .panel-heading h3
, div.panel-default-snet-pro .panel-heading h6.panel-title
, div.panel-default-snet-pro .panel-heading h6
, div.panel-default-snet-pro .panel-footer h3.panel-title
, div.panel-default-snet-pro .panel-footer h3
, div.panel-default-snet-pro .panel-footer h6.panel-title
, div.panel-default-snet-pro .panel-footer h6
{
/*
margin-top: 0;
*/
font-weight: bold;
font-size: 1.4em;
}

div.panel-default-snet-pro .panel-heading h3.panel-title
, div.panel-default-snet-pro .panel-heading h3
, div.panel-default-snet-pro .panel-footer h3.panel-title
, div.panel-default-snet-pro .panel-footer h3
{
font-size: 1.8em;
}

/* REMOVED
div.form-snet.form-horizontal-snet
{

}

.form-horizontal-snet .control-group .control-label
{
/8
min-width: 150px;
8/
background-color: orange;
}

.control,
.control-label
{
display: table-cell;
}

.form-horizontal-snet .control-group
{
display: table-row;
}

.form-horizontal-snet .control-group .control-label,
.form-horizontal-snet .control-group .control
{
margin-bottom: 5em;
background-color: red;
}
*/

div.snet-label-data-box div.row
, div.snet-label-data-box div.form-group
{
margin-bottom: 6px;
/*
background-color: orange;
*/
}


/*
.row.fixed-row
{
min-height: 1em;
}
*/

.panel.panel-default-snet-pro
{
border-radius: 4px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.pro-error-messages-box-v02 .alert span.glyphicon.glyphicon-info-sign
, .pro-error-messages-box-v02 .alert span.glyphicon.glyphicon-exclamation-sign
{
font-size: 1.7em;
}

.pro-account-info-header-box-v02
{
margin-left: auto;
margin-right: auto;

/*
width: 90%;
width: 88%;
*/
/*
width: 696px;
*/
background-color: #;
border: thin solid #;
text-align: center;
vertical-align: middle;

padding: 0.64em;
}

.pro-account-info-header-text-box
{
display: inline-block;
}

.pro-account-info-header-page-info-icon-box
{
display: inline-block;
width: 15px;
float: right;

position: relative;
top: -2px;
}

/*rhboots*/
hr
{
height: 1px;
color: black;
background: black;
font-size: 0;
border: 0;
}

/*rhboots*/
.form-control.form-control-snet
{
display: inline;
width: auto;
}

/*
.btn-snet
{
width: auto;
}
*/

.form-control.form-control-temperature-input
{
display: inline;
width: 80px;
}

form .form-group .form-control-static
, form .form-group .controls
{
text-align: left;
}


/* START PRO Basic Layout */
/* START PRO Basic Layout */

/*
.pro-menu-plus-main-article
{
background-color	: #;
background-color	: #;
}
*/

.main_body {
	width				: 1000px;
	margin-left			: auto;
	margin-right		: auto;
	padding				: 0px;
	border				: 0px;
}


/* NOT USED
.layout_row_001
{
display: block;
background-color: #;
height: 5px;
color: #;
background-color: #;
}
*/

.pro_header {
	background-color	: #;
	border-width		: 1px;
	border-style		: solid;
	border-color		: #;
	text-align			: left;
	color				: #;
	/*
	padding				: 0;
	margin				: 0;
	*/
	/*
	height				: 95px;
	height				: 1px;
	max-height			: 95px;
	*/
}

/*
.pro_menu
{
width: 200px;
min-width: 200px;
}
*/

.pro_menu {
	vertical-align		: top;
	padding				: 0px;
	margin				: 0px;
	background-color	: #;
	border				: 1px;
	border-style		: solid;
	border-color		: #;
}

.pro_body {
	background-color	: #;
	border-width		: 1px;
	border-style		: solid;
	border-color		: #;
	vertical-align		: top;
	color				: #;
	width				: 800px;
	margin				: 0px auto;
	/*ORIG
	padding-top			: 30px;
	*/
	padding-top			: 20px;
	text-align			: center;
	height				: 500px;
	min-height			: 500px;
}

/* Footer */
.pro_footer {
	background-color	: #;
	border-width		: 1px;
	border-style		: solid;
	border-color		: #;
	text-align			: center;
	vertical-align		: middle;
	padding-top			: 10px;
	padding-bottom		: 10px;
	color				: #;
}

/* END PRO Basic Layout */
/* END PRO Basic Layout */

.table.snet-pro-table td
/* , .table.snet-pro-table th */
{
/*background-color: #fff !important;*/
/*background-color: #fff;*/
background-color: rgb(238, 238, 238);
}

.table.snet-pro-table thead > tr > th,
.table.snet-pro-table tbody > tr > th,
.table.snet-pro-table tfoot > tr > th
/*
.table.snet-pro-table thead > tr > td,
.table.snet-pro-table tbody > tr > td,
.table.snet-pro-table tfoot > tr > td
*/
{
  /*
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
  */
background-color: #;
}

.table-bordered.snet-pro-table
{
/*
  border: 1px solid #dddddd;
*/
border: 1px solid #;
}

.table-bordered.snet-pro-table > thead > tr > th,
.table-bordered.snet-pro-table > tbody > tr > th,
.table-bordered.snet-pro-table > tfoot > tr > th,
.table-bordered.snet-pro-table > thead > tr > td,
.table-bordered.snet-pro-table > tbody > tr > td,
.table-bordered.snet-pro-table > tfoot > tr > td
{
/*
  border: 1px solid #dddddd;
*/
border: 1px solid #;
}

.tableCell.classZoneId
{
	width: 10%;
}

.tableCell.classZoneComment
{
	width: 55%;
}

.tableCell.classZoneCategory
{
	width: 35%;
}

.snet-pro-table th
{
  text-align: center;
}

.form-group
{
  margin-bottom: 15px;
  margin-bottom: 10px;
}

.table-hover.snet-pro-table > tbody > tr:hover > td,
.table-hover.snet-pro-table > tbody > tr:hover > th
{
/*
background-color: #f5f5f5;
*/
background-color: #;
}

.device-control-gateway-online-offline-status
, .device-control-gateway-arming-level-status
{
text-align: left;
}

.snet-dvr-photo-slide-thumbnail-ui-element
{
}

.panel-status-timestamp-box
{
font-size: 0.77em;
}

/* modify bootstrap's .label font-size */
.label
{
font-size: 1em;
white-space: normal;
}

/*
.label.label-warning
{
color: rgb(50, 50, 50);
}
*/

.label.label-danger
, .label.label-warning
, .label.label-success
, .label.label-info
{
/*
text-shadow:
	-1px -1px 0 #000,
	1px -1px 0 #000,
	-1px 1px 0 #000,
	1px 1px 0 #000;
text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
*/
text-shadow: 1px 1px 0 black;
}

/* 20161219 */
.label.label-warning
{
font-weight: 500;
/*
background-color: #ffef15;
*/
background-color: #f5c92c;
color: rgb(50, 50, 50);
text-shadow: none;
}

.thermostat_temperature_to_set_to_text_input
{
	display: inline;
	width: 30px;
}

.input-group-addon.input-xs {
  padding: 3px 3px;
  font-size: 8px;
  border-radius: 3px;
}

.lite-page-panel-01
{
/*
width: 600px;
*/
padding: 10px;
margin: 10px;
}

.action_device_panel
{
width: 600px;
padding: 5px;
margin: 10px;
}

.lite-page-section-01
{
background: white;
width: 733px;
margin-bottom: 20px;
border: 1px solid #AAA;
padding-bottom: 10px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
text-align: left;
}

.lite-page-section-01 h4
{
margin: 0px;
padding: 5px;
font-weight: bold;
font-size: 1em;
}

.deviceOptions
{
	text-indent: 19px;
}

.device_checkboxes
{
	padding-bottom: 15px;
}

label.checkbox-label input[type=checkbox]
{
	position: relative;
	vertical-align: middle;
	bottom: 1px;
}

label.action-sub-titles
{
	margin: 0px;
	padding: 5px;
	font-weight: bold;
	font-size: 1.1em;
}

/*
.content_table_row_account_list
{
cursor: pointer;
}
*/


/*START theme2014 adjustments*/
/*START theme2014 adjustments*/

/*END theme2014 adjustments*/
/*END theme2014 adjustments*/


/* end user select account style */
/*
.selectAccountList
{
background-color: #;
font-weight: normal;
padding: 2px 0px 2px 0px;
text-align: left;
}
*/

/* end user select account style */
/*
.selectAccountList:hover
{
background-color: #;
}
*/


/*
the content area, ie. not header, menu or footer
*/
.content-ui
{
/*
background-color: green;
margin: 0 3em 1em 3em;
*/
}

/*
the header part of the content area
*/
.content-ui-header
{
/*
background-color: linen;
*/
}

/*
the non header part of the content area
*/
.content-ui-content
{
/*width: 700px;*/
width: 720px;
margin-left: auto;
margin-right: auto;
}

/* moved to here from stylesheet_new.php file */
.center
{
text-align			: -moz-center;
margin-left			: auto;
margin-right		: auto;
}

/* moved to here from css.php file */
/* Pro Summary Bars */
.pro_del_bar
{
border				: thin solid #FF0000;
background-color	: #FFCCCC;
color				: #FF0000;
text-align			: center;
font-weight			: bold;
padding				: 4px;
vertical-align		: middle;
}

div.pro_del_bar
{
margin: 0 0 1em 0;

margin-left: auto;
margin-right: auto;
}

.radial-center-blue
{
/* fallback */ background-color: #2F2727;
background-image: url(images/radial_bg.png);
background-position: center center;
background-repeat: no-repeat;

/* Safari 4-5, Chrome 1-9 */
/* Can't specify a percentage size? Laaaaaame. */
background: -webkit-gradient(radial, center center, 0, center center, 460, from(#1a82f7), to(#2F2727));

/* Safari 5.1+, Chrome 10+ */
background: -webkit-radial-gradient(circle, #1a82f7, #2F2727);

/* Firefox 3.6+ */
background: -moz-radial-gradient(circle, #1a82f7, #2F2727);
/* IE 10 */
background: -ms-radial-gradient(circle, #1a82f7, #2F2727);

/* Opera couldn't do radial gradients,
then at some point they started supporting the -webkit- syntax,
how it kinda does but it's kinda broken (doesn't do sizing) */
}

.radial-center-gray
, .device2013-layout-page-parent-box .nav.nav-pills li a
, .device2013-layout-page-parent-box .nav-pills > li > a
, .device2013-layout-page-parent-box .nav-pills > li > a:hover
, .device2013-layout-page-parent-box .nav-pills > li > a:focus
{
background-color: Gray;
/*
background-image: radial-gradient(at center, Gainsboro, Gray);
*/
background: -webkit-radial-gradient(Gainsboro, Gray); /* Safari */
background: -o-radial-gradient(Gainsboro, Gray); /* For Opera 11.1 to 12.0 */
background: -moz-radial-gradient(Gainsboro, Gray); /* For Firefox 3.6 to 15 */
background: radial-gradient(Gainsboro, Gray); /* Standard syntax (must be last) */
}

.radial-center-blk
, .device2013-layout-page-parent-box .nav-pills li.active a
, .device2013-layout-page-parent-box .nav-pills > li.active > a
, .device2013-layout-page-parent-box .nav-pills > li.active > a:hover
, .device2013-layout-page-parent-box .nav-pills > li.active > a:focus
{
/*
background-image: radial-gradient(center center, circle cover, Gainsboro, black);
background-image: radial-gradient(at center, Gainsboro, black);
*/
background-color: black;
background: radial-gradient(white, black); /* Standard syntax (must be last) */
}

.panel-title-box-wrapper
{
text-align: left;
}

h1.snet-pro-page-title
{
font-size: 2em;
}

.liveVideoWindowTitle
{
	padding-top: 16px;
}

.liveVideoWindow
{
	text-align: center;
}

.video_frame
{
	text-align: center;
}

.liveVideoFeatureControls
{
	text-align: center;
	margin-left: 78px;
	padding-bottom: 16px;
}

.liveVideoFeatureControlsExpander
{
	padding-top: 8px;
	padding-bottom: 16px;
	text-align: left;
	text-indent: 62px;
}

.liveVideoRTSPWindow
{
	width: 624px;
	height: 516x;
	margin-left: auto;
	margin-right: auto;
}

.button-spacer-001
{
display: inline-block;
width: 2em;
height: 0.5em;
}

.help-text-spacer-001
{
display: inline-block;
width: 1.5em;
height: 0.5em;
}

/*
.spin-icon-snet
{
/8
-webkit-transform-origin: 50% 58%;
-ms-transform-origin:50% 58%; /8 IE 9 8/
8/
transform-origin:50% 58%;

/8
-webkit-animation: spin 2s infinite linear;
-moz-animation: spin 2s infinite linear;
-o-animation: spin 2s infinite linear;
8/
animation: spin 2s infinite linear;
}
*/

.spinner-icon-size-color-01
{
font-size: 1.2em;
/*
background-color: yellow;
*/
color: green;
}

input[type="text"].w-5,
input[type="date"].w-5,
input[type="datetime"].w-5,
input[type="email"].w-5,
input[type="number"].w-5,
select.w-5
{
width: 7em;
}

input[type="text"].w-3,
input[type="date"].w-3,
input[type="datetime"].w-3,
input[type="email"].w-3,
input[type="number"].w-3,
select.w-3
{
width: 6em;
}

input[type="text"].w-2,
input[type="date"].w-2,
input[type="datetime"].w-2,
input[type="email"].w-2,
input[type="number"].w-2,
select.w-2
{
width: 5.5em;
}

/*REMOVED
.circle-css,
.circle-12px-white,
.circle-12px-red
{
border-radius: 50%;
display: inline-block;
/8
margin-right: 20px;
8/
}

.circle-12px-white
{
background: none repeat scroll 0 0 white;
height: 12px;
width: 12px;

border-style: solid;
border-color: black;
border-width: thin;
}

.circle-12px-red
{
background: none repeat scroll 0 0 red;
height: 12px;
width: 12px;

border-style: solid;
border-color: black;
border-width: thin;
}
*/

.keyfob-oval-on-or-off-button
{
border-radius: 35%;
display: inline-block;
background: none repeat scroll 0 0 black;
color: white;
height: 19px;
width: 52px;
text-size: xx-small;
text-align: center;
vertical-align: middle;
text-transform: uppercase;
font-weight: bold;
}

.keyfob-oval-on-or-off-button span
{
text-align: center;
vertical-align: middle;
}

.info-msg-add-zone-by-serialNbr
{
font-size: large;
font-weight: bold;
}

.status_details
{
width: 400px;
word-wrap: break-word;
padding-right: 12px;
}

.cell-signal-level-bars-box-wrapper
{
display: inline-block;
width: 50px;
margin: 5px 0 5px 0;
}

.cell-signal-level-bars-box
{
display: inline-block;
/*
width: 39px;
width: 41px;
*/
width: 4.1em;
margin: 5px 0 0 0;

color: lawngreen;
background-color: black;
font-weight: 900;

padding: 4px 4px 4px 4px;
vertical-align: middle;
text-align: left;

/*
margin-left: auto;
margin-right: auto;
*/

font-size: 10px;
font-weight: 800;
}

.cell-signal-level-individual-bar
{
color: lawngreen;
background-color: lawngreen;
}

.prominent-text
, .device-slot-nbr
{
font-size: 1.6em;
font-weight: 900;
}

.prominent-text-big
{
font-size: 1.6em;
}

.prominent-text-gateway-cell-signal
{
font-size: 1.6em;
}

.top-float-message-box-wrapper
{
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10;

/*
background-color: orange;
*/
}

.form-horizontal .control-label-snet
{
margin-bottom: 0;
/*padding-top: 7px;*/
padding-top: 3px;
text-align: right;
}

.form-control-static-snet
{
padding-top: 3px;
text-align: left;
}

/* bootstrap adjustment */
.no-gutter > [class*='col-']
{
padding-right: 0;
padding-left: 0;
}

.zwave-device-slot-border-at-bottom
{
height: 0.9em;
border-bottom: thin solid rgb(182, 182, 182);
}

.vertcenter
, .vertcenter-4bsv3
{
display: inline-block;
vertical-align: middle;
float: none;
}

/*
.display-table-4bsv3
{
display: table;
table-layout: fixed;
}

.display-cell-4bsv3
{
display: table-cell;
vertical-align: middle;
float: none;
}
*/

/*
.parent-vertcenter-4bsv3
{
display: table;
table-layout: fixed;
}

.child-vertcenter-4bsv3
{
display: table-cell;
vertical-align: middle;
text-align: center;
}
*/

.pro-account-deleted-banner-header-box-wrapper
{
border				: 2px solid #FF0000;
background-color	: #FFCCCC;
color				: #FF0000;
text-align			: center;
font-weight			: bold;
padding				: 4px;
vertical-align		: middle;

margin-left: auto;
margin-right: auto;
}

.ui-flash-background
{
-moz-animation: flash 1s ease-out;
-moz-animation-iteration-count: 1;

-webkit-animation: flash 1s ease-out;
-webkit-animation-iteration-count: 1;

-ms-animation: flash 1s ease-out;
-ms-animation-iteration-count: 1;
}

@-webkit-keyframes flash
{
0% { background-color:none;}
50% { background-color:yellow;}
100% {background-color:none;}
}

@-moz-keyframes flash
{
0% { background-color:none;}
50% { background-color:yellow;}
100% {background-color:none;}
}

@-ms-keyframes flash
{
0% { background-color:none;}
50% { background-color:yellow;}
100% {background-color:none;}
}

/*
.generic-web-app-top-of-page-msg-wrapper
{
margin-left: auto;
margin-right: auto;
}
*/

.generic-web-app-top-of-page-msg-wrapper
/*
, .panel-settings-page-loading-zones-msg-wrapper
, .panel-settings-page-loading-panel-status-msg-wrapper
, .panel-settings-page-busy-msg-wrapper
*/
{
position: fixed;
/*
bottom: 30px;
*/
top: 1px;
text-align: center;
}

.generic-web-app-top-of-page-msg
/*
, .panel-settings-page-loading-zones-msg
, .panel-settings-page-loading-panel-status-msg
, .panel-settings-page-busy-msg
*/
{
display: inline-block;

text-align: left;
/*
background-color: #333E48;
color: orange;
*/
background-color: #FDE168;
background-color: #FFFFE0;
background-color: #FCFCB7;
background-color: #FEF99E;
background-color: #FEF5CB;

font-size: 2em;

padding: 0.3em 0.5em;

margin-left: auto;
margin-right: auto;

box-shadow: 8px 8px 5px #999999;
}

.panel-settings-alarm-level-box
{
font-size: 1.8em;
}

.panel-settings-zone-label-box
{
font-size: 2em;
}

.label.label-snet-mod-inline-block
, .label.label-snet-mod-inline-block-01
{
display: inline-block;

padding: 0.3em 1em;
margin: 0;
}

.label.label-snet-mod-inline-block-02
{
display: inline-block;

padding: 0.6em 1em;
margin: 0 1.4em 0.9em 0;
}

.label.label-snet-mod-inline-block-03
{
display: inline-block;

padding: 0.6em 1em;
margin: 0 1.1em 0.9em 0;
}

.label.label-info.label-snet-mod-inline-block-03
{
text-align: center;
}

.dialog-box-verbiage
{
font-size: 1.4em;
}

.nopadding
{
padding: 0 !important;
/*
margin: 0 !important;
*/
}

.ain_dealer_yes_no
{
	cursor: pointer;
}

.bold-this
{
font-weight: bold;
}

h3.panel-settings-qde
{
font-size: 15px;
/*
font-family: Arial;
*/
position: relative;
overflow: hidden;
}

h3.panel-settings-qde:after
{
display: inline-block;
content: "";
height: 2px;
background: black;
position: absolute;
width: 100%;
top: 50%;
margin-top: -2px;
margin-left: 10px;
}

.modified-flag
, .textInCircle
{
border-radius: 50%;
/*behavior: url(PIE.htc);*/ /* remove if you don't care about IE8 */

width: 23px;
height: 23px;
padding: 1px;

background: #fff;
border: 1px solid #666;
color: #666;
text-align: center;

font: 10px Arial, sans-serif;
}

.modified-flag
{
display: inline-block;
color: black;
border: 1px solid Salmon;
background: LemonChiffon;
}

/*
START styles from account_lite_alarm_control_status_frame.php
START styles from account_lite_alarm_control_status_frame.php
*/

.device-control-
{

}

body.iframe.alarm-control-iframe
{
background-color: #eeeeee;
text-align: left;
margin: 0;
padding: 0;
}
td.iframe_text {
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}
.iframeColumnTitleWidth{
	width: 140px;
}
.rightspace {
	float: left;
	height: 180px;
	padding-left: 0px;
	width: 410px;
	color: #FFF;
	text-align: center;
	margin-left: 0px;
	margin-top: 5px;
	background-image: url(https://cloud.secure.direct/prod/plugins/panel/media/images/interface/rolling_history_box.png?V=1);
	background-repeat: no-repeat;
	background-position: left;
}
.rightspace .rolling-text{
	position: relative;
	left: 25px;
	top: 35px;
	color: black;
	text-align: left;
	font-size: 12px;
	font-weight:normal;
	text-shadow: #252525 0px 0px 0px;
}

#scroller {
	background-color: #eeeeee;
	color: #ffffff;
	#font-size: 14px;
	height: 28px !important;
	line-height:28px;
	overflow: hidden;
	position: relative;
	#width: 1005;
	padding-top: 1px;
	position: relative;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.scrollingtext {
	white-space:nowrap;
	position:absolute;
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.scrollingtext a:link, .scrollingtext a:visited {
	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.scrollingtext a:visited {
	text-decoration:none;
}

.review {
	padding-right: 10px;
}

#static-text {
	position: absolute;
	padding: 0 20px;
	background-color: #eeeeee;
	z-index: 99999;

	color: #333333;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.color-offline-panel-status
{
color: red;
}

.color-online-panel-status
, .color-green-0010
{
color: #009900;
}

/*
END styles from account_lite_alarm_control_status_frame.php
END styles from account_lite_alarm_control_status_frame.php
*/

/*
.panel-settings-zone-list-graphic-box-01
{
background-color: rgb(245, 245, 245);
border-style: solid;
border-width: thin;
border-color: black;
}
*/

.snp_video_drop_down {
    width: 110px;
}

.dealer-camera-edit-column {
    width: 160px;
}

.camera-edit-input {
    width: 240px;
}