@charset "UTF-8";
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: normal;
  src: local("Droid Sans"), local("DroidSans"), url("../fonts/droid.woff") format("woff"); }

body {
	background-color: rgb(255,255,255);
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-size: 13px;
	font-family: 'Droid Sans', sans-serif;
    font: 14px "Lucida Grande", Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0px;
    padding: 0px;
}

h1, h2, h3, h4, h5 {
  font-family: "Helvetica", sans-serif;
  font-size: 18px; }

h1 {
  font-size: 24px; }

h2 {
  font-size: 21px; }

h3 {
  font-size: 18px; }

h4 {
  font-size: 15px; }

h5 {
  font-size: 13px; }

.small {
  font-size: 11px; }

a {
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px; }
  a:hover {
    text-decoration: none; }

.fake_radio_outer, .status_dot_outer {
  display: inline-block;
  height: 13px;
  width: 13px;
  -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.4);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  border-radius: 15px;
  position: relative;
  top: 1px; }

.fake_radio, .status_dot {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.6), 0px 1px 1px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.6), 0px 1px 1px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.6), 0px 1px 1px rgba(0, 0, 0, 0.6);
  height: 8px;
  width: 8px;
  background-color: #FF0000;
  display: inline-block;
  margin-left: 2px;
  position: relative;
  top: 0px;
  -webkit-transition-duration: 300ms;
  -moz-transition-duration: 300ms;
  -ms-transition-duration: 300ms;
  -o-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: opactiy;
  -moz-transition-property: opactiy;
  -ms-transition-property: opactiy;
  -o-transition-property: opactiy;
  transition-property: opactiy; }

