* {
		margin: 0;
		padding: 0;
}
html {
		font-size: 100%;
		}
body {
	background: url(../images/background-01.gif) repeat-x scroll 0px 0px;
	margin:0px auto;
	font: 100% Arial, Verdana, Helvetica, sans-serif;

}

/* -------- layout - start ------*/
#wrapper {
	width:1200px;
	height:900px;
	margin: 0px auto;
	border-right: 1px solid #D8E2E8;
	border-bottom: 1px solid #D8E2E8;
	border-left: 1px solid #D8E2E8;
}
#content {
		width:auto;
		height:1700px;
		background-color:#FFFFFF;
		}
#content1100 {
		width:auto;
		height:1100px;
		background-color:#FFFFFF;
		}

#content u {
color:#FF6633;
cursor:pointer;
font-weight:bold;
}
		

/* -------- layout - end ------*/

/* --------- the top - start -----*/
#masthead {
	width:1200px;
	height:170px;
	margin-bottom: 3px;
	top: 0px;
	background: url(../images/nawTop.png) repeat-x scroll 0px 0px;
		}
#navContainer {
	width:1180px;
	height:40px;
	float:left;
	margin-left: 0px;
		}

/* --------- the top - end -----*/


/* --------- leftColumn - start -------*/
#leftColumn {
	background-color:#FFFFFF;
	float:left;
	height:auto;
	margin-top: 10px;
	width:200px;
	position: absolute;
	z-index: 2;
	top: 180px;
}		
#leftNavContainer {
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
	width: 200px;
}		
#leftNavContainer ul {
list-style: none;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
}
#leftNavContainer li {
	color:#F27611;
	font-family:Tahoma,sans-serif;
	font-weight:bold;
	margin-left:0px;
	border-bottom:1px solid #FFFFFF;
}		
#leftNavContainer li a:link, #leftNavContainer li a:visited {
	display: block;
	padding: 6px 5px 6px 20px;
	color: #5989CE;
	text-decoration: none;
	font: bold 1em Arial, Helvetica, sans-serif;
	background:#DCE8F6 url(../images/arrow-orange-01.png) no-repeat scroll 5px 12px;
		}
#leftNavContainer li a:hover {
	color: #5989CE;
	font: bold 1em Arial, Helvetica, sans-serif;
	width: 175px;
	text-decoration: underline;
		}
#leftNavContainer ul ul a:link, #leftNavContainer ul ul a:visited {
background:#DCE8F6 url(../images/arrow-orange-01.png) no-repeat scroll 5px 12px;
color:#20419A;
font-weight:normal;
padding-left:20px;
}		
#leftNavContainer ul ul a:hover {
	font-weight: normal;
	width: 175px;
	text-decoration: underline;
		}
#leftNavContainer a:hover {
	font: bold 1em/1em Arial, Helvetica, sans-serif;
	width: 200px;
}
#leftNavContainer h1 {
	font: bold 1em/2.4em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background: #F27611 url(../images/h1background.gif) repeat-x scroll 0px 0px;
	height: 30px;
	margin-bottom: 10px;
	padding-left: 20px;
}
#wrapper #content #leftColumn #leftNavContainer #leftNavList .activeMeeting {
	background-color:#7FA8D9; 
	color:#FFFFFF;
}
/* --------- leftColumn - end -------*/

/* --------- rightColumn - start -------*/
#rightColumn {margin-left:990px;	margin-top: 10px;position: absolute;z-index: 1;top: 180px;height:650px;width:196px;float:left;
background:#FFFFFF none repeat scroll 0 0;		}

/* --------- rightColumn - end -------*/


/* ----- logo ------ */
#logo {
	width:330px;
	height:90px;
	float:left;
	background:url(../images/focus_logo-08.png) no-repeat scroll 15px 15px;
	margin-left: 10px;
		}
#logo a {
	display: block;
	width: 250px;
	height: 80px;
		}



/* ------ logo - end ---- */
/* ----- logo angielskie------ */
#logoEn {
	width:330px;
	height:90px;
	float:left;
	background:url(../images/focus_logo-08.png) no-repeat scroll 15px 15px;
	margin-left: 10px;
		}
