.search_form{display:block;}
.search a{
font-size:14px;
padding:0 10 0 12px; 
color:#CCCCCC;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.search a:hover{
color:#000000;

}
.preload1 {background:url(../images/three_1.gif);}
.preload2 {background: url(../images/three_1a.gif);}

a img {border:0;}
a {text-decoration:none;}
a span{cursor:pointer !important;}
a div{cursor:pointer !important;}

#nav {    

background-repeat: no-repeat;
		background-size: contain;
    z-index:500; 
   	font-family:arial, verdana, sans-serif;
   }
#nav li.top {
//	display:block;
//	float:left;
//	height:100px;
 }
#nav li a.top_link {
//	display:block;
//	float:left; 
//	height:35px; 
//		padding:0 0 0 12px; 
//	line-height:33px; 
	color:#ccc;
	text-decoration:none; 
	font-size:9px; 
	font-weight:bold; 
	cursor:pointer;
  }
#nav li a.top_link span {
//	float: left;
//	display: block;
//	padding: 0 18px 0 18px;
//	height: 30px;
//	margin-top: 3px;
	border: thin solid;
	border-color:#595959;
	
	border-top-left-radius: 14%;
	border-top-right-radius: 14%;
	text-align: center;
	background-image: url(../images/navbg2.png);
	background-repeat: repeat-x;
}
#nav li a.top_link span.down {
//	float:left; 
//	display:block; 
//	padding:0 18px 0 18px; 
//	height:30px; 
//	margin-top: 3px;
	border: thin solid;
	border-color:#595959;
	
	border-top-left-radius: 14%;
	border-top-right-radius: 14%;
	text-align:center;
	background-image: url(../images/navbg2.png);
	background-repeat: repeat-x;
	}

#nav li:hover a.top_link {
	color:#FFF;	
 }
#nav li:hover a.top_link span {
	background-image: url(../images/navbg2_hover.png);
	background-repeat: repeat-x;
	border-color:#3fb145;
}
#nav li:hover a.top_link span.down {
	background-image: url(../images/navbg2_hover.png);
	background-repeat: repeat-x;
	border-color:#3fb145;
}

/* Default list styling */

#nav li:hover {
position:relative;
 z-index:200;
 }

#nav li:hover ul.sub
{ /*
left:1px;
  top:38px;
  width:200px; 
  background: #F7FFF7; 
  padding:3px; 
  border:1px solid #046633; 
  white-space:nowrap;
   
   height:auto; 
   z-index:300; */
   }
#nav li:hover ul.sub li
{ /*
display:block;
 height:auto;
  position:relative; 
  float:left;
   width:200px; 
   font-weight:normal;
   border:1px solid #CCC;
   background-color:#F7F7F7;  */
   }
#nav li:hover ul.sub li a
{ /*

	font-size:11px; 
  line-height:18px; 
  text-indent:5px;
   color:#000; 
   text-decoration:none;
   float:left;
   width:100%; */
   
   }
#nav li ul.sub li a.fly
{ 
/*
background: #F7F7F7 url(../images/arrow.gif) 193px 6px no-repeat;
*/
}
#nav li:hover ul.sub li:hover a 
{ /*
background:#CCC; 
color:#FFF; 
border-color:#969696; 
cursor:pointer; */
}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{ 
/* left:200px;
 top:-4px; 
   width:200px; 

 background: #F7F7F7; 
 padding:3px;
  border:1px solid #CCC; 
  white-space:nowrap; 
  z-index:400; 
  height:auto; */
  }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{     

/*
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none; */
}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{ /*
background:#CCC url(../images/arrow_over.gif)  no-repeat !important; 
color:#FFF;
 border-color:#969696; */
 } 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{ /*
background:#F7F7F7 url(../images/arrow.gif)  no-repeat; 
color:#000;
 border-color:#CCC; */
 } 

#nav li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover li:hover li:hover a.fly2
{ /*
background:#CCC; 
color:#FFF;
 border-color:#969696; */
 } 

#nav li:hover li:hover li a.fly2,
#nav li:hover li:hover li:hover li a.fly2,
#nav li:hover li:hover li:hover li:hover li a.fly2
{ /*
background:#F7F7F7; 
color:#000;
 border-color:#CCC; */
 } 
body
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 20px;
	/* background-image: url(none); */
	background-repeat: no-repeat;
	background-color:#E4E4E4;
	background-position:0 0;
	background-attachment:;
	margin: 0 ;
	padding:0;
	width: 100%;
	
	}
.Anocmnt{
	
	padding:0px 0px;
	border:2px solid  #999;
	border-left:0px;
	border-right:0px;
	background:#016232;
	color:#FFF;
	text-align:center;
}

#mainbg{
width: 100%;
margin:0;
padding:0;
	// background-image: url(none);
	background-repeat: no-repeat;
	background-color:#F7F7F7;
	background-position:0 0;
	background-attachment:;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 0.6em;
	background-size:100%;
	

}

#formid{
margin: 0 ;
width: 100%;
padding:0;
}

#mainframe{
    width: 100%;
	background:#FFFFFF;
	
	
	
}

.IndxCatPntHd{
	width:100%;
	padding:7px 10px;
	background: url(../images/index-block-heading-bg.png) repeat-x #006132 ;
	border:solid 1px #2FB145;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	
}
.IndxCatPntHdEng{
	width:53%;
	color:#FFFFFF;
	font-size:120%;
	font-weight:900;
	// min-height:110%;
	 display: inline-block;
  vertical-align: middle;
}
.IndxCatPntHdUrd{
 display: inline-block;
  vertical-align: middle;
  	width:47%;
	color:#FFFFFF;
	font-size:120%;
	font-weight:900;
	float:right;
	text-align: right;
}
.IndxCatPntData{
	width:100%;
	padding:5px 5px 5px;
	border:solid 1px #a7c4c7;
	border-top:0;
	background-color:#ebf1ee;
}
.IndxCatPntData a{
 color:#046633;
}
.AdsImg{
	width:100%;
	margin-top:10px;
	border:solid 2px #067E0B;
	padding:6px;
	background-color:#e9ffeb;	
}
#success {
background:url(../images/tablebg.jpg) no-repeat center;
height: 400;
}

#success p {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
	padding:220 0 0 350;
	
}


#maintop{
    background: url(images/conbgtop.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 360px;
    background-color: #F7F7F7;;
	width: 100%;
}

.ziaratpages{
	width: 65%; 
	border-radius: 10px 0px 0px 10px; 
	text-decoration: none;
	display: table-cell; 
	float: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	 background: none repeat scroll 0% 0% #E7F1E8;
	border: 1px solid #606060; 
	box-shadow: 0px 0px 2px 0px #888;
	color: #046633; 
	padding: 6px 3%; 
	margin-bottom: 5px; 
	font-size: 18px; 
	border-spacing: 5px;

}



#header{
    background-repeat: no-repeat;
		background-size: contain; 
		
			 padding:5px 0px 0px 0px;
			 // margin:0px 0px 5px 0px;
 /*   background-position: top;
	box-sizing: border-box; */
   
	   
	
}


#lecturedatadetail{
	background: #E7F1E8;
    width: 98%;
	max-height:100px;
	border: #FFFFFF groove;
	border-radius: 8 8 8 8;
	float:left; 
}

#lecturetitle{
    width: 100%;
	float: left;
}
.main_hd{
	background: url(../images/main-hd2.gif) repeat-x;
	width: 99% !important;
	padding: 1% 0%;
	border: 1px solid #004121;
	color: #FFFFFF;
	font-weight: bold;
	box-shadow: 0px 0px 3px 0px #004121;
	border-radius:6px;
}
.main_opt{
	background:#016f39;
	width:100%;
	padding: 0.5% 0%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;
	
}
.main_opt:hover{
	background-color:#e2efdb;
	border:1px solid #016f39;
	color:#05705d;
}
.main_opt_unhover{
	background:#016f39;
	width:99%;
	margin:0px 0px 0px 0px;
		// margin:25px 0px 5px 5.6px;

	padding: 1px 0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;
		/*float:none;*/	
}
.gall-ulma-frst-imgs{
	background:#016f39;
width:100%;
	margin:25px 2px 0px 0px;
	padding: 0.5% 0%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;	
		  
}
#lecturetitleeng{
 font-size:16px;
    width: 96%;
	float: left;
	padding:10px 0px 10px 5px;
	font-family: Georgia, Times New Roman, Times, serif;
}


#lecturetitleeng a {
    font-family:Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
    font-size: 18px;
    color: #0551a7;
    font-weight: normal;

}

#lecturetitleurdu{
font-size:16px;
    width: 96%;
	// float: right;
		// float: none;

	padding:20px 5px 10px 0px;
	
	}


#lecturetitleurdu a {
    font-family:"Arial Black";
    text-decoration: none;
	text-align:right;
    font-size: 18px;
    color: #0551a7;
    font-weight: normal;
}


#logo{
    width: 100%;
    margin: 0 0;
    text-align: left;
//    height: 100px;
	padding-top: 50px;
	
	}

#logo a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
    color: #0551a7;
    font-weight: normal;
    padding-left: 20px;
}


#logo H2 a{
    font-size: 10px;
}

#buttons{
    width: 100%;
    height: 38px;
    margin: 0 auto;    
    background: url(../images/navbg.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

#buttons ul {
    padding-left: 0px;
}

#buttons li {
    display: inline;
}

#buttons a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
	color: #ffffff;
    display: block;
    float: left;
    padding-left: 20px;
	padding-right: 20px;
    height: 27px;
	padding-top:8px;
	margin: 0 auto;

}

#buttons a:hover, .active{
   background: url(../images/nav_bg_h.png);
   background-repeat: no-repeat;
  
}

#content{
    padding-top: 3px;
	width: 100%;
	padding: 10px;
}


#albumdata {

padding-left:5px;
}

#albumdetail{
	background: #E7F1E8;
    width: 100%;
	border: #FFFFFF groove;
	height: 150;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}

#albumdetail a{
	color:#333366;
	font-size:18px;
	float: left;
	padding: 2 2 2 2;
}
#detaildata.detaildatatable{
	width:100%;
/*	display:table;*/
	border-spacing:2px 5px;
	
}
.recorddata.recorddatatr{
	display:table-row;
	width: 100%;
}
.recorddetail.recorddetailtd{
	text-decoration:none;
	display:table-cell;
	float:none;
	vertical-align:middle;
	padding-top:0px;
	padding-bottom:0px;
}
.recorddata {
float:left;		
width:98%;
padding-left:1%;
padding-right:1.5%;
}
.recorddata a {
	text-decoration:none;
}
.recorddetail_unhover.recorddetailtd{
	text-decoration:none;
	display:table;
	float:none;
	vertical-align:middle;
	padding:0px;
}
.recorddetail_unhover{
    width: 40%;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;
	font-size:18px;
	text-decoration:none;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-spacing:5px;
}
.recorddetail{
    width: 100%;
	height: 50px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding: 11px 0;
	margin:5px 0 2px 2px;
	font-size:18px;
	text-decoration:none;
	border-radius:10px;
/*	border-spacing: 2px 5px;
	border-spacing:5px;
*/}



.new{
width: 94%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
float: left;
padding: 7px 3%;
margin-bottom: 10px;
font-size: 18px;
text-decoration: none;
border-radius: 10px;
border-spacing: 5px;

}

.opt a:first-child .new {
    border-radius: 0px 0px 10px 10px;
}

.new:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}

.usoole{
width:100%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
float: left;
padding: 7px 20px;
font-size: 18px;
text-decoration: none;
border-radius: 10px;
border-spacing: 5px;
}

.usoole:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.links{
text-decoration: none;
display: table-cell;
float: none;

//float: left;
height:150px;
vertical-align: middle;
padding-top: 0px;
padding-bottom: 0px;
width: 100%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
padding: 5px 0px;
margin-left: 0px;
font-size: 18px;
border-radius: 10px;

}

.links:hover
{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;

}

#albumdata>div:first-child a span{
    border-radius: 0px 0px 10px 10px;
}



.opt a:first-child .recorddetailtareekh {

    border-radius: 0px 0px 10px 10px;
}

.recorddetailtareekh{
    width: 94%;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding: 7px 3%;
	margin:0px 0 10px 2px;
	font-size:18px;
	text-decoration:none;
	border-radius:10px;
/*	border-spacing: 2px 5px;
	border-spacing:5px;
*/}

.playbuton{
    width: 80px;
	height: 64px;
	padding:4px 0;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left;
	font-size:18px;
	margin:5px 2px 2px;
	text-decoration:none;

/*	border-spacing: 2px 5px;
	border-spacing:5px;
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;*/
}

