﻿@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.jpg);
    background-repeat:no-repeat;
    text-indent:-6000px;
}
.left_information .LogninArea a:hover { background-position:left -42px;}
.left_information .LogninArea .Transfer { bottom:0px; background-position:-179px top ; }
.left_information .LogninArea .Transfer:hover { bottom:0px; background-position:-179px -42px; }

/*LeftSide*/
.scr
{
	float:left;
	width:190px;
	height:14px;
	overflow:hidden;
}
.CMode a
{

   float:left;
   width:63px; height:14px;
   background-image:url(../images/icon/icon_mode.png);
   background-repeat:no-repeat;
   text-indent:-6000px;
   margin-right:5px;
}
.CMode a:hover { background-position:left -14px;}
.CMode a.Large { background-position:left -28px; }
.CMode a.Large:hover { background-position:left -42px; }

.info { float:left; width:190px; height:auto; overflow:hidden;  }
.name { float:left; width:190px; height:18px; line-height:20px; }

.name a
{
	margin-left:2px;
	color:#0099CC;
	font-size:13px;
	text-decoration:none;
}
.name a:hover { color:#000; text-decoration:underline;}
.state
{
	float:left;
	width:190px;
	height:auto;
	font-size:12px;
	overflow:hidden;
}
.namemy { height:18px; margin:2px; background-color:#f8f8f8; }
.namemy a
{
	margin-left:2px;
	color:#0099CC;
	font-size:12px;
	text-decoration:none;
}
.namemy a:hover { color:#000; text-decoration:none; }
.manage01, .manage02 ,
.manage03, .manage04
{
	float:left;
	width:180px;
	height:23px;
	color:#0099cc;
	background-repeat:no-repeat;
	font-size:12px;
	padding-top:10px;
	padding-left:10px;
	overflow:hidden;
}
.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); }

.avatar
{
	float:left;
	width:190px;
	min-height:190px;
	_height:190px;
	background-color:#F2F2F2;
}
.postarea { float:left; width:190px; height:320px; }
.other
{
	float:left;
	width:190px;
	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*/
.info_no,.info_no .avatar { float:left; width:190px;}
.info_no { height:auto; overflow:hidden; }
.info_no .avatar { min-height:190px; _height:190px; background-color:#F2F2F2; }