/*	--------------------------------------------------
	Global ZURB Styles
	--------------------------------------------------
	ZURBcolors
	--------------------------------------------------
	Green:			#a5c941		Red:			#ff3700
	Med Green:		#769926		Med Red:		#e33100
	Drk Green:		#91ad52		Drk Red:		#872300
	Blue:			#73cacf		Orange:			#ff6908
	Med Blue:		#2daebf		Med Orange:		#ff5c00
	Drk Blue:		#007d9a		Drk Orange:		#d45500
	Magenta:		#c9025c		Yellow:			#ffb515
	Med Magenta:	#a9014b		Med Yellow:		#fc9200
	Drk Magenta:	#630030		Drk Yellow:		#d17200

	--------------------------------------------------
	Global Reset
	-------------------------------------------------- */
	html, body { margin: 0; padding: 0; }
	h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, img, small, strike, strong, em, sub, sup, tt, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, button, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; font-size: 100%; line-height: 1; font-family: inherit; text-align: left; }
	table { border-collapse: collapse; border-spacing: 0; }
	ol, ul { list-style: none; }

/*	--------------------------------------------------
	Make it a ZURBody
	-------------------------------------------------- */
	body { background: #fff; font-family: "Arial", Helvetica, Helvetica Neue, Verdana, sans-serif; font-size: 13px; line-height: 18px; text-shadow: 0 0 1px rgba(0,0,0,0.1); color: #555; }
	body.ff2 { opacity: .99; } /* Make our type in FF look uber sexah */
	body.safari { font-family: "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; }

/*	--------------------------------------------------
	Forms
	-------------------------------------------------- */
	form { margin: 0 0 18px; }
	fieldset {  }
	label { display: block; font-size: 13px; font-weight: bold; line-height: 18px; cursor: pointer; }
	input.input-text, input.password, textarea,
	input[type=text], input[type=password] { display: block; background: #fff; width: ; margin: 0; padding: 3px 4px; border: 1px solid #ccc; -moz-border-radius: 3px; -webkit-border-radius: 3px; -webkit-box-shadow: 0 1px 1px #fff; font: 13px/18px Helvetica Neue, "Arial", Helvetica, Verdana, sans-serif; text-shadow: 0 0 1px #fff; }
	input[type=checkbox] { margin: 0; }
	form input.input-text:focus, form textarea:focus { outline: none; border-color: #999; }
	textarea { width: 272px; }
	span.wrap { background: #eee; display: inline-block; margin: 0 0 14px; padding: 3px; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
	span.wrap small, span.wrap input, span.wrap select { display: inline; vertical-align: top; }
	span.wrap small { font-size: 12px; color: #666; line-height: 18px; padding: 3px 10px 0 2px; position: relative; top: 4px; }
	span.wrap.markdown { line-height: 1; }
	span.wrap.markdown img { margin: 0 !important; }
	span.wrap select { width: auto; }
	span.wrap p { margin: 0; padding: 4px 3px 3px; }
	
	/* Text input and textarea sizes */
	input.medium, textarea.medium { width: 324px; }
	input.large, textarea.large { width: 564px; }
	input.fluid, textarea.fluid { width: 680px; }

	/* Sets of checkboxes and radio buttons */
	ul.options { margin-bottom: 18px; }
	ul.options li { padding: 0 0 3px 3px; }
	ul.options li label { font-size: 13px; font-weight: normal; color: #777; }
	ul.options li input.radio,
	ul.options li input.checkbox { margin-right: 3px; }
	ul.options li label strong { color: #555; }
	/* Inline options */
	ul.options.inline {  }
	ul.options.inline li { display: inline; padding-right: 8px; }
	ul.options.inline li.label { font-weight: bold; background: none; color: #333; text-transform: none; padding: 0; display: inline; font-size: 13px; }
	ul.options.inline label { display: inline; }

	
/*	--------------------------------------------------
	Awesome Forms for Inline Labels
	--------------------------------------------------
	Used on the following pages:
		1. Sign In
		2. Sign Out
		3. Forgotten Password
		4. New user page
		5. Capture by URL
	-------------------------------------------------- */
	form.awesome span.wrap { position: relative; }
	form.awesome span.wrap label { position: absolute; left: 4px; top: 4px; font-size: 14px; font-weight: normal; width: 266px; height: 26px; padding-left: 6px; background: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; z-index: 1; line-height: 24px; }
	form.awesome span.wrap label span { position: relative; top: 1px; left: 1px; cursor: text; }
	form.awesome input.input-text { font-size: 14px; width: 264px; padding: 3px 4px 5px; background: none !important; position: relative; z-index: 10; }
  body.ff3 form.awesome input.input-text { padding: 4px; }
	/* Awesome form sizes */
	form.awesome span.mini label { width: 142px; }
	form.awesome span.mini input.input-text { width: 140px; }
	form.awesome span.medium label { width: 326px; }
	form.awesome span.medium input.input-text { width: 324px; }
	form.awesome span.large label { width: 436px; }
	form.awesome span.large input.input-text { width: 432px; }
	
	form.awesome label.overlay span { opacity: 0.4; -webkit-transition: opacity 200ms linear; }
	form.awesome label.focus span { opacity: 0.0; }
	form.awesome label.hastext span { opacity: 0.0; -webkit-transition: opacity 0ms linear; }
	
	body.ie form.awesome label.overlay span { display: block; top: 3px !important; }
	body.ie form.awesome label.focus span { display: none; }
	body.ie form.awesome label.hastext span { display: none; }
	
	

	.super.button { background-image: url(../images/super-button-overlay.png); font-size: 13px; padding: 0; border: 1px solid rgba(0,0,0,.3); -webkit-border-radius: 15px; -moz-border-radius: 15px; line-height: 1; }
	.super.button span { display: block; padding: 5px 20px 9px; -webkit-border-radius: 14px; -moz-border-radius: 14px; border-top: 1px solid rgba(255,255,255,.25); }




	/* --------------------------------------------------
	=Structure
	-------------------------------------------------- */
	div#wrapper 		{ border-top: 5px solid #005695; margin-top: 0px; }
	div#wrapper.simple	{ margin-top: 0; }
	div#container,
	div.wrapper 		{ position: relative; width: 940px; margin: 0 auto; }

	/* --------------------------------------------------
	=Header
	-------------------------------------------------- */
	div#header { position: relative; height: 54px; margin: 0 auto 27px; }
	/* Text in the header on the top left */
	div#header h3 { float: left; font-size: 24px; line-height: 1; margin: 0; position: absolute; top: 21px; left: 0; letter-spacing: -1px; }
	div#header h3 a, div#header h3 a:visited { font-weight: bold; }
	div#header h3 a:hover { color: #777; }


/*	--------------------------------------------------
	Reset Global Styles
	-------------------------------------------------- */
	body { background: #f4f4f4; }
	div#wrapper { margin: 0; padding: 49px 0 36px; }
	div#container { background: #fff; width: 280px; padding: 29px; border: solid 1px #ccc; -webkit-border-radius: 6px; -moz-border-radius: 6px; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.15); -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.15); }
	
	/* Setup header for logos and text */
	div#header { height: auto; margin: 0 0 27px; }
	div#header h1 { text-align: center; font-size: 22px; color: #222; }
	div#header img { display: block; height: 50px; widows: 50px; margin: 0 auto; float: none; }
	
/*	--------------------------------------------------
	Style Forms
	-------------------------------------------------- */
	form { width: 280px; margin: 0; }
	form fieldset { margin: 0; padding: 17px 0 0; border-top: 1px solid #ddd; text-align: right; }
	form fieldset a { float: left; margin-top: 9px; }
	
	form.awesome input.input-text { font-size: 14px; width: 264px; padding: 9px 7px 7px; background: none !important; position: relative; z-index: 10; margin-bottom: 20px; }
	form.awesome label.focus span { opacity: 0.5; }
	
	body.ff3 form.awesome input.input-text,
	body.ff3 form.awesome textarea.input-text { padding: 9px 7px 6px; }
	body.ff3 form.awesome input.input-text:focus,
	body.ff3 form.awesome textarea.input-text:focus { padding: 9px 7px 6px; }

	/* Super Awesome Brand New Mega Cool Inline Labels */
	label.inlined { padding-left: 7px; font-weight: normal; font-size: 16px; opacity: 0.75; }
	label.inlined + input.input-text { margin-top: -28px; background-color: transparent; background-image: url(../images/forms/input-bg.png) !important; font-size: 16px; }
	label.inlined.focus { color: #bbb; }
	label.inlined.hastext { color: #fff; font-size: 0px; height: 18px; }
	
/*	----------------------------------------
	Alerts & Errors
	---------------------------------------- */
	/* Plain, Simple Alert */
	p.warning, p.error, p.success, p.info { margin: 0 0 18px; padding: 9px 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; color: #fff; text-shadow: 0 0 1px rgba(0,0,0,0.01); }
	p.warning a, p.error a, p.success a, p.info a { color: #fff; font-weight: bold; text-decoration: underline; }

	/* Warnings */
	p.warning { background-color: #ffb515;  }
	p.warning small { color: #d17200; }

	/* Errors */
	p.error { background-color: #df4729; color: #fff; }
	p.error strong { color: #fff; }
	p.error small { color: #930; }

	/* Success */
	p.success { background-color: #a5c941; color: #fff; }
	p.success strong { color: #fff; }
	p.success small { color: #360; }
	
	p.info { background-color: #73cacf; color: #fff; }
	p.info small { color: #007d9a; }

  /* Gray box */
  div.gray-box { background:#eee none repeat scroll 0 0; padding: 15px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }