/*
	PURCHASE PIPELINE CSS DEFINITIONS
	=============================
	Author:		the white agency
	Born:		25/08/07
	Modified:	
	Project:	Ticketek
	
	Purpose: 	To define all styles for the purchase pipeline
	Dependancy:	ticketekCore.css gdgdggdgd
*/

/* The Body & Overall Shell
======================================================================================  */

img.floatImg {  float:left; margin:0px 10px 5px 0px; }
div.removeButton { padding:20px 0 0 0; width:77px; height:24px; }


#wrapPurchaseBody {
	background: #000000 url(../images/purchaseBodyBg.jpg) top center repeat-x;
}

/* Contains main background with lights and gradients */
#wrapBody,
#wrapBodySmall {
	/*background:url(../images/mainLightingPurchaseBg.jpg) top center no-repeat;*/
	background-color: #000000;
	margin:0 auto;
	text-align:center;
	position:relative;
	min-width:1000px;
	width:100%;
}

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

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


/* MAST HEAD (for overwiting ticketekCore.css - due to slightly carying layout)
======================================================================================  */

#mastHead #mainLogo {
	padding:20px 0px 0px 20px !important;
	float:left;
	width:172px;
	height:70px;
}

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


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

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

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

.detailModule {
	margin-bottom:10px;
}

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

.detailModuleTotalLogin {
	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:#ffffff;
	font-size:1.3em;
}

.detailModuleHeaderLogin {
	background: #00CCFF;
	padding:6px 4px 6px 12px;
	font-weight:bold;
	color:#ffffff;
	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.2em;
	color:#000000;
}
.detailModuleCopy p.iti	{
	color: #ff0099;
	font-weight: bold;
	}

.detailModuleCopyLogin {
	background-color:#000000;
	font-size:1.1em;
	color:#000000;
}

#LoginFrame {
	width: 838px;
	}
	
#LoginLeft {
	width: 450px;
	float: left;
	background-color: #FFFFFF;
	}
#LoginRight {
	width: 300px;
	float: right;
	background-color: #FFFFFF;
	}
.detailModuleCopy ul {
	padding-left:16px;
	margin:0;
}

ul.customerNotesList {
	padding-left:0 !important;
}

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

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

#obstructedNotice { padding:2px 0 5px 2px; clear:both; }
#obstructedNotice input { margin:0 2px 0 0; }

.detailModuleCopy h4 span,
table.eventConfirmTable span,
div.eventAdditionalInfo span,
.eventImportantInfo 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:500px;
	margin-right:10px;	
}

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

div.chooseTickets table td {
	padding-top:8px;
	padding-bottom:8px;
}

.redText {
	color:red;
}

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

div.chooseTickets p { padding: 5px; }

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

th {
	padding:5px;
}

th.whiteTH {
	background-color:white;
}

div.ticketTypes table { background-color:#EAF4FD; }
div.ticketTypes table td {	padding:7px 12px 7px 12px;}

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

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

.rhsExtra img { float:left; margin-right:10px; margin-top:4px; margin-bottom:20px; }

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

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

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

.rhsExtraSmall p { text-align:left; }

div#themeChooser { text-align:center; padding:0 0 10px 0; height:280px; overflow:auto; }
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:839px;
	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;*/}
div.deliveryOptions table tr.altTRrow { background-color: #EFEFEF; /*#E4F2FD;*/ }

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

div#reserveTable table td {
	padding-bottom:3px !important;
}

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


td.td5 { width:5%; }
td.td10, th.th10 { width:10%; }
td.td11 { width:11%; }
td.td15, th.th15 { width:15%; }
td.td20, th.th20 { width:20%; }
td.td25, th.th25 { width:25%; }
td.td30, th.th30 { width:30%; }
td.td32 { width:32%; }
td.td35, th.th35 { width:35%; }
td.td40, th.th40 { width:40% }
td.td42 { width:42%; }
td.td50 { width:50%; }
td.td60, th.th60 { width: 60% }
td.td65, th.th65 { width: 65% }
td.td70, th.th70 { width: 70% }
td.td90 { width:90px; }
td.td110 { width:110px; }
td.td165 { width:165px; }
td.td560 { width:560px; }

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

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

/* The additional styles here (inputVeryShort, inputMedium, inputLarge) are so that the account details control will work */
input.inputTiny { width:60px; }
input.inputVeryShort,
input.inputShorter { width:90px; }
input.inputShort { width:150px; }
input.inputMedium,
input.inputMed { width:200px; }
input.inputLarge,
input.inputLong { width:300px; }

input.otherCountry { width:150px; }

select.selectState { width:70px; }

select.selectCountry { width:120px; }

textarea.textAreaWide { width:467px !important; }

.textAreaCharactersRemaining
{
	width: 470px;
	text-align: right;
}

label.phoneLabel {
	margin-top: 14px !important;
}

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

div.reserveSmallForm {
	float:left;
	width:600px;
	padding-top:7px;
}

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;*/ background-color: #EFEFEF; width:100%; table-layout:fixed; font-size: 1.1em; }
table.eventConfirmTable th { text-align: left; }
table.eventConfirmTable th.alignRight { text-align: right; }
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; 
}

table.eventConfirmTable tr.firstRowBg strong	{
	font-size: 1.1em;
	}
div.eventAdditionalInfo {
	background-color: #EFEFEF; /*CCE7FC;*/
	border-bottom:1px solid #ffffff; 
	padding:6px;
}

.alignCenter { text-align:center; }


.eventImportantInfo h4
{
	font-size: 1.45em;
	margin: 0;
	margin-bottom: 10px;
}

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

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

.personalLeft td.ccCell label {
	font-weight:normal;
	margin-top: -17px;
	padding: 0px 0px 0px 25px;

}

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

.confirmBlurb {
	float:left;
	width:520px;
	padding-right:10px;
}

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

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

/* join login */
.joinLoginInfo {
	float:left;
	width:450px;
	padding:10px 10px 10px 4px;
}

/* join login */
.joinLoginInfoLogin {
	padding:10px 10px 10px 10px;
	height: 225px;
}


.loginOrJoin {
	float:right;
	width:300px;
}

.loginOrJoin input.loginFields {
	width:160px;
}

.loginOrJoin h4 {
	/*background:#375F95 url(../images/eventTableTRBg.gif) top left repeat-x;*/
	background: #00CCFF;
	color:#ffffff;
	margin:0px;
	padding:4px 4px 4px 15px;
	font-size:1.1em;
}

.loginContent {
	padding:10px 10px 10px 15px;
	background-color:#FFFFFF;
}

.loginContent ul {	
	margin:5px 0 10px 0;
	list-style-type:none;
	padding:0;
}

.loginContent ul li {	
	background:url(../images/listArrowBlue.gif) no-repeat;
	background-position:1px 4px;
	padding:1px 0 1px 10px;
	margin:0;
}


#showSummary { margin-left: 308px; }

/* $8 - Unique Forms
============================================================================== */
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; }


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

#wrapFooter {
	min-width:1000px;
	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;
}

#myBasket 
{
    padding: 4px 0 0 0;
}

/* Upsell tags */
.upsellTable { background-color: #000000; width: 838px; margin-bottom: 10px; margin-top: 5px; }
.upsellHeaderText { background-color: #00CCFF; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 5px; text-align: left; width: 838px; margin-bottom: 50px; }
.upsellHeader { background-color: #00CCFF; color: #FFFFFF; font-size: 14px; font-weight: bold; padding: 5px; text-align: left; width: 838px; border-top: 3px solid #000000; }
.upsellTdImg { width: 10%; background-color: #FFFFFF; }
.upsellTdImg img { border: 1px solid #000000; }
.upsellTdInfo { vertical-align: top; text-align: left; width: 75%; background-color: #FFFFFF; font-size: 1.2em; }
.upsellTdBuy { vertical-align: bottom; padding-bottom: 5px; text-align: right; background-color: #DDDDDD; width: 15%; background-color:#FFFFFF; }
.upsellInfoTitle { font-weight: bold; width: 100%; }
.upsellInfoText { width: 100%; }
.upsellShowHeader { font-weight: bold; color: #FF0099; }
.upsellTdContinue { width: 838px; border-top: 3px solid #000000; text-align: right; }
.upsellTdContinue A { color: #FFFFFF; font-weight: bold; }

/* Ticket Insurance
===========================*/
.addInsurance
{
    border: solid 1px #000; 
    border-top: none; 
    font-size: inherit;
    height: 135px;
}
.addInsurance .amount
{
    margin: 0 15px 0 0;    
}
.addInsurance .insLeft
{
    float: left;
    width: 620px;     
    margin: 10px;
}
.addInsurance .insRight
{
    float: right;    
    margin: 60px 5px 0 0;
    height: 50px;
}
.detailModuleHeaderInsurance {
	background: #000;
	padding:6px 4px 6px 12px;
	font-weight:bold;
	color:#ffffff;
	font-size:1.2em;
}
/* Speciaal voor de telegraaf / Soldaat van Oranje download */
.telegraafdownload {
visibility:hidden;
}