@import url("Common.css");
/*-
--------------------------------------------------*/
#BCard{ width:699px;}
#BCard strong{ font-size:8pt}
#BCard{ background: url(../images/layout/images/BusinessCardBg.gif) no-repeat ; width: 697px; height:270px}
#BCard .intro{ height:36px; text-indent:125px; color:#6e6e6e; line-height:45px; font-size:8pt}
@media all and (min-width: 0px){#BCard .intro{ text-indent:110px;}}
#BCard .main{ height:234px;}

#BCard .main .detailbox{ height:234px}
#BCard .main td{ height:78px; width:232px;}
#BCard .main td table td{ width:auto; height:auto}
#BCard .main .accountfor{  margin:10px 0 0 130px ; width:90px; color:#fff; font-size:10px}
#BCard .main .accountfor a{ color:#ffe947; font-size:10px; font-weight:bold}
 
#BCard .attachbox{ margin:7px 0 0 0}
#BCard .attachbox .browse a{ color:#000}
#BCard .attachbox td{ height:25px}
#BCard .attachbox .title{color:#fff; font-size:8pt; height:20px ; }
#BCard .attachbox strong{color:#ffe947; font-size:8pt; }
#BCard .attachbox input{ width:152px ; height:18px; border:none; background:#ab0000; color:#ff6666; padding:4px 0 0 5px ;}
#BCard .attachbox #UpCv_box{
	position:relative;
	}
#BCard .attachbox #UpCv_box input{
	position:absolute;
	top:0;
	left:-135px;
	display:none;
	cursor:pointer;
	width:195px;
	z-index:1
	}	
#BCard .attachbox #UpCv_box a{	 
	z-index:12;
	}
/*this is a hack */
@media all and (min-width: 0px){#BCard .attachbox input{ height:22px;padding:0 0 0 5px ;}}
/*              */
#BCard a{ font-weight:bold; color:#000}
#BCard .attachbox .fixwidth{ width:60px}

#BCard .detailbox a{ color:#FFFFFF}
#BCard p{ font-size:10px;}
#BCard .bcard1{ width:197px; height:55px; margin:9pt 0 0  5px; color:#FFF}
#BCard .bcard2{ width:197px; height:55px; margin:5px 0 0  18px; color:#FFF}
#BCard .bcard3{ width:197px; height:55px; margin:5px 0 0  10px; color:#FFF}
#BCard .bcard4{ width:197px; height:55px; margin:5px 0 0  5px; color:#FFF}
#BCard .bcard5{ width:197px; height:55px; margin:0 0 0  18px; color:#FFF}
#BCard .bcard6{ width:197px; height:55px; margin:0 0 0  10px; color:#FFF}
#BCard .bcard7{ width:197px; height:55px; margin:0 0 0  5px; color:#FFF}
 
 
.userphoto{ width:43px; height:60px}

/*-
--------------------------------------------------*/
#Project{ width:698px;}


#Project .content{ background:url(../images/layout/images/borderBg.jpg)  repeat-y;}
#Project .content .bordertop,.borderbottom{height:6px; display:block; font-size:1px}
#Project .content .bordertop{ background:url(../images/layout/images/border.jpg) no-repeat}
#Project .content .borderbottom{ background:url(../images/layout/images/border.jpg) left bottom no-repeat }



#tabcontent{ margin:0 auto; width:97%}

#tabcontent .ntable th{ height:25px; color:#000; border-bottom:2px solid #d90900}
#tabcontent .ntable td{ height:25px}
#tabcontent .ntable a{color:#e10600}
#tabcontent .ntable{ color:#5c5c5c}
#tabcontent .ntable .ncol1{ width:270px; }
#tabcontent .ntable .ncol2{ width:88px;}
#tabcontent .ntable .ncol3{ width:61px;}
#tabcontent .ntable .ncol4{ width:84px;}
#tabcontent .ntable .ncol5{ }



#tabcontent .ltable th{ height:25px; color:#000;border-bottom:2px solid #d90900}
#tabcontent .ltable td{ height:25px}
#tabcontent .ltable a{color:#e10600}
#tabcontent .ltable{ color:#5c5c5c}
#tabcontent .ltable .ncol1{ width:219px; }
#tabcontent .ltable .ncol2{ width:202px;}
#tabcontent .ltable .ncol3{ width:90px;}
#tabcontent .ltable .ncol4{ width:95px;}
#tabcontent .ltable .ncol5{ }

#tabcontent .dtable{ margin:2px 0 }
#tabcontent .dtable table{width:333px; background:#eee}
#tabcontent .dtable table .category a{ color:#000; font-weight:bold}
#tabcontent .dtable a{color:#d90505;font-size:8.5pt }
#tabcontent .dtable a{color:#d90505;font-size:8.5pt }
#tabcontent .dtable .companylogo{ height:64px; width:102px}
#tabcontent .dtable .title{ height:10px; padding:6px 0 0 0}
#tabcontent .dtable .title a{ font-weight:bold; color:#d90505; font-size:9pt}
#tabcontent .dtable .title1{ font-weight:bold; color:#d90505; font-size:9pt;font-weight:bold;}
#tabcontent .dtable .space{ font-size:1px; width:6px}

/*-
--------------------------------------------------*/
#Project .option{ padding:0 0 0 8pt}
#Project .option a{  width:184px; height:22px; display:block; float:left; margin:0 5px 0 0;}
 .newpro{ background:url(../images/layout/images/LeftColBg.gif) 0 -157px no-repeat; }
 .newprohover{ background:url(../images/layout/images/LeftColBg.gif) 0 -180px no-repeat; }
 .designpro{background:url(../images/layout/images/LeftColBg.gif) 0 -203px no-repeat}
 .designprohover{background:url(../images/layout/images/LeftColBg.gif) 0 -226px no-repeat;}
 .latest{ background:url(../images/layout/images/LeftColBg.gif) 0 -249px no-repeat;}
 .latesthover{ background:url(../images/layout/images/LeftColBg.gif) 0 -272px no-repeat;}

.show{display: table-cell}
.hidden{ display:none}





 
#Gallery {
display:none;
border: 1px solid #999;
background:#fff; 
z-index:1000;
width:510px; 
left:25%;/*FF IE7*/
top:0;/*FF IE7*/ 
padding:10px; 
overflow:hidden;
margin-left:0px!important;/*FF IE7*/
margin-top:0px!important;/*FF IE7*/
margin-left:0px;
margin-top:0;

position:fixed!important;/*FF IE7*/
position:absolute;/*IE6*/

_top:       expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollTop + (document.documentElement.clientHeight-this.offsetHeight)/2 :/*IE6*/
            document.body.scrollTop + (document.body.clientHeight - this.clientHeight)/2);/*IE5 IE5.5*/
_left:      expression(eval(document.compatMode &&
            document.compatMode=='CSS1Compat') ?
            documentElement.scrollLeft + (document.documentElement.clientWidth-this.offsetWidth)/2 :/*IE6*/
            document.body.scrollLeft + (document.body.clientWidth - this.clientWidth)/2);/*IE5 IE5.5*/
} 
 
#Gallery .imginfo{ width:510px; height:411px; }
#Gallery .imginfo td{ padding:0;}
#Gallery .imginfo .bigimg{ padding:5px 0 0 0}
#Gallery .imginfo .smallimg{ height:64px; padding:5px 0 0 0}
#Gallery .title{ height:30px;   background:#eee; text-align:right;}
#Gallery .title a{color: #000; font-weight:bold; display: block; width:50px;height:30px; line-height:30px; text-align:center}