.dwnload{
	width:129px;
	margin:5px 0 2px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;

/*filter:
  progid:DXImageTransform.Microsoft.shadow(Direction=300, strength=2)#888,
  progid:DXImageTransform.Microsoft.shadow(Direction=135, strength=2)#888;
  progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=0)#888;
  progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-5, Color="#19000000"),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=0, Color="#19000000"),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=-5, OffY=0, Color="#19000000");*/

/*
	
	filter:progid:DXImageTransform.Microsoft.shadow(Direction=300, Strength=13)#888;
	filter:progid:DXImageTransform.Microsoft.shadow(Direction=135, Strength=13)#888;

*/
	color:#046633;
	float:left; 
	height:64px;
	padding:4px 0;
	border-radius:0px 10px 10px 0px;
	font-size:18px;
	text-decoration:none;

/*	border-spacing: 2px 5px;
	border-spacing:5px;
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;*/
}
.dwnload:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}


.playbuton:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetail:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetailtareekh:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetailnormal{
	float:left;
	margin:14px 0 0 15px;
	font-family:Arial;
    font-weight: normal;	
	text-decoration:none;
/*	padding:5px 0;
 	height:50px;
*/
}


.ziaratpages{
	width: 65%; 
	border-radius: 10px 0px 0px 10px; 
	text-decoration: none;
	display: table-cell; 
	float: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	background: none repeat scroll 0% 0% #E7F1E8;
	border: 1px solid #606060; 
	box-shadow: 0px 0px 2px 0px #888;
	color: #046633; 
	padding: 6px 3%; 
	margin-bottom: 5px; 
	font-size: 18px; 
	border-spacing: 5px;
}

.ziaratpages:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.opt>div:first-child a{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.recorddetaileng{
    font-family:Arial;
    font-weight: normal;	
	float:left;
	padding:5px 0px;
	text-decoration:none;
	text-align:left;

}
.recorddetailurdu{
    font-family:"Arial";
	font-size:20px;
	text-align:right;
	font-weight: normal;
	float:right;
	padding:5px 5px;
	text-decoration:none;
}
.opt a:first-child .recorddetail{
	border-radius: 0px 0px 10px 10px;
}
.opt .recorddatatr:first-child .recorddetail{
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
.VideoTitle{
	width:96%;
	padding: 1% 2%;
	float:left;
	color:#000000;
}
.VideoRecrdHd{
	padding:10px 10px 10px 10px;
	height:20px;
	color:#112266;
}
.VideoRecrdHdEng{
	display: block;
	min-width:57%;
	float:left;
	font-size:22px;
	font-weight:900;
}
.VideoRecrdHdUrd{
	display: block;
	min-width:40%;
	float:right;
	font-size:24px;
	font-weight:900;
	text-align: right;
}
#albumdatadetail{
	background: #E7F1E8;
    width: 98%;
	border: #FFFFFF groove;
	float:left; 
	padding:5px 0px;
	margin-bottom: 5;
}
#albumdatadetail:hover{
	background: #DAFFDA;
	color:#003300;	
}
#albumdatadetail a{
color:#333366;
font-size:14px;
float: left;
}


#albumdatadetailmain{
	background: #E7F1E8;
    width: 98%;
	border: #FFFFFF groove;
	height: 50px;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}

#albumdatadetailmain a{
color:#333366;
font-size:14px;
float: left;
}

#albumdatadetailmain:hover{
	background: #DAFFDA;
	color:#003300;
	
}


#imagedatadetail{
	background: #E7F1E8;
    width: 98%;
	height: 105;
	border: #FFFFFF groove;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}
#imagedatadetail:hover{
	background: #DAFFDA;
	color:#003300;
}
#albumcontentlist{
	width: 50%;
	height: 40px;
	float:left;
	font-size:16px;
	font-weight:bold;
	float: left;

}

#albumcontentlist img{
float: left;
width: 50;
height: 30;
padding: 5 10 10 10; //top  right  bottom  left
}


#albumdatalist{
	width: 46%;
	float:right;
	color:inherit;
	font-size:12px;
	font-weight:bold;
	float: right;
	padding: 15 20 10 0; //top  right  bottom  left
}


#albumdatalist a{

}

#donationdatadetailmain{
	margin-left:5px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 3px 1px #888;
    width: 98%;
	height: 400px;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
	border-radius:10px;
}

#donationdatadetailmain a{
	color:#046633;
font-size:14px;
float: left;
}

#donationcontentlist{
	width: 34%;
	height: 40px;
	float:left;
	   

}


#donationcontentlist a{
font-size:11px;
font-weight:bold;
float: left;
padding: 10px 0px 10px 10px; //top  right  bottom  left
}

#donationdatalist{
	width: 66%;
	height: 40px;
	float:left;
	
}


#donationdatalist a{

color:#000000;
font-size:11px;
font-weight:bold;
float: left;
padding: 10px 0px 10px 5px; //top  right  bottom  left
}

#left{
	width: 100%;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;

	height: auto;
	aspect-ratio: 7/4;
	margin-bottom:10;
    }

#left iframe {
	width: 100%;
	height:auto;
	aspect-ratio: 7/4;
}

#leftacc{
    width: 100%;
	
	
	}
	
#right{
    width: 30%;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
	margin-top: 10;
	padding-top: 0;
	float:right;
	}

#rightacc{
    width: 100%;
	padding-top: 0;
	margin-top:10px;	
//margin-top:180px;
	}
	
	
	#rightacc-majlis{
    width: 100%;
	padding-top: 0;
		
	
		
	}


#rightpannel{
    width: 100%;
	margin-top: 0;
	padding-top: 0;
	float:left;
	}

#rightpannelhead{
    width: 100%;
	height: 27;
	font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
	padding-top:5;
	background:url(../images/three_0.gif);
	background-repeat:repeat-x;
	margin-bottom: 20;
	float:left;
	}

#right-top{
	margin-left:10px;
	margin-top: 240px;
    width: 316px;
	// padding-right: 0px;
	 width: 290px;
	
//	margin-right:0;
//	margin-left:0;
// right:10%;
// left:10%;
	// position:absolute;	
		align:center;
	margin-bottom:0;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
	z-index:1000;
	   

}
.channel_video_link{
	float:left;
	margin-top:15px;
	border-width: thin;
	border-style:solid;
	border-color: #CCC;
	text-align:center;
	height:auto;
	padding-bottom:10px;
	margin-bottom:2%;
	width:98%;
	
	color: #000;
}
.channel_video_link_majlis{
margin-left:0px;
margin-right:0px;
	width:98%;
	margin-top:18px;
	border-width: thin;
	border-style:solid;
	border-color: #CCC;
	text-align:center;
	height:auto;
	padding-bottom:10px;
	margin-bottom:2%;
	
	color: #000;
	   

}

#right h2, #left h2, #right-top h2 {
    font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 5px;
    background:url(../images/three_0.gif);
    background-repeat:repeat-x;
    background-position:top left;
	

}

#catdata h2
{
    font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
    text-align:center;
    height: 27px;
    padding-top: 5px;
	
}

#centerbetween{
	width: 100%;
    float: left;
}

#centerbetween p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}




#center{
	float: left;
	width: 100%;
    height: auto;

}

#maincenter{
	width: 100%;
}


#center p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}

.text{
	height:350px;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
    padding: 20px 20px 0px 20px;		// top right bottom left
	
    }


#center H1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #0277c7;
    font-size: 16px;
    height: 28px;
    padding-top: 5px;
    padding-left: 10px;
    background: url(../images/title_center.png);
    background-repeat:repeat-x;
    background-position:bottom;
}

.read{
    text-align: right;
    margin-top:5px;
    padding-bottom:5px;
    padding-right: 5px;

}

#left .company ul li .read a{

    color: #ffffff;
    font-weight:normal;
    padding-right:5px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    text-decoration:none;
    background: url(../images/read.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 16px;
    width: 70px;
}

#center .read a{
    color: #0551a7;
    font-weight:bold;
    padding-bottom: 4px;
    font-size: 12px;
    text-decoration:none;
    background: url(../images/read2.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.read a:hover{
    text-decoration:underline;
}


#right .categories{

    padding-top: 15px;
}

#right .categories ul{
    padding-left: 8px;
    list-style: none;
    padding-bottom: 20px;
}

#right .categories ul li{
    padding-left: 0px;
}

#right .categories ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    background: url(../images/ls1.png);
    background-repeat:no-repeat;
    background-position:  left;
}

#right .categories ul li a:hover{
    color: #0198ff;
}
.vchannels-klass{
	 width:100%;
	 float:left;
}




#right-top .categories{
    padding-top: 15px;
}

#right-top .categories ul{
    padding-left: 8px;
    list-style: none;
    padding-bottom: 20px;
}

#right-top .categories ul li{
    padding-left: 0px;
}

#right-top .categories ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    background: url(../images/ls1.png);
    background-repeat:no-repeat;
    background-position:  left;
}

#right-top .categories ul li a:hover{
    color: #0198ff;
}


#left .company{

}

#left .company a{
    color: #2954ed;
}

#left .company ul{
    padding-left: 5px;
}

#left .company ul li{
    list-style: none;
    background: url(../images/ls2.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 25px;
    padding-right: 20px;
    margin-top: 10px;
}


#right a{
    text-decoration: underline;
    color: #004c42;
    font-weight:bold;
}

#right a:hover {
    text-decoration: underline;
}

#main_bot{
    background: url(../images/conbgbot.png);
    background-repeat: no-repeat;
    background-position:top;
    height: 0px;
}

#footer
{
    width: 100%;
    
	height: auto;    
    background: url(../images/three_0.gif);
    background-repeat: repeat-x;
    padding-top:10px;
	margin-top: 30px;
	font-size: 10px;
	color: #ffffff;
    text-align: center;
   
}

#footer a{
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.padding{
    padding: 10px;
    color:#FF0000;
    font-weight: bold;

}

.paginate {
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
	color:#000;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
	background-color:;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	background-color:;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #999;
	background-color:#999;
	color: #FFF;
	font-weight: bold;
}
.paginate span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border: 1px solid #eee;
	background-color:;
	color: #DDD;
}



<!-- //////////// Accordian ////////////// -->
#options {width:50%; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

/*#acc {width:307px; list-style:none; margin-left:-42px; margin-top:-14px; color:#033;}*/
#acc{width:100%;  margin:0px 0px 0 0;    padding:0; list-style:none; color:#033; border-top:none;}
#acc h3 {width:100%; height:48px; border:1px solid #9ac1c9; padding:6px 6px 5px; margin-bottom:-1px; font-size: 16px; font-weight:bold; cursor:pointer; background: url(../images/header-head.gif) repeat-x; color:#FFFFFF;}
#acc h3:hover {background: url(../images/header_over.gif) repeat-x; color:#055d70; border-color:;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {width:100%; padding:2px; margin-bottom:2px; border:1px solid #9ac1c9; border-top:none; background-color:}

#nested {width:100%; list-style:none; color:#033; margin:0; padding:0; margin-bottom:5px}
#nested h3 {
	width:100%;
	border:1px solid #9ac1c9;
	padding:6px 6px 5px;
	font-size: 15px;
	margin-top:5px;
	cursor:pointer;
	background: url(../images/header.gif) repeat-x;
	color:#046633;
}
#nested h3:hover {
	background: url(../images/header_over.gif) repeat-x;
	color:;
	border-color:;
}
#nested .acc-section {overflow:hidden;}
#nested .acc-content {width:100%; padding:15px; border:1px solid #9ac1c9; border-top:none;}
#nested .acc-selected {background:url(../images/header_over.gif)}


<!-- //////////// Accordian Detail ////////////// -->
#optionsdet {width:50%; margin:20px auto; text-align:right; color:#9ac1c9}
#optionsdet a {text-decoration:none; color:#9ac1c9}
#optionsdet a:hover {color:#033}

#accdet {width:100%; margin-left:-25px; height:50px; list-style:none; margin-top:-14px; color:#033;}
#accdet h2 {width:100%; height:50px; border:1px solid #9ac1c9; padding:6 2 6 10; margin-bottom:-4px; font-weight:bold; cursor:pointer; background-color:EBF1EE;}
#accdet h3 {width:100%; height:50px; border:1px solid #9ac1c9; padding:6px 6px 5px; margin-bottom:-4px; font-weight:bold; cursor:pointer;}
#accdet h3:hover { background-color:#C0C0D6}
#accdet .acc-section {overflow:hidden; width:100%;}
#accdet .acc-content {width:100%; margin-bottom:2px; border:1px solid #9ac1c9; border-top:none;}

#nesteddet {width:100%; margin-left:-35px; padding-top:5px; padding-bottom:10px; list-style:none; color:#033;}
#nesteddet h3 {width:100%; border:1px solid #9ac1c9; font-weight:bold; margin-top:5px; cursor:pointer;}
#nesteddet h3:hover {}
#nesteddet .acc-section {width:100%;}
#nesteddet .acc-content {width:100%; border:1px solid #9ac1c9; border-top:none;}
#nesteddet .acc-selected {}

<!-- //////////// Accordian LEFT ////////////// -->
#optionsleft {width:50%; margin:20px auto; text-align:right; color:#9ac1c9}
#optionsleft a {text-decoration:none; color:#9ac1c9}
#optionsleft a:hover {color:#033}

