/* path color */
.violet{
	/*background-color: #A1228D;*/
}
#TitleBar.violet div .ch{
	background-color: #A1228D;
}
#TitleBar.violet div .path{
	color: #A1228D; }
#TitleBar.violet .title{
	background-color: #fff;	
	color: #A1228D;
	border-right: 2px solid #A1228D;
	color: #A1228D;
	}
	
	
#TitleBar  div{
	color: White;
	padding: 0 0 0 0px;
	font-size: 18px;
	margin: 0;
	height: 25px;

}
#TitleBar  div span{
	display: block;
	float: left;
height: 25px;
font-size: 20px;
}
#TitleBar div .ch{
	font-weight: bold;
	margin-right: 10px;
	color: #fff;
	padding: 3px 10px 5px 10px;
	
}
#TitleBar div .path{
	font-size: 16px;
	padding-top: 6px;
	
}
#TitleBar .title{
	background-color: #fff;	
	
	padding: 3px 16px 5px 5px;
	margin-right: 16px;
	
}
#TitleBar.violet .title a{color: #A1228D; text-decoration: none;}
#TitleBar.violet .title a:hover{color: #6C1860;}

/* choose lesson 
--------------------------------------------------------*/
#ChooseLesson {
	width: 100%;
	border-collapse: collapse;
	margin: 3em 0 2em 0;
}
#ChooseLesson th{
	font-weight: normal;
	color: #6E6E6E;
	font-size: 11px;
	
	padding: 0 0 3px 0;
}
#ChooseLesson  tr.dir{
	border-top: 2px solid #ccc;
}
#ChooseLesson th.section{text-align: left; width: 75%;}
#ChooseLesson th.content, #ChooseLesson  td.icons{text-align: right;}
#ChooseLesson  td.icons {	padding-right: 3px;}
#ChooseLesson  td.icons  img{	margin-left: 10px;}
#ChooseLesson tr{
	border-bottom: 1px dotted #ccc;
}
#ChooseLesson td {padding: 6px;}
#ChooseLesson td.category{	padding-left: 20px;}
#ChooseLesson h2 {
    color: #A60025;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: normal;
    padding: 2px 0 4px 0;
}

#ChooseLesson td.category a{
font-size: 16px;
    color: #7D001C;
    font-weight: normal;
	 text-decoration: none;
}
#ChooseLesson td.category a:hover{
  text-decoration: underline;}
#ChooseLesson li a:hover {
    text-decoration: none;
}

#ChooseLesson dt.ch{
	font-size: 24px;
	color: #222;
}

.translit {
    color: #777777;
	 font-weight: normal;
	 font-size: 13px;
    font-family: "Lucida Sans Unicode","Lucida Grande",sans-serif;}
	 
	 
/* dialog monolog 
------------------------------------------------------------------ */	 
#dialog_settings{
	margin: 0px 0  26px 0;
	border: 1px solid #ccc;
	padding: 8px; 
	 background-color: #EFEFEF;
}
#dialog_settings label{
	margin-right: 2em;
	margin-left: 5px;
	cursor: pointer;
}

h3#subtitle_page{
	 color: #5F5F5F;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 1px;
    margin: 1em 0;
    padding: 2px 0 4px 0;
}
#LessonIntro {
	margin-bottom: 30px;
}


#LessonIntro img {    float: left;    margin: 0 10px 3px 0;}
#LessonIntro p img {  float:  none;}
#LessonIntro p { 
	   font-size: 13px;
    line-height: 19px;
    margin: 0.3em 0 1.5em;
	 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
  }
#LessonIntro span.ch, #LessonIntro span.cn{
	font-size:28px; 
	line-height: 36px;
	
}
#LessonIntro h2,
#LessonIntro h3,
#LessonIntro h4{
	margin: 1.2em 0;
}

/* wzror skladniowy */
.pattern{
	display: inline-block; 
	font-weight: bold; 
	border: 2px solid #01638B;; 
	background-color: #fff; 
	padding: 10px 20px; 
	margin: 20px 0 30px 10px;
	font-size: 16px;
}

.yellow_area{
	margin: 0.6em 0;	 padding: 10px; background-color: #FCF6C5; border: 2px solid #F7EA76;
}
#LessonIntro li span.cn{
  display:inline-block;
  margin: 10px 0 0px 0;
  vertical-align: baseline;
   line-height:34px; 
	font-size:30px;   
}
#LessonIntro ul, #LessonIntro ol{

	margin: 0.3em 0 1.5em 2em;
	   font-size: 13px;
    line-height: 14px;
	 font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}
