/*
	Project: VobileInc.com
	Version: 3.0
	Author: Leo Zhang
	Last Update: 2009-02
	Email:zhang_chaojiong(at)voible.cn

*/


body {
	background-color: #101B1F;
	background-image: url(../images/background-2.gif);
    background-repeat: ;  
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	font-size:12px;
	color:#646464;
	line-height:18px;
	height:100%;  
	
}



h1,h2,h3,h4,h5,h6{ margin:0px; padding:0px;}
img{ border:0; padding:0px; margin:0px;}
p{ margin:0; padding:0}
input {
	font-size: 11px;
	color:#646464;
	border:1px solid #999
}
select{font-size:11px; color:#646464; border:1px solid #999}
textarea{font-size:11px; color:#646464; border:1px solid #999}
.gray_input{ width:250px;}

.input_box {
	BORDER-RIGHT: #ADBCC4 1px solid; 
	BORDER-TOP: #ADBCC4 1px solid; 
	BORDER-LEFT: #ADBCC4 1px solid;
	BORDER-BOTTOM: #ADBCC4 1px solid; 
	BACKGROUND: #fff; 
	WIDTH: 150px; 
	COLOR: #0061B3; 
	font-size: 11px; 
    HEIGHT: 16px;
	font-family: Tahoma;
	text-indent:2px;
}

.clear{ clear:both} 

.content {
	width:900px;
	margin: 0 auto;
	background-image:url(../images/background-3.gif);
	padding:0 5px 0 5px
   }

.head {
	width:900px;
	height:95px;
	position: relative;
	background-color: #FFFFFF;
}

.logo { width:310px; height:85px; float:left;  padding:5px 0 0 0;}


.small{ font-size:10px; line-height:13px; font-weight:normal;}
.small a{ font-size:10px; line-height:13px; color:#9A9A9A; text-decoration: none;}
.small a:hover{ font-size:10px; line-height:13px; text-decoration: underline;}


.bar {
	width:530px;
	height:43px;
	float:right;
}
.navbar {
	width:485px;
	height:21px;
	padding:22px 0 0 15px;
	float:right;
	color:#cfcfcf;
	font-size:11px
}
.search { width:185px; height:28px; padding-top:5px; float:right; line-height:11px;}
.searchbox { width:120px; height:15px; font-family:Tahoma, Arial; color:#999999; font-size:11px; border:1px solid #CCCCCC; margin: 1px; text-indent: 5px;}
.bottom { width:900px; height:72px; background-image:url(../images/bottom_background.gif); }
.bottom_bar { color:#9A9A9A;; padding:20px 15px 0 0; width:600px; float:right; font-weight:bold; text-align:right;}
  .bottom_bar a { color:#6A6A6A; text-decoration: none; }
  .bottom_bar a:hover {	color:#9A9A9A;	text-decoration: none;}
.bottom_bar2{ color:#f55000;	text-decoration: none;}
.lightgray { color: #9A9A9A; padding:5px 15px 0 0; width:350px; float:right; text-align:right; }s
.gray { font-size:11px; color:#999999; font-weight: normal;}
  .gray a{ text-decoration: none; font-weight: normal;}
  .gray a:hover{ text-decoration: underline; font-weight: normal;}
.gray1 { font-size: 13px; color: #646464; line-height:20px; font-weight:bold;}
.gray2 {
	font-size: 13px;
	color: #646464;
	line-height:20px;
	font-weight:bold;
}
.bluetitle1 {
	font-size: 12px;
	color: #0864C8;
	line-height:12px;
	font-weight:bold;
}
.bluetitle2 {
	font-size: 20px;
	color: #0864C8;
	line-height:28px;
	font-weight:600;
}

.sitemap {
	border-bottom-color:#CCCCCC;
	border-bottom-style:dashed;
	color: #0864C8;
	text-decoration: none;
	text-indent: 3px;
	border-bottom-width: 1px;
}

  .sitemap a{ font-size:13px; color: #0864C8; text-decoration: none; font-weight: bold;}
  .sitemap a:hover{
	font-size:13px;
	color: #0864C8;
	text-decoration:underline;}




.blue_bod {
	font-size:12px;
	color: #0864C8;
	font-weight: bold;
}
  .blue_bod a{ font-size:12px; color: #0864C8; text-decoration: none; font-weight: normal;}
  .blue_bod a:hover{
	font-size:12px;
	color: #0864C8;
	text-decoration:underline;
	font-weight:100;
} 
.second_page_content {
	width:900px;
	background-image:url(../images/second_bg.gif);
	overflow:auto;
	background-repeat: repeat;
	
}
a.green {
	color: #646464;;
	text-decoration:none;
}
a.green:hover {
	text-decoration: none;	text-decoration:underline;
}
.second_page_banner { height:137px; width:900px;}
.second_content_left { width:645px; float:left; padding-top:12px; background-image:url(../images/tabgb.jpg); background-repeat:no-repeat; overflow:auto;}
.second_content_left_for_solutions{background-image:url(../images/tabgb02.jpg);}
.second_content_news { width:610px; float:left; padding:30px 30px 15px 45px; overflow:auto;}
.second_content_right { width:195px; background-image:url(../images/second_right_bg1.gif); float:right; overflow:auto;}
.second_content_rightbox { width:181px; height:450px; padding:7px 7px 7px 7px; background-image:url(../images/second_right_bg.gif); background-repeat:no-repeat;overflow:auto;}
.second_content_rightbox_news { width:181px; height:580px; padding:7px 7px 7px 7px; background-image:url(../images/second_right_bg.gif); background-repeat:no-repeat;overflow:auto;}
.second_content_rightbox_company { width:181px; height:520px; padding:7px 7px 7px 7px; background-image:url(../images/second_right_bg.gif); background-repeat:no-repeat;overflow:auto;}
.rightbox2 { width:181px; height:104px; margin-bottom:7px;}
.rightbox {
	width:181px;
	height:140px;
	background-image:url(../images/box-bg.gif);
	background-repeat:no-repeat;
	padding:0 0 7px 0;
}
.tech_rightbox {
	width:181px;
	background-image:url(../images/box-bg.gif);
	background-repeat:no-repeat;
	padding:0 0 7px 0;
}
  .rightbox a { color: #0864C8; text-decoration: none; font-weight:bold;}
  .rightbox a:hover{ color: #0864C8; text-decoration: underline;  font-weight:bold;}
.rightbox_1 { width:181px; height:115px; background-image:url(../images/box-bg_2.gif); background-repeat:no-repeat; padding:0 0 7px 0;}
  .rightbox_1 a { color: #0864C8; text-decoration: none; font-weight:bold;}
  .rightbox_1 a:hover{ color: #0864C8; text-decoration: underline;  font-weight:bold;}
  
 .rightbox_2 { width:181px; height:90px; background-image:url(../images/box-bg_3.gif); background-repeat:no-repeat; padding:0 0 7px 0;}
  .rightbox_2 a { color: #0864C8; text-decoration: none; font-weight:bold;}
  .rightbox_2 a:hover{ color: #0864C8; text-decoration: underline;  font-weight:bold;}

 .rightbox_3 { width:181px; height:280px; background-image:url(../images/box-bg_4.gif); background-repeat:no-repeat; padding:0 0 7px 0;}
  .rightbox_3 a { color: #0864C8; text-decoration: none; font-weight:bold;}
  .rightbox_3 a:hover{ color: #0864C8; text-decoration: underline;  font-weight:bold;}
   
.textcontent {
	width:590px;
	font-size:12px;
	font-family: Tahoma,Arial;
	overflow:hidden;
	line-height: 20px;
	padding-top:20px;
}
  .textcontent a { color: #0864C8; text-decoration: none; font-weight:bold;}
  .textcontent a:hover{ color: #0864C8; text-decoration: underline;  font-weight:bold;}
.topbot { width:170px; float:right;}  
.topbot a{ float:left; display:block; width:70px; height:25px; line-height:25px; padding:0px 5px; text-decoration:none; color:#666; font-weight:bold; font-size:11px; text-align:center}
.topbot a:hover{ color:#999}


.index_topbot { width:350px; height:15px;  float:right; font-size:12px; font-weight:400; color:#999999; padding-top:22px;}   

.line_gray {
	width:590px;
	height:1px;
	float: left;
	background-color:#d9d9d9;
	}
/*------------------------------------------home--------------------------------------------------*/
.banner {
	width:900px;
	height:420px;
}
.index_content {
	width:900px;
	background-color:#666666;
}
.h { height:3px; background:#000000;}
.index_left {
	background:url(../images/left_bg.gif) bottom no-repeat;
	width:560px;
	float:left;
	height: 350px;
}
.index_right {
	width:280px;
	float:left;
	background-image:url(../images/index/content_right_background.gif);
	height: 350px;
}

.index_offer_solutions_wrapper{ width:470px; margin:20px auto 0px auto}

.right_tab_content_title{
	font-weight:bold;
	line-height:14px;
	padding:8px;
	text-align: left;
}
.right_tab_content_title a{ color:#333; text-decoration:none}
.right_tab_content_title a:hover{ color:#333; text-decoration:underline}


.index_right_background {
	width:262px;
	height:340px;
	background-image:url(../images/index/right_background.gif);
	background-repeat: no-repeat;
	padding-right: 10px;
	padding-top: 10px;
	padding-left: 8px;
}
.tagline {
	background:url(../images/left_tab_top_bg.gif) no-repeat;
	margin:15px auto 0px auto;
	width:470px;
	padding:0px;
	height:56px;
}
.tag_left{
	float:left;
	width:180px;
	height: 79px;
}
.tag_left_name{
	height:23px;
	color:#333;
	font-weight:bold;
	padding-left:13px;
}
.tag_right{
	width:270px;
	float:right;
	height:60px;
	padding: 5px 10px 10px 0px;
}

.gray2_input {
	BORDER-RIGHT: #ADBCC4 0px solid; 
	BORDER-TOP: #ADBCC4 0px solid; 
	BORDER-LEFT: #ADBCC4 0px solid;
	BORDER-BOTTOM: #ADBCC4 0px solid; 
}


.patent_technology {
	margin:20px auto 0px  auto;
	width:470px;
	font-size:18px;
	color:#0064C8;
}
.index_solution_for{
	width:220px;
	padding:0px 5px 0px 10px;
	float: left;
}

.index_solution_for_left{ float:left;}
.index_solution_for_right{
	float:right;
	width: 170px;
}
.index_solution_content{
	padding-left:5px;
	width: 160px;
}
.index_solution_for_bottom_content{ clear:both;}
.index_solution_for_bottom_content ul{ margin:0px; padding:0px}
.index_solution_for_bottom_content li{ margin:0px; padding:0px; list-style:none}
.index_solution_for_bottom_content li a{ font-weight:bold; color:#0064C8; text-decoration:none}
.index_solution_for_bottom_content li a:hover{ text-decoration:underline}
.index_solution_content ul{ margin:0px; padding:0px;}
.index_solution_content li{
	list-style:none;
	padding:0px;
	line-height:16px;
	float: left;
	width: 160px;
}

.img_vdna { height:50px; width:74px; float:left; padding-right:6px; }
.ao_media { height:80px; width:72px; float:left; padding-right:6px; padding-top:6px;}
.right_box { height:282px; width:262px; padding-top:9px; margin:0px 9px 9px 9px; background-image:url(../images/index/right_box_1.gif); background-repeat:repeat-y;}
.right_box_text {
	width:242px;
	padding:0 8px 8px 12px;
	font-size: 11px;
}

.news {height:80px; width:840px;}
.bottom_home {height:29px; width:840px; background-image:url(../images/bottom.jpg);}


#landing {
	POSITION: relative
}
#landing #news-ticker {
	Z-INDEX: 10; BACKGROUND: url(images/news-bg.png) 0px 0px; LEFT: 0px; WIDTH: 100%; COLOR: #ffffff; BOTTOM: 0px; POSITION: absolute; HEIGHT: 77px
}
#landing #news-ticker IMG {
	FLOAT: left; POSITION: relative; TOP: 1px
}
#landing #news-ticker UL {
	Z-INDEX: 25; LEFT: 77px; WIDTH: 820px; LIST-STYLE-TYPE: none; POSITION: relative
}
#landing #news-ticker UL {
	LEFT: 0px
}
#landing #news-ticker UL LI {
	DISPLAY: none; HEIGHT: 77px
}
#landing #news-ticker UL LI IMG {
	BORDER-RIGHT: #262626 1px solid; FLOAT: left
}
#landing #news-ticker UL LI DIV {
	FLOAT: left; MARGIN: 17px 0px 0px 20px; WIDTH: 710px
}
#landing #news-ticker UL LI H3 A {
	FONT-SIZE: 14px; COLOR: #f99d1c
}
#landing #news-ticker UL LI P {
	FONT-SIZE: 12px
}

/*------------------------------------------solutions--------------------------------------------------*/
.imageSOL {float:left; padding:5px 15px 5px 0;}
.imageSOL2 {
	float:left;
	padding:10px 15px 10px 0;
}
.boxSOL { padding:10px 0 10px 0;}




.accordion {
	width: 262px;
	height: 340px;
	overflow: hidden;
}
.accordion h3 {
	background:url(../images/index-1_03.gif) no-repeat;
	padding-left:25px;
	margin: 0;
	font-size:14px;
	height:35px;
	line-height:35px;
	cursor: pointer;
	color:#666;
	margin-top:1px
}
.accordion h3:hover {
	color:#0064C8;
}
.accordion h3.active {
	color:#0064C8;
}
.accordion .m {
	background:url(../images/index-1_06.gif) repeat-y;
	margin: 0;
	padding: 0px 10px 10px 10px;
	font-size:11px;
	overflow: hidden;
	height: 200px;
	
}
.accordion .m p{ padding:0px 10px}


/*download_form*/
#download_form1{ margin:10px 0px 30px 0px;}
#download_form1 td{ line-height:25px; padding:0px 3px}
#download_form1 td #interest{ margin:0px; padding:0px}
#download_form1 td #interest li{ list-style:none; margin:0px; padding:0px; line-height:14px;}
#download_form1 .comments{ width:250px; height:75px}
.download_form_text{ margin:20px 0px 10px 0px}
.download_form_text2{ margin:10px 0px 10px 0px}
.download_form_text_list{ margin:0px; padding:0px;}

/* vobile_in_the_news */
.newslistwrapper{
	padding-bottom: 15px;
	padding-top: 18px;
}
.news_date{ float:left; padding-right:20px; width:55px}
.news_right_content{ float:right; width:490px; overflow:hidden}
.news_right_content h3{
	font-size:12px;
}
.news_right_content h4{ font-size:10px}
.news_text{ margin:5px 0px}
.news_link a,.news_link a:hover{ color:#999; font-weight:normal; text-decoration:underline}

/*list*/
html, body, #box {
	height:100%;
	margin:0px;
}
#contain{
   width:122px;
 	height:27px;
	position:relative;
	z-index:999999999;
	margin-top:-10px;
}
#t_selected{
    background:url(images/bot/up.gif) right center no-repeat;
	cursor: pointer;
    font-size:12px;
    height:27px;
    line-height: 27px;
	padding-left:6px;
	width:auto;
	text-align:left;
}
#selectList{
  border:1px solid #ccc;
  cursor: pointer;
  font-size:12px;
  width:120px;
  text-align:left;
  display:none;
  line-height:22px;
  height:22px;
  background:#FFF;

}
#selectList span{
  width:114px;
  cursor: pointer;
  height:22px;
  line-height:22px;
  display:block;
  padding-left:6px;
  background:url(../images/jp.png) 99px 5px no-repeat;
}
.listlevelone{margin:0;padding-left:11px;}
.listlevelone li{line-height:16px;margin:5px}
.listleveltwo{margin:0;padding-left:40px}
ol{margin:0;padding-left:20px}
ol li{line-height:16px;margin:5px}
.level2title{line-height:30px;font-weight:bold}
.img_read{font-size:10px;text-align:center;-webkit-text-size-adjust:none;}
.img_box{padding:10px 0px}

.indexbox .boxfont{font-size:13px}
.indexbox .boximg img{width:189px;height:74px}
.indexbox .boxfont{padding:10px 5px;line-height:14px;padding-right:10px}
.indexbox ul{padding:0;margin:0;}
.indexbox ul li{ cursor:pointer;list-style:none;width:194px;height:172px;background:url(../images/index_box_bg.png) no-repeat;float:left;display:block;margin-right:11px}
.indexbox ul li:hover{background:url(../images/index_box_bg_hover.png) no-repeat;}

.scroller{height:420px}
.zp-trigger {
	position: relative;
	width: 900px;
	height: 40px;
	overflow: hidden;
	margin: 0 auto;
	background: url("../images/ulbg.png") left bottom repeat-x;
	padding:0;
	margin-bottom:6px;
}

.zp-trigger li {
	display: inline;
	float: left;
	height: 28px;
	width: 225px;
	background: url("../images/nocurrent.png") no-repeat;
	margin-top: 12px;
}

.zp-trigger li.ks-active {
	display: inline;
	float: left;
	height: 28px;
	width: 225px;
	background: url("../images/current.png") no-repeat;
	margin-top: 12px;
}

.zp-trigger li.a {
	background-position: center 0;
}

.zp-trigger li.b {
	background-position: center 0;
}

.zp-trigger li.c {
	background-position: center 0;
}
.zp-trigger li.d {
	background-position: center 0;
}

.zp-trigger li span {
	display: none;
}