/* This is the CSS stylesheet used in the exercise. */
/* Elements in square brackets are replaced by data based on configuration settings when the exercise is built. *//* BeginCorePageCSS *//* Made with executable version [strFullVersionInfo] */
/* Hack to hide a nested Quicktime player from IE, which can't handle it. */

* { _noFocusLine: expression(this.hideFocus=true);}
:focus {outline: none!important;}


* html object.MediaPlayerNotForIE {
	display: none;
}

html {
	margin: 0;
	padding: 0;
}

body {
	background: url('../grafika/podklad_cwiczenia_2.jpg') no-repeat left top;
	background-attachment:fixed;
	padding: 0px;
	margin-left: 5px;
	width: 900px;
	font: normal 16px/18px Verdana;
	color: #333333;
}

#mp3 {
	width: 200px;
	height: 20px;
	margin: 0 auto;
}


span {
	font: normal 14px/18px Verdana;
}
                                             /*kolor tekstu cloze*/
strong {
	color: #333333;
	
}

p {
	text-align: left;     
	margin: 0px;
	font-size: 100%;
}

div#Story {                               /*Parametry tekstu tasiemca*/
	padding: 10px;
	width: 80%;
	background: url('../grafika/podklad_ramki.jpg') no-repeat center center;
	border-width: 2px;
	border-style: solid;
	border-right-color: #9bb68b;
	border-bottom-color: #9ba692;
	border-top-color: #d6ecc6;
	border-left-color: #d6ecc6;
	margin: 0 auto;
	
}

.Story {
	text-align: left;     
	margin: 0px;
	font-size: 100%;
	font-weight: bold; 
	line-height: 1.7em;
	/* border: 2px solid red!important; */
	
}


div#Stars {
	text-align: left;
	
	
}

table, div, span, td {
	font-size: 100%;
}

.IndexDiv ul {                      
	margin-left: 520px;
	margin-top: 125px;
	
	
	
}

.IndexDiv ul li {
	font: normal 14px/16px Verdana;
	text-align: left;
	font-weight: bold;
	
	
	
	
	list-style-type: decimal;  /* ciferoj antau la titiloj de la ekzercoj RR */
	margin-bottom: 10px; /* poprawiane 12.02.2010 (odstep miedzy punktami w spisie tresci) */

	
}


td.LeftItem  {
	font-weight: bold!important;
	
}
td.RightItem option  {
    font-weight: bold!important;
		
		
		
		
}

td {
	padding: 3px;
}

div.Titles {
	padding: 0.5em;
	text-align: center;
	clear: both;
	margin-top: 25px;
	
	

}

.ExerciseTitle {
	font: bold 42px/38px Verdana;    /*  tytuł pdf.a */
	color: #3d3a03;
	
}

.ExerciseSubtitle {
	/*  font-size: 120%; */
	font-size: 16px;
	font-weight: normal!important;
	line-height: 22px;
	text-align: left;
	color: #3d3a03;
}

div.StdDiv {
	text-align: center;
	font-size: 300%;
	font-weigt: normal!important;
	padding: 0.5em;
	border: none;
	margin-bottom: 1px;
}

/* poprawiane 12.02.2010 (wysrodkowanie tabeli Janka) */
table.ExerciseTable {
	margin: 0 auto;
}

/* poprawiane 12.02.2010 (pogrubienie tekstu w tabeli) */
table.ExerciseTable td span {
	font-weight: bold;
	
}


/* EndCorePageCSS */.RTLText {
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman";
}

.CentredRTLText {
	text-align: center;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman";
}

button p.RTLText {
	text-align: center;
}

.RTLGapBox {
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Times New Roman";
}

.Guess {
	font-weight: bold;
	
	
}

#Guess {
	/* poprawiane 12.02.2010 (jRHB) */
	padding: 8px 0 8px 0;
	font-size: 20px!important; 
}


.CorrectAnswer {
	font-weight: bold;
}

/* kolor komunikatów o przekroczeniu czasu w timerze - poprawiane 25.02.2010*/

