@charset "UTF-8";
body, textarea {
	margin: 0; padding: 0;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
}

textarea {
	color: black;
}

a {
	color: #306B90;
}

input { font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; }

h1,h2,h3,h4,h5 {
	margin: 0; padding: 0;
	font-weight: normal;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
}
.menu { font-family: "Trebuchet MS", Helvetica, sans-serif; }

p { margin: 0px 0px 1em 0px; padding: 0; }
	p.intro { font-size: 16px; padding: 0px 0px 0px 14px; margin: 0px 0px 10px 0px; }
		p.intro a { color: #ec711c; font-weight: bold; }
.clear { clear: both; }
.spacer { width: 10px; }

form {

}

	form fieldset {
		padding-left: 12em;
	}

	form label {
		float: left;
		width: 11em;
		text-align: right;
		line-height: 22px;
		padding: 0px 10px 0px 0px;
		font-weight: bold;
		color: #333333;
		margin: 0px 0px 5px -12em;
    clear: left;
	}
	
		.column label {
			margin-left: 0px;
			float: none;
			text-align: left;
		}
		
		.column fieldset {
			padding-left: 0px;
		}
		
		form.column input, form.column select, form.column textarea {
			width: 98%;
		}
	
	form input,form textarea,form select {
		/*width: 200px;*/
		padding: 3px;
		border: 1px solid #A2A2A2;
		line-height: 15px;
		margin: 0px 0px 5px 0px;
		display: block;
		background: url(/images/form-bg.gif) #FFFFFF repeat-x top left;
	}
		form input:focus,form textarea:focus,form select:focus {
			border: 1px solid #ec711c;
		}
	form p {
		clear: both;
		margin: 0px 0px 5px 0px;
	}
	form input.submit {
		border: 0;
		float: left;
		margin: 0;
	}

  form select {
    padding: 1px;
  }
	
	form div {
		
	}

.holder {
	width: 980px;
	margin: 0 auto;
}

#header {
	background: #333 url(/images/header-bg.gif) repeat-x;
	height: 76px;
}
	#header a img {
		/* logo */
		margin: 0px 0px 0px 0px;
		float: left;
	}
	#header #login {
		background: #555 url(/images/header-login-right.gif) top right no-repeat;
		height: 36px;
		float: right;
	}
		#header #login div {
			background: url(/images/header-login-left.gif) top left no-repeat;
			padding: 0px 10px 0px 10px;
			line-height: 36px;
			color: #fff;
			font-weight: bold;
		}
		#header #login .input {
			width: 74px;
			height: 14px;
			border: 0;
			background: #333;
			color: #fff;
			padding: 3px;
		}
		#header #login .btn {
			background: url(/images/button-login.gif);
			width: 66px;
			padding: 0px 25px 0px 10px;
			height: 20px;
			line-height: 15px;
			color: #fff;
			border: 0;
			font-size: 12px;
			font-weight: bold;
			text-align: center;
			cursor: pointer;
		}
		#header #login a.button-add {
			float: none;
			display: inline;
			line-height: 20px;
		}
			#header #login a.button-add span {
				display: inline;
				line-height: 20px;
			}

#menu-top {
	list-style-type: none;
	margin: 0;
	padding: 36px 0px 0px 0px;
	float: right;
}
	#menu-top li {
		float: left;
		display: inline;
		background: url(/images/menu-off-left.gif) no-repeat top left;
		padding: 0px 0px 0px 10px;
		margin: 6px 3px 0px 0px;
	}
	
	#menu-top li#myplan-tab {
		background-image: url(/images/myplan-menu-off-left.gif);
	}
		
		#menu-top li#myplan-tab a {
			background-image: url(/images/myplan-menu-off-right.gif);
		}
	
		#menu-top li a {
			float: left;
			background: url(/images/menu-off-right.gif) no-repeat top right;
			padding: 0px 15px 0px 10px;
			height: 34px;
			line-height: 33px;
			color: #fff;
			font-weight: bold;
			font-size: 18px;
			text-decoration: none;
		}
	#menu-top li:hover,#menu-top li.on {
		background: url(/images/menu-on-left.gif) no-repeat top left !important;
		margin-top: 1px;
	}
		#menu-top li:hover a,#menu-top li.on a {
			background: url(/images/menu-on-right.gif) no-repeat top right !important;
			color: #306b90;
			height: 39px;
			line-height: 39px;
		}

#banner {
	/*background: #000 url(/images/header-banner-bg.gif) repeat-x bottom left;*/
	background: #000 url(/images/header-banner-v3.jpg) no-repeat top left;
	border-top: 4px solid #EDEDED;
}
	#banner .holder {
		height: 170px;
	}
	#banner.page .holder {
		background: none;
		height: 50px;
	}

