body{}

.loading-next{color:#aaa;letter-spacing:1px;padding-left:5px;display:inline-block;padding-bottom:4px}

.ajax-result{display:inline-block;position:absolute}
.ajax-loader{display:inline-block;position:absolute;float:left}

.field-title{position:absolute;color:#999}
.selected{background:#FFFDBD}
.alternate.selected{background:#FFFCA3}

.hidden{display:none}

.text,textarea{border:1px #DBD8B9 solid;padding:3px 6px;font:normal 11px tahoma;;color:#666}
select{font:normal 11px tahoma;;color:#666}
textarea{height:100px}
.button{background:url('default/button.gif');width:64px;height:20px;font:normal 11px tahoma;color:#fff;cursor:pointer}
.radio,.checkbox{margin-right:10px}

h1,h2,h3,h4{font-family:Arial}
.date{font:normal 12px Tahoma;direction:ltr;width:70px;text-align:right;display:inline-block}
.date-time{font:normal 12px Tahoma;direction:ltr;display:inline-block;width:140px;text-align:right}
.short-date{font:normal 12px Tahoma;direction:ltr;display:inline-block;width:40px;text-align:right}
.date-field{direction:ltr}
.alternate{background:#FDFFE0}
.unreaded{background:#FBFBFB}
.alternate.unreaded{background:#F7F7F7}
.direction1{float:left}
.direction2{float:right}

.text-direction1{text-align:left}
.text-direction2{text-align:right}
.sep{padding:0 12px;}
.center{text-align:center}
.clear{clear:both}
.number{font:normal 11px tahoma;color:#555;direction:ltr;text-align:left}

.complete{color:#5AD400;}
.error{color:#EF0202;}
.warning{color:#FFA700;}

#page-path{padding-bottom:10px}

.download{background:url('default/icon-download.gif') no-repeat right}
.play{background:url('default/icon-play.gif') no-repeat}
.pdf{background:url('default/icon-pdf.gif') no-repeat}
.word{background:url('default/icon-word.gif') no-repeat}
.favorite{background:url('default/icon-favorite.gif') no-repeat}
.complete{background:url('default/icon-correct.gif') no-repeat}
.error{background:url('default/icon-error.gif') no-repeat}
.warning{background:url('default/icon-warning.gif') no-repeat}
.mail{background:url('default/icon-mail.gif') no-repeat}
.info{background:url('default/icon-info.gif') no-repeat}
.read{background:url('default/icon-read.gif') no-repeat}
.share{background:url('default/icon-share.gif') no-repeat}
.add{background:url('default/icon-add.gif') no-repeat}



.icon{height:16px;width:17px;display:inline-block;}
.icon-text{padding-top:8px;padding-left:20px;padding-bottom:7px;display:inline-block;background-position:left}
.icon-text.share{padding:8px 0;padding-left:125px;margin-top:5px}

#error-stack{direction:ltr;}

.tree ul{list-style-type:circle;margin-left:30px;}
.tree ul ul{margin-left:40px;list-style-type:square}
ul.style-none{list-style-type:none!important}
.tree li{padding:5px}

textarea{overflow:auto}

.shadow{background:#bbb;text-align:center;position:absolute;z-index:-1;display:inline-block;visibility:hidden}
.no-result{color:#ddd;font-style:italic;padding:5px}
.ltr{direction:ltr}
.rtl{direction:rtl}

.workflow-add{border:1px #D0E1BF solid;padding:10px;margin:10px;background:#E5EEDC}
.workflow-path{border-top:1px #E8F1DE solid;border-bottom:1px #E8F1DE solid;margin:20px 0;background:url('default/workflow.gif') repeat-x;height:41px}
.workflow-path{border-left:1px #F3F8EE solid;border-right:1px #F3F8EE solid}
.workflow-path li{display:inline}
.workflow-path span{padding:10px 20px;display:block;float:right;background:url('default/workflow.gif') repeat-x right top;height:21px;border-right:1px #F3F8EE solid}
.workflow-path span:hover{background-position:right -42px;}
body{}
.popup{display:none;background:#fff;padding:5px 10px}
.popup-container .popup{display:block}
.popup-container{padding:5px;border:1px #eee solid;}
.popup-container .title{color:#eee;font:normal 11px tahoma;float:left;}
.popup-container .close{cursor:pointer;color:#f00;display:inline-block}
.popup-container .content{margin-top:10px;border-top:2px #eee solid;padding-top:5px}
body{}

.valid{display:none;}
.unvalid{
	display:inline-block;
	position:absolute;
	background:#FFFCD1 url('default/warning.gif') no-repeat left 0;
	padding:0px 5px 1px 5px;
	padding-left:15px;
	font:Normal 9px Tahoma;
	border:1px #FAE68B solid;border-top:0;
	color:#FFA200;
}


.unvalid:hover{text-decoration:none;}
.unvalid-input{border:1px #FAE68B solid;color:#FFA200;background:#FFFCD1;}
.validation-sub .unvalid-input{border:0}

.validation-sub{display:block;border:1px Transparent solid;}
.validation-sub.unvalid-sub{border:1px #FAE68B solid;color:#FFA200;background:#FFFCD1}

.unvalid-title{color:#FFA200;}
body{}
.vote .cls1,.vote .cls2,.vote .cls3{display:none}
.vote .cls1{background:#C1D2FF;border:1px #A9C1FF solid}
.vote .cls2{background:#5AD400;border:1px #53C400 solid}
.vote .cls3{background:#FFC000;border:1px #F7BA00 solid}
.vote .attribute{padding-right:20px}
.vote .percent{width:30px}

body{}
.paging{text-align:right;margin:10px 0;clear:both;}
.paging ul{font:bold 14px arial}
.paging li{display:inline;margin:2px}
.paging li span,.paging li a{border:1px #FBF2A6 solid;padding:2px 8px;background:#FDFCD3;display:inline-block;cursor:pointer;color:#759C4E}
.paging li span.current,.paging li a.current{background:#fff;cursor:auto;color:#464646}
.paging li span:hover,.paging li a:hover{background:#fff;}

.paging .footer{float:left}
body{
	background:#C0D7A9;
	direction:ltr;
	font:normal 12px tahoma;
	color:#555;
}

a,a:visited,.link{color:#759C4E;text-decoration:none;cursor:pointer}
a.current,.link.current{color:#555;cursor:text}

h2{background:#FDFCD3 url('default/title-r.gif') no-repeat right top;font:bold 13px tahoma;color:#759C4E;margin-bottom:3px;}
h2 p{background:url('default/title-l.gif') no-repeat left top;padding:4px 10px 0 10px;line-height:15px;padding-bottom:3px;}
h2 div{float:right;margin-top:-23px;margin-right:5px;font:normal 12px tahoma;color:#555;}

hr{border:0;border-top:1px #C0D7A9 solid;}
td{padding:5px 0}
.padding-0,.padding-0 *{padding:0}
h2 .text{height:15px;padding-top:0;padding-bottom:0;margin-bottom:2px;}
h2 div{height:20px}
b{font:bold 13px tahoma;}
/************************/
#wrapper{width:900px;margin:10px auto;}

.container{background:#fff;margin-bottom:1px;overflow:hidden}
.container div.top{background:url('default/wrapper-tr.gif') no-repeat right;height:11px;}
.container div.top .left{background:url('default/wrapper-tl.gif') no-repeat left;height:11px;float:none;}
.container div.bottom{background:url('default/wrapper-br.gif') no-repeat right;height:11px;}
.container div.bottom .left{background:url('default/wrapper-bl.gif') no-repeat left;height:11px;float:none;}
.container-2{padding:0 20px;}

#header{text-align:right;clear:both;height:118px;}

.logo{background:url('default/logo.gif') no-repeat;display:inline-block;width:119px;height:133px;float:left;margin-top:-20px}
.logo-text{float:left;margin-right:-15px;margin-top:-15px;color:#C0D7A9;font:bold 15px arial;}

#banner-1{text-align:right;height:100px;display:inline-block;width:530px}
#banner-2{height:90px;width:530px}

#languages{text-align:center;direction:rtl;font:normal 12px tahoma}
/************************/

#tabs{background:#FBF4B5;margin:10px 0;padding:10px 20px 0 20px;}
#tabs ul{list-style:none;height:25px;width:700px;}
#tabs li{display:inline}
#tabs ul span{float:left;display:block;background:#FEFCE9 url('default/tab-r.gif') no-repeat right top;margin:0 1px;font:bold 13px tahoma;}
#tabs ul a{display:block;background:url('default/tab-l.gif') no-repeat left top;height:25px;padding:0 20px;line-height:28px;color:#999}
#tabs ul span:hover,#tabs .current span{background-position:right bottom;background-color:#fff}
#tabs ul span:hover a,#tabs .current a{background-position:left bottom;color:#759C4E;}
#tabs ul .home{background:url('default/home.gif') no-repeat top;width:17px;height:14px;margin-top:6px;display:inline-block}
#tabs ul span:hover .home,#tabs .current .home{background-position:left bottom;}


/************************/
#menu{width:150px;font:bold 13px tahoma;float:left;margin-right:10px;}
#menu li{float:left;width:100%;margin:1px 0}
#menu .content{padding:0 15px;}
/************************/
.title-bg{background:#FDFCD3;overflow:hidden;}
.title-bg span{display:block}
.title-bg .top{background:url('default/title-tr.gif') no-repeat top right;height:5px;}
.title-bg .top .left{background:url('default/title-tl.gif') no-repeat top left;height:5px;float:none;}
.title-bg .bottom{background:url('default/title-br.gif') no-repeat top right;height:5px;}
.title-bg .bottom .left{background:url('default/title-bl.gif') no-repeat top left;height:5px;float:none;}
.title-bg a{color:#999}
.title-bg:hover{background:#FBF2A6;#759C4E}
.title-bg:hover span{background-position:bottom right}
.title-bg:hover .left{background-position:bottom left}
.title-bg:hover a{color:#759C4E}
/************************/
#search{clear:both;width:300px;float:right;margin-top:-28px;}
#search table{float:right}
#search .text{width:180px;background:#FDFADA;}
#search .button{width:23px;height:21px;background:url('default/search.gif') no-repeat}
#search span{width:72px;height:21px;background:url('default/search-2.gif') no-repeat;cursor:pointer;display:inline-block;float:right}

/************************/
.box-1-direction1{float:left;margin-right:10px}

.box-2-direction1{float:left;margin-right:10px;width:685px}
.box-2-direction2{float:left;width:165px}

.box-3-direction1{float:left;margin-right:10px;width:540px;}
.box-3-direction2{float:left;width:310px}



.box-small-1{float:left;width:276px;margin:10px 0 0 10px}
.box-small-2{float:left;width:205px;margin:10px 0 0 10px}

.box-cp{float:left;width:700px;}


/************************/
.list-items div{padding:5px;}
.list-items input{margin-left:10px}
/************************/
#new{width:530px;height:164px;background:url('default/new-2.gif') no-repeat;margin-bottom:11px;font:bold 13px tahoma;text-align:justify}
#new img{float:left;margin-right:10px}
#new .item{display:none;position:absolute;width:270px;}
#new .player{display:none;background:url('default/new-arrow-2.gif') no-repeat;position:absolute;width:25px;height:35px}
#new .player:hover{background-position:0 -35px;}
/************************/
#footer{clear:both;border-top:1px #EEF5E6 solid;margin-top:10px;text-align:center;padding-top:3px}
/************************/


/************************/

#style-color{float:right;margin-right:20px;margin-top:-5px;margin-bottom:5px}
#style-color a{display:inline-block;width:15px;height:15px;margin:2px 2px 2px 1px;float:right}

#style-color .default{background:#C0D7A9;border:1px #9CB880 solid}
#style-color .blue{background:#34497F;border:1px #15203D solid}
#style-color .red{background:#7B0606;border:1px #2A0000 solid}
#style-color .mov{background:#6D2B53;border:1px #4F1B3B solid}
#style-color .gray{background:#4F4F4F;border:1px #171717 solid}

#style-color .default:hover{background:#D8EAC5;}
#style-color .blue:hover{background:#566DA8}
#style-color .red:hover{background:#B02020}
#style-color .mov:hover{background:#914774}
#style-color .gray:hover{background:#777777}

#style-color a:hover{border:1px #fff solid}
/************************/
.font-small{font:normal 11px tahoma}

.reciter{background:#FAFBF7;width:148px;padding:5px;float:left;margin:1px;text-align:center;font:bold 13px tahoma;height:51px}
.reciter.width-159{width:159px;}
.char{background:#FAFBF7;font:bold 24px arial;color:#759C4E;text-align:center;padding:6px;}
.sura{background:#FAFBF7;width:102px;padding:5px;float:left;margin:1px;text-align:center;font:bold 13px tahoma;height:51px}
.juz{background:#FAFBF7;width:125px;padding:5px;float:left;margin:1px;text-align:center;font:bold 13px tahoma;}
.channel{background:#FAFBF7;width:169px;padding:5px;float:left;margin:1px;text-align:center;font:bold 13px tahoma;height:130px;padding:10px 0}
.channel img{display:block;border:1px #ccc solid;padding:2px;height:75px;margin:auto;margin-bottom:10px;}
.sura:hover,.juz:hover,a.reciter:hover,a.channel:hover{background:#FDFEFC}
.attribute{color:#759C4E}



.user-online-active{background:url('default/user-online-active.gif') no-repeat center;width:19px;height:23px;display:inline-block;margin-left:10px}
.user-online-came{background:url('default/user-online-came.gif') no-repeat center;width:19px;height:23px;display:inline-block;margin-left:10px}
.user-online-unactive{background:url('default/user-online-unactive.gif') no-repeat center;width:19px;height:23px;display:inline-block;margin-left:10px}

.select-action-2{width:150px;margin-bottom:10px}

.links{text-align:center;margin:5px;}

.advert{margin:20px 0;border:1px #FDFCD3 solid;padding:10px;text-align:center;}
.advert img{margin:10px;border:1px #ddd solid}
.advert textarea{display:inline-block;overflow:hidden;height:40px;width:300px}