body {
  background-color: rgb(69, 29, 31);
  font-family: verdana, arial, helvetica, sans-serif;
  color: rgb(69, 29, 31);
  margin: 0px;
  font-size: 0.8em;
}

.highlight {
  text-decoration: underline;
}


.sidebar .bbb {
  background-color: white;
  padding-top: 10px;
  padding-bottom: 10px;
}

.sidebar .trustline, .sidebar .breedlove {
  background-color: white;
}


.sidebar .menu, .sidebar .adminMenu {
  width: 238px;
  background-color: rgb(69, 29, 31);
}

.sectionHeader {
  font-weight: bold;
}

.sidebar .menu {
  height: 275px;
}

.sidebar .placementMenu {
  height: 229px;
}

.menuItem {
  display:block;
}

.sidebar .menuItem,
.sidebar .menuItem a
{
  width: 238px;
  height: 23px;
}

.sidebar .menuItem a:hover {
  background-position: 0px 23px;
}

.sidebar .menu .spacer {
  height: 11px;
}

.footer .menu {
  height: 20px;
}

.footer .menuItem,
.footer .menuItem a {
  height: 20px;
}

.adminMenu {
  padding-top: 20px;
  padding-bottom: 20px;
}
.adminMenu a {
  color: rgb(169,198,236);
}

.adminMenu a:hover {
  color: rgb(255,137,123);
}

.footer .menuItem a:hover {
  background-position: 0px 20px;
}

.footer .menuOurServices {
  width: 91px;
  background:  rgb(200, 169, 154) url(/images/footer/OCN_OurServices_Combined.png) left top;
}
.footer .menuOverview {
  width: 73px;
  background:  rgb(200, 169, 154) url(/images/footer/OCN_Overview_Combined.png) left top;
}

.footer .menuParents {
  width: 58px;
  background:  rgb(200, 169, 154) url(/images/footer/OCN_Parents_Combined.png) left top;
}

.footer .menuNannies {
  width: 59px;
  background:  rgb(200, 169, 154) url(/images/footer/OCN_Nannies_Combined.png) left top;
}

.footer .menuFAQs {
  width: 45px;
  background:  rgb(200, 169, 154) url(/images/footer/OCN_FAQs_Combined.png) left top;
}

.footer .menuContactUs {
  width: 79px;
}
.footer .menuContactUs a {
  background:  rgb(200, 169, 154) url(/images/footer/OCN_ContactUs_Combined.png) left top;
}


.wrapper {
  margin: 0 auto;
  width: 780px;
}

.wide .wrapper {
  width: 1250px;
}

.bodyArea, .wideBodyArea {
  background-color: rgb(200, 169, 154);
  float: left;
  height: 100%;
  padding-left: 35px;
  min-height: 57em;
  width: 745px;
}

.wide .bodyArea {
  width: 1200px;
}



label {
  font-weight: bold;
}

.sidebar {
  zheight: 475px;
  width: 238px;
  float: left;
}

.sidebar a,
.sidebar img,
.footer a,
.footer img
{
  display:block;
}

.callout {
  width: 505px;
  height: 64px;
  float: right;
}

.accent {
  padding-left: 15px;
  padding-right: 15px;
  background-color: rgb(244,238,232);
  color: rgb(128, 75, 40);
}

.accent p {
  text-align: center;
}

.content {
  text-align: left;
  width:400px;
  color: rgb(69, 29, 31);
  float: right;
  padding-right: 75px;
  padding-top: 30px;
  position:relative;
}

.largeContent {
  text-align: left;
  color: rgb(69, 29, 31);
  float: right;
  clear: right;
  padding-right: 35px;
  padding-top: 30px;
  position:relative;
}

.intro {
  text-align: center;
  padding-bottom: 30px;
  padding-top: 30px;
  font-size: 0.8em;
}

.contentTitle {
  font-weight: bold;
}

.bookingTitle, .reportHeader {
  font-size: 1.2em;
  font-weight: bold;
}

.bookingTitle img, .reportHeader img {
  vertical-align: middle;
}

.textImage {
  display:block;
  height: 34px;
  position:relative;
  left: -10px;
}

.availabilityGrid {
  font-weight: bold;
  border: 1px solid;
}

