/* 960 Grid System http://960.gs/ 2009-12-20 */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse; border-spacing: 0; } /* Basic HTML ------------------------------*/ body { line-height: 1; font: 13px/1.6 'Helvetica Neue', Helvetica, Arial, sans-serif; background: #fff url(/images/bg.png) repeat-x; text-rendering: optimizeLegibility; color: #2c2c2c; } a:link { color: #084777; text-decoration: none; margin-bottom: 1px; } a:hover, a:visited, a:active { color: #072c44; text-decoration: none; margin-bottom: 1px; } a:hover { color: #000; border-bottom: 1px solid #ddd; margin-bottom: 0; } a:focus { outline: 1px dotted; } hr { border: 0 #ddd solid; border-top-width: 1px; clear: both; height: 0; } /* Headings ------------------------------*/ h1 { font-size: 23px; font-weight: normal; } h2 { font-size: 21px; font-weight: normal; font-family: Cambria, Georgia, serif; } h3 { font-size: 19px; font-weight: normal; font-family: Cambria, Georgia, serif; } h4 { font-size: 17px; font-weight: normal; } h5 { font-size: 15px; font-weight: normal; } h6 { font-size: 13px; font-weight: normal; } /* Spacing ------------------------------*/ ol { list-style: decimal; } ul { list-style: disc; } li { margin-left: 30px; } ol.lower-alpha { list-style-type: lower-alpha; } ol.upper-alpha { list-style-type: upper-alpha; } ol.lower-roman { list-style-type: lower-roman; } ol.upper-roman { list-style-type: upper-roman; } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset { margin-bottom: 20px; } /* Containers ------------------------------*/ .container_12 { margin-left: auto; margin-right: auto; width: 960px; } /* Grid >> Global ------------------------------*/ .grid, .grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12, .grid_13, .grid_14, .grid_15, .grid_16 { display: inline; float: left; margin-right: 4%; } .grid_right_1, .grid_right_2, .grid_right_3, .grid_right_4, .grid_right_5, .grid_right_6, .grid_right_7, .grid_right_8, .grid_right_9, .grid_right_10, .grid_right_11, .grid_right_12, .grid_right_13, .grid_right_14, .grid_right_15, .grid_right_16 { display: inline; float: left; margin-left: 4%; } .grid_full_1, .grid_full_2, .grid_full_3, .grid_full_4, .grid_full_5, .grid_full_6, .grid_full_7, .grid_full_8, .grid_full_9, .grid_full_10, .grid_full_11, .grid_full_12, .grid_full_13, .grid_full_14, .grid_full_15, .grid_full_16, .grid_full_third_end, .grid_full_third_middle { display: inline; float: left; } /* Grid >> 16 Columns ------------------------------*/ .grid_1, .grid_right_1 { width: 2.25%; } .grid_2, .grid_right_2 { width: 8.5%; } .grid_3, .grid_right_3 { width: 14.75%; } .grid_4, .grid_right_4 { width: 21%; } .grid_5, .grid_right_5 { width: 27.25%; } .grid_6, .grid_right_6 { width: 33.5%; } .grid_7, .grid_right_7 { width: 39.75%; } .grid_8, .grid_right_8 { width: 46%; } .grid_9, .grid_right_9 { width: 52.25%; } .grid_10, .grid_right_10 { width: 58.5%; } .grid_11, .grid_right_11 { width: 64.75%; } .grid_12, .grid_right_12 { width: 71%; } .grid_13, .grid_right_13 { width: 77.25%; } .grid_14, .grid_right_14 { width: 83.5%; } .grid_15, .grid_right_15 { width: 89.75%; } .grid_16, .grid_right_16 { width: 96%; } .grid_full_third_end, .grid_full_third_middle { width: 31.33%; } .grid_full_third_middle { margin: 0 3%; } .grid_full_1 { width: 6.25%; } .grid_full_2 { width: 12.5%; } .grid_full_3 { width: 18.75%; } .grid_full_4 { width: 25%; } .grid_full_5 { width: 31.25%; } .grid_full_6 { width: 37.5%; } .grid_full_7 { width: 43.75%; } .grid_full_8 { width: 50%; } .grid_full_9 { width: 56.25%; } .grid_full_10 { width: 62.5%; } .grid_full_11 { width: 68.75%; } .grid_full_12 { width: 75%; } .grid_full_13 { width: 81.25%; } .grid_full_14 { width: 87.5%; } .grid_full_15 { width: 93.75%; } .grid_full_16 { width: 100%; } /* Prefix Extra Space >> 12 Columns ------------------------------*/ .prefix_1 { padding-left: 6.25%; } .prefix_2 { padding-left: 12.5%; } .prefix_3 { padding-left: 18.75%; } .prefix_4 { padding-left: 25%; } .prefix_5 { padding-left: 31.25%; } .prefix_6 { padding-left: 37.5%; } .prefix_7 { padding-left: 43.75%; } .prefix_8 { padding-left: 50%; } .prefix_9 { padding-left: 56.25%; } .prefix_10 { padding-left: 62.5%; } .prefix_11 { padding-left: 68.75%; } .prefix_12 { padding-left: 75%; } .prefix_13 { padding-left: 81.25%; } .prefix_14 { padding-left: 87.5%; } .prefix_15 { padding-left: 93.75%; } /* Suffix Extra Space >> 12 Columns ------------------------------*/ .suffix_1 { padding-right: 6.25%; } .suffix_2 { padding-right: 12.5%; } .suffix_3 { padding-right: 18.75%; } .suffix_4 { padding-right: 25%; } .suffix_5 { padding-right: 31.25%; } .suffix_6 { padding-right: 37.5%; } .suffix_7 { padding-right: 43.75%; } .suffix_8 { padding-right: 50%; } .suffix_9 { padding-right: 56.25%; } .suffix_10 { padding-right: 62.5%; } .suffix_11 { padding-right: 68.75%; } .suffix_12 { padding-right: 75%; } .suffix_13 { padding-right: 81.25%; } .suffix_14 { padding-right: 87.5%; } .suffix_15 { padding-right: 93.75%; } /* Clear Floated Elements ------------------------------*/ /* http: //sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http: //perishablepress.com/press/2009/12/06/new-clearfix-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } /* The following zoom: 1 rule is specifically for IE6 + IE7. Move to separate stylesheet if invalid CSS is a problem. */ * html .clearfix, *:first-child+html .clearfix { zoom: 1; } li.clear { margin: 0 !important; padding: 0 !important; width: 100% !important; float: none; height: 1px; clear: none; } .float_l, .img_l { float: left; } .img_l { margin-right: 12px; } .float_r, .img_r { float: right; } .img_r { margin-left: 12px; } .flashrt { float: right; padding: 0 0 15px 25px; width: 320px; } /** FORMS **/ input, textarea { background: #fff; border: 1px solid #ddd; margin: 0; padding: 5px; color: #2c2c2c; font: 1.1em 'Helvetica Neue', Helvetica, Arial, sans-serif; vertical-align: middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; display: inline-block; } .grid_16 input, .grid_full_16 input { width: 97%; overflow: hidden; } .grid_12 input, .grid_full_12 input, .grid_right_12 input { width: 95%; overflow: hidden; } .grid_8 input, .grid_full_8 input, .grid_right_8 input { width: 95%; overflow: hidden; } .grid_6 input, .grid_full_6 input, .grid_right_6 input { width: 93%; overflow: hidden; } .grid_4 input, .grid_full_4 input, .grid_right_4 input { width: 91%; overflow: hidden; } textarea { width: 98%; padding: .2em; } legend { font: 1.5em Cambria, Georgia, serif; border-bottom: 1px solid #ddd; display: block; width: 100%; color: #700; overflow: hidden; } legend span { float: left; } legend em { float: right; display: block; font-size: .7em; font-style: normal; } label { display: block; font-weight: bold; margin-top: 15px; font-size: 1em; line-height: 1.2em; padding-bottom: 2px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } label em { font-weight: normal; font-style: normal; display: inline-block; float: right; font-size: .8em; } input[type="checkbox"], input[type="radio"] { border: none; } input.radio, input.checkbox { width: auto; margin-right: 5px; } label.radio, label.checkbox { font-weight: normal; margin-top: 5px; } select { font: 1em 'Helvetica Neue', Helvetica, Arial, sans-serif; } select option { padding: 1px 5px; } input.checked { display: inline; width: auto; } .error { height: 17px; background-color: #f00; font-size: 11px; border: 1px solid #f00; color: #fff; margin: 0 0 2px; padding: 3px 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px #ddd; -webkit-box-shadow: 0 0 6px #ddd; font-weight: bold; z-index: 10001; } .error em { top: -8px; display: block; left: 8px; position: absolute; border-color: #f00 transparent; border-style: solid; border-width: 0 8px 8px 8px; height: 0px; width: 0px; } #address2, #shipping_address2 { margin-top: 5px; } #country_code, #shipping_country_code { width: 100%; } .required { color: #f00; } .placeholder { color: #2c2c2c; } .error { height: 17px; background-color: #f00; font-size: 11px; border: 1px solid #f00; color: #fff; margin: 0 0 2px; padding: 3px 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; -moz-box-shadow: 0 0 6px #ddd; -webkit-box-shadow: 0 0 6px #ddd; font-weight: bold; z-index: 10001; } .error em { top: -8px; display: block; left: 8px; position: absolute; border-color: #f00 transparent; border-style: solid; border-width: 0 8px 8px 8px; height: 0px; width: 0px; } .button { display: inline-block; outline: none; cursor: pointer; text-decoration: none; font: bold 12px/21px 'Helvetica Neue', Helvetica, Arial, sans-serif; padding: .4em 1em; text-shadow: 0 1px 1px rgba(0,0,0,.3); -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2); box-shadow: 0 1px 2px rgba(0,0,0,.2); color: #fff; border: solid 0px #043; background: #117f77; background: -webkit-gradient(linear, left top, left bottom, from(#117f77), to(#00554f)); background: -moz-linear-gradient(top, #117f77, #00554f); } .button:hover { text-decoration: none; background: #043; border-bottom: 0; } .button:active { position: relative; top: 1px; color: #fff; background: #043; } a.button { color: #fff; margin: 0; border-width: 0; } .warning { background: #700; background: -webkit-gradient(linear, left top, left bottom, from(#933), to(#700)); background: -moz-linear-gradient(top, #933, red); } .warning:hover { background: #700; } input.button, a.button { width: auto; padding: 2% 6%; } #form_errors { display: none; font-weight: bold; font-size: 1.1em; background: #f00; color: #fff; padding: 5px; text-align: center; margin: 30px 0 0 0; } #form_errors p { margin: 0; } /** HEADER **/ #header_wrapper { background: url(/images/bg_header.jpg) top center no-repeat; height: 133px; } #header #logo { padding: 27px 0 0 17px; margin: 0; height: 50px; } #header #logo a:hover { border-bottom: 0; } #header #printname { display: none; } /** LANGUAGES **/ .language { float: right; margin-top: -30px; width: 120px; margin-right: 2px; -moz-box-shadow: 0 0 1em #072c44; -webkit-box-shadow: 0 0 1em #072c44; box-shadow: 0 0 1em #072c44; } .language ul { list-style-type: none; padding: 0; margin: 0; } .language li { float: left; position: relative; z-index: 5002; margin: 0; } .language table { position: absolute; border-collapse: collapse; z-index: 5003; left: -1px; top: 25px; width: 0; height: 0; } .language a { display: block; width: 112px; height: 20px; padding: 4px 4px 1px 4px; color: #2c2c2c; text-decoration: none; font-family: Cambria, Georgia, serif; border-bottom: 1px solid #ddd; margin: 0; } .language a#selected { background: #ddd; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddd), to(#fff)); background: -moz-linear-gradient(0% 100% 90deg, #ddd, #fff); } .language img { display: block; float: left; margin: 2px 5px 2px 0; } .language img.float_r { float: right; } .language :hover { background: #ddd !important; } .language ul ul { visibility: hidden; position: absolute; width: 120px; height: 0; } .language ul li:hover ul, .language ul a:hover ul { visibility: visible; } .language ul ul a { background: #fff !important; border-top: 0; } #language_ie6 { display: none; } /** NAVIGATION **/ #nav_wrapper { height: 47px; position: relative; z-index: 5001; top: 9px; clear: both; } ul#nav { margin: 0; padding: 0; list-style: none; z-index: 5000; } ul#nav li.nav_item { float: left; margin: 0 2px 0 0; padding: 0; } ul#nav li.nav_item a.nav_link { margin: 0; padding: 0; display: block; height: 47px; padding: 0; font: 18px/47px Cambria, Georgia, serif; color: #fff; text-decoration: none; z-index: 101; text-align: center; } ul#nav li a.nav_link:visited { color: #fff; } ul#nav li.nav_item:hover, ul#nav li.nav_item a.nav_link:hover { position: relative; border-bottom: 0; } ul#nav li.nav_item a.nav_link:hover { position: relative; background: transparent url(/images/ie_bg_nav.png); background: rgba(7, 44, 71, 0.6) none; color: #ff3; } ul#nav li a#nav_salvation { width: 106px; } ul#nav li a#nav_miracles { width: 106px; } ul#nav li a#nav_prayer { width: 90px; } ul#nav li a#nav_read { width: 80px; } ul#nav li a#nav_missions { width: 106px; } ul#nav li a#nav_media { width: 90px; } ul#nav li a#nav_donate { width: 92px; } ul#nav li a#nav_church { width: 90px; } ul#nav li a#nav_store { width: 90px; } ul#nav li a#nav_college { width: 90px; margin: 0; } body#salvation ul#nav li a#nav_salvation, body#miracles ul#nav li a#nav_miracles, body#prayer ul#nav li a#nav_prayer, body#read ul#nav li a#nav_read, body#missions ul#nav li a#nav_missions, body#media ul#nav li a#nav_media, body#donate ul#nav li a#nav_donate, body#church ul#nav li a#nav_church, body#contact ul#nav li a#nav_contact, body#college ul#nav li a#nav_college, body.estore ul#nav li a#nav_store { background: transparent url(/images/ie_bg_nav.png); background: rgba(7, 44, 71, 0.6) none; color: #ff3; } ul#nav li.sub a.nav_link:hover, ul#nav li.sub:hover > a.nav_link { background: #fff !important; color: #072c44 !important; } ul#nav li div.dropdown { position: absolute; left: -9999px; top: 40px; padding: 0; z-index: 100; background: #fff; -moz-box-shadow: 0 .75em 1em -.2em #072c44; -webkit-box-shadow: 0 .75em 1em -.2em #072c44; box-shadow: 0 .75em 1em -.2em #072c44; } /* IE6 only */ #nav_wrapper table { border-collapse: collapse; margin: -1px -10px; font-size: 1em; width: 0; height: 0; } ul#nav :hover .dropdown { left: 0; } ul#nav a:hover .dropdown { left: -1px; top: 29px; } .dropdown ul { padding: 16px; margin: 0; list-style-type: none; } .dropdown ul li { margin: 0; line-height: 1.3; border-bottom: 1px solid #ddd; } .dropdown ul li:last-child { border-bottom: 0; } .dropdown ul li a { display: block; padding: 7px; margin: 0; } .dropdown ul li a:hover { background: #072c44; color: #fff; border-bottom: 0; } ul#nav #drop_read { width: 180px; overflow: hidden; } ul#nav #drop_missions { width: 180px; overflow: hidden; } ul#nav #drop_media { width: 180px; overflow: hidden; } ul#nav #drop_store { width: 180px; overflow: hidden; } ul#nav #drop_contact { width: 440px; overflow: hidden; } ul#nav #drop_college { width: 220px; overflow: hidden; } ul#nav a:hover #drop_read, ul#nav :hover #drop_read { } ul#nav a:hover #drop_missions, ul#nav :hover #drop_missions { } ul#nav a:hover #drop_media, ul#nav :hover #drop_media { } ul#nav a:hover #drop_store, ul#nav :hover #drop_store { } ul#nav a:hover #drop_college, ul#nav :hover #drop_college { left: -130px; } .bottomLine { clear: left; background: #ddd; padding: 5px 10px; } .bottomLine p { margin: 0; } #nav_wrapper table table { border-collapse: collapse; margin: -1px -10px 0 -10px; font-size: 1em; width: 0; height: 0; } ul.nav_secondary li { border: 0; } ul.nav_secondary li a { font-size: .85em; padding: 3px 7px; } ul.nav_secondary li a:hover { background: none; text-decoration: underline; color: #072c44; } ul.chinese_nav li.nav_item a.nav_link { padding: 0 30px !important; font-weight: bold !important; } #page { background: url(/images/bg_crowd.jpg) top center no-repeat; position: relative; } #wrapper { background: rgba(255,255,255,.95); } #wrapper_inside { background: transparent url(/images/bg_content_flip.png) no-repeat; padding: 30px 0 0 0; } #content { margin: 0 30px; display: inline; float: left; width: 586px; min-height: 400px; overflow: hidden; } h2.content_header { text-align: center; } h3.content_subheader { text-align: center; font-size: 2em; } #sidebar { font-family: Cambria, Georgia, serif; width: 254px; margin: 0; padding: 0 30px; display: inline; float: left; } #sidebar h3 { color: #700; margin: 0; font-size: 1.5em; } #sidebar ul { margin: 0 0 20px 0; list-style-type: none; padding: 0; } #sidebar ul li { margin: 0; padding: 0; } #sidebar ul li ul { margin: 0; } #sidebar ul li a { margin: 0 0 2px -10px; padding: 5px 10px; display: block; overflow: hidden; color: #2c2c2c; font-size: 1.1em; } #sidebar ul li a em { color: #084777; } #sidebar ul li a span { font: 1em/1.1 Cambria, Georgia, serif; } #sidebar ul li li a { margin-left: 10px; } #sidebar ul li li li a { margin-left: 30px; } #sidebar ul li li li li a { margin-left: 50px; } #sidebar ul li a:hover { background: transparent url(/images/ie_bg_sidebar.png); background: rgba(7, 44, 71, 0.15) none; text-decoration: none; margin-left: -30px; margin-right: -30px; padding-left: 30px; padding-right: 40px; border-bottom: 0; } #sidebar ul li li a:hover { padding-left: 50px; } #sidebar ul li li li a:hover { padding-left: 70px; } #sidebar ul li li li li a:hover { padding-left: 90px; } #sidebar ul li a.selected { background: rgb(7, 44, 71); color: #fff; margin-left: -30px; margin-right: -30px; padding-left: 30px; } #sidebar ul li li a.selected { padding-left: 50px; } #sidebar ul li li li a.selected { padding-left: 70px; } #sidebar ul li li li li a.selected { padding-left: 90px; } #sidebar #search { background: url(/images/bg_search.png) top center no-repeat; overflow: hidden; text-align: left; padding: 4px 24px 0 40px; height: 58px; margin: 0; } #sidebar #search .search_field { width: 200px; border: 0; padding: 3px 4px; font-size: 1.1em; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; -moz-border-radius: 0; webkit-border-radius: 0; border-radius: 0; } #footer { text-align: center; font-size: .9em; margin-top: 50px; background: url(/images/bg_footer.jpg) no-repeat; padding-top: 11px; } #footer .fadehover { position: relative; width: 376px; height: 167px; margin: 0 auto; text-decoration: none; } #college #footer .fadehover { width: 278px; height: 110px; } img.churcha { position: absolute; left: 0; top: 0; z-index: 10; } img.churchb { position: absolute; left: 0; top: 0; } #footer p#copyright { color: #084777; margin-bottom: 10px; } #footer p#copyright_college { color: #084777; font-size: .8em; margin-top: -10px; line-height: 1.2; } #footer #footer_links, #footer #footer_links a { color: #117f77; margin: 10px 0; } #footer #footer_links a { margin: 0 10px; } #admin_queries { text-align: right; } .contact { padding: 30px; } .contact h3 { margin: 0 0 5px 0; border-bottom: 1px solid #ddd; } .contact h5 { margin: 0; } .contact h6 { font-weight: bold; margin-bottom: 0; margin-top: 10px; } .contact p { margin: 0 0 0 0; line-height: 1.3; } .contact a.button { margin: 15px 0; } #salvation .prayer_video { color: #fff; cursor: pointer; display: block; height: 155px; margin-top: 20px; overflow: hidden; text-align: center; text-decoration: none; width: 160px; } /** PAGINATION **/ .pagination-links { clear: both; overflow: hidden; background: #117f77; margin: 30px 0; color: #fff; padding: 6px; } .pagination-links ul { margin: 0 auto; padding: 0; list-style-type: none; } .pagination-links li { float: left; margin: 0 4px 0 0; padding: 0; } .pagination-links li#li-open { } .pagination-links li#li-close { width: 11px; float: left; } .pagination-links ul a, .pagination-links strong { float: left; text-decoration: none; padding: 0 6px; display: block; border: 1px solid #00554f; line-height: 20px; } .pagination-links strong, .pagination-links a:hover, .pagination-links a#current { background: #00554f; } .pagination-links a:link, .pagination-links a:visited { color: #fff; } .total_items { line-height: 22px; text-align: center; } .order_by { text-align: right; } .order_by label { margin-top: 0; font-weight: normal; line-height: 22px; display: inline; } .order_by select { margin: 0; } /** SET PAGES WITH A LOT OF CONTENT TO CAMBRIA **/ #salvation #content, #miracles #content, #prayer #content, #missions #content, #about #content, #privacy #content, #terms #content { font-family: Cambria, Georgia, serif; font-size: 1.1em; } /** HOMEPAGE **/ #hmpg #wrapper_inside { background: url(/images/bg_content.png) no-repeat; } .hmpg_navi { height: 20px; list-style: none; margin: 0; padding: 8px 0 0 0; text-align: center; } .hmpg_navi li { display: inline; margin: 0; padding: 0; } .hmpg_navi a { width: 8px; height: 8px; margin: 3px; background: url(/images/navigator.png) 0 0 no-repeat; display: inline-block; font-size: 1px; } .hmpg_navi a:hover { background-position: 0 -8px; border-bottom: 0; } .hmpg_navi a.current { background-position: 0 -16px; position: relative; } .hmpg_slides { position: relative; overflow: hidden; width: 586px; height: 365px; } .hmpg_slides .item { display: none; position: absolute; top: 0; left: 0; width: 586px; } .banner-heading { position: relative; top: -137px; height: 85px; padding: 15px 20px 30px 20px; text-align: center; } .banner-heading h1, .banner-heading h2, .banner-heading h3, .banner-heading h4, .banner-heading h5, .banner-heading h6 { line-height: 1.2; color: #fff; margin: 0; text-shadow: 1px 1px 1px #072c44; font-family: Cambria, Georgia, serif; } .banner-heading h1 { font-size: 2.6em; } .banner-heading h2 { font-size: 2em; } .banner-heading h3 { font-size: 1.7em; } .banner-heading h4 { font-size: 1.5em; } .banner-heading h5 { font-size: 1.3em; } .banner-heading h6 { font-size: 1em; } #hmpg_updates { margin: 30px 30px 20px 30px; width: 278px; } #hmpg_promos { width: 278px; margin: 30px 10px 0 0; } #hmpg_explore { width: 275px; margin: 30px 0 0 39px; } #hmpg_updates h2, #hmpg_promos h2, #hmpg_explore h2 { font-size: 2em; color: #084777; margin: 0 0 20px 0; } #hmpg_updates h3, #hmpg_promos h3, #hmpg_explore h3 { font-size: 1.4em; color: #700; margin: 0 0 8px 0; } #hmpg_updates h4, #hmpg_promos h4, #hmpg_explore h4 { font: italic 1.1em Cambria, Georgia, serif; color: #700; margin: -8px 0 8px 0; } #hmpg_updates h3 a, #hmpg_promos h3 a, #hmpg_explore h3 a { color: #700; } #hmpg_updates p a, #hmpg_promos p a, #hmpg_explore p a { color: #2c2c2c; } /** PRAYER **/ #prayer #content .button { margin: 20px auto; } .for_prayer_request { text-align: right; font-size: .85em; } /** READ **/ #content h3.read_name { font-size: 2em; line-height: 1.3; color: #084777; margin: 0; } #content h4.read_subtitle { font: normal 1.3em Cambria, Georgia, serif; color: #084777; margin: 0 0 8px 0; } #content h4.read_date { font: normal 1.3em Cambria, Georgia, serif; color: #700; margin: 0 0 4px 0; } #content img.read_image { float: left; margin-right: 20px; } .read_more { font: italic 1.2em Cambria, Georgia, serif; display: inline-block; margin-right: 10px; position: relative; top: -5px; } .hr { background: url(/images/hr.png) no-repeat top center; height: 20px; clear: both; margin-bottom: 35px; } .grid_4 .hr, #sidebar .hr { background: url(/images/hr_4col.png) no-repeat top center; height: 20px; clear: both; margin-bottom: 20px; margin-top: -10px; } .copyright { color: #2c2c2c; font-size: 0.8em; } #article .copyright { font-size: .7em; } #content #article { font: 1.3em/1.6 Cambria, Georgia, serif; margin-top: 30px; } #content #article h3.read_name { font-size: 2em; color: #084777; margin: 0; } #content #article h4.read_subtitle { font: normal 1.3em Cambria, Georgia, serif; color: #084777; margin: 0; } #content #article h6.read_author { font: italic 1em Cambria, Georgia, serif; color: #084777; margin: 0 0 20px 0; } #content #article h4.read_date { font-style: italic; color: #700; margin: 0; } #read #callout { float: right; margin: 10px 0 20px 20px; font-family: Cambria, Georgia, serif; width: 215px; } #read #callout p { margin: 0 0 8px 0; } #read #callout p#testimonies_link { text-align: center; } #read #callout h4 { float: left; font-style: italic; color: #700; margin: 0; } #read #callout .order { float: right; } #article #literaturebottom { text-align: center; margin: 20px; font-size: 13px; } #article .scripture { color: #f00; } #article h2 { font-style: italic; font-size: 1.5em; margin: 10px 0px 3px 0px; padding: 0px; color: #700; } #article h3 { font-style: italic; margin-bottom: 10px; padding: 0px; } #article .prophecy { color: #00554f; font-weight: bold; } #article blockquote p { padding: 0px; } #testimonies .hr { margin: -10px 0 20px 0; } #testimony-overlay { background: #fff; padding: 10px 5px 20px 20px; } #submit_testimony { margin-top: 10px; } #bible #bible-nav .headers { display: block; font-size: 1.4em; margin-top: 30px; } #bible #bible-nav .groups { display: block; font-weight: bold; margin-top: 10px; } #bible #bible-nav .book { white-space: nowrap; } #bible #bible-nav a { display: inline-block; } #bible #bible-nav .separator { padding: 0 6px; color: #ddd; } #bible #bible-nav-additional a { display: block; } #bible #bible-chapter-nav { margin-top: -15px; text-align: center; } #bible .bible-previous { } #bible .bible-next { text-align: right; display: block; } #bible #article { margin-top: 0; } #bible #article p { margin-bottom: 14px; } #bible #article h2 { margin-top: 20px; } #bible .verse-location { display: inline-block; margin: 0 10px 0 0; } .red { color: #700; } #bible #read_table { width: 99%; } #bible #read_table td, #bible #read_table th { border: 1px solid #aaa; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: .8em; padding: 3px 5px; } #bible #read_table th { background: #072c44; color: #fff; } #read_table .spacer { border-left: 0; border-right: 0; } /** MISSIONS **/ #missions #wrapper_inside { background: none; } #missions #content { } #missions #missions_background { height: 646px; margin-top: -30px; overflow: hidden; } #missions #missions_slideshow { width: 756px; height: 379px; margin: 240px auto 0 auto; -moz-box-shadow: 0 0 2em .5em #fff; -webkit-box-shadow: 0 0 2em .5em #fff; box-shadow: 0 0 2em .5em #fff; position: relative; background: #fff url(/images/loading.gif) no-repeat 50% 50%; } #missions #missions_slideshow img { position: absolute; top: 0px; left: 0px; display: none; } .nivoSlider a.nivo-imageLink { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; z-index: 6; display: none; } .nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; } .nivo-box { display: block; position: absolute; z-index: 5; } .nivo-caption { position: absolute; left: 0px; bottom: 0px; background: #000; color: #fff; opacity: 0.8; width: 100%; z-index: 8; } .nivo-caption p { padding: 5px 10px; margin: 0; } .nivo-directionNav a { position: absolute; top: 45%; z-index: 9; cursor: pointer; display: block; width: 32px; height: 34px; background: url(/images/arrows.png) no-repeat; text-indent: -9999px; border: 0; } .nivo-prevNav { left: 10px; } .nivo-nextNav { background-position: -32px 0 !important; right: 10px; } #missions #content h3 { color: #700; margin: 0 0 12px 0; } #missions #content h5 { color: #700; margin: 0 0 12px 0; font-family: Cambria, Georgia, serif; } #missions #content h3.read_name { font-size: 2em; color: #084777; margin: 0; } #missions #content h6.read_author { font: italic 1em Cambria, Georgia, serif; color: #084777; margin: 0 0 20px 0; } #missions #missions_magazine { overflow: hidden; padding: 20px 0; } #missions #missions_magazine_image { float: right; width: 158px; } #missions #missions_magazine_image img { border: 10px solid #fff; display: inline-block; } #missions #missions_magazine_description { } #missions #missions_magazine_description h3#read_name { margin: 0; } #missions #missions_magazine_description p.read_date { margin: 0 0 10px 0; } #missions #player { width: 100%; height: 388px; display: block; } #missions #missions_playlist { } #missions #missions_playlist a { display: block; padding: 5px 15px; margin: 3px 0; } #missions #missions_playlist a:hover, #missions #missions_playlist a.playing { text-decoration: none; background: #ddd; } #missions #missions_playlist a span { display: block; font-weight: bold; } #missions .crusade { margin-bottom: 20px; } #missions .crusade p { margin: 0; } #missions_videos { margin-top: 7px; } #missions .jw_playlist_playlist { color: #333; } #missions .jw_playlist_item { margin: 8px 0; padding: 8px; } #missions .jw_playlist_item:hover { cursor: pointer; } #missions .jw_playlist_image { width: 75px; height: auto; } #missions .jw_playlist_image_div { border: 1px solid #000; padding: 0 5px; margin: 0 5px; float: left; background-color: white; } #missions .jw_playlist_title { text-align: left; font-size: 1.5em; line-height: 1.4; font-style: italic; font-weight: bold; display: block; } #missions .jw_playlist_title:hover { } #missions .jw_playlist_description { line-height: 1.2; display: block; } /** SERMONS **/ #audio_title_wrapper { border-bottom: 1px solid #ddd; padding-bottom: 12px; text-transform: uppercase; overflow: hidden; } #audio_title_wrapper .audio_now_playing { color: #700; width: 300px; float: left; font-size: 1.2em; margin: 0; font-weight: bold; } #audio_title_wrapper .audio_order_sermons { color: #117f77; width: 265px; float: left; padding-left: 15px; font-size: 1.2em; margin: 0; font-weight: bold; } #audio_content_wrapper { } #audio_content_wrapper .audio_now_playing { width: 300px; float: left; overflow: hidden; } .audio_now_playing a.player { display: block; text-align: center; color: #fff; text-decoration: none; cursor: pointer; overflow: hidden; width: 275px; height: 60px; } .audio_now_playing .playlist { position: relative; overflow: hidden; margin: 20px 0; padding: 1px; float: left; } .audio_now_playing .playlist a { text-decoration: none; width: 270px; color: #2c2c2c; display: block; background: url(/images/icn_more.png) no-repeat 0 2px; padding: 0 0 10px 26px; } .audio_now_playing .playlist a:hover { background-image: url(/images/icn_more_over.png); } .audio_now_playing .playlist a.playing, .audio_now_playing .playlist a.paused, .audio_now_playing .playlist a.progress { font-weight: bold; color: #2c2c2c; background-image: url(/images/icn_more_over.png); font-size: 14px; } #audio_content_wrapper .audio_order_sermons { width: 280px; float: right; overflow: hidden; } #audio_content_wrapper .audio_order_sermons ul { list-style-type: none; margin: 0; padding: 0; } #audio_content_wrapper .audio_order_sermons ul li { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; margin: 0; } #audio_content_wrapper .audio_order_sermons ul li a { padding: 15px 15px 15px 45px; display: block; background: url(/images/icn_cart.png) no-repeat 15px 15px; margin: 0; } #audio_content_wrapper .audio_order_sermons ul li a:hover { background-color: #efefef; text-decoration: none; border-bottom: 0; } #audio_content_wrapper .audio_order_sermons ul li a strong { color: #700; display: block; } #sermons #audio_sermons_player { margin-top: 7px; } #sermons .jw_playlist_playlist { color: #333; } #sermons .jw_playlist_item { margin-bottom: 3px; } #sermons .jw_playlist_item:hover { cursor: pointer; } #sermons .jw_playlist_image { width: 75px; height: auto; } #sermons .jw_playlist_image_div { border: 1px solid #000; padding: 0 5px; margin: 0 5px; float: left; background-color: white; } #sermons .jw_playlist_title { background: url(/images/icn_more.png) no-repeat 3px 6px; padding: 5px 0 5px 26px; } #sermons .jw_playlist_title:hover { background-image: url(/images/icn_more_over.png); } #sermons .jw_playlist_description { } .#sermons jw_playlist_playlist .playing { font-weight: bold; color: #000; } #sermons .jw_playlist_playlist .playing .jw_playlist_title { font-weight: bold; color: #000; background-image: url(/images/icn_more_over.png); } /** WATCH **/ #watch #eah_player { margin-top: 7px; } #watch .jw_playlist_playlist { color: #333; } #watch .jw_playlist_item { margin: 15px 0; } #watch .jw_playlist_item:hover { cursor: pointer; } #watch .jw_playlist_image { width: 75px; height: auto; } #watch .jw_playlist_image_div { border: 1px solid #000; padding: 0 5px; margin: 0 5px; float: left; background-color: white; } #watch .jw_playlist_title { text-align: left; font-size: 1.5em; line-height: 1.4; font-style: italic; font-weight: bold; display: block; } #watch .jw_playlist_title:hover { } #watch .jw_playlist_description { line-height: 1.2; display: block; } #watch .jw_playlist_playlist .even { background: none; } #watch .jw_playlist_playlist .odd { background: none; } #watch .jw_playlist_playlist .playing { } #watch .jw_playlist_playlist .playing .jw_playlist_title { } #watch .jw_playlist_item .air_date { font-size: 10px; font-weight: normal; font-style: normal; text-align: left; display: block; } #watch .jw_playlist_item .episode_music { font-size: 11px; line-height: 1.4; display: block; margin-top: 10px; } /** CHURCH **/ #church .slideshow { height: 300px; overflow: hidden; margin-top: 30px; } #church #content h2 { } #church #content h4 { margin: 0; } #church #content h3 { color: #700; margin-bottom: 0; } #church #content .church_contact { margin: -25px 0 20px 0; text-align: center; padding: 0; } #church #map { margin-top: 50px; } #church #special_services .hr { margin-bottom: 20px; } #church #special_services h3 { margin: 0; line-height: 1; } #church #special_services h4 { margin: 0; line-height: 1; } #church #special_services h5 { font-weight: bold; margin: 0 0 10px 0; } #church #special_services h6 { font-weight: bold; margin: 0; } #church #special_services p { margin: 0; } #church #map_canvas { width: 254px; height: 350px; } #church #youth_service { } #church #content #youth_service .church_contact { margin-bottom: 10px; } #church #youth_service h2 { margin: 0; line-height: 1.2; } #church #youth_service h3 { } /** DOWNLOADS **/ .download_one, .download_two, .download_three { float: left; width: 27%; padding: 2% 3%; text-align: center; overflow: hidden; } .download_one { clear: both; } .download_two { } .download_three { } .download_one p, .download_two p, .download_three p { margin: 0; } .iphone { width: 128px; height: 237px; margin: 20px auto 0 auto; } /** SEARCH **/ #search #content h3.read_name { font-size: 2em; color: #084777; margin: 0; } #search #content h4.read_subtitle { font: normal 1.3em Cambria, Georgia, serif; color: #084777; margin: 0; } #search #content .search_image { float: left; margin-right: 20px; } #search #content .hr { margin-bottom: 30px; } /** SITEMAP **/ #sitemap #content ul { margin: 0; } #sitemap #content ul li { font-weight: bold; font-size: 1.2em; margin-left: 20px; } #sitemap #content ul li li { font-weight: normal; font-size: 13px; } /** LOGIN **/ fieldset#login { } fieldset#login p { margin: 0; } fieldset#login input { margin-top: 8px; } fieldset#login p#login_other { font-size: .9em; margin-top: 18px; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } /** ESTORE **/ #store_categories { list-style-type: none; margin: 0; padding: 0; } #store_categories li { margin: 0 0 15px 0; padding: 0; float: left; width: 33%; text-align: left; } .breadcrumbs { margin: 0 0 35px 0; padding: 0 15px; clear: both; text-align: left; background: #ddd; height: 28px; border: 1px solid #aaa; border-radius: 5px; } .breadcrumbs li { margin: 0; padding: 0 20px 0 10px; line-height: 28px; background: url(/images/chevron.png) no-repeat center right; display: block; float: left; } .breadcrumbs li:first-child { padding-left: 0; } .breadcrumbs a { color: #117f77; } .breadcrumbs a:hover { color: #2c2c2c; text-decoration: underline; } .product_grid { list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #efefef; border-top: none; background: #fff} .product_grid li { width: 158px; float: left; margin: 0; padding: 25px 18px; text-align: center; overflow: hidden; border-top: 1px solid #efefef; } .product_grid li.pagination { width: 100%; clear: both; background: #117f77; padding: 8px 18px; color: #fff; } .product_grid .button { margin-top: 10px; } li.grid_one { clear: both; } li.grid_two { } li.grid_three { } .store_image:hover { border-bottom: 0; } .estore h3.product_name { font: bold 1em/1.2 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; } .estore h3.product_name .product_subtitle { font-size: .85em; display: block; } .product_grid h3.product_name { margin: 0; } .estore p.store_price { font-size: .9em; margin-top: 2px; } .product_grid p.store_price { text-align: center; margin: 5px 0 0 0; } p.store_price strong { font-size: 1.1em; } #product_images { } #product_images #additional_images { list-style-type: none; margin: 15px 0 0 0; padding: 0; width: 220px; } #product_images #additional_images li { margin: 0; padding: 0; float: left; width: 50%; } #product_images #additional_images li.addtional_right { text-align: right; } #product_images #additional_images li.addtional_left { clear: both; } #product_images #additional_images a:hover { border-bottom: 0; } #product_info { } #product_info h2, #product_info h3, .store_block h2 { line-height: 1.2; } #product_info h2 { font-size: 24px; margin: 0 0 10px 0; } #product_info h2 span { font-size: .7em; } #product_info h3#subtitle, #product_info h3#subsubtitle { font-size: 16px; margin: 0; } #product_info h5#author { margin: 15px 0 0 0; font-size: 12px; } #product_info #description { padding: 12px 0; } #product_tags { background: #ddd; margin-top: 15px; padding: 15px; clear: both; } #product_info #tiered_pricing { clear: both; font-size: .85em; list-style-type: none; margin: 25px 0 0 0; padding: 0; } #product_info #tiered_pricing li { margin: 0; } #product_info p#music_copyright { clear: both; color: #2c2c2c; font-size: 0.7em; } a.music-player { display: block; text-align: center; color: #fff; text-decoration: none; cursor: pointer; overflow: hidden; width: 275px; height: 60px; } .music-playlist { overflow: hidden; margin: 20px 0; padding: 1px; float: left; } .music-playlist a { text-decoration: none; width: 308px; color: #2c2c2c; display: block; background: url(/images/icn_more.png) no-repeat 0 2px; padding: 0 0 10px 26px; } .music-playlist a:hover { background-image: url(/images/icn_more_over.png); } .music-playlist a.playing, .music-playlist a.paused, .music-playlist a.progress { font-weight: bold; color: #2c2c2c; background-image: url(/images/icn_more_over.png); font-size: 14px; } .music-playlist a strong { font-weight: normal; display: block; font-size: .9em; color: #2c2c2c; } .music-playlist a span { font-size: .7em; color: #2c2c2c; display: block; } table#product_options { width: 100%; border: 1px solid #ddd; border-right: 0; background: #fff; } #product_options thead th, #product_options thead td { background: #ddd; } #product_options th, #product_options td { padding: 3px 8px; border: 1px solid #ddd; border-bottom: 0; border-left: 0; } #product_options th { font-size: .8em; text-transform: uppercase; } #product_option_name { width: 60%; } #product_option_price { width: 27%; text-align: center; } #product_options td p.store_price { text-align: center; margin: 0; } #product_option_qty { width: 13%; text-align: center; } #product_options input#quantity { padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } span.isdownload { display: none; } a.tooltip_link:hover { cursor: pointer; } a#ebook { display: inline-block; clear: both; float: right; cursor: pointer; margin-top: 5px; font-size: .9em; } a#ebook:hover { border-bottom: 0; } a#cvv2info { font-weight: normal; font-style: normal; display: inline-block; float: right; font-size: .8em; } .estore .tooltip { display: none; background: #072c44; background: rgba(8,73,121,.95); overflow: hidden; width: 310px; height: 240px; padding: 20px; color: #fff; border: 3px solid #fff; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; z-index: 10000; } .estore .tooltip .label { color: yellow; width: 35px; } .estore .tooltip h3 { margin: 0; } .estore .tooltip p, #ebook_tooltip ul { margin: 0; font-size: .9em; } #cvv2_tooltip { width: 300px; } h2.grid_heading { background: #ddd; margin: 80px 0 0 0; padding: 5px; font-size: 15px; } .product_related { list-style-type: none; margin: 0; padding: 0; border: 1px solid #ddd; border-top: none; overflow: hidden; clear: both; } .product_related li { float: left; margin: 0; padding: 3%; text-align: center; } .product_related li.related_4 { width: 19%; } .product_related li.related_3 { width: 27%; } .product_related li.related_2 { width: 27%; } .product_related li.related_1 { width: 27%; } .product_related li p { text-align: center; } .product_related li p.related_image { height: 115px; vertical-align: middle; margin-bottom: 10px; } .product_related li p.store_price { margin-bottom: 10px; } .product_related li h4 { font-weight: bold; text-align: center; font-size: 1em; line-height: 1.2; margin-bottom: 5px; } .product_related li h4 span.subtitle { font-size: .9em; display: block; } .product_related li h4 span.subsubtitle { font-size: .8em; display: block; } h2#donation_headline { font-size: 1.7em; } #donation_options { margin: 0; overflow: hidden; background: #efefef; padding: 15px; border: 1px solid #ddd; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } #donation_options select { width: 100%; } #donation_options label { clear: both; font-weight: bold; font-size: 1.1em; display: block; margin-top: 25px; } #donation_options #other_field #other { width: 96%; } #donation_options #sendme { } #donation_options #sendme label { margin-right: 25px; margin-top: 0; } #donation_options p.store_price { text-align: right; margin: 30px 0 0 0; } #donation_options p.store_price .button { padding: 2% 4%; } #donation_options p.store_price #price { width: 55px; margin-right: 15px; padding: 2%; } #tags { margin: 60px 0 0 0; clear: both; overflow: hidden; padding: 15px 30px; width: 900px; } #tags h2 { line-height: 1.2; font-size: 1.2em; } #tags a { display: inline-block; margin-right: 15px; } #tags_listing #tags { margin: 0; padding: 0; width: auto; } #sidebar #tags { margin: 0; clear: both; overflow: hidden; padding: 0; width: auto; } #sidebar #tags h2 { line-height: 1.2; font-size: 1.2em; color: #700; margin: 0; } #sidebar_cart { -moz-border-radius: 5px; background: #fff; margin: 0 0 30px 0; padding-bottom: 0; font-family: Arial, sans-serif; } #sidebar_cart h2 { -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; background: #117f77; overflow: hidden; padding: 5px 10px 5px 15px; margin-bottom: 0; } #sidebar_cart h2 a { color: #fff; float: left; font-size: .9em; text-decoration: none; } #sidebar_cart h2 a:hover { border-bottom: 0; } #sidebar_cart_inside { padding: 15px 15px 0 15px; font-size: 12px; border: 1px solid #ddd; border-top: none; -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; } #sidebar_cart_inside p { clear: both; margin-bottom: 12px; overflow: hidden; line-height: 1.3; font-size: 1em; } #button_checkout { display: block; text-align: center; -moz-border-radius: 0 0 4px 4px; -webkit-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px; background: #6c0; color: #fff; font-size: 1.3em; font-weight: bold; letter-spacing: 1px; padding: 4px 0; text-decoration: none; text-transform: uppercase; font-family: Arial; margin: 20px -15px 0 -15px; } #button_checkout:hover { background: #363; border-bottom: 0; } table#checkout { width: 100%; background: #fff; } #checkout thead { font-weight: bold; font-size: .9em; } #checkout thead td { padding: 4px 10px; background: #072c44; color: #fff; } .even, .row_even { background: #efefef; } .odd, .row_odd { } .row_total { background: #ddd; } #checkout td { border: 1px solid #aaa; padding: 10px; vertical-align: top; } .usd { font-variant: small-caps; } /** ACCOUNT **/ #account table, #orders table { margin-bottom: 40px; background: #fff; width: 100%; } #account table thead th, #orders table thead th, #account table thead td, #orders table thead td { background: #072c44; color: #fff; } #account table thead a, #orders table thead a { color: #fff; } #account table th, #orders table th { text-align: left; white-space: nowrap; } #account table th, #account table td, #orders table th, #orders table td { padding: 2px 12px; border: 1px solid #aaa; } #account table.totals, #orders table.totals { float: right; background: none; } #account table.totals th, #account table.totals td, #orders table.totals th, #orders table.totals td { border: 0; } #account table.totals th, #orders table.totals th { text-align: right; padding: 0 4px 6px 0; } #account table.totals td, #orders table.totals td { text-align: left; padding: 0 0 6px 4px; } .order_sku, .order_quantity, .order_amount { white-space: nowrap; } #terms_box { overflow: auto; height: 200px; border: 1px solid #ccc; padding: 10px; margin-top: 12px; font-size: .9em; } #sidebar h3.return_policy { font-size: 1.2em; } #sidebar ul.return_policy { font-size: .9em; } .table_headers { display: inline-block; float: left; } .sort_buttons { display: inline-block; float: right; } .table_date { white-space: nowrap; } .status { display: inline-block; padding: 3px 5px; text-align: center; font-size: .85em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } table .status { display: block; } .Completed { background: #6c0; } .Processing { background: yellow; } .Failed { background: red; color: #fff; } .Declined { background: red; color: #fff; } #already_purchased { display: block; padding: 3px 5px; text-align: center; background: #700; color: #fff; font-size: .9em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } #already_purchased a { color: #fff; } #already_purchased a:hover { text-decoration: underline; } #college #already_purchased { margin: 3px 0 0 0; } /** GATEWAY FIELDS **/ #gateway { } #gateway form { margin-top: 25px; } #gateway .hr { margin-bottom: 15px; } #gateway #status, #college #status { margin: 0 0 15px 0; height: 35px; background: #084777; padding-left: 0 0 0 25px; } #gateway #status li, #college #status li { list-style-type: none; float: left; color: #fff; padding: 0; margin: 0; display: block; line-height: 35px; width: 25%; text-align: center; } #college #status li { width: 20%; } #gateway #status li.active, #college #status li.active { background: #700; width: 25%; font-weight: bold; } #college #status li.active { width: 20%; } #gateway #status li a, #college #status li a { color: #fff; display: block; line-height: 35px; text-align: center; margin: 0; } #gateway #status li a:hover, #college #status li a:hover { color: #fff; text-decoration: underline; background: #933; } /** FOREIGN **/ .foreign #wrapper_inside { background: none; } .foreign #content { } .foreign #content h3 { color: #700; margin: 0; } .foreign #content .hr { margin-bottom: 25px; } .foreign .grid_right_6 { float: right; margin-bottom: 30px; } .foreign .grid_right_7 { float: right; margin-bottom: 30px; } .foreign .grid_3 h6 { font-weight: bold; } .foreign #content #foreign_sermons { } .foreign #content #foreign_testimonies { } .foreign #sidebar { font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; } .foreign #sidebar h3 { } .foreign #sidebar p small { font-size: .8em; display: block; } #japanese #content, #japanese #content h1, #japanese #content h2, #japanese #content h3, #japanese #content h4, #japanese #content h5, #japanese #content h6, #japanese #sidebar, #japanese #sidebar h1, #japanese #sidebar h2, #japanese #sidebar h3, #japanese #sidebar h4, #japanese #sidebar h5, #japanese #sidebar h6, #japanese #sidebar .button { font-family: "MS PMincho", "MS Mincho", 'Helvetica Neue', Helvetica, Arial, sans-serif; } #chinese #content, #chinese #content h1, #chinese #content h2, #chinese #content h3, #chinese #content h4, #chinese #content h5, #chinese #content h6, #chinese #sidebar, #chinese #sidebar h1, #chinese #sidebar h2, #chinese #sidebar h3, #chinese #sidebar h4, #chinese #sidebar h5, #chinese #sidebar h6, #chinese #sidebar .button { font-family: "PMingLiu", 'Helvetica Neue', Helvetica, Arial, sans-serif; } .foreign .new { font-size: .8em; } .foreign .literature_listing li { clear: both; padding: 3px; } .foreign .literature_listing .literature_downloads { display: inline-block; float: right; margin-left: 20px; } .foreign .literature_listing .literature_type img { position: relative; top: 3px; } .foreign .literature_listing .literature_type { display: inline-block; margin: 0 5px; } .foreign .literature_listing a.literature_type:hover { border: none; } #chinese .chinese_bible a { white-space: nowrap; } /** COLLEGE **/ #college #wrapper_inside { background: #fff url(/images/college/college_header.jpg) no-repeat; background-repeat: no-repeat !important; padding-top: 440px; } .college_subpage #wrapper_inside { background: #fff url(/images/college/college_sub_header.jpg) no-repeat !important; background-repeat: no-repeat !important; padding-top: 165px !important; } #college_content { background-image: none !important; background-color: #fff !important; } #college_content h4 { margin-bottom: 0; font-weight: bold; } a.video_link, a.video_link:active { } ul#college_nav { background: url(/images/college/bg_college_nav.png) repeat-x; list-style-type: none; text-align: center; display: block; overflow: hidden; height: 74px; padding-left: 20px; margin-top: -15px; margin-bottom: 50px; } #college_nav li { display: inline-block; margin: 0 2px 0 -6px; padding: 0 3px; background: url(/images/college/bg_college_nav_border.png) no-repeat top right; float: left; } #college_nav li a { display: block; text-align: center; padding: 0 41px; font: 1.2em/74px Cambria, Georgia, serif; } #college_nav li a.two-line { line-height: 20px; padding-top: 20px; height: 80px; display: inline-block; } #college_nav li a:hover { border-bottom: 0; background: url(/images/college/bg_college_nav_over.png) repeat-x; } #college_nav li #current { color: #117f77; background: url(/images/college/bg_college_nav_over.png) repeat-x; } .course { margin-bottom: 20px; overflow: hidden; } .course h3 { clear: both; margin-bottom: 0; } .course_description img { float: right; margin-left: 20px; margin-top: -21px; } .course .button { padding: 1% 3%; margin-top: 20px; } .coursepanes { } .coursepanes div { padding: 20px; } .coursepanes div h3 { margin: 0; color: #700; } #college .panes h3 { color: #072c44; } #college .panes h4 { margin-bottom: 0; font-weight: bold; } #courses_wrapper { margin: 60px 0 0 0; padding: 2%; border: 1px solid #aaa; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: url(/images/college/bg_courses.jpg) top center; min-height: 385px; } #courses_wrapper .grid_5 h2 { margin: 0; color: #072c44; } #courses_wrapper .grid_5 h3 { margin: 20px 0 0 0; color: #700; } #courses_wrapper ul#course_description li { margin-left: 20px; } #courses_tab { background: #fff url(/images/college/bg_courses_tab.jpg) bottom right; border: 1px solid #2c2c2c; min-height: 385px; } #courses_nav { list-style-type: none; margin: 0; padding: 0; background: #b9b9b9; overflow: hidden; } #courses_nav li { margin: 0; padding: 0; display: block; float: left; text-align: center; width: 20%; } #courses_nav li a { display: block; text-align: center; padding: 0; border-right: 1px solid #2c2c2c; border-bottom: 1px solid #2c2c2c; margin: 0; } #courses_nav li a:hover, #courses_nav li .current { background: #f6f6f6; border-bottom: 1px solid #f6f6f6; } #courses_nav li a.current:hover { } #college .hr { margin-bottom: 20px; } .college_slideshow a { display: none; } .college_slideshow a.slideshow_first { display: inline; } #college_photos h2 { margin: 0; color: #072c44; } #college_photos h4 { font-family: Cambria, Georgia, serif; margin: 0; } #devotional h1 { margin: 0; font-family: Cambria, Georgia, serif; } #devotional h2 { margin: 0; } #devotional h2 em { float: right; font-size: .5em; position: relative; top: 12px; } .college_subpage #category_10 { margin-top: 30px; } .college_subpage .course_selector { line-height: 60px; margin-bottom: 8px; clear: both; } .college_subpage .course_selector label { overflow: hidden; } .college_subpage input.item_options { float: left; width: 15px; margin: 25px 0 0 0; } .college_subpage .course_selector .course_banner { float: left; width: 360px; } #college .faq_subject { font-size: 1.2em; margin-top: 20px; } /** Enrollment Listing **/ table#enrolled, table.enrolled_country { width: 100%; } table#enrolled td { padding: 4px 6px; border: 1px solid #aaa; } table.enrolled_country td { padding: 2px 6px; border: 1px solid #aaa; } table#enrolled th, table.enrolled_country th { padding: 4px 6px; border: 1px solid #aaa; text-align: left; background: #072c44; color: #fff; line-height: 1.3; } table.enrolled_country th span { font-weight: normal; font-size: .9em; } .enroll_date { font-size: .8em; white-space: nowrap; } .enroll_quiz { line-height: 1; } td.enroll_course, td.enroll_state, td.enroll_country { white-space: nowrap; } #enrollment_sidebar { width: 31%; } .enrollment_guide { display: inline-block; margin: 0 10px 20px 0; padding: 4px 6px; border: 1px solid #aaa; } .course_completed { background: #cfc; } .unenrolled_user { background: #fcc; } .unenrolled_time { background: #ffc; } .failed_exam { background: #e33; } .christian_worker { background: #bbeef1; } table#enrolled thead tr .headerSortUp { background-image: url(/images/sort_alphabet_descending.png); background-repeat: no-repeat; background-position: center right; } table#enrolled thead tr .headerSortDown { background-image: url(/images/sort_alphabet.png); background-repeat: no-repeat; background-position: center right; } /** Tracker **/ body#tracker { background: #fff; margin: 20px; } #tracker #tracker_nav { list-style-type: none; margin: 0; padding: 0; } #tracker_nav li { margin: 0; padding: 0; float: right; display: inline-block; margin-left: 15px; line-height: 30px; } #tracker_nav a { display: block; } #tracker_nav a:hover { border-bottom: 0; } #tracker table { margin-bottom: 40px; background: #fff; width: 100%; } #tracker table thead th, #tracker table thead td, #tracker table th { background: #072c44; color: #fff; } #tracker table thead a { color: #fff; } #tracker table th { white-space: nowrap; text-align: left; } #tracker .tooltip { display: none; background-color: #ffa; border: 1px solid #cc9; padding: 3px; font-size: 13px; } #tracker .table_headers { display: block; float: none; line-height: 1.3; } #tracker table th, #tracker table td { padding: 4px 8px; border: 1px solid #aaa; vertical-align: top; } #tracker table ul { list-style-type: none; margin: 0; } #tracker table li { margin: 0; } #tracker table li.finished { margin: 10px 0 0 0; font-size: .9em; } #tracker table td.developer_submitted li.finished, #tracker table td.tech_finalized li.finished { margin: 0; } #tracker table td.tech_team_entered { padding-top: 20px; } #tracker table td.lesson_title, #tracker table td.developer_submitted, #tracker table td.tech_finalized { white-space: nowrap; } #tracker table td.submit_cell { padding: 0; width: 50px; } #tracker table td.submit_cell .button { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; width: 100%; height: 100%; position: static; margin: 0; padding: 0 3px; min-height: 20px; } #tracker table tr.lesson_finished td, #tracker table td.lesson_finished { background: #efefef !important; } #tracker table li.finished label { font-weight: bold; } #tracker table li label { font-weight: normal; margin: 0 0 5px 0; } .nowrap { white-space: nowrap; } #tracker .small_content { font-size: .85em; white-space: nowrap; background: #efefef; } #tracker .dropdown { width: 170px; float: right; } #tracker .dropdown ul { list-style-type: none; padding: 0; margin: 0; background: #fff; } #tracker .dropdown li { float: left; position: relative; z-index: 5002; margin: 0; width: 100%; background: #fff; margin-bottom: -1px; } #tracker .dropdown table { position: absolute; border-collapse: collapse; z-index: 5002; left: -1px; top: 25px; } #tracker .dropdown a, #tracker .dropdown strong { display: block; width: 155px; height: 20px; padding: 3px 5px 2px 10px; color: #2c2c2c; text-decoration: none; background: #fff; line-height: 20px; } #tracker .dropdown a#selected { border: 1px solid #aaa; padding: 3px 5px 3px 10px; } #tracker .dropdown img { display: inline; position: absolute; left: 150px; top: 6px; } #tracker .dropdown a:hover { background: #ddd !important; } #tracker .dropdown ul ul { visibility: hidden; position: absolute; width: 130px; height: 0; background: #fff; } #tracker .dropdown ul li:hover ul, #tracker .dropdown ul a:hover ul { visibility: visible; } #tracker .dropdown ul ul a, #tracker .dropdown strong { background: #fff !important; border: 1px solid #aaa; border-top: 0; display: block; } #tracker .dropdown li.category strong { background: #000 !important; color: #fff; } /** LIGHTBOX **/ .overlay { display: none; z-index: 10000; background-color: #2c2c2c; width: 440px; min-height: 200px; border: 1px solid #2c2c2c; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } .overlay .close { background-image: url(/images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; } .overlay .close:hover { border-bottom: 0; } #contact-overlay { background: #fff; height: 290px; } .contentWrap { } .simple_overlay { display: none; z-index: 10000; background-color: #ddd; width: 675px; min-height: 200px; -moz-box-shadow: 0 0 90px 5px #000; -webkit-box-shadow: 0 0 90px #000; } .simple_overlay .close { background-image: url(/images/close.png); position: absolute; right: -15px; top: -15px; cursor: pointer; height: 35px; width: 35px; } .simple_overlay .next, .simple_overlay .prev { position: absolute; top: 40%; cursor: pointer; display: block; padding: 10px 20px; color: #2c2c2c; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; text-transform: uppercase; } .simple_overlay .prev { left: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-top-left-radius: 0; } .simple_overlay .next { right: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; } .disabled { visibility: hidden; } .simple_overlay .info { position: absolute; bottom: 0; left: 0; padding: 10px 15px; color: #2c2c2c; font-size: 11px; } .simple_overlay .info strong { display: block; } .simple_overlay .progress { position: absolute; top: 45%; left: 50%; display: none; } .simple_overlay .next, .simple_overlay .prev, .simple_overlay .info { background: #ddd !important; background: rgba(0, 0, 0, 0.6); } .simple_overlay .next:hover, .simple_overlay .prev:hover { background-color: #117f77 !important; color: #fff; text-decoration: none; } .marker { font-weight: bold; color: #700; } /** FancyBox **/ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/images/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/images/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-close:hover { border-bottom: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/images/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */} #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/images/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/images/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/images/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/images/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #fff; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url('/images/fancybox/fancy_title_over.png'); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/images/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #fff; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/images/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/images/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid: DXImageTransform.Microsoft.AlphaImageLoader(src='/images/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }