@charset "utf-8";

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

@import "modules/contextual_content.css";

#page-title {width:310px; float:left; display:inline; background: transparent url(/img/techtours/bg_home_left.jpg) 0px 20px no-repeat; border-bottom: none; *overflow:hidden;}
	#page-title h1 { width:310px; margin: 248px 0 18px 18px; padding:0 0 0 0;}
	#page-title h2 { width:260px; margin:0 18px 15px 18px; padding:0; font-size: 1.8em; line-height:1.2; font-weight: normal; }
	#page-title img { float: left; margin-right: 15px; margin-left: 18px; }
	#page-title ul { float: left; width: 270px; margin: 10px 0 0 20px;  }
	#page-title ul li { font-size: 1.2em; color: #888; margin-bottom: 5px; line-height: 1.2em;}
	#page-title ul a { font-size: .8em; font-weight: bold; }

#main-content {width: 613px; float:left; display:inline; background: transparent url(/img/techtours/bg_home_right.png) 0 21px no-repeat;
		/* Overrides value in master.css !!! */
		padding: 0  0 0 0px; }


/* Upcoming Tours */

	#upcoming_tours {width:590px; float:left; display:inline; margin:165px 0 5px 12px; }
	
	#upcoming_tours .left_tours {width:299px; float:left; display: inline; clear:left;}
	#upcoming_tours .right_tours {width:289px; float:left; display: inline;}
	#upcoming_tours h2 { float: left; display: inline; width: 350px; font-size: 1.8em; font-weight: normal; margin-bottom: 12px; }
	#upcoming_tours h2 span { font-size: .55em; line-height: 1.1; color: #666666; margin-left: 10px; }
	#upcoming_tours h2 a {font-size: 1.8em;}
	#upcoming_tours span.backnext { float: right; display: inline; text-align: right; text-transform: uppercase; font-weight: bold; margin: 4px 10px 0 0; }
			#upcoming_tours ul li { font-size: 1.2em; line-height: 1.33em; margin: 0 0 8px 0; }
			#upcoming_tours ul li a {font-weight: bold; width: 100px; display: block; float: left; }
			body.nl_NL #upcoming_tours ul li a { width: 75px; }
	
	#supplementary, #techrep_techtours {
		float: left;
		background: transparent url(/img/horiz_divider.png) top left repeat-x;
		padding: 15px 0 20px;
		}
		
		#techrep_techtours h2 { font-size: 1.8em; color: #000; font-weight: normal; margin-left: 10px; }
		#techrep_techtours h2 span { font-size: .55em; line-height: 1.1; color: #666666; margin-left: 10px; }

	
		#related_content { width:607px; float:left; display:inline; margin: 20px 0 30px 0; background: #f7f7f7 url(/img/techtours/bg_greybox_rtcorner.png) top right no-repeat;}
			#related_content h3 { width: 591px; 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; }
			#related_content .related_left {float:left; display:inline; width:292px; margin: 0 0 0 8px;}
			#related_content .related_right {float:left; display:inline; width:292px; margin:0 0 0 8px;}
			#related_content h4 {font-size: 1.2em; line-height: 1.333;}
			#related_content h4 {margin: 0 0 0 0;}
			#related_content p {margin:0 0 16px 0; font-size: 1.2em; color: #333; }
		
		#nothing_in_area 	{ margin-left: 10px; margin-right: 18px; width:280px; float:left; display:inline;}
			#nothing_in_area h3 {font-size:1.8em; line-height:1.1; font-weight: normal;}
			#nothing_in_area h4 { margin-top: 10px; font-weight: normal; font-size: 1.2em; }
			#nothing_in_area label { text-transform: uppercase; float: left; clear: both; font-size: 1em; font-weight: bold; padding: 5px 0 2px 0; }
			#nothing_in_area input { font-size: 1.2em; padding: 2px; float: left; clear: both; }
			#nothing_in_area button { float: left; margin-top: 10px; 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; }
		
		#check_reservation 	{ width:290px; float:left; display:inline;}
			#check_reservation h4 { margin-top: 10px; font-weight: normal; font-size: 1.2em; }
			#check_reservation h3 { font-size:1.8em; line-height:1.1; font-weight: normal; }
		
		#map_search {width:280px; margin-right: 28px; float:left; display:inline;}
			#map_search h3 { margin-bottom: 10px; margin-left: 10px; font-size:1.8em; line-height:1.1; font-weight: normal; }
			#map_search form { margin-left: 10px; }
			#map_search label { text-transform: uppercase; font-size: 1em; font-weight: bold; padding-bottom: 5px; }
			#map_search input { font-size: 1.2em; padding: 2px; float: left; clear: both; }
			#map_search button { float: left; margin-left: 10px; background:transparent url(/img/techtours/btn_go.png) no-repeat scroll 0 0; border:0 none; color:#FFFFFF; display:block; font-weight:bold; height:24px; width: 30px; overflow:hidden; padding:0 8px; text-align:left; text-transform:uppercase;  }

	/* 	Signup for alerta (aka: nothing found in your area) 
		----------------------------------------------------------------- */
		#signup_for_alerts { float: left; display: inline; width: 299px; margin-left: 14px;  }
			#signup_for_alerts h4 { margin-top: 10px; font-weight: normal; font-size: 1.2em; margin-bottom: 10px; }
			#signup_for_alerts h3 { font-size:1.8em; line-height:1.1; font-weight: normal; }
			#signup_for_alerts #close { float: right; width: 100px; color: #888; text-transform: uppercase; text-align: right; }
				#signup_for_alerts #close a { color: #888; }
			#signup_for_alerts label { float: left; width: 450px; font-size: 1.2em; margin-bottom: 2px; }
			#signup_for_alerts input { float: left; clear: both; margin-bottom: 10px; font-size: 1.3em; }
			#signup_for_alerts .button 	{ float: left; clear: both; background: transparent url(/img/techtours/btn_left.png) left top no-repeat; font-size: 1em; margin-top: 10px; margin-bottom: 10px; }
			#signup_for_alerts .button input 	{font-size: 1em; 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; }
		




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

