/* CSS Document */

/* Author Ashoor Namrood, Syrox */

.registration-form {
	width:470px; height:auto; margin:auto; position:relative; margin-bottom:30px;
}

.registration-form .row {
	width:470px; min-height:25px; height:auto !important; height:25px; margin:auto; position:relative; padding:2px 0px 2px 0px;
}

.registration-form .row .column-left {
	width:119px; min-height:17px; height:auto !important; height:17px; margin:auto; position:relative; float:left; padding:3px;
}

.registration-form .row .column-left p {
	margin:0px;
}

.registration-form .row .column-right {
	width:345px; min-height:25px; height:auto !important; height:25px; margin:auto; position:relative; float:left;
}

.registration-form .row .column-right input.textbox {
	margin:0px; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#e2e3e4 !important; border:0px !important; width:330px;
}

.registration-form .row .column-right {
}

.registration-form .row .checkbox-div {
	width:464px; min-height:25px; height:auto !important; height:25px; margin:auto; position:relative; float:left; padding:3px;
}

.registration-form .row .checkbox-div p.introtext {
	position:absolute; top:3px; left:3px; color:#362c66;
}

.registration-form .checkbox-pieces {
	width:245px; height:25px; position:absolute; top:3px; right:3px; display:block;
}

.registration-form .checkbox-pieces p {
	margin:0px;
}

.registration-form .checkbox-pieces p.personaltop {
	position:absolute; top:0px; left:0px;
}

.registration-form .checkbox-pieces p.businesstop {
	position:absolute; top:0px; left:120px;
}

.registration-form .checkbox-pieces p.personalbottom {
	position:absolute; bottom:9px; left:0px;
}

.registration-form .checkbox-pieces p.businessbottom {
	position:absolute; bottom:9px; left:120px;
}

.registration-form .checkbox-pieces input.personal-bottom {
	margin:0px; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#e2e3e4 !important; border:0px !important; width:30px;position:absolute; bottom:4px; left:60px;
}

.registration-form .checkbox-pieces input.business-bottom {
	margin:0px; padding:4px; font-size:12px; font-family:Arial, Helvetica, sans-serif; background-color:#e2e3e4 !important; border:0px !important; width:30px;position:absolute; bottom:4px; left:180px;
}

.registration-form .checkbox-pieces span {
}

.registration-form .checkbox-pieces span input {
	margin:0px !important;
}

.registration-form .checkbox-pieces span.personal-top {
	position:absolute; top:2px; left:60px; .top:-2px; 
}

.registration-form .checkbox-pieces span.business-top {
	position:absolute; top:2px; left:180px; .top:-2px; 
}

.registration-form .checkbox-pieces span.personal-bottom {
	position:absolute; bottom:1px; left:60px;
}

.registration-form .checkbox-pieces span.business-bottom {
	position:absolute; bottom:1px; left:180px;
}






/* */

.content .inner-content .seating-central-area {
	width:781px; min-height:386px; height:auto !important; height:386px; position:relative; float:left; padding:0px 0px 0px 0px;
}

