/*
    mypowerlearning.com stylesheet
*/

body {
    margin:25px;
    padding:0;
    background-color:#f1f1f1;
    color:#171717;
    min-width:750px;
    
    font-family: Verdana, Lucida, "Lucida Grande", helvetica, sans-serif;
    font-size: 12px;
}

a {
    color: #CC1B1B;
    text-decoration: none;
}

a:visited {
    color: #600;
}

a:hover {
    color: #f00;
}

#wrap {
    background-color:#fff;
    border:1px solid;
}

#wwrap {
    margin:0 auto;
    width:750px;
    border: 2px solid #D9D9D9;
}

#header {
    vertical-align:middle;
    text-align:center;
    width:750px;
}

#footer {
    text-align:center;
}

img {
    border: 0;
}

img.mpllogo {
    margin-top:12px;
    margin-left:10px;
}

img.publogo {
    margin-top:26px;
    margin-right:10px;
    float: right;
}

#header>h1 {
    margin: 0;
    height: 108px;
}

#nav {
    background-color:#005D99;
    padding:3px;
    border-top: 2px solid #313E7F;
    border-bottom: 1px solid #88ABCA;
}

/* Special settings for a "Special" Browser */
#nav a:link {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#nav a:visited {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#nav a:active {
    color: #FFF;
    text-decoration: none;
    font-weight: bold;
}

#nav ul {
    margin:0;
    padding:0;
}

#nav li {
    display:inline;
    list-style:none;
    margin:0;
    padding:0;
    padding-right: 15px;
    color: #fff;
}

#nav li>a {
    color:white;
    text-decoration: none;
    font-weight: bold;
    font-size:11px;
}

#main {
    background-color:#fff;
    float:left;
    width:485px;
    padding: 5px;
    padding-left: 10px;
}

#main>h2#subhead {
    margin-left:-5px;
}

#main p {
    clear:both;
    margin: 5px 0;
}

.loginform {
    margin-top: 10px;
    margin-bottom: 10px;
}

.loginform label {
    font-family:"Lucida","Lucida Grande", Verdana, helvetica, sans-serif;
    font-size:17px;
    font-weight: bold;
}

div.row {
    vertical-align:center;
    clear:both;
    margin-bottom:3px;
}

span.label {
    float:left;
    width:130px;
    padding-right: 5px;
    text-align:right;
}

span.input {
    float:right;
    width:330px;
    text-align:left;
}

form.pincodeform label {
    color:#F9D41A;
}

form.loginform label {
    color:#49A9E6;
}

.required {
	color: #900;
}

#beginbutton {
    margin:0;
    padding:0;
}

#sidebar {
    background-color:#DBEEFA;
    background-image: url(/mpl-lww/images/sidebar_background.jpg);
    background-repeat: no-repeat;
    background-position: bottom left;
    
    width:216px;
    /* IE BOX MODEL HACK - IE USES THE ABOVE VALUE */
    voice-family: "\"}\""; 
    voice-family:inherit;
    /* END IE BOX MODEL HACK */
    width:206px;
    
    margin:0;
    margin-left:528px;
    padding: 5px;
    
    border-top: 1px solid #C0BFCD;
    border-left: 1px solid #1D85C8;
    border-bottom: 1px solid #1D85C8;
}

#sidebar h3 {
	margin: 5px 2px 3px;
}

#subnav {
	margin: 3px 0 3px 5px;
	color: #333;
}
#subnav a {
	text-decoration:none;
}
#subnav a, #subnav a:visited, #subnav a:hover {
	color: #C00;
}

#subnav a:active {
	color: #e00;
}

/* rule for standards-compliant browsers */
html>body #sidebar {
    width:206px;
}

#sidebar h3 {
    color:#005D99;
    margin:0;
}


img.reporticon {
    float:left;
}

img.homeimage {
    margin-left: -10px;
}

#footer {
    background-color:#fff;
    clear:both;
    padding:3px;
    font-size:smaller;
}

#faq dt {
    font-weight: bold;
    font-size: 16px;
}

#faq dd {
    display:block; 
    width:100%; 
    height:auto;
    margin:14px;
 }

/* ======================================
   Assessment
   ====================================== */

.assessment {
    border:0;
    width:100%;
}

.assessment .row {
    background-color: #fff;
}

.assessment .altrow {
    background-color: #e1e1e1;
}

.assessment .qnum {
    text-align: left;
    vertical-align: top;
    font-size: 27px;
    font-weight: bold;
    color: #005D99;
    width: 1.5em;
    padding: 0 0 0 3px;
}

