@import url(//fonts.googleapis.com/css?family=Open+Sans:400,600,700);

/* begin general classes for simple formatting */
.small { font-size: 0.95em; }
.tiny { font-size: 0.85em; }
.floatLeft { float: left; }
.floatRight { float: right; }
.marginTop { margin-top: 10px; }
.marginBigTop { margin-top: 20px; }
.marginBottom { margin-bottom: 10px; }
.marginBigBottom { margin-bottom: 20px; }
.marginLeft { margin-left: 10px; }
.marginBigLeft { margin-left: 20px; }
.paddingTop { padding-top: 5px; }
.paddingBottom { padding-bottom: 5px; }
.center { text-align: center; }
.bold { font-weight: bold; }
.nobold { font-weight: normal; }
.italic { font-style: italic; }
.underline { text-decoration: underline; }
.clear-both { clear: both; }
.grey { color: #999999; }
.blue { color: #143351; }
.green { color: #669900; }
.red { color: #CC0000; }
.success { color: #669900; }
.noscroll{ overflow: hidden; }
.clearfix:after{
    display: block;
    clear: both;
    content: ' ';
    font-size: 0;
    height: 0;
}
/* end general classes for simple formatting */

body {
 font: 14px 'Open Sans', sans-serif;
 color: #666;
 margin: 0;
 background: #fff;
}
a:link {color:#5499b3; text-decoration: none; }
a:visited {color:#336699; text-decoration: none; }
a:hover {color:#40768a; text-decoration: underline; }
/*h1 {font-size: 32px; color: #1f344a; margin-top: 0; margin-bottom: 15px; text-shadow: 1px 2px 0 rgba(255, 255, 255, 0.75);}*/
h1 { font-size: 32px; color: #333333; margin-top: 0; margin-bottom: 15px; }
h2 { font-size: 23px; color: #000; margin-top: 0; margin-bottom: 10px; font-weight: 600;}
/*h3 {font-size: 18px; color: #666666; margin-top: 0; margin-bottom: 10px;font-weight: normal;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);font-weight: 600;}*/
h3 { font-size: 18px; color: #777777; margin-top: 0; margin-bottom: 10px; font-weight: normal; font-family: 'Open Sans Semibold', 'OpenSans-Semibold', 'Open Sans', sans-serif; }
h4 { font-size: 14px; margin-top: 5px; margin-bottom: 5px;}
h6 { color:#31669c; font-size: 15px; margin: 0;}
p { line-height: 1.5em; font-size: 1em;}
form {margin: 0px; padding: 0px;}
#vo-page .clear, .clear { clear:both; height:1px; font-size:1px; line-height:1px; 
}

/* ------ basket override ------ */
form[name="basket_form"] div[id="basket_container"] {
 border: none !important;
 border-radius: 0 !important;
 box-shadow: none !important;
 margin-bottom: 0 !important;
 padding: 5px 10px 20px !important;
 font-family:  'Open Sans', sans-serif !important;
 color: #666666 !important;
}
form[name="basket_form"] div[id="basket_container"] li, 
form[name="basket_form"] div[id="basket_container"] table, 
form[name="basket_form"] div[id="basket_container"] th, 
form[name="basket_form"] div[id="basket_container"] td, 
form[name="basket_form"] div[id="basket_container"] form {
 font-family:  'Open Sans', sans-serif !important;
 color: #666666 !important;
}
#basket_container th {
 text-align: left;
 padding: 6px;
}
.templateWelcome {
     color: #fff;
}
caption {
 font-size: 32px;
 color: #333333; 
 font-weight: bold;
 text-align: left;
 margin-top: 0;
 margin-bottom: 10px;
 text-transform: capitalize;
}
form[name="basket_form"] input[name="empty"], 
form[name="basket_form"] input[name="remove"] {
 background-color: #fff  !important;
  background-image: none  !important;
  text-transform: capitalize !important;
 color: #333 !important;
 text-decoration: none !important;
 padding: 5px 10px !important;
 border: 1px solid #dedede !important;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 -moz-box-shadow: inset 10px 10px #f0f0f0 !important;
 -webkit-box-shadow: inset -5px -3px 5px #f0f0f0 !important;
 box-shadow: inset -4px -4px 3px 0 #f0f0f0 !important;
 font: bold 13px Arial, Helvetica, sans-serif !important;
 white-space: nowrap;
 text-shadow: none !important;
 -moz-text-shadow: none !important;
 -webkit-text-shadow: none !important;
}
form[name="basket_form"] input[name="empty"]:hover, 
form[name="basket_form"] input[name="remove"]:hover {
 cursor: pointer;
 color: #000 !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #ccc !important;
 -webkit-box-shadow: inset -4px -4px 3px 0 #ccc !important;
 box-shadow: inset -4px -4px 3px 0 #ccc !important;
}
form[name="basket_form"] table {
 border-bottom: 1px solid lightgray !important;
}
form[name="basket_form"] input[name="proceed"] {
 background-color: #FF9900 !important;
 background-image: none !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #D98200 !important;
 -webkit-box-shadow: inset -4px -4px 3px 0 #D98200 !important;
 box-shadow: inset -4px -4px 3px 0 #D98200 !important;
 border: 1px solid #dedede!important;
 border-radius: 7px !important;
 -webkit-border-radius: 7px !important;
 -moz-border-radius: 7px !important;
 color: #FFFFFF;
 float: right;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14px!important;
 height: auto!important;
 margin: 0 !important;
 padding: 5px 10px!important;
 text-decoration: none;
 text-transform: capitalize !important;
 width: auto!important;
 font-weight: bold;
}
form[name="basket_form"] input[name="proceed"]:hover {
 width: auto !important;
 height: auto !important;
 border: 1px solid #dedede !important;
 font-family:Arial, Helvetica, sans-serif;
 color: #FFFFFF;
 text-transform: capitalize !important;
 padding: 5px 10px!important;
 font-size: 14px!important;
 text-decoration:none;
 margin: 0 !important;
 -moz-box-shadow: inset -4px -4px 3px 0 #cc6600 !important;
 -webkit-box-shadow: inset -4px -4px 3px 0 #cc6600 !important;
 box-shadow: inset -4px -4px 3px 0 #cc6600 !important;
 float: right;
 background: #cc6600 !important;
 border-radius: 7px !important;
 -webkit-border-radius: 7px !important;
 -moz-border-radius: 7px !important;
 cursor:pointer;
}


#account-bar {
 color: #fff;
 background: #252525;
 /*background: #0a223b;*/
 /*background: linear-gradient(to bottom, #143351 0%, #0a223b 100%) repeat scroll 0 0 transparent;*/
 position: relative;
 padding: 2px 0px 3px 0px;
}
#account-bar a:link {color:#fff; text-decoration: none; }
#account-bar a:visited {color:#fff; text-decoration: none; }
#account-bar a:hover {color:#ccc; text-decoration: underline; }

#nav-back {
 background: #F0F0F0;
 /*background: linear-gradient(to bottom, #FFFFFF 0%, #EDEDED 100%) repeat scroll 0 0 transparent;*/
 border-top: 1px solid #CCCCCC;
 border-bottom: 1px solid #CCCCCC;
 position: relative;
 margin-bottom: 20px;
 padding-top: 10px;
 height: 80px;
 z-index: 1000; /* for ie7 nav dropdowns */
}
#phonecom-body {
 width: 980px;
 margin:0 auto;
 padding: 0 0 30px 0;
}
/* ------ control panel nav ------ */
#main_header {
 position: relative;
 margin-bottom: 25px;
 margin: 0 auto; 
 width: 980px;
}
.header_logo {
 float: left;
 width: 140px;
 height:65px;
 margin-top: 15px;
}
.header_content {
 float: left;
 width: 840px;
 font-weight:normal;
 margin-top: 0px;
}
.basket-table td{
 padding: 3px;
 font-size: 12px;
}
.header_nav {
 float: left;
 font-size: 15px;
 padding-top: 20px;
 width: 840px;
}
.admin-round-content {
 background: #fff;
 padding: 3px 15px;
 display: block;
}
#support_links_div {
 display: none;
 width: 280px;
 z-index: 99;
 position:absolute;
 right: 0;
 top: 38px;
}
.admin-round-content:hover {
 background-color: #f5f5f5;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
}
.sub_nav_container{ 
 visibility: hidden;
 background: url(/images/pc/subnav_tip.png) no-repeat center bottom;
 padding-top: 17px;
 left: 0px;
 -webkit-transition: all 0.1s ease-in-out 0s;
 -moz-transition: all 0.1s ease-in-out 0s;
 -o-transition: all 0.1s ease-in-out 0s;
 transition: all 0.1s ease-in-out 0s;
}
.nav_toggle span{ 
 cursor: pointer;
}
.nav_toggle:hover span{ 
 color: #333;
 text-shadow: 2px 2px 3px rgba(102, 102, 102, .25), -2px -2px 3px rgba(102, 102, 102, .25);
}
.nav_toggle:hover .sub_nav_container{
 visibility: visible;
 -webkit-transition: all 0.7s ease-in-out 0s;
 -moz-transition: all 0.7s ease-in-out 0s;
 -o-transition: all 0.7s ease-in-out 0s;
 transition: all 0.7s ease-in-out 0s;
}
.nav_toggle:hover .sub_nav_box{
 visibility: visible;
 opacity: 1;
 z-index: 99;
 -webkit-transition: all 0.1s ease-in-out 0s;
 -moz-transition: all 0.1s ease-in-out 0s;
 -o-transition: all 0.1s ease-in-out 0s;
 transition: all 0.1s ease-in-out 0s;
}
.nav_toggle span.current{ 
 color: #666666;
 text-shadow: 2px 2px 3px rgba(255, 255, 255, .85), -2px -2px 3px rgba(255, 255, 255, .85);
 font-weight:bold;
}
.main_nav_item {
 float:left;
 color: #333;
 padding: 0px 20px;
}
.sub_nav_box{
 -webkit-transition: all 0.5s ease-in-out 0s;
 -moz-transition: all 0.5s ease-in-out 0s;
 -o-transition: all 0.5s ease-in-out 0s;
 transition: all 0.5s ease-in-out 0s;
 visibility: hidden;
 opacity: 0;
 width: 930px;
 z-index: 0;
 position:absolute;
 margin-top: 0px;
 padding: 25px;
 background: #fff;
 background: -moz-linear-gradient(center top , #FFFFFF, #f7f7f7) repeat scroll 0 0 transparent;
 border: 1px solid #dedede;
 border-top: none;
 border-radius: 0px 0px 10px 10px;
 -webkit-border-radius:  0px 0px 7px 7px;
 -moz-border-radius: 0px 0px 7px 7px;
 text-align: left;
 -moz-box-shadow:0px 3px 8px 0 rgba(0,0,0,.30);
 -webkit-box-shadow:0px 3px 8px 0 rgba(0,0,0,.30);
 box-shadow:0px 3px 8px 0 rgba(0,0,0,.30);
 font-size: 13px;
 left: 0px;
}
.sub_nav_box ul {
 width: 210px;
 float: left;
 margin: 0 30px 0 0;
 padding: 0;
}
.sub_nav_box ul.end {
 margin-right: 0px;
}
.sub_nav_box ul li {
 list-style-type: none;
 padding: 0;
 margin: 0;
}
.sub_nav_box ul li a {
 display: block;
 color: #666666;
 text-decoration: none;
 padding: 3px 0 3px 5px;
}
.sub_nav_box ul li a:hover {
 color: #000;
 background-color: #f0f0f0;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
}

/* ------ trial nag bar ------ */
#global-nag-bar-wrapper {
 background: #669900;
 background: linear-gradient(to bottom, #99cc00 0%, #669900 90%) repeat scroll 0 0 transparent;
 padding: 5px 0 10px 0;
 margin-top: -20px;
 margin-bottom: 20px;
}
#global-nag-bar-wrapper-expired {
 background: #660000;
 background: linear-gradient(to bottom, #660000 0%, #330000 90%) repeat scroll 0 0 transparent;
 padding: 5px 0 10px 0;
 margin-top: -20px;
 margin-bottom: 20px;
}
#global-nag-bar-wrapper-cc-signup {
 background: #444444;
 padding: 5px 0 10px 0;
 margin-top: -20px;
 margin-bottom: 20px;
}
#global-nag-bar {
 color: #FFFFFF;
 width: 980px;
 margin: 0 auto 5px;
 clear: both;
 padding-bottom: 10px;
}
#global-nag-bar a { color: #C6FA26; }
#global-nag-bar .account-type { float: left; }
#global-nag-bar .usage { float: right; }
#global-nag-bar .cc_signup {
    float: right;
    font-size: 1.1em;
}
#global-nag-bar .usage-active { float: right; }
#global-nag-bar .call-to-action {
    float: right;
    margin-left: 20px;
}
/*#global-nag-bar .cc_signup .mins_remaining { color: #B70000; }*/
#global-nag-bar .cc_signup .mins_remaining { color: #F8644B; }
#global-nag-bar .call-to-action a.signup-login { line-height: 175%; }

#trial-nag-bar {
    display: none;
    position: fixed;
    top: 0;
    z-index: 5000;
    width: 100%;
    height: 40px;
    background-color: #999999;
}


/* ------ cc_signup_dialog styles ----- */

#cc_signup_dialog_cont {
    width:400px;
    max-height:300px;
}

#cc_signup_buttons {
  padding-top:10px;
  padding-right:10px;
    float: right;
    width:180px;
    height:300px; 
}

