#bodyContent{
}

#reservationFormContainer{
padding-top: 80px;
padding-left: 300px;
}

#underDevelopment{
position: absolute;
z-index: 101;
margin-left: 400px;
margin-top: 80px;
border: 1px #000 solid;
border-radius: 10px;
background-color: #fff;
width: 400px;
padding: 20px;
box-shadow: 5px 5px 10px #000;
text-align: center;
}

/*SUB NAV*/
#reservationTitle{
font-weight: bold;
color: #840202;
font-size: 12pt;
text-align: center;
margin-bottom: 20px;
}


#campsiteType,
#noCampers{
display: inline-block;
text-align: left;
margin-top: 25px;
margin-bottom: 35px;
margin-right: 8px;
margin-left: 8px;
width: 300px;
background-color: #EFEFE1;
border-radius: 10px;
padding: 5px 10px;
}

.calForm{
text-align: center;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 5px;
background-color: #EFEFE1;
border-radius: 10px;
padding: 5px 10px;
width: 300px;
}

#arriveForm,
#departForm{
display: inline-block;
margin-right: 16px;
padding: 10px 8px;
width: 300px;
}


/*Page Content*/
#platMap{
margin-left: 208px;
width: 792px;
height: 612px;
}

#platMap map{
display: inline-block;
width: 792px;
height: 612px;
}

.primativeSite{
stroke: #000;
stroke-width: 1px;
fill: #F37C20;
}

.fullhookupSite{
stroke: #000;
stroke-width: 1px;
fill: #F2CA22;
}



#resConfirm{
height: 230px;
padding-left: 280px;
padding-top: 20px;
margin-top: -5px;
background-color: #d6d5ac;
}

#resTitle{
font-size: 16pt;
font-weight: bold;
color: #840202;
margin-bottom: 30px;
}

#arriveDateConfirm{
display: inline-block;
margin-left: 20px;
}

#resDetails{
display: inline-block;
margin-left: 300px;
width: 200px;
}

#resCosts{
display: inline-block;
width: 50px;
text-align: right;
}

#resDetails div,
#resCosts div{
margin-bottom: 10px;
}


#additionalCampers{
display: none;
margin-left: 20px;
font-size: 9pt;
font-style: italic;
color: #333;
}

#campDates{
margin-bottom: 20px;
}

#campPeople{
margin-bottom: 20px;
}


#campSite{
margin-bottom: 20px;
}

.highlight{
background-color: #EFEFE1;
border-radius: 10px;
padding: 5px 10px;
margin-right: 5px;
margin-left: 5px;
}

#totalTitle{
position: absolute;
margin-top: 43px;
font-weight: bold;
margin-left: 490px;
color: #840202;
font-size: 14pt;
}

#totalCamp{
position: absolute;
padding: 10px 15px;
margin-top: 70px;
margin-left: 490px;
border: 1px #840202 solid;
font-weight: bold;
}

/*////////////////////////////////////////
mini calendars
///////////////////////////////////////*/
.calendarContainer{
margin: 15px 0px 25px 30px;
height: 230px;
width: 300px;
}

#calContainer h1{
font-weight: normal;
font-size: 10pt;
text-align: center;
font-weight: bold;
width: 260px;
}

.calendar-day-head{
font-size: 9pt;
text-align: center;
color: #fff;
background-color: #000;
}


.day-number-today{
border-radius: 50px;
height: 20px;
width: 25px;
font-size: 9pt;
color: #fff;
background-color: #330000;
padding-top: 5px
}

.day-number-between{
height: 20px;
padding-top: 5px;
font-size: 9pt;
color: #000;
background-color: #ccbaba;
}

.day-number{
font-size: 9pt;
}