@charset "utf-8";

/* CSS for RichMorning lessons */

/* body and main content div */ 

.richmorning-lesson-body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;

	background:url(/richmorning/images/lesson-background.jpg) #000000 no-repeat top;
	background-color:#000000;
	margin:0px;
	/*margin:0 auto;
	width:100%;*/

	color:#999; /* gray text when written on the black background */
}

.richmorning-lesson-content {
	width:932px;
	height:100%; /* cai nay co the bo */
	margin:0 auto;
	padding_left:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}


/* blue top header */

#lesson-header{
	width  : 932px;
	margin : 27px auto 0 auto;
}

.blue-box-top {
	background:url(/richmorning/images/lesson-blue-box-top.jpg) no-repeat top;
	width:364px;
	margin-top:10px;
}
.blue-box-bottom {
	width:363px;
	height:35px;
	float:right;
	margin-right:1px;
}

.blue-box-bg {
	background-color:#006599;
	margin-top:-4px;
	width:362px;
}
.no-border {
	border:none;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.clearboth {
	clear:both;
}
.greeting {
  font-family:Georgia, "Times New Roman", Times, serif;
  font-size:14px;
  color:#999;
  padding-left:22px;
  padding-bottom:10px;
  font-weight: bold;
}

/* SUBSCRIBE BUTTON */
.subscribe-link-div {
	float:left;
	width:212px;
	height:116px;
}

#subscribe,
#subscription{
    display         : block;
    margin          : 10px 0 0 15px;
    padding         : 25px 10px 0 87px;
    color           : #000000;
    text-decoration : none;
    font-family     : Georgia;
    font-style      : italic;
    font-size       : 10px;
    background      : url(/richmorning/images/richmorningInternePack.png) 0 0 no-repeat;
    height          : 102px;
    width           : 147px;
    position        : relative;
    z-index         : 10;
}

.subscribe-link-posttorfmail-div #subscribe:hover,
#subscribe:hover,
#subscription:hover{
    color           : red;
    text-decoration : none; 
    cursor          : pointer;
}

#subscribe p{
    margin     : 1px 0 1px 0;
    text-align : left;
}

#subscribe p.bold{
    font-weight: bold;
    font-size: 14px;
}

.subscribe-link-posttorfmail-div #subscribe p.bold{
    font-weight : bold;
    font-size   : 15px;
}

.subscribe-link-posttorfmail-div {
	height     : 116px;
}

.subscribe-link-posttorfmail-div #subscribe,
.subscribe-link-posttorfmail-div #subscription{
    display         : block;
    margin          : 30px auto 0 auto;
    padding         : 38px 10px 0 110px;
    color           : #000000;
    text-decoration : none;
    font-family     : Georgia;
    font-style      : italic;
    font-size       : 11px;
    background      : url(/richmorning/images/richMorningPack.png) 0 0 no-repeat;
    height          : 102px;
    width           : 157px;
    position        : relative;
    z-index         : 10;
}

#subscription .subscribe-link-up{
   font-size: 14px;
}

.subscribe-link-up {
    display: block;
    padding : 10px 0 0 0;
}

.posttorfmail-link,
.posttorfmail-link:visited{ 
    color           : #CCCCCC;
    text-decoration : none;
    font-size       : 16px;
    font-family     : Verdana,Arial,Helvetica,sans-serif;
}

.posttorfmail-link:hover{
    color: #FFCC00;
}

.text-color-white {
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#FFFFFF;
}

.user-name {
	margin:12px 0xp 2px 0px;
	font-size:18px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;	
	padding-top:50px;
	margin-left:120px;
}

