@import url(master.css);
@import url(grid.css);

/* GENERAL ------------------------------------------------------------------ */

h2.solo
{
	clear: both;
	background-color: #F7F3F7;
	padding: 10px;
	margin: 0 15px 15px 0;
	*margin: -15px 15px 15px 0;
	_margin: 0 15px 15px 0;
	line-height: 100%;
}

div.hr {
  height: 1px;
	overflow: hidden;
	margin-bottom: 0.5em;
}

div.hr hr {
  display: none;
}

img.inline
{
	display: inline;
}

img.left
{
	float: left;
	display: inline;
	margin: 0 1em 1em 0;
}

img.right
{
	float: right;
	display: inline;
	margin: 0 0 1em 1em;
}

.hide img {
display: none;
}

.float_left{
	float:left;
}
.float_right{
	float:right;
}

.clear
{
	clear: both;
}

.auto
{
	width: auto !important;
}

.hAuto
{
	height: auto !important;
	padding-bottom: 5px !important;
}

.show
{
	display: block;
}

.hide
{
	display: none;
}

.none
{
	display: none;
}

.visible
{
	visibility: visible;
}

.invisible
{
	visibility: hidden;
}

.hidden
{
	position: absolute;
	left: -9999px;
	top: -9999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.setBG
{
	background: transparent url(../img/bg.gif) repeat-y;
}

.lc
{
	text-transform: none !important;
}


/* CONTENT ------------------------------------------------------------------ */

.ListingImageSmall
{
	height: 85px;
}

html>body
{
	height: auto;
}

.content, .blank
{
	background-color: #f3f3f3;
}

.standard
{
	padding: 10px;
}

.standard h3
{
	color: #323232;
	text-transform: uppercase;
	font-size: 140%;
	margin-bottom: 0.5em;
	clear: none;
}

.standard h4
{
	color: #464646;
	text-transform: uppercase;
	font-size: 125%;
	margin-bottom: 0.4em;
}

.standard h5
{
	color: #505050;
	font-size: 117.5%;
	margin-bottom: 0.3em;
}

.standard h6
{
	color: #5a5a5a;
	font-size: 108.5%;
	margin-bottom: 0.3em;
}

.standard p
{
	margin-bottom: 1em;
}

.standard ul
{
	margin: 0 0 1em 2em;
	list-style-type: disc;
}

.standard ol
{
	margin: 0 0 1em 2em;
}

.standard label
{
	text-transform: uppercase;
	font-size: 92.5%;
	color: #666666;
}

.standard .notes
{
	margin-top: 10px;
	padding: 0 0 15px 0;
}

.standard .notes dd
{
	padding-top:15px;
	font-size: 98%;
}

div.allocationStandard { }
	div.allocationStandard div.error { }
		div.allocationStandard div.error div.copy {
			padding: 10px;
		}
			div.allocationStandard div.error div.copy ul {
				list-style-type:disc;
				margin:0pt 0pt 1em 2em;
			}
table caption
{
	font-weight: bold;
	text-align: left;
	font-size: 125%;
	text-transform: uppercase;
	padding: 0 10px 10px 10px;
}

table.documentList td.short
{
	width: 15%;
}

table.documentList td.long
{
	width: 70%;
}

table td.aCtr
{
	text-align: center;
}

table td.noWrap
{
	white-space: nowrap;
}

table td, table th
{
	padding: 10px 10px 5px 10px;
	vertical-align: top;
}

table td small
{
	color: #999999;
	font-size: 100%;
}

/* FORM ---------------------------------------------------------------------------------------*/

fieldset legend 
{
	margin-left: -7px;
}

.content .inline
{
	padding: 0 0 0 0 !important;
}

.mandatory
{
	padding: 0 0 0 10px;
	background: transparent url(../img/icon_mandatory.gif) no-repeat 0 5px;
	font-style: normal;
}

.disabled
{
	background-color: #f3f3f3;
}

.error
{
	color: #ff0000;
	font-size: 100%;
	text-transform: none;
	text-align: left;
	line-height: 15px;
}

.enabled
{
	background-color: #ffffff;
}

.form
{
	padding: 0 10px 10px 10px;
}

.sepFormBtns
{
	margin-top: 24px;
	margin-bottom: 15px;
}

.sepFormBtns input.btn-arrow-l
{
	margin-right: 5px;
}

.form .container .fine
{
	font-size: 92%;
	color: #666666;
	margin: 0 0 5px 0;
}

.form .container
{
	display: block;
	padding-bottom: 0.7em;
}

.form .container .container
{
	padding-bottom: 0.2em;
}

.form .container div
{
	float: left;
}

.form h4
{
	font-size: 117%;
	margin: 0 0 1em 0;
}

.form h5
{
	font-size: 100%;
	text-transform: uppercase;
	margin: 0 0 0.5em 0;
}

.form h4 small
{
	padding-top: 0px;
	float: none;
	width: auto;
	font-size: 72%;
	margin: 0 0 0 0;
	display: block;
	text-transform: none;
}

.form legend, #aspnetForm legend
{
	color: #333333;
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
	padding: 10px 0 10px 10px;
}

p em.mandatory
{
	display: block;
	font-style: normal;
	color: #999999;
	text-transform: uppercase;
	font-size: 92.5%;
	font-weight: bold;
}

.form .noIndent
{
	padding-left: 0;
}

.form .indent
{
	padding-left: 10px;
}

.form label
{
	float: left;
	width: 115px;
	display: inline;
	margin: 0 5px 0 0;
	padding: 2px 0 0 10px;
	font-size: 92.5%;
	text-transform: uppercase;
	font-weight: bold;
}

.form input
{
	height: 1.7em;
	line-height: 1.7em;
	text-indent: 2px;
}

.form span
{
	font-weight: normal;
	text-transform: none;
}

.form input, .form select, .form textarea
{
	float: left;
	font-size: 100%%;
	width: 215px;
}

.form ins
{
	position: absolute;
	margin-left: 131px;
	border: 0px none;
	text-decoration: none;
}

.form small
{
	padding-top: 5px;
	float: left;
	width: 60%;
	margin: 0 0 0 131px;
}

.form .right
{
	margin-left: 131px;
	display: inline;
}

.form input.chr4
{
	width: 5em;
}

.form textarea 
{
	height: 80px;
}

span.rdo input, span.chk input, .form input.rdo, .form span.rdo input, .form span.chk input, .form input.chk
{
	border: 0px none !important;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: auto;
}

div.inline span.chk input, div.inline span.chk label
{
	display: inline !important;
}

.form .group
{
	float: left;
	white-space: nowrap;
	width: 145px;
}

.form .group div
{
	width: 145px;
}

.form .group label
{
	width: auto !important;
	margin: 0 5px 0 0;
	padding: 2px 0 0 2px;
	text-transform: none;
	font-weight: normal;
	color: #333333;
}

.form .container .inline 
{
	width: 225px;
}

.form p label
{
	display: inline;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: auto;
	float: none;
}

.form .inline label
{
	width: auto !important;
	margin: 0 5px 0 0;
	padding: 2px 0 0 2px;
	text-transform: none;
	font-weight: normal;
	white-space: nowrap;
}

.form .inline input, .form .group input, .form .inline select
{
	float: left;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: auto;
}

.form input.inline, .form span.inline input, .form span.inline label
{
	display: inline !important;
	float: none !important;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: auto;
	line-height: 120%;
	text-indent: 0;
	color: #333333;
}

.form label.inline
{
	display: inline;
	float: none;
	width: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: auto;
	line-height: 120%;
	text-indent: 0;
	color: #333333;
}

.form table.inputList
{
	border-collapse: collapse;
}

.form table.inputList td
{
	width: 19%;
	padding: 0 0 0 0;
}

.form table.inputList td input
{
	width: auto;
	border: 0px none;
	margin: 0 0 0 0;
}

.form table.inputList td label
{
	font-weight: normal;
	text-transform: none;
	margin: 0 0 0 0;
	padding: 3px 0 0 0;
	width: auto;
}

.standard input.btn-arrow-l
{
	margin-right: 5px;
}

.form input.btn-arrow-r
{
	margin-right: 7px;
}

#seatPreference
{
	padding: 0 0 10px 10px;
}

#seatPreference label
{
	width: auto;
}

#seatPreference .container
{
	padding: 0 0 0 0;
}


/* Membership Form -----------------------------------------------------------------------------------*/

div.membership-layout 
{
    padding:0 0 40px;
}

div.membership-layout h5
{
    text-transform:uppercase;
}

div.membership-layout h6
{
    margin-bottom:9px;
}

div.membership-layout label 
{
    text-transform:none;
    margin-left:5px;
    margin-right:5px;
    float:left;
}

div.membership-layout input,
div.membership-layout p.form-label {
    float:left;
    border:none;
}

div.membership-layout p.form-label 
{
    margin-right:5px;
}

div.membership-layout .join 
{
    background:#499cd7 url(../img/arrow-right.gif) no-repeat right center;
    background-position: 85px 8px;
    color:#fff;
    text-transform:uppercase;
    font-weight:bold;
    padding:5px 20px 5px 15px;
    margin-right:20px;
    width:100px;
}



/* Page Controls -------------------------------------------------------------------------------------*/

#pageControlTitle
{
	background-image: url(../img/bg.gif);
	background-repeat: repeat-y;
	border-bottom: 15px solid #fff;
	line-height: 100% !important;
}

#pageTitle
{
	width: 765px;
	float: left;
	display: inline;
	padding: 0 0 10px 0;
	margin: 0 15px 0 0;
}

#pageTitle h2
{
	float: left;
	display: block;
	padding: 10px 0 0 10px;
}

#pageTitle dl
{
	display: block;
	padding: 8px 0 0 0;
	margin: 0 0 0 205px;
}

#pageTitle dl dt
{
	text-transform: uppercase;
	font-size: 92%;
	font-weight: bold;
	color: #999999;
	margin: 0 0 0 0;
	padding: 0 0 3px 0;
}

#pageTitle dl dd
{
	float: left;
	display: inline;
	padding: 1px 10px 0 10px;
	margin: 0 0 0 0;
}

#pageTitle dl dd.first
{
	border: 0px none;
	padding: 1px 10px 0 0;
	margin: 0 0 0 0;
}

#pageControl
{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

#pageControl dd
{
	padding-left: 20px;
	background-repeat: no-repeat;
	background-position: left top;
}

#pageControl dd.print
{
	margin: 5px 0 0 10px;
	background-image: url(../img/icon-print.gif);
}

#pageControl dd.send
{
	margin: 5px 0 0 10px;
	background-image: url(../img/icon-letter.gif);
}

/* Document listing ----------------------------------------------------------------------------------- */

.docIcon
{
	float: left;
	margin-right: 3px;
	display: inline;
}

/* Spotlight ------------------------------------------------------------------------------------------ */

.spotlight
{
	font-size: 117.5%;
	padding: 10px 10px 0 10px;
	color: #ffffff;
	width: 160px;
	height: 220px;
	float: left;
	display: inline;
	overflow: hidden;
	margin: 0 15px 15px 0;
}

.spotlight h2
{
	font-size: 115%;
	padding: 0;
	margin: 0 0 0.5em 0;
}

.spotlight h3
{
	font-size: 79%;
	background-color: transparent;
}

.spotlight ul
{
	margin: 0 0 1em 1.5em;
}

.spotlight ul.documents
{
	list-style: none;
	margin: 0 0 0 0;
}

.spotlight ul.documents li
{
	padding: 5px 0 5px 1.5em;
}

.spotlight ul.documents li.pdf
{
	background: transparent url(../img/icon-pdf.gif) no-repeat left 8px;
}

.spotlight ul.documents li.doc
{
	background: transparent url(../img/icon-doc.gif) no-repeat left 8px;
}

.spotlight ul.documents li.web
{
	background: transparent url(../img/icon-web.gif) no-repeat left 8px;
}

.spotlight p
{
	margin-bottom: 0.5em;
}

.spotlight a:link, .spotlight a:visited
{
	color: #ffffff;
	text-decoration: underline;
}

.spotlight a:hover, .spotlight a:focus
{
	text-decoration: none;
}

/* Event Tile -----------------------------------------------------------------------------------*/

div.captionTile
{
	float: left;
	display: inline;
	text-transform: uppercase;
	font-weight: bold;
	color: #777777;
	background-color: #F3F3F3;
}

div.eventTile
{
	background-repeat: no-repeat;
	background-position: top left;
}

div.eventTile h2
{
	font-size: 13px;
	margin-bottom: 5px;
	padding: 0 0 0 0;
	background-color: transparent;
	border: 0px none;	
}

div.eventTile h2 span
{
	font-size: 15px;
}

div.eventTile h3
{
	font-size: 11px;
}

div.eventTile cite 
{
	display: block;
	font-style: normal;
	font-size: 12px;
	font-weight: bold;
	text-transform: none;
	margin-bottom: 5px;
}

div.eventTile .hr
{
	margin-bottom: 5px;
}

div.eventTile p
{
	text-transform: none;
	margin-bottom: 5px;
}

div.eventTile div.eventTile_Details
{
	margin: 10px 10px 10px 10px;
	font-size: 11px;
	padding: 5px 7px 0 7px;
	text-transform: uppercase;
	line-height: 120%;
	cursor: hand;
	cursor: pointer;
	height: 169px;
	visibility: hidden;
	width: 145px;
	position: absolute;
	z-index: 99982;
}

div.row2 div.eventTile_Details
{
	margin: 255px 10px 10px 10px;
	font-size: 11px;
	padding: 5px 7px 0 7px;
	text-transform: uppercase;
	line-height: 120%;
	cursor: hand;
	cursor: pointer;
	height: 169px;
	visibility: hidden;
	width: 145px;
	position: absolute;
	z-index: 99982;
}

div.eventTile a.info
{
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	background-image: url(../img/arrow-right-btn.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 4px 4px 4px 10px;
	margin: 195px 10px 0 10px;
	width: 145px;
	position: absolute;
	z-index: 99981;
}

div.eventTile a.right
{
	margin: 195px 10px 0 205px !important;
}


div.row2 a.info
{
	font-weight: bold;
	display: block;
	text-transform: uppercase;
	background-image: url(../img/arrow-right-btn.gif);
	background-repeat: no-repeat;
	background-position: top right;
	padding: 4px 4px 4px 10px;
	margin: 440px 10px 0 10px;
	width: 145px;
	position: absolute;
	z-index: 99981;
}

span.eventTile_Flicker
{
	height: 26px;
	width: 159px;
	position: absolute;
	line-height: 26px;
	font-size: 115%;
	z-index: 99980;
	margin: 158px 10px;
	display: block;
	overflow: hidden;
	text-transform: uppercase;
	font-weight: bold;
}

span.eventTile_Flicker em
{
	font-style: normal;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 10px;
}

/* Find an event ------------------------------------------------------------------------------------*/

div#findAnEvent
{
	background-color: #f2f2f2;
	padding: 10px 10px 0 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 15px;
}

div#findAnEvent #hp_power
{
	margin-bottom: 0;
	display: inline;
}

div#findAnEvent a.hp_power:hover
{
	background-color:transparent !important;
}

div#findAnEvent legend 
{
	font-size: 15px;
	padding-bottom: 5px;
}

div#findAnEvent select.max
{
	width: 160px;
	height: 1.6em;
	margin: 3px 0 10px 0;
	font-weight: normal;
	text-transform: none;
}


div#findAnEvent select.yearmonth
{
	width: 83px;
	height: 1.6em;
	float: left;
	display: inline;
	margin-right: 3px;
	font-weight: normal;
}

div#findAnEvent select.day
{
	width: 73px;
	float: left;
	height: 1.6em;
	display: inline;
	font-weight: normal;
}

div#findAnEvent .calendar_btn
{
	float: left;
	display: inline;
	width: 19px;
	height: 20px;
	overflow: hidden;
	border: 0px !important;
	padding: 0px !important;
	margin: 0px !important;
}

div#findAnEvent fieldset
{
	padding-bottom: 10px;
}

div#findAnEvent fieldset .container 
{
	padding-bottom: 5px;
}

div#findAnEvent .container label
{
	float: left;
	width: 160px;
	padding-top: 3px;
	color: #787878;
}

div#findAnEvent .container label.max
{
	float: none;
	width: auto;
	display: block;
}

div#findAnEvent .container input.max
{
	width: 154px;
	margin: 0 0 10px 0;
}

div#findAnEvent input
{
	float: left;
	width: 85px;
	padding: 3px 3px 2px 3px;
	text-transform: none;
	font-weight: normal;
	margin-right: 8px;
}

div#findAnEvent .container a.cal
{
	float: left;
	width: 19px;
	height: 20px;
	display: inline;
}

div#findAnEvent input.btn-arrow-r
{
	margin: 5px 0 0 0;
	height: 21px;
}

/* Right Navigation ---------------------------------------------------------------------------------*/

.rightNav
{
	background-color: #f3f3f3;
}

.rightNav dl
{
	padding: 10px 10px 0 10px;
	margin-bottom: 10px;
}

.rightNav dl dt
{
	font-size: 125%;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 1px;
}

.rightNav dl dd
{
	margin-bottom: 1px;
}

.rightNav dl dd a
{
	font-weight: bold;
}

/* Buttons ------------------------------------------------------------------------------------------*/

input.btn
{
	width: auto;
	border: 0px none;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	padding: 1px 1px 1px 1px;
	margin: 0 0 0 0;
	float: left;
	display: inline;
	cursor: hand;
	cursor: pointer;
}

.standard input.disabled
{
	background-color: #cccccc !important;
}

.standard input.disabled:hover
{
	background-color: #cccccc !important;
}

input.btn-arrow-r
{
	border: 0px none;
	text-align: left;
	text-transform: uppercase !important;
	font-size: 11px;
	height: 21px !important;
	line-height: 100% !important;
	font-weight: bold !important;
	padding: 2px 20px 2px 5px !important;
	background-image: url(../img/arrow-right-btn.gif);
	background-repeat: no-repeat;
	background-position: top right;
	cursor: hand;
	cursor: pointer;
}
html>body input.btn-arrow-r
{
	padding: 0px 20px 2px 5px !important;
}
input.btn-arrow-d
{
	border: 0px none;
	text-align: left;
	text-transform: uppercase !important;
	font-size: 11px;
	height: 21px !important;
	line-height: 100% !important;
	font-weight: bold !important;
	padding: 2px 20px 2px 5px !important;
	background-image: url(../img/arrow-down-btn.gif);
	background-repeat: no-repeat;
	background-position: 100% 15%;
	cursor: hand;
	cursor: pointer;
}
html>body input.btn-arrow-d
{
	padding: 0px 20px 2px 5px !important;
}


html>body input.btn-arrow-l
{
	padding: 0px 5px 2px 20px !important;
}

input.btn-arrow-l
{
	border: 0px none;
	text-align: right;
	text-transform: uppercase !important;
	font-size: 11px;
	height: 21px !important;
	line-height: 100% !important;
	font-weight: bold !important;
	padding: 2px 5px 2px 20px !important;
	background-image: url(../img/arrow-left-btn.gif);
	background-repeat: no-repeat;
	background-position: left 1px;
	cursor: hand;
	cursor: pointer;
}
input.btn-arrow-t
{
	border: 0px none;
	text-align: left;
	text-transform: uppercase !important;
	font-size: 11px;
	height: 21px !important;
	line-height: 100% !important;
	font-weight: bold !important;
	padding: 2px 20px 2px 5px !important;
	background-image: url(../img/arrow-top-btn.gif);
	background-repeat: no-repeat;
	background-position: 100% 15%;
	cursor: hand;
	cursor: pointer;
}
html>body input.btn-arrow-t
{
	padding: 0px 20px 2px 5px !important;
}

a.btn
{
	width: auto;
	border: 0px none;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	padding: 4px;
	margin: 0 5px 0 0;
	float: left;
	display: inline;
	cursor: hand;
	cursor: pointer;
}

a.btn-arrow-r
{
	width: auto;
	border: 0px none;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	padding: 5px 20px 5px 6px;
	margin: 0 0 10px 0;
	float: left;
	display: inline;
	background-image: url(../img/arrow-right-btn.gif);
	background-repeat: no-repeat;
	background-position: top right;
	cursor: hand;
	cursor: pointer;
}

a.btn-arrow-u
{
	width: auto;
	border: 0px none;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 11px;
	font-weight: bold;
	padding: 4px 20px 4px 5px;
	margin: 0 0 0 0;
	float: left;
	display: inline;
	background-image: url(../img/arrow-up-btn.gif);
	background-repeat: no-repeat;
	background-position: top right;
	cursor: hand;
	cursor: pointer;
}

/* Calender ---------------------------------------------------------------- */

#calendar
{
	background-color: #ffffff;
	margin-bottom: 10px;
}

#calendar #calendar_Month
{
	padding-top: 7px;
	height: 2.5em;
}

#calendar #calendar_Month select
{
	float: left;
	margin: 0 5px 0 25px;
	width: 83px;
	font-size: 11px;
	font-weight: bold;
	color: #7f7f7f;
	text-transform: uppercase;
}

#calendar #calendar_Month input.btn
{
	width: 24px;
	height: 18px;
	border: 0px none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
}

#calendar table
{
	font-size: 11px;
	width: 160px;
	display: table-block;
}

#calendar table thead th.first, #calendar table tbody td.first
{
	border-left: 0px none;
}

#calendar table tbody td
{
	color: #7f7f7f;
}

#calendar table tbody td, #calendar table thead th
{
	padding: 4px;
	text-align: center;
	font-weight: bold;
}

#calendar table tbody td.active
{
	padding: 0px;
}

#calendar table tbody td a:link, #calendar table tbody td a:visited
{
	display: block;
	padding: 4px;
	text-decoration: none;
}

/* Whats on --------------------------------------------*/

#whatsOn fieldset
{
	margin: 0 0 0 0;
}

#whatsOn fieldset legend
{
	padding: 10px 0 10px 0;
}

#whatsOn fieldset .container
{
	margin-bottom: 10px;
}

#whatsOn fieldset select
{
	margin: 0 5px 0 0;
	float: left;
	width: 80%;
}

#whatsOn fieldset legend
{
	font-weight: bold;
	font-size: 125%;
	text-transform: uppercase;
}

#whatsOn fieldset input.btn
{
	width: 26px;
	height: 21px;
	border: 0px none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	overflow: hidden;
}

#whatsOn_List
{
	display: block;
	overflow: auto;
	list-style: none none;
}

#whatsOn_List li
{
	display: block;
}

#whatsOn_List li h4
{
	margin-bottom: 1px;
	text-transform: none;
}

#whatsOn_List li p 
{
	margin-bottom: 3px;
	font-weight: bold;
}

#whatsOn_List li p strong
{
	color: #666666;
}

#whatsOn_List li img
{
	float: right;
	margin: 0 0 10px 10px;
}

/* Overlay Popup -----------------------------------------------------*/

div#windowPanel
{
	padding: 7px 7px 7px 7px;
	display: none;
}

div#windowPanel a
{
	float: right;
	font-weight: bold;
}

iframe#iframeInternal
{
	position: static;
}


div#popURL
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99993;
}

div#popURLContent
{
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99994;
}

div#popOverlay
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 768px;
	background-color: #ffffff;
	z-index: 99990;
	display: none;
}

div#pop
{
	text-align: center;
	z-index: 99991;
}

div#popBG
{
	background-color: #333333;
	position: absolute;
	top: 104px;
	left: 5px;
	margin: 0 auto 0 auto;
	z-index: 99992;
}

div#popContainer
{
	position: absolute;
	margin-left: auto;
	margin-right: auto;
	width: 450px;
	z-index: 99993;
	border:4px solid #0098c3;
	background-color: #f2f2f2;
	text-align: left;
	font-weight: bold;
	font-size: 92%;
	text-transform: uppercase;
}

div.popContent
{
	padding: 10px;
}

div.popContent h3
{
	width: 380px;
	font-size: 132%;
	float: left;
	display: inline;
	color: #333333;
	margin-bottom: 0.5em;
	line-height: 100%;
}

div.popContent h4
{
	font-size: 125%;
	color: #666666;
	margin: 5px 0 5px 0;
	padding: 0 0 0 9px;
}

div.popContent h4 small
{
	display: block;
	font-size: 74%;
	font-weight: normal;
}

div.popContent a.popClose
{
	float: right;
	display: inline;
	width: 50px;
	text-align: right;
}

div.popContent em 
{
	color: #999999;
	font-style: normal;
	margin-bottom: 1em;
	display: block;
}

div.popContent fieldset
{
	padding: 1em 0 0 0;
	float: left;
	width: 100%;
}

div.popContent fieldset .container
{
	padding-bottom: 1em;
}

div.popContent label
{
	float: left;
	display: inline;
	width: 190px;
	padding: 0 0 0 10px;
}

div.popContent div.inline
{	
	padding: 0 0 10px 10px;
}

div.popContent input.rdo, div.popContent input.chk
{
	border: 0px none;
	padding: 0 0 0 0;
	margin: 0 5px 0 5px;
	float: left;
	width: auto;
}

div.popContent label.inline
{
	float: left;
	padding: 0 0 0 0;
	text-indent: 0;
	width: auto;
}

div.popContent small 
{
	text-transform: none;
	font-size: 100%;
	font-weight: bold;
}

div#step2, div#step3, div#step4, div#step5
{
	display: none;
}

div.popContent input
{
	width: 220px;
	height: 1.5em;
	padding: 2px;
	font-weight: normal;
	text-transform: none;
	float: left;
	display: inline;
}

div.popContent select
{
	float: left;
	display: inline;
	font-weight: normal;
}

div.popContent textarea
{
	width: 220px;
	padding: 2px;
	height: 6em;
	float: left;
	display: inline;
}

div.popContent input.btn-arrow-r
{
	float: right;
	padding: 2px 20px 2px 5px;
	margin: 0 4px 0 0;
}

div.popContent blockquote
{
	display: block;
	clear: both;
	font-size: 150%;
	color: #666666;
	text-transform: none;
}


/* Calendar Styles */

html>body .calendarWrapper_c
{
	margin: -76px 0 0 6px;
	width: 169px !important;
}

.calendarWrapper_c
{
	position: absolute;
	width: 179px !important;
	margin: -80px 0 0 1px;
	z-index: 99999;
	background-color: #ffffff;
}

.TableLayout_c
{
	border-left: 1px solid #cccccc;
	border-top: 1px solid #cccccc;
	margin-bottom: 5px;
	background-color: #ffffff;
}

.TableLayout_c td
{
	padding: 0 !important;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

td.DaysOfWeek_c
{
	padding: 2px 3px 2px 3px !important;
}

.TableLayout_c td a:link, .TableLayout_c td a:visited
{
	padding:  2px 3px 2px 3px !important;
	display: block;
	text-align: center;
}

table.titlebar_c tbody tr td
{
	padding: 0 !important;
}

table.titlebar_c
{
	background-color: #ffffff;
}

.radCalSelect_c a,
.radCalWeekendSelect_c a
{
	color: #ffffff !important;
	text-align: center !important;
}

.TableLayout_c td.otherMonth_c
{
	color: #cccccc !important;
	text-align: center !important;
	padding:  2px 3px 2px 3px !important;
}

.TableLayout_c td.outOfRange_c
{
	color: #cccccc;
	padding:  2px 3px 2px 3px !important;
}


.calendar_close
{
	position: absolute !important;
	margin: -90px 0 0 1px !important; 
	width: 175px !important;
	text-align: right;
	font-weight: normal;
	padding: 1px 2px 0 2px !important;
}


html>body .calendar_close
{
	margin: -88px 0 0 1px !important; 
}

/* Login Promo Code (loginpromocode.ascx) ---------------------------------------- */
div.promocontrol_wrapper{margin-bottom: 10px;}
div.promocontrol_wrapper h4{ color:#666;}
div.promocontrol_wrapper fieldset
{
	background-color:#fff; 
	display:block;
	padding: 7px 20px;
}
	div.promocontrol_wrapper label {display:none;}
	div.promocontrol_wrapper input.text{width: 90px;}
	div.promocontrol_wrapper input.btn{ float:none;}
	
div.promocontrol_wrapper p.offer_details {
	background-color:#fff !important; 
	color: #666 !important;
	padding: 5px;
	margin:5px 0 0 0;
		
}	
div.promocontrol_wrapper p.offer_details a {font-weight:bold; }

div.promocontrol_wrapper p.offer_details a {}

#buyTickets h4{font-size:92.5%;}
#buyTickets h3.hdr_buytickets{
	margin-bottom:20px;
}
/*link color override overriedes in individual theme common.css */
#buyTickets div.promocontrol_wrapper p.offer_details a:hover,
#buyTickets div.promocontrol_wrapper p.offer_details a:focus{
	text-decoration:none;
}
/*specific instances of promo control that override default promocontrol_wrapper styles */
div#pc_reserve.promocontrol_wrapper{}
	div#pc_reserve.promocontrol_wrapper h4 {font-size:92.5%;}
	div#pc_reserve.promocontrol_wrapper fieldset {
		background-color:transparent;
		padding: 7px 0px;
	}
	div#pc_reserve.promocontrol_wrapper input.text{ width:130px;float:left;}
	div#pc_reserve.promocontrol_wrapper input.btn{float:right;}
	div#pc_reserve.promocontrol_wrapper p.offer_details {
		background-color: transparent !important; 
		padding: 0px;
	}

