﻿html {
	height:100%;
	padding:0;
	margin:0;
	border:0;
}
body {
	background:#fff;
	direction: ltr;
	padding:0;
	margin:0;
	color:#532E25;
	border:0;
}
#wrap {
	width: 834px;
	min-height:100%;
	position:relative;
	background: #fff;
	margin:0 auto 0 auto;
}
/* header area */

#header {
	width: 834px;
	height: 75px;
	padding: 40px 0 0 0;
	margin: 0 auto 0 auto;
	background-color: #FFFFFF;
	position: relative;
	z-index: 10000;
}
.logo {
	float:right;
	padding: 0;
	margin: 0 0 0 0;
}
.linksHome {
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #A68462;
	float:left;
	text-align:left;
	margin: 16px 0 0 0;
	padding:0;
}
.linksHome a {
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #A68462;
	text-decoration: none;
}
.banner {
	z-index:-1;
}
.banner img{
	vertical-align: top;
}
/* Container area */

#container {
	width:834px;
	margin: 0 auto 0 auto;
	padding: 0 0 13px 0;
	background-color:#FFFFFF;
	overflow: hidden;
	position: relative;
}
/* side_nav area */	

#side_nav {
	width:200px;
	float: right;
	color:#28754B;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	position: relative;
}
.rightNavigation {
	background-color: #a78462;
	width: 200px;
	height: 200px;
	display: block;
	padding: 0 0 0 0;
	margin: 0 0 11px 0;
}
.rightNavigation .date {
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0 0 0 12px;
	text-align:  left;
	line-height: 20px;
	color: #fff;
}
.usefulLink {
	background-color: #7AB2DC;
	display: block;
	padding: 0;
	margin: 0;
	height: 200px;
	color: #fff;
}
.usefulLink ul {
	padding: 2px 0;
	margin: 0 0 0 12px;
	list-style: none;
}
.usefulLink ul li {
	padding: 0;
	margin: 2% 0;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	list-style: none;
}
.usefulLink ul li a {
	list-style: none;
	color: #fff;
	text-decoration: none;
}
.field_holder {
	width: 200px;
	height: 37px;
	float: left;
	padding:5px 0 0 0;
}
.field_holder input {
	padding:  1px;
	text-align: left;
	width: 194px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	color: #A78562;
	border: 1px solid #ddd;
}
.icons {
	padding: 0 0 0 0;
	margin: 0px 0;
	margin-left: -3px;
	float: left;
	direction: rtl;
	width: 200px;
}
.icons table tr td {
	padding: 0 0 0 7px;
	margin: 0 0 0 0;
}
/* Added by ahmed this is for chrome IE  */
.chromeIcons {
	direction: rtl;
	width: 200px;
	margin-bottom: 60px;
	margin-left: -6px;
}

/* content area */	

