@import url(reset-min.css);
@import url(modalbox.css);

html
{
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
}

body
{
    background: #FFF url(images/bg.gif) top center repeat-y;
    margin: 0px;
    padding: 0px;
    font-size: 1.2em;
}

font {
	font-size:12px !important;
}
th
{
    font-weight: bold;
    text-align: center;
}

a
{
    color: #0D2C89;
}

#skiplink
{
    display: none;
}

#allcontent
{
    width: 760px;
    margin: 0 auto;
}

#header
{
    position: relative;
    float: left;
    width: 760px;
    border-bottom: 1px solid #EEE;
    padding-bottom: 5px;
}

#home #header
{
    height: 140px;
    padding-bottom: 10px;
}

h1, h1 span
{
    width: 350px;
    height: 100px;
}

h1 a
{
    text-decoration: none;
    cursor: pointer;
    cursor: hand;
}

h1
{
    overflow: hidden;
}

/* IE5 Mac Hack \*/
h1
{
    overflow: hidden;
}
/*/
h1 { text-indent: -100em; }
/* End Hack */

h1 span
{
    margin-bottom: -57px;
}
h1 span
{
    display: block;
    position: relative;
    z-index: 1;
}

h2, h3, h4, h5, h6
{
    font-weight: bold;
}

/* generic styling */

.print a
{
    margin-left: 10px;
    height: 30px;
    width: 80px;
    padding-left: 30px;
    background: url(images/printer.jpg) left center no-repeat;
    display: block;
    line-height: 30px;
    margin-bottom: 10px;
}

form
{
    margin: 0 10px;
    padding: 0 10px;
}

strong
{
    font-weight: bold;
}

.error
{
    color: #FF0000;
}

.reset
{
    margin: 0;
    padding: 0;
}

.success
{
    background: #ECFFEC;
    border-top: 1px solid #91FF91;
    padding: 5px 10px;
    margin: 0 10px 10px 10px;
    font-weight: bold;
    text-align: center;
    color: #666;
}

.failure
{
    background: #FFDBD9;
    border-top: 1px solid #FFA8A4;
    padding: 5px 10px;
    margin: 0 10px 10px 10px;
    font-weight: bold;
    text-align: center;
    color: #666;
}

.quizloader
{
	/*position: absolute;
	top: 0px;
	left: 17px
	margin-left: 17px;*/
	position: absolute;
	top: 0;
	left: 47px;
}

a.adminLink
{
    font-weight: normal!important;
    color: #999!important;
}

a.adminLink:hover
{
    color: #0D2C89!important;
}


textarea, input, select
{
    font-size: 1em;
    font-family: Arial, Helvetica, sans-serif;
}

div.input label, div.textarea label
{
    display: block;
    float: left;
    width: 100px;
    padding-top: 3px;
}

div.checkbox input, input#ctl00_ctl00_cplhMain_cplhMain_btnSubmit
{
    margin-left: 10px;
}

div.checkbox label
{
    margin-left: 5px;
}

form div, form span
{
    clear: both;
    display: block;
}

form div.printlearninglog span.selectall, form div.printlearninglog span.selectnone {
    clear: none;
    display: inline;
    font-size: 0.8em;
    font-weight: normal;
}

form p span {
    clear: none;
    display: inline;
}

form h4
{
    font-size: 1.1em;
    clear: both;
    display: block;
    margin: 5px 0;
}

#content span
{
  clear: none !important;
  display: inline !important;
}

div.contentblock p, div.contentblock h4
{
    margin: 10px;
    border: none!important;
}

.homepersonaltutor
{
    font-weight: bold;
}

.homepersonaltutor a
{
    padding: 2px 5px 2px 18px;
    background: url(images/personaltutor.gif) 2px 5px no-repeat;
}

/* end of generic styling */

ul#sections
{
    height: 110px;
    float: right;
    clear: right;
    display: block;
    padding: 0;
    list-style: none;
}

ul#sections li
{
    float: left;
}

ul#sections li.elearning
{
    background: url(images/elearning.jpg) top center no-repeat;
}

ul#sections li.assessments
{
    background: url(images/assessments.jpg) top center no-repeat;
}

ul#sections li.learninglog
{
    background: url(images/learninglog.jpg) top center no-repeat;
}

ul#sections li.resources
{
    background: url(images/resources.jpg) top center no-repeat;
}

ul#sections li.reports
{
    background: url(images/reports.jpg) top center no-repeat;
}

ul#sections li a
{
    display: block;
    width: 75px;
    padding: 80px 10px 0 10px;
    text-align: center;
    color: #0D2C89;
    text-decoration: none;
    font-weight: bold;
}

ul#sections li a:hover
{
    text-decoration: underline;
}

.divCourseSelection {
    float: right;
    display: block;
    height: 20px;
    padding: 0;
    margin: 5px 0 10px;
}

ul#panel
{
    display: block;
    height: 28px;
    list-style: none;
    margin: 0;
    padding: 0;
}

ul#panel li
{
    float: left;
    padding: 6px 10px;
    background: url(images/panel.jpg) center left repeat-x #990000;
}

ul#panel li.home
{
    background: url(images/leftpanel.jpg) center left no-repeat;
}

ul#panel li.helpdesk
{
    background: url(images/rightpanel.jpg) center right no-repeat;
}

ul#panel li a
{
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
}

ul#panel li a:hover
{
    text-decoration: underline;
}

#content:after, .clearfix:after, #MB_content .key:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix, #content, #MB_content .key
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix, * html #content, * html #MB_content .key
{
    height: 1%;
}
.clearfix, #content, #MB_content .key
{
    display: block;
}
/* End hide from IE-mac */

#footer
{
    width: 760px;
    margin: 0 auto;
    position: relative;
}

#footer img {
	position: absolute;
	bottom: 40px;
	margin-left: 10px;
}

#footer p
{
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(images/footer.jpg) bottom left repeat-x #0D2C89;
    width: 740px;
    padding: 0 10px;
    line-height: 30px;
    color: #FFF;
}

*
{
    margin: 0;
}
html, body
{
    height: 100%;
}
#allcontent
{
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -93px; /* the bottom margin is the negative value of the footer's height */
}
#footer, #push
{
    height: 93px; /* .push must be the same height as .footer */
}

/* breadcrumbs styling */
#cookieCrumb
{
    background-color: #FFFFEA;
    padding: 3px 10px;
    border-top: 1px solid #DDD;
}

#cookieCrumb span
{
    display: inline;
}

#cookieCrumb a
{
    font-weight: bold;
    color: #0D2C89;
}

#home #cookieCrumb
{
    display: none;
    visibility: hidden;
}


/* home content */
#content
{
    margin: 10px 0;
    border: 1px solid #000; /*height: 100%;*/
}

#content
{
    padding-bottom: 10px;
}

#content h3
{
    background: url(images/heading.jpg) top left repeat-x;
    line-height: 26px;
    border-bottom: 1px solid #000;
    color: #FFF;
    padding-left: 10px;
    font-size: 1.2em;
    margin-bottom: 10px;
}

.tutorIntro, .intro
{
    margin: 15px 10px;
    line-height: 1.4em;
}

.intro
{
    float: left;
}

.tutorIntro h4
{
    font-size: 1.2em;
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
    width: 735px;
}

.intro h4
{
    font-size: 1.2em;
    border-bottom: 1px solid #000;
    margin-bottom: 5px;
    width: 295px;
}

.intro p
{
    width: 295px;
}

.intro ul.introoptions
{
    float: right;
}

ul.introoptions li
{
    display: block;
    width: 95px;
    margin: 15px 10px 0 10px;
    float: left;
}

ul.introoptions li.viewcohort a
{
    background: url(images/viewcohort.jpg) top center no-repeat;
    padding-top: 77px;
    text-align: center;
    width: 100%;
    display: block;
    color: #000;
}

ul.introoptions li.addentry a
{
    background: url(images/addentry.jpg) top center no-repeat;
    padding-top: 77px;
    text-align: center;
    width: 100%;
    display: block;
    color: #000;
}

ul.introoptions li.calendar
{
    background: url(images/calendarbg.jpg) bottom right no-repeat;
    width: 160px;
    display: block;
    color: #000;
    padding: 0 5px 5px 5px;
}

ul.introoptions li.calendar h5
{
    text-align: center;
    font-size: 1.2em;
}

