@import url("Reset.css");
@import url("Common.css");

.uploaded_text{}
#TextAlert,
#WithOneAccount,
#project_bid_from_v,
#validate_text{	
	color:#f00;	
	}
#loading_ball{
	display:none;
	}

.uploaded_text{
	font-weight:bold;
	font-size:12px;
	color:#f00;
	}
/*=BrowseProject
--------------------------*/
#BrowseProject{}
#BrowseProject .searchbar { width:50%; padding:5px 0 }

#BrowseProject .searchbar .input{ background:url(../images/layout/images/LeftColBg.gif) 0 -308px no-repeat; width:141px; height:19px; border:none; padding:4px 0 0 5px; color:#999 }
@media all and (min-width: 0px){#BrowseProject .searchbar .input{height:23px; border:none; padding:0 0 0 5px}}
#BrowseProject .searchbar span{ float:left; margin:5px 5px 0 0; }

#BrowseProject .pager{ text-align:right;color:#d60008; font-size:8pt}
#BrowseProject .pager a{ color:#d60008;  font-size:8pt}
/*#BrowseProject .pager .curr{ color:#000}*/
#BrowseProject .bottomline{ padding:5px 0 10px 0;border-bottom:1px solid #d10803; }
/**/
#BrowseProject .ProjectList_td td{ height:25px; font-size:9pt; color:#666;   }
#BrowseProject .ProjectList_td td a{ color:#FF0000; font-size:9pt}
#BrowseProject .ProjectList th{ height:33px; border-bottom:1px solid #000;border-top:1px solid #d10803; padding:7px 0 0 0; font-size:10pt}
#BrowseProject .ProjectList th a{ color:#f60000; font-size:10pt; font-weight:bold}
#BrowseProject .ProjectList th span{ font-size:10px; font-weight:normal; display:block; margin:0 0 0 4px}
#BrowseProject .ProjectList .col1{ width:215px;}
#BrowseProject .ProjectList .col2{ width:78px;}
#BrowseProject .ProjectList .col3{ width:59px;}
#BrowseProject .ProjectList .col4{ width:43px;}
#BrowseProject .ProjectList .col5{ width:76px;}
#BrowseProject. ProjectList .col6{ width:80px;  } 
#BrowseProject .ProjectList .col7{width:160px}

#BrowseProject .ProjectList_td .col1{ width:215px;}
#BrowseProject .ProjectList_td .col2{ width:78px;}
#BrowseProject .ProjectList_td .col3{ width:59px;}
#BrowseProject .ProjectList_td .col4{ width:43px;}
#BrowseProject .ProjectList_td .col5{ width:76px;}
#BrowseProject. ProjectList_td .col6{ width:80px;   } 
#BrowseProject .ProjectList_td .col7{ width:160px}

/*=Sub page common style
--------------------------*/
#RightCol .poselement{ position:relative}
#RightCol .poselement .otherpos{ position:absolute;right:0; top:0 }
#RightCol .poselement .otherpos a{ font-size:8pt; font-weight:bold}
#RightCol td{ font-size:9pt; }
#RightCol td a{ font-size:9pt; color:#f60000; }
#Nav td a{ color:#92a4ba; }
#RightCol span{ display:inline}
#RightCol  .selectshortfield,.selectlongfield,textarea{border:1px solid #c6b5b5; width:223px; height:20px;
font-size:8pt}
#RightCol .inputfield{ padding:3px 0 0 5px; width:218px; height:17px;border:1px solid #c6b5b5; }
@media all and (min-width: 0px){#RightCol .inputfield{ padding:0 0 0 3px; width:220px; height:20px}}
#RightCol .selectlongfield{  }
#RightCol .selectshortfield{width:165px; height:20px; font-weight:bold}
/*#RightCol .filefield{width:282px; height:20px; }



/*#MyAccount,#SignUp,#EditProfile,
#PostProject,#ModifyProject,
#MyInbox,#ProjectBid,#Terms,
#Privacy,#Report,#HelpCenter,
#ProjectWinner{ margin:20px 0 0 0}*/

#RightCol .submitbtn{ width:118px; height:23px; padding:0; background:url(../images/layout/images/LeftColBg.gif) 0 -356px no-repeat;
font-weight:bold; font-size:8pt; border:none; line-height:normal}
#RightCol hr{ border:none;border-top:1px solid #d10803; margin:0 0 6px 0}
#RightCol ul li{ height:18px;}
#RightCol ul{ margin:0 0 5px 0}

