/*********************************************************/
/*************** General HTML elements *******************/
/*********************************************************/


body {
	padding: 0px;
	margin: 30px auto 30px auto;
	background-color: #eeeeee;
	text-align:center;
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
}

h1 {
	font-family: Verdana;
	font-size: 16px;
	font-weight: normal;
	padding: 5px 0px 0px 5px;		
	vertical-align: middle;
	margin: 0px 0px 0px 0px;	
}

h2 {
	font-family: Arial, Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #05143F;
	margin: 5px 0px 0px 0px;
	text-transform: uppercase;
}

p {
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #666666;
	line-height: 130%;
	margin: 20px 0px 20px 0px;
}

a {
	text-decoration: none;
	font-size: 11px;
	font-family: Tahoma, Verdana, sans-serif;
	color: #708DB9;
}

a:hover {
	color: #A51129;
}

form {
	padding: 0px;
	margin: 0px;
}


/*********************************************************/
/********************** Page layout **********************/
/*********************************************************/

.screen
{
	display: block;
	visibility: visible
}

.print
{
	display: none;
	visibility: hidden
}

div.content 
{
	margin: 0px 0px 0px 0px;
	padding: 15px 30px 15px 5px;
	width: 496px;
	border-top: solid 1px white;	
}

td.vertline
{
	
	/*
	background-image: url("../images/dashed_line_vert_bkg.gif");
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #ffffff;
	*/
	
}

div.container 
{	
	text-align: left;
	width: 760px;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	background-color: #ffffff;
	border: solid 1px #cccccc;	
}

/* Redefine the height for decent browsers that support min-height */
body div.container > div.content {
	height: auto;
	min-height: 400px;
}


div.header {
	width:	760px;
	margin: 0px 0px 0px 0px;
}

td.headerLeft {
	text-align: left;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}

td.headerRight {
	text-align: right;
	padding: 0px 0px 0px 0px;
	background-color: #FFFFFF;
	border-bottom-color: #CCCCCC;
	border-bottom-style: solid;
	border-bottom-width: 1px;

}

div.title {
	width:	760px;
	height: 30px;	
	background-image: url("../images/hdr_bkg.gif");
	background-repeat: no-repeat;
	margin: 0px 0px 0px 0px; 	
}


div.footer {
	width:	760px;		
}

td.footer {
	font-size: 0;
	width: 183px;
	height: 7px;
	background-color: #cecece;
	border-bottom-color: #888888;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	vertical-align: middle;
}


div.line {
	font-size: 0;
	width: 100%;
	height: 1px;
	background-image: url("../images/dashed_line_horiz.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}

div.linefooter {
	font-size: 0;
	width: 100%;
	height: 7px;
	background-image: url("../images/dashed_line_horiz.gif");
	background-position: left top;
	background-repeat: repeat-x;
}




/* Redefine content and menu for certain pages */
body#barred			div.content,
body#login			div.content,
body#logout			div.content,
body#defaultconfig	div.content,
body#subscribe		div.content {
	width: auto;
	background-image: none;	
}

body#barred			div.logindetails,
body#login			div.logindetails,
body#logout			div.logindetails,
body#defaultconfig	div.logindetails {
	display: none;
}

div#PaymentContainer
{
	position: relative;
	text-align: left;
	width: auto;
	height: 400px;
	background-color: Transparent;	
	padding: 10px 10px;
}

.PaymentBody
{
	background-color: Transparent;
}

div.SubscribeThreeDSecureLogos
{
	position: absolute; 
	right: 415px; 
	bottom: 10px;
}

div.PaymentThreeDSecureLogos
{
	text-align: right;
}


/*********************************************************/
/************************ Menu styles ********************/
/*********************************************************/

div.menu 
{
	position:relative;
	display: block;
	width: 183px;	
}

div.menu a {
	font-size: 11px;
	color: #999999 !important;
}

div.menu table {
	width: 100%;
	border-collapse: collapse;
	border-width: 0px;
}