#cc_signup_prompt {
  font-size: 1.1em;
    float: left;
    width:200px;
    height:300px; 
}

/* ------ control panel styles ------ */
.half-col {
 float: left;
 width: 48%;
 margin: 0 4% 3% 0;
 padding: 0;
}
.third-col { float: left;
 width: 30%;
 margin: 0 4% 5% 0;
 padding: 0;
 position: relative;
}
.fourth-col { float: left;
 width: 22%;
 margin: 0 4% 5% 0;
 padding: 0;
 position: relative;
}
.add-feature-wrap {
 background: -moz-linear-gradient(center top , #FFFFFF, #F0F0F0) repeat scroll 0 0 transparent;
 border: 1px solid #DEDEDE;
 border-radius: 10px 10px 10px 10px;
 -moz-box-shadow: 0 2px 2px rgba(255, 255, 255, 0.12);
 -webkit-box-shadow: 0 2px 2px rgba(255, 255, 255, 0.12);
 box-shadow: 0 2px 2px rgba(255, 255, 255, 0.12);
 padding: 15px;
 text-align: center;
}
.round-outline-box {
 padding: 7px;
 border: 1px solid #dedede;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 margin: 10px 0px;
}
.green-back {
 background: #F7F9F0;
}
.gray-back {
 background: #fafafa;
 background: -moz-linear-gradient(top, #fff, #fafafa);
 background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#fafafa));
}
.yellow-back {
 background: #fdfdec;
}
.gray-outline-box {
 padding: 5px 5px 0px;
 border: 1px solid #a5a5a5;
}
.box-gray {
 padding: 8px;
 border: 1px solid #a5a5a5;
 background-color: #f0f0f0;
 margin: 10px 0px;
}

.box-yellow {
 padding: 5px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border: 1px solid #a5a5a5;
 background-color: #fafad6;
 margin: 0px;
}
#widget {
 width:500px;
 margin:0 auto;
 clear:both;
 padding: 0px;
}
#widget table {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 11px;
}
#widget h3 {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 line-height: normal;
 margin: 3px 0px 3px 3px;
 padding: 0px;
}
.pdf {
 padding-right: 20px;
 background: transparent url(/images/lang/icon_pdf.gif) no-repeat center right;
}
.new-window {
    background: url(/images/pc/icon_new_window.gif) no-repeat scroll right center transparent;
    padding-right: 20px;
}
.help-icon {
 float: right;
 width: 20px;
 margin: 5px 0px 0px;
 padding: 0px;
}

