/* CSS Document */
@import url(player.control.core.css);

body {
	background-color: #335d85;
	height: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

* {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

/* Globaler Layer */
#ttweControl {
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #335d85;
}

.ttwcctrlbutton {
	margin: 1px;
	cursor: pointer;
}

#ttweBtnClose {
	width: 14px;
	height: 14px;
	float: right;
}

#ttweCBTModes {
	float: left;
}

#ttweCBTModeSelect {
}

/* STEP-SELECTOR COMBOBOX */
#ttweStepSelector {
	float: left;
}

#ttweStepSelect {
}

#ttweControlBar {
	display: block;
	height: 22px;
	padding-bottom: 2px;
	clear: both;
	cursor: default;
}

/* TITLE-BEREICH */
#ttweTitleBar {
	display: block;
	height: 100%;
	cursor: default;
}

#ttweLabelTitle {
	float: left;
	color: #FFFFFF;
	margin-left: 2px;
	margin-bottom: 0;
	margin-top: -1px;
}

/* Alle Buttons in der Titelzeile: */
#ttweTitleBar .ttwcctrlbutton {
}

/* CONSOLE-BUTTON */
.ttwebtnconsolenormal {
	background-position: 0 -292px;
}

.ttwebtnconsoledisabled {
	background-position: -14px -292px;
}

.ttwebtnconsoledown {
	background-position: -28px -292px;
}

.ttwebtnconsoleover {
	background-position: -42px -292px;
}

.ttwebtnconsoleup {
	background-position: -56px -292px;
}

#ttweBtnConsole {
	width: 14px;
	height: 14px;
	float: right;
}

/* MINIMIZE-BUTTON */
.ttwebtnminimizenormal {
	background-position: 0 -278px;
}

.ttwebtnminimizedisabled {
	background-position: -14px -278px;
}

.ttwebtnminimizedown {
	background-position: -28px -278px;
}

.ttwebtnminimizeover {
	background-position: -42px -278px;
}

.ttwebtnminimizeup {
	background-position: -56px -278px;
}

#ttweBtnMinimize {
	width: 14px;
	height: 14px;
	float: right;
}

/* RESTORE-BUTTON */
.ttwebtnrestorenormal {
	background-position: 0 -306px;
}

.ttwebtnrestoredisabled {
	background-position: -14px -306px;
}

.ttwebtnrestoredown {
	background-position: -28px -306px;
}

.ttwebtnrestoreover {
	background-position: -42px -306px;
}

.ttwebtnrestoreup {
	background-position: -56px -306px;
}

#ttweBtnRestore {
	width: 14px;
	height: 14px;
	float: right;
}

/* HELP-BUTTON */
.ttwebtnhelpnormal {
	background-position: 0 -430px;
}

.ttwebtnhelpdisabled {
	background-position: -14px -430px;
}

.ttwebtnhelpdown {
	background-position: -28px -430px;
}

.ttwebtnhelpover {
	background-position: -42px -430px;
}

.ttwebtnhelpup {
	background-position: -56px -430px;
}

#ttweBtnHelp {
	width: 14px;
	height: 14px;
	float: right;
}

/* PLAY-MODE-FILM-ICON */
.ttwebtnplaymodefilmnormal {
	background-position: 0 -444px;
}

.ttwebtnplaymodefilmdisabled {
	background-position: -14px -444px;
}

.ttwebtnplaymodefilmdown,
.ttwebtnplaymodefilmover,
.ttwebtnplaymodefilmup {
	background-position: 0 -444px;
}

#ttweBtnPlayModeFilm {
	width: 14px;
	height: 14px;
	float: right;
	cursor: default;
}

/* PLAY-MODE-INTERACTIVE-ICON */
.ttwebtnplaymodeinteractivenormal {
	background-position: 0 -458px;
}

.ttwebtnplaymodeinteractivedisabled {
	background-position: -14px -458px;
}

