/* General styles */
body {
    margin:20px 0px; 
    padding:0px;
    text-align:center;
    background: url(/images/background.png);
    
    font-family: "Trebuchet MS", sans-serif;  
    letter-spacing: 0.1em; 
    font-size: 10pt;
}
img {
    border: none;
}
img.icon {
    border: 0;
    vertical-align: middle;
    margin-right: 0.3em;
}
img.example {
    border: 1px solid #ccc;
    margin: 0.5em;
    width: 95%;
}
div.example {
    text-align: center;
}
div.group { 
    font-weight: bold;
}
div.group:hover {
    text-decoration: underline;
    cursor: pointer;  
}
div.input {
    display: none;
}
input.solo {
/*    margin-left: 1em;*/
    margin-bottom: 8px;
}

label.solo {
    float: left;
    width: 140px;
    margin-left: 2em;
}

/* ID styles */
#container {
    margin: 0 auto;
    text-align:left;
    padding: 0px 3% 0 3%;
}
#content-area {
    border-top: 1px solid #ccc;
    border-right: 2px solid #aaa;
    border-bottom: 2px solid #aaa;
    border-left: 1px solid #ccc;
    
}
#header {
    overflow: hidden;
    background: url(/images/header-background.png);
    background-position: top left;
    background-repeat: repeat-x;
    background-color: #9cddca;
    border-top: 1px solid #333;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    
    height: 86px;
}
#menu {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    background: url(/images/toolbar-background.png);
    background-position: top left;
    background-repeat: repeat-x;
    
    height: 20px;
    padding: 3px;
    
    font-weight: bold;
    color: #fff;
}
#menu ul {
    margin: 0;
    padding: 0;
}
#menu ul li {
    display: inline;
    margin-right: 10px;
    padding: 2px;
}
#menu a {
    color: #fff;
    text-decoration: none;
}
#menu a:hover {
    text-decoration: underline;
}

#content {
    background-color: #fff;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    padding: 10px;
    margin: 0;
    color: #333;
}
#content p {
    margin: 0;
    padding: 0.3em 0 0 0;
}
#content h1 {
    font-size: 130%;
    margin: 0;
    padding: 0.5em 0 0 0;
    
    border-bottom: 2px solid #333;
}
#content h2 {
    font-size: 120%;
    margin: 0;
    padding: 0.5em 0 0 0;  
}
#content h3 {
    margin: 0;
    padding-left: 0.2em;
    padding-right: 0.2em;
    background-color: #737373;
    color: #fff;
}

#loading {
    display:none;
}
#download-link {
    margin-top: 0.3em;
}
#footer {
    text-align: right;
    padding: 10px;
    background-color: #fff;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    font-size: 80%;
    clear:both;
}
#outerfooter {
    text-align: right;
    margin: 10px 10px 5px 0;
}
#outerfooter a {
    color: #bbb;
    text-decoration: none;
}
#outerfooter img {
    vertical-align: middle;
}

/* Widget related styles */
div.widget {
    border: 1px solid #737373;
    margin-top: 0.5em;
}
.side-widget {
    float:right;
    width:49%;
}
.widget-table {
    width: 100%;
}
.widget-table td {
    padding-left: 0.3em;
}
div.widget-content {
    padding: 0.3em;
}

/* Table styling */
table {
    padding:0;
    margin:0;
    border-collapse: collapse; 
}
th {
    text-decoration: underline;
}
tr.even {
    background-color: #F5F5F5;
}
tr.odd {
    background-color: #E2E2E2;
}

/* jrh styles - aug 2009 */
#record-type { 
  width: 400px;
}

#records div .group { 
  color: #0000a0;
  cursor: hand;
}

#records div.group em { 
  font-weight: normal;
  font-size: 85%;
}

ul.spaced li {
  margin-bottom: 0.3em;
}