/*write by zy  2012/03/21*/

/*Global settings */
  /*For the layout*/
html, body {
	height: 100%;
}
a:link, a:visited{
	color: #619BCD;
	text-decoration: none;
}
a:hover, a:active{
	color: #487F9B;
	text-decoration: none;
}
h2{
	color: #74A8D3;
	font-size: 14px;
	margin-bottom: 12px;
	text-transform: capitalize;
	font-weight:bold;
}
 body{
 	color: #959597;
	font-size:12px;
}
fieldset{
	border: #5F9BCC 1px solid;
	border-radius: 5px;
}
fieldset.collapsed{
	border-radius: 0px;
}
.form-item .description{
	font-size: 1em;
}
#wrapper #container #sidebar-left{
	width: 160px;
	margin: 20px 0px 0px 0px;
}
#wrapper #container #center{
	width: 770px;
	position: relative;
	float: right;
	margin: 0;
	border-top: #5f9bcc 3px solid;
	margin: 20px 0px 50px 0px;
}
/*when the layout is left center and right*/
body.sidebars #wrapper #container #center #squeeze{
	float: left;
	width: 570px;
	margin:0px;
	margin-left: 10px;
}
/*when the layout just has the left and center*/
body.sidebar-left #wrapper #container #center #squeeze{
	width: 750px;
	float:right;
}
body.sidebar-left #squeeze{margin:0px;}
#wrapper #container #sidebar-right{
	width: 180px;
	float: right;
	margin: 40px 0px 0px 0px;
}
#wrapper #container #center .right-corner .left-corner{
	padding: 10px 0px 0px;
}
#wrapper #container .breadcrumb{display:none;}/*Maybe we will delete it*/
#sidebar-right .block{padding:0px;}

  /*------------End the layout------------*/
 
/*for the header-region*/
#header-region{background:#fff;}
/*------------for the header-region------------*/

/*For header*/
#logo-floater{
	position: relative;
	float: left;
	width: 286px;
}
#ad{
	float: right;
	position: relative;
	width: 640px;
	margin: 15px -10px 0px 5px;
	text-align: justify;
}
#ad .content{
	padding: 8px;
	margin-top: -6px;
}
#ad p{
	color: #5f9bcc;
	line-height: 16px;
	margin: 0px;
	margin-top: 6px;
}

/*------------End header------------*/

/*For User login*/
#user-login-form{text-align:left;}
#wrapper #container #sidebar-right #block-user-0{
	padding: 10px;
}
#block-user-0{
	border: #5F9BCC 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
}

/*----------End User login----------*/

/*For the center*/
 /*for the tab primary */
#tabs-wrapper{
	border-bottom:none;
}
#tabs-wrapper ul.primary li{
	float: left;
	text-align: center;
	border-right: white 1px solid;
}
#tabs-wrapper ul.primary li a{
	color:white;
	background: #A8A8A9;
	font-weight: bold;
	min-width: 40px;
}
 /*for first and last of tabs primary*/
#tabs-wrapper ul.primary li{
	float: left;	
	border-right: white 1px solid;
}
#tabs-wrapper ul.primary li a{
	color:white;
	background: #A8A8A9;
	font-weight: bold;
}
 /*for first and last of tabs primary*/
#tabs-wrapper ul.primary li.first a,
ul.secondary li.first a{
	border-radius: 5px 0px 0px 0px; 
}
#tabs-wrapper ul.primary li.last a,
ul.secondary li.last a{
	border-radius: 0px 5px 0px 0px;
}
#tabs-wrapper  ul.primary{padding: 0.5em 0px 10px 5px;}

#tabs-wrapper ul.primary li.active a,
#tabs-wrapper ul.primary li:hover a{
	background: #5e5f5f;
}
#squeeze .submitted{display:none;}
.node{
	*padding: 0px;
	*margin: 0 -13px 1.5em;
	border-bottom: none;
}
#squeeze>.right-corner>.left-corner>.clear-block>.node{
	padding: 0px 26px;
	*padding-left: 0px;
	*padding-right: 39px;
}
 /*End the tab primary */
 /*for the tab secondary */
ul.secondary li a:link,
ul.secondary li a:visited{
	background: #A8A8A9;
	color:#fff;
	font-weight: bold;
}
ul.secondary li a:hover,
ul.secondary li a:active{
	background: #5E5F5F;
	color:#fff;
}

ul.secondary li.active a:link,
ul.secondary li.active a:visited{
	color: white;
	background: #5E5F5F;
	background-image:none;
	font-weight: bold;
}
ul.secondary li a:hover,
ul.secondary li.active a:active{
	background: #5E5F5F;
}
 
