@charset "UTF-8";



/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* Horizontal Tabbed Panels
 *
 * The default style for a TabbedPanels widget places all tab buttons
 * (left aligned) above the content panel.
 */

/* This is the selector for the main TabbedPanels container. For our
 * default style, this container does not contribute anything visually,
 * but it is floated left to make sure that any floating or clearing done
 * with any of its child elements are contained completely within the
 * TabbedPanels container, to minimize any impact or undesireable
 * interaction with other floated elements on the page that may be used
 * for layout.
 *
 * If you want to constrain the width of the TabbedPanels widget, set a
 * width on the TabbedPanels container. By default, the TabbedPanels widget
 * expands horizontally to fill up available space.
 *
 * The name of the class ("TabbedPanels") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabbedPanels container.
 */
.TabbedPanels {
margin-top:-15px;
margin-left:0px;
margin-right:0px;
margin-bottom:0px;
	padding: 0px;
	clear: none;
	width: 330px;
	/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}

/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
margin-top:20px;
font-weight:bold;
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	display:block;
	height:23px;
	float: left;
	position: relative;
	top: 2px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	cursor: pointer;
	color:#666;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.TabbedPanelsTab span {
	display:block;
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}

/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */



.TabbedPanelsTabHover {
	color:#900;
}

.TabbedPanelsTabHover span {
display:block;
	padding:4px 15px 7px 0;
}


/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	color:#900;
}

.TabbedPanelsTabSelected span {
    display:block;
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}


/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
+margin-top:-20px;
	clear: both;
	background-color: #fff;
	height:180px;
		+height:200px;
	text-align:left;
	

	}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
		padding: 4px;
		
}

/*.TabbedPanelsContent ul{
list-style:none;
margin:0px;
padding:0px;
font-size:14px;
}

.TabbedPanelsContent ul li{
margin-left:50px;
padding-top:20px;
height:1.2em;
float:left;
width:50px;}

.TabbedPanelsContent ul li span{
margin-left:100px;}


.TabbedPanelsContent img{
float:right;
	padding: 4px;
	}*/

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
 



#rates .TabbedPanels {
   margin:0px auto;
   	padding: 0px;
	clear: none;
	width: 390px;
}



#rates .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


#rates .TabbedPanelsTab {
	display:block;
	font-weight:bold;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	cursor: pointer;
	color:#666;
	-moz-user-select: none;
	-khtml-user-select: none;
}



#rates .TabbedPanelsTabHover {
	color:#666;
}




#rates .TabbedPanelsTabSelected {
	color:#336699;
}




#rates .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}


#rates .TabbedPanelsContentGroup {
	clear: both;
	padding:0px;
	margin:0px;
	text-align:left;
	height:120px;
	+height:100px;	
}


#rates .TabbedPanelsContent {
padding:0px;
padding-top:15px;
+padding-top:0px;
color:#336699;

}




/*-------------------------------------------------home sms call...页面*/
div.home{

height:23px;
margin-top:2px;
margin-right:60px;
text-align:right;
font-size:12px;
font-weight:bold;
}

div.voicemail{
height:40px;
margin-top:2px;
margin-bottom:3px;
margin-right:60px;
padding:0px;
border:0px;
text-align:right;
vertical-align:top;
font-size:12px;
font-weight:bold;
}

div.button{
margin-top:-63px;
+margin-top:-62px;
_margin-top:-62px;
vertical-align:bottom;
}

div.call_button{
position:relative;
left:278px;
width:33px;
height:30px;
padding:0px;

margin:0px;
}

div.check_rate{
	position:relative;
	left:278px;
	width:33px;
	height:40px;
	padding:0px 10px 0px 0px;
	margin:0px 0px 0px 0px;
	
	margin-top:-50px;
}