.content .inner-content .seating-central-area .seating-active-area {
	width:781px; min-height:50px; height:auto !important; height:50px; position:relative; padding:0px 0px 0px 0px; margin:auto; background-color:#ffffff;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area {
	width:761px; min-height:10px; height:auto !important; height:10px; position:relative; padding:10px 10px 10px 10px; margin:auto; background-color:#e2e3e4;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area p {
	margin:0px; line-height:14px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area p.typeofmembership {
	position:absolute; top:7px; left:10px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area select.type {
	position:absolute; top:6px; left:126px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:120px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area p.numberofmembership {
	position:absolute; top:7px; left:266px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area select.number {
	position:absolute; top:6px; left:408px; font-size:12px; font-family:Arial, Helvetica, sans-serif; width:60px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area p.linktext {
	margin:0px; 
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area p.linktext a {
	margin:0px; color:#999999; float:right; position: absolute; top: 7px; right: 10px; padding:3px 27px 4px 0px; background:url(../Images/Seating/Courtview/rollovers/camera.gif) no-repeat 100% -20px; display:block;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area p.linktext a:hover {
	color:#666666;  background:url(../Images/Seating/Courtview/rollovers/camera.gif) no-repeat 100% 0px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area .availabilityicons {
	position:absolute; top:7px; right:0px; width:275px; height:16px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area .availabilityicons img.available {
	position:absolute; top:4px; left:0px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area .availabilityicons p.available {
	position:absolute; top:0px; left:12px; font-size:11px; margin:0px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area .availabilityicons img.unavailable {
	position:absolute; top:4px; left:80px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area .availabilityicons p.unavailable {
	position:absolute; top:0px; left:92px; font-size:11px; margin:0px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area .availabilityicons img.your-selection {
	position:absolute; top:4px; left:170px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-header-area .availabilityicons p.your-selection {
	position:absolute; top:0px; left:182px; font-size:11px; margin:0px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area {
	width:781px; min-height:350px; height:auto !important; height:350px; position:relative; padding:0px 0px 0px 0px; margin:auto; background-color:#ffffff; z-index: 100;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea {
	width:740px; min-height:380px; height:auto !important; height:380px; position:relative; padding:20px 20px 20px 20px; margin:auto; background:url(../Images/Seating/Selected/seatingmap-none.gif) 22px 20px no-repeat; margin-top:15px; margin-bottom:15px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea img {
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea p.instruction {
	position:absolute; top:0px; left:15px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox {
	border:3px solid #eeeef3; position:absolute; overflow:hidden; width:225px; height:135px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox .bg {
	position:absolute; top:0px; left:0px; width:225px; height:135px; background-color:#000000; z-index:2; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox h1 {
	position:absolute; top:10px; left:0px; color:#ffffff; font-size:12px; font-weight:bold; z-index:6; width:225px; text-align:center; display:block; height:auto;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox p {
	color:#ffffff; font-size:12px; font-weight:bold; z-index:6; display:block; margin:0px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox p.courtview {
	position:absolute; bottom:11px; left:17px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox p.seatingplan {
	position:absolute; bottom:11px; right:17px; width:70px; text-align:right;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox p a {
	color:#ffffff;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox p a:hover {
	color:#cccccc;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox img.courtpic {
	position:absolute; top:35px; left:17px; z-index:4; behavior: url(/Common/pngHack.htc); 
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox a:hover img.courtpic {
	filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingmaparea .tooltipbox img.seatpng {
	position:absolute; top:35px; right:24px; z-index:4; behavior: url(/Common/pngHack.htc); 
}

.content .inner-content .seating-central-area .seating-active-area .seating-footer-area {
	width:761px; min-height:15px; height:auto !important; height:15px; position:relative; padding:10px 10px 10px 10px; margin:auto; background-color:#e2e3e4; z-index: 1000;
}

.content .inner-content .seating-central-area .seating-active-area .seating-footer-area p {
	margin:0px; float:left;
}

.content .inner-content .seating-central-area .seating-active-area .seating-footer-area img.happywiththeview {
	margin:0px; float:right; margin-right: 75px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-footer-area img.joinbutton {
	margin:0px; float:right;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingcourtview {
	width:781px; min-height:511px; height:auto !important; height:511px; position:relative;  margin:auto; margin-top:2px; margin-bottom:2px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingcourtview a.arrow-top {
	position:absolute; top:10px; left:369px; z-index:10;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingcourtview a.arrow-left {
	position:absolute; top:247px; left:10px; z-index:10;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingcourtview a.arrow-bottom {
	position:absolute; bottom:10px; left:369px; z-index:10;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingcourtview a.arrow-right {
	position:absolute; top:247px; right:10px; z-index:10;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingcourtview .tooltipboxsml {
	border:3px solid #eeeef3; position:absolute; overflow:hidden; width:105px; height:25px; z-index:10;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingcourtview .tooltipboxsml .bg {
	position:absolute; top:0px; left:0px; width:125px; height:135px; background-color:#000000; z-index:2; filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingcourtview .tooltipboxsml h1 {
	position:absolute; top:5px; left:0px; color:#ffffff; font-size:12px; font-weight:bold; z-index:6; width:105px; text-align:center; display:block; height:auto;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingplanview {
	width:781px; min-height:511px; height:auto !important; height:511px; position:relative;  margin:auto; margin-top:2px; margin-bottom:2px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingplanview .individual-seat-selector-area {
	position: absolute;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingplanview .individual-seat-selector-area a {
	width: 8px; height: 8px; position: absolute;
}

.content .inner-content .seating-central-area .seating-active-area .seating-innercentral-area .seatingplanview img.cornermap {
	position:absolute; top:60px; right:25px;
}

.content .inner-content .seating-central-area .seating-active-area .seatingplanview p.linktext {
	position:absolute; top:20px; right:25px; margin:0px; width:154px; text-align:center; 
}

.content .inner-content .seating-central-area .seating-active-area .seatingplanview p.linktext a {
	margin:0px; color:#999999; float:right; background:url(../Images/Seating/Courtview/rollovers/camerawht.gif) no-repeat 100% -20px; display:block;padding:2px 27px 2px 0px;
}

.content .inner-content .seating-central-area .seating-active-area .seatingplanview p.linktext a:hover {
	color:#666666;  background:url(../Images/Seating/Courtview/rollovers/camerawht.gif) no-repeat 100% 0px; display:block;
}

.content .inner-content .seating-central-area .seating-active-area .seatingplanview .courtviewimg {
	position:absolute; top:185px; right:25px; margin:0px; width:154px; height:auto; text-align:center; padding:15px 0px 15px 0px; border-top:1px solid #9d9fa2; /*border-bottom:1px solid #9d9fa2;*/
}
.content .inner-content .seating-central-area .seating-active-area .seatingplanview .seatPrices {
	position:absolute; top:460px; right:25px; margin:0px; width:154px; height:auto;  padding:10px 0px 0px 0px; 
}

.content .inner-content .seating-central-area .seating-active-area .seatingplanview .noofseats {
	position:absolute; top:340px; right:25px; margin:0px; width:114px; height:auto;  padding:60px 40px 0px 0px; 
}

.content .inner-content .seating-central-area .seating-active-area .seatingplanview .noofseats p {
	margin:0px; padding:0px; position:absolute; top:0px; left:0px; width:154px;
}

.content .inner-content .seating-central-area .seating-active-area .seatingplanview .noofseats p.seats {
	margin:0px; padding:0px; position:absolute; top:40px; left:0px; 
}

.content .inner-content .seating-central-area .seating-active-area .seatingplanview .noofseats img {
	float:left; margin:0px 4px 4px 0px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-footer-area#memberslogin {
	width: 761px; min-height: 28px; height: auto !important; height: 28px; position: relative;
}

.content .inner-content .seating-central-area .seating-active-area .seating-footer-area#memberslogin #personal-details {
	position: absolute; left: 10px; top:10px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-footer-area#memberslogin #change-password {
	position: absolute; right: 10px; top:10px;
}

.content .inner-content .seating-central-area .seating-active-area .seating-footer-area#memberslogin #view-order-history {
	position: absolute; left: 293px; top:10px;
}

#more-info {
	width: 305px; height: auto; position: absolute; left: 0px; top: 0px;
}

#more-info a:hover img {
	filter:alpha(opacity=65);-moz-opacity:.65;opacity:.65;
}
	
#more-info #hide {
	width: 305px; height: 395px; position:relative; display: none;
}

#more-info #hide .overlay {
	filter: alpha(opacity=70); -moz-opacity: 0.7; -khtml-opacity: 0.7; opacity: 0.7; background: #000000; position: absolute; top: 0px; left: 0px; width: 305px; height: 395px;
}

#more-info #hide .more-info-content {
	width: 275px; height: 330px; position: absolute; top: 20px; left: 15px; z-index: 1000; padding: 0px 0px 0px 0px;
}

#more-info #hide .more-info-content p {
	color: #ffffff; font-size: 12px;
}

.purchase-table {
	width: 386px; height: auto; padding: 10px 15px;
}

.purchase-table p {
	padding: 0px; margin: 0px;
}

.purchase-table .copy {
	float: left; width: 137px; height: auto; margin: 0px 0px 8px 0px;
}

.purchase-table .input {
	float: left; width: 249px; height: auto; margin: 0px 0px 8px 0px; position: relative;
}

.purchase-table .input a {
	position: absolute; right: 0px; bottom: 0px;
}

.purchase-table .input input.inputarea {
	background: #e2e3e4; color: #000000; padding: 3px; border: 0px; margin: 0px; width: 243px; font-size: 12px;
}

.purchase-table .input select.selectarea {
	background: #e2e3e4; color: #000000; padding: 2px 3px; border: 0px; margin: 0px; width: 249px; font-size: 12px; cursor: pointer;
}

.purchase-table .input p {
	color: #000000; padding: 0px 0px 0px 10px;
}

.purchase-table .spacing {
	width: 249px; height: 29px;
}

.purchase-table .heading {
	width: 249px; height: 61px;
}

.purchase-table .heading p {
	height: 29px; line-height: 61px;
}

.purchase-table .t-and-c {
	width: 249px; height: auto; margin: 0px 0px 8px 0px;
}

.purchase-table .t-and-c input.checkbox {
	vertical-align: top; cursor: pointer;
}

.purchase-table .buttonbar {
	width: 386px; height: 64px; margin: 0px 0px 40px 0px;
}

.purchase-table .buttonbar a {
	margin: 36px 25px 0px 0px; float: left;
}

.login-area {
	width: 787px; height: auto;
}

.login-area p {
	padding: 0px; margin: 0px;
}

.login-area a {
	color: #999999;
}

.login-area .copy {
	float: left; height: auto;
}

.login-area .copy#email {
	width: 53px;
}

.login-area .copy#password {
	width: 80px;
}

.login-area .input {
	float: left; position: relative; width: 327px; height: 50px;
}

.login-area .input p {
	position: absolute; left: 0px; bottom: 0px;
}

.login-area .input input.textbox {
	background: #e2e3e4; color: #000000; padding: 3px; border: 0px; margin: 0px; width: 280px; font-size: 12px;
}

.login-area .input span.rememberme {
	vertical-align: middle;
}

.login-area .input span.rememberme input {
	padding: 0px; margin: 0px 0px 0px 5px;
}

.login-area .buttonbar {
	height: 76px; width: 787px; position: relative;
}

.login-area .buttonbar a {
	position: absolute; bottom: 0px; left: 53px;
}

.login-area .buttonbar a:hover {
	filter: alpha(opacity=65); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65;
}

p.error {
	font-weight: bold; color: #F00F00;
}

.my-account-header {
	width: 891px; height: 30px; position: relative; border-top: 1px solid #E2E3E4; border-bottom: 1px solid #E2E3E4;
}

.my-account-header img {
	position: absolute; top: 5px;
}

.my-account-header img.imgheading {
	left: 0px;
}

.my-account-header img.imgheadingright {
	left: 445px;
}

.form-container {
	width: auto; height: auto;
}

.form-panel {
	float: left; width: 445px; height: auto; margin: 10px 0px 10px 0px;
}

.input-area-s {
	width: 445px; height: auto;
}

.input-area-s p {
	margin: 0px 0px 5px 0px;
}

.input-area-s input.textbox-one {
	background: #e2e3e4; color: #000000; padding: 3px; border: 0px; margin: 0px 0px 5px 0px; width:320px; font-size: 12px;
}

.input-area-s select.dropdown-one {
	background: #e2e3e4; color: #000000; padding: 2px; border: 0px; margin: 0px 0px 5px 0px; width:326px; font-size: 12px;
}

.input-area-s textarea.textarea-one {
	overflow: auto; background: #e2e3e4; color: #000000; padding: 3px; border: 0px; margin: 0px 0px 5px 0px; width:320px; font-size: 12px; height: 70px; font-family: Arial,Helvetica,sans-serif;
}

#zoom-window {
	display: none; position: absolute; left: -10px; top: 30px; z-index: 10000; padding: 5px; background: #ffffff; border: 5px solid #cccccc;
}

#zoom-window a {
	display: block; text-align: right; padding: 10px 10px 10px 10px; font-weight: bold; font-size: 14px; color: #999999; margin: 5px 0px 0px 0px;
}

#zoom-window a:hover {
	background: #cccccc; color: #ffffff;
}

.ImageZoomUnique {
	cursor: pointer;
}

/* */



.bgerror {
	position:absolute; top:0px; left:0px; width:225px; height:135px; background-color:#000000; z-index:2; filter:alpha(opacity=75);-moz-opacity:.75;opacity:.75;
}


/* */

#slideshow {list-style:none; color:#ffffff; margin:auto;}
#slideshow span {display:none}
#wrapper {width:362px; margin:0px; display:none; margin-top:17px;}
#fullsize {position:relative; width:360px; height:261px; padding:0px; border:1px solid #e2e3e4; overflow:hidden;}
#information {position:absolute; bottom:0; width:360px; height:0; color:#ffffff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px; display:none;}
#information p {padding:0 8px 8px; display:none;}
#image {width:360px}
#image img {position:absolute; top:-8px; left:0px; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:280px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(images/left.gif) left center no-repeat}
#imgnext {right:0; background:url(images/right.gif) right center no-repeat}
#imglink {position:absolute; height:280px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40);cursor:default !important;}
.linkhover {background:url(images/link.gif) center center no-repeat}
#thumbnails {margin-top:8px;}
#slideleft {float:left; width:11px; height:81px; background:url(../Images/Layout/left.gif) 0% 50% no-repeat #e2e3e4; cursor:pointer;}
#slideleft:hover {background-color:#cfd0d2;}
#slideright {float:right; width:11px; height:81px; background:url(../Images/Layout/right.gif) 100% 50% no-repeat #e2e3e4; cursor:pointer;}
#slideright:hover {background-color:#cfd0d2;}
#slidearea {float:left; position:relative; width:330px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:81px}
#slider img {cursor:pointer; border:1px solid #666; padding:2px}

/* */


img.quoteimage { padding:76px 0px 0px 0px; }



