/****** :: Created by Nology Design :: All Rights Reserved :: ******/ /********************** CSS RESET **********************************/ html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li, fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: '';content: none; } /* remember to define focus styles! */ :focus { outline: 0; } /* remember to highlight inserts somehow! */ ins { text-decoration: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: collapse;border-spacing: 0; } /********************** END CSS RESET *******************************/ /*********************** STRUCTURE **********************************/ body { font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", "Bitstream Vera Sans", "Liberation Sans", Verdana, "Verdana Ref", sans-serif; font-size:0.8em; position:relative; } #head { width:100%; background:#07423D url(../img/bg_nav_rptx.png) repeat-x; } #wrap { width:962px; margin:0 auto; position:relative; } #left-wrap { width:190px; margin-top:5px; position:relative; left:2px; } #logo { width:118px; height: 150px; margin:0 auto;} #logo img {display: none;} #logo a { cursor: pointer;display: block; width:118px; height: 150px; margin:0 auto;text-indent: -10000px; overflow: hidden; background: url(/img/1on1.logo.sprite.png) no-repeat;} #logo a:hover {background-position: 0px -156px; cursor: pointer;} #beside-the-ball { position:relative; } .submenu { text-align:right; } .submenu li { background:#008F82; width:182px; color:#fff; font-size:0.9em; position:relative; left:8px; top:-11px; } *:first-child+html .submenu li { left:0; margin-bottom:-2px; } .submenu li a { display:block; color:#FFF; padding:5px; } .submenu li a:hover { text-decoration:none; background:#00CFBC; } .submenu li.current { background:#00CFBC; } .submenu .seperator { width:90%; height:1px; margin:0 auto; background:#02786d; } .submenu li.current .seperator { width:100%; } .submenu .submenu-top { background:url(../img/bg_sidebar_top.png) no-repeat; height:50px; border:0; width:190px; left:0; top:0; } .submenu .submenu-top h2 { color:#fff; font-size:1.2em; margin-top:6px; padding:5px; } #social { text-align:right; margin-right:10px; margin-top:20px; } a#twitter, a#facebook { display:block; background:url(../img/sprite_twitter.png) 100% -1px no-repeat; height:32px; margin-bottom:1em; } a#facebook { color:#5171AC; background-image:url(../img/sprite_facebook.png); } a#twitter:hover, a#facebook:hover { text-decoration:none; background-position:100% -33px; } a#twitter p, a#facebook p { margin:0; padding:7px 40px 0 0; } #right-wrap { width:768px; border-left:1px dotted #07423D; border-right:1px dotted #07423D; background:#F2F2F2; z-index:1; } .right-wrap-height { height:560px; } .left-column { width:541px; } .left-column p { padding:10px; margin:0; } .left-column ul { margin-left:4em; } .left-column ul li { margin-bottom:5px; list-style:square; } .left-column ol { margin-left:4em; } .left-column ol li { margin-bottom:5px; list-style:decimal; } .left-column h4 { margin-left:10px} .right-column { width:207px; margin-right:10px; } #contact { position:relative; right:27px; margin:5px 0 108px; white-space:nowrap; } #class-hover {padding-bottom: 30px;margin-top: 20px; } #class-hover .classes-top { background:url(../img/bg_sidebar_top.png) no-repeat; height:50px; border:0; width:190px; left:0; top:0; } #class-hover .classes-top a { width:16px; height:16px; padding:0; margin:0; display:inline-block; position:absolute; left:10px; top:10px; z-index:50; } #class-hover .classes-top h2 { color:#fff; font-size:1.2em; margin-top:0px; margin-right: 12px; padding-top: 10px; text-align: right;} ul#class-hover { border-bottom:1px solid #c2c2c2; } #class-hover li { background:#008F82; width:182px; color:#fff; font-size:0.9em; position:relative; left:8px; top:-11px;} *:first-child+html #class-hover li { left:0; margin-bottom:-2px; } #class-hover li a { display:block; color:#FFF; padding:5px; border-bottom: #12635c 1px solid; margin: 0 10px 0 10px;} #class-hover li a:hover { text-decoration:none; } #class-hover li.altrow { background:#008F82; } #class-hover li.announcement { background:#EF676C; } #class-hover li.last a {border-bottom: none;} #class-hover li.last {padding: 5px 0 5px 0;} .class-details { display:none; position:absolute; font-size:0.9em; width:200px; z-index:5000; zoom:1;color: #000; } .class-details.class-list { top:-8px; right:-196px; } .class-details.league-details { top:-8px; left:-196px; } .class-details.weekly-details { color:#000; bottom:34px; left:-100px; width:300px; } .class-details.unscheduled { top:-11px; left:-200px; } .class-details-top { height:31px; background:url(../img/img_info_top.png) no-repeat; } .class-details-mid { height:auto; background:url(../img/img_info_mid.png) repeat-y; padding:0 20px; zoom:1; } .class-details p { margin:0; padding:0 0 0.5em; left:0; top:0; } .class-details .des-announcement { color:#FF0000; font-size:1.2em; } .class-details .des-announcement p { padding:0; margin:0 0 0.5em; } .class-details-bot { height:44px; background:url(../img/img_info_bot.png) no-repeat; } .class-details.weekly-details .class-details-top { background-image:url(../img/img_weekly_info_top.png); height:26px; } .class-details.weekly-details .class-details-mid { background-image:url(../img/img_weekly_info_mid.png); } .class-details.weekly-details .class-details-bot { background-image:url(../img/img_weekly_info_bot.png); height:69px; } .right-column .side { margin-bottom:10px; } #class-hover li .class-schedule-button a { padding: 0; margin-top: 5px;} .class-schedule-button a { background:url(../img/schedulebutton.sprite.png) no-repeat; padding:5px; font-size:8px !important; width:162px; height:23px; margin:0 auto; color: #000 !important; text-indent: -10000px; overflow: hidden;} .class-schedule-button a:hover {background-position: 0 -24px;} #footer {font-size: 1.2em; width:768px; border-left:1px dotted #07423D; border-right:1px dotted #07423D; border-bottom:1px dotted #07423D; background:#F2F2F2; } #footer-inner { padding:0 10px 10px; } #foot-title { width:100%; margin:1em auto; height:1.8em; background:#DDD; border-top:1px solid #CCC; } #foot-title p { line-height:2.2em; margin:0 0 0 1em; font-size:0.8em; font-weight:700; } #footer-inner table { width:98%; margin:0 auto; table-layout:fixed; } #footer-inner th { text-align:left; font-size:1.1em; padding-bottom:0.5em; letter-spacing:-1px; } #footer-inner tr {font-size: 0.9em;} #footer-inner ul { margin-left:0; padding:0;} #footer-inner ul li { margin-left:0;} #footer-inner .last { padding-left:15px; } #copywrite { width:680px; background:#FFF; margin:1em 0 1em 195px; float:left; } /** Menu **/ #menu { height:40px; background:url('../img/navbar.png') no-repeat; } .nav { width: 962px; height: 40px; background: url('../img/navbar.png') no-repeat; position: relative; margin:0 auto; } .nav li { margin:0; padding:0; list-style:none; position:absolute; top:0; text-indent:-9000px; overflow:hidden; } .nav li, .nav a { height:40px; display:block; } .nav .home { left: 0px; width: 191px; } .nav .home a:hover, .nav .hom0e a:focus { background: url('../img/navbar.png') no-repeat 0px -40px; } /*.current-home .home a:link, .current-home .home a:visited { background: url('../img/navbar.png') no-repeat 0px -40px; cursor: default; }*/ .nav .why { left: 193px; width: 191px; } .nav .why a:hover, .nav .why a:focus a:active { background: url('../img/navbar.png') no-repeat -193px -40px; } .current-why .why a:link, .current-why .why a:visited { background: url('../img/navbar.png') no-repeat -193px -40px; cursor: default; } .nav .sports { left: 385px; width: 192px; } .nav .sports a:hover, .nav .sports a:focus a:active { background: url('../img/navbar.png') no-repeat -385px -40px; } .current-sports .sports a:link, .current-sports .sports a:visited { background: url('../img/navbar.png') no-repeat -385px -40px; cursor: default; } .nav .classes { left: 578px; width: 191px; } .nav .classes a:hover, .nav .classes a:focus a:active { background: url('../img/navbar.png') no-repeat -578px -40px; } .current-classes .classes a:link, .current-classes .classes a:visited { background: url('../img/navbar.png') no-repeat -578px -40px; cursor: default; } .nav .family { left: 770px; width: 191px; } .nav .family a:hover, .nav .family a:focus a:active { background: url('../img/navbar.png') no-repeat -770px -40px; } .current-family .community a:link, .current-family .family a:visited { background: url('../img/navbar.png') no-repeat -770px -40px; cursor: default; } /*********************** END STRUCTURE **********************************/ /*********************** TYPE SETTINGS **********************************/ p { margin: 0 0 1em; line-height: 1.25em; } li { line-height: 1.25em; } h1 { font-size: 3.5em; line-height: 1; margin-bottom: 0.5em; color:#07423D; } h2 { font-size: 2em; margin-bottom: 0.75em; } h3 { font-size: 1.5em; line-height: 1; margin-bottom: 0.75em; color:#00897C; } h4 { font-size: 1.2em; line-height: 1.25; margin-top: 1em; margin-bottom: 0.5em; } h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } h6 { font-size: 1em; font-weight: bold; } a{ font-style:bold; color:#009188; text-decoration:none; position:relative; } a:active { bottom:-1px; } a.no-push:active{ top:0px; } a:hover { text-decoration:underline; } /*********************** END TYPE SETTINGS ******************************/ /*********************** GENERAL SETTINGS *******************************/ .left { float: left; } .right { float: right; } .clear { clear: both; } .light-green { color:#009188; } .bold { font-weight:700; } .normal { font-weight:normal; } .italic { font-style:italic; } .bigger { font-size:1.3em; } .big { font-size:1.2em; } .small { font-size:0.8em; } .smaller { font-size:0.7em; } .page-title { margin:59px 0 25px 10px;font-size:2.5em;} .center { text-align:center; } .text-left { text-align:left; } /********************* END GENERAL SETTINGS *****************************/ /*********************** DIALOG SETTINGS *******************************/ .ui-widget-overlay { background:#000; opacity:0.2; filter:alpha(opacity=20); } .ui-dialog { z-index:10000 !important; } .ui-widget-content { color:#07423D; } .ui-dialog-titlebar { background:url(../img/modal_top.png) no-repeat; height:54px; } .ui-dialog-title { float:left; padding:20px 0 0 20px; font-weight:700; font-size:1.3em; } .ui-dialog-titlebar-close { float:right; text-indent:-9000px; overflow:hidden; background:url(../img/modal_close.png) no-repeat; width:27px; height:26px; position:relative; top:17px; right:20px; } .ui-dialog-titlebar-close:active { top:18px; } .ui-dialog-content { background:url(../img/modal_rpt.png) repeat-y; padding:0 20px; } .ui-dialog-buttonpane { background:url(../img/modal_bot.png) no-repeat; height:59px; padding:10px 20px 0; } .ui-dialog-buttonpane button { float:right; } /********************* END DIALOG SETTINGS *****************************/ /*********************** END DATEPICKER SETTINGS *******************************/ #ui-datepicker-div { z-index:15000; background:#FFF; border:2px solid #0C5F57; padding:5px; width:15em; position:absolute; left:-90000px; } .ui-datepicker-next { float:right; cursor:pointer; } .ui-datepicker-prev { float:left; cursor:pointer; } .ui-datepicker-title { clear:both; } .ui-datepicker-calendar { width:100%; margin-top:5px; } .ui-datepicker-calendar th { text-align:right; } .ui-datepicker-calendar td { text-align:right; } .ui-datepicker-calendar .ui-state-highlight, .ui-datepicker-calendar .ui-state-hover { background:#CCC; } /*********************** END DATEPICKER SETTINGS *******************************/ /*********************** FORM SETTINGS *******************************/ label { display:block; font-size:1em; } .between { font-size:0.9em; font-style:italic; display:block; } input, select { margin:0.5em 0 1em; width:90%; } select { width:95%; } .radio { margin-bottom:1em; } .radio input { width:2em; } .radio label { display:inline; } #ContactAddressLine2 { margin-top:-1em; } #ContactZip { width:45px; } #ContactState { width:30px; } .received { text-align:center; font-size:1.1em; } #datepicker-div { width:18%; } #date div { float:left; margin-bottom:10px; } #date input[type=text], #start-date select { margin-right:5px; } .time { width:150px; } .time select { width:45px; } #ContactTimeMeridian { width:45px; } #ContactLength { width:45px; } /********************* END FORM SETTINGS *****************************/ /********************* HOME PAGE ****************************/ /* Image rotation CSS */ .rotate { width:748px; height:384px; z-index:1000; zoom:1; background:#FFF; padding:0; border: none; margin:0; position:relative; } .rotate ul { position:relative; margin: 0; padding: 0;} .rotate ul li { margin:0; padding:0; position:absolute; top:0; left:0; list-style: none;} .rotate ul li.show { z-index:1500; zoom:1; } .slide-caption { display: none !important; background:#000; color:#FFF; height:242px; width:300px; text-align:center; -ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”; filter:alpha(opacity=80); -khtml-opacity: 0.8; -moz-opacity: 0.8; opacity: 0.8; position:absolute; top:0; right:0; } .slide-caption h2, .slide-caption p { padding:10px; line-height:1em; margin:0; } .slide-caption p { font-size:1.2em; } .slide-link { position:absolute; bottom:10px; right:45px; display: none !important; } .slide-link:active { bottom:10px; } /* Membership Special */ .specials-outer { position:relative; } .specials div { width:378px; height:100px; padding:3px; color:#FFF; position:relative; top:20px; cursor: default; } .specials h2 { color: #FFF; font-size:1.1em; margin:5px 5px 0; line-height:1em; } .specials p { margin:0 40px 0 0; } .specials .sp1 { background:url(../img/img_messagebox.png) no-repeat; position:absolute; left:10px; padding:0; z-index:10; } .specials .sp1 a { color:#FFF; display:block; padding:3px; height:71px; width:372px; } .specials .sp1 a:hover { text-decoration:none; } #join { cursor:pointer; } .specials .sp2 { background:url(../img/img_messagebox_gr.png) no-repeat; position:absolute; left:10px; } .specials .sp3 { background:url(../img/img_messagebox_org.png) no-repeat; position:absolute; left:10px; } .schedule { position:absolute; right:10px; top:30px; border:1px solid #888; background:url(../img/bg_button.png) 0 50% repeat-x; padding:5px; font-size:0.8em; } .schedule a { color:#000; display:block; } .schedule a:hover { text-decoration:underline; } .below-the-rotator { width:766px; margin-top:10px; float:left; } .img-reasons { margin-left:9px; margin-right:10px; } /********************* 1on1 AND YOU PAGES ****************************/ #img-header img { border:1px solid #c2c2c2; padding:5px; background:#FFF; margin-left:10px; } .head-img { border:1px solid #c2c2c2; padding:5px; background:#FFF; margin:10px; margin-top:0; } /* FAQ */ .question { font-weight:bold; color:#07423D; cursor:default; } .answer { display:none; } /* MEM FORMS */ .left-column p.form-download { width:auto; border:1px solid black; background:#CCC; width:123px; margin-left:10px; padding:5px; text-align:center; } .left-column p.form-download a { font-weight:bold; } #place { margin-left:1em; } /********************* SPORTS PAGES ****************************/ #rent-widget { width:393px; margin:10px auto 0; } .dialog-cost { margin:0; } /********************* CLASSES & PROGRAMS PAGES ****************************/ #week-preview-title { height:40px; width:748px; margin:0 10px; color:#FFF; font-size:1.2em; font-weight:700; background:url(../img/bg_nav_rptx.png) 50% 50% repeat-x; clear:both; } /* 531 748 */ #week-preview-table { width:748px; margin:0 10px; table-layout:fixed; border-right:1px solid #07423D; border-bottom:1px solid #07423D; } #week-preview-table th { background: #f2f2f2; color:#07423D; border:1px solid #07423D; border-top:0; text-align: center; } #week-preview-table .th { background: #f2f2f2; color:#07423D;} #week-preview-table td { background: #f2f2f2; color:#FFF; padding:0px; border-left:1px solid #07423D; } .week-class { -moz-border-radius:3px; -webkit-border-radius:3px; position:relative; z-index:6000; margin:2px;} .week-class p { padding:5px; } /********************* FAMILY PAGES ****************************/ /* SUCCESS STORIES */ .story { min-height:165px; margin-bottom:5em; } .story img { padding:0 0 5px 5px; } .name { font-size:1.4em; font-weight:bold; margin-left:10px; color:#07423D; } #view-more-link { float:right; margin-right:10px; } /* KIDS ZONE */ #kids-hours { margin-left:20px; width:50%; } #kids-hours th { text-align:left; padding-left:3px; } #kids-hours td { padding:3px; } /* TRAINERS */ .request-button { border:1px solid #888; background:url(../img/bg_button.png) 0 50% repeat-x; padding:5px; font-size:0.8em; width:92px; margin:10px 0 0 10px; } .request-button a { color:#000; } /********************* CONTACT PAGE ****************************/ #ContactForm { width:345px; height:310px; margin-left:10px; } #ContactForm input[type=submit] { width:50px; } #ContactForm2 { width:345px; height:200px; margin-left:10px; } #ContactForm2 input[type=submit] { width:50px; } #map { margin-right:10px; width:325px; height:421px; position:absolute; top:60px; right:0px; } #map a { /*position:relative; top:-342px; left:299px;*/ top:-25px; } #map #address { position:relative; bottom:-296px; } #ConfirmDialog p { text-align:center; } #ConfirmDialog button { display:none; } /********************* SCHEDULE PAGE ****************************/ #embed-schedule { margin:0 10px; } /*** #rent { margin:59px 0 0 20px !important; }**/ /********************* PHOTO TOUR PAGE ****************************/ #gallery { height:480px; margin-top:125px; } #gallery ul { position:relative; } #gallery ul li { position:absolute; top:0; left:0; list-style:none; } #nav-bar { margin:0.5em 2em; } .nav-box { width:20px; height:20px; color:#FFF; background:#000; float:left; margin:5px 5px 0 0; cursor:pointer; } .nav-box.current { background:#FF0000; cursor:default; } .nav-box p { margin:0; padding:2px 0 0 2px; } /* Footer Logo */ .siteBy { font-size:smaller; font-family:arial; letter-spacing:1px; line-height:28px; margin-right:3px; float:right; } .nologyFooter { opacity:.5; filter: alpha(opacity=50); -khtml-opacity: 0.5; -moz-opacity: 0.5; text-decoration:none; margin-top:5px; } a.nologyFooter { display:block; float:right; border:none; } a.nologyFooter:hover { opacity:1; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; } #week-preview table { width: 748px; margin: 0 10px; position: relative; } #week-preview .time-label { width: 76px; vertical-align: top; text-align: right; border-top: 1px solid #d9d9d9; padding: 1px; font-size: 11px; font-weight: normal; } #week-preview .day-header { border: 1px solid #d9d9d9; height: 25px; padding-top: 6px; width: 96px; } #week-preview .half td { border-top: 1px solid #e8e8e8; border-bottom: 1px solid #d9d9d9; } #week-preview .half .time-label { border-bottom: 1px solid #d9d9d9; border-top: none; } #week-preview th { background-color: #ececec; } #week-preview .new td { border-left: 1px solid #d9d9d9; border-right: 1px solid #d9d9d9; height: 20px; vertical-align: top; } #week-preview .new td div.week-class { opacity: .75; -moz-border-radius:3px; -webkit-border-radius:3px; position:absolute; color: #fff; padding: 0px; text-align:top; position: absolute; width: 91px; height: 18px; font-size: 12px; word-wrap: break-word; } #week-preview .new td div.week-class:hover { opacity: 1; z-index: 70000; } .times-new-roman { font-family: "Times New Roman", serif; } .home-sprite { width: 180px; height: 180px; display: block; text-indent: -10000px; overflow: hidden; background: url(/img/1on1.hometeasers.sprite.jpg) no-repeat; margin: 5px; } .home-sprite.sprite-one { background-position: -10px -10px; margin-left: 10px; } .home-sprite.sprite-one:hover { background-position: -10px -198px; } .home-sprite.sprite-two { background-position: -200px -10px; } .home-sprite.sprite-two:hover { background-position: -200px -198px; } .home-sprite.sprite-three { background-position: -390px -10px; } .home-sprite.sprite-three:hover { background-position: -390px -198px; } .home-sprite.sprite-four { background-position: -578px -10px; } .home-sprite.sprite-four:hover { background-position: -578px -198px; } .free-class-sprite { width: 207px; height: 180px; display: block; text-indent: -10000px; overflow: hidden; background: url(/img/sidebarteaser.1.png) no-repeat; } .free-class-sprite:hover { background-position: 0px -180px; } .trainers-sprite { width: 207px; height: 180px; display: block; text-indent: -10000px; overflow: hidden; background: url(/img/sidebarteaser.2.png) no-repeat; } .trainers-sprite:hover { background-position: 0px -180px; } .rent-sprite { width: 207px; height: 180px; display: block; text-indent: -10000px; overflow: hidden; background: url(/img/sidebarteaser.3.png) no-repeat; } .rent-sprite:hover { background-position: 0px -180px; } .learn-more-sprite { width: 207px; height: 180px; display: block; text-indent: -10000px; overflow: hidden; background: url(/img/sidebarteaser.4.png) no-repeat; } .learn-more-sprite:hover { background-position: 0px -180px; }