div.menu td {
	padding: 0px;
	border-width: 0px;
	vertical-align: middle;
	background-image: url("../images/submenu_bullet_on_bkg.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
}

div.menu td a {
	display: block;
	text-decoration: none;
	color: #666666;	
	padding: 8px 0px 8px 29px;
	background-image: url("../images/submenu_bullet_bkg.gif");
	background-position: left bottom;
	background-repeat: repeat-x;
	
}

div.menu td a:hover {
	color: #A51129 !important;
}

td.menucell
{	
	background-image: url("../images/menu_bkg.gif");
	background-repeat: repeat-y;
	padding: 4px 0px 0px 0px; 	
}

body#recentcalls	div.menu a.recentcalls,
body#users			div.menu a.users,
body#account		div.menu a.account,
body#callsout		div.menu a.callsout,
body#callsin		div.menu a.callsin,
body#clis			div.menu a.clis,
body#payments		div.menu a.payments,
body#makepayment	div.menu a.makepayment,
body#recharge		div.menu a.recharge,
body#forwarding		div.menu a.forwarding,
body#speeddials		div.menu a.speeddials,
body#cpe			div.menu a.cpe {
	color: #A51129 !important;
	background-image: none;
}


/*********************************************************/
/********************* Tab Menu styles *******************/
/*********************************************************/
.TabMenuTable 
{
	 border-width: 0px 0px 0px 0px;	 
	 /*width: 80%;*/
	 margin-bottom: 20px;
	 border-style: solid;
}

.Tab, .TabHover, .TabSelected {
	border: solid 1px #cccccc;
	color: #9C2B38;
	padding: 3px;	
	height: 14px;
	vertical-align: middle;
	text-align: center;
	cursor: hand;
	margin: 0px 40px;
	font-size: 11px;
}

.TabSelected {
	background-color:#D4DAE7;	
}

.TabHover {
	background-color:#f1f1f1;	
}



/*********************************************************/
/********** Digitalk form styles (generic) ***************/
/*********************************************************/
form.dtform {
	margin: 0px;
	padding: 0px
}

.dtformtable {
	width: auto;
	margin : 0px;
	text-align: left;
}

.dtformlabel  {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight : normal;
	background-color : transparent;
	color : #666666;
}

.dtformselect,
.dtformtext {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color : #000000;
}

.dtformbutton {
	font-family: Tahoma, Verdana, sans-serif;
	font-weight : normal;
	font-size: 11px;
}

.dtrequiredfield {
	font-size: 12px;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	padding: 2px;
	color : #FF9900;
	vertical-align: middle;
}


.dtgeneralformtable {
	width: 100%;
	border-collapse: collapse;
}

.dtformgrid {
	width: 100%;
	border-collapse: collapse;
	border-width: 0px;
	background-color: transparent;
	padding: 0px;
}

.dtformgrid-cell-label {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	background-color: transparent;
	padding: 3px;
	vertical-align : middle;
	text-align: left;
	border-width: 0px;
}

.dtformgrid-cell-label-right {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	background-color: transparent;
	padding: 3px;
	vertical-align : middle;
	text-align: right;
	border-width: 0px;
}

.dtformgrid-cell-input {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #333333;
	background-color: transparent;
	padding: 3px 3px 3px 3px;
	vertical-align : middle;
	text-align: left;
	border-width: 0px;
}

.dtformgrid-cell-spacer {
	font-size: 1px;
	height: 5px;
	background-color: transparent;
	padding: 0px;
	border-width: 0px;
}

.dtformgrid-cell-hspacer 
{
	width: 15px;
	font-size: 1px;
	background-color: transparent;
	padding: 0px;
	border-width: 0px;		
}

.dtformgrid-cell-button {
	background-color: transparent;
	padding: 5px 0px 5px 0px;
	vertical-align : middle;
	text-align: right;
	border-width: 0px;
}

.dtformlabel  {
}

table.dtformframetable {
	border-style: solid;
	border-width: 0px;
	border-color: #999999;
	height: auto;
}

