/* ---------- MAIN CONTENT ---------- */

body {
    margin: 0; /* for some reason this appears to be necessary */
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    line-height: 150%;
}

.bubble {
    line-height: 100%;
}

.phones td {
    width: 2em;
}

img.busyimg {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    cursor: wait;
}

img.notbusy {
    display: none;
}

td.vkl {
    width: 25%;
    vertical-align: top;
}

td.vkm {
    width: 50%;
    vertical-align: top;
}

td.vkr {
    width: 25%;
    vertical-align: top;
}

.caption {
    text-align: right;
    font-style: italic;
}

img.logo {
    position:fixed;
    border: 0px;
    left: 10px;
    top: 0px;
}
img.submenu_l {
    position:fixed;
    border: 0px;
    left: 115px;
    top: 39px;
}
img.submenu_r {
    position:fixed;
    border: 0px;
    left: 140px;
    top: 39px;
}
img.menu {
    position: fixed;
    left: 0px;
    top: 0px;
}

div.bibliography {
    padding-left: 2em;
    text-indent: -2em;
}

div.inlineimage {
    position: relative;
    height: 300px;
    width: 100%;
    overflow: auto;
    border-width: 1pt;
    border-color: gray;
    border-style: solid
}

div.transliteration {
    position: relative;
    height: 300px;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    overflow: auto;
    border-width: 1pt;
    border-color: gray;
    border-style: solid
}

span.zoomifylink {
    font-size: xx-small;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: gray;
}

a.zoomifylink{
    font-size: 1pt;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: #666666;
    text-decoration: none;
}

a.zoomifylink:hover {
    color: #333333;
    font-weight: 400;
}

p.line {
    margin-left: 3em;
    text-indent: -2em;
    line-height: 150%;
}

div.catalogue {
    margin-left: 4em;
    text-indent: -2em;
}

table.item {
    background-color: #d5d5d5;
    margin-left: auto;
    margin-right: auto;
    font-size: small;
    text-align: left;
    line-height: 125%;
    width: 85%;
}

table.item th {
    padding-left: 5px;
}

td.label {
    background-color: #e5e5e5;
    padding: 0.25em;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    width: 17%;
}

td.labelc {
    background-color: #d5d5d5;
    padding: 0.25em;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    text-align: center;
}

td.label2 {
    background-color: #e5e5e5;
    width: 15%;
    font-size: small;
    text-align: left;
    padding: 0.25em;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
}

td.labelcogn {
    background-color: #e5e5e5;
    font-size: small;
    text-align: left;
    padding: 0.25em;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
}

td.data {
    background-color: #f5f5f5;
    padding: 0.25em;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    text-align: center;
}

td.dataL {
    background-color: #f5f5f5;
    padding: 0.25em;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    vertical-align: top;
    text-align: left;
    width: 12.5%;
}

input.single {
    width: 1em;
}

input.narrow {
    width: 3em;
}

input.normal {
    width: 7em;
}

td.input {
    background-color: #f5f5f5;
    padding: 0.25em;
    /* padding-left: 5px; */
    /* padding-right: 5px; */
    text-align: left;
}

td.filters {
    text-align: left;
}

div.filters {
    position: fixed;
    width:100%;
    top: 75px;
}

table.nav {
    padding: 0.25em;
    /* padding: 5px; */
    margin-left: auto;
    margin-right: auto;
    font-size: small;
    width: 90%;
}

table.buttons {
    padding: 0;
    margin-left: 1%;
    width: 99%;
    background-color: #d5d5d5;
}
td.status {
    width: 40px;
    text-align: center;
}

td.imgnavl {
    font-size: small;
    width: 33%;
    vertical-align: middle;
    text-align: left;
}

td.imgnavc {
    font-size: small;
    width: 33%;
    vertical-align: middle;
    text-align: center;
}

td.imgnavr {
    font-size: small;
    width: 33%;
    vertical-align: middle;
    text-align: right;
}
span.imgnav {
    vertical-align: middle;
}

table.grammar {
    margin-left: auto;
    margin-right: auto;
    background-color: #d5d5d5;
}

