body 
{
	font-family: 'Ubuntu', arial, verdana,serif;
	font-size: 1.1em;
	margin: 0px;
	padding: 0px;
	width:100%;
	height:100%;
}
#TopHeader
{
	width: 100%; /*background-color: #eeeeee;*/
	color: #ffffff;
	font-size: 0.9em;
	border-bottom-style: solid;
	border-bottom-width: 3px;
	border-bottom-color: #ffffa5;
	padding-top: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
#LeftContainer
{
	width: 15%;
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	min-height:800px;
	height: 100%;
	border-right-color: #0A67A3;
	border-right-width: 1px;
	border-right-style: solid;
}
#MainContainer
{
	width: 80%;
	float: left;
	padding-right: 3px;
	padding-left: 3px;
}


#TopHeader a
{
    color: #ffffff;
    text-decoration: none;
    font-size: 0.9em;
    font-weight:normal;
}
#TopHeader a:visited
{  color: #ffffff;
    text-decoration: none;
    font-size: 0.9em;
    font-weight:normal;
}
#TopHeader a:hover
{ 
	color: #0A67A3;
	background-color:#ffffff;
     font-size: 0.8em;
    font-weight:normal;
    
}
#TopHeader a:active
{ color: #ffffff;
    text-decoration: none;
    font-size: 0.9em;
    font-weight:normal;
  
}

.specialBox
{
	color: #000000;
	text-decoration: underline;

}

.largeDropDownOptions 
{
	font-size: 1.2em;
	font-weight: bold;
}

.img {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
     
}

h1
{
	padding: 4px 5px 5px 5px;
	color: #0A67A3;
	font-size: 1.5em;
	font-weight: bold;
}

h1 a
{
    color: #000099;
    text-decoration: none;
    font-size: 0.8em;
    font-weight:normal;
}
h1 a:visited
{ color: #000099;
  text-decoration:none;
    font-size: 0.8em;
    font-weight:normal;
}
h1 a:hover
{ color: #003CFF;
    text-decoration: underline;
     font-size: 0.8em;
    font-weight:normal;
    
}
h1 a:active
{ color: #000099;
    text-decoration:none;
   font-size: 0.8em;
    font-weight:normal;
  
}


h2
{
	padding: 4px 10px 10px 10px;
	color: #0A67A3;
	font-size: 1.2em;
}
h3
{
	padding: 10px;
	color: #0A67A3;
	font-size: 1em;
}

h4
{
	margin: 3px;
	color: #0A67A3;
	font-size: 0.8em;
}


.help 
{
	color: #0A67A3;
	font-size: 0.8em;
}
.information
{
	margin: 10px;
	padding: 10px;
	width: 90%;
	background-color: #ffffff;
	font-size: 0.8em;
	border: 1px solid #0A67A3; /*	background: #c5ddfc url(images/ui-bg_diagonals-small_25_c5ddfc_40x40.png) repeat 50% 50%; */
	color: #0A67A3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}

#comMenuOption
{
	border: 1px solid #0A67A3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
	padding: 10px;
}


#informationBlock
{
	margin: 10px;
	padding: 10px;
	width: 100%;
	background-color: #ffffff;
	font-size: 0.8em;
	border: 1px solid #0A67A3; /*	background: #c5ddfc url(images/ui-bg_diagonals-small_25_c5ddfc_40x40.png) repeat 50% 50%; */
	color: #0A67A3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: left;
}
.displayData
{
    color: #333333;
    clear:both;
  
}
.displayData th
{ 
font-weight: bold; 
text-align: left;
font-size:0.9em;
color:#0A67A3;
 }

.displayData td
{ 
text-align: left;
font-size:0.9em;

 }


table.tableCommunicationGrids td.group {
    background-color: #d5eafd !important;
    border-bottom: 1px solid #94bafd;
    border-top: 1px solid #94bafd;
}
table.tableCommunicationGrids td.expanded-group {
    background: url("../../CommonImages/minus.jpg") no-repeat scroll left center transparent;
}
table.tableCommunicationGrids tr:hover td.expanded-group {
    background: url("../../CommonImages/minus.jpg") no-repeat scroll left center #c0e1ff !important;
}

table.tableCommunicationGrids td.collapsed-group {
    background: url("../../CommonImages/plus.jpg") no-repeat scroll left center transparent;
}
table.tableCommunicationGrids tr:hover td.collapsed-group {
    background: url("../../CommonImages/plus.jpg") no-repeat scroll left center #c0e1ff !important;
}

table.tableCommunicationGrids thead th
{
    text-align: left;
    	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

 /*   background: #003CFF;*/
    color: #FFFFFF;
}

table.tableCommunicationGrids tr.odd:hover {
	background-color: #ffffff;
}
table.tableCommunicationGrids tr.even:hover {
	background-color: #ffffff;
}


table.tableCommunicationGrids tbody tr.odd td
{
	
	background: #eaeaea;
	
}
table.tableCommunicationGrids tbody tr.odd td :hover {
	background-color: #ffffff;
}

table.tableCommunicationGrids thead th.sorting_asc {
   /*  background: #003CFF url('../PM_modulesimages/sort_asc.png') no-repeat right center; */
        	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

}
 
table.tableCommunicationGrids thead th.sorting_desc {
   /*  background: #003CFF url('../PM_modulesimages/sort_desc.png') no-repeat right center; */
        	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

}
 
table.tableCommunicationGrids thead th.sorting {
   /*  background: #003CFF url('../PM_modulesimages/sort_both.png') no-repeat right center; */
        	background: #c5ddfc url(../../jqthemes/bike/images/ui-bg_diagonals-thick_22_1484e6_40x40.png) 50% 50% repeat;

}

.tableCommunicationGrids
{
    color: #333333;
    clear:both;
}
.tableCommunicationGrids th
{
	border-style: none;
	border-width: 0px;
	font-size: 0.9 em;
	color: #003CFF;
	text-align: left;
}
.tableCommunicationGrids td
{
	border-style: none none solid none;
	border-width: 0px 0px 1px 0px;
	font-size: 0.75em;
	padding: 0px 0px 0px 20px !important;
	text-align: left; /* border-bottom:1px solid #d0d0d0; */
	vertical-align: middle;
	border-bottom-color: #FFFFFF;
	margin: 3px;
	height:50px;
}

.tableCommunicationGrids a
{
    color: #000099;
    text-decoration: none;
    
    
}
.tableCommunicationGrids a:visited
{ color: #000099;
  text-decoration:none;
   
}
.tableCommunicationGrids a:hover
{ color: #003CFF;
    text-decoration: underline;
    
    
}
.tableCommunicationGrids a:active
{ color: #000099;
    text-decoration:none;
  
  
}
/* Datatable filters */
div.dataTables_length {
    float: left;
    
}
 
div.dataTables_filter {
    float: right;
    
}
 
div.dataTables_info {
    float: left;
    font-size:0.9em;
}
 
div.dataTables_paginate
{
    float: right;
    margin-right: 3px;
    margin-left: 3px;
      font-size:0.7em;
  
}
 
div.dataTables_length,
div.dataTables_filter,
div.dataTables_paginate,
div.dataTables_info {
    padding: 6px;
}

.paginate_button, .paginate_active
{
    border: 1px solid #000000;
    display: inline-block;
    background-color: #C0C0C0;
    padding: 2px 6px;
    margin-left: 4px;
    cursor: pointer;
    cursor: hand;
}
 

.paginate_active {
    background-color: transparent;
    
}



#leftMenu a
{
	font-size:0.8em;
    color: #0A67A3;
    text-decoration: none; 
}
#leftMenu a:visited
{ font-size:0.8em;
	color: #0A67A3;
  text-decoration:none;
}
#leftMenu a:hover
{font-size:0.8em;
	color: #ffffff;
	text-decoration: underline;
	background-color: #0A67A3;
	width: 120px;
}
#leftMenu a:active
{ color: #0A67A3;
    text-decoration:none; 
    font-size:0.8em;
}

div.Usage_CountBar
{
	width: 100%;
	border-bottom: 1px solid grey;
	height: 1px;
}
div.Usage_CountFill
{
	height: 3px;
	background-color: black;
}
div.Usage_CountFillOver
{
	height: 5px;
	background-color: red;
}


   /*AutoComplete flyout */
.completionList {
border:solid 1px #0A67A3;
margin:0px;
padding:2px;
height: 200px;
width:450px;
overflow:auto;
background-color: #FFFFFF;
/*	font-size:0.8em; */
    color: #0A67A3;
}

.listItem {
/*	font-size:0.8em; */
    color: #0A67A3;
}

.itemHighlighted {
background-color: #ffc0c0;
/*	font-size:0.8em; */
}


#account-usage-table
td{border:none;vertical-align:top}
#account-usage-table
th{padding:8px
15px;font-size:1em;font-weight:normal;color:#999;text-align:left;border-bottom:3px solid #F5F5F5;border-right:2px solid #F5F5F5}
#account-usage-table th:last-child{border-right:none}
#account-usage-table
td{padding:15px;line-height:19px;font-size:0.9em;color:#444;text-align:left;border-bottom:3px solid #F5F5F5;border-right:2px dotted #F5F5F5}
#account-usage-table td:last-child{border-right:none}#account-usage-table
td.product{text-transform:uppercase}#account-usage-table td.product
.type{color:#777;font-weight:normal}#account-usage-table .quantity,
#account-usage-table .price,
#account-usage-table
.amount{width:20%}#account-usage-table th.quantity,
#account-usage-table th.price,
#account-usage-table
th.amount{text-align:center}#account-usage-table td.quantity,
#account-usage-table td.price,
#account-usage-table
td.amount{font-size:0.9em;text-align:right}
#account-usage-footer{background-color:#FFF;overflow:auto}
#account-usage-footer #amount-total{float:right;width:161px;margin:0;padding:15px;font-size:0.9em;font-weight:bold;text-align:right;border-left:2px dotted #F5F5F5}
#credit-cards #add-card-button,



/* Client UI Pad */
#client-ui-pad {
	display: block;
	overflow: hidden;
	height: auto;
	width: 180px;
	margin: 20px auto 0 auto;
}

.client-ui-button-row {
	float: left;
	clear: both;
}

.client-ui-button {
	float: left;
	padding: 12px;
	margin: 3px;
	background: #000;
    background: -moz-linear-gradient(100% 100% 90deg, #000, #222);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#000));
    background-clip: padding-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
	color: #fff;
	text-align: center;
	width: 28px;
	height: 30px;
	font-size: 24px;
	font-weight: bold;
	border: 1px solid #000;
	cursor: pointer;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.client-ui-button:hover {
	color: #F7ECB7;
	border: 1px solid #968F54;
}

.client-ui-button:active {
	color: #FFF;
	border: 1px solid #507B93;
}

.client-ui-button .client-ui-button-number {
	margin-top: -4px;
}

.client-ui-button .client-ui-button-number.asterisk {
	font-size: 40px;
}

.client-ui-button .client-ui-button-letters {
	margin-top: -1px;
	font-weight: normal;
	font-size: 10px;
	color: #777;
	text-transform: uppercase;
	letter-spacing: 1px;
}

#client-ui-actions #client-ui-mute {
	background-color: #222;
    background: -moz-linear-gradient(100% 100% 90deg, #000, #222);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#222), to(#000));
}

#client-ui-actions #client-ui-mute.muted {
	background-color: orange;
	background: -moz-linear-gradient(100% 100% 90deg, #782106, #FF9900);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FF9900), to(#782106));
}

#client-ui-actions #client-ui-mute:active {
	background-color: #000;
    background: -moz-linear-gradient(100% 100% 90deg, #222, #000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#222));
}

#client-ui-actions #client-ui-answer {
	background-color: #53A82B;
    background: -moz-linear-gradient(100% 100% 90deg, #448723, #53A82B);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#53A82B), to(#448723));
}

#client-ui-actions #client-ui-answer:active {
	background-color: #316800;
    background: -moz-linear-gradient(100% 100% 90deg, #53A82B, #316800);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#316800), to(#53A82B));
}

#client-ui-actions #client-ui-hangup,
#client-ui-actions #client-ui-close {
	background-color: #C00;
    background: -moz-linear-gradient(100% 100% 90deg, #900, #C00);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#C00), to(#900));
}

#client-ui-actions #client-ui-hangup:active,
#client-ui-actions #client-ui-close:active {
	background-color: #900;
    background: -moz-linear-gradient(100% 100% 90deg, #C00, #650000);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#650000), to(#C00));
}

.mic {
	float: left;
	height: 28px;
	width: 20px;
	margin: 0 10px 0 8px;
	background: transparent url(../../CommonImages/vbx-client-status.png) center top no-repeat;
}
/* Client UI Status */
#client-ui-status {
	padding: 110px 8px 0 8px;
	background: transparent url(../../mic_big.png) center 15px no-repeat;
}

#client-ui-message {
	margin: 0;
	font-size: 0.8em;
	font-weight: normal;
	color: #cccccc;
	text-align: center;
}

.client-ui-content .client-ui-timer {
	margin: 25px 0 0 0;
	font-size: 0.8em;
	color: #cccccc;
	text-align: center;
}

 
/* Modal Pop-up */ 

.modalBackground 
{
    background-color:Gray;filter:alpha(opacity=70);opacity:0.7;
} 
 
.innerPopup
{
	border: 1px solid Gray;
	margin: 5px;
	background-color: #FFFFFF;
	padding: 5px;
	min-width: 350px;
	font-size: 0.9em;
	text-align: left;
}

.closePopup { 
    DISPLAY: block;BACKGROUND: url(img/close.png) no-repeat 0px 0px; 
    LEFT: -5px;WIDTH: 26px;TEXT-INDENT: -1000em;POSITION: absolute; 
    TOP: -7px;HEIGHT: 26px;
} 

.reorderList_DragHandle_Box
{
	background-color: #003CFF;
	border: solid 1px black;
	cursor: pointer;
	height: 20px;
	margin: 5px;
	width: 20px;
}

.reorderList_Reorder_Outline
{
	border: dotted 2px black;
	height: 25px;
	width: 300px;
}

.reorderList ul
{
	list-style-type: none;
}