.ttwebtnplaymodeinteractivedown,
.ttwebtnplaymodeinteractiveover,
.ttwebtnplaymodeinteractiveup {
	background-position: 0 -458px;
}

#ttweBtnPlayModeInteractive {
	width: 14px;
	height: 14px;
	float: right;
	cursor: default;
}

/* PLAY-MODE-SHOW-ICON */
.ttwebtnplaymodeshownormal {
	background-position: 0 -472px;
}

.ttwebtnplaymodeshowdisabled {
	background-position: -14px -472px;
}

.ttwebtnplaymodeshowdown,
.ttwebtnplaymodeshowover,
.ttwebtnplaymodeshowup {
	background-position: 0 -472px;
}

#ttweBtnPlayModeShow {
	width: 14px;
	height: 14px;
	float: right;
	cursor: default;
}

/* EXTENSIONS-BUTTON */
.ttwebtnextensionsnormal {
	background-position: 0 -486px;
}

.ttwebtnextensionsdisabled {
	background-position: -22px -486px;
}

.ttwebtnextensionsdown {
	background-position: -44px -486px;
}

.ttwebtnextensionsover {
	background-position: -66px -486px;
}

.ttwebtnextensionsup {
	background-position: -88px -486px;
}

#ttweBtnExtensions {
	clear: both;
	float: left;
}

/* SOUND-ON-BUTTON */
.ttwebtnsoundonnormal {
	background-position: 0 -198px;
}

.ttwebtnsoundondisabled {
	background-position: -22px -198px;
}

.ttwebtnsoundondown {
	background-position: -44px -198px;
}

.ttwebtnsoundonover {
	background-position: -66px -198px;
}

.ttwebtnsoundonup {
	background-position: -88px -198px;
}

#ttweBtnSoundOn {
	float: left;
}

/* SOUND-OFF-BUTTON */
.ttwebtnsoundoffnormal {
	background-position: 0 -176px;
}

.ttwebtnsoundoffdisabled {
	background-position: -22px -176px;
}

.ttwebtnsoundoffdown {
	background-position: -44px -176px;
}

.ttwebtnsoundoffover {
	background-position: -66px -176px;
}

.ttwebtnsoundoffup {
	background-position: -88px -176px;
}

#ttweBtnSoundOff {
	float: left;
}

/* SKIP-BUTTON */
.ttwebtnskipnormal {
	background-position: 0 -386px;
}

.ttwebtnskipdisabled {
	background-position: -22px -386px;
}

.ttwebtnskipdown {
	background-position: -44px -386px;
}

.ttwebtnskipover {
	background-position: -66px -386px;
}

.ttwebtnskipup {
	background-position: -88px -386px;
}

#ttweBtnSkip {
	float: right;
}

/* NEXT-BUTTON */
.ttwebtnnextnormal {
	background-position: 0 0;
}

.ttwebtnnextdisabled {
	background-position: -22px 0;
}

.ttwebtnnextdown {
	background-position: -44px 0;
}

.ttwebtnnextover {
	background-position: -66px 0;
}

.ttwebtnnextup {
	background-position: -88px 0;
}

#ttweBtnNext {
	float: right;
}

/* EVAL-BUTTON */
.ttwebtnevalnormal {
	background-position: 0 0;
}

.ttwebtnevaldisabled {
	background-position: -22px 0;
}

.ttwebtnevaldown {
	background-position: -44px 0;
}

.ttwebtnevalover {
	background-position: -66px 0;
}

.ttwebtnevalup {
	background-position: -88px 0;
}

#ttweBtnEval {
	float: right;
}

/* PREV-BUTTON */
.ttwebtnprevnormal {
	background-position: 0 -44px;
}

.ttwebtnprevdisabled {
	background-position: -22px -44px;
}

.ttwebtnprevdown {
	background-position: -44px -44px;
}

.ttwebtnprevover {
	background-position: -66px -44px;
}

.ttwebtnprevup {
	background-position: -88px -44px;
}

#ttweBtnPrev {
	float: right;
}

