/* *************************** Site - Synagogue --------------------------- StyleSheet Index $1 - Global Styles $2 - Website Structure Styles $3 - Header Styles $4 - Content Styles $5 - Sidebar Styles $6 - Footer Styles ***************************/ /* *************************** $1 GLOBAL Stylese ***************************/ * { margin: 0; padding: 0; -webkit-print-color-adjust: exact !important; /* Chrome, Safari */ color-adjust: exact !important; /*Firefox*/ } html { /* This makes the scroll bar always appear even if not needed */ overflow-y:scroll; } a { /* color:#333333; */ text-decoration:none; } a:hover { /* color:#bcf00f; */ text-decoration:underline; } img { border:0; } fieldset { border:none; } li { list-style:none; } ul.reset li { list-style:outside; margin-left:20px; } .clear { clear:both; height:0; font-size:0; } .moveable { cursor: move; } .error, #maincontent .error { color:red; } .error_box, #maincontent .error_box { padding:10px; width:auto; color:red; border:2px solid; background-color:white; } .hidden_elem{ display:none; } .hidden { display: none !important; } .good_mark, .bad_mark { width:24px; height:24px; background:url(/images/good_bad.png) no-repeat; } .good_mark { background-position:bottom center; } .bad_mark { background-position:top center; } .good_status { padding:8px 9px; font-weight:bold; } .update-warning { margin-bottom:4px; } .print_only { display:none; } /* *************************** $2 Website Structure Styles ***************************/ body { text-align:center; font-size:75%; font-family:Arial, Helvetica, sans-serif; /* background:#492B13 url(../images/bg_body.jpg); */ } #container { margin:0px auto; text-align:left; } /* *************************** $3 Header Styles ***************************/ #header{ /* background:url(../images/bg_header.png) repeat-x; */ } /* test */ #header_inner #header_top > a { z-index:99; position:relative; } #sidebar_left h1{ margin:0px auto; } #sidebar_left h1 a { display:block; text-indent:-9999px; outline-style:none; } #header h3{ float:left; margin-top:30px; font-weight:normal; margin-left:72px; font-family:Georgia, "Times New Roman", Times, serif; } #header_top{ height:29px; text-align:left; padding-top:10px; padding-left:10px; position:relative; } #header_top form{ float:right; width:400px; padding-right:10px; } #header_top form .submit_button{ width:12px; height:13px; margin-left:5px; padding:0px; cursor:pointer; font-size:0px; line-height:0px; text-indent:-999px; } #header_top A { text-decoration: none; } /************************* ADMIN DROPDOWN **************************/ #header_top #admin_frm_head{ width:480px; position:absolute; top:2px !important; left:220px; padding-left:0 !important; text-align:left !important; } #header_top #admin_frm_head select{ position:static; } #header_top #admin_frm_head select option{ padding: 0 3px; } #header_top form input{ width:100px; border:none; padding:1px; height:18px; background:#FFFFFF; vertical-align:middle; color:#323232; margin-left:10px; } #header_top form .toggle_styles { height:24px; border:2px outset; } #sidebar_right{ float:right; width:244px; margin-top:10px; margin-right:3px; display:inline; } #sidebar_right .right_bm{ background:#DDD; padding-top:16px; margin-top:15px; } #sidebar_right .right_bm .right_content{ /* background:url(../images/right_bm.png) repeat-y; */ overflow:hidden; padding-bottom:15px; } #sidebar_right .right_bm .right_content2{ /* background:url(../images/right_bm.png) repeat-y; */ overflow:hidden; } #sidebar_right hr{ border:0; } #sidebar_right .right_slideshow{ height:160px; width:120px; margin:0 auto; } #sidebar_right .right_slideshow .pg_img_div img { padding:0; } .center_slideshow{ } .center_slideshow .pg_img_div img, .center_slideshow .pg_img_div p{ padding:0; } .search{ height:60px; padding-top:18px; /* color:#ffffff; background: url(../images/bg_search.png) no-repeat; */ } /* .search span{ font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:14px; } */ .search form{ width:222px; height:36px; /* background:#2e1806; */ margin:0px auto; text-align:center; padding-top:10px; } .search input{ vertical-align:middle; width:128px; height:18px; margin-left:5px; background:#FFFFFF; padding:2px 0px 0px 1px; border:1px solid #666666; } .search .go{ width:12px; height:13px; cursor:pointer; padding:0px; border:none; /* background:url(../images/submit_button.gif) left top no-repeat; */ } .search .go:hover{ /* background:url(../images/submit_button.gif) left bottom no-repeat; */ } .right_box1{ text-align:left; padding-top:12px; background:transparent; } .right_box1 p{ font-size:18px; font-family:Georgia, "Times New Roman", Times, serif; /* color:#d5f37f; */ } .right_box2{ display:none; } .schedule{ padding-top:10px; width:222px; margin:0px auto; /* background:#2e1806; */ overflow:hidden; } .schedule ul{ /* color:#fcd210; */ font-size:12px; padding-top:5px; width:192px; margin:0px auto; padding-bottom:12px; /* background:url(../images/bg_schedule_ul.gif) left bottom repeat-x; */ } .schedule p{ font-style:italic; font-size:14px; padding-left:16px; /* color:#fdfefb; */ font-family:Georgia, "Times New Roman", Times, serif; } .upcoming{ padding-left:16px; width:206px; margin:0px auto; /* background:#2e1806; */ overflow:hidden; padding-bottom:15px; } .upcoming h4{ font-style:italic; font-size:14px; padding-top:10px; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; } .upcoming h4 a{ } .upcoming h4 a:hover{ } .upcoming p{ font-size:12px; } #sidebar_right .readmore{ font-size:14px; display:block; padding-top:6px; font-style:italic; width:230px; padding-right:14px; height:42px; font-family:Georgia, "Times New Roman", Times, serif; } #sidebar_right .readmore a{ display:block; float:right; padding-right:23px; text-decoration:none; } #sidebar_right .readmore a:hover{ } .mailing_list{ height:65px; padding-top:13px; margin-top:15px; } .mailing_list p{ font-style:italic; font-size:14px; padding-bottom:3px; font-family:Georgia, "Times New Roman", Times, serif; } .mailing_list form{ width:210px; height:52px; padding-left:12px; margin:0px auto; padding-top:3px; } .mailing_list input{ vertical-align:middle; width:173px; height:18px; padding:2px 0px 0px 3px; font-size:11px; line-height:18px; border:1px solid #666666; } .mailing_list .go{ width:12px; height:13px; cursor:pointer; margin-left:5px; padding:0px; border:none; } .mailing_list .go:hover{ } .mailing_msg p{ font-style:italic; font-size:12px; padding: 2px 0 0 3px; font-family:Georgia, "Times New Roman", Times, serif; } .zamanim{ padding-left:16px; padding-top:10px; margin:0px auto; } #sidebar_right .zamanim { width:206px; } .zamanim p{ font-style:italic; font-size:14px; font-family:Georgia, "Times New Roman", Times, serif; } .zamanim ul{ padding-bottom:15px; } .zamanim li{ line-height:18px; } .zamanim li span{ display:block; width:58px; float:right; text-align: right; margin-right: 10px; } .zamanim li a{ } .zamanim li a:hover{ } table.zman_table{ font-weight:bold } table.zman_table tr td{ padding:16px 8px 0 8px; border-bottom:1px dotted #fff; } .no-close .ui-dialog-titlebar-close { display: none; } /* *************************** $4 Content Styles ***************************/ a.contpop { background: #ffffff repeat none scroll 0% 0%; color:#798A9C; height: 20px; padding: 5px 45px 0pt 6px; position: absolute; z-index:100; top:0px; right:0px; width:55px; white-space: nowrap; } a.contpop:hover { color:black; } a.contpop span { background: transparent url(/pics/icons/fbpencil.gif) no-repeat scroll right top; height: 18px; position: absolute; right: 4px; top: 4px; width: 18px; } a.contpop:hover span { background-position: right bottom; } #content{ margin:0px auto; width:1030px; clear:both; overflow:visible; } #maincontent{ float:left; } div.default{ width:504px; margin: 0px auto; } #maincontent.cal{ width:760px; margin: 0px auto; } #maincontent.photo{ width:760px; margin: 0px auto; } /* --- User Dashboard Area --- */ #maincontent.user_dashboard { width:500px; } #maincontent.user_dashboard .section table.txs { width:99%; } #maincontent.user_dashboard h2 {clear:both; } #maincontent.user_dashboard .section p { padding:4px 0; } #maincontent.user_dashboard .section p.view_more { float:right; padding-top:8px; } #maincontent.user_dashboard .section p.view_more a { display:block; text-align:right; } #maincontent.user_dashboard .section p.bal { font-size:18px; margin-bottom:45px; } #maincontent.user_dashboard .section table.txs td { border-bottom:1px dotted; } #maincontent.user_dashboard .section table.txs tr:last-child td { border-bottom:0; } #maincontent.user_dashboard .section table.txs thead tr td, #maincontent.user_dashboard thead tr.header td { padding:5px; font-weight:bold; } #maincontent.user_dashboard .section table.txs tbody tr td { padding:4px 2px; } #maincontent.user_dashboard .section table.txs .col_date { width:82px; } #maincontent.user_dashboard .section table.txs .col_description { width:250px; } #maincontent.user_dashboard .section table.txs .col_charge { width:70px; } #maincontent.user_dashboard .section table.txs .col_payment { width:70px; } #maincontent.user_dashboard .my_profile_section .row::after { clear: both; display: table; content: ''; } .fck_widget_events .read_more_top, #maincontent.user_dashboard .read_more_top { display: none; } .list-transactions table.txs { width:99%; } .list-transactions table.txs td { border-bottom:1px dotted; } .list-transactions thead tr td { padding:5px; font-weight:bold; } .list-transactions table.txs tbody tr td { padding:4px 2px; } .list-transactions table.txs .col_date { width:82px; } .list-transactions table.txs .col_description { width:250px; } .list-transactions table.txs .col_charge { width:70px; } .list-transactions table.txs .col_payment { width:70px; } #maincontent.user_dashboard .credit { color:green; font-weight:bold; text-align:right; } #maincontent.user_dashboard .debit { color:red; font-weight:bold; text-align:right; } #maincontent.user_dashboard table td.txCol0 { width:15px; } #maincontent.user_dashboard td span.notes { font-style:italic; color:#888; } #maincontent.user_dashboard td a.tx_anchor { background:url(/images/list_arrow.gif) no-repeat left top; width:10px; height:10px; display:block; text-decoration:none; } #maincontent.user_dashboard td a.tx_anchor_expanded { background-position:left bottom; } #maincontent.user_dashboard td tx_anchor:hover { text-decoration:none; background-position:right top; } #maincontent.user_dashboard td a.tx_anchor_expanded:hover { background-position:right bottom; } #maincontent .bal { text-align:right; } #maincontent .number { text-align:right; } #good_bad { float:right; margin-right:66px; display:block; width:30px; } #maincontent.user_dashboard .filter_box ul { float:left; padding:8px; margin:0px; } #maincontent.user_dashboard .filter_box ul.submit { float:right; } #maincontent.user_dashboard .filter_box ul li { padding:0; margin-bottom:5px; } #maincontent.user_dashboard .filter_box ul li.head { font-weight:16px; font-weight:bold; } #maincontent.user_dashboard .filter_box #show_hide { padding:5px; cursor:pointer; } #show_hide a { display:block; height:10px; width:10px; padding:0px; margin:0px; float:left; background:no-repeat top left; margin-right:10px; } #maincontent.user_dashboard .filter_box #show_hide.hide a:hover { background-position:top right; } #maincontent.user_dashboard .filter_box #show_hide.show a { background-position:bottom left; } #maincontent.user_dashboard .filter_box #show_hide.show a:hover { background-position:bottom right; } .user_dashboard h3 { margin:5px 0; font-size:18px; } #maincontent.user_dashboard ul.my_profile_summary h4 { float:left; width:150px; text-align:right; margin-right:10px; } #maincontent.user_dashboard ul.my_profile_summary li { padding:3px 0; } #maincontent.user_dashboard p.read_more, #maincontent.user_dashboard p.read_more_top { margin-bottom:0px;text-align:right; } #maincontent.user_dashboard .amount_cell .amount_cell_input { width: 60px; } #maincontent.user_dashboard .section.statement table:not(.aging) tr:not(:last-child) td { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #bbb; } #maincontent.user_dashboard .section {margin-bottom:20px; } #maincontent.user_dashboard .section.statement table td.charge, #maincontent.user_dashboard .section.statement table td.payment, #maincontent.user_dashboard .section.statement table td.balance, #maincontent.user_dashboard .section.statement table th.charge, #maincontent.user_dashboard .section.statement table th.payment, #maincontent.user_dashboard .section.statement table th.balance { padding-left:5px; padding-right: 5px; } #maincontent.user_dashboard .section.statement table.aging { margin-top:20px; } #maincontent span.primary_contact { font-size:32px; display:block; float:left; height:12px; line-height:27px; margin-right:8px; } #maincontent h2{ margin-bottom: 36px !important; height:44px; padding-left:14px; line-height:39px; } #maincontent .app-store-link .ios_url { width: 120px; margin-right: 36px; } #maincontent .app-store-link .android_url { width: 120px; } #maincontent .app-store-link { display: flex; justify-content: center; } .featured_article{ padding-bottom:14px; margin-bottom:16px; /* border: solid 1px black; */ background: #EEE; position:relative; } .movable_area.featured_article { background-size: cover; } .featured_article .imghalfwidth { margin: 16px 20px 20px 14px; float:left; } .featured_article .imgcenter { text-align: center; } .featured_article .imgother { float:left; text-align: center; } .featured_article .imgother img { max-width:490px; width: expression(this.width > 490 ? 490: true); } .featured_article H3.date{ float: right; } .pagination { font-size: 16px; display: block; } .pagination .prev_page { float: left; } .pagination .next_page { text-align: right; display:block; } .pagination .page_of { font-size: 12px; text-align: center; display:block; } A.readmore { display: block; text-align: right; } #maincontent p{ font-size:14px; padding:0px 14px; padding-top:16px; line-height:19px; } #maincontent p a{ /* color:#bcf00f; */ text-decoration:underline; } #maincontent p a:hover{ /* color:#bcf00f; */ text-decoration:none; } #maincontent ul{ font-size:14px; color:#333333; padding-bottom:20px; } #maincontent ul li{ padding-top:16px; padding-bottom:3px; } #maincontent .img_left{ float:left; margin-right:10px; margin-top:20px; margin-bottom:10px; } #maincontent .readmore{ font-size:14px; display:block; padding-top:12px; margin-bottom:20px; padding-left:14px; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; } #maincontent .readmore a{ color:#fdfefb; display:block; float:left; background:url(../images/submit_button2.gif) right center no-repeat; padding-right:23px; text-decoration:none; } #maincontent .readmore a:hover{ color:#fdfefb; background:url(../images/submit_button1.gif) right center no-repeat; } #maincontent .pull_right_link{ float:right; font-size:75%; display:block; } #maincontent .pull_right_link:after{ content:' >'; font-size:75%; } #topnav{ height:30px; float:right; width: 792px; } #topnav h3{ padding-right:25px; height:26px; text-align:right; line-height:26px; font-weight:normal; } #topnav ul { margin-top:56px; float:right; padding-right:80px; } #topnav ul li{ float:left; height:32px; padding:0px 17px 0px 21px; line-height:32px; } #topnav ul .nav_home{ background:none; } #topnav ul .nav_home a{ font-weight:bold; } /* Registration Form */ #maincontent.register { width:auto; } .registration { padding-left: 14px; } #maincontent .registration ul { } #maincontent .registration ul li { padding:5px 0px; list-style-type:none; } #maincontent .registration input { margin:0; } #maincontent .registration ul li h4 { float:left; display:inline; width:171px; margin-right:20px; text-align:right; font-size:12px; } #maincontent .registration ul li.missing { border:2px ridge red; } #maincontent .registration ul li.captcha { text-align:center; height:170px; width:450px; } #maincontent .registration ul li.captcha div { margin:0 auto; } #maincontent .registration input.register_submit { display:block; width:100px; height:30px; border:2px outset #EEE; font-weight:bold; cursor:pointer; } /* User Submit Payment Form */ #maincontent .submit_payment form { margin-top:20px; } #maincontent .submit_payment ul { } #maincontent .submit_payment ul li { padding:5px 0px; list-style-type:none; clear:both; } #maincontent .submit_payment input { margin:0; } #maincontent .submit_payment ul li h4 { float:left; display:inline; width:200px; margin-right:20px; text-align:right; } #maincontent .submit_payment ul li.missing { border:2px ridge red; } /* Donate Form */ #maincontent.donate { width:503px; } .donation { padding-left: 14px; } #maincontent .donation ul { } #maincontent .donation ul li { padding:5px 0px; list-style-type:none; } #maincontent .donation input { margin:0; } #maincontent .donation ul li h4 { float:left; display:inline; width:171px; margin-right:20px; text-align:right; } #maincontent .donation ul li.missing { border:2px ridge red; } /* *************************** $5 Sidebar Styles ***************************/ #sidebar_left{ float:left; width:232px; overflow:hidden; margin-top:16px; } #sidebar_left .bb{ height:72px; overflow:hidden; width:246px; } #sidebar_left .bt{ height:39px; overflow:hidden; width:246px; } #mainnav{ padding:0px 35px 0px 25px; overflow:hidden; /* border: 1px #000000 solid; */ background:#EEE; } #mainnav .menuheader{ padding:8px 0px 8px 0px; } #mainnav .menuheader label{ color:#391e08; padding-left:18px; cursor:pointer; text-decoration:none; } #mainnav .menuheader label.openheader{ } #mainnav .categoryitems{ font-family:Arial, Helvetica, sans-serif; margin-top:6px; padding-left:6px; } #navEditLink{ margin: 0 30px 0 30px; text-align: right; } .categoryitems li{ padding-left:10px; } #sidbar_right{ float:right; width:244px; margin-top:10px; margin-right:25px; display:inline; } #sidbar_right .right_bm{ padding-top:16px; margin-top:15px; /* border: 1px #000000 solid; */ background:#EEE; } #sidbar_right .right_bm .right_content{ overflow:hidden; padding-bottom:15px; } #sidbar_right .right_bm .right_content2{ overflow:hidden; } .search{ height:60px; padding-top:18px; /* border: 1px #000000 solid; */ background:#EEE; } .search span{ } .search form{ width:222px; height:36px; /* opacity:0.77; -moz-opacity:0.77; filter:alpha(opacity=60); */ margin:0px auto; text-align:center; padding-top:10px; } .search input{ vertical-align:middle; width:128px; height:18px; margin-left:5px; padding:2px 0px 0px 1px; border:1px solid #666666; } .search .go{ width:12px; height:13px; cursor:pointer; padding:0px; border:none; } .search .go:hover{ } .right_box1{ text-align:left; padding-top:12px; background:#EEE; } .right_box1 p{ font-size:18px; } .schedule{ padding-top:10px; width:222px; margin:0px auto; /* opacity:0.77; -moz-opacity:0.77; filter:alpha(opacity=60); */ overflow:hidden; } .schedule ul{ font-size:12px; padding-top:5px; width:192px; margin:0px auto; padding-bottom:12px; } .schedule p{ padding-left:16px; } .upcoming{ padding-left:16px; width:206px; margin:0px auto; /* opacity:0.77; -moz-opacity:0.77; filter:alpha(opacity=60); */ overflow:hidden; padding-bottom:15px; } .upcoming h4{ padding-top:10px; font-weight:normal; } .upcoming h4 a{ } .upcoming h4 a:hover{ } .upcoming p{ } #sidbar_right .readmore{ display:block; padding-top:6px; width:230px; padding-right:14px; height:42px; } #sidbar_right .readmore a{ color:#fdfefb; display:block; float:right; padding-right:23px; text-decoration:none; } #sidbar_right .readmore a:hover{ } .mailing_list{ height:65px; padding-top:13px; margin-top:15px; /* border: 1px #000000 solid; */ background:#EEE; } .mailing_list p{ padding-bottom:3px; } .mailing_list form{ width:210px; height:52px; /* opacity:0.77; -moz-opacity:0.77; filter:alpha(opacity=60); */ padding-left:12px; margin:0px auto; padding-top:3px; } .mailing_list input{ vertical-align:middle; width:173px; height:18px; padding:2px 0px 0px 3px; font-size:11px; line-height:18px; border:1px solid #666666; } .mailing_list .go{ width:12px; height:13px; cursor:pointer; margin-left:5px; padding:0px; border:none; } .mailing_list .go:hover{ } .mailing_msg p{ padding: 2px 0 0 3px; } .zamanim p{ } .zamanim ul{ padding-bottom:15px; } .zamanim li{ line-height:18px; } .zamanim li span{ display:block; width:58px; float:right; } .zamanim li a{ } .zamanim li a:hover{ } /* *************************** $6 Footer Styles ***************************/ #footer { width:1030px; text-align: center; margin:10px auto; height:69px; padding-top:10px; } .footer_inner{ /* opacity:0.77; -moz-opacity:0.77; filter:alpha(opacity=60); height:69px;*/ } .footer_inner ul{ padding-top:13px; } .footer_inner p{ line-height:23px; } .footer_inner ul li{ display:inline; } .footer_inner ul li a{ } .footer_inner ul li a:hover{ } .schedule .edit_link { float:right; padding: 0 8px 0 15px; } .schedule .edit_link a{ text-decoration: underline; } .schedule .edit_link a:hover{ text-decoration: none; } .content_container .edit_link{ float: right; padding: 0 8px 0 16px; margin-top: 13px; } .content_container .delete_content{ float: right; padding: 0 8px 0pt 17px; margin-top: 13px; } .sc_container, .sc_container .featured_article H2, #maincontent .sc_container, #maincontent .sc_container p, #maincontent .sc_container li { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight: 300 !important; } .sc_container strong{ font-weight: 700 !important; } .sc_container { text-transform: none !important; background: #fff url(/pics/sc-header.png) repeat-x -30px 0px !important; color: #696d73; } #maincontent .sc_container .intro { background-color: white; padding: 30px; font-size: 21px; padding-bottom: 0px; line-height: normal; } #maincontent.default .sc_container UL LI, #maincontent .sc_container ul li, #maincontent .sc_container P { color: #696d73; } .sc_container .intro B, #maincontent .sc_container A { font-weight: 400; color: #ee8a22; } .sc_container .note { background-color: white; padding: 30px; padding-top: 15px; padding-bottom: 0px; font-size: 15px; } .sc_container H1 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; font-weight: 300 !important; font-size: 36px !important; padding-left: 96px !important; padding-top: 34px !important; color: white !important; text-transform: none !important; height: 72px !important; } #maincontent.full_width .sc_container H1 { font-size: 32px !important; } #maincontent .sc_container .featured_article { background: url(/pics/sc-orange-cloud.png) no-repeat 0px 8px; padding-left: 35px !important; margin-left: 10px; width: auto; } .sc_container .month { background: url(/pics/sc-orange-cloud.png) no-repeat 0px 5px; width: 400px; float: left; margin-left: 30px; margin-top : 50px; } .sc_container .month H2 { border-bottom: solid 1px #ced2d7; width: 80%;padding-bottom: 5px !important; padding-left: 35px !important; } .sc_container .month UL, .sc_container .month UL LI { list-style-type: none !important; padding: 0 !important; } .sc_container .month UL LI { color: #696d73; padding-left: 23px !important; padding-bottom: 5px !important; } .sc_container .month UL LI.checked { background: url(/pics/ck-blue.png) no-repeat 0px 0px; } .sc_container .announcement { background-color: #f0f2f5; padding: 35px; font-size: 28px; text-align: center; margin : 50px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } #maincontent .sc_container H2, #maincontent.full_width .sc_container H2, #maincontent .sc_container h2, #maincontent.default.full_width .sc_container h2 { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important; text-transform: uppercase; font-style: normal; height: auto; background: none; color: #ee8a22; padding-bottom: 0px; font-size: 24px; text-align: left; } #maincontent .sc_container .announcement H2 { color: #ee8a22; font-size: 28px; text-align: center; } #maincontent .sc_container P { padding-top: 0px; } div.add_div { text-align: right; margin: 2px 0px 5px 0px; } div.add_div a { text-align: right; padding: 0 8px 0pt 17px; } div.add_div2 { text-align: right; margin: 2px 0px 5px 0px; } div.add_div2 a { float:right; text-align: right; padding: 0 8px 0pt 17px; margin-left: 5px; } div.addthis_default_style > a { float:right !important; margin-left: 5px; } div.add_div2 a.add_link,div.add_div2 a.add_page { background: transparent url(/pics/icons/green_plus.png) no-repeat scroll left top; } div.add_div2 a.remove_links { background: transparent url(/pics/icons/delete.png) no-repeat scroll left top; } div.add_div2 a.edit_links { background: transparent url(/pics/icons/edit_icon.png) no-repeat scroll left top; } /* Admin Top Page Switcher */ #admin_frm_head input.submit { position:static; top:5px; margin:0 0 0 10px; padding:0; width:35px; height:24px; border:2px outset; } .featured_article { vertical-align: baseline; float:none; width:100%; } .featured_article input{ margin: 12px 10px 5px 10px; } .featured_article .swfdiv { vertical-align: top; } div.exception { margin:10px; padding:20px; border:3px solid red; background:#FFFFBF; color:black; width:auto; } div.exception a { color:blue; } /* POPUP CAL */ .cpYearNavigation,.cpMonthNavigation { background-color:#C0C0C0; text-align:center; vertical-align:center; text-decoration:none; color:#000000; font-weight:bold; } .cpDayColumnHeader, .cpYearNavigation,.cpMonthNavigation,.cpCurrentMonthDate,.cpCurrentMonthDateDisabled,.cpOtherMonthDate,.cpOtherMonthDateDisabled,.cpCurrentDate,.cpCurrentDateDisabled,.cpTodayText,.cpTodayTextDisabled,.cpText { font-family:arial; font-size:8pt; } TD.cpDayColumnHeader { text-align:right; border:solid thin #C0C0C0;border-width:0px 0px 1px 0px; } .cpCurrentMonthDate, .cpOtherMonthDate, .cpCurrentDate { padding:1px !important; text-align:right; text-decoration:none; } .cpCurrentMonthDateDisabled, .cpOtherMonthDateDisabled, .cpCurrentDateDisabled { color:#D0D0D0; text-align:right; text-decoration:line-through; } .cpCurrentMonthDate, .cpCurrentDate { color:#000000; } td.cpCurrentMonthDate:hover { background-color:lavender; } .cpOtherMonthDate { color:#808080; } TD.cpCurrentDate { color:white; background-color: #C0C0C0; border-width:1px; border:solid thin #800000; } TD.cpCurrentDateDisabled { border-width:1px; border:solid thin #FFAAAA; } TD.cpTodayText, TD.cpTodayTextDisabled { border:solid thin #C0C0C0; border-width:1px 0px 0px 0px; } TD.inactiveTableRow{color:#FF5F5F;text-decoration:line-through;font-style:italic; } A.cpTodayText, SPAN.cpTodayTextDisabled { height:20px; } A.cpTodayText { color:black; } .cpTodayTextDisabled { color:#D0D0D0; } .cpBorder { border:solid thin #808080; } .popup_calendar_div { position:absolute; background-color:white; z-index:999; } .popup_calendar_div table tbody tr td { padding:1px; text-align:center; } .popup_calendar_div td.cpOtherMonthDate, .popup_calendar_div td.cpCurrentMonthDate { text-align:center; } /* Shared Calendar Styles - copied from template calendar.css */ table.calendar{ border-collapse: collapse; font-family: Arial, Sans-Serif; font-size: 12px; background: #fff; margin-bottom: 20px; } table.calendar td{ border: 1px dotted #ccc; vertical-align:top; overflow: hidden; } table.calendar td div.daywrap{ width: 108px; /*height: 110px;*/ text-align: left; vertical-align: top; overflow:hidden; position:relative; } table.calendar td.unmonth{ background: #ddd; color: #666; } table.calendar th{ text-align: left; background: #444; color: #fff; padding: 2px; height: 20px; } table.calendar th a{ color: #fff; } table.calendar th.next{ text-align: right; font-size:24px; } table.calendar th.previous{ text-align: left; font-size:24px; } table.calendar td.today{ background: #ffc; } table.calendar td div.dayhead{ margin-bottom: 4px; text-align: right; } table.calendar td span.day{ display: block; /*width: 18px;*/ width: auto !important; height: 12px; float: left; font-size: 10px; padding: 2px; border-right: #cccccc 1px solid; border-bottom: #cccccc 1px solid; left:0px; } table.calendar td span.jewishDay{ height: 12px; font-size: 10px; font-style: italic; margin-right: 2px; padding: 2px; } table.calendar td div.sedra{ color: #67873A; display: block; width: 100%; font-size: 10px; font-weight: bold; text-align: center; white-space:nowrap; overflow: hidden; } table.calendar td div.sedraDay{ color: #67873A; display: block; width: 100%; font-size: 24px; fong-weight: bold; text-align: center; overflow: hidden; margin: 10px 0 10px 0; } table.calendar td div.announcementDay{ color: #000; display: block; width: 100%; font-size: 19px; fong-weight: bold; text-align: center; overflow: hidden; margin-bottom: 10px; } table.calendar td ul{ margin-left: 5px; padding: 0px !important; list-style-type: circle; font-size: 11px; overflow: hidden; } table.calendar td ul li{ font-size: 10px; padding: 0px !important; margin: 0px; white-space:nowrap; overflow: hidden; cursor: pointer; } table.calendar tr:hover{ background: #efefef; } table.calendar td:hover{ background: #ffc; /* color: #900; */ } table.calendar .eventlink{ /* margin-top: 20px; */ text-align: center; } table.calendar .eventlink a{ color: blue; } table.calendar .eventlink a:hover{ color: blue; text-decoration: underline; } #count_massemail_recipients{ font-size:12px; font-style:italic; } .popdetail { position: absolute; background-color: #ffffcc; border: 1px #6D6D6D solid; width: 170px; z-index: 300001; padding: 0px; } .popdetail ul { font-size: 10px; padding: 0px !important; margin-left: 5px !important; cursor: pointer; } .popdetail ul li{ font-size: 10px; padding: 0px !important; margin-top: 0px; margin-left: 0px; cursor: pointer; } .popdetail .dayheader{ background-color: #D4D0C8; text-align: center; font-weight: bold; padding: 0 0 0 0; border-bottom: 1px #6D6D6D solid; } .popdetail .dayheader .headerclose{ color: #6D6D6D; float:right; border-left: 1px #6D6D6D solid; padding: 0 2px 0 4px; cursor: pointer; } .popevent { color: #000000; position: absolute; background-color: #ffffff; border: 1px #6D6D6D solid; width: 148px; height: auto !important; min-height:96px !important; z-index: 300002; left: 0px; top: 0px; } .popevent .eventheader{ } .popevent .eventbody{ margin: 10px; } .popevent h3{ color: #67873A; } .popevent .description{ font-size: 10px; } .popevent .eventheader .headerclose{ color: #6D6D6D; float:right; border-left: 1px #6D6D6D solid; border-bottom: 1px #6D6D6D solid; padding: 0 2px 0 4px; cursor: pointer; } .popevent .eventheader .headerclose:hover { background-color:#CCC; } #maincontent table.calendar .popevent h3 { font-size:14px; padding:1px; } #maincontent .ev_save_cal, #maincontent .ev_print.print-button, #maincontent .ev_share.addthis_button { align-items: flex-start; cursor: pointer; color: buttontext; background-color: buttonface; box-sizing: border-box; border-width: 2px; border-style: outset; border-color: buttonface; border-image: initial; padding: 2px 6px 3px; text-align: center; } /* End Shared Calendar Styles */ /* LivePipe Tabs */ #maincontent ul.subsection_tabs { padding:0; height:26px; } #maincontent ul.subsection_tabs li.lptab { padding:0; float:left; display:inline; } #maincontent ul.subsection_tabs li.lptab a { padding:3px 10px; display:block; border-bottom:1px solid; } #maincontent ul.subsection_tabs li.lptab a.active { font-weight:bold; border-bottom:3px solid; } /* ------------- */ ul.permissions { margin-top:8px; } ul.permissions li input { margin-right:10px; margin-left:20px; } ul.permissions li a { padding:0px 6px; border:1px solid; text-decoration:none; } #upload_box { background-color: transparent; background-image: url(/pics/progress_bg.gif); background-repeat: repeat-x; background-attachment: scroll; background-position: 0% 0%; height: 33px; width: 300px; clear: none; } #upload_bar { font-family: Arial; font-size: 12px; width: 300px; height: 18px; color: #ffffff; font-weight: bold; background-color: #815cfa; text-align: center; padding-top: 2px; clear: none; margin-top:5px; } /* ---- Photos -------------- */ #gia_head { background:#D4D0C8; padding:0 20px; height:45px; line-height:45px; margin-bottom:20px; font-size:12px; font-weight:bold; } #photo_container div.editdiv{ border:solid white 1px; margin: 10px; padding: 5px; } #photo_container div.submitdiv{ margin: 10px; text-align:center; } .pg_img_div {float: left; width:25%; margin-bottom: 25px; text-align:center; /* going to try auto height instead, so that the full image shows, though the heights may be different which could look messy height:200px; */ height:auto !important; } div.pg_img_div:nth-child(6n){ clear:both; } .pg_img_div img, .grid_album_img img { padding:8px; background:#ccc; } .pg_img_div img a, .grid_album_img img a { background:#ccc; } .pg_img_div a:hover img, .grid_album_img a:hover img { background:#333; } .pg_caption {color: #ffffff; min-height: 25px; } .pg_img_div div.album_cover_image { width: 85%; height: 85%; border: 5px solid #ccc; } .pg_img_div div.album_cover_image:hover { border: 5px solid #333; } li.pg_img_div:nth-child(4n + 1) { clear:left; } #maincontent .pg_caption p:first-child { margin-top:25px; } #maincontent .pg_caption p { margin-bottom:0px; } @media (max-width:767px) { .pg_img_div { float: none; width: 100%; } } div#album_order div.dragger { border: white solid 1px; text-align: center; padding: 5px; margin: 10px; cursor: move; float: left; height: 180px; width: 150px; position: relative; } div#album_order div.alinfo { text-align: center; position: absolute; bottom: 0px; left: 0px; width: 100%; margin-bottom: 3px; } div#image_order img { margin: 10px; cursor: move; } div#nonmember { margin:20px; border:1px solid white; padding:20px } .pg_img_div .album_description{ font-style: italic; font-size: 11px !important; } /* ------------ Navigation sorting styles for sortable tree ------- */ #tree { font-size: 18px; font-weight: bold; padding: 20px 0px 0px 20px; width: 450px; line-height: 200%; list-style-type: none; position: relative; } #tree ul { font-size: 14px; font-weight: normal; list-style-type: none; padding:5px 10px 5px 30px; border: 1px solid; } #tree ul ul { padding-top: 0px; padding-bottom: 0px; padding-right: 0px; border: 0px; } #tree li { margin-top: -2px; cursor: move; } #tree ul ul li { color: red; font-weight:bold; background: url("/pics/icons/hazard.gif") no-repeat top right; } #treediv #button_div { margin:30px 0 20px 0px; text-align:center; } #treediv #error_div { text-align: center; color: red; font-weight: bold; font-size: 14px; margin-bottom: 10px; } .user_dashboard table.listing tr td { padding:4px 0px; } #maincontent .calendar ul { padding-bottom:0px; } #maincontent .calendar ul li { padding-top:0px; padding-bottom:3px; margin:0px; } .overrideedit { position: relative; top: -5px; font-weight: bold; font-size: 11px; } .questionnaire { border:1px dotted; padding:8px; } .questionnaire .required_fld { font-size:120%; } .questionnaire input { padding:0; margin:0 !important; } .questionnaire select { min-width:100px; } .questionnaire label { display:block; float:left; width:147px; margin-right:5px; font-weight:bold; } .question_text, .question_select, .question_textarea { margin:5px 0px; } /* Easy Popup Styles */ #myPopup { border:2px solid black; width:200px; z-index: 1000; background-color: white; } #myPopup > div { padding:4px; } #myPopup .hd { height:18px; padding:0; cursor:move; } #myPopup .hd .close { width:16px; height:16px; background-color:#CCC; text-align:center; float:right; cursor:pointer; border:1px solid black; font-size:23px; line-height:16px; color:black; } #myPopup .bd { padding:4px 8px; text-align:left; } #myPopup .ft {} a.icon_popup { background:url(/pics/icons/question.gif) no-repeat; padding:1px 7px; cursor:help; text-decoration:none; } a.icon_popup:hover { text-decoration:none; } .calendar_table { border:1px dotted; height:41px; } .calendar_table td {padding:2px; } #maincontent .calendar_table ul li {padding-top:0; } #maincontent .calendar_table p { padding:0px; line-height:1em; } #maincontent .calendar_table .col1 { float:left; width:190px; padding:8px 0 0 16px; } #maincontent .calendar_table .col2 { float:left; width:210px; padding:8px 0 0 8px; } #maincontent .calendar_table .col3 { float:left; width:52px; padding:8px 0 0 8px; } #maincontent .calendar_table .col4 { float:right; width:248px; padding:8px 0 0 8px; } #maincontent .calendar_table .col4 .ical, #maincontent .calendar_table .col4 .print { width:120px; } #maincontent .calendar_table .col4 .calendar_table .gosubmit, .calendar_table .print, .calendar_table .ical { border:1px solid; cursor:pointer; padding:1px 8px; } .calendar_table .print { background:#DDDDDD url(/pics/print.png) no-repeat 5px center; padding-left:29px; } .calendar_table .ical { background:#DDDDDD url(/pics/ical.png) no-repeat 5px center; padding-left:29px; } .cal #calendar-download-button {display:block!important; } /* ** Widgets ** */ #maincontent .fck_widget_events { padding:0px 0 0 30px; } #maincontent .fck_widget_events li { list-style-type:square; padding-top:8px; } .fck_widget_events .d { font-size:85%; } form.contact_form { margin-top:10px; } .contact_form label { display:block; float:left; width:116px; padding-left:15px; font-weight:bold; } .contact_form input { margin:0 0 12px 0 !important; width:230px; } .contact_form textarea { margin:1px 0 15px 0px; } .contact_form .submit { width:80px; } #maincontent.contact_us { width:500px; } #widget_dialog { position:fixed; width:99.9%; left:0px; z-index:10010; top:10px; } #widget_dialog .w_inner { width:450px; margin:0 auto; padding:15px; background:white; border:2px solid black; color:black; -moz-box-shadow: 0px 0px 40px #000000; -webkit-box-shadow: 0px 0px 40px #000000; -khtml-box-shadow: 0px 0px 40px #000000; } .right_calendar_widget_time { display:inline; } .fck_widget_calendar .right_calendar_event_time { margin-left:10px; } #maincontent .fck_widget_calendar h4 { margin-bottom:2px; } /* Modal Box */ #MB_overlay { position: absolute; margin: auto; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; border: 0; background-color: #000!important; } #MB_overlay[id] { position: fixed; } #MB_window { position: absolute; top: 0; border: 0 solid; text-align: left; z-index: 10000; } #MB_window[id] { position: fixed!important; } #MB_frame { position: relative; background-color: #EFEFEF; height: 100%; } #MB_header { margin: 0; padding: 0; } #MB_content { position: relative; padding: 6px .75em; overflow: auto; } #MB_caption { font: bold 100% "Lucida Grande", Arial, sans-serif; text-shadow: #FFF 0 1px 0; padding: .5em 2em .5em .75em; margin: 0; text-align: left; } #MB_close { display: block; position: absolute; right: 5px; top: 4px; padding: 2px 3px; font-weight: bold; text-decoration: none; font-size: 13px; } #MB_close:hover { background: transparent; } #MB_loading { padding: 1.5em; text-indent: -10000px; background: transparent url(spinner.gif) 50% 0 no-repeat; } /* Color scheme */ #MB_window { background-color: #EFEFEF; color: #000; -webkit-box-shadow: 0 0 64px #000; -moz-box-shadow: #000 0 0 64px; box-shadow: 0 0 64px #000; } #MB_frame { /**** padding-bottom: 4px; -webkit-border-bottom-left-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomleft: 4px; -moz-border-radius-bottomright: 4px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; ****/ } #MB_content { border-top: 1px solid #F9F9F9; } #MB_header { background-color: #DDD; border-bottom: 1px solid #CCC; } #MB_caption { color: #000 } #MB_close { color: #777 } #MB_close:hover { color: #000 } /* Alert message */ .MB_alert { margin: 10px 0; text-align: center; } /* End Modal Box */ /* Light Box */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox img{ width: auto; height: auto; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0; } #hoverNav a{ outline: none; } #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left; } #nextLink { right: 0; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/pics/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(/pics/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* End Light Box */ .hebrew-button { vertical-align:top; cursor:pointer; } /*.controls label { float:left; width:70px; }*/ .item-type-select { width:250px; } #floating-keyboard { width:448px; height:242px; position:absolute; top:0; left:0; } #floating-keyboard iframe { width:100%; height:100%; } .hebrew-field { direction:rtl; } #setup_options { background-color: #fff; padding: 10px; color: #000; border-right: solid 2px #000; border-bottom: solid 2px #000; } #setup_options TD { padding: 5px !important; } a.neutral_button { width:94px; height: 26px; border: 0; font-size: 13px; background: url(/pics/neutral_button.gif) center top no-repeat; color:#000; text-align: center; font-weight: 700; line-height: 26px; float:left; margin-right:4px 4px 4px 0; text-decoration: none; } a.neutral_button:hover { text-decoration: none; color: #000; background-position: center bottom; } /***** * for qquploader(Ajax Uploader) for the content editor *****/ .qq-uploader { position:relative; width: 100%; } .qq-upload-button { display:block; /* block or inline-block */ float:left; width: 105px; padding: 4px 0; text-align:center; background:#880000; border-bottom:1px solid #ddd;color:#fff; margin: 0 5px; } .qq-upload-button-hover {background:#cc0000; } .qq-upload-button-focus {outline:1px dotted black; } .qq-upload-drop-area { display:none; position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; background:#FF9797; text-align:center; } .qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; } .qq-upload-drop-area-active {background:#FF7171; } .qq-upload-list {display:none; margin:15px 35px; padding:0; list-style:disc; } .qq-upload-list li { display:none; margin:0; padding:0; line-height:15px; font-size:12px; } .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; } .qq-upload-file {} .qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom; } .qq-upload-size,.qq-upload-cancel {font-size:11px; } .qq-upload-failed-text {display:none; } .qq-upload-fail .qq-upload-failed-text {display:inline; } /* root element for tabs */ ul.css-tabs { margin:0 !important; padding:0; /*height:30px;*/ border-bottom:1px solid; } /***************** * JQUERY TOOLS TABS ******************/ ul.css-tabs{ padding: 0 !important; } /* single tab */ ul.css-tabs li { float:left; padding:0; margin:0; list-style-type:none; } /* link inside the tab. uses a background image */ ul.css-tabs a { float:left; font-size:13px; display:block; padding:5px 15px; text-decoration:none; height:auto; /*background-color:#efefef; border:1px solid #666; border-bottom:0px; color:#777; top:1px; -moz-border-radius:4px 4px 0 0; */ position:relative; margin-right:2px; outline:0; } ul.css-tabs a:hover { /*background-color:#F7F7F7; color:#333;*/ } /* selected tab */ ul.css-tabs a.current { /*background-color:#ddd; border-bottom:1px solid #ddd; color:#000; */ cursor:default; border-bottom: 3px solid; } #maincontent ul.css-tabs li { padding-bottom: 0px; } /* tab pane */ .css-panes div.tab_pane { display:none; /*border:1px solid #666; background-color:#ddd; border-width:0 1px 1px 1px;*/ min-height:150px; padding:15px 20px; } .css-panes .member_header{ font-size: 16px; font-weight:bold; margin-left: 140px; margin-top: 15px; margin-bottom: 10px; } .css-panes .member_break{ clear:both; height: 20px; } .css-panes .member_item{ display:block; margin-bottom: 6px; padding-bottom: 4px; overflow:hidden; } .css-panes .member_item.dotted{ /*border-bottom:1px dotted;*/ } .member_label{ width: 170px; float:left; font-weight:bold; text-align: right; margin-right: 15px; } .member_field{ white-space: nowrap; display:inline-block; width:auto; } .tab_pane #preview_area #test_email_block { z-index: 9; position: relative; } select optgroup option { margin-left:20px; } #maincontent.default UL { padding-left: 30px; } #maincontent.default UL LI { padding-left: 5px; list-style-type: square; } input::-webkit-input-placeholder { color: #969696 !important; font-style: italic; } input:-moz-placeholder { color: #969696 !important; font-style: italic; } #nav_section{ list-style:none; font-weight:bold; margin-bottom:10px; /* Clear floats */ width:100%; /* Bring the nav above everything else--uncomment if needed. position:relative; z-index:5; */ } #nav_section li{ position:relative; } #nav_section a{ display:block; text-decoration:none; padding:8px 0px 8px 18px; width:100%; } #nav_section a:hover{ text-decoration:none; } #nav_section ul{ /* background:#fff; Adding a background makes the dropdown work properly in IE7+. Make this as close to your page's background as possible (i.e. white page == white background). */ list-style:none; height:0px; display:none; } #nav_section ul li{ } #nav_section ul a{ /* Stop text wrapping and creating multi-line dropdown items */ padding-left:40px; } #nav_section li:hover ul, #nav_section li.persist_open ul{ /* Display the dropdown on hover */ height:100%; display:block; } #nav_section li:hover a, #nav_section li.persist_open a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ text-decoration:none; } #nav_section li:hover ul a, #nav_section li.persist_open ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ text-decoration:none; } #nav_section li:hover ul li a:hover, #nav_section li.persist_open ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ } /***** * copy below for new nav ******/ #nav_section{ } #nav_section li{ } #nav_section a{ } #nav_section a:hover{ } #nav_section ul{ } #nav_section ul li{ } #nav_section ul a{/* Stop text wrapping and creating multi-line dropdown items */ } #nav_section li:hover ul, #nav_section li.persist_open ul{ /* Display the dropdown on hover */ } #nav_section li:hover a, #nav_section li.persist_open a{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */ } #nav_section li:hover ul a, #nav_section li.persist_open ul a{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */ } #nav_section li:hover ul li a:hover, #nav_section li.persist_open ul li a:hover{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */ } .cke_chrome {z-index:10 } .cke_button_label.cke_button__widgets_label, .cke_button_label.cke_button__form_label, .cke_button_label.cke_button__image_label, .cke_button_label.cke_button__viewsource_label { display: inline; } .cke_button_icon.cke_button__viewsource_icon { display: none; } .content_button{ /*width: 16px;*/ float:left; margin-right:1px; padding:2px 4px 2px 0px; margin-bottom:5px; cursor:pointer; } .content_button.move_content{ cursor:ns-resize; } .content_button.move_content.dir_4_move{ cursor:move; } .content_button:hover{ background:#dbdbdb; } .content_button:hover .ui-button-text { } .content_button .ui-icon { float:left; } .content_button .ui-button-text { font-weight:normal; color: #70b2e1; margin-left:-1px; } .cke_editable.inline_offset, .content_body.inline_offset{ margin-top:165px; } .cke_editable div[class^="fck_widget_"], .cke_editable div.form_replacement { border: 2px solid red; padding:5px; margin: 10px 0; cursor: not-allowed; font-weight: bold; } .cke_custom_toolbar{ position: relative !important; margin-bottom:13px !important; width: 100% !important; height: 30px !important; padding-top:3px !important; } .cke_custom_toolbar .cke_toolgroup{ position: relative; } .cke_custom_toolbar .cke_button_label{ padding-left: 15px; } .cke_custom_toolbar .ui-state-default{ position: absolute; left: 5px; } .cke_custom_toolbar .ui-state-default, .cke_custom_toolbar .ui-state-default .ui-icon{ width:16px; height:16px; display: inline-block; position: absolute; } .cke_custom_toolbar .close_group{ float:right; } .cke_custom_toolbar .ui-icon-closethick {background-position: -96px -128px; } .cke_custom_toolbar .ui-icon-check {background-position: -64px -144px; } .cke_custom_toolbar .ui-icon-arrowreturn-1-w {background-position: -64px -64px; } .ckeditor-html5-audio{ align-items: center; justify-content: space-between; } .ckeditor-html5-audio.full{ display:flex; clear: both; } .ckeditor-html5-audio.inline{ display:inline-flex; } .ckeditor-html5-audio.inline-left{ display:inline-flex; float:left; } .ckeditor-html5-audio.inline-right{ display:inline-flex; float:right; } .ckeditor-html5-audio.html5audio-new > span, .ckeditor-html5-audio.html5audio-new > audio { float:none !important; flex-grow:6; } .cke_widget_wrapper.cke_widget_html5audio:after{ visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .ckeditor-html5-audio.html5audio-new > .left-center, .ckeditor-html5-audio.html5audio-new > .right-center, .ckeditor-html5-audio.html5audio-new > .top, .ckeditor-html5-audio.html5audio-new > .bottom{ text-align:center; } .ckeditor-html5-audio.html5audio-new > .left{ text-align:left; } .ckeditor-html5-audio.html5audio-new > .right{ text-align:right; } .ckeditor-html5-audio.html5audio-new > span.left ~ audio, .ckeditor-html5-audio.html5audio-new > span.right ~ audio, .ckeditor-html5-audio.html5audio-new > span.left-center ~ audio, .ckeditor-html5-audio.html5audio-new > span.right-center ~ audio{ flex-basis:40%; flex-grow:3; } .ckeditor-html5-audio.html5audio-new > span.right, .ckeditor-html5-audio.html5audio-new > span.right-center{ order:2; } .ckeditor-html5-audio.html5audio-new > span.right ~ audio, .ckeditor-html5-audio.html5audio-new > span.right-center ~ audio{ order:1; } .ckeditor-html5-audio.column{ flex-direction:column; } .ckeditor-html5-audio.html5audio-new > .top{ order:1 !important; } .ckeditor-html5-audio.html5audio-new > .bottom{ order:10 !important; } .ckeditor-html5-audio.column{ flex-direction:column; align-items: stretch; } .ckeditor-html5-audio.html5audio-new.column > audio{ min-width: 50%; margin: 0 auto; } .ckeditor-html5-audio.html5audio-new.column > audio:not(.top), .ckeditor-html5-audio.html5audio-new.column > span:not(.top), { order:2; } .form_replacement{clear:both } .fck_widget_gallery{clear:both } .sidebar_container{min-height:10px; } #nav_section li ul{z-index:1000 } table.ajax_person_table tr td{padding:4px; border:1px solid black; } table.ajax_person_table tr td h3{text-align:left; } .blog_date_alt {display:none; } .featured_article .form_replacement .pfbc-form input, .featured_article .form_replacement .pfbc-form select, .featured_article .form_replacement .pfbc-form textarea{ margin: 0 !important; } .featured_article .form_replacement .pfbc-form input[type=radio], .featured_article .form_replacement .pfbc-form input[type=checkbox] { margin-right: 8px !important; } .featured_article .pfbc-form LABEL.checkbox input[type=text], .featured_article .pfbc-form LABEL.checkbox select, .featured_article .pfbc-form LABEL.checkbox textarea { margin-top: 0 !important; } .featured_article .form_replacement .pfbc-form hr{ margin: 10px 0; } .featured_article .form_replacement label.control-label{ margin-bottom:0; } .featured_article .form_replacement .control-group{ margin-bottom:15px; } .form_replacement{margin:0 15px } .fb-like-box span, .fb-like-box .fb_iframe_widget span iframe{width: 100% !important; } table.subscription_table{border-collapse:collapse; } table.subscription_table td, table.subscription_table th{border: 1px solid rgba(0,0,0,.22); padding:5px 10px; } .calendar_table{ /*margin-bottom:15px;*/ font-size:13px; } .calendar_table .ui-button-text{ line-height: 1.1%; padding-top:0.2em !important; padding-bottom:0.2em !important; } maincontent.cal table.calendar.calendar_header_date{ margin:0; } table.calendar_header_date th.month_header{ text-transform: uppercase; text-align: left; font-size:20px; padding-left:20px; height: 1.5em; } .calendar_table .ui-widget{ font-size:13px; margin:4px 0; } #cal_date_block{ display:inline; } .calendar_day_view{ margin-bottom:25px; } #maincontent.cal h2{ line-height: 37px; font-size: 33px; } .ce_table td{ padding:8px; } /*start and end time*/ .ce_table td.ce_time_start ,.ce_table td.ce_time_end{ text-align:center; text-transform:uppercase; width:90px; font-size:14px; } .ce_table td.ce_time_start{ text-align:right; } .ce_table td.ce_time_end{ text-align:left; } /* .ce_table td.ce_time_start .ce_time:after{content:'M';} .ce_table td.ce_time_end .ce_time:after{content:'M';}*/ .ce_table td.ce_time_end .ce_time:before{content:' - '; } /*color*/ .ce_table .ce_type { width:1em; } .ce_table .ce_calendar_type_color{ width:1em; height:1em; -webkit-border-radius: 0.4em; -moz-border-radius: 0.4em; border-radius: 0.4em; margin-top:2px; } /*desc section*/ .ce_table .ce_desc .ce_holiday, .ce_table .ce_desc .ce_sedra, .ce_table .ce_desc .ce_lifecycle_type, .ce_table .ce_desc .ce_event_name, ce_annnouncement { font-size:larger; } .ce_table .ce_desc .ce_event_location{ font-size:smaller; } .ce_table .ce_desc .ce_event_desc{ margin-top:4px; font-size:smaller; } .ce_table .ce_desc .ce_lifecycle_item{ font-size: smaller; float:left; margin-left: 25px; font-style: italic; } .ce_table .ce_resource { display:block; margin-top:10px; clear:both; } .ce_table .ce_admin_action { display:inline-block; font-size:smaller; } .ce_table .ce_resource_admin_note { display:block; clear:left; font-size:smaller; font-style: italic; } .ce_table .ce_event_admin_note { font-size:smaller; font-style: italic; } .ce_table .ce_calendar_type_color{ float:left; } .ce_table .ce_resource_start, .ce_table .ce_resource_end { float:left; text-transform: uppercase; margin-left: 5px; } .ce_table .ce_resource_end:after{content:': '; } .ce_table .ce_resource_end:before{content:' - '; } .ce_table .ce_resource_name{ float:left;margin-left: 10px; } .ce_table.ce_view_week .ce_event_desc{display:none; } .event_time, .event_location{ display:block; } .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs{ background: #fff; } .rsDefault.slider_style_2 .rsTmb, .rsDefault.slider_style_3 .rsTmb { display:none; } .slider_style_2 .rsGCaption, .slider_style_3 .rsGCaption { background-color: rgba(255, 255, 255, 0.8); bottom: 0; display: block; left: 0; position: absolute; } .slider_style_2 .rsGCaption .slider_content, .slider_style_3 .rsGCaption .slider_content { text-align: left; margin: 5px 0 25px 5px; position:relative; } .slider_style_2 .rsGCaption .slider_title, .slider_style_3 .rsGCaption .slider_title { display:block; font-weight:bold; margin-bottom:3px; } .slider_style_2 .rsGCaption .slider_link, .slider_style_3 .rsGCaption .slider_link{ position:absolute; bottom:-20px; right:10px; display:inline-block; font-size:12px; font-weight:bold; text-decoration:none; cursor:pointer; } .slider_style_2 .rsGCaption .slider_link:hover, .slider_style_3 .rsGCaption .slider_link:hover{ } .slider_style_2.rsDefault .rsBullets, .slider_style_3.rsDefault .rsBullets{ position:absolute; bottom:8px; left:5px; display:inline-block; width:auto; background: transparent; } .slider_style_13.rsDefault .slider_content:not(.slide_has_text){ display: none; } .fck_widget_blog .table-responsive div.fck_widget_blog_read_more, .fck_widget_blog .fck_widget_blog_snippet { display:none; } /* Blog Slider */ .slipprySlider.blog_slider, .slipprySlider.blog_slider .rsOverflow, .slipprySlider.blog_slider .rsSlide{ background:none; height:420px!important; max-height:500px; } .slipprySlider.blog_slider .rsOverflow .blog_date { display:block; } .slipprySlider.blog_slider .sy-slides-wrap { height:420px; } .slipprySlider.blog_slider .sy-caption-wrap { top:40%; } .slipprySlider.blog_slider .sy-caption-wrap{ top:0px; left:0px; } .slipprySlider.blog_slider .sy-caption-wrap .sy-caption{ position:static; margin-left:0px; border-radius:0; background:none;height:100%; display: flex;justify-content: center;flex-direction: column; } .slipprySlider.blog_slider .sy-controls{ display:block; } .slipprySlider.blog_slider .sy-controls li {width:5%; } .slipprySlider.blog_slider .sy-controls li a:link, .slipprySlider.blog_slider .sy-controls li a:visited{ opacity:1; } #maincontent .slipprySlider.blog_slider p{ margin-bottom:0px; } .slipprySlider.blog_slider .sy-caption-wrap .sy-caption > a:hover{ text-decoration:none; } .slipprySlider.blog_slider .slider_title{ color:#3e555e; font-size:30px; font-family: 'Raleway', sans-serif; font-weight:300; margin-bottom:40px; text-align:center; } .slipprySlider.blog_slider .blog_author{ color:#3e555e; display:none; } .slipprySlider.blog_slider .blog_date{ color:#3e555e; display:none; } .fck_widget_blog_slider{ position:relative; } #maincontent .slipprySlider.blog_slider .slider_description{ display:block; width:calc(100% - 80px); margin-left:40px; margin-right:40px; } #maincontent .slipprySlider.blog_slider .slider_description p{ color:#3e555e; font-size:20px; font-family: 'Raleway', sans-serif; font-weight:300; line-height:1.6; text-align:center; } #maincontent .slipprySlider.blog_slider .slider_description .content_body h3{ margin-bottom:0px; } #maincontent .slipprySlider.blog_slider .slider_description .slider_link{ display:block; width:170px; text-align:center; margin:30px auto 0px; border-radius:3px; background:#65686c; border-bottom:3px solid #3e555e; color:#fff; text-transform:uppercase; font-size:14px; font-weight:800; padding:15px 35px 13px; text-decoration:none; } /* end blog slider css */ #maincontent.default .exporter UL LI{ list-style: none; text-align:left; } .exporter{ width:auto; } .ui-autocomplete { max-height: 200px; overflow-y: auto; /* prevent horizontal scrollbar */ overflow-x: hidden; font-size:12px; } .shabbat_start{display:none } .shabbat_end{display:none } .search_area{ position:absolute; display:none; } /* section with duplicate sponsor, top links, and search bar */ #quick_links_search_wrapper { display: none; } body.payment .payment_type_option .statement_link { display:none; } .royalSlider.slider_style_9 .rsTmb, .royalSlider.slider_style_13 .rsTmb { display: none !important; } .royalSlider.slider_style_9, .royalSlider.slider_style_13{ overflow: hidden; } .royalSlider.slider_style_9 .animated_slider_box, .royalSlider.slider_style_13 .animated_slider_box { display: inline-block; height: 70px; bottom: 0; padding-right: 10px; padding-top: 10px; text-align:right; background: black; font-family: 'Rokkitt', Arial, Helvetica, sans-serif; font-size: 20px; color: white; opacity:0.8 !important; filter:alpha(opacity=80); /* For IE8 and earlier */ } .royalSlider.slider_style_9 .animated_slider_box .slider_title, .royalSlider.slider_style_13 .animated_slider_box .slider_title { font-weight:bold; } .royalSlider.slider_style_9 .rsArrow.rsArrowLeft, .royalSlider.slider_style_9 .rsArrow.rsArrowRight, .royalSlider.slider_style_13 .rsArrow.rsArrowLeft, .royalSlider.slider_style_13 .rsArrow.rsArrowRight{ opacity:1 !important; z-index:999; visibility:visible; height:20px; width:20px; position:absolute; bottom:6px; top:auto; left:auto; } .royalSlider.slider_style_9 .rsArrow.rsArrowLeft, .royalSlider.slider_style_13 .rsArrow.rsArrowLeft{ right:33px; } .royalSlider.slider_style_9 .rsArrow.rsArrowRight, .royalSlider.slider_style_13 .rsArrow.rsArrowRight{ right:2px; } .royalSlider.slider_style_9 .rsArrowLeft .rsArrowIcn, .royalSlider.slider_style_13 .rsArrowLeft .rsArrowIcn{ width: 0; height: 0; background:transparent; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right:10px solid #fff; } .royalSlider.slider_style_9 .rsArrowRight .rsArrowIcn, .royalSlider.slider_style_13 .rsArrowRight .rsArrowIcn{ background:transparent; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #fff; } .slider_style_4 .rsTmb, .slider_style_11 .rsTmb { padding: 20px; } .slider_style_4 .rsThumbs .rsThumb, .slider_style_11 .rsThumbs .rsThumb { width: 300px; height: 60px; border-bottom: 1px solid #9c95a1; } .slider_style_4 .rsThumbs.rsThumbsVer, .slider_style_11 .rsThumbs.rsThumbsVer { width: 220px; padding: 0; } .slider_style_4 .rsThumb:hover, .slider_style_11 .rsThumb:hover { background: #000; } .royalSlider.slider_style_4, .royalSlider.slider_style_11 {margin:0 auto;border:1px solid #bdb9c0; } .royalSlider.slider_style_4 .rsOverflow, .royalSlider.slider_style_4 .rsSlide, .royalSlider.slider_style_4 .rsVideoFrameHolder, .royalSlider.slider_style_4 .rsThumbs, .royalSlider.slider_style_11 .rsOverflow, .royalSlider.slider_style_11 .rsSlide, .royalSlider.slider_style_11 .rsVideoFrameHolder, .royalSlider.slider_style_11 .rsThumbs{ background:none; } .royalSlider.slider_style_4 .rsNav, .royalSlider.slider_style_11 .rsNav{border-left:1px solid #bdb9c0; } .royalSlider.slider_style_4 .rsTmb, .royalSlider.slider_style_11 .rsTmb{ font-size:18px; text-shadow:1px 1px 1px #837f86; } .royalSlider.slider_style_4 .rsThumb.rsNavSelected, .royalSlider.slider_style_11 .rsThumb.rsNavSelected{background:#a29aa8; } .royalSlider.slider_style_4 .rsThumb.rsNavSelected .rsTmb, .royalSlider.slider_style_11 .rsThumb.rsNavSelected .rsTmb{color:#fff; } .royalSlider.slider_style_4 .rsNav .rsThumb, .royalSlider.slider_style_11 .rsNav .rsThumb{border-bottom:1px solid #a29aa8; } .royalSlider.slider_style_4 .rsNav .rsThumb:hover, .royalSlider.slider_style_11 .rsNav .rsThumb:hover{background:#a29aa8; } .royalSlider.slider_style_4 .rsContainer, .royalSlider.slider_style_11 .rsContainer{background:none; } .royalSlider.slider_style_4 .rsOverflow, .royalSlider.slider_style_11 .rsOverflow{ float:left !important; width:304px !important; height:304px !important; margin-left:13px; margin-top:13px; } .royalSlider.slider_style_4 .rsSlide img, .royalSlider.slider_style_11 .rsSlide img{ max-width:300px; height:auto !important; border:2px solid #7c7481; margin:0 !important; } .royalSlider.slider_style_4 .rsGCaption, .royalSlider.slider_style_11 .rsGCaption{ float:left !important; width:230px !important; margin-top:15px !important; margin-left:15px !important; text-align:left !important; } .royalSlider.slider_style_4 .rsGCaption .slider_title, .royalSlider.slider_style_11 .rsGCaption .slider_title{display:block;font-size:22px;color:#6a162a;margin-bottom:10px; } .royalSlider.slider_style_4 .slider_description, .royalSlider.slider_style_11 .slider_description{font-size:14px;color:#585858; } .royalSlider.slider_style_4 .slider_link, .royalSlider.slider_style_11 .slider_link{color:#d62121;font-size:14px;cursor:pointer;display:block; margin-top:10px; } .royalSlider.slider_style_4 .rsNav, .royalSlider.slider_style_11 .rsNav{background:#bdb7c1 !important;width:300px !important;overflow:visible !important; } .royalSlider.slider_style_4 .rsThumb.rsNavSelected, .royalSlider.slider_style_11 .rsThumb.rsNavSelected{width:315px;left:-14px;background:none;background:url(../pics/icon_arrow_315.png) left center no-repeat; } .royalSlider.slider_style_4 .rsThumb.rsNavSelected .rsTmb, .royalSlider.slider_style_11 .rsThumb.rsNavSelected .rsTmb{padding:20px 20px 20px 34px; } .royalSlider.slider_style_4 .rsNav .rsThumb.rsNavSelected, .royalSlider.slider_style_11 .rsNav .rsThumb.rsNavSelected{border:0; } .royalSlider.slider_style_4 .rsNav .rsThumb.rsNavSelected:hover, .royalSlider.slider_style_11 .rsNav .rsThumb.rsNavSelected:hover{background:none;background:url(../pics/icon_arrow_315.png) left center no-repeat; } .royalSlider.slider_style_4, .royalSlider.slider_style_11 { height: 315px !important; } .diagonal_lines_pattern{ background-image: -webkit-gradient(linear, left bottom, right top, color-stop(0, rgba(204, 204, 204, 0.2)), color-stop(0.25, rgba(204, 204, 204, 0.2)), color-stop(0.25, transparent ), color-stop(0.2, transparent ), color-stop(0.5, rgba(204, 204, 204, 0.2)), color-stop(0.75, rgba(204, 204, 204, 0.2)), color-stop(0.75, transparent )); background-image: -webkit-linear-gradient(left bottom, rgba(204, 204, 204, 0.2) 0%, rgba(204, 204, 204, 0.2) 25%, transparent 25%, transparent 50%, rgba(204, 204, 204, 0.2) 50%, rgba(204, 204, 204, 0.2) 75%, transparent 75%); background-image: -moz-linear-gradient(left bottom, rgba(204, 204, 204, 0.2) 0%, rgba(204, 204, 204, 0.2) 25%, transparent 25%, transparent 50%, rgba(204, 204, 204, 0.2) 50%, rgba(204, 204, 204, 0.2) 75%, transparent 75%); background-image: -ms-linear-gradient(left bottom, rgba(204, 204, 204, 0.2) 0%, rgba(204, 204, 204, 0.2) 25%, transparent 25%, transparent 50%, rgba(204, 204, 204, 0.2) 50%, rgba(204, 204, 204, 0.2) 75%, transparent 75%); background-image: -o-linear-gradient(left bottom, rgba(204, 204, 204, 0.2) 0%, rgba(204, 204, 204, 0.2) 25%, transparent 25%, transparent 50%, rgba(204, 204, 204, 0.2) 50%, rgba(204, 204, 204, 0.5) 75%, transparent 75%); filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='transparent',GradientType=0 )"; / IE6-8 */ background-image: linear-gradient(left bottom, rgba(204, 204, 204, 0.2) 0%, rgba(204, 204, 204, 0.2) 25%, transparent 25%, transparent 50%, rgba(204, 204, 204, 0.2) 50%, rgba(204, 204, 204, 0.2) 75%, transparent 75%);IE6-8background-image background-size: 30px 30px; width:100%; height:100%; } /*********************** * HEADER CONTAINER *********************/ #header #header_inner{ margin:0px auto; margin-top:4px; width:1000px; height:34px !important; line-height:34px !important; position:relative; } /*********************** * HEADER BUTTON AREAS *********************/ #header #header_inner .hosted_by_text{ position:absolute; z-index:1; } #header #header_inner #header_buttons{ width: 100%; position:absolute; text-align:right; height:34px; left:0; top:0; } #header #header_inner #header_buttons div{ float:right; margin-left:8px; } /*********************** * LOGIN DROPDOWN *********************/ #header_login_menu{ width:247px; background:#fff; } #header_login_menu .header_button{ display:block; margin:9px; text-align:center; text-decoration:none; } #header_login_menu a.header_button:hover{ color:white; text-decoration:none; } #header_login_menu form.head_signin{ margin:12px; } #header_login_menu form.head_signin input { width:210px; margin-bottom:10px; padding: 3px 5px; border: 2px solid #EBEBEB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #header_login_menu form.head_signin .submit_button{ background: url("../pics/grey-button.png") no-repeat right top; margin-bottom:10px; width:224px; height:31px; text-align:center; color:#fff; border:0; font-size:12px; font-weight:bold; clear:both; } #header_login_menu form.head_signin hr.login_dropdown_line{ width:238px; border: 1px solid #EBEBEB; border-bottom:0; margin-left:-8px; margin-bottom:7px; clear:both; height:2px; } #header_login_menu form.head_signin .extra_login_text{ line-height:26px; display:inline-block; height:26px; vertical-align:top; color: #000; font-size:12px; } /****************** * BUTTONS *******************/ .header_button , .admin_tabs > li.header_button{ background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #73797a), color-stop(1, #5f6467)); background:-moz-linear-gradient(top, #73797a 5%, #5f6467 100%); background:-webkit-linear-gradient(top, #73797a 5%, #5f6467 100%); background:-o-linear-gradient(top, #73797a 5%, #5f6467 100%); background:-ms-linear-gradient(top, #73797a 5%, #5f6467 100%); background:linear-gradient(to bottom, #73797a 5%, #5f6467 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#73797a', endColorstr='#5f6467',GradientType=0); background-color:#73797a; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; border:2px solid #727a7e; display:inline-block; cursor:pointer; color:#ffffff; font-family:Arial; font-size:12px; font-weight:bold; padding:8px 15px; text-decoration:none; line-height:12px; } .header_button:hover{ background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5f6467), color-stop(1, #73797a)); background:-moz-linear-gradient(top, #5f6467 5%, #73797a 100%); background:-webkit-linear-gradient(top, #5f6467 5%, #73797a 100%); background:-o-linear-gradient(top, #5f6467 5%, #73797a 100%); background:-ms-linear-gradient(top, #5f6467 5%, #73797a 100%); background:linear-gradient(to bottom, #5f6467 5%, #73797a 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5f6467', endColorstr='#73797a',GradientType=0); background-color:#5f6467; } .header_button:active { /*position:relative; top:1px;*/ } #header #header_inner #header_buttons .header_button#header_help_button span { display:inline-block; color:#646665; background:white; font-size:15px; height:20px; width:20px; line-height:20px; text-align:center; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; margin:-4px 0; } #header_admin_menu_menu ul li span, #header #header_inner #header_buttons .header_button#header_admin_menu_button span, #header_help_menu LI SPAN { display:inline-block; background:#CD402C; font-size:14px; height:20px; line-height:20px; text-align:center; border: 2px solid white; -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; margin:-8px 0 -8px 4px; padding:0 6px; } #header #header_inner #header_buttons .header_button#header_help_button.highlight { padding-top: 6px; padding-bottom: 6px; } #header #header_inner #header_buttons .header_button#header_help_button.highlight span { background:#CD402C; border: 2px solid white; color: white; } #header_admin_menu_menu ul li span, #header_help_menu LI SPAN { display:inline-block; color:white; font-weight:bold; border: 2px solid white; -moz-box-shadow: 0px 0px 4px 0px #D8D8D8; -webkit-box-shadow: 0px 0px 4px 0px #D8D8D8; box-shadow: 0px 0px 4px 0px #D8D8D8; } #header #header_inner #header_buttons .header_button#header_admin_menu_button img{ margin:-2px 6px -2px 0px; } #maincontent.admin .admin_tabs{ padding-bottom:0; float:right; text-align:right; width:100%; background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #73797a), color-stop(1, #5f6467)); background:-moz-linear-gradient(top, #73797a 5%, #5f6467 100%); background:-webkit-linear-gradient(top, #73797a 5%, #5f6467 100%); background:-o-linear-gradient(top, #73797a 5%, #5f6467 100%); background:-ms-linear-gradient(top, #73797a 5%, #5f6467 100%); background:linear-gradient(to bottom, #73797a 5%, #5f6467 100%); -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } #tab_header{ margin: 5px; cursor: pointer; } .admin_tabs > li.header_button{ -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px; border-right:0; padding:0; } .admin_tabs > li.header_button:first-child{ /* -moz-border-top-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px;*/ border-left:0px; } .admin_tabs > li.header_button:last-child{ -moz-border-top-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .admin_tabs > li.header_button a{ text-decoration:none; } #tab_iframe_container{ border:2px solid #727a7e; border-top:0; box-sizing: border-box; } #tab_iframe_container > h2#tab_header{ padding: 10px; margin:0; } .header_button a.tablink, .header_button.admin_tabs_more { color:#fff; padding: 7px 12px; display:inline-block; } .header_button .header_menu a.tablink { color:#000; } body .header_menu{ z-index:99; display:none; position:absolute; min-width:150px; background-color:white; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; /*border:1px solid #727a7e;*/ background:white; border-top:0; -moz-border-top-right-radius:0; -webkit-border-top-right-radius:0; border-top-right-radius:0; -moz-box-shadow: 0px 2px 4px 0px #D8D8D8; -webkit-box-shadow: 0px 2px 4px 0px #D8D8D8; box-shadow: 0px 2px 4px 0px #D8D8D8; overflow:hidden; font-family:Arial; background:#F7F7F7; } #maincontent .header_button.header_button_open{ -moz-border-bottom-right-radius:0; -webkit-border-bottom-right-radius:0; border-bottom-right-radius:0; -moz-border-bottom-left-radius:0; -webkit-border-bottom-left-radius:0; border-bottom-left-radius:0; } #header #header_inner #header_buttons #header_login_button.header_button_open img{ transform:rotate(180deg); -ms-transform:rotate(180deg); /* IE 9 */ -webkit-transform:rotate(180deg); /* Opera, Chrome, and Safari */ } #header_buttons a .header_button{ text-decoration: none; } .header_menu ul{ background:#F7F7F7; display:block; min-width:150px; font-weight:normal; float:left; } #maincontent div.header_menu{ } #maincontent div.header_menu ul{ padding-bottom:0; } .header_menu .header_menu_left_border{ border-left: 2px solid #D8D8D8; } .header_menu li{ text-align:left; font-size:14px; background:transparent; padding:6px 12px 6px 12px; color:black; min-width:150px; } .header_menu li a{ color:black; } .header_menu ul li.header_menu_header{ background:white; border-top: 1px solid #D8D8D8; border-bottom: 2px solid #D8D8D8; font-weight:bold; } /* second set of top links added to facilitate transitioned websites */ .top_head_wrapper { display:none; } .ui-tooltip.header_menu_tooltip{ background:white; color:#CD402C; font-size:13px; font-weight:bold; } TABLE.stat_display { border: solid 1px black; min-height: 140px; } TABLE.stat_display TD { background-color: white; text-align: center; font-weight: bold; color: black !important; } TABLE.stat_display .num { color: black; font-weight: normal; font-size: 28px; } TABLE.stat_display .per { color: grey; } TABLE.stat_display .red { color: red; } TABLE.stat_display .green { color: green; } .sc-icon { width: 16px; height: 16px; display: block; } .sc-icon-displaycontent { background: url(/images/visible_both.png) no-repeat 1px; } .sc-icon-displaycontent_desktop_only { background: url(/images/visible_desktop.png) no-repeat 2px; } .sc-icon-displaycontent_mobile_only { background: url(/images/visible_mobile.png) no-repeat 2px; } .sc-icon-displaycontent_hidden { background: url(/images/visible_hidden.png) no-repeat 2px; } .seat_request_block table.seat_request_table tr td,.seat_request_block table.seat_request_table tr th{padding:2px; } #seatRowArea .seat_row textarea[name="seat_note"]{ width:230px; height:130px; } ol li { list-style: decimal inside none; } /* html email */ table.sc-sortable{width:100% } .sc-action-area {display:none } .sc-sortable img {outline:none; text-decoration:none;border:none; -ms-interpolation-mode: bicubic; } .sc-sortable a img {border:none; } .sc-sortable IMG.full_width_image { display: block; margin-left: auto; margin-right: auto; width: 600px; height:auto !important; max-width:100%; } .sc-sortable IMG.img_3_col { display: block; margin-left: auto; margin-right: auto; width: 170px; min-width: 170px; height:auto !important; max-width:100%; } .sc-sortable IMG.img_2_col { display: block; margin-left: auto; margin-right: auto; width: 270px; min-width: 270px; height:auto !important; max-width:100%; } .sc-sortable IMG.img_2_col_thumbnail { display: block; margin-left: auto; margin-right: auto; width: 140px; min-width:140px; height:auto !important; max-width:100%; padding:15px 0; } .sc-sortable .sc-image img{display:block; border:none; outline:none; text-decoration:none; } .dedication_edit_table tr td{padding:8px; } .rbad[data-id='desktop_skyscaper_left'], .rbad[data-id='desktop_skyscaper_right'] { /*display: none;*/ width: 160px; position: absolute; z-index: 1; } .rbad[data-id='desktop_skyscaper_left'] .jadlogo, .rbad[data-id='desktop_skyscaper_right'] .jadlogo { margin-left: -10px !important; } .rbad[data-id='desktop_skyscaper_left'] { left: -170px; } .rbad[data-id='desktop_skyscaper_right'] { right: -170px; margin-left: 160px; } .rbad,.fck_widget_ad { text-align: center; } .fck_widget_ad[alt='300x250'] { height: 250px; } .fck_widget_ad[alt='180x150'] { height: 150px; } .fck_widget_ad[alt='160x600'] { height: 600px; } .fck_widget_ad[alt='728x90'] { height: 90px; } #icalsettings FIELDSET { font-weight: bold; font-size: 16px; width: 250px; height: 100px; float: left; border: solid 1px #999; padding: 8px; margin: 10px; background: #fff; } #icalsettings FIELDSET LEGEND { color: #999; background: #fff; padding: 5px; } #icalsettings FIELDSET DIV { font-weight: normal; color: #000; font-size: 14px; } #maincontent ul.ms-list{padding:0; height:400px } .ms-container{width:655px !important; } .ms-container span.message{ display: inline-block; border: 1px solid #555; background: #DDD; color: #555; font-weight:bold; padding: 2px 5px; margin-left: 5px; border-radius: 2px; font-size: smaller; } .ms-container span.message.last_year{ border: 1px solid #600; background: #FFC; color: #600; } .ms-container span.message.reciprocated{ border: 1px solid #070; background: #CFC; color: #070; } .ms-container span.message.tagged{ border: 1px solid #600; background: #3CF; color: #338; } .people_checkboxes .ms-container{ background:transparent url('/images/move_all.png') no-repeat 50% 50% } .people_checkboxes .search-input{ width: 97%; height: 20px; border-radius: 3px; padding: 2px; margin: 0 0 10px 0; } .people_checkboxes .search_reset_button { border:1px solid transparent; background-color: transparent; display: inline-block; vertical-align: middle; outline: 0; cursor: pointer; display: inline-block; width: 15px; height: 15px; position: relative; background-color: #FA9595; margin: 0; padding: 0; border-radius: 50%; text-align: center; color: white; font-weight: normal; font-size: 12px; box-shadow: 0 0 2px #E50F0F; margin-left: -23px; display: none; } #maincontent .people_checkboxes ul li{ padding: 8px; } .people_checkboxes .selection_header_placeholder{ width: 97%; height: 20px; margin: 10px 0 11px 0; } .people_checkboxes .bottom_filter { display:inline-block; margin: 10px 0 0 8px; padding: 5px; background: #AAA; color: #008; border: 1px solid #008; font-weight:bold; /*text-decoration: underline;*/ font-size:14px; cursor: pointer; } .people_checkboxes .bottom_filter:hover{ background: #008; color: #AAA; } BODY.langhe #sidebar_right, BODY.langhe .right_box1 { text-align: right; direction: rtl; } .account_top_directory .img_table_no_img{display:none; } .account_top_directory div.listing { border:0px; } #maincontent .directory_item.listing, #maincontent .directory_item.listingb, #maincontent .directory_item h3 { color:#000; } #maincontent .account_top_directory .directory_item.listing, #maincontent .account_top_directory .directory_item.listingb, #maincontent .account_top_directory .directory_item h3 { color:inherit; } .account_top_directory tr.listing, .account_top_directory tr.listingb{ background-color:transparent; } #directory_filter_area .option_label, #directory_filter_area .actions { text-align:right; padding-right: 20px; box-sizing: border-box; } #maincontent #directory_filter_area, .listing.directory { border:1px solid black; color:#000; } div.directory_item .img_table { margin:0px auto; text-align: center; border:0px; } div.directory_item .img_table .row { border:0px; } div.directory_item.listing, #directory_filter_area .row.listing { background-color:#f0f0f0; overflow-x:auto; padding:8px; box-sizing:border-box; } #maincontent.admin div.directory_item.listing { background-color:transparent; width:100%; } div.directory_item.listingb, #directory_filter_area .row.listingb { background-color:#DDE0E2; overflow-x:auto; padding:8px; box-sizing: border-box; } .directory_item .actions { overflow-x:auto; width:100%; margin-top:20px; display: inline-block; } .directory_item .row.expanded, #directory_filter_area .row{ overflow-x:auto; width:100%; display:block; } .directory_item .row.expanded { margin-top:10px; display:inline-block; } .template_condensed .directory_item .col-md-2 { min-height:1px; } .saved_cards INPUT[name='saved_credit_card_id']{ float: left; margin-top: 20px; margin-right: 20px; } .saved_cards INPUT[name='saved_credit_card_id'].newcc { margin-top: 0px; } DIV.cchtml { font-family:Arial, Helvetica, sans-serif; } DIV.cchtml .left { display: inline-block; vertical-align: top; } DIV.cchtml .right { display: inline-block; padding-left: 5px; } DIV.cchtml .type { width: 80px; } DIV.cchtml .exp { padding-left: 10px; } DIV.cchtml .exp.expired, DIV.cchtml .account_failure { font-weight: bold; color: red; display:block; } .cchtml .account_failure { font-weight: bold; color: red; } DIV.cchtml .exp.expired:before { content:'Expired on '; } .cchtml .account_failure:before { content:'Account Failure '; } body#body_subtab .section .payment_card > .cchtml > .right { float: right; } body#body_subtab .section .payment_card > .cchtml > .left { float: left; } DIV.cchtml .name { display: block; font-weight: bold; } DIV.cchtml small.default_payment_wrapper { display: block; } DIV.ccimages IMG { margin-top: 2px; width: 40px; } .payment_row{ display:block; } .payment_row:after{ clear:both; display: block; content: " "; } .payment_left{ width:50%; float:left; } .payment_left > div{ box-sizing:border-box; } .payment_left > div .cchtml{ margin:5px 5px 30px; } .payment_left > div .cchtml:after,.payment_left:nth-of-type(2n+1){ content:" "; display: block; clear:both; } .payment_left > div .cchtml .left{ float:left; max-width:30%; padding:10px; } .payment_left > div .cchtml .right{ float:left; } #payments_form .option { padding:10px; padding-right:5px; } /* floating header on school enrollment edit page */ form[action="/school_enrollment.php"] .floatHeader {background: #fff;} /* error message on ckeditor HTML editor */ .ace_tooltip.ace_tooltip { color: black !important; } /*recaptcha can get too wide*/ @media screen and (max-width: 600px){ #rc-imageselect, .g-recaptcha {transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0; } } #maincontent .fck_widget_slider{overflow:hidden; } #maincontent .fck_widget_quotes blockquote{ background:url(images/bg/bg_blockquote.png) no-repeat top center; padding-top:47px; padding-bottom:47px; text-align:center; } #maincontent .fck_widget_quotes blockquote p{ font-style: italic; letter-spacing: -1px;font-size:36px; margin-bottom:10px; line-height:39px; } #maincontent .fck_widget_quotes blockquote p span{ display:block; text-align:center; } #maincontent .fck_widget_month_calendar_condensed table.calendar{ background:none; border:0; width:100%; } #maincontent .fck_widget_month_calendar_condensed table.calendar th{ text-align:center; background:none; color:#c07e58; border-top:0; font-size:15px; border-left:1px solid #8c7f6a; } #maincontent .fck_widget_month_calendar_condensed table.calendar tr th:first-child{ border-left:0; } #maincontent .fck_widget_month_calendar_condensed table.calendar td {width:auto } #maincontent .fck_widget_month_calendar_condensed table.calendar td.unmonth, #maincontent .fck_widget_month_calendar_condensed table.calendar td.today{ background:none; } #maincontent .fck_widget_month_calendar_condensed table.calendar td{ height:30px; vertical-align:middle; text-align:center; border:0;border-left: 1px solid #8c7f6a; border-top: 1px solid #8c7f6a; } #maincontent .fck_widget_month_calendar_condensed table.calendar td:hover{ background:none; } #maincontent .fck_widget_month_calendar_condensed table.calendar tr td:first-child{ border-left:0; } #maincontent .fck_widget_month_calendar_condensed table.calendar td span.day{ background:none; text-align:center; float:none; display:inline; padding:0; height:auto !important;border:none;width:auto !important;height:auto; } #maincontent .fck_widget_month_calendar_condensed table.calendar td div.sedra{ display:none; } #maincontent .fck_widget_month_calendar_condensed table.calendar div.daywrap{ width:auto; min-width:initial; } #maincontent .fck_widget_month_calendar_condensed table.calendar td.today div.daywrap{ border:0; } #maincontent .fck_widget_month_calendar_condensed table.calendar td div.dayhead{ margin-bottom:0px; text-align:center;background-color:rgba(0,0,0,0.3); } #maincontent .fck_widget_month_calendar_condensed table.calendar td div.dayhead a span{color:#fff; } #maincontent .fck_widget_month_calendar_condensed table.calendar td div.popevent{ display:none !important; } #maincontent .fck_widget_month_calendar_condensed table.calendar td div.daywrap{ width:auto !important; } #maincontent .fck_widget_month_calendar_condensed table.zman_table tr td{ border-bottom:1px dotted #808080; } #maincontent .fck_widget_month_calendar_condensed .calendar ul{ display:none; } #maincontent .fck_widget_month_calendar_condensed{ background:url(images/bg/bg_month_calendar.png) no-repeat top center; padding-top:60px; } #maincontent .fck_widget_month_calendar_condensed .month_calendar_condensed{ overflow:hidden; background:url(images/bg/bg_hardline.png) repeat-y center center; } #maincontent .fck_widget_month_calendar_condensed .calendar_condensed_section{ float:left; width:48%; } #maincontent .fck_widget_month_calendar_condensed .calendar_info{ float:right; width:48%; } #maincontent .fck_widget_inner_pages li.main_nav_item { display: none; } #maincontent form#fields_form table:not(.parent_information_table) tr td:first-child{ padding-right:20px; padding-left:10px; } #maincontent form#fields_form table tr td { padding-bottom:10px; padding-top:10px; border-bottom:1px solid #ddd; } #maincontent form#fields_form tr.listing_heading td, #maincontent form#fields_form tr td.has_description { border-bottom: 0px; } #maincontent form#fields_form table.family_information_table tr.listing_heading td { padding-bottom: 0px; } #maincontent form#fields_form table.family_information_table em { display: block; padding-top:10px; } #maincontent form#fields_form tr.parent_field_description td{ padding-top:0px; } #maincontent form#fields_form .emergency_contact_table tr td, #maincontent form#fields_form .parent_information_table tr td{ border:0px; } #footer .footer_inner ul li.enable-mobile{ margin:15px 0; font-weight: bold; font-size:250%; float:none; display:block; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ @media (max-width: 767px) { *{max-width:100%; } } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table !important; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table !important; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } .content_body .section_subcontent.five_column_section { width:50%; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table !important; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } .visible-md-inline { display: inline !important; } .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table !important; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } .visible-lg-block { display: block !important; } .visible-lg-inline { display: inline !important; } .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } @media (min-width: 992px) { .right_align_label { text-align: right; } .right_align_label::after { content: "\00a0"; } } /*might need to be in a flag .col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9, .col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9, .col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9, .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8, .col-xs-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px} */ .col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12, .col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left }.col-xs-12{width:100% } .col-xs-11{width:91.66666667% }.col-xs-10{width:83.33333333% }.col-xs-9{width:75% }.col-xs-8{width:66.66666667% } .col-xs-7{width:58.33333333% } .col-xs-6{width:50% }.col-xs-5{width:41.66666667% }.col-xs-4{width:33.33333333% } .col-xs-3{width:25% }.col-xs-2{width:16.66666667% }.col-xs-1{width:8.33333333% }.col-xs-pull-12{right:100% }.col-xs-pull-11{right:91.66666667% } .col-xs-pull-10{right:83.33333333% }.col-xs-pull-9{right:75% }.col-xs-pull-8{right:66.66666667% }.col-xs-pull-7{right:58.33333333% } .col-xs-pull-6{right:50% }.col-xs-pull-5{right:41.66666667% }.col-xs-pull-4{right:33.33333333% }.col-xs-pull-3{right:25% } .col-xs-pull-2{right:16.66666667% }.col-xs-pull-1{right:8.33333333% }.col-xs-pull-0{right:auto }.col-xs-push-12{left:100% } .col-xs-push-11{left:91.66666667% }.col-xs-push-10{left:83.33333333% }.col-xs-push-9{left:75% }.col-xs-push-8{left:66.66666667% } .col-xs-push-7{left:58.33333333% }.col-xs-push-6{left:50% }.col-xs-push-5{left:41.66666667% }.col-xs-push-4{left:33.33333333% } .col-xs-push-3{left:25% }.col-xs-push-2{left:16.66666667% }.col-xs-push-1{left:8.33333333% }.col-xs-push-0{left:auto } .col-xs-offset-12{margin-left:100% }.col-xs-offset-11{margin-left:91.66666667% }.col-xs-offset-10{margin-left:83.33333333% } .col-xs-offset-9{margin-left:75% }.col-xs-offset-8{margin-left:66.66666667% }.col-xs-offset-7{margin-left:58.33333333% } .col-xs-offset-6{margin-left:50% }.col-xs-offset-5{margin-left:41.66666667% }.col-xs-offset-4{margin-left:33.33333333% } .col-xs-offset-3{margin-left:25% }.col-xs-offset-2{margin-left:16.66666667% }.col-xs-offset-1{margin-left:8.33333333% } .col-xs-offset-0{margin-left:0 } @media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4, .col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9{float:left }.col-sm-12{width:100% }.col-sm-11{width:91.66666667% } .col-sm-10{width:83.33333333% }.col-sm-9{width:75% }.col-sm-8{width:66.66666667% }.col-sm-7{width:58.33333333% }.col-sm-6{width:50% } .col-sm-5{width:41.66666667% }.col-sm-4{width:33.33333333% }.col-sm-3{width:25% }.col-sm-2{width:16.66666667% }.col-sm-1{width:8.33333333% } .col-sm-pull-12{right:100% }.col-sm-pull-11{right:91.66666667% }.col-sm-pull-10{right:83.33333333% }.col-sm-pull-9{right:75% } .col-sm-pull-8{right:66.66666667% }.col-sm-pull-7{right:58.33333333% }.col-sm-pull-6{right:50% }.col-sm-pull-5{right:41.66666667% } .col-sm-pull-4{right:33.33333333% }.col-sm-pull-3{right:25% }.col-sm-pull-2{right:16.66666667% }.col-sm-pull-1{right:8.33333333% } .col-sm-pull-0{right:auto }.col-sm-push-12{left:100% }.col-sm-push-11{left:91.66666667% }.col-sm-push-10{left:83.33333333% } .col-sm-push-9{left:75% }.col-sm-push-8{left:66.66666667% }.col-sm-push-7{left:58.33333333% }.col-sm-push-6{left:50% } .col-sm-push-5{left:41.66666667% }.col-sm-push-4{left:33.33333333% }.col-sm-push-3{left:25% }.col-sm-push-2{left:16.66666667% } .col-sm-push-1{left:8.33333333% }.col-sm-push-0{left:auto }.col-sm-offset-12{margin-left:100% }.col-sm-offset-11{margin-left:91.66666667% } .col-sm-offset-10{margin-left:83.33333333% }.col-sm-offset-9{margin-left:75% }.col-sm-offset-8{margin-left:66.66666667% } .col-sm-offset-7{margin-left:58.33333333% }.col-sm-offset-6{margin-left:50% }.col-sm-offset-5{margin-left:41.66666667% } .col-sm-offset-4{margin-left:33.33333333% }.col-sm-offset-3{margin-left:25% }.col-sm-offset-2{margin-left:16.66666667% } .col-sm-offset-1{margin-left:8.33333333% }.col-sm-offset-0{margin-left:0 } } @media (min-width:992px){.col-md-1,.col-md-10,.col-md-11, .col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left }.col-md-12{width:100% } .col-md-11{width:91.66666667% }.col-md-10{width:83.33333333% }.col-md-9{width:75% }.col-md-8{width:66.66666667% } .col-md-7{width:58.33333333% }.col-md-6{width:50% }.col-md-5{width:41.66666667% }.col-md-4{width:33.33333333% } .col-md-3{width:25% }.col-md-2{width:16.66666667% }.col-md-1{width:8.33333333% }.col-md-pull-12{right:100% } .col-md-pull-11{right:91.66666667% }.col-md-pull-10{right:83.33333333% }.col-md-pull-9{right:75% }.col-md-pull-8{right:66.66666667% } .col-md-pull-7{right:58.33333333% }.col-md-pull-6{right:50% }.col-md-pull-5{right:41.66666667% }.col-md-pull-4{right:33.33333333% } .col-md-pull-3{right:25% }.col-md-pull-2{right:16.66666667% }.col-md-pull-1{right:8.33333333% }.col-md-pull-0{right:auto } .col-md-push-12{left:100% }.col-md-push-11{left:91.66666667% }.col-md-push-10{left:83.33333333% }.col-md-push-9{left:75% } .col-md-push-8{left:66.66666667% }.col-md-push-7{left:58.33333333% }.col-md-push-6{left:50% }.col-md-push-5{left:41.66666667% } .col-md-push-4{left:33.33333333% }.col-md-push-3{left:25% }.col-md-push-2{left:16.66666667% }.col-md-push-1{left:8.33333333% } .col-md-push-0{left:auto }.col-md-offset-12{margin-left:100% }.col-md-offset-11{margin-left:91.66666667% } .col-md-offset-10{margin-left:83.33333333% }.col-md-offset-9{margin-left:75% }.col-md-offset-8{margin-left:66.66666667% } .col-md-offset-7{margin-left:58.33333333% }.col-md-offset-6{margin-left:50% }.col-md-offset-5{margin-left:41.66666667% } .col-md-offset-4{margin-left:33.33333333% }.col-md-offset-3{margin-left:25% }.col-md-offset-2{margin-left:16.66666667% } .col-md-offset-1{margin-left:8.33333333% }.col-md-offset-0{margin-left:0 } } @media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11, .col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left }.col-lg-12{width:100% } .col-lg-11{width:91.66666667% }.col-lg-10{width:83.33333333% }.col-lg-9{width:75% }.col-lg-8{width:66.66666667% } .col-lg-7{width:58.33333333% }.col-lg-6{width:50% }.col-lg-5{width:41.66666667% }.col-lg-4{width:33.33333333% }.col-lg-3{width:25% } .col-lg-2{width:16.66666667% }.col-lg-1{width:8.33333333% }.col-lg-pull-12{right:100% }.col-lg-pull-11{right:91.66666667% } .col-lg-pull-10{right:83.33333333% }.col-lg-pull-9{right:75% }.col-lg-pull-8{right:66.66666667% }.col-lg-pull-7{right:58.33333333% } .col-lg-pull-6{right:50% }.col-lg-pull-5{right:41.66666667% }.col-lg-pull-4{right:33.33333333% }.col-lg-pull-3{right:25% } .col-lg-pull-2{right:16.66666667% }.col-lg-pull-1{right:8.33333333% }.col-lg-pull-0{right:auto }.col-lg-push-12{left:100% } .col-lg-push-11{left:91.66666667% }.col-lg-push-10{left:83.33333333% }.col-lg-push-9{left:75% }.col-lg-push-8{left:66.66666667% } .col-lg-push-7{left:58.33333333% }.col-lg-push-6{left:50% }.col-lg-push-5{left:41.66666667% }.col-lg-push-4{left:33.33333333% } .col-lg-push-3{left:25% }.col-lg-push-2{left:16.66666667% }.col-lg-push-1{left:8.33333333% }.col-lg-push-0{left:auto } .col-lg-offset-12{margin-left:100% }.col-lg-offset-11{margin-left:91.66666667% }.col-lg-offset-10{margin-left:83.33333333% } .col-lg-offset-9{margin-left:75% }.col-lg-offset-8{margin-left:66.66666667% }.col-lg-offset-7{margin-left:58.33333333% } .col-lg-offset-6{margin-left:50% }.col-lg-offset-5{margin-left:41.66666667% }.col-lg-offset-4{margin-left:33.33333333% } .col-lg-offset-3{margin-left:25% }.col-lg-offset-2{margin-left:16.66666667% }.col-lg-offset-1{margin-left:8.33333333% } .col-lg-offset-0{margin-left:0 } } .table-responsive { min-height: .01%; overflow-x: auto; } .cal .table-responsive {overflow:visible; } @media screen and (max-width: 767px) { .embed-responsive {position: relative;display: block;height: 0;padding: 0; overflow: hidden; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute;top: 0;bottom: 0;left: 0;width: 100%;height: 100%;border: 0; } .embed-responsive-16by9 { padding-bottom: 56.25%; } .embed-responsive-4by3 { padding-bottom: 75%; } .table-responsive {width: 100%;margin-bottom: 15px;overflow-y: hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border: 0; } .table-responsive > .table { margin-bottom: 0; } .table-responsive > .table > thead > tr > th, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .table-responsive > .table-bordered { border: 0; } .table-responsive > .table-bordered > thead > tr > th:first-child, .table-responsive > .table-bordered > tbody > tr > th:first-child, .table-responsive > .table-bordered > tfoot > tr > th:first-child, .table-responsive > .table-bordered > thead > tr > td:first-child, .table-responsive > .table-bordered > tbody > tr > td:first-child, .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .table-responsive > .table-bordered > thead > tr > th:last-child, .table-responsive > .table-bordered > tbody > tr > th:last-child, .table-responsive > .table-bordered > tfoot > tr > th:last-child, .table-responsive > .table-bordered > thead > tr > td:last-child, .table-responsive > .table-bordered > tbody > tr > td:last-child, .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .table-responsive > .table-bordered > tbody > tr:last-child > th, .table-responsive > .table-bordered > tfoot > tr:last-child > th, .table-responsive > .table-bordered > tbody > tr:last-child > td, .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } #directory_filter_area .option_label, #directory_filter_area .actions { text-align:left; padding-right: 0px; box-sizing: border-box; } #directory_filter_area .col-xs-3.col-sm-3:first-child, #directory_filter_area .col-xs-9.col-sm-9:nth-child(2) { padding-bottom:8px; } div.directory_item .img_table { margin:0px; margin-bottom: 20px; text-align: left; } .directory_item .row.not-expanded { margin-top:10px; } } div[contenteditable=true], h2[contenteditable=true]{ border: 2px dashed red; box-sizing: border-box; } h2[contentEditable=true]:empty:not(:focus):before{ content:'Enter a Title'; color: #A9A9A9; } .edit-buttons-overlay{ position: fixed; top: 50px; left: -5px; text-align:left; padding:5px 15px 5px 12px; border-top-right-radius:20px; border-bottom-right-radius:20px; color:#70b2e1; font-weight:normal !important; background: white; border: 1px solid #888888; box-shadow: 5px 5px 5px #888888; border-left: 0; z-index:999; } .section_subcontent{ padding-right:10px; box-sizing:border-box; /*word-break:break-all;*/ } .section_subcontent.five_column_section { width:20%; } /* if the shul put 3 images in a row, then this CSS would make the last image look larger */ /*.content_body .section_subcontent:last-child{*/ /* padding-right:0px;*/ /*}*/ .content_body:after{ clear:both; display:table; content:''; } .edit-buttons-overlay .content_button{ width:100%; margin-right:2px; } .ui-state-default .ui-icon.ui-icon-fb{ background: url(/images/fb.png); } .ui-state-default .ui-icon.ui-icon-share{ background: url(/images/share.png); } form[action="/admin/cms.php"] .slide_row td img { max-width:100%; } @media screen and (max-width: 768px) { #mainnav{z-index: 20; } #maincontent .fck_widget_slider{overflow:hidden; } #maincontent .fck_widget_month_calendar_condensed table.calendar.calendar_main{ display:block; overflow-x:auto; } #maincontent .fck_widget_month_calendar_condensed table.calendar.calendar_main{ display:table; } #maincontent .fck_widget_events{padding-left:0; } #maincontent .fck_widget_events ul.upcomingEvents{padding-left:0; } .section_subcontent.col-md-2.five_column_section { width:100%; } } @media (min-width:768px) { #maincontent .template_condensed .directory_item .children { text-align: right; } } @media (max-width: 1024px) and (min-width: 768px) { #maincontent .fck_widget_month_calendar_condensed .month_calendar_condensed{ background:none; } #maincontent .fck_widget_month_calendar_condensed .calendar_condensed_section{ float:none; width:auto; } #maincontent .fck_widget_month_calendar_condensed .calendar_info{ float:none; width:auto; } } @media screen and (max-width: 570px) { #maincontent .fck_widget_month_calendar_condensed table.calendar td {max-height:30px; } #maincontent .fck_widget_month_calendar_condensed .month_calendar_condensed{ background:none; } #maincontent .fck_widget_month_calendar_condensed .calendar_condensed_section{ float:none; width:auto; } #maincontent .fck_widget_month_calendar_condensed .calendar_info{ float:none; width:auto; } #content #maincontent.cal{float:none;max-width:95%;margin:0 auto !important } #content #maincontent.cal .calendar_day_view h2{height:auto !important;background-color: rgba(0,0,0,0.7) !important;text-align: center;color:#fff;background-image:none; } .fck_widget_facebook .fb_iframe_widget {display:block !important; } .fck_widget_week_calendar table.week_calendar_table > tbody > tr > td{width:100% !important;display:block; } .fck_widget_week_calendar table.week_calendar_table .week_calendar_item, .fck_widget_week_calendar table.week_calendar_table .week_calendar_sedra_holiday{padding-top:0px;padding-bottom:5px;padding-left:10px; } .fck_widget_subscribe{ width:250px; } .fck_widget_subscribe #subscribe_email_box{ width:148px; } .edit-buttons-overlay, .move_content, .edit_content, .remove_content, .change_visibility, .add_link{ display:none !important; } .featured_article[content_display=content_desktop_only]{display:none } } #login_link_unverified_browser{ width:100%; background: #fde073; -webkit-box-shadow: 0 0 5px black; -moz-box-shadow: 0 0 5px black; box-shadow: 0 0 5px black; position:absolute; z-index:3000; color:#000000; } #login_link_unverified_browser #login_link_unverified_browser_header{ font-size:1.5em; padding: 5px 10px; } #login_link_unverified_browser #login_link_unverified_browser_body{ padding: 0 8px; } #login_link_unverified_browser #login_link_unverified_browser_body p{ padding-bottom:8px; } #login_link_unverified_browser #login_link_unverified_browser_close{ padding: 8px; } /*the sidebar doesnt float*/ #maincontent .event_widget_picture { float:left; margin-right:5px; max-width: 200px; } #maincontent .event_widget_picture img { max-width: 200px; } .sidebar_container .event_widget_desc, .sidebar_container .event_widget_moreinfo, #maincontent .event_widget_moreinfo, .fck_widget_events .event_widget_date_box, .fck_widget_events .event_widget_date_box_comma, .fck_widget_events .event_widget_date_box_year, .fck_widget_events .date_box_long_month, .fck_widget_events .event_widget_register_link, .fck_widget_event_slider .bx-pager { display: none; } .fck_widget_event_calendar_tags .event_tags_widget_date_box, .fck_widget_event_calendar_tags .event_tags_widget_date_box_long_day_of_week, .fck_widget_event_calendar_tags .event_tags_widget_date_box_comma, .fck_widget_event_calendar_tags .event_tags_widget_date_box_year, .fck_widget_event_calendar_tags .event_tags_widget_date_box_long_month { display: none; } .fck_widget_donation_dropdown .donation_dropdown_wrapper { width: 600px; max-width:100%; position:relative; } .fck_widget_donation_dropdown .donation_dropdown_wrapper .donation_dropdown_autosuggest { width: 100%; padding: 10px; border-radius: 5px; box-sizing: border-box; } .fck_widget_donation_dropdown .donation_dropdown_wrapper span.search_icon { width: 20px; position: absolute; right: 0px; top: 22px; } #maincontent.default UL.upcomingEvents LI { padding-left: 0px; list-style-type: none; clear: both; } #content .torah_portion_text, #footer .torah_portion_text { display:none; } .pfbc-form textarea, .pfbc-form input[type="text"], .pfbc-form input[type="password"], .pfbc-form input[type="datetime"], .pfbc-form input[type="datetime-local"], .pfbc-form input[type="date"], .pfbc-form input[type="month"], .pfbc-form input[type="time"], .pfbc-form input[type="week"], .pfbc-form input[type="number"], .pfbc-form input[type="email"], .pfbc-form input[type="url"], .pfbc-form input[type="search"], .pfbc-form input[type="tel"], .pfbc-form input[type="color"], div.featured_article .pfbc-form select, .pfbc-form .uneditable-input{ margin:0px } .repeater_row{ margin-top: 15px; } .red_ui_button.ui-state-default .ui-icon { background-image: url(/css/images/ui-icons_ff6e70_256x240.png); margin-left:-1px; } .red_ui_button.ui-state-default, .ui-widget-content .red_ui_button.ui-state-default, .ui-widget-header .red_ui_button.ui-state-default { border-color:#ff6e70; background-image:url(/css/images/ui-bg_highlight-soft_60_ffe1e2_1x100.png); } .repeater_jqueryui_action_button { width: 28px; height:28px; float: left; margin: 0 5px 5px 0; cursor:pointer; } .repeater_add_field.ui-state-default .ui-icon, .repeater_remove_row.ui-state-default .ui-icon { background-size: contain; background-position: center center; width:18px; height:18px; margin:0px auto; margin-top: 4px; } .repeater_add_field.ui-state-default .ui-icon { background-image: url(images/plus-icon-large.png); } .repeater_remove_row.ui-state-default .ui-icon { background-image: url(images/cancel-icon-large.png); } .repeater_add_field{ margin-top: 8px; } .repeater_row_inner_area{ margin-left:6px; float:left; } .widget_date_block_outer{display:none } /* latin-ext */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: local('Lato Regular'), local('Lato-Regular'), url(https://fonts.gstatic.com/s/lato/v13/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } .fck_widget_kosher_recipes { font-family: Lato,sans-serif; font-weight: normal; text-transform: uppercase; background-color: #fff; padding-left: 30px; padding-right: 10px; } .fck_widget_kosher_recipes .row { display: block; clear: both; height: auto; margin-bottom: 30px; } .fck_widget_kosher_recipes .pic { width: 300px; margin-right: 34px; clear: both; height: auto; } .fck_widget_kosher_recipes .pic IMG { width: 300px; height: 172px; clip: rect(0px,300px,172px,0px); } .fck_widget_kosher_recipes .title { display: block; color: #353535; font-size: 26px; margin-bottom: 2px; } .fck_widget_kosher_recipes .category { display: block; color: #f75543; font-size: 14px; margin-bottom: 2px; } .fck_widget_kosher_recipes .author { display: block; font-size: 12px; color: #353535; } .fck_widget_kosher_recipes .recipiesday { display: block; width: 100%; height: 100px; background: url(https://www.joyofkosher.com/.image/MTQwNDIyMzgwNTYzNjA0OTc2/viewpropertiesbypath-recipes-components-2-header-image.svg) no-repeat; } .fck_widget_kosher_recipes .footer { font-size: 13px; text-transform: none; color: #f75543; } .fck_widget_kosher_recipes .joklogo { display: inline-block; width: 150px; height: 35px; background: url(https://www.joyofkosher.com/.image/MTM3OTY5OTcxMTQ4ODkyMDEx/jok_logosvg.svg) no-repeat; background-size: fit; vertical-align:middle; } #maincontent.full_width .fck_widget_kosher_recipes .pic { float: left; clear: none; } #maincontent.full_width .fck_widget_kosher_recipes .row { height: 172px; } #maincontent.full_width .fck_widget_kosher_recipes .category { margin-bottom: 28px; } #maincontent.full_width .fck_widget_kosher_recipes .title { margin-bottom: 25px; } #header_conference_soon { background: #fff url(/pics/sc-cloud-120.png) no-repeat 5px; background-size:contain; padding-left: 45px; padding-right: 5px; color: #515151; border-radius: 15px; } #header_conference_soon:hover { background-color: #999; } #header_conference_soon a { color: #515151 !important; font-weight: bold; } @media screen and (max-width: 760px){ #header_conference_soon { display: none; } } #header_important { background: #ffcccc url(/pics/sc-cloud-120.png) no-repeat 5px; background-size:contain; padding: 5px; padding-left: 45px; color: #515151; text-align: center; } #header_important .details { display: none; } #header_important:hover { background: #ffeeee; } #header_important:hover .details { display: block; padding: 10px; } #header_important a { color: #515151 !important; font-weight: bold; } #header_important.forceopen .details { display: block; padding: 10px; } #header_important.requireclick:hover .details { display: none; } @media screen and (max-width: 760px){ #header_important { display: none; } } @media screen and (max-width: 600px){ #maincontent.full_width .fck_widget_kosher_recipes .pic { float: none; clear: both; height: auto; } #maincontent.full_width .fck_widget_kosher_recipes .row { height: auto; } #maincontent.full_width .fck_widget_kosher_recipes .title, #maincontent.full_width .fck_widget_kosher_recipes .category { margin-bottom: 2px; } .fck_widget_kosher_recipes .joklogo { } #maincontent.full_width .fck_widget_kosher_recipes .recipiesday { position: relative; left: 0px; height: 50px; background-size: cover; } } @media (max-width:400px) { #directory_filter_area .ui-multiselect, #directory_filter_area input[name="query"] { width:100px!important; } } .breadcrumbsection { display: none; } #maincontent .slipprySlider ul{ list-style: none; padding: 0; } #maincontent .slipprySlider ul li, #content .header_slider .slipprySlider ul li{ padding:0; list-style: none; } #maincontent .slipprySlider .sy-pager, #content .header_slider .slipprySlider .sy-pager{ z-index:33; margin-top:-25px; position:relative; height:25px; } .slipprySlider .slider_title { display:block; font-weight:bold; margin-bottom:3px; } .slipprySlider .slider_link, .slipprySlider .slider_link{ display:block; } /*force bdi to render in ie/edge */ bdi { unicode-bidi: embed; direction:unset; } .awaymsg { color: red !important; font-style: italic; } .awaymsg A { color: red !important; text-decoration: underline; } .announce_icons{ position: relative !important; /*some templates are breaking this*/ } .add_item{ font-size:.8em; display:none; padding-top:10px; } #announcement_table tr td{padding:8px } #maincontent.cal #filterFrm{margin-bottom:20px; } table.calendar.calendar_header_date{margin-bottom:0 } table.calendar_header_date .right_arrow{text-align:right } .calendar_table .date_area .relative_date_display{width:100px; } /** dropzone custom css */ .dropzone { min-width: 200px; } .is-compact.dropzone { min-height: auto !important; } .is-compact .dz-message { margin: 0 !important; } .dropzone .dz-preview { margin: 4px !important; } .dropzone .dz-image { height: 100px !important; } .dropzone .dz-details { padding: 12px 5px !important; } .dropzone .dz-size { display: none; } .dropzone .dz-filename { margin-bottom: 10px; white-space: normal !important; } .delete-button, .private_download_link { cursor: pointer !important; } .delete-button:hover { text-decoration: underline !important; } form label.control-label.multiplierprev { font-weight: bold; } .multipliertext { font-weight: normal; text-decoration: underline; cursor: pointer; } .error-field > label { color: red; font-weight: bold; } .my_account_statement_view table.transactions tr td{padding: 6px; } .input-group{ display: table; border-collapse: collapse; width:100%; } .input-group > div{ display: table-cell; border: 1px solid #ddd; vertical-align: middle; /* needed for Safari */ } .input-group-icon{ background:#eee; color: #777; padding: 0 12px } div.input-group-area{ width:100%; padding-right:6px; margin-right:-6px; } .input-group input[type=text]{ /* border: 0; */ display: block; width: 100%; padding:3px 0px 3px 6px; } .input-group-icon input[type=checkbox]{ } .input-group-icon label{ padding-right:15px; } .input-group-icon .row{ padding:0; margin-bottom:-1px; } /*EVENT CALENDAR TAG WIDGET*/ #maincontent .event_calendar_tags_tabs > input, #maincontent .event_calendar_tags_tabs section > div, #sidebar_right .event_calendar_tags_tabs > input, #sidebar_right .event_calendar_tags_tabs section > div { display: none; } #maincontent .event_calendar_tags_tabs, #sidebar_right .event_calendar_tags_tabs { width: 100%; margin: 0 auto; } #sidebar_right .event_calendar_tags_tabs ul, #maincontent .event_calendar_tags_tabs ul { list-style: none; margin: 0; padding: 0; } #content #maincontent .event_calendar_tags_tabs ul li, #content #sidebar_right .event_calendar_tags_tabs ul li { list-style-type: none; } #maincontent .event_calendar_tags_tabs ul li , #sidebar_right .event_calendar_tags_tabs ul li { margin: 0; padding: 0; } #maincontent .event_calendar_tags_tabs li label, #sidebar_right .event_calendar_tags_tabs li label { font-family: "Raleway"; float: left; padding: 15px 25px; border: 1px solid #ddd; border-bottom: 0; background: #eeeeee; color: #444; } #sidebar_right .event_calendar_tags_tabs li label { width:100%; } #maincontent .event_calendar_tags_tabs li label:hover, #sidebar_right .event_calendar_tags_tabs li label:hover { background: #dddddd; } #maincontent .event_calendar_tags_tabs li label:active, #sidebar_right .event_calendar_tags_tabs li label:active { background: #ffffff; } #maincontent .event_calendar_tags_tabs li:not(:last-child) label { border-right-width: 0; } #maincontent .event_calendar_tags_tabs section, #sidebar_right .event_calendar_tags_tabs section { clear: both; } #maincontent .event_calendar_tags_tabs section > div, #sidebar_right .event_calendar_tags_tabs section > div { padding: 20px; box-sizing: border-box; width: 100%; border: 1px solid #ddd; background: #fff; line-height: 1.5em; letter-spacing: 0.3px; color: #444; } #maincontent .event_calendar_tags_tabs .event_calendar_tag_widget_picture { max-width: 260px; } #maincontent .event_calendar_tags_tabs .event_calendar_tag_widget_desc, #sidebar_right .event_calendar_tags_tabs .event_calendar_tag_widget_desc { display: block; } #maincontent .event_calendar_tags_tabs .event_calendar_tag_widget_more_info, #sidebar_right .event_calendar_tags_tabs .event_calendar_tag_widget_more_info { display:none; } /* used specifically in form_payments for the date/time validation*/ .bad-form-value{ color:red !important; } /* This class is used for the profile pic in the directory. */ div.directory_image { background-size: contain; background-repeat: no-repeat; background-position: center; width: 95%; height: 95%; max-width: 120px; object-fit: cover; overflow: hidden; max-height: 120px; margin-top: 20px; } div.directory_image:not(.directory_image_placeholder){ cursor: pointer; } /*========== MODAL START ==========*/ .modal { display: none; /* Hidden by default */ position: fixed; /* Stay in place */ z-index: 1; /* Sit on top */ padding-top: 100px; /* Location of the box */ left: 0; top: 0; width: 100%; /* Full width */ height: 100%; /* Full height */ overflow: auto; /* Enable scroll if needed */ background-color: rgb(0,0,0); /* Fallback color */ background-color: rgba(0,0,0,0.9); /* Black w/ opacity */ } /* Modal Content (image) */ .modal-content { margin: auto; display: block; width: 80%; max-width: 700px; } /* Caption of Modal Image */ #caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; } /* Add Animation */ .modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; } @-webkit-keyframes zoom { from {-webkit-transform:scale(0) } to {-webkit-transform:scale(1) } } @keyframes zoom { from {transform:scale(0) } to {transform:scale(1) } } /* The Close Button */ .close { position: absolute; top: 15px; right: 35px; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; } .close:hover, .close:focus { color: #bbb; text-decoration: none; cursor: pointer; } /* 100% Image Width on Smaller Screens */ @media only screen and (max-width: 700px){ .modal-content { width: 100%; } } /*========== MODAL END ==========*/ .pfbc-form select.seat_request_row_location_id, .pfbc-form select.seat_request_row_person_name, .pfbc-form select.seat_request_row_when { width: 150px; } /* Styling stub for youtube playlists in SC */ /* Please add the class .youtube-playlist to the surrounding

