/*
	TICKETEK 2007 CSS DEFINITIONS
	=============================
	Author:		the white agency
	Born:		05/09/07
*/

/* $1 - The Body & Overall Shell
======================================================================================  */

html, body { margin:0; padding:0; }

body {
	font:62.5%/1.4 Arial, Helvetica, sans-serif;
	background:#008aff url(../images/purchaseBodyBg.jpg) top center repeat-x;
	text-align:left;
}

input, select {
	margin:0;
	padding:0;
}


/* Contains main background with lights and gradients */
#wrapBody,
#wrapBodySmall {
	background:url(../images/mainLightingPurchaseBg.jpg) top center no-repeat;
	text-align:left;
	position:relative;
	min-height:680px;
	height:auto !important;
	height:680px;
	margin:0;
}

#ContentShellSmall {
	width:950px;
	text-align:left;
	margin:0 auto;
	padding:0 0 35px 0;
}

* html #ContentShellSmall { width:687px; }

#ContentShellSmall ol { padding:0; margin:0; padding-left:22px;}
#ContentShellSmall ol li {padding-left:0;}

/* MAST HEAD
======================================================================================  */

#mastHead {
	width:auto;
	padding:1px 0 0 0;
	margin:0;
}

#mastHead #mainLogo {
	padding:20px 0px 0px 20px;
	width:172px;
}

#sessionTimeDiv {
	height:18px;
	clear:both;
	color:#ffffff;
	font-size:1.1em;
	padding:0px 0px 5px 45px;
}

#sessionTimeDiv a {
	color:#ffffff;
}

#sessionTimeDiv img {
	float:left;
	margin:-1px 3px 0 0;
}

#sessionTimeDiv span {
	color:#ffd41f;
}

/* TRAFFIC PAGES */
#trafficContent {
	background:#008aff url(../images/trafficLightsBg.jpg) top left no-repeat;
	width:632px;
	margin:40px 0 0 15px;
	padding:12px;
}

#trafficContent h3 {
	color:#ffd41f;
	font-size:1.2em;
	margin:0 0 10px 0;
}

.globalNotice {
	font-size:1.1em;
	background-color:#08428B ;
	padding:15px;
	border:1px solid #5D81B1;
	color:#ffffff;
}

.globalNotice h3 {
	color:#ffd41f;
	font-weight:bold;
	font-size:1.2em;
}

.globalNotice span {
	color:#ffd41f;
	font-weight:bold;
}

#trafficContent a {
	color:#ffd41f;
}

/* PIPELINE
======================================================================================  */

#pipeLineContent {
	/*background:#008aff url(../images/pipelineContentBg.jpg) top left no-repeat;*/
	background:#000000;
	width:636px;
	margin:0px 0 0 15px;
	padding:12px 8px 8px 8px;
}

#pipeLineContent h3 {
	color:#00CCFF;
	font-size:1.5em;
	/*background:url(../images/purchaseH3Line.gif) bottom left no-repeat;*/
	margin:5px 0 10px 0;
	padding:0 0 3px 0;
}

.detailModule {
	margin-bottom:10px;
}

.detailModuleTotal {
	margin-top:-9px;
	margin-bottom:10px;
}

.detailModuleHeader {
	/*background:#f4cd2d url(../images/detailModuleHeaderBg.gif) top left repeat-x;*/
	background: #00CCFF;
	padding:6px 4px 6px 12px;
	font-weight:bold;
	color:#0f3f81;
	font-size:1.3em;
}

.detailModuleHeaderBlue {
	/*background:#0b2f6d url(../images/detailModuleHeaderBg2.gif) top left repeat-x;*/
	background: #00CCFF;	
	padding:6px 4px 6px 12px;
	font-weight:bold;
	color:#ffffff;
	font-size:1.3em;
}

.detailModuleCopy {
	padding:12px;
	background-color:#ffffff;
	font-size:1.1em;
	color:#000000;
}

