/* (2.5.2) base.css, part of YUI's CSS Foundation */
/*h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}*/

/* base color scheme:
#####  Color Palette by Color Scheme Generator
#####  Palette URL: http://colorschemedesigner.com/#2T427hWs0g0g0


*** Primary Color:

   var. 1 = #4AA95F = rgb( 74,169, 95)
   var. 2 = #4B945B = rgb( 75,148, 91)
   var. 3 = #2E8B42 = rgb( 46,139, 66)
   var. 4 = #61BE76 = rgb( 97,190,118)
   var. 5 = #6CBE7E = rgb(108,190,126)

*** Secondary Color A:

   var. 1 = #466B91 = rgb( 70,107,145)
   var. 2 = #46627F = rgb( 70, 98,127)
   var. 3 = #2B5178 = rgb( 43, 81,120)
   var. 4 = #5F85AD = rgb( 95,133,173)
   var. 5 = #6789AD = rgb(103,137,173)

*** Secondary Color B:

   var. 1 = #DFAD62 = rgb(223,173, 98)
   var. 2 = #C39D64 = rgb(195,157,100)
   var. 3 = #B8873D = rgb(184,135, 61)
   var. 4 = #E7BA76 = rgb(231,186,118)
   var. 5 = #E7BF83 = rgb(231,191,131)

*** Complementary Color:

   var. 1 = #DF6E62 = rgb(223,110, 98)
   var. 2 = #C36D64 = rgb(195,109,100)
   var. 3 = #B8483D = rgb(184, 72, 61)
   var. 4 = #E78176 = rgb(231,129,118)
   var. 5 = #E78C83 = rgb(231,140,131)


#####  Generated by Color Scheme Designer © Petr Stanicek 2002-2009

#####  Color Palette by Color Scheme Generator
#####  Palette URL: http://colorschemedesigner.com/#2T427w0w0w0w0


*** Primary Color:

   var. 1 = #00C12B = rgb(  0,193, 43)
   var. 2 = #24913C = rgb( 36,145, 60)
   var. 3 = #007D1C = rgb(  0,125, 28)
   var. 4 = #38E05D = rgb( 56,224, 93)
   var. 5 = #65E080 = rgb(101,224,128)

*** Secondary Color A:

   var. 1 = #0D58A6 = rgb( 13, 88,166)
   var. 2 = #26517C = rgb( 38, 81,124)
   var. 3 = #04376C = rgb(  4, 55,108)
   var. 4 = #4188D2 = rgb( 65,136,210)
   var. 5 = #689CD2 = rgb(104,156,210)

*** Secondary Color B:

   var. 1 = #FF9900 = rgb(255,153,  0)
   var. 2 = #BF8630 = rgb(191,134, 48)
   var. 3 = #A66300 = rgb(166, 99,  0)
   var. 4 = #FFB240 = rgb(255,178, 64)
   var. 5 = #FFC773 = rgb(255,199,115)

*** Complementary Color:

   var. 1 = #FF1800 = rgb(255, 24,  0)
   var. 2 = #BF3D30 = rgb(191, 61, 48)
   var. 3 = #A61000 = rgb(166, 16,  0)
   var. 4 = #FF5240 = rgb(255, 82, 64)
   var. 5 = #FF8073 = rgb(255,128,115)


#####  Generated by Color Scheme Designer © Petr Stanicek 2002-2009

http://wellstyled.com/tools/colorscheme2/index-en.html?tetrad;49;1;0;0.25;1;0.5;0.75;0.1;1;0.5;1;0.25;1;0.5;0.75;0.1;1;0.5;1;0.25;1;0.5;0.75;0.1;1;0.5;1;0.25;1;0.5;0.75;0.1;1;0.5;1;0
#FFBFBF
#BF6060
#FFE6E6
#FF8080

#BFFFBF
#60BF60
#E6FFE6
#80FF80

#BFE5FF
#6099BF
#E6F5FF
#80CCFF

#FFDFBF
#BF8F60
#FFF2E6
#FFBF80

*/

/* override part of reset script */
th, td { padding: .5em; }
td img { vertical-align: middle; }
sup { font-size: 80%; vertical-align: top; }

input[type=text],input[type=password],textarea{width: auto;}

