/*A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,th,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
ol,ul{list-style:none;}
a:link, a:visited, a:active {font-family:Tahoma, Geneva, sans-serif;color:#126d87;text-decoration:none;}
a:hover {text-decoration:underline;color:#5381ac;}
a.HLink:link, a.HLink:visited, a.HLink:active {display:block;font-size:22px;font-weight:normal;margin:0 0 10px 0;line-height:1.3em;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
table{border-spacing:5px;}
/* Additions */
a{text-decoration:none;}
.txt-rt{text-align:right;}
.txt-lt{text-align:left;}
.txt-center{text-align:center;}
.float-rt{float:right;}
.float-lt{float:left;}
.clearFloat{clear:both;}
.pos-relative{position:relative;}
.pos-absolute{position:absolute;}
.display-block{display:block;}
/*
body
*/
body{
	font-family:Tahoma;
	direction: rtl;
	min-width: 350px;
	box-sizing: border-box;
    min-height: 100%;
    position: relative;
}
/*
wrap
*/
/*
header
*/
header{
	font-size:14px;
	background:#fff;
	text-align:center;	
}
.logo{
	padding:20px 0;
	min-width: 95% !important;	
}
.logo img{
	max-width:100%;
}
.menu{
}
.menu li{
	display:inline-block;
}
.menu li a{
	display:block;
	color:#aaa;
	margin:5px 0 0 5px;
}
.menu li a:hover{
	color:#5d5d5d;
}
.search-box{
    margin: 20px auto;
    width: 98%;
}
.search-box form{
	position:relative;
	background:#010d00;
	-moz-border-radius:.6em;
	-webkit-border-radius:.6em;
	border-radius:.6em;
	margin:0 20px;
	text-align:right;
}
.search-box input[type=text]{
	width:85%;
	padding:10px 0;
	margin-right:10px;
	background:none;
	color:#FFFFFF;
	font-size:14px;
}
.search-box input[type=submit],
.search-box input[type=text]{
	border:none;
	background-color:none;
	outline:none;
}
.search-box input[type=submit]{
	position:absolute;
	background-position:4px -102px;
	padding:10px;
	display:inline-block;
	top:9px;
	left:8px;
	width:16px;
	height:16px;
}
.search{
	border-bottom:1px solid #eee;
	padding-bottom:30px;
}
.margin-30px ul{
	margin:30px 0 0 0;
}
/*
icons
*/
.icon{
	display:inline-block;
	background:url(https://m.arabmelody.net/img/icons.png) no-repeat;
}
.facebook,
.twitter,
.feedback{
	width:16px;
	height:16px;
	display:inline-block;
}
.facebook{
	background-position:0 -360px;
}
.twitter{
	background-position:0 -201px;
}
.feedback{
	background-position:0 -488px;
}
/*
content
*/
.content{
	display: block;
	font-size:14px;
	background:#fff;
	margin-left: auto;
    margin-right: 10px;
	margin-bottom: 10px;
    color: #126d87;	
	text-align: center;
}
.content h2{
	font-size:18px;
	font-weight:bold;
	text-shadow:0 0 5px #eee;
	letter-spacing:.5px;
	padding:5px 0 10px 0;
	margin:10px 15px 0 15px;
	border-bottom:1px dotted #eee;
}
.content h2,
.content h2 a{
	color:#5d5d5d;
}
.more a,
.more span{
	-moz-border-radius:.4em;
	-webkit-border-radius:.4em;
	border-radius:.4em;
}
.more > a{
	background:#0d0d0d;
}
.more li a{
	background:#f9f9f9;
}
.more li a,
.more > a,
.more span{
	display:block;
	padding:5px;
	color:#bbb;
	text-align:center;
	border:1px none #eee;
}
.more a:hover,
.more span{
	background:#1d1d1d;
}
.more li{
	display:inline-block;
	padding: 0 10px 0 0;
}
.more{
	margin:20px;
}
/*
grid
*/
.small{
	font-size:10px;
	letter-spacing:.8px;
}
.grids{
	padding:0 0 30px 0;
}
.single,
.video-single,
.audio-single{
	margin:0;
	color:#5d5d5d;
}
.single .preview{
	float:left;
	width:128px;
	padding:0 10px 0 0;
	border-right:1px solid #eee;
	margin-right:10px;
}
.single .column a,
.video-single .column a,
.audio-single .column a{
	color:#3587E4;
}
.single .column,
.video-single .column,
.audio-single .column{
	padding:5px 0;
}
.single .data-table{
	float:left;
	font-size:16px;
}
.single .column:nth-child(1){
	width:100px;
}
.single .column:nth-child(2){
	width:150px;
}
.single .column p{
	line-height:1.6em;
}
.grid{
	float:left;
	width:70px;
	margin:7px 0 0 7px;
	zoom:.5;
}
@media all and (min-width:320px){
	.grid{
		zoom:.8;
	}
	.one .widget a{
		zoom:1.2;
	}
}
.video-single,
.audio-single{
	zoom:1;
}
.video-single div.preview,
.audio-single div.preview{
	float:none;
	width:270px;
	margin-bottom:20px;
}
.video-single div.preview img{
	max-width:100%;
}
.video-single .data-table,
.audio-single .data-table{
	float:none;
}
.video-single .table,
.audio-single .table{
	padding:10px 0;
}
.video-single .column:nth-child(1),
.audio-single .column:nth-child(1){
	width:120px;
}
.video-single .column:nth-child(2),
.audio-single .column:nth-child(2){
	width:200px;
}
.grids .audio{
	zoom:1;
	margin:35px 0 0 35px;
}
.grids .grid.audio .data{
	width:256px;
}
.grids .grid.video .data{
	width:120px;
}
.grids .grid.audio .data,
.grids .grid.video .data,
.grids .audio-single div.data{
	position:relative;
	background:#0d0d0d;
	padding:0;
}
.audio-single div.preview div.data{
	width:270px;
}
.grids .grid.video a,
.grids .grid.audio a{
	color:#7d7d7d;
}
.grids .grid.video .time,
.video-single .time{
	top:0;
	left:0;
	position:absolute;
	padding:2px;
	background:rgba(0,0,0,.4);
	color:#fff;
	font-size:8px;
	-moz-border-bottom-right-radius:.4em;
	-webkit-border-bottom-right-radius:.4em;
	border-bottom-right-radius:.4em;
}
.grids .grid.video span,
.grids .grid.audio span,
.audio-single span{
	font-size:8px;
}
.grids .grid.video .text,
.grids .grid.audio .text,
.audio-single .text{
	float:left;
	padding:5px 10px;
	border-right:1px solid #2d2d2d;
	overflow:hidden;
}
.audio-single .text{
	width:220px;
}
.grids .grid.audio .text{
	width:206px;
}
.grids .grid.video .text{
	width:70px;
}
.grids .grid.video .play,
.grids .grid.audio .play,
.audio-single .play{
	float:left;
	padding:5px;
	width:19px;
	height:17px;
	vertical-align:middle;
	display:inline-block;
	background-position:6px -35px;
}
.grids .grid.video .preview:hover .data,
.grids .grid.audio .preview:hover .data,
.audio-single .preview:hover .data{
	display:block;
}
.grid .preview{
	width:70px;
	position:relative;
	display:block;
}
.grid .preview img{
	width:70px;
	max-width:100%;
}
.grid .preview img,
.grid .preview a{
	display:block;
}
.grid .data{
	overflow:hidden;
	width:60px;
	background:#1d1d1d;
	line-height:1.4em;
	padding:5px;
}
.grid .data a{
	display:block;
	color:#ddd;
}
.grid:nth-child(3){
	margin-right:0;
}
/*
sidebar one
*/
div.one.sidebar{
	font-family:Tahoma;
	font-size:15px;
	margin: 0px auto;
    width: 95%;
	z-index:1;
}
.one .widget{
	padding:0;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
}
.one a{
	color:#126d87;
}
.widget .active{
font-weight: bold;
}
.one .widget li{
	display:block;
	border:none;
	padding:10px;
	margin:0;
	border-bottom:1px solid #eee;
	color:#126d87;
}
.one .widget li a{
	padding:0;
	background-position:10px;
	margin:0;
}

/*
sidebar
*/
.sidebar{
	margin:20px 0 0 0;
}
.sidebar-one,
.sidebar-two{
	width:330px;
	float:left;
	margin:0 0 0 10px;
}
.widget{
	border:1px solid #eee;
	background:#ffffff;
	-moz-box-shadow:0 0 10px #f2f2f2;
	-webkit-box-shadow:0 0 10px #f2f2f2;
	box-shadow:0 0 10px #f2f2f2;
	margin:0 20px 10px 10px;
}
.lyrics{
   margin: 10px;
   padding-right: 10px;
   width: 240px;
}
.widget a{
	display:block;
	color:#126d87;
	padding:10px;
}
.widget a:hover{
	background-color:#f9f9f9;
}
.widget_archive{
	margin:0 10px 0 0;
	width:128px;
	float:left;
}
.widget .title{
	font-size:14px;
	font-weight:bold;
	color:#5d5d5d;
	text-transform:uppercase;
	padding:10px 0 10px 10px;
}
/*
ads
*/
.ad_300x250 img,
.ad_300x600 img,
.ad_125x125 img,
.ad_160x600 img{
	display:block;
}
.ad_125x125 img{
	padding:9px;
	background:#f9f9f9;
	border:1px solid #eee;
}
.ad_125x125 span{
	float:left;
	display:inline-block;
	margin:0 0 10px 0;
}
.ad_125x125 span:nth-child(odd){
	margin:0 10px 0 0;
}
.ad_300x250,
.ad_300x600,
.ad_160x600{
	margin:0 0 10px 0;
}
/*
footer
*/
footer{
	border-top:1px solid #eee;
	background:#010d00 none repeat scroll 0 0;
	color:#7d7d7d;
	margin-top: 20px;
}
footer ul{
}
footer li{
	float:left;
	display:inline-block;
	width:50%;
	text-align:center;
}
footer .title{
	background:#1d1d1d;
	color:#4d4d4d;
	padding:10px 0;
	text-transform:capitalize;
	font-weight:bold;
}
footer li a{
	display:block;
	padding:10px;
	color:#7d7d7d;
	border-right:1px solid #eee;
}
.copy{
	color:#d0d1d2;
	background:#010d00;
	font-size:10px;
    margin: 0 auto;
    padding: 10px;	
}
.copy a{
	color:#d0d1d2;
}
/*
table
*/
.table{
    display:table;
}
.row{
    display:table-row;
}
.column{
    display:table-cell;
}
.save{
	display:inline-block;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f9f9f9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f9f9f9));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	background: linear-gradient(top,  #ffffff 0%,#f9f9f9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f9f9f9',GradientType=0 );
	-moz-box-shadow:0 4px 0 #ccc;
	-webkit-box-shadow:0 4px 0 #ccc;
	box-shadow:0 4px 0 #ccc;
	padding:10px 15px;
	font-size:14px;
	color:#aaa;
	text-shadow:0 0 2px #fff;
	border:1px solid #ddd;
	-moz-border-radius:.5em;
	-webkit-border-radius:.5em;
	border-radius:.5em;
}
.save:hover{
	background: #eeeeee;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #f9f9f9 0%,#ffffff 100%);
	background: linear-gradient(top,  #f9f9f9 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 );
}
.form{
	font-size:12px;
	margin:10px 20px 0 20px;
}
.form label{
	font-weight:bold;
	color:#5d5d5d;
	padding-bottom:5px;
}
.form div{
	border-bottom:1px dashed #f2f2f2;
	padding:5px;
}
.form div:last-child{
	border-bottom:none;
}
.form span{
	display:block;
	color:#aaa;
}
.form input[type=text],
.form input[type=password],
.form textarea,
.form select,
.form input[type=text].error,
.form input[type=password].error,
.form select.error{
	padding:5px;
	width:170px;
	font-size:1em;
	margin:10px 0;
	border:1px solid #e5e5e5;
	-moz-box-shadow:0 0 5px #dcf5fe;
	-webkit-box-shadow:0 0 5px #dcf5fe;
	box-shadow:0 0 5px #dcf5fe;
	color:#5d5d5d;
}
.form input[type=submit]{
	display:block;
	padding:10px;
	font-size:1em;
	color:#7d7d7d;
	border:1px solid #ddd;
	cursor:pointer;
}
.select li a,
.form input[type=submit]{
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.form textarea{
	height:100px;
	width:170px;
}
.form .error{
	display:inline;
	font-size:12px;
	font-weight:normal;
	padding:10px 0 0 10px;
	color:#FF0000;
}
select.error{
	padding:0;
}
/*
paginate
*/
.paginate{
	border-top:1px solid #eee;
	border-bottom:1px solid #eee;
}
.paginate li{
	float:right;
	display:inline-block;
	width:75px;
}
.paginate li a,
.paginate li span{
	display:block;
	padding:20px 0;
	font-size:14px;
	color:#aaa;
	background:#fff;
	border-right:1px solid #eee;
	text-align:center;
}
.paginate li a:hover,
.paginate li span{
	background:#2d2d2d;
}
.paginate li:last-child a{
	border-right:none;
}


.col-md-2 img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 80px; 
	height: 80px; 
}
.heading_bg {
	background: #e6f5f7 none repeat scroll 0 0;
	border: 1px solid #d3edf1;
    margin: 5px 0 0;
    padding: 4px 5px;
    text-align: center;
}
.col-md-2.one {
    display: inline-block;
    width: 130px;
}
.one {
    margin: 0 10px 20px 10px;
}



.ads {
    margin: 0 auto;
    padding: 10px;
    width: 320px;
	text-align: center;
}


.l7n-top {
  background: none repeat scroll 0 0 #126d87;
  height: 100px;
  box-shadow: 0 1px 3px rgba(0,0,0,.1);
}


.l7n-wrapper {
    margin: 0px auto;
    width: 100%;	
}

.top-bg {
	padding-top: 20px;
}

#playlist{
    list-style: none;
}
#playlist li a{
    text-decoration: none;
}
#playlist .current-song a{
    font-weight: bold;
}
#playlist li{
background-image: url("https://www.arabmelody.net/images/listen.gif");
background-repeat: no-repeat;
background-position: right;
padding-right: 25px;
margin-top: 10px;
display: block;
margin-right: 5px;
}
.plItem {
position:relative;
}
.plTitle {
left:50px;
overflow:hidden;
right:65px;
text-overflow:ellipsis;
top:0;
white-space:nowrap;
}
.plLength {
padding-right:20px;
position:absolute;
left:10px;
top:0;
}
.plNew {
padding-right: 20px;
width: 25px;
position: absolute;
left: 60px;
top: 0;
}
.l7n-tools {
    border: 1px solid 
    #e5e5e5;
    padding: 5px;
    margin-top: 10px;
	margin-right: 20px;
    margin-bottom: 10px;
}
.l7n-tool-wrapp {
    float: right;
    height: 15px;
    padding-left: 5px;
    font-size: 11px;
}
.caption {
    padding-top: 1px;
    height: auto;
    color: #777;
}
.clear {
    clear: both;
    overflow: hidden;
    height: 0;
}
td {
    margin: 0;
	FONT-SIZE: 13px;
	COLOR: #00135d;
	BORDER-TOP-STYLE: none;
	FONT-FAMILY: Tahoma;
	BORDER-RIGHT-STYLE: none;
	BORDER-LEFT-STYLE: none;
	TEXT-DECORATION: none;
	BORDER-BOTTOM-STYLE: none;
}