@import url(_reset.css); 
@import url(_hacks.css);

/* @ Magic Begins Here
------------------------------*/
body {
padding: 0;
margin:0;
font: 100% Arial;
color: #000;
background: black; /* CUSTOM ELEMENT */
}

/* noscript javascript warning
****************************************************/
.noscript {
	width: 778px;
	height: 115px;
	font-size: 0.95em;
	color: #000000;
	padding: 5px 25px 0px 145px;
	margin: 0 auto;
	background: #e1ffff url(../../_images/_images/icons/error_icon_lrg.gif) no-repeat 5px 5px;
	border: 1px solid #990000;
}
.noscript h1 {
	font-size: 1.5em;
	font-weight: bold;
	color: #990000;
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.noscript p {
	margin: 0px;
	padding: 0px 0px 10px 0px;
}
.noscript a {
	color: #990000;
}
/* end
****************************************************/

.motherBanner { background: url('../_images/_images/mothership_banner.gif') top left no-repeat; width: 990px; height: 157px; margin: 0 auto; }

div.bdyWrapper {
width: 990px;
margin: 0 auto;
}

div.bdyWrapper .bdyInner { }

/* Footer Styles
*************************************************/
.wrapperFtr {
width: 990px;
margin: 0 auto;
font: 11px tahoma, Arial, Helvetica, sans-serif;
color: #000;
background: url('../_images/_images/cap_ftr.gif') top right no-repeat;
height: 142px;
}

.wrapperFtr a 							{ color: #fff; padding: 3px 5px; }
.wrapperFtr a:hover 				{ color: yellow; background: #333; }
.ftr-01 										{ text-align: center; width: 820px; padding-top: 30px; }
.ftr-02 										{ text-align: center; width: 820px; padding-top: 15px; }

/* Column Left Styles
***********************************************/
.col-Left 									{ float: left; width: 170px; background: url('../_images/_images/cap_lft_btm.gif') bottom left no-repeat; padding-bottom: 65px; }

.col-Left .containerNav			{ /* Styles for the left vertical navigation */
font: 70% arial;
padding-top: 3px;
}

.col-Left .containerNav a 				{ display: block; background: url('../_images/_images/bg_nav.gif') top left no-repeat; height: 30px; width: 170px; color: #fff; font-weight: bold; }
.col-Left .containerNav a:hover		{ color: yellow; background-position: bottom; }
.col-Left .containerNav a span		{ display: block; padding: 7px 0 0 13px; }

.col-Left .containerNav a.become_a_member 				{ display: block; background: url('../_images/_images/become_a_member_btn.gif') top left no-repeat; height: 30px; width: 170px; color: #fff; }
.col-Left .containerNav a.become_a_member:hover		{ color: #000; background-position: bottom; }
.col-Left .containerNav a.become_a_member span		{ display: none; }

.col-Left .containerNav a.buy_tickets 				{ display: block; background: url('../_images/_images/buy_tickets_btn.gif') top left no-repeat; height: 30px; width: 170px; color: #fff; }
.col-Left .containerNav a.buy_tickets:hover		{ color: #000; background-position: bottom; }
.col-Left .containerNav a.buy_tickets span		{ display: none; }

.col-Left .containerMisc { /* Styles for the left column promotional space */
font: 70% arial;
color: #fff;
padding: 15px 0 0 10px;
}

.col-Left .containerMisc a { color: white;  }
.col-Left .containerMisc a:hover { color: #ffff00; }

.inner-right	 ol,
.inner-right	 ul {
	margin-bottom: 20px;
	margin-left: 20px;
}

.inner-right	 ol {
	list-style: decimal; margin-left: 20px; margin-bottom: 5px;
}
.inner-right	 li {
	font-size: 70%;
	line-height: 1.5em;
}

.inner-right li a 			{ color: #ff0000; font-weight:bold; text-decoration: underline; }
.inner-right li a:hover { color: #cc0000; text-decoration: underline; }

ol.olList { }
ol.olList li { list-style: decimal; margin-left: 20px; margin-bottom: 5px; }

/* Column Right Styles
***********************************************/
.col-Right 									{ float: left; width: 790px; padding: 0 15px; background: #000; min-height: 260px; } /* CUSTOM ELEMENT - background color */
.col-Right h1								{ margin-bottom: 0.5em; font: bold 100% geneva, Arial, Helvetica, sans-serif; background: url("../_images/_images/bg_h1.gif") bottom left repeat-x; padding-bottom: 5px;  }
.col-Right h2								{
margin-bottom: 1em; font: 100% Tahoma, Arial, Helvetica, sans-serif;
background: url('../_images/_images/bg_repeat.gif');
color: #fff;
border-bottom: 2px solid #1e1912;
padding: 10px 0 10px 10px;
border-left: 5px solid #262626;
}
.col-Right h3								{ font-size: 80%; background: #f5f5f5 url('../_images/_images/bg_h3.gif') left 50% no-repeat; border: 1px solid #ccc; margin-bottom: 15px; padding: 5px 0 5px 12px; }
.col-Right p 								{ font-size: 70%; line-height: 1.5em; margin-bottom: 1.5em; }
.col-Right .hero-01 				{  } /* CUSTOM ELEMENT */
.col-Right .sep-x-01 				{ height: 23px; } /* CUSTOM ELEMENT */
.inner-right								{ }

.heroBanner { border-bottom: 3px solid #55aa1f; margin-bottom: 15px; }

.col-Right .intro-blurb 		{ }
.col-Right .intro-blurb p a	{ color: #CC6600; }
.col-Right .intro-blurb p a:hover	{ color: #493c2c; background: #fff;  }


.col-right-InnerWrap		 							{ width: 790px; margin: 0 auto; margin-bottom: 15px;  }
.col-right-InnerWrap h4	 							{ text-transform: uppercase; font: small-caps 100% Georgia; border-bottom: 1px solid #e2e2e2; padding-bottom: 5px; color: #0066CC; margin-bottom: 0.5em; }
.col-right-InnerWrap h4.h4-login			{ background: url("../_images/_images/icon_login.gif") top left no-repeat; height: 42px; border: none; padding: 0; }
.col-right-InnerWrap h4.h4-login span	{ display: block; padding-left: 45px; padding-top: 10px;  }

.dia-bg 															{ background: #e5e5e5; } /* CUSTOM ELEMENT */

.col-right-InnerWrap .panel-Hero 			{ width: 790px; background: url('../_images/_images/bgpanel_login.gif') top left no-repeat; height: 232px; }
.col-right-InnerWrap .panel-Left 			{ float: left; width: 300px; padding: 10px; }
.col-right-InnerWrap .panel-Right			{ float: left; width: 300px; margin-left: 25px; padding: 10px; }
.col-right-InnerWrap .panel-inner			{ }

table.tblLogin 												{ padding: 0; border: none; margin: 0 auto; }

table.tblRegistration td,
table.tblLogin td											{ font: normal 0.75em tahoma; vertical-align: middle; }

table.tblRegistration td							{ background: #fff; padding: 5px; }

table.tblLogin td	h3									{ font-weight: normal; }

.inpField_login												{
	border: 1px solid #cccccc;
	padding: 10px 5px;
	font: 12px arial;
	color: #333;
	vertical-align: middle;
	width: 200px;
	background: url('../_images/_images/inpBg.gif') top repeat-x;
	margin: 0 10px 10px 0;
}

table.tblRegistration .inpField, table.tblLogin .inpField {
	border: 1px solid #cccccc;
	padding: 10px 5px;
	font: 12px arial;
	color: #333;
	vertical-align: middle;
	width: 250px;
	background: url('../_images/_images/inpBg.gif') top repeat-x;
	margin: 0 10px 0 0;
}

.inpField_on 													{ border: 3px solid #cc0000; padding: 5px; font: 11px arial; color: #333; vertical-align: middle; width: 230px; }

.inpField-postcode										{ border: 3px solid #e5e5e5; padding: 5px; font: 11px arial; color: #333; vertical-align: middle; width: 60px; }

table.tblMisc 												{ padding: 0; border: none; width: 100%; }
table.tblMisc .paraBlurb							{ font: 70% arial; }
table.tblMisc .imgHero 								{ width: 40%; text-align: center; }

.welcomePanel {
width: 790px;
background: url('../_images/_images/bgpanel_secmemarea_bg.gif') left repeat-y;
}

.welcome_capSecure			{ background: url('../_images/_images/bgpanel_secmemarea_top.gif') top left no-repeat; }
.welcome_capOrders			{ background: url('../_images/_images/bgpanel_ttl_Myorders.gif') top left no-repeat; }
.welcome_capBuy					{ background: url('../_images/_images/bgpanel_ttl_BuyTickets.gif') top left no-repeat; }
.welcome_capForgotUser	{ background: url('../_images/_images/bgpanel_ttl_forgottenusername.gif') top left no-repeat; }
.welcome_capForgotPass	{ background: url('../_images/_images/bgpanel_ttl_forgottenpassword.gif') top left no-repeat; }
.welcome_capFaqs				{ background: url('../_images/_images/bgpanel_ttl_faqs.gif') top left no-repeat; }
.welcome_capHelp				{ background: url('../_images/_images/bgpanel_ttl_helpsupport.gif') top left no-repeat; }
.welcome_capNewmem			{ background: url('../_images/_images/bgpanel_ttl_newmem.gif') top left no-repeat; }
.welcome_capError				{ background: url('../_images/_images/bgpanel_ttl_error.gif') top left no-repeat; }
.welcome_capUnsub				{ background: url('../_images/_images/bgpanel_ttl_unsubscribe.gif') top left no-repeat; }
.welcome_capMyDetails		{ background: url('../_images/_images/bgpanel_ttl_MyDetails.gif') top left no-repeat; }
.welcome_capBuy2				{ background: url('../_images/_images/bgpanel_ttl_BuyTickets2.gif') top left no-repeat; }
.welcome_default			{ background: url('../_images/_images/bgpanel_ttl_default.gif') top left no-repeat; }


.welcome_capbtm {
background: url('../_images/_images/bgpanel_secmemarea_btm.gif') bottom left no-repeat;
padding-bottom: 30px;
}

.welcomePanel .panel-inner {
padding: 35px 15px 0 15px;
font: 100% Tahoma, Arial, Helvetica, sans-serif;
min-height: 110px;
}

.welcomePanel .panel-inner p a 			 { font-weight:bold; color: #ff0000; text-decoration: underline; }
.welcomePanel .panel-inner p a:hover { color: #cc0000; }

a.miscBtn {
	background: url("../_images/_images/btn_bg.png") top left no-repeat; display: block; width: 140px; height: 25px; 
	font: 12px Tahoma; color: #FFF; text-align: center; text-transform: uppercase; padding-top: 7px;
}
a.miscBtn span 	{ display: block; }
a.miscBtn:hover { background-position: bottom; }

input.lrgBtn {
	background: url("../_images/_images/btn_bg_wide.gif") top left no-repeat; display: block; width: 400px; height: 32px; 
	font: 12px Tahoma; color: #FFF; text-align: center; text-transform: uppercase; border:0; padding-top: 0px; vertical-align:top; cursor:pointer;
}
input.lrgBtn span 	{ display: block; }
input.lrgBtn:hover { background-position: bottom; }

a.aMisc 							{ color: #FFFFFF; background: #493c2c; text-transform: uppercase; font: 80% Tahoma; padding: 5px 10px; margin-right:1px; }
a.aMisc:hover 				{ color: #fff; background: #339900; }

table.tblRegistration									{ border: 3px solid #000; padding: 0; margin: 0 auto; width: 100%; margin-bottom: 15px; }

table.tblRegistration th							{
font: 90% Arial;
border-bottom: 1px solid #000;
padding: 5px;
padding-left: 15px;
color: #ccc;
background: #2b2b2b;
text-align: left;
}

table.tblRegistration td.t1						{ width: 30%; padding-left: 15px; }

table.tblOrders												{ margin-bottom: 15px; border:0; width: 100%; }

table.tblOrders td,
table.tblOrders th										{ text-align: left; }

table.tblOrders td										{ font: 11px Tahoma; padding: 10px; background: url("../_images/_images/bg_td.gif") top repeat-x; }
table.tblOrders th										{ font: bormal 12px Tahoma; background: url("../_images/_images/bg_th.gif") top repeat-x; color: #336600; padding: 10px; border-bottom: 1px solid #fff; }
table.tblOrders td.t1									{ width: 20%; background: url("../_images/_images/bg_td_1.gif") top repeat-x; color:#fff; }
table.tblOrders td.tdLast							{ background: #fff; text-align: right; }
table.tblOrders td.tdLast a						{ float: right; }
.aMisc2 															{ color: #FFFFFF; background: #0066CC; text-transform: uppercase; font: 80% Tahoma; padding: 5px 10px; margin-right:1px; border: none; margin-bottom: 2px; }
.aMisc2:hover 												{ color: #fff; background: #339900; border: none; cursor: hand; }

div.order-Description table 					{ font: 11px arial; padding:0; margin:0; border:0; margin-bottom: 15px; width:100%; }
div.order-Description table td				{ padding: 10px; text-align: left; vertical-align: middle; background: url("../_images/_images/bg_td.gif") top repeat-x; border-bottom: 1px dotted #fff; }
div.order-Description table th				{ font: bold 13px Tahoma; background: url("../_images/_images/bg_th.gif") top repeat-x #b9c9fe; color: #336600; padding: 10px; border-bottom: 1px solid #fff; text-align: left; }
div.order-Description table td a						{ background: #336600; color: #fff; padding: 3px; text-transform: uppercase; text-decoration: none; font: 10px arial; }
div.order-Description table td a:hover			{ background: #cc0000; color: #fff; }

.panel_events {
background: url('../_images/_images/bgpanel_upcoming_ftr.gif') bottom left no-repeat;
padding-bottom: 60px;
}

.pe_ftr {
background: #ffffff url('../_images/_images/bgpanel_upcoming.gif') top left no-repeat;
width: 790px;
margin: 0 auto;
padding-top: 32px;

}

.tblEvent {
border:0; padding:0;
width: 180px;
float: left;
margin-left: 0.85em;
}

.tblEvent td { font: 11px arial; }


/* ajax 'auto-complete' list style used in the UserNew.aspx and UserUpdate.aspx suburb lookup */
ul.CompletionList {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
	background: #FFFFFF;
	border: 1px solid #666666;
}

ul.CompletionList li{
	font: 11px arial;
	color: #333;
	list-style: none;
	cursor: pointer;
	margin: 0px;
	padding: 5px;
}


/* dynamic message styles
//////////////////////////////////////////////////////////////////////////////////// */
.successMsg{
	background:url(../_images/_images/icon_success.gif) top left no-repeat; padding-left:30px; padding-top:5px; font-size:0.8em; display:block; height:30px;
}
.progressMsg{
	background:url(../_images/_images/icon_progress.gif) top left no-repeat; padding-left:30px; padding-top:5px; font-size:0.8em; display:block; height:30px;
}
.orderFail{ 
	background:url(../_images/_images/icon_error.gif) no-repeat top left; font: bold 12px arial; padding:3px 0px 0px 30px; height:24px; 
}

/* Buy Purchase Tickets
***********************************/
table.buyTable1 													{ width: 100%; margin-bottom: 5px; border-bottom: 2px solid #003366; }
table.buyTable1 td 												{
padding: 5px;
padding-left:20px;
font: 11px arial;
color: #333;
background: url("../_images/_images/bg_td.gif") repeat-x top;
vertical-align: middle;
}
table.buyTable1 th 												{
background: url("../_images/_images/bg_td_1.gif") repeat-x top; color: #fff; text-transform: uppercase; font: bold 11px arial;
text-align: center;
padding: 7px;
}


/* form styles
//////////////////////////////////////////////////////////////////////////////////// */
input[type="submit"] {
	background: url("../_images/_images/btn_bg.png") top left no-repeat; display: block; width: 140px; height: 32px;  
	font: 12px Tahoma; color: #FFF; text-transform: uppercase; padding-top: -2px; border:0;
	cursor: pointer;
}
input[type="submit"]:hover {
background-position: bottom;
}
/* wide button for buy tickets page
//////////////////////////////////////////////////////////////////////////////////// */
input[type="submit"].wideInput {
	background: url("../_images/_images/btn_bg_wide.gif") top left no-repeat; display: block; width: 400px; height: 32px; font: bold 11px arial;
	color: #FFF; text-transform: uppercase; padding-top: -2px; border:0; cursor:pointer;
}
input[type="submit"].wideInput:hover {
	background-position: bottom; color: #ffffff;
}


/* Validation Summary Style
***********************************************/
.inner-right  .summary h2 {   background:url(../_images/_images/error.gif) bottom left no-repeat black; padding:5px 0 5px 30px;}
.inner-right  .summary ul { 	line-height:18px; list-style-type:none;	margin-top:20px;}
.inner-right  .summary ul li { padding-top:0px; background:url(../_images/_images/bullet.gif) no-repeat; padding-left:30px; padding-bottom:5px; padding-top:0px; color:red; font-size:0.8em}
.inner-right	.summary ul li a { color: #ff6600; font-weight:bold; padding:0; }
.inner-right	.summary ul li a:hover { color: #ff6600; text-decoration:underline; background: #fff; }


.valError {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #CC0000;
	background:url(../_images/_images/bullet.gif) no-repeat 0% 50%;
	padding: 5px 0 5px 20px;
	margin: 0 0 5px 0;
}