/* ----------------- General & Resets ----------------- */ #editAnywhere {display:none;} body { background: #ffffff; position: relative; font-family: 'Ubuntu', sans-serif; color: #323e48; margin: 0; font-size:15px; } body * { font-family: 'Ubuntu', sans-serif; } input, textarea, select { font-size: 15px; } input[type="submit"] { } a { text-decoration:none; color: #2f7de1; } img {border:0px;} .wrapper {margin:0 auto; width: 97%; max-width: 1100px; 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; } .collapsible_header_two { padding: 2px 0; cursor: pointer;} .collapsible_header_two span.fa { padding-right: 16px;} .collapsible_content_two { margin: 15px 0; padding: 0 15px; display: none; overflow:hidden; } .clear {clear:both;} .clearleft {clear:left;} h1, h2, h3, h4, h5, h6 { color: #333333; font-weight: 500; text-transform: uppercase; line-height: 1.3em; margin: 0px 0px 1em; padding-top: 0.73em;} h1 { font-size: 24px;} h2 { font-size: 21px; } h3 { font-size: 18px; } h4 { font-size: 16px;} h5, h6 { font-size:15px; } .st-custom-button { display: inline-block; cursor: pointer; color: #2f7de1; } a.morebutton, .morebutton a { background: #415464; 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.morebutton:hover, .morebutton a:hover { background: #4a6378;} a.pdfbutton, .pdfbutton a { background: #ff5859; 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.pdfbutton:hover, .pdfbutton a:hover { background: #FF8080;} a.lapis_button, .lapis_button a, a.sea_button, .sea_button a, a.agate_button, .agate_button a, a.moss_button, .moss_button a, a.iris_buton, .iris_buton a, a.garnet_button, .garnet_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.lapis_button, .lapis_button a {background: #2f7de1;} a.lapis_button:hover, .lapis_button a:hover {background: #639DE9;} a.sea_button, .sea_button a {background: #00adbb;} a.sea_button:hover, .sea_button a:hover {background: #00C9D9;} a.agate_button, .agate_button a {background: #00b44f;} a.agate_button:hover, .agate_button a:hover {background: #00D65E;} a.moss_button, .moss_button a {background: #72d54a;} a.moss_button:hover, .moss_button a:hover {background: #92DF73;} a.iris_buton, .iris_buton a {background: #aa7bc9;} a.iris_buton:hover, .iris_buton a:hover {background: #C09ED7;} a.garnet_button, .garnet_button a {background: #d7006d;} a.garnet_button:hover, .garnet_button a:hover {background: #FF0081;} h1.title { } h2.subtitle { color: #00adbb; padding:0px 0 5px; margin:0px; position: relative; top: -18px; text-transform: none; } #interior_content { } #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;} .photo_left { float: left; margin: 0 15px 15px 0; } .photo_right { float: left; margin: 0 0 15px 15px; } .col2, .col3 { float:left; margin-left: 4%; position: relative;} .col2:first-child, .col3:first-child { margin-left: 0px; } .col2 { width: 48%;} .col3 { width: 30.666%; } /* -- Header Styles -- */ #alerts { padding: 7px 0; background: #ff5859;} #alerts span.fa {position: absolute; left: 0px; top: 50%; margin-top: -13px; height: 26px;font-size:26px; color: #fed533;} .alert { padding-left: 47px; line-height: 26px ; font-size: 16px; color: #fff; } .alert a { color: #fff; } #header { height: 135px; } #logo { display: block; height:73px; width: 240px; padding-left: 95px; position: absolute; left:0; top: 36px; 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;} #top_menu { z-index: 500; text-align: right; position: absolute; right: 50px; top: 55px;} #top_menu a { padding-left: 24px; font-size: 15px; font-weight: 500; color: #323e48;} #phone { position: absolute; top: 15px; right:0px; font-size: 20px; font-weight: bold; } #phone span { display: none; } #search { background: #fff; position: absolute; top: 50px; right: 0px; width: 30px; height: 25px; overflow:hidden; z-index: 1000; transition: all 0.5s ease; } #search.active { width: 170px; } #search #searchBoxInput { position: absolute; right:30px; top:0px; margin:0px; color: #323e48; background: rgba(0,0,0,.2); font-size: 15px; outline: 0; border: 0; width: 115px; padding: 6px 10px 4px 10px; line-height: 15px; height: 15px; border-radius: 6px; z-index: 1001;} #search #search_button {width: 30px; height: 25px; line-height:25px; text-align:right; cursor: pointer; float: right; font-size:24px; color: #938b82; } #search #search_button span.fa { position: relative; top: -1px;} #main_menu { background: #253746; position: relative; z-index: 9999;} .top_sub_menu { display: none !important; } .expand-toggle { cursor: pointer; background: #eee; padding:10px; clear: both; } .expand-toggle i.fa {background: #fff;padding: 2px;border-radius: 50%; box-shadow: 1px 1px 4px rgba(0,0,0,.5);} .expand-toggle.open {} /* Home Page ------------------------------ */ #homepage_slideshow { z-index: 300; position: relative; background: #000; width: 100%; height: 35vw; overflow: hidden;} #slides_cycle { position: relative; width: 100% !important; height: 100% !important; } .slide { position: absolute; left:0px; top:0px; width: 100% !important; height: 100% !important; } .slide .caption { position: absolute; opacity: 0; bottom: -5%; width: 80%; padding-bottom: 140px; left: 10%; transition: all 0.7s ease; text-align:center; color: #fff; } .slide .caption a.button { padding: 20px 35px; background: rgba(37,55,70,0.7); display: inline-block; margin: 0 20px; color: #fff; font-size: 16px; font-weight: 500; text-transform: uppercase; line-height:26px;} #slide_prev, #slide_next { display: none; cursor: pointer; position: absolute; z-index: 400; top: 50%; margin-top: -20px; line-height: 70px; height: 70px; width: 70px; color: #fff; font-size: 40px; text-shadow: 1px 2px 3px rgba(0,0,0,0.4); text-align:center; } #slide_prev { left: 2.5%; } #slide_next { right: 2.5%; } #homepage_slideshow:hover #slide_prev, #homepage_slideshow:hover #slide_next { display: block;} #slide_prev:hover, #slide_next:hover { background: rgba(0,0,0,0.6); } #home_top { background: #253746; color: #fff; padding: 25px 0; line-height: 26px;} #home_top h1 { text-align:center; color: #fff;} #home_top a { color: #fff; } #home_middle { padding: 60px 0;} .homebox { display: block; width: 29%; margin-left: 6.5%; float:left; height:200px; position: relative;} .homebox.box1 { margin-left:0px;} .box_name { display: block; position: absolute; left: 0px; width: 100%; bottom: 20px; line-height: 26px; padding: 10px 0; background: rgba(255,90,90,0.8); color: #fff; text-transform: uppercase; text-align:center; transition: all 0.3s ease;} .homebox:hover .box_name { bottom: 26px; background: rgba(255,120,120,0.9)} #home_bottom { padding: 0 0 40px;} #home_event_cal { float:left; width: 64.5%; } #minical { /* All Minical Styles in Module Section */ padding-bottom: 10px;} #home_event_list { float: right; width: 29%;} #home_event_list a { display: block; background: #ccc; color: #fff; padding: 5px 12px; margin: 0 0 4px; line-height: 23px; } #home_event_list a span.title { display: block; font-size: 16px; font-weight: 500; } #home_event_list a span.date { display: block; font-size: 14px; } #home_event_list a.item1 { background: #2f7de1;} #home_event_list a.item1:hover { background: #5897E7; } #home_event_list a.item2 { background: #00adbb;} #home_event_list a.item2:hover { background: #00C9D9; } #home_event_list a.item3 { background: #00b550;} #home_event_list a.item3:hover { background: #00D95F; } #home_event_list a.item4 { background: #72d54a;} #home_event_list a.item4:hover { background: #AAE692; } #home_event_list a.item5 { background: #aa7bc9;} #home_event_list a.item5:hover { background: #C5A5DA; } /* Interior Styles ------------------------------- */ #interior_content { } #interior_content.full_width {} #interior_content .wrapper { } #interior_header_banner { height: 500px;} #interior_header_banner span, #interior_header_banner span img { display: none; } #interior_header_banner .banner_caption { color: #fff; font-size: 30px; font-weight: bold; line-height: 35px; text-align:center; padding: 95px 0 0 ; margin: 0 auto; width: 100%; max-width: 570px; text-shadow: 1px 2px 3px rgba(0,0,0,0.7); } #content { padding: 15px 30px 50px 370px; min-height: 700px; overflow: hidden; } #interior_content.full_width #content { padding: 15px 30px 50px 30px; } #sidebar { width: 330px; position: absolute; left:0px; top:25px; min-height: 700px; display: block ; } #sub_menu { display:none; background: #2f7de1; margin-bottom: 20px;} #sub_menu .sub_menu_title { line-height: 26px; font-size: 18px; font-weight: 700; text-transform: uppercase; padding: 7px 20px; color: #fff;} #sub_menu ul, #sub_menu li { padding: 0px; margin: 0px; list-style-type: none; display: block;} #sub_menu a { display: block; color: #fff; padding: 10px 20px ; line-height: 18px;} #sub_menu a:hover, #sub_menu a.current { background:#609CE8; } #sub_menu ul ul { padding: 0 0 0 15px;} #sub_menu > ul { padding-bottom: 20px; } #side_banners span { display: block;} #side_banners span img { display: block; width: 100% !important; height: auto !important; margin-bottom: 20px;} #landing_content { background: #00adbb; color: #fff; padding: 30px 0;} #landing_content * { color: #fff; text-align:center;} #landing_content h1 { padding-top: 0px; margin-bottom: 1.75em;} #landing_content a { color: #fff; text-decoration: underline;} #sub_menu_boxes { vertical-align:top; padding: 45px 0 20px; text-align:center; width: 100%; max-width: 1700px; margin: 0 auto;} .sub_menu_box { vertical-align:top; display: inline-block; background: #d8d1ca; width: 255px; margin: 0 1% 25px; height: 200px; text-align:center; color: #253746; transition: all 0.3s ease; transform: scale(1.0, 1.0);} .sub_menu_box:hover { background: #efe1d3;} .sub_menu_box .icon { display: block; height: 91px; transition: all 0.3s ease; } .sub_menu_box:hover .icon { transform: scale(1.1, 1.1); } .sub_menu_box .title { display: block; font-size: 20px; font-weight: bold; padding: 0 10px 10px;} .sub_menu_box .description { display: block; padding: 0 10px 0; font-size: 14px; font-weight: 500; } #sub_menu_boxes.boxes6 { max-width: 1000px; } .iframecontent_left { float: left; width: 30%; box-sizing: border-box; padding-right: 20px;} .iframecontent_right { float: left; width: 70%; box-sizing: border-box;} /* Footer ------------------------------- */ #footer { background: #253746; padding: 30px 0; color: #fff; min-height: 250px; } #footer .wrapper {} #footer_menu { width: 50%; float:left;} #footer_menu ul, #footer_menu li { padding: 0; margin: 0; list-style-type:none; display: block; line-height: 24px;} #footer_menu a { color: #fff; display: block;} #footer_menu a:hover { color: #ff5859; transition: color 0.1s ease;} #footer_menu > ul {} #footer_menu > ul > li { float:left; width: 33.3333%; box-sizing: border-box;font-weight: 500; font-size: 16px;} #footer_menu > ul > li.item2 {width: 38.3333%;} #footer_menu > ul > li.item3 { width: 28.3333%;} #footer_menu > ul > li > a { display: block; padding: 5px 15px 5px 0;} #footer_menu > ul > li > ul {} #footer_menu > ul > li > ul > li { font-weight: 400; font-size: 14px;} #footer_right { width: 46.5%; float: right;} #footer_right .subscribe_button { display: block; background: #ff5859; font-size: 16px; line-height: 26px; padding: 7px 20px; color: #fff; font-weight: 500; text-align:center; margin: 6px 0 15px;} #footer_right .subscribe_button:hover { background: #FF8F90; } #social_menu { display: inline-block; vertical-align: middle;} #social_menu a { display: inline-block; background: #07abb9; color: #253746; width: 30px; height: 30px; line-height: 30px; font-size: 20px; margin-right: 10px; text-align:center; vertical-align: middle; border-radius: 20px; transition: all 0.3s ease;} #social_menu a.fa-play { text-indent: 2px;} #social_menu a.fa-facebook:hover { background: #3b5998; color: #fff;} #social_menu a.fa-twitter:hover { background: #00aced; color: #fff;} #social_menu a.fa-play:hover {background: #e52d27; color: #fff;} #footer_phone { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: bold; padding-left: 5px;} #contact { background: #00adbb; color: #fff; text-align:center;} #contact p { display: inline-block; margin-left: 6px; padding-left: 6px; border-left: 1px solid #fff; line-height: 15px; font-size: 14px; } #contact p:first-child { margin-left:0; padding-left:0 ; border-left: 0px;} #contact 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 { display: block; list-style-type: none; margin: 0px; padding: 0px; height: 50px; text-align: center; position: relative;} #main_menu>ul li { display: block; list-style-type: none; margin-top:0; margin-bottom:0; position: relative; display: inline-block; text-align:center; padding: 0 0px; } #main_menu>ul a { display:block; text-transform: uppercase; font-size: 18px; font-weight: 700; position: relative; line-height: 50px; color: #fff; padding: 0 19px; } #main_menu>ul.top_sub_menu a { color: #a4bcc4; padding: 0 30px;} #main_menu>ul li:hover a { color: #ff5859; transition: all 0.3s ease;} #main_menu>ul li a.current, #main_menu>ul li.menuItemHighlight a { color: #00adbb;} #main_menu>ul li > ul { display: none; } #main_menu>ul li:hover > ul { display: block; } /* Level 1 */ #main_menu>ul { } #main_menu>ul>li { } #main_menu>ul>li>a {} /* Level 2 */ #main_menu>ul>li:hover > ul { position: absolute; top: 50px; left:0px; width: 200px; background: #2f7de1; margin: 0px; padding: 0px 0px; } #main_menu>ul>li:hover > ul > li { padding: 0px ; text-align:left; float:none; display:block; } #main_menu>ul>li:hover > ul > li > a { color: #fff; line-height: 18px; padding: 13px 20px; font-size: 15px; text-transform: none; font-weight: 400; } #main_menu>ul>li:hover > ul > li > a:hover { color: #fff; background:#609CE8; } /* Level 3 */ #main_menu>ul>li:hover > ul ul { position: absolute; top: 0px; left:200px; width: 200px; background: #1F6ED4; margin: 0px; padding: 5px 0px; } #main_menu>ul>li:hover > ul ul > li { padding: 0px ; text-align:left; float:none; display:block; } #main_menu>ul>li:hover > ul ul > li > a { color: #fff; line-height: 18px; padding: 10px 20px; font-size: 15px; text-transform: none; font-weight: 400; } #main_menu>ul>li:hover > ul ul > li > a:hover { color: #fff; background:#609CE8; } /* +++ Mobile Menu +++ */ #mobile_menu { display:none; background: #2f7de1; } #menu_toggle { margin-top: 20px; float:right; cursor:pointer; display:none; text-align:center; height: 40px; line-height:40px; font-size: 20px; font-weight: 700; padding: 0 12px; background:none; text-transform: uppercase; color: #000; } #menu_toggle span { background: #FF5A5A; height: 55px; width: 55px; display: inline-block; border-radius: 50%; line-height: 55px; color: #fff; font-size: 14px; } #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: #00adbb; 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; } .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::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::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::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 {} .filter { padding-top: 14px;} /* ---- 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 Box */ .newsModule.moduleLister.box {} .newsModule.moduleLister.box .listerItem { border: 0px; margin:0px; padding: 15px 0 10px;} .newsModule.moduleLister.box .listerItem:first-child { padding-top: 0px; } .newsModule.moduleLister.box .listerItem h4, .newsModule.moduleLister.box .listerItem p { margin:0; padding: 0; } .newsModule.moduleLister.box .listerItem h4 a { color: #015a96; } .newsModule.moduleLister.box .listerItem h5 a { } /* ---- Events Small Calendar ---- */ .cal { text-align: center; position:relative; background: transparent;} .calTop { height: 39px; line-height:39px; border-top: 1px solid rgba(255,255,255,0.3); background: rgb(13,177,190); background: -moz-linear-gradient(top, rgba(13,177,190,1) 0%, rgba(0,164,178,1) 100%); background: -webkit-linear-gradient(top, rgba(13,177,190,1) 0%,rgba(0,164,178,1) 100%); background: linear-gradient(to bottom, rgba(13,177,190,1) 0%,rgba(0,164,178,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0db1be', endColorstr='#00a4b2',GradientType=0 ); } .calTop a { color: #fff; } a.calPrev, a.calNext { display: block; position: absolute; top: 0px; width: 42px; font-size: 15px; text-align:center; line-height:39px; height: 39px; color: #fff;} .calPrev { left: 0px; } .calNext { right: 0px;} .calMonth { position: absolute; top: 0; left: 43px; right: 43px; text-align: center; font-size: 18px; color: #fff; font-weight: bold; text-transform: uppercase; } .calGrid { clear: both; width: 100%; text-align: center; margin-left: auto; margin-right: auto; border-collapse: collapse; background: rgb(255,255,255); background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(240,240,240,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0',GradientType=0 ); } .calGrid td { position: relative; color: #333; width: 14.2857%; font-size: 14px; height: 45px; padding: 0px 0; vertical-align: middle; text-align: center; } .calGrid tr.calWeek { text-align: center; } .calGrid tr.calWeek td { font-weight: normal; font-weight: 700; text-transform: uppercase; color: #fff; font-size:12px; height: 33px; border-left: 0px ; border-top:0px; background: rgb(13,177,190); background: -moz-linear-gradient(top, rgba(13,177,190,1) 0%, rgba(0,164,178,1) 100%); background: -webkit-linear-gradient(top, rgba(13,177,190,1) 0%,rgba(0,164,178,1) 100%); background: linear-gradient(to bottom, rgba(13,177,190,1) 0%,rgba(0,164,178,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0db1be', endColorstr='#00a4b2',GradientType=0 ); } .calGrid td.today { } .calGrid td.activeday {} /* Small Calendar Only */ .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: #00adbb; 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 #00adbb;} .cal.smallCalendar .calGrid td .glance_inner .bottom_triangle.left {right: 50%; border-right: 6px solid #00adbb;} .cal.smallCalendar .calGrid td.today { color: #00adbb ;} .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;} .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 */ /*-------------------------------------------------------------- BUTTON --------------------------------------------------------------*/ .k2t-button { display:inline-block; } .k2t-btn { color:#fff; padding:10px 15px; cursor: pointer; display: inline-block; } .k2t-btn:hover { text-decoration:none; color:#fff; } .k2t-btn .button-text .text{ font-weight: 400; } /* sizes */ .k2t-btn.btn-large { color:#fff; padding:15px 20px; } .k2t-btn.btn-large .button-text .text{ font-size: 180%; font-weight: 500; line-height: 1.2em; } /* icon */ .k2t-btn i { margin-left:11px; } .k2t-btn.btn-icon-left i{ margin-right:11px; margin-left:0; } .k2t-btn.btn-no-content i:first-child { margin-left:0; } .k2t-btn.btn-no-content.btn-icon-right i:last-child { margin-right:0; } .k2t-button .button-icon-right .button-icon { margin: 0 -22px 0 15px; float: right; } .k2t-button .button-icon { color: #fff; } .k2t-button .btn-large .button-icon { font-size: 200%; line-height: 1.1em; } .k2t-button .btn-small .button-icon { font-size: 158%; } .k2t-button .button-icon-left .button-icon { float: left; margin: 0 15px 0 0px; } .k2t-button .btn-medium.button-icon-left .button-icon { margin-left: -6px; } .k2t-button .btn-small.button-icon-left .button-icon { margin-left: -5px; padding-right: 12px; } .k2t-button .btn-tiny.button-icon-left .button-icon { margin-left: -4px; padding-right: 10px; } .k2t-button .btn-medium.button-icon-right .button-icon { margin-right: -6px; } .k2t-button .btn-small.button-icon-right .button-icon { margin-right: -5px; padding-left: 12px; } .k2t-button .btn-tiny.button-icon-right .button-icon { margin-right: -4px; padding-left: 10px; } /* button pill */ .k2t-btn.btn-pill { border-radius:88px; -webkit-border-radius:88px; -moz-border-radius:88px; } .k2t-btn.btn-pill.btn-large { border-radius:108px; -webkit-border-radius:108px; -moz-border-radius:108px; } .k2t-btn.btn-pill.btn-small { border-radius:68px; -webkit-border-radius:68px; -moz-border-radius:68px; } .k2t-btn.btn-pill.btn-no-content { padding:0 32px; } .k2t-btn.btn-pill.btn-large.btn-no-content { padding:0 19px; } .k2t-btn.btn-pill.btn-small.btn-no-content { padding:0 11px; } /* button 3D */ .k2t-btn.btn-3d { box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; } /* block */ .k2t-btn.block { display:block; } /* button with subtitle */ .k2t-btn.btn-has-subtitle { height:auto; line-height:inherit; text-align:left; padding:15px 30px; } .k2t-btn.btn-has-subtitle .button-text { display:block; } .k2t-btn.btn-has-subtitle .button-icon { display:block; float:right; margin-left:16px; margin-top:-7px; width:40px; height:40px; text-align:center; font-size: 40px; border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; color:#fff; } .k2t-btn.btn-has-subtitle.btn-icon-left .button-icon { float:left; display: inline-block; margin-left:auto; margin-right:16px; } .k2t-btn.btn-has-subtitle .button-icon i { line-height:40px; margin:0; } .k2t-btn.btn-has-subtitle .text { overflow: hidden; display: inline-block; float: left; } .k2t-btn.btn-has-subtitle .button-main, .k2t-btn.btn-has-subtitle .button-subtitle { display:block; } .k2t-btn.btn-has-subtitle .button-main { font-size:22px; } .k2t-btn.btn-has-subtitle .button-subtitle { font-family: 'Open Sans', sans-serif; text-transform:uppercase; font-size:11px; letter-spacing:1px; } .k2t-btn.btn-has-subtitle.btn-pill { border-radius:52px; -webkit-border-radius:52px; -moz-border-radius:52px; padding-left:36px; padding-right:36px; } /* Color */ .k2t-button a{ background-color: #ff6850; } .k2t-button.black a{ background-color:#363636; } .k2t-button.orange a, .k2t-button.green:hover a { background-color:#ff6850; } .k2t-button.violet a { background-color:#605ca8; } .k2t-button.blue a { background-color:#00aeef; } .k2t-button.red a { background-color:#ed1c24; } .k2t-button.gray a { background-color:#ebebeb; color: #3d3d3d; } .k2t-button.gray:hover a{ color: #fff; } .k2t-button.yellow a { background-color:#fbaf5d; } .k2t-button:hover a, .k2t-button.green a, .k2t-button.black:hover a, .k2t-button.violet:hover a, .k2t-button.blue:hover a, .k2t-button.red:hover a, .k2t-button.gray:hover a, .k2t-button.yellow:hover a { background-color:#06c5ac; } /* align */ .k2t-button.align-center, .k2t-button.align-right { text-align:center; display:block; margin-right:0; } .k2t-button.align-center .button-icon, .k2t-button.align-right .button-icon { display:inline-block; } .k2t-button.align-right { text-align:right; } /* fullwidth */ .k2t-button.button-fullwidth { display:block; float:none; text-align:center; margin-right:0; } .k2t-button.button-fullwidth .k2t-btn { display:block; } /* tinytext*/ .k2t-button.k2t-custom-big-btn a{ font-size: 100%; height: 120px; letter-spacing: 2px; line-height: 120px; padding: 0 50px; } .k2t-button.k2t-custom-big-btn a:hover { background:#ff6850 !important; } /*-------------------------------------------------------------- CIRCLE BUTTON --------------------------------------------------------------*/ .k2t-circle-button, .k2t-circle-button:hover { border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; display:inline-block; width:80px; height:80px; line-height:80px; text-align:center; text-decoration:none; color:#fff; background:#ff6850; position:relative; overflow:hidden; } .k2t-circle-button span { display:block; } .k2t-circle-button .button-text { position:relative; z-index:20; transition:all .5s cubic-bezier(.18,.96,.18,.96); -webkit-transition:all .5s cubic-bezier(.18,.96,.18,.96); -moz-transition:all .5s cubic-bezier(.18,.96,.18,.96); } .k2t-circle-button .button-icon { z-index:10; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; font-size:36px; opacity:0; transform:translateX(110%); -webkit-transform:translateX(110%); -moz-transform:translateX(110%); transition:all .5s cubic-bezier(.18,.96,.18,.96); -webkit-transition:all .5s cubic-bezier(.18,.96,.18,.96); -moz-transition:all .5s cubic-bezier(.18,.96,.18,.96); } .k2t-circle-button .button-icon i { line-height:80px; } .k2t-circle-button:hover .button-text { transform:translateX(-110%); -moz-transform:translateX(-110%); -webkit-transform:translateX(-110%); opacity:0; } .k2t-circle-button:hover .button-icon { transform:translateX(0%); -moz-transform:translateX(0%); -webkit-transform:translateX(0%); opacity:1; } a.button, .button a {color:#fff;} .button {box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.1) inset; background-color: #ff6850; color: #fff; padding: 10px 15px; cursor: pointer; display: inline-block; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; font-weight: 400; } .button:hover { background-color: #06c5ac; } .webpageModule.moduleDetail table a:link { color: #666; font-weight: bold; text-decoration:none; } .webpageModule.moduleDetail table a:visited { color: #999999; font-weight:bold; text-decoration:none; } .webpageModule.moduleDetail table a:active, .webpageModule.moduleDetail table a:hover { color: #bd5a35; text-decoration:underline; } .webpageModule.moduleDetail table { color:#666; text-shadow: 1px 1px 0px #fff; background:#eaebec; margin:0px; border:#ccc 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1; } .webpageModule.moduleDetail table th { padding:21px 25px 22px 25px; border-top:1px solid #fafafa; border-bottom:1px solid #e0e0e0; text-align: center; background: #5eecfe; background: -webkit-gradient(linear, left top, left bottom, from(#5eecfe), to(#56d4e4)); background: -moz-linear-gradient(top, #00ADBB, #01919d); } .webpageModule.moduleDetail table th:first-child { text-align: center; padding-left:20px; } .webpageModule.moduleDetail table tr:first-child th:first-child { -moz-border-radius-topleft:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; text-align: center; } .webpageModule.moduleDetail table tr:first-child th:last-child { -moz-border-radius-topright:3px; -webkit-border-top-right-radius:3px; border-top-right-radius:3px; text-align: center; } .webpageModule.moduleDetail table tr { text-align: center; padding-left:20px; } .webpageModule.moduleDetail table td:first-child { text-align: center; padding-left:20px; border-left: 0; } .webpageModule.moduleDetail table td { padding:18px; border-top: 1px solid #ffffff; border-bottom:1px solid #e0e0e0; border-left: 1px solid #e0e0e0; text-align: center; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa)); background: -moz-linear-gradient(top, #fbfbfb, #fafafa); } .webpageModule.moduleDetail table tr.even td { background: #f6f6f6; background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6)); background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6); } .webpageModule.moduleDetail table tr:last-child td { border-bottom:0; } .webpageModule.moduleDetail table tr:last-child td:first-child { -moz-border-radius-bottomleft:3px; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; } .webpageModule.moduleDetail table tr:last-child td:last-child { -moz-border-radius-bottomright:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; } .webpageModule.moduleDetail table tr:hover td { background: #f2f2f2; background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0)); background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0); } table.nostyle {border:0!important;background:none!important;box-shadow:none!important;} table.nostyle td {background:none!important;border:0!important;} /* ModuleBegin::directory-schedule */ #schedule_lister {} #schedule_lister h1 {} #schedule_wrapper { margin-top:1em; padding: 6px 10px; background: #fff; border-radius: 8px; border: 2px solid #ddd; } #schedule_head, #schedule_subhead { margin: 4px 0 0 87px; line-height: 30px; } #schedule_subhead { line-height: 14px; } #schedule_head > div, #schedule_subhead > div { float:left; width: 13%; margin: 0px .5%; text-align:center; font-weight: bold; } #schedule_subhead > div { font-weight: normal;} #schedule_head > div.clear, #schedule_subhead > div.clear { float:none; } #schedule {} .row_title { position: relative; margin: 16px 0; height: 2px; background: #999; } .row_title span { position: absolute; left: 0px; padding: 0 10px; line-height: 36px; font-size: 17px; top: -18px; background: #fff; } .row_days { margin: 4px 0 0 87px; min-height: 20px; } .row_days > div { float:left; width: 13%; margin: 0px .5% 4px; } .row_days > div.clear { float:none; } #schedule_toggle { display: none; height: 30px; line-height: 30px; } #raw_items { display: none; } .schedule_item {background: rgba(0,0,0,0.72); border-radius: 5px;text-align:center; padding: 3px; margin: 3px 0; cursor: pointer;} .schedule_item .item_name {color: #00adbb; text-align:center; font-size: 13px; font-weight: bold; padding: 0 0 2px;} .schedule_item .item_time {color: #fff; text-align:center; font-size: 12px;} .schedule_item .item_popup { display: none;} #popup_wrapper { display: none; z-index: 3000; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px;} #popup_wrapper #popup_bg { z-index: 3001; background: rgba(0,0,0,0.85); position: absolute; top: 0px; left: 0px; right:0px; bottom: 0px; } #popup_wrapper .item_popup { z-index: 3002; display: block; position: absolute; left: 50%; top: 50%; margin-left: -235px; margin-top: -125px; width: 470px; background: #474747; color: #fff; font-size: 17px; line-height: 26px; border-radius: 8px; padding: 0 15px 30px;} .item_popup .popup_close { position: absolute; top: 10px; right: 12px; cursor:pointer; text-align: right; width: 30px;} .item_popup .popup_title { font-size: 26px; line-height: 30px; text-align:center; padding: 15px 0 10px; margin:0 0 10px; border-bottom: 1px solid #888;} .item_popup .popup_time {} .item_popup .popup_teacher {} .item_popup .popup_location {} .item_popup b { display: inline-block; width: 105px;} .item_popup .popup_link { text-align:center; position: relative; top: 15px;} .item_popup .popup_link a { color: #00adbb;} /* ModuleEnd::directory-schedule */ /* 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 */