/* --------- /stylesheets/wcn09/reset.css --------- */ 
/* -------------------------------------------------------------- 
  
   Boilerplate reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
body { line-height: 1.5; background: #fff; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }

/* Removes Firefox imposed outline */
a { outline: none; }/* --------- /stylesheets/wcn09/typography.css --------- */ 
/* -------------------------------------------------------------- 
   
   Boilerplate typography.css
   * Sets up some sensible default typography.
  
-------------------------------------------------------------- */

/* This is where you set your desired font size. The line-heights 
   and vertical margins are automatically calculated from this. 
   The percentage is of 16px (0.75 * 16px = 12px). */
body { font-size: 11px; color:#3f3f3f; }


/* Default fonts and colors. */
body { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }
h1,h2,h3,h4,h5,h6 { font-family: "Lucida Grande", Helvetica, Arial, sans-serif; }


/* Headings
-------------------------------------------------------------- */

h1,h2,h3,h4,h5,h6 { font-weight: bold; }

h1 { font-size: 2em; line-height: 1em; margin-bottom: 0.25em; }
h2 { font-size: 1.5em; line-height: 1.125em; margin-bottom: 0.375em; }
h3 { font-size: 1.273em; line-height: 1em; }
h4 { font-size: 1.25em; line-height: 1.2em; margin-bottom: .6em; }
h5 { font-size: 1em; line-height:1.5em; margin-bottom: .75em; }
h6 { font-size: .818em; line-height:1.8em;}


/* Text elements
-------------------------------------------------------------- */

p { margin: 0 0 1.5em; }

ul, ol { margin: 0 1.5em 1.5em 1.5em; }
ul { list-style-type: circle; }
ol { list-style-type: decimal; }

dl { margin: 0 0 1.5em 0; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }

abbr, acronym { border-bottom: 1px dotted #000; }
address { margin-top: 1.5em; font-style: italic; }
del { color: #000; }

a { color: #b70000; text-decoration:none; border-bottom:1px dotted #b70000;}
a:hover { color:#ff2e2e; border-bottom:0;}

blockquote { margin: 1.5em; }
strong { font-weight: bold; }
em, dfn { font-style: italic; }
dfn { font-weight: bold; }
pre, code { margin: 1.5em 0; white-space: pre; }
pre, code, tt { font: 1em monospace; line-height: 1.5; } 
tt { display: block; margin: 1.5em 0; line-height: 1.5; }


/* Tables
-------------------------------------------------------------- */

table { margin-bottom: 1.4em; }
/*th { border-bottom: 2px solid #ddd; font-weight: bold; }
td { border-bottom: 1px solid #ddd; }
th,td { padding: 4px 10px 4px 0; }*/
tfoot { font-style: italic; }
caption { background: #ffc; }


/* Some default classes
-------------------------------------------------------------- */

.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet { color: #6e6e6e; }
.highlight { background: #ffc; }/* --------- /stylesheets/wcn09/layout.css --------- */ 
#Wrap {width:960px; margin:0 auto;}

#Masthead {position:relative; height:82px;}
#Masthead img {display:block;}
#Masthead h1 {position:absolute; left:10px; top:10px;}
#Masthead h2 {position:absolute; right:10px; top:7px;}
#Masthead h5 {position:absolute; right:10px; bottom:0; font-weight:normal; color:#757575; margin-bottom:3px;}

#Content {width:940px; margin-left:10px;}
.columns {overflow:hidden; width:920px;}
.columns .col1 {float:left; width:210px; margin-right:20px;}
.columns .col2 {float:left; width:220px; margin-right:20px;}
.columns .col3 {float:left; width:220px; margin-right:20px;}
.columns .col4 {float:left; width:210px;}
.columns .col12 {float:left; width:450px; margin-right:20px;}
.columns .col34 {float:left; width:450px;}

ul.toggle {width:100%; overflow:hidden; margin:0; list-style:none; margin:1.5em 0;}
ul.toggle li {float:left; margin-right:10px;}
ul.toggle li a {background-color:#d9efe2; border:0; display:block; margin-top: 2px; padding:4px 8px; -webkit-border-radius: 10px; color:#333; -moz-border-radius: 10px;}
ul.toggle li a:hover {background-color:#b9d6c5;}
ul.toggle li.active a {background-color:#024c65; padding:6px 12px; color:#FFF; margin-top:0; font-weight:bold;}

#PageHeader h4 {color:#04516b;}
#PageHeader .head a {border:0;}
#PageHeader .head img {vertical-align:-30%;}
a.calendar {margin-left:20px; font-weight:normal; font-size:12px; padding-left:19px; background:url(/images/wcn09/calendar.png) no-repeat left top; border-bottom:0;}
a.print {margin-left:4px; font-weight:normal; font-size:12px; padding-left:19px; border-bottom:0;}
#PageHeader h6 {text-transform:uppercase; letter-spacing:1px;}

#PageHeader .body {background:#eff9f3; border:2px solid #d9efe2; border-width:2px 0; padding:10px; overflow:hidden; width:920px; margin-bottom:10px;}
#PageHeader .body p {margin-bottom:0;}

ul.overview {margin:0; list-style:none;}
ul.overview li {padding-left:15px;}
ul.overview li.red {background:url(/images/wcn09/red_box.png) no-repeat left .4em;}
ul.overview li.green {background:url(/images/wcn09/green_box.png) no-repeat left .4em;}

/*ol.assignments {font-size:5em; font-family:Georgia; color:#BBB;}*/
/*ol.assignments div.assignment {font-size:.2em; font-family:"Lucida Grande"; color:#3f3f3f;}*/
ol.assignments {list-style:none; margin:0; font-size:1.091em;}
ol.assignments > li {margin:1.5em 0;}
ol.assignments h3.water {line-height:2em; border-bottom:1px solid #b9cbc0; margin-bottom:.5em;}
ol.assignments h6.date {margin-bottom:0; line-height:1em; color:#035974; font-weight:bold;}
a.edit {font-size:.857em;}
ol.assignments dl {line-height:1.8em;}
ol.assignments dt {float:left; width:9em; font-size:.75em; text-transform:uppercase; letter-spacing:1px;}
.assignment p {margin-bottom:0;}

#Calendar {background:url(/images/wcn09/shadow.png); padding:20px; position:absolute; left:450px; width:25em;}
#Calendar #CalContent {background-color:#FFF; border:2px solid #999; padding:20px;}

h3.section_header {background-color:#c7dbcf; font-weight:normal; line-height:2em; padding:0 10px; margin:20px 0;}

table.schedule_calendar {width:940px; margin-top:20px;}
.schedule_calendar a {border:0; display:block;}
table.schedule_calendar th, table.schedule_calendar td {margin:0; padding:0; text-align:center; border:solid #ddebe3; border-width:0 1px 1px 0;}
.schedule_calendar td.date_cell {background-color:#c7dbcf;}
.schedule_calendar td.date_cell a:link, .schedule_calendar td.date_cell a:visited {color:#333;}
.schedule_calendar td.date_cell a:hover, .schedule_calendar td.date_cell a:active {background-color:#a1b6a9;}
.schedule_calendar .date_row td {background-color:#92a399;}
.schedule_calendar .date_row a:hover, .schedule_calendar .date_row a:active {background-color:#637169;}
.schedule_calendar td.day_off {background-color:#a2a2a2;}
.schedule_calendar td.day_on {background-color:#3a8a12;}
.schedule_calendar td.day_on a {color:#FFF;}
.schedule_calendar td.day_on a:hover, .schedule_calendar td.day_on a:active {background-color:#1b4009}
.date_row td a {color:#FFF;}

a.download {padding-left:20px; background:url(/images/disk.gif) no-repeat left top; border:0;}
a.edit {font-size:12px; font-weight:normal; margin:0 .5em;}

p.pagination_results {font-size:1.5em; margin-bottom:0;}

div.report_images img {display:block; float:left;}
div.report_images div.chunk div {width:940px; overflow:hidden;}


p#Footer {margin-top:40px; text-align:right;}

span#env_message {display:block; background-color:#B8EC22; padding:5px;}/* --------- /stylesheets/wcn09/nav.css --------- */ 
#Menu {height:60px; background:url(/images/wcn09/menu_background.png) no-repeat left top; position:relative; margin-bottom:15px;}
#Menu a {border:0; color:#3b3b3b;}
#Menu a:hover {color:#b70000;}
#Menu ul#Main {font-size:1.273em; list-style:none; position:absolute; left:10px; margin:0;}
#Menu #Main li, #Menu #Account li {float:left;}
#Menu #Main a {display:block; line-height:50px; padding:0 15px;}

#Menu ul#Account {list-style:none; margin:0; position:absolute; right:10px;}
#Menu ul#Account li {margin-left:1em;}
#Menu ul#Account a {display:block; line-height:50px;}

body#Overview #Menu #Main li#Nav_Overview a, 
body#Schedule #Menu #Main li#Nav_Overview a,
body#Clients #Menu #Main li#Nav_Clients a,
body#Assignments #Menu #Main li#Nav_Clients a,
body#Guides #Menu #Main li#Nav_Guides a
body#Guides #Menu #Main li#Nav_CurrentAssignments a,
body#Rivers #Menu #Main li#Nav_Water a,
body#Reports #Menu #Main li#Nav_Reports a,
body#Lodgings #Menu #Main li#Nav_Lodgings a,
body#RequestAssignments #Menu #Main li#Nav_RequestAssignments a,
body#PaySheets #Menu #Main li#Nav_PaySheets a,
body#Resources #Menu #Main li#Nav_Resources a,
body#Sections #Menu #Main li#Nav_Water a,
body#SystemNotes #Menu #Main li#Nav_Messages a
{background: #585858; border:2px solid #92a399; border-width:0 2px; color:#FFF;}/* --------- /stylesheets/wcn09/calendar.css --------- */ 
/*
A blue based theme,inspired by Blinksale and their ColorBurn widget. http://firewheeldesign.com
AUTHOR:Geoffrey Grosenbach http://nubyonrails.com
Colors:Light Blue:bbccff 
White:eeddee
Turq:024d64
Cream:ffffdd
*/
.calendar {margin:auto; width:100%;}
table.calendar a {display:block; padding:4px 4px; border:0;}
table.calendar a:hover, table.calendar a:active {background-color:#b7cabf;}
table.calendar th, table.calendar td {border:solid #DDD; border-width:0 1px 1px 0;}
table.calendar thead th {border:0;}
.monthName th {font-weight:normal;text-align:right;padding-top:1em;padding-bottom:0.7em;}
th.monthName {font-weight:bold;font-size:1.4em;}
.dayName th {font-size:0.7em;padding-top:0.6em;padding-bottom:0.3em;background-color:#555;color:white; text-align:center;}
.otherMonth,.day,.specialDay {padding:0.4em 0.7em; border-right:1px solid white;}
.otherMonth{color:#eeeeee;background-color:white;}
.day,.specialDay,.dayOff, .dayAss{text-align:center;background-color:#fff;color:#666;}
.day a{font-weight:bold;}
.weekendDay{background-color:#d9efe2;}
.specialDay{background-color:#024d64;color:white;}
.specialDay a,.specialDay a:visited,.specialDay a:hover{color:white;text-decoration:none;padding:1em;}
.specialDay a:hover{color:white;background-color:black;}


a.dayOff { display:block; }
.dayOff { background-color:#929292; color:#666;}
a.nMax { }
span.dayAss { display:block; padding:4px; border:0; }
span.dayOff {display:block; padding:4px; border:0;}
.dayAss {  background-color:#6ad236; color:white; }

.calendar thead th {text-align:center;}

.calendar td, .calendar th {padding:0;}/* --------- /stylesheets/wcn09/forms.css --------- */ 
div.form {background:#eff9f3; border:2px solid #d9efe2; border-width:2px 0; padding:10px; margin-bottom:15px;}
div.form dl {line-height:1.8em;}
div.form dt {float:left; width:7em; font-size:.75em; text-transform:uppercase; letter-spacing:1px;}


input[type="text"] {width:210px; padding:2px; border:2px solid #a9c0b2;}
input[type="password"] {padding:2px; border:2px solid #a9c0b2;}
textarea {padding:2px; border:2px solid #a9c0b2;}

input.search_input {width:90%; font-size:1.5em;}
/* --------- /stylesheets/wcn09/lists.css --------- */ 
ul.results_list {margin: 20px auto;}
ul.results_list a {display:block; border:0; padding:10px;}
ul.results_list a:hover, ul.results_list a:active {background-color:#e3f4ea;}
ul.results_list a small {margin-left:2em; color:#666;}
ul.results_list li {display: block;	width: 100%; font-size: 1.818em; 
border-bottom: 1px solid #DDD;}

ul.message_results_list {margin: 20px auto;}
ul.message_results_list a {display:block; border:0; padding:2px 10px;}
ul.message_results_list p {display:inline; border:0; padding:0 0 0 10px;}
ul.message_results_list a:hover, ul.results_list a:active {background-color:#e3f4ea;}
ul.message_results_list a small {margin-left:2em; color:#666;}
ul.message_results_list li {display: block;	width: 100%; font-size: 1.3em; 
border-bottom: 1px solid #DDD; padding-bottom: 10px;}
ul.message_results_list li p { font-size: .85em;}/* --------- /stylesheets/wcn09/tables.css --------- */ 
/* GENERAL TABLE GRID */
table.grid {width: 100%;	background: #FFF;	border-top: 1px solid #DDD; border-left: 1px solid #DDD;	
	border-collapse: collapse;	font-size: 12px;	}
table.grid th, table.grid td {	border-right: 1px solid #DDD;	border-bottom: 1px solid #DDD;	padding: 5px 10px;
	text-align: left;	}
table.grid thead {background: #DDD;	}
table.grid th {	color: #666;	text-transform: uppercase;	font-weight: normal;	font-size: 11px;	}
table.grid tr.separator td, table.grid tr.separator th {	background: #DDD;	padding-left: 20px;	font-size: 11px;
	border-bottom: 2px solid #666;}
table.grid tr.separator th {text-align: right;	}
table.grid tr.totals td, table.grid tr.totals th {	background: #EEE;	padding-left: 10px;	font-size: 13px;
	font-weight: bold;	color: #666;	}
table.grid tr.totals th {	text-align: right;	background: #FFF;	font-size: 11px;	}



table.EntryForm th, table.EntryForm td {padding:5px;}
table.EntryForm tr.odd {background-color:#d9efe2;}/* --------- /stylesheets/wcn09/reports.css --------- */ 


ul.report_rivers li{font-size:1.2em;}

table.report_sections {padding: 5px; margin:10px 0; width:940px;}
table.report_sections tr.even {background-color:#eff9f3;}
table.report_sections tr.paid {background-color:#F75D59;}
table.report_sections th {padding:5px; background-color:#eff9f3;}
table.report_sections td {font-size: 1.0em; padding: 5px; border-bottom:1px solid #c7dbcf;}
table.report_sections td.name {font-weight:bold; padding-right:6px;}

table.report_sections tr.water th {text-transform:uppercase; background-color:#c7dbcf; border-bottom:1px solid #91a298;}/* --------- /stylesheets/helpers/simple_form.css --------- */ 
/* SIMPLE FORM
-------------------------------------------------------------- */
/* layout */
ul.simpleForm {margin:0; padding:0; }
ul.simpleForm fieldset, ul.simpleForm li {margin:0; padding:0;}
ul.simpleForm fieldset {}
ul.simpleForm li {overflow:hidden; padding:10px 1px; border-bottom:2px solid #d9efe2; }
ul.simpleForm > li > label {display:block; width:120px; float:left; margin-right:30px;}
ul.simpleForm label.fullWidth {width:auto; float:none; margin:0 0 6px;}
ul.simpleForm fieldset {border:0;}

ul.simpleForm fieldset li {clear:none; overflow:hidden; float:left; padding:0 0 1em 0; margin: 0 2em 0 0; border:0; min-height:3em;}
ul.simpleForm fieldset li.checkbox {height:auto;}
ul.simpleForm fieldset label {display:inline; float:none; margin:0;}
ul.simpleForm fieldset ul {margin-left:0; overflow:hidden; margin-bottom:0;}
ul.simpleForm li.new_row {clear:left;}
ul.simpleForm button {display:inline;}
/* typography */
ul.simpleForm {list-style-type:none;}
ul.simpleForm fieldset li {list-style-type:none;}
ul.simpleForm fieldset label {font-weight:normal; color:#777; font-size:.85em;}
ul.simpleForm fieldset label.regular {font-size:1em; font-weight:normal; color:inherit;}

.simpleForm #progress {padding-left:150px;}

input.full {width:96%;}
input.long {width:30em;}
input.medium {width:15em;}
input.short {width:10em;}
input.tiny {width:3em;}
textarea.full {width:96%; height:10em;}
textarea.standard {width:30em; height:6em;}
/* typography */
.simpleForm label {font-size:1em; font-weight:bold; color:#444;}


.simpleForm li.submit {padding-left:150px;}/* --------- /stylesheets/helpers/rails_notifications.css --------- */ 

/* FLASH NOTICE
================================================*/
/* layout */
#FlashNotice {padding:10px; margin-bottom:15px;}
/* color */
#FlashNotice {background-color:#B8EC22;}


/* FLASH ERROR
================================================*/
/* layout */
#FlashError {padding:10px; margin-bottom:15px;}
/* color */
#FlashError {background-color:#DF291B; color:#FFF;}

/* FLASH MESSAGE (system notes)
================================================*/
/* layout */
.system_notes {padding: 10px 10px 0 10px; margin-bottom:15px;}
/* color */
.system_notes {background-color:#ffc; color:#333;}



/* ERROR EXPLANATION
================================================*/
/* layout */
.errorExplanation h2 {padding:5px 10px;}
.errorExplanation p {padding:10px 10px 0;}
.errorExplanation ul {padding:0 10px 1.5em 30px;}
/* type */
.errorExplanation h2 {font-family:'Lucida Grande', Verdana, sans-serif; font-size:1em; font-weight:bold; letter-spacing:2px; line-height:1.5em; text-transform:uppercase;}
.errorExplanation li {list-style-type:disc;}
/* color */
.errorExplanation {background-color:#f1ffb6; color:#333;}
.errorExplanation h2 {background-color:#d6ff2f; color:#9F1D13;}



div.fieldWithErrors {display:inline;}
#SignupForm ul .fieldWithErrors label {background-color:#d6ff2f; padding:5px 0 5px 10px; width:150px;}
div.fieldWithErrors input[type="checkbox"] {border-left:10px solid #d6ff2f;}