.good_sort .fake_radio, .good_sort .status_dot, .good_sort.status_dot, [data-status="good"] .fake_radio, [data-status="good"] .status_dot, [data-status="good"].status_dot {
  background-color: #20b85d;
  border: solid 1px #188d47; }

.fail_sort .fake_radio, .fail_sort .status_dot, .fail_sort.status_dot, [data-status="failure"] .fake_radio, [data-status="failure"] .status_dot, [data-status="failure"].status_dot {
  background-color: #ED0900;
  border: solid 1px #ba0700; }

.warning_sort .fake_radio, .warning_sort .status_dot, .warning_sort.status_dot, [data-status="warning"] .fake_radio, [data-status="warning"] .status_dot, [data-status="warning"].status_dot {
  background-color: #f5de01;
  border: solid 1px #c2b001; }

.offline_sort .fake_radio, .offline_sort .status_dot, .offline_sort.status_dot, [data-status="offline"] .fake_radio, [data-status="offline"] .status_dot, [data-status="offline"].status_dot, [data-status="unknown"] .fake_radio, [data-status="unknown"] .status_dot, [data-status="unknown"].status_dot {
  background-color: #757575;
  border: solid 1px #5c5c5c; }

.btn {
  cursor: pointer;
  display: inline-block;
  padding: 3px 13px;
  font-family: "Helvetica", sans-serif;
  font-size: 13px;
  line-height: 17px;
  color: #202020;
  border: solid 1px #202020;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset rgba(255, 255, 255, 0.6) 0px 1px 0px;
  -moz-box-shadow: inset rgba(255, 255, 255, 0.6) 0px 1px 0px;
  box-shadow: inset rgba(255, 255, 255, 0.6) 0px 1px 0px;
  background-color: #ffffff;
  background-image: -webkit-gradient(linear, 90deg, 90deg, color-stop(0%, #cfcfcf), color-stop(18.26%, #dfdfdf), color-stop(94.51%, #f1f1f1), color-stop(100%, #f1f1f1));
  background-image: -webkit-linear-gradient(90deg, #cfcfcf 0%, #dfdfdf 18.26%, #f1f1f1 94.51%, #f1f1f1 100%);
  background-image: -moz-linear-gradient(90deg, #cfcfcf 0%, #dfdfdf 18.26%, #f1f1f1 94.51%, #f1f1f1 100%);
  background-image: -o-linear-gradient(90deg, #cfcfcf 0%, #dfdfdf 18.26%, #f1f1f1 94.51%, #f1f1f1 100%);
  background-image: -ms-linear-gradient(90deg, #cfcfcf 0%, #dfdfdf 18.26%, #f1f1f1 94.51%, #f1f1f1 100%);
  background-image: linear-gradient(90deg, #cfcfcf 0%, #dfdfdf 18.26%, #f1f1f1 94.51%, #f1f1f1 100%);
  text-decoration: none !important;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  .btn:active {
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
    box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px; }
  .btn.large {
    padding: 6px 13px;
    font-size: 15px; }
  .btn.small {
    padding: 6px 10px;
    font-size: 11px;
    line-height: 100%; }

.btn.green {
  background-color: #1eb969;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1EB969', endColorstr='#FF06A43F');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1eb969), color-stop(17%, #19b364), color-stop(24%, #16af61), color-stop(25%, #13ad60), color-stop(41%, #0da55a), color-stop(46%, #09a156), color-stop(70%, #01984c), color-stop(87%, #019846), color-stop(91%, #029d41), color-stop(100%, #06a43f));
  background-image: -webkit-linear-gradient(top, #1eb969 0%, #19b364 17%, #16af61 24%, #13ad60 25%, #0da55a 41%, #09a156 46%, #01984c 70%, #019846 87%, #029d41 91%, #06a43f 100%);
  background-image: -moz-linear-gradient(top, #1eb969 0%, #19b364 17%, #16af61 24%, #13ad60 25%, #0da55a 41%, #09a156 46%, #01984c 70%, #019846 87%, #029d41 91%, #06a43f 100%);
  background-image: -o-linear-gradient(top, #1eb969 0%, #19b364 17%, #16af61 24%, #13ad60 25%, #0da55a 41%, #09a156 46%, #01984c 70%, #019846 87%, #029d41 91%, #06a43f 100%);
  background-image: -ms-linear-gradient(top, #1eb969 0%, #19b364 17%, #16af61 24%, #13ad60 25%, #0da55a 41%, #09a156 46%, #01984c 70%, #019846 87%, #029d41 91%, #06a43f 100%);
  background-image: linear-gradient(top, #1eb969 0%, #19b364 17%, #16af61 24%, #13ad60 25%, #0da55a 41%, #09a156 46%, #01984c 70%, #019846 87%, #029d41 91%, #06a43f 100%);
  -webkit-box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, #8eb89e 0px 1px 2px;
  -moz-box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, #8eb89e 0px 1px 2px;
  box-shadow: inset rgba(255, 255, 255, 0.5) 0px 1px 0px, #8eb89e 0px 1px 2px;
  color: #FFF;
  border: solid 1px #145f33; }
  .btn.green:hover {
    background-color: #1ace72;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1ACE72', endColorstr='#FF0EAB44');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1ace72), color-stop(15%, #19c76e), color-stop(42%, #11b564), color-stop(70%, #0ba858), color-stop(83%, #0ca654), color-stop(88%, #0ba64d), color-stop(100%, #0eab44));
    background-image: -webkit-linear-gradient(top, #1ace72 0%, #19c76e 15%, #11b564 42%, #0ba858 70%, #0ca654 83%, #0ba64d 88%, #0eab44 100%);
    background-image: -moz-linear-gradient(top, #1ace72 0%, #19c76e 15%, #11b564 42%, #0ba858 70%, #0ca654 83%, #0ba64d 88%, #0eab44 100%);
    background-image: -o-linear-gradient(top, #1ace72 0%, #19c76e 15%, #11b564 42%, #0ba858 70%, #0ca654 83%, #0ba64d 88%, #0eab44 100%);
    background-image: -ms-linear-gradient(top, #1ace72 0%, #19c76e 15%, #11b564 42%, #0ba858 70%, #0ca654 83%, #0ba64d 88%, #0eab44 100%);
    background-image: linear-gradient(top, #1ace72 0%, #19c76e 15%, #11b564 42%, #0ba858 70%, #0ca654 83%, #0ba64d 88%, #0eab44 100%); }
  .btn.green:active {
    background-color: #1fba6a;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF1FBA6A', endColorstr='#FF078436');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1fba6a), color-stop(30%, #16b162), color-stop(55%, #08a657), color-stop(91%, #00984a), color-stop(92%, #019345), color-stop(94%, #019345), color-stop(95%, #038c3e), color-stop(98%, #038c3e), color-stop(99%, #078436), color-stop(100%, #078436));
    background-image: -webkit-linear-gradient(top, #1fba6a 0%, #16b162 30%, #08a657 55%, #00984a 91%, #019345 92%, #019345 94%, #038c3e 95%, #038c3e 98%, #078436 99%, #078436 100%);
    background-image: -moz-linear-gradient(top, #1fba6a 0%, #16b162 30%, #08a657 55%, #00984a 91%, #019345 92%, #019345 94%, #038c3e 95%, #038c3e 98%, #078436 99%, #078436 100%);
    background-image: -o-linear-gradient(top, #1fba6a 0%, #16b162 30%, #08a657 55%, #00984a 91%, #019345 92%, #019345 94%, #038c3e 95%, #038c3e 98%, #078436 99%, #078436 100%);
    background-image: -ms-linear-gradient(top, #1fba6a 0%, #16b162 30%, #08a657 55%, #00984a 91%, #019345 92%, #019345 94%, #038c3e 95%, #038c3e 98%, #078436 99%, #078436 100%);
    background-image: linear-gradient(top, #1fba6a 0%, #16b162 30%, #08a657 55%, #00984a 91%, #019345 92%, #019345 94%, #038c3e 95%, #038c3e 98%, #078436 99%, #078436 100%);
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 2px; }

.btn.blue {
  color: #FFF;
  border: solid 1px #10375b;
  -webkit-box-shadow: inset rgba(255, 255, 255, 0.4) 0px 1px 0px;
  -moz-box-shadow: inset rgba(255, 255, 255, 0.4) 0px 1px 0px;
  box-shadow: inset rgba(255, 255, 255, 0.4) 0px 1px 0px;
  background-color: #2984dc;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2984DC', endColorstr='#FF117CE7');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2984dc), color-stop(19%, #267fd5), color-stop(56%, #1c71c0), color-stop(83%, #176cbd), color-stop(87%, #166cbe), color-stop(88%, #136ec4), color-stop(90%, #136ec4), color-stop(92%, #1272cf), color-stop(94%, #1272cf), color-stop(95%, #1177dc), color-stop(98%, #1177dc), color-stop(99%, #117ce7), color-stop(100%, #117ce7));
  background-image: -webkit-linear-gradient(top, #2984dc 0%, #267fd5 19%, #1c71c0 56%, #176cbd 83%, #166cbe 87%, #136ec4 88%, #136ec4 90%, #1272cf 92%, #1272cf 94%, #1177dc 95%, #1177dc 98%, #117ce7 99%, #117ce7 100%);
  background-image: -moz-linear-gradient(top, #2984dc 0%, #267fd5 19%, #1c71c0 56%, #176cbd 83%, #166cbe 87%, #136ec4 88%, #136ec4 90%, #1272cf 92%, #1272cf 94%, #1177dc 95%, #1177dc 98%, #117ce7 99%, #117ce7 100%);
  background-image: -o-linear-gradient(top, #2984dc 0%, #267fd5 19%, #1c71c0 56%, #176cbd 83%, #166cbe 87%, #136ec4 88%, #136ec4 90%, #1272cf 92%, #1272cf 94%, #1177dc 95%, #1177dc 98%, #117ce7 99%, #117ce7 100%);
  background-image: -ms-linear-gradient(top, #2984dc 0%, #267fd5 19%, #1c71c0 56%, #176cbd 83%, #166cbe 87%, #136ec4 88%, #136ec4 90%, #1272cf 92%, #1272cf 94%, #1177dc 95%, #1177dc 98%, #117ce7 99%, #117ce7 100%);
  background-image: linear-gradient(top, #2984dc 0%, #267fd5 19%, #1c71c0 56%, #176cbd 83%, #166cbe 87%, #136ec4 88%, #136ec4 90%, #1272cf 92%, #1272cf 94%, #1177dc 95%, #1177dc 98%, #117ce7 99%, #117ce7 100%); }
  .btn.blue:hover {
    background-color: #449ff5;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF449FF5', endColorstr='#FF117EEB');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #449ff5), color-stop(24%, #3b96eb), color-stop(56%, #2881d5), color-stop(78%, #1e79cd), color-stop(87%, #1b77cd), color-stop(88%, #1777d2), color-stop(91%, #1777d2), color-stop(92%, #1478d9), color-stop(94%, #1478d9), color-stop(95%, #127be3), color-stop(98%, #127be3), color-stop(99%, #117eeb), color-stop(100%, #117eeb));
    background-image: -webkit-linear-gradient(top, #449ff5 0%, #3b96eb 24%, #2881d5 56%, #1e79cd 78%, #1b77cd 87%, #1777d2 88%, #1777d2 91%, #1478d9 92%, #1478d9 94%, #127be3 95%, #127be3 98%, #117eeb 99%, #117eeb 100%);
    background-image: -moz-linear-gradient(top, #449ff5 0%, #3b96eb 24%, #2881d5 56%, #1e79cd 78%, #1b77cd 87%, #1777d2 88%, #1777d2 91%, #1478d9 92%, #1478d9 94%, #127be3 95%, #127be3 98%, #117eeb 99%, #117eeb 100%);
    background-image: -o-linear-gradient(top, #449ff5 0%, #3b96eb 24%, #2881d5 56%, #1e79cd 78%, #1b77cd 87%, #1777d2 88%, #1777d2 91%, #1478d9 92%, #1478d9 94%, #127be3 95%, #127be3 98%, #117eeb 99%, #117eeb 100%);
    background-image: -ms-linear-gradient(top, #449ff5 0%, #3b96eb 24%, #2881d5 56%, #1e79cd 78%, #1b77cd 87%, #1777d2 88%, #1777d2 91%, #1478d9 92%, #1478d9 94%, #127be3 95%, #127be3 98%, #117eeb 99%, #117eeb 100%);
    background-image: linear-gradient(top, #449ff5 0%, #3b96eb 24%, #2881d5 56%, #1e79cd 78%, #1b77cd 87%, #1777d2 88%, #1777d2 91%, #1478d9 92%, #1478d9 94%, #127be3 95%, #127be3 98%, #117eeb 99%, #117eeb 100%); }
  .btn.blue:active {
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 2px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 2px;
    box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 2px; }

.btn.red {
  color: #FFF;
  border: solid 1px #863030;
  background-color: #f5000f;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF5000F', endColorstr='#FFBE0910');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5000f), color-stop(76%, #d8030f), color-stop(100%, #be0910));
  background-image: -webkit-linear-gradient(top, #f5000f 0%, #d8030f 76%, #be0910 100%);
  background-image: -moz-linear-gradient(top, #f5000f 0%, #d8030f 76%, #be0910 100%);
  background-image: -o-linear-gradient(top, #f5000f 0%, #d8030f 76%, #be0910 100%);
  background-image: -ms-linear-gradient(top, #f5000f 0%, #d8030f 76%, #be0910 100%);
  background-image: linear-gradient(top, #f5000f 0%, #d8030f 76%, #be0910 100%);
  -webkit-box-shadow: inset rgba(255, 255, 255, 0.4) 0px 1px 0px;
  -moz-box-shadow: inset rgba(255, 255, 255, 0.4) 0px 1px 0px;
  box-shadow: inset rgba(255, 255, 255, 0.4) 0px 1px 0px; }
  .btn.red:hover {
    background-color: #f62c32;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF62C32', endColorstr='#FFE50F16');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f62c32), color-stop(40%, #f02328), color-stop(47%, #ee1f24), color-stop(77%, #e9171c), color-stop(79%, #e8141a), color-stop(100%, #e50f16));
    background-image: -webkit-linear-gradient(top, #f62c32 0%, #f02328 40%, #ee1f24 47%, #e9171c 77%, #e8141a 79%, #e50f16 100%);
    background-image: -moz-linear-gradient(top, #f62c32 0%, #f02328 40%, #ee1f24 47%, #e9171c 77%, #e8141a 79%, #e50f16 100%);
    background-image: -o-linear-gradient(top, #f62c32 0%, #f02328 40%, #ee1f24 47%, #e9171c 77%, #e8141a 79%, #e50f16 100%);
    background-image: -ms-linear-gradient(top, #f62c32 0%, #f02328 40%, #ee1f24 47%, #e9171c 77%, #e8141a 79%, #e50f16 100%);
    background-image: linear-gradient(top, #f62c32 0%, #f02328 40%, #ee1f24 47%, #e9171c 77%, #e8141a 79%, #e50f16 100%); }
  .btn.red:active {
    -webkit-box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 4px;
    -moz-box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 4px;
    box-shadow: inset rgba(0, 0, 0, 0.7) 0px 1px 4px; }

.arrow-down {
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid white; }

.arrow-up {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white; }

.arrow-left {
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid rgba(255, 255, 255, 0.3); }

.table_view_icon {
  background: url("../images/table_view_icon.png") no-repeat center center; }

.dashboard_view_icon {
  background: url("../images/dashboard_icon.png") no-repeat center center; }

#top_header {
  height: 40px;
  position: relative;
  width: 100%;
  margin-bottom: 40px;
  background: #000;
  -webkit-box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 2px;
  box-shadow: rgba(0, 0, 0, 0.7) 0px 1px 2px; }

#menu_selector {
  position: relative;
  width: 160px;
  cursor: pointer;
  height: 25px;
  color: #FFF;
  font-size: 10px;
  background-color: #2c2c2c;
  margin: 6px 10px 0px 0px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-box-shadow: #2a2a2a 0px 1px 0px;
  -moz-box-shadow: #2a2a2a 0px 1px 0px;
  box-shadow: #2a2a2a 0px 1px 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF2C2C2C', endColorstr='#FF1E1E1E');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2c2c2c), color-stop(3%, #2c2c2c), color-stop(4%, #303030), color-stop(7%, #303030), color-stop(9%, #353535), color-stop(16%, #373737), color-stop(38%, #313131), color-stop(49%, #2c2c2c), color-stop(60%, #2a2a2a), color-stop(71%, #252525), color-stop(82%, #232323), color-stop(84%, #212121), color-stop(100%, #1e1e1e));
  background-image: -webkit-linear-gradient(top, #2c2c2c 0%, #2c2c2c 3%, #303030 4%, #303030 7%, #353535 9%, #373737 16%, #313131 38%, #2c2c2c 49%, #2a2a2a 60%, #252525 71%, #232323 82%, #212121 84%, #1e1e1e 100%);
  background-image: -moz-linear-gradient(top, #2c2c2c 0%, #2c2c2c 3%, #303030 4%, #303030 7%, #353535 9%, #373737 16%, #313131 38%, #2c2c2c 49%, #2a2a2a 60%, #252525 71%, #232323 82%, #212121 84%, #1e1e1e 100%);
  background-image: -o-linear-gradient(top, #2c2c2c 0%, #2c2c2c 3%, #303030 4%, #303030 7%, #353535 9%, #373737 16%, #313131 38%, #2c2c2c 49%, #2a2a2a 60%, #252525 71%, #232323 82%, #212121 84%, #1e1e1e 100%);
  background-image: -ms-linear-gradient(top, #2c2c2c 0%, #2c2c2c 3%, #303030 4%, #303030 7%, #353535 9%, #373737 16%, #313131 38%, #2c2c2c 49%, #2a2a2a 60%, #252525 71%, #232323 82%, #212121 84%, #1e1e1e 100%);
  background-image: linear-gradient(top, #2c2c2c 0%, #2c2c2c 3%, #303030 4%, #303030 7%, #353535 9%, #373737 16%, #313131 38%, #2c2c2c 49%, #2a2a2a 60%, #252525 71%, #232323 82%, #212121 84%, #1e1e1e 100%);
  border: solid 1px #000;
  z-index: 999; }
  #menu_selector .inner {
    padding: 5px; }
    #menu_selector .inner img {
      margin-left: -3px;
      margin-top: -3px; }
  #menu_selector a {
    color: rgba(255, 255, 255, 0.9); }
  #menu_selector .name {
    width: 75%;
    overflow: hidden;
    height: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-left: 5px; }
  #menu_selector .image_container {
    width: 15px;
    height: 15px;
    overflow: hidden;
    border: solid 1px #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: #2a2a2a 0px 1px 0px;
    -moz-box-shadow: #2a2a2a 0px 1px 0px;
    box-shadow: #2a2a2a 0px 1px 0px; }
  #menu_selector .arrow-down {
    position: absolute;
    right: 5px;
    top: 12px; }
  #menu_selector.expanded ul.contents {
    display: block !important; }
  #menu_selector ul.contents {
    width: 100%;
    background-color: #272727;
    border: solid 1px #000;
    margin: 0px auto;
    margin-top: 3px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    #menu_selector ul.contents .menu_item {
      padding: 4px 10px;
      border-bottom: solid 1px #161616;
      -webkit-box-shadow: #303030 0px 1px 0px;
      -moz-box-shadow: #303030 0px 1px 0px;
      box-shadow: #303030 0px 1px 0px;
      background-color: rgba(255, 255, 255, 0);
      -webkit-transition-property: background-color;
      -moz-transition-property: background-color;
      -ms-transition-property: background-color;
      -o-transition-property: background-color;
      transition-property: background-color;
      -webkit-transition-duration: 200ms;
      -moz-transition-duration: 200ms;
      -ms-transition-duration: 200ms;
      -o-transition-duration: 200ms;
      transition-duration: 200ms; }
      #menu_selector ul.contents .menu_item.last {
        border-bottom: solid 0px transparent;
        -webkit-box-shadow: transparent 0px 0px 0px;
        -moz-box-shadow: transparent 0px 0px 0px;
        box-shadow: transparent 0px 0px 0px; }
      #menu_selector ul.contents .menu_item:hover {
        background-color: rgba(255, 255, 255, 0.1); }
    #menu_selector ul.contents .arrow-up {
      border-bottom: 6px solid #272727;
      margin: 0px auto;
      top: -6px;
      position: relative;
      margin-bottom: -6px; }
    #menu_selector ul.contents a {
      width: 100%;
      display: block; }

#tabs {
  width: 430px;
  float: right;
  text-align: right; }
  #tabs li {
    display: inline-block;
    border: solid 1px #ababab;
    border-left: 0px;
    background-color: #fcfcfc;
    padding: 0px 5px; }
    #tabs li:first-child {
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      -ms-border-top-left-radius: 4px;
      -o-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-border-radius-bottomleft: 4px;
      -webkit-border-bottom-left-radius: 4px;
      -ms-border-bottom-left-radius: 4px;
      -o-border-bottom-left-radius: 4px;
      border-bottom-left-radius: 4px;
      border-left: solid 1px #ababab; }
    #tabs li:last-child {
      -moz-border-radius-topright: 4px;
      -webkit-border-top-right-radius: 4px;
      -ms-border-top-right-radius: 4px;
      -o-border-top-right-radius: 4px;
      border-top-right-radius: 4px;
      -moz-border-radius-bottomright: 4px;
      -webkit-border-bottom-right-radius: 4px;
      -ms-border-bottom-right-radius: 4px;
      -o-border-bottom-right-radius: 4px;
      border-bottom-right-radius: 4px;
      border-right: solid 1px #ababab; }
    #tabs li.active {
      background-color: #252525;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF252525', endColorstr='#FF454445');
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #252525), color-stop(5%, #252525), color-stop(13%, #292929), color-stop(15%, #2c2c2c), color-stop(17%, #2c2c2c), color-stop(19%, #2f2f2f), color-stop(21%, #2f2f2f), color-stop(23%, #323232), color-stop(27%, #343434), color-stop(75%, #414041), color-stop(100%, #454445));
      background-image: -webkit-linear-gradient(top, #252525 0%, #252525 5%, #292929 13%, #2c2c2c 15%, #2c2c2c 17%, #2f2f2f 19%, #2f2f2f 21%, #323232 23%, #343434 27%, #414041 75%, #454445 100%);
      background-image: -moz-linear-gradient(top, #252525 0%, #252525 5%, #292929 13%, #2c2c2c 15%, #2c2c2c 17%, #2f2f2f 19%, #2f2f2f 21%, #323232 23%, #343434 27%, #414041 75%, #454445 100%);
      background-image: -o-linear-gradient(top, #252525 0%, #252525 5%, #292929 13%, #2c2c2c 15%, #2c2c2c 17%, #2f2f2f 19%, #2f2f2f 21%, #323232 23%, #343434 27%, #414041 75%, #454445 100%);
      background-image: -ms-linear-gradient(top, #252525 0%, #252525 5%, #292929 13%, #2c2c2c 15%, #2c2c2c 17%, #2f2f2f 19%, #2f2f2f 21%, #323232 23%, #343434 27%, #414041 75%, #454445 100%);
      background-image: linear-gradient(top, #252525 0%, #252525 5%, #292929 13%, #2c2c2c 15%, #2c2c2c 17%, #2f2f2f 19%, #2f2f2f 21%, #323232 23%, #343434 27%, #414041 75%, #454445 100%); }
      #tabs li.active a {
        color: #FFF; }
  #tabs .tabs a {
    opacity: 0.9;
    font-size: 13px;
    font-weight: bold;
    color: #61676d;
    padding: 5px 0px;
    display: inline-block;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    width: 100%;
    display: inline-block;
    text-align: center; }
    #tabs a:hover {
      color: #323436;
      text-decoration: none; }

#sub_tabs .sub_tabs {
  width: 100%;
  border-bottom: solid 1px #aaaaaa;
  text-align: center;
  z-index: 10;
  position: relative; }
  #sub_tabs li {
    width: 15%;
    display: inline-block;
    border: solid 1px #434343;
    border-left: 0px;
    background-color: #666666;
    margin: 0px 5px;
    margin-bottom: -1px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF666666', endColorstr='#FF3C3C3C');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #666666), color-stop(24%, #5f5e5e), color-stop(81%, #474747), color-stop(100%, #3c3c3c));
    background-image: -webkit-linear-gradient(top, #666666 0%, #5f5e5e 24%, #474747 81%, #3c3c3c 100%);
    background-image: -moz-linear-gradient(top, #666666 0%, #5f5e5e 24%, #474747 81%, #3c3c3c 100%);
    background-image: -o-linear-gradient(top, #666666 0%, #5f5e5e 24%, #474747 81%, #3c3c3c 100%);
    background-image: -ms-linear-gradient(top, #666666 0%, #5f5e5e 24%, #474747 81%, #3c3c3c 100%);
    background-image: linear-gradient(top, #666666 0%, #5f5e5e 24%, #474747 81%, #3c3c3c 100%);
    -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.2); }
    #sub_tabs li:first-child {
      border-left: solid 1px #ababab; }
    #sub_tabs li:last-child {
      border-right: solid 1px #ababab; }
    #sub_tabs li.active {
      background: #FFF;
      border: solid 1px #ababab;
      border-bottom: solid 1px #FFF;
      -webkit-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2);
      box-shadow: 0px -1px 2px rgba(0, 0, 0, 0.2); }
      #sub_tabs li.active a {
        color: #424242; }
  #sub_tabs a {
    opacity: 0.9;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    padding: 3px 0px;
    display: inline-block;
    -webkit-transition-property: color;
    -moz-transition-property: color;
    -ms-transition-property: color;
    -o-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    transition-duration: 200ms;
    width: 100%;
    display: inline-block;
    text-align: center; }
    #sub_tabs a:hover {
      text-decoration: none; }

#menu_notifications, .admin_count {
  cursor: pointer;
  border: solid 1px #863030 !important;
  -webkit-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0px 1px 0px rgba(255, 255, 255, 0.3);
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background-color: #ed0900;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFED0900', endColorstr='#FFB60C03');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ed0900), color-stop(26%, #e70600), color-stop(71%, #d30600), color-stop(72%, #d10900), color-stop(87%, #c60900), color-stop(88%, #c10903), color-stop(95%, #bd0c00), color-stop(96%, #ba0c03), color-stop(99%, #ba0c03), color-stop(100%, #b60c03));
  background-image: -webkit-linear-gradient(top, #ed0900 0%, #e70600 26%, #d30600 71%, #d10900 72%, #c60900 87%, #c10903 88%, #bd0c00 95%, #ba0c03 96%, #ba0c03 99%, #b60c03 100%);
  background-image: -moz-linear-gradient(top, #ed0900 0%, #e70600 26%, #d30600 71%, #d10900 72%, #c60900 87%, #c10903 88%, #bd0c00 95%, #ba0c03 96%, #ba0c03 99%, #b60c03 100%);
  background-image: -o-linear-gradient(top, #ed0900 0%, #e70600 26%, #d30600 71%, #d10900 72%, #c60900 87%, #c10903 88%, #bd0c00 95%, #ba0c03 96%, #ba0c03 99%, #b60c03 100%);
  background-image: -ms-linear-gradient(top, #ed0900 0%, #e70600 26%, #d30600 71%, #d10900 72%, #c60900 87%, #c10903 88%, #bd0c00 95%, #ba0c03 96%, #ba0c03 99%, #b60c03 100%);
  background-image: linear-gradient(top, #ed0900 0%, #e70600 26%, #d30600 71%, #d10900 72%, #c60900 87%, #c10903 88%, #bd0c00 95%, #ba0c03 96%, #ba0c03 99%, #b60c03 100%); }
  #menu_notifications a, .admin_count a {
    color: #FFF; }
    #menu_notifications a:hover, .admin_count a:hover {
      color: #FFF; }

.admin_count {
  width: 50% !important;
  float: right !important;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  height: 18px;
  float: left;
  position: relative;
  top: -1px;
  color: white !important;
  margin-bottom: -30px;
  padding: 0px;
  left: -53px; }

#section_results {
  padding: 10px; }

#dashboard_mode h4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  background-color: #fefefe;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFEAEAEA');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(81%, #ececec), color-stop(100%, #eaeaea));
  background-image: -webkit-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
  background-image: -moz-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
  background-image: -o-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
  background-image: -ms-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
  background-image: linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
  border: solid 1px #949494;
  font-size: 14px;
  color: #3f3f3f;
  padding: 4px 10px;
  border: solid 1px #9f9f9f;
  margin-bottom: 13px;
  position: relative; }
  #dashboard_mode h4 span {
    width: 15px;
    height: 13px;
    position: absolute;
    top: 5px;
    right: 5px;
    background: url(../images/new-window-icon.png) top left no-repeat;
    cursor: pointer; }

#PrimaryMemory, #SecondaryMemory {
  height: 125px;
  width: 125px;
  background: url("../images/trans-pie-ring.png") no-repeat; }

#PrimaryCPULoad, #SecondaryCPULoad {
  position: relative;
  width: 250px;
  height: 100px;
  border-left: solid 2px #cccccc;
  border-bottom: solid 2px #cccccc;
  margin: 0px 0px 5px 5px;
  display: inline-block;
  background-image: url("../images/graph-grid.png"); }
  #PrimaryCPULoad .guide, #SecondaryCPULoad .guide {
    z-index: 999;
    position: absolute;
    bottom: 0px;
    font-weight: bold;
    color: #828282;
    font-size: 14px;
    padding-left: 5px;
    right: -40px;
    text-shadow: 0px 1px 0px white; }
  #PrimaryCPULoad .label, #SecondaryCPULoad .label {
    font-weight: bold;
    font-size: 14px; }
  #PrimaryCPULoad .chart_label, #SecondaryCPULoad .chart_label {
    position: absolute;
    top: -26px;
    right: 0px;
    font-weight: bold;
    font-size: 11px;
    border: solid 1px #d1d1d1;
    border-bottom: 0px;
    color: #838383;
    padding: 3px;
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px; }

#dashboard_mode li.host {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
  font-weight: bold;
  color: #464646;
  font-size: 12px;
  font-family: 'Droid Sans', sans-serif;
  width: 87px;
  height: 24px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  cursor: pointer;
  line-height: 25px;
  text-transform: uppercase;
  margin: 0px 10px 10px 0px;
  border: solid 1px #B5B5B5; }
  #dashboard_mode li.host .host_label {
    opacity: 0.9; }
  #dashboard_mode li.host .state {
    display: inline-block;
    height: 100%;
    width: 10px;
    -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.5);
    margin-bottom: -7px;
    margin-right: 4px; }
  #dashboard_mode li.host[data-status="good"] .state {
    background-color: #20b85d;
    border-right: solid 1px #188d47; }
  #dashboard_mode li.host[data-status="warning"] .state {
    background-color: #f5de01;
    border-right: solid 1px #c2b001; }
  #dashboard_mode li.host[data-status="failure"] .state {
    background-color: #f50302;
    border-right: solid 1px #c20202; }
  #dashboard_mode li.host[data-status="offline"] .state, #dashboard_mode li.host[data-status="unknown"] .state {
    background-color: #dddcdd;
    border-right: solid 1px #c4c2c4; }

.group ul {
  margin-bottom: 13px;
  padding: 0px 10px; }

#dashboard_header_wrap {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #000000;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF060606');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(3%, #2c2c2c), color-stop(27%, #252525), color-stop(80%, #0c0c0c), color-stop(100%, #060606));
  background-image: -webkit-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  background-image: -moz-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  background-image: -o-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  background-image: -ms-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  background-image: linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  height: 30px;
  width: 100%; }

#searchLocations {
  width: 120px;
  color: rgba(0, 0, 0, 0.3);
  font-size: 10px;
  border: solid 0px;
  height: 15px;
  margin: 3px 10px;
  line-height: 11px;
  padding-left: 15px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  background-color: #171717;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF171717', endColorstr='#FF2D2D2D');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
  background-image: -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  background-image: -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  background-image: -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  background-image: -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  background-image: linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  -webkit-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6);
  box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.6); }
  #searchLocations:focus {
    color: rgba(255, 255, 255, 0.8); }

#sort_options {
  background-color: #171717;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF171717', endColorstr='#FF2D2D2D');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
  background-image: -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  background-image: -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  background-image: -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  background-image: -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  background-image: linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
  height: 20px;
  margin: 4px 10px 0px 10px;
  width: 285px;
  padding-left: 9px;
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.2); }
  #sort_options label {
    font-size: 12px;
    font-weight: bold;
    opacity: 0.9;
    color: #FFF;
    cursor: pointer; }
  #sort_options input[type="checkbox"] {
    display: none; }
  #sort_options li {
    margin-top: 3px;
    display: inline-block; }
    #sort_options li span {
      display: inline-block;
      margin-right: 13px;
      margin-left: 5px; }
  #sort_options .active .fake_radio {
    opacity: 0.2; }
    #sort_options .active .fake_radio:hover {
      opacity: 0.2; }

#view_mode {
  margin-top: 4px; }
  #view_mode li {
    width: 30px;
    overflow: hidden;
    height: 20px;
    display: inline-block;
    -webkit-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0px 1px 1px rgba(255, 255, 255, 0.1);
    background-color: #303030;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF303030', endColorstr='#FF030303');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #303030), color-stop(22%, #2a2a2a), color-stop(24%, #272727), color-stop(27%, #272727), color-stop(29%, #242424), color-stop(39%, #222222), color-stop(41%, #1f1f1f), color-stop(51%, #1c1c1c), color-stop(53%, #181818), color-stop(57%, #181818), color-stop(59%, #151515), color-stop(63%, #151515), color-stop(65%, #121212), color-stop(69%, #121212), color-stop(71%, #0f0f0f), color-stop(80%, #0d0d0d), color-stop(82%, #0a0a0a), color-stop(86%, #0a0a0a), color-stop(88%, #070707), color-stop(100%, #030303));
    background-image: -webkit-linear-gradient(top, #303030 0%, #2a2a2a 22%, #272727 24%, #272727 27%, #242424 29%, #222222 39%, #1f1f1f 41%, #1c1c1c 51%, #181818 53%, #181818 57%, #151515 59%, #151515 63%, #121212 65%, #121212 69%, #0f0f0f 71%, #0d0d0d 80%, #0a0a0a 82%, #0a0a0a 86%, #070707 88%, #030303 100%);
    background-image: -moz-linear-gradient(top, #303030 0%, #2a2a2a 22%, #272727 24%, #272727 27%, #242424 29%, #222222 39%, #1f1f1f 41%, #1c1c1c 51%, #181818 53%, #181818 57%, #151515 59%, #151515 63%, #121212 65%, #121212 69%, #0f0f0f 71%, #0d0d0d 80%, #0a0a0a 82%, #0a0a0a 86%, #070707 88%, #030303 100%);
    background-image: -o-linear-gradient(top, #303030 0%, #2a2a2a 22%, #272727 24%, #272727 27%, #242424 29%, #222222 39%, #1f1f1f 41%, #1c1c1c 51%, #181818 53%, #181818 57%, #151515 59%, #151515 63%, #121212 65%, #121212 69%, #0f0f0f 71%, #0d0d0d 80%, #0a0a0a 82%, #0a0a0a 86%, #070707 88%, #030303 100%);
    background-image: -ms-linear-gradient(top, #303030 0%, #2a2a2a 22%, #272727 24%, #272727 27%, #242424 29%, #222222 39%, #1f1f1f 41%, #1c1c1c 51%, #181818 53%, #181818 57%, #151515 59%, #151515 63%, #121212 65%, #121212 69%, #0f0f0f 71%, #0d0d0d 80%, #0a0a0a 82%, #0a0a0a 86%, #070707 88%, #030303 100%);
    background-image: linear-gradient(top, #303030 0%, #2a2a2a 22%, #272727 24%, #272727 27%, #242424 29%, #222222 39%, #1f1f1f 41%, #1c1c1c 51%, #181818 53%, #181818 57%, #151515 59%, #151515 63%, #121212 65%, #121212 69%, #0f0f0f 71%, #0d0d0d 80%, #0a0a0a 82%, #0a0a0a 86%, #070707 88%, #030303 100%); }
    #view_mode li.active {
      background-color: #171717;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF171717', endColorstr='#FF2D2D2D');
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
      background-image: -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
      background-image: -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
      background-image: -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
      background-image: -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
      background-image: linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
      -webkit-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.1);
      -moz-box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.1);
      box-shadow: inset 0px -1px 1px rgba(0, 0, 0, 0.1); }
    #view_mode li.first {
      -moz-border-radius-topleft: 10px;
      -webkit-border-top-left-radius: 10px;
      -ms-border-top-left-radius: 10px;
      -o-border-top-left-radius: 10px;
      border-top-left-radius: 10px;
      -moz-border-radius-bottomleft: 10px;
      -webkit-border-bottom-left-radius: 10px;
      -ms-border-bottom-left-radius: 10px;
      -o-border-bottom-left-radius: 10px;
      border-bottom-left-radius: 10px;
      border: solid 1px #000; }
    #view_mode li.second {
      -moz-border-radius-topright: 10px;
      -webkit-border-top-right-radius: 10px;
      -ms-border-top-right-radius: 10px;
      -o-border-top-right-radius: 10px;
      border-top-right-radius: 10px;
      -moz-border-radius-bottomright: 10px;
      -webkit-border-bottom-right-radius: 10px;
      -ms-border-bottom-right-radius: 10px;
      -o-border-bottom-right-radius: 10px;
      border-bottom-right-radius: 10px;
      border-left: 0px; }
    #view_mode li a {
      color: transparent;
      display: inline-block;
      height: 100%;
      width: 100%;
      cursor: pointer; }
      #view_mode li a.table_view_icon {
        background-position: 6px 5px !important; }

#section_results #list_mode table {
  border-collapse: separate;
  border: solid 1px #b6b6b6;
  -webkit-box-shadow: 0px 0px 9px #cccccc;
  -moz-box-shadow: 0px 0px 9px #cccccc;
  box-shadow: 0px 0px 9px #cccccc; }
  #section_results #list_mode table thead {
    -webkit-font-smoothing: antialiased;
    color: #5a5a5a;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #fefefe;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFEAEAEA');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(81%, #ececec), color-stop(100%, #eaeaea));
    background-image: -webkit-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
    background-image: -moz-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
    background-image: -o-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
    background-image: -ms-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
    background-image: linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%); }
    #section_results #list_mode table thead th {
      background-color: transparent; }
  #section_results #list_mode table .fake_radio_outer {
    top: 3px; }
  #section_results #list_mode table .fake_radio {
    margin-left: 0px;
    top: -3px;
    left: 0px;
    zoom: 1.3; }
  #section_results #list_mode table td {
    border-right: solid 1px #b6b6b6; }
  #section_results #list_mode table td.status {
    width: 60px; }

#dashboard .waiter {
  height: 200px;
  background: url("../images/loading.gif") center center no-repeat; }

#hostsTree {
  display: none !important; }

#side_car_wrap {
  position: relative;
  min-width: 10em;
  min-height: 10px;
  margin-top: 15px;
  overflow: hidden;
  width: 10%; }
  #side_car_wrap.mini .min_wrap .arrow-left {
    border-left: 5px solid rgba(255, 255, 255, 0.3);
    border-right: 0px solid transparent; }
  #side_car_wrap.mini a {
    display: none !important; }
  #side_car_wrap #system_tree_wrap {
    border: solid 1px #B5B5B5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFF; }
    #side_car_wrap #system_tree_wrap .header {
      position: relative;
      height: 31px;
      width: 100%;
      color: #FFF;
      -moz-border-radius-topleft: 4px;
      -webkit-border-top-left-radius: 4px;
      -ms-border-top-left-radius: 4px;
      -o-border-top-left-radius: 4px;
      border-top-left-radius: 4px;
      -moz-border-radius-topright: 4px;
      -webkit-border-top-right-radius: 4px;
      -ms-border-top-right-radius: 4px;
      -o-border-top-right-radius: 4px;
      border-top-right-radius: 4px;
      background-color: #000000;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF060606');
      background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(3%, #2c2c2c), color-stop(27%, #252525), color-stop(80%, #0c0c0c), color-stop(100%, #060606));
      background-image: -webkit-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
      background-image: -moz-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
      background-image: -o-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
      background-image: -ms-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
      background-image: linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
      font-weight: bold; }
      #side_car_wrap #system_tree_wrap .header .min_wrap {
        top: 10px;
        position: absolute;
        right: 11px;
        height: 100%;
        width: 50px;
        float: right;
        display: inline-block; }
      #side_car_wrap #system_tree_wrap .header .title {
        -webkit-font-smoothing: antialiased;
        position: relative;
        color: #FFF;
        font-size: 14px;
        display: inline-block;
        width: 100%;
        height: 100%;
        line-height: 25px;
        padding-left: 13px;
        padding-top: 1px;
        -webkit-transition-duration: 200ms;
        -moz-transition-duration: 200ms;
        -ms-transition-duration: 200ms;
        -o-transition-duration: 200ms;
        transition-duration: 200ms;
        -webkit-transition-property: all;
        -moz-transition-property: all;
        -ms-transition-property: all;
        -o-transition-property: all;
        transition-property: all; }
        #side_car_wrap #system_tree_wrap .header .title a { }
          #side_car_wrap #system_tree_wrap .header .title a:hover {
            text-decoration: none;
            color: #5ca3eb;
            text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.9); }
          #side_car_wrap #system_tree_wrap .header .title a:active {
            color: #2582e1; }
    #side_car_wrap #system_tree_wrap .contents .group {
      -webkit-transition-duration: 200ms;
      -moz-transition-duration: 200ms;
      -ms-transition-duration: 200ms;
      -o-transition-duration: 200ms;
      transition-duration: 200ms;
      -webkit-transition-property: all;
      -moz-transition-property: all;
      -ms-transition-property: all;
      -o-transition-property: all;
      transition-property: all;
      border: solid 1px #949494;
      width: 90%;
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px;
      margin: 11px;
      overflow: hidden; }
      #side_car_wrap #system_tree_wrap .contents .group.active {
        -webkit-box-shadow: 0px 0px 3px rgba(35, 128, 222, 0.7);
        -moz-box-shadow: 0px 0px 3px rgba(35, 128, 222, 0.7);
        box-shadow: 0px 0px 3px rgba(35, 128, 222, 0.7);
        border: solid 1px #1970c8; }
        #side_car_wrap #system_tree_wrap .contents .group.active .title {
          background-color: #3087e2;
          *zoom: 1;
          filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF3087E2', endColorstr='#FF1C7DE9');
          background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #3087e2), color-stop(18%, #2e83dc), color-stop(68%, #2170c2), color-stop(86%, #1e6ec1), color-stop(90%, #1d6ec3), color-stop(92%, #1c71ce), color-stop(94%, #1c71ce), color-stop(96%, #1c78dc), color-stop(98%, #1c78dc), color-stop(100%, #1c7de9));
          background-image: -webkit-linear-gradient(top, #3087e2 0%, #2e83dc 18%, #2170c2 68%, #1e6ec1 86%, #1d6ec3 90%, #1c71ce 92%, #1c71ce 94%, #1c78dc 96%, #1c78dc 98%, #1c7de9 100%);
          background-image: -moz-linear-gradient(top, #3087e2 0%, #2e83dc 18%, #2170c2 68%, #1e6ec1 86%, #1d6ec3 90%, #1c71ce 92%, #1c71ce 94%, #1c78dc 96%, #1c78dc 98%, #1c7de9 100%);
          background-image: -o-linear-gradient(top, #3087e2 0%, #2e83dc 18%, #2170c2 68%, #1e6ec1 86%, #1d6ec3 90%, #1c71ce 92%, #1c71ce 94%, #1c78dc 96%, #1c78dc 98%, #1c7de9 100%);
          background-image: -ms-linear-gradient(top, #3087e2 0%, #2e83dc 18%, #2170c2 68%, #1e6ec1 86%, #1d6ec3 90%, #1c71ce 92%, #1c71ce 94%, #1c78dc 96%, #1c78dc 98%, #1c7de9 100%);
          background-image: linear-gradient(top, #3087e2 0%, #2e83dc 18%, #2170c2 68%, #1e6ec1 86%, #1d6ec3 90%, #1c71ce 92%, #1c71ce 94%, #1c78dc 96%, #1c78dc 98%, #1c7de9 100%);
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0px;
          border-radius: 0px;
          border-bottom: solid 1px #10375b;
          border-top: solid 1px rgba(255, 255, 255, 0.3); }
          #side_car_wrap #system_tree_wrap .contents .group.active .title a {
            color: #FFF !important; }
        #side_car_wrap #system_tree_wrap .contents .group.active .contents {
          display: block !important; }
      #side_car_wrap #system_tree_wrap .contents .group .contents {
        display: none; }
        #side_car_wrap #system_tree_wrap .contents .group .contents a {
          font-family: 'Droid Sans';
          color: #545454;
          -webkit-font-smoothing: antialiased;
          font-size: 12px;
          margin: 10px;
          cursor: pointer;
          display: block; }
        #side_car_wrap #system_tree_wrap .contents .group .contents a.has_children {
          font-size: 12px;
          font-weight: bold;
          margin-bottom: 0px; }
          #side_car_wrap #system_tree_wrap .contents .group .contents a.has_children:hover {
            text-decoration: none; }
        #side_car_wrap #system_tree_wrap .contents .group .contents .sub_section {
          margin-left: 10px; }
      #side_car_wrap #system_tree_wrap .contents .group .title {
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        background-color: #fefefe;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFEFEFE', endColorstr='#FFEAEAEA');
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fefefe), color-stop(81%, #ececec), color-stop(100%, #eaeaea));
        background-image: -webkit-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
        background-image: -moz-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
        background-image: -o-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
        background-image: -ms-linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
        background-image: linear-gradient(top, #fefefe 0%, #ececec 81%, #eaeaea 100%);
        -webkit-box-shadow: 0px 5px 3px white;
        -moz-box-shadow: 0px 5px 3px white;
        box-shadow: 0px 5px 3px white;
        height: 24px;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -ms-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px; }
        #side_car_wrap #system_tree_wrap .contents .group .title a {
          padding-left: 10px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap;
          cursor: pointer;
          height: 100%;
          width: 100%;
          font-size: 12px;
          color: #464646;
          font-weight: bold;
          -webkit-font-smoothing: antialiased;
          padding-top: 3px;
          display: inline-block; }
          #side_car_wrap #system_tree_wrap .contents .group .title a:hover {
            text-decoration: none; }
  #side_car_wrap ul span.section_title {
    font-weight: bold; }
  #side_car_wrap .inner {
    width: 220px;
    overflow: hidden; }

