@charset "utf-8";

.left_information
{
	float:left;
	width:200px;
	height:auto;
	overflow:hidden;
}
.left_information .top
{
	width:200px;
	height:5px;
	background-image:url(../images/information/top.gif);
	overflow:hidden;
}
.left_information .main
{
	width:200px;
	height:auto;
	background-color:#878787;
	background-image:url(../images/information/main.gif);
	background-repeat:no-repeat;
}
.left_information .main .style { width:200px; height:auto; }

.style_btnno,.style_btn a,.style_btn a:hover
{
    float:left;
    margin:0 auto;
	padding-top:5px;
	width:94px; height:20px;
	text-align: center;
	font-size:13px;
	text-decoration:none;
	line-height: 20px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

.style_btnno        { color: #d0d0d0; background-image: url(../images/information/btn_style_on.gif); }
.style_btn a        { color: #929292; background-image: url(../images/information/btn_style.gif); }
.style_btn a:hover  { color: #d0d0d0; background-image: url(../images/information/btn_style_on.gif); }

.left_information .main .avatarimg { width:190px;height:auto;margin:0 auto; }
.left_information .main .btn { width:190px; height:35px; margin:0 auto; }

.left_information .main .avatarimg .selecter { background-color:#FFF; font-size:12px; color:#666; line-height:20px;}
.left_information .main .avatarimg .selecter input { vertical-align:middle; margin-left:10px;}

.left_information .main .type,.left_information .main .actop,
.left_information .main .acmain,.left_information .main .acdown { width:190px; margin:0 auto; overflow:hidden; }

.left_information .main .type
{

	height:22px;
	margin-bottom:5px;
	background-image:url(../images/information/type_bg.gif);
	font-size:12px;
	color:#ccc;
}
.left_information .main .actop { height:5px; background-image:url(../images/information/ac1.gif);}
.left_information .main .acmain { height:auto; background-image:url(../images/information/ac2.gif);}
.left_information .main .acdown { height:5px; background-image:url(../images/information/ac3.gif);}

.left_information .down
{
	width:200px;
	height:5px;
	background-image:url(../images/information/down.gif);
	overflow:hidden;
}

/*LogninArea*/
.left_information .LogninArea
{
    position:relative;
    margin:0 auto;
    background-color:#FFF;
    width:190px; height:90px;
}
.left_information .LogninArea a
{
    position:absolute;
    left:5px;
    width:179px; height:42px;
    background-image:url(../images/banner/login_btn_main_02.jpg);
    background-repeat:no-repeat;
    text-indent:-6000px;
}
.left_information .LogninArea a:hover { background-position:left -42px;}
.left_information .LogninArea .Join { bottom:0px; background-position:-179px top ; }
.left_information .LogninArea .Join:hover { bottom:0px; background-position:-179px -42px; }

/*LeftSide*/
.info
{
    float:left;
    width:150px; height:auto;
    overflow:hidden;
    margin:0 5px; _margin:0 2px;
    position:relative;
}
.name  { width:150px; height:18px;  }
.name a{ color:#09C; font:12px Tahoma; text-decoration:none;}
.name a:hover { color:#000; text-decoration:underline;}

.state
{
	float:left;
	width:190px; height:auto;
	font-size:12px;
	overflow:hidden;
	line-height:18px;
}
.info .state li { position:relative; }

.info .state .msg_on,
.info .state .msg_off { top:3px; right:10px; position:absolute; display:block; }

.info .state .msg_on       { background-position:-107px -155px; }
.info .state .msg_on:hover { background-position:-64px -155px; }
.info .state .msg_off      { background-position:-66px -134px; }

.namemy   { height:18px; margin:2px; background-color:#f8f8f8; }
.namemy a { margin-left:2px; color:#09C; font-size:12px; text-decoration:none; }
.namemy a:hover { color:#000; text-decoration:none; }

.manage01, .manage02,
.manage03, .manage04,
.manage05, .manage06,
.manage07
{
	float:left;
	width:150px; height:23px;
	color:#0099cc;
	background-repeat:no-repeat;
	font-size:11px;
	padding-top:11px;
	overflow:hidden;
	text-indent:5px;
}
.manage01 { background-image:url(../images/manage_bg01.gif); }
.manage02 { background-image:url(../images/manage_bg02.gif); }
.manage03 { background-image:url(../images/manage_bg03.gif); }
.manage04 { background-image:url(../images/manage_bg04.gif); }
.manage05 { background-image:url(../images/manage_bg05.gif); }
.manage06 { background-image:url(../images/manage_bg06.gif); }
.manage07 { background-image:url(../images/manage_bg07.gif); }

.avatar
{
	float:left;
	width:190px;
	min-height:190px;
	_height:190px;
	background-color:#F2F2F2;
}
.postarea { float:left; width:190px; height:320px; }
.other
{
	float:left;
	position:relative;
	width:150px; height:50px;
	font-size:12px;
	padding-top:2px;
	overflow:hidden;
}
.other td a       { text-decoration:none;color:#666;}
.other td a:hover { text-decoration:underline;color:#09C;}

.lis { color:#666; font-size:12px; text-decoration:none; }
.lis:hover { color:#000; text-decoration:none; }

.main_btn a,.main_btn a:hover
{
    float:left;
	margin:0 auto;
	padding:0;
	width:80px;
	height:20px;
	text-align: center;
	font-size:12px;
	color: #fff;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	line-height: 20px;
	text-decoration:none;
}
.main_btn a       {  background-image: url(../images/avatar/icon_btn.gif); }
.main_btn a:hover { background-image: url(../images/avatar/icon_btn_on.gif); }

/*LeftSide info*/
ol.state { width:93%; margin:0 5px; _margin:0 2px; padding:0; }
ol.state li 
{
     width:93%; height:20px;
     float:left;
     text-indent:20px;
     position:relative;
     list-style:none;
}
ol.state .name   { text-indent:5px; }
ol.state li span { font-size:11px; white-space:nowrap; overflow:hidden; }

ol.state p    { float:left; position:absolute; width:12px; height:14px; }
ol.state p img { position:absolute; }

ol.state ul a:hover { color:#000; }

ol.state .level     { top:-15px; left:-103px; }
ol.state .level img { clip: rect(18px 100px 33px 88px);}

ol.state .hp     { top:-18px; left:-54px; }
ol.state .hp img { clip: rect(22px 49px 32px 38px);}

ol.state .pop     { top:-18px; left:-72px; }
ol.state .pop img { clip: rect(24px 68px 32px 56px);}

ol.state .mile     { top:-18px; left:-90px; }
ol.state .mile img { clip: rect(21px 84px 31px 74px);}

ol.state .post     { top:0; left:-88px; }
ol.state .post img { clip: rect(3px 98px 13px 88px);}

ol.state .diary     { top:-20px; left:-104px; }
ol.state .diary img { clip: rect(20px 115px 32px 104px);}

ol.state .movie     { top:0; left:-73px; }
ol.state .movie img { clip: rect(2px 84px 13px 73px);}

ol.state .photo     { top:-20px; left:-19px; }
ol.state .photo img { clip: rect(22px 30px 32px 19px);}

ol.state .star     { top:-32px; left:-120px; }
ol.state .star img { clip: rect(35px 116px 47px 103px);}

ol.state .msg_yes,ol.state .msg_no
{
    position:absolute;
    right:-13px;
    width:73px; height:18px;
    background:url(../images/icon/icon_all.png) no-repeat;
    /*text-indent:-6000px;*/
    text-indent:46px;
    font:10px arial;
    text-decoration:none;
    color:#005050;
    line-height:16px;
}
ol.state .msg_no         { background-position:right -177px; }
ol.state .msg_no:hover   { background-position:left -177px; }
ol.state .msg_yes { background:url(../images/icon/icon_msglist.gif) no-repeat; }