tag */ .youtube-playlist { position: relative; } .youtube-playlist::before { content: ''; position: absolute; background: transparent; pointer-events: none; border: 7px solid red; width: 72px; height: 66px; top: 0; left: 727px; z-index: 1; border-radius: 10px; } .youtube-playlist::after { position: absolute; content: '<-- Click here to view the playlist'; color: red; margin-left: 8px; font-weight: 700; } .gsm-error { position:relative; } .gsm-error>textarea#body { background: red !important; color: white !important; font-weight: 700; } .gsm-error::after{ content: attr(gsm-error); font-size: 16px; position: absolute; bottom: -22px; left: 0; color: black; background: yellow; font-weight: bolder; padding: 3px; } /** * Tooltip Styles */ /* Base styles for the element that has a tooltip */ [data-tooltip], .tooltip { position: relative; cursor: pointer; text-align: left; padding-left: 3px; text-rendering: geometricprecision; /* text-decoration-line: underline; */ border-bottom: 1px dotted black; } /* Base styles for the entire tooltip */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after { position: absolute; text-decoration: none; visibility: hidden; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; -webkit-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -moz-transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out, transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24); -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); pointer-events: none; } /* Show the entire tooltip on hover and focus */ [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after { visibility: visible; border-bottom: none; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } /* Base styles for the tooltip's directional arrow */ .tooltip:before, [data-tooltip]:before { z-index: 1001; border: 6px solid transparent; background: transparent; content: ""; } /* Base styles for the tooltip's content area */ .tooltip:after, [data-tooltip]:after { z-index: 1000; padding: 8px; width: 160px; background-color: #000; background-color: hsla(0, 0%, 20%, 0.9); color: #fff; content: attr(data-tooltip); font-size: 14px; line-height: 1.2; } /* Directions */ /* Top (default) */ [data-tooltip]:before, [data-tooltip]:after, .tooltip:before, .tooltip:after, .tooltip-top:before, .tooltip-top:after { bottom: 100%; left: 50%; } [data-tooltip]:before, .tooltip:before, .tooltip-top:before { margin-left: -6px; margin-bottom: -12px; border-top-color: #000; border-top-color: hsla(0, 0%, 20%, 0.9); } /* Horizontally align top/bottom tooltips */ [data-tooltip]:after, .tooltip:after, .tooltip-top:after { margin-left: -80px; } [data-tooltip]:hover:before, [data-tooltip]:hover:after, [data-tooltip]:focus:before, [data-tooltip]:focus:after, .tooltip:hover:before, .tooltip:hover:after, .tooltip:focus:before, .tooltip:focus:after, .tooltip-top:hover:before, .tooltip-top:hover:after, .tooltip-top:focus:before, .tooltip-top:focus:after { -webkit-transform: translateY(-12px); -moz-transform: translateY(-12px); transform: translateY(-12px); } /* Left */ .tooltip-left:before, .tooltip-left:after { right: 100%; bottom: 50%; left: auto; text-decoration: none; } .tooltip-left:before { margin-left: 0; margin-right: -12px; margin-bottom: 0; border-top-color: transparent; border-left-color: #000; border-left-color: hsla(0, 0%, 20%, 0.9); } .tooltip-left:hover:before, .tooltip-left:hover:after, .tooltip-left:focus:before, .tooltip-left:focus:after { -webkit-transform: translateX(-12px); -moz-transform: translateX(-12px); transform: translateX(-12px); } /* Bottom */ .tooltip-bottom:before, .tooltip-bottom:after { top: 100%; bottom: auto; left: 50%; } .tooltip-bottom:before { margin-top: -12px; margin-bottom: 0; border-top-color: transparent; border-bottom-color: #000; border-bottom-color: hsla(0, 0%, 20%, 0.9); } .tooltip-bottom:hover:before, .tooltip-bottom:hover:after, .tooltip-bottom:focus:before, .tooltip-bottom:focus:after { -webkit-transform: translateY(12px); -moz-transform: translateY(12px); transform: translateY(12px); } /* Right */ .tooltip-right:before, .tooltip-right:after { bottom: 50%; left: 100%; } .tooltip-right:before { margin-bottom: 0; margin-left: -12px; border-top-color: transparent; border-right-color: #000; border-right-color: hsla(0, 0%, 20%, 0.9); } .tooltip-right:hover:before, .tooltip-right:hover:after, .tooltip-right:focus:before, .tooltip-right:focus:after { -webkit-transform: translateX(12px); -moz-transform: translateX(12px); transform: translateX(12px); } /* Move directional arrows down a bit for left/right tooltips */ .tooltip-left:before, .tooltip-right:before { top: 3px; } /* Vertically center tooltip content for left/right tooltips */ .tooltip-left:after, .tooltip-right:after { margin-left: 0; margin-bottom: -16px; } #bar-spinner-container { position: absolute; top: 50vh; left: 50%; transform: translate(-50%, -50%); z-index: 50; padding: 1.3rem; background-color: white; border: 1px solid #ddd; border-radius: 15px; } #bar-spinner-overlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); backdrop-filter: blur(3px); z-index: 21; }