/*-------End the center-------*/
body{background: #ECECEC;}
#wrapper{
	background: none;
}
#wrapper #container{
	width: 940px;
	margin: 0 auto;
	padding: 0 10px;
	background: white;
}
#wrapper #container #header{height: 101px;}
#wrapper #container #header h1 span{display:none;}
  /*For the unuse bg*/
#wrapper #container #center #squeeze,
#wrapper #container #center .right-corner .left-corner,
#wrapper #container #center .right-corner{background: none;}
h2.with-tabs {
	width: 100%;
	clear: both;
	color: #74A8D3;
	font-size: 14px;
	margin-bottom: 12px;
	text-transform: capitalize;
}
 /*for the legend*/
fieldset.jproject-node-information-fieldset,
fieldset.jproject-node-surveys-fieldset,
fieldset.jproject-node-request-fieldset,
fieldset.jproject-node-brands-pics-fieldset,
fieldset.jproject-node-surveys-links-fieldset{
	width: 100%;
	padding: 0px;
	border:none;
	font-size: 12px;
	color: #959597;
	background: #F1F0F0;	
}
#jproject-node-information,
#jproject-node-request,
#jproject-node-brands-pics,
#jproject-node-surveys{
	background: #F1F0F0;
	*margin-left:7px;
	width:100%;
}
#jproject-node-information table,
#jproject-node-request table,
#jproject-node-surveys table,
#jproject-node-brands-pics table,
#jproject-node-surveys-links table{
	padding-left:7px;
}
fieldset.jproject-node-information-fieldset legend,
fieldset.jproject-node-surveys-fieldset legend,
fieldset.jproject-node-request-fieldset legend,
fieldset.jproject-node-brands-pics-fieldset legend,
fieldset.jproject-node-surveys-links-fieldset legend{
	height: 25px;
	line-height: 25px;
	width: 100%;
	padding: 0px;
	background: #5e5f5f url(images/coner_left.gif) no-repeat left center;
}
fieldset.jproject-node-information-fieldset legend a,
fieldset.jproject-node-surveys-fieldset legend a,
fieldset.jproject-node-request-fieldset legend a,
fieldset.jproject-node-brands-pics-fieldset legend a,
fieldset.jproject-node-surveys-links-fieldset legend a{
	padding-left: 10px;
	color: white;
	text-decoration: none;
	font-weight: bold;
	background:url(images/coner_right.gif) no-repeat right center;
}
html.js fieldset.collapsible.jproject-node-information-fieldset legend a,
html.js fieldset.collapsible.jproject-node-surveys-fieldset legend a,
html.js fieldset.collapsible.jproject-node-request-fieldset legend a,
html.js fieldset.collapsible.jproject-node-brands-pics-fieldset legend a,
html.js fieldset.collapsible.jproject-node-surveys-links-fieldset legend a{
	background:url(images/coner_right.gif) no-repeat right center;
}

html.js fieldset.collapsible legend a{
	background:none;
	
}
fieldset.collapsible legend a,
#views-bulk-operations-select fieldset legend,
fieldset legend{
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
}
#views-bulk-operations-select fieldset legend{
    display: none;
}
#center form{margin-bottom: 1em;}
/*--------End the Global settings----------- */

/*for the survey block*/
#jproject-node-surveys .view .views-exposed-form .views-exposed-widget{
	width: 36%;
}
#jproject-node-surveys .view .views-exposed-form .views-exposed-widget label{
	min-width:38px;
	text-align: left;
	width:auto;
}
#jproject-node-surveys .view .views-exposed-form .views-submit-button{
	width: 20%;
}
.view .views-exposed-form .views-exposed-widget{
	width: 33%;
	margin-bottom: 6px;
}
.view .views-exposed-form .views-submit-button{
	width: 60px;
	float: left;
	margin-left: 10px;
}
.view .views-exposed-form .views-exposed-widget label {
	float: left;
	min-width: 97px;
	display: block;
	text-align: right;
}
#block-jumpintl-3 .content,
#block-workflow_extensions-0 .content{
    background: #F1F0F0;
}
#block-workflow_extensions-0 h2,
#block-jumpintl-2 h2,
#block-jumpintl-3 h2,
#block-jumpintl-6 h2{
	width: 100%;
	display: block;
	margin-bottom: 0px;
	background: #5E5F5F url(images/h2_coner.gif) no-repeat;
	color: white;
	font-size: 12px;
	padding: 3px 0px;
	font-weight: bold;
	letter-spacing: 1px;
	text-indent: 10px;
	display:block;
}
#block-jumpintl-6 #jproject-data-cleaning{
    margin: 0;
}
#block-jumpintl-6 #jproject-data-cleaning td{
    margin: 0;
    padding: 8px 13px;
}
#block-jumpintl-6 table{
    border-collapse: separate;
}
.block .content{margin: 0px;}
#homebox-block-views_project_lists-block_9 .views-exposed-widget.views-submit-button{
	width: 50px;
	float: right;
	margin: 0px;
}
#homebox-block-views_project_lists-block_9 .views-exposed-widget{
	float: left;
}
#center #sidebar-right div.clear-block.block{
    margin-bottom: 20px;
}
/*For navigation position header*/
#header-region{
	width: 960px;
	margin: 0 auto;
}
#header-region .content{
	height: 45px;
	background: url(images/navigation_bg.png) 0px -45px repeat-x;
}
#header-region *{
	display: block;
	line-height: normal;
}
 /*For the first and last border*/