#content {
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 0px 0px;
	background: url(/images/content-bg.gif) repeat-x;
}
	#content .holder {
		padding: 0px 0px 14px 0px;
	}
	#content div.speech {
		margin: 0 auto;
		background: url(/images/speech.png) no-repeat;
		width: 38px;
		height: 32px;
		position: absolute;
		top: 233px;
		margin-left: 55px;
		z-index: 99;
	}
	#content h2.quote {
		background: url(/images/content-bubble-v2.gif) no-repeat;
		height: 57px;
		width: 609px;
		padding: 11px 15px 0px 15px;
		color: #fff !important;
		font-size: 18px !important;
		font-weight: normal !important;
		line-height: 23px;
		margin: 0px 0px 10px 14px;
		font-family: Tahoma, Arial, Helvetica, sans-serif !important;
	}
	.add {
		height: 55px;
		margin: 0px;
		padding: 0px;
		width: 700px !important;
		position: relative;
	}
	
		.add fieldset {
			float: right;
			padding-left: 0em;
			width: auto;
		}
	
			.add fieldset div {
				float: none;
				display: inline;
				clear: right;
			}
		
		.add h3 {
			font-size: 20px;
			line-height: 34px;
			height: 34px;
			color: #306b90;
			/* width: 250px; */
			text-align: right;
			margin: 0;
			padding: 0;
			float: left;
			padding: 0px 10px 0px 0px;
			font-family: Tahoma, Arial, Helvetica, sans-serif;
		}
		
		.add a.link {
			font-size: 18px;
			line-height: 40px;
			color: #306b90;
			margin-right: 10px;
		}
		
		.add h5 {
			/* text-indent: 10px; */
			line-height: 12px;
			font-size: 11px;
			font-family: Tahoma, Arial, Helvetica, sans-serif !important;
			color: #999;
			/* float: left; */
			clear: both;
			display: block;
			margin-top: 3px;
			width: 450px;
			float: right;
			margin-bottom: 10px;
		}
		
		.home-find-form h5 {
			width: 380px !important;
		}
		
			.add h5 a {
				color: #999;
			}
			
		.add input.addfield {
			width: 291px;
			height: 31px;
			line-height: 30px;
			background: url(/images/content-addfield.png) no-repeat;
			font-size: 22px;
			padding: 4px 10px 0px 10px;
			border: 0;
			margin: 0px;
			float: left;
			display: inline;
		}
		/* .add .button.doit, .add .button.addit {
			width: 72px;
			height: 30px;
			line-height: 24px;
			vertical-align: middle;
			background: url(/images/button-submit.png);
			font-weight: bold;
			color: #fff;
			font-size: 14px;
			text-align: center;
			border: 0;
			cursor: pointer;
			padding: 0px 0px 3px 0px;
			margin: 0px 0px 10px 5px;
			float: none;
			display: inline;
		} */
		
		#content .add .button {
			vertical-align: middle;
			margin: 2px 0px 7px 3px;
		}
		
		span.addit {
			background: url(/images/button-add-right.gif) no-repeat top right !important;
		}
		
			span.addit input {
				background: url(/images/button-add-left.gif) no-repeat top left !important;
			}
		
	#content #col-left {
		width: 700px;
		float: left;
		padding: 0px 0px 14px 0px;
	}
		#content #col-left h1, #content #col-left h2 {
			font-size: 26px;
			color: #306b90;
			margin: 0px 0px 10px 0px;
			font-weight: bold;
		}
		
			#content #col-left h2 {
				font-size: 22px;
				margin-bottom: 5px;
			}
		
		#content #col-left h3 span {
			font-size: 12px;
			color: #999;
			font-weight: normal;
			font-family: Tahoma, Arial, Helvetica, sans-serif !important;
		}
		
		#content #col-left h3 span a {
			color: #999;
		}
		
		#content #col-left h3 {
			font-size: 18px;
			color: #3B83B0;
			margin: 0px 0px 5px 0px;
			font-weight: bold;
		}
		#content #col-left .divider {
			height: 14px;
			clear: both;
		}
		
	#content #col-left .divider {
		height: 14px;
		clear: both;
	}
		#content #col-left .members {
			
		}
			#content #col-left .members .item {
				width: 40%;
				float: left;
				clear: none;
			}
		
	#content #col-right {
		width: 220px;
		float: right;
		margin: 0px 0px 14px 14px;
	}
	#content #cols {
		margin: 0px 0px 0px 14px;
	}
		#content #cols div {
			float: left;
			width: 205px;
			font-size: 14px;
			color: #306b90;
		}
			#content #cols div h3 {
				color: #ec711c;
				font-size: 18px;
				font-weight: bold;
			}
			#content #cols div img {
				border: 2px solid #EAEAEA;
			}
			#content .col-l {
				margin: 0px 10px 0px 0px;
			}
			#content .col-r {
				margin: 0px 0px 0px 10px;
			}

.item {
	min-height: 50px;
	margin: 0px 0px 10px 0px;
	padding-left: 60px;
	clear: both;
}

	.item.detail {
		min-height: 100px;
		padding-left: 110px;
	}
	
		.item.detail img {
			margin-left: -110px;
		}

		.item.detail #detail-image {
			text-indent: 100px;
			overflow: hidden;
			width: 100px;
			height: 100px;
			margin-left: -110px;
			border: none;
			float: left;
		}

		#detail-image img {
			margin: 0px;
		}

	.dothis {
		display: block;
		float: right;
		clear: right;
		line-height: 50px;
		text-decoration: none !important;
		color: #3bb32f !important;
		font-weight: bold;
		padding: 0px 22px 0px 0px;
		font-size: 12px !important;
	}
		.dothis.off {
			background: url(/images/content-tick-off.gif) no-repeat right center;
		}
		.dothis.on {
			background: url(/images/content-tick-on.gif) no-repeat right center;
		}
		
		.dothis.off.no {
			background: url(/images/content-tick-off-no.gif) no-repeat right center !important;
			color: #AA0000 !important;
		}
		
		.dothis.off.yes {
			background: url(/images/content-tick-off-yes.gif) no-repeat right center !important;
		}
		
		.dothis.on.no {
			background: url(/images/content-tick-on-no.gif) no-repeat right center !important;
            color: #AA0000 !important;
		}
		
	.item img {
		float: left;
		margin: 0px 10px 0px -60px;
	}
	.item a {
		text-decoration: underline;
		color: #306b90;
	}
	.item .line1 {
		font-size: 18px;
		line-height: 24px;
	}
		.item .line1 a.name {
			font-size: 18px;
		}
		.item .line1 a.goal {
			font-size: 24px;
			font-weight: bold;
		}
		.item .line1 a.activity {
			font-size: 24px;
			font-weight: bold;
		}
	.item .line2 {
		font-size: 12px;
		line-height: 14px;
	}
		.item .line2 a.activity {
			font-size: 14px;
		}
		.item .line2 a.goal {
			font-size: 14px;
		}
		
	.item.achieved .line2 {
		
	}
	.item.achieved .line1 a.goal {
		padding: 0px 34px 0px 0px;
		background: url(/images/content-tick-achieved.gif) no-repeat right center;
	}

