@import url('/web/20180903064753cs_/http://rattil.org/assets/rattil/css/fonts/stylesheet.css');

/* HTML5 ✰ Boilerplate*/
::-moz-selection { background: #eee; color: #333; text-shadow: none; }
::selection { background: #eee; color: #333; text-shadow: none; }

/* CSS Reset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;font-size:100%;margin:0;padding:0}
html,body{height:100%}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
b,strong{font-weight:700}
img{color:transparent;font-size:0;vertical-align:middle;-ms-interpolation-mode:bicubic}
li{display:list-item}
table{border-collapse:collapse;border-spacing:0}
th,td,caption{font-weight:400;vertical-align:top;text-align:left}
q{quotes:none}
q:before,q:after{content:none}
sub,sup,small{font-size:75%}
sub,sup{line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
svg{overflow:hidden}

/* Primary Styles */
body{
	background: #232323 url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/bgbody.png');
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
}

ul, ol{
	margin-left:0;
}

ul{
	list-style:none;
}

a{
	text-decoration:none;
	font-size:12px;
	color: #b99b54;
}

a:hover{
	text-decoration:underline;
}

a span{
	cursor:pointer;
}

p, li, span, input, label, textarea{
	font-size:12px;
	font-family: Helvetica, Arial, sans-serif;
	line-height:1.5em;
	color: #666;
}

input:focus,textarea:focus{
	outline:none;
}

.alignleft{
	float:left;
	margin-right:15px;
	margin-bottom:9px;
}

.alignright{
	float:right;
	margin-left:15px;
	margin-bottom:9px;
}

.aligncenter{
	clear:both;
	float:none;
	text-align:center;
}

a.ftimg{
	display:block;
	margin-bottom:5px;
}

.btn-green,ul.recitations-head li .current{
	background-color: #007038;
	background-image: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/gr-green.png');
	background-repeat: repeat-x;
	background-position: left top;
	background-image: -webkit-linear-gradient(top, #009d4e, #007038);
	background-image: -moz-linear-gradient(top, #009d4e, #007038);
	background-image: -o-linear-gradient(top, #009d4e, #007038);
	background-image: -ms-linear-gradient(top, #009d4e, #007038);
	background-image: linear-gradient(top, #009d4e, #007038);
	-webkit-box-shadow: inset 0 1px 1px #49ba82;
	-moz-box-shadow: inset 0 1px 1px #49ba82;
	-o-box-shadow: inset 0 1px 1px #49ba82;
	box-shadow: inset 0 1px 1px #49ba82;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	border: 1px solid #006934;
	padding: 5px 15px;
	color: #FFF;
	cursor: pointer;;
	display: inline-block;
}

.btn-silver{
	background-color: #CCC;
	background-image: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/gr-lbtngrey.png');
	background-repeat: repeat-x;
	background-position: left top;
	background-image: -webkit-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -moz-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -o-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -ms-linear-gradient(top, #F0F0F0, #CCC);
	background-image: linear-gradient(top, #F0F0F0, #CCC);
	-webkit-box-shadow: inset 0 1px 1px #FFF;
	-moz-box-shadow: inset 0 1px 1px #FFF;
	-o-box-shadow: inset 0 1px 1px #FFF;
	box-shadow: inset 0 1px 1px #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 5px 15px;
	color: #666;
	cursor: pointer;;
	display: inline-block;
}

.btn-green span, input.btn-green,.popular-recitations h3,.rattil-modalbox h3,
ul.recitations-head li a.current span{
	font-size: 14px;
	font-weight: normal;
	font-family: 'Gotham Black', Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: 1px 2px 1px #004924;
	text-transform: uppercase;
}

.btn-silver span, input.btn-silver{
	font-size: 14px;
	font-weight: normal;
	font-family: 'Gotham Black', Helvetica, Arial, sans-serif;
	color: #666;
	text-shadow: 1px 1px 1px #FFF;
	text-transform: uppercase;
}

.btn-green:hover,.btn-green:hover span{
	color: #ddd;
	text-decoration: none;
}

.btn-silver:hover,.btn-silver:hover span{
	color: #444;
	text-decoration: none;
}

input.btn-green,input.btn-silver{
	padding: 3px 15px;
	height: 28px;
}

label,select{
	cursor: pointer;
	font-size: 12px;
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
}

.rattil-form{
	position: relative;
}

.rattil-form input[type=text], .rattil-form textarea, .rattil-form input[type=password]{
	background-color: #FFF;
	border: 1px solid #CCC;
	font: normal 12px Helvetica, Arial, sans-serif;
	color: #666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 8px 10px;
	height: 14px;
}

.rattil-form .input-wrap{
	margin-bottom: 5px;
}

.rattil-form .in-label{
	display: inline-block;
	margin-left: 5px;
	float: left;
}

.rattil-form .in-label input,.rattil-form .in-label span{
	float: left;
	margin-left: 2px;
	display: inline-block;
}

.rattil-form .with-arr{
	display: inline-block;
	position: relative;
}

.rattil-form .with-arr .btn-green{
	padding-right: 25px;
}

.rattil-form .with-arr:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 12px;
	margin-top: -5px;
	z-index: 5;
}

.rattil-form-layout-inlabel .input-wrap{
	float: left;
	width: 100%;
}

form.edit-profile-form .input-wrap{
	margin-bottom: 15px;
}

form.edit-profile-form textarea{
	height: 55px;
	line-height: 1.5em;
}

.rattil-form-layout-inlabel .input-wrap label,.rattil-form-layout-inlabel .input-wrap span.as-label{
	width: 170px;
	margin-right: 35px;
	float: left;
	padding-top: 9px;
	text-align: right;
	text-transform: none;
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
}

.rattil-form-layout-inlabel .input-wrap label.in-label{
	width: auto;
	text-align: left;
}

.rattil-form-layout-inlabel .input-wrap label.in-label span{
	display: inline-block;
	padding-top: 1px;
}

.rattil-form-layout-inlabel .input-wrap .input-content,.rattil-form-layout-inlabel .input-wrap .custom-select{
	display: inline-block;
	float: left;
}

.rattil-form-layout-inlabel .input-wrap input[type=text],.rattil-form-layout-inlabel .input-wrap input[type=password],
.rattil-form-layout-inlabel .input-wrap textarea{
	width: 250px;
}

form.edit-profile-form .input-wrap input[type=text],form.edit-profile-form .input-wrap input[type=password],
form.edit-profile-form .input-wrap textarea{
	width: 280px;
}

form.edit-profile-form .input-wrap .custom-select{
	width: 275px;
}

.js form.edit-profile-form .input-wrap .custom-select label{
	width: 245px;
	text-align: left;
}

form.edit-profile-form{
	padding: 30px 0 75px;
}

form.edit-profile-form .submit-wrap{
	margin-top: 25px;
}

form.edit-profile-form .input-wrap span.as-label,form.edit-profile-form .input-wrap label{
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase;
}

form.edit-profile-form .input-wrap .input-content label{
	font-weight: normal;
	font-size: 12px;
	text-transform: none;
}

form.edit-profile-form .edit-pp-img{
	width: 64px;
	height: 64px;
	float: left;
	margin-right: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

form.edit-profile-form .edit-pp-input{
	width: 300px;
	float: left;
	padding-bottom: 25px;
}

form.edit-profile-form .input-wrap .custom-file input[type="text"]{
	width: 180px;
}

.rattil-form label,.rattil-form .as-label{
	text-transform: uppercase;
	display: block;
	font-size: 10px;
	font-weight: bold;
}

.js .rattil-form .custom-select{
	height: 30px;
}

.js .rattil-form .custom-select select{
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
	border: none;
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-o-opacity: 0;
	filter:alpha(opacity=0);
}

.js .rattil-form .custom-select label{
	height: 24px;
	padding: 6px 15px 0;
	font-weight: normal;
}

p.rattil-form-note{
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #AAA;
	margin: 1px 0;
}

#update-pass{
	padding: 25px 0;
	clear: left;
	background: #f7f7f7;
	margin: 10px 0;
	position: relative;
}

#update-pass .btn-silver{
	padding: 3px 15px;;
	position: absolute;
	top: 9px;
	right: 9px;
	z-index: 5;
}

#update-pass .btn-silver span{
	font-size: 11px;
}

.update-pass-trigger{
	padding-top: 6px;
}

.update-pass-trigger a{
	font-size: 11px;
	font-weight: bold;
}

.update-pass-trigger span{
	letter-spacing: 5px;
	color: #AAA;
}

#site-header{
	position: relative;
	width: 100%;
	background-color: #007038;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/gr-green.png');
	background-image: -webkit-linear-gradient(top, #009b4e, #007339);
	background-image: -moz-linear-gradient(top, #009b4e, #007339);
	background-image: -o-linear-gradient(top, #009b4e, #007339);
	background-image: -ms-linear-gradient(top, #009b4e, #007339);
	background-image: linear-gradient(top, #009b4e, #007339);
	border-bottom: 3px solid #004c26;
}

#main-nav li{
	float: left;
}

#main-nav a,#lang-opts a{
	display: inline-block;
	font: normal 14px 'Gotham Black', Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: 1px 2px 1px #004924;
	padding: 13px 33px;
}

#lang-opts .foreign-char{
	font: bold 16px Helvetica, Arial, sans-serif;
	color: #FFF;
}

#main-nav a:hover,#lang-opts a.parent:hover,#main-nav a.current,#lang-opts a.active{
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/mnav-hv.png');
}

#main-nav a.current,#lang-opts a.active{
	background-color: #004c26;
}

#main-nav a:hover,#lang-opts a.parent:hover{
	color: #ddd;
}

#search-form{
	display: inline-block;
	float: right;
	position: relative;
	margin-top: 7px;
	margin-right: 25px;
}

#search-form input[type=text]{
	width: 190px;
	padding: 5px 10px;
	padding-left: 35px;
	height: 18px;
	position: relative;
	box-shadow: inset 1px 3px 2px #c0cdc6;
	-moz-box-shadow: inset 1px 3px 2px #c0cdc6;
	-webkit-box-shadow: inset 1px 3px 2px #c0cdc6;
	-o-box-shadow: inset 1px 3px 2px #c0cdc6;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	border: none;
	font-size: 12px;
}

#search-form .input-wrap:before{
	content: '';
	position: absolute;
	left: 9px;
	top: 50%;
	margin-top: -8px;
	z-index: 3;
}

#lang-opts li{
	position: relative;
}

