DIV.boxik {background: #ffffff; padding: 10px 0px; margin: 0px 0px 60px 0px; font-size: 1.4em; font-family: "Trebuchet MS"; }

DIV.bboxik {padding: 10px 20px; margin: 30px 80px 30px 80px;background: #FFF0B7;}

/*First page of the course*/
DIV#frontpage {font-family: "Trebuchet MS"; font-size: 1.0em;}
DIV#frontpage H1 {font-size: 1.4em;}

DIV#frontpage DIV.nextstep {background-image: url(Nabytek/arrow-blue.gif); background-position: right;background-repeat: no-repeat;height: 38px;
	padding-top: 19px; margin-top: 30px; text-align: right; padding-right: 50px; margin-right: -8px;}
DIV#frontpage DIV.nextstep DIV.en { margin-right: 15px; margin-top: 6px;}	


DIV.introduction {margin: 0px 20px 180px 20px; font-size: 1.2em; padding: 10px 20px;}

DIV.introduction DIV.rannoga {margin-top: 20px; margin-bottom: 200px;}

DIV.introduction DIV.rannog {background: #E5EEFD; width: 230px; ccolor: #678FC2; color:#001962; height:120px; padding:15px; margin-bottom:15px; font-weight: bold;}
DIV.introduction DIV.rannog:hover {background: #FFF0B7;color: #000000;cursor: hand;}
DIV.introduction DIV.top_left {float: left; border-bottom: solid 2px #FFF0B7;border-right: solid 2px #FFF0B7; text-align: right;}
DIV.introduction DIV.top_right {float: right; border-bottom: solid 2px #FFF0B7;border-left: solid 2px #FFF0B7; text-align: left;}
DIV.introduction DIV.bottom_left {float: left; border-top: solid 2px #FFF0B7;border-right: solid 2px #FFF0B7; text-align: right; margin-bottom: 20px;}
DIV.introduction DIV.bottom_right {float: right; border-top: solid 2px #FFF0B7;border-left: solid 2px #FFF0B7; text-align: left; margin-bottom: 20px;}
DIV.introduction DIV.rannog_title {font-size: 90%;color: Gray;font-weight: normal;}
DIV.introduction DIV.en {font-size: 90%; color: Gray; font-style: italic; font-weight: normal;}
DIV.introduction DIV.aonad_title {font-size: 1.3em;text-align: center;margin-bottom: 15px;}
DIV.introduction DIV.aonad_title_en {font-size: 1.1em;text-align: center;font-style: italic;margin-bottom: 15px;color: Gray;}

DIV.pic_middle {text-align: center;	margin-bottom: 10px;} 
DIV.pic_middle IMG {border: 2px solid #E3FF84;}



/*styles for conversation*/
DIV#stepcontent DIV.comhra {background: #fff7c4;margin: 20px 5px;}
DIV#stepcontent DIV.comhra TABLE {border-collapse: collapse;empty-cells: show;margin-bottom: 1em;background-color: Transparent;	border-top: none;border-left: none;border-right: none;}
DIV#stepcontent DIV.comhra THEAD {background-color: #E5EEFD;}
DIV#stepcontent DIV.comhra TD {border-bottom: none;padding: 8px 4px 8px 4px;vertical-align: top;font-size: 1.2em;}

/*styles for conversation in exercises*/
DIV.exercise DIV.comhra {background: #fff7c4; margin: 20px 5px;}
DIV.exercise DIV.comhra TABLE {background: #fff7c4; border-collapse: collapse; empty-cells: show;margin-bottom: 1em; background-color: Transparent;	border-top: none; border-left: none; border-right: none;}
DIV.exercise DIV.comhra THEAD {background-color: #E5EEFD;}
DIV.exercise DIV.comhra TD {background: #fff7c4; border-bottom: none; padding: 6px 4px 6px 4px; vertical-align: top; font-size: 1.1em;}
DIV.exercise DIV.comhra SPAN.blank {background-color: #FFFFFF;}
div.exercise DIV.comhra INPUT.textbox {background-color: #FFFFFF;}

DIV#stepcontent DIV.comhra STRONG EM {color: #339933; padding-left: 6px; padding-right: 1px;}

div.exercise tTABLE {font-size: 1.0em;border-collapse: collapse;empty-cells: show;margin-bottom: 1em;border-top: 1px solid #8AAFE1;border-left: none;border-right: none;width: 100%;}
div.exercise tTHEAD {background-color: #DDDDDD;}
div.exercise tTD {border-bottom: 1px solid #8AAFE1;padding: 2px 3px;vertical-align: top;background-color: #FFFFFF;line-height:25px;}


DIV#stepcontent DIV.nextstep {background-image: url(Nabytek/arrow-blue.gif); background-position: right; background-repeat: no-repeat;height: 38px;
	padding-top: 19px; margin-top: 30px; text-align: right; padding-right: 50px; margin-right: -8px; font-size: 1.2em;}
DIV#stepcontent DIV.nextstep DIV.en { margin-right: 25px; margin-top: 6px;}	


/*styles for an overview page for units*/
DIV.aonad_overview {font-size: 1.2em;}
DIV.aonad_overview LI {list-style-image: url(Nabytek/bullet.gif);  margin-left: 20px; font-weight: bold; margin-bottom: 14px;  list-style-position: outside;}

/*styles for instruction*/
DIV.instructions {margin-bottom: 10px;margin-top: 10px;font-style: italic; font-size: 1.2em;}

IMG.portrait {float: left; margin-left: -70px; width: 50px; height: 50px; border: 2px solid #E3FF84; padding: 2px; margin-bottom: 1px; margin-top: 4px;}
DIV.with_portrait {clear: left; margin-left: 70px; margin-top: 0px; margin-bottom: 20px; font-size: 1em;}

IMG.midportrait {float: left; margin-left: -120px; width: 100px; height: 100px; border: 2px solid #E3FF84; padding: 2px; margin-bottom: 1px; margin-top: 4px;}
DIV.with_midportrait {clear: left; margin-left: 120px; margin-top: 0px; margin-bottom: 20px; font-size: 1.2em;}

IMG.bigportrait {float: none;  width: 200px; height: 200px; border: 2px solid #E3FF84; padding: 2px; margin-bottom: 1px; margin-top: 4px;}
DIV.with_bigportrait {clear: both; text-align: center;}

IMG.ais {width: 150px; height: 150px; border: 2px solid #E3FF84; padding: 2px; margin-bottom: 1px; margin-top: 4px;}


DIV#stepcontent {font-size: 1.2em;}
DIV#stepcontent STRONG {color: #0D2F00; font-weight: bold;}
DIV#contentcolumn DIV#stepcontent > P {clear: both;}
DIV#contentcolumn DIV#stepcontent > DIV {clear: both;}
BLOCKQUOTE {margin-left: 60px;}
BLOCKQUOTE OBJECT {margin-left: -25px;position: relative;top: 3px;}
OBJECT {margin-right: 6px;}

/*styles for english texts*/
DIV.en {display: block;	font-weight: normal; font-size: 90%; color: #888888; margin: auto;}
DIV.eng {display: block; font-weight: normal; font-size: 95%; color: #666666; padding-bottom: 14px; margin-top: -2px;}
DIV#stepcontent P {font-size: 1.2em;}
A.en_plus{font-weight: normal;font-size: 0.8em;color: #AAAAAA;text-decoration: none;margin-left: 3px;border-bottom: none;font-style: normal;padding: 0px 2px 0px 2px;}
A.en_plus:hover {text-decoration: none;background-color: #CCCCCC;}
DIV.en STRONG {font-size: 100%; color: #484848;}
DIV.info DIV.en {margin-bottom: 10px; font-size: 0.9em;}
DIV.info DIV.info_en {margin-bottom: 10px; font-size: 0.9em;font-size: 90%; color: #888888;}

IMG.dlgimg {width: 50px; height: 50px;border: 2px solid #E3FF84;padding: 2px;margin-bottom: 1px;}
IMG.dlgimg_big {width: 100px; height: 100px;border: 2px solid #E3FF84;padding: 2px;margin-bottom: 1px;}

DIV#stepcontent TABLE.people {border: 0px;}
DIV#stepcontent TABLE.people TD {padding: 0px; padding-right: 30px; border: 0px;}

div.exercise TABLE {font-size: 1.2em;}
div.exercise TD {line-height:30px;}

div.video {background-color: #fff7c4; width: auto; padding: 20px 10px;}
div.video div#myplayer {text-align: center; padding: 10px 0px 0px 0px;}

/*styles for the reading articles*/
DIV#stepcontent DIV.article {}
DIV#stepcontent DIV.article H2 {font-size: 1.5em; color: DarkRed; text-align: center;}
DIV#stepcontent DIV.article DIV.instructions {font-size: 1.05em; color: #555555;}
DIV#stepcontent DIV.article DIV.article_body {background-color: #fff7c4; padding: 0px 8px 6px 8px; margin: 12px -8px;}
DIV#stepcontent DIV.article STRONG {color: DarkRed; font-weight: bold;}

/*styles for aiseanna*/
DIV#stepcontent DIV.aiseanna {background: #fff7c4; margin: 20px 5px;}
DIV#stepcontent DIV.aiseanna TABLE {border-collapse: collapse; empty-cells: show; margin-bottom: 1em; background-color: Transparent; border-top: none; border-left: none; border-right: none;}
DIV#stepcontent DIV.aiseanna THEAD {background-color: #E5EEFD;}
DIV#stepcontent DIV.aiseanna TD {border-bottom: none; padding: 8px 4px 8px 4px; vertical-align: top; font-size: 1em; text-align: center; font-weight: normal;}
DIV#stepcontent DIV.aiseanna TD IMG {margin-bottom: 2px;}
DIV#stepcontent DIV.aiseanna TD P{font-size: 1em; font-weight: normal;}
DIV#stepcontent DIV.aiseanna TD STRONG{font-size: 110%;}


/*Styles of a bilingual content of a step*/
DIV.bilingual .translation {clear: right; float: right; width: 45%; margin-left: 5%; font-style: italic; margin-top: 0px;}
DIV.bilingual .indent {margin-top: 10px;border-top: 2px solid #C1C1C1;padding-top: 10px;border-bottom: 2px solid #C1C1C1; margin-bottom: 10px;}
DIV.bilingual P {width: 45%; margin-top: 0px;}
DIV.bilingual H2 {width: 45%; margin-top: 0px;}




DIV#stepcontent DIV.key_sounds {padding: 5px 5px 5px 100px; margin-top: 5px; text-align: left; background-image: url(Nabytek/icon_key_sounds.png); background-position: 0px 10px; background-repeat: no-repeat;}

DIV#stepcontent DIV.key_sounds TABLE {border-collapse: collapse; empty-cells: show; margin-top: 20px; margin-bottom: 1em; border: 2px solid #b006d3; font-size: 120%; background-color: #ffeeff;}
DIV#stepcontent DIV.key_sounds TD {border-bottom: 1px solid #A1A1A1; padding: 10px; vertical-align: top;  text-align: left;}

DIV#stepcontent DIV.key_sounds STRONG {color: #b006d3;}

DIV#stepcontent DIV.big-subtitles DIV.en {font-size: 140%; color: #008000;}


DIV#stepcontent DIV.useful_tips {padding: 8px 18px 8px 120px; margin-top: 15px; margin-bottom: 15px; text-align: left; background-image: url(Nabytek/icon_useful_tips2.png); background-position: 15px 30px; background-repeat: no-repeat; 
                                 background-color: #ccffcc; border-top: 2px solid #336633;border-bottom: 2px solid #336633;}
DIV#stepcontent DIV.useful_tips STRONG {color: #336633;}                                 
                                 
DIV#stepcontent DIV.insight {padding: 8px 18px 8px 120px; margin-top: 15px; margin-bottom: 15px; text-align: left; background-image: url(Nabytek/icon_insight2.png); background-position: 15px 30px; background-repeat: no-repeat; 
                                 background-color: #ffdddd; border-top: 2px solid #990000;border-bottom: 2px solid #990000;}
DIV#stepcontent DIV.insight STRONG {color: #990000;}                                 
                                 

/*floating divs*/
DIV.float_right {float: right; clear: right;  margin-left: 12px;}
DIV.float_left {float: left; clear: left; margin-right: 12px;}

DIV#stepcontent LI
{
	margin-left: 10px;
	padding-left: 14px;
	font-weight: normal;
	font-size: 110%;
	margin-bottom: 14px;
	list-style-position: outside;
	text-indent: 0px;
	line-height: 24px;
}