/* 
================================
Skin styles for Alhuda
================================
*/

@import "css/simpletree.css";
@import "css/divmenu.css";
@import "css/fhstyles.css";
@import "css/listmenu_fallback.css";
@import "css/listmenu_h.css";
@import "css/grow.css";

html{
	padding:0;
	margin:0;
	overflow:auto;
}
body{
	padding:0;
	margin:0;
	background-color:#C4DDE5;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
	color:#333333;
}
br:before{
	clear:both;
}
br:after{
	clear:both;
}
h1{
	font:18px/18px Georgia, "Times New Roman", sans-serif;
	color:#606466;
	background:transparent url('images/h1_bullet.gif') left top no-repeat;
	display:block;
	height:38px;
	text-align:left !important;
}
h1 span{
	font:18px/18px Georgia, "Times New Roman", sans-serif;
	display:block;
	margin-left:40px;
	margin-right:10px;
	padding-left:10px;
	line-height:25px;
	background:transparent url('images/hdng_right.gif') right bottom no-repeat;
	border-bottom:1px solid #D3D7DF;
	text-align:left !important;
}
h1 span span{
	display:inline;
	line-height:25px;
	padding-left:40px;
	border-bottom-style:none;
	font:18px/18px "Times New Roman", Georgia, sans-serif;
	background-image:none;
	text-align:left !important;
}
h2{
	font:bold 16px/20px Arial, Helvetica, sans-serif;
	color:#417D92;
	display:block;
	margin:10px 0 5px 0;
	padding:0;
	border-bottom:1px #E8EBF0 solid;
}
h3{
	font:italic bold 14px/16px Arial, Helvetica, sans-serif;
	color:#417D92;
	display:block;
	margin:20px 0 0px 0;
	padding:0;
}
h4{
	font:italic bold 12px/18px Arial, Helvetica, sans-serif;
	color:#5F6465;
	display:block;
	margin:10px 0 5px 0;
	padding:0;
}
#container hr{
	border-color:#D6DCE0;
	border-style:dotted;
	border-width:2px 0 0 0;
}
#container em {
	font-family:Verdana, Helvetica, sans-serif;
	font-style:italic;
}

#container a{
	text-decoration:none;
	color:#003366;
        cursor: pointer;

}
#container a:hover{
	text-decoration:underline;
	color:#003366;
        cursor: pointer;

}
ul.a{
	padding:0;
	margin:5px 0 0 25px;
}
ul.a li{
	list-style-image:url('images/bullet_ico.gif');
	padding-bottom:10px;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
.center{
	text-align:center;
}
.right{
	text-align:right;
}
#wrap{
	width:890px;
	background:white url('images/top_shade.gif') top center no-repeat;
	margin:10px auto 0 auto;
	padding-top:20px;
}
#vText{
	position:absolute;
	width:16px;
	height:140px;
	background:#C4DDE5 url('images/hashmi_vtext.gif') left top no-repeat;
	margin-left:-16px;
}
#container{
	clear:both;
	width:888px-12px;
	overflow:auto;
	padding-left:12px;
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
         header's top links and #header         
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#headeLinks{
	font:11px/18px Tahoma, Helvetica, sans-serif;
	color:#003366;
	padding:4px 18px 2px 18px;
	text-align:right;
	border-left:#D9E5E8 solid 1px;
}

#headeLinks span.date{
	text-align:left !important;
	display:inline-block;
	width:360px;
	float:left;
	background:white url('images/calend_ico.gif') left no-repeat;
	padding-left:22px;
}

#headeLinks a{
	text-decoration:none;
	color:#003366;
}
#headeLinks a:hover{
	text-decoration:underline;
}
#headeLinks a.shopcart{
	background:white url('images/cart_ico.gif') left no-repeat;
	padding:2px 6px 2px 22px;
}
#headeLinks a.sitemap{
	background:white url('images/sitemap_ico.gif') left no-repeat;
	padding:2px 6px 3px 22px;
}
#headeLinks a.contact{
	background:white url('images/contact_ico.gif') left no-repeat;
	padding:2px 0 3px 22px;
}

