/*	File: base.css */

html {
	background-color: #fff;
}

body {
	font-family: 'lucida grande', arial, verdana, arial, sans-serif;
	color: #222;
	background: #fff;
}


/* Typography 
................................................. */

/* overrides defaults from tripoli */
body .content h1 { 
	position: relative;
	font-size: 2.3em; 
	font-weight: normal;
	font-family: "Lucida Grande", calibri, helvetica, arial, verdana, sans-serif;
	letter-spacing: -1px;
	color: #000;
}
body .content h2 { margin: 1.23em 0 .4em; font-size: 1.2em; color: #000; }
body .content div.section h2 { margin-top: 0; }
body .content h3 { margin: 1.14em 0 .57em; font-size: 1.1em; color: #000; }
body .content h4 { margin: 1.23em 0 .2em; font-size: 1em; color: #000; }
body .content h5 { margin: 1.33em 0 .2em; font-size: 1em; color: #000; }
body .content h6 { margin: 1.6em 0 .2em; font-size: 1em; color: #000; }


/* link colors - overrides defaults from tripoli */
body .content a:link { text-decoration: underline; color: #278dca; }
body .content a:visited { text-decoration: underline; color: #278dca; }
body .content a:hover { text-decoration: underline; color: #1c6b9a; }
body .content a:active, .content a:focus { text-decoration: underline; color: #000; }

.content { 
	font-size: 1.3em; 
}


.content p {
	margin-bottom: 2em;
}

/* Layout containers 
................................................. */

div#page-container {}

	/* wrap */
	body #page-container div#wrap {
		overflow: auto;	
		min-height: 45em;
		padding: 0 2.5em;
	}
		/* header */
		div#header {
			position: relative;
			height: 102px;
			background: #fff url(/images/public/menus/mainmenu/bg.png) 0 100% repeat-x;
		}
			div#header div.wrap {
				position: relative;
				width: 98em;
				height: 83px;
				margin: 0 auto;
			}
			
				div#header a.logo {
					display: block;
					width: 267px;
					height: 102px;
					text-indent: -9999em;
					background: transparent url(/images/public/logo.png) 0 0 no-repeat;
				}
					div#header a.logo:hover {
						background: transparent url(/images/public/logo.png) 0 -102px no-repeat;
					}	
		/* stage */
		div#page-container div#stage {
			margin: 0 auto;
			padding: 1.5em 0 0;
			width: 98em;
		}
			/* main image */
			div.branding {
				margin-bottom: 2em;
				padding-bottom: 22px;
				background: transparent url(/images/public/mainimg/bg.png) center 100% no-repeat;
			}
				div.branding img {
					padding: 5px;
					border: 1px solid #e8e8e8;
					display: block;
				}
		/* content */
		div#page-container div#wrap #content  {
			float: left;
			_zoom: 1.0;
			_clear: both;
			width: 67.5em;
			padding: 0;
		}
		/* sidebar */
		div#page-container div#wrap #sidebar {
			float: right;
			width: 21.5em;
			_zoom: 1.0;
			_display: inline;
			padding-top: 3.7em;
		}
				
		body.branding div#page-container div#wrap #sidebar
		 {
			padding-top: 0;
		}
		
		
		/* footer */
		body div#footer {
			clear: both;
			text-align: left;
			color: #999;
			font-size: .9em;
		}
			body #footer div.content {
				position: relative;
				margin: 3em 25px;
				padding: 1em 0;
				border-top: 1px solid #cdcdcd;
			}

		body #footer a {
			text-decoration: none;
			color: #1f7cb4;
		}

		body #footer img.branding {
			position: absolute;
			right: 0;
			top: .5em;
		}




/* Content elements 
................................................. */

div.content div.section {
	clear: both;
	overflow: auto;
	margin-bottom: 1.6em;
}
	div.content div.section h2 a {
		color: #333;
		text-decoration: none;
	}
		div.content div.section h2 a:hover {
			text-decoration: underline;
		}

/* Breadcrumbs */
ul.crumbs {
	margin: 0 0 1em;
	padding: .2em 0;
	font-size: .9em;
}
	ul.crumbs li {
		margin-right: 1px;
		list-style: none;
		display: inline;
		color: #999;
	}
		ul.crumbs li a {
			padding-right: 7px;
			background: transparent url(/images/members/breadcrumbs/bullet.png) 100% 55% no-repeat;
			text-decoration: none !important;
		}


