/*	
	======================================================================

	public.css

	======================================================================
	Copyright 2006, SAMS
	======================================================================
*/


/* ----------------------------------------------------
   DOCUMENT
   ---------------------------------------------------- */

body, td, th, p, li {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 12pt;
	color: #444;
}

body {

	padding: 0px;
	border: 0px;

	background-image:  none;
	background-color: #C3D49B;

	text-align: center; 
	margin: 0px auto;
}

body, html {

	height: 100%;
}


/* ----------------------------------------------------
   WRAPPER DIVs
   ---------------------------------------------------- */

	#wrapper {
	
		margin-top: 40px;
		margin-bottom: 40px;
		margin-left: 0px;
		margin-right: 0px;
	}


/* ----------------------------------------------------
   CONTENT DIVs
   ---------------------------------------------------- */

	#content {
	
		text-align: center;
		margin: 0px auto;
		width: 867px;
		background-image:  url('/images/paisley.jpg');
		background-repeat: repeat-y;
		background-color: #1D91B2;
		z-index: 1;
		padding: 0;
		border: 0;
	}

	#topBanner {
	
		width: 867px;
		height: 34px;
	}
	
	#contentArea {

		text-align: center;
		margin: 0px auto;
		width: 867px;
		background-image:  url('/images/content-bg.gif');
		background-repeat: repeat-y;
		background-color: transparent;
		z-index: 1;
		padding: 0;
		border: 0;
	}
	
	#navigation {
	
		width: 193px;
		float: left;
		text-align: center;
	}
	
	#bodyContent {
	
		padding-top: 35px;
		padding-bottom: 30px;
		padding-left: 0px;
		padding-right: 75px;
		text-align: left;
		width: 540px;
		float: right;
		color: #444;
	}
	
	#ticketingMenu {
	
		font-size: 9pt;
		line-height: 10pt;
		padding-top: 3px;
		padding-bottom: 3px;
		padding-left: 8px;
		padding-right: 3px;
		color: #1D91B2; /* light blue */
		background-color: #225179; /* medium blue */
	}
	
	.ticketingMenuSelected {
	
		color: #FFF;
	}
	
	#titleDiv {
	
		padding-top: 0px;
		padding-bottom: 30px;
		padding-left: 0px;
		padding-right: 0px;
	}
	
	#footer {
	
		margin-top: 4px;
		margin-bottom: 18px;
		margin-left: 0px;
		margin-right: 8px;
		text-align: right;
		font-size: 8pt;
		line-height: 18pt;
		color: #FFF;
	}
	
	.navLink {
	
		color: #FFF;
		font-size: 14pt;
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 0px;
		padding-right: 0px;
	}

	.navLinkSelected {
	
		text-decoration: underline;
	}	
	
	.navigationButton_spacer {
	
		height: 30px;
		text-align: center;
	}

	#leftColumnAboutText {
	
		color: #FFF;
		font-size: 9pt;
		line-height: 10pt;
		padding: 25px;
	}

	.clearDiv {
	
		clear: both;
	}


/* ----------------------------------------------------
   LINKS
   ---------------------------------------------------- */

	/* body links are bold */

#bodyContent a {

	font-weight: bold;
}

	/* basic links */

a:link, a:visited { 

	color: #225179; 
	text-decoration: underline;
}

a:hover {

	color: #229922; 
	text-decoration: underline;
}

a:active {

	color: #229922; 
	text-decoration: none;
}

	/* no underline links */

a.noUnderline:link, a.noUnderline:visited { 

	color: #225179; 
	text-decoration: none;
}

a.noUnderline:hover {

	color: #225179; 
	text-decoration: underline;
}

a.noUnderline:active {

	color: #229922; 
	text-decoration: underline;
}

	/* nav links */

.navLink a:link, .navLink a:visited { 

	color: #FFF; 
	text-decoration: none;
}

.navLink a:hover {

	color: #FFF; 
	text-decoration: underline;
}

.navLink a:active {

	color: #008; 
	text-decoration: underline;
}

	/* white links */

.whiteLink a:link, .whiteLink a:visited { 

	color: #FFF; 
	text-decoration: none;
}

.whiteLink a:hover {

	color: #FFF; 
	text-decoration: underline;
}

.whiteLink a:active {

	color: #008; 
	text-decoration: underline;
}

	/* event ticket links */

.eventTicketInfo a:link, .eventTicketInfo a:visited { 

	color: #FFF; 
	text-decoration: none;
}

.eventTicketInfo a:hover {

	color: #FFF; 
	text-decoration: underline;
}