div.promo_errors{}
	div.promo_errors h4 {
		padding-left:20px;
		text-transform: uppercase;
		background: transparent url("../img/icon_bang.png") no-repeat left top;
	}
	div.promo_errors p.errors{}
	
/*reserve page*/
p.summary_details{margin-bottom:0.5em;}
p.summary_details label{width: 4em;float:left;}

/* SYOS help page */
ul#color_key_list {
    list-style: none;
} 
  ul#color_key_list li {
    clear: both;
   }   
span.icon_key {
    margin-top: 2px;
    height: 12px;
    width: 12px;
    display: block;
    text-indent: -9999px;
    float: left;
    margin-right: .5em;
}

    span#grey {
        background: transparent url(../../img/icon-seat-grey.gif) 0 0 no-repeat;
    }
    
    span#black{
         background: transparent url(../../img/icon-seat-black.gif) 0 0 no-repeat;
    }
    
    span#blue {
        background: transparent url(../../img/icon-seat-blue.gif) 0 0 no-repeat;
    }
	
    span#blue-stroke {
        background: transparent url(../../img/icon-seat-blue-stroke.gif) 0 0 no-repeat;
    }
	        


.interestList input {
  display: inline;
  border: none;
  float: none;
  width: 20px;
  height: 13px;
}

