#minichecker { padding: 0; margin: 0;display:block;display: inline-block; line-height: 28px; }

input#cw_word.correct { background-color: #bfffbf; /*background-image: url(accept.png) !important*/ }
input#cw_word.incorrect { background-color: #ffcc80; /*background-image: url(exclamation.png) !important*/ }
input#cw_word.error { background-color: #ffff99; /*background-image: url(error.png) !important*/ }

input#cw_word{ color: #333;background-repeat: no-repeat; background-position: 2px center; background-image: url(textfield.png); width: 180px; border: 2px solid white; cursor: pointer; padding-left: 20px; line-height: 16px; height: 27px; display: inline-block; }
input#cw_word:focus{ background-image: url(textfield_rename.png) }
input#cw_word:hover{ border-color: #d5e0ea }

#cw_indicator { position: absolute; top: 1px; right: 1px }
ul#cw_suggestions { list-style-type: none; padding:0;margin:0 !important;position:absolute; border:1px solid #17253a; border-top: 0; background-color: white; width: 180px; z-index: 100; top: 32px; }
ul#cw_suggestions li { color: #333; padding: 2px 9px; cursor:pointer; margin-bottom: 0; text-align: left }
ul#cw_suggestions li:hover { background-color: #dbdbff }

#cw_tipp {
	color: #444;
	position: relative;
	display: inline-block;
	line-height: 14px;
	height: 25px;
	padding: 0;
}
#cw_tipp a { color: black; font-weight: bold; }
#cw_tipp a:hover { color: black; text-decoration: underline; }
#cw_tipp:before,
#cw_tipp:after {
	content: "";
	z-index: 1000;
	position: absolute;
	right: -14px;
	top: 50%;
	margin-top: -8px;
	border-top: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid #eceff5;
}
#cw_tipp:before {
	border-left-color: #59ADD4;
	right: -15px;
}

#cw_more {
	padding-top: 8px;
	position:absolute;
	z-index: 1000;
	color: #333;
	text-align: left;
	width: 180px;
	line-height: 14px;
}
#cw_more:before,
#cw_more:after {
	content: "";
	position: absolute;
	z-index: 1000;
	top: 1px;
	left: 50%;
	margin-left: -8px;
	border-bottom: 8px solid #eceff5;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 0;
}
#cw_more:before {
	border-bottom-color: #59ADD4;
	top: 0px;
}

#cw_tipp > a, #cw_more > a { position: absolute; right: 0; z-index: 100 }
#cw_tipp > a > img, #cw_more > a > img { border: 0; opacity: 0.5 }
#cw_tipp > a:hover > img, #cw_more > a:hover > img { border: 0; opacity: 1 }
#cw_tipp > div, #cw_more > div {
  font-size:1.1em;
  border: 1px solid #abc6dd;
  background-color: #eceff5;
  padding: 5px 10px 5px 10px;
  background-image: -webkit-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -moz-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -ms-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: -o-linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
  background-image: linear-gradient(rgba(255,255,255,.5), rgba(255,255,255,0));
}

#cw_tipp.correct > div { background-color: #bfffbf; border-color: #219b1e; color: #333; }
#cw_tipp.correct:after { border-left-color: #bfffbf; }
#cw_tipp.correct:before { border-left-color: #219b1e; }

#cw_tipp.incorrect > div { background-color: #ffcc80; border-color: #ea5044; color: #ea5044; }
#cw_tipp.incorrect:after { border-left-color: #ffcc80; }
#cw_tipp.incorrect:before { border-left-color: #ea5044; }

#cw_tipp.error > div { background-color: #ffcc80; border-color: #facf0c; color: #333; }
#cw_tipp.error:after { border-left-color: #ffcc80; }
#cw_tipp.error:before { border-left-color: #facf0c; }

ul#cw_infos { margin: 10px 0 0 0 !important; padding: 0; list-style-type: none }
ul#cw_infos li { padding-left: 20px; background-repeat: no-repeat ; height: 16px; line-height: 16px; margin: 0 0 5px 0 }
ul#cw_infos li a { color: black }

#cw_or { text-align: center; padding: 2px 0 }

#cw_button { background-image: url(bullet_go.png); background-repeat: no-repeat; background-position: right center; border: 1px solid #ccc; cursor: pointer; width: 180px; padding: 0; background-color: #f0f0f0 }

@media only screen and (max-width: 768px) {
	#cw_tipp:before,
	#cw_tipp:after {
		right: 50%;
		top: auto;
		bottom: -14px;
		margin-top: -8px;
		border-top: 8px solid #eceff5;
		border-right: 8px solid transparent;
		border-bottom: 8px solid transparent;
		border-left: 8px solid transparent;
	}
	#cw_tipp:before {
		border-top-color: #59ADD4;
		bottom: -15px;
	}
	#cw_tipp.correct:after { border-top-color: #bfffbf; }
	#cw_tipp.correct:before { border-top-color: #219b1e; }
	#cw_tipp.incorrect:after { border-top-color: #ffcc80; }
	#cw_tipp.incorrect:before { border-top-color: #ea5044; }
	#cw_tipp.error:after { border-top-color: #ffcc80; }
	#cw_tipp.error:before { border-top-color: #facf0c; }
}