.loaded #login_wrap {
  top: 90px; }

#login_wrap {
  width: 270px;
  background-color: #FFF;
  margin: 0px auto;
  position: relative;
  top: -100px;
  -webkit-transition: top 300ms;
  -moz-transition: top 300ms;
  -ms-transition: top 300ms;
  -o-transition: top 300ms;
  transition: top 300ms;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden; }
  #login_wrap .create_form input[type="submit"] {
    margin: 0px !important; }
  #login_wrap .forgot_password [type="submit"], #login_wrap .edit_password [type="submit"] {
    margin-top: 0px !important;
    font-size: 12px !important; }
  #login_wrap .login_form, #login_wrap .create_form, #login_wrap .forgot_password, #login_wrap .edit_password {
    padding: 20px 15px 0px 15px;
    border: solid 1px #b5b5b5;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -ms-border-radius: 5px 5px 0px 0px;
    -o-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px; }
    #login_wrap .login_form label, #login_wrap .create_form label, #login_wrap .forgot_password label, #login_wrap .edit_password label {
      font-weight: bold;
      color: #4c4c4c;
      font-size: 14px;
      margin-bottom: 6px; }
    #login_wrap .login_form input, #login_wrap .create_form input, #login_wrap .forgot_password input, #login_wrap .edit_password input {
      width: 230px;
      line-height: 24px; }
      #login_wrap .login_form input[type="text"], #login_wrap .login_form input[type="password"], #login_wrap .create_form input[type="text"], #login_wrap .create_form input[type="password"], #login_wrap .forgot_password input[type="text"], #login_wrap .forgot_password input[type="password"], #login_wrap .edit_password input[type="text"], #login_wrap .edit_password input[type="password"] {
        margin-bottom: 16px;
        border: solid 1px #b7b7b7;
        -webkit-transition: all;
        -moz-transition: all;
        -ms-transition: all;
        -o-transition: all;
        transition: all;
        -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
        -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
        -webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        -ms-border-radius: 2px;
        -o-border-radius: 2px;
        border-radius: 2px; }
        #login_wrap .login_form input[type="text"]:focus, #login_wrap .login_form input[type="password"]:focus, #login_wrap .create_form input[type="text"]:focus, #login_wrap .create_form input[type="password"]:focus, #login_wrap .forgot_password input[type="text"]:focus, #login_wrap .forgot_password input[type="password"]:focus, #login_wrap .edit_password input[type="text"]:focus, #login_wrap .edit_password input[type="password"]:focus {
          -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0);
          -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0);
          box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0); }
    #login_wrap .login_form input[type="submit"], #login_wrap .create_form input[type="submit"], #login_wrap .forgot_password input[type="submit"], #login_wrap .edit_password input[type="submit"] {
      background-color: #7aadff;
      *zoom: 1;
      filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF7AADFF', endColorstr='#FF4E85E7');
      background: url("../images/login_arrow.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #74b1fa), color-stop(3%, #3d8af3), color-stop(12%, #2e7bea), color-stop(18%, #2a75e6), color-stop(52%, #2567cb), color-stop(61%, #2567c5), color-stop(73%, #2767c3), color-stop(79%, #296bc4), color-stop(91%, #3477ce), color-stop(100%, #4185dc));
      background: url("../images/login_arrow.png"), -webkit-linear-gradient(top, #74b1fa 0%, #3d8af3 3%, #2e7bea 12%, #2a75e6 18%, #2567cb 52%, #2567c5 61%, #2767c3 73%, #296bc4 79%, #3477ce 91%, #4185dc 100%);
      background: url("../images/login_arrow.png"), -moz-linear-gradient(top, #74b1fa 0%, #3d8af3 3%, #2e7bea 12%, #2a75e6 18%, #2567cb 52%, #2567c5 61%, #2767c3 73%, #296bc4 79%, #3477ce 91%, #4185dc 100%);
      background: url("../images/login_arrow.png"), -o-linear-gradient(top, #74b1fa 0%, #3d8af3 3%, #2e7bea 12%, #2a75e6 18%, #2567cb 52%, #2567c5 61%, #2767c3 73%, #296bc4 79%, #3477ce 91%, #4185dc 100%);
      background: url("../images/login_arrow.png"), -ms-linear-gradient(top, #74b1fa 0%, #3d8af3 3%, #2e7bea 12%, #2a75e6 18%, #2567cb 52%, #2567c5 61%, #2767c3 73%, #296bc4 79%, #3477ce 91%, #4185dc 100%);
      background: url("../images/login_arrow.png"), linear-gradient(top, #74b1fa 0%, #3d8af3 3%, #2e7bea 12%, #2a75e6 18%, #2567cb 52%, #2567c5 61%, #2767c3 73%, #296bc4 79%, #3477ce 91%, #4185dc 100%);
      background-repeat: no-repeat, repeat !important;
      background-position: 180px center !important;
      color: #FFF;
      font-weight: bold;
      -webkit-font-smoothing: antialiased;
      border: solid 1px #264a6a;
      margin: -17px 0px 0px 0px;
      width: 240px;
      font-size: 14px; }
      #login_wrap .login_form input[type="submit"]:hover, #login_wrap .create_form input[type="submit"]:hover, #login_wrap .forgot_password input[type="submit"]:hover, #login_wrap .edit_password input[type="submit"]:hover {
        background: url("../images/login_arrow.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #78b1f7), color-stop(3%, #448dee), color-stop(12%, #3880e4), color-stop(18%, #337ce1), color-stop(30%, #327ade), color-stop(76%, #337bde), color-stop(88%, #3981e0), color-stop(100%, #458be4));
        background: url("../images/login_arrow.png"), -webkit-linear-gradient(top, #78b1f7 0%, #448dee 3%, #3880e4 12%, #337ce1 18%, #327ade 30%, #337bde 76%, #3981e0 88%, #458be4 100%);
        background: url("../images/login_arrow.png"), -moz-linear-gradient(top, #78b1f7 0%, #448dee 3%, #3880e4 12%, #337ce1 18%, #327ade 30%, #337bde 76%, #3981e0 88%, #458be4 100%);
        background: url("../images/login_arrow.png"), -o-linear-gradient(top, #78b1f7 0%, #448dee 3%, #3880e4 12%, #337ce1 18%, #327ade 30%, #337bde 76%, #3981e0 88%, #458be4 100%);
        background: url("../images/login_arrow.png"), -ms-linear-gradient(top, #78b1f7 0%, #448dee 3%, #3880e4 12%, #337ce1 18%, #327ade 30%, #337bde 76%, #3981e0 88%, #458be4 100%);
        background: url("../images/login_arrow.png"), linear-gradient(top, #78b1f7 0%, #448dee 3%, #3880e4 12%, #337ce1 18%, #327ade 30%, #337bde 76%, #3981e0 88%, #458be4 100%); }
      #login_wrap .login_form input[type="submit"]:active, #login_wrap .create_form input[type="submit"]:active, #login_wrap .forgot_password input[type="submit"]:active, #login_wrap .edit_password input[type="submit"]:active {
        background: url("../images/login_arrow.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #1d59b5), color-stop(3%, #2062c8), color-stop(6%, #2267d5), color-stop(9%, #236adb), color-stop(61%, #246adb), color-stop(82%, #2e78df), color-stop(91%, #377fe2), color-stop(100%, #438ae4));
        background: url("../images/login_arrow.png"), -webkit-linear-gradient(top, #1d59b5 0%, #2062c8 3%, #2267d5 6%, #236adb 9%, #246adb 61%, #2e78df 82%, #377fe2 91%, #438ae4 100%);
        background: url("../images/login_arrow.png"), -moz-linear-gradient(top, #1d59b5 0%, #2062c8 3%, #2267d5 6%, #236adb 9%, #246adb 61%, #2e78df 82%, #377fe2 91%, #438ae4 100%);
        background: url("../images/login_arrow.png"), -o-linear-gradient(top, #1d59b5 0%, #2062c8 3%, #2267d5 6%, #236adb 9%, #246adb 61%, #2e78df 82%, #377fe2 91%, #438ae4 100%);
        background: url("../images/login_arrow.png"), -ms-linear-gradient(top, #1d59b5 0%, #2062c8 3%, #2267d5 6%, #236adb 9%, #246adb 61%, #2e78df 82%, #377fe2 91%, #438ae4 100%);
        background: url("../images/login_arrow.png"), linear-gradient(top, #1d59b5 0%, #2062c8 3%, #2267d5 6%, #236adb 9%, #246adb 61%, #2e78df 82%, #377fe2 91%, #438ae4 100%); }
  #login_wrap .footer_links {
    -webkit-border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -ms-border-radius: 0px 0px 5px 5px;
    -o-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    background-color: #394b5c;
    border: solid 1px #1d242b;
    text-align: center; }
    #login_wrap .footer_links li {
      margin: 0px 6px;
      display: inline-block;
      padding: 9px 0px;
      color: #b9c8d6;
      font-weight: bold; }
      #login_wrap .footer_links li a {
        color: #b9c8d6;
        text-decoration: underline; }

#equipment tr.equipmentRow:hover {
  cursor: pointer;
  background-color: #dcdcdc; }
#equipment tr.equipmentRow td {
  padding: 6px;
  border-right: solid 1px #dddddd;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent; }
  #equipment tr.equipmentRow td.status {
    width: 56px; }
#equipment tr.equipmentRow.opened td {
  border-top: solid 1px #d1d1d1;
  border-bottom: solid 1px #a7a7a7; }
#equipment tr.equipmentRow.even {
  background-color: #f3f3f3; }
#equipment tr.equipment_detail {
  background-color: #F1F1F1; }
  #equipment tr.equipment_detail td {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    border: solid 1px #c3c3c3;
    display: none;
    color: #000;
    padding: 15px; }
    #equipment tr.equipment_detail td li {
      float: left;
      width: 33%;
      margin-top: 7px; }
      #equipment tr.equipment_detail td li.slots {
        clear: both;
        width: auto; }
    #equipment tr.equipment_detail td .chassis_slots li {
      float: none;
      width: 100%;
      margin-top: 0px; }
    #equipment tr.equipment_detail td .textLabel {
      color: #818181;
      font-size: 14px;
      font-weight: bold; }
    #equipment tr.equipment_detail td b {
      color: #4c4c4c; }

#equipment tr.equipmentRow:hover {
  cursor: pointer;
  background-color: #dcdcdc; }
#equipment tr.equipmentRow td {
  padding: 6px;
  border-right: solid 1px #dddddd;
  border-top: solid 1px transparent;
  border-bottom: solid 1px transparent; }
  #equipment tr.equipmentRow td.status {
    width: 56px; }
#equipment tr.equipmentRow.opened td {
  border-top: solid 1px #d1d1d1;
  border-bottom: solid 1px #a7a7a7; }
#equipment tr.equipmentRow.even {
  background-color: #f3f3f3; }
#equipment tr.equipment_detail {
  background-color: #F1F1F1; }
  #equipment tr.equipment_detail td {
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
    border: solid 1px #c3c3c3;
    display: none;
    color: #000;
    padding: 15px; }
    #equipment tr.equipment_detail td .textLabel {
      color: #818181;
      font-size: 14px;
      font-weight: bold; }
    #equipment tr.equipment_detail td b {
      color: #4c4c4c; }

#equipment {
  border: solid 1px #aaaaaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  #equipment .top {
    padding: 5px;
    border-bottom: solid 1px #aaaaaa;
    background-color: #ffffff;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE8E8E8');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background-image: linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px; }
    #equipment .top h3 {
      margin-left: 5px;
      font-size: 16px;
      color: #5d5d5d; }
    #equipment .top h4 {
      font-size: 10px;
      color: #939597; }
  #equipment table.tablesorter {
    width: 100%;
    border: 0px;
    border-spacing: 0px; }
    #equipment table.tablesorter .equipment_head th {
      font-size: 13px;
      font-weight: bold;
      color: #5b5b5b;
      background-color: #ffffff;
      padding: 5px 10px;
      border: solid 1px #bdbdbd;
      border-top: 0px;
      border-right: 0px; }
      #equipment table.tablesorter .equipment_head th:first-child {
        border-left: 0px; }
    #equipment table.tablesorter .status {
      text-align: center; }
      #equipment table.tablesorter .status .status_dot {
        left: -1px;
        top: -1px; }

