@charset "utf-8";
/* CSS Document */
html {
	width:8in;
}
body {
	font-family: Helveltica, Tahoma, "Lucida Sans Unicode","Century Gothic",Verdana,Arial,sans-serif;
	font-size:10pt;
	color:#000;
	margin:0px 0px;
	padding:0px;
	min-height:100%;
}
/*--Basic Elements--*/
.DontPrint {
    display:none;
}


#ATMSContainer a {
	color:#616161;
	text-decoration:underline;
}
#ATMSContainer img {
	border:none;
}
#ATMSContainer h1 {
	font-weight:bold;
	padding:0px; 
	margin:0px; 
	color:#010101;
	font-size:2.2em;
}
#ATMSContainer h2 {
	padding:4px 3px 3px 9px;
	margin:0px;
	color:#000;
	font-weight:bold;
	font-size:1.2em;
	background:#fff;
	border-bottom:1px solid #000;
}
#ATMSContainer h2 a,#ATMSContainer h3 a{
    color:#000;
}
#ATMSContainer h2 em, #ATMSContainer h3 em {
	font-size:0.8em;
	font-style:normal;
	font-weight:normal;
}
#ATMSContainer h3 { 
	padding:4px 10px;
	margin:0px;
	margin:0px;
	color:#333;
	font-weight:bold;
	font-size:1em;
	background:#a1a1a1;
}
#ATMSContainer h4 {
	font-weight:bold;
	padding:0px 0px 10px 0px; 
	margin:0px; 
	color:#616161;
	font-size:1.4em;
}
#ATMSContainer h5 {
	font-weight:normal; 
	padding:0px; 
	margin:0px;
}
#ATMSContainer p {
	margin:5px 10px;
}
/*--Colours -------*/
/*Colors here are specified to set the tone for the rest of the document
some other element will have colours applied to them as well, and will
require to be updated as well. (ex. Primary1 = #000000.  <p> may have
#000000 applied to it as well, so thus must be replaces also*/
#ATMSContainer .Primary1 {
	color:#010101;
}
#ATMSContainer .Primary2 {
	color:#616161;
}
#ATMSContainer .Primary3 {
	color:#c1c1c1;
}
#ATMSContainer .Secondary1 {
	color:#313131;
}
#ATMSContainer .Secondary2 {
	color:#a1a1a1;
}
#ATMSContainer .Primary1bg {
	background:#fff;
}
#ATMSContainer .Primary2bg {
	background:#fff;
}
#ATMSContainer .Primary3bg {
	background:#fff;
}
#ATMSContainer .Secondary1bg {
	background:#313131;
}
#ATMSContainer .Secondary2bg {
	background:#a1a1a1;
}

/*--Container-----*/
#ATMSContainer {
	position:relative;
	width:100%;
}
#ATMSContainer #RightSide {
	display:none;
}
#ATMSContainer #LeftSide {
}

/*BreadCrumbs----------------*/
#ATMSContainer #BreadCrumbs {
	display:none;
}
/*General Layout-----*/
#ATMSContainer .Box {
}
/*SPECIAL TEXT SIZES --------*/
#ATMSContainer .SmallText {
	font-size:0.8em;
	text-align:center;
	color:#CCC;
	margin-top:0px;
}
#ATMSContainer .LargeText {
	font-size:3.0em;
	text-align:center;
	color:#616161;
	margin-bottom:0px;
}

/*LEFTSIDE STYLES--------------*/
/*PAGE 1-----*/
#ATMSContainer .EventListing {
	position:relative;
	border-bottom:1px solid #E7E7E7;
	padding:10px;
	min-height:90px;
	clear:both;	
}
#ATMSContainer .Box .Box.All .EventListing {
	min-height:0px;
	height:auto;
}
#ATMSContainer .EventListing.grey {
	background:#eee;
}
#ATMSContainer .EventListing .Image{
	position:relative;
	float:left;
	width:90px;
	min-height:90px;
	background:#000 url(/client/img/defaultevent.jpg) right center no-repeat;
}
#ATMSContainer .EventListing .One {
	margin:0px 90px 0px 100px;
}
#ATMSContainer .EventListing .Two {
	position:absolute;
	top:0px;
	right:5px;
	text-align:right;
	padding:5px;
}
#ATMSContainer .EventListing .Two .MapIt{
	background:#eee;
	color:#999;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	float:right;
	font-size:0.8em;
}
#ATMSContainer .EventListing .Two .MapIt a{
	color:#999;
	text-decoration:none;
}
#ATMSContainer .EventListing .Three {
	position:relative;
	font-size:0.8em;
	margin:0px 100px 0px 90px;
}
#ATMSContainer .EventListing .Three p{
	color:#666;
}
#ATMSContainer .EventListing .Three p.MoreDetails{
	padding:5px 0px;
	margin:0px;
}
#ATMSContainer .EventListing .Three p.MoreDetails a{
	font-size:0.8em;
}