#headeLinks a.sitesearch{
	background:white url('images/search-site.gif') left no-repeat;
	padding:2px 0 3px 22px;
}

#header{
	width:880px;
	height:120px;
	margin:0 auto;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
         Left, Center(#contentCol) and Right Column of #Content div
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.LeftPane{
	clear:both;
	width:182px;
	margin:5px 25px 0 0;
	float:left;
}
.LeftPaneII{
	clear:both;
	width:192px;
	margin:5px 20px 0 0;
	float:left;
}
.ContentPane{
	width:453px;
	margin:5px 25px 0 0;
	float:left;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
.ContentPaneII{
	width:650px;
	margin:5px 0 0 0;
	float:left;
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
.ContentPaneII p{
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
.ContentPane p{
	font:12px/18px Tahoma, Arial, Helvetica, sans-serif;
}
.RightPane{
	width:182px;
	margin:5px 0 0 0;
	float:left;
}

.sideBox{
	width:100%;
}
.Head{
	width:100%;
	height:30px;
	font:bold 11px/26px Arial, Helvetica, sans-serif;
	color:#808d91;
	text-indent:12px;
	background:#6DBBEB url(images/lgt_blue_c.gif) left repeat-x;
}
.sideBox .title div div{
	width:100%;
	height:30px;
	font:bold 11px/26px Arial, Helvetica, sans-serif;
	color:#012B54;
	text-indent:12px;
}

.sideBox .title div{
	width:100%;
	height:30px;
	font:bold 11px/26px Arial, Helvetica, sans-serif;
	color:#808d91;
	text-indent:12px;
}
.sideBox .title{
	width:100%;
	height:30px;
	font:bold 11px/26px Arial, Helvetica, sans-serif;
	color:#808d91;
	text-indent:12px;
}
.sideBox .content{
	width:166px;
	margin:0 0 14px 1px;
	border-right:#E8EBF0 solid 1px;
	border-bottom:#E8EBF0 solid 1px;
	border-left:#E8EBF0 solid 1px;
	font:11px/14px Tahoma, Helvetica, sans-serif !important;
	padding:0 6px 6px 6px;
	color:#63666E !important;
}
.sideBox .content span{
	display:block;
	font:10px/20px Tahoma, Helvetica, sans-serif;
	color:#999999;
}
.sideBox .student{
	background:transparent url('images/stdnt_corner.gif') right bottom no-repeat;
}
.sideBox .children{
	background:transparent url('images/chldrn_corner.gif') right bottom no-repeat;
}

.sideBox .language{
	background:transparent url('images/world.gif') right bottom no-repeat;
}
.sideBox .content p{
	font:11px/14px Tahoma, Helvetica, sans-serif !important;
	margin:0 0 10px 0;
	color:#63666E !important;
}
.sideBox .content b{
	font:bold 11px/14px Tahoma, Helvetica, sans-serif !important;
	color:#63666E !important;
}
.sideBox .content ul li a{
	font-size:90% !important;
}
.lightBlue .title{
	background:#6DBBEB url(images/lgt_blue_c.gif) left repeat-x;
}
.lightBlue .title div{
	background:transparent url(images/lgt_blue_l.gif) left no-repeat;
}
.lightBlue .title div div{
	background:transparent url(images/lgt_blue_r.gif) right no-repeat;
}

.lightOrange .title{
	background:#6DBBEB url(images/lgt_orange_c.gif) left repeat-x;
}
.lightOrange .title div{
	background:transparent url(images/lgt_orange_l.gif) left no-repeat;
}
.lightOrange .title div div{
	background:transparent url(images/lgt_orange_r.gif) right no-repeat;
}

.oliveGreen .title{
	background:#6DBBEB url(images/olv_green_c.gif) left repeat-x;
}
.oliveGreen .title div{
	background:transparent url(images/olv_green_l.gif) left no-repeat;
}
.oliveGreen .title div div{
	background:transparent url(images/olv_green_r.gif) right no-repeat;
}

.skyBlue .title{
	background:#6DBBEB url(images/sky_blue_c.gif) left repeat-x;
}
.skyBlue .title div{
	background:transparent url(images/sky_blue_l.gif) left no-repeat;
}
.skyBlue .title div div{
	background:transparent url(images/sky_blue_r.gif) right no-repeat;
}

/*  some form field styles  */
.txtSearch{
	width:135px;
	height:19px;
	border-style:none;
	font:9.63px/19px Tahoma, Arial, sans-serif;
	color:#768285;
	padding:2px 0 0 30px;
	margin-top:3px;
	background:white url('images/srchtxt_bg.gif') left top no-repeat;
}
.txtNormal{
	background:white url('images/inptxt_bg.gif') left top no-repeat;
	width:125px;
	height:19px;
	border-style:none;
	font:9.63px/19px Tahoma, Arial, sans-serif;
	color:#768285;
	padding:2px 0 0 5px;
	margin-top:3px;
}
/*select{
	height:20px;
	border:#DBE7EB 1px solid;
	font:bold 16px/16px "Times New Roman", Times, serif, Tahoma, "Microsoft Sans Serif", Arial, serif;
	color:#606466;
}

/*select{
	height:16px;
	border:#DBE7EB 1px solid;
	font:9.63px/12px Tahoma, Arial, sans-serif;
	color:#768285;
}
*/

select.arabicName{
	height:22px;
	border:#DBE7EB 1pt solid;
	font:bold 16px/16px "Times New Roman", Times, serif, Tahoma, "Microsoft Sans Serif", Arial, serif;
	color:#606466;
	text-indent:10px;
}
/* ************************* */
#bcrumb{
	clear:both;
	width:100%;
	height:35px;
	background:white url('images/bcrumb_back.gif') left bottom repeat-x;
	text-indent:20px;
}
#bcrumb span#dnn_dnnBREADCRUMB_lblBreadCrumb{
	width:100%;
}
#bcrumb a{
	text-decoration:none;
	color:#379AB3;
	font-weight:normal;
}
#bcrumb a:hover{
	text-decoration:underline;
	color:#2F788E;
}
/* ************************* */
a.thumbs{
	text-decoration:none;
}
a.thumbs img{
	padding:2px;
	border:1px #E6EBEF solid;
	margin:0 5px;
}
a.thumbs:hover img{
	padding:1px;
	border:2px #2897B5 solid;
}