#logoEn a {
	display: block;
	width: 250px;
	height: 80px;
		}

/* ------ logo - end angielskie ---- */
 
/* ------ icons at the top -start----*/ 

.addthis_toolbox {
	width:300px;
	float:right;
}


.addthis_toolbox .hover_effect
{
    width: 284px;
    padding: 10px 0 6px 10px;
    border: 0px solid #eee;
}

.addthis_toolbox .hover_effect div
{
    float: left;
}

.addthis_toolbox .hover_effect a
{
    border: 0px solid #fff;
    padding: 2px 2px 2px 16px;
    position: relative;
    text-decoration: none;
	font-size:12px;
}

.addthis_toolbox .hover_effect a:hover
{
    border: 0px solid #105CB6;
    background: #B4D3F8;
    color: #105CB6;
    text-decoration: none;
	font-size:12px;

}

.addthis_toolbox .hover_effect span
{
    position: absolute;
    width: 16px;
    height: 16px;
    top: 2px;
    left: 1px;
}
.rssFeed {
float:right;
width:80px;
margin-top:11px;
}


/*------- icons at the top -end-----*/

/* ------- subNavigation - start ------*/

.subNavList {
float:left;
height:30px;
width:1200px;

}
.subNavList ul {
	margin-top:5px;
}

.subNavList ul li {
border-left:1px solid #CCCCCC;
display:inline;
padding:0px 0;
}

.subNavList ul li a {
	color:#FFFFFF;
	text-decoration:none;
	font: 12px Arial, Helvetica, sans-serif;
	padding-right: 10px;
	padding-left: 10px;
}
.subNavList ul li a:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font: 12px Arial, Helvetica, sans-serif;
}
.currentSub {
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	background: url(../images/currentTriangle.png) no-repeat scroll 22px 25px;
}





/* ------- subNavigation - end ------*/

/* ------- breadcrumbs - start -----*/

#navContainerContent {
border-bottom:1px solid #E6E6E6;
color:#535353;
float:left;
font-family:Tahoma,Arial,sans-serif;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:24px;
line-height:normal;
margin-bottom:0px;
margin-left:0px;
text-decoration:none;
width:1200px;
padding-left:10px;
margin-top:22px;
}
#navlistContent {
	height:20px;
	padding-left: 0px;
	margin-top:4px;
	float: left;
}
#navlistContent li {
display:inline;
float:left;
font-family:Tahoma,Arial,sans-serif;
font-size:11px;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:5px;
margin-top:0px;
text-decoration:none;
}
#navlistContent a {
	color:#FF4900;
	font: normal 0.8em/2em Arial, Helvetica, sans-serif;
}	
#navContainerContent a {
color:#20419A;
font-family:Tahoma,Arial,sans-serif;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
text-decoration:none;
}
#navContainerContent a:hover {
	text-decoration: underline;
}

/* ------- breadcrumbs - end -----*/


/* ----- solidblockmenu - start ------ */

#ddtabs3 {
	margin: 0px auto;
	padding-top:0px;
}

.solidblockmenu ul{
	margin: 0;
	padding: 0;
	float: left;
	font: bold 13px Arial;
	width: 1200px;
	background: #FFFFFF;
	border-top: 1px solid #FFFFFF;
}

.solidblockmenu li{
display: inline;
}

.solidblockmenu li a{
	float: left;
	color: #3162A6;
	padding: 5px 11px;
	text-decoration: none;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #FFFFFF;
	background: url(../images/gradient-03.gif) repeat-x scroll 0px 0px;
}

.solidblockmenu li a:visited{
	color: #5084CD;
}

.solidblockmenu li a:hover, .solidblockmenu li a.current{
	color: white;
	background: #3D77CB url(../images/gradient-01.gif) repeat-x scroll 0px 0px;
	border-bottom: 1px solid #6792cf;
}

.tabcontainer{
	clear: left;
	width:1200px; /*width of 2nd level sub menus*/
	height:2.0em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
	background: #3D77CB url(../images/gradient-02.gif) repeat-x scroll 0px 0px;
}

*:first-child+html .ieclass{ /*IE7 hack to remove gap between menu and sub contents*/
margin-top: 0em;
}

