/*
 *  ProjectCrowd.com
 *  CSS2 Stylesheet ( General Styles )
 *  Author: Rob Holmes - Pitaya (www.pitaya.co.uk)
 */

/* ##################################### */
/*  Browser Reset
/* ##################################### */

  html, body, div, span, applet, object, iframe,
  h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  a, abbr, acronym, address, big, cite, code,
  del, dfn, em, font, img, ins, kbd, q, s, samp,
  small, strike, strong, sub, sup, tt, var,
  dl, dt, dd, ol, ul, li,
  fieldset, form, label, legend,
  table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
  }
  /* remember to define focus styles! */
  :focus {
    outline: 0;
  }
  ol, ul {
    list-style: none;
  }
  body {
    line-height:1;
  }
  /* tables still need 'cellspacing="0"' in the markup */
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }
  caption, th, td {
    text-align: left;
    font-weight: normal;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: "";
  }
  blockquote, q {
    quotes: "" "";
  }


/* ##################################### */
/*  Typography and General Styles
/* ##################################### */

  body {
    font-family:helvetica, arial, verdana, sans-serif;
    font-size:97.5%;
    background:#3e8c6f;
    color:#c6f77c;
  }
  
  h1,h2,h3,h4,h5  { font-weight:bold; }
  
  h1              { font-size:320%; padding:0 0 0.3em; letter-spacing:-0.06em; }
  h2              { font-size:210%; padding:0 0 0.5em; letter-spacing:-0.055em; }
  h3              { font-size:150%; padding:0 0 0.6em; letter-spacing:-0.04em; }
  h4              { font-size:120%; padding:0 0 0.4em; letter-spacing:-0.04em; }
  h5              { font-size:110%; padding:0 0 0.2em; letter-spacing:-0.035em; }
  
  p               { padding:0 0 0.7em; line-height:1.35em; }
  
  em              { font-style:italic; }
  
  a, a:link       { color:#73d17b; text-decoration:none; }
  a:hover         { color:#73d17b; text-decoration:underline; }
  
  strong          { font-weight:bold; }
  
  .center         { text-align:center; }
  .tright         { text-align:right; }
  .middle         { vertical-align:middle; }
  .right          { float:right !important; }
  .inline         { display:inline !important; float:none; width:auto; }
  .auto           { width:auto !important; }
  
  .nudge_down     { padding-top:1em; }
  
  .hidden         { position:absolute; left:-9999px; top:-9999px; }
  
  .png            {  }
  
  blockquote {
    quotes:"\201C  " "  \201D";
    padding:0.75em 0.85em;
    overflow:hidden;
    background:#c6f77c;
    -moz-border-radius:0.5em;
    font-style:italic;
  }
  blockquote:before { content: open-quote;  font-size:1.5em; font-weight: bold; }
  blockquote:after  { content: close-quote; font-size:1.5em; font-weight: bold; }
  cite              { float:right; font-weight:bold; }
  

/* ##################################### */
/*  Forms
/* ##################################### */

  label           { float:left; width:11em; padding:0.5em 1em 0 0; font-size:110%; font-weight:bold; }
  
  input           {  }
  
  input.field,
  select.field,
  textarea.field  {
    width:16em;
    padding:0.25em 0.5em;
    margin:0;
    border:2px solid #73d17b;
    background:#444545 url(/images/form/input_bg.png) left top no-repeat;
    color:#c6f77c;
    font-size:110%;
  }
  
  .req input.field,
  .req select.field,
  .req textarea.field  {
    width:15.6em;
    border-right:0.5em solid #3c3;
  }
  
  select {
    padding:0.15em;
    border:2px solid #73d17b;
    background:#444545 url(/images/form/input_bg.png) left top no-repeat;
    color:#c6f77c;
    font-size:110%;
  }
  select.field        { width:17.25em; }
  .req select.field   { width:17.25em; }
  
  textarea.field        { width:16em; height:4em; font-family: Arial, Verdana, sans-serif; }
  textarea.autoExpander { overflow:hidden; }
  
  input.checkbox  { margin:0.4em 0.25em; }
  
  .button {
    padding:0.175em 0.5em;
    background:#3e8c6f;
    border:2px solid;
    border-color:#a4e1a9 #377252 #305733 #75b98f;
    color:#c6f77c !important;
    font-size:110%;
    font-weight:bold;
    letter-spacing:-0.05em;
    cursor:pointer;
    
    -moz-border-radius:0.4em;
    -webkit-border-radius:0.4em;
  }
  .slide .button.right { margin-left:0.75em; }
  
  .no_label       { margin-left:13em !important; }
  
  input.no_label  { margin-left:12em !important; }
  
  li.no_label     { padding-left:13.2em; margin:0 !important; }
  
  .help           { display:block; padding:0.3em 0.15em; color:#999; }
  
  .message, p.message {
    padding:6px 10px 5px 30px;
    background-repeat:no-repeat;
    background-position:6px center;
    margin:10px 0;
    color:black;
  }
  ul.message {
    margin:10px 0;
  }
    ul.message li {
      list-style-type:none;
      border-top:1px dashed #F9E5E8;
      padding:2px 0;
    }
    ul.message li.top {
      border-top:none;
      padding-top:0;
    }
  
  .success { 
    background-image:url(/images/tick.png);
    background-color:#73B65A;
  }
  .error { 
    background-image:url(/images/exclamation.png);
    background-color:#f33;
  }
  .warning { 
    background-image:url(/images/warning.png);
    background-color:#ECC895;
  }
  .info { 
    background-image:url(/images/information.png);
    background-color:#A5C2E0;
  }
  
  .form_error {
    padding:0.5em 2.8em;
    margin:0.5em 0;
    font-weight:bold;
    background:#f33 url(/images/error.png) 0.7em 50% no-repeat;
    color:#fff;
  }
  #top_bar .form_error {
    float:left;
    width:15.5em;
    padding:0;
    margin:0;
    background:none;
    color:#f33;
  }
  
  .msg {
    display:inline;
    float:left;
    width:52em;
    padding:0.75em 3em;
    margin:0 0 1em;
    -moz-border-radius:0.5em;
  }
  #content .msg { width:38em; }
  
    .msg.info {
      background:#FF7F00 url(/images/error.png) 1em 50% no-repeat;
      color:#fff;
    }
      .msg.info a { color:#dfdfdf; }
    
    .msg.success {
      background:#73B65A url(/images/ok.png) 1em 50% no-repeat;
      color:#fff;
    }
    .msg.failure {
      background:#f33 url(/images/error.png) 1em 50% no-repeat;
      color:#fff;
    }
  
  .captcha          { margin:0 0 0.5em; vertical-align:top; }
  #register_captcha { width:8em; margin-left:0.2em; }
  
  fieldset        { padding:0.75em 0.5em; margin:0.5em 0; }
  fieldset legend { padding:0; font-size:150%; font-weight:bold; letter-spacing:-0.04em; }
  
  fieldset ol li    { padding:0 0.5em 0.5em; clear:left; min-height:2em; vertical-align:middle; }
  fieldset ol li li { padding:0; clear:left; min-height:0; }
  
  .slide {
    margin:0 0 1em;
    background:#c6f77c;
    -moz-border-radius:0.5em;
  }
    .slide fieldset {
      padding:1em 1em 0.5em;
    }
  
  span.ajax_msg {
    display:block;
    width:100%;
  }
    span.ajax_msg span {
      display:block;
      padding:0.5em 2.8em;
      margin:0.5em 0;
      font-size:100%;
      font-weight:bold;
    }
      span.ajax_msg span.success {
        background:#73B65A url(../images/ok.png) 0.7em 50% no-repeat;
        color:#fff;
      }
      span.ajax_msg span.failure {
        background:#f33 url(../images/error.png) 0.7em 50% no-repeat;
        color:#fff;
      }


/* ##################################### */
/*  Containers
/* ##################################### */

  .wrap {
    width:58em;
    padding:1em;
    margin:0px auto;
    overflow:hidden;
  }
  
  #container {
    overflow:hidden;
    background:#fff url(/images/template/header_drop.png) left top repeat-x;
    color:#444545;
  }
    
    #container .wrap {
      padding:1.75em 1em 1.2em;
    }


/* ##################################### */
/*  Header
/* ##################################### */

  #top_bar {
    position:relative;
    background:#445850 url(/images/template/top_nav_bg.png) left bottom repeat-x;
    color:#73d17b;
    text-align:right;
  }
    #top_bar label          { float:none; width:auto; padding:0 0 0 0.8em; vertical-align:middle; }
    #top_bar input          { margin:0 0.1em 0 0.75em; vertical-align:middle; }
    #top_bar input.field    { width:8em; }
    #top_bar fieldset       { padding:0; margin:0; }
    #top_bar fieldset ol li { display:inline; float:none; padding:0; clear:none; min-height:auto; }
    
    #top_bar .main_logo {
      float:left;
      margin:-0.65em 0 -0.3em;
    }
    
    #top_bar #top_nav {
      margin:0;
      letter-spacing:-0.04em;
    }
  
  #header {
    position:relative;
    background:#3e8c6f url(/images/template/header_bg.png) left top repeat-x;
    color:#c6f77c;
  }
    #header .wrap {
      padding:0.35em 1em 0em;
    }
      
      #header .main_logo {
        float:left;
      }
        #header .main_logo img {
          vertical-align:middle;
        }