body {
	font-family: "Lucida Grande", "Bitstream Vera Sans", Tahoma, Verdana, Helvetica, Arial, "Liberation Sans", FreeSans, Clean, Sans-serif;
	background-image: url(/images/head-bg.png);
	background-repeat: repeat-x;
}

.clear-line {
	clear: both;
}

.debug {
	font-weight: bold;
	color: #fff;
	background-color: #f00;
	padding: .4em;
	display: inline;
}

.under-development {
	padding: .8em;
	background-color: #ecc;
	border: 1px solid #caa;
	font-size: 80%;
	text-align: center;
}

a {
	text-decoration: none;
}

a:link {
	color: #08c;/*#36c or #08C*/
}

a:visited {
	color: #36c;
}

a:hover {
	color: #36c;
	text-decoration: underline;
}

a:active, .a:focus {
	color: #039;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #333;
}

h1 { font-size: 18px; } h2 { font-size: 16px; } h3 { font-size: 14px; } h4 { font-size: 12px; } h5 { font-size: 12px; font-weight: bold; } h6 { font-size: 12px; font-weight: italic; }

h1 .description {
	font-size: 12px;
	margin-left: 20px;
	line-height: 18px;
	color: #999;
}

ul li h3 {
	margin: 0;
}

code, pre {
	color: #c63;
}

code, kbd, samp, pre, tt, var, input[type='text'], input[type='password'], textarea {
	font-family: mono-space, monospace;
}

.tip, .hint {
	font-size: 11px;
}

.hint {
	margin: 0;
	color: #ccc;
}

	.hint a {
		color: #6ac;
	}

	.hint code {
		color: #d85;
	}

	.hint.active {
		color: #666;
	}
	
		.hint.active a {
			color: #08c;
		}
		.hint.active code {
			color: #c63;
		}
	
.comment {
	font-size: 10px;
	color: #666;
}

.margin {
	padding: 10px;
}

.spacer {
	margin-bottom: 10px;
}

.big-spacer {
	margin-bottom: 20px;
}

.main-content {
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
	background: -moz-linear-gradient(-90deg, #ffffff, #f9f9f9) repeat scroll 0 0 transparent;

	border: 1px solid #e3e3e3;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	margin: 0 -1px 10px;
}

.sidebar {
	background-color: #f6f6f6;
	border: 1px solid #e3e3e3;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#c3c3c3));
	background: -moz-linear-gradient(-90deg, #f6f6f6, #c3c3c3) repeat scroll 0 0 transparent;
}

	.sidebar.important {
		background-color: #fff0f0;
		border: 1px solid #f3e0e0;
	}
	
		.sidebar.important h3 {
			color: #c66;
		}
		
		.sidebar.important .content {
			background-color: #fffcfc;
		}

	.sidebar h3 {
		text-align: center;
		color: #666;
		padding: 5px 0;
		margin: 0;
		text-shadow: #fff 1px 1px 0;
	}
	
	.sidebar div.content {
		background-color: #fff;
		padding: 10px;
		font-size: 12px;
		padding-bottom: 10px;
	}

.number {
	text-align: right;
}

a.big-button {
	background-color: #08c;
	color: #fff;
	padding: .4em;
}

a.dimmed {
	color: #666;
}

#new_user .avatar-lookup {
	display: none;
}

	#new_user .avatar-lookup-arrow {
		margin-top: 10px;
		width: 0;
		height: 0;
		border-left: 8px solid transparent;
		border-right: 10px solid #eee;
		border-top: 8px solid transparent;
		border-bottom: 8px solid transparent;
		float: left;
	}
	
	#new_user .avatar-lookup-box {
		background-color: #eee;
		color: #333;
		float: left;
		width: 110px;
		padding: 10px;
	}

img.avatar, #current_location_map {
	background-image: url(/images/loading.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#flash-notice, #flash-error, #flash-attention, #flash-information {
	padding: 10px;
	margin-bottom: 20px;
}

#flash-notice {
	background-color: #FFC;
	border: 1px solid #CC9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	font-size: 12px;
	

	display: none;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffcc), to(#eeeebb));
	background: -moz-linear-gradient(-90deg, #ffffcc, #eeeebb) repeat scroll 0 0 transparent;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	font-size: 11px;
	padding: 10px;
/*	margin-bottom: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
*/}

#flash-error {
	background-color: #F6DCD9;
	border: 1px solid #D7BBB8;
}