.admin-default-ext-box {
 background-color: #fff;
 padding: 0px;
  border: solid 1px #ccc;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-box-shadow: -4px -4px 3px 0 #F0F0F0 inset;
 -webkit-box-shadow: -4px -4px 3px 0 #F0F0F0 inset;
 box-shadow: -4px -4px 3px 0 #F0F0F0 inset;
 position: relative;
 color: #666666;
 font-weight: normal;
 font-size: 12px;
 z-index: 3;
}
.admin-default-ext-box table td {
 padding: 0;
}
.admin-default-ext-selector {
 position: relative;
 border: solid 1px #ccc;
 min-width: 230px;
 top:-26px;
 padding: 8px;
 background:#fff;
 z-index:3;
 -moz-box-shadow:2px 5px 6px 0 rgba(0,0,0,.25);
 -webkit-box-shadow:2px 5px 6px 0 rgba(0,0,0,.25);
 box-shadow:2px 5px 6px 0 rgba(0,0,0,.25);
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}
.rollover img:hover {
 background-color:#dedede;
 } 
/* ------ voip/index ------ */
.admin-button {
 background: #fff;
 width: 141px;
 height: 46px;
 padding: 3px 0px;
 border: 1px solid #dedede;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 text-shadow: 1px 2px 0 rgba(255, 255, 255, 0.75);
 -moz-box-shadow: inset -4px -4px 3px 0 #f0f0f0;
 -webkit-box-shadow: inset -4px -4px 3px 0 #f0f0f0;
 box-shadow: inset -4px -4px 3px 0 #f0f0f0;
 float: left;
 font-size: 13px;
 font-weight: normal;
 position: relative;
 margin: 20px 20px 0px 0px;
}
.admin-button:hover {
 background: #fafafa;
 border: 1px solid #ccc;
 -moz-box-shadow:0 2px 2px rgba(0,0,0,.12);
 -webkit-box-shadow:0 2px 2px rgba(0,0,0,.12);
 box-shadow:0 2px 2px rgba(0,0,0,.12);
 text-shadow: 1px 2px 0 rgba(50, 50, 50, 0.15);
}
.admin-button a:link, .admin-button a:visited {
 text-decoration: none;
 color: #333 !important;
display: block;
}
.admin-button a:hover, .admin-button a:active {
 text-decoration: none;
 color: #000 !important;
}
.goog {
 float: left;
 width: 40px;
 height: 46px;
 text-align: left;
 margin: 7px 0px 0px 7px;
}
.goog2 {
 display: table-cell;
 height: 46px;
 vertical-align: middle;
 max-height: 46px;
 overflow: hidden;
 width: 90px;
 line-height: 13px;
}
/* ------ Virtual Office Help window ------ */
#help-window {
 width: 520px;
 margin: 0px;
 padding: 0px;
}
#help-window .scrollTableContainer {
 height: 405px; 
 overflow: auto;
 width: 526px;
 margin: 0px;
 position: relative;
}
#help-window .footer {
 margin: 10px 0px 0px;
 text-align: right;
}
#help-window  h1 {
 font-size: 20px;
 margin: 0px 0px 25px;
 padding: 0px;
}
#help-window  h2 {
 font-size: 16px;
 margin: 0px;
 padding: 0px;
}
#help-window  h3 {
 font-size: 16px;
 margin: 20px 0px 7px;
 padding: 0px;
 color: #003366;
 border-bottom: 1px solid #003366;
}
#help-window  h4 {
 font-size: 13px;
 margin: 0px;
 padding: 0px;
 font-style: italic;
}
#help-window  p {
 margin: 0px 0px 14px;
 padding: 0px;
}
/* ------ vo admin settings ------ */
#vo-page {
 width:980px;
 margin:0 auto;
 clear:both;
 padding: 0px;
}
#vo-page table {
 margin: 0px;
 padding: 0px;
}
/*#vo-page*/ table td { /* ------ might need to test this before removing vo-page ------ */
 margin: 0px;
 padding: 6px 0;
}

#vo-page ul {
 margin: 0 0 1.3em 30px;
 padding: 0;
 list-style-type: square;
 list-style-image: none;
}
#vo-page li {
 margin: 0 0 5px 0;
 padding: 0;
 list-style-image: none;
}
input[type=text], input[type=password], input[type=number], input[type=tel], select, textarea {
 padding: 6px;
 border-radius: 5px 5px 5px 5px;
 font-size: 15px;
 box-shadow:0px 2px 3px rgba(0,0,0,.05);
 -moz-box-shadow:0px 2px 3px rgba(0,0,0,.05);
 -webkit-box-shadow:0px 2px 3px rgba(0,0,0,.05);
 border: solid 1px #bcbcbc;
}
#vo-page .wide-col{
 width:737px;
 margin:0px 20px 0px 0px;
 float:left;
 padding: 0px;
}
#vo-page .narrow-col{
 width:223px;
 margin:0px;
 float:left;
 padding: 0px;
}
#vo-page .destination_widget table td {
 margin: 0px;
 padding: 0px;
}
.widget-top-round {
 display: none;
}
.widget-bot-round {
  display: none;
}
.widget-wrap {
 padding: 0;
 margin-top: 0px;
}
.content-wrap {
 background-color: #ffffff;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 padding: 10px;
 border: 1px solid #a5a5a5;
 margin-top: 10px;
}
.widget-title {
 font-size: 32px;
 color: #333333;
 text-shadow: 1px 2px 0 rgba(255, 255, 255, 0.75);
 margin: 0 0px 15px;
}
.widget-title a:link,
.widget-title a:visited {
 text-decoration:none;
}
table.widget-table td {
 padding: 5px;
 }