.assessment .question {
    color: #333;
    padding: 2px 2px 5px;
}

.assessmentform #prevnext {
    margin: 5px 0
}

.assessmentform #next {
    float: right;
}

.assessmentform #previous {
    float: left;
}

.choices {
    width: 100%;
}

.choices .answers {
    float: left;
    font-weight: bold;
    width: 30%;
}

.choices .responses {
    float: left;
}

.choices .responses tr {
    width: 100%;
}

.choices .responses td {
    padding-left: 35px;
    width: 1%;
}

/* ======================================
   Instructor Report Table
   ====================================== */

table.lsr {
   font-size: 14px;
   font-weight: bold;
}

.instructorReport {
    background-color: #FFF;
    width: 100%;
    margin: 15px 0 0 0
}

.instructorReport tr.name {
    height: 20px;
    background-color: #EFEFEF;
}

.instructorReport .nameHeader {
    width: 330px;
    text-align: left;
}

.instructorReport .vHeader {
    color: #FFAD33;
    font-size: 16px;
    font-weight: bold;
    width: 45px;
}

.instructorReport .aHeader {
    color: #418E48;
    font-size: 16px;
    font-weight: bold;
    width: 45px;
}

.instructorReport .kHeader {
    color: #498DC4;
    font-size: 16px;
    font-weight: bold;
    width: 45px;
}

.instructorReport .vAvg {
    background-color: #FFAD33;
    color: #FFF;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.instructorReport .aAvg {
    background-color: #418E48;
    color: #FFF;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.instructorReport .kAvg {
    background-color: #498DC4;
    color: #FFF;
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.auditory-none {
    background-color: #BBBBBB;
    color: #BBBBBB;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}
    
.auditory-mild {
    background-color: #CFE3D1;
    color: #418E48;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.auditory-medium {
    background-color: #88B88C;
    color: #418E48;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.auditory-strong {
    background-color: #418E48;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.visual-none {
    background-color: #BBBBBB;
    color: #BBBBBB;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}
    
.visual-mild {
    background-color: #FFEBCC;
    color: #FFAD33;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.visual-medium {
    background-color: #FFCC7F;
    color: #FFAD33;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.visual-strong {
    background-color: #FFAD33;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.kinesthetic-none {
    background-color: #BBBBBB;
    color: #BBBBBB;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}
    
.kinesthetic-mild {
    background-color: #D2E2F0;
    color: #498DC4;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.kinesthetic-medium {
    background-color: #8DB7DA;
    color: #498DC4;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

.kinesthetic-strong {
    background-color: #498DC4;
    color: #FFF;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
    width: 45px;
}

#reportSummary {
    background-color:#fff;
    margin: 0 0 45px 0;
    float: right;
}

#reportSummary tr {
    height: 30px;
    background-color: #FFF;
}

#reportSummary td {
    color: #FFF;
    font-weight: bold;
    text-align: center;
    width: 45px;
}

#reportSummary .label {
    color: #888;
    width: 49px;
    text-align: right;
}

#reportSummary .vSummary {
    background-color: #FFAD33;
    text-align: center;
}

#reportSummary .aSummary {
    background-color: #418E48;
}

#reportSummary .kSummary {
    background-color: #498DC4;
}

/* ======================================
   Backend
   ====================================== */

table.courselist {
    width: 96%;
    margin: 15px 0 45px 0
}

table.courselist tr {

}

table.courselist tr.row {
    background-color: #fff;
}

table.courselist tr.altrow {
    background-color: #eee;
}

table.courselist th {
    text-align: left;
    font-size: 11px;
}

th#enrollment, th#logins, th#complete {
    width: 5em;
}

/* ======================================
   Report
   ====================================== */
   
.resultchart {
    background: url(images/chart_background.gif);
}

.resultcharthead {
    font-size: smaller;
    font-weight: normal;
}

.resultchartfoot {
    margin-top: 10px;
}

.resultv {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color:#FF9900;
}
.resulta {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #11721A;
}
.resultk {
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    color: #1C70B5;
}

#dreport {
    text-align: left;
    font-size: 12px;
}

#dreport .header {
    text-indent: 5px;
    font-size: 16px;
    background-color: #B2B0ED;
}

#dreport .superHeader {
    text-indent: 5px;
    font-size: 20px;
    font-weight: bold;
    background-color: #B2B0ED;
}

#dreport p {
	clear: none;
}