html, body { 
 margin:0; 
 padding:0; 
 text-align:center; 
} 

body, table, select, input, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

body { 
	font-size: 12px;
	line-height: 20px;
	font-weight:normal;
	color: #d0d0d4;
	background: #010101 url(../images/bg_voxofon.jpg) top left repeat-x;
}

form {
	padding: 0; 
	margin: 0;
}

a {
	color: #ed479d;
	text-decoration: none; 
}
a:hover {
	color: #ffffff; 
	text-decoration: none;
}

a.readmore { 
	font-style:italic;
}

a.readmore:hover { 
	font-style:italic;
}

p { 
	padding: 0;
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 20px;
	font-weight:normal;
}

h1 { 
	padding: 0px;	
  margin: 2px 0px 5px 0px;
	font-size: 22px;
	font-weight:normal;
	color: #FFFFFF;
	line-height:22px;
}

h2 { 
	padding: 0px 0px 0px 0px;
	margin: 5px 0 10px 0;	
	font-size: 15px;
	font-weight:bold;
	color: #ed479d;
	line-height:20px;
  }

h3 { 
	padding: 0px 0px 0px 0px;
	margin: 0px;	
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	color: #ed479d;
	line-height:20px;
}

h4 { 
	padding: 0px 0px 0px 0px;
	margin: 0px;
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	color: #ed479d;
	line-height:20px;
}

h5 { 
	padding: 0px 0px 0px 0px;
	margin: 0px;	
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	color: #ed479d;
	line-height:35px;
}


ul {
	list-style: none;
	margin: 10px 0 10px 10px; 
	padding-left:0;
}

ul li { 
	padding: 0px 0px 0px 20px;
	margin: 0px;	
	font-size: 12px;
	line-height: 20px;
	font-weight:normal;
	color: #d0d0d4;
	background-image:url(../images/button_item.gif);
	background-repeat:no-repeat;
	background-position:left center;
}


/**** MESSAGES ***/

p.msg_info, p.msg_error {
	margin: 10px;
	font-style: italic;
	font-weight: bold;
}

p.msg_error {
	color: #FF0000;
}

p.msg_info {
	color: #00EE00;
}

input.error, select.error {
	color: #FF2020;
}

/**** QFORMS ***/

form h2 {
	margin: 10px 0 10px 0;
}

div.qelement {
	margin: 5px 0;
}

span.qerror {
	color: red;
}

div.qbuttons {
	margin: 15px 0 0 0;
}


/**** TABLES ***/

table.tabledialog, table.tabledialog td, table.tabledialog th {
	border:1px solid #353847;
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size: 12px;
	font-weight:normal;
}
table.tabledialog td, table.tabledialog th {
	padding:.2em .5em;
	vertical-align:top;
	font-weight:normal;
	text-align: left;
}
table.tabledialog thead th {
	text-transform:uppercase;
	background:#be4588;
	color:#fff;
	padding:.2em .5em;
	margin: 0px;	

}
table.tabledialog tbody td, table.tabledialog tbody th {
	background:#353841;
	color:#be4588;
}
table.tabledialog tbody th, table.tabledialog tbody td:first-child {
	color:#8e9098;
}
table.tabledialog tbody tr.odd td {
	background:#3f414a;
}
table.tabledialog tbody tr.odd th {
	background:#3f414a;
}
table.tabledialog caption {
	text-align:right;
	font-size:140%;
	text-transform:uppercase;
/*	letter-spacing:-1px;*/
}

table.tabledialog tbody th a, table.tabledialog tbody td:first-child a {
	color:#8e9098;
}

table.tabledialog tbody th a:hover, table.tabledialog tbody td:first-child a:hover {
	color:#fff;
}

/* does not work in IE
table.tabledialog a {
	color: inherit;
	text-decoration: none;
}
*/
table.tabledialog a:hover {
	color: white;
	text-decoration: underline;
}

