/*
    This mixin overwrites the default .style-checkbox dimensions which has hardcoded values,
    and adapts the checkmark/tick according to the new size.

    NOTE: This works well with one-lined checkbox labels. For multiple-lined labels it needs further refinement.
*/
/**
 * Setup an svg icon as a mask so that its color may be controlled via background-color.
 * Inspired by: https://stackoverflow.com/a/43916743
 */
/**
 * Sets the view-container div to fill the height of the page (minus margins for the footer), and sets its content to scroll inside of it.
 * The margins of the page are assumed to be 64px but can be adjusted if certain pages have different values
 */
body {
  color: #333;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}
[dir] body {
  margin: 0;
  padding: 0;
}
body.hc {
  color: #000;
}
body.dark {
  color: #ddddde;
}
body.hc.dark {
  color: #fff;
}

[dir] img {
  border: 0;
}

h1 {
  font-size: 18px;
  font-weight: normal;
  color: #e67626;
  text-decoration: none;
}

[dir] h1 {
  margin: 0px;
  padding: 0 0 3px;
}

[dir] h2 {
  margin: 0;
  padding: 0;
}

[dir] p {
  margin: 0px;
  padding: 0px;
}

[dir] form {
  margin: auto;
}

/* Page structure */
#main_content {
  position: relative;
  min-width: 880px;
}
[dir] #main_content {
  padding-bottom: 25px;
}
[dir=ltr] #main_content {
  background: #fff url(/web/webimages/gradient_page_bg.png?v=15990) repeat-x 0px 38px;
}
[dir=rtl] #main_content {
  background: #fff url(/web/webimages/gradient_page_bg.png?v=15990) repeat-x right 0px top 38px;
}

#main_branding {
  position: absolute;
  width: 100%;
  height: 11px;
  top: 27px;
}

[dir=ltr] #main_branding {
  left: 0px;
}

[dir=rtl] #main_branding {
  right: 0px;
}

[dir] .main_popup_content {
  padding: 15px;
}

.main_webview_content {
  font-size: 16px;
}

[dir] .main_webview_content {
  padding: 10px;
}

.webview-page .input-checkbox-alt + label {
  font-size: 16px;
}

[dir] .actionPane {
  padding: 0px 10px 15px 10px;
  border: solid 1px #999999;
  background: #EEEEEE;
}

[dir] .actionPane:hover {
  background: #EBEEF7;
}

.title_bar {
  height: 29px;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
}

[dir] .title_bar {
  border-bottom: 2px solid #ddd;
}

[dir=ltr] .title_bar {
  text-align: left;
  padding: 10px 0 0 12px;
}

[dir=rtl] .title_bar {
  text-align: right;
  padding: 10px 12px 0 0;
}

[dir] .live_view_box {
  padding-bottom: 38px;
  background-color: #eeeeee;
  background-image: url(/web/images/content_bottom_short.jpg);
  background-repeat: repeat-x;
}

[dir=ltr] .live_view_box {
  background-position: left bottom;
}

[dir=rtl] .live_view_box {
  background-position: right bottom;
}

.live_view_table {
  font-size: 13px;
}

[dir] .live_view_table {
  background-color: #FFFFFF;
}

[dir=ltr] .live_view_table {
  background: url(/web/webimages/box_back.jpg?v=1) repeat-x left bottom;
}

[dir=rtl] .live_view_table {
  background: url(/web/webimages/box_back.jpg?v=1) repeat-x right bottom;
}

.float_on_top {
  vertical-align: middle;
}

[dir] .float_on_top {
  text-align: center;
  margin: 0 auto;
}

.video_settings_navigation {
  height: 29px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  border-spacing: 0px;
}

[dir] .video_settings_navigation {
  background-image: url(/web/webimages/content_bottom_short.jpg?v=620);
  background-repeat: repeat-x;
  padding-top: 10px;
  padding-bottom: 5px;
  border: solid 1px #EEEEEE;
}

[dir=ltr] .video_settings_navigation {
  background-position: left top;
  text-align: left;
  padding-left: 10px;
  padding-right: 0px;
}

[dir=rtl] .video_settings_navigation {
  background-position: right top;
  text-align: right;
  padding-right: 10px;
  padding-left: 0px;
}

[dir] .video_clipview_shortshadow {
  padding-bottom: 58px;
}

[dir] .video_selected_item {
  background-color: #CCEEFF;
}

.video_gradient_bar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  height: 22px;
}

[dir] .video_gradient_bar {
  padding: 3px 0 3px 0;
}

[dir=ltr] .video_gradient_bar {
  background-position: left top;
}

[dir=rtl] .video_gradient_bar {
  background-position: right top;
}

[dir] .video_centered_box {
  margin: 0px auto;
}

.main_box_noshadow {
  width: 820px;
  position: relative;
}

[dir] .main_box_noshadow {
  background: none;
}

[dir=ltr] .main_box_noshadow {
  float: left;
}

[dir=rtl] .main_box_noshadow {
  float: right;
}

.main_box {
  width: 820px;
  position: relative;
}

[dir=ltr] .main_box {
  float: left;
  background: url(/web/webimages/content_bottom.jpg?v=1) repeat-x left bottom;
}

[dir=rtl] .main_box {
  float: right;
  background: url(/web/webimages/content_bottom.jpg?v=1) repeat-x right bottom;
}

.main_box_shortshadow {
  width: 820px;
}

[dir] .main_box_shortshadow {
  padding-bottom: 30px;
}

[dir=ltr] .main_box_shortshadow {
  float: left;
}

[dir=rtl] .main_box_shortshadow {
  float: right;
}

.main_box_inshadow {
  position: relative;
  top: 10px;
}

[dir] .main_box_inshadow {
  clear: both;
  padding: 0px 10px 0px 10px;
}

[dir=ltr] .main_box_content {
  background: #fff url(/web/webimages/box_back.jpg?v=1) repeat-x left bottom;
}

[dir=rtl] .main_box_content {
  background: #fff url(/web/webimages/box_back.jpg?v=1) repeat-x right bottom;
}

.panelsetting_maindiv {
  width: 820px;
}

.panelsetting_menu {
  width: 230px;
}

[dir=ltr] .panelsetting_menu {
  float: left;
  padding-right: 20px;
}

[dir=rtl] .panelsetting_menu {
  float: right;
  padding-left: 20px;
}

.panelsetting_content {
  width: 560px;
}

[dir=ltr] .panelsetting_content {
  float: left;
}

[dir=rtl] .panelsetting_content {
  float: right;
}

.panelsetting_note {
  font-weight: bold;
  font-size: 10px;
}

[dir] .panelsetting_note {
  clear: both;
  padding: 10px 0px 10px 0px;
}

.main_box_panelsetting {
  width: 560px;
  position: relative;
}

[dir] .main_box_panelsetting {
  margin-bottom: 20px;
}

[dir=ltr] .main_box_panelsetting {
  float: left;
}

[dir=rtl] .main_box_panelsetting {
  float: right;
}

.main_box_panelsetting.content_box {
  width: 530px;
}

/* Forms */
input.dropdown {
  font-size: 12px;
  text-decoration: none;
  font-weight: normal;
  /*border: 1px solid #cdcdcd;*/
}
[dir] input.dropdown {
  margin: 0px;
}
[dir=ltr] input.dropdown {
  padding: 0 0 0 4px;
}
[dir=rtl] input.dropdown {
  padding: 0 4px 0 0;
}

.input {
  font-size: 12px;
  width: 134px;
}

[dir] .input {
  padding: 3px 0;
  border: 1px solid #cdcdcd;
}

.styledbutton {
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #f1f1f1;
  height: 28px;
  line-height: 27px;
  /*filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#50c9f1' ,endColorStr='#0171b0' ,gradientType= '0' );*/
  vertical-align: middle;
  outline: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -webkit-appearance: none;
  /*background-image: -moz-linear-gradient(bottom, #0171b0, #50c9f1);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#50c9f1), to(#0171b0)); */
}

[dir] .styledbutton {
  background-color: #565656;
  border: 1px solid #565656;
  cursor: pointer;
  padding: 0 15px 1px 15px;
  border-radius: 5px;
  background-repeat: no-repeat;
}

[dir] .styledbutton:hover {
  background-color: #4a4a4a;
}

.styledcancelbutton {
  color: #333333;
}

[dir] .styledcancelbutton {
  background-color: #ffffff;
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
}

[dir] .styledcancelbutton:hover {
  background-color: #f1f1f1;
}

[dir] input[type=submit].styledbutton::-moz-focus-inner {
  padding: 0;
  border: 0;
}

input.styled_faq_button {
  font-size: 12px;
  font-family: Verdana, sans-serif;
  font-weight: bold;
  color: #ffffff;
  height: 26px;
  filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr="#EAA36F" ,endColorStr="#C55F1B" ,gradientType= "0" ); /* FF since 3.6 */ /* webkit */
}

[dir] input.styled_faq_button {
  background-color: #E67626;
  border: none;
  cursor: pointer;
  padding: 3px 10px;
  background-image: -moz-linear-gradient(bottom, #C55F1B, #EAA36F);
  background-repeat: no-repeat;
}

[dir=ltr] input.styled_faq_button {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#EAA36F), to(#C55F1B));
}

[dir=rtl] input.styled_faq_button {
  background-image: -webkit-gradient(linear, right top, right bottom, from(#EAA36F), to(#C55F1B));
}

input.styledbutton[disabled], input[type=submit][disabled], input[type=button][disabled] {
  color: #999999;
  filter: none;
}

[dir] input.styledbutton[disabled], [dir] input[type=submit][disabled], [dir] input[type=button][disabled] {
  cursor: default;
  background-color: #eeeeee;
  background-image: none;
}

input.disabledbutton {
  color: #999999;
  filter: none;
}

[dir] input.disabledbutton {
  cursor: default;
  background-color: #eeeeee;
  background-image: none;
}

/* Links */
a {
  color: #333;
}
.hc a {
  color: #000;
}
.dark a {
  color: #ddddde;
}
.hc.dark a {
  color: #fff;
}
a:visited, a:active {
  color: #333;
}
.hc a:visited, .hc a:active {
  color: #000;
}
.dark a:visited, .dark a:active {
  color: #ddddde;
}
.hc.dark a:visited, .hc.dark a:active {
  color: #fff;
}

a.X {
  color: #AAAAAA;
  font-weight: bold;
  text-decoration: none;
}

a.X:hover {
  color: #333333;
}

a.redLink {
  color: #CC0000;
}

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

a.edit {
  color: #FFFFFF;
  font-size: 15px;
  font-weight: normal;
}

a.styledbutton {
  color: #f1f1f1;
  text-decoration: none;
  display: inline-block;
}

a.styledbutton:hover {
  color: #f1f1f1 !important; /* override the branding color */
}

a.nobrand:hover {
  color: inherit !important; /* override the branding color */
}

a.edit:hover {
  color: #DDDDDD;
}

.bodyLink {
  color: #666666;
  font-size: 11px;
  text-decoration: underline;
}

.bodyLink:hover {
  color: #FF9900;
}

.linknounderline {
  text-decoration: none;
}

[dir] .link {
  cursor: pointer;
}

/* Other classes */
.sectionHeading {
  font-weight: bold;
}
[dir] .sectionHeading {
  margin: 20px 0 10px;
}

div.PageDesc {
  line-height: 15px;
  font-size: 13px;
}

[dir] div.PageDesc {
  padding: 0px 0px 10px 0px;
}

div.error {
  color: #FF0000;
}

[dir=ltr] div.error {
  text-align: left;
}

[dir=rtl] div.error {
  text-align: right;
}

div.message {
  color: #40C040;
}

[dir=ltr] div.message {
  text-align: left;
}

[dir=rtl] div.message {
  text-align: right;
}

span.error {
  color: #FF0000;
}

span.message {
  color: #40C040;
}

span.blue {
  color: #0464A6;
  font-weight: bold;
}

[dir] .clear {
  clear: both;
}

.font_small_note {
  font-size: 11px;
}

[dir=ltr] .margin1 {
  padding-right: 5px;
  padding-left: 5px;
}

[dir=rtl] .margin1 {
  padding-left: 5px;
  padding-right: 5px;
}

.colored_box {
  display: inline;
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
}

[dir] .colored_box {
  background-color: #0777b5;
  padding: 8px;
}

[dir] .content_box {
  background-color: #fff;
  padding: 15px;
  border: 1px solid #DDDDDD;
}

[dir] .border_box {
  border: 1px solid #D4D4D4;
}

.round5 {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
}

[dir] .round5 {
  border-radius: 5px;
}

.round5top, .main_nav .nav_ul > li.m_linkon {
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;
}

[dir] .round5top, [dir] .main_nav .nav_ul > li.m_linkon {
  border-radius: 5px 5px 0 0;
}

.round10 {
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
}

[dir] .round10 {
  border-radius: 10px;
}

.round10top {
  -moz-border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -o-border-radius: 10px 10px 0 0;
}

[dir] .round10top {
  border-radius: 10px 10px 0 0;
}

.round15 {
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  -o-border-radius: 15px;
}

[dir] .round15 {
  border-radius: 15px;
}

.round15top {
  -moz-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
  -o-border-radius: 15px 15px 0 0;
}

[dir] .round15top {
  border-radius: 15px 15px 0 0;
}

/*** Master page components ***/
.main_content {
  width: 100%;
  position: relative;
}
[dir=ltr] .main_content {
  float: left;
}
[dir=rtl] .main_content {
  float: right;
}

.main_footer {
  width: 100%;
  position: relative;
}

[dir] .main_footer {
  border-top: 1px solid #cdcdcd;
}

[dir=ltr] .main_footer {
  float: left;
}

[dir=rtl] .main_footer {
  float: right;
}

.main {
  width: 880px;
  position: relative;
}

[dir] .main {
  margin: 0 auto;
}

#content_container {
  width: 880px;
  min-height: 319px;
}

[dir] #content_container {
  margin: 0;
}

[dir=ltr] #content_container {
  background: transparent url(/web/webimages/main_content_bg.png?v=15990) no-repeat left top;
}