#RightCol .fieldcolline{ border-top: 1px solid #f60000; }
#RightCol .fieldcolline .des{font-size:8pt ; color:#000}
#RightCol .fieldcolline a {font-size:8pt ; }
#RightCol .categorybtn{ display:block; background:url(../images/layout/images/LeftColBg.gif) 0 -333px no-repeat; width:222px; height:23px; font-size:8pt; font-weight:bold; color:#333; line-height:21px;  float:left; padding:0 0 0 7px;}
#RightCol .categorybtn:hover{ background-position:0 -427px}
#RightCol textarea{ width:459px; height:173px; padding:5px;}
#RightCol .smalltextarea{ height:100px;}
#RightCol strong{ font-size:8pt}
#RightCol .mycalendar{ background:url(../images/layout/images/calendarBtn.gif) no-repeat; width:14px; height:14px; border:none}
#RightCol .gobtn{ width:32px;  height:33px;
background:url(../images/layout/images/Gobtn.png) no-repeat;
display: block;
border:none;
cursor:pointer;
}
#RightCol .content{border-bottom:1px solid #d10803; padding-bottom:5px }
#RightCol .title{ border-bottom:1px solid #d10803; padding:0 0 5px 0; }
#RightCol .title span a{ font-weight:bold}
#RightCol p{line-height:1.5em}

#RightCol .discussbtn{ width:66px;height:19px;  background:url(../images/layout/images/LeftColBg.gif) -119px -356px; border:none }
#calendar{ padding:1px; border:1px solid #626262; background:#fff }
#calendar span{  display:inline;   }
#myctable span { color:#FFFFFF; }
#calendar b{ color:#000000}


/*=Myaccount
--------------------------*/

#MyAccount th{ width:50%;  text-align:right} 
#MyAccount em{ color:#000000}
#MyAccount span{ display:block}
#MyAccount .inbox_style  em{ color:#f60000}
#MyAccount .title{ text-align:left; border:0}
#MyAccount .title h1{ display:inline}
 
#MyAccount .content{border-bottom:1px solid #d10803; padding-bottom:15px }
#MyAccount th a{ color:#FF0000; font-weight:bold; font-size:8pt}

#MyAccount .myaccount_details{ margin-top:5px; margin:0 }

#MyAccount .myaccount_details th{ text-align:left; width:auto; font-size:10pt; height:33px; border-bottom:1px solid #000;border-top:1px solid #d10803; padding:7px 0 4px 0; font-size:10pt}
#MyAccount .myaccount_details th a,span{ display:block; font-size:8pt; font-weight:normal; color:#666}
#MyAccount .myaccount_details  th span{ padding:2px 0 0 0}
#MyAccount .myaccount_details th a{ color:#f60000}
#MyAccount .myaccount_details td strong{ color:#000 }
#MyAccount .myaccount_details .col1{ width:272px;}
#MyAccount .myaccount_details .col2{ width:77px;}
#MyAccount .myaccount_details .col3{ width:58px;  }
#MyAccount .myaccount_details .col4{ width:42px; }
#MyAccount .myaccount_details .col5{ width:86px; }
#MyAccount .myaccount_details .col6{ width:85px; }
#MyAccount .myaccount_details .col7{ }
#MyAccount .myaccount_details td{ height:25px; color:#666 }

