body{
	font-size: 14px;
	direction: rtl;
	margin: 0;
}



#ajax_loader{
	position: absolute;
	z-index: 10001;
	display: none;
}

#container{
	margin: 0 auto;
	width: 100%;
	float: left;
}

#left_container{
	float: left;
	width: 66%;
	height: 60%;
}

#right_container{
	float: right;
	border: 0px solid red;
	width: 34%;
	height: 100%;
}

#quran_container{
	display: none;
	border-right: 1px solid;
	cursor: s-resize;
}

#img_right{
	float: right;
	text-align: left;
	width: 49.5%;
}
#img_right img, #img_left img{
	width: 100%;
	height: 90%;
}

#img_left{
	float: left;
	text-align: right;
	width: 49.5%;
}

#control{
	float: left;
	width: 100%;
}

#page_select{
	text-align: center;
	direction: rtl;
}

#download{
	display: inline;
	margin: 0 10px 0 0;
	
	cursor: pointer;
}

#download a{
	border: 1px solid;
	width: 5%;
	text-decoration: none;
	padding: 0 8px;
	color: #000;
}

#download a:hover{
	color: #fff;
}

#login{
	direction: rtl;
	float: right;
}

.style1{
	font-weight: bold;
	text-decoration: underline;
}

.style2{
	font-weight: bold;
}

#dialog-modal .style5{
	margin: 0 38px 0 0;
}

#dialog-modal .style4{
	float: left;
	width: 100%;
}

#dialog-modal .style6{
	font-weight: bold;
	text-align: center;
}

#dialog-modal{
	display: none;
}

.loading_joza{
	background:#000 url(../images/tpl/ajax_loader_circle.gif) no-repeat center center;
	width: 18px;
	height: 18px;
	/*display: none;
	margin: -6% 0 0 13%;
	float: left;*/
}

.LoadingImage{
	display: none;
	margin: 6px 0 0 45px;
	float: left;
	
}

#registerPanel .style6{
	color: red;
}

.spinner{
	background: url(../images/tpl/ajax_loader_circle.gif) center 126px no-repeat;
	position:absolute;
	left:12px;
	top:0;
	width:100%;
	height:100%;
}

#curtain{
	display: none;
	position: absolute;
	z-index: 1000;
	background: gray;
	opacity: 0.15;
	filter: alpha(opacity = 50);
	width: 100%;
	height: 100%;
}

#info_curtain{
	position: absolute;
	z-index: 1000;
	background: gray;
	opacity: 0.15;
	filter: alpha(opacity = 50);
	width: 100%;
	height: 100%;
}

.tip{
	position: absolute;
	border: 1px solid gray;
	text-align: center;
	background: #fff;
	z-index: 10000;
	font-weight: bold;
	padding: 8px 0;
	font-size: 15px;
}

#tips{
	position: relative
}

#tip1{
	width: 250px;
	height: 36px;
}

#tip1 img{
	position: absolute;
	right: -18px;
}


#tip2{
	left: 270px;
	padding-left: 9px;
}

#tip2 span{
	margin: 0 25px 0 0;
	
}

#tip2 img{
	position: absolute;
	right: -18px;
	top: 1px;
}

#tip3{
	padding-left: 9px;
}

#tip3 img{
	position: absolute;
	right: -18px;
	top: 1px;
}

#close_tips{
	position: absolute;
	width: 172px;
	height: 116px;
	background: url('../images/tpl/close.png') no-repeat;
	background-position:  -40px -32px;
	z-index: 100001;
	cursor: pointer;
}