#flash-attention {
	background-color: #F8F2B7;
	border: 1px solid #DBD6A1;
}

#flash-information {
	background-color: #DAE6F1;
	border: 1px solid #B8C6D2;
}

img.teaser {
	border: 9px solid #eee;
	padding: 1px;
	background-color: #ccc;
	width: 940px;
	height: 240px;
}

#active-people {
	
}

	#active-people ul {
		margin: 0;
	}
	
		#active-people ul li {
			list-style: none;
			float: left;
			margin: 0 .5em .25em 0;
		}

h2 span.cmd {
	font-size: 70%;
	font-weight: normal;
	float: right;
}

body.fp .container_12 {
	background-image: url(/images/frontpage-measure.jpg);
	background-repeat: no-repeat;
}

/* frontpage */
#fp {
	font-family: Georgia, Serif;
	height: 332px; /* 400 - 48 (header) - 20 (padding) */
	position: relative;
}

	#fp .content {
		line-height: 1.2;
		position: absolute;
		top: 60px;
		right: 0;
		width: 460px;
	}

	#fp p {
		font-size: 220%;
	}
	
	#fp strong, #fp i {
		color: #c66;
		font-weight: normal;
	}
	
body.fp {}
	body.fp cite {
		color: #3a3;
	}

	body.fp h1 {
		margin-bottom: 5px;
	}
	
#hd {
	font-size: 11px;
	margin-bottom: 20px;
}

	#hd .selector {
/*		height: 64px;*/
	}

	#hd .logo {
		border-top: 4px solid #99FF00;
		float: left;
	}
	
	#hd .service-logo {
		border-top: 4px solid transparent;
	}
	
	#hd #picker {
		margin-top: 14px;
		float: left;
	}
	
	#hd ul li {
		margin: 0 0.25em;
		float: left;
	}

	/* override 960.gs text.css */
	#hd ul li {
		list-style: none;
	}

	#hd .menu ul {
		margin-top: 1.8em;
		line-height: 40px;
	}

		#hd .menu ul li {
			padding: 0 .5em;
		}
	
	#hd .menu li.selected {
		border-bottom: 2px solid #ccc;
	}

	#hd .navigation {
/*		height: 64px;*/
	}
	
		#hd .navigation ul.service-items {
			float: left;
		}
	
		#hd .navigation ul {
			padding: 0;
			margin: 0;
			float: right;
			line-height: 26px;
		}
	
		#hd .navigation li {
			padding: 10px .4em 0;
		}
		
			#hd .navigation li.existing-member {
				color: #666;
			}

		#hd .navigation li.selected {
			background-color: #333;
			background: -webkit-gradient(linear, left top, left bottom, to(#333333), from(#444444));
			background: -moz-linear-gradient(-90deg, #333333, #444444) repeat scroll 0 0 transparent;
		}

			#hd .navigation li.selected a {
				color: #fff;
			}

/* footer */
#ft {
	margin: 120px 0 40px 0;
	border-top: 1px solid #ddd;
	font-size: 11px;
	color: #666;
}

	#ft ul {
		margin-top: 10px;
	}

	#ft ul.links {
		float: right;
		margin-right: 10px;
	}
		#ft ul.links .feedback a {
			color: #933;
			font-weight: bold;
		}

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

	#ft .company-logo {
		background-image: url(/images/commanigy-small-logo.png);
		background-position: 0 -1px;
		background-repeat: no-repeat;
		padding-left: 21px;
		margin-left: -20px;
	}
	
	#ft ul.copyright li {
		float: none;
	}
	
	#ft ul.copyright li.company-name {
		font-weight: bold;
	}

		#ft ul.copyright li.company-name a {
			color: #666;
		}
	
		#ft ul.copyright li.company-name span {
			color: #ccc;
			font-weight: normal;
		}

#bd {
	
}

input[type='text'].primary {
	font-size: 25px; /* matching h1 */
}

.unit {
	color: #696;
}

.user-status {
	margin-top: 0.15em;
	padding: 1.5em 1.5em 0;
	background-image: url(/images/head-bg.png);
	background-repeat: repeat-x;
}

	.user-status img.avatar {
		float: left;
		margin-right: 1em;
	}
	
	.user-status h1 {
		margin: 0;
		font-size: 260%;
		letter-spacing: -.05em;
		font-weight: normal;
	}
	
	.user-status h2 {
		letter-spacing: -.08em;
		margin: 0 1em;
		font-weight: normal;
		line-height: 1.8em;
		color: #999;
	}
	
		.user-status h2 a {
			color: #fff;
			background-color: #36c;
			padding: .3em;
		}
	
	.user-status div.weight, .user-status div.energy {
		letter-spacing: -.08em;
		font-size: 138.5%;
		margin: 0;
		color: #999;
	}
	