ul.courseunits, ul#courseunits
{
    clear: both;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.courseunits:after, ul#courseunits:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.courseunits, ul#courseunits
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html ul.courseunits, * html ul#courseunits
{
    height: 1%;
}
ul.courseunits, ul#courseunits
{
    display: block;
}
/* End hide from IE-mac */

ul.courseunits li.course, ul#courseunits li.course
{
    background: url(images/courseunit.jpg) top left repeat-x;
    clear: both;
    width: 100%;
    height: 100%;
}

ul.courseunits li.course a.coursetitle, ul#courseunits li.course a.coursetitle
{
    margin: 0 0 0 45px;
    line-height: 45px;
    float: left;
    font-weight: bold;
    font-size: 1.2em;
    text-decoration: none;
    display: inline;
    color: #000;
}

ul.courseunits li.course a.unitmessage, ul#courseunits li.course a.unitmessage
{
    display: inline;
    font-size: 1em;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 14px;
    /*line-height: 45px;*/
    font-weight: bold;
    text-decoration: none;
    color: #000;
    float: right;
    /*display: none;
    visibility: hidden;*/

}

ul.courseunits li.course:after, ul#courseunits li.course:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.courseunits li.course, ul#courseunits li.course
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html ul.courseunits li.course, * html ul#courseunits li.course
{
    height: 1%;
}
ul.courseunits li.course, ul#courseunits li.course
{
    display: block;
}
/* End hide from IE-mac */

ul.courseunits li ul.alerts, ul#courseunits li ul.alerts
{
  display: inline;
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

#home ul.courseunits li ul.alerts, #home ul#courseunits li ul.alerts, #elearning ul.courseunits li ul.alerts, #elearning ul#courseunits li ul.alerts, #assessments ul.courseunits li ul.alerts, #assessments ul#courseunits li ul.alerts
{
    margin: 0;
}

ul.courseunits li ul.alerts li, ul#courseunits li ul.alerts li
{
    display: inline;
    float: left;
    margin-top: 2px;
}

ul.courseunits li ul.alerts li a, ul#courseunits li ul.alerts li a
{
    padding: 32px 0 0 0 !important;
    display: inline;
    float: left;
    margin: 0 5px;
    width: 26px;
    text-decoration: none;
    outline: none;
    height: 0;
    overflow: hidden;
}

ul.courseunits li ul.alerts li a span, ul#courseunits li ul.alerts li a span
{
}

ul.courseunits li ul.alerts li.unittutor a, ul#courseunits li ul.alerts li.unittutor a
{
    background: url(images/shortcutunittutor.jpg) no-repeat 0 0;
    cursor:pointer;
}

ul.courseunits li ul.alerts li.videos a, ul#courseunits li ul.alerts li.videos a
{
    background: url(images/shortcutvideos.jpg) no-repeat 0 0;
}

ul.courseunits li ul.alerts li.deadlines a, ul#courseunits li ul.alerts li.deadlines a
{
    background: url(images/shortcutdeadlines.jpg) no-repeat 0 0;
}

ul.courseunits li ul.alerts li.updates a, ul#courseunits li ul.alerts li.updates a
{
    background: url(images/shortcutupdates.png) no-repeat 0 0;
}

ul.courseunits li ul.alerts li.exerciseList a, ul#courseunits li ul.alerts li.exerciseList a
{
    background: url(images/shortcutexerciselist.png) no-repeat 0 0;
}

ul.courseunits li ul.alerts li.feedback a, ul#courseunits li ul.alerts li.feedback a
{
    background: url(images/shortcutfeedback.jpg) no-repeat 0 0;
}

ul.courseunits li ul.alerts li.forum a, ul#courseunits li ul.alerts li.forum a
{
    background: url(images/shortcutforum.jpg) no-repeat 0 0;
}

ul.courseunits li ul.alerts li.resources a, ul#courseunits li ul.alerts li.resources a
{
    background: url(images/shortcutresources.jpg) no-repeat 0 0;
}

ul.courseunits li ul.alerts li.exList a, ul#courseunits li ul.alerts li.exList a
{
    background: url(images/shortcutexerciselist.png) no-repeat 0 0;
}

ul.courseunits li ul.alerts li.email a, ul#courseunits li ul.alerts li.email a
{
    background: url(images/shortcutemail.jpg) no-repeat 0 0;
}

ul.courseunits li.course div.summary, ul#courseunits li.course div.summary
{
    padding-bottom: 10px;
}

ul li.exList
{
    padding: 0 10px 5px;
}

div.descriptionText
{
    padding: 0 15px 15px 23px;
}

div.descriptionForumText
{
    clear: none;
    padding: 10px 15px 15px 23px;
}

div.descriptionTextComment
{
    padding: 6px 10px;
}

div.elearningprogress
{
    clear: both;
    padding: 0 10px;
}

div.elearningprogress a
{
    color: #0D2B88;
}

div.elearningprogress h5
{
    font-size: 1.2em;
    color: #0D2C89;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px dashed #999;
    line-height: 22px;
}

div.elearningprogress ul
{
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
}

div.elearningprogress ul li
{
    float: left;
}

div.elearningprogress ul li div.progressbar
{
    display: block;
    width: 475px;
    background: #FFF url(images/progressbar.jpg) top left no-repeat;
    height: 28px;
}

div.elearningprogress ul li div.progressbar div.progresscompleted
{
    display: block;
    background: #0C0 url(images/progressbarcompleted.jpg) top left no-repeat;
    height: 28px;
    width:0;
}

div.elearningprogress ul li div.progressbar div.progresscompleted span
{
    display: none;
    visibility: hidden;
}

div.elearningprogress ul li.launchelearning
{
    margin: 0 0 0 30px;
}

div.elearningprogress ul li.quizscore
{
    font-size: 0.8em;
    /*margin: 0 0 0 30px;*/
    padding-left: 30px;
    text-align: center;
}

div.elearningprogress ul li span.scorepercentage
{
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
}

div.assessmentsactivities

{
    clear: both;
    padding: 0 10px;
}

div.assessmentsactivities a
{
    color: #000;
    text-decoration: none;
}

div.assessmentsactivities h5
{
    font-size: 1.2em;
    color: #0D2C89;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px dashed #999;
}

table#assessmentsactivites
{
    border: none;
}

table#assessmentsactivities th.completionstatus
{
    width: 85px;
    visibility: hidden;
    font-size: 0px;
}

table#assessmentsactivities th.assessmentactivities
{
    width: 450px;
    visibility: hidden;
    font-size: 0px;
}

table#assessmentsactivities th.options
{
    visibility: hidden;
    font-size: 0px;
    width: 350px;
}

table#assessmentsactivities td
{
    border-bottom: 1px dashed #DDD;
    padding: 5px 0;
}

table#assessmentsactivities tr.formalassessment td.complete
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/formalassessmentcomplete.jpg) top center no-repeat;
    padding-top: 27px;
    color: #017F01;
}

table#assessmentsactivities tr.formalassessment td.description
{
    font-weight: bold;
}

table#assessmentsactivities tr.informalassessment td.complete
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/informalassessmentcomplete.jpg) top center no-repeat;
    padding-top: 20px;
    color: #017F01;
}

table#assessmentsactivities tr.informalassessment td.complete span.completiontext
{
    display: none;
    visibility: hidden;
}

table#assessmentsactivities td.deadlinedate
{
    font-size: 0.8em;
    color: #999;
    text-align: center;
}

table#assessmentsactivities td.deadlinepassed
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/deadlinepassed.jpg) top center no-repeat;
    padding-top: 30px;
    color: #999;
}

table#assessmentsactivities td.deadlineclose
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/deadlineclose.jpg) top center no-repeat;
    padding-top: 30px;
    color: #999;
}

table#assessmentsactivities div.viewdetails, table#assessmentsactivities div.respondnow, table#assessmentsactivities div.viewforum, table#assessmentsactivities div.submitwork, table#assessmentsactivities div.viewfeedback, table#assessmentsactivities div.submittedWork
{
    /*float: right; 	width: 70px; 	display: block;*/
    clear: left;
}

table#assessmentsactivities tr.formalassessment td div.viewdetails a
{
    width: 80px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/viewdetails.jpg) top center no-repeat;
    display: block;
    float: right;
}

table#assessmentsactivities tr.formalassessment td div.submittedWork 
{
    width: 80px;
    font-size: 0.8em;
    text-align: center;
    display: block;
    float: right;
}

table#assessmentsactivities tr.informalassessment td div.respondnow a, table#assessmentsactivities tr.informalassessment td div.viewdetails a, table#assessmentsactivities tr.informalassessment td div.viewforum a, table#assessmentsactivities tr.informalassessment td div.submitwork a
{
    width: 80px;
    font-size: 0.8em;
    text-align: center;
    color: #0D2C89;
    display: block;
    float: right;
}

table#assessmentsactivities tr.formalassessment td div.viewforum a
{
    width: 80px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/viewforum.jpg) top center no-repeat;
    display: block;
    float: right;
}

.forumList
{
	position:absolute;
	z-index:15;
	font-size:0.8em;
	background-color:#f3f3f4;
	border:1px solid #000;
	padding:0px 5px 0px 5px;
	width:200px;
	background-image: url(images/close_icon.gif);
	background-position:195px 5px;
	background-repeat:no-repeat;
}

.forumList .forum-list
{
	margin-bottom:5px;
}

div.assessmentsactivities .forumList h5
{
	font-size:1em;
	color:#000;
}
div.assessmentsactivities .forumList a
{
	color:#0d2c89;
}

table#assessmentsactivities tr.formalassessment td div.submitwork a
{
    width: 80px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/submitwork.jpg) top center no-repeat;
    display: block;
    float: right;
}

table#assessmentsactivities tr.formalassessment td div.viewfeedback a
{
    width: 80px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/viewfeedback.jpg) top center no-repeat;
    display: block;
    float: right;
}

div.learninglog
{
    clear: both;
    padding: 0 10px;
}

div.learninglog a
{
    color: #0D2B88;
}

div.learninglog h5
{
    font-size: 1.2em;
    color: #0D2C89;
    margin: 5px 0;
    padding: 5px 0;
    border-bottom: 1px dashed #999;
}

div.learninglog ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div.learninglog ul li.learninglogentry
{
    background: url(images/learninglogentry.jpg) top left no-repeat;
}

div.learninglog ul li.learninglogentryfeedback
{
    background: url(images/learninglogentryfeedback.jpg) top left no-repeat;
}

div.learninglog ul li.learninglogexercise
{
    background: url(images/learninglogexercise.jpg) top left no-repeat;
}

div.learninglog ul li.learninglogexercisefeedback
{
    background: url(images/learninglogexercisefeedback.jpg) top left no-repeat;
}

div.learninglog ul li.learninglogactivity
{
    background: url(images/learninglogactivity.jpg) top left no-repeat;
}

div.learninglog ul li.learninglogactivityfeedback
{
    background: url(images/learninglogactivityfeedback.jpg) top left no-repeat;
}

div.learninglog ul li
{
    border-bottom: 1px dashed #DDD;
    padding: 5px 0 5px 50px;
    margin: 5px 0;
}

div.learninglog ul li h5
{
    font-size: 1em;
    color: #000;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

div.learninglog ul li ul
{
    border:1px solid red;
    padding:15px;
    margin: 15px;
    list-style-type:disc;
}

div#cohortEmails { margin-left: 10px; }
div#cohortEmails h2, div#cohortEmails p { margin-bottom: 10px; }
div#cohortEmailsLeft, div#cohortEmailsRight {
  height: auto;
  position: relative;
  float: left;
  clear: none;
}
div#cohortEmailsLeft { width: 150px; }
div#cohortEmailsRight { width: 550px; }
p.cohortEmailPad { margin-top: 15px; }

.leftAlign  { text-align: left; width: 300px; position: relative; float: left; padding: 0 10px 10px; }
.rightAlign { text-align: right; width: 300px; position: relative; float: right; padding: 0 20px 10px; }

