﻿/* General styles */

	/* Bookings content holder */
		div.bookings_content
		{
			width: 90%;
			clear: both;
			margin-left: 5%;
		}
		

	/* Top-level actions associated with the page */
		div.page_actions{

			text-align: right;
			padding: 1em;

		}

		div.page_actions a, div.page_actions a:visited{            
			background-color: #FFFFFF;
			margin: 0;
			padding: 2px 4px 2px 4px;
			color: #778888;
			text-decoration: none;
			font-weight: bold;
		}

		div.page_actions input{
			font-weight: bold;
			border: 0px;
			width: 7em;
			cursor: hand;
		}



/*
*	Title on bookings pages
*/
h1.bookings_title
{
}
/*
*	Bookings Navigation styles
*/

	div.booking_nav
	{
		width: 100%;
		
	}

	ul.booking_navigation
	{
		margin: 0;
		padding: 0;
		font-size: 1em;
		font-weight: normal;
		width: 100%;
		list-style: none;
	}

	ul.booking_navigation li
	{
		display: block;
		float: left;
		width: 33%;
		margin:0;
		padding: 0;
		list-style: none;
	}

	ul.booking_navigation li a{
		background: url(/res/templates/images/menu_toplevel.gif) no-repeat scroll 0pt 0pt;
		padding-left: 22px;
		display: block;
	}
	ul.booking_navigation li span{
		background: url(/res/templates/images/menu_toplevel.gif) no-repeat scroll 0pt 0pt;
		padding-left: 22px;
		display: block;
	}


	ul.booking_navigation li ul
	{
		font-weight: normal;
		font-size: 0.8em;
		margin-left: 1.2em;
		

	}

	ul.booking_navigation li ul li
	{
		float: none;
		width: 100%;
	}


	/* Link styles */
	ul.booking_navigation a, ul.booking_navigation a:visited
	{
		text-decoration: none;
	}

	ul.booking_navigation a:hover
	{
		text-decoration: underline;
	}

	/* Active styles */

	ul.booking_navigation li.active a, ul.booking_navigation li.active span,
	ul.booking_navigation li.active ul li.active a,ul.booking_navigation li.active ul li.active span
	{
		color: #a71c20;
		font-weight: bold;
	}

	ul.booking_navigation li.active ul a, ul.booking_navigation li.active ul span
	{
		color: #373737;
		font-weight: normal;
	}

/*
*	Basket Page Styles
*/
	div.basket{

	}

	/* R-H actions lists */
		div.basket ol.actions{
			float: right;
			display: block;
			width: 22%;
			list-style: none;
			text-align: right;
			margin: 0;
			padding: 0;
			margin-right: 1em;
		}
		div.basket ol.actions li{
			margin-bottom: 0;
		}





	/*
	*   Course list styling
	*/
		div.basket div.basket_course{
			border-top: 1px solid #a71c20;            
			margin-bottom: 2em;
		}    

		div.basket div.course_header
		{
			float: left;
			background-color: #ECF0F2;
			border: 0px;
			border-bottom: 1px solid #a71c20;
			padding-top: 1.5em;
			padding-bottom: 1.5em;
			clear: both;
			width: 100%;
		    
		}

		div.basket div.course_header h2{
			float: left;
			margin: 0;
			margin-left: 0.5em;
			clear: none;
			width: 70%;
			font-size: 1.1em;
			color: #373737;
		}


	/*  events list styling */
		div.events{
			margin-left: 5%;
			width: 95%;            
		}



		/*	event style */
			div.events div.event{
				clear: both;
				border-bottom: 1px solid #a71c20;
				padding-top: 0em;
			}

			div.event div.event_basket_line{
				padding-top: 1em;
				clear: both;
			}

			div.event div.event_basket_line h3{
				float: left;
				width: 18%;
				margin: 0;
				color: #373737;
			}

			div.event div.event_basket_line div.detail{
				float: left;
				display: block;
				width: 57%;
			}

			/* Delegate Management */
			div.delegate_management table{
				width: 100%;
				margin-bottom: 1.5em;
			}

			div.delegate_management table thead{
				display: none;
			}


			div.delegate_management input{
				width: 4em;
				border: 0;
			}





