/* Smart911 colors */
/*
 *  WARNING! smart911PSAP.css is generated from SASS. Modifications
 *  should only be made to smart911PSAP.scss
 */
BODY {
  background-color: #ffffff;
  padding: 0 0 0 50%;
  margin: 0;
  font-size: 8pt;
  font-family: Arial, Verdana; }
  BODY.psapView {
    padding: 0 0 0 5px; }
    BODY.psapView #mainContainer {
      width: 100%;
      margin: 0 5px 0 0; }

#mainContainer {
  width: 700px;
  background-color: #008300;
  margin: 0 5px 0 -350px;
  position: relative; }

DIV#successMsg, DIV#errorMsg {
  background-color: #aaffaa;
  border: 1px solid #44aa44;
  text-align: center;
  color: #333333;
  margin: 10px 13px 10px 13px;
  padding: 5px; }

DIV#errorMsg {
  background-color: #ffaaaa;
  border: 1px solid #aa4444; }

FORM {
  margin: 0; }

DIV.clear {
  clear: both;
  height: 1px;
  overflow: hidden; }

A.headerLink {
  color: white; }

#mainContainerBottom {
  height: 6px;
  margin: 0 5px 0 5px;
  font-size: 0.01em;
  background: url(/smart911/images/mainBGbottom.png) top left no-repeat; }

.required {
  color: #E3027B;
  font-style: italic; }

TABLE.navBar {
  border-collapse: collapse;
  border: none; }
  TABLE.navBar TD {
    background: url(/smart911/images/navBGtop.png) top left no-repeat #008300;
    font-size: 8pt;
    width: 67px; }
    TABLE.navBar TD A {
      text-decoration: none;
      font-size: 8pt;
      color: black; }
    TABLE.navBar TD DIV.textWrapper {
      width: 50px;
      margin: 2px 10px 0 5px;
      font-size: 8pt;
      text-align: center; }
    TABLE.navBar TD DIV.disabled {
      color: #a0a0a0; }
    TABLE.navBar TD.bottom {
      background: url(/smart911/images/navBGbottom.png) top left no-repeat #008300;
      line-height: 0;
      width: 67px; }

IMG {
  padding: 0;
  margin: 0; }

#contentWrapper {
  margin: 0 4px 0 5px;
  clear: both; }

DIV.toolTipContent {
  position: absolute;
  left: -1000px;
  width: 100%;
  padding: 10px;
  width: 250px;
  border: 1px solid #0193df;
  background-color: #f5fbfe;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px; }
  DIV.toolTipContent IMG.leftArrow {
    position: absolute;
    left: -20px;
    top: 30px; }
  DIV.toolTipContent DIV.toolTipContentWrapper {
    float: left; }

A.toolTip {
  background: url(/smart911/images/icons_5.12/tooltip_blue.png) no-repeat;
  display: inline-block;
  cursor: pointer;
  width: 17px;
  height: 17px;
  line-height: 17px;
  overflow: hidden;
  text-decoration: none;
  color: transparent;
  font-size: 0.001em;
  vertical-align: middle;
  position: relative;
  margin-left: 5px; }
  A.toolTip:hover DIV {
    left: 10px; }

TABLE#contentLayout {
  width: 100%;
  border-collapse: collapse;
  border: none; }
  TABLE#contentLayout TD.minHeight {
    width: 1px; }
    TABLE#contentLayout TD.minHeight IMG {
      height: 240px;
      width: 1px; }

TD#contentCell {
  background-color: white;
  font-size: 8pt;
  padding: 0; }

TABLE.summaryInfo {
  width: 100%;
  margin-top: 5px; }
  TABLE.summaryInfo TH, TABLE.summaryInfo TD {
    font-size: 8pt;
    padding-left: 5px;
    padding-top: 2px;
    border-bottom: 1px solid #ababab; }
  TABLE.summaryInfo TH {
    color: white;
    background-color: #424242;
    text-align: left; }
  TABLE.summaryInfo TH, TABLE.summaryInfo TR.lastRow TD {
    border-bottom: none; }
  TABLE.summaryInfo TH.center {
    text-align: center; }
  TABLE.summaryInfo TD A {
    line-height: 2em; }

TABLE.first {
  margin-top: 0; }

TH.center, TD.center {
  text-align: center; }

DIV.infoHeader {
  color: white;
  font-weight: bold;
  background-color: #424242;
  padding-left: 10px; }

TABLE.info {
  width: 100%;
  margin: 5px 0 5px 0; }
  TABLE.info TH, TABLE.info TD {
    font-size: 8pt;
    padding-bottom: 5px; }
  TABLE.info TH {
    width: 80px;
    white-space: nowrap !important;
    text-align: right; }
  TABLE.info TD {
    font-size: 8pt;
    padding-left: 10px; }

DIV#prevNextRecord {
  font-size: 8pt;
  margin-bottom: 5px;
  padding-left: 5px;
  padding-right: 5px; }
  DIV#prevNextRecord A {
    font-size: 8pt;
    color: #424242; }

