/*
Theme Name: x37 CSS Generator V8.01
Theme URI: http://www.returntechnology.com
Description: The dynamic theme for e-jett/x37/return/arztalep
Version: 8.01
Author: Goker Guler, Taha Erdem
© Copyright 1998 - 2015 RETURN Group
*/

#ej-holder, .ej-holder {padding-right:308px;background-color:#f7f7f7;}

#ej-footer, .ej-footer {background-color: #ddd;}
html, body {height:100%;}
body, p, th, td, div, ul, li {margin:0;color: #000000;font-family: 'Georgia', 'Arial'; font-size: 10pt;}
p {margin:7px 0;}
img{vertical-align: bottom;border:0;margin:0;}

/* START clearfix */
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {	width:100%; min-height:1px; }
* html .clearfix {	height:1px; }
* html>body .clearfix {	height:auto; display: inline-block; }
/* END clearfix */

.transition { -webkit-transition: all .9s ease; -moz-transition: all .9s ease; -ms-transition: all .9s ease; -o-transition: all .9s ease; transition: all .9s ease; }


img,a {padding:0; margin:0;}

/* SPECIAL DIVs */

.verse0, .verse1 {padding:7px 0;}
.verse0 {}
.verse1 {background-color:#eee}
.verse0:hover, .verse1:hover {background-color:#ffc}

.div-mp3 {border-top:solid 2px #ab9;top:0;background-color:#000;padding:4px;height:40;padding-top:5px;}
.div-controls {position:fixed;z-index:102;top:0px;width:100%;padding:4px;height:40;}
.div-transliteration {color:#060;text-align:center}

.box-w50 {float:right; width:50%; margin:0; padding:0; }
.box-w50a, .box-w50i {padding:5px;border:solid 1px #eee;}
.box-w50i { min-height:800px;}
.box-w50a { min-height:400px;}
.list-item {list-style:none;padding:0;margin:0;}
.list-item li {padding: 0px 0px 7px 14px;background-image: url("http://localhost/e-jett/axd_h/gett.axd?f=public%2fpng%2f12%2farrow-right.png"); background-repeat:no-repeat;}


* html #v8dvo, #v8dvo, .v8dvo {  position: fixed; z-index:100; width:100%; height:100%; background-color:#000000;  background: -webkit-linear-gradient(#cccccc, #000000); background: -o-linear-gradient(#cccccc, #000000); background: -moz-linear-gradient(#cccccc, #000000); background: linear-gradient(#cccccc, #000000); }
#v8Form, .v8Form { z-index: 221; position:absolute; top:0; left: 0; text-align:center; overflow:visible; width:100%; height:100%; clear:both;  margin: 0; padding-top:50px; }
#v8preview, .v8preview, #v8preview2, .v8preview2, #v8alert, .v8alert, #v8popup, .v8popup { z-index: 221; position:fixed; text-align:center; overflow:visible; width:100%; height:100%; clear:both;  margin: 0; padding-top:50px; }
#v8preview img, .v8preview img {  max-width:1280px; max-height:768px; }
.s-item {  margin: 2px;-webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.5);-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}

/* HTML BASICs */
h1, h2, h3, h4, h5, .helmet, .sub-ttl1, .alert {  text-shadow:1px 1px 2px rgba(0,0,0,0.5);}
h1, .sub-ttl1 {  margin: 4px 0px;  color: #240;  font-family: 'Georgia', 'Arial';  font-size: 2.0em;}
h2, .helmet, .sub-ttl2 {  margin: 3px 0px;  color: #408;  font-family: 'Georgia', 'Arial';  font-size: 1.8em;}
h3, .sub-ttl3 {  margin: 3px 0px;  color: #345;  font-family: 'Georgia', 'Arial';  font-size: 16pt;}
h4, .sub-ttl4 {  margin: 4px 0px;  color: #408; font-family: 'Georgia', 'Arial';  font-size: 12pt;}
a, a:visited, a:active, a:link {  color: #0000C0;   text-decoration : none;}
a:hover {  color: #803380;  text-decoration : underline;}




/* FIXED CONTENT HELP STYLES */
.floatleft { float: left; max-width: 324px; }
.floatright { float: right; max-width: 324px; }
#ej-box-8, .ej-box-8, .ej-box-0, .mbr-box-8, .mbr-box-0 {  margin: 4px;}
.ej-box-0, .mbr-box-0 { padding: 1px;-webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5); box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);}
#ej-box-8, .ej-box-8 {-webkit-box-shadow: 1px 5px 12px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 5px 12px rgba(0, 0, 0, 0.5); box-shadow: 1px 5px 12px rgba(0, 0, 0, 0.5);-moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
.mbr-box-8 {-webkit-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.5);-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.ej-box-8 img, .ej-box-0 img, .mbr-box-8 img, .mbr-box-0 img {  max-height:120px;}
.box-wOpt {  float:left;  max-width:280px;  height: 200px;}

.box-wHD { float:left; width:194px; height: 110px; padding:1px; }
.box-w200 { float:left; width:200px; height: 350px; }
.box-w250 { float:left; width:250px; height: 350px; }
.box-w300 { float:left; width:300px; height: 300px; }
.box-w23 { float:left; width:23%; min-width: 200px; min-height: 300px; }
.box-w32 { float:left; width:32%; min-width: 200px; min-height: 250px; }
.box-w48 { float:left; width:48%; min-width: 200px; min-height: 250px; }
#img-div { text-align:center; float:none; max-width:auto; }


#ah-tab, .ah-tab {position:relative; z-index:99;}
#ah-tabs,.ah-tabs {margin:10px 5px;padding:5px;color:#fff}
a.ah-tabs, .ah-tabs a {padding:10px 5px;font-weight:bold;color:#ffffff;}
#list-box, .list-box { float:left; width:280px; height:100px;}
body.toogle_ls #list-box { float:none; width:99%; max-width:100%; min-height:60px; height: auto; }
body.toogle_ls #img-div { text-align:left; float: left; max-width:300px; }
body.toogle_ls #list-box img { max-height:60px; }

.txt-shadow-w, .txt-shadow-w a { text-shadow:1px 1px 3px rgba(255,255,255,0.9); }
.txt-shadow-b, .txt-shadow-b a { text-shadow:1px 1px 3px rgba(0,0,0,0.9); }
.radius3 { padding:1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.radius3-top { padding:1px; border-top-left-radius: 3px; -moz-border-top-left-radius: 3px; -webkit-border-top-left-radius: 3px;	border-top-right-radius: 3px; -moz-border-top-right-radius: 3px; -webkit-border-top-right-radius: 3px;  }
.radius5 { padding:2px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.shadow1 { margin: 0; box-shadow: 0px 1px 2px rgba(0,0,0,0.7); -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.7); -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.7); }
.shadow3 { margin: 5px; box-shadow: 1px 4px 7px rgba(0,0,0,0.7); -moz-box-shadow:1px 4px 7px rgba(0,0,0,0.7); -webkit-box-shadow:1px 4px 7px rgba(0,0,0,0.7); }
.borderblack { padding:1px; background-color:#000000; }
.bordergray { padding:1px; background-color:#808888; }
.borderwhite { padding:1px; background-color:#FFFFFF; }

/* FORM STYLES */
input, select, textarea {  font-family: 'Verdana', 'Arial';  font-size: 10pt;}
input[type=text], input[type=password], input[type=checkbox], select, input[type=radio], textarea {  -o-transition:all 0.50s ease-in-out; -ms-transition:all 0.50s ease-in-out; -moz-transition:all 0.50s ease-in-out; -webkit-transition:all 0.50s ease-in-out;  margin: 1px 2px 2px 2px;  padding: 2px 2px 2px 2px;  -webkit-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5); box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);  border: 1px solid #80A0D0;}
input[type=text]:focus, input[type=password]:focus, input[type=radio]:focus, select:focus, textarea:focus {  margin: 1px 2px 2px 2px;  padding: 2px 2px 2px 2px;  -webkit-box-shadow: 0px 0px 5px #0040A0; -moz-box-shadow: 0px 0px 5px #0040A0; box-shadow: 0px 0px 5px #0040A0;  border: 1px solid #0040A0;}

/* CLASSIC STYLES - support old web sites */
.main_header, .main_header td {  background-color: #0040A0;  font-weight: bold;  font-size: 14pt;  height: 25px;  color: #FFFFFF;  text-shadow:1px 2px rgba(0,0,0,0.5);-webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5); -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.5);-moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.main_dark, .main_dark td {  color:#ffffff; background-color: #002050;}
.main_color, .main_color td, .bold, .bold td {  background-color: #0040A0; color:#ffffff; font-weight:bold;}
.half, .half td {  background-color: #80A0D0;}
.quarter, .quarter td {  background-color: #E0E8F4;}
.black, .black td { background-color:#000000; color:#ffffff; font-weight:bold; }
.alert, .error { font-size:1.2em; color:#d00000; font-weight:bold; }
.bullet  {float:left;margin:2px;width:28px;height:28px;line-height:23px;text-align:center;background-color:#FF6600;}
.bullet a {color:#fff;}



/* TEMPLATE-BUILDER-V8 */
* html #ej-header, .ej-header {z-index:50;top:0;background-color:#f7f7f7;}
* html #ej-header, .ej-header, * html #ej-hmenu, * html #ej-dyna, * html #ej-tab, * html #ej-content, * html #ej-footer, * html #ej-bottom-ads{position:relative;width:100%;text-align: center;}
* html #ej-content, #ej-content {margin: 6px 0px; background-color:#fff;}
#ej-header .indiv, #session-quickmenu .indiv, #ej-hmenu .indiv, #ej-footer .hmenu, #ej-content .indiv, #ej-bottom-ads .indiv #ej-footer .indiv  {margin:6px;}
#ej-content, .ej-content {position:relative;} #ej-content .indiv { overflow:visible; }

#push-ej-body,.push-ej-body {background-color:#def;float:left;}
#push-ej-bar, .push-ej-bar {background-color:#fde;float:right;width:320px;}

/* HEADER STYLES */
#top_clear, .top_clear{height:40px;}
#ej-header-logo, .ej-header-logo {float:left;z-index:101;max-width:300px;}
#ej-header-flags, .ej-header-flags {float:right; z-index:90; text-align:center; max-width:300px;}
.ej-header-search { text-align:center; z-index:50; margin: 30px 10px 10px 10px; }
#ej-search-16 { position:relative; background: url(gett.axd?f=public%2fsearch%2fsearch-bg-16.png); background-repeat:no-repeat; width:250px; height:36px; margin: auto; }
#ej-search-16 form_search { display:inline ; }
.searchbox-16 { position:absolute; top:-1px; left:-2px; width:244px; height:30px; font-size:10pt; font-weight:bold; background-color: transparent;  border:0px; margin:0px; padding:0px; }
.searchbox-submit-16 { background-color:transparent; position:absolute; top:1px; left:216px; }

/* MENU STYLES */
* html #ej-vmenu, #ej-vmenu, .hmenu-is-relative {  margin: 6px 0px 6px 0px;}
#ej-menu .indiv ul,#ej-hmenu .indiv, .rgsm40,#ej-vmenu .indiv{-webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5);-moz-border-radius:9px; -webkit-border-radius:9px; border-radius:9px;}
.rgsm40 > li:first-child > a {-moz-border-radius:9px 0 0 9px; -webkit-border-radius:9px 0 0 9px; border-radius:9px 0 0 9px;}
#menu-button {display: none;}
 #main-menu-40.collapsed{display: block;}
#ej-menu a, #ej-hmenu .indiv a, #ej-vmenu .indiv a, .rgsm40 a, .rgsm40-vertical a{ font-weight:bold; color: #FFFFFF; font-family: 'Tahoma', 'Arial'; font-size: 11pt;  text-shadow:-1px -1px 3px rgba(0,0,0,0.6);}
#ej-hmenu .indiv >ul>li>ul>li>a , #ej-vmenu .indiv >ul>li>ul>li>a { color: #444 !important;}.hmenu-is-relative { position:relative; TOP:auto; width:100%; }
.hmenu-is-fixed { position:fixed; TOP:0;  z-index: 90; width:100%; margin: 0px; }
#ej-hmenu .indiv {  overflow:visible;  margin:0px auto;   max-width:100%;}

/* FOOTER STYLES */
#ej-bottom-ads{position:fixed;bottom:0;text-align:center;width:100%;min-height:50px; background-color:#ccc; }
body.toogle_ads #ej-bottom-ads{position:relative;}
* html #ej-footer, #ej-footer, #ej-footer-m, .ej-footer-m {  margin: 6px 0px 0px 0px;}
#ej-footer-m, .ej-footer-m { display:none; }
#ej-footer a, a.footer, #ej-footer .indiv a {  color: #223366;  text-shadow:0 1px 2px rgba(0,0,0,0.5);  font-size: 9pt;}
#ej-footer a:hover, #ej-footer a:focus, #ej-footer a:active, a.footer:hover, a.footer:active {  color: #444444;  text-decoration : underline;}
#ej-footer .indiv, #ej-footer div h4, #ej-footer div div {  color:#000000;  font-type: Verdana;  font-size: 9pt;  text-shadow:0 1px 2px rgba(0,0,0,0.7);}
#ej-footer ul, #ej-footer div ul {  list-style:none;padding:0;margin:0;}
.ftrcol {  margin: 5px;  max-width:400px;}
.ftrcol-1, .ftrcol-2, .ftrcol-3, .ftrcol-4 {  float:left;}
.ftrcol-r {  float:right;  text-align: center;}
.copyright_ {  clear:both; margin: 4px;  color:#000000;  font-weight:bold;  text-align: center;  text-shadow:1px 2px rgba(255,255,255,0.8);}

#ej-lang_trigger, .ej-lang_trigger {cursor:pointer;position:fixed;z-index:10000;top:0;padding-top:10px;right:330px;width:300px;color:#228;line-height:24px;}
#lang-box, .lang-box {background-color:#ccc;padding-top:40px;position:fixed;z-index:9999;top:-350px; width:300px;right:330px;}
body.toogle_lb #lang-box, body.toogle_lb .lang-box {position:fixed;z-index:9999;top:0px;padding-top:40px;width:300px;right:330px;}
.custom-search {position:relative;z-index: 50;padding-right:50px;height:50px;overflow:hidden;margin:0 auto;}



@media screen and (max-width: 1024px) {
.ads {margin:0;padding:0;}
.hidden1024 { display:none; }
.box-w50 {float:none; width:100%; min-height:auto;}
.box-w50a, .box-w50i { padding:5px; min-height:auto; height:auto;}
#header-spacer, .header-spacer {height:1px;}
  html, body, * html #ej-holder, #ej-holder, .ej-holder { height:auto; overflow:visible; }
  table, p, td, th, a, ul, li { font-size: 11pt; padding: 5px; }
  * html #ej-header, .ej-header {height:84px;}
  #ej-header, .ej-header, #ej-content, .ej-content, #ej-footer, .ej-footer { margin:0;padding:0;position: relative; top:auto; }
  #push-ej-body,.push-ej-body,#push-ej-bar,.push-ej-bar {float:none;width:auto;}
  .bar-box {float:left;}
  .box-eOpt, .box-wOpt { width:300px; min-height: 320px; height: auto; }
  .box-wHD, .box-w200, .box-w23, .box-w48 { width:46%; margin: 3px; height:auto; }
  .box-w23, .box-w48 { width:46%; margin: 3px; height:auto; }
  .box-w32 { width:30%; min-height: 250px; }
  #ej-footer, .ej-footer { display:none; }
  #ej-footer-m, .ej-footer-m { display:block; }
 #ej-footer-m, .ej-footer-m { display:block; min-height:200px; }
 #androidApp img, .androidApp img {max-width:120px;}
}

@media screen and (max-width:768px) {body.toogle_ads #ej-bottom-ads, #ej-bottom-ads{z-index:99; position:fixed; bottom:0px; width:100%; min-height:50px; max-height:150px; height: auto;}}
@media screen and (max-width:768px) {#menu-button {display: block;} #main-menu-40.collapsed{display: none;} .hmenu-is-fixed, #ej-vmenu, .ej-vmenu  { position:relative; }}



@media screen and (max-width: 640px) {
  .hmenu-is-fixed, #ej-vmenu, .ej-vmenu  { position:relative; }
  #ej-header-logo,.ej-header-logo,#ej-header-flags,.ej-header-flags,#ej-header-search,.ej-header-search, .custom-search {position:relative;float:none;width:auto;height:auto;text-align:center;max-width:640px; padding:0px; }
  #ej-dyna, .ej-dyna, #ej-dyna .indiv, .ej-dyna .indiv, #ej-dyna .ei-slider, .ei-slider { width:100%; height:250px; }  #ej-root-bar, .ej-root-bar { display:none; }
 .ej-box-8, .ej-box-0, .mbr-box-8, mbr-box-0 { float: none; width: auto; max-width:640px; }  .box-eOpt, .box-wOpt, .box-wHD, .box-w200, .box-w23, .box-w32, .box-w48 { float:none; width:98%; max-width:640px; height: auto; min-height:60px; } #list-box img { max-height:60px; } .indiv img {max-width:600px;} }
@media screen and (max-width: 500px) { img {max-width:460px;} }
@media screen and (max-width: 330px) { img {max-width:300px;} }


#adv-box-right {position:fixed;right:0;width:300px;height:600px; padding:0; margin:2px; background-color:#ccc;}

body.i-mob #adv-box-right {position:fixed;right:0;width:160px;height:600px; padding:0; margin:0; background-color:#246;}
body.i-mob #ej-holder {padding-right:170px;}

@media screen and (max-width: 1000px) {
body.i-mob #ej-holder, #ej-holder {padding-right:0;}
body.i-mob #adv-box-right, #adv-box-right {right:auto;width:100%;height:auto;max-height:100px;position:relative;margin:0;}
h1{font-size: 14pt;} h2{font-size: 13pt;} h3{font-size: 12pt;} h4{font-size: 11pt;}}