/* @override
	http://store1.localhost.com:3000/stylesheets/staticpage.css?1354222850
	http://store1.localhost.com:3000/stylesheets/staticpage.css?1354683119
*/


#listbox1, #listbox2 {
    height: 200px;
}

.notice {
    font-size: 15px;
    color: #ff0000;
}

.static-page {
    margin-top: 1em;
    font-size: 120%;
    padding: 20px;
}

.signup-page {
    width: 50%;
    float: left;
}

.signup-page h1 {
    font-size: 25px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.signin-page-wrapper {
    width: 50%;
    margin: 30px auto 0;
    padding: 15px;
    border: 1px solid #3d3d3d;
    background: #3d3d3d url(https://backend.rl.ama1a.org/assets/bg-content-holder.gif) repeat-x;
    border-radius: 10px;
}

.signup-page-wrapper {
    width: 85%;
    margin: 30px auto 0;
    padding: 15px;
    border: 1px solid #3d3d3d;
    background: #3d3d3d url(https://backend.rl.ama1a.org/assets/bg-content-holder.gif) repeat-x;
    border-radius: 10px;
}

.device-verify-wrapper {
    width: 60%;
    margin: 30px auto 0;
    padding: 15px;
    border: 1px solid #3d3d3d;
    background: #3d3d3d url(https://backend.rl.ama1a.org/assets/bg-content-holder.gif) repeat-x;
    border-radius: 10px;
}

.signin-page {
    background: #FFFFFF;
    padding: 10px;;
}

.signin-page h1 {
    text-align: center;
}

.signin-page .form .action input {
    padding: 10px 20px;
    font-weight: normal;
}

.signin-page #error_message {
    margin-left: auto;
    margin-right: auto;
    background: #EEE;
    text-align: center;
}

.signinup-page {
    background: #FFFFFF;
    padding: 10px;;
}

.signinup-page h1 {
    text-align: center;
}

.signinup-page .form .action input {
    padding: 10px 20px;
    font-weight: normal;
}

.signinup-page #error_message {
    margin-left: auto;
    margin-right: auto;
    background: #EEE;
    text-align: center;
}

.signinup-page h1 {
    font-size: 25px;
    padding-bottom: 20px;
    padding-top: 20px;
}

/*resortlock landing page */
table.sign-up-table-header tr td .iconic-property-fill{
  fill: #b9b9b9;
  stroke: #b9b9b9;
}
table.sign-up-table-header tr td .iconic-property-accent{
  fill: #ddd;
  stroke: #ddd;
}
.migration_heading {
  margin-bottom: 0px;
}
.migration_heading h1 {
  font: normal 32pt 'Oswald','Trebuchet MS',sans-serif;
  padding-bottom: 10px;
}
.migration_heading p {
  font: normal 12pt Arial,sans-serif;
  text-align: center;
  color: #3d3d3d;
  margin: 0 auto;
  width: 410px;
}

.resortlock_migrate_landing .buttons {
  text-align: center;
  margin: 20px 0;
}
.resortlock_migrate_landing .buttons a {
  display: inline-block;
  background: #77bb18;
  width: 210px;
  padding: 10px 0;
  color: #fff;
  margin: 0 20px;
  font: 14pt Arial,sans-serif;
  text-shadow: 1px 1px 2px #555;
  box-shadow: 1px 1px 2px #555;
  border-radius: 5px;
}
.resortlock_migrate_landing h2 {
  font: normal 22pt 'Oswald','Trebuchet MS',sans-serif;
  margin: 25px 0 10px 0;
  text-align: center;
}
.rl_orientation_video {
  width: 560px;
  height: 315px;
  margin: 0 auto 30px auto;
  background: #eee url(https://backend.rl.ama1a.org/assets/inner_spinner.gif) no-repeat center 250px fixed;
}
/** RL landing **/

.inline-submit-button {
    font-weight: normal;
    padding: 10px 20px;
    background: none repeat scroll 0 0 #64BD39;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    /*display: block;*/
    font-size: 13px;
    font-weight: bold;
    padding: 7px;
    text-align: center;
    width: auto;
}

.sign-up-menu {
    display: none;
    width: 50%;
    float: left;

}