#lang-opts li ul{
	position: absolute;
	border-bottom: 1px solid #006c35;
	border-top: none;
	width: 160px;
	z-index: 5;
	right: 4px;
	top: 32px;
	padding-top: 10px;
}

#lang-opts li ul li{
	background: #004c26;
	padding: 2px 10px 0;
	border-left: 1px solid #006c35;
	border-right: 1px solid #006c35;
}

#lang-opts li ul li:first-child{
	padding-top: 10px;
}

#lang-opts li ul li:last-child{
	padding-bottom: 10px;
}

#lang-opts li ul a{
	display: block;
	text-align: left;
	padding: 7px 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

#lang-opts li ul a:hover,#lang-opts li ul a.selected{
	text-decoration: none;
	background-color: #0c673a;
}

#lang-opts a.parent{
	position: relative;
}

#lang-opts a.parent:after{
	content: '';
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 50%;
	margin-top: -4px;
}

#main-wrapper{
	position: relative;
	width: 960px;
	margin: 30px auto 15px;
	background: #FFF;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	padding: 10px 0;
}

#welcome #main-wrapper{
	height: auto;
	min-height: inherit;
}

.intro{
	margin-bottom: 39px;
}

.lc-logo{
	width: 145px;
	height: 277px;
	text-indent: -9999px;
	float: left;
	margin: 10px 25px;
	background: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/logo-home.png') no-repeat;
}

.intro-desc{
	width: 400px;
	margin-right: 25px;
	float: left;
	padding-top: 65px;
}

.intro-desc h2{
	font-size: 36px;
	font-weight: normal;
	font-family: 'H35Th', Helvetica, Arial, sans-serif;
	line-height: 1.2em;
	color: #b88a1f;
	margin-bottom: 25px;
	margin-right: 75px;
}

.iv-thumb{
	width: 175px;
	height: 110px;
	overflow: hidden;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-0-border-radius: 9px;
	border-radius: 9px;
	border: 1px solid #c6c6c6;
	float: left;
	position: relative;
}

.iv-thumb .btn-green{
	position: absolute;
	z-index: 3;
	top: 50%;
	left: 50%;
	margin-left: -78px;
	margin-top: -16px;
	display: block;
	width: 136px;
	height: 16px;
	padding: 7px 10px;
}

.iv-thumb .btn-green span{
	font-size: 12px;
}

.iv-thumb .btn-green span:before{
	content: '';
	margin-right: 5px;
}

.iv-thumb img{
	width: 175px;
	height: 110px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-0-border-radius: 9px;
	border-radius: 9px;
}

.iv-desc{
	width: 205px;
	float: left;
	padding-left: 15px;
	padding-top: 10px;
}

.iv-desc p{
	font-size: 14px;
}

.landing-login,.popular-reciters{
	background-color: #f5f5f5;
	padding: 15px 15px 10px;
	height: 190px;
	overflow: hidden;
	border: 1px solid #CCC;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}

.login-hr{
	border-bottom: 1px solid #E5E5E5;
	clear:both;
	margin:10px 0;
}

#landing-login-form input[type=text],#landing-login-form input[type=password]{
	width: 246px;
}

#landing-login-form .with-arr{
	float: left;
	margin-right: 9px;
}

#landing-login-form .in-label{
	padding-top: 5px;
}

#landing-login-form .in-label span{
	font-size: 11px;
	padding-top: 1px;
}

.landing-login-links{
	padding-left: 3px;
}

.landing-login-links a{
	color: #b88a1f;
	font-size: 11px;
}

.landing-login-links a:first-child:after{
	content: '\2D';
	display: inline-block;
	margin: 0 15px;
	color: #b88a1f;
}

.popular-reciters h3{
	font-size: 14px;
	margin: 5px 7px 15px 3px;
	border-bottom: 1px solid #d0cfcb;
	padding-bottom: 9px;
}

.popular-reciters-list{
	margin-left: 3px;
}

.popular-reciters-list li{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
}

.pr-follow-list li{
	float: left;
	margin-right: 7px;
	margin-bottom: 7px;
}

.pr-follow-list{
	margin-top: 30px;
	margin-bottom: 15px;
}

.popular-reciters-list li a,.pr-follow-list li a{
	display: block;
	width: 36px;
	height: 36px;
	overflow: hidden;
	opacity: .8;
	-moz-opacity: .8;
	-webkit-opacity: .8;
	-o-opacity: .8;
	filter:alpha(opacity=80);
	transition: opacity .3s ease-in-out;
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	-o-transition: opacity .3s ease-in-out;
}

.popular-reciters-list li a:hover,.pr-follow-list li a:hover{
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-o-opacity: 1;
	filter:alpha(opacity=100);
}

.popular-recitations-list{
	-webkit-border-radius: 0 0 9px 9px;
	-moz-border-radius: 0 0 9px 9px;
	-o-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
	border: 1px solid #d0cfcb;
	border-top: none;
	padding: 10px 20px;
}

.popular-recitations h3{
	background: #006e37 url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/bg-hfav.png') no-repeat left center;
	height: 30px;
	padding: 0 20px;
	padding-top: 12px;
	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	-o-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
}

.popular-recitations h3:before{
	content: '';
	margin-right: 9px;
	margin-top: -3px;
	vertical-align: middle;
}

.popular-recitations-list li{
	padding-bottom: 5px;
	margin-bottom: 9px;
	border-bottom: 1px solid #d0cfcb;
	width: 100%;
	float: left;
}

.popular-recitations-list li.last-of-type{
	border-bottom: none;
	margin-bottom: 0;
}

.popular-recitations-list .btn-green{
	width: 258px;
	height: 28px;
	padding: 0;
}

.popular-recitations-list .btn-green span{
	display: block;
	padding: 3px 10px 0;
	text-align: center;
	background: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/bg-hbrw.png') no-repeat center top;
	font-size: 15px;
}

.rattil-recorder{
	position: relative;
	overflow: hidden;
	background-color: transparent;
}

	.rr-big{
		width: 425px;
	}

	.rr-small{
		width: 220px;
	}

		.rr-buttons{
			display: inline-block;
			float: left;
			padding: 5px 0;
		}

			.rr-buttons ul{
				overflow: hidden;
			}

				.rr-buttons li{
					float: left;
					margin-right: 7px;
				}

				.rr-small .rr-buttons li{
					margin-right: 3px;
				}

					.rr-buttons a{
						display: block;
						text-indent: -9999px;
					}

		.rr-info{
			display: inline-block;
			float: right;
			padding-top: 19px;
		}

			.rr-small .rr-info{
				padding-top: 12px;
			}

			.rb-vbg{
				display: inline-block;
				float: left;
				margin-right: 11px;
			}

				.rb-vbg .rb-v{
					display: block;
					text-indent: -9999px;
				}

			.rr-time{
				display: inline-block;
				float: left;
				font-size: 13px;
				padding-top: 3px;
			}

				.rr-small .rr-time{
					font-size: 10px;
				}

.rbpause,.rbpausesm,.rbplay,.rbplaysm,
.rbrec,.rbrecsm,.rbsave,.rbsavesm,.rbstop,.rbstopsm,.rb-v,
.rb-vbg,.rb-vbgsm,.rb-v{display:inline-block;background-image:url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/flashbtn.png');background-color:transparent;background-repeat:no-repeat;}
.rbpause{height:40px;width:40px;background-position:-52px 0;}
.rr-small .rbpause{height:27px;width:27px;background-position:-92px 0;}
.rbplay{height:40px;width:40px;background-position:-119px 0;}
.rr-small .rbplay{height:27px;width:27px;background-position:-159px 0;}
.rbrec{height:40px;width:40px;background-position:-186px 0;}
.rr-small .rbrec{height:27px;width:27px;background-position:-226px 0;}
.rbsave{height:40px;width:40px;background-position:-253px 0;}
.rr-small .rbsave{height:27px;width:27px;background-position:-293px 0;}
.rbstop{height:40px;width:40px;background-position:-320px 0;}
.rr-small .rbstop{height:27px;width:27px;background-position:-360px 0;}
.rb-v{height:21px;width:38px;background-position:-387px 0;}
.rb-vbg{height:21px;width:38px;background-position:-425px 0;}
.rr-small .rb-vbg{height:14px;width:25px;background-position:-463px 0;}
.rr-small .rb-v{height:14px;width:25px;background-position:-488px 0;}

.rc-item-ava{
	width: 100%;
	float: left;
}

.rc-item-ava .ftimg{
	width: 36px;
	height: 36px;
	overflow: hidden;
	float: left;
	margin-right: 9px;
}

.rc-item-head{
	width: 213px;
	float: left;
}

.rc-item-head .surah-name{
	font-weight: bold;
	line-height: 1.1em;
	margin-top: 3px;
}

.rc-item-head .surah-name a{
	color: #666;
}

.rc-item-head a.fn{
	font-size: 11px;
}

.jp-audio{
	width: 100%;
	float: left;
}

.rc-item-player{
	position: relative;
	width: 100%;
	float: left;
}

a.rci-play-btn,a.rci-pause-btn{
	display: block;
	text-indent: -9999px;
	float: left;
	margin-right: 10px;
}

a.rci-pause-btn{
	display: none;
}

.rci-player-length{
	display: inline-block;
	float: left;
	padding-top: 3px;
}

.rci-player-length span{
	font-size: 10px;
}

.rci-player-bar{
	position: relative;
	height: 10px;
	width: 160px;
	margin-right: 5px;
	margin-top: 8px;
	float: left;
}

.rci-player-bar .jp-seek-bar{
	width: 100% !important;
	height: 100%;
	background-color: #e4efe9;
}

.rci-player-bar .jp-play-bar{
	width: 0px;
	height: 100%;
	background-color: #a6cfbc;
}

.rm-video-tour iframe{
	width: 480px;
	height: 260px;
	border: none;
}

.rattil-modalbox{
	background-color: #FFF;
	padding: 15px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	display: inline-block;
	margin: 0 auto;
}

.rattil-modalbox h3{
	background-color: #00753a;
	padding: 9px 15px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

div.social-signin a{
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 5px;
}

#signup-form-popup,#forgot-form-popup{
	width: 477px;
}

#signup-form-popup .submit-wrap{
	padding-top: 25px;
}

