@import url(_reset.css); 
@import url(_hacks.css);

.samplepng 	{
background: url("sample.png");
behavior: url("iepngfix.htc") !important;
}

.test {
height: auto !important; /* for modern browsers */
height: 200px; /* for IE5.x and IE6 */
min-height: 200px; /* for modern browsers */
}

/* @ Magic Begins Here
------------------------------*/
body {
padding: 25px 0 0 0;
margin:0;
font: 100% Arial;
color: #000;
background: #0d0d0d; /* CUSTOM ELEMENT */
}

div.bdyWrapper {
background: #1a1a1a;
padding: 10px;
width: 930px;
margin: 0 auto;
}


div.bdyWrapper .bdyInner {
background: #000; /* CUSTOM ELEMENT */
padding: 20px;
}

/* Footer Styles
*************************************************/
.wrapperFtr {
background: #2b2b2b;
padding: 10px;
width: 930px;
margin: 0 auto;
font: 0.70em tahoma;
padding-bottom: 20px;
color: #ccc;
}

.wrapperFtr a 							{ color: #ccc; padding: 3px 5px; }
.wrapperFtr a:hover 				{ color: #FF9900; background: #000; }
.ftr-left 						{ float: left; width: 300px; }
.ftr-right 						{ float: right; width: 580px; text-align: right;}

/* Column Left Styles
***********************************************/
.col-Left 									{ float: left; width: 185px; }
.col-Left .misc-logo 				{ height: 101px; margin-bottom: 20px; }

.col-Left .containerNav			{ /* Styles for the left vertical navigation */
font: 70% arial;
width: 90%;
}

.col-Left .containerNav a span		{ display: block; padding: 3px 5px; }
.col-Left .containerNav a					{ display: block; color: #ccc; background: #2b2b2b; margin-bottom: 1px; border-bottom: 1px solid #333; border-left: 5px solid #333; }
.col-Left .containerNav a:hover		{ color: #f7ad2a; background: #1b1b1b; border-left: 5px solid #ed9801; border-bottom: 1px solid #ed9801; }

.col-Left .containerNav a.nav20px { margin-bottom: 20px; }

.col-Left .containerMisc { /* Styles for the left column promotional space */
margin-top: 50px;
font: 70% arial;
color: #999;
width: 90%;
}

.col-Left .containerMisc a { color: #FF9900; border-bottom: 1px dotted #FF9900; }
.col-Left .containerMisc a:hover { color: #fff; border-bottom: 1px dotted #fff; }

.inner-right	 ol,
.inner-right	 ul {
margin-bottom: 20px;
margin-left: 20px;
}

.inner-right	 li {
list-style: square;
font-size: 70%;
line-height: 1.5em;
}

.inner-right	 li a { color: #CC6600; }
.inner-right	 li a:hover { color: #493c2c; background: #fff; }

ol.olList { }
ol.olList li { list-style: decimal; margin-left: 20px; margin-bottom: 5px; }

/* Column Right Styles
***********************************************/
.col-Right 									{ float: left; width: 705px; padding-bottom: 20px; background: #f5f5f5; } /* CUSTOM ELEMENT - background color */
.col-Right h1								{ margin-bottom: 0.5em; font: small-caps 110% Georgia; background: url("../_images/bg_h1.gif") bottom left repeat-x; padding-bottom: 5px;  }
.col-Right h2								{ margin-bottom: 1em; font: small-caps 85% arial; background: #191919; color: #f0ab00; border-bottom: 2px solid #3a3a3a; padding: 2px 3px; border-left: 5px solid #3a3a3a; }

/*
font: small-caps 85% arial;
border-bottom: 1px solid #000;
padding: 5px;
color: #f0ab00;
background: #191919;
text-align: left;
*/

.col-Right h3								{ font-weight: normal; }
.col-Right p 								{ font-size: 70%; line-height: 1.5em; margin-bottom: 1.5em; }
.col-Right .hero-01 				{ height: 200px; } /* CUSTOM ELEMENT */
.col-Right .sep-x-01 				{ height: 23px; } /* CUSTOM ELEMENT */
.inner-right								{ width: 665px; margin: 0 auto; padding-top: 20px; }

.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: 665px; margin: 0 auto; margin-bottom: 15px;  }
.col-right-InnerWrap h4	 							{ text-transform: uppercase; font: small-caps 90% Arial; border-bottom: 1px solid #e2e2e2; padding-bottom: 5px; color: #0066CC; margin-bottom: 0.5em; }
.col-right-InnerWrap h4.h4-login			{ background: url("../_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: url("../_images/bg_dia.gif") bottom left; } /* CUSTOM ELEMENT */
.dia-bg:hover													{ background: #222; } /* CUSTOM ELEMENT */

.col-right-InnerWrap .panel-Hero 			{ float: left; width: 645px; padding: 10px; }
.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			{ background: #fff; padding: 5px; }

.NoteTable 														{ background: #e5e5e5; padding: 5px; border: 1px dotted #cc0000; font: 11px arial; margin: 0 auto; width: 100%; margin-bottom: 15px; }
.NoteTable td													{ text-align: center; }
.NoteTable h3													{ font: bold 13px arial; text-decoration: underline; color: #cc0000; }

table.tblLogin 												{ padding: 0; border: none; margin: 0 auto; }

table.tblTixPrice td,
table.tblRegistration td,
table.tblLogin td											{ font: normal 0.75em tahoma; vertical-align: middle; padding: 5px; }

table.tblTixPrice td,
table.tblRegistration td							{ background: #fff; }

table.tblLogin td	h3									{ font-weight: normal; }


table.tblRegistration .inpField,
table.tblLogin .inpField							{ border: 3px solid #e5e5e5; padding: 5px; font: 11px arial; color: #333; vertical-align: middle; width: 230px; }

.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; }

/* Buy Purchase Tickets
***********************************/
table.buyTable1 													{ width: 100%; margin-bottom: 5px; border-bottom: 2px solid #003366; }

table.buyTable1 td 												{
padding: 5px;
text-align: center;
font: 11px arial;
color: #333;
background: url("../_images/bg_td.gif") repeat-x top;
vertical-align: middle;
}

table.buyTable1 th 												{
background: url("../_images/bg_td_1.gif") repeat-x top; color: #fff; text-transform: uppercase; font: bold 11px arial;
text-align: center;
padding: 7px;
}



a.miscBtn {
background: url("../_images/btn_bg.gif") top left no-repeat;
display: block;
width: 140px;
height: 32px;
font: 11px arial;
color: #FFF;
text-align: center;
text-transform: uppercase;
}

a.miscBtn span 	{ display: block; padding-top: 8px; }

a.miscBtn:hover { background-position: bottom; color: #000; }

a.aMisc 							{ color: #FFFFFF; background: #493c2c; text-transform: uppercase; font: 80% Tahoma; padding: 5px 10px; margin-right:1px; }
a.aMisc:hover 				{ color: #fff; background: #0066CC; }

/* Table Registration
*****************************/

table.tblRegistration									{ border:0; padding: 0; margin: 0 auto; width: 100%; margin-bottom: 15px; }

table.tblRegistration th							{
font: small-caps 85% arial;
border-bottom: 1px solid #000;
padding: 5px;
color: #f0ab00;
background: #191919;
text-align: left;
}

table.tblRegistration td.t1						{ width: 30%; }

/* Table Pricing
*****************************/
table.tblTixPrice									{ border:0; padding: 0; margin: 0 auto; width: 100%; margin-bottom: 15px; }

table.tblTixPrice th							{
font: small-caps 85% arial;
border-bottom: 1px solid #000;
padding: 5px;
color: #f0ab00;
background: #191919;
text-align: left;
}

/* pricing */

table.tblTixPrice td.t1						{ width: 30%; vertical-align: top; }
table.tblTixPrice td.t1 span			{ display: block; font: 11px verdana;}

table.tblPricing 									{ padding:0; width: 100%; border:0; border-bottom: 2px solid #0033cc; margin-bottom: 5px; background: #6699ff; }

table.tblPricing th 							{ background: url("../_images/bg_td_1.gif") top left repeat-x; color: #fff; }
table.tblPricing td 							{ background: #99cccc; }

table.tblPricing th,
table.tblPricing td 							{ font: 11px arial; }

table.tblPricing td.tpp						{ text-align: center; width: 25%; }

/*
*/

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/bg_td.gif") top repeat-x; }
table.tblOrders th										{ font: bormal 12px Tahoma; background: url("../_images/bg_th.gif") top repeat-x; color: #003399; padding: 10px; border-bottom: 1px solid #fff; }
table.tblOrders td.t1									{ width: 20%; background: url("../_images/bg_td_1.gif") top repeat-x; color:#fff; }
table.tblOrders td.tdLast							{ background: #f5f5f5; 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: #493c2c; 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/bg_td.gif") top repeat-x; border-bottom: 1px dotted #fff; }
div.order-Description table th				{ font: bold 13px Tahoma; background: url("../_images/bg_th.gif") top repeat-x; color: #003399; padding: 10px; border-bottom: 1px solid #fff; text-align: left; }
div.order-Description table td a						{ background: #0066CC; color: #fff; padding: 3px; text-transform: uppercase; text-decoration: none; font: 10px arial; }
div.order-Description table td a:hover			{ background: #cc0000; color: #fff; }


/* 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;
}

.misCa 																							{ color: #003366; text-transform: uppercase; font: 10px arial; }
.misCa:hover																				{ color: #cc0000; }
.errorMessage																				{ background: #f5f5f5; border: 1px dotted red; padding: 10px; text-align: center; width: 450px; margin: 0 auto; margin-bottom: 15px; }
.errorMessage ul																		{ padding:0; margin:0; }
.orderSuccess																				{ background: #0066FF; border: 5px solid #e5e5e5; padding: 10px; margin-bottom: 15px; text-align: center; font: bold 12px arial; color: #FFFFFF; }
.orderFail																					{ background: #cc0000; border: 5px solid #e5e5e5; padding: 10px; margin-bottom: 15px; text-align: center; font: bold 12px arial; color: #FFFFFF; }