table.tabledialog_pages {
	padding: 4px;
	margin: 2px 0;
	width: 100%;
}


/**** LAYOUT ***/	
 
#page_margins { 
	background: url(../images/bg_voxofon_world.jpg) top left no-repeat;
	margin: 0 auto;
	width:830px; 
	text-align:left; 
}

#page{
	padding: 0px; margin: 0px; 
	}

#header{
	position:relative;
	overflow: hidden;
	height:90px;
	width:100%;
} 

#header_content{
	padding: 20px 0px 0px 0px;
	margin: 0px;
} 

#maintab1, #maintab2, #maintab3 {
	cursor: pointer;
}

#maincol{
}

#center {
	padding: 0px; 
	margin: 0px; 
	width:456px; 
	height:490px; 
	background: url(../images/bg_medio.png) top center no-repeat; 
}

#center_content { 
	padding: 10px 0px 0px 25px; 
	margin: 0px; 
}


/**** NAVBARS ***/	

#bottomnavbar {
	padding: 0px;
	margin: 0px;	
} 


#bottomnavbar_content {
	padding: 5px 5px 0px 5px;
	margin: 0px;	
}
 

#nav1 {
  padding: 0px;
	margin: 0px;	
	font-size: 12px;
	font-weight:normal;
	color: #aaadc2;
	outline: none;
}
 
#nav1 a, #footer2 a {
	color: #aaadc2;
	text-decoration:none;
	outline: none;
}

#nav1 a:hover, #footer2 a:hover {
	color: #fff;
	text-decoration:underline;
	outline: none;
}

#nav2 {
  padding: 0px;
	margin: 0px;	
	font-size: 12px;
	font-weight:normal;
	color: #fa0283;
	outline: none;
}
 
#nav2 a {
	color: #fa0283;
	text-decoration:none;
	outline: none;
}

#nav2 a:hover {
	color: #fff;
	text-decoration:underline;
	outline: none;
}

 
/**** PHONE APP ATTRIBUTES ***/	
/* Left Column*/

#console { 
	padding: 0px;
	margin: 0px;
	text-align:left;
}

#console p, #console_internal p { 
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	line-height: 20px;
	font-weight:bold;
}

/* Right Column*/  

#steps { 
	padding: 0;
}

#steps h2 { 
	color:#f14ca2; 
	padding: 0px;
	margin: 10px 0 0 0;
	font-size: 18px;
	font-weight:bold;
}

#steps h1 { 
	color:#f14ca2; 
	padding: 0px;
	margin: 0px;
	font-size: 24px;
	font-weight:bold;
}

#steps h3 { 
	color:#f1f1f1; 
	padding: 0px;
	margin: 0px;
	font-size: 17px;
	font-weight:bold;
	text-transform: none;

}

#steps p { 
	color:#f1f1f1; 
	padding: 0px;
	margin: 0px;
	font-size: 12px;
	font-weight:bold;
}

div.tips {
	height: 200px;
}
 
/**** RIGHT BANNERS ***/
/* note. use mode: 

<div id="banner_NAME" class="banner_right">
<div id="banner_NAME_content">          
<p>QUOTE</p>
<h4>AUTHOR</h4> 
</div>
</div>

*/

div.banner_right {
	padding: 0px;
	margin: 0px;
	width: 190px;
	height: 420px;
	color: #363948;
	font-size: 12px;
}

div.banner_right .place {
	margin-top: 15px;
}
div.banner_right .sign { 
	line-height: normal;
	font-weight: bold;
	font-style: normal;
	text-align: right;
}  

div.banner_right .text {
	line-height: 14px;
	font-weight: normal;
	font-style: italic;
	text-align: justify;
	margin: 10px 0px;
}

#banner_lena { 
	background: url(../images/banner_lena.png) top left no-repeat;
}

#banner_lena_content { 
	padding: 260px 15px 10px 15px;
	margin: 0px;
}

#banner_lisa { 
	background: url(../images/banner_lisa.png) top left no-repeat;
}