#header-region li.sf-depth-1.last{
	border-right: none;
}
#header-region li.sf-depth-1.first{
	border-left: none;
	background: url(images/navigation_bg.png) 0px -92px no-repeat;
}

  /*For the arrow menuparent*/

#header-region li.sf-depth-1.menuparent{
	background-image: url(images/arrow_3.png);
	background-position: right center;
	background-repeat: no-repeat;
/*change the arrow image width,beause we need the right space*/
}
#header-region li.sf-depth-1.menuparent>a{
	margin-right: 7px;
}
#header-region li.sf-depth-1 li.menuparent>a{
	background: url(images/arrow_2.png) no-repeat right center;
	padding-right:10px;
}
  /*----End the arrow----*/
 
 /*overwrite the garland style.css*/
#header-region .block{margin:0px;}
#header-region li{
	margin: 0;
}
#header-region li ul li{
	margin: 0;
	background: #0881ba;
}
#header-region li a{
	text-decoration:none;
	letter-spacing: -1px;
}
#header-region ul.sf-menu{
	width:960px;
	background: url(images/nav-right.png) right center no-repeat;
}
#header-region li.sf-depth-1{
	max-width: 130px;
	height: 45px;
	padding: 0px 3px 0px 0px;
	border-left: white 1px solid;
	border-right: #547894 1px solid;
}
#header-region li.sf-depth-1>a{
	height: 36px;
	line-height: 18px;
	margin: 5px 0px 4px;
	padding: 0px 8px 0px 10px;
	border: none;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	letter-spacing: -1px;
}
#header-region li.active-trail{
	background:#088fba;
}/*if the first nav has been selected*/

#header-region li.sf-depth-1:hover,
#header-region li.sf-depth-2:hover,
.sf-menu.sf-style-space li:hover,
.sf-menu.sf-style-space li.sfHover,
.sf-menu.sf-style-space li.active a,
.sf-menu.sf-style-space a:focus, 
.sf-menu.sf-style-space a:hover, 
.sf-menu.sf-style-space a:active, 
.sf-menu.sf-style-space.sf-navbar li li{
	background: #088fba;
}
.sf-menu.sf-style-space a{
	border-left: white 1px solid;
	border-right: #547894 1px solid;
	border-top: white 1px solid;
	border-bottom: #547894 1px solid;
	font-weight: bold;
}
    /*For the submenu*/
#header-region li.sf-depth-1>ul{
	margin-top:14px;
}
    /*----End the submenu----*/

/*For footer*/

body.sidebars #footer,#footer,body.sidebar-left #footer,#wrapper #container #footer{
	width: 960px;
	height: 26px;
	line-height: 26px;
	*line-height: 18px;
	margin-left:-10px;
	background: url(images/nav_bg.gif) 0px -45px repeat-x;
}
#footer ul.menu li a{
	margin: 0px;
	padding: 0px;
	height: 26px;
	*height:22px;
	color: white;
}
 /*for footer menu*/
#block-jumpintl-5 ul li{
	list-style: none;
	background: none;
	float: left;
	color: white;
	font-size: 11px;
	padding: 0px 15px;
	margin: 0px;
}

/*------------End footer--------------*/

/*For all the table css*/
td, th{
	padding: 0.3em 1px;
}
td.views-field-mail{
	display: block;
}
thead{
 	background-color: #A8A8A9;
 }