div#Timer {
	padding: 10px 0 0 0!important;
	margin: 0;
	width: 128px;
	height: 42px;
	background: url('../grafika/podklad_timera.jpg') no-repeat;
	text-align: center;
	overflow: hidden;
	float: left;
	color: #f0e1b3; /* komunikat 1 */
	
	outline: none; 

	-khtml-border-radius: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	border:1px solid silver;
	-moz-box-shadow: -1px -1px 5px #888;
	-webkit-box-shadow: -1px -1px 5px #888;
	box-shadow: -1px -1px 5px #888;
	
}


div#Timer span {
color: #fcdd03!important; /* komunikat 2 - klick F5 - jeżeli nie działa, usunąć style ze spana */
}

div#Timer span#TimerText {
border: none!important;
	font: normal 32px/32px Verdana;
	/*color: #2f7681;  */
	color: #ffffff!important;
	display: none;
}

#InstructionsDiv {
	font-size: 18px;
	font-weigt: none;
	line-height: 25px;
	text-align: left;
}

#InstructionsDiv * {
	color: #333333!important;
}

span.Instructions {
}

div.ExerciseText {
}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer {
}

.LeftItem {
	font-size: 100%;
	text-align: left;
	
	
}

.RightItem {
	font-weight: bold;
	font-size: 100%;
}

span.CorrectMark {
}

input, textarea {
	font: normal 22px/24px Arial;
	padding: 5px;
	background-color: #ffffff;
	border: 1px solid #283b44;
}

select {
	font-size: 100%;
}

div.Feedback {
	background: url('../grafika/podklad_ramki.jpg') no-repeat center center;
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 2;
	border-width: 2px;
	border-style: solid;
	border-right-color: #9bb68b;
	border-bottom-color: #9ba692;
	border-top-color: #d6ecc6;
	border-left-color: #d6ecc6;
	padding: 5px;
	text-align: center;
	position: absolute;
	display: none;
	font-size: 100%;
}

div.Feedback * {
	font: normal 12px/14px Verdana!important;
	color: #333333!important;
}

div.Feedback button {
	font: normal 12px/14px Verdana!important;
	color: #ffffff!important;
}

div.LeftContainer {
	border-style: none;
	padding: 2px 0px 2px 0px;
	float: left;
	width: 29.8%;
	margin-bottom: 0px;
}

div.RightContainer {
	border-style: none;
	padding: 2px 0px 2px 0px;
	float: right;
	width: 69.8%;
	margin-bottom: 0px;
}

.ReadingText {
	text-align: left;
}

#ReadingDiv h3.ExerciseSubtitle {
}

div.ExerciseDiv {
}

div.prufen {
	float: right;
	margin-right: 5px;
/*	width: 130px!important; */
	height: 50px!important;
	text-align: right;
}

/* JMatch flashcard styles */

#MatchDiv table {
	margin: 0 auto;	
	/* float: left; lub float: right; zamiast margin: 0 auto; jeżeli tabela ma być dosunięta do krawędzi */
}


table.FlashcardTable {
	background-color: transparent;
  margin-left: 5%;
	margin-right: 5%;
	margin-top: 2em;
	margin-bottom: 2em;
	width: 90%;
	position: relative;
	text-align: center;
	padding: 0px;
}

table.FlashcardTable tr {
	border-style: none;
	margin: 0px;
	padding: 0px;
}

table.FlashcardTable td.Showing {
	font-size: 140%;
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
}

table.FlashcardTable td.Hidden {
	display: none;
}

/* JMix styles */
div#SegmentDiv {
	margin-top: 3em;                         /* distanco inter la linio de respondotaj vortoj kaj butonoj*/
	margin-bottom: 2em;
	text-align: center;
	
}

a.ExSegment {
	font-size: 180%!important; /* poprawiane 12.02.2010 (jMix) */
	font-weight: bold;                       
	text-decoration: none;
	
}

span.RemainingWordList {
	font-style: italic; 
	/* havas neniun influon ???? */
}

div.DropLine {
	position: absolute;
	text-align: center;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 80%;
}

/* JCloze styles */.ClozeWordList {
	text-align: center;
	font-weight: bold;
}

div.ClozeBody {
	font-weight: bold;  
	font-size: 108%;
	text-align: left;
	margin-top: 0em;
	margin-bottom: 2em;
	line-height: 2.0
}

div.ClozeBody {
	text-align: left;
	margin-top: 0em;
	margin-bottom: 2em;
	line-height: 2.0
}

