@charset "UTF-8";
/* global.css */

/* ================================================================================= */
/* //////////////////////////////   GENERAL         //////////////////////////////// */
/* ================================================================================= */

/* toggle to see borders of layout elements */
/* #page div { border: red solid 1px; } */  

#noscript {  display: block; position: absolute; left: 645px; top: 220px; /*left: 541px; top: 295px;*/ height: 450px; width: 110px; z-index: 9998; font-size: 10px; color: #FF0000; }

/* ______________________ STATUS MESSAGES  __________________________ */
.status	{ position:absolute; left:678px; bottom:11px; width: 20px; z-index: 9999;  text-indent: -9999px; font-size: 8px; }
#complete.status	  { background: url(/global/images/elements/icons/status_complete.gif) no-repeat 0 0; height: 24px; } 
#incomplete.status	{ background: url(/global/images/elements/icons/status_incomplete.gif) no-repeat 0 0; height: 20px; } 

/* ______________________ ERROR MESSAGES  ___________________________ */
.error,
.error2 		{ position:absolute; left:678px; bottom:1px; width: auto; height: auto; padding:5px; padding-bottom: 8px; color: #FF0000; z-index: 9999;  text-align: center; line-height: 1.25em; font-size: .95em; }
.error ul   { width: 90%; margin: 8px auto; }
.error2 ul  { width: 90%; margin: 8px auto; }
.error-bg-1 { background: #FFFFFF url(/global/images/error_bg_1.jpg) repeat-x 0 0; border: 2px solid #fff; }

.page-400 .error	 	  { left:505px; top:287px; width: 150px; /*height: 57px;*/ }
.page-410-900 .error	{ left:10px; top:410px; width:135px; height: 62px; } /* steps 2-5 */
.page-410-900.step-1 .error	{ left:6px; top:400px; width:140px; height: 57px; }
.page-410-900.step-6 .error	{ left:6px; top:400px; width:140px; height: 90px; }
.page-410-900.step-6 .error2	{ left:10px; top:420px; width:140px; height: 90px; z-index: 10000; }
.page-425 .error	 	{ left:228px; bottom:45px; width:165px; }	
.page-430 .error   	{ left:550px; bottom:70px; width:375px; }	
.page-440 .error	  { left:550px; bottom:60px; width:375px; } 
.page-460 .error    { left:550px; bottom:70px; width:375px; }	
.page-470 .error	  { left:190px; bottom:25px;  width:278px; }
.page-475 .error	 	{ left:225px; top:400px; width:240px;   }
.page-500 .error 	  { left:55px; bottom:88px; width:400px;  }
.page-900A .error,
.page-900A-reset .error,
.page-900A-change .error { left:125px; top:325px; width:230px; background-color: transparent; height: 50px; text-align: center }
.page-900A-back .error	 { left:140px; top:305px; width:170px; background-color: transparent; height: 50px; text-align: center }

/* ______________________ SITE MESSAGES  ____________________________ */
.message 	{ position:absolute; right:100px; bottom:75px; width:310px; padding:3px; padding-bottom: 10px; color: #422346; /* background-color: transparent;*/ height: 59px;  }

.page-400 .message 							{ position:absolute; left:531px; top:313px; width:310px; background-color: transparent; height: 59px; text-align: center; }
.page-400-how-to-join .message 	{ position:absolute; left:375px; top:330px; width:318px; background-color: transparent; height: 59px; text-align: center; }
.page-400-privacy .message 	    { position:absolute; left:377px; top:330px; width:314px; background-color: transparent; height: 59px; text-align: center; }
.page-401 .message 							{ position:absolute; left:340px; top:390px; width:250px; height: 54px; background: transparent url(/global/images/error_bg_1.jpg) repeat 0 0; /* no-repeat 0 0; */ line-height: 15px; text-align: center; color: #FF0000; z-index: 9998; }
.page-430 .message 							{ position:absolute; left:550px; bottom:70px; width:375px; background-color: transparent; height: 40px; line-height: 15px; text-align: center; color: #FF0000;  }
.page-440 .message 							{ position:absolute; left:45px; bottom:42px; width:258px; background-color: transparent; height: 24px; line-height: 15px; text-align: center; }
.page-450 .message 							{ position:absolute; left:750px; top:460px; width:190px; height: 75px; background: transparent url(/global/images/error_bg_1.jpg) repeat 0 0; line-height: 15px; text-align: center; color: #FF0000; z-index: 9998; }
.page-460 .message 							{ position:absolute; left:550px; bottom:70px; width:375px; background-color: transparent; height: 40px; line-height: 15px; text-align: center; }
.page-470 .message 							{ position:absolute; left:190px; bottom:0px; width:278px; color: #FF0000; background-color: transparent; height: 40px; text-align: center; }
.page-475 .message 							{ position:absolute; left:200px; top:320px; width:280px; background-color: transparent; height: 58px; text-align: center; font-size: .9em; }
.page-900A-change .message 			{ position:absolute; left: 90px; top:310px; width:280px; background-color: transparent; height: 58px; text-align: center; }
.page-900A-reset .message 			{ position:absolute; left: 90px; top:250px; width:280px; background-color: transparent; height: 58px; text-align: center; }


/* ________________________ BACK TO SIGN IN  ________________________ */
/* back to sign in */
#links #back-to-sign-in   { position:absolute; left:599px; top:538px; width:112px; height:26px; /* relative */ z-index: 9998; overflow: hidden; }
	.page-400-how-to-join #links #back-to-sign-in   { left:599px; top:538px; } 
  .page-400-privacy #links #back-to-sign-in   		{ left:578px; top:564px; } 
	.page-900-privacy-terms #links #back-to-sign-in { left:578px; top:564px; } 

#links #back-to-sign-in a { float: left; width: 112px; height: 0; padding-top: 26px; overflow: hidden; background: url(/images/400-your_trailpass/back_to_sign_in.jpg) no-repeat 0 0; }
  .page-400-privacy #links #back-to-sign-in a,
	.page-900-privacy-terms #links #back-to-sign-in a { background: url(/images/400-your_trailpass/back_to_sign_in2.jpg) no-repeat 0 0; } 
#links #back-to-sign-in a:hover  { background-position: 0 -26px; }
#links #back-to-sign-in a:active { background-position: 0 -52px; }

/* ______________________ DEBUG  ____________________________________ */
#debug { position: absolute; z-index: 9998; left: 0px; top: 0px; background: url(/global/images/debug_flashing.gif) no-repeat 0 0; width: 66px; height: 24px; border: 1px dotted red; }
  .page-401 #debug { left: 0px; top: 0px; }
  .page-420 #debug { left: 0px; top: 0px; }


/* ================================================================================= */
/* //////////////////////////////   FORMS     ////////////////////////////////////// */
/* ================================================================================= */
#form { position: absolute; color: #6666CC; font-size: .9em; z-index: 10; }
.checkbox	{width:10px; height:10px;  background: none; /* border: red 1px solid; */ margin: 0; padding:0;  }	
.radiobox	{ height: 30px; width: 150px; /* border: blue 1px solid; */}
.form {font-size: .85em; }
 .page-400 .form #email, .page-400 .form #password {font-size: 12px; }

input, select, textarea  { color:#260543; background: none; font-size: 11.5px; line-height: 14px; /* width: 100%; */ word-wrap: break-word; white-space:normal;  }  
  #nav-buttons input { border: none !important; } /* removes the default input button border */
  #nav-past-weeks input { border: none !important; } /* removes the default input button border */

.highlight-1.no-form,
.highlight-1 input,
.highlight-1 select,
.highlight-1 textarea { background: #b9d9fd url(/global/images/gradient_blue_bg.jpg) repeat-x 0 0 !important;  }
.highlight-1 select { background: #b9d9fd none !important; } /* select seems to NOT accept a bg */

/* ================================================================================= */
/* //////////////////////////////   NAVIGATION AND LINKS  ////////////////////////// */
/* ================================================================================= */

/* ______________________ BUTTON SIZES ______________________________ */
#nav-buttons { overflow: visible; margin: 0; padding: 0;  } /* DO NOT USE: position: absolute;  - IT COVERS OTHER LINKS  */
#nav-buttons .large { width: 140px; height: 24px; margin: 0px 0px;  position: absolute; /* relative */ z-index: 9998; overflow: hidden; } /* *margin-top: 15px;IE7win hack */
#nav-buttons .small { width:  70px; height: 24px; margin: 0px 0px;  position: absolute; /* relative */ z-index: 9998;  overflow: hidden; }
 /* ................................................ check instructions icon height (should be 32px) .................................... BH  */
#nav-buttons #instr	 { width:  24px; height: 38px; margin: 0px 0px;  position: absolute; /* relative */ z-index: 9998;  overflow: hidden; }
#nav-buttons #close  { width:  34px; height: 34px; margin: 0px 0px;  position: absolute; /* relative */ z-index: 9998;  overflow: hidden; }

#nav-buttons .large a,
#nav-buttons .large input { float: left; width: 140px; height: 0; padding-top: 24px; overflow: hidden; }
		#nav-buttons .large input { *height: 24px; } /* IEwin7 */
#nav-buttons .small a,
#nav-buttons .small input { float: left; width:  70px; height: 0; padding-top: 24px; overflow: hidden; }
		#nav-buttons .small input { *height: 24px; } /* IEwin7 */
#nav-buttons #instr a { float: left;  width:  24px; height: 0; padding-top: 32px; overflow: hidden; }
#nav-buttons #close a { float: left;  width:  34px; height: 0; padding-top: 34px; overflow: hidden; }
	
/* hover and active  */
#nav-buttons .large a:hover,
#nav-buttons .large input:hover, 
#nav-buttons .large a.angled:hover, /* <<<--- Angled ---- */
#nav-buttons .large input.angled:hover, /* <<<--- Angled ---- */
#nav-buttons .small a:hover,
#nav-buttons .small input:hover { background-position: 0 -24px; }
#nav-buttons #instr a:hover { background-position: 0 -32px; }
#nav-buttons #close a:hover { background-position: 0 -34px; }

#nav-buttons .large a:active,
#nav-buttons .large input:active,
#nav-buttons .large a.angled:active, /* <<<--- Angled ---- */
#nav-buttons .large input.angled:active, /* <<<--- Angled ---- */
#nav-buttons .small a:active,
#nav-buttons .small input:active  { background-position: 0 -48px; }
#nav-buttons #instr a:active { background-position: 0 -64px; }
#nav-buttons #close a:active { background-position: 0 -68px; }

/* ______________________ BUTTONS  __________________________________ */
/* back */
#back.small { left: 750px; bottom: 35px; }
#back.small a,
#back.small input { background: url(/images/images-nav/back.png); background-repeat: no-repeat; background-position: 0 0; }
	.page-440 #back.small { left: 250px; bottom: 8px; }	


/* close */
#close { left: 805px; top: 28px; }
#close a { background:  url(/images/images-nav/close_button.png); background-repeat: no-repeat; background-position: 0 0; }

/* instructions icon */
#instr { left: 3px; bottom:3px; }
#instr a { background:  url(/images/images-nav/instr.png); _background:  url(/images/images-nav/instr.gif); background-repeat: no-repeat; background-position: 0 0; display: none; }
  .page-420 #instr { left: 3px; bottom:3px; }

/* change password */
#change-password.large { left:310px; top: 372px;  }
#change-password.large a,
#change-password.large input { background: url(/images/images-nav/change_password.png); background-repeat: no-repeat; background-position: 0 0; }

/* edit  */
#edit.small { left: 350px; bottom: 0px; }
#edit.small a { background: url(/images/images-nav/edit.png); background-repeat: no-repeat; background-position: 0 0; }
#edit.small input { background: url(/images/images-nav/edit.png); background-repeat: no-repeat; background-position: 0 0; }
  .page-460 #edit.small { left: 800px; bottom: 35px; }

/* mail letter  */
#mail-letter.large { left: 311px; bottom: 60px; }
#mail-letter.large a,
#mail-letter.large input { background: url(/images/images-nav/mail_letter.png); background-repeat: no-repeat; background-position: 0 0; }

/* next  */
#next.small { left: 275px; bottom: 0px; }
#next.small a,
#next.small input { background: url(/images/images-nav/next.png); background-repeat: no-repeat; background-position: 0 0; }
  .page-430 #next.small { left: 802px; bottom: 35px; }
	.page-440 #next.small { left: 325px; bottom: 8px; }	
		
/* next step  */
#next-step.small { right: 100px; bottom: 90px; }
#next-step.small a, #next-step.small input { background: url(/images/images-nav/next_step.png); background-repeat: no-repeat; background-position: 0 0; }
	.page-420 #next-step.small { left: 708px; bottom: 5px; }

/* prev */	
#prev.small { left: 200px; bottom: 0px; }
#prev.small a { background: url(/images/images-nav/prev.png); background-repeat: no-repeat; background-position: 0 0; }
	
/* print  */
#print.small { left: 500px; bottom: 0px; }
#print.small a { background: url(/images/images-nav/print.png); background-repeat: no-repeat; background-position: 0 0; } 

/* ready for adventure  */
#ready-for-adventure.large { left: 200px; bottom: 150px; }
#ready-for-adventure.large a,
#ready-for-adventure.large input { background: url(/images/images-nav/ready_for_adventure.png); background-repeat: no-repeat; background-position: 0 0; }
#ready-for-adventure.large a.angled,
#ready-for-adventure.large input.angled { background: url(/images/images-nav/ready_for_adventure_angled.png); _background: url(/images/images-nav/ready_for_adventure_angled.gif); background-repeat: no-repeat; background-position: 0 0; }
 	.page-400 			  #ready-for-adventure.large { left: 680px; bottom: 280px; }
	.page-900A			  #ready-for-adventure.large { top: 300px; left: 199px; }
	.page-900A-back	  #ready-for-adventure.large { top: 270px; left: 199px; }
	.page-900A-change #ready-for-adventure.large { top: 270px; left: 199px; }
	.page-475	    	  #ready-for-adventure.large { top: 344px; left: 334px; }

/* reset password */
#reset-password.large { left: 200px; bottom: 150px; }
#reset-password.large a,
#reset-password.large input { background: url(/images/images-nav/reset_password.png); background-repeat: no-repeat; background-position: 0 0; }
#reset-password.large a.angled,
#reset-password.large input.angled { background: url(/images/images-nav/reset_password_angled.png); _background: url(/images/images-nav/reset_password_angled.gif); background-repeat: no-repeat; background-position: 0 0; }
  .page-400 			 #reset-password.large { left: 665px; bottom: 314px; }
	.page-900A-reset #reset-password.large { top: 207px; left: 199px; }

/* return to trailhead  */
#return-to-trailhead.large { right: 5px; bottom: 5px; }
#return-to-trailhead.large a { background: url(/images/images-nav/return_to_trailhead.png); background-repeat: no-repeat; background-position: 0 0; }
#return-to-trailhead.large a.angled { background: url(/images/images-nav/return_to_trailhead_angled.png); _background: url(/images/images-nav/return_to_trailhead_angled.gif); background-repeat: no-repeat; background-position: 0 0; }
.page-100			#return-to-trailhead.large { right: 5px; bottom: 5px; }
.page-200			#return-to-trailhead.large { right: 5px; bottom: 5px; }
.page-300			#return-to-trailhead.large { right: 5px; bottom: 5px; }
.page-400			#return-to-trailhead.large { right: 75px; bottom: 5px; }
.page-400-how-to-join			#return-to-trailhead.large { right: 10px; bottom: 5px; }
.page-500			#return-to-trailhead.large { right: 5px; bottom: 5px; }

/* save  */
#save.small { left: 700px; bottom: 3px; }
#save.small a,
#save.small input { background: url(/images/images-nav/save.png); background-repeat: no-repeat; background-position: 0 0; }
  .page-420 #save.small { left: 708px; bottom: 5px; }
  .page-425 #save.small { left: 708px; bottom: 6px; }
	.page-430 #save.small { left: 800px; bottom: 35px; }
	.page-440 #save.small { left: 800px; bottom: 35px; }
	.page-460 #save.small { left: 800px; bottom: 35px; }
	.page-470 #save.small { left: 728px; bottom: 5px; }

/* start new week*/
#start-new-week.large { left: 645px; bottom: 5px; }
#start-new-week.large a { background: url(/images/images-nav/start_new_week.png); background-repeat: no-repeat; background-position: 0 0; }	
  .page-440 #start-new-week.large { left: 150px; bottom: 5px; }

/* the week ahead  */
#the-week-ahead.large { right: 16px; bottom: 34px; }
#the-week-ahead.large a { background: url(/images/images-nav/the_week_ahead.png); background-repeat: no-repeat; background-position: 0 0; }

/* your adventure choices  */
#your-adventure-choices.large { right: 8px; bottom: 0px; }
#your-adventure-choices.large a { background: url(/images/images-nav/your_adventure_choices.png); background-repeat: no-repeat; background-position: 0 0; }
	.page-410-900   #your-adventure-choices.large { right: 16px; bottom: 5px; }
	.page-420 			#your-adventure-choices.large { right: 16px; bottom: 5px; }
	.page-425 			#your-adventure-choices.large { right: 16px; bottom: 5px; }
	.page-430 			#your-adventure-choices.large { right: 16px; bottom: 5px; }
	.page-440 			#your-adventure-choices.large { right: 16px; bottom: 5px; }
	.page-450 			#your-adventure-choices.large { right: 16px; bottom: 5px; }
	.page-460 			#your-adventure-choices.large { right: 16px; bottom: 5px; }
	.page-470 			#your-adventure-choices.large { right: 8px;  bottom: 5px; }
	.page-475 			#your-adventure-choices.large { right: 8px;  bottom: 5px; }	    	 
	
/* ______________________ TRAILPASS LINKS (UNIVERSAL STYLES)  _______ */
	
#links {/*overflow: hidden; */}
#links a {z-index: 20; font-size: .9em; } /* keep links above relatively positioned parent div and other divs  */
#links #policy									{  }
#links #terms										{  }
#links #log-out									{  }
#links #forgot-password					{  }
#links #confirm-password				{  }
#links #edit-password						{  }


/* ______________________ SCROLL NAV BUTTONS ________________________ */
/* positioned in the flow */
/* or for smaller button change to next_button.png and height 50, width 20 */
#button-wrapper { position: relative; display: block; height: 24px; }
 
.next-button   { position: relative; float: right; width: 70px; height: 24px; overflow: visible; display: block;   } 
.next-button a { position:absolute; right: 0px; bottom: 30px; z-index: 9998; width: 70px; height: 0; padding-top: 24px; overflow: hidden; background: url(/images/images-nav/next.png) no-repeat 0 0;  }
	/*.note-1 .next-button a { position:absolute; right: 0px; bottom: 20px; }
	.note-2 .next-button a { position:absolute; right: 0px; bottom: 12px; }
	.note-3 .next-button a { position:absolute; right: 0px; bottom: 40px; }
	.note-4 .next-button a { position:absolute; right: 0px; bottom: 40px; }*/
.next-button a:hover  { background-position: 0 -24px; }
.next-button a:active { background-position: 0 -48px; }

.back-button   { position: relative; float: right; width: 80px; height: 24px; overflow: visible; display: block;  } 
.back-button a { position:absolute; left: 0px; bottom: 30px; z-index: 9998; width: 70px; height: 0; padding-top: 24px; overflow: hidden; background: url(/images/images-nav/back.png) no-repeat 0 0;  }
	/*.note-2 .back-button a { position:absolute; right: 5px; bottom: 12px; }
	.note-3 .back-button a { position:absolute; right: 5px; bottom: 40px; }
	.note-4 .back-button a { position:absolute; right: 5px; bottom: 40px; }
	.note-5 .back-button a { position:absolute; right: 70px; bottom: -20px; }*/
.back-button a:hover  { background-position: 0 -24px; }
.back-button a:active { background-position: 0 -48px; }


/* ================================================================================= */
/* //////////////////////////////   DREAMCARD    /////////////////////////////////// */
/* ================================================================================= */

.dream-image { position: absolute; z-index: 10; display: block; top: 0px; right: 0px; width:160px; height:114px; background: #transparent; }
.dream-image img 	{ width:160px; height:114px; }

/* STEP-1 */
.dream-image.card 			{ position: absolute;  z-index: 10; display: block; top: 0px; right: 0px; width:160px; height:224px; background: #transparent; }
	.page-425 .dream-image { top: 44px; left: 29px; }
	
.dream-image.card img 	{ width:160px; height:224px;  }

/* paper clip */			

.dream-image #paper-clip { position:absolute; z-index:9998; right:115px; top:0px; width:26px; height: 58px; overflow: hidden; background: url(/images/410_900-your_dreams/paper_clip.png); _background: url(/images/410_900-your_dreams/paper_clip.gif); background-repeat: no-repeat; background-position: 0 0;}

/* 3 words */
#dreamcard-words  		{ position:absolute; right:8px; top:170px; width:140px; height:50px; }
#dreamcard-words div  { height: 14px; width: 100%; font-size: .9em; text-align: center; font-weight:bold; _line-height: 14px; }
	.page-425 #dreamcard-words  		{ position:absolute; left:11px; top:173px; width:140px; height:50px; }
	.page-425 #dreamcard-words div  { height: 14px; width: 100%; font-size: .9em; text-align: center; font-weight:bold; }
	
	
/* ================================================================================= */
/* //////////////////////////////  POLAROID      /////////////////////////////////// */
/* ================================================================================= */	
/* polaroid frame */
.journey-photo { position:absolute; left:339px; top: 422px; width:165px; height:178px; /* img 165 x 179 */ overflow: hidden; z-index: 30; background: url(/images/images-elements/polaroid.gif) no-repeat 0 0; }
	.page-440 #book-content.polaroids .journey-photo { position: relative; float: left; width:145px; height:157px; /* img 145x165 */ left: 0; top: 0; overflow: hidden; z-index: 30; margin: 0 25px 15px 0; padding: 0;  background: url(/images/images-elements/polaroid_small.gif) no-repeat 0 0;}
	.page-440 #book-content.polaroids .journey-photo.last-odd { display: block; clear: both; margin-left: 83px; /* half of photo width */ /* optional centering method: float: none; margin: 0 auto; */ }
	 { display: block; clear: both; margin-left: 73px; /* half of photo width */ /* optional centering method: float: none; margin: 0 auto; */ }
	
/* journey photo */
.journey-photo .photo { position:absolute; left:12px; top:10px; width:138px; height:138px; z-index: 40; background-color: #000000; }
	.page-440 .journey-photo .photo { position:absolute; left:10px; top:8px; width:124px; height:124px; z-index: 40; background-color: #000000; }
	
.journey-photo .photo img { width:139px; height:138px; border: none !important; }
	.page-440 .journey-photo .photo img { width:124px; height:124px;  }

/* weeks dates */
.journey-photo .photo-date-range { position:absolute; left:15%; top: 152px; width:60%; /*change width to fit */ height:15px; z-index: 50; text-align: right; font-size: 0.8em; color: #666666; /* word-wrap: break-word; white-space:normal; */ }	
	.page-440 .journey-photo .photo-date-range { font-size: 0.75em; top: 132px; }
	.page-460 .journey-photo .photo-date-range { display: none; }
  
/* ================================================================================= */
/* ///////////////////// 900-privacy_terms /////////////////////////////////////////
/* ================================================================================= */

/* ________________________ PRIVACY & TERMS CONTENT   _______________ */
#privacy-content { position: absolute; left: 320px; top: 100px; width: 366px; height: 450px; padding-right:15px; overflow: auto; font-size: 11px; }
#privacy-content ul { list-style: disc outside !important; margin-bottom: 18px;  margin-left: 2.2em; }
#privacy-content li { list-style: disc outside !important; }
#privacy-content h1 { font-size:1.75em; font-weight:bold; line-height:1.5em; margin-bottom:15px; }
#privacy-content h2 { font-size:1.5em; font-weight:bold; line-height:1.5em; margin-bottom:15px; }
#privacy-content h2 span { font-size: .8em; line-height: 1.3em; display: block; }
#privacy-content h3 { font-weight: bold; margin-bottom:2px; text-transform: uppercase; }
#privacy-content p { width: 337px; }