p.missionImg span{
	display:none !important;
}
p.missionImg{
	display:block;
	width:437px;
	height:30px;
	margin:0 auto 15px auto;
	background:white url('images/mission_stat.gif') center no-repeat;
}

p.visionImg span{
	display:none !important;
}
p.visionImg{
	display:block;
	width:437px;
	height:66px;
	margin:0 auto 15px auto;
	background:white url('images/Vision.gif') center no-repeat;
}

span.urduTxt{
	display:block;
	font:11px/20px Tahoma, Arial, "Trebuchet MS";
}
span.refText{
	display:block;
	text-align:right;
	font-size:80%;
	color:#666666;	
}

/*  some form field styles  */
table.fhtbl{
	font:11px/15px Arial, Helvetica, sans-serif;
	border-left:1px #70B0C6 solid;
	margin:10px 0;
}
table.fhtbl thead tr td{
	font:bold 11px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#168EA9;
}
table.fhtbl thead tr td a:link{
	color:#fff;
	text-decoration:underline;
}
table.fhtbl td{
	padding-left:10px;
	border-style:solid;
	border-color:#70B0C6;
	border-width:0 1px 1px 0;
}
table.fhtbl td.center{
	padding-left:2px;
	text-align:center;
	vertical-align:middle;
}

/* ************************* */
.cateBox{
	width:215px;
	height:120px;
	float:left;
}
.cateBox p{
	margin:40px 50px 0 15px;
	font:11px/15px Arial, Helvetica, sans-serif;
}
.cateBox p a{
	color:#757980;
}
.cateBox p a:hover{
	color:#8faab3;
	text-decoration:none;
}
.visSpeaker{
	background:white url('images/vspeak_box.gif') center no-repeat;	
}
.queAnsw{
	background:white url('images/yourqa_box.gif') center no-repeat;	
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
         		mini buttons styles         
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
.aright{
	margin-left:auto;	
}
a.button{
	display:block;
	width:63px;
	height:22px;
	background-position:left top;
	text-decoration:none !important;
	margin-top:5px;
}
.search{
	background-image:url('images/bt_search.gif');
}
.login{
	background-image:url('images/bt_login.gif');
}
.readmore{
	background-image:url('images/bt_readmore.gif');
}

.button:hover{
	background-position:right top;
	text-decoration:none;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
         	   MediaPlayer styles         
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#mediaList, #mediaList .Head, #mediaList .Head div, #mediaList .Audio{
	width:452px;
}
#mediaList .Head, #mediaList .Head div, #mediaList .Audio, #mediaList2 .Head, #mediaList2 .Head div, #mediaList2 .Audio, #mediaList3 .Head, #mediaList3 .Head div, #mediaList3 .Audio, #mediaList4 .Head, #mediaList4 .Head div, #mediaList4 .Audio, #mediaList5 .Head, #mediaList5 .Head div, #mediaList5 .Audio{
	height:73px;
}
#mediaList .Head div, #mediaList4 .Head div{
	background:transparent url('images/mdlist_left4.gif') top left no-repeat;
}
#mediaList .Audio, #mediaList2 .Audio, #mediaList3 .Audio, #mediaList4 .Audio, #mediaList5 .Audio{
	background:transparent url('images/mdlist_audio.gif') top right no-repeat;
}
#mediaList .Video, #mediaList2 .Video, #mediaList3 .Video, #mediaList4 .Video, #mediaList5 .Video{
	background:transparent url('images/mdlist_video.gif') top right no-repeat;
}
#mediaList .Library, #mediaList2 .Library, #mediaList3 .Library, #mediaList4 .Library, #mediaList5 .Library{
	background:transparent url('images/mdlist_library.gif') top right no-repeat;
}
#mediaList .Alhuda, #mediaList2 .Alhuda, #mediaList3 .Alhuda, #mediaList4 .Alhuda, #mediaList5 .Alhuda{
	background:transparent url('images/mdlist_alhuda.gif') top right no-repeat;
}
#mediaList .titles{
	width:443px;
	margin:0 auto;
	padding-bottom:11px;
	background-attachment:fixed;
	background:white url('images/mdlist_foot.gif') bottom center no-repeat scroll;
}
.titles a.mp3Player{
	text-decoration:none;
	font-size:1px;
	float:left;
	display:block;
	width:16px;
	height:16px;
	background-color:transparent;
	background-position:center center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	margin-left:2px;
}
.titles a.mediaPlayer{
	text-decoration:none;
	font-size:1px;
	float:left;
	display:block;
	width:16px;
	height:16px;
	background-color:transparent;
	background-position:center center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	margin-left:2px;
}
.titles a.realPlayer{
	text-decoration:none;
	font-size:1px;
	float:left;
	display:block;
	width:16px;
	height:16px;
	background-color:transparent;
	background-position:center center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	margin-left:2px;
}
.titles a.texticon{
	text-decoration:none;
	font-size:1px;
	float:left;
	display:block;
	width:16px;
	height:16px;
	background-color:transparent;
	background-position:center center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	margin-left:2px;
}
.titles a.pdficon{
	text-decoration:none;
	font-size:1px;
	float:left;
	display:block;
	width:16px;
	height:16px;
	background-color:transparent;
	background-position:center center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	margin-left:2px;
}
.titles a.videoicon{
	text-decoration:none;
	font-size:1px;
	float:left;
	display:block;
	width:16px;
	height:16px;
	background-color:transparent;
	background-position:center center;
	background-attachment:scroll;
	background-repeat:no-repeat;
	margin-left:2px;
}
.titles a.realPlayer{
	background-image:url('images/real_ico.gif');
}
.titles a.mediaPlayer{
	background-image:url('images/wmp_ico.gif');
}
.titles a.mp3Player{
	background-image:url('images/winamp_ico.gif');
}