#signup-form-popup .social-signin{
	display: inline-block;
	float: right;
	margin-top: 6px;
}

#signup-form-popup .with-arr{
	display: inline-block;
	float: left;
	margin-left: 65px;
}

.inner-sidebar{
	width: 220px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	background-color: #EEE;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;;
	-o-border-radius: 9px;
	border-radius: 9px;
}

.inner-container{
	position: relative;
	background: #FFF url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/bg-inner.png') repeat-y left top;
}

.inner-wrapper:after,.inner-wrapper:before{
	content: '';
	display: block;
	width: 220px;
	height: 10px;
	position: absolute;
	left: 10px;
	z-index: 999;
}

.inner-wrapper:after{
	background: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/side-ill.png') no-repeat;
	bottom: 10px;
}

.inner-wrapper:before{
	background: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/side-ill-top.png') no-repeat;
	top: 10px;
}

.inner-sidebar .widget{
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	-webkit-box-shadow: 0 0 9px #DCDCDC;
	-moz-box-shadow: 0 0 9px #DCDCDC;
	-o-box-shadow: 0 0 9px #DCDCDC;
	box-shadow: 0 0 9px #DCDCDC;
	margin: 0 10px;
	margin-bottom: 15px;
	background: #FFF;
	padding: 10px;
	position: relative;
}

.inner-sidebar div.widget-logo{
	background: none;
	text-align: center;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	margin-top: 10px;
}

.widget-logo h1{
	display: inline-block;
}

.widget-logo h1 a{
	display: block;
	text-indent: -9999px;
	width: 96px;
	height: 182px;
	background: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/logo-inner.png')
}

.widget h3{
	font-size: 14px;
	padding-bottom: 9px;
	margin-bottom: 9px;
	border-bottom: 1px solid #DDD;
}

.widget-mprofile-head h3{
	display: inline-block;
	float: left;
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.widget-mprofile-head{
	padding-bottom: 7px;
	margin-bottom: 9px;
	border-bottom: 1px solid #DDD;
}

.widget-mprofile-head .profile-menus{
	display: inline-block;
	float: right;
	margin-top: 3px;
	margin-bottom: -3px;
}

.widget-mprofile-head .profile-menus li{
	position: relative;
}

.widget-mprofile-head .profile-menus li ul{
	position: absolute;
	left: 17px;
	top: -9px;
	background: #FFF;
	border: 1px solid #DDD;
	padding: 5px 9px;
	width: 65px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	z-index: 55;
}

.js .widget-mprofile-head .profile-menus li ul{
	display: none;
}

.widget-mprofile-head .profile-menus li ul:after{
	content: '';
	display: inline-block;
	position: absolute;
	left: -6px;
	top: 9px;
}

.widget-mprofile-head .profile-menus a{
	font-size: 11px;
}

.widget-mprofile-head .profile-menus a.parent{
	display: block;
	text-indent: -9999px;
	opacity: 0.6;
	-moz-opacity: 0.6;
	-webkit-opacity: 0.6;
	-o-opacity: 0.6;
	filter:alpha(opacity=6);
}

.widget-mprofile-head .profile-menus a.parent:hover,.widget-mprofile-head .profile-menus li a.active{
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-o-opacity: 1;
	filter:alpha(opacity=100);
}

.profile-box li{
	margin-bottom: 7px;
	padding-bottom: 7px;
	border-bottom: 1px solid #EEE;
}

.profile-box li.prbox-ava,.profile-box li.last-of-type{
	border-bottom: none;
	margin-bottom: 0;
}

.prbox-ava .ftimg{
	width: 36px;
	height: 36px;
	float: left;
}

.prbox-ava .fn{
	display: inline-block;
	float: left;
	padding-top: 7px;
	padding-left: 9px;
}

.prbox-ava .fn a{
	font-weight: bold;
	color: #666;
}

.prbox-recit{
	display: inline-block;
	float: left;
}

a.prbox-link{
	font-size: 14px;
	font-weight: bold;
}

a.prbox-link:hover{
	text-decoration: none;
}

a.prbox-link span{
	font-weight: normal;
}

a.prbox-link:hover span,.profile-box a.prbox-hist:hover{
	color: #444;
	text-decoration: none;
}

.profile-box a.prbox-hist{
	color: #666;
}

.profile-box a.prbox-hist:before{
	content: '';
	display: inline-block;
	margin-right: 5px;
	margin-top: -3px;
	vertical-align: middle;
}

.profile-box a.widget-new-link{
	padding: 1px 9px 1px 7px;
	float: right;
}

.inner-subheading a.view-all{
	padding: 2px 12px 2px 10px;
	float: right;
	position: absolute;
	top: 5px;
	right: 21px;
}

.profile-box a.widget-new-link span,.inner-subheading a.view-all span{
	font-size: 11px;
	font-family: 'Gotham', Helvetica, Arial, sans-serif;
	text-transform: none;
}

.profile-box a.widget-new-link span:before{
	content: '\2B';
	display: inline-block;
	margin-right: 3px;
	margin-top: -2px;
	vertical-align: middle;
}

.widget-copyright p{
	margin-bottom: 3px;
}

#foot-nav{
	padding-top: 9px;
	margin-top: 9px;
	border-top: 1px solid #DDD;
}

#foot-nav li{
	float: left;
	display: inline-block;
	margin-right: 15px;
	margin-bottom: 3px;
}

.home-slider{
	position: relative;
	width: 700px;
	height: 162px;
	overflow: hidden;
}

.hslider-list img{
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}

.hslider-list li{
	width: 700px;
	height: 162px;
}

.hslider-nav{
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 15;
}

.hslider-nav a{
	display: block;
	text-indent: -9999px;
	float: left;
	margin-left: 5px;
}

ul.recitations-head{
	border-bottom: 3px solid #007038;
	margin-top: 30px;
}

ul.recitations-head li{
	display: inline-block;
	float: left;
	margin-right: 1px;
}

.recitations-head li a{
	display: block;
	padding: 7px 25px;
	background-color: #f5f5f5;
	border: 1px solid #CCC;
	border-bottom: none;
	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	-o-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
	text-transform: uppercase;
	color: #666;
}

.recitations-head li a:hover span{
	color: #B99B54;
}

.recitations-wrapper ul.recitations-head li a.current{
	padding: 7px 25px;
	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	-o-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
}

.recitations-head li span{
	font: normal 11px 'Gotham Black', Arial, Helvetica, sans-serif;
	color: #666;
	display: inline-block;
}

.recitations-wrapper ul.recitations-head li a.current span,.recitations-wrapper ul.recitations-head li a:hover span{
	font: normal 11px 'Gotham Black', Arial, Helvetica, sans-serif;
}

.recitations-head li span:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}


.recitations-sort{
	padding: 5px 15px;
	background: #f5f5f5;
	border: 1px solid #CCC;
	margin-bottom: 15px;
}

.rs-sortby{
	display: inline-block;
	float: left;
}

.rs-sortby .sort-label{
	display: inline-block;
	font-size: 10px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	text-transform: uppercase;
}

.rs-sortby .sort-options{
	display: inline-block;
	float: left;
}

.rs-sortby .sort-options li{
	position: relative;
}

.rs-sortby a.parent,.custom-select{
	display: block;
	background: #EEE;
	border: 1px solid #CCC;
	position: relative;
	padding-right: 25px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	z-index: 15;
}

.rs-sortby a.parent:hover{
	text-decoration: none;
}

.rs-sortby a.parent span,.js .custom-select label{
	display: block;
	background: #FFF;
	border-right: 1px solid #CCC;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	padding: 3px 10px;
	height: 18px;
	width: 125px;
	font-weight: bold;
}

.rs-sortby a.parent span:after,.js .rattil-form .custom-select label:after{
	content: '';
	position: absolute;
	top: 50%;
	right: 6px;
	margin-top: -4px;
}

.rs-sortby li ul{
	position: absolute;
	z-index: 9;
	top: 22px;
	left: 0;
	width: 171px;
	padding-top: 10px;
	background: #FFF;
	border: 1px solid #CCC;
	border-top: none;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	border-radius: 0 0 5px 5px;
}

.js .rs-sortby li ul{
	display: none;
}

.rs-sortby li ul a{
	display: block;
	padding: 5px 15px;
}

.rs-sortby li ul a:hover{
	background: #EEE;
	color: #666;
	text-decoration: none;
}

.rs-sortorder{
	display: inline-block;
	float: left;
	padding-top: 3px;
	margin-left: 5px;
}

.rs-sortorder li{
	display: inline-block;
	float: left;
	margin-left: 15px;
}

.rs-sortorder li a{
	font-size: 10px;
	text-transform: uppercase;
	color: #444;
	opacity: .6;
	-moz-opacity: .6;
	-webkit-opacity: .6;
	-o-opacity: .6;
	filter:alpha(opacity=66);
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
}

.rs-sortorder li a:hover,.rs-sortorder li a.current{
	text-decoration: none;
	color: #333;
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	-o-opacity: 1;
	filter:alpha(opacity=100);
}

.rs-sortorder li a.current{
	font-weight: bold;
}