/* ##################################### */
/*  Footer
/* ##################################### */

  #footer {
    position:relative;
    padding-top:10px;
    background:#3e8c6f url(/images/template/footer_drop.png) left top repeat-x;
    color:#73d17b;
  }
    
    #footer a {
      color:#c6f77c;
    }


/* ##################################### */
/*  CONTENT
/* ##################################### */

  #content {
    float:left;
    width:44em;
  }
  
  #home #content {
    width:58em;
  }


/* ##################################### */
/*  SIDEBAR
/* ##################################### */

  #sidebar {
    float:left;
    width:11.5em;
    margin:0 0 0 1em;
    padding:0.74em;
    background:#c6f77c;
    -moz-border-radius:0.5em;
  }
    
    #sidebar a,
    #sidebar a:link {
      color:#3e8c6f;
    }
    
    #sidebar .button {
      display:block;
      width:10.5em;
      text-align:center;
    }


/* ##################################### */
/*  NAVIGATION
/* ##################################### */

  ul.nav {
    overflow:hidden;
    font-weight:bold;
  }
  
  ul#main_nav {
    float:left;
    clear:both;
    width:100%;
    padding:0.3em 0 0.5em;
    font-size:135%;
    letter-spacing:-0.05em;
  }
    
    ul.nav li {
      float:left;
      padding:0 1.25em 0 0;
    }
    ul.nav.right li {
      padding:0 0 0 1.25em;
    }
      
      ul.nav li.no_link,
      ul.nav li a {
        float:left;
        line-height:2.25em;
        color:#73d17b;
        text-decoration:none;
      }
      ul#top_nav li a { color:#c6f77c; }
      
      ul.nav li a:hover {
        text-decoration:underline;
      }
      ul.nav li.current a:hover {
        text-decoration:none;
      }
      
      ul.nav li.current a {
        background:url(/images/template/menu_selected.gif) center bottom no-repeat;
        color:#c6f77c;
        text-decoration:none;
      }
      
      ul#top_nav li.current a {
        background:none;
        color:#c6f77c;
        text-decoration:underline;
      }


