/* ---------- MAIN CONTENT ---------- */
body { 
    margin: 0px;
    font-family: "Gandhari Unicode", serif;
	font-size: medium;
    line-height: 150%;
    }
  
.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 {
	margin-left: 4em;
	text-indent: -2em;
	}
	
div.transliteration {
	position: relative;
	margin-left: 1em;
	margin-right: 2em;
	height: 300px;
	overflow: auto;
	border-width: 1px;
	border-color: #dddddd;
	border-style: groove;
	}

span.zoomifylink {
	font-size: xx-small;
	font-family: sans-serif;
	color: gray;
	}

a.zoomifylink{
	font-size: 1pt;
	font-family: sans-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;
	width: 85%;
	}
table.item th {
	padding-left: 5px; 
	}

td.label {
    background-color: #e5e5e5;
	padding-left: 5px; 
	padding-right: 5px; 
	width: 17%;
	}
	
td.labelc {
    background-color: #d5d5d5;
	padding-left: 5px; 
	padding-right: 5px; 
	text-align: center;
	}
	
td.label2 {
    background-color: #e5e5e5;
	width: 15%;
	font-size: small;
	text-align: left;
	padding-left: 5px; 
	padding-right: 5px; 
	}
	
td.labelcogn {
    background-color: #e5e5e5;
	font-size: small;
	text-align: left;
	padding-left: 5px; 
	padding-right: 5px; 
	}
	
td.data {
    background-color: #f5f5f5;
	padding-left: 5px; 
	padding-right: 5px; 
	text-align: center;
	}
td.dataL {
    background-color: #f5f5f5;
	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-left: 5px; 
	padding-right: 5px; 
	text-align: left;
	}

td.filters {
	text-align: left;
	}

div.filters {
	position: relative;
	top: 100px;
	}

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

table.buttons {
	padding: 0;
	margin-left: 5%;
	width: 100%;
    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: "Gandhari Unicode", serif;
	width: 98%;
	overflow: visible;
	font-size: medium;
	}
	
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: justify;
	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: "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.small {
	font-size: small;
	}

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

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

div.abbreviations {
	margin-left: 4em;
	}
	
dl.abbreviations {
	margin-left: 2em;
	padding: 0;
	}

.abbreviations dt
{
width: 12em;
float: left;
margin: 0 0 0 0;
font-weight: bold;
}

 /* commented backslash hack for mac-ie5 \*/
dt { clear: both; }
/* end hack */

.abbreviations dd
{
float: left;
width: 24em;
margin: 0 0 0 0;
}

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;
	}

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

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 :hover {
	text-align: left;
	text-indent: 5px;
    background: #b5b5b5;
	cursor: pointer;
	}
	
td.wlems {
	text-align: left;
	text-indent: 5px;
    background: #d5d5d5;
	}

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;
	margin-left: auto;
	margin-right: auto;
	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;
	}

.small {
	font-size: x-small;
	text-align: center;
	}

select.filter {
	width: 8em;
	}

select.filter2 {
	width: 6em;
	}

.submitLink1 {
	font-family: "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: "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: "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;
    line-height: 150%;
    /* font-weight: bold; */
	}

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: "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: "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: "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: "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: "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%;	
	}

.menu_lvl1 a {
    color: black;
    text-decoration: none;
    font-size: medium;
    font-weight: bold;
	}
	
.menu_lvl1 a:hover {
    color: #ba4200;
	text-decoration: underline;
	}

td.menu_left {
	text-align: center;
	width: 55px;
	}

td.menu_right {
	text-align: right;
	}

td.menu_space {
    color: black;
    font-size: small;
    font-weight: bold;
	/* width: 5px; */
	}
	
div.submenu {
	position: fixed;
	top: 35px;
	left: 120px;
	height: 22px;
	width: 100%;
	padding: 3px;
	border: 1px black solid;
	color: black;
	background-color: #eeeeee;
	text-align: left;
	font-family: "Gandhari Unicode", serif;
	}

.submenu a {
    color: black;
    font-size: small;
    font-weight: bold;
    text-decoration: none;
	}
	
.submenu a:hover {
    color: #ba4200;
	text-decoration: underline;
    font-weight: bold;
	}

.on {
	display: inline;
	padding-left: 2px;
	padding-right: 2px;
	background-color: #9ab793;
	}
	
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 {
	color: black;
    font-size: smaller;
	text-decoration: none;
    font-weight: bold;
	line-height: 10px;
	letter-spacing: 40px;
	}
	
a.alphabet:hover{
    color: #ba4200;
    font-size: medium;
	text-decoration: none;
    font-weight: bold;
	line-height: 10px;
	letter-spacing: 2px;
	}

.graybutton {
	font-family: "Gandhari Unicode", serif;
    color: gray;
    font-size: small;
    font-weight: bold;
	background-color: transparent;
	text-decoration: none;
	border: none;
	cursor: pointer;
  }	
	
.ajaxbutton {
	font-family: "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;
 	background-color: transparent;
	text-decoration: none;
    font-weight: bold;
	}

.ajaxbuttonon {
	font-family: "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: "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: "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: "Gandhari Unicode", serif;
	width: 100%;
	overflow: visible;
	}

input, select {
    font-size: small;
    }

div.content {
    padding: 80px 25px 15px 25px;
    margin: 0;
    text-align: left;
    }

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: "Gandhari Unicode", serif;
    text-indent: -30px;
    margin-left: 130px;
    }

.text {
    margin-left: 100px;
    }
    
input.submenusearch {
	height: 16px;
	padding: 1px;
	width: 80px;
	font-size: small;
	color: blue;
	}

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 ---------- */

/* ---------- IE FIXES ---------- */
.menu_lvl1 a:link {
    color: black;
	}
.menu_lvl1 a:link:hover {
    color: #ba4200;
	}
.menu_lvl1 a:active {
    color: black;
	}
.menu_lvl1 a:active:hover {
    color: #ba4200;
	}
.submenu a:link {
    color: black;
	}
.submenu a:link:hover {
    color: #ba4200;
	}
.submenu a:active {
    color: black;
	}
.submenu a:active:hover {
    color: #ba4200;
	}
/* ---------- END IE7 FIXES ---------- */