.req {
	color: red;
}

.err {
	color: #c00;
}

.tabs-nav {
	float: left;
}

.tabs-selected {
	font-weight: bold;
}

.tabs-hide {
	display: none;
}

.tabs-container {
/*	background-color: #f9f9f9;*/
	margin-left: 220px;
}

/* 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: 80%;
		color: #b31a0e;
	}
	
form.button-to, form.button-to div {
	display: inline;
}

#emails {}
	#emails .pending {
		color: #666;
	}
	
	#emails .new {
		
	}
	
#add-new-email {
	display: none;
}

table.apps, table.plans {
	margin: auto auto;
}

	table.plans {
		border: 1px solid #E6FFE6;
	}

	table.plans th {
		background-color: #E6FFE6;
		border-bottom: 2px solid #D6EFD6;
	}
	
		table.plans th h2 {
			padding: 0;
			margin: 0;
		}

	table.apps td, table.plans td {
		vertical-align: top;
		width: 20%;
	}
	
	table.plans td {
		text-align: center;
	}
	
		table.plans ul li {
			list-style: none;
		}
	
	table.plans .price {
		color: #c00;
	}



div.auto_complete {
}

	div.auto_complete ul {
		background: #fff;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	
	div.auto_complete ul li {
		list-style-type: none;
		margin: 0;
		padding: .2em .6em;
		border-bottom: 1px solid #f6f6f6;
	}
	
		div.auto_complete ul li.new {
			color: #999;
			font-weight: bold;
			font-size: 80%;
			line-height: 2em;
		}
		
	div.auto_complete ul li.selected {
	  background-color: #ffb;
	}

	div.auto_complete ul li.ac_over {
	  background-color: #3B5998;
	}
	
	div.auto_complete ul strong.highlight {
	  color: #800; 
	  margin: 0;
	  padding: 0;
	}

.missing-payment {
	background-color: #FFE6E6;
	color: #BF6060;
	border-top: 1px solid #FFBFBF;
	border-bottom: 1px solid #FFBFBF;
	padding: 1em;
	font-size: 140%;
}


/* === INTAKE === */

#intake-new fieldset, .editing fieldset {
	font-size: 81%;
	margin-top: .5em;
}

.missing-nutrition {
	padding: 5px;
	font-size: 10px;
	border: 1px solid #FD7;
	background-color: #FE6;
}

.intake-energy-left {}
	.intake-energy-left.positive {}
	.intake-energy-left.negative {
		color: #c00;
	}

/* === WEIGHT === */

img.measurements {
	margin: 2em 0;
}

#weight-overview {
/*	border-bottom: 1px solid #eee;*/
	margin-bottom: 1em;
}

	#weight-overview div.grid_3 {
		height: 120px;
	}
	
	#weight-overview h3 {
		text-transform: uppercase;
		color: #aaa;
		font-size: 80%;
		font-weight: bold;
		margin: 0 auto 1em;
	}

	#weight-overview h1 {
		text-align: center;
	}

	#weight-overview #progress p {
		font-size: 80%;
	}

	#weight-overview #weight-remaining p {
		font-size: 80%;
	}

#dashboard-status {
	
}

	#dashboard-status h1 {
		margin: auto;
	}

	#dashboard-status h3 {
		text-transform: uppercase;
		color: #aaa;
		font-size: 80%;
		font-weight: bold;
/*		margin: 0 auto 1em;*/
	}
	
	#dashboard-status .msg {
		padding-left: 1em;
	}

#overview {}
	#overview div.grid_3 {
		height: 120px;
	}

	#overview h3 {
		text-transform: uppercase;
		color: #aaa;
		font-size: 80%;
		font-weight: bold;
		margin: 0 0 5px 0;
	}

	
.page-hints-disabled #page-hint {
	display: none;
}
	