thead th{
    background-color: #A8A8A9;
	padding: 0.3em 1px;
	margin: 0px;
	line-height: 18px;
	border-bottom: none;
	color: white;
	font-size: 12px;
	font-weight:normal;
    text-align: left;
}
thead th a:link,thead th a:visited{
	color: white;
	text-decoration:none;
}
thead th a:hover,thead th a:active{
	color: white;
	text-decoration:underline;
}
tr.odd, tr.info,
tr.odd td.active{
	background-color: #F1F0F0;
	color:#000;
	font-size:12px;
}
tr.even,tr.even td.active{
	background-color: #E3E3E3;
	color:#000;
	font-size:12px;
}
tr.even, tr.odd, tbody th{border:none;}
tr td a:link,tr td a:visited{
	color: #609aca;
}
th tr a:hover,tr td a:active{
	color: #609aca;
	text-decoration: underline;
}
td.region, td.module, td.container, td.category{
	border-top: 1.5em solid white;
	border-bottom: 1px solid #999;
	background-color: white;
	color: #455067;
}
#homebox .homebox-portlet .portlet-header{
		background: #85acd7;
			color:#fff;
	font-weight:bold;
}
/*-----------End all the table css-----------*/

 /*for block-jumpintl-2 */
#wrapper #container .sidebar .block,
#sidebar-right #block-jumpintl-2.block{
    margin: 0 0 20px 0;
}
#block-jumpintl-2 td{
	padding:3px 0px;
	text-align: center;
	width: 50%;	
}
#block-jumpintl-2 td a, #block-jumpintl-6 td a{color: #959597;}
#block-jumpintl-2 .content{background: #fff;}
#block-jumpintl-2 p{
	margin: 0px;
	padding: 0px;
}
/*------end block-jumpintl-2------*/


/*for the activity*/
ul#jproject-node-activity-block li{margin: 0 0 5px 0;}
/*------------------end the activity------------------*/

/*for block-workflow_extensions-0*/
#block-workflow_extensions-0 #edit-workflow-comment{
	max-width: 174px;
	border: silver 1px solid;
	border-radius: 0px;
	padding: 2px;
}
#block-workflow_extensions-0 .form-item{
	margin-top: 0px;
	margin-bottom: 0px;
	background: silver;
}
#block-workflow_extensions-0 .form-item label{
	color: black;
	font-size: 12px;
	text-indent: 12px;
}
#block-workflow_extensions-0 #edit-workflow-comment-wrapper .resizable-textarea{max-width: 174px;}
#block-workflow_extensions-0 .form-submit{
	margin-bottom: 0px;
	letter-spacing: -1px;
}
#block-workflow_extensions-0 .form-submit.odd{
	background: silver;
	margin: 0px;
	border: none;
	color: #7D7E80;
	cursor: pointer;
	border-radius:0px;
}
#block-workflow_extensions-0 .form-submit.even{
	background: #F1F0F0;
	margin: 0px;
	border: none;
	color: #7D7E80;
	cursor: pointer;
	border-radius:0px;
}
#block-workflow_extensions-0 .form-submit:hover{
	background: #5E5F5F;
	margin-bottom: 0px;
	color:#fff;
}
/*------------------End block-workflow_extensions-0------------------*/
  /*for all the form*/
.form-item label{color: #78A4D3;}
.form-item input,html.js .resizable-textarea textarea{
	padding:2px 5px;
	border: #5F9BCC 1px solid;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.form-item .form-text{
	line-height: normal;
	padding: 5px 0px;
}
html.js .resizable-textarea textarea{
	margin: 0px;
}

.form-button, .form-submit{
	background: url(images/nav_bg.gif) 0px -115px repeat-x;
	cursor: pointer;
	padding: 4px;
	*padding:4px 2px;
	font-size: 12px;
	font-weight: bold;
	color: white;
	border: none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: #237FC6 1px solid;
}
.form-button:hover, .form-submit:hover{
	background: url(images/nav_bg.gif) 0px -111px repeat-x;
}
  /*----end all the form----*/
 table#webform-components #edit-add-name{
 	margin-right: 26px;
	width: 143px;
 }
 /*for views-bulk-operations-select*/
#views-bulk-operations-dropdown{
	padding: 0px;
	margin-right: 10px;
}
#views-bulk-operations-submit{
	padding: 0px;
}
#edit-operation-wrapper{
	margin:0px;
}
 /*End views-bulk-operations-select*/