.infobar {
	width: 611px;
	height: 60px;
	background: #F5F5F5 url(/images/content-box.gif) no-repeat;
	padding: 14px;
	margin: 28px 0px 0px 0px;
	clear: both;
}

	.infobar.search {
		margin-top: 0px;
	}

	.infobar p {
		font-size: 16px;
	}
		.infobar a {
			color: #306b90;
			font-weight: bold;
		}
	.infobar a.button-oj-m {
		margin: 10px 12px 0px 12px !important;
	}

.col-pill {
	background: #f5f5f5 url(/images/pillcol-top.gif) no-repeat top center;
	width: 299px;
	padding: 7px 0px 0px 0px;
	float: left;
	margin: 4px 14px 14px 14px;
}
	.col-pill .content {
		background: url(/images/pillcol-bottom.gif) no-repeat bottom center;
		padding: 0px 16px 14px 16px;
		color: #306b90;
	}
		.col-pill .content h2 {
			font-size: 22px;
			color: #306b90;
			font-weight: bold;
			margin: 0px 0px 5px 0px;
		}

#myplan {
	width: 220px;
	padding: 0px 0px 0px 0px;
}
	#myplan h3, #myplan h4 {
		width: 200px;
		height: 30px;
		line-height: 29px;
		padding: 0px 10px 0px 10px;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		background: url(/images/myplan-module-top.gif) no-repeat;
	}
	
	#myplan h4 {
		color: #309127;
		height: 25px;
		line-height: 24px;
		font-size: 16px;
		background-image: url(/images/myplan-module.gif);
	}
	
		#myplan h4 a {
			color: #309127 !important;
		}
	
		#myplan h3 a, #myplan h4 a {
			float: right;
			color: #fff;
			font-size: 12px;
		}
	#myplan .module {
		padding: 10px;
	}
		#myplan .module p {
			margin: 0px 0px 5px 0px;
			clear: both;
		}
			#myplan .module label {
				float: left;
				line-height: 24px;
				font-weight: bold;
				color: #333333;
				padding: 0px;
				text-align: left;
			}
			#myplan .module input {
				width: 100px;
				/* height: 20px;
				line-height: 24px;
				padding: 5px 5px 0px 5px; */
				float: none;
			}
			#myplan .module input.login {
				margin: 0px 0px 0px 83px;
				padding: 0 !important;
				height: 25px !important;
				width: 53px !important;
				color: #fff;
				font-size: 12px;
				font-weight: bold;
				background: url(/images/myplan-login.gif) no-repeat !important;
				border: 0;
				cursor: pointer;
			}
		#myplan .module .item {
			clear: both;
		}
			#myplan .module a {
				display: block;
				font-size: 14px;
				color: #306b90;
				font-weight: bold;
				text-align: right;
			}

				#myplan .module fieldset a {
					line-height: 24px;
				}

				#myplan .module .item a {
					text-align: left;
				}
	
	#myplan .content {
		padding: 0px 0px 0px 0px;
		color: #fff;
	}
		#myplan .content h2 {
			font-size: 22px;
			font-weight: bold;
		}
		#myplan .content h3 {
			font-size: 16px;
			margin: 0px 0px 5px 0px;
			font-weight: bold;
		}
			#myplan .content h3 a {
				font-size: 12px;
				font-weight: normal;
				font-family: Tahoma, Arial, Helvetica, sans-serif !important;
				float: right;
				padding: 5px 4px 0px 0px;
			}
		#myplan .content a {
			color: #fff;
		}
		
	#myplan .profile {
		padding: 10px;
		font-weight: bold;
		margin: 0px;
		font-size: 14px;
	}
	
		#myplan .profile a {
			color: #306b90;
		}
	
		#myplan .profile .right {
			float: right;
		}

div.pill {
	background: url(/images/pill.png) no-repeat;
	height: 51px;
	width: 251px;
	padding: 7px 7px 7px 7px;
	margin: 0px 0px 5px 0px;
}
	div.pill img {
		float: left;
		vertical-align: middle;
		margin: 0px 10px 0px 0px;
	}
	div.pill h4 {
		color: #333;
		font-weight: bold;
		height: 31px;
		line-height: 15px;
		font-size: 12px;
		font-family: Tahoma, Arial, Helvetica, sans-serif !important;
	}
		div.pill h4 span {
			font-weight: normal;
		}
	
button {
	cursor: pointer;	
}
	
a.button-add, .button-green,a.button-remove,a.button-plan,a.button-oj-m,a.button-oj-s {
	display: block;
	border: none;
	float: right;
	padding: 0px 0px 0px 5px;
	text-decoration: none;
	margin: 0px 0px 0px 5px;
}

	#confirm_yes_button, #confirm_no_button {
		cursor: pointer;
		height: 30px;
		padding: 0px 5px 0px 0px;
		color: #fff;
		font-weight: bold;
		border: none;
		text-align: left;
		float: right;
	}

			#confirm_yes_button input {
				padding-left: 36px !important;
				background: url(/images/button-yes-left.gif) no-repeat top left;
			}
		
		#confirm_yes_button {
			background: url(/images/button-add-right.gif) no-repeat top right;
		}
		
			#confirm_no_button input {
				padding-left: 30px !important;
				background: url(/images/button-no-left.gif) no-repeat top left;
			}
		
		#confirm_no_button {
			margin-left: 10px;
			background: url(/images/button-red-right.gif) no-repeat top right;
		}