.titles a.texticon{
	background-image:url('images/list.gif');
}

.titles a.pdficon{
	background-image:url('images/pdf_icon.gif');
}
.titles a.videoicon{
	background-image:url('images/video_icon.gif');
}

/*
.tableRollOverEffect{
	background:transparent url('images/table_rowover.jpg') center left repeat-x;
	color:#333333;
	cursor:default;
}
.tableRollOverEffect div{
	background:#fff url('images/table_rowovericon.jpg') top left no-repeat;
}
.tableRollOverEffect a.recitors{
	color:#5792AA !important;
}
.tableRollOverEffect strong{
	color:#5792AA !important;
}
.tableRowClickEffect{
	background:transparent url('images/table_rowclicked.jpg') center left repeat-x;
	color:#FFF;
	cursor:default;
}
.tableRowClickEffect strong{
	color:#fff !important;
}
.tableRowClickEffect a.recitors{
	color:#fff !important;
	font-weight:normal;
}
.tableRowClickEffect div{
	background:#fff url('images/table_rowclickicon.jpg') top left no-repeat;
}
.tableRowClickEffect a{
	color:white;
	font-weight:bold;
}*/


.highlightedColumn{
	background-color:#F7F5EF;
}

table#playList thead tr td{
	font-weight:bold;
	color:#6CA1B6;
	background-color:#F2F2F2;
}
table#playList{
	width:100%;
	border-left:1px #E8EBF0 solid;
	border-right:1px #E8EBF0 solid;
	border-bottom:1px #E8EBF0 solid;
}
#mediaList #titles, #mediaList4 #titles{
	width:443px;
	margin:0 auto;
	overflow:auto;
}
#mediaList2 #titles, #mediaList3 #titles{
	width:643px;
	margin:0 auto;
	overflow:auto;
}

