/* CSS Document */
body {
width: 1024px;
margin: 0px auto;
text-align: center;
background-color: #2A9DF0;
}
table {
overflow: hidden;
position: relative;
}
body  .left {
float: left;
width: 266px;
}
body  .right {
float: left;
width: 758px;
}
body>.left>div {
background-color: #ebebeb;
margin-left: 4px;
margin-top: 1px;
}
#rightbody {
float: left;
}
#rightbody .left {
background-color: #ffffff;
width: 657px;
padding: 10px;
float: left;
}
#rightbody .right {
float: left;
}
#mybookbody{
background-color:#ebebeb;
width:657px;
}
#mybookbody .realleft{
float:left;
width:100px;
text-align:left;
}
#mybookbody .realleft p.rlpp{
height:23px;
line-height:23px;
padding-left:5px;
font-size: 13px;
}
#mybookbody .realleft ul{
line-height:20px;
list-style:none;
}
#mybookbody .realright{
float:left;
width:557px;
}
#mybookbody .realright div{
text-align:left;
}
#mybookbody .realright .taleft{
background: url(imgs/body_left.gif) repeat-y;
float: left;
width: 27px;
min-height: 194px;
}
#mybookbody .realright .tacenter{
float:left;
width:489px;
background-color:white;
}
#mybookbody .realright .tabody{
background: url(imgs/body_right.gif) repeat-y;
float: left;
width: 27px;
min-height: 194px;
}
.tabody_left{
background: url(imgs/taleft.gif) repeat-y;
width: 27px;
}
.tabody_right{
background: url(imgs/taright.gif) repeat-y;
width: 27px;
}
.list{
border:1px solid #cccccc;
padding:2px;
width:650px;
text-align:left;
height:75px;
}
#photo_bg1{
background:url(imgs/line_5.gif); text-align:left; width:266px;height:5px;
}
#photo_bg1_left{
float:left;
width:266px;
background-color:#ebebeb;
margin-left:4px;
margin-top:1px;
}
#myphoto{
width:193px;
height:321px;
float:left;
background:url(imgs/photo_bg8.gif) repeat-y top center;
}
#myphoto .pepl{
margin-left:8px;
}
#myphoto .pepl li{
background:url(imgs/photo_bg4.gif) repeat-y bottom;
line-height:20px;
height:20px;
text-align:left;
padding-left: 20px;
font-size: 12.5px;
}
#mygroup{
width:73px;
height:321px;
float:left;
background: url(imgs/photo_bg5.gif) no-repeat right;
}
#mygroup .top{
width:73px;
height:45px;
}
#mygroup .bottom{
width:70px;
height:18px;
float:right;
padding-top:1px;
margin-bottom:4px;
text-align:center;
background-color: #e7e7e7;
}
.photo_frame{
border: 1px solid #fff;
padding:1px;
width: 40px;
height: 40px;
}
.photo_frame img {
width: 38px;   /* 宽度 */
height: 38px; /* 高度 */
border: 1px solid #fff;
}
#phto {
margin-top:0px;
float: right;
text-align:left;
width:10px;
height:225px;
}
#friend_list{
float:left;
width:260px;
height:180px;
}
#friend_list_top{
margin-left:7px;
width:250px;
height:31px;
text-align:left;
background: url(imgs/button_bg3.gif) repeat-x bottom;
}
.friend_on{
display:inline-block;
background:url(imgs/button_on_3.gif) no-repeat right center;
color: black;
height: 31px;
line-height: 28px;
text-align:center;
width: 74px;
cursor: pointer;
}
.friend_off{
display:inline-block;
background:url(imgs/button_off_3.gif) no-repeat right center;
color: rgb(183,183,183);
height: 31px;
line-height: 28px;
text-align:center;
width: 74px;
cursor: pointer;
}
#friend_list_list{
width:234px;
height:125px;
margin-left:7px;
background-color:#ffffff;
border-left:8px solid #c5ccd2;
border-right:8px solid #c5ccd2;
border-bottom:8px solid #c5ccd2;
}
#subject{
background:url(imgs/list_2.gif); text-align:left; width:650px;
}
#subject .left{
float:left;
height:236px;
width:25px;
background:url(imgs/list_1.gif) no-repeat
}
#subject .center{
float:left;
width:580px;
height:236px;
line-height:33px;
}
#subject .right{
float:left;
height:236px;
width:25px;
background:url(imgs/list_3.gif) no-repeat right center
}
#myphoto2{
margin:0px auto;
width:266px;
height:331px;
}
.add_info{
background:url(imgs/photo_bg10.gif) repeat-y top;
width:266px;
}
.add_info .title{
color:#2A9CF2;
font-weight: bold;
margin-bottom:2px;
}
.add_info .photo_button {
float: center;
display:inline-block;
background:url(imgs/photo_button.gif) no-repeat bottom center;
height: 21px;
line-height: 23px;
width: 60px;
color:rgb(251,125,0);
cursor: hand;
margin-bottom:2px;
}
#myphoto2 .pepl{
margin-left:0px;
}
#myphoto2 .pepl li{
line-height:20px;
height:20px;
text-align:left;
padding-left: 50px;
background:url(imgs/photo_bg9.gif) repeat-y top;
}
#mylist{
width:239px;
height:180px;
float:right;
margin-top:0px;
background-color:#ebebeb;
}
#mylist .pepl{
margin-left:8px;
}
#mylist .pepl li{
background:transparent url(imgs/photo_bg7.gif) repeat-y scroll center bottom;
line-height:20px;
height:20px;
text-align:center;
}
span.obut {
margin-left: 6px;
margin-right: 6px;
display: inline-block;
padding: 1px;
border: solid #CDCDCD 1px;
}
div.overleap{
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
div.overleap_line{
overflow:hidden;
word-wrap: break-word;
word-break: normal;
}
a.overleap {
text-align:left;
height:25px;
line-height:25px;
width:auto;
overflow:hidden;
text-overflow:ellipsis;
word-break: normal;
white-space: nowrap;
}
input.obut {
background: url("../../images/shopping_cart/button_gray_small.png")
repeat-x center center;
height: 17px;
line-height: 17px;
border: none;
}
a.obut {
background: url("../../images/shopping_cart/button_gray_small.png")
repeat-x center center;
height: 17px;
line-height: 17px;
padding-left:3px;
padding-right:3px;
display: inline-block;
}
p.obut {
background: url("../../images/shopping_cart/button_gray_small.png")
repeat-x center center;
height: 17px;
width:90px;
line-height: 17px;
border: none;
padding-left:15px;
}
span.button {
margin-left: 6px;
margin-right: 6px;
display: inline-block;
padding: 1px;
border: solid #156db4 1px;
}
input.button {
background: url("imgs/button_blue_small.png")
repeat-x center center;
height: 17px;
color:#ffffff;
line-height: 18px;
border: none;
}
p.button{
background: url("imgs/button_blue_small.png")
repeat-x center center;
height: 17px;
width:90px;
color:#ffffff;
line-height: 18px;
border: none;
padding-left:15px;
}
#mem_head{
background: url("imgs/photo_bg1.gif") no-repeat left top;
height: 105px;
width: 127px;
padding:33px;
text-align:center;
}
#mem_head2{
background: url("imgs/photo_bg.gif") no-repeat left top;
height: 106px;
width: 150px;
padding: 33px;
text-align:center;
padding-right:83px;
}
.photo_but{
float:center;
height:19px;
width:59px;
color:#fd6600;
line-height: 19px;
background:url(imgs/photo_button.gif) no-repeat right center;
}
.book_list{
float: right;
margin-top:4px;
margin-right:14px;
height:32px;
line-height: 35px;
text-align:left;
background:url(imgs/button_off_4.gif) no-repeat;
}
.book_list span{
width:120px;
display:inline-block;
text-align:center;
CURSOR: pointer;
background:transparent url(imgs/button_on_4.gif) no-repeat scroll right center;
}
span.bolicutl{
width:120px;
display:inline-block;
text-align:center;
font-size:13px;
padding-top:5px;
background:transparent url(imgs/button_on_4.gif) no-repeat scroll right center;
}
span.boliottl{
padding-top:3px;
width:105px;
display:inline-block;
text-align:center;
font-size:13px;
background: none;
}
.col_blank{
display:inline-block;
height: 25px;
width: 298px;
margin-left:-5px;
margin-right:-5px;
background:url(imgs/button_bg1.gif) repeat-x bottom;
}
.col_blank2{
display:inline-block;
height: 25px;
width: 138px;
margin-left:-5px;
margin-right:-5px;
background:url(imgs/button_bg1.gif) repeat-x bottom center;
display:inline-block;
}
.col_bg{
margin-top:8px;
display:inline-block;
background:url(imgs/button_bg1.gif) repeat-x bottom;
width:543px;
height: 25px;
}
.col_bg .lt{
float:left;
text-align:left;
}
.col_bg .rt{
float:right;
text-align:right;
padding-right:3px;
}
.col_blank4{
display:inline-block;
background:url(imgs/button_bg1.gif) repeat-x;
height: 25px;
line-height: 23px;
}
.btn_gray{
height: 25px;
width: 80px;
height: 25px;
line-height: 23px;
text-align:center;
background:url(imgs/title_gray.gif) no-repeat bottom center;
display:inline-block;
}
.btn_blue{
height: 25px;
width: 80px;
height: 25px;
line-height: 23px;
text-align:center;
background: url(imgs/title_blue.gif) no-repeat bottom;
display:inline-block;
}
.mycoltitsp_on1{
display:inline-block;
background:url(imgs/button_on_1.gif) no-repeat;
color: orange;
width: 82px;
height: 25px;
line-height: 23px;
text-align:center;
cursor: pointer;
}
.mypaititsp_off1{
display:inline-block;
background:url(imgs/button_off_1.gif) no-repeat;
height: 25px;
line-height: 23px;
text-align:center;
width: 82px;
cursor: pointer;
}
.mycoltitsp_on2{
display:inline-block;
background:url(imgs/button_on_2.gif) no-repeat;
color: orange;
width: 82px;
height: 25px;
line-height: 23px;
text-align:center;
cursor: pointer;
}
.mypaititsp_off2{
display:inline-block;
background:url(imgs/button_off_2.gif) no-repeat;
height: 25px;
line-height: 23px;
text-align:center;
width: 82px;
cursor: pointer;
}
#waitfriendDiv{
display: none;
}
#mypaibodiv{
display: none;
}
#mybolodiv{
display: none;
}
#tagkey{
background:url(imgs/tab.gif) no-repeat bottom left;
height: 22px;
line-height: 18px;
padding-left:5px;
color:white;
text-align: left;
}
.colkey{
margin: 3px;
}
.title_bg{
background:url(imgs/title_bg.gif) repeat-x;
height:34px;
text-align:center;
margin-left:1px;
margin-right:1px;
}
.title_bg .off {
padding-left:10px;
padding-right:10px;
color:#000000;
font-size: 13px;
font-weight: bold;
}
.title_bg .on{
background-color:#FFFFFF;
border-left:1px solid #cccccc;
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
margin-top:9px;
height:25px;
width: 90px;
text-align: center;
display:inline-block;
font-size: 13px;
font-weight: bold;
}
.subject_col{
background:url(imgs/pic_bg.gif) no-repeat;
width: 100px;
height: 110px;
padding-left:5px;
padding-top:5px;
}
.frame{
border:5px solid #d7d5d8;
width: 90px;
height: 91px;
}
.frame2{
border:5px solid #d7d5d8;
width: 75px;
height: 75px;
}
.crbl_titl{
font-size: 14px;
font-weight: bold;
color: black;
height: 26px;
line-height: 26px;
}
.more3{
background:url(imgs/more3.gif) no-repeat;
cursor:pointer;
float: right;
width:54px;
height: 18px;
color:#FFFFFF;
padding-top:4px;
padding-left: 16px;
margin-top:5px;
margin-bottom:5px;
}
a.connection2:link{
height:20px;
color:#fb7d02;
padding:3px;
line-height: 20px;
text-align:center;
display:inline-block;
text-decoration:none;
font-weight: bold;
font-size:14px;
}
a.connection2:hover,a.connection2:active{
height:20px;
color:#ffffff;
background-color: #fb7d02;
padding:3px;
line-height: 22px;
text-align:center;
display:inline-block;
text-decoration:none;
font-weight: bold;
font-size:14px;
}
.search_result{
border:1px solid #d7d7d7;
background-color: #efefef;
width:480px;
margin:18px;
padding-left:20px;
}
.line_blue{
background:url(imgs/line_1.gif) repeat-x;
width:460px;
height:1px;
padding-left:20px;
}
#commentbody {
background: transparent url(imgs/body_center.gif) repeat-y scroll center
bottom;
float: left;
width: 543px;
}
#commentbody .black {
background: transparent url(imgs/body_center.gif) repeat-y scroll center
bottom;
float: left;
width: 543px;
}
#commentbody .line1 {
height: 1px;
width: 514px;
background: url(imgs/line_7.gif) repeat-x;
}
#commentbody .line5 {
height: 1px;
width: 450px;
background: url(imgs/line_7.gif) repeat-x;
}
#commentbody .line2 {
height: 3px;
width: 338px;
background: url(imgs/line_8.gif) repeat-x;
}
#commentbody .line3 {
float: right;
height: 3px;
width: 542px;
background: url(imgs/line_8.gif) repeat-x;
}
#commentbody .line4 {
float: right;
height: 1px;
width: 543px;
background: url(imgs/line_9.gif) repeat-x;
}