div #blog div.learninglog-summary ul
{
	border-bottom:0;
	padding:5px 0px 5px 10px;
	margin:0 0 0 10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
div #blog div.learninglog-summary ul li
{
	border-bottom:0;
	padding:0;
	margin:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
#commentList ul
{
	border-bottom:0;
	padding:5px 0px 5px 10px;
	margin:0 0 0 10px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
#commentList ul li
{
	border-bottom:0;
	padding:0;
	margin:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:disc;
}
/* assessments main */

div#upcomingassessments
{
    width: 486px;
    margin: 10px auto 0 auto;
    background: url(images/upcomingassessmentsbg.jpg) top center repeat-y;
}

div#upcomingassessments h4
{
    font-size: 1.2em;
    color: #0D2B88;
    border-top: none;
    border-bottom: 1px solid #000;
    margin: 0 10px;
    padding-bottom: 5px;
}

div#upcomingassessments div.top
{
    width: 486px;
    height: 15px;
    background: url(images/upcomingassessmentstop.jpg) top center no-repeat;
    margin: 0 auto;
}

table#upcomingassessmentstable
{
    width: 466px;
    margin: 5px auto 0 auto;
}

table#upcomingassessmentstable tr td
{
    padding: 2px 5px;
}

table#upcomingassessmentstable th.completionstatus
{
    width: 35px;
    font-size: 0px;
    visibility: hidden;
}

table#upcomingassessmentstable th.assessment
{
    width: 335px;
    font-size: 0px;
    visibility: hidden;
}

table#upcomingassessmentstable th.options
{
    font-size: 0px;
    visibility: hidden;
}

table#upcomingassessmentstable td.deadlinepassed
{
    background: url(images/deadlinepassed.jpg) top center no-repeat;
}

table#upcomingassessmentstable td.deadlinepassed span
{
    visibility: hidden;
    display: none;
}

table#upcomingassessmentstable td.deadlineclose
{
    background: url(images/deadlineclose.jpg) top center no-repeat;
}

table#upcomingassessmentstable td.deadlineclose span
{
    visibility: hidden;
    display: none;
}

table#upcomingassessmentstable td.viewdetails a
{
    font-size: 0.8em;
    text-align: center;
    padding: 10px 0 10px 25px;
    background: url(images/viewdetails.jpg) left center no-repeat;
    display: block;
    color: #000;
    text-decoration: none;
}

table#upcomingassessmentstable td.viewdetails a:hover
{
    text-decoration: underline;
}

div#upcomingassessments div.bottom
{
    width: 486px;
    height: 15px;
    background: url(images/upcomingassessmentsbottom.jpg) top center no-repeat;
    margin: 0 auto;
}

div.assessments
{
    clear: both;
}

div.assessments a
{
    color: #000;
    text-decoration: none;
}

div.assessments h5
{
    font-size: 1.2em;
    color: #0D2C89;
    margin: 5px 0;
    padding: 5px;
    border-bottom: 1px dashed #999;
}

div.assessments h5 span
{
    font-size: 0.8em;
    font-weight: normal;
    color: #000;
    border-left: 1px solid #000;
    padding-left: 5px;
}

table#assessments
{
    border: none;
}

table#assessments th.completionstatus
{
    width: 85px;
    visibility: hidden;
    background: #FF0000;
    font-size: 0px;
}

table#assessments th.assessment
{
    width: 380px;
    visibility: hidden;
    background: #FF0000;
    font-size: 0px;
}

table#assessments th.options
{
    visibility: hidden;
    background: #FF0000;
    font-size: 0px;
}

table#assessments td
{
    border-bottom: 1px dashed #DDD;
    padding: 5px 0;
}

table#assessments tr td.complete
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/formalassessmentcomplete.jpg) top center no-repeat;
    padding-top: 27px;
    color: #017F01;
}

table#assessments tr td.description
{
    font-weight: bold;
}

table#assessments tr td.complete
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/informalassessmentcomplete.jpg) top center no-repeat;
    padding-top: 20px;
    color: #017F01;
}

table#assessmentsa tr td.complete span.completiontext
{
    display: none;
    visibility: hidden;
}

table#assessments td.deadlinedate
{
    font-size: 0.8em;
    color: #999;
    text-align: center;
}

table#assessments td.deadlinepassed
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/deadlinepassed.jpg) top center no-repeat;
    padding-top: 30px;
    color: #999;
}

table#assessments td.deadlineclose
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/deadlineclose.jpg) top center no-repeat;
    padding-top: 30px;
    color: #999;
}

table#assessments td.viewdetails, table#assessments td.respondnow, table#assessments td.viewforum, table#assessments td.submitwork, table#assessments td.viewfeedback
{
    padding: 5px 0;
}

table#assessments tr td.viewdetails a
{
    width: 70px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/viewdetails.jpg) top center no-repeat;
    display: block;
}

table#assessments tr td.submitwork a
{
    width: 70px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/submitwork.jpg) top center no-repeat;
    display: block;
}

table#assessments tr td.viewfeedback a
{
    width: 70px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/viewfeedback.jpg) top center no-repeat;
    display: block;
}

table#assessments tr td.viewwork a
{
    width: 70px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/viewwork.jpg) top center no-repeat;
    display: block;
}

/* learning log main */

body#learninglog div.left
{
    width: 374px;
    margin: 0;
    float: left;
}


body#learninglog div.right
{
    width: 374px;
    margin: 0;
    float: right;
    clear: right;
}

div.clearfix div.right { width: 610px !important; }

div.left ul#courseunits li.course
{
    background: url(images/courseunit_learninglog.jpg) top left repeat-x;
    clear: both;
    width: 100%;
    height: 100%;
}

body#learninglog div.left div.profilecard
{
    display: block;
    width: 368px;
    margin: 0 0 10px 10px;
    background: url(images/profilecardbg.jpg) top center repeat-y;
}

div.learninglogentries
{
    clear: both;
    padding: 0 10px;
}

div.learninglogentries h5
{
    color: #0D2C89;
    font-size: 1.2em;
}

div.learninglogentries p.sortby
{
    text-align: right;
    font-size: 0.8em;
    padding-bottom: 5px;
    border-bottom: 1px dashed #999;
}

div.learninglogentries p.sortby strong
{
    font-size: 1.1em;
}

div.learninglogentries ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div.learninglogentries ul li.learninglogentry
{
    background: url(images/learninglogentry.jpg) top left no-repeat;
}

div.learninglogentries ul li.learninglogentryfeedback
{
    background: url(images/learninglogentryfeedback.jpg) top left no-repeat;
}

div.learninglogentries ul li.learninglogexercise
{
    background: url(images/learninglogexercise.jpg) top left no-repeat;
}

div.learninglogentries ul li.learninglogexercisefeedback
{
    background: url(images/learninglogexercisefeedback.jpg) top left no-repeat;
}

div.learninglogentries ul li.learninglogactivity
{
    background: url(images/learninglogactivity.jpg) top left no-repeat;
}

div.learninglogentries ul li.learninglogactivityfeedback
{
    background: url(images/learninglogactivityfeedback.jpg) top left no-repeat;
}

div.learninglogentries ul li
{
    border-bottom: 1px dashed #DDD;
    padding: 5px 0 5px 50px;
    margin: 5px 0;
    font-weight: bold;
}

div.learninglogentries ul li h5
{
    color: #000;
    font-size: 1em;
}

div.learninglogentries ul li span.entrydate
{
    font-size: 0.8em;
    font-weight: normal;
}

div.learninglogentries ul li div.options
{
    text-align: right;
    display: block;
    font-weight: normal;
    padding-top: 3px;
}

div.learninglogentries ul li div.options a.editentry
{
    background: url(images/learninglog_editentry.gif) left center no-repeat;
    padding-left: 18px;
    margin-right: 5px;
    color: #000;
}

div.learninglogentries ul li div.options a.viewentry
{
    background: url(images/learninglog_viewentry.gif) left center no-repeat;
    padding-left: 18px;
    margin-right: 5px;
    color: #000;
}

div.learninglogentries ul li div.options a.viewfeedback
{
    background: url(images/learninglog_viewfeedback.gif) left center no-repeat;
    padding-left: 18px;
    margin-right: 5px;
    color: #000;
}

ul.learninglogoptions
{
    margin: 40px 0 0 20px;
    padding: 0 0 45px 0;
    list-style: none;
}

ul.learninglogoptions:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.learninglogoptions
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html ul.learninglogoptions
{
    height: 1%;
}
ul.learninglogoptions
{
    display: block;
}
/* End hide from IE-mac */

ul.learninglogoptions li
{
    float: left;
    width: 102px;
    display: block;
}

ul.learninglogoptions li.editprofile a
{
    display: block;
    width: 102px;
    padding-top: 77px;
    background: url(images/learninglog_editprofile.jpg) top center no-repeat;
    text-align: center;
    margin-right: 10px;
    color: #000;
}

ul.learninglogoptions li.addentry a
{
    display: block;
    width: 102px;
    padding-top: 77px;
    background: url(images/learninglog_addentry.jpg) top center no-repeat;
    text-align: center;
    margin-left: 10px;
    color: #000;
}

ul.learninglogoptions li.printentry a
{
    display: block;
    width: 102px;
    padding-top: 77px;
    background: url(images/learninglog_printentry.jpg) top center no-repeat;
    text-align: center;
    margin-left: 10px;
    color: #000;
}

div#blog
{
    width: 368px;
    margin: 0 auto 0 auto;
    padding: 0;
    background: url(images/blogbg.jpg) 0px 50px repeat-y;
}

div#blog p
{
    padding-left: 15px;
    padding-right: 15px;
}

div#blog div.top
{
    height: 20px;
    background: url(images/blogtop.jpg) top center no-repeat;
}

div#blog h4
{
    font-size: 1.2em;
    margin: 0 15px 5px 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #000;
}

div#blog ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div#blog ul li
{
    margin: 0 15px;
    padding: 10px 0;
    border-bottom: 1px dashed #666;
}

div#blog ul li h5
{
    font-size: 1em;
    font-weight: bold;
}

div#blog ul li p
{
    padding: 2px 0;
}

div#blog ul li div.options
{
    text-align: right;
    margin-top: 5px;
}

div#blog ul li div.options a.editentry
{
    background: url(images/learninglog_editentry.gif) left center no-repeat;
    padding-left: 18px;
    margin-right: 5px;
    color: #000;
}

div#blog ul li div.options a.viewentry
{
    background: url(images/learninglog_viewentry.gif) left center no-repeat;
    padding-left: 18px;
    margin-right: 5px;
    color: #000;
}

div#blog ul li div.options a.viewfeedback
{
    background: url(images/learninglog_viewfeedback.gif) left center no-repeat;
    padding-left: 18px;
    margin-right: 5px;
    color: #000;
}

div#blog ul li h5 p.entrydate
{
    font-size: 0.8em;
    font-weight: normal;
}

div#blog div.bottom
{
    height: 20px;
    background: url(images/blogbottom.jpg) bottom center no-repeat;
}

/* add reflection styling */

div#logbookentry
{
    width: 700px;
    margin: 10px auto;
    background: url(images/logbookentrybg.gif) top center repeat-y;
}

div#logbookentry div.top
{
    width: 100%;
    height: 20px;
    background: url(images/logbookentrytop.gif) top center no-repeat;
}

div#logbookentry div.bottom
{
    width: 100%;
    height: 20px;
    background: url(images/logbookentrybottom.gif) bottom center no-repeat;
}

/* view cohort */
p.commonroomlink
{
    margin-left: 10px;
}

div.profilecard
{
    float: left;
    display: block;
    width: 365px;
    height: 155px;
    background: url(images/profilecardbg.jpg) no-repeat bottom center;
    margin: 5px 0 0 5px;
    padding: 0 0 15px 0;
    clear: none;
}

div.profilecard h4
{
    font-size: 1.2em;
    color: #0D2C89;
    border-bottom: 1px solid #000;
    margin: 0 10px 10px 10px;
}

div.profilecard img
{
    float: left;
    margin: 0 10px 10px 15px;
    border: 1px solid #000;
    width: 60px;
}

div.profilecard ul
{
    margin: 0;
    padding: 0;
    list-style: none;
}

div.profilecard div.profilelink
{
    width: 260px;
    float: left;
    text-align: right;
    margin-top: 5px;
}

a.profileemaillink
{
    background: url(images/key_email.jpg) left center no-repeat;
    padding-left: 20px;
}

div.profilecard div.top
{
    float: left;
    width: 100%;
    height: 15px;
    background: url(images/profilecardtop.jpg) top center no-repeat;
}

/* assessment/activity detail page */

#assessments h4
{
    clear: both;
    margin-left: 10px;
    margin-right: 10px;
    line-height: 150%;
    border-top: 1px solid #CCC;
    padding-top: 4px;
    font-size: 1em;
}

#commentList
{
    line-height: 150%;
    margin: 0 10px;
}

#commentList .alt
{
    background: #F3F3F3;
}

