@charset "utf-8";

/* CSS Document */

@font-face {  
	  font-family: jipFont;  
	  src: url(/fonts/JameelNooriNastaleeq.ttf) format("truetype");  
	} 


html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, font, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

	border: 0px none;

	font-family: "jipFont","Jameel Noori Nastaleeq", "Alvi Nastaleeq", "Urdu Naskh Asiatype","Nafees Naskh", "Nafees Nastaleeq", "Nafees Pakistani Naskh", "Nafees Pakistani Naskh v2.01", "Nafees Web Naskh", "Nafees Web Naskh pakistani BTK", "Naskh Unicode";

	font-size: 16px;

	font-style: inherit;

	font-weight: inherit;

	margin: 0;

	outline: 0;

	padding: 0;

	vertical-align: baseline

}

p, a, label, input{

line-height:1.3;

color:#000000;

}

a{

text-decoration:none;

color:#000000;

}

a:hover{

text-decoration:underline;

color:#333333;

}

:focus {/* remember to define focus styles! */

	outline: 0;

}

body {
/*background: #015e86;*/
background: url('../images/bg_final.jpg') center 50%;
line-height: 1;
background-position-x:center; background-position-y:50%
}
ol, ul {
	list-style: none;
}

table {/* tables still need 'cellspacing="0"' in the markup */

	border-collapse: separate;

	border-spacing: 0;

}

caption, th, td {

	font-weight: normal;

	text-align: left;

}

blockquote:before, blockquote:after,

q:before, q:after {

	

}

blockquote, q {

	

}

a  {

	border: 0px none;

}

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

	display: block;

}



.wrapper {
	width:1020px;
	margin: 0 auto;
	padding: 0 10px;
	color:#FFFFFF;
	line-height:35px;
	direction:rtl;
}
.f_wrapper {
	width:1040px;
	margin: 0 auto;
	padding: 0 10px;
	color:#FFFFFF;
	line-height:35px;
}

.fl{

float:right;

}

.fr{

float:left;

}

.cl {

clear:both;

}

.white{

color:white;

}





#top-header{

height:38px;

}

#top-header{

width:1040px;

padding:0 !important;

}

#banner{

width:1020px;

padding:0 10px 0 0 !important;

}

#about, #language, #date, #search{

padding:10px;

}

#about{

width:200px;

height:18px;

background-image:url('../images/about-bg.png');

background-repeat:no-repeat;

color:white

}

.separator{

padding:0 10px;

}

#about a {

font-size:9px;

text-transform:uppercase;

color:white;

}

#language a{



}

#language a.current, #language a:hover{

text-decoration:underline;

}

#language .separator {

padding: 0 3px;

}

input#s{

    background: url('../images/search.png') no-repeat 0 0;

    border: medium none;

    font-size: 10px;

    height: 16px;

    padding-left: 4px;

    width: 126px;

	float:left;

	display:block;

	direction:ltr

}

#search input[type=submit]{

    background: url('../images/search.png') no-repeat -126px 0;

    border: medium none;

    height: 16px;

    margin: 0;

    width: 24px;

	cursor:pointer;

	display:block;

	float:left

}



#banner{

    background: url('../images/banner.png') no-repeat right top;

    height: 126px;

    overflow:hidden

}

#logo{

margin-top:-38px;

}

#slogan{

margin-top:30px;

}

#social-media{

margin:90px 5px 0px 0px;

}

#social-media a{

margin-left:10px;

}

#nav{

height:43px;

background:url('../images/nav-bg.png') repeat-x;

width:1024px !important;

padding: 0 !important

}