td.dtformframecell {
	padding: 10px;
	vertical-align: middle;
}



.dtformhdr {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background-color : #99CC33;
	color : White;
	font-weight : bold;
	padding-bottom : 2px;
	padding-top : 2px;
	padding-left : 5px;
}

.dtthinrow {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 5px;
}

.dtgeneralcontainerbox {
	width:500px;
	background-color: #FFFFFF;
	padding: 20px;
}

.dtgeneralformbox {
	width:458px;
	padding:20px;
	border-width:1px;
	border-style:solid;
	border-color: #cccccc;
	position: relative;
}


div.dterrorbox {
	width: 100%;
	padding: 5px 0px 5px 0px;
	clear : both;
}

a.dtlink {
	font-size: 11px;
	font-weight: normal;
	font-family: Tahoma, Verdana, sans-serif;
	color: #708DB9;
	text-decoration: none;
	background-color : transparent;
}

a.dtlink:hover {
	color: #A51129;
}

.dterror {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background-color : transparent;
	color : #cc3300;
}

.dtmaintext  {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background-color : transparent;
	clear : both;
	color : #666666;
}

.dtformmessagetext 
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background-color : transparent;
	clear : both;
	color : #666666;
}

.dtsmallcommenttext  {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 9px;
	background-color : transparent;
	clear : both;
	color : #333333;
}


.dtcheckboxlist label,
.dtradiobuttonlist label
{
	margin-left: 10px;
}

.dtcheckboxlist,
.dtradiobuttonlist
{
	margin: 10px 0px 20px 0px;
}

.dtcheckboxlist span,
.dtradiobuttonlist span
{
	display: block;
	margin-bottom: 5px;
}

span.requiredfield {
	font-weight: bold;
}
.dtformtext {
	font-size: 11px;
	color: #666666;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: normal;
}

.dtformcolourlabel  {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight : normal;
	background-color : transparent;
	color : #6F84B1;
}

.dtformvalidator {
	color: #DB8115 !important;
}
.dtformvalidationsummary {
	color: #DB8115 !important;
}

/*********************************************************/
/************ Digitalk form styles (specialist) **********/
/*********************************************************/

/* Subscription styles */
.dtsubscribecontainerbox {
	width:600px;
	background-color: #FFFFFF;
	padding: 0px 0px 0px 0px;	
	margin: 0px 0px 0px 0px;	
}

.dtsubscribecontainerbox {
	margin: 0px auto 0px auto;
}

.dtsubscribecontainerbox img {
	display: block;
	
}

.dtsubscribecontainerbox,
.dtsubscribecontainerbox div {
}

.dtsubscribeformbox {
	padding: 20px 10px 0px 10px;
	text-align: left;
	width: 500px;
}

.dtsubscribeheading {
	width:480px;
	font-family: Tahoma, Verdana, sans-serif;
	font-weight: bold;
	font-size: 12px;
	color: #FFFFFF;
	padding: 3px 0px 3px 20px;
	margin: 5px 0px 5px 0px;
}

.dtsubscribesubheading {
	font-family:Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color : #666666;
	border-width:1px 0px 1px 0px;
	border-style:solid;
	border-color: #666666;
	padding: 2px 0px 2px 0px;
}

.dtsubscribeheading {
	display: none;
}

.dtsubscribetable {
	width: 100%;
	border-collapse: collapse;
}

.dtsubscribetable td {
	padding: 2px 0px 2px 0px;
}

select#dtnationality,
select#dtprofession {
	width: 150px;
}


#dtformtable-login {
	position: relative;
	left: 50px;
}

#dtformtable-cli {
	position: relative;
	left: 50px;
}

#dtformtable-credittopup {
	width: 100%;
}

#dtformtable-clidelete {
	position: relative;
	left: 50px;
	width: 250px;
}


div.logindetails {
	position: absolute;
	top: -15px;
	right: 2px;
	width: 200px;
	text-align: right;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
}

div.userinfo {
	position: absolute;
	top: 15px;
	margin: auto 0px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #A51129;
	display: inline;
}