#accleft {    
width:100%; margin:0px; list-style:none; padding:0px; color:#033;}
#accleft h3 { width:100%;  margin:10px 0 0 0;	background: url(../images/index-block-heading-bg.png) repeat-x #006132 ; border:solid 1px #2FB145; border-top-left-radius: 5px; border-top-right-radius:5px; padding:6px 6px 40px; font-size:120%; font-weight:bold; cursor:pointer; color:#FFFFFF;}
#accleft .acc-section {overflow:hidden; width:100%;  }
#accleft .acc-content {width:100%; margin-bottom:2px; border:1px solid #a7c4c7; border-top:none; padding-top:5;background:#ebf1ee, }

<!-- //////////// Accordian Center ////////////// -->
#optionscenter {width:50%; margin:20px auto; text-align:right; color:#9ac1c9}
#optionscenter a {text-decoration:none; color:#9ac1c9}
#optionscenter a:hover {color:#033}

#acccenter {width:100%;  margin:0; padding:0; list-style:none; color:#033;    
}
#acccenter h2 {width:100%; padding:6px 2px 36px 10px; background: url(../images/index-block-heading-bg.png) repeat-x #006132 ; border:solid 1px #2FB145; border-top-left-radius: 5px; border-top-right-radius:5px; margin-bottom:0px; font-weight:bold; cursor:pointer; color:#FFFFFF;}
#acccenter h3 {width:100%; border:1px solid #a7c4c7; padding:6px 6px 5px; margin-bottom:-4px; font-weight:bold; cursor:pointer;}
#acccenter h3:hover { background-color:#C0D6C0;}
#acccenter .acc-section {overflow:hidden; width:100%;}
#acccenter .acc-content {width:100%;  margin-bottom:2px; border:1px solid #a7c4c7; border-top:none; background-color:#ebf1ee}

#nestedcenter {width:100%; margin:0;  padding:0; padding-top:5px; padding-bottom:10px; list-style:none; color:#046633;}
#nestedcenter h3 {width:100%; border:1px solid #a7c4c7; font-weight:bold; font-size:12px; margin-top:10px; margin-bottom: 5px; cursor:pointer;}
#nestedcenter h3:hover {}
#nestedcenter .acc-section {width:100%; }
#nestedcenter .acc-content {width:100%;  border:1px solid #a7c4c7; border-top:none;}
#nestedcenter .acc-selected {}

.searchterm{
	border:1px solid;
	border-top:0px;
    border-color: #55BBA8;
	position:relative;
	top:-2px;
	background-color:#F1F1F1;
	z-index:100;
}
.search_word{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
	padding-left:10px;

	line-height:22px;
	margin:2px 0px;
	cursor:default;
	color:#000;

}
.search_word_hover{
	background-color:#558870;
	box-shadow:0px 0px 3px #558870;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
	padding-left:10px;
	line-height:22px;
	margin:2px 0px;
	cursor:default;
}
.search_word:last-child{
	margin-bottom:0px;
}
.search_enter {
	padding: 0 12px 0 25px;
	border-width: 1px;
	border-style: solid;
	border-color: #a8acbc;
	 -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
	border-radius: 13px;
	height: 25px;
	font-size: 14px;
	background-color: #FFF;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;;
}

.search_enter:focus {
    border-color: #55BBA8;
    -webkit-box-shadow: 0 0 3px #55BBA8;
    -moz-box-shadow: 0 0 3px #55BBA8;
    -ms-box-shadow: 0 0 3px #55BBA8;
    -o-box-shadow: 0 0 3px #55BBA8);
    box-shadow: 0 0 3px #55BBA8;
}
.SrchHd{
	font-weight:bold;
	padding:0% 2% 2% 2%;	
	color:#000;
}
hr{
	border:1px solid #CCC;
}

.btn-close{
	 margin-bottom:-50px;

 margin-right: -270px;
}


.popup-heading{
font-size:14; width:100%; height:30px;  padding-top:10px;
}
.flash-class{
width:100%; 
}
.popup-footer{
font-size:16; width:100%; margin: auto auto; margin-top:10px;
}
.quran-heading-right{
display: block; min-width:38%; float:right; font-weight:900; text-align: right;
}

#Div2{
visibility:hidden;
    clear: both;
//	display:none;
}
#Div2 li{
visibility:visible;
}
.right-usool-each{
	height:45px;
	    

}
.menu-pading-zero{
	
}
.nav-pading-zero{
	 padding:0;
	 margin:0;
}
.each-channel-video-link{
margin-left:0;
margin-right:0;
width:100%;
    
}

.videochannel-link-container{
margin-top:0px;
width:100%;
}

.video-sharing-links{
 
width:100%;
}

.video-download{
 padding-top:40px; width:100%; font-size:16px; text-align:center;
}

.contact-right-items{ 
padding-left:32px;  width:80%; float:left;  
}
.contact-msg-box{
width:100%;
height:20%;
// rows:5; 
// cols:40;
 

}

.marajay-first-urdu-heading{
 font-size:30px; float:right; text-align:right;
}
.marajay-first-eng-heading{
 font-size:30px; float:left; text-align:left;
    

}
.ulma-name{
	
 display:table-cell; vertical-align:middle; font-size:10px;   
  

}
.ulma-pics{    

	display:table-cell; vertical-align:middle; width:117px; height:150px; float:left; margin-left:5px; 
}

.ulma-sec-head-ur{
	font-size:16px;
   // width: 96%;
	 float: right;
		// float: none;
	padding:10px 5px 10px 0px;
	// margin:10px 5px;
	
	width:40%;
	   

}
.ulma-sec-head-eng{
	font-size:16px;
    width: 57%;
	float: left;

	padding:10px 0px 10px 5px;
	font-family: Georgia, Times New Roman, Times, serif;
	}
	.gall-maraj-nam{
		align:left;
			//	padding-left:20px;
margin-left:81px;

		font-size:16px;
		// margin:10px 3px;
float:left; width:70%; padding-top:5px;
		}
		
		.pop-head-font{
			font-size:14px;
		}
		
		.pop-head-left-font{
			
			font-size:9px;
		}
	.gall-ulma-imgs{
	 width:50%; float:left;padding-bottom:10px;padding-top:10px;
	}
	.gall-first-ulma-name{
		float:left; padding-top:10px; padding-left:7px;
	}
	.gall-ulma-first-pic{
		float:left; width:21%; padding-left:1%; 
	}
	
	.channels-section{
	border-right: 1px solid #000;
overflow: hidden;
float:left;
height: 400px;
padding: 5px 1px 5px 2px;
display: table-cell;
width:100%;
    


	}
	
	.tv-channel-section{
	display: table-cell;
width: 40%;
vertical-align: top;
text-align: center;
 overflow: hidden;
padding: 5px 0px;
height: 0px;
        


	}
	
	.channels-list{
	width:20%; padding-right:3px; display:table-cell; vertical-align:middle;
	}
	
	.tv-channel-section-head{
margin: auto;
display: table;
font-size: 18px;
vertical-align: top;
padding: 0px;
visibility: hidden;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-spacing: 5px;
width: 40%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;    

}


	
		@media only screen and (min-width: 350px) {

	#header{
    background-repeat: no-repeat;
		background-size: contain; 
		
	 padding:5px 0px 7px 0px;
	 // margin:0px 0px 5px 0px;
 /*   background-position: top;
	box-sizing: border-box; */
   
	   
	}
}
	
	@media only screen and (min-width: 400px) {

	#header{
    background-repeat: no-repeat;
		background-size: contain; 
		
			 padding:5px 0px 15px 0px;
			 // margin:0px 0px 5px 0px;
 /*   background-position: top;
	box-sizing: border-box; */
   
	   
	}
}



@media only screen and (min-width: 600px) {

.search_form{display:none;}
.tv-channel-section-head{
margin: auto;
display: table;
font-size: 18px;
vertical-align: top;
padding: 0px;
visibility: hidden;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-spacing: 5px;
width: 94%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;    

}
.channels-list{
	width:40px; padding-right:3px; display:table-cell; vertical-align:middle;
	}
.tv-channel-section{
	display: table-cell;
width: 805px;
vertical-align: top;
text-align: center;
overflow: hidden;
padding: 5px 0px;
height: 0px;

	}
.channels-section{
	border-right: 1px solid #000;
overflow: hidden;
float:left;
height: 539px;
padding: 5px 1px 5px 2px;
display: table-cell;
float:left;
width:270px;

	}
	.gall-ulma-first-pic{
		float:left; width:21%; padding-left:1%; 
	}
	.gall-first-ulma-name{
		float:left; padding-top:20px; padding-left:10px; 
	}
		.gall-ulma-imgs{
	 width:25%; float:left;padding-bottom:10px;padding-top:10px;
	}
	.pop-head-font{
			font-size:16px;
		}
		.pop-head-left-font{
			font-size:15px;
		}
	
	.gall-maraj-nam{
		 align:left;
		 margin-left:18px;
float:left; width:100%; padding-top:10px;
   

		}
	.ulma-sec-head-eng{
		font-size:25px;
    width: 50%;
	float: left;
	padding:10px 50px;
	font-family: Georgia, Times New Roman, Times, serif;
	}
	
	.ulma-sec-head-ur{
		font-size:30px;
    width: 50%;
	float: right;
	padding:10px 50px;
}
	.ulma-pics{
	display:table-cell; vertical-align:middle; width:117px; height:150px; float:left; margin-left:30px; 
}
	.ulma-name{
	
 display:table-cell; vertical-align:middle; font-size:12px; margin:61px 0;
}
	.marajay-first-eng-heading{
		font-size:12px;
    width: 100%;
	float: left;
	padding:1% 0;
	font-family: Georgia, Times New Roman, Times, serif;
 font-size:25px; float:none; text-align:center;
  border: 2px solid red;
}
	.marajay-first-urdu-heading{
 font-size:30px; float:none; text-align:center;
}
.contact-msg-box{
width:70%;
height:20%;
// rows:5; 
// cols:40;

}
.contact-right-items{

padding-left:8px;  width:60%; float:left;  
}

.video-download{
float:right; padding-top:20px; width:35%; font-size:16px; text-align:right;
}
.video-sharing-links{
float:left; 
width:65%;
}
.videochannel-link-container{
margin-top:0px;

float:right;
width: 100%;
 

}
.each-channel-video-link{

}
	.nav-pading-zero{
	 padding:0;
	 margin:0;
}
	.menu-pading-zero{
	 padding:0;
	 margin:0;
}
	.right-usool-each{
	height:25px;
}
#Div2{
visibility:visible;
//display: inline;

}
#Div2 li{
visibility:visible;
}
.quran-heading-right{
display: block; min-width:38%; float:right; font-weight:900; text-align: right;
}
.popup-footer{
font-size:16; width:100%; margin: 10px auto 0; 
}
.flash-class{
width:706px; height:350px;
margin:20px 0;

}
.btn-close{
// margin-left: 388px;
 margin-bottom:-50px;
 margin-right:-790px;
}

.popup-heading{
font-size:22; width:100%; height:50px; float:left; padding-top:20px; padding-left:40px; padding-right:40px;
}

#flashcontent {width:80%!important; max-width:706px; height:350px; margin:0 47px;}
#flashcontent2 {width:100%; height:350px;}

	.search a{
font-size:14px;
padding:0 10 0 12px; 
color:#CCCCCC;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.search a:hover{
color:#000000;

}
.preload1 {background:url(../images/three_1.gif);}
.preload2 {background: url(../images/three_1a.gif);}

a img {border:0;}
a {text-decoration:none;}
a span{cursor:pointer !important;}
a div{cursor:pointer !important;}

#nav {
	width:100%;
	padding:0;
	margin:0; 
   

	height:48px;
	padding-left:0;
		padding-top:5px;

	list-style:none;
  	background: url(../images/three_0.gif) repeat-x;
    z-index:500; 
   	font-family:arial, verdana, sans-serif;
	
   }
#nav li.top {
	display:block;
	float:left;
	
	height:38px;
 }
#nav li a.top_link {
	display:block;
	float:left; 
	height:35px; 
	line-height:33px; 
	color:#ccc;
	text-decoration:none; 
	font-size:9px; 
	font-weight:bold; 
	padding:0 0 0 12px; 
	cursor:pointer;
  }
#nav li a.top_link span {
	float: left;
	display: block;
	padding: 0 5px 0 2px;
	height: 30px;  
	margin-top: 3px;
	border: thin solid;
	border-color:#595959;
	
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	text-align: center;
	background-image: url(../images/navbg2.png);
	background-repeat: repeat-x;
}
#nav li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 18px 0 18px; 
	height:30px; 
	border: thin solid;
	border-color:#595959;
	margin-top: 3px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align:center;
	background-image: url(../images/navbg2.png);
	background-repeat: repeat-x;
	}

#nav li:hover a.top_link {
	color:#FFF;
	
 }
