@charset "utf-8";

.debugh {
	border: 1px solid red;
}

body,td,div,p,a,font,span {font-family: arial, helvetica, sans-serif}

body{
  font-size: .8em;
  color: #666;
  padding-bottom:20px;
  line-height: 160%;
}

a{
  color: #0083c8;
}

.bubble {background-color:#C3D9FF}
.SPRITE_corner_bl {background:no-repeat url(/images/login_corners_sprite.png) 0 0; width: 4px; height: 4px; font-size:2px }
.SPRITE_corner_br {background:no-repeat url(/images/login_corners_sprite.png) -4px 0; width: 4px; height: 4px; font-size:2px }
.SPRITE_corner_tl {background:no-repeat url(/images/login_corners_sprite.png) 0 -4px; width: 4px; height: 4px; font-size:2x }
.SPRITE_corner_tr {background:no-repeat url(/images/login_corners_sprite.png) -4px -4px; width: 4px; height: 4px; font-size:2px }


.keyword{
	border: 1px solid gray;
	display: inline;
	padding-left: 24px;
	padding-right: 24px;
	margin: 2px 4px 2px 4px;
}

.validAnswer{
	border: 2px solid green;
	display: inline;
	margin: 2px 4px 2px 4px;
	padiing: 0 4px 0 4px;
	color: black;
	font-weight: bold;
}

.wrongAnswer{
	border: 1px dotted gray;
	display: inline;
	margin: 2px 4px 2px 4px;
	padiing: 0 4px 0 4px;
}

.wrongWord{
	display: inline;
	margin: 2px 4px 2px 4px;
	text-decoration: line-through;
	color: black;
	font-weight: bold;
}

.fixedWord{
	display: inline;
	color: red;
	text-decoration: none;
	font-weight: bold;
}

.problemStyle {
  color: #666;
  padding: 0 8px 0 8px;
}

.answerPanel {
	margin: 8px;
}

.tree .gwt-TreeItem:hover {
	background-color: snow !important; 
	text-decoration: underline; 
}

.tree .gwt-TreeItem-selected { 
	background-color: Lavender !important; 
	text-decoration: underline; 
}

.correctness_A {
	font-size: small;
	color: green;
}

.correctness_B {
	font-size: small;
	color: olive;
}

.correctness_C {
	font-size: small;
	color: Maroon;
}

       body { overflow:hidden }
        #loading {
            border: 1px solid coral;
            -moz-border-radius: 8px;
			border-radius: 8px;
            position: absolute;
            left: 35%;
            top: 40%;
            padding: 2px;
            height: auto;
        }
 
        #loading a {
            color: #225588;
        }
 
        #loading .loadingIndicator {
            background: white;
            font: bold 13px tahoma, arial, helvetica;
            padding: 10px;
            margin: 0;
            height: auto;
            color: #444;
        }
 
        #loadingMsg {
            font: normal 10px arial, tahoma, sans-serif;
        }