<STYLE TYPE='text/css'>
<!--

/*
    FYI: The first line of css in this file doesn't appear to load correctly
        when the file is wrapped with the script tag and html comment (Chrome simply ignores it)
    This class is here simply to allow the following other css to work properly.
    When/if this file is unwrapped with the script/comment tags, this class can be removed as well.
*/
.MUST_BE_FIRST_CSS_RULE_TRASH {}

@import './css/snapcount/font-family.css';

.body        { color: #000000; font-size: 10pt ; background: #FFFFFF; }
BODY         { color: #000000; font-size: 10pt ; background: #FFFFFF; }
INPUT        { color: #000000; font-size: 10pt ; font-weight:normal; }
SELECT       { color: #000000; font-size: 10pt ; background: #FFFFFF; }
TEXTAREA     { color: #000000; font-size: 10pt ; background: #FFFFFF; }

.button       { color: #FFFFFF; font-size: 10pt ; padding: 3px 9px 3px 9px ; cursor: pointer; font-weight: 700; background: #6c757d; border-style:outset; border-color:#9999cc; border-width:0px; text-align:center;}
.buttondel {
    color: #FFFFFF !important;
    font-size: 10pt !important;
    padding: 3px 9px 3px 9px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    background: #993333 !important;
    border-style: outset !important;
    border-color: #993333 !important;
    border-width: 0px !important;
    text-align: center !important;
}

.buttonadd {
    color: #FFFFFF !important;
    font-size: 10pt !important;
    padding: 3px 9px 3px 9px !important;
    cursor: pointer !important;
    font-weight: 700 !important;
    background: #76c156 !important;
    border-style: outset !important;
    border-color: #9999cc !important;
    border-width: 0px !important;
    text-align: center !important;
}
.buttonblue   { color: #FFFFFF; font-size: 10pt ; padding: 3px 9px 3px 9px ; cursor: pointer; font-weight: 700; background: #f93;    border-style:outset; border-color:#9999cc; border-width:0px; text-align:center;}
.forgot-pw-text {color:#76c156; font-weight: bold; cursor: pointer;}
.buttonsmallgreen   { color: #76c156; font-size: 12 ; padding: 2px 6px 2px 6px ; cursor: pointer; font-weight: 700; background: #FFFFFF; border-style:outset; border-color:#76c156; border-width:1px; text-align:center;}


.buttoncustom  { color: purple; font-size: 10pt ; font-weight:normal; background: #FFFFFF; border-style:outset; border-color:#000000; border-width:1px; text-align:center; }
.buttondisabled  { color: #808080; font-size: 10pt ; font-weight:normal;  background: #FFFFFF; border-style:ridge; border-color:#808080; border-width:1px; text-align:center; }
.buttonsmall { color: #DD0000; font-size: 8pt ;     font-weight:normal; background: #FFFFFF; border-style:outset; border-color:#000000; border-width:1px; text-align:center;  }
.buttonsmalldisabled { color: #808080; font-size: 8pt ; font-weight:normal; background: #FFFFFF; border-style:ridge; border-color:#808080; border-width:1px; text-align:center; }

.buttongreen { color: #FFFFFF; font-size: 8pt ; font-weight:normal; background: #33AA00; border-color:#000000; border-width:1px; text-align:center;}
.buttonlogout { color: red; font-size: 8pt ; font-weight:normal; background: #FFFFFF; border-color:#808080; border-width:1px; text-align:center;}

.img-review {  background-image: url(/images/searchreplace.gif);  background-repeat: no-repeat; }

HR           { color: #003366;}
BR.pagebreak { page-break-after: always; }

A            { color: #000000; font-size: 10pt; }
A:active     { color: #000000; }
A:visited    { color: #000000; }
A:hover      { color: maroon;  }

.area         { color: #000000 ; font-size: 18pt ; font-weight:bolder; font-style: italic; }
.subarea      { color: #76c156 ; font-size: 14pt ; font-weight:bolder; font-style: italic; }
.subarealabel { color: #000000 ; font-size: 12pt ; font-weight:bolder; font-style: italic; }
.navtitle     { color: #FFFFFF ; font-size: 12pt ; font-weight:bolder; font-style: italic; }

.label       { color: #EE9E00 ; font-size: 9pt ; font-weight: bolder; font-style: normal; }
.menuitem    { color: #FFCF00 ; font-size: 10pt ; font-style: normal; }
.footer      { color: black ; font-size: 9pt ; font-style: italic; }
.footerwhite { color: white ; font-size: 10pt ; font-style: italic; }
.smallwhite  { color: white ; font-size: 10pt ; font-style: normal; font-weight:bolder; }
.text        { color: #EE9E00 ; font-size: 10pt ; font-style: normal; }
.main        { color: #000000; font-size: 10pt ;  font-style: normal; }
.markedoption { background: #FFFF00; }

.oldmenubody {color: #465073; font-size: 10pt; background: #C8D2F5;  font-style: normal; }
.menubody    {color: #465073; font-size: 10pt; background: #f0f0f0;  font-style: normal; }

.nav         {color: #FFFFFF; font-size: 10pt; text-decoration: none; background: #465073;  font-style: normal; background-image: url(images/navbg.gif); }
.navb        {color: #FFFFFF; font-size: 10pt; text-decoration: none; font-style: normal; }
.tnav        {color: #000000 ; font-size: 10pt ; background: #f0f0f0;  font-style: normal; background-image: url(images/navbg.gif); }
.bnav        {color: #000000 ; font-size: 10pt ; background: #f0f0f0;  font-style: normal; background-image: url(images/bnavbg.gif); }


.error       { color: red ; font-size: 10pt ; font-weight: bolder; text-transform: uppercase; font-style: normal; text-align: center; }
.orange      { color: #FFCF00; }
.blue        { color: #003366; }
.ltblue      { color: #D6DFEF; }
.resultsdisp { background: #76c156; color: #FFFFFF; font-size=14pt; font-weight: bolder; padding: 1px 5px 1px 5px }


.table1      { border-color: #f0f0f0; border-width: 1px; solid; border-style: solid;  width: 100%; }
.th1         { color: black ; font-size:11pt ; font-weight: bolder; background: #e6e6e6; font-style: normal; padding:10px 5px;}
.tr1         { color: black ; font-size:10pt ; background: #f0f0f0;  font-style: normal; padding:5px 5px;}
.th2         { color: black ; font-size:10pt ; font-weight: bolder; background: white; font-style: normal; padding:10px 5px;}
.tr2         { color: black ; font-size:10pt ; background: white;  font-style: normal; padding:5px 5px;}
.trhighlight { color: black ; font-size:10pt ; font-weight: bolder; background: #FFFF70;  font-style: normal; }
.trgreen     { color: black ; font-size:10pt ; font-weight: normal; background: lightgreen;  font-style: normal; }
.trgray      { color: black ; font-size:10pt ; font-weight: normal; background: #C0C0C0;  font-style: normal; }
.tryellow    { color: black ; font-size:10pt ; font-weight: normal; background: #FFFFB0;  font-style: normal; }
.trblue      { color: black ; font-size:10pt ; font-weight: normal; background: #ADD8E6;  font-style: normal; }
.trblack     { color: #FFFFFF;font-size:10pt ; font-weight: bolder; background: #000000;  font-style: bolder; }
.trwtrmrk    { color: black ; font-size:10pt ; background: #FFFFFF;  font-style: normal; background-image: url(images/wtrmrk.gif); }

.trphs         { color: black ; font-size: 10pt ; background: #D8DDD8; font-weight: bolder; font-style: normal; }
.trtsk         { color: black ; font-size: 10pt ; background: #FFFFFF;  font-style: normal; }
.tract         { color: black ; font-size: 10pt ; background: #90FF90;  font-style: normal; }


.statusurgent    {color: black ; font-size:10pt ; font-weight: normal; background: red;  font-style: normal; }
.statusgood      {color: black ; font-size:10pt ; font-weight: normal; background: #76c156;  font-style: normal; }
.statusbad       {color: black ; font-size:10pt ; font-weight: normal; background: orange;  font-style: normal; }
.statusclosed    {color: black ; font-size:10pt ; font-weight: normal; background: #C6D0DC;  font-style: normal; }
.statussurvey    {color: black ; font-size:10pt ; font-weight: normal; background: #ffffff;  font-style: normal; }

.trstatusgood { color: black ; font-size: 10pt ; font-weight: normal; background: #76c156;  font-style: normal; }
.trstatusbad  { color: black ; font-size: 10pt ; font-weight: normal; background: #F75D59; font-style: normal; }




.calc        { background-color: #C9C9C9 ; text-align: right; }
.calcgood    { background-color: #C9C9C9 ; text-align: right; background: lightgreen;  font-weight: bolder; }
.calcbad     { background-color: #C9C9C9 ; text-align: right; background: red;  font-weight: bolder;}
.calcedit    { background-color: #FFFFB0 ; text-align: right; }
.calcnumber  {text-align: right; }
.calcEditWhite	{ background-color: #FFFFFF ; text-align: right; }
.calc-qty    { width: 55px; }
.calc-percent{ width: 45px; }
.calc-amount { width: 70px; }
.calc-total  { width: 90px; }

.typeahead   { background-color: lightgreen; color: black;}

.tab1        { color: #000000; font-size: 10pt ; background: #FFFFFF; font-style: normal; }
.tab2        { color: #96A05A ; font-size: 10pt ;  background: #505068; font-style: normal; }
.tabbrd1     { background: #637184; }

.tabBody     {color: black ; font-size: 10pt ; background: #D3D3D0;  font-style: normal; }
.tabActive   {color: black; font-size: 10pt ; font-weight: bolder; }
.tabInactive {color: white; font-size: 10pt ; }

.border1 { background: #808080}
.border2 { background: #e0ded8}
.border3 { background: #808080}

.popup        { background-image: url(images/poptop.gif);  repeat-x; margin: 0px;    }
.popupbot {
    height: 24px;
    background-image: url(images/footer.gif);
    background-repeat: repeat-x;
    padding: 0px;
    text-align: center;
    background-color: #f0f0f0;
    color: #666666;
    font-size: 10px;
    position:absolute;
    bottom:0;
    width: 100%;
}

.lightgrayBackground { background-color: #E8E8E8; }
.grayBackground { background-color: #D0D0D0; }

.successbox, .warningbox, .errormsgbox {

 font-weight:bold;
 border: 1px solid;
 margin: 5px 0px;
 padding:10px 10px 10px 70px;
 background-repeat: no-repeat;
 background-position: 10px center;
 width:500px;

}

.successbox {
 color: #4F8A10;
 background-color:#EDFCED;
 background-image:url('images/checked.gif');
}

.warningbox {
 color: #FF6600;
 background-color:#FAF9C9;
 background-image: url('images/alert.gif');
}

.errormsgbox {
 color: #D8000C;
 background-color:#FDD5CE;
 background-image: url('/images/indicators/Validator-Red.png');
}

/* make sure the element has position: relative */
[data-warning-green] {
  position: relative;
}

/* append the notification badge after it */
[data-warning-green]:after {

  /* the burger */
  content: attr(data-warning-green);

  /* the fries */
  position: relative;
  background: green;
  border-radius: 50%;
  display: inline-block;
  padding: 0.1em;
  color: #f2f2f2;
  left: -8px;
  top: -3px;
  font-size:.8em;
  width:12px;height:14px;
  text-align:center;
  line-height:14px;
  box-shadow:0 0 1px #000;
}



/* make sure the element has position: relative */
[data-warning-red] {
  position: relative;
}

/* append the notification badge after it */
[data-warning-red]:after {

  /* the burger */
  content: attr(data-warning-red);

  /* the fries */
  position: relative;
  background: red;
  border-radius: 50%;
  display: inline-block;
  padding: 0.1em;
  color: #f2f2f2;
  left: -8px;
  top: -3px;
  font-size:.8em;
  width:12px;height:14px;
  text-align:center;
  line-height:14px;
  box-shadow:0 0 1px #000;
}


/* make sure the element has position: relative */
[data-warning-yellow] {
  position: relative;
}

/* append the notification badge after it */
[data-warning-yellow]:before {

  /* the burger */
  content: attr(data-warning-yellow);

  /* the fries */
  position: relative;
  background: yellow;
  border-radius: 50%;
  display: inline-block;
  padding: 0.1em;
  color: #000;
  right: -7px;
  top: -3px;
  font-size:.8em;
  width:12px;height:14px;
  text-align:center;
  line-height:14px;
  box-shadow:0 0 1px #000;

}


/* make sure the element has position: relative */
[data-warning-orange] {
  position: relative;
}

/* append the notification badge after it */
[data-warning-orange]:before {

  /* the burger */
  content: attr(data-warning-orange);

  /* the fries */
  position: relative;
  background: #FF9933;
  border-radius: 50%;
  display: inline-block;
  padding: 0.1em;
  color: #000;
  left: -8px;
  top: -3px;
  font-size:.8em;
  width:12px;height:14px;
  text-align:center;
  line-height:14px;
  box-shadow:0 0 1px #000;
}

SELECT.actionselect  { color: #000000; font-size: 10pt ; background: #D8F6CE}
option.actionhead    { selected:selected; display:none; disabled:disabled;}




-->
</style>