#nav li:hover a.top_link span {
	background-image: url(../images/navbg2_hover.png);
	background-repeat: repeat-x;
	border-color:#3fb145;
}
#nav li:hover a.top_link span.down {
	background-image: url(../images/navbg2_hover.png);
	background-repeat: repeat-x;
	border-color:#3fb145;
}

/* Default list styling */

#nav li:hover {
position:relative;
 z-index:200;
 }

#nav li:hover ul.sub
{
left:1px;
 top:38px;
  background: #F7FFF7; 
  padding:3px; 
  border:1px solid #046633; 
  white-space:nowrap;
   width:200px; 
   height:auto; 
   z-index:300;
   }
#nav li:hover ul.sub li
{
display:block;
 height:auto;
  position:relative; 
  float:left;
   width:200px; 
   font-weight:normal;
   border:1px solid #CCC;
   background-color:#F7F7F7;
   }
#nav li:hover ul.sub li a
{

	font-size:11px; 
  line-height:18px; 
  text-indent:5px;
   color:#000; 
   text-decoration:none;
   float:left;
   width:100%;
   
   }
#nav li ul.sub li a.fly
{
background: #F7F7F7 url(../images/arrow.gif) 193px 6px no-repeat;
}
#nav li:hover ul.sub li:hover a 
{
background:#CCC; 
color:#FFF; 
border-color:#969696;
cursor:pointer;
}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
left:200px;
 top:-4px; 
 background: #F7F7F7; 
 padding:3px;
  border:1px solid #CCC; 
  white-space:nowrap; 
  width:200px; 
  z-index:400; 
  height:auto;
  
  }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;


}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{
background:#CCC url(../images/arrow_over.gif) 193px 6px no-repeat !important; 
color:#FFF;
 border-color:#969696;
 
 
 } 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{
background:#F7F7F7 url(../images/arrow.gif) 193px 6px no-repeat; 
color:#000;
 border-color:#CCC;
 
 } 

#nav li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover li:hover li:hover a.fly2
{
background:#CCC; 
color:#FFF;
 border-color:#969696;
 } 

#nav li:hover li:hover li a.fly2,
#nav li:hover li:hover li:hover li a.fly2,
#nav li:hover li:hover li:hover li:hover li a.fly2
{
background:#F7F7F7; 
color:#000;
 border-color:#CCC;
 } 
body
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 20px;
	/* background-image: url(none); */
	background-repeat: no-repeat;
	background-color:#E4E4E4;
	background-position:0 0;
	background-attachment:;
	margin: 0 auto;
	width: 100%;
	
	}
.Anocmnt{
	
	padding:5px 0px;
	border:2px solid  #999;
	border-left:0px;
	border-right:0px;
	background:#016232;
	color:#FFF;
	text-align:center;
	
}
#mainbg{
	// background-image: url(none);
	background-repeat: no-repeat;
	background-color:#F7F7F7;
	background-position:0 0;
	background-attachment:;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 0.6em;
	width: 101.5%;
	   

}

#formid{
margin: 0 ;
width: 100%;
padding:0;
}


#mainframe{
    width: 100%;
	float:left;
	background:#FFFFFF;
	
	

}


.IndxCatPntHd{
	width:100%;
	float:left;
	padding:7px 10px;
	background: url(../images/index-block-heading-bg.png) repeat-x #006132 ;
	border:solid 1px #2FB145;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	
}
.IndxCatPntHdEng{
	display: block;
	width:53%;
	float:left;
	color:#FFFFFF;
	font-size:20px;
	font-weight:900;
}
.IndxCatPntHdUrd{
	display: block;
	width:47%;
	float:right;
	color:#FFFFFF;
	font-size:22px;
	font-weight:900;
	text-align: right;
}
.IndxCatPntData{
	width:100%;
	float:left;
	padding:5px 5px 5px;
	border:solid 1px #a7c4c7;
	border-top:0;
	background-color:#ebf1ee;
}
.IndxCatPntData a{
 color:#046633;
}
.AdsImg{
	width:100%;
	float:left;
	margin-top:10px;
	border:solid 2px #067E0B;
	padding:6px;
	background-color:#e9ffeb;	
}
#success {
background:url(../images/tablebg.jpg) no-repeat center;
height: 400;
}

#success p {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
	padding:220 0 0 350;
	
}


#maintop{
    background: url(images/conbgtop.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 360px;
    background-color: #F7F7F7;;
	width: 1024px;
}

.ziaratpages{
	width: 65%; 
	border-radius: 10px 0px 0px 10px; 
	text-decoration: none;
	display: table-cell; 
	float: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	 background: none repeat scroll 0% 0% #E7F1E8;
	border: 1px solid #606060; 
	box-shadow: 0px 0px 2px 0px #888;
	color: #046633; 
	padding: 6px 3%; 
	margin-bottom: 5px; 
	font-size: 18px; 
	border-spacing: 5px;

}



#header{
    background-repeat: no-repeat;
		background-size: contain;
			 padding:7% 0 0 0;

 /*   background-position: top;
    width: 100%;
	height: 170px; */
}


#lecturedatadetail{
	background: #E7F1E8;
    width: 98%;
	max-height:100px;
	border: #FFFFFF groove;
	border-radius: 8 8 8 8;

	float:left; 
}

#lecturetitle{
    width: 100%;
	float: left;
}
.main_hd{
	background: url(../images/main-hd2.gif) repeat-x;
	width: 99% !important;
	padding: 1% 0%;
	border: 1px solid #004121;
	color: #FFFFFF;
	font-weight: bold;
	box-shadow: 0px 0px 3px 0px #004121;
	border-radius:6px;
}
.main_opt{
	background:#016f39;
	width:100%;
	padding: 0.5% 0%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;
	
}
.main_opt:hover{
	background-color:#e2efdb;
	border:1px solid #016f39;
	color:#05705d;
}
.main_opt_unhover{
	background:#016f39;
width:99%;
	margin:25px 2px 0px 0px;
	padding: 0.5% 0%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;	
}
.gall-ulma-frst-imgs{
	background:#016f39;
width:70%;
	margin:25px 2px 0px 0px;
	padding: 0.5% 0%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;	
}
#lecturetitleeng{
// font-size:25px;
   // width: 96%;
//	float: left;
//	padding:1% 2%;
//	font-family: Georgia, Times New Roman, Times, serif;

font-size:25px;
    width: 100%;
	float: left;
	padding:10px 50px;
	font-family: Georgia, Times New Roman, Times, serif;
}


#lecturetitleeng a {
    font-family:Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
    font-size: 18px;
    color: #0551a7;
    font-weight: normal;

}

#lecturetitleurdu{
// font-size:30px;
  //  width: 96%;
//	float: right;
//	padding:1% 2%;

font-size:30px;
    width: 100%;
	float: right;
	padding:10px 50px;
	}


#lecturetitleurdu a {
    font-family:"Arial Black";
    text-decoration: none;
	text-align:right;
    font-size: 18px;
    color: #0551a7;
    font-weight: normal;
}


#logo{
    width: 100%;
    margin: 0 0;
    text-align: left;
    height: 100px;
	padding-top: 50px;
	
	}

#logo a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
    color: #0551a7;
    font-weight: normal;
    padding-left: 20px;
}


#logo H2 a{
    font-size: 10px;
}

#buttons{
    width: 1024px;
    height: 38px;
    margin: 0 auto;    
    background: url(../images/navbg.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

#buttons ul {
    padding-left: 0px;
}

#buttons li {
    display: inline;
}

#buttons a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
	color: #ffffff;
    display: block;
    float: left;
    padding-left: 20px;
	padding-right: 20px;
    height: 27px;
	padding-top:8px;
	margin: 0 auto;

}

#buttons a:hover, .active{
   background: url(../images/nav_bg_h.png);
   background-repeat: no-repeat;
  
}

#content{
    padding-top: 3px;
	width: 100%;
	padding: 3px;
}


#albumdata {

padding-left:5px;
}

#albumdetail{
	background: #E7F1E8;
    width: 980;
	border: #FFFFFF groove;
	height: 150;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}

#albumdetail a{
	color:#333366;
	font-size:18px;
	float: left;
	padding: 2 2 2 2;
}
#detaildata.detaildatatable{
	width:100%;
/*	display:table;*/
	border-spacing:2px 5px;
	
}
.recorddata.recorddatatr{
	display:table-row;
	width: 100%;
}
.recorddetail.recorddetailtd{
	text-decoration:none;
	display:table-cell;
	float:none;
	vertical-align:middle;
	padding-top:0px;
	padding-bottom:0px;
}
.recorddata {
float:left;		
width:98%;
padding-left:1%;
padding-right:1.5%;

}
.recorddata a {
	text-decoration:none;
}
.recorddetail_unhover.recorddetailtd{
	text-decoration:none;
	display:table;
	float:none;
	vertical-align:middle;
	padding:0px;
}
.recorddetail_unhover{
    width: 94%;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;
	font-size:18px;
	text-decoration:none;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-spacing:5px;
}
.recorddetail{
    width: 479px;
	height: 50px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding: 11px 0;
	margin:5px 0 2px 2px;
	font-size:18px;
	text-decoration:none;
	border-radius:10px;
/*	border-spacing: 2px 5px;
	border-spacing:5px;
*/}



.new{
width: 94%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
float: left;
padding: 7px 3%;
margin-bottom: 10px;
font-size: 18px;
text-decoration: none;
border-radius: 10px;
border-spacing: 5px;

}

.opt a:first-child .new {
    border-radius: 0px 0px 10px 10px;
}

.new:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}

.usoole{
width:100%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
float: left;
padding: 7px 20px;
font-size: 18px;
text-decoration: none;
border-radius: 10px;
border-spacing: 5px;
}

.usoole:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.links{
text-decoration: none;
display: table-cell;
float: left;
height:160px;
vertical-align: middle;
padding-top: 0px;
padding-bottom: 0px;
width: 100%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
padding: 5px 0px;
margin-left: 0px;
font-size: 18px;
border-radius: 10px;

}

.links:hover
{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;

}

#albumdata>div:first-child a span{
    width:100%; border-radius: 0px 0px 10px 10px;
}



.opt a:first-child .recorddetailtareekh {
    border-radius: 0px 0px 10px 10px;
}

.recorddetailtareekh{
    width: 94%;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding: 7px 3%;
	margin:0px 0 10px 2px;
	font-size:18px;
	text-decoration:none;
	border-radius:10px;
/*	border-spacing: 2px 5px;
	border-spacing:5px;
*/}

.playbuton{
    width: 80px;
	height: 64px;
	padding:4px 0;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left;
	font-size:18px;
	margin:5px 2px 2px;
	text-decoration:none;

/*	border-spacing: 2px 5px;
	border-spacing:5px;
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;*/
}

.dwnload{
	width:129px;
	margin:5px 0 2px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;

/*filter:
  progid:DXImageTransform.Microsoft.shadow(Direction=300, strength=2)#888,
  progid:DXImageTransform.Microsoft.shadow(Direction=135, strength=2)#888;
  progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=0)#888;
  progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-5, Color="#19000000"),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=0, Color="#19000000"),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=-5, OffY=0, Color="#19000000");*/

/*
	
	filter:progid:DXImageTransform.Microsoft.shadow(Direction=300, Strength=13)#888;
	filter:progid:DXImageTransform.Microsoft.shadow(Direction=135, Strength=13)#888;

*/
	color:#046633;
	float:left; 
	height:64px;
	padding:4px 0;
	border-radius:0px 10px 10px 0px;
	font-size:18px;
	text-decoration:none;

/*	border-spacing: 2px 5px;
	border-spacing:5px;
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;*/
}
.dwnload:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}


.playbuton:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetail:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetailtareekh:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetailnormal{
	float:left;
	margin:14px 0 0 15px;
	font-family:Arial;
    font-weight: normal;	
	text-decoration:none;
/*	padding:5px 0;
 	height:50px;
*/
}


.ziaratpages{
	width: 65%; 
	border-radius: 10px 0px 0px 10px; 
	text-decoration: none;
	display: table-cell; 
	float: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	background: none repeat scroll 0% 0% #E7F1E8;
	border: 1px solid #606060; 
	box-shadow: 0px 0px 2px 0px #888;
	color: #046633; 
	padding: 6px 3%; 
	margin-bottom: 5px; 
	font-size: 18px; 
	border-spacing: 5px;
}

.ziaratpages:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.opt>div:first-child a{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.recorddetaileng{
    font-family:Arial;
    font-weight: normal;
	padding:5px 0px;
	text-decoration:none;
	text-align:left;

}
.recorddetailurdu{
    font-family:"Arial";
	font-size:20px;
	text-align:right;
	font-weight: normal;
	float:right;
	padding:5px 5px;
	text-decoration:none;
}
.opt a:first-child .recorddetail{
	border-radius: 0px 0px 10px 10px;
}
.opt .recorddatatr:first-child .recorddetail{
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
.VideoTitle{
	width:96%;
	padding: 1% 2%;
	float:left;
	color:#000000;
}
.VideoRecrdHd{
	padding:10px 10px 10px 10px;
	height:20px;
	color:#112266;
}
.VideoRecrdHdEng{
	display: block;
	min-width:57%;
	float:left;
	font-size:22px;
	font-weight:900;
}
.VideoRecrdHdUrd{
	display: block;
	min-width:40%;
	float:right;
	font-size:24px;
	font-weight:900;
	text-align: right;
}
#albumdatadetail{
	background: #E7F1E8;
    width: 98%;
	border: #FFFFFF groove;
	float:left; 
	padding:5px 0px;
	margin-bottom: 5;
}
#albumdatadetail:hover{
	background: #DAFFDA;
	color:#003300;	
}
#albumdatadetail a{
color:#333366;
font-size:14px;
float: left;
}


#albumdatadetailmain{
	background: #E7F1E8;
    width: 98%;
	border: #FFFFFF groove;
	height: 50px;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}

#albumdatadetailmain a{
color:#333366;
font-size:14px;
float: left;
}

#albumdatadetailmain:hover{
	background: #DAFFDA;
	color:#003300;
	
}


#imagedatadetail{
	background: #E7F1E8;
    width: 98%;
	height: 105;
	border: #FFFFFF groove;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}
#imagedatadetail:hover{
	background: #DAFFDA;
	color:#003300;
}
#albumcontentlist{
	width: 50%;
	height: 40px;
	float:left;
	font-size:16px;
	font-weight:bold;
	float: left;

}

#albumcontentlist img{
float: left;
width: 50;
height: 30;
padding: 5 10 10 10; //top  right  bottom  left
}


#albumdatalist{
	width: 46%;
	float:right;
	color:inherit;
	font-size:12px;
	font-weight:bold;
	float: right;
	padding: 15 20 10 0; //top  right  bottom  left
}


#albumdatalist a{

}

#donationdatadetailmain{
	margin-left:5px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 3px 1px #888;
    width: 98%;
	height: 400px;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
	border-radius:10px;
}

#donationdatadetailmain a{
	color:#046633;
font-size:14px;
float: left;
}

#donationcontentlist{
	width: 20%;
	height: 40px;
	float:left;
}


#donationcontentlist a{
font-size:12px;
font-weight:bold;
float: left;
padding: 10px 10px 10px 50px; //top  right  bottom  left
}

#donationdatalist{
	width: 80%;
	height: 40px;
	float:left;
}


#donationdatalist a{

color:#000000;
font-size:16px;
font-weight:bold;
float: left;
padding: 10 20 10 0; //top  right  bottom  left
}

#left{
	width: 100%;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;

	height: auto;
	aspect-ratio: 7/4;
	margin-bottom:10;
    }

#leftacc{
    width: 200px;
	float:left;
	margin-left:16px;
	
	}
	
#right{
    width: 30%;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
	margin-top: 10;
	padding-top: 0;
	float:right;
	}


#rightacc{
    width: 50%;
	padding-top: 0;
	margin-top:10px;
	margin-left: 25%;
	}
	


	
	#rightacc-majlis{
    width: 50%;
//	position:absolute;
//	top:36%;
//	right:11.5%;
	padding-top: 0;
	margin-left:25%;

	

	}


#rightpannel{
    width: 100%;
	margin-top: 0;
	padding-top: 0;
	float:left;
	}

#rightpannelhead{
    width: 100%;
	height: 27;
	font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
	padding-top:5;
	background:url(../images/three_0.gif);
	background-repeat:repeat-x;
	margin-bottom: 20;
	float:left;
	}

#right-top{
	 float:left;
    padding-right: 9px;
//	right:0%;
// left:65%;
//	position:absolute;
    width: 290px;
	/*width: 28.75%;  */
	margin-right:3px;
	margin-bottom:2%;
	margin-top:9px; 
	margin-left:25%; 

	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
	height: auto;
	
}
.channel_video_link{
	margin-top:50px;
		margin-left:0px;
margin-right:0px;
	float:left;
	/* position:absolute;
	right:5%;
	left:65%;
	top:173%; */
	border-width: thin;
	border-style:solid;
	border-color: #CCC;
	text-align:center;
	height:auto;
	padding-bottom:10px;
	margin-bottom:2%;
	width:100%;
	
	color: #000;
}
.channel_video_link_majlis{
	margin-top:14px;
		margin-left:0px;
margin-right:0px;
	float:left;
	/* position:absolute;
	right:5%;
	left:65%;
	top:173%; */
	border-width: thin;
	border-style:solid;
	border-color: #CCC;
	text-align:center;
	height:auto;
	padding-bottom:10px;
	margin-bottom:2%;
	width:100%;
	
	color: #000;
}

#right h2, #left h2, #right-top h2 {
    font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 5px;
    background:url(../images/three_0.gif);
    background-repeat:repeat-x;
    background-position:top left;
	
}

#catdata h2
{
    font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
    text-align:center;
    height: 27px;
    padding-top: 5px;
	
}

#centerbetween{
	width: 100%;
    float: left;
}

#centerbetween p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}




#center{
	float: left;
	width: 100%;
    height: auto;

}

#maincenter{
	width: 62%;
    float: left;

}


#center p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}

.text{
	height:350px;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
    padding: 20px 20px 0px 20px;		// top right bottom left
	
    }


#center H1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #0277c7;
    font-size: 16px;
    height: 28px;
    padding-top: 5px;
    padding-left: 10px;
    background: url(../images/title_center.png);
    background-repeat:repeat-x;
    background-position:bottom;
}

.read{
    text-align: right;
    margin-top:5px;
    padding-bottom:5px;
    padding-right: 5px;

}

#left .company ul li .read a{

    color: #ffffff;
    font-weight:normal;
    padding-right:5px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    text-decoration:none;
    background: url(../images/read.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 16px;
    width: 70px;
}

#center .read a{
    color: #0551a7;
    font-weight:bold;
    padding-bottom: 4px;
    font-size: 12px;
    text-decoration:none;
    background: url(../images/read2.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.read a:hover{
    text-decoration:underline;
}


#right .categories{

    padding-top: 15px;
}

#right .categories ul{
    padding-left: 8px;
    list-style: none;
    padding-bottom: 20px;
}

#right .categories ul li{
    padding-left: 0px;
}

#right .categories ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    background: url(../images/ls1.png);
    background-repeat:no-repeat;
    background-position:  left;
}

#right .categories ul li a:hover{
    color: #0198ff;
}




#right-top .categories{
    padding-top: 15px;
}

#right-top .categories ul{
    padding-left: 8px;
    list-style: none;
    padding-bottom: 20px;
}

#right-top .categories ul li{
    padding-left: 0px;
}

#right-top .categories ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    background: url(../images/ls1.png);
    background-repeat:no-repeat;
    background-position:  left;
}

#right-top .categories ul li a:hover{
    color: #0198ff;
}


.vchannels-klass{
	 width:50%;
	 float:left;
	 margin-left:25%;
}

#left .company{

}

#left .company a{
    color: #2954ed;
}

#left .company ul{
    padding-left: 5px;
}

#left .company ul li{
    list-style: none;
    background: url(../images/ls2.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 25px;
    padding-right: 20px;
    margin-top: 10px;
}

#right a{
    text-decoration: underline;
    color: #004c42;
    font-weight:bold;
}

#right a:hover {
    text-decoration: underline;
}

#main_bot{
    background: url(../images/conbgbot.png);
    background-repeat: no-repeat;
    background-position:top;
    height: 0px;
}

#footer
{
    width: 100%;
    float:left;
	height: 25px;    
    background: url(../images/three_0.gif);
    background-repeat: repeat-x;
    padding-top:10px;
	margin-top: 30px;
	font-size: 10px;
	color: #ffffff;
    text-align: center;
   
}

#footer a{
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.padding{
    padding: 10px;
    color:#FF0000;
    font-weight: bold;
}

.paginate {
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
	color:#000;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
	background-color:;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	background-color:;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #999;
	background-color:#999;
	color: #FFF;
	font-weight: bold;
}
.paginate span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border: 1px solid #eee;
	background-color:;
	color: #DDD;
}



<!-- //////////// Accordian ////////////// -->
#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

/*#acc {width:296px; list-style:none; margin-left:-42px; margin-top:-14px; color:#033;}*/
#acc{width:100%; float:right; margin:0px 5px 0 0; padding:0; list-style:none; color:#033; border-top:none;}
#acc h3 {width:100%; /*height:54px;*/ border:1px solid #9ac1c9; padding:6px 6px 5px; margin-bottom:-1px; font-size: 17px; font-weight:bold; cursor:pointer; background: url(../images/header-head.gif) repeat-x; color:#FFFFFF;}
#acc h3:hover {background: url(../images/header_over.gif) repeat-x; color:#055d70; border-color:;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {width:100%; padding:2px; margin-bottom:2px; border:1px solid #9ac1c9; border-top:none; background-color:}

#nested {width:100%; list-style:none; color:#033; margin:0; padding:0; margin-bottom:5px}
#nested h3 {
	width:100%;
	border:1px solid #9ac1c9;
	padding:10px 6px 9px;
	font-size: 15px;
	margin-top:5px;
	cursor:pointer;
	background: url(../images/header.gif) repeat-x;
	color:#046633;
}
#nested h3:hover {
	background: url(../images/header_over.gif) repeat-x;
	color:;
	border-color:;
}
#nested .acc-section {overflow:hidden;}
#nested .acc-content {width:269px; padding:15px; border:1px solid #9ac1c9; border-top:none;}
#nested .acc-selected {background:url(../images/header_over.gif)}


<!-- //////////// Accordian Detail ////////////// -->
#optionsdet {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#optionsdet a {text-decoration:none; color:#9ac1c9}
#optionsdet a:hover {color:#033}

#accdet {width:700px; margin-left:-25px; height:50px; list-style:none; margin-top:-14px; color:#033;}
#accdet h2 {width:680px; height:50px; border:1px solid #9ac1c9; padding:6 2 6 10; margin-bottom:-4px; font-weight:bold; cursor:pointer; background-color:EBF1EE;}
#accdet h3 {width:680px; height:50px; border:1px solid #9ac1c9; padding:6px 6px 5px; margin-bottom:-4px; font-weight:bold; cursor:pointer;}
#accdet h3:hover { background-color:#C0C0D6}
#accdet .acc-section {overflow:hidden; width:695px;}
#accdet .acc-content {width:692px; margin-bottom:2px; border:1px solid #9ac1c9; border-top:none;}

#nesteddet {width:690px; margin-left:-35px; padding-top:5px; padding-bottom:10px; list-style:none; color:#033;}
#nesteddet h3 {width:670px; border:1px solid #9ac1c9; font-weight:bold; margin-top:5px; cursor:pointer;}
#nesteddet h3:hover {}
#nesteddet .acc-section {width:710px;}
#nesteddet .acc-content {width:704px; border:1px solid #9ac1c9; border-top:none;}
#nesteddet .acc-selected {}

<!-- //////////// Accordian LEFT ////////////// -->
#optionsleft {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#optionsleft a {text-decoration:none; color:#9ac1c9}
#optionsleft a:hover {color:#033}

#accleft {width:200px; margin:0px; list-style:none; padding:0px; color:#033;}
#accleft h3 {width:192px; float:left; margin:10px 0 0 0;	background: url(../images/index-block-heading-bg.png) repeat-x #006132 ; border:solid 1px #2FB145; border-top-left-radius: 5px; border-top-right-radius:5px; padding:6px 6px 5px; font-weight:bold; cursor:pointer; color:#FFFFFF;}
#accleft .acc-section {overflow:hidden; width:195px; float:left;}
#accleft .acc-content {width:192px; margin-bottom:2px; border:1px solid #a7c4c7; border-top:none; padding-top:5;background:#ebf1ee, }

<!-- //////////// Accordian Center ////////////// -->
#optionscenter {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#optionscenter a {text-decoration:none; color:#9ac1c9}
#optionscenter a:hover {color:#033}

#acccenter {width:100%; float:left; margin:0; padding:0; list-style:none; color:#033;}
#acccenter h2 {width:100%; height:40px; float:left; padding:6px 2px 6px 10px; background: url(../images/index-block-heading-bg.png) repeat-x #006132 ; border:solid 1px #2FB145; border-top-left-radius: 5px; border-top-right-radius:5px; padding:6px 2px 6px 10px; margin-bottom:0px; font-weight:bold; cursor:pointer; color:#FFFFFF;}
#acccenter h3 {width:490px; height:30px; float:left; border:1px solid #a7c4c7; padding:6px 6px 5px; margin-bottom:-4px; font-weight:bold; cursor:pointer;}
#acccenter h3:hover { background-color:#C0D6C0;}
// acccenter .acc-section {overflow:hidden; width:485px; float:left;}
#acccenter .acc-section {overflow:hidden; width:100%;}
#acccenter .acc-content {width:100%; float:left; margin-bottom:2px; border:1px solid #a7c4c7; border-top:none; background-color:#ebf1ee}

