body {
    background-color: #ffffff;
}

a {
    color: #146a9c;
}

#header {
    background: #d1c5ae url("/assets/skins/textile/images/header.gif") repeat;
    border-bottom: solid 2px #cf8359;
}

#header h1 {
    background: url("/assets/skins/textile/images/mushaf.gif") no-repeat 0px 3px;
}

#header h1 a#bookName {
    background: url("/assets/skins/textile/images/titleBG.png") no-repeat 0px top;
    color: #6b572c;
}

.rtl #header h1 a#bookName {
    background: url("/assets/skins/textile/images/titleBGar.png") no-repeat 0px top;
}

#header #logo a {
    background: url("/assets/skins/textile/images/logoGIF.gif") no-repeat 0px 0px;
}

.booksPanel {
    background: url("/assets/skins/textile/images/booksPanelBG.png") no-repeat left top;
}
.rtl .booksPanel {
    background: url("/assets/skins/textile/images/booksPanelBGar.png") no-repeat left top;
}
.booksPanel a.title {
    color: #6b572c;
}

a.btn, #mc_embed_signup #mc-embedded-subscribe-form .button {
    background: transparent url("/assets/skins/textile/images/dialog/btn.png") no-repeat;
    color: #000;
}

.bottomBox {
    background: url("/assets/skins/textile/images/infoPanel.png") no-repeat 0px 0px;
}

#infoBox .header {
    background-color: transparent;
}

#infoBox .header .center a.next:hover,
#infoBox .header .center a.prev:hover,
#infoBox a.listenBtn:hover,
#infoBox a.showArabicBtn:hover {
    background: url("/assets/skins/textile/images/smallBtn.png") no-repeat 0px -23px;
}

#infoBox .header .center a.next:active,
#infoBox .header .center a.prev:active,
#infoBox a.listenBtn:active,
#infoBox a.showArabicBtn:active {
    background: url("/assets/skins/textile/images/smallBtn.png") no-repeat 0px -46px;
}

#infoBox .header .center a.next span {
    background: url("/assets/skins/textile/images/rightSmallArrow.png") no-repeat center center;
}

#infoBox .header .center a.prev span {
    background: url("/assets/skins/textile/images/leftSmallArrow.png") no-repeat center center;
}

#infoBox a.listenBtn span {
    background: url("/assets/skins/textile/images/audio.png") no-repeat center center;
}

#infoBox a.showArabicBtn span {
    background: url("/assets/skins/textile/images/arabic.png") no-repeat center center;
}

a.close {
    background: url("/assets/skins/textile/images/closeBtn.png") no-repeat;
}

#infoBox .header .tabBtns a:hover {
    color: #eed8cb;
}

#infoBox .header .tabBtns a.selected {
    background-color: #efede9;
    color: #9f2e0c;
}

#infoStrip a {
    background: url(/assets/skins/textile/images/infoStrip.gif) no-repeat 0px 0px;
}

a.drag {
    background: transparent url("/assets/skins/textile/images/drag.png") no-repeat;
}

a.tafseerComboBtn {
    background: url("/assets/skins/textile/images/combo.png") no-repeat;
    color: #000;
}

a.tafseerComboBtn:hover {
    color: #fff;
}

a.tafseerComboBtn:active {
    color: #fff;
}

#bookmarkBox {
    background-color: transparent;
}

#bookmarkMsg {
    background: url("/assets/skins/textile/images/msgBox.png") no-repeat;
    background-color: transparent;
    color: #4b4006;
}

#versePopup a.contextBtn {
    background: url("/assets/skins/textile/images/contextBtns.png") no-repeat 0px 0px;
}

.hint {
    background: url("/assets/skins/textile/images/hintBG.png") no-repeat;
    color: #dad2a4;
}

.preloader {
    background: url("/assets/skins/textile/images/preloaderBG.png") no-repeat;
}

.preloader span {
    background: url("/assets/skins/textile/images/preloader.gif") no-repeat center center;
}

.infoPreloader span {
    background: url("/assets/skins/textile/images/preloader.gif") no-repeat center center;
}

.dialog .header .left {
    background: url("/assets/skins/textile/images/dialog/topLeft.png") no-repeat;
}