.availablityGrid td, .availabilityGrid th {
  width: 40px;
  text-align: center;
}

.content td {
  vertical-align: top;
}

.labelColumnTall {
  vertical-align: top;
}

.umbrella {
  float: right;
  width: 400px;
  padding-right: 100px;
  height: 328px;
  position: relative;
}

.bigText {
}

.tracking {
  background-color: rgb(200, 169, 154);
}

.footer {
  padding-left: 0px;
  background-color: rgb(200, 169, 154);
  float: left;
  width: 100%;
  padding-top: 20px;
  white-space: nowrap;
  padding-bottom: 10px;
  font-size: 0.8em;
}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

.flashError {
  font-weight: bold;
  color: rgb(200,0,0);
}

.clientForm td, .nannyForm td {
  padding-bottom: 10px;
}

.training {
  border: 1px solid;
}

.training td {
  padding-bottom: 2px;
}

.placementForm .labelColumn, .placementForm .labelColumnTall {
    width: 250px;
}

.noLabel .labelColumn, .noLabel .labelColumnTall {
    width: 10px;
}


.notes {
    border: double;
    text-align: center;
}

.formGroup {
    padding-top: 20px;
}

.formGroupTitle {
  text-decoration: underline;
  font-weight: bold;
}

.nowrap {
  white-space: nowrap;
}

.bookingForm {
  width: 800px;
  font-size: 1.2em;
}

.labelColumn .fieldWithErrors, .labelColumnTall .fieldWithErrors {
  text-align: right;
}
.labelColumn, .labelColumnTall {
  text-align: right;
  width: 40%;
}

.registryContactInfo, .registryVacationInfo {
  padding-top: 20px;
}

.registryContactInfo a, .registryVacationInfo a, .placementPage a {
  text-decoration: underline;
}

.registryContactInfo .label {
  text-align: right;
  font-weight: bold;
}

.registryVacationSchedule {
  padding-left: 15px;
  line-height: 1.5em;
}

.editVacationTitle {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 20px;
}

.editVacationList {
  padding-top: 10px;
  padding-left: 30px;
  padding-bottom: 20px;
}

.bookingForm .labelColumn, .bookingForm .labelColumnTall {
  width: 20%;
  padding-right: 10px;
}

.placementForm textarea, .clientForm textarea, .nannyForm textArea {
  font-family: sans-serif;
}

.benefitForm .yes_no_table {
    margin-top: 10px;
}

.copyright {
  margin-right: 30px;
}

.serviceAgreement {
  font-size: 0.8em
}

.adminList {
  width: 700px;
}

.nannyList, .clientList, .bookingList {
  width: 900px;
  border-spacing: 0px;
  vertical-align: middle;
}

.payrollBookingList, .invoiceList {
  border-spacing: 0px;
  width: 1100px;
}

.cancelBooking {
  margin-top: 20px;
  font-size: 1.2em;
}

.cancelBookingForm {
  text-align: center;
}
.cancelBookingInfo {
  margin-top: 25px;
  margin-bottom: 25px;
  font-size: 1.2em;
}

.cancelBookingForm .calendar_date_select {
  margin: auto;
}

.clientList {
  font-size: 1.2em;
}

.bookingList {
  margin-top: 50px;
  font-size: 1.2em;
}

.payrollBookingList, .invoiceList {
  font-size: 1.2em;
  margin-bottom: 20px;
}

.bookingList td, .bookingList th {
  padding-right: 20px;
}

.bookingList .bookingPending {
  color: rgb(245, 245, 0);
}
.bookingList .bookingAccepted {
  color: green;
}

.bookingList .bookingCancelled {
  color: red;
}

.wide .adminPage {
  width: 650px;
}

.adminPageTitle {
  height: 103px;
  margin-top: 20px;
  font-size: 1.8em;
  zcolor: rgb(189, 153, 136);
}

.iconLink a {
  font-size: 1.2em;
  line-height: 48px;
  height: 48px;
}

.iconLink img {
  vertical-align: middle;
  margin-right: 20px;
}

.clientList .smallIconLink {
  font-size: 1.0em;
}


.adminPageLinks {
}

.adminSidebarLink {
  text-align: right;
  margin-right: 20px;
  font-size: 1.2em;
  line-height: 48px;
}

