#SiteIntro{
	padding:20px;
	width:500px;
	font-size:13px;
}

#idReciterList .suraMenuItem{
	font-size:9px;
}
#UserInfoSwitcher{
	width:170px;
}
#UserInfoPanel{
	width:170px;
}

#idLogin{
	position:absolute;
	z-index:100;
	width:160px;
	background:#efefe7;
}

#ZoomButton{
	width:16px;
	height:16px;
	vertical-align:top;
	border:solid 1px;
	border-color:#B6C2B4;
}

#ZoomButton:hover{
	border-color:white;
}

#ControlBar{
	border-spacing:0px;
}

#idPagesTable{
	border-spacing:0px;
}

#TopMenuItems{
	padding:4px;
}

#TopMenu td{
}

.sresultsTopOffset{
	background:silver;
	cursor:default;
}

.sresults_scroller{
	background:#DDDDDD;
	cursor:default;
	text-align:center;
	height:50px;
	font-size:9px;
	cursor:pointer;
}

.sresults_scroller:hover{
	background:silver;
}

.sresultsTopOffset:hover, .sresultsBottomOffset:hover{
	background:gray;
}

.sresults_layout{
	border-spacing:0px;
	width:100%;
}

.sresults_layout td{
	white-space:nowrap;
	padding:0px;
}

.sresults_list{
	vertical-align:top;
	width:100%;
}

.vNavigator{
	border-spacing:0px;
}

.scrollDummyButton{
	height:12px;
}

.scrollButton{
	cursor:pointer;
	text-align:center;
	height:12px;
}

.scrollButton:hover{
	background:gray;
	cursor:pointer;
}

.tabRemoveBtn{
	cursor:pointer;
}

.tabRemoveBtn:hover{
	background:pink;
}

.pageNav{
	padding-top:4px;
}

.pageButton{
	border:solid 1px gray;
	font-size:8px;
	text-align:center;
	cursor:default;
	vertical-align:middle;
}

.selectedPageButton{
	padding:2px;
	min-width:15px;
	text-align:center;
}

#SearchTabs span{
	height:18px;
}

#SearchResultsRoot{
	position:absolute;
	padding:0px;
	right:64px;
	z-index:3000;
	height:76px;
	width:760px;
	overflow:hidden;
	background:white;
	direction:rtl;
	border:solid 2px gray;
	border-top:none;
	border-left:none;
	cursor:default;
}

.search_results{
	padding-right:2px;
}

.result_item{
	cursor:pointer;
	line-height:15px;
	white-space:nowrap;
}

.result_item:hover{
	color:white;
	background:gray;
}

.page_map{
	position:absolute;
	width:532px;
	direction:ltr;
	z-index:1100;
}

.mask_item{
	position:absolute;
	background-color:#B6C2B4;
}

.page_map_item{
	position:absolute;
	color:maroon;
	font-size:17px;
	
	/*height:27px;*/

	background:rgb(0, 0, 255);
	/*IE*/
	filter:alpha(opacity=20);
	/*Firefox, Chrom*/
	opacity:0.2;

}

.hres .page_map{
	width:292px;
}

#TafText
{
	overflow-y:auto;
	background:#FFFFEE;
	height:400px;
	width:200px;
}

#TafText *{
	font-size:13px;
	line-height:19px;
}

#idSuraNo
{
	text-align:center;
	width:100%;
}
#idPageViewAudio
{
	margin-top:5px;
	text-align:center;
}

#ViewerSuraName{
	margin-top:1px;
	text-align:center;
}
.suraCellName
{
	padding:1px;
	position:absolute;
	height:16px;
}

#PagesViewControls
{
	vertical-align:top;
	width:64px;
}
#TopMenuTable td
{
	padding:3px;
}
.collapsed{
	border-collapse:collapse;
}


#FeedbackInfo, #RealPlayerInfo, #BackToOld{
	padding:3px;
}

#PrayRequest{
	color:green;
	text-align:center;
}

#FooterAds
{
	margin-top:3px;
	border:solid 1px silver;
	display:none;
}

#idFooter{
	width:100%;
	margin-top:6px;
}
#idFooter td, 
#FooterAdsPanel td
{
	border:solid 1px;
	border-color:white silver silver white;
	vertical-align:top;
	padding:2px;
}

#FooterAdsPanel table{
	width:100%;
}

#idFooter td
{
	width:25%;
}

.menuItem
{
	cursor:pointer;
	padding:2px;
	border-top:solid 1px silver;
	color:navy;
}

.menuItem:hover
{
	background:#CFE6A6;
}

#idLoginForm div
{
	white-space:nowrap;
	padding-bottom:3px;
	padding-top:3px;
}

#LoginFormPanel
{
	padding-top:10px;
}
.buttonsBar
{
	padding:2px;
	text-align:left;
}

#idLoginForm div input[type="text"], #idLoginForm div input[type="password"]
{
	width:83px;
}

#idLoginForm input[type="submit"],
#idLoginForm input[type="button"]
{
	width:60px;
}

#idLoginForm div span
{
	display:inline-block;
	width:70px;
}

.pageNavigator
{
	white-space:nowrap;
	cursor:default;
}

