/* reset css- dumb browsers */ 
	body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,f{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#020202;}a{outline:none;}

	/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
	@font-face {font-family: "Museo Sans"; src: url("MuseoSans_500.otf");}
	@font-face {font-family: "Museo"; src: url("Museo500-Regular.otf");}


	body {
		font-family:arial, 'helvetica neue', helvetica, sans-serif;
		color:#626262;
		font-size:10pt;
		background:#f3f3f3;
	}

	a {color:#5a809f; text-decoration:none;}
	a:hover {border-bottom:1px dotted #5a809f;}
	a:active {top:2px;}
	em {font-style:italic;}
	strong {font-weight:bold;}

	a.default {color:#636363;}
	a.default:hover {border:0;}
	a.default img {border:0}
	
	#main {
		width:558px;
		margin:0 auto;
		padding:5px 4px;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		background: url(/content/images/holder.png) no-repeat 0px 1px;
	}

	#mainContent {
		width:551px;
		min-height:678px;
	}

/* header */

	ul#header {
		background: url(/content/images/header_bg.png) #060910 repeat-x;
		font-family: "Museo Sans", Arial, 'helvetica neue', helvetica, sans-serif;
		height:103px;
		list-style-type:none;
		font-size:13pt;
		padding-right:30px;
		text-shadow:1px 1px 1px #070a11;
		min-width:700px;
	}
	
	ul#header li {
		float:right;
		width:80px;
		text-align:center;
		padding:50px 0 0 0;
	}
	
	
	ul#header li.left {
		float:left;
		bottom:12px;
		left:30px;
		position:relative;
	}
	
	a.logo {
		background: url(/content/images/logo.png) no-repeat;
		width:331px;
		height:54px;
		display:block;
		border:0;
	}
	
	a.logo:hover {
		border:0;
	}
	
	
/* logged out page */

	#topMessage{
		background: url(/content/images/mainTop_bg.png) repeat-x;		
		min-height:364px;
		margin-top:-20px;
		padding-top:55px;
	}
	
	.bubbles {
		background: url(/content/images/bubbles.png) repeat-x;
		min-height:218px;
	}
	
	.topHome {
		background: url(/content/images/betterway.png) no-repeat;	
		height:40px;
		width:674px;
		margin:0 auto;
	}
	
	.topHolder {
		background:url(/content/images/topHolder.png) no-repeat;	
		width:449px;
		margin:15px auto 0 auto;
		padding:15px 15px 0 15px;
		min-height:324px;
	}
	
	.topHolder p {
		color:#273c4f;
		font-size:10.7pt;
		line-height:14pt;
		text-align:center;
		padding-bottom:10px;
		border-bottom:1px solid #dddedf;
		width:400px;
		margin:8px auto;
	}
	
	#bottomMessage {
		background: url(/content/images/bottomMessage_bg.png) repeat-x;		
		height:433px;
		padding-top:55px;
		margin-top:79px;
		color:#fdfdfd;
		margin-top:20px;
		margin-bottom:-35px;
	}
	
	#bottomHolder {
		width:850px;
		margin:0 auto -50px auto;
	}
	
	.leftBottom {
		width:450px;
		font-size:10.3pt;
		line-height:17pt;
		text-shadow:1px 1px 1px #336790;
		float:left;
	}
	
	.leftBottom h2, .rightBottom h2 {
		font-weight:bold;
		font-size:14pt;
		margin-bottom:3px;
	}
	
	.leftBottom p {
		text-align:justify;
		margin-bottom:30px;
	}
	
	.leftBottom a, .rightBottom a {
		color:#273c4f;
		text-shadow:none;
	}
	
	.leftBottom ul {
		margin-left:15px;
		margin-top:5px;
	}
	
	.leftBottom ul li{
		padding:0 0 6px 5px;
	}
	
	.rightBottom {
		float:right;
		font-size:10.3pt;
		line-height:17pt;
		width:330px;
		text-shadow:1px 1px 1px #336790;
	}
	
	a.tryFree {
		background: url(/content/images/try.png) no-repeat 0px 0px;		
		height:61px;
		display:block;
	}
	
	a.tryFree:hover {
		background: url(/content/images/try.png) no-repeat 0px -61px;		
		border:0;
	}
	
	a.tryFree:active {
		background: url(/content/images/try.png) no-repeat 0px -122px;		
	}
	
	.rightBottom p.about {
		margin-left:10px;
		margin-top:10px;
	}
	
	.rightBottom h2 {
		margin-top:20px;
		margin-left:10px;
	}
	