.detailModuleCopy ul {
	padding-left:16px;
	margin:0;
}

.detailModuleCopy h4 {
	color:#0f3f81;
	font-size:1.3em;
	margin:0 0 8px 0;
	padding:0;
}

.detailModuleCopy h4 span,
table.eventConfirmTable span {
	color:red;
}

.detailModuleCopy a { color:#0f3f81; }

.detailModuleCopy p {
	margin:0px 0px 10px 0px;
	padding:0;
}

td.ccCell input {
	margin:0 !important;
	padding:0 !important;
}

td.ccCell { padding:2px;}
* html td.ccCell { padding:0; }

div.chooseTicketsOuter  
{
	float:left;
	width:330px;
	margin-right:10px;
}

div.chooseTickets {
	margin-top:10px;
}

.redText {
	color:red;
}

div.chooseTickets table,
div.ticketTypes table { width:100%; }

div.ticketTypes {
	float:left;
	width:260px;
	margin-top:10px;
}

th {
	padding:5px;
}

th.whiteTH {
	background-color:white;
}

div.ticketTypes table { background-color:#EAF4FD; }

/*delivery*/
.deliveryOptions table td { vertical-align:top; }
.deliveryOptions input.borInput { margin-top:3px; border:none; }

/* reserve */
#reserveBlurb { float:left; width:340px; }
#reserveBlurb img,

.rhsExtra img { float:left; margin-right:10px; margin-top:4px; margin-bottom:20px; }
.rhsExtra { 
	width:190px;
	float:right;
	background:#ffffff url(../images/timeLeftBg.gif) top left repeat-y;
	margin-right:10px;
	padding:10px 20px 10px 10px;
}

.rhsExtraSmall {
	width:120px;
	float:right;
	background:#ffffff url(../images/timeLeftBgSmall.gif) top left repeat-y;
	margin-right:10px;
	padding:10px 20px 10px 20px;
	text-align:center;
}

.rhsExtraSmall img {
	float:none;
	margin-bottom:10px;
}

.rhsExtraSmall p { text-align:left; }

div#themeChooser { text-align:center; padding:0; height:280px; overflow-y:scroll; }
div#themeChooser img { border:1px solid #ffffff; float:none !important; margin:6px 0 6px 0 !important;}
div#themeChooser input {float:none; border:none;}

div#continueBar {
	width:636px;
	height:57px;
	/*background:#6cbcff url(../images/continueBar.jpg) top left no-repeat;*/
	background: #000000;
	position:relative;
	margin-top:-10px;
	clear:both !important;
}

input.backButton { position:absolute; top:13px; left:13px; }
input.continueButton { position:absolute; top:13px; right:13px; }
img#printButton { position:absolute; top:13px; right:75px; }
img#homeButton { position:absolute; top:13px; right:13px; }

/* TABLES */

table td table td { padding:0; }
table td { padding:5px; }
div.chooseTickets table tr.altTRrow { background-color: #EFEFEF; /*#E4F2FD;*/ }

table#reserveTable {
	background-color:#E1F1FE;
	width:100%;
	margin:10px 0 0 0;
	padding-bottom:10px;
}

td.td10 { width:10%; }
td.td16 { width:16%; }
td.td42 { width:16%; }
td.td32 { width:32%; }

td.td30 { width:30%; }
td.td25 { width:25%; }
td.td19 { width:19%; }
td.td11 { width:11%; }
td.td15 { width:15%; }

table#reserveTable img {
	float:none;
	margin:0 4px 0 0;
	vertical-align:middle;
}

table#reserveTable textarea, div.reserveSmallForm textarea { width:300px }
table#reserveTable td { vertical-align:top; }
table#reserveTable input.emailLong { width:300px; }

table#reserveTable td.tdlabel {
	text-align: right;
}

div#reserveBg {
	background-color:#E1F1FE;
	border-top:1px solid white;
}

div.reserveSmallForm {
	float:left;
	width:402px;
}

