@charset "utf-8";
@import url('reset.css');
/****** HTML tags ******/
h1,h2,h3,h4,h5,h6 { line-height:2em }
h1 { font-size:220% }
h2 { font-size:200% }
h3 { font-size:180% }
h4 { font-size:160% }
h5 { font-size:140% }
h6 { font-size:120% }
img { border:none }
img, table, input { max-width:100% }
a { text-decoration:none; color:#069; transition:all 0.2s }
a:hover { color:#09c }
p { padding:8px 0; margin:0; line-height:inherit }
table.center { margin:auto }
th { text-align:justify }
form { display:inline }
label { cursor:pointer }
fieldset, legend { border:1px solid #ccc; padding:5px !important; border-radius:6px; margin-top:10px }
legend { padding:2px 16px !important; background:#f4f4f4 }
hr { height:0; border:none; border-top:1px solid #bbb; border-bottom:1px solid #fff; margin:5px 0 }
hr.spc { border:none; margin:0; height:1px }
hr.clr { border:none; margin:0; height:0 }
pre { direction:ltr; text-align:left; overflow:auto; margin:0; font:12px/18px monospace, "Lucida Console", "Courier New"  }
big { font-size:120% }
strong, .bold { font-weight:700 }
*:focus { outline:none }
/********* IDs *********/
#tip { background:#fff url(../img/tooltip.gif) repeat-x bottom; color:#333; border:1px solid #999; text-align:justify; line-height:150%; padding:2px 4px; margin:10px; max-width:350px; position:absolute; top:-1000px; z-index:1000; border-radius:4px; box-shadow:2px 2px 9px #666 }

#prayertimes table { direction:ltr; margin:auto; border-spacing:0; width:150px; height:100px }
#prayertimes td, #prayertimes th { white-space:nowrap }
#prayertimes td { letter-spacing:1px; text-align:left }
#prayertimes th { direction:rtl; text-align:right; font-weight:100 }
#prayertimes input { display:none }

#weather { display:block }
#weather table { direction:rtl }

table#statistics { width:150px; border-spacing:0 }
table#statistics td, table#statistics th { white-space:nowrap }
table#statistics th { font-weight:normal; text-align:justify }
table#statistics td { text-align:end }

#imgpreview { text-align:center; padding:5px; height:425px }
#imgpreview img { max-width:450px; max-height:400px; margin-top:5px; background:#ddd; box-shadow:2px 2px 10px #999; border:3px double #aaa }
#imgthumbs a { display:block; float:right; width:75px; height:75px; background:no-repeat center; padding:5px; border:1px solid #ccc; text-align:center; margin:5px 0 0 5px }
/******* Classes *******/
.ol2dg { padding:0 2.3em }
.ol2dg li { list-style:decimal-leading-zero }
.uldsc li:before { content:'» '; font:1.3em/100% Tahoma, Geneva, sans-serif }
.pad5 { padding:5px }
.clr { clear:both }
.pix1 { height:1px }
.ltr { direction:ltr }
.w50 { min-width:0 !important; width:50px !important; max-width:50px !important }
.block { display:block !important }
.inblock { display:inline-block !important }
.fleft { float:left !important }
.full { width:100% }
.center { text-align:center !important }
.xdebug-var-dump { background:#fff; color:#222; font-size:9pt; overflow:auto; direction:ltr; text-align:left }
.bx-links a { display:block; padding:2px; line-height:normal }
section.head a.header { color:inherit }
section.tbar, section.bbar { position:fixed; width:100%; z-index:1010; left:0 }
section.tbar { top:0 }
section.bbar { bottom:0 }

@media print {
	aside { display:none }
}

.memberinfo { text-align:center }
.memberinfo img { max-height:200px; margin:5px 0 }

a.notify { background:#f60; color:#fff; position:absolute; top:0; left:0; z-index:999999; width:100%; direction:rtl; border-bottom:2px solid #222 }
a.notify:hover { background:#d00; color:#fff }
a.notify div { font:bold 11pt "Times New Roman", Times, serif; padding:3px }
a.notify b { color:#ff0 }

a.pandandish-logo { display:block; width:100px; height:20px; background:url(../img/pandandish-logo.gif) top; margin:7px auto; transition:all 0.2s ease-in-out; font-size:0; overflow:hidden }
a.pandandish-logo:hover { background-position:bottom }

a.goup { display:block; position:fixed; z-index:1100; direction:rtl; right:10px; bottom:-100px; width:40px; height:40px; border:2px ridge #ccc; background:rgba(0,0,0,0.75); color:#ccc; border-radius:100%; font:45px/30px Georgia, "Times New Roman", Times, serif; text-align:center; transition:all 1s; transform:rotate(90deg) }
a.goup:hover { color:#000; background:rgba(255,255,255,0.75) }
a.goup.inview { bottom:10px; transform:rotate(445deg) }

.curr-path { padding:15px }

article.list { text-align:justify; border-top:1px dashed #ccc }
article.list div { padding:5px 0 5px 5px; color:#999; line-height:1.9; min-height:75px; border-bottom:1px dashed #ccc; overflow:auto }
article.list div:hover { background:#fbfbfb }
article.list img { float:right; width:100px; height:75px; background:#eee no-repeat center; background-size:cover; margin-left:5px }
article.list .hits { float:left; text-align:left }
.news-pic { float:left; margin:0 8px 8px 0; max-width:50% }
.news-foot { clear:left; color:#999; margin-bottom:10px }

article.cols div { display:inline-block; box-sizing:border-box; padding:10px; width:33.33%; vertical-align:top; text-align:justify; overflow:hidden }
article.cols a { color:#666; display:block }
article.cols img { transition:all 0.4s }
article.cols a:hover img { background-size:115% }
article.cols strong { display:block; font-size:120%; color:#000; line-height:40px }
article.cols img { display:block; width:100%; height:200px; background:center no-repeat; background-size:100% }

.page_num { display:block; height:17px; line-height:normal }
.page_num span { float:right; padding:2px 0; margin:0 1px }
.page_num a, .page_num .current { float:right; padding:2px 0; margin:0 1px; width:18px; text-align:center; font-weight:bold; color:inherit; border-radius:5px }
.page_num a:hover { background:#ddd }
.page_num .current { background:#bbb }
.page_num .total { float:left }

.success, .fail, .info { padding:9px 15px; margin:5px auto; border:1px solid; border-radius:6px }
.success { border-color:#3c3; background-color:#efc; color:#0a0 }
.fail { border-color:#f66; background-color:#fdd; color:#f06 }
.info { border-color:#8ce; background-color:#E5F6FF; color:#48a }

table.calendar { direction:ltr; border-spacing:1px }
table.calendar th { direction:rtl; font-weight:100; width:30px; height:30px; line-height:20px; text-align:center; background:#ddd }
table.calendar td { width:30px; line-height:30px; text-align:center; direction:rtl; white-space:nowrap }
table.calendar td.today { background:#af3 }

.txtbox { background:#fff; border:1px solid #ccc; padding:4px; display:block; line-height:25px; margin:0 0 5px; border-radius:4px; transition:all 0.3s }
.txtbox.half, .flabel.half { width:50%; min-width:300px }
textarea.txtbox, select[size].txtbox { height:100px; resize:vertical }
.txtbox[disabled] { background-color:#f6f6f6 }
.button { min-width:90px; height:25px; display:inline-block; vertical-align:middle; background:#999; color:#333; border:none; padding:0 5px; white-space:nowrap; text-align:center; border-radius:5px; line-height:25px; cursor:pointer; transition:all 0.3s }
.button[disabled], .button[disabled]:hover, .button.disabled { background-color:#999 !important; cursor:not-allowed }
.flabel { display:table; border-spacing:0; border-collapse:collapse; text-align:justify; padding:0 5px 0 0; background:#eee; border:1px solid #ccc; border-radius:4px; margin:0 0 4px; line-height:40px; height:40px; white-space:nowrap; box-sizing:border-box }
.flabel div { display:table-row }
.flabel span { display:table-cell; width:30%; padding:0 5px }
.flabel .txtbox { display:table-cell; margin:0; width:100% !important; min-width:0 !important; border-width:0 1px 0 0; padding:7px; border-radius:4px 0 0 4px }
._100p { width:100% }
._50 { width:50px }
.numeric, .currency { direction:ltr }

.blink { outline:3px solid #f03 }
.waiting { padding-top:40px; background:url(../img/waiting.gif) center top no-repeat; text-align:center }
.hidden { display:none }
.enamad { text-align:center }

.voting-chart { border-spacing:0; width:100% }
.voting-chart td { padding:2px }
.chartval { background:url(../img/pbar.gif) right; border:1px solid #aaa; border-radius:5px; height:15px }

.schres { margin-bottom:15px; display:block; }
.schres:hover { text-shadow:1px 1px 1px #666; }
.schres div { color:#333 }
.schres small { font-size:90%; color:#999; font-style:italic }
.schres address { direction:ltr; display:inline; line-height:normal; color:#999; text-decoration:underline }

.even { background-color:#f7f7f7 }
.odd { background-color:#e7e7e7 }

.lang-selection { height:32px }
.lang-selection a { display:inline-block; width:32px; height:32px }
.lang-selection .lang-fa { background:url(../img/flag-fa.png) }
.lang-selection .lang-en { background:url(../img/flag-en.png) }
.lang-selection .lang-ar { background:url(../img/flag-ar.png) }
.lang-selection .lang-tr { background:url(../img/flag-tr.png) }
.lang-selection .lang-tu { background:url(../img/flag-tu.png) }
.lang-selection .lang-fr { background:url(../img/flag-fr.png) }
.lang-selection .lang-de { background:url(../img/flag-de.png) }

.catlist { display:inline-block; vertical-align:top; width:33%; margin-bottom:10px }
.catiner { margin:4px }
.catlist a { display:block; line-height:35px; border-top:1px solid #ddd; transition:all 0.3s }
a.catitle { font-size:120%; border-bottom:5px solid #ddd; border-top:none; margin:0 0 10px }
a.cathumb { font-size:110%; border:none }
.cathumb div { padding:10px; border:1px solid #ddd; line-height:0px; transition:all 0.3s }
a.cathumb:hover div { background:#eee }
.cathumb img { width:100%; max-height:150px; margin:0; background:#eee no-repeat center }
.cathumb span { color:#999; font-size:100%; display:block; line-height:20px; margin:5px 0; text-align:justify }
a.catmore { text-align:left }

div.captcha { width:200px; min-width:200px; background:#F93; border:2px solid #333; text-align:center; box-sizing:border-box; overflow:hidden; direction:ltr; padding:5px; margin:0 0 4px }
div.captcha img { background:#333 url(../img/pbar-ani.gif) repeat-x center; width:200px; height:50px; margin:0 auto 5px; display:block }
div.captcha span { display:inline-block; width:30px; height:30px; background:#777 url(../pack/captcha/reload.png) no-repeat center; float:right; cursor:pointer; vertical-align:middle }
div.captcha span:hover { background-color:#393 }
div.captcha input.captchars { background:#fff; border:1px solid #666; border-radius:0; text-align:center; height:30px; font:bold italic 24px/28px "Times New Roman", Times, serif; letter-spacing:2px; width:156px; vertical-align:middle }

.table { border-spacing:2px; border-collapse:separate; border-radius:10px; width:100% }
.table tr { background:#f8f8f8 }
.table tr:nth-child(2n+1) { background:#F0F0F0 }
.table th, .table td { padding:0; line-height:30px }
.table th { background:#777 }

#popup { display:none; color:#333 }
#popup .tabl { position:fixed; border:1px solid #999; background:rgba(0,0,0,0.5); padding:1px 7px 7px; direction:rtl; border-spacing:0; border-collapse:separate; border-radius:9px; box-shadow:0 0 40px #000; z-index:32766 }
#popup .head { color:#fff; line-height:30px; height:30px; vertical-align:top; text-align:right; font-size:13px; font-weight:900; text-shadow:0 0 5px #000 }
#popup .clos { float:left; background:#f03; color:#fff; padding:0 18px; margin:-1px 0; text-align:center; font:900 12px/18px Verdana, Tahoma; cursor:pointer; border-radius:0 0 4px 4px; text-shadow:none }
#popup .clos:hover { background:#f60 }
#popup .body { background:#f3f3f3; padding:15px; border:1px solid #666; width:400px; max-width:900px; height:50px; max-height:500px }
#popup .body input[type="text"], #popupcontent textarea { border:1px solid #ccc; padding:2px }
#popup .foot { text-align:left; padding:0 }
#popup .foot .button { margin:0 5px 0 0; min-width:100px; height:20px; margin-top:7px }
#popup .covr { position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(128,128,128,0.4); z-index:32765 }
#popup pre { max-width:100%; max-height:400px }

.paging { height:30px; display:block }
.paging a, .paging span, .paging .current { float:right; color:inherit; padding:0 2px; margin:0 2px; line-height:30px; min-width:30px; text-align:center }
.paging a, .paging .current { color:#555; background:#ddd }
.paging a:hover { background:#fb6; color:inherit }
.paging .current { background:#6cc; cursor:default; font-weight:bold }
.paging .total { float:left }

ul.hmenu, ul.vmenu { color:#333; line-height:40px }
ul.hmenu { height:40px }
ul.hmenu li { float:right }
ul.hmenu .arrow, ul.vmenu .arrow { float:left; overflow:hidden; direction:rtl; font-family:Georgia, "Times New Roman", Times, serif; font-size:120%; transform:rotate(270deg) }
ul.hmenu .arrow { margin:0 5px 0 0 }
ul.hmenu ul, ul.vmenu ul { display:none; position:absolute; z-index:9999; background:#fff; min-width:180px; border:1px solid #aaa; box-shadow:3px 3px 10px #666 }
ul.hmenu li, ul.hmenu a, ul.vmenu li, ul.vmenu a { display:block; white-space:nowrap }
ul.hmenu li, ul.vmenu li { transition:all 0.3s }
ul.hmenu a, ul.vmenu a { color:inherit; transition:none }
ul.hmenu ul li, ul.vmenu li { float:none }
ul.hmenu ul, ul.vmenu { line-height:30px }
ul.hmenu ul a, ul.vmenu a { padding:0 7px }
ul.hmenu ul .arrow, ul.vmenu .arrow { margin:0; transform:rotate(0); direction:inherit }

main.rtl { direction:rtl }
main.ltr { direction:ltr; font-family:Arial, Helvetica, sans-serif }
main.ltr ul.hmenu li { float:left }
main.ltr ul.hmenu .arrow { float:right; margin:0 0 0 5px }
main.ltr ul.hmenu ul li { float:none }
main.ltr ul.vmenu .arrow, main.ltr ul.hmenu ul .arrow { float:right; background:url(../img/arw-hb-ltr.gif) center no-repeat }