[dir=rtl] #content_container {
  background: transparent url(/web/webimages/main_content_bg.png?v=15990) no-repeat right top;
}

/* Above nav */
[dir] .logo {
  padding: 1em 0 10px;
}
[dir=ltr] .logo {
  float: left;
  margin-left: 9px;
}
[dir=rtl] .logo {
  float: right;
  margin-right: 9px;
}

[dir=ltr] .news_updates {
  float: left;
}

[dir=rtl] .news_updates {
  float: right;
}

[dir] .news_updates img {
  margin-top: 22px;
}

.live-chat-link {
  height: 35px;
}

[dir] .live-chat-link {
  margin-top: 6px;
  cursor: pointer;
  text-align: center;
}

[dir=ltr] .live-chat-link {
  margin-left: 10px;
  float: left;
}

[dir=rtl] .live-chat-link {
  margin-right: 10px;
  float: right;
}

.video_bar {
  height: 20px;
  width: 281px;
  font-size: 11px;
  font-weight: normal;
  color: #3f3b3c;
  text-decoration: none;
}

[dir] .video_bar {
  background-color: #DDDDDD;
  border-style: none solid solid;
  border-width: 0 1px 1px;
  border-color: #cdcdcd;
  text-align: center;
  padding-top: 5px;
}

[dir=ltr] .video_bar {
  float: right;
}

[dir=rtl] .video_bar {
  float: left;
}

.top_nav {
  /*background: url(/web/webimages/top_nav.gif?v=1) repeat-x left top;*/
  height: 20px;
  /*border-style: none solid solid;
  border-width: 0 1px 1px;
  border-color: #cdcdcd;*/
  font-size: 11px;
  font-weight: normal;
  color: #3f3b3c;
  text-decoration: none;
}

[dir] .top_nav {
  background: none;
  border: none;
  text-align: center;
}

[dir=ltr] .top_nav {
  float: right;
  padding: 5px 10px 0 0;
}

[dir=rtl] .top_nav {
  float: left;
  padding: 5px 0 0 10px;
}

.top_nav a {
  text-decoration: none;
}

.top_nav a:hover {
  text-decoration: underline;
}

.top_nav select {
  max-width: 150px;
  width: expression(this.clientWidth > 150 ? "150px":true); /* IE */
}

/* Special styling on the units and groups dropdown-list */
#main_header .dropdown-list.form-control {
  height: 20px;
  top: -1px;
  width: 190px;
}
[dir] #main_header .dropdown-list.form-control {
  padding-top: 0;
  padding-bottom: 0;
}

#main_header .dropdown-list.form-control .selected-description {
  font-size: 11px;
  line-height: 18px;
}

[dir=ltr] #main_header .dropdown-list.form-control .selected-description {
  text-align: left;
}

[dir=rtl] #main_header .dropdown-list.form-control .selected-description {
  text-align: right;
}

#main_header .dropdown-list.form-control:after {
  top: 2px;
}

#main_header .dropdown-list.form-control .dropdown-list-menu {
  width: 250px;
}

/* Because #main_header uses content-box, we need to override that here for everything in the dropdown-list-wrapper */
#main_header .dropdown-list-wrapper *,
#main_header .dropdown-list-wrapper *:before,
#main_header .dropdown-list-wrapper *:after {
  box-sizing: border-box;
}

.top_text {
  font-size: 11px;
  font-weight: normal;
  color: #FFFFFF;
  text-decoration: none;
  height: 25px;
  width: 820px;
}

[dir] .top_text {
  clear: both;
}

[dir=ltr] .top_text {
  text-align: right;
  padding: 10px 0 0 70px;
}

[dir=rtl] .top_text {
  text-align: left;
  padding: 10px 70px 0 0;
}

.main_contentcontainer {
  width: 100%;
  min-height: 264px;
}

[dir] .main_contentcontainer {
  clear: both;
}

/* Navigation */
.main_nav {
  height: 38px;
  font-size: 13px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  width: 950px;
}
[dir=ltr] .main_nav {
  padding-left: 10px;
}
[dir=rtl] .main_nav {
  padding-right: 10px;
}

.main_nav ul {
  display: inline;
  list-style-type: none;
}

[dir] .main_nav ul {
  margin: 0px;
  padding: 0px;
}

.main_nav .more_nav {
  position: absolute;
  top: 38px;
  z-index: 1000;
  display: none;
}

[dir=ltr] .main_nav .more_nav {
  left: -2px;
}

[dir=rtl] .main_nav .more_nav {
  right: -2px;
}

.main_nav .nav_ul li.m_linkon .more_nav {
  top: 41px;
}

.main_nav ul li {
  height: 38px;
  list-style-type: none;
  position: relative;
  z-index: 502; /*workaround for IE7 z-index bug, so more_nav stays on top of the sub nav*/
}

[dir] .main_nav ul li {
  border-style: solid;
  border-color: #fff;
  border-width: 0px 1px;
}

[dir=ltr] .main_nav ul li {
  float: left;
}

[dir=rtl] .main_nav ul li {
  float: right;
}

[dir] .main_nav .more_nav li {
  float: none;
  border-width: 2px 2px 0px;
}

.main_nav .nav_ul > li.m_linkon {
  /*height: 44px;*/
  /* border radius is below with the .round5top class */
}

[dir] .main_nav .nav_ul > li.m_linkon {
  margin-top: -3px;
  padding-top: 3px;
}

.main_nav ul li .sub_icon {
  width: 22px;
  height: 19px;
  position: absolute;
  top: 9px;
  display: inline-block;
  z-index: 1000;
  outline: none;
  font-size: 16px;
}

[dir] .main_nav ul li .sub_icon {
  background-position: -22px top;
  background-repeat: no-repeat;
  text-align: center;
  margin-top: 1px;
}

[dir=ltr] .main_nav ul li .sub_icon {
  left: 3px;
  margin-left: 1px;
}

[dir=rtl] .main_nav ul li .sub_icon {
  right: 3px;
  margin-right: 1px;
}

.main_nav ul li .sub_icon.adc-video, .main_nav ul li .sub_icon.adc-user {
  font-size: 14px;
}

[dir] .main_nav ul li .sub_icon.adc-video, [dir] .main_nav ul li .sub_icon.adc-user {
  margin-top: 2px;
}

.main_nav ul li.m_linkon .sub_icon {
  top: 12px;
}

[dir] .main_nav ul li.m_link {
  background: #494949;
}

[dir=ltr] .main_nav ul li.m_linkon, [dir=ltr] .main_nav ul li.m_link:hover {
  background: #f0f0f0 url(/web/webimages/menu_on.png?v=15990) repeat-x left top;
}

[dir=rtl] .main_nav ul li.m_linkon, [dir=rtl] .main_nav ul li.m_link:hover {
  background: #f0f0f0 url(/web/webimages/menu_on.png?v=15990) repeat-x right top;
}

.main_nav .more_nav li.m_link, .main_nav .more_nav li.m_linkon {
  width: 110%;
}

