@import url(http://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
::-moz-selection{background:#D9D9D9;color:#fff;text-shadow:0px 1px 0px #939393}
::selection{background:#D9D9D9;color:#fff;text-shadow:0px 1px 0px #939393}
html{width:99.9%\0/}
body{margin: 0px;padding: 0px;background-image: url('images/ma7room_07.jpg');background-color: #D3D3D3;}
a{text-decoration:none}
a img,img{border:0px}
ul{margin:0px;padding:0px;list-style-type:none}
.clr {clear: both;height: 0px;}
img{
	-moz-transition: all 0.7s ease-in-out;
	-webkit-transition: all 0.7s ease-in-out;
	-o-transition: all 0.7s ease-in-out;
	-ms-transition: all 0.7s ease-in-out;
	transition: all 0.7s ease-in-out;
}
img:hover{opacity:0.6}
#bgr01{
	background-image: url('images/ma7room_05.jpg');
	background-repeat: repeat-y;
	background-position: center top;
}
#bgr02{
	background-image: url('images/ma7room_02.jpg');
	background-repeat: repeat-y;
	background-position: center 260px;
}
#bgr03{
	background-image: url('images/ma7room_01.jpg');
	background-repeat: no-repeat;
	background-position: center top;
}
#bgr04{
	background-repeat: no-repeat;
	background-position: center bottom;
	width: 100%;
	background-image: url('images/ma7room_04.jpg');
}
#foot{background-image: url('images/ma7room_160.jpg');background-repeat: repeat-x;}
#foot div {
	margin: 0px auto 0px auto;
	width: 1050px;
	display: block;
	background-repeat: repeat-x;
	background-image: url('images/ma7room_163.jpg');
}
#foot div div {background-repeat: no-repeat;background-image: url('images/ma7room_161.jpg');}
#foot div div span {
	background-repeat: no-repeat;
	background-position: right top;
	background-image: url('images/ma7room_165.jpg');
	height: 65px;
	display: block;
}
#foot div div span em{display:none}
#cntr{margin:0px auto;width:1020px}
#nav-lnk{
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: #EFEFEF;
	height: 32px;
	margin:0px 0px 14px 11px;
}
#nav-lnk li {
    float: right;
    line-height: 31px;
    padding: 0 11px;
}
#nav-lnk li a {
    color: #676666;
    font-family: tahoma;
    font-size: 9pt;
    font-weight: normal;
}
#nav-lnk li a:hover {color: #aaa;}
#hdr{
	background-image: url('images/ma7room_03.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	height: 100px;
	margin: 0px 17px 14px 16px;
}
.hd-adss {text-align: left;width: 728px;float: left;}
#hd-logo{display:block;width:200px;height:100px;outline:0px;float:right}
#padd{margin-left: 5px;}
#join-bgr{
	background-image: url('images/ma7room_62.jpg');
	background-repeat: no-repeat;
	height: 122px;
	width: 299px;
	margin:0px 0px 15px
}
#join-bgr form {
	background-color: #FFFFFF;
	height: 26px;
	margin: 66px 14px 0px 0px;
	padding: 4px 4px 4px 0;
	width: 190px;
	float:right
}
#join-bgr form input.bginput {
    border: 0 none;
    color: #ADADAD;
    font-family: 'Droid Arabic Kufi',serif;
    font-size: 13px;
    font-weight: normal;
    margin-left: 6px;
    padding: 0;
    width: 128px;
}
#join-bgr form input.button, #join-bgr form input.button[type=submit] {
    background-color: #96D4ED;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: 'Droid Arabic Kufi',serif;
    font-size: 13px;
    font-weight: normal;
    height: 27px;
    line-height: 26px;
    margin: 0;
    padding: 0;
    transition: all 0.4s ease-in-out 0s;
    width: 48px;min-width: 48px;
    text-shadow:0px 1px 0px #4B8095;