#LessonIntro ul li, #LessonIntro ol li{
	 margin: 0.6em 0;
}

#LessonIntro table{
	margin: 0.3em 0 1.5em 0;
}


#LessonIntro table td{
	padding: 4px 8px;
}
#LessonIntro table td.cn{
		font-size:30px; 
}
/* dane */


#LessonIntro table.dane {
    border-collapse: collapse !important;
}

#LessonIntro table.dane td {
    border: 1px solid #CCCCCC;
    padding: 4px 8px;
}

#LessonIntro table.dane tr:first-child {
    background-color: #F1F1F1;
    font-weight: bold;
}

h2.Dialogue, h2#Dialogue {
    border-bottom: 4px solid #01638B;
    color: #01638B;
    font-family: Constantia,Georgia,"Palatino Linotype","Bookman Old Style","Bookman Antiqua","Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    margin: 0 0 20px 0;
    padding: 0 0 0.3em;
}
h2.ModTitle {
    border-bottom: 4px solid #01638B;
    color: #01638B;
    font-family: Constantia,Georgia,"Palatino Linotype","Bookman Old Style","Bookman Antiqua","Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    margin: 30px 0 8px 0;
    padding: 0 0 0.3em;
}
.DialogueAllMp3 {
    float: right;
    padding: 0 2px 0 0;
}
.DialogueAllMp3 span {
    color: #01638B;
    display: block;
    float: left;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    margin-right: 8px;
    margin-top: 0.3em;
} 
.DialogueList {
    margin-bottom: 40px;
}
.DialogueMp3 {
    float: right;
    padding: 2px 2px 0.6em 5px;
}
.DialogueList dl {
    border-top: 1px dashed #999;
    margin-bottom: 10px;
    width: 715px;
}
.DialogueList dl dt, .DialogueList dl dd {
    padding-top: 3px;
}
.DialogueList dl dt {
    color: #636363;
    float: left;
    font: italic bold 14px Constantia,Georgia,"Palatino Linotype","Bookman Old Style","Bookman Antiqua","Times New Roman",Times,serif;
    width: 140px;
}
.DialogueList dl dd {
    font: 12px/1.2em arial,helvetica,sans-serif;
    margin-bottom: 20px;
    margin-left: 140px;
}
.DialogueList .ch {
    color: #222222;
    font-size: 28px;
	 line-height: 32px;
	 margin: 10px 0 18px 0;
	 }
.DialogueList dl:first-child {
    border-top: medium none;
}
.DialogueList dl {
}

.DialogueList .translit{
	 color:  #121212;
	 font-size: 14px;
	 margin: 5px 0 15px 0;
}
.translate {
    background-image: url("../images/ico_translate.gif");
    background-repeat: no-repeat;
    margin: 8px 0 0;
    padding-bottom: 3px;
    padding-left: 22px;
    padding-top: 3px;
}
.translate a {
    color: #00468C;
    font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-decoration: none;
}
.translate a:hover {
    color: #8E8E8E;
    text-decoration: underline;
}
.translated {
    background-color: #EFEFEF;
    margin: 10px 0 0;
    padding: 0.5em;
    width: 460px;
}
a.x_close {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(../images/x_close.png);
	background-repeat: no-repeat;
	float: right;
	text-decoration: none;
}
#AddPostMod {
    margin: 1.4em 0 0;
}
.Votes li {
    color: #00468C;
    float: left;
    font-size: 11px;
    list-style-type: none;
    margin: 0;
    padding: 3px 10px 0 0;
    text-align: center;
}
.Votes {
}
.Votes li.VotesBtn {
    padding-left: 1.5em;
    padding-top: 0;
}
#AddPostMod div {
    margin: 0.8em 0;
}
#AddPostMod h4 {
    color: #00468C;
    font-size: 13px;
    font-weight: normal;
    margin-top: 1em;
}
.VotesResult {
    color: #00468C;
    float: right;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin-top: 0.5em;
}
.VotesResult span {
    font-size: 14px;
    font-weight: bold;
}
.BtnVote {
    background-color: White;
    border-color: #BBBBBB #999999 #999999 #BBBBBB;
    border-style: solid;
    border-width: 1px;
    color: #515151;
    font-size: 11px;
    padding: 1px 2px;
}
.BtnSend {
    background-color: White;
    border-color: #BBBBBB #999999 #999999 #BBBBBB;
    border-style: solid;
    border-width: 1px;
    color: #515151;
    font-size: 12px;
    padding-left: 1.2em;
    padding-right: 1.2em;
}
.BtnVote:hover, .BtnSend:hover {
    border-color: #0E0E0E;
    color: #111111;
    cursor: pointer;
}
input.text, textarea {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    color: #00468C;
    font-size: 12px;
}
h3#Latest_Comments {
    border-bottom: 1px solid #B0C6DB;
    color: #00468C;
    font-size: 13px;
    font-weight: normal;
    margin: 1.6em 0 0.6em;
    padding-bottom: 3px;
}
ul#Comments .Comment {
    overflow: hidden;
    padding: 3px 3px 17px;
}
ul#Comments {
    list-style: none outside none;
}
.CommentData {
    color: #00468C;
    float: left;
    padding-right: 6px;
    width: 143px;
}
.CommentData a {
    color: #00468C;
    text-decoration: none;
}
.CommentData a:hover {
    text-decoration: underline;
}
.CommentData .time {
    color: #141414;
    font-size: 10px;
}
.CommentContent {
    float: left;
    width: 480px;
}
/* vocabulary 
------------------------------------------------------------ */
.VocabularyTable {
    border-top: 1px solid #CCCCCC;
    width: 100%;
	 margin: 20px 0;
}
.VocabularyTable th {
    background-color: #EBEBEB;
    padding-left: 4px;
    text-align: left;
}
.VocabularyTable td{
	font-size: 14px;
	vertical-align: top;
}
.VocabularyTable td .note{
	margin: 6px 0;
	font-size: 11px;
}
.VocabularyTable td, .VocabularyTable th {
    border-bottom: 1px solid #CCCCCC;
    padding: 7px 2px 5px 4px;
}

