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 */
/* Urdu */
*[lang=ur]
{
font-family: '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', 'Nafees Web Naskh pakistani BTK', 'MB Sindhi Web', 'MB Lateefi', "Nafees Pakistani Naskh", Ghaffari, Scheherazade, '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', 'Nafees Web Naskh pakistani BTK', 'MB Sindhi Web', 'MB Lateefi', "Nafees Pakistani Naskh", Ghaffari, Scheherazade, '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 ;
}