.pageNavigator:hover
{
	background:#CFE6A6;
}

.pageViewFrame
{
	background: url(/images/r_page.jpg) repeat-y;
	text-align:left;
	width:266px;
	height:404px;
	position:relative;
}

.pageViewFrame img
{
	height:402px;
	width:264px;
}

#idPageViews.hres .pageViewFrame
{
	width:292px;
	height:432px;
	background: url(/images/r_hpage.jpg) repeat-y;
}

#idPageViews.hres .pageViewFrame img{
	height:430px;
	width:290px;
}

div[side="1"].pageViewFrame
{
	background: url(/images/l_page.jpg) repeat-y;
	text-align:right;
}

.pageViewFrame.mask img{
	visibility:hidden;
}


#idPageViews.hres div[side="1"].pageViewFrame
{
	background: url(/images/l_hpage.jpg) repeat-y;
}

#idPageViews .pageViewFrame.mask,
#idPageViews.hres .pageViewFrame.mask,
#idPageViews.hres div[side="1"].pageViewFrame.mask
{
	background:#B6C2B4;
}

.pageViewFrame.wait,
div[side="1"].pageViewFrame.wait, 
#idPageViews.hres .pageViewFrame.wait,
#idPageViews.hres div[side="1"].pageViewFrame.wait
{
	background: white url(/images/wait.gif) no-repeat center;
}

#idPageView_0, #idPageView_1
{
	border:solid 1px;
	border-color:white #444444 #444444 white;
}

#idPageView_0.sel, #idPageView_1.sel
{
	/*border-style:dotted;*/
	border-color: Maroon;
}

.page_grid{
	position:absolute;
	width:  264px;
	height: 402px;
	z-index:-1;
	
	/*IE*/
	background:rgb(0, 0, 255);
	filter:alpha(opacity=20);
	/*Firefox, Chrom*/
	opacity:0.2;
}

#idPages
{
	padding-bottom:5px;
	width:64px;
}

#Reciters
{
	width:200px;
}
#idRecitersPanel
{
	position:absolute;
	background:white;
	width:198px;
	z-index:2000;
	border:solid 1px silver;
	border-top:none;
}

#idReciterHelp
{
	padding:4px;
	background:#FFFFDD;
}

#idReciterHelp div
{
	font-size:10px;
}

#idReciter
{
	font-size:11px;
	color:navy;
	/*width:160px;*/
}

#IndexCaption
{
}

#idViewTabs {
	vertical-align:bottom;
	/*border-collapse:collapse;*/
}

#idViewTabs td
{
}

#idViewTabs *[tid]
{
	font-size:13px;
	background:#E0E0E0;
	line-height:19px;
}

#idViewTabs *[tid]:hover
{
	background:yellow;
}

#idViewTabs *[tid].sel
{
	background:#B6C2B4;
}

#SearchTabs *[tid].sel, #SearchTabs *[tid].sel:hover
{
	background:white;
}

#SearchTabs *[tid]:hover
{
	background:#FFFFAA;
}


#ControlBar td{
	padding-left:4px;
}

#ColorChart
{
	position:absolute;
	top:2px;
	left:2px;
	background:silver;
}

#ColorChart td
{
	background:white;
	border:none;
}

#SearchTool td
{
	border:none;
	white-space:nowrap;
}

body{
	background:#efefe7;
	direction:rtl;
	margin: 0px;
	font-family:Tahoma;
}
span
{
	display:inline-block;
}

.suraMenu
{
	 position:absolute;
	 padding-top:18px;
	 border:solid 1px black;
}
#VerticalIndex
{
	background:#E0E0E0;
	padding-top:6px;
}

.vIndexCell
{
	font-size:10px;
	width:48px;
	cursor:default;
	border:solid 1px;
	border-color:white Silver Silver white;
}

.vIndexCell.chapter
{
	width:100%;
}

.vIndexCell div
{
	font-size:10px;
}

.vIndexCell.active
{
	border-color:gray white white gray;
	background:white;
}

.suraAction, .tinyBtn
{
	border:solid 1px;
	border-color:silver gray gray silver;
	background:white;
	cursor:default;
	text-align:center;
}

.suraAction:Hover, .tinyBtn:hover
{
	border-color:gray silver silver gray;
	background:#FFFFCC;
}


.vIndexCell:hover
{
	cursor:default;
	background:white;
}

#IndexPanel
{
	vertical-align:top;
}

#TopLogo
{
	background:url(/images/bg_caption.gif) repeat-x;
	cursor:pointer;
	color:green;
	width:64px;
	font-size:13px;
	font-weight:bold;	
	text-align:center;
	cursor:pointer;
	height:40px;
}

#Header{
	vertical-align:bottom;
}
.menuSpacer
{
	height:3px;
}

#LeftMenu
{
	padding: 0px 0px 0px 0px;
	vertical-align:top;
	width:180px;
}
#MainIndex
{
	vertical-align:top;
	border-top:solid 4px #B6C2B4;

}

#ProgressPanel 
{
	background:#EFEFE7;
	padding:20px;
	height:240px;
}

#ProgressBar
{
	background:silver;
	width:0px;
}