.VocabularyTable td.ch{	white-space: nowrap;}
.VocabularyTable th .favorite {
	 background-image: url(../images/bookmark.png);
	 background-repeat: no-repeat;
	 padding-left: 20px;
	 white-space: nowrap;
}
.VocabularyTable  a.del {
    background-image: url("../images/delete.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display: block;
    height: 16px;
    margin: 4px 0 0 5px;
    text-decoration: none;
    width: 16px;
}

.VocabularyTable th.audio, .VocabularyTable td.audio {
    padding-right: 4px;
    text-align: right;
    width: 64px;
}
 .VocabularyTable td.ch{
 	  font-size: 38px; 
	   color: #000;
 } 
 .VocabularyTable .addfav{
	display: block;
	background-image: url(../images/comment_plus.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 4px 0 4px 32px;
	color: #A60025;
	font-size: 12px;
}
 .VocabularyTable .addfav.added{
	background-position: 0 -24px;
}

/* tabela wynikw 
----------------------------------------------------- */
.ExerciseMod .ResultExercise {
    border-collapse: collapse;
    float: right;
    margin-top: -0.5em;
    width: auto;
}
.ExerciseMod table.ResultExercise td {
    background-color: #DEDEDE;
    border: 1px solid #FFFFFF;
    color: #01638B;
    font-size: 12px;
    font-weight: bold;
    padding: 1px 8px;
    text-align: center;
}
.ExerciseMod table.ResultExercise thead th {
    background-color: #01638B;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 8px;
    text-align: center;
    width: 50%;
}
#ResultAllExercisesTable {
    float: right;
    padding-bottom: 2em;
}
.ResultAllExercises {
    border-collapse: collapse;
    width: auto;
}
table.ResultAllExercises td {
    background-color: #DEDEDE;
    border: 1px solid #FFFFFF;
    color: #01638B;
    font-size: 14px;
    font-weight: bold;
    padding: 2px 12px;
    text-align: center;
}
table.ResultAllExercises thead th {
    background-color: #01638B;
    border: 1px solid #FFFFFF;
    color: #FBFBFB;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 12px;
    text-align: center;
}
.ResultExercises {
    border-collapse: collapse;
    width: 100%;
}
.ResultExercises caption {
    color: #00468C;
    font-weight: bold;
    padding: 1.2em 0 0.4em;
    text-align: left;
}
table.ResultExercises td {
    background-color: #F9F9F9;
    border: 2px solid #B1CDD9;
    color: #01638B;
    font-size: 12px;
    padding: 2px 12px;
    text-align: center;
}
table.ResultExercises thead th {
    background-color: #01638B;
    border: 2px solid #B1CDD9;
    color: #FBFBFB;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 12px;
    text-align: center;
	  font-size: 13px;
}
.ExerciseMod h1 {
    color: #333333;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 18px;
    font-weight: bold;
    margin: 2em 0 0.8em;
}
.ExerciseMod p{
	margin: 0.8em 0;
}
.ExerciseMod{
	margin: 0 0 2em 0;
	font-size: 13px;
}
.ExerciseMod table thead th{
	padding: 4px 3px;
	text-align: left;
		border-bottom: 5px solid #DDDDDD;
		font-size: 11px;
}
.ExerciseMod table span.SaveOrder{
	 margin-right: 16px;
}
.ExerciseMod table span.SaveOrder a{
	color: #4C791F;
	text-decoration: none;
}
.ExerciseMod table span.SaveOrder a:hover{
	color: #E1021D;
	text-decoration: underline;
}

.ExerciseMod table td{
	border-bottom: 1px solid #ccc;
	padding: 4px 0 4px 2px;
}
.ExerciseMod table td.ch{
	font-size: 22px;
}
.ExerciseMod table th.CellCenter{
	text-align: center;
}
.ExerciseMod table td.CellCenter a
{
	margin:0 auto
}

.ExerciseMod table td.LastCell,
.ExerciseMod table td.CenterCell{
 text-align: center;
 }
 .ExerciseMod table td.CellIndent{
 padding-left: 20px;
 }

.ExerciseMod table td.Order input{
 margin-right: 35px;
 color: #4C791F;
 } 

.ExerciseMod table td.Order span.First{
 margin-left:20px;
 } 
 .ExerciseMod table td.Order span {
 	width: 20px;
 }
span.SelectItem {
    display: block;
    float: left;
    width: 10em;
}
span.SelectItem.ch{
	font-size: 22px;
}
.SelectChoice option{
	font-size: 22px;
	padding-left: 4px;
}
.SelectChoice option.SelectChoiceTitle{
	font-size: 18px!important;
	color: #838383;
}
.ExerciseMod h1{
	color: #333;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	margin: 2.0em 0 0.8em 0;
}
.ExerciseMod p.{
	margin: 0.6em 0 0.6em 0;
}
.Exercise div.sentence{
	margin:15px 0 10px 0;
	font-size: 12px;
	line-height: 140%;
	font-size: 22px;
}
.Exercise div.sentence span.Numer{
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	font-family: Constantia, Georgia, "Palatino Linotype", "Bookman Old Style", "Bookman Antiqua", "Times New Roman", Times,serif;
	margin-left: 10px;
	 margin-right: 10px;
}
.CourseTablehMod table, .ExerciseMod table {
    border-collapse: collapse;
    font-size: 12px;
    margin: 10px 0;
    width: 100%;
}
/* moudl zero
/* macierz obrazkow (galeria mediw) w module zero 
-------------------------------------------------------------- */
.CourseThumb,
.Exercise .CourseThumb{
		  margin: 1em 0 1.2em 0;
	  padding: 0;
}
.CourseThumb li{
	 display: block;
	 width: 220px;
	  list-style: none;
	  margin: 0 0px 0px 14px;
	  padding: 0;
	  float: left;
	  background-color: #FBFBFB;
	  border: 1px solid #D3D3D3;
	  position: relative;
	   height: 230px;
}

.ExerciseMod .CourseThumb li {

margin:0 0 0 5px;
}
.ExerciseMod.Exercise_3  .CourseThumb li{ min-height:205px;  height: auto; }
.Exercise.cn .CourseThumb div.sentence:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
}