td.nickname {
 width : 180px;
}
td.destination {
 width : 240px;
}
td.number {
 width : 100px;
}
td.edit {
 width : 35px;
}
td.schedule {
 width : 59px;
}
td.delete {
 width : 35px;
}
td.w35 {
 width : 35px;
}
td.w60 {
 width : 60px;
}
td.w90 {
 width : 90px;
}
td.w100 {
 width : 100px;
}
td.w125 {
 width : 125px;
}
td.w180 {
 width : 180px;
}
td.w203 {
 width : 203px;
}
td.w240 {
 width : 240px;
}
.widget-footer {
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f0f0f0',GradientType=0 );
 padding: 0px;
 border: 1px solid #dedede;
 margin-top: 0px;
 font-weight: bold;
 border-radius: 0 0 7px 7px;
}
.widget-header {
 background-color: #f0f0f0;
 padding: 3px;
 border: 1px solid #a5a5a5;
 margin-top: 0px;
}
.ui-widget-header-alert {
 background-image: url(/images/ui-bg_highlight-soft_75_ffff99_1x100.png);
}
.widget-row:nth-child(even) {
  background: white;
}
.widget-row:nth-child(odd) {
  background: #F4F7FA;
}
.widget-row:nth-child(even):hover,
.widget-row:nth-child(odd):hover {
 color: #000;
}
.widget-row:nth-child(even) img:hover,
.widget-row:nth-child(odd) img:hover,
.widget-row:nth-child(even) input[type=image]:hover,
.widget-row:nth-child(odd) input[type=image]:hover {
-moz-box-shadow:0 0 3px rgba(0,0,0,.25);
 -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.25);
 box-shadow:0 0 3px rgba(0,0,0,.25);
}
.widget-row-header {
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f0f0f0',GradientType=0 );
 padding: 0px;
 border: 1px solid #dedede;
 margin-top: 0px;
 font-weight: bold;
 -moz-border-radius: 7px 7px 0 0;
 -webkit-border-radius: 7px 7px 0 0;
 border-radius: 7px 7px 0 0;
}
.widget-row-on {
 background-color: #effad1;
 padding: 0px;
 border-top: 1px none #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 margin-top: 0px;
}
.widget-row-new {
 background-color: #f5f5ee;
 padding: 0px;
 border-top: 1px none #cccccc;
 border-right: 1px solid #cccccc;
 border-bottom: 1px solid #cccccc;
 border-left: 1px solid #cccccc;
 margin-top: 0px;
}
.widget-row-new:hover{
 background-color: #F3F3EB;
}
.widget-row-off {
 background-color: #ffffff;
 padding: 0px;
 margin-top: 0px;
 border-top: 1px none #dedede;
 border-right: 1px solid #dedede;
 border-bottom: 1px solid #dedede;
 border-left: 1px solid #dedede;
}
.widget-row-off:hover{
 background-color: #fafafa;
}
.widget-row-off tr:hover td.bordered {
 border-left: 1px solid #cccccc;
}
.widget-row-off .bordered {
 border-left: 1px solid #cccccc;
}
.widget-row-nohover {
 background-color: #ffffff;
 padding: 0px;
 margin-top: 0px;
 border-top: 1px none #a5a5a5;
 border-right: 1px solid #a5a5a5;
 border-bottom: 1px solid #a5a5a5;
 border-left: 1px solid #a5a5a5;
}
.widget-row-nohover .bordered {
 border-left: 1px solid #cccccc;
}
#admin-sidebar {
 background-color: #F5F5F5;
 padding: 7px;
 margin-top: 0px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 border: 1px solid #a5a5a5;
 margin-bottom: 10px;
}
#admin-sidebar p {
 line-height: normal;
 color: #666666;
}
#vo-page .scrollWindow {
 height: 110px;
 overflow: auto;
 width: 292px;
 margin: 0px;
 position: relative;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
 z-index:1;
}
#vo-page .scrollWindow-short {
 height: 80px;
 overflow: auto;
 width: 292px;
 margin: 0px;
 position: relative;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
}
#vo-page .scrollWindow-wide {
 height: 110px;
 overflow: auto;
 width: 609px;
 margin: 0px;
 position: relative;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
}
#vo-page .scrollWindow-contact {
 /* height: 300px; 
 overflow: auto;   */
 width: 733px;
 margin: 0px;
 position: relative;
 background-color: #FFFFFF;
}

.select-truncate {
 vertical-align:middle;
 width: 150px;
 text-overflow: ellipsis;
}
.text-clip {
 overflow: hidden; 
 text-overflow: ellipsis;
 -o-text-overflow: ellipsis;
 -icab-text-overflow: ellipsis;
 -khtml-text-overflow: ellipsis;
 -moz-text-overflow: ellipsis;
 -webkit-text-overflow: ellipsis;
}

/* ------ CSR only and early adopter backgrounds ------ */
.csr-back {
 background: url(/images/lang/csr_only_back.gif) repeat;
}
div.csr-back  {
 padding: 5px;
}
.adopter-back {
 background: url(/images/lang/early_adopter_back.gif) repeat;
}
div.adopter-back  {
 padding: 5px;
}

/* ------ Call Routing ------ */
.voip-routing-single {
 display: block;
 height: 25px;
 width: 210px;
 line-height: 25px;
 background: url(/images/lang/button_single_rule.gif) no-repeat;
}

a.voip-routing-single:link,
a.voip-routing-single:visited {
 /* the fussy selector is cuz we need to have higher 
  * specificity than the other :link and :visited rules
  */
 text-decoration: none;
 color: #666;
}
.voip-routing-description {
 display: block;
 margin-left: 5px;
 width: 160px;
 overflow: hidden;
 height: 25px;
 font-size: 12px;
 white-space: nowrap;
 text-overflow: ellipsis;
}
#router {
 margin:0 auto;
 clear:both;
 padding: 0px;
 font-size: 13px;
}
#router-header {
 margin-top: 10px;
 padding: 0px;
 width: 540px;
 height: 63px;
}
#router-top {
 margin: 0px 0px 3px;
 padding: 0px;
 width: 540px;
}
.router-for {
 font-size: 18px;
 font-weight: bold;
 color: #778b2a;
 margin-bottom: 5px;
}
#router h3 {
 font-size: 13px;
 font-weight: bold;
 line-height: normal;
 margin: 3px 0px 3px 3px;
 padding: 0px;
}
#router ol {
 font-size: 11px;
 margin: 5px 0px 0px 20px;
 padding: 0px 0px 0px 15px;
}
.rule-highlight {
 background-color: #FFFF99;
 display: block;
 padding: 3px;
}
.rule-edit {
 background-color: #fefef2;
 padding: 5px;
 margin-top: 5px;
 margin-bottom: 10px;
 border: 1px solid #dedede;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}
.rule-forward-call {
 background-color: #fafafa;
 padding: 5px;
 margin-top: 0px;
 border: 1px solid #dedede;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
}
.messages-player {
 text-align: center;
 margin:0 auto;
 padding: 0px;
}

/* ------ sign up - add number ------ */
#vo-add-number {
 width:828px;
 margin:0 auto;
 clear:both;
 padding: 0px;
}
#vo-add-number h2 {
 color: #789E06;
 font-size: 14px;
 font-weight: bold;
}
#vo-add-number .default-box-title {
 background-color: #768F2A;
 padding: 5px 5px 5px 7px;
 font-size: 14px;
 margin: -5px -5px 1px;
 font-weight: bold;
 color: #fff;
 border-bottom: 1px solid #a5a5a5;
}
#vo-add-number p {
 margin: 0px 0px 5px;
 padding: 0px;
}
#vo-add-number ul {
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 15px;
 list-style-type: square;
}
#vanitySearch {
 margin: 0 auto;
}
#vanitynumber {
 padding: 7px;
 margin-bottom: 20px;
 background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f0f0f0',GradientType=0 );
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 border-radius: 10px;
 border: 1px solid #dedede;
}

/* ------ Extension views ------ */
#vo-page .ext-wide-col{
 width:733px;
 margin: 0px;
 float:left;
 padding: 0px;
}
#vo-page .ext-narrow-col{
 width:227px;
 margin:0px 20px 0px 0px;
 float:left;
 padding: 0px;
}
#vo-page .rewards-area-bottom {
 background:url(/images/lang/vn_home_rewards_bot.gif) no-repeat center bottom;
 margin:0px;
 clear:both;
 padding: 0px;
}
#vo-page .rewards-area-top {
 background:url(/images/lang/vn_home_rewards_top.gif) no-repeat center top;
 padding:0px;
 min-height:37px;
 margin: 0px 0px 8px;
}
#vo-page .scrollWindow-contacts {
 height: 280px;
 overflow: auto;
 width: 240px;
 margin: 0px;
 position: relative;
 background-color: #FFFFFF;
 border: 1px solid #CCCCCC;
}
#vo-page .contacts-anchor-row {
 font-size: 28px;
 font-weight: bold;
 color: #666666;
 background-color: #ffffff;
 margin: 0px;
 text-indent: 3px;
 background-image: url(/images/lang/contacts-anchor-back.gif);
 background-repeat: no-repeat;
 background-position: 35px 25px;
 padding: 10px 4px 0;
}
#vo-page .contacts-name {
 margin: 0px;
 font-size: 13px;
 font-weight: bold;
 padding: 0px;
}

