.blue { color: blue; }
.orange { color: #FF9900; }
.green { color: green; }

.feven, .feven a { background-color: #ededed; }
.fodd, .fodd a { background-color: gray; color: white; }

.highlight_note {
    background-color: yellow; 
    padding: 3px;
    font-weight: bold;
}

.required { color: red; }

/*  

Light colour: #649a7a
  Med colour: #316747
 Dark colour: #214530

*/

body {
	font: 12px/18px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0px;
	margin: 0px;
	background-color: #e9e9e9;
	padding-bottom: 30px;
}

p, h1, h2, h3, h4, form, input, select {margin:0px; padding:0px;}

p {margin-bottom:15px;}

a {text-decoration: underline; color: #649a7a;}
a:hover {text-decoration: none; color: #214530;}

a img {border: none;}

h1 {
	color: #000000;
	font: bold 20px "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

h2 {
	color: #333333;
	font: bold 16px "Lucida Grande", Arial, Helvetica, sans-serif;
	margin-bottom: 15px;
}

small {
	display: block;
	font: normal 10px "Lucida Grande", Arial, Helvetica, sans-serif;
}

table {
	border: none;
	width: 100%;
	margin-bottom: 15px;
}
tr.mainrow {
	background: url(../images/bg_table.gif) repeat-x left top;
	height: 29px;
	line-height: 29px;
	font-weight: bold;
	font-size: 14px;
	color: #333333;
}

tr.mainrow td.selected {
	color: #214530;
}

tr.odd {
	background-color: #f9f9f9;
}

tr td {
    /* border-bottom: 1px solid #EEEEEE; */
	padding: 4px;
	line-height: 20px;
	font-size: 12px;
	vertical-align: top;
}

tr td.free {
	/* border-bottom: 1px solid #EEEEEE; */
	padding: 4px;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
	vertical-align: top;
	background-color: #CCFFB5;
}

tr td.free-editable {
	/* border-bottom: 1px solid #EEEEEE;  */
	padding: 4px;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
	vertical-align: top;
	background-image: url(../images/edit_block.png) top right;
	background-color: #CCFFB5;
	background-position: top right;
}

.free-editable {
	background-image: url(../images/edit_block.png) top right;
	background-position: top right;
}

tr td.busy {
	border-bottom: 1px solid #EEEEEE;
	padding: 4px;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
	vertical-align: top;
	background-color: #F4D1D0;
}

tr.mainrow td {
	padding: 0px 8px;
	border-bottom: 1px solid #CCCCCC;
	vertical-align: middle;
}

tr.mainrow td .functions {
	float: right;
	font-weight: normal;
}

tr.mainrow td .functions a {
	margin-left: 10px;
	text-decoration: none;
	text-transform: uppercase;
	color: #666666;
	font-size: 11px;
}

tr.mainrow td .functions a:hover {
	color: #316747;
}

th { text-align: left; vertical-align: top; }

label {
	display: block;
	font-weight: bold;
	margin-bottom: 5px;
}

/* an inline label for radio buttons and checkboxes */
label.inline {
	display: inline;
	font-weight: normal;
	margin-left: 5px;
	margin-bottom: 0px;
}

input, textarea {
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #666666;
}

input.input, textarea.input {
	display: block;
	padding: 4px;
	font-size: 11px;
	margin-bottom: 15px;
	border-top: 1px solid #bebebe;
	border-right: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	border-left: 1px solid #bebebe;
}

input.input:focus, input.input:hover, textarea.input:focus, textarea.input:hover {
	color: #000000;
	background-color: #EEEEEE;
	border-top: 1px solid #666666;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #666666;
}

input.button {
	padding: 3px 5px;
	color: #FFFFFF;
	background-color: #316747;
	border-top: 1px solid #649a7a;
	border-right: 1px solid #214530;
	border-bottom: 1px solid #214530;
	border-left: 1px solid #649a7a;
	cursor: pointer;
}

input.button:active {
	border-top: 1px solid #214530;
	border-right: 1px solid #649a7a;
	border-bottom: 1px solid #649a7a;
	border-left: 1px solid #214530;
}

.wrap_all {
	width: 770px;
	margin-left: auto;
	margin-right: auto;
}

.right {float:right; margin-bottom:0px;}
.left {float:left; margin-bottom:0px;}
.clear {
	height: 1px;
	margin-top: -1px;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

.error {
	padding: 5px;
	color: #000000;
	font-weight: bold;
	border: 1px solid #FF6633;
	background-color: #FFCCCC;
	margin-bottom: 15px;
}

.notification {
	padding: 5px;
	color: #000000;
	font-weight: bold;
	border: 1px solid #316747;
	margin-bottom: 15px;
	background: #CCFFB5;
}

.error strong, .notification strong {
	display: block;
}

.error ul, .notification ul {
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
}

#pagination {
	text-align: center;
	padding: 8px;
	background-color: #F6F6F6;
}

#pagination a {
	padding: 2px 5px;
	text-decoration: none;
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #e7e7e7;
	color: #649a7a;
	margin: 0px 2px;
}

#pagination a.selected, #pagination a.selected:hover {
	background-color: #F6F6F6;
	border-color: #F6F6F6;
	color: #666666;
}

#pagination #numbers {
	display: inline;
	margin: 0px 40px;
}

#pagination a:hover {
	border-color: #CCCCCC;
	color: #316747;
}

#header {
	height: 109px;
	background:url(../images/header_bg.gif) repeat-x left top;
}