#confirmation {
	width: 700px;
	padding: 10px 0px 0px 0px;
	background: #efefef url(/images/title-top.gif) no-repeat top left;
}

	#confirmation fieldset {
		width:  680px;
		padding: 0px 10px 10px 10px;
		background: #efefef url(/images/title-bottom.gif) no-repeat bottom left;
	}
		#confirmation p {
			font-size: 14px;
		}

	.button-add span, .button-green span,a.button-remove span {
		display: block;
		height: 20px;
		line-height: 19px;
		color: #fff !important;
		font-weight: 500;
	}
	a.button-oj-m span {
		display: block;
		height: 40px;
		line-height: 39px;
		font-size: 18px;
		color: #fff;
		font-weight: bold;
	}
	a.button-oj-s span {
		display: block;
		height: 30px;
		line-height: 29px;
		font-size: 14px;
		color: #fff;
		font-weight: bold;
	}
.button-add {
	background: url(/images/button-add-left.png) no-repeat top left;
}
	.button-add span {
		background: url(/images/button-add-right.png) no-repeat top right;
		padding: 0px 20px 0px 5px;
	}
.button-green {
	background: url(/images/button-green-left.png) no-repeat top left;
}
	.button-green span {
		background: url(/images/button-green-right.png) no-repeat top right;
		padding: 0px 10px 0px 5px;
		margin: 0px;
	}
a.button-remove {
	background: url(/images/button-remove-left.png) no-repeat top left;
}
	a.button-remove span, #confirm_no_button span {
		background: url(/images/button-remove-right.png) no-repeat top right;
		padding: 0px 10px 0px 5px;
		margin: 0px;
	}
a.button-oj-m {
	background: url(/images/button-bigoj-left.gif) no-repeat top left;
}
	a.button-oj-m span {
		background: url(/images/button-bigoj-right.gif) no-repeat top right;
		padding: 0px 14px 0px 9px;
	}
a.button-oj-s {
	background: url(/images/button-oj-s-left.png) no-repeat top left;
}
	a.button-oj-s span {
		background: url(/images/button-oj-s-right.png) no-repeat top right;
		padding: 0px 10px 0px 5px;
	}
	
a.button-orange,a.button-blue,input.submit {
	display: block;
	float: right;
	margin: 0px 0px 0px 5px;
	width: 130px;
	height: 40px;
	line-height: 39px;
	font-size: 18px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: none;
	cursor: pointer;
}
	a.button-orange,input.submit {
		background: url(/images/button-orange.png) no-repeat;
		font-weight: bold;
	}
	a.button-blue {
		background: url(/images/button-blue.png) no-repeat;
	}

a.button-plan {
	background: url(/images/button-plan-left.png) no-repeat top left;
}
	a.button-plan span {
		display: block;
		font-size: 14px;
		font-weight: bold;
		height: 30px;
		line-height: 29px;
		background: url(/images/button-plan-right.png) no-repeat top right;
		padding: 0px 10px 0px 5px;
	}
	
#footer {
	background: #333 url(/images/footer-bg.gif) repeat-x;
	/*border-bottom: 4px solid #ec711c;
	border-bottom: 4px solid #306b90;*/
	color: #fff;
	font-size: 16px;
}
	#footer .holder {
		/*background: url(/images/footer-logo.gif) no-repeat top right;*/
		height: 60px;
	}
	.menu-links {
		line-height: 30px;
		padding-left: 10px;
		color: #fff;
		font-size: 15px;
	}
		.menu-links a {
			color: #fff;
			text-decoration: none;
			text-transform: lowercase;
			font-weight: normal;
		}
			#footer #menu-bottom a:hover {
				text-decoration: none;
			}
			
#header .menu-links {
	position: absolute;
	text-align: right;
	right: 0px;
}

#header .holder {
	position: relative;
}

#content table.this-week-plan {
	width: 100%;
}

	#content table.this-week-plan thead .plan-day.disabled,
	#content table.this-week-plan thead {
		color: #306B90;
		font-weight: bold;
		font-size: 14px;
	}
	
	#content table.this-week-plan tbody .plan-day.disabled {
		background-color: #EAEAEA;
	}
	
	#content table.this-week-plan tbody td {
		background-color: #DCE7ED;
		width: auto;
	}
	
	#content table.this-week-plan th {
		text-align: left;
		font-size: 14px;
	}
	
	#content table.this-week-plan thead .plan-day {
		color: #ec711c;
	}
	
	#content table.this-week-plan .plan-day {
		width: 8%;
		text-align: center;
		vertical-align: middle;
    position: relative;
	}
	
	#content table.this-week-plan .plan-day a {
		padding: 0px;
		border: 0px;
		cursor: pointer;
		background-color: #DCE7ED;
		margin: auto auto;
		display: block;
		overflow: hidden;
		float: none;
		width: 35px;
		text-indent: -9999px;
		height: 27px;
		background-image: none;
    text-decoration: none;
	}
	
		#content table.this-week-plan .completed {
			background-image: url(/images/tick.png) !important;
		}
	
		#content table.this-week-plan .plan-day .planned {
			background-image: url(/images/tick-unchecked.png) !important;
		}
		
		#content table.this-week-plan .not-completed {
			background-image: url(/images/cross.png) !important;
			height: 35px !important;
		}

    #content table.this-week-plan .loading a {
      background: #DCE7ED url(/images/loading_plan.gif) no-repeat center center !important;
      height: 32px !important;
    }
	
	#content table.this-week-plan .plan-day .no-entry {
		display: block;
		height: 50px;
		width: 100%;
		margin: 0px;
	}
	
	#content table.this-week-plan tbody th img {
		float: left;
		margin: 0px 10px 0px 0px;
	}
	
	#content table.this-week-plan tbody th.food img {
		margin-right: 5px;
	}
	
fieldset.inline {
	display: inline;
	border: none;
	padding: 0px;
	margin: 0px;
}

.add.plan-controls {
	text-align: right;
}


	.add.plan-controls h3 {
		float: left;
	}
	