#primary_host {
  margin-right: 10px; }

#host, #primary_host, #secondary_host, #system_stats, #upcoming_events {
  width: 49%; }
  #host .top, #primary_host .top, #secondary_host .top, #system_stats .top, #upcoming_events .top {
    padding: 5px;
    border-bottom: solid 1px #aaaaaa;
    background-color: #ffffff;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFFFFFFF', endColorstr='#FFE8E8E8');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e8e8e8));
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background-image: -moz-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background-image: -ms-linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    background-image: linear-gradient(top, #ffffff 0%, #e8e8e8 100%);
    -webkit-border-radius: 4px 4px 0px 0px;
    -moz-border-radius: 4px 4px 0px 0px;
    -ms-border-radius: 4px 4px 0px 0px;
    -o-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px; }
    #host .top h3, #primary_host .top h3, #secondary_host .top h3, #system_stats .top h3, #upcoming_events .top h3 {
      margin-left: 5px;
      font-size: 16px;
      color: #5d5d5d; }
    #host .top h4, #primary_host .top h4, #secondary_host .top h4, #system_stats .top h4, #upcoming_events .top h4 {
      font-size: 10px;
      color: #939597; }
  #host .inner, #primary_host .inner, #secondary_host .inner, #system_stats .inner, #upcoming_events .inner {
    border: solid 1px #aaaaaa;
    height: 100%;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px; }
    #host .inner .time, #primary_host .inner .time, #secondary_host .inner .time, #system_stats .inner .time, #upcoming_events .inner .time {
      padding: 3px 8px 3px 20px;
      color: #333;
      font-size: 13px;
      font-weight: bold;
      text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
      -webkit-box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.4);
      -moz-box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.4);
      box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.4);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
    #host .inner .uptime, #primary_host .inner .uptime, #secondary_host .inner .uptime, #system_stats .inner .uptime, #upcoming_events .inner .uptime {
      background: #efefef url("../images/uptime-icon.png") 6px center no-repeat; }
    #host .inner .downtime, #primary_host .inner .downtime, #secondary_host .inner .downtime, #system_stats .inner .downtime, #upcoming_events .inner .downtime {
      background: #efefef url("../images/downtime-icon.png") 6px center no-repeat;
      color: #f94949; }
    #host .inner ul.text_inner, #primary_host .inner ul.text_inner, #secondary_host .inner ul.text_inner, #system_stats .inner ul.text_inner, #upcoming_events .inner ul.text_inner {
      padding: 5px; }
    #host .inner .value, #primary_host .inner .value, #secondary_host .inner .value, #system_stats .inner .value, #upcoming_events .inner .value {
      color: #2f2f2f;
      /* text color */
      font-weight: bold;
      font-size: 12px; }
    #host .inner .textLabel, #primary_host .inner .textLabel, #secondary_host .inner .textLabel, #system_stats .inner .textLabel, #upcoming_events .inner .textLabel {
      color: #828282;
      font-size: 12px;
      font-weight: bold; }
  #host .action_buttons, #primary_host .action_buttons, #secondary_host .action_buttons, #system_stats .action_buttons, #upcoming_events .action_buttons {
    margin-top: 15px; }
  #host ul, #primary_host ul, #secondary_host ul, #system_stats ul, #upcoming_events ul {
    list-style-type: none; }