#mediaList5 #titles{
	width:743px;
	margin:0 auto;
	overflow:auto;
}

#titles{
	height: 400px;
}
html>body> #titles {
	height: auto;
	max-height: 400px;
}
table#playList tr td{
	font-size:100% !important;
	line-height:14px;
	border-top:1px #E8EBF0 solid;
	padding:1px 5px;
}
table#playList tr td strong{
	color:#A9A9AA;
}
table#playList tr td.icons{
	padding-left:0;
	text-align:center;
	background-color:#fff !important;
}
table#playList tr td.icons div{
	height:16px;
	padding-left:14px;
}
table#playList tr th{
	font-size:90% !important;
	font-weight:bold;
	color:#67696A;
	background-color:#F2F2F2;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
         	extended MediaPlayer styles         
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#mediaList2 .Head div{
	width:652px;
}
#mediaList2 .Audio{
	width:652px;
}
#mediaList2 .Head{
	width:652px;
}
#mediaList2{
	width:652px;
}
#mediaList2 .Head div, #mediaList3 .Head div, #mediaList5 .Head div{
	background:transparent url('images/mdlist_left3.gif') top left no-repeat;
}

#mediaList2 .titles{
	width:643px;
	margin:0 auto;
	padding-bottom:11px;
	background-attachment:fixed;
	background:white url('images/mdlist_foot2.gif') bottom center no-repeat scroll;
}
#mediaList2 table#playList{
	width:100%;
	border-left:1px #E8EBF0 solid;
	border-right:1px #E8EBF0 solid;
	border-bottom:1px #E8EBF0 solid;
}
#mediaList2 table#playList tr td{
	font-size:100% !important;
	line-height:16px;
	border-top:1px #E8EBF0 solid;
	padding:1px 5px;
}
#mediaList2 table#playList tr td strong{
	color:#A9A9AA;
}
#mediaList2 table#playList tr td.icons{
	padding-left:0;
	text-align:center;
	background-color:#fff !important;
}
#mediaList2 table#playList tr td.icons div{
	height:16px;
	padding-left:14px;
}
#mediaList2 table#playList thead tr td{
	font-weight:bold;
	color:#6CA1B6;
	background-color:#F2F2F2;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
        By:Ariz  For urdu text media list     
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#mediaList3 .Head div{
	width:652px;
}
#mediaList3 .Audio{
	width:652px;
}
#mediaList3 .Head{
	width:652px;
}
#mediaList3{
	width:652px;
}
#mediaList3 .titles{
	width:643px;
	margin:0 auto;
	padding-bottom:11px;
	background-attachment:fixed;
	background:white url('images/mdlist_foot2.gif') bottom center no-repeat scroll;
}
#mediaList3 table#playList{
	width:100%;
	border-left:1px #E8EBF0 solid;
	border-right:1px #E8EBF0 solid;
	border-bottom:1px #E8EBF0 solid;
}
#mediaList3 table#playList tr td{
	/*font-size:16px !important;*/
	font-size:15px !important;
	font-weight:bold;
	font-family:Times New Roman, arial, helvetica;
	line-height:16px;
	border-top:1px #E8EBF0 solid;
	padding:1px 5px;
}
#mediaList3 table#playList tr td strong{
	color:#A9A9AA;
}
#mediaList3 table#playList tr td.icons{
	padding-left:0;
	/*text-align:center;*/
	text-align:left;
	background-color:#fff !important;
}
#mediaList3 table#playList tr td.icons div{
	height:16px;
	padding-left:14px;
}
#mediaList3 table#playList thead tr td{
	font-weight:bold;
	color:#6CA1B6;
	background-color:#F2F2F2;
}

