/* @override 
	http://192.168.1.214:3000/stylesheets/layout.css?1224787538
	http://192.168.1.214:3000/stylesheets/layout.css?1224787784
	http://192.168.1.214:3000/stylesheets/layout.css?1224788886
	http://192.168.1.214:3000/stylesheets/layout.css?1224789419
	http://192.168.1.214:3000/stylesheets/layout.css?1224789750
	http://192.168.1.214:3000/stylesheets/layout.css?1224790550
*/

/* You gotta start somewhere */

* {
	margin: 0;
	padding: 0;
	}

body {
	font-size: 72.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	text-align: center;
	}

/*
 * Basic element definitions
 */

a,
a:active,
a:visited {
	color: #000;
	text-decoration: underline;
	padding: 1px;
	}

a:hover {
	background: #b11e37;
	color: #fff;
	}

p, td {
	font-size: 1em;
	line-height: 1.4em;
	margin: 1.2em 0;
	}

ul, ol {
	margin-left: 1.8em;
	}

li {
	margin: 1.2em 0;
	}

table {
	margin: 1.2em 0;
	}

th {
	text-align: left;
	}

tr.even {
	border-bottom: 1px solid #000;
	}

tr.odd,
.odd {
	background-color: #f1f1f1;
	}

.expanded .shiftlist tr.odd,
.expanded .shiftlist tr.even {
	background: #ccc;
	}

tr.first {
	border-top: 1px solid #fff;
	}

tr.second td {
	border-bottom: 4px solid #999;
	}

td {
	padding: 2px 8px;
	}

tr.expanded td,
tr.expanded td a {
	background: #b11e37;
	color: #fff;
	}

tr.expanded td a:hover {
	color: #b11e37;
	background: #fff;
	}

/*
 * Basic layout
 */

#page {
	display: block;
	width: 100%;
	float: left;
	font-size: 1.2em;
	text-align: left;
	}

#header {
	display: block;
	background: #ce8946;
	}

#header h1 a {
	display: block;
	width: 100%;
	height: 124px;
	background: #ce8946 url(../images/plant_sale_header2.gif) no-repeat 0 0;
	text-decoration: none;
	}

#content-wrapper {
	width: 100%;
	float: left;
	}

#content {
	margin: 0;
	padding: 24px;
	}

body.has-cart #content {
	margin-right: 200px;
	}

#steps,
#job-cart {
	float: left;
	width: 200px;
	margin-top: 68px;
	margin-left: -200px;
	}

#job-cart {
	float: left;
	width: 170px;
	padding: 0 4px;
	border: 1px solid #999;
	margin-top: 344px;
	text-align: center;
	}

#job-cart ul {
	margin: 0;
	padding: 0;
	}

#job-cart ul li {
	list-style: none;
	}

/*
 * Top nav
 */

#nav {
	display: block;
	width: 100%;
	float: left;
	padding: 0;
	margin: 0;
	background: #ce8946;
	}

#nav ul {
	display: block;
	width: 100%;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	background: #7a9f74;
	}

#nav ul li {
	float: left;
	margin: 0;
	}

#nav ul li a {
	display: block;
	float: left;
	padding: 6px 24px;
	background: #7a9f74;
	text-decoration: none;
	color: #fff;
	}

#nav ul li a:hover {
	text-decoration: underline;
	}

#nav ul li.active a {
	color: #7a9f74;
	background: #fff;
	font-weight: bold;
	}

#year_selector {
	display: block;
	float: right;
	margin: -25px 12px 0 0;
	color: #fff;
	font-size: .8em;
	}

/*
 * Content formatting
 */

h2 {
	margin: 0 0 24px 0;
	font-weight: normal;
	}

h2 .highlight {
	color: #b11e37;
	}

h3 {
	margin: 32px 0 12px 0;
	font-weight: normal;
	border-bottom: 1px solid #ccc;
	}

.notice {
	background: #ff6;
}

p.notice,
p.error {
	display: block;
	padding: 12px;
	}

.error,
p.error {
	color: #fff;
	background-color: #b11e37;
	}

.urgent {
	color: #b11e37;
	}

td.shift-extras-inner table tr td {
	border-bottom: 1px solid #999;
	}

td.shift-extras-inner table tr td.volunteer-name {
	padding: 0 0 0 48px;
	}

.expanded .shift-extras-inner {
	padding: 0 0 0 36px;
	}

.job {
	padding: 6px 0;
	border-bottom: 1px solid #666;
	}

.job ul,
.job .hidden-form {
	margin-left: 24px;
	}

.job-description {
	margin: 0 24px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.box-open,
.box-full {
	display: block;
	float: left;
	width: 8px;
	height: 8px;
	margin-top: 4px;
	margin-right: 12px;
	background: #007e00;
	}

.box-full {
	background: #ff1d00;
	}

td.status .box-open,
td.status .box-full {
	margin-right: 0;
	}

.comment {
	display: block;
	border-bottom: 1px solid #ccc;
	font-size: .8em;
	}

.comment .comment_info {
	color: #666;
	font-style: italic;
	}

.block {
	display: block;
	margin: 0 0 24px 24px;
	}

.graphic_box {
	display: block;
	float: right;
	margin: 0 0 12px 24px;
	}

.graphic_box_left {
	float: left;
	margin: 6px 24px 12px 0;
	}

.graphic_box a,
.graphic_box a img {
	border: none;
	background: #fff;
	text-decoration: none;
	}

.day {
	display: block;
	width: 180px;
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	}

.daya,
.lightgreen {
	background: #bbe2b5;
	}

.dayb {
	background: #ecc8a1;
	}

.day .day-date a {
	display: block;
	padding: 4px 0;
	margin: 0 0 8px 0;
	font-weight: bold;
	text-align: center;
	background: #333;
	color: #fff;
	}

.day .day-date a:hover {
	background: #555;
	}

.day li,
.shift li {
	margin: 0;
	}

.day .more-link {
	display: block;
	padding: 0 12px;
	text-align: right;
	font-weight: bold;
	}

.shift {
	display: block;
	padding: 6px 0 24px 24px;
	}
	
#confirmation .shift {
	margin-right: 200px;
	}

