﻿
:link,:visited { text-decoration:none } :focus,:active { outline: 0 } ul,ol { list-style:none } h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; } ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input { margin:0; padding:0 } a img,:link img,:visited img, fieldset { border:none } address { font-style:normal }

a { color: #AF1515; }
a:hover { color: #7D1919; }
h1 { font-size: 3em; clear: both; margin: 0 0 5px; }
h2 { font: normal 1.6em Arial; color: #3D3C3B; margin: 0 0 15px; }
h2#slogan { font-size: 1.3em; color: #808080; }
p  { margin: 0 0 10px 0; /* line-height: 110%;*/ }
.clear { clear: both; }
.wrap { margin: 0 auto; width: 900px; }
.right{float:right;}
.left{float:left;}
.center{ text-align:center;}
.hide{ display:none;}
.inline{ display:inline;}
.block{ display:block;}
.bold{ font-weight:bold;}
.overflow_hidden{ overflow:hidden;}
.text_left{ text-align:left;}
.text_right{ text-align:right;}
.text_center{ text-align:center;}

.red{ color:#f00;}
.gray{color:#666666;}
.white{color:#ffffff;}
.green { color: #009900; }
.blue { color: #0033CC; }
.orange { color: #FF9900; }

.pointer{ cursor:pointer;}
.indent{ text-indent: 2em;}

.line{  border-bottom: dotted #336699 1px;  line-height:1px; height:1px; overflow:hidden; display:block; clear:both;}

.w_50{ width:50px;}
.w_100{ width:100px;}
.w_150{ width:150px;}
.w_200{ width:200px;}
.w_250{ width:250px;}
.w_300{ width:300px;}
.w_400{ width:400px;}
.w_500{ width:500px;}
.w_600{ width:600px;}
.w_700{ width:700px;}
.w_800{ width:800px;}

.h_50{ height:50px;}
.h_100{ height:100px;}
.h_150{ height:150px;}
.h_200{ height:200px;}
.h_250{ height:250px;}
.h_300{ height:300px;}
.h_350{ height:350px;}
.h_400{ height:400px;}
.h_500{ height:500px;}
.h_600{ height:600px;}

.padding5{padding:5px;}
.padding10{padding:10px;}
.padding15{padding:10px;}
.padding20{padding:20px;}
.padding25{padding:10px;}
.padding50{padding:50px;}

.margin5{margin:5px;}
.margin10{margin:10px;}
.margin15{margin:15px;}
.margin20{margin:20px;}
.margin25{margin:25px;}
.margin30{margin:30px;}

.loading1{ background:url(../../images/v1/loading1.gif) no-repeat; display:inline-block; line-height:20px; width:20px; height:20px; overflow:hidden;}
.loading2{background:url(../../images/v1/loading2.gif) no-repeat; display:inline-block;  width:62px; height:13px; overflow:hidden;}
.loading3{ background:url(../../images/v1/loading3.gif) no-repeat; display:inline-block; line-height:20px; width:20px; height:20px; overflow:hidden;}

.rss1{ background:url(../../images/v1/rss1.png) no-repeat; line-height:32px; width:32px; height:32px; display:inline-block; overflow:hidden;}
.rss2{ background:url(../../images/v1/rss2.png) no-repeat; line-height:16px; width:16px; height:16px; display:inline-block; overflow:hidden;}

.alert_normal { padding: 8px; margin: 8px; background-color: #CCFF99; border: 2px dashed #9999FF; }

/*#logo { float: left; margin: 40px 0 0; }*/
#feature{ color: #33617F; float: right; background: #fff; width: 580px; height: 160px; margin: 0 0 40px; font-size: 1.1em; font-style: italic; padding: 10px 10px 2px; }
	#feature img { float: left; margin: 0 20px 0 0; }
	#feature p { margin: 10px 0 0; }
	.more { font-size: .74em; font-weight: bold; margin: 0 5px 0 0; color: #390505; font-style: normal; }

#feature_menu { float: right; }
	#feature_menu li { display: inline; }
	#feature_menu li a { color: #33617F; float: left; padding: 6px 14px 6px 21px; margin: 0 0 0 2px; background: #C6E5F9 url('../../images/v1/bullet.gif') no-repeat 7px 12px; 
font-size: .8em; font-weight: bold; }
		#feature_menu li a:hover { color: #071F2D; background: #fff url('../../images/v1/bullet_hover.gif') no-repeat 7px 8px;
}
		#feature_menu li a.current { background: #fff url('../../images/v1/bullet.gif') no-repeat 5px 12px;
}

#feature, #feature_menu li a  {
	opacity: 0.6;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.onclick{ color:Blue; cursor:pointer;}

table.datatable{ width:98%;}
    table.datatable th{ padding:3px 5px; background:#0066CC; color:#fff; }
    table.datatable td { padding:2px; }
    table.datatable tr.hover { background-color: #CCFF99; }

img.checkcode{ vertical-align:middle;}

/* Header */
#UserHeader_Project{ position:relative; display:inline-block; z-index:998;}
#UserHeader_UnFinishProject_Button{ background:url('../../images/v1/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; }

/* Form */
.form_field{}
    .form_field .form_field_title{ width:120px; text-align:right;  float:left; margin-right:5px;}
    .form_field .form_field_content{ display:block; clear:right; word-wrap:break-word;overflow:hidden;}
    .form_field legend{ color:#666;}
    /*
    .form_field p>label{ margin:3px 0px; clear:both; }
    .form_field div>label{ margin:3px 0px; clear:both; }
    */
    .form_field p{ margin:3px 0px; clear:both; }
        .form_field p p{ clear:none; }
    .form_field div{ margin:3px 0px; clear:both; }
        .form_field div div{ margin:0px; clear:both; }
    
.list_field{}
    .list_field .list_field_title{ width:80px; text-align:right;  float:left; margin-right:5px;}
    .list_field .list_field_content{ display:block; clear:right; word-wrap:break-word;overflow:hidden;}
    .list_field legend{ color:#666;}
    .list_field p>label{ margin:3px 0px; clear:both; }
    .list_field div>label{ margin:3px 0px; clear:both; }

/* 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;}
/* MVC Validate */
.field-validation-error{color: #ff0000;}

.input-validation-error{border: 1px solid #ff0000;background-color: #ffeeee;}

.validation-summary-errors{margin-left:130px;font-weight: bold;color: #ff0000;}
    .validation-summary-errors li{margin-left:40px; list-style-type:decimal; font-weight:normal;}
 
 /* User Message */
#usermessage_content blockquote{margin-left:8px; padding-left:4px; border-left:2px solid #505050;}

/* Homepage */
#home_modules .mod_item{ padding:10px; overflow:hidden; clear:both; display:block;}
#home_modules .current{background: #e5f7ff;color: #426877;}
#home_modules .mod_item_title{ width:100px; float:left; display:inline-block; overflow:hidden;}
#home_modules .mod_item_desc{ width:500px; float:left;  overflow:hidden; }

/* News */
#news_navigation{ margin:10px;}

/* Products */
a.pro_button{ display:block; width:106px; height:27px; background:url(../../images/v1/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:83px; line-height:40px; background:url(../../images/v1/side_qa_buttom.jpg) 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;}
        #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/v1/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/v1/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;}