/* Design by fen website:www.fenth.com */
body{ font:12px/14px Verdana, Arial, Helvetica, sans-serif; margin:0; text-align:center; background: url(images/headbg.png) #fff repeat-x top}
ul{ margin:0; padding:0; list-style:none}
a{ text-decoration:none; color:#09c}
.fontcolor{ color:#c60}
img{ border:none}
form{ margin:0; padding:0}
p{ color:#666}
input{ padding:2px;border:1px solid #7F9DB9;background-color:#fff}


#wrapper{ width:800px; margin:0 auto; text-align:left}
#header{background: url(images/topbg.jpg) no-repeat right top}
.logo{ width:210px; height:100px;  margin:7px 0 12px 0}
/* ---------------------- Dolphin nav ---------------------- */
#dolphincontainer{position:relative;height:56px;color:#E0E0E0;width:100%;font-family:Lucida sans, Verdana, Arial,  sans-serif;}
#dolphinnav{position:relative;height:33px;font-size:12px;font-weight:bold;background:url(images/dolphin_bg.gif) repeat-x bottom left;padding:0 0 0 20px;}
#dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
#dolphinnav ul li{display:block;float:left;margin:0 1px;}
#dolphinnav ul li a{display:block;float:left;color:#EAF3F8;text-decoration:none;padding:0 0 0 20px;height:33px;}
#dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
#dolphinnav ul li a:hover{color:#fff;background:transparent url(images/dolphin_bg-OVER.gif) repeat-x bottom left;}
#dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
#dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#fff;background:#1D6893 url(images/dolphin_left-ON.gif) no-repeat top left;line-height:275%;}
#dolphinnav ul li a.current span{display:block;padding:0 20px 0 0;width:auto;background: url(images/dolphin_right-ON.gif) no-repeat top right;height:33px;}
/* ---------------------- END Dolphin nav ---------------------- */
.info{ background: url(images/member.gif) #E6F9FF no-repeat left; border-bottom:1px solid #8EC8D9;border-top:1px solid #8EC8D9; line-height:28px; padding-left:30px; overflow:auto; height:1%; color:#036}
.info span{ float:left}
.info span a{ color:#069}
.info .date{ float:right}
#member{ margin-top:2px}
#member input{ width:100px; background-color:#fff; border:1px solid #069;height:14px; line-height:14px}
#member label{ margin-right:5px}
#member .btn{ height:20px; border:1px solid #0099CC; width:auto; margin:0 8px; color:#fff; background-color:#033; padding:0 4px}



#wrap{ margin:8px auto; overflow:auto; height:1%}
#leftbar{width:230px; float:left}
.title{ border-left:8px solid #09c; background-color:#efefef; padding:5px 15px; font:bold 16px Georgia, "Times New Roman", Times, serif; color:#069; clear:both; overflow:auto; height:1%}
.title span{ float:left}
.title span span{ float:none; color:#999; font:normal 10px Arial, Helvetica, sans-serif; margin-left:8px}
.title img{ float:right; margin-top:4px}

.prolist{}
.prolist li{ background:url(images/arrow.gif) no-repeat 5px; padding:6px 10px 6px 25px; border-bottom:1px dashed #ccc}
.prolist li a{ color:#003}
.prolist li a:hover{ color:#069;font-weight:bold}

.leftcon{ background:url(images/leftcon.jpg) no-repeat top; padding-top:40px; margin-top:8px}
.leftcon ul{ margin:8px auto;}
.leftcon ul li{ padding:3px 0; color:#666}


#container{ float:right; width:550px}
.proshow{ margin:10px auto; overflow:auto; height:1%}
.pro,.enterpro{ float:left; padding:5px; background-color:#f2f2f2; border:1px solid #fff; text-align:center; margin:5px; display:inline}
.kk{width:115px;height:115px;background-color:#fff; margin-bottom:5px}
.pro img{ display:block; margin-bottom:5px; border:none;width:115px;height:115px}
.enterpro img{display:block}
.pro .name,.enterpro .name{ height:30px; width:115px}
.pro a,.enterpro a{ color:#333}

#footer{ background:url(images/footbg.gif) repeat-x; color:#d0d0d0; font-size:10px; padding:7px 0 4px 0; clear:both; margin-top:30px}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
/* profile */
.aboutmain{ height:550px; background:url(images/profilebg.jpg) no-repeat right bottom; margin-top:35px}
.conmain { background:url(images/contactus.jpg) no-repeat left; padding:0 0 0 220px; margin-top:20px; line-height:18px}
.msg{ border:1px solid #DFDFDF; margin:5px auto}
.feedmain{ color:#666}
.remsg{ color:#c30}
#divMenu{ border:1px solid #4C99C3; padding:8px; padding-top:0; background:url(images/floatcobg.jpg) #fff repeat-x top; position:absolute; font: bold 12px/25px Lucida sans, Verdana, Arial,sans-serif; color:#3786B3;text-align:center}
.ftitle{color:#fff; font: bold 11px/25px Lucida sans, Verdana, Arial,sans-serif; margin-bottom:10px}
#divMenu img{ display:block}
#img{ text-align:center}
#img #bimg{ margin:30px auto}
#img ul li{margin-left:10px; display:inline}
#img ul li img{ width:50px; height:50px; padding:3px; border:1px solid #ccc}

.inputdown,.btn{border:1px solid #1D95C7;background-color:#F0F9FB}
.memb{ padding:12px 0; overflow:auto; height:1%}
.memb .formline{ padding:8px 0}
.memb label{ width:50px; text-align:right; display:block; float:left; margin-right:5px}
.memb input{ float:left}
.memb .bt{ margin-left:56px}
.memb .btn{ margin:10px 20px 10px 0; display:inline}
/*CSS yellow style pagination*/

DIV.yellow {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; 
}
DIV.yellow A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.yellow A:hover {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow A:active {
	BORDER-RIGHT: #f0f0f0 1px solid; BORDER-TOP: #f0f0f0 1px solid; BORDER-LEFT: #f0f0f0 1px solid; COLOR: #000; BORDER-BOTTOM: #f0f0f0 1px solid
}
DIV.yellow SPAN.current {
	BORDER-RIGHT: #d9d300 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #d9d300 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #d9d300 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #d9d300 1px solid; BACKGROUND-COLOR: #d9d300
}
DIV.yellow SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}