TABLE.top {
  margin-top: 0; }

DIV#map {
  background: url(/smart911/images/splash/worldMap.png) center center;
  width: 379px;
  height: 282px; }

DIV.associatedPhone, SPAN.associatedPhone {
  color: #E3027B;
  font-style: italic; }

/*

    Icon stuff
*/
/* TODO: adjust rest of icon offsets for s911 */
.ico {
  background: url("/smart911/images/sprites/pictos-sprite.png") no-repeat top left;
  display: inline-block;
  width: 16px;
  height: 16px;
  color: transparent; }

.querycircle {
  background-position: -4px -484px; }

/*
    PSAP Admin Styles
*/
UL.navBar {
  list-style-type: none;
  margin: 0 0 0 5px;
  padding: 0;
  border: none; }
  UL.navBar LI {
    float: left;
    margin: 0 0 0 0;
    background: url(/smart911/images/navBarBGRight.png) no-repeat top right;
    border: none; }
    UL.navBar LI .selected {
      background: url(/smart911/images/navBarBGRightSelected.png) no-repeat top right; }
      UL.navBar LI .selected A {
        color: black;
        background: url(/smart911/images/navBarBGLeftSelected.png) no-repeat top left; }
    UL.navBar LI A {
      text-decoration: none;
      color: #808080;
      font-weight: bold;
      display: block;
      background: url(/smart911/images/navBarBGLeft.png) no-repeat top left;
      padding: 5px 10px 11px 9px;
      line-height: 8px; }
      UL.navBar LI A:hover {
        color: #880000; }
    UL.navBar LI.spacer {
      background: none; }

UL.subNavBar {
  list-style-type: none;
  margin: 5px 0 15px 0;
  padding: 0;
  border: none; }
  UL.subNavBar LI {
    float: left;
    margin-left: 15px; }
    UL.subNavBar LI .selected A {
      color: black;
      font-weight: bold; }
    UL.subNavBar LI A {
      text-decoration: none;
      color: #666666; }
      UL.subNavBar LI A:hover {
        color: #880000; }

DIV.sigLine {
  line-height: 1px;
  font-size: 1px;
  margin: 25px 15px 5px 15px;
  border-bottom: 1px solid #666666;
  clear: both; }

/* button styles */
TABLE.customButton {
  border-collapse: collapse;
  cursor: pointer;
  float: left; }
  TABLE.customButton TD {
    background-repeat: no-repeat;
    padding: 0; }
    TABLE.customButton TD INPUT {
      font-size: 8pt;
      font-weight: bold;
      padding: 0;
      margin: 0;
      cursor: pointer; }

/*
*html TABLE.customButton TD INPUT{
    width: 20px;
    overflow: visible;
    padding: 0 0.25em;
}
*/
TABLE.customButtonBlack TD {
  background-image: url(/smart911/images/customButtons/black.png); }
  TABLE.customButtonBlack TD INPUT {
    color: white; }

TABLE.customButtonGreen TD {
  background-image: url(/smart911/images/customButtons/green.png); }
  TABLE.customButtonGreen TD INPUT {
    color: black; }

TABLE.customButtonGreen TD
TABLE.customButtonBlue TD {
  background-image: url(/smart911/images/customButtons/blue.png); }
  TABLE.customButtonGreen TD
  TABLE.customButtonBlue TD INPUT {
    color: white; }

TABLE.customButtonFuschia TD {
  background-image: url(/smart911/images/customButtons/fuschia.png); }
  TABLE.customButtonFuschia TD INPUT {
    color: white; }

TABLE.customButtonDefault TD {
  background-image: url(/smart911/images/customButtons/default.png); }
  TABLE.customButtonDefault TD INPUT {
    color: white; }

TABLE.customButtonYellow TD {
  background-image: url(/smart911/images/customButtons/yellow.png);
  background-repeat: no-repeat;
  font-weight: bold; }
  TABLE.customButtonYellow TD INPUT {
    color: black; }

TABLE.customButtonDisabled TD {
  background-image: url(/smart911/images/customButtons/disabled.png); }
  TABLE.customButtonDisabled TD INPUT {
    color: #808080; }

TABLE.customButton DIV {
  margin: 4px 0px -1px 9px; }

/*
*html TABLE.customButton DIV {
    margin: 22px 2px -3px 15px;
}
*/
INPUT.customButton {
  width: 0;
  overflow: visible;
  border: none;
  background-color: transparent; }

INPUT.customButton[class] {
  width: auto; }

TABLE.small INPUT.customButton {
  padding: 3px 7px 0 11px; }

TABLE.small INPUT.customButton[class] {
  padding: 3px 5px 0 7px; }

TD INPUT.customButton[class] {
  width: 100%; }

DIV.buttonBar {
  padding: 5px; }
  DIV.buttonBar TABLE.customButton {
    float: none;
    display: inline; }

A.button, INPUT[type=button].button, INPUT[type=submit].button {
  display: inline-block;
  text-transform: uppercase;
  padding: 0 15px 0 15px;
  font-size: 12px;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #262626;
  background-image: -moz-linear-gradient(top, #6b6b6b 10px, #262626 12px);
  /* FF3.6 */
  background-image: -ms-linear-gradient(top, #6b6b6b 10px, #262626 12px);
  /* IE10 */
  background-image: -o-linear-gradient(top, #6b6b6b 10px, #262626 12px);
  /* Opera 11.10+ */
  background-image: -webkit-linear-gradient(top, #6b6b6b 10px, #262626 12px);
  /* Chrome 10+, Saf5.1+ */
  background-image: linear-gradient(top, #6b6b6b 10px, #262626 12px);
  line-height: 24px;
  color: white;
  margin-right: 10px;
  text-decoration: none !important; }
  A.button.add, INPUT[type=button].button.add, INPUT[type=submit].button.add {
    padding: 3px 15px 1px 10px;
    white-space: nowrap; }
    A.button.add DIV, INPUT[type=button].button.add DIV, INPUT[type=submit].button.add DIV {
      float: left;
      margin: 5px 5px 0 0;
      display: inline-block;
      background: url(/smart911/images/icons/plus_for_add.png) transparent;
      width: 12px;
      height: 11px;
      color: transparent;
      font-size: 0.001em; }
  A.button.ready, INPUT[type=button].button.ready, INPUT[type=submit].button.ready {
    background-color: #3cac04;
    background-image: -moz-linear-gradient(top, #50c018, #3cac04);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #50c018, #3cac04);
    /* IE10 */
    background-image: -o-linear-gradient(top, #50c018, #3cac04);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #50c018, #3cac04);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #50c018, #3cac04); }
  A.button.blue, INPUT[type=button].button.blue, INPUT[type=submit].button.blue {
    background-color: #0085bc;
    background-image: -moz-linear-gradient(top, #0f94cb, #0085bc);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #0f94cb, #0085bc);
    /* IE10 */
    background-image: -o-linear-gradient(top, #0f94cb, #0085bc);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #0f94cb, #0085bc);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #0f94cb, #0085bc); }
  A.button.passive, INPUT[type=button].button.passive, INPUT[type=submit].button.passive {
    background-color: #9E9E9E;
    background-image: -moz-linear-gradient(top, #C3C3C3, #9E9E9E);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #C3C3C3, #9E9E9E);
    /* IE10 */
    background-image: -o-linear-gradient(top, #C3C3C3, #9E9E9E);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #C3C3C3, #9E9E9E);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #C3C3C3, #9E9E9E); }
  A.button.action, INPUT[type=button].button.action, INPUT[type=submit].button.action {
    background-color: #6d9fe8;
    background-image: -moz-linear-gradient(top, #6d9fe8, #3a6cb5);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #6d9fe8, #3a6cb5);
    /* IE10 */
    background-image: -o-linear-gradient(top, #6d9fe8, #3a6cb5);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #6d9fe8, #3a6cb5);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #6d9fe8, #3a6cb5); }
  A.button.disabled, INPUT[type=button].button.disabled, INPUT[type=submit].button.disabled {
    background-color: #DADADA;
    background-image: -moz-linear-gradient(top, #DADADA, #7E7E7E);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #DADADA, #7E7E7E);
    /* IE10 */
    background-image: -o-linear-gradient(top, #DADADA, #7E7E7E);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #DADADA, #7E7E7E);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #DADADA, #7E7E7E); }
  A.button.orange, INPUT[type=button].button.orange, INPUT[type=submit].button.orange {
    background-color: #f88001;
    background-image: -moz-linear-gradient(top, #fc8a10, #f88001);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #fc8a10, #f88001);
    /* IE10 */
    background-image: -o-linear-gradient(top, #fc8a10, #f88001);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #fc8a10, #f88001);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #fc8a10, #f88001); }
  A.button.warningOrange, INPUT[type=button].button.warningOrange, INPUT[type=submit].button.warningOrange {
    background-color: #fb8141;
    background-image: -moz-linear-gradient(top, #fb8141, #d55b1b);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #fb8141, #d55b1b);
    /* IE10 */
    background-image: -o-linear-gradient(top, #fb8141, #d55b1b);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #fb8141, #d55b1b);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #fb8141, #d55b1b); }
  A.button.lightBlue, INPUT[type=button].button.lightBlue, INPUT[type=submit].button.lightBlue {
    background-color: #0093c2;
    background-image: -moz-linear-gradient(top, #14a7d6, #0093c2);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #14a7d6, #0093c2);
    /* IE10 */
    background-image: -o-linear-gradient(top, #14a7d6, #0093c2);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #14a7d6, #0093c2);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #14a7d6, #0093c2);
    border: 1px solid white; }
  A.button.white, INPUT[type=button].button.white, INPUT[type=submit].button.white {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(top, #ffffff, #ffffff);
    /* FF3.6 */
    background-image: -ms-linear-gradient(top, #ffffff, #ffffff);
    /* IE10 */
    background-image: -o-linear-gradient(top, #ffffff, #ffffff);
    /* Opera 11.10+ */
    background-image: -webkit-linear-gradient(top, #ffffff, #ffffff);
    /* Chrome 10+, Saf5.1+ */
    background-image: linear-gradient(top, #ffffff, #ffffff);
    color: #007ec7;
    border: 1px solid #cccccc; }
  A.button.big, INPUT[type=button].button.big, INPUT[type=submit].button.big {
    font-size: 14px;
    padding-left: 35px;
    padding-right: 35px;
    height: 35px;
    line-height: 35px; }
  A.button.small, INPUT[type=button].button.small, INPUT[type=submit].button.small {
    font-size: 12px;
    line-height: 20px;
    padding: 2px 10px 1px 10px; }
  A.button.smallWIcon, INPUT[type=button].button.smallWIcon, INPUT[type=submit].button.smallWIcon {
    font-size: 12px;
    height: 20px;
    line-height: 20px;
    padding: 0px 5px 0px 20px;
    margin-bottom: 5px;
    position: relative; }
    A.button.smallWIcon IMG, INPUT[type=button].button.smallWIcon IMG, INPUT[type=submit].button.smallWIcon IMG {
      position: absolute;
      left: 3px;
      top: 2px; }
  A.button.plus IMG, INPUT[type=button].button.plus IMG, INPUT[type=submit].button.plus IMG {
    margin-top: -3px; }

TABLE.reportTbl {
  border-collapse: collapse; }
  TABLE.reportTbl TR.spacer TD {
    border: none;
    font-size: 1px; }
  TABLE.reportTbl TH, TABLE.reportTbl TD {
    border: 1px solid #808080;
    padding: 0 5px 0 5px; }
  TABLE.reportTbl TD.number {
    text-align: right; }

LABEL {
  font-weight: bold; }

/*
    First Responder Styles
*/
#firstResponderBody {
  background-color: #a0a0a0;
  font-family: Arial, Verdana;
  padding: none; }

DIV#firstResponderOuterWrapper {
  width: 100%;
  background-color: #a0a0a0;
  padding: 0; }

DIV#firstResponderInnerWrapper {
  width: 600px;
  border: 1px solid black;
  background-color: #ffffff;
  padding: 0; }

DIV#firstResponderInnerWrapper DIV#header {
  padding: 5px 5px 5px 25px;
  margin: 0;
  font-size: 1.2em;
  color: white;
  background-color: #008300; }

IFRAME {
  border: none; }

UL#tickets {
  padding: 0;
  margin: 0;
  border-top: 1px solid gray; }
  UL#tickets LI {
    list-style: none;
    margin: 0;
    line-height: 1.3em;
    font-size: 1.0em;
    text-align: left;
    border-bottom: 1px solid gray;
    padding-left: 5px;
    background-color: #d0d0d0;
    cursor: pointer;
    position: relative; }
    UL#tickets LI.active {
      background-color: #ffffaa; }
    UL#tickets LI A {
      color: black;
      text-decoration: none; }

A.deleteBox {
  position: absolute;
  top: 1px;
  right: 1px;
  border: none;
  color: black; }
  A.deleteBox IMG {
    border: none; }

.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden; }

.clearfix:after {
  clear: both; }

.clearfix {
  zoom: 1; }

DIV.clearMe {
  clear: both;
  font-size: 0.01em;
  height: 1px; }