a img {
	border: none;
}
	
fieldset {
	border: none;
	padding: 0px;
	margin: 0px;
}

.right-content * {
	float: right !important;
}

#edit-diet tbody th {
	text-align: left;
}

.create-form {
	padding-left: 150px;
}

	.create-form #profile-image {
		width: 100px;
		float: left;
		margin-left: -150px;
	}
	
	.create-form input, .create-form select, .create-form textarea {
		width: 90%;
	}

		#profile-form #profile-image div {
			height: 98px;
			border: solid 1px #306B90;
			text-align: center;
		}
		
			#profile-form #profile-image div p {
				margin: auto auto;
				vertical-align: middle;
			}
			
table.this-week-plan tbody tr td {
	min-height: 50px;
	height: 50px;
}

form .formError {
	display: block;
	float: none;
	border: #AA0000 solid 2px;
	color: #AA0000;
	margin-bottom: 5px;
	padding: 3px;
}

form p.message {
	clear: none;
}

#login-form {
	
}

#login-form fieldset {
	padding-left: 85px;
}

	#login-form fieldset.actions {
		padding-left: 0px;
	}

	#login-form fieldset label {
		width: 75px;
		margin-left: -85px;
	}
	
	#myplan #login-form.module a {
		text-align: left;
		float: left;
		display: block;
		color: #ec711c;
		font-size: 12px;
		line-height: 30px;
	}
	
.hidden {
	display: none !important;
}

input.image {
  border: none !important;
}

#content form.add-from-search fieldset {
	padding-left: 0px !important;
}

#col-left form {
	margin-bottom: 1em;
}

form fieldset #date_day, form fieldset #date_month, form fieldset #date_year {
	display: inline !important;
	width: auto !important;
}

form#create-plan fieldset {
	padding-left: 0px;
}

	form#create-plan fieldset label {
		float: none;
		display: inline;
		margin: 0em;
		text-align: left;
		padding: 0px;
		line-height: 1.1em;
		vertical-align: middle;
		margin-right: 10px;
	}
	
	form#create-plan fieldset p {
		margin: 1em 0em;
	}
	
		form#create-plan fieldset label input {
			display: inline;
			vertical-align: middle;
			margin-right: 5px;
		}

.calendar th, .calendar td {
	width: 12%;
}

.calendar td {
	height: 50px;
	background-color: #DCE7ED;
	text-align: center;
	font-size: 20px;
	font-weight: normal;
}

.calendar td.other_month {
	background-color: #EAEAEA;
}

.calendar a {
	color: #306b90;
	text-decoration: none;
}

	.calendar td a, .calendar td span {
		margin: auto;
		vertical-align: middle;
	}
	
	.calendar td a {
		display: block;
		height: 20px;
		font-size: 20px;
		padding: 15px 0px;
	}

.title-segment {
	background: #efefef url(/images/title-top.gif) no-repeat top left;
	width: 700px;
	margin: 0px 0px 14px 0px;
}
	.title-segment .top {
		padding: 14px 14px 0px 14px;
	}
		.title-segment .top .buttons {
			clear: both;
		}
			.title-segment .top .buttons .dothis {
				line-height: 20px;
			}
			
			.title-segment .top h5 {
				font-size: 12px;
				color: #999;
				float: right;
				line-height: 26px;
				font-family: Tahoma, Arial, Helvetica, sans-serif !important;
			}
			
			.title-segment .top h5 a {
				color: #999;
			}
		.title-segment .top h1 {
			
		}
			.title-segment .top h1 span {
				font-size: 18px;
				color: #999;
			}
		.title-segment .top .divider {
			clear: both;
			height: 15px;
		}
		.title-segment .top ul.contact,.title-segment .top ul.contact li {
			list-style-type: none;
			margin: 0; padding: 0;
		}
			.title-segment .top ul.contact li {
				float: left;
				width: 60%;
				font-size: 14px;
				color: #306B90;
			}
				.title-segment .top ul.contact li.right {
					text-align: right;
					width: 40% !important;
				}
				.title-segment .top ul.contact li strong {
					color: #999;
				}
		.title-segment .top .details {
			padding: 0px 0px 15px 0px;
			font-size: 14px;
		}
			.title-segment .top .details img {
				float: left;
				margin-right: 10px;
			}
			.title-segment .top .details .description {
				float: left;
				width: 220px;
				margin: 0px 25px 0px 15px;
			}
			.title-segment .top .details .actions {
				float: left;
			}
				.title-segment .top .details .actions h4 {
					font-size: 18px;
					margin: 0;
					font-weight: normal;
				}
				.title-segment .top .details .actions a.pending {
					font-weight: bold;
					color: #cd6601;
				}
				.title-segment .top .details .actions ul,.title-segment .top .details .actions ul li {
					list-style-type: none;
					padding: 0; margin: 0;
				}
		.title-segment .top .buttons {
			clear: both;
		}
			.title-segment .top .buttons .dothis {
				line-height: 20px;
			}
				.title-segment .top .buttons .dothis.off {
					background: url(/images/content-tick-off-gray.gif) no-repeat right center;
				}
				.title-segment .top .buttons .dothis.on {
					background: url(/images/content-tick-on-gray.gif) no-repeat right center;
				}
	.title-segment .bottom {
		height: 14px;
		background: url(/images/title-bottom.gif) no-repeat bottom left;
		clear: both;
	}
	
		.title-segment #tabs.bottom {
			padding: 15px 15px 0px 15px;
			height: 30px;
		}
			.title-segment #tabs.bottom ul,.title-segment #tabs.bottom ul li {
				list-style-type: none;
				margin: 0; padding: 0;
			}
				.title-segment #tabs.bottom ul li {
					float: left;
					background: url(/images/tab-off-left.gif) no-repeat top left;
					padding: 0px 0px 0px 5px;
					margin: 0px 3px 0px 0px;
				}
					.title-segment #tabs.bottom ul li a {
						float: left;
						background: #ccc url(/images/tab-off-right.gif) no-repeat top right;
						padding: 0px 15px 0px 10px;
						height: 30px;
						line-height: 29px;
						color: #3B83B0;
						font-size: 14px;
						text-decoration: none;
					}
					.title-segment #tabs.bottom ul li.on,.title-segment #tabs.bottom ul li.on:hover {
						background: url(/images/tab-on-left.gif) no-repeat top left;
					}
						.title-segment #tabs.bottom ul li.on a,.title-segment #tabs.bottom ul li.on:hover a {
							background: #fff url(/images/tab-on-right.gif) no-repeat top right;
							font-weight: bold;
							color: #3B83B0;
						}
					.title-segment #tabs.bottom ul li:hover,
					.title-segment #tabs.bottom ul li.manage.off:hover {
						background: url(/images/tab-hover-left.gif) no-repeat top left;
					}
						.title-segment #tabs.bottom ul li:hover a,
						.title-segment #tabs.bottom ul li.manage.off a:hover {
							color: #3B83B0;
							background: #ddd url(/images/tab-hover-right.gif) no-repeat top right;
						}
					.title-segment #tabs.bottom ul li.manage {
						float: right;
						color: #fff;
					}	
					
					.title-segment #tabs.bottom ul li.manage.off {
						background: url(/images/tab-manage-left.gif) no-repeat top left;
					}
						.title-segment #tabs.bottom ul li.manage.off a {
							background: #3b83b0 url(/images/tab-manage-right.gif) no-repeat top right;
							color: #fff;
						}	
						
						.title-segment #tabs.bottom ul li.manage a:hover {
							color: #3b83b0;
						}