/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
        By:Ariz  For urdu text media list(mediaList5) MOST WIDEST    
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */

#mediaList5 .Head div{
	width:752px;
	background:transparent url('images/mdlist_left5.gif') top left no-repeat;
}
#mediaList5 .Audio{
	width:752px;
}
#mediaList5 .Head{
	width:752px;
}
#mediaList5{
	width:752px;
}
#mediaList5 .titles{
	width:743px;
	margin:0 auto;
	padding-bottom:11px;
	background-attachment:fixed;
	background:white url('images/mdlist_foot2.gif') bottom center no-repeat scroll;
}
#mediaList5 table#playList{
	width:100%;
	border-left:1px #E8EBF0 solid;
	border-right:1px #E8EBF0 solid;
	border-bottom:1px #E8EBF0 solid;
}
#mediaList5 table#playList tr td{
	font-size:14px !important;
	font-weight:bold;
	font-family:Times New Roman, arial, helvetica;
	line-height:16px;
	border-top:1px #E8EBF0 solid;
	padding:1px 5px;
}
#mediaList5 table#playList tr td strong{
	color:#A9A9AA;
}
#mediaList5 table#playList tr td.icons{
	padding-left:0;
	text-align:center;
	background-color:#fff !important;
}
#mediaList5 table#playList tr td.icons div{
	height:16px;
	padding-left:14px;
}
#mediaList5 table#playList thead tr td{
	font-weight:bold;
	color:#6CA1B6;
	background-color:#F2F2F2;
}