#banner_lisa_content { 
	padding: 250px 15px 10px 15px;
	margin: 0px;
}

#banner_peter { 
	background: url(../images/banner_peter.png) top left no-repeat;
}
  
#banner_peter_content { 
	padding: 260px 15px 10px 15px;
	margin: 0px;
}


/* start CreditCards BANNER */  
  
#banner_creditcards { 
	padding: 0px 0px 0px 0px;
	margin: 2px 0px 0px 0px;
	background: url(../images/creditcards.png) top left no-repeat;
	width:190px;
	height: 67px;
}

#banner_creditcards_content { 
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

/* end CreditCards BANNER */ 




/* LEFT BANNERS */
#left_content {
	position: relative;
}

#banner_upper { 
	width:190px;
}

#banner_upper .top {
	background: url(../images/banner_menu_top.png) top left no-repeat;
	height: 10px;
}

#banner_upper .mid {
	background: url(../images/banner_menu_mid.png) top left repeat-y;
	padding: 0 10px 0 10px;
}

#banner_upper .bot {
	background: url(../images/banner_menu_bot.png) top left no-repeat;
	height: 10px;
}


#banner_lower {
	position: absolute;
	top: 203px;
}

/* start FreeCall BANNER */ 

#banner_freecall_content { 
}

#banner_freecall_content h4 { 
	font-size: 18px;
	letter-spacing: -1px;
	line-height: normal;
	font-weight:bold;
	font-style:normal;
	color: #fff;
	padding:0px;
	margin: 0px;
	text-align:left;
	text-transform: none;
}

#banner_freecall_content p { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight:normal;
	font-style:normal;
	color: #fff;
	text-align:left;
	padding:0px;
	margin: 0 0 5px 0;
}

#banner_freecall_content a {
	display: block;
	height: 32px;
}


/* end FreeCall BANNER */  

/* start Sample BANNER */ 

#banner_sample_content { 
	font-size: 12px;
}

#banner_sample_content a {
	color: white;
}
#banner_sample_content a:hover {
	text-decoration: underline;
}


/* end FreeCall BANNER */  



/* start Services BANNER */   
  
#banner_services { 
  padding: 0px 0px 0px 0px;
	margin-bottom: 2px;
	background: url(../images/banner_services.png) bottom left no-repeat;
	width: 190px;
	height: 168px;
	cursor:pointer;
	display: block;
 }

#banner_services_content { 
	padding: 0px 10px 5px 10px;
	margin: 0px;
	display: block;
}

#banner_services_content .p {
	font-size: 10px;
	line-height: 14px;
	font-weight:normal;
	font-style:normal;
	color: #fff;
	text-align:left;
	padding: 135px 0px 0px 6px;
	margin: 0;
	display: block;
}

/* end Services BANNER */   
/* start MobileiPhone BANNER */   
  
  
#banner_mobileiphone {
	padding: 0px 0px 10px 0px;
	margin: 0px;
	background: url(../images/banner_iphone.png) top left no-repeat;
	width:190px;
	height: 120px;
	cursor:pointer;
	display: block;
}

#banner_mobileiphone_content { 
	padding: 85px 10px 5px 72px;
	margin: 0px;
	display: block;
}  
 

#banner_mobileiphone_content .p { 
	font-size: 10px;
	line-height: 12px;
	font-weight:normal;
	font-style:normal;
	color: #fff;
	text-align:left;
	padding:0px;
	margin: 0px;
	display: block;
}

/* end MobileiPhone BANNER */    

/* CONTROLLERS */  

.banner_link {
	display: block;
	background:url(../images/banner_link_black.png) top left no-repeat;
	width:178px;
	height:30px;
	text-align:left;
	vertical-align: middle;
	padding: 0 0 2px 14px;
	border: none;
	outline:none;
	cursor:pointer;
	color:#FFFFFF;
	font-size: 12px;
	line-height: 28px;
	font-weight:bold;
}

