@charset 'UTF-8';

  /* Tags  */
  html { background: #0c72a2 url(/buildassets/king-tide/html-background.jpg) no-repeat 50% 0 }  
  body { color: #333; font: 14px/1.4em sans-serif; margin: 0; -webkit-font-smoothing: antialiased }
  h1, h2, h3, h4, h5, h6 { color: #176267; font-family: sans-serif; line-height: 1; margin: 0 0 8px }
  h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { border: none!important }
	hr { background: transparent url(/buildassets/king-tide/black-divider.png) repeat-x 0 0; border: none; height: 2px; margin: 24px 0 }
  p { margin: 0 }
  a, a:visited { color: #0094d4; text-decoration: none }
  a:focus, a:active { outline: none }
  a:hover, a:focus { border-color: #12a2ab; color: #12a2ab }
  fieldset { border: none; margin: 0; padding: 0 }
  object { float: left }
  pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word }
  input.error { border-color: #d30 }
  input.text { border: 1px solid #b0adad; height: 22px; line-height: 22px; padding: 0 4px }
  td { text-align: left; vertical-align: top }
	blockquote { background: url(/buildassets/king-tide/ldquo.png) no-repeat 0 0; margin: 12px 0 8px }
	blockquote p { background: url(/buildassets/king-tide/rdquo.png) no-repeat 100% 100%; padding: 0 26px 18px 26px }
  
  .column-left { float: left }
  .column-right { float: right }
	.heading { font-size: 22px }
	.subheading { font-size: 20px }
	.sprite { background: transparent url(/buildassets/king-tide/common.png) no-repeat; text-indent: -999em }
  .error-message { color: #d30; font: bold 11px sans-serif; width: 100%; }
  .alert { background-color: #e5f7ff; border: 1px solid #4eb3f6; display: block; font-size: 0.916em; font-weight: normal; line-height: 1.4em; padding: 1em 1.5em }
  
  .water { background: url(/buildassets/king-tide/html-background.jpg) no-repeat 50% 0 }
	.ribbon { background: transparent url(/buildassets/king-tide/ribbon.png) repeat-x 0 60px }
  .ribbon-shadow { background: transparent url(/buildassets/king-tide/ribbon-shadow.png) no-repeat 50% 0 }
	.tidemarker { background: transparent url(/buildassets/king-tide/tidemarker.png) no-repeat 50% 175px }
  .two-dee { background: url(/buildassets/king-tide/twodee.png) repeat-y 50% 180px }
  .three-dee { background: url(/buildassets/king-tide/threedee-omg.png) no-repeat 50% 0 }
  
  /* GCA Project */
  .gca-projects { background: #f1f1f1; color: #555; position: relative; width: 100%; z-index: 1 }
  .gca-projects {
    background: -moz-linear-gradient(top, #ffffff 0%, #f1f0f0 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f1f0f0));
    background: -webkit-linear-gradient(top, #ffffff 0%,#f1f0f0 100%);
    background: -o-linear-gradient(top, #ffffff 0%,#f1f0f0 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#f1f0f0 100%);
    background: linear-gradient(top, #ffffff 0%,#f1f0f0 100%);
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.25);
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,.25);
    box-shadow: 0 1px 4px rgba(0,0,0,.25)
  }
  
    .gca-projects .inner { line-height: 40px; font-size: 12px; height: 40px; margin: 0 auto; padding-left: 75px; position: relative; text-align: left; width: 870px }
      .gca-projects a { border-left: 1px solid #bbb; color: #999; margin-left: .5em; padding-left: .5em }
      .gca-projects a:hover,
      .gca-projects a:focus { color: #666}
      .gca-projects a:hover,
      .gca-projects a:focus { color: #666}
      .gca-projects .logo { background: url(/buildassets/king-tide/common.png) 0 0; border: none; float: left; height: 104px; left: -25px; margin-bottom: -40px; position: absolute; text-indent: -999em; top: 0; width: 94px }
    
  .gca-projects .projects { height: 40px; line-height: 20px; list-style: none; margin: 0 0 9px; overflow: hidden; padding: 0; position: relative; top: -40px; margin-bottom: -41px }
  .gca-projects .projects li,
  .gca-projects .projects a  { border: none; color: #999; float: left; font-weight: bold; padding: 0; margin: 0 }
  .gca-projects .projects li { margin-right: 12px }
  .gca-projects .projects a:hover,
  .gca-projects .projects a:focus { color: #666 }
  .gca-projects .projects img { height: 43px }  
  
  /* Header */
  .main-section { margin: 0 auto; position: relative; width: 960px; z-index: 0 } 

	#back-to-harden-up { background-position: -620px -168px; float: right; height: 31px; margin-bottom: 8px; width: 225px }
	#back-to-harden-up:hover,
	#back-to-harden-up:focus { background-position: -620px -208px }
	
	/* Content */
  .content { background-color: #fff; clear: both }
	.header { background: url(/buildassets/king-tide/ribbon.png) repeat-x 0 40px; float: left; height: 200px; position: relative; width: 100%; z-index: 1 }
	.header .logo { background-position: -100px -60px; height: 233px; float: left; margin-left: 40px; position: relative; top: -30px; width: 248px }
	.header .description { background-position: -100px 0; float: left; height: 44px; margin: 18px 0 0 20px; width: 610px }
	.header .navigation,
  .header .breadcrumb { float: left; list-style: none; margin: 14px 0 0 18px; padding: 0; width: 635px }
    .header .breadcrumb { font-size: 11px }
    .header .breadcrumb a { color: #337579 }
    .header .breadcrumb a:hover,
    .header .breadcrumb a:focus { color: #539599 }
		.header .navigation li,
		.header .navigation a,
		.header .navigation span,
		.header .home a { float: left }
		.header .navigation li { margin-right: 3px; position: relative; box-shadow: 0 0 5px rgba(0,0,0,.2) }
		.header .navigation a,
		.header .navigation span,
		.header .home a { background: transparent url(/buildassets/king-tide/common.png) no-repeat; height: 35px; text-indent: -999em }
		.header .navigation .current,
		.header .home .current { cursor: default }
		
			.header .home a { background-position: -360px -58px; height: 30px; width: 58px }
			.header .home a:hover,
			.header .home a:focus { background-position: -360px -92px }
			.header .home .current,
			.header .home .current:hover,
			.header .home .current:focus { background-position: -360px -126px }
			
			.header .navigation .social-media { box-shadow: none; float: right; margin: 0; padding: 0 }
			  .header .navigation .social-media ul { list-style: none; margin: 0; padding: 0 }	  
			  .header .navigation .social-media li { margin: 0 0 0 6px }
			  
			  .header .navigation .social-media a { height: 25px; width: 25px }
			  .header .navigation .social-media a:hover,
			  .header .navigation .social-media a:focus { filter: alpha(opacity=875); opacity: 0.875 }
			  
			  .header .navigation .social-media .facebook a { background-position: -624px -256px }
			  .header .navigation .social-media .twitter a { background-position: -655px -256px }
			  .header .navigation .social-media .linkedin a { background-position: -686px -256px }
			  .header .navigation .social-media .flickr a { background-position: -717px -256px }
			  
			 

			.header .about-us a { background-position: -421px -70px ; width: 58px }
			.header .about-us a:hover,
			.header .about-us a:focus, 
			.header .about-us .current { background-position: -421px -108px }
			
			.header .participate a { background-position: -482px -70px ; width: 100px }
			.header .participate a:hover,
			.header .participate a:focus, 
			.header .participate .current { background-position: -482px -108px }
			
			.header .plan-your-shoot a { background-position: -585px -70px; width: 139px }
			.header .plan-your-shoot a:hover,
			.header .plan-your-shoot a:focus, 
			.header .plan-your-shoot .current { background-position: -585px -108px }
			
			.header .what-are-king-tides a { background-position: -727px -70px; width: 175px }
			.header .what-are-king-tides a:hover,
			.header .what-are-king-tides a:focus, 
			.header .what-are-king-tides .current { background-position: -727px -108px }
			
      .header .share-your-photo { margin-right: 0!important }
			.header .share-your-photo span,
			.header .share-your-photo a { background-position: -905px -70px; width: 151px }
			.header .share-your-photo a:hover,
			.header .share-your-photo a:focus, 
			.header .share-your-photo .current { background-position: -905px -108px }
      .header .share-your-photo:hover .tooltip { display: block }
 
  .header .navigation .tooltip { background: url(/buildassets/king-tide/common.png) no-repeat -360px -163px; display: none; font-size: 13px; height: 126px; left: -135px; line-height: 18px; padding: 27px 18px; position: absolute; top: 24px; width: 212px }
    .navigation .share-your-photo .tooltip a { background: url(/buildassets/king-tide/button.png) -56px -79px; float: left; height: 22px; margin-top: 4px; text-indent: -999em; width: 96px }
    .navigation .share-your-photo .tooltip a:hover,
    .navigation .share-your-photo .tooltip a:focus { background-position: -56px -103px }

	.content .body { clear: both; overflow: hidden; padding: 0 25px 42px 35px; position: relative; z-index: 0 }
  .body .main { float: right; width: 630px }
  .body .main p,
  .body .main table { margin-bottom: 18px }
  .body .main p a { border-bottom: 1px dotted #0094d4 }
	
  #register-now { background: url(/buildassets/king-tide/button.png) no-repeat 0 0; display: block; height: 34px; text-indent: -999em; width: 140px }
  #register-now:hover,
  #register-now:focus { background-position: 0 -40px }
  
  #share-your-photo { background: url(/buildassets/king-tide/button.png) no-repeat -720px 0; display: block; height: 34px; text-indent: -999em; width: 175px }
  #share-your-photo:hover,
  #share-your-photo:focus { background-position: -720px -40px }
  
  .map { border: 3px solid #1e83b6; position: relative; height: 620px; margin-bottom: 24px; width: 620px }
  .map #see-all { background: url(/buildassets/king-tide/button.png) no-repeat -360px -80px; bottom: 32px; display: block; height: 53px; left: 10px; position: absolute; text-indent: -999em; width: 201px }
  .map #see-all:hover,
  .map #see-all:focus { background-position: -360px -136px }
    .map #data { height: 100%; width: 100% }
  
  .map .info-window { background: #fff url(/buildassets/king-tide/modal-background.png) repeat-x 0 0; border-radius: 8px; color: #556473; font-size: 12px; line-height: 16px; padding: 12px 14px; width: 215px }
    .map .info-window p { margin: 0 0 0.625em }
    .map .info-window .divided { border-top: 1px solid #717d86; padding-top: 0.625em; margin-bottom: 1em }
    .map .info-window .register-now { background: url(/buildassets/king-tide/button.png) no-repeat -56px -79px; display: block; height: 22px; text-indent: -999em; width: 96px }
    .map .info-window .register-now:hover,
    .map .info-window .register-now:focus { background-position: -56px -103px }
    
  .map .modal, .content .modal { display: none }     
  .modal { background: #fff url(/buildassets/king-tide/modal-background.png) repeat-x 0 0; padding: 22px 24px; width: 552px; border-radius: 8px; behavior: url(/scripts/pie.htc) }
  .modal p { margin-bottom: 18px }
  .modal .heading { font-size: 20px }
  .modal table { background: url(/buildassets/king-tide/table-divider.png) repeat-x 0 0; border-collapse: collapse; font-size: 12px; width: 100% }
  .modal table tr { background: url(/buildassets/king-tide/table-divider.png) repeat-x 0 100% }
  .modal table th,
  .modal table td { line-height: 20px; text-align: left }
    
  #print { background: url(/buildassets/king-tide/button.png) no-repeat -264px -80px; display: block; height: 25px; position: relative; text-indent: -999em; top: -5px; width: 52px }
  #print:hover,
  #print:focus { background-position: -264px -112px }
  
  .modal #print { float: right }
  
  .modal .text { margin-bottom: 18px; max-height: 415px; overflow: auto; padding-right: 18px }
  .modal .text::-webkit-scrollbar {
    width: 6px;
    height: 6px;
  }
  .modal .text::-webkit-scrollbar-button:start:decrement,
  .modal .text::-webkit-scrollbar-button:end:increment {
    display: none;
  }
 
  .modal .text::-webkit-scrollbar-track-piece {
    background-color: #ccc;
    -webkit-border-radius: 3px;

  }
  .modal .text::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #797979;
    -webkit-border-radius: 3px;
  }
  .modal .text::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: transparent;
    -webkit-border-radius: 3px;
  }

  .modal small { font-size: 12px }
  
  a.see-all-king-tide-photos-on-map { background: url(/buildassets/king-tide/button.png) no-repeat -568px -80px; clear: both; display: block; float: left; height: 34px; margin: 0 12px 8px 0; text-indent: -999em; width: 286px }
  a.see-all-king-tide-photos-on-map:hover,
  a.see-all-king-tide-photos-on-map:focus { background-position: -568px -120px } 
  
  a.see-all-king-tide-photos-on-flickr { background: url(/buildassets/king-tide/button.png) no-repeat -568px -160px; display: block; float: left; height: 34px; text-indent: -999em; width: 306px }
  a.see-all-king-tide-photos-on-flickr:hover,
  a.see-all-king-tide-photos-on-flickr:focus { background-position: -568px -200px } 
	
	.see-photos { overflow: hidden }
	.see-photos .heading { color: #1f84b7; font: bold 14px/16px sans-serif; margin-bottom: 2px; text-transform: uppercase }
    .see-photos .alert { margin-bottom: 1.5em }
	
	a.on-a-map { background: url(/buildassets/king-tide/button.png) no-repeat 0 -192px; display: block; float: left; height: 51px; text-indent: -999em; width: 207px }
  a.on-a-map:hover,
  a.on-a-map:focus { background-position: 0 -248px } 
	
	a.in-mosaic { background: url(/buildassets/king-tide/button.png) no-repeat -213px -194px; display: block; float: left; height: 51px; margin-left: 2px; text-indent: -999em; width: 208px }
  a.in-mosaic:hover,
  a.in-mosaic:focus { background-position: -213px -250px } 
	
	a.on-flickr { background: url(/buildassets/king-tide/button.png) no-repeat -432px -250px; display: block; float: left; height: 51px; margin-left: 7px; text-indent: -999em; width: 206px }
  a.on-flickr:hover,
  a.on-flickr:focus { background-position: -648px -250px } 
  
  .king-tide-photos img.feature { float: right; margin-bottom: 18px }
  #featured-photos { background: url(/buildassets/king-tide/grey-divider.png) repeat-x 0 0; clear: both; float: left; margin-top: 18px; padding-top: 20px }
  #featured-photos ul { margin: 12px 0 10px } 
  
  .body .innerpage-heading,
  .body .parent-heading  { margin-bottom: -24px }
  .body .parent-heading { color: #176267; display: block; line-height: 1 }
  
  .body .main .content,  
  .supplement .first-section { background: url(/buildassets/king-tide/black-divider.png) repeat-x 0 0; margin-top: 32px; padding-top: 18px }
  
  .body .main .content { background: transparent url(/buildassets/king-tide/black-divider.png) repeat-x 0 0 }
  .body .main .content .media { float: right; margin-left: 18px; width: 245px }
        .main .content .media .item { background-color: #ccc; margin-bottom: 18px; overflow: hidden }
                       .media .item img, 
                       .media .item object { float: left; width: 245px }
        .main .content .media .item .caption { border-top: 1px solid #fff; display: block; float: left; font-size: 12px; padding: 9px 18px; width: 209px }
        .main .content .media .video a { float: left; overflow: hidden; position: relative }
        .main .content .media .video a .play { background: url(/buildassets/king-tide/video-play-background.png) no-repeat 50% 50%; float: left; left: 0; height: 100%; position: absolute; text-indent: -999em; top: 0; width: 100%; z-index: 1 }
         .main .content .media .video a img { position: relative; z-index: 0 }
  .body .main .supplement { background: transparent url(/buildassets/king-tide/black-divider.png) repeat-x 0 0; clear: both; padding-top: 18px; width: 100% }
  .body .main .supplement .section { clear: none; float: left; width: 305px }
  .body .main .supplement .second-section { background: url(/buildassets/king-tide/grey-vertical-divider.png) repeat-y 0 0; padding-left: 16px; margin-top: 0; padding-top: 0 }
        .main .supplement .heading { font-size: 21px; margin-bottom: 4px }
        .main .supplement .section ul { list-style: none; margin: 0; padding: 0 }
        .main .supplement .section ul a { background: url(/buildassets/king-tide/common.png) no-repeat -994px 4px; color: #333; float: left; font-size: 12px; line-height: 18px; padding-left: 10px; width: 231px }
        .main .supplement .section ul a:hover,
        .main .supplement .section ul a:focus { color: #176267 }
  
  .body .summaries { clear: both; list-style: none; margin: 18px 0 0; overflow: hidden; padding: 0 }
  .body .summaries li { background: url(/buildassets/king-tide/grey-divider.png) repeat-x 0 0; overflow: hidden }
  .body .summaries a { float: left; padding: 18px 0; width: 100%  }
  .body .summaries img { border: 5px solid #d9d9d9; float: left; margin-right: 20px; width: 110px; }
  .body .summaries .content { background: none; clear: none; float: left; margin: 0; padding: 0; width: 485px }
  .body .summaries .no-image .content { width: 100% }
  .body .summaries .name { clear: both; color: #1f85b8; display: block; font-size: 16px }
  .body .summaries .text { color: #333; float: left; line-height: 18px; margin-top: 2px }
  .body .summaries .read-more { background: transparent url(/buildassets/king-tide/button.png) no-repeat 0 -79px; clear:both; float: left; height: 22px; margin-top: 0.5em; text-indent: -999em; width: 50px }
    .body .summaries a:hover .read-more,
    .body .summaries a:focus .read-more  { background-position: 0 -104px }
		
  .registration { background: url(/buildassets/king-tide/grey-divider.png) repeat-x 0 0; margin-top: 18px; padding-top: 14px }
  .registration .fieldsets { float: left; width: 100% }
  .registration fieldset { clear: left; float: left; margin-bottom: 16px; width: 250px }
	.registration hr { background-image: url(/buildassets/king-tide/grey-divider.png); clear: both; height: 3px }
  .registration legend { color: #0094d4; font-size: 16px; font-weight: bold; min-height: 30px; overflow: hidden; padding: 8px 0 12px; width: 100% }
  .registration legend strong { float: left; width: 82% }
  #participate-3 legend { display: none }
  .registration legend .number { background: url(/buildassets/king-tide/participate-numbers.png) no-repeat; float: left; height: 30px; margin: -5px 5px 0 0; text-indent: -999em; width: 30px }
        #participate-1 .number,
        #share-1 .number { background-position: 0 0 }
        #participate-2 .number,
        #share-2 .number { background-position: -32px 0 }
        #share-3 .number { background-position: -64px 0 }
        #share-4 .number { background-position: -96px 0 }
  .registration label { margin-bottom: 2px }
  .registration label.required { background: url(/buildassets/king-tide/required.png) no-repeat 100% 0; padding-right: 5px }
  .registration span.required { display: none }
  .registration small span.required { color: #0094d4; display: inline }
  .registration input.text { display: block; margin-bottom: 4px; width: 240px }
  .registration .error-messages { clear: both; overflow: hidden }  
  .registration .error-message { color: #d30; float: left }
  #share-5 .error-message { margin: 4px 0 }
  .registration input.error,
	.registration select.error { background-color: #f0ffff; border-color: #0094D4 }
  .registration input.submit,
  .registration input.back,
  .registration input.next-step  { background: transparent url(/buildassets/king-tide/button.png) no-repeat -144px 0; border: none; float: right; height: 34px; text-indent: -999em; *text-transform: capitalize; width: 84px }
  .registration input.submit:hover,
  .registration input.submit:focus { background-position: -144px -40px }
  
  .registration .map { float: right; height: 240px; width: 310px }
  .share-your-photo .map { float: right; height: 275px; width: 360px }
  .registration-modal { padding: 20px 22px }
  .registration-modal .heading { background: url(/buildassets/king-tide/table-divider.png) repeat-x 0 100%; margin-bottom: 14px; padding-bottom: 12px }
  .registration-modal .text { height: 395px; }
    
  #view-tide-times { background: url(/buildassets/king-tide/button.png) no-repeat -232px 0; display: block; height: 33px; text-indent: -999em; width: 148px }
  #view-tide-times:hover,
  #view-tide-times:focus { background-position: -232px -41px }
  
  #participate-2,
  #participate-3,
  #share-4 { background: url(/buildassets/king-tide/grey-divider.png) repeat-x 0 100% }
	#participate-2 { padding-bottom: 18px }
	#participate-2 legend { padding: 6px 0 10px } 
  #participate-2 label { display: none; float: left; }
  #participate-2 select { clear: left; float: left; margin-bottom: 4px; width: 100% }
	#participate-2 .find-location { background: url(/buildassets/king-tide/button.png) no-repeat -890px -80px; display: block; float: right; height: 25px; margin-top: 1px; text-indent: -999em; width: 110px }
	#participate-2 .find-location:hover,
	#participate-2 .find-location:focus { background-position: -890px -108px }
	#participate-2 .suburb-selector { clear: left; float: left; margin: 12px 0 0; width: 100% }
	#participate-2 select.suburbs-found { border: none; color: #0d75a2; font-size: 14px; font-weight: bold; line-height: 1.5em; margin: 0 }
  #participate-2 .error-message { margin-bottom: 8px }
  #participate-3 { margin-bottom: 8px; padding-bottom: 4px; *padding-top: 6px }
  #participate-3 input { float: left; margin-right: 6px; width: 14px }
  #participate-3 label { float: left; margin-bottom: 6px; position: relative; top: -4px; width: 230px }
  #participate-3 .field { margin-bottom: 6px }
  #participate-3 .field label { margin-bottom: 0 }
  #participate-3 .field .error-message { display: block; margin-bottom: 12px }
	#participate-4 input.submit { margin-top: 4px }
  
  .share-your-photo .step-1 { float: none; width: auto }
  .share-your-photo .step-1 fieldset { margin-bottom: 12px }
  .share-your-photo .step-1 legend strong { width: 100% }
  #share-2 legend { padding-bottom: 0 }
  #share-2 label { background-image: none; cursor: text; display: block; padding-left: 30px }
  #share-2 .error-message { margin: 4px 0 0; padding-left: 30px }
  .js #share-2 input { display: none }
  #share-3 { clear: both; font-size: 12px }
  #share-3 .field { margin-bottom: 6px }
  #share-3 label { clear: both; display: block; font-size: 14px }
  #share-3 label.hide { display: none }
  input.placeholding { color: #ababab }
  #share-3 input.time,
  #share-3 .selectBox { display: inline; float: left; width: 22px }
  #share-3 span.time { float: left; line-height: 24px; margin: 0 2px }
  #share-3 select.time { display: inline; float: left; height: 24px; margin: 0 0 4px 4px }
  #share-3 input.date { display: inline; float: left;  margin-left: 19px; width: 75px }
  #share-3 .dp-choose-date { background: url(/buildassets/king-tide/calendar.png) no-repeat 0 0; float: left; height: 24px; text-indent: -999em; width: 23px }
  #share-4 p { padding-left: 30px }
  #share-4 .submit { display: none }
  #share-5 a { border-bottom: 1px dotted #0094D4 }
	
	.tide-tracker-full { clear: both }

	.state .subheading { color: #333; font: bold 14px/1.4em sans-serif; margin: 12px 0 8px }
	
	.councils { list-style: none; margin: 0; overflow: hidden; padding: 0 }
		.councils .council { float: left; margin-right: 14px; width: 200px }
		.councils .first-in-row { clear: left }
		.councils .last-in-row { margin-right: 0 }		
			.council .logo { background-color: #d5d5d5; display: block; height: 100px; margin-bottom: 5px; overflow: hidden; width: 200px }
				.council .logo img { max-width: 100% }
			.council .name { background-color: #12a2ab; color: #fff; display: block; font-size: 12px; font-weight: normal; line-height: 1.425em; padding: 8px; text-align: center }
			.council a:hover .name,
			.council a:focus .name { background-color: #1db4bf }
   
/*  Selectbox
    ========	*/
    
    #share-3 .selectBox { width: 24px }
    .selectBox-dropdown { background: url(/buildassets/king-tide/select-arrow.png) no-repeat 100% 0; border: 1px solid #B0ADAD; height: 22px; margin-left: 4px; padding-right: 18px; width: 217px; position: relative; line-height: 22px; text-decoration: none; text-shadow: none; color: #333; outline: none; vertical-align: middle; cursor: default }
    .selectBox-dropdown .selectBox-label { color: #333; font-weight: normal; padding-left: 4px; width: 100%; white-space: nowrap; overflow: hidden }
    .selectBox-dropdown:hover, .selectBox-dropdown:focus { border-color: #B0ADAD }
    .selectBox-dropdown:hover .selectBox-arrow { border-color: #B0ADAD; cursor: pointer; position: absolute; top: 0; right: 0; width: 30px; height: 100% }
    .selectBox-dropdown-menu { background: #fff; width: 43px!important; position: absolute; z-index: 99999; max-height: 200px; overflow: auto }
    .selectBox-inline { width: 250px; outline: none; background: #FFF; display: inline-block; overflow: auto }
    .selectBox-options,.selectBox-options LI,.selectBox-options LI A { background: #fff; list-style: none; display: block; cursor: default; margin: 0; padding: 0 }
    .selectBox-options LI A { color: #333; font-size: 12px; font-weight: normal; line-height: 22px; white-space: nowrap; overflow: hidden; padding: 0 4px; -webkit-transition: none }
    .selectBox-options LI.selectBox-hover A { color: #fff; background-color: #0094D4 }
    .selectBox-options LI.selectBox-disabled A { color: #fff; background-color: transparent }
    .selectBox-options .selectBox-optgroup { color: #B0ADAD; background: #EEE; font-weight: 700; line-height: 22px; white-space: nowrap; padding: 0 .3em }
    .selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #B0ADAD }
    .selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent!important }
    .selectBox-dropdown:focus,.selectBox-dropdown:focus .selectBox-arrow,.selectBox-inline:focus { border-color: #B0ADAD }
    .selectBox.selectBox-disabled,.selectBox-inline.selectBox-disabled { color: #989898!important }
    
  .date-form-item .short-help {
    clear: both;
  }
  /* For the input and anchor */
  a.dp-choose-date {
    width: 16px;
    height: 16px;
    border: none;
    color: #fff;
    padding: 0;
    margin: 0 0 0 3px;
    float: left;
    overflow: hidden;
    cursor: pointer;
    background: url(../../images/buttons/but_calendar.png) #ececec left top no-repeat;
    text-indent: -1000px;
  }
  a.dp-choose-date.dp-disabled {
    background-position: 0 -20px;
    cursor: default;
  }
  input.dp-applied {
    float: left;
  }

  /* For the calendar table */
  table.jCalendar {
    background: #aaa;
    width: 100%;
    float: left;
    margin: 0;   
    border-collapse: collapse!important; /* override default table styles */   
  }

  table.jCalendar th {
    background-color: #0094d4;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
    border: none!important;
    text-align: center;
  }

  table.jCalendar td {
    background: #fff;
    border: none!important;
    color: #333;
    padding: 3px 5px;
    text-align: center;
    vertical-align: middle;
    
  }

  table.jCalendar td.other-month {
    color: #ababab;
  }

  table.jCalendar td.today {
    font-weight: bold;
  }

  table.jCalendar td.selected {
    background: #0094d4;
    color: #fff;
    font-weight: bold;
  }
  table.jCalendar td:hover, table.jCalendar td.dp-hover {
    background: #0094d4;
    color: #fff;
  }
  table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
    background: #bbb;
    color: #888;
  }
  div#dp-popup {
    position: absolute;
    font-size: 10px;
    background: #fff;
    border: 1px solid #ababab;
    height: 172px;
    width: 171px;
    z-index: 2000;
  }
  div#dp-popup h2 {
    color: #0094d4;
    font-size: 12px;
    line-height: 22px;
    margin: 4px 0 -26px;   
    text-align: center
  }
  .dp-nav-prev,
  .dp-nav-next { line-height: 24px; padding: 0 4px }
  .dp-nav-prev,
  .dp-nav-prev a { float: left }
  .dp-nav-next,
  .dp-nav-next a  { float: right }

  div#dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px;
  }
  div#dp-popup div#dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
  }
  div#dp-popup div#dp-nav-prev a {
    float: left;
  }
  /* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
  div#dp-popup div#dp-nav-prev a, div#dp-popup div#dp-nav-next a {
    cursor: pointer;
  }
  div#dp-popup div#dp-nav-prev a.disabled, div#dp-popup div#dp-nav-next a.disabled {
    cursor: default;
  }
  div#dp-popup div#dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
  }
  div#dp-popup div#dp-nav-next a {
    float: right;
  }
  div#dp-popup a.disabled {
    cursor: default;
    color: #aaa;
  }
  div#dp-popup td {
    cursor: pointer;
  }
  div#dp-popup td.disabled {
    cursor: default;
  }

  
  #share-3 textarea { line-height: 17px; max-width: 242px; min-height: 84px; padding: 3px 4px; width: 242px }
  #share-3 textarea.placeholding { color: #ababab }
  #share-4 { padding-bottom: 16px }
  
  #share-5 .field { padding: 3px 0 }
  #share-5 input { margin-right: 6px }
  
  .share-your-photo fieldset.last { background: url(/buildassets/king-tide/grey-divider.png) repeat-x 0 0; clear: both; padding: 16px 0 12px; width: 100% }
  .share-your-photo .step-1 input.next-step { background-position: -536px 0; width: 102px }
  .share-your-photo .step-1 input.next-step:hover,
  .share-your-photo .step-1 input.next-step:focus { background-position: -536px -40px }
  
  .share-your-photo .step-2,
  .share-your-photo .step-2 fieldset { width: 100% }
  
  .share-your-photo .step-2 input.back { background-position: -641px 0; float: left; width: 71px }  
  .share-your-photo .step-2 input.back:hover,
  .share-your-photo .step-2 input.back:focus { background-position: -641px -40px }
  .share-your-photo .step-2 input.submit { float: right }
  
  .contact-us { margin-top: 0; padding-top: 22px }
  .contact-us .heading { margin-bottom: 10px }
  .contact-us .section { float: left; width: 50% }
  .contact-us textarea { height: 68px; max-width: 308px; min-width: 308px; width: 308px }
  .contact-us textarea,
  .contact-us .section .text { display: block; margin-bottom: 6px }
  .contact-us .section .text { width: 265px }
  .contact-us .send { background: url(/buildassets/king-tide/button.png) no-repeat -877px -136px; border: none; float: right; height: 29px; margin-top: 8px; text-indent: -999em; text-transform: capitalize; width: 61px }
  .contact-us .send:hover,
  .contact-us .send:focus { background-position: -940px -136px }
  
  
/*  Supplement
    ===========
*/
  
  .body .supplement { float: left; width: 245px }
  .supplement .section { clear: both; float: left; margin-bottom: 20px; width: 100% }
  #latest-tweets { margin-bottom: 2px }
  
  .supplement .subnavigation { background: url(/buildassets/king-tide/black-divider.png) repeat-x 0 0; list-style: none; overflow: hidden; padding: 0 }
  .supplement .subnavigation li { background: url(/buildassets/king-tide/grey-divider.png) repeat-x 0 100%; float: left; overflow: hidden; width: 100% }
  .supplement .subnavigation li.last-child { background-image: url(/buildassets/king-tide/black-divider.png) }
  .supplement .subnavigation a { background: url(/buildassets/king-tide/common.png) no-repeat -994px 14px; color: #333; float: left; line-height: 36px; padding-left: 14px; width: 231px }
  .supplement .subnavigation a:hover,
  .supplement .subnavigation a:focus { color: #176267 }
  .supplement .subnavigation a.current { color: #176267; font-weight: bold }
  
	#tide-trackers,
  .tide-tracker { background-color: #ccc; overflow: hidden; position: relative }
.js .tide-tracker { display: none }
		.tide-tracker .image { overflow: hidden; position: relative; }
    .tide-tracker img { border: 2px solid #999; float: left; position: relative; z-index: 0 }
		.tide-tracker .navigation { background: url(/buildassets/king-tide/button.png) no-repeat; bottom: 2px; display: block; height: 29px; position: absolute; text-indent: -999em; width: 33px; z-index: 1 }
		.tide-tracker .previous { background-position: -426px -192px; left: 1px }
		.tide-tracker .previous:hover,
		.tide-tracker .previous:focus { background-position: -494px -192px }
		.tide-tracker .next { background-position: -460px -192px; right: 2px }
		.tide-tracker .next:hover,
		.tide-tracker .next:focus { background-position: -528px -192px }
    .tide-tracker .details { background: url(/buildassets/king-tide/tide-tracker-details-background.png); background: rgba(51,51,51,.8); color: #f1f0e5; font-size: 11px; line-height: 14px; padding: 10px 12px; position: absolute; right: 2px; top: 8px; width: 116px }
      .tide-tracker .name,
      .tide-tracker .occupation,
      .tide-tracker .location { display: block }
      .tide-tracker .name { font-size: 13px; line-height: 16px }
      .tide-tracker .location { color: #15acf8 }
			.tide-tracker blockquote { margin: 12px 8px 8px }
			.tide-tracker blockquote p { font-size: 13px; line-height: 16px }
     .tide-tracker .more { background: url(/buildassets/king-tide/button.png) no-repeat 0 -79px; float: left; height: 22px; margin: -20px 0 18px 34px; text-indent: -999em; width: 50px }
      .tide-tracker .more:hover,
      .tide-tracker .more:focus { background-position: 0 -104px }
  
  #see-all-tide-trackers { background: url(/buildassets/king-tide/button.png) no-repeat 0 -128px; float: left; height: 24px; margin-left: 34px; text-indent: -999em; width: 181px }
    #see-all-tide-trackers:hover,
    #see-all-tide-trackers:focus { background-position: 0 -160px }
		

  #latest-photos .heading,
  #featured-photos .heading,
  #latest-tweets .heading,
  .king-tide-photos .heading  { font-size: 20px }
  
  #latest-photos .heading { position: relative; }
  #latest-photos .flickr { background: url(/buildassets/king-tide/common.png) no-repeat -860px 0; bottom: 2px; height: 11px; position: absolute; right: 0; text-indent: -999em; width: 44px } 
  .flickr-stream ul.thumbnail { list-style: none; margin: 0; overflow: hidden; padding: 0 }
    .flickr-stream ul.thumbnail li,
    .flickr-stream ul.thumbnail img { float: left }
    .flickr-stream ul.thumbnail li { border: 4px solid #d9d9d9; margin-bottom: 8px; margin-right: 8px; max-height: 72px; overflow: hidden }
    .flickr-stream ul.thumbnail li.last-in-row { margin-right: 0 }
    .flickr-stream ul.thumbnail li.first-in-row { clear: both }
    .flickr-stream ul.thumbnail img { width: 110px }
    #featured-photos .thumbnail li { border-width: 8px; max-height: 120px }
    #featured-photos ul.thumbnail img { width: 188px }
    #see-all-photos{ background: url(/buildassets/king-tide/button.png) no-repeat -160px -79px; clear: both; display: block; height: 22px; text-indent: -999em; width: 104px }
    #see-all-photos:hover,
    #see-all-photos:focus { background-position: -160px -103px }
    #see-photo-map { background: url(/buildassets/king-tide/photomap-button.png) no-repeat 0px 0px; clear: both; display: block; height: 22px; text-indent: -999em; width: 104px }
    #see-photo-map:hover,
    #see-photo-map:focus { background-position: 0px -24px }
    .photosonmap-image {  border: 4px solid #d9d9d9; margin-bottom: 4px; }

    .body .main p a.imagelink-nounderline { border-bottom: none;}

    .tweet { background: url(/buildassets/king-tide/grey-divider.png) repeat-x 0 100%; font-size: 12px; margin-bottom: 6px; padding: 8px 0 14px }
    .first-tweet { padding-top: 0 }
    .last-tweet { background: none; margin-bottom: 0; padding-bottom: 0 }
    .tweet a { color: #888; font-style: italic }
    .tweet .user { color: #176267; display: block; font-style: normal; font-weight: bold; margin-top: 4px }

    
  #find-us-on-facebook { background-color: #fff; border: 1px solid #d9d9d9; height: 400px; margin-top: 18px; overflow: hidden; width: 243px }
  #find-us-on-facebook iframe { left: -1px; position: relative; top: -1px }
    
  /* Footer */
  .footer { background-color: #fcfcfc; clear: both; color: #434141; float:left; position: relative; width: 100%; z-index: 1; box-shadow: 0 -5px 5px rgba(0,0,0,.1) }
	.footer .inner { margin: 0 auto; width: 960px }
  .footer a { color: #434141}
  .footer a:hover,
  .footer a:focus { color: #837878 }
  .footer .supporters { border-top: 1px solid #d1cfcf; padding: 24px 0 10px }
    .footer .supporters .heading { font-size: 14px; margin-bottom: 10px; text-transform: uppercase }
    .footer .supporters .inner {position:relative;}
    .footer .supporters .imaAward {position:absolute; right:7px; top:6px;}
    .footer .supporters .imaAward img {width:auto; height:auto;}
    .footer .supporters ul { list-style: none; margin: 0; overflow: hidden; padding: 0 }
    .footer .supporters li { margin: 0 28px 8px 0 }
    .footer .supporters li,
    .footer .supporters a { float: left }
    .footer .supporters img { height: 60px }
  .footer .supporters .funders { margin-bottom: 4px }
	.footer .legal { background-color: #fcfcfc; font-size: 11px; overflow: hidden }
		.footer .legal .inner { border-top: 1px solid #d1cfcf; overflow: hidden; padding: 8px 0 64px }
  
  #sitemap ul { margin: 0 0 0 1.5em; padding: 0 }
  #sitemap ul li { font-weight: bold; margin-bottom: 2px }
  #sitemap ul li ul { margin: 0.25em 0 0.25em 1em }
  #sitemap ul li ul li { font-weight: normal }