#Trainer{
	min-height:300px;
}
#RecitersFootnote{
	padding-top:3px;
	border-top:solid 1px silver;
}
#AudioControls{
	display:inline-block;
	background:#DDDDDD;
	vertical-align:middle;
	border-collapse:separate;
}
#AudioControls td{
	background:white;
	padding:0px 2px 0px 2px;
	vertical-align:middle;
	height:20px;
}

#idPageViewAudio{
	display:inline-block;
	padding:1px;
	width:50px;
}

#BtnPlay{
	width:30px;
}

#PlayerStatus{
	width:20px;
	vertical-align:bottom;
	overflow:hidden;
	text-align:center;
/*
	height:20px;
	white-space:nowrap;
*/
}

#AudioControls input[type=button]{
	margin:0px;
}

#AudioControls input{
	vertical-align:middle;
	margin:0px;
}

#flashContent { 
	display:none; 
}
#Repeat{
	width:24px;
}
#QPlayer{
	width:240px;
	height:24px;
	vertical-align:bottom;
	position:absolute;
	top:-24px;
}
#RepeatCounter{
	color:green;
}

#MemReviewTitle{
	cursor:pointer;
	background-color:#DDDDDD;
	padding:2px 4px;
	border:solid 1px;
	border-color: white silver silver white;
}

#MemReviewTitle.checked{
	background:gray;
	color:white;
	border-color: silver white white silver;
}
#SelectionViewer{
	height:18px;
	vertical-align:top;
	font-size:10px;
}
#SelectionViewer span{
	font-size:10px;
}

#SelectionViewer .fake_combobox{
	background-color:#D9ECD9;
}

#VerseHover, #VerseMask, #VerseSelect, #Memorized, #Pending{
	position:absolute;
	width:532px;
	direction:ltr;
	z-index:1100;
}

.map_item{
	position:absolute;
}

#VerseMask .map_item{
	background-color:gray;
	border-bottom:solid 1px silver;
}

#VerseHover .map_item{
	background:blue;
	border-bottom:solid 1px white;
	/*IE*/
	filter:alpha(opacity=12);
	/*Firefox, Chrom*/
	opacity:0.12;
}

#VerseSelect .map_item{
	background-color:green;
	/*IE*/
	filter:alpha(opacity=15);
	/*Firefox, Chrom*/
	opacity:0.15;
}

#Memorized .map_item{
	border-bottom:solid 1px #9C0;
}

#Pending .map_item{
	border-bottom:solid 1px orange;
}

.hres .page_map{
	width:292px;
}

#idSelectVerticalIndex span[tid]{
	height:17px;
}

.page_header_tbl{
	width:100%;
	border-spacing:0px;
	height:18px;
}

.focus{
	background-color:#FFFFEE;
}

.page_header_tbl td{
	padding:1px 4px;
}

#idBtnPageMark{
	font-size:9px;
	padding: 1px 4px;
}
/*#SuraTools{
	vertical-align:top;
}*/

#AudioButtons{
	padding:1px;
}

.chapters_index_columns{
	border-spacing:0px;
}

.chapters_index_columns td{
	padding:0px;
	vertical-align:top;
}
.mem_report_line{
	border-top:solid 1px white;
	border-bottom:solid 1px silver;
	white-space:nowrap;
}
#MemReport{
	padding:8px;
	width:560px;
	min-height:400px;
}

#MemReport .mem_chart{
	vertical-align:top;
}

#MemReport .full_mem{
	color:green;
	width:80px;
	height:13px;
	font-size:10px;
}
#MemReport .full_mem:hover{
	background:green;
	color:white;
}

#MemReport .part_mem{
	width:80px;
	height:13px;
	font-size:10px;
}

#MemReport .part_mem:hover{
	background:orange;
}

.mem_chart{
	width:480px;
	display:inline-block;
	vertical-align:middle;
	white-space:nowrap;
}

.mem_chart *[state]{
	padding:0px;
	height:13px;
}

#SuraBar .mem_chart *[state]{
	height:13px;
}

.mem_chart *[state=pnd]{
	background:orange;
}

.mem_chart *[state=pnd]:hover{
	background:maroon;
}

.mem_chart *[state=yes]{
	background:#9C0;
}
.mem_chart *[state=yes]:hover{
	background:green;
}