/* Buttons */
a.button {
	display: block;
	float: left;
	height: 32px;
	padding: 0 1em 0 0;
	line-height: 2.3em !important;
	font-size: 14px;
	background: transparent url(/images/members/buttons/button.png) 100% 0 no-repeat;
	text-decoration: none !important;
	line-height: 2em;
}
	a.button span {
		display: block;
		float: left;
		height: 32px;
		width: 12px;
		margin-right: .2em;
		background: transparent url(/images/members/buttons/button.png) 0 0 no-repeat;
		font-weight: bold;
	}

/* Signup-button */
div.signup {
	position: absolute;
	right: 25px;
	top: 38px;
}
	div.signup a {
		/*float: right;*/
		display: block;
		width: 106px;
		height: 30px;
		background: transparent url(/images/public/buttons/signup.png) 0 0 no-repeat;
		text-indent: -9999em;
		margin-bottom: 1.5em;
	}
		div.signup a:hover {
			background-position: 0 100%;
		}

div#content div.signup {
		position: static;
		float: left;
	}
	div#content div.signup a {
		margin: 0 1em .3em 0;
		}



/* Illustrations */
img.illustration {
	float: left;
	margin: 0 24px 12px 0;
	background: #fff;
}
	img.illustration.frame {
		padding: 5px;
		border: 1px solid #e2e2e2;
	}
	img.illustration.right {
		float: right;
		margin: 0 4px 12px 24px;
	}

/* Pricing */
ol.pricing {
	margin: 0 0 1.5em;
}
	ol.pricing li {
		display: inline;
		list-style: none;
		padding: 0;
	}


/* Benefits */
body.frontpage table.benefits {}
	body.frontpage table.benefits td {
		padding-right: 4em;
		vertical-align: top;
	}
	body.frontpage table.benefits td.last {
		padding-right: 0;
	}
 		body.frontpage table.benefits td h2 {
			margin-bottom: .7em;
		}




/*
	File: grid.css
*/

div.half	{ width: 31.75em; }
div.wide 	{ width: 67.5em; }
div.narrow 	{ width: 20.8em; }

div.half,
div.wide,
div.full {
	float: left;
	margin-right: 4em;
}
div.narrow {
	float: left;
	margin-right: 2.5em;
}
	div.narrow.last,
	div.half.last,
	div.wide.last {
		margin-right: 0;
	}

div.left-tall-image {
	padding-left: 165px;
}
	div.left-tall-image div.tall-image {
		float: left;
		margin-left: -165px;
	}

	
