/*
-----------------------------------------------
Stylesheet: out.land.ish
Media: Screen
Author: Chris Abad
----------------------------------------------- */


/* Base Styles
----------------------------------------------- */

  body,
  html {
    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;
    }
  
  a img {
    border: 0;
    }
  
  fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    }
  
  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;
    }
    
  legend {
    display: none;
    }
  
  p {
    margin: 0 0 .8em 0;
    padding: 0;
    }
    

/* 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
----------------------------------------------- */
  
  .button {
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
  	overflow: hidden;
    }
  
  #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/bg_sidebar.jpg");
    background-position: right top;
    background-repeat: no-repeat;
    float: left;
    margin-right: 15px;
    min-height: 436px;
    padding-right: 20px;
    width: 200px;
    }
  
  #content_sidebar  .highlight_box {
    color: #4D0003;
    float: none;
    margin: 0 0 25px 0;
    padding: 15px;
    width: auto;
    }
  
  #content_sidebar .highlight_box dl,
  #content_sidebar .highlight_box dl dt,
  #content_sidebar .highlight_box dd {
    float: none;
    margin: 0;
    padding: 0;
    }
  
  #content_sidebar .highlight_box h3 {
    font-size: 110%;
    margin: 0 0 .8em 0;
    }

  #delete {
    background-image: url("/images/icn_close.gif");
    display: block;
    height: 0px !important;
    height /**/: 16px; /* for IE5/Win only */
    overflow: hidden;
    padding-top: 16px;
    width: 16px;
    }
  
  #header {
    background-color: #00344E;
    background-image: url("/images/bg_nav.gif");
    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;
    }
  
  .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: #E6BE00;
    }
  
  .highlight_box {
    background-color: #FFF2B3;
    border: 1px solid #FFE980;
    color: #4D3F00;
    float: right;
    margin: 0 0 2em 0;
    width: 100%;
    }
  
  .highlight_box .inner_container {
    margin: 15px;
    }
    
  .highlight_box table.data {
    float: none;
    }
  
  .highlight_box table.data td {
    border-color: #FFE980;
    }
  
  .note {
    color: #666;
    font-size: 85%;
    font-style: italic;
    font-weight: normal;
    }
  
  .note a { color: #666; }
  
  .outlined_box {
    border: 3px solid #CCC;
    padding: 15px;
    margin: 0 0 2em 0;
    }
  
  .pagination_links {
    float: right;
    position: relative;
    top: 1em;
    right: 15px;
    }
  
  .plug {
    color: #1B8000;
    background-color: #EBFFE6;
    border: 1px solid #C3FFB3;
    margin: 0 1.25em 25px 0;
    padding: 15px;
    }
  
  .plug a {
    color: #1B8000;
    }
  
  .plug p {
    font-size: 115%;
    margin: 0;
    }
  
  .radio {
    float: left;
    margin-left: -20px;
    position: relative;
    }

/* Tables
----------------------------------------------- */
  
  table {
    border-collapse: collapse;
    margin-bottom: 10px;
    text-align: center;
    width: 100%;
    }
  
  table.data {
    margin-bottom: 25px;
    width: 100%;
    }
  
  table.data a {
    color: #333;
    }
  
  table.data .blank td {
    border: 0;
    padding: 0;
    }
  
  table.data .blank_slate h3 {
    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;
    font-size: 85%;
    }
  
  table.data td {
    border-bottom: 1px solid #E6E6E6;
    padding: 5px 10px;
    text-align: center;
    }
  
  table.data th {
    border-bottom: 2px solid #00334D;
    color: #666;
    font-size: 85%;
    font-weight: normal;
    padding: 6px 10px 3px 10px;
    text-align: center;
    }
  
  table.data tr.alt td {
/*    background-color: #E6F7FF;  i can't see this! is it my laptop or am i colourblind? */
			background-color: #D7F5F5;
    }
  
  table.data tr.form td {
    border: 0;
    padding: 0;
    text-align: left;
    }
  
  table.data tr.pagination td {
    border: 0;
    font-size: 90%;
    color: #666;
    text-align: right;
    }
  
  table.data tr.pagination td a {
    color: #666;
    }
  
  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;
    }

/* 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;
    }
  
  
/* Buttons
----------------------------------------------- */
  
  a.make_active {
    background-image: url("/images/btn_make_active.gif");
    height: 0px !important;
    height /**/: 25px; /* for IE5/Win only */
    margin-top: 10px;
    padding-top: 25px;
    width: 94px;
    }
  
  .icon_close {
    background-image: url("/images/icn_close.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 0px !important;
    height /**/: 16px; /* for IE5/Win only */
    overflow: hidden;
    padding-top: 16px;
    width: 16px;
    } 
  
  .icon_information {
    background-image: url("/images/icn_information.gif");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 0px !important;
    height /**/: 16px; /* for IE5/Win only */
    overflow: hidden;
    padding-top: 16px;
    width: 16px;
    }


/* 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 {
    background-color: #EFEFEF;
    border: 0;
    margin-bottom: .8em;
    padding: 15px;
    }
  
  fieldset.highlight {
    background-color: #FFF5CC;
    border-color: #FFE980;
    border-style: solid;
    border-width: 1px 0;
    }
  
  fieldset.highlight a,
  fieldset.highlight label {
    color: #665200;
    }

  form {
    border: 1px solid #EFEFEF;
    margin-bottom: .8em;
    padding: 15px;
    }

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

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

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

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

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

  legend {
    display: none;
    }
  
  .required {
    color: #800106;
    }
  
  select {
    width: 250px;
    }

  select.auto {
    width: auto;
    }

  textarea {
    width: 100%;
    }

  textarea.code_text_area {
    height: 300px;
    font-family: Courier, "Courier New", monospace;
    font-size: 1em;
    }

  textarea.small_code_text_area {
    height: 100px;
    font-family: Courier, "Courier New", monospace;
    font-size: 1em;
    }


  textarea.large {
    height: 500px;
    }

  textarea.small {
    height: 50px;
    }


/* Flash
----------------------------------------------- */
  
  #errors {
    background-color: #FFCCCE;
    border-color: #CB0109;
    color: #CB0109;
    }
  
  #errors a { color: #CB0109; }
  
  .flash {
    border-style: solid;
    border-width: 1px 0;
    margin: 0 0 20px 0;
    padding: 15px;
    }
  
  #info { border-color: #999; }
  
  #notice {
    background-color: #EBFFE6;
    border-color: #1B8000;
    color: #1B8000;
    }


/* Errors
----------------------------------------------- */

  #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 {
    margin: 10px 0 .5em 0;
    padding: 0;
    color: #CB0109;
    }

  #errorExplanation p {
    margin: 0;
    padding: 0;
    }

  #errorExplanation ul li {
    list-style: square;
    }
  
  .fieldWithErrors {
    display: inline;
    }


/* Settings
----------------------------------------------- */

  table.settings {
    background-color: #CCC;
    border-color: #CCC;
    border-style: solid;
    border-width: 5px 10px;
    float: right;
    margin: 0 5px 10px 5px;
    width: 100%;
    }

  table.settings td {
    border-bottom: 1px solid #999;
    padding: 5px 10px;
    }

  table.settings th {
    border-bottom: 1px solid #999;
    padding: 5px 10px;
    width: 10em;
    }
  
  table.settings td.last,
  table.settings th.last {
    border: 0;
    }


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

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