.ExerciseMod .CourseThumb li.audio{
	height:120px;
	background-color: #EBEBEB;
	width: 348px!important;
}

#Exercise .ExerciseMod .CourseThumb li.audio {
    width: 325px !important;
}
#Exercise .ExerciseMod  .CourseThumb li.audio .SelectChoice {   width: 318px;}



.ExerciseMod .CourseThumb li.audio .audioplayer{
	margin: 10px 0 7px 4px;
	
}
.CourseThumb .SelectChoice {width:210px;}
.CourseThumb li.audio .SelectChoice {width:335px;}

.ExerciseMod .SelectChoice {
border:1px solid #999999;
margin-left:3px;
margin-right:3px;
font-size: 22px;
}


.ExerciseMod .HandWrite {
border-bottom:2px dotted #999999;
border-left:none;
border-right:none;
border-top:none;
margin-left:3px;
margin-right:3px;
width: 140px;
background-color: #fff;
padding: 1px 2px 1px 3px;
color:#833264;
font-size: 22px;
}
/*.ExerciseMod .en .HandWrite{
	font-size: 14px;
}*/
.ExerciseMod .HandWrite:hover{
	background-color: #F3F3F3;
}
.CourseThumb li.first{
	margin: 0 0px 0px 2px;
}
.CourseThumb li img{
	margin: 10px 0 0 10px;
}
 