#system_stats .wrap {
  border: solid 1px #aaaaaa;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }
  #system_stats .wrap .inner {
    padding: 5px; }

.changeinterface:hover {
  cursor: pointer;
  background-color: #dcdcdc; }

#title_head {
  height: 45px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  background-color: #000000;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF060606');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(3%, #2c2c2c), color-stop(27%, #252525), color-stop(80%, #0c0c0c), color-stop(100%, #060606));
  background-image: -webkit-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  background-image: -moz-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  background-image: -o-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  background-image: -ms-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
  background-image: linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%); }
  #title_head .main_title {
    color: #FFF;
    font-weight: bold;
    font-size: 21px;
    margin: 12px 0px 5px 10px; }
  #title_head .status_dot_outer {
    zoom: 1.4;
    margin-top: 8px;
    margin-left: 6px; }
  #title_head .zones {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
    -moz-box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
    box-shadow: 0px 1px 1px rgba(255, 255, 255, 0.2);
    background-color: #171717;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF171717', endColorstr='#FF2D2D2D');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
    background-image: -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
    background-image: -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
    background-image: -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
    background-image: -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
    background-image: linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
    color: #c2c2c2;
    font-weight: bold;
    padding: 0px 12px;
    display: inline-block;
    border: solid 1px #000000;
    margin: 10px 0px 5px 10px; }
    #title_head .zones li {
      background: transparent url("../images/group-arrow.png") no-repeat 0px center;
      padding-left: 12px;
      display: inline-block;
      margin-left: 7px; }
      #title_head .zones li:first-child {
        margin-left: 0px;
        background: transparent none no-repeat 0px center;
        padding-left: 0px; }

