html {
direction: rtl;
height: 100%;
margin-bottom: 1px;
}
@font-face {
    font-family: Nafees Web Naskh pakistani BTK;
    font-style:  normal;
    font-weight: normal;
    src: url(/fonts/NAFEESW0.eot);
}
@font-face {
    font-family: MB Khursheed;
    font-style:  normal;
    font-weight: normal;
    src: url(/fonts/MBKHURS0.eot);
}

@font-face { /* For other browsers */
  font-family: Nafees Web Naskh pakistani BTK;
  font-style:  normal;
  font-weight: normal;
  src:	local("Nafees Web Naskh pakistani BTK"),
		url(/fonts/NafeesWebNaskhpakistaniBTK.ttf);
}
@font-face { /* For other browsers */
  font-family: MB Khursheed;
  font-style:  normal;
  font-weight: normal;f
  src:	local("MB Khursheed"),
		url(/fonts/xyzfont.ttf);
}

/* Language-based Designs */
/* Arabic */
*[lang=ar]
{
	font-family: 'Traditional Arabic', 'Microsoft Sans Serif', 'Times New Roman', Arial;
}
span[lang=ar-sa]
{
	font-family: 'Times New Roman', Arial;
}

/* Urdu */
*[lang=ur]
{
font-family: 'Jameel Noori Nastaleeq', 'Nafees Web Naskh pakistani BTK', 'Nafees Web Naskh', Ghaffari, Scheherazade, 'Majalla UI', 'Arabic Typesetting', Tahoma, Lateef, 'Urdu Naskh Asiatype', 'Microsoft Sans Serif', 'Times New Roman', Arial;
}
/* Sindhi */
*[lang=sd]
{
font-size: 100%;
font-family: 'MB Khursheed', Scheherazade, 'MB Sindhi Web', 'MB Lateefi', "Nafees Pakistani Naskh", Ghaffari, 'Arabic Typesetting', 'Majalla UI', 'Microsoft Uighur', Lateef, Tahoma, 'PakType Tehreer', 'Microsoft Sans Serif', 'Times New Roman', Arial;
}
.sindhi {
font-size: 120%;
font-family: 'MB Khursheed', Scheherazade, 'MB Sindhi Web', 'MB Lateefi', "Nafees Pakistani Naskh", Ghaffari, 'Arabic Typesetting', 'Majalla UI', 'Microsoft Uighur', Lateef, Tahoma, 'PakType Tehreer', 'Microsoft Sans Serif', 'Times New Roman', Arial;
}


#hidden {
	display:none;
}
#head {
     position:relative;
     top:0px;
     left:0px;
     width:992px;
     height:138px;
     border:0px;
}

#headright {
 	 background-image:url('/urdu/images/logo/JIM-color-logo.png');
     background-repeat: no-repeat;
     background-position: center;
     position:absolute;
     top:0px;
     right:0px;
     width:198px;
     height:136px;
     border:0px;
          opacity:1.0;
	filter:alpha(opacity=100);

}

#headleft {
     background-image:url('/urdu/images/TOP2.gif');
     background-repeat: no-repeat;
     position:absolute;
     top:0px;
     right:198px;
     width:794px;
     height:136px;
     border:0px;
     opacity:1.0;
	filter:alpha(opacity=100);

  }

/* font-family; margins=0 padding=0*/
body {
background-image:url('/urdu/images/bg.gif');
background-attachment:scroll;
background-repeat: repeat;
/*background-color: #457520;*/
background-color: #3d3d3d;
line-height: 200%;
margin: 0px 0px 0px 0px;
padding: 0;
}
/* Main table containing the whole body of the page */
/* Has 0 margin and 850px width */
div.square {
border-style:groove;
border-width:1px;
border-color: #272727;
padding:0px;
background-color: #B2CB7F;
text-align: center;
margin: 10px 2px;
}