#ProgressText
{
	position:absolute;
	width:200px;
	text-align:center;
}

#ProgressBarPanel 
{
	direction:ltr;
	width:200px;
	border:solid 1px gray;
	text-align:left;
	padding:2px;
}

#WaitingMsg 
{
	font-size:20px;
	color:silver;
	font-weight:bold;
	padding-bottom:10px;
}

#IndexTitle
{
	Font-Family:Traditional Arabic;
	font-size:16px;
	background-image:url(/images/bg_caption.gif);
	background-repeat:repeat-x;
	text-align:center;
	height:28px;
}

#IndexTitle img
{
	vertical-align:middle;
	width:11px;
	height:22px;
}

#TopMenuPanel
{
	padding:0px 0px 3px 0px;
}

#TopMenuPanel Table
{
}

#TopMenuPanel td
{
	border:solid 1px;
	border-color:White silver Silver white;
	padding:3px;
}

#idMemChart
{
	z-index:-1;
	border:solid 1px silver;
	background:#ffffcc;
	height:14px;
}

#SearchBoxTitle {
	font-weight:bold;
}

#CriticalMsg {
	padding:2px;
	color:red;
	font-weight:bold;
	background:white;
	text-align:center;
}

#idPageViews
{
}

.adframe
{
	border:solid 2px #E0E0E0;
	padding:1px;
}

.quranIndex
{
}

.indexColumn
{
	vertical-align:top;
}

.sura_cell{
	height:18px;
	vertical-align:top;
	border:solid 1px;
	border-color:white silver silver white;
}

.sura_cell:hover{
	border-color:black;
}

.sura_cell.makki
{
	background:#cedede;
}

.sura_cell.madani
{
	background:#efefe7;
}


.sideBox
{
	margin-top:2px;
	margin-bottom:2px;
	padding:3px;
	border:solid 1px silver;
}

#ReciterListToggler.sideBox
{
	white-space:nowrap;
}

#idFaceBookAd.sideBox
{
	padding:10px;
	border-color:#3B5998;
	text-align:center;
	cursor:pointer;
}

#idRecentReciters
{
	color:green;
}
#idSubMenuItem {
	padding:1px;
	padding-right:22px;
	border-top:solid 2px white;
	border-bottom:solid 2px silver;
	border-left:solid 2px white;
	border-right:solid 2px silver;
	font-family: Tahoma;
	font-size: 11px;
	font-weight: normal;
	height:20px;
}

.PageButton{
	color:#003399;
	font-size:9px ;
	font-family:Tahoma;
	cursor:pointer;
	border: solid 1px;
	border-color:white gray gray white;
	background:#dddddd;
	text-align:center;
}

.PageButton.active{
	color:#003399;
	cursor:default;
	border-color: gray white white gray;
	background:silver;
}

.PageButton:hover{
	background:white;
}


#SuraButtons
{
	margin-top:5px;
	text-align:left;
	width:64px;
}

#SuraButtons .PageButton
{
	font-size:9px;
}

#SuraButtons table{
	width:100%;
}

#PagesViewControls .PageButton
{
	/*width:64px;*/
}

#PageSpinTable
{
	width:64px;
}

.sViewer
{
	/*width:134px;*/
}

#SpinnerBtn, #idBtnToggleResolution
{
	width:64px;
}

#PageButtons{
	border-spacing:0px;
}

#PageButtons td{
	width:50%;
}

.suraQViewer
{
	background:#CFE6A6;
	padding:2px;
	padding-bottom:0px;
	border:solid 1px white;
}

.suraQViewerText
{
	background:#F0F0F0;
	background-image:url(/images/bg_sviewer.gif);
	background-repeat:repeat-x;
	overflow-y:auto;
	height:100px;
	color:green;
	padding:2px;
}

#idMenuItem, .MenuItem {
	padding:2px;
	border:solid 1px;
	border-color: white Silver Silver White;
	font-family: Tahoma;
	font-size: 11px;
	white-space:nowrap;
	color:Black;
	font-weight:normal;
	vertical-align:top;
}

#AlterBookmarks{
	margin-top:10px;
	display:none;
	padding:2px;
	font-size:11px;
	background:#FFFFCC;
	color:brown;
	text-align:center;
	border:dotted 1px silver;
}

#AddThisBox .box_title{
	color:blue;
	margin-bottom:5px;
}

#AdsFrame
{
	text-align:center;
}

#idKoboolAd{
	margin-top:3px;
	padding:2px;
	border:solid 2px #CCCCCC;
	background:#FFFFCC;
	font-weight:bold;
	cursor:pointer;
}

#RightMenu
{
	padding:3px;
	padding-top:0px;
	position:absolute;
	left:0px;
	width:180px;
}

#PageCtrlGuide
{
	padding:4px;
	color:green;
}

.tafBtn, #TafPrev, #TafNext {
	cursor:pointer;
}

.tafBtn:hover, #TafPrev:hover, #TafNext:hover {
	background:white;
}

#TafNav{
	width:100%;
}

#TafNav td{
	white-space:nowrap;
}

#TafAyaCell{
	width:100%;
	text-align:center;
}