body{margin:0;padding:0;font-family:arial,sans-serif;position:relative;font-size:12px; color:#888888;}
img{border:0;}
a{color:#888888;text-decoration:none;}
td {vertical-align:top;}
#content{position:absolute;top:192px;left:0; width: 300px;}
#flash{width:100%; background-color:#7c7f83;margin-bottom:10px;}
#main{position:absolute;top:192px;left:315px;right:0;}
#body{width:696px;padding-bottom:60px;}
#login{margin-top:100px;}
#language{position:absolute;top:10px;left:10px;color:white;font-size:11px;}
#language a{color:white;}
p.bodytext {
	margin: 11px 0 11px 0;
}
.csc-header {margin: 22px 0 22px 0;}
.csc-header-n1 {margin-top: 0 !important;}
.csc-header h1,.haficontent h2{border-top:1px solid #888888; margin: 0; border-bottom:1px solid #888888;padding:5px 0 5px 0;;font-size:14px;}
.csc-header h1{font-weight:normal}
.csc-header h1.csc-firstHeader{font-weight:bold;}
.csc-header h2{border-top:1px solid #888888;padding:5px 0 5px 0;margin:0 0 10px 0;font-size:14px;margin-bottom:0}
p.bodytext{font-size:13px;color:#888888;}
#head{position:fixed;left:0;top:0;width:100%;z-index:1000;min-width:1024px;}
#header{background:url(../images/header.jpg) #555555 no-repeat;height:118px;}
#logo{position:absolute;top:24px;right:30px;width:329px;height:31px;background-color:red;background:url(../images/hafi_logo.gif) transparent no-repeat;}
#content {position:fixed;left:0;top:192px;width:257px}
#submenu ul{padding:0;margin:0;border-top:1px solid #888888;}
#submenu ul li{list-style:none;border-bottom:1px solid #888888;padding:5px 0 5px 0;font-size:12px;width:257px;}
#submenu ul li a{text-decoration:none;color:#888888;padding-left:28px;}
#submenu ul li.active a{text-decoration:none;color:black;padding-left:28px;}
#menu{background-color:#73C41D;padding:5px 0 5px 0;border-bottom:1px solid #888888;}
#menu ul li div {width:143px;float:left;}
#menu a{text-decoration:none;color:white;}
#menu li.active a{text-decoration:none;color:black;}
#menu ul li{display:inline;margin:0 70px 0 0;font-size:14px;}
#menu ul{margin:1px 0 1px 0;padding-left:28px;}
#footer ul{margin:0;padding: 6px 0 6px 28px;border-top:1px solid #c4c4c4;border-bottom:1px solid #c4c4c4;}
#footer{position:fixed;height:47px;bottom:0px;width:100%;left:0;z-index:1500;background-color:white;}
#footer ul li{display:inline;padding:0 10px 0 0;font-size:11px;}
#footer ul li a{text-decoration:none;font-weight:bold;color:#c4c4c4;}
#footer ul li.active a{color:black;}
#footer{width:100%;padding:0}
#language{position:absolute;left:28px;top:24px;font-size:10px;}
#language a{text-decoration:none;}
.haficontent{margin-bottom: 22px;}
.hafiimage{float:left;margin: 0 0 0 20px;}
.hafiimage.first {margin-left:0;}
.hafitext ul {padding-left:12px;}
.hafitext p {margin-top:0;}
.hafitext{margin-left: 20px; font-size:11px; color:#888888;float:left;padding-bottom: 15px;}
.hafitext .download {margin-top: 10px;}
.hafitext_25{width:160px}
.hafitext_50{width:358px}
.hafitext_75{width:500px}
.hafitext.nomargin {margin-left:0; !important}
.clearhelper{clear:left;height:1px;line-height:1px;font-size:1px;}
/* tx-newloginbox */
.tx-newloginbox-pi1 {padding-left:28px; font-size:12px;color:#888888;}
.tx-newloginbox-pi1 h3, .tx-newloginbox-pi1 label {font-weight: normal;}
.tx-newloginbox-pi1 th {padding:0;text-align:left;width:90px;}
.tx-newloginbox-pi1 input#user,.tx-newloginbox-pi1 input#pass {width: 130px;}

.tx-jhhaficontent-pi2 {font-size: 12px;}
.tx-jhhaficontent-pi2 ul {margin:0;padding:0;border-top:1px solid #888888;}
.tx-jhhaficontent-pi2 ul li {list-style:none inside; margin:0;padding:6px 0 6px 0;border-bottom:1px solid #888888;}
/* IE6 stuff */
*html div#footer{position:absolute;top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop
+(documentElement.clientHeight-this.clientHeight)
:document.body.scrollTop
+(document.body.clientHeight-this.clientHeight));}

*html div#head{position:absolute;top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop :document.body.scrollTop);}
*html div#head{width:expression(document.body.clientWidth < 1024? "1024px":"auto" );}
*html div#content{position:absolute;top:expression((eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop :document.body.scrollTop)+192);}

*html div#head{position:absolute;top:0;}
*html div#content{position:absolute;top:192px;}

#logo2 {
	display:none;
}