/**
 * General
 */

body {
    background-color:rgb(238,232,170);
}

h1 {
    font-size:30px;
    font-weight:600;
    text-align:center;
}

h2 {
    font-size:26px;
    font-weight:600;
    text-align:center;
}

h3 {
    font-size:22px;
    font-weight:600;
    text-align:center;
}

h4 {
    font-size:18px;
    font-weight:600;
    text-align:center;
}

a {
    text-decoration:underline;
    color:black;
    font-weight:600;
}

p {
    margin-top:8px;
    margin-bottom:16px;
    margin-left:32px;
    line-height:32px;
}

.banner {
    display:block;
    margin-left:auto;
    margin-right:auto;
    border-width:1px;
    border-style:solid;
}

#main-wrapper {
    width:800px;    
    margin-left:auto;
    margin-right:auto;
}

#display-wrapper {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}


#pagination-control {
    text-align:center;
}

div {
    margin-top:8px;
    margin-bottom:8px;
}

div.left-column {    
    float:left;
    margin-left:16px;
    width:400px;
}

div.right-column {
    float:right;
    width:300px;
}

div.right-column img {
    margin-left:auto;
    margin-right:auto;
    display:block;
}

.latest-thumbnails {
    margin:16px;
}

#flashMessage {
    text-align: center;    
    background-color: white;
    border: solid 1px;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 5px;
    margin-left: auto;
    margin-right: auto;
    width:50%;
}

form {
    margin-bottom:16px;
}

.center {
    text-align:center;    
    margin-right:auto;
    margin-left:auto;
    display:block;
}

/**
 * Menu
 */

.menu {
    font-size:19px;
    width:1000px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-bottom:16px;
}

.menu span, .menu a {
    background-color:#CCCCBB;
    text-decoration:none;
    border-style:outset;
    border-width:1px;
    padding:5px;
}

.menu a:hover {
    background-color:#999999;
    border-style:inset;    
}

.menu span {
    background-color:#999999;
    border-style:inset;
}

.main-search {    
    text-align:center;
    margin-top:32px;
}

/**
 * Admin Menus and Forms
 */

#admin-menu {    
    width:120px;
    text-align:center;
    display:block;
    margin-left:auto;
    margin-right:auto;    
}

.admin-option {
    border:outset 2px;
    background-color:#CCCCBB;
    margin:1px;
    padding:10px;
    text-decoration:underline;
}

.admin-option:hover {
    border-style:inset;    
}

/**
 * Validated forms
 */

 .valid {
     color:green;
}

.invalid {
    color:red;
}

/**
 * Gernal Forms
 */

form {
     /*margin-left:300px;*/
}

form dt {
    clear:both;
}

form dd {
    width:100%;
}

form dd input {
    float:left;
    display:block;
}

form dd .errors {
    display:block;
    width:20%;
    margin-left:20px;
    float:left;
    margin-top:0;
    text-align:center;
    padding-top:0;
    padding-bottom:0;
    background-color:#FDFDB6;
    border:1px solid gray;
}

input, select, textarea {
    float:left;
    display:block;
    margin-right:8px;
    margin-bottom:8px;
}

.row-of-buttons {    
    text-align:center;
}

.row-of-buttons input {    
    display:inline;
    float:none;
}


/* Fixes formatting problem in upload-comics */
select {
    margin-bottom:18px;
}

input#search {
    float:none;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:150px;
    clear:both;
}

.element input[type="submit"] {
    margin-left:40%;
    float:none;
    display:inline;
}

.centeredSubmit {
    display:block;
    margin-left:auto;
    margin-right:auto;
    float:none;
}


input[type="radio"] {
    float:none;
    display:inline;
}

.element {
    clear:both;
    min-height:40px;
}

.advElement {
    display:block;
    clear:both;
    margin-left:33%;
    text-align:center;
}

label {
    display:inline;
    float:left;
    text-align:right;
    margin-bottom:8px;
    margin-right:20px;
    width:40%;
}

label.padding-hack {
    display:inline;
    float:left;
    text-align:right;
    margin-bottom:8px;
    margin-right:20px;
    width:40%;
}

.element .errors {
    float:left;
    width:20%;
    margin-right:16px;
    margin-top:0;
    text-align:center;
    padding-top:0;
    padding-bottom:0;
    background-color:#FDFDB6;
    border:1px solid gray;
}

.element .errors .error {
    margin:2px;
}

.errors {
    background-color:#FDFDB6;
    text-align:center;
    width:30%;
    padding:16px;
    margin-left:auto;
    margin-right:auto;
    border:1px solid gray;
}

#required-field-message, #javascript-required-message {
    text-align:center;
    font-weight:600;
}

.description {
    text-align:center;
}

/**
 * Results
 */

.result {
    float:left;     
    height:220px;
    padding:1em;
    text-align:center;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

.result img {
    border-style:solid;
    border-width:1px;
}

table#relationships {
    width:75%;
    background-color:#112233;
    margin-left:auto;
    margin-right:auto;
    border-style:outset;
    border-width:1px;
}

table#relationships tr th {
    width:25%;
    background-color:white;
    font-weight:600;
    border-style:solid;
    border-width:1px;
}

table#relationships tr td {
    background-color:white;
    border-style:solid;
    border-width:1px;
    padding:6px;
}

.has-tool-tip {
    border-bottom:1px dotted;
}

/**
 * Display
 */

table#metadata {
    width:50%;
    background-color:#112233;
    margin-left:auto;
    margin-right:auto;
    border-style:outset;
    border-width:1px;    
}

table#metadata tr th {
    width:25%;
    background-color:white;
    vertical-align:top;
    font-weight:600;
    border-style:solid;
    border-width:1px;
    padding:8px;
}

table#metadata tr td {
    border-style:solid;
    background-color:white;
    border-width:1px;
    padding:8px;
}

table#metadata tr td#transcript {
    border-style:solid;
    border-width:1px;
    padding:6px;
    text-align:left;
}

/**
 * Books and Links
 */

.resource {
    width:50%;
    border-style:outset;
    border-width:1px;
    background-color:white;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    clear:both;
    padding-top:16px;
    padding-bottom:16px;
}

.resource img {    
 
}

.resource .title {
    font-weight:600;
    
}

.resource .description {
    text-align:center;
}

.resource .link {
    
}

/**
 * Admin
 */

.admin-common-table {
     border-collapse:collapse;
     margin-left:auto;
     margin-right:auto;
     margin-bottom:20px;
     border:none;
     padding:10px;
}

.admin-common-table td, .admin-common-table th {    
    border:1px solid black;
    background-color: cornsilk;
    padding:10px;    
}

ins {
    color:green;
}

del {
    color:red;
}

/**
 * Thesaurus
 */

.thesaurus-search-result {
    text-align:center;
}

#thesaurus-term-table {
    border:none;
    border-collapse:collapse;
    margin-left:auto;
    margin-right:auto;
}

#thesaurus-term-table td, #thesaurus-term-table th {
    vertical-align:top;
    background-color: cornsilk;
    padding:10px;    
    border: solid 1px black;
}