/* sign up */

	.topSignUp {
		background: url(/content/images/5sec.png) no-repeat;	
		height:40px;
		width:398px;
		margin:0 auto;
	}
	
	form.log {
	}
	
	form.log label {
		font-size:14pt;
		font-weight:bold;
		text-shadow:1px 1px 1px #ccc;
	}
	
	form.log input {
		background: url(/content/images/form_bg.png) repeat-x;	
		font-size:20pt;
		padding:2px 7px;
		height:45px;
		width:390px;
		border:1px solid #cecece;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		display:block;
		outline:0;
		color:#626262;
		margin-bottom:15px;
		margin-top:5px;
	}
	
	form.log input.signup {
			background: url(/content/images/signupnow.png) no-repeat;	
			border:0;
			height:61px;
			margin-top:30px;
			cursor:pointer;
	}
	
	form.log input.signup:hover {
			background: url(/content/images/signupnow.png) no-repeat 0px -61px;	
	}

	form.log input.signup:active {
			background: url(/content/images/signupnow.png) no-repeat 0px -122px;	
	}


	form.log input.login {
			background: url(/content/images/login.png) no-repeat;	
			border:0;
			height:61px;
			margin:30px 0;
			cursor:pointer;
	}
	
	form.log input.login:hover {
			background: url(/content/images/login.png) no-repeat 0px -61px;	
	}

	form.log input.login:active {
			background: url(/content/images/login.png) no-repeat 0px -122px;	
	}

	.topLogin {
		background: url(/content/images/welcome.png) no-repeat;	
		height:40px;
		margin:0 auto;
		width:265px;
	}


