/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */

	/***************************
	* foundation
	***************************/

		/***************************
		* icon fonts
		***************************/
		
		/* @import url('/lib/foundation/images/foundation/icons/foundation_icons_accessibility/stylesheets/accessibility_foundicons.css'); */
		@import url('/lib/foundation/images/foundation/icons/foundation_icons_general/stylesheets/general_foundicons.css');
		/* @import url('/lib/foundation/images/foundation/icons/foundation_icons_general_enclosed/stylesheets/general_enclosed_foundicons.css'); */
		/* @import url('/lib/foundation/images/foundation/icons/foundation_icons_social/stylesheets/social_foundicons.css'); */

		/* checkbox use checkmark/tick instead of remove/cross */
		
		/* form.custom span.custom.checkbox.checked:before { content: "\f005"; color:#222; !important; zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "") !important;} */
		/* form.custom span.custom.checkbox.checked:before{content:"\f005";color:#222} */
		/* .foundicon-remove { zoom: expression(this.runtimeStyle['zoom'] = "1", this.innerHTML = "");} */
		/* form.custom span.custom.checkbox.checked:before{content:#10003;color:#222} */
		/***************************
		* tabs
		***************************/
		
		.tabs-content {clear:both;} /* prevent tabs running into content */
	
		/***************************
		* tabs
		***************************/
		
		.menubar .nav-bar {margin-top:0px;}
		
		/***************************
		* forms
		***************************/
		
		form.custom span.custom.radio {position:inherit;} /* remove phantom circle behind next sibling */
		
		form.custom div.custom.dropdown a.selector {border-left: 1px solid #DDDDDD; border-right:none; border-bottom:none;} /* tidy up appearance */
		
		form label {font-size:14px; color:#A5806B; font-weight:bold; margin:0; padding:0;}
		/* form input label {font-size:inherit !important; color:inherit !important; font-weight:inherit !important; margin:inherit; padding:inherit;} */
		form label.radio {font-size:12px; color:#000000; font-weight:normal;}
		
		form select {width:auto !important;}
		
		/* coffee
		.top-bar {background-color:#9C7353;}
		.top-bar ul > li.divider {background-color:#7B5C44;}
		.top-bar ul > li:hover a {background-color:#7B5C44;}
		.top-bar ul > li.toggle-topbar:hover a {background-color:#9C7353;}
		.top-bar ul > li.active {background-color:#9C7353;}
		.top-bar ul > li:hover {background-color:#9C7353;}
		.top-bar ul > li.name h1 a {background-color:#9C7353;}
		.top-bar ul > li a:not(.button) {line-height:44px; height:44px;}
		.top-bar ul.left > li, .top-bar ul.right > li {border:none !important;}
		*/

		/* coffee */
		.top-bar-coffee {background-color:#9C7353;}
		.top-bar-coffee ul > li.divider {background-color:#7B5C44;}
		.top-bar-coffee ul > li:hover a {background-color:#7B5C44;}
		.top-bar-coffee ul > li.toggle-topbar:hover a {background-color:#9C7353;}
		.top-bar-coffee ul > li.active {background-color:#9C7353;}
		.top-bar-coffee ul > li:hover {background-color:#9C7353;}
		.top-bar-coffee ul > li.name h1 a {background-color:#9C7353;}
		.top-bar-coffee ul > li a:not(.button) {line-height:44px; height:44px;}
		.top-bar-coffee ul.left > li, .top-bar ul.right > li {border:none !important;}
		
		/* blue */
		.top-bar-blue {background-color:#477596;}
		.top-bar-blue ul > li.divider {background-color:#365974;}
		.top-bar-blue ul > li:hover a {background-color:#365974;}
		.top-bar-blue ul > li.toggle-topbar:hover a {background-color:#477596;}
		.top-bar-blue ul > li.active {background-color:#477596;}
		.top-bar-blue ul > li:hover {background-color:#477596;}
		.top-bar-blue ul > li.name h1 a {background-color:#477596;}
		.top-bar-blue ul > li a:not(.button) {line-height:44px; height:44px;}
		.top-bar-blue ul.left > li, .top-bar ul.right > li {border:none !important;}
	
		/* red */
		.top-bar-red {background-color:#CC0000;}
		.top-bar-red ul > li.divider {background-color:#365974;}
		.top-bar-red ul > li:hover a {background-color:#365974;}
		.top-bar-red ul > li.toggle-topbar:hover a {background-color:#CC0000;}
		.top-bar-red ul > li.active {background-color:#CC0000;}
		.top-bar-red ul > li:hover {background-color:#CC0000;}
		.top-bar-red ul > li.name h1 a {background-color:#CC0000;}
		.top-bar-red ul > li a:not(.button) {line-height:44px; height:44px;}
		.top-bar-red ul.left > li, .top-bar ul.right > li {border:none !important;}
	
		/* green */
		.top-bar-green {background-color:#698C00;}
		.top-bar-green ul > li.divider {background-color:#4D6600;}
		.top-bar-green ul > li:hover a {background-color:#4D6600;}
		.top-bar-green ul > li.toggle-topbar:hover a {background-color:#698C00;}
		.top-bar-green ul > li.active {background-color:#698C00;}
		.top-bar-green ul > li:hover {background-color:#698C00;}
		.top-bar-green ul > li.name h1 a {background-color:#698C00;}
		.top-bar-green ul > li a:not(.button) {line-height:44px; height:44px;}
		.top-bar-green ul.left > li, .top-bar ul.right > li {border:none !important;}
	
	
	/***************************
	* html
	***************************/
	
	body {background:#ECF7FB;} /*  padding-top:85px !important;} */
	
	/***************************
	* icons
	***************************/
	
	a.icon_button {background:#2284A1; padding:4px; margin:0 12px 0 0; display:inline-block;}
	.icon_button_16 {width:16px; height:16px; margin:0; padding:0;}
	.icon_button_24 {width:24px; height:24px; margin:0; padding:0;}

	/***************************
	* fonts
	***************************/
	
	h1 {font-size:24px; color:#477596;}
	h2 {font-size:18px; color:#644B3D;}
	h3 {font-size:14px; color:#A5806B; font-weight:bold; margin:0; padding:0;}
	h4 {font-size:12px; color:#666666; font-weight:bold; margin:0; padding:0;}
	
	#username_heading {font-size:24px;}
	
	.hint {color:#999999; font-size:10px;}
	
	.isreq {display:inline-block; font-size:18px; font-weight:bold !important; margin:0; padding:0 4px;}
	
	/***************************
	* highlight
	***************************/
	
	.highlight {background-color:#FFFFFF;}
	
	/***************************
	* icons
	***************************/
	
	.icon_sym{width:16px; height:16px; display:inline;}
	.icon{background-repeat:no-repeat; background-position:left center;}
	.icon_play{background-image:url(/themes/date/icons_16/athlete.png);}
	.icon_watch{background-image:url(/themes/date/icons_16/tv.png);}
	.icon_support{background-image:url(/themes/date/icons_16/hand_thumb_up.png);}
	.icon_star_yellow{background-image:url(/themes/date/icons_16/star_yellow.png);}
	.icon_star_grey{background-image:url(../icons_16/star_grey.png);}
	.icon_tick{background-image:url(/themes/date/icons_16/check.png);}

	
	/***************************
	* padding
	***************************/
	
	.padded-10 {padding:10px;}
	.padded-20 {padding:20px;}
	.padded-20-0 {padding:20px 0;}
	.padded-40-0-0-0 {padding:40px 0 0 0;}
	
	/***************************
	* dividers
	***************************/
	.clearfix {clear:both;}
	.spacer {height:10px; clear:both;}
	.spacer-min {height:4px; clear:both;}
	hr.divider-thin {margin:6px 0;}
	
	/***************************
	* nav
	***************************/
	
	dl.sub-nav dd.upto a {color:#000000;}
	
	/***************************
	* steps
	***************************/
	
	ol.steps {}
	ol.steps li {}
	ol.steps li.tobedone {color:#999999;}
	ol.steps li.donealready {color:#000000;}
	ol.steps li.doingthisone {color:#000000;}
	
	/***************************
	* topbar
	***************************/
	
	.photo_topbar_a {position:relative;}
	.photo_topbar_spacer {width:24px; display:inline-block;}
	.photo_topbar {width:38px; height:38px; position:absolute; left:40px; top:4px;}

	/***************************
	* titlebar
	***************************/
	
	.titlebar {background:#333333; padding:6px 20px; margin:0;}
	.titlebar h3 {font-size:14px; font-weight:bold; color:#FFFFFF;}

	/***************************
	* banner
	***************************/
	/*
	.banner {background:#3E67C3;}
	
	.banner h1 {font-size:16px; color:#FFFFFF;}
	.banner h1 span {display:inline-block;}
	.banner img {float:left;}
	*/
	
	/* img.logo-banner {margin:14px 0 0 0;} */
	
	#banner h1 a {background:url(/themes/date/img/logo_banner_200x100_tagline.png) no-repeat left -6px; width:200px; height:100px; display:inline-block; text-decoration:none;}
	#banner h1 a span {margin-left:-10000px;}
	
	#banner .searchbox {margin-top:70px;}
	
	/***************************
	* feature-slider
	***************************/
	/* .feature-slider {background:#849CD7;} */
	
	
	/***************************
	* tabs
	***************************/
	
	.pane {list-style-type:none;}
	
	/***************************
	* hourglass
	***************************/

	#seconds_left {color:#2BA6CB; font-weight:bold;}
	#wrapper_hourglass_topbar {color:#FFFFFF; font-weight:bold;}
	#wrapper_hourglass_topbar span img {width:20px; height:20px;}
	
	/***************************
	* elements
	***************************/
	
		/***************************
		* pricing-table
		***************************/
	
		.pricing-table .gold {background:#A98219; border-color:#060709; color:#F6F022;}
		.pricing-table .red {background:#CC0000; border-color:#990000; color:#FFFFFF;}
		.pricing-table .green {background:#5DA423; border-color:#457A1A; color:#FFFFFF;}
		.pricing-table .units {font-size:14px; color:#666666;}

		/***************************
		* panels
		***************************/
	
		.panel.small {margin:0 0 4px 0; padding:4px;}
		.panel.medium {margin:0 0 4px 0; padding:10px;}
		.panel.white {background:#FFFFFF;}
		.panel.gold {background:#A98219; border-color:#060709; color:#F6F022;}
		.panel.goldgradient {
			background-image: linear-gradient(bottom, rgb(227,192,16) 22%, rgb(255,246,212) 61%);
			background-image: -o-linear-gradient(bottom, rgb(227,192,16) 22%, rgb(255,246,212) 61%);
			background-image: -moz-linear-gradient(bottom, rgb(227,192,16) 22%, rgb(255,246,212) 61%);
			background-image: -webkit-linear-gradient(bottom, rgb(227,192,16) 22%, rgb(255,246,212) 61%);
			background-image: -ms-linear-gradient(bottom, rgb(227,192,16) 22%, rgb(255,246,212) 61%);
			
			background-image: -webkit-gradient(
				linear,
				left bottom,
				left top,
				color-stop(0.22, rgb(227,192,16)),
				color-stop(0.61, rgb(255,246,212))
			);
			border-color:#060709; color:#060709;
		}
		
		img.thumb {width:100px; height:100px;}

		img.thumb-small {width:60px; height:60px;}
		
		.label.gold {background-color:#E3C010;}
		
	.spacer-top-left {width:1px; height:10px; float:left;}
	.spacer-top-right {width:1px; height:10px; float:right;}
	
	/***************************
	* responsive
	***************************/
	
		/***************************
		* responsive (bootstrap)
		***************************/

		/* Large desktop */
		@media (min-width: 1200px) {
		}
		
		@media (min-width: 960px) {
		}
		 
		@media (min-width: 980px) and (max-width: 1200px) {
		}
		
		/* Portrait tablet to landscape and desktop */
		@media (min-width: 768px) and (max-width: 979px) {
			#banner {}
			#banner .padded-40-0-0-0 {padding:30px 0 0 0;}
		}
		 
		/* Landscape phone to portrait tablet */ /* Foundation Small Device Styles here */
		@media (max-width: 767px) {
			#banner {}
			#banner div.columns {text-align:center;}
			#banner div.columns .padded-40-0-0-0 {padding:0;}
			.hidden-tablet {display:none;}
			#banner .searchbox {margin-top:0;}
		}
		 
		/* Landscape phones and down */
		@media (max-width: 480px) {
			.hidden-phone {display:none;}
		}
		
		
		/***************************
		* responsive (foundation)
		***************************/

		/* Very large display targeting */ 
		@media only screen and (min-width: 1441px) {
			
		}
		
		/* Large display targeting (meb) */
		@media only screen and (max-width: 1440px) and (min-width: 1280px) {
			
		}

		/* Medium display targeting */
		@media only screen and (max-width: 1279px) and (min-width: 768px) {
			.show-for-large-down { display: inherit !important; }
  			.hide-for-large-down { display: none !important; }
			.show-for-large-up { display: inherit !important; }
  			.hide-for-large-up { display: none !important; }
		}
		
		/* topbar */
		@media only screen and (max-width: 940px) {
			.show-for-medium-down { display: inherit !important; }
  			.hide-for-medium-down { display: none !important; }
		}
		
		/* Small display targeting */
		@media only screen and (max-width: 767px) {
			.show-for-medium-down { display: inherit !important; }
  			.hide-for-medium-down { display: none !important; }
		}
		/* Landscape phones and down (meb) */
		@media only screen and (max-width: 480px) {
			.show-for-mini { display: inherit !important; }
  			.hide-for-mini { display: none !important; }
			.show-for-small { display: inherit !important; }
  			.hide-for-small { display: none !important; }
		}
		
		/* Landscape phones and down (meb) */
		@media only screen and (max-width: 320px) {
			.show-for-mini { display: inherit !important; }
  			.hide-for-mini { display: none !important; }
		}
		
		/* Landscape orientation targeting */
		@media screen and (orientation: landscape) {
			
		} /* Portrait orientation targeting */
		@media screen and (orientation: portrait) {
			
		}
		
		/* Mobile styles */
		@media only screen and (max-device-width: 1280px) {
			
		}
		@media only screen and (max-width: 1279px) and (min-width: 768px) {
			
		}
		@media only screen and (max-width: 767px) { /* meb */
			h3 {margin:6px 0;}
			h4 {margin:6px 0;}

			
			.block-grid.nogrid > li { width: 100%; }

		}
		@media only screen and (max-width: 480px) { /* meb */
			
			/***************************
			* mini
			***************************/
		
			/* Mini 4-column Grid */
			.row .mini-one { width: 25% !important; float: left; padding: 0 15px; }
			.row .mini-one:last-child { float: right; }
			.row .mini-one.end { float: left; }
			.row.collapse .mini-one { padding: 0; }
			.row .mini-two { width: 50% !important; float: left; padding: 0 15px; }
			.row .mini-two:last-child { float: right; }
			.row .mini-two.end { float: left; }
			.row.collapse .mini-two { padding: 0; }
			.row .mini-three { width: 75% !important; float: left; padding: 0 15px; }
			.row .mini-three:last-child { float: right; }
			.row .mini-three.end { float: left; }
			.row.collapse .mini-three { padding: 0; }
			.row .mini-four { width: 100% !important; float: left; padding: 0 15px; }
			.row .mini-four:last-child { float: right; }
			.row .mini-four.end { float: left; }
			.row.collapse .mini-four { padding: 0; }
			.push-one-mini { left: 25%; }
			.pull-one-mini { right: 25%; }
			.push-two-mini { left: 50%; }
			.pull-two-mini { right: 50%; }
			.push-three-mini { left: 75%; }
			.pull-three-mini { right: 75%; }
			/* Block Grids --- */
			/*                 */
			.block-grid.mini > li { float: none; width: 100%; margin-left: 0; }
			.block-grid > li { clear: none !important; }
			.block-grid.mini-one-up > li { width: 100%; }
			.block-grid.mini-two-up > li { width: 50%; }
			.block-grid.mini-two-up > li:nth-child(2n+1) { clear: both; }
			.block-grid.mini-three-up > li { width: 33.33333%; }
			.block-grid.mini-three-up > li:nth-child(3n+1) { clear: both; }
			.block-grid.mini-four-up > li { width: 25%; }
			.block-grid.mini-four-up > li:nth-child(4n+1) { clear: both; }
			.block-grid.mini-five-up > li { width: 20%; }
			.block-grid.mini-five-up > li:nth-child(5n+1) { clear: both; }
			.block-grid.mini-six-up > li { width: 16.66667%; }
			.block-grid.mini-six-up > li:nth-child(6n+1) { clear: both; }
			.block-grid.mini-seven-up > li { width: 14.28571%; }
			.block-grid.mini-seven-up > li:nth-child(7n+1) { clear: both; }
			.block-grid.mini-eight-up > li { width: 12.5%; }
			.block-grid.mini-eight-up > li:nth-child(8n+1) { clear: both; }
			.block-grid.mini-nine-up > li { width: 11.11111%; }
			.block-grid.mini-nine-up > li:nth-child(9n+1) { clear: both; }
			.block-grid.mini-ten-up > li { width: 10%; }
			.block-grid.mini-ten-up > li:nth-child(10n+1) { clear: both; }
			.block-grid.mini-eleven-up > li { width: 9.09091%; }
			.block-grid.mini-eleven-up > li:nth-child(11n+1) { clear: both; }
			.block-grid.mini-twelve-up > li { width: 8.33333%; }
			.block-grid.mini-twelve-up > li:nth-child(12n+1) { clear: both; }
			
			.block-grid.nogrid > li { width: 100%; }

			a.logo-banner span {font-size:13px !important;}
			
			.small-word-break-all {word-break:break-all;}
			
		}
	
/* -----------------------------------------
   Page Name 1
----------------------------------------- */




/* -----------------------------------------
   Page Name 2
----------------------------------------- */