/* --------------------------------------------------------------------- */
/* VALIDATION BOXES                                             		 */
/* --------------------------------------------------------------------- */
#messageBox ul              {padding:0px; margin:0px 7px;}
#messageBox ul li           {color:#660033; background-color: #FDDFDF; clear:both; display:block; margin:1px; padding:5px; padding-left:10px; list-style-type:none; border-bottom:1px solid #FAABAB;}
#messageBox ul li.note      {color:#9B7C02; background-color: #FEEFB3; border-bottom:1px solid #FCCD10;}
#messageBox ul li a         {color:#3C99F7; text-decoration:none; border-bottom:1px dotted;}
.validationBox ul {
	font-family: "Lucida Grande", arial, sans-serif;
	background: #ffdbdb;
	border: 1px solid #7a0013;
	padding: 10px;
	color: white;
	margin:4px;
	margin-bottom: 10px;
	list-style-type:none;
}
.validationBox ul li    { color: #770000; }
.validationBox h2       { text-transform: none; letter-spacing: normal; color: white; }
/* --------------------------------------------------------------------- */
.assessmentAnswerCorrect    { background-color:#D0FEC5; padding:6px 6px 6px 0px; }
.assessmentAnswerIncorrect  { background-color:#FFA8AA; padding:6px 6px 6px 0px; }

#assessmentTasks a.red      { color:Black; background-color:#ff9d9d;  }
#assessmentTasks a.green    { color:Black; background-color:#c0ffd8; }

.disabledInput      { background-color:#CCCCCC; }
.activeInput        { background-color:#FFFFFF; }
.instructionText    { color:#66CCFF; }
/* --------------------------------------------------------------------- */
.BtecTask                               { margin-left:0px; padding-left:0px; }
.BtecTask li                            { margin-top:5px; list-style:none; padding:10px; background-color:#D7F4FF; }
.BtecTask li span                       { text-align:center; width:16px; display:inline-block; margin-right:5px; padding:5px; background-color:White; font-weight:bold; }
.BtecTask li.online.adminopen           { border:1px #a8d3ff solid; background:#e3f1ff url('images/classroom-icon_trans.png') right no-repeat; }
.BtecTask li.online.open                { border:1px #ffbede solid; background:#fce6f1 url('images/classroom-icon_trans.png') right no-repeat; }
.BtecTask li.online                     { background:#E6E3EF url('images/classroom-icon_trans.png') right no-repeat; }
.BtecTask li.online span                { border:1px #ffbede solid; }
.BtecTask li.online.completed           { border:1px #95FD7B solid; background:#e9fee4 url('images/classroom-icon_trans.png') right no-repeat; }
.BtecTask li.online.completed span      { border:1px #95FD7B solid; }
.BtecTask li.practical                  { border:1px #a8d3ff solid; background:#e3f1ff url('images/driving-session-icon_trans.png') right no-repeat; }
.BtecTask li.practical span             { border:1px #a8d3ff solid; }
.BtecTask li.practical.completed        { border:1px #95FD7B solid; background:#e9fee4 url('images/driving-session-icon_trans.png') right no-repeat; }
.BtecTask li.practical.completed span   { border:1px #95FD7B solid; }
.BtecTask li.verbal                     { border:1px #a8d3ff solid; background:#e3f1ff url('images/chat_bubble_trans.png') right no-repeat;}
.BtecTask li.verbal span                { border:1px #a8d3ff solid; }
.BtecTask li.verbal.completed           { border:1px #95FD7B solid; background:#e9fee4 url('images/chat_bubble_trans.png') right no-repeat;}
.BtecTask li.verbal.completed span      { border:1px #95FD7B solid; }
/* --------------------------------------------------------------------- */
.learnTable
{
    font-family:Verdana, Century Gothic, Arial;
    color:#333333;
    width:100%;
    background-color:white;   
    border-collapse: collapse;
    margin-bottom:20px;
}
.learnTable tr th
{
    background: #98c463 url(theme/images/ui-bg_glass_50_d0116f_1x400.png) 50% 50% repeat-x;
    color:White;
    padding:5px;
    padding-left:5px;
    text-align:left;
    margin:0px;
    border-bottom:solid 1px #cccccc;
    border-top:solid 1px #cccccc; 
    font-size:90%;
}
.learnTable tr th a { color:White; border-color:White; font-size:90%; }
.learnTable.green tr th
{    
    font-size:90%;
    background: #98c463 url(theme/images/ui-bg_inset-soft_40_98c463_1x100.png) 50% 50% repeat-x;
    color:White;
    padding:10px;
    padding-left:5px;
    text-align:left;
    margin:0px;
    border-bottom:solid 1px #cccccc;
    border-top:solid 1px #cccccc; 
}
.learnTable tr.row1:hover, .learnTable tr.row2:hover
{
    background-color:#fce6f1;
}
.learnTable tr td   { margin:0px; padding:5px; border-bottom:dotted 1px #cccccc; font-size:90%; }
.learnTable tr.row1 { background-color:#FFFFFF; }
.learnTable tr.row2 { background-color:#ecf9fd; }
/* --------------------------------------------------------------------- */
.accountPanel
{
    position:relative;
    left:350px;
    top:-60px;
    overflow:hidden;
    text-align:right;
    width:600px;    
    clear:both;
}



.dashprogress {
	background: url(images/box_shadow.png) repeat-x bottom #FFF;
	float: left;
	min-height: 204px;
	height: auto !important; /* IE6 hack from min-height*/
	height: 204px;  /* IE6 hack from min-height*/
	width: 431px;
	margin: 8px;
	padding: 5px 16px 2px 10px;
	border: solid thin #E9E9E9;
	display: inline; /* ie6 float:left margin-left fix */
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
}


.dashheading {
	clear: both;
	margin-left: 16px;
	color: #d0116f;
	font-family: Rockwell, Constantia, "Century Gothic", Arial;
	font-size: 110%;
	font-weight: bold;
	float: left;
}
.addIcon
{
    background:url('images/icons/plus.gif') no-repeat;
    background-position:0 -3px;    
    padding:0px;
    padding-left:20px;
}

#dashLabels     { width:220px; float:left; }
#dashGauge      { float:right; width:150px; margin:0px; padding:0px; }
#dashprogress   { float: left; width: 50%;  margin: 0; padding: 0;}
#guages         { float: left; width: 50%;  margin: 0; padding: 0;}

