/* Global Structure */
#left { float: left; width: 680px; margin: 0 0 0 5px; text-align: justify; overflow:hidden; }
	#left h2 { color:#133773; }
		#left h2 a { /*border-bottom: 1px dotted #ACCADE;*/ padding: 0 0 3px; }
		#left .more { color: #7EA4BC; }
	#left h2.title{ height:30px; line-height:26px; width:654px; padding-left:40px; font-size:1.2em; font-weight:bold; background:url('../../images/v2/left_title_bg.jpg') no-repeat;}

	.subtitle { font-weight: bold; /*font-style: italic;*/ font-size: 1.1em; margin: 0 0 4px; } 
	.date { background: #fff; padding: 5px 0; border-right: 1px solid #D3EAFA; border-bottom: 1px solid #D3EAFA; color: #ccc; float: left; width: 55px; margin: 7px 12px 5px 0; text-align: center; }
	.date span { font-size: 1.6em; }
#topnews_list { width:580px; overflow:hidden; float:right;}

#left.left_expland{ width: 900px;}

#side { float: right; width: 260px; margin: 0 6px 30px 0px; overflow:hidden; /*font-size: .9em;*/ }
	#side h3 { color: #ccc; margin: 0 0 6px 5px; height: 16px; }

#side_controlpanel{float: right; display:block;}
    #side_controlpanel #side_controlpanel_switchBtn{float: right; cursor:pointer; padding:1px; margin:2px; }

/* Header */
#header { /*filter:gray;*/ background:url('../../images/v2/top_pic.jpg') no-repeat 294px 0px; height:117px; clear:both; position:relative; }
#logo{ width:199px; height:75px; float:left; background:url('../../images/v2/logo.jpg') no-repeat; display:block; margin:24px 0px 0px 45px; overflow:hidden;}
#login{ float:right; margin:2px 10px 0px 0px; display:inline;}
#sethomepage{ position:absolute; top:65px; right:50px; margin:0px; overflow:hidden; clear:both; display:inline; width:200px; text-align:right;}
#search  { position:absolute; top:90px; right:45px; margin: 0px; overflow:hidden; width:165px;}
	#search input.field { float: left; background: #fff; color: #ccc; padding: 4px; border: 0; margin: 0 5px 0 0; width: 165px; font: .8em "Trebuchet MS", Arial, Sans-Serif; }
		#search input.field:focus { border-bottom: 1px dotted #ccc; color: #fff; }
	#search input.button { border-style: none;
    border-color: inherit;
    border-width: 0;
    float: right; background: url('../../images/v2/search.gif') no-repeat; 
    width: 20px;     height: 13px;     margin: 5px 0 0; }

#UserHeader_Project{ position:relative; display:inline-block; z-index:998;}
#UserHeader_UnFinishProject_Button{ background:url('../../images/v2/menu_down_arrow.gif') 0px 2px no-repeat; line-height:12px; display:inline-block; width:9px; height:12px;}
#UserHeader_UnFinishProject_Menu{ display:none; position:absolute; top:15px; border:solid 1px #c6e5f9; background:#fff;overflow:hidden; }
    #UserHeader_UnFinishProject_Menu a{ padding:4px 10px; width:100%;display:block; background:#fff; white-space: nowrap;}
    #UserHeader_UnFinishProject_Menu a:hover { background:#e6f4f7;}
    #UserHeader_UnFinishProject_Menu .HeaderLiveItems_Pager{ display:none; padding:1px; overflow:hidden;}
        #UserHeader_UnFinishProject_Menu .HeaderLiveItems_Pager a { display:inline; padding:6px; font-size:11px; margin:4px 0px; overflow:hidden; }