/* inside holder nav */

	ul#insideHeader {
		list-style-type:none;
		font-family:'helvetica neue', helvetica, arial, sans-serif;
		font-size:11pt;
		line-height:22pt;
		text-shadow:-1px -1px 2px #e7e7e7;
	}

	ul#insideHeader li {
		float:left;
		height:21px;
		padding:8px 0 12px 0;
		width:182px;
		border-bottom:1px solid #e3e3e3;
		background:url(/content/images/insideHeader3.png) repeat-x 0px -42px;
		border-left:1px solid #e3e3e3;
	}

	ul#insideHeader li a {
		height:31px;
		display:block;
		text-align:center;
		padding-left:31px;
	}
	
	ul#insideHeader li a.active {
		background:url(/content/images/active.png) no-repeat 20px;
	}

	ul#insideHeader li a.finished {
		background:url(/content/images/finished2.png) no-repeat 23px;
	}
	
	ul#insideHeader li a.new {
		background:url(/content/images/new.png) no-repeat 30px;
	}

	ul#insideHeader li a:hover {
		color:#5a809f;
		border:0;
	}
	
	ul#insideHeader li:hover {
		background:url(/content/images/insideHeader3.png) repeat-x 0 0px;
	}

	ul#insideHeader li.active {
		border-bottom:0;
		background:#f3f3f3;
	}
	
	/* bounce lists */
		
	ul#bounceLists {
		width:500px;
		margin:0px auto 10px auto;
		background:#fafafa;
		list-style-type:none;
		border-radius:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
	}	
	
	ul#bounceLists li {
		padding:20px 25px 10px 25px;
		border-bottom:3px solid #f3f3f3;
	}
	
	ul#bounceLists li h2, h2.nothing {
		font-size:18pt;
		font-weight:bold;
		color:#273c4f;
		text-shadow:1px 1px 1px #fff;
	}
	
	ul#bounceLists li h3 {
		font-size:12pt;
		line-height:20pt;
		color:#273c4f;
	}
	
	ul#bounceLists span.upright {
		border-right:1px solid #e7e7e7;
		margin:0 6px;
		visibility:hidden;
	}
	
	ul#bounceLists span.uprightOn {
		border-right:1px solid #e7e7e7;
		margin:0 6px;
	}
	
	ul#bounceLists li a.func {
		font-size:8pt;
		visibility:hidden;
	}
	
	ul#bounceLists li a.funcOn {
		font-size:8pt;
	}
	
	ul#bounceLists li:hover a.func, ul#bounceLists li:hover span.upright {visibility:visible;}
	
	ul.showPeople, ul.showPrompts {
		list-style-type:none;
		font-size:8pt;
		margin-left:-5px;
		margin-top:5px;
		display:none;
	}
	
	ul.showPeople li, ul.showPrompts li {
		padding:5px !important;
		border:0 !important;
	}

	ul#bounceLists img {
		float:right;
		border:1px solid #e6e6e6;
		padding:4px;
		background:#fff;
	}/* this isn't being used anymore!*/
	
	#noActiveBounces {
		line-height:16pt;
	}
	
	#noActiveBounces ol {
		margin-left:20px;
		margin-top:-20px;
	}
	
	#noActiveBounces li {
		padding-left:10px !important;
	}
	
	#noActiveBounces li strong {
		font-size:12pt;
	}
	
	/* active bounces */
	
	a.addNew, a.addNewPerson {
		background: #feffc3 url(/content/images/new.png) no-repeat 69% 50%;
		border:2px solid #eeef9e;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		display:block;
		margin:10px auto 0 auto;
		width:450px;
		padding:20px 30px 20px 20px;
		text-align:center;
		-webkit-box-shadow:1px 1px 2px #e7e7e7;
		font-size:12pt;
	}
	
	a.addNew:hover, a.addNewPerson:hover {
		border:2px solid #f1f419;
		-webkit-transform:scale(.99);
	}
	
	/* finished bounces */
	
	a.visualize {
		display:block;
		font-style:italic;
		font-size:12pt;
		width:172px;
	}
	
	a.visualize:hover {
		border:0;
	}
	
	
	ul#visualizeResponses {
			width:460px;
			margin:20px auto 10px auto;
			background:#fafafa;
			list-style-type:none;
			border-radius:10px;
			-webkit-border-radius:10px;
			-moz-border-radius:10px;
			padding:20px;
		}
		
		ul#visualizeResponses strong {
			font-size:12pt;
			line-height:16pt;
		}	
	
	
		ul#visualizeResponses li ul li{
			list-style-type:none;
			margin:3px 0 15px 0;
			}	

	

	
	/* new bounce */
	
	#newBounce {
		width:500px;
		margin:0px auto 20px auto;
	}
	
	#newBounce label {
		font-size:16pt;
		margin-bottom:5px;
		display:block;
		margin-top:50px;
		color:#273c4f;
	}
	
	input.newTitle, input.newPrompt, input.newDay {
		background:#fcfcfc;
		color:#666;
		padding:5px;
		border:1px solid #e4e4e4;
		font-size:20pt;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		height:35px;
		width:490px;
		display:block;
	}
	
	 #newBounce textarea.newPrompt {
		background:#fcfcfc;
		color:#666;
		padding:5px;
		border:1px solid #e4e4e4;
		font-size:11pt;
		line-height:15pt;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
		height:40px;
		width:490px;
		display:block;
	}
	
	input.checkbox {
		margin:10px 5px 5px 20px;
	}
	
	input.checkboxPhoto {
		margin:5px 0px 0px 5px;
		position:relative;
		top:1px;
	}
	
	label.photoLabel {
		font-size:8pt !important;
		color:#b0becd !important;
		float:left;
		margin:5px 0 0 0 !important;
		padding:0 !important;
		line-height:10pt !important;
	}
	
	span.charsLeft {
		margin-top:5px;
		font-style:italic;
		display:block;
		font-size: 8pt;
		float:left;
		color:#b0becd;
		margin-bottom:10px;
	}
	
	.addPrompt {
	}
	
	#addNewPersonPopup {
	}
	
	.center {
		width:300px;
		margin:0 auto;
		text-align:center;
	}
	
	.createNew {
		background: #c5ffd1;
		color:#57d772;
		border:2px solid #7fde93;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		display:block;
		margin:20px auto;
		width:510px;
		padding:20px;
		text-align:center;
		-webkit-box-shadow:1px 1px 2px #e7e7e7;
		font-size:12pt;
		cursor:pointer;
	}
	
	
	.createNew:hover {
		border:2px solid #57d772;
		-webkit-transform:scale(.99);
	}
	
	.alerts {
		text-align:center;
        font-size:14pt;
        margin:20px auto;
		width:480px;
	}
	
	#addPeopleInline {
		background:rgba(0, 0, 0, 0.90);
        position:absolute;
		top:0;
		left:0;
		width:100%;
		height:200%;
		display:none;
	}
	
	#addPeoplePrompt {
		width:400px;
		background:#f3f3f3;
		margin:0 auto 0 -200px;
		position:fixed;
		left:50%;
		top:150px;
		padding:5px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	
	.borderPrompt {
		border:2px solid #273c4f; 
		padding:15px;	
		min-height:100px; 
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}
	
	#addPeoplePrompt h2 {
		font-size:18pt;
		font-weight:bold;
		text-align:center;
		color:#273c4f;
		text-shadow:1px 1px 1px #fff;
		border-bottom:1px solid #ccc;
		padding-bottom:5px;
		}
		
	#addPeoplePrompt label {
		line-height:20pt;
	}
	
	/* manage people */
	
	ul.managePeople {
		width:540px;
		margin:0 auto;
		list-style-type:none;
	}
	
	ul.managePeople li {
		border:1px solid #e6e6e6;
		padding:15px;
		margin:15px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		-webkit-box-shadow:1px 1px 2px #e7e7e7;
		background:#fafafa;
	}
	
	ul.managePeople li h2 {
		font-size:14pt;
	}
	
	ul.managePeople li h3 {
		font-size:10pt;
		margin-top:5px;
		color:#9e9e9e;
	}
	
	ul.managePeople a.personEdit, ul.managePeople a.personDelete {

	}
	
	.managePeople label {
		font-size:10pt;
		margin-bottom:5px;
		display:block;
		margin-top:30px;
	}
	
	input.newPerson{
		background:#fcfcfc;
		color:#666;
		padding:5px;
		border:1px solid #e4e4e4;
		font-size:12pt;
		-webkit-border-radius:5px;
		width:300px;
		display:block;
	}
	
	/* settings */
	
	#settings {
		width:500px;
		margin:0 auto;
		padding-top:20px;
	}
	
	#settings label {
		font-size:16pt;
		margin-bottom:5px;
		display:block;
		margin-top:30px;
	}
	
	.updateSettings {
		background:#c6e2fc;
		border:2px solid #61acf2;
		color:#61acf2;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		display:block;
		margin:20px auto;
		width:500px;
		padding:20px 20px 20px 20px;
		text-align:center;
		-webkit-box-shadow:1px 1px 2px #e7e7e7;
		font-size:12pt;
		cursor:pointer;
	}
	
	.updateSettings:hover {
		border:2px solid #54a2ea;
		-webkit-transform:scale(.99);
	}
	
	#footer {
		text-align:center;
		font-size:8pt;
		border:1px solid #edecec;
		width:400px;
		margin:0 auto 20px auto;
		padding:10px;
		-webkit-border-radius:10px;
		-moz-border-radius:10px;
		border-radius:10px;
	}