/* PAUSE-BUTTON */
.ttwebtnpausenormal {
	background-position: 0 -22px;
}

.ttwebtnpausedisabled {
	background-position: -22px -22px;
}

.ttwebtnpausedown {
	background-position: -44px -22px;
}

.ttwebtnpauseover {
	background-position: -66px -22px;
}

.ttwebtnpauseup {
	background-position: -88px -22px;
}

#ttweBtnPause {
	float: right;
}

/* REPEAT-BUTTON */
.ttwebtnrepeatnormal {
	background-position: 0 -66px;
}

.ttwebtnrepeatdisabled {
	background-position: -22px -66px;
}

.ttwebtnrepeatdown {
	background-position: -44px -66px;
}

.ttwebtnrepeatover {
	background-position: -66px -66px;
}

.ttwebtnrepeatup {
	background-position: -88px -66px;
}

#ttweBtnRepeat {
	float: left;
}

/* INFO-BUTTON */
.ttwebtninfonormal {
	background-position: 0 -530px;
}

.ttwebtninfodisabled {
	background-position: -22px -530px;
}

.ttwebtninfodown {
	background-position: -44px -530px;
}

.ttwebtninfoover {
	background-position: -66px -530px;
}

.ttwebtninfoup {
	background-position: -88px -530px;
}

#ttweBtnInfo {
	float: left;
}

/* LÖSUNG ANZEIGEN-BUTTON */
.ttwebtnsolutionnormal {
	background-position: 0 -408px;
}

.ttwebtnsolutiondisabled {
	background-position: -22px -408px;
}

.ttwebtnsolutiondown {
	background-position: -44px -408px;
}

.ttwebtnsolutionover {
	background-position: -66px -408px;
}

.ttwebtnsolutionup {
	background-position: -88px -408px;
}

#ttweBtnSolution {
	float: right;
}

/* AUSWERTUNG ANZEIGEN-BUTTON */
.ttwebtntestsummarynormal {
	background-position: 0 -154px;
}

.ttwebtntestsummarydisabled {
	background-position: -22px -154px;
}

.ttwebtntestsummarydown {
	background-position: -44px -154px;
}

.ttwebtntestsummaryover {
	background-position: -66px -154px;
}

.ttwebtntestsummaryup {
	background-position: -88px -154px;
}

#ttweBtnTestSummary {
	float: right;
}

/* USER-LÖSUNG ANZEIGEN-BUTTON */
.ttwebtnusersolutionnormal {
	background-position: 0 -364px;
}

.ttwebtnusersolutiondisabled {
	background-position: -22px -364px;
}

.ttwebtnusersolutiondown {
	background-position: -44px -364px;
}

.ttwebtnusersolutionover {
	background-position: -66px -364px;
}

.ttwebtnusersolutionup {
	background-position: -88px -364px;
}

#ttweBtnUserSolution {
	float: right;
}

/* MUSTER-LÖSUNG ANZEIGEN-BUTTON */
.ttwebtnrightsolutionnormal {
	background-position: 0 -408px;
}

.ttwebtnrightsolutiondisabled {
	background-position: -22px -408px;
}

.ttwebtnrightsolutiondown {
	background-position: -44px -408px;
}

.ttwebtnrightsolutionover {
	background-position: -66px -408px;
}

.ttwebtnrightsolutionup {
	background-position: -88px -408px;
}

#ttweBtnRightSolution {
	float: right;
}

/* STOP-BUTTON */
.ttwebtnstopnormal {
	background-position: 0 -320px;
}

.ttwebtnstopdisabled {
	background-position: -22px -320px;
}

.ttwebtnstopdown {
	background-position: -44px -320px;
}

.ttwebtnstopover {
	background-position: -66px -320px;
}

.ttwebtnstopup {
	background-position: -88px -320px;
}

#ttweBtnStop {
	float: right;
}