.flash {
  color: green;
  text-align: center;
}

.adminPage .flash {
  margin-top: 40px;
  margin-left: 20px;
}

.current {
  color: white;
}

.nannyAvailabilityList, .registryDay {
  width: 100%;
  padding: 0px;
  margin:10px;
  border-spacing: 0px;
}

.nannyAvailabilityList, .nannyAvailabilityList a {
  color: rgb(169,198,236);
}
.nannyAvailabilityList {
  background-color: rgb(69, 29, 31);
}


.registrySpace {
  width: 10px;
}

.evenRow {
  zbackground-color:  rgb(190, 160, 147);
  background-color: rgb(189, 153, 136);
}

.detailsHidden .detailsEven {
  background-color: rgb(189, 153, 136);
}

.registryList {
  width: 900px;
  font-size: 14px;
  margin-top: 20px;
}

.registryList table {
  margin-left: 10px;
}

.button {
  width: 130px;
  height: 29px;
}

/* CSS for buttons - we fix the width and position here, and shift the offset
 * when the user hovers over them - the actual image URL is set using an
 * explicit element style */
.button a {
  display:block;
  width: 130px;
  height: 29px;
  background-color: rgb(200, 169, 154);
  background-position: top left;
}

.button a:hover {
  background-position: 0px 29px;
}

.special {
  font-size: 1.4em;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.calendarWelcome, .testWelcome {
  font-size: 18px;
  font-weight: bold;
}

.testSubheader {
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
}

.registryPage, .testPage {
  width: 700px;
}

.testQuestion {
  margin-top: 20px;
  font-weight: bold;
}

.testError {
  color: rgb(200,0,0);
}

.testAnswer {
  margin-left: 20px;
}

.nannyCalForm {
  margin-top: 20px;
  margin-bottom: 20px;
  font-weight: bold;
  font-size: 14px;
}

.calRadioButtons, .calTextArea {
  margin-left: 20px;
  margin-bottom: 20px;
}

.quotes {
  height: 328px;
}
.quote {
  background-repeat: no-repeat;
}
.quote td {
  height: 328px;
  width: 365px;
  text-align: center;
  font-size: 1.5em;
  vertical-align: middle;
}

.no_bookings {
  text-align: center;
  font-size: 1.5em;
  margin-top: 50px;
  font-weight: bold;
}

.highlightRow {
  background-color: rgb(173, 128, 108); 
  zbackground-color: rgb(189, 153, 136);
  cursor:pointer;
}

.locked, .cancelledBooking, .cancelledBooking td {
  text-decoration: line-through;
}

.acceptedPayroll, .acceptedPayroll a, .confirmedBooking, .confirmedBooking td {
  color: green;
}

.paidPayroll {
  color: grey;
}

#displayUI #msgBody{
  font-size: 1.2em;
}

.editLink {
  font-size: 0.8em;
}

#msgBody {
  padding: 3px;

}

#displayUI {
  zbackground-color: white;
  background-color: rgb(189, 153, 136);
}

.adminMessageTitle {
  color: white;  
  background-color: rgb(69, 29, 31);
  font-weight: bold;
  padding-bottom: 3px;
}

.adminMessages {
  border-style: solid;
  border-left-width: 20px;
  border-right-width: 20px;
  border-bottom-width: 20px;
}

.employment .city {
  font-size: 1.2em;
  text-decoration: underline;  
}

.employment .spacer {
  padding-top: 15px;
}

.employment .jobTitle {
  font-weight: bold;
}

.employment a {
  text-decoration: underline;
}

.reportSummary {
  padding-top: 50px;
  font-size: 1.3em;
  width: 900px;
  margin: auto;
}


.reportSummary .numeric {
  text-align: center;
}

.reportSummary .total {
  font-weight: bold;
}

.reportSummary .buttons {
    padding-top: 50px;
}

.placementList li {
  padding-bottom: 10px;
}

.mapCanvas {
  width: 700px;
  height: 500px;
  border: 2px solid; 
}

.mapNannies {
  padding-left: 20px;
  width:600px;
  vertical-align: middle;
  border-spacing: 0px;
}

.keyInput {
  padding-bottom: 15px;
}