#room_control {
  display: block;
  height: 100%;
  position: relative;
  margin: 0px;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0; }

#host_head {
  position: relative;
  margin-bottom: 10px; }
  #host_head .top_inner {
    padding: 10px; }
  #host_head h2 {
    margin: 0px; }
  #host_head #connection_details {
    padding: 0px;
    list-style: none; }
  #host_head .room_control_wrap {
    margin-right: 10px; }
    #host_head .room_control_wrap img {
      height: 110px;
      width: 150px;
      border: solid 1px #000; }
      #host_head .room_control_wrap img:hover {
        cursor: pointer; }
    #host_head .room_control_wrap .selection_control {
      margin-top: -43px;
      margin-left: 130px;
      padding-top: 10px;
      text-align: center;
      background-image: linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, #ffffff 95%);
      background-image: -o-linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, white 95%);
      background-image: -moz-linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, white 95%);
      background-image: -webkit-linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, white 95%);
      background-image: -ms-linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, white 95%);
      -moz-border-top-right-radius: 3px;
      -webkit-border-top-right-radius: 3px;
      -khtml-border-top-right-radius: 3px;
      border-top-right-radius: 3px;
      -moz-border-bottom-right-radius: 3px;
      -webkit-border-bottom-right-radius: 3px;
      -khtml-border-bottom-right-radius: 3px;
      border-bottom-right-radius: 3px;
      border-left: solid 1px #b3b3b3;
      width: 20px;
      height: 23px;
      display: block; }
      #host_head .room_control_wrap .selection_control a {
        width: 100%;
        height: 100%;
        text-decoration: none;
        display: block; }
      #host_head .room_control_wrap .selection_control .dropdown-toggle {
        background-color: transparent;
        color: #000; }
      #host_head .room_control_wrap .selection_control .dropdown-menu {
        margin-left: -131px;
        min-width: 50px;
        width: 150px;
        border-left: solid 1px #cccccc;
        border-right: solid 1px #cccccc;
        border-bottom: solid 1px #b3b3b3;
        font-size: 8pt;
        -moz-border-bottom-left-radius: 5px;
        -webkit-border-bottom-left-radius: 5px;
        -khtml-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
        -moz-border-bottom-right-radius: 5px;
        -webkit-border-bottom-right-radius: 5px;
        -khtml-border-bottom-right-radius: 5px;
        border-bottom-right-radius: 5px; }
        #host_head .room_control_wrap .selection_control .dropdown-menu a {
          margin: 0px;
          padding: 0px;
          overflow: hidden;
          text-overflow: ellipsis;
          white-space: nowrap; }
        #host_head .room_control_wrap .selection_control .dropdown-menu a:hover {
          background-color: #DAE4FB;
          color: #000; }
    #host_head .room_control_wrap .selection_control:hover {
      background-image: linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, #d6d6d6 95%);
      background-image: -o-linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, #d6d6d6 95%);
      background-image: -moz-linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, #d6d6d6 95%);
      background-image: -webkit-linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, #d6d6d6 95%);
      background-image: -ms-linear-gradient(bottom, #dae4fb 5%, #bcc6ce 59%, #d6d6d6 95%); }
    #host_head .room_control_wrap .control_text_wrap {
      width: 120px;
      padding-left: 5px;
      padding-right: 5px;
      margin-top: -24px;
      text-align: center;
      display: block;
      pointer-events: none; }
      #host_head .room_control_wrap .control_text_wrap .control_title p {
        padding: 0px;
        margin: 0px;
        font-size: 11pt;
        line-height: 7px; }
      #host_head .room_control_wrap .control_text_wrap .control_name p {
        padding: 0px;
        margin: 0px;
        font-size: 7.5pt;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap; }
  #host_head .main_room_buttons {
    width: 35px;
    height: 214px;
    display: inline-block;
    margin: -10px -10px -36px 0px;
    border: solid 1px #B5B5B5;
    border-right: 0px;
    border-top: 0px; }
    #host_head .main_room_buttons li {
      border-bottom: solid 1px #B5B5B5;
      height: 37px;
      cursor: pointer;
      background-repeat: no-repeat;
      background-position: center center; }
      #host_head .main_room_buttons li.control {
        background-image: url("../images/control-inactive.png"); }
        #host_head .main_room_buttons li.control:hover, #host_head .main_room_buttons li.control:active {
          -moz-border-radius-topleft: 4px;
          -webkit-border-top-left-radius: 4px;
          -ms-border-top-left-radius: 4px;
          -o-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -webkit-border-top-right-radius: 4px;
          -ms-border-top-right-radius: 4px;
          -o-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
          background-color: #000000;
          *zoom: 1;
          filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF060606');
          background-image: url("../images/control-active.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(3%, #2c2c2c), color-stop(27%, #252525), color-stop(80%, #0c0c0c), color-stop(100%, #060606));
          background-image: url("../images/control-active.png"), -webkit-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/control-active.png"), -moz-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/control-active.png"), -o-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/control-active.png"), -ms-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/control-active.png"), linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0px;
          border-radius: 0px; }
      #host_head .main_room_buttons li.settings {
        background-image: url("../images/settings-inactive.png"); }
        #host_head .main_room_buttons li.settings:hover, #host_head .main_room_buttons li.settings:active {
          -moz-border-radius-topleft: 4px;
          -webkit-border-top-left-radius: 4px;
          -ms-border-top-left-radius: 4px;
          -o-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -webkit-border-top-right-radius: 4px;
          -ms-border-top-right-radius: 4px;
          -o-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
          background-color: #000000;
          *zoom: 1;
          filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF060606');
          background-image: url("../images/settings-active.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(3%, #2c2c2c), color-stop(27%, #252525), color-stop(80%, #0c0c0c), color-stop(100%, #060606));
          background-image: url("../images/settings-active.png"), -webkit-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/settings-active.png"), -moz-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/settings-active.png"), -o-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/settings-active.png"), -ms-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/settings-active.png"), linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0px;
          border-radius: 0px; }
      #host_head .main_room_buttons li.video {
        background-image: url("../images/camera-inactive.png"); }
        #host_head .main_room_buttons li.video:hover, #host_head .main_room_buttons li.video:active {
          -moz-border-radius-topleft: 4px;
          -webkit-border-top-left-radius: 4px;
          -ms-border-top-left-radius: 4px;
          -o-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
          -moz-border-radius-topright: 4px;
          -webkit-border-top-right-radius: 4px;
          -ms-border-top-right-radius: 4px;
          -o-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
          background-color: #000000;
          *zoom: 1;
          filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF060606');
          background-image: url("../images/camera-active.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(3%, #2c2c2c), color-stop(27%, #252525), color-stop(80%, #0c0c0c), color-stop(100%, #060606));
          background-image: url("../images/camera-active.png"), -webkit-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/camera-active.png"), -moz-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/camera-active.png"), -o-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/camera-active.png"), -ms-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-image: url("../images/camera-active.png"), linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
          background-repeat: no-repeat;
          background-position: center center;
          -webkit-border-radius: 0px;
          -moz-border-radius: 0px;
          -ms-border-radius: 0px;
          -o-border-radius: 0px;
          border-radius: 0px; }