div.home_card{
float:left;
margin:0px;
	width:298px;
	height:200px;
	text-align:left;
	color:#333333;}
	

	
/*  tokiva card   */

	  

/*  home_contacts  */


.home-contacts{
margin-top:0px;
height:381px;
border:solid 1px  #B9B9B9;
border-top:none;
}



/*---------------------------------------------------------------提示信息 错误信息 成功信息----------------*/
div.home_message{
text-align:left;
font-weight:bold;
color:#900;
margin-left:80px;
padding:0px;
}

div.message{
color:#900;
}

div.wrong_message{
background:url(../images/message.png) no-repeat;
border: solid 1px #FE8F00;
padding-left:30px;
padding-top:0px;
padding-bottom:5px;
+padding-bottom:3px;
_padding-bottom:3px;
text-align:left;
vertical-align:middle;
font-size:12px;
font-weight:bold;
color:#E05921;
margin:0px;
}

div.ok_message{
background:url(../images/ok_message.png) no-repeat;
border: solid 1px #018903;
padding-left:30px;
padding-top:2px;
padding-bottom:2px;
text-align:left;
vertical-align:middle;
font-size:12px;
font-weight:bold;
color:#018903;
margin:0px 15px 10px 15px;
}












/*-----------------------------home contacts  -----------*/

.c_TabbedPanels {
    margin:0px;
	margin-top:-15px;
	padding: 0px;
	clear: none;
	width: 198px;
	/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.c_TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


.c_TabbedPanelsTab {
	display:block;
	height:23px;
	float: left;
	position: relative;
	top: 2px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	/*background:url('tab-back.png') no-repeat;*/
	list-style: none;
	cursor: pointer;
	color:#666;
	font: bold 13px /* Arial*/;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.c_TabbedPanelsTab span {
	display:block;
	/*background:url('tab-back.png') right top no-repeat;*/
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}


.TabbedPanelsTabHover {
font-weight:bold;
	/*background:url('tab-hover.png') no-repeat;*/
	color:#900;
}

.TabbedPanelsTabHover span {
    display:block;
	/*background:url('tab-hover.png') right top no-repeat;*/
	padding:4px 15px 7px 0;
}



.TabbedPanelsTabSelected {
    font-weight:bold;
	/*background:url('tab-current.png') no-repeat;*/
	color:#900;
}

.TabbedPanelsTabSelected span  {
    display:block;
	/*background:url('tab-current.png') no-repeat right top;*/
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}



.c_TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}


.c_TabbedPanelsContentGroup {
	clear: both;
	margin-top:-5px;
	+margin-top:-10px;
	_margin-top:-5px;
	background-color: #fff;
	height:367px;
	+height:375px;
	_height:370px;
	text-align:left;
}


.c_TabbedPanelsContent {
  text-align:center;
    margin:0px;
	margin-top:6px;
	margin-left:5px;
	padding: 0px;
}

/*.c_TabbedPanelsContent ul{
margin:0px;
padding:0px;
}

.c_TabbedPanelsContent ul li{
margin:1px;
list-style:none;
padding:2px;
width:190px;
height:58px;
padding-bottom:2px;
border-bottom:dashed 1px #B9B9B9;
}*/


.c_TabbedPanelsContent span img {
border:solid 1px  #B9B9B9;
margin-right:2px;
	} 



.contacts_list{
margin:0px;
margin-top:3px;
padding:0px;
border:0px;
padding-bottom:5px;
+padding-bottom:3px;
_padding-bottom:3px;
list-style:none;
width:190px;
height:58px;
border-bottom:dashed 1px #B9B9B9;
}


/*.home_contacts_search{
margin:2px;
margin-left:10px;
}*/


.contacts_table{
width:190px;
color: #333333;
}


.contacts_table tbody tr:hover td, tbody tr:hover th {
	background-color:#F0F7FB;
		}


/*-------------------------------------------------voivemail  inbox outbox-------*/

.vm_TabbedPanels {
    margin:0px;
	margin-top:-15px;
	padding: 0px;
	clear: none;
	width: 205px;
	_width: 200px;
	
	/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


.vm_TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


.vm_TabbedPanelsTab {
	display:block;
	height:23px;
	float: left;
	position: relative;
	top: 2px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	list-style: none;
	cursor: pointer;
	color:#666;
	font: bold 13px /* Arial*/;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.vm_TabbedPanelsTab span {
font-weight:bold;
	display:block;
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}


.TabbedPanelsTabHover {
font-weight:bold;
	color:#900;
}

.TabbedPanelsTabHover span {
    display:block;
	padding:4px 15px 7px 0;
}



.TabbedPanelsTabSelected {
	color:#900;
}

.TabbedPanelsTabSelected span  {
display:block;
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}



.vm_TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}


.vm_TabbedPanelsContentGroup {
	clear: both;
	background-color: #fff;
	height:362px;
	+height:360px;
	text-align:left;
}


.vm_TabbedPanelsContent {
    text-align:center;
    width:189px;
    height:20px;
	margin:2px 2px 2px 2px;
	
}
/*------------home page  voicemail inbox outbox 列表块设置
.vm_list{
text-align:center;
width:196px;
height:20px;
margin:2px;
} */

/*------------home page  voicemail inbox outbox 列表表头设置 */
.vm_TabbedPanelsContent table{
color:#333333;
}

.vm_TabbedPanelsContent table td+td+td,
col.price{
	text-align:right;
}

.vm_TabbedPanelsContent table thead tr td {
    padding:2px auto;
	text-align:center;
	background:#E6E6E6;
 border-style:solid;
 border-bottom-color:#C1C1C1;
 border-top-color:#FFFFFF;
 border-left-color:#FFFFFF;
 border-right-color:#C1C1C1;
 border-width:1px;
 font-size:11px;
 
  }


.vm_TabbedPanelsContent table tbody td, tbody th {
	background-color:#F0F7FB;

	}
	
.vm_TabbedPanelsContent table tbody tr.er th,tbody tr.er td {
	background-color:#ffffff;	
}


.vm_TabbedPanelsContent tbody tr:hover td, tbody tr:hover th {
	background-color:#C7E0F2;
	color:#990000;
	}



/*----------------------------------------contacts history download reseller credits-----------*/

#content .TabbedPanels {
   margin:0px 0px 0px 0px;
	padding: 0px;
	clear: none;
	width: 635px;
	+width: 632px;
	_width: 632px;
	/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}




#content .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


#content .TabbedPanelsTab {
	display:block;
	height:23px;
	font-weight:bold;
	top: 2px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	background:url('tab-back1.png') no-repeat;
	list-style: none;
	cursor: pointer;
	color:#666;
	-moz-user-select: none;
	-khtml-user-select: none;
}

#content .TabbedPanelsTab span {
	display:block;
	font-weight:bold;
	background:url('tab-back1.png') right top no-repeat;
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}