/* poprawiane 19.02.2010 (położenie tabeli w JCloze) */

div.ClozeBody table {
	margin: 0 auto; /* do środka */
	/*
	margin: 0 0 auto 0; do lewej 
	margin: 0 0 0 auto; do prawej
	aby "nieco" przesunąć tabelkę, zamiast wartości auto należy wpisać wartości liczbowe
*/
}

span.GapSpan {
	font-weight: bold;
	
}

/* JCross styles */
	table.CrosswordGrid {
	/*margin: auto auto 1em auto;  - STARE*/
	margin: 0;  /* nowe */
	width: 50%; /* nowe */
	border-collapse: collapse;
	padding: 0px;
	background-color: #000000;
	float: left; /* nowe */
	margin-left: 15px;
}

table.CrosswordGrid tbody tr td {
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	vertical-align: middle;
	font-size: 100%;
	padding: 1px;
	margin: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	color: #000000;
	width: 25px;
	height: 25px;
	text-transform: uppercase;
}

table.CrosswordGrid span {
	color: #000000;
	font-size: 100%;
	font-weight: bold;
}

table.CrosswordGrid td.BlankCell {
	background-color: #000000;
	color: #000000;
}

table.CrosswordGrid td.LetterOnlyCell {
	text-align: center;
	vertical-align: middle;
	background-color: #ffffff;
	color: #000000;
	font-weight: bold;
}

table.CrosswordGrid td.NumLetterCell {
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	color: #000000;
	padding: 1px;
	font-weight: bold;
}

.NumLetterCellText {
	                                /* nuligis RR - estis: cursor: pointer;*/
	color: #000000;
}

.GridNum {
	vertical-align: super;
	font-size: 66%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
}

.GridNum:hover, .GridNum:visited {
	color: #000000;
}

table#Clues {
	margin: auto;
	vertical-align: top;
}

table#Clues td {
	vertical-align: top;
}

table.ClueList {
	/* margin: auto;*  - STARRE*/
	margin: 0; /* NOWE */
    width: 50%; /* NOWE */
}

td.ClueNum {
	text-align: right;
	font-weight: bold;
	vertical-align: top;
}

td.Clue {
	text-align: left;
}

div#ClueEntry {
	text-align: left;
	margin-bottom: 1em;
}

div#ClueEntry form input {
	text-transform: uppercase;
	padding: 6px 0 12px 0; /* poprawiane 12.02.2010 (wysokosc pola odpowiedzi krzyzówki) */
	font-size: 20px; /* poprawiane 12.02.2010 (wielkosc czcionki w polu odpowiedzi krzyzówki) */
}

/* JQuiz styles */div.QuestionNavigation {
	text-align: center;
}

.QNum {
	margin: 0em 1em 0.5em 1em;
	font-weight: bold;
	vertical-align: middle;
}

textarea {
}

.QuestionText {
	text-align: left;
	font-weight: normal;
	margin: 0px;
	font-size: 100%;
	line-height: 200%;     /*RRRR*/
}

.Answer {
	font-size: 150%; /* poprawiane 12.02.2010 (jMix) */
	/*font-weight: bold; */
	text-decoration: none;
	color: #3d3a03;
}

.PartialAnswer {
	font-size: 150%;
	letter-spacing: 0.1em;
}

.Highlight {
	color: #000000;
	background-color: #ffff00;
	font-weight: bold;
	font-size: 120%;
}

ol.QuizQuestions {
	text-align: left;
	font-size: 130%;
	font-weight: bold; 
	list-style-type: none;
	line-height: 2.2;                           /* zmiana- dodałem RR */
}

li.QuizQuestion {
	padding: 1em;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #283b44;
}

ol.MCAnswers {
	text-align: left;
	list-style-type: upper-alpha;
	padding: 1em;
}

ol.MCAnswers li {
	margin-bottom: 1em;
}

ol.MSelAnswers {
	text-align: left;
	list-style-type: lower-alpha;
	padding: 1em;
}

div.ShortAnswer {
	padding: 1em;
}

div.ShortAnswer input { /* poprawiane 12.02.2010 (pole odpowiedzi w Quizie) */
	padding: 8px 0 8px 0;
	font-size: 20px; 
}

