body{
text-align: center;
background-color: #333333;
font-family: arial, "lucida console", sans-serif;
}

.outer{
position:relative;
width: 800px;
padding: 0px;
margin-left: auto;
margin-right: auto;
text-align:left;
}

.wrapper{
position: absolute; 
background-color: #444444;
width: 800px;
padding: 10px;
text-align: left;
}

.leftcol {
position: relative;
float: left;
width: 385px;
height: 450px;
padding: 4px; 
border: orange 1px solid;
margin: 1px;
}

.rightcol {
position: relative;
float:right;
width: 390px;
height: 100%;
padding: 4px;
color: white; 
border: white 1px solid;
text-align: left;
}  

.holder {
visibility: hidden;
}  

span.accentkeys {
position:relative;
float: right;
width: 20px;
text-align: right;
} 

.input {
position:relative;
left:100px;
width:150px;
}

.form {
position: relative;
float: left;
width: 390px;
height: 170px;
background-color: orange;
padding: 4px; 
border: orange 1px;
margin: 1px;
}


.nav {
position: absolute;
margin-left: auto;
margin-right: auto;
bottom:10px;
width: 375px;
height: 20px;
padding: 4px; 
border: orange 1px solid;
margin: 1px;
}


/*
table formats
*/
.tense {
width: 390px;
background-color: #0099CC;
padding: 1px; 
color: white; 
border: 1px; 
margin: 1px;
font-size: 80%;
}

.endings {
width: 390px;
background-color: #999;
padding: 1px; 
color: #333; 
border: 1px; 
margin: 1px;
font-size: 90%;
}

.labels{
text-align: left;
font-style: normal;
/*font-variant: small-caps;*/
font-weight: bold;
font-size: medium;
line-height: 14px;
word-spacing: normal;
letter-spacing: normal;
text-decoration: none;
text-transform: none;
text-indent: 0ex;
}

.tvalue {
text-align: left;
border: 1px;
padding:1px;
}

.tlabel {
text-align: right;
border: 1px;
padding:1px;
} 

.inputlabel {
float:left;
width: 100px;
text-align: right;
} 

.alert {
color:red;
}

.define{
position: absolute; 
height: 100px;
width: 300px;
top: 0px;
left: 100px;
border: white 1px solid; 
background-color: #666666; 
padding: 5px;
z-index: 3;
display:none; 
}

.accentkeyspan{
display:none; 
position:absolute; 
border: white 1px solid; 
background-color: #666666;
padding: 5px;	
z-index: 3;
}

.response {
padding:10px;
border: white 1px solid;
}

.keypad {
padding: 0;
border: 0;
margin: 0;
border-collapse: collapse;
font-size:80%;
color: white;
text-align: center;
}

.boldwhite {
color: white;
}

.whiteborder{
border: white 1px solid;
background-color: #666666;
}

.qzcheckbox{
position:absolute;
left:200px;	
}

.resultbox{
z-index: 10; 
position: absolute; 
left: 100px; 
top: 155px; 
background-color: #c0c0c0; 
width: 200px; 
border: #f2f2f2 0px solid;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
text-align:center;
margin:100px;
}

dt{
	color: #338BFF;

	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: medium;
	line-height: 125%;
	word-spacing: normal;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: lowercase;
	text-align: left;
	text-indent: 0ex;
}

dd{
color: #700000;

	font-style: italic;
	font-variant: normal;
	font-weight: normal;
	font-size: medium;
	line-height: 100%;
	word-spacing: normal;
	letter-spacing: 0.1ex;
	text-decoration: none;
	text-transform: none;
	text-align: left;
	text-indent: 0ex;
}

h2 {
color:#ffffff;
size:100%;
margin:2px;
}
h3 {
color:#ffffff;
size:80%;
margin:2px;
}

a:link {color: orange;}
a:visited {color: #777777;}
a:active {color: blue;}
a:hover {background-color: darkgrey;}
a {text-decoration: none;}

:link img {
  border: none;
}

img.accentkey {
position:relative;
top;5px;
vertical-align:bottom;
}

a.plain {
text-decoration: none;
color: none;
background-color: none;
border-collapse: collapse;
border: 0;
margin: 0;
}