/*
-----------------------------------------------
Stylesheet: Nourish
Media: All
Author: Chris Abad
----------------------------------------------- */

/* Templates styles ----------------------------- */
 .action {
  padding: 10px; 
  height: 45px;
  font-weight: bold;
 }


/* Base Styles
----------------------------------------------- */
  
  html { background-color: #333; }
  
  body {
    background-color: #333;
    color: #333;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: small;
    line-height: 1.5em;
    margin: 0;
    padding: 0;
    text-align: center;
  }
  
  a {
    color: #333;
    outline: none;
  }
  
  a img { border: 0; }
  
  #title h1  {
    color: #800106;
    font-size: 23px;
    font-weight: normal;
    margin: 0;
    padding: 0;
  }
  
  h2 {
    color: #00334D;
    font-size: 19px;
    font-weight: normal;
    margin: 1.5em 0 .5em 0;
    padding: 0;
    }
  
  h2.first { margin: .5em 0; }
  
  h3 { font-size: 19px; }
  
  hr {
    margin: 1.5em 0;
    visibility: hidden;
    }
      
  legend { display: none; }
  
  p {
    margin: 0 0 .8em 0;
    padding: 0;
    }
  
  pre {
    background-color: #EFEFEF;
    margin: 0 0 1em 0;
    padding: 5px 15px;
    }
  
  ul { list-style: square; }
    

/* ClearFix Hack
----------------------------------------------- */
  
  .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     }

   .clearfix { display: inline-block; }

   /* Hides from IE-mac \*/
   * html .clearfix { height: 1%; }

   .clearfix { display: block; }
   /* End hide from IE-mac */

   