div.logoutlogin {
	position: absolute;
	top: 15px;
	margin: auto 0px;	
	text-align: right;
	width: 760px;
}

div.logoutlogin a {
	text-align: right;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #A51129;
}


div.logindetails span.account {
	color: #666666;
	margin-right: 10px;
}

div.logindetails a {
	font-size: 10px;
	font-weight: bold;
}

div.logindetails a:hover {
	color: #A51129;
}

div.cdrsummary {
	position: absolute;
	top: 70px;
	right: 30px;
	width: 200px;
}

div.cdrs {
	margin: 30px 0px 30px 0px;
}



table.dtusercallbarring-grid
{
	width: 70%;
	margin-bottom: 20px;
}

table.dtphonebook-grid
{
	width: 100%;
	margin-bottom: 20px;
}

table.dtpagertable
{
	width: 100%;
	margin-bottom: 3px;
}

table.dtregisteredclis,
table.dtregisteredclis-pagetable
{
	width: 85%;
}

table.dtregisteredclis-pagetable
{
	margin-bottom: 3px;
}

table.dtcallsummary
{
	width: 80%;
	padding: 3px;
}

table.dtcallsummary td.summaryvalue
{
	text-align: left;
}

table.dtcallsummary td.spacer
{
	width: 10%;
}

table.callforwarding
{
	width: 100%;
	margin-bottom: 20px;
}

.dtcarddetailtable {
	width: 85%;
	border-collapse: collapse;
}

.dtcarddetailtable td
{
	padding: 3px;
}

table.dtcallingpackages {
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
	border-color: #333366;
}

table.dtcallingpackages td {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	/*color: #333333;*/
	/*background-color: #f5f5f5;*/
	border-bottom: solid 1px #ffffff;
	padding: 3px;
	vertical-align: middle;
}

table.dtcallingpackage-grid,
table.dtcallingpackagedetail {
	width: 100%;
	margin-bottom: 20px;
}

table.dtcallingpackagedetail td {
	padding: 5px 5px 5px 5px !important;
}

#dtvoucherrecharge-form
{
	width: 70%;
}

#dtdeviceregistration-form
{
	width: 50%;
}

#dtdeviceregistration-form td.dtformgrid-cell-label
{
	width: 50%;
}

#dtdeviceregistration-form td.dtformgrid-cell-input
{
	width: 50%;
}

/*********************************************************/
/******************** Webphone styles ********************/
/*********************************************************/

div.userwebphoneinfo {
	position: absolute;
	top: 5px;
	/*left: 350px;*/
	/*width: 150px;*/
	width: 760px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #A51129;
	vertical-align: top;
	text-align: center;
}


div.webphonestatus 
{
	display: inline;
	margin-right: 10px;
}

div.webphonestatus img
{
	display: inline;
	padding: 0px;
	margin: 0px;
}

div.webphonetext
{
	display: inline;
}

div.webphonetext a {
	font-family: Verdana;
	font-weight: bold;
	font-size: 10px;
	color: #A51129;
}

/*********************************************************/
/********* Digitalk datagrid (horizontal) styles *********/
/*********************************************************/

/* Data grid - horizontal */
.dtdatagrid-h {
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
	border-color: #CECECE;
	margin-bottom: 10px;
}

.dtdatagrid-h-head {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #CECECE;
	border-bottom: solid 1px #ffffff;
	padding: 3px;
	vertical-align : middle;
}

.dtdatagrid-h-cell-11,
.dtdatagrid-h-cell-12,
.dtdatagrid-h-cell-21,
.dtdatagrid-h-cell-22 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 3px;
	background-color: #f5f5f5;
	vertical-align : middle;
	border-bottom: solid 1px #ffffff;
}

/*********************************************************/
/********* Digitalk Datagrid (vertical) styles ***********/
/*********************************************************/

.dtdatagrid-v {
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
	border-color: #333366;
}

.dtdatagrid-v-head {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-color: #f5f5f5;
	border-bottom: solid 1px #ffffff;
	padding: 3px;
	vertical-align: middle;
}