/* Bearbeitungsstand */
#ttweProgressBar {
	background-color: #003567;
	float: left;
	width: 150px;
	height: 20px;
	margin-top: 2px;
	margin-left: 1px;
	overflow: visible;
}

#ttweProgressRemaining {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	right: 0;
	height: 7px;
	margin-top: 5px;
	margin-left: 4px;
	margin-right: 4px;
	border: 1px solid #809ab3;
	background-color: #335d85;
	z-index: 0;
}

.ttclassProgressLevel,
.ttclassProgressLevel2 {
	display: block;
	position: relative;
	left: 0;
	top: 0;
	width: 0;
	height: 7px;
	background-color: #FF5F63;
	z-index: 1;
	overflow: hidden;
}

#ttweProgressLevel2 {
	clear: both;
	float: left;
}

.ttclasssplitlevel1 {
	height: 3px;
}

.ttclasssplitlevel2 {
	top: 1px;
	height: 3px;
}

.ttclassmeltlevel1 {
	height: 0;
}

p {
	margin-top: 0;
	margin-bottom: 0;
}

#ttweOutputArea {
	clear: both;
}

.ttcontrolrestored {
	display: block;
	visibility: visible;
}

.ttcontrolminimized {
	display: none;
	visibility: hidden;
}

/* alle Textbereiche (Feedback- und Kommentartext) */
.ttwctextoutput {
	margin: 0;
	padding: 0;
}

/* ********************************************* */
/* NUR FÜR WYSIWYG-EDITOR:						 */
/* DIV-Container für Feedback-Combobox			 */
#ttweFeedbackSelectDiv {
	clear: both;
	color: #FFFFFF;
	background-color: #0099FF;
	display: none !important;
	visibility: hidden !important;
}

/* Class für DIV-Container für Feedback-Combobox */
.ttwcFeedbackSelect {
}

/* Feedback-Combobox							 */
#ttweFeedbackSelect {
	margin: 0;
	clear: both;
}

/* ********************************************* */

/* Feedbacktext */
#ttweFeedbackText {
	background-color: #c6d1d6;
	clear: both;
	margin: 0;
	color: #000000;
	overflow: auto;
	height: auto;
	display: block;
}

/* Kommentartext */
#ttweCommentText {
	background-color: #FFFFFF;
	max-height: 300px; /* funktioniert leider nur vernünftig... */
	overflow: auto; /* ...in Firefox und Opera! IE6 unterstützt nicht max-height! */
	margin: 0;
	clear: both;
	color: #000000;
}

.ttclasscommentparagraph {
	/* Die @FontHeight-Eigenschaft aller Absätze nur im Kommentarfenster ersetzen: */
	font-size: 13px !important;
	/* Die @Alignment-Eigenschaft aller Absätze nur im Kommentarfenster ersetzen: */
	text-align: left !important;
}

#ttweTitleInfoArea {
	float: right;
	color: #FFFFFF;
	margin-right: 3px;
	margin-bottom: 0;
	margin-top: -1px;
}

.ttclasshidden {
	display: none;
	visibility: hidden;
}

.ttclassvisible {
	display: block;
	visibility: visible;
}

/* Neu ab 6.4.1.3 */
/* fuer Kommentar: */
.ttclasscommentnotempty {
	width: auto;
	height: auto;
}

.ttclasscommentempty {
	height: 0;
}

/* fuer Feedback: */
.ttclassfeedbacknotempty {
	display: block;
	visibility: visible;
}

.ttclassfeedbackempty {
	display: none !important;
	visibility: hidden;
}

/* Jedes animierte Element im Kommentarfenster (ab 6.5.0.0): */
.ttclasscommentanim {
	visibility: visible;
	display: inline;
}

/* Ab 6.7.0.1 */
.ttclassglossary_link {
	color: inherit !important;
}

/* Da Cursoren beim Blinken im IE nicht bestehen bleiben, werden die bgImages gecached (fixes KF-7711): */
#bgImageCache {
	display: none !important; /* darf nie sichtbar werden! */
	visibility: hidden !important;
}
