body {
	padding: 10px;
}

body {
	font-family: arial, sans-serif;
	font-size: small;
}

body {
	margin-top: 4px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-top: 0px;
}

table.header {
	border-collapse: collapse;
	border-width: 1px;
}

table.header td {
	border-style: none;
	border-width: 1px;
	padding: 0px;
	vertical-align: middle;
	height: 86px;
}

.bluebox { /*  width: 600px; */
	min-width: 400px;
	max-width: 800px;
	background-color: #dceeff;
	color: #000000;
}

.bluebox p {
	margin: 0 10px;
}

.bluetop {
	background: url('grafik/kant_blue_no.png') no-repeat top right;
}

.bluebottom {
	background: url('grafik/kant_blue_so.png') no-repeat bottom right;
}

.cyanbox { /*  width: 600px; */
	min-width: 400px;
	max-width: 800px;
	background-color: #dcffee;
	color: #000000;
}

.cyanbox p {
	margin: 0 10px;
}

.cyantop {
	background: url('grafik/kant_cyan_no.png') no-repeat top right;
}

.cyanbottom {
	background: url('grafik/kant_cyan_so.png') no-repeat bottom right;
}

.greenbox { /*  width: 600px; */
	min-width: 400px;
	max-width: 800px;
	background-color: #eeffdc;
	color: #000000;
}

.greenbox p {
	margin: 0 10px;
}

.greentop {
	background: url('grafik/kant_gron_no.png') no-repeat top right;
}

.greenbottom {
	background: url('grafik/kant_gron_so.png') no-repeat bottom right;
}

.yellowbox { /*  width: 600px; */
	min-width: 400px;
	max-width: 800px;
	background-color: #ffeedc;
	color: #000000;
}

.yellowbox p {
	margin: 0 10px;
}

.yellowtop {
	background: url('grafik/kant_yellow_no.png') no-repeat top right;
}

.yellowbottom {
	background: url('grafik/kant_yellow_so.png') no-repeat bottom right;
}

.purplebox { /*  width: 600px; */
	min-width: 400px;
	max-width: 800px;
	background-color: #eedcff;
	color: #000000;
}

.purplebox p {
	margin: 0 10px;
}

.purpletop {
	background: url('grafik/kant_purple_no.png') no-repeat top right;
}

.purplebottom {
	background: url('grafik/kant_purple_so.png') no-repeat bottom right;
}

.pinkbox { /*  width: 600px; */
	min-width: 400px;
	max-width: 800px;
	background-color: #ffdcee;
	color: #000000;
}

.pinkbox p {
	margin: 0 10px;
}

.pinktop {
	background: url('grafik/kant_pink_no.png') no-repeat top right;
}

.pinkbottom {
	background: url('grafik/kant_pink_so.png') no-repeat bottom right;
}

img.corner {
	width: 7px;
	height: 7px;
	border: none;
	display: block !important;
}

img.cornernodisplay {
	width: 7px;
	height: 7px;
	border: none;
	display: none !important;
}

.distancebeforeandafter {
	margin: 10px 0;
}

.distanceleftandright {
	padding: 0px 10px;
}

.questionintroduction {
}

.question {
	margin-top: 5px;
	margin-bottom: 5px;
}

.statisticsmessage {
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 0px;
	background-color: #f0f0f0;
}

.smallerfont {
	font-size: 10px;
}

.nocompletionfont {
	font-size: 10px;
	color: red;
}

.graybox {
	min-width: 100px;
	max-width: 200px;
	background-color: #f0f0f0;
	color: #000000;
	border: 1px solid #a0a0a0;
}

.lookupbutton {
	font-size: 11px;
	height: 25px;
	margin-left: 10px;
}

.savebutton {
	font-size: 11px;
	height: 25px;
	margin-left: 5px;
	margin-right: 10px;
}

.answerbutton {
	font-size: 11px;
	height: 25px;
	margin-left: 5px;
	margin-right: 10px;
}

.editbutton {
	font-size: 11px;
	height: 25px;
	margin-left: 5px;
	margin-right: 10px;
}

.letterbutton {
	font-size: 11px;
	height: 18px;
	margin-left: 5px;
	margin-right: 5px;
}

.corrbutton {
	background: #CCCCCC;
	color: #0000CC;
	font-size: 11px;
	margin: 1px 0px 5px 7px;
}

.corrflag {
	width: 25px;
	padding-top: 5px;
}

.buttonimage {
	border: 1px solid gray;
}

.soundimage {
	border: 0px;
	width: 21px;
	height: 21px;
	margin-bottom: -4px;
}

