/*========================================= Southlake ========================================*/ /* =IMPORTS ----------------------------------------*/ /* =GLOBALS ----------------------------------------*/ * { margin: 0; padding: 0; } html, body { width: 100%; height: 100%; } body { background: url(/sitecontent/70/templates/Southlake/assets/images/landing_bg.gif) 0 0 repeat-x; background: url(/sitecontent/70/images/standard_bg.gif) 0 0 repeat-x; font: 9pt Arial, Arial, Helvetica, sans-serif;} a { color: #336633; } a:hover { color: #333333; text-decoration: none; } a img { border: none; } /* =PROPERTYNAV ----------------------------------------*/ div.propertyNavBounds { margin: 0 auto; width: 760px; position: relative; } div.propertyNavBounds div.propertyNav { width: 760px; height: 40px; float: right; position: relative; right: -3px; background: url(/sitecontent/70/templates/Southlake/assets/images/topnav_bg.gif) 0 0 repeat-x; } div.propertyNavBounds div.propertyNav ul {float: left; width: 760px; position: relative; top: 0px; left: 10px;} div.propertyNavBounds div.propertyNav ul li { float: left; list-style: none; } div.propertyNavBounds div.propertyNav ul li a { color: #FFF; font-weight:600; font-size : 9px; padding: 5px 10px 5px 10px; text-decoration: none;} div.propertyNavBounds div.propertyNav ul li a:hover { text-decoration: underline;} /* =TOPNAV ----------------------------------------*/ div.topNavBounds { margin: 0 auto; width: 760px; position: relative; } div.topNavBounds div.topNav { width: 397px; height: 40px; float: right; position: relative; right: -3px; background: url(/sitecontent/70/templates/Southlake/assets/images/topnav_bg.gif) 0 0 repeat-x; } div.topNavBounds div.topNav ul {float: left; width: 397px; position: relative; top: 15px; left: 20px;} div.topNavBounds div.topNav ul li { float: left; list-style: none; } div.topNavBounds div.topNav ul li a { color: #FFF; font-weight:600; font-size : 9px; padding: 0px 16px 10px 16px; text-decoration: none;} div.topNavBounds div.topNav ul li a:hover { text-decoration: underline;} div.topNavBounds div.topNav ul li a#aContact { background: url(/sitecontent/70/templates/Southlake/assets/images/icn_contact.gif) top left no-repeat;} div.topNavBounds div.topNav ul li a#aEventsCalendar { background: url(/sitecontent/70/templates/Southlake/assets/images/icn_calendar.gif) top left no-repeat;} div.topNavBounds div.topNav ul li a#aMySouthlake { background: url(/sitecontent/70/templates/Southlake/assets/images/icn_my_southlake.gif) top left no-repeat;} div.topNavBounds div.topNav ul li a#aSearch { background: url(/sitecontent/70/templates/Southlake/assets/images/icn_search.gif) top left no-repeat;} /* =LOGO ---------------------------------------*/ div.topNavBounds div.southlakeLogo { float: left; position: absolute; top: 20px; z-index: 1000; } div.topNavBounds div.southlakeLogo a {display: block; width: 186px; height: 47px; background: url(/sitecontent/70/templates/Southlake/assets/images/logo.gif) 0 0 no-repeat; float: left;} /* =SEARCH ----------------------------------------*/ div.searchPlaceholder { height: 45px; width: 205px; position: relative; left: 275px; margin: 0 auto; z-index: 1000;} div.searchPlaceholder div#searchContainer { width: 205px; height: 45px; } div.searchPlaceholder div#searchContainer input.searchBtn {width: 20px; height: 20px; cursor: pointer; display: block; float: right; border: none; background: url(/sitecontent/70/templates/Southlake/assets/images/btn_search.gif) 0 0 no-repeat; } div.searchPlaceholder div#searchContainer input.searchBox { width: 180px; height: 12px; font-size: 10.5px; float: left; } div.searchPlaceholder div#searchContainer div.searchRadioBtn { font-size: 9.5px; } div.searchPlaceholder div#searchContainer table { position: relative; float: left; font-size: 9.5px;} #cse-search-results, #cse-search-results iframe{ width:545px; } /* [ TOP NAV ] ------------------------------------------------------------- */ .nav-wrapper { width: 760px; margin: 0 auto; position: relative; } .nav-wrapper .southlake-logo { padding-top: 20px; } .nav-wrapper .nav-utility { background: url(/sitecontent/70/images/home/topnav_bg.gif) 0 0 repeat-x; position: absolute; right: -5px; top: 0px; width: 389px; height: 49px; } .nav-wrapper .nav-utility ul { list-style: none; margin: 12px 0 0 24px; } .nav-wrapper .nav-utility li { display: inline; margin: 0 14px 0 0; font-size: 10px; font-weight: bold; } .nav-wrapper .nav-utility a { background: url(/sitecontent/70/images/home/topnav_sprite.gif) 0 0 no-repeat; text-decoration: none; color: #FFF; padding: 0 0 0 14px; } .nav-wrapper .nav-utility a:hover { text-decoration: underline; } .nav-wrapper .nav-utility #nu-1 { background-position: 0 -88px; } .nav-wrapper .nav-utility #nu-2 { background-position: 0 -59px; } .nav-wrapper .nav-utility #nu-3 { background-position: 0 -29px; } .nav-wrapper .nav-utility #nu-4 { background-position: 0 1px; } .nav-wrapper .nav-utility #search { width: 90px; border: 1px solid #BFA754; font-family: Arial, Helvetica, Sans-Serif; font-size: 10px; padding: 3px 2px 1px; color: #FFF; background: #A38C3D!important; font-weight: bold; } .nav-wrapper .nav-utility #search-input { margin: 0 4px 0 0; } .nav-wrapper .nav-utility .lastitem { margin: 0px; } /* =LANINGNAV ----------------------------------------*/ div.landingNav { margin: 0 auto 20px auto; width: 760px; height: 28px; position: relative; top: 12px; z-index: 400; } div.landingNav ul { float: left; position: relative; } div.landingNav ul li { float: left; list-style: none; text-transform: uppercase; } div.landingNav ul li.active { line-height: normal; display: block; float: left; color: #336633; } div.landingNav ul li a { display: block; background: url(/sitecontent/70/templates/Southlake/assets/images/landingnav_bg.gif) top left repeat-x; color: #999999; padding: 8px 15px 19px 15px; font-size: 87%; font-weight: bold; text-decoration: none; margin-right: 4px; } div.landingNav ul li a:hover { color: #336633; text-decoration: none; } div.landingNav ul li ul { display: none; position: absolute; z-index: 800; width: 220px; background: #FFF url(/sitecontent/70/images/nav_dd_bg.gif) 0 200% repeat-x; border: 1px solid #e8e3d3; border-top: none; padding-bottom: 10px; } div.landingNav ul li ul li { float: none; display: block; margin: 0; padding: 0; text-transform: none; } div.landingNav ul li ul li a { display: block; background: none; padding: 5px 15px; } div.landingNav ul li ul li a:hover { padding: 5px 15px; } div.landingNav ul li:hover ul { display: block; } /* =LANDINGBANNAR ----------------------------------------*/ div.shadow { margin: 0 auto; position: relative; top: 8px; width: 788px; height: 157px; background: url(/sitecontent/70/templates/Southlake/assets/images/banner_shadow.jpg) 0 0 no-repeat; } /*Life*/ #Category_391 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/life_in_southlake.jpg) 0 0 no-repeat; } #Category_391 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Business*/ #Category_392 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/business_in_southlake.jpg) 0 0 no-repeat; } #Category_392 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Visiting*/ #Category_393 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/visiting_banner.jpg) 0 0 no-repeat; } #Category_393 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Government*/ #Category_394 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/government.jpg) 0 0 no-repeat; } #Category_394 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Community*/ #Category_423 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/community_org.jpg) 0 0 no-repeat; } #Category_423 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*City Council*/ #Category_404 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/genericBanner.jpg) 0 0 no-repeat; } #Category_404 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Capital Improvment*/ #Category_617 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/capitalImprovementBanner.jpg) 0 0 no-repeat; } #Category_617 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Boards and Commisions*/ #Category_407 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/boards_commissions.jpg) 0 0 no-repeat; } #Category_407 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Building Boards*/ #Category_408 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/boards_commissions.jpg) 0 0 no-repeat; } #Category_408 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*HR Connect*/ #Category_616 div.shadow div.Banner{ width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/hrConnectionBanner.jpg) 0 0 no-repeat; } #Category_616 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Crime Control*/ #Category_409 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/boards_commissions.jpg) 0 0 no-repeat; } #Category_409 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Drug and Alcohol*/ #Category_410 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/drug_alcohol_awareness.jpg) 0 0 no-repeat; } #Category_410 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Joint Utilization*/ #Category_411 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/joint_util_comm.jpg) 0 0 no-repeat; } #Category_411 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Library Board*/ #Category_412 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/library_board.jpg) 0 0 no-repeat; } #Category_412 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Metroport*/ #Category_413 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/metroport_teen_court.jpg) 0 0 no-repeat; } #Category_413 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Parks and Recreation*/ #Category_414 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/parks_rec_board.jpg) 0 0 no-repeat; } #Category_414 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Planning Zoning*/ #Category_415 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/planning_zoning.jpg) 0 0 no-repeat; } #Category_415 div.shadow div.Banner h1 { position: relative; left: -10000em; } /*Senior Advisory*/ #Category_417 div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/senior_adv_comm.jpg) 0 0 no-repeat; } #Category_417 div.shadow div.Banner h1 { position: relative; left: -10000em; } div.shadow div.parksdevBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/parks_dev_corp.jpg) 0 0 no-repeat; } div.shadow div.parksdevBanner h1 { position: relative; left: -10000em; } div.shadow div.youthactionBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/youth_action.jpg) 0 0 no-repeat; } div.shadow div.youthactionBanner h1 { position: relative; left: -10000em; } div.shadow div.spinBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/SPIN.jpg) 0 0 no-repeat; } div.shadow div.spinBanner h1 { position: relative; left: -10000em; } div.shadow div.zoningboardBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/zoning_board.jpg) 0 0 no-repeat; } div.shadow div.zoningboardBanner h1 { position: relative; left: -10000em; } div.shadow div.townhallBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/town_hall.jpg) 0 0 no-repeat; } div.shadow div.townhallBanner h1 { position: relative; left: -10000em; } div.shadow div.citydeptsBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/city_departments.jpg) 0 0 no-repeat; } div.shadow div.citydeptsBanner h1 { position: relative; left: -10000em; } div.shadow div.cmoBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/city_manager.jpg) 0 0 no-repeat; } div.shadow div.cmoBanner h1 { position: relative; left: -10000em; } div.shadow div.csoBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/city_secretary.jpg) 0 0 no-repeat; } div.shadow div.csoBanner h1 { position: relative; left: -10000em; } div.shadow div.commsvcsBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/community_serv.jpg) 0 0 no-repeat; } div.shadow div.commsvcsBanner h1 { position: relative; left: -10000em; } div.shadow div.parksBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/parks.jpg) 0 0 no-repeat; } div.shadow div.parksBanner h1 { position: relative; left: -10000em; } div.shadow div.recreationBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/recreation.jpg) 0 0 no-repeat; } div.shadow div.recreationBanner h1 { position: relative; left: -10000em; } div.shadow div.seniorsBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/seniors.jpg) 0 0 no-repeat; } div.shadow div.seniorsBanner h1 { position: relative; left: -10000em; } div.shadow div.volunteersBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/volunteers.jpg) 0 0 no-repeat; } div.shadow div.volunteersBanner h1 { position: relative; left: -10000em; } div.shadow div.dpsBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/dps.jpg) 0 0 no-repeat; } div.shadow div.dpsBanner h1 { position: relative; left: -10000em; } div.shadow div.ecdevBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/economic_dev.jpg) 0 0 no-repeat; } div.shadow div.ecdevBanner h1 { position: relative; left: -10000em; } div.shadow div.financeBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/finance.jpg) 0 0 no-repeat; } div.shadow div.financeBanner h1 { position: relative; left: -10000em; } div.shadow div.firesvcsBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/fire_services.jpg) 0 0 no-repeat; } div.shadow div.firesvcsBanner h1 { position: relative; left: -10000em; } div.shadow div.hrBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/hr.jpg) 0 0 no-repeat; } div.shadow div.hrBanner h1 { position: relative; left: -10000em; } div.shadow div.libraryBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/library.jpg) 0 0 no-repeat; } div.shadow div.libraryBanner h1 { position: relative; left: -10000em; } div.shadow div.municipalcourtBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/municipal_court.jpg) 0 0 no-repeat; } div.shadow div.municipalcourtBanner h1 { position: relative; left: -10000em; } div.shadow div.plandevBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/planning_dev_serv.jpg) 0 0 no-repeat; } div.shadow div.plandevBanner h1 { position: relative; left: -10000em; } div.shadow div.policesvcsBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/police_services.jpg) 0 0 no-repeat; } div.shadow div.policesvcsBanner h1 { position: relative; left: -10000em; } div.shadow div.pubwksBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/public_works.jpg) 0 0 no-repeat; } div.shadow div.pubwksBanner h1 { position: relative; left: -10000em; } div.shadow div.teencourtBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/teen_court.jpg) 0 0 no-repeat; } div.shadow div.teencourtBanner h1 { position: relative; left: -10000em; } div.shadow div.utilitybillBanner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/_DepartmentBanners/utility_billing.jpg) 0 0 no-repeat; } div.shadow div.utilitybillBanner h1 { position: relative; left: -10000em; } /*Generic Banner*/ div.shadow div.Banner { width: 760px; height: 157px; position: relative; left: 14px; top: 14px; background: url(/sitecontent/70/templates/Southlake/assets/images/genericBanner.jpg) 0 0 no-repeat; } div.shadow div.Banner h1 { position: relative; left: -10000em; } /* =CONTENT ----------------------------------------*/ div.contentContainer { margin: 0 auto; width: 760px; position: relative; top: 22px; padding-bottom: 10px; } /*div.contentContainer div.content {float:left; width: 560px; background-color: #FFFFFF; list-style-type: disc; }*/ div.contentContainer div.content {float:left; width: 540px; background-color: #FFFFFF; list-style-type: disc; } div.contentContainer div.content_wide {float:left; width: 760px; background-color: #FFFFFF; list-style-type: disc; } div.contentContainer div.content h1 {color:#C90000; font-size: 13pt; margin-bottom: 10px;} div.contentContainer div.content h2 {color:#C90000; font-size: 13pt; margin-bottom: 10px;} div.contentContainer div.content h3 {color:#C90000; font-size: 13pt; margin-bottom: 10px;} div.contentContainer div.content h4 {color:#C90000; font-size: 13pt; margin-bottom: 10px;} div.contentContainer div.content h5 {color:#C90000; font-size: 13pt; margin-bottom: 10px;} div.contentContainer div.content h6 {color:#C90000; font-size: 13pt; margin-bottom: 10px;} div.contentContainer div.content p {margin-bottom: 10px;} /* =SITEMAP ----------------------------------------*/ div.contentContainer div.content ul { margin: 0 0 1em 2em; } div.contentContainer div.content ul li { margin: 1em 0 1em 0; } div.contentContainer div.content ol { margin: 0 0 1em 2em; } div.contentContainer div.content ol li { margin: 1em 0 1em 0; } /* =EVENTS PAGE ----------------------------------------*/ div.contentContainer div.content div.eventInfo { float: left; padding: 0 5px 0 0; width: 320px;margin-bottom: 20px;} div.contentContainer div.content div.eventInfo p { padding-bottom: 10px;} div.contentContainer div.content div.eventInfo ul { margin: 0 10px 0 10px;} div.contentContainer div.content div.eventInfo ul li{ margin: 0 10px 0 10px;} div.contentContainer div.content div.eventsLeftCol { float: left; padding-right: 15px ; margin: 0;/* background: url(/sitecontent/70/templates/Southlake/assets/images/rb_image_bju.jpg) 0 0 no-repeat;*/} div.contentContainer div.content div.eventsLeftCol img { max-width: 200px;margin-bottom: 20px;} /* =EVENTS PAGE TABLE LAYOUT ----------------------------------------*/ div.contentContainer div.content div.eventsWideCol {float: left;} div.contentContainer div.content div.eventsWideCol table.eventDetails {margin-top: 20px; margin-bottom:10px; width: 530px; float: left; color: #666666; font-size: 11px;} div.contentContainer div.content div.eventsWideCol table.eventDetails tr th{ width: 100%; text-align: left; padding: 0; font-size: 12pt; } div.contentContainer div.content div.eventsWideCol table.eventDetails tr.eventsRow { background-color: #FFF; padding: 7px 0;} div.contentContainer div.content div.eventsWideCol table.eventDetails tr.eventsAltRow { background-color: #EEE; padding: 7px 0;} div.contentContainer div.content div.eventsWideCol table.eventDetails td { padding: 7px 20px 7px 10px;} /* =RIGHTBAR ----------------------------------------*/ div.contentContainer div.rightBar { float: right; width: 200px; height: 100%;} div.contentContainer div.rightBar div { margin-bottom: 20px; } div.contentContainer div.rightBar div.quickLinks ul, div.departmentLinks ul { background-color: #EEF2F6;} div.contentContainer div.rightBar div h3 { color: #FFF; font-size: 10pt; font-weight: normal; width: 180px; display: block; padding: 6px 0 6px 20px; background: #708D76 url(/sitecontent/70/templates/Southlake/assets/images/rb_gen_header.gif) 0 0 no-repeat; } div.contentContainer div.rightBar div ul { padding: 15px 20px; margin-bottom: 20px;} div.contentContainer div.rightBar div ul li { list-style: none; padding-bottom: 5px; } div.contentContainer div.rightBar div ul li a { color: #336633; text-decoration: none; padding-bottom: 5px;} div.contentContainer div.rightBar div ul li a:hover { text-decoration: underline; } div.contentContainer div.rightBar div.rightBarImage {width: 200px; height: 192px; } div.contentContainer div.rightBar div.print { background: url(/sitecontent/70/templates/Southlake/assets/images/rb_print_small.gif) 0 0 no-repeat; width: 200px; height: 30px; } div.contentContainer div.rightBar div.print a { display: block; color: #336633; padding: 8px 55px; font-weight: bold; cursor: pointer; text-decoration: none;} div.contentContainer div.rightBar div.print a:hover { text-decoration: underline; cursor: pointer;} div.contentContainer div.rightBar li.rss { margin-top: 1em; padding-top: 1em; border-top: 1px dotted #333; } div.contentContainer div.rightBar li.rss a { font-size: 10px; text-transform: uppercase; font-weight: bold; } /* =FOOTER ----------------------------------------*/ div.footer { margin: 0 auto; width: 760px; padding: 40px 0 20px; clear: both; } div.footer ul { margin: 0 auto; text-align: center; } div.footer ul li { display: inline; font-size: 7.5pt; color: #808080; margin-right: 1em; padding-right: 1em; border-right: 1px solid #CCC; } div.footer ul li.last { margin-right: 0; padding-right: 0; border-right: none; } div.footer a { color: #808080; text-decoration: none; } div.footer a:hover { color: #CCC; text-decoration: underline; } div.footer p { text-align: center; font-size: 11px; font-style: italic; margin: 0 0 10px; border-top: 1px solid #CCC; padding-top: 10px; } /* [ FOOTER ] --------------------------------------------------------------- */ .footer { padding: 20px 0; } .footer ul { border-top: 1px solid #CCC; padding-top: 20px; } /* div.footer { margin: 0 auto; width: 760px; height: 100px; position: relative; top: 15em; clear: left} div.footer ul { float: right; position: relative; clear:left} div.footer ul li { display: block; float: left; font-size: 7.5pt; color: #808080; margin-left: .5em; } div.footer a { color: #808080; text-decoration: none; } div.footer a:hover { color: #CCC; text-decoration: underline; } */ /* =AMENITIES ---------------------------------------- div.amenitiesList { width: 205px; height: 460px; z-index: 500; position: absolute; left: 0; top: 0; border: 2px solid #C3C3C3; background: #FFF url(/sitecontent/70/templates/Southlake/assets/images/amenities_lft_bar.gif) top left no-repeat;} div.amenitiesList div.tableWrapper { width: 159px; float: right; width: 100%} div.amenitiesList div.tableWrapper table { width: 159px; float: right; font-size: 10px; font-family: Arial;} div.amenitiesList div.tableWrapper table tr { height: 18px; background-color: #FFF; } div.amenitiesList div.tableWrapper table tr td { padding-left: 0px; } div.amenitiesList div.tableWrapper table tr.altRow { background-color: #EBEBEB;} div.amenitiesList div.tableWrapper table tr.check { background: #FFF url(/sitecontent/70/templates/Southlake/assets/images/green_check.gif) top right no-repeat; } div.amenitiesList div.tableWrapper table tr.altRowCheck { background: #EBEBEB url(/sitecontent/70/templates/Southlake/assets/images/green_check.gif) top right no-repeat; } */ /* =AMENITIES ----------------------------------------*/ div.amenitiesList { width:200px; z-index: 500; position: absolute; left: 0; top: 0; border: 2px solid #C3C3C3; background-color: #FFFFFF;} div.amenitiesList div.tableWrapper { width: 200px; float: right; width: 100%} div.amenitiesList div.tableWrapper table tr td.typeCol { width:44px; background: #FFF url(/sitecontent/70/templates/Southlake/assets/images/ammenityBG3.jpg) top left repeat-y; border-bottom: solid 1px #FFF;} div.amenitiesList div.tableWrapper table tr td.typeCol2 { width:156px; border-bottom: solid 1px #FFF; margin-right: 30px;} div.amenitiesList div.tableWrapper table tr td table { float: right; font-size: 10px; font-family: Arial;} div.amenitiesList div.tableWrapper table tr td table tr { height: 18px; background-color: #FFF; } div.amenitiesList div.tableWrapper table tr td table tr td{ padding-left: 0px; } div.amenitiesList div.tableWrapper table tr td table tr.altRow { background-color: #EBEBEB; width:156px;} div.amenitiesList div.tableWrapper table tr td table tr.check { background: #FFF url(/sitecontent/70/templates/Southlake/assets/images/green_check.gif) top right no-repeat; width:156px;} div.amenitiesList div.tableWrapper table tr td table tr.altRowCheck { background: #EBEBEB url(/sitecontent/70/templates/Southlake/assets/images/green_check.gif) top right no-repeat; width:156px;} /* =MISC CLASSES ----------------------------------------*/ .clear { clear: both; } /* =MISC CLASSES ----------------------------------------*/ div.businessContent h /* =CALENDAR --------------------------------------------------------- */ div.content table.calendar { margin: 0; border-collapse:collapse; padding:0; width: 533px;} div.content table.calendar td { font-size: 8pt; padding: 0; vertical-align: middle; border: solid 1px #CCCCCC;} div.content table.calendar td.calendarDayHeader { font-size: 9pt; padding: 0; vertical-align: middle; border: solid 1px #CCCCCC; background-color:#EEEEEE; line-height: 25px; color: #404040;} div.content table.calendar ul { margin: 0; } div.content table.calendar ul li { list-style: none; margin-right: .3em; } div.content table.calendar a { text-decoration: none; } div.content table.calendar a:hover { text-decoration: underline; } div.content table td.cal_day { vertical-align:top; } div.content table td.cal_day_current { vertical-align:top; background-color: #FFF7D1;} div.content table td.cal_day_otherMonth { vertical-align:top; background-color: #808080;} div.content .calendarDayDiv{ min-height: 80px; } div.content .calendarDayDivOtherMonth{ min-height: 80px;background-color: #808080;} div.content .calendarDayDivToday{min-height: 80px;background-color: #FFF7D1;} div.content .calendarNextMonth{ background-image: url(/REPOSITORY/ASSETS/IMAGES/calendarNextMonth.jpg);line-height:48px;} div.content .calendarPrevMonth{ background-image: url(/REPOSITORY/ASSETS/IMAGES/calendarPrevMonth.jpg);line-height:48px;} div.content .calendarMonth{ background-image: url(/REPOSITORY/ASSETS/IMAGES/calendarMonthBG.jpg);line-height:48px; color:#FFFFFF; font-size: 20px;} div.content .calendarFooter{ background-image: url(/REPOSITORY/ASSETS/IMAGES/calendarFooterBG.jpg);line-height:46px; color:#404040; font-size: 15px;} div.content .calendarFooter img{ vertical-align: middle;} div.content .calendarFooterMonths{line-height: 12px; font-size:12px; padding: 3px; padding-left: 5px; padding-right: 5px;font-weight: bold;} div.content .calendarFooterMonthsActive{line-height: 12px; font-size:12px; padding: 3px; padding-left: 5px; padding-right: 5px;font-weight: bold;} div.content .calendarFooterMonths a{ color: #404040; text-decoration: none;} div.content .calendarFooterMonths a:hover{ color: #0099FF; text-decoration: none;} div.content .calendarFooterMonthsActive a{ color: #C60000; text-decoration: none;} div.content .calendarFooterMonthsActive a:hover{ color: #C60000; text-decoration: none;} div.content .calendarFooterLeft{ background-image: url(/REPOSITORY/ASSETS/IMAGES/calendarFooterLeft.jpg);line-height:46px; color:#404040; font-size: 15px; width:10px;} div.content .calendarFooterRight{ background-image: url(/REPOSITORY/ASSETS/IMAGES/calendarFooterRight.jpg);line-height:46px; color:#404040; font-size: 15px;width:10px;} div.content .southlakeIndex table{ width: 533px; } div.content .southlakeIndex table tr.item{ background-color: #EEEEEE;} div.content .southlakeIndex table tr.altItem{ background-color: #FFFFFF; } div.content .southlakeIndex table tr.item td{padding: 10px; line-height: 15px; font-size: 11px; border-left: solid 1px #FFFFFF;} div.content .southlakeIndex table tr.altItem td{ padding: 10px; line-height: 15px; font-size: 11px; border-left: solid 1px #FFFFFF;} div.content .southlakeIndex table tr.item td.firstColumn{ background-color: #EEEEEE; border-left: none;} div.content .southlakeIndex table tr.altItem td.firstColumn{ background-color: #FFFFFF; border-left: none;} div.content .indexColumnHeader td{background-image: url(/REPOSITORY/ASSETS/IMAGES/indexHeaderBG.jpg);line-height:25px; color:#FFFFFF; font-size: 12px; padding-left:10px; padding-right:5px;border-left: solid 1px #FFFFFF;} div.content .indexColumnHeader td.firstColumn{background-image: url(/REPOSITORY/ASSETS/IMAGES/indexHeaderBG.jpg);line-height:25px; color:#FFFFFF; font-size: 12px; padding-left:10px; padding-right:5px;border-left: none;} div.content .indexColumnHeader td a{ text-decoration: none; color: #FFFFFF;} div.content .indexFilterHeader{ background-image: url(/REPOSITORY/ASSETS/IMAGES/indexFilterHeaderBG.jpg); color:#404040; font-size: 15px;line-height:60px;} div.content .indexFilterHeader img{ vertical-align: middle;} div.content .indexFilterHeader h2{ color:#C60000; font-size: 15px;} div.content .indexFilterHeaderLeft{ background-image: url(/REPOSITORY/ASSETS/IMAGES/indexFilterHeaderLeft.jpg);line-height:60px; color:#404040; font-size: 15px; width:10px;} div.content .indexFilterHeaderRight{ background-image: url(/REPOSITORY/ASSETS/IMAGES/indexFilterHeaderRight.jpg);line-height:60px; color:#404040; font-size: 15px;width:10px;} div.content .calendarFooterMonths{line-height: 12px; font-size:12px; padding: 3px; padding-left: 5px; padding-right: 5px;font-weight: bold;} div.content div.viewOptions{ margin-bottom: 5px; width: 533px;} div.content div.viewOptions div.viewOptionsPaging{ float: left; width: 300px } div.content div.viewOptions div.viewOptionsFilter{ float: left; width: 230px; text-align: right;} div.content div.viewOptions div.viewOptionsFilter select { font-size: 10px;} div.content div.viewOptions div.viewOptionsFilter input { font-size: 10px; } div.content div.viewOptions div.keywordSearch{ width: 500px;} div.content div.viewOptions div.keywordSearch input { font-size: 10px; } div.content .eventHover{background-color: #EEEEEE; border: solid 4px #CCCCCC; padding: 10px; width: 200px;} div.content .eventHover b {color:#3878B7;} /* =SEARCH ----------------------------------------*/ div.content div.searchCategories {margin-bottom: 20px; float:right; margin-right: 20px;} /* =SEARCH ---------------------------------------- .lp_calendar { width: 100%; border: solid 1px #CCCCCC; border-collapse: collapse;} .lp_calendar td { border: solid 1px #CCCCCC; border-collapse: collapse; padding: 4px; } .lp_month_header td { background-color: #effdc6; background-image: url(/content/images/toolbar-bg-green.jpg); font-weight: bold; } .lp_day_of_week_header td { background-image: url(/content/images/toolbar-bg-gray.jpg); font-weight: bold; } .lp_cal_day_td { background-color: #ffffff; } .lp_cal_day { min-height: 75px; font-size: 8px;} .lp_cal_current_day_td { background-color: #fcfcde;} .lp_cal_current_day { min-height: 75px; font-size: 8px;} .lp_cal_empty{ background-color: #ebebeb;} .lp_cal_day ul { float: left; margin:0; padding: 3px 0 0 0; clear:both;} .lp_cal_day ul li { margin:0; padding:0 0 0 13px; background-image: url(/content/images/square_bullet.png); background-repeat: no-repeat; list-style: none; } .lp_cal_current_day ul { float: left; margin:0; padding: 3px 0 0 0; list-style: none; clear:both;} .lp_cal_current_day ul li { margin:0; padding:0 0 0 13px; background-image: url(/content/images/square_bullet.png); background-repeat: no-repeat; list-style: none; }*/ /* =TABLE FIX ----------------------------------------*/ div.content table { border-collapse: collapse; width: 100%; } div.content table td { padding: .25em; } div.content table td.calendarPrevMonth, div.content table td.calendarNextMonth, div.content table td.calendarMonth, div.content table td.calendarFooterLeft, div.content table td.calendarFooterRight, div.content table td.calendarFooter { padding: 0; } /* [ CALENDAR ] ------------------------------------------------------------ */ .lp_calendar { float: left; width: 100%; border: solid 1px #CCCCCC; border-collapse: collapse;} .lp_calendar td { border: solid 1px #CCCCCC; border-collapse: collapse; padding: 4px;} .lp_month_header td { background-color: #effdc6; background-image: url(/content/images/toolbar-bg-green.jpg); font-weight: bold; } .lp_day_of_week_header td { background-image: url(/content/images/toolbar-bg-gray.jpg); font-weight: bold; } .lp_cal_day_td { background-color: #ffffff;} .lp_cal_day { font-size: 11px; } .lp_cal_current_day_td { background-color: #fcfcde;} .lp_cal_current_day { font-size: 11px; } .lp_cal_empty { background-color: #ebebeb;} .lp_cal_day ul { float: left; margin: 0; padding: 3px 0 0 0; } .lp_cal_day ul li { list-style: none; display: block; font-size: 11px; } .lp_cal_current_day ul { float: left; margin:0; padding: 3px 0 0 0; list-style: none; clear:both;} .lp_cal_current_day ul li { list-style: none; display: block; margin: 0; font-size: 11px; } .lp_cal_current_day ul li a, .lp_cal_day ul li a { display: block; padding: 3px 3px 3px 10px; background: url(/SiteContent/69/images/ui_files/bullet.gif) 3px .9em no-repeat; } .lp_calendar_foot { display: none; } .lp_calendar td { height: auto; vertical-align: top; } .lp_calendar .lp_month_header td { background: #F0F0F0; color: #333; border: none; text-align: center; font-size: 10px; } .lp_calendar .lp_month_header td a { color: #333; } .lp_calendar .lp_day_of_week_header { font-size: 10px; } .lp_calendar .lp_cal_day, .lp_calendar .lp_cal_current_day { min-height: 64px; } .lp_calendar .lp_cal_day ul li { padding: 0; margin: 0; background: none; } /* [ BUSINESS LISTING ] ------------------------------------------------------------ */ .slb_alpha_container { background: #f9f1da; margin: 0 0 1px 0; padding: 10px; height: 25px } .slb_alpha_container a { font-weight: bold;} .slb_search_container { background: #f9f1da; margin: 0 1px 1px 0; padding: 10px; float:left; width: 220px; height: 25px} .slb_search_container input[type="text"]{ width: 90px;} .slb_category_container { background: #f9f1da; margin: 0 0 1px 241px; padding: 10px; height: 25px } .slb_category_container select { width: 220px; display: inline;} .row_alt { background: #eef3f7;} table.slb_table tr td { padding: 10px;} .slb_paging_control{ padding: 15px;} div.contentContainer div.content ul.amenities { list-style: none; margin:0; padding: 0;} div.contentContainer div.content ul.amenities li { float: left; display: block; width: 150px; padding: 0 0 0 20px; margin: 5px;} div.contentContainer div.content ul.amenities li.yes{ float: left; display: block; width: 150px; background: url(/SiteContent/70/templates/Southlake/Assets/images/check_mark.jpg) no-repeat; padding: 0 0 0 20px; color: #348433; font-weight: bold; margin: 5px;} /* [ TOUCHPOINT ADD BUSINESS FORM]*/ .field_block div{ padding: 10px 0 3px 0; clear:both;} .field_block label{ padding: 0 10px 0 0; width: 150px; display:block; float:left;} .field_block input{ padding: 3px; margin: 0 5px 0 0; display:block; float:left;} .field_block input[type="text"]{ width: 200px; } .field_block select { padding: 4px;} #ctl00_conductor_form_ctl18 { width: 300px; } #ctl00_conductor_form_ctl30 { width: 300px; } #ctl00_conductor_form_ctl42 { width: 300px; } #ctl00_conductor_form_34 p { line-height: 18px;} #ctl00_conductor_form_18 div label { display: inline; float:none;} #ctl00_conductor_form_ctl09 label { width: 300px;} #ctl00_conductor_form_ctl66 { width: auto;} #ctl00_conductor_form_ctl66 tr td label { width: 30px;} #ctl00_conductor_form_ctl85 { width: auto;} #ctl00_conductor_form_ctl85 label { width: 100px;} #ctl00_conductor_form_44 div label { display: inline; float:none;} #ctl00_conductor_form_30 div label { display: inline; float:none;} /* SLB Business Detail */ div.contentContainer div.content h4.slb_heading { font-size: 12px;} .slb_description { margin: 15px 0 15px 0;} .hidden { display:none;} /*div.contentContainer div.content div.Service { display: block; clear: both; }*/ div.contentContainer div.content div.Service { display: block; clear: both; } .dmwbe_False:before { content: "No"} .dmwbe_True:before { content: "Yes"} .slb_content { float: left; } .slb_logo { display:block; margin: 0 0 0 20px; min-width: 200px; float: left; max-width: 300px; _width: 300px; } .slb_mapit { font-weight: bold; font-size: 10px;} .slb_title { border-bottom: solid 1px #ad8d26; padding: 0 0 10px 0;} #slb_start_search #slb_center { width: 150px; margin: 0 auto; color: red; font-weight:bold; padding: 20px; } .DMWBE