#MyAccount .notopline .col1{ width:357px;}
#MyAccount .notopline .col2{ width:88px;}
#MyAccount .notopline .col3{ width:91px;}
#MyAccount .notopline .col4{ width:86px;}
#MyAccount .notopline .col5{ width: auto }
#MyAccount .notopline th{ border-top:none}


/*=SignUp
--------------------------*/
#SignUp{}
.DpSex{ width:50px; margin:0 3px 0 0;height:22px;} 
.txtFirstName{width:165px; }

#SignUp .title{ border-bottom:1px solid #d10803; padding:0 0 5px 0; }
#SignUp .titlecol{ width:152px; font-size:10pt}
#SignUp .readme{ font-size:10pt }
#SignUp .fieldcol span{ margin:0 0 0 5px}
#SignUp .fieldcol .spec{ display:block; padding:5px 0 0 0; }
#SignUp .fieldcol .des{ display:block; font-size:8pt; padding:4px 0 0 0; margin:0; color:#000} 
#SignUp .fieldcol .des strong{ font-size:8pt}
#SignUp .fieldcol .des a{ font-size:10pt}
#SignUp hr{ border:none;border-top:1px solid #d10803}
#SignUp .subjoincell strong{ color:#000}
#SignUp .longbtn{ width:155px;  padding:0; background:url(../images/layout/images/LeftColBg.gif) 0 -379px no-repeat}
#SignUp td{ padding:6px 0;color:#666; }
#SignUp .signupdes{ padding:10px 0;  line-height:1.5em}
#SignUp .readme{ color:#333}
#SignUp .signupdes a{ font-weight:bold}
#SignUp span{ color:#f60000}

#SignUp .bottomline{ border-bottom:1px solid #f00}
/*=EditProfile
--------------------------*/
#EditProfile{}
#EditProfile .title{ border-bottom:1px solid #d10803; padding:0 0 5px 0; }
#EditProfile .titlecol{ width:152px;}
#EditProfile .readme{ font-size:8pt }
#EditProfile .fieldcol{ font-size:8pt; color:#000}
#EditProfile .fieldcol a{font-size:8pt;}
#EditProfile .fieldcol span{ margin:0 0 0 5px}
#EditProfile .fieldcol .des{ display:block; font-size:8pt; padding:4px 0 0 0; margin:0; color:#000; line-height:1.5em} 
#EditProfile .fieldcol .des strong{ font-size:8pt}
#EditProfile .fieldcol .des a{ font-size:8pt}



#EditProfile td{ padding:6px 0 7px 0;color:#666; }
#EditProfile .signupdes{ padding:10px 0;  line-height:1.5em}
#EditProfile .readme{ color:#333}
#EditProfile .signupdes a{ font-weight:bold}
#EditProfile span{ color:#f60000}
#EditProfile .categorybtn{ display:block; background:url(../images/layout/images/LeftColBg.gif) 0 -333px no-repeat; width:217px; height:23px; font-size:8pt; font-weight:bold; color:#333; line-height:21px;  float:left; text-indent:7px}

#PhotoBox td{font-size:8pt; color:#000; padding:0 0 5px 0}
#PhotoBox .bigphoto{ width:173px}
#PhotoBox p{ margin:5px 0 0 0; font-weight:bold}

/*=PostProject
--------------------------*/
#PostProject{}

