
/* elements */

a {
   color: #333399;
   }
body {
   margin: 0px; 
   padding: 0px;
   font: 15px sans-serif;
}
dl {
   }
dt {
   float: left;
   margin-left: 0px;
   padding-right: 10px; 
   }
dd {
   margin-left: 40px;
   }
form {
   margin: 0px;
   }
h1, h2, h3, h4, h1 a { 
   font-family: Georgia, "Lucida Bright", "Times New Roman", serif;
   font-weight: normal; 
   color: #444444; 
   text-decoration: none;
   }
h1 {
   margin: 0px;
   font: 30px Georgia, serif;
   }
h2 { 
   margin: 30px 0px 10px 0px; 
   font-size: 26px; 
   }
h2.header { 
   margin-top: 20px;
   border-bottom: dotted 1px #999999;
   }
h3 { 
   margin: 30px 0px 15px 0px; 
   font-size: 16px; 
   }
th {
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   color: #444444;
   }
label, div.label {
   display: block;
   float: left;
   width: 130px;
   }
label.option {
   display: inline;
   float: none;
   }
li, p {
   margin: 0px 0px 7.5px 0px;
   }
small, .small {
   font-size: 12px;
   }
sup {
   line-height: 0px;
   }
ul {
   list-style-type: square;
   }



/* IDs */

#wrapper { 
   float: left;
   width: 100%;
   border-top: solid 6px #333333;
   margin-bottom: 150px;  
   }
#header {
   margin: 0px 0px 1px 0px;
   padding: 20px 30px;
   background-color: #f0f0f9;
   border-bottom: solid 1px #999999;
   }
#searchPanel {   
   display: none;
   }
#leftPanel {
   display: none;
   }
#rightPanel {
   display: none;
   }
   
#content {
   float: left;
   padding: 20px 30px 10px 30px;
   }

#tooltip{
	position: absolute;
	border: 1px solid #333333;
	background: #f7f5d1;
	padding: 2px 5px;
	color: #333333;
	display: none;
   font-size: 12px;
	}	


/* classes */

input.search, select.search { 
   width: 200px;
   }
span.et {
   vertical-align: sub; 
   font-size: 11px;
   line-height: 0px;
   }
table.browse {
   margin-top: 20px;
   }
table.browse td {
   padding-top: 4px;
   padding-right: 4px;
   padding-bottom: 4px;
   }
table.browse td.priscian {
   background-color: #f9f9ff; 
   border-bottom: solid 1px #cccccc;
   padding: 6px 7px 4px 7px;
   }
table.browse td.priscian {
   background-color: #f9f9ff; 
   border-bottom: solid 1px #cccccc;
   padding: 6px 7px 4px 7px;
   }
table.browse td.priscianHighlight {
   background-color: #ffff99;
   border-bottom: solid 1px #cccccc;
   padding: 6px 7px 4px 7px;
   }
table.browse td.mainText {
   font-size: 20px;
   }

table.search {
   margin-top: 20px;
   }
table.search th, table.search td {
   border-bottom: solid 1px #cccccc;
   padding: 4px 4px 4px 4px;
   line-height: 22px;     
   }
table.search td.glosses {
   font-size: 17px;
   }


.construeSymbol {
   font-size: 16px;
   color: #999999; 
   }
.construeConnector {
   font-size: 16px;
   font-weight: bold; 
   color: #999999; 
   }
.construeRef {
   font-size: 12px;
   color: #999999; 
   }
.highlight, td.highlight, tr.highlight {
   background-color: #ffff99;
   }
span.note {
   font-size: 12px;
   color: #666666; 
   }
span.sc {
   font-variant: small-caps;
   }

div.homeText {
   margin: 20px 0px 0px 260px;
   padding: 0px 0px 30px 0px;
   width: 700px;
   line-height: 22px;
   }
img.homeImage {
   float: left;
   margin: 0px 0px 0px -254px;
   border: solid 1px #999999;
   padding: 1px;
   }
div.footer {
   margin: 20px 0px 0px 0px;
   border-top: dotted 1px #999999;
   padding: 10px 0px 0px 0px;
   }