.subinterest_list {
  margin-left: 15px;
  margin-top: 5px;
}

#ctl00_ContentPlaceHolder1_addr_ddl_Month {
  width: 130px;
  margin-right: 10px;
}

#ctl00_ContentPlaceHolder1_addr_ddl_Year {
  width: 75px;
}

.account-form-heading {
border: 1px solid green;
}

.account-title {
	float: left;
	border: 1px dashed orange;
}

.mandatory-field-title {
	float: right;
	margin: 22px 0 22px 0;
}

.mandatory-field-title p {
	margin: 0 !important;
}

.form-divider {
	margin: 10px 0 17px 0;
	height: 1px;
	border: none;
	border-top: 1px solid #cfcfcf;
}

.big-label { width: 130px !important; }

.access-details-input { width: 202px !important; }

.email-container {
	clear: both; 
	display: block;
}

.title-container {
	padding-top: 20px;
}

.privacy-link { float: right; margin-top: 20px; }

.privacy-link p { margin: 0; }

.email-text {
	clear: both !important;
	display: block !important;
	padding-top: 10px;
}

/* ------------------- Giftvoucher update by deepend 16/11/2009 ----------------------*/


.giftvoucher { height:480px; position:relative; padding-bottom:10px;}
.giftvoucher input, .cartList input, .giftvoucher textarea {padding: 2px 5px!important; }
.giftvoucher .error, .gc_enter .error { color:#FF0000; font-weight:400; text-transform: none; display:block;}
.giftvoucher input.error, .giftvoucher textarea.error  { background:#FFFFCC; color:#333;} 
#ctl00_ContentPlaceHolder1_rdoListAmount label {margin: 0 .5em 0 .3em;} 
#ctl00_ContentPlaceHolder1_rdoListAmount input {margin:0; border:0; padding: 1px !important;}
.giftvoucher .gc_amount {margin: 0 0 1em 0;} 
.giftvoucher .gc_amount span {margin: 0 1.5em 0 0;}
.giftvoucher .radioOptions label {display:block; margin: -15px 0 0 20px; text-transform: none;} 
.giftvoucher .radioOptions input {border:none;}
.giftvoucher .smalltext {display:block; margin-left: 20px; font-size:11px; margin-bottom:20px; } 
.giftvoucher p.magrin_left0 { margin-left:0;}
.col2min table tbody tr td {border: none; padding-left: 0;}
.width50 {width:50%; float:left; display:block;}
.width33 {width:33%; float:left; display:block;}
#ctl00_ContentPlaceHolder1_pnlAmount .width50 {width:143px; padding-right: 12px;}
#ctl00_ContentPlaceHolder1_pnlAmount p { display: block; }
.col2min .giftvoucher .standard p {font-weight:400; text-transform:none;}
.giftvoucher #ctl00_ContentPlaceHolder1_txtRecipientEmail { width:200px;}
#ctl00_ContentPlaceHolder1_pop_cart_btn_SubmitGC { margin-right: 1em;}
.giftvoucher  label { font-weight: 700; color: #333;} 
#ctl00_ContentPlaceHolder1_pnlDetails input, #ctl00_ContentPlaceHolder1_pnlDetails textarea, #ctl00_ContentPlaceHolder1_txtAmount  { width: 170px;}
.giftvoucher textarea { height: 80px;}
#ctl00_ContentPlaceHolder1_txtAmount { display: inline;}
.ctl00_ContentPlaceHolder1_pop_cart_pnlGCEnter .gc_error { color:#FF0000; display:block; float:left; margin:-35px 0 0 60px; width:300px;}
.gc_error { color: red; }
.cartList .message label, price { display:block;}
hr.content { background:none; border-left:none; border-right:none; border-bottom: none; margin: 10px 0px 10px -10px; width: 375px; height:1px;}
.flt,.flt2 { float:left; width: 31%; margin-right: 10px;}
.flt2 {width: 25%;}
.flt2 input {width: 170px;}
#ctl00_ContentPlaceHolder1_pop_cart_pnlGCAmount {clear:both;}
.giftvoucher span.smalltext {margin:0 }
.form .amount_due, .form .amount  { font-size: 1.1em; color:#333; font-weight: 700; padding-top:0px; }
.form .amount  {font-size: 1.5em;}
.form .amount_due span { font-size: .8em; font-weight: 700;}
#ctl00_ContentPlaceHolder1_pnlDetails, #ContentPlaceHolder0 { height: 263px;}
#ctl00_ContentPlaceHolder1_pop_cart_btn_SubmitGC { height:1.8em; }
#ctl00_ContentPlaceHolder1_span_YourTickets .price { width:220px; }
#ctl00_ContentPlaceHolder1_btn_Submit { margin-left: 5px; margin-right: 4px; }

#ctl00_ContentPlaceHolder1_pnlMessageConfirmation span
{
    font-size:12px;
    font-weight:bold;
    color:Red
}

div#fancy_overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 30;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url('../img/fancybox/fancy_progress.png') no-repeat;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90000;
    padding: 20px 20px 40px 20px;
    margin: 0;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	background: #FFF;
}

div#fancy_content {
	margin: 0;
	z-index: 100;
	position: absolute;
}

div#fancy_div {
	background: #eee;
	color: #333;
	height: 100%;
	width: 100%;
	z-index: 100;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -15px;
	height: 30px;
	width: 30px;
	background: url('../img/fancybox/fancy_closebox.png') top left no-repeat;
	cursor: pointer;
	z-index: 181;
	display: none;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

#fancy_ajax {
	width: 100%;
	height: 100%;
	overflow: auto;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 0px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	z-index: 111; 
	display: none;
	background-image: url("data:image/gif;base64,AAAA");
	outline: none;
	overflow: hidden;
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

span.fancy_ico {
	position: absolute; 
	top: 50%;
	margin-top: -15px;
	width: 30px;
	height: 30px;
	z-index: 112; 
	cursor: pointer;
	display: block;
}

span#fancy_left_ico {
	left: -9999px;
	background: transparent url('../img/fancybox/fancy_left.png') no-repeat;
}

span#fancy_right_ico {
	right: -9999px;
	background: transparent url('../img/fancybox/fancy_right.png') no-repeat;
}

a#fancy_left:hover, a#fancy_right:hover {
	visibility: visible;
	background-color: transparent;
}

