/*@charset "UTF-8";*/
/*-----Common property---------*/
/*a	{
	text-decoration: none;
}
a:hover	{
	color: black;
	text-decoration: underline;
}*/
/*-----Tabs---------*/
.friend_tab	
{
	display: block;
	height: 27px;
	background-image: url(./friendlist/bg_friend-tab_base.png);
	background-repeat: repeat-x;
}
.friend_tab ul	
{
	display:block;
 	margin: 0;
	padding: 6px 0 0 6px;
	list-style: none;
}
.friend_tab ul li	
{
	height: 20px;
	float: left !important;
	margin-right: 1px;
	border-top: solid 1px #9a9a9a;
	border-right: solid 1px #9a9a9a;
	border-left: solid 1px #9a9a9a;
	line-height: 20px;
    white-space:nowrap;
    text-align:center;
}	

*html body .friend_tab ul li	
{
	width: 85px;
}

.friend_tab ul li.on	{
	background: url(./friendlist/bg_friend-tab_here.png) repeat-x;
}	
.friend_tab ul li a	{
	display: block;
	height: 20px;
	/*background: url(./friendlist/bg_friend-tab_int.png) repeat-x;*/
	background-position: top;
	padding: 0 10px;
	text-decoration:none;
}
.friend_tab ul li a:hover	{
	background-position: bottom;
}


/*-----FriendList---------*/
.friend_index	{
	position: relative;
	display: block;
	height: 68px;
	border: solid 1px #AAA;
	margin: 4px 0px 0px 0px;
}

.friend_index .friend_left	{
	float: left;
	display: block;
	width: 78px;
}

.friend_index .friend_index_img	{
	display: block;
	width: 64px;
	height: 48px;
	/*background: url(./friendlist/bg_frnd-img.png) no-repeat;*/
	margin: 7px 5px 3px 7px;
	padding: 0px 0px 0px 0px;
}
.friend_index .friend_setup	{
	display: block;
	width: 64px;
	margin: 0 5px 0 7px;
	font-size: 10px;
}
.friend_index .friend_setup	{
	display: block;
	height: 14px;
	width: 55px;
	text-indent: 10px;
	background: url(./friendlist/btn_setup.png) no-repeat top right;
	overflow: hidden;
}
.friend_index .friend_setup a:hover	{
	background-position: bottom right;
}
.friend_console	{
	float: left;
	margin-left:4px;
}

.friend_index .friend_console .nicname	
{
    text-overflow   : ellipsis;
    white-space     : nowrap;
    overflow        : hidden;
    
	width: 185px;
	min-height: 25px;
	margin: 7px 3px 5px 0;
	border-bottom: solid 2px #444;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	/*overflow: visible;*/
	vertical-align: text-bottom;
}


.friend_index .friend_console .friend_class	
{
    text-overflow   : ellipsis;
    white-space     : nowrap;
    overflow        : hidden;
        
	width: 185px;
	margin: 0 0 10px 0;
	font-weight: bold;
	line-height: 18px;
	min-height: 22px;
}

.friend_index .friend_console .friend_class_msg_count
{
        
	width: 185px;
	margin: 0 0 10px 0;
	font-weight:normal;
	line-height: 18px;
	min-height: 22px;
}

.friend_index .friend_console .message	{
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	margin: 0;
	width: 85px;
	height: 22px;
	font-size: 10px;
	line-height: 15px;
	text-indent: 27px;
	background: url(./friendlist/ico_mail-black.png) no-repeat left bottom;
}




/* -- Classmate List -- */

.classmate_index	{
	position: relative;
	display: block;
	min-height: 65px;
	border: solid 1px #AAA;
	margin: 4px 0px 0px 0px;
}

.classmate_index .classmate_left	{
	float: left;
	display: block;
	width: 78px;
}

.classmate_index .classmate_index_img	{
	display: block;
	width: 64px;
	height: 48px;
	/*background: url(./friendlist/bg_frnd-img.png) no-repeat;*/
	margin: 7px 5px 3px 7px;
	padding: 1px 3px 3px 1px;		
}

.classmate_index .classmate_console .nicname	
{
    text-overflow   : ellipsis;
    white-space     : nowrap;
    overflow        : hidden;
    
	width: 185px;
	min-height: 25px;
	margin: 7px 3px 5px 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	vertical-align: text-bottom;
}

/* -- Message List -- */

.message_index	{
	position: relative;
	display: block;
	min-height: 65px;
	border: solid 1px #AAA;
	margin: 10px 9px 2px 9px;
	padding: -5px 0px 0px 5px;
}

.message_index .message_console .nicname	
{
    text-overflow   : ellipsis;
    white-space     : nowrap;
    overflow        : hidden;
    
	width: 265px;
	min-height: 25px;
	margin: 7px 3px 5px 0;
	padding: 0px 0px 0px 5px;
	border-bottom: solid 2px #444;
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	vertical-align: text-bottom;
}

.message_index .message_console .message_class	
{
    text-overflow   : ellipsis;
    white-space     : nowrap;
    overflow        : hidden;
        
	width: 200px;
	margin: 0 0 10px 0;
	padding: 0px 0px 0px 5px;
	font-weight: bold;
	line-height: 18px;
	min-height: 22px;
}

.message_index .message_console .message_status	
{        
    text-overflow   : ellipsis;
    white-space     : nowrap;
    overflow        : hidden;
        
    text-align:left;    
	width: 60px;
	margin: 0 0 10px 0;
	padding: 0px 0px 0px 5px;
	font-weight:normal;
	line-height: 18px;
	min-height: 22px;
}