#content .TabbedPanelsTabHover {
	background:url('tab-hover1.png') no-repeat;
	color:#666;
}

#content .TabbedPanelsTabHover span {
    display:block;
	background:url('tab-hover1.png') right top no-repeat;
	padding:4px 15px 7px 0;
}



#content .TabbedPanelsTabSelected {
	background:url('tab-current1.png') no-repeat;
	color:#900;
}

#content .TabbedPanelsTabSelected span  {
display:block;
	background:url('tab-current1.png') no-repeat right top;
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}



#content .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}


#content .TabbedPanelsContentGroup {
	clear: both;
	margin-top:-5px;
	+margin-top:0px;
	_margin-top:-5px;	
	border-left: solid 1px #B9B9B9;
	border-bottom: solid 1px #B9B9B9;
	border-top: solid 1px #B9B9B9;
	border-right: solid 1px #B9B9B9;
	background-color: #fff;
	text-align:left;
	height:auto;
}


#content .TabbedPanelsContent {
padding:15px 5px;
}

#content .TabbedPanelsContent ul{
list-style:none;
margin:0px;
padding:0px;
}

#content .TabbedPanelsContent ul li{
list-style:none;
margin:0px;
margin-bottom:10px;
padding:0px;
height:66px;
}

#contacts{}

#contacts .TabbedPanels {
    margin:0px;
	padding: 0px;
	clear: none;
	text-align:center; 
	width:400px; 
	margin:0px 0px 20px 20px;
	
	/* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


#contacts .TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}


#contacts .TabbedPanelsTab {
	display:block;
	height:23px;
	float: left;
	font-weight:bold;
	position: relative;
	top: 2px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 0px 0px;
	background:url('tab-back1.png') no-repeat;
	list-style: none;
	cursor: pointer;
	color:#666;
	font: bold 13px /* Arial*/;
	-moz-user-select: none;
	-khtml-user-select: none;
}