.CourseThumb li .AnimationMini{
	margin: 10px 0 0 10px;
}
.CourseThumb .flashplayer{
 position: absolute;
 bottom: 7px;
 right: 7px;
 width:56px;
 height:19px; 
 }
.CourseThumb li .Desc{
 position: absolute;
 top: 155px;
 left: 7px;
 }
 .Exercise span.EmptyPlace {
    background-color: #F4F4F4;
    border-bottom: 2px dotted #999999;
    margin-left: 4px;
    margin-right: 4px;
    padding-left: 2em;
    padding-right: 2em;
}
.Exercise div.sentence span.Numer {
    font-family: Constantia,Georgia,"Palatino Linotype","Bookman Old Style","Bookman Antiqua","Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
	 color: #01638B;
}
.Exercise .column_1 {
    float: left;
    padding: 0 0 1em;
    /*  width: 170px;*/
}
.Exercise .column_2 {
    float: left;
    padding-bottom: 1em;
    /*  width: 170px;*/
}
.Exercise .column_3 {
    float: left;
    padding-bottom: 1em;
  /*  width: 170px;*/
}
.Exercise .column_4 {
    float: left;
    padding-bottom: 1em;
   /*  width: 170px;*/
}
.Exercise .column_5, .Exercise .column_6, .Exercise .column_7, .Exercise .column_8, .Exercise .column_9, .Exercise .column_10, .Exercise .column_11, .Exercise .column_12 {
    float: left;
    padding-bottom: 1em;
  /*  width: 170px;*/
}
.Exercise .column_1 ul li, .Exercise .column_2 ul li, .Exercise .column_3 ul li, .Exercise .column_4 ul li, .Exercise .column_5 ul li, .Exercise .column_6 ul li, .Exercise .column_7 ul li, .Exercise .column_8 ul li, .Exercise .column_9 ul li, .Exercise .column_10 ul li, .Exercise .column_11 ul li, .Exercise .column_12 ul li {
    padding: 5px 0;
}
.Exercise .column_1 ul label, .Exercise .column_2 ul label, .Exercise .column_3 ul label, .Exercise .column_4 ul label, .Exercise .column_5 ul label, .Exercise .column_6 ul label, .Exercise .column_7 ul label, .Exercise .column_8 ul label, .Exercise .column_9 ul label, .Exercise .column_10 ul label, .Exercise .column_11 ul label, .Exercise .column_12 ul label {
    cursor: pointer;
    margin-left: 5px;
	 margin-right: 15px;
	 font-size: 22px;
}
.Exercise ul li.FirstItem {
    font-family: Constantia,Georgia,"Palatino Linotype","Bookman Old Style","Bookman Antiqua","Times New Roman",Times,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: bold;
    padding-bottom: 0.3em;
	 color: #01638B;
}
.Exercise ul, .Exercise ol {
    margin: 0.7em 0 0.7em 2em;
}
.Exercise ul.checklist {
    font-size: 12px;
    list-style-type: none;
    margin: 0.8em 0 0 0;
    padding: 0;
}
.Exercise ul.selectlist {
    font-size: 12px;
    list-style-type: none;
    margin: 0.8em 0 0.4em;
    padding: 0;
}
#CheckTest {
    margin-bottom: 3em;
    margin-top: 3em;
}
a.button {
    background: url("../images/bg_button_a.gif") no-repeat scroll right top transparent;
    color: #444444;
    display: block;
    float: left;
    font: 12px arial,sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px;
    text-decoration: none;
}
a.button span {
    background: url("../images/bg_button_span.gif") no-repeat scroll 0 0 transparent;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 38px;
}
a.button:active {
    background-position: right bottom;
    color: #000000;
    outline: medium none;
}
a.button:active span {
    background-position: left bottom;
    padding: 6px 0 4px 38px;
}

/* cerfikat */
#certyfikat {
    margin: 15px 0 10px;
}
#certyfikat .print {
    background-image: url("../images/certyfikat.gif");
    background-repeat: no-repeat;
    margin-top: 10px;
    padding: 7px 0 10px 40px;
}
#certyfikat .print a {
    color: #01638B;
    font-size: 18px;
    text-decoration: none;
}
#certyfikat .print a:hover {
    text-decoration: underline;
}


/* markowanie wynikow */

.Exercise .properly .pinyin, 
.Exercise .unproperly .pinyin{
 /*display: none!important;*/
}
.Exercise.cn div.properly,
.Exercise.cn div.unproperly,
.Exercise.cn div.properly-unproperly
{
		background-position: 3px 20px!important;
}
/* galeria */
 

