html , body {height: 100%; margin:0px; font-family: "Urdu Naskh Asiatype"; background-color:#eceade; background-position:top; background-image:url(../images/background.jpg); background-repeat:no-repeat;}
#login {position: absolute;left: 50%;top: 50%;width: 500px;height: 200px;margin-left: -250px;margin-top: -100px;z-index:2;vertical-align:middle;border:0px solid #99CCCC;}
#logo {position: absolute;left:50%;top:0px;width:800px;;margin-left:-400px;margin-top:0px;z-index:2;border:0px dashed #99CCCC;}
#ipposition {position: absolute;font-size:11px;right: 10px;top: 10px;text-align:left;z-index:4;font-family:"Century Gothic";font-size:12px;font-weight:bold;color:#FFFFFF;}
#navigation {color:#FFFFFF;font-size:13px;font-family:"Century Gothic";font-weight:bold;width:200px;padding:5px;left:40px;top:130px;z-index:2;padding:10px;position:absolute;border:0px solid #8acce1;line-height:22px;}
#detail {position:absolute; width:800px; height:400px;font-size:11px;left: -400px; top: 50%;margin-left: 50%;margin-top:-150px;z-index:5;font-family:"Century Gothic";font-size:12px;font-weight:bold;color:#000;border:1px dashed #FF0000; background-color:#FFFFFF}


.navigation {text-decoration:none;color:#FFFFFF;font-size:11px;font-family:"Century Gothic";font-weight:bold;line-height:18px;}
.navigation a{text-decoration:none;color:#FFFFFF;font-size:12px;font-family:"Century Gothic";font-weight:bold;line-height:18px;}
.navigation a:visited{text-decoration:none;}
.navigation a:active{text-decoration:none;}
.navigation a:hover{color:#003399;text-decoration:none; font-weight:bold;}
#navigation1 {color:#FFFFFF;font-size:13px;font-family:"Century Gothic";font-weight:bold;width:200px;padding:5px;left:40px;top:280px;z-index:3;padding:10px;position:absolute;border:0px solid #8acce1;line-height:22px;}
.navigation1 a{text-decoration:none;color:#FFFFFF;font-size:10px;font-family:"Century Gothic";font-weight:bold;line-height:18px;}
.navigation1 a:visited{text-decoration:none;}
.navigation1 a:active{text-decoration:none;}
.navigation1 a:hover{color:#003399;text-decoration:underline}
.loginfont {font-family:Arial, Helvetica, sans-serif;font-size:13px;color:#3d88a6;font-weight:bolder;line-height:14px;}
.forgotpass {font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#246388;}
.forgotpass a{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#246388;text-decoration:none;}
.forgotpass a:visited{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#246388;text-decoration:none;}
.forgotpass a:active:{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#246388;text-decoration:none;}
.forgotpass a:hover{color:#999999;text-decoration:underline;}
#copyright {position: absolute;color:#395374;font-size:11px;left: 0px;bottom: 0px;width: 100%;height: 45px;margin-left: 0px;margin-bottom: 0px;-index:3;}
.designby{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#395374;text-decoration:none;}
.designby a{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#395374;text-decoration:none;}
.designby a:visited{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#395374;text-decoration:none;}
.designby a:active{font-family:Arial, Helvetica, sans-serif;font-size:11px;color:#395374;text-decoration:none;}
.designby a:hover{color:#fff;text-decoration:underline;}


#mainIframe{font-family:"Century Gothic";font-size:12px;color:#000000;width:800px;height:400px;}