/* TopMenu */
#topmenu{ height:41px; background:url('../../images/v2/menu_bg.jpg') no-repeat; clear:both; overflow:hidden;}
ul#menu { padding:0px; margin: 0px auto; margin-top:10px; width:900px; overflow:hidden;}
	ul#menu li { display: inline; margin-top:18px;}
	ul#menu li a.topmenu{float: left; text-align:center; width:66px; /*height:36px;*/ margin: 0px 0px 0 0;padding: 0px 10px 0px 10px;  font-weight: bold; font-size: 14px; color: #fff; overflow:hidden; z-index:999; }
    ul#menu li .topmenu_filp{ display:block; filter: flipv() alpha(opacity=20); position: relative;}
        ul#menu li a.topmenu:hover{ }
		ul#menu li a.topmenu:hover, #menu li.current a.topmenu, #menu li.current_temp a.topmenu { color: #ffee7d; /*background: url('../../images/v2/menu.gif') no-repeat center bottom;*/}
    ul#menu ul{ display:none; /*background:url(../../images/v2/sub_menu2.gif) no-repeat  #ffee7d;*/ padding:31px 0px 0px 0px; margin:0px 0 0 0; position:absolute; /*top:40px;*/ z-index:99999; /*border:solid 1px #CCCCCC; border-bottom:solid 4px #af1515; border-top:none;*/}
        ul#menu ul li{ display:block; clear:both; margin-top:0px; overflow:hidden; width:160px; background: #ffee7d;}
            ul#menu ul li a{ display:block; padding: 5px 5px 5px 10px; width:100%; margin:0px; line-height:20px; border-bottom:dashed 1px #d28200; text-align:left;color:#222; }
            ul#menu ul li a:hover{ color:#af1515; }

/* Login */
#login_ara{ border:solid 1px #aaa; padding:10px; background:#e8f5fe; width:400px; margin:0px auto; overflow:hidden; }
    #login_ara #login_ara_inner{ width:350px; margin:0px auto; overflow:hidden;}
 
/* User Message */
#usermessage_content blockquote{margin-left:8px; padding-left:4px; border-left:2px solid #505050;}

/* Banner */
#banner{ background:#3478d9 url('../../images/v2/banner_bg.gif') repeat-x; overflow:hidden; clear:both;}
#banner_left_wrap{ float:left; width:654px; padding-left:16px; overflow:hidden;}
#banner_right_wrap{ float:right; width:280px; overflow:hidden;}

#banner_gallery{ float:left; width:670px; height:231px; margin:16px 0px 0px 0px;overflow:hidden; /*background:url(../../images/v2/banner_pic01.jpg) no-repeat;*/}
#banner_gallery .banner_gallery_flipbox{ width:654px; height:190px; overflow:hidden; font-size:28px; font-family:"黑体"; font-weight:bold; line-height:60px; text-align:center;}
#banner_gallery #flipPad a{ background:#eee url('../../images/v2/banner_button_bg.gif') repeat-x; color:#1c498a; display:inline-block; line-height:27px; padding:0px 8px; margin:5px 2px 0px 0px; overflow:hidden;}
#banner_gallery #flipPad a.current{ background:#fbf38c url('../../images/v2/banner_button_bg_current.gif') repeat-x; color:#ec5e14;}

#flipbox a#img_domain{ display:block; width:654px; height:190px; background:url('../../images/v2/banner/domain.jpg') no-repeat;}
#flipbox a#img_email{display:block; width:654px; height:190px; background:url('../../images/v2/banner/email.jpg') no-repeat;}
#flipbox a#img_idea{ display:block;width:654px; height:190px; background:url('../../images/v2/banner/idea.jpg') no-repeat;}
#flipbox a#img_outsource{display:block; width:654px; height:190px; background:url('../../images/v2/banner/outsource.jpg') no-repeat;}
#flipbox a#img_webbuild{ display:block; width:654px; height:190px;background:url('../../images/v2/banner/webbuild.jpg') no-repeat;}
#flipbox a#img_webmaintain{ display:block; width:654px; height:190px; background:url('../../images/v2/banner/webmaintain.jpg') no-repeat;}
#flipbox a#img_webhost{ display:block; width:654px; height:190px; background:url('../../images/v2/banner/webhost.jpg') no-repeat;}
#flipbox a#img_seo{ display:block; width:654px; height:190px; background:url('../../images/v2/banner/seo.jpg') no-repeat;}