strong.achieved {
	color: #3CB331;
}

strong.not-achieved {
	color: #7E0000;
}

.two-col {
	clear: both;
}

.two-col .column {
	width: 48%;
	margin-right: 4%;
	float: left;
	clear: none;
}
	
	.two-col #edit-column {
		margin-right: 0%;	
	}
 
#content form fieldset .datetime-field select {
	display: inline !important;
}

#requests-column .item .dothis {
	color: #42b138 !important;
}

#requests-column .item .dothis.no {
	color: #AA0000 !important;
}

#reply-form {
	margin-right: 0px;
}

.item .actions {
	position: relative;
	height: 35px;
	float: right;
	margin-top: 15px;
}

	.item .actions .dothis {
		line-height: 1.3em;
	}

.header-action {
	float: right;
	color: #ec711c;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
}

table.discussions {
	width: 100%;
	padding: 0px;
}

	table.discussions thead {
		background-color: rgb(244, 244, 244);
		font-size: 16px;
	}

	table.discussions tbody td {
		padding: 10px 10px 10px 0px;
		font-size: 13px;
		height: auto !important;
	}

	table.discussions tbody tr td.last-reply,
	table.discussions tbody tr td.last-reply a {
		color: #999999;
	}
	
	table.discussions td.replies {
		width: 7%;
		padding-right: 15px;
	}
	
	table.discussions td.last-reply {
		width: 25%;
	}
	
	table.discussions tbody td.right {
		text-align: right;	
	}

	table.discussions tbody td.last-reply {
		font-size: 12px;
	}

.notification {
  background: url(/images/notification-up-top.png) no-repeat top left;
  width: 200px;
  padding: 5px 0px 0px 0px;
  color: #fff;
	border: none !important;
	margin-bottom: 5px;
}
    .notification.success { background-color: #3bb32f; }
    .notification.error { background-color: #CC0000; }
		.notification.info { background-color: #2E8DB3; }
		
    .notification .bottom {
    		margin: 0px;
				padding: 0px;
        height: 13px;
        background: url(/images/notification-up-bottom.png) no-repeat bottom right;
    }
    .notification .content {
        padding: 2px 10px !important;
    }
		
.notification.below {
	background-image: url(/images/notification-top.png);
	padding: 13px 0px 0px 0px;
	margin-top: -5px;
}

	.notification.below .bottom {
		height: 5px;
		background-image: url(/images/notification-bottom.png);
	}
		
.item {
	position: relative;
}
		
	.item img.achieved-tick {
		position: absolute;
		left: 0px;
		top: 0px;
		margin: 0px;
		float: none;
	}

form .button {
	border: none; 
  cursor: pointer; 
  text-align: center;
	/* margin-top: -1px;
	margin-left: -3px; */
  display:block;
	float: left;
  padding: 0px 5px 0px 0px;
	height: 30px;
	line-height: 30px;
	width: auto;
	background: transparent url(/images/button-submit-right.gif) no-repeat top right;
	margin-bottom: 3px
}

	form .button input {
		white-space: nowrap;
		cursor: pointer;  
		margin: 0px !important;
		display: block !important;
		line-height: 30px;
		font-size: 14px;
		height: 30px;
		width: auto !important;
		padding-left: 10px;
		color: #fff;
		border: none;
		background: transparent url(/images/button-submit-left.gif) no-repeat top left;
	}
	
	#myplan #login-form #join-now {
		/* margin-left: -85px; */
		background-image: url(/images/button-add-right.gif);
	}
	
		#myplan #login-form .button#join-now input {
			width: 190px !important;
			background-image: url(/images/button-add-left.gif);
		}
	
	#myplan .module#myprofile a.action {
		color: #309127;
		font-size: 12px;
	}
	
		#myplan .module#myprofile a.action#profile-edit {
			font-weight: normal;
		}

#myplan #login-form #join-now-buttons {
	margin-top: 3px;
	padding-left: 0px;
}

.title-segment.exact-match a.name {
	font-size: 20px;
	font-weight: bold;
}

	.title-segment .middle {
		 padding: 0px 10px;
	}
	
