.field {
  background-color: #333;
  border: 1px solid #777;
  color: #aaaaaa;
  font-size: 90%;
}
.fieldHover {
  color: #eee;
  border: 1px solid #eee;
  background-color: #555;
}
.fieldActive {
  color: #eee;
  border: 1px solid #eee;
  background-color: #555;
}
.fieldInvalid {
  border: 1px solid #aa8888;
  background-color: #883333;
  color: white;
}
* {
  outline: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
input,
textarea {
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  user-select: text;
  cursor: text;
}
textarea {
  resize: none;
}
html,
div,
body,
input,
text,
button,
td {
  font-family: "Helvetica Neue LT Std", "Arial", sans-serif;
  line-height: 1.2;
  /*-webkit-font-smoothing: antialiased;*/
}
body,
html {
  padding: 0;
  margin: 0;
  height: 100%;
}
.clearBoth {
  clear: both;
}
body {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.2em;
  background: #006268 url(../images/hexagon-transparent2.png) fixed no-repeat center center;
}
canvas.uiGraph {
  width: 100%;
  height: 105px;
  background: #eeeeff;
  border-bottom: 1px solid #aaaaaa;
  margin: 0 0 -5px 0;
  padding: 0;
}
canvas.uiGraph.full {
  height: 100%;
}
canvas.uiGraph.uiSignalsGraph {
  background: #333;
}
.gvEmployeeEventHistory > .graphHolder > canvas.uiGraph {
  height: 150px;
}
/* { transition: all 250ms cubic-bezier(0.085, 0.765, 0.555, 1.000);  } */
img.uiThumbnail:nth-child(1) {
  z-index: 4;
  top: 3px;
  left: 3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
img.uiThumbnail:nth-child(2) {
  z-index: 3;
  top: 6px;
  left: 6px;
  -webkit-transform: rotate(6deg);
  -moz-transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -o-transform: rotate(6deg);
  transform: rotate(6deg);
}
img.uiThumbnail:nth-child(3) {
  z-index: 2;
  top: 9px;
  left: 9px;
  -webkit-transform: rotate(12deg);
  -moz-transform: rotate(12deg);
  -ms-transform: rotate(12deg);
  -o-transform: rotate(12deg);
  transform: rotate(12deg);
}
img.uiThumbnail:nth-child(4) {
  z-index: 1;
  top: 12px;
  left: 12px;
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
img.uiThumbnail:nth-child(5) {
  z-index: 0;
  top: 15px;
  left: 15px;
  -webkit-transform: rotate(24deg);
  -moz-transform: rotate(24deg);
  -ms-transform: rotate(24deg);
  -o-transform: rotate(24deg);
  transform: rotate(24deg);
}
img.uiThumbnail:nth-child(1) {
  z-index: 4;
  top: 3px;
  left: 3px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
img.uiThumbnail:nth-child(2) {
  z-index: 3;
  top: 6px;
  left: 6px;
  -webkit-transform: rotate(5deg);
  -moz-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
}
img.uiThumbnail:nth-child(3) {
  z-index: 2;
  top: 9px;
  left: 9px;
  -webkit-transform: rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}
img.uiThumbnail:nth-child(4) {
  z-index: 1;
  top: 12px;
  left: 12px;
  -webkit-transform: rotate(15deg);
  -moz-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  transform: rotate(15deg);
}
img.uiThumbnail:nth-child(5) {
  z-index: 0;
  top: 15px;
  left: 15px;
  -webkit-transform: rotate(20deg);
  -moz-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  -o-transform: rotate(20deg);
  transform: rotate(20deg);
}
div.selectedx img.uiThumbnail:nth-child(1) {
  z-index: 4;
  top: 3px;
  left: 3px;
  -webkit-transform: scale(1.23) rotate(0deg);
  -moz-transform: scale(1.23) rotate(0deg);
  -ms-transform: scale(1.23) rotate(0deg);
  -o-transform: scale(1.23) rotate(0deg);
  transform: scale(1.23) rotate(0deg);
}
div.selectedx img.uiThumbnail:nth-child(2) {
  z-index: 3;
  top: 12px;
  left: 12px;
  -webkit-transform: scale(1.23) rotate(12deg);
  -moz-transform: scale(1.23) rotate(12deg);
  -ms-transform: scale(1.23) rotate(12deg);
  -o-transform: scale(1.23) rotate(12deg);
  transform: scale(1.23) rotate(12deg);
}
div.selectedx img.uiThumbnail:nth-child(3) {
  z-index: 2;
  top: 18px;
  left: 18px;
  -webkit-transform: scale(1.23) rotate(24deg);
  -moz-transform: scale(1.23) rotate(24deg);
  -ms-transform: scale(1.23) rotate(24deg);
  -o-transform: scale(1.23) rotate(24deg);
  transform: scale(1.23) rotate(24deg);
}
div.selectedx img.uiThumbnail:nth-child(4) {
  z-index: 1;
  top: 24px;
  left: 24px;
  -webkit-transform: scale(1.23) rotate(36deg);
  -moz-transform: scale(1.23) rotate(36deg);
  -ms-transform: scale(1.23) rotate(36deg);
  -o-transform: scale(1.23) rotate(36deg);
  transform: scale(1.23) rotate(36deg);
}
div.selectedx img.uiThumbnail:nth-child(5) {
  z-index: 0;
  top: 30px;
  left: 30px;
  -webkit-transform: scale(1.23) rotate(48deg);
  -moz-transform: scale(1.23) rotate(48deg);
  -ms-transform: scale(1.23) rotate(48deg);
  -o-transform: scale(1.23) rotate(48deg);
  transform: scale(1.23) rotate(48deg);
}
div.uiStackList {
  background: white;
  width: 100%;
  height: auto;
  padding-bottom: 20px;
}
div.uiStack .items {
  width: 120px;
  height: 120px;
  position: relative;
  padding: 4px;
  margin: 4px;
}
div.uiStack .labels {
  width: 146px;
  height: 53px;
  text-align: center;
  font-size: 75%;
  position: relative;
  top: -3px;
}
div.uiStack .labels > .primary {
  color: black;
}
div.uiStack .labels > .secondary {
  color: gray;
  font-size: 90%;
  margin-top: 2px;
}
div.uiStack {
  width: 152px;
  height: 153px;
  padding: 4px;
  margin: 4px;
  float: left;
}
div.uiStack div.selected {
  background: lightblue;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
  width: 200px;
}
img.uiThumbnail {
  width: 133px;
  height: 100px;
  position: absolute;
  padding: 4px;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);
  background-color: #eeeeee;
  border: 1px solid #ffffff;
}
div.uiGridIcon {
  float: left;
  width: 80px;
  height: 0;
  margin: 8px;
  border: 1px solid #eeeeee;
  padding: 100px 10px 20px 10px;
  background: center 25% no-repeat;
  text-align: center;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  font-size: 90%;
  background-color: #ffffff;
  background-size: 80% auto;
  -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -moz-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -o-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -ms-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  color: gray;
}
div.uiGridIcon:hover {
  background-color: #fff2f2;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.25);
  color: #222222;
}
#container {
  width: 100%;
  min-height: 100%;
}
#header {
  position: fixed;
  z-index: 998;
  left: 0;
  background: #008996;
  width: 100%;
  height: 58px;
  min-width: 900px;
  top: -49px;
  transition: top 600ms;
}
#header.shown {
  top: 0;
}
#siteHolder {
  min-width: 918px;
  height: 100%;
}
#logo {
  position: absolute;
  top: 6px;
  left: 12px;
  z-index: 99999;
  background: url(../images/hexagon-transparent.png) no-repeat;
  background-size: 100%;
  width: 42px;
  height: 42px;
}
#logout {
  position: relative;
  float: right;
  margin-right: 16px;
  opacity: 0;
  -webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -o-transition: opacity 600ms;
  -ms-transition: opacity 600ms;
  transition: opacity 600ms;
}
#logout {
  opacity: 0;
  -webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -o-transition: opacity 600ms;
  -ms-transition: opacity 600ms;
  transition: opacity 600ms;
}
#logout.shown {
  opacity: 1;
  -webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -o-transition: opacity 600ms;
  -ms-transition: opacity 600ms;
  transition: opacity 600ms;
}
#tabs {
  position: relative;
  left: 58px;
  float: left;
  height: 58px;
  -webkit-transition: opacity 1600ms;
  -moz-transition: opacity 1600ms;
  -o-transition: opacity 1600ms;
  -ms-transition: opacity 1600ms;
  transition: opacity 1600ms;
}
#tabs button,
#logout button {
  display: inline-block;
  height: 58px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  padding: 12px 12px 12px 12px;
  font-size: 110%;
  border: none;
  background: none;
  margin: 0;
}
#logout > * {
  outline: none;
}
#logout button {
  background: url(../images/arrow2down_bigw.png) no-repeat 8px 26px;
  text-align: left;
  padding: 12px 18px 13px 28px;
}
#logout button:hover {
  color: #fff;
  background-color: #00a1af;
}
#tabs > * {
  opacity: 0;
  -webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -o-transition: opacity 600ms;
  -ms-transition: opacity 600ms;
  transition: opacity 600ms;
}
#tabs.shown > * {
  opacity: 1;
  -webkit-transition: opacity 600ms;
  -moz-transition: opacity 600ms;
  -o-transition: opacity 600ms;
  -ms-transition: opacity 600ms;
  transition: opacity 600ms;
}
#tabs a:hover,
#tabs button:hover {
  color: #fff;
  background-color: rgba(38, 202, 211, 0.5);
}
#tabs a.selected,
#tabs button.selected {
  background: none;
  color: #fff;
  border-bottom: 0px solid #fff;
  background-color: #26cad3;
}
#tabs a.darker:hover,
#tabs button.darker:hover {
  color: #fff;
}
#tabs a.darker.selected,
#tabs button.darker.selected {
  color: white;
}
div.uiView > .helpButton {
  position: absolute;
  top: 8px;
  left: 9px;
  width: 18px;
  height: 19px;
  background: url(../images/help.png) no-repeat;
  opacity: 0.35;
  -webkit-transition: all 200ms;
  -moz-transition: all 200ms;
  -o-transition: all 200ms;
  -ms-transition: all 200ms;
  transition: all 200ms;
}
div.uiView > .helpButton:hover {
  opacity: 0.75;
}
div.uiView > .helpButton.helping {
  opacity: 1;
}
.toolTip {
  pointer-events: none;
  position: fixed;
  z-index: 990000;
  top: 0;
  left: 0;
  padding: 8px;
  background: rgba(255, 255, 100, 0.8);
  border: 1px solid #969632;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
  color: #333;
  font-size: 85%;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
  display: inline-block;
  -webkit-transition: opacity 230ms;
  -moz-transition: opacity 230ms;
  -o-transition: opacity 230ms;
  -ms-transition: opacity 230ms;
  transition: opacity 230ms;
  opacity: 0;
}
.toolTip.fadeIn {
  opacity: 1;
}
.toolTip.fadeOut {
  opacity: 0;
}
.transPane {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  text-align: center;
  line-height: 500px;
  background: rgba(0, 0, 0, 0.45);
  z-index: 999;
  opacity: 0;
  -webkit-transition: opacity 1000ms;
  -moz-transition: opacity 1000ms;
  -o-transition: opacity 1000ms;
  -ms-transition: opacity 1000ms;
  transition: opacity 1000ms;
  pointer-events: none;
  visibility: hidden;
}
.cmap {
  width: 100%;
  height: 100%;
  background: #333;
}
.transPane.started {
  opacity: 1;
  -webkit-transition: opacity 1000ms;
  -moz-transition: opacity 1000ms;
  -o-transition: opacity 1000ms;
  -ms-transition: opacity 1000ms;
  transition: opacity 1000ms;
  pointer-events: all;
}
.transPane.stopped {
  opacity: 0;
  -webkit-transition: opacity 1000ms;
  -moz-transition: opacity 1000ms;
  -o-transition: opacity 1000ms;
  -ms-transition: opacity 1000ms;
  transition: opacity 1000ms;
  pointer-events: none;
}
.transPane > div {
  padding-bottom: 2px;
  position: relative;
  top: 0;
  visibility: visible;
  display: inline-block;
}
.transPane > div > div {
  width: 129px;
  height: 129px;
  padding: 10px;
  background: rgba(0, 0, 0, 0.75);
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
}
.transPane > div > div.ie9 {
  background-color: #323232;
}
div.spinnerlogo {
  position: absolute;
  width: 128px;
  height: 128px;
  color: white;
  background: url(../images/logo-color.png) no-repeat center center;
  background-size: 33%;
  text-align: center;
  top: 0;
  font-size: 120%;
}
div.spinnertext {
  position: absolute;
  width: 128px;
  height: 128px;
  color: #ddd;
  text-align: center;
  top: 114px;
  font-size: 100%;
}
@-webkit-keyframes rotation1 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
@-moz-keyframes rotation1 {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
  }
}
@keyframes rotation1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
div.spinner {
  display: inline-block;
  background: url(../images/glowspin.png) no-repeat 53% 47%;
  width: 128px;
  height: 128px;
  position: relative;
  top: -10px;
  left: 0;
  -webkit-animation: rotation1 0.755s linear infinite;
  -moz-animation: rotation1 0.755s linear infinite;
  animation: rotation1 0.755s linear infinite;
}
div.spinner.ie9 {
  background: url(../images/glowspin.gif) no-repeat 53% 47%;
}
div.padding {
  position: relative;
  padding: 0 0 0 0;
  /*overflow: hidden;*/
}
div.innercontentHolder {
  position: relative;
  padding: 0;
  overflow: hidden;
  height: 0;
}
div.innercontent {
  position: relative;
  padding: 0 0 0 0;
}
#tabs a:active {
  border-bottom: 4px solid #edafaf;
}
#viewSpace {
  margin-top: 75px;
  position: relative;
}
#viewSpace div.gvNavSpinner {
  position: absolute;
  width: 100%;
  /* z-order manipulated by script */
}
#viewSpace div.gvNavActive {
  position: absolute;
  width: 100%;
  /* z-order manipulated by script */
}
#viewSpace div.gvNavTrans {
  position: absolute;
  width: 100%;
}
#nonFooter {
  position: relative;
  min-height: 100%;
}
.maximized {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
}
* html #nonFooter {
  height: 100%;
}
#siteContent {
  width: 100%;
  float: left;
  padding-bottom: 2em;
}
#footer {
  position: relative;
  margin-top: -4.5em;
  width: 100%;
  height: 30px;
  text-align: center;
  color: #fff;
  padding-bottom: 20px;
  z-index: -1000;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