/* 
================================
This media list is also for urdu playlest with reduced width
================================
*/

#mediaList4 .Head div{
	width:452px;
}
#mediaList4 .Audio{
	width:452px;
}
#mediaList4 .Head{
	width:452px;
}
#mediaList4{
	width:452px;
}
#mediaList4 .titles{
	width:443px;
	margin:0 auto;
	padding-bottom:11px;
	background-attachment:fixed;
	background:white url('images/mdlist_foot.gif') bottom center no-repeat scroll;
}
#mediaList4 table#playList thead tr td{
	font-weight:bold;
	color:#6CA1B6;
	background-color:#F2F2F2;
}
#mediaList4 table#playList tr td{
	font-size:16px !important;
	font-weight:bold;
	font-family:Times New Roman, arial, helvetica;
	line-height:16px;
	border-top:1px #E8EBF0 solid;
	padding:1px 5px;
}
/* ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ 
         		#Footer div styles
   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^ */
#footer{
	clear:both;
	width:100%;
	height:90px;
	background:transparent url('images/footer_bg.gif') bottom left no-repeat;
}
#footer div{
	width:97%;
	height:25px;
	margin:0 auto 0 auto;
	background:transparent url('images/footer_center.jpg') left top repeat-x;
}
#footer div div{
	width:100%;
	height:25px;
	background:transparent url('images/footer_left.gif') left top no-repeat;
}
#footer div div div{
	color:white;
	font-weight:bolder;
	width:100%;
	height:25px;
	text-align:center;
	background:transparent url('images/footer_right.gif') right top no-repeat;
}
#footer div div div a{
	text-decoration:none;
	color:#003366;
	background-color:white;
	padding:2px 14px;
	line-height:25px;
	font-weight:normal;
	font-size:90%;
	font-family:Tahoma, Helvetica, sans-serif;
}
#footer div div div a:hover{
	color:white;
	background-color:#7DB6CB;
}
#footer span{
	display:block;
	margin-top:5px;
	text-align:center;
	color:#899DA4;
	font-size:80%;
	font-family:Tahoma, Helvetica, sans-serif;
}
#footer span a{
	text-decoration:none;
	color:#899DA4;
}
#footer span a:hover{
	text-decoration:underline;
	color:#49AEC7;
}
/* 
================================
h5 is same as h2 but without bottom border
================================
*/

h5{
	font:bold 18px Times New Roman,Times,Arial, Helvetica, sans-serif;
	color:#417D92;
	display:block;
	margin:10px 0 5px 0;
	padding:0;
	
}

h6{
	font:105% Tahoma,Times,Arial, Helvetica, sans-serif;
	color:#003366;
	display:block;
	margin:10px 0 5px 0;
	padding:0;
	
}
/*
==============================================================================================================================================
h7, h8, h9 ARE EXCLUSIVE FOR ASSORTED PAGE TITLES/TOPICS OF PLAYLIST. H7 IS FOR URDU TEXT. H8 IS FOR TRANSLITERATION AND H9 IS FOR TRANSALTION
==============================================================================================================================================*/

h7{
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color:#000000;
	

}


h8{
	font-family:"Palatino Linotype", Times;
	font-size:12px;	
	color:#03506d;
	font-style:italic;
}

h9{
	font-family:"Palatino Linotype", Times;
	font-size:12px;
	color:#03506d;
	}

h10{
	font-family:"Times New Roman";
	font-size:10px;
	color:#808080;
	font-style:italic;
	}


/*
==============================================================
DIV TAG TO MAKE TEXT LEFT AND RIGHT ALIGN ON SAME LINE
==============================================================*/


.alignleft {
float: left;
}
.alignright {
float: right;
}



/*
==============================================================
FORMATTING FOR ARTICLES TEXT
==============================================================*/

.articles{


font:"Palatino Linotype";
font-size:12px;

}