#header {
    width: 100%;
    padding: 5px 0;
    background: #EEE;
    border-bottom: 1px solid #999;
}

#content {
    margin: 5px;
}

h1 {
    font-size: 21px;
}

h2 {
    font-size: 18px;
}

h3 {
    
    font-size: 15px;
}

table {

    width: 100%;
}

table th {

    text-align: left;
}


ul.form {

    margin: 0;
    padding: 0;
    list-style: none;
}

ul.form li {

    margin: 0;
    padding: 5px 0;
}

ul.form li label {
    display: block;
    font-weight: bold;
    font-size: 13px;
}

ul.form span.description {
    font-size: 11pxi;
    display: block;
}

ul.form span.error {

    display: block;
    font-size: 11px;
    font-weight: bold;
    color: #900;
}

ul.form li textarea {

    width: 80%;
    height: 80px;
}

ul.form li input[type=text] {
    width: 60%;
}

input[type=password],
input[type=email],
input[type=text], 
textarea {

    border: 1px inset #CCC;
    line-height: 17px;
    font-size: 12px;
    padding: 2px 3px;
    font-family: Arial;
}

input[type=checkbox],
input[type=radio] {
    vertical-align: middle;
}

fieldset {

    border: 1px solid #EEE;
    padding: 10px;
}

legend {

    color: #999;
}

#status_msg {
    font-weight: bold;
    padding: 10px 0;
    font-size: 13px;
    color: #090;
}
#error_msg {
    font-weight: bold;
    padding: 10px 0;
    font-size: 13px;
    color: #900;
}

table tr td {

    border-bottom: 1px solid #EEE;
    padding: 3px;
}

table tr th {
    border-bottom: 1px solid #CCC;
    padding: 5px 3px;
}


tr:nth-child(even) {
  background-color: #FAFAFA;
}

tr:hover td {
    background: #FAFAEA;
    cursor: pointer;
}

button, a.button {
    background: #222 url(/static/images/alert-overlay.png) repeat-x; 
    display: inline-block; 
    padding: 5px 10px 6px; 
    color: #fff; 
    text-decoration: none;
    -moz-border-radius: 4px; 
    -webkit-border-radius: 4px;
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.5);
    text-shadow: 0 -1px 1px rgba(0,0,0,0.35);
    border: 1px solid rgba(0,0,0,0.3);
    position: relative;
    cursor: pointer;
    font-weight: bold;
}

.button:hover                          { background-color: #111; color: #fff; }
.button:active                         { top: 1px; }

button, button:visited,
.button, .button:visited,
.small.button, .small.button:visited          { font-size: 12px; padding: 3px 7px 4px ; }

.medium.button, .medium.button:visited        { font-size: 13px; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }

.large.button, .large.button:visited          { font-size: 14px; padding: 8px 14px 9px; }

button.green, button.green:visited,
.green.button, .green.button:visited      { background-color: #91bd09; }
.green.button:hover                        { background-color: #749a02; }

button.blue, button.blue:visited,
.blue.button, .blue.button:visited        { background-color: #2daebf; }
.blue.button:hover                         { background-color: #007d9a; }

button.red, button.red:visited,
.red.button, .red.button:visited          { background-color: #e33100; }
.red.button:hover                          { background-color: #872300; }

button.magenta,button.magenta:visited,
.magenta.button, .magenta.button:visited      { background-color: #a9014b; }
.magenta.button:hover                          { background-color: #630030; }

button.orange,button.orange:visited,
.orange.button, .orange.button:visited        { background-color: #ff5c00; }
.orange.button:hover                           { background-color: #d45500; }

button.yellow,button.yellow:visited,
.yellow.button, .yellow.button:visited        { background-color: #ffb515; }
.yellow.button:hover                           { background-color: #fc9200; }



a {
    color: #336699;
}

.breads {
    list-style: none;
    padding: 0 10px;
}

.breads li {
    display: inline;
    padding: 0;
    margin: 0;
}

.tabs {
    width: 100%;
    padding: 5px;
    background: #EEE;
    border-bottom: 1px solid #999;
    margin-bottom: 5px;
}

.tabs h2 {

    display: inline-block;
    font-size: 18px;
    padding: 10px;
    margin: 0;
    line-height: 18px;
    color: #000;
    font-weight: 400;
}

.tabs ul {
    margin: 0;
    padding: 0 5px 0 5px;
    display: inline;
}

.tabs ul li {
    position: relative;
    padding: 4px;
    margin-bottom: 3px ;
    display: inline-block;
}

.tabs h2 a {
    
    color: #444;
    border-bottom: 1px solid #ccc; 
}

.tabs ul li.active {
    
    background-color: #91bd09;
}

.tabs ul li.active a {
    
    color: #fff;
    text-decoration: none;
}