background: #96d4ed; /* Old browsers */
background: -moz-linear-gradient(top,  #96d4ed 0%, #96d4ed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#96d4ed), color-stop(100%,#96d4ed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #96d4ed 0%,#96d4ed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #96d4ed 0%,#96d4ed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #96d4ed 0%,#96d4ed 100%); /* IE10+ */
background: linear-gradient(to bottom,  #96d4ed 0%,#96d4ed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#96d4ed', endColorstr='#96d4ed',GradientType=0 ); /* IE6-9 */

}
#join-bgr form input.button:hover {background-color: #9466BE;text-shadow:0px 1px 0px #532F75;
background: #9466be; /* Old browsers */
background: -moz-linear-gradient(top,  #9466be 0%, #9466be 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9466be), color-stop(100%,#9466be)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #9466be 0%,#9466be 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #9466be 0%,#9466be 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #9466be 0%,#9466be 100%); /* IE10+ */
background: linear-gradient(to bottom,  #9466be 0%,#9466be 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9466be', endColorstr='#9466be',GradientType=0 ); /* IE6-9 */
}
.top-tn {
	background-image: url('images/ma7room_80.jpg');
	background-repeat: repeat-y;
	width: 302px;
	margin-bottom: 16px;
}
.top-tn0 {
	background-image: url('images/ma7room_73.jpg');
	background-repeat: no-repeat;
}
.top-tn00 {
	background-image: url('images/ma7room_109.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 100%;
	padding-top: 63px;
	padding-bottom: 9px;
}
.t-box{
	background-color: #F6F6F6;
	background-image: url('images/ma7room_76.jpg');
	background-repeat: repeat-x;
	margin: 0px 0px 16px 8px
}
.t-box2{
	background-image: url('images/ma7room_99.jpg');
	background-repeat: repeat-x;
	background-position: left bottom;
}
.t-box3{
	background-image: url('images/ma7room_90.jpg');
	background-repeat: repeat-y;
}
.t-box4{
	background-image: url('images/ma7room_88.jpg');
	background-repeat: repeat-y;
	background-position: right top;
}
.t-box5{
	background-image: url('images/ma7room_94.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
}
.t-box6{
	background-image: url('images/ma7room_97.jpg');
	background-repeat: no-repeat;
	background-position: right bottom;
}
.t-box7{background-image: url('images/ma7room_75.jpg');background-repeat: no-repeat;}
.t-box8{background-position: right top;	background-image: url('images/ma7room_78.jpg');	width: 100%;background-repeat: no-repeat;}
.t-box9{
	padding: 0px 10px 10px 10px
}
div.ti1{background-image: url('images/ma7room_65.jpg');}
div.ti2{background-image: url('images/ma7room_105.jpg');}
div.ti3{background-image: url('images/ma7room_107.jpg');}
.e33 {float: right;width: 310px;}
.tr4 {
	background-image: url('images/ma7room_153.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 14px;
	margin: 0px 0px 0px 0px;
	font-family: 'Droid Arabic Kufi',serif;
    font-size: 13px;
    font-weight: bold;color:#8A5DBC;text-align:right
}
.mn-0 {
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #ccc;
	padding-bottom: 3px;
}
div.mn-1 {border-width: 0px;}
.smlnk {}
.smlnk li {float:right}
.smlnk li a {
	padding: 2px 7px;
	font-family: tahoma;
	font-size: 8pt;
	font-weight: normal;
}
.smlnk li a:hover {
}
.statts{
	font-family: tahoma;
	font-size: 9pt;
	font-weight: normal;
	color: #666;
	background-image: url('images/ma7room_157.jpg');
	background-repeat: no-repeat;
	background-position: right center;
	height: 34px;
	padding-right: 40px;
	line-height: 17px;
	text-align:right
}
#foot-lnks{
	background-position: center top;
	padding: 25px 0px 10px 0px;
	background-image: url('images/ma7room_149.jpg');
	background-repeat: no-repeat;
}
.nav-menu {}
.nav-in {margin-bottom: 16px;}
.rty {
	background-image: url('images/ma7room_15.jpg');
	background-repeat: repeat-x;
	width: 712px;
	float: right;
}
.rty2 {
	background-image: url('images/ma7room_13.jpg');
	background-repeat: no-repeat;
}
.rty3 {
	background-image: url('images/ma7room_20.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	height: 62px;
}
.rty3 ul{}
.rty3 ul li{
	background-image: url('images/ma7room_17.jpg');
	background-repeat: no-repeat;
	background-position: right top;
	padding:4px 2px 0px 0px;
	float: right;
	/*width: 100px;*/
	position:relative
}
.rty3 ul li:first-child{padding-right:0px;background-image:none}
.rty3 ul li a{
	border-width: 0px 0px 3px 0px;
	border-style: solid;
	display: block;
	float: right;
	height: 55px;
	width: 100px;
	font-family: 'Droid Arabic Kufi',serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	overflow:hidden;
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;

}
.rty3 ul li:hover a,.rty3 ul li a:hover{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	background-color: white;
	-webkit-box-shadow:  0px -2px 4px 0px #E3E3E3;
        box-shadow:  0px -2px 4px 0px #E3E3E3;
        z-index:99999
}

.rty3 ul li:hover a,.rty3 ul li li a:hover{
		-webkit-box-shadow:  0px 0px 0px 0px #E3E3E3;
        box-shadow:  0px 0px 0px 0px #E3E3E3;

}
.rty3 ul li a em{display:block;margin:0px auto;width:60px;height:28px;background-repeat:no-repeat;background-position:center center; 
	-moz-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-ms-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}
.rty3 ul li:hover em{opacity:0.7;margin-top:-30px;margin-bottom:11px}
.li-0 a{border-color: #009AD6;color:#009AD6}
.li-1 a{border-color: #E2324B;color:#E2324B}
.li-2 a{border-color: #21B899;color:#21B899}
.li-3 a{border-color: #E63E8B;color:#E63E8B}
.li-4 a{border-color: #8D58C2;color:#8D58C2}
.li-5 a{border-color: #E78B1F;color:#E78B1F}
.li-6 a{border-color: #27A553;color:#27A553}
/***/
.li-0 a:hover{border-color: #27A553;color:#27A553}
.li-2 a:hover,.li-5 a:hover,.li-3 a:hover{border-color: #009AD6;color:#009AD6}
.li-4 a:hover,.li-6 a:hover{border-color: #E2324B;color:#E2324B}
.li-1 a:hover{border-color: #E78B1F;color:#E78B1F}
/*.rty3 ul li a:hover{border-color:transparent}*/
/****/
.li-0 em{background-image: url('images/ma7room_31.jpg');}
.li-1 em{background-image: url('images/ma7room_29.jpg');}
.li-2 em{background-image: url('images/ma7room_37.jpg');}
.li-3 em{background-image: url('images/ma7room_40.jpg');}
.li-4 em{background-image: url('images/ma7room_26.jpg');}
.li-5 em{background-image: url('images/ma7room_34.jpg');}
.li-6 em{background-image: url('images/ma7room_23.jpg');}
.doo{
/*	border-style: solid;
	border-width: 0px 2px 2px 0px;
	border-color: #CCCCCC;*/
	display: none;
	position: absolute;
	top: 57px;
	right: 2px;
	background-color: white;
	width: 184px;
	padding: 9px;
	z-index: 999;
	-webkit-box-shadow: 0px 5px 4px 0px #ccc;
box-shadow: 0px 5px 4px 0px #ccc; 
}
.doo ul{
	float:right;width:116px;margin-left:9px
}
div.doo-clps ul{
	width:200px
}
.rty3 ul .doo li{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #F0F0F0;
	width: 100%;
	background-image: none;
	float: none;
	padding-top: 2px;
	padding-bottom: 4px;
}
.rty3 ul .doo li:last-child{
	border:0px
}
.rty3 ul .doo li a{
	width:auto;line-height:25px;height:auto;border:0px;float:none;text-align:right
}
.srch-box {
	width: 290px;
	float: left;
	background-repeat: repeat-x;
	background-image: url('images/ma7room_11.jpg');
	background-color: #ECECEC;
	padding: 1px 8px 6px 8px;
}
.srch-box span{
	font-family: tahoma;
	color: #BCBCBC;
	font-size: 9pt;
	font-weight: normal;
	margin: 0px 0px 3px 0px;
	padding: 0px;
	display: block;
	line-height: 17px;
}
.srch-box input[type=text]{
	background-position: right center;
	padding: 7px 56px 7px 4px;
	margin: 0px;
	float: right;
	width: 172px;
	background-color: white;
	border: solid 1px #ccc;
	box-shadow: 1px 2px 0px 1px #E6E6E6 inset;
	font-family: tahoma;
	font-size: 9pt;
	font-weight: normal;
	color: #C4C4C4;
	outline: 0px;
	height: 17px;
	background-image: url('images/ma7room_16.jpg');
	background-repeat: no-repeat;
}
.srch-box input[type=submit]{
	border-width: 0px;
	padding: 0px;
	float: left;
	background-image: url('images/ma7room_43.jpg');
	height: 34px;
	width: 52px;
	background-repeat: no-repeat;
	background-color: #9266C3;
	cursor:pointer;margin:0px
}
.srch-box input[type=submit]:hover{opacity:0.7}
.f-nav {
	background-image: url('images/ma7room_21.jpg');
	background-position: left bottom;
	background-repeat: repeat-x;
	border-color: #7E4CAB;
	border-style: solid;
	border-width: 0 0 3px;
	box-shadow: 0 0 6px rgba(50, 50, 50, 0.44);
	left: 0;
	margin: 0 !important;
	padding: 6px 0px 6px 0px;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 2147483647;
	background-color: #D5D5D5;
}
.f-nav .nav-in{margin: 0px auto;width: 1020px;}
#social-box{
	background-image: url('images/ma7room_112.jpg');
	background-position: right top;
	height: 48px;
	width: 300px;
	background-repeat: no-repeat;
	margin:0px 0px 16px
}
#social-box ul {float: left;list-style-type: none;margin: 0 0 0 18px;padding: 8px 0px 0px;}
#social-box ul li {float: left;margin-right: 3px;width: 30px;}
#social-box ul li a {
	background-image: url('images/ma7room_18.jpg');
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 30px;
	transition: all 0.4s ease-in-out 0s;
	width: 30px;
}
#social-box ul li a:hover {transform: rotate(360deg);}
.s-ico1 a {background-position: left top;}
.s-ico2 a {background-position: -32px top;}
.s-ico3 a {background-position: -65px top;}
.s-ico4 a {background-position: -98px top;}
.s-ico5 a {background-position: -131px top;}
.pinbox {
	background-image: url('images/ma7room_115.jpg');
	background-repeat: no-repeat;
	width: 300px;
	height: 92px;
	margin-bottom: 16px;
}
.pinbox p{
	font-family: 'Droid Arabic Kufi',serif;
	font-size: 14px;
	font-weight: normal;
	color: white;
	text-shaodw: 0px 1px 0px #7E55A7;
	padding-top: 20px;
	margin-right: 17px;
	margin-left: 77px;
}
.pinbox p strong.arialfont{font-family:Arial, Helvetica, sans-serif}
.for-songs {
	margin-bottom: 16px;
	background-image: url('images/ma7room_117.jpg');
	background-repeat: no-repeat;
	width: 300px;
	height: 200px;
	color: white;
	font-family: 'Droid Arabic Kufi',serif;
	font-size: 13px;
	font-weight: bold;
	text-shadow: 0px 1px 0px #2E333B;
}
.for-songs span,.for-songs li{text-shadow:0px 1px 0px #3F7C95}
.for-songs span{padding: 8px;display: block;line-height: 21px;margin-bottom: 5px;}
.for-songs div{margin-right:16px;line-height:24px}
.for-songs div strong{font-family: Tahoma;font-size: 11pt;font-weight: normal;}
.for-songs ol{margin:0px 14px 0px 0px;padding:10px 10px 0px 0px}
.for-songs li{line-height:17px;font-family:Tahoma;font-size:9pt;font-weight:normal}
.mx0 {
	background-repeat: repeat-y;
	background-image: url('images/ma7room_122.jpg');
	width: 302px;
	margin-bottom: 16px;
}
.mx1 {
	background-image: url('images/ma7room_136.jpg');
	background-repeat: no-repeat;
	background-position: left bottom;
}
.mx2 {
	background-repeat: no-repeat;
	background-image: url('images/ma7room_120.jpg');
	width: 100%;
}
.mx3 {
	background-repeat: no-repeat;
	background-position: right top;
	width: 100%;
}
.re432 {
	margin: 0px;
	padding: 0px 52px 0px 0px;
	color: #FFFFFF;
	line-height: 41px;
	height: 41px;
	font-family: "droid Arabic Kufi";
	font-size: 13px;
	font-weight: bold;
	text-shadow:0px 1px 0px #2C3139
}
.re432 a{
	display: block;
	float: left;
	margin: 9px 0px 0px 9px;
	color: white;
	background-image: url('images/ma7room_141.jpg');
	background-repeat: no-repeat;
	width: 88px;
	height: 28px;
	line-height: 28px;
	text-align:center;
	padding-right:20px
}
.re432 a.tre{width: 95px;
	background-image: url('images/ma7room_145.jpg');
}
.re432 a:hover{
	color:#A1E4FF
}
.mx4 {padding: 9px;}
.tt1 {background-image: url('images/ma7room_139.jpg');}
.lnks-bgr {
	background-image: url('images/ma7room_129.jpg');
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 86px;
}
.lnks-bgr li{
	background-position: left bottom;
	margin-left: 45px;
	line-height: 24px;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	background-image: url('images/ma7room_22.jpg');
	margin-left:22px
}
.lnks-bgr li.vbctgr,.lnks-bgr li:first-child,.lnks-bgr li:last-child{margin-left:0px}
.lnks-bgr li:last-child{background-image:none}
.lnks-bgr li a{
	background-position: right center;
	font-family: "Droid Arabic Kufi";
	font-size: 13px;
	font-weight: normal;
	background-image: url('images/ma7room_125.jpg');
	background-repeat: no-repeat;
	padding-right: 12px;
}
.rngton-cr {
	background-image: url('images/ma7room_19.jpg');
	background-repeat: no-repeat;
	display: block;
	width: 300px;
	height: 92px;
	margin-bottom: 14px;
}
.rngton-cr:hover{
	opacity:0.7
}
.t-box7 .table_title {
	margin: 0px 50px 11px 0px;
	padding: 0px;
	height: 48px;
	display: block;
	font-family: "droid Arabic Kufi";
	font-size: 14px;
	font-weight: bold;
	line-height: 47px;
	text-align: right;
	color:#A8A8A8
}
.t-box7 .ti0 .table_title{color:#40A6D0}
.t-box7 .ti1 .table_title{color:#14A683}
.red-title .table_title{color:#E63E8B}
.red-title .t-box8{background-image: url('images/ma7room_105.jpg');}
.t-box7 .ti3 .table_title{color:#E2324B}
.title-height{
	height:60px
}
.title {
	FONT-SIZE: 13px;
	COLOR: #7A48A7;
	TEXT-DECORATION: none;
	font-weight: bold;
	text-align: center;
	font-family: "droid Arabic Kufi",Arial, Helvetica, sans-serif;
	white-space:nowrap
}
.top-tn-menu li {
	background-image: url('images/ma7room_85.jpg');
	background-position: left bottom;
	background-color: #fff;
	background-repeat: repeat-x;
	padding:9px
}
.smng-img {
	float: right;
}
.bvfrew2 {
	margin-right: 80px;
}
.songname {
	font-family: "droid Arabic Kufi",Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
}
a.sngrname {
	font-family: tahoma;
	font-size: 9pt;
	font-weight: normal;
	color: #40A8D9;
}
a.sngrname:hover{
	color:#999
}
.scrollup {
    background-image: url("images/arrow_up_alt1.png");
    background-repeat: no-repeat;
    bottom: 120px;
    display: none;
    height: 48px;
    opacity: 1;
    position: fixed;
    right: 50px;
    text-indent: -9999px;
    width: 48px;
}
.s-m-l-nk{
	margin:0px 15px 0px 0px
}
.s-m-l-nk li{

	background-position: right center;

	float: right;

	width: 126px;

	line-height: 19px;

	background-image: url('images/icon-ios7-arrow-back-16.png');

	background-repeat: no-repeat;

	padding-right: 16px;

}
.alb-nn li {
float:right;width:140px;padding:7px;margin:0px 0px 7px;text-align:center
}