[dir] .main_nav .more_nav li.m_linkon, [dir] .main_nav .more_nav li.m_link:hover {
  background-image: none;
  background-image: linear-gradient(to bottom, #f0f0f0, #f0f0f0, color-stop(0.5, #ddd));
}

[dir=ltr] .main_nav .more_nav li.m_linkon, [dir=ltr] .main_nav .more_nav li.m_link:hover {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#f0f0f0), color-stop(0.5, #ddd));
}

[dir=rtl] .main_nav .more_nav li.m_linkon, [dir=rtl] .main_nav .more_nav li.m_link:hover {
  background-image: -webkit-gradient(linear, right top, right bottom, from(#f0f0f0), to(#f0f0f0), color-stop(0.5, #ddd));
}

.main_nav ul li.m_linkon > .sub_link,
.main_nav ul li.m_link:hover > .sub_link,
.main_nav ul li.m_linkon > .sub_link:hover,
.main_nav ul li.m_link:hover > .sub_link:hover {
  color: #565656 !important;
}

.main_nav ul li.m_linkon > .sub_icon,
.main_nav ul li.m_link:hover > .sub_icon,
.main_nav ul li.m_linkon > .sub_icon:hover,
.main_nav ul li.m_link:hover > .sub_icon:hover {
  color: #565656 !important;
  text-decoration: none !important;
  /*font-weight: bold;*/
}

[dir=ltr] .main_nav ul li.m_linkon > .sub_icon, [dir=ltr] .main_nav ul li.m_link:hover > .sub_icon {
  background-position: 0 top;
}

[dir=rtl] .main_nav ul li.m_linkon > .sub_icon, [dir=rtl] .main_nav ul li.m_link:hover > .sub_icon {
  background-position: 100% top;
}

.main_nav ul li .sub_link {
  height: 28px;
  text-decoration: none;
  outline: none;
}

[dir=ltr] .main_nav ul li .sub_link {
  float: left;
  padding: 10px 8px 0 30px;
}

[dir=rtl] .main_nav ul li .sub_link {
  float: right;
  padding: 10px 30px 0 8px;
}

.main_nav .more_nav .sub_link {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  white-space: nowrap;
  width: 100%;
}

.main_nav ul li.m_link a {
  color: #ffffff;
}

.main_nav ul li .sub_link_only {
  height: 28px;
  text-decoration: none;
}

[dir] .main_nav ul li .sub_link_only {
  padding: 10px 10px 0;
}

[dir=ltr] .main_nav ul li .sub_link_only {
  float: left;
}

[dir=rtl] .main_nav ul li .sub_link_only {
  float: right;
}

.main_nav .m_link .sub_link:visited {
  color: #FFFFFF;
}

.sub_nav {
  height: 26px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  position: relative;
  z-index: 501; /*workaround for IE7 z-index bug, so sub_nav_more stays on top of other content*/
}

[dir=ltr] .sub_nav {
  padding: 10px 0 0 10px;
}

[dir=rtl] .sub_nav {
  padding: 10px 10px 0 0;
}

[dir] .sub_nav .divider {
  margin: 0;
  padding: 0;
}

.sub_nav .m_link2 {
  text-decoration: none;
  color: #000000;
}

[dir] .sub_nav .m_link2 {
  padding: 0 13px;
}

.sub_nav .m_link2_on {
  text-decoration: none;
  font-weight: bold;
  color: #000000;
}

[dir] .sub_nav .m_link2_on {
  padding: 0 13px;
}

.sub_nav .m_link2:hover {
  text-decoration: underline;
  color: #006faf;
}

.sub_nav .sub_nav_more_link {
  text-decoration: none;
  outline: none;
}

[dir=ltr] .sub_nav .sub_nav_more_link {
  padding-left: 8px;
}

[dir=rtl] .sub_nav .sub_nav_more_link {
  padding-right: 8px;
}

.sub_nav .sub_nav_more_link:hover {
  text-decoration: underline;
  color: #006faf;
}

.sub_nav .sub_nav_more_link_on {
  text-decoration: none;
  outline: none;
  font-weight: bold;
}

[dir=ltr] .sub_nav .sub_nav_more_link_on {
  padding-left: 8px;
}

[dir=rtl] .sub_nav .sub_nav_more_link_on {
  padding-right: 8px;
}

.sub_nav_more_container {
  position: relative;
  display: inline-block;
  zoom: 1;
  display: inline;
}

.sub_nav_more {
  display: none;
  position: absolute;
  top: 35px;
  z-index: 500;
  white-space: nowrap;
}

[dir] .sub_nav_more {
  background-color: #fafafa;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  border: 1px solid #666;
  border-top: none;
  padding: 10px 0;
}

[dir=ltr] .sub_nav_more {
  left: 0px;
}

[dir=rtl] .sub_nav_more {
  right: 0px;
}

.sub_nav_more a {
  display: block;
}

/* Below nav */
.top_content {
  font-size: 12px;
  line-height: 16px;
  font-weight: normal;
  color: #575757;
  text-decoration: none;
  width: 820px;
  position: relative;
  word-wrap: break-word;
}
[dir] .top_content {
  padding: 15px 0 10px 0;
  margin: 0 auto;
}

[dir] .top_content_part1 {
  padding-top: 10px;
}

.footerLinks a {
  color: #FFFFFF;
  font-size: 11px;
}

.PageHeader {
  font-size: 18px;
  font-weight: normal;
  text-decoration: none;
}

.subPageHeader {
  font-weight: bold;
}

[dir] .subPageHeader {
  margin: 5px 0;
}

/* Footer */
.footer {
  width: 961px;
  position: relative;
}
[dir] .footer {
  margin: 0 auto;
}

.footer_part1 {
  position: relative;
  font-size: 10px;
  font-weight: normal;
  color: #59656c;
  text-decoration: none;
  height: auto;
  box-sizing: content-box;
}

[dir] .footer_part1 {
  background: none;
  padding: 10px 0 15px;
  text-align: center;
}

[dir] .footer_part1 img {
  margin-bottom: -0.5em;
}

.copyright {
  font-size: 10px;
  font-weight: normal;
  color: #ababab;
  text-decoration: none;
}

[dir] .copyright {
  text-align: center;
  padding: 5px 0;
}

.copyright a {
  font-size: 10px;
  font-weight: normal;
  color: #ababab;
}

[dir] .copyright a {
  text-align: center;
  padding: 5px 0;
}

.time_served {
  display: none;
}

/*** Tables ***/
.table_content,
.table-content {
  border-collapse: collapse;
  position: relative;
  line-height: 18px;
  font-size: 13px;
  width: 100%;
}
[dir] .table_content, [dir] .table-content {
  background-color: #FFFFFF;
  margin-top: 10px;
}

.table_content_bgonly {
  position: relative;
  font-size: 13px;
}

[dir] .table_content_bgonly {
  background-color: #FFFFFF;
}

[dir=ltr] .table_content_bgonly {
  float: left;
  background: url(/web/webimages/box_back.jpg?v=1) repeat-x left bottom;
}

[dir=rtl] .table_content_bgonly {
  float: right;
  background: url(/web/webimages/box_back.jpg?v=1) repeat-x right bottom;
}

[dir=ltr] .table_content td {
  padding-left: 10px;
}

[dir=rtl] .table_content td {
  padding-right: 10px;
}

.ui-icon-close {
  display: block;
  height: 16px;
  width: 16px;
  overflow: hidden;
}

[dir] .ui-icon-close {
  background-image: url(/web/webimages/dialog/ui-icons_ef8c08_256x240.png?v=7718);
  background-repeat: no-repeat;
}

[dir=ltr] .ui-icon-close {
  margin-right: auto;
  margin-left: auto;
  background-position: -96px -128px;
}

[dir=rtl] .ui-icon-close {
  margin-left: auto;
  margin-right: auto;
  background-position: right -96px top -128px;
}

[dir] .closeBG:hover .ui-icon-close {
  background-image: url(/web/webimages/dialog/ui-icons_ef8c08_256x240.png?v=7718);
}

.closeBG {
  height: 17px;
  width: 18px;
}

[dir] .closeBG {
  padding-top: 1px;
}

[dir=ltr] .closeBG {
  margin-right: 6px;
}

[dir=rtl] .closeBG {
  margin-left: 6px;
}

.closeBG:hover {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

[dir] .closeBG:hover {
  background: #EEEEEE;
  border: 1px solid #999999;
  border-radius: 5px;
  cursor: pointer;
}

.film {
  position: fixed;
  top: 0;
  width: 100%;
  height: 100%;
  filter: alpha(opacity=90);
  opacity: 0.9;
  -moz-opacity: 0.9;
  z-index: 1000;
}

[dir] .film {
  background: #FFFFFF;
}

[dir=ltr] .film {
  left: 0;
}

[dir=rtl] .film {
  right: 0;
}

.film:hover {
  filter: alpha(opacity=80);
  opacity: 0.8;
  -moz-opacity: 0.8;
}

[dir] .film:hover {
  background: #FFFFFF;
  cursor: pointer;
}

div.sectionHeader {
  height: 27px;
  font-size: 15px;
  font-weight: bold;
  color: #FFFFFF;
  text-decoration: none;
  width: 808px;
}

[dir] div.sectionHeader {
  padding-top: 8px;
}

[dir=ltr] div.sectionHeader {
  background: url(/web/webimages/table_header_bg.jpg?v=1) repeat-x left top;
  text-align: left;
  padding-left: 10px;
  border-left: solid 1px #DDDDDD;
  border-right: solid 1px #DDDDDD;
}

[dir=rtl] div.sectionHeader {
  background: url(/web/webimages/table_header_bg.jpg?v=1) repeat-x right top;
  text-align: right;
  padding-right: 10px;
  border-right: solid 1px #DDDDDD;
  border-left: solid 1px #DDDDDD;
}

div.sectionContent {
  width: 818px;
  line-height: 18px;
  font-size: 13px;
  min-height: 100px;
}

[dir] div.sectionContent {
  border: solid 1px #DDDDDD;
  border-top: none 0px #000000;
  padding: 0px;
}

[dir=ltr] div.sectionContent {
  background: #FFFFFF url(/web/webimages/box_back.jpg?v=1) repeat-x left bottom;
}

[dir=rtl] div.sectionContent {
  background: #FFFFFF url(/web/webimages/box_back.jpg?v=1) repeat-x right bottom;
}

div.sectionShadow {
  width: 820px;
  height: 80px;
}

[dir=ltr] div.sectionShadow {
  background: url(/web/webimages/content_bottom.jpg?v=1) repeat-x left bottom;
}

[dir=rtl] div.sectionShadow {
  background: url(/web/webimages/content_bottom.jpg?v=1) repeat-x right bottom;
}

.fauxTH {
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
}

[dir] .fauxTH {
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
  background-color: #fafafa;
  margin-bottom: 15px;
  margin-top: 15px;
}

[dir=ltr] .fauxTH {
  text-align: left;
  padding: 4px 0 4px 10px;
}

[dir=rtl] .fauxTH {
  text-align: right;
  padding: 4px 10px 4px 0;
}

.table_content th,
.table_content .video_gradient_bar {
  /*height: 35px;*/
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
  /* color defined above with primary color */
}

[dir] .table_content th, [dir] .table_content .video_gradient_bar {
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
  background-color: #fafafa;
}

[dir=ltr] .table_content th, [dir=ltr] .table_content .video_gradient_bar {
  text-align: left;
  padding: 4px 0 4px 10px;
}

[dir=rtl] .table_content th, [dir=rtl] .table_content .video_gradient_bar {
  text-align: right;
  padding: 4px 10px 4px 0;
}

[dir] .table_content th th {
  background-image: none;
  border-bottom: none;
  border-top: none;
  padding-top: 0;
  padding-bottom: 0;
}

/* Customer grid */
.table_content_customergrid {
  border-collapse: collapse;
  position: relative;
  line-height: 23px;
  font-size: 13px;
  width: 100%;
}
[dir] .table_content_customergrid {
  border-style: none;
  border-color: inherit;
  border-width: 0px;
  background-color: #fff;
}

[dir=ltr] .table_content_customergrid td {
  padding-left: 10px;
}

[dir=rtl] .table_content_customergrid td {
  padding-right: 10px;
}

[dir=ltr] .table_content_customergrid td td {
  padding-left: 0;
}

[dir=rtl] .table_content_customergrid td td {
  padding-right: 0;
}

.table_content_customergrid th {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  position: relative;
  vertical-align: middle;
}

[dir] .table_content_customergrid th {
  border-bottom: 2px solid #ddd;
  border-top: 2px solid #ddd;
  background-color: #fafafa;
}

[dir=ltr] .table_content_customergrid th {
  text-align: left;
  padding: 4px 0 4px 10px;
}

[dir=rtl] .table_content_customergrid th {
  text-align: right;
  padding: 4px 10px 4px 0;
}

.table_content_customergrid_empty_row td {
  height: 30px;
}

[dir] .table_content_customergrid_empty_row td {
  text-align: center;
}

[dir] .table-content-customer-grid-row > td, [dir] .table-content-customer-grid-alt-row > td {
  border-bottom: 1px solid #cdcdcd;
}

.table_content_customergrid_pager, .table_content_customergrid_footer {
  vertical-align: text-top;
  position: relative;
  line-height: 20px;
}

.table_content_customergrid_short_pager {
  height: 35px;
  vertical-align: text-top;
  position: relative;
  line-height: 20px;
}

[dir] .table_content_customergrid_short_pager {
  border-bottom: 1px hidden #ffffff;
}

/* Added for New No Cameras Panel */
.subheader {
  font-size: 17px;
  font-weight: normal;
  text-decoration: none;
  color: #e4701e;
  line-height: 20px;
}
[dir] .subheader {
  padding-bottom: 15px;
  padding-top: 20px;
}

[dir=ltr] .marginleft_30 {
  margin-left: 30px;
}

[dir=rtl] .marginleft_30 {
  margin-right: 30px;
}

.product_ul ul li {
  display: block;
  list-style-type: none;
}

[dir] .product_ul ul li {
  margin: 0px;
}

[dir=ltr] .product_ul ul li {
  background: transparent url(/web/webimages/bullet.png?v=30402) no-repeat left 6px;
  padding: 0 0 3px 15px;
}

[dir=rtl] .product_ul ul li {
  background: transparent url(/web/webimages/bullet.png?v=30402) no-repeat right 6px;
  padding: 0 15px 3px 0;
}

[dir] .product_ul ul {
  padding-top: 0px;
}

[dir=ltr] .product_ul ul {
  padding-left: 20px;
}

[dir=rtl] .product_ul ul {
  padding-right: 20px;
}

h2.boxHeader, #inner_content_center h3.boxHeader, #inner_content_center h4.boxHeader, #inner_content_center h5.boxHeader, #inner_content_center h6.boxHeader {
  color: #666666;
  font-size: 20px;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
  line-height: 16px;
}

[dir] h2.boxHeader, [dir] #inner_content_center h3.boxHeader, [dir] #inner_content_center h4.boxHeader, [dir] #inner_content_center h5.boxHeader, [dir] #inner_content_center h6.boxHeader {
  padding: 0px;
  border-bottom: none;
}

/* Additional table classes */
tr.subHeader th {
  color: #000000;
  font-size: inherit;
}
[dir] tr.subHeader th {
  background: none;
}

[dir] tr.center th, [dir] tr.center td {
  text-align: center;
}

[dir] td.td_pad10 {
  padding: 10px;
}

[dir=ltr] td.td_pad10sides {
  padding-left: 10px;
  padding-right: 10px;
}

[dir=rtl] td.td_pad10sides {
  padding-right: 10px;
  padding-left: 10px;
}

[dir] td.td_pad10top {
  padding-top: 10px;
}

[dir] td.td_pad15_center {
  padding: 0px 15px 15px 15px;
  text-align: center;
}

[dir] td.td_pad10_center {
  padding: 5px 10px 5px 10px;
  text-align: center;
}

[dir] td.td_pad10_right {
  padding: 10px 10px 0px 10px;
}

[dir=ltr] td.td_pad10_right {
  text-align: right;
}

[dir=rtl] td.td_pad10_right {
  text-align: left;
}

[dir=ltr] td.td_pad5 {
  padding: 5px 0 5px 5px;
}

[dir=rtl] td.td_pad5 {
  padding: 5px 5px 5px 0;
}

[dir] td.td_pad5_center {
  text-align: center;
}

[dir=ltr] td.td_pad5_center {
  padding: 5px 0 5px 5px;
}

[dir=rtl] td.td_pad5_center {
  padding: 5px 5px 5px 0;
}

[dir=ltr] td.td_pad100left {
  padding-left: 100px;
}

[dir=rtl] td.td_pad100left {
  padding-right: 100px;
}

[dir] table.border_rows_bottom > tbody > tr > td {
  border-bottom: 1px solid #cdcdcd;
}

[dir=ltr] table.border_rows_bottom > tbody > tr > td {
  border-left: 1px hidden #ffffff;
  border-right: 1px hidden #ffffff;
}

[dir=rtl] table.border_rows_bottom > tbody > tr > td {
  border-right: 1px hidden #ffffff;
  border-left: 1px hidden #ffffff;
}

[dir] table.border_rows_top > tbody > tr > td, [dir] .table-content.border-rows-top > .row.clips-grid-row > .inner-row {
  border-top: 1px solid #cdcdcd;
}

[dir=ltr] table.border_rows_top > tbody > tr > td, [dir=ltr] .table-content.border-rows-top > .row.clips-grid-row > .inner-row {
  border-left: 1px hidden #ffffff;
  border-right: 1px hidden #ffffff;
}

[dir=rtl] table.border_rows_top > tbody > tr > td, [dir=rtl] .table-content.border-rows-top > .row.clips-grid-row > .inner-row {
  border-right: 1px hidden #ffffff;
  border-left: 1px hidden #ffffff;
}

[dir] table.border_no_border > tbody > tr > td {
  border-top: 1px hidden #ffffff;
  border-bottom: 1px hidden #ffffff;
}

[dir=ltr] table.border_no_border > tbody > tr > td {
  border-left: 1px hidden #ffffff;
  border-right: 1px hidden #ffffff;
}

[dir=rtl] table.border_no_border > tbody > tr > td {
  border-right: 1px hidden #ffffff;
  border-left: 1px hidden #ffffff;
}

[dir] .border_line_bottom_only > td, [dir] .border_line_bottom_only > th {
  border-bottom: 1px solid #cdcdcd;
}

[dir] .top_data_row > td {
  padding-top: 10px;
}

[dir] .bottom_data_row > td {
  padding-bottom: 10px;
}

/*** Controls ***/
[dir=ltr] .notificationSchedule .notificationScheduleHeader th {
  text-align: left;
}
[dir=rtl] .notificationSchedule .notificationScheduleHeader th {
  text-align: right;
}

[dir=ltr] .notificationSchedule .notificationScheduleRow table {
  float: right;
}

[dir=rtl] .notificationSchedule .notificationScheduleRow table {
  float: left;
}

[dir=ltr] .notificationSchedule .notificationScheduleRow table .leftScheduleCell {
  text-align: right;
}

[dir=rtl] .notificationSchedule .notificationScheduleRow table .leftScheduleCell {
  text-align: left;
}

.notificationAttemptLabels, .notificationAttemptChecks {
  width: 100%;
}

[dir] .notificationAttemptLabels, [dir] .notificationAttemptChecks {
  text-align: center;
}

.notificationAddressTable {
  width: 100%;
}

[dir] .notificationAddressTable td, [dir] .notificationAddressTable th {
  padding: 0;
}

.notificationRecipientHeader {
  font-weight: bold;
}

[dir=ltr] .notificationRecipientChecks {
  padding: 5px 0 5px 15px;
}

[dir=rtl] .notificationRecipientChecks {
  padding: 5px 15px 5px 0;
}

[dir=ltr] .notificationRecipientChecks table table {
  padding: 0 0 0 10px;
}

[dir=rtl] .notificationRecipientChecks table table {
  padding: 0 10px 0 0;
}

.zoom_box {
  top: 0;
  z-index: 100;
}

[dir] .zoom_box {
  padding: 8px;
  border-color: #666666;
  border-radius: 10px;
}

[dir=ltr] .zoom_box {
  left: 0;
}

[dir=rtl] .zoom_box {
  right: 0;
}

/* Table footer controls */
.table_footer {
  position: relative;
}
[dir] .table_footer {
  clear: both;
  padding: 0px 10px 0 10px;
  margin-top: 10px;
}

.table_footer .icon_link, .table_footer .return_link, .table_footer .pause_link, .table_footer .create_link {
  position: relative;
  top: 10px;
}

.icon_link input, .return_link input, .pause_link input, .create_link input {
  vertical-align: middle;
}

[dir=ltr] .return_link {
  float: left;
}

[dir=rtl] .return_link {
  float: right;
}

[dir=ltr] .return_link input {
  margin-right: 3px;
}

[dir=rtl] .return_link input {
  margin-left: 3px;
}

[dir=ltr] .pause_link {
  float: left;
}

[dir=rtl] .pause_link {
  float: right;
}

[dir=ltr] .create_link {
  float: right;
  text-align: right;
}

[dir=rtl] .create_link {
  float: left;
  text-align: left;
}

[dir=ltr] .create_link input {
  margin-right: 3px;
}

[dir=rtl] .create_link input {
  margin-left: 3px;
}

.save_button {
  position: relative;
  top: 10px;
  z-index: 100; /* to go above any .icon_links on the left side of the footer */
}

[dir=ltr] .save_button {
  text-align: right;
  float: right;
}

[dir=rtl] .save_button {
  text-align: left;
  float: left;
}

.save_button_only {
  position: relative;
  top: 10px;
}

[dir=ltr] .save_button_only {
  text-align: right;
}

[dir=rtl] .save_button_only {
  text-align: left;
}

.disabled_link {
  color: #999999;
  text-decoration: none;
}

[dir] .disabled_link {
  cursor: default;
}

.disabled_link:hover {
  color: #999999;
  text-decoration: none;
}

[dir] .disabled_link:hover {
  cursor: default;
}

/* Widgets */
.widget {
  position: relative;
  color: #333;
}
[dir] .widget {
  margin: 0 0 25px;
}

.alarms_widget, .issues_widget {
  /* to make up for the shadow on the standard widgets */
  width: 804px;
}

[dir] .alarms_widget, [dir] .issues_widget {
  background-color: #fff;
}

[dir=ltr] .alarms_widget, [dir=ltr] .issues_widget {
  margin-left: auto;
  margin-right: auto;
}

[dir=rtl] .alarms_widget, [dir=rtl] .issues_widget {
  margin-right: auto;
  margin-left: auto;
}

[dir] .alarms_widget {
  border: 2px solid #d7170c;
}

[dir] .issues_widget {
  border: 2px solid #f68425;
}

.widget_header {
  height: 39px;
  color: #FFFFFF;
  line-height: 39px;
  font-weight: bold;
  font-size: 15px;
  position: relative;
}

[dir=ltr] .widget_header {
  padding: 0 9px 0 51px;
}

[dir=rtl] .widget_header {
  padding: 0 51px 0 9px;
}

[dir] .widget_important {
  margin-top: 3px;
}

[dir=ltr] .widget_important {
  float: left;
}

[dir=rtl] .widget_important {
  float: right;
}

.widget_header .show_details {
  display: none;
  position: absolute;
  top: 0;
  font-size: 12px;
}

[dir] .widget_header .show_details {
  cursor: pointer;
}

[dir=ltr] .widget_header .show_details {
  padding-right: 31px;
  background: transparent url(/web/webimages/widgets/widget_details.png?v=1557) no-repeat right;
  right: 12px;
}

[dir=rtl] .widget_header .show_details {
  padding-left: 31px;
  background: transparent url(/web/webimages/widgets/widget_details.png?v=1557) no-repeat left;
  left: 12px;
}

.widget_container {
  position: relative;
  overflow: hidden;
}

.widget_body {
  font-size: 13px;
  min-height: 30px;
}

[dir] .widget_body {
  border: 0;
  padding: 10px 0px;
}

.alarms_widget .alarms_layout, .issues_widget .issues_layout {
  width: 100%;
}

.widget .widget_left {
  vertical-align: middle;
  font-size: 24px;
  font-weight: bold;
  width: 130px;
}

[dir] .widget .widget_left {
  padding: 0 15px;
  text-align: center;
}

[dir=ltr] .widget .widget_left {
  border-right: 1px solid #cdcdcd;
}

[dir=rtl] .widget .widget_left {
  border-left: 1px solid #cdcdcd;
}

.widget .widget_left img {
  vertical-align: middle;
}

[dir] .widget .widget_left img {
  margin-bottom: 5px;
}

[dir] .widget .widget_center {
  padding: 0 15px;
}

.widget .widget_right {
  width: 110px;
}

[dir] .widget .widget_right {
  padding: 0 15px;
  text-align: center;
}

.alarms_widget .widget_left {
  color: #d7170c;
}

.alarms_widget .alarm_date {
  /*color: #666666;
  font-weight: normal;*/
  font-size: 11px;
}

.issues_widget .widget_left {
  color: #f68425;
}

.issues_widget .widget_center table {
  width: 100%;
}

[dir] .alarms_widget .border_rows_bottom tr:last-child td, [dir] .issues_widget .border_rows_bottom tr:last-child td {
  border-bottom: none;
}

.widget .hide_details {
  position: absolute;
  top: 0px;
  width: 25px;
  height: 11px;
  z-index: 100;
}

[dir] .widget .hide_details {
  cursor: pointer;
}

[dir=ltr] .widget .hide_details {
  right: 0px;
  border-radius: 0 0 0 5px;
}

[dir=rtl] .widget .hide_details {
  left: 0px;
  border-radius: 0 0 5px 0;
}

.widget .hide_inside {
  height: 1px;
  width: 13px;
}

[dir] .widget .hide_inside {
  margin-top: 4px;
  background-color: #fff;
}

[dir=ltr] .widget .hide_inside {
  margin-left: 7px;
}

[dir=rtl] .widget .hide_inside {
  margin-right: 7px;
}

.alarms_widget .hide_details {
  /*background: transparent url(/web/webimages/widgets/alarms_hide.png?v=1432) no-repeat top left;*/
}

[dir] .alarms_widget .hide_details {
  background-color: #d7170c;
}

.issues_widget .hide_details {
  /*background: transparent url(/web/webimages/widgets/issues_hide.png?v=1432) no-repeat top left;*/
}

[dir] .issues_widget .hide_details {
  background-color: #f68425;
}

.features_widget {
  /*background: #E6E6E6 url(/web/webimages/widgets/vif_bg.png?v=1432) no-repeat left top;*/
  width: 804px; /* to compensate for the shadow on the widgets below */
}

[dir] .features_widget {
  background-color: #fff;
  border: 1px solid #cdcdcd;
}

[dir=ltr] .features_widget {
  margin-left: auto;
  margin-right: auto;
}

[dir=rtl] .features_widget {
  margin-right: auto;
  margin-left: auto;
}

.vif_img_box {
  position: relative;
  width: 100%;
  height: 100%;
}

.vif_img_box .vif_icon, .vif_img_box .vif_icon_hover {
  position: absolute;
  top: 50%;
}

[dir] .vif_img_box .vif_icon, [dir] .vif_img_box .vif_icon_hover {
  margin-top: -23px;
}

[dir=ltr] .vif_img_box .vif_icon, [dir=ltr] .vif_img_box .vif_icon_hover {
  left: 50%;
  margin-left: -40px;
}

[dir=rtl] .vif_img_box .vif_icon, [dir=rtl] .vif_img_box .vif_icon_hover {
  right: 50%;
  margin-right: -40px;
}

.vif_img_box_hover {
  position: relative;
}

.features_tooltip_box {
  width: 300px;
  height: 27px;
  display: none;
}

[dir=ltr] .features_tooltip_box {
  margin-left: -150px;
}

[dir=rtl] .features_tooltip_box {
  margin-right: -150px;
}

.features_tooltip {
  color: #FFFFFF;
  font-weight: bold;
}

[dir] .features_tooltip {
  margin: 0 auto;
  text-align: center;
  border: 1px solid #FFFFFF;
}

[dir=ltr] .features_tooltip {
  background: #2F3B42 url(/web/webimages/widgets/hover_tooltip_bg.png?v=1453) repeat-x top left;
}

[dir=rtl] .features_tooltip {
  background: #2F3B42 url(/web/webimages/widgets/hover_tooltip_bg.png?v=1453) repeat-x top right;
}

.features_tooltip td {
  height: 15px;
}

[dir] .features_tooltip td {
  padding: 5px;
}

.features_widget a {
  text-decoration: none;
}

.features_widget_table {
  width: 100%;
}

.features_widget_table .vif {
  height: 56px;
  width: 90px;
  position: relative;
}

[dir] .features_widget_table .vif {
  text-align: center;
}

[dir=ltr] .features_widget_table .vif {
  border-right: 1px solid #cdcdcd;
}

[dir=rtl] .features_widget_table .vif {
  border-left: 1px solid #cdcdcd;
}

.features_widget .vif .vif_check {
  position: absolute;
  bottom: 5px;
}

[dir=ltr] .features_widget .vif .vif_check {
  right: 5px;
}

[dir=rtl] .features_widget .vif .vif_check {
  left: 5px;
}

.features_widget .features_widget_text {
  width: 115px;
  font-size: 16px;
}

[dir] .features_widget .features_widget_text {
  text-align: center;
}

[dir=ltr] .features_widget .features_widget_text {
  padding: 0 10px 0 15px;
  border-right: 1px solid #cdcdcd;
}

[dir=rtl] .features_widget .features_widget_text {
  padding: 0 15px 0 10px;
  border-left: 1px solid #cdcdcd;
}

.features_widget .features_widget_text .primary {
  font-weight: bold;
}

.features_widget .features_widget_more {
  font-weight: bold;
}

[dir] .features_widget .features_widget_more {
  text-align: center;
}

[dir] .features_widget_more div:hover {
  background: transparent url(/web/webimages/widgets/features_widget_more_shadow.png?v=1432) no-repeat center;
}

.features_widget_more a {
  font-size: 18px;
}

.features_widget_more img {
  vertical-align: middle;
}

[dir=ltr] .features_widget_more img {
  margin-left: 3px;
}

[dir=rtl] .features_widget_more img {
  margin-right: 3px;
}

.widget.narrow {
  width: 530px;
}

[dir] .widget.narrow {
  clear: none;
}

[dir=ltr] .widget.narrow {
  float: left;
}

[dir=rtl] .widget.narrow {
  float: right;
}

/*.widget_ul
{
    position: absolute;
    left: 0;
    top: 0;
    height: 35px;
    width: 7px;
    background: transparent url(/web/webimages/widgets/widget_ul.png?v=1654) no-repeat top left;
    z-index: 10;
}*/
.widget_wide_top, .widget_wide_bottom {
  width: 820px;
}
[dir=ltr] .widget_wide_top, [dir=ltr] .widget_wide_bottom {
  left: 0;
}
[dir=rtl] .widget_wide_top, [dir=rtl] .widget_wide_bottom {
  right: 0;
}

.widget_wide_top {
  top: 0;
  height: 12px;
}

[dir=ltr] .widget_wide_top {
  background: transparent url(/web/webimages/widgets/widget_wide_top.png?v=15990) no-repeat top left;
}

[dir=rtl] .widget_wide_top {
  background: transparent url(/web/webimages/widgets/widget_wide_top.png?v=15990) no-repeat top right;
}

.widget_wide_bottom {
  height: 16px;
}

[dir=ltr] .widget_wide_bottom {
  background: transparent url(/web/webimages/widgets/widget_wide_bottom.png?v=15990) no-repeat bottom left;
}

[dir=rtl] .widget_wide_bottom {
  background: transparent url(/web/webimages/widgets/widget_wide_bottom.png?v=15990) no-repeat bottom right;
}

.widget_narrow_top, .widget_narrow_bottom {
  width: 530px;
}

[dir=ltr] .widget_narrow_top, [dir=ltr] .widget_narrow_bottom {
  left: 0;
}

[dir=rtl] .widget_narrow_top, [dir=rtl] .widget_narrow_bottom {
  right: 0;
}

.widget_narrow_top {
  top: 0;
  height: 12px;
}

[dir=ltr] .widget_narrow_top {
  background: transparent url(/web/webimages/widgets/widget_narrow_top.png?v=15990) no-repeat top left;
}

[dir=rtl] .widget_narrow_top {
  background: transparent url(/web/webimages/widgets/widget_narrow_top.png?v=15990) no-repeat top right;
}

.widget_narrow_bottom {
  height: 16px;
}

[dir=ltr] .widget_narrow_bottom {
  background: transparent url(/web/webimages/widgets/widget_narrow_bottom.png?v=15990) no-repeat bottom left;
}

[dir=rtl] .widget_narrow_bottom {
  background: transparent url(/web/webimages/widgets/widget_narrow_bottom.png?v=15990) no-repeat bottom right;
}

.widget_title_box {
  /*background: transparent url(/web/webimages/widgets/widget_title_right_refresh.png?v=1432) no-repeat top right;
  padding-right: 42px;*/
  position: absolute;
  top: -1em;
  /*height: 35px;*/
}

[dir] .widget_title_box {
  background: transparent;
}

[dir=ltr] .widget_title_box {
  left: 10px;
}

[dir=rtl] .widget_title_box {
  right: 10px;
}

.widget_title_noRefresh {
  /*background: transparent url(/web/webimages/widgets/widget_title_right.png?v=1432) no-repeat top right;
     padding-right: 38px;*/
  position: absolute;
  top: 0;
  /*height: 35px;*/
}

[dir] .widget_title_noRefresh {
  background: transparent;
}

[dir=ltr] .widget_title_noRefresh {
  left: 0px;
}

[dir=rtl] .widget_title_noRefresh {
  right: 0px;
}

.widget_title {
  /*background: #266E9B url(/web/webimages/widgets/widget_title_bg.png?v=1432) repeat-x left bottom;*/
  font-size: 16px;
  /*height: 35px;*/
  line-height: 26px;
  display: inline; /* for IE6, margins are doubled for floating elements w/o this */ /* for IE6 */
}

[dir] .widget_title {
  background: transparent;
}

[dir=ltr] .widget_title {
  margin-left: 7px;
  padding: 0 10px 0 0px;
  float: left;
}

[dir=rtl] .widget_title {
  margin-right: 7px;
  padding: 0 0px 0 10px;
  float: right;
}

.widget_refresh {
  position: absolute;
  top: 5px;
}

[dir=ltr] .widget_refresh {
  right: 20px;
}

[dir=rtl] .widget_refresh {
  left: 20px;
}

[dir=ltr] .inner_scroll .widget_refresh {
  right: 5px;
}

[dir=rtl] .inner_scroll .widget_refresh {
  left: 5px;
}

.widget_settings input {
  vertical-align: text-top;
}

.widget_settings {
  /*padding: 0 0px 0 0px;
  height: 35px;
  line-height: 26px;*/
  /*display: inline;*/ /* for IE6, margins are doubled for floating elements w/o this */
  /*float: right;*/ /* for IE6 */
  /*margin-top: 5px;
  margin-right: 5px;*/
  position: absolute;
  top: 5px;
}

[dir=ltr] .widget_settings {
  right: 40px;
}

[dir=rtl] .widget_settings {
  left: 40px;
}

.widget_modal_background {
  filter: alpha(opacity=50);
  opacity: 0.5;
}

[dir] .widget_modal_background {
  background-color: Black;
}

.panel_refresh {
  position: absolute;
  top: 50%;
  visibility: hidden;
}

[dir=ltr] .panel_refresh {
  left: 50%;
  margin: -12px 0 0 -12px;
}

[dir=rtl] .panel_refresh {
  right: 50%;
  margin: -12px -12px 0 0;
}

.inner_scroll {
  height: 100%;
  overflow: auto;
  line-height: 30px;
  position: relative; /* get past refresh widget */
}

[dir=ltr] .inner_scroll {
  padding-right: 20px;
}

[dir=rtl] .inner_scroll {
  padding-left: 20px;
}

.arming_widget {
  height: 232px;
  width: 280px;
}

[dir=ltr] .arming_widget {
  float: left;
  margin-right: 10px;
}

[dir=rtl] .arming_widget {
  float: right;
  margin-left: 10px;
}

.arming_widget_body {
  height: 204px;
  width: 260px;
  position: relative;
}

[dir] .arming_widget_body {
  padding: 0 10px 0 10px;
}

[dir=ltr] .arming_widget_body {
  background: transparent url(/web/webimages/widgets/widget_arming_body.png?v=15990) repeat-y left center;
}

[dir=rtl] .arming_widget_body {
  background: transparent url(/web/webimages/widgets/widget_arming_body.png?v=15990) repeat-y right center;
}

.arming_widget .widget_narrow_top {
  width: 280px;
}

[dir=ltr] .arming_widget .widget_narrow_top {
  background: transparent url(/web/webimages/widgets/widget_arming_top.png?v=15990) no-repeat top left;
}

[dir=rtl] .arming_widget .widget_narrow_top {
  background: transparent url(/web/webimages/widgets/widget_arming_top.png?v=15990) no-repeat top right;
}

.arming_widget .widget_narrow_bottom {
  width: 280px;
}

[dir=ltr] .arming_widget .widget_narrow_bottom {
  background: transparent url(/web/webimages/widgets/widget_arming_bottom.png?v=15990) no-repeat top left;
}

[dir=rtl] .arming_widget .widget_narrow_bottom {
  background: transparent url(/web/webimages/widgets/widget_arming_bottom.png?v=15990) no-repeat top right;
}

.arming_widget_tall {
  height: 298px;
  width: 280px;
}

[dir=ltr] .arming_widget_tall {
  float: left;
  margin-right: 10px;
}

[dir=rtl] .arming_widget_tall {
  float: right;
  margin-left: 10px;
}

.arming_widget_tall .arming_widget_body {
  height: 270px;
  width: 260px;
  position: relative;
}

[dir] .arming_widget_tall .arming_widget_body {
  padding: 0 10px 0 10px;
}

[dir=ltr] .arming_widget_tall .arming_widget_body {
  background: transparent url(/web/webimages/widgets/widget_arming_body.png?v=15990) repeat-y left center;
}

[dir=rtl] .arming_widget_tall .arming_widget_body {
  background: transparent url(/web/webimages/widgets/widget_arming_body.png?v=15990) repeat-y right center;
}

.arming_widget_tall .widget_narrow_top {
  width: 280px;
}

[dir=ltr] .arming_widget_tall .widget_narrow_top {
  background: transparent url(/web/webimages/widgets/widget_arming_top.png?v=15990) no-repeat top left;
}

[dir=rtl] .arming_widget_tall .widget_narrow_top {
  background: transparent url(/web/webimages/widgets/widget_arming_top.png?v=15990) no-repeat top right;
}

.arming_widget_tall .widget_narrow_bottom {
  width: 280px;
}

[dir=ltr] .arming_widget_tall .widget_narrow_bottom {
  background: transparent url(/web/webimages/widgets/widget_arming_bottom.png?v=15990) no-repeat top left;
}

[dir=rtl] .arming_widget_tall .widget_narrow_bottom {
  background: transparent url(/web/webimages/widgets/widget_arming_bottom.png?v=15990) no-repeat top right;
}

.arming_widget.tall {
  height: 298px;
}

.arming_widget.tall .arming_widget_body {
  height: 270px;
}

[dir] .arming_widget_box {
  text-align: center;
  padding-top: 15px;
}

[dir] .arming_state {
  margin: 0 auto;
}

[dir] .arming_state td {
  padding: 1px 0px 5px;
}

[dir] .tall .arming_state td {
  padding-bottom: 15px;
}

[dir=ltr] .arming_state img {
  float: left;
}

[dir=rtl] .arming_state img {
  float: right;
}

.arming_state span, .partitions_widget_box span {
  font-weight: bold;
}

.partition_states {
  width: 100%;
}

[dir] .partition_states {
  text-align: center;
}

.partition_states .partition_state {
  font-weight: bold;
  font-size: 13px;
}

[dir=ltr] .partition_states .partition_state {
  text-align: left;
}

[dir=rtl] .partition_states .partition_state {
  text-align: right;
}

.disarmed_text {
  color: #17A108;
}

.opened_text {
  color: #2458A3;
}

.armed_away_text {
  color: #CC170B;
}

.armed_stay_text {
  color: #F48826;
}

.closed_text {
  color: #BCBCBC;
}

.arming_action {
  font-weight: bold;
}

[dir] .arming_action {
  margin-top: 15px;
}

.partitions_widget_box .arming_action {
  font-weight: normal;
}

[dir] .partitions_widget_box .arming_action {
  text-align: center;
}

[dir] .tall .arming_action {
  margin-top: 25px;
}

[dir] .arming_action input {
  margin: 4px 3px;
}

[dir] .arming_action input[disabled] {
  cursor: default;
}

.arming_spinner {
  position: absolute;
  top: 5px;
  width: 40px;
  height: 40px;
}

[dir] .arming_spinner {
  cursor: pointer;
}

[dir=ltr] .arming_spinner {
  right: 5px;
}

[dir=rtl] .arming_spinner {
  left: 5px;
}

.partitions_arming_spinner {
  position: absolute;
  width: 40px;
  height: 40px;
}

[dir] .partitions_arming_spinner {
  cursor: pointer;
}

[dir=ltr] .partitions_arming_spinner {
  margin: -85px 0 0 -104px;
}

[dir=rtl] .partitions_arming_spinner {
  margin: -85px -104px 0 0;
}

[dir] .arming_spinner.disarm, [dir] .partitions_arming_spinner.disarm {
  background: transparent url(/web/webimages/widgets/disarm_spinner_bg.png?v=1432) no-repeat center;
}

[dir] .arming_spinner.armstay, [dir] .partitions_arming_spinner.armstay {
  background: transparent url(/web/webimages/widgets/arm_stay_spinner_bg.png?v=1432) no-repeat center;
}

[dir] .arming_spinner.armaway, [dir] .partitions_arming_spinner.armaway {
  background: transparent url(/web/webimages/widgets/arm_away_spinner_bg.png?v=1432) no-repeat center;
}

[dir] .arming_spinner.open, [dir] .partitions_arming_spinner.open {
  background: transparent url(/web/webimages/widgets/open_spinner_bg.png?v=27559) no-repeat center;
}

[dir] .arming_spinner.close, [dir] .partitions_arming_spinner.close {
  background: transparent url(/web/webimages/widgets/close_spinner_bg.png?v=27559) no-repeat center;
}

[dir] .arming_spinner img, [dir] .partitions_arming_spinner img {
  margin: 8px;
}

.arm_option_stay_popup {
  color: #666666;
  /* display: none in the stylesheet breaks the .net js display logic, but you can do it on the individual elements */
  width: 560px; /* can be overridden on individual dialogs */
  position: absolute;
  height: 173px;
  width: 208px;
  font-size: 14px;
  top: 50%;
  z-index: 100;
  /*    position: fixed !important; */ /* the new version of ajax control toolkit keeps the dialog inside it's container, but we want to force it relative to the document */
}

[dir] .arm_option_stay_popup {
  text-align: center;
  background: transparent url(/web/webimages/widgets/arm_stay_popup_bg.png?v=1565) no-repeat center;
}

[dir=ltr] .arm_option_stay_popup {
  left: 50%;
  margin: -86px 0 0 -104px;
}

[dir=rtl] .arm_option_stay_popup {
  right: 50%;
  margin: -86px -104px 0 0;
}

.arm_option_away_popup {
  color: #666666;
  /* display: none in the stylesheet breaks the .net js display logic, but you can do it on the individual elements */
  width: 560px; /* can be overridden on individual dialogs */
  position: absolute;
  height: 173px;
  width: 208px;
  font-size: 14px;
  top: 50%;
  z-index: 100;
  /*    position: fixed !important; */ /* the new version of ajax control toolkit keeps the dialog inside it's container, but we want to force it relative to the document */
}

[dir] .arm_option_away_popup {
  text-align: center;
  background: transparent url(/web/webimages/widgets/arm_away_popup_bg.png?v=1565) no-repeat center;
}

[dir=ltr] .arm_option_away_popup {
  left: 50%;
  margin: -86px 0 0 -104px;
}

[dir=rtl] .arm_option_away_popup {
  right: 50%;
  margin: -86px -104px 0 0;
}

.arm_option_table {
  height: 90px;
  width: 178px;
  empty-cells: hide;
  display: table;
}

[dir=ltr] .arm_option_table {
  margin-left: 15px;
}

[dir=rtl] .arm_option_table {
  margin-right: 15px;
}

.arm_option_table .row {
  display: table-row;
  vertical-align: middle;
}

[dir=ltr] .arm_option_table .row {
  text-align: left;
}

[dir=rtl] .arm_option_table .row {
  text-align: right;
}

.arm_option_table .row .col {
  display: table-cell;
  vertical-align: middle;
}

.widget_popup {
  position: absolute;
  top: 18px;
  z-index: 100;
  height: 173px;
  width: 208px;
  font-size: 14px;
  color: #666666;
}

[dir] .widget_popup {
  text-align: center;
}

[dir=ltr] .widget_popup {
  left: 36px;
}

[dir=rtl] .widget_popup {
  right: 36px;
}

.partition_arm_option_stay_popup {
  color: #666666;
  /* display: none in the stylesheet breaks the .net js display logic, but you can do it on the individual elements */
  position: absolute;
  height: 173px;
  width: 208px;
  font-size: 14px;
  top: 50%;
  z-index: 100;
  /*    position: fixed !important; */ /* the new version of ajax control toolkit keeps the dialog inside it's container, but we want to force it relative to the document */
}

[dir] .partition_arm_option_stay_popup {
  text-align: center;
  background: transparent url(/web/webimages/widgets/arm_stay_popup_bg.png?v=1565) no-repeat center;
}

[dir=ltr] .partition_arm_option_stay_popup {
  left: 50%;
  margin: -85px 0 0 -104px;
}

[dir=rtl] .partition_arm_option_stay_popup {
  right: 50%;
  margin: -85px -104px 0 0;
}

.partition_arm_option_away_popup {
  color: #666666;
  /* display: none in the stylesheet breaks the .net js display logic, but you can do it on the individual elements */
  position: absolute;
  height: 173px;
  width: 208px;
  font-size: 14px;
  top: 50%;
  z-index: 100;
  /*    position: fixed !important; */ /* the new version of ajax control toolkit keeps the dialog inside it's container, but we want to force it relative to the document */
}

[dir] .partition_arm_option_away_popup {
  text-align: center;
  background: transparent url(/web/webimages/widgets/arm_away_popup_bg.png?v=1565) no-repeat center;
}

[dir=ltr] .partition_arm_option_away_popup {
  left: 50%;
  margin: -85px 0 0 -104px;
}

[dir=rtl] .partition_arm_option_away_popup {
  right: 50%;
  margin: -85px -104px 0 0;
}

.partition_widget_popup {
  position: absolute;
  top: 50%;
  z-index: 100;
  height: 173px;
  width: 208px;
  font-size: 14px;
  color: #666666;
}

[dir] .partition_widget_popup {
  text-align: center;
}

[dir=ltr] .partition_widget_popup {
  left: 50%;
  margin: -85px 0 0 -104px;
}

[dir=rtl] .partition_widget_popup {
  right: 50%;
  margin: -85px -104px 0 0;
}

[dir] .widget_popup.disarm, [dir] .partition_widget_popup.disarm {
  background: transparent url(/web/webimages/widgets/disarm_popup_bg.png?v=1565) no-repeat center;
}

[dir] .widget_popup.armstay, [dir] .partition_widget_popup.armstay {
  background: transparent url(/web/webimages/widgets/arm_stay_popup_bg.png?v=1565) no-repeat center;
}

[dir] .widget_popup.armaway, [dir] .partition_widget_popup.armaway {
  background: transparent url(/web/webimages/widgets/arm_away_popup_bg.png?v=1565) no-repeat center;
}

[dir] .widget_popup.open, [dir] .partition_widget_popup.open {
  background: transparent url(/web/webimages/widgets/open_popup_bg.png?v=27559) no-repeat center;
}

[dir] .widget_popup.close, [dir] .partition_widget_popup.close {
  background: transparent url(/web/webimages/widgets/close_popup_bg.png?v=27559) no-repeat center;
}

[dir] .widget_popup .popup_text {
  margin: 15px 15px 0;
}

[dir] .armstay .popup_text, [dir] .armaway .popup_text {
  margin-top: 10px;
}

.widget_popup .spinner {
  display: block;
}

[dir=ltr] .widget_popup .spinner {
  padding: 5px 5px 5px 50%;
  margin: 0 0 0 -12px;
}

[dir=rtl] .widget_popup .spinner {
  padding: 5px 50% 5px 5px;
  margin: 0 -12px 0 0;
}

.widget_popup .arming_warning {
  font-size: 10px;
}

[dir] .widget_popup .arming_warning {
  padding: 0 10px;
  margin-top: 3px;
}

.widget_popup.disarm .arming_warning {
  display: none;
  visibility: hidden;
}

[dir=ltr] .partitions_widget {
  float: left;
}

[dir=rtl] .partitions_widget {
  float: right;
}

.partitions_widget_body {
  position: relative;
}

[dir] .partitions_widget_body {
  padding: 20px 15px 10px;
}

[dir=ltr] .partitions_widget_body {
  background: transparent url(/web/webimages/widgets/widget_wide_body.png?v=15990) repeat-y left center;
}

[dir=rtl] .partitions_widget_body {
  background: transparent url(/web/webimages/widgets/widget_wide_body.png?v=15990) repeat-y right center;
}

.partitions_widget_box {
  width: 100%;
}

.partition_widget_popup .arming_warning {
  font-size: 10px;
}

[dir] .partition_widget_popup .arming_warning {
  padding: 0 10px;
  margin-top: 3px;
}

.partition_widget_popup .spinner {
  display: block;
}

[dir=ltr] .partition_widget_popup .spinner {
  padding: 5px 5px 5px 50%;
  margin: 0 0 0 -12px;
}

[dir=rtl] .partition_widget_popup .spinner {
  padding: 5px 50% 5px 5px;
  margin: 0 -12px 0 0;
}

[dir] .sensors_widget {
  clear: both;
}

.sensors_widget.fixed {
  height: 232px;
}

.sensors_widget.narrow { /* for IE6 */
}

[dir=ltr] .sensors_widget.narrow {
  float: right;
}

[dir=rtl] .sensors_widget.narrow {
  float: left;
}

[dir] .sensors_widget_body {
  padding: 0 15px;
}

[dir=ltr] .sensors_widget_body {
  background: transparent url(/web/webimages/widgets/widget_wide_body.png?v=15990) repeat-y left center;
}

[dir=rtl] .sensors_widget_body {
  background: transparent url(/web/webimages/widgets/widget_wide_body.png?v=15990) repeat-y right center;
}

.sensors_widget.narrow .sensors_widget_body {
  width: 500px;
}

[dir] .sensors_widget.narrow .sensors_widget_body {
  background-image: url(/web/webimages/widgets/widget_narrow_body.png?v=15990);
}

.sensors_widget.fixed .sensors_widget_body {
  height: 204px;
}

.sensors_widget_empty {
  font-size: 14px;
}

[dir] .sensors_widget_empty {
  text-align: center;
}

.sensor_desc {
  width: 65%;
}

[dir=ltr] .sensor_desc {
  padding: 0 0 0 5px;
}

[dir=rtl] .sensor_desc {
  padding: 0 5px 0 0;
}

.sensor_status {
  font-weight: bold;
  color: #444;
  font-size: 13px;
}

.sensor_status[text*=OPEN] {
  color: #17A309;
}

.events_widget {
  height: 298px;
}

[dir] .events_widget {
  clear: both;
}

.events_widget_body {
  height: 270px;
  -ms-overflow-style: scrollbar;
}

[dir=ltr] .events_widget_body {
  background: transparent url(/web/webimages/widgets/widget_wide_body.png?v=15990) repeat-y left center;
  padding: 0px 25px 0px 15px;
}

[dir=rtl] .events_widget_body {
  background: transparent url(/web/webimages/widgets/widget_wide_body.png?v=15990) repeat-y right center;
  padding: 0px 15px 0px 25px;
}

[dir] .events_widget.narrow .events_widget_body {
  background-image: url(/web/webimages/widgets/widget_narrow_body.png?v=15990);
}

.events_widget_date {
  font-size: 15px;
  font-weight: bold;
}

[dir=ltr] .events_widget_date {
  padding: 0 0 0 5px;
}

[dir=rtl] .events_widget_date {
  padding: 0 5px 0 0;
}

[dir] .events_widget_event {
  border-bottom: 1px solid #cdcdcd;
}

[dir=ltr] .events_widget_event {
  padding: 0 0 0 5px;
}

[dir=rtl] .events_widget_event {
  padding: 0 5px 0 0;
}

[dir] .events_widget_event:last-child {
  border-bottom: 0;
}

/* Notifications */
.rule_paused {
  color: #777;
}

.status_cell_active, .status_cell_active a {
  color: #008000;
}

.status_cell_paused, .status_cell_paused a {
  color: #FFA500;
}

.paused_address, .paused_address label {
  color: #777;
  font-style: italic;
}

[dir] .paused_address, [dir] .paused_address label {
  cursor: help;
}

/* Misc */
[dir] .privacyPolicy {
  padding: 5px 20px 10px 20px;
}
[dir=ltr] .privacyPolicy {
  background: #FFFFFF url(/web/webimages/widgets/widget_wide_body.png?v=15990) repeat-y left center;
}
[dir=rtl] .privacyPolicy {
  background: #FFFFFF url(/web/webimages/widgets/widget_wide_body.png?v=15990) repeat-y right center;
}

[dir=ltr] .errorPageMainContent {
  background: url(/web/webimages/back.gif?v=15990) repeat-x left top;
}

[dir=rtl] .errorPageMainContent {
  background: url(/web/webimages/back.gif?v=15990) repeat-x right top;
}

.video_pan_tilt_presets {
  display: block;
  list-style-type: none;
  text-decoration: none;
  outline: none;
  color: ButtonText;
  vertical-align: middle;
  z-index: 1000;
  position: absolute;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
}

[dir] .video_pan_tilt_presets {
  float: none;
  background-color: ButtonFace;
  border: outset thin ActiveBorder;
  border-radius: 7px 7px 7px 7px;
}

.video_pan_tilt_presets ul {
  position: relative;
}

[dir] .video_pan_tilt_presets ul {
  padding: 0px;
  margin: 0px;
  border: none;
  cursor: pointer;
}

.video_pan_tilt_presets li {
  vertical-align: middle;
  list-style-type: none;
  width: auto;
  position: relative;
}

[dir] .video_pan_tilt_presets li {
  float: none;
  border: none;
  padding: 5px 10px 5px 10px;
}

[dir=ltr] .video_pan_tilt_presets li {
  text-align: left;
}

[dir=rtl] .video_pan_tilt_presets li {
  text-align: right;
}

li.video_pan_tilt_presets:hover, li.add_preset:hover, option.video_pan_tilt_presets:hover {
  color: ButtonText;
  text-decoration: none;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  /* Safari 4-5, Chrome 1-9 */
  /* Safari 5.1, Chrome 10+ */
  /* Firefox 3.6+ */
  /* IE 10 */
  /* Opera 11.10+ */
}

[dir] li.video_pan_tilt_presets:hover, [dir] li.add_preset:hover, [dir] option.video_pan_tilt_presets:hover {
  padding: 4px 9px 4px 9px;
  background: #DDEAF8;
  border: 1px solid lightblue;
  border-radius: 7px 7px 7px 7px;
  background: -o-linear-gradient(top, #DDEAF8, lightblue);
}

[dir] li.add_preset, [dir] add_preset {
  padding: 4px 9px 4px 9px;
  background-color: #DDEAF8;
  border-top: groove thin;
}

[dir=ltr] li.add_preset, [dir=ltr] add_preset {
  border-radius: 0px 0px 7px 0px;
}

[dir=rtl] li.add_preset, [dir=rtl] add_preset {
  border-radius: 0px 0px 0px 7px;
}

.pan_tilt_presets_shimmer {
  display: none;
  position: absolute;
  top: 0px;
  width: 300px;
  height: 300px;
  z-index: 999;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
}

[dir] .pan_tilt_presets_shimmer {
  background: none transparent;
  border-radius: 7px 7px 7px 7px;
}

[dir=ltr] .pan_tilt_presets_shimmer {
  left: 0px;
}

[dir=rtl] .pan_tilt_presets_shimmer {
  right: 0px;
}

.live_viewer_panel_table {
  border-spacing: 0px;
}

[dir] .live_viewer_panel_table {
  border: solid 0px;
  padding: 0px;
}

.cam_cell_style {
  z-index: 1;
  vertical-align: top;
}

[dir] .cam_cell_style {
  margin: 10px;
  text-align: center;
}

.CamsDivStyle, .LiveViewerStyle, .ui-effects-transfer, .VMDSettingsMessagePanel {
  -moz-box-shadow: 0 0 1em rgba(128, 128, 128, 0.8);
  -webkit-box-shadow: 0 0 1em rgba(128, 128, 128, 0.8);
  border-collapse: separate;
}

[dir] .CamsDivStyle, [dir] .LiveViewerStyle, [dir] .ui-effects-transfer, [dir] .VMDSettingsMessagePanel {
  box-shadow: 0 0 1em rgba(128, 128, 128, 0.8);
}

.CamsDivStyle, .LiveViewerStyle, .ui-effects-transfer, .VMDSettingsMessagePanel {
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border-radius: 7px 7px 7px 7px;
  border-collapse: separate;
}

[dir] .CamsDivStyle, [dir] .LiveViewerStyle, [dir] .ui-effects-transfer, [dir] .VMDSettingsMessagePanel {
  border-radius: 7px 7px 7px 7px;
}

[dir] .LiveViewerStyle, [dir] .LiveViewerStyle:hover {
  background-color: White;
  border: outset 2px white;
}

[dir] .LiveViewerInsideFrameStyle {
  border: inset 2px white;
}

/* remove the border for CSS3-supporting browsers */
[dir] body:last-child .LiveViewerStyle {
  border: inherit;
}

[dir] .CamsDivStyle, [dir] .ui-effects-transfer {
  background-color: #F5F5F5;
}

[dir] .live_viewer_panel_table.ui-draggable-dragging, [dir] .ui-effects-transfer {
  background-color: #FAFAFA;
}

.VMDSettingsMessagePanel {
  position: relative;
  min-width: 380px;
  min-hight: 200px;
  vertical-align: middle;
}

[dir] .VMDSettingsMessagePanel {
  background-color: White;
  float: none;
  clear: both;
  border: 1px solid #CDCDCD;
  text-align: center;
}

[dir=ltr] .VMDSettingsMessagePanel {
  padding: 10px 5px 10px 10px;
  margin: 10px 10px 10px 0px;
}

[dir=rtl] .VMDSettingsMessagePanel {
  padding: 10px 10px 10px 5px;
  margin: 10px 0px 10px 10px;
}

.live_viewer_links_button img {
  vertical-align: top !important;
}

.side_buttons {
  height: 200px;
  width: 50px;
  position: absolute;
  z-index: 100;
}

[dir] .side_buttons {
  margin-top: 20px;
}

[dir=ltr] .side_buttons {
  float: right;
  right: -43px;
}

[dir=rtl] .side_buttons {
  float: left;
  left: -43px;
}

/*general slider styling*/
.ui-slider {
  position: relative;
}
[dir] .ui-slider {
  cursor: pointer;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 3;
}

[dir] .ui-slider .ui-slider-handle {
  cursor: pointer;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  display: block;
}

[dir] .ui-slider .ui-slider-range {
  border: 0;
}

[dir=ltr] .ui-slider .ui-slider-range {
  background-position: 0 0;
}

[dir=rtl] .ui-slider .ui-slider-range {
  background-position: 100% 0;
}

.horizontal_slider .ui-slider-range {
  top: 0;
  height: 100%;
}

.horizontal_slider .ui-slider-handle {
  width: 52px;
  height: 57px;
  overflow: visible;
  z-index: 30;
  behavior: url(../iepngfix.htc);
  top: 0px;
}

[dir] .horizontal_slider .ui-slider-handle {
  margin-top: -38px;
  border: 0 !important;
}

[dir=ltr] .horizontal_slider .ui-slider-handle {
  margin-left: -23px !important;
  background: transparent url(/web/webimages/slider_handle.png?v=10534) no-repeat scroll top right !important;
}

[dir=rtl] .horizontal_slider .ui-slider-handle {
  margin-right: -23px !important;
  background: transparent url(/web/webimages/slider_handle.png?v=10534) no-repeat scroll top left !important;
}

.ui-slider-vertical .ui-slider-handle {
  overflow: visible;
  z-index: 30;
}

.ui-slider-vertical .handle_box {
  height: 100%;
  width: 100%;
  position: absolute;
  behavior: url(iepngfix.htc?v=1665);
  z-index: 30;
}

[dir=ltr] .ui-slider-vertical .handle_box {
  background: transparent no-repeat scroll top right;
}

[dir=rtl] .ui-slider-vertical .handle_box {
  background: transparent no-repeat scroll top left;
}

.ui-slider-horizontal .ui-slider-handle p {
  width: 47px;
  line-height: 36px;
  font-weight: bold;
}

[dir] .ui-slider-horizontal .ui-slider-handle p {
  text-align: center;
}

.ui-slider-handle p span {
  font-weight: bold;
}

.page_help_link {
  display: none;
}

/* Modal dialog styling */
.modal_dialog {
  /* display: none in the stylesheet breaks the .net js display logic, but you can do it on the individual elements */
  width: 560px; /* can be overridden on individual dialogs */
  position: fixed !important; /* the new version of ajax control toolkit keeps the dialog inside it's container, but we want to force it relative to the document */
}
[dir] .modal_dialog {
  background-color: #fff;
}

.modal_dialog .dialog_title {
  position: relative;
  font-weight: bold;
  font-size: 14px;
  color: #333333;
}

[dir] .modal_dialog .dialog_title {
  background-color: #eee;
}

[dir=ltr] .modal_dialog .dialog_title {
  padding: 10px 26px 10px 20px;
}

[dir=rtl] .modal_dialog .dialog_title {
  padding: 10px 20px 10px 26px;
}

.dialog_title .dialog_close {
  position: absolute;
  top: 50%;
  width: 13px;
  height: 23px;
  outline: none;
}

[dir] .dialog_title .dialog_close {
  margin-top: -9px;
  border: none;
  cursor: pointer;
}

[dir=ltr] .dialog_title .dialog_close {
  right: 15px;
  background: transparent url(/web/webimages/cancel_blue_circle.png?v=15990) no-repeat left top;
}

[dir=rtl] .dialog_title .dialog_close {
  left: 15px;
  background: transparent url(/web/webimages/cancel_blue_circle.png?v=15990) no-repeat right top;
}

[dir=ltr] .modal_dialog .dialog_container {
  padding: 10px 26px 15px 20px;
}

[dir=rtl] .modal_dialog .dialog_container {
  padding: 10px 20px 15px 26px;
}

[dir] .modal_dialog p {
  margin-bottom: 15px;
}

.modal_background {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

[dir] .modal_background {
  background: #666666 url(/web/webimages/dialog/ui-bg_diagonals-thick_20_666666_40x40.png?v=7718) repeat scroll 50% 50%;
}

[dir=ltr] .modal_background {
  left: 0;
}

[dir=rtl] .modal_background {
  right: 0;
}

/*Feedback*/
.feedback_popup {
  width: 560px;
  position: fixed !important; /* see modal_dialog comment above */
}
[dir] .feedback_popup {
  background-color: #fff;
}

.feedback_popup .feedback_title {
  position: relative;
  color: #e67626;
  font-weight: bold;
}

[dir] .feedback_popup .feedback_title {
  background-color: #eee;
}

[dir=ltr] .feedback_popup .feedback_title {
  padding: 10px 26px 10px 20px;
}

[dir=rtl] .feedback_popup .feedback_title {
  padding: 10px 20px 10px 26px;
}

[dir=ltr] .feedback_popup .feedback_container {
  padding: 10px 26px 15px 20px;
}

[dir=rtl] .feedback_popup .feedback_container {
  padding: 10px 20px 15px 26px;
}

.feedback_popup .feedback_close {
  position: absolute;
  top: 50%;
}

[dir] .feedback_popup .feedback_close {
  margin-top: -9px;
}

[dir=ltr] .feedback_popup .feedback_close {
  right: 15px;
}

[dir=rtl] .feedback_popup .feedback_close {
  left: 15px;
}

[dir] .feedback_popup p {
  margin-bottom: 15px;
}

.feedback_popup h3 {
  color: #E67626;
}

[dir] .feedback_popup .feedback_item {
  margin-top: 10px;
}

.feedback_popup .question {
  display: block;
}

[dir] .feedback_popup .question {
  margin-bottom: 7px;
}

.feedback_popup .left {
  width: 100px;
}

[dir=ltr] .feedback_popup .left {
  float: left;
}

[dir=rtl] .feedback_popup .left {
  float: right;
}

.feedback_popup .right {
  width: 399px;
}

[dir=ltr] .feedback_popup .right {
  float: left;
  margin: 0 0 0 15px;
}

[dir=rtl] .feedback_popup .right {
  float: right;
  margin: 0 15px 0 0;
}

.feedback_popup textarea {
  width: 100%;
}

[dir] .feedback_popup textarea {
  margin: 0;
}

[dir=ltr] .feedback_popup input[type=radio] {
  margin-left: 0;
}

[dir=rtl] .feedback_popup input[type=radio] {
  margin-right: 0;
}

.feedback_popup input[type=radio] + label {
  font-weight: bold;
}

[dir] .feedback_popup input[type=text] {
  margin-top: 7px;
}

[dir=ltr] .feedback_popup input[type=text] {
  margin-left: 20px;
}

[dir=rtl] .feedback_popup input[type=text] {
  margin-right: 20px;
}

/* New theme button/widgets styling (e.g. in the style of the new lights page) */
/* icon_button for use with FontAwesome inside */
.icon_button, .icon_button:visited {
  text-decoration: none;
  color: #7f7f7f;
  font-size: 14px;
  font-weight: bold;
  outline: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
[dir] .icon_button, [dir] .icon_button:visited {
  background-color: #ffffff;
  border: 0;
  cursor: pointer;
  margin: 1px;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border: 1px solid #bbbbbb;
  border-bottom-color: #a2a2a2;
  border-radius: 5px;
}
[dir=ltr] .icon_button, [dir=ltr] .icon_button:visited {
  padding: 5px 10px 5px 5px;
}
[dir=rtl] .icon_button, [dir=rtl] .icon_button:visited {
  padding: 5px 5px 5px 10px;
}

.icon_button i {
  font-size: 14px;
}

.icon_button.active, .icon_button.active i, .icon_button:hover i {
  color: #e4701e !important;
}

.icon_button:hover {
  color: #e4701e !important; /* to override primary color hover */
  text-decoration: none;
}

/* bg_icon_button is a button where we use our own icon, btn should have icon_button class as well */
[dir] .bg_icon_button {
  background-repeat: no-repeat;
  background-position: 5px center;
}
[dir=ltr] .bg_icon_button {
  padding-left: 25px;
}
[dir=rtl] .bg_icon_button {
  padding-right: 25px;
}

/* When you want a .styledbutton that is actually a link, add .button_link */
.button_link, .button_link:visited, .button_link:hover {
  text-decoration: none;
  height: 26px;
  line-height: 26px;
}

.styledbutton.button_link, .styledbutton.button_link:visited, .styledbutton.button_link:hover {
  color: #f1f1f1 !important;
}

.styledcancelbutton.button_link, .styledcancelbutton.button_link:visited, .styledcancelbutton.button_link:hover {
  color: #333333 !important;
}

.button_link i {
  font-size: 12px;
}

[dir=ltr] .button_link i {
  margin-right: 3px;
}

[dir=rtl] .button_link i {
  margin-left: 3px;
}

/* an action button, like the on/off on the lights page */
.action_button {
  height: 28px;
  color: #555555;
  font-weight: bold;
  font-size: 14px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  outline: none;
}
[dir] .action_button {
  text-align: center;
  background-color: #f5f5f5;
  background-image: linear-gradient(#ffffff, #e6e6e6);
  background-repeat: repeat-x;
  cursor: pointer;
  margin: 0px;
  padding: 0px;
  border: 0px;
}
[dir=ltr] .action_button {
  float: right;
}
[dir=rtl] .action_button {
  float: left;
}

[dir] .action_button:hover {
  background-color: #dadada;
}

[dir=ltr] .left {
  float: left;
}

[dir=rtl] .left {
  float: right;
}

[dir=ltr] .right {
  float: right;
}

[dir=rtl] .right {
  float: left;
}

/*for user code pop-up 
.confirm-dialog .base  
{
    border-top: #ddd 10px ; background: url(img/base.png) no-repeat left bottom;
    padding-bottom: 4px;margin-left: -11px;margin-right: -11px;
    padding-top: 4px;text-align: center;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
    -moz-border-radius-bottomright: 50px;
    border-bottom-right-radius: 50px;
}*/
.modalBackground {
  filter: alpha(opacity=70);
  opacity: 0.7;
}
[dir] .modalBackground {
  background-color: Gray;
}

.confirm-dialog .base {
  overflow: hidden;
  position: absolute;
  width: 300px;
  color: #333333;
  /* rounded corners in FF, Chrome/Safari, and CSS3 */
  -moz-border-radius: 15px !important;
  -webkit-border-radius: 15px !important;
}

[dir] .confirm-dialog .base {
  background: #EEEEEE url(/web/webimages/dialog/ui-bg_highlight-soft_100_eeeeee_1x100.png?v=7718) repeat-x scroll 50% top;
  background-color: #FFFFFF;
  border: 1px solid #DDDDDD;
  border-radius: 15px !important;
  border: none !important;
}

.confirm-dialog .dialog-titlebar {
  color: #222222;
  font-weight: bold;
  display: block;
  position: relative;
  line-height: 18px;
  -moz-border-radius: 15px 15px 0 0;
  -webkit-border-radius: 15px 15px 0 0;
}

[dir] .confirm-dialog .dialog-titlebar {
  background: #5C9CCC url(/web/webimages/dialog/ui-bg_gloss-wave_55_5c9ccc_500x100.png?v=9954) repeat-x scroll 50% 50%;
  background: #cccccc;
  border: none;
  padding: 0.5em 1em;
  border-radius: 15px 15px 0 0;
}

/*
 *	MM: new UI styles used in the new components
 */
/* CS: Don't want to mess with the old styles but want to get rid of important */
.vertical-middle-outer-responsive {
  display: table;
  height: 100%;
}

.vertical-middle-inner-responsive {
  display: table-cell;
  vertical-align: middle;
}

/* end vertical middle fixes */
/* word break for very long words */
.word-break {
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -hp-pre-wrap; /* HP printers */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

/* page description and links */
div.PageDesc {
  color: #5A5A5A;
}

div.PageDesc a {
  color: #5A5A5A;
}

.row-fluid.no-min-height,
.row-fluid.no-min-height [class*=span] {
  min-height: auto;
}

.row-fluid.single-line {
  line-height: 30px;
}

.row-fluid.min-height-20,
.row-fluid.min-height-20 [class*=span] {
  min-height: 20px;
}

.row-fluid.min-height-20.single-line {
  line-height: 20px;
}

[dir] .row-fluid.space-before {
  margin-top: 15px;
}

[dir] .row-fluid.space-before-medium {
  margin-top: 10px;
}

[dir] .row-fluid.space-before-small {
  margin-top: 5px;
}

[dir] .alert.space-after-none, [dir] .row-fluid.space-after-none {
  margin-bottom: 0px;
}

[dir] .alert.space-after, [dir] .row-fluid.space-after {
  margin-bottom: 15px;
}

[dir] .alert.space-after-medium, [dir] .row-fluid.space-after-medium {
  margin-bottom: 10px;
}

[dir] .alert.space-after-small, [dir] .row-fluid.space-after-small {
  margin-bottom: 5px;
}

.row-fluid.headerControl {
  width: inherit;
}

[dir=ltr] .padding-left5 {
  padding-left: 5px;
}

[dir=rtl] .padding-left5 {
  padding-right: 5px;
}

/* handle old page style gracefully */
.deprecated-style .headerControl {
  width: 800px;
}
[dir] .deprecated-style .headerControl {
  margin: 0px;
}

/* hover highlights for row */
.inactive {
  color: #ccc;
}
.hc .inactive {
  color: #949494;
}
.dark .inactive {
  color: #505257;
}
.hc.dark .inactive {
  color: #67696f;
}

.main_box_noshadow .section-divider {
  *width: 100%;
  height: 1px;
  overflow: hidden;
  width: 100%;
}

[dir] .main_box_noshadow .section-divider {
  margin: 9px 1px;
  *margin: -5px 0 5px;
  background-color: #e5e5e5;
  border-bottom: 1px solid #ffffff;
}

[dir=ltr] .main_box_noshadow .section-divider {
  float: left;
}

[dir=rtl] .main_box_noshadow .section-divider {
  float: right;
}

/* time of day styling with bootstrap */
.time-of-day-bootstrap .time-of-day-hours,
.time-of-day-bootstrap .time-of-day-minutes,
.time-of-day-bootstrap .time-of-day-ampm {
  width: 60px;
}

[dir=ltr] .time-of-day-bootstrap .time-of-day-hours {
  margin-right: 5px;
}

[dir=rtl] .time-of-day-bootstrap .time-of-day-hours {
  margin-left: 5px;
}

[dir=ltr] .time-of-day-bootstrap .time-of-day-minutes {
  margin-left: 5px;
}

[dir=rtl] .time-of-day-bootstrap .time-of-day-minutes {
  margin-right: 5px;
}

[dir=ltr] .time-of-day-bootstrap .time-of-day-ampm {
  margin-left: 5px;
}

[dir=rtl] .time-of-day-bootstrap .time-of-day-ampm {
  margin-right: 5px;
}

/* notification schedule with bootstrap */
[dir=ltr] .notificationSchedule.bootstrap .rightScheduleCell td {
  padding-left: 10px;
}
[dir=rtl] .notificationSchedule.bootstrap .rightScheduleCell td {
  padding-right: 10px;
}

.notificationSchedule.bootstrap select {
  width: 150px;
}

[dir=ltr] .notificationSchedule.bootstrap select {
  margin-left: 10px;
}

[dir=rtl] .notificationSchedule.bootstrap select {
  margin-right: 10px;
}

.notificationSchedule.bootstrap .schedule-days-menu {
  text-transform: uppercase;
}

[dir=ltr] .notificationSchedule.bootstrap .schedule-days-menu {
  padding-left: 10px;
}

[dir=rtl] .notificationSchedule.bootstrap .schedule-days-menu {
  padding-right: 10px;
}

.notificationSchedule.bootstrap .schedule-days-checkbox {
  display: none;
  opacity: 0;
  position: absolute;
  z-index: -1;
}

.pcHelpLink {
  text-decoration: none;
}

.pcHelpLink:hover {
  text-decoration: underline;
}

.history_desc_alarm {
  color: #d92c29;
}
.hc .history_desc_alarm {
  color: #d92c29;
}
.dark .history_desc_alarm {
  color: #e8524f;
}
.hc.dark .history_desc_alarm {
  color: #ef8a88;
}

/* BOOTSTRAP 3 fix for old UI */
.main_nav,
.main_nav *,
.main_nav *:before,
.main_nav *:after,
.sub_nav,
.sub_nav *,
.sub_nav *:before,
.sub_nav *:after,
#main_header,
#main_header *,
#main_header *:before,
#main_header *:after,
.main_box_noshadow {
  box-sizing: content-box;
}

.ui-dialog,
.ui-dialog *,
.ui-dialog *:before,
.ui-dialog *:after {
  box-sizing: content-box;
}

.ui-dialog {
  /* allow things like tooltips to overflow */
  overflow: visible !important;
}

.ui-widget-overlay {
  z-index: 1001;
}

.ui-dialog.ui-widget {
  z-index: 1002;
}

[dir] .ui-button.ui-dialog-titlebar-close {
  background: transparent;
  border: none;
}

/* END BOOTSTRAP 3 fix for old UI */