body.debug div.half					{ background: #278dca; }
body.debug div.wide 				{ background: #81bcdf ; margin-bottom: 1.5em; }
body.debug div.full					{ background: coral; }


/*	File: boxes.css */

/* Standard box (sidebar for now) */
div.box {
	margin: 1.4em 0;
	background-position: 0 100%;
}

div.box,
div.box div.head,
div.box div.head h2,
div.box div.content {
	background-image: url(/images/members/boxes/sidebar-box.png) !important;
	background-repeat: no-repeat !important;
}
	div.box div.head {
		padding: 0 !important;
	}
		div.box div.head h2 {
			margin: 0;
			padding: .6em 1em .4em;
			font-size: 1.1em;
			font-weight: bold;
			color: #505050;
			background-position: 100% 0;
			border-bottom: 1px solid #dadada;
		}
		div.box div.head h2 a {
			text-decoration: inherit;
		}
	div.box div.body {
		overflow: auto;
		padding: .5em 1em;
		background-position: 100% 100%;
	}
		div.box div.body p {
			margin-bottom: .3em;
		}
	


/* Membership (sidebar) */
div.membership-status.box,
div.membership-status.box div.body,
div.membership-status span.foot,
div.membership-status span.foot span {
	background-image: url(/images/members/boxes/memberstatus-box.png) !important;
	background-repeat: no-repeat !important;
}
div.membership-status.box {
	background-position: 0 0;
}
	div.membership-status div.body {
		position: relative;
		min-height: 70px;
		padding: .5em 0 .2em;
		background-position: 100% 0;
	}
		div.membership-status div.body div.days-left {
			position: absolute;
			top: 9px;
			left: 8px;
			width: 46px;
			height: 48px;
			text-align: center;
			font-size: 24px;
			line-height: 1.7em;
			font-weight: normal;
			background: transparent url(/images/members/boxes/memberstatus-calendar.png) 0 0 no-repeat;
		}
		div.membership-status div.body p {
			margin-left: 5.5em;
			padding-top: .4em;
			text-align: left;
		}
		div.membership-status div.body p em {
			font-size: 1.4em;
			font-style: normal;
			letter-spacing: -1px;
		}
			div.membership-status div.body a.buy-now {
				clear: both;
				display: block;
				width: 190px;
				height: 27px;
				margin: 1.5em auto .6em;
				background: transparent url(/images/members/buttons/subscribe-now.png) 0 0 no-repeat;
				text-indent: -9999em;
			}
				div.membership-status div.body a.buy-now:hover {
					background-position: 0 -27px;
				}

		div.membership-status span.foot {
			clear: both;
			display: block;
			height: 4px;
			background-position: 0 100%;
		}
			div.membership-status span.foot span {
				display: block;
				float: right;
				width: 4px;
				height: 4px;
				background-position: 100% 100%;
			}
		/* Expired */
		div.membership-status.expired div.days-left {
			display: none;
		}
		div.membership-status.expired div.body p {
			margin-left: 0;
			padding: 1em;
			text-align: center;
		}


/* Upcoming tests */
div.box div.body table.upcoming-tests {
	border: none;
	width: auto;
	margin: 0;
}
	div.box div.body table.upcoming-tests td {
		border: none;
		padding: 0 1em 0 0;
	}
		div.box div.body table.upcoming-tests td.icon {
			vertical-align: top;
			padding-top: 2px;
		}
		div.box div.body table.upcoming-tests td a {
			display: block;
		}
		div.box div.body table.upcoming-tests td.type {
			padding: 0;
			font-weight: bold;
			line-height: 1.4em;
		}
		div.box div.body table.upcoming-tests td.time {
			padding: 0 0 .5em;
			color: #666;
		}
			div.box div.body table.upcoming-tests td.time a {
				color: #9b9b9b;
			}

/* Events */
div.box.events p {
	margin: .5em 0 .7em !important;
}
div.box.events a {
	color: inherit;
}
	div.box.events a:hover {
		color: #000;
		text-decoration: underline;
	}

/* Related-info */
div.box ul {
	margin: .3em 0 1em 1.3em;
}
	div.box ul li {
		padding: .3em 0;
	}



/* Power-meters (sidebar) */
div.powermeters {}

	div.powermeters,
	div.powermeters div.content,
	div.powermeters span.foot,
	div.powermeters span.foot span {
		background-image: url(/images/members/boxes/powermeters-bg.png) !important;
		background-repeat: no-repeat !important;
	}
	body.powermeters div.powermeters {
		margin-bottom: 2em;
	}

		div.powermeters div.body {
			background-position: 100% 0;
			padding: .5em 0 .2em;
			text-align: center;
		}
		
			div.powermeters div.body div.index, 
			div.powermeters div.body div.act-max, 
			div.powermeters div.body div.pot-max	{
				display: none;
			}
			
			div.powermeters.index div.body div.index, 
			div.powermeters.act-max div.body div.act-max, 
			div.powermeters.pot-max div.body div.pot-max	{
				display:block;
			}
		
			div.powermeters div.body a.status,
			div.powermeters div.body span.status {
				display: block;
				margin: 0;
				padding-top: .1em;
				font-size: 3.6em;
				font-weight: bold;
				line-height: 1em;
				text-decoration: none;
				font-family: "Trebuchet MS", arial, sans-serif;
				letter-spacing: -1px;
			}
				div.powermeters div.body span.status {
					color: #278DCA;
				}
			div.powermeters div.body p {
				margin: 0;
				color: #4c8ebd;
				font-size: 1.2em;
				letter-spacing: -1px;
			}
			div.powermeters div.body ul.nl {
				display: none;
				width: 33px;
				overflow: auto;
				padding: 0;
				margin: .4em auto 0;
			}
			body.js-enabled div.powermeters div.body ul.nl {
				display: block;
			}

				div.powermeters div.body ul.nl li {
					float: left;
					list-style: none;
				}
				div.powermeters div.body ul.nl li a {
					float: left;
					display: block;
					width: 11px;
					height: 11px;
					background: url(/images/members/boxes/powermeters-nav.png) 0 0 no-repeat;
					cursor: pointer;
				}
				div.powermeters div.body ul.nl li a:hover { background-position: -11px 0; }
				div.powermeters div.body ul.nl li.selected a { background-position: -22px 0; }
				div.powermeters div.body ul.nl li span { display: none; }
				
				div.powermeters.index div.body ul.nl li.index a,
				div.powermeters.act-max ul.nl li.act-max a,
				div.powermeters.pot-max ul.nl li.pot-max a { 
					background-position: -22px 0 !important; 
				}
				
		div.powermeters span.foot {
			display: block;
			height: 4px;
			background-position: 0 100%;
		}
			div.powermeters span.foot span {
				display: block;
				float: right;
				width: 4px;
				height: 4px;
				background-position: 100% 100%;
			}


/* legend */

body div.training-sessions {
	position: relative;
}

	/* days selector */
	body div.training-sessions #days-selector {
		position: absolute;
		top: -0.4em;
		right: 0;
	}
	body div.training-sessions #days-selector ul {
		list-style: none;
		display: inline;
		margin: 0;
	
	}
		body div.training-sessions #days-selector ul li {
			display: inline;
			margin-left: 3px;
		}
			body div.training-sessions #days-selector ul.days7 li.days7 a,
			body div.training-sessions #days-selector ul.days14 li.days14 a,
			body div.training-sessions #days-selector ul.days21 li.days21 a {
				color: #000;
				font-weight: bold;
				text-decoration: none;
			}