button, .NavButton, .FuncButton, .FuncButtonUp, .FuncButtonDown, .NavButtonUp, .NavButtonDown, #CharacterKeypad button {
	display: inline;
	background: url('../grafika/podklad_przycisku1.jpg');
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-left-color: #49839c;
	border-top-color: #90b2c1;
	border-right-color: #224e5b;
	border-bottom-color: #283b44;
	font: normal 12px/50px Verdana!important;
	color: #ffffff!important;
	padding: 0 10px!important;
	margin: 0!important;
	cursor: hand!important;
	height: 50px;              /* alteco de premiloj  RR*/
	

}


/* ------------------------------------------------------------------------------------------------ Poczatek Przyciski pod odpowiedziami w Quiz - poprawiane 12.02.2010 */

/* Pierwszy przycisk */
div .ShortAnswer form div button { 
	background: url('../grafika/podklad_przycisku2.jpg');
	border-width: 1px;
	border-style: solid;
	border-left-color: #c45353;
	border-top-color: #da9595;
	border-right-color: #702020;
	border-bottom-color: #4e2b2b;
	}

/* Pierwszy przycisk wskazany mysza */
div .ShortAnswer form div button.FuncButtonUp {
	background: url('../grafika/podklad_przycisku2_over.jpg')!important;
	border-left-color: #702020!important;
	border-top-color: #4e2b2b!important;
	border-right-color: #c45353!important;
	border-bottom-color: #da9595!important;
}

/* Pierwszy przycisk klikniety */
div .ShortAnswer form div button.FuncButtonDown {
	background: url('../grafika/podklad_przycisku2_over.jpg')!important;
	border-left-color: #702020!important;
	border-top-color: #4e2b2b!important;
	border-right-color: #c45353!important;
	border-bottom-color: #da9595!important;
}

/* Drugi przycisk */
div .ShortAnswer form div button+button {
	display: inline;
	background: url('../grafika/podklad_przycisku1.jpg');
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-left-color: #49839c;
	border-top-color: #90b2c1;
	border-right-color: #224e5b;
	border-bottom-color: #283b44;
	font: normal 12px/50px Verdana!important;
	color: #ffffff!important;
	height: 50px;
	padding: 0 10px!important;
	margin: 0 5px!important;
	cursor: hand!important;
	}

/* Trzeci przycisk */
div .ShortAnswer form div button+button+button {
	display: inline;
	background: url('../grafika/podklad_przycisku1.jpg');
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-left-color: #49839c;
	border-top-color: #90b2c1;
	border-right-color: #224e5b;
	border-bottom-color: #283b44;
	font: normal 12px/50px Verdana!important;
	color: #ffffff!important;
	height: 50px;
	padding: 0 10px!important;
	margin: 0!important;
	cursor: hand!important;
	}


/* Drugi i trzeci przycisk - wskazany i klinkiety (wszystkie razem) */
div .ShortAnswer form div button+button.FuncButtonUp, div .ShortAnswer form div button+button+button.FuncButtonUp, div .ShortAnswer form div button+button.FuncButtonDown, div .ShortAnswer form div button+button+button.FuncButtonDown, .NavButtonUp, .Keypad button:hover {
	background: url('../grafika/podklad_przycisku1_over.jpg')!important;
	border-left-color: #224e5b!important;
	border-top-color: #283b44!important;
	border-right-color: #90b2c1!important;
	border-bottom-color: #90b2c1!important;
}

/* ------------------------------------------------------------------------------------------------ Koniec: Przyciski pod odpowiedziami w Quiz */

.FuncButtonUp, .FuncButtonDown {
	background: url('../grafika/podklad_przycisku1_over.jpg')!important;
	border-left-color: #224e5b!important;
	border-top-color: #283b44!important;
	border-right-color: #90b2c1!important;
	border-bottom-color: #90b2c1!important;
}

form button.FuncButton, form button.FuncButtonUp, form button.FuncButtonDown {
	margin: 0 1px!important;
	color: #ffffff!important;
}

button * {
	font-weight: normal;
	color: #ffffff!important;
}

#CheckButton, #CheckButton1, #CheckButton2 {
	background: url('../grafika/podklad_przycisku2.jpg');
}


.prufen .FuncButton {
line-height: 12px!important;           /* cheki samlinie RR*/
}