#event-featured {
	width: 690px; float: left; display: inline; margin: 5px 0 20px 0; }

	#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 p { margin-left: 10px; font-size: 1.4em; }
		#event-featured #details { width: 544px; float: left; margin-left: 143px; }
	
	#details .detail { width: 154px; float: left; height:87px; background: transparent url(/img/techtours/bg_vert_e5.png) top left no-repeat;}
		#details .detail h5 {margin-bottom: 10px;}
		#details .detail .address {font-size:1.2em; line-height: 1.33;}


/* 	--------------------------	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;}

	.left_col {width: 293px; float: left; margin: 0 0;}
	.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 */


/* 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 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 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; }
	



	#all_my_tours { float:left; padding-left: 12px; width: 299px; }
	#all_my_tours h2 { font-size: 1.8em; color: #000; font-weight: normal; }
	#all_my_tours h2 span { font-size: .55em; line-height: 1.1; color: #666666; margin-left: 10px; }
	#all_my_tours ul { margin-top:15px; }
	#all_my_tours ul li { font-size: 1.2em; line-height: 1.33; }
	#all_my_tours a { display: block; float: left; width: 100px; font-weight: bold; }
	
	#create_new_tour { float: left; width: 290px; margin-top: 10px; }
	#create_new_tour a { color: #fff; font-size: 1.6em; border: 1px solid #336699; background: #aaccee; font-weight: bold; padding: 7px 25px 5px 25px; text-transform: uppercase; }
	#create_new_tour a:hover { color:#336699; text-decoration:none; }
	
	#tech_tour_form {margin:10px 0 0 10px}
	#tech_tour_form table {margin-top: 20px;font-size:1.3em}
	#tech_tour_form td {padding:5px}
	#tech_tour_form td.label {width:200px;}
	#tech_tour_form td span {font-size:.85em;color:#666;margin-left:8px;}
	#tech_tour_form label {margin:0 0 5px 10px;}
	
	#tech_tour_form div.has-error {border: 1px solid #993333; background: white; width:60%; padding:8px;}
	
	#tech_tour_map {margin:10px 0 0 10px; 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;
	}