/* ID/Class Styles
----------------------------------------------- */
  
  #container {
    background-color: #FFF;
    padding: 25px 0;
  }

  #content {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 750px;
  }
    
  #content_main {
    float: left;
    position: relative;
    width: 515px;
    }
  
  #content_sidebar {
    background-image: url("../images/backgrounds/sidebar.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    min-height: 436px;
    padding-right: 20px;
    width: 200px;
  }
  
  #custom_details table {
    margin-bottom: 1em;
    width: auto;
  }
  
  #custom_details table td { padding: 0 10px; }
  
  #header {
    background-color: #43571D;
    background-image: url("../images/backgrounds/navigation.png");
    background-position: top;
    background-repeat: repeat-x;
    margin: 0;
    text-align: center;
  }

  #header h3 {
    bottom: 15px;
    color: #FFF;
    font-weight: normal;
    font-size: 125%;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
  }

  #header_content {
    margin: 0 auto 0 auto;
    padding: 3.5em 0 0 0;
    position: relative;
    text-align: left;
    width: 750px;
  }
  
  div.help, .help_box {
    background-color: #FFF2B3;
    border: 1px solid #FFE980;
    color: #4D0003;
    padding: 15px;
    margin: 0 0 2em 0;
  }
  
  .help a,
  .help_box a { color: #4D0003; }
  
  .help .hide_help_box,
  .help_box .hide_help_box { color: #E6BE00; }
  
  .help pre,
  .help_box pre { 
    background-color: transparent;
    margin: 0 0 .8em 0;
    padding: 0;
  }
  
  .note {
    color: #666;
    font-size: 85%;
    font-style: italic;
  }
  
  .pagination_links {
    float: right;
    position: relative;
    top: 1em;
    right: 15px;
    }

  .red, .required { color: #CB0109; }
  
  .text pre {
    margin: 0 auto 0 auto;
    text-align: left;
    width: 750px;
  }
    

/* Tables
----------------------------------------------- */
  
  table {
    border-collapse: collapse;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    }
  
  table.data {
    margin-bottom: 15px;
    width: 100%;
    }
  
  table.data a { color: #333; }
  
  table.data .blank td {
    border: 0;
    padding: 0;
  }
  
  table.data .blank_slate h3 {
    font-size: 23px;
    line-height: 1em;
    margin-bottom: 0;
  }
  
  table.data .blank_slate td {
    font-size: 110%;
    padding: 25px;
  }
  
  table.data .details table { width: 100%; }
  
  table.data .details table td {
    border: 0;
    text-align: left;
  }
  
  table.data .details table th {
    border: 0;
    color: #333;
    font-size: 100%;
    font-weight: bold;
    text-align: left;
  }
  
  table.data .details td { background-color: #EBFFE6; }
  
  table.data .secondary {
    color: #666;
    display: block;
    font-size: 85%;
  }
  
  table.data td {
    border-bottom: 1px solid #E6E6E6;
    padding: 5px 5px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  
  table.data td.help {
    border: 0;
    padding: 0;
  }
  
  table.data th {
    border-bottom: 2px solid #00334D;
    color: #666;
    font-size: 85%;
    font-weight: normal;
    padding: 6px 10px 3px 10px;
    text-align: center;
    vertical-align: top;
  }
  
  table.data tr.alt td { background-color: #DEE8F1; }
  table.data tr.form td,
  table.data tr.chart td,
  table.data tr.statistics td {
    border: 0;
    padding: 0;
    text-align: left;
  }
  
  div.counter, table.data tr.pagination td {
    border: 0;
    font-size: 90%;
    color: #666;
    text-align: right;
  }
  
  table.data tr.pagination td.left { text-align: left; }
  table.data tr.pagination td a { color: #666; }
  table.data tr td.multiple_edit { text-align: left; }
  table.data tr td.multiple_edit select {
    color: #666;
    font-size: 90%;
  }
  
  table.data tr.statistics table {
    background-color: #D7E4BD;
    font-size: 300%;
  }
  
  table.data tr.statistics th {
    border: 0;
    font-size: 30%;
    padding: 10px 0 0 0;
    text-transform: uppercase;
  }
  
  table.data tr.statistics td {
    padding: 10px 0 20px 0;
    text-align: center;
  }
  
  table tr.title th,
  table.data tr.title th {
    background: none;
    border: 0;
    font-size: 100%;
    padding: 0;
  }
  
  table tr.title th a,
  table.data tr.title th a { color: #666; }
  
  table td.left,
  table th.left { text-align: left; }
  
  table td.right,
  table th.right { text-align: right; }

  table td.selected {
    background-color: #EFEFEF !important;
    border-color: #EFEFEF;
    border-style: solid;
    border-width: thin;
    opacity: .50;
    filter: alpha(opacity=50);
  } 

/* Definition Lists
----------------------------------------------- */

  dd {
    margin-left: 10em;
    padding: 5px 10px;
    }
  
  dd input {
    margin: 0;
    padding: 0;
    font-size: 100%;
    border: 0;
    }
  
  dl {
    margin: 0;
    padding: 10px;
    }
    
  dt {
    clear: left;
    float: left;
    font-weight: bold;
    padding: 5px 10px;
    width: 10em;
    }


/* Forms
----------------------------------------------- */

  button {
    background-color: none;
    background-repeat: no-repeat;
    border: 0;
    cursor: pointer; /* hand-shaped cursor */
    cursor: hand; /* for IE 5.x */
    display: block;
    float: right;
    height: 24px;
    margin-top: .5em;
    padding: 0;
    text-indent: -5000px;
  }

  .datetime select {
    display: inline;
    width: auto;
  }

  fieldset, .fieldset {
    background-color: #EFEFEF;
    border: 0;
    margin: 0 0 .8em 0;
    padding: 15px;
  }

  fieldset table.data {
    background-color: #FFF;
    margin-bottom: 0;
  }
  
  form {
    border: 1px solid #EFEFEF;
    margin-bottom: .8em;
    padding: 15px;
  }

  form.no_border {
    border: none;
    margin-bottom: .8em;
    padding: 0;
  }

  form h3 {
    color: #4D0003;
    font-size: 18px;
    margin: 0;
    padding: 0 0 0 5px;
    }

  form br { clear: left; }
  
  form .auto select,
  .auto select {
    width: auto;
    }

  form .example {
    color:#999999;
    font-size:85%;
    font-style:italic;
    }
  
  form.invisible {
    border: 0;
    margin: 0;
    padding: 0;
    }

  input {
    display: block;
    margin-bottom: .8em;
    width: 250px;
    }

  
  input.auto { width: auto; }
  
  input.checkbox, input.radio {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    width: auto;
    }
  
  input.checkbox + input { display: inline; }
  
  input.image {
    display: inline;
    margin: 0;
    width: auto;
    }
  
  input.inline {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    }
  
  input.submit {
    float: right;
    height: auto;
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
    }

  label {
    color: #666;
    display: block;
    }
  
  label.inline {
    display: inline;
    float: none;
    margin: 0;
    padding: 0;
    }

  label.text { color: #000; }
  
  legend { display: none; }
  
  .pagination select { font-size: 90%; }
  
  .pagination input.submit {
    display: inline;
    float: none;
    height: auto;
    margin: 0;
    padding: 0;
    position: relative;
    top: 3px;
    width: auto;
    }
  
  .search {
    display: inline;
    width: auto;
    }
  
  #search_form {
    border: 0;
    padding: 0;
    text-align: right;
    }
  
  #search_form fieldset {
    background-color: transparent;
    padding: 0;
    }
  
  select { width: 250px; }

  select.auto { width: auto; }

  textarea { width: 100%; }

  textarea.code {
    font-family: Courier, "Courier New", monospace;
    font-size: 100%;
    }

  textarea.large { height: 500px; }
  textarea.small { height: 50px; }

/* Flash
----------------------------------------------- */
  
  .error, #error, #errors, .flash_detection {
    background-color: #FFCCCE;
    border-color: #CB0109;
    border-style: solid;
    border-width: thin;
    color: #CB0109;
    padding: 15px;
  }
  
  #error, #errors a, .flash_detection a,
  table.data .flash_detection a { color: #CB0709; }
  
  .flash {
    border-style: solid;
    border-width: 1px 0;
    margin: 0 0 20px 0;
    padding: 15px;
  }

  #notice {
    background-color: #EBF1DE;
    border-color: #AEC87B;
    border-style: solid;
    border-width: thin;
    color: #709030;
    padding: 15px;
  }


/* Errors
----------------------------------------------- */
  .errorExplanation, #errorExplanation {
    background-color: #FFCCCE;
    border-color:     #CB0109;
    border-style:     solid;
    border-width:     1px 0;
    color:            #CB0109;
    margin:           0 0 20px 0;
    padding:          5px 15px;
  }
  .errorExplanation h2, #errorExplanation h2 {
    margin:   10px 0 .5em 0;
    padding:  0;
    color: #CB0109;
    visibility: visible;
  }
  .errorExplanation p, #errorExplanation p {
    margin: 0;
    padding: 0;
  }
  .errorExplanation ul li, #errorExplanation ul li { list-style: square; }
  .fieldWithErrors { display: inline; }


/* Footer
----------------------------------------------- */

  #footer {
    color: #CCC;
    font-size: 85%;
    margin: 10px auto 25px auto;
    padding: 0;
    text-align: left;
    width: 750px;
    }

  #footer a { color: #CCC; }
  

/* Breadcrumb
----------------------------------------------- */
  
  #breadcrumb {
    color: #999;
    background-color: #FFF;
    font-size: 90%;
    padding-top: 1em;
    text-transform: lowercase;
  }
  
  #breadcrumb a { color: #999; }
  
  #breadcrumb p {
    border-color: #CCC;
    border-style: solid;
    border-width: 1px 0;
    margin: 0 auto 0 auto;
    padding: .2em 1em;
    text-align: left;
    width: 750px;
  }


/* Preview
----------------------------------------------- */
  
  .preview { background-color: #FFF; }
  
  #preview_header_content {
    margin: 0 auto 0 auto;
    padding: 3.5em 0 0 0;
    position: relative;
    text-align: left;
    width: 600px;
  }
   
  #update {
    position: relative;
    top: 5px;
  } 
  
  #date_range {
    background-color: #333;
    color: #E7E7E7;
    margin: 5px auto 5px auto;
    padding: 15px 0;
    text-align: right;
    width: 750px;
  }
  
  #date_range a { color: #E7E7E7; }
  #date_range p { margin: 0; }
  #authenthication_block {
    vertical-align: top;
    padding: 0;
    margin: 0;
    border-spacing: 0;
  }
  .clean {
    padding: 0;
    margin: 0;
    border-spacing: 0;
    vertical-align: top;
  }
  
  .clean a {
    heigth: 1.5em;
    vertical-align: bottom; }