h1,
p {
  color: #333;
}
#sample_container_id {
  width: 100%;
  height: 400px;
  position: relative;
  border: 1px solid #ccc;
  background-color: #fff;
}
/*
.unselectable
{
  cursor: default;
  outline: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
}*/
.truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.uiButton,
.uiButton_Disabled {
  display: inline;
  width: auto;
  height: 32px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 5px;
  color: #555555;
  border: 1px solid #aaaaaa;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  background-clip: padding-box;
  text-align: center;
  box-shadow: #aaaaaa 0 3px 0 0;
  font-family: "Arial", "Helvetica Neue LT Std", sans-serif;
  font-size: 90%;
  _background-color: #ffffff;
  background: radial-gradient(at 50% bottom, #ffffff, #cceeff);
  -webkit-transition: all 0.55s;
  -moz-transition: all 0.55s;
  -o-transition: all 0.55s;
  -ms-transition: all 0.55s;
  transition: all 0.55s;
  background-position: center;
  background-size: 300% 100%;
  margin-bottom: 12px;
}
.uiButton:hover {
  color: #000000;
  box-shadow: #888888 0 3px 0 0;
  border: 1px solid #888888;
  background: radial-gradient(at 50% bottom, #ffffff, #aaccff);
  background-position: center;
  background-size: 120% 100%;
}
.uiButton:active {
  background: radial-gradient(at 50% bottom, #ffffff, #aaccff);
  background-size: 200% 100%;
  background-position: center 500%;
  color: #aaaacc;
  -webkit-transition: all 0.15s;
  -moz-transition: all 0.15s;
  -o-transition: all 0.15s;
  -ms-transition: all 0.15s;
  transition: all 0.15s;
  border: 1px solid #aaaacc;
  box-shadow: #aaaacc 0 3px 0 0;
}
.uiButton_Disabled {
  background: none;
  background-color: #dddddd;
  color: #888888;
  border: 1px solid #bbbbbb;
  box-shadow: #bbbbbb 0 3px 0 0;
  text-shadow: 1px 1px #ffffff;
}
.uiMenu {
  position: relative;
  top: 0px;
  background: rgba(0, 66, 74, 0.9);
  min-width: 240px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.uiFilterMenu {
  position: relative;
  top: 1px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.95)), color-stop(100% rgba(0, 0, 0, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 100%);
  background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 100%);
  background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 100%);
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 100%);
  background-image: linear-gradient(top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 100%);
  border-top-right-radius: 7px;
  min-width: 240px;
  padding-top: 2px;
  padding-bottom: 0;
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.uiFilterMenu > div.filterStation {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222), color-stop(100% #444));
  background-image: -webkit-linear-gradient(top, #222 0%, #444 100%);
  background-image: -moz-linear-gradient(top, #222 0%, #444 100%);
  background-image: -ms-linear-gradient(top, #222 0%, #444 100%);
  background-image: -o-linear-gradient(top, #222 0%, #444 100%);
  background-image: linear-gradient(top, #222 0%, #444 100%);
  height: 36px;
  border-bottom: 1px solid #777;
  text-align: center;
}
.uiFilterMenu > div.filterStation > input {
  position: relative;
  top: 5px;
  display: inline-block;
}
.uiFilterMenu > div.filterItems {
  height: 250px;
  overflow: auto;
}
.uiFilterMenuButton {
  margin: 4px;
  width: calc(100% - 4px);
  height: 26px;
  border: 1px solid #888;
  background-color: #555;
  color: white;
  text-align: center;
  font-weight: bold;
}
.uiFilterMenuButton:hover {
  border: 1px solid #aaa;
  background-color: #888;
}
.uiFilterMenuButton:active {
  opacity: 0.5;
}
.uiMenuItem,
.uiMenuItem_Disabled {
  position: relative;
  font-family: "Arial", "Helvetica Neue LT Std", sans-serif;
  font-size: 90%;
  width: auto;
  height: 18px;
  padding-left: 10px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  color: #cccccc;
  margin: 0px;
  border: 1px solid transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.uiMenuItem > .accel {
  float: right;
}
.uiMenuItem.backsel {
  border-radius: 4px;
}
.uiMenuItem.selected {
  background: rgba(0, 161, 175, 0.5);
  background-position: center;
  background-size: 120% 100%;
  color: #fff;
}
.uiMenuItem_Disabled {
  opacity: 0.5;
  background: none;
  color: #555;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.8);
}
.uiMenuItem_ExtraPad {
  padding-left: 30px;
}
.uiMenuItem_InnerIcon {
  position: absolute;
  border: 1px solid white;
  background: rgba(255, 32, 32, 0.65);
  width: 8px;
  height: 8px;
  top: 8px;
  left: 7px;
  border-radius: 3px;
  padding: 1px;
}
.uiMenuItem_ExtraPad > .uiMenuItem_InnerIcon {
  opacity: 0.6;
}
.uiMenuItem_ExtraPad.selected > .uiMenuItem_InnerIcon {
  opacity: 1;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.uiMenuItem_InnerIcon.red {
  background: rgba(255, 32, 32, 0.95);
}
.uiMenuItem_InnerIcon.pink {
  background: rgba(255, 32, 255, 0.95);
}
.uiMenuItem_InnerIcon.sage {
  background: rgba(64, 170, 64, 0.95);
}
.uiMenuItem_InnerIcon.orange {
  background: rgba(255, 128, 10, 0.95);
}
.uiMenuItem_InnerIcon.yellow {
  background: rgba(235, 235, 32, 0.95);
}
.uiMenuItem_InnerIcon.blue {
  background: rgba(10, 160, 255, 0.95);
}
.uiMenuItem_InnerIcon.green {
  background: rgba(32, 255, 32, 0.95);
}
.uiMenuItem_InnerIcon.cyan {
  background: rgba(32, 255, 255, 0.95);
}
.uiMenuItem_InnerIcon.pink {
  background: rgba(255, 32, 255, 0.95);
}
.uiMenuItem_InnerIcon.purple {
  background: rgba(100, 10, 255, 0.95);
}
.uiMenuItem_InnerIcon.black {
  background: rgba(64, 64, 64, 0.95);
}
.uiMenuItem_InnerIcon.gray {
  background: rgba(128, 128, 128, 0.95);
}
.uiMenuItem_InnerIcon.ltgray {
  background: rgba(208, 208, 208, 0.95);
}
.uiMenuItem_InnerIcon .selected {
  border: 1px solid rgba(255, 255, 255, 0.85);
  opacity: 1;
}
.uiPopupMenu,
.uiPopupMenu_Space {
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  z-index: 99999;
}
.uiPopupMenu_Space .uiMenu > .uiMenuItem {
  margin-top: 1.5em !important;
  margin-bottom: 1.5em !important;
}
.gvNavSpinner {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
}
input,
td {
  font-size: 13px;
  text-align: center;
}
td {
  color: gray;
}
table,
tr,
td {
  padding: 0;
  margin: 0;
  border-spacing: 0;
}
.validationConfirmArea {
  text-align: center;
}
.validationConfirmArea > * {
  display: inline-block;
}
.validationConfirmArea > textarea {
  border: 1px solid #231717;
  background: #2e1e1e;
  width: 377px;
  height: 91px;
  color: #5F5F5F;
  opacity: 1;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  transition: opacity 250ms;
}
.validationConfirmArea > textarea[disabled] {
  opacity: 0.5;
  -webkit-transition: opacity 250ms;
  -moz-transition: opacity 250ms;
  -o-transition: opacity 250ms;
  -ms-transition: opacity 250ms;
  transition: opacity 250ms;
}
.validationConfirmArea > textarea:focus {
  border: 1px solid #835757;
  background: #2e1e1e;
  color: white;
}
.gvMapWrapper {
  position: relative;
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.gvMapWrapper > .selRect {
  position: absolute;
  top: 0;
  left: 0;
  width: 120px;
  height: 120px;
  background: rgba(40, 120, 255, 0.44);
  border: 1px dashed #64bee6;
  visibility: hidden;
  pointer-events: none;
}
.gvMap {
  position: absolute;
  width: 290px;
  height: 290px;
  margin: 0;
  padding: 0;
}
.gvHeatMap {
  position: relative;
  width: 100%;
  height: auto;
  top: 1px;
  padding: 0;
}
.uiLabel {
  padding: 8px;
  color: #888;
}
.uiPicker {
  display: inline-block;
  width: auto;
  height: 23px;
  font-size: 85%;
  margin-bottom: 3px;
  margin-right: 7px;
}
.uiPickerLabel,
.uiPickerValue {
  display: inline-block;
  height: 23px;
  width: auto;
  float: left;
  line-height: 24px;
}
.gvRoundedText {
  margin: 0;
  padding: 0 14px 0 8px;
  display: inline-block;
  border-radius: 12px;
  box-shadow: inset rgba(0, 0, 0, 0.5) 1px 1px 4px;
  background: #fff url(../images/small_mag_light.svg) no-repeat 7px 5px;
  color: #aaa;
  position: relative;
  left: 0;
  top: -11px;
  border-right: 0 transparent;
  border: none;
  height: 22px;
}
.gvRoundedText:focus {
  background: #fff url(../images/small_mag.svg) no-repeat 7px 5px;
  color: #333;
}
.uiPickerLabel {
  display: inline-block;
  text-align: right;
  padding-left: 14px;
  padding-right: 8px;
  border-top-left-radius: 12px;
  border-bottom-left-radius: 12px;
  box-shadow: inset rgba(0, 0, 0, 0.5) 1px 1px 4px;
  background: #78ba94;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #78ba94), color-stop(100% #60a078));
  background-image: -webkit-linear-gradient(top, #78ba94 0%, #60a078 100%);
  background-image: -moz-linear-gradient(top, #78ba94 0%, #60a078 100%);
  background-image: -ms-linear-gradient(top, #78ba94 0%, #60a078 100%);
  background-image: -o-linear-gradient(top, #78ba94 0%, #60a078 100%);
  background-image: linear-gradient(top, #78ba94 0%, #60a078 100%);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  color: white;
  position: relative;
  left: 2px;
  border-right: 0 transparent;
}
.uiPickerValue {
  display: inline-block;
  text-align: left;
  padding-left: 10px;
  padding-right: 28px;
  background: #e5ffeb url(../images/arrow2down.png) 100% 50% no-repeat;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
  box-shadow: inset rgba(0, 0, 0, 0.5) 1px 1px 4px;
  text-shadow: 1px 1px rgba(0, 0, 0, 0);
  border-left: 0 transparent;
  color: rgba(0, 0, 0, 0.6);
}
.uiPicker:hover > .uiPickerLabel {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7abf9a), color-stop(100% #6aaf7a));
  background-image: -webkit-linear-gradient(top, #7abf9a 0%, #6aaf7a 100%);
  background-image: -moz-linear-gradient(top, #7abf9a 0%, #6aaf7a 100%);
  background-image: -ms-linear-gradient(top, #7abf9a 0%, #6aaf7a 100%);
  background-image: -o-linear-gradient(top, #7abf9a 0%, #6aaf7a 100%);
  background-image: linear-gradient(top, #7abf9a 0%, #6aaf7a 100%);
}
.uiPicker:hover > .uiPickerValue {
  background: #e8ffef url(../images/arrow2down.png) 100% 50% no-repeat;
  color: rgba(0, 0, 0, 0.8);
}
.uiToolbar {
  position: relative;
  padding: 4px;
  height: 24px;
  background: #e0e0e0;
  overflow: hidden;
  -webkit-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -moz-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -o-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -ms-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
}
.uiToolbar.hidden {
  height: 0;
  padding: 0;
  -webkit-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -moz-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -o-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  -ms-transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
  transition: all 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
}
.uiToolbar > table {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.uiToolbar > table > thead > tr > td.center {
  text-align: center;
}
.uiToolbar > table > thead > tr > td.right {
  text-align: right;
}
.uiResultsHeader {
  position: relative;
  height: 30px;
  padding: 10px;
  font-size: 85%;
}
.uiResultsHeader > .text {
  position: absolute;
  top: 0;
  color: white;
  padding-left: 16px;
  font-weight: bold;
  display: inline-block;
  height: 44px;
  line-height: 44px;
}
.srFilter {
  width: 150px;
  height: 22px;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-clip: padding-box;
  background: black;
  box-shadow: inset rgba(0, 0, 0, 0.35) 1px 1px 4px;
  border: 1px solid gray;
  outline: none;
  color: #fff;
  margin-right: 10px;
}
.srFilter:focus {
  color: white;
  background-color: #1e1e0a;
  box-shadow: 0 0 6px rgba(150, 150, 70, 0.6);
}
.uiResultsHeader > .tabsHolder {
  position: absolute;
  right: 0;
  top: 0;
  _float: right;
  width: 600px;
  color: white;
}
.uiToolbarExposer {
  float: right;
  display: inline-block;
  padding: 4px;
  font-size: 80%;
  background: url(../images/arrow2down.png) no-repeat 100% 5px;
  padding-right: 22px;
  position: relative;
  left: 10px;
  top: -2px;
  -o-transition: opacity 450ms;
  -ms-transition: opacity 450ms;
  transition: opacity 450ms;
  -moz-transition: opacity 450ms;
  -webkit-transition: opacity 450ms;
}
.uiToolbarExposer.on {
  background: url(../images/arrow2up.png) no-repeat 100% 4px;
  -o-transition: opacity 450ms;
  -ms-transition: opacity 450ms;
  transition: opacity 450ms;
  -moz-transition: opacity 450ms;
  -webkit-transition: opacity 450ms;
}
.uiToolbarExposer.off {
  opacity: 0.5;
  -o-transition: opacity 450ms;
  -ms-transition: opacity 450ms;
  transition: opacity 450ms;
  -moz-transition: opacity 450ms;
  -webkit-transition: opacity 450ms;
}
.gvTabEvents {
  position: relative;
  top: 0;
  width: 100%;
  height: 27px;
  line-height: 25px;
  background: #777 url(../images/tabbar-black.png) 0 1px repeat-x;
  text-align: center;
  border-top: 1px solid #e8e8e8;
  padding-top: 1px;
}
.gvTabEvents > * {
  display: inline-block;
  float: left;
  line-height: 25px;
  height: 27px;
  color: #aaaaaa;
  font-size: 80%;
  padding-left: 11px;
  padding-right: 11px;
  margin-left: 3px;
  margin-right: 3px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.55);
  font-weight: bold;
}
.gvTabEvents > * {
  position: relative;
  left: 70px;
}
.gvTabEvents > *.selected {
  margin-left: 2px;
  margin-right: 2px;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  color: white;
  background-repeat: repeat-x;
  background-image: url(../images/tabsel-bleu.png);
}
.gvTabEvents > .dropdownTabBar {
  /*float: none;*/
}
.dropdownTabBar {
  float: right;
  display: block;
  line-height: 18px;
  text-align: left;
  background: rgba(0, 0, 0, 0.15) url(../images/arrow2wp.png) 98% 45% no-repeat;
  border: 1px solid rgba(255, 255, 255, 0.25);
  width: 120px;
  height: 18px;
  padding: 0 20px 0 4px;
  color: #aaaaaa;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: 75%;
  position: relative;
  top: 3px;
  left: -2px;
  opacity: 0.7;
}
.dropdownTabBar:hover {
  color: #eeeeee;
  border: 1px solid #8f8f8f;
  background-color: rgba(0, 0, 0, 0.65);
  opacity: 1;
}
.gvTabEvents > .poor.selected {
  background: url(../images/tabsel-red.png) repeat-x;
  color: white;
}
.gvTabEvents > .moderate.selected {
  background: url(../images/tabsel-blue.png) repeat-x;
  color: white;
}
.gvTabEvents > .good.selected {
  background: url(../images/tabsel-green.png) repeat-x;
  color: white;
}
.gvTabEvents > .summary.selected {
  background: url(../images/tabsel-rainbow.png) repeat-x;
  color: white;
}
.gvEventFilter {
  position: absolute;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background: rgba(0, 0, 0, 0.75);
  overflow: auto;
}
.gvEventFilterItemPadding {
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}
.gvEventFilterItemPadding > * > .gvEventFilterItem {
  padding: 4px;
  font-size: 80%;
  height: auto;
  margin: 2px;
  color: #cccccc;
  border: 1px solid transparent;
}
.gvEventFilterItemPadding:hover > * > .gvEventFilterItem {
  zborder-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
  border-color: rgba(255, 255, 255, 0.3);
  color: #eeeeee;
}
.gvEventFilterItemPadding.select > * > .gvEventFilterItem {
  zborder-radius: 4px;
  background: #13448F;
  border-color: #AAAAFF;
  color: white;
}
.gvEventFilterItemQuick {
  float: left;
  width: 16px;
  height: 20px;
  background: url(../images/evpopup.png) 3px 4px no-repeat;
  opacity: 0.2;
}
.gvEventFilterItemQuick:hover {
  opacity: 1;
}
.gvEventFilterItemBorder {
  margin-left: 20px;
}
.gvEventFilterItem .label {
  float: left;
}
.gvEventFilterItem .occurrences {
  float: right;
}
.gvEventFilterItemPadding.dim > * > .gvEventFilterItem {
  color: #777777;
}
.gvEventFilterItemPadding.select > * > .gvEventFilterItem {
  color: white;
}
.gvMapWrapper > .coordBar {
  position: absolute;
  top: 0;
  left: 8px;
  width: auto;
  height: 26px;
}
.gvMapWrapper > .coordBar > * {
  padding: 8px;
  background: rgba(10, 10, 30, 0.75);
  border: 1px solid rgba(100, 200, 255, 0.6);
  color: #5af;
}
.gvMapWrapper > .coordBar.hidden {
  visibility: hidden;
}
.gvMapWrapper > .toolBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 36px;
  height: 100%;
  background: rgba(0, 0, 0, 0.65);
}
.gvMapWrapper > .toolBar > * > * {
  display: block;
  width: 25px;
  height: 25px;
  margin: 4px;
  background: url(../images/rect-sel.png) no-repeat 2px 2px rgba(0, 0, 0, 0.75);
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.gvMapWrapper > .toolBar > * > .selected {
  background-color: #13448F;
  border-color: #AAAAFF;
}
.gvMapWrapper > .toolBar > * > .pan {
  background-image: url(../images/pan.png);
  background-position: 1px 3px;
}
.gvMapWrapper > .toolBar > * > .clicksel {
  background-image: url(../images/click-sel.png);
}
.gvMapWrapper > .toolBar > * > .rectsel {
  background-image: url(../images/rect-sel.png);
}
.gvMapWrapper > .toolBar > * > .circlesel {
  background-image: url(../images/circle-sel.png);
}
.helpLink {
  position: fixed;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.15);
  border-left: 1px solid rgba(255, 255, 255, 0.3);
  border-top: 1px solid rgba(255, 255, 255, 0.3);
  border-top-left-radius: 8px;
  color: rgba(255, 255, 255, 0.5);
  padding: 10px;
  text-decoration: none;
  z-index: -1;
}
.helpLink:hover {
  color: white;
}
.uiCheckBox {
  cursor: default;
  font-size: 90%;
}
#modals .modal .uiView.gvConfirmValidationView {
  background: #501e1e;
  min-width: inherit;
}
#modals .modal .uiView.gvConfirmValidationView * {
  color: white;
}
.uiToolbar_Left {
  float: left;
  line-height: 44px;
  display: inline-block;
}
.uiToolbar_Right {
  text-align: right;
  float: right;
  line-height: 44px;
  display: inline-block;
}
.tbLeft {
  line-height: 44px;
  height: 44px;
  float: left;
}
.tbRight {
  line-height: 44px;
  height: 44px;
  float: right;
}
.uiTabs_Popout {
  background: url(../images/arrow2down_bigw.png) 100% 55% no-repeat;
  padding: 5px 24px 5px 5px;
  color: rgba(255, 255, 255, 0.5);
  font-size: 85%;
  border: 1px solid rgba(255, 255, 255, 0.65);
  background: #222;
  border-radius: 10px;
}
.uiTabs_Popout:hover {
  color: #ffffff;
}
.shadow_bottom_3px {
  background: #aaa;
  height: 2px;
  width: auto;
}
.border_highlight_horz_1px {
  border-top: 1px solid #f1f1f1;
  width: auto;
}
.border_dark_horz_1px {
  border-top: 1px solid #444;
  width: auto;
}
.bold {
  font-weight: bold;
}
.rightContent > * {
  display: inline-block;
}
.rightContent {
  text-align: right;
}
.paddingEM {
  padding: 0.125em;
}
.equipmentHiddenLabel {
  visibility: hidden;
  position: absolute;
  top: 0;
  left: 0;
}
.full {
  width: 100%;
  height: 100%;
}
/*
    var group = $div('cgroup');
    var group_title = $div('cgroup_title');
    var group_content = $div('cgroup_content');
    group_title.textContent = (':' + component).t;
    group.$add([group_title, group_content]);
    var v = configuration.propertyRows(component, this.application);
    var h = $hashToObject(hash_str);
    this.values[component] = {};
    this.widgets[component] = {};
    $each.call(this, h, function(type, prop) {
    var pair = $div('pair');
    var label = $div('label');
    var value = $div('value');
*/
.cgroup {
  width: 90%;
  min-width: 40em;
  box-sizing: border-box;
  margin: 1.5em;
  padding: 1em 0.5em 0.5em 0.5em;
  border: 1px solid #aaa;
  background: #ffc;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border-radius: 0.5em;
  text-align: center;
}
.cgroup_title {
  padding: 0.5em;
  font-size: 20pt;
  font-weight: bold;
  display: inline;
}
.cgroup_content {
  padding: 0.5em 0.25em 0.25em 0.25em;
}
.cgroup_content > .pair {
  margin: 0.5em 1em 0.5em 1em;
}
.cgroup_content > .pair > * {
  display: inline-block;
}
.cgroup_content > .pair > .label {
  width: 30%;
  font-size: 10pt;
  text-align: right;
  padding-right: 1em;
}
.cgroup_content > .pair > .value {
  width: 60%;
}
.cgroup_content > .pair > .value > * {
  width: 100%;
  height: 2em;
  border-radius: 0.3em;
  background: #fff;
  border: 1px solid #aaa;
  text-align: left;
  padding-left: 0.5em;
  padding-right: 0.5em;
}
.cgroup_content > .pair > .value > *:focus {
  background: #eef;
  border: 1px solid #aaa;
}
.siteTitle {
  position: relative;
  top: 4px;
  left: 34px;
  font-size: 14pt;
  color: #fff;
}
.clientLogo {
  width: 30px !important;
}
#views,
#modals,
#simple {
  visibility: visible;
  max-width: none;
  width: 100%;
  height: 100%;
  z-index: 997;
  position: absolute;
  top: 0;
  left: 0;
}
#modals,
#simple {
  z-index: 999;
}
#modals {
  position: fixed;
  visibility: hidden;
}
#simple {
  visibility: hidden;
}
#views .view {
  text-align: center;
  padding-top: 67px;
}
#simple .simple {
  text-align: center;
}
#modals .modal {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.43);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
#modals .modal .uiView {
  vertical-align: middle;
  text-align: left;
  background: #282828;
  margin-bottom: 10px;
  display: inline-block;
  width: auto;
  min-width: inherit;
  max-width: none;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-clip: padding-box;
}
#modals .modal .uiView .uiViewTitle > * > * {
  color: white;
}
.containerShowInvisible {
  text-align: left;
  opacity: 0;
  transition: 400ms opacity, 400ms transform;
}
.containerShow {
  text-align: left;
  opacity: 1;
}
.containerTransitionShow {
  opacity: 1;
  transition: 400ms opacity, 400ms transform;
}
.containerTransitionClose {
  opacity: 0;
  transition: 400ms opacity, 400ms transform;
}
.viewShow {
  opacity: 1;
}
.viewShowInvisible {
  opacity: 1;
  -webkit-transform: scale(0.865, 0.865);
  -moz-transform: scale(0.865, 0.865);
  -ms-transform: scale(0.865, 0.865);
  -o-transform: scale(0.865, 0.865);
  transform: scale(0.865, 0.865);
  -webkit-transform-origin: 50% 500px;
  -moz-transform-origin: 50% 500px;
  -ms-transform-origin: 50% 500px;
  -o-transform-origin: 50% 500px;
  transform-origin: 50% 500px;
}
.viewTransitionShow {
  opacity: 1;
  transition: transform 290ms;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transform-origin: 50% 500px;
  -moz-transform-origin: 50% 500px;
  -ms-transform-origin: 50% 500px;
  -o-transform-origin: 50% 500px;
  transform-origin: 50% 500px;
}
.viewTransitionClose {
  opacity: 1;
  transition: transform 290ms;
  -webkit-transform-origin: 50% 500px;
  -moz-transform-origin: 50% 500px;
  -ms-transform-origin: 50% 500px;
  -o-transform-origin: 50% 500px;
  transform-origin: 50% 500px;
}
div.uiView {
  margin: 0 auto 0 auto;
  background: rgba(255, 255, 255, 0.9);
  width: 100%;
  height: auto;
  padding-bottom: 0;
  position: relative;
  text-align: left;
}
#popupParent,
#popupParentFront,
#altPopupParent,
#loginPopupParent {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
  text-align: center;
}
#popupParent div.uiView,
#popupParentFront div.uiView,
#altPopupParent div.uiView,
#loginPopupParent div.uiView {
  vertical-align: middle;
  text-align: left;
  background: #282828;
  margin-bottom: 10px;
  display: inline-block;
}
#popupParentFront div.uiView {
  background: #282828;
  color: white;
}
#loginPopupParent div.uiView {
  background: #282828;
  color: white;
}
#altPopupParent div.uiView {
  background: #531d1d;
  color: white;
}
#altPopupParent p {
  color: #bba4a4;
}
#altPopupParent strong {
  color: white;
}
#popupParent div.uiView div.uiViewHeader,
#popupParentFront div.uiView div.uiViewHeader,
#altPopupParent div.uiView div.uiViewHeader {
  background: url(../images/viewheader.png) repeat-x, black;
  opacity: 0.5;
}
div.gvPopupView > * > .uiViewTitle {
  color: white;
}
div.gvPopupView > * > .uiViewTitle > * > * {
  text-shadow: none;
}
.gvPopupView {
  visibility: hidden;
  -webkit-transition: opacity 450ms;
  -moz-transition: opacity 450ms;
  -o-transition: opacity 450ms;
  -ms-transition: opacity 450ms;
  transition: opacity 450ms;
  max-width: none;
}
.gvPopupViewShown {
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 450ms;
  -moz-transition: opacity 450ms;
  -o-transition: opacity 450ms;
  -ms-transition: opacity 450ms;
  transition: opacity 450ms;
}
.gvPopupView > .uiView {
  width: auto;
  min-width: inherit;
  max-width: none;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-clip: padding-box;
}
div.uiViewHeader {
  background: #dfdfdf;
}
div.uiViewShowTransition {
  -webkit-transition: all 290ms;
  -moz-transition: all 290ms;
  -o-transition: all 290ms;
  -ms-transition: all 290ms;
  transition: all 290ms;
  opacity: 1;
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  transform: scale(1, 1);
}
div.uiViewShown {
  -webkit-transform: none;
  -moz-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  -ms-transition: none;
  transition: none;
}
div.uiViewHideTransition {
  -webkit-transition: all 290ms;
  -moz-transition: all 290ms;
  -o-transition: all 290ms;
  -ms-transition: all 290ms;
  transition: all 290ms;
  /* cubic-bezier(0.085, 0.765, 0.555, 1.000); */
  opacity: 0;
  -webkit-transform: scale(0.865, 0.865);
  -moz-transform: scale(0.865, 0.865);
  -ms-transform: scale(0.865, 0.865);
  -o-transform: scale(0.865, 0.865);
  transform: scale(0.865, 0.865);
  -webkit-transform-origin: 50% 500px;
  -moz-transform-origin: 50% 500px;
  -ms-transform-origin: 50% 500px;
  -o-transform-origin: 50% 500px;
  transform-origin: 50% 500px;
  z-index: 50;
}
div.uiViewHide {
  visibility: hidden;
}
div.uiViewTitle {
  padding: 12px 12px 0 12px;
  height: 25px;
}
.gvEventStackView {
  height: 533px !important;
}
.gvList {
  width: 100%;
  height: 100%;
  overflow: auto;
}
.gvList > * > div {
  width: auto;
  height: auto;
  padding: 4px;
  font-size: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gvList > * > div.li_selection {
  background: blue;
  color: white;
}
.apHeader {
  background: #333;
  color: white;
  text-align: center;
  font-size: 13px;
  padding: 6px;
}
.gvGroupList,
.gvGroupListAlt {
  background: #444;
  color: #aaa;
  width: 100%;
  height: calc(100% - 51px);
  overflow: auto;
}
.gvGroupListAlt {
  background: #222;
  height: 100%;
  height: calc(100% - 30px);
}
.gvGroupList > * > *,
.gvGroupListAlt > * > * {
  margin: 0.4em 0.4em 0 0.4em;
  padding: 0.7em;
  font-size: 100%;
  white-space: nowrap;
}
.gvGroupList > * > *:last-child,
.gvGroupListAlt > * > *:last-child {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.gvSelector,
.uiCheckBox.flat {
  background: url(../images/arrow_down_white.svg) no-repeat;
  background-position: right 6px top 50%;
  background-size: 9px 5px;
  color: #dcdcdc;
}
.inlineBlock {
  display: inline-block;
}
.width20 {
  width: 20px;
}
.width80 {
  width: 80px;
}
.uiCheckBox.flat {
  background-image: none;
  text-align: center !important;
  padding: 0.15em;
  background-color: rgba(0, 0, 0, 0.5);
}
.uiCheckBox.flat.checked {
  color: #dcdcdc;
  font-weight: bold;
}
.gvSelector:hover {
  color: #ffffff;
}
.gvSelector > * > div {
  border: 1px solid transparent;
  padding: 0.1em;
  font-size: 1em;
  margin-right: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gvPopupList {
  width: 200px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  background: linear-gradient(rgba(0, 0, 0, 0.9), rgba(0, 0, 0, 0.7));
  color: white;
  padding-bottom: 0.2em;
}
.gvPopupList > * > * {
  margin: 0.2em 0.2em 0 0.2em;
  padding: 0.5em;
  font-size: 85%;
}
.gvPopupList > * > *.li_selection,
.gvGroupList > * > *.li_selection,
.gvGroupListAlt > * > *.li_selection {
  background-color: #99bbff;
  background: radial-gradient(at 50% bottom, #ffffff, #99bbff);
  background-position: center;
  background-size: 120% 100%;
  color: #333333;
  text-shadow: 1px 1px white;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.gvGroupListAlt > * > *.li_selection {
  background-color: #ffaa55;
  background: radial-gradient(at 50% bottom, #ffffff, #ffaa55);
  background-position: center;
}
.gvTabs {
  width: 100%;
  height: 23px;
  text-align: center;
  background-color: #222;
  padding: 1em 0 1em 0;
}
.gvTabs > * > * {
  display: inline-block;
  background: #222;
  font-size: 75%;
}
.gvTabs > * > * {
  border: 1px solid rgba(255, 255, 255, 0.25);
  background: #444;
  color: #aaa;
  padding: 4px 8px 4px 8px;
}
.gvTabs > * > *.li_selection {
  background-color: #99bbff;
  background: radial-gradient(at 50% bottom, #ccccee, #66aaee);
  background-position: center;
  background-size: 120% 100%;
  color: #333333;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.85);
}
.gvTabs > * > *:first-child {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.gvTabs > * > *:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.gvPeekList {
  padding-bottom: 10px;
}
.gvPeekItem {
  display: inline-block;
  width: 100px;
  height: 100px;
  background: green;
  margin-top: 40px;
  margin-left: 10px;
}
.gvPeekTray {
  width: 100%;
  height: 0;
  transition: all 500ms cubic-bezier(0.44, 0.275, 0.255, 1);
  opacity: 0;
  overflow: hidden;
}
.gvPeekTray.peek {
  height: 124px;
  background: #777;
  opacity: 1;
}
.gvSensorStackItem {
  position: relative;
  display: inline-block;
  background: url(../images/new/dt-green.png) no-repeat;
  background-size: 80% !important;
  width: 82px;
  height: 52px;
  padding-top: 40px;
  background-position-x: center;
  background-position-y: top !important;
  text-align: center;
  padding-bottom: 2px;
}
.gvSensorStackItem > .overlay {
  position: absolute;
  top: 85px;
  left: 90px;
  background: none;
  width: 24px;
  height: 24px;
}
.gvSensorStackItem.testing > .overlay {
  position: absolute;
  top: -4px;
  left: -4px;
  background-size: 15% 15%;
}
.gvSensorStackItem.testing > .overlay {
  background: url(../images/new/dt-overlay-testing.png) no-repeat;
}
.gvSensorStackItem.received > .overlay {
  background: url(../images/new/dt-overlay-tested.png) no-repeat;
}
.gvSensorStackItem.expired > .overlay {
  background: url(../images/new/dt-overlay-expired.png) no-repeat;
}
.gvSensorStackItem.stale {
  background: url(../images/new/dt-gray.png) no-repeat;
  background-position-x: center;
}
.gvSensorStackItem.alarm {
  background: url(../images/new/dt-red.png) no-repeat;
  background-position-x: center;
}
.gvSensorStackItem.noSensors {
  background: url(../images/new/dt-gray.png) no-repeat;
  background-position-x: center;
}
.gvSensorStackItem.shovel {
  background: url(../images/new/shovel-green.png) no-repeat;
}
.gvSensorStackItem.stale.shovel {
  background: url(../images/new/shovel-gray.png) no-repeat;
}
.gvSensorStackItem.alarm.shovel {
  background: url(../images/new/shovel-red.png) no-repeat;
}
.gvSensorStackItem.stale.alarm.shovel {
  background: url(../images/new/shovel-red.png) no-repeat;
}
.gvSensorStackItem.noSensors.shovel {
  background: url(../images/new/shovel-gray.png) no-repeat;
}
.gvSensorStackItem.van {
  background: url(../images/new/lv-green.png) no-repeat;
}
.gvSensorStackItem.stale.van {
  background: url(../images/new/lv-gray.png) no-repeat;
}
.gvSensorStackItem.alarm.van {
  background: url(../images/new/lv-red.png) no-repeat;
}
.gvSensorStackItem.stale.alarm.van {
  background: url(../images/new/lv-red.png) no-repeat;
}
.gvSensorStackItem.noSensors.van {
  background: url(../images/new/lv-gray.png) no-repeat;
}
.gvSensorStackItem.car {
  background: url(../images/new/lv-green.png) no-repeat;
}
.gvSensorStackItem.stale.car {
  background: url(../images/new/lv-gray.png) no-repeat;
}
.gvSensorStackItem.alarm.car {
  background: url(../images/new/lv-red.png) no-repeat;
}
.gvSensorStackItem.stale.alarm.car {
  background: url(../images/new/lv-red.png) no-repeat;
}
.gvSensorStackItem.noSensors.car {
  background: url(../images/new/lv-gray.png) no-repeat;
}
.gvSensorStackItem.pickup {
  background: url(../images/new/lv-green.png) no-repeat;
}
.gvSensorStackItem.stale.pickup {
  background: url(../images/new/lv-gray.png) no-repeat;
}
.gvSensorStackItem.alarm.pickup {
  background: url(../images/new/lv-red.png) no-repeat;
}
.gvSensorStackItem.stale.alarm.pickup {
  background: url(../images/new/lv-red.png) no-repeat;
}
.gvSensorStackItem.noSensors.pickup {
  background: url(../images/new/lv-gray.png) no-repeat;
}
.gvSensorStackItem.car,
.gvSensorStackItem.pickup,
.gvSensorStackItem.van,
.gvSensorStackItem.equipment {
  background-position-y: 35% !important;
}
.gvSensorStackItem.equipment {
  background: url(../images/new/lv-green.png) no-repeat;
}
.gvSensorStackItem.stale.equipment {
  background: url(../images/new/lv-gray.png) no-repeat;
}
.gvSensorStackItem.alarm.equipment {
  background: url(../images/new/lv-red.png) no-repeat;
}
.gvSensorStackItem.stale.alarm.equipment {
  background: url(../images/new/lv-red.png) no-repeat;
}
.gvSensorStackItem.noSensors.equipment {
  background: url(../images/new/lv-gray.png) no-repeat;
}
.gvSensorStackItem.dozer {
  background: url(../images/new/dozer-green.png) no-repeat;
}
.gvSensorStackItem.stale.dozer {
  background: url(../images/new/dozer-gray.png) no-repeat;
}
.gvSensorStackItem.alarm.dozer {
  background: url(../images/new/dozer-red.png) no-repeat;
}
.gvSensorStackItem.stale.alarm.dozer {
  background: url(../images/new/dozer-red.png) no-repeat;
}
.gvSensorStackItem.noSensors.dozer {
  background: url(../images/new/dozer-gray.png) no-repeat;
}
.gvSensorStackItem.grader {
  background: url(../images/new/grader-green.png) no-repeat;
}
.gvSensorStackItem.stale.grader {
  background: url(../images/new/grader-gray.png) no-repeat;
}
.gvSensorStackItem.alarm.grader {
  background: url(../images/new/grader-red.png) no-repeat;
}
.gvSensorStackItem.stale.alarm.grader {
  background: url(../images/new/grader-red.png) no-repeat;
}
.gvSensorStackItem.noSensors.grader {
  background: url(../images/new/grader-gray.png) no-repeat;
}
.gvSensorStackItem.stale.alarm {
  background: url(../images/new/dt-red.png) no-repeat;
  background-position-x: center;
}
.gvSensorStackItem.compact > .labels {
  position: relative;
  top: 0;
}
.gvSensorStackItem.compact {
  box-sizing: border-box;
  background: #8d8 !important;
  border: 2px solid white;
  border-radius: 10px;
  padding: 0 0 6px 0 !important;
}
.gvSensorStackItem.compact.stale {
  background: #8d8 !important;
}
.gvSensorStackItem.compact.alarm {
  background: #a44 !important;
}
.gvSensorStackItem.compact.noSensors {
  background: #555 !important;
}
.gvSensorStackItem.compact.stale.alarm {
  background: #955 !important;
}
.gvSensorStackItem.compact > .overlay {
  position: absolute;
  top: -4px;
  left: 94px;
}
.gvSensorStackItem > .labels {
  display: inline-block;
  background: none;
  border-radius: 6px;
  padding: 4px;
  width: calc(100% - 10px);
  height: 50px;
  position: relative;
  top: 6px;
}
.gvSensorStackItem.gvPeekItem.peek > .labels {
  background: #777;
  text-align: center;
  line-height: 1.2em;
}
.gvSensorStackItem.compact.alarm > .labels > * {
  color: white !important;
}
.gvSensorStackItem.compact.noSensors > .labels > * {
  color: #ccc !important;
}
.gvSensorStackItem.gvPeekItem.peek > .labels > * {
  color: white !important;
}
.gvSensorStackItem > .labels > .label,
.gvSensorStackItem > .labels > .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
  text-align: center;
  font-weight: bold;
  color: #225522;
  font-size: 90%;
}
.gvSensorStackItem > .labels > .label {
  position: relative;
  top: -2px;
  left: -6px;
}
.gvSensorStackItem > .labels > .check {
  position: relative;
  left: -6px;
  width: 16px;
  height: 16px;
}
.gvSensorStackItem > .labels > .value {
  color: #222;
  font-size: 90%;
  font-weight: normal;
  padding: 2px 7px 2px 7px;
}
.gvSensorStackItem > .labels > .value.alarm {
  border-radius: 8px;
  background: #a44;
  color: #fff;
  font-weight: normal;
}
.gvSensorStackItem.compact > .labels > .value.alarm {
  background: none !important;
}
.gvSensorStackItem.peek > .labels > .value.alarm {
  background: none;
}
.gvSensorStackItem.stale > .labels > .label {
  color: #888;
}
/*
.gvPeekTray > .gvSensorList > .gvSensorItem {
  transform:scale(0.2);
  opacity:0.0;
  transform-origin: 50% 50%;
  .transition(all 450ms cubic-bezier(0.085, 0.765, 0.555, 1.000));
}

.gvPeekTray.peek > .gvSensorList > .gvSensorItem {
  transform:scale(1.0);
  opacity:1.0;
}
*/
.gvSensorItem {
  position: relative;
  padding-top: 5px;
  width: 85px;
  height: 85px;
  margin-top: 20px;
  background: none;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% !important;
  display: inline-block;
}
.gvSensorItem.stale {
  -webkit-filter: grayscale(50%);
  -moz-filter: grayscale(50%);
  filter: grayscale(50%);
  opacity: 0.6;
}
.gvSensorItem > .overlay {
  position: absolute;
  right: 0;
  top: 45px;
  width: 32px;
  height: 32px;
  background: url(../images/new/sensor-overlay-good.png) no-repeat;
  background-size: 100% !important;
}
.gvSensorItem > .overlay.high,
.gvSensorItem > .overlay.low {
  background: url(../images/new/sensor-overlay-alarm.png) no-repeat;
}
.gvSensorItem > .overlay.stale {
  background: url(../images/new/sensor-overlay-stale.png) no-repeat;
}
.gvSensorItem > .label,
.gvSensorItem > .value {
  white-space: nowrap;
  text-overflow: ellipsis;
  display: block;
  text-align: center;
  font-weight: bold;
  margin-bottom: 0.25em;
  color: #88ccff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}
.gvSensorItem > .label {
  white-space: nowrap;
  text-overflow: ellipsis;
  top: 0px;
  position: absolute;
  width: 90px;
  display: block;
  overflow: hidden;
  font-size: 12px;
}
.gvSensorItem > .value {
  color: white;
  font-size: 90%;
  font-weight: normal;
}
.gvSensorItem > .value > .bar {
  display: inline-block;
  border-radius: 4px;
  border: 2px solid white;
  background: #222;
  height: 4px;
  margin: 0 0 0 0;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.35);
}
.gvSensorItem > .value > .bar > .progress {
  background: #2a2;
  height: 4px;
}
.gvSensorItem > .value > .bar.high > .progress,
.gvSensorItem > .value > .bar.low > .progress {
  background: #c33;
}
/* Make sure popupview is as big as the innercontent! */
.gvVideoViewer {
  position: relative;
  width: 100%;
  height: 100%;
}
.gvVideoViewer > div.vvMessage {
  text-align: center;
  padding-top: 168px;
}
.gvVideoViewer > a {
  position: absolute;
  top: 0;
  left: 0;
  padding: 12px;
  border-bottom-right-radius: 10px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
}
.evHolder {
  width: 983px;
  height: 438px;
  color: white;
  position: relative;
  text-align: center;
  display: inline-block;
}
.evHolder > .tabs {
  position: absolute;
  top: 2px;
  left: 2px;
}
.evHolder > .tabs > * {
  float: left;
  background: #274062;
  border: 1px solid #425773;
  width: 90px;
  height: 26px;
  margin-left: 6px;
  text-align: center;
  line-height: 26px;
  font-size: 90%;
}
.evHolder > .tabs > .selected {
  background: #255aa2;
  border: 1px solid #6494d5;
}
.evHolder > .viewer {
  position: absolute;
  top: 35px;
  left: 0;
  width: 748px;
  height: 424px;
  background: #080808;
}
.replayScreen {
  position: absolute;
  top: 0;
  left: 0;
  width: 748px;
  height: 424px;
  background-color: rgba(0, 0, 0, 0.5);
}
.evHolder > .history {
  position: absolute;
  top: 35px;
  left: 0;
  width: 748px;
  height: 424px;
  background: #180808;
}
.gvEmployeeEventHistory {
  position: relative;
  width: 100%;
}
.gvEmployeeEventHistory > .banner {
  line-height: 40px;
  text-align: center;
  height: 40px;
  width: 748px;
  font-size: 120%;
}
.gvEmployeeEventHistory > .graphHolder {
  position: absolute;
  top: 40px;
  left: 0;
  width: 748px;
  height: 120px;
}
.gvEmployeeEventHistory > .graphHolder > * {
  height: 120px;
}
.gvEmployeeEventHistory > .selections {
  position: absolute;
  top: 200px;
  left: 0;
  width: 748px;
}
.gvEmployeeEventHistory > * > .timeTabsHolder {
  float: left;
  width: 182px;
  height: 24px;
  margin-left: 6px;
  margin-right: 25px;
}
.gvEmployeeEventHistory > * > .eventTypeHolder {
  float: left;
  width: 182px;
  height: 24px;
  margin-left: 6px;
  margin-right: 25px;
}
.gvEmployeeEventHistory > * > .reviewTypeHolder {
  float: left;
  width: 182px;
  height: 24px;
  margin-left: 6px;
  margin-right: 25px;
}
.generalDropdown,
.fieldDropdown {
  text-align: left;
  background-color: #1e1e1e;
  background-image: url(../images/arrow2wp.png);
  background-repeat: no-repeat;
  background-position: 98% 45%;
  border: 1px solid #3f3f3f;
  width: 100%;
  height: 22px;
  padding: 4px 20px 0 4px;
  color: #aaaaaa;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.centered {
  text-align: center;
}
.rightStationed {
  position: absolute;
  right: 20px;
  width: 120px;
}
.generalDropdown:hover {
  color: #eeeeee;
  border: 1px solid #8f8f8f;
}
.fieldDropdown {
  background-color: #333;
  border: 1px solid #777;
  color: #aaaaaa;
  font-size: 90%;
  width: 142px;
  height: 18px;
}
.fieldDropdown:hover {
  color: #eee;
  border: 1px solid #eee;
  background-color: #555;
}
.generalDropdown.thumbnailSize {
  height: 20px;
  cursor: default;
  width: 190px;
  border: 1px solid #aaaaaa;
  color: #888888;
  /*background: linear-gradient(rgba(230,230,230,1.0),rgba(200,200,200,1.0));*/
  background: #f8f8f8 url(../images/arrow2down.png) 100% 45% no-repeat;
  position: relative;
  left: 8px;
  top: -2px;
}
.generalDropdown.thumbnailSize:hover {
  color: white;
  background: #555555 url(../images/arrow2wp.png) 97.5% 36% no-repeat;
  border: 1px solid #222222;
}
.generalDropdown.comments {
  display: inline-block;
  width: 390px;
}
.generalTabs {
  position: absolute;
  top: 0;
  left: 2px;
}
.generalTabs > * {
  float: left;
  background: #274062;
  border: 1px solid #425773;
  width: 113px;
  height: 26px;
  margin-left: 6px;
  text-align: center;
  line-height: 26px;
  font-size: 90%;
}
.generalTabs > .selected {
  background: #255aa2;
  border: 1px solid #6494d5;
}
.evHolder > .info {
  position: absolute;
  top: 35px;
  left: 0;
  width: 983px;
  height: 424px;
}
.evHolder > .info > .left {
  background: #121212;
  float: left;
  width: 748px;
  height: 424px;
}
.evHolder > .info {
  width: 983px;
  height: 424px;
}
.evHolder > .info > .left > .infoPaneLabels {
  float: left;
  background: #182532;
  width: 97px;
  margin: 1px;
  height: 410px;
  color: #667b96;
  text-align: right;
  padding-right: 9px;
  padding-top: 12px;
  line-height: 25px;
  font-size: 85%;
}
.infoPaneLabels > .label,
.infoPaneValues > .label {
  line-height: 25px;
  overflow: hidden;
  white-space: nowrap;
}
.evHolder > .info > .left > .infoPaneValues {
  float: left;
  background: none;
  width: 221px;
  margin: 1px;
  height: 410px;
  color: white;
  text-align: left;
  padding-left: 9px;
  padding-top: 12px;
  line-height: 25px;
  font-size: 85%;
}
.evHolder > .info > .right {
  float: right;
  background: #1e1e1e;
  width: 234px;
  height: 424px;
}
.evHolder > .bottomBar {
  position: absolute;
  top: 460px;
  left: 0;
  width: 983px;
  height: 30px;
  padding-top: 8px;
}
.evHolder > .bottomBar > * {
  text-align: center;
  display: inline-block;
  font-size: 85%;
  line-height: 22px;
  color: #89a6e6;
  position: relative;
  top: -4px;
}
.evHolder > .bottomBar > .center {
  padding-left: 25px;
  padding-right: 4px;
  background: url(../images/evstack-close.png) left no-repeat;
}
.evHolder > .bottomBar > .left {
  clear: none;
  float: left;
  margin-left: 13px;
  padding-right: 4px;
  padding-left: 22px;
  background: url(../images/evstack-left.png) left no-repeat;
}
.evHolder > .bottomBar > .right {
  clear: none;
  float: right;
  margin-right: 13px;
  padding-right: 22px;
  padding-left: 4px;
  background: url(../images/evstack-right.png) right no-repeat;
}
span.bottomLabel {
  color: #89a6e6;
}
span.bottomParen {
  color: #7a7a7a;
}
span.bottomValue {
  color: #ffffff;
}
.evHolder > .bottomBar > * {
  border: 1px solid transparent;
}
.evHolder > .bottomBar > *:hover {
  border: 1px solid #555555;
  background-color: #151515;
}
.evHolder > .bottomBar > *:active {
  border: 1px solid #888888;
  background-color: #333333;
}
.evHolder > .bottomBar > .disabled {
  color: grey;
}
.evHolder > .bottomBar > .right .disabled,
.evHolder > .bottomBar > .left .disabled {
  opacity: 0.4;
}
div.mapError {
  color: black;
  display: inline-block;
}
div.mapArea {
  position: absolute;
  left: 366px;
  top: 10px;
  width: 370px;
  height: 310px;
  border: 1px solid #333;
  background: gray;
  line-height: 290px;
  text-align: center;
}
div.reviewHistoryArea {
  position: absolute;
  bottom: 24px;
  left: 366px;
  width: 372px;
  height: 70px;
}
div.reviewHistoryArea.noMap {
  top: 10px;
  bottom: inherit;
}
div.gvReviewHistory {
  height: 95px;
}
div.gvReviewHistory > .commentType {
  border: 1px solid #343434;
  background: #082808;
  color: white;
  padding: 3px;
  margin-bottom: 5px;
}
div.gvReviewHistory > .textComment {
  border: 1px solid #343434;
  background: #080808;
  overflow: auto;
  padding: 3px;
  height: 73px;
}
div.gvReviewHistory > .textComment.coupled {
  height: 48px;
}
/*
div.gvReviewHistory
{
    border: 1px solid #343434;
    background: #080808;
    padding: 3px;
    height: 95px;
    overflow: auto;
}

div.gvReviewHistory > div
{
    border: 1px solid #505050;
    background: #1b1b1b;
    padding: 3px;
    margin: 0 0 3px 0;
}

div.gvReviewHistory > div > p
{
    color: white;
    margin: 0;
    padding: 0;
}

div.gvReviewHistory > div > p > span.commentsLabel
{
    color: #cdcc5d;
}

div.gvReviewHistory > div > p > span.comments
{
    color: #606060;
}
*/
textarea.comments {
  outline: none;
  float: left;
  border: 1px solid #343434;
  background: #080808;
  width: 398px;
  height: 54px;
  margin-right: 8px;
  resize: none;
  color: white;
}
textarea.comments:focus {
  border: 1px solid #3f5341;
  background: #001100;
}
button.updateComments {
  outline: none;
  float: left;
  border: 1px solid #3f5341;
  background: #1a2b1d;
  width: 108px;
  height: 26px;
  color: #d7ffd9;
}
button.updateComments:hover {
  border: 1px solid #539951;
  background: #2a3b2d;
  color: white;
}
button.updateComments:active {
  border: 1px solid #1f3321;
  background: #0a1b0d;
  color: #88aa88;
}
input.eventFilter {
  outline: none;
  width: 181px;
  height: 21px;
  position: absolute;
  top: 3px;
  right: 30px;
  padding: 0;
  margin: 0;
  line-height: 20px;
  border: 1px solid gray;
  background-color: #111;
  color: gray;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-clip: padding-box;
  border: 1px solid #555;
}
input.eventFilter:focus {
  color: white;
  background-color: #1e1e0a;
  box-shadow: 0 0 6px rgba(150, 150, 70, 0.6);
}
.evHolder > .dropdown {
  text-align: left;
  background: #1E1E1E url(../images/arrow2wp.png) 98% 45% no-repeat;
  border: 1px solid #3f3f3f;
  width: 171px;
  height: 22px;
  padding: 4px 20px 0 4px;
  color: #aaaaaa;
  position: absolute;
  top: 2px;
  right: 236px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.evHolder > .dropdown:hover {
  color: #eeeeee;
  border: 1px solid #8f8f8f;
}
.evHolder > .confirm {
  background: #1E4E8E url(../images/check_wp.png) 98% 45% no-repeat;
  border: 1px solid #8f8f8f;
  color: #fff;
  padding: 6px 20px 0 4px;
  font-size: 80%;
  height: 20px;
}
.evHolder > .confirm:hover {
  background-color: #1E8EEE;
  border: 2px solid #fff;
  top: 1px;
  right: 235px;
}
.evHolder > .autoReject {
  position: absolute;
  width: 26px;
  height: 28px;
  background: #8e2222 url(../images/x.png) 60% 35% no-repeat;
  border: 1px solid #ef8f8f;
  top: 2px;
  right: 422px;
}
.evHolder > .autoReject:hover {
  background-color: #ce2222;
  border: 2px solid #ff8f8f;
  top: 2px;
  right: 422px;
}
.evHolder > .dropdown.eventType {
  top: -29px;
  right: 236px;
}
.gvInfoPane {
  float: right;
  width: 280px;
  height: 520px;
  background: #101010;
}
.gvEventViewerParent {
  margin: 0 280px 0 250px;
  /*min-height: 400px; /* culprit? */
  /*max-height: 500px; /* culprit? */
}
.gvEventViewer {
  width: 100%;
  height: 415px;
}
.gvEventList {
  float: left;
  width: 233px;
  max-height: 100%;
  background: #101010;
  overflow: auto;
  text-align: left;
}
.gvEventListItem {
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.gvEventListItemPadding {
  width: 100%;
  border-bottom: 1px solid #252525;
}
.gvEventListItemPadding > * > .gvEventListItem {
  padding: 4px;
  font-size: 80%;
  height: auto;
  margin: 2px;
  color: #444444;
  border: 1px solid transparent;
}
.gvEventListItemPadding.selected > * > .gvEventListItem {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  color: white;
  background: #4465aa;
  box-shadow: 0 0 4px rgba(90, 200, 240, 0.4);
}
.gvEventListItemPadding.primarysel > * > .gvEventListItem {
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8);
  color: white;
  background: #6695ca;
  box-shadow: 0 0 4px rgba(90, 200, 240, 0.9);
}
.gvEventListItemBorder {
  border-left: 4px solid #efef35;
}
.gvEventListItemLeft {
  float: left;
  display: inline-block;
}
.gvEventListItemRight {
  float: right;
  text-align: right;
  display: inline-block;
}
.gvEventListItemLeft,
.gvEventListItemRight {
  line-height: 14px;
  height: 14px;
  color: #999999;
}
.gvEventListItemCheckHolder {
  position: absolute;
  bottom: 4px;
  left: 4px;
}
.gvListCheck {
  width: 10px;
  height: 10px;
  border: 1px solid rgba(255, 255, 255, 0.5);
}
.gvListCheck .checked {
  background: url(../images/check-sm.png) no-repeat 1px 1px rgba(0, 0, 0, 0.8);
}
.gvListCheck .inherit {
  background: url(../images/check-sm-inherit.png) no-repeat 1px 1px rgba(0, 0, 0, 0.8);
}
.gvEventListItemPadding.selected > * > * > .gvEventListItemLeft,
.gvEventListItemPadding.selected > * > * > .gvEventListItemRight {
  color: white;
}
.gvCvDetailViewer {
  position: absolute;
  pointer-events: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.gvVideo {
  width: 100%;
  height: 395px;
  border: none;
}
.gvVideo.controllerless {
  height: 421px;
}
.gvVideoController {
  width: 100%;
  height: 26px;
  background: #444;
  top: -2px;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  position: relative;
}
.gvVideoController > button {
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  background: #333 url(../images/playpause.png) 5px 2px no-repeat;
  width: 20px;
  height: 20px;
  position: absolute;
  left: 7px;
  top: 3px;
  border: none;
  opacity: 1;
}
.gvVideoController > button:active {
  opacity: 0.5;
}
.gvVideoController > button.pause {
  background: url(../images/playpause.png) -12px 2px no-repeat;
}
.gvVideoController > button:hover {
  opacity: 1;
  background-color: #554;
}
.gvVideoController > div.trackPad {
  width: 498px;
  height: 7px;
  position: absolute;
  left: 36px;
  padding-top: 9px;
  padding-bottom: 9px;
}
.gvVideoController > div.trackPad > div.track {
  background: #222;
  width: 100%;
  height: 5px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
  border: 1px solid #555;
  position: absolute;
  left: 0;
  top: 9px;
}
.gvVideoController > div.trackPad > div.track > div.progress {
  background: #69A;
  width: 0;
  height: 3px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  background-clip: padding-box;
  position: absolute;
  left: 1px;
  top: 1px;
  -webkit-transition: width 200ms;
  -moz-transition: width 200ms;
  -o-transition: width 200ms;
  -ms-transition: width 200ms;
  transition: width 200ms;
}
.gvVideoController > div.trackPad > div.track > div.trackBall {
  width: 14px;
  height: 14px;
  position: absolute;
  left: -4px;
  top: -4px;
  background: url(../images/trackBall.png) no-repeat;
}
.gvVideoController > div.label {
  width: 100px;
  height: 5px;
  position: absolute;
  right: 0;
  top: 0;
  margin-right: 6px;
  color: white;
  font-size: 80%;
  line-height: 24px;
}
.buttonHolder {
  position: absolute;
  top: 0;
  right: 0;
  width: 125px;
  height: 250px;
}
.replayVideo,
.buttonHolder > * {
  text-decoration: none;
  font-size: 80%;
  width: calc(100% - 24px);
  display: block;
  padding: 6px;
  margin: 4px 4px 0 4px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  background-clip: padding-box;
  background-color: rgba(0, 0, 0, 0.5);
  border: 1px solid #aaa;
  color: #aac;
  opacity: 1;
}
.buttonHolder > .generalDropdown {
  height: 16px;
  padding-top: 7px;
  padding-bottom: 4px;
}
.replayVideo:hover,
.buttonHolder > *:hover {
  background-color: rgba(10, 30, 80, 0.7);
  border: 1px solid #aac;
  color: #ccf;
}
.replayVideo:active,
.buttonHolder > *:active {
  background-color: rgba(10, 30, 80, 0.4);
  border: 1px solid #888;
  color: #aaf;
  opacity: 0.5;
}
.replayVideo:disabled,
.buttonHolder > *:disabled {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #aaa;
  color: #aaa;
  opacity: 0.3;
}
.videoButtonDisabled {
  background: rgba(0, 0, 0, 0.5) !important;
  border: 1px solid #aaa !important;
  color: #aaa !important;
  opacity: 0.3 !important;
}
.videoButtonCenter {
  position: relative;
  float: none;
  top: 50px;
  left: 320px;
}
.replayVideo {
  display: inline-block;
  position: relative;
  top: 270px;
  font-size: 130%;
  margin: 16px;
  width: 150px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
}
.replayVideo:active {
  background: rgba(10, 30, 80, 0.4);
  border: 1px solid #888;
  color: #aaf;
  opacity: 0.5;
}
.replayVideo:disabled {
  background: rgba(0, 0, 0, 0.5);
  border: 1px solid #aaa;
  color: #aaa;
  opacity: 0.3;
}
.pageHeader {
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #222), color-stop(100% #444));
  background-image: -webkit-linear-gradient(top, #222 0%, #444 100%);
  background-image: -moz-linear-gradient(top, #222 0%, #444 100%);
  background-image: -ms-linear-gradient(top, #222 0%, #444 100%);
  background-image: -o-linear-gradient(top, #222 0%, #444 100%);
  background-image: linear-gradient(top, #222 0%, #444 100%);
}
.pageHeader > * {
  display: inline-block;
}
.pageHeader > .phLeft {
  float: left;
  margin-top: 4px;
}
.pageHeader > .phMiddle {
  color: white;
  text-shadow: 1px 1px 1px #000000;
}
.pageHeader > .phRight {
  float: right;
  margin-top: 4px;
}
.pageHeader > .phRight > * {
  margin-right: 6px;
}
.uiToolbarButton,
.uiToolbarButton_Disabled,
.uiToolbarButtonRed,
.uiToolbarButtonRed_Disabled,
.uiToolbarButtonDark,
.uiToolbarButtonDark_Disabled {
  display: inline;
  width: auto;
  height: 27px;
  line-height: 10px;
  padding: 0 8px 0 8px;
  margin: 0;
  color: white;
  border: 1px solid #888888;
  background-color: #999;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #aaaaaa), color-stop(100% #888888));
  background-image: -webkit-linear-gradient(top, #aaaaaa 0%, #888888 100%);
  background-image: -moz-linear-gradient(top, #aaaaaa 0%, #888888 100%);
  background-image: -ms-linear-gradient(top, #aaaaaa 0%, #888888 100%);
  background-image: -o-linear-gradient(top, #aaaaaa 0%, #888888 100%);
  background-image: linear-gradient(top, #aaaaaa 0%, #888888 100%);
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.4);
  font-family: "Arial", "Helvetica Neue LT Std", sans-serif;
  font-size: 90%;
  float: left;
  margin-left: 6px;
}
.uiToolbarButton:hover,
.uiToolbarButtonRed:hover,
.uiToolbarButtonDark:hover {
  color: white;
  border: 1px solid #4488aa;
  background-color: #3399cc;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #55aaee), color-stop(100% #2288aa));
  background-image: -webkit-linear-gradient(top, #55aaee 0%, #2288aa 100%);
  background-image: -moz-linear-gradient(top, #55aaee 0%, #2288aa 100%);
  background-image: -ms-linear-gradient(top, #55aaee 0%, #2288aa 100%);
  background-image: -o-linear-gradient(top, #55aaee 0%, #2288aa 100%);
  background-image: linear-gradient(top, #55aaee 0%, #2288aa 100%);
}
.uiToolbarButton:active,
.uiToolbarButtonRed:active,
.uiToolbarButtonDark:active {
  color: white;
  border: 1px solid #57579d;
  background-color: #337aaf;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #557fa3), color-stop(100% #2277bb));
  background-image: -webkit-linear-gradient(top, #557fa3 0%, #2277bb 100%);
  background-image: -moz-linear-gradient(top, #557fa3 0%, #2277bb 100%);
  background-image: -ms-linear-gradient(top, #557fa3 0%, #2277bb 100%);
  background-image: -o-linear-gradient(top, #557fa3 0%, #2277bb 100%);
  background-image: linear-gradient(top, #557fa3 0%, #2277bb 100%);
}
.uiToolbarButtonDark {
  color: #ddd;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
  border: 1px solid #555;
  background-color: #555;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100% #333));
  background-image: -webkit-linear-gradient(top, #555 0%, #333 100%);
  background-image: -moz-linear-gradient(top, #555 0%, #333 100%);
  background-image: -ms-linear-gradient(top, #555 0%, #333 100%);
  background-image: -o-linear-gradient(top, #555 0%, #333 100%);
  background-image: linear-gradient(top, #555 0%, #333 100%);
}
.uiToolbarButtonDark:hover {
  color: white;
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 1px;
  border: 1px solid #888;
  background-color: #777;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #777), color-stop(100% #555));
  background-image: -webkit-linear-gradient(top, #777 0%, #555 100%);
  background-image: -moz-linear-gradient(top, #777 0%, #555 100%);
  background-image: -ms-linear-gradient(top, #777 0%, #555 100%);
  background-image: -o-linear-gradient(top, #777 0%, #555 100%);
  background-image: linear-gradient(top, #777 0%, #555 100%);
}
.uiToolbarButtonDark:active {
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
  border: 1px solid #444;
  background-color: #333;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333), color-stop(100% #222));
  background-image: -webkit-linear-gradient(top, #333 0%, #222 100%);
  background-image: -moz-linear-gradient(top, #333 0%, #222 100%);
  background-image: -ms-linear-gradient(top, #333 0%, #222 100%);
  background-image: -o-linear-gradient(top, #333 0%, #222 100%);
  background-image: linear-gradient(top, #333 0%, #222 100%);
}
.uiToolbarButtonDark:disabled {
  color: #ddd;
  text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 1px;
  border: 1px solid #555;
  background-color: #555;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #555), color-stop(100% #333));
  background-image: -webkit-linear-gradient(top, #555 0%, #333 100%);
  background-image: -moz-linear-gradient(top, #555 0%, #333 100%);
  background-image: -ms-linear-gradient(top, #555 0%, #333 100%);
  background-image: -o-linear-gradient(top, #555 0%, #333 100%);
  background-image: linear-gradient(top, #555 0%, #333 100%);
  opacity: 0.4 !important;
}
.uiToolbarButtonRed {
  border: 1px solid #aa7777;
  background-color: #e38f7f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e38f7f), color-stop(100% #aa6666));
  background-image: -webkit-linear-gradient(top, #e38f7f 0%, #aa6666 100%);
  background-image: -moz-linear-gradient(top, #e38f7f 0%, #aa6666 100%);
  background-image: -ms-linear-gradient(top, #e38f7f 0%, #aa6666 100%);
  background-image: -o-linear-gradient(top, #e38f7f 0%, #aa6666 100%);
  background-image: linear-gradient(top, #e38f7f 0%, #aa6666 100%);
}
.uiToolbarButtonRed:hover {
  color: white;
  border: 1px solid #bb8888;
  background-color: #f39f8f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f39f8f), color-stop(100% #bb7777));
  background-image: -webkit-linear-gradient(top, #f39f8f 0%, #bb7777 100%);
  background-image: -moz-linear-gradient(top, #f39f8f 0%, #bb7777 100%);
  background-image: -ms-linear-gradient(top, #f39f8f 0%, #bb7777 100%);
  background-image: -o-linear-gradient(top, #f39f8f 0%, #bb7777 100%);
  background-image: linear-gradient(top, #f39f8f 0%, #bb7777 100%);
}
.uiToolbarButtonRed:active {
  border: 1px solid #9d5757;
  background-color: #832f1f;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #832f1f), color-stop(100% #bb7777));
  background-image: -webkit-linear-gradient(top, #832f1f 0%, #bb7777 100%);
  background-image: -moz-linear-gradient(top, #832f1f 0%, #bb7777 100%);
  background-image: -ms-linear-gradient(top, #832f1f 0%, #bb7777 100%);
  background-image: -o-linear-gradient(top, #832f1f 0%, #bb7777 100%);
  background-image: linear-gradient(top, #832f1f 0%, #bb7777 100%);
}
.uiToolbarButton:disabled,
.uiToolbarButtonRed:disabled,
.uiToolbarButton_Disabled,
.uiToolbarButtonRed_Disabled {
  background: none;
  background-color: #dddddd;
  color: #888888;
  border: 1px solid #bbbbbb;
  text-shadow: 1px 1px #ffffff;
}
.uiToolbarButton.right,
.uiToolbarButtonRed.right {
  display: inline-block;
  float: none;
  margin-right: 6px;
  margin-left: 0;
}
input.toolbarFilterSimple {
  outline: none;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  line-height: 20px;
  width: 181px;
  height: 21px;
  box-shadow: inset rgba(0, 0, 0, 0.3) 2px 2px 1px;
}
input.toolbarFilter {
  outline: none;
  border: none;
  width: 181px;
  height: 21px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background: white;
  color: #888888;
  position: absolute;
  top: 0;
  right: 16px;
  box-shadow: inset rgba(0, 0, 0, 0.3) 2px 2px 1px;
  padding: 0;
  margin: 0;
  line-height: 20px;
}
input.toolbarFilter:focus {
  color: #000000;
}
.uiLVColumns {
  margin: 0;
  padding: 0;
  height: 26px;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #444444), color-stop(100% #222222));
  background-image: -webkit-linear-gradient(top, #444444 0%, #222222 100%);
  background-image: -moz-linear-gradient(top, #444444 0%, #222222 100%);
  background-image: -ms-linear-gradient(top, #444444 0%, #222222 100%);
  background-image: -o-linear-gradient(top, #444444 0%, #222222 100%);
  background-image: linear-gradient(top, #444444 0%, #222222 100%);
  overflow: hidden;
  white-space: nowrap;
}
.uiLVColumns > * {
  display: inline-block;
}
.uiLVSingleColumn,
.uiLVSingleColumnSortingDesc,
.uiLVSingleColumnSortingAsc {
  color: #ffffff;
  font-family: Droid Sans, sans-serif;
  font-size: 80%;
  height: 100%;
  background-color: #555;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #727272), color-stop(100% #353535));
  background-image: -webkit-linear-gradient(top, #727272 0%, #353535 100%);
  background-image: -moz-linear-gradient(top, #727272 0%, #353535 100%);
  background-image: -ms-linear-gradient(top, #727272 0%, #353535 100%);
  background-image: -o-linear-gradient(top, #727272 0%, #353535 100%);
  background-image: linear-gradient(top, #727272 0%, #353535 100%);
  background-position: center 200%;
}
.uiLVColumns > .uiLVSingleColumn:nth-child(even) {
  background-color: #686868;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #858585), color-stop(100% #404040));
  background-image: -webkit-linear-gradient(top, #858585 0%, #404040 100%);
  background-image: -moz-linear-gradient(top, #858585 0%, #404040 100%);
  background-image: -ms-linear-gradient(top, #858585 0%, #404040 100%);
  background-image: -o-linear-gradient(top, #858585 0%, #404040 100%);
  background-image: linear-gradient(top, #858585 0%, #404040 100%);
}
.uiLVSingleColumn > * {
  line-height: 17px;
}
.uiLVColumns > .uiLVSingleColumn:nth-child(even):hover {
  background-color: #7a7a7a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100% #666666));
  background-image: -webkit-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: -moz-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: -ms-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: -o-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: linear-gradient(top, #999999 0%, #666666 100%);
}
.uiLVSingleColumn:hover {
  background-color: #7a7a7a;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #999999), color-stop(100% #666666));
  background-image: -webkit-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: -moz-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: -ms-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: -o-linear-gradient(top, #999999 0%, #666666 100%);
  background-image: linear-gradient(top, #999999 0%, #666666 100%);
}
.uiLVSingleColumnSortingDesc {
  background-repeat: no-repeat;
  background-color: #40B0E0;
  background-image: url(../images/arrow2wpflip.png);
  background-image: url(../images/arrow2wpflip.png), linear-gradient(#40B0E0, #2288AA);
  background-position: 100% 50%, center 200%;
}
.uiLVSingleColumnSortingDesc > * {
  line-height: 17px;
}
.uiLVSingleColumnSortingDesc div,
.uiLVSingleColumnSortingAsc div {
  margin-right: 10px;
}
.uiLVSingleColumnSortingDesc:hover {
  background-color: #40B0E0;
  background-image: url(../images/arrow2wpflip.png);
  background-image: url(../images/arrow2wpflip.png), linear-gradient(#40B0E0, #2288AA);
}
.uiLVSingleColumnSortingAsc {
  background-repeat: no-repeat;
  background-color: #40B0E0;
  background-image: url(../images/arrow2wp.png);
  background-image: url(../images/arrow2wp.png), linear-gradient(#40B0E0, #2288AA);
  background-position: 100% 50%, center 200%;
}
.uiLVSingleColumnSortingAsc > * {
  line-height: 17px;
}
.uiLVSingleColumnSortingAsc:hover {
  background-color: #40B0E0;
  background-image: url(../images/arrow2wp.png);
  background-image: url(../images/arrow2wp.png), linear-gradient(#40B0E0, #2288AA);
}
.uiLVSingleColumn div,
.uiLVSingleColumnSortingDesc div,
.uiLVSingleColumnSortingAsc div {
  padding: 4px 4px 0 4px;
}
.uiLVRow {
  border: 2px solid red;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  background-clip: padding-box;
}
.uiLVCell {
  padding: 0;
  color: #444444;
  font-family: Droid Sans, sans-serif;
  font-size: 80%;
  line-height: 20px;
  height: 20px;
  vertical-align: middle;
}
.uiLVCell {
  padding: 0 4px 0 4px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px transparent;
  border-left: 1px transparent;
}
.uiLVItemColumn div.uiLVCell:nth-child(even) {
  background: rgba(0, 0, 0, 0.07);
}
.uiLVItemColumn div.uiLVCellShadeGreen:nth-child(even) {
  background: rgba(90, 190, 90, 0.4);
}
.uiLVCell.uiLVCellShadeGreen {
  background: rgba(90, 190, 90, 0.4);
}
.uiLVItemColumn div.uiLVCellShadeRed:nth-child(even) {
  background: linear-gradient(rgba(150, 50, 50, 0.8), rgba(150, 50, 50, 0.6));
  color: white;
  text-shadow: 1px 1px #444;
}
.uiLVCell.uiLVCellShadeRed {
  background: linear-gradient(rgba(150, 50, 50, 0.8), rgba(150, 50, 50, 0.5));
  color: white;
  text-shadow: 1px 1px #444;
}
/* For some reason, the (even) must be specified here as this wont cascade properly without it */
/* In effect it doesn't use this on (even) rows without it */
.uiLVCell_HighlightStart,
.uiLVItemColumn div.uiLVCell_HighlightStart:nth-child(even) {
  background: #ffffc8;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px transparent;
  border-left: 1px transparent;
}
.uiLVCell_HighlightMid,
.uiLVItemColumn div.uiLVCell_HighlightMid:nth-child(even) {
  background: #ffffc8;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px transparent;
  border-left: 1px transparent;
}
.uiLVCell_HighlightEnd,
.uiLVItemColumn div.uiLVCell_HighlightEnd:nth-child(even) {
  background: #ffffc8;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px transparent;
  border-left: 1px transparent;
}
/* For some reason, the (even) must be specified here as this wont cascade properly without it */
/* In effect it doesn't use this on (even) rows without it */
.uiLVCell_SelStart,
.uiLVItemColumn div.uiLVCell_SelStart:nth-child(even) {
  color: white;
  background-color: #1e85d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(50, 150, 230, 0.85)), color-stop(100% rgba(10, 128, 200, 0.85)));
  background-image: -webkit-linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, rgba(10, 128, 200, 0.85) 100%);
  background-image: -moz-linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, rgba(10, 128, 200, 0.85) 100%);
  background-image: -ms-linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, rgba(10, 128, 200, 0.85) 100%);
  background-image: -o-linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, rgba(10, 128, 200, 0.85) 100%);
  background-image: linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, rgba(10, 128, 200, 0.85) 100%);
  /*border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;*/
  text-shadow: 1px 1px #555555;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px transparent;
  border-left: 1px transparent;
}
.uiLVCell_SelMid,
.uiLVItemColumn div.uiLVCell_SelMid:nth-child(even) {
  color: white;
  background-color: #1e85d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3296e6), color-stop(100% #0a80c8));
  background-image: -webkit-linear-gradient(top, #3296e6 0%, #0a80c8 100%);
  background-image: -moz-linear-gradient(top, #3296e6 0%, #0a80c8 100%);
  background-image: -ms-linear-gradient(top, #3296e6 0%, #0a80c8 100%);
  background-image: -o-linear-gradient(top, #3296e6 0%, #0a80c8 100%);
  background-image: linear-gradient(top, #3296e6 0%, #0a80c8 100%);
  text-shadow: 1px 1px #555555;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px transparent;
  border-left: 1px transparent;
}
.uiLVCell_SelEnd,
.uiLVItemColumn div.uiLVCell_SelEnd:nth-child(even) {
  color: white;
  background-color: #1e85d7;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(50, 150, 230, 0.85)), color-stop(100% #0a80c8));
  background-image: -webkit-linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, #0a80c8 100%);
  background-image: -moz-linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, #0a80c8 100%);
  background-image: -ms-linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, #0a80c8 100%);
  background-image: -o-linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, #0a80c8 100%);
  background-image: linear-gradient(top, rgba(50, 150, 230, 0.85) 0%, #0a80c8 100%);
  /*border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;*/
  text-shadow: 1px 1px #555555;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  border-top: 1px transparent;
  border-left: 1px transparent;
}
.uiLVItemColumn,
.uiLVItemColumnSort {
  width: auto;
  display: inline-block;
}
.uiLVItemColumnSort {
  background: rgba(255, 255, 0, 0.2);
}
.uiListview {
  width: auto;
  background: white;
  border-left: 1px solid #888888;
  visibility: hidden;
  text-align: left;
  overflow-x: hidden;
  position: relative;
}
.uiListview.dark {
  background: #111 !important;
}
.uiListview.dark > div:not(.pageHeader) > * > * {
  color: #888 !important;
}
.uiListview.dark > div:not(.pageHeader) > * > .uiLVCell_SelStart {
  color: white !important;
  background: rgba(30, 133, 215, 0.7) !important;
  text-shadow: 1px 1px black;
}
.uiListview.dark > div:not(.pageHeader) > * > .uiLVCell_SelMid {
  color: white !important;
  background: rgba(30, 133, 215, 0.7) !important;
  text-shadow: 1px 1px black;
}
.uiListview.dark > div:not(.pageHeader) > * > .uiLVCell_SelEnd {
  color: white !important;
  background: rgba(30, 133, 215, 0.7) !important;
  text-shadow: 1px 1px black;
}
.uiListview.dark > * > * {
  color: white !important;
}
.uiListview.dark > .uiLVColumns > * {
  background: #222 !important;
  color: #888 !important;
}
.uiListview.dark > .uiLVColumns > .uiLVSingleColumnSortingDesc > * {
  font-weight: bold;
  color: white !important;
}
.uiListview.dark > .uiLVColumns > .uiLVSingleColumnSortingAsc > * {
  font-weight: normal;
  color: white !important;
}
.uiListview.dark > * > .uiLVItemColumnSort {
  background: rgba(128, 128, 255, 0.3) !important;
}
.uiListview.visible {
  visibility: visible;
}
.uiLVScrollContainer {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100% #ffffff));
  background-image: -webkit-linear-gradient(top, #333333 0%, #ffffff 100%);
  background-image: -moz-linear-gradient(top, #333333 0%, #ffffff 100%);
  background-image: -ms-linear-gradient(top, #333333 0%, #ffffff 100%);
  background-image: -o-linear-gradient(top, #333333 0%, #ffffff 100%);
  background-image: linear-gradient(top, #333333 0%, #ffffff 100%);
  background-size: 100% 3px;
  background-repeat: no-repeat;
  width: 100%;
  height: auto;
  margin-bottom: -15px;
  white-space: nowrap;
  overflow-x: hidden;
  overflow-y: visible;
}
.uiLVCell_Checkbox {
  padding-top: 4px;
  padding-left: 24px;
  background-image: url(../images/listview_checkbox.png);
  background-repeat: no-repeat;
  background-position-y: 2px;
  padding-bottom: 2px;
}
.uiLVCell_Checkbox.checked {
  background-image: url(../images/listview_checkbox_checked.png);
}
.uiLVCell_Checkbox.checked:hover {
  background-image: url(../images/listview_checkbox_checked.png);
}
.uiLVItemColumn div.uiLVCell_Checkbox:nth-child(even) {
  background: #0000ff;
}
button.uiField_Override,
button.uiField_Inherit {
  outline: none;
  margin: 0 0 0 0;
  width: 22px;
  height: 22px;
  float: left;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  transition: all 0.25s;
}
button.uiField_Override {
  background: #fefeca;
  border: 1px solid #aaaa55;
  box-shadow: inset #cacaa5 2px 2px 0px;
  background-image: url(../images/pen.png);
  background-repeat: no-repeat;
  background-position: 3px 2px;
}
button.uiField_Inherit {
  background: white;
  border: 1px solid #cccccc;
}
input.deviceFilter {
  outline: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 1px solid #888888;
  width: 181px;
  height: 21px;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  background: #222222;
  color: #888888;
  position: absolute;
  top: -27px;
  right: 198px;
  box-shadow: inset rgba(0, 0, 0, 0.3) 2px 2px 1px;
  padding: 0;
  margin: 0;
  line-height: 20px;
}
input.deviceFilter:focus {
  color: white;
  background: black;
  border: 1px solid #aaaaaa;
}
.uiField > .uiList {
  width: 257px;
  height: 130px;
  border: 1px solid #777777;
  background: #333333;
  color: #aaaaaa;
  padding: 2px;
  overflow: auto;
  position: relative;
  left: -1px;
  float: left;
}
.uiList.loneList {
  position: relative;
  height: 320px;
  left: 0;
  float: none;
  margin: 0px auto;
  margin-top: 40px;
  clear: both;
  background: #333333;
}
.uiField > .listButton {
  width: 28px;
  height: 28px;
  border: 1px solid #555555;
  font-size: 150%;
  background: #222222;
  float: right;
  margin-bottom: 8px;
  margin-right: 0;
  color: #8888ff;
}
.uiField > .listButton:hover {
  width: 28px;
  height: 28px;
  border: 1px solid #aaaaaa;
  background: #333333;
  color: white;
}
.uiField > .listButton:active {
  width: 28px;
  height: 28px;
  border: 1px solid #555555;
  background: #222222;
  opacity: 0.5;
  color: #8888ff;
}
.uiField > .listButton:disabled {
  width: 28px;
  height: 28px;
  border: 1px solid #888888;
  background: #444444;
  opacity: 0.33;
  color: white;
}
.uiLFItem {
  display: block;
  margin: 2px;
  outline: none;
  font-family: Droid Sans, sans-serif;
  font-size: 90%;
  width: auto;
  height: 18px;
  padding: 7px 5px 5px 5px;
  border: 1px solid transparent;
}
.uiLFItem.selected {
  background-color: #99bbff;
  background: radial-gradient(at 50% bottom, #ffffff, #99bbff);
  background-position: center;
  background-size: 120% 100%;
  color: #333333;
  text-shadow: 1px 1px white;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.uiTextField,
.uiTextField_Inherit {
  outline: none;
  position: relative;
  left: -1px;
  font-family: Droid Sans, sans-serif;
  font-size: 90%;
  width: auto;
  height: 18px;
  border: none;
  margin: 0;
  float: left;
  clear: right;
  padding-left: 3px;
}
/* have a focused state for this as well */
.uiTextField_Inherit {
  color: #444444;
  background: white;
  border: 1px solid #cccccc;
  transition: all 0.25s;
}
.uiTextField {
  transition: all 0.25s;
  text-align: left;
  background-color: #333;
  border: 1px solid #777;
  color: #aaaaaa;
  font-size: 90%;
}
.uiTextField:hover {
  color: #eee;
  border: 1px solid #eee;
  background-color: #555;
}
.uiSliderField {
  margin-top: 2px;
  width: 115px;
  height: 16px;
  background: url(../images/slider-active.png) 0 -48px repeat-x;
  float: left;
}
.uiSliderField_Right {
  background: url(../images/slider-active.png) right -32px no-repeat;
  height: 16px;
}
.uiSliderField_Left {
  background: url(../images/slider-active.png) left -16px no-repeat;
  height: 16px;
}
.uiSliderField_Thumb {
  background: url(../images/slider-active.png) left 0 no-repeat;
  position: relative;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
}
.uiSliderField_Inherit {
  background-image: url(../images/slider-inactive.png);
}
.uiPopupDate {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 200;
}
.uiHourChart {
  float: left;
  width: 180px;
  _width: 135px;
  height: 240px;
  position: relative;
}
.uiHourChart > * {
  position: absolute;
  height: 100%;
}
.canvasCol {
  float: left;
  background: rgba(0, 0, 0, 0.65);
  width: 135px;
  height: 100%;
}
.canvasCol > * {
  position: absolute;
  display: table;
  width: 129px;
  height: 100%;
  padding: 0 3px 0 3px;
}
.hoursCol {
  float: left;
  width: 45px;
  height: 100%;
  font-size: 65%;
  background: #222222;
  color: white;
  text-align: center;
}
.hourPlacement {
  color: white;
  position: absolute;
  top: 20px;
  left: 135px;
  width: 42px;
  height: 15px;
  line-height: 15px;
  padding-top: 3px;
  text-align: center;
}
.divTable {
  display: table;
  width: 100%;
  height: auto;
  border-spacing: 0;
  padding: 0;
}
.divTable > * {
  display: table-cell;
  vertical-align: middle;
  border: 1px solid rgba(40, 180, 255, 0.85);
  border-spacing: 0;
  padding: 0;
  font-size: 80%;
  text-align: center;
  color: #999;
}
.divTable.over {
  background: rgba(255, 255, 0, 0.2) url(../images/arrow2down_big.png) no-repeat 5px 5px;
}
.divTable.over_r {
  background: rgba(255, 255, 0, 0.2) url(../images/arrow2up_big.png) no-repeat 5px bottom;
}
.divTable.over_n {
  background: rgba(255, 255, 0, 0.2) no-repeat 5px 5px;
}
.divTable.over_r_n {
  background: rgba(255, 255, 0, 0.2) no-repeat 5px bottom;
}
.divTable.down {
  background: rgba(40, 180, 255, 0.45) url(../images/arrow2down_bigw.png) no-repeat 5px 5px;
}
.divTable.down_r {
  background: rgba(40, 180, 255, 0.45) url(../images/arrow2up_bigw.png) no-repeat 5px bottom;
}
.divTable.down_n {
  background: rgba(40, 180, 255, 0.45) no-repeat 5px 5px;
}
.divTable.down_r_n {
  background: rgba(40, 180, 255, 0.45) no-repeat 5px bottom;
}
.divTable.down > *,
.divTable.down_r > *,
.divTable.down_r_n > *,
.divTable.down_n > * {
  color: white;
}
.uiDateMenuHolder {
  width: 224px;
  float: left;
}
.uiDateMenu,
.uiDateMenuWithHourColumn {
  position: relative;
  top: -1px;
  background: rgba(0, 0, 0, 0.8);
  width: 224px;
  height: auto;
  box-shadow: rgba(0, 0, 0, 0.15) 1px 1px 2px 2px;
  border: 1px solid rgba(255, 255, 255, 0.25);
  padding: 3px;
}
.uiMenuPushButton {
  border: 1px solid #888888;
  background: white;
  color: #333333;
  width: 80px;
  height: 24px;
  float: right;
  padding-top: 3px;
  font-size: 90%;
  margin-left: 6px;
}
.uiDateMenuWithHourColumn {
  _width: 360px;
  width: 405px;
}
.uiDateMenuBottom {
  padding: 8px;
  height: 22px;
  background: #111;
}
.uiDateMenuBottom > .uiMenuPushButton {
  border: 1px solid #555;
  background: #222;
  color: white;
}
.uiDateMenuBottom > .uiMenuPushButton:hover {
  border: 1px solid #aaa;
  background: #333;
  color: white;
}
.uiDateHeader {
  width: 222px;
  height: 28px;
  background: rgba(40, 180, 255, 0.45);
  border: 1px solid rgba(40, 180, 255, 0.85);
  color: white;
  position: relative;
}
.uiDateHeaderMonth {
  position: absolute;
  width: 200px;
  height: 100%;
  text-align: center;
  font-family: Droid Sans, sans-serif;
  font-size: 90%;
  line-height: 28px;
}
.uiDateHeaderPrev,
.uiDateHeaderNext {
  position: absolute;
  width: 20px;
  height: 24px;
  margin: 2px;
}
.uiDateHeaderPrev:hover,
.uiDateHeaderNext:hover {
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-clip: padding-box;
  background-color: #aaccff;
}
.uiDateHeaderPrev {
  left: 0;
  background-image: url(../images/arrow2left.png);
  background-position: 4px 4px;
  background-repeat: no-repeat;
}
.uiDateHeaderNext {
  right: 0;
  /* 0px or width? */
  background-image: url(../images/arrow2.png);
  background-position: 7px 4px;
  background-repeat: no-repeat;
}
.uiWeekHolder {
  width: 230px;
  height: 15px;
}
.uiWeekHolder div {
  width: 32px;
  padding-top: 3px;
  height: 15px;
  font-family: Droid Sans, sans-serif;
  font-size: 75%;
  float: left;
  text-align: center;
  color: white;
}
.uiDayItem,
.uiDayItemOutside,
.uiDayItem_Disabled,
.uiDayItemOutside_Disabled,
.uiDayItemCurSel {
  width: 20px;
  height: 20px;
  padding: 3px;
  margin: 2px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  float: left;
  font-size: 85%;
  text-align: center;
  line-height: 24px;
  color: white;
}
.uiDayItemOutside {
  color: gray;
  background: rgba(0, 0, 0, 0.8);
}
.uiDayItemOutside_Disabled {
  color: #888;
  background: rgba(0, 0, 0, 0.5);
  border-color: rgba(255, 255, 255, 0.2);
}
.uiDayItem_Disabled {
  color: #cccccc;
  background: rgba(255, 255, 255, 0.1);
  border-color: rgba(255, 255, 255, 0.1);
}
.uiDayItemOutside:hover {
  background: rgba(255, 200, 40, 0.35);
  border: 1px solid rgba(255, 200, 40, 0.73);
  color: white;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
}
.uiDayItemCurSel,
.uiDayItemCurSel:hover {
  background: rgba(40, 180, 255, 0.45);
  border: 1px solid rgba(40, 180, 255, 0.85);
  cursor: pointer;
  color: white;
}
.uiDayItem:hover {
  background: rgba(255, 200, 40, 0.35);
  border: 1px solid rgba(255, 200, 40, 0.73);
  color: white;
  cursor: pointer;
  text-shadow: rgba(0, 0, 0, 0.4) 1px 1px 1px;
}
.uiMField {
  background: white;
  height: 18px;
  width: 100%;
}
.uiMFieldElements {
  border: 1px solid gray;
  width: 100%;
  height: 100%;
}
button.uiMFDate {
  width: 24px;
  height: 28px;
  margin: 0;
  padding: 0;
  background: url(../images/calender.png) no-repeat 3px 5px;
  border: 1px solid gray;
  border-left: 0 transparent;
}
button.uiMFDate:hover {
  background-color: #fefeca;
}
button.uiMFDate:active {
  background-color: #4488cc;
}
div.uiMElement {
  float: left;
  clear: none;
}
div.uiMElement table {
  width: 100%;
}
.uiMFieldGroup {
  width: 100%;
  max-width: 300px;
}
.uiMFieldGroupHeader {
  background: #4488cc;
  color: white;
  height: 20px;
  padding: 4px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
}
.uiMField * input {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
}
.uiMField * input.uiMElementInvalid {
  background: #cc8888;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-clip: padding-box;
}
.uiMFieldGroupLabel {
  width: 120px;
  background: cyan;
}
.message {
  width: 583px;
  color: white;
  position: relative;
  background: #181818;
  text-align: center;
}
.message > p {
  margin: 0;
  padding: 20px 40px 20px 40px;
  color: white;
  font-size: 130%;
}
.messageHolder > div {
  margin: 4px 64px 8px 64px;
  border: 1px solid rgba(230, 200, 190, 0.25);
  background: rgba(200, 110, 90, 0.25);
  padding: 8px 8px 5px 8px;
  text-align: center;
  color: rgba(255, 255, 255, 0.7);
  font-size: 90%;
}
.messageHolder.formError > div {
  background: #858518;
  border: 1px solid rgba(230, 230, 190, 0.35);
  text-shadow: 1px 1px rgba(0, 0, 0, 0.35);
  font-weight: bold;
}
.itemHolder {
  width: 583px;
  padding-bottom: 0px;
  color: white;
  position: relative;
}
.itemHolder > .fieldPairs {
  margin-bottom: 0px;
  padding-right: 9px;
  margin-top: 12px;
  line-height: 24px;
  font-size: 85%;
  background: url(../images/fieldPairs.png) repeat-y #181818;
  border-top: 1px solid #181818;
  border-bottom: 1px solid #181818;
}
.fieldPairs > * > .label,
.fieldPairs > * > .control {
  line-height: 30px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  float: left;
}
.fieldPairs > * > .label {
  /*background: #182532;*/
  color: #667b96;
  text-align: right;
  width: 210px;
  padding-right: 10px;
}
.fieldPairs > * > .control {
  background: none;
  width: 320px;
  padding-top: 10px;
  height: auto;
}
.itemHolder > .bottomBar {
  padding: 7px;
  height: 30px;
  text-align: center;
}
.itemHolder > .bottomBar.altBottom {
  height: 38px;
}
.itemHolder > .bottomBar > * {
  display: inline-block;
  font-size: 85%;
  line-height: 22px;
  color: #89a6e6;
  margin-left: 10px;
  margin-right: 10px;
}
.itemHolder > .bottomBar.altBottom > * {
  margin-left: 7px;
  margin-right: 7px;
}
.itemHolder > .bottomBar > * {
  padding-left: 6px;
  padding-right: 6px;
}
.itemHolder > .bottomBar > .submit {
  padding-left: 25px;
  padding-right: 4px;
  background: url(../images/evstack-submit.png) left no-repeat;
}
.itemHolder > .bottomBar > .submit:disabled {
  opacity: 0.4;
}
.itemHolder > .bottomBar > .cancel {
  padding-left: 25px;
  padding-right: 4px;
  background: url(../images/evstack-close.png) left no-repeat;
}
span.bottomLabel {
  color: #89a6e6;
}
span.bottomParen {
  color: #7a7a7a;
}
span.bottomValue {
  color: #ffffff;
}
.itemHolder > .bottomBar > * {
  border: 1px solid transparent;
}
.itemHolder > .bottomBar > *:hover {
  border: 1px solid #555555;
  background-color: #151515;
}
.itemHolder > .bottomBar > *:active {
  border: 1px solid #888888;
  background-color: #333333;
}
.itemHolder > .bottomBar > .disabled {
  color: gray;
}
.itemHolder > .bottomBar > .alt {
  color: white;
  border: 1px solid #814e4e;
  background: #100e0e;
  padding: 5px 25px 5px 25px;
  margin-bottom: 20px;
}
.itemHolder > .bottomBar > .alt:hover {
  color: white;
  border: 1px solid #C19e9e;
  background: #201e1e;
  padding: 5px 25px 5px 25px;
}
.itemHolder > .bottomBar > .alt:active {
  border: 1px solid #512121;
  background: black;
  color: #575757;
  padding: 5px 25px 5px 25px;
  margin-bottom: 20px;
}
.itemHolder > .bottomBar > * .disabled {
  opacity: 0.4;
}
.itemHolder > .dropdown {
  text-align: left;
  background: #1e1e1e url(../images/arrow2wp.png) 98% 45% no-repeat;
  border: 1px solid #3f3f3f;
  width: 171px;
  height: 22px;
  padding: 4px 20px 0 4px;
  color: #aaaaaa;
  position: absolute;
  top: 2px;
  right: 236px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.itemHolder > .dropdown:hover {
  color: #eeeeee;
  border: 1px solid #8f8f8f;
}
.control > * > .uiTextField {
  border: 1px solid #777777;
  background: #333333;
  color: #aaaaaa;
}
.control > * > .uiTextField:focus {
  border: 1px solid #aaaaee;
  background: #336699;
  color: white;
}
.control > * > .uiTextField.invalid,
.control > div.uiField.invalid > input.uiTextField {
  border: 1px solid #aa8888;
  background-color: #883333;
  color: white;
}
.control > .uiCameraField.invalid > div.fieldDropdown {
  border: 1px solid #aa8888;
  background-color: #883333;
  color: white;
}
div.gvEquipSnaps {
  position: relative;
  display: inline-block;
  width: auto;
  height: auto;
  margin: 5px;
  border: 1px solid #bbb;
  padding: 0;
  background-color: #f2f2f2;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
}
div.gvEquipSnaps.validationAlarm {
  border: 1px solid #aa2222;
  background-color: #ffbbbb;
  box-shadow: 1px 1px 3px rgba(128, 0, 0, 0.55);
}
div.gvEquipSnaps > div.operatorLabel {
  padding: 5px;
  background-color: #eee;
  color: #222;
}
div.gvEquipSnaps > div.operatorLabel.stale {
  background-color: #a99;
  color: #444;
}
div.gvEquipSnaps > div.operatorLabel.editable {
  background-image: url(../images/arrow2p.png);
  background-position: 98% 50%;
  background-repeat: no-repeat;
}
div.gvEquipSnaps > div.operatorLabel.editable:hover {
  background-image: url(../images/arrow2wp.png);
  background-color: #48b;
  color: white;
}
div.gvEquipSnaps > div.operatorLabel.overtime {
  background-color: #cc2;
  color: #444;
}
div.gvEquipSnaps > .camerasAndClip {
  position: relative;
  border-bottom: 1px solid #bbb;
}
div.gvEquipSnaps > .camerasAndClip > .cameras > .camera {
  position: relative;
  left: 0;
  top: 0;
  overflow: hidden;
}
div.gvEquipSnaps > .camerasAndClip > .cameras > .camera > .imgOverlay {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
div.gvEquipSnaps > .camerasAndClip > .cameras > .camera {
  display: inline-block;
  position: relative;
}
div.gvEquipSnaps > .camerasAndClip > .cameras > .space {
  display: inline-block;
  position: relative;
}
div.gvEquipSnaps.hidden > .camerasAndClip > .cameras > .camera {
  width: 128px;
  height: 0;
}
div.gvEquipSnaps.small > .camerasAndClip > .cameras > .camera {
  width: 128px;
  height: 94px;
}
div.gvEquipSnaps.small > .camerasAndClip > .cameras > .space {
  width: 12px;
  height: 94px;
  background: #777;
}
div.gvEquipSnaps.medium > .camerasAndClip > .cameras > .camera {
  width: 158px;
  height: 120px;
}
div.gvEquipSnaps.medium > .camerasAndClip > .cameras > .space {
  width: 12px;
  height: 120px;
  background: #777;
}
div.gvEquipSnaps.large > .camerasAndClip > .cameras > .camera {
  width: 208px;
  height: 158px;
}
div.gvEquipSnaps.large > .camerasAndClip > .cameras > .space {
  width: 12px;
  height: 158px;
  background: #777;
}
div.gvEquipSnaps > .camerasAndClip > .cameras > .camera > * {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
div.gvEquipSnaps > .camerasAndClip > .imgClip {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.imgClip > .topLeft {
  position: absolute;
  left: 0;
  width: 28px;
  height: 28px;
}
.imgClip > .topLeft > div {
  position: absolute;
  top: 0;
  left: 0;
  font-family: Arial, sans serif;
  display: inline-block;
  height: auto;
  border-bottom-right-radius: 6px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  border-bottom: 1px solid rgba(128, 255, 128, 0.45);
}
.imgClip > .topLeft > div > * {
  white-space: nowrap;
}
.imgClip > .bottomLeft > div {
  position: absolute;
  bottom: 0;
  left: 0;
  font-family: Arial, sans serif;
  display: inline-block;
  height: auto;
  border-top-right-radius: 6px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  border-top: 1px solid rgba(128, 255, 128, 0.45);
}
.imgClip > .bottomRight > div {
  position: absolute;
  bottom: 0;
  right: -1px;
  font-family: Arial, sans serif;
  display: inline-block;
  height: auto;
  border-top-left-radius: 6px;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.65);
  border-right: 1px solid rgba(255, 255, 255, 0.35);
  border-top: 1px solid rgba(128, 255, 128, 0.45);
}
.imgClip > .bottomLeft > div > * {
  white-space: nowrap;
}
.imgClip > .topLeft > a {
  background: rgba(0, 0, 0, 0) url(images/expandsnap.png) no-repeat 6px 6px;
  -webkit-transition: all 150ms;
  -moz-transition: all 150ms;
  -o-transition: all 150ms;
  -ms-transition: all 150ms;
  transition: all 150ms;
  display: block;
  width: 28px;
  height: 28px;
  opacity: 0.2;
  border-bottom-left-radius: 8px;
}
.imgClip > .topLeft > a:hover {
  opacity: 1;
  -webkit-transition: all 150ms;
  -moz-transition: all 150ms;
  -o-transition: all 150ms;
  -ms-transition: all 150ms;
  transition: all 150ms;
  background: rgba(0, 0, 0, 0.7) url(images/expandsnap.png) no-repeat 6px 6px;
}
div.gvEquipSnaps.hidden > .camerasAndClip > .cameras {
  height: 0;
}
div.gvEquipSnaps.small > .camerasAndClip > .cameras {
  height: 94px;
}
div.gvEquipSnaps.medium > .camerasAndClip > .cameras {
  height: 120px;
}
div.gvEquipSnaps.large > .camerasAndClip > .cameras {
  height: 158px;
}
div.gvEquipSnaps.hidden > .camerasAndClip > .imgClip {
  height: 0;
}
div.gvEquipSnaps.small > .camerasAndClip > .imgClip {
  height: 94px;
}
div.gvEquipSnaps.medium > .camerasAndClip > .imgClip {
  height: 120px;
}
div.gvEquipSnaps.large > .camerasAndClip > .imgClip {
  height: 158px;
}
div.gvEquipSnaps > .camerasAndClip > .cameras > .camera > img {
  width: 100%;
  left: 0;
}
.inlineBlocks {
  white-space: nowrap;
}
.inlineBlocks > * {
  display: inline-block;
  white-space: nowrap;
}
.topLeftAbs {
  position: absolute;
  top: 4px;
  left: 4px;
}
.ccontainer {
  cursor: default;
  padding: 4px 0 4px 4px;
  height: 54px;
  position: relative;
  top: 0;
  left: 0;
}
.ccontainer.fatigueSummary {
  cursor: default;
  padding: 4px 0 4px 4px;
  height: 68px;
  position: relative;
  top: 0;
  left: 0;
}
.gvEquipSnaps.hidden > * > .ccontainer.fatigueSummary {
  width: 180px;
}
.ccontainer:hover {
  background-color: #ffffdc;
}
.ccontainer:active {
  background-color: rgba(200, 200, 180, 0.5);
}
.ccontainer > canvas {
  position: absolute;
  top: 4px;
  left: 4px;
}
.gvCriteriaBar {
  position: relative;
  top: -5px;
  width: 100%;
  height: 8px;
}
div.gvEquipSnaps.hidden > .gvCriteriaBar {
  width: 100%;
}
div.gvEquipSnaps.small > .gvCriteriaBar {
  width: 100%;
}
div.gvEquipSnaps.medium > .gvCriteriaBar {
  width: 100%;
}
div.gvEquipSnaps.large > .gvCriteriaBar {
  width: 100%;
}
div.gvEquipSnaps > div {
  font-size: 80%;
  color: #444;
}
div.gvEquipSnaps > div.equipLabel {
  width: calc(100% - 10px);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
a.eventsBalloon,
a.secondEventsBalloon,
a.thirdEventsBalloon {
  position: absolute;
  right: -8px;
  top: -4px;
  width: 22px;
  height: 25px;
  line-height: 25px;
  background: url(../images/unread.png) no-repeat;
  color: white;
  text-align: center;
  font-size: 78%;
  cursor: pointer;
  display: block;
  padding-right: 3px;
  z-index: 50;
}
.gvEquipSnaps.hidden > * > a.eventsBalloon {
  right: -15px;
  top: -10px;
}
.gvEquipSnaps.hidden > * > a.secondEventsBalloon {
  right: -15px;
  top: 25px;
}
.gvEquipSnaps.hidden > * > a.thirdEventsBalloon {
  right: -15px;
  top: 54px;
}
a.secondEventsBalloon {
  top: 25px;
  background: url(../images/unread-distraction.png) no-repeat;
}
a.thirdEventsBalloon {
  top: 54px;
  background: url(../images/unread-extra.png) no-repeat;
}
a.eventsBalloon.noAlarms {
  background: url(../images/unread-noalarms.png) no-repeat;
  padding-left: 1px;
}
a.secondEventsBalloon.noAlarms {
  background: url(../images/unread-distraction-noalarms.png) no-repeat;
  padding-left: 1px;
}
a.thirdEventsBalloon.noAlarms {
  background: url(../images/unread-extra-noalarms.png) no-repeat;
  padding-left: 1px;
}
div.gvSnapView {
  width: auto;
}
div.gvSnapView > .left {
  margin-right: 218px;
  height: 100%;
}
div.gvSnapView > .right {
  position: relative;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #585858), color-stop(100% #212121));
  background-image: -webkit-linear-gradient(top, #585858 0%, #212121 100%);
  background-image: -moz-linear-gradient(top, #585858 0%, #212121 100%);
  background-image: -ms-linear-gradient(top, #585858 0%, #212121 100%);
  background-image: -o-linear-gradient(top, #585858 0%, #212121 100%);
  background-image: linear-gradient(top, #585858 0%, #212121 100%);
  background-repeat: no-repeat;
  background-color: #212121;
  background-size: 100% 300px;
  background-position: top left;
  width: 218px;
  float: right;
  height: 100%;
}
* .gvFatigueSlider {
  position: absolute;
  top: 66px;
  left: 19px;
  background: url(../images/slider-fatigue-track.png) no-repeat;
  width: 176px;
  height: 17px;
}
* .gvFatigueSlider > .thumb {
  position: relative;
  top: -2px;
  background: url(../images/slider-fatigue-thumb.png) no-repeat;
  width: 11px;
  height: 20px;
}
.snapFilter {
  position: absolute;
  top: 10px;
  left: 22px;
  outline: none;
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-clip: padding-box;
  background: black;
  color: #555555;
  border: 1px solid #555555;
  width: 170px;
  height: 22px;
}
.snapFilter:focus {
  background: #222222;
  border: 1px solid #777777;
}
.snapFilter .filterActive {
  background: #555533;
  color: white;
  border: 1px solid #aaaaaa;
}
.gvFatigueLevel {
  position: absolute;
  top: 47px;
  width: 210px;
  text-align: center;
  color: white;
  font-size: 80%;
  _-webkit-text-stroke-width: 1px;
  _-webkit-text-stroke-color: black;
  text-shadow: 0px 0px 2px black;
}
.gvSideItem {
  margin: 3px;
}
.gvSideItem > button {
  width: 16px;
  height: 16px;
  border: none;
  background: url(../images/pin_sm.png) no-repeat;
  opacity: 0;
  float: left;
  margin: 0 5px 0 5px;
}
.gvSideItem > div {
  color: #999;
  float: left;
  margin: 0;
  padding: 0;
}
.gvSideItem > div.equipment {
  width: 70px;
}
.gvSideItem > div.operator {
  color: white;
  margin: 0 0 0 5px;
}
.gvSideItem > br {
  clear: both;
}
.gvGroupList {
  text-shadow: 1px 1px 1px #000000;
}
.gvSideGroup > p {
  font-weight: bold;
  color: lime;
  margin: 8px 8px 8px 10px;
}
.gvSideGroup > p.online {
  color: #46dcff;
}
.gvSideGroup > p.offline {
  color: #f04646;
}
.gvSideGroup > div.offline {
  opacity: 0.6;
}
.gvSnap {
  position: relative;
  box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid rgba(0, 0, 0, 0.75);
  overflow: hidden;
  width: 138px;
  height: 137px;
  float: left;
  margin: 10px 0 0 10px;
}
.gvSnapList {
  overflow: auto;
  height: 100%;
}
.gvSnap > img {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: -2px;
  width: 142px;
  height: auto;
}
.gvSnap > .screen {
  position: absolute;
  text-align: center;
  top: 0;
  left: -1px;
  width: 140px;
  height: 98px;
  opacity: 0;
  _transition: opacity 450ms cubic-bezier(0.085, 0.765, 0.555, 1);
}
.gvSnap:hover > .screen {
  opacity: 1;
  color: white;
  background: rgba(0, 0, 0, 0.5);
}
.gvSnap > .screen > div {
  position: absolute;
}
.gvSnap > .screen > button:hover {
  border-color: white;
  opacity: 1;
}
.gvSnap > .screen > button {
  opacity: 0.8;
  font-size: 80%;
  position: relative;
  top: 24px;
  margin-top: 5px;
  display: inline-block;
  border: 1px solid gray;
  background: black;
  color: white;
  -webkit-border-radius: 12px;
  border-radius: 12px;
  background-clip: padding-box;
  width: 90px;
  height: 20px;
}
.gvSnap > .screen > events.snaps {
  color: #5555ff;
}
.gvSnap > .screen > events.button {
  color: #ff5555;
}
.gvSnap > .pinned,
.gvSnap > .unpinned {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background: url(../images/pin-corner.png) top left no-repeat;
  opacity: 1;
  z-index: 100;
  _transition: opacity 250ms cubic-bezier(0.085, 0.765, 0.555, 1);
}
.gvSnap > .unpinned {
  opacity: 0;
}
.gvSnap:hover > .unpinned {
  opacity: 0.5;
}
.gvSnap > .bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: url(../images/snap-bar-bottom.png) repeat-x;
}
.gvSnap > .barLeft {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: url(../images/snap-bar-bottom.png) left no-repeat;
}
.gvSnap > .barRight {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 40px;
  background: url(../images/snap-bar-bottom.png) right no-repeat;
}
.gvSnap > .evlabel {
  color: gray;
}
.gvSnap > .status {
  position: absolute;
  bottom: 23px;
  left: 5px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-clip: padding-box;
  background-color: #14c814;
}
.gvSnap > .equip {
  position: absolute;
  bottom: 21px;
  left: 18px;
  color: white;
  font-size: 70%;
}
.gvSnap > .oper {
  position: absolute;
  bottom: 5px;
  left: 18px;
  color: white;
  font-size: 70%;
}
.gvSnap > .evlabel .events {
  color: #992222;
}
.gvSnap > .evlabel .events:hover {
  color: #ee5555;
  text-decoration: underline;
}
.gvSnap .newEvent {
  border: 2px solid #992222;
  margin: 10px 0 0 10px;
}
.gvSnap .clearTrans {
  border: 0 solid transparent;
  margin: 12px 2px 2px 12px;
}
.gvSideItem > button:active {
  opacity: 0.55;
}
.gvSideItem > button:hover {
  opacity: 0.35;
}
.gvSideItem > button.on {
  opacity: 1;
}
.gvSideItem > button.on:active {
  opacity: 0.6;
}
.gvSideItem > button.on:hover {
  opacity: 1;
}
.autoPlay {
  display: inline-block;
  border: 1px solid #aaa;
  background: #eee;
  padding: 5px 8px 5px 5px;
  font-size: 85%;
  margin-right: 10px;
  float: left;
  height: 16px;
}
.autoPlay > input {
  position: relative;
  padding: 0;
  margin: 1px 0 0 4px;
  left: -3px;
  float: left;
}
.autoPlay > .text {
  padding: 0;
  line-height: 16px;
  float: left;
}
.toggleButton {
  background: white;
  border: 1px solid #888888;
  color: black;
  opacity: 0.5;
}
.toggleButton:hover {
  background: #ccf;
}
.toggleButton.on {
  background: white;
  border: 1px solid #888888;
  color: black;
  opacity: 1;
}
.toggleButton.off {
  background: white;
  border: 1px solid #888888;
  color: black;
}
.dropDownEx {
  position: relative;
  top: 0;
  left: 0;
  padding: 3px 3px 3px 6px;
  height: 14px;
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
  background-color: #323232;
  line-height: 14px;
  font-size: 85%;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  display: inline-block;
  width: 162px;
}
.autoSpan {
  position: relative;
  top: 0;
}
.snapsToolbarLeft {
  position: absolute;
  top: 0;
}
.snapWidth {
  width: 742px;
}
.snapWidth > .bottomBar {
  width: 742px;
  height: 22px;
}
.gvSnapPopupView {
  position: relative;
  top: 0;
  width: 742px;
}
.gvSnapPopupView > .left {
  float: left;
  width: 314px;
  height: 335px;
}
.gvSnapPopupView > .right {
  float: left;
  width: 424px;
  height: 335px;
}
.gvSnapHistoryList {
  width: 314px;
}
.gvSnapHistoryList > .header,
.gvSnapBig > .header {
  background: #030303;
  height: 15px;
  padding: 6px 0 6px 0;
  color: #e2e6a4;
  font-size: 85%;
  text-align: center;
}
.gvSnapHistoryList > .list {
  width: 314px;
  height: 324px;
  overflow: auto;
}
.gvSnapHistoryList > .list > .item {
  width: 130px;
  height: 114px;
  border: 1px solid transparent;
  color: white;
  margin: 4px 0 0 4px;
  padding: 5px;
  text-align: center;
  float: left;
}
.gvSnapHistoryList > .list > .item.selected {
  border: 1px solid #8fbfe4;
  background: #5396c0;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  background-clip: padding-box;
}
.gvSnapHistoryList > .list > .item > .imgc {
  width: 130px;
  height: 95px;
  overflow: hidden;
}
.gvSnapHistoryList > .list > .item > .imgc > img {
  margin: 0;
  padding: 0;
  width: 130px;
  height: auto;
}
.gvSnapHistoryList > .list > .item > .label {
  margin-top: 5px;
  display: inline-block;
  font-size: 80%;
}
.bluish {
  color: #aaaaff;
}
.grayish {
  color: #888888;
}
.gvSnapBig > .header {
  width: 428px;
}
.gvSnapBig > .header > .headerL {
  float: left;
  text-align: left;
  color: #c3aa5c;
}
.gvSnapBig > .header > .headerR {
  float: right;
  text-align: right;
  color: #8fbfe4;
  margin-right: 6px;
}
.gvSnapBig > .imgc {
  width: 428px;
  height: 324px;
  overflow: hidden;
}
.gvSnapBig > .imgc > img {
  position: relative;
  left: -4px;
  width: 433px;
  height: auto;
}
.gvStackList {
  display: block !important;
}
.uiStackEx {
  margin: 8px 8px 0 8px;
  width: auto;
}
.uiStackEx.blockedMonitor {
  margin: 4px 0 0 0;
}
.uiStackEx > .header {
  background: #ffffeb;
  border: 1px solid #cfcfcf;
  font-size: 80%;
  position: relative;
}
.uiStackEx > .header > * {
  text-overflow: ellipsis;
}
.uiStackEx > .header > .groupLabel {
  color: #333;
  font-weight: bold;
  padding: 6px;
  float: left;
  width: 25%;
  padding-left: 17px;
  background: url(../images/arrow2.png) 5px 5px no-repeat;
}
.uiStackEx.expanded > .header > .groupLabel {
  background: url(../images/arrow2down.png) 5px 8px no-repeat;
}
.uiStackEx > .header > .groupLabel > span,
.uiStackEx > .header > .dateLatestLabel > span {
  color: #969692;
  font-weight: normal;
}
.uiStackEx > .header:hover {
  background: #ffffaa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffee), color-stop(100% #ffffaa));
  background-image: -webkit-linear-gradient(top, #ffffee 0%, #ffffaa 100%);
  background-image: -moz-linear-gradient(top, #ffffee 0%, #ffffaa 100%);
  background-image: -ms-linear-gradient(top, #ffffee 0%, #ffffaa 100%);
  background-image: -o-linear-gradient(top, #ffffee 0%, #ffffaa 100%);
  background-image: linear-gradient(top, #ffffee 0%, #ffffaa 100%);
  border: 1px solid #bbbbaa;
}
.uiStackEx > .header:hover > * > span {
  color: rgba(0, 0, 0, 0.75);
  font-weight: normal;
}
.uiStackEx > .header > .eventsLabel {
  background: rgba(0, 0, 0, 0.05);
  /* #f5f5d3; */
  border-left: 1px solid #cfcfcf;
  border-right: 1px solid #cfcfcf;
  color: #b07a6f;
  padding: 6px;
  float: left;
  width: 18%;
}
.uiStackEx > .header:hover > .eventsLabel {
  color: rgba(150, 0, 0, 0.75);
  font-weight: normal;
}
.uiStackEx > .header > .dateLatestLabel {
  position: relative;
  color: #333;
  padding: 6px;
  float: left;
  width: 50%;
}
.uiStackEx > .header > button {
  position: absolute;
  right: 3px;
  top: 3px;
  width: 80px;
  height: 19px;
}
.uiStackEx > .thumbnailsHolder {
  z-index: 0;
  position: relative;
  top: -1px;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  -ms-transition: all 400ms;
  transition: all 400ms;
  overflow: hidden;
  height: 0;
  background: transparent;
  border: 1px solid transparent;
}
.uiStackEx.expanded > .thumbnailsHolder {
  height: 190px;
  background: #e2e2e2;
  border: 1px solid #aaa;
}
.uiStackEx.blockedMonitor.expanded > .thumbnailsHolder {
  border: none;
  border-top: 1px solid #aaa;
  background: #444;
  color: cyan;
  height: 175px;
}
.uiStackEx > .thumbnailsHolder > * {
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -o-transition: all 400ms;
  -ms-transition: all 400ms;
  transition: all 400ms;
  opacity: 0;
}
.uiStackEx.expanded > .thumbnailsHolder > * {
  opacity: 1;
}
span.gray {
  color: #333;
}
.uiStackEx > .thumbnailsHolder > .left {
  height: 100%;
  width: 20px;
  float: left;
  padding: 0;
  position: relative;
  top: 7px;
  left: 6px;
}
.uiStackEx > .thumbnailsHolder > .right {
  height: 100%;
  width: 20px;
  float: right;
  padding: 0;
  position: relative;
  top: 7px;
  right: 6px;
}
.uiStackEx > .thumbnailsHolder > .items,
.uiStackEx > .thumbnailsHolder > .gvThumbnails {
  margin-right: 20px;
  height: 100%;
}
.uiStackEx > .thumbnailsHolder > * > .button {
  margin: 3px;
  border: 1px solid gray;
  background: white;
}
.uiStackEx.blockedMonitor > .thumbnailsHolder > * > .button {
  border: 1px solid gray;
  background: #111;
}
.uiStackEx > .header.Video {
  background: #ceeefa;
  border: 1px solid #afafcf;
  font-size: 80%;
  position: relative;
}
.uiStackEx > .header.Video:hover {
  background: #aaaaff;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #def0ff), color-stop(100% #96cbe1));
  background-image: -webkit-linear-gradient(top, #def0ff 0%, #96cbe1 100%);
  background-image: -moz-linear-gradient(top, #def0ff 0%, #96cbe1 100%);
  background-image: -ms-linear-gradient(top, #def0ff 0%, #96cbe1 100%);
  background-image: -o-linear-gradient(top, #def0ff 0%, #96cbe1 100%);
  background-image: linear-gradient(top, #def0ff 0%, #96cbe1 100%);
  border: 1px solid #aaaabb;
}
.uiStackEx > .header.Video > .groupLabel > span,
.uiStackEx > .header.Video > .dateLatestLabel > span {
  color: #626262;
  font-weight: normal;
}
.uiStackEx > .header.Video > .eventsLabel {
  font-weight: bold;
  background: rgba(0, 0, 20, 0.25);
  color: white;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.5);
  border-left: 1px solid #a2a2b2;
  border-right: 1px solid #a2a2b2;
}
.blockedMonitor {
  margin-bottom: 10px;
}
.gvBlockedCabin {
  width: 150px;
  height: 150px;
  padding: 8px 4px 4px 4px;
  text-align: center;
  float: left;
  line-height: 18px;
}
.gvBlockedCabin > img {
  width: 145px;
  height: 112px;
  box-sizing: border-box;
  padding: 4px;
  background: #999;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #333;
}
.gvBlockedCabin > img:hover {
  background: #cc5;
}
.gvBlockedCabin > span.equipmentLabel {
  font-weight: bold;
  color: #9af;
}
.gvBlockedCabin > span.timeLabel {
  font-weight: normal;
  color: #999;
}
img.uiThumbnailEx {
  width: 133px;
  height: 100px;
  background: white;
  padding: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
  border: 1px solid #ffffff;
}
img.uiThumbnailEx.noAlarms {
  position: relative;
  top: -3px;
  left: -3px;
  border: 3px solid #ffff22;
}
img.uiThumbnailEx:hover {
  background: #82cdfa;
  border: 1px solid #c8e6ff;
}
img.uiThumbnailEx.noAlarms:hover {
  border: 3px solid #c8e6ff;
}
.uiThumbnailExParent {
  width: 140px;
  height: 144px;
  padding: 8px;
  text-align: center;
  float: left;
  line-height: 13px;
}
.uiThumbnailExParent > * {
  display: inline-block;
  font-size: 80%;
}
.uiThumbnailExParent > .nameLabel {
  color: #444;
  font-weight: bold;
  position: relative;
  top: 3px;
}
.uiThumbnailExParent > .eventLabel {
  color: #3355aa;
  position: relative;
  top: 3px;
}
.uiThumbnailExParent > .dateLabel {
  color: #777;
  position: relative;
  top: 3px;
}
.uiThumbnailExParent > .reviewedAtLabel {
  color: #7A7;
  position: relative;
  top: 3px;
}
.uiThumbnailExParent > .reviewTypeLabel {
  color: #A77;
  position: relative;
  top: 3px;
}
.uiThumbnailExParent.smaller {
  font-size: 90%;
  line-height: 93%;
}
.uiToolbarArrowButton,
.uiToolbarArrowButton_Disabled,
.uiToolbarArrowButton.right_Disabled {
  display: inline;
  width: 15px;
  height: calc(100% - 13px);
  padding: 0;
  margin: 0;
  color: white;
  border: 1px solid #aaaaaa;
  background: white url(../images/arrow2left.png) no-repeat 30% center;
  text-align: center;
  font-family: "Arial", "Helvetica Neue LT Std", sans-serif;
  font-size: 90%;
  position: relative;
  top: 0;
  float: left;
}
.uiToolbarArrowButton.right {
  background: white url(../images/arrow2.png) no-repeat 70% center;
  float: right;
}
.uiToolbarArrowButton:hover {
  background: #ffffcc url(../images/arrow2left.png) no-repeat 30% center;
  border: 1px solid #888888;
}
.uiToolbarArrowButton:hover.right {
  background: #ffffcc url(../images/arrow2.png) no-repeat 70% center;
}
.uiToolbarArrowButton:active {
  color: white;
  background: #efefef url(../images/arrow2left.png) no-repeat 30% center;
  opacity: 0.57;
}
.uiToolbarArrowButton:active.right {
  background: #efefef url(../images/arrow2.png) no-repeat 70% center;
}
.uiToolbarArrowButton_Disabled,
.uiToolbarArrowButton.right_Disabled {
  opacity: 0.25;
}
.uiToolbarArrowButton.right_Disabled,
.uiToolbarArrowButton.right {
  background: #efefef url(../images/arrow2.png) no-repeat 70% center;
}
.eventfilter {
  position: absolute;
  top: 0;
  right: 0;
  width: 255px;
  height: 100%;
  padding-left: 2px;
  background: url(../images/eventfilter_base.png) repeat-y;
}
.eventfilter > .filter {
  width: 164px;
  height: 21px;
  position: relative;
  top: 14px;
  left: 16px;
  border: 1px solid gray;
  background-color: #111;
  color: gray;
  -webkit-border-radius: 16px;
  border-radius: 16px;
  background-clip: padding-box;
}
.eventfilter > .filter:focus {
  color: white;
  background-color: #1e1e0a;
  box-shadow: 0 0 6px rgba(150, 150, 70, 0.6);
}
.eventfilter > .tabArea {
  position: relative;
  top: 26px;
  width: 100%;
  height: 23px;
  text-align: center;
}
.eventfilter > .tabArea.noFilter {
  top: 10px;
}
.eventfilter > .tabArea > .tabLabel {
  width: 46px;
  height: 23px;
  color: #6695ca;
  margin-left: 14px;
  float: left;
  font-size: 10px;
  padding-top: 1px;
}
.eventfilter > .tabArea > .uiTabs {
  display: inline-block;
  height: 23px;
}
.eventfilter > .tabArea > .uiTabs > .uiTabItem {
  padding: 2px 4px 2px 4px;
  margin: 0;
  font-size: 10px;
  background: none;
  color: #A4A4A4;
  border: 1px solid transparent;
}
.eventfilter > .tabArea.noTabs {
  padding: 0;
  height: 0;
}
.eventfilter > .tabArea > .uiTabs > .uiTabItem.selected {
  padding: 2px 4px 2px 4px;
  margin: 0;
  font-size: 10px;
  background: black;
  color: white;
  border: 1px solid white;
}
.eventfilter > .list {
  width: auto;
  height: auto;
  border-top: 1px solid #555;
  border-bottom: 1px solid #555;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  top: 30px;
  left: 0;
  overflow: auto;
}
.eventfilter > .list.noFilter {
  top: 16px;
}
.eventfilter > .list.noTabs {
  top: 24px;
}
.eventfilter > .list.noTabs.noFilter {
  top: 4px;
}
/*
<div style="text-shadow: 1px 1px 1px rgba(0,0,0,0.8); font-size: 80%; border-radius: 5px; color: white; background: #6695ca; border: 1px solid #aaccff; padding: 4px">
    <div style="float: right; padding-right: 3px; padding-left: 3px">1</div>
    <div style="padding-left: 3px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden">
        This is a test
    </div>
</div>
*/
.eventfilter > .list > div {
  font-size: 80%;
  color: #6A6A6A;
  background: none;
  border: 1px solid transparent;
  padding: 4px;
  margin: 3px 3px 0 3px;
}
.eventfilter.showAll > .list > div {
  color: #ddd;
}
.eventfilter > .list > div.selected {
  background-color: #99bbff;
  background: radial-gradient(at 50% bottom, #ffffff, #99bbff);
  background-position: center;
  background-size: 120% 100%;
  color: #333333;
  text-shadow: 1px 1px white;
  box-shadow: 0 2px 1px rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.eventfilter > .list > div > .left {
  padding-left: 3px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.eventfilter > .list > div > .left.noGPS {
  font-style: italic;
  color: #aa8822;
}
.eventfilter > .list > div.selected > .left.noGPS {
  font-style: italic;
  color: white;
}
.eventfilter > .list > div > .right {
  float: right;
  padding-right: 3px;
  padding-left: 3px;
}
.eventfilter > button {
  position: absolute;
  bottom: 1px;
  left: 3px;
}
.eventfilter > button {
  border: 1px solid #AAAAFF;
  background: rgba(19, 68, 143, 0.8);
  color: white;
  width: 199px;
  height: 30px;
}
.eventfilter > button:hover {
  border: 1px solid #9abdee;
  background: #13448f;
  color: white;
}
.eventfilter > button:active {
  border: 1px solid #9abdee;
  background: #051432;
  color: white;
  opacity: 0.75;
}
div.uiView.gvReportsView {
  width: 8.5in;
  height: 11in;
}
.gvReportsView {
  padding: 16px;
}
.gvReportsViewParent {
  float: none;
}
.gvReportsViewParent.reportsView_showFilter {
  margin-right: 255px;
}
.gvReportsViewParent.reportsView_hideFilter {
  margin-right: 0px;
}
.gvReportsViewFilter {
  float: right;
  width: 0px;
  height: 100%;
  position: relative;
  top: -1px;
  margin-bottom: -1px;
}
.gvReportsViewFilter.reportsView_showFilter {
  width: 255px;
}
.gvReportsViewFilter.reportsView_hideFilter {
  overflow: hidden;
  width: 0px;
}
.modelGroupingsTabsContainer {
  position: relative;
}
.modelGroupingsTabsContainerCenter {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
}
.uiReportContainer {
  position: relative;
  background: #f0f0f0;
  height: 430px;
  box-shadow: rgba(0, 0, 0, 0.27) 2px 2px 14px;
  border: 1px solid #b7b7b7;
  text-align: center;
}
.uiReportContainer > div {
  width: 100%;
  height: 100%;
}
.uiReportContainer > div.gvReportsToolbarTabs {
  border: none;
  width: auto;
  height: auto;
  margin-bottom: 0;
  margin-top: 20px;
}
.uiReportContainer > div > div.gvReportsLineGraphViewPadding {
  padding: 12px;
  position: absolute;
  width: 100%;
  height: 390px;
  box-sizing: border-box;
}
/*
.uiReportContainer > div > div.transPane {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    text-align:center;
    line-height:500px;
    background: rgba(0,0,0,0.45);
}
*/
.uiReportContainer > div > div.rpadding > canvas {
  width: 100%;
  height: 350px;
  box-sizing: border-box;
}
.uiResultsHeader,
.toolbarEx {
  background: url(../images/toolbarex.png) repeat-x;
  height: 38px;
  line-height: 45px;
}
.uiResultsHeader {
  position: relative;
  top: -1px;
}
.reportsFilter {
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-clip: padding-box;
  width: 173px;
  height: 20px;
  line-height: 20px;
  float: right;
  margin: 16px 0 4px 6px;
  border: 1px solid #777;
  background: #252522;
  box-shadow: inset rgba(0, 0, 0, 0.35) 1px 1px 4px;
  outline: none;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: -9px;
  display: inline-block;
}
.reportsFilter:focus {
  background: #999922;
  color: white;
  border: 1px solid #333;
}
.toolbarEx > * > * > * > * {
  line-height: 45px;
  width: auto;
}
.toolbarEx > * > * > * > .left {
  width: 300px;
}
.toolbarEx > * > * > * > .right {
  width: 300px;
}
.modelSelLabel,
.modelGroupingsLabel,
.modelCtrlOptLabel {
  position: relative;
  top: 0;
  padding-right: 12px;
  display: inline-block;
  color: #d0d0d0;
}
.modelSelLabel {
  padding-right: 54px;
}
.uiButtonEx {
  background: #323232;
  border: 1px solid #9b9b9b;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  color: #fff;
  line-height: 16px;
  font-size: 90%;
  height: 23px;
  margin-right: 11px;
}
.uiExportButton {
  background: #323232;
  border: 1px solid #9b9b9b;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  color: #fff;
  line-height: 16px;
  font-size: 85%;
  height: 23px;
  margin-right: 11px;
  margin-top: 2px;
  padding-left: 8px;
  padding-right: 8px;
  position: relative;
  top: -3px;
}
.modelSelLabel {
  top: 0;
}
.modelGroupingsLabel {
  left: -36px;
}
.modelSel {
  position: relative;
  top: 0;
  padding: 3px 3px 3px 7px;
  height: 14px;
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
  background-color: #323232;
  line-height: 14px;
  font-size: 85%;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background-clip: padding-box;
  display: inline-block;
  width: 162px;
  left: 0;
}
.gvReportsToolbarTabs,
.gvReportsToolbarOptTabs {
  display: inline-block;
}
.gvReportsToolbarOptTabs {
  position: relative;
  top: 0;
  left: 0;
  float: left;
}
.modelCtrlOptLabelContainer {
  position: absolute;
  top: 14px;
  left: 28px;
}
.modelShiftContainer {
  position: relative;
  top: 4px;
  display: inline-block;
}
.modelShiftLabel,
.modelReportLabel {
  font-size: 95%;
  padding-left: 20px;
  padding-right: 12px;
  display: inline-block;
  color: #d0d0d0;
}
.sortLimit {
  font-size: 95%;
  padding-left: 20px;
  padding-right: 12px;
  display: inline-block;
  color: #d0d0d0;
}
.modelReportLabel {
  position: relative;
  top: 3px;
}
.modelShiftContainer > * {
  float: left;
  display: inline-block;
}
.modelCtrlOptLabel {
  position: relative;
  left: 0;
  float: left;
}
.gvReportsToolbarTab {
  padding: 3px 11px 3px 11px;
  height: 19px;
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
  background: #323232;
  line-height: 19px;
  font-size: 85%;
}
.gvReportsLegendTab {
  padding: 3px 13px 3px 13px;
  height: 19px;
  border: 1px solid #aaa;
  color: #777;
  background: #d8d8d8;
  line-height: 19px;
  font-size: 85%;
}
.gvReportsLegendTab.selected,
.gvReportsToolbarTab.selected {
  color: white;
  background: #195a9d;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2b66a7), color-stop(100% #2c508e));
  background-image: -webkit-linear-gradient(top, #2b66a7 0%, #2c508e 100%);
  background-image: -moz-linear-gradient(top, #2b66a7 0%, #2c508e 100%);
  background-image: -ms-linear-gradient(top, #2b66a7 0%, #2c508e 100%);
  background-image: -o-linear-gradient(top, #2b66a7 0%, #2c508e 100%);
  background-image: linear-gradient(top, #2b66a7 0%, #2c508e 100%);
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  border: 1px solid #aaa;
}
.gvReportsLegendTab.selected {
  border: 1px solid #555;
}
.gvReportsLegendTab.roundedBegin,
.gvReportsToolbarTab.roundedBegin {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  zborder-right: none;
}
.gvReportsLegendTab.roundedEnd,
.gvReportsToolbarTab.roundedEnd {
  zborder-left: none;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.gvReportsLegendTab.red.selected {
  background: #c92222;
}
.gvReportsLegendTab.yellow.selected {
  background: #b0b033;
}
.gvReportsLegendTab.blue.selected {
  background: #3474cc;
}
.gvReportsLegendTab.ltblue.selected {
  background: rgba(30, 120, 245, 0.9);
}
.gvReportsLegendTab.orange.selected {
  background: #cc7733;
}
.gvReportsLegendTab.green.selected {
  background: #55c955;
}
.gvReportsLegendTab.black.selected {
  background: #222;
}
.gvReportsLegendTab.brown.selected {
  background: #a55a2a;
}
.gvReportsLegendTab.purple.selected {
  background: #848;
}
.gvReportsLegendTab.tangerine.selected {
  background: #ff9999;
}
.gvReportsLegendTab.magenta.selected {
  background: #fc1ccc;
}
.gvReportsLegendTab.ltgray.selected {
  background: #aaa;
}
.gvReportsLegendTab.gray.selected {
  background: #777;
}
.gvReportsLegendTab.darkgray.selected {
  background: #444;
}
.gvReportsLegendTab.pink.selected {
  background: #c5c;
}
.gvReportsLegendTab.sage.selected {
  background: #484;
}
.gvReportsLegendTab.darkbrown.selected {
  background: #694400;
}
.sortingCheck {
  float: right;
  margin-top: 10px;
  display: inline-block;
  color: #ccc;
}
.uiFilterToggle {
  -webkit-border-radius: 14px;
  border-radius: 14px;
  background-clip: padding-box;
  width: 133px;
  height: 20px;
  line-height: 20px;
  float: right;
  margin: 16px 0 4px 6px;
  border: 1px solid #777;
  background: #252522;
  box-shadow: inset rgba(0, 0, 0, 0.35) 1px 1px 4px;
  outline: none;
  color: rgba(255, 255, 255, 0.5);
  position: relative;
  top: -9px;
  display: inline-block;
  text-align: center;
  font-size: 90%;
}
.uiFilterToggle.on {
  background: #999922;
  color: white;
  border: 1px solid #333;
}
.optionsContainer {
  padding-top: 9px;
  float: left;
}
.optionsContainer > .uiCheckBox {
  margin-left: 10px;
  color: #d0d0d0;
}
.gvReportsLineGraphView {
  overflow: auto;
}
.uiReportElementsView {
  position: relative;
  width: 100%;
  height: 100%;
}
.uiReportElement {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -ms-perspective: 1000px;
  -o-perspective: 1000px;
  -webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.5);
  box-shadow: 2px 2px rgba(0, 0, 0, 0.5);
}
.uiReportElement > div.frame {
  position: relative;
  -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3);
  background: #eeeeff;
  padding: 32px 0 0 0;
}
.uiReportElement > div.frame > div.holder {
  position: relative;
  width: 100%;
  height: 100%;
}
.uiReportElement > * > * > div.frontdiv {
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  backface-visibility: hidden;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.uiReportElement > * > * > div.frontdiv.swivel {
  -webkit-transform: rotateY(180deg) preserve-3d;
  -moz-transform: rotateY(180deg) preserve-3d;
  -ms-transform: rotateY(180deg) preserve-3d;
  -o-transform: rotateY(180deg) preserve-3d;
  transform: rotateY(180deg) preserve-3d;
  -webkit-transition: transform 1.3s;
  -moz-transition: transform 1.3s;
  -o-transition: transform 1.3s;
  -ms-transition: transform 1.3s;
  transition: transform 1.3s;
}
.uiReportElement > * > * > div.backdiv {
  position: absolute;
  left: 0;
  top: 0;
  background: #f0f0f0;
  backface-visibility: hidden;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
  -webkit-box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 2px 16px rgba(0, 0, 0, 0.3);
}
.uiReportElement > div.backdiv.swivel {
  -webkit-transform: rotateY(360deg) preserve-3d;
  -moz-transform: rotateY(360deg) preserve-3d;
  -ms-transform: rotateY(360deg) preserve-3d;
  -o-transform: rotateY(360deg) preserve-3d;
  transform: rotateY(360deg) preserve-3d;
  -webkit-transition: transform 1.3s;
  -moz-transition: transform 1.3s;
  -o-transition: transform 1.3s;
  -ms-transition: transform 1.3s;
  transition: transform 1.3s;
}
.uiReportElement > .resizeThumb {
  width: 11px;
  height: 11px;
  position: absolute;
  right: 0;
  bottom: 0;
  background: url(../images/resizeThumb.png) no-repeat bottom right;
  z-index: 1000;
  opacity: 0;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  transition: opacity 200ms;
}
.uiReportElement:hover > .resizeThumb {
  opacity: 0.5;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  transition: opacity 200ms;
}
.uiReportElement > .resizeThumb:hover {
  opacity: 1;
  -webkit-transition: opacity 200ms;
  -moz-transition: opacity 200ms;
  -o-transition: opacity 200ms;
  -ms-transition: opacity 200ms;
  transition: opacity 200ms;
}
.invisible {
  visibility: hidden;
  overflow: hidden;
  width: 0;
  height: 0;
  position: absolute;
}
.accessPointTabs {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  margin-right: 150px;
  background: rgba(255, 255, 255, 0.12);
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  height: 49px;
}
.apTab,
.apTap.selected {
  opacity: 1;
  margin: 5px;
  padding: 10px 10px 10px 38px;
  background: url(../images/ap3.png) 5px 7px no-repeat #333;
  border: 1px solid #777;
  display: inline-block;
  color: #88c;
}
.mobileRouterPicker {
  position: absolute;
  right: 5px;
  top: 0;
  width: 248px;
}
.mobileRouterPickerValue {
  background-color: #eeeeff;
  width: 149px;
}
.mobileRouterPickerLabel {
  background: #5555aa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #6565ba), color-stop(100% #454598));
  background-image: -webkit-linear-gradient(top, #6565ba 0%, #454598 100%);
  background-image: -moz-linear-gradient(top, #6565ba 0%, #454598 100%);
  background-image: -ms-linear-gradient(top, #6565ba 0%, #454598 100%);
  background-image: -o-linear-gradient(top, #6565ba 0%, #454598 100%);
  background-image: linear-gradient(top, #6565ba 0%, #454598 100%);
}
.uiPicker:hover > .uiPickerValue.mobileRouterPickerValue {
  background: #f5f5ff url(../images/arrow2down.png) 100% 50% no-repeat;
  width: 149px;
}
.uiPicker:hover > .uiPickerLabel.mobileRouterPickerLabel {
  background: #5555aa;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7575ca), color-stop(100% #5555a8));
  background-image: -webkit-linear-gradient(top, #7575ca 0%, #5555a8 100%);
  background-image: -moz-linear-gradient(top, #7575ca 0%, #5555a8 100%);
  background-image: -ms-linear-gradient(top, #7575ca 0%, #5555a8 100%);
  background-image: -o-linear-gradient(top, #7575ca 0%, #5555a8 100%);
  background-image: linear-gradient(top, #7575ca 0%, #5555a8 100%);
}
.uiVSplit {
  width: 100%;
  height: 100%;
}
.uiVSplit > .top {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.uiVSplit > .bottom {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.uiHSplit {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.uiHSplit > .left {
  height: 100%;
  float: left;
  overflow: hidden;
}
.uiHSplit > .left > * {
  display: inline-block;
}
.uiHSplit > .right {
  height: 100%;
  overflow: visible;
}
.uiHSplit > .right > * {
  display: inline-block;
}
.uiVSplit > .grip {
  height: 4px;
  background: linear-gradient(#aaa, #fff, #eee, #ddd, #999);
}
.uiVSplit.dark > .grip {
  background: linear-gradient(#222, #888, #444, #888, #222);
}
.uiVSplit > .grip.snap {
  height: 24px;
  background: linear-gradient(#bebebe, #fff, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #fff, #999);
  text-align: right;
  overflow: hidden;
}
.uiVSplit.dark > .grip.snap {
  background: linear-gradient(#222, #555, #222, #222, #222, #222, #222, #222, #222, #222, #222, #222, #222, #555, #222);
}
.uiVSplit > .grip.snap > .snap {
  height: 24px;
  line-height: 21px;
  overflow: hidden;
}
.snapButton {
  height: 16px;
  border-radius: 6px;
  background: linear-gradient(#ddd, #bbb);
  border: 1px solid #aaa;
  color: #444;
  text-shadow: 1px 1px 1px white;
  padding: 0 12px 0 12px;
  line-height: 12px;
  font-size: 75%;
  margin-right: 10px;
  position: relative;
  top: 1px;
}
.uiHSplit.dark > .snapButton,
.uiVSplit.dark > .snapButton {
  color: #eee;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  background: linear-gradient(#555, #333);
}
.snapButton:hover {
  background: linear-gradient(#fff, #ccc);
  color: #222;
}
.snapButton:active {
  background: linear-gradient(#aaa, #888);
  color: #fff;
  text-shadow: none;
}
.uiHSplit > .grip {
  width: 4px;
  height: 100%;
  float: left;
  background: linear-gradient(90deg, #aaa, #fff, #eee, #ddd, #999);
}
.uiHSplit.dark > .grip {
  background: linear-gradient(90deg, #222, #555, #222, #555, #222);
}
.uiHSplit > .grip.snap {
  width: 24px;
  background: linear-gradient(90deg, #bebebe, #fff, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #eee, #fff, #999);
  overflow: visible;
}
.uiHSplit.dark > .grip.snap {
  background: linear-gradient(90deg, #222, #555, #222, #222, #222, #222, #222, #222, #222, #222, #222, #222, #222, #555, #222);
}
.uiHSplit > .grip.snap > .snap {
  position: relative;
  left: 3px;
  width: 24px;
  overflow: visible;
  transform: rotate(90deg);
  transform-origin: bottom left;
}