@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:url(../_images/bg.jpg) repeat-x #000000; /* CUSTOM ELEMENT */
}

a{
color:#FF6600;
}

div.bdyWrapper {
background:url(../_images/patternBg.jpg)  #666666; padding: 20px; width: 930px; margin: 0 auto;
}

div.bdyWrapper .bdyInner {
background:url(../_images/bgGradient.jpg) repeat-x #666; /* CUSTOM ELEMENT */
padding: 20px;
}

/* Footer Styles
*************************************************/
.wrapperFtr {
background: #2b2b2b; padding: 10px; width: 950px; 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 				{ margin-bottom: 20px; }
.col-Left .containerNav			{
	/* Styles for the left vertical navigation */
	font:bold 70% arial; width: 90%; color:#FFFFFF; 
}

.col-Left .containerNav a span { display: block; }
.col-Left .containerNav a {
	display: block;
	height:20px;
	color: #fff;
	font-size:12px;
	background:url(../_images/btn.jpg) top left;
	margin-bottom: 1px;
	border-bottom: 1px solid #333;
	border-left: 5px solid #333;
	padding:5px 2px 0px 10px;
}
.col-Left .containerNav a:hover		{ color: #fff; background: #000; 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 */
padding-top: 50px; font:normal 75% arial;  color: #fff; width: 95%; 
}

.col-Left .containerMisc a { font-weight:bold; color: #FF9900; text-decoration:underline }
.col-Left .containerMisc a:hover { color: #ffffff; 	 }

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

.inner-right	 ol{
list-style-type:decimal;
}

.inner-right	 ol a{
color:#FF6600; font-weight:bold;
}

.inner-right	 ol a:hover{
text-decoration:underline;
}

.inner-right ol li {
font-size: 80%;
padding: 0 0 3px 0;
}

.inner-right ul li {
font-size: 80%;
width: 91%;
}

/* Generic Form Styles
***********************************************/
.inner-right	 ul { 	line-height:18px; list-style-type:none;	margin-top:20px;}
.inner-right	 ul li { margin-left:20px; padding-top:0px; background:url(../_images/bullet.gif) no-repeat; padding-left:30px; padding-bottom:5px; padding-top:0px; color:black; }
.inner-right	 ul li a { color: #ff6600; font-weight:bold; padding:0; }
.inner-right	 ul li a:hover { color: #ff6600; text-decoration:underline; background: #fff; }


/* Validation Summary Style
***********************************************/
.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/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; }



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:bold italic 110% Arial; color:#666666; text-transform:uppercase; background: url("../_images/bg_h1.gif") bottom left repeat-x; padding-bottom: 5px;  }



.col-Right h2								{ height:25px; vertical-align:middle;  margin-bottom: 1em; font: bold 85% arial; background:url(../_images/h2bg.gif) bottom right no-repeat #666; color: #fff; padding: 7px 3px 0px 12px;  }

.col-Right h2.error {
	height: 25px;
	vertical-align: middle;
	margin-bottom: 1em;
	font: bold 85% arial;
	background: url(../_images/h2bg_error.gif) bottom left no-repeat #666;
	color: #FFFFFF;
	padding: 7px 3px 0px 40px;
}

.col-Right h3								{ font-weight: bold; margin-bottom:10px; }
.col-Right p 								{ font-size: 75%; line-height: 1.5em; margin-bottom: 1.5em; }
.col-Right .hero-01 				{ height: 201px; background:orange; } /* 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: #ff6600; font-weight:bold; }
.col-Right .intro-blurb p a:hover	{ color: #ff6600; text-decoration:underline;  background: #fff;  }


.col-right-InnerWrap		 							{ width: 665px; margin: 0 auto; margin-bottom: 15px;}
.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 */

.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: 15px; }

.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.tblRegistration td,
table.tblLogin td											{ font: normal 0.8em Arial; vertical-align: top; padding: 5px; }



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: 12	px 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: 75% arial; }
table.tblMisc .imgHero 								{ width: 40%; text-align: center; }

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

table.buyTable1 td 												{
padding: 5px;
padding-left:20px;
text-align: left;
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;
}


/* Button styles */
a.miscBtn {
background: url("../_images/btn_bg.gif") top left no-repeat; display: block; width: 140px; height: 23px; font: bold 11px arial;
color: #FFF; text-align: center; text-transform: uppercase; padding-top: 8px;
}
a.miscBtn:hover { background-position: bottom; color: #fff; }
a.aMisc 							{ color: #FFFFFF; background:url(../_images/btn.jpg) bottom left; text-transform: uppercase; font:bold  80% Tahoma; padding: 5px 10px; margin-right:1px; }
a.aMisc:hover 				{ color: #fff; background: #333; }
input.aMisc 							{ border:0px; color: #FFFFFF; background:url(../_images/btn.jpg) top left; text-transform: uppercase; font:bold  80% Tahoma; padding: 5px 10px; margin-right:1px; }
input.aMisc:hover 				{ color: #fff; background: #333; }
.aMisc2, body tblOrders input.aMisc2 															{ color: #FFFFFF; background: #333; text-transform: uppercase; font: 80% Tahoma; padding: 5px 10px; margin-right:1px; border: none; margin-bottom: 2px; width:100%; }
.aMisc2:hover, body tblOrders input.aMisc2:hover 												{ color: #fff; background: #666; border: none; cursor: pointer; }


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

table.tblRegistration th							{
border-bottom: 1px solid #000; padding: 5px; padding-left:10px; text-align: left;
font: bold 85% arial; background:url(../_images/h2bg.gif) bottom right no-repeat #666; color: #fff;
}

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

/* start: Orders Table */
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; font-weight:bold; }
table.tblOrders th										{ font: bold 14px Tahoma; background: url("../_images/bg_th.gif") top repeat-x; color: #fff; padding: 10px; border-bottom: 1px solid #fff; }
table.tblOrders td.t1									{ width: 20%; background: #FF9900 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; }
/* end: Orders Table */


/* start: order description table */
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 #ff6900; color: #fff; padding: 10px; border-bottom: 1px solid #fff; text-align: left; }
div.order-Description table td a						{ background: #ff6600; color: #fff; padding: 3px; text-transform: uppercase; text-decoration: none; font: 10px arial; }
div.order-Description table td a:hover			{ background: #000; color: #fff; }
/* end: order description table */



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

/* misc styles */
h3		{font-weight:bold; font-size:0.9em}
.link	{color:#ff6600; font-weight:bold;}
table.tblRegistration .clearStyle										{background:none; padding:0; font-style:normal;}
table.tblRegistration .clearHeader {
border-bottom: 1px solid #000; padding: 5px; padding-left:10px; text-align: left;
font: bold 85% arial; background: none #666; color: #fff;
}


/* form styles*/
input[type="submit"] {
	background: url("../_images/btn_bg.gif") top left no-repeat; display: block; width: 140px; height: 32px; font: bold 11px arial;
	color: #FFF; text-align: center; text-transform: uppercase; padding-top: -2px; border:0; cursor:pointer;
}
input[type="submit"]:hover {
	background-position: bottom; color: #fff; 
}
/* wide button for buy tickets page*/
input[type="submit"].wideInput {
	background: url("../_images/btn_bg_wide.gif") top left no-repeat; display: block; width: 400px; height: 32px; font: bold 11px arial;
	color: #FFF; text-align: center; text-transform: uppercase; padding-top: 0px; border:0; cursor:pointer;}
input[type="submit"].wideInput:hover {
	background-position: bottom; color: #ffffff;
}
/* dynamic message styles*/
.successMsg{
	background:url(../_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/icon_progress.gif) top left no-repeat; padding-left:30px; padding-top:5px; font-size:0.8em; display:block; height:30px;
}
.errorIcon{ 
	background:url(../_images/icon_error.gif) no-repeat top left; font: bold 12px arial; padding:3px 0px 0px 30px; height:24px; 
}
/* noscript style*/
noscript a{
	display:block; width:970px; height:121px; background:url(../_images/JSError.gif) center no-repeat white; margin: 0 auto; 
}

/* for camping maps tool tips */
.tip {
	width: 94px;
	height: 25px;
}
.tip-top {
	width: 94px;
	height: 25px;
	background: url(../_images/symbols/tool_tip_click_to_buy.png) no-repeat;
}
.tip-title {
	display: none;
}
.tip-text {
	display: none;
}
.tip-bottom {
	display: none;
}