.user-emailaddress {
	margin-left:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

.blue-box-padding-and-font {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:10px;
	padding-bottom:10px;
	line-height:20px;	
}

.align-right-and-margin {
	text-align:right;
	margin-left:100px;
	_margin-left:60px;
}

.blue-box-left-margin {	
	margin-left:230px;
}

.status-image-div {
	margin-left:17px;
}



/* Lesson from top to bottom in body */

.title-day {
    font-family   : Georgia, "Times New Roman", Times, serif;
    font-size     : 24px;
    font-weight   : bold;
    font-style    : italic;
    color         : #ffcc00;
    text-align    : center;
    margin-bottom : 10px;
}


.link-lesson-correction{
    font-family     : Georgia, "Times New Roman", Times, serif;
    font-size       : 20px;
    color           : #999;
    font-style      : italic;
    text-decoration : none;
    text-align      : center;
}


.link-lesson-correction a{
    color           : #999;
    text-decoration : none;
}

.link-lesson-correction a.link-lesson-correction-current{
    color : #FFF;
}

.link-lesson-correction a.link-lesson-correction-allowed{
    text-decoration : none;
}

.link-lesson-correction a:hover {
    cursor : default;
}

a.link-lesson-correction-allowed:hover {
    color : #CCC;
    cursor: pointer;
}


.title-links-margin {
	margin-left:330px;
	margin-top:2px;
}

.lesson-links-center {
  margin : 0 auto 0 auto;
  width  : 560px;
}


/* test box */
.testbox {
	width  : 932px;
	margin : 40px auto;
}

.testbox-title-text {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:18px;
	font-weight:bold;
        text-align: left;
}

.testbox-body {
	padding-top:4px;
	padding-left:20px;
	padding-right:20px;
	padding-bottom:4px;
}

/*  pistache test box */
.testbox-pistache {
	color:#300;
}

.testbox-pistache-top {
	background:url(/richmorning/images/lesson-pistachebox-top.jpg) center left no-repeat;
	width:932px;
	color:#FFFFFF; /* white text in header/title */
}

.testbox-body-pistache{
    background-color:#cccc66;
}

/*  yellow test box */
.testbox-yellow {
    color:#300;
}

.testbox-yellow-top {
	background:url(/richmorning/images/lesson-yellowbox-top.jpg) center left no-repeat;
	width:932px;
	color:#c00; /* red text in header/title */
}

.testbox-body-yellow{
    background-color:#ffffcc;
}

/* blue test box */
.testbox-blue {
	color: #000;
}
.testbox-blue-top {
	background:url(/richmorning/images/lesson-bluebox-top.jpg) center left no-repeat;
	width:932px;
	color: #FFF; /* white text in header/title */
}

/* blue test box without title */
.testbox-blue-notitle {
	background-color:#66ccff;
	color: #000;
}
.testbox-blue-notitle-top {
	background: url(/richmorning/images/lesson-blue-notitlebox-top.png) center left no-repeat;
	width:932px;
	height:51px;
	color: #FFF; /* white text in header/title */
}

.testbox-body-blue{
    background-color:#66ccff;
}

.testbox-body-blue-notitle {
        /* Since there is no title or icon we should move the content up a bit. */
        margin-top: -20px;
}



/* gray test box */
.testbox-gray-top {
	background : url(/richmorning/images/lesson-graybox-top.jpg) center left no-repeat;
	width      : 932px;
}

.testbox-gray {
	background-color : #666666;
	color            : #CCCCCC;
	font-size        : 12px;
}

.testbox-gray textarea{
    background-color : #999999;
    border           : 1px solid #CCCCCC;
    width            : 285px;
}

.testbox-gray input{
        background-color : #999999;
        border           : 1px solid #CCCCCC; 
        margin: 0px;
        padding: 0px;
}

.testbox-bottom{
    background: black;
}

.rateStatus{
    float:left;
    clear  : both;
    width  : 100%;
    height : 20px;
}

#rateMe{
    float:left;
    clear   : both;
    width   : 100%;
    height  : auto;
    padding : 0px;
    margin  : 0px;
}

#rateMe li{float:left;
    list-style : none;

}

#rateMe li a:hover,
#rateMe .on{
    background : url(/richmorning/images/lesson-star-on.gif) no-repeat;
}

#rateMe a{
    float      : left;
    background : url(/richmorning/images/lesson-star-off.gif) no-repeat;
    width      : 22px;
    height     : 27px;
}

#ratingSaved{
    display : none;
}

.saved{
    color : red;
}

.feedback-image{
    background : url(/richmorning/images/lesson-feedback-right.png);
    height     : 147px;
    width      : 168px;
    margin-top : 10px;
    position   : relative;
    top        : 1px;
    left       : 68px;
}

.feedback-image .score{
    padding-top : 79px;
    text-align  : center;
    color       : white;
}

.lesson-score{
    font-size   : 14px;
    font-weight : bold;
}

.lesson-score-note{
    font-size : 26px;
}

/* input elements */

.checkbox-text-span-style {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-left:10px;
}
.textbox-border-style {
	border-style:solid;
	border-width:4px;
	border-color:#300;
}

/* autotest */

.autotest-question{
    color       : #300;
    font-weight : bold;
    margin      : 0 0 5px 0;
}

.autotest-answer{
    background : #CCCC99;
    color      : #333300;
    cursor     : pointer;
    padding    : 5px 5px 5px 5px;
}

.autotest-answer:hover{
    color      : white;
    background : #300;
}

.autotest-answer-clicked{
    background  : none;
    color       : #339900;
    cursor      : default;
    padding     : 5px 0px 5px 0px;
    font-weight : bold;
}

/* send button */

.send_button{
	background : url(/richmorning/images/lesson-send-button-mailbox.jpg) no-repeat;
	margin     : 0 auto;
	height     : 135px;
	width      : 99px;
}
.send_button:hover{
	background : url(/richmorning/images/lesson-send-button-mailbox-hover.jpg) no-repeat;
}

/* footer */

.footer{
   font-family:Verdana;
   font-size:11px;
   color:#666;
}

.footer a:visited,
.footer a{
   color           : #666;
   text-decoration : none;
}

.footer a:hover{
   color           : #999;
   text-decoration : none;
}

.center-text {
   text-align:center;
}

.bottom_link{
	color:#999;
	text-decoration:none;
	cursor:pointer;
}