.banner_link:hover {
	text-decoration: underline;
}

.button_pink {
	background:url(../images/button_pink.png) top center no-repeat;
	width:102px;
	height:40px;
	text-align:center;
	vertical-align: middle;
	margin: 2px 2px;
	border: none;
	outline:none;
	cursor:pointer;
	color:#FFFFFF;
	font-size: 22px;
	font-weight:bold;
	line-height: 18px;
	font-weight:bold;
}

.button_pink.disabled {
	background: url(../images/button_pink_disabled.png) top center no-repeat;
	cursor: default;
	color: #ccc;
}


.button_generic_small {
	background:url(../images/button_small.png) top center no-repeat;
	width:90px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	padding: 0 0 2px 0;
	margin: 0;
	border: none;
	outline:none;
	cursor:pointer;
	color:#FFFFFF;
	font-size: 14px;
	line-height: 24px;
	font-weight:bold;
}

.button_generic_small.disabled {
	background:url(../images/button_small_disabled.png) top center no-repeat;
}


.button_generic_large {
	background:url(../images/button_large.png) top center no-repeat;
	width:137px;
	height:30px;
	text-align:center;
	vertical-align: middle;
	padding: 0 0 2px 0;
	border: none;
	outline:none;
	cursor:pointer;
	color:#FFFFFF;
	font-size: 14px;
	line-height: 24px;
	font-weight:bold;
}

.button_generic_large.disabled {
	background:url(../images/button_large_disabled.png) top center no-repeat;
}


.button_rates {
	background:url(../images/button_viewallrates.png) top center no-repeat;
	width:170px;
	height:40px;
	text-align:center;
	vertical-align: middle;
	margin: 2px 2px;
	padding: 8px;
	border: none;
	outline:none;
	cursor:pointer;
}


.button_black {
	background:url(../images/button_black.png) top center no-repeat;
	width:170px;
	height:32px;
	text-align:center;
	vertical-align: middle;
	margin: 4px 2px;
	border: none;
	outline:none;
	cursor:pointer;
	color:#FFFFFF;
	font-size: 16px;
	line-height: 24px;
	font-weight:bold;
}

.search_field {
	background:url(../images/field_call_fpn.png) top left no-repeat;
	width:200px;
	text-align:left;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	outline:none;
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	border: none;
	outline: none;
}


.welcome_field {
	background:url(../images/field_call_fpn.png) top left no-repeat;
	width:200px;
	text-align:left;
	vertical-align: middle;
	margin: 0 0 5px 0;
	padding: 5px;
	outline:none;
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	line-height: 15px;
	height: 15px;
	border: none;
	outline: none;
}


.small_field {
	background:url(../images/field_call_fpn.png) top left no-repeat;
	width:192px;
	text-align:left;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	outline:none;
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	border: none;
	outline: none;
}

.xsmall_field {
	background:url(../images/field_xsmall.png) top left no-repeat;
	width:60px;
	text-align:left;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	outline:none;
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	border: none;
	outline: none;
}


.large_field {
	background:url(../images/field_mail_cc.png) top left no-repeat;
	width:280px;
	text-align:left;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	outline:none;
	color:#fff;
	font-size: 12px;
	line-height: 15px;
	height: 15px;
	border: none;
	outline: none;
}

.textfeld {
	background:url(../images/bg_textarea_repeatx.jpg) top left repeat-x #96989f;
	width:200px;
	height: 115px;
	text-align:left;
	vertical-align: middle;
	margin: 0px;
	padding: 5px;
	color:#fff;
	font-size: 12px;
	line-height: 15px;
	border: 1px solid #c3c6ce;
	outline: none;
}  

.combobox {
	background: #96989f;
	text-align:left;
	vertical-align: middle;
	margin: 0px;
	color:#fff;
	font-size: 12px;
	line-height: 15px;
	border: 1px solid #c3c6ce;
	outline: none;
}