.mem_chart *[state=no]{
	background:#DDDDDD;
}
.mem_chart *[state=no]:hover{
	background:#AAAAAA;
}

#AyatChart .mem_chart{
	width:420px;
}

#LangSwitcher{
	position:absolute;	
	top:24px;
	padding:2px;
	font-weight:bold;
}

*[lang=ar] #LangSwitcher{
	left:6px;	
}

*[lang=en] #LangSwitcher{
	right:6px;	
}

*[lang=ar] .keyboard
{
	right:65px;
}

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

#SearchTabsRoot{
	padding:0px 4px;
}

.sura_bar_chart span
{
	font-family:tahoma;
	display:inline-block;
	width:3px;
	font-size:9px;
	cursor:pointer;
	color:gray;
}

.sura_bar_chart[sura="2"] span
{
	width:2px;
}

.sura_bar_chart span:hover
{
	background:#CFE6A6;
}

.sura_bar_chart span[state="mem"]
{
	color:green;
}

.sura_bar_chart span[state="bnd"]
{
	color:orange;
}

#SuraBar{
	/*background:#D4DBD2;*/
	background:#EEEEEE;
	border-bottom:solid 1px silver;
	height:18px;
	white-space:nowrap;
}

.btnSearch{
	background:#efefe7;
}
.btnSearch:hover{
	background:white;
}
#SiteIntro{
	padding:20px;
	width:500px;
	font-size:13px;
}

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

/*
#idLogin{
	position:absolute;
	z-index:100;
	width:160px;
	background:#efefe7;
}
*/
*[lang=ar] .rightAlign, .leftAlign{
	text-align:left;
}

*[lang=ar] .leftAlign, .rightAlign{
	text-align:right;
}


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

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

#ControlBar{
	border-spacing:0px;
	border-collapse:collapse;
}

#idPagesTable{
	border-spacing:0px;
}

#TopMenuItems{
	border-top:solid 1px white;
	padding-top:2px;
	padding-bottom:2px;
	height:22px;
}

#TopMenuItems select{
	font-size:12px;
}
#RecentReciters{
	vertical-align:middle;
}

/*
#TopMenuItems table{
	border-spacing:2px;
	border-collapse:separate;
}
*/
/*
#TopMenuItems span, #TopMenuItems a{
	vertical-align:middle;
}
*/
#TopMenu{
	border-spacing:0px;
}
#TopMenu td{
	white-space:nowrap;
}

.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:19px;
}

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

*[lang=en] #SearchResultsRoot{
	left:64px;
}

*[lang=ar] #SearchResultsRoot{
	right:64px;
}

*[lang=ar] .search_results{
	padding-right:2px;
}

*[lang=en] .search_results{
	padding-left:2px;
}

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

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


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

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


#SuraTitle
{
	width:82px;
	text-align:center;
}

#ViewerSuraName{
	margin-top:1px;
	text-align:center;
}

#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%;
}

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

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

#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(http://www.myproxybrowser.com/index.php?q=aHR0cDovL2l4Lm11c2xpbS13ZWIuY29tL2ltYWdlcy9yX3BhZ2UuanBn) repeat-y;
	text-align:left;
	width:266px;
	height:404px;
	position:relative;
}

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

*[lang=en] #PagesViewControls{
	padding-left:1px;
}
*[lang=ar] #PagesViewControls{
	padding-right:1px;
}