.bottom_link:hover{
	color:#666;
	cursor:pointer;
	text-decoration:none;
}


/* blank sections/vertical space */

/* TODO: Remove if possible! */

.blank_5{height:5px;}
.blank_8{height:8px;}
.blank_10{height:10px;}
.blank_15{height:15px;}
.blank_20{height:20px;}
.blank_25{height:25px;}
.blank_30{height:30px;}
.blank_50{height:50px;}


/* tooltips */

#tooltip_top{
  background : url(/richmorning/images/lesson-tooltip-top-280px.png) no-repeat;
  height     : 48px;
  width      : 290px;
}

#tooltip_body{
  background : url(/richmorning/images/lesson-tooltip-body-280px.png) repeat-y;
  font-size  : 12px;
  width      : 290px;
  color      : #fff; /* white text in tooltips */
}

#tooltip_body p{
  position : relative;
  top      : -10px;
  margin   : 0 15px 0 20px;
  width    : 255px;
}

#tooltip_bottom{
  background : url(/richmorning/images/lesson-tooltip-bottom-280px.png) no-repeat;
  height     : 28px;
  width      : 290px;
}

/* indenting */
.indent {
  margin-left: 40px;
  text-align: left; /* indended text should always be aligned left */
}


/* flash video player CSS */

.rms-micro-video {
  width: 75px; 
  height: 68px;
  margin-left: auto;
  margin-right: auto;
}

.rms-mini-video {
  width: 220px; 
  height: 203px;
  margin-left: auto;
  margin-right: auto;
}

.rms-medium-video {
  width: 300px; 
  height: 270px;
  margin-left: auto;
  margin-right: auto;
}

.rms-lesson-video {
  width: 827px; 
  height: 667px;
  margin-left: auto;
  margin-right: auto;
}


/* manual trigger should color */
.manual-trigger-request {
  color: green;
  font-weight: bold;
}



/* Scissor delimeter depending on the "patatoe" box background colour. */
.testbox-pistache   .scissor-line,
.testbox-yellow     .scissor-line,
.testbox-blue       .scissor-line, 
.testbox-title-text .scissor-line, 
.testbox-gray       .scissor-line { 
    background: url(/richmorning/images/lesson-scissor-separator-red-transparent.gif) no-repeat center ; 
}



/* Some class from gymglish.css needed to display test correction etc. */

span.error {
	color:			red;
	font-weight:		bold;
	text-decoration:	line-through;
}

span.correct {
	color:			green;
	font-weight:		bold;
}

span.almostgood {
	color:			green;
	font-weight:		bold;
	text-decoration:	line-through;
}
		
span.warning {
	color:			red;
	font-weight:		bold;
}

span.explain {
       	color:                  gray; 
        font-weight:            lighter; 
}

span.red {
        color:                  red;
}

span.gray {
        color:                  gray;
}

span.careful {
    color       : #CC7722;
    font-weight : bold;
}

option.careful {
    color : gray;
}

/* Show my questions - Day 1 */
#showmyquestionsday1 {
    padding    : 35px 10px 30px 60px;
    background : url(/richmorning/images/lesson-day1-show-question.jpg) center 0 no-repeat;
    color      : #FFFFFF;
    border     : 0px;
    width      : 255px;
}
#showmyquestionsday1:hover {
    background : url(/richmorning/images/lesson-day1-show-question-hover.jpg) center 0 no-repeat;
    color      : #00000F;
    border     : 0px;
    cursor     : pointer;
}


.tutorial_content ul li {
    margin-bottom:8px;
}

.lesson-settings{
    font-size: 11px;
}

/** Wheel of fortune css: Fields common to all the wheel of fortune text boxes. */
.correct_char, .empty_char, .punctuation_char, .error_char, .almost_correct_char
{
    height           : 33px;
    width            : 28px;
    margin           : 0 2px 0 2px;
    font-family      : Verdana,Arial,Helvetica,sans-serif;
    font-size        : 25px;
    font-weight      : bold;
    text-align       : center;
    text-transform   : uppercase; 
}

/** Wheel of fortune css: error text boxes. */
.error_char         
{ 
    color            : white         ; 
    border           : 4px solid red ; 
    background-color : red           ; 
}

/** Wheel of fortune css: correct character boxes. */
.correct_char       
{ 
    color            : white           ; 
    border           : 4px solid green ; 
    background-color : green           ; 
}

/** Wheel of fortune css: almost correct character boxes. */
.almost_correct_char
{
    color            : white             ;
    border           : 4px solid #CC7722 ;
    background-color : #CC7722           ;
}

/** Wheel of fortune css: empty box, no answers from the user. */
.empty_char         
{ 
    color            : white         ; 
    border           : 4px solid red ; 
    background-color : white         ; 
}

/** Wheel of fortune css: empty box, no box for punctuation signs. */
.punctuation_char   { 
    color  : white ; 
    border : 0px   ; 
}

.delivery_checkbox_label{
    padding-left: 5px;
}