body div.training-sessions div.icon-description {
/*	background: lime;*/
	float: right;
	min-width: 20em;
	_width: 20em;
}

	body div.training-sessions div.icon-description a.trigger {
		display: none;
	}

	body.js-enabled div.training-sessions div.icon-description a.trigger {
		display: inline;
		cursor: pointer;
		float: right;
		background: transparent url(/images/icons/toggle-more.png) 100% .3em no-repeat;
		padding-right: 18px;
		border: .1em solid #fff;
	}
	body.js-enabled div.training-sessions div.icon-description.open a.trigger {
		background: none;
		padding: 0 18px;
		color: #333333;
		text-decoration: none;
		border: .1em solid #78b5d4;
		border-bottom: .1em solid #fff;
		margin-bottom: -1px;
	}

	body.js-enabled div.training-sessions div.icon-description div.body {
		display: none;
		clear: both;
		padding: 1em;
		border: .1em solid #78b5d4;
	}
	body.js-enabled div.training-sessions div.icon-description.open div.body {
		display: block;
	}


	body div.training-sessions div.icon-description div.body table th.type,
	body div.training-sessions div.icon-description div.body table td.type,
	body div.training-sessions div.icon-description div.body table th.stroke,
	body div.training-sessions div.icon-description div.body table td.stroke {
		text-align: center;
	}

	body div.training-sessions div.icon-description div.body table th.type img,
	body div.training-sessions div.icon-description div.body table td.type img {
		margin-bottom: -2px;
	}



/* training plan */
#training-plan {	
	position: relative;
}

/* training program */
#training-program {
	position: relative;
}

/* Error explanation*/
div#errorExplanation {
	margin: 0 0 1.5em;
	padding: 1em 1em 0;
	background: #fff;
	border: 1px solid #e0e0e0;
	background: #fff;
}
	div#errorExplanation h2 {
		margin: -.8em -.85em .5em -.80em;
		padding: .5em .7em;
		color: #b31a0e;
		background: #f2f2f2 url(/images/members/boxes/errorbox-bg.png) 0 0 repeat-x;
		text-transform: none;
	}
	div#errorExplanation p {
		margin: 1.3em 0 .7em;
		font-weight: bold;
	}


/*
	File: menus.css
*/