.shift .shift-time {
	padding: 2px 4px;
	margin-left: -24px;
	font-weight: bold;
	background: #ccc;
	}

.shift .task-image {
 display: block;
 float: right;
 margin: 20px 6px 0 12px;
}

.waitlist {
	display: block;
	margin: -12px 0 0 12px;
	font-size: .8em;
	}

p.signup-button {
	margin-top: 24px;
	}

p.signup-button a,
p.signup-link a {
	padding: 12px;
	background: #b11e37;
	color: #fff;
	text-decoration: none;
	}

p.signup-link a {
	display: block;
	padding: 12px 6px;
	font-size: .9em;
	text-align: center;
	font-weight: normal;
	}

p.signup-button a:hover,
p.signup-link a:hover {
	background: #AE1437;
	text-decoration: underline;
	}

p.alpha-pager a {
  padding: 4px 2px;
  margin: 4px 2px;
}

/*
 * Forms
 */

.hidden-form {
	padding: 0;
	background: #ce8b43;
	color: #fff;
	}

.hidden-form p.form-toggle {
	display: block;
	background: #fff;
	color: #000;
	}

.hidden-form p.form-toggle strong {
	color: #fff;
	background: #ce8b43;
	padding: 2px 4px;
	}

.hidden-form form {
	padding: 12px;
	}

form input {
	padding: 2px 4px;
	}

form fieldset {
	display: block;
	width: 100%;
	border: 0;
	}

fieldset legend {
	padding: 0 4px;
	}

label {
	font-size: .85em;
	margin: 12px 0 0 0;
	}

form fieldset p {
	float: left;
	margin: 1em 12px 1em 0;
	}

form .fieldWithErrors {
	float: left;
	border: 2px solid red;
	}

span.description {
	display: block;
	}

.description {
	font-size: .8em;
	color: #666;
	}

td.checkin_row form {
	margin: 6px;
	text-align: right;
	}

#login-block {
	display: block;
	width: 200px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding: 110px 24px 24px 24px;
	text-align: center;
	font-size: 1.4em;
	background: #ce8946 url(../images/logo_plain.gif) no-repeat center 10px;
	color: #fff;
	}

#login-block input {
	text-align: center;
	padding: 2px 4px;
	}

#login-block h3 {
	margin: 24px 0 0 0;
	font-weight: normal;
	}

#login-block p.notice {
	background: #ce8946;
	border: 1px solid #fff;
	}
	
/*
 * Reports
 */
 .report-options div {
	display: block;
	width: 200px;
	height: 200px;
	float: left;
	margin: 0 12px 12px 0;
	padding: 20px;
	background: #ececec;
	border: 1px solid #ccc;
	text-align: center;
	}

 .report-options div a {
	display: block;
	margin: 0 0 12px 0;
	padding: 6px;
	}

#saved_reports {
  display: block;
  clear: both;
  }
 
.reports-form {
	display: block;
	width: 100%;
	float: left;
	margin: 0 0 24px 0;
	border-top: 2px solid #999;
	border-bottom: 2px solid #999;
	}

.reports-form h3 {
	margin: 12px 12px 24px 12px;
	border: 0;
	text-transform: uppercase;
	}

.reports-form ul{
	list-style: none;
	margin: 0;
	}

.reports-form fieldset {
	width: 300px;
	height: 200px;
	float: left;
	margin: 0 0 12px 12px;
	padding: 0 10px;
	border: 1px solid #999;
	}

.by_volunteer fieldset {
	height: 280px;
	}

.reports-form fieldset p {
	display: block;
	width: 100%;
	}
	
fieldset.date-range-options label {
	display: block;
	margin-top: 6px;
	}	

.form-submit {
  display: block;
  width: 100%;
  float: left;
  clear: both;
	margin: 12px;
	}

/*
 * Popup windows
 */

body.popup {
	margin: 0;
	padding: 0;
	background: #ececec;
	}

body.popup #content {
	display: block;
	width: 380px;
	padding: 20px 10px;
	}

body.popup #close {
	display: block;
	background: #222;
	height: 25px;
	line-height: 25px;
	text-align: center;
	border-bottom: 1px solid #000;
	}

body.popup #close a {
	color: #fff;
	}

body.popup #close a:hover {
	color: #b11e37;
	background: #222;
	}

/*
 * The extras
 */

#header h1 span {
	visibility: hidden;
	}

.loading {
  background: url(../images/ajax-loader.gif) no-repeat center left;
}

tr.loading td.status {
  visibility: hidden;
  }

.clear {
	clear: both;
	}