/* begin of some colors */

/* this style was duplicated from file: p_connect24_2012.css
TODO (rhill): make these styles match in the sepearte 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;
}

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

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

.color-green-0010
{
color: #009900;
}

.lite-not-content-bkgd, .lite-menu-not-content-bkgd
{
background-color: #eeeeee; /* off-white color */
}

.lite-content-bkgd, .lite-menu-content-bkgd
{
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 */

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

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

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

.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-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;
}

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

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

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

.width-22
{
width: 22px;
}

.form-inline-field-spacer
{
width: 20px;
}

.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: none;
}

/* 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(0, 104, 172);
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;
}

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

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

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

div.menu_row_box
{
/*
background-image: url("/live/html/css/../../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;
}

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

height: 0.7em;
}

.lite-menu-section-border-bottom
{
background-image: url("/live/html/css/../../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 */
width: 172px;
}

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

.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-last-login-msg
{
font-weight: bold;
font-size: x-small;
white-space: nowrap;
}

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

/*OLD NAME .rhill-box-panel-status*/
.lite-alarm-panel-status-box
{
/*
background-color: #EEEEEE;
*/

}

/*
eventually this will replace selector: ".content_table_title" - rhill
*/
.lite-content-section-header-box-v02
, .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: #e01a24; /* pa red */
color: white;
font-size: small;
}

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

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

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

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

.lite-page-header-bar
{
background-color: #e01a24; /* pa red */
text-align: left;

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

/*
display: block;
height: 1.5em;
width: 100%;
width: 700px;
*/

/*
position: absolute;
top: 10px;
left: 0px;
z-index: 10;
*/
/*float: left;*/
}

.lite-page-header-text
{
text-align: center;
display: inline;
}

.lite-page-header-icon
{
position: relative;
top: -20px;
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
{
color: white;
background-color: rgb(0, 105, 173); /* pa blue */
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 2em 0 0.5em;
}

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