/** Add css rules here for your application. */
/** Example rules used by the template application (remove for your app) */

html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	overflow: hidden;
}

gwt-Label, gwt-TextBox, gwt-Button, gwt-ListBox, gwt-HTML
{
	font-family: QQuattrocento, sserif;
}

.loginPanel
{
	background-color: #ffffff;
	border: 1px black outset;
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
}

.starAndSpeaker
{
	padding-left:2px;
	padding-top:4px;
}

.yellowPanel
{
	background-color: #EEEE8D;
	padding: 1px;
	border: 2px #EEEE8D outset;
}

.searchresultsscrollpanel
{
	margin-bottom: 4px;
	border-bottom: 1px #CCCC8D ridge;
}

.searchresultsbackground
{
	background-color: #CCCC8D;
}

.function
{
	border: 1px #000000 ridge;
}

.tooltip
{
	position: absolute;
	z-index:10;
}

.tooltipMessage
{
	font-size: 75%;
	font-weight: bold;
}

.ribbonCell {
	padding: 1px;
	background-image: url('tile.jpg');
	display: table-cell;
	border: 1px #000000 ridge;
	position: relative;
	z-index: 1;
}

.ribbonCell:hover {
	background-image: none;
	background-color: #FFFFFF;
}

.ribbonLabel {
	padding: 2px;
}

.title {
	font-size: 120%;
	font-weight: bold;
	padding: 2px;
}

.vocabGrid 
{
	border: 3px inset #A49786;
}


.vocabGridCell {
	font-size: 120%;
	font-weight: bold;	
}

.vocabGridCellTitle
{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	background-color: transparent;
	border: none;
}

.vocabGridCell:hover {
	background-color: #EEEE8D;
}

.dirty {
	background-color: #FFCCCC;
}

.gwt-DialogBox .Caption
{
	font-size: 1.5em;
}

.testPanel
{
	background-image: url('tile.jpg');	
	border: 1px ridge #000000;
	box-shadow: 3px 3px 4px #000;
}

.clickedPairsButton
{
	color: #0000FF;
}

.question {
	color: #000000;
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	font-weight: bold;
	text-align: center;
}

.question a:link
{
	color: #000000;
	text-decoration:none;
}

.question a:visited
{
	color: #000000;
}

.question a:hover
{
	color: #0000FF;
	text-decoration: underline;
}

.question: a.active
{
	color: #000000;
}

.answer {
	font-weight: bold;
	color: #0000FF;
	text-align: center;
}

.reportlabel {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}

.wronglabel {
	
}

.button {
	
}

.button:active {
	border: 2px inset #999999;
	background-color: #EEEE8D;
}

.defaultbutton {
	text-decoration: underline;
}

.center {
	display: inline;
	text-align: center;
}

.sendButton {
	display: block;
	font-size: 16pt;
}


#content {
	position: relative;
	padding: 10px;
}

#page-background {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	opacity: 0.6;
	filter:alpha(opacity=40);
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
	
}

.dialogVPanel {
	margin: 5px;
}

.serverResponseLabelError {
	color: red;
}

.errorLabel {
	color: red;
}

div {
	
}

div.scroll {
	height: 10cm;
	width: 500px;
	overflow: auto;
	padding: 8px;
}