@charset "utf-8";

/* 	-----------------------------------------------------------
	
		ASICS Styling 
		= = = = = = = = = = = = = = = = = = = =
		PAGE: Tech Tour Individual Tour
	
	-----------------------------------------------------------*/

@import "modules/contextual_content.css";

#page-title {width:923px; height:125px; background: transparent url(/img/techtours/bg_indiv_tour.jpg) top left no-repeat; border-bottom: none;}
	#page-title h1 { margin-top: 0; padding:16px 13px 5px;}

#main-content { background: transparent url(/img/techtours/bg_indiv_tour.jpg) 0 -125px no-repeat;
		/* Overrides value in master.css !!! */
		padding: 0  0 0 0px; }

#contextual-content { margin-top: 10px; }

/* 	--------------------------	Basic details	-------------------------- */

#event-featured { width: 690px; float: left; display: inline; padding-bottom: 10px; margin: 5px 0 0px 0;  background: transparent url(/img/horiz_divider.png) bottom left repeat-x; }

	#event-featured h4 { font-weight: normal; font-size: 2.6em; line-height: 1.2em; margin-bottom: 5px; padding-bottom: 15px; padding-left: 10px; letter-spacing: 1px; background: transparent url(/img/horiz_divider.png) bottom left repeat-x; }
	#event-featured h5 { font-weight: normal; height: 10px; font-size: 1.1em; line-height: 1em; margin-bottom: 20px; margin-left: 10px; padding-top: 15px; text-transform: uppercase; color: #444; }
		#event-featured h5.date { height: 15px; font-size: 1.8em; text-transform: none; padding-top: 10px; color: #000; }
		#event-featured #details { width: 544px; float: left; margin-left: 143px; margin-top: 5px; background: url(/img/techtours/details_bg_lines.png) 0px 0px repeat-y; }
	
	#details .detail { width: 154px; float: left; margin-bottom: 10px; }
		#details .detail h5 {margin-bottom: 10px;}
			.detail.registered h5 	{ margin: 15px 0 0 0!important; padding: 0 0 0 10px !important; border-left: 4px solid #ade76a; }
			.detail.registered p 	{ margin: 0px 0 0 0!important; padding: 10px 0 0 10px !important; border-left: 4px solid #ade76a; line-height: 1em !important; }
			
		#details .detail p { margin-left: 10px; font-size: 1.8em; line-height: 1.33;}
		#details .detail .address {font-size: 1.2em; line-height: 1.33;}
		#details .printer { width: 50px; float: left; }
			#details .printer a { display: block; width: 18px; height: 17px; float: right; overflow: hidden; text-indent: -9999px; background: transparent url(/img/techtours/printer-icon.png) top left no-repeat; margin-top: 10px; }


/* 	--------------------------	Map and Schedule	-------------------------- */

#event-extended {width: 690px; float: left; background: transparent url(/img/horiz_divider.png) bottom left repeat-x; padding-bottom: 1px; }
	#event-extended p { font-size: 1.2em; margin-bottom: 1em; }
	#event-extended .intro { color: #999; font-size: 1.4em; line-height: 1.2em; }
	#event-extended	.left_col .special { color: #82b746; font-size: 1.2em; }
	#event-extended	.left_col h4 { font-size: 1.4em; font-weight: bold; }
	#event-extended .right_col { width: 350px; }

	.left_col {width: 293px; float: left; margin: 10px 0 0 7px;}
	.right_col {width: 308px; float: left; margin: 0; padding:0 0 0 15px; background: #f9f9f9 url(/img/techtours/bg_rtcol.png) -5px 0 repeat-y;}



/* LEFT COLUMN */

	/* STATE: User has done nothing */
		#reservation_times { border-bottom: 1px solid #eaeaea; float:left; display:inline; width:293px; overflow: hidden;}
			.hour { border-top: 1px solid #eaeaea; margin-left:-8px; margin-bottom:6px; padding-top: 8px; overflow: hidden; float:left; display:inline; width:293px; }
			.hour li {display:inline; font-size:1.2em; line-height: 1.1; font-weight: bold; padding:0px 3px 0 8px; background: transparent url(/img/techtours/bg_hour_divider.png) top left no-repeat;color:#dddddd;}
			.hour li span {color: #dddddd;}

	
	/* STATE: User chose time */
	
	#complete_reservation { background: transparent url(/img/techtours/arrow-right.png) 230px 2px no-repeat; }
	#completed_reservation p, #complete_reservation p {font-size:1.4em; line-height: 1.45; margin-bottom:.5em;}
		#completed_reservation p.special { margin-top: 20px; margin-bottom: 20px; }
		#completed_reservation p.special.nomargin { margin-top: 0px; margin-bottom: 20px; }
		#completed_reservation p.print_page { font-weight: bold; }
	#completed_reservation .time, #complete_reservation .time {font-size: 2.2em; font-weight: bold; margin-bottom: 0; line-height: 1.1;}
	#completed_reservation .edit, #complete_reservation .edit {font-size:1.0em; }
	
	
	#check_email_now { background-color: #e5ffc6; border: 1px solid #8dd57a; margin-bottom: 15px; width: 275px; }
	#check_email_now h5 { font-size: 1.4em; font-weight: bold; margin: 10px 0 5px 10px; padding-left: 38px; background: url(/img/techtours/email_icon.png) top left no-repeat; }
	#check_email_now p { margin: 0 10px 10px 10px; font-size: 1.2em; }

	
	
	/* STATE: User completed form */
	
	h4.check {padding-left: 26px; background: transparent url(/img/techtours/icon_check.png) top left no-repeat; margin-bottom: 20px;}



/* RIGHT COLUMN */

	/* event map */
	
	#event_map { float: left; display: inline; width: 291px; overflow: hidden;  margin-top: 10px; }
		#event_map img {border: 1px solid #ddd;}
		#map_details { float: left; width: 291px; }
		#map_details p { float: left; display: inline; margin-bottom: 10px; margin-top: 3px; }

	
	/* Reservation Form */
	
	#reservation_form { margin-top: 10px; }
	#reservation_form h4 {font-size:1.4em; clear:both;}
		#reservation_form input.text {display: block; font-size:1.2em; padding:2px; margin-bottom: 1em; width:206px;}
		#reservation_form input.shoe_size {float: left; font-size:1.2em; padding:2px; margin-bottom: 1em; margin-right: 10px; width:50px;}
		#reservation_form p.shoe_size { font-size: 1.2em; line-height: 1.8em; color: #666; }
		#reservation_form label {display: block; font-size: 1.2em; clear: left;}
		#reservation_form label input {margin-bottom: 8px; float:left; margin-right: 6px;}
		#reservation_form label a:link, #reservation_form label a:visited {text-decoration: underline;}
		#reservation_form .button {display:inline; float:left; padding:20px 0 20px 0px; width:136px;}
		#reservation_form button { background:transparent url(/img/bg_button_post.png) no-repeat scroll 0 0; border:0 none; color:#FFFFFF; display:block; font-weight:bold; height:26px; overflow:hidden; padding:0 8px; text-align:left; text-transform:uppercase; width:152px; }
	
	#upcoming_tours h2 {font-size:1.0em; color: #000; text-transform: uppercase; margin-bottom:10px; }
		#upcoming_tours { margin-bottom: 20px; float:left; display:inline; width:690px; padding-top: 10px; padding-left: 7px;}
			#upcoming_tours ul { margin-bottom: 10px; }
				#upcoming_tours ul li {font-size: 1.2em;}
					#upcoming_tours ul li a {font-weight: bold;}

/* CANCELLATION PAGES */

.techtours_cancelcompleted #main-content {width:923px;}
	.techtours_cancelcompleted #upcoming_tours {width: 315px; float: left; display:inline; margin: 28px 0 0 143px; padding:0 0 0 0; }
	.techtours_cancelcompleted #upcoming_tours h2 {font-size:1.4em; text-transform: none; }
	.techtours_cancelcompleted #upcoming_tours ul li {margin-bottom: 8px;}
	
	.techtours_cancelcompleted #related_content {width:453px; float:left; display:inline; margin: 26px 0 30px 0; background: #f7f7f7 url(/img/techtours/bg_greybox_rtcorner.png) top right no-repeat;}
		.techtours_cancelcompleted #related_content h3 { width: 437px; height: 11px; float:left; display:inline; padding: 8px 8px 8px 8px; margin: 0 0 8px 0; background: transparent url(/img/techtours/bg_greybox_header.png) bottom left no-repeat; font-size: 1.0em; line-height:1.1; text-transform: uppercase; }
		.techtours_cancelcompleted #related_content h4, p {font-size: 1.2em; line-height: 1.333;}
		.techtours_cancelcompleted #related_content h4 {margin: 0 0 0 8px;}
		.techtours_cancelcompleted #related_content p {margin:0 0 16px 8px; color: #333; }
			
.techtours_cancel #main-content {width:923px;}
	.techtours_cancel #your-reservation {width:282px; float:left; display:inline; background: #e2fec6; border: 1px solid #8dd57a; padding:8px; margin:0 14px 0 143px;}
		.techtours_cancel #your-reservation h3 {font-size:2.2em; line-height: 1.1;}
		.techtours_cancel #your-reservation p {font-size:1.2em; line-height: 1.33;}
	.techtours_cancel #change-your-mind {width:298px; float:left; display:inline; margin:10px 0 40px 0;}
		.techtours_cancel #change-your-mind h3 {font-size:1.4em;}
		.techtours_cancel #change-your-mind p {font-size:1.2em; margin:0 0 1em 0;}
		.techtours_cancel #change-your-mind #reservation_times {margin-bottom:2em;}
		
/*	Techtours Error Styling
	------------------------------------------------- */	
	#tech_tour_form div.has-error {
	  border: 0px;
	  border-top: 3px solid #FF3344;
	  border-bottom: 3px solid #FF3344;
	  background: transparent;
	  width: 400px; 
	  margin: 10px 0 10px 0;
	  padding: 10px 5px; 
	  }
	
		#tech_tour_form div.has-error h3 {
			font-size: 1.4em; 
			color: #FF3344;
			}
	
		#tech_tour_form div.has-error ul li {
			font-size: 1.2em; 
			list-style: circle;
			margin-left: 20px; 
			color: #666;
			}
			
	#reservation_form div.has-error {
		border: 0px;
	    border-top: 3px solid #FF3344;
	    border-bottom: 3px solid #FF3344;
		background: transparent;
		width: 300px; 
		margin: 10px 0 10px 0;
		padding: 10px 5px; 
		}

		#reservation_form div.has-error h3 {
			font-size: 1.4em;
			margin-bottom: 5px; 
			color: #FF3344;
			}
			
		#reservation_form div.has-error ul li {	
			font-size: 1.2em; 
			list-style: circle;
			margin-left: 20px; 
			color: #666;
			}	
	