.title-segment.no-match .middle {
	padding-left: 250px;
}

.title-segment.no-match .summary {
	float: left;
	width: 230px;
	margin-left: -240px;
}

.title-segment.no-match form {
	float: left;
	width: 100%;
}

	.title-segment.no-match form fieldset {
		
	}
	
		.title-segment.no-match form fieldset label {
			
		}
		
form fieldset.actions .button {
	float: right;
}

#join-now-button {
	display: block;
	width: 196px;
	height: 31px;
	background: transparent url(/images/button-join-now.png) no-repeat center center;
	text-align: center;
	color: #fff;
	text-decoration: none;
	padding: 12px;
	padding-top: 22px;
	font-size: 20px;
	margin: 0px 0px 3px 0px;
}

	table.graph {
		width: 100%;
	}

#invite-members {
	padding-left: 0em;
}

	#invite-members .item label {
		float: none;
		margin-left: 0em;
		display: inline;
	}
	
		table.graph thead td {
			font-size: 14px;
			text-align: left;
			color: #306B90;
			font-weight: bold;
		}
	
		table.graph th {
			padding-left: 60px;
			text-align: left;
			font-size: 14px;
		}
		
			table.graph th img {
				float: left;
				margin-left: -60px;
			}
	
		table.graph span {
			display: none;
		}
		
		table.graph .bar {
			display: block;
			border: none;
			border-left-style: solid;
			height: 18px;
			font-size: 15px;
			padding-left: 10px;
			padding-top: 1px;
			margin: 0px 0px 4px 0px;
		}
		
			table.graph tbody td {
				background: #DCE7ED url(/images/graph-bg.gif) repeat top left;
				padding: 3px 0px 0px 0px !important;
			}
		
			table.graph .bar.completed {
				border-left-color: #3bb32f;
				color: #3bb32f;
			}
			
			table.graph .bar.not-completed {
				border-left-color: #CC0000;
				color: #CC0000;		
			}
			
			table.graph .bar.planned {
				border-left-color: #2E8DB3;
				color: #2E8DB3;
			}
			
#timeline {
	width: 700px;
	padding: 0px 0px 48px 0px !important;
	margin-bottom: 1em;
}

.notification .content ul {
	padding-left: 15px;
}

	#timeline ul {
		width: 100%;
		background: white url(/images/icons/timeline/line.gif) no-repeat bottom center;
		height: 150px;
		position: relative;
		overflow: visible;
		display: block;
		padding: 0px !important;
		margin: 0px !important;
	}

	#group-messages-subscription-form .info {
		float: left;
		width: 48%;
		margin-right: 2%;
	}
	
		#timeline ul li {
			display: block;
			position: absolute;
			bottom: -4px;
		}

	#group-messages-subscription-form form {
		float: left;
		width: 48%;
	}
	
			#timeline ul li.marker {
				background: transparent url(/images/icons/timeline/marker.gif) no-repeat top center;
				text-align: center;
				color: #333333;
				padding-top: 8px;
				width: 64px;
				height: 28px;
				bottom: -48px;
			}
			
				#timeline ul li.marker.start {
					left: 0px;
				}

				#timeline ul li.marker.today {
					left: 318px;
				}
				
				#timeline ul li.marker.end {
					left: 636px;
				}
				
				#timeline ul li a {
					display: block;
					position: relative;
					text-decoration: none;
					padding: 0px;
				}

					#timeline ul li a .notification {
						display: none;
						position: absolute;
						bottom: 32px;
					}
					
						#timeline ul li a .notification strong {
							display: block;
						}
					
						#timeline ul li.past a .notification {
							left: -20px;
						}
						
						#timeline ul li.future a .notification {
							right: -20px;
						}
					
							#timeline ul li.past a .notification .bottom {
								background-image: url(/images/notification-up-left-bottom.png);
							}
					
					#timeline ul li a:hover {
						background-color: white;
					}
					
					#timeline ul li a:hover .notification {
						display: block;
					}

					#timeline ul li a .notification.achieved {
						background-color: #3bb32f;
					}

					#timeline ul li a .notification.not-achieved {
						background-color: #cc0000;
					}
					
					#timeline ul li a .notification.planned {
						background-color: #2e8db3;
					}

		#group-messages-subscription-form form fieldset {
			padding-left: 0em;
		}
		
		#group-messages-subscription-form form label {
			float: none;
			margin-left: 0em;
		}
		
.personal-meta {
	color: #3CB331;
}

.title-segment .personal-meta {
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: -5px;
}

#send-message-form {
	margin-right: 0px;
}

#cart-form fieldset.actions {
	padding-left: 0px;
}

#cart-form .total {
	float: left;
	display: inline;
	font-weight: bold;
	padding: 5px 0px 5px 0px;	
}

#cart-form .subtotal {
	font-weight: bold;
	text-align: right;
}

#cart-form .quantity {
	text-align: right;
}

form.buy-now fieldset {
    padding: 0px !important;
}

    form.buy-now fieldset input {
        border: none !important;
        background-color: transparent !important;
        background-image: none !important;
        padding: 0px !important;
        margin: 0px !important;
        float: right;
    }
    
form.detail .button {
    clear: left;
}

#banner .holder {
  position: relative;
}

#banner .holder .metrics {
  list-style: none;
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #ffffff;
  margin-bottom: 5px;
}

  #banner .holder .metrics li {
    list-style: none;
    text-align: right;
  }

#confirmation fieldset.nopadding {
  padding: 0px;
}

#confirmation fieldset.nopadding label.right {
  margin: 0px;
  text-align: left;
  display: block;
  width: auto;
  float: none;
}

fieldset.nopadding label.right input {
  display: inline;
  margin-right: 10px;
}


.trainer-form h3 {
    color: #309127 !important;
}

.trainer-form h3 img {
    vertical-align: middle;
}

