/* ----------------- General & Resets ----------------- */ #editAnywhere {display:none;} body { background: #ffffff; position: relative; font-family: 'Open Sans', sans-serif; color: #161616; margin: 0; font-size:15px; } input, textarea, select { font-size: 15px; font-family: 'Raleway', sans-serif;} input[type="submit"] { } a { text-decoration:none; color: #0279ba; } img {border:0px; max-width: 100%;} .wrapper {margin:0 auto; width: 97%; max-width: 1180px; position:relative;} .no_desktop, .mobile_only { display: none !important; } .collapsible_header { padding: 2px 0; cursor: pointer;} .collapsible_header span.fa { padding-right: 16px;} .collapsible_content { margin: 15px 0; padding: 0 15px; display: none; overflow:hidden; } .clear {clear:both;} .clearleft {clear:left;} h1, h2, h3, h4, h5, h6 { letter-spacing: -0.02em; font-weight: 800; font-family: 'Raleway', sans-serif; line-height: 1.3em; margin: 0px 0px 1em; padding-top: 0.73em; text-transform: uppercase;} h1 { font-size: 30px;} h2 { font-size: 24px; } h3 { font-size: 20px; } h4 { font-size: 18px;} h5, h6 { font-size:16px; font-weight: 700;} td {padding: 25px;} a.morebutton, .morebutton a { background: #0279ba; transition: all 0.15s; font-weight: 500; text-transform: uppercase; margin: 15px 30px 15px 0px; padding: 0 30px; line-height: 55px; font-size: 16px; display: inline-block; color: #fff; font-family: 'Raleway', sans-serif; position:absolute; bottom:10%;right:44%; } a.morebutton:hover, .morebutton a:hover { background: #5bbaee;} @media screen and (max-width:550px){a.morebutton, .morebutton a {bottom:20%; right: 32%;}} a.blue_button, .blue_button a, a.lightblue_button, .lightblue_button a, a.red_button, .red_button a, a.charcoal_button, .charcoal_button a { transition: all 0.15s; font-weight: 700; text-transform: uppercase; margin: 15px 30px 15px 0px; padding: 0 15px; line-height: 38px; font-size: 15px; display: inline-block; color: #fff; } a.blue_button, .blue_button a {background: #0279ba;} a.blue_button:hover, .blue_button a:hover {background: #5bbaee;} a.lightblue_button, .lightblue_button a {background: #5bbaee;} a.lightblue_button:hover, .lightblue_button a:hover {background: #91D1F4;} a.red_button, .red_button a {background: #fe3d3c;} a.red_button:hover, .red_button a:hover {background: #FE6464;} a.charcoal_button, .charcoal_button a {background: #161616;} a.charcoal_button:hover, .charcoal_button a:hover {background: #262626;} h1.title { padding-top: 5px; } h2.subtitle { color: #0279ba; padding:0px 0 25px; margin: -1.15em 0 0px; text-transform: none; } #interior_content { } #home_middle *, #interior_content p, #interior_content ol, #interior_content ul, #tinymce p, #tinymce ol, #tinymce ul {line-height: 1.8em;} #tinymce { margin: 0px; line-height: 1.8em;} .smaller { font-size:smaller; color:#666; } .photo_left { float: left; margin: 0 15px 15px 0; } .photo_right { float: left; margin: 0 0 15px 15px; } .outer { position: relative; width: 100%; height: 100%; display: table; vertical-align: middle; padding: 0 0px; border:0px;} .inner { position: relative; display: table-cell; vertical-align: middle; padding: 0 0px; } .parallax { position: relative; overflow: hidden} .parallax:before { content: ''; position: absolute; display: inline-block; height: 100%; width: 100%; top: 0; left: 0; background-color: #000000; z-index: 1; opacity: 0.4;} .parallax_image, .parallax_pattern { position: absolute; top: 0; left: 0; right: 0; height: 100%; background-position: center center; will-change: transform; background-size: cover;} .parallax_cnt {z-index: 100; position: relative;} /* -- Header Styles -- */ #top_bar { height: 36px; background: #000; color: #fff;} #search { font-family: 'Raleway', sans-serif; position: absolute; top: 3px; right: 0px; width: 300px; height: 30px; overflow:hidden; z-index: 1000; transition: all 0.5s ease; } #search #searchBoxInput { position: absolute; left:0px; top:0px; margin:0px; color: #fff; background: none; font-size: 16px; font-weight: bold; outline: 0; border: 0; width: 120px; padding: 5px 10px 5px 0px; line-height: 20px; height: 20px; } #search #search_button {position: absolute; left: 130px; width: 30px; height: 30px; line-height:30px; text-align:center; cursor: pointer;font-size:24px; color: #fff; } #search #search_button span.fa { position: relative; top: -1px;} #search #searchBoxInput::-webkit-input-placeholder { color:#fff;} #search #searchBoxInput:-ms-input-placeholder { color:#fff;} #search #searchBoxInput:-moz-placeholder { color: #fff; opacity: 1; } #search #searchBoxInput::-moz-placeholder { color: #fff; opacity: 1; } #header { height: 150px; z-index: 2000; } #header .wrapper { height: 100%;} #logo { display: block; height:58px; width: 524px; position: absolute; left:0; top: 21px; background: url('graphics/design/logo.png') left 50% no-repeat; background-size:contain; box-sizing: border-box; line-height: 35px; font-size: 24px; font-weight: bold; color: #323e48;} #main_menu { position: absolute; bottom: 0; left: 0; height: 50px; z-index: 2100;} #social { position: absolute; top: 14px; right: 0px; width: 320px; height: 28px; z-index: 2100;} #social a { height: 28px; width: 28px; line-height:28px; text-align:center; border-radius: 15px; margin-right: 10px; display: inline-block; color:#fff; background: #ccc; } #social a.fa-facebook {background: #3a589b;} #social a.fa-twitter {background: #598dca;} #social a.fa-youtube {background: #cf3427} #social a.fa-linkedin {background: #007ab9;} #member_box { position: absolute; right:0px; top:55px; width: 330px; height: 100px;} #header #login_notification { display:none;} #notification { z-index: 9999; opacity: 0; transition: opacity 0.7s ease; top:0; right:0; bottom:0; left:0; position: fixed;} #notification .overlay { position: absolute; left:0px; top:0px; width: 100%; height: 100%; background: rgba(0,0,0,0.5); cursor: pointer;} #notification .popup_content { position: absolute; left:50%; top: 50%; padding: 25px; width: 550px; height: 250px; margin-top: -150px; margin-left: -300px; background: #fff; border-radius: 5px;} #notification .popup_content span.fa { position: absolute; right: 4px; top: 4px; line-height: 15px; font-size: 15px; cursor: pointer;} #notification .content_inner { display:block; position: relative; height: 100%; width: 100%;} #notification .content_inner h1 { text-align:center; padding:0px; margin: 0 0 25px; } #notification .content_inner h4 { text-align:center; text-transform: none; } #notification .content_inner p { text-align:center; line-height: 1.8em; } #notification a.morebutton { margin: 15px auto; padding: 0; position: absolute; bottom: 0px; left: 50%; margin-left: -90px; display:block; width: 180px; text-align:center; } #notification.active { opacity: 1;} /* Home Page ------------------------------ */ #homepage_slideshow { z-index: 300; position: relative; background: #000; width: 100%; height: 540px; overflow: hidden;} #slides_cycle { position: relative; width: 100% !important; height: 100% !important; } .slide { z-index: 301; position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important; } .slide .caption { z-index: 302; position: absolute; bottom: -5%; width: 100%; height: 100%; left: 0px; transition: all 0.7s ease; text-align:center; color: #fff; } .slide .caption .outer { } .slide .caption .inner { padding: 0 100px; } .slide .caption .inner > div { font-size: 48px; font-family: 'Raleway', sans-serif; text-transform: uppercase; font-weight: 800; color: #fff; text-shadow: 1px 2px 3px rgba(0,0,0,0.5); } .slide .caption .inner > a.morebutton { margin: 10em auto 0;} #slide_prev, #slide_next { cursor: pointer; position: absolute; z-index: 400; top: 50%; margin-top: -32px; line-height: 65px; height: 65px; width: 86px; } #slide_prev { left: 2.5%; background: url('graphics/design/arrow_left.png') 50% 50% no-repeat; } #slide_next { right: 2.5%; background: url('graphics/design/arrow_right.png') 50% 50% no-repeat; } #homepage_slideshow:hover #slide_prev, #homepage_slideshow:hover #slide_next { } #slide_prev:hover, #slide_next:hover { background-color: rgba(0,0,0,0.3); } #slide_pager { z-index: 350; position: absolute; left: 0; width: 100%; bottom: 20px; text-align:center; } #slide_pager a { margin: 0 5px; width: 12px; height: 12px; color: transparent; font-size: 1px; text-indent: 40px; overflow:hidden; display: inline-block; border: 2px solid #fff; background: rgba(0,0,0,0); border-radius: 30px; transition: all 0.3s ease; } #slide_pager a:hover , #slide_pager a.activeSlide { background: #0279ba; border-color: #fff;} #home_top { background: #fff; color: #fff; padding: 45px 0 60px; } a.quicklink { display: block; float:left; width: 33.3333%; color: #161616; text-align:center;} a.quicklink .icon { display: block; height: 120px;} a.quicklink .name { display:block; font-family: 'Raleway', sans-serif; font-weight: 800; text-transform: uppercase; font-size: 30px; padding: 10px 0;} a.quicklink .description { display: block; padding: 0 20px; } #home_middle1 { background: #161616; color: #fff; } .wrapper { } #members_cta_left { position: relative; float:left; width: 50%; padding: 30px 0; font-family: 'Raleway', sans-serif; font-size:30px; line-height: 45px;} #members_cta_left b { font-weight: 800; color: #fe3d3c;} #members_cta_left a.morebutton { margin: 10px 0 0;} #members_cta_right { position: absolute; top:0px; right:0px; bottom: 20px; width: 50%; text-align:center;} #members_cta_right p {} #members_cta_right a.morebutton{ margin: 0 0;} #home_middle2 { padding: 75px 0 45px;font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 500; line-height: 2.1em;} #home_middle2.parallax:before { opacity:0;} #home_middle2 .wrapper img { float:left; margin: 0 60px 0 0; width: 230px; height: 230px; border-radius: 150px;} #home_bottom { padding: 20px 0 30px;} #home_news { float:left; width: 63%; box-sizing: border-box; padding: 0 10px; } #home_events { float:right; width: 34%; box-sizing: border-box; padding: 0 10px; } a.module_link { font-family: 'Raleway', sans-serif; font-size: 16px; font-weight: 700; text-transform: uppercase; } .news_item { width: 46.5%; float:left; padding: 0 3.5% 40px 0;} .news_item h4 { margin:0; padding:0;} .news_item h4 a { color: #161616;} .news_item .date { font-family: 'Raleway', sans-serif; font-size: 12px; font-weight: 500; color: #818181 ; } .news_item .blurb { font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 500; color: #333; line-height: 1.7em; padding-top: 10px;} .events_item { padding: 0 0 22px 74px; position: relative;} .events_item h4 { margin:0; padding:0;} .events_item h4 a { color: #161616;} .events_item .date_box { background: #0279ba; width: 58px; height: 58px; position: absolute; left:0px; top:0px; font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 700; color: #fff; text-transform: uppercase; text-align:center;} .events_item .blurb { font-family: 'Raleway', sans-serif; font-size: 15px; font-weight: 500; color: #333; line-height: 1.7em; padding-top: 4px;} /* Interior Styles ------------------------------- */ #interior_content { min-height: 700px; padding-top: 17px; overflow:hidden; background: #0279ba url('graphics/design/interior_bg.jpg') 50% top no-repeat; background-size:cover;} #interior_content .wrapper { } #interior_header_banner { height: 260px; margin-bottom: 30px;} #interior_header_banner span, #interior_header_banner span img { /* display: none; */ /*<--Removed in ZD #21929 | Added in ZD #21929 --> */ max-width:100% height:auto;} #interior_content.full_width #interior_header_banner {width: 100%; height: auto;} #content { padding: 30px 335px 50px 30px; overflow: hidden; position: relative; background: #fff; } #sidebar { position: absolute; right: 30px; top:30px; width: 270px;} h2#sub_menu_title { padding:0px; margin-bottom: 25px;} h2#sub_menu_title a { color: #161616;} #sidebar ul, #sidebar li { display:block; padding:0px; margin:0px; list-style-type:none; font-weight: bold; } #sidebar > ul a { display: block; color: #0279ba; padding: 3px 15px;} #sidebar > ul a:hover, #sidebar > ul a.current { background: #161616; color: #fff;} #sidebar > ul {} #sidebar > ul > li {} #sidebar > ul > li > a { } #sidebar > ul ul a { padding-left: 25px;} #sidebar > ul ul ul a { padding-left: 35px;} /* Full Width */ #interior_content.full_width #content { padding: 15px 30px 50px 30px; } /* Footer ------------------------------- */ #footer { background: #161616; padding: 20px 0 12px; color: #fff; text-align:center; } #footer .wrapper {} #footer_contact {} #footer_menu { padding: 35px 0 0;} #footer p { margin:0px;} #footer a { color: #fff;} #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; } #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;} #nospamResponse {display:none;} .simpleAntiSpam > div {margin: 6px auto !important;} .simpleAntiSpam p > span { display: block; float:none !important; margin: 5px auto !important; padding: 0px !important;} #form .formtextRequired, #form .formtext { line-height: 28px; } #form table { width: 100%; } input, textarea, select { font-weight: bold; color: #394a59; box-sizing: content-box; border-radius: 6px; line-height: 20px; padding: 4px 8px; border: 0px; outline: 0px; margin: 3px 0 3px; border: 1px solid #ddd; background: #eee;} input[type="text"], input[type="password"] { height: 20px; width: 220px;} select {} textarea { width: 100%; max-width: 700px; } input[type="checkbox"] {} input[type="radio"] { } input[type="submit"] { height: 20px; cursor: pointer; background: #999; margin-bottom: 25px;} /* ----------------- Menus ----------------- */ /* +++ Main Menu +++ */ #main_menu>ul, #main_menu>ul ul { display: block; list-style-type: none; margin: 0px; padding: 0px; } #main_menu>ul li { display: block; list-style-type: none; margin-top:0; margin-bottom:0; position: relative;} #main_menu>ul a { display:block; color: #354a61; text-transform: uppercase; transition: all 0.3s ease;} #main_menu>ul ul a { color: #fff; } #main_menu>ul li > ul { display: none; } #main_menu>ul li:hover > ul { display: block; } /* Level 1 */ #main_menu>ul { text-align: right; height: 100%; position: relative; text-align: left; } #main_menu>ul>li { display: inline-block; text-align:center; padding: 7px 9px; } #main_menu>ul>li.item1 {padding-left: 0px;} #main_menu>ul>li>a { font-size: 16px; font-weight: 700; position: relative; line-height: 36px; padding: 0 25px; } #main_menu>ul>li:hover > a { background: #ddd; transition: all 0.3s ease;} /* Level 2 */ #main_menu>ul>li>ul { position: absolute; top:50px;left: 0px; width: 250px; padding: 8px 0px; background: #0c6ad4; border-top: 2px solid #0A5CB8;} #main_menu>ul>li.flyleft>ul { left: auto; right: 10px;} #main_menu>ul>li>ul>li { text-align:left; padding: 0 15px; } #main_menu>ul>li>ul>li>a { font-size: 14px; padding: 6px 5px; } #main_menu>ul>li>ul>li:hover>a { background: rgba(255,255,255,0.2); } /* Level 3 and Beyond*/ #main_menu>ul>li>ul>li ul { position: absolute; top:-8px;right: -250px; width: 250px; padding: 8px 0px; background: rgba(50,50,50,0.8); border-left: 2px solid #0e141a; } #main_menu>ul>li.flyleft>ul>li ul { right: auto; left: -250px;} #main_menu>ul>li>ul>li ul>li { padding: 0 15px;} #main_menu>ul>li>ul>li ul>li>a { font-size: 14px; padding: 6px 5px; } #main_menu>ul>li>ul>li ul>li:hover>a {background: rgba(255,255,255,0.2); } /* +++ Mobile Menu +++ */ #mobile_menu { display:none; background: #0279ba; } #menu_toggle { cursor:pointer; border-bottom:1px solid rgba(0,0,0,0.3); display:none; text-align:center; height: 40px; line-height:40px; font-size: 20px; font-weight: 700; padding: 0 12px; background:#0279ba ; text-transform: uppercase; color: #fff; } #menu_toggle span.fa-bars { font-size: 25px; position: relative; left: -3px; top: 2px; } #mobile_menu ul { z-index: 100; margin: 0; padding:0; list-style-type: none; } #mobile_menu li { display: block; position: relative; margin: 0; padding:0; list-style-type: none;} #mobile_menu li > span.fa { cursor: pointer; position: absolute; right: 0px; top:0px; height: 41px; width: 45px; background: rgba(255,255,255, 0.25); color: #fff; line-height: 41px; text-align:center;} #mobile_menu a { display: block; text-transform: uppercase; color: #fff; font-size: 17px; font-weight: 700; } #mobile_menu a.haschildren { margin-right: 45px;} #mobile_menu>a { background: #b9c572; padding: 10px 15px; line-height: 21px; font-size: 17px;border-bottom:1px solid rgba(0,0,0,0.3);} #mobile_menu li ul {display: none;} #mobile_menu img { display: none; } /* Level 1 */ #mobile_menu>ul { border-top: 1px solid rgba(0,0,0,0.3);} #mobile_menu>ul.main_menu { border-top: 0px; } #mobile_menu>ul>li { } #mobile_menu>ul>li>a { padding: 10px 15px; line-height:21px; font-size: 17px; border-bottom:1px solid rgba(0,0,0,0.3);} /* 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 span.fa { height: 32px; line-height:32px;} #mobile_menu>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;} #mobile_menu>ul>li ul ul>li>a { font-size: 14px; padding: 8px 35px; line-height:16px;} #mobile_menu>ul>li ul ul ul>li>a { font-size: 14px; padding: 8px 45px; line-height:16px;} /* ---------------General Module Styles--------------- */ .moduleDetail {} .moduleLister {} div.listerItem { clear: both; margin: 1.0em 0 1.5em 0; padding-bottom: 1.5em;border-bottom: 2px solid rgba(0, 0, 0, 0.1); } 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; } .moduleLister .block_thumbnail { display:block; width: 260px; height: 150px; float: left; margin: 15px 20px 20px 0; } .errorMessage{ font-weight:bold; color:#f00; } /* 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::forms */ .formFieldWrapper { margin-bottom: 10px; } .formFieldWrapper .formField { margin-left: 20px; } .formFieldWrapper:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .formLabel.formAlign_align { float:left; width: 150px; } .formField.formAlign_align { float: left; } .formLabel.formAlign_split, .formField.formAlign_split { width: 100% } .formLabel.formAlign_none, .formField.formAlign_none { float: left; } /* basic calendar popup css */ .ui-datepicker { background-color: #fff; border: 1px solid #999; border-radius: 4px; display: none; margin-top: 4px; padding: 10px; width: 240px; } .ui-datepicker .ui-datepicker-header { text-align: center; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { cursor: pointer; } .ui-datepicker .ui-datepicker-prev { float: left; text-align: left; } .ui-datepicker .ui-datepicker-next { float: right; text-align: right; } .ui-datepicker .ui-datepicker-calendar { table-layout: fixed; width: 100%; } .ui-datepicker .ui-datepicker-calendar th, .ui-datepicker .ui-datepicker-calendar td { text-align: center; padding: 2px 0; } .ui-datepicker .ui-datepicker-calendar td:hover { background-color: #eee; cursor: pointer; } .ui-datepicker .ui-datepicker-calendar td a { text-decoration: none; } .ui-datepicker .ui-datepicker-today { background-color: #f2f2f2; } .ui-datepicker .ui-datepicker-current-day a { color: #000; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover { background-color: #fff; cursor: default; } /* ModuleEnd::forms */ /* ModuleBegin::faq */ .faqModule {} .faqModule .questions {} .faqModule .questions li p { margin: 0; display: inline; } .faqModule.moduleLister {} .faqModule.moduleLister .question {} .faqModule.moduleLister .answer {} .faqModule .top { font-size: smaller; } /* ModuleEnd::faq */ /* ModuleBegin::photo */ /******************************* ****************************************** ******************************** PHOTO ****************************************** ******************************** *****************************************/ /* Photo Lister */ .photoAlbumListerWrapper {border:1px solid #ccc;padding:10px;margin:0 10px 10px 0;width:160px;float:left;} .photoAlbumListerWrapper:hover {border:1px solid #86AC63;} .photoAlbumListerWrapper span {display:block;} .photoAlbumListerWrapper img {padding-bottom:5px;} .photoAlbumListerWrapper .photoAlbumImage {width:160px;height:150px;overflow:hidden;} .photoAlbumListerWrapper .photoAlbumName {height:20px;overflow:hidden;} .photoAlbumListerWrapper .photoAlbumDescription {height:55px;overflow:hidden;} /* Photo Thumbnails */ .photoAlbumDescription span {color:#ccc;font-size:90%;} .thumbnail {float:left; margin:0 10px 10px 0;border:1px solid #ccc;padding:5px;position:relative;width:150px;} .thumbnail:hover {border:1px solid #86AC63;} .thumbnail img {padding-bottom:5px;} .thumbnail span {height:20px;width:150px;overflow:hidden;display:block;} /* Photo Detail */ .photoAlbumDetail{margin:10px 0;} .photoRemote-3 {width:400px;height:20px;padding:4px;margin:0 auto;} .photoRemote-3 span{width:80px;height:20px;background-color:#fff;text-align:center;float:left;} .photoRemote-3 span a{display:block;width:76px;height:20px;margin:0 1px;background-color:#fff;color:#888;border:1px solid #ccc;text-decoration:none;} .photoRemote-3 span a:hover,div.photoRemote-3 span a:active{border:1px solid #86AC63;color:#000;} .photoAlbumbody{clear:both;} .photoGalleryImage div {margin:0 auto;} .photoGalleryImage img {border:1px solid #ccc;padding:5px;} .photoGalleryImage,.photoPagnationTD{text-align:center;color:#888;} #interiorPhotoAlbum { margin-top:50px; height:130px; padding: 15px 30px; position:relative; box-shadow: 0 0 5px 1px #333; font-size:0; } #interiorPhotoAlbum .viewport { height:100%; overflow:hidden; position:relative; } #interiorPhotoAlbum .photos { position:relative; left:0; height:100%; } #interiorPhotoAlbum .photos a { display:block; float:left; margin: 0 13px; height:100%; } #interiorPhotoAlbum .photos img { max-height:100%; max-width:none; width:auto; } #interiorPhotoAlbum .prev, #interiorPhotoAlbum .next { position:absolute; top:54px; width:30px; height:52px; } #interiorPhotoAlbum .prev { left:0; } #interiorPhotoAlbum .next { right:0; text-align:right; } #photoWrapper {} .photoListItem { height: 160px; padding: 15px 0px; border-bottom: 1px solid #cccccc; clear: both; } .photoBorder { width: 200px; height: 150px; padding: 5px; margin: 0px 15px 0px 0px; border: 1px solid #cccccc; float: left;} .photoAlbumImage { width: 200px; height: 150px; background: transparent no-repeat 50% 50%; } .photoAlbumImage a { width: 200px; height: 150px; display: block; text-indent: -3000px; } #photoThumbWrapper {} #thumbPhotos { padding: 15px 0px 0px 0px; } #thumbPhotos ul { padding: 0; margin: 0; list-style: none; } #thumbPhotos li { width: 100px; height: 75px; padding: 5px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #cccccc; } #thumbPhotos a { width: 100px; height: 75px; display: block; text-indent: -3000px; background: transparent no-repeat 50% 50%; outline-style:none; outline-width:0; } #photoThumbWrapper {} #thumbPhotos_v { padding: 15px 0px 0px 0px; } #thumbPhotos_v ul { padding: 0; margin: 0; list-style: none; } #thumbPhotos_v li { width: 200px; height:150px; padding: 5px; margin: 0px 10px 10px 0px; float: left; border: 1px solid #cccccc; } #thumbPhotos_v a { width: 200px; height: 150px; display: block; text-indent: -3000px; background: transparent no-repeat 50% 50%; outline-style:none; outline-width:0; } /* 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::broadcastemail */ .enewsWrapper div { } .enewsWrapper span { display: block; } .enewsText { } .enewsEmail { } /* ModuleEnd::broadcastemail */ /* ModuleBegin::blog */ .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; } /* ---- Blog Lister ----- */ .blogModule.moduleLister {} .blogModule.moduleLister h2 { margin-bottom:5px; } .blogModule .listerItem {} .blogModule .blurb {} /* ---- 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; } #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; background: #fff; width:100%; } #calendarDetail .calendarDays td { background:none; border-bottom:1px solid rgba(0,0,0,.05); } #calendarDetail .calendarDays .title { font-size: medium; font-weight: bold; color: #fff; padding: 10px 0px 10px 0px; background: #333; } #calendarDetail .calendarDays .prevLink, #calendarDetail .calendarDays .nextLink { background: #333; color:#fff; } #calendarDetail .title a { font-size: small; } #calendarDetail .calendarDays .prevLink a, #calendarDetail .calendarDays .nextLink a{ font-size: small; color: #fff; } #calendarDetail .calendarDays td { font-size:small; line-height: 1.1em; } #calendarDetail .calendarDays .weekdays { height: 30px; line-height: 30px;background-color: #E8E8E8; } #calendarDetail .calendarDays .emptyDay { height: 100px; text-align: left; vertical-align: top; background-color: #eee; background-color: rgba(0,0,0,.02); } #calendarDetail .calendarDays .eventToday { height: 100px; text-align: left; vertical-align: top;background-color:#eee; background-color: rgba(0,0,0,.05); padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOff { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px;} #calendarDetail .calendarDays .eventOn { height: 100px; text-align: left; vertical-align: top; padding-left: 5px; padding:5px; } /* ---- 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::membership */ #formLogin { border: 1px solid #ccc; padding: 20px 20px 20px 0; width:275px; } #member_box #formLogin { margin: 0 0; border: 0px; padding:0; width: auto; } #member_box #formLogin h5 { margin:0px; line-height: 1.0em; padding: 0 0 10px; } #member_box #formLogin input { width: 60px; padding: 5px 10px; height: 18px; margin: 0 8px 0 0; } #member_box #formLogin input[type="submit"] { padding:0px 9px; width: 20px; height: 28px; line-height:28px; box-sizing: content-box; background: #0279ba; color: #fff; border-color: #0279ba; } #member_box #formLogin a { font-size: 12px; font-weight: 500;} .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 */ /* Membership Dues */ #membership_dues { position: relative; background: #dfe5e6;} #toggles { width: 305px; float:left;} .toggle { height: 44px; line-height: 44px; padding: 10px 17px; color: #fff; font-size: 16px; font-family: 'Raleway', sans-serif; font-weight: 800; cursor: pointer; position: relative; z-index: 10;} .toggle .arrow { transition: all 0.6s ease; position: absolute; z-index: 5; top:0; right: 0px; width: 60px; height: 100%; border-left: 32px solid #ccc; border-top: 32px solid transparent; border-bottom: 32px solid transparent; box-sizing: border-box;} .toggle.active .arrow { right: -60px; transition: right 0.6s ease;} #toggle1 {background: #0279ba;} #toggle1 .arrow{ border-left-color:#0279ba;} #toggle2, #toggle6 {background: #5bbaee;} #toggle2 .arrow, #toggle6 .arrow { border-left-color:#5bbaee;} #toggle3, #toggle7 {background: #fe3d3c;} #toggle3 .arrow, #toggle7 .arrow { border-left-color:#fe3d3c;} #toggle4 {background: #cf3030;} #toggle4 .arrow { border-left-color:#cf3030;} #toggle5 {background: #161616;} #toggle5 .arrow { border-left-color:#161616;} #toggle8 {background: #161616;} #toggle8 .arrow { border-left-color:#161616;} #tabs { position: absolute; right:0px; top:0px; bottom:0px; left: 305px;} .tab { opacity: 0; position: absolute; top:10px; left:50px; bottom: 10px; right: 25px; overflow: hidden;} .tab.active { opacity: 1; transition: all 0.6s ease;} .tab h2 {padding: 0; margin: 0 0 10px;} /* Video downloads */ #video_detail { background: #ddd; padding: 20px; margin: 0px; border: 1px solid #ccc; } #video_detail iframe { height: 450px !important; width: 100% !important;} #video_detail h3 {} #video_detail description {} #video_detail a.morebutton {} /* Assembly */ .assemblyModule.moduleLister {} .assemblyModule.moduleLister h2 { color: ;} .assemblyModule.moduleLister h3 { color: #0279ba;} /* ModuleBegin::commerce */ .shoppingAlert { color: red; font-size: 8pt; } .shoppingBody { font-size: 8pt; } .shoppingCartEvenRow { background-color: #ffffff; color:#002d62; } .shoppingCartOddRow { background-color: #ebebeb; color:#002d62; } .shoppingCartTableHeader { background-color: #002d62; color: #ffffff; font-size: 8pt; font-weight: bold; } .shoppingForm { font-size: 8pt; color:#002d62; } .shoppingFormQuantity { background-color: #ffffff; font-size: 8pt; } .shoppingFormRequired { font-size: 8pt; font-weight: bold; color:#002d62; } .shoppingFormRequired input, .shoppingFormRequired select { font-weight: normal; color:#000; } .shoppingHeading { color:#002d62; } .shoppingInStock { } .shoppingItemHeading { } .shoppingOutOfStock { color: #dd0000; } .shoppingLowStock { } .shoppingTable { background-color: #e8e8e8; color:#002d62; } .shoppingTableBorder { background-color: #ffffff; } .shoppingFormRequired { width: 1%; } /* ModuleEnd::commerce */ /* ModuleBegin::poll */ .pollSmallWrapper span, .pollDetailWrapper span { display: block; padding: 5px 0px;} .pollSmallWrapper span.pollChoices { padding-bottom: 5px; } .pollListWrapper { } .pollDetailWrapper { } .pollQuestion { } .pollChoices { } .pollLink { } .pollResultQuestion { font-weight: bold; } .pollResultChoices { } .pollBar { background-color: #ccc; height: 7px; } /* ModuleEnd::poll */ /* ModuleBegin::forum */ .message a { color: #388811; } .frame { padding: 1px; border: 2px solid #0279BA; margin: 10px 0px; clear:both; } .frame table { width:100%; text-align:center; } .frame th { color: #ffffff; padding:0px 3px; font-weight:bold; background-color:#0279BA; height:30px; border-right:1px solid white; } .frame td { padding: 5px; border-top:1px solid white; border-right:1px solid white; } .frame tr { background-color: #F1F1F1; } .frame .category td { background-color:#f6f6f6; font-weight:bold; color:#0279BA; padding:10px 5px; font-size:12px; text-align: left; } .frame .message { padding:10px 10px 20px 10px; font-size:12px; text-align:left; } .frame .messageLabel { width:150px; font-weight:bold; text-align:left; vertical-align:top; padding:10px; } .frame .topic { text-align: left; font-weight:bold; padding-left:10px; } .frame .rowUnread { background-color: #fff; } .frame .rowEven { background-color: #f1f1f1; } .frame .rowEvenUnread { background-color: #fff; } .frame .rowOddUnread { background-color: #fff; } .seperator td { background-color:silver; height:6px; } .backtotop { text-align: left; } .title { font-weight: bold; text-align:left; padding-left:10px; } .blurb { font-size: 11px; text-align:left; padding-left:10px; padding-bottom:5px; } .post .date { font-size: 9px; } .messageHeader { border-bottom: 1px solid #CCCCCC; height:18px; width:99%; margin-bottom:10px; } .messageHeader .date { float: left; font-size:9px;} .messageHeader .subject { color: #388811; float: left; padding-left:10px; font-size:9px; font-weight:bold; } .messageHeader .number { float: right; } .tagSearch { background-color:#fff; font-weight:bold; } .tagCode { background-color:black; color: white; font-family: monospace; border: 1px inset white; padding:10px; margin:10px 30px; font-size:12px; } .tagQuote { background-color:white; color:black; border: 1px inset black; padding:20px; margin:10px 30px; font-size:12px; } .tagQuoteBy { color:#388811; padding-bottom:5px; } .tagQuoteName { font-weight:bold; } .tagCode a, .tagCode a:visited { color:white; font-weight:bold; } .tagImage { border:0 } .buttonBar td { background-color: #cccccc; padding: 10px; } .bar, .pagesFrame { height:20px; } .bar .button { float: right; margin-left:3px; } .button { font-weight: bold; } .breadcrumb { font-weight:bold; padding:5px 0px; float:left; } .header .pagesFrame { margin-top:10px; } .footer .pagesFrame { margin-bottom:10px; } .pages { float:right; border-top:1px solid #cccccc; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; } .pages div { float:left; } .prevGroup, .prev, .next, .nextGroup { border-left:1px solid #cccccc; padding: 3px 5px; } .prevGroup, .nextGroup { background-color:#F1F1F1; } .prev, .next{ background-color:#f1f1f1; } .pagesLister { padding: 3px 0px; } .prevnextCurrent, .prevnextWindow { padding:3px 5px; border-left: 1px solid #cccccc; } .prevnextCurrent{ font-weight:bold; } #freedomForum.layouterror .frame { border:0px solid #388811; margin: 20px; } #bbcode_help table { border-width: 1px; border-spacing: 0px; border-style: outset; border-collapse: separate; background-color: white; } #bbcode_help table th { border-width: 1px; padding: 2px 6px; border-style: inset; background-color: #388811; -moz-border-radius: 0px 0px 0px 0px; } #bbcode_help table td { border-width: 1px; padding: 2px 6px; border-style: inset; -moz-border-radius: 0px 0px 0px 0px; } .youngInvestigator td { width: 49% !important; padding: 20px 10px 20px 10px; } } /* ModuleEnd::forum */