/*

#menu{

    background: url("../images/bg_menu.png") no-repeat scroll 0 0 transparent;

    list-style-type: none;

    width: 100%;

	display:block;

}

#menu a{

color:white;

padding: 13px 30px;

text-decoration:none !important;

display:block;

}



#menu li{

   display: block;

    float: left;

    height: 43px;

    position: relative;

}

#menu li ul li{

    padding-left: 0px;

}

#menu li.first{

    padding-left: 10px;

}

#menu li.first a{

	padding-left:20px;

}

#menu li.first:hover {

background:url(../images/bg_menu1.png) no-repeat left top;

}

#menu li.first:hover a{

background:url(../images/bg_menu2.png) repeat-x left top;

}

#menu li:hover a{

background:url(../images/bg_menu2.png) repeat-x left top;

}

#menu li:hover ul li:hover a{

background:#04a8dc;

}

#menu li:hover ul{

display:block;

}

#menu li:hover ul li a{

background: #015E86;



}

#menu li ul{

	display: none;

    position: absolute;

    top: 43px;

    width: 100px;

    z-index: 9999;

}

#menu li ul li{

    background: none repeat scroll 0 0 #015E86;

    display: block;

	width:100%;

	border-bottom: #04a8dc 1px solid;

}

#menu li ul li:hover{

	border-bottom:none;

}

#menu li ul li:hover a{

padding:14px 30px;

}

*/

#content{

background-image:url('../images/bg_content.png');
background-repeat:repeat-y;
background-position: 6px top;
}

#headline{

    background: #ffffff url('../images/headline-bg.gif') repeat-x 0 50%;

	height: 40px;

	overflow:hidden;

	clear:both

}

#headline h3{

    background: none repeat scroll 0 0 #005B8D;

    color: white;

    display: block;

    float: right;

    font-size: 18px;

    height: 32px;

    padding: 5px;

	margin:-10px 0px 10px 0px;

}



#headline a, #headline .separator{

    color:#000000;

    display: block;

    float: left;

	padding:5px;

}

#left-column {
width:695px;
background-image:url('../images/border1.gif');
background-repeat:repeat-y;
background-position: right top;
background-color:#e9e9e9;
padding-bottom:10px;
z-index:-1
}

#right-column{

background-color:#FFFFFF;
width:300px;
padding:10px;
margin-left:3px;
}

ul#featured-posts{
height:320px;
width:650px;
z-index:-1 !important;
}

ul#featured-posts li{

display:block;
z-index:-1 !important;

}

.anythingSlider{
/*margin-left:10px;*/
right:25px;
z-index:0 !important;
display: block;
overflow: visible !important;
}

.anythingWindow{
z-index:-1;
overflow: hidden;
direction: ltr;
}

.anythingWindow img{
border:#525151 solid 4px;
height:320px;
width:650px;
}

div.anythingSlider .arrow {
top:44% !important;
}

div.anythingSlider .arrow a{
width:27px !important;
height:29px !important;
margin:0 !important;
}

div.anythingSlider .back{

left:10px !important;

}

div.anythingSlider .forward{

right:10px !important;

}

div.anythingSlider .back a, div.anythingSlider .back a:hover {

background:url('../images/back-arrow.png') no-repeat !important;

}

div.anythingSlider .forward a, div.anythingSlider .forward a:hover {

background:url('../images/next-arrow.png') no-repeat !important;

}

.featured-thumb{
position:relative;
z-index:-1;
}

.sapo{

   background: none repeat scroll 0 0 #1E1303;

    color: white;

    display: block;

    height:auto;

    left: 10px;

    line-height: 1.3;

    opacity: 0.75;

    overflow: hidden;

    padding: 6px 4px;

    position: absolute;

    top: 85%;

    width: 620px;

	text-align:right;

	direction:rtl;

	}



/* news block */

.news-block-half{

width:332px !important;

}

.news-block-half{

margin-left:10px;

}

.news-block-full{

width:666px !important;

}

.news-block-full{

margin-right:10px;

}

.news-block-text{

width:433px !important;

float:right;

}

.news-block-text{

margin-left:0px;

}

.news-block-links{

width:210px !important;

}

.news-block-links{

margin-left:0px;

float:left;

}

.news-block{

float:right;

margin-top:10px;

width:100%;

}

.news-block-half-tab{

width:320px !important;

}

.news-block-half-tab{

margin-left:10px;

}
/*
.news-block h2{

border-bottom:#006699 solid 4px;

text-align:right;

background:url(../images/bg_sub_heading.png);

}

.news-block h2 a{

font-size:26px;

color:#565555;

text-decoration:none;

}*/

.news-block h3{

margin:5px 0 5px 0;

text-align:right;

}

.news-block h3 a{

color:#006699;

font-size:18px;

text-decoration:none;

direction:rtl;

}

div.special{
width:auto;
height:auto;
padding-top:10px;
/*
border-width:0px 2px 2px;
border-style:solid;
border-color:#006699;
padding:2px;*/
}