#banner_workflow{ float:left; width:654px; height:83px; margin:6px 0px 0px 0px; background:url(../../images/v2/banner_liucheng.jpg) no-repeat;}

#banner_login{ float:right; width:280px; height:130px; margin:16px 16px 0px 0px; overflow:hidden;}
#banner_login #banner_login_title{ margin:0px auto; width:77px; height:23px; margin-bottom:5px; background:url(../../images/v2/banner_title1.gif) no-repeat;}
#banner_login .banner_login_label{ float:left; width:80px; text-align:right; font-weight:bold; color:#fff; margin:4px;}
#banner_login .banner_login_input{ float:left; width:150px; clear:right; margin:4px;}
#banner_login input.submit{ width:61px; height:25px; margin-right:20px; background:url(../../images/v2/login_button.gif) no-repeat; border:none; overflow:hidden;}
#banner_login a.register{ width:61px; height:25px; line-height:25px; display:inline-block; background:url(../../images/v2/login_button2.gif) no-repeat; overflow:hidden;}
#banner_login_button{ text-align:center; margin:10px auto; overflow:hidden;}
#banner_login_userinfo{ padding:20px;}

#banner_accordion{ float:right; width:264px; height:180px; margin:16px 16px 0px 0px; overflow:hidden;}

#banner_contact{ float:right; width:270px; margin:10px 16px 0px 0px; color:#fff; overflow:hidden;}
#banner_contact_title{ margin:0px auto; width:77px; height:23px; margin-bottom:5px; background:url(../../images/v2/banner_title2.gif) no-repeat;}
#banner_contact_phone{margin:0px auto; width:213px; height:38px; background:url(../../images/v2/tel.gif) no-repeat;}
#banner_contact_email{ font-weight:bold; text-align:center;}

/* Nav Bar */
#nav{ margin:5px 0px 10px 10px; display:block; overflow:hidden;}

/* Homepage */
#index_h1{ display:none;}

/* News */
#news_navigation{ margin:10px;}

/* Products */
a.pro_button{ display:block; width:106px; height:27px; background:url(../../images/v2/pro_button.jpg) no-repeat; float:right; padding-right:10px;}

/* Job */
#job_list{ padding:2px;}
    #job_list h2{ font-size:14px; font-weight:bold; margin:2px;}
    #job_list table{ width:100%; border:1px solid #eeee; white-space:normal; word-break:break-all;overflow:hidden; table-layout:auto;}
        #job_list table td{ white-space:normal;word-break:break-all;overflow:hidden; padding:2px;}
        #job_list table th.job_list_left{ width:180px; text-align:center;  table-layout:auto;}
        #job_list table td.job_list_left{ width:180px; vertical-align:text-top; border-right:dotted #336699 1px;}
            #job_list table td p{ white-space:normal; word-break:break-all;overflow:hidden; }

ul.job_maincategory{ display:block; clear:both; }
    ul.job_maincategory h2{ display:inline-block; clear:none; font-weight:bold; font-size:11px; overflow:hidden;  margin:4px 0px 2px 0px; text-decoration:none; border:none; }
    ul.job_maincategory li{ display:block; clear:both; margin-bottom:5px; overflow:hidden;}
        ul.job_maincategory li ul.job_subcategory{ display:block; clear:both; margin-left:20px; list-style:none; overflow :hidden; float:left;}
            ul.job_maincategory li ul.job_subcategory li{ margin-right:5px; list-style:none; display:inline; clear:none;  }

select.maincategoryselect{width:170px; overflow:hidden;}
select.subcategoryselect{width:160px;overflow:hidden;}