/* SPECIFIC DIVS */  
/* home numpad */ 

.phonenr {
	background:url(../images/field_call_fpn.png) top center no-repeat;
	width: 200px;
	height: 24px;
	text-align:left;
	vertical-align: middle;
	outline:none;
	color:#fff;
	font-size: 12px;
	font-weight: bold;
	border: none;
	outline: none;
}


a.key1 {
	display: block;
	width: 60px;
	height: 50px;
	background: url(../images/buttons_numbers_big_generic.png) top center no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	font-size: 30px;
	line-height: 46px;
	font-weight:bold;
	color: #fff;
	text-align:center;
	vertical-align: middle;
	outline: none;
}

a.key2 {
	display: block;
	width: 40px;
	height: 40px;
	background: url(../images/buttons_numbers_small_generic.png) top center no-repeat;
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	font-size: 20px;
	line-height: 30px;
	font-weight:bold;
	color: #f5f5f5;
	text-align:center;
	vertical-align: middle;
	outline: none;
}

a.key1:visited, a.key2:visited {
	color: #fff;
}

a.key1:hover, a.key2:hover {
	color: #000;
}

a.key1:active, a.key2:active {
	color: #fa0283;
}

#sub_controls{
	text-align:right;
	padding: 0 5px 0 5px;
}

div.frombox {
	height: 50px;
}

#webphone {
}

#webphone.frombox {
	padding-top: 4px;
	height: 46px;
}

.bg_webphone {
	background-color: #2A2B33;
}

#keypad {
	padding:12px 0 0 0;
}

#smstext {
	padding: 5px 0 10px 0;
	position: absolute;
	/*z-index: -1;*/
}

#smsta {
	width: 195px;
	height: 210px;
/*	height: 100%;*/
}

#phone_buttons {
	padding: 10px 0 0 0;
}

#topup_buttons {
	padding: 4px 20px 0 150px;
}

#topup_buttons b {
	font-size: 16px;
	color: #ed479d;
	font-weight: normal;
}

#topup_buttons em {
	font-size: 22px;
	color: #ed479d;
	font-weight: normal;
	font-style: normal;
}

#access_numbers tbody th {
	 color: #ed479d; 
	 font-size: 14px;
}

#access_numbers tbody td {
	 color: #d0d0d4; 
	 font-weight: bold;
}

#access_numbers tbody td:first-child {
	 padding-left: 40px;
	 font-weight: normal;
}

table.ims {
	width: 100%;
}

table.ims tbody td, table.ims tbody td:first-child{
	color: #d0d0d4;
}

/* INTERNAL PAGES */ 

#center_content_subpage {
	width:456px;
	background:url(../images/bg_content_top.png) top center no-repeat;
	margin: 0px;
	height:40px; 
}


.console_subpage { 
	padding: 10px 20px 10px 25px;
	margin: 0px;
	text-align:left;
}

.console_subpage td { 
	padding: 0px;
	margin: 0px;
}

#center_subpages {
	padding: 0px; 
	margin: 0px; 
	width:456px; 
	background: url(../images/bg_content_end.jpg) bottom center no-repeat;
}

#top_center_subpages {
	width:456px; 
	background: url(../images/bg_content_top_text.jpg) top center no-repeat; 
	min-height: 450px;
}

#center_bg { 
	width:456px; 
	background: url(../images/bg_center.jpg) top center repeat-y;
}

#center_subpages_internal {
	width:646px; 
	padding: 0px; 
	margin: 0px; 
	background: url(../images/bg_content_end_internal.jpg) bottom center no-repeat; 
}

#top_center_subpages_internal {
	width:646px; 
	background: url(../images/bg_content_top_text_internal.jpg) top center no-repeat; 
	min-height: 450px;
}

#center_bg_internal {
	width:646px; 
	background: url(../images/bg_center_internal.jpg) top center repeat-y;
}