.signin-page h1 {
    font-size: 25px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.password-page h1 {
    font-size: 25px;
    padding-bottom: 20px;
    padding-top: 20px;
}

.device_management_content {
    padding: 10px 10px 10px 10px;
}

.ui-tabs-hide {
    display: none;
}

.lock-hide {
    display: none;
}

.tables {

    padding-left: 10px;
    padding-right: 10px;
}

.tables .list-item {
    padding-left: 20px;

}

.tables .thermostat-target-temp {
    width: 250px;
}

.tables .thermostat-target-temp .plus-minus-button-container {
    margin-top: 8px;
}

.tables td:first-child.property-name {
    width: 200px;
}

.tables table {
    border-collapse: collapse;
    width: 99%;

}

.tables table.user-table {
		/* width: 60%; */
}

.tables tr th {
    padding: 10px 0px 10px 5px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    font-size: 12px;
}

.tables-large tr th {
    padding: 10px 0px 10px 5px;
    text-align: center;
    font-weight: bold;
    vertical-align: middle;
    font-size: 22px;
}

.frame h1 {font-weight: bold; font-size: 22px; line-height: 44px;}


.tables th:first-child {
    vertical-align: middle;
    text-align: left;
}

.tables table tr.rowA {
    background-color: #e6e6e6;
}

.tables table tr.rowA h3 {
    background-color: #e6e6e6;
    color: #707070;
    font-size: 22px;
}

.tables table tr.rowB {
    background-color: #ffffff;
}

.rowA {
    background-color: #e6e6e6;
}

.rowB {
    background-color: #ffffff;
}
.rowA_dialog {
  background-color: #ece9da;
}

.rowB_dialog {
  background-color: transparent;
}

.rowB-underline {
    border-bottom-style: solid;
    border-color: #B9C1CC;;
    border-width: 1px;
}

.tables td {
    text-align: center;
    padding: 10px 0px 10px 5px
    /*	padding: 0 0.5em;       */
}

.tables table.normal-alignment td { text-align: left;}

.tables .guest, .access-type, .access-time, .status {
    color: #222222;
}

#fix-design{background: none repeat scroll 0% 0% white; height: 4px; position: absolute; width: 5px;}
#loading-tab{width: 680px; height: 30px; opacity : 0.1; background-color: black; position: absolute;}
.tables .guest {
    font-size: 15px;
    width: 170px;
}

.tables .access-type {
    width: 180px;
    text-align: left;
}

.tables .status {
    width: 100px;
    font-size: 15px;
}

.tables .icons {
    width: 60px;
    padding-right: 5px;
}

.tables .access-time {
    width: 100px;
    text-align: left;
    font-size: 15px;
    white-space: nowrap;
}

.tables .sch-list-icon {
    width: 40px;
}

.tables .sch-list-name {
    width: 280px;
}

.tables .guest-history {
    font-size: 15px;
    width: 400px;
    text-align: left;
}

.tables .created {
    font-size: 15px;
    width: 120px;
}

.device-bridge-info-wrapper .tables th { font-size: 0.9em;}
.db-light, .db-temp { font-weight: normal; }
.tables .ms-name, .ms-last-trigger, .ms-wifi {
    color: #222222;
}

.tables .ms-name, .pp-name {
    width: 230px;
}

.tables .ms-wifi {
    float: right;
}

.tables .sch-list-name input {
    width: 15px
}

.tables td:first-child {
    text-align: left;
    width: 100px;
    font-size: 15px;
}

#main.full .tables td:first-child { width:auto;}

.tables td .t_temp {

    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 30px;
    color: #58a632;
}

.tables td .t_target {

    font-weight: bold;
    font-size: 30px;
    color: #000;
}

.tables td.thermostat-target-temp {
    padding-left: 50px;
}

.tables  .deg {

    display: inline-block;
    vertical-align: text-top;
    font-size: 15px;
    padding-top: 10px;
}

.tables .rule-name {
    width: 250px;
}

.tables .scene-name {
    width: 450px;
}

.tables .rule-status {
    text-align: left;
}

.tables .pp-advanced-cell {
    width: 50px;
    float: left;
}

.tables th:first-child.pp-advanced-th, .tables td:first-child.pp-advanced-th {
    width: 70px;
}

.tables td.date {
    width: 200px;
    font-size: 12px;
    text-align: left;
}

.tables td.access-by {
    text-align: left;
    width: 430px;
    padding-left: 2px;
}

.tables .action {
    width: 150px;
    text-align: left;
    padding-left: 2px;
}

.tables .function {
    text-align: left;
    padding-left: 2px;
}

.tables .name {
    text-align: left;
    padding-left: 2px;
}

.tables .button-sort {
  display: block;
  margin: 0 1px;
}
.tables .button-sort:hover {
  background: #a9cfff;
}
.tables .button-sort-top .line {
  background: #a9a9a9;
  display: block;
  height: 2px;
  margin: -2px auto 0;
  width: 10px;
}
.tables .button-sort img {
  opacity: 0.7;
}
.tables .button-sort:hover img {
  opacity: 1.0;
}


.tables-input {
    padding-left: 10px;
    padding-right: 10px;
}

.tables-input td {
    padding: 5px 5px 25px 5px;
}

.tables-input label {
    font-weight: bold;
    font-size: 12px;
}

.add_device_msg {

    padding: 20px 20px 15px 20px;
}

.add_device_msg p {

    font-weight: bold;
    font-size: 18px;
    padding-bottom: 20px;
}

.form {
    padding: 3px 3px 3px 3px;
    font-size: 13px;
}

.field h3 {
    color: #707070;
    font-size: 22px;
}

.form .field .level {

    width: 145px;
    float: left;
    text-align: left;
    margin-right: 0.5em;
    display: block;
    font-weight: bold;

}

.form .field .level.wide {
    width: 300px;
}

.field-well{

    width: 645px;
    border: 1px solid #B9C1CC;
    padding: 10px;
    border-radius: 5px;

}

.form-break {
    background-color: #e6e6e6;
    width: 100%;
    padding: 5px;
    border-radius: 5px;
}

.form-break h3 {
    color: #707070;
    font-size: 22px;
}

.form-well{

    width: 620px;
    border: 1px solid #B9C1CC;
    padding: 3px 20px 30px 5px;
    border-radius: 5px;

}

.field-well legend{
    font-weight: bold;
    font-size: 13px;
}
/*.change_span{ visibility:hidden;}*/

.field_with_errors {

    color: red;

}

input.mac {
    border: none;
}

input[type=text], input[type=password], input[type=email] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #B9C1CC;
    padding: 6px 9px;
    padding-left: 10px;
    width: 220px;
    font-size: 14px;
    box-sizing: border-box;
}