/* Top menu */
body div#header ul#topmenu {
	position: absolute;
	z-index: 10;
	right: 18px;
	top: 0;
}
	div#header ul#topmenu li {
		display: inline;
	}
		div#header ul#topmenu li a {
			float: left;
			line-height: 2em;
			text-decoration: none;
			font-size: 0.9em;
			padding: 0.2em 1em;
			margin-left: .4em;
		}
		div#header ul#topmenu li a:hover {
			background: #eee;
		}


/* mainmenu */
div#header ul#mainmenu {
	position: absolute;
	left: 300px;
	bottom: 0;
	_bottom: 19px;
}
	div#header ul#mainmenu li {
		display: inline;
		float: left;
	}
		div#header ul#mainmenu li a {
			display: block;
			margin-right: 1.5em;
			padding: 0.5em 1em 15px;
			color: #5d5d5d;
			text-decoration: none;
			font-size: 1.1em;
		}
			div#header ul#mainmenu li a:hover {
				color: #278dca;
			}
		div#header ul#mainmenu li.selected a {
			color: #278DCA;
			background: transparent url(/images/public/menus/mainmenu/active-bg.png) center 100% no-repeat;
		}
		
		
/* contentmenu */
div#sidebar div.contentmenu {
	clear: both;
	margin: 0 0 2em;
	border-width: 3px 0;
	border-style: solid;
	border-color: #2296d2;
}
	div#sidebar div.contentmenu h2 {
		margin-top: .7em;
		font-size: 1em;
		text-transform: uppercase;
	}
	div#sidebar div.contentmenu ul {
		margin-top: 1.4em;
		margin-left: 0em;
	}
		div#sidebar div.contentmenu li {
			list-style: none;
		}
			div#sidebar div.contentmenu a {
				text-decoration: none;
				padding: 3px;
				line-height: 2em !important;
			}
				div#sidebar div.contentmenu a:hover {
					text-decoration: underline;
				}
			div#sidebar div.contentmenu li ul {
				margin-left: 1.3em;
				margin-top: 0;
			}
		div#sidebar div.contentmenu li.selected a {
			color: #000;
			background: #fff5a0;	
		}


/* 
	File: tables.css 
*/

.content table {
	width: 100%;
	border-top: 1px solid #97c9e2;
	margin: 1em 0;
}
	.content table caption {
		margin-top: .5em;
		font-size: 1.2em;
		font-weight: bold;
	}
	.content table thead th {
		padding: .3em .6em 0.3em;
		border-bottom: 1px solid #d9d9d9;
		border-right: 1px solid #b1d0e4;
		background: #e6f2fa url(/images/members/tables/std-th-bg.png) 0 0 repeat-x;
	}
	.content table tbody th {
		font-weight: normal;
	}
	.content table tbody th,
	.content table tbody td {
		padding: .3em .6em;
		border-bottom: 1px solid #d9d9d9;
		border-right: 1px solid #dde3e2;
	}

	.content table thead th.date,
	.content table tbody th.date,
	.content table tbody td.date,
	.content table thead th.number, 
	.content table tbody th.number {
		text-align: center !important;
	}
	
	.content table tbody td.number {
		text-align: right !important;
	}
	
	.content table tbody td.center {
		text-align: center !important;
	}

/* subscription */

.content table tbody.coupon tr td {
	text-align: right;
}
.content table tbody.summary tr td {
	text-align: right;
}