.console_subpage_internal { 
	padding: 10px 20px 20px 25px;
	margin: 0px;
	text-align:left;
}

#center_content_subpage_internal {
	width:646px;
	background:url(../images/bg_content_top_internal.png) top center no-repeat;
	margin: 0px;
	height:40px;
}

 
#footer2{
	padding: 5px 0px 5px 0px;
	margin: 0px;	
	font-size: 12px;
	font-weight:normal;
	color: #aaadc2;
	text-align:center;
}


/* DIVIDERS */  

hr {
	width: 100%;
	color: #545768;
	background: transparent;
	height: 1px;
	border: none;
	border-top: 1px dashed #545768;
	margin-top: 10px;
	margin-bottom: 10px;
}

div.hr {
	height: 1px;
	border-top: 1px solid #444758;
	margin: 10px 0;
}


/* NAVIGATION */ 
/* loged left navbar */


#left_loged_nav_content { 
}  
 
#left_loged_nav_content p { 
	font-size: 12px;
	line-height: 14px;
	font-weight:bold;
	font-style:normal;
	color: #f5c0dc;
	text-align:left;
	padding:0px 0px 0px 0px;
	padding: 0; /*5px 0;*/
	margin: 0;
/*	margin: 5px 0;*/
	/*letter-spacing: -0.5px;*/
}    
  
#left_loged_nav_content p a,
#left_loged_nav_content p a:visited {
	color: #f5c0dc;
	text-decoration: none;
}

#left_loged_nav_content p a:hover {
	color: #fff;
	text-decoration: none;
}

#banner_upper .divider {
	width: 100%;
	height: 0px;
	border-top: 1px solid #ce3b87;
	border-bottom: 1px solid #f6a3ce;
	margin: 4px 0;
} 

 
/* NAVIGATION */ 
/* top navbar */
 
#menu_top { 
	margin: 2px 0px 0px 0px;
	background: url(../images/base_menu_top.png) top left no-repeat;
	width:181px;
	height: 73px;
}
  
#menu_top_content { 
	padding: 2px 5px 0px 5px;
}  

#menu_top_content p { 
	font-size: 11px;
	line-height: 11px;
	font-weight:bold;
	font-style:normal;
	color: #fff;
	text-align:left;
	padding: 5px 0px 5px 10px;
	margin: 0px;
/*	letter-spacing: -0.5px;*/
}    
  
#menu_top_content p a { 
	color: #fff;
	text-decoration: none;
}    
  
#menu_top_content p a:visited { 
	color: #fff;
	text-decoration: none;
}  
  
#menu_top_content p a:hover { 
	color: #ed479d;
	text-decoration: none;
}

div.navtop_divider {
	width: 170px;
	height: 0px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #6e717a;
	padding: 0;
	margin: 0;
	position: absolute;
}   


/* COLORS */ 
/* some classes to apply colors to specific texts */ 

.pink {
	color: #fa0283;
} 
 
.pink2 {
	color: #ed479d;
}

.blue {
	color: #666c86;
}

.red {
	color: red;
}

.grey {
	color: #d0d0d4;
}

.white {
	color: white;
}

.bwhite {
	font-weight: bold;
	color: white;
	font-size: 1.1em;
}

/**** Services page ***/
div.sermenu {
	color: #747788;
}

div.sermenu a {
/*	color: #ed479d;*/
/*	color: #545768;*/
	color: #747788;
	text-decoration: none; 
}
div.sermenu a.trynow {
	color: #ed479d;
/*	font-style: italic;*/
}
div.sermenu a:hover {
	color: #ffffff; 
	text-decoration: none;
}


/**** Prices ***/

#drates em, #wrates em {
	font-weight: bold;
	font-style: italic;
/*	color: #ed479d;*/
	font-size: 14px;
}

/**** Misc styles ***/

div.contacts_popup {
	position: absolute; 
	background-color: #3f414a; /*#353841;*/ /*#96989f;*/
	padding: 4px; 
	border: 1px solid #E0E0E0;
	width: 230px;
	font-size: 11px;
	overflow-y: scroll;
	height: 280px;
	color: white;
	box-sizing: border-box;
}