/* ------ extension left nav ------ */
#ext-nav {
 position: relative;
}
.ext-nav-wrap {
 border: solid #dedede 1px;
 background-color: #fff;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 padding: 7px;
}
#ext-nav .extension-dropdown {
  color: #333;
  border: solid #dedede 1px;
  padding: 7px;
  background: #fff;
  max-height: 20px;
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  font-weight: bold;
  margin-bottom: 20px;
  -moz-box-shadow: inset 10px 10px #f0f0f0;
  -webkit-box-shadow: inset -5px -3px 5px #f0f0f0;
  box-shadow: inset -4px -4px 3px 0 #f0f0f0;
  text-overflow: ellipsis;
}
#ext-nav .extension-dropdown:hover {
 background: #f7f7f7; 
}
#ext-nav .extension-dropdown a {
 text-decoration: none;
}
#ext-nav .extension-dropdown-name {
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap; 
 width: 190px;
 margin-bottom: 8px;
}
#extension_dropdown_div {
 position: absolute;
 background: white;
 margin-left: -8px;
 border-radius: 0 10px 0 10px;
 border: solid #dedede 1px;
 height: 200px;
 width: 223px;
 overflow-y: scroll;
 overflow-x: hidden;
 display: none;
 z-index: 7;
 -moz-box-shadow:3px 3px 3px rgba(0,0,0,.25);
 -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.25);
 box-shadow:3px 3px 3px rgba(0,0,0,.25);
}
#ext-nav ul {
 border: none;
 margin: 0;
 list-style-type: none;
 list-style-image: url(/images/lang/spacer.gif);
}

#ext-nav ul li {margin: 0 3px 0 0; padding:0; background: url(/images/lang/ext_nav_back_icons.gif) 100% 8px no-repeat; zoom:1;}
#ext-nav ul li.open { background:#F1F5F7 url(/images/lang/ext_nav_back_icons.gif) 100% -21px no-repeat;}
#ext-nav ul li:hover { background:#F1F5F7 url(/images/lang/ext_nav_back_icons.gif) 100% -50px no-repeat;}
#ext-nav ul li.open:hover {background-position: 100% -79px;}
#ext-nav ul li a {color: #666 !important; padding: 3px 7px; margin-top: 6px; margin-bottom: 6px; position: relative; border-left: 7px solid #fff; display: block; text-decoration: none;}
#ext-nav ul li span {padding: 2px;}
#ext-nav ul li span:hover {text-decoration: underline;}
ul li#ext-nav-home {background: none;}
ul li#ext-nav-inbox {background: none;}
ul li#ext-nav-sms {background: none;}
ul li#ext-nav-fax {background: none;}
ul li#ext-nav-logs {background: none;}
ul li#ext-nav-call {background: none;}
ul li#ext-nav-send_fax {background: none;}
ul li#ext-nav-send-sms {background: none;}
ul li#ext-nav-conference {background: none;}
ul li#ext-nav-chatcalls {background: none;}
ul li#ext-nav-send-tweet {background: none;}
ul li#ext-nav-blocking {background: none;}

#ext-nav ul li a:hover {border-left: 7px solid #3B718A; background-color: #F1F5F7;text-decoration: none;}
#ext-nav ul ul li a {display: block; text-decoration: none;}
#ext-nav ul ul li a:hover {text-decoration: none; color: #000 !important;}
#ext-nav ul li span:hover {text-decoration: none;}

#ext-nav ul ul {display: none; border: none; background-color: #fff; padding: 0; margin: 0;}
#ext-nav ul li.open ul {display: block;}
#ext-nav ul ul li {font-size:13px; font-weight: normal; margin-bottom:0;}
#ext-nav ul ul li a {
 font-size: 100%;
 color: #666666 !important;
 font-weight: normal;
 border-left: 7px solid #3B718A;
 background-color: #F1F5F7;
 padding: 5px 0 5px 20px;
 margin: 0;
}

#ext-nav ul ul li a:hover {cursor: pointer; text-decoration: none;}

#setpage-home #ext-nav-home span, 
#setpage-inbox #ext-nav-inbox span,
#setpage-contacts #ext-nav-contacts span,
#setpage-settings #ext-nav-settings span,
#setpage-logs #ext-nav-logs span,
#setpage-greetings #ext-nav-greetings span,
#setpage-send_fax #ext-nav-send_fax span,
#setpage-rewards #ext-nav-rewards span,
#setpage-conference #ext-nav-conference span,
#setpage-chatcalls #ext-nav-chatcalls span,
#setpage-send-tweet #ext-nav-send-tweet span,
#setpage-blocking #ext-nav-blocking span
{
 font-weight: bold;
color: #3b718a;
}
#setpage-contacts #ext-nav-contacts a,
#setpage-settings #ext-nav-settings a,
#setpage-inbox #ext-nav-inbox a,
#setpage-sms #ext-nav-sms a,
#setpage-fax #ext-nav-fax a,
#setpage-logs #ext-nav-logs a,
#setpage-greetings #ext-nav-greetings a,
#setpage-send_fax #ext-nav-send_fax a,
#setpage-rewards #ext-nav-rewards a,
#setpage-conference #ext-nav-conference a,
#setpage-chatcalls #ext-nav-chatcalls a,
#setpage-send-tweet #ext-nav-send-tweet a,
#setpage-blocking #ext-nav-blocking a {
 margin-bottom: 0;
 border-left: 7px solid #3B718A; text-decoration: none; background-color: #F1F5F7;
}
#setpage-contacts #ext-nav-contacts a:hover,
#setpage-contacts #ext-nav-contacts-sub a:hover,
#setpage-settings #ext-nav-settings a:hover,
#setpage-settings #ext-nav-settings-sub a:hover,
#setpage-greetings #ext-nav-greetings a:hover,
#setpage-greetings #ext-nav-greetings-sub a:hover  {
 margin-bottom: 0;
 border-left: 7px solid #3B718A; background-color: #e6f1f6;text-decoration: none;
}

#ext-nav ul li.open a:hover, #ext-nav ul li.close a:hover {background: none;}

#setpage-settings #ext-nav-settings-sub .sub-link-on a,
#setpage-contacts #ext-nav-contacts-sub .sub-link-on a,
#setpage-greetings #ext-nav-greetings-sub .sub-link-on a,
#setpage-rewards #ext-nav-rewards-sub .sub-link-on a {
 font-weight: bold;
  background-color: #d1e2ea;
  color: #666666  !important;
  cursor:default;
}
.items-indicator {
 position: relative;
 float: left;
 clear: none;
 background-color: #3EAD28;
 color: #FFFFFF;
 margin: 0;
 padding: 1px 4px;
 border-radius: 50% 50% 50% 50%;
 -webkit-border-radius: 50% 50% 50% 50%;
 -moz-border-radius: 50% 50% 50% 50%;;
 text-shadow: none;
 vertical-align:middle;
 border: solid 2px #fff;
 font-size: 11px;
 font-weight: bold;
}