#PostProject td{ padding:6px 0 5px 0;color:#666;}
#PostProject .title{ border-bottom:1px solid #d10803; padding:0 0 3px 0; }
#PostProject .titlecol{ width:125px; }
#PostProject .fieldhelper{ width:40px; text-align:center; color:#000; font-weight:bold; font-size:8pt  }
#PostProject .titlecol .des{ font-weight:bold; color:#000;  display:block; font-size:8pt; margin:5px 0 0 0}
#PostProject .titlecol .des a{ font-weight:bold; font-size:8pt;}
#PostProject  span{ margin:0 0 0 5px;color:#f60000}
#PostProject .des{ color:#000; display:block;margin:5px 0 0 0}
#PostProject .des a{ font-size:8pt;}
#PostProject .needheight { padding:10px 0 0 0}
/*=ModifyProject
--------------------------*/
#ModifyProject{}
#ModifyProject td{ padding:6px 0 5px 0;color:#666; font-size:10pt}
#ModifyProject .title{ border-bottom:1px solid #d10803; padding:0 0 3px 0; }
#ModifyProject .title strong{ float:right; margin:10px 0 0 0 ; color:#000}
#ModifyProject .titlecol{ width:125px; }
#ModifyProject .fieldhelper{ width:40px; text-align:center; color:#000; font-weight:bold; font-size:8pt  }
#ModifyProject .titlecol .des{ font-weight:bold; color:#000;  display:block; font-size:8pt; margin:5px 0 0 0}
#ModifyProject .titlecol .des a{ font-weight:bold; font-size:8pt;}
#ModifyProject  span{ margin:0 0 0 5px;color:#f60000}
#ModifyProject .des{ color:#000; display:block; margin:5px 0 0 0 }
#ModifyProject .des a{ font-size:8pt;}
#ModifyProject #PhotoBox .uploadimgcell{ width:35%}
#ModifyProject #PhotoBox{ border:none}
#ModifyProject #PhotoBox a{ font-weight:bold}

/*=MyInbox
--------------------------*/ 
#MyInbox .title{ border-bottom:1px solid #d10803; padding:0 0 3px 0; }
#MyInbox h1{ display:inline}
#MyInbox .title a{ font-weight:bold; font-size:8pt}
#MyInbox .alignright{ text-align:right}

#MyInbox .bottom{ border-bottom:1px  solid #d10803; padding:0 0 3px 0; font-size:8pt; padding:15px 0}
#MyInbox .bottom a{ font-size:8pt; color:#000}
#MyInbox .bottom .pager a{ color:#f60000} 
#MyInbox .content{ border:0}
#OpreaTable{ margin:5px 0 0 0}
#OpreaTable td a{font-size:8pt;}
#OpreaTable .deletecol{ font-size:8pt; color:#000}
#OpreaTable .deletecol a{ color:#000}
#OpreaTable { font-size:8pt}
#OpreaTable .searchmess{ width:255px}
#OpreaTable .searchmess span{ float:left; margin:5px 0 0 0;  }
#OpreaTable .searchmess input{ margin:5px 0 0 0}
#OpreaTable .searchmess span .inputfield{ width:197px; height:15px; font-size:10px; border:1px solid #c7b5b4; margin-right:5px}
#MyInbox .pager{ width:206px; font-size:8pt; color:#d10803; text-align:right; padding:3px 0 0 0 }

#MyInbox .inboxtable th{ height:24px; background:#efe7d6; text-indent:10px; font-size:8pt}
#MyInbox .inboxtable td{ text-indent:10px; height:25px;}
#MyInbox .inboxtable .col1{ width:33px; }
#MyInbox .inboxtable .col2{ width:144px; }
#MyInbox .inboxtable .col3{ width:360px; }
#MyInbox .inboxtable .col4{ width:175px; }




/*=ProjectBid
--------------------------*/
#ProjectBid{}
#ProjectBid #PhotoBox{
	width:80%;	 
	font-weight:bold;
	font-size:11px
	}
#ProjectBid #PhotoBox a{
	font-weight:bold;
	font-size:11px
	}
#ProjectBid #PhotoBox .uploadimgcell1{
	width:60%;
	 
	}
#ProjectBid #PhotoBox .uploadimgcell2{
	width:40%;
	border:1px solid #000
	}	

