@charset "utf-8";
/* CSS Document */
body{
	font-family:"Verdana", Arial, Helvetica, sans-serif;
}
.button {
	background:#3b5998;
    border:1px solid;  
    border-color: #d9dfea #0e1f5b #0e1f5b #d9dfea;
    line-height:20px;
    color:#ffffff;
    font-size:11px;
}
#msgCon 
{
    margin-left:18px;
    margin-bottom:20px;
	width:600px;
	padding:25px;
	display:inline;
	height:400px;
	float:left;
	position:relative;
	background:#F4F4F4;
	border:#CCCCCC 1px solid;
	min-height:200px;
  	height:auto !important;
 	height:200px;
}
#msgCon .row{
	width:580px;
	float:left;
	padding-bottom:3px;
	padding-top:3px;
	display:inline;
	position:relative;
}
#msgCon .row .rName{
	width:100px;
	text-align:right;
	margin-right:10px;
	font-weight:bold;
	color:#666666;
	font-size:11px;
	float:left;
	position:relative;
}
#msgCon .row .rTbox{
	width:445px;
	float:left;
	position:relative;
}

 /* Text Box */
	
.textBox {
	overflow:hidden; 
	width:400px;
	border:#8496ba 1px solid;
	display:block;
}
.expanding {
	overflow:hidden; 
	width:390px;
	overflow:hidden; 
	display:block; 
	min-height:84px;
	height:84px; 
	border:#8496ba 1px solid;
	display:block;
}
	
#messagesCon {
	width:600px;
	color:#6d84b4;
	float:left;
	font-size:11px;
	font-family:"Verdana", Arial, Helvetica, sans-serif;
	position:relative;
}
#messagesCon .item{
	width:600px;
	height:60px;
	border-bottom:#e1e1e1 1px solid;
	position:relative;
}
#messagesCon .item .name{
	width:130px;
	padding-top:15px;
	font-size:10px;
	height:40px;
	position:relative;
	float:left;
}
#messagesCon .item .avatar{
	width:60px;
	margin-top:2px;
	position:relative;
	float:left;
}
#messagesCon .item span{
	color:#666666;
	font-style:italic;
}
#messagesCon .item .msg{
	width:350px;
	float:left;
	font-size:10px;
	position:relative;
	padding-top:15px;
	height:40px;
}
#messagesCon .item .action{
	width:30px;
	float:left;
	position:relative;
	padding-top:20px;
	height:40px;
}
#messagesCon .item .action span a{
	padding:2px;
	font-style:normal;
	text-decoration:none;
	font-weight:bolder;
}
#messagesCon .item .action span a:hover{
}
#messagesCon .item .action2{
	width:23px;
	margin-right:7px;
	float:left;
	text-align:right;
	position:relative;
	padding-top:20px;
	height:40px;
}
/**/

#messagesCon .itemLong{
	width:600px;  
	min-height:60px;
	margin-top:5px;
	margin-bottom:5px;
  	height:auto !important;
	height:60px;
	position:relative;
	margin-bottom:10px;
}

#messagesCon .itemLong .name{
	width:130px;
	font-size:10px;
	height:40px;
	position:relative;
	float:left;
}
#messagesCon .itemLong .avatar{
	width:60px;
	margin-top:2px;
	position:relative;
	float:left;
}
#messagesCon .itemLong .msg{
	width:400px;
	float:left;
	font-size:10px;
	min-height:60px;
  	height:auto !important;
	height:60px;
	position:relative;
	
}
#menCon {
	width:660px;
	height:19px;
	margin-left:10px;
	position:relative;
}
#menCon span{
	padding:1px 10px 0 10px;
	height:17px;
	margin-left:-1px;
	border-top:#898989 1px solid;
	border-left:#898989 1px solid;
	border-right:#898989 1px solid;
	float:left;
	position:relative;
	background:#F4F4F4;
}
#menCon .selected{
	padding:1px 10px 0 10px;
	height:17px;
	margin-left:-1px;
	border-top:#898989 1px solid;
	border-left:#898989 1px solid;
	border-right:#898989 1px solid;
	float:left;
	position:relative;
	background:#6d84b4;
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
#menCon .selected a{
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
#menCon span a{
	color:#333333;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
#menCon span a:hover{
	text-decoration:underline;
}
#menCon .selected a:hover{
	text-decoration:underline;
}

.avatar
{
	padding-bottom:10px;
}

.pager span 
{
	font-weight:bold;
	font-size:10px;
}
.pager a
{
	text-decoration:underline;
	font-size:10px;
}
.pager a:hover
{
	text-decoration:none;
	font-size:10px;
}