.dtdatagrid-v-cell-11,
.dtdatagrid-v-cell-12,
.dtdatagrid-v-cell-21,
.dtdatagrid-v-cell-22 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #333333;
	background-color: #f5f5f5;
	border-bottom: solid 1px #ffffff;
	padding: 3px;
	vertical-align: middle;
}

/*********************************************************/
/************* Digitalk datalist styles ******************/
/*********************************************************/

/* Data list */
.dtdatalist-head-small {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
}

/* Data list - horizontal */
.dtdatalist-h {
	border-collapse: collapse;
	border-style: solid;
	border-width: 0px;
	border-color: #666666;
}

.dtdatalist-h-head {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	background-color: #CECECE;
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #666666;
	padding: 2px 2px 2px 2px;
	vertical-align : top;
}

.dtdatalist-h-cell
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 4px 2px 4px 2px;
	background-color: #ffffff;
	vertical-align : middle;
	border-width: 0px;
}


.dtdatalist-h-cell-11,
.dtdatalist-h-cell-12,
.dtdatalist-h-cell-21,
.dtdatalist-h-cell-22 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 4px 2px 4px 2px;
	background-color: #ffffff;
	vertical-align : middle;
	border-width: 0px;
}

/* Data list - vertical */
.dtdatalist-v {
	border-collapse: collapse;
	border-width: 0px;
}

.dtdatalist-v-head {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #666666;
	background-color: #FFFFFF;
	border-width: 0px;
	padding: 2px;
	vertical-align : top;
}

.dtdatalist-v-cell-11,
.dtdatalist-v-cell-12,
.dtdatalist-v-cell-21,
.dtdatalist-v-cell-22 {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 2px;
	background-color: #ffffff;
	vertical-align : top;
	border-width: 0px;
}


/*********************************************************/
/*********** UI.WebControls.Datagrid styles **************/
/*********************************************************/
.dtdatagrid {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 10px;
}

.dtdatagrid a:link,
.dtdatagrid a:active,
.dtdatagrid a:visited,
.dtdatagrid a:hover {
	font-family: Tahoma, Verdana, sans-serif;
}

.dtdatagrid th,
.dtdatagrid td {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	vertical-align: middle;
	padding: 3px !important;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #fff !important;
}

/* Header row */
.dtdatagrid .dtheader td, 
.dtdatagrid .dtheader th
{
	background-color: #cecece;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
	padding: 5px 10px 5px 10px !important;
}

.dtdatagrid .dtheader a:link,
.dtdatagrid .dtheader a:active,
.dtdatagrid .dtheader a:visited {
	color: #ffffff;
	text-decoration: none;
}


.dtdatagrid .dtheader a:hover {
	text-decoration: none;
}

/* Footer row */
.dtdatagrid .dtfooter td
{
	font-weight: normal;
	font-size: 11px;
	background-color: #f0f0f0;
	color: #666666;
	padding: 3px 10px 3px 10px !important;
}


/* Pager row */
.dtdatagrid .dtpager {
	background-color: #ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-align: right
}

.dtdatagrid .dtpager td {
	text-align: right
}

.dtdatagrid .dtpager  span {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffffff;
	color: #666666;
	text-align: right
}


.dtdatagrid .dtpager a:link,
.dtdatagrid .dtpager a:active,
.dtdatagrid .dtpager a:visited {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	color: #9C2B38;
	text-decoration: none;
}

.dtdatagrid .dtpager a:hover {
	font-family: Tahoma, Verdana;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}

/* Item and Alternatingitem styles */
.dtdatagrid .dtitem,
.dtdatagrid .dtalternating-item
{
	font-size: 11px;
	background-color: #f5f5f5;
	color: #666666;
}

.dtdatagrid .dtitem td,
.dtdatagrid .dtalternating-item td 
{
	padding: 3px 10px 3px 10px !important;
}