#contacts .TabbedPanelsTab span {
	display:block;
	font-weight:bold;
	background:url('tab-back1.png') right top no-repeat;
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}


#contacts .TabbedPanelsTabHover {
	background:url('tab-hover1.png') no-repeat;
	color:#666;
}

#contacts .TabbedPanelsTabHover span {

    display:block;
	background:url('tab-hover1.png') right top no-repeat;
	padding:4px 15px 7px 0;
}



#contacts .TabbedPanelsTabSelected {
	background:url('tab-current1.png') no-repeat;
	color:#900;
}

#contacts .TabbedPanelsTabSelected span  {
display:block;
	background:url('tab-current1.png') no-repeat right top;
	padding:4px 15px 7px 0;
	margin:0px 0 0 0;
}



#contacts .TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}


#contacts .TabbedPanelsContentGroup {
	clear: both;
	margin-top:-5px;

	+margin-top:0px;
	_margin-top:-5px;	
	border-left: solid 1px #B9B9B9;
	border-bottom: solid 1px #B9B9B9;
	border-top: solid 1px #B9B9B9;
	border-right: solid 1px #B9B9B9;
	background-color: #fff;
	height: auto;
	text-align:left;
}


#contacts .TabbedPanelsContent {
padding:20px 5px;
}








/*-----------------------------------------------表单设置-----------------------------------------------*/
 input, select,textarea{
 font: 11px/1.5em  Verdana, Arial, Helvetica, sans-serif;
 color:#333333;}
  
input.short{
    height:15px;
	width: 115px;

}

select.short{
    height:19px;
    +height:21px;
    _height:19px;
	width:75px;

}

input.conference{
    height:15px;
	width: 200px;

}


input.vm{
    height:15px;
	width: 170px;

}

input.CardNumber{
    height:15px;
	width: 150px;
    width: 148px;
}



input.long, select.long, textarea.long{
height:15px;
	width: 210px;
}



input.m {
height:15px;
_height:16px;
	width:185px;
}




input.LoginVerification{
height:15px;
width:116px;
+width:113px;

}

input.BuyVerificationCode{
width:36px;
height:15px;
_height:16px;
}
 
input.BuyState{ 
  width:81px;
  height:15px;
 _height:16px;
  }
  
input.DownloadNumber{ 
  width:166px;
 +width:176px;
  -width:174px;
  height:15px;}
  
  
input.Login{
 width:205px;
  height:15px;}
  
input.DownloadVerification{
 width:60px;
 height:15px;
}

select.DownloadPhoneNumber{ 
 width:170px;
 +width:182px;
 -width:180px;
  height:19px;
  +height:21px;
 _height:21px;}
  
select.BuyCountry{
 width:90px;
 height:19px;
 +height:21px;
 _height:21px;
 
 }

select.BuyState{
  width:100px;
  height:18px;
  +height:23px;
  _height:21px;

}
  
select.BuyVerificationCode{
width:56px;
  height:19px;
  +height:21px;
  _height:21px;
 }
 
 
select.m{
height:18px;
	width: 189px;
	_width: 191px;
}

select.call {
	width: 214px;
	+width: 216px;
}

textarea.sms{
	width:170px;
	height:35px;
}

textarea.apply{
width:185px;
height:50px;}

textarea.invite{
_margin-right:4px;
	width:388px;
	height:190px;
	
}

.btn{
background: url(../images/button_bg.png) repeat-x;
border:solid 1px #2666AA;
height:20px;
+height:22px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
padding-bottom:4px;
+padding:0px 4px 3px 4px;
}

.YellowBtn{
background: url(../images/button_bg_yellow.png) repeat-x;
border:solid 1px #FEBC6C;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#ffffff;
padding-bottom:4px;
_padding:0 4px;
}

/*------------------------------------ 文字设置*/
.YellowText{/*-------SreenName    PrinaryPhone  TokivaIM--页面文字*/
font-size:12px;
font-weight:bold;
color:#FEA318;
}