a#fancy_left:hover span {
	left: 20px; 
}

a#fancy_right:hover span {
	right: 20px; 
}

#fancy_bigIframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
}

div#fancy_bg {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
	border: 0;
	padding: 0;
	margin: 0;
}

div#fancy_bg_n {
	top: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_n.png') repeat-x;
}

div#fancy_bg_ne {
	top: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_ne.png') no-repeat;
}

div#fancy_bg_e {
	right: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_e.png') repeat-y;
}

div#fancy_bg_se {
	bottom: -20px;
	right: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_se.png') no-repeat;
}

div#fancy_bg_s {
	bottom: -20px;
	left: 0;
	width: 100%;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_s.png') repeat-x;
}

div#fancy_bg_sw {
	bottom: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_sw.png') no-repeat;
}

div#fancy_bg_w {
	left: -20px;
	height: 100%;
	width: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_w.png') repeat-y;
}

div#fancy_bg_nw {
	top: -20px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: transparent url('../img/fancybox/fancy_shadow_nw.png') no-repeat;
}

div#fancy_title {
	position: absolute;
	z-index: 100;
	display: none;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 3px;
	white-space: nowrap;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title table td {
	padding: 0;
	vertical-align: middle;
}

#gc_warning
{
    height:176px !important;
}

p.gc_balance
{
    margin-top:0.5em !important;
    margin-bottom:0.5em !important;
}
#ctl00_ContentPlaceHolder1_pnlAmount label.error
{
    padding-left:10px;
    display:block; 
    float:left; 
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url('../img/fancybox/fancy_title_left.png') repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url('../img/fancybox/fancy_title_main.png') repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url('../img/fancybox/fancy_title_right.png') repeat-x;
}
#fancy_div p { font-size: 14px; text-align:left; padding: 6px 1em 0 1em; padding-top:0px;}
#fancy_div p.first { padding-top:1em; }