#idPageViews.hres .pageViewFrame
{
	width:292px;
	height:432px;
	background: url(http://www.myproxybrowser.com/index.php?q=aHR0cDovL2l4Lm11c2xpbS13ZWIuY29tL2ltYWdlcy9yX2hwYWdlLmpwZw%3D%3D) repeat-y;
}

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

div[side="1"].pageViewFrame
{
	background: url(http://www.myproxybrowser.com/index.php?q=aHR0cDovL2l4Lm11c2xpbS13ZWIuY29tL2ltYWdlcy9sX3BhZ2UuanBn) repeat-y;
	text-align:right;
}

.pageViewFrame.mask img{
	visibility:hidden;
}


#idPageViews.hres div[side="1"].pageViewFrame
{
	background: url(http://www.myproxybrowser.com/index.php?q=aHR0cDovL2l4Lm11c2xpbS13ZWIuY29tL2ltYWdlcy9sX2hwYWdlLmpwZw%3D%3D) 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(http://www.myproxybrowser.com/index.php?q=aHR0cDovL2l4Lm11c2xpbS13ZWIuY29tL2ltYWdlcy93YWl0LmdpZg%3D%3D) no-repeat center;
}

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

.focus #idPageView_0, .focus #idPageView_1
{
	/*border-color: silver #003399 #003399 silver;*/
	/*border-color: pink maroon maroon pink;*/
	border-color:black;
}

.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{
	margin-top:3px;
	width:64px;
}

#xidRecitersPanel
{
	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-weight:bold;
	/*width:160px;*/
}

#IndexCaption
{
}

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

#idViewTabs *[tid]
{
	height:18px;
	background:#DDDDDD;
	vertical-align:top;
}

#idViewTabs img{
	vertical-align:top;
}

#idViewTabs *[tid]:hover
{
	color:navy;
	background:#EEEEEE;
}

#idViewTabs *[tid].sel
{
	background:white;
	font-weight:bold;
}

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

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


#ColorChart
{
	position:absolute;
	top:0px;
	background:silver;
}
*[lang=ar] #ColorChart{
	left:0px;
}
*[lang=en] #ColorChart{
	right:0px;
}

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

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

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

#VerticalIndex
{
	background:#E0E0E0;
	padding-top:2px;
}

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

*[lang=ar] .vIndexCell
{
	font-size:10px;
}

.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{
	width:14px;
	height:12px;
}

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


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

#IndexPanel
{
	vertical-align:top;
}

.top_logo
{
	background:url(http://www.myproxybrowser.com/index.php?q=aHR0cDovL2l4Lm11c2xpbS13ZWIuY29tL2ltYWdlcy9iZ19jYXB0aW9uLmdpZg%3D%3D) repeat-x;
	width:64px;
	height:40px;
	padding:2px;
	text-align:center;
}

.site_title{
	color:green;
	font-family:Arabic Transparent;
	font-size:16px;
	font-weight:bold;	
	margin-bottom:2px;
}

#TopPanel{
	width:100%;
}

#UserInfoPanel{
	padding:0px	6px;
}

#TopMenuSearch{
	background:gray;
	color:white;
	padding:2px;
}
#TopMenuSearch input{
	vertical-align:top;
	height:16px;
	border:none;
	padding:0px;
	margin:0px;
	color:blue;
}
.menuSpacer
{
	height:3px;
}

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

}

#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(http://www.myproxybrowser.com/index.php?q=aHR0cDovL2l4Lm11c2xpbS13ZWIuY29tL2ltYWdlcy9iZ19jYXB0aW9uLmdpZg%3D%3D);
	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;
}

.suraCellName
{
	padding:1px;
	position:absolute;
	height:14px;
	font-size:10px;
}

.cell_actions{
	position:absolute;
	border-spacing:0px;
}
.cell_actions td{
	padding:1px;
}
.memPercent{
	height:14px;
	background:#FFFFCC;
	width:0px;
}

.suraMenu
{
	 position:absolute;
	 padding-top:16px;
	 border:solid 1px black;
}

.sura_cell{
	height:16px;
	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;
}

.suraMenuItem
{
	font-size:10px;
	cursor:pointer;
	padding:1px;
	border-top:solid 1px white;
	background:#F0F0F0;
	color:navy;
}

.suraMenuItem:hover
{
	background:#CFE6A6;
}

.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
{
	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
{
	padding:2px;
}

#PageButtons{
	border-spacing:0px;
	direction:rtl;
}

#PageButtons td{
	width:50%;
}

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

.suraQViewerText
{
	background:#F0F0F0;
	background-image:url(http://www.myproxybrowser.com/index.php?q=aHR0cDovL2l4Lm11c2xpbS13ZWIuY29tL2ltYWdlcy9iZ19zdmlld2VyLmdpZg%3D%3D);
	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:20px;
	position:absolute;
	width:180px;
}

*[lang=ar] #RightMenu{
	left:0px;
}
*[lang=en] #RightMenu{
	right:0px;
}


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

.tafBtn, #TafPrev, #TafNext {
	cursor:pointer;
	vertical-align:middle;
}

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

#TafNav{
	white-space:nowrap;
}

#TafNav td{
	white-space:nowrap;
}

#TafAyaCell{
	width:65px;
	text-align:center;
}

#SuraBar span{
	vertical-align:top;
}