* html .ieclass{ /*IE6 and below hack to remove gap between menu and sub contents*/
margin-top: -1em;
}

.tabcontent{
display:none;
}

/* ----- solidblockmenu - end ------ */

/* ------ middle column - start -----*/

#lowerMenu {
	margin-top:40px;
	margin-left:20px;
	margin-right:10px;
}


.ddcolortabs{
padding: 0;
width: 100%;
background: transparent;
}

.ddcolortabs ul{
font: normal 11px Arial, Verdana, sans-serif;
margin:0;
padding:0;
list-style:none;
}

.ddcolortabs li{
display:inline;
margin:0 2px 0 0;
padding:0;
text-transform:uppercase;
}


.ddcolortabs a{
	float:left;
	color: #669900;
	background: #b0de27;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
	letter-spacing: 2px;
	font-weight:bold;	
}

.ddcolortabs a span{
float:left;
display:block;
background: transparent url(media/color_tabs_right.gif) no-repeat right top;
padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
float:none;
}

.ddcolortabs a:hover{
background-color: #6F9F3B;
}

.ddcolortabs a:hover span{
background-color: #6F9F3B;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
	background: #6F9F3B;
	color: #FFFFFF;
}

.ddcolortabsline{
clear: both;
padding: 0;
width: 100%;
height: 8px;
line-height: 8px;
background: #6F9F3B;
border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.tabcontainer2{
clear: left;
width:100%; /*width of 2nd level sub menus*/
height:1.5em; /*height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
display:none;
}
#middleColumn {width:770px;height:auto;float:left;margin-top: 5px;position: absolute;z-index: 1;	background: #FFFFFF;top: 180px;margin-left: 200px;
}
#TopLowerAdverts {
	height: 20px;
	width: 700px;
	margin-top: 10px;
	float: left;
	margin-left: 30px;
	padding:0px;
}

#middleColumn h1 {
	color:#F27611;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:normal;
	margin:1px 20px;
	padding-left:10px;
	float: left;
	width:700px;
}
#middleColumn h2 {
clear:left;
color:#000000;
float:left;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:20px;
line-height:normal;
margin-bottom:10px;
margin-left:22px;
margin-top:1px;
padding-left:10px;
width:700px;
}
#middleColumn ul {
	display:block;
	margin-bottom:5px;
	margin-left:10px;
	width:730px;
}
#middleColumn .lista {
float:left;
margin-bottom:10px;
margin-left:30px;
}
#middleColumn .lista li {
background:transparent url(../images/bullet.gif) no-repeat scroll 0 6px;
clear:left;
float:left;
padding-left:15px;
width:500px;
list-style-type:none;
}
#middleColumn .lista a {
color:#0080FF;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.4em;
	text-decoration: none;

}
#middleColumn .lista a:hover {
	text-decoration: underline;
}
#middleColumn .tableLista  {
	width:370px;
}
#middleColumn .tableLista li {
background:transparent url(../images/bullet.gif) no-repeat scroll 0 6px;
clear:left;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:15px;
width:350px;
}
#middleColumn .tableLista a {
	color:#0080FF;
	margin-left:5px;
	font: normal 0.8em/1.5em Arial, Helvetica, sans-serif;
	text-decoration: none;
	float:left;
}
#middleColumn .tableLista a:hover {
	text-decoration: underline;
}
.tableStarter {
	margin-left:24px;
	margin-bottom: 10px;
}
.starterTable {
	margin-left:35px;
	font-size:13px;
}
.starterTable a {
	color:#0080FF;
	margin-left:5px;
	font: normal 0.9em/1.5em Arial, Helvetica, sans-serif;
	text-decoration: none;
	float:left;
}
.starterTable a:hover {
	text-decoration: underline;
}
#wrapper #content #middleColumn .tableStarter .tableLista .activeExercise {
background-color:#7FA8D9;
	color:#fff;
	padding:0 5px;
}
#middleColumn .translationTest {
	margin-left:20px;
	border-color:#C3D9FF;
border-style:solid;
border-width:1px 2px 2px 1px;
float:left;
height:60px;
margin-bottom:10px;
margin-left:35px;
text-align:center;
width:523px;
font-size:0.7em;

}
#middleColumn .translationTest tr {
background:#97CBFF none repeat scroll 0 0;
border:1px solid #C3D9FF;
font-weight:normal;
}
#middleColumn .translationTest th {
border:1px solid #C3D9FF;
font-weight:normal;
}
#middleColumn .translationTest .active {
background:#E8EEFA none repeat scroll 0 0;
color:#20419A;
}
.translationTest a {
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.8em;
padding-bottom:3px;
padding-top:3px;
text-decoration:none;
}
.translationTest a:hover {
	text-decoration: underline;
}

#wrapper #content #middleColumn .translationTest .noActive {
	background-color:#457CCC; 
	color:#FFFFFF; 
	font-size:1.2em;
}
#middleColumn .wyraz {
float:left;
margin-left:35px;
width:300px;
}
#middleColumn .wyraz li {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:20px;
line-height:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:10px;
padding-right:20px;
text-align:right;
}
#middleColumn li.powrot-do-poczatku {
	background:#E8EEFA url(../images/arrow-up.png) no-repeat scroll 300px 5px;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:25px;
line-height:normal;
margin-top:0;
width:300px;
}
#middleColumn .opposite {
float:left;
margin-left:0;
width:300px;
}
#middleColumn .opposite li {
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:20px;
line-height:1.4em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:20px;
width:300px;
}
#middleColumn .heading-top {
background:#457CCC none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.8em;
padding-bottom:5px;
padding-top:5px;
}
#middleColumn li.powrot-do-poczatku {
background:#E8EEFA url(../images/arrow-up.png) no-repeat scroll 300px 5px;
font-family:Arial,Helvetica,sans-serif;
font-size:1em;
font-style:normal;
font-variant:normal;
font-weight:normal;
height:25px;
line-height:normal;
margin-top:0;
width:300px;
}
#wrapper #content #middleColumn .opposite .powrot-do-poczatku a {
	font-size:0.8em;
}
#CentreMiddleAdvert {
	margin-top:30px;
	margin-left:30px;
}

/* ------ middle column - end ----*/

/*------- chmura - start -----------*/
#boxChmura {
	width:710px;
	border:1px solid #D8E2E8;
	float:left;
	margin:24px;
	padding:10px;
}
#boxChmura a {
	font: bold Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right:4px;
}
#boxChmura a:hover {
	font: bold Arial, Helvetica, sans-serif;
	text-decoration: underline;
}
#boxChmura2 {
	width:190px;
	border:1px solid #D8E2E8;
	float:left;
	margin:0px 0px 10px;
	padding:5px;
}
#boxChmura2 a {
	font: bold 100%/1.5em Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin-right:5px;
}
#boxChmura2 a:hover {
	font: bold 100%/1.5em Arial, Helvetica, sans-serif;
	text-decoration: underline;
}