form.buy_subscription table, 
form.buy_subscription table td {
	border: none;
	vertical-align: top;
}


	
/* Week-program	*/
table.week-program {}
	table.week-program thead th {
		font-size: 0.9em;
		text-transform: uppercase;
	}
		table.week-program thead th.day {
			text-align: center;
		}
	table.week-program tbody td,
	table.week-program tbody th {
		color: #666;
		font-size: .9em;
	}
	table.week-program tbody th.day {
		text-align: center;
		text-transform: uppercase;
		font-size: 0.8em;
		
	}
		table.week-program tbody th.day span.date {
			display: block;
			font-size: 1.3em;
		}
	table.week-program tbody td.morning, 
	table.week-program tbody td.evening {
		width: 45%;
		padding: .6em .8em .3em;
	}
	table.week-program tbody div.type {
		float: right;
		width: 35px;
		text-align: center;
	}
		table.week-program tbody div.type img {
			display: block;
			margin: 0 auto;
		}
	/* today */
	table.week-program tr.today th,
	table.week-program tr.today td {
		color: #333;
	}
	table.week-program tr.today th.day {
		font-size: 0.8em;
		font-weight: bold;
		border-style: solid;
		border-color: #75a6c6 #b1d0e4 #75a6c6 #75a6c6;
		border-width: 2px 1px 2px 1px;
		background: #e6f2fa url(/images/members/tables/trainingplan-borders.png) 0 0 repeat-y;
	}
	table.week-program tr.today td.morning {
		font-size: 1em;
		border-style: solid;
		border-color: #75a6c6 #b1d0e4 #75a6c6 #b1d0e4;
		border-width: 2px 1px 2px 0;
		background: #e6f2fa;
	}
	table.week-program tr.today td.evening {
		font-size: 1em;
		border-style: solid;
		border-color: #75a6c6 #75a6c6 #75a6c6 #75a6c6;
		border-width: 2px 1px 2px 0;
		background: #e6f2fa url(/images/members/tables/trainingplan-borders.png) 100% 0 repeat-y;
	}
	table.week-program tbody tr.today th.day {
		font-size: 0.8em;
		line-height: 1em;
	}
		table.week-program tbody tr.today th.day span.date {
			display: block;
			font-size: 30px;
			line-height: 1em;
		}
	

/* Power Efficiency Testresults */
table.pet { 
	border-right: 1px solid #d9d9d9;
}
	table.pet th,
	table.pet td {
		border-width: 0 0 1px !important;
	}
	table.pet .stroke, table.pet .watt {
		text-align: center;
	}
	table.pet tr.inactive td {
		color: #999;
	}
	
table.pet-input {}
	table.pet-input th, 
	table.pet-input td {
		text-align: center;
	}

/* Goals */
table.goals {
	border-right: 1px solid #d9d9d9;
}
	table.goals th,
	table.goals td {
		border-width: 0 0 1px !important;
	}
	
	table.goals .drag_handle {
		cursor: move;
	}

/* Training days */
table.training-days {
	border: 1px solid #97c9e2;
}

	table.training-days th, table.training-days td {
		border: 1px solid #97c9e2 !important;
		background: #fff;
		border: none;
	}

	table.training-days thead th.label,
	table.training-days tbody th.label {
		text-align: left;
		background: #e6f2fa url(/images/members/tables/std-th-bg.png) 0 0 repeat-x;
	}	
	table.training-days thead th.day,
	table.training-days tbody td.day {
		text-align: center;
		background-color: #fff;
	}
	
	
/* Two Col - content table :-( */
div.content table.two-col {
	border: none !important;
}

	div.content table.two-col td {
	border: none !important;
	vertical-align: top;
	}
	
		div.content table.two-col td img.illustration.frame {
			margin-top: 2.5em;
		}
	
	
table.ergo-setup {
	border: 0 !important;
}
	table.ergo-setup td {
		padding: 1em 0 .8em !important;
		border: 0 !important;
		vertical-align: top;
		border-bottom: 1px solid #cdcdcd !important;
	}
		table.ergo-setup ul {
			margin: 0 0 0 .8em;
			padding-bottom: 1em;
		}
			table.ergo-setup li {
				list-style: none;
				margin-bottom: .3em;
			}
				table.ergo-setup li span {
					float: left;
					display: block;
					width: 1.6em;
					color: #0077cc;
					font-weight: bold;
				}



/* 
	File: forms.css 
*/

input[type='text'],input[type='password'],textarea {
	font-family: 'lucida grande', verdana, 'geneva', lucida, arial, helvetica, sans-serif;
	border: 1px solid #ccc;
	padding: 3px !important;
}

form {
	position: relative;	
}

