@charset "utf-8";
/* CSS Document */
body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:16px;
	margin:0px;
	background:#757247;
	color:#666666;
}
h1, h2, form{border:0; margin:0; padding:0; }

a{
	color:#666666;
	outline:none;
}
a:hover{
	color:#999999;
}

#site-container{
	margin:auto;
	width:1008px;
}
#header{
	height:120px;
	background:url(../images/page-header.jpg) no-repeat center;
	
}
#footer {
	text-align:center;margin-top:10px;color:#FFF;margin-bottom:10px;
}
#content-panel-top {
	margin:0px;
	height:25px;
	background:url(../images/content-panel-top-bg.png) no-repeat;
}
#content-panel-bottom {
	margin:0px;
	height:24px;
	background:url(../images/content-panel-bottom-bg.png) no-repeat;
}
#content-panel-middle {
	margin:0px;
	background:url(../images/content-panel-stretch-bg.png) repeat-y;
	padding-left:20px;
	padding-right:20px;
	min-height:400px;
	display:block;
}
#content-left-panel{ width:150px; float:left; }
#content-right-panel{ width:790px; float:right;}

.left-menu {
	margin:0px;
	padding:0px;
	list-style:square;
	padding-left:10px
}
.left-menu li {
	border-bottom:1px solid #CCCCCC;
	margin-top:1px;
}
.left-menu li a{
	padding-bottom:3px;
	display:block;
	padding-top:5px;
	text-decoration:none
}
.left-menu li a:hover{ color:#999999; }
.left-menu-heading { padding:5px;font-weight:bold;margin-top:10px;margin-left:-7px;background:#d5d2a9;color:#FFF }

h1 {
	font-weight:normal;
	font-size:22px;
	/*color:#0e589a;*/
	color:#ADA96E;
	min-height:34px;
}
#welcome-bar {
	font-size:10px;
	text-align:right;
	color:#666666;
	margin-bottom:5px;
	margin-top:-10px;
}
#menu {
	text-align:right;
}

/* --- fieldset and legends --- */
fieldset{
	border:1px solid #CCCCCC;
	padding:5px;
	font-weight:normal;
	background:#FAFAFA;
}
legend {
	font-weight:normal;
	font-size:16px;
	color:#666666;
	padding:5px;
	
}

/* --- forms --- */
.form-container{
	margin:0 auto;
	margin:auto;
	padding:14px;
	border:solid 2px #f3eccf;
	background:#f7f1d7;
	clear:both;
}
.my-form h1 {
	font-size:14px;
	font-weight:bold;
	margin-bottom:8px;
}
.my-form label {
	
}
.my-form input,textarea,select {
	border:solid 1px #CCCCCC;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#666666;
	padding:3px;
}

.small-text {
	color:#98906c;
	font-size:11px;
	font-weight:normal;
}
.error-message { 
	font-family:Calibri;
	border-top:5px solid #FFCCCC;
	background:#fcf0f0;
	border-bottom:5px solid #FFCCCC;
	font-weight:bold;
	color:#CC3300;
	font-size:16px;
	padding:7px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:5px;
	margin-bottom:5px;
}

.message { 
	font-family:Calibri;
	border-top:5px solid #ADA96E;
	background:#d5d2a9;
	border-bottom:5px solid #ADA96E;
	font-weight:bold;
	/*color:#fff;*/
	font-size:16px;
	padding:7px;
	padding-top:7px;
	padding-bottom:7px;
	margin-top:5px;
	margin-bottom:5px;
}

.no-border {
	border:0px;
	border:none;
}
.arabic-textbox{
	direction:rtl;
	text-align:right;
	font-family: Taheri, 'AL-FATEMI(Lisaan-ud-Dawat)';
}
.arabic-text{
	direction:rtl;
	text-align:right;
	font-family: Taheri, 'AL-FATEMI(Lisaan-ud-Dawat)';
	font-size:14px;
}
h2{
	font-size:18px;
	font-weight:normal;
	border-bottom:1px solid #FFFFFF;
	margin-bottom:10px;
	padding:3px;
	padding-left:5px;
	padding-right:5px;
	background:#e8daa3;
	color:#000000;
}
h3{
	margin:0px;
	font-size:14px;
	font-weight:normal;
	border-bottom:1px solid #e8daa3;
	margin-bottom:10px;
	padding:3px;
}
.report-table{
	width:100%;background:#d5d2a9;
}
.report-table th{ 
	background:#d5d2a9;
	color:#FFFFFF;
	padding:5px;
}
.report-table-desc{
	border-bottom:1px solid #CCCCCC;
	font-weight:bold;
}
.report-table-desc table td{ padding:0px; }
.report-table tr{ 
	background:#FFFFFF;
}
.report-table tr:hover{ 
	background:#f4f3e5;
}
.report-table td{ padding:5px; }
			
.help{
	background:url(../images/icon-help.png) no-repeat;
	width:20px;
	height:20px;
	display:block;
}
.tooltip{
	border-bottom:none 1px #C1C184;
}
.clear{ clear:both }
.btn{ background:#F0F0F0;border:1px solid #999; width:75px; text-align:center; padding:5px 10px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size:11px;
	
}

table.details {background:#FFF }
table.details td { padding:5px; background:#FFF }
table.details td.label { font-weight:bold; border-bottom:dashed 1px #CCC; }
table.details td.value {  border-bottom:dashed 1px #CCC;  }

ul.checks { margin:0px; padding:0px; margin-top:5px; list-style:none; }
ul.checks li { margin-bottom:5px;padding-bottom:5px;border-bottom:#999 dashed 1px; }

.icon-maximize { width:20px; height:20px; background:url(../images/icon-max.png) no-repeat; display:inline-block; }
.icon-minimize { width:20px; height:20px; background:url(../images/icon-min.png) no-repeat; display:inline-block; }
.icon-find { width:20px; height:20px; background:url(../images/icon-find.png) no-repeat; display:inline-block; }
.icon-add { width:20px; height:20px; background:url(../images/icon-add.png) no-repeat; display:inline-block; }
.icon-erase { width:20px; height:20px; background:url(../images/icon-erase.png) no-repeat; display:inline-block; }

.user-status { padding:0px 20px 20px 20px;font-size:11px; text-align:left; margin-top:-10px; background:url(../images/content-panel-stretch-bg.png) repeat-y;}

.main-menu { list-style:none; margin:0px;padding:0px; margin-left:30px; }
.main-menu li { list-style:none; margin:0px; padding:0px; width:150px;height:100px; float:left; margin-right:35px; margin-bottom:35px; }
.main-menu li a { display:block;width:150px;height:100px; }
.main-menu li .super-administration { background:url(../images/main-menu/super-administration.jpg) } 
.main-menu li .followup { background:url(../images/main-menu/followup-system.jpg) } 
.main-menu li .masjid-fund-management { background:url(../images/main-menu/masjid-fund-management.jpg) } 
.main-menu li .muwasaat { background:url(../images/main-menu/muwasaat.jpg) } 
.main-menu li .tanzeem-management-system { background:url(../images/main-menu/tanzeem-management-system.jpg) } 
.main-menu li .tqh { background:url(../images/main-menu/tqh.jpg) } 
.main-menu li .bqh { background:url(../images/main-menu/burhani-qarzan-hasana.jpg) } 
.main-menu li .atba-e-hussain { background:url(../images/main-menu/atba-e-hussain.jpg) } 
.main-menu li .sabaq-raza-management { background:url(../images/main-menu/sabaq-raza-management.jpg) } 
.main-menu li .tnc { background:url(../images/main-menu/tnc.jpg) } 
.main-menu li .mumin-data-mgmt { background:url(../images/main-menu/mumin-data-mgmt.jpg) } 
.main-menu li .hs { background:url(../images/main-menu/hs.jpg) } 

.ajax-loader { background:url(../images/ajax-loader.gif) no-repeat center; height:100px; margin-top:50px; margin-bottom:50px}

.mark { width:25px; height:25px; background:url(../images/mark.png); display:inline-block; }
.unmark { width:25px; height:25px; background:url(../images/unmark.png); display:inline-block; }