#content {
	width: 622px;
	float:left;
	/*Yahya updates*/
	position:relative;
	left:-10px;
	top:-19px;
}
.boxhead {
	width: 622px;
	margin: 10px 0 15px 0;
	padding:0 0 0 0;
	text-align: left;
}
.boxbody {
	width: 622px;
	margin:0;
	padding: 0 0 5px 0;
	font-size: 11px;
	font: Tahoma, Arial, Helvetica, sans-serif;
}
/*Added by Elham to fix the links*/
.boxbody a {
	list-style: none;
	/*font-size: 10px;*/
	font: Tahoma, Arial, Helvetica, sans-serif;
	color: #532E25;
	text-decoration: none;
}
.news {
	width: 200px;
	padding: 0;
	margin: 0 11px 0 0;
	float: left;
}
.news p {
	text-align:justify;
	margin:5px 0 10px 0;
	padding:0;
	color: #532E25;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}
.news ul {
	padding: 2px 0;
	margin: 0;
	color: #532E25;
	list-style: none;
}
.news ul li {
	padding: 0;
	margin: 4px 0;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #532E25;
	list-style: none;
}
.news ul li a {
	list-style: none;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #532E25;
	text-decoration: none;
}
.tools {
	width: 200px;
	padding: 0;
	margin: 0 11px 0 0;
	float: left;
}
.tools p {
	text-align:justify;
	margin:5px 0 10px 0;
	padding:0;
	color: #532E25;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}
.tools ul {
	padding: 2px 0;
	margin: 0;
	color: #532E25;
	list-style: none;
}
.tools ul li {
	padding: 0;
	margin: 4px 0;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #532E25;
	list-style: none;
}
.tools ul li a {
	list-style: none;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #532E25;
	text-decoration: none;
}
.linksMain {
	width: 200px;
	padding: 0;
	margin: 0 0 0 0;
	float: left;
}
.linksMain p {
	text-align:justify;
	margin:5px 0 10px 0;
	padding:0;
	color: #532E25;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
}
.linksMain ul {
	padding: 2px 0;
	margin: 0;
	color: #532E25;
	list-style: none;
}
.linksMain ul li {
	padding: 0;
	margin: 4px 0;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #532E25;
	list-style: none;
}
.linksMain ul li a {
	list-style: none;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #532E25;
	text-decoration: none;
}
.stock {
	width: 622px;
	margin: 10px 0;
	padding:0 0 0 0;
	text-align: right;
	float: right;
	position: absolute;
	display: block;
	/*left: 0;
	bottom: 48px;*/
	/*Yahya updates*/
	left: 10px;
	bottom: 3px;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color: #532E25;
}
/*
Content Inner
---------------------------------------------- */

.contentInner {
	width: 622px;
	float: right;
	margin: 20px 0 20px 0;
}
.contentInner .contentInnerHeader {
	width: 622px;
	height: 200px;
	float: right;
	z-index: 10000;
}
.contentInner .contentInnerHeader .contentInnerRight {
	width: 410px;
	float: right;
}
.contentInner .contentInnerHeader .contentInnerRight .headerInner {
	width: 410px;
	height: 200px;
	float: right;
	padding: 0;
	margin: 0 0 10px 0;
}
.contentInner .contentInnerHeader .contentInnerLeft {
	width: 200px;
	height: 200px;
	background-color: #FFFFFF;
	float:left;
}
.contentInner .contentIn {
	font: normal;
	font-size:12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	padding:   0;
	margin: 10px 0 0 0;
	/*margin: -30px 0 0 0;*/
	color: #6CAEE0;
	line-height: 30px;
	width: 410px;
	float: right;
	text-align: left;
}
.contentInner .contentIn .title {
	font: bold;
	font-size: 20px;
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	text-align: left;
	padding:   0;
	margin:   0 0 0 0;
	color: #6CAEE0;
	line-height: 20px;
}
.contentInner .contentIn a {
	font: bold;
	font-size: 12px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: left;
	padding:   0;
	margin:   0 0 0 0;
	color: #000000;
	line-height: 20px;
}
.contentInner .contentIn p {
	font: normal;
	/*
	Font size commented out to let the Font Sizer icons work
	font-size: 11px;*/
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	text-align: justify;
	padding:   0;
	margin:  10px 0 10px 0;
	color:#532E25;
	line-height: 17px;
}
/* form */
.form {
	float: left;
	background:#e7e0d2 none repeat scroll 0 0;
	margin: 10px 0 0 0;
	padding:0;
	width: 480px;
}
.form .heading {
	margin:0 14px;
}
.form .heading h2 {
	background:transparent url(../images/border_dotted.gif) repeat-x scroll left bottom;
	margin:0 0 7px;
	padding:17px 0 8px;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #532E25;
}
.form .heading p {
	color:#532E25;
	font-size:1.1em;
	line-height:1.363em;
	margin:0;
	padding:0 0 8px 0;
}
.form .heading p em {
	display:block;
	font-style:italic !important;
	color:#532E25;
	font:  italic 11px Arial, Helvetica, sans-serif;
	line-height:15px;
	text-align:left;
	padding: 0;
	margin: 0;
}
.form .divider {
	width: 450px;
	margin:0 14px;
	padding:11px 0 0;
}
.form .divider tr td {
	background:transparent url(../images/border_dotted.gif) repeat-x scroll left top;
	margin:0;
	padding:11px 0 0;
}
.form .divider tr td label {
	color:#532E25;
	display:block;
	margin:0 0 6px;
	font: bold 12px Arial, Helvetica, sans-serif;
}
.form .divider tr td input.text {
	border:1px solid #DCDCDC;
	color:#777777;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height:15px;
	margin:0 14px 14px 0;
	padding:2px 4px 0;
	width:279px;
	display:block;
}
.form .divider select {
	border:1px solid #DCDCDC;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height:25px;
	margin:0 14px 14px 0;
	padding:1px;
	width:286px;
}
.form .divider input.radio {
	width:auto !important;
	border:1px solid #DCDCDC;
	color:#777777;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height:15px;
	margin:0 0 14px 0;
	padding:2px 4px 0;
}
.form .divider input.file {
	border:1px solid #DCDCDC;
	font: normal 10px Arial, Helvetica, sans-serif;
	height:17px;
	margin:0 14px 14px 0;
	padding:2px 4px 0;
	width:288px;
	color:#532E25;
}
.form .divider small {
	color:#532E25;
	margin:0 0 14px 0;
	padding:1px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.form .divider textarea {
	border:1px solid #DCDCDC;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height:90px;
	margin:0 14px 14px 0;
	padding:1px;
	width:286px;
}
.form .star {
	color:#FF2B06;
	font-weight:bold;
	text-align:left;
	padding: 0;
	margin:0 0 0 2px;
}
.clear {
	clear:both;
	margin-bottom:15px;
}
/* footer */

#footer {
	width: 834px;
	clear:both;
	margin:10px 0 0 0;
	padding:0 0 0 0;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#A68462;
	text-align: right;
}
#footer span {
	margin: 0 0 0 0;
	padding:0 0 0 0;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#A68462;
	text-align: center;
}
#footer a {
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	color:#A68462;
	text-decoration:none;
	line-height:27px;
	padding: 0;
}
#footer a:hover {
	color: #A68462;
	text-decoration: underline;
}
/* Tool Tip */
.tooltip {
	padding: 0;
	background-color: #E7E3DA;
	border: 1px solid #5B1200;
	color: #000;
	z-index: 10000;
	width: 250px;
	float:left;
}
.tooltip table {
	padding: 0;
	background-color: #E7E3DA;
	color: #000;
	z-index: 10000;
}
.tooltip table tr td {
	padding: 4px;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 8px;
}
.tooltip table tr td img {
	padding: 0 3px 0 3px;
	text-align:right;
	display:inline;
}
.tooltip table tr td img a {
	text-align:right;
	margin: 0 5px;
	display:inline;
	padding: 0 0 0 0;
}
.tooltip table tr td p {
	padding: 0;
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	line-height: 17px;
}
.tooltip table tr td a {
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #5B1200;
	font-weight:bold;
	text-decoration: underline;
}
/************* Latest menu styles 15 May 2009 ******************/
/* menu */