.dtdatagrid .dtitem a:link,
.dtdatagrid .dtitem a:active,
.dtdatagrid .dtitem a:visited,
.dtdatagrid .dtalternating-item a:link,
.dtdatagrid .dtalternating-item a:active,
.dtdatagrid .dtalternating-item a:visited {
	color: #9C2B38;
	text-decoration: none;
	font-weight: normal;
}

.dtdatagrid .dtitem a:hover,
.dtdatagrid .dtalternating-item a:hover {
	text-decoration: none;
	font-weight: normal;
}

.dtdatagrid .dtitem a[disabled],
.dtdatagrid .dtalternating-item a[disabled] {
	color: #666666;
}




/*********************************************************/
/******************* Paging styles ***********************/
/*********************************************************/

/* Make the paging buttons look like image links */
.PagingButtonFirst,
.PagingButtonPrevious,
.PagingButtonNext,
.PagingButtonLast
{
	border-width: 0px;
	margin-left: 1px;
	background-repeat: no-repeat;
	background-color: Transparent;
	height: 16px;
	width: 14px;
	cursor: hand;
}

.PagingButtonFirst
{
	background-image: url("../Images/dtrecnav-first.gif");
}

.PagingButtonPrevious
{
	background-image: url("../Images/dtrecnav-previous.gif");
}

.PagingButtonNext
{
	background-image: url("../Images/dtrecnav-next.gif");
}

.PagingButtonLast
{
	background-image: url("../Images/dtrecnav-last.gif");
}

.PageNumberLabel
{
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	background-color : transparent;
	clear : both;
	color : #666666;
	border-width: 0px;
	margin: 0px, 5px, 5px, 5px;
	height: 18px;
	width: 80px;
	text-align: center;
}


/*********************************************************/
/******************** Misc styles ************************/
/*********************************************************/

table.Fixed
{
	table-layout: fixed !important;
}

table.Fixed td
{
	overflow: hidden !important;
	white-space: nowrap !important;
	text-overflow: ellipsis !important; /* Non-standard; IE only */
}


a.dtdatalink {
	font-size: 11px;
	font-weight: normal;
	font-family: Tahoma, Verdana, sans-serif;
	color: #708DB9;
	text-decoration: underline;
	background-color : transparent;
}

a.dtdatalink:hover{
	color: #A51129;
}


div.datepicker .dtformlabel,
div.cdrs .dtmaintext,
div.cdrs a.dtlink  {
	font-size: 11px !important;
}

div.cdrs a.dtlink  {
	font-size: 11px !important;
	margin-left: 5px;
}

div.cdrs .dtmaintext  {
	color: #666666;
}

.dtformbuttonbox {	
	margin: 20px 20px 20px 0px;
	text-align: right;
}

table#dtformtable-login,
form#dtform-speeddials table.dtformframetable,
table#dtformtable-credittopup, 
table#dtformtable-cli,
form#dtform-callback {
	background-color: #f5f5f5;
	border: solid 1px #cccccc;
}

#dtform-callback table#dtformtable-callback,
#dtform-callback table#dtformgrid-callback {
	width: 100%;
}

.DigitalkWebVersion {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	font-weight : normal;
	background-color : transparent;
	color : #666666;
}

.AssemblyVersion {
	background-color: #eeeeee;
	padding: 5px 10px;
	font-size: 10px;
	color: #999999;
}

.CheckBoxImageActive
{
	display:block;
	width:13px;
	height:13px;
	background-image: url("../images/active.gif");
	background-repeat: no-repeat;
	background-position:center;
}



table#dtdatagrid-callhistory td.calltype
{
	width: 8%;	
	text-align: center;
}

table#dtdatagrid-callhistory td.date {}
table#dtdatagrid-callhistory td.to {}
table#dtdatagrid-callhistory td.from {}

table#dtdatagrid-callhistory td.tariff
{
	width: 15%;	
}
table#dtdatagrid-callhistory td.duration
{
	width: 12%;
	text-align: center;	
}
table#dtdatagrid-callhistory td.cost
{
	width: 10%;
	text-align: center;	
}