/* ------------- General & Resets ------------- */ /* This is for responsive Google Mappage*/ .google-maps { position:relative; padding-bottom:75%; height:0px; overflow:hidden; } .google-maps iframe { position:absolute; top: 0; left: 0; width: 100%!important; height: 100%!important; } #editAnywhere {display:none;} body { background: #f2f2f2; position: relative; font-family: 'Ubuntu', sans-serif; color: #1a2732; margin:0; font-size:14px; } input { font-family: 'Ubuntu', sans-serif; } input[type="submit"] { } a { text-decoration:none; color: #00adbb; } img { border:0px; max-width:100%; height:auto; } .wrapper {margin:0 auto; width: 96%; max-width:1170px; position:relative;} #tinymce td, #tinymce th { font-family: inherit !important; font-size: inherit !important;} .tablet_only, .mobile_only { display: none; } #mobile_bottom {display: none; text-align:center;position: fixed; bottom: 0px; left: 0px; width: 100%; height: 0px; z-index: 9999;} #back_to_top { background: #121212; position: absolute; bottom: -30px; width: 100%; color: #fff; cursor: pointer; line-height: 30px; -moz-transition: all 0.34s ease-in-out; -webkit-transition: all 0.34s ease-in-out; transition: all 0.34s ease-in-out; } #back_to_top.scrolled { bottom: 0px; } .clear {clear:both;} h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height: 1.3em; margin: 0px 0px .8em; padding-top: 0.6em;} h1 { font-size: 30px; color: #00adbb ; font-weight:bold; text-transform: uppercase;} h2 { font-size: 24px; text-transform: uppercase; font-weight: normal; } h3 { font-size: 16px; } h4, h5, h6 { font-size:15px; } a.morebutton, .morebutton a { display: inline-block; text-align:center; margin: 5px 13px; min-width: 108px; line-height: 42px; padding: 0 20px; color: #fff !important; font-size:15px; font-weight: bold; background: #00adbb; } a.cyan_button, .cyan_button a, a.gold_button, .gold_button a , a.blue_button, .blue_button a , a.green_button, .green_button a { display: inline-block; margin: 5px 20px 5px 0; line-height: 40px; padding: 0 20px; color: #fff !important; font-size:15px; font-weight: bold; } a.cyan_button, .cyan_button a { background: #40a8dc; } a.gold_button, .gold_button a { background: #f1ab32; } a.blue_button, .blue_button a { background: #1b5c97; } a.green_button, .green_button a { background: #7ba128; } a.morebutton:first-child, .morebutton a:first-child { margin-left: 0px; } #content h1:first-child { padding-top:0px;} h1#home_title { color: #333; margin-bottom: 1em; text-align: center;} h2.sub_title { padding:0px 0 0px; margin:0px; position: relative; top: -15px; } #content { } #content p, #content ol, #content ul {line-height: 1.8em;} .photo_left { float: left; margin: 0 15px 15px 0; } .photo_right { float: left; margin: 0 0 15px 15px; } .outer, .inner { display:table; margin:0; padding: 0; position: relative; height: 100%; width: 100%; border-spacing: 0; text-align:center; vertical-align: middle; border: none;} .inner { display: table-cell;} #ui-datepicker-div { background: #fff; border: 2px solid #333;} .ui-datepicker { width: 20em; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; background: #333; color: #fff;} .ui-datepicker .ui-datepicker-header a { color: #fff;} .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 70px; height: 1.8em; } .ui-datepicker .ui-datepicker-prev { left: 2px; text-align: left; } .ui-datepicker .ui-datepicker-next { right: 2px; text-align: right;} .ui-datepicker .ui-datepicker-prev span { cursor: pointer; display: block; position: absolute; left: 10px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-next span { cursor: pointer; display: block; position: absolute; right: 10px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th {padding: .7em .3em;text-align: center;font-weight: bold;border: 0;} .ui-datepicker td {border: 0;padding: 1px;} .ui-datepicker td span, .ui-datepicker td a {display: block;padding: .2em;text-align: center;text-decoration: none;} .ui-datepicker .ui-datepicker-buttonpane {background-image: none;margin: .7em 0 0 0;padding: 0 .2em;border-left: 0;border-right: 0;border-bottom: 0;} .ui-datepicker .ui-datepicker-buttonpane button {float: right;margin: .5em .2em .4em;cursor: pointer;padding: .2em .6em .3em .6em;width: auto;overflow: visible;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float: left;} /* -- Header Styles -- */ #top_bar { background: #394a59; height: 36px; } #top_menu { position: absolute; color: #fff; font-size: 14px; text-transform: uppercase; top: 5px; height: 25px; line-height: 25px; ; right: 185px; text-align: right;} #top_menu a { color: #fff;margin-left: 27px; display: block; float:left; } #search { background: ; width: 160px; height: 25px; position: absolute; right: 0px; top: 5px; overflow:hidden;} #search #searchBoxInput { color: #fff; background: #222c34; font-size: 15px; outline: 0; border: 0; width: 115px; padding: 6px 10px 4px 10px; line-height: 15px; height: 15px; float: left; border-radius: 6px; } #search #search_button {width: 23px; height: 25px; line-height:25px; text-align:right; cursor: pointer; float: right; font-size:18px; color: #fff; } #search #search_button span.fa { position: relative; top: -1px;} .alert { line-height: 26px; padding: 15px 0; font-size: 16px; text-align:left; background: #d3572b; color: #fff;} .alert span.fa { color: #853519; font-size:18px; margin-left: 10px; cursor: pointer;} #header { height: 207px; position: relative; z-index: 2000} #header .wrapper { height: 100%; } #logo { display: block; position: absolute; left: 0px; width: 438px; top:6px; height: 123px; background: url('graphics/design/finalLogoLVJCC.png') 50% 50% no-repeat; background-size: contain; } #header_items { top: 43px; right: 0px; position: absolute; } #current_hours { height: 42px; width: 165px; color: #3a4a59; float:left; line-height: 21px; } #current_hours img { float:left; margin-right: 8px; width: auto; height: auto; position: relative; top: 3px;} #header_items .morebutton { display: block; float:left; margin: 0 0 0 16px;} #header_items .morebutton.donate_button { background: #16b24f;} #main_menu { position: absolute; bottom:18px; right:45px; } /* Home Page ------------------------------ */ #slider { margin: 20px 0; height: 470px; position: relative;} #slider .wrapper {height: 100% !important; padding:0px; overflow:hidden; background: #222c34;} #slides { z-index: 300 !important; width: 100% !important; height: 100%;} .slide { width: 100% !important; height: 100% !important;} .slide .slide_image { display: block; position: absolute; left: 0px; right: 270px; top: 0px; height: 100%} .slide .slide_caption { background: rgba(58,74,89,0.8); color: #fff; padding: 15px 3%; z-index: 310; position: absolute; bottom: 0px; left: -100%; width: 94%; height: auto;} .slide .slide_caption.slidein { left: 0px; -moz-transition: all 0.9s ease-in-out; -webkit-transition: all 0.9s ease-in-out; transition: all 0.9s ease-in-out;} .slide .caption_text { font-size: 24px; line-height: 30px;} .slide .description_text { font-size: 18px; line-height: 30px; color: #ddd;} .slide a.morebutton { margin: 0 0 0 40px;} #prev, #next { z-index: 301; display: none; width: 100px; height: 80px; line-height: 80px; cursor: pointer; position: absolute; top: 45%; margin-top: -40px; color: #fff; text-align:center; font-size: 50px; text-shadow: 0px 0px 5px rgba(0,0,0,0.45);} #slider .wrapper:hover #prev, #slider .wrapper:hover #next { display: block;} #prev {left: 0px;} #next { right: 270px;} #quicklinks { z-index:305; position: absolute; right:0px; width: 270px; top:0px; color: #fff; height:auto;} #quicklinks h2 { text-transform: none; line-height: 1.2em; padding: 17px 0 15px; margin: 0 17px 30px; font-weight: 300; border-bottom: 1px solid #fff;} .quicklink_wrapper { padding: 0 17px; } a.quicklink { position:relative; color: #76c3d4; line-height: 25px; font-size: 20px; text-transform: uppercase; font-weight: 300; display: block; margin: 0 0 22px; padding-left: 53px; } a.quicklink .fa { position:absolute; top:3px; left:15px; color:#fff; } #homepage_boxes { margin-bottom: 35px;} .homepage_box { display: block; float:left; width: 23.10%; margin-left: 2.53333%; height: 170px; position: relative;} .homepage_box:first-child { margin-left:0px; } .homepage_box .caption { background: rgba(255,255,255,0.8); position: absolute; left:0px; right: 0px; bottom: 15px; padding: 8px 15px; line-height: 30px; font-size: 16px; color: #1a2732 ;} .content_boxes { padding-bottom: 10px;} .contentboxes .wrapper { padding:;} .contentbox { } .contentbox.box1, .contentbox.box2 { float:left; width: 25.6%; } .contentbox.box3 { float: left; width: 48.8%; } .contentbox h2 { font-weight: normal; padding: 0px; margin: 0 0 20px; line-height: 72px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} .collapsible_item {} .collapse_title { font-size: 22px; color: #00adbb ; line-height: 29px; padding: 7px 20px 7px 50px; position: relative; cursor: pointer; } .collapse_title span.fa { display: block; position: absolute; left: 0px; top: 50%; width: 50px; margin-top: -15px; height: 30px; line-height: 30px; text-align:center; color: #000; font-size: 24px;} .collapse_content { padding: 15px 20px 20px; background: #fff; margin-bottom: 6px;} .content_date { font-weight: 500; padding-bottom: 12px;} .content_description { font-size: 14px;} /* Interior Styles ------------------------------- */ #interior_content { } #interior_content.full_width {} #interior_content .wrapper { padding-top:25px; } #content { width: 72.31%; float: right; min-height: 550px; } #interior_content.full_width #content { width: 100%; float: none; } #sidebar { width: 24.36%; float: left; max-width: 400px; } body.blog #content { float: left; } body.blog #sidebar { float: right; } #sub_menu { display: none; margin-bottom: 30px;} #sub_menu ul { margin:0px; list-style-type: none;padding:0;background: #394a59; } #sub_menu>ul {margin:0px; padding: 0; } #sub_menu ul ul li {padding-left: 15px;} #sub_menu ul li {margin:0px; padding: 0px; list-style-type: none;} #sub_menu>ul>li { border-top: 1px solid #222c34;} #sub_menu ul li.no_sub_display ul { display: none;} #sub_menu ul a { position: relative; display:block; line-height: 21px; padding: 7px 40px 7px 20px; color: #fff; font-size: 15px; } #sub_menu ul a span.fa { position: absolute; right: 19px; top: 0px; line-height: 35px; color: #fff; font-size: 16px; display: block; } #sub_menu ul a:hover { background: #00adbb; } #sub_menu ul li.menuItemHighlight > a, #sub_menu a.current { font-weight: bold; } #sub_menu ul ul { background: rgba(0,0,0,0.15); padding: 6px 0px 6px 20px; } .sidebar_title { background: #00b44f; margin:0px; line-height: 22px; padding: 8px 20px; font-size: 15px;text-transform: uppercase; color: #fff; font-weight: bold; text-transform: uppercase; } .sub_menu_title { background: #222c34; margin:0px; line-height: 22px; padding: 8px 20px; font-size: 15px; color: #fff; } .sub_menu_title a { color: #fff;} #side_box {} #side_box span { display: block; margin: 0 auto; width: 100%; max-width: 300px;} #side_box span a { display: block;} #side_box span img { display: block; width: 100% !important; height: auto !important; margin-bottom: 35px;} /* Footer Styles ------------------------------- */ #sponsors { background:; } #sponsors .wrapper { max-width: 1225px; } .sponsor_cycle { position: relative !important; width: 100% !important; height: 140px !important; } .sponsor_slide { position: absolute; width: 100% !important; height: 100% !important; } .sponsor_icon { float:left; width: 15%; margin: 30px 2.5% 0 ; height: 80px; } #footer { background: #1a2732; color: #fff;} #footer .wrapper { padding: 16px 0 16px; } #footer_logo { display: block; width: 331px ; height: 93px; background: url('graphics/design/LVJCC_FOOTER_WHITE.png') 50% 50% no-repeat; background-size: contain;} #footer a { color: #fff;} #footer_contact { padding: 15px 0;} #footer_contact p { margin: 0px; display: inline;} #social { position: absolute; right: 0px; top: 50px; } #social span { float:left; display: block; margin-left: 12px; } #social span a { display: block;} #social span img { display: block; width: auto !important; height: auto !important;} /* Menus */ /* +++ Main Menu +++ */ #main_menu { background: #3a4a59; position: absolute; bottom: 0px; height: 70px; left: 0px; width: 100%; box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.3);} #main_menu ul { margin: 0; padding:0; list-style-type: none; } #main_menu li { display: block; margin: 0; padding:0; list-style-type: none; position: relative; } #main_menu a { display: block; color: #333;} #main_menu li ul {display: none; position: absolute; z-index: 1000; } #main_menu li:hover>ul {display: block;} /* Level 1 */ #main_menu>ul { height: 70px; text-align:center;} #main_menu>ul>li { height: 70px; display: inline-block; border-left: 1px solid #51626f; } #main_menu>ul>li:first-child, #main_menu>ul>li:first-child>a {border-left: 0px;} #main_menu>ul>li>a { text-align:center; height: 70px; line-height:70px; font-size: 15px; padding: 0 21px; text-transform: uppercase; color: #fff; border-left: 1px solid #222c34;} #main_menu>ul>li:hover>a, #main_menu>ul>li>a.current { background: ; color: ; } /* Level 2 */ #main_menu>ul>li>ul { z-index:900; background: #222C34; left: 0px; top: 70px; width: 230px; padding: 10px 0; border: 1px solid #ccc; } #main_menu>ul>li>ul>li { padding: 0 10px;} #main_menu>ul>li>ul>li>a { font-size: 14px; padding: 8px 15px; line-height:16px; text-transform: none; color:#fff;} #main_menu>ul>li>ul>li:hover>a { background: #00adbb ; color: #ffffff;} #main_menu>ul>li.lastitem>ul { left:auto; right:0; } /* Level 3 and Beyond*/ #main_menu>ul>li>ul>li ul { background: #aaa; left: 100%; top: -10px; width: 230px; padding: 10px 0px;} #main_menu>ul>li>ul>li ul>li { padding: 0 10px; } #main_menu>ul>li>ul>li ul>li>a { font-size: 14px; padding: 8px 15px; line-height:16px; text-transform: none;} #main_menu>ul>li>ul>li ul>li:hover>a { background: #00adbb ; color: #fff; } #main_menu>ul>li.lastitem>ul>li ul { left:-100%; } /* +++ Mobile Menu +++ */ #mobile_menu { display:none; background: #3a4a59; } #menu_toggle { border-bottom:1px solid #222c34; display:none; text-align:center; height: 48px; line-height:48px; font-size: 24px; font-weight: 700; padding: 0 12px; background: #3a4a59; text-transform: uppercase; color: #fff; } #menu_toggle span.menu_toggle_button { display: block; float:left; line-height: 48px; cursor:pointer; } #mobile_search { float: right; font-size: 21px; } #mobile_menu ul { z-index: 100; margin: 0; padding:0; list-style-type: none; } #mobile_menu li { display: block; margin: 0; padding:0; list-style-type: none; } #mobile_menu a { display: block; text-transform: uppercase; color: #fff;} #mobile_menu>a { background: rgba(0,0,0,0.20); padding: 8px 20px; line-height: 23px; font-size: 18px;border-bottom:1px solid #232e27;} #mobile_menu li ul {display: none;} /* Level 1 */ #mobile_menu>ul { border-top: 1px solid #232e27;} #mobile_menu>ul.main_menu { border-top: 0px; background: #3a4a59;} #mobile_menu>ul>li { } #mobile_menu>ul>li>a { padding: 8px 20px; line-height:23px; font-size: 18px; border-bottom:1px solid #222c34;} /* Level 2 and Beyond */ #mobile_menu>ul>li ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul ul ul { rgba(0,0,0,0.12); left: 0px; } #mobile_menu>ul>li ul>li>a { font-size: 14px; padding: 8px 30px; line-height:16px;} #mobile_menu>ul>li ul ul>li>a { font-size: 14px; padding: 8px 38px; line-height:16px;} #mobile_menu>ul>li ul ul ul>li>a { font-size: 14px; padding: 8px 44px; line-height:16px;} /* Preschool */ body.ECE { background: #fff;} body.ECE a { color:#2e7de1; } body.ECE a.morebutton, body.ECE .morebutton a { background-color:#2e7de1; } body.ECE #logo { background-image: url('graphics/design/MICROSITE_HEADER_COLOR.png'); } body.ECE #footer_logo { background-image: url('graphics/design/LVJCC_FOOTER_WHITE.png'); } body.ECE #top_bar { background-color:#3a4a59; } body.ECE #search #searchBoxInput { background: rgba(0,0,0,0.5); } body.ECE #main_menu { background-color:#ff5859; } body.ECE #footer { background-color:#1a2732; } body.ECE #main_menu>ul>li { border: none;} body.ECE #main_menu>ul>li>a { border: none;} body.ECE#main_menu>ul>li:hover { background: rgba(0,0,0,0.13); } body.ECE #header_items .morebutton.donate_button { background: #f9d63a;} body.ECE #slider .wrapper { background: #000;} /*body.ECE #slider #quicklinks { bottom: 0px;}*/ body.ECE #slider #quicklinks h2 { color: #3a4a59 ; border-color: rgba(0,0,0,0.10);} body.ECE #slider #quicklinks a.quicklink, body.ECE #slider #quicklinks a.quicklink .fa { color: #3a4a59; } body.ECE #slider #quicklinks a.quicklink:hover, body.ECE #slider #quicklinks a.quicklink:hover .fa { color: #2e7de1;} body.ECE #slider .slide .slide_image { right: 0px; } body.ECE #slider .slide .slide_ql_cover { background: rgba(255,255,255,0.75); position: absolute; right: 0; width: 270px; top:0px; height: 100%;} body.ECE .homepage_box .caption { color: #fff;} body.ECE .homepage_box.box1 .caption { background: rgba(46, 125, 225, 0.8);} body.ECE .homepage_box.box2 .caption { background: rgba(249, 214, 58, 0.8);} body.ECE .homepage_box.box3 .caption { background: rgba(255, 88, 89, 0.8);} body.ECE .homepage_box.box4 .caption { background: rgba(58, 74, 89, 0.8);} body.ECE .sidebar_title { background: #2e7de1; } body.ECE .sub_menu_title { background: #c4c4c4;} body.ECE .sub_menu_title a { color: #1a2732; } body.ECE #sub_menu ul { background: #ddd; } body.ECE #sub_menu>ul>li { border-top:1px solid #c4c4c4;} body.ECE #sub_menu ul a { color: #1a2732; padding-left:;} /* ---------------General Module Styles--------------- */ .moduleDetail {} .moduleLister {} div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em;border-bottom: 1px solid #ccc; } div.listerItem:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* common elements across modules */ .label { font-weight: bold; margin-right:10px; } /* form required vs form optional*/ .title {} .description {} .blurb {} .thumbnail {} .info {} .author {} .date {} .time {} .filter {float:right;} .imageLink {float:left;} .tags {background: #eee; display: block; margin-bottom: 10px; text-indent: 8px;} .utilityLinks {} .moduleLister .thumbnail { width: 200px; float: left; margin-right: 20px; } .errorMessage{ font-weight:bold; color:#f00; } .moduleLister.box {} .moduleLister.box .listerItem { padding: 10px 0; margin: 0 10% 0 0; border-top: 1px solid #ccc; border-bottom: 0px;} .moduleLister.box .thumbnail { margin-right: 16px; width: 48px; height: 48px;} .moduleLister.box .calendar_day { float:left; line-height: 62px; text-align:center; font-weight: bold; font-size: 15px; margin-right: 16px; width: 43px; height: 54px; background: url('graphics/design/calendar_day.png') left top no-repeat; background-size: contain;} .moduleLister.box .details { display: block; padding-left: 64px;} .moduleLister.box .title { font-weight: 500; font-size: 15px; display: block; } .moduleLister.box .date{ padding:2px 0 2px; font-weight: 500; font-size: 14px; font-style: italic; color: #51626f; } .moduleLister.box .morebutton { margin: 4px 0 0; } /* Pagination */ .pagination { clear: both; display: block; } .pagination a, .pagination a:link, .pagination a:visited { text-decoration:none; } .pagination .prevnextCurrent, .pagination .prevnextWindow, .pagination .prevnextWindowArrow { border:solid 1px #ccc; margin:0; padding:4px 6px; font-size:11px; margin-right:2px; display:inline; display:inline-block; } .pagination a.prevnextWindow:hover, .pagination a.prevnextLink:hover, .pagination .prevnextWindowArrow:hover { border:solid 1px #000; color:#000; } .pagination .prevnextCurrent {background:#ccc; color:#000; font-weight:bold; padding:4px 6px; } .pagination a.prevnextLink { border:1px solid #ccc; padding:4px 6px 4px; margin-right:2px; font-size:11px; display:block; } /* End Pagination */ /* End General Module Styles */ /* ModuleBegin::gendocs */ .webpageModule.moduleDetail { } /* ModuleEnd::gendocs */ /* ModuleBegin::directory-design_gallery */ .staffDetailWrapper:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .staffPhoto { float: right; margin: 0px 0px 5px 10px; background-color: #ffffff;} .staffPhoto img { background-color: #ffffff; border: 1px solid #cccccc; padding: 5px; } .directoryListWrapper { } .directoryDetailWrapper { } .directoryName { } .directoryCategory { } .directorySearchInput { width: 100px; } /* ModuleEnd::directory-design_gallery */ /* ModuleBegin::blog */ #blog_header_image { margin-bottom: 15px; background-repeat:no-repeat; background-position:center; background-size:cover; } #blog_header_image .caption { background: rgba(0,0,0,0.5); min-height:256px; } #blog_header_image .caption h1, #blog_header_image .caption h2, #blog_header_image .caption h3, #blog_header_image .caption h4, #blog_header_image .caption h5, #blog_header_image .caption h6, #blog_header_image .caption p { margin: 0 20px 6px; padding:0px; text-align:left; color: #fff;} #blog_header_image .caption h1 { font-size: 40px; padding-top: 15px; } #blog_header_image .caption p { font-size: 19px; } .blogModule {} .blogModule .info {margin-bottom: 20px; } .blogModule .author {} .blogModule .date {} .blogModule .thumbnail img { width:350px; max-width:100%; } .blogModule .tags {} .blogModule .comment { padding: 10px; background: #f4f4f4; margin-bottom: 15px; border: 1px solid #ccc; } .blogModule .comment .info { color: #333; font-weight: 600; margin-bottom: 10px; } .blogModule .blurb { margin: 0 0 15px; } .blogModule .blurb p { margin: 0px; line-height: 1.6em;} .blogModule .morebutton { margin: 0px;} .blogModule .morebutton span.fa {padding-left: 8px;} .blogModule .blog_side_thumb, .blog_popular { display:block; position: relative; height: 256px;} .blogModule .blog_side_thumb h3, .blog_popular h4 { position: absolute; left:15px; right:15px; bottom: 10px; text-align:center; color: #fff; background: rgba(0,0,0,0.65); line-height: 25px; padding: 7px 7px; } .blog_popular { height: 200px; margin: 0 0 15px;} .blog_popular h4 {left: 0px; bottom:0px; margin:0px; right: 0px; font-size: ;} .blogModule .bottom_text { background: #fff; padding: 12px 10px 15px; text-align:center;} .blogModule .bottom_text .morebutton { display:block; text-align:center; width: 110px; margin: 0 auto;} #blog_subscribe { background: #00adbb; padding: 5px 10px; margin: 20px 0; border-radius: 8px; color:#fff; } #blog_subscribe h1 { color:#fff; } #blog_subscribe h4 { margin: 0; padding: 10px 0 15px; text-align:center; color: #fff; } #blog_subscribe table, #blog_subscribe tbody, #blog_subscribe tr, #blog_subscribe td { display:inline-block; } #blog_subscribe input[type=text] { width: 75%; float:left; padding: 0px 10px; height: 30px; line-height: 30px; box-sizing: border-box; border:0px; outline: 0px; background: #fff; border-top-left-radius: 4px; border-bottom-left-radius: 4px;} #blog_subscribe input[type=submit] { width: 24%; float: right; padding: 0px 10px; height: 30px; font-size: 16px; line-height: 30px; box-sizing: border-box; border:0px; outline: 0px; background: #fff; color: #000; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } #blog_subscribe form div { padding:0 !important; } #blog_subscribe .social_links { padding: 18px 0 15px; text-align:center;} #blog_subscribe .social_links span {display: inline-block; padding: 0 5px;} #blog_subscribe .social_links span a, #blog_subscribe #social_links span img {display:block;} a.blog_tag { display: inline-block; height: 30px; line-height: 30px; padding: 0 12px; border-radius: 6px; background: #00adbb; color: #fff !important; margin: 0 4px 4px 0;} /* ---- Blog Lister ----- */ .blogModule.moduleLister {} .blogModule.moduleLister h2 { margin-bottom:5px; } .blogModule .listerItem {} /* ---- Blog Detail ------- */ .blogModule.moduleDetail {} .blogModule.moduleDetail h1 { margin-bottom: 5px; } .blogModule.moduleDetail .fullText {} /* ---- Blog Archives ------ */ .blogModule.archive .month { padding-left:10px; } .blogModule.archive .year { font-weight: bold; } /* ModuleEnd::blog */ /* ModuleBegin::events */ /* ---- Events Lister ---- */ .eventsModule.moduleLister {} /* ---- Events Detail ---- */ .eventsModule.moduleDetail {} .eventsModule .date {} .eventsModule .label {} .eventsModule .time {} .eventsModule .location { margin: 1em 0; } .eventsModule .map {} .eventsModule .address {} .eventsModule .directions {} .eventsModule .contactInfo {} .eventsModule .name {} .eventsModule .phone {} .eventsModule .email {} .eventsModule .rsvp {} .eventsModule .ticketsWrapper {} .eventsModule .ticket {} .eventsModule .description {} .eventsModule .utilityLinks {} .eventsModule.moduleDetail .thumbnail {width:300px; float:right; margin-left: 20px;} /* ---- Events Small Calendar ---- */ body#calendarIframe { font-size: 12px; background: transparent; } .cal { padding: 5px; text-align: center; position:relative; background: transparent;} #calendarIframe .cal { width: 275px; } .calPrev { position: absolute; top: 4px; left: 15px; } .calNext { position: absolute; top: 4px; right: 15px; } .calMonth { position: relative; top: 0; left: 0; text-align: center; font-weight: bold; margin-left: 20px; margin-right: 20px; } .calPrev a, .calNext a, .calMonth a { text-decoration: none; } .calPrev a:hover, .calNext a:hover, .calMonth a:hover { text-decoration: underline; } .calGrid { margin-top: 10px; clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; } .calGrid td { font-size: 8pt; padding: 6px 0; text-align: center; border-bottom:1px solid #ddd; } .calGrid tr.calWeek { font-weight: bold; text-align: center; } .calDayOn a { font-weight: bold; text-decoration: underline; } .calDayOn a:hover { text-decoration: none; } .calGrid td.calTodayOff, .calGrid td.calTodayOn { background-color: #eee; color: #000; font-weight: bold; } .calGrid td.calTodayOn a { text-decoration: underline; color: white; font-weight: bold; } .calBottom { text-align: left; } .calMonthGlance { padding: 5px 0px 3px 0px; } .calBottom a { } /* ---- Events Month at a Glance ---- */ #calendarDetail {margin-top: 7px; ; padding-bottom: 30px; width:100%; } #calendarDetail table { width: 100%; table-layout: fixed; text-align: center; border-collapse: collapse; } #calendarDetail .calendarMonths { vertical-align: middle; padding-top: 3px; padding-left: 12px; width:100%; } #calendarDetail a { text-decoration: none; } #calendarDetail a:hover { text-decoration: underline; } #calendarDetail .calendarMonths a { display: block; font-weight: bold; font-size: small; padding: 5px 0px 5px 0px; } #calendarDetail .calendarMonths a:hover { color: #000; } #calendarDetail .calendarDays { table-layout: fixed; width:100%; margin-top: 30px; } #calendarDetail .calendarDays td { background:none; } #calendarDetail .calendarDays .calendartitle { text-align:center; text-transform: uppercase; font-size: 15px; font-weight: bold; color: #fff; line-height: 43px; position: relative; background: #00adbb; margin-bottom: 4px; } #calendarDetail .calendarDays a.prevLink, #calendarDetail .calendarDays a.nextLink { width: 74px; text-align:center;background: #00919d; color:#fff; position: absolute; top:0px; height: 100%; font-size: 16px; line-height: 43px; } #calendarDetail .calendarDays a.prevLink { left: 0px;} #calendarDetail .calendarDays a.nextLink { right: 0px;} #calendarDetail .calendarDays td { font-size:small; line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 37px; line-height: 37px;background-color: #394a59; font-weight: bold; font-size: 15px; color: #fff; text-transform: uppercase;border: 1px solid #394a59; } #calendarDetail .calendarDays .emptyDay { height: 115px; text-align: left; vertical-align: top; background-color: #d4d5d6; } #calendarDetail .calendarDays .eventToday { height: 115px; text-align: left; vertical-align: top; background-color: #eaeaea; padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOff { height: 115px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; background-color: #eaeaea;} #calendarDetail .calendarDays .eventOn { height: 115px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; background-color: #eaeaea; } tr.eventdays td { border: 1px solid #a5aeb6; color: #394a59; font-size: 15px; font-weight: bold; } tr.eventdays td a { font-size: 14px; color: #00adbb; font-weight: normal; display: block; line-height:20px; padding: 5px 0; } /* ---- Events Box ---- */ .eventsModule.moduleLister.box { } .eventsModule.moduleLister.box .listItem { padding-bottom: 10px; } .eventsModule.moduleLister.box .date { color: #777; } /* ---- Events Registration ----- */ #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ModuleBegin::photo */ /******************************* ****************************************** ******************************** PHOTO ****************************************** ******************************** *****************************************/ /* Photo Lister */ /* Photo Lister */ .photoModule.moduleLister {} .photoModule.moduleLister .gridItem {border:1px solid #ccc; text-align:center; width: 200px; display:inline-block; vertical-align:top; margin-bottom:5px; padding-bottom: 15px} .photoModule.moduleLister .gridItem:hover {border:1px solid #5E5E5E;} .photoModule.moduleLister .gridItem span {display:block;} .photoModule.moduleLister .gridItem .image {width:160px;height:150px;overflow:hidden; margin: 10px auto;} .photoModule.moduleLister .gridItem .name {height:20px;overflow:hidden;} .photoModule.moduleLister .gridItem .description {height:55px;overflow:hidden;} ul.grid:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } ul.grid li.gridItem { width: 200px; display: inline-block; vertical-align: top; } /* Photo Thumbnails */ .photoModule .description {} .photoModule .thumbnailItem {float:left; margin:0 10px 10px 0; position:relative; height: 100px; width: 150px; overflow: hidden;} .photoModule .thumbnailItem img.activeImage {border:1px solid #333;} .photoModule .thumbnailItem img {border:1px solid #ccc; min-height: 100%; min-width: 100%;} .photoModule .thumbnailItem a:hover img {border:1px solid #5E5E5E;} /* Photo Detail */ .photoModule.moduleDetail{margin:10px 0;} .photoModule .photoRemote {width:400px;height:20px;margin:0 auto;} .photoModule .photoRemote span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;} .photoModule .photoRemote span a{display:block;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;} .photoModule .photoRemote span a:hover,div.photoRemote span a:active{border:1px solid #e5e5e5;color:#000;} .photoModule .imageDetail {margin:10px; } .photoModule .imageDetail div {margin:0 auto;} .photoModule .imageDetail img {border:1px solid #ccc;} .photoModule.moduleDetail .imageDetail, .photoModule.moduleDetail .info{text-align:center;color:#888;} /* Flightbox */ .flightbox-close { position: absolute; top: 20px; right: 20px; z-index: 3000; } .flightbox-pager { height: 100%; width: 75px; position: absolute; } .flightbox-pager:hover, .flightbox-close:hover { cursor: pointer; cursor: hand; } .flightbox-pager p { font-size: 30px; font-weight: bold; color: #bbb; position: absolute; top: 50%; width: 75px; padding; 25px; text-align:center; } .flightbox-container { color: #bbb; position: absolute; z-index: 1000; text-align: center; } .flightbox-container img {max-width: 100%; max-height: 100%;} .hover { width: 100%; text-align: center; background: rgba(0,0,0,0.6); color: #fff; position: absolute; bottom: 0px; font-size: 12px; display:none; } /* ModuleEnd::photo */ /* ModuleBegin::news */ .newsModule.moduleDetail {} .newsModule.moduleLister {} .newsModule .copyright { padding: 1em 0em; text-align: center; font-size: smaller; } .newsModule .blurb {} .newsModule .thumbnail {} /* ModuleEnd::news */ /* ModuleBegin::membership */ #formLogin { margin:0 auto; border: 1px solid #ccc; padding: 20px; width:275px; } .memberLoginBox { margin: 0 auto; } .memberLoginBox td { padding: 2px; } .membershipModule .search {} .membershipModule .companyInfo { margin: 1em 0; } .membershipModule .companyInfo .name {} .membershipModule .companyInfo .jobTitle {} .membershipModule .address { margin: 1em 0; } .membershipModule .contactInfo { margin: 1em 0; } .membershipModule .contactInfo .phone {} .membershipModule .contactInfo .email {} .membershipModule .contactInfo .website {} .membershipModule .thumbnail { float:left; margin-right: 20px;} /* ----- Membership Lister ----- */ .membershipModule.moduleLister {} /* ---- Membership Detail ----- */ .membershipModule.moduleDetail {} /* ----- My Account ---- */ .membershipModule.myAccount {} .membershipModule.myAccount:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .membershipModule.myAccount .block { padding: 10px; float: left; width: 250px; height: 150px; } .membershipModule.myAccount .block.membership { float: none; width: auto; height: auto; background-color: #eee; } .membershipModule.myAccount .block.membership ul { list-style: none; padding: 0; } @media (min-width: 45em) { .membershipModule.myAccount .block.membership li { display: inline; margin: 0 .5em; } } /* ----- My Account - Dispatch ( System Forms ) ---- */ .myaccountHeading { font-size: 2em; font-weight: bold } .myaccountMessage {} .myaccountDetail table { color: #444;} .myaccountDetail .formtextRequired, .myaccountDetail .formtext { padding: 5px 0; } .myaccountDetail .formtextRequired label { font-weight: bold }; .myaccountLister {} .myaccountListerBack {} /* ModuleEnd::membership */ /* ModuleBegin::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* ModuleBegin::podcast */ .podcastChannelWrapper { } .itemList .podcastNumber, .itemList .podcastTitle { display: inline; } .podcastListWrapper { } .podcastDetailWrapper span { display: block; } .podcastDetailWrapper span.itemLabel { display: inline; } .podcastImage { float: left; margin: 0px 10px 10px 0px; } .podcastImage img { padding: 5px; border: 1px solid #ccc; } .podcastSubtitle { } .podcastAuthor { } .podcastDescription { } .podcastPublish { } .podcastLink { } .podcastLanguage { } .podcastCopyright { } .podcastCategory { } .podcastDuration { } .podcastExplicit { } /* ModuleEnd::podcast */