/* ---------- GENERAL --------- */
.boxes{
	width:80%; 
	height:200px; 
	margin-bottom:15px; 
	border: 1px solid black; 
	clear:both; 
}
	.box_title{
		width:100%; 
		height:35px;
		text-align:center;
		font-weight:bolder;
		padding-top:5px;
		font-size:120%;
		border-bottom: 1px solid blue; 
	}
	.mail_box_title_letters{
		float: left;
		padding-top:5px;
	}
	.box_content{
		width:100%; 
		height:70%;	
		font-size:85%;
		overflow-y:scroll;
	}
	.box_foot{
		width:100%; 
		height:15%; 
		text-align:right;
		border-top: 1px solid blue;
	}
.txtAreaEditor{
	width:400px;
	height:300px;
}
.mail_menu { 
	height: 50px;
	width: 80%;
	border: 1px #000 solid;
	margin-bottom: 10px;
	padding-left: 5px;
	padding-top: 5px;
}

.mail_icon_box { 
	height: 45px;
	width: 45px;
	background-image: url('../img/mail_icons.jpg');
	border-bottom: 2px gray solid;
	border-right: 2px gray solid;
	float:left;
	margin-left:10px;
}

#mail_icons_legend { 
	height: 45px;
	width: auto;
	border: 1px gray solid;
	float:right;
	margin-right:10px;
	font-size: 80%;
	cursor: pointer;
}
#mail_icon_leg { 
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	background-position: -85px -2px;
	float:right;
}
#mail_thenew { 
	background-position: -405px -228px;
}
#mail_info { 
	background-position: -3px -117px;
}
#mail_doubt { 
	background-position: -117px -228px;
}
#mail_suggest { 
	background-position: -3px -173px;
}
#mail_error{
	background-position: -290px -5px;
}

#mail_thenew_admin{
	background-position: -173px -500px;
}
#mail_thenew_terminal{
	background-position: -121px -500px;
}
#mail_info_admin{
	background-position: -284px -503px;;
}
#mail_info_terminal{
	background-position: -235px -505px
}

.mail_icon_box_medium { 
	height: 30px;
	width: 30px;
	background-image: url('../img/mail_icons_medium.jpg');
	border: 1px blue solid;
	float:left;
	margin-left:30%;
	
}
#mail_inbox{
	background-position: -205px -43px;
}
#mail_outbox{
	background-position: -164px -44px;
}
#mail_error_box{
	background-position: -365px -275px;
}
/* MAIL TYPES*/
.mail_icon_type_1{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -197px -112px;
}
.mail_icon_type_2{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -170px -220px;
}
.mail_icon_type_3{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -140px -220px;
}
.mail_icon_type_4{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -1px -85px;
}
.mail_icon_type_5{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -56px -112px;
}
.mail_icon_type_6{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -1px -58px;
}
.mail_icon_type_7{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -1px -221px;
}
.mail_icon_type_8{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -29px -84px;
}



/* MAIL STATUSES*/
.mail_icon_status_1{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -197px -87px;
}
.mail_icon_status_2{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -252px -87px;
}
.mail_icon_status_3{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -255px -112px;
}
.mail_icon_status_4{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -85px -194px;
}
.mail_icon_status_5{
	height: 23px;
	width: 23px;
	background-image: url('../img/mail_icons_small.jpg');
	float:left;
	background-position: -58px -4px;
}

/*   T O O L T I P   */
.mail_tooltip{
    position:absolute;
    z-index:999;
    left:-9999px;
    background-color: yellow;
    padding:5px;
    border:1px solid #fff;
    width:auto;
}

.mail_tooltip p{
    margin:0;
    padding:0;
    color:#fff;
    background-color:#222;
    padding:2px 2px;
    font-weight:bolder;
    font-size:100%;
}
.mail_box_explain{
	height: 150px;
	width:80%;
	border: 1px red solid;
}
.mail_title_explain{
	height: 35px;
	padding-top: 10px;
	width: 450px;
	float:left;
	margin-left:10px;
	font-size:150%;
	color:blue;
}
.mail_explain{
	height: 80px;
	width: 600px;
	padding: 5px 5px 5px 5px;
	float:left;
	margin-left:10px;
	text-align: justify;
}
.mail_new_details{
	width:600px; 
	height:300px; 
	border: 1px solid black; 
	overflow-y:scroll; 
	padding-top:10px;
	padding-left:10px; 
	padding-right:10px; 
	text-align:justify;
}