/* CSS Document */

/* ************************************
* 文件名称：myspace.css
* 编 写 者：Judy Wang
* 编写日期：2011-08-11
* 文件版本：V1.0
* 内容概要：公共页面制作样式库文件
************************************ */

/********** myspace leftBar **********/
.content .leftBar02{
	width:198px;
	float:left;
	border:1px solid #CCC;
}
.content .leftBar02 ul li span{
	display:block;
}
.content .leftBar02 .leftMenuTit{
	width:100%;
	height:29px;
	line-height:29px;
	text-align:center;
	background:url(../images/bg_leftmenu.gif) repeat-x;
}
.content .leftBar02 .leftMenuCon{
	width:100%;
	height:34px;
	line-height:30px;
	margin-top:5px;
	font-size:12px;
	text-align:center;
	background:url(../images/bg_leftmenu_02.gif) top center no-repeat;
}
.content .leftBar02 .leftMenuCon ul li span a:hover,.content .leftBar02 .leftMenuCon ul li span a:active{
	color:#C00;
	font-size:11px;
}
/********** myspace leftBar end **********/

/********** myspace rightBody **********/
.rightBody04{
	width:813px;
	float:right;
	min-height:545px; 
    height:auto!Important; 
    height:545px; 
    overflow:visible; 
	border:1px solid #CCC;
	text-align:justify;
}
.tabFriend{
	width:100%;
	text-align:center;
}
.rightBody04 .tip{
	margin:3px 8px;
	height:30px;
	line-height:30px;
	background:#EFEFEF; 
}
.rightBody04 .tip img{
	width:15px;
	height:22px;
	margin:3px 10px 0 10px;
	float:left;
	display:inline;
}
.rightBody04 .tip .imgGift{
	width:24px;
	height:24px;
}
/** ie6 **/
.rightBody04 .tip .paperNum{
	_float:left;
}
.rightBody04 .tip .paperBtn{
	_height:30px;
}
.rightBody04 .tip .paperBtn .btnRed2{
	_margin-top:4px;
}
.rightBody04 .tipList{
	width:98%;
	margin:0 auto;
}
.rightBody04 .tipList li{
	width:100%;
	height:25px;
	line-height:25px;
}
/********** myspace rightBody end **********/

/********** myspace_number rightBody **********/
.hotGoods{
	width:98%;
	margin:0 auto;
	height:250px;
	border:1px solid #C00;
	margin-bottom:7px;
}
.hotGoods h3{
	background:#C00;
	color:#FFF;
	width:100%;
	text-indent:1em;
}
.hotGoods ul{
	width:790px;
	margin:0 auto;
	margin-top:7px;
	height:195px;
}
.hotGoods ul li{
	width:148px;
	float:left;
	height:195px;
	padding:0 5px;
}
.hotGoods ul li img{
	width:143px;
	height:143px;
	border:1px solid #CCC;
}
.hotGoods ul li span{
	line-height:20px;
}
/********** myspace_number rightBody end **********/

/********** myspace_orderS rightBody **********/
.classLink{
	margin:0 auto;
	width:98%;
	height:32px;
	line-height:32px;
	margin-bottom:10px;
	background:#F5F5F5;
}
.classLink img{
	width:19px;
	height:19px;
	margin:7px 10px 0 10px;
	float:left;
	display:inline;
}
.classLink span{
	margin-right:10px;
}

/********** myspace_leavemesg rightBody **********/
.mesgBox{
	width:98%;
	margin:0 auto;
	margin-top:10px;
	margin-bottom:5px;
}
.btnBox2{
	margin-top:8px;
}
/********** myspace_leavemesg rightBody end **********/

/********** myspace_message rightBody **********/
.rightBody04 ul .messageBox{
	width:100%;
	border-bottom:2px solid #CCC;
	padding-bottom:20px;
}
.rightBody04 ul li p{
	width:97%;
	margin:0 auto;
}
.rightBody04 ul li .messageTit{
	height:26px;
	line-height:26px;
	margin-top:7px;
}
.rightBody04 ul li .messageCon{
	margin:0 auto;
	margin-top:7px;
	margin-bottom:20px;
    line-height:23px;	
}

.rightBody04 ul .messageBox .replyBox{
	width:97%;
	background:#F5F5F5;
	margin-left:15px;
}
.rightBody04 ul .messageBox .replyBox .btnBox2{
    margin-bottom:5px;
}
.rightBody04 ul .messageBox .replyBox .commentForm{
	margin:10px 10px 5px 10px;
}
.rightBody04 ul .messageBox .replyBox .replyCon{
	padding:10px;
	line-height:23px;
}
/********** myspace_message rightBody end **********/

/********** myspace_friendList rightBody **********/
.rightBody05{
	width:600px;
	margin:0 5px;
	float:left;
	min-height:545px; 
    height:auto !Important; 
    height:545px; 
    overflow:visible; 
	border:1px solid #CCC;
	display:inline;
}
.rightBody05 .tab{
	margin-top:9px;
}
.rightBody05 .btn, .peopleList .btn{
	background:url(../images/btn_addfriends.gif) no-repeat;
	width:57px;
	height:20px;
	vertical-align:middle;
}
.peopleBox{
	width:207px;
	height:500px;
	float:right;
	text-align:justify;
}
.peopleBox .peopleList{
	width:92%;
	line-height:35px;
	border-bottom:2px solid #CCC;
	padding:0 8px;
	margin-top:7px;
}
.peopleBox .peopleList p{
	width:100%;
	line-height:22px;
}
.peopleBox .peopleList .box{
	background:#F5F5F5;
	padding:3px;
}
.peopleBox .peopleList .btn{
	margin:5px 0;
	display:inline;
}
/********** myspace_friendList rightBody end **********/

/********** paging **********/
.paging{
	height:50px;
	line-height:50px;
	clear:both;
}
.paging a {
	border:#F0F0F0 2px solid;
	padding:1px 5px;
	margin:0 2px;
}
.paging a:hover,.paging a:active ,#box1 a:hover,#box1 a:active{
	border:#C00 2px solid;
}
.paging span.current {
	border:#C00 2px solid;
	padding:1px 5px;
	margin:0 2px;
	color:#FFF;
	background-color:#C00;
}
/********** paging end **********/

/********** goods order **********/
.orderTab{	
    margin-top:1px;
	width:100%;
	border:1px solid #EFEFEF;
	padding:1px;
	margin-bottom:5px;
}
.orderTit{
	background:#EFEFEF;
	text-align:left;
	text-indent:1em;
}
.orderTab tr td{
	border-right:1px solid #EFEFEF;
	vertical-align:top;
}
.orderTab tr td input.btnInfo{
	vertical-align:middle;
	margin-right:2px;
	text-indent:1em;
	color:#C00;
	
	background:url(../images/icon_infor.gif) left no-repeat;
}
.orderTab tr td input.btnpj{
	vertical-align:middle;
	width:62px;
	height:26px;
	margin-top:8px;
	background:url(../images/btn_pj.gif) left top no-repeat;
}
.orderTab tr td input.btnwpj{
	background:url(../images/btn_wpj.gif) left top no-repeat;
}
.orderTab tr td table tr td{
	border:none;
	padding-top:3px;
	line-height:20px;
	height:76px;
}
.orderTab tr td table tr td img{
	width:60px;
	height:60px;
	margin:7px 0;
	border:1px solid #CCC;
}
.orderTab tr td.borderNoRight{
	border-right:none;
}
.orderTab tr td table tr td.borderBottom{
	border-bottom:1px solid #EFEFEF;
}