span.phonekey {
	display: inline-block;
	border: 1px solid #E0E0E0; 
	background-color: #606060;
	padding: 0px 4px;
	font-size: 11px;
	line-height: 14px;
	text-align: center;
}


/**** Table with feature list ***/

table.features {
}

table.features td {
	cursor: pointer;
	font-size: 13px;
	font-weight:bold;
	text-transform:uppercase;
	color: #ed479d;
	padding-left: 4px;
	height: 4em;
	border-top: 1px dashed #545768; 
}

table.features tr:first-child td {
	border-top: none;
}

table.features td.hi {
	color: #fff;
}


/**** Dynamic elements in Phone App ***/

input.suggest-input {
	font-size: 12px;
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
	color: white;
	outline: none;
}

input.suggest-input-image {
	border: none;
	padding: 0;
	margin: 0;
	background: transparent;
	cursor: pointer;
}

div.suggest-dropdown {
	position: absolute;
	z-index: 1;
	width: 230px;
	background-color: #96989f;
	padding: 1px;
	border: 1px solid #808080;
	font-size: 11px;
}

div.suggest-item {
	cursor: pointer;
	padding: 0 4px 0 4px;
	color: #fff;
}

div.suggest-item-selected {
	background-color: #2A2B33;
	color: #fff;
}

#origphone, #destphone, #contacts {
	font-weight: bold;
	width: 150px;
}

#origphone-dropdown, #destphone-dropdown {
	width: 225px;
}

#contacts-header {
	width: 100%; 
	margin-top: 2px;
}

#contacts-header th {
	padding-left: 2px;
	padding-right: 0px;
}

#contacts-dropdown {
	position: static;
	background-color: transparent; /*#353841;*/
	width: 100%; 
	height: 304px;
	padding: 0;
	border: none;
	overflow-x: hidden; 
	overflow-y: auto; 
}

#contacts-dropdown table.tabledialog tbody td, #contacts-dropdown table.tabledialog tbody th {
	border: none;
	padding-left: 2px;
	padding-right: 0;
}

#contacts-dropdown td:first-child {
	text-align: left;
	color: white;
}
/*
#contacts-dropdown table.tabledialog tbody td:first-child {
	color:#be4588;
	padding-left: 10px;
}
*/
#contacts-dropdown table.tabledialog div.suggest-item-selected {
	background-color: #2A2B33;
	color: #ed479d;
	text-decoration: underline;
}

#contacts-dropdown table.tabledialog tbody td:first-child a {
	color:#fff;
}

#contacts-dropdown table.tabledialog tbody td:first-child a:hover {
	color: #ed479d;
}


#contacts-dropdown div.suggest-item {
	cursor: pointer;
	color: #be4588;
	white-space: nowrap;
	overflow-x: hidden;
	width: 108px;
}

#origcountry-dropdown, 
#destcountry-dropdown {
	overflow-x: hidden;
	overflow-y: scroll;
	height: 300px;
}

#origcountry, #destcountry {
	display: block;
	width: 16px;
	height: 11px;
	margin: 1px 2px 0 6px;
}


.icon {
	display: inline-block;
	width: 16px;
	height: 16px;
	line-height: 16px;
	vertical-align: middle;
	background-position: center;
	background-repeat: no-repeat;
}

.icon-add {
	background-image: url(../../common/images/icon/add.png);
}

.icon-delete {
	background-image: url(../../common/images/icon/delete.png);
}

.icon-star-on {
	background-image: url(../../common/images/icon/star.png);
}

.icon-star-off {
	background-image: url(../../common/images/icon/star-off.png);
}

.icon-phone-go {
	background-image: url(../../common/images/icon/telephone_go.png);
}

.icon-help {
	background-image: url(../../common/images/icon/help.png);
}