.grammar th {
    text-align: center;
    font-weight: bold;
    background-color: white;
    padding: 2px 4px 2px 4px;
}

.grammar td {
    background-color: white;
    padding: 2px 10px 2px 10px;
    vertical-align: center;
    width: 120px;
    text-align: center;
}

/* table.image { */
/*     padding: 0px; */
/*     margin-left: auto; */
/*     margin-right: auto; */
/*     width: 95%; */
/* } */

span.caption {
    font-style: italic;
}

span.inlineedit {
    cursor: pointer;
}

span.inlineedit :hover{
    background-color: #d5d5d5;
    font-weight: bold;
}

table.inlineedit {
    background-color: #d5d5d5;
    width: 98%;
}

td.inlineedit textarea {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    width: 98%;
    overflow: visible;
    font-size: large;
}

td.imgcount {
    font-size: small;
    width: 40px;
    text-align: left;
}

table.catalogue {
    background-color: #d5d5d5;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    font-size: small;
    text-align: center;
    width: 100%;
}

td.left {
    width: 130px;
    text-align: left;
    padding-left: 5px;
}

td.left2 {
    width: 130px;
    text-align: left;
    font-style: italic;
    padding-left: 5px;
}

td.left3 {
    width: 70px;
    text-align: left;
    font-style: italic;
    padding-left: 5px;
}

td.left4 {
    width: 300px;
    text-align: left;
    font-style: italic;
    padding-left: 5px;
}

td.help {
    text-align: left;
    padding: 5px;
}

td.center {
    text-align: center;
}

td.statusright {
    width: 14%;
    text-align: right;
    padding-right: 5px;
}

td.right {
    width: 130px;
    text-align: right;
    padding-right: 5px;
}

td.right2 {
    width: 200px;
    text-align: right;
    padding-right: 5px;
}

table.search {
    width: 100%;
}

span.lems {
    display: block;
    text-decoration: none;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    cursor: pointer;
}

p.crossref {
    margin-left: 2em;
}

p.fragment {
    line-height: 150% !important;
}

span.level1 {
    background-color: white;
}

span.level2 {
    background-color: #f1f096;
}

span.level3 {
    background-color: #ff9c61;
}

span.submenugroup {
    background-color: white;
    padding: 0px 2px 0px 2px;
    border: 1px solid black;
}

p.verseA {
    line-height: 150% !important;
    margin-left: 4.5em;
}

p.verseB {
    line-height: 150% !important;
    margin-left: 6em;
}

p.prose {
    line-height: 150% !important;
    margin-right: 1.5em;
    text-indent: 1.5em;
}

span.fraglabel {
    font-size: x-small;
    vertical-align: 15px;
}

span.super {
    font-size: small;
    padding-left: 1px;
    vertical-align: 5px;
}

/* div.abbreviations { */
/*     margin-left: 10%; */
/* } */

.abbreviations dt
{
    float: left;
    width: 16%;
    clear: both;
    font-weight: bold;
}

.abbreviations dd
{
    float: left;
    width: 65%;
}

table.search span.pagecol {
    font-size: small;
    float: right;
}

div.right {
    display: inline;
    float: right;
}

td.spacel {
    width: 5%;
    text-align: left;
    vertical-align: bottom;
}

td.spacer {
    width: 5%;
    text-align: right;
    vertical-align: text-top;
}

td.results {
    width: 135px;
    vertical-align: text-top;
}

span.gdlink {
    cursor: pointer;
}

span.gdlink:hover {
    cursor: pointer;
    background-color: #b5b5b5;
}

a.gdlink {
    color: black;
    text-decoration: none;
}

a.gdlink:hover {
    background-color: #b5b5b5;
}

td.wlem {
    text-align: left;
    text-indent: 5px;
}

td.wlem :hover {
    background: #b5b5b5;
    cursor: pointer;
}

td.wlemg {
    color: green;
    text-align: left;
    text-indent: 5px;
}

td.wlemg :hover {
    background: #b5b5b5;
    cursor: pointer;
}

td.wlems {
	 text-align: left;
	 text-indent: 5px;
   background: #d5d5d5;
}