.map { width: 291; height: 268px; }

#tour-actions { border: 1px solid #9bd; width:200px; padding: 10px; }
#tour-actions h3 { font-weight:normal; }
#tour-actions h2 { font-size:1.8em; }
#tour-actions a { display:block;margin-top:10px; }
#tour-actions .message { font-size:1.5em;margin-bottom:10px;color:#82b746;padding:3px; }

.progress-container {background:#ccc;width:180px;height:22px}
.progress-bar {background:#99aabb;height:100%}

/* 	--------------------------	Tech Rep Related	-------------------------- */
	
#techrep-about_this_tour { border: 1px solid #96bcdc; float: left; width: 219px; padding-bottom: 10px; margin-bottom: 20px;}
	
	#techrep-about_this_tour h3 { margin: 10px 0 5px 10px; font-size: 1em; text-transform: uppercase; font-weight: normal; }

	#techrep-about_this_tour p { font-size: 1.8em; margin-left: 10px; margin-bottom: 5px; }
		
	#progress-container { margin-left: 10px; display: block; width: 190px; height: 19px; background-color: #e5e5e5; }
	#progress-bar { background-color: #c50000; height: 100%; text-indent: -9999px; overflow: hidden; }
		
	#techrep-about_this_tour ul { margin-top: 20px; margin-left: 10px; }

		#techrep-about_this_tour ul li { font-size: 1.2em; margin-top: 5px; }
			
	#techrep-about_this_tour p#edit_complete {padding-left: 26px; background: transparent url(/img/techtours/icon_check.png) top left no-repeat; margin-bottom: 20px; margin-top: 10px; font-size: 1.4em; font-weight: bold;}
	
	
/*#techrep_edit { float: left; margin-left: 150px; margin-top: 10px; }
	
	#techrep_edit h2 { color: #00276e; font-weight: normal; font-size: 1.6em; margin-bottom: 20px; }
		
	#techrep_edit form { font-size: 1.2em; line-height: 1em; }
		#techrep_edit form input { vertical-align: middle; }
		#techrep_edit form span { margin: 0 5px; }
		
	#techrep_edit table td { padding-bottom: 20px; vertical-align: middle; }
	#techrep_edit table td.titles { width: 100px; }
		
	#techrep_edit label.button 	{ display:inline; float:left; background:transparent url(/img/techtours/btn_left.png) left top no-repeat; font-size: 1em; }
	#techrep_edit button 	{ background:transparent url(/img/techtours/btn_right-arrow.png) right top no-repeat; border:0 none; color:#FFFFFF; display:block; font-weight:bold; height:26px; overflow:hidden; padding:0 40px 0 8px; text-align:left; text-transform:uppercase; }
	#techrep_edit p.cancel 	{ float: left; vertical-align: middle; font-size: 1em; line-height: 26px; margin-left: 15px; font-weight: bold; }

*/
#tech_tour_form { margin:10px 0 0 150px; }
	#tech_tour_form h2 { color: #00276e; font-weight: normal; font-size: 1.6em; }
	#tech_tour_form table { margin-top: 20px; font-size: 1.3em; }
	#tech_tour_form td { padding-bottom: 20px; }
	#tech_tour_form td.label { width:130px; font-weight: bold; }
	#tech_tour_form td span { font-size: .85em; color: #666; margin-left: 8px; }
	#tech_tour_form label { margin:0 0 5px 10px; }
	
	#tech_tour_map { margin:10px 0 0 0px; height:500px; float: left; }
	#tech_tour_map .map { height: 400px; width: 400px; }
	
	#tech_tour_form .blue_button label {
	  background:transparent url(/img/settings/btn_save.png) no-repeat scroll 0 0;
	  color:#FFFFFF;
	  cursor:pointer;
	  display:inline;
	  float:left;
	  font-size: 10px;
	  font-weight:bold;
	  height:26px;
	  line-height:26px;
	  padding:0 42px 0 10px;
	  text-transform:uppercase;
	  width:94px;
	  margin: 0;
	}

/* 	Tech Tour Cancel
	------------------------------------------- */
	#tech_tour_cancel { float: left; width: 370px; margin-left: 150px; }
	  #tech_tour_cancel h2 { font-size: 1.6em; font-weight: normal; color: #0d3372; margin-bottom: 10px; }
	  #tech_tour_cancel form { width: 370px; margin-bottom: 20px; }
	  #tech_tour_cancel p { width: 370px; margin: 0px 0 20px 0; }
	  #tech_tour_cancel p.noundo { color: #f00; text-transform: uppercase; }
	  #tech_tour_cancel h3 { font-size: 1.3em; }
	  #tech_tour_cancel textarea { width: 360px; }
	
/*	  #tech_tour_cancel .button { display: inline; float: left; padding: 20px 0 20px 0px; width: 136px;}
	  #tech_tour_cancel button { background:transparent url(/img/bg_button_post.png) no-repeat scroll 0 0; border:0 none; color:#FFFFFF; display:block; font-weight:bold; height:26px; overflow:hidden; padding:0 8px; text-align:left; text-transform:uppercase; width:152px; }
*/	

	#tech_tour_cancel .button 	{ display: inline; float: left; background: transparent url(/img/techtours/btn_left.png) left top no-repeat; font-size: 1em; margin-top: 10px; margin-bottom: 10px; }
	#tech_tour_cancel button 	{ background:transparent url(/img/techtours/btn_right-arrow.png) right top no-repeat; border: 0 none; color: #FFFFFF; display: block; font-weight: bold; height:26px; overflow: hidden; padding: 0 40px 0 8px; text-align: left; text-transform: uppercase; }

	#tech_tour_cancel p.goback { clear: both; }
	
	
	#tech_tour_cancel_mail { float: left; margin-left: 40px; margin-bottom: 10px; margin-top: 5px; width: 330px; color: #666;  }
		#tech_tour_cancel_mail h3 { margin-bottom: 10px; }
		#tech_tour_cancel_mail p { font-size: 1.2em; margin-bottom: 10px; }