DIV.main {
border-style:groove;
border-width:6px;
border-style: solid;
border-color: #272727;
margin:12px auto;
padding:0px;
width: 992px;
/*background-color: #96BE96;*/
background-color: #e3efcd;
opacity:0.9;
filter:alpha(opacity=90);

}

img { border: 0 none; }


/* Removing underlining in links for Urdu, it underlines only on mouse hover and becomes red */
A:link {text-decoration: none;
	font-weight: normal;
	/* color: #2C4C1C;} */
	color: #9c2c1c;}
A:visited {text-decoration: none;
	font-weight: normal;
	/* color: #9c2c1c;} */
	color: #9c2c1c;}
A:active {text-decoration: none; font-weight: normal;}
A:hover {
	text-decoration: underline;
	font-weight: normal;
	color: #9c2c1c;
	/*background-color:#A3C167;*/
}

.navigate A {padding:2px 2px; }
.navigate A:link {border:2px solid #6E6E6E; text-decoration: none; color: #2C4C1C; font-size: 14pt;}
.navigate A:visited {border:2px solid #6E6E6E; text-decoration: none; color: #2C4C1C; font-size: 14pt;}
.navigate A:active {border:2px solid #6E6E6E; text-decoration: none; color: #2C4C1C; font-size: 14pt;}
.navigate A:hover {
	border:2px solid #333;
	text-decoration: underline;
	color: #C2D69B;
	background-color:#356515;
	font-size: 14pt;
}
.langbar A {padding:0px 0px; }
.langbar A:link {border:1px solid #6E6E6E; text-decoration: none; color: #2C4C1C; font-size: 10pt;}
.langbar A:visited {border:1px solid #6E6E6E; text-decoration: none; color: #2C4C1C; font-size: 10pt;}
.langbar A:active {border:1px solid #6E6E6E; text-decoration: none; color: #2C4C1C; font-size: 10pt;}
.langbar A:hover {
	border:1px solid #333;
	text-decoration: underline;
	color: #C2D69B;
	background-color:#356515;
	font-size: 10pt;
}

P.navigate {
direction: rtl;
font-size: 14pt;
margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:2px
}
hr.navigate { padding: 0; height: 2px; margin:0; }

table.simple {
border-style: groove; border-width: 2px; padding: 2px}
TABLE.main{
border-style:groove;
border-width:2px;
align: center;
margin:0px;
padding:0;
width: 100%;
}
table.header {
align: center;
margin:0px;
padding:0;
width: 100%;
}
Table {
	border-style: solid;
	border-width: 0px;
	border-color: #333;
	/*width: 100%;*/
	position: center;
}
TABLE.main{
border-style:groove;
border-width:2px;
align: center;
margin:3px;
padding:0;
width: 100%;
}

P {
font-size: 16pt;
/*line-height: 140%;*/
margin-bottom: 10pt;
margin-top: 0pt;*/
font-weight: normal;
}
P.small {
font-size: 14pt;
line-height: 150%;
margin-bottom: 5pt;
margin-top: 0pt;
font-weight: normal;
}
P.smaller {
font-size: 12pt;
line-height: 120%;
margin-bottom: 10pt;
margin-top: 0pt;
font-weight: normal;
}
P.navigation {
font-size: 16pt;
margin-bottom: 0pt;
margin-top: 0pt;
font-weight: normal;
}
P.langbar {
font-size: 10pt;
margin-bottom: 0pt;
margin-top: 0pt;
font-weight: normal;
font-family: Tahoma, Arial;
}

.siraiki {
font-family: 'Nafees Web Naskh pakistani BTK', Ghaffari, Scheherazade, 'Arabic Typesetting', 'Majalla UI', 'Microsoft Uighur', Lateef, Tahoma, 'PakType Tehreer', 'Microsoft Sans Serif', 'Times New Roman', Arial;
}
P.sher {
font-size: 16pt;
/*line-height: 120%;*/
margin-bottom: 20pt;
margin-top: 10pt;
text-align: center; color:#444444
}
P.ayat {
font-size: 16pt;
}
.english {
font-size: 12pt;
direction: "ltr";
font-family: Arial, 'Times New Roman', Garamond;
font-weight: normal
}
H1.english {
font-size: 20pt;
color: #008000;
}
H3.english {
font-size: 16pt;
color: #008000;
}
H5.english {
font-size: 12pt;
color: #666633;
}
H4.media {
	font-size: 16pt;
	color: #222;
}
H5.media {
	font-size: 12pt;
	color: #333;
	text-indent: 20pt;
}
H1,H2,H3,H4,H5,H6#reversed { color: black }
H1 {
padding: 0;
font-size: 30pt;
margin-bottom: 10pt;
margin-top: 0pt;
line-height: 140%;
font-weight: normal;
color: #663300;
}
H2 {
padding: 0;
font-size: 26pt;
margin-bottom: 10pt;
margin-top: 0pt;
line-height: 140%;
font-weight: normal;
color: #996633;
}
H3 {
font-size: 22pt;
margin-bottom: 10pt;
margin-top: 0pt;
line-height: 140%;
font-weight: normal;
/*color: #4ba123;*/
color: #B97B3E;
}
H4 {
font-size: 18pt;
margin-bottom: 10pt;
margin-top: 0pt;
line-height: 140%;
font-weight: normal;
color: #CC9900;
}
H5 {
font-size: 14pt;
margin-bottom: 10pt;
margin-top: 0pt;
line-height: 140%;
font-weight: normal;
color: #996633;
}
H6 {
font-size: 14pt;
line-height: 140%;
font-weight: bold;
}
TD {
font-size: 15pt;
/*line-height: 140%;*/
margin-bottom: 5pt;
margin-top: 5pt;
font-weight: normal;
vertical-align: top;
border-style: solid;
border-width: 0px;
border-color: #333;
}
Table.tabular
{
font-size: 15pt;
border-color: #333;
border-width: 2px;
padding:0px;
width: 100%;
spacing:5px;
}
TD.tabular {
font-size: 15pt;
margin-bottom: 5pt;
margin-top: 5pt;
font-weight: normal;
vertical-align: top;
border-style: solid;
border-width: 1px;
border-color: #333;
padding:0px;
spacing:5px;
}

#searchdiv {
     position:relative;
     float:right;
     top:5px;
     right:0px;
     width:198px;
     height:50px;
     border:0px;
}
/* Horizontal Navigation Menu Design
 * Provided by a website
 * Completely CSS based, no images
*/
#tswcsstabs {
     position:relative;
     float:left;
     top:3px;
     right:0px;
     width:794px;
     height:50px;
     border:0px;
}

#tswcsstabs ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
	display: inline ;
}
#tswcsstabs ul li {
	margin: 0px ;
	padding: 0px ;
	display: inline ;
	text-align: center ;
	list-style: none ;
	font-size: 14pt;
}
#tswcsstabs li a {
	color: #000 ;
	background-color: #c9c9c9 ;
	border: 1px outset #000 ;

	padding: 6px ;
	text-decoration: none ;
	display: inline ;
}
#tswcsstabs li a:hover {
	color: #ccc ;
	background-color: #373737 ;
}

/* Vertical Menu Design - Orange color
 * From another website
*/

#tswcssbuttons {
	width: 180px ;
	text-align: center ;
}
#tswcssbuttons ul {
	margin: 0 ;
	padding: 0 ;
	list-style: none ;
}
#tswcssbuttons li {
	margin: 0 ;
	padding: 0 ;
	display: block ;
	list-style: none ;

}
#tswcssbuttons li a {
	color: #111 ;
	background-color: #c9c9c9 ;
	border: 1px outset #000 ;
	width: 180px ;
	text-decoration: none ;
	display: block ;
}
#tswcssbuttons li a:hover {
	color: #eee ;
	background-color: #373737 ;
}