BODY
{
   	margin-top:0px;
   	margin-left:5px;
   	background-image:url('wallpaper/mainbknd.jpg');
   		
}

@font-face {
font-family: 'Al Qalam Quran Majeed';
font-style:  normal;
font-weight: normal;
src: local('☺'),
src: url('/ALQALAM0.eot');
src: url('/ALQALAM0.eot?iefix'),
url('/Al Qalam Quran Majeed.ttf') format('truetype');  
}		


@font-face {
font-family: 'MeezanUni';
font-style:  normal;
font-weight: normal;
src: local('☺'),
src: url('/MEEZANUNI.eot');
src: url('/MEEZANUNI.eot?iefix'),
url('/MeezanUni.ttf') format('truetype');
}
   
.mu {font-family: MeezanUni, Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ;font-size: 14px; font-weight: normal; text-align: justify;}
.mub {font-family: MeezanUni, Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 18px; font-weight: normal;text-align: justify;}
.muc {font-family: MeezanUni, Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: center;}
.mul {font-family: MeezanUni, Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: left;}
.mur {font-family: MeezanUni, Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: right;}

.en {font-family: Arial Unicode MS}
.en1 {font-family: Arial Unicode MS; color: #C0C0C0;}


.register A:link
{
    COLOR: #d2fde3;
    TEXT-DECORATION: none
}
.register A:visited
{
    COLOR: #d2fde3;
    TEXT-DECORATION: none
}
.register A:hover
{
    COLOR: yellow;
    TEXT-DECORATION: none
}
.fontlink
{
    COLOR: white;
    TEXT-DECORATION: none
}
.fontlink:hover
{
    COLOR: white;
    TEXT-DECORATION: underline overline
}
.toplinks A:link
{
    COLOR: white;
    TEXT-DECORATION: none
}
.toplinks A:hover
{
    COLOR: yellow;
    TEXT-DECORATION: none
}
.toplinks A:visited
{
	COLOR: white;
    TEXT-DECORATION: none
}
.suralinks A:link
{
    TEXT-DECORATION: none
}
.suralinks A:visited
{
    TEXT-DECORATION: none
}
.suralinks A:hover
{
    COLOR: #0099ff;
    TEXT-DECORATION: underline overline
}
A:link
{
    TEXT-DECORATION: none
}
A:hover
{
    COLOR: #0099ff;
    TEXT-DECORATION: underline overline
}
A:visited
{
    TEXT-DECORATION: none
}
A.menulink
{
    BORDER-RIGHT: medium none;
    BORDER-TOP: medium none;
    DISPLAY: block;
    BORDER-LEFT: medium none;
    COLOR: #c4fbdf;
    BORDER-BOTTOM: medium none;
    TEXT-ALIGN: left;
    TEXT-DECORATION: none
}
A.menulink:hover
{
    BORDER-RIGHT: #ffffff 1px solid;
    BORDER-TOP: #ffffff 1px solid;
    BORDER-LEFT: #ffffff 1px solid;
    COLOR: #0efb84;
    BORDER-BOTTOM: #ffffff 1px solid;
    TEXT-DECORATION: none

}
.suggest_link {
				background-color: #FFFFFF;
				padding: 2px 6px 2px 6px;
}
.suggest_link_over {
				background-color: #3366cc;
				padding: 2px 6px 2px 6px;
				color: #ffffff;
				cursor: default;
}
#search_suggest {
				position: absolute; 
				background-color: #FFFFFF; 
				text-align: left; 
				border: 1px solid #000000;
				font: 16px Meezan;
	
}		

	
	
	.header { font-family: Arial; font-size: 10px; background-color: #0A883C; border: 1px solid #D4DDCC; border-top: 0px; text-align: center; color: white}
	.surahead {font-family: MeezanUni, "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center;}

	.bukharihead {font-family: MeezanUni, "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center; font-weight:bold; color: green;}
	
	.suratitle {text-align: center; color: green; font-size: 16px; font-weight:bold}
	.bismi {text-align: center; color: #800080; font-size: 14px;}
	
	.bukhari-odd { border: 1px solid #D4DDCC; border-top: 0px; font-family: MeezanUni, "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #E7EFDF; padding: 10px; text-align: justify;}
	.bukhari-even { border: 1px solid #D4DDCC; border-top: 0px; font-family: MeezanUni, "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #EEF8E5; padding: 10px; text-align: justify;}

	.trans { border: 1px solid #D4DDCC; border-top: 0px; font-family: MeezanUni, "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #FEF8DD; padding: 6px; text-align: justify;}
	.ayaNum {font-family: MeezanUni, "Arial Unicode MS"; color: green; font-size: 14px; font-weight:bold}

	.bismi_arabic { color: #800080; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; font-family: "Al Qalam Quran Majeed", _PDMS_Saleem_QuranFont, Traditional Arabic; font-size: 28px; direction: rtl;padding: 6px; text-align: center;}
	
	.quran {background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; font-family: "Al Qalam Quran Majeed", _PDMS_Saleem_QuranFont, Traditional Arabic; font-size: 28px; direction: rtl; text-align: justify; cursor:pointer}
	.sign {font-family: "Al Qalam Quran Majeed", _PDMS_Saleem_QuranFont, Traditional Arabic; font-size: 1em; color: #FB7600;}
	
		
	.searchfooter{ font-family: Arial; font-size: 14px; background-color:#45D07D; border: 1px solid #D4DDCC; border-top: 0px; padding: 4px; text-align: center;}
	.searchheader{ font-family: Arial; font-size: 12px ; background-color:#45D07D; border: 1px solid #D4DDCC; border-top: 0px; padding: 4px; text-align: center;}
	.footer { font-family: Arial; font-size: 10px; background-color: #0A883C; border: 1px solid #D4DDCC; border-top: 0px; text-align: center; color: white}

	
/* iPad [portrait + landscape] */
@media only screen and (min-device-width:768px) and (max-device-width:1024px)
{
.mu {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ;font-size: 14px; font-weight: normal; text-align: justify;}
.mub {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 18px; font-weight: normal;text-align: justify;}
.muc {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: center;}
.mul {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: left;}
.mur {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: right;}
.surahead {font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center;}
.bukharihead {font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center; font-weight:bold; color: green;}
.bukhari-odd { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #E7EFDF; padding: 10px; text-align: justify;}
.bukhari-even { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #EEF8E5; padding: 10px; text-align: justify;}
.trans { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #FEF8DD; padding: 6px; text-align: justify;}
 
}

/* iPhone 4 [portrait + landscape] */
@media only screen and (resolution:326dpi)
{
.mu {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ;font-size: 14px; font-weight: normal; text-align: justify;}
.mub {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 18px; font-weight: normal;text-align: justify;}
.muc {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: center;}
.mul {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: left;}
.mur {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: right;}
.surahead {font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center;}
.bukharihead {font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center; font-weight:bold; color: green;}
.bukhari-odd { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #E7EFDF; padding: 10px; text-align: justify;}
.bukhari-even { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #EEF8E5; padding: 10px; text-align: justify;}
.trans { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #FEF8DD; padding: 6px; text-align: justify;}

}

/* iPhone 3 [portrait + landscape] */
@media only screen and (max-device-width:480px)
{
.mu {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ;font-size: 14px; font-weight: normal; text-align: justify;}
.mub {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 18px; font-weight: normal;text-align: justify;}
.muc {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: center;}
.mul {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: left;}
.mur {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: right;}
.surahead {font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center;}
.bukharihead {font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center; font-weight:bold; color: green;}
.bukhari-odd { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #E7EFDF; padding: 10px; text-align: justify;}
.bukhari-even { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #EEF8E5; padding: 10px; text-align: justify;}
.trans { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #FEF8DD; padding: 6px; text-align: justify;}
  
}
   
/* iPod Touch and older [portrait + landscape] */
@media only screen and (resolution:326dpi)
{
.mu {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ;font-size: 14px; font-weight: normal; text-align: justify;}
.mub {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 18px; font-weight: normal;text-align: justify;}
.muc {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: center;}
.mul {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: left;}
.mur {font-family: Arial Unicode MS, TheneeUni, TheneeUniTx, ThendralUni, Latha ; font-size: 14px; font-weight: normal;text-align: right;}
.surahead {font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center;}
.bukharihead {font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; background-color: #EEF8E5; border: 1px solid #D4DDCC; border-top: 0px; text-align: center; font-weight:bold; color: green;}
.bukhari-odd { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #E7EFDF; padding: 10px; text-align: justify;}
.bukhari-even { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #EEF8E5; padding: 10px; text-align: justify;}
.trans { border: 1px solid #D4DDCC; border-top: 0px; font-family: "Arial Unicode MS", TheneeUni, TheneeUniTx, ThendralUni, Latha; font-size: 14px; direction: ltr; background-color: #FEF8DD; padding: 6px; text-align: justify;}
  
}
  
/* End Apple Styles */

	
.footer A:link
{
    COLOR: white;
    TEXT-DECORATION: none
}
.footer A:hover
{
    COLOR: yellow;
}
.footer A:visited
{
	COLOR: white;
    TEXT-DECORATION: none
}

div.jp-audio,
div.jp-video {

	/* Edit the font-size to counteract inherited font sizing.
	 * Eg. 1.25em = 1 / 0.8em
	 */

	font-size:1em; /* No parent CSS that can effect the size in these demos */

	font-family:Verdana, Arial, sans-serif;
	line-height:1.6;
	color: #666;
}
div.jp-audio {
	width:150px;
}
div.jp-interface {
	position: relative;
	background-color: #C0C0C0; /* width:418px; */;
	width: 100%;
	color: #008080;
}
div.jp-interface ul.jp-controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
div.jp-interface ul.jp-controls li {
	/* position: absolute; */
	display:inline;
}
div.jp-interface ul.jp-controls a {
	position: absolute;
	overflow:hidden;
	text-indent:-9999px;
}
a.jp-play,
a.jp-pause {
	width:17px;
	height:20px;
	z-index:1;
}
div.jp-audio div.jp-type-single a.jp-play,
div.jp-audio div.jp-type-single a.jp-pause {
	top:1px;
	left:2px;
}
div.jp-audio div.jp-type-playlist a.jp-play,
div.jp-audio div.jp-type-playlist a.jp-pause {
	top:1px;
	left:2px;
}
div.jp-video a.jp-play,
div.jp-video a.jp-pause {
	top:1px;
}
a.jp-play {
	background: url('wallpaper/play.png') no-repeat;
}
a.jp-play:hover {
	background: url("wallpaper/play.png") no-repeat;
}
a.jp-pause {
	background: url('wallpaper/pause.png') no-repeat;
	display: none;
}
a.jp-pause:hover {
	background: url("wallpaper/pause.png") no-repeat;
}
div.jp-audio div.jp-type-single a.jp-stop {
	top:26px;
	left:90px;
}
div.jp-audio div.jp-type-playlist a.jp-stop {
	top:26px;
	left:126px;
}
a.jp-stop {
	background: url("jplayer.blue.monday.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	z-index:1;
}
a.jp-stop:hover {
	background: url("jplayer.blue.monday.jpg") -29px -83px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-previous {
	left:20px;
	top:26px;
}
a.jp-previous {
	background: url("jplayer.blue.monday.jpg") 0 -112px no-repeat;
	width:28px;
	height:28px;
}
a.jp-previous:hover {
	background: url("jplayer.blue.monday.jpg") -29px -112px no-repeat;
}
div.jp-audio div.jp-type-playlist a.jp-next {
	left:88px;
	top:26px;
}
a.jp-next {
	background: url("jplayer.blue.monday.jpg") 0 -141px no-repeat;
	width:28px;
	height:28px;
}
a.jp-next:hover {
	background: url("jplayer.blue.monday.jpg") -29px -141px no-repeat;
}
div.jp-progress {
	position: absolute;
	overflow:hidden;
	background-color: #ddd;
}
div.jp-audio div.jp-type-single div.jp-progress {
	top:6px;
	left:20px;
	width:50px;
	height:5px;
}
div.jp-audio div.jp-type-playlist div.jp-progress {
	top:50px;
	left:164px;
	width:122px;
	height:5px;
}
div.jp-seek-bar {
	background: url("wallpaper/jplayer.blue.monday.jpg") 0 -202px repeat-x;
	width:0px;
	/* height:15px; */
	height:100%;
	cursor: pointer;
}
div.jp-play-bar {
	background: url("wallpaper/jplayer.blue.monday.jpg") 0 -218px repeat-x ;
	width:0px;
	/* height:15px; */
	height:100%;
}

/* The seeking class is added/removed inside jPlayer */
div.jp-seeking-bg {
	background: url("wallpaper/pbar-ani.gif");
}

a.jp-mute,
a.jp-unmute {
	width:18px;
	height:13px;
}
div.jp-audio div.jp-type-single a.jp-mute,
div.jp-audio div.jp-type-single a.jp-unmute {
	top:3px;
	left:75px;
}
div.jp-audio div.jp-type-playlist a.jp-mute,
div.jp-audio div.jp-type-playlist a.jp-unmute {
	top:5px;
	left:70px;
}
a.jp-mute {
	background: url("wallpaper/jplayer.blue.monday.jpg") 0 -186px no-repeat;
}
a.jp-mute:hover {
	background: url("wallpaper/jplayer.blue.monday.jpg") -19px -170px no-repeat;
}
a.jp-unmute {
	background: url("wallpaper/jplayer.blue.monday.jpg") 0 -170px no-repeat;
	display: none;
}
a.jp-unmute:hover {
	background: url("wallpaper/jplayer.blue.monday.jpg") -19px -186px no-repeat;
}
div.jp-volume-bar {
	position: absolute;
	overflow:hidden;
	background: url("wallpaper/jplayer.blue.monday.jpg") 0 -250px repeat-x;
	width:46px;
	height:5px;
	cursor: pointer;
}
div.jp-audio div.jp-type-single div.jp-volume-bar {
	top:6px;
	left:95px;
}
div.jp-audio div.jp-type-playlist div.jp-volume-bar {
	top:6px;
	left:95px;
}
div.jp-volume-bar-value {
	background: url("wallpaper/jplayer.blue.monday.jpg") 0 -256px repeat-x;
	width:0px;
	height:5px;
}
div.jp-current-time,
div.jp-duration {
	position: absolute;
	font-size:.64em;
	font-style:oblique;
}
div.jp-duration {
	text-align: right;
}
div.jp-audio div.jp-type-single div.jp-current-time,
div.jp-audio div.jp-type-single div.jp-duration {
	top:18px;
	left:16px;
	width:100px;
}
div.jp-audio div.jp-type-playlist div.jp-current-time,
div.jp-audio div.jp-type-playlist div.jp-duration {
	top:15px;
	left:80px;
	width:100px;
}
div.jp-playlist {
	/* width:418px; */
	width:100%;
	background-color:#ccc;
	border:1px solid #009be3;
/*	border-top:none; */
}
div.jp-playlist ul {
	list-style-type:none;
	margin:0;
	padding:0 20px;
	/* background-color:#ccc; */
	/* border:1px solid #009be3; */
	/* border-top:none; */
	/* width:378px; */
	font-size:.72em;
}


div.jp-type-single div.jp-playlist li {
	padding:5px 0 5px 20px;
	font-weight:bold;
}
div.jp-type-playlist div.jp-playlist li {
	padding:5px 0 4px 20px;
	border-bottom:1px solid #eee;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
	padding:5px 0 5px 20px;
	border-bottom:1px solid #eee;
}
div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
	list-style-type:square;
	list-style-position:inside;
	padding-left:8px;
}
div.jp-type-playlist div.jp-playlist a {
	color: #666;
	text-decoration: none;
}
div.jp-type-playlist div.jp-playlist a:hover {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
	color:#0d88c1;
}
div.jp-type-playlist div.jp-playlist div.jp-free-media {
	display:inline;
	margin-left:20px;
}


div.jp-jplayer {
	width:0px;
	height:0px;
}
div.jp-jplayer {
	background-color: #000000;
}

.qaudio A:link
{
    COLOR: blue;
    TEXT-DECORATION: none
}