td.wlems :hover {
    background: #b5b5b5;
    cursor: pointer;
}

td.wlemgs {
    color: green;
    text-align: left;
    text-indent: 5px;
    background: #d5d5d5;
}

td.wlemgs :hover {
    background: #959595;
    cursor: pointer;
}

td.wdef {
    text-align: left;
    padding: 5px;
    padding-left: 2em;
    vertical-align: top;
    text-indent: -1em;
    border-left-width: 2px;
    border-left-color: black;
    border-left-style: groove;
}

table.filters {
    padding: 5px;
    background-color: #d5d5d5;
    border: 1px solid black;
/*    margin-left: auto;
    margin-right: auto; */
	float: right;
	margin-right: 10px;
    font-size: small;
    text-align: left;
    width: 35em;
}

table.searchbox {
    /* padding: 5px; */
    /* background-color: #d5d5d5; */
    /* margin-left: auto; */
    /* margin-right: auto; */
    /* font-size: small; */
    /* text-align: center; */
    /* width: 35em; */
    position: absolute;
    top: -100em;
}

.small {
    font-size: x-small;
}

.sourcenote {
    font-size: x-small;
    position: fixed;
    bottom: 0;
    right: 6pt;
    background-color: white;
}

select.filter {
    width: 8em;
}

select.filter2 {
    width: 6em;
}