#fancy_div #ctl00_ContentPlaceHolder1_pop_cart_btn_gc_warning_back { float:right; bottom: 0; position:absolute; right: 110px;}
#ctl00_ContentPlaceHolder1_pop_cart_btn_gc_warning_continue{ float:right; bottom: 0; position:absolute; right: 0;}

/* ------------------- Gift Membership update by deepend 16/11/2010 ----------------------*/

#giftmembership-info { float:left; margin:0px !important; position:relative; height:386px !important; }
#giftmembership-info input {margin-bottom:6px; margin-top:4px;}
#giftmembership-info .purchase-buttons { position:absolute; bottom:9px; }
#giftmembership-info .purchase-buttons .button-wrapper { height:30px; }

#giftmembership-info .boxes { float:left; }
#giftmembership-info .boxes .buying { float:left; position:relative; height:182px; margin-top:15px; }
#giftmembership-info .boxes .activation { float:left; position:relative; margin-top:15px; height:182px; }
#giftmembership-info .boxes .activation li { padding-bottom:6px; }

#giftmembership-product, #giftmembership-product2 { display:none; float:left;}
#giftmembership-voucher { display:none;  }
#giftmembership-renewal { display:none;  }

#giftmembership-product label.error, #giftmembership-product2 label.error  { display:inline; font-size:11px; }

