ul li { color: #244b92; }

#membersnav {
	margin: 0;
	padding: 10px 0 0;
	background: url(../images/members/navtop.gif) no-repeat top #43447b;
	width: 170px;
}

#membersnav .base {
	margin: 0;
	padding: 0;
	background: url(../images/members/navbase.gif) no-repeat bottom;
	height: 10px;
}

#membersnav ul {
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	border-top: 1px solid #747bb0;
	overflow: hidden;
}

#membersnav ul li {
	list-style: none;
	float: left;
	
}

#membersnav ul li a {
	background: url(../images/members/navbullet.gif) no-repeat left;
	padding: 8px 0 8px 34px;
	display: block;
	color: #fff;
	border-bottom: 1px solid #747bb0;
	width: 136px;
}

#membersnav ul li a:hover {
	background: #747bb0 url(../images/members/navbullet-over.gif) no-repeat left;
}

#membersnav ul li ul {
	padding: 10px 0;
	border-top: none;
	font-size: 100%;
	background: #566e9c;
}

#membersnav ul li ul li a {
	background: none;
	border: none;
	padding: 5px 0 5px 20px;
}

#membersnav ul li ul li a:hover {
	background: none;
	color: #d1d8e5;
}

.middlecontent {
	border: 1px solid #ccc;
	padding: 0 10px 10px;
	margin-bottom: 20px;
	width: 370px;
}

.middlecontent ul li { color: #244b92;}

.pagetitle {
	margin: 0;
}

.pagetitle h1 {
	background: url(../images/members/titlebullet.gif) no-repeat left;
	padding: 10px 0 10px 28px;
	display: block;
	border-bottom: 1px solid #ccc;
	margin: 0;
}

h2 {
	margin: 20px 0 10px;
	font-size: 1em;
	background: #e0373c;
	padding: 7px;
	color: #fff;
	line-height: 100%;
}

h3 {
	color: #e0373c;
}

.clr {
	height: 0px;
	clear: both;
	overflow: hidden;
	width: 100%;
}

p a.email {
	background: url(../images/members/mailicon.gif) no-repeat;
}

a.downloads {
	color: #244b92;
}
	
a.downloads:hover {
	color: #3168c8;
}

#featurecolumn {
	width: 235px;
	float: right;
}

.membersfeature {
	margin: 0 0 10px 0;
	padding: 0;
	width: 235px;
	background: #e8151b;
	padding: 1px;
}