.dialog .header .right {
    background: url("/assets/skins/textile/images/dialog/topRight.png") no-repeat;
}

.dialog .header span.title {
    background: url("/assets/skins/textile/images/dialog/titleBG.gif") repeat-x;
    color: #fff;
}

.dialog .inner {
    background: #fff url("/assets/skins/textile/images/dialog/bg.gif") repeat-x;
    border-left: solid 2px #c6652f;
    border-right: solid 2px #c6652f;
    color: #242424;
}

.dialog .footer .left {
    background: url("/assets/skins/textile/images/dialog/bottomLeft.png") no-repeat;
}

.dialog .footer .right {
    background: url("/assets/skins/textile/images/dialog/bottomRight.png") no-repeat;
}

.dialog .footer .center {
    background: url("/assets/skins/textile/images/dialog/bottom.gif") repeat-x;
}



/*       combo boxes        */

#language .sbHolder {
    background: url("/assets/skins/textile/images/combo-small.gif") no-repeat;
    color: #000;
}
/***added later to correct arabic style***/
.rtl #language .sbHolder {
    background-image: url("/assets/skins/textile/images/combo-smallRtl.gif");
    color: #000;
}
/*****/
#language .sbHolder:hover a.sbSelector{
    color:#fff;
}

#language a.sbSelector{
    background-color: transparent !important;
}

#language .sbOptions{
	background-color: #FFF;
    border: 1px solid #d5d0ba;
    color: #333;
}

#language .sbOptions a{
	background-color: #fff;
    border-bottom: 1px solid #999;
}

#language .sbOptions a:hover,
#language .sbOptions a:focus,
#language .sbOptions a.sbFocus{
	background-color: #e3dec5;
    color: #000;
    border-bottom-color: #b5ae8f;
}

.infoType a.sbSelector{
    background: url("/assets/skins/textile/images/combo.png") no-repeat right 0px;
        color: #000;
}

.infoType .sbOptions{
	background-color: #FFF;
    border: 1px solid #d5d0ba;
        color: #333;
}

.infoType .sbOptions a{
	background-color: #fff;
    border-bottom: 1px solid #999;
}

.infoType .sbOptions a:hover,
.infoType .sbOptions a:focus,
.infoType .sbOptions a.sbFocus{
	background-color: #e3dec5;
    color: #000;
    border-bottom-color: #b5ae8f;
}

.infoType .sbOptions li.last a{
	border-bottom: none;
}

/*--------------------*/

#footer {
    color: #ac735e;
}

/*---------SKIN Extension-----------*/
#header a#skinChooseBtn
{
	background-image:url("/assets/skins/textile/images/skinChooser/changeSkinBtn.png");
}
.rtl #header a#skinChooseBtn
{
	background-image:url("/assets/skins/textile/images/skinChooser/changeSkinBtnAr.png");
}
#header a#skinChooseBtn:hover
{
	color:#fff;
}

#skinSelection .btns a.ok
{
    background:transparent url("/assets/skins/textile/images/skinChooser/btn.png") no-repeat;
    color: #000;
}
#skinSelection .btns a.cancel
{
    background:transparent url("/assets/skins/textile/images/skinChooser/btn.png") no-repeat;
    color: #000;
}
#skinSelection .btns a.bright
{
    background:transparent url("/assets/skins/textile/images/skinChooser/btnw.png") no-repeat;
    color: #000;
}
#skinSelection .btns a.ok:hover,
#skinSelection .btns a.bright:hover,
#skinSelection .btns a.cancel:hover
{
    background-position: 0px -32px;
    color: #fff;
}
#skinSelection .btns a.ok:active,
#skinSelection .btns a.bright:active,
#skinSelection .btns a.cancel:active
{
    background-position: 0px -64px;
    color: #fff;
}
#skinSelection
{
	background-image:url("/assets/skins/textile/images/skinChooser/window.png");
}
#skinSelection .listElem.selected,
#skinSelection .listElem:active
{
	color: #b25e30;
}
#skinSelection .listElem:hover
{
	background-color:#ecdad0;
}
#skinSelection .skinList
{
	background-color:rgba(255, 255, 255, 0.51);
}