#ProjectBid .redstrong{ color:#f60000; font-size:9pt}
#ProjectBid  strong{ font-size:9pt}
#ProjectBid strong a{ font-weight:bold}
#ProjectBid td{ padding:6px 0 6px 0;color:#000; font-size:9pt }
#ProjectBid .title{ border-bottom:1px solid #d10803; padding:0 0 3px 0; }
#ProjectBid .title a{font-weight:bold}
#ProjectBid .title span { float:right; margin:5px 0 0 0; }
#ProjectBid p{ line-height:1.5em; font-size:9pt}
#ProjectBid .titlecol{ width:125px;color:#666; font-size:10pt }
#ProjectBid .fieldhelper{ width:40px; text-align:center; color:#666; font-weight:bold; font-size:8pt  }
#ProjectBid .titlecol .des{ font-weight:bold; color:#000;  display:block; font-size:8pt; margin:5px 0 0 0}
#ProjectBid .titlecol .des a{ font-weight:bold; font-size:8pt;}
#ProjectBid  span{ margin:0 0 0 5px;color:#f60000}
#ProjectBid .des{ color:#000; display:block;margin:5px 0 0 0}
#ProjectBid .des a{ font-size:8pt;}
#ProjectBid .noline{ border:none;padding:20px 0}

#ProjectBid ul li a{ font-size:8pt}


/*=Terms
--------------------------*/
#Terms{}
#Terms .title span{ float:right; margin:8px 0 0 0 }
#TermsContent p{ margin:15px 0}
#Terms  ul li{ height:auto; text-indent:1em; padding:1px 0}
#Terms  .title a{ font-size:8pt}
/*=Privacy
--------------------------*/
#Privacy { }
#Privacy a{ font-weight:bold}
#Privacy p{ margin:15px 0;font-size:9pt}
#Privacy p strong{  font-size:9pt}


/*=Privacy
--------------------------*/
#Privacy{}

/*=Report
--------------------------*/
#Report{}
#Report .titlecol{ width:158px}
#Report textarea{ padding:10px}
#Report  td{ padding:6px 0 7px 0;color:#666; }
#Report span{ color:#f00; padding:0 0 0 3px;} 

/*=HelpCenter
--------------------------*/
#HelpCenter{}
#HelpCenter .content{ padding-bottom: 20px}
#HelpCenter dl{ margin:15px 0} 
#HelpCenter dt{ text-indent:1.5em; margin:4px 0 0 0}
#HelpCenter dd{ padding: 2px 60px 5px 0; line-height:1.3em}
#HelpCenter strong{ font-size:10pt} 
#HelpCenter a{ font-weight:bold}

/*=ProjectWinner
--------------------------*/

#ProjectWinner{ }
#ProjectWinner .alignright{ text-align:right; margin:0; padding:0}
#ProjectWinner .content{ padding:20px 0 10px 0}
#ProjectWinner strong{ color:#000} 
#ProjectWinner td{ padding:6px 0 5px 0;color:#666; }
#ProjectWinner th{text-align:right}
#ProjectWinner textarea{ padding:10px; font-size:9pt}
#ProjectWinner .title{ border-bottom:1px solid #d10803; padding:0 0 7px 0; }
#ProjectWinner .title-sub{ border:0; text-align:left}
#ProjectWinner .title-sub h1{ display:inline}
#ProjectWinner a{ font-weight:bold; color:#f00; font-size:8pt}
#ProjectWinner .title strong a{ font-weight:bold}
#ProjectWinner .title strong{ font-size:10pt; }
#ProjectWinner .titlecol{ width:125px; }
#ProjectWinner .fieldhelper{ width:30px; text-align:center; color:#000; font-weight:bold; font-size:8pt  }
#ProjectWinner .titlecol .des{ font-weight:bold; color:#000;  display:block; font-size:8pt; margin:5px 0 0 0}
#ProjectWinner .titlecol .des a{ font-weight:bold; font-size:8pt;}
#ProjectWinner  span{ margin:0 0 0 5px;color:#f60000}
#ProjectWinner .des{ color:#000; display:block; margin:5px 0 0 0 }
#ProjectWinner .des a{ font-size:8pt;}

