@charset "utf-8";

/* banner */
body.front .top-banner { margin-bottom:22px;background:url(../images/bg_front_banner.png);}
body.front .top-banner-bg {
    background-image: url(../images/front_banner.png);
	margin:0 auto 0px;
	height:183px;
	color:#fff;
}
body.front .banner-bg2 {
    background-image: url(../images/banner_bg2.png);
	margin:0 auto 0px;
	height:183px;
	color:#fff;
}
body.front .banner-bg3 {
    background-image: url(../images/banner_bg3.png);
	margin:0 auto 0px;
	height:183px;
	color:#fff;
}

body.front .banner-bg4 {
    background-image: url(../images/banner_bg4.png);
	margin:0 auto 0px;
	height:183px;
	color:#fff;
}

body.front .banner-bg5 {
    background-image: url(../images/banner_bg5.png);
	margin:0 auto 0px;
	height:183px;
	color:#fff;
}

body.front .banner-bg6 {
    background-image: url(../images/banner_bg6.png);
	margin:0 auto 0px;
	height:183px;
	color:#fff;
}

body.front .banner-bg7 {
    background-image: url(../images/banner_bg7.png);
	margin:0 auto 0px;
	height:183px;
	color:#fff;
}

body.front .box-72-main { float:right; overflow:hidden;}
/* banner */

body.front  .top-banner-bg.style2 .con {
	padding:60px 0 0 500px;
	font-size:18px;
}

body.front  .top-banner-bg.style2 .con a {
    margin: 0;
    right: 70px;
    top: 90px;
}

#front-content {
    width: 940px;
    margin-bottom: 35px;
}

/*main*/