table.provider_list{ margin:5px; width:95%; border:1px solid #bbb;}
    table.provider_list h2{ margin:0px; padding:0px; font-size:14px; font-weight:bold; }
        table.provider_list h2 a{ border:none; padding:0px;}
    table.provider_list td{ vertical-align:top;}
    table.provider_list td.provider_list_name{ width:100px;}
    table.provider_list td.provider_list_overview{ width:100px;}
    table.provider_list td.provider_list_skill{ width:150px;}
    table.provider_list td.provider_list_info{}

table.buyer_list{ margin:5px; width:95%; border:1px solid #bbb;}
    table.buyer_list h2{ margin:0px; padding:0px; font-size:14px; font-weight:bold; }
        table.buyer_list h2 a{ border:none; padding:0px;}
    table.buyer_list td{ vertical-align:top;}
    table.buyer_list td.buyer_list_name{ width:140px;}
    table.buyer_list td.buyer_list_overview{ width:100px;}
    table.buyer_list td.buyer_list_info{}

/* QA */
#side_qalink table{ width:100%; }
    #side_qalink table{ width:100%; text-align:center; }
        #side_qalink table a{ display:block; width:76px; line-height:38px; background:url(../../images/v2/side_qa_buttom.gif) no-repeat; font-weight:bold;  color:#363636; }

#side_catalogs ul.side_catalogs_top { padding:0px; margin:0 0 10px 0; clear:both; overflow:hidden; display:block; list-style:none;}
    #side_catalogs ul.side_catalogs_top li { padding:0px; margin:0px; list-style:none; display:block; }
    #side_catalogs ul.side_catalogs_top a { display:block;white-space:nowrap;}
        #side_catalogs ul.side_catalogs_top li h3{ text-align:left; padding:0px; margin:8px 0px; }
#side_catalogs ul.side_catalogs_second{ list-style:none; padding:0px; margin:0px 0px 0px 10px; clear:both; display:block; overflow:hidden;}
    #side_catalogs ul.side_catalogs_second li{ list-style:none; margin:0 8px 0 0; padding:0px;  display:inline-block; float:left;}
        #side_catalogs ul.side_catalogs_second li h4{ text-align:left; font-weight:normal; padding:0px; margin:2px 0px; display:block; }

.catalogPathList ul{ display:block; list-style:none; padding:0px; margin:4px; overflow:hidden; clear:both;}
    .catalogPathList ul li{ display:block; list-style:none; margin:4px; float:left; display:inline-block;  clear:none; overflow:hidden;}
        .catalogPathList ul li a{ display:block;text-align:center; background-color:#fff; padding:3px 6px; white-space: nowrap;border:solid 1px #CC3300; line-height:16px; }
            .catalogPathList ul li a.selected { border-width:1px 3px; border-color:#CC3300 #FF9999 ; padding:3px 3px; background-color:#CC3300  ; color:#fff; }

.qa_item_wrap{ border:dotted 1px #3366CC; display:block; clear:both; padding:5px; margin-bottom:10px; font-size:14px; line-height:22px; overflow:hidden;}
.qa_answer_item{ border:dotted 1px #3366CC; margin-top:10px; }
.qa_question_title { background:#3366CC; padding:5px; color:#fff; font-weight:bold; overflow:hidden;}
    .qa_question_title a{ color:#fff; overflow:hidden;}
.qa_bestanswers_title{ background:#CC3333; padding:5px; color:#fff; font-weight:bold; overflow:hidden; margin-bottom:5px; }
.qa_question_text { padding-bottom:10px; border-bottom:solid 1px #3366CC;}
.qa_question_vote{ padding:10px;}
    .qa_question_vote a{ font-weight:bold; font-size:24px; line-height:30px; padding:0px 10px; }
    .qa_question_vote a.qa_question_vote_good{background: #FCD7C7;color: #F3510C;}
    .qa_question_vote a.qa_question_vote_bad { background: #B0FFB0; color: #00FF00; }
    .qa_question_vote .qa_question_vote_msg{ line-height: 30px; color: #FF3300;}
.qa_question_info{ padding-top:3px; float:right; overflow:hidden; clear:both; }
.qa_question_action{ padding-top:10px; border-top:solid 1px #3366CC; float:right; overflow:hidden; clear:both; }
.qa_question_mark{ background:url(../../images/v2/icn_ps.gif) no-repeat 0px 3px; padding-left:14px; padding-right:15px; color:#f00; }

.qa_answers_title{ font-weight:bold; font-size:16px; color:#009900;}

ul#question_list{ padding:0px; margin:0px; list-style:none;}
    ul#question_list li.question_list_item{ list-style:0px; margin:0px; padding:10px; border-bottom: dotted 1px #3366CC; overflow:hidden; display:block; clear:both; }
    ul#question_list .question_list_item_title{ float:left;}
    ul#question_list .question_list_item_mark{ float:left; background:url(../../images/v2/icn_ps.gif) no-repeat 0px 3px; padding-left:14px; padding-right:5px; color:#ff0000;}
    ul#question_list .question_list_item_status{ float:right;  overflow:hidden;}
    ul#question_list .question_list_item_catalog{ float:right; margin-right:5px; overflow:hidden;}

/* About */
#side_about h2{ margin-bottom:5px; clear:both;}
#side_about h3{ text-align:left; padding:5px;}
#side_about h3 a{ line-height:20px;}
#side_about .line{ width:100%; border-bottom-color:#fff;}

/*WebTools - Domain*/
#domain_term_list{ padding:10px 0px 20px 20px;}
.domain_term_item{ margin:10px;}
.domain_term_item_index{ float:left; line-height:40px; width:150px; color:#006699; text-align:center; font-size:24px; font-weight:bold; margin-right:18px;}
.domain_term_item_index.default{ color:#999;}
.domain_term_item_index span{ font-size:40px;}
.domain_term_item_options{ float:left;line-height:40px;}
.domain_term_item_options a{ padding:15px; border:2px solid #eee; font-size:16px;}
.domain_term_item_options a.current{ padding:15px; border:2px solid #f00;}

.domain_term_item_customer{ line-height:40px; display:none;}
.domain_term_item_customer_text{ padding:2px; line-height:40px; width:180px; font-weight:bold;}

#domainMessage{ color:Red; text-align:center;}
#domainResult{ width:80%; margin:0px auto;}
#domainResult table{  width:100%;}
#domainResult thead{ background:#eee;}
#domainResult td,#domainResult th{ text-align:center;}
#domainResult.showAvailableDomain tr.code211{ display:none;}
#domainResult.showAvailableDomain tr.code212{ display:none;}


#domain_suffix{padding:10px 20px;}

#domain_term_submit{ margin:0px auto; width:200px; text-align:center;}
#domain_term_submit input{ border:1px solid #333; font-size:20px; padding:10px 20px; font-weight:bold; }


/*Footer*/
#footer { clear: both; padding: 12px 2px 12px 8px; font-size: .84em; color: #bbb; background: #3478d9 url('../../images/v2/footer_bg.gif') repeat-x;  overflow:hidden; }
#footer a { color: #D9EAF9;}
#featured { background:url(../../images/v2/featured.gif) no-repeat; width:267px; height:128px; overflow:hidden;}
#promo { clear: both; /*border-top: 3px solid #6E6E6E;*/ background: #3478d9 url('../../images/v2/banner_bg.gif') repeat-x; color: #ccc; padding: 30px 0 0 0; }
	#promo h2 { color:#fff; }
	#promo a { color: #D9EAF9;}
	#promo .col { float: left; width: 280px; margin: 0px 20px 5px 20px; }
	#promo .last { margin:0px;}
	#promo #footer_about {  width:420px; }
	#promo #footer_contact { width:240px; }
	#promo #footer_partner { width:180px; }
	
#footermenu{ float:right; height:20px; overflow:hidden; margin-right:20px;}
    #footermenu li { background:url('../../images/v2/footer_menu_separator.gif') no-repeat 3px 0px; display:inline; padding-left:9px; }