.submitLink1 {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: black;
    font-size: small !important;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.submitLink1:hover {
    color: #ba4200;
    background-color: #eeeeee;
    text-decoration: none;
    font-weight: bold;
}

.submitLink2 {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: black;
    font-size: small !important;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.submitLink2:hover {
    color: #ba4200;
    background-color: #eeeeee;
    text-decoration: none;
    font-weight: bold;
}

.submitLink3 {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: black;
    font-size: small !important;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.submitLink3:hover {
    color: #ba4200;
    background-color: #eeeeee;
    text-decoration: none;
    font-weight: bold;
}

h2 {
    text-align: center;
    font-size: large;
    font-style: normal;
}

h3 {
    text-align: center;
    font-size: 110%;
    text-align: left;
    font-style: normal;
}

h4 {
    text-align: center;
    font-size: medium;
    text-align: left;
    font-style: normal;
}

p.instructions {
    text-align: center;
    font-size: medium;
    font-weight: normal;
    font-style: italic;
}

.hide {
    display: none;
}

span.flabel {
    font-size: xx-small;
    font-weight: normal;
    vertical-align: super;
}

a.fnlabel {
    color: blue;
    font-size: x-small;
    font-weight: normal;
    vertical-align: super;
    text-decoration: none;
    cursor: pointer;
}

a.fnlabel:hover {
    font-weight: bold;
}

div.fntext {
    display: none;
    position: absolute;
    text-indent: 0em;
    border : 1px solid black;
    background-color: #e7eee5;
    padding: 3pt;
    font-size: small;
    text-align: left;
}

div.gdfntext {
    display: none;
    position: absolute;
    text-indent: 0em;
    border : 1px solid black;
    background-color: #e6ebf1;
    padding: 3pt;
    font-size: small;
    text-align: left;
}

table.centertb {
    margin-left: auto;
    margin-right: auto;
}

p.error {
    color: red;
    text-align: center;
}

tr.head {
    background-color: #c5c5c5;
}

td.button {
    width: 73px;
    text-align: left;
    text-indent: 5px;
    cursor: pointer;
}

td.button :hover {
    color: #ba4200;
}

span.addrow a{
    text-decoration: none;
    color: black;
    font-weight: 300;
}

.button-o {
    color: black;
    background: gray;
    padding: 1px;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    font-weight: 300;
    border: 1px solid #aaa;
    cursor: pointer;
    text-decoration: none;
}

.button-o :hover{
    color: green;
}

.button-r {
    color: black;
    background: red;
    padding: 1px;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    font-weight : 300;
    border : 1px solid #aaa;
    cursor: pointer;
    text-decoration: none;
}

.button-r :hover{
    color: green;
}

.button-a {
    color: black;
    background: orange;
    padding: 1px;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    font-weight : 300;
    border : 1px solid #aaa;
    cursor: pointer;
    text-decoration: none;
}

.button-a :hover{
    color: green;
}

.button-p {
    color: black;
    background: gray;
    padding: 1px;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    font-weight : 300;
    border : 1px solid #aaa;
    cursor: pointer;
    text-decoration: none;
}

.button-i {
    color: black;
    background: #d5d5d5;
    padding: 0px 3px 0px 3px;
    text-decoration: none;
}

.button-d {
    color: black;
    background: gray;
    padding: 1px;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    font-weight : 300;
    border : 1px solid #aaa;
    cursor: pointer;
    font-size: medium;
    text-decoration: none;
}

.button-d :hover{
    color: green;
    border : 1px solid green;
}

span.subbutton {
    color: gray;
    font-size: x-small;
}

span.black {
    color: black;
}

span.red {
    color: red;
}

span.orange {
    color: orange;
}

span.blue {
    color: blue;
}

span.green {
    color: green;
}

span.gray {
    color: gray;
}

span.purple {
    color: purple;
}

span.menu {
    color: black;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
}

a.green {
    text-decoration: none;
    color: green;
}

a.red {
    text-decoration: none;
    color: red;
}

a.switch {
    color: gray;
    font-size: smaller;
    vertical-align: text-top;
    text-decoration: none;
}

table.admn {
    background-color: #d5d5d5;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}
table.admn th{
    padding-left: 5px;
}
table.admn th.right {
    text-align: right;
}
table.admn td{
    padding-left: 5px;
    background-color: #f5f5f5;
}

table.bibedit {
    background-color: #d5d5d5;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 800px;
}

table.bibedit th{
    background-color: #c5c5c5;
}

table.catedit {
    background-color: #d5d5d5;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
    width: 90%;
}

img.pdf {
    width: 1em;
    border: 0;
    text-decoration: none;
}

img.button {
    border: 0;
    text-decoration: none;
}

div.zoomify {
    text-align: center;
}

img.image {
    /* display: block; */
    border: 0;
    /* text-decoration: none; */
    /* margin-left: auto; */
    /* margin-right: auto; */
}

div.textheading {
    font-weight: bold;
}
div.text {
    margin-left: 2em;
    text-indent: -2em;
}

tr.headings {
    font-weight: bold;
}
tr.odd {
    background-color: #f5f5f5;
}
tr.even {
    background-color: #e5e5e5;
}

img.menutoggle {
    position: fixed;
    top: 0px;
    left: 0px;
    cursor: pointer;
}

img.toggleshadow {
    position: fixed;
    top: -2px;
    left: 0px;
}

span.menutoggle:hover {
    font-weight: bold;
    background-color: gray;
}

/* table.menu_lvl1 { */
/*  position: fixed; */
/*  left: 85px; */
/*  top: 7px; */
/*  border: 0px; */
/*  width: 88%;  */
/* } */

span.menu_lvl1 {
    position: fixed;
    top: 8px;
    left: 85px;
    width: 88%;
}

.menu_lvl1 a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.menu_lvl1 a:hover {
    color: #ba4200;
    text-decoration: underline;
}

.menu_left {
    position: absolute;
    left: 1.5%;
}

.menu_right {
    position: fixed;
    right: 2%;
}

span.submenu {
    position: fixed;
    top: 35px;
    left: 120px;
    height: 22px;
    width: 100%;
    padding: 3px;
    border: 1px black solid;
    background-color: #eeeeee;
    font-size: small;
}

.submenu a {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

.submenu a:hover {
    color: #ba4200;
    text-decoration: underline;
}

.on {
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #9ab793;
}

a.dictlink {
    color: black;
    font-weight: bold;
    text-decoration: none;
}

a.subcat {
    font-size: small;
    font-weight: bold;
}

a.subcaton {
    font-size: small;
    font-weight: bold;
    display: inline;
    padding-left: 2px;
    padding-right: 2px;
    background-color: #9ab793;
}

span.alphabet {
    font-size: smaller;
    font-weight: bold;
}

/* a.alphabet:hover { */
/*     color: white; */
/*     background-color: black; */
/*  } */

.graybutton {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: gray;
    font-size: small;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.ajaxbutton {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: black;
    font-size: small;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.ajaxbutton:hover {
    color: #ba4200;
}

.ajaxbuttonon {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: black;
    font-size: small;
    font-weight: bold;
    background-color: #9ab793;
    text-decoration: none;
    border: none;
    cursor: pointer;
    padding-left: 2px;
    padding-right: 2px;
}

.edbutton {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: black;
    font-size: medium;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.edbutton:hover {
    color: #ba4200;
    font-size: medium;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
}

.navbutton {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    color: black;
    font-size: small;
    font-weight: bold;
    background-color: transparent;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.navbutton:hover {
    color: #ba4200;
    font-size: small;
    background-color: transparent;
    text-decoration: none;
    font-weight: bold;
}

td.input textarea {
    font-size: medium;
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    width: 100%;
    overflow: visible;
}

input, select {
    font-size: small;
}

div.content {
    padding: 80px 2em 2em 2em;
    /* margin: 0; */
    text-align: justify;
}

div.image {
	width: 88%;
	margin-left:6%;
	}

div.cognlist {
    position: absolute;
    top: 190px;
    left: 25px;
    height: 390px;
    width: 220px;
    overflow: auto;
    border: 1px solid #777;
    text-align: left;
    margin: 0;
}

div.cognateedit {
    position: absolute;
    background-color: #d5d5d5;
    top: 190px;
    left: 260px;
    right: 15px;
    height: 270px;
    border: 1px solid #777;
    padding: 8px;
    text-align: left;
    margin: 0;
    overflow: auto;
}

div.morphcomplete {
    position: absolute;
    padding: 5px;
    top: 488px;
    left: 260px;
    right: 15px;
    height: 82px;
    overflow: auto;
    border: 1px solid #777;
    background-color: #f1f1f1;
    text-align: left;
}

div.editquote {
    position: absolute;
    top: 110px;
    height: 55px;
    left: 25px;
    right: 15px;
    padding: 5px;
    overflow: auto;
    border: 1px solid #777;
    background-color: #f5f5f5;
    text-align: left;
    font-size: small;
}

td.quote {
    padding-left: 5em;
    text-indent: -5em;
}

td.d_quote {
    padding-left: 2em;
    text-indent: -2em;
}

div.quotation {
    right: 10px;
    padding: 5px;
    overflow: auto;
    border: 1px solid #777;
    background-color: #f5f5f5;
    text-align: left;
}

#userinfo input, #userinfo select {
    font-size: small;
}

#userinfo strong {
    font-size: small;
}

#error {
    color: red;
}

#msg {
    margin: 0;
    width: 600px;
    border: 1px #bbb solid;
    background-color: #f5f5f5;
    text-align: left;
}

.side_links {
    width: 100px;
    float: left;
}

.bib_text {
    font-family: "DejaVu Serif", "Gandhari Unicode", serif;
    text-indent: -30px;
    margin-left: 130px;
}

.text {
    margin-left: 100px;
}

input.catsearch {
    width: 5em;
    height: 1em;
}

input.dictsearch {
    width: 10em;
    height: 1em;
}

/* input.submenusubmit { */
/*  height: 24px; */
/*  width: 24px; */
/*  font-size: small; */
/*  font-weight: bold; */
/*  } */

/* ---------- DRAG AND DROP LISTS STYLES ---------- */
ul.sortable li {
    position: relative;
}

table.rematch {
    margin-left: auto;
    margin-right: auto;
    font-size: small;
    text-align: left;
    width: 60%;
}

table.rematch td {
    vertical-align: top;
}

ul.likeboxy {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    font-size: smaller;
}
ul.likeboxy li {
    padding: 2px 2px;
    border: 1px solid #ccc;
    background-color: #f69b52;
}

ul.boxy {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    font-size: smaller;
}

ul.boxy li {
    cursor:move;
    padding: 2px 2px;
    border: 1px solid #ccc;
    background-color: #eee;
}
.clickable a {
    display: block;
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}
.clickable li:hover {
    background-color: #f6f6f6;
}
/* ---------- END DRAG AND DROP LISTS STYLES ---------- */