/* ------ inbox ------ */
.inbox-message {
 padding: 0px;
}
.inbox-message-new {
 padding: 0px;
 font-weight: bold;
 color: #333333;
}
.inbox-message-row {
 background-color: #ffffff;
 margin-top: 0px;
 padding: 3px;
 padding-bottom: 7px;
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-bottom: 3px;
 border: 1px solid #F0F0F0;
}
.inbox-message-row:hover {
 background-color: #fafafa;
}
.inbox-no-messages {
 background-color: #ffffff;
 padding: 10px; 
 border-radius: 10px;
 -moz-border-radius: 10px;
 -webkit-border-radius: 10px;
 margin-bottom: 7px;
}
.inbox-message-options {
 position: absolute;
 margin-top: 0px;
 margin-bottom: 0px;
 background-color: #ffffff;
 padding: 5px;
 padding-top: 15px;
 z-index: 99;
 border: 1px solid #dedede;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 box-shadow: 0 1px 3px rgba(0,0,0, .3);
 -webkit-box-shadow: 0 1px 3px rgba(0,0,0, .3);
 -moz-box-shadow: 0 1px 3px rgba(0,0,0, .3);
}
.inbox-thread-row {
 padding: 2px;
 margin-bottom: 3px;
}
.inbox-thread-row:hover {
 background-color: #f0f0f0;
}
.ext-online-status {
 margin: -11px 0 0 0;
 padding: 0px;
 float: right;
 position: relative;
}
.ext-vm-status {
 padding: 5px;
 background-image:url(/images/lang/vo_widget_row_head_back.gif);
 background-color:#DBECA5;
 border: 1px solid #a5a5a5;
}

.ext-server-details {
 position: relative;
 padding: 5px; 
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 background-color: #fff;
 border: solid 1px #e9e9e9;
 -moz-box-shadow:1px 3px 3px rgba(0,0,0,.15);
 -webkit-box-shadow:1px 3px 3px rgba(0,0,0,.15);
 box-shadow:1px 3px 3px rgba(0,0,0,.15);
  text-decoration: none;
 z-index: 4;  
}
.ext-server-details-drop {
 padding: 10px; 
 margin: 5px 0 5px 5px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 background-color: #fff;
 border: solid 1px #e9e9e9;
 -moz-box-shadow:1px 4px 3px rgba(0,0,0,.2);
 -webkit-box-shadow:1px 4px 3px rgba(0,0,0,.2);
 box-shadow:1px 4px 3px rgba(0,0,0,.2);
}
.ext-mobile-devices {
 float: right;
 position: relative;
 padding: 5px;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
 background-color: #fff;
 border: solid 1px #e9e9e9;
 text-decoration: none;
 -moz-box-shadow:1px 3px 3px rgba(0,0,0,.15);
 -webkit-box-shadow:1px 3px 3px rgba(0,0,0,.15);
 box-shadow:1px 3px 3px rgba(0,0,0,.15);
 z-index: 4;
}
.ext-mobile-devices-drop {
 padding: 10px;
 margin: 5px 0 5px 5px;
 border-radius: 10px;
 -webkit-border-radius: 10px;
 -moz-border-radius: 10px;
 background-color: #fff;
 border: solid 1px #e9e9e9;
 -moz-box-shadow:1px 4px 3px rgba(0,0,0,.2);
 -webkit-box-shadow:1px 4px 3px rgba(0,0,0,.2);
 box-shadow:1px 4px 3px rgba(0,0,0,.2);

 white-space:nowrap;
}


/* ------ Phone Dot ChatCalls ------ */
#vo-page .phonedots-bottom {
 width: 967px;
 background:url(/images/lang/phonedots-bottom.jpg) no-repeat center bottom;
 margin:0px;
 clear:both;
 padding: 0px 0px 15px;
}
#vo-page .phonedots-top {
 padding:0px;
 min-height:221px;
 margin: 0px 0px 8px;
 background-image: url(/images/lang/phonedots-top.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}
#vo-page .phonedot-sent-top {
 padding:0px;
 height:291px;
 margin: 0px 0px 8px;
 background-image: url(/images/lang/phonedot_sent_back.jpg);
 background-repeat: no-repeat;
 background-position: center top;
}
#phonedot-form input.text,
#phonedot-form textarea
 {
 border: 1px solid #999;
 font-size: 12px;
 padding: 2px;
 color:#666666;
}
#phonedot-form select {
 font-size: 12px;
}
#vo-page .no-padding table td {
 margin: 0px;
 padding: 0px;
}

/* ------ express service window ------ */
#express_service_code_div {
 position: relative;
 border: solid 1px #999999;
 width: 230px;
 padding: 5px;
 background-color: #FFFFCC;
 z-index: 5;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 text-align: left;
}
#express_service_code_div p {
 margin-bottom: 5px;
 margin-top: 2px;
}
#express_pc {
 position: relative;
 height: 27px;
 right: 0px;
 width: 69px;
 padding: 0px;
 z-index: 5;
}

/* ------ my account pages ------ */
.standard-table {
margin-bottom: 20px;
}
.standard-table .title-cell {
 font-weight: bold;
}
.standard-table td {
 padding: 5px;
 text-align: left;
}
.standard-table th {
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f0f0f0',GradientType=0 );
 padding: 6px;
 border: 1px solid #dedede;
 margin-top: 0px;
 font-weight: bold;
 border-radius: 7px 7px 0 0;
 text-align:left;
}
.standard-table tr:hover {
 background-color:#fbfff0;
}
.cp-wide {
float:left;
margin:0 10px 0 0;
padding:0;
width:708px;
}
.cp-narrow {
float:left;
margin:0;
padding:0;
width:223px;
}

/* ------ Table sorting styles ------ */
img.asc {
 margin-left: 6px;
 width: 9px;
 height: 5px;
 vertical-align: 5%;
}
img.desc {
 margin-left: 6px;
 width: 9px;
 height: 5px;
 vertical-align: 5%;
}
img.asc {
 background-image: url(/images/homepage/arrow_asc.gif);
 }
img.desc {
 background-image: url(/images/homepage/arrow_desc.gif);
 }
 
/* ------ admin bar ------ */
.admin-main-content {
 float: left;
 width: 930px;
}
#admin-bar {
 background-color: #f0f0f0;
 padding: 5px;
 float: right;
 width: 250px;
 margin-left: 5px;
 border-bottom: 1px solid #999999;
 font-size: 13px;
}
#admin-bar a:link {
 color: #006699;
 text-decoration:underline;
}
#admin-bar th {
 padding: 3px;
 font-weight: bold;
 color: #fff;
 background-color: #999;
}
#admin-bar td {
 padding: 2px;
}
#admin-bar tr:hover {
 background-color: #fff;
}

/* ------ thickbox ------ */
#TB_window {
 font: 12px "Trebuchet MS", Verdana, Arial, sans-serif;
 color: #666666;
}
#TB_ajaxWindowTitle{
 color:#768f2a
}
#TB_window .close-button-wrapper {
    position: absolute;
    top: 0;
    right: 0;
    margin: -32px 0 0 0;
}
#TB_window .close-button-wrapper button {
    color: #FFFFFF;
    background: url('/images/pc/close_white.png') transparent no-repeat left center;
    border: none;
    font-size: 16px;
    text-transform: uppercase;
    padding: 0 0 0 22px;
    cursor: pointer;
}
@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ),
       only screen and (    min--moz-device-pixel-ratio: 1.3 ),
       only screen and (      -o-min-device-pixel-ratio: 2.6/2 ),
       only screen and (         min-device-pixel-ratio: 1.3 ),
       only screen and ( min-resolution: 124.8dpi ),
       only screen and ( min-resolution: 1.3dppx ) {
    #TB_window .close-button-wrapper button {
        background: url('/images/pc/close_white_2x.png') transparent no-repeat left center / 15px 14px;
    }
}