hr.program{height:4px; color:#006699;width:100%;background:url('../images/line.png');}

.news-block h1 a{

color:#006699;

font-size:22px;

text-decoration:none;

direction:rtl;

}
.news-block li a{

color:#006699;

font-size:22px;

text-decoration:none;

direction:rtl;

}


.news-block img{

float:right;

height:auto;

margin-left:5px;

}

.news-block-text img{

float:right;

width:202px;

height:auto;

margin-left:5px;

}

.news-block .post-excerpt{

float:left;

width:548px;

text-align:right;

margin-left:10px;

}

.news-block-half .post-excerpt{

width:206px;

}

.news-block-text .post-excerpt{

width:200px;

direction:rtl;

text-align:right;

}

.news-block-half-tab .post-excerpt{

width:186px;

}

.post-excerpt a.read-more{

color:#006699;

direction:rtl;

float:left;

}

.post-meta {

clear:both;

}

.post-meta, .post-meta span, .post-meta span a{

color:#666666;

direction:rtl;

}

.news-block .excerpt-no-thumb{

width:100%;

margin-left:0;

}

hr{

clear:both;

color:#737373;

}



.recent-post{

display:block;

color:#000000 !important;

text-align:right;

direction:rtl;

}

/* news block */



/* news tab */

.tab-container{

clear:both;

}

.tabs {
clear:both;
margin-top:10px;
}

.ui-tabs-nav {

border:none !important;

border-bottom:solid 4px #006699 !important;

margin-right:-10px;

}

ul.ui-tabs-nav li{

	background:#184A56 url('../m_images/submenu-bottom.png') !important;

	border:medium none !important;

}

ul.ui-tabs-nav li.ui-tabs-selected{

	background:#006699 !important;

}

ul.ui-tabs-nav li a{

	color:white !important;

	font-size:20px;

}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected,

.ui-tabs .ui-tabs-nav li.ui-state-default {float: right;margin-right:0px;margin-left:2px; }

.ui-tabs .ui-tabs-nav li a { float: right; }

.ui-tabs .ui-tabs-nav {

	padding:0 !important;

	margin:0 10px;

background-image:url('../images/border1.gif') !important;

background-repeat:repeat-y !important;

background-position: 
               -10px top !important;

background-color:#e9e9e9 !important	

}

.widget .ui-tabs-nav {

background-color:white !important;	

	margin:0 !important;

	padding:0 !important;

}

.ui-tabs .ui-tabs-nav li a{

padding:4px !important;



}

.ui-corner-all, ul.ui-tabs-nav li{

border-bottom-right-radius:0 !important;

border-bottom-left-radius:0 !important;

border-top-right-radius:0 !important;

border-top-left-radius:0 !important;



}

.ui-widget-content{

border:none !important;

background:none !important;

}

.ui-tabs-panel .news-block{

margin-top:0;

}

.ui-tabs .ui-tabs-panel{

	padding: 0 10px 0 10px !important;

	}

.widget .ui-tabs-panel{

	padding: 0!important;

	}	

.ui-tabs{

padding:0 !important;

direction: rtl;

}

/* news tab */

#social{

text-align:right;

margin-top:10px;

width:300px;

color:#0066FF;}

#social h6{

color:#FFFFFF;

font-size:26px;

margin-bottom:-25px;

padding:7px;

background:url('../m_images/selected_.png');

border-radius:10px}

#social img{margin:2px;float:left;}

/*

#social a:link, a:active, a:visited {padding:0px; margin:5px;border-color:#FFFFFF;border-width:2px;border-style:solid;border-radius:5px;}

#social a:hover {padding:0px; margin:5px;border-color:#999999;border-width:2px;border-style:solid;border-radius:5px;}

#social img {margin-bottom:-8px;}*/



/*membership*/

.button {

	width:300px;

	height:56px;

	background:url('../m_images/side.png');

	display:block;

	text-align:center;

    color:#046799;

    font-size: 18px;

    padding-top: -15px;

    text-transform: uppercase;

	vertical-align:top	

}
.button2 {

	width:300px;

	height:45px;

	background:url('../m_images/selected_.png');

	display:block;
	border:0px solid;
	border-radius:10px;

	text-align:center;

    color:#046799;

    font-size: 18px;

    padding-top: -15px;

    text-transform: uppercase;

	vertical-align:top	

}

