body
{
  margin: 0;
  border: 0;
  padding: 10px 0 0 0;
  font-size: 90%;
  line-height: 110%;
  text-align: center;
  background-color: #eee;
  }

img
{
  border: none;
  }

body, p, ol, ul, td
{
  font-family: verdana, arial, helvetica, sans-serif;
  }

#wrapper
{
  width: 90%;
  margin: 0 auto;
  border: 1px solid #333;
  padding: 5px 20px 10px 20px;
  text-align: left;
  background-color: #fff;
  }

pre
{
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
  }

h1
{
  font-size: 130%;
  color: #596380;
  padding: 0px;
  }

h2
{
  font-size: 100%;
  color: #596380;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #999;
  }

/* Table Columns */

.small_column
{
  width: 4em;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  }

.numeric_column
{
  text-align: right;
  }

/* Form Inputs */

textarea
{
  width: 97%;
  padding: 5px 5px 0 0;
  }

label
{
  color: #727EA3;
  font-weight: bold;
  }

input, select
{
  margin: 5px 0 0 0;
  }

input[type="text"], textarea
{ 
  width: 95%;
  }


input.large
{ 
  font-size: 150%;
  }

/* Links */

a
{
  color: #BF3030;
  text-decoration: none;
  }

a:visited
{
  color: #E67373;
  }

a:hover
{
  color: #B30000;
  background-color: #FFE6E6;
  }

/* Admin Link Bar */

.link_bar
{
  font-size: 100%;
  font-weight: bold;
  color: #596380;
  padding: 5px;
  background-color: #CCC;
  }

.link_button
{
  font-family: verdana, arial, helvetica, sans-serif;
  border: 1px outset white;
  padding: 1px 18px;
  color: #BF3030;
  text-decoration: none;
  background-color: transparent;
  cursor: hand;
  }

.link_button:visited
{
  font-family: verdana, arial, helvetica, sans-serif;
  color: #E67373;
  }

.link_button:hover
{
  font-family: verdana, arial, helvetica, sans-serif;
  color: #B30000;
  background-color: #FFE6E6;
  }

/* Admin Tabs */

div.tabblock

{
  font-size: 100%;
  text-align: middle;
  font-weight: bold;
  color: #596380;
  padding: 0 0 4px 0px;
  border-bottom: 1px solid #999;
  }

a.activetab, a.activetab:visited, a.activetab:hover
{
  color: #BF3030;
  padding: 3px 20px 3px 20px;
  background-color: #929EC3;
  text-decoration: none;
  }

a.inactivetab, a.inactivetab:visited
{
  color: blue;
  padding: 3px 20px 3px 20px;
  background-color: #727EA3;
  text-decoration: none;
  }

a.inactivetab:hover
{
  color: #BF3030;
  padding: 3px 20px 3px 20px;
  background-color: #929EC3;
  text-decoration: none;
  }

/* Sorting */

.sorting_link
{
  text-decoration: none;
  }

.sorting_link_js
{
  cursor: pointer;
  }

/* Rails Errors */

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

#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;
  }

/* AJAX Form Elements */

li
{ 
  list-style-type: none;
  margin-left: -20px;
  padding: 1px 0px;
  border-top: 1px solid #aaa;
 }

table.header
{ 
  margin-left: -20px;
  border: 2px solid #fff;
 }

.draghandle
{
  cursor: move;
  }

/* Admin Index */

table.listing
{ 
  border: 0px;
  border-spacing: 0px;
  width: 100%;
  }

table.order
{ 
  width: 600px;
  text-align: left;
 }

tr.listing td, tr.listing th, th.listing, td.listing
{ 
  padding-bottom: 3px;
  border-bottom: 1px solid #ddd;
  vertical-align: top;
  }