#ATMSContainer .EventListing .Four {
	position:relative;
	clear:both;
}
#ATMSContainer .EventListing .Four span {
	margin:0px 0px 10px 0px;
	display:block;
}
#ATMSContainer .EventListing .Four.ButtonArea span .PrimaryAction {
	float:none;
}
#ATMSContainer .EventListing.grey .Four a {
	background:#313131 url(/client/img/BGArrowRightGrey.png) right center no-repeat;
}
#ATMSContainer .EventListing.grey .Four a:hover {
	background:#a1a1a1 url(/client/img/BGArrowRightGrey.png) right center no-repeat;
}
/*SwitchDate Menu------------*/
#ATMSContainer ul.SwitchDate {
	list-style:none;
	padding:8px 5px 8px 10px;
	margin:0px;
	background:#fff;
	color:#000;
	text-align:center;
	-moz-border-radius:3px 3px 0px 0px;
	-webkit-border-radius:3px 3px 0px 0px;
	border-radius:3px 3px 0px 0px;
}
#ATMSContainer ul.SwitchDate li{
	display:inline;	
	padding:0px;
}
#ATMSContainer ul.SwitchDate li a{
	color:#777;
	text-decoration:none;
	padding:2px 4px;
}
#ATMSContainer ul.SwitchDate li a:hover{
	text-decoration:underline;
}
#ATMSContainer ul.SwitchDate li.selected a{
	color:#313131;
	font-weight:bold;
	text-decoration:underline;
}
#ATMSContainer ul.SwitchDate li.selected a:hover{
	text-decoration:none;
}
/*WeekView */
#ATMSContainer #WeekView {
	text-align:center;
	margin:0 0 0 5px;
}
#ATMSContainer #WeekView .Week {
	clear:left;
}
#ATMSContainer #WeekView .Week div {
	position:relative;
	float:left;
	width:89px;
	padding:2px 2px 5px 2px;
	border:1px solid #eee;
}
#ATMSContainer #WeekView h4 {
	background:#eee;
	font-size:.8em;
	padding:3px 0px 3px 0px;
	color:#010101;
}
#ATMSContainer #WeekView h4.OtherMonth {
	background:#f3f3f3;
	color:#616161;
	font-weight:normal;
}
#ATMSContainer #WeekView p {
	position:relative;
	padding:0px;
	margin:4px 2px 0px 2px;
	border:1px solid #010101;
	background:#616161;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
}
#ATMSContainer #WeekView p a {
	display:block;
	color:#fff;
	text-decoration:none;
	padding:3px 1px;
}
#ATMSContainer #WeekView p a:hover {
	color:#fff;
	background:#010101;
}
#ATMSContainer #WeekView p.odd {
	background:#fff;
}
#ATMSContainer #WeekView p.odd a {
	color:#000;
	background:none;
}
#ATMSContainer #WeekView p.odd a:hover {
	color:#fff;
	background:#616161;
}
#ATMSContainer #WeekView p.odd a span {
	color:#c1c1c1;
}
#ATMSContainer #WeekView p.none {
	background:none;
	border:none;
}

/*Page Styling */
#ATMSContainer .Box.Alert {
	background:#fffee8 url(/atms/img/icons/information.png) no-repeat scroll 11px 10px;
	padding:8px 10px 9px 34px;
}
#ATMSContainer .Box.Error {
	background:#f9e8e9 url(/atms/img/icons/exclamation.png) no-repeat scroll 11px 10px;
	padding:8px 10px 9px 34px;
}
#ATMSContainer .ErrorArea {
	background:#f8d4d5 !important;
	border:1px dashed red !important;
}
#ATMSContainer .ErrorText {
	color:Red !important;
}


#ATMSContainer .Box h1 {
	margin:10px 5px 12px 5px;
}
#ATMSContainer .Right .Box h3 {
	margin:0px;
}
#ATMSContainer .Box .Box {
	margin:5px 10px;
}
/*----------LEFTSIDE Left & Right-----*/
/*180/490*/
#ATMSContainer .Box .Left180 {
	position:relative;
	float:left;
	width: 180px;
	padding:0px 8px 0px 8px;
}
#ATMSContainer .Box .Right490 {
	position:relative;
	width:490px;
	margin-left:200px;
	padding:0px 0px 0px 0px;
}
#ATMSContainer .Box .Right490 .Box {
	margin:0px;
}

#ATMSContainer .Box .Right490 p {
	line-height:1.4em;
	margin:5px 0px;
}
#ATMSContainer .Box .Right490 p strong, .Box .Right490 p b {
	color:#616161;
}
/*50/50*/
#ATMSContainer .Box .LeftHalf {
	position:relative;
	float:left;
	width: 330px;
	padding:0px;
}
#ATMSContainer .Box .RightHalf {
	position:relative;
	width:330px;
	margin-left:350px;
	padding:0px 0px 0px 0px;
}
/*--Add Ons-------*/
#ATMSContainer .Box .AddOns input {
	width:auto;
}
#ATMSContainer .Box .AddOns .Left180 {
	position:relative;
	float:left;
	width: 90px;
	padding:10px 8px 0px 8px;
}
#ATMSContainer .Box .AddOns .Right490 {
	position:relative;
	width:520px;
	margin-left:140px;
	padding:10px 0px 0px 0px;
}
#ATMSContainer .Box .Box .Odd, #ATMSContainer .Box .Box .Even {
	padding:5px 0px;
	text-align:right;
}
#ATMSContainer .Box .Box p {
	padding:0px 5px;
}
#ATMSContainer .Box .Box .Odd {
	background:#fff;
}
#ATMSContainer .Box .Box .Even {
	background:#eee;
}
#ATMSContainer .Box .Box .Type {
	position:relative;
	display:inline;
	float:left;
	padding:0px 5px;
}
#ATMSContainer .Box .Box .Price{
	position:relative;
	display:inline;
	padding:0px 5px;
}
#ATMSContainer .Box .Box .Amount{
	position:relative;
	display:inline;
	padding:0px 5px;
}
#ATMSContainer .Box .Box .Amount select {
	width:43px;
}

