/*	basic "core" styles	*/

/*	the page body - please leave the font-size at 100% - to change font-size, edit it in the "td" entry instead	*/
body
{
	font-family: Arial;
	font-size: 100%;
	margin-top: 10px;
	color: #666666;
	background-color: #000000;
	SCROLLBAR-FACE-COLOR: #000000;
	SCROLLBAR-HIGHLIGHT-COLOR: #666666;
	SCROLLBAR-SHADOW-COLOR: #666666;
	SCROLLBAR-ARROW-COLOR: #E6E6E6;
	SCROLLBAR-TRACK-COLOR: #E6E6E6;
	SCROLLBAR-DARKSHADOW-COLOR: #E6E6E6;
	background-image: url(../images/t2rbg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	background-repeat: no-repeat;
}


td
{
	font-size: 70%;
	line-height: normal;
	letter-spacing: normal;
}


a:link, a:visited, a:active
{	
text-decoration: none;	
}

a:hover
{
	text-decoration: none;
	color: #993366;
}


.buttons {
	color: #FFFFFF;
	text-transform: lowercase;
	text-align: center;
	vertical-align: middle;
	font-size: 85%;

}
.buttons:hover {
	color: #000000;
}
.buttons:active {
	color: #FFFFFF;
	}

.submenu {
	font-size: 78%;
	color: #FFFFFF;
	text-align: left;
	text-transform: uppercase;

}
.submenu:hover {
	text-decoration: none;
}




.maintext {
	font-size: 100%;
	color: #666666;
	background-color: #FFFFFF;
	background-position: top;
	vertical-align: top;
	letter-spacing: normal;
	text-align: justify;
}


.maintext a:link, .maintext:active
{
	color: #f06ea9;
}

.maintext a:visited
{
	color: #f06ea9;
}

.maintext a:hover
{
	color: #666666;
}


.CompQ {
	font-size: 150%;
	color: #666666;
	font-weight: bold;
	text-align: left;
}

.NoSpace {
	color: #ff0000;
	text-decoration: none;
	font-size: 90%;
}

.footer {
	color: #FFFFFF;
	text-decoration: none;
	font-size: 80%;
}
.footer:hover {
	color: #FFCC00;
	text-decoration: underline overline;
}

.SectionHeader
{
	color: #FFCC00;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	text-transform: capitalize;
	padding-right: 5px;
}

.TextBoxHeader
{	color: #fce55d; font-weight: bold;	}

.TextBox
{
	color: #FFFFFF;
	font-weight: normal;
	border: 1px none #663399;
	background-color: #A772E7;
	font-size: 80%;
}
.TextBox a
{	color: #cdf5ff;	}


.skyscrapper_bnr {
	text-align: right;
	vertical-align: top;
	background-color: #FFFFFF;
}

.standard_bnr {
	text-align: right;
	vertical-align: middle;
	/*background-color: #FFFFFF;
	background-image: url(../images/t2r_2.jpg);*/
	background-repeat: no-repeat;
	background-position: center center;
	padding-right: 20px;
}


.whatsOnShadow {
	background-image: url(../images/whats_on_shadow.jpg);
	background-repeat: repeat-y;
	height:100%;
}

/*
.listpink {
	BACKGROUND: ; OVERFLOW: hidden
}
.listpink a:hover{
	background:#68a9c1; OVERFLOW: hidden
}
.listpinksmid {
	BORDER-TOP: #ede9d0 1px solid; OVERFLOW: hidden; BORDER-BOTTOM: #ede9d0 1px solid
}
*/
.FlyerBox {
	height:200px;
	text-align: center;
	vertical-align: middle;
	background-color: #ad497d;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.t2rRec {
	height:200px;
	text-align: right;
	vertical-align: middle;
	background-color: #999999;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
}

.EventNameBox {
	color: #FFFFFF;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background-color: #ad497d;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.EventDetailBox {
	font-size: 90%;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #ad497d;
}

.InstructionBox {
	height:20px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: ad497d;
	color: #FFFFFF;
	background-position: center center;
}

.CompNameBox {
	height:20px;
	color: #FFFFFF;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background-color: #6ea548;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.CompInstructionBox {
	height:20px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #6ea548;
	color: #FFFFFF;
	background-position: center center;
}

.CompFlyerBox {
	height:200px;
	text-align: center;
	vertical-align: middle;
	background-color: #6ea548;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.RegNameBox {
	height:20px;
	color: #333333;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background-color: #efb02d;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.RegInstructionBox {
	height:20px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #efb02d;
	color: #333333;
	
}

.RegFlyerBox {
	height:200px;
	text-align: center;
	vertical-align: middle;
	background-color: #efb02d;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.VenueNameBox {
	height:20px;
	color: #ffffff;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background-color: #666666;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.VenueInstructionBox {
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #666666;
	color: #ffffff;
	background-position: center center;
	height:20px;
}

.VenueFlyerBox {
	text-align: center;
	vertical-align: middle;
	background-color: #666666;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height:200px;
}

.VenueAZ {
	font-size: 100%;
	color: #666666;
	vertical-align: middle;
	text-align: center;
	text-transform: capitalize;
	padding: 3px;
	margin: 3px;
}

.GuestlistNameBox {
	height:20px;
	color: #333333;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background-color: #f7941d;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.GuestlistInstructionBox {
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #f7941d;
	color: #333333;
	background-position: center center;
	height:20px;
}

.GuestlistFlyerBox {
	text-align: center;
	vertical-align: middle;
	background-color: #f7941d;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height:200px;
}

.GalleryNameBox {
	height:20px;
	color: #ffffff;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background-color: #c12f32;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.GalleryInstructionBox {
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #c12f32;
	color: #ffffff;
	background-position: center center;
	height:20px;
}

.GalleryFlyerBox {
	text-align: center;
	vertical-align: middle;
	background-color: #c12f32;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height:200px;
}


.PromoterNameBox {
	height:20px;
	color: #ffffff;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background-color: #3f88b1;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.PromoterInstructionBox {
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #3f88b1;
	color: #ffffff;
	background-position: center center;
	height:20px;
}

.PromoterFlyerBox {
	text-align: center;
	vertical-align: middle;
	background-color: #3f88b1;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	height:200px;
}

.IndexNameBox {
	color: #FFFFFF;
	font-size: 110%;
	text-align: left;
	vertical-align: middle;
	background-color: #f06ea9;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.IndexDetailBox {
	font-size: 90%;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #f06ea9;
}

.IndexInstructionBox {
	height:20px;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: f06ea9;
	color: #FFFFFF;
	background-position: center center;
}


.InstructionBox, .GalleryInstructionBox a:link    
{
	color: #ffffff;
}

.InstructionBox  a:visited
{
	color: #ffffff;
}

.InstructionBox a:hover
{
	color: #ff0000;
}


/*	START OF --- the image colour behind the submenu of the page ##############################################*/
table.SectionImage{
	width:auto;
	background-image: url(../images/sectionimage_home.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

body.ptype-home table.SectionImage{
	background-image: url(../images/sectionimage_home.jpg);
}
body.ptype-whatson table.SectionImage{
	background-image: url(../images/sectionimage_whatson.jpg);
}
body.ptype-competitions table.SectionImage{
	background-image: url(../images/sectionimage_competitions.jpg);
}
body.ptype-members table.SectionImage{
	background-image: url(../images/sectionimage_members.jpg);
}
body.ptype-gallery table.SectionImage{
	background-image: url(../images/sectionimage_gallery.jpg);
}
body.ptype-guestlist table.SectionImage{
	background-image: url(../images/sectionimage_guestlist.jpg);
}
body.ptype-clubs table.SectionImage{
	background-image: url(../images/sectionimage_clubs.jpg);
}
body.ptype-promoters table.SectionImage{
	background-image: url(../images/sectionimage_promoters.jpg);
}
/*	END OF --- the image colour behind the submenu of the page ##############################################	*/



/*	START OF --- the image colour behind the footer of the page	############################################## */
table.SectionFooterImage{
	width:auto;
	background-image: url(../images/footer_home.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
body.ptype-home table.SectionFooterImage{
	background-image: url(../images/footer_home.gif);
}
body.ptype-whatson table.SectionFooterImage{
	background-image: url(../images/footer_whatson.gif);
}
body.ptype-competitions table.SectionFooterImage{
	background-image: url(../images/footer_competitions.gif);
}
body.ptype-members table.SectionFooterImage{
	background-image: url(../images/footer_members.gif);
}
body.ptype-gallery table.SectionFooterImage{
	background-image: url(../images/footer_gallery.gif);
}
body.ptype-guestlist table.SectionFooterImage{
	background-image: url(../images/footer_guestlist.gif);
}
body.ptype-clubs table.SectionFooterImage{
	background-image: url(../images/footer_clubs.gif);
}
body.ptype-promoters table.SectionFooterImage{
	background-image: url(../images/footer_promoters.gif);
}

/*	END OF --- the image colour behind the footer of the page ##############################################	*/

/*
.whatsonlist {
	background-color: #FFFFFF;
	border:1px solid #ad497d;
	padding:5px;
	width:46%;
	float: left;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 15px;
	margin-left: 10px;
}
*/

.IndexList {
	background-color: #FFFFFF;
	padding:3px;
	width:290px;
	height:200px;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.whatsonlist2 {
	background-color: #FFFFFF;
	border:1px solid #999999;
	padding:5px;
	width:280px;
	float:left;
	margin:5px;
}

.whatsonlistIndex {
	background-color: #FFFFFF;
	padding:3px;
	width:46%;
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.whatsontitle {
	background-color: #666666;
	padding:5px;
	font-size: 90%;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 5px;
	color: #ffffff;
	text-transform: none;
}
.spacer { clear:both; height:0; line-height:0; padding:0; margin:0; }


/*	form styles	*/

/*	used to indicate fields with errors in forms	*/
.formError
{	background: #8E080A; color: white; border-bottom: 0px solid #ffffff; vertical-align: top;	}
.formError td
{	color: #ffffff; vertical-align: top;	}
.formError .formRequired
{	color: #F5D6F5;		}
.errorDetails
{	color: white;	}
.formError a
{	color: #ffffff;	}
.errorMarker
{	color: #fce55d; font-weight: bold;	}

/*	basic FORM styles: borders, etc.
	modifying these styles alone should change appearance for all form elements
	element widths and heights are set by the classes at the bottom of this stylesheet	*/
.formField input, .formField select, .formField textarea
{	font-family: arial; font-size: 80%;
	padding-left: 0px; padding-right: 1px; 
	border: 1px solid #666666;
}

/*	--------------------------------------------------------------------------------	*/
/*	very core styles - normally you wouldn't change these at all!	*/
form
{	margin: 0px; padding: 0px;	}

.textfield300, .textfield200, .textfield100, .textfield75, .textfield50, .textarea200, .textarea300
{	
	font-family: arial; font-size: 100%;
	color: #666666;
}


/*	form element widths and heights	*/
.textfield300
{	height: 20px; width: 300px;	}
.textfield200
{	height: 20px; width: 200px;	}
.textfield100
{	height: 20px; width: 100px;	}
.textfield75
{	height: 20px; width: 75px;	}
.textfield50
{	height: 20px; width: 50px;	}
.textarea200
{	height: 80px; width: 200px;	}
.textarea300
{	height: 80px; width: 300px;	}

/*	override right-padding for select boxess */
.formField select
{	padding-right: 0;	}



/*.border1px {
	BORDER-RIGHT: #0080b7 1px solid; BORDER-TOP: #0080b7 1px solid; BORDER-LEFT: #0080b7 1px solid; BORDER-BOTTOM: #0080b7 1px solid
}
.listHeaderTable {
	BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: 0px; COLOR: #000000; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Tahoma, Geneva, Helvetica, Arial, sans-serif
}*/
.listHeaderTable TBODY .oddRow {
	BACKGROUND: #ffffff
}
.listHeaderTable TBODY .evenRow {
	BACKGROUND: #ebebeb
}
.listTable TD {
	PADDING: 5px; VERTICAL-ALIGN: top; BORDER-COLLAPSE: collapse
}	
.listTable TBODY TD {
	BORDER-LEFT: #a0a0a0 1px dotted; BORDER-TOP-COLOR: #a0a0a0; BORDER-BOTTOM: #a0a0a0 1px solid; BORDER-RIGHT-COLOR: #a0a0a0
}
.listTable TBODY .oddRow {
	BACKGROUND: #ffffff
}
.listTable TBODY .evenRow {
	BACKGROUND: #ebebeb
}
/*.listTable TBODY .mouseOverEvenRow {
	BACKGROUND: #a0a0a0
}
.listTable TBODY .mouseOverOddRow {
	BACKGROUND: #d2e1f0
}
.listTable TBODY .markedEvenRow * {
	BACKGROUND: #69a1ce; COLOR: white
}
.reportTable TBODY .markedOddRow * {
	BACKGROUND: #69a1ce; COLOR: white
}