select {
    background: white;
    border: 1px solid #B9C1CC;
    padding: 6px 9px;
    padding-left: 7px;
    width: 240px;
    font-size: 14px;

}
table.paid-plan select{
    background: white;
    border: 1px solid #B9C1CC;
    padding: 6px 9px;
    padding-left: 7px;
    width: 212px !important;
    font-size: 14px;
    border-radius: 3px !important;
}

select.condition-select-category, select.select-device-name, select.select-condition {
    width: 290px;
}

.time-text-field > select {
    width: auto;
    font-size: 18px;
}

.start-access select, .end-access select {
    width: 80px;
}

.form .actions input, .form .action input, .acc-management a.action{
    display: block;
    text-align: center;
    color: #fff;
    background: #70A140;
    font-size: 13px;
    font-weight: bold;
    padding: 7px;
    border-radius: 5px;
    border: none;
    width: auto;
}

.form .actions a{
    display: block;
    text-align: center;
    color: #fff;
    background: #70A140;
    font-size: 13px;
    font-weight: bold;
    padding: 7px;
    border-radius: 5px;
    border: none;
    width: 150px;
}
.form .actions a.wide {
    width: 300px;
}

.form-search{
    padding: 10px;
    padding-bottom: 20px;
}
.acc-management a.action {
    display: inline
}

.buttons ul,
.radio-buttons ul {
    line-height: 18px;
    font-size: 0;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
}