#commentList div.left
{
    float: left;
    display: block;
    width: 110px !important;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 10px;
}

#commentList div.left img
{
    /*float: right;*/
    margin-left: 20px;
    border: 1px solid #999!important;
}

#commentList div.right
{
    display: block;
    padding-bottom: 5px;
    clear: none;
    float: right;
}

#commentList div.fixIE
{
    float: left;
    margin-left: 0;
}

#commentList div.rightAlign
{
    display: inline;
    float: right !important;
    padding-bottom: 5px;
    width: 300px !important;
    clear: none;
    padding-right: 5px;
}

#commentList div.complete
{
    background: url(images/smalltick.gif) left center no-repeat;
    padding-left: 20px;
    height: 15px;
    line-height: 15px;
    width: 575px!important;
}

#commentList .comment, #commentList .editcomment
{
    margin-top: 10px;
    padding-top: 5px;
    border: 1px solid #EEE;
}

#commentList .addcomment
{
    margin-top: 10px;
    padding-top: 5px;
    border-top: 1px solid #EEE;
}

#commentList .comment div.left, #commentList .editcomment div.left
{
    font-weight: normal;
    text-align: right;
}

#commentList .comment div.left a, #commentList .editcomment div.left a
{
    font-size: 0.9em;
}

#commentList .left p
{
    margin: 0;
}

#commentList .addcomment div.right textarea, #commentList .editcomment div.right textarea
{
    width: 590px;
    height: 100px;
    margin-bottom: 10px;
}

.vAlign { vertical-align: middle; }

#commentList .addcomment div.right span input, #commentList .editcomment div.right span input
{
    margin-right: 5px;
}

#commentList .editcomment div.right input.textbox
{
    width: 290px;
}

#commentList div.right span.associatedunit
{
    font-style: italic;
}

#commentList .admin div.left
{
    font-weight: bold;
}

#commentList .addcomment div.right input#btnAddComment, #commentList .addcomment div.right input#btnCancelComment, #commentList .editcomment div.right input#btnAddComment, #commentList .editcomment div.right input#btnCancelComment
{
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    float: left;
}

#commentList .addcomment div.right input.fileUpload, #commentList .editcomment div.right input.fileUpload
{
    float: left;
}

#commentList .editcomment div.right input.btnUpdate, #commentList .editcomment div.right input.btnCancel, #commentList .addcomment div.right input.btnAdd
{
    float: right;
}

#commentList .editcomment div.right input.btnUpdate
{
    margin-left: 10px;
}

#commentList .comment div.right p.fileattached
{
    padding: 5px 0;
    font-style: italic;
}

#commentList .comment div.right p.fileattached a
{
    font-style: normal;
    color: #0D2C89;
    margin-left: 5px;
}

#commentList .comment div.right p.fileattached a.pdf
{
    padding-left: 19px;
    background: url(images/pdfattached.gif) left center no-repeat;
}

#commentList .comment div.right p.fileattached a.doc
{
    padding-left: 19px;
    background: url(images/docattached.gif) left center no-repeat;
}

#commentList .comment div.right p.fileattached a.png, #commentList .comment div.right p.fileattached a.jpg, #commentList .comment div.right p.fileattached a.gif, #commentList .comment div.right p.fileattached a.bmp
{
    padding-left: 16px;
    background: url(images/imgattached.gif) left center no-repeat;
}

#commentList .comment div.right p.fileattached a.zip
{
    padding-left: 20px;
    background: url(images/zipattached.gif) left center no-repeat;
}

#commentList .comment div.right p.fileattached a.xls
{
    padding-left: 19px;
    background: url(images/xlsattached.gif) left center no-repeat;
}

#commentList .comment div.right p.fileattached a.txt
{
    padding-left: 14px;
    background: url(images/txtattached.gif) left center no-repeat;
}

/* forum threads */

#remarkList
{
    line-height: 150%;
    margin: 0 10px;
}

#remarkList div.left
{
    float: left;
    display: block;
    width: 110px !important;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 10px;
}

#remarkList div.right
{
    display: block;
    float: left !important;
    padding-bottom: 5px;
    width: 595px !important;
    clear: right;
}

#remarkList .remark, #remarkList .editremark
{
    padding-top: 5px;
    border-top: 1px solid #DDD;
    background: #EEE;
}

#remarkList .addremark
{
    padding-top: 5px;
    border-top: 1px solid #DDD;
}

#remarkList .remark div.left, #remarkList .editremark div.left
{
    font-weight: normal;
    text-align: right;
}

#remarkList .remark div.left a, #remarkList .editremark div.left a
{
    font-size: 0.9em;
}

#remarkList span.entrydate
{
    clear: both;
    display: block;
    font-weight: normal;
}

#remarkList .addremark div.right textarea, #remarkList .editremark div.right textarea
{
    width: 590px;
    height: 100px;
    margin-bottom: 10px;
}

#remarkList div.right span.associatedunit
{
    font-style: italic;
}

#remarkList .admin div.left
{
    font-weight: bold;
}

#remarkList span.entrydate
{
    clear: both;
    display: block;
    font-weight: normal;
}

#remarkList .addremark div.right input#btnAddremark, #remarkList .addremark div.right input#btnCancelremark, #remarkList .editremark div.right input#btnAddremark, #remarkList .editremark div.right input#btnCancelremark
{
    margin-top: 10px;
    margin-bottom: 10px;
    display: block;
    float: left;
}

#remarkList .addremark div.right input.fileUpload, #remarkList .editremark div.right input.fileUpload
{
    float: left;
}

#remarkList .editremark div.right input.btnUpdate, #remarkList .editremark div.right input.btnCancel, #remarkList .addremark div.right input.btnAdd
{
    float: right;
}

#remarkList .editremark div.right input.btnUpdate
{
    margin-left: 10px;
}

#remarkList .remark div.right p.fileattached
{
    padding: 5px 0;
    font-style: italic;
}

#remarkList .remark div.right p.fileattached a
{
    font-style: normal;
    color: #0D2C89;
    margin-left: 5px;
}

#remarkList .remark div.right p.fileattached a.pdf
{
    padding-left: 19px;
    background: url(images/pdfattached.gif) left center no-repeat;
}

#remarkList .remark div.right p.fileattached a.doc
{
    padding-left: 19px;
    background: url(images/docattached.gif) left center no-repeat;
}

#remarkList .remark div.right p.fileattached a.png, #remarkList .remark div.right p.fileattached a.jpg, #remarkList .remark div.right p.fileattached a.gif, #remarkList .remark div.right p.fileattached a.bmp
{
    padding-left: 16px;
    background: url(images/imgattached.gif) left center no-repeat;
}

#remarkList .remark div.right p.fileattached a.zip
{
    padding-left: 20px;
    background: url(images/zipattached.gif) left center no-repeat;
}

#remarkList .remark div.right p.fileattached a.xls
{
    padding-left: 19px;
    background: url(images/xlsattached.gif) left center no-repeat;
}

#remarkList .remark div.right p.fileattached a.txt
{
    padding-left: 14px;
    background: url(images/txtattached.gif) left center no-repeat;
}

/**/

#assessments span.deadlinepassed
{
    line-height: 30px;
    background: url(images/deadlinepassed.jpg) top left no-repeat;
    padding-left: 30px;
}

#assessments span.deadlineclose
{
    line-height: 30px;
    background: url(images/deadlineclose.jpg) top left no-repeat;
    padding-left: 30px;
}

/* login page */

#login #header
{
    height: 120px;
}

#login .logincontentblock
{
    float: left;
    width: 489px;
    padding: 10px!important;
    border: 1px solid #CCC;
    margin: 0 10px;
    display: inline;
}

#login table
{
    margin-right: 10px;
    border: 1px solid #CCC;
    background: #FFFFEA url(images/signinheader.jpg) top center no-repeat;
}

#login table table
{
    margin: 25px auto 0 auto;
    border: none;
    background: none;
}

#login table td
{
    vertical-align: middle;
    padding: 5px;
}

#login table td input
{
    margin-right: 5px;
}

#login table td input#ctl00_cplhMain_login_UserName, #login table td input#ctl00_cplhMain_login_Password
{
    width: 100px;
}

#login table td span
{
    display: inline;
}

/* recover password form block
	 sorry!!
*/
#login #recoverpasswordblock
{
		width: 200px;
		background: #FFFFEA;
    margin-right: 10px;
    padding: 5px;
    border: 1px solid #CCC;
    clear: right;
    float: left;
}

#login #recoverpasswordblock div, #login #recoverpasswordblock span
{
	clear: none;
}

#login #recoverpasswordblock div.left
{
		width: 75px;
		float: left;
}

#login #recoverpasswordblock div.right
{
		width: 105px;
		float: left;
}

#login #recoverpasswordblock #ctl00_cplhMain_txtUsername
{
		width: 100px;
}

#login #recoverpasswordblock div.btnBox
{
		clear: both;
	  padding-top: 10px;
	  text-align : right;
}

/* view/edit profile page */

.tabMenu
{
    /*border-bottom: 1px solid #ccc;*/
    margin: 0;
    padding-bottom: 19px;
    padding-left: 10px;
}

/*.tabMenu ul, .tabMenu li
{
    display: inline;
    list-style-type: none;
    margin: 0;
    padding: 0;
}*/

.tabMenu li
{
    list-style: none;
    background: url(images/profilebulletclosed.gif) left center no-repeat;
    padding-left: 16px;
    margin: 5px 0;
}

.tabMenu li.selected
{
    background: url(images/profilebulletopen.gif) left center no-repeat;
}

/*.tabMenu a:link, .tabMenu a:visited
{
    background: #DDD;
    border: 1px solid #ccc;
    color: #666;
    float: left;
    font-size: small;
    font-weight: bold;
    line-height: 14px;
    margin-right: 8px;
    padding: 2px 10px 2px 10px;
    text-decoration: none;
}

.tabMenu a:link.active, .tabMenu a:visited.active
{
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
}

.tabMenu a:hover
{
    color: #000;
    background: #EEE;
    font-weight: bold;
}*/

body.section-1 .tabMenu li#nav-1 a, body.section-2 .tabMenu li#nav-2 a, body.section-3 .tabMenu li#nav-3 a
{
    background: #fff;
    border-bottom: 1px solid #fff;
    color: #000;
}

.tabMenu ul a:hover
{
    color: #f00 !important;
}

div.editprofile
{
    margin: 10px;
}

div.editprofile div.left
{
    float: left;
    display: block;
    width: 110px !important;
    font-weight: bold;
    padding-bottom: 7px;
    padding-right: 10px;
}

div.editprofile div.right
{
    float: right !important;
    width: 595px !important;
}

.editProfile
{
    padding: 10px;
}

.editProfile div.fieldBox
{
    clear: both;
    margin: 2px 0;
}

.editProfile div.fieldBox label
{
    float: left;
    display: block;
    width: 70px;
    padding-top: 3px;
}

/* deadline calendar styling */

.deadlinecalendar
{
    margin-bottom: 10px;
    border: none !important; /*width: 150px!important;     display: block;*/
    font-size: 0.9em;
}