/* ##################################### */
/*  TABLES
/* ##################################### */

  .wrapper {
    padding:0.25em;
    margin:0 0 1em;
    border:0.25em solid #c6f77c;
    -moz-border-radius:0.5em;
    background:#c6f77c;
  }
  
  table {
    width:100%;
  }
  table.bottom_padding { margin:0 0 0.5em; }
  
    table thead tr {
      background-color:#73d17b;
    }
    
    table th {
      background-color:#73d17b;
      color:#444545;
      font-weight:bold;
    }
    table th a:link,
    table th a { color:#c6f77c; }
    
    table th,
    table td {
      padding:0.45em 0.5em 0.35em;
      vertical-align:top;
      font-size:90%;
      border-bottom:1px dotted #3e8c6f;
    }
    table th img,
    table td img {
      vertical-align:middle;
    }
    
    table tr {
      background:#fff;
    }
    
    table tr.alt {
      background-color:#f7f7f7;
    }
    
    table tfoot td {
      vertical-align:middle;
    }
    
    table tr.hlight1 td   { background:#C84700 !important; color:#fff; }
    table tr.hlight1 td a { color:#ff0; }
    
    table tr.hlight2 td   { background:#FF8400 !important; }
    table tr.hlight2 td a { color:#444545; }
    
    table tr.hlight3 td   { background:#FFE060 !important; }
    table tr.hlight3 td a { color:#444545; }
    
    table tr.hlight4 td   { background:#FFFFCD !important; }
    table tr.hlight4 td a { color:#444545; }
    
    table tr.hlight5 td   { background:#3f3 !important; }
    table tr.hlight5 td a { color:#fff; }
    
    
/* ##################################### */
/*  INVOICES
/* ##################################### */

  table tbody td.delete {
    padding-top:1em;
    padding-right:0;
  }
  
  table tbody .total {
    font-size:120%;
    font-weight:bold;
    text-align:right;
  }
  
  table tfoot .total td {
    font-size:140%;
    font-weight:bold;
    text-align:right;
  }
  
  select.type           { width:auto; }
  input.qty             { width:3em; text-align:center; }
  textarea.description  { width:12em; height:3em; }
  input.price           { width:6em; text-align:right; }
  input.total           { width:6em; background:none; border:none; text-align:right; }
  input.subtotal        { width:3em; text-align:right; }
  
  
  
/* ##################################### */
/*  DASHBOARD
/* ##################################### */

  .mod_dashboard .widget_column {
    clear:left;
  }
    .mod_dashboard .widget {
      position:relative;
      width:43em;
      padding:0.25em;
      margin:0 0 1em;
      border:0.25em solid #c6f77c;
      -moz-border-radius:0.5em;
      background:#c6f77c;
    }
      .mod_dashboard .widget h4 {
        padding:0.1em 0.5em 0.1em 1.5em;
        background:#c6f77c;
        cursor:move;
      }
      .mod_dashboard .widget_body {
        padding-top:0.25em;
      }
        .mod_dashboard .widget_body table {
          margin:0;
        }
      .mod_dashboard .widget_tools a.min {
        position:absolute;
        left:0.7em; top:0.6em;
        width:11px; height:11px;
        background:url(/images/icons/collapsable.gif) 0px 0px no-repeat;
        color:#c6f77c;
      }
      .mod_dashboard .collapsed .widget_tools a.min {
        background-position:-11px 0px;
      }
    .mod_dashboard .widget_helper {
      border:2px dashed #666666;
    }
  

/* ##################################### */
/*  HOMEPAGE
/* ##################################### */

  .col {
    float:left;
    width:26.5em;
    min-height:22em;
    padding:1em;
    margin:0 0 1em 1em;
    background:#c6f77c;
    -moz-border-radius:0.5em;
  }
  .col#first {
    margin-left:0;
  }
  .full {
    clear:left;
    width:56em;
    min-height:0;
    margin:0 0 1em;
  }
  
    .col a,
    .col a:link { color:#3e8c6f; }
    
    .col img.right { margin:0 0 0.5em 0.5em; }
  

/* ##################################### */
/*  FEEDBACK
/* ##################################### */

  textarea.feedback {
    width:458px;
    height:12em;
  }
  
/* ##################################### */
/*  MODAL BOXES
/* ##################################### */

  .modal {
    display:none;
    
  }
  
  .simplemodal-overlay {
    background-color:#000;
    cursor:wait;
  }
  
  .simplemodal-container {
    width:42em;
    background-color:#C6F77C;
    color:#444545;
    border:0.5em solid #444545;
    -moz-border-radius:0.75em;
  }
  
  .simplemodal {
    padding:1em;
  }
  
  .modalCloseContainer {
    float:right;
    padding:16px 16px 0 0;
  }