/*------- chmura - end --------------*/

/* -------- hot potatoes - start ------*/
* html object.MediaPlayerNotForIE {
	display: none;
}

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

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

div.Titles{
	padding: 0.5em;;
	text-align: center;
	color: #000000;
}

button{
	font-family: Geneva,Arial,sans-serif;
	font-size: 100%;
	display: inline;
}

.ExerciseTitle{
	font-size: 140%;
	color: #000000;
}

.ExerciseSubtitle{
	font-size: 120%;
	color: #000000;
}

div.StdDiv{
	text-align: center;
	color: #000000;
	padding: 0.5em;
	margin-bottom: 1px;
	font: 0.825em Arial, Helvetica, sans-serif;
	margin-left: 30px;
	background: #EAEBEE;
	margin-right: 20px;
}

/* EndCorePageCSS */

.RTLText{
	text-align: right;
	font-size: 150%;
	direction: rtl;
	font-family: "Simplified Arabic", "Traditional Arabic", "Times New Roman", Geneva,Arial,sans-serif; 
}

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

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

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

.Guess{
	font-weight: bold;
}

.CorrectAnswer{
	font-weight: bold;
}

div#Timer{
	padding: 0.25em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #000000;
}

span#TimerText{
	padding: 0.25em;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	display: none;
	color: #000000;
}

span.Instructions{

}

div.ExerciseText{

}