.deadlinecalendar table
{
    margin: 0; /*width: 150px!important;     display: block;*/
    background: none;
    padding-bottom: 10px;
}

.deadlinecalendar th
{
    font-weight: bold;
}

.deadlinecalendar td, .deadlinecalendar th
{
    padding: 1px;
}

.deadlinecalendar .deadlinepassed
{
    color: #000;
    font-weight: bold;
    background: #FF815B;
    text-decoration: none;
}

.deadlinecalendar .deadlineclose
{
    color: #000;
    font-weight: bold;
    background: #FFCD55;
    text-decoration: none;
}

.deadlinecalendar .complete
{
    color: #000;
    font-weight: bold;
    background: #9ACD58;
    text-decoration: none;
}

.deadlinecalendar .deadlinepassed a, .deadlinecalendar .deadlineclose a, .deadlinecalendar .complete a
{
    color: #000;
    text-decoration: none;
    font-weight: bold;
}

.deadlinecalendar .othermonthday
{
    color: #999;
}

.deadlinecalendar .calendartitle
{
    background: #F3F3F4;
    border: 1px solid #999;
    font-weight: bold;
}

/* resources styling */

#resources li.course table
{
    margin: 0 10px;
    padding: 0;
    list-style: none;
    clear: both;
}

#resources li.course table td div.link,
#resources li.course table td div.doc,
#resources li.course table td div.add,
#resources li.course table td div.edit
{
    padding: 5px 5px 5px 50px;
    display: block;
    width: 315px;
    float: left;
    margin: 10px 0 0 0;
    min-height: 75px;
    height: auto!important;
    height: 75px;
}

#resources li.course table td a
{
    font-weight: bold;
    color: #0D2C89;
}

#resources li.course table td a:hover
{
    text-decoration: underline;
}

#resources li.course table td div.link
{
    background: url(images/link.gif) 5px 5px no-repeat;
}

#resources li.course table td div.doc
{
    background: url(images/document.gif) 5px 5px no-repeat;
}

#resources li.course p.sortby
{
    text-align: right;
    font-size: 0.8em;
    padding-bottom: 5px;
    border-bottom: 1px dashed #999;
    margin: 0 !important;
}

#resources li.courses p.sortby strong
{
    font-size: 1.1em;
}

/* Tutor homepage styling */

table#studentprogress
{
    border: none;
    margin: 0 6px;
}

table#studentprogress th, table#studentprogress td
{
    padding: 6px;
    border-bottom: 1px dashed #DDD;
}

table#studentprogress th.studentname
{
    width: 100px;
    font-size: 1.1em;
}

table#studentprogress th.elearningprogress, table#studentprogress th.quizscore, table#studentprogress th.learninglogentries, table#studentprogress th.forumposts, table#studentprogress th.assessments, table#studentprogress th.logins
{
    font-size: 1.1em;
}

table#studentprogress tr.student td.learningprogress, table#studentprogress tr.student td.quizscore, table#studentprogress tr.student td.learninglogentries, table#studentprogress tr.student td.forumposts, table#studentprogress tr.student td.assessments, table#studentprogress tr.student td.logins, table#studentprogress tr.student td.logindate
{
    text-align: center;
}

table#studentprogress td.learningprogress, table#studentprogress td.quizscore
{
    position: relative;
    height: 45px;
}

table#studentprogress td.learningprogress img, table#studentprogress td.quizscore img
{
    /*position: relative;
    top: 0px;
    left: 0px;*/
    vertical-align: middle;
}

table#studentprogress tr.student td.true
{
    background: url(images/tick.gif) center center no-repeat;
}

table#studentprogress tr.student td.false
{
    background: url(images/warning.gif) center center no-repeat;
}

table#studentprogress tr.student td.true span, table#studentprogress tr.student td.false span
{
    display: none;
    visibility: hidden;
}

table#studentprogress tr.student td.overdue
{
    background: url(images/warning.gif) left center no-repeat;
    padding-left: 7px;
    color: #990000;
    font-weight: bold;
}

table#studentprogress tr.student td.tutee a
{
	background: url(images/tutee.gif) right bottom no-repeat;
	padding-right: 20px;
	display: block;
	width: 90px;
}

/* Tutor assessments and activities styling */

table#assessmentsactivities div.viewwork, table#assessmentsactivities div.completionstatus, table#assessmentsactivities div.viewstudents
{
    clear: left;
}

table#assessmentsactivities span.completiontext
{
    font-size: 0.9em;
    text-align: center;
    color: #999;
}

table#assessmentsactivities tr.formalassessment td div.viewwork a
{
    width: 70px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/viewwork.jpg) top center no-repeat;
    display: block;
    float: right;
}

table#assessmentsactivities tr.formalassessment td div.viewstudents a
{
    width: 70px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px;
    background: url(images/viewstudents.jpg) top center no-repeat;
    display: block;
    float: right;
}

table#assessmentsactivities tr.formalassessment td div.completionstatus a
{
    width: 70px;
    font-size: 0.8em;
    text-align: center;
    padding-top: 30px; /*background: url(images/submitwork.jpg) top center no-repeat;*/
    display: block;
    float: right;
    background-image: url(images/slices.gif);
    background-repeat: no-repeat;
}

.size0 a
{
    background-position: 20px 0;
}

.size5 a
{
    background-position: -50px 0;
}

.size10 a
{
    background-position: -120px 0;
}

.size15 a
{
    background-position: -190px 0;
}

.size20 a
{
    background-position: -260px 0;
}

.size25 a
{
    background-position: -330px 0;
}

.size30 a
{
    background-position: -400px 0;
}

.size35 a
{
    background-position: -470px 0;
}

.size40 a
{
    background-position: -540px 0;
}

.size45 a
{
    background-position: -610px 0;
}

.size50 a
{
    background-position: -680px 0;
}

.size55 a
{
    background-position: -750px 0;
}

.size60 a
{
    background-position: -820px 0;
}

.size65 a
{
    background-position: -890px 0;
}

.size70 a
{
    background-position: -960px 0;
}

.size75 a
{
    background-position: -1030px 0;
}

.size80 a
{
    background-position: -1100px 0;
}

.size85 a
{
    background-position: -1170px 0;
}

.size90 a
{
    background-position: -1240px 0;
}

.size95 a
{
    background-position: -1310px 0;
}

.size100 a
{
    background-position: -1380px 0;
}

/* Tutor assessment completion status styling */

table#assessmentcompletion
{
    border: none;
}

table#assessmentcompletion th.studentname
{
    width: 470px;
    text-align: left;
}

table#assessmentcompletion th, table#assessmentcompletion td
{
    border-bottom: 1px dashed #DDD;
    padding: 10px;
}

table#assessmentcompletion td.submittedwork
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/viewwork.jpg) top center no-repeat;
    padding-top: 32px;
    color: #000;
}

table#assessmentcompletion td.complete
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/formalassessmentcomplete.jpg) top center no-repeat;
    padding-top: 32px;
    color: #017F01;
}

table#assessmentcompletion td.incomplete
{
    font-size: 0.8em;
    text-align: center;
    background: url(images/warning.gif) top center no-repeat;
    padding-top: 32px;
    color: #990000;
}

/* Tutor learning log styling */

#learninglog .profilecard
{
    position: relative;
    min-height: 175px;
    height: auto!important;
    height: 175px;
}

#learninglog .extended
{
    min-height: 275px;
    height: auto!important;
    height: 275px;
    position: relative;
}

div.profCardLeft,
div.profCardRight {
  float: left;
  clear: none;
  min-height: 175px;
  height: auto !important;
  height: 175px;
}

div.profCardLeft {
  width: 90px;
}

div.profCardRight {
  width: 260px;
}

#learninglog .profilecard .bottom
{
    position: absolute;
    bottom: 0;
    left: 0;
    clear: both;
    width: 100%;
}

#learninglog .profilecard ul
{
    width: 100%;
    list-style: none!important;
    padding-right: 10px;
    float: left;
    clear: both;
}

#learninglog .profilecard ul li
{
    /*margin-left: 10px;*/
    padding: 2px 0;
}

#learninglog .profilecard ul li ul
{
    display: inline;
}

#learninglog .profilecard ul li ul li
{
    display: inline;
    margin-left: 0;
    padding: 0;
}

/* Tutor resources styling */

#resources li.course table td div.add
{
    background: url(images/addresource.gif) 5px 5px no-repeat #F3F3F3;
    border: 1px solid #DDD;
}

#resources li.course table td div.add #AddResourceArea
{
    display: block;
    width: 100%;
}

#resources li.course table td div.add span,
#resources li.course table td div.edit span
{
    display: block;
    clear: both;
    padding: 2px 0;
}

#resources li.course table td div.add span.text label,
#resources li.course table td div.add span.file label,
#resources li.course table td div.add span.select label,
#resources li.course table td div.edit span.text label,
#resources li.course table td div.edit span.file label,
#resources li.course table td div.edit span.select label
{
    font-weight: bold;
    float: left;
    display: block;
    padding-top: 2px;
    width: 65px;
    text-align: right;
    margin-right: 10px;
}

#resources li.course table td div.add span.checkbox input
{
    margin-left: 75px;
}

#resources li.course table td div.add span.checkbox label
{
    font-weight: bold;
    margin-left: 5px;
}

#resources li.course table td div.add span.submit input
{
    margin-left: 75px;
}

/* Recent activity styling */

.floatRight {
  text-align: right;
  padding-right: 10px;
  padding-bottom: 5px;
}

.floatRight img {
  vertical-align: middle;
}

.entryProfPic {
  width: 99px;
  min-height: 120px;
  position: relative;
  float: left;
  text-align: right;
  padding-right: 3px;
  clear: both;
  border-top: 10px solid #FFFFFF;
}

.entryProfPic img {
  border: 1px solid #D1D1D1;
  padding: 2px;
}


/******* Post Backgrounds *******/
.InformalBg     { background-image: url(images/activity/learningLogBg.gif); }
.ActivityBg        { background-image: url(images/activity/activityBg.gif); }
.ExerciseBg        { background-image: url(images/activity/exerciseBg.gif); }
.commentBg         { background-image: url(images/activity/commentBgWide.gif); }
.insideCommentBg   { background-image: url(images/activity/insideCommentBg.gif); }

div.insideCommentBg span { padding: 3px 10px 0; }

.InformalBg, .ActivityBg, .ExerciseBg, .commentBg, .insideCommentBg {
  height: auto;
  margin: 0;
  position: relative;
  float: left;
  clear: none;
  background-repeat: repeat-y;
}

.InformalBg, .ActivityBg, .ExerciseBg, .commentBg {
  width: 648px;
  padding: 0 0 25px 0;
}

.insideCommentBg {
  width: 607px;
  padding: 0 0 3px 0;
  margin: 0 0 10px 23px;
}

.InformalBg p, .ActivityBg p, .ExerciseBg p, .commentBg p {
  position: relative;
  float: left;
}

.InformalBg p, .ActivityBg p, .ExerciseBg p, .commentBg p {
  width: 610px;
  padding: 0 15px 15px 23px;
}