.buttons ul li,
.radio-buttons ul li {
    margin: 0 1px 0 -1px;
    padding: 0 0 0 1px;
    background: url(https://backend.rl.ama1a.org/assets/list-item-separator.gif) repeat-y;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
}

.buttons  ul li a, .radio-buttons ul li span {
    float: left;
    padding: 6px 10px;
    min-width: 35px;
    text-align: center;
    color: #222;
    background: url(https://backend.rl.ama1a.org/assets/btn-list-items.png) no-repeat 0 -150px;
    cursor: pointer;


}
.radio-buttons ul li span.bordered, .radio-buttons ul li span.bordered-left { border-left: 1px solid #B9C1CC; }
.radio-buttons ul li span.bordered, .radio-buttons ul li span.bordered-right { border-right: 1px solid #B9C1CC; }


.buttons  ul li.active a,
.buttons  ul li a:hover,
.radio-buttons ul li.active span,
.radio-buttons  ul li span:hover {
    text-decoration: none;
    color: #fff;
    background-position: 0 -120px;
}

.buttons  ul li a.first,
.radio-buttons  ul li span.first {
    background-position: 0 -30px;
}

.buttons  ul li.active a.first,
.buttons  ul li a.first:hover,
.radio-buttons  ul li.active span.first,
.radio-buttons  ul li span.first:hover {
    background-position: 0 0;
}

.buttons  ul li a.last,
.radio-buttons  ul li span.last {
    background-position: 100% -90px;
}

.buttons  ul li.active a.last,
.buttons  ul li a.last:hover,
.radio-buttons  ul li.active span.last,
.radio-buttons  ul li span.last:hover {
    background-position: 100% -60px;
}
.tables .buttons {
  display: inline-block;
}

.radio-buttons ul li span input {
    display: none;
}

.wi-fi {
  font-size: 0;
}
.wi-fi li {
  background: url(https://backend.rl.ama1a.org/assets/bg-livel-item.gif) no-repeat scroll 0 0 transparent;
  display: inline-block;
  height: 15px;
  margin: 0 2px 0 0;
  overflow: hidden;
  width: 5px;
}

.wi-fi li.active {
    background-position: 0 -15px;
}
.wi-fi li.red {
    background: #ff313e !important;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
}
.wi-fi li.yellow {
    background: #FF7A00 !important;
    border-radius: 50px 50px 50px 50px;
    -moz-border-radius: 50px 50px 50px 50px;
    -webkit-border-radius: 50px 50px 50px 50px;
}

.paginator_view {
    float: right;
    font-weight: normal;
    font-size: 13px;
    padding-right: 15px;
}

/*ResortLock Pagination*/
.resortlock_pagination{
  float: right;
  font-weight: normal;
  font-size: 13px;
}
.resortlock_pagination a {
  display: inline-block;
  padding: 5px 10px;
  margin-right: 4px;
  border-radius: 3px;
  border: solid 1px #c0c0c0;
  background: #e9e9e9;
  background: -moz-linear-gradient(0% 0% 270deg,#f8f8f8, #e9e9e9);
  box-shadow: inset 0px 1px 0px rgba(255,255,255, .8), 0px 1px 3px rgba(0,0,0, .1);
  font-weight: bold;
  text-decoration: none;
  color: #717171;
  text-shadow: 0px 1px 0px rgba(255,255,255, 1);
}
.resortlock_pagination a:hover {
  background: #fefefe;
  background: -moz-linear-gradient(0% 0% 270deg,#FEFEFE, #f0f0f0);
}
.resortlock_pagination em, .resortlock_pagination span.previous_page.disabled, .resortlock_pagination span.next_page.disabled {
  display: inline-block;
  padding: 4px 10px;
  margin-right: 4px;
  border-radius: 3px;
  border: solid 1px transparent;
  background: #616161;
  box-shadow: inset 0px 0px 8px rgba(0,0,0, .5), 0px 1px 0px rgba(255,255,255, .8);
  color: #f0f0f0;
  text-shadow: 0px 0px 3px rgba(0,0,0, .5);
}
/* End ResortLock Pagination*/

#drop-down2 {
    padding-left: 15px;
}

.lock-access-history {
    padding-right : 15 px;
}

.lock-access-history select {
    width: 200px;
}

.rules-dropdown select {
    width: 60px;
    margin: 0 15px 0 15px;
    padding-right: 5px;
    font-weight: bold;
    font-size: 20px;
}

.history-dropdown {
    padding-right: 15px;
}

.history-dropdown select {
    width: 180px;
    padding-left: 5px;
}

.schedule-submit {
    background: url(https://backend.rl.ama1a.org/assets/btn-submit.png) no-repeat scroll 0 0 transparent;
    border: medium none;
    cursor: pointer;
    float: left;
    font-size: 0;
    height: 30px;
    line-height: 0;
    overflow: hidden;
    text-indent: -9999px;
    width: 60px;
}

td.variance-cell {
    width: 70px;
}

#variance-minus, #variance-plus, #delay-minus, #delay-plus {

    font-size: 25px;
    font-weight: bold;
}

.inner-tabset {
    float: left;
    line-height: 18px;
    font-size: 13px;
    font-weight: bold;
    width: 100%;
    background-color: #d4d4d4;
    border-radius: 5px;
    border: none;
    height: 35px;
}

.inner-tabset li {
    float: left;
    padding: 0 5px 0 0;
}

.inner-tabset a {
    color: #000;
    float: left;
    cursor: pointer;
    padding: 5px 0 0 10px;

}

.inner-tabset li.tabs-selected a span,
.inner-tabset li.tabs-selected a span:hover {
    margin: 0 0 -5px;
    background-color: white;
    color: #222;
    text-align: left;
}

.inner-tabset a span {
    float: left;
    height: 15px;
    border-radius: 5px 5px 0 0;
    text-align: center;
}

.inner-tabset a:hover span {

    background: white;
}

.inner-tabset li a span,
.inner-tabset li a:hover span {
    padding: 6px 10px 11px 10px;

}

td.delay-value {
    width: 70px;
}

td.delay-value span {
    vertical-align: text-bottom;
    font-weight: bold;
}

span .placeholder {
    padding: 0 2px 0 2px;
}

input.tinytext {
    width: 80px;
}

.back-button {
    float: right;
}

#hold {
    font-size: 12px;
}
#hold_h {
    font-size: 12px;
}

select#hold_time {
    width: 160px;
}

.condition-time-select {
    padding-left: 30px;
}

select.time {
    width: 150px;
}

span#hold.hold-on {
    width: 100%;
    background: #64bd39;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFFFFF;
    box-shadow: inset 0 0 5px #000000;
}

.section-content .pp-info {

    padding: 10px 14px 9999px;
    margin: 0 0 -9989px;
    width: 170px;
    float: left;
    border-right: 1px solid #e5e5e5;

    color: #222222;
}

.section-content .pp-info .pp-info-name {
    padding: 20px 0 0 0;
    width: 100%;
    float: left;
    font: 15px;
    font-weight: bold;
    text-align: center;
}

.section-content .pp-info .pp-icon {
    padding-top: 70px;
    padding-left: 66px;
}

.section-content .pp-info .buttons {
    padding-top: 20px;
    padding-left: 28px;
}

.pp-status-list-image {
    /*text-align: center;*/
    padding-right: 5px;
    padding-top: 5px;
    display: inline-block;
}

.section-content .gauge {
    min-width: 200px;
    float: left;
}

.section-content .gauge .gauge-pair {
    padding-left: 30px;
}

.section-content .wifi {
    float: right;
    border-left: 1px solid #e5e5e5;
    min-width: 50px;
    padding: 10px 14px 9999px;
    margin: 0 0 -9989px;

}

.pm-head{
    text-align: center;
    border-bottom: 1px solid #E5E5E5;
    background-color: #F7F7F7;
}

.pp-details{
    border-top: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;
}

.pp-details td{
    padding-left: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.pp-container{
    background: url(https://backend.rl.ama1a.org/assets/pp-bg2.png) repeat-x;
}

.pp-today{
    display: inline;
    float: left;
    width: 43%;
    padding-left: 38px;
}

.pp-month{
    display: inline;
    float: right;
    width: 43%;
    padding-left: 38px;
}

.pp-kwh{
   background: #DCE5F2;
   color: #33628F ;
   border-radius: 5px;
    width: 260px;
    height: 50px;
    padding: 15px 0 0;
    display: block;
    margin-left: 36px;
}
.pp-kwh p{
    font-size: 20px;
    font-weight: bold;
}
.pp-kwh span{
    font-size: 12px;
    color: #808080;
}

.pp-cost{
    background:#DCF2DC;
    color: #39802C ;
    border-radius: 5px;
    width: 260px;
    height: 50px;
    padding: 15px 0 0;
    display: block;
    margin-left: 36px;
}
.pp-cost p{
    font-size: 20px;
    font-weight: bold;
}
.pp-cost span{
    font-size: 12px;
    color: #808080;
}

.pp-advanced-list {
    padding: 15px;
    border-top: 1px solid #e5e5e5;
    margin-top: 4px;
}

.pp-advanced-selector {
    padding-left: 12px;
}

.pp-advanced-selector span {
    margin-left: 5px;
}

#advanced {
    cursor: pointer;
}

#payment-container h1 {
    font-size: 19px;
}

.diplay-sign-up-container {
    display: block
}

.sign-up-menu h1 {
    font-size: 20px;
    padding-left: 25px;
}

.sign-up-menu span {
    border: 0 none;
    display: block;
    margin: 0 0 0 15px;
    padding: 0;
    position: relative;
    text-align: center;
    width: 141px;
}

.sign-up-menu span.content {
    background: -moz-linear-gradient(center top, #F5F7FA, #E8EFF7) repeat scroll 0 0 #E8EFF7;
    border: 1px solid #B7C3D0;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.15);
    padding: 15px 15px 25px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);
}

.sign-up-menu a {
    display: block;
    float: left;
    height: 130px;
    margin: 30px 0;
    width: 180px;
}

.sign-up-menu  a:hover {
    background: none repeat scroll 0 0 transparent;
    text-decoration: none
}

.sign-up-menu a:hover span.content {
    border-color: #8190A0;
    box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
}

.sign-up-menu a:active span.content {
    background: none repeat scroll 0 0 #E2EAF3;
}

div.plans-list-view div.items-list {
    display: block;
    padding: 0 20px 63px;
}

.sign-up-menu span.content span.name {
    color: #333333;
    font-size: 12px;
    font-weight: bold;
    margin: 0;
}

.sign-up-menu span.content strong {
    border-bottom: 1px solid rgba(0, 0, 0, 0.075);
    border-top: 1px solid rgba(0, 0, 0, 0.075);
    color: #0763C9;
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin: 15px 20px;
    padding: 8px 0;
}

.sign-up-menu span.content em {
    color: #555555;
    display: block;
    font-size: 11px;
    font-weight: normal;
    margin: 0 0 4px;
}

.sign-up-menu span.hover-effect {
    border-radius: 2px 2px 2px 2px;
    bottom: -20px;
    box-shadow: 0 0 5px #4B9EFF;
    display: none;
    left: -16px;
    opacity: 0.8;
    position: absolute;
    top: -16px;
    width: 143px;
    z-index: -1;
}

.sign-up-menu a:hover span.hover-effect {
    display: block;
}

.camera-list {
    padding: 10px;
    font-size: 15px;
}

.camera-list .single-camera {
    float: left;
    padding: 8px;

}

.camera-list .single-camera .player {
    width: 200px;
    height: 150px;
    background: silver;
}

td.camera-list-close {
    padding-left: 5px;
}

td.zoom {
    padding-right: 15px;
}

.camera-big-player-wrapper {

    width: 310px;
    float: left;
    border-right: 1px solid #e5e5e5;
    padding: 10px 14px 9999px;
    margin: 0 0 -9989px;

}

#camera-big-player-summary {

    background: none repeat scroll 0 0 silver;
    height: 280px;
    margin: 10px 0 0;
    width: 306px;
}

.camera-info-wrapper {
    float: left;
}

img.zoom {
    cursor: pointer;
}
.device-bridge-info-wrapper .device-bridge-info-name {
    font-size: 20px;
    font-weight: bold;
}
.camera-info-wrapper .camera-info-name {
    font-size: 20px;
    font-weight: bold;
    /*border-right: 1px solid #e5e5e5;*/
    border-bottom: 1px solid #e5e5e5;
    /*width: 250px;*/
    width: 335px;
    height: 90px;
    float: left;
}

.camera-info-wrapper .camera-info-name .camera-info-name-span {
    padding: 15px 10px 10px 20px;
}

.camera-info-wrapper .camera-info-name .camera-info-zoom {
    padding-left: 20px;
    padding-bottom: 15px;
}

.camera-info-wrapper .camera-info-wifi {
    float: right;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
    height: 70px;
    width: 65px;
}

.preset-area {
    float: left;
    width: 335px;
}

.camera-info-preset {
    float: left;
    width: 100%;
    padding: 15px 15px 15px 0px;
}

.preset-text {

    font-size: 12px;
    padding-left: 116px;
    padding-top: 15px;

}

.camera-info-preset .zoom-plus-minus {
    padding: 15px;
    height: 60px;
    width: 40px;
    float: left;
}

.camera-info-preset .zoom-plus-minus .zoom-text {
    font-size: 12px;
    padding-bottom: 5px;
    padding-left: 2px;
}

.camera-info-preset .zoom-plus-minus .zoom-plus {
    height: 30px;
    background: url(https://backend.rl.ama1a.org/assets/zoom-plus-minus.png) no-repeat;
    cursor: pointer;
}

.camera-info-preset .zoom-plus-minus .zoom-minus {
    height: 30px;
    background: url(https://backend.rl.ama1a.org/assets/zoom-plus-minus.png) no-repeat scroll 0 -30px;
    cursor: pointer;

}

.camera-info-preset .preset-images {
    padding-top: 5px;
    float: left;
    height: 60px;
    width: 120px;
    padding-left: 69px;

}

.camera-info-preset .preset-images .preset-left {
    float: left;
    width: 40px;
    height: 30px;
    margin-top: 15px;
    background: url(https://backend.rl.ama1a.org/assets/preset-buttons.png) no-repeat 0px -15px;
    cursor: pointer;

}
.camera-info-preset .preset-images .preset-left:hover {
    background: url(https://backend.rl.ama1a.org/assets/pan-buttons.png) no-repeat 0px -15px;
}

.camera-info-preset .preset-images .preset-right:hover {
    background: url(https://backend.rl.ama1a.org/assets/pan-buttons.png) no-repeat -80px -15px;
}

.camera-info-preset .preset-images .preset-middle-top:hover {
    background: url(https://backend.rl.ama1a.org/assets/pan-buttons.png) no-repeat -40px 0px;
}

.camera-info-preset .preset-images .preset-middle-bottom:hover {
    background: url(https://backend.rl.ama1a.org/assets/pan-buttons.png) no-repeat -40px -30px;
}

.camera-info-preset .preset-images .preset-right {
    float: left;
    height: 30px;
    width: 40px;
    margin-top: 15px;
    background: url(https://backend.rl.ama1a.org/assets/preset-buttons.png) no-repeat -80px -15px;
    cursor: pointer;

}

.camera-info-preset .preset-images .preset-middle {
    float: left;
    height: 60px;
    width: 40px;
}

.camera-info-preset .preset-images .preset-middle-top {
    height: 30px;
    background: url(https://backend.rl.ama1a.org/assets/preset-buttons.png) no-repeat -40px 0px;
    cursor: pointer;

}

.camera-info-preset .preset-images .preset-middle-bottom {
    height: 30px;
    background: url(https://backend.rl.ama1a.org/assets/preset-buttons.png) no-repeat -40px -30px;
    cursor: pointer;

}

.preset-form {
    float: left;
    padding-left: 15px;
}

.preset-form select {
    width: 225px;
    margin-bottom: 10px;
}

.preset-form input {
    width: 205px;
}

.rules-header {
    font-weight: bold;
    font-size: 20px;
}

.rule-wrapper {
    border: 1px solid silver;
    border-radius: 5px;
    margin-right: 25px;

}

.rule-wrapper .rule-detail-if {

    height: 100%;
    width: 270px;
    float: left;
    border-right: 1px solid silver;
    background: transparent;
    margin-right: -1px;
}

.rule-wrapper .rule-detail-then {
    float: left;
    margin-right: -15px;
    background: transparent;
    border-left: 1px solid silver;

}

.rule-detail-content-right {
    padding: 15px;
    width: 295px;
}

.rule-detail-content-left {
    padding: 15px;
    width: 263px;
}

.rule-detail-content .rule-detail-content-list {
    padding-left: 15px;
    font-size: 12px;
}

.rule-detail-wrapper, .scene-detail-wrapper {

    display: none;
}

.spin-image {
    cursor: pointer;
}

.scene-wrapper {

    width: 95%;
    height: 95%;
    border-radius: 5px;
    border: 1px solid silver;
    background: transparent;
    margin-right: -1px;
}

.scene-wrapper .scene-action-content {
    padding: 10px;
}

.wifi-percent, .wi-fi-percent {
    font-size: 13px;
}

.condition-detail {
    font-size: 15px;
}

.special-rule-text-field input[type="text"] {
    background-color: transparent !important;
    border: 0 none !important;
    font: bold 28px Helvetica, sans-serif !important;
    padding: 2px 0 0 !important;
    text-align: right !important;
    width: 48px !important;
}

.plus-minus-button {
    width: 80px;
    height: 30px;
}

.plus-minus-button-widget {
    width: 30px;
    height: 50px;
}

.plus-minus-button .plus {
    background: url(https://backend.rl.ama1a.org/assets/plus-minus-button.png) no-repeat scroll -40px 0 transparent;
    width: 40px;
    height: 30px;
    float: left;
    cursor: pointer;

}

.plus-minus-button-widget .plus-widget {
    background: url(https://backend.rl.ama1a.org/assets/vertical-plus-minus.png) no-repeat scroll 0 0 transparent;
    width: 30px;
    height: 25px;
    float: left;
    cursor: pointer;

}

.plus-minus-button .minus {
    background: url(https://backend.rl.ama1a.org/assets/plus-minus-button.png) no-repeat scroll 0 0 transparent;
    width: 40px;
    height: 30px;
    float: left;
    cursor: pointer;
}

.plus-minus-button-widget .minus-widget {
    background: url(https://backend.rl.ama1a.org/assets/vertical-plus-minus.png) no-repeat scroll 0 -25px transparent;
    width: 30px;
    height: 25px;
    float: left;
    cursor: pointer;
}

.plus-minus-button-container {
    margin-left: 20px;
    display: inline-block;
    vertical-align: middle;

}

.plus-minus-button-container-widget {
    /*margin-left: 20px;*/
    display: inline-block;
    vertical-align: middle;
    height: 50px;
    position: relative;
}

.plus-minus-button-pp .plus {
    /*background: url(https://backend.rl.ama1a.org/assets/plus-minus-button.png) no-repeat scroll -40px 0 transparent;*/
    background: url(https://backend.rl.ama1a.org/assets/img_up_down.png) no-repeat scroll 0 0 transparent;
    width: 40px;
    height: 21px;
    float: left;
    cursor: pointer;

}

.plus-minus-button-pp .plus-cost {
    /*background: url(https://backend.rl.ama1a.org/assets/plus-minus-button.png) no-repeat scroll -40px 0 transparent;*/
    background: url(https://backend.rl.ama1a.org/assets/img_up_down.png) no-repeat scroll 0 0 transparent;
    width: 40px;
    height: 21px;
    float: left;
    cursor: pointer;

}

.plus-minus-button-pp .minus {
    /*background: url(https://backend.rl.ama1a.org/assets/plus-minus-button.png) no-repeat scroll 0 0 transparent;*/
    background: url(https://backend.rl.ama1a.org/assets/img_up_down.png) no-repeat scroll 0 -21px transparent;
    width: 40px;
    height: 30px;
    float: left;
    cursor: pointer;
}

.plus-minus-button-pp .minus-cost {
    /*background: url(https://backend.rl.ama1a.org/assets/plus-minus-button.png) no-repeat scroll 0 0 transparent;*/
    background: url(https://backend.rl.ama1a.org/assets/img_up_down.png) no-repeat scroll 0 -21px transparent;
    width: 40px;
    height: 30px;
    float: left;
    cursor: pointer;
}

.plus-minus-button-pp {
    width: 50px;
    height: 38px;
}



.btn-add span.schedule {
    cursor: pointer;
    font-weight: bold;
    line-height: 18px;
    float: left;
    color: #222;
    padding: 0 15px 0 0;
    background: url(https://backend.rl.ama1a.org/../assets/btn-add.png) no-repeat 100% -90px;
}

.btn-add span.schedule span {
    float: left;
    padding: 6px 0 6px 33px;
    background: url(https://backend.rl.ama1a.org/../assets/btn-add.png) no-repeat 0 -60px;
}

.btn-add span.schedule span input {
    background: none repeat scroll 0 0 transparent;
    border: 1px;
    line-height: 18px;
    margin-bottom: 1px;
    padding: 0;
    width: auto;

}

.modal-preset .camera-info-preset {
    margin-right: -415px;
    float: right;
    padding: 0px;
}

.acc-management {

}

.acc-management-left-bar {
    float: left;
    min-height: 450px;
    height: 100%;
    width: 200px;
    padding-left: 25px;
    padding-top: 20px;
}

.acc-management-body {
    float: left;
    height: 100%;
    width: 662px;
    padding-left: 5px;
}

.acc-management-body .form .field .level {
    width: 100px;
}

.acc-management-body .form .field .level_right_div {
    width: 300px;
    font-weight: bold;
}

.acc-management-body .form .field input {
    width: 160px;
}

.acc-management-body .form .field select {
    width: 180px;
}

.acc-management h1 {
    font-size: 1.8em;
    color: silver;
}

.form-container {
    width: 100%;
}

.acc-form-container {
    border: 1px solid silver;
    border-radius: 5px;
    padding: 10px;
}

.acc-management td, .acc-management th {
    font-size: 1.2em;
}

.acc-management th {
    font-weight: bold
}

.acc-management .field {
    margin-bottom: 10px
}

.acc-management label {
    display: block;
    font-weight: bold
}

.acc-management table {
    width: 100%;
    margin: 10px 0;
}

#user_password_confirmation {
    font-size: 10px;
}

.acc-management-body .acc-management-form-top-left, .acc-management-body .acc-management-form-top-right {
    float: left;
    width: 320px;
}

.acc-management-form-bottom {
    width: 300px;
    float: left;
    padding-top: 25px;
}

.acc-management-form-bottom .field input {
    width: 100px;
}

.acc-management-left-meu-title {

    /*padding: 5px 5px 5px 30px;*/
    /*background: url(https://backend.rl.ama1a.org/../assets/acc-management-left-menu.gif) no-repeat scroll 0 0 transparent;*/
    /*border-radius: 5px 5px 0px 0px;*/
    font-size: 18px;
    font-weight: bold;
    margin-left: -1px;
    color: #000000;
    padding-bottom: 10px;
}

p.acc-mng-submit input {
    margin-left: 300px;
}

.acc-management-left-menu-list {
    /*border: 1px solid silver;*/
    /*border-radius:0px 0px 5px 5px;*/
    margin-top: -31px;
    min-height: 376px;
    font-size: 15px;
    /*padding-left: 35px;*/
}

ul.acc-mng-menu li {
    padding-top: 10px;
    border-bottom: 1px solid #808080;
    padding-bottom: 10px;
}

ul.acc-mng-menu li a {
    cursor: pointer;
    text-decoration: none;
    color: #5786CC;
}

ul.acc-mng-menu li a:hover {
    text-decoration: underline;
}

.acc-submit {
    float: left;
    width: 100%;
}

#lock-unlock-button {
  white-space: nowrap;
  display: inline-block;
  text-align: center;
}

table#devices {
  margin-top: 15px;
}
table#devices td.list-status {
  width: 1%;
  white-space: nowrap;
  padding-right: 40px;
}

table#devices td.list-guest-code,
table#devices td.list-battery,
table#devices td.list-wifi {
  width: 1%;
  padding: 10px 12px;
}

table#devices .create-guest-code {
  width: 24px !important;
  height: 26px !important;
}
table#devices .create-guest-code .iconic-property-fill {
  fill: #bfbfbf;
}

.battery {
    background: url(https://backend.rl.ama1a.org/../assets/battery.gif) no-repeat scroll 0px 0px transparent;
    padding: 5px 0px 3px 6px;
    text-align: left;
    display: inline-block;
    width: 33px;
    margin-right: 2px;
}
.low-battery {
    /*padding: 5px 0 6px 6px;*/
    /*background: url(https://backend.rl.ama1a.org/../assets/no-power.png) no-repeat scroll 0 0 transparent;*/
    /*margin-left: 35px;*/
    /*padding-top: 15px;*/
}

.battery li {
    background: url(https://backend.rl.ama1a.org/assets/bg-livel-item-red.gif) no-repeat scroll 0 0 transparent;
    height: 15px;
    margin: 0 2px 0 0;
    overflow: hidden;
    width: 5px;
    display: inline-block;
}

.battery li.active {
    background: url(https://backend.rl.ama1a.org/assets/bg-livel-item.gif) no-repeat scroll 0 0 transparent;
    background-position: 0 -15px;
}

.battery li.red {
    background: url(https://backend.rl.ama1a.org/assets/bg-livel-item-red.gif) no-repeat scroll 0 0 transparent;
    background-position: 0 -15px;
}

.battery li.green {
    background: url(https://backend.rl.ama1a.org/assets/bg-livel-item.gif) no-repeat scroll 0 0 transparent;
    background-position: 0 -15px;
}

.battery-percent {
    font-size: 13px;
}

.battery-level-list {
    margin: 0;
    overflow: hidden;
    padding: 0;
    display: inline-block;
    font-size: 0;
}

.report-wrapper {
    padding: 25px;
    width: 95%;
    min-height: 250px;
    background-color: white;
    border-radius: 5px;
}

.report-wrapper h1 {
    font-size: 25px;
    color: silver;
}

.report-wrapper .title {
    font-size: 15px;
}

.date-range {
    padding: 15px;
}

.date-range .submit {
    background: none repeat scroll 0 0 #492ea8;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    display: block;
    font-size: 13px;
    font-weight: bold;
    padding: 7px;
    text-align: center;
    width: 100px;
    cursor: pointer;
}

/* css for admin page start */

/* css for dig pagination */

.digg_pagination {
    background: white;
    cursor: default;
    /* self-clearing method: */
}

.digg_pagination a, .digg_pagination span, .digg_pagination em {
    padding: 0.2em 0.5em;
    display: block;
    float: left;
    margin-right: 1px;
}

.digg_pagination .disabled {
    color: #999999;
    border: 1px solid #dddddd;
}

.digg_pagination .current {
    font-style: normal;
    font-weight: bold;
    background: #2e6ab1;
    color: white;
    border: 1px solid #2e6ab1;
}

.digg_pagination a {
    text-decoration: none;
    color: #105cb6;
    border: 1px solid #9aafe5;
}

.digg_pagination a:hover, .digg_pagination a:focus {
    color: #000033;
    border-color: #000033;
}

.digg_pagination .page_info {
    background: #2e6ab1;
    color: white;
    padding: 0.4em 0.6em;
    width: 22em;
    margin-bottom: 0.3em;
    text-align: center;
}

.digg_pagination .page_info b {
    color: #000033;
    background: #6aa6ed;
    padding: 0.1em 0.25em;
}

.digg_pagination:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .digg_pagination {
    height: 1%;
}

*:first-child + html .digg_pagination {
    overflow: hidden;
}

.policy-term {
    color: #000000;
}

.policy-term ul li {
    /*text-decoration: underline;*/
    list-style: square;

}

@media only screen and (max-width: 768px) {
  .signup-page,
  .signin-page-wrapper,
  .signup-page-wrapper,
  .device-verify-wrapper {
    width: initial;
    margin: 30px 30px 0;
  }

  input[type=text], input[type=password], input[type=email] {
    width: 100%;
  }

  .form .field .level {
    float: none;
    width: initial;
  }
}