#ATMSContainer .Passes, .Member,.Public {
	position:relative;
}

#ATMSContainer .Passes{
	min-height:75px;
}

#ATMSContainer .Member {
	min-height:100px;
}

#ATMSContainer .Member .BuyMembership, .Passes .BuyPass  {
	position:absolute;
	z-index:99;
	background:#000;
	width:100%;
	height:100%;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}
#ATMSContainer .Member .BuyMembershipText, .Passes .BuyPassText{
	position:absolute;
	top:10px;
	left:100px;
	width:250px;
	border:1px solid #fff;
	padding:15px;
	color:#fff;
	background:#000;
	z-index:99;
	text-align:center;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity: 0.75;
	opacity: 0.75;
}
#ATMSContainer .Member .BuyMembershipText a, .Passes .BuyPassText a {
	color:#313131;
}
/*DELETE
.Left .errormessage {
	background:#FFDDDD url(/atms/img/icons/exclamation.png) no-repeat scroll 7px 10px;
	border:1px dashed red;
	font-weight:normal;
	padding:10px;
	text-indent:15px;
}*/
#ATMSContainer .FloatLeft {
	float:left;
}
#ATMSContainer .FloatRight {
	float:right;
}
#ATMSContainer .ClearBoth {
	padding-top:10px;
	clear:both;
}





/*------------------Add Ons ----------*/
#ATMSContainer .Box .Box.AddOn {
	padding-bottom:0px;
	margin:10px;
}
#ATMSContainer .Box .Box.AddOn .Box {
	margin:5px;
	float:right;
}
#ATMSContainer .Box .Box.AddOn .PrimaryAction {
	margin-right:10px;
	clear:right;
}
#ATMSContainer a.Remove {
	position:absolute;
	top:4px;
	right:5px;
	color:#000;
	text-decoration:none;
}
#ATMSContainer a.Remove:hover {
	text-decoration:underline;
}
#ATMSContainer .Box.Terms div{
	height:auto;
}
#ATMSContainer .Box.Terms div div {
    height:auto;
    overflow:auto;
}

#ATMSContainer .Box.Terms input{
	width:auto;
}


#ATMSContainer table {
	margin: 0;
	padding: 0px;
	border-collapse: collapse;
	width: 100%;
}
#ATMSContainer tr {
	padding:3px;
}
#ATMSContainer tr.Odd {
	background:#eee;
}
#ATMSContainer thead {
}
#ATMSContainer th {
	font-weight:normal;
	padding:5px 0px 0px 0px;
	color:#999;
	font-size:0.8em;
}
#ATMSContainer td {
	vertical-align:top;
	text-align:center;
	padding:5px 0px 10px 0px;
}
#ATMSContainer td p {
	padding:0px 0px 5px 0px !important;
	margin:0px !important;
}
#ATMSContainer td.first, th.first {
    padding-left:10px;
}

/*Shopping Cart */
#ATMSContainer .CartCancel {
	width:40px;
}
#ATMSContainer .CartItem {
	text-align:left;
}
#ATMSContainer .CartItem strong {
	font-size:1.2em;
	color:#010101;
}
#ATMSContainer .discount {
	font-style:italic;
	color:#313131;
	padding-top:0px;
}
#ATMSContainer .CartType {
	
}
#ATMSContainer .CartQuantity {
	font-weight:bold;
}
#ATMSContainer .CartPrice {
	
}
#ATMSContainer .CartSurcharge {
	
}
#ATMSContainer .CartTotal {
	font-weight:bold;
	color:#616161;
}
#ATMSContainer .CartTax {
	text-align:right;
	font-size:0.8em;
	color:#999;
	padding:0px 10px;
	font-weight:bold;
}
#ATMSContainer .CartTax strong {
	font-size:1.6em;
	color:#333;
}
#ATMSContainer .CartFinalTotal {
	text-align:right;
	font-weight:bold;
	font-size:1.4em;
	color:#c1c1c1;
	padding:10px;
}
#ATMSContainer .CartFinalTotal strong{
	color:#616161;
}


#ATMSContainer div table .Left {
	font-weight:bold;
	width:auto;
	text-align:right;
	padding:2px 10px;
	width:150px;
}
#ATMSContainer div table .Right {
	text-align:left;
	padding:2px 10px;
}

#ATMSContainer .ButtonArea {
    display:none;
}