.insideCommentBg p {
  width: 572px;
  padding: 6px 10px 6px 10px;
}

.InformalBg a, .ActivityBg a, .ExerciseBg a, .commentBg a {
  color: #000000;
}


/******* Post Header Backgrounds *******/
.InformalHead   { background-image: url(images/activity/learningLogHead.gif); }
.ActivityHead      { background-image: url(images/activity/activityHead.gif); }
.exerciseHead      { background-image: url(images/activity/exerciseHead.gif); }
.commentHead       { background-image: url(images/activity/commentHead.gif); }
.insideCommentHead { background-image: url(images/activity/insideCommentHead.gif); }

.InformalHead, .ActivityHead, .ExerciseHead, .commentHead {
  width: 625px;
  height: 29px;
  position: relative;
  float: left;
  padding: 8px 0 0 23px;
  font-size: 1.2em;
  background-position: center top;
  border-top: 10px solid #FFFFFF;
}

.insideCommentHead {
  width: 607px;
  height: 3px;
  position: relative;
  float: left;
  padding: 0;
}

.InformalHead img, .ActivityHead img, .ExerciseHead img, .commentHead img {
  vertical-align: middle;
}

.activityHeadText, .activityHeadDescription {
  line-height: 22px;
  position: relative;
  float: left;
  clear: none;
}

.activityHeadText img { padding-right: 8px; }
.activityHeadDescription { padding-left: 10px; font-size: 0.75em; }

ul.addCommentButtons li.left { display: inline; width: 200px; float: left; margin-bottom: 10px; }
ul.addCommentButtons li.right { display: inline; width: 200px; float: right; text-align: right; padding-right: 7px; margin-bottom: 10px; }

/******* Scriptaculous *******/
.addComment   { padding: 0 15px 0 23px; }
.addComment p { padding: 8px 0 8px 0; }
.horizRule    { height: 1px; color: #D1D1D1; background-color: #D1D1D1; margin: 5px 0; }

/******* Post Backgrounds *******/
.InformalFoot   { background-image: url(images/activity/learningLogFoot.gif); }
.ActivityFoot      { background-image: url(images/activity/activityFoot.gif); }
.ExerciseFoot      { background-image: url(images/activity/exerciseFoot.gif); }
.commentFoot       { background-image: url(images/activity/commentFoot.gif); }
.insideCommentFoot { background-image: url(images/activity/insideCommentFoot.gif); }

.InformalFoot, .ActivityFoot, .ExerciseFoot, .commentFoot, .commentPostFoot, .insideCommentFoot {
  width: 638px;
  height: 25px;
  position: absolute;
  bottom: 0;
  background-position: center bottom;
  background-repeat: no-repeat;
  text-align: right;
  padding: 0 10px 0 0;
}

.insideCommentFoot {
  width: 607px;
  height: 3px;
  position: absolute;
  bottom: 0px;
  padding: 0;
}

.InformalFoot img, .ActivityFoot img, .ExerciseFoot img, .commentFoot img, .commentPostFoot img, .insideCommentFoot img {
  padding: 0 3px 0 9px;
  vertical-align: middle;
}

.InformalFoot span, .ActivityFoot span, .ExerciseFoot span, .commentFoot span, .commentPostFoot span, .insideCommentFoot span {
  padding: 0;
  margin: 0;
  clear: none;
  position: relative;
  float: none;
  display: inline;
  cursor: pointer;
}

#togglerClose, #togglerOpen { text-decoration: none !important; }
.togglerOpen span, .togglerClose span { text-decoration: underline; }

/******* FORUM Post Header Backgrounds *******/
.forumPostHead   { background: url(images/activity/forumPostHead.gif) no-repeat; }
.forumPostBg     { background: url(images/activity/forumPostBg.gif) repeat-y;  }
.commentPostHead { background: url(images/activity/commentHead.gif) no-repeat; }
.commentForumPostHead { background: url(images/activity/commentForumHead.gif) no-repeat; }
.commentForumPostBg { background: url(images/activity/commentForumBg.gif) repeat-y; }

.forumPostHead, .forumPostBg, .commentPostHead, .commentForumPostHead, .commentForumPostBg {
  float: left;
  height: auto;
  margin: 0;
  position: relative;
  clear: none;
  width: 100%;
}
.forumPostHead p, .commentPostHead p, .commentForumPostHead p {
  position: relative;
  float: left;
  width: 573px;
  padding: 0 15px 15px 23px;
}

.forumPostHead a, .commentPostHead a, .commentForumPostHead a {
  color: #000000;
}

.forumPostHead img, .commentPostHead img, .commentForumPostHead img {
  vertical-align: middle;
}
h4.forumname {
  line-height: 1.66;
}
p.forumdescription {
  line-height: 1.8;
}
h4.forumname,
p.forumdescription {
  clear: left;
  margin: 0;
  width: 400px;
}
/******* FORUM Post Footer Backgrounds *******/
.forumPostFoot { background-image: url(images/activity/forumPostFoot.gif); }
.commentPostFoot  { background-image: url(images/activity/commentFoot.gif); }
.commentForumPostFoot  { background-image: url(images/activity/commentForumFoot.gif); }

.forumPostFoot, .commentPostFoot, .commentForumPostFoot {
  height: 25px;
  clear: none;
  float: left;
  background-position: left bottom;
  background-repeat: no-repeat;
  width: 97%;
  padding-right: 3%;
  text-align: right;}

.commentForumPostFoot {
  height: 5px !important;
}

.forumPostFoot img, .ActivityFoot img, .exerciseFoot img, .commentPostFoot img, .commentForumPostFoot img, .insideCommentFoot img {
  padding: 0 3px 0 9px;
  vertical-align: middle;
}

.forumPostFoot span, .ActivityFoot span, .exerciseFoot span, .commentPostFoot span, .commentForumPostFoot span, .insideCommentFoot span {
  padding: 0;
  margin: 0;
  clear: none;
  position: relative;
  float: none;
  display: inline;
}


/* Forums page styling */

ul.forum li
{
    margin-bottom: 10px;
}

ul.forum li
{
    background: url(images/forum.jpg) top left repeat-x;
    clear: both;
    height: 100%;
    line-height: 40px;
    padding-left: 40px;
    font-weight: bold;
    font-size: 1.2em;
}

ul.forum li ul li
{
    background: none;
    line-height: normal;
    padding-left: 0;
    margin-left: -30px;
    font-size: 0.8em;
    font-weight: normal;
    margin-bottom: 0;
    padding-top: 2px;
    padding-bottom: 2px;
}

/* Help content styling */

#MB_content p
{
	padding:5px;
}
#MB_content h3, #MB_content h2, #MB_content h4
{
	padding-top:4px;
}

#MB_content li
{
    margin-left: 10px;
    padding-left: 10px;
    background: url(images/bluebullet.gif) left center no-repeat;
}

#MB_content img
{
    clear: both;
    display: block;
    text-align: center;
    border: 2px solid #CCC;
    padding:5px;
}

#MB_content .key
{
    border: 1px solid #000;
    padding: 0 5px 5px 5px;
    margin: 10px;
}

#MB_content .key h4
{
    border-bottom: 1px solid #000;
}

#MB_content .key li
{
    padding: 2px 0;
}

#MB_content .key img
{
    vertical-align: middle;
    display: inline;
    text-align: left;
    border: none;
}

/* Error 404/500 styling */

#error #content, #error404 #content, #error500 #content
{
    border: none;
    background: url(images/logo.gif) 25px 100px no-repeat;
}

#error .errortext, #error404 .errortext, #error500 .errortext
{
    padding-left: 200px;
    padding-top: 100px;
}

#error .errortext h3, #error404 .errortext h3, #error500 .errortext h3
{
    color: #FE000C;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    font-size: 1.4em;
}

#error .errortext ul li, #error404 .errortext ul li, #error500 .errortext ul li
{
    margin-left: 10px;
    padding-left: 10px;
    margin-top: 5px;
}

#error .errortext ul.bullets li, #error404 .errortext ul.bullets li, #error500 .errortext ul.bullets li
{
      background: url(images/bluebullet.gif) 0px 6px no-repeat;
}

#error .errortext a, #error404 .errortext a, #error500 .errortext a
{
    font-weight: bold;
    text-decoration: none;
}

#error .errortext a:hover, #error404 .errortext a:hover, #error500 .errortext a:hover
{
    text-decoration: underline;
}

#error .errortext h4, #error404 .errortext h4, #error500 .errortext h4
{
    color: #666;
    margin: 20px 0 5px 0;
}

/* Admin styling */

body#admin #content table.userAdminTable
{
    margin: 10px;
    width: 740px;
}

body#admin #content table.userAdminTable th
{
    font-size: 1.1em;
}

body#admin #content table.userAdminTable th, body#admin #content table.userAdminTable td
{
    padding: 10px;
}

body#admin #content table.userAdminTable td a
{
    text-align: center;
}

body#admin #content p, body#admin #content ul, body#admin #content h4
{
    padding: 0 10px;
}

body#admin #content h4
{
    font-size: 1.2em;
}

body#admin #content div.left
{
    padding-left: 10px;
}

body#admin #content ul.adminlist
{
	margin: 5px 0 10px 0;
}

body#admin #content li.taskitem
{
    padding: 5px 5px 5px 48px;
    border: 1px solid #A1A4AB;
    margin: 5px 0;
    background: url(images/adminunits.jpg) top left no-repeat #B9C1DD;
}

body#admin #content li.taskitem span
{
    width: 200px;
    display: inline;
}

body#admin #content li p
{
    padding: 0;
}

body#admin #content .frmaddassessment
{
    /*border-top: 1px solid #EEE;*/
    margin-left: 10px;
    margin-right: 10px;
    padding: 5px;
    margin-top: 5px;
    border: 1px solid #A1A4AB;
    background: url(images/adminassessment.jpg) top left no-repeat #DDD;
}

body#admin #content ul.adminlist li .frmaddassessment
{
    margin-left: 0;
    margin-right: 0;
}

body#admin #content .frmaddassessment h4
{
    padding: 0;
}

body#admin #content div.left
{
    float: left;
    display: block;
    width: 110px !important;
    font-weight: bold;
    padding-bottom: 5px;
    padding-right: 10px;
}

body#admin #content div.right
{
    display: block;
    float: left !important;
    padding-bottom: 5px;
    width: 595px !important;
    clear: right;
}

body#admin #content div.right textarea
{
    width: 590px;
    height: 100px;
    margin-bottom: 10px;
}

body#admin #content ul#adminNav { margin: 10px 0 20px 0; }
body#admin #content ul#adminNav li { display: inline; }

div.printCommentsDesc {
	float: right;
}

/* print learning log styling */

h4.closed, h4.open {
    margin: 20px 10px 10px 10px!important;
}

h4.closed a.togglevisibility {
    padding-left: 29px;
    background: url(images/closed_icon.gif) left center no-repeat;
    color: #000;
}

h4.open a.togglevisibility {
    padding-left: 29px;
    background: url(images/open_icon.gif) left center no-repeat;
    color: #000;
}

h4.closed span, h4.open span {
    color: #0D2C89;
}

.printCommentList {
    line-height: 150%;
    margin: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #CCC;
}

.printCommentList p {
    margin-bottom: 5px;
}

p.commentcount {
    background: url(images/comment_icon.gif) left center no-repeat;
    line-height: 17px;
    height: 17px;
    padding-left: 24px;
}

.feedbackPanel .left 
{
	padding:10px;
}

.feedbackPanel .left span
{
	clear:none;
	display:block;
	float: left;
	width: 50px;
	padding-top: 3px;
}

.feedbackPanel .textBox
{
	clear:none;
	display:block;
	float: left;
	width: 300px;
	padding-left: 60px;
}

.feedbackPanel .check 
{
	clear:left;
	display:block;
	float: left;
	width: 250px;
	padding-top: 7px;
	padding-left: 10px;
}

.feedbackPanel .check span
{
	clear: none;
	display: inline;
}

.feedBack
{
	clear:left;
	display:block;
	float: left;
	width: 250px;
	padding-top: 20px;
	padding-left: 10px;
}

.projMgrOn, .projMgrOff
{
  font-weight: bold;
}

.projMgrOn
{
  color: Green;
}

.projMgrOff
{
  color: Red;
}

/* Print media styling */

@media print
{
    #header, #footer, div.left div, div.left a, div.addcomment, div.print
    {
        display: none;
        visibility: hidden;
    }

    #allcontent
    {
        font-size: 14px;
        width: 630px;
        margin: 0;
    }

    div.complete
    {
        margin: 0!important;
        padding: 0!important;
    }
    
    #commentList div.right {
        width: 470px!important;
    }
    
    p.commentcount {
        padding-left: 0;
    }
    
    .printCommentList strong {
        display:  block;
    }
}