/* BOOKING INFORMATION STYLES */

       
/*
    booking information styles
    
*/

	div.booking_information{

	}

	div.booking_information h2
	{
		color: #a71c20;
	}

	div.booking_information h3
	{
		color: #a71c20;
	}

	div.booking_information div.page_actions input
	{
		width: 11em;
	}

	/*
	Booking summary table
	*/

	table.booking_summary
	{
		clear: both;
		width: 100%;
		font-size: 1em;
		padding: 0;
		margin: 0.2em 0 0 0;
		border-collapse: collapse;
		empty-cells: show;
		border-bottom: 1px solid #a71c20;
	}

	table.booking_summary thead.hidden{
		display: none;
	}  

	table.booking_summary th, table.booking_summary td
	{
		font-size: 1em;
		text-align: left;
		padding: 0.4em 0.2em 0.5em 0.2em;
		margin: 0;
		border-top-width: 1px;
		border-top-style: solid;
		cursor: default;
	}

	table.booking_summary th 
	{
		font-weight: bold;
		border-top-width: 0;
		color: #a71c20;
		
	}

	table.booking_summary tbody tr.altResult{
		background-color: #ECF0F2;
	}

	table.booking_summary th, table.booking_summary td { border-top-color: #a71c20; }
	table.booking_summary tr.hover td { background-color: #f0f0f0; }

	table.booking_summary th.price
	{
		width: 7em;
	}


	/* totals */
		div.totals{
			clear: both;
			float: left;
			width: 100%;
			margin-top: 1em;
		}
		div.totals p{
			width: 22em;
			float: right;
			clear: both;
		}
		div.totals p strong{
			width: 14em;
			text-align: right;
			display: block;
			float: left;
		}

		div.totals p span{
			margin-left: 1em;
			width: 7em; 
			display: block;           
			float: left;
		}

	/* Promo codes */

		.promotion_code_entry{
			clear: both;
			float: left;
			width: 100%;
		}

		.promotion_code_entry strong
		{
			display: block;
			width: 30%;
			float: left;
		}

		.promotion_code_entry span
		{
			display: block;
			width: 50%;
			float: left;
		}

		.promotion_code_entry span input.apply_button
		{
			width: 5em;
			border: 0px;
		}

		div.applied_promotion_codes{
			float: left;
			width: 100%;
		}

		div.applied_promotion_codes p{
			display: block;
			width: 30%;
			float: left;
			font-weight: bold;
		}

		div.applied_promotion_codes ul
		{
			margin: 0;
			display: block;
			width: 50%;
			float: left;
			padding-left: 2em;
		}
		
		div.applied_promotion_codes ul li div
		{
			display: inline;
			width: 15em;	
		}


		/* OTHER DETAILS */

			div.detail_row{
				float: left;
				width: 100%;
				margin-bottom: 1em;

			}

			div.detail_row p strong{
				display: block;
				width: 30%;
				float: left;
			}

			div.detail_row p span
			{
				display: block;
				width: 65%;
				float: left;
				padding-left: 0;
				margin-left: 0;
				margin-bottom: 0;
				list-style-type: none;
			}

			div.detail_row p span input,div.detail_row p span textarea
			{
				width: 90%;
			}
						
			div.cardPaymentRadio p span
			{
				width: 65%;
			}
			
			div.cardPaymentRadio p span label
			{
				width:auto;
				margin:0 1em 0 0;
				color:#373737;
				font-size:1em !important;
			}
			
			div.cardPaymentRadio p span input
			{
				width:2em;
				float:left;
				border: 0;
			}
			
			div.cardPaymentRadio p span br
			{
				display:none
			}

			div.terms_row{
				width: 100%;
				float: left;
			}
			div.terms_row input{
				width: auto;
				border: 0;
			}

			div.buttons input{
				margin-top: 2em;
			}
			

			
	/* Ts & Cs on order confirmation page */

        .terms_and_conditions{
            font-size: 0.9em;
        }			
        
        
        .order_information
        {
			padding-top: 2em;
			clear: both;
        }
        
        .order_information p
        {
			display: block;
			width: 100%;
			float: left;
			
        }
        
	   .order_information p strong
	   {
			display: block;
			width: 50%;
			float: left;
	   }
	   
	   .order_information p span
	   {
			display: block;
			width: 49%;
			float: left;
			padding-left: 0;
			margin-left: 0;
			margin-bottom: 0;
	   }
