/* AGENT */
@font-face {
	font-family: 'dejavu sans';
	font-style: normal;
	font-weight: normal;
	src: local('dejavu sans'), url('DejaVuSans.ttf') format('truetype');
    
}

body {
	font-family: 'dejavu sans',verdana,sans-serif;
    text-decoration: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

input:not([type="checkbox"]), textarea {
    border: 1px solid #4B668B;
    height: 18px;
    padding: 2px;
}
input:hover, textarea:hover {
    background-color:#D3D0AB;
    border: 1px solid #4B668B;
}
input:focus, textarea:focus {
    background-color:#B1CBEC;
    border: 1px solid #4B668B;
}

div.scroll_callback {
    height: 300px;
    width: 920px;
    overflow: scroll;
    padding: 2px;
}

div.scroll_list {
    height: 400px;
    width: 140px;
    overflow: scroll;
    padding: 2px;
}

div.text_input {
    overflow: auto;
    font-size: 10px;
    font-family: 'dejavu sans',verdana,sans-serif;
    padding: 2px;
}
div.scroll_script {
    height:325px;
    width:495px;
    background: #FFF5EC;
    overflow: scroll;
    font-size: 12px;
    font-family: 'dejavu sans',verdana,sans-serif;
    padding: 2px;
}

.container {
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	text-align: center;
	
}

.containera {
	margin-right: auto;
	margin-left: auto;
	margin-top: 100px;
	text-align: center;
}

.containera input {
    color: black;
    font-family: 'dejavu sans',verdana,sans-serif;
    font-size: 12px;
    padding: 0px;
}

.containera select {
    color: black;
    font-family: 'dejavu sans',verdana,sans-serif;
    font-size: 10px;
    padding: 0px;
    overflow: auto;
}

.container ab {
	text-decoration: none;
	font-style: oblique;
	color: navy;
}
/* Main background */
.mainpage {
    background-color: #698DBB; /*#698BBA; */
/*     background: -webkit-gradient(linear, right top, center bottom, color-stop(0.0,#89A9D6 ), color-stop(0.4,#698DBB )); */
/*     background: -moz-linear-gradient(top, #89A9D6, #698DBB); */
    border:1px outset #8AB9F5;
    border-radius: 12px 12px 12px 12px;
    box-shadow: rgba(0,0,0,0.6) 1px 1px 18px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}

.curve2 {
	background-repeat:no-repeat;
	background-position:left;
}

.curve3 {
	background-repeat:no-repeat;
	background-position:left;
    border-radius: 0px 0px 12px 12px;
}

.borderright {
	background-repeat:repeat-y;
	background-position:right;
}

.border {
	background-repeat:repeat-y;
}

.bottom {
	background: #4D678A;
    border-radius: 12px 12px 12px 12px;
    box-shadow: rgba(0,0,0,0.8) 1px 1px 20px;
    margin:10px 0 0 105px;
    width:530px;
}

.across-top {
	background-image: URL(images/blank.gif);
	background-repeat:repeat-x;
	background-position:center;
	width: 870px;
}

.across-bottom {
	background-image: URL(images/blank.gif);
	background-repeat:repeat-x;
	background-position:center;
	width: 800px;
	
}

.across {
	background-image: URL(images/down140.png);
	background-repeat:repeat-x;
	width: 870px;
	margin-left: auto;
	margin-right: auto;	
}

.acrosslogin {
/* 	background-image: URL(images/down200.png); */
	background-repeat:repeat-x;
	width: 450px;
	margin-left: auto;
	margin-right: auto;	
}

.acrosslogin2 {
    background-image:-webkit-gradient(linear, center top, left bottom, color-stop(0.0,#82A8DC ), color-stop(0.9,#FFF ));
    background-image:-moz-linear-gradient(top right,#82A8DC, #FFF);
    border-radius: 10px 10px 10px 10px;
    box-shadow: rgba(0,0,0,0.5) 1px 1px 28px;
/*  background-image: URL(images/down240.png); */
/*  background-repeat:repeat-x; */
    width: 505px;
    margin-left: auto;
    margin-right: auto; 
}

.acrossagent {
    background-color: #6C8DBB; /*#698BBA;*/
/*  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0,#82A8DC ), color-stop(0.9,#6987B1 )); */
/*  background-image:-moz-linear-gradient(top, #82A8DC, #FFF); */
/*  background-image: URL(images/down550.png); */
/*      background-repeat:repeat-x;  */
/*      height:760px;  */
    width: 1010px;
    margin-left: auto;
    margin-right: auto; 
    border-radius: 12px 12px 12px 12px;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 18px;
}
.agentmain {
    background-image:-webkit-gradient(linear, top, bottom, color-stop(0.0,#82A8DC ), color-stop(0.9,#DDE));
    background-image:-moz-linear-gradient(top right,#82A8DC, #DDE);
    border-radius: 10px 10px 10px 10px;
/*  box-shadow: rgba(0,0,0,0.5) 1px 1px 19px; */
/*  height:750px; */
    width:980px;
}

.acrossagent a {
	color: #1C4754;
	text-decoration: none;
}
.coveragent {
    background-color: #6C8DBB; /*#698BBA;*/
/*  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.0,#82A8DC ), color-stop(0.9,#6987B1 )); */
/*  background-image:-moz-linear-gradient(top, #82A8DC, #FFF); */
/*  background-image: URL(images/down550.png); */
/*      background-repeat:repeat-x;  */
/*      height:760px;  */
    width: 990px;
    margin-left: auto;
    margin-right: auto; 
    border-radius: 12px 12px 12px 12px;
    box-shadow: rgba(0,0,0,0.3) 1px 1px 18px;
    border:thin inset #9ABFF3;
/*     border-style: outset inset inset outset; */
}
a {
	color: #1C4754;
	text-decoration: none;
}
a:link {
	color: #1C4754;
	text-decoration: none;
}

a:active {
	color: yellow;
	text-decoration: none;
}
a:hover {
	color: white;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}

.rborder {
	border-right: solid 1px grey;
}

.rbborder {
	border-right: solid 1px grey;
	border-bottom: solid 2px grey;
}

.centered {
	text-align: center;
}

.indents {
	margin-left: 5px;
}

.user-company {

}

.topinfoline {
	font-family: 'dejavu sans',verdana,sans-serif;
	font-size: 8pt;
	color: #66CCFF;
}

#clock { 
	color: white;
	padding: 4px;
}

.no-ul a {
	text-decoration: none;
}

.AFMenu {
	color: #1C4754;
	font-size: 10pt;
}

.AFHead {
	color: #0D2999; /*#1C4754; */
	font-size: 12pt;
	font-weight: bold;
}

.results {
	background-color: #E9E8D9;
}

.cal {
	font-weight: bold;
	font-size: 7pt;
	font-family: 'dejavu sans',verdana,sans-serif;
	text-align: center;
	border-color: #000000;
	background-color: #FFFFFF;
}

.calhead1 {
	font-weight: bold;
	font-size: 9pt;
	font-family: 'dejavu sans',verdana,sans-serif;
	text-align: center;
	border-color: #FFFFFF;
	background-color: #FFFFCC;
	color: #000066;
}
.calhead2 {
	font-weight: bold;
	font-size: 9pt;
	font-family: 'dejavu sans',verdana,sans-serif;
	text-align: center;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #000066;
}
.calday {
	font-weight: bold;
	font-size: 7pt;
	font-family: 'dejavu sans',verdana,sans-serif;
	text-align: center;
	border-color: #FFFFFF;
	background-color: #FFFFFF;
	color: #000066;
}
.caldaysel {
	font-weight: bold;
	font-size: 7pt;
	font-family: 'dejavu sans',verdana,sans-serif;
	text-align: center;
	border-color: #FFCCCC;
	background-color: #FFCCCC;
	color: #000066;
}
.caldayold {
	font-weight: bold;
	font-size: 7pt;
	font-family: 'dejavu sans',verdana,sans-serif;
	text-align: center;
	border-color: #FFFFFF;
	background-color: #CCCCCC;
	color: #000066;
}

.footer {

}

.body_text {
	font-size: 10px;
	font-family: 'dejavu sans',verdana,sans-serif;
	border: none;
}

.body_input {
	font-size: 11px;
	font-family: 'dejavu sans',verdana,sans-serif;
	overflow: auto;
}
.body_input_rev {
    background: #6D8CB8;
    color:white;
    font-family: 'dejavu sans',verdana,sans-serif;
    font-size: 11px;
}
.display_field_border {
    background: #6C8DBB;
    border:1px dotted #4B668B;
    color:navy;
    font-size: 11px;
    font-family: 'dejavu sans',verdana,sans-serif;
}
.display_field {
    background: #6D8CB8;
    border:0px;
    color:white;
    font-size: 11px;
    font-family: 'dejavu sans',verdana,sans-serif;
}
.display_field_ro {
    background: #698DBB;
    border:0px;
    color:white;
    font-size: 11px;
    font-family: 'dejavu sans',verdana,sans-serif;
}
.queue_text_red {
	font-size: 12px;
	font-family: 'dejavu sans',verdana,sans-serif;
	font-weight: bold;
	color: red;
}

.queue_text {
	font-size: 12px;
	font-family: 'dejavu sans',verdana,sans-serif;
	color: navy;
}

.body_small {
	font-size: 11px;
	font-family: 'dejavu sans',verdana,sans-serif;
}

.body_tiny {
	font-size: 9px;
	font-family: 'dejavu sans',verdana,sans-serif;
	padding: 0px;
}

.log_text {
	font-size: 11px;
	font-family: monospace;
}

.log_text_red {
	font-size: 11px;
	font-family: monospace;
	font-weight: bold;
	background: #FF3333;
}

.log_title {
    color: white;
	font-size: 13px;
	font-family: monospace;
	font-weight: bold;
}

.sd_text {
	font-size: 16px;
	font-family: 'dejavu sans',verdana,sans-serif;
	font-weight: bold;
}

.sh_text {
	font-size: 14px;
	font-family: 'dejavu sans',verdana,sans-serif;
	font-weight: bold;
}

.sb_text {
	font-size: 12px;
	font-family: 'dejavu sans',verdana,sans-serif;
}

.sk_text {
	font-size: 11px;
	font-family: 'dejavu sans',verdana,sans-serif;
}

.skb_text {
	font-size: 13px;
	font-family: 'dejavu sans',verdana,sans-serif;
	font-weight: bold;
}

.ON_conf {
	font-size: 11px;
	font-family: monospace;
	color: black;
	background: #FFFF99;
}

.OFF_conf {
	font-size: 11px;
	font-family: monospace;
	color: black;
	background: #FFCC77;
}

.cust_form {
	font-family: 'dejavu sans',verdana,sans-serif;
	font-size: 11px;
	overflow: auto;
}

.submit {
    background-color:#B1CBEC;
    border: 1px outset #B1CBEC;
    width:80px;
}
.submit:hover {
    background-color:#BBD7FC;
    border: 1px outset #B1CBEC;
}
.submit:active {
    background-color:#BBD7FC;
    border: 1px inset #B1CBEC;
}
.refresh {
    background-color:#B1CBEC;
    border: 1px outset #B1CBEC;
    margin-left:20px;
    width:150px;
}
.refresh:hover {
    background-color:#BBD7FC;
    border: 1px outset #B1CBEC;
}
.refresh:active {
    background-color:#BBD7FC;
    border: 1px inset #B1CBEC;
}

.containera input {
	color: black;
	font-family: 'dejavu sans',verdana,sans-serif;
	font-size: 12px;
	padding: 0px;
}

.containera select {
	color: black;
	font-family: 'dejavu sans',verdana,sans-serif;
	font-size: 10px;
	padding: 0px;
	overflow: auto;
}

.preview_text {
	font-size: 13px;
	font-family: 'dejavu sans',verdana,sans-serif;
/* 	background: #D0E0E7; */
}

.preview_text_red {
	font-size: 13px;
	font-family: 'dejavu sans',verdana,sans-serif;
	background: #FFCCCC;
}

.script_window {
    background:#435A78; /* #ACC4FF; */
    border: 2px solid #56749A;
    border-style: inset inset inset solid;
    color:white; /* #13224A; */
}
.scriptbutton {
/*  background-color: #82A8DC; */
    height: 20;
    width: 70;
    text-align:center;
/*  margin: 0 0 -5px 25px; */
/*  -moz-border-radius: 8px; */
/*  -webkit-border-radius: 8px; */
/*  -khtml-border-radius: 8px; */
/*  border-radius: 8px 8px 0px 0px; */
/*  border:thin solid #E2EBEE; */
/*  border-style: inset inset double inset; */
}   
.scriptbutton_select {
    height: 20;
    width: 100;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px 8px 0px 0px;
    border:thin solid #E2EBEE;
    border-style: outset groove none outset;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 12px;
}

.muted_off {
/*  background-color: #82A8DC; */
    height: 20;
    width: 70;
/*  color: white; */
/*  text-align:center; */
/*  margin: 0 0 -5px 25px; */
/*  -moz-border-radius: 8px; */
/*  -webkit-border-radius: 8px; */
/*  -khtml-border-radius: 8px; */
/*  border-radius: 8px 8px 0px 0px; */
/*  border:thin solid #E2EBEE; */
/*  border-style: inset inset double inset; */
    
}
.muted_on {
/*  background-color: #82A8DC; */
    height: 20;
    width: 70;
    color: red;
    text-align:center;
    text-decoration: blink;
    text-shadow: rgba(0,0,0,0.7) 0px 0px 8px;
    font-size:26pt;
    font-weight: bold;
/*  margin: 0 0 -5px 25px; */
/*  -moz-border-radius: 8px; */
/*  -webkit-border-radius: 8px; */
/*  -khtml-border-radius: 8px; */
/*  border-radius: 8px 8px 0px 0px; */
/*  border:thin solid #E2EBEE; */
/*  border-style: inset inset double inset; */
    
}
.login_again_bg {
    background: #5676B1; /* #5884DC; */
    height:760px;
    width:1000px;
}
.login_again {
    font-size:20pt;
    font-weight: bold;
    text-decoration: none;
    background-position:center;
    background-image:-webkit-gradient(linear, top, bottom, color-stop(0.0,#82A8DC ), color-stop(0.9,#DDE));
    background-image:-moz-linear-gradient(top right,#82A8DC, #DDE);
    border-radius: 8px 8px 8px 8px;
    border:thin solid #E2EBEE;
    border-style: outset groove none outset;
    box-shadow: rgba(0,0,0,0.5) 0px 0px 12px;
    margin: 250px 0 0 0;
    height:200px;
    width:500px;
}
.login_again_bg2 {
    background: #5676B1; /* #5884DC; */
    height:600px;
    width:1000px;
}
.login_again2 {
    font-size:20pt;
    font-weight: bold;
    text-decoration: none;
    background-position:center;
/*     background-image:-webkit-gradient(linear, top, bottom, color-stop(0.0,#82A8DC ), color-stop(0.9,#DDE)); */
/*     background-image:-moz-linear-gradient(top right,#82A8DC, #FFF); */
    border-radius: 12px 12px 12px 12px;
    border:thin solid #E2EBEE;
    border-style: outset groove none outset;
    box-shadow: rgba(0,0,0,0.7) 1px 1px 12px;
    margin: 10px 0 0 10px;
    height:600px;
    width:998px;
}
.login_again a:link {
    color: #82A8DC;
    text-shadow: rgba(0,0,0,0.7) 0px 0px 1px;
}
.logout a {
    color:#BB2222;
    font-size:9pt;
    font-weight:bold;
    text-shadow: rgba(0,0,0,.4) 1px 1px 2px;
}
.logout a:hover {
    color:#FF0000;
    font-size:9pt;
    font-weight:bold;
    text-shadow: rgba(0,0,0,.2) 1px 1px 1px;
}
.livacall {
    color: #F90;
    font-size:9pt;
    font-weight:bold;
    text-shadow: rgba(1,1,3,0.8) 1px 1px 1px;
}

.homepagelogo {
    /*margin-left:30px;
    margin-top:0px;*/
}
.homepagever {
    color: #F60;
    font-size: 28pt;
    /*margin:0px 40px 25px 0px;*/
    text-shadow: rgba(0,0,0,.4) 3px 3px 10px;
}
.ver3 {
    text-shadow: rgba(0,0,0,.6) 1px 1px 1px;
}
.homepage {
    text-align: center;
    text-decoration: none;
    font-size: 18pt;
    color: #D4A322;
}
.homepage a {
    color: #D4A322;
    
}
.homepage a:link {
    color: #D4A322;
    text-shadow: rgba(0,0,0,1) 1px 3px 3px;
    
}
.homepage a:hover {
    color: #F90;
    text-shadow: rgba(0,0,0,1) 1px 0px 1px;
/*     text-shadow: none; */
    position:relative;
    top: 3px;
}
.homepage a:active {
    color: #FFF;
    text-shadow: rgba(0,0,0,1) 0px 1px 1px;
/*     text-shadow: none; */
    position:relative;
    top: 3px;
}
.login_again a:hover {
    color: #0007D4;
    text-decoration: none;
    text-shadow:none; /* rgba(0,0,0,0.4) 1px 1px 1px;*/
    top: 3px;
}
.loginagainBox {
    background:#59779E;
    border-radius: 20px 20px 20px 20px;
    border:2px outset #CCCCCC;   /*#D4A322; /* #D68604; #D4A322;*/
    box-shadow: rgba(0,0,0,0.4) 3px 3px 18px 4px;
    padding: 40px 60px 40px 60px;
    /*height:85px;
    width:200px;*/
}
.LoginAgainHeader {
    color:#D68604; /*#62799A;*/
    margin-bottom:20px;
    text-shadow: rgba(0,0,0,0.4) 1px 1px 1px;
}
.sidetab {
    background: -webkit-linear-gradient(bottom, #86A6D3, #AACBFA);
    background: -moz-linear-gradient(bottom, #86A6D3, #AACBFA);
    box-shadow: rgba(0,0,0,0.2) 2px -4px 6px 1px;
/*     padding: 1px; */
}

#AddtlFormTab, #AddtlFormTabExpandedCancel {
    -webkit-transform: rotate(90deg);
    -moz-transform:  rotate(90deg);
    font-size: 7pt;
    color: #0D2999;
    border-radius: 6px 6px 0px 0px;
    padding-top:1px;
    padding-left: 2px;
    padding-right: 5px;
    background-color: #6C8DBB;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #8AB9F5;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #8AB9F5;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #8AB9F5;
}
#XAddtlFormTabExpandedCancel {
    -webkit-transform: rotate(90deg);
    -moz-transform:  rotate(90deg);
    font-size: 7pt;
    color: #0D2999;
    border-radius: 6px 6px 0px 0px;
    padding-top:1px;
    padding-left: 2px;
    padding-right: 5px;
    background-color: #6C8DBB;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #8AB9F5;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #8AB9F5;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #8AB9F5;
}
#AddtlFormTabExpanded {
    border-radius: 6px 0px 0px 6px;
/*     background: -webkit-linear-gradient(top, #6C8DBB, #5C7DAB); */
    background: -webkit-linear-gradient(top, rgb(128, 162, 209), rgb(154, 186, 231));
    background: -moz-linear-gradient(top, #80A2D1, #9ABAE7);
    /*border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #000;
    border-left-width: 1px;
    border-left-style: solid;
    border-left-color: #000;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #000;*/
    border: 1px outset rgb(173, 196, 255);
}
#AddtlFormTabExpandedTop {
    font-size: 8pt;
    color: #0D2999;
    text-align: center;
    padding: 2px;
}
.AddtlFormTabExpandedItem {
}
.AddtlFormTabExpandedButton {
    text-align: center;
    color: #0D2999;
    font-size: 10pt;
/*     background: -webkit-linear-gradient(top, #5C7DAB, #6C8DBB); */
    background: -webkit-linear-gradient(top, rgb(157, 198, 255), rgb(96, 127, 172));
    background: -moz-linear-gradient(top,#9DC6FF, #607FAC);
    margin: 5px;
    padding: 6px;
}
.AddtlFormTabExpandedButtonOver {
    text-align: center;
    color: white;
    cursor:pointer;
    font-size: 10pt;
/*     background: -webkit-linear-gradient(top, #7C9DCB, #6C8DBB); */
    background: -webkit-linear-gradient(top, rgb(96, 127, 172), rgb(157, 198, 255));
    background: -moz-linear-gradient(top,#607FAC, #9DC6FF);
    margin: 5px;
    padding: 6px;
}
.AddtlFormTabExpandedButtonSelect {
    text-align: center;
    color: #0D2999;
    cursor:pointer;
    font-size: 10pt;
    background: -webkit-linear-gradient(top, #7C9DCB, #7C9DCB);
    background: -moz-linear-gradient(top, #7C9DCB, #7C9DCB);
    margin: 5px;
    padding: 6px;
}
.AgentPanel {
    z-index: 8;
    margin-top:5px;
    font-family: 'dejavu sans',verdana,sans-serif;
    font-weight: bold;
    font-size: 9pt;
    text-align: center;
    display: inline-block;
    color: #5A5A5A;
    border-radius: 10px 10px 0px 0px;
    width: 90px;
    background: -webkit-linear-gradient(top, #5C7DAB, #A3B7D3);
    background: -moz-linear-gradient(top,#5C7DAB,#A3B7D3);
    border-top: 0px solid #000;
    border-right: 0px solid #000;
    border-left: 0px solid #000;
    box-shadow: rgba(0,0,0,0.4) -1px -1px 4px;
}
.AgentPanelSelect {
    z-index: 9;
    margin-top:5px;
    font-family: 'dejavu sans',verdana,sans-serif;
    font-weight: bold;
    font-size: 10pt;
    text-align: center;
    display: inline-block;
    color: #FFF;
    border-radius: 10px 10px 0px 0px;
    width: 90px;
    background: -webkit-linear-gradient(top, #C3D3E8, #698DBB);
    background: -moz-linear-gradient(top, #C3D3E8, #698DBB);
    border-top: 0px solid #000;
    border-right: 0px solid #000;
    border-left: 0px solid #000;
    -moz-box-shadow: -0px -2px 4px 1px #999;
    -webkit-box-shadow: -0px -2px 4px 1px #999;
    box-shadow: -0px -2px 4px 1px #999;
}
.hotkeyoff {      
    display: inline-block;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border:thin solid #57759B;
    -webkit-box-shadow:
    0 4px 0 #435A77,
    0 5px 10px rgba(0,0,0,.35);
    -moz-box-shadow:
    0 4px 0 #435A77,
    0 5px 10px rgba(0,0,0,.35);
    box-shadow:
    0 4px 0 #435A77,
    0 5px 10px rgba(0,0,0,.35);
    padding: 6px;
    -webkit-transition: -webkit-box-shadow .1s ease-in-out;
    -moz-transition: -moz-box-shadow .1s ease-in-out;
    -o-transition: -o-box-shadow .1s ease-in-out;
    transition: box-shadow .1s ease-in-out;
}
.hotkeyon { 
    display: inline-block;
    background: #759ED1;
    border:thin solid #7E96AC;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-box-shadow:
    0 1px 0 #435A77,
    0 2px 5px rgba(0,0,0,.35);
    -moz-box-shadow:
    0 1px 0 #435A77,
    0 2px 5px rgba(0,0,0,.35);
    box-shadow:
    0 1px 0 #435A77,
    0 2px 5px rgba(0,0,0,.35);
    color:white;
    text-shadow: 0 -1px 1px rgba(19,65,88,.8);
    padding: 6px;
}
.hotkeywindow {
    background: #759ED1;
    border-radius: 9px 9px 9px 9px;
    box-shadow: rgba(0,0,0,0.4) 2px 2px 4px 2px;
}
.PauseButtonOff, .ResumeButtonOff {
    background: #B5B4B4; /* Gray */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#989797;
    padding:0px 17px 0px 17px;
    height:12px;
    width:70px;
}
.PauseButton, .ResumeButton {
/*     background: #BFE0B7; /* Green */ 
    background: -webkit-linear-gradient(top, #BFE0B7, #DAFFD1);
    background: -moz-linear-gradient(top, #BFE0B7, #DAFFD1);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:0px 17px 0px 17px;
    height:12px;
    width:70px;
}
.DialNextButtonOff {
    background: #B5B4B4; /* Gray */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:0px 18px 0px 18px;
    height:12px;
    width:140px;
}
.DialNextButton {
    background: #BFE0B7; /* Green */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:0px 18px 0px 18px;
    height:12px;
    width:140px;
}
.RecordingButton {
    background: #B5B4B4; /* Yellow */
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    color:#000;
    padding:0px 32px 0px 32px;
    height:12px;
    width:140px;
}
.RecordingButtonStart {
    background: #B5B4B4; /* Yellow */
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    color:#000;
/*     padding:0px 12px 0px 12px; */
    height:12px;
    width:140px;
}
.RecordingButtonStop {
    background: #E8E5C0; /* Orange */
    background: -webkit-linear-gradient(top, #E8E5C0, #FFC1C1);
    background: -moz-linear-gradient(top, #E8E5C0, #FFC1C1);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
/*     padding:0px 13px 0px 13px; */
    height:12px;
    width:140px;
}
.RecordingButtonStartOff {
    background: #B5B4B4; /* Gray */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
/*     padding:0px 12px 0px 12px; */
    height:12px;
    width:140px;
}
.RecordingButtonStopOff {
    background: #B5B4B4; /* Gray */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
/*     padding:0px 13px 0px 13px; */
    height:12px;
    width:140px;
}
.HangupButtonOff {
    background: #B5B4B4; /* Gray */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    padding:0px 25px 0px 25px;
    color:#6F6E6E;
    height:12px;
    width:140px;
}
.HangupButton {
    background: -webkit-linear-gradient(top, #B65050, #FF7070); /* Orange */
    background: -moz-linear-gradient(top, #B65050, #FF7070);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    padding:0px 25px 0px 25px;
    color:#000;
    height:12px;
    width:140px;
}
.WebFormButton {
/*     background: #B5B4B4; /* Yellow */ 
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:0px 32px 0px 32px;
    height:12px;
    width:140px;
}
.WebFormButtonOff {
    background: #B5B4B4; /* Gray */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:0px 32px 0px 32px;
    height:12px;
    width:140px;
}
.ParkButton {
/*     background: #B5B4B4; /* Yellow */ 
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:0px 39px 0px 39px;
    height:12px;
    width:140px;
}
.ParkButtonOff {
    background: #B5B4B4; /* Gray */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:0px 39px 0px 39px;
    height:12px;
    width:140px;
}
.XferButton {
/*     background: #B5B4B4; /* Yellow */ 
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:0px 8px 0px 8px;
    height:12px;
    width:140px;
}
.XferButtonOff {
    background: #B5B4B4; /* Gray */
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:0px 8px 0px 8px;
    height:12px;
    width:140px;
}
.XferLocalCloserButton {
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:1px 37px 1px 37px;
    font-size:11px;
}
.XferLocalCloserButtonOff {
    background: #B5B4B4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:1px 37px 1px 37px;
    font-size:11px;
}
.XferLeave3wayButton {
    background: -webkit-linear-gradient(top, #A0D19C, #D3FFD8);
    background: -moz-linear-gradient(top, #A0D19C, #D3FFD8);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:1px 26px 1px 26px;
    font-size:11px;
}
.XferLeave3wayButtonOff {
    background: #B5B4B4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:1px 26px 1px 26px;
    font-size:11px;
}
.XferBlindDialButton {
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:1px 19px 1px 19px;
    font-size:11px;
}
.XferBlindDialButtonOff {
    background: #B5B4B4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:1px 19px 1px 19px;
    font-size:11px;
}
.XferParkDialButton {
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:1px 17px 1px 17px;
    font-size:11px;
}
.XferParkDialButtonOff {
    background: #B5B4B4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:1px 17px 1px 17px;
    font-size:11px;
}
.XferDialButton {
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:1px 18px 1px 18px;
    font-size:11px;
}
.XferDialButtonOff {
    background: #B5B4B4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#6F6E6E;
    padding:1px 18px 1px 18px;
    font-size:11px;
}
.XferHangupBothButtonOff {
    background: #B5B4B4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    padding:1px 19px 1px 19px;
    color:#6F6E6E;
    font-size:11px;
}
.XferHangupBothButton {
    background: -webkit-linear-gradient(top, #B65050, #FF7070);
    background: -moz-linear-gradient(top, #B65050, #FF7070);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    padding:1px 19px 1px 19px;
    color:#000;
    font-size:11px;
}
.XferHangupButtonOff {
    background: #B5B4B4;
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    padding:1px 21px 1px 21px;
    color:#6F6E6E;
    font-size:11px;
}
.XferHangupButton {
    background: -webkit-linear-gradient(top, #B65050, #FF7070);
    background: -moz-linear-gradient(top, #B65050, #FF7070);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    padding:1px 21px 1px 21px;
    color:#000;
    font-size:11px;
}
.ReloadDataButton {
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3);
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    color:#000;
    padding:0px 5px 0px 5px;
    height:16px;
    width:140px;
}
.SendDTMF {
    background: -webkit-linear-gradient(top, #E8E5C0, #FFFCD3); /* Yellow */
    background: -moz-linear-gradient(top, #E8E5C0, #FFFCD3);
    border-radius: 5px 5px 5px 5px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    padding:2px 5px 2px 5px;
    color:#000;
    height:12px;
    width:40px;
}
.CBOptions {
    background: #EFEDF0;
    background: -webkit-linear-gradient(top, #EFEDF0, #8E8991);
    background: -moz-linear-gradient(top, #EFEDF0, #8E8991);
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    color:#000;
    height:14px;
    width:120px;
    text-align: left;
    display: inline-block;
}
.DTMFnumbers {
    background-image:-webkit-gradient(linear, top, bottom, color-stop(0.0,#E9E9E9 ), color-stop(0.5,#C5C5C5));
    background-image:-moz-linear-gradient(top, #E9E9E9, #C5C5C5);
    border-radius: 10px 10px 10px 10px;
    box-shadow: rgba(0,0,0,0.2) 0px 0px 1px 1px;
    font-size:7pt;
    padding: 2px;
    width:20px;
}
.DTMFletters {
    font-size: 4pt;
}

.font1 { font-family: 'dejavu sans',verdana,sans-serif; font-size: 7pt; }
.font2 { font-family: 'dejavu sans',verdana,sans-serif; font-size: 9pt; }
.font3 { font-family: 'dejavu sans',verdana,sans-serif; font-size: 11pt; }
.font4 { font-family: 'dejavu sans',verdana,sans-serif; font-size: 13pt; }
.font5 { font-family: 'dejavu sans',verdana,sans-serif; font-size: 17pt; }
.font6 { font-family: 'dejavu sans',verdana,sans-serif; font-size: 23pt; }
.font7 { font-family: 'dejavu sans',verdana,sans-serif; font-size: 35pt; }
.table_title { font-weight: bold; color: #0D2999; }

.hotkeyitem:hover { color:yellow; cursor:pointer; }

#XfeRGrouP { width: 225px; overflow: hidden; }