.helpHeading { font-size: 1.2em; padding-top: 20px; }
.helpSubHeading { padding: 10px 0; }
.sysReq { margin: 0 10px; }
.sysReq ul { padding-left: 20px; list-style-type: circle; }
.underlineFormat { text-decoration: underline; }
.hyperBlack { color: #000; }
.hdHeading { padding: 15px 0 0 0; margin: 0 10px !important; font-size: 1.4em; }
.top { padding: 0; }
.contentblock img { padding-bottom: 5px; }
div.assessmentsactivities span.underlineFormat { padding-right: 10px; }
div.rightAlign img { padding: 0 2px 0 10px; }
.assessmentsactivities a.underlineFormat { padding-right: 10px; text-decoration: underline !important; }
.showUnit { margin-left: 10px; font-weight: bold; font-size: 1.2em; }
.addMargin { margin-bottom: 20px; }

/* --- Employer Reports - Template 1 --- */
p.pageDescription {
  margin: 0 10px 10px 10px;
}

div.twoCol {
  width: 240px;
  height: auto;
  display: inline;
  position: relative;
  float: left;
  min-height: 170px;
  margin-top: 20px;
  padding: 0 10px 10px 120px;
  clear: none;
}

div.twoCol p.title { font-size: 1.4em; font-weight: bold; }
div.twoCol p.splashDescription { font-size: 1.2em; margin-top: 10px; }
div.twoCol ul { margin-top: 10px; }
div.twoCol ul li { list-style: url(images/reports/bulletPoint.gif); font-size: 1em; margin-top: 5px; margin-left: 20px; padding-left: 5px; }
div.twoCol p.linkThrough { margin-top: 10px; text-align: right; font-size: 1.2em; }

.colLeft { margin-left: 9px; }
.colRight { margin-right: 9px; }

.unitReports { background: url(images/reports/unitReports.jpg) no-repeat; }
.overviewReports { background: url(images/reports/overviewReports.jpg) no-repeat; }
.loginReports { background: url(images/reports/loginReports.jpg) no-repeat; }
.elearningReports { background: url(images/reports/elearningReports.jpg) no-repeat; }

div.reportBar
{
  width: 713px;
  height: 20px;
  padding-left: 45px;
  padding-top: 15px;
  font-weight: bold;
  background: #FFF url(images/courseunit.jpg) repeat-x;
  display: inline;
  position: relative;
  float: left;
  font-size: 1.2em;
}

div.reportBar a:link, div.reportBar a:hover, 
div.reportBar a:active, div.reportBar a:visited { text-decoration: none; color: #014A7F; }

p.alignLeft  { float: left; }
p.alignRight { float: right; }

select.rightMargin { margin-right: 10px; }

div.ddlElearning {
  width: 100% !important;
  overflow: visible !important;
}

div.reportLeft, div.reportWide, p.alphabet {
  position: relative;
  float: left;
  clear: none;
  padding: 0;
  margin: 5px;
  display: inline;
}

div.reportLeft ul li.repLink, div.reportRight ul li.repLink, ul#alignRight li.repLink, div.reportWide ul li.repLink {
  font-size: 0.9em;
}

div#reportTwoLeft ul li.repLink {
  width: 130px;
  height: 34px;
  padding-top: 10px;
  position: relative;
  float: right;
}

div#reportTwoLeft ul li.repLink.vfr { padding-right: 0; width: 110px; }

li.vfr a {
  width: 90px;
  height: 34px;
  padding-left: 36px;
  background: url(images/reports/iconReportDetail.gif) no-repeat;
  display: block;
}

div#reportTwoLeft ul li.repLink { position: relative; float: right; }
div#reportTwoLeft ul li.repLink a { width: 90px; height: 34px; }

div.reportLeft ul li.repLink img, div.reportRight ul li.repLink img, ul#alignRight li.repLink img, div.reportWide ul li.repLink img {
  vertical-align: middle;
}

li.excel a { width: 90px; height: 34px; float: left; background: url(images/reports/iconExcel.gif) no-repeat; padding-left: 36px; }

ul#alignRight {
  position: relative;
  float: right;
}

ul#alignRight li.repLink {
  font-size: 1em;
  text-align: right;
  padding-right: 15px;
}

ul#alignRight li.repLink img, ul#alignRight li.repLink a {
  position: relative;
  float: left;
  margin-right: 2px;
}

ul#alignRight li.repLink a {
  width: 120px;
  height: 34px;
  text-align: left;
}

div.reportLeft {
  width: 500px;
  height: auto;
  margin-right: 10px;
  overflow: hidden;
}

div.reportRight {
  width: 230px;
  height: auto;
  position: relative;
  float: left;
  clear: none;
  margin: 0 8px 0 5px;
  padding: 0;
  display: inline;
}

div.reportRight ul li.repLink.linkRight {
  width: 200px;
  padding-right: 0;
  position: relative;
  float: right;
}

div.reportRight ul li.repLink.linkRight img, div.reportRight ul li.repLink.linkRight a {
  position: relative;
  float: right;
}

div.reportRight ul li.repLink.linkRight a {
  height: 34px;
}

div.reportWide ul li.repLink {
  float: right;
  margin-right: 5px;
}

div.reportWide {
  width: 749px;
  height: auto;
  margin-left: 4px;
  margin-right: 4px;
}

p.reportDropDowns {
  font-size: 0.9em;
  width: 740px;
}

p.reportSubHead {
  font-size: 1.2em;
  width: 500px;
  float: left;
  padding-top: 20px;
}

.reduce {
  width: 100% !important;
}

p.reportDropDowns span, p.reportSubHead span {
  float: right;
  font-size: 1.1em;
  line-height: 0.7em;
  margin-right: 3px;
}

p.reportDropDowns select, p.reportSubHead select {
  margin-top: -5px;
  margin-bottom: 5px;
  float: right;
}

.addpad { padding: 5px }

div.repRows {
  border-top: 1px solid #CCC;
  float: left;
  margin: 8px 0 3px;
  font-size: 0.9em;
}

div.repRows div table tbody tr {
  border-right: 0 !important;
}

div.repRows.sysLogHide {
  height: 168px;
  overflow: hidden;
}

div.repRows.sysLogHide.sysLogShow {
  height: auto;
}

.alphaLinkCurrent {
  color: #000 !important;
  text-decoration: underline !important;
}

div.repRows ul {
  border-bottom: 1px solid #CCC;
  float: left;
  padding: 3px 0;
  width: 100%;
}

div.reportRight div.repRows table {
  width: 230px;
}

div.reportRight div.repRows tr {
  width: 100%;
}

div.reportRight div.repRows tr td {
  border-bottom: 1px solid #CCC;
  padding: 3px 0;
}

div.reportRight div.repRows .gvRight {
  font-weight: bold;
  text-align: right;
  padding-right: 12px;
}

div.reportRight div.repRows .gvCenter {
  text-align: center;
}

div.reportWide div.repRows table {
  width: 750px;
}

div.reportWide div.repRows tr {
  width: 100%;
}

div.reportWide div.repRows tr td {
  border: 0;
  border-bottom: 1px solid #CCC;
  padding: 3px 0;
}

div.repRows tr.warning {
  background: #FFCCCC url(images/reports/iconWarning.gif) no-repeat left center;
}
div.reportWide div.repRows .gvLLName, div.reportWide div.repRows .gvUnitLLName { font-weight: bold; }

div.reportWide div.repRows .gvLLName, div.reportWide div.repRows .gvLLPosts, div.reportWide div.repRows .gvLLComments,
div.reportWide div.repRows .gvPPDay, div.reportWide div.repRows .gvFPosts,
div.reportWide div.repRows .gvUnitLLName, div.reportWide div.repRows .gvUnitLLPosts, div.reportWide div.repRows .gvUnitLLComments,
div.reportWide div.repRows .gvUnitForums, div.reportWide div.repRows .gvUnitFPosts {
  text-align: right;
}

div.reportWide ul.slla li.slTitleName  { width: 178px; }
div.reportWide ul.slla li.slTitleLLPosts { width: 215px; }
div.reportWide ul.slla li.slTitlePPDay { width: 102px; }
div.reportWide ul.slla li.slTitleLLComments { width: 168px; }
div.reportWide ul.slla li.slTitleFPosts { width: 170px; }

div.reportWide div.repRows .gvLLName { width: 166px; }
div.reportWide div.repRows .gvLLPosts { width: 125px; }
div.reportWide div.repRows .gvPPDay { width: 75px; }
div.reportWide div.repRows .gvLLComments { width: 157px; }
div.reportWide div.repRows .gvFPosts { width: 157px; padding-right: 20px; }

div.reportWide ul.slla li.ulTitleName  { width: 150px; }
div.reportWide ul.slla li.ulTitleLLPosts { width: 166px; }
div.reportWide ul.slla li.ulTitleLLComments { width: 172px; }
div.reportWide ul.slla li.ulTitleForums { width: 111px; }
div.reportWide ul.slla li.ulTitleFPosts { width: 131px; }

div.reportWide div.repRows .gvUnitLLName { width: 150px; }
div.reportWide div.repRows .gvUnitLLPosts { width: 167px; }
div.reportWide div.repRows .gvUnitLLComments { width: 175px; }
div.reportWide div.repRows .gvUnitForums { width: 115px; }
div.reportWide div.repRows .gvUnitFPosts { width: 130px; padding-right: 20px; }