.Exercise.cn .CourseThumb div.properly,
.Exercise.cn .CourseThumb div.unproperly
{
		background-position: 6px 6px!important;
}


.Exercise.en div.properly,
.Exercise.en div.unproperly
{
		background-position: 3px 0px!important;
}
.Exercise  .properly .Numer,
.Exercise .unproperly .Numer{
	color: #ADADAD!important;
}

.Exercise.cn div.properly,
.Exercise.cn div.unproperly,
.Exercise.cn div.properly-unproperly
{
		padding-left: 35px!important;
}

.Exercise.cn div.properly em,
.Exercise.cn div.unproperly em ,
.Exercise.cn div.properly-unproperly em
{
	font-weight: bold;
}
.Exercise.cn div.properly .pinyin em{
	 color: #007D01;
}
.Exercise.cn div.unproperly .pinyin em {
	color: #E30000;
}

.Exercise.cn ul.checklist {   font-size: 22px!important;}
	 
.ExerciseMod table td.properly{
	color: #007D01;
	padding-left: 25px!important;
	background-image: url(../images/layout/result_yes.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
}
.ExerciseMod table td.unproperly{
	color: #E30000;
	padding-left: 25px!important;
	background-image: url(../images/layout/result_no.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	text-decoration: blink; 
}
.ExerciseMod div.properly{
	color: #007D01;
	padding-left: 25px!important;
	background-image: url(../images/layout/result_yes.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	min-height: 20px;
}
.ExerciseMod h4.MessageProperly{
	color: #007D01;
	padding-left: 23px;
	background-image: url(../images/layout/result_yes.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
min-height: 20px;
	margin: 0.8em 0 0.6em 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.ExerciseMod h4.MessageUnproperly{
	color: #E30000;
	padding-left: 23px;
	background-image: url(../images/layout/result_no.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
min-height: 20px;
	margin: 0.8em 0 0.6em 0;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: blink; 
}

.ExerciseMod div.unproperly{
	color: #E30000;
	padding-left: 25px!important;
	background-image: url(../images/layout/result_no.gif);
	background-repeat: no-repeat;
	background-position: 3px 8px;
	min-height: 20px;
}

span.EmptyPlaceProperly{
	font-weight: bold;
}
span.EmptyPlaceUnProperly
{
	text-decoration: blink; 
	font-weight: bold;
}


.ExerciseMod div.properly-unproperly{
	color: #444;
	padding-left: 25px;
	background-image: url(../images/layout/result_mix.gif);
	background-repeat: no-repeat;
	background-position: 3px 0px;
	min-height: 20px;
}
span.EmptyPlaceProperly{
	font-weight: bold;
	text-decoration: none!important;
	color: #007D01!important;
}
span.EmptyPlaceUnProperly
{
	text-decoration: blink; 
	font-weight: bold;
	color: #E30000!important;
}
.Exercise_10 span.EmptyPlaceUnProperly, .Exercise_10 span.EmptyPlaceProperly{
	    font-size: 22px;
}

.Exercise ul a.choice_properly{
	color: #007D01;
	background-image: url(../images/layout/choice_exercise.gif);
	background-repeat: no-repeat;
		background-position: 0 -30px;
		text-decoration: none;
}
.Exercise ul a.choice_unproperly{
		color: #E30000;
	background-image: url(../images/layout/choice_exercise.gif);
	background-repeat: no-repeat;
		background-position: 0 -60px;
		text-decoration: none;
}
.Exercise .column_1 a.choice_properly,
.Exercise .column_1 a.choice_disable,
.Exercise .column_1 a.choice_unproperly,
.Exercise .column_2 a.choice_properly,
.Exercise .column_2 a.choice_disable,
.Exercise .column_2 a.choice_unproperly,
.Exercise .column_3 a.choice_properly,
.Exercise .column_3 a.choice_disable,
.Exercise .column_3 a.choice_unproperly,
.Exercise .column_4 a.choice_properly,
.Exercise .column_4 a.choice_disable,
.Exercise .column_4 a.choice_unproperly,
.Exercise .column_5 a.choice_properly,
.Exercise .column_5 a.choice_disable,
.Exercise .column_5 a.choice_unproperly,
.Exercise .column_6 a.choice_properly,
.Exercise .column_6 a.choice_disable,
.Exercise .column_6 a.choice_unproperly
 {
	 margin-right: 15px;
}



.Exercise ul a.choice_disable{
/*	background-image: url(../images/layout/unchecked_disable.gif);*/
	background-repeat: no-repeat;
		background-position: 0 -3px;
		text-decoration: none;
		color: #868686;
}
.Exercise ul a.choice_disable .pinyin,
.Exercise ul a.choice_unproperly .pinyin,
.Exercise ul a.choice_properly .pinyin
{ display: block;}
.Exercise ul a.choice_disable:hover{
		background-position: 0 -3px;
		text-decoration: none;
		color: #0A0A0A;
}

/* exercise inside  text */
#Exercise
{
	margin:30px 0 20px 0;
	background-color: #FAFAFA;
	border-color: #CDCDCD;
	border-style: solid;
	border-width: 1px;
	padding: 0px 20px 0px 20px;
}
#Exercise > ul{
	margin: 0.3em 0 0.3em 2em; 
}

/* typu */ 
.Exercise.cn{
	
}
.Exercise.en{
 font-size: 13px;
}

.Exercise .pinyin{ 
font-size: 14px;
font-style: italic;
color:  #363636;
	
}
.Exercise table .pinyin,
.Exercise .sentence .pinyin{
	display: block;
	font-weight: normal;
}
#LessonIntro table .pinyin{
	display: block;
	font-weight: normal;
	font-size: 14px;
font-style: italic;
color:  #363636;
}
#LessonIntro table em.TranslateFromCn{
		display: block;
	font-weight: normal;
	font-size: 14px;
font-style: italic;
color:  #01638B;
margin-top: 4px;
}
#LessonIntro table td.GreaterThan{
	 	font-weight: bold;
	font-size: 20px;
color:  #01638B;
}


.Exercise table .pinyin{
	margin-top: 5px;
}
.Exercise.cn div.sentence{
	 clear: both;
   padding: 8px 0;
}

.ExerciseMod.en .SelectChoice,
.Exercise.en .ch,
.Exercise.en div.sentence,
.Exercise.en .SelectChoice,
.Exercise.en .SelectChoice option,
.Exercise.en  .ExerciseMod .SelectChoice,
.Exercise.en .checklist label{
 font-size: 13px!important; 
}
.Exercise.cn .checklist label .pinyin {
	display: block;
	font-size: 12px!important; 
}

.Exercise.cn .CourseThumb div.sentence {
    padding: 0px;
}
/* 7 */
.Exercise_7 .ui-selectmenu{
float: left;
margin: 0 0 10px 6px;
	
}
.Exercise_7 .ui-selectmenu:first-child{
	margin: 0 0 10px 0px;
}
/* 8a */
.ExerciseMod .right_pane {
	float: right;
	 width: 200px;
}
.ExerciseMod .right_pane div{
	margin-bottom: 19px;
}
.ExerciseMod .left_pane{
	float: left;
}

.ExerciseMod .right_pane .FirstItem {
	 width: 35px; 
	 float: left;
	 padding-left: 0px;
}
.ExerciseMod .right_pane li{
	padding-left: 35px;
	margin-bottom: 8px;

}
.ExerciseMod .right_pane li label .pinyin{
	 margin-left: 20px;
}
.ExerciseMod .right_pane li input{
	 margin-right: 4px;
}

.ExerciseMod .bottom_pane li label .pinyin{
	 margin-left: 20px;
}
.ExerciseMod .bottom_pane  .checklist{
	margin-right: 1em;
}

.left_pane .EmptyPlaceUnProperly .pinyin,
.left_pane .EmptyPlaceProperly .pinyin{
	 display: inline;
	 text-decoration: none!important;
	  margin-left: 4px;
}
.Exercise_7  .pinyin,
.Exercise_7  .pinyin,
.Exercise_8 .EmptyPlaceUnProperly .pinyin,
.Exercise_8 .EmptyPlaceProperly .pinyin,
.Exercise_9 .EmptyPlaceUnProperly .pinyin,
.Exercise_9 .EmptyPlaceProperly .pinyin{
		 display: inline!important;
	 text-decoration: none!important;
	  margin-left: 6px;
	  margin-right: 6px;
}
.Exercise_7 .pinyin:after,
.Exercise_7 .pinyin:after,
.Exercise_9 .EmptyPlaceUnProperly .pinyin:after,
.Exercise_9 .EmptyPlaceProperly .pinyin:after,
.Exercise_8 .EmptyPlaceUnProperly .pinyin:after,
.Exercise_8 .EmptyPlaceProperly .pinyin:after,
.left_pane .EmptyPlaceUnProperly .pinyin:after,   
.left_pane .EmptyPlaceProperly .pinyin:after {

	content: "]";
}
.Exercise_7 .pinyin:before,
.Exercise_7 .pinyin:before,
.Exercise_9 .EmptyPlaceUnProperly .pinyin:before,
.Exercise_9 .EmptyPlaceProperly .pinyin:before,
.Exercise_8 .EmptyPlaceUnProperly .pinyin:before,
.Exercise_8 .EmptyPlaceProperly .pinyin:before,
.left_pane  .EmptyPlaceUnProperly .pinyin:before,   
.left_pane .EmptyPlaceProperly .pinyin:before {

	content: "[";
}

/* 10 a drag drop
{
	 font-style: italic;
} */
.ExerciseMod li span.ui-draggable {
 cursor: pointer;
 display: block;
 font-size: 24px;
 font-style: normal;
	
}
.ExerciseMod .draggable_words li:hover span
{
	color: #A60025;
}
.ExerciseMod .draggable_words{
	margin: 1.1em 0;
}
.ExerciseMod .draggable_words ul{
	list-style: none;
}
.ExerciseMod .draggable_words  li{
	 font-style: italic; 
	 float: left;
	 margin: 0 25px 10px 0;
 border: 1px solid #dfdfdf;
 padding: 4px 6px;
 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;

}
.ExerciseMod .draggable_words  li:hover{
		 border: 1px solid #999;
		 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}

/* 10 a drag drop */
.ExerciseMod  .number {
	display: block;
	float: left;
	font-size: 16px;
	margin-right: 18px;
	font-weight: bold;
	color: #999;
	 padding-top: 8px;
}
/* 10 a drag drop */
.mp3sound{
	 margin: 20px 0;
}

.ExerciseMod .SelectImage input{
	  margin: 10px auto 0px auto;
	  display: block;
}

.CourseThumb.SelectImage li:hover{
	background-color: #E4E4E4;
    border: 1px solid #BFBFBF;
	 
}

.CourseThumb.SelectImage img{
	cursor: pointer;
}

.CourseThumb.SelectImage li.highlight { background-color: #E4E4E4; border:1px solid #cc0000;}

.Exercise.cn .CourseThumb.SelectImage .sentence {
	 background-position: center!important;
}
/* sounds list radio */
.SoundList{
	list-style: none;
	margin: 20px 0 0 0!important;
	
}
.SoundList li{
	display:  block;
	clear: both;
	border-bottom: 1px solid #DDDDDD;
	padding-top: 10px;
}
.SoundList li:last-child{
	border-bottom: none;
}
.SoundList .audioplayer.mp3sound{
 width: 200px;
 float: left;
 margin: 0px 0 20px 0!important;

}
.SoundList .SetRadio {
	float: left;
	
	margin-bottom: 15px;
}
.SoundList .SetRadio a{
	display: block;
	 padding: 8px 0;
	  pointer-events: none;
   cursor: default;
	color: #000;
	text-decoration: none;
	font-size: 22px;
	 padding-left: 25px !important;
}
.SoundList .SetRadio a span{
	display: block;
}
.SoundList .SetRadio a.choice_properly
{
	  background-image: url("../images/layout/result_yes.gif");
    background-position: 3px 8px;
    background-repeat: no-repeat;
    color: #007D01;
    min-height: 20px;
   
}
.SoundList .SetRadio a.choice_properly span{	 color: #007D01;}
.SoundList .SetRadio a.choice_unproperly
{
	  background-image: url("../images/layout/result_no.gif");
    background-position: 3px 8px;
    background-repeat: no-repeat;
    color: #E30000;
    min-height: 20px;
}
.SoundList .SetRadio a.choice_unproperly span{	color: #E30000;}
.SoundList .SetRadio label{
	font-size: 22px;
	margin-left: 5px;
	cursor: pointer;
}
.SoundList .SetRadio label:hover{
	color: #A60025;
}
.SoundList .SetRadio label span{
	display: block;
	padding-left: 16px;
}
.SoundList .SetRadio.unproperly label:hover{
	color: #E30000;
}
.SoundList .SetRadio.properly label:hover{
	color: #007D01;
}
.SoundList .SetRadio.unproperly label, .SoundList .SetRadio.properly label{
	cursor: default;
}
.Exercise .SoundList .SetRadio.properly, .Exercise .SoundList .SetRadio.unproperly {
    background-position: 3px 5px!important;
}
.Exercise .SoundList .SetRadio.properly input,  .Exercise .SoundList .SetRadio.unproperly input{
	display: none;
}