.giftmembership { position:relative; padding-bottom:10px;}
.giftmembership input, .giftmembership textarea {padding: 2px 5px!important; }
.giftmembership .error, .gc_enter .error { color:#FF0000; font-weight:400; text-transform: none; display:block; }

.giftmembership input.error, .giftmembership textarea.error  { background:#FFFFCC; color:#333;} 
.giftmembership .gc_amount {margin: 0 0 1em 0;} 
.giftmembership .gc_amount span {margin: 0 1.5em 0 0;}
.giftmembership .gc_amount div.left { width:70px; }
.giftmembership .gc_amount div.right { width:245px; float:left; }
.giftmembership .gc_amount label { display:block; width:185px !important; float:left; margin-bottom:8px; padding-left:6px; font-weight:normal; text-transform:none; font-size:10px; }
.giftmembership .gc_amount input { float:left; border:none; clear:both;  }

.giftmembership .radioOptions label {display:block; margin: -15px 0 0 20px; text-transform: none; z-index:55;} 
.giftmembership .radioOptions input {border:none;}
.giftmembership .smalltext {display:block; margin-left: 20px; font-size:11px; margin-bottom:20px;} 
.giftmembership p.magrin_left0 { margin-left:0; }
.col2min .giftmembership .standard p {font-weight:400; text-transform:none; }
.giftmembership #ctl00_ContentPlaceHolder1_txtRecipientEmail { width:200px; }
.giftmembership  label { font-weight: 700; color: #333; } 
.giftmembership textarea { height: 80px;}
.giftmembership span.smalltext {margin:0 }

.giftmembership .donation-options { padding-top:10px; padding-bottom:10px; float:left; }
.giftmembership .donation-options div { margin-bottom:10px; float:left; }
.giftmembership .donation-options div label { padding-left:6px; text-transform:none; font-weight:normal; font-size:10px; margin-right:10px; float:left; }
.giftmembership .donation-options input { border-width:0px; float:left; clear:both; }
.giftmembership .donation-options input.acknowledgement { width:138px; font-size:11px; float:none !important; border-width:1px; clear:none !important; }
.giftmembership .donation-options input.error { display:inline !important; }

.giftmembership .donation-options div label.error { display:block; padding-left:196px; clear:both; padding-top:2px; }

.giftmembership .donationAmt { margin-left:67px; width:138px; }
.giftmembership hr { border:0; border-top: 1px #ACDEEC solid; margin-top:0px; height:1px; }

#ctl00_ContentPlaceHolder1_rdoListProductDuration input { margin-bottom:10px; border:none; display:inline !important; }
#ctl00_ContentPlaceHolder1_rdoListProductDuration label { font-size:10px; text-transform:none; font-weight:normal; display:block; float:right; width:332px; margin-top:1px;}

#ctl00_ContentPlaceHolder1_rdoListDuration2 input { margin-bottom:10px; border:none; }
#ctl00_ContentPlaceHolder1_rdoListDuration2 label { font-size:10px; text-transform:none; font-weight:normal; display:block; float:right; width:332px; margin-top:1px;}
/*#ctl00_ContentPlaceHolder1_pnlAmount, #ctl00_ContentPlaceHolder1_pnlRecipientEmail { padding-top:4px; }*/


.giftmembership #ctl00_ContentPlaceHolder1_btn_Submit { margin-left:0px; }

#ctl00_ContentPlaceHolder1_txtDonationAmount, #ctl00_ContentPlaceHolder1_txtDonationAmount2 { display:inline !important;  }


/* ------------------- Payment Page update for Group Tours ----------------------*/
p.paymentDescription {
	margin-left: 10px
}
span.radio {}
span.radio label {
	font-weight: bold;
	margin-left: 5px;
	margin-right: 20px;
}
div.terms {
	margin-top: 15px
}
div.acceptTerms {
	height: 20px;
}

/* Recaptcha ------------------------------------------ */
div.recaptcha_msg {    
    font-size: 1.2em;
    color: #FF0000;
    padding: 1em 0 1em .5em;
}