.FeedbackText, .FeedbackText span.CorrectAnswer, .FeedbackText span.Guess, .FeedbackText span.Answer{
	color: #000000;
}

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

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

span.CorrectMark{

}

input, textarea{
	font: 1.1em Geneva, Arial, sans-serif;
}

select{
	font-size: 100%;
}

div.Feedback {
	left: 33%;
	width: 34%;
	top: 33%;
	z-index: 1;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	text-align: center;
	color: #000000;
	position: absolute;
	display: none;
	font-size: 1.2em;
	background: #CFE0FF;
}




div.ExerciseDiv{
	color: #000000;
}

/* JMatch flashcard styles */
table.FlashcardTable{
	background-color: transparent;
	color: #000000;
	border-color: #275797;
	width: 60%;
	position: relative;
	text-align: center;
	padding: 0px;
	margin: 2em 5% 2em 13em;
}

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

table.FlashcardTable td.Showing{
	font-size: 100%;
	text-align: center;
	width: 50%;
	display: table-cell;
	padding: 2em;
	margin: 0px;
	color: #000000;
	background: #EAEBEE;
	border: 1px solid #275797;
}

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

/* JMix styles */
div#SegmentDiv{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
	float: left;
	width: 700px;
}

a.ExSegment{
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
	color: #000000;
	margin-left: 10px;
}

span.RemainingWordList{
	font-style: italic;
}

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

/* JCloze styles */

.ClozeWordList{
	text-align: center;
	font-weight: bold;
}

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

span.GapSpan{
	font-weight: bold;
}

/* JCross styles */

table.CrosswordGrid{
	margin: auto auto 1em auto;
	border-collapse: collapse;
	padding: 0px;
	background-color: #000000;
}

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

	color: #000000;
}

table.CrosswordGrid span{
	color: #000000;
}

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{
	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;
}

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

td.Clue{
	text-align: left;
}

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

/* Keypad styles */

div.Keypad{
	text-align: center;
	display: none; /* initially hidden, shown if needed */
	margin-bottom: 0.5em;
}

div.Keypad button{
	font-family: Geneva,Arial,sans-serif;
	font-size: 120%;
	background-color: #ffffff;
	color: #000000;
	width: 2em;
}

/* JQuiz styles */

div.QuestionNavigation{
	text-align: center;
}

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

textarea{
	font-family: Geneva,Arial,sans-serif;
}

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

.Answer{
	font-size: 1.1em;
	letter-spacing: 0.1em;
	font-weight: bold;
	color: #275797;
}

.PartialAnswer{
	font-size: 120%;
	letter-spacing: 0.1em;
	color: #000000;
}

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

ol.QuizQuestions{
	text-align: left;
	list-style-type: none;
}

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

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;
}

