.col1.inboxPage {
	margin-right:0;
	border-right:0;
}
ul.inbox_ul {
	width:150px;
	float:left;
	position:relative;
}
.inbox_right {
	margin-left:160px;
}

ul.inbox_ul li a{
    line-height:24px;
	display:block;
    background:url(../images/default/marrow1.gif) no-repeat 5px 50% #fff;
    color:#666;
	padding:0 1px 0 12px;
	border-bottom:1px solid #fff;
}
    ul.inbox_ul li.compose{margin:0 0 2px;}
    ul.inbox_ul li.compose a{
    	font-weight:bold;
        background:#B7B7B7;
        color:#fff;
		border-bottom:1px solid #fff;
    }    
	ul.inbox_ul li.compose a:hover{
        background:#73118d;
        color:#fff;
    }
    
    ul.inbox_ul li a:hover, 
    ul.inbox_ul li a.active{
        background-color:#f9f9f9;
        color:#000;
        border-bottom:1px solid #e2e6ed;
		padding-bottom:0;
		text-decoration:none;
    }
	ul.inbox_ul li a.active{font-weight:bold;}
    
 ul.inbox_ul ul.folder li a{
	font-size:11px;
    line-height:22px;
    background: url(../images/default/folder.gif) no-repeat 0 50% #fff;
    color:#666;
    border-bottom:0;
}
	ul.inbox_ul ul.folder li a:hover, 
    ul.inbox_ul ul.folder li a.active{
        background-color:inherit;
        color:#000;
    }

.message{
	position:relative;
	padding-bottom:15px;
}
.mails{
	padding:10px;
	margin:-1px 0 0;
    position:relative;
	color:#666;
    border:1px solid #dfe6f3;
}
.mailUnread{
    background:#edf3fd;
	color:#666;
}
.mails p,
.mails ul{
	margin-bottom:0;
}

/*Start: Message Details*/

.mainMsg{
	background:#f6f6f6 !important;
	color:#666;
    border:1px solid #ebe7e7;
    font-size:12px !important;
    line-height:16px;
    margin:0 0 9px !important;
	padding:10px;
    position:relative;
}
.noColor{
	background:#fff !important;
	color:#666;
}
	.mainMsg div.details{margin:0 0 0 60px;}
    .mainMsg div.details pre{ font-size:12px; line-height:16px; white-space:wrap;}
    	.mainMsg div.details span,
        p.conversation{
        	font-size:11px; 
            line-height:12px;
            padding:0 0 2px;
        }
.subMsg{
	background:#fff !important;
	color:#666;
    margin:-5px 0 4px !important;
    font-size:11px !important;
}
.subMsg div.details{margin:0 0 0 40px; font-size:12px;}
/*End: Message Details*/

.mails a,
.mainMsg a{
}
.mainMsg a.reply{
    width:13px;
    height:0;
    padding-top:14px;
    display:block;
    overflow:hidden;
    background:url(../images/default/reply.gif) no-repeat 0 0;
}
    .mainMsg a.reply:hover{background-position:0 -14px;}
            
.mails a.close,
.recepient a.close,
.mainMsg a.reply{
    position:absolute;
    top:10px;
    right:10px;
}
        .mails li{float:left; word-wrap:break-word;}
        .mails li.reply{width:15px;}
        .mails li.chkBox{width:21px; _width:26px;}
        .mails li.name{float:none; overflow:hidden; padding:0 10px 0 0;}
        .mails li.msg{float:none; overflow:hidden;}
        
	        .mails li.name p{
            	font-size:11px;
                background-color:inherit;
				color:#B7B7B7;
            }
        	.mails li.reply a{
                height:13px; 
                display:block;
                background:url(../images/default/reply-icon.gif) no-repeat 0 50%;
            }
			.mails li.reply a:hover {
				text-decoration:none;
			}
            

.recepient {
    background:#fcffcd;
    border:1px solid #ebe7e7;
    color:#666;
    padding:5px 10px;
    position:relative;
    display:block;
    margin:0 0 8px;
}
.subject {
    background:#F7F7F7;
    border:1px solid #DEDEDE;
    color:#666666;
    padding:5px 10px;
    position:relative;
    font-weight:bold !important;
}

.clearFloat {
    overflow: hidden;
}

ul.widthContact {
    width: auto;
}
ul.searchForm {
    float: right;
    margin: -20px 0 0;
    position: relative;
    width: auto;
}
	ul.searchForm li input {
		float:left;
		padding:2px;
		height:24px;
	}
	ul.searchForm li input.in_btn {
		border:none;
		background:[input_cbtn_button_bg];
		height:24px;
		padding:0;
		display:block;
		color:#fff;
		width:90px;
		text-align:center;
		float:left;
		cursor:pointer;
	}
	
/* Reply */

.like{
	padding:7px 0 0;
    margin:0 0 2px;
	background:<?php echo LIKE_ARROW; ?> <?php echo NO_REPEAT; ?> 0 0 <?php echo LIKE_BG_COLOR; ?>;
}
	.like p{
		height:17px;
		/*border:1px solid #dfe6f3; */
		border-top:0;
		padding:2px 0;
	}
	.like p span{
		background:<?php echo LIKE_THUMB; ?> <?php echo NO_REPEAT; ?> 10px 0;
		padding-left:30px;
	}
    
.more{
	margin:2px 0;
	padding:2px 0 2px 10px;
	background:<?php echo LIKE_BG_COLOR; ?>;
	color:#666;
}

.commentBox{
	padding:10px;
    margin:0 0 2px;
	font-size:11px;
	line-height:16px;
	background:#e4edf9;
	color:#666;
}
	.commentBox div{margin:0 0 0 40px;}    
    .commentBox p{padding:0 0 5px; margin:0;}
    .commentBox p.date{
        float:left;
        padding:0 5px 0 0;
        color:#959595;
        background-color:inherit;
    }

    
.commentBoxForm{
	padding:10px;
    margin:0 0 2px;
    text-align:right;
	background:#FDF7FF;
	border:1px solid #fbf2fd;
    display:none;
}

	.commentBoxForm textarea,
	.commentBoxForm label input{
		width:100%;
		height:60px;
		font-size:12px;
		line-height:16px;
	}
	.commentBoxForm label input{height:18px !important;}
    .commentBoxForm input.btn{float:right; margin:10px 0 0; background:#73118D; border:none;}
    
    .commentBoxForm ul{
    	padding:2px 0 0;
    	float:left;
    }
    .commentBoxForm li a{
    	background-color:inherit !important;
    }
	
@media only screen and (min-width: 200px) and (max-width : 668px) { /*MOBILE*/

		/* Inbox */
	ul.inbox_ul {
		float:none;
		width:auto;
		margin:10px 0;
	}
	.inbox_right {
		margin:0;
	}
	.inbox_right ul.tabs {
		text-align:left;
	}
	ul.searchForm {
		float:none;
		margin:10px 0 -5px;
		overflow:hidden;
	}
	ul.subtabs li {
		padding:0 7px;
	}


}