.prufen .FuncButtonUp, .prufen .FuncButtonDown, #CheckButton.FuncButtonUp, #CheckButton.FuncButtonDown, #CheckButton1.FuncButtonUp, #CheckButton1.FuncButtonDown, #CheckButton2.FuncButtonUp, #CheckButton2.FuncButtonDown {
	background: url('../grafika/podklad_przycisku2_over.jpg')!important;
	line-height: 12px!important;
}

/* Keypad styles *//* #CharacterKeypad {
	position:absolute;
	top:60px;
	right:10px
} */div.Keypad {
	width: 32px;
	text-align: center;
	display: block; /* initially hidden, shown if needed */
	position: fixed;
	top: 350px;
	right: 5px;
	z-index: 1;
	padding: 3px!important;
	background: url('../grafika/podklad_ramki.jpg') no-repeat center center;
	border-width: 2px;
	border-style: solid;
	border-right-color: #9bb68b;
	border-bottom-color: #9ba692;
	border-top-color: #d6ecc6;
	border-left-color: #d6ecc6;
}

div.Keypad * {
	margin: 2px!important;
}

div.Keypad button {
	display: block!important;
	line-height: 12px!important;
	width: 30px;
	padding: 7px 0!important;
	margin: 0!important;
	position: relative;
	top: 2px;

	border-left-color: #49839c49839c;
	border-top-color: #90b2c1;
	border-right-color: #224e5b;
	border-bottom-color: #283b44;

	
-moz-box-shadow: 2px 2px 5px #404040;
-webkit-box-shadow: 2px 2px 5px #404040;
box-shadow: 2px 2px 5px #404040;
	
}
div.Keypad button:hover {

	border-left-color: #49839c;
	border-top-color: #90b2c1;
	border-right-color: #224e5b;
	border-bottom-color: #283b44;

-moz-box-shadow: -2px -2px 5px #404040;
-webkit-box-shadow: -2px -2px 5px #404040;
box-shadow: -2px -2px 5px #404040;
}


button.FuncButton {
	color: #ffffff!important;
}

/*BeginNavBarStyle*/div.NavButtonBar {
	border: none;
	width: 640px;
	float: left;
	text-align: center;
	margin: 2px auto 2px auto;
	font-size: 100%;
	clear: none!important;
}

/*EndNavBarStyle*/a {
	font: bold 16px/16px Verdana!important;
	color: #015376;
	text-decoration: none!important;
	
}

a{
	color: #3d3a03;
	text-decoration: none;
	font-size: 300%;
}

a:visited{
	color: #90a436; /* poprawiane 12.02.2010 (odwiedzone linki) */
}

a:hover{
	color: #854828;          

}


div.CardStyle {
	position: absolute;
	border: 1px solid #333333!important;
	background-color: #e4efA0!important;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
	left: -50px;
	top: -50px;
	overflow: visible;
	/*background: url('../grafika/xxx.jpg')*/
}
                                            /*  Regulacja etykiet (_SCHILDER)    */
div.CardStyle1 {
	position: absolute;
	border: 1px solid #333333!important;
	background-color: #e4efA0!important;
	font-size: 100%;
	font-weight: bold;
	padding: 5px;
	left: -50px;
	top: -50px;
	overflow: visible;
	/*background: url('../grafika/xxx.jpg')*/
}
              
div.CardStyle img, td.LeftItem img  {box-shadow: 3px 3px 10px maroon, olive -3px 3px 10px, 3px -3px 10px;
	-moz-box-shadow: 3px 3px 10px maroon, olive -3px 3px 10px, 3px -3px 10px;
	-webkit-box-shadow:  3px 3px 10px maroon , olive -3px 3px 10px, 3px -3px 10px;}

			  /*  KONIEC Regulacja etykiet (_SCHILDER)    */
									 

								 
.rtl {
	text-align: right;
	font-size: 140%;
}

#CharacterKeypad  button {
line-height: 14px!important;
width: 30px!important;
height: 30px!important;
margin: 2px 0!important;
padding: 0!important;
}

/* Etykietki kursora */
div.etykieta {position: absolute; font: normal 14px Verdana!important; border: 1px solid #666666!important; text-align: left!important; color: #000000!important; font-weight: bold!important;  padding: 4px!important; background: #ffffff!important; white-space: nowrap!important;}