.FuncButton {
	text-align: center;
	border-style: solid;

	border-left-color: #ffffff;
	border-top-color: #ffffff;
	border-right-color: #7f7f7f;
	border-bottom-color: #7f7f7f;
	color: #000000;
	background-color: #FFFFFF;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

.FuncButtonUp {
	color: #FFFFFF;
	text-align: center;
	border-style: solid;
	border-left-color: #ffffff;
	border-top-color: #ffffff;
	border-right-color: #7f7f7f;
	border-bottom-color: #7f7f7f;
	color: #FFFFFF;
	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
	background: #275797;
}

.FuncButtonDown {
	color: #FFFFFF;
	text-align: center;
	border-style: solid;

	border-left-color: #7f7f7f;
	border-top-color: #7f7f7f;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	background-color: #000000;
	color: #FFFFFF;

	border-width: 2px;
	padding: 3px 6px 3px 6px;
	cursor: pointer;
}

/*BeginNavBarStyle*/

div.NavButtonBar{
	text-align: center;
	margin: 2px 20px 0px 30px;
	clear: both;
	font-size: 0.8em;
	background: #CFE0FF;
}

.NavButton {
	color: #ffffff;
	cursor: pointer;
	background: #5285CD;
	border-top: 1px solid #7f7f7f;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #7f7f7f;
	font: 1.2em Arial, Helvetica, sans-serif;
}

.NavButtonUp {
	color: #000000;
	background-color: #ffffff;
	cursor: pointer;
	font: 1.2em Arial, Helvetica, sans-serif;
	border-top: 1px solid #7f7f7f;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #7f7f7f;
}

.NavButtonDown {
	color: #000000;
	background-color: #ffffff;
	cursor: pointer;
	font: 1.2em Arial, Helvetica, sans-serif;
	border-top: 1px solid #000000;
	border-right: 1px solid #7f7f7f;
	border-bottom: 1px solid #7f7f7f;
	border-left: 1px solid #000000;
}

/*EndNavBarStyle*/

a{
	color: #0000FF;
}

a:visited{
	color: #0000CC;
}

a:hover{
	color: #0000FF;
}

div.CardStyle {
	position: absolute;
	font-family: Geneva,Arial,sans-serif;
	font-size: 100%;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	color: #000000;
	background-color: #FFFFFF;
	left: -50px;
	top: -50px;
	overflow: visible;
	margin-left: -60px;
}

.rtl{
	text-align: right;
	font-size: 140%;
}
/*---------- hot potatoes - end -----------*/

/*---------- phrasal verbs - start ---------*/

.tabBar {
background-color:#FFFFFF;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:1.1em;
font-style:normal;
font-weight:normal;
line-height:normal;
margin-left:20px;
margin-top:50px;
margin-bottom:0px;
}
.tabBar ul {
list-style-type:none;
margin:0 0 5px;
padding:0;
text-align:left;
}
.tabBar ul li {
color:#000000;
display:inline;
margin:0;
padding:0;
text-decoration:none;
}
#current_tab {
background:#6F9F3B url(../images/tabBackgroundx.jpg) repeat-x scroll left top;
border-color:#336699 #336699 #6F9F3B;
border-style:solid;
border-width:1px;
color:#FFFFFF;
cursor:default;
font-weight:bold;
}
.tabBar ul li a, .tabBar ul li a:visited, .tabBar ul li a:active {
background-color:#B0DE27;
border-left:1px solid #6F9F3B;
border-right:1px solid #6F9F3B;
border-top:1px solid #6F9F3B;
color:#000000;
display:inline;
font-size:80%;
margin:0;
padding:5px;
text-decoration:none;
}
.tabStrip {
background:#6F9F3B none repeat scroll 0 0;
border:1px solid #336699;
margin-left:30px;
margin-right:40px;
min-height:5px;
padding:2px;
width:720px;
margin-top:0px;

}
.az {
background-color:#FCFCFC;
border-color:#DFF0F9 #C1C6D3 #C1C6D3 #DFF0F9;
border-style:solid;
border-width:1px;
color:#000000;
font-size:82%;
height:15px;
padding:1px 2px;
text-align:center;
vertical-align:middle;
width:15px;
}
.tabBar ul li a:hover {
background-color:#91BF5F;
border-left:1px solid #336699;
border-right:1px solid #336699;
border-top:1px solid #336699;
color:#fff;
}
.tabStrip a:hover {
color:#FF0000;
text-decoration:underline;
}
#wrapper #content #middleColumn .tabStrip .az a {
	font-size:0.9em;
	text-decoration: none;
}

.phrasalCat {
	background:#FFFFFF none repeat scroll 0 0;
margin:1em 2px 1em 10px;
padding:0 0.5em;
}
.phrasalCat ul {
line-height:150%;
list-style-type:none;
margin:0 0 5px 25px;
padding:0;
text-align:left;
}
.phrasalCat ul li {
background:#EEEEEE none repeat scroll 0 0;
float:left;
font-size:0.9em;
margin:0 12px 1px 0;
padding:0;
text-align:center;
width:7em;
}
.phrasalCat ul li a, .phrasalCat ul li a:visited, .phrasalCat ul li a:active {
background-color:#EEEEEE;
border:1px solid #DDDDDD;
color:#000000;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:100%;
margin:0;
padding:5px;
text-decoration:none;
width:100px;
height:25px;
}
.phrasalCat ul li a:hover {
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #004080;
}

