body,input,li,select,td,th,textarea,div{font-family: arial;}
body,input,li,td,th,textarea,div{font-size: 10pt;}
select{font-size: 9pt;}
body,form,td{margin: 0px;}
h1,h2,h3,h4{font-family: arial; margin: 0px; padding: 3px 0px 5px 0px}
p{margin:0px 0px 12px 0px; text-align: justify;}
ul,ol{
  margin-top: 4px;
  margin-bottom: 4px;
}

a{color: blue; text-decoration: none;}
a:hover{color: #00a; text-decoration: underline;}

div.urdu{
  direction: rtl;
  text-align: right;
}

.urdu, ol.urdu li, ul.urdu li{
  font-family: arial;
  direction: rtl;
  font-size: 18px;
}

span.enu{font-size: 10pt;}

.utext,.ubtn{
  direction: rtl;
  font-family: arial;
  font-size: 18px;
}
.utext{
  width: 100%;
}
.ubtn{height: 26px;}
.red{color: red;}
table.wintop {
  background-color: #7c6;
  border-top: 1px solid threedhighlight;
  border-right: 1px solid threedshadow;
  border-bottom: 1px solid threedshadow;
  border-left: 1px solid threedhighlight;
}
table.wintop tr td{
  font-size: 24pt;
  padding: 2pt 10pt;
}
.rtl{direction: rtl}

table.winmain tr td{
  vertical-align: top;
}

table.winmain tr td.menu{
  font-size: 10pt;
  background-color: #7e6;
  width: 140px;
  height: 500px;
}
table.winmain tr td.en{
  font-weight: bold;
}

.enlink{font-size: 10pt; direction: ltr;}
.enlink a{color: blue; font-weight: bold;}



a.winmain{color: blue;} 
a.menu{color: black; text-decoration: none;}
a.menu:hover{text-decoration: underline; color: red;}

.mainarea{ padding: 5px; }

table.bottom tr td{
  font-family: arial;
  font-size: 10pt;
  background-color: #6c5;
}

a.bottom{text-decoration: none; color: black;}

table.form{
  margin: 10px 0px;
  border-top: 2px solid silver;
  border-left: 2px solid silver;
  border-right: 2px solid gray;
  border-bottom: 2px solid gray;
  background-color: #efe;
  border-collapse: collapse;
}
table.form tr th,table.form tr td{ vertical-align: top;}
table.form tr th{ padding: 5px 2px 0px 5px; text-align: right; font-weight: normal;}
table.form tr td{ padding: 2px 5px;}


.center{
  text-align: center;
}

.ad{
  width: 300px;
  margin: 5px;
  padding: 4px;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid gray;
  border-bottom: 1px solid gray;
  background-color: #ffa;
}

div.rightad{
  margin-bottom: 5px;
  padding: 6px; 
  border: 1px solid; 
  background-color: #ffc; 
  font-size: 11pt; 
  text-align: justify;
  font-weight: bold;
}
a.rightad{color: red;}

table.nazam tr td{
  font-size: 16pt;
  text-align: justify;
}
table.nazam tr td.first{padding: 8px 0px 4px 80px;}
table.nazam tr td.last{padding: 0px 80px 4px 0px;}

/*********************
** List related here
*********************/
table.list {border-collapse: collapse; margin: 10px 0px;}
table.list tr td,table.list tr th{
  text-align: left;
  border: 1px solid silver; 
  padding: 0px 5px;
}
table.list tr th{color: navy; background-color: threedface;}
table.list tr td.r,table.list tr th.r{text-align: right;}
table.list tr td.urdu{text-align: right; direction: rtl; font-size: 14pt;}
a.list{text-decoration: none; color: navy;}
a.list:hover{color: blue;}

div.message{
  margin: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  text-align: center;
  border: 1px solid gray;
  background-color: #ffc;
}

table.terms{ border-collapse: collapse; border: 3px double #999;}
table.terms tr th{background-color: #ddd; border: 1px solid #999;}
table.terms tr td{background-color: #ddd; border: 1px solid #999;}
.termstext{
  position: relative;
  height: 200px; 
  padding: 5px;
  overflow-y: scroll; 
  background-color:#dfd;
}

.ansCat a{
  display: block;
  text-decoration: none; 
  font-size: 11pt; 
  font-weight: bold;
  color: black;
}
.anscat1{background-color: #ffc}

.anshighlight{
  padding: 2px 5px;
  margin-bottom: 2px;
  background-color: #e9ffe0;
  color: #050;
}

.ansQ{font-size: 18px}
.ansQ a{
  color: #009;
  text-decoration: none; 
  font-weight: normal;
}
.ansQ a:hover{color: #00f;}

.ansQDetail a{color: #777;font-weight: bold;text-decoration: none;}
.ansQDetail a:hover{color: #f00; text-decoration: underline;}
.ansQMore{text-align: left;}

.lighyellow{background-color: #ffa;}

.f11{font-size: 11pt;}
.f12{font-size: 12pt;}
.f13{font-size: 13pt;}
.f14{font-size: 14pt;}
.fB{font-weight: bold;}
.fN{font-weight: normal;}
.c399{color: #399;}
.cf00, .cRed{color: #f00;}
.c00a, .cNavy{color: #00a;}
.tac{text-align: center;}
.taj{text-align: justify;}
.tar{text-align: right;}
.tal{text-align: left;}

#member{
  padding: 2px; 
  margin-bottom: 5px;
  border: 1px solid black; 
  background-color: #fff;
}

#anstop td{text-align: center; background-color: #b7eeb6; font-size: 14pt}
