/* Frame */
.frmLeft {
background: url("images/frm-bkg-left.gif") repeat-y;
background-position: right;
}

.frmContent {
background-color: #FFFFFF;
color: #333333;
padding:2px;
}

.frmRight {
background: url("images/frm-bkg-right.gif") repeat-y;
}

.frmRight {
background: url("images/frm-bkg-right.gif") repeat-y;
}

.frmBottom {
background: url("images/frm-bkg-bottom.gif") repeat-x;
}

#bannerGreen {
background-color: #A7C2B7;
}

td.section {
color: #FFFFFF;
font-weight: bold;
height: 26px;
background: #EEF0DA url("images/bkg-section.gif");
}

td.col {
color: #3E5E51;
font-weight: bold;
padding: 8px;
background: #B9CEC5 url("images/bkg-col.gif");
}

.dottedSpacer {
background: url("images/bkg-dotted-spacer.gif") repeat-x;
background-position: center;
}

td.homeContent {
padding: 10px;
}

td.courseAccess {
background: #F8F7ED url("images/bkg-courseAccess.gif") no-repeat;
}

/* Footer START */
.footer {
color: #A7AB7C;
}

.footer td {
color: #A7AB7C;
}

.footer a {
color: #64683E;
text-decoration: none;
}

.footer a:hover {
color: #867100;
text-decoration: underline;
}

.footerSpacer {
background: url("images/bkg-footer-spacer.gif") repeat-x;
background-position: center;
}

/* Footer END */

input.textBox {
border: 1px solid #797C4F;
background-color: #FFFFFF;
}

.selectBox {
  color: #666666;
  font-family: "Verdana"; color: #666666; font-size: 11px;
  }

#courseLink a {
background-image:  url("images/bullet-home.gif");
background-repeat: no-repeat;
padding-left: 15px;
color: #B19600;
}

#courseLink a:hover {
color: #867100;
}

div#topMenu {
color: #666666;
font-weight: bold;
}

div#topMenu img {
    padding: 0;
    margin-right: 5px;
    vertical-align: top;
}

div#userInfo {
color: #999999;
padding-top: 4px;
}


div#userInfo img {
    padding: 0;
    margin-right: 5px;
    vertical-align: top;
}




div#topMenu a {
font-weight: bold;
text-decoration: none;
}

div#topMenu ul {
        padding:0;
        margin:0;
        border:0;
        list-style-type:none;
}

div#topMenu li {
        float:left;
        margin-right:20px;

}

a.quit {
vertical-align: top;
text-decoration: none;
color: #999999;
font-weight: bold;
}

a.quit:hover {
text-decoration: none;
color: #666666;
}

a.quit:visited {
vertical-align: top;
text-decoration: none;
color: #999999;
font-weight: bold;
}

#mainContent{
padding:10px;
}

table.courseProgress {

color: #ffffff;
}

table.courseProgress td {
color: #ffffff;
background-color: #58A688;
vertical-align: middle;
}

img.courseProgress {
    padding: 0;
    margin-right: 5px;
    vertical-align: middle;
}

table.progressBar {
border: 1px solid #FFFFFF;
background-color: #21674C;
color: #ffffff;
}

.rowOver {
background-color: #58A688;
}

.row1 {
background-color: #EEEFDB;
color: #434525;

}

.row1Over {
background-color: #C2D3C5;
color: #434525;
cursor: pointer;
}

.row2 {
background-color: #FBFBF5;
color: #434525;
}

.row2Over {
background-color: #C2D3C5;
color: #434525;
cursor: pointer;
}

.rowDetail {
  background-color: #FBFBF5;
color: #434525;
  }

.loggedUser {
color: #CC6600;
font-weight: bold;
}


td.colCourseMenuHeader {
background-color: #EEEFDB;
color: #434525;
}

td.colCourseMenu {
background-color: #F8F7ED;
color: #797C4F;
}

table.courseMenu{
background-color: #C6D7D0;
}

.coursePlan {
border-bottom: 1px solid #73B98A;
background: #73B98A url(images/bkg-coursePlan.gif) no-repeat right top;
  }


.coursePlan a{
color: #0D4D34;
text-decoration: none;
font-weight: bold;
display: block;
}

.coursePlan a:hover{
color: #0D4D34;
text-decoration: none;
font-weight: bold;
}

.coursePlan a:visited{
color: #0D4D34;
text-decoration: none;
font-weight: bold;
display: block;
}

.coursePlanSelected {
  background-color: #FFFFFF;
  color: #666666;
  }

