/* Design44 Base HTML/CSS  -  Written By: Eric Florez  -  Last Updated: 2008-1-22 */
/* ====================== Page Formatting ========================*/
body, table, p, a, div
{
    margin: 0px;
    padding: 0px;
    color: #084577;
    font-size: 13px;
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
body
{
    background: #4B8402 url(../Images/backgrounds/bkgndBody.jpg) repeat-x 0px 0px;
}

a img
{
    border: 0px;
}

#bodyContainer
{
    width: 1152px;
    margin: 0px auto;
    padding-bottom: 30px;
    background: url(../Images/backgrounds/bkgndHeader.jpg) no-repeat 0px 0px;
}

#logo
{
    height: 78px;
    padding-top: 12px;
    text-align: center;
    background: url(/Common/Images/logoSpacesToPlay.png) no-repeat center;
}

#logo img
{
    width: 248px;
    height: 70px;
}

#logo, #contentContainer
{
    behavior: url('/Common/Scripts/iepngfix.htc');
}

#contentContainer
{
    width: 1010px;
    margin: 0px auto;
}

#mapContainer
{
    top: 24px;
    right: 30px;
    width: 576px;
    height: 517px;
    padding: 3px 4px;
    overflow: hidden;
    position: absolute;
    background: url(../Images/backgrounds/bkgndMapFrame.jpg) no-repeat 0px 0px;
}

#Map
{
    width: 576px;
    height: 517px;
}

#mapWrapperContainer
{
    width: 996px;
    margin: 0px auto;
    background: #e9c531 url(../Images/backgrounds/bkgndMapWrapperContainer.gif) repeat-y 0px 0px;
}
#MapWrapper
{
    width: 952px;
    padding: 0px 22px;
    position: relative;
    background: url(../Images/backgrounds/bkgndAreaContainer.jpg) no-repeat left bottom;
}

.FacilityTypeButtons
{
    height: 94px;
    position: relative;
    background: url(../Images/backgrounds/bkgndButtonHeader.jpg) no-repeat 0px 0px;
}


.TabContent
{
    width: 348px;
    padding: 10px 0px 0px 8px;
}

#tabContainer
{
    width: 951px;
    padding-bottom: 6px;
    background: url(../Images/backgrounds/bkgndMapContainerBtm.gif) no-repeat left bottom;
}

#ctl00_cphMain_Map1_TabContainer1_body, #Map1_TabContainer1_body
{
    background: #84C123 url(../Images/backgrounds/bkgndMapContainerTop.gif) no-repeat 0px 0px;
}

h1, h2
{
    margin: 0px;
    padding: 0px;
    color: #FFFFFF;
    font-size: 26px;
    font-weight: normal;
    font-family: Arial, Helvetica, sans-serif;
}
h2
{
    font-size: 14px;
    margin-top: 8px;
    font-weight: bold;
}

.TabContent table
{
}
.MainDescription
{
    width: 155px;
    padding-right: 10px;
}
.MainOptions
{
    width: 170px;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
}
#supportTable .MainDescription
{
    width: 75px;
}
#supportTable .MainOptions
{
    width: 250px;
}

.SpaceDescriptionTitle, .SpaceDescriptionTitle a
{
    color: #FFFFFF;
    font-size: 10px;
}
.SpaceDescriptionTitle
{
    margin: 15px 0px 6px 8px;
}

#descriptionContainer
{
    width: 338px;
    height: 194px;
    padding: 6px 0px 0px 8px;
    background: url(../Images/backgrounds/bkgndSpaceDescription.gif) no-repeat 0px 0px;
}
.flexcroll
{
    width: 330px;
    height: 186px;
    overflow-y: auto;
}

.SpaceDescription input, .SpaceDescription select, .searchCategoryContainer label, .searchCategoryContainer input, .searchCategoryContainer select, .searchCategoryContainer label
{
    color: #7e837c;
}
.SpaceDescription p, .SpaceDescription p a, .searchCategoryContainer p, .searchCategoryContainer p a
{
    color: #7e837c;
    font-size: 12px;
}
.SpaceDescription p, .searchCategoryContainer p
{
    margin: 0px;
    padding: 0px 0px 6px 0px;
}
.SpaceDescription ul, .searchCategoryContainer ul
{
    padding: 0px;
    margin: 4px 0px 8px 20px;
}
.SpaceDescription li, .SpaceDescription li a, .searchCategoryContainer li, .searchCategoryContainer li a
{
    color: #4a90e0;
    font-size: 12px;
    padding: 1px 0px;
}

#Loading
{
    top: 250px;
    left: 400px;
    z-index: 999;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    padding: 6px 2px 0px 5px;
    border: 2px solid #39821A;
    background-color: #84C123;
}
#Loading img
{
    margin-top: -6px;
}

.InfoName
{
    color: #084577;
    font-size: 13px;
    font-weight: bold;
}
.InfoAddress, .InfoPhone
{
    color: #7e837c;
}
.InfoWindow a
{
    color: #4a90e0;
    padding: 3px 0px;
}

.InfoDirections
{
    font-size: 9px;
}

.Section
{
    color: #84C123;
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 4px;
    padding-bottom: 4px;
    text-transform: uppercase;
    border-bottom: 1px solid #84C123;
}

.FacilityDetails
{
    font-size: 12px;
}

.DetailsTitle
{
    padding: 2px;
    color: #7e837c;
    display: block;
}

.DetailsValue
{
    display: block;
    padding-bottom: 6px;
}

.DetailsValue ul
{
    margin: 0px;
    padding: 0px;
}


.anchor_links, .anchor_links a
{
    color: #FFFFFF;
    font-size: 11px;
    text-align: center;
    padding-bottom: 4px;
}


/* Added by Bryan 2/1/08 -- related to the search tab */
.watermark
{
    color: #cccccc;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
}

.searchCategoryContainer
{
    width: 338px;
    height: 82px;
    color: #7e837c;
    font-size: 11px;
    padding: 6px 0px 0px 8px;
    background: url(../Images/backgrounds/bkgndSearchCategory.gif) no-repeat 0px 0px;
}
.SearchBox
{
    width: 330px;
    height: 74px;
    overflow-y: auto;
}
.CitySearchBox
{
    width: 330px;
    height: 74px;
    overflow-y: auto;
}

.taller
{
    height: 96px;
    background: url(../Images/backgrounds/bkgndSearchCategory2.gif) no-repeat 0px 0px;
}
.taller .SearchBox
{
    height: 88px;
}

.searchBy
{
    color: #7e837c;
    display: block;
    padding: 8px 10px;
}

.SearchZip
{
    color: #7e837c;
    font-size: 12px;
    padding-top: 6px;
}

.btnContainer
{
    display: block;
    padding: 12px 0px;
}

#descriptionContainerSearch
{
    clear: both;
    width: 338px;
    height: 194px;
    padding: 6px 0px 0px 8px;
    background: url(../Images/backgrounds/bkgndSpaceDescription.gif) no-repeat 0px 0px;
}


.clear
{
    clear: both;
    height: 1px;
    overflow: hidden;
}

.footerLinks
{
    width: 300px;
    height: 20px;
    text-align: center;
    margin: 20px 0px 34px 0px;
    padding: 3px 0px 0px 0px;
    background: url(../Images/backgrounds/bkgndFooter.gif) no-repeat 0px 0px;
}
.footerLinks, .footerLinks a
{
    color: #084577;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    text-transform: uppercase;
}

#footer p
{
    margin: 0px;
    color: #FFFFFF;
    font-size: 9px;
    padding: 0px 0px 8px 0px;
}

.contentFull
{
    padding: 30px 20px 20px 30px;
}
.contentFull p
{
    padding-bottom: 15px;
}


/* ====================== Tab Styling ========================*/
.CustomTabStyle .ajax__tab_tab
{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 9px 0px 14px;
    background: url(../Images/backgrounds/bkgndTabLeft.gif) no-repeat 0px 0px;
}
.CustomTabStyle .ajax__tab_inner
{
    background: url(../Images/backgrounds/bkgndTabRight.gif) no-repeat right top;
}
.CustomTabStyle .ajax__tab_outer
{
    margin-right: 1px;
    background: #468D1C url(../Images/backgrounds/bkgndTab.gif) repeat-x 0px 0px;
}


.CustomTabStyle .ajax__tab_active .ajax__tab_tab
{
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 2px 9px 0px 14px;
    background: url(../Images/backgrounds/bkgndTabLeft_Active.gif) no-repeat 0px 0px;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner
{
    background: url(../Images/backgrounds/bkgndTabRight_Active.gif) no-repeat right top;
}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer
{
    margin-right: 1px;
    background: #84C123 url(../Images/backgrounds/bkgndTab_Active.gif) repeat-x 0px 0px;
}


/* ====================== Icon Positioning ========================*/
.userMenu
{
    top: 5px;
    right: 36px;
    position: absolute;
}


#ctl00_cphMain_Map1_lbBaseball, #Map1_lbBaseball
{
    top: 20px;
    left: 218px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbBasketball, #Map1_lbBasketball
{
    top: 16px;
    left: 260px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbDogParks, #Map1_lbDogParks
{
    top: 12px;
    left: 304px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbSports, #Map1_lbSports
{
    top: 8px;
    left: 348px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbGolf, #Map1_lbGolf, .GolfIcon
{
    top: 8px;
    left: 392px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbPlaygrounds, #Map1_lbPlaygrounds
{
    top: 6px;
    left: 434px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbRecreation, #Map1_lbRecreation
{
    top: 4px;
    left: 478px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbSchools, #Map1_lbSchools
{
    top: 4px;
    left: 520px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbSkateparks, #Map1_lbSkateparks
{
    top: 6px;
    left: 562px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbSplash, #Map1_lbSplash
{
    top: 8px;
    left: 606px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbPools, #Map1_lbPools
{
    top: 12px;
    left: 648px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbTennis, #Map1_lbTennis
{
    top: 14px;
    left: 692px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbTrack, #Map1_lbTrack
{
    top: 16px;
    left: 732px;
    position: absolute;
}
#ctl00_cphMain_Map1_lbVolleyball, #Map1_lbVolleyball
{
    top: 22px;
    left: 768px;
    position: absolute;
}


/* Added by Bryan 2/11/08 -- related to the survey popup */
/* ====================== Survey/Facility Form Styling ========================*/
.accordionHeader, .accordionHeaderSelected
{
    font-size: 26px;
    font-family: Arial, Helvetica, sans-serif;
}
.accordionHeader a, .accordionHeaderSelected a
{
    color: #FFFFFF;
    font-size: 26px;
    text-decoration: none;
}

.accordionHeader a span, .accordionHeaderSelected a span
{
    font-size: 11px;
}

.accordionContent
{
}

.collapsePanel
{
    overflow: hidden;
}
.collapsePanelHeader
{
}

#mytable
{
    margin: 0px;
    padding: 0px;
    width: 700px;
}

#map_survey
{
    width: 600px;
    height: 300px;
    margin: 5px 0px;
    position: relative;
    text-align: center;
    border: 1px solid #666666;
}


#mytable td
{
    color: #084577;
}
td.main
{
    width: 305px;
}

td.alt
{
}
td.req
{
}

#Survey1_ctl01_S1Q4_txt
{
    float: left;
    margin-right: 5px;
}


.modalBackground
{
    background-color: gray;
    filter: alpha(opacity=80);
    opacity: 0.8;
}

.SchoolMessage
{
    width: 300px;
    height: 100px;
    border: 2px solid #39821A;
    background-color: #84c123;
    padding: 10px;
    text-align: center;
    color: White;
    font-size: 13px;
    font-weight: bold;
}
.facilitySearch
{
    text-align: right;
    padding-bottom: 5px;
}
.facilitySearch input.facilitySearch
{
    background: url(/Common/Images/facilitySearch-input.gif) no-repeat left top;
    height: 19px;
    width: 155px;
    border: none 0px;
    text-align: left;
    padding: 3px 0px 0px 5px;
    font-size: 12px;
}
/*
caption {
	width: 600px;
	text-align: right;
	padding: 0px 0px 5px 0px;
	font: italic 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
th {
	font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #4f6b72;
	border-right: 1px solid #C1DAD7;
	border-bottom: 1px solid #C1DAD7;
	border-top: 1px solid #C1DAD7;
	letter-spacing: 2px;
	text-align: left;
	padding: 6px 6px 6px 12px;
	text-transform: uppercase;}
th.nobg {
	border-top: 0;
	border-left: 0;
	background: none;
	border-right: 1px solid #C1DAD7;}
th.spec {
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #fff url(/common/images/survey/bullet1.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}

th.specalt {
	color: #797268;
	border-left: 1px solid #C1DAD7;
	border-top: 0;
	background: #f5fafa url(/common/images/survey/bullet2.gif) no-repeat;
	font: bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;}
*/

#ctl00_cphMain_Map1_UpdateProgress1, #Map1_UpdateProgress1
{
    top: 250px;
    left: 400px;
    z-index: 1000;
    color: #FFFFFF;
    font-size: 16px;
    line-height: 16px;
    position: absolute;
    padding: 6px 2px 0px 5px;
    border: 2px solid #39821A;
    background-color: #84C123;
}
#ctl00_cphMain_Map1_UpdateProgress1 img, #Map1_UpdateProgress1 img
{
    margin-top: -6px;
}


.heading_FacilityList
{
    display: block;
    color: #FFFFFF;
    font-size: 26px;
    text-align: center;
    font-weight: normal;
    padding-bottom: 12px;
    font-family: Arial, Helvetica, sans-serif;
}
.tableFacilityList
{
    width: 100%;
    border: 1px solid #4B8402;
}

.dataHeaderStyle th, .dataHeaderStyle th a, .dataPagerStyle td, .dataPagerStyle td a
{
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    background-color: #4B8402;
}
.dataHeaderStyle th, .dataHeaderStyle th a
{
    font-size: 13px;
}







.schools_temp
{
    cursor: pointer;
}



#weather
{
    background: url(../Images/backgrounds/weather_bg.jpg) no-repeat;
    width: 108px;
    height: 72px;
    position: relative;
    margin-top: 40px;
}



#weatherFrame
{
    width: 87px;
    height: 27px;
    position: absolute;
    left: 11px;
    top: 30px;
}