#nestedcenter {width:482px; margin:0; float:left; padding:0; padding-top:5px; padding-bottom:10px; list-style:none; color:#046633;}
#nestedcenter h3 {width:360px; border:1px solid #a7c4c7; font-weight:bold; margin-top:10px; margin-bottom: 5px; cursor:pointer;}
#nestedcenter h3:hover {}
#nestedcenter .acc-section {width:500px; float:left;}
#nestedcenter .acc-content {width:494px; float:left; border:1px solid #a7c4c7; border-top:none;}
#nestedcenter .acc-selected {}

.searchterm{
	border:1px solid;
	border-top:0px;
    border-color: #55BBA8;
	position:relative;
	top:-2px;
	background-color:#F1F1F1;
	z-index:100;
}
.search_word{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
	padding-left:10px;
	line-height:22px;
	margin:2px 0px;
	cursor:default;
	color:#000;

}
.search_word_hover{
	background-color:#558870;
	box-shadow:0px 0px 3px #558870;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
	padding-left:10px;
	line-height:22px;
	margin:2px 0px;
	cursor:default;
}
.search_word:last-child{
	margin-bottom:0px;
}
.search_enter {
	padding: 0 12px 0 25px;
	border-width: 1px;
	border-style: solid;
	border-color: #a8acbc;
	 -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
	border-radius: 13px;
	height: 25px;
	font-size: 14px;
	background-color: #FFF;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;;
}

.search_enter:focus {
    border-color: #55BBA8;
    -webkit-box-shadow: 0 0 3px #55BBA8;
    -moz-box-shadow: 0 0 3px #55BBA8;
    -ms-box-shadow: 0 0 3px #55BBA8;
    -o-box-shadow: 0 0 3px #55BBA8);
    box-shadow: 0 0 3px #55BBA8;
}
.SrchHd{
	font-weight:bold;
	padding:0% 2% 2% 2%;	
	color:#000;
}
hr{
	border:1px solid #CCC;
}}


































@media only screen and (min-width: 770px) {

.search_form{display:block;}
.tv-channel-section-head{
margin: auto;
display: table;
font-size: 18px;
vertical-align: top;
padding: 0px;
visibility: hidden;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-spacing: 5px;
width: 94%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;    

}
.channels-list{
	width:40px; padding-right:3px; display:table-cell; vertical-align:middle;
	}
.tv-channel-section{
	display: table-cell;
width: 805px;
vertical-align: top;
text-align: center;
overflow: hidden;
padding: 5px 0px;
height: 0px;

	}
.channels-section{
	border-right: 1px solid #000;
overflow: hidden;
float:left;
height: 539px;
padding: 5px 1px 5px 2px;
display: table-cell;
float:left;
width:270px;

	}
	.gall-ulma-first-pic{
		float:left; width:21%; padding-left:1%; 
	}
	.gall-first-ulma-name{
		float:left; padding-top:20px; padding-left:10px; 
	}
		.gall-ulma-imgs{
	 width:25%; float:left;padding-bottom:10px;padding-top:10px;
	}
	.pop-head-font{
			font-size:22px;
		}
		.pop-head-left-font{
			font-size:15px;
		}
	
	.gall-maraj-nam{
		 align:left;
		 margin-left:18px;
float:left; width:100%; padding-top:10px;
   

		}
	.ulma-sec-head-eng{
		font-size:25px;
    width: 50%;
	float: left;
	padding:10px 50px;
	font-family: Georgia, Times New Roman, Times, serif;
	}
	
	.ulma-sec-head-ur{
		font-size:30px;
    width: 50%;
	float: right;
	padding:10px 50px;
}
	.ulma-pics{
	display:table-cell; vertical-align:middle; width:117px; height:150px; float:left; margin-left:30px; 
}
	.ulma-name{
	
 display:table-cell; vertical-align:middle; font-size:25px; margin:61px 0;
}
	.marajay-first-eng-heading{
		font-size:25px;
    width: 100%;
	float: left;
	padding:1% 0;
	font-family: Georgia, Times New Roman, Times, serif;
 font-size:25px; float:none; text-align:center;
  border: 2px solid red;
}
	.marajay-first-urdu-heading{
 font-size:30px; float:none; text-align:center;
}
.contact-msg-box{
width:70%;
height:20%;
// rows:5; 
// cols:40;

}
.contact-right-items{

padding-left:8px;  width:60%; float:left;  
}

.video-download{
float:right; padding-top:20px; width:46%; font-size:16px; text-align:right;
}
.video-sharing-links{
float:left; 
width:52%;
}
.videochannel-link-container{
margin-top:0px;

float:right;
width:30%;
 

}
.each-channel-video-link{

}
	.nav-pading-zero{
	 padding:0;
	 margin:0;
}
	.menu-pading-zero{
	 padding:0;
	 margin:0;
}
	.right-usool-each{
	height:25px;
}
#Div2{
visibility:visible;
//display: inline;

}
#Div2 li{
visibility:visible;
}
.quran-heading-right{
display: block; min-width:38%; float:right; font-weight:900; text-align: right;
}
.popup-footer{
font-size:16; width:650px; margin: 10px auto 0; 
}
.flash-class{
width:706px; height:350px;
margin:20px 0;

}
.btn-close{
// margin-left: 388px;
 margin-bottom:-50px;
 margin-right:-790px;
}

.popup-heading{
font-size:22; width:800px; height:50px; float:left; padding-top:20px; padding-left:40px; padding-right:40px;
}

#flashcontent {width:100% !important; max-width:706px; height:350px; margin:0 47px;}
#flashcontent2 {width:100%; max-width:706px; height:350px;}

	.search a{
font-size:14px;
padding:0 10 0 12px; 
color:#CCCCCC;
font: 12px Arial, Helvetica, sans-serif;
text-decoration:none;
}
.search a:hover{
color:#000000;

}
.preload1 {background:url(../images/three_1.gif);}
.preload2 {background: url(../images/three_1a.gif);}

a img {border:0;}
a {text-decoration:none;}
a span{cursor:pointer !important;}
a div{cursor:pointer !important;}

#nav {
	width:100%;
	padding:0;
	margin:0; 
   

	height:48px;
	padding-left:0;
		padding-top:5px;

	list-style:none;
  	background: url(../images/three_0.gif) repeat-x;
    z-index:500; 
   	font-family:arial, verdana, sans-serif;
	
   }
#nav li.top {
	display:block;
	float:left;
	
	height:38px;
 }
#nav li a.top_link {
	display:block;
	float:left; 
	height:35px; 
	line-height:33px; 
	color:#ccc;
	text-decoration:none; 
	font-size:11px; 
	font-weight:bold; 
	padding:0 0 0 12px; 
	cursor:pointer;
  }
#nav li a.top_link span {
	float: left;
	display: block;
	padding: 0 18px 0 18px;
	height: 30px;  
	margin-top: 3px;
	border: thin solid;
	border-color:#595959;
	
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	text-align: center;
	background-image: url(../images/navbg2.png);
	background-repeat: repeat-x;
}
#nav li a.top_link span.down {
	float:left; 
	display:block; 
	padding:0 18px 0 18px; 
	height:30px; 
	border: thin solid;
	border-color:#595959;
	margin-top: 3px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	text-align:center;
	background-image: url(../images/navbg2.png);
	background-repeat: repeat-x;
	}

#nav li:hover a.top_link {
	color:#FFF;
	
 }
#nav li:hover a.top_link span {
	background-image: url(../images/navbg2_hover.png);
	background-repeat: repeat-x;
	border-color:#3fb145;
}
#nav li:hover a.top_link span.down {
	background-image: url(../images/navbg2_hover.png);
	background-repeat: repeat-x;
	border-color:#3fb145;
}

/* Default list styling */

#nav li:hover {
position:relative;
 z-index:200;
 }

#nav li:hover ul.sub
{
left:1px;
 top:38px;
  background: #F7FFF7; 
  padding:3px; 
  border:1px solid #046633; 
  white-space:nowrap;
   width:200px; 
   height:auto; 
   z-index:300;
   }
#nav li:hover ul.sub li
{
display:block;
 height:auto;
  position:relative; 
  float:left;
   width:200px; 
   font-weight:normal;
   border:1px solid #CCC;
   background-color:#F7F7F7;
   }
#nav li:hover ul.sub li a
{

	font-size:11px; 
  line-height:18px; 
  text-indent:5px;
   color:#000; 
   text-decoration:none;
   float:left;
   width:100%;
   
   }
#nav li ul.sub li a.fly
{
background: #F7F7F7 url(../images/arrow.gif) 193px 6px no-repeat;
}
#nav li:hover ul.sub li:hover a 
{
background:#CCC; 
color:#FFF; 
border-color:#969696;
cursor:pointer;
}


#nav li:hover li:hover ul,
#nav li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover ul,
#nav li:hover li:hover li:hover li:hover li:hover ul
{
left:200px;
 top:-4px; 
 background: #F7F7F7; 
 padding:3px;
  border:1px solid #CCC; 
  white-space:nowrap; 
  width:200px; 
  z-index:400; 
  height:auto;
  
  }

#nav ul, 
#nav li:hover ul ul,
#nav li:hover li:hover ul ul,
#nav li:hover li:hover li:hover ul ul,
#nav li:hover li:hover li:hover li:hover ul ul
{
position:absolute; 
left:-9999px; 
top:-9999px; 
width:0; 
height:0; 
margin:0; 
padding:0; 
list-style:none;


}

#nav li:hover li:hover a.fly,
#nav li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover a.fly,
#nav li:hover li:hover li:hover li:hover li:hover a.fly
{
background:#CCC url(../images/arrow_over.gif) 193px 6px no-repeat !important; 
color:#FFF;
 border-color:#969696;
 
 
 } 

#nav li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li a.fly,
#nav li:hover li:hover li:hover li:hover li a.fly
{
background:#F7F7F7 url(../images/arrow.gif) 193px 6px no-repeat; 
color:#000;
 border-color:#CCC;
 
 } 

#nav li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover li:hover a.fly2,
#nav li:hover li:hover li:hover li:hover li:hover a.fly2
{
background:#CCC; 
color:#FFF;
 border-color:#969696;
 } 

#nav li:hover li:hover li a.fly2,
#nav li:hover li:hover li:hover li a.fly2,
#nav li:hover li:hover li:hover li:hover li a.fly2
{
background:#F7F7F7; 
color:#000;
 border-color:#CCC;
 } 
body
{
    font: 12px Arial, Helvetica, sans-serif;
    color: #000000;
    line-height: 20px;
	/* background-image: url(none); */
	background-repeat: no-repeat;
	background-color:#E4E4E4;
	background-position:0 0;
	background-attachment:;
	margin: 0 auto;
	width: 100%;
	
	}
.Anocmnt{
	
	padding:5px 0px;
	border:2px solid  #999;
	border-left:0px;
	border-right:0px;
	background:#016232;
	color:#FFF;
	text-align:center;
	
}
#mainbg{
	// background-image: url(none);
	background-repeat: no-repeat;
	background-color:#F7F7F7;
	background-position:0 0;
	background-attachment:;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 0.6em;
	width: 101.5%;
	   

}

#formid{
margin: 0 auto;
width: 1024px;


}

#mainframe{
    width: 100%;
	float:left;
	background:#FFFFFF;
	
	

}


.IndxCatPntHd{
	width:484px;
	float:left;
	padding:7px 10px;
	background: url(../images/index-block-heading-bg.png) repeat-x #006132 ;
	border:solid 1px #2FB145;
	border-top-left-radius: 5px;
	border-top-right-radius:5px;
	
}
.IndxCatPntHdEng{
	display: block;
	width:53%;
	float:left;
	color:#FFFFFF;
	font-size:20px;
	font-weight:900;
}
.IndxCatPntHdUrd{
	display: block;
	width:47%;
	float:right;
	color:#FFFFFF;
	font-size:22px;
	font-weight:900;
	text-align: right;
}
.IndxCatPntData{
	width:484px;
	float:left;
	padding:5px 5px 5px;
	border:solid 1px #a7c4c7;
	border-top:0;
	background-color:#ebf1ee;
}
.IndxCatPntData a{
 color:#046633;
}
.AdsImg{
	width:482px;
	float:left;
	margin-top:10px;
	border:solid 2px #067E0B;
	padding:6px;
	background-color:#e9ffeb;	
}
#success {
background:url(../images/tablebg.jpg) no-repeat center;
height: 400;
}

#success p {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
    color: #666666;
    font-weight: bold;
	padding:220 0 0 350;
	
}


#maintop{
    background: url(images/conbgtop.png);
    background-repeat: no-repeat;
    background-position: top;
    height: 360px;
    background-color: #F7F7F7;;
	width: 1024px;
}

.ziaratpages{
	width: 65%; 
	border-radius: 10px 0px 0px 10px; 
	text-decoration: none;
	display: table-cell; 
	float: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	 background: none repeat scroll 0% 0% #E7F1E8;
	border: 1px solid #606060; 
	box-shadow: 0px 0px 2px 0px #888;
	color: #046633; 
	padding: 6px 3%; 
	margin-bottom: 5px; 
	font-size: 18px; 
	border-spacing: 5px;

}