#page-hint {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ffe;
	border: .1em solid #eec;
	margin-bottom: 1em;
	padding: 1em;
}

	#page-hint h4 {
		text-transform: uppercase;
		color: #606;
		margin-bottom: 1em;
		font-weight: bold;
	}
	
		#page-hint h4 b {
			color: #fff;
			background-color: #606;
			padding: .25em .75em;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
		}
		
	#page-hint p {
		
	}
	
	#page-hint .close {
		color: #666;
		float: right;
		background-color: #eec;
		margin-top: -2em;
		padding: .5em;
		font-size: 80%;
		font-weight: bold;
		cursor: pointer;
	}
	
	#page-hint .close:hover {
		background-color: #fff;
	}

#current-weight h1, #weight-remaining h1, #current-bmi h1, #intake-energy h1, #dashboard-status h1 {
	font-family: Palatino, "Palatino Linotype", "Book Antiqua", "Trebuchet MS", serif;
	font-size: 420%;
	line-height: 1em;
}
	
	#current-weight h1 span, #weight-remaining h1 span, #intake-energy h1 span, #dashboard-status h1 span {
		font-size: 60%;
	}
	
	.goal-completed {
		background-color: #ff9;
		margin: -1em;
		padding: 1em;
	}

/* auto complete */

.ac_results {
	padding: 0;
	border: 1px solid #ccc;
	background-color: #fff;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font-size: 80%;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
	text-align: left;
}

	.ac_results li .energy {
		color: #999;
	}

.ac_loading {
	background: white url(/images/loading.gif) right center no-repeat;
}

.ac_odd {
	background-color: #f9f9f9;
}

.ac_over {
	background-color: #ff9;
}

#settings {}
	#settings #settings-tabs {}
		#settings #settings-tabs a.selected {
			font-weight: bold;
		}
	#settings .tab-container > div {
		display: none;
	} 
	#settings .error-box {
		color: #f00;
	}
	#settings #emails ul {
		margin: 0;
	}
		#settings #emails ul li {
			margin: 0;
			list-style: none;
		}

/* datepicker */

#selected-date-picker {
	background: #f3f3f3 url(/images/control_270_small.png) right center no-repeat;
	padding: .25em 1em .25em .25em;
	
	-moz-border-radius: .25em;
	-webkit-border-radius: .25em;
}

a span#selected-date-picker {
	color: #666;
}

a:hover span#selected-date-picker {
	text-decoration: underline;
}

#inline-datepicker {
	display: none;
}

.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; cursor: pointer;}
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