/* ------ message style ------ */
.error {
 font-weight: bold;
 color: #CC0000;
}
.message_info {
 font-weight: bold;
 color: #333;
 padding: 6px 5px 5px 55px;
 background-image: url(/images/pc/icon_info.png);
 background-repeat: no-repeat;
 min-height: 32px;
 background-color: #EDFBFE;
 background-position: 5px 5px;
 margin-bottom: 7px;
  border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
}
.message_success {
 font-weight: bold;
 color: #333333;
 padding: 6px 5px 5px 55px;
 min-height: 32px;
 margin-bottom: 7px;
 background: #EBFFD3 url(/images/pc/icon_success.png) no-repeat 5px 5px;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
}
.message_warning {
 font-weight: bold;
 color: #333;
 padding: 6px 5px 5px 55px;
 min-height: 32px;
 margin-bottom: 7px;
 background: #FEFEE7 url(/images/pc/icon_warning.png) no-repeat 5px 2px;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
}
.message_error {
 font-weight: bold;
 color: #cc0000;
 padding: 6px 5px 5px 55px;
 background-image: url(/images/pc/icon_error.png);
 background-repeat: no-repeat;
 min-height: 32px;
 background-color: #f0f0f0;
 border: 1px solid #cc0000;
 background-position: 5px 5px;
 margin-bottom: 7px;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
}
.message_working {
 font-weight: bold;
 color: #333;
 padding: 6px 5px 5px 55px;
 /*background-image: url(/images/lang/icon_ajax_thinking.gif);*/
 background-image: url(/images/lang/phone_com/loader16x16.gif);
 background-repeat: no-repeat;
 min-height: 17px;
 background-color: #ffffcc;
 border: 1px solid #ffcc00;
 background-position: 8px 5px;
 margin-bottom: 7px;
 border-radius: 7px;
 -moz-border-radius: 7px;
 -webkit-border-radius: 7px;
}
.ui-datepicker-trigger {
 padding: 2px;
 vertical-align: -6px;
}

/* ------ footer  ------ */

#footer {
 width: 980px;
 margin: 0 auto;
 position: relative;
}
.home-4-footer-table {
 color: #999;
 font-size: 11px;
}
.home-4-footer-table a:link {
 text-decoration: none;
 color: #999;
}
.home-4-footer-table a:visited{
 text-decoration: none;
 color: #999;
}
.home-4-footer-table a:hover{
 text-decoration: underline;
 color: #ccc;
}

/* table with alternating rows - standard-table is legacy name, don't use */
.standard-table tr:nth-child(even),
.alt-table tr:nth-child(even) {
  background: white;
}
.standard-table tr:nth-child(odd),
.alt-table tr:nth-child(odd) {
  background: #F4F7FA;
}
.standard-table tr:nth-child(even):hover,
.standard-table tr:nth-child(odd):hover,
.alt-table tr:nth-child(even):hover,
.alt-table tr:nth-child(odd):hover {
 color: #000;
}
.standard-table tr:nth-child(even) img:hover,
.standard-table tr:nth-child(odd) img:hover,
.standard-table tr:nth-child(even) input[type=image]:hover,
.standard-table tr:nth-child(odd) input[type=image]:hover,
.alt-table tr:nth-child(even) img:hover,
.alt-table tr:nth-child(odd) img:hover,
.alt-table tr:nth-child(even) input[type=image]:hover,
.alt-table tr:nth-child(odd) input[type=image]:hover {
-moz-box-shadow:0 0 3px rgba(0,0,0,.25);
 -webkit-box-shadow:3px 3px 3px rgba(0,0,0,.25);
 box-shadow:0 0 3px rgba(0,0,0,.25);
}
.alt-table th {
background: rgb(254,255,255);
background: -moz-linear-gradient(top,  rgba(254,255,255,1) 0%, rgba(240,240,240,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(254,255,255,1)), color-stop(100%,rgba(240,240,240,1)));
background: -webkit-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -o-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: -ms-linear-gradient(top,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
background: linear-gradient(to bottom,  rgba(254,255,255,1) 0%,rgba(240,240,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f0f0f0',GradientType=0 );
padding: 5px;
 text-align:left;
 border-top: 1px solid #dedede;
 border-bottom: 1px solid #dedede;
 color: #000;
}
.alt-table th.first {
  border-left: 1px solid #dedede;
  border-radius: 7px 0 0 0;
  -webkit-border-radius: 7px 0 0 0;
  -moz-border-radius: 7px 0 0 0;
}
.alt-table th.last {
  border-right: 1px solid #dedede;
  border-radius: 0 7px 0 0;
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
}
.omega {margin-right:0;}

/* adjustments for datatable pagination */
.paginate_button, .paginate_active {
 margin-right: 5px;
}
.paginate_active {
 font-weight: bold;
}
.paginate_button, .paginate_active {
 color: #5499b3
}
/* adjustments for call logs */
#ui_tpicker_hour_end_date, #ui_tpicker_minute_end_date, #ui_tpicker_hour_start_date, #ui_tpicker_minute_start_date {
 width: 90%;
}
/* payment panda */
form[name="payment_log"] {
 font-size: 12px;
}
form[name="payment_log"] table td {
 padding: 3px;
}
form[name="payment_log"] table tr:nth-child(even) {
  background: white;
}
form[name="payment_log"] table  tr:nth-child(odd) {
  background: #F4F7FA;
}
/* OSX Lion Chrome fix */
::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0,0,0,.5);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}

/* BEGIN API DEFINITIONS */

/* universal header bar */
#api-universal-header {
    height: 36px;
    background-color: #221E20;
    color: #F7F5F2;
    padding-top: 2px;
}
#api-universal-header .container {
    width: 980px;
    margin: 0 auto;
    font-size: 12px;
    line-height: 225%;
    color: #FFFFFF;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif !important;
}
#api-universal-header .container a {
    color: #FFFFFF;
}
#api-universal-header .container .switch {
    float: left;
    margin-top: 3px;
}
#api-universal-header .container .switch .switch-on-off {
    display: block;
    background: url(/images/phonedot/api/universal-header-sprites.png) no-repeat;
    color: #F7F5F2;
    font-weight: bold;
    font-size: 14px;
    float: left;
    width: 32px;
    height: 17px;
    padding-right: 10px;
    margin-top: 6px;
}
#api-universal-header .container .switch .switch-on-off.on {
    background-position: 0px -120px;
}
#api-universal-header .container .switch .switch-on-off.off {
    background-position: 0px -137px;
}
#api-universal-header .container .blurb {
    float: left;
    margin-top: 3px;
    margin-left: 10px;
    border-left: 1px solid #4B4849;
    width: 45%;
    padding-left: 25px;
    text-align: center;
}
#api-universal-header .container .blurb a {
    text-decoration: underline;
}
#api-universal-header .container .blurb a:hover {
    text-decoration: none;
    color: #F7F5F2;
}
#api-universal-header .container .login-logout {
    margin-top: 3px;
    float: right;
}
#api-universal-header .container .login-logout a {
    margin-top: 1px;
    border: 1px solid #FFFFFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 1px 5px;
    font-size: 12.8px;
    text-decoration: none;
}
#api-universal-header .container .login-logout a:hover {
    text-decoration: none;
}
#api-universal-header .container .shield {
    float: right;
    margin-top: 2px;
    margin-right: 10px;
    border-right: 1px solid #4B4849;
    padding-right: 5px;
    width: 30px;
    height: 30px;
}
#api-universal-header .container .shield.premier {
    background: transparent url('/images/pc/icon_premier.png') no-repeat;
}
#api-universal-header .container .shield.agent {
    margin-top: 3px;
    background: transparent url('/images/pc/icon_agent.png') no-repeat;
}
#api-universal-header .container .welcome {
    float: right;
    margin-top: 3px;
    margin-right: 20px;
}
#api-universal-header .container .welcome a {
    text-decoration: none;
    font-weight: bold;
    color: #15A533;
}
#api-universal-header .container .welcome a:hover {
    text-decoration: underline;
}