#header h1 {
	font: bold 24px/28px  "Lucida Grande", Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding-top: 25px;
	padding-bottom: 0px;
	letter-spacing: -0.05em;
	margin: 0px;
}

#header .right {
	padding-top: 10px;
	color: #649a7a;
}
#header a {
	color: #FFFFFF;
}

/* ----------------------------- CALENDAR VIEWS ---------------- */
col.task {
	background: #ffffef;
}

col.hour {
    background: #efe
}

#cal_table {
	text-align: left;
}

/* ------------------------- OTHER CLASSES -------------------------- */

.calendar tr {
	color: #665;
	font-size: 9px;
	height: 20px;
	background-color: #CCFFB5;
}

.calendar tr td {
	border-bottom: 1px solid #EEEEEE;
	line-height: 8px;
	font-size: 10px;
	vertical-align: top;
}

.calendar tr.hour td.hour {
	width: 5px;
	border-bottom: 1px solid #EEEEEE;
	line-height: 8px;
	font-size: 10px;
	vertical-align: middle;
	background: #ccddcc;
}

.calendar td.month_day {
    width: 90px;
	background: #ddddee;
}

.calendar td.other_month_day {
	background: #ddddcc;
}

.calendar td.session_day {
	background: #CCFFB5;
}

.calendar tr.day {
	color: #665;
	font-size: 9px;
	height: 90px;
}

.calendar td.hour {
	color: #665;
	font-size: 9px;
	height: 30px;
	width: 70px;
}

.calendar tr td.task {
	width: 100px;
}

.calendar tr td.belongs {
	width: 100px;
	background-color: #CCFFB5;
}

.calendar tr td.no_belongs {
	width: 100px;
	background-color: #F4D1D0;
}


/*.calendar tr.hour {
	color: #665;
	font-size: 9px;
	height: 30px;
}*/


.calendar tr.number {
	background: #eee;
	color: #998;
	font-size: 10px;
	height: 10px;
	text-align: right;
	vertical-align: middle;
}

.block {
   background-color: #CCFFB5;
   width: 600px;
   height: 200px;
   margin: 5px;
   overflow:auto;
   padding:1em 1em 1em 1em;
   z-index:9999;
   cursor:move;
}

/* ------------------------------ TABS ------------------------------- */

#header ul {
	margin: 0px;
	padding: 29px 0px 0px;
	list-style: none;
}

#header li {
	float: left;
	background: url(../images/tab_off-l.gif) no-repeat left top;
	margin: 0px 10px 0px 0px;
	padding-left: 9px;
}
#header li a {
	float: left;
	display: block;
	background: url(../images/tab_off-r.gif) no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #FFFFFF;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#header li a {float:none;}
/* End IE5-Mac hack */
#header li a:hover {
	color:#FFFFFF;
}
#header #current {
	background-image: url(../images/tab_on-l.gif);
}
#header #current a {
	background-image: url(../images/tab_on-r.gif);
	color: #316747;
	padding: 5px 15px 4px 6px;
}

#subheader {
    background-color: #fff;
}
#subheader ul {
    margin: 0px;
    padding: 29px 0px 0px;
    list-style-type: none;
    display: inline;
}
#subheader li {
	float: left;
	margin: 0px 10px 0px 0px;
	padding-left: 9px;
}
#subheader li a {
	float: left;
	display: block;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #666666;
}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#subheader li a {float:none;}
/* End IE5-Mac hack */
#subheader li a:hover {
	color:#FFFFFF;
}
#subheader #currentsub {
    
}
#subheader #currentsub a {
	color: #316747;
	padding: 5px 15px 4px 6px;
}

/* ---------------------------------------------------------------- */

#content {
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-bottom: 20px;
}

#footer {
	background: url(../images/bg_footer.gif) repeat-x left top;
	padding-top: 15px;
	color: #999999;
}

#footer a {
	color: #316747;
}


/* ----------------------- UNIQUE IDS -------------------------- */

#form_sort {float: right;}
#form_sort select {margin-right: 20px;}

#form_sort label {
	display: inline;
	margin-right: 5px;
}

#showing {
	float: right;
}

#table_sender, #table_recipient {
	width: 375px;
	float: left;
}

#table_sender {
	margin-right: 20px;
}

#form_log label, #form_log input.input, #form_log textarea.input {
	float: left;
}

#form_log label {
	width: 70px;
}

#form_log textarea.input {
	width: 400px;
	height: 50px;
}

#form_log input.button {
	margin-left: 70px;
	margin-bottom: 20px;
}

.camper_assignments {
	border-collapse: collapse;
}

.camper_assignments td {
	border: 1px solid #e4e5e3;
}

.no_breaking_labels label {
	display: inline;
}


/* autocomplete */
input.autocomplete-loading
{
	background-image:url(/images/autocomplete.gif);
	background-position: center right;
	background-repeat:no-repeat;
}
ul.autocomplete 
{
    /*position: absolute;*/
    overflow: hidden;
    background-color: #fff;
    border: 1px solid ButtonShadow;
    margin: 0px;
    padding: 0px;
    list-style: none;
    color: #000;
	display:none;
	z-index:1000;
}
ul.autocomplete li 
{
  display: block; 
  padding: 0.3em; 
  overflow: hidden;
  width: 100%;
  cursor:pointer;
}

ul.autocomplete li.selected 
{
  background-color: Highlight ; 
  color: #fff;
}