@charset "utf-8";
/* CSS Document */

a.message_btn{
	font-size:16px;
	color:#9a9fae;
}

a:hover.message_btn{
	color:#d16b35;
}


.message_center{
  float:left; display:block;
  position: relative;
 }
 
.mail_top{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	width:900px;
	background:#fff;
}


.mail_detail{
	clear:both;
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	width:900px;
	background:#fff;
}


.mail_detail p{
	padding:20px 30px;
}



.mail_bottom{
	float:left; display:block;
	width:900px;
	height:40px;
	/*background:url(../img/gradient.png) repeat-x top;*/
	background:#333;
}


.table_message {
	margin:0;
	background:#fff;
	font-size:12px; 
	border:1px solid #d7d7d7;
  border-collapse: collapse;
  padding: 0;
	
}

.table_message a{
	color:#333;	
}

.table_message a:hover{
	text-decoration:none;	
}




.table_message td{
	margin: 0; 
	padding:5px 10px; 
	text-align:center;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #CCCCCC; 
	color:#333;
	text-transform:capitalize;
}

.table_message tr:hover{
	background:#eee;
}

.table_message thead tr {
	height:30px; 
	.height:20px; /* Fix for IE7*/
	text-align: center; 
	vertical-align:middle;
	text-shadow: 0 1px 0 #DEF0FA;
	
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(0,0,0,0.1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.1)));
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
	background: -o-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
	background: -ms-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(0,0,0,0.1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#1a000000',GradientType=0 );
}

.table_message thead th {
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding:10px 10px; 
	color:#fff;
	text-transform:capitalize;
	vertical-align:middle;
	font-size:12px;
	background: url(../images/header_message.png) top;
	text-shadow:none;
}

.with_message{
		width:100%;
}


.bggray {
	background:#ddd;
}

.bgunread {
	font-weight:600;
    
}

.mail_bottom a{
	color:#fed70e !important;
}

.mail_bottom a:hover{
	color:#fff !important;
	text-decoration:none !important;
}

.recycle i{
	float:left;
	font-size:20px;
	margin:10px 5px 0 20px;
}

.ref_btn i{
	float:left;
	font-size:20px;
	margin:10px 5px 0 0;
}

.close_btn i{
	float:left;
	font-size:20px;
	margin:10px 5px 0 0;
}

a.ref_btn{
	float:left;
	line-height:44px;
	font-weight:bold;
	text-transform:capitalize;	
}

a.recycle{
	float:left;
	line-height:44px;
	font-weight:bold;
	text-transform:capitalize;
	margin-right:15px;
	}

a.close_btn{
	float:right;
	line-height:42px;
	padding-right:15px;
	font-weight:bold;
	text-transform:capitalize;	
}


.textyellow{
	color:#ffff00 !important;
}


.form_dialog .controls_message {
  padding-left: 110px;
}


fieldset.form_dialog .controls_message input[type=text] {
	width:620px;
	margin-right:5px;
	border-radius: 0;
	border: 1px solid #BBBBBB;
	color: #666;
	margin: 0;
	display: block;
	float: left;
	padding:4px 5px 4px 5px;
}

fieldset.form_dialog .controls_message input[type=text] {
	border: 1px solid #BBBBBB;
    outline: 0;
    box-shadow: none;
}


fieldset.form_dialog .controls_message textarea {
	height:130px;
	border-radius: 0;
	border: 1px solid #BBBBBB;
	color: #666;
	margin: 0;
	display: block;
	float: left;
	padding:4px 5px 4px 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;
	font-size:12px;
}

fieldset.form_dialog .controls_message textarea:focus {
	border: 1px solid #BBBBBB;
    outline: 0;
    box-shadow: none;
}


.sendmessage{
	margin-right:5px;
}

.error_message {
    color: #ff0000;
    padding: 0 0 15px 0;
}

.spaceheight{
	height:30px;
}