.topline {
	height: 15px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	min-width: 330px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.topline a {
	text-decoration: none;
	color: #ffffff;
}

.navigationline {
	height: 15px;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
	color: blue;
}

.navigationline a {
	text-decoration: none;
	color: blue;
}

.graytext {
	color: gray;
}

.blacktext {
	color: black;
}

.mouseLink {
	cursor: pointer;
}

.editLink {
	margin-left: 4px;
}

.noborder {
	border: none;
}

.overlay {
	display: block;
	z-index: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.loading-overlay {
	display: block;
	z-index: 5000;
	position: absolute !important;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000000 url('grafik/loading.gif') no-repeat center center;
	opacity: 0.7;
	filter: alpha(opacity =   70);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}


/************************** Edit interface *********************************/
.edit-view-heading {
	font-family: "Comic Sans", "Comic Sans MS", "Zapf Chancery",
		Coronetscript, cursive;
	font-size: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.edit-text-area {
	width: 100%;
}

.edit-add-remove-frame,.edit-meaning-frame {
	margin-bottom: 5px;
	background-color: #ededed;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: 2px solid #d0d0d0;
	padding: 5px 5px 5px 5px;
	width: 95%;
}

.edit-add-remove-frame-inner {
	margin: 5px 2px 5px 2px;
}

.edit-add-remove-unframed {
	margin-top: 0px;
	margin-bottom: 3px;
}

.edit-menu-wrapper {
	height: 100%;
}

.edit-menu {
	margin-top: 10px;
	margin-left: 0px;
	height: 100%;
}

.fieldset-wrapper {
	padding: 0;
	margin: 0;
}

.fieldset-wrapper-edit {
	height: 170px;
}

.fieldset-wrapper-preview {
	height: 193px;
}

.edit-center-panel-inner {
	margin: 3px 0px 0px 0px;
	border: 3px solid #aabfd4;
	background: #f6f6f6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.edit-fieldset-area {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
}

.edit-fieldset-area-inner {
	height: 163px;
}

.edit-center-panel {
	margin: 0;
	padding: 0;
}

.preview-fieldset-area {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border: none;
	border-top: 3px solid #aabfd4;
	height: 196px;
}

.edit-preview-warning {
	color: red;
}

.edit-caption-span {
	
}

.edit-button-panel {
	border-top: 1px dashed #aabfd4;
	border-bottom: 1px dashed #aabfd4;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 3px 0px 3px 0px;
}

.edit-button-panel-inner {
	margin-left: auto;
	margin-right: auto;
}

.edit-footer-panel {
	border-bottom: 3px solid #aabfd4;
}

.edit-save-cancel-button-panel {
	margin-right: 0px;
	margin-bottom: 0px;
}

.edit-user-agreement-panel {
	padding-left: 4px;
}

.vertical-padding {
	height: 20px;
}

.edit-locked-wrapper {
	margin: 4px 2px 2px 5px;
}

.edit-word-label {
	font-size: 20px;
	margin-left: 10px;
	margin-top: 5px;
}

.edit-word-label-wrapper {
	background: #aabfd4;
	-webkit-border-radius: 8px;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius: 8px;
	-moz-border-radius-bottomleft: 0;
	border-radius: 8px;
	border-bottom-left-radius: 0;
}

.edit-panel-wrapper {
	background: url('grafik/edit_menu_tree_part.gif') no-repeat top left;
}

legend {
	margin-left: 10px;
	padding: 1px 3px 1px 3px;
	/*border: 3px solid #aabfd4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;*/
	color: #747474;
	font-weight: bold;
	font-size: 12px;
}

.edit-input {
	color: #444;
	padding: 3px;
	background: #FFF;
	border: 1px solid #9c9c9c;
	margin: 0px 0px 0px 0px;
}

.edit-input-framed-full-width,.edit-input-framed {
	width: 96%;
}

.edit-text-box {
	width: 98%;
}

.edit-comment {
	max-width: 200px;
	overflow: hidden;
}

.edit-comment-removed {
	color: red;
}

.edit-comment-locked {
	color: #444;
}

.edit-input-removed {
	color: red !important;
	background: inherit;
	border: 1px solid #cbcbcb;
}

.edit-input-locked {
	background: inherit;
	border: 1px solid #cbcbcb;
}

.edit-remove-button-unframed,.edit-comment-button {
	margin-left: 3px;
}

.edit-plus-minus-button {
	margin-right: 2px;
}

.edit-field-label {
	margin: 6px 0px 0px 0px;
}

.edit-field-label-first {
	margin-top: 0px;
}

.edit-field-label-text {
	margin-left: 2px;
	color: #747474;
	font-size: 12px;
	font-weight: bold;
}

.label-link {
	color: #0000F0;
	cursor: pointer;
}

.user-agreement-popup {
	background-color: #d2d2d2;
	border: 3px solid #3947ff;
}

.user-agreement-popup-inner {
	margin: 5px 5px 5px 5px;
}

.gwt-Button,.gwt-Button:hover {
	color: #444;
	padding: 3px;
	background-color: #f4f4f4;
	background-image: none;
	border-top: 1px solid #cdcdcd;
	border-left: 1px solid #cdcdcd;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-weight: bold;
	font-size: 11px;
	margin: 0px 1px 0px 1px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.gwt-Button:active {
	color: #b0b0b0 !important
}

.edit-fieldeditor-button-panel {
	
}

.edit-fieldeditor-button-panel-top {
	margin: 0px 0px 5px 0px !important;
}

.edit-fieldeditor-button-panel-bottom {
	margin: 5px 0px 0px 0px !important;
}

.edit-popup-buttonset {
	margin-top: 5px;
}

.edit-info-box {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background: #dbe2d4;
}
.edit-info-box-content {
	margin: 3px 3px;
}

.edit-info-box-content p {
	margin: 0 10px;
}
.edit-info-box-top div,.edit-info-box-top,.edit-info-box-bottom div,.edit-info-box-bottom
	{
	width: 100%;
	height: 6px;
	font-size: 1px;
}

/****** Edit menu *********/
.edit-menu>div:first-child {
	width: 0px !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.edit-menu>div {
	padding: 3px 8px !important;
}

.edit-menu>div>.gwt-TreeItem {
	width: 125px !important;
	padding-left: 5px;
	display: block !important;
}

.edit-menu>div>.gwt-TreeItem-selected {
	display: block !important;
	background: #aabfd4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.edit-menu>div[hidefocus=true] {
	width: 0px !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
}

.edit-menu-item {
	background: url('grafik/edit_menu_tree.gif') no-repeat top left;;
}

.edit-menu-item-last {
	background: url('grafik/edit_menu_tree_last.gif') no-repeat top left;
}