#headerStatus li {
  background-color: #f1f1f1;
  padding: 2px 10px;
  margin: 5px 0px;
  display: inline-block;
  float: left;
  clear: left;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px; }
#headerStatus .state {
  font-weight: bold;
  font-size: 12px;
  display: inline-block;
  margin-left: 8px;
  margin-right: 20px; }
#headerStatus [data-status="good"] .state {
  color: #116131; }
#headerStatus [data-status="failure"] .state {
  color: #870500; }
#headerStatus [data-status="warning"] .state {
  color: #8f8201; }
#headerStatus [data-status="offline"] .state, #headerStatus [data-status="unknown"] .state {
  color: #424242; }
#headerStatus .status_dot_outer {
  zoom: 1.2; }

.account_inner {
  padding: 10px; }
  .account_inner .account fieldset {
    margin-top: 10px; }
  .account_inner .account label {
    font-weight: bold;
    color: #4c4c4c;
    font-size: 14px;
    margin-bottom: 6px; }
  .account_inner .account input {
    width: 230px;
    line-height: 24px; }
    .account_inner .account input[type="text"], .account_inner .account input[type="password"] {
      margin-bottom: 16px;
      border: solid 1px #b7b7b7;
      width: 220px;
      -webkit-transition: all;
      -moz-transition: all;
      -ms-transition: all;
      -o-transition: all;
      transition: all;
      -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0.2);
      -webkit-border-radius: 2px;
      -moz-border-radius: 2px;
      -ms-border-radius: 2px;
      -o-border-radius: 2px;
      border-radius: 2px; }
      .account_inner .account input[type="text"]:focus, .account_inner .account input[type="password"]:focus {
        -webkit-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0);
        -moz-box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0);
        box-shadow: inset 0px 0px 2px rgba(0, 0, 0, 0); }

.popout_detail {
  -webkit-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
  min-width: 410px; }
  .popout_detail .title {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -ms-border-top-left-radius: 4px;
    -o-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -ms-border-top-right-radius: 4px;
    -o-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #000000;
    *zoom: 1;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF000000', endColorstr='#FF060606');
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #000000), color-stop(3%, #2c2c2c), color-stop(27%, #252525), color-stop(80%, #0c0c0c), color-stop(100%, #060606));
    background-image: -webkit-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
    background-image: -moz-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
    background-image: -o-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
    background-image: -ms-linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
    background-image: linear-gradient(top, #000000 0%, #2c2c2c 3%, #252525 27%, #0c0c0c 80%, #060606 100%);
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    height: 45px; }
    .popout_detail .title h3 {
      color: #FFF;
      margin: 0px;
      padding: 10px;
      margin-left: 10px; }
    .popout_detail .title .stats {
      margin: 0px;
      padding: 0px;
      list-style: none;
      border: solid 1px #000;
      font-weight: bold;
      overflow: hidden;
      margin-top: 5px;
      position: fixed;
      right: 20px;
      -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
      -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
      box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2);
      -webkit-border-radius: 4px;
      -moz-border-radius: 4px;
      -ms-border-radius: 4px;
      -o-border-radius: 4px;
      border-radius: 4px; }
      .popout_detail .title .stats li {
        display: inline-block;
        color: #FFF;
        padding: 7px;
        font-size: 13px;
        border-left: solid 1px black;
        background-color: #171717;
        *zoom: 1;
        filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF171717', endColorstr='#FF2D2D2D');
        background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
        background-image: -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
        background-image: -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
        background-image: -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
        background-image: -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
        background-image: linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
        border-left: solid 1px #000;
        padding-left: 30px;
        -webkit-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.1);
        -moz-box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.1);
        box-shadow: inset 1px 0px 0px rgba(255, 255, 255, 0.1); }
        .popout_detail .title .stats li:first-child {
          border-left: solid 0px #000;
          -webkit-box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.1);
          -moz-box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.1);
          box-shadow: inset 0px 0px 0px rgba(255, 255, 255, 0.1); }
        .popout_detail .title .stats li.messages_in {
          background-color: #171717;
          background-image: url("../images/messages-received.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
          background-image: url("../images/messages-received.png"), -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/messages-received.png"), -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/messages-received.png"), -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/messages-received.png"), -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/messages-received.png"), linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-repeat: no-repeat;
          background-position: 10px center, left top; }
        .popout_detail .title .stats li.messages_out {
          background-color: #171717;
          background-image: url("../images/messages-sent.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
          background-image: url("../images/messages-sent.png"), -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/messages-sent.png"), -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/messages-sent.png"), -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/messages-sent.png"), -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/messages-sent.png"), linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-repeat: no-repeat;
          background-position: 10px center, left top; }
        .popout_detail .title .stats li.bytes_in {
          background-color: #171717;
          background-image: url("../images/bytes-downloaded.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
          background-image: url("../images/bytes-downloaded.png"), -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/bytes-downloaded.png"), -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/bytes-downloaded.png"), -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/bytes-downloaded.png"), -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/bytes-downloaded.png"), linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-repeat: no-repeat;
          background-position: 10px center, left top; }
        .popout_detail .title .stats li.bytes_out {
          background-color: #171717;
          background-image: url("../images/bytes-uploaded.png"), -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #171717), color-stop(2%, #1e1e1e), color-stop(6%, #1e1e1e), color-stop(8%, #232323), color-stop(13%, #252525), color-stop(100%, #2d2d2d));
          background-image: url("../images/bytes-uploaded.png"), -webkit-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/bytes-uploaded.png"), -moz-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/bytes-uploaded.png"), -o-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/bytes-uploaded.png"), -ms-linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-image: url("../images/bytes-uploaded.png"), linear-gradient(top, #171717 0%, #1e1e1e 2%, #1e1e1e 6%, #232323 8%, #252525 13%, #2d2d2d 100%);
          background-repeat: no-repeat;
          background-position: 10px center, left top; }
  .popout_detail .inner {
    background-color: #FFF;
    border: solid 1px #aeaeae;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    -ms-border-radius: 0px 0px 4px 4px;
    -o-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px; }
    .popout_detail .inner ul {
      padding: 0px;
      list-style: none;
      margin: 0px 15px; }
      .popout_detail .inner ul .textLabel {
        font-weight: bold;
        display: inline-block;
        color: #818181;
        font-size: 14px;
        margin: 5px; }
      .popout_detail .inner ul .value {
        font-weight: bold;
        color: #4C4C4C;
        font-size: 14px; }

.positionHelper [role="menuitem"] ul, .positionHelper .fg-menu-container {
  max-height: 300px;
  overflow: hidden !important;
  overflow-y: auto !important; }

.chassis_slots .status {
  background-color: #ebebeb;
  border: solid 1px #979797 !important;
  display: inline-block;
  width: 100px;
  text-align: center;
  padding: 3px 5px; }
  .chassis_slots .status.warning {
    background-color: #f4ff43;
    border: solid 1px #919a00; }
  .chassis_slots .status.good {
    background-color: #73ef5b;
    border: solid 1px #24930e; }
  .chassis_slots .status.failure {
    background-color: #f94949;
    border: solid 1px #950505; }

#page_wrap {
  margin-top: 40px;
  padding: 0px 25px;
  min-width: 950px;
}

.wrap_pad {
  padding: 20px; }

body .ui-tabs .ui-tabs-panel {
  clear: both;
  padding: 0px; }

a {
  color: #00B7FF; }

#main_wrap {
  width: 100%;
  margin-top: 5px; }

.camera_switcher {
  margin: 2.5px; }
  .camera_switcher tr {
    vertical-align: top; }
  .camera_switcher .cameraSelection {
    overflow: scroll;
    width: 160px;
    text-align: center;
    height: 480px; }
    .camera_switcher .cameraSelection .cameraLabel {
      width: 150px;
      position: relative;
      background: rgba(0, 0, 0, 0.5);
      top: -12px;
      left: 5px;
      color: #fff;
      text-align: right;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
    .camera_switcher .cameraSelection .changecamera {
      position: relative; }
      .camera_switcher .cameraSelection .changecamera:hover {
        cursor: pointer; }
  .camera_switcher .cameraSwitcher {
    width: 150px;
    margin-bottom: -10px; }
  .camera_switcher img {
    border: solid 1px #000; }

.status_list b {
  padding-right: 15px; }

#errors {
  height: 20px;
  background-color: #f94949;
  color: white;
  padding: 20px; }

#flash {
  padding: 20px;
  height: 20px;
  background-color: #ebebeb; }

#messages ul {
  display: none;
  width: 680px; }
  #messages ul li {
    margin-bottom: 10px; }

#version {
  position: fixed;
  right: 0px;
  bottom: 0px;
  font-size: 10px;
  text-transform: uppercase; }

#host_status .d1 {
  padding-right: 40px; }

#host_detail_tabs {
  margin-top: 10px;
  padding: 0px 10px; }

#wrap {
  width: 85%;
  float: right;
  display: inline-block;
  margin-top: 15px;
  min-height: 600px;
  min-width: 600px;
  background-color: #FFF;
  border: solid 1px #b5b5b5;
  -webkit-box-shadow: 0px 1px 9px #cccccc;
  -moz-box-shadow: 0px 1px 9px #cccccc;
  box-shadow: 0px 1px 9px #cccccc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

#section_results {
  border-top: solid 2px #000; }
  #section_results .sections {
    margin: 10px 0px 0px 0px;
    padding: 0px; }

#system_name {
  margin-left: 20px;
  line-height: 40px;
  border-left: solid 2px #DDD;
  padding-left: 20px; }

#admin_nav li {
  display: inline-block;
  margin-left: 20px; }

pre {
  word-wrap: break-word; }

.left {
  float: left; }

.right {
  float: right; }

.cl, .clear {
  clear: both; }

#section_results table {
  border: solid 1px #000;
  margin: 5px 0px;
  width: 100%; }
  #section_results table th {
    background-color: #D1D1D1;
    border-spacing: 0px;
    padding: 5px 40px; }
  #section_results table td {
    text-align: center; }

#save_host {
  margin-right: 10px; }

.textLabel {
  color: #939597;
  padding-right: 5px; }

span.status {
  height: 10px;
  width: 10px;
  display: inline-block;
  border-radius: 15px;
  margin: 0px 5px;
  background-color: #ebebeb;
  border: solid 1px #979797 !important; }
  span.status[data-status="warning"] {
    background-color: #f4ff43; }
  span.status[data-status="good"] {
    background-color: #73ef5b;
    border: solid 1px #24930e; }
  span.status[data-status="failure"] {
    background-color: #f94949;
    border: solid 1px #950505; }

#headerStatus {
  list-style: none;
  font-size: 10px; }
  #headerStatus span.state {
    display: inline-block;
    width: 70px; }
  #headerStatus span.message {
    display: inline-block;
    margin-right: 10px; }
  #headerStatus a.ui-icon {
    opacity: 0.4;
    position: relative;
    top: 4px;
    cursor: pointer; }
  #headerStatus a.ui-icon:hover {
    opacity: 0.7; }