#wrapper #content #middleColumn .tabStrip .active {
background-color:#EEEEFF;
border:1px solid #000099;
color:#0000FF;
font-size:80%;
height:15px;
padding:1px 2px;
text-align:center;
vertical-align:middle;
width:15px;
text-decoration:none;
}
#wrapper #content #middleColumn .tabStrip .active a{
text-decoration:none;
}
.headingbar {
background:#EEEEEE none repeat scroll 0 0;
border:1px solid #D1D7DC;
display:block;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:0.4em;
margin-left:30px;
margin-right:40px;
margin-top:5px;
text-align:center;
width:724px;
height:20px;
}
.verysmall {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:0.5em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:8px 14px -10px 0;
}
.verysmall2 {
float:right;
font-family:Arial,Helvetica,sans-serif;
font-size:0.8em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:5px 14px 0px -15px;
}
.cssbtn {
background:#B0DE27 none repeat scroll 0 0;
border:1px solid #3A6F00;
cursor:pointer;
display:inline;
font-family:Arial,Helvetica,sans-serif;
font-size:1.4em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
margin:10px 1px 9px 0;
padding:1px 5px;
text-align:center;
text-decoration:none;
vertical-align:middle;
color:#3A6F00;
}
#content h3 {
border-left:1px solid #FFFFFF;
color:#333333;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
font-style:normal;
font-variant:normal;
font-weight:bold;
height:30px;
line-height:1.5em;
margin-bottom:0;
margin-left:20px;
padding-left:10px;
}
.divbox {
background-color:#F1F1F1;
border:1px solid #D1D7DC;
color:#000000;
margin:0 14px 0 32px;
padding:5px 10px;
}
.divbox a {
font-size:1em;
color:#6F9F3B;
text-decoration:none;
}
.pv-body {
background-color:#FFFFFF;
border-left:1px solid #D1D7DC;
border-right:1px solid #D1D7DC;
border-top:1px solid #D1D7DC;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:5px;
}
.example {
background-color:#FFFFFF;
border-bottom:1px solid #D1D7DC;
border-left:1px solid #D1D7DC;
border-right:1px solid #D1D7DC;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-style:italic;
font-variant:normal;
font-weight:normal;
line-height:1em;
margin-bottom:5px;
padding-bottom:5px;
padding-left:40px;
padding-right:5px;
}
.red {
color:#FF0000;
font-weight:normal;
}
/*---------- phrasal verbs - end -----------*/

/*--- footer - start -----*/

#footer {
	border-top:1px solid #ccc;
	height:20px;
	width:auto;
	padding-top: 10px;
	padding-left: 10px;
	background: #FFFFFF;
}
#footer h1 {
	color:#999999;
	text-align:left;
	font: normal 0.8em/1em Tahoma, Verdana, Arial, Helvetica, sans-serif;
}


/* ---- foooter - end -----*/

/* ----- tabelki ze slowkami - start ----*/

#wrapper #content #middleColumn #verb {
display:block;
float:left;
margin-left:30px;
width:150px;
}
#wrapper #content #middleColumn #verb li {
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:10px;
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
}
.heading-top {
background:#E8EEFA none repeat scroll 0 0;
border-top:1px solid #CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-style:normal;
font-variant:normal;
font-weight:bold;
line-height:1.8em;
text-align:left;
}
#wrapper #content #middleColumn #past-simple {
display:block;
float:left;
margin-left:0;
width:250px;
}
#wrapper #content #middleColumn #past-simple li {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:5px;
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
}
#wrapper #content #middleColumn #past-participle {
display:block;
float:left;
margin-left:0;
width:250px;
}
#wrapper #content #middleColumn #past-participle li {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:5px;
	font-size: 0.9em;
	padding-top: 2px;
	padding-bottom: 2px;
}
#wrapper #content #middleColumn #past-participle .powrot-do-poczatku1 {
	background:#E8EEFA url(images/arrow-up.png) no-repeat scroll 130px 5px;
	font-style:normal;
	height:25px;
	margin-top:-24px;
	padding-right:1px;
	width:243px;
	font-size: 0.8em;
}
/* ------ tabelki ze slowkami - end - ------*/