div.repRows ul li {
  width: auto;
  display: inline;
}

div.reportWide ul.slla li {
  font-size: 0.9em;
}

div.reportWide div.repRows { margin: 3px 0 7px 0; }
div.reportWide div.repRows img { margin-right: 2px; vertical-align: middle; }
div.reportWide ul.warning { background-color: #FFCCCC; }

div.reportWide ul.slla li,
div.repRows ul li.sysLogName, div.repRows ul li.sysLogNum, div.repRows ul li.sysLogDate,
div.repRows ul li.sysLogExpand, div.repRows ul li.cpUnit, div.repRows ul li.cpBar,
div.repRows ul li.cpPerc, div.repRows ul li.cpTotalTime, div.repRows ul li.cpAvgTime,
div.repRows ul li.sllaName, div.repRows ul li.sllaLLPosts, div.repRows ul li.sllaLLComments,
div.repRows ul li.sllaPPDay, div.repRows ul li.sllaFPosts, div.repRows ul li.sllaEProgress {
  display: block;
  float: left;
}

div.reportWide ul.slla li,
div.repRows ul li.sysLogName, div.repRows ul li.cpUnit, div.reportWide div.repRows ul li.sllaName,
div.repRows ul li.sllaLLPosts, div.repRows ul li.sllaLLComments, div.repRows ul li.sllaPPDay,
div.repRows ul li.sllaFPosts, div.repRows ul li.sllaEProgress {
  text-align: right;
}



div.repRows ul li.sysLogName   { width: 80px; }
div.repRows ul li.sysLogNum    { width: 55px; }
div.repRows ul li.sysLogDate   { width: 35px; padding-right: 15px; }

div.reportWide ul.slla { margin-top: 10px; font-size: 1.3em; font-weight: bold; }

div.repRows ul li.cpUnit      { width: 150px; }
div.repRows ul li.cpBar       { width: 220px; }
div.repRows ul li.cpPerc      { width: 25px; }
div.repRows ul li.cpTotalTime { width: 120px; }
div.repRows ul li.cpAvgTime   { width: 160px; }

div.repRows ul li.sllaLLPosts { width: 230px; }
div.repRows ul li.sllaLLComments { width: 169px; }
div.repRows ul li.sllaFPosts         { width: 155px; }

#content div.repRows ul li.cpBar span.percBg { width: 220px; height: 11px; background: url(images/reports/percBg.gif) repeat-x; border: 1px solid #CCC; display: block !important; overflow: hidden; }
#content div.repRows ul li.cpBar span.percBg span.percComp { height: 11px; background: url(images/reports/percComp.gif) repeat-x; display: block !important; }

p.alphabet {
  width: 100%;
  font-size: 0.8em;
  text-align: center;
}

p.alphabet a:link, p.alphabet a:visited, p.alphabet a:active {
  color: #999;
  text-decoration: none;
  margin-right: 4px;
}

p.alphabet a:hover {
  color: #000;
  text-decoration: underline;
}

/* --- Template 2 (uaReports.aspx & default.aspx) --- */

div#reportTwoLeft, div#reportTwoRight {
  position: relative;
  float: left;
  clear: none;
  padding: 0;
  margin: 5px;
  display: inline; }

div#reportTwoLeft { 
  width: 750px;
  height: auto;
  margin-left: 4px;
}

div.uaReports { width: 510px !important; }

div#reportTwoRight {
  width: 205px;
  height: 100%;
  margin-right: 4px;
  padding: 10px 0 20px 15px;
}

/* --- left side --- */

div#reportTwoLeft ul.slla li.slTitleName, div#reportTwoLeft ul.slla li.sllaName { text-align: right; }

div#reportTwoLeft div.repRows ul li.sllaLLPosts, div#reportTwoLeft div.repRows ul li.sllaLLComments,
div#reportTwoLeft div.repRows ul li.sllaPPDay, div#reportTwoLeft div.repRows ul li.sllaFPosts, div#reportTwoLeft ul.slla li.sllaEProgress {
  display: block;
  float: left;
}

div#reportTwoLeft ul.slla li.slTitleLLPosts, div#reportTwoLeft ul.slla li.slTitleLLComments, 
div#reportTwoLeft ul.slla li.slTitlePPDay, div#reportTwoLeft ul.slla li.slTitleFPosts, div#reportTwoLeft ul.slla li.slTitleEProgress {
  text-align: right;
}

div#reportTwoLeft img { vertical-align: middle; margin-right: 2px; }

div#reportTwoLeft ul.slla { font-size: 1.4em; font-weight: bold; padding: 0; }

div#reportTwoLeft ul li.slTitleName, div#reportTwoLeft ul li.sllaName             { width: 161px; }
div#reportTwoLeft ul li.slTitleLLPosts, div#reportTwoLeft ul li.sllaLLPosts       { width: 176px; }
div#reportTwoLeft ul li.slTitleLLComments, div#reportTwoLeft ul li.sllaLLComments { width: 126px; }
div#reportTwoLeft ul li.slTitleFPosts, div#reportTwoLeft ul li.sllaFPosts         { width: 95px; }
div#reportTwoLeft ul li.slTitleEProgress, div#reportTwoLeft ul li.sllaEProgress   { width: 172px; padding-right: 20px; }

div#reportTwoLeft ul.warning { background: #FFCCCC; }
div#reportTwoLeft ul.completed { background: #CCF5CC; }

/***/
div#reportTwoLeft div.repRows table {
  width: 750px;
}

div#reportTwoLeft div.repRows tr {
  width: 100%;
}

div#reportTwoLeft div.repRows tr td {
  padding: 3px 0;
}

p.ddpFirst { padding-bottom: 10px; }
p.dropDownPara { text-align: right; padding-right: 10px; }

div#reportTwoLeft div.repRows .gvPPDay, div.reportWide div.repRows .gvPPDay { font-style: italic; }

div#reportTwoLeft div.repRows .gvLLName, div#reportTwoLeft div.repRows .gvLLPosts, div#reportTwoLeft div.repRows .gvLLComments,
div#reportTwoLeft div.repRows .gvPPDay, div#reportTwoLeft div.repRows .gvFPosts, div#reportTwoLeft div.repRows .gvELProg,
div#reportTwoLeft div.repRows .gvUnitLLName, div#reportTwoLeft div.repRows .gvUnitLLPosts, div#reportWide div.repRows .gvUnitLLComments,
div#reportTwoLeft div.repRows .gvUnitPPDay, div#reportTwoLeft div.repRows .gvUnitFPosts {
  font-size: 1.1em;
  text-align: right;
  border: 0;
}

div#reportTwoLeft div.repRows .gvLLName, div#reportTwoLeft div.repRows .gvUnitLLName { border-bottom: 1px solid #CCC; width: 160px; font-weight: bold; }
div#reportTwoLeft div.repRows .gvLLPosts, div#reportTwoLeft div.repRows .gvUnitLLPosts { border-bottom: 1px solid #CCC; width: 95px; }
div#reportTwoLeft div.repRows .gvPPDay, div#reportTwoLeft div.repRows .gvUnitPPDay { border-bottom: 1px solid #CCC; width: 80px; }
div#reportTwoLeft div.repRows .gvLLComments, div#reportTwoLeft div.repRows .gvUnitLLComments { border-bottom: 1px solid #CCC; width: 125px; }
div#reportTwoLeft div.repRows .gvFPosts, div#reportTwoLeft div.repRows .gvUnitFPosts { border-bottom: 1px solid #CCC; width: 95px; }
div#reportTwoLeft div.repRows .gvELProg, div#reportTwoLeft div.repRows .gvUnitELProg { border-bottom: 1px solid #CCC; width: 170px; padding-right: 20px; }
/***/

div#reportTwoLeft ul.slla li {
  font-size: 0.9em;
  display: block;
  float: left;
}

div#reportTwoLeft ul li.repLink {
  font-size: 0.9em;
}

div#reportTwoLeft ul li.repLink img {
  vertical-align: middle;
}

div#reportTwoLeft table {
  width: 96%;
  color: #000;
  border-bottom: 1px solid #CCC;
  font-size: 0.9em;
}

div#reportTwoLeft table tr.titles, div#reportTwoLeft table tr td {
}

div#reportTwoLeft table .titles, div#reportTwoLeft table .titles, div#reportTwoLeft table .titles2 {
  font-weight: bold;
}

div#reportTwoLeft table tr.trAlt {
}

div#reportTwoLeft table tr td {
  border-bottom: solid 1px #CCC;
  width: 50%;
  padding: 5px 3px;
}

div#reportTwoLeft table tr td.tdMonth {
  width: 65%;
}

div#reportTwoLeft table th {
  border-bottom: solid 1px #CCC;
  text-align: left;
  padding: 5px 0 5px 3px;
}

/* --- right side --- */

div#reportTwoRight h2 {
  margin: 3px 0 9px;
  font-size: 1.2em;
  color: #4A4538;
}

div#reportTwoRight select {
  width: 170px;
  height: 20px;
  font-size: 1.1em;
  margin: 0 0 6px 7px;
}

p.calTitle, p.checkboxText { font-size: 0.9em; color: #4A4538; margin-bottom: 5px; }
ul.exportExcel { margin-bottom: 8px; }

div#reportTwoRight table { border-spacing: 2px; border-collapse: separate; }

.reportCal { margin: 0 0 5px; padding: 0; width: 200px; }
.reportCal tbody tr td table { margin: 0; padding: 0; border-collapse: separate !important; border-spacing: 2px !important; }
.reportCal tbody tr td { width: 20px; padding: 0; text-align: center !important; }
.reportCal tbody tr td a { margin: 0; padding-left: 0 !important; text-decoration: none; }
.reportCal tbody tr td table tbody tr td { text-align: center !important; padding: 3px 0 0 0; height: 10px; }
.reportCal tbody tr td table tbody tr td a { margin: 0; padding: 0; }
.repNextPrev { border-collapse: separate !important; border-spacing: 2px; }
.repNextPrev td { background-color: #EAEFF5; color: #000; border-bottom: 1px solid #CCD5DE; padding: 0; }
.reportCal table { width: 195px !important; }
.reportCal td a { display: block; width: 22px; height: 14px; text-align: center; }

div#reportTwoRight p.alignRight { height: 100%; }

.maa { background-color: Red; }

.uaReportsPanelError {
  padding: 0 0 10px 10px;
  width: 510px;
  height: 100%;
  position: relative;
  float: left;
  clear: none;
}

/* Header Reconstruction */

.headLeft, .headRight, .headBrandImage, .headCohortSwitcher, .headMain, .headAux {
  display: block;
  position: relative;
  float: left;
  clear: none;
}

.headLeft {
  width: 350px;
  height: 140px;
}

.headRight {
  width: 410px;
  height: 140px;
}

.headBrandImage {
  width: 350px;
  height: 100px;
}

.headAux {
  width: 350px;
  height: 40px;
}

.headCohortSwitcher {
  width: 410px;
  height: 26px;
  margin-top: 4px;
  text-align: right;
}

.headMain {
  width: 410px;
  height: 120px;
}