.eventTicketInfo a:active {

	color: #008; 
	text-decoration: underline;
}

	/* footer links */

#footer a:link, #footer a:visited { 

	color: #FFF; 
	text-decoration: none;
}

#footer a:hover {

	color: #FFF; 
	text-decoration: underline;
}

#footer a:active {

	color: #000; 
	text-decoration: underline;
}

/* ----------------------------------------------------
   HELP
   ---------------------------------------------------- */

#help, #eventHelp {

	display: none;
	border: 1px solid #004;
	background-color: #CCF;
	margin: 10px;
}

#helpTitle {

	font-size: 12pt;
	font-weight: bold;
	color: #FFF;
	background-color: #004;

	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#helpBody {

	padding: 20px;
}

#showHelp {

	display: block;
}


/* ----------------------------------------------------
   BODY TEXT BASICS
   ---------------------------------------------------- */

.eventImage {

	border: 0px;
	padding-top: 0px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	margin: 0px
}

.purchaseTicketsButton {

	padding-top: 10px;
	padding-left: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
}

.selectedNav {

	color: #C25D45;
	background-color: #FFF59B; 
}

.pageTitle {

	color: #225179; /* medium blue */
	font-size: 20pt;
	line-height: 24pt;
}

.pageSubtitle {

	color: #888;
	font-size: 10pt;
	font-style: italic;
}

.header {

	color: #225179;
	font-size: 12pt;
	font-weight: bold;
}

.subheader {

	color: #225179;
	font-size: 11pt;
	font-style: italic;
}

.step {

	color: #225179;
}

.stepDimmed {

	color: #CCC;
}

.small {

	font-size: 9pt;
}

.verticalBar {

	color: #225179;
}

.indented2em {

	padding-left: 2em;
}

.tinyItalicNote {

	font-size: 9pt;
	font-style: italic;
}

.veryTinyNote {

	font-size: 8pt;
}

.veryTinyItalicNote {

	font-size: 8pt;
	font-style: italic;
}

.eventTicketInfo {

	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	color: #FFF;
	border: 1px solid #225179;
	background-color: #1D91B2;
	float: left;
	margin: 0px;
	font-size: 9pt;
}

.linkButton {

	font-size: 9pt;
	color: #FFF;
	background-color: #1D91B2;
	border: 1px solid #225179;
	padding: 0px;
}

.submitButton {

	font-size: 9pt;
	color: #FFF;
	background-color: #1D91B2;
	border: 1px solid #225179;
	padding: 0px;
}

.cancelButton {

	font-size: 9pt;
	color: #225179;
	background-color: #DDD;
	border: 1px solid #225179;
	padding: 0px;
}

input, select, textarea {

	font-size: 9pt;
	color: #FFF;
	background-color: #1D91B2;
	border: 1px solid #225179;
	padding: 2px;
}

.smallInput {

	font-size: 8pt;
	padding: 1px;
}

p.thinSpaceBetween {

}

p.thinSpaceBetween + p.thinSpaceBetween {

	margin-top: 6px;
}

.blue {

	color: #225179;
}


/* ----------------------------------------------------
   TABLES
   ---------------------------------------------------- */

.dataTable_row_header {

	background-color: #225179;
}

.dataTable_cell_header {

	font-size: 10pt;
	font-weight: normal;
	color: #FFF;
	padding-top: 3px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	border: 1px solid #FFF;
	text-align: left;
}

.dataTable_row_totals {

	background-color: #FFF;
}

.dataTable_cell_totals {

	font-size: 10pt;
	font-weight: normal;
	color: #225179;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 1px;
}

.dataTable_label {

	color: #225179;
	font-size: 10pt;
	font-weight: bold;
	padding: 4px;
	text-align: right;
}

.dataTable_cell_data {

	font-size: 10pt;
	padding: 4px;
}

.dataTable_oddRow {

	background-color: #DDD;
}

.dataTable_evenRow {

	background-color: #FFF;
}

/* ----------------------------------------------------
   MESSAGES
   ---------------------------------------------------- */

#messageContainer {

	display: block;
}

#messageHeader {

	width: 516px;
	text-align: left;
	color: #FFF;
	border: 1px solid #000;
	margin: 0;
	padding: 2px;
	font-size: 9pt;
	line-height: 9pt;
	background-color: #225179;
}

#messages {

	width: 510px;
	text-align: center;
	border-top: 0;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	margin: 0;
	padding: 5px;
	font-size: 10pt;
	background-color: #1D91B2;
}

.goodMessage {

	color: #FFF;
}

.badMessage {

	color: #FFF;
}