#header{
    background-repeat: no-repeat;
		background-size: contain;
			 padding:7% 0 0 0;

 /*   background-position: top;
    width: 100%;
	height: 170px; */
}


#lecturedatadetail{
	background: #E7F1E8;
    width: 98%;
	max-height:100px;
	border: #FFFFFF groove;
	border-radius: 8 8 8 8;

	float:left; 
}

#lecturetitle{
    width: 100%;
	float: left;
}
.main_hd{
	background: url(../images/main-hd2.gif) repeat-x;
	width: 99% !important;
	padding: 1% 0%;
	border: 1px solid #004121;
	color: #FFFFFF;
	font-weight: bold;
	box-shadow: 0px 0px 3px 0px #004121;
	border-radius:6px;
}
.main_opt{
	background:#016f39;
	width:100%;
	padding: 0.5% 0%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;
	
}
.main_opt:hover{
	background-color:#e2efdb;
	border:1px solid #016f39;
	color:#05705d;
}
.main_opt_unhover{
	background:#016f39;
width:99%;
	margin:25px 2px 0px 0px;
	padding: 0.5% 0%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;	
}
.gall-ulma-frst-imgs{
	background:#016f39;
width:70%;
	margin:25px 2px 0px 0px;
	padding: 0.5% 0%;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border:1px solid #016f39;
	color:#FFF;
	font-weight:bold;
	float:left;	
}
#lecturetitleeng{
// font-size:25px;
   // width: 96%;
//	float: left;
//	padding:1% 2%;
//	font-family: Georgia, Times New Roman, Times, serif;

font-size:25px;
    width: 100%;
	float: left;
	padding:10px 50px;
	font-family: Georgia, Times New Roman, Times, serif;
}


#lecturetitleeng a {
    font-family:Georgia, "Times New Roman", Times, serif;
    text-decoration: none;
    font-size: 18px;
    color: #0551a7;
    font-weight: normal;

}

#lecturetitleurdu{
// font-size:30px;
  //  width: 96%;
//	float: right;
//	padding:1% 2%;

font-size:30px;
    width: 100%;
	float: right;
	padding:10px 50px;
	}


#lecturetitleurdu a {
    font-family:"Arial Black";
    text-decoration: none;
	text-align:right;
    font-size: 18px;
    color: #0551a7;
    font-weight: normal;
}


#logo{
    width: 1024px;
    margin: 0 0;
    text-align: left;
    height: 100px;
	padding-top: 50px;
	
	}

#logo a {
    font-family: Arial, Helvetica, sans-serif;
    text-decoration: none;
    font-style: italic;
    font-size: 16px;
    color: #0551a7;
    font-weight: normal;
    padding-left: 20px;
}


#logo H2 a{
    font-size: 10px;
}

#buttons{
    width: 1024px;
    height: 38px;
    margin: 0 auto;    
    background: url(../images/navbg.png);
    background-repeat: repeat-x;
    background-position: bottom left;
}

#buttons ul {
    padding-left: 0px;
}

#buttons li {
    display: inline;
}

#buttons a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
	color: #ffffff;
    display: block;
    float: left;
    padding-left: 20px;
	padding-right: 20px;
    height: 27px;
	padding-top:8px;
	margin: 0 auto;

}

#buttons a:hover, .active{
   background: url(../images/nav_bg_h.png);
   background-repeat: no-repeat;
  
}

#content{
    padding-top: 3px;
	width: 1024px;
	float:left;
	padding: 0px;
}


#albumdata {

padding-left:5px;
}

#albumdetail{
	background: #E7F1E8;
    width: 980;
	border: #FFFFFF groove;
	height: 150;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}

#albumdetail a{
	color:#333366;
	font-size:18px;
	float: left;
	padding: 2 2 2 2;
}
#detaildata.detaildatatable{
	width:100%;
/*	display:table;*/
	border-spacing:2px 5px;
	
}
.recorddata.recorddatatr{
	display:table-row;
	width: 100%;
}
.recorddetail.recorddetailtd{
	text-decoration:none;
	display:table-cell;
	float:none;
	vertical-align:middle;
	padding-top:0px;
	padding-bottom:0px;
}
.recorddata {
float:left;		
width:98%;
padding-left:1%;
padding-right:1.5%;

}
.recorddata a {
	text-decoration:none;
}
.recorddetail_unhover.recorddetailtd{
	text-decoration:none;
	display:table;
	float:none;
	vertical-align:middle;
	padding:0px;
}
.recorddetail_unhover{
    width: 94%;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;
	font-size:18px;
	text-decoration:none;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-spacing:5px;
}
.recorddetail{
    width: 479px;
	height: 50px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding: 11px 0;
	margin:5px 0 2px 2px;
	font-size:18px;
	text-decoration:none;
	border-radius:10px;
/*	border-spacing: 2px 5px;
	border-spacing:5px;
*/}



.new{
width: 94%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
float: left;
padding: 7px 3%;
margin-bottom: 10px;
font-size: 18px;
text-decoration: none;
border-radius: 10px;
border-spacing: 5px;

}

.opt a:first-child .new {
    border-radius: 0px 0px 10px 10px;
}

.new:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}

.usoole{
width:100%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
float: left;
padding: 7px 20px;
font-size: 18px;
text-decoration: none;
border-radius: 10px;
border-spacing: 5px;
}

.usoole:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.links{
text-decoration: none;
display: table-cell;
float: left;
height:160px;
vertical-align: middle;
padding-top: 0px;
padding-bottom: 0px;
width: 100%;
background: none repeat scroll 0% 0% #E7F1E8;
border: 1px solid #606060;
box-shadow: 0px 0px 2px 0px #888;
color: #046633;
padding: 5px 0px;
margin-left: 0px;
font-size: 18px;
border-radius: 10px;

}

.links:hover
{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;

}

#albumdata>div:first-child a span{
    width:100%; border-radius: 0px 0px 10px 10px;
}



.opt a:first-child .recorddetailtareekh {
    border-radius: 0px 0px 10px 10px;
}

.recorddetailtareekh{
    width: 94%;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left; 
	padding: 7px 3%;
	margin:0px 0 10px 2px;
	font-size:18px;
	text-decoration:none;
	border-radius:10px;
/*	border-spacing: 2px 5px;
	border-spacing:5px;
*/}

.playbuton{
    width: 80px;
	height: 64px;
	padding:4px 0;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;
	color:#046633;
	float:left;
	font-size:18px;
	margin:5px 2px 2px;
	text-decoration:none;

/*	border-spacing: 2px 5px;
	border-spacing:5px;
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;*/
}

.dwnload{
	width:129px;
	margin:5px 0 2px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 2px 0px #888;

/*filter:
  progid:DXImageTransform.Microsoft.shadow(Direction=300, strength=2)#888,
  progid:DXImageTransform.Microsoft.shadow(Direction=135, strength=2)#888;
  progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=0)#888;
  progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=-5, Color="#19000000"),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=0, Color="#19000000"),
  progid:DXImageTransform.Microsoft.dropshadow(OffX=-5, OffY=0, Color="#19000000");*/

/*
	
	filter:progid:DXImageTransform.Microsoft.shadow(Direction=300, Strength=13)#888;
	filter:progid:DXImageTransform.Microsoft.shadow(Direction=135, Strength=13)#888;

*/
	color:#046633;
	float:left; 
	height:64px;
	padding:4px 0;
	border-radius:0px 10px 10px 0px;
	font-size:18px;
	text-decoration:none;

/*	border-spacing: 2px 5px;
	border-spacing:5px;
	padding-top:7px;
	padding-bottom:7px;	
	padding-left:3%;
	padding-right:3%;
	margin-bottom: 10px;*/
}
.dwnload:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}


.playbuton:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetail:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetailtareekh:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.recorddetailnormal{
	float:left;
	margin:14px 0 0 15px;
	font-family:Arial;
    font-weight: normal;	
	text-decoration:none;
/*	padding:5px 0;
 	height:50px;
*/
}


.ziaratpages{
	width: 65%; 
	border-radius: 10px 0px 0px 10px; 
	text-decoration: none;
	display: table-cell; 
	float: left;
	vertical-align: middle;
	padding-top: 0px;
	padding-bottom: 0px;
	background: none repeat scroll 0% 0% #E7F1E8;
	border: 1px solid #606060; 
	box-shadow: 0px 0px 2px 0px #888;
	color: #046633; 
	padding: 6px 3%; 
	margin-bottom: 5px; 
	font-size: 18px; 
	border-spacing: 5px;
}

.ziaratpages:hover{
	box-shadow:0px 0px 2px 1px #AAA;
	background: #DAFFDA;
	color:#003300;
	border: solid 1px #606060;
}



.opt>div:first-child a{
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.recorddetaileng{
    font-family:Arial;
    font-weight: normal;	
	float:left;
	padding:5px 0px;
	text-decoration:none;
	text-align:left;

}
.recorddetailurdu{
    font-family:"Arial";
	font-size:20px;
	text-align:right;
	font-weight: normal;
	float:right;
	padding:5px 5px;
	text-decoration:none;
}
.opt a:first-child .recorddetail{
	border-radius: 0px 0px 10px 10px;
}
.opt .recorddatatr:first-child .recorddetail{
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
.VideoTitle{
	width:96%;
	padding: 1% 2%;
	float:left;
	color:#000000;
}
.VideoRecrdHd{
	padding:10px 10px 10px 10px;
	height:20px;
	color:#112266;
}
.VideoRecrdHdEng{
	display: block;
	min-width:57%;
	float:left;
	font-size:22px;
	font-weight:900;
}
.VideoRecrdHdUrd{
	display: block;
	min-width:40%;
	float:right;
	font-size:24px;
	font-weight:900;
	text-align: right;
}
#albumdatadetail{
	background: #E7F1E8;
    width: 98%;
	border: #FFFFFF groove;
	float:left; 
	padding:5px 0px;
	margin-bottom: 5;
}
#albumdatadetail:hover{
	background: #DAFFDA;
	color:#003300;	
}
#albumdatadetail a{
color:#333366;
font-size:14px;
float: left;
}


#albumdatadetailmain{
	background: #E7F1E8;
    width: 98%;
	border: #FFFFFF groove;
	height: 50px;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}

#albumdatadetailmain a{
color:#333366;
font-size:14px;
float: left;
}

#albumdatadetailmain:hover{
	background: #DAFFDA;
	color:#003300;
	
}


#imagedatadetail{
	background: #E7F1E8;
    width: 98%;
	height: 105;
	border: #FFFFFF groove;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
}
#imagedatadetail:hover{
	background: #DAFFDA;
	color:#003300;
}
#albumcontentlist{
	width: 50%;
	height: 40px;
	float:left;
	font-size:16px;
	font-weight:bold;
	float: left;

}

#albumcontentlist img{
float: left;
width: 50;
height: 30;
padding: 5 10 10 10; //top  right  bottom  left
}


#albumdatalist{
	width: 46%;
	float:right;
	color:inherit;
	font-size:12px;
	font-weight:bold;
	float: right;
	padding: 15 20 10 0; //top  right  bottom  left
}


#albumdatalist a{

}

#donationdatadetailmain{
	margin-left:5px;
	background: #E7F1E8;
	border: solid 1px #606060;
	box-shadow:0px 0px 3px 1px #888;
    width: 98%;
	height: 400px;
	float:left; 
	padding-top:2;
	margin-bottom: 5;
	border-radius:10px;
}

#donationdatadetailmain a{
	color:#046633;
font-size:14px;
float: left;
}

#donationcontentlist{
	width: 20%;
	height: 40px;
	float:left;
}


#donationcontentlist a{
font-size:12px;
font-weight:bold;
float: left;
padding: 10px 10px 10px 50px; //top  right  bottom  left
}

#donationdatalist{
	width: 80%;
	height: 40px;
	float:left;
}


#donationdatalist a{

color:#000000;
font-size:16px;
font-weight:bold;
float: left;
padding: 10 20 10 0; //top  right  bottom  left
}

#left{
	width: 100%;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;

	height: 400px;
	margin-bottom:10;
    }

#leftacc{
    width: 200px;
	float:left;
	margin-left:16px;
	
	}
	
#right{
    width: 30%;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
	margin-top: 10;
	padding-top: 0;
	float:right;
	}

#rightacc{
    width: 30%;
//	position:absolute;
//	top:89%;
//	right:11.5%;
	padding-top: 0;
	float:right;
		/*margin-top:270px; */	


	}
	
	#rightacc-majlis{
    width: 30%;
//	position:absolute;
//	top:36%;
//	right:11.5%;
	padding-top: 0;
	float:right;
			

	

	}


#rightpannel{
    width: 100%;
	margin-top: 0;
	padding-top: 0;
	float:left;
	}

