@charset "utf-8";
/* CSS Document */
 
body{ background:#fff; margin:0; padding:0; text-align:center; font-family:Helvetica Neue,Helvetica,Arial,FreeSans,sans-serif; font-size:12px; color:#333;}
ul, dl{margin:0; padding:0; list-style-type:none;  }
li{ line-height:1.6em; margin:0; padding:0; }
fieldset,img{ border:0;}
legend{ color:#ccc; text-transform:capitalize; color:#fff; font-size:14px; padding:0; margin:0;}
form{ margin:0; padding:0;}
h1{ text-transform:capitalize; font-family:'Helvetica Neue',Helvetica,Arial,sans-serif; font-size:1.8em; color: #333; margin:0; padding:20px 0 10px; letter-spacing:-0.01em; }
h2{ margin:0; padding:0 0 8px;font-size:1.2em; text-transform: capitalize; font-family:Helvetica,Arial,Lucida Sans Unicode,Sans-serif; }
	h3{font-size:14px; color:#333; margin:0; padding:0;   }
a img{ border:0; padding:0; margin:0;}
a{color:#06c; cursor:pointer; outline-style:none;}
a:hover{color: #690;}
a.green{color: #690!important;}
a.green:hover{color: #06c!important;}
a.red{border:1px solid #990000; display:inline-block; text-decoration:none; } 
a.red span{padding:0 6px;background:transparent url(./images/red_gradian.gif) repeat-x scroll 0 0;
border-color:#E78C87 #CC0000 #990000 #E78C87;
border-style:solid;
border-width:1px;
color:#FFFFFF;
display:inline-block; 
font-weight:bold;
height:30px;
line-height:30px; 
text-align:center;}
 
 
p{ margin:0 0 10px; padding:0;}
div.button_row{ padding:10px 0;} 

label,legend{ text-transform:capitalize;}
textarea{ border:1px solid #ccc; background:#Fff; font-family:Arial, Helvetica, sans-serif; padding:5px;}
td, th{ }
td p{ text-align:left;}
h2.title{ font-size:1.2em; color: #690; text-transform:uppercase; margin:16px 0 8px; padding:0;} 
h2.subtitle{font-size:1.4em; color:#333; margin:0 0 20px; line-height:1.4em; } 
button{ border:0;}
a.backtohome{ margin:5px 0 0; color:#F60; font-size:2em; background:url(../img/arrowback.gif) 0 0 no-repeat; display:inline-block; height:40px; line-height:40px; text-decoration:none; padding:0 0 0 40px;} 
a.backtohome:hover{ color:#06c;}
 
.btn_white{ height:32px; background:url(./images/btn_white.gif) left 0 no-repeat; display:inline-block; padding:0 0 0 10px;text-decoration:none; text-shadow:0px 1px 1px #ffffff;} 
 .btn_white span{ background:url(./images/btn_white.gif) right bottom no-repeat; display:inline-block; height:32px; line-height:32px; padding:0 8px 0 0;}
 
 input.btn_white{ cursor:pointer; font-weight:bold; background:url(./images/btn_white2.gif) 0 0 no-repeat; height:32px; width:104px; border:0; padding:0; text-shadow:0px 1px 1px #fff;}
  
.red_list{margin:0 0 10px;} 
.red_list li{
background:transparent url(./images/dot_red.gif) no-repeat scroll left 6px;
padding:0 0 0 16px; color:#666;

}

.list_green li{ background:url(./images/dot.gif) left 6px no-repeat; padding:0 0 0 14px;}
.list_blue li{ background:url(./images/dot_blue.gif) left 6px no-repeat; padding:0 0 0 14px;}



 
.wraper{ width:960px; margin:0 auto; text-align:left; overflow:hidden; zoom:1;}
.clear{ clear:both; overflow:hidden;} 
 

 
 
.header{ background:url(./images/top-gradian.jpg) 0 0 repeat-x; height:124px;} 
.header .head_wraper{width:960px; margin:0 auto; text-align:left; }
.logo{ text-decoration:none; display:inline-block; padding:40px 0 0;}
 .logo img{ margin-bottom:-5px; margin-right:30px;}
 .logo span{ color:#333; font-weight:bold;}
.userlink{ float:right; padding:40px 0 0;  color: #BCBCBC;} 
.userlink li{ float:left; margin:0 20px 0 0;  line-height:20px;}
span.phone, span.livesupport{display:inline-block;height:20px;padding:0 0 0px 25px;  text-decoration:none; font-family:"Trebuchet MS",Arial,Helvetica; font-size:1.2em; font-weight:bold; letter-spacing:-0.01em;}
.userlink a:hover{ color:#669900;}
span.livesupport{ background:url(./images/chat-online.gif) left center no-repeat;  color:#669900; }
span.offline{ background:url(./images/chat.gif) left center no-repeat;  color:#bcbcbc; }
.livesupport a{ color:#669900; }
.userlink small,.userlink span{ display:block;line-height:1em;}
.phone{ background:url(./images/call.gif) left center no-repeat;}
.phone small{ display: block; line-height:1em; font-size:12px;}
li.search_box{ margin:0 2px 0 0; padding:0;}

/* MENU */
.nav_bar{ position:relative;  z-index:4000; background:url(./images/menu-bg.jpg) 0 0 repeat-x; height:36px; width:960px; margin:26px 0 0;}
.menu{ position:absolute; display:inline-block;  left:0px; bottom:0px; background:url(./images/menu-left.gif) left 0 no-repeat; width:680px; height:36px; padding:0 0 0 20px;}
.menu li{ float:left;  position:relative;}
.menu li a{  color:#333; background:url(./images/menu.gif); display:inline-block; float:left;  height:36px; line-height:36px; margin:0 20px 0 0; text-indent:-3000px;}
.menu li a:hover{ color:#690;}
.menu li ul {
	background: url(./images/dropmenu_bottom.gif) left bottom no-repeat;
    padding:0 0 12px;
	left:0;
	position:absolute;
	top:36px;
	visibility:hidden;
	z-index:3000;
	width:140px;
}
.menu table {
	position:absolute;
	top:0;
	left:0;
	border-collapse:collapse;
	 
}
 
.menu li ul li{padding:0 6px 0 4px; width:130px; float:none; height:32px; background:#fff url(./images/dropmenu_bg.gif) 0 0 repeat-y;}
.menu li ul li a{ display: block; padding:0 0 0 3px; font-size:1.0em;  height:32px; line-height:32px; float:none;  margin:0;text-indent:0; background: url(./images/line_dot.gif) left bottom repeat-x; text-decoration:none; text-transform:capitalize; text-align:left;} 
.menu li:hover ul, .menu a:hover ul {
  visibility:visible;
}
 
a#home{ background-position:0 0; width:66px;}
a#advertisers{ background-position: -66px 0; width:99px;}
a#publishers{ background-position:-165px 0; width:100px;}
a#resellers{ background-position:-265px 0; width:94px; }
a#techology{ background-position:-359px 0; width:111px;}
a#contact{ background-position:-470px 0; width:83px;}

ul li.select a#home, a#home:hover {background-position:0px -36px;}
ul li.select a#advertisers, a#advertisers:hover,.menu :hover a#advertisers { background-position: -66px -36px;}
ul li.select a#publishers, a#publishers:hover, .menu :hover a#publishers{ background-position:-165px -36px; }
ul li.select a#resellers, a#resellers:hover{ background-position:-265px -36px; }
ul li.select a#techology, a#techology:hover{ background-position:-359px -36px;}
ul li.select a#contact, a#contact:hover{background-position:-470px -36px;}


/*
.search_form{ position:absolute; right:0; width:200px; height:31px; padding:5px 10px 0 0; background:url(./images/menu-right.gif) right 0 no-repeat;}
.search_form span{ background:url(./images/search-box.gif) 0 0 no-repeat; display:inline-block; width:171px; height:26px;}
.search_form input{ background:none; border:0; height:22px; padding:4px 0 0 3px;width:140px; color:#FFF; }


*/


/*dropdown panel */
.c_pannel{ position:absolute; z-index:1000; right:0; width:201px;  background:url(./images/menu-right.gif) right 0 no-repeat;}
.cp_btn_home{ background: url(./images/cp_btn_home.gif) left center no-repeat; }
.course_active{background: url(./images/cp_btn_home2.gif) left center no-repeat;}
.cp_btn_adv{ background:url(./images/cp_btn_adv.gif) left center no-repeat;}
.btn-slide{ width:201px; height:36px; display:block; font-size:14px;color:#fff; cursor:pointer;}
#panel{ background:url(./images/panel.gif) right 0 no-repeat; width:181px; padding:5px 10px 10px; height:126px; opacity:0.97; filter:alpha(opacity=97); 
	display: none; color:#fff;}
#panel label{ display:block; margin:5px 0 2px;}
#panel .input_text{ height:15px; width:175px; border:1px solid #666;}
#panel .input_btn{ cursor:pointer; background:url(./images/panel_btn.gif) 0 0 no-repeat; width:68px; height:23px; padding:0 0 3px; border:0;}
#panel .btn_row{ padding:0; margin:10px 0 0; }
#panel .btn_row a{ float:right; color:#FFF; text-decoration:underline;}


.content{}
.main{ float:left; width:728px; font-size:14px;}
.main p{ line-height:1.4em;}
.sidebar{ float:right; width:212px; z-index:0;}
.sidebar .block{ margin:0 0 15px; width:100%;}
.sidebar .adv_btn2{ margin:5px 0 0; text-shadow:1px 1px 1px #666;}
.sidebar .pub_btn2{ margin:5px 0 0; text-shadow:1px 1px 1px #333;}


.breadcrumbs{ overflow:hidden; zoom:1; color:#666; padding:10px 0;}
.breadcrumbs li{ float:left; padding:0;}
.breadcrumbs li a{ color:#999;}
span.seperator{ padding:0 4px;}



h1.page_title{ border-bottom:1px solid #ccc; margin:0 0 10px; padding:10px 0 3px;  font-weight:normal; color:#690; overflow:hidden; zoom:1;}
h1.page_title img{ float:left; margin-top:-3px; margin-right:3px;}
.page_banner{ margin:0; border:none;}



/* survey */
#adv_page {color: #300;} 
#adv_page p{color: #666;}
#adv_page a{color: #c00;}
#adv_page .page_title{color: #c00;}
#adv_page h2.title{ text-transform:uppercase;  font-size:1.2em; color: #c00;  padding:0; margin:18px 0 10px;} 
#adv_page h2.title span{border-bottom:4px solid #c00;}
.advertiser_survey{ font-size:14px; margin:10px 0 0;}
.advertiser_survey li{ margin:0 0 26px;}
.advertiser_survey h2{ text-transform:none;padding:0; margin:0 0 10px;  }
.advertiser_survey h2 span{ border-bottom:4px solid #d2252e; display:inline-block; height:27px; }
.advertiser_survey h2 em{background:url(./images/stepbgred.gif) left bottom no-repeat; color:#fff; height:24px; width:26px; padding:3px 0 0 14px; margin:0 6px 0 0;  float:left; font-style:italic;}
.advertiser_survey ol{ list-style-type:none; padding:0; margin:0;}
.advertiser_survey ol li{ margin:0 0 3px;}
.advertiser_survey ol.ad_category{ overflow:hidden; zoom:1;}
.advertiser_survey ol.ad_category li{ float:left; width:200px;}

.next_btn{ padding:3px 5px;}



#quicklink_01 .block_content{ border-top:8px solid #ccc; padding:0 10px 10px;}
#quicklink_01 ul li{ border-bottom:1px solid #ccc;} 
#quicklink_01 ul li a { text-decoration:none; font-size:14px; color:#690; display:block;  padding:6px 0; background:url(./images/arrow2.gif) right center no-repeat;}
#quicklink_01 ul li a:hover{ color:#666; background:url(./images/arrow2_hover.gif) right center no-repeat;}
.adv_btn2{ border:1px solid #900; display:block;text-decoration:none; text-shadow:1px 1px 1px #666666;}
.adv_btn2 span{ border-top:1px solid #E78C87; border-left:1px solid #E78C87; border-right:1px solid #CC0000; border-bottom:1px solid #990000; display:block; height:32px; line-height:32px; font-size:1.4em; font-weight:bold; color:#FFF; background:url(./images/red_gradian.gif) 0 0 repeat-x; padding:0; text-align:center;}
.adv_btn2:hover span{ background:url(./images/red_gradian_hover.gif) 0 0 repeat-x;}



h2.featured_adv{ font-family:"Trebuchet MS",Arial,Helvetica;text-transform:capitalize; font-size:1.6em; letter-spacing:-0.01em; font-weight: normal; color:#666; border-bottom:6px solid #ccc; margin:10px 0 18px; padding:0 0 5px;}
h2.featured_adv strong{ color:#333;}
#advertisers-link-rotator{ text-align:center;}

.adv_calculator{ background:url(./images/calculater_bg.jpg) left top no-repeat; margin:20px 0 0; padding:80px 180px 40px 60px;}
.adv_calculator h2{ margin:0 0 30px;}
.adv_calculator p{ overflow:hidden; zoom:1; margin:0 0 8px; height:28px;}
.adv_calculator p span{float:right; font-size:11px; display:inline-block; width:35px; padding:0 0 0 3px;}
.adv_calculator p input.input_a{ float:right; border:0; background: url(./images/calculater_input1.jpg) left top no-repeat; width:100px; padding:4px 8px 0 7px; height:21px; text-align:center;}
.adv_calculator p input.input_text{font-weight:bold; float:right; border:0; background:url(./images/calculater_input.jpg) left 18px no-repeat; height:26px; width:135PX; text-align:center;}
.adv_calculator p select{ float:right;}
.table_bg{padding:10px; margin:0 0 20px; background:url(./images/line_dot.gif);}

.table_red{  background:#efefef;  margin:0;}
.table_red thead td{font-weight:bold; background:#FF3300; color:#FFF}
.table_red td{ background:#fff;  text-align:left;}
.table_red td span{ color:#f30;} 
.table_red td img{ float:left;}

.adtype{ font-weight:bold; padding:10px 8px 0 6px; display:inline-block; color:#666!important;}
.sample{}

.table_white{ background:#efefef; }
.table_white td{background:#fff;}
.table_white thead td{ background: #F0FBC6; font-weight:bold;}
.table_white td{ text-align:left;}

.top_category{ margin:0 80px 0 0; }
.top_category ul{ margin:0 0 20px;}
.top_category li{font-weight:bold; background: url(./images/dot_red.gif) left center no-repeat; padding:0 0 0 20px;}


/* publisher page */
#pub_page { color:#036}
#pub_page .page_title{ color:#0088B5;}
#pub_page h2.title{ text-transform:uppercase; font-size:1.2em; color: #0088B5;  padding:0; margin:18px 0 10px;} 
#pub_page h2.title span{border-bottom:4px solid #0088B5;}
.pub_btn2{ border:1px solid #26628a; display:block; text-decoration:none; text-shadow:1px 1px 1px #333;} 
.pub_btn2 span{ background:url(./images/blue_gradian.gif) 0 0 repeat-x; display:block; font-size:1.4em; font-weight:bold; height:32px; line-height:32px; padding:0; text-align:center; color:#fff; border-top:1px solid #96c4e2; border-left:1px solid #96c4e2; border-right:1px solid #317db0; border-bottom:1px solid #317db0;}
.pub_btn2:hover span{ background:url(./images/blue_gradian_hover.gif) 0 0 repeat-x;}
.why_pub{ margin:0 0 15px;}
.why_pub li{ line-height:1.4em; margin:0 0 6px;}
.pub_steps{color:#0088B5; margin:30px 0; overflow:hidden; zoom:1;}
.pub_steps li{ float:left; width:165px; height:110px; margin:0 16px 0 0; font-weight:bold; font-size:1.2em; line-height:1.2em;  border-bottom:1px solid #0088B5;}
.pub_steps li.first{ background:url(./images/signup-32x32.gif) right 82px no-repeat;}
.pub_steps li.second{ background:url(./images/Attachment-48x48.gif) right 78px no-repeat;}
.pub_steps li.third{ background: url(./images/code-48x48.gif) right 82px no-repeat;}
.pub_steps li.last{ background:url(./images/Globe-48x48.gif) right 76px no-repeat;}
.pub_steps li span{ height:25px; line-height:25px; display:block; color:#fff; padding:0 0 0 10px; margin:0 0 10px; background:url(./images/stepbg.gif) left bottom no-repeat; border-bottom:4px solid #0088B5;}

/* Tech page */
.tech_hao{ margin:10px 0 20px;}

/* Referral program */
.referral_steps{ margin:30px 0; overflow:hidden; zoom:1;}
.referral_steps li{ float:left; width:165px; height:130px; margin:0 16px 0 0; font-weight:bold; font-size:1.2em; line-height:1.2em;  border-bottom:1px solid #690;}
.referral_steps li.first{ background:url(./images/signup-green.gif) right 102px no-repeat;}
.referral_steps li.second{ background:url(./images/target-48x48.gif) right 98px no-repeat;}
.referral_steps li.third{ background: url(./images/thumbs-up-48x48.gif) right 98px no-repeat;}
.referral_steps li.last{ background: url(./images/Podcast-green.gif) right 96px no-repeat;}
.referral_steps li span{ height:25px; line-height:25px; display:block; color:#fff; padding:0 0 0 10px; margin:0 0 10px; background:url(./images/stepbggreen.gif) left bottom no-repeat; border-bottom:4px solid #690;}

/* green slideshow */

.greenbanner{ _margin:0 0 -3px;}
.board{color:#FFF;  background:url(./images/blackboard.jpg) 0 0 no-repeat; height:89px;padding:6px 20px 0; margin:0 0 20px; }
.board h2{ font-size:1.6em; width:680px; font-weight:normal; padding:0; text-transform:capitalize;}
.board p{ font-size:14px;   width:680px;  }
.board_button{ float:right; padding:24px 10px 0 0;}


.clicksor_advantage{ background:url(./images/greenbanner_advantage.jpg) 0 0 no-repeat;height:225px; width:390px;  padding:0 50px 0 520px; color:#fff;}
.clicksor_advantage ul{ padding:20px; font-size:16px; font-weight:bold;}
.clicksor_advantage ul li{ margin:0 0 2px;}
.clicksor_advantage ul li img{ margin:0 5px -2px 0;}

.blog_wrap{background:url(./images/greenbanner_blog.jpg) 0 0 no-repeat; height:225px; width:460px; padding:0 50px 0 450px; color:#fff;}
 .blog_wrap small{  }

.clicksor_events{ background:url(./images/greenbanner_events.jpg) 0 0 no-repeat;  height:225px; width:360px; padding:0 50px 0 550px; color:#fff;}
.clicksor_events ul{ padding:20px 20px 12px 20px;}
.clicksor_events ul li{ padding:0 0 10px;}
.clicksor_events a{ padding:0 0 0 10px;  font-size:1.6em; color:#fff!important; text-decoration: underline; }
.events_tab{}


/*block corner*/
.corner_n_e{position:absolute; width:6px; height:6px; left:0;top:0; background: url(./images/corner_TL.gif) no-repeat left top;}
.corner_n_w{position:absolute; width:6px; height:6px; right:0;top:0; background: url(./images/corner_TR.gif) no-repeat right top;}
.corner_s_e{position:absolute; width:6px; height:6px; left:0; bottom:0; _bottom:-1px; background:url(./images/corner_BL.gif) no-repeat left bottom;}
.corner_s_w{position:absolute; width:6px; height:6px; right:0; bottom:0; _bottom:-1px; background:url(./images/corner_BR.gif) no-repeat right bottom; z-index:11}

/*border block*/
.block{position:relative; overflow:hidden;   float:left;}
.block .cap_01{ background:#999;  color:#fff; height:28px; line-height:28px; padding:0 0 0 10px;}
.block_content{display:block; overflow:hidden; border:1px solid #ccc; background:#fff; _height:1%; padding:15px;}
 
 
 
 
#demo{ width:300px; }
#demo .block_content{ height:280px; padding:0; background:#e7e7e7;}
.mc_top { }
.mc_top ul{ background:#fff url(./images/gradian1.gif) left bottom repeat-x; overflow:hidden; zoom:1; padding:15px;}
.mc_top li{ float:left;}
.mc_top h2{ font-size:1.8em; font-family:"Trebuchet MS",Arial,Helvetica; padding:0 15px 0 0; color: #666}
.mc_top a{width:30px; height:20px; display:block; float:left; padding:0 0 0 3px; }
a.mc_1{ background:url(./images/mc_1.gif) 0 0 no-repeat; }
a.mc_2{ background:url(./images/mc_2.gif) 0 0 no-repeat; }
a.mc_3{ background:url(./images/mc_3.gif) 0 0 no-repeat;}
li.d_select_0 a.mc_1{ background:url(./images/mc_1_on.gif) 0 0 no-repeat;}
li.d_select_1 a.mc_2{ background:url(./images/mc_2_on.gif) 0 0 no-repeat;}
li.d_select_2 a.mc_3{ background:url(./images/mc_3_on.gif) 0 0 no-repeat;}

.mp_video{ text-align:center; padding:10px 0 0; border-top:3px solid #669900; background:#EEF8C9; height:217px;}
.mp_photo{text-align:center; padding:10px 0 0; border-top:3px solid #FF6600; background:#F2EAB7;height:217px;}
.mc_testimonial{ border-top:3px solid #0099FF; background: #E7F2F8; text-align:left; padding:10px; height:210px; overflow:hidden; color:#333;}
.testimonial_blc{ background:url(./images/arrow.gif) 0 3px no-repeat; padding:0 0 0 14px; margin:0 0 8px; color:#666;}
.testimonial_blc p{ padding:0 0 2px; margin:0;}
.testimonial_blc p span{ color:#333333}
 
.home_intro{ font-size:14px; width:640px; float:right; background:url(./images/gradian_t.gif) center 0 no-repeat;}
.home_intro li{ float:left; width:300px; padding:0 0 0 20px;}
.home_intro li h1{ margin:0 0 10px; font-size:1.4em;}
.home_intro .adv_btn:hover,.home_intro .pub_btn:hover {color:#fc0;} 


.adv_btn, .pub_btn{width:157px; height:42px; line-height:36px; display:inline-block; padding:0 0 0 10px;font-size:16px; letter-spacing:; color: #fff; text-decoration:none; font-weight:bold;}
.adv_btn{ background:url(./images/red_btn.gif) 0 0 no-repeat; }
.pub_btn{ background:url(./images/green_btn.gif) 0 0 no-repeat; }

/* slideshow */
.slideshow{ }
#mygallery{ overflow:hidden;}
.stepcarousel {
 width:960px; height:320px;
 overflow:scroll;
 position:relative; 
 z-index:0; 
 margin:0 0 15px;
}
.stepcarousel .belt{
 position:absolute; top:0; left:0; 
 background: url(./images/slideshow_B.gif) left bottom no-repeat;
}
.stepcarousel .panel{ float:left; overflow:hidden; width:960px; }
.stepcarousel .panel h1{ margin:0; padding:20px 0 8px; font-size:22px;}
.stepcarousel .panel h1 a{ text-decoration:none;}
.stepcarousel .panel h1 a:hover{ text-decoration:underline; }
.stepcarousel .panel a{ color:#ffc;}
.stepcarousel .panel a:hover{color:#fff}
.panel p{ padding:8px 0; font-size:14px;}
.btn-arr2{ position: absolute; z-index:1000;}
.btn-arr2 .left{ position: absolute; left:-5px; top:100px;  z-index:1000;}
.btn-arr2 .right{ position: absolute; left:925px; top:100px;  z-index:1000; }

/* featured clients*/
#featureclients{ margin:15px 0 0;}
.fc{ position:absolute; left:10px; top:0;}
#featureclients .block_content{ cursor:pointer; height:50px;  }
#scroller-2 {
height:50px; list-style-type:none; overflow:hidden;width:928px;
}
#scroller-2 li {
float:left;
height:100px;
margin:0;
padding:3px 30px 25px 30px;
}
 
div#qTip {
  padding: 3px 5px;
  border: 1px solid #666;
  border-right-width: 2px;
  border-bottom-width: 2px;
  width:260px;
  display: none;
  background: #F9F5E8;
  color: #333333; 
  font-size:12px;
  text-align: left;
  position: absolute;
  z-index: 1000;
}
.pop{ padding:0; margin:0; }
 
 /* AD FORMAT */
ul.ad_sample{ overflow:hidden; zoom:1;}
.ad_sample li{ float:left; padding:10px 6px 0 0;} 
.ad_sample li span{ display:block; padding:0 0 5px;}
 
 /* meida offering */
 #categories{}
  #categories table{ width:728px; background: #666; color:#fff; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; -moz-border-radius-topright:6px;
  }
 
  #categories td{ vertical-align:top;}
  
  ul.cat_list{  margin:0; padding:10px; font-size:11px;}
    ul.cat_list strong{ text-transform:capitalize;  background:#333; display:block; padding:3px 5px;
 }
  
 .view_cat{ margin:0;}
 .view_cat a{ display:inline-block; background:#666 url(./images/btn_black.gif) left top no-repeat; color:#fff!important; padding:0 0 0 5px; height:30px;  text-decoration:none; -moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;} 
.view_cat a strong{ display:inline-block; height:30px; line-height:30px; padding:0 30px 0 0; background:url(./images/btn_black.gif) right bottom no-repeat;}
.view_cat a.cat_active{
-moz-border-radius-bottomleft:0px;
-moz-border-radius-bottomright:0px;}
.tech_hao { text-align:center;
} 

/* job opportunities */ 
.common_position{ background: #FCFBE9; margin:10px 0; padding:5px; font-weight:bold; font-size:12px; } 
.common_position .title{ margin:0 0 5px;}
.job_detail{}
.job_detail li{ border-bottom:2px dotted #690; margin:0 0 15px;}
.job_detail li li{border-bottom:2px dotted #E9F1E0; margin:0;}
.job_detail p strong{ color:#666; padding:0 5px 0 0;}
.backtotop{ text-align:right; padding:10px;} 
.backtotop a{ padding:0 0 0 10px; text-transform:capitalize;}
 
/*video_list*/ 
.video_list{overflow:hidden; zoom:1; margin:20px 0 10px;}
 .video_list li{float:left; width:230px; margin:0 0 30px; padding:0 12px 20px 0; border-bottom:1px dotted #ccc;height:90px;position:relative;}
 .video_list dt{letter-spacing:-0.01em; font-weight:bold;  }
 .video_list dd{margin:0 0 5px; padding:0; font-size:12px; line-height:1.4em;}
 .video_list a{ background:url(./images/play_btn.gif) 0 0 no-repeat; display:block; height:24px; width:60px; padding:0 0 0 40px; text-decoration:none; font-weight:bold;position:absolute;bottom:4px;}
 .video_box{ margin:100px 0 20px;}


 /*home video_list*/
.video_list{overflow:hidden; zoom:1; margin:20px 0 10px;}
 .video_list li{float:left; width:230px; margin:0 0 30px; padding:0 12px 20px 0; border-bottom:1px dotted #ccc;}
 .video_list dt{letter-spacing:-0.01em; font-weight:bold;  }
 .video_list dd{margin:0 0 5px; padding:0; font-size:12px; line-height:1.4em;}
 .video_list a{ background:url(./images/play_btn.gif) 0 0 no-repeat; display:block; height:24px; width:60px; padding:0 0 0 40px; text-decoration:none; font-weight:bold;}
 .video_box{ margin:10px 0;}
 
 /*home video_list*/
 .video_blc{ height:227px; background:#fff; border-top:3px solid #f90;}
 .video_blc .btn_row{ margin:0; padding:1px 10px 0 0; height:18px; background:#fff url(./images/slideshow_B.gif) center bottom no-repeat;  padding:0 0 0 10px;  overflow:hidden; zoom:1; font-weight:bold; color: #666; font-size:11px;} 
 .video_blc .btn_row a{ text-decoration:none; float:right; padding:0 5px 0 0; font-size:10px;}
 .video_blc a.recent_video{ background:#fff ;  overflow:hidden; zoom:1; display:block; width:149px;  height:89px; float:left;  padding:6px 0 0; text-decoration:none; color:#666; border-top:1px solid #efefef; text-align:center;}
 .video_blc a.recent_video:hover{color:#690; background:#FBFCEB}
 .video_blc a.recent_video:hover img{border:1px solid #333;}

.adv_video{ overflow:hidden; zoom:1;}
.pub_video{ border-top:3px solid #ccc; overflow:hidden; zoom:1;}
 .video_thumb{  }
 .video_thumb img{ border:1px solid #999; width:80px;}
 .video_info{ text-align:left; padding:0 0 0 6px; }
.video_info strong{display:block; padding:0 0 5px;  font-size:10px; text-align:center;}
 


/*CONTACT */ 
 .contact_form{}
  .contact_form ul{ overflow:hidden; zoom:1;}
  .contact_form ul li.left{float:left; width:354px;height:66px; margin:0 3px 0 0;}
  .contact_form ul li{}
.contact_form ul li label{margin:0; padding:0 0 6px;}
  .contact_form input.inputbox{ width:350px; padding:2px 0 0; margin:0; height:20px; border:1px solid #ccc;}
  .contact_form .select_multiline{ width:350px; margin:0; padding:0; height:20px;  border:1px solid #ccc;}
  .contact_form .textarea_message{ width:706px; height:100px;}
.company_photo{border:3px solid #efefef;}
p.address{ margin:10px 0 0;}
  .address span{ display:block;}
  .address strong{ display:block; padding:0 0 3px; margin:0 0 5px; border-bottom:1px dotted #ccc;}
  .address strong a{font-weight:normal; padding:0 0 0 20px; text-decoration:none;}
  .address strong a:hover{text-decoration:underline;}
 

/* search result*/

.search_result{ padding:0 0 20px;}

/* FOOTER */
.footer{background: #999 url(./images/footer-bg.jpg) left top repeat-x; color:#efefef;  padding:15px 0 0; margin:40px 0 0; text-align:left;}
.footer p.phone_no{font-size:2em; margin:0; padding:0;}
.footer a{color:#fff ; text-decoration:none; display:inline-block; font-size:1.1em; padding:2px 0 0;  }
.footer small{ display:block; padding:0 0 0 20px; color:#ccc}
.footer p{ color:#efefef ; margin:20px 0 0;}
.footer a:hover{ color: #D9E884 ; }
.footer .blc{ float:left; width:220px; padding:0 20px 0 0;}
.footer h2{ text-transform:capitalize; font-family:"Trebuchet MS",Arial,Helvetica; font-size:1.6em; color:#efefef;}
.footer ul{ margin:15px 0 0;}
.foot_news { background:#888 url(./images/new-t.gif) 0 top no-repeat; padding:8px 0 0;}
.foot_news li{ border-bottom:1px dotted #ccc; padding:3px 5px; background:url(./images/new-r.gif) 0 0 repeat-y; display:block; overflow:hidden; }
.foot_news li.news_bottom{ background:#999 url(./images/new-b.gif) 0 top no-repeat;  border:0; height:10px;}
.foot_news li a{ background:url(./images/ico-next.gif) left 2px no-repeat; padding:0 0 0 20px; display:block; font-size:1.1em;    }
.copyright{ color:#fff; font-size:0.9em; padding:10px 0; clear:both;}

/* SEO Service */
.seo_intro{ overflow:hidden; zoom:1;}
.seo_define {
margin:10px 0 20px;
overflow:hidden;
zoom:1;
}
.seo_offer li ol{padding:0 0 0 18px;}

.seo_define li.title{float:none;}
.seo_define h3 {
color:#690;
display:block;
font-size:1.2em;
margin:0;
padding:0 0 0 4px;
text-transform:uppercase;
}

.seo_define li {
float:left;
padding:0 20px 0 0;
}
.seo_define li p {
border-bottom:2px dotted #690;
border-top:4px solid #690;
color:#999;
float:left;
font-size:12px;
 
height:80px;
line-height:1.2em;
padding:10px 5px;
width:210px;
}

/* additional css */
                        
 #ad_solution2  { border-bottom: #9c3 solid 3px; height:34px; margin-bottom:2px; padding-right:50px }
 #ad_solution2 li { float:left; margin: 0 2px; height:32px; border:#690 solid 1px; -moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px; line-height:1.0em}
#ad_solution2 li  a {font-size:14px; letter-spacing:-0.02em;  display:block; padding:3px 15px;background:url(./images/a4.jpg) top left repeat-x ;  color:#fff; margin-bottom:10px;text-decoration:none;-moz-border-radius-topleft: 7px; -moz-border-radius-topright: 7px;text-transform:uppercase; font-weight: bold;height:24px; padding-top:6px  }
 #ad_solution2 li a:hover, #ad_solution2 li.selected a {  background:url(./images/a2.jpg) left top repeat-x #690;  border:#99cc33 solid 1px; border:none}
 #ad_solution2 li.selected  { height:32px}
 #ad_solution2 li.selected a  {height:24px; padding-top:6px }
         #ad_solution2 li.signup  {float:right; background:none #d30; height:30px; -moz-border-radius:3px; -webkit-border-radius:3px; border: #f30 solid 1px}

#ad_solution2 li.signup a { background:none;  border:#f66 solid 1px;  border-bottom:#d30 solid 1px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:2px 10px; line-height:26px}

#ad_solution2 li.signup a:hover  { background:#d30; border:#a30 solid 1px; }

.sub_ul  { margin:20px 0; overflow:hidden}
.sub_ul li { float:left; width:230px; margin-right:12px; font-family:Arial;}
.sub_ul li h1 {font-family:Arial; font-size:14px; padding:10px 0 }
.sub_ul ul { padding-left: 15px;  list-style:disc; }
.sub_ul ul li { width:200px; line-height:1.3em; margin:5px 0; color:#444}

.sub2_ul  { margin:10px 0; overflow:hidden}
.sub2_ul li.info { border:#ccc solid 2px; padding:20px 10px 10px 10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topright:10px}
.sub2_ul li.info p {padding: 10px 0  !important; color:#333 !important}
.sub2_ul  ul.nav { margin:0; overflow:hidden;margin-bottom:-2px}
.sub2_ul  ul.nav li { color:#000; float:left; margin:0 5px 0 0; padding:1px 20px;  border:#CCC solid 2px; border-bottom:1px #ddd solid; background:url(./images/tag.gif) top left repeat-x #eee; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px}
.sub2_ul  ul.nav li.selected { background:url(./images/selected_tag.gif) top left repeat-x; border-bottom:#FFFFFF solid 1px;  -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px}  
.sub2_ul  ul.nav li.selected a { color:#000 !important; text-decoration:none; }

#additional_features { background:#669900; color:#FFFFFF; margin-bottom:20px}
#additional_features td{ color:#333; background:#FFF; border:none}
#additional_features tr.odd td { background:#eee}

.advertiser_survey { overflow:hidden; }
.advertiser_survey  li { float:left; margin-right: 20px }
.advertiser_survey  ol li { float:none}
.advertiser_survey  ol.ad_category { width:380px}
.advertiser_survey  ol.ad_category li {  width:190px;}


table#widget td { width:24%;  padding:5px 15px; vertical-align:top;}
table#widget thead td  { color:#0099CC; font-size:18px; font-weight:bold; padding:5px 10px;}