.trainer-form ul {
    list-style-image: url(/images/tick.png);
}

.trainer-form ul li {
    vertical-align: middle;
    font-size: 1.2em;
    font-weight: bold;
    color: #306b90;
}

#footer .holder span {
	display: block;
	float: left;
	font-size: 0.6em;
	margin-top: 25px;
	vertical-align: middle;
}

#content .this-week-plan .plan-day .show-metric-link {
  position: absolute;
  display: block;
}

#content .this-week-plan tbody th {
  position: relative;
}

#content .this-week-plan tbody th a.name {
  width: auto;
  display: block;
}

#content .this-week-plan tbody th .edit-metrics {
  float: right;
  font-weight: normal;
  font-size: 0.8em;
}

#remove-button {
  margin-left: 10px;
}

.metric-qty {
  float: left;
  text-align: right;
}

.metric-units {
  float: left;
  clear: right;
  margin-left: 5px;
}

#edit-metric-form label {
  width: 22em;
}

#edit-metric-form #muscle-groups label {
  position: relative;
}

#edit-metric-form #muscle-groups input {
  display: block;
  position: absolute;
  left: 25em;
  top: 5px;
}

#metric_distance,
#metric_duration {
  float: left;
}

#metric_distance_units,
#metric_duration_units {
  float: left;
  clear: right;
  margin-left: 5px;
}

.graph td div {
  position: relative;
}

.graph td div .bar.short {
  padding-left: 0px !important;
}

.graph td div .bar.short {
  position: absolute;
}

.graph td div .bar.long {
  background-color: transparent !important;
  font-size: 10px;
  color: #2E8DB3;
}

.graph .distance .bar.planned { background-color: #2E8DB3; border-color: #2E8DB3; }
.graph .distance .bar.actual { background-color: #80C1D9; border-color: #80C1D9; }

.graph .duration .bar.planned { background-color: #3E52BF; border-color: #3E52BF; }
.graph .duration .bar.actual { background-color: #8C99DF; border-color: #8C99DF; }

.graph .avg_num_exercises .bar.planned { background-color: #FFC639; border-color: #FFC639; }
.graph .avg_num_exercises .bar.actual { background-color: #FFE092; border-color: #FFE092; }

.graph .avg_num_sets .bar.planned { background-color: #FFA039; border-color: #FFA039; }
.graph .avg_num_sets .bar.actual { background-color: #FFCB92; border-color: #FFCB92; }

.graph .avg_num_reps .bar.planned { background-color: #2DC766; border-color: #2DC766; }
.graph .avg_num_reps .bar.actual { background-color: #82E3A6; border-color: #82E3A6; }

.graph .num_muscle_groups .bar.planned { background-color: #FF5C39; border-color: #FF5C39; }
.graph .num_muscle_groups .bar.actual { background-color: #FFA592; border-color: #FFA592; }

.graph .count .bar.planned { background-color: #7E2DAA; border-color: #7E2DAA; }
.graph .count .bar.actual { background-color: #AB5FD5; border-color: #AB5FD5; }


ul#metric-legend {
  list-style-type: none;
  padding-left: 0px;
  margin-bottom: 1em;
}

ul#metric-legend li {
  width: 50%;
  float: left;
  padding-left: 0px;
}

ul#metric-legend .bar {
  width: 10px;
  height: 10px;
  margin-right: 10px;
  display: block;
  float: left;
  margin-top: 4px;
}

#edit-metric-form #confirm_yes_button,
#edit-metric-form #confirm_no_button,
#show-metric-form #confirm_yes_button,
#show-metric-form #confirm_no_button {
  float: left;
}

#edit-metric-form #confirm_yes_button,
#show-metric-form #confirm_yes_button {
  margin-left: 11em;
}

table.actual-metrics {
  margin-left: -12em;
}

table.actual-metrics th {
  width: 22em;
  text-align: right;
}

#overlay {
  position: absolute;
  top: 0px;
  left: 0px;
  background: transparent url(../images/overlay-bg.png) repeat;
  display: none;
  z-index: 1000;
}

#overlay form {
  margin: auto;
  background-color: white;
  width: 700px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
  padding: 5px;
  position: relative;
}

#overlay form fieldset {
  padding-left: 0em;
}

#overlay form label,
#overlay form table th {
  margin-left: 0em;
  width: 40%;
  position: relative;
}

#muscle-groups input {
  position: absolute;
  top: 3px;
  right: -12px;
}

#overlay form .actions {
  padding-left: 40%;
}

#overlay form .actions .button {
  float: left;
}

#overlay form a.close_dialog {
  position: absolute;
  top: 5px;
  right: 5px;
  background: url(../images/close_dialog.png) transparent no-repeat;
  display: block;
  width: 16px;
  height: 16px;
  text-indent: 16px;
  cursor: pointer;
  overflow: hidden;
}

#overlay form table {
  margin-left: 0px;
  width: 100%;
}

.lafitness-logo {
  color: #ff0000;
  font-weight: bold;
  height: 32px;
  font-size: 12px;
  display: block;
  text-decoration: none;
}

.lafitness-logo * {
  vertical-align: middle;
}

#overlay form .lafitness-logo span {
  margin-left: 40%;
}

#col-left .lafitness-logo span {
  margin-left: 22em;
}

#overlay form table thead {
  border-bottom: solid 2px black;
}

#overlay form table thead th,
#overlay form table thead td {
  color: #306B90;
  font-weight: bold;
}

#overlay form table td {
  width: 30%;
}

#overlay form table th {
  padding-right: 10px;
}

#overlay form table td.planned-metric {
  background-color: #DCE7ED;
}

#overlay form table td.actual-metric {
  padding-left: 10px;
}

input.invalid {
  border: solid 1px #7e0000 !important;
}

#overlay form .notification.error {
  display: none;
  margin-left: 70%;
}