/* --- private student pages --- */

table { width: 100% }

a {color: #057897;}

input.button {background: url(../images/student-button-bg.png) top left repeat-x;}

body.student.private .page-header .nav ul.main li {
	background-image: url(../images/student-nav-bg.jpg); background-repeat: repeat-x;
}
body.student.private .page-header .nav ul.main li.current {
	background-color: #4e9a3f; 
	background-image: url(../images/nav-selected.gif); background-repeat: no-repeat;
	margin-left: -1px;
}
body.student.private .page-header .nav ul.main li.current.extra-nav {
	background-color: #666;
}
body.student.public .page-header .nav ul.main li, body.student.public .page-header .nav ul.main li.extra-nav {
	background-image: url(../images/public-student-nav-bg.jpg); background-repeat: repeat-x;
}
body.student.public .page-header .nav ul.main li.current {
	background-color: #991859;
	background-image: url(../images/nav-selected.gif); background-repeat: no-repeat;
	margin-left: -1px;
}
body.student.private .page-header .nav ul.main li.extra-nav {
}


/* --- schedule pages --- */

table.calendar td.calendar-heading {background: #59b548;}
table.calendar { border: 1px solid #59b548; }
table.calendar th { background: #59b548; }
table.calendar td.event {background:#ddffdd;}
table.calendar td.today {background:#59b548; color: white;}

.calendar-heading #previous-month {background-image: url(/images/student-calendar-prev.png);}
.calendar-heading #next-month {background-image: url(/images/student-calendar-next.png);}

/* public site generic */

body.public-content .main-content {
    padding-top: 10px;
}

body.public-content .content-header h1 {
    font-weight: normal;
    font-size: 20px;
    color: #1D006A;
}

body.public-content .content-body h3 {
    font-weight: normal;
    margin: 10px 0;
    font-size: 16px;
    color: #1D006A;
}

/* --- public note --- */

/* --- public sidebar generic --- */

body.public-content .aside .courseDescription
{
    padding:10px;
    background: #007C9A;
    color: white;
}

body.public-content .aside .courseDescription a
{
    color: white;
}
body.public-content .aside .courseDescription a:visited
{
    color: white;
}

body.public-content .aside .courseDescription p
{
    font-size:12px;
   
} 

body.public-content .aside {
    padding: 25px 0;
}

body.public-content .aside .section {
    width:  220px;
    background: #B70059;
    color: white;
    padding: 0 15px 15px 15px;
}

body.public-content .aside h1 {
    color: white;
    padding: 0 12px;
    font-weight: normal;
    font-size: 23px;
}

body.public-content .aside h2 {
    background: #B70059;
    color: white;
    font-weight: bold;
    font-size: 22px;
    padding: 5px 0 0 0; margin: 0;
}

body.public-content .aside p {
    font-size: 18px;
    line-height: 150%; 
}

body.public-content .aside .hpt {
    width:  290px;
    background: #007C9A;
    color: white;
    float: right;
    padding:5px;
}
body.public-content .aside .hpt a
{
    color:White;
}

body.public-content .aside .hpt h1 {
    padding: 5px 0 0 0; margin: 0;
}

body.public-content .aside .hpt p {
    font-size: 16px;
    margin-bottom: 10px;
}

body.public-content .aside .test {
    width:  210px;
    background: #B70059;
    color: white;
}
body.public-content .aside .test.wide {
    width: 290px;
}

body.public-content .aside .test h1 {
    color: #B70059;
    background: white;
    margin: 0 -15px 0 -15px;
    border: 1px solid #B70059;
}


body.public-content .aside .test a.begin {
    display: block;
    color: white;
    text-decoration: none;
    font-size: 18px;
    width: 102px;
    padding: 10px 0 17px 0;
    text-align: center;
    margin: 10px auto 0 auto;
    background: url(../images/begin-theory-button.png) no-repeat top left;
}

body.public-content .progress-indicator { width: 10px; height: 54px; float: left;}
body.public-content .progress-indicator.perfect {
    background: url(../images/green-progress.png) no-repeat top left;
}
body.public-content .progress-indicator.reasonable {
    background: url(../images/amber-progress.png) no-repeat top left;
}
body.public-content .progress-indicator.poor {
    background: url(../images/red-progress.png) no-repeat top left;
}



/* --- e-learning page --- */

body.e-learning .main-content ul {
    margin-top: 10px
}

/* LIST ITEM */
body.e-learning .main-content li {
    /*height: 75px;*/
    background: #E6E3EF;
    border-bottom: 1px solid white;
    font-size: 10px;
    line-height: 160%;
    overflow: hidden;
}

body.e-learning .main-content li.passed
{
    background: #D0FEC5;
}

body.e-learning .main-content li.open
{
    background: #D0FEC5;
}
body.e-learning .main-content li.locked
{
    background: #FFA8AA;
}
body.e-learning .main-content li.windowed
{
    background: #FFD7BB;
}


body.e-learning .main-content li .description {
    padding: 4px 5px 5px;
}

body.e-learning .main-content li
{
    clear:both;   
}

body.e-learning .main-content li .moduleImage
{
    padding: 5px;
    float:left;
}

body.e-learning .main-content li .moduleDescription
{
    padding: 5px;
    padding-left:150px;
}

body.e-learning .main-content .icon-course-link img 
{
    
    float: left;
}

body.e-learning .main-content ul .icon-course-link img {
    margin-right: 8px;
}

body.e-learning .main-content table.categories td {
    padding: 0;
}
body.e-learning .main-content table.categories td span.view {
    padding-left: 10px;
}

/* --- Hazard Perception Page --- */

body.hazard-perception .help {
    margin-bottom: 40px;
}


body.signup-page form {
	background: url(../images/heading-bg.jpg) top left repeat-x;
	padding-top: 30px; overflow: hidden;
}
body.signup-page th {text-align: right; color: black; width: 138px;}
body.signup-page th, body.signup-page td {background: white;}
body.signup-page table {margin-left: 80px;}
body.signup-page .field-list input {width: 250px;}
body.signup-page .submit-button {float: right;  margin: 10px 20px 40px;}


/* --- Driving Feedback -- */

body.edit-page.driving-session h1 { margin: 0 0 10px 0; }
body.edit-page.driving-session h2 span {background: url(../images/driving-session-icon.png) 8px 8px no-repeat; padding-left: 40px; font-size: 13px;}
body.edit-page.driving-session textarea { width: 100%; height: 200px; }
body.edit-page.driving-session .session-date { float: right; margin-top: 16px; margin-right: 40px; font-size: 12px; }
body.edit-page.driving-session .rating { float: right; overflow: hidden; height: 100%; margin: 10px 0 0 0; }

body.edit-page.driving-session div.content-body { padding: 0 40px; }
body.edit-page.driving-session .rating p { float: left; margin: -5px 10px 0 0; font-weight: bold; font-size: 13px; }
body.edit-page.driving-session .rating .star-rating {float: left;}
body.edit-page.driving-session form { font-size: 14px; margin-top: 10px; }
body.edit-page.driving-session form .section { 
	overflow: hidden; height: 100%; padding-bottom: 10px; margin-bottom: 15px;
	background: white url(../images/h-dashed-line.jpg) bottom left repeat-x;
}
body.edit-page.driving-session .submit-button { margin: 10px 0; float: right; }

body.edit-page.driving-session .driving-session-student-feedback {width: 598px;}

/* --- show message --- */

body.show-message a.psychometric-profile { display:block; margin: 20px 0; padding: 14px 0 0 40px; 
    background: url("../images/icon-pdf.gif") top left no-repeat;
    height: 22px;
}


/* --- tutor info sidebar panel --- */

div.tutor-info { margin-top: 20px; background: white; border: 1px solid #017896; }
div.tutor-info h2 { color: white; background: #017896; padding: 10px; margin: 0; line-height:14px; border: none; }
div.tutor-info h3 { margin: 0 0 0 10px; line-height: 32px; font-size: 14px; }
div.tutor-info h3 span { margin: 0; padding: 0; }
div.tutor-info div { margin: 0px 10px 10px 10px; }