body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
#CustomHeaderDiv
{
    width: 760px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
    background-position: center;
    background-image: url('EventBookHeader.gif');
    background-repeat: no-repeat;
}

#EventBookContentDiv
{
    margin-left: auto;
    margin-right: auto;
    width: 760px;
    background-color: White;
}
#CustomDivOne
{
}
#CustomDivTwo
{
}
#CustomDivThree
{
}
.MenuRow
{
    background-color: #DDDDDD;
}

input[type="text"], input[type="password"], textarea
{
    background-color: #ffffdd;
}
.ErrorText
{
    color: Red;
}

.GridViewSelectedRow
{
    background-color: #DDDDDD;
}

.TableWithGrid
{
    border-style: ridge;
}
.TableWithGrid th
{
    border-color: Gray;
    border-bottom-style: solid;
}

.TableWithGrid td
{
    border-color: Gray;
    padding-right: 5px;
    border-width: 1px;
    border-top-style: solid;
}
.ResInstr
{
    color: #800000;
	display: none;
}

.buyTicket
{
    width: 80px;
    height: 30px;
    overflow: hidden;
}
.buyTicket a img
{
    border: 0;
}
.buyTicket a img
{
    margin-top: 0;
}
.buyTicket a:hover img
{
    margin-top: -30px;
}
a.link, .PopupLink
{
    color: Blue;
    text-decoration: underline;
}
div.RestrictionsPopup p
{
    width: 400px;
    background-color: #FFFF99;
    border: medium outset #FFFF00;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    font-style: normal;
}

div.RestrictionsPopup:hover p
{
    visibility: visible;
}


/* Classes for the Reservation Sheet accordion panes */
.accordion
{
    width: 90%;
/* MOD 
	display: none;*/
}
.accordionHeader
{
    color: White;
    background-color: Blue;
    padding: 4px;
    border: solid 1px black;
}

.accordionButton
{
	color: White;
	border: 0px none;
	background-color: Transparent;
	text-align: left;
	font-weight: bold;
	font-size: xx-large;
	margin-right: auto;
	margin-left: auto;
}

.accordionHeaderSelected
{
    color: White;
    background-color: Navy;
    padding: 4px;
    border: solid 1px black;
}
.accordionContent
{
	/*
	border-style: solid;
	border-width: thin;
	background-color: #FFC;
	font-size: 10pt;
	padding: 5px;
	*/
	display: none;
}
.accordionContent h2
{
    font-size: 12pt;
    font-weight: bold;
    margin: 0px;
}

.accordionMapInfoDiv
{
    float: right;
	display: none;
}

.ResSelectDate
{
}
/* Class for Time row display in calendar suffixes O = Open, S = Sold Out, U = Unavailable*/
.Cal
{
    border: thick ridge #808080;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}
.Cal a
{
    display: block;
}
.Cal a:hover
{
    font-weight: bold;
}

.CalTitle
{
    border-style: outset;
    border-width: medium;
    background-color: #999999;
}
.CalDayHdr
{
    background-color: #C0C0C0;
    border-style: outset;
    border-width: medium;
}

.CalDayCell
{
    background-color: #C0C0C0;
    border-style: outset;
    border-width: thin;
    text-align: right;
    height: 50px;
}
.CalDay
{
    text-align: center;
    border-width: thin;
    padding: 0px;
    border-style: inset;
    width: 17px;
    margin: 0px;
    float: right;
}
.CalDayPast
{
    text-align: center;
    border-width: thin;
    padding: 0px;
    border-style: inset;
    margin: 0px;
    width: 17px;
    color: #808080;
    float: right;
}
.CalDayNotCurMonth
{
    visibility: hidden;
}
.CalHdrHover:hover
{
    color: blue;
    cursor: pointer;
    text-decoration: underline;
}
div.CalEvent
{
    position: relative;
}
.CalPopupL, .CalPopupR
{
    width: 280px;
    text-align: left;
    background-color: White;
    border: medium outset #AAAAAA;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    font-style: normal;
    z-index: 100;
}

.CalPopupL
{
    top: -20px;
    left: -310px;
}
.CalPopupR
{
    top: -20px;
    left: 50px;
}
.CalDetailCol
{
    width: 280px;
}
.CalNormalCol
{
    width: 14%;
}
.CalNoPopupCol
{
    width: auto;
}
.CalDetail
{
    text-align: left;
    background-color: White;
    padding: 10px;
    font-style: normal;
}

div.CalEvent:Hover div.CalPopupR, div.CalEvent:Hover div.CalPopupL
{
    visibility: visible;
}
.CalPerIssue
{
    color: Red;
}
.CalTR_O
{
    text-align: left;
    color: Blue;
}
.CalTR_U
{
    text-align: left;
    color: Black;
}
.CalTR_S
{
    text-align: left;
    color: Yellow;
}
.CalTrAll_O
{
    text-align: left;
    color: Blue;
}
.CalTrAll_U
{
    text-align: left;
    color: Black;
}
.CalTrAll_S
{
    text-align: left;
    color: Yellow;
}
/*
<div class="frResDiv">
	<h1>Reservation for:</h1>
    <h1>Promotion Name</h1>
	<ul>
		<li>Boat tour (<a href="http://PegasusCharters.com" target="blank" title="More Information">Info</a>) 
		(<a href="http://maps.google.com/" target="blank" title="Map and/or Directions">Map</a>)
		<span class="frEventTime">Thursday March 18, 2010 11:00 AM to 11:45 AM</span><ul>
			<li><span class="frResNumTickets">3</span> Adult</li>
			<li><span class="frResNumTickets">11</span> Child</li>
			<li><span class="frResNumTickets">1</span> Toddler</li>
		</ul>
		<div id="frResPopup">
			<div class="frResDescription">
				<h2>Description:</h2>
				This is a description of the event. Up to 2000 characters long.</div>
			<div class="frResRestrictions">
				<h2>Restrictions:</h2>
				This is where any restrictions would be described. Items such as 
				no children under 3. No food or drinks, etc.</div>
		</div>
		</li>
	</ul>
</div>
 
*/
.frResDiv
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.frResDiv ul
{
    margin-top: 0px;
}

.frResDiv li
{
    color: #000000;
}

li div.frResPopup
{
    width: 400px;
    background-color: #FFFF99;
    border: medium outset #FFFF00;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    font-style: normal;
}

li:hover div.frResPopup
{
    visibility: visible;
}

.frEventTime
{
    color: #008080;
    display: block;
}


.frResDescription
{
    margin-bottom: 5px;
		display:none;
}

.frResRestrictions
{
    font-style: italic;
	display:none;
}


.frResDiv li li
{
    list-style-type: none;
}

.frResDiv h1
{
    font-size: 12pt;
    margin-bottom: 0px;
}
.frResDiv h2
{
    font-size: 12pt;
    margin-bottom: 0px;
}
.frResNumTickets
{
    width: 20px;
    text-align: right;
    display: inline;
    float: left;
}

/*Modal Popup*/
.modalBackground
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup
{
    background-color: #FFFFFF;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    position: absolute !important;
    top: 50px !important;

}

.ResRpt th
{
    text-align: left;
}
.ResRptRateDesc
{
}
.ResRptRateCount
{
}
.ResRptAltRow
{
    background-color: #DDDDDD;
}
.ResRptEventDateSummary
{
    font-weight: bold;
}
.ResRptID
{
    width: 6em;
}
.ResRptName, .ResRptPhone, .ResRptEmail
{
    width: 15em;
}
.ResRptPaid
{
    width: 6em;
}
.ResRptComment
{
    width: 50em;
}