/* sub nav box - API */
.sub_nav_box ul.api {
    width: 350px;
    margin-left: 100px;
}
.sub_nav_box ul.api li {
    padding-left: 25px;
    margin-top: 10px;
    background: transparent url('/images/phonedot/api/api-support-list-icons-sprite.png');
    border: 0 none;
    font-size: 1.1em;
}
.sub_nav_box ul.api li.icondoc {
    background-position: 0 0;
    background-repeat: no-repeat;
}
.sub_nav_box ul.api li.iconask {
    background-position: 0 -69px;
    background-repeat: no-repeat;
}
.sub_nav_box ul.api li.iconhelp {
    background-position: 0 -138px;
    background-repeat: no-repeat;
}
.sub_nav_box ul.api li.iconcall {
    background-position: 0 -207px;
    background-repeat: no-repeat;
}
.sub_nav_box ul.api li.separated {
    margin-top: 30px;
}

/* this is what goes in place of the select default extension area */
.nav-bar-telephony-toolkit {
    width: 201px;
    height: 31px;
    background: url('/images/phonedot/api/telephony-toolkit.png') no-repeat;
}

/* begin API beta flag - remove this entire sub block when API leaves beta, DO NOT remove the entire API block */
.header_logo .api-beta-flag-wrapper { position: relative; }
.header_logo .api-beta-flag-wrapper .api-beta-flag {
    position: absolute;
    width: 101px;
    height: 35px;
    background: url('/images/phonedot/api/api-beta-flag.png') no-repeat;
    top: 0;
    left: 0;
    margin-top: 4px;
    margin-left: 10px;
}
/* end API beta flag - remove this entire sub block when API leaves beta, DO NOT remove the entire API block */

/* END API DEFINITIONS */

/* BEGIN LOGIN / SIGNUP STYLES FOR 2015 REBRAND */
#retail-signup-login-header {
    position: relative;
}
#retail-signup-login-header > #nav-back {
    position: relative;
    background: #252525;
    border-top: 1px solid #252525;
    border-bottom: 1px solid #252525;
    height: 31px;
    margin-bottom: 20px;
    padding: 12px 0 15px 0;
    z-index: 1000; /* for ie7 nav dropdowns */
}
#retail-signup-login-header .retail-signup-login-header-wrapper {
    position: relative;
    clear: both;
    width: 1024px;
    margin: 0 auto;
}
#retail-signup-login-header > #nav-back > .retail-signup-login-header-wrapper > #main_header {
    position: absolute;
    width: 500px;
    left: 50%;
    margin: inherit;
    /*margin-left: -250px;*/
}
#retail-signup-login-header .header_logo {
    position: relative;
    float: left;
    width: 119px;
    height: inherit;
    margin: inherit;
    margin-left: -250px;
}
#retail-signup-login-header .header_content {
    position: relative;
    float: right;
    width: auto;
    height: inherit;
    margin: inherit;
    margin-right: 250px;
    margin-left: -250px;
}
#retail-signup-login-header .signup-login-header-logo {
    /*float: left;*/
}
#retail-signup-login-header .signup-login-header-links {
    /*float: right;*/
    line-height: 225%;
}
#retail-signup-login-header .signup-login-header-links span {
    margin-left: 10px;
    color: #FFFFFF;
}
#retail-signup-login-header .signup-login-header-links span a {
    color: #66BF5B;
    text-decoration: none;
}
#retail-signup-login-header .signup-login-header-links span a:hover {
    color: #4C9A42;
}

#retail-signup-login-body {  }
/*#retail-signup-login-body > #phonecom-body {*/
    /*width: 500px;*/
/*}*/
#retail-signup-login-body.admin-special > #phonecom-body {
    width: 980px;
}

#retail-signup-login-footer {
    position: relative;
    clear: both;
}
#retail-signup-login-footer > #footer {
    width: 500px;
    margin: 0 auto;
    position: relative;
}
#retail-signup-login-footer.admin-special > #footer {
    width: 980px;
}


input[type=submit].signup-login,
input[type=button].signup-login,
button.signup-login,
a.signup-login {
    color: #FFFFFF !important;
    background-color: #FC9A02;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 12px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    font-size: 12px;
    cursor: pointer;
    padding: 3px 10px;
    text-decoration: none;
}
input[type=submit].signup-login:hover,
input[type=button].signup-login:hover,
button.signup-login:hover,
a.signup-login:hover {
    background-color: #D6811D;
    text-decoration: none;
}
input[type=submit].signup-login.secondary,
input[type=button].signup-login.secondary,
button.signup-login.secondary,
a.signup-login.secondary {
    color: #FFFFFF !important;
    background-color: #BABABA;
}
input[type=submit].signup-login.secondary:hover,
input[type=button].signup-login.secondary:hover,
button.signup-login.secondary:hover,
a.signup-login.secondary:hover {
    text-decoration: none;
    background-color: #CCCCCC;
}
input[type=submit].signup-login.big,
input[type=button].signup-login.big,
button.signup-login.big,
a.signup-login.big {
    width: 365px;
    border-radius: 30px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    font-size: 16px;
    background: url('/images/signup/Lock.png') #FC9A02 no-repeat left 135px center;
    padding: 16px 155px;
}
input[type=submit].signup-login.big:hover,
input[type=button].signup-login.big:hover,
button.signup-login.big:hover,
a.signup-login.big:hover {
    background: url('/images/signup/Lock.png') #D6811D no-repeat left 135px center;
}
@media only screen and ( -webkit-min-device-pixel-ratio: 1.3 ),
       only screen and (    min--moz-device-pixel-ratio: 1.3 ),
       only screen and (      -o-min-device-pixel-ratio: 2.6/2 ),
       only screen and (         min-device-pixel-ratio: 1.3 ),
       only screen and ( min-resolution: 124.8dpi ),
       only screen and ( min-resolution: 1.3dppx ) {
    input[type=submit].signup-login.big,
    input[type=button].signup-login.big,
    button.signup-login.big,
    a.signup-login.big {
        background: url('/images/signup/Lock-2x.png') #FC9A02 no-repeat left 135px center / 12px 15px;
    }
    input[type=submit].signup-login.big:hover,
    input[type=button].signup-login.big:hover,
    button.signup-login.big:hover,
    a.signup-login.big:hover {
        background: url('/images/signup/Lock-2x.png') #D6811D no-repeat left 135px center / 12px 15px;
    }
}
.large-logo{
    margin: 30px auto!important;
    width: 98px!important;
}
#login-types{
    clear: both;
    text-align: center;
    background: none!important;
    margin: 0 auto;
    display:block;
}
.login-icon{
    background: none!important;
    padding: 0!important;
    font-family: OpenSans-Light;
}
#login-types li{
    float: left;
    width: 50%;
    text-transform: uppercase;
    background: none!important;
    border: none;
}
#login-types li a{
    color: #000!important;
    font-size: 18px;
    background: none!important;
    border: none!important;
    padding: 0!important;
}
.login-icon.first{
    font-family: OpenSans-Semibold;
}

#login-types ul li#buttoncustomer.loginon a, #login-types ul li#buttoncustomer.loginon{
    background: none!important;
}
.login-extras{
    clear: both;
}
.login-entry{
    float: none;
    margin: 0 auto!important;
    padding: 0!important;
    background: none!important;
    border: none!important;
    
}
.login-entry table{
    width: 100%;
    text-align: left;
}
.login-entry table input{
    width: 365px;
    border: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    -mox-box-shadow:none;
    font-size: 16px;
    padding: 10px 20px;
}
.login-entry table input#action_Login{
    background-color: #f99927;
    color: #fff;
    font-size: 18px;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    padding:15px;
    cursor: pointer;
}
.login-entry table input#action_Login:hover{
    
}
.login-entry table input#action__process_login{
    
}
.login-entry h2{
    display: none;
}

#login-types ul{
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 405px;
}
/* END LOGIN / SIGNUP STYLES FOR 2015 REBRAND */