body.front  .account-content-main {
    padding: 5px 20px 10px 15px;
	min-height:50px;
}
body.front .nav-crumb { margin-bottom:18px; color:#aaa; }
body.front .nav-crumb a { color:#aaa; text-decoration:none; }
body.front .nav-crumb a:hover { text-decoration:underline;}
body.front .nav-crumb a.curr {  color:#06c ;text-decoration:underline;}

.account-content-main h2 {
    font-size: 18px;
    color: #0066cc;
    margin-bottom: 25px;
}

.account-content-main .from-wrap {
    border: 1px #ededed solid;
    background: #faf8f7;
    padding: 15px;
    margin-bottom: 25px;
	border-radius:4px;
	box-shadow:0 3px 8px #bbb;
	}
.box-c .from-wrap {
    border: 1px #ededed solid;
    background: #faf8f7;
    padding: 15px;
    margin-bottom: 25px;
	border-radius:4px;
	box-shadow:0 3px 8px #bbb;
}

.account-content-main dl {
    margin: 0 auto;
}

.account-content-main dl.form dt {
    clear: both;
    float: left;
    width: 200px;
    margin-bottom: 8px;
}

.account-content-main dl.form dd {
    margin: 0 0 8px 205px;
}

dl.form input[type="text"], dl.form input[type="password"], dl.form textarea {
    width: 260px;
    color: #555;
}

dl.form select {
    width: 272px;
    color: #555;
}

.form-btn-wrap {
    text-align: center;
    margin: 30px 0 10px;
}

dl.form .checkBoxWrap {
    width: 270px;
}

dl.form .checkBoxWrap label {
    margin: 5px 10px 5px 0;
    display: inline-block;
    min-width: 50px;
}

.account-content-main dl.form.question dt {
    width: 70px;
}

.account-content-main dl.form.question dd {
    margin-left: 75px;
}

dl.form.question input[type="text"], dl.form.question textarea {
    width: 440px;
    color: #555;
}

.faqSecTitle { padding:12px 0 12px 50px; margin-bottom:5px; background:url(../images/faqSecTitle_general.png) 0 50% no-repeat; font-size:16px; color:#777;}
.faqSecTitle.buy { background-image:url(../images/faqSecTitle_buyer.png);}
.faqSecTitle.provider { background-image:url(../images/faqSecTitle_provider.png);}

/*side*/
body.front .box-72-side-col {
    width: 222px;
	float:left;
    background: url(../images/box-72-side-col-c.png);
}

.account-content-side h3 {
    position: relative;
	margin:0 0 10px;
    font-size: 18px;
    color: #0066cc;
}

.account-content-side div.sec {  padding: 15px 10px 10px 15px; border-bottom: 1px #e9e9e9 solid; }
.account-content-side div.sec.last { border:none; }

.box-72-side-col-t {
    height: 6px;overflow:hidden;
    background: url(../images/box-72-side-col-t.png);
}

.box-72-side-col-c {
    padding: 5px 3px 50px 0;
    background: url(../images/box-72-side-col-b.png) 0 100% no-repeat;
}

.account-content-side ul {	
    list-style: none;
    margin: 8px 10px 8px 0;
    line-height: 1.5;
}

.account-content-side ul li {
    padding: 5px 0 5px 28px;
	background:url(../images/icon_front_li.png) 0 50% no-repeat;
}

.account-content-side ul li.curr { background:url(../images/bg_sideNav.png) 0 -18px repeat-x;}
.account-content-side a {
    color: #666;
}


.account-content-side .by { text-align:right; font-size:10px; margin:5px 0;}
table.style {
    border: 1px #ddd solid;
    width: 100%;
    border-collapse: collapse;
    margin: 15px 0;
}

table.style td {
    padding: 6px 5px;
    font-size: 11px;
}

table.style th {
    padding: 6px 5px;
    text-align: left;
    background: url(../images/bg_projectListHead.png) 0 -1px;
}

.textBox td,.textBox th {border-bottom:1px solid #cccccc;border-right:1px solid #cccccc;}
table.style tr.odd td {
    background: #fafafa;
}
table.style tr td.odd {
    background: #fafafa;
}


table.style img.icon {
    vertical-align: middle;
    margin-right: 3px;
}

table.style.withSub th {
    padding-left: 18px;
}

table.style.withSub td {
    padding-left: 18px;
    border: 1px #ddd solid;
}

table.style td.sub {
    padding: 10px;
}

table.style td.sub ul {
    list-style: none;
    background: #f8f8f8;
    padding: 10px;
}

table.style td.sub li {
    padding: 8px 0 8px 10px;
    border-bottom: 1px #dfdfdf dotted;
}

table.style td.sub li.last {
    border: none;
}

table.style td.sub span.dt {
    display: inline-block;
    width: 105px;
}

.from-wrap.rate-buyer ul {
    list-style: none;
    margin-bottom: 8px;
}

.from-wrap.rate-buyer li {
    padding: 8px 0;
    border-bottom: 1px #ddd dotted;
}

.from-wrap.rate-buyer ul span {
    display: inline-block;
    width: 390px;
}

.from-wrap.rate-buyer ul label {
    margin-right: 5px;
}

.from-wrap.rate-buyer textarea {
    width: 550px;
    margin-top: 8px;
}

.paging {
    text-align: right;
    margin-top: 15px;
}

.paging .l {
    float: left;
}

.paging select {
    padding: 2px 3px;
}

.paging  .con a {
    color: #a4d053;
    margin: 0 2px;
}

.paging  .con span {
    margin: 0 2px;
}

.account-content-main div.sec {
    margin: -5px 0 30px;
}

.account-content-main p {
    line-height: 1.5;
}

ul.common-green {
    color: #A4D053;
    line-height: 1.5;
    margin-left: 15px;
}

ul.common-green a {
    color: #555;
}

.main-top-search {
    float: right;
    font-size: 11px;
}

.main-top-search input[type="text"] {
    margin-left: 5px;
    padding: 3px 4px;
    vertical-align: middle;
}

.account-content-main .secTitle {
    font-size: 13px;
    margin: 25px 0 15px;
    color: #555;
}

ul.qa-list {
    list-style: none;
    margin: 10px 0 20px;
    padding: 0;
    width: 673px;
    color: #777;
}

ul.qa-list .item {
    margin-bottom: 6px;
    background: url(../images/bg-qeustionBox-c.png) 0 0 repeat-y;
}

ul.qa-list .qa-t {
    height: 4px;overflow:hidden;
    overflow: hidden;
    background: url(../images/bg-qeustionBox-t.png) 0 0 repeat-y;
}

ul.qa-list .qa-c {
    padding: 2px 8px 5px;
    background: url(../images/bg-qeustionBox-b.png) 0 100% no-repeat;
}

ul.qa-list .dt {
    padding-left: 35px;
    background: url(../images/icon_question.png) 0 0 no-repeat;
    line-height: 25px;
    font-size: 11px;
    font-weight: 400;
    cursor: pointer;
}

ul.qa-list .active .dt {
    color: #06c;
}

ul.qa-list .dd {
    display: none;
    padding-left: 35px;
    margin-top: 8px;
    background: url(../images/icon_answer.png) 0 0 no-repeat;
    min-height: 25px;
}

ul.qa-list .active .dd {
    display: block;
}

/* page.account-viewMessage*/
.messageBord table.style td { padding:10px;}
.messageBord table.style th { padding-left:10px;}
.messageBord td p { margin:8px 0; }
.postBack { margin:20px 0;}
.postBack p { color:#777; font-size:11px; margin:5px 0 15px;}
.messageBord .formwrap { width:480px; margin:0 auto; padding:10px;}
.messageBord .formwrap  textarea{ width:470px; margin-bottom:10px;}
.messageBord .btnWrap { text-align:center; margin-top:30px;}
.messageBord  .paging { margin-bottom:25px;}

/*site map*/
ul.siteMap {  list-style:none; margin:20px 0 0 0; padding:0;font-size:11px; }
ul.siteMap ul {list-style:none;  margin:15px 0 0 10px; padding:15px 20px; background:#fafafa;}
ul.siteMap ul li { display:inline-block; *display:inline; zoom:1; min-width:140px; margin-right:25px; padding:4px 0;}
ul.siteMap li.sub { margin-bottom:15px;}
ul.siteMap h3 { font-weight:400;}
ul.siteMap a { padding-left:12px; background:url(../images/icon_sitemap_li.png) 0 5px no-repeat ; text-decoration:underline; color:#369;}
ul.siteMap ul a { color:#666; background-position:0 -18px;}
ul.siteMap ul a:hover { color:#369;}

.main-content-wrap { width:350px; float:left;}

.contactBox { float:right; margin-right:10px; width:470px; padding:25px 10px; background:#faf8f7; font-size:11px; color:#777;border:1px solid #dbdbdb;
	border-radius:4px;
	box-shadow:0 3px 8px #bbb;}
.contactBox dt { width:75px; clear:left; float:left; margin-bottom:8px;}
.contactBox dd {  margin:0 0 8px 75px;}
.contactBox input[type="text"] { width:170px;}
.contactBox textarea { width:170px; height:140px;}
.contactBox  .btnWrap { text-align:center; margin-top:15px;}

/*Case Studies*/
.caseStudies-list .textBox { margin:15px 0; padding:10px;  /*border:1px #e0e0e0 solid;*/ border-radius:3px; line-height:1.7; color:#666666;}
.caseStudies-list .btnWrap { text-align:right; margin-bottom:25px; font-size:11px;}
.caseStudies-list h3 { color:#0066CC; font-size:13px;}
.caseStudies-list .textBox ul {margin:0;padding:0 15px;}

/*contact Us*/
.account-content-main div.sec p { margin-bottom:10px; color:#777; font-size:11px;}
.contact-list { font-size:11px; color:#777;}
.contact-list h3 { color:#06c; font-size:14px; margin-bottom:20px; }
.contact-list ul { list-style:none; margin:10px 0 40px; padding:0; width:280px; color:#693;}
.contact-list li  { padding:10px 0 10px 30px; border:1px #e0e0e0 solid; margin-top:-1px; position:relative; background:url(../images/srpit_contact.png) 3px 50px no-repeat;}
.contact-list li.item1 { background-position:3px 5px;}
.contact-list li.item2 { background-position:3px -25px;}
.contact-list li.item3 { background-position:3px -55px;}
.contact-list li.item4 { background-position:3px -85px;}
.contact-list li.item5 { background-position:3px -115px;}
.contact-list li.item6 { background-position:3px -145px;}
.contact-list li.item7 { background-position:3px -175px;}
.contact-list li.item8 { background-position:3px -205px;}

/*company-profile-list*/
.company-profile-list h3 { color:#06c; font-size:14px; margin-bottom:15px; }
.company-profile-list div.text { margin-bottom:25px; font-size:11px; color:#777;}
.company-profile-list div.text  p { margin-bottom:10px;}



.technologies-list li { border-bottom:1px #ccc dotted; background:none; }
.technologies-list a { display:block;}
.technologies-list li.curr a { color:#fff; background:url(../images/bg_sideNav.png) 98% 2px no-repeat;}

ul.can-help-list li{  background:url(../images/sprite_can-help-list.png) 0 0 no-repeat; padding-left:34px; margin-bottom:3px; }
.can-help-list li.post { background-position: 0 -30px;}
.can-help-list li.interview { background-position: 0 -60px;}


.side-nav li { border-bottom:1px #ccc dotted; background:none;}
.side-nav a { display:block;}
.side-nav li.curr a { color:#fff; background:url(../images/bg_sideNav.png) 98% 2px no-repeat;}

li.curr { background:url(../images/bg_sideNav.png) 0 -18px repeat-x;}
/*Engement Model*/

.account-content-main { font-size:11px;}
.account-content-main .text-wrap p { margin:20px 0;}
 .account-content-main .secTitle { color:#06c;}

 .list-style-arrow { list-style:none; margin:20px 0; padding:0; line-height:1.6;}
 .list-style-arrow li { padding-left:30px; min-height:18px;  background:url(../images/icon_front_li.png) 0 0 no-repeat; margin-bottom:10px;}