/* ----------------- General & Resets ----------------- */ #editAnywhere {display:none;} body { background: #ffffff; position: relative; font-family: 'Muli', sans-serif; color: #1a2732; margin: 0; font-size:16px; } body.home { background: #fff; } input, textarea, select { font-family: 'Muli', sans-serif; font-size: 15px; box-sizing: border-box; line-height: 30px; height: 38px; width: 100%; padding: 4px 8px; border: 1px solid #ccc; outline: 0px; margin: 3px 0 3px; background: #f8f8fc; border-radius: 5px; transition: border 0.2s ease-out 0s, box-shadow 0.2s ease-out 0s;} input { } input[type="button"] {height: auto;} input[type="checkbox"] { width: auto; vertical-align: middle; margin-right: 5px; -webkit-appearance: none; } input[type="file"] { height: 30px; line-height: normal; padding-top:4px; padding-bottom:4px; box-sizing: content-box; width: auto; } input[type="password"] {} input[type="radio"] { width: auto; vertical-align: middle; margin-right: 5px; } input[type="submit"] { height: auto; } input[type="text"] {} select { height: 38px; line-height: normal; padding-top:0px; padding-bottom:0px; } textarea { height: auto; line-height: normal; width: 100%; } /* Input Focus Styling */ input[type="text"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime-local"]:focus, input[type="number"]:focus, input[type="range"]:focus, input[type="color"]:focus, select:focus, textarea:focus { border-color: #387fc0; box-shadow: 0 1px 1px rgba(0,0,0,0.07) inset,0 0 5px rgba(89,153,178,0.333); } a { text-decoration:none; color: #D3222F;/*color: #D3222F; old red style*/} a:hover { text-decoration:underline; } img {border:0px;} .wrapper {margin:0 auto; width: 96%; max-width: 1260px; position:relative;} .mobile_only { display: none !important; } .clear {clear:both;} h1, h2, h3, h4, h5, h6 { color: #333333; font-weight: 700; line-height: 1.3em; margin: 0px 0px 1em; padding-top: 0.73em;} h1 { font-size: 28px;} h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 20px;} h5 { font-size:18px; } h6 { font-size:16px; } /* More buttons & General Page Button Styling */ a.morebutton, .morebutton a, a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a, a.redbutton, .redbutton a, .button, button, input[type="button"], input[type="submit"] { cursor: pointer; font-weight: bold; font-size: 16px; border:0px; border-radius: 32px; line-height: 50px; padding: 0 46px;background: #0F68B3;/* background: #ec2027; old red style*/ color: #fff; display: inline-block; border: 2px solid transparent; } a.morebutton:hover, .morebutton a:hover, button:hover, input[type="button"]:hover, input[type="submit"]:hover { background: #30B410;/*background: #F18F41; Old Red style*/ color: #fff; -moz-transition: all 0.21s ease-in-out; -webkit-transition: all 0.21s ease-in-out; transition: all 0.21s ease-in-out;} a.morebutton.white, .morebutton.white a, .button.white { background: #fff; color: #363636; border-color: #363636; text-decoration:none;} a.morebutton.white:hover, .morebutton.white a:hover { background: #363636; color: #fff; } /* Specific Colored WYSIWYG Editor Buttons */ a.bluebutton, .bluebutton a, a.greenbutton, .greenbutton a, a.navybutton, .navybutton a { margin: 0 12px;} a.bluebutton:first-child, .bluebutton a:first-child, a.greenbutton:first-child, .greenbutton a:first-child, a.navybutton:first-child, .navybutton a:first-child { margin-left:0px;} a.bluebutton, .bluebutton a { background: #0F68B3 /*background: #ec2027 ; old red style*/} a.bluebutton:hover, .bluebutton a:hover { background: #35A331; /*background: #F18F41; old red style*/ text-decoration:none;} a.greenbutton, .greenbutton a, button[type="submit"] { background: #35A331; /*background: #f18f41; old red style*/ } a.greenbutton:hover, .greenbutton a:hover, button[type="submit"]:hover { background: #35A331; /*background: #F29E66; old red style*/ } a.navybutton, .navybutton a { background: #253746; } a.navybutton:hover, .navybutton a:hover { background: #394a59; } a.redbutton, .redbutton a { background: #BF2525; } a.redbutton:hover, .redbutton a:hover { background: #E05D5D; text-decoration:none;} h1.title { padding-top: 0.3em; } h2.subtitle { position: relative; padding-top:0px; top: -0.9em; margin-bottom: 0.5em;} /* Header tags with inline filters */ .with_filter { display: flex; flex-direction: row; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; padding-bottom: 8px; border-bottom: 1px solid #ddd; line-height: 40px;} .with_filter.no_border {border:0px; padding-bottom:0px;} .with_filter.centered { align-items: center;} .with_filter span {flex: 1 0 50px;} .with_filter span.header_text { flex: 0 1 auto; margin-right: 20px; } .with_filter span.filter_button_container { flex: 1 1 250px; max-width: 360px; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: flex-end; } .with_filter span.filter_button { flex: 1 1 50px; max-width: 100px; margin: 5px 0 4px 5px; text-align:center;} .with_filter span.filter_button a { } .with_filter span.filter_button.current a { background: #95d600; color: #fff; pointer-events: none; cursor: default; } hr { border:0px; height: 1px; background: #e2e2e2; margin: 15px 0;} .color_bar { height: 8px; background: rgb(53, 163, 49); background: -moz-linear-gradient(left, rgba(53, 163, 49, 1) 0%,rgba(15, 104, 179, 1) 50%); background: -webkit-linear-gradient(left, rgba(53, 163, 49, 1) 0%,rgba(15, 104, 179, 1) 50%); background: linear-gradient(to right, rgba(53, 163, 49, 1) 0%,rgba(15, 104, 179, 1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#35A331', endColorstr='#0F68B3',GradientType=1 ); /* old red style background: rgb(250,238,70); background: -moz-linear-gradient(left, rgba(250,238,70,1) 0%, rgba(236,32,39,1) 50%); background: -webkit-linear-gradient(left, rgba(250,238,70,1) 0%,rgba(236,32,39,1) 50%); background: linear-gradient(to right, rgba(250,238,70,1) 0%,rgba(236,32,39,1) 50%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#faee46', endColorstr='#ec2027',GradientType=1 ); */ } .split_left { width: 48.5%; float:left;} .split_right { width: 48.5%; float:right;} .editor_content { } .editor_content p, .editor_content ol, .editor_content ul, #tinymce p, #tinymce ol, #tinymce ul {line-height: 1.8em;} .editor_content ee, #tinymce table { border:0px !important; width: 100% !important; height: auto !important; max-width: 100%; border-spacing: 0px; border-collapse: collapse; box-sizing: border-box; margin-bottom: 15px;} .editor_content table tr, #tinymce table tr {} .editor_content table td, #tinymce table td { padding: 15px 18px; width: auto; height: auto !important; border:0px solid #C3BEBB;} .editor_content table tr:nth-child(even) td, #tinymce table tr:nth-child(even) td { background: #e3e3e3;} .editor_content table.with_green_heading tr:first-child, .editor_content .with_green_heading > table tr:first-child { background: #ffffff;color: #fff; font-weight: bold;} .editor_content table.with_green_heading tr:first-child td, .editor_content .with_green_heading > table tr:first-child td { border-color: #1c9479; } #tinymce { margin: 0px; line-height: 1.8em;} .photo_left { float: left; margin: 0 15px 15px 0; } .photo_right { float: right; margin: 0 0 15px 15px; } .collapsible_header { padding: 10px; background: #eee; cursor: pointer; text-align:left; } .collapsible_header span.fa { margin-right: 16px;} .collapsible_content { margin: 15px 0; padding: 0 15px; display: none; overflow:hidden; } .flex_row { display: flex; flex-flow: row wrap; align-items: center; justify-content: space-between; margin: 0 -15px;} .flex_item { flex: 1 1 100%; padding: 0 15px; box-sizing: border-box;} .flex_item.one_fifth { flex-basis: 19%;} .flex_item.one_fourth { flex-basis: 24%;} .flex_item.one_third { flex-basis: 33%;} .flex_item.one_half { flex-basis: 49%;} .flex_item.two_thirds { flex-basis: 66%;} .show_on_mobile { display: none !important; } .frameContainer { position: relative; overflow: hidden; padding-top: 56.25%; } .affiliates-container { display: flex; flex-wrap: wrap; justify-content: space-between; } .affiliate-item { flex-basis: calc(33%); padding-bottom: 20px; word-break: all; } .members-grid { display: flex; flex-wrap: wrap; } .members-item { flex: 33.33%; } .members-col-content { padding: 10px; } @media screen and (max-width: 768px ) {} @media screen and (max-width: 600px ) { .members-item { flex: 100%; } .one { order: 2; } .two { order: 1; } .three { order: 3; } } .pageLink { padding-left: 10px; padding-right: 10px; } .respFrame { position: absolute; top: 0; left: 0; width: 80%; height: 80%; border: 0; } /* -- Header Styles -- */ #header {position: relative; z-index: 2000; height: 130px; background: #fff; box-shadow:0px 3px 20px 0 rgba(0,0,0,0.10); } #header .wrapper { height: 100%;} #logo { display: block; position: absolute; left: 12px ; width: 242px; top: 15px; height: 100px; } #logo img { display: block; } #top_bar { background: #0F68B3 ; /*Red color: #ec2027 */ height: 32px; line-height: 32px; padding: 6px 0 7px; position: relative; } #top_bar .wrapper {max-width: 1700px; display: flex; align-items: center; } #top_menu { font-size: 16px; flex: 1 1 auto;} #top_menu a { color: #fff; padding: 0px 15px; margin-right: 20px;} #site_search { flex: 3 1 250px; position: relative; height: 30px;} #site_search #searchBoxInput { position: absolute; left: 0px; top:0px; display: block; margin:0px; padding-left: 20px; background: #fff; outline: 0; line-height: 20px; height: 30px; border-color: #fff; position: absolute; top: 0px; width: calc(100% - 50px); text-align:left; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } #site_search #search_button { width: 50px; height: 30px; line-height: 30px; padding:0px; text-align:center; cursor: pointer; position: absolute; right:0px; top:0px; font-size:18px; color: #fff; background: #30B410; /* background:#f18f41 ; Old Red Stle */ border: none; border-radius: 0px 5px 5px 0px;} #site_search #search_button span.fa { position: relative; top: -1px; left: -2px; } #main_menu { position: absolute; bottom:0px; right:0px; left:282px; height: 130px; } /* Home Page ------------------------------ */ #homepage_slideshow { position: relative; height: 675px; background: #1a2732; } #homepage_slideshow .wrapper { height: 100%;} #slides_cycle { position: relative; width: 100% !important; height: 100% !important; } .slide { position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important; } .slide_overlay { z-index: 1; position: absolute; left:0px; top:0px; bottom: 0px; right: 0px; background: -moz-linear-gradient(left, rgba(38,38,38,1) 0%, rgba(39,51,131,0) 100%); /* FF3.6-15 */background: -webkit-linear-gradient(left, rgba(38,38,38,1) 0%,rgba(39,51,131,0) 100%);background: linear-gradient(to right, rgba(38,38,38,1) 0%,rgba(39,51,131,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#00273383',GradientType=1 );} .slide .wrapper.caption { z-index: 3; height: 100%; width: 100%; max-width: 1200px;} .slide .outer { position: relative; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start;} .slide .inner { display: block; padding: 20px 12px 20px 100px; max-width: 500px; position: relative; left: 30%; transition-delay: 1s; } .slide.active .inner {left:0px; transition: left 1000ms ease-in-out; transition-delay: 0s;} .slide h1 { color: #fff; text-shadow: 1px 2px 3px rgba(0,0,0,0.3);} .slide p.desc { color:#fff; padding:0px; margin: 0px; text-shadow: 1px 2px 3px rgba(0,0,0,0.3); } .slide .slide_buttons { padding: 35px 0 30px; position: relative; left: -8px;} .slide a.morebutton { margin: 0px auto; display: inline-block; text-decoration:none;} #slide_pager { z-index: 5; position: absolute; left: 100px; top:0px; bottom: 0px; width: 50px; display: flex; flex-direction: column; justify-content: center; align-items: center;} #slide_pager a { background: rgba(255,255,255,0.21); display: block; margin: 8px 0; width: 32px; height: 32px; line-height: 32px; color: #fff; font-size: 16px; text-align:center;} #slide_pager a.activeSlide {background: rgba(255,255,255,0.55);} #home_welcome { position: relative; padding: 72px 0 80px; z-index: 20; position: relative;} #home_welcome .wrapper {} #home_welcome .morebutton { margin-top: 20px; } #home_stats { background: #0E3250; padding: 110px 0 80px; color: #fff;} #stats_columns { } #stats_columns .stat_box { text-align:center;} #stats_columns .stat_box .desc { line-height: 1.3em; font-size: 19px;} #stats_columns .stat_box .spacer { width: 100%; max-width: 100px; margin: 22px auto 15px; border-bottom: 4px solid #7fb542; /*Old red style border-bottom: 4px solid #ec2027;*/ } #stats_columns .stat_box .stat_line { font-size: 60px; font-weight: bold; } #home_events { padding: 72px 0 10px;} #home_events .moduleLister {position: relative; top: 0px; overflow: hidden;} #home_events h1 { padding: 0 110px;} #home_events h1 .morebutton { margin-left: 70px; } .events_slider {margin: 60px 110px 60px; height: 420px; position: relative;} .events_slides { position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important;} .events_slides .lister_slide {position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important;} .events_slide_prev, .events_slide_next { cursor: pointer; position: absolute; top: 50%; margin-top: -25px; width: 44px; border: 2px solid #363636; border-radius: 50% 50%; line-height: 44px; text-align:center; font-size: 28px;} .events_slide_prev {left: -100px;} .events_slide_next { right: -100px;} .events_slide_prev span.fa { position: relative; left: -1px; top: -1px;} .events_slide_next span.fa { position: relative; left: 1px; top: -1px;} #minical_test {padding: 30px 0; background: #E8ECF0;} #minical { background: #fff; color: #333; margin: 10px; } #sponsors1 { text-align:center; padding: 25px 0;} #sponsors2 { text-align:center; padding: 35px 0 50px; background: #E8ECF0;} #sponsors_cycle { display:block; height: 130px !important; width: 100% !important;} .sponsor_slide { position: absolute; width: 100% !important; height: 100% !important; left:0px; top:0px;} .sponsor_slide_link { position: relative; height: 100%; display:block; float:left; width: 18.4%; margin-left: 2%;} .sponsor_slide_link:first-child {margin-left:0px;} /* Interior Styles ------------------------------- */ #interior_content { padding-bottom: 0px; } #interior_content.full_width {} #interior_content > .wrapper { width: 100%; background: #fff; } #content { padding: 50px 50px 120px 360px ; min-height: 700px; overflow: hidden; } #interior_content.full_width #content { padding: 20px 60px !important; float: none; } #sidebar { position: absolute; left:50px; top: 50px; width: 250px;} #interior_header_banner { height: 310px; position: relative; background: #000 url('graphics/design/loading-transparent.gif') 50% 50% no-repeat; } #interior_header_banner .int_banner_image { position: absolute; left:0px; top:0px; right:0px; bottom: 0px; opacity: 0.1; background-position: 50% 50% ; background-repeat: no-repeat; background-size: cover; } #interior_header_banner.active .int_banner_image { opacity: 1; transition: opacity .4s ease; } #interior_header_banner span { display: none; } #sub_menu { display: none; margin-bottom: 30px; } #sub_menu ul { margin:0px; list-style-type: none;padding:0px 0; background: #1a2732; } #sub_menu>ul { margin:0px; padding: 5px 0; } #sub_menu ul li { margin:0px; padding: 0 10px; list-style-type: none; margin-bottom: 3px; } #sub_menu ul li.no_sub_display ul { display: none; } #sub_menu ul a { display:block; line-height: 18px; padding: 10px 12px 10px; color: #fff; font-size: 16px; font-weight: 400; } #sub_menu ul ul { } #sub_menu ul ul {display:none; margin: 2px 0; background: rgba(0,0,0,0.33);} #sub_menu ul ul.active {display:block;} #sub_menu ul ul li { padding-left: 15px; } #sub_menu ul ul ul li { padding-left: 30px; } #sub_menu ul a:hover, #sub_menu ul li.menuItemHighlight > a, #sub_menu a.current { background: #394a59; color: #fff; } #sub_menu ul li.menuItemHighlight > a, #sub_menu a.current { font-weight: bold; } #sub_menu_title {line-height: 48px; background: #394a59; margin:0px; padding: 0px 22px 0px ; color: #fff; font-weight: 400; font-size: 18px; } #sub_menu_title a { color: #fff; } #sub_menu ul li.menuItemHighlight>ul, #sub_menu ul li.menuItemHighlight>ul >li {display:block;} #side_banners { } #side_banners span { display: block; margin: 0 0 30px; } #side_banners span a { display: block;} #side_banners span img { display: block; width: 100% !important; height: auto !important; } /* Footer ------------------------------- */ #footer { background: #0E3250; /* background: #3a4d74; Old Red Style */ color: #fff; padding: 80px 0 80px; line-height: 24px; font-size: 16px; overflow: hidden;} #footer.events_extension {padding-top: 200px; } #footer .wrapper {max-width: 1040px;} #footer h1, #footer h2, #footer h3, #footer h4, #footer h5, #footer h6, #footer a { color: #fff; } .footer_content { align-items: flex-start; margin: 0 -35px;} .footer_content > .flex_item { flex: 1 1 135px; padding: 0 35px;} .footer_content > .flex_item.signup { flex: 1.85 1 100px;} form.email_signup_form {position: relative; display:block; height: 50px;} form.email_signup_form input { position: absolute; left: 0px; top:0px; display: block; margin:0px; padding-left: 20px; background: #fff; outline: 0; line-height: 40px; height: 50px; border-color: #fff; position: absolute; top: 0px; width: calc(100% - 72px); text-align:left; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } form.email_signup_form button { width: 72px; height: 50px; line-height: 50px; padding:0px; text-align:center; cursor: pointer; position: absolute; right:0px; top:0px; font-size:18px; color: #fff; background: #35A331; /*background:#f18f41 ; old red style*/ border: none; border-radius: 0px 5px 5px 0px;} .quicklinks {} .quicklinks a { display:block; font-size: 18px; padding: 8px 0;} .footer_contact p {margin:0px;} #footer a#credits {display: block; margin-top: 0px;} .social_menu a { display: inline-block;background: #0F68B3; /*background: #ec2027; Old red style*/ color: #fff; font-size: 20px; text-align:center; height: 36px; line-height: 36px; width: 36px; margin-right: 6px; border-radius: 100% 100%; text-decoration:none;} .social_menu a:hover { background: #35A331; /* background: #f18f41; old red style */} /* a.facebook:hover { background: #3b5998 !important; transition: all 0.3s ease;} a.twitter:hover { background: #00aced !important; transition: all 0.3s ease;} a.linkedin:hover { background: #007bb5 !important; transition: all 0.3s ease;} a.instagram:hover { background: #125688 !important; transition: all 0.3s ease;} a.pinterest:hover { background: #cb2027 !important; transition: all 0.3s ease;} a.google:hover { background: #dd4b39 !important; transition: all 0.3s ease;} a.youtube:hover { background: #ed1c24 !important; transition: all 0.3s ease;} */ #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;} /*** Flexisel ***/ .nbs-flexisel-container { position:relative; max-width:100%;} .nbs-flexisel-ul { position:relative; width:99999px; margin:0px; padding:0px; list-style-type:none; text-align:center; } .nbs-flexisel-inner { position: relative; overflow: hidden; width:100%; padding: 0 70px; box-sizing: border-box; } .nbs-flexisel-item { float:left; margin:0px; padding:0px; position:relative; line-height:0px; height: 215px; } .nbs-flexisel-item span { display:block; position: absolute; top: 50%; left:18px; right:18px; transform: translateY(-50%);} .nbs-flexisel-item span a { display:block;} .nbs-flexisel-item img { width: 100% !important; max-width: 100%; height: auto !important; margin: 0 auto; cursor: pointer; position: relative; margin-top: 10px; margin-bottom: 10px; } .nbs-flexisel-nav-left, .nbs-flexisel-nav-right { display:block; padding:0; position: absolute; cursor: pointer; z-index: 4; top:0; bottom:0; line-height: 258px; font-size: 42px; width: 70px; text-align:center; background: #fff; color: #0669ac; font-family: 'FontAwesome'; } .nbs-flexisel-nav-left { left: 0px; } .nbs-flexisel-nav-left:before { content: "\f100"; } .nbs-flexisel-nav-left.disabled { opacity: 0.4; } .nbs-flexisel-nav-right { right: 0px; } .nbs-flexisel-nav-right:before { content: "\f101"; } .nbs-flexisel-nav-right.disabled { opacity: 0.4;} #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%; } /* ----------------- 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: #fff; } #main_menu>ul li > ul { display: none; } #main_menu>ul li:hover > ul { display: block; } /* Level 1 */ #main_menu>ul { text-align: center; width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: stretch; } #main_menu>ul>li { flex: 1 1 auto; display: block; text-align:center; padding: 0px; height: 116px; border-top: 7px solid transparent; border-bottom: 7px solid transparent;} #main_menu>ul>li>a { display: block; width: 100%; text-align:center; font-size: 18px; font-weight: bold; text-transform: uppercase; position: relative; line-height: 116px; padding: 0 0px; color: #363636; border-radius: 40px; text-decoration: none;} #main_menu>ul>li:hover { border-top-color: #35A331;/*border-top-color: #f18f41; old red style*/ } /* Level 2 */ #main_menu>ul>li>ul { position: absolute; top:123px;left: 0px; width: 250px; padding: 8px 0px; background: #0F68B3; /*background: #ec2027; old red style*/ border-top: 2px solid #112051;} #main_menu>ul>li.flyleft>ul { left: auto; right: 0px;} #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; text-decoration:none;} #main_menu>ul>li>ul>li:hover>a { background: rgba(255,255,255,0.3); color: #fff;} /* Level 3 and Beyond*/ #main_menu>ul>li>ul>li ul { position: absolute; top:-8px;right: -250px; width: 250px; padding: 8px 0px; background: #141e26; 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: #eee; color: #1f5489; } /* +++ Mobile Menu +++ */ #mobile_menu { display:none; background: #0F68B3; /*background: #ec2027; old red style*/ } #menu_toggle { display:none; position: absolute; right: 0px; top: 50%; margin-top: -27px; cursor:pointer; text-align:center;text-transform: uppercase;} #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; margin: 0; padding:0; list-style-type: none; position: relative; } #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: #35A331;/*border-top-color: #f18f41; old red style*/ padding: 10px 15px; line-height: 21px; font-size: 17px;border-bottom:1px solid #268E0D;} #mobile_menu li ul {display: none;} #mobile_menu img { display: none; } /* Level 1 */ #mobile_menu>ul { border-top: 1px solid #0B4E86;} #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 #0B4E86;} /* 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>span.fa {height: 32px; line-height: 32px; width:32px; background: rgba(255,255,255, 0.12);} #mobile_menu>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;border-bottom:1px solid rgba(0,0,0,0.2);} #mobile_menu>ul>li ul>li>a.haschildren {margin-right:32px;} #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;} /* Mobile Sitemap */ #mobile_sitemap { display:none; background: #1a2732; } #sitemap_toggle {display:none;} #sitemap_toggle, #sitemap_toggle2 { cursor:pointer; background: #16212A ; border-bottom:1px solid #1a2732; text-align:left; height: 40px; line-height:40px; font-size: 20px; font-weight: 700; padding: 0 12px; text-transform: uppercase; color: #fff; } #sitemap_toggle span.fa-bars, #sitemap_toggle2 span.f-bars { font-size: 25px; position: relative; left: -3px; top: 2px; } #mobile_sitemap ul { z-index: 100; margin: 0; padding:0; list-style-type: none; } #mobile_sitemap li { display: block; margin: 0; padding:0; list-style-type: none; position: relative; } #mobile_sitemap 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_sitemap a { display: block; text-transform: uppercase; color: #fff; font-size: 17px; font-weight: 700; } #mobile_sitemap a.haschildren { margin-right: 45px;} #mobile_sitemap>a { background: #bcbdc0; padding: 10px 15px; line-height: 21px; font-size: 17px;border-bottom:1px solid #1a2732;} #mobile_sitemap li ul {display: none;} #mobile_sitemap img { display: none; } /* Level 1 */ #mobile_sitemap>ul { border-top: 1px solid #1a2732;} #mobile_sitemap>ul.main_menu { border-top: 0px;} #mobile_sitemap>ul>li { } #mobile_sitemap>ul>li>a { padding: 10px 15px; line-height:21px; font-size: 17px; border-bottom:1px solid #1a2732;} /* Level 2 and Beyond */ #mobile_sitemap>ul>li ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_sitemap>ul>li ul ul { background: rgba(0,0,0,0.12); left: 0px; } #mobile_sitemap>ul>li ul ul ul { rgba(0,0,0,0.12); left: 0px; } #mobile_sitemap>ul>li ul>li>span.fa {height: 32px; line-height: 32px; width:32px; background: rgba(255,255,255, 0.12);} #mobile_sitemap>ul>li ul>li>a { font-size: 14px; padding: 8px 25px; line-height:16px;border-bottom:1px solid rgba(0,0,0,0.2);} #mobile_sitemap>ul>li ul>li>a.haschildren {margin-right:32px;} #mobile_sitemap>ul>li ul ul>li>a { font-size: 14px; padding: 8px 35px; line-height:16px;} #mobile_sitemap>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 {font-size: 15px; font-style: italic; padding: 0 0 8px;} .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.box {} .moduleLister.box .listerItem { border:0px; border-top: 1px solid #cecece; padding-top:10px; margin-bottom:0px;} .moduleLister.box .listerItem:first-child { border-top:0px;} .moduleLister.box .listerItem .title { margin:0px; padding-bottom: 8px; } .moduleLister.box .listerItem .title a { color: #000;} .moduleLister.box .listerItem .date {padding: 0 0 15px;} .errorMessage{ font-weight:bold; color:#f00; } .lister_slide { } .lister_slide .flex_row {align-items: stretch; margin: 0 -25px; justify-content: flex-start; position: relative; height: 100%;} .lister_slide_item { flex: 0 0 33.333%; padding:0px; margin:0px;} .lsi_box { margin: 0 25px; background: #fff; border-radius: 5px; box-shadow: 0px 3px 20px 0 rgba(0,0,0,0.10); position: relative; height: 100%;} .lsi_image { background: #eee; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; border-radius: 5px 5px 0 0; height: 210px;} .lsi_details {padding: 18px 24px 30px;} .lsi_title { margin:0px; padding: 0 0 8px;} .lsi_title a { color: #000;} .lsi_date { font-size: 15px; font-style: italic; padding: 0 0 8px;} .lsi_blurb { line-height: 18px; height: 72px; overflow: hidden;} .lsi_link { font-weight: bold;} /* 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::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::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 { margin-bottom: 30px; } .blogModule.archive .year { line-height: 48px; margin: 0px; padding: 0px 22px 0px; background: #f18f41; color: #fff; font-weight: 400; font-size: 18px; } .blogModule.archive .year a { color: #fff;} .blogModule.archive .month_container {background: #73830D; padding: 5px 10px;} .blogModule.archive .month { display: block; line-height: 18px; padding: 10px 12px 10px; color: #fff; font-size: 16px; font-weight: 400;} .blogModule.archive .month a {color: #fff;} .blogModule.archive .month:hover { background: rgba(255,255,255,0.6);} /* 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 ---- */ .cal { text-align: center; position:relative; background: transparent;} .calTop { border-top: 1px solid #65ab7c; height: 38px; line-height:38px; background: rgb(58,77,116); background: -moz-linear-gradient(top, rgba(58,77,116,1) 0%, rgba(31,65,124,1) 100%); background: -webkit-linear-gradient(top, rgba(58,77,116,1) 0%,rgba(31,65,124,1) 100%); background: linear-gradient(to bottom, rgba(58,77,116,1) 0%,rgba(31,65,124,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a4d74', endColorstr='#1F417C',GradientType=0 );} .calTop a { color: #fff; } a.calPrev, a.calNext { display: block; position: absolute; top: 0px; width: 42px; font-size: 17px; text-align:center; line-height:41px; height: 38px; } .calPrev:hover, .calNext:hover { background: rgba(255,255,255,0.3); } .calPrev { left: 0px; border-right: 1px solid #0a6127;} .calNext { right: 0px; border-left: 1px solid #0a6127;} .calMonth { position: absolute; top: 0; left: 43px; right: 43px; text-align: center; font-family: 'Quicksand', sans-serif; font-size: 18px; text-transform: uppercase; font-weight: bold; } .calGrid { background: #fff;clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse;} .calGrid td { position: relative; color: #2e2e2e; font-weight: bold; width: 14.2857%; font-size: 15px; height: 41px; padding: 0px 0; vertical-align: middle; text-align: center; } .calGrid tr.calWeek { text-align: center; } .calGrid tr.calWeek td { font-weight: normal; color: #fff; font-size: 12px; height: 33px; border-left: 0px ; border-top:0px;background: #0F68B3; /*background: #ec2027; old red style*/ } /* Small Calendar Only */ .cal.smallCalendar .calGrid td { border-left:1px solid #adadad; border-top:1px solid #adadad;} .cal.smallCalendar .calGrid tr.calWeek td {border-left: 0px; border-top:0px;} .cal.smallCalendar .calGrid td:first-child { border-left:0px;} .cal.smallCalendar .calGrid tr:first-child + tr td { border-top:0px;} .cal.smallCalendar .calGrid td .glance_inner { display:none; position: absolute; transition: all .3s; opacity: 0; position: absolute; bottom: 20px; left: 50%; margin-left: -60px; width: 106px; background: #4cc05c; color: #fff; padding: 5px 7px; font-size: 11px; line-height: 17px; text-transform: uppercase; } .cal.smallCalendar .calGrid td.hovered .glance_inner, .calGrid td.active .glance_inner { opacity: 1; bottom: 38px; z-index:25;} .cal.smallCalendar .calGrid td .glance_inner a { color: #fff;} .cal.smallCalendar .calGrid td .glance_inner a:hover {text-decoration: underline;} .cal.smallCalendar .calGrid td .glance_inner .bottom_triangle { position: absolute; top: 100%; border-bottom: 6px solid transparent; } .cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.right {left: 50%; border-left: 6px solid #4cc05c;} .cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.left {right: 50%; border-right: 6px solid #4cc05c;} .cal.smallCalendar .calGrid td.today { color: #177a38 ;} .cal.smallCalendar .calGrid td.activeday { cursor: pointer; } .cal.smallCalendar .calGrid td span.indicator { display: block; position: absolute; right: 0px; bottom: 0px; width:0px;height:0px; border-right: 12px solid #ccc; border-top:12px solid transparent;} /* Large Calendar Only */ .cal.largeCalendar .calGrid td { padding: 7px; vertical-align: top; text-align:left; height: 100px; border-right:1px solid #adadad; border-bottom:1px solid #adadad; } .cal.largeCalendar .calGrid tr.calWeek td { border-right: 0px; border-bottom: 0px; text-align:center; height: auto;} .cal.largeCalendar .calGrid td .glance_inner { display: block; padding-top: 7px; font-size: 13px;} .cal.largeCalendar .calGrid td:first-child { border-left:1px solid #adadad;} .glance_inner a { margin-bottom: 10px; display: block; } .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 ----- */ form[name="eventTicketSelect"] { width: 100%; display:block; margin-bottom :20px;} form[name="eventTicketSelect"] table { border: 1px solid #f18f41; border-collapse: collapse; border-spacing: 0px; margin-bottom :20px;} form[name="eventTicketSelect"] table td { border: 1px solid #f18f41; padding: 4px 6px;} form[name="eventTicketSelect"] table thead td { background: #f18f41; color: #fff; font-weight: bold; } .eventTicketTypeTitle { margin: 20px auto; white-space: nowrap; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; width: 100%; text-align: center; padding: 10px;0 } .ticketTypeSummary td {padding: 5px 10px; } .ticketTypeSummary .ticketPriceTotal { text-align: right; font-size: 20px; font-weight: bold; } .ticketTypeSummary .ticketPriceTotal td { border-top: 1px solid #CCC; } .ticketQuantity, td.ticketTotal { text-align: center; } .repeatSection { margin:0px !important; padding: 5px 8px;} .odd.repeatSection { background: #eee; } .odd.repeatSection.last { margin-bottom: 10px !important;} #registrationSummary td { padding:1px 10px; } /* ModuleEnd::events */ /* ModuleBegin::forms */ .formFieldWrapper { margin-bottom: 15px;} .formFieldWrapper .formField { } .formLabel.formAlign_align { font-weight: bold;} .formField.formAlign_align { } .formLabel.formAlign_split, .formField.formAlign_split { } .formLabel.formAlign_none, .formField.formAlign_none { } .formButtonWrapper {text-align:center;} .formButtonWrapper input[type="button"], .formButtonWrapper input[type="submit"] { width: auto; } /* 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 */ /* Vue Manager */ #vue_manager {} #vue_manager .manager_item { border: 1px solid #ddd; border-radius: 6px; padding: 12px 18px; margin-bottom: 15px;} #vue_manager .manager_item h4 {padding-top: 5px;} #vue_manager .manager_item ul { padding:0px; margin: 0px;} #vue_manager .manager_item ul li { position: relative; list-style-type: none; padding: 2px 12px; background: #f2f2f2; margin: 0 0 2px; border: 1px solid transparent;} #vue_manager .manager_item ul li.active {border-color: #f18f41;} #vue_manager .manager_item ul li .edit_toggle { position: absolute; right: 12px; top: 50%; height: 30px; line-height:30px; padding: 0 6px; margin-top: -15px; border-radius: 4px; cursor: pointer;} #vue_manager .manager_item ul li .edit_toggle span.fa {position: relative; left: 1px; top: 1px;} #vue_manager .manager_item ul li .liverow { display:block;} #vue_manager .manager_item ul li.editing .liverow { display:none;} #vue_manager .manager_item ul li .liverow span.price { font-weight: bold; padding-left: 12px; } #vue_manager .manager_item ul li .editrow { display:none;} #vue_manager .manager_item ul li.editing .editrow { display:block;} #vue_manager .manager_item ul li .editrow input { width: 140px;} #vue_manager textarea.debug { opacity: 0.7; pointer-events: none; resize: none; height: 400px;} /* Kim Styles */ .scroll-left { height: 50px; overflow: visible; position: relative; background: #0F68B3; /*background: #ec2027; old red style*/ color: white; font-weight: bold; border: 0px solid orange; } .scroll-left p { position: absolute; width: 100%; height: 100%; margin: 0; line-height: 50px; text-align: left; /* Starting position */ -moz-transform:translateX(100%); -webkit-transform:translateX(100%); transform:translateX(100%); /* Apply animation to this element */ -moz-animation: scroll-left 25s linear infinite; -webkit-animation: scroll-left 25s linear infinite; animation: scroll-left 25s linear infinite; } /* Move it (define the animation) */ @-moz-keyframes scroll-left { 0% { -moz-transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); } } @-webkit-keyframes scroll-left { 0% { -webkit-transform: translateX(100%); } 100% { -webkit-transform: translateX(-100%); } } @keyframes scroll-left { 0% { -moz-transform: translateX(100%); /* Browser bug fix */ -webkit-transform: translateX(100%); /* Browser bug fix */ transform: translateX(100%); } 100% { -moz-transform: translateX(-100%); /* Browser bug fix */ -webkit-transform: translateX(-100%); /* Browser bug fix */ transform: translateX(-100%); } } /* Kim's Countdown Style */ #countdown { text-align: center; font-size: 60px; margin-top: 0px; color: white; background-color: #ec2027; } /* ModuleBegin::directory-members */ .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: auto; } #form_betterSearch .memberSearchFields { display:inline-block; margin-right:20px; vertical-align:middle; } #form_betterSearch input[type=submit] { width:inherit; height:inherit; line-height:38px; padding: 0px 25px; border: 0 none; } /* ModuleEnd::directory-members */ /* 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 */