@import url("main.css");
@import url("modules.css");
@import url("layout.css");
@import url("menu.css"); 
@import url("jquery.css");
@import url("rss.css");
@import url("j25.css");

body.kids #tabs .module > div > div { background:#9658a3; }
body.kids .sf-menu li, body.kids  #tabs ul.menu li { background:#d13e50;}
body.kids #tabs ul.menu, body.kids #tabs ul.menu li { list-style-type: none; }
div#system-message-container { margin: 15px; }
.alert-error {
    color: #9e0b0f;
    background-color: #fcd6c1;
    border-color: #9e0b0f;
}

.mainimage, .box.mini { margin-left: 10px; }
.homecontent {
    float: left;
    position: relative;
    margin-top: 18px;
	margin-left:7px;
}
#maincolumn {
    float: left;
    height: auto;
    overflow: hidden;
    width: 487px;
	margin: 5px 0 0;
}
#sidecolumn {
    float: left;
    height: 241px;
    margin-left: 10px;
    margin-top: 4px;
    width: 254px;
}
#bottomrow {
    background: none repeat scroll 0 0 transparent;
    float: left;
    height: 260px;
    margin-top: 0px;
    width: 100%;
}
#bottom1, #bottom2, #bottom3 {
    margin-right: 10px;
}
.bottomitem {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    float: left;
    height: 260px;
    overflow: hidden;
    width: 178px;
}
.bottommodule .header {
    border: 1px solid #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    font-size: 13px;
    padding: 7px;
    text-align: center;
}
.bottommodule .text {
    color: #000000;
    font-family: verdana;
    font-size: 11px;
    padding: 7px;
}
.bottommodule .text p {
    line-height: 14px;
}
#bottom1 .header {
    background: none repeat scroll 0 0 #B09FC1;
}
#bottom2 .header {
    background: none repeat scroll 0 0 #89C1D2;
}
#bottom3 .header {
    background: none repeat scroll 0 0 #D2CD89;
}
#bottom4 .header {
    background: none repeat scroll 0 0 #B7DAD2;
}