/*for user-register*/
#user-register label{
    float: left;
    position: relative;
    min-width: 312px;
    height: 25px;
    line-height: 25px;
    margin-right: 10px;
}
#user-register .dropbox{
    margin-left: 322px;
}
/*#user-register .resizable-textarea{
    width: 364px;
    float: right;
    margin: -20px 74px 0 0;
}
#user-register .description{
    width: 364px;
    float: right;
    margin-right: 74px;
}
#user-register .captcha .description{
    width: auto;
    float: none;
    margin-right: inherit;
}*/
#edit-terms-of-use-wrapper label,
#edit-captcha-response-wrapper label{
    min-width: 0;
}
#user-register .form-item,
#user-register .resizable-textarea{clear:both;}
.form-item .form-submit{
	height: 23px;
    line-height: 22px;
}
#user-register .form-required{
	color: #78A4D3;
}
#user-register .form-text{
	line-height: normal;
	padding: 5px 0px;
	margin: 0px;
}
#user-register .description{
	clear: both;	
}
  /*single set for the register page*/
#user-register #edit-field-lc-profile-countries-stay-0-value-wrapper label{
	width: 250px;
	height: 30px;
	line-height: 15px;
}
#user-register #edit-field-lc-profile-countries-stay-0-value-wrapper .form-text{
	margin: 6px 0px;
}
  /*------End single set for the register page-----*/

/*---------------End user-register------------*/

/*For #views-exposed-form-survey-payment-status-list-block-4*/
#views-exposed-form-survey-payment-status-list-block-4 .views-exposed-widget.views-widget-filter-field_payment_status_value{
	width: 260px;
	float: left;
	padding: 0px;
	margin: 0px;
}
#views-exposed-form-survey-payment-status-list-block-4 .views-exposed-widget.views-widget-filter-field_payment_status_value label{
	width: 125px;
	float: left;
}
#views-exposed-form-survey-payment-status-list-block-4 .views-exposed-widget{
	float: right;
	padding: 0px;
}
/*-----End #views-exposed-form-survey-payment-status-list-block-4-----*/

/*clear the footer space*/
#container.clear-block:after{content:none;display:none;clear:none;}
#block-jumpintl-5.clear-block:after{content:none;display:none;clear:none;}

.content-type-webform div.content p{
    display: none;
}

#edit-body-wrapper span{
    padding: 0;
}

#cke_contents_edit-body iframe{
    width: 99% !important;
}

#header-region #context-block-region-header{
    display: none;
}

/* for brands pinyin  */
#edit-field-project-brand-pinyin-0-value-wrapper{
    display: none;
}

#field_brand_name_values .form-item{
    float: left;
}

#field_brand_name_values .jproject-brand-pinyin{
    border: 1px solid #5F9BCC;
    border-radius: 3px;
    padding: 5px 0;
}

#field_brand_name_values .jproject-brands-pinyin-label{
    margin-left: 10px;    
}

#jlanguages-abbreviations li{
    background: none;
    font-weight: bold;
    color: #78A4D3;
    list-style: decimal;
    margin: 0 0 0 50px;
    padding: 0;
}

#jlanguages-abbreviations li.jlanguages-abbreviations-continent{
    margin: 0;
}

#jlanguages-abbreviations ul{
    margin: 0;
    padding: 0;
}

#jlanguages-abbreviations li .form-item{
    margin: 0;
}

#jlanguages-abbreviations li .form-item label{
    float: left;
    margin-right: 20px;
}

#jlanguages-abbreviations li .form-item .form-text{
    padding: 2px 5px;
}

#jsurvey-ready-edit fieldset{
    display: none;
}

.wysiwyg-toggle-wrapper, #cke_path_edit-body{
    display: none;
}

#jproject-report-ppt-template-selection-div div{
    margin-top: 10px;
}

.field-field-survey-survey-template{
    display: none;
}

#edit-field-survey-survey-template-0-value-wrapper{
    display: none;
}

.manager-projects-list #wrapper #container #center .right-corner{
    left: 0;
}

#edit-agreement-wrapper #edit-agreement{
    float: left;
}

#edit-agreement .description{
    font-weight: bold;
}

#jsurvey-warning-form .form-submit{
    width: 80px;
    margin-right: 30px;
}

.survey-description.decription{
    margin: 10px 0 25px 0;
}

.survey-description.decription p{
    margin: 0;
}

#center .left-corner #tabs-wrapper ul.primary{
    display: none;
}
.view-export-payment-report,
.view-export-payment-report thead th{
    text-align: center;
}
.view-export-payment-report #edit-uid-wrapper .description{
    display: none;
}

.view .views-exposed-form .views-exposed-widget.views-widget-filter-term_node_tid_depth{
    display: none;
}