div.selectATheme {
	float:right;
	width:200px;
	background-color:#C5E5FE;
}

div.selectATheme p {
	border-bottom:1px solid white;
	padding:10px 0px 10px 15px;
}


/* payment */
table.eventConfirmTable { background-color:#CCE7FC; width:100%; table-layout:fixed; }
table.eventConfirmTable td { border-bottom:1px solid #ffffff; vertical-align:top; padding:6px; }
table.eventConfirmTable tr.firstRowBg { 
	/*background:#365E95 url(../images/eventTableTRBg.gif) top left repeat-x; */
	background-color: #000000;
	color:#ffffff; 
	font-weight:bold; 
}

.totalInfo { float:left; }
.totalBox { float:right; text-align:right; }
.totalBox h4,
.totalPayment h4 {
	font-size:1.6em;
}

.totalPayment { text-align:center; }
.totalPayment h4 { margin-top:20px; margin-bottom:10px; }

.totalBox hr {
	margin:0;
	padding:0;
	background-color:#008AFF;
	color:#008AFF;
	border:none;
	height:1px;
}

.totalBox table td {
	padding:2px;
}

.personalLeft {
	float:left;
/*	white-space:330px;*/
}

.personalLeft td label {
	font-weight:bold;
	margin:3px 0;
	height: 15px;
	display: block;
	zoom: 1;
	*display: inline;
	_height: 15px;
}

.personalLeft td.ccCell label {
	font-weight:normal;
	margin:0;
	display:inline;
	padding: 0px 4px 0px 2px;
	zoom: 1;
}

#banner468 { 
	padding:10px 0 15px 0;
	text-align:center;
}

.confirmBlurb {
	float:left;
	width:300px;
}

.confirmPromo {
	float:right;
	width:250px;
}

.confirmPromo .rhsExtra {
	float:none;
}

.confirmPromo ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

.confirmPromo li {
	background:url(../images/listArrowBlue.gif) no-repeat;
	background-position:1px 7px;
	display:block;
	padding:3px 0 3px 10px;
}


div.rowStrip { background-color:#ffffff; }
div.rowStripAlt { background-color:#f1f8fe !important; }

div.rowStrip,
div.rowStripAlt {
	margin:0;
	padding:10px 3px 10px 3px;
	border-bottom:1px solid white;
}

div.rowStrip input,
div.rowStripAlt input {
	border:none;
	margin:0 10px 0 0;
	float:left;
}
/* FORMS */
input.borInput,
textarea.borInput {
	border:1px solid #0d316d;
	padding:3px;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
}


input[type="checkbox"] {
	border:none !important;
}

input[type="radio"] {
	border:none !important;
}

textarea { font-size:1.1em; }
select.longSelect { width:250px; }
select.shortSelect { width:70px; }


/* Commons */

img.floatImg {  float:left; margin:0px 10px 5px 0px; }
img, img a { padding:0; margin:0; border:none; }
a { text-decoration:underline; }
a:hover { text-decoration:none; }

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* The Footer
======================================================================================  */

#wrapFooter {
	width:100%;
	text-align:center;
	font-size:1.1em;
	background-color: #000000;
	color:#0f3f81;
	padding:0px 0px 20px 0px;
	clear:left;
	height:100%;
}

#footerAdSegment {
	background:#d6ecff url(../images/footerShadowTop.jpg) top left repeat-x;
	width:100%;
	text-align:center;
	padding:15px 0px 15px 0px;
}

#footerContent {
	width:980px;
	margin:0 auto;
	text-align:center;
}

#footerNav {
	background-color:#eef5fb;
	padding:10px 0px 10px 0px;
}

#footerNav li {
	display:inline;
	padding:0px 0px 0px 3px;
}

#footerNav li a {
	color:#0f3f81;
	padding:0px 3px 0px 0px;
	text-decoration:none;
}

.confirmationImage
{
	padding:10px 0 15px 0;
	text-align:center;
}