#navbar {
	width: 622px;
	height:25px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	float: left;
	clear: both;
	position: absolute;
	left: 0px;
	z-index: 10000;
	bottom:0;
}
.menu {
	font-family: arial, sans-serif;
	width:622px;
	height:25px;
	position:relative;
	margin:0;
	margin:0 0 0 0;
	background:#dfebf8;
	position:relative;
	z-index:100;
}
.menu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.menu ul li {
	float: left;
}
.menu ul li a, .menu ul li a:visited {
	display:block;
	text-decoration:none;
	padding:0 0 0 0;
	height:26px;
	line-height:25px;
	color:#000;
}
.menu table {
	border-collapse:collapse;
	margin:0;
	padding:0;
	font-size:1em;
}
.menu ul li ul {
	visibility:hidden;
	position:absolute;
	top:25px;
	left:0;
	height:26px;
}
.menu ul li ul li {
	padding: 0;
	background:url(../images/Inma/menu/lineBlue.gif) right top no-repeat;
}
.menu ul li:hover a, .menu ul li a:hover {
	color:#fff;
}
.menu ul li:hover ul, .menu ul li a:hover ul {
	visibility:visible;
	width:622px;
	background:#6daee0;
	color:#fff;
}
.menu ul li:hover ul li {
	padding: 0 1px 0 0;
	margin: 0;
}
.menu ul li ul li ul li {
	padding: 0;
	background:url(../images/Inma/menu/lineRed.gif) right top no-repeat;
}
.menu ul li:hover ul.left_side li {
	padding: 0 0 0 0;
	margin: 0;
}
.menu ul li:hover ul.left_side li, .menu ul li a:hover ul.left_side li {
	float: left;
	border:0;
	padding:  0 1px 0 0;
	margin: 0;
}
.menu ul li:hover ul li a.sub, .menu ul li a:hover ul li a.sub {
	color:#fff;
}
.menu ul li:hover ul li ul, .menu ul li a:hover ul li a ul {
	visibility:hidden;
	position:absolute;
	left:0;
	top:25px;
}
.menu ul li:hover ul li a, .menu ul li a:hover ul li a {
	display:block;
	background:#6daee0;
	color:#fff;
}
.menu ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover {
	color:#000;
}
.menu ul li:hover ul li:hover ul, .menu ul li a:hover ul li a:hover ul {
	visibility:visible;
	color:#000;
	background:#39140C;
}
.menu ul li:hover ul.right li {
	float: left;
}
.menu ul li:hover ul li:hover ul li a, .menu ul li a:hover ul li a:hover ul li a {
	background:#39140C;
	color:#000;
}
.menu ul li:hover ul li:hover ul li a:hover, .menu ul li a:hover ul li a:hover ul li a:hover {
	background:#39140C;
	color:#fff;
}
/************* END Latest menu styles 15 May 2009 ******************/


.firstMenu {
	width:622px;
	height:25px;
	margin:0 0 0 0;
	padding:0;
	z-index:1000;
	position:relative;
}
.firstMenu ul {
	padding:0;
	margin:0;
	list-style-type: none;
	background:#6daee0
}
.firstMenu ul li {
	float:left;
	padding:0;
	margin: 0;
}
.firstMenu ul li a {
	display:block;
	text-decoration:none;
	padding:0 0 0 0;
}
.secondMenu {
	width:622px;
	height:21px;
	margin:0 0 0 0;
	padding:0;
	z-index:1000;
	position:relative;
	top: 0px;
	background:#6daee0;
}
.secondMenu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.secondMenu ul li {
	float:left;
	padding: 0 5px;
	margin: 0;
	background: url(../images/Inma/menu/lineBlue.gif) right top no-repeat;
}
.secondMenu ul li a {
	display:block;
	text-decoration:none;
	padding:0 0 0 0;
}
.thirdMenu {
	width:622px;
	height:21px;
	margin:0 0 0 0;
	padding:0;
	z-index:1000;
	position:relative;
	top: 0px;
	background:#5b1201;
}
.thirdMenu ul {
	padding:0;
	margin:0;
	list-style-type: none;
}
.thirdMenu ul li {
	float:left;
	padding: 0 5px;
	margin: 0;
	background: url(../images/Inma/menu/lineRed.gif) right top no-repeat;
}
.thirdMenu ul li a {
	display:block;
	text-decoration:none;
	padding:0 0 0 0;
}
/* form Date Convert */
.formDateConvert {
	float: left;
	background:#e7e2da;
	margin: 10px 0 0 0;
	padding:0;
	width: 480px;
}
.formDateConvert .headingDateConvert {
	margin: 0 0 0;
	padding: 0 14px;
	width: 452px;
}
.formDateConvert .headingDateConvert h2 {
	/*background: #e7e2da url(../images/border_dotted.gif) repeat-x scroll left bottom;*/
	/* Update on line below is based on updated received from Renad on 18th May 2009 */
	background: transparent url(../images/border_dotted.gif) repeat-x scroll left bottom;
	margin:0 0 7px;
	padding:17px 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	color:#000000;
}
.formDateConvert .headingDateConvert p {
	color:#666666;
	font-size:1.1em;
	line-height:1.363em;
	margin:0;
	padding:0 0 8px 0;
}
.formDateConvert .headingDateConvert p em {
	display:block;
	font-style:italic !important;
	color:#666666;
	font:  italic 11px Arial, Helvetica, sans-serif;
	line-height:15px;
	text-align:left;
	padding: 0;
	margin: 0;
}
.formDateConvert .star {
	color:#FF2B06;
	font-weight:bold;
	text-align:left;
	padding: 0;
	margin:0 0 0 2px;
}
.formDateConvert table.dateConvert {
	width: 450px;
	margin:0 14px;
	padding:11px 0 0;
}
.formDateConvert .dateConvert tr td {
	background:transparent url(../images/border_dotted.gif) repeat-x scroll left top;
	margin:0;
	padding: 11px 0 8px 0;
}
.formDateConvert .dateConvert tr td label {
	color:#545454;
	margin: 3px 0;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.formDateConvert .dateConvert .view {
	padding: 2px 6px;
	margin: 9px 0 9px 110px;
	border: 1px solid #fff;
	background-color: #f7f7f7;
	color: #545454;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}
.formDateConvert .dateConvert .create {
	padding: 2px 6px;
	margin: 9px 0;
	border: 1px solid #fff;
	background-color: #A68462;
	color: #fff;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}
.formDateConvert .dateConvert .textYear {
	border:1px solid #DCDCDC;
	color:#777777;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	width: 70px;
	height: 15px;
	margin: 0 0 0 0;
}
.formDateConvert .dateConvert .selectDate {
	border:1px solid #DCDCDC;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	width:70px;
	margin: 0 5px 0 0;
}
.formDateConvert .dateConvert span {
	color:#532E25;
	margin:10px 5px 0 0;
	padding:1px;
	line-height: 35px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.formDateConvert .dateConvert .errorMsg {
	font: italic 10px Tahoma, Arial, Helvetica, sans-serif;
	padding: 3px 0 0 0;
	margin:0;
	color:#FF2B06;
	display: block;
	clear: both;
}
.formDateConvert .dateConvert .convert {
	margin: 0 0;
	display: block;
	font-family:Tahoma;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding: 2px 3px;
	color:#555555;
}
.formDateConvert .dateConvert input.text {
	border:1px solid #DCDCDC;
	color:#777777;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height:15px;
	margin: 5px 0;
	padding:2px 4px 0;
	width: 337px;
}
.formDateConvert .dateConvert img {
	border:0px solid #DCDCDC;
	margin:  0 0 2px 0;
	padding:0 0 0 0;
}
.titleDateConvertor {
	text-align: left;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #6caedf;
	line-height: 30px;
	margin: 10px 0 0 0;
	display: block;
}
.contentInner .titleDateConvertor {
	text-align: left;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #6caedf;
	line-height: 30px;
	margin: 10px 0 10px 0;
	display: block;
}
/* form Zakat */
.formZakatCalculator {
	float: left;
	background:#e7e2da;
	margin: 0px 0 0 0;
	padding:0;
	width: 622px;
	position:relative;
	left: 10px;
}
.formZakatCalculator .headingZakat {
	margin: 0 0 0;
	padding: 0 14px;
	width: 452px;
}
.formZakatCalculator .headingZakat h2 {
	margin:0 0 7px;
	padding:25px 0 5px 0;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-align: left;
	color:#000000;
}
.formZakatCalculator .headingZakat p {
	color:#666666;
	font-size:1.1em;
	line-height:1.363em;
	margin:0;
	padding:  0;
}
.formZakatCalculator .headingZakat p em {
	display:block;
	font-style:italic !important;
	background:transparent url(../images/border_dotted.gif) repeat-x scroll left top;
	color:#666666;
	font:  italic 11px Arial, Helvetica, sans-serif;
	line-height:15px;
	text-align:left;
	padding: 5px 0;
	margin:  0 0 0 0;
}
.formZakatCalculator .star {
	color:#FF2B06;
	font-weight:bold;
	text-align:left;
	padding: 0;
	margin:0 0 0 2px;
}
.formZakatCalculator .zakat .star {
	color:#FF2B06;
	font-weight:bold;
	text-align:left;
	padding: 0;
	margin:0 0 0 2px;
}
.formZakatCalculator table.zakat {
	width: 600px;
	margin:0 14px;
	padding:11px 0 0;
}
.formZakatCalculator .zakat tr td {
	background:transparent url(../images/border_dotted.gif) repeat-x scroll left top;
	margin:0;
	padding: 5px 0;
}
.formZakatCalculator .zakat h2 {
	margin:0 0 7px;
	padding: 10px 0 0 0;
	font: bold 14px Arial, Helvetica, sans-serif;
	text-align: left;
	background:transparent url(../images/border_dotted.gif) repeat-x scroll left top;
	color:#000000;
}
.formZakatCalculator .zakat tr td label {
	color:#545454;
	margin:  0;
	font: bold 11px Arial, Helvetica, sans-serif;
}
.formZakatCalculator .zakat .view {
	padding: 2px 6px;
	margin: 9px 0 9px 110px;
	border: 1px solid #fff;
	background-color: #f7f7f7;
	color: #545454;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}
.formZakatCalculator .zakat .create {
	padding: 2px 6px;
	margin: 9px 0;
	border: 1px solid #fff;
	background-color: #A68462;
	color: #fff;
	font: normal 10px Tahoma, Arial, Helvetica, sans-serif;
	text-align: center;
}
.formZakatCalculator .zakat .selectDate {
	border:1px solid #DCDCDC;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	width:70px;
	margin: 0 5px 0 0;
}
.formZakatCalculator .zakat span {
	color:#532E25;
	margin:10px 5px 0 0;
	padding:1px;
	line-height: 35px;
	font: normal 12px Arial, Helvetica, sans-serif;
}
.formZakatCalculator .zakat .errorMsg {
	font: italic 10px Tahoma, Arial, Helvetica, sans-serif;
	padding: 3px 0 0 0;
	margin:0;
	color:#FF2B06;
	display: block;
	clear: both;
}
.formZakatCalculator .zakat .zakatCal {
	margin: 5px 0 0 0;
	width: 95px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	padding: 2px;
	color:#555555;
}
.formZakatCalculator .zakat input.text {
	border:1px solid #DCDCDC;
	color:#777777;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	height:15px;
	margin: 5px 0 0 0;
	padding:2px 4px 0;
	width: 80px;
}
.formZakatCalculator .zakat img {
	border:0px solid #DCDCDC;
	margin:  0 0 2px 0;
	padding:0 0 0 0;
}
.contentInner .titleZakatCalculator {
	text-align: left;
	font: bold 15px Arial, Helvetica, sans-serif;
	color: #6caedf;
	line-height: 30px;
	margin: 10px 0 10px 0;
	display: block;
}
/*  Calender Style */
.inputMiniCalendar {
	background-color: ButtonFace;
	border: 1px;
	border-style: solid;
	border-color: ButtonShadow;
	font-family: Arial, sans-serif;
	font-size: 38pt;
	text-decoration: none;
	font-weight: normal;
	color: WindowText;
	padding: 2px;
	margin: 0px;
	width: 130pt
}
.inputMiniCalendar-Size {
}
.inputMiniCalendar-Header {
	border-width: 0px;
	border-bottom-width: 1px;
	border-style: solid;
	border-color: ButtonShadow
}
.inputMiniCalendar-Body {
	border-width: 0px;
	border-style: none;
	background-color: window
}
.inputMiniCalendar-HeaderLine1 {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle
}
.inputMiniCalendar-HeaderLine2 {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle
}
.inputMiniCalendar-HeaderWeekday {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle
}
.inputMiniCalendar-HeaderYear {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle
}
.inputMiniCalendar-HeaderMonth {
	font-family: Arial, sans-serif;
	font-size: 8pt;
	text-decoration: none;
	font-weight: bold;
	vertical-align: middle
}
.inputMiniCalendar-HeaderLine1 {
	width: 12px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 1px
}
.inputMiniCalendar-HeaderYear {
	color: WindowText;
	padding-top: 2px;
	padding-bottom: 1px
}
.inputMiniCalendar-HeaderLine2 {
	width: 12px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 3px
}
.inputMiniCalendar-HeaderMonth {
	color: WindowText;
	padding-bottom: 3px
}
.inputMiniCalendar-Button {
	border: 0px;
	width: 12px;
	height: 12px
}
.inputMiniCalendar-HeaderWeekday {
	color: WindowText;
	background-color: ButtonFace;
	padding-top: 1px;
	padding-bottom: 2px
}
.inputMiniCalendar-OtherMonth {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-color: window
}
.inputMiniCalendar-CurrentMonth {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-color: window
}
.inputMiniCalendar-CurrentDay {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-color: window
}
.inputMiniCalendar-CurrentOtherDay {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-color: window
}
.inputMiniCalendar-InvalidDay {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-color: window
}
.inputMiniCalendar-Today {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-color: window
}
.inputMiniCalendar-CurrentToday {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-color: window
}
.inputMiniCalendar-Hover {
	font-family: Arial, sans-serif;
	font-size: 9pt;
	text-decoration: none;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border-width: 1px;
	border-style: solid;
	padding: 1px;
	padding-left: 2px;
	padding-right: 2px;
	border-color: window
}
.inputMiniCalendar-Hover {
	background-color: InactiveCaptionText;
	border-color: black
}
.inputMiniCalendar-OtherMonth {
	color: GrayText
}
.inputMiniCalendar-CurrentMonth {
	color: WindowText
}
.inputMiniCalendar-Today {
	border-color: Window;
	color: Window;
	background-color: ThreeDDarkShadow;
	font-weight: bold
}
.inputMiniCalendar-CurrentDay {
	color: HighlightText;
	background-color: Highlight
}
.inputMiniCalendar-CurrentToday {
	color: HighlightText;
	background-color: Highlight
}
.inputMiniCalendar-CurrentToday {
	font-weight: bold
}
.inputMiniCalendar-CurrentOtherDay {
	color: HighlightText;
	background-color: Highlight
}
.inputMiniCalendar-InvalidDay {
	color: GrayText;
	background-color: buttonface;
	border-color: buttonface
}
.wpsPortletBody {
	position:relative;
	left:0px;
	top:-2px;
	margin-left: 1px;
	margin-top: 6px;
	width:622px;
}
/* Al Inma Dijit Specific Styles */
#ibm_portal_search_widgets_ScopeSearchWidget_0_textBox {
	padding:  0px;
	text-align: left;
	width: 194px;
	font: normal 11px Tahoma, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	color: #A78562;
	border: 1px solid #A78562;
	height: 15px;
	width:198px;
	margin: 0 0 0 0;
}
.text .wpsPortletToolbarDisabledText {
}
.dijitButtonNode {
	border:0px solid #c0c0c0;
	border-bottom:0px solid #9b9b9b;
	border-right:0px solid #9b9b9b;
	padding: 0px;
	background:#fff;
	width:0px;
	height:0px;
}
.wptheme-searchBoxContainer {
	height:45px;
}
/* END Al Inma Dijit Specific Styles */

.contenttable {
	text-align:left;
	float:left
}
.contenttable td {
	border-bottom:0px solid #ccc;
	vertical-align:top;
	background:#E9E3DA;
	border-left: 0px solid #fff;
	padding: 2px;
}
.contenttable .theader td {
	background:#917148;
	font-size:12px;
	font-weight: bold;
	color:#fff;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
.contenttable a img {
	border: 0px;
}
pad7 {

/*	padding:7px;

	color:#532E25;

	font-family:Tahoma, Arial, Helvetica, sans-serif;

	line-height:normal;

	font-size:14px;

	

	font: normal;

	

	Font size commented out to let the Font Sizer icons work

	font-size: 11px;*/

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	text-align: justify;

	padding:   0;

	margin:  10px 0 10px 0;

	color:#532E25;

	line-height: 17px;
}
.rationaleyellowbg {

	background:#f8f6f1;

	margin-top: 5px;

}

.rationaleyellowbg td {

	font-size:11px;

	text-align: left;

}

.rationalebluebg {
	padding: 7px;
	background:#6caddf;
	color:#fff;
	margin:5px 0 20px
}
/* Calculator Styles */
input.inmaCalcNumbers {
	width: 30px;
	height: 30px;
	background-color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
input.inmaCalcLongButton {
	width: 30px;
	height: 65px;
	background-color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
input.inmaCalcOperators {
	width: 30px;
	height: 30px;
	background-color:#999999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
input.inmaCalcFunctions {
	width: 30px;
	height: 30px;
	background-color:#cc6666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	vertical-align:middle;
}
input.inmaCalcScreen {
	background-color:#66cc99;
	color: 333333;
	font-family:"Courier New", Courier, monospace;
	font-size:18px;
	text-align:right;
	width:100%;
}
table.inmaTableBackground {
	background-color:#cfc3b9;
	border: solid 2px black;
}
/* END Calculator Styles */

#inmaContent {
	color:#532e25;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

.imsakiatable {
	text-align:center;
	float:left;
	background:#a78462;
}
.imsakiatable td {
	background:#E9E3DA;
	vertical-align: center;
	padding: 0px;
	height: 40px;
}

.imsakiatable a {
	color: #7ab2dc;

	text-decoration: none;
}

.imsakiatable td:hover {
	background:#7ab2dc;
	vertical-align: center;
	padding: 0px;
	height: 40px;
	color: #fff;
}

td.imsakiatable:hover, a.ShowURL:hover, td.imsakiatable:hover a.ShowURL {
        background:#7ab2dc;
        vertical-align: center;
        padding: 0px;
        height: 40px;
        color: #fff;
}

#alinmaInternet {
	padding-top:115px;
}

#sendToFriendFrame
{
  position:relative;
  left:-220px;
  color: #9C9694;
  font: bold 11px Arial, Helvetica, sans-serif;
}

/**** images to CSS *********/

.h_FontBig {
color: #7bb2de;
border: 1px solid #efefff;
width: 23px;
height: 23px;
font-family: Arial;
font-weight: bold;
font-size: 19px;
}
.h_FontMed {
color: #7bb2de;
border: 1px solid #efefff;
width: 23px;
height: 20px;
font-family: Arial;
font-weight: bold;
font-size: 16px;
padding-top: 3px;
}
.h_FontSmall {
color: #7bb2de;
border: 1px solid #efefff;
width: 23px;
height: 19px;
font-family: Arial;
font-weight: bold;
font-size: 11px;
padding-top: 4px;
}
.h_FontBig a{
color: #7bb2de;
font-family: Arial;
font-weight: bold;
font-size: 19px;
}
.h_FontMed a{
color: #7bb2de;
font-family: Arial;
font-weight: bold;
font-size: 16px;
}
.h_FontSmall a{
color: #7bb2de;
font-family: Arial;
font-weight: bold;
font-size: 11px;
}
.redButton {
background-color: #310000;
color: #fff;
width: 192px;
height: 18px;
font-weight: bold;
font-family: Arial;
font-size: 11px;
padding-top: 4px;
}
.date {
font: normal 9px Tahoma, Arial, Helvetica, sans-serif;
padding: 0;
margin: 0 0 0 76px;
line-height: 20px;
color: #310000;
}
.IBLinks a:hover {
background:#310000;
display: block;
margin-top: -3px;
padding-top: 3px;
}
.selfService {
 width: 411px;
 background-color: #ffffff;
 color: #ffffff;
 text-align: center;
 font: 11px Tahoma,Arial,verdana;
 font-weight: normal;
}
.selfService td {
 border: 1px solid #ffffff;
 background-color: #cac0b6; /* Brown */
 color: #000000;
}
.selfServiceFRC, .selfServiceFRC td {
 background-color: #7aabde !important; /* Blue */
 color: #ffffff !important;
 font-weight: normal;
}
.selfServiceFRC_Branch, .selfServiceFRC_Branch td {
 background-color: #39140c !important; /* Blue */
 color: #ffffff !important;
 font-weight: normal;
}