#membership a.button{

text-decoration:none

}

#membership p{

text-align:center;

}

/*membership*/



/* weblinks */

.widget h2{

font-size:16px;

color:#3884ab;

width:100%;

text-align:center;

}

.widget h2 img{
width:300px;
text-align:center;
height:auto;

}

/* weblinks */



/* poll */

#poll input[type=submit] {

cursor:pointer;

float:right;

}

#poll{
direction:rtl;
}

/* poll */

#footer{
height:111px;
width:1025px;
background:url('../images/footer_final.png') repeat-x;
z-index:100;
margin:0 auto
}

#footer .column {

    border-left: 1px solid white;
    color: white;
    display: block;
    float: left;
    margin-left: 80px;
    padding-left: 10px;
    width: 100px;
}

#footer h3{

text-transform:uppercase;

font-size:12px;

}

#footer a{

color:white;

}

#footer .copyright{

text-align:center;

clear:both;

color:#FFFFFF;

margin-top:0px;

}

marquee{

float:left;

display:block;

width:600px;

}





/* Video*/

.recent-video{

float:right;

width:300px;

}

.main{

float:right;

width:375px;

height:225px;

margin-top:10px;

}

.recent-video li{

    clear: both;

    padding-top: 10px;

}

.latest{
float:right;
}
.latest img{
width:75px;
height:75px;
}

.video-meta{
float:left;
margin-right:10px;
margin-left:10px;
width:600px;


}

.video-meta h3 a{

color:#3884ab;

}

.video-author{

font-style:italic;

color:#565555;

}

.video-view{

color:#565555;

}

.more{

float:left;

text-align:justify;

margin-left:10px;

direction:rtl;

}

.more a.read-more{

color:#006699;

direction:rtl;

}

/* tab2 half */

.tabs2 {

width:50%;

margin-top:10px;

float:right;

}

.tabs3 {

width:50%;

margin-top:10px;

float:left;



}

#news {

	padding: 0px 80px 0px 0px;

	direction:rtl;

}

h2.videos-titles{

text-align:right;

font-size:26px;

color:#565555;

text-decoration:none;

line-height:30px;

margin:0px;

background:url('../images/bg_heading.png');

}

h2.qa{
text-align:right;
font-size:26px;
color:#006699;
text-decoration:none;
line-height:35px;
margin:10px;
margin-bottom:20px;
}


h2.videos-title{
text-align:right;
font-size:26px;
color:#565555;
text-decoration:none;
line-height:30px;
margin:0px;
padding-bottom:1px;
display:inline;
border-bottom:#006699 solid 4px;
/*
background:url(../images/bg_heading.png);*/
}


.top-menu{

height:90px;

margin:auto;

width:900px;

direction:rtl;

text-align:left;

padding-top:10px;

color:#FFFFFF;

font-size:19px;

}

.top-menu a{

color:#FFFFFF;

font-size:19px;

text-decoration:none;

}

.top-menu a{

color:#FFFFFF;

font-size:19px;

text-decoration:none;

}

.top-menu a:hover{

color:#000000;

font-size:19px;

text-decoration:none;

}

hr.new-sep{color:#000066;}

/* images */
div.img
  {
  margin:2px;
  border:0px;
  height:auto;
  width:auto;
  float:right;
  text-align:center;
  }
div.img img
  {
  display:inline;
  margin:3px;
  border:1px solid #ffffff;
  height:120px;
  width:120px;
  }
div.img a:hover img
  {
  border:1px solid #06F;
  }
div.desc
  {
  color:#000;
  text-align:center;
  font-weight:normal;
  width:100px;
  margin:2px;
  }

/* side titles*/
div.side
{
  margin: 2px;
  height: 50px;
  width: 300px;
  float: left;
  text-align: center;
  clear: both;
}	
div.side img
{
margin: 3px;
border: 1px solid #ffffff;
float:right;
width:50px;
height:50px;
}
div.side a:hover img {border: 1px solid #0000ff;}
div.sidedesc
{
  text-align: right;
  font-weight: normal;
  width: 220px;
  margin: 2px;
direction: rtl;
padding-right:5px;
}