#ProjectWinner h2{ color:#666}
#ProjectWinner .selectwinner{ padding:20px 0}
#ProjectWinner table{ padding:5px 0 0 0}
#ProjectWinner .bidmem{height:173px;}
#ProjectWinner .meminfo{ width:154px }
#ProjectWinner .meminfo p{ line-height:2em}
#ProjectWinner .bidinfo{  ;border-top:1px solid #f00;}
#ProjectWinner .bidinfo table{font-size:10px}
#ProjectWinner .bidinfo table strong{ font-size:9pt}  
#ProjectWinner .bidinfo table td{font-size:9pt; color:#000; padding:5px 50px 5px 0} 
#ProjectWinner .bidinfo table .bidbaseinfo{ line-height:1.5em }
#ProjectWinner .bidinfo table .loadimg p{ margin:0 0 3px 0;line-height:1.5em }
#ProjectWinner .bidinfo table .bidtext{ line-height:1.5em } 


#ProjectWinner .submittable .bidinfo{border-top:1px solid #d10803; color:#000; padding:5px 0}
#ProjectWinner .submittable .bidinfo p{ padding:8px 0 0 0; margin:0}

/*=MyProfile
--------------------------*/
#MyProfile{}
#MyProfile .content{ padding:19px 0 0 0 ; border:0}
#MyProfile .imgcol{ width:150px;}
#MyProfile .imgcol p{ margin:10px 0; padding:0 0 0 2px}
#MyProfile .imgcol a{ font-weight:bold; font-size:8pt}
 

#MyProfile .baseinfo td{ padding-left:10px}
#MyProfile .baseinfo table td{ padding:0}
#MyProfile .baseinfo em{ font:normal normal bold 13pt Tahoma, Arial, Courier, sans-serif}
#MyProfile .baseinfo strong{ font-size:10pt}
#MyProfile .baseinfo table td{ height:16px;}
#MyProfile .baseinfo .local{ padding:10px 0 22px 10px}
#MyProfile .baseinfo .prot{ padding:26px 0 10px 10px ; border-bottom:1px solid red}
#MyProfile .imginfo{ width:518px}
#MyProfile .imginfo td{ padding:0; text-align: left}
#MyProfile .imginfo .bigimg{ padding:10px 0 0 0}
 
#MyProfile .list{ padding:15px 0 11px 0; border-bottom:1px solid red}

#MyProfile .baseinfo  .listtable th{ padding:10px 0}
#MyProfile .baseinfo  .listtable td{ height:23px}
#MyProfile .baseinfo  .listtable .col1{ width:216px}
#MyProfile .baseinfo  .listtable .col2{ width:74px;}
#MyProfile .baseinfo  .listtable .col3{ width:78px}
#MyProfile .baseinfo  .listtable .col4{}

/*=ContactUs
==========================--------------------------------------*/
 
#ContactUs .titlecol{ width:158px}
#ContactUs textarea{ padding:10px}
#ContactUs  td{ padding:6px 0 7px 0;color:#666; }
#ContactUs span{ color:#f00; padding:0 0 0 3px;} 

/*-Forgot_password
-------------------------------------------------------------------*/
#Forgot_password{
	margin:0 0 100px 0;
	}
#Forgot_password p,#Forgot_password p a{
	font-size:11px;
	}
#Forgot_password .title{ 
	border-bottom:1px solid #d10803;
	padding:0 0 3px 0; 
	}
#forgot_password_box{
	margin:20px 0 0 0 ;
	}
#forgot_password_box p{
	padding:5px 0
	}
 
.cropImage,
.cropImage_edit
{
	padding:1px;
	border:1px solid #c7b5b4;	 	 
	width:500px;	 
	float:left;
}
.clearBoth
{
	clear:both;
}
.ILoadImage input,
.ILoadImage input[disable='disable']
,.IloadRemoveButon
,.ILoadImage
{
	width:85px;
	height:22px;
	margin:5px 0;
}