html {
    font-family: sans-serif;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    height: 97%;
    overflow:hidden;
}
body {
    font-size: 1em;
    margin: 0px;
    padding: 0px;
    height: 100%;
}

fieldset {
    background-color: white;
}

#outerBorder {
    height: 100%;
    margin: 0px;
    padding: 0px 0px 0px 0px;
}

#leftColumn {
    position: absolute;
    width: 25%;
    height: 98%;
    background-color: #2a1e13;
    top: 0px;
    left: 0px;
    padding-left: 15px;
    margin-right:7px;
    padding-right: 7px;
    padding-top: 1%;
    color: white;
}


#subheader {
    padding-left: 5px;
    padding-right: 5px;
}

#leftSidebar {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 0.8em;
}

#leftColumn a {
    color: white;
    font-size: 12px;
    text-decoration: none;
    font-weight: bold;
}

.menuitem {
    padding: 5px;
    margin: 0px;
}

#content {
    margin: 0 0px 0 0px;
    height: 98%;
    float: right;
    width: 72%;
    padding-top: 1%;
    overflow-y: auto;
    overflow-x: hidden;
    color: #616161;
}

#content a {
    text-decoration: none;
    color: #616161;
}

#banner {
    margin: 0px 40px 0px 0px;
    padding: 5px 0px 0px 5px;
    display:table-cell;
    vertical-align:middle;
    font-weight: bold;
}

#banner a {
    text-decoration: none;
    font-size: 25px;
    color: white;
}

#searchinput {
    border: 1px solid gray;
    width: 75%;
    margin-top: 4px;
    font-size: 25px;
}

#searchbutton {
    height: 34px;
    border: 1px solid gray;
    margin-top: -9px;
    vertical-align:middle;
}

.hidden {
    display: none;
}

.langSelected {
    color: #393939 !important;
}

.langSelected a {
    color: #393939 !important;
}

#multilingual {
    padding-bottom: 10px;
    border: 1px solid #e8e8e8;
    padding: 15px;
}

#langsBar {
    height: 39px;
    vertical-align: middle;
    border-collapse: collapse;
    width: 95%;
    margin-left: 20px;
    margin-right: 20px;
    color: #c6c6c6;
}

#langsBar #modes {
    text-align:right;
    color: #c6c6c6;
}

#langsBar #modes a {
    color: #c6c6c6;
}

#langsBar ul {
    list-style-type: none;
    list-style-position: outside;
    display: inline;
    margin-right: 30px;
    padding-left: 0px;
}

#langsBar li {
    padding: 10px;
    width: 35px;
    display: inline;
    margin-left: 10px;
}

#langsBar tr {
    background-color: #e8e8e8;
}

.clickable {
    cursor: pointer;
}

#resource {
    width: 95%;
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
}

#resource label {
    display: block;
    color: gray;
    margin-bottom: 2px;
}

#resource input,
#resource textarea {
    width: 90%;
    border: 1px solid #b6b6b6;
}

#resource textarea {
    height: 6.4em;
}

#resource .field {
    padding: 6px;
}

#resource select {
    border: 1px solid #b6b6b6;
}

.even {
    background-color: #FFEFEF;
}

#results hr {
    margin-left: 10px;
    margin-right: 10px;
}

#resultsTable th {
    font-size: 1.5em;
    text-align: left;
}

#resultsTable {
    width: 100%;
    border-collapse:collapse;
}

#resultsTable #title {
    width: 60%;
}

#resultsTable #date {
    width: 20%;
}

#resultsTable #author {
    width: 20%;
}

.oddRow td {
    background-color: #FFEFEF;
}

.evenRow td {
    background-color: white;
}

#buttons {
    margin-top: 10px;
    margin-left: 20px;
    margin-bottom: 20px;
}

.vocabularyButton {
    cursor: pointer;
}

.overlay {
    width: 99%;
    height: 100%;
    z-index: 10;
    background-color: black;
    position: absolute;
    overflow: hidden;
    filter:alpha(opacity=25);
    opacity:.25;
}

.vocContainer {
    position: absolute;
    background: none;
    background-color: rgb(255, 255, 255);
    z-index: 20;
    filter:alpha(opacity=90);
    opacity:0.9;
    color: black;
    font-weight: bold;
    overflow-y: auto;
    border: 5px solid #2a1e13;
    padding: 15px;
}

.vocClose {
    position:absolute;
    width: 98%;
    text-align: right;
    padding-top: 3px;
    clear: both;
}

.vocClose span {
    cursor: pointer;
    color: #ea8989;
    padding-right: 23px;
}

#vocList {
    margin-top: 1.5em;
}

#vocList div {
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
    cursor: pointer;
}

#vocList div:hover {
    color: green;
}

.closeCross {
    color: red;
    cursor: pointer;
}

#regform label {
    font-size:1.2em;
    display: block;
}

#regform input[type="text"] {
    width: 300px;
}

#regform div {
    margin-top: 10px;
}

#alert {
    font-size:1.2em;
}

#uilangs {
    position: relative;
    float: left;
    top: 0px;
}

#uploadIframe {
    background-color: black;
    border: none;
    overflow: hidden;
    text-align:center; 
    position: absolute; 
    width:90%;
    height:90%;
    color: white;
}

#uploadIframe form {
    height: 100%;
}

#valuesShowoff {
    margin-left: 5px;
    cursor: pointer;
    width: 10em;
}

.visClear {
    clear: both;
}

.pinkText {
    color: #ea8989;
}

#breadcrumbs {
    width: 100%;
    margin-bottom: 5px;
    text-transform: lowercase;
}

#htklogo {
    text-align: center;
    margin-top: 40px;
}

#htklogo img {
    border: none;
}

h3 a {
    font-size: 70%;
    color: #B1B1B1 !important;
}

.advfield {
    float: left;
    margin-left: 15px;
    width: 250px;
    height: 60px;
}

.advfield input {
    width: 80%;
}

.divlist {
    margin-bottom: 5px;
}