table#processStats {
  border-collapse: collapse; }
  table#processStats .textLabel {
    text-align: right; }
  table#processStats td {
    background-color: #DEDEDE; }

#processes tr.selectedProcess td {
  background-color: #ECF4FE; }
#processes tr.processRow {
  background-color: #FEFFFE; }
  #processes tr.processRow:hover {
    cursor: pointer; }
    #processes tr.processRow:hover td {
      background-color: #ECF4FE; }
  #processes tr.processRow .processLogLevel .dropdown-menu {
    width: 100%; }
  #processes tr.processRow .processLogLevel a.dropdown-toggle {
    color: #000;
    display: block;
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/bg.gif); }

table#processes_bottom {
  width: 95%;
  background-color: #fff; }
  table#processes_bottom td {
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    border-radius: 12px;
    background-color: #DEDEDE; }
  table#processes_bottom .process_cpuUsage {
    float: left; }
  table#processes_bottom .process_memoryUsage {
    float: right; }
  table#processes_bottom td.process_graph {
    width: 300px;
    text-align: center;
    padding: 5px; }
  table#processes_bottom td.process_spacer {
    background-color: #FFF; }
  table#processes_bottom td.process_stats {
    width: 400px; }

.hidden {
  display: none; }

table.tablesorter {
  width: 95%;
  border: solid 1px #7F7F7F;
  border-collapse: separate;
  border-spacing: 2px; }
  table.tablesorter thead {
    text-align: left;
    background-image: linear-gradient(bottom, #dddddd 29%, #eeeeee 65%, #fdfdfd 83%);
    background-image: -o-linear-gradient(bottom, #dddddd 29%, #eeeeee 65%, #fdfdfd 83%);
    background-image: -moz-linear-gradient(bottom, #dddddd 29%, #eeeeee 65%, #fdfdfd 83%);
    background-image: -webkit-linear-gradient(bottom, #dddddd 29%, #eeeeee 65%, #fdfdfd 83%);
    background-image: -ms-linear-gradient(bottom, #dddddd 29%, #eeeeee 65%, #fdfdfd 83%); }
  table.tablesorter .textLabel {
    color: #000; }
  table.tablesorter thead tr .header {
    background-repeat: no-repeat;
    background-position: center right;
    background-image: url(../images/bg.gif);
    cursor: pointer; }
  table.tablesorter thead tr .headerSortUp {
    background-image: url(../images/asc.gif); }
  table.tablesorter thead tr .headerSortDown {
    background-image: url(../images/desc.gif); }

.popover .status-good {
  color: #24930e; }
.popover .status-warning {
  color: #919a00; }
.popover .status-failure {
  color: #950505; }
.popover .status-offline {
  color: #979797; }

#connection_details {
  color: #969696; }

tr.detail_view {
  background-color: whiteSmoke; }

.upper_stats_wrap, .lower_stats_wrap {
  margin: 0px;
  padding: 0px; }

#host_stats {
  margin-bottom: 10px; }

.popupTitle {
  font-size: 14px;
  font-weight: bold; }

#hostsTree ins {
  float: right; }

.single_service_wrap {
  padding: 10px;
  border: solid 1px lightgray;
  display: none; }
  .single_service_wrap .inner {
    margin-top: 10px; }
    .single_service_wrap .inner .video {
      padding: 5px;
      margin-top: 10px; }
    .single_service_wrap .inner .audio {
      padding: 5px;
      background-color: lightgray;
      margin-top: 10px; }

#headerStatus a {
  display: inline-block; }

a.remove-permission-set {
  margin-left: 10px; }

a[data-active="active_area"] {
  background: url("../images/active_area.png") no-repeat 80px center !important;
  color: black !important; }

#services_wrap .object {
  padding: 10px;
  border: solid 1px lightgray;
  margin: 10px;
  width: 270px; }

#services_wrap .object h5 {
  text-align: right; }

#offline {
  position: absolute;
  top: 0;
  left: 0;
  padding: 5px 15px;
  background: red;
  color: white;
  font-weight: bold;
  display: none; }

#side_car_wrap button.activeLink {
  background-color: #cccccc;
  font-weight: bold;
}

.tabcontent {
  border: none;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.hide { display: none;}
.tabLink {width: 100%;}

textarea
{
    border:1px solid #999999;
    width:99%;
    margin: 5 0;
    padding: 3;
}

.verinfo
{
    border-color: #000;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #DDD;
}

input.valid { background: #afa; }
input.invalid {background: #faa; }
input.ng-invalid {background: #faa; }

.numerical {
  text-align: right;
  width: 100%;
}

table.avswitch-io
{
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}

th { padding: 0px 10px; }
table.calibration { left: 32px; position: relative; }
table.output > thead > tr > th { font-size: 8px; }
table.output { border-spacing: 0px 5px; border-collapse: separate; }
td.channel { padding-right: 5px; }

.diagnostics { left: 32px; display: inline-block; position: relative; }
.firmware-status { left: 32px; display: inline-block; position: relative; }
.firmware-upgrade-tab { left: 32px; position: relative; display: inline-block; font-size: 15px;  border-collapse: separate; border-spacing: 7px; text-transform: capitalize; }
.firmware-upgrade-tab > tbody > tr > td:first-child { font-weight: bold }

table.avswitch-io > thead { display: none; }
table.avswitch-io > tbody > tr > td { vertical-align: top; padding: 0px; }
table.avswitch-io > tbody > tr > td.avswitch-connects { width: 80px; }
table.avswitch-inputs > tbody > tr > td { height: 24px; }
table.avswitch-outputs > tbody > tr > td { height: 24px; }

table.avswitch-inputs { border-collapse: separate; border-spacing: 0px 5px; float: right; }
table.avswitch-outputs { border-collapse: separate; border-spacing: 0px 5px; float: left; }

td.avswitch-port { border:1px solid black; }

table#video-io { min-width: 812px; }
table#audio-io { min-width: 812px; }

table.avswitch-inputs th { height: 40px !important; font-size: 8px !important; vertical-align: bottom; visibility: hidden; }
table.avswitch-outputs th { height: 40px !important; font-size: 8px !important; vertical-align: bottom; visibility: hidden; }

table.avswitch-outputs th.show { visibility: visible; }
table.avswitch-inputs th.show { visibility: visible; }

/* column alignments for video inputs table */
table#video-inputs th#edidMode { text-align: right !important; }
table#video-inputs td#edidMode { text-align: right !important; min-width: 16em; }
table#video-inputs th#resolution { text-align: center !important; }
table#video-inputs td#resolution { text-align: center !important; }

/* column alignments for video outputs table */
table#video-outputs td#inputsrc { text-align: center; }
table#video-outputs th#rempwr { text-align: center; visibility: visible !important; width: 6em; }
table#video-outputs td#rempwr { text-align: center; }
table#video-outputs td#type { text-align: center; }
table#video-outputs td#settings { text-align: center; min-width: 5em; }

/* column alignments for audio inputs table */
table#audio-inputs th#extra { text-align: center; }
table#audio-inputs td#extra { text-align: center; }
table#audio-inputs th#type { text-align: center; visibility: visible !important; }
table#audio-inputs td#type { text-align: center; }
table#audio-inputs td#type select { text-align: center; width: 7em; }
table#audio-inputs td#type option { text-align: center; }
table#audio-inputs td#type button { text-align: center; width: 7em; }
table#audio-inputs th#trim { text-align: center; visibility: visible !important; }
table#audio-inputs td#trim { text-align: right; }
table#audio-inputs td#trim select { text-align: right; min-width: 5em; }
table#audio-inputs td#trim option { text-align: right; min-width: 5em; }
table#audio-inputs td#trim button { text-align: right; min-width: 5em; }
table#audio-inputs td#filterNA { text-align: center; font-size: 11px; }

/* column alignments for audio outputs table */
table#audio-outputs td#mono select { text-align: center; width: 6em; }
table#audio-outputs td#mono button { text-align: center; width: 6em; }
table#audio-outputs th#process { text-align: center; }
table#audio-outputs td#process { text-align: center; }
table#audio-outputs td#process select { text-align: center; width: 9em; }
table#audio-outputs td#process option { text-align: center; width: 9em; }
table#audio-outputs td#process button { text-align: center; width: 8em; }
table#audio-outputs th#delay { text-align: center; visibility: visible !important; }
table#audio-outputs td#delay { text-align: center; }
table#audio-outputs td#delay button { text-align: center; min-width: 6em; }
table#audio-outputs td#volume { text-align: right; }
table#audio-outputs td#volume input[type=text] { text-align: right; width: 2em; }
table#audio-outputs td#volume button { text-align: right; width: 8em; }
table#audio-outputs th#volume_header { text-align: center; visibility: visible !important; }

/* settings for attributes tables */
table.attributes th { text-align: right; }
table.attributes td { text-align: left; }

.ui-button .ui-button-text {
  display: block;
  line-height: 1.1;
  /* padding: top right bottom left */
  padding: 0.2em 0.6em 0.2em 0.6em;
  font-size: 12px;
}

.ui-widget { font-size: 1em; }
.noclose .ui-dialog-titlebar-close { display:none; }

button.avswitch {
display: table-cell;
/* line-height: 1; */
padding-left: 2px;
padding-right: 2px;
padding-top: 1px;
padding-bottom: 1px;
font: inherit !important;
font-size: inherit !important;
font-weight: normal !important;
}

div#avswitch-internal {
  font-family: "Lucida Grande", sans-serif !important;
  font-size: 12px !important;
}

div#video-inputs {
  float: left;
  width: 50%;
  height: auto;
  padding: 10px;
}

div#video-outputs {
  float: left;
  width: 50%;
  height: auto;
  padding: 10px;
}

canvas.avswitch-connects {
  display: block;
  width: 100px;
  padding: 0px;
  margin: 0px;
}

.progress { margin-bottom: 0px !important; }
label { display: inline; }

#firmware-internal input { margin: 0px 0px 0px 0px; }
#firmware-internal label { display: inline; }

#network-internal { 
  margin: 0px 1px;
  display: block; 
}

button#change-mode:disabled {
  cursor: not-allowed;
}

#avswitch-internal input, select {
  margin: 0px 0px 0px 0px; 
  padding: 0px 0px;
  height: 22px;
  font-size: 12px !important;
}

#avswitch-internal label, button { display: inline; font-size: 12px !important; }

#input-edid dd { margin-left: 40px; }
#input-edid dt label { font-weight: bold; }
#input-edid dt input { margin: 0px 2px 2px 0px; }

#avswitch-internal select#input-selection { width: 7em; }

#output-volume-updater { padding: 26px; }
#output-volume-updater span#mute { float: left; margin-right: 16px; width: 5em; }
#output-volume-updater div#volume { float: left; margin-top: 3px; width: 160px; }
#output-volume-updater span#number { float: left; width: 4em; text-align: right; }

div#output-delay-updater table { margin-left: auto; margin-right: auto; margin-top: 30px; margin-bottom: 30px; }
div#output-delay-updater input { width: 2em; margin: 0px 0px 0px 0px; padding: 0px 0px; text-align: right; }

.tabbable {
  width: 100%;
}

.header .brand {
  padding-top: 8px;
  padding-botton: 0px;
}

.header .brand img {}

.clear-navbar {
  margin-top: 60px;
}

.container {
}

.fixed_body {
  position: fixed;
  top: 0;
  z-index: 1000;
  left: 0;
  right: 0;
}

#chassis-info-row {
  height: 130px;
  padding-bottom: 20px;
  font-weight: bold;
}

#amount, #units {
  display: inline-block;
}

#units {
  position: relative;
  width: 100%;
  display: block;
}

#units select {
  width: 70px;
  position: absolute;
  right: 11px;
  top: -17px;
}

.spkmute {
  width: 60px;
  text-align: center;
}

#chassis-image {
  pointer-events: none;
}

.ui-dialog-title {
  text-transform: capitalize;
}