#rightpannelhead{
    width: 100%;
	height: 27;
	font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
	padding-top:5;
	background:url(../images/three_0.gif);
	background-repeat:repeat-x;
	margin-bottom: 20;
	float:left;
	}

#right-top{
	 float:right;
    padding-right: 9px;
//	right:0%;
// left:65%;
//	position:absolute;
    width: 290px;
	/*width: 28.75%;  */
	margin-right:3px;
	margin-bottom:2%;
	margin-top:9px; 

	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
	height: auto;
	
}
.channel_video_link{
	margin-top:50px;
		margin-left:0px;
margin-right:0px;
	float:left;
	/* position:absolute;
	right:5%;
	left:65%;
	top:173%; */
	border-width: thin;
	border-style:solid;
	border-color: #CCC;
	text-align:center;
	height:auto;
	padding-bottom:10px;
	margin-bottom:2%;
	width:100%;
	
	color: #000;
}
.channel_video_link_majlis{
	margin-top:14px;
		margin-left:0px;
margin-right:0px;
	float:left;
	/* position:absolute;
	right:5%;
	left:65%;
	top:173%; */
	border-width: thin;
	border-style:solid;
	border-color: #CCC;
	text-align:center;
	height:auto;
	padding-bottom:10px;
	margin-bottom:2%;
	width:100%;
	
	color: #000;
}

#right h2, #left h2, #right-top h2 {
    font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
    font-size: 16px;
    text-align:center;
    height: 27px;
    padding-top: 5px;
    background:url(../images/three_0.gif);
    background-repeat:repeat-x;
    background-position:top left;
	
}

#catdata h2
{
    font-family: Arial, Helvetica, sans-serif;
 	font-size:18px;
    color: #ffffff;
    text-align:center;
    height: 27px;
    padding-top: 5px;
	
}

#centerbetween{
	width: 100%;
    float: left;
}

#centerbetween p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}




#center{
	float: left;
	width: 700px;
    height: auto;

}

#maincenter{
	width: 484px;
    float: left;

}


#center p{
    padding-left:0px;
    padding-right:0px;
    padding-bottom: 10px;
}

.text{
	height:350px;
	border-width: thin;
	border-style:solid;
	border-color: #CCCCCC;
    padding: 20px 20px 0px 20px;		// top right bottom left
	
    }


#center H1{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    color: #0277c7;
    font-size: 16px;
    height: 28px;
    padding-top: 5px;
    padding-left: 10px;
    background: url(../images/title_center.png);
    background-repeat:repeat-x;
    background-position:bottom;
}

.read{
    text-align: right;
    margin-top:5px;
    padding-bottom:5px;
    padding-right: 5px;

}

#left .company ul li .read a{

    color: #ffffff;
    font-weight:normal;
    padding-right:5px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    text-decoration:none;
    background: url(../images/read.png);
    background-repeat: no-repeat;
    background-position: right;
    height: 16px;
    width: 70px;
}

#center .read a{
    color: #0551a7;
    font-weight:bold;
    padding-bottom: 4px;
    font-size: 12px;
    text-decoration:none;
    background: url(../images/read2.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

.read a:hover{
    text-decoration:underline;
}


#right .categories{

    padding-top: 15px;
}

#right .categories ul{
    padding-left: 8px;
    list-style: none;
    padding-bottom: 20px;
}

#right .categories ul li{
    padding-left: 0px;
}

#right .categories ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    background: url(../images/ls1.png);
    background-repeat:no-repeat;
    background-position:  left;
}

#right .categories ul li a:hover{
    color: #0198ff;
}




#right-top .categories{
    padding-top: 15px;
}

#right-top .categories ul{
    padding-left: 8px;
    list-style: none;
    padding-bottom: 20px;
}

#right-top .categories ul li{
    padding-left: 0px;
}

#right-top .categories ul li a {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    font-weight: normal;
    text-align: left;
    display: block;
    padding-left: 23px;
    padding-bottom: 3px;
    background: url(../images/ls1.png);
    background-repeat:no-repeat;
    background-position:  left;
}

#right-top .categories ul li a:hover{
    color: #0198ff;
}
.vchannels-klass{
	float:right; width:310px;
}

#left .company{

}

#left .company a{
    color: #2954ed;
}

#left .company ul{
    padding-left: 5px;
}

#left .company ul li{
    list-style: none;
    background: url(../images/ls2.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 25px;
    padding-right: 20px;
    margin-top: 10px;
}

#right a{
    text-decoration: underline;
    color: #004c42;
    font-weight:bold;
}

#right a:hover {
    text-decoration: underline;
}

#main_bot{
    background: url(../images/conbgbot.png);
    background-repeat: no-repeat;
    background-position:top;
    height: 0px;
}

#footer
{
    width: 1024px;
    float:left;
	height: 25px;    
    background: url(../images/three_0.gif);
    background-repeat: repeat-x;
    padding-top:10px;
	margin-top: 30px;
	font-size: 10px;
	color: #ffffff;
    text-align: center;
   
}

#footer a{
    color: #ffffff;
    font-size: 10px;
    font-weight: normal;
    text-decoration: none;
}
.padding{
    padding: 10px;
    color:#FF0000;
    font-weight: bold;
}

.paginate {
	font-family:Arial, Helvetica, sans-serif;
	padding: 3px;
	margin: 3px;
	color:#000;
}

.paginate a {
	padding:2px 5px 2px 5px;
	margin:2px;
	border:1px solid #999;
	text-decoration:none;
	color: #666;
	background-color:;
}
.paginate a:hover, .paginate a:active {
	border: 1px solid #999;
	background-color:;
	color: #000;
}
.paginate span.current {
    margin: 2px;
	padding: 2px 5px 2px 5px;
	border: 1px solid #999;
	background-color:#999;
	color: #FFF;
	font-weight: bold;
}
.paginate span.disabled {
	padding:2px 5px 2px 5px;
	margin:2px;
	border: 1px solid #eee;
	background-color:;
	color: #DDD;
}



<!-- //////////// Accordian ////////////// -->
#options {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#options a {text-decoration:none; color:#9ac1c9}
#options a:hover {color:#033}

/*#acc {width:307px; list-style:none; margin-left:-42px; margin-top:-14px; color:#033;}*/
#acc{width:307px; float:right; margin:0px 5px 0 0; padding:0; list-style:none; color:#033; border-top:none;}
#acc h3 {width:307px; /*height:54px;*/ border:1px solid #9ac1c9; padding:6px 6px 5px; margin-bottom:-1px; font-size: 17px; font-weight:bold; cursor:pointer; background: url(../images/header-head.gif) repeat-x; color:#FFFFFF;}
#acc h3:hover {background: url(../images/header_over.gif) repeat-x; color:#055d70; border-color:;}
#acc .acc-section {overflow:hidden;}
#acc .acc-content {width:306px; padding:2px; margin-bottom:2px; border:1px solid #9ac1c9; border-top:none; background-color:}

#nested {width:301px; list-style:none; color:#033; margin:0; padding:0; margin-bottom:5px}
#nested h3 {
	width:300px;
	border:1px solid #9ac1c9;
	padding:10px 6px 9px;
	font-size: 15px;
	margin-top:5px;
	cursor:pointer;
	background: url(../images/header.gif) repeat-x;
	color:#046633;
}
#nested h3:hover {
	background: url(../images/header_over.gif) repeat-x;
	color:;
	border-color:;
}
#nested .acc-section {overflow:hidden;}
#nested .acc-content {width:269px; padding:15px; border:1px solid #9ac1c9; border-top:none;}
#nested .acc-selected {background:url(../images/header_over.gif)}


<!-- //////////// Accordian Detail ////////////// -->
#optionsdet {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#optionsdet a {text-decoration:none; color:#9ac1c9}
#optionsdet a:hover {color:#033}

#accdet {width:700px; margin-left:-25px; height:50px; list-style:none; margin-top:-14px; color:#033;}
#accdet h2 {width:680px; height:50px; border:1px solid #9ac1c9; padding:6 2 6 10; margin-bottom:-4px; font-weight:bold; cursor:pointer; background-color:EBF1EE;}
#accdet h3 {width:680px; height:50px; border:1px solid #9ac1c9; padding:6px 6px 5px; margin-bottom:-4px; font-weight:bold; cursor:pointer;}
#accdet h3:hover { background-color:#C0C0D6}
#accdet .acc-section {overflow:hidden; width:695px;}
#accdet .acc-content {width:692px; margin-bottom:2px; border:1px solid #9ac1c9; border-top:none;}

#nesteddet {width:690px; margin-left:-35px; padding-top:5px; padding-bottom:10px; list-style:none; color:#033;}
#nesteddet h3 {width:670px; border:1px solid #9ac1c9; font-weight:bold; margin-top:5px; cursor:pointer;}
#nesteddet h3:hover {}
#nesteddet .acc-section {width:710px;}
#nesteddet .acc-content {width:704px; border:1px solid #9ac1c9; border-top:none;}
#nesteddet .acc-selected {}

<!-- //////////// Accordian LEFT ////////////// -->
#optionsleft {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#optionsleft a {text-decoration:none; color:#9ac1c9}
#optionsleft a:hover {color:#033}

#accleft {width:200px; margin:0px; list-style:none; padding:0px; color:#033;}
#accleft h3 {width:192px; float:left; margin:10px 0 0 0;	background: url(../images/index-block-heading-bg.png) repeat-x #006132 ; border:solid 1px #2FB145; border-top-left-radius: 5px; border-top-right-radius:5px; padding:6px 6px 5px; font-weight:bold; cursor:pointer; color:#FFFFFF;}
#accleft .acc-section {overflow:hidden; width:195px; float:left;}
#accleft .acc-content {width:192px; margin-bottom:2px; border:1px solid #a7c4c7; border-top:none; padding-top:5;background:#ebf1ee, }

<!-- //////////// Accordian Center ////////////// -->
#optionscenter {width:457px; margin:20px auto; text-align:right; color:#9ac1c9}
#optionscenter a {text-decoration:none; color:#9ac1c9}
#optionscenter a:hover {color:#033}

#acccenter {width:490px; float:left; margin:0; padding:0; list-style:none; color:#033;}
#acccenter h2 {width:484px; height:40px; float:left; padding:6px 2px 6px 10px; background: url(../images/index-block-heading-bg.png) repeat-x #006132 ; border:solid 1px #2FB145; border-top-left-radius: 5px; border-top-right-radius:5px; padding:6px 2px 6px 10px; margin-bottom:0px; font-weight:bold; cursor:pointer; color:#FFFFFF;}
#acccenter h3 {width:490px; height:30px; float:left; border:1px solid #a7c4c7; padding:6px 6px 5px; margin-bottom:-4px; font-weight:bold; cursor:pointer;}
#acccenter h3:hover { background-color:#C0D6C0;}
#acccenter .acc-section {overflow:hidden; width:485px; float:left;}
#acccenter .acc-content {width:484px; float:left; margin-bottom:2px; border:1px solid #a7c4c7; border-top:none; background-color:#ebf1ee}

#nestedcenter {width:482px; margin:0; float:left; padding:0; padding-top:5px; padding-bottom:10px; list-style:none; color:#046633;}
#nestedcenter h3 {width:477px; border:1px solid #a7c4c7; font-weight:bold; margin-top:10px; margin-bottom: 5px; cursor:pointer;}
#nestedcenter h3:hover {}
#nestedcenter .acc-section {width:500px; float:left;}
#nestedcenter .acc-content {width:494px; float:left; border:1px solid #a7c4c7; border-top:none;}
#nestedcenter .acc-selected {}

.searchterm{
	border:1px solid;
	border-top:0px;
    border-color: #55BBA8;
	position:relative;
	top:-2px;
	background-color:#F1F1F1;
	z-index:100;
}
.search_word{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
	padding-left:10px;
	line-height:22px;
	margin:2px 0px;
	cursor:default;
	color:#000;

}
.search_word_hover{
	background-color:#558870;
	box-shadow:0px 0px 3px #558870;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	padding:3px;
	padding-left:10px;
	line-height:22px;
	margin:2px 0px;
	cursor:default;
}
.search_word:last-child{
	margin-bottom:0px;
}
.search_enter {
	padding: 0 12px 0 25px;
	border-width: 1px;
	border-style: solid;
	border-color: #a8acbc;
	 -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
	border-radius: 13px;
	height: 25px;
	font-size: 14px;
	background-color: #FFF;
	background-image: url(../images/search.png);
	background-repeat: no-repeat;
	background-position: 8px 5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;;
}

.search_enter:focus {
    border-color: #55BBA8;
    -webkit-box-shadow: 0 0 3px #55BBA8;
    -moz-box-shadow: 0 0 3px #55BBA8;
    -ms-box-shadow: 0 0 3px #55BBA8;
    -o-box-shadow: 0 0 3px #55BBA8);
    box-shadow: 0 0 3px #55BBA8;
}
.SrchHd{
	font-weight:bold;
	padding:0% 2% 2% 2%;	
	color:#000;
}
hr{
	border:1px solid #CCC;
}}