table.courseMenu td{
background-color: #A4D1B3;
border-bottom: 1px solid #73B98A;}

table.courseMenu td.menuOn{
background-color: #FFFFFF;
border-bottom: 1px solid #73B98A;}



table.courseMenu a{
color: #0D4D34;
text-decoration: none;
font-weight: bold;
display: block;
}

table.courseMenu a:hover{
color: #0D4D34;
text-decoration: none;
font-weight: bold;
}

table.courseMenu a:visited{
color: #0D4D34;
text-decoration: none;
font-weight: bold;
}


table.courseMenu img {
    padding: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.navBar {
border-top: 1px solid #DBDACF;
border-bottom: 1px solid #DBDACF;
text-align: right;
padding-top: 4px;
padding-bottom: 4px;
}

.navBar a{
text-decoration: none;
font-weight: bold;
}

.navBar a:hover{
text-decoration: none;
font-weight: bold;
}

.navBar a:visited{
text-decoration: none;
font-weight: bold;
}

.navBar img {
    padding: 0;
    margin-left: 5px;
    vertical-align: middle;
}

div.vocabulary a {
  font-size: 10px;
  color: #C8A900;
padding-left: 3px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 15px;
  display: block;
  background: #FFFFFF url(images/bkg-video.gif) no-repeat right top;
}



div.vocabulary a:hover {
  font-size: 10px;
  color: #867100;
  background-color: #F9FAF1;
  padding-left: 3px;
  padding-top: 5px;
  padding-bottom: 5px;

  padding-right: 15px;
  display: block;
}

#video {
  width: 180px;
  height: 212px;
  background: #DBDACF url(images/fake-player.gif) no-repeat right top;
  }

  td.fieldError {
FONT-WEIGHT: bolder;
COLOR: maroon;
}

span.error {
  color: #CC0000;
  }

span.answerValid {
  color: #669900;
  font-weight: bold;
  }

span.answerInvalid {
  color: #CC0000;
  text-decoration: line-through;
  font-weight: bold;
  }

.even {
  background-color: #FFFFFF;
  color: #333333;
  }

.odd{
  background-color: #F9FAF1;

  }

.odd td {
  color: #333333;
  }

.even td {
  color: #333333;
  }

.counter{
  color: #999999;
  }

.rowContentOver {
  background-color: #F9FAF1;
  }

.rowContentOut {
  background-color: transparent;
  }

ol.searchResult li {
  color: #999999;
  padding-bottom: 15px;
  }

ol.searchResult a {
  color: #CC9900;
  text-decoration : none;
  }

ol.searchResult a:hover {
  color: #CC9900;
  text-decoration : underline;
  }




td.courseHeader {
  color:#B2B493;
  }

  span.quizResult
  {
  color:#CC0000;
  }

   span.quizResultOk
  {
  color:#669900;
  }

span.modProgress {
  color:#B8DFD0;
  }

span.modProgressPourcent {
  color:#ffffff;
font-weight: bold;
  }

td.theoryContent ul li {
margin-bottom:15px;
}


td.theoryContent ul li a {
    color: rgb(243, 156, 18);
        padding-left: 5px;
}

td.theoryContent ul li a:hover {
    color: #19232d;
}

  /* Theory page nav */
  ul.pagination a {
    color: #000000;
}

  
  
.contentPageNav a{
padding: 4px;
color: #999999;
font-weight: bold;
text-decoration: none;  }

.contentPageNav a:hover{
padding: 4px;
color: #999999;
background-color: #F6EECD;
font-weight: bold;
text-decoration: none;  }

.contentPageNav a:visited{
padding: 4px;
color: #999999;
font-weight: bold;
text-decoration: none;  }

a.contentPageNavOn {
padding: 4px;
color: #FFFFFF;
 background: rgb(243, 156, 18);
font-weight: bold;
text-decoration: none;
  }

  a.contentPageNavOn:visited {
padding: 4px;
color: #FFFFFF;
 background: rgb(243, 156, 18);
font-weight: bold;
text-decoration: none;
  }

a.viewWordDesc {
  color: #999999;
  text-decoration: none;
  }

a.viewWordDesc:visted {
  color: #999999;
  text-decoration: none;
  }


/* Text Editor */
div.editZone {
  border: 1px solid #000000;
}

.errorMsg {
background-image: url("images/bkg-errorMsg.gif");
background-repeat: repeat-x;
background-color: #D90000;
color: #FFCCCC;
font-weight: bold;
padding: 10px;
display:block;
text-align: center;
}

div.chapterPannel { 
font-family: "Verdana"; 
color: #333333; 
font-size: 10px;
background: white;
padding:0px;
margin:0px;
border: 1px solid; 
border-color:white;
position:absolute;
height: auto;
visibility: hidden;
width: 150px;
}

.progress {
	margin-bottom: 0;

margin-top: 4px;
	}

.show-grid {
  padding-top: 10px;
  padding-bottom: 10px;
  border-left: 1px solid #ddd;
   border-right: 1px solid #ddd;
  border: 1px solid rgba(86,61,124,.2);
}

.tab-content {
	padding: 10px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.col-progress-top {
	padding-bottom: 10px;
}

.tab-content h3 {
	padding-bottom: 10px;
	padding-left: 5px;
}

.tab-content p a {
	color: #f0ad4e;
}

.pagination-dic {
	margin: 10px 0;	
}

.bbp_widget_login {
	padding-bottom: 15px;
	margin-bottom:15px;
	border-bottom: 1px solid #ddd;
}

.video-js .vjs-tech {
	display: hidden;
}

.vjs-load-progress {
	display: hidden;
	float:left;
}

.vjs-control-bar {
	display: none;
}

.table blockquote a {
  color: #f0ad4e;
}

.about ul {
list-style: initial;
padding-left: 10px;
font-size: 13px;
}