.rs-sortorder li a:before{
	content: '';
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	margin-top: -3px;
}

.rs-sortorder li a.so-desc:before{
	margin-top: -5px;
}

.rl-item{
	width: 100%;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCC;
}

.rl-main{
	width: 425px;
	padding-right: 15px;
	border-right: 1px solid #CCC;
	float: left;
	position: relative;
}

.rl-main .rc-item-head{
	width: 190px;
}

.rl-main .rc-item-ava{
	width: 235px;
	float: left;
}

.rl-main .rc-item-info{
	width: 220px;
	margin-right: 5px;
	float: right;
	position: absolute;
	right: 15px;
}

.rc-item-info time{
	font-size: 11px;
	color: #888;
	display: block;
	text-align: right;
}

.rc-item-stats{
	text-align: right;
}

.rc-item-stats a{
	display: inline-block;
	margin-left: 25px;
	font-size: 11px;
	color: #666;
}

.rc-item-stats a:before,.rc-btn-item a span:before{
	content: '';
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.rc-item-stats a.rc-comments{
	margin-left: 0;
}

.rc-report:before,.rc-edit:before{
	margin-top: -2px;
	content: '';
	display: inline-block;
	margin-right: 5px;
	vertical-align: middle;
}

.rc-report{
	display: inline-block;
	margin-left: 25px;
	font-size: 11px;
	color: #666;
}

.rl-main .rci-player-bar{
	width: 325px;
}

.rl-buttons{
	width: 244px;
	padding-left: 15px;
	padding-top: 3px;
	float: left;
}

.rc-btn-item{
	margin-bottom: 7px;
}

.rc-btn-item a{
	display: inline-block;
	background-color: #f5f5f5;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 15px;
	margin-right: 7px;
	color: #666;
	text-align: center;
	width: 115px;
}

.rc-btn-item a:hover{
	text-decoration: none;
	border: 1px solid #AAA;
	background-color: #eee;
}

.rc-btn-item a.rc-btn-done:hover{
	border: 1px solid #CCC;
	background-color: #f5f5f5;
}

.rc-btn-item a span{
	font-size: 11px;
	color: #666;
}

span.rc-btn-count{
	color: #b88a1f;
	font-size: 11px;
}

a.rc-btn-done{
	position: relative;
}

.rc-btn-item a.rc-btn-done span:before{
	vertical-align: middle;
	margin-right: 1px;
	margin-top: -3px;
}

.rc-btn-item a.rc-btn-done span{
	color: #888;
}

a.load-more{
	display: block;
	background: #f5f5f5;
	border: 1px solid #CCC;
	margin-top: 10px;
	color: #666;
}

a.load-more:hover{
	text-decoration: none;
	border: 1px solid #BBB;
}

a.load-more span{
	display: block;
	text-align: center;
	padding: 7px;
	border-top: 1px solid #FFF;
	font-family: 'Gotham Black', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.profile-popup,.report-popup{
	background: #FFF;
	border: 1px solid #CCC;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	padding: 10px;
	width: 370px;
	position: relative;
}

.profile-popup:before{
	content: '';
	position: absolute;
	left: -7px;
	top: 15px;
}

.report-popup:after{
	content: '';
	position: absolute;
	right: -7px;
	top: 15px;
}

.profile-popup h3,.report-popup h3{
	font-size: 12px;
	color: #444;
	padding-bottom: 7px;
	margin-bottom: 10px;
	border-bottom: 1px solid #EEE;
}

.pr-popup-ava{
	width: 185px;
	float: left;
}

.pr-ava .ftimg{
	width: 36px;
	height: 36px;
	overflow: hidden;
	float: left;
}

.pr-ava .pr-name{
	display: inline-block;
	float: left;
	margin-left: 10px;
	margin-top: 3px;
	line-height: 1.2em;
}

.pr-ava .pr-name a{
	color: #666;
	font-weight: bold;
}

.pr-ava span.pr-label{
	display: block;
	font-size: 11px;
	color: #b88a1f;
}

.btn-follow,.btn-followed {
	text-align: center;
}

.pr-popup-head .btn-follow,.pr-popup-head .btn-followed {
	float: right;
	width: 145px;
}

.widget-myprofile .btn-follow,.widget-myprofile .btn-followed {
	width: 148px;
	margin-top: 10px;
}

.btn-followed{
	padding: 6px 17px;
	display: inline-block;
}

.btn-followed span,
a.btn-prevent-hover:hover span{
	font-size: 14px;
	font-weight: normal;
	font-family: 'Gotham Black', Helvetica, Arial, sans-serif;
	color: #CCC;
	text-transform: uppercase;
}

.btn-followed span:before{
	content: '';
	vertical-align: middle;
	display: inline-block;
	margin-right: 5px;
	margin-top: -3px;
}

.btn-followed:hover,.btn-followed:hover span{
	color: #e22626;
	text-decoration: none;
}

.pr-popup-info{
	margin-top: 7px;
}

.pr-popup-info li{
	width: 180px;
	float: left;
	margin-right: 10px;
}

.pr-popup-info li.last-of-type{
	margin-right: 0;
}

.pr-popup-info-item{
	padding-bottom: 3px;
	margin-top: 3px;
	border-bottom: 1px solid #EEE;
}

.pr-popup-info li .last-of-type{
	border-bottom: none;
}

.pr-popup-close{
	display: block;
	width: 8px;
	height: 9px;
	background: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/prpop-close.png');
	position: absolute;
	top: 13px;
	right: 10px;
	z-index: 5;
	text-indent: -9999px;
}

div.report-popup{
	width: 300px;
}

.js div.report-popup .rattil-form .input-wrap{
	margin-bottom: 10px;
}

.js div.report-popup .rattil-form .custom-select{
	height: 25px;
	width: 273px;
}

.js div.report-popup .rattil-form .custom-select select{
	width: 298px;
}

.js div.report-popup .rattil-form .custom-select label{
	height: 22px;
	padding: 3px 15px 0;
	width: 243px;
	text-transform: none;
	font-size: 12px;
}

.js div.report-popup .rattil-form textarea{
	width: 278px;
	height: 11px;
	overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.js div.report-popup .rattil-form textarea:focus{
	height: 55px;
}

.js div.report-popup .submit-wrap{
	text-align: right;
}

.js div.report-popup .rattil-form .btn-green{
	font-size: 11px;
	padding: 3px 25px;
}

.home-activities{
	padding: 15px 0px;
}

.activities-log li{
	position: relative;
	padding: 5px 0;
	padding-left: 23px;
	border-bottom: 1px solid #DDD;
	margin-bottom: 1px;
}

.activities-log li.last-of-type{
	border-bottom: none;
}

.activities-log li time{
	font-size: 11px;
}

.activities-log li:before{
	content: '';
	display: inline-block;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -7px;
}

.recitations-search{
	margin-top: -16px;
	margin-bottom: 15px;
}

.rsearch-content{
	padding: 25px 15px 20px;
	border: 1px solid #CCC;
}

.js .rsearch-content{
	display: none;
}

.rsearch-toggle{
	display: block;
	background: #CCC;
	padding: 5px 0px;
	height: 6px;
	text-align: center;
	color: #FFF;
}

a.rsearch-toggle span{
	display: block;
	text-indent: -9999px;
	color: #FFF;
	margin: 0 auto;
}

a.rsearch-active span{
	margin-bottom: 8px;
}

.rsearch-content .rattil-form-layout-inlabel .input-wrap label{
	width: auto;
	margin-right: 10px;
	padding-top: 5px;
	font-size: 14px;
	font-weight: bold;
}

.rsearch-content .rattil-form-layout-inlabel input[type=text]{
	width: 300px;
	margin-right: 5px;
}

.rsearch-content .rattil-form-layout-inlabel input.btn-green,.rattil-form input.btn-green{
	padding-top: 5px;
	height: 31px;
}

.filter-form .as-label{
	margin-bottom: 2px;
}

.filter-form div.input-wrap{
	margin-bottom: 13px;
}

.js form.filter-form .custom-select label{
	padding: 6px 10px 0px;
	width: auto;
	font-size: 12px;
	text-transform: none;
}

.filter-form .in-select{
	width: 85px;
	margin-right: 10px;
	display: inline-block;
	float: left;
}

.filter-form div.is-last-of-type{
	margin-right: 0;
}

.filter-form .btn-green{
	width: 178px;
	height: auto;
	padding: 5px 15px;
}

.js .filter-form .btn-green{
	display: none;
}

.prbox-big-ava .ftimg{
	width: 175px;
	height: 175px;
	overflow: hidden;
}

.prbox-big-ava p.fn{
	font-size: 14px;
	font-weight: bold;
}

.prbox-big-ava p.pr-label{
	color: #b88a1f;
	margin-bottom: 5px;
}

h2.inner-heading{
	color: #006e37;
	font: normal 18px 'Gotham Black', Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
	margin: 10px 0 15px;
	border-bottom: 1px dashed #CCC;
}

h3.inner-subheading{
	color: #006e37;
	font: normal 12px 'Gotham Black', Arial, Helvetica, sans-serif;
	padding: 9px 12px;
	margin-bottom: 10px;
	border-bottom: 1px dashed #CCC;
	background-color: #f5f5f5;
	box-shadow: inset 0 -1px 1px #FFF;
	position: relative;
}

.pr-info-box{
	padding: 10px 0;
	margin-bottom: 15px;
}

.pr-info-item{
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

.pr-info-label{
	display: inline-block;
	width: 160px;
	float: left;
	margin-right: 15px;
	text-align: right;
	font-weight: bold;
}

.pr-info-content{
	width: 525px;
	float: right;
}

li.pr-follow-item{
	width: 100%;
	float: left;
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 1px dashed #CCC;
}

li.pr-follow-item .ftimg{
	width: 36px;
	height: 36px;
	overflow: hidden;
	float: left;
	margin-right: 10px;
}

.pr-follow-info{
	width: 500px;
	float: left;
}

.pr-follow-info .fn{
	margin-top: -2px;
}

.pr-follow-info .fn a{
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

.pr-follow-data li{
	display: inline-block;
	float: left;
}

.pr-follow-data li:after{
	content: '\7C';
	display: inline-block;
	margin: 0 15px;
	color: #666;
}

.pr-follow-data li.last-of-type:after{
	content: '';
	display: none;
}

.pr-follow-button{
	display: inline-block;
	float: right;
}

.pr-follow-button .btn-follow{
	padding: 6px 30px;
}

.page-content{
	margin: 15px 0;
}

.post{
	padding-right: 25px;
}

.post h2{
	font: normal 24px 'Gotham Black', Arial, Helvetica, sans-serif;
	color: #444;
	margin-bottom: 10px;
}

.post h3{
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 3px;
	padding-top: 9px;
}

.post h4{
	font-size: 16px;
	margin-bottom: 3px;
}

.post p.post-overview{
	font-size: 24px;
	line-height: 1.5em;
}

.post p,.post ul{
	margin-bottom: 15px;
	line-height: 1.7em;
}

.page-menus ul{
	background: #EEE;
	padding: 15px 0;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}

.page-menus li{
	border-bottom: 1px solid #DDD;
	padding: 2px 0;
	position: relative;
}

.page-menus li.last-of-type{
	border-bottom: none;
}

.page-menus li a{
	display: block;
	color: #888;
	text-transform: uppercase;
	padding: 14px 30px 0;
	height: 32px;
}

.page-menus li a:hover{
	color: #666;
	text-decoration: none;
}

.page-menus li.current a{
	background: #006e37;
	color: #FFF;
	font-weight: bold;
	text-shadow: 1px 2px 1px #004924;
	position: relative;
}

.page-menus li.current a:before{
	content: '';
	position: absolute;
	left: -16px;
	top: 0;
}

.contact-links li{
	width: 200px;
	margin-right: 10px;
	margin-bottom: 5px;
	float: left;
}

.post .contact-vcard{
	margin-bottom: 15px;
}

.post .contact-vcard p{
	margin-bottom: 0;
}

.post .contact-vcard p.org{
	font-size: 16px;
	font-weight: bold;
}

.faq-form{
	padding: 15px 0;
}

.faq-form input[type=text]{
	width: 275px;
}

.post .faq-form input.btn-green{
	margin-left: 5px;
}

.post .help-menus{
	padding-top: 10px;
	margin-top: 20px;
	border-top: 1px dashed #CCC;
}

.post .help-menus li{
	margin-bottom: 5px;
}

.post .help-menus h3{
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 5px;
}

.post p.cant-find{
	font-weight: bold;
	margin-top: 75px;
	margin-bottom: 0;
}

.help-single{
	margin-top: 15px;
	padding-top: 25px;
	border-top: 1px dashed #CCC;
}

.post .help-single h3{
	margin-top: 0;
	margin-bottom: 15px;
	padding-top: 0;
	font-size: 18px;
	font-weight: bold;
}

.post p.post-label{
	margin-bottom: 0;
	line-height: 1.3em;
	font-size: 10px;
	text-transform: uppercase;
	color: #b88a1f;
}

.new-recitation-form{
	padding-bottom: 30px;
}


.btn-record span:before{
background:none;	
}
.btn-record{
background-image:url(/web/20180903064753im_/http://rattil.org/assets/rattil/img/rec_back2.png);
background-repeat: repeat-x;
	background-position: left top;
	/*background-image: -webkit-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -moz-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -o-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -ms-linear-gradient(top, #F0F0F0, #CCC);
	background-image: linear-gradient(top, #F0F0F0, #CCC);*/
	-webkit-box-shadow: inset 0 1px 1px #FFF;
	-moz-box-shadow: inset 0 1px 1px #FFF;
	-o-box-shadow: inset 0 1px 1px #FFF;
	box-shadow: inset 0 1px 1px #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 15px 15px;
	color: #666;
	cursor: pointer;;
	display: inline-block;
}

.btn-upload{
	

background-color: #CCC;
	background-image: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/upload_back2.png');
	background-repeat: repeat-x;
	background-position: left top;
	/*background-image: -webkit-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -moz-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -o-linear-gradient(top, #F0F0F0, #CCC);
	background-image: -ms-linear-gradient(top, #F0F0F0, #CCC);
	background-image: linear-gradient(top, #F0F0F0, #CCC);*/
	-webkit-box-shadow: inset 0 1px 1px #FFF;
	-moz-box-shadow: inset 0 1px 1px #FFF;
	-o-box-shadow: inset 0 1px 1px #FFF;
	box-shadow: inset 0 1px 1px #FFF;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 15px 15px;
	color: #666;
	cursor: pointer;;
	display: inline-block;

}




.nr-attach-audio{
	background: #f5f5f5;
	border:1px solid #dbdcdc;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	padding: 9px;
	margin-bottom: 20px;
}

.nr-attach-audio span.as-label,.nr-attach-audio span.nr-spacer{
	color: #FFF;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	float: left;
	display: inline-block;
}

.rdetails-comments .nr-attach-audio span.as-label,.rdetails-comments .nr-attach-audio span.nr-spacer{
	color: #666;
}

.nr-attach-audio span.as-label{
	margin-left: 15px;
	margin-top: 7px;
}

.nr-attach-audio span.nr-spacer{
	margin: 7px 9px 0;
}

.nr-attach-audio .input-wrap{
	display: inline-block;
	float: right;
	margin-bottom: 0;
}

.nr-attach-audio .input-wrap .btn-silver{
	float: left;
	padding: 10px 30px;
	position: relative;
	margin-top:7px;
	margin:7px 17px;
}

.nr-attach-active:after{
	content: '';
	position: absolute;
	bottom: -18px;
	left: 50%;
	margin-left: -5px;
}

.nr-attach-audio .input-wrap .btn-silver span:before{
	content: '';
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 5px;
	background-position:200px 200px;
}

.new-recitation-form .audio-input{
	background: #f5f5f5;
	border: 1px solid #CCC;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	padding: 15px 20px;
	margin-bottom: 15px;
}

.new-recitation-form .audio-input p.as-label{
	width: 200px;
	float: left;
	font: normal 14px 'Gotham Black', Arial, Helvetica, sans-serif;
	text-transform: none;
	margin-top: 9px;
}

.new-recitation-form .audio-input p.as-label span{
	font: normal 11px Arial, Helvetica, sans-serif;
}

.new-recitation-form .audio-input .input-wrap{
	display: inline-block;
	width: auto;
	float: right;
	margin-bottom: 0;
}

.custom-file{
	position: relative;
	width: 100%;
	margin-top: 3px;
}

.rdetails-comments .custom-file{
	height: 26px;
	overflow: hidden;
}

.js .custom-file label,.js .custom-file input[type=file]{
	position: absolute;
	width: 100%;
	height: 100%;
	display: block !important;
	text-align: left;
	top: 0;
	left: 0;
}

.js .custom-file label{
	text-indent: -9999px;
}

.js .custom-file label{
	z-index: 5;
}

.js .custom-file input[type=file]{
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	-o-opacity: 0;
	filter:alpha(opacity=0);
}

.js .custom-file input[type=text]{
	width: 325px;
	float: left;
	padding: 10px 15px;
}

.js .custom-file .btn-browse{
	float: left;
	background-color: #626262;
	background-image: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/gr-brw.png');
	background-repeat: repeat-x;
	background-position: left top;
	background-image: -webkit-linear-gradient(top, #9b9b9b, #aeaeae, #626262);
	background-image: -moz-linear-gradient(top, #9b9b9b, #aeaeae, #626262);
	background-image: -o-linear-gradient(top, #9b9b9b, #aeaeae, #626262);
	background-image: -ms-linear-gradient(top, #9b9b9b, #aeaeae, #626262);
	background-image: linear-gradient(top, #9b9b9b, #aeaeae, #626262);
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	-o-border-radius: 0 5px 5px 0;
	border-top: 1px solid #666;
	border-right: 1px solid #999;
	padding: 6px 15px 8px;
	margin-left: -9px;
	color: #FFF;
	cursor: pointer;;
	display: inline-block;
}

.btn-browse span{
	font-size: 14px;
	font-weight: normal;
	font-family: 'Gotham Black', Helvetica, Arial, sans-serif;
	color: #FFF;
	text-shadow: 1px 2px 1px #333;
	text-transform: uppercase;
}

.custom-file .btn-browse,.custom-file #file-name{
	display: none;
}

.js .custom-file .btn-browse,.js .custom-file #file-name{
	display: block;
}

.si-item{
	float: left;
	margin-right: 10px
}

.si-item .as-label{
	padding-bottom: 3px;
}

.si-surah-name{
	width: 230px;
}

.si-ending,.si-starting{
	width: 100px
}

.si-rewayah{
	width: 215px;
}

.js .new-recitation-form .custom-select label{
	width: auto;
	font-size: 12px;
	text-transform: none;
}

span.info-link{
	vertical-align: middle;
	margin-top: -2px;
}

.surah-inputs-wrap{
	margin-bottom: 20px;
}

.quran-reader{
	margin-bottom: 20px;
}

.qreader-head{
	padding: 10px 15px;
	background: #f5f5f5;
	border: 1px solid #CCC;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
}

div.qreader-head-active{
	-webkit-border-radius: 9px 9px 0 0;
	-moz-border-radius: 9px 9px 0 0;
	-o-border-radius: 9px 9px 0 0;
	border-radius: 9px 9px 0 0;
}

.qreader-head h3{
	display: inline-block;
	float: left;
	font: normal 14px 'Gotham Black', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

.qreader-player{
	-webkit-border-radius: 0 0 9px 9px;
	-moz-border-radius: 0 0 9px 9px;
	-o-border-radius: 0 0 9px 9px;
	border-radius: 0 0 9px 9px;
	border: 1px solid #CCC;
	border-top: none;
	padding: 15px;
}

.js .qreader-player{
	display: none;
}

.qreader-surah-name,.qreader-player-main{
	display: inline-block;
	float: left;
}

p.qreader-surah-name{
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}

.qreader-player-main{
	width: 330px;
	margin-left: 15px;
	margin-top: -5px;
}

.js .rattil-form .qreader-player .custom-select{
	height: 25px;
	width: 150px;
	margin-top: -5px;
}

.js .rattil-form .qreader-player .custom-select label{
	height: 21px;
	padding: 4px 15px 0;
}

.js #rewayah-info{
	display: none;
}

.qreader-player-main .rci-player-bar{
	width: 200px;
}

.qreader-player-reciter{
	display: inline-block;
	float: right;
}

.qreader-content-wrap{
	height: 175px;
	overflow: auto;
}

.qreader-content{
	padding-left: 99px;
	padding-right: 45px;
}

.qreader-verses span{
	font-size: 21px;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 15px;
	color: #444;
}

.new-recitation-form textarea{
	width: 678px;
	height: 45px;
	line-height: 1.5em;
}

.new-recitation-form .submit-wrap{
	margin-top: 10px;
}

.new-recitation-form .submit-wrap .with-arr{
	float: left;
}

.new-recitation-form .submit-wrap .chars-rem{
	float: right;
	font-size: 11px;
	font-style: italic;
	display: inline-block;
	margin-right: 15px;
}
.rc-player-wrap{
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px dashed #CCC;
}

.rtl{
	direction: rtl;
}

a.qreader-show{
	background: #888;
	display: inline-block;
	padding: 2px 13px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	color: #FFF;
	float: right;
}

a.qreader-show:hover,a.qreader-show:hover span{
	text-decoration: none;
	color: #EEE;
}

a.qreader-show span{
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
}

.input-wrap .charleft{
	display: none;
}

.rel-slide{
	width: 700px;
	height: 75px;
	overflow: hidden;
}

.rel-slide li{
	float: left;
	width: 100%;
	margin-bottom: 15px;
}

.rel-slide .rc-player-wrap {
	margin-bottom: 0;
	margin-left: 5px;
	border-bottom: none;
	width: 310px;
	padding: 0 15px;
	padding-bottom: 0;
	position: relative;
	float: left;
	border-right: 1px solid #CCC;
}

.rel-slide .rc-player-wrap .rl-main{
	width: 280px;
	padding-left: 15px;
	border-right: none;
}

.rel-slide div.last-of-type{
	border-right: none;
}

.rel-slide .rl-main .rci-player-bar{
	width: 180px;
}

.rel-slide-wrap{
	position: relative;
	margin-bottom: 15px;
}

.rel-slide-wrap button{
	background: #f5f5f5;
	border: none;
	padding: 30px 3px;
	position: absolute;
	top: -2px;
	cursor: pointer;
	z-index: 99;
}

.rel-slide-wrap button:hover{
	background: #EEE;
}

.rel-prev{
	left: -2px;
}

.rel-next{
	right: -2px;
}

.rdetails-player{
	background: #006e37;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-o-border-radius: 9px;
	border-radius: 9px;
	padding: 5px;
}

.rdetails-player .rc-player-wrap{
	margin-bottom: 0;
	margin-left: 5px;
	border-bottom: none;
	display: block;
	width: auto;
	padding-bottom: 0;
}

.rdetails-player .rci-player-bar{
	width: 575px;
}

.rdetails-player .rci-player-length span,.rdetails-player .rci-player-length{
	color: #FFF;
}

.rdetails-head{
	margin-bottom: 5px;
}

.rdetails-head .ftimg{
	width: 36px;
	height: 36px;
	float: left;
	margin-right: 10px;
}

.rdetails-title{
	width: 400px;
	float: left;
}

.rdetails-title h3{
	font-size: 16px;
}

.rdetails-uploaded a{
	font-weight: bold;
}

.rdetails-buttons{
	margin-top: 10px;
	margin-right: 15px;
}

.rdetails-buttons .rc-report{
	margin-left: 10px;
}

.rdetails-listener{
	font-size: 11px;
	font-style: italic;
	margin-top: 5px;
}

.rdetails-desc-wrapper{
	margin-top: 15px;
	margin-bottom: 30px;
}

.rdetails-rewayah{
	margin-top: 15px;
}

.rdetails-like-buttons{
	background: #f5f5f5;
	padding: 10px;
	border-radius: 9px;
}

.rdetails-like-buttons li.last-of-type{
	margin-bottom: 0;
}

.rdetails-like-buttons a.btn-silver{
	width: 145px;
	padding: 5px 15px;
}

.rdetails-like-buttons a.btn-silver span{
	font-size: 10px;
}

.rdetails-like-buttons span.rc-btn-count{
	color: #666;
	font-style: italic;
	font-size: 11px;
}

.rdetails-complimentary-content{
	padding-top: 15px;
	margin-bottom: 15px;
	border-top: 1px dashed #CCC;
	background: #FFf url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/bg-cmt-wrap.png') repeat-y left top;
}

.rd-comment-head h3{
	display: inline-block;
	float: left;
	font-size: 10px;
	text-transform: uppercase;
	margin-top: 7px;
}

.rd-comment-head{
	margin-right: 21px;
}

.rd-comment-head div.nr-attach-audio{
	background: #f5f5f5;
	width: 300px;
	float: right;
	padding: 5px;
	margin-bottom: 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
}

.rd-comment-head .nr-attach-audio .input-wrap .btn-silver{
	padding: 2px 9px;
	border: 1px solid #DDD;
}

.rd-comment-head .nr-attach-audio .input-wrap .btn-silver span{
	font-size: 9px;
}

.rd-comment-head .nr-attach-audio span.as-label{
	margin-top: 3px;
}

.rd-comment-head .nr-attach-audio span.nr-spacer {
	margin: 3px 9px 0;
}

.rd-comment-form .audio-input{
	background: #f5f5f5;
	border: 1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	padding: 3px 10px 6px;
	margin-bottom: 15px;
	margin-right: 21px;
}

.rd-comment-form .audio-input p.as-label{
	width: 190px;
	float: left;
	font: normal 12px 'Gotham Black', Arial, Helvetica, sans-serif;
	text-transform: none;
	margin-top: 4px;
}

.rd-comment-form .audio-input p.as-label span{
	font: normal 10px Arial, Helvetica, sans-serif;
}

.rd-comment-form .audio-input .input-wrap{
	display: inline-block;
	width: auto;
	float: right;
	margin-bottom: 0;
}

.js .rd-comment-form .custom-file input[type="text"] {
	width: 165px;
	font-size: 11px;
	float: left;
	padding: 4px 5px;
	-webkit-border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-o-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
	border: 1px solid #cccccc;
	margin-top: 2px;
}

.js .rd-comment-form .custom-file .btn-browse{
	padding: 3px 5px 5px;
	margin-top: 2px;
}

.js .rd-comment-form .custom-file .btn-browse span{
	font-size: 9px;
}

.rdetails-comments .flash-sim{
	margin-top: 4px;
}

.rdetails-comments .nr-attach-active:after{
	bottom: -11px;
}

.rdetails-comments #comment_msg{
	width: 417px;
	height: 50px;
}

.rdetails-comments .with-arr{
	float: right;
	margin-right: 21px;
}

.rdetails-comments input.btn-green{
	font-size: 11px;
	padding: 3px 9px;
	padding-top: 3px;
	height: 24px;
}

.rdetails-comments .chars-rem{
	font-style: italic;
	float: left;
	display: inline-block;
}

.rdetails-comments .chars-rem span{
	font-size: 11px;
}

.rdetails-comments-list h4{
	padding-top: 15px;
	margin: 25px 0;
	border-top: 1px dashed #CCC;
	font-size: 12px;
	font-weight: normal;
}

.rdetails-comments-the-list{
	margin-right: 21px;
}

.rdetails-comments-the-list li{
	padding: 10px;
	float: left;
	display: block;
	margin-bottom: 15px;
}

.rdetails-comments-the-list li.even{
	background: #f7f7f7;
}

.rdetails-comments-the-list .ftimg{
	width: 36px;
	height: 36px;
	float: left;
	margin-right: 10px;
}

.rdetails-clist-content{
	width: 370px;
	float: left;
}

.rdetails-clist-content time{
	font-size: 11px;
	color: #AAA;
}

.rdetails-clist-head{
	margin-bottom: 5px;
}

.rdetails-clist-head .fn{
	display: inline-block;
	float: left;
}

.rdetails-clist-head .fn a{
	font-size: 13px;
	font-weight: bold;
}

.rdetails-clist-head .rdetails-clist-buttons{
	display: inline-block;
	float: right;
	margin-right: 15px;
}

/*.js .rdetails-clist-head .rdetails-clist-buttons{
	display: none;
}

.js li:hover .rdetails-clist-head .rdetails-clist-buttons{
	display: block;
}*/

.rdetails-clist-buttons a{
	display: inline-block;
	float: left;
	color: #666;
	font-size: 11px;
}

.rdetails-clist-buttons .send-report:before{
	content: '';
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 15px;
	margin-top: -3px;
}

.rdetails-clist-content .rc-player-wrap {
	padding-bottom: 0;
	margin-bottom: 5px;
	border-bottom: none;
}

.rdetails-clist-content .rci-player-bar{
	width: 250px;
}

.rdetails-clist-paging{
	border-top: 1px dashed #CCC;
	clear: left;
	padding-right: 21px;
}

.rdetails-clist-paging ul{
	display: inline-block;
	float: right;
	padding-top: 5px;
}

.rdetails-clist-paging li{
	float: left;
	margin: 0 7px;
}

.rdetails-clist-paging a,.rdetails-clist-paging span{
	font-size: 11px;
	color: #b88a1f;
}

.rdetails-clist-paging span.current{
	font-weight: bold;
}

.rdetails-sidelist{
	position: relative;
}

.rdetails-sidelist h3{
	background: #006e37;
	color: #FFF;
	font-size: 10px;
	text-transform: uppercase;
	padding: 7px;
	margin-bottom: 15px;
}

a.rd-side-prev,a.rd-side-next{
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 9px;
	z-index: 5;
}

a.rd-side-prev{
	right: 19px;
}

a.rd-side-next{
	right: 9px;
}

.rdetails-side-slider .rc-player-wrap{
	padding-bottom: 0;
	margin-bottom: 15px;
	border-bottom: none;
	float: left;
	width: 100%;
}

.rdetails-side-slider li{
	float: left;
	width: 100%;
	padding-bottom: 15px;
}

.rdetails-side-slider .ftimg{
	width: 36px;
	height: 36px;
	float: left;
	margin-right: 10px;
}

.slist-head-info{
	width: 170px;
	float: left;
}

a.slist-title{
	font-weight: bold;
	color: #666;
	display: inline-block;
	margin-top: 1px;
}

.slist-data .fn{
	width: 90px;
	float: left;
	line-height: 1.1em
}
.slist-data .fn a{
	font-size: 11px;
}

.slist-like{
	display: inline-block;
	float: right;
	font-size: 11px;
}

.slist-like:before{
	content: '';
	margin-right: 3px;
	vertical-align: middle;
	margin-top: -2px;
}

.rdetails-side-slider .rci-player-bar{
	width: 110px;
}

.surah-name a, a.slist-title{
	font-size: 14px;
}

/* Additional Styles
=====================================================*/
a.feedback{
	display: block;
	background: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/feedback.png');
	color: #FFF;
	position: fixed;
	top: 33%;
	right: -3px;
	text-indent: -9999px;
	width: 43px;
	height: 153px;
}

#feedback-form{
	width: 485px;
}

#feedback-form textarea{
	height: 55px;
}

.rdetails-title a.rc-edit{
	display: inline-block;
	margin-left: 15px;
	font-size: 11px;
}

.rdetails-title a.rc-edit:before{
	margin-right: 3px;
}

.rdetails-buttons time{
	font-size: 11px;
	display: block;
	text-align: right;
	margin-bottom: 3px;
}

div.rdetails-buttons{
	display: inline-block;
	float: right;
	margin-top: 2px;
}

body .rc-btn-item a{
	text-align: left;
}

.er-the-recitation{
	margin-bottom: 25px;
}

.edit-recitation-form .btn-silver{
	border: 1px solid #CCC;
	padding: 4px 25px 5px;
	margin-left: 5px;
}

@-moz-document url-prefix() {
    input.btn-green{
		padding: 4px 15px;
		height: auto;
	}

	.rsearch-content .rattil-form-layout-inlabel input[type=text]{
		width: 290px;
	}

	.rsearch-content .rattil-form-layout-inlabel input.btn-green{
		padding-top: 2px;
		height: 32px;
	}

	.js .custom-file label{
		display: none !important;
	}

	.js .custom-file input[type=file]{
		font-size: 30px;
		z-index: 7;
	}
}




/* Clear Floated Elements */
.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
.clearfix:before,.clearfix:after{content:'.';display:block;overflow:hidden;visibility:hidden;font-size:0;line-height:0;width:0;height:0}
.clearfix:after{clear:both}
.clearfix{zoom:1}

/* Sprites */
.arr-cmtopt,.arr-dd,.arr-lang,.arr-optsm,.arr-rnext,.arr-ropt,
.arr-rprev,.arr-sprf,.arr-srnext,.arr-srprev,.arr-stog,.arr-stogd,
.arr-vplay,.arr-vplayrtl,.arr-wbtn,.arr-wbtnrtl,#lang-opts a.parent:after,
.iv-thumb .btn-green span:before,.rattil-form .with-arr:after,
.widget-mprofile-head .profile-menus li ul:after,
.rs-sortby a.parent span:after,.profile-popup:before,.report-popup:after,
.js .rattil-form .custom-select label:after,.rsearch-toggle span,a.rsearch-active span,
.nr-attach-active:after,a.rd-side-prev,a.rd-side-next{display:inline-block;background-image:url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/arr.png');background-color:transparent;background-repeat:no-repeat;}
.arr-cmtopt{height:3px;width:7px;background-position:0 0;}
.arr-dd,.rs-sortby a.parent span:after,.js .rattil-form .custom-select label:after{height:9px;width:13px;background-position:-7px 0;}
.arr-lang,#lang-opts a.parent:after{height:9px;width:11px;background-position:-20px 0;}
.arr-optsm,.rdetails-comments .nr-attach-active:after{height:5px;width:11px;background-position:-31px 0;}
.arr-rnext{height:16px;width:8px;background-position:-42px 0;}
.arr-ropt,.nr-attach-active:after{height:9px;width:18px;background-position:-50px 0;}
.arr-rprev{height:16px;width:8px;background-position:-68px 0;}
.arr-sprf{height:14px;width:14px;background-position:-76px 0;}
.arr-srnext,.rd-side-next{height:8px;width:5px;background-position:-90px 0;}
.arr-srprev,.rd-side-prev{height:8px;width:5px;background-position:-95px 0;}
.arr-stog,a.rsearch-active span{height:6px;width:10px;background-position:-100px 0;}
.arr-stogd,.rsearch-toggle span{height:6px;width:10px;background-position:-110px 0;}
.arr-vplay,.iv-thumb .btn-green span:before{height:8px;width:6px;background-position:-120px 0;}
.arr-vplayrtl{height:8px;width:6px;background-position:-126px 0;}
.arr-wbtn,.rattil-form .with-arr:after,.report-popup:after{height:12px;width:7px;background-position:-132px 0;}
.arr-wbtnrtl,.widget-mprofile-head .profile-menus li ul:after,.profile-popup:before{height:12px;width:7px;background-position:-139px 0;}

.arr-smenu,.arr-smenurtl,.page-menus li.current a:before{display:inline-block;background-image:url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/arrsmn.png');background-color:transparent;background-repeat:no-repeat;}
.arr-smenu,.page-menus li.current a:before{height:46px;width:16px;background-position:0 0;}
.arr-smenurtl{height:46px;width:16px;background-position:-16px 0;}

.btn-pause,.btn-play,.rbpause,.rbpausesm,.rbplay,.rbplaysm,
.rbrec,.rbrecsm,.rbsave,.rbsavesm,.rbstop,.rbstopsm,.rb-v,
.rb-vbg,.rb-vbgsm,.rb-vsm,.rci-play-btn,.rci-pause-btn{display:inline-block;background-image:url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/flashbtn.png');background-color:transparent;background-repeat:no-repeat;}
.btn-pause,.rci-pause-btn{height:26px;width:26px;background-position:0 0;}
.btn-play,.rci-play-btn{height:26px;width:26px;background-position:-26px 0;}
.rci-pause-btn:hover{height:26px;width:26px;background-position:-539px 0;}
.rci-play-btn:hover{height:26px;width:26px;background-position:-513px 0;}
.rbpause{height:40px;width:40px;background-position:-52px 0;}
.rbpausesm{height:27px;width:27px;background-position:-92px 0;}
.rbplay{height:40px;width:40px;background-position:-119px 0;}
.rbplaysm{height:27px;width:27px;background-position:-159px 0;}
.rbrec{height:40px;width:40px;background-position:-186px 0;}
.rbrecsm{height:27px;width:27px;background-position:-226px 0;}
.rbsave{height:40px;width:40px;background-position:-253px 0;}
.rbsavesm{height:27px;width:27px;background-position:-293px 0;}
.rbstop{height:40px;width:40px;background-position:-320px 0;}
.rbstopsm{height:27px;width:27px;background-position:-360px 0;}
.rb-v{height:21px;width:38px;background-position:-387px 0;}
.rb-vbg{height:21px;width:38px;background-position:-425px 0;}
.rb-vbgsm{height:14px;width:25px;background-position:-463px 0;}
.rb-vsm{height:14px;width:25px;background-position:-488px 0;}

.i-asc,.i-cmt,.i-desc,.i-factv,.i-factv-c,.i-fav,.i-flwg,.ig-fav,.ig-like,
.ig-rec,.ig-recsm,.ig-upl,.ig-uplsm,.i-hfav,.i-hist,.i-like,
.i-ncmt,.i-nfav,.i-nflw,.i-rect,.i-rect-c,.i-rep,.i-search,.i-uflw,
.i-wthis,.sl-act,.sl-nav,#search-form .input-wrap:before,
.popular-recitations h3:before,.profile-box a.prbox-hist:before,
.hslider-nav a,.rh-frrect span:before,.rh-fract span:before,
.so-asc:before,.so-desc:before,.rc-comments:before,.rc-report:before,
.rc-like span:before,.rc-fav span:before,.i-liked,
.rc-btn-item a.rc-btn-done span:before,.activities-log li:before,
.nr-attach-audio .input-wrap .btn-silver span:before,
.btn-followed span:before,.info-link,.rdetails-clist-buttons .send-report:before,
.slist-like:before,.widget-mprofile-head .profile-menus .parent,.rc-edit:before{display:inline-block;background-image:url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/spr.png');background-color:transparent;background-repeat:no-repeat;}
.i-asc,.so-asc:before{height:10px;width:10px;background-position:0 0;}
.i-cmt,.rc-comments:before{height:12px;width:12px;background-position:-10px 0;}
.i-desc,.so-desc:before{height:10px;width:10px;background-position:-22px 0;}
.i-factv,.rh-fract span:before{height:16px;width:16px;background-position:-32px 0;}
.i-factv-c,.rh-fract .current span:before{height:16px;width:16px;background-position:-314px 0;}
.i-fav,.rc-fav span:before{height:7px;width:8px;background-position:-48px 0;}
.i-flwg,.btn-followed span:before,a.btn-prevent-hover:hover span:before{height:10px;width:10px;background-position:-56px 0;}
.ig-fav,.rdetails-like-buttons .rc-fav span:before{height:7px;width:8px;background-position:-66px 0;}
.ig-like,.rdetails-like-buttons .rc-like span:before{height:10px;width:10px;background-position:-74px 0;}
.ig-rec,.nr-attach-audio .btn-record span:before{height:15px;width:10px;background-position:-84px 0;}
.ig-recsm,.rd-comment-head .nr-attach-audio .btn-record span:before{height:9px;width:9px;background-position:-94px 0;}
.ig-upl,.nr-attach-audio .btn-upload span:before{height:14px;width:14px;background-position:-103px 0;}
.ig-uplsm,.rd-comment-head .nr-attach-audio .btn-upload span:before{height:9px;width:9px;background-position:-117px 0;}
.i-hfav,.popular-recitations h3:before{height:16px;width:16px;background-position:-126px 0;}
.i-hist,.profile-box a.prbox-hist:before{height:16px;width:16px;background-position:-142px 0;}
.i-like,.rc-like span:before,.slist-like:before{height:10px;width:10px;background-position:-158px 0;}
.i-ncmt,.act-comment:before{height:14px;width:14px;background-position:-168px 0;}
.i-nfav,.act-fav:before{height:14px;width:14px;background-position:-182px 0;}
.i-nflw,.act-follow:before{height:14px;width:14px;background-position:-196px 0;}
.i-liked,.rc-btn-item a.rc-btn-done span:before,body .rc-btn-item a.rc-btn-done-temp:hover span:before{margin-top: -3px;margin-bottom: auto;height:14px;width:14px;background-position:-330px 0;}
.i-rect,.rh-frrect span:before{height:16px;width:16px;background-position:-298px 0;}
.i-rect-c,.rh-frrect .current span:before{height:16px;width:16px;background-position:-210px 0;}
.i-rep,.rc-report:before,.rdetails-clist-buttons .send-report:before{height:10px;width:10px;background-position:-226px 0;}
.i-search,#search-form .input-wrap:before{height:16px;width:16px;background-position:-236px 0;}
.i-uflw,.btn-followed:hover span:before{height:10px;width:10px;background-position:-252px 0;}
.i-wthis,.info-link{height:16px;width:16px;background-position:-262px 0;}
.sl-act,.hslider-nav a.activeSlide,.hslider-nav a:hover{height:10px;width:10px;background-position:-278px 0;}
.sl-nav,.hslider-nav a{height:10px;width:10px;background-position:-288px 0;}
.widget-mprofile-head .profile-menus .parent{height:20px;width:19px;background-position:-348px 0;}
.rc-edit:before{height:11px;width:11px;background-position:-366px 0;}
.rc-btn-item a.rc-btn-done:hover span:before{height:14px;width:14px;background-position:-376px 0;margin-bottom: -4px;}

.si-facebook,.si-twitter{display: inline-block;background-image:url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/si.png');background-color:transparent;background-repeat:no-repeat;}
.si-facebook:hover{height:20px;width:138px;background-position:0 0;}
.si-twitter{height:20px;width:138px;background-position:-138px 0;}
.si-facebook{height:20px;width:138px;background-position:-276px 0;}
.si-twitter:hover{height:20px;width:138px;background-position:-414px 0;}


/* Custom Scrollbar */

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	outline:none
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%
}

.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background: #eee;
}

.jScrollPaneDrag:active,.jScrollPaneDrag:hover{
	background: #CCC;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}


/* Tipsy Styles */
.tipsy { padding: 5px; font-size: 10px; position: absolute; z-index: 100000; }
.tipsy-inner { padding: 4px 8px 5px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
.tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tipsy-inner p{text-align: left;color: #FFF;font-size:11px;width: 150px;}
.tipsy-arrow { position: absolute; background: url('/web/20180903064753im_/http://rattil.org/assets/rattil/img/tipsy.gif') no-repeat top left; width: 9px; height: 5px; }
.tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
.tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
.tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
.tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }



/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}

.act-like:before{
    height:10px;
	width:10px;
    background-position:-158px 0;
    opacity: 0.4;
    -moz-opacity: 0.4;
    -webkit-opacity: 0.4;
    -o-opacity: 0.4;
    filter:alpha(opacity=44);
    margin-left: 3px;
}


/* 28-06-2012 */
.inner-content .profile-box{
	overflow: hidden;
	margin-bottom: 15px;
}

.inner-content .profile-box li {
	border-bottom: none;
	float: left;
	width: 125px;
	margin-right: 15px;
}

.inner-content .pr-info-box{
	width: 570px;
	float: left;
	padding: 0 0 10px;
}

.inner-content .pr-info-ava{
	width: 125px;
	float: left;
	margin-right: 5px;
}

.inner-content .pr-info-ava img{
	width: 125px;
	height: 125px;
}

.inner-content .pr-info-label{
	width: 100px;
}

.inner-content .pr-info-content{
	width: 435px;
	padding-right: 20px;
}

.personal-information{
	overflow: hidden;
}

.widget-sidelogin .input-wrap{
	margin-bottom: 9px;
}

.widget-sidelogin input[type=text],
.widget-sidelogin input[type=password]{
	width: 158px;
	height: 11px;
}

.widget-sidelogin .submit-wrap{
	text-align: right;
}

.widget-sidelogin .submit-wrap input.btn-green{
	font-size: 11px;
	font-family: 'Gotham', Helvetica, Arial, sans-serif;
	text-transform: none;
	padding-top: 0;
	height: 25px;
	margin: 9px 0;
}

.widget-sidelogin .sidelogin-links,
.widget-sidelogin .sidelogin-links a{
	font: bold 10px Arial, sans-serif;
	color: #CCC;
}

.widget-sidelogin .sidelogin-links{
	border-top: 1px solid #CCC;
	text-align: center;
	padding: 5px 0;
}

.widget-sidelogin .sidelogin-links a:after{
	content: '\7C';
	display: inline-block;
	margin: 0 7px;
}

.widget-sidelogin .sidelogin-links a:last-child:after{
	display: none;
}

.inner-content .recitations-search .rsearch-toggle span{
	height: auto;
	width: auto;
	background-image: none;
	display: inline;
}

.inner-content .recitations-search .rsearch-toggle{
	height: auto;
	padding: 3px 0;
	font-weight: bold;
}

.inner-content .recitations-search .filter-form ul{
	overflow: hidden;
}

.inner-content .recitations-search .filter-form ul li{
	width: 100%;
	float: left;
}

.inner-content .recitations-search .filter-form .input-wrap{
	display: inline-block;
	float: left;
	margin-right: 20px;
	width: 235px;
}

.inner-content .recitations-search .filter-form div.ff-ayah-wrap,
.inner-content .recitations-search .filter-form div.ff-gender-wrap{
	width: 135px;
}

.js .inner-content .filter-form .btn-green {
	display: inline-block;
	margin-left: 155px;
}

.personal-information{
    padding-bottom: 25px;
}

.personal-information .btn-follow{
    width: 90px;
    padding: 3px 16px;
}

.personal-information .btn-followed{
    padding: 4px 6px
}

/* Privacy Setting Style */
.privacy-public{
	color:#ffffff;
	background:#3399FF;
	padding:5px;
}

.privacy-private{
	margin:5px 0 0 0;
	color:#ffffff;
	background:#FF6600;
	padding:5px;
}

/**************************** Hisham Update *******************/
.rai{
		width:99%;
		
		background-color:#FFF;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		border-radius: 10px;	
		margin:0px auto;
		margin-bottom:10px;
		margin-top:10px;
		}
		.rai h3{
		background:#006e37 url('https://web.archive.org/web/20180903064753im_/http://www.rattil.org/assets/rattil/img/bg-hfav.png');
		-webkit-border-top-left-radius: 10px;
		-webkit-border-top-right-radius: 10px;
		-moz-border-radius-topleft: 10px;
		-moz-border-radius-topright: 10px;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
		padding:7px;
		color:#FFF;
		font-weight:bolder;
		background-repeat:no-repeat;
		
		}
		.rai .logos{
		text-align:center;
		padding:5px;	
		}
		.social{
			margin: 0px;
			padding: 0px;


		}
		.social li{
			display: inline-block;
		}
		.social li a{
			display: block;
			width: 42px;
			height: 42px;
			margin:20px 5px;
			text-indent: -99999px;
			background-image: url("/web/20180903064753im_/http://rattil.org/assets/rattil/img/social.jpg");
		}
		.ins{

		}
		.facebook{
			background-position: -94px 0;
		}
		.twitter{
			background-position: -141px 0;
		}
		.in{
			background-position: -48px 0;
		}

		.logo-container{
				
				-webkit-border-radius: 9px;
				-moz-border-radius: 9px;
				-o-border-radius: 9px;
				margin-top: 0px;
				
			}

			a.feedback{
				display: none;
			}
			.twitter_icon , .facebook_icon{
				display: none;
			}


/********** Hisham Last Added 12/2/2015 ************/

.popular-reciters-list li a{
	width: 45px;
	height: 45px;
}

.popular-reciters-list li img{
	width: 45px;
	height: 45px;
}

.popular-recitations-list li{
	margin-bottom:20px; 
}
#fixedDiv{
	display: none;
}

.vocie-comments:before {
	
background-image: url('/web/20180903064753im_/http://rattil.org/assets/yes.png');
background-position: right;
width: 14px;
height: 14px;

}

.intro-desc h2 a {
  font-size: 36px;
  font-weight: normal;
  font-family: 'H35Th', Helvetica, Arial, sans-serif;
  line-height: 1.2em;
  color: #b88a1f;
/*
     FILE ARCHIVED ON 06:47:53 Sep 03, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 07:49:46 Jun 18, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.609
  exclusion.robots: 0.065
  exclusion.robots.policy: 0.056
  esindex: 0.008
  cdx.remote: 3606.384
  LoadShardBlock: 27.717 (3)
  PetaboxLoader3.datanode: 101.169 (5)
  load_resource: 563.283 (2)
  PetaboxLoader3.resolve: 456.037
*/