.ui-datepicker .ui-datepicker-calendar { clear: left;}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-current-day { background-color: #ddf; font-weight: bold; }
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-today { background-color: #f9f9f9; }
.ui-datepicker .ui-datepicker-calendar tbody td .ui-state-hover {	background-color: #eef; }

.ui-datepicker-inline {
	font-size: 81%;
	position: absolute;
	left: 160px;
	top: 24px;
	background-color: #fff;
	border: 2px solid #ccc;
	padding: 1em;
}

.configure-profile {
	border: 1px solid #ff6;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, to(#ffffee), from(#ffffcc));
	background: -moz-linear-gradient(-90deg, #ffffee, #ffffcc) repeat scroll 0 0 transparent;
	
	padding: 10px;
	margin-bottom: 20px;
}


/** buttons START (borrowed from beanstalkapp) **/

	/* Toolbar button modifications */
	.page-toolbar {
		padding: 10px;
		background-color: #eee;
		background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#eeeeee));
		background: -moz-linear-gradient(-90deg, #cccccc, #eeeeee) repeat scroll 0 0 transparent;
		border-bottom: solid 1px #ddd;
	}
		.page-heading a,
		.page-toolbar a {
			margin-right: 1em;
			color: #000 !important;
			background-color: #FFF;
		}
		.page-heading .button,
		.page-toolbar .button {
			background-image: url(../images/btn-toolbar-l.gif);
		}
			.page-heading .button span,
			.page-toolbar .button span {
				background-image: url(../images/btn-toolbar-r.gif);
			}

		.page-heading a.button:active,
		.page-toolbar a.button:active,
		.page-toolbar a.button.active {
			text-shadow: #EEE 1px 1px 0;
		}
			.page-heading a.button:active span,
			.page-toolbar a.button:active span,
			.page-toolbar a.button.active span {
				padding: 7px 11px 5px 1px;
			}

		.page-heading .disabled,
		.page-toolbar .disabled {
			color: #999 !important;
			text-shadow: #EEE 1px 1px 0 !important;
			background-position: 0 -78px !important;
			cursor: default !important;
		}
			.page-heading .disabled span,
			.page-toolbar .disabled span {
				background-position: 100% -78px !important;
			}

		.page-toolbar .label {
			float: left;
			padding: 5px;
			font-size: 85%;
		}
		.page-toolbar select {
			float: left;
			margin: 8px 4px 0;
			border-color: #99A;
		}
		.page-toolbar .separator {
			float: left;
			height: 20px;
			margin: 3px 7px;
			border-left: 1px solid #999;
			border-right: 1px solid #FFF;
			text-indent: -10000px;
		}

	/* Button in page heading */

	.page-heading b {
		float: left;
		width: 75%;
	}
	.page-heading .button {
		float: right;
		margin: 0 0 0 1em;
	}
	.page-heading .button span {
		height: auto !important;
	}

/* Buttons */

a.button {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	font: 11px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif !important;
	color: #445;
	text-decoration: none!important;
	text-shadow: #FFF 1px 1px 0;
	background: url(../images/btn-l.gif) 0 0 no-repeat;
	height: 26px;
	overflow: hidden;
	cursor: pointer;
}
* html a.button { display: inline; }
a.button:hover {
	color: #223;
	text-decoration: none;
	background-position: 0 -26px;
}
a.button:active,
a.button.active {
	color: #000;
	text-decoration: none;
	background-position: 0 -52px;
}
a.button.disabled {
	color: #AAA;
	text-decoration: none;
	background-position: 0 -78px;
	cursor: default;
}
	a.button span {
		float: left;
		margin-left: 12px;
		padding: 6px 12px 6px 0;
		font-size: 100%;
		background: url(../images/btn-r.gif) 100% 0 no-repeat;
		height: 26px;
	}
	a.button:hover span {
		background-position: 100% -26px;
	}
	a.button:active span,
	a.button.active span {
		background-position: 100% -52px;
	}
	a.button.disabled span {
		background-position: 100% -78px;
	}

	a.button span b.icon {
		position: relative;
		float: left;
		margin: 0 3px 0 -4px;
		width: 16px;
		height: 16px;
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	a.button.disabled span b.icon {
		opacity: .3;
		//filter: alpha(opacity = 50);
		//zoom: 1;
	}

	/* IE6 fix */
	* html a.button span { padding-top: 5px; }
	* html a.button span b.icon { margin-top: 1px; }

/** buttons END **/

.ui-draggable {
	cursor: move;
}

.command { background-color: #E8EEF7; padding: .3em .4em; margin-left: 1em; margin-right: .3em; } .shortcut { color: #666; } 

.msg p.left { margin:0 0 0 20px; }

.msg.expandable { padding-bottom:1em; }
.msg.expandable h4 { padding:.6em 0 0; font-weight:normal; color:#797c80; }
.msg.expandable a.expandlink { display:none; padding-left:0; color:#08c; font-size:12px; }
.hasjs .msg.expandable a.expandlink { display:inline; }
.msg.expandable a.expandlink:hover { text-decoration:underline; }
.msg.expandable div.expandcontent { padding-left:0; }
.msg.expandable div.expandcontent p { margin-bottom:0; padding-bottom:1em; }

.msg { -webkit-border-radius: .5em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; background:#E7E9EF url(http://devimages.apple.com/assets/elements/layout/message_bg.png) repeat-x scroll 0 0; border:1px solid #F1F2F6; }
.msg b { font-weight:normal !important; }
.msg.error, .msg.confirm, .msg.warn, .msg.announce { padding-left:0px; }
.msg.error, .msg.confirm { background:#F3F3F3 url(http://xdevimages.apple.com/assets/elements/icons/msg/error.png) no-repeat scroll 20px 1.6em; border-color:#CCCCCC; }
.msg.confirm { background-image:url(http://devimages.apple.com/assets/elements/icons/msg/confirm.png); }
.msg.error b, .msg.error b strong { color:#990000; }
.msg.confirm b, .msg.confirm b strong { color:#797C80; }
.msg.warn, .msg.announce { background:#FDFDEF none no-repeat scroll 20px 1.6em; border-color:#EBE9C5; }
.msg.warn b, .msg.warn b strong, .msg.announce b, .msg.announce b strong { color:#807937; }