form.standard {
}
	form.standard fieldset {
		padding: .5em .7em;
		margin: 0 0 .5em;
		border: none;
	}
	form.standard fieldset label {
		margin-bottom: .3em;
		font-size: 1.1em;
		color: #666;
	}
		form.standard label span {
			color: #999;
			font-size: .9em;
		}
		form.standard fieldset img.req {
			margin-left: 5px;
		}
		form.standard fieldset.text label,
		form.standard fieldset.dropdown label,
		form.standard fieldset.select label,
		form.standard fieldset.file label,
		form.standard fieldset.date label,
		form.standard fieldset.textarea label {
			display: block;
		}
	form.standard fieldset.text.title input,
	form.standard fieldset.text input {
		/*width: 98%;*/
	}
	form.standard fieldset.text.url input {
		/*width: 98%;*/
	}
	form.standard fieldset.textarea textarea {
		/*width: 98%;*/
	}
	form.standard fieldset p.hint {
		margin: 0;
		font-size: .8em;
		color: #959595;
	}
	form.standard fieldset.controls {
		margin-top: 2em;
		padding-top: 1.5em;
		border-top: 3px solid #c4e3ff;
	}

	/* error */	
	form.standard fieldset.error {
		background: #faffd6;
	}
		form.standard fieldset.error p.hint {
			color: #707452;
		}
		form.standard fieldset.error p.msg {
			margin: 0;
			font-size: 0.9em;
			color: #b31a0e;
		}
		
	/* Time remaining */
	form.standard .time-remain span {
		float: left;
	}
		form.standard .time-remain span label {
			display: block;
			font-size: 0.8em;
		}
		


/* Nifty table */
form.nifty {}
	form.nifty fieldset {
		padding: .5em .7em;
		margin: 0 0 .5em;
		border: none;
	}
	
	form.nifty p.intro {
		margin: 0;
	}
	
	form.nifty legend {
		margin: 0;
		padding: 0;
		font-size: 1.2em;
		font-weight: bold;
	}
		form.nifty label span {
			color: #999;
			font-size: .9em;
		}
	.content form.nifty hr {
		margin: .5em 0;
		background-color: #ccc;
		color: #ccc;
	}
	form.nifty input[type='text'], form.nifty input[type='password'], form.nifty textarea {
		font-family: 'lucida grande', verdana, 'geneva', lucida, arial, helvetica, sans-serif;
		border: 1px solid #ccc;
		padding: 3px !important;
		font-size: 1.4em;
		background: #fafafa;
	}
	form.nifty fieldset p.hint,
	form.nifty fieldset td.hint {
		margin: 0;
		font-size: 0.9em;
		color: #959595;
	}	
	/* Time remaining */
	form.nifty table td.time-remain span {
		float: left;
	}
		form.nifty table td.time-remain span label {
			display: block;
			font-size: 0.8em;
			text-align: right;
		}
		form.nifty table td.time-remain span input {
			text-align: right;
		}
		form.nifty fieldset.highlight {
			background-color: #ffa;
		}
	
	
	/* Formtables */
	table.formtable {
		width: auto;
		border: 0;
	}	
		table.formtable th, 
		table.formtable td {
			border: 0 !important;
			vertical-align: top;
			padding: 0.5em 0.7em !important;
		}
		table.formtable th,
		table.formtable th label {
			margin: 0 0 .3em 0;
			color: #666;
			text-align: right;
			font-weight: bold !important;
			font-size: 1em;
		}
		table.formtable th {
			width: 12em;
			text-align: right;
		}

	/* Buttons */
	input.delete {
		color: #cc0000;
	}
	
	form fieldset.controls {
		position: relative;
		border-top: 3px solid #C4E3FF;
		margin-top: 1em;
		padding: 1.5em 0 0;
	}
		form fieldset.controls input.delete {
			position: absolute;
			right: 0em;
			top: 0em;
		}
		form fieldset.controls div.pos-fix {
			position: relative;
		}



/* override tripoli styles */
.content form div {
	padding-bottom: 0;
}


/* subscriptions */
form.new_subscription table thead th.total {
	min-width: 5.5em;
	_width: 5.5em;
}


/* flash[:notice] */
div#content div.notice {
	margin: 0 0 1.5em 0;
	padding: .6em 1em 1em;
	border: 1px solid #aee756;
	color: #56683f;
	background: #effbde;
	border-width: 0;
}

div#content div.error {
	margin: 0 0 1.5em 0;
	padding: .6em 1em 1em;
	color: #b7381b;
	border: 1px solid #e9a596;
	background: #fffbd9;
	border-width: 0;
}

div#content div.info {
	margin: 0 0 1.5em 0;
	padding: .6em 1em .7em 3em;
	border: 1px solid #97c9e2;
	color: #345b6e;
	background: #e6f2fa url(/images/icons/info.png) 1em 0.8em no-repeat;
	border-width: 1px;
}