#wrapper #content #middleColumn #przyslowia {
float:left;
margin-left:30px;
width:360px;
margin-right:-10px;
}
#wrapper #content #middleColumn #przyslowia .heading {
	background:#6F9F3B none repeat scroll 0 0;
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:2.1em;
	border-top: 1px solid #CCCCCC;
}
#wrapper #content #middleColumn #przyslowia li {
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.9em;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.8em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:10px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
#wrapper #content #middleColumn #przyslowia-znaczenie {
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
width:360px;
}
#wrapper #content #middleColumn #przyslowia-znaczenie .heading {
	background:#6F9F3B none repeat scroll 0 0;
	color:#FFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1em;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:bold;
	line-height:2.1em;
	border-top: 1px solid #CCCCCC;
}
#wrapper #content #middleColumn #przyslowia-znaczenie li {
border-bottom:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
font-family:Arial,Helvetica,sans-serif;
font-size:0.9em;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:1.8em;
padding-left:10px;
}

/*---- cytaty tabelka - start --------*/
#customers
{
font-family:Arial, Helvetica, sans-serif;
width:725px;
border-collapse:collapse;
margin-left:31px;
font-size:0.9em;
}
#customers td, #customers th 
{
font-size:1em;
border:1px solid #98bf21;
padding:3px 7px 3px 7px;
}
#customers th 
{
font-size:1.1em;
text-align:left;
padding-top:5px;
padding-bottom:4px;
background-color:#A7C942;
color:#ffffff;
}
#customers tr.alt td 
{
color:#000000;
background-color:#EAF2D3;
}
/*---- cytaty tabelka - end --------*/
#dictionary1 {
	margin-top:30px;
	margin-left:30px;
}
/*----- flaga Polska ---start--- */
#navlistContentLanguagePl {
float:right;
font-size:1em;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:0;
margin-top:5px;
width:140px;
}
#navlistContentLanguagePl li {
background:transparent url(../images/flaga_pl.jpg) no-repeat scroll 90px 0;
font-size:0.7em;
height:20px;
}
#navlistContentLanguagePl a {
line-height:1.4em;
}
/*----- flaga Polska ---end--- */
/*----- flaga Angielska ---start--- */
#navlistContentLanguageEn {
float:right;
font-size:1em;
height:20px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-right:0;
margin-top:5px;
width:140px;
}
#navlistContentLanguageEn li {
background:transparent url(../images/english.jpg) no-repeat scroll 90px 0;
font-size:0.7em;
height:20px;
}
#navlistContentLanguageEn a {
line-height:1.4em;
}
/*----- flaga Angielska ---end--- */


#boxChmura .clouditem {
font-family:Arial,Arial,Tahoma,Helvetica;
font-weight:bold;
text-decoration:none;
}
#boxChmura .size-1 {
font-size:20pt;
}
.color-1:link, .color-1:visited {
color:#00A9FF;
}
.color-2:link, .color-2:visited {
color:#2B6EFF;
}
.color-3:link, .color-3:visited {
color:#B7BFCC;
}
.color-4:link, .color-4:visited {
color:#EC0F8C;
}
.color-5:link, .color-5:visited {
color:#FF801A;
}
.color-6:link, .color-6:visited {
color:#142E80;
}
.size-1 {
font-size:20pt;
}
.size-2 {
font-size:16pt;
}
.size-3 {
font-size:12pt;
}
.size-4 {
font-size:8pt;
}
.clouditem {
font-family:Arial,Arial,Tahoma,Helvetica;
font-weight:bold;
text-decoration:none;
}
.clouditem:hover {
text-decoration:underline;
}
.after-cloud {
color:black;
font-size:50%;
font-weight:normal;
}
#customers a {
	color: #000000;
	text-decoration: none;
}
#middleColumn .cwiczenia {
float:left;
margin-bottom:10px;
margin-left:35px;
}
#middleColumn .cwiczenia li {
margin-left:0;
list-style:none;
}
#middleColumn .cwiczenia a {
background:transparent url(../images/icon-test-2.gif) no-repeat scroll 0 0;
color:#0080FF;
font-family:Arial,Helvetica,sans-serif;
font-weight:bold;
height:20px;
margin-left:-3px;
padding-left:20px;
text-decoration:none;
}
#navContainerAdverts {
float:right;
height:22px;
width:500px;
padding-top:4px;
margin-right:250px;
}
#navContainerAdverts2 {
	margin-left:34px;
	margin-top:20px;

}