body {
 margin: 0px;
 overflow: auto;
 background-color: #c3d69b;
 text-align: left;
 font-family: Arial;
 font-size: 12px;
 color: #215968;
}

.body {
}

.menusx
{
margin-left: 15px;
margin-right: 15px;
}

.menusx ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

.maintable {
 display: inline;
 width: 810px;
 height: auto !important;
 min-height: 500px;
 height: 500px;
}

input {
  BACKGROUND-COLOR: #c3d69b;
  text-align: center;
  color: black;
  border: 1px solid gray;
}

input:active {
  BACKGROUND-COLOR: #ffffe0;
}

input:focus {
  BACKGROUND-COLOR: #0099cc;
  text-align: center;
  color: black;
}

input:hover {
  BACKGROUND-COLOR: red;
  text-align: center;
  color: black;
}

.newTableTitleAg {
 background-color: #afcfcf;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #afcfcf;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 padding-left: 4px;
 padding-right: 4px;
}

.myBigTitle {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.myTitle {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 color: #215968;
}

.myTitleSubmit {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #c3d69b;
 color: #215968;
 border: 2px solid #0c353f;
 border-radius: 5px;
 -webkit-border-radius: 5px;
}

.myTitleSubmitBig {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 46px;
 BACKGROUND: #c3d69b;
 color: #215968;
 border: 2px solid #0c353f;
 border-radius: 5px;
 -webkit-border-radius: 5px;
}

.myTitleDark {
 background-color: #dee1f1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #dee1f1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.myTitleSmall {
 background-color: white;
 FONT-WEIGHT: normal;
 FONT-SIZE: 12px;
 BACKGROUND: #FFFFFF;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.myTitleSmallDark {
 background-color: #dee1f1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 12px;
 BACKGROUND: #dee1f1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.myTable {
 BACKGROUND-COLOR: #d5e1ff;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #d5e1ff;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 text-align: center;
 color: black;
 border: 2px solid #444444;
}

.odd {
 background-color: #d6e0c0;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #d6e0c0;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.even {
 background-color: #ebf1de;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #ebf1de;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.footer {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 color: #215968;
}

.myTopTitle {
 background-color: white;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #FFFFFF;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.lowerBigTitle {
 background-color: white;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #FFFFFF;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.lowerInnerTable {
 background-color: white;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #FFFFFF;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.actionTable {
 background-color: white;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #FFFFFF;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.redAction {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 FONT-COLOR: red;
 COLOR: red;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.greenAction {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 FONT-COLOR: green;
 COLOR: green;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.blueAction {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 FONT-COLOR: blue;
 COLOR: blue;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.editTable {
 background-color: white;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #FFFFFF;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newTableTitle {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newTableDesc {
 background-color: #a7ba6d;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #a7ba6d;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newTableDescStatus {
 background-color: #e8fdfd;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #e8fdfd;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newTableDescCallsStatusRed {
 background-color: #e8fdfd;
 FONT-WEIGHT: normal;
 FONT-SIZE: 32px;
 BACKGROUND: red;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newTableDescCallsStatusGreen {
 background-color: #e8fdfd;
 FONT-WEIGHT: normal;
 FONT-SIZE: 32px;
 BACKGROUND: green;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newTableSubmit {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newTable {
 background-color: #c3d69b;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #c3d69b;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newTableNoBold {
 background-color: white;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #FFFFFF;
 TEXT-DECORATION: none;
}

.greenBg {
 background-color: green;
 FONT-WEIGHT: normal;
 FONT-SIZE: 20px;
 COLOR: black;
 FONT-COLOR: black;
 BACKGROUND: green;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.orangeBg {
 background-color: orange;
 FONT-WEIGHT: normal;
 FONT-SIZE: 20px;
 COLOR: black;
 FONT-COLOR: black;
 BACKGROUND: orange;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.redBg {
 background-color: red;
 FONT-WEIGHT: normal;
 FONT-SIZE: 20px;
 FONT-COLOR: white;
 COLOR: white;
 BACKGROUND: red;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.violetBg {
 background-color: violet;
 FONT-WEIGHT: normal;
 FONT-SIZE: 22px;
 COLOR: black;
 FONT-COLOR: black;
 BACKGROUND: violet;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.blackBg {
 background-color: black;
 FONT-WEIGHT: normal;
 FONT-SIZE: 22px;
 COLOR: white;
 FONT-COLOR: white;
 BACKGROUND: black;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.peerTableDesc {
 background-color: #0099cc;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 COLOR: black;
 FONT-COLOR: black;
 BACKGROUND: #0099cc;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.newHugeTitle {
 background-color: white;
 FONT-WEIGHT: normal;
 FONT-SIZE: 22px;
 COLOR: black;
 FONT-COLOR: black;
 BACKGROUND: white;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
}

.tooltip {
position:absolute;
top:0px;
left:0px;
z-index:100;
visibility:hidden;
border: solid 1px #336699;
width:320px;
padding:2px;
background-color:#ddeeff;
opacity: 0.9;
filter: alpha(opacity=90);
font-size: 13px;
}

* legend {
 COLOR: black;
}

.ttsPlayer {
}

.myResCheckboxes {
 BACKGROUND-COLOR: #d5e1ff;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #d5e1ff;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 text-align: center;
 color: black;
 border: 2px solid #444444;
}

.agentInnerTd {
 background-color: #dff1f1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #dff1f1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 3px;
}

.myAgentTable {
 BACKGROUND-COLOR: #d5e1ff;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #d5e1ff;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 text-align: center;
 color: black;
 border: 2px solid #444444;
}

.insNorm {
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 text-align: center;
 color: brown;
}

.agentMenuSxInnerTd {
 BACKGROUND-COLOR: #d5e1ff;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #d5e1ff;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
}

agentStatusChange {
 BACKGROUND-COLOR: white;
 text-align: center;
 color: black;
}

agentStatusChange:hover {
 BACKGROUND-COLOR: red;
 text-align: center;
 color: black;
}

.agentMenuTopOn {
 FONT-WEIGHT: normal;
 FONT-SIZE: 12px;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 text-align: center;
 color: brown;
}

.agentMenuTopOff {
 FONT-WEIGHT: normal;
 FONT-SIZE: 12px;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 text-align: center;
 color: grey;
}

.agentMenuSxInnerTdLarge {
 BACKGROUND-COLOR: #deeaec;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #deeaec;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 3px;
}

.myAgentTableCenter {
 BACKGROUND-COLOR: #d5e1ff;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #d5e1ff;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 text-align: center;
 color: black;
 border: 2px solid #444444;
}

.agentMenuButtomTiny {
 FONT-WEIGHT: normal;
 FONT-SIZE: 10px;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 text-align: center;
 color: grey;
}

.agentTelDigitTd {
 BACKGROUND-COLOR: #e5e1e1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #e5e1e1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 border: 2px solid #444444;
}

.agentTelDigit {
 BACKGROUND-COLOR: #e5e1e1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #e5e1e1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 HEIGHT: 30px;
 WIDTH: 42px;
 border: 0px;
}

.agentTelDigit:active {
 BACKGROUND-COLOR: #15e1e1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #15e1e1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 HEIGHT: 30px;
 WIDTH: 42px;
 border: 0px;
}

.agentTelDigitLarge {
 BACKGROUND-COLOR: #e5e1e1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #e5e1e1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 HEIGHT: 30px;
 WIDTH: 100%;
 border: 0px;
}

.agentTelDigitLarge:active {
 BACKGROUND-COLOR: #15e1e1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #15e1e1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 HEIGHT: 30px;
 WIDTH: 100%;
 border: 0px;
}

.agentTelDigitImage {
 BACKGROUND-COLOR: #e5e1e1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #e5e1e1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 border: 0px;
}

.agentTelDigitImage:active {
 BACKGROUND-COLOR: #15e1e1;
 FONT-WEIGHT: normal;
 FONT-SIZE: 18px;
 BACKGROUND: #15e1e1;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 border: 0px;
}

.agentGuiBlackText {
 color: black;
 display: inline;
}

.agentGuiGreyText {
 color: grey;
 display: inline;
}

.agentGuiRedText {
 color: red;
 display: inline;
}

.agentGuiPhoneRingingNotVisible {
 display: inline;
 visibility: hidden;
}

.agentGuiPhoneRingingVisible {
 display: inline;
 visibility: visible;
}

.agentGuiNewMsgNotVisible {
 display: inline;
 visibility: hidden;
}

.agentGuiNewMsgVisible {
 display: inline;
 visibility: visible;
}

.svMsgLabel {
 FONT-SIZE: 16px;
 display: inline;
 PADDING: 3px;
}

a.agentGuiSvMsgText {
 TEXT-DECORATION: none;
 color: black;
}

a.agentGuiSvMsgText:hover {
 TEXT-DECORATION: none;
 color: grey;
}

a.agentGuiSvMsgText:visited {
 TEXT-DECORATION: none;
 color: black;
}

a.agentGuiSvMsgText:visited:hover {
 TEXT-DECORATION: none;
 color: grey;
}

.procFaqHidden {
 position: absolute;
 top: 5px;
 right: 10px;
 width: 90%;
 z-index: 99;
 BACKGROUND-COLOR: #d5e1ff;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #d5e1ff;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 border: 2px solid gray;
 -moz-box-shadow: 5px 5px 50px #000000;
 -webkit-box-shadow: 5px 5px 50px #000000;
 display: none;
}

.procFaqVisible {
 position: absolute;
 top: 5px;
 right: 10px;
 width: 90%;
 z-index: 99;
 BACKGROUND-COLOR: #d5e1ff;
 FONT-WEIGHT: normal;
 FONT-SIZE: 14px;
 BACKGROUND: #d5e1ff;
 FONT-WEIGHT: bold;
 TEXT-DECORATION: none;
 PADDING: 1px;
 border: 2px solid gray;
 -moz-box-shadow: 5px 5px 50px #000000;
 -webkit-box-shadow: 5px 5px 50px #000000;
 display: inline;
}

a.agentGuiTopMenu {
 TEXT-DECORATION: none;
 FONT-SIZE: 12px;
 color: black;
}

a.agentGuiTopMenu:hover {
 TEXT-DECORATION: none;
 FONT-SIZE: 12px;
 color: grey;
}

a.agentGuiTopMenu:visited {
 TEXT-DECORATION: none;
 FONT-SIZE: 12px;
 color: black;
}

a.agentGuiTopMenu:visited:hover {
 TEXT-DECORATION: none;
 FONT-SIZE: 12px;
 color: grey;
}

a.agentGuiBottomText {
 TEXT-DECORATION: none;
 FONT-SIZE: 14px;
 color: black;
}

a.agentGuiBottomText:hover {
 TEXT-DECORATION: none;
 FONT-SIZE: 14px;
 color: grey;
}

a.agentGuiBottomText:visited {
 TEXT-DECORATION: none;
 FONT-SIZE: 14px;
 color: black;
}

a.agentGuiBottomText:visited:hover {
 TEXT-DECORATION: none;
 FONT-SIZE: 14px;
 color: grey;
}

.agentTableCenterClassVisible {
 display: inline;
 visibility: visible;
}

.agentTableCenterClassHidden {
 position:absolute;
 display: inline;
 visibility: hidden;
}