div.prayertimes {border:#d78203 1px solid; }
div.prayertimes ul { margin:0; padding:0}
div.prayertimes li.title { background: url('../images/prayer-times.png') no-repeat; padding:0px; text-indent:-999em; height:33px; border-bottom:0px;  }
div.prayertimes li, table.prayertimes td {padding: 7px 5px; border-bottom:#e2a344 1px solid; text-align:left; list-style:none;} 

/* camp */

.box { float:left; height: 340px; width: 157px; margin-top:10px; text-align:center; font-size:13px; font-family:Arial, Helvetica, sans-serif; padding: 0 10px; }
.box IMG { border: solid 2px #f569e3; margin-bottom:20px; }
.box.tots IMG { border: solid 2px #edf000; }
.box.kochavim IMG { border: solid 2px #eea44f; }
.box.gan IMG { border: solid 2px #b7e277 ; }
.box h3 { text-align:center; font-size: 28px;font-family: 'Sniglet', cursive; font-weight:400;text-shadow: 2px 2px 2px rgba(150, 150, 150, 1); margin:0; padding:10px 0;}
.box p  { margin:0; padding:0; }
.box.mini { background:url(../images/boxes.png) no-repeat 0 0; margin-right:10px;}
.box.tots { background:url(../images/boxes.png) no-repeat -186px 0;margin-right:10px; width: 161px; }
.box.kochavim { background:url(../images/boxes.png) no-repeat -377px 0;margin-right:10px; }
.box.gan { background:url(../images/boxes.png) no-repeat -564px 0; }
table#text { position:relative; }
a.register { position:absolute; right: 16px; top: 138px; z-index:9999999; }
.counter { position:absolute; top: 15px; right: 35px; text-align:center;  width: 100px; height:102px;}
.days { display:block; color:#bb078f; font-size:42px; font-weight:bold; letter-spacing:-2px; line-height:100%; margin-bottom:5px;}
.d {color: #e1147b; display:block; font-size: 25px; text-transform:uppercase; font-weight: bold;  line-height:90%; margin-bottom:5px; }
.t {color: #3fd2a8; display:block; font-size: 15px; text-transform:uppercase; font-weight: bold;  line-height:110%; }
.prog h1 { background:#a2ca45; color:white; border: 0; padding:10px; margin:10px 0; font-size:24px; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
table.contentpaneopen.prog { margin:10px auto; width: 95%;}
.contentheading.prog a { color:white; }
table.camp  { border-bottom :solid 2px black;   }
#tabs .module.counter2 > div > div {  background: none; height:auto; }
table.camp IMG { vertical-align:middle; }
table.camp th { font-family:Arial, Helvetica, sans-serif; text-align:center; border-bottom :solid 2px black; padding:2px 0; font-size:12px; }
table.camp tr.camp_m td { background:#bc0690 url(../images/mbg.png) repeat-x top; color:white; font-size:11px; border-top: solid 1px white !important; line-height:120%; }
table.camp tr.camp_t td { background:#afbd1c url(../images/tbg.png) repeat-x top; color:black; font-size:11px;  border-top: solid 1px white; line-height:120%;}
table.camp tr.camp_k td { background:#e26831 url(../images/kbg.png) repeat-x top; color:black; font-size:11px;  border-top: solid 1px white; line-height:120%;}
table.camp tr.camp_g td { background:#34c694 url(../images/gbg.png) repeat-x top; color:black; font-size:11px;  border-top: solid 1px white;  line-height:120%;}


table.camp tr.camp_m.more td, table.camp tr.camp_t.more td, table.camp tr.camp_k.more td, table.camp tr.camp_g.more td { border:0 !important; }

h3.dates { background:#abcf57; color:white; border: 0; padding:5px 10px; margin:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; margin-top:20px; }
h3.session1 { background:#c7cf36; color:white; border: 0; padding:5px 10px; margin:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
h3.session2 { background:#c7cf36; color:white; border: 0; padding:5px 10px; margin:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
h3.policy { background:#c31f9c; color:white; border: 0; padding:5px 10px; margin:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }
h3.location { background:#e77d48; color:white; border: 0; padding:5px 10px; margin:0; font-size:14px; font-family:Arial, Helvetica, sans-serif; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; }

#m_info, #t_info, #k_info, #g_info { cursor:pointer; }

/* Quiz */
.moduletable.joomlaquiz_container {
    padding: 0 20px 20px 20px;
}
.moduletable.joomlaquiz_container .componentheading h2 {
    display: inline-block;
}

.moduletable.joomlaquiz_container .componentheading {
    text-align: center;
}
.moduletable.joomlaquiz_container .componentheading IMG {
    /* float: left; */
    width: 100px !important;
    height: 110px !important;
    margin: 0 20px 0 0;
    display: inline-block;
    vertical-align: middle;
}
body #jq_next_link_container { background:url(../images/next.png); width: 79px; height:55px; }
body #jq_start_link_container { background:url(../images/start.png); width: 79px; height:55px; }
body #jq_continue_link_container{ background:url(../images/next.png) no-repeat; width: 88px; height:55px; }
body #jq_submit_link_container{ background:url(../images/finish.png) no-repeat; width: 88px; height:55px; }
body .jq_question_answers_cont { display:table; margin:0px auto; width: auto; }
body span#jq_quest_num_container { font-size:150%; position: absolute;    top: -30px;    right: 0;}
body .jq_time_tick_container { font-size:150%; float:none; text-align:left; }
span#jq_time_tick_container:before {    content: "Remaining time: ";}
body #jq_quiz_container .bar { height:20px; display:none; }
body #jq_quiz_container .jq_question_info_container { margin-bottom:0px; }
body div.quest_pos { min-width:auto; font-size:175%; }
body div.msq_option { padding:0 30px; }
body div.incorrect_answer { text-align:center; margin:20px 0 0; background-image:none;}
body div.correct_answer br, body div.incorrect_answer br { display:none; }
body div.correct_answer { text-align:center; margin:20px 0 0; background-image:none;}
body body div.correct_answer  p, body .incorrect_answer p {    font-size: 150% !important;}
body .jq_draggable_answer { display:inline-block; float:none; }
#jq_quiz_container form div { text-align:center; }
.jq_quiz_container_tbl #jq_quiz_container_description { text-align: center;}
.jq_draggable_answer, .jq_draggable_answer_span, .jq_blank_draggable { font-size: 200% !important; }
.jq_question_text_cont { text-align: center !important; }

body.computer #responsiveMenuTheme4Cnt { display: none; }

/* Phone */
body.phone IMG { max-width: 100%; height: inherit !important;}
body.phone { background: white; }
body.phone p { line-height: 250% !important; }
body.phone td#main_left, 
body.phone .mainBanner, 
body.phone .searchDiv, 
body.phone .topright,
body.phone .date { display: none; }
body.phone #main_table td { background: white !important; }
body.phone #container { width: 100%; margin: 0;}
body.phone #main_table { position: relative; top: auto; width: 100%;z-index: 0;}
body.phone #bottom { width: auto;}
body.phone #tabs .module > div > div {width: 100%;}
body.phone .jq_blank_container { min-width: 30px;}
body.phone .jq_draggable_answer, body.phone .jq_blank_draggable { min-width: 30px; }
body.phone div.incorrect_answer, body.phone div.correct_answer { padding: 10px; }
body.phone #text p, body.phone body p { line-height: 120%; }
body.phone table { width: 100% !important; }
body.phone .jq_draggable_answer, body.phone .jq_draggable_answer_span, body.phone .jq_blank_draggable { font-size: 100% !important; }
body.phone td#tabs { display: none; }
body.phone .toggleMenu { background-color: #ddd !important; }
body.phone .responsiveMenuTheme4.isMobile > li { border-color: #333 !important; background: #ddd !important; color: black !important; }
body.phone .responsiveMenuTheme4 a:hover, .responsiveMenuTheme4 li.active > a, body.phone .responsiveMenuTheme4 li > span.separator:hover { background: #333 !important; color: white !important;  }
body.phone ul.isMobile li a { color: black; }
body.phone .toggleMenu span { display: none; }
body.phone td.column2 { display: block; width: 100% !important; padding-left: 0 !important }
body.phone td.column1 { width: 100% !important; display: block;}
body.phone .toggleMenu { display: block !important;  }
body.phone div#responsiveMenuTheme4Cnt {  position: absolute; top: 0; left: 0; z-index: 99999;}
body.phone .responsiveMenuTheme4 { display: none; }
body.phone .responsiveMenuTheme4 > li { float: none; }
body.phone .responsiveMenuTheme4 > li a { color: white; }

body.phone .fpss-container.fpss-template-simple.textEffectSlideUp,
body.phone .fpss-container.fpss-template-jj-obs.textEffectSlideUp, 
body.phone .slides-wrapper , body.phone .slide { width: 100% !important; }

body.phone .slides-wrapper { height: 185px !important; margin-bottom: 10px !important}
body.phone .minisiteContainer { width: 100% !important; margin: 0; }
body.phone img.topImg { margin-top: 0; max-width: 100%; margin-left: 25px; float: right;}
body.phone iframe, body.phone embed, body.phone object { width: 100% !important; }
/*body.phone .item-page IMG, body.phone #topbanner IMG { width: 100% !important}*/
body.phone #sidecolumn { float: none; display: block; height: inherit; width: 100%; margin: 10px 0 0; }
body.phone #maincolumn { float: none; width: 100%; display: block; }
/* Home */
body.phone .bottomitem { clear: both; width: 100%; float: none; }
body.phone #main_table td { background: none !important; padding: 5px 0; }
body.phone .homecontent { float: none; margin: 0; }
body.phone .minisiteContainer { background: none; }
body.phone div.prayertimes li.title  {     background: #d78203  url(../images/prayer-times.png) no-repeat;}
body.phone .custom.bottommodule { text-align: center; }

/* Tablet */
body.tablet IMG { max-width: 100%; height: inherit !important;}
body.tablet { background: white; }
body.tablet td#main_left, 
body.tablet .mainBanner, 
body.tablet .searchDiv, 
body.tablet .topright,
body.tablet .date { display: none; }
body.tablet #main_table td { background: white !important; }
body.tablet #container { width: 100%; margin: 0;}
body.tablet #main_table { position: relative; top: auto; width: 100%;z-index: 0;}
body.tablet #bottom { width: auto;}
body.tablet #tabs .module > div > div {width: 100%;}
body.tablet .jq_blank_container { min-width: 30px;}
body.tablet .jq_draggable_answer, body.tablet .jq_blank_draggable { min-width: 30px; }
body.tablet div.incorrect_answer, body.tablet div.correct_answer { padding: 10px; }
body.tablet #text p, body.phone body p { line-height: 120%; word-break: break-all;}
body.tablet table { width: 100% !important; }
body.tablet .jq_draggable_answer, body.tablet .jq_draggable_answer_span, body.tablet .jq_blank_draggable { font-size: 100% !important; }
body.tablet td#tabs { display: none; }