.membersfeature p {
	color: #fff;
	font-size: 0.7em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.membersfeature p a {
	background: url(../images/members/linkarrow-red.gif) no-repeat left center;
	padding: 5px 0 5px 22px;
	color: #fff;
	display: block;
}

.membersfeature img {
	border: 10px solid #fff;
}

form.profile{
	width: 330px;
	background: #eee;
	padding: 20px;
	overflow: hidden;
	float: left;
}

form.profile .row {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	clear:both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}

form.profile .rowtop {
	width: 100%;
	margin: 0;
	padding: 0 0 8px 0;
	clear:both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

form.profile .question {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	clear:both;
	border-top: 1px solid #fff;
}

form.profile .answer {
	width: 220px;
	margin: 0;
	padding: 8px 0 8px 110px;
	clear:both;
	border-bottom: 1px solid #ccc;
	overflow: hidden;
}


form.profile .height {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	clear:both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}

form.profile .height label {
	width: 90px;
}

form.profile .height input {
	width: 30px;
	float: left;
}

form.profile .height label.unitlabel {
	width: 30px;
	float: left;
	margin-left: 5px;
}

form.profile label {
	width: 150px;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form.profile label.fullwidth {
	width: 100%;
}

form.profile label.termscond {
	width: 320px;
	background: #1b3d7c;
	color: #fff;
	padding: 5px 5px 4px 5px;
	margin: 10px 0 0 0;
}

form.profile label span.span1 {
	width: 70px;
	float: left;
	padding: 0 0 5px;
	color: #244b92; 
}

form.profile label span.span2 {
	width: 230px;
	float: left;
	padding: 0 0 5px;
	color: #244b92; 
}


form.profile input {
	font-family: Arial, Helvetica, sans-serif;
	width: 170px;
	margin: 0;
	background: url(../images/members/inputbg.gif) repeat-x top left #fff;
	border: 1px solid #7f9db9;
	padding: 2px;
}

form.profile select {
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
}

form.profile .options {
	width: 170px;
	margin:  0 0 0 150px;
}

form.profile .options input {
	width: 14px;
	float: left;
	margin: 0 5px 8px 0;
	padding: 0;
	border: none;
	background: none;
}

form.profile .options label {
	margin-bottom: 8px;
	_margin-bottom: 0;
	_margin-top: 3px;
}

*+html form.profile .options input {
	margin: 0 5px 0 0;
}

*+html form.profile .options label {
	margin-top: 3px;
	margin-bottom: 0;
}


form.profile .buttonrow {
	width: 100%;
	margin: 10px 0 0;
	padding: 5px 0 0;
	text-align: center;
}

form.profile .button {
	background: #1b3d7c url(../images/members/button.gif) top left repeat-x;
	border: 1px solid #0a214d;
	color: #fff;
}

form.profile label.healthcheck {
	width: 100%;
}

form.profile .unit label.radiolabel {
	width: 60px;
}

form.profile input.radio {
	width: 14px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	background: none;
}

form.profile label.radiolabel {
	width: 40px;
	float: left;
	color: #e0373c;
}

form.profile input.check {
	width: 14px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	background: none;
}

form.profile label.checklabel {
	width: 300px;
	float: left;
	color: #e0373c;
}

form.profile label span {
	color: #e0373c;
}

form.memlogin {
	width: 215px;
	background: #eee;
	padding: 10px;
}

form.memlogin .row {
	width: 100%;
	margin: 0;
	padding: 5px 0;
	overflow: hidden;
}

form.memlogin label {
	width: 65px;
	float: left;
	font-weight: bold;
	font-size: 0.75em;
	margin: 0;
	padding: 0;
	color: #244b92;
}

form.memlogin label.fullwidth {
	width: 100%;
}

form.memlogin input {
	width: 140px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	margin: 0;
	background: url(../images/members/inputbg.gif) repeat-x top left #fff;
	border: 1px solid #7f9db9;
	padding: 2px;
	float: left;
}

form.memlogin select {
	font-size: 90%;
}

form.profile .options {
	width: 170px;
	margin:  0 0 0 150px;
}

form.memlogin .options input {
	width: 14px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	background: none;
}

form.memlogin .buttonrow {
	width: 100%;
	margin: 20px 0 0;
	padding: 5px 0;
	text-align: center;
	overflow: hidden;
}

form.memlogin .button {
	background: #1b3d7c url(../images/members/button.gif) top left repeat-x;
	border: 1px solid #0a214d;
	color: #fff;
	margin: 0;
	float: none;
}

form.memlogin p {
	font-size: 0.75em;
	font-weight: bold;
}

form.memlogin p span {
	color: #e0373c;
	text-transform:uppercase;
}

form.memlogin h2 {
	margin: 0px 0 10px;
	font-size: 0.75em;
	background: #e0373c;
	padding: 7px;
	color: #fff;
	line-height: 100%;
}

#terms {
	margin: 15px 0 0;
	padding: 10px;
	height: 200px;
	overflow: scroll;
	border: 1px solid #1b3d7c;
	width: 308px;
	background: #fff;
}

#terms p {
	font-size: 100%;
	line-height: 130%;
	color: #555;
}

/* monitor my progress */

form.progress{
	width: 330px;
	background: #eee;
	padding: 20px;
	overflow: hidden;
}

form.progress .row {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	clear:both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}

form.progress .rowtop {
	width: 100%;
	margin: 0;
	padding: 0 0 18px 0;
	clear:both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

form.progress .rownoborder {
	width: 100%;
	margin: 0;
	padding: 0 0 18px 0;
	clear:both;
	overflow: hidden;
}

form.progress label {
	width: 90px;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form.progress input {
	font-family: Arial, Helvetica, sans-serif;
	width: 30px;
	float: left;
	margin: 0;
	background: url(../images/members/inputbg.gif) repeat-x top left #fff;
	border: 1px solid #7f9db9;
	padding: 2px;
}

form.progress select {
	font-family: Arial, Helvetica, sans-serif;
	width: 160px;
	float: left;
	margin: 0;
	background: url(../images/members/inputbg.gif) repeat-x top left #fff;
	border: 1px solid #7f9db9;
	padding: 2px;
}


form.progress label.unit {
	width: 50px;
	float: left;
	margin-left: 5px;
}

form.progress .buttonrow {
	width: 100%;
	margin: 0;
	padding: 15px 0 0;
	text-align: center;
	border-top: 1px solid #fff;
}

form.progress .button {
	background: #1b3d7c url(../images/members/button.gif) top left repeat-x;
	border: 1px solid #0a214d;
	color: #fff;
	width: 150px;
	float: none;
}

form.progress label.radiolabel {
	width: 60px;
	float: left;
	color: #e0373c;
}

form.progress input.radio {
	width: 14px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	background: none;
}

form.progress label span {
	color: #e0373c;
}

form.progress label.diary {
	width: 100%;
	margin-bottom: 5px;
}

form.progress textarea {
	width: 324px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	background: url(../images/members/inputbg.gif) repeat-x top left #fff;
	border: 1px solid #7f9db9;
	padding: 2px;
	font-size: 100%;
}

form.progress label.resultswithin {
	width: 170px;
	margin-bottom: 5px;
}

form.progress p {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

form.progress p span {
	float: left;
	width: 65px;
}

form.progress p a { display: block; }

form.progress p.archive {
	margin-top: -1px;
	width: 100%;
	border-top: 1px solid #1b3d7c;
}

form.progress p a.archive {
	padding: 3px 10px;
	background: #1b3d7c;
	color: #fff;
	float: right;
	font-size: 90%;
}

/* bmi calculator */

form.bmi{
	width: 330px;
	background: #eee;
	padding: 20px;
	overflow: hidden;
}

form.bmi .row {
	width: 100%;
	margin: 0;
	padding: 8px 0;
	clear:both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}

form.bmi .rowtop {
	width: 100%;
	margin: 0;
	padding: 0 0 18px 0;
	clear:both;
	overflow: hidden;
	border-bottom: 1px solid #ccc;
}

form.bmi label {
	width: 90px;
	float: left;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

form.bmi input {
	width: 30px;
	float: left;
	margin: 0;
	background: url(../images/members/inputbg.gif) repeat-x top left #fff;
	border: 1px solid #7f9db9;
	padding: 2px;
}

form.bmi label.unit {
	width: 40px;
	float: left;
	margin-left: 5px;
}

form.bmi .buttonrow {
	width: 100%;
	margin: 0;
	padding: 15px 0 0;
	text-align: center;
	border-top: 1px solid #fff;
}

form.bmi .button {
	background: #1b3d7c url(../images/members/button.gif) top left repeat-x;
	border: 1px solid #0a214d;
	color: #fff;
	width: 150px;
	float: none;
}

form.bmi label.radiolabel {
	width: 60px;
	float: left;
	color: #e0373c;
}

form.bmi input.radio {
	width: 14px;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	border: none;
	background: none;
}

form.bmi label span {
	color: #e0373c;
}

h2.bmiresult {
	margin: 10px 0 10px;
	font-size: 1.2em;
	padding: 7px;
	color: #000;
	background: none;
	line-height: 100%;
	font-weight: normal;
	border: 1px solid #ccc;
}

h2.bmiresult span {
	color: #e0373c;
	font-weight: bold;
}

p.bmitext {
	color: #000;
}

table.bmichart {
	margin: 0 0 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

table.bmichart td {
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


ul#errors {
	margin: 0 0 20px 30px;
	padding: 0;
	color: #e0373c;
}

ul#errors li {
	color: #e0373c;
	font-weight: bold;
}

#membersrightpic {
	margin: 0;
	float: right;
}

p.openingtimes {
	margin: 0;
}

p.openingtimes span {
	width: 80px;
	float: left;
}

a.pdf {
	display:block;
	height:23px;
	padding:3px 0 0 23px;
	background:url(../images/pdf.jpg) top left no-repeat;
}