body {
	margin: 0px; padding: 0px;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}



input, select {	font: Normal 11px tahoma;}
h1 {font-size: 11px; font-weight: bold; margin: 5px; display: inline;}
h2 {color: #93bd44; font-size: 11px; font-weight: bold; margin: 5px;}
hr {color: #d7d4ce; height: 1px;}
img {border: 0px;}
select {
	font-size: 11px;
}
input {
	font-size: 11px;
}

p {line-height: 170%; margin: 0px;}
a:link {
	color: #00097f;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #00097f;
}
a:hover {
	text-decoration: underline;
	color: #00097f;
}
a:active {
	text-decoration: none;
	color: #00097f;
}
.show {display: block}
.hide {display: none}
.btn {background: #db710c; border: 0px; color: #FFFFFF; font-weight: bold; width: 70px; height: 20px;}
.container {direction: rtl; margin:auto; width: 980px;}

.topHeader {height: 180px;}
.topHeader1 {background: url(topBg.gif) repeat-x bottom; height: 153px;}
.topHeaderInner {height: 153px; background: url(topLeftBg.gif) no-repeat left bottom; vertical-align: bottom}
.topHeaderInner1 {height: 100px}
.leaderBoard {float: left; padding-top: 5px;}
.logo {float: right; margin-top: 10px; margin-right: 10px;}
.maktoobFootter {background: url(footterGray.gif); height: 84px; padding-top: 10px; padding-right: 20px; margin-bottom: 10px; border: #e7e7e7 solid 1px; clear: both;}
.maktoobFootter div {float: right}
.maktoobHeader {height: 25px; padding-top: 5px;}
.maktoobHeader div {float: right; margin-right: 10px; padding-left: 10px; color: #00097f; border-left: #999999 solid 1px;}
.maktoobHeader span {margin-right: 10px;}
.maktoobHeader a {color: #666666}
.maktoobHeader a:visited {color: #666666}
.maktoobHeader select {width: 150px; border: #d7d7d7 solid 1px; color: #666666; background: #fcfcfc}
.mainMenu {padding-right: 10px; height: 22px; background:#bad4a4 url(menugrd_index.gif) top right repeat-x;}
.mainMenu a {color: #ffffff;;}
.mainMenu a:visited {color: #ffffff;}
.mainMenu div {margin-left: 15px; display: inline; float: right; position: relative; top: 5px;}
.mainMenuInner {height: 90px; background: url(topBg.gif) repeat-x bottom}
.mainMenuGreen {height: 3px; background: #ccd557; margin-bottom: 20px; font-size: 0px;}
.FAQ {position:relative; left: -515px; top:6px; color: #FFFFFF; width: 100px;}
.FAQ a:link {
	color: #ffffff;
	text-decoration: none;
}
.FAQ a:visited {
	color: #ffffff;
	text-decoration: none;
}
.FAQ a:hover {
	text-decoration: underline;
	color: #ffffff;
}
.FAQ a:active {
	text-decoration: none;
	color: #ffffff;
}

.help {	margin: -43px 0px 0px 5px; float: left;}
.txt10 {font-size: 10px;}
.txt12 {font-size: 12px;}
.txt14 {font-size: 14px;}
.txt16 {font-size: 16px;}
.txt18 {font-size: 18px;}
.txt20 {font-size: 20px;}
.txt24 {font-size: 24px;}

.searchArea { margin-top: 20px; margin-right: 220px; width: 470px; float: right;}
.searchArea input {width: 400px; height: 18px; background: url(searchBg.gif) top repeat-x; border: #dc760a solid 2px; margin: 0px;}
.searchOn {height: 14px; padding-right: 5px; width: 43px; color: #FFFFFF; background: url(searchOn.gif); padding-bottom: 2px;}
.searchOn a {color: #FFFFFF}
.searchOn a:visited {color: #FFFFFF}
.searchOff {height: 14px; padding-right: 5px; width: 43px; background: url(searchOf.gif); padding-bottom: 2px}
.searchOff a {color: #000000}
.searchOff a:visited {color: #000000}
.mainContent {padding-top: 20px;}

.leftArea {float: left; border-right: #ececec solid 1px; padding-right: 5px; width: 183px; }
.leftArea2 {float: left; border-right: #ececec solid 1px; padding-right: 5px; width: 300px; }
.centerArea {float:right; width: 300px; border-right: #ececec solid 1px; padding-left: 5px; padding-right: 12px;}
.rightArea {float: right; width: 325px; padding-left: 10px;}
.leftBox {background: url(leftBoxBg.gif) repeat-x top; border: #d7d4ce solid 1px; margin-top: 20px; padding: 10px; padding-top: 10px;}
.leftBox a {display: block; font-weight: bold;}
.leftBox a:hover {display: block; font-weight: bold; text-decoration: underline}
.leftBox a:visited {display: block; font-weight: bold; color: #00097f;}
.leftBox hr {width: 90%;}
.leftBox span {display: block; margin: 5px;}
.draw {background-color:#dddddd; width: 182px; text-align: right}
.mostViewed {margin-top: 20px; border-bottom: #d7d4ce solid 1px; width: 170px; padding-bottom: 20px;}
.mostViewed p {padding-bottom: 20px; line-height: 200%;}
.mostViewed a:visited {color: #00097f;}
.weather {background: url(weatherBg.gif) no-repeat top right; margin-top: 20px; width: 180px;}
.weather h2 {padding-right: 40px; margin-bottom: 20px;}
.weather p {padding-top: 10px;}
.weather div {margin-top: 10px; margin-bottom: 10px;}
.weather select {width: 150px;}
.prayerTimes {width: 160px; background: url(prayerTimesBg.jpg) no-repeat bottom; border: #d7d4ce solid 1px; margin-top: 20px; padding-top: 10px; padding-left: 10px; padding-right: 10px;}
.prayerTimes select {width: 140px;}
.end {clear: both; margin: 0px; padding: 0px;}
.rightFloat {float: right}
.borderdImg {border: #ececec 2px solid;}
.orangeSmall {color: #ff7e00; font-size: 9px;}

#.clip {padding: 4px; border-bottom: #d7d4ce solid 1px; border-left: #d7d4ce solid 1px; border-right: #d7d4ce solid 1px; background: url(clipLine1.gif) no-repeat top left}
#.clipSelected {padding: 4px; border-bottom: #d7d4ce solid 1px; border-left: #d7d4ce solid 1px; border-right: #d7d4ce solid 1px;  background: url(clipLineBig.gif) no-repeat top left}
#.clipTap {background: url(tap.jpg) no-repeat bottom right; width: 54px; padding-right:10px; height: 16px; float: right; cursor: pointer}


.clipSelected {padding: 4px; border-bottom: #d7d4ce solid 1px; border-left: #d7d4ce solid 1px; border-right: #d7d4ce solid 1px; background: url(clipLine1.gif) no-repeat top left}
.clip {padding: 4px; border-bottom: #d7d4ce solid 1px; border-left: #d7d4ce solid 1px; border-right: #d7d4ce solid 1px;  background: url(clipLineBig.gif) no-repeat top left}
.clipTap {background: url(tap.jpg) no-repeat bottom right; width: 54px; padding-right:10px; height: 16px; float: right; cursor: pointer}


.clipContainer {float: right; width: 308px; margin-top: 20px;}
.clipContainer a:visited {color: #00097f;}
.killer {float: right; margin-top: 10px;}
.normalTxt {font-weight: normal; color:#000000}
.map {margin-bottom: 10px;}
.mapLinks a { padding: 2px; font-weight: bold; margin-bottom: 2px;}
.mapLinks a.disc {padding: 2px; font-weight: normal; font-size: 9px; margin-bottom: 5px; }
.mapLinks div {float: right; width: 33%; line-height: 150%;}
.blue a:visited {color: #00097f}
.mTop20 {margin-top: 20px;}
.mTop10 {margin-top: 10px;}
.mBottom20 {margin-bottom: 20px;}
.mBottom10 {margin-bottom: 10px;}
.mBottom5 {margin-bottom: 5px;}
.mLeft10 {margin-left: 10px;}
.pBottom20 {padding-bottom: 20px;}
.pBottom10 {padding-bottom: 10px;}
.pBottom15 {padding-bottom: 15px;}
.pTop20 {padding-top: 20px;}
.pTop10 {padding-top: 10px;}
.pLeft10 {padding-left: 10px}
.pLeft5 {padding-left: 5px}
.pright10 {padding-right: 10px}
.pright5 {padding-right: 5px}
.fRight {float: right}
.fLeft {float: left}
.borBottom {border-bottom: #CCCCCC solid 1px; width: 99%;}
.book {background: #efefef; margin-top: 10px;}
.bookHeader {background: #d1d1d1; border-bottom: #FFFFFF solid 1px; padding-top: 5px; padding-bottom: 5px;}
.bookHeader div {width: 25%; text-align: center; float: right;}
.bookHeader div div {width: 100%;}
.bookContent {padding-bottom: 30px; *padding-bottom: 0px;}
.bookContent div {border-bottom: #FFFFFF solid 1px; padding-top: 10px; padding-bottom: 10px; padding-right: 20px;}
.bookContent input {width: 70px;}
.bookContent select {width: 70px;}
.bold {font-weight: bold}
.rrArea {height: 40px; background: url(rrArea.gif) repeat-x; margin-bottom: 0px; margin-left: 5px; margin-top: 0px; padding-top: 13px; padding-right: 0px; text-align: center;}
.rrArea div {float: right; margin-right: 5px;}
.rrArea select {width: 100px;}
.lite {color: #999999; padding-right: 5px;}
.forumRight {float: right; width: 325px; padding-left: 5px;}
.forumRight div { margin-bottom: 5px; margin-top: 5px;}
.forumRight img {border: #ececec 2px solid;}
.forumLeft {float:right; width: 300px; border-right: #ececec solid 1px; padding-left: 5px; padding-right: 12px;}
.forumLeft div { margin-bottom: 5px; margin-top: 5px;}
.forumLeft img {border: #ececec 2px solid;}
.right1 {}
ul.bul { list-style-image: url('bul.gif'); padding: 0em  .9em 0em 0em; margin: 0em  .9em 0em 0em; direction: rtl; line-height: 150%;}
ul.bul li { padding: .3em 0em ; margin: .3em 0em ; list-style-image: url('bul.gif');}

.no ul { list-style-type: none; padding: 0em  .9em 0em 0em; margin: 0em  .9em 0em 0em; direction: rtl;}
.no ul li { padding: .3em 0em ; margin: .3em 0em ;}
.small {font-size: 9px;}

.floatr{ float: right; }
.floatl{ float: left;}

/* pagging */

.pages {	CLEAR: both;  padding: 5px; margin: 5px 0px;}
.pages A {	border: #fff 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: #fff; FLOAT: right; PADDING-BOTTOM: 0.2em; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 0.1em; PADDING-TOP: 0.2em; BORDER-BOTTOM: #fff 1px solid}
.pages SPAN {	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #fff 1px solid; DISPLAY: block; PADDING-LEFT: 0.5em; BACKGROUND: #fff; FLOAT: right; PADDING-BOTTOM: 0.2em; BORDER-LEFT: #fff 1px solid; MARGIN-RIGHT: 0.1em; PADDING-TOP: 0.2em; BORDER-BOTTOM: #fff 1px solid}
.pages SPAN.current {	BORDER-RIGHT: #c5cd81 1px solid; BORDER-TOP: #c5cd81 1px solid; FONT-WEIGHT: bold; BACKGROUND: #b6763b; BORDER-LEFT: #c5cd81 1px solid; COLOR: #fff; BORDER-BOTTOM: #c5cd81 1px solid}
.pages A {	BORDER-RIGHT: #c5cd81 1px solid; BORDER-TOP: #c5cd81 1px solid; BORDER-LEFT: #c5cd81 1px solid; BORDER-BOTTOM: #c5cd81 1px solid; TEXT-DECORATION: none}
.pages A:hover {	BORDER-LEFT-COLOR: #c5cd81; BORDER-BOTTOM-COLOR: #c5cd81; BORDER-TOP-COLOR: #c5cd81; BORDER-RIGHT-COLOR: #c5cd81}
.pages A.nextprev {	FONT-WEIGHT: bold}
.pages SPAN.nextprev {	COLOR: #666}
.pages SPAN.nextprev {	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; BORDER-LEFT: #ddd 1px solid; COLOR: #999; BORDER-BOTTOM: #ddd 1px solid}

/* tabs */

.tabs { background: url(tabs.gif) ; float: right; width: 100%; text-align: center; overflow:hidden;}
.tabs a,visited { color: #000; display: block; position: relative;}

.t_on { float: right; width: 24%; height: 28px; }
.t_on a,visited { font-weight: bold; }

.t_of { float: right; width: 24.90%; height: 28px; }
.t_of_x { float: right; width: 24.94%; }

.t_on_b { background: url(tab_on.gif) repeat-x; border-left: 1px solid #9faec4;}
.t_on_auto { background: url(tab_on.gif) repeat-x; border-left: 1px solid #9faec4;}
.t_of_b { background: url(sp.gif) left no-repeat;}
.t_on_s { background: url(tab_on.gif) repeat-x; border-left: 1px solid #9faec4; float: right; width: 20%; height: 28px;}
.t_on_s a,visited { font-weight: bold; }
.t_of_s { background: url(sp.gif) left no-repeat; float: right; width: 19.9%; height: 28px; }
.t_of_s_x { float: right; width: 19.9%;}
.t_on_auto { float: right; height: 28px; padding: 0px 20px;}
.padt8 {padding-top: 8px;}
.padfox {padding: 0px 10px 10px; clear: both; float:right}


.fade-box{background: url(fad.gif) #fafbf8 bottom repeat-x; border:1px #d0d0d0 solid;  }
.pad5{padding:5px;}

.mainMenu a:hover {color: #ffffff;}

.fixed {width: 150px;}