/**************************************
 * THEME NAME: standard
 *
 * Files included in this sheet:
 *
 *   standard/styles_moz.css
 *   standard/styles_tabs.css
 *   /mod/assignment/styles.php
 *   /mod/book/styles.php
 *   /mod/choice/styles.php
 *   /mod/data/styles.php
 *   /mod/lesson/styles.php
 *   /mod/nanogong/styles.php
 *   /mod/questionnaire/styles.php
 *   /mod/scorm/styles.php
 *   /mod/workshop/styles.php
 *   /blocks/ajax_marking/styles.php
 *   /blocks/blog_tags/styles.php
 *   /blocks/calendar_month/styles.php
 *   /blocks/calendar_upcoming/styles.php
 *   /blocks/course_summary/styles.php
 *   /blocks/login/styles.php
 *   /blocks/news_items/styles.php
 *   /blocks/page_module/styles.php
 *   /blocks/quiz_results/styles.php
 *   /blocks/rss_client/styles.php
 *   /blocks/search_forums/styles.php
 *   /blocks/wikipedia/styles.php
 *   /blocks/wiziqlive/styles.php
 *   /grade/report/grader/styles.php
 *   /grade/report/user/styles.php
 **************************************/

/***** standard/styles_moz.css start *****/

/*******************************************************************
 styles_moz.css
  
 This CSS file uses the non-standard Mozilla CSS extensions
 to add round corners to the current theme.

 Styles are organised into the following sections:
  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  login
  message
  tabs
  user

  various modules

*******************************************************************/



/***
 *** Core
 ***/

.headingblock {
  -moz-border-radius:3px;
}

.notifyproblem {
  -moz-border-radius:10px;
}

.notifysuccess {
  -moz-border-radius:10px;
}
.generalbox {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}

.generalboxcontent {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}

.noticebox {
  -moz-border-radius:5px;
}

.informationbox {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}

.informationboxcontent {
  -moz-border-radius-topleft:3px;
  -moz-border-radius-topright:3px;
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}

.sitetopiccontent {
  -moz-border-radius:15px;
}

.headingblock {
  -moz-border-radius:3px;
}

.categorybox, .categoryboxcontent, 
.coursebox {
  -moz-border-radius:10px;
}




/* kept for backward compatibility with some non-standard modules
   which use these classes for various things */
.generaltab, .generaltabinactive{
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
}

.generaltabselected {
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
}


/***
 *** Header
 ***/

/***
 *** Footer
 ***/

/***
 *** Admin
 ***/

/***
 *** Blocks
 ***/

.sideblock.hidden {
  -moz-border-radius: 0px;
}

.sideblock .content {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}

.block_course_summary, .block_course_summary .content {
  -moz-border-radius:20px;
}

.editing .block_course_summary .content {
  -moz-border-radius-topleft:0;
  -moz-border-radius-topright:0;
}


/***
 *** Calendar
 ***/

#calendar .eventlist .event {
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}

#calendar .eventlist .event .side {
  -moz-border-radius-bottomleft:15px;
}

#calendar .eventlist .event .description {
  -moz-border-radius-bottomright:15px;
}

#calendar .maincalendar,
#calendar .sidecalendar
{
  -moz-border-radius-bottomright:20px;
  -moz-border-radius-bottomleft:20px;
}

#calendar td.sidecalendar .sideblock {
  -moz-border-radius-bottomright:20px;
  -moz-border-radius-bottomleft:20px;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
  -moz-border-radius:4px;
}

table.minicalendar {
  -moz-border-radius:10px;
}

table.minicalendar td {
  -moz-border-radius:4px;
}

#calendar .maincalendar li.event_course,
#calendar .maincalendar li.event_global,
#calendar .maincalendar li.event_user,
#calendar .maincalendar li.event_group,
#calendar .filters td.event_course,
#calendar .filters td.event_global,
#calendar .filters td.event_user,
#calendar .filters td.event_group {
  -moz-border-radius:4px;
}

/***
 *** Course
 ***/
body#course-user .section {
  -moz-border-radius:20px;
}


/***
 *** Doc
 ***/

/***
 *** Login
 ***/
.loginbox {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}

.loginbox .content.left {
  -moz-border-radius-bottomleft:20px;
}
.loginbox .content.right {
  -moz-border-radius-bottomright:20px;
}

/***
 *** Message
 ***/

/***
 *** Tabs
 ***/

/***
 *** User
 ***/
.userinfobox {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}

.groupinfobox {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
#user-view .left {
  -moz-border-radius-bottomleft:20px;
}

/***
 *** Modules: Assignment
 ***/

/***
 *** Modules: Chat
 ***/

/***
 *** Modules: Choice
 ***/

/***
 *** Modules: Forum
 ***/
.forumpost {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}

.forumpost .side {
  -moz-border-radius-bottomleft:20px;
}

.forumpost .content {
  -moz-border-radius-bottomright:20px;
}

.forumpost .message {
  -moz-border-radius-bottomright:20px;
}


/***
 *** Modules: Glossary
 ***/
.glossarycategoryheader {
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
}

.glossaryformatheader {
  -moz-border-radius-topleft:15px;
  -moz-border-radius-topright:15px;
}

.entryboxheader {
  -moz-border-radius-topleft:10px;
  -moz-border-radius-topright:10px;
}

.entrybox {
  -moz-border-radius-bottomleft:10px;
  -moz-border-radius-bottomright:10px;
}

.glossarypost {
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}

.glossarypost .side {
  -moz-border-radius-bottomleft:15px;
}

.encyclopedia .entrylowersection {
  -moz-border-radius-bottomright:15px;
}
.glossarycomment {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}

.glossarycomment .side {
  -moz-border-radius-bottomleft:20px;
}

.glossarycomment .entry {
  -moz-border-radius-bottomright:20px;
}


/***
 *** Modules: Journal
 ***/

#mod-journal-view .feedbackbox {
  -moz-border-radius-bottomleft:15px;
  -moz-border-radius-bottomright:15px;
}
#mod-journal-view .feedbackbox .side {
  -moz-border-radius-bottomleft:15px;
}
#mod-journal-view .feedbackbox .entrycontent {
  -moz-border-radius-bottomright:15px;
}

/***** standard/styles_moz.css end *****/

/***** standard/styles_tabs.css start *****/

/***** standard/styles_tabs.css end *****/

/***** /mod/assignment/styles.php start *****/

#mod-assignment-submissions .feedback .content,
#mod-assignment-submissions .feedback .topic,
#mod-assignment-submissions .feedback .picture
{
  padding: 10px;
  border-width:1px;
  border-style:solid;
  border-color:#DDDDDD;
}

#mod-assignment-submissions form#options div {
  text-align:right;
  margin-left:auto;
  margin-right:20px;
}

.mod-assignment .feedback .files {
  float: right;
  background-color: #EFEFEF;
  padding:5px;
}

.mod-assignment .feedback .grade,
.mod-assignment .feedback .outcome,
.mod-assignment .feedback .finalgrade {
  float: right;
}

.mod-assignment .feedback .disabledfeedback {
  width: 500px;
  height: 250px;
}

.mod-assignment .feedback .from {
  float: left;
}

.mod-assignment .feedback .time {
  font-size: 0.8em;
}

.mod-assignment .late {
  color: red;
}

.mod-assignment .files img {
  margin-right: 4px;
}

.mod-assignment .files a {
  white-space:nowrap;
}

#mod-assignment-submissions .generaltable .r1 {
  background-color: #FFFFFF;
}

#mod-assignment-submissions .header .commands {
  display: inline;
}

#mod-assignment-submissions .s0 {
  background: #FFD991;
}

#mod-assignment-submissions table.submissions td,
#mod-assignment-submissions table.submissions th
{
  border-width: 1px;
  border-style: solid;
  border-color: #DDDDDD;
  vertical-align: middle;
  padding-left: 5px;
  padding-right: 5px;
}

#mod-assignment-submissions .submissions .grade {
  text-align: right;
  font-weight:bold;
}

#mod-assignment-submissions .picture {
  width: 35px;
}

#mod-assignment-submissions .fullname {
  text-align: left;
}

#mod-assignment-submissions .timemodified,
#mod-assignment-submissions .timemarked
{
  text-align: left;
  font-size: 0.9em;
}

#mod-assignment-submissions .status {
  text-align: center;
}

#mod-assignment-submissions .submissions .outcome,
#mod-assignment-submissions .submissions .finalgrade {
  text-align: right;
}

#mod-assignment-view #online .singlebutton {
  text-align: center;
}

#mod-assignment-view #dates {
  font-size: 0.8em;
  margin-top: 30px;
  margin-bottom: 30px;
}

#mod-assignment-view #dates .c0{
  text-align:right;
  font-weight:bold;
}

#mod-assignment-view .feedback {
  border-width:1px;
  border-style:solid;
  border-color:#DDDDDD;
  margin-top: 15px;
  width: 80%;
  margin-left: 10%;
  margin-right: 10%;
}

#mod-assignment-view .feedback .topic {
  padding: 4px;
  border-style:solid;
  border-width: 0px;
  border-bottom-width: 1px;
  border-color:#DDDDDD;
}

#mod-assignment-view .feedback .fullname {
  font-weight: bold;
}

#mod-assignment-view .feedback .date {
  font-size: 0.8em;
}

#mod-assignment-view .feedback .content {
  padding: 4px;
}

#mod-assignment-view .feedback .grade {
  text-align: right;
  font-weight:bold;
}

#mod-assignment-view .feedback .left {
  width: 35px;
  padding: 4px;
  text-align: center;
  vertical-align: top;
}

#mod-assignment-submissions .qgprefs #optiontable {
  text-align:right;
  margin-left:auto;
}

#mod-assignment-submissions .fgcontrols {
  margin-top: 1em;
  text-align:center;
}

#mod-assignment-submissions .fgcontrols .fastgbutton{
  margin-top: 0.5em;
}

/***** /mod/assignment/styles.php end *****/

/***** /mod/book/styles.php start *****/

/* $Id: styles.php,v 1.1.2.2 2008-08-13 23:22:32 skodak Exp $*/
/* later should be defined in themes*/


.book_chapter_title {
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: large;
    font-weight: bold;

    margin-left: 0px;
    margin-bottom: 20px;
}

.book_content {
    text-align: left;
}

img.bigicon {
  vertical-align:middle;
  margin-right:4px;
  margin-left:4px;
  width:24px;
  height:24px;
  border:0px;
}

#mod-book-view table.booktable {
    border:0;
}

#mod-book-view .bookexport {
    float:left;
}

#mod-book-view .booknav {
    float:right;
}

#mod-book-view table.booktable tr.tocandchapter {
    vertical-align:text-top;
}

#mod-book-view div.faq {
  font-size: 0.7em;
}
 
/* == TOC styles == */

/* toc style NONE */
.book_toc_none {
  font-size: 0.8em;
}
.book_toc_none ul {
    margin-left: 5px;
    padding-left: 0px;
}
.book_toc_none ul ul {
    margin-left: 0px;
    padding-left: 0px;
}
.book_toc_none li {
    margin-top: 5px;
    list-style: none;
}
.book_toc_none li li {
    margin-top: 0px;
    list-style: none;
}


/* toc style NUMBERED */
.book_toc_numbered {
  font-size: 0.8em;
}
.book_toc_numbered ul {
    margin-left: 5px;
    padding-left: 0px;
}
.book_toc_numbered ul ul {
    margin-left: 0px;
    padding-left: 0px;
}
.book_toc_numbered li {
    margin-top: 5px;
    list-style: none;
}
.book_toc_numbered li li {
    margin-top: 0px;
    list-style: none;
}


/*toc style BULLETS */
.book_toc_bullets {
  font-size: 0.8em;
}
.book_toc_bullets ul {
    margin-left: 5px;
    padding-left: 0px;
}
.book_toc_bullets ul ul {
    margin-left: 20px;
    padding-left: 0px;
}
.book_toc_bullets li {
    margin-top: 5px;
    list-style: none;
}
.book_toc_bullets li li {
    margin-top: 0px;
    list-style: circle;
}


/* toc style INDENTED*/
.book_toc_indented {
  font-size: 0.8em;
}
.book_toc_indented ul {
    margin-left: 5px;
    padding-left: 0px;
}
.book_toc_indented ul ul {
    margin-left: 15px;
    padding-left: 0px;
}
.book_toc_indented li {
    margin-top: 5px;
    list-style: none;
}
.book_toc_indented li li {
    margin-top: 0px;
    list-style: none;
}
/***** /mod/book/styles.php end *****/

/***** /mod/choice/styles.php start *****/

.mod-choice .results {
  border-collapse: separate;
}

.mod-choice .results .data {
  border-width:1px;
  border-style:solid;
  border-color:#999;
}
/***** /mod/choice/styles.php end *****/

/***** /mod/data/styles.php start *****/

#mod-data-view #sortsearch .c0 {
  text-align: right;
}

#mod-data-view .approve img.icon {
  width:34px;
  height:34px;
}

#mod-data-preset .presetmapping {
  text-align: center;
}

#mod-data-preset .presetmapping table {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
}

#mod-data-preset .overwritesettings {
  margin-bottom: 1em;
}

.mod-data-field .c0 {
  text-align: right;
}

.mod-data-field .fieldadd,
.mod-data-field .sortdefault {
  margin-bottom: 1em;
  margin-top: 1em;
}

.mod-data-field .fieldadd select,
.mod-data-field .sortdefault select {
  margin-left: 1em;
}

.mod-data-field .fieldname {
  width:300px;
}

.mod-data-field .fielddescription {
  width:300px;
}

.presetcontrols form {
  display: inline;
}
/***** /mod/data/styles.php end *****/

/***** /mod/lesson/styles.php start *****/

/***
 *** General styles (scope: all of lesson)
 ***/
 
.mod-lesson .contents {
    text-align: left;
}

.mod-lesson #layout-table {
    width: 100%;
}

.mod-lesson .edit_buttons form,
.mod-lesson .edit_buttons input {
    display: inline;
}

.mod-lesson .clock .content {
    text-align: center;
}

.mod-lesson .addlinks {
    font-size: .8em;
}

.mod-lesson .userinfotable .cell,
.mod-lesson .userinfotable .userpicture {
    vertical-align: middle;
}

.mod-lesson .invisiblefieldset.fieldsetfix {
    display: block;
}

.mod-lesson .invisiblefieldset.fieldsetfix tr {
    text-align: left;
}

/***
 *** Style for view.php
 ***/

#mod-lesson-view .password-form {
    text-align: center;
    margin-top: 20px;
}

#mod-lesson-view .password-form .submitbutton {
    display: inline;
}

/***
 *** Style for essay.php
 ***/

#mod-lesson-essay .graded {
    color:#DF041E;
}

#mod-lesson-essay .sent {
    color:#006600;
}

#mod-lesson-essay .ungraded {
    color:#999999;
}

#mod-lesson-essay .gradetable {
    margin-bottom: 20px;
}

#mod-lesson-essay .buttons {
    text-align: center;
}

/***
 *** Style for responses
 ***/

/* .response style is applied for both .correct and .incorrect */
.mod-lesson .response {
    padding-top: 10px;
}

/* for correct responses (can override .response) */
.mod-lesson .correct {
    /*color: green;*/
}

/* for incorrect responses (can override .response) */
.mod-lesson .incorrect {
    /*color: red;*/
}

/* for highlighting matches in responses for short answer regular expression (can override .incorrect) */
.mod-lesson .matches {
    /*color: red;*/
}

/***
 *** Slide show Style
 ***/

/* NOTE: background color, height and width are set in the lesson settings */
.mod-lesson .slideshow {  
    overflow: auto;
    padding-right: 16px; /* for the benefit of macIE5 only */ 
    /* \ commented backslash hack - recover from macIE5 workarounds, it will ignore the following rule */
    padding-right: 0;
    padding: 15px;
}

/***
 *** Left Menu Styles
 ***/
.mod-lesson .menu .content {
    padding: 0px;
}

.mod-lesson .menu .menuwrapper {
    max-height: 400px;
    overflow: auto;
    vertical-align: top;
    margin-bottom: 10px;
}

.mod-lesson .menu ul {
    list-style: none;
    padding: 5px 0px 0px 5px;
    margin: 0px;
}

.mod-lesson .menu li {
    padding-bottom: 5px;
}

.mod-lesson .leftmenu_selected_link {
}

.mod-lesson .leftmenu_not_selected_link {
}

.mod-lesson .skip {
    position: absolute;
    left: -1000em;
    width: 20em;
}


/***
 *** Lesson Buttons
 ***/

.mod-lesson .lessonbutton a {
  padding-left:1em;
  padding-right:1em;
}

.mod-lesson .lessonbutton a:link,
.mod-lesson .lessonbutton a:visited, 
.mod-lesson .lessonbutton a:hover {
    color: #000;
    text-decoration: none;
}

.mod-lesson .lessonbutton a:link,
.mod-lesson .lessonbutton a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}

.mod-lesson .lessonbutton a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}

/* Branch table buttons when displayed horizontally */
.mod-lesson .branchbuttoncontainer.horizontal div,
.mod-lesson .branchbuttoncontainer.horizontal form {
    display: inline;
}

/* Branch table buttons when displayed vertically */
.mod-lesson .branchbuttoncontainer.vertical .lessonbutton {
    padding: 5px;
}

/***
 *** Lesson Progress Bar
 ***    Default styles for this are very basic right now.
 ***    User is supposed to configure this to their liking (like using pictures)
 ***/

.mod-lesson .progress_bar {
    padding: 20px;
}

.mod-lesson .progress_bar_table {
    width: 80%;
    padding: 0px;
    margin: 0px;
}

.mod-lesson .progress_bar_completed {
    /*  Example Use of Image
    background-image: url(http://knowtips.ca/mod/lesson/completed.gif);
    background-position: center;
    background-repeat: repeat-x;
    */
    background-color: green;
    padding: 0px;
    margin: 0px;    
}

.mod-lesson .progress_bar_todo {
    /*  Example Use of Image
    background-image: url(http://knowtips.ca/mod/lesson/todo.gif);
    background-repeat: repeat-x;
    background-position: center;
    */
    background-color: red;
    text-align: left;
    padding: 0px;
    margin: 0px;
}

.mod-lesson .progress_bar_token {
    /*  Example Use of Image
    background-image: url(http://knowtips.ca/mod/lesson/token.gif);
    background-repeat: repeat-none;
    */
    background-color: #000000;
    height: 20px;
    width: 5px;
    padding: 0px;
    margin: 0px;
}
/***** /mod/lesson/styles.php end *****/

/***** /mod/nanogong/styles.php start *****/

.nanogong_title {
    font-weight: bold;
}
.nanogong_messagelist,
.nanogong_messagelist input,
.nanogong_submitdate {
    font-size: 80%;
}
/***** /mod/nanogong/styles.php end *****/

/***** /mod/questionnaire/styles.php start *****/


.questionnaire_qbut {
    padding-right: 0.5em;
}

/** 
 ** Question editing formslib style changes:
 **/

#mod-questionnaire-questions div.qcontainer .fitemtitle {
    display: none;
}

#mod-questionnaire-questions .mform div.qcontainer fieldset.felement {
    width: 100%;
}

#mod-questionnaire-questions div.qcontainer div.qnums {
    display: block;
    font-weight: bold;
    width: 10%;
    float: left;
}

#mod-questionnaire-questions div.qcontainer div.qicons {
    display: block;
    width: 15%;
    float: left;
}

#mod-questionnaire-questions div.qcontainer div.qtype {
    display: block;
    width: 19%;
    float: left;
}

#mod-questionnaire-questions div.qcontainer div.qreq {
    display: block;
    width: 9%;
    float: left;
}

#mod-questionnaire-questions div.qcontainer div.qname {
    float: left;
    display: block;
    width: 45%;
}

#mod-questionnaire-questions div.qcontainer div.qheader {
    border-bottom: double #000000 4px;
    border-top: double #000000 4px;
    font-weight: bold;
    margin-top: 20px;
    padding-bottom:10px;
}

#mod-questionnaire-questions div.qcontainer div.fstatic {
    width: 97%;
    border-bottom: solid #000000 1px;
    margin-right: 1em;
    background-color: #FFFFFF;
}

#mod-questionnaire-questions div.qcontainer div.qcontent {
    margin-bottom:-1em;
}

div.qoptcontainer div.ftextarea {
    clear: both;
    float: none;
    width: 600px;
    margin: 0pt auto 10px;
}

div.qoptcontainer div.ftextarea textarea.qopts {
    width: 600px;
    height: 10em;
    margin-left: 1px;
}
#mod-questionnaire-report .nolink,
#mod-questionnaire-myreport .nolink {
	font-weight:bold;
	text-decoration:none;
}/***** /mod/questionnaire/styles.php end *****/

/***** /mod/scorm/styles.php start *****/

.structlist  {

  list-style-type: none;

  white-space: nowrap;

  font-size: small;

}

.orgtitle {

  font-weight: bold;

  font-size: small;

}

.mod-scorm .top {

  vertical-align: top;

}

.mod-scorm .scorm-left {

  text-align: left;

}

.mod-scorm .scorm-center {

  text-align: center;

}

.mod-scorm .scorm-right {

  text-align: right;

}

.mod-scorm .scoframe {

   position: relative;

   width: 100%;

   height: 100%;

}



#mod-scorm-player #scormpage {

  position: relative;

  width: 100%;

}

#mod-scorm-player #tochead {

  position: relative;

  text-align: center;

  top: 3px;

  height: 30px;  

}

#mod-scorm-player .toc {

  width: 80%; 

  margin-left: 20%; 

}

#mod-scorm-player .no-toc {

  width: 100%;

}

#mod-scorm-player #scormobject {

  height: 400px; 

}

#mod-scorm-player #scormtop {

  position: relative;

  width: 100%;

  height: 30px;

}

#mod-scorm-player #scormbrowse {

  position: absolute;

  left: 5px;

  top: 0px;

}

#mod-scorm-player #scormnav {

  position: absolute;

  right: 5px;

  top: 0px;

  text-align: center;

  top: 3px;

  width: 100%;

}



#mod-scorm-view .structurehead {

  text-align: center;

}



#mod-scorm-view .structurelist  {

  list-style-type: none;

  white-space: nowrap;

}



#mod-scorm-player #scormbox {

  width: 74%;

  position: absolute;

  right: 0px;

  top: 0px;

}



#mod-scorm-player #tocbox {

  position: relative;

  left: 0px;

  width: 24%;

  font-size: 0.8em;

}



#mod-scorm-player #tochead {

  position: relative;

  text-align: center;

  top: 3px;

  height: 30px;  

}



#toctree {

  position:relative;

  width:100%;

  overflow-x: auto;

  overflow-y: auto;

}

.structurelist  {

  list-style-type: none;

}

#mod-scorm-player .structurelist {

  position: relative;

  list-style-type: none;

  width: 96%;

  margin-left:0;
  
  padding-left: 0;
  
  margin-right:0;
  
  padding-right: 0;
  
  padding-top: 0;
  
  padding-bottom: 0;
  
  margin-top:0;
  
  margin-bottom:0;
  
}



#mod-scorm-player .structurelist ul{

  padding-left: 0.5em;

  margin-left: 0.5em;

}

#mod-scorm-view .structurelist  {

  list-style-type: none;

  white-space: nowrap;

}

a#mod-scorm-log-toggle {
    font-size: 0.7em;
    font-weight: bold;
}/***** /mod/scorm/styles.php end *****/

/***** /mod/workshop/styles.php start *****/

.workshop_feedbackbox {
    margin-top: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #999999;
}

.workshop_feedbackbox .picture {
    vertical-align: top;
}

.workshop_feedbackbox .author {
    vertical-align: top;
    display: block;
}

.workshop_feedbackbox .time {
    vertical-align: top;
    display: block;
}

.workshop_feedbackbox .content {
    vertical-align: top;
}

.workshop_feedbackbox .comment {
    display: block;
}

.workshop_feedbackbox .teachercomment {
    display: block;
    font-weight: bold;
}
/***** /mod/workshop/styles.php end *****/

/***** /blocks/ajax_marking/styles.php start *****/

.icon-course {
  padding-left: 20px;
  background-image: url(/theme/chameleon/pix/i/course.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-color: transparent;
}
.icon-assign {
  padding-left: 20px;
  background-image: url(/theme/chameleon/pix/mod/assignment/icon.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-color: transparent;
}
.icon-workshop {
  padding-left: 20px;
  background-image: url(/theme/chameleon/pix/mod/workshop/icon.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-color: transparent;
}
.icon-forum {
  padding-left: 20px;
  background-image: url(/theme/chameleon/pix/mod/forum/icon.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-color: transparent;
}
.icon-quiz {
  padding-left: 20px;
  background-image: url(/theme/chameleon/pix/mod/quiz/icon.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-color: transparent;
}
.icon-question {
  padding-left: 20px;
  background-image: url(/theme/chameleon/pix/i/questions.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-color: transparent;
}
.icon-journal {
  padding-left: 20px;
  background-image: url(/theme/chameleon/pix/mod/journal/icon.gif);
  background-repeat: no-repeat;
  background-position: 0 0px;
  background-color: transparent;
}

/* the following 8 styles give different coloured borders to 
   submissions depending on when they were submitted. The 
   colours may not be the best for your theme so change them
   below if needs be. The timings are in javascript.js ata round line
   340. If you have colour blind users, you may need to take contrast into account
   and maybe vary the line style - dotted, dashed, solid.
*/
   
.icon-user-one {
  padding-left: 16px;
  padding-right: 2px;
  background-image: url(/theme/chameleon/pix/t/groupn.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-color: transparent; 
  border-color: #4ce638;
  border-style: dotted;
  border-width: 2px;
}
.icon-user-two {
  padding-left: 16px;
  padding-right: 2px;
  background-image: url(/theme/chameleon/pix/t/groupn.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-color: transparent; 
  border-color: #84fa5b;
  border-style: dotted;
  border-width: 2px;
}
.icon-user-three {
  padding-left: 16px;
  padding-right: 2px;
  background-image: url(/theme/chameleon/pix/t/groupn.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-color: transparent; 
  border-color: #b5fa5b;
  border-style: dotted;
  border-width: 2px;
}
.icon-user-four {
  padding-left: 16px;
  padding-right: 2px;
  background-image: url(/theme/chameleon/pix/t/groupn.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-color: transparent; 
  border-color: #e3e138;
  border-style: dotted;
  border-width: 2px;
}
.icon-user-five {
  padding-left: 16px;
  padding-right: 2px;
  background-image: url(/theme/chameleon/pix/t/groupn.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-color: transparent; 
  border-color: #fab95b;
  border-style: dotted;
  border-width: 2px;
}
.icon-user-six {
  padding-left: 16px;
  padding-right: 2px;
  background-image: url(/theme/chameleon/pix/t/groupn.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-color: transparent; 
  border-color: #fa885b;
  border-style: dotted;
  border-width: 2px;
}
.icon-user-seven {
  padding-left: 16px;
  padding-right: 2px;
  background-image: url(/theme/chameleon/pix/t/groupn.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-color: transparent; 
  border-color: #fa5b5b;
  border-style: dotted;
  border-width: 2px;
}
.icon-user-eight {
  padding-left: 16px;
  padding-right: 2px;
  background-image: url(/theme/chameleon/pix/t/groupn.gif);
  background-repeat: no-repeat;
  background-position: 2px 2px;
  background-color: transparent; 
  border-color: #ea4040;
  border-style: dotted;
  border-width: 2px;
}
#loader {
  position: relative;
  top: -4px;
  right: 0px;
  float: left;
  z-index: 100;
  margin: 0px;
  padding: 0px;
  
}
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
    position:absolute;
    z-index: 2;
}

.yui-tt {
    visibility:hidden;
    position:absolute;
    color:#333;
    background-color:#FDFFB4;
    font-family:arial,helvetica,verdana,sans-serif;
    padding:2px;
    border:1px solid #FCC90D;
    font:100% sans-serif;
    width:auto;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {
    display: none;
}

* html body.masked select {
    visibility:hidden;
}

* html div.yui-panel-container select {
    visibility:inherit;
}

* html div.drag select {
    visibility:hidden;
}

* html div.hide-select select {
    visibility:hidden;
}

.mask {
    z-index: 1; 
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

    overflow: hidden;

}

.hide-scrollbars select {

    display: none;

}

.show-scrollbars {

    overflow: auto;

}

.yui-panel-container.show-scrollbars {

    overflow: visible;

}

.yui-panel-container.show-scrollbars .underlay {

    overflow: auto;

}

.yui-panel-container.focused {

}


/* Panel underlay styles */

.yui-panel-container .underlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

.yui-panel-container.matte {

    padding: 3px;
    background-color: #fff;

}

.yui-panel-container.shadow .underlay {

    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

}

/* 
   Workaround for Safari 2.x - the yui-force-redraw class is applied, and then removed when
   the Panel's content changes, to force Safari 2.x to redraw the underlay.
   We attempt to choose a CSS property which has no visual impact when added,
   removed, but still causes Safari to redraw
*/
.yui-panel-container.shadow .underlay.yui-force-redraw {
    padding-bottom: 1px;
}

.yui-effect-fade .underlay {
    display:none;
}

.yui-panel {
    visibility:hidden;
    border-collapse:separate;
    position:relative;
    left:0;
    top:0;
    font:1em Arial;
    background-color:#FFF;
    border:1px solid #000;
    z-index:1;
    overflow:hidden;
}

.yui-panel .hd {
    background-color:#3d77cb;
    color:#FFF;
    font-size:100%;
    line-height:100%;
    border:1px solid #FFF;
    border-bottom:1px solid #000;
    font-weight:bold;
    padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
    overflow:hidden;
    padding:4px;
}

.yui-panel .bd p {
    margin:0 0 1em;
}

.yui-panel .container-close {
    position:absolute;
    top:5px;
    right:4px;
    z-index:6;
    height:12px;
    width:12px;
    margin:0px;
    padding:0px;
    background:url(close12_1.gif) no-repeat;
    cursor:pointer;
    visibility:inherit;
    text-indent:-10000em;
    overflow:hidden;
    text-decoration:none;
}

.yui-panel .ft {
    padding:4px;
    overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
    background-repeat:no-repeat;
    width:16px;
    height:16px;
    margin-right:10px;
    float:left;
}

.yui-simple-dialog .bd span.blckicon {
    background: url("blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
    background: url("alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
    background: url("hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
    background: url("info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
    background: url("warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
    background: url("tip16_1.gif") no-repeat;
}

.yui-dialog .ft, 
.yui-simple-dialog .ft {
    padding-bottom:5px;
    padding-right:5px;
    text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
    margin:0;
}

.button-group button {
    font:100 76% verdana;
    text-decoration:none;
    background-color: #E4E4E4;
    color: #333;
    cursor: hand;
    vertical-align: middle;
    border: 2px solid #797979;
    border-top-color:#FFF;
    border-left-color:#FFF;
    margin:2px;
    padding:2px;
}

.button-group button.default {
    font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
    border:2px solid #90A029;
    background-color:#EBF09E;
    border-top-color:#FFF;
    border-left-color:#FFF;
}

.button-group button:active {
    border:2px solid #E4E4E4;
    background-color:#BBB;
    border-top-color:#333;
    border-left-color:#333;
}

.yui-override-padding {
    padding:0 !important;
}

#totalmessage, #count {
  float: left;
  padding-bottom: 2px;
}
#treediv {
  clear: both;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
#icon {
  float: left;
  padding-left: 8px;
  height: 10px;
}

div.aligncenter {
  border: 1px solid #00cccc;
}
div.new {
  width: 480px;
  margin-left: auto;
  margin-right: auto;
  height: 430px;
}
div.right {
  float: right;
  width: 40%;
}
div.left {
  float: left;
  width: auto;
}
div.middle-float {
  width: 100%;
  clear: both;
  text-align: center;
}
div.row {
  height: 30px;
}
div.swatch {
  width: 22px;
  height: 22px;
  float: left;
  margin-right: 3px;
}

/* The following stuff is from /lib/yui/treeview/assest/tree.css but the include does not work due to the icon path not being correct
   from the location this file is run from */
   
/* Copyright (c) 2006 Yahoo! Inc. All rights reserved. */

/* first or middle sibling, no children */
.ygtvtn {
	width:16px; height:22px; 
	background: url(../../lib/yui/treeview/assets/tn.gif) 0 0 no-repeat; 
}

/* first or middle sibling, collapsable */
.ygtvtm {
	width:16px; height:22px; 
	cursor:pointer ;
	background: url(../../lib/yui/treeview/assets/tm.gif) 0 0 no-repeat; 
}

/* first or middle sibling, collapsable, hover */
.ygtvtmh {
	width:16px; height:22px; 
	cursor:pointer ;
	background: url(../../lib/yui/treeview/assets/tmh.gif) 0 0 no-repeat; 
}

/* first or middle sibling, expandable */
.ygtvtp {
	width:16px; height:22px; 
	cursor:pointer ;
	background: url(../../lib/yui/treeview/assets/tp.gif) 0 0 no-repeat; 
}

/* first or middle sibling, expandable, hover */
.ygtvtph {
	width:16px; height:22px; 
	cursor:pointer ;
	background: url(../../lib/yui/treeview/assets/tph.gif) 0 0 no-repeat; 
}

/* last sibling, no children */
.ygtvln {
	width:16px; height:22px; 
	background: url(../../lib/yui/treeview/assets/ln.gif) 0 0 no-repeat; 
}

/* Last sibling, collapsable */
.ygtvlm {
	width:16px; height:22px; 
	cursor:pointer ;
	background: url(../../lib/yui/treeview/assets/lm.gif) 0 0 no-repeat; 
}

/* Last sibling, collapsable, hover */
.ygtvlmh {
	width:16px; height:22px; 
	cursor:pointer ;
	background: url(../../lib/yui/treeview/assets/lmh.gif) 0 0 no-repeat; 
}

/* Last sibling, expandable */
.ygtvlp { 
	width:16px; height:22px; 
	cursor:pointer ;
	background: url(../../lib/yui/treeview/assets/lp.gif) 0 0 no-repeat; 
}

/* Last sibling, expandable, hover */
.ygtvlph { 
	width:16px; height:22px; cursor:pointer ;
	background: url(../../lib/yui/treeview/assets/lph.gif) 0 0 no-repeat; 
}

/* Loading icon */
.ygtvloading { 
	width:16px; height:22px; 
	background: url(../../lib/yui/treeview/assets/loading.gif) 0 0 no-repeat; 
}

/* the style for the empty cells that are used for rendering the depth 
 * of the node */
.ygtvdepthcell { 
	width:16px; height:22px; 
	background: url(../../lib/yui/treeview/assets/vline.gif) 0 0 no-repeat; 
}

.ygtvblankdepthcell { width:16px; height:22px; }

/* the style of the div around each node */
.ygtvitem { }  

/* the style of the div around each node's collection of children */
.ygtvchildren { }  
* html .ygtvchildren { height:2%; }  

/* the style of the text label in ygTextNode */
.ygtvlabel, .ygtvlabel:link, .ygtvlabel:visited, .ygtvlabel:hover { 
	margin-left:2px;
	text-decoration: none;
}

.ygtvspacer { height: 10px; width: 10px; margin: 2px; }

/* Debug styles */
#treediv {
  border-width: 1px;
  border-style: solid;
  border-color: #fff;
}
.bd {
  text-align: left;
}/***** /blocks/ajax_marking/styles.php end *****/

/***** /blocks/blog_tags/styles.php start *****/

.block_blog_tags .s20 {
  font-size: 1.5em;
  font-weight: bold;
}

.block_blog_tags .s19 {
  font-size: 1.5em;
}

.block_blog_tags .s18 {
  font-size: 1.4em;
  font-weight: bold;
}

.block_blog_tags .s17 {
  font-size: 1.4em;
}

.block_blog_tags .s16 {
  font-size: 1.3em;
  font-weight: bold;
}

.block_blog_tags .s15 {
  font-size: 1.3em;
}

.block_blog_tags .s14 {
  font-size: 1.2em;
  font-weight: bold;
}

.block_blog_tags .s13 {
  font-size: 1.2em;
}

.block_blog_tags .s12,
.block_blog_tags .s11 {
  font-size: 1.1em;
  font-weight: bold;
}

.block_blog_tags .s10,
.block_blog_tags .s9 {
  font-size: 1.1em;
}

.block_blog_tags .s8,
.block_blog_tags .s7 {
  font-size: 1em;
  font-weight: bold;
}

.block_blog_tags .s6,
.block_blog_tags .s5 {
  font-size: 1em;
}

.block_blog_tags .s4,
.block_blog_tags .s3 {
  font-size: 0.9em;
  font-weight: bold;
}

.block_blog_tags .s2,
.block_blog_tags .s1 {
  font-size: 0.9em;
}

/***** /blocks/blog_tags/styles.php end *****/

/***** /blocks/calendar_month/styles.php start *****/

.block_calendar_month .cal_popup_caption,
.block_calendar_month .cal_popup_fg div {
    font-size: 0.85em !important;
}

.block_calendar_month .filters {
    font-size:0.75em;
    padding: 5px;
}

.block_calendar_month .filters table {
    border-collapse:separate;
    border-spacing: 2px;
    padding: 2px;
}

.block_calendar_month .event_global,
.block_calendar_month .event_course,
.block_calendar_month .event_group,
.block_calendar_month .event_user {
    border-width: 2px;
    border-style: solid;
}
/***** /blocks/calendar_month/styles.php end *****/

/***** /blocks/calendar_upcoming/styles.php start *****/

.block_calendar_upcoming .event .date {
    text-align:right;
}
/***** /blocks/calendar_upcoming/styles.php end *****/

/***** /blocks/course_summary/styles.php start *****/

.block_course_summary .content {
    padding:10px;
}

.block_course_summary .editbutton {
    text-align:right;
}
/***** /blocks/course_summary/styles.php end *****/

/***** /blocks/login/styles.php start *****/

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

.block_login .loginform {
  display:inline;
}

.block_login .loginform .fld input {
  width:5em;
}

.block_login .loginform label {
  padding-right: 4px;
}

.block_login .loginform div {
  margin:0.3em 0.8em;
  text-align:right;
  display:block;
}

.block_login .loginform div.c1.btn {
  text-align:center;
}
/***** /blocks/login/styles.php end *****/

/***** /blocks/news_items/styles.php start *****/

.block_news_items .newlink {
  text-align: center;
}
/***** /blocks/news_items/styles.php end *****/

/***** /blocks/page_module/styles.php start *****/

/* Make everything dimmed */
.block_page_module span.dimmed_text * {
    color: inherit !important;
}/***** /blocks/page_module/styles.php end *****/

/***** /blocks/quiz_results/styles.php start *****/

.block_quiz_results {
    text-align: center;
}

.block_quiz_results table.grades .number, 
.block_quiz_results table.grades .grade {
    text-align: right;
    width: 10%;
}

.block_quiz_results table.grades {
    text-align: left;
    width: 100%;
}

.block_quiz_results table.grades caption {
    margin: 1em 0px 0px 0px;
    border-bottom: 1px solid;
    font-weight: bold;
}

.block_quiz_results h1 {
    margin: 4px;
    font-weight: bold;
    font-size: 1.1em;
}
/***** /blocks/quiz_results/styles.php end *****/

/***** /blocks/rss_client/styles.php start *****/

.block_rss_client .link {
  border-top:1px solid;
  border-top-color:#DDDDDD;
  padding-bottom:5px;
  font-size:0.82em;
}

.block_rss_client .description {
  color:#555555;
  font-size:0.78em;
  padding-left:10px;
  padding-bottom:8px;
}

.block_rss_client .title {
  font-size:1.0em;
}

.block_rss_client .image {
}

.blockconfigtable #rssfeeds {
    margin-left: auto;
    margin-right: auto;
    background-color: blue;
}

.blockconfigtable #rssfeeds td.actions {
    text-align: center;
    vertical-align: middle;
    padding: 10px;
}

.blockconfigtable #rssfeeds td.feed {
    vertical-align: middle;
    padding: 5px;
}

.blockconfigtable #rssfeeds .title {
    font-weight: bold;
    margin-bottom: 2px;
}

.blockconfigtable #rssfeeds .url, .blockconfigtable #rssfeeds .description {
    font-size: 0.8em;
}

.blockconfigtable #rssfeeds tr.r0 {
  background-color: #ffffff;
}

.blockconfigtable #rssfeeds tr.r1 {
  background-color: #f0f0f0;
}
/***** /blocks/rss_client/styles.php end *****/

/***** /blocks/search_forums/styles.php start *****/

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

.block_search_forums .searchform img {
    vertical-align: middle;
}

/***** /blocks/search_forums/styles.php end *****/

/***** /blocks/wikipedia/styles.php start *****/

.block_wikipedia .content {
    text-align: center;
}
/***** /blocks/wikipedia/styles.php end *****/

/***** /blocks/wiziqlive/styles.php start *****/


.block_wiziqlive .event .date {
    text-align:right;
}
/***** /blocks/wiziqlive/styles.php end *****/

/***** /grade/report/grader/styles.php start *****/

.flexible th {
white-space:normal;
}

.gradestable th.user img {
width:20px;
height:20px;
}

.grade-report-grader table#user-grades .catlevel2 {
background-color:#f9f9f9;
}

.grade-report-grader table#user-grades td.overridden {
background-color:#ddd;
}

.grade-report-grader table#user-grades tr.avg td.cell {
background-color:#efefff;
font-weight:700;
color:#00008B;
}

.grade-report-grader table#user-grades tr.odd td.cell {
background-color:#efefef;
white-space:nowrap;
}

.grade-report-grader table#user-grades tr.even td.overridden {
background-color:#F3E4C0;
}

.grade-report-grader table#user-grades tr.odd td.overridden {
background-color:#EFD9A4;
}

.grade-report-grader table#user-grades tr.even td.excluded {
background-color:#EABFFF;
}

.grade-report-grader table#user-grades tr.odd td.excluded {
background-color:#E5AFFF;
}

.grade-report-grader table#user-grades tr.odd th.header {
background-color:#efefef;
background-image:none;
}

.grade-report-grader table#user-grades tr.groupavg td.cell {
background-color:#efffef;
font-weight:700;
color:#006400;
}

.grade-report-grader table#user-grades td.cat,.grade-report-grader table#user-grades td.course {
font-weight:700;
}

.grade-report-grader table#user-grades {
font-size:10px;
width:auto;
background-color:transparent;
border-style:solid;
border-width:1px;
margin:20px 0 0;
}

.grade-report-grader #overDiv table {
margin:0;
}

.grade-report-grader #overDiv table td.feedback {
border:0;
}

.grade-report-grader #overDiv .feedback {
font-size:70%;
background-color:#ABF;
color:#000;
font-family:Verdana;
font-weight:400;
}

.grade-report-grader #overDiv .caption {
font-size:70%;
background-color:#56C;
color:#CCF;
font-family:Arial;
font-weight:700;
}

.grade-report-grader #overDiv .intersection {
font-size:70%;
background-color:#ABF;
color:#000;
font-family:Verdana;
font-weight:400;
}

.grade-report-grader #overDiv .intersectioncaption {
background-color:#56C;
color:#CCF;
font-family:Arial;
font-weight:700;
}

.grade-report-grader div.submit {
margin-top:20px;
text-align:center;
}

.grade-report-grader table#user-grades td {
text-align:right;
border-style:solid;
border-width:0 1px 1px 0;
}

.grade-report-grader table#user-grades th.category {
vertical-align:top;
border-style:solid;
border-width:1px 1px 0;
}

.grade-report-grader table#user-grades th.user {
text-align:left;
border-style:solid;
border-width:0 0 1px;
}

.grade-report-grader table#user-grades th.useridnumber {
border-style:solid;
border-width:0 0 1px 1px;
}

.grade-report-grader table#user-grades th.categoryitem,.grade-report-grader table#user-grades th.courseitem,.grade-report-grader table#user-grades td.topleft {
vertical-align:top;
border-style:solid;
border-width:0 1px;
}

/* we don't want 25px height - at all
 * This causes the columns to fall out of line if Static Students Column is enabled
.grade-report-grader table#user-grades th.category,
.grade-report-grader table#user-grades th.item,
.grade-report-grader table#user-grades th.categoryitem,
.grade-report-grader table#user-grades th.courseitem {
height: 25px;
}
*/

.grade-report-grader td,.grade-report-grader th {
border-color:#CECECE;
}

.grade-report-grader table#participants th {
vertical-align:top;
width:auto;
}

.grade-report-grader table#user-grades td.fillerfirst {
border-style:solid;
border-width:0 0 0 1px;
}

.grade-report-grader table#user-grades td.fillerlast {
border-style:solid;
border-width:0 1px 0 0;
}

.grade-report-grader table#user-grades th.item ,
.grade-report-grader table#user-grades th.categoryitem ,
.grade-report-grader table#user-grades th.courseitem {
border-bottom-color:#000;
vertical-align:top;
border-style:solid;
border-width:1px;
}

.grade-report-grader div.gradertoggle {
display:inline;
margin-left:20px;
}

.grade-report-grader table#user-grades th.range {
text-align:right;
border-style:solid;
border-width:1px;
}

.grade-report-grader table#user-grades .userpic {
display:inline;
margin-right:10px;
}

.grade-report-grader table#user-grades .quickfeedback {
border:#000 1px dashed;
}

.grade-report-grader #siteconfiglink {
text-align:right;
}

.grade-report-grader table#user-grades .hidden,.grade-report-grader table#user-grades .hidden a {
color:#aaa;
}

.grade-report-grader table#user-grades .datesubmitted {
font-size:.7em;
}

.grade-report-grader table#user-grades td.cell {
padding-left:5px;
padding-right:5px;
vertical-align:middle;
}

.grade-report-grader table {
border-collapse:collapse;
background-color:#fff;
font-size:10px;
border-color:#cecece;
}

.grade-report-grader th {
padding:2px 10px 0;
}

.grade-report-grader span.inclusion-links {
margin:0 5px 0 10px;
}

.grade-report-grader table#user-grades .item {
background-color:#e9e9e9;
}

.grade-report-grader table tr.odd th.header {
background-color:#efefef;
background-image:none;
border-width:0 0 1px;
}

.grade-report-grader table tr.heading th.header {
border-top:1px solid #cecece;
}

.grade-report-grader table#user-grades tr.heading th.categoryitem,.grade-report-grader table#user-grades tr.heading th.courseitem {
border-width:0 0 0 1px;
}

.grade-report-grader table#user-grades th.category.header.catlevel1 {
vertical-align:top;
border-style:solid;
border-width:1px 1px 0 0;
}

.grade-report-grader div.left_scroller th.user a {
vertical-align:middle;
margin:0;
padding:0;
}

.grade-report-grader table#user-grades th.categoryitem,.grade-report-grader table#user-grades th.courseitem,.grade-report-grader table td.topleft {
vertical-align:top;
border-color:#cecece #cecece #000;
border-style:solid;
border-width:0 1px 1px;
}

.grade-report-grader table td.topleft {
border-bottom:none;
}

.grade-report-grader table#user-grades td.topleft {
background-color:#fff;
}

.grade-report-grader div.userpic {
margin-right:10px;
float:left;
}

.grade-report-grader div.userpic img {
border:3px double #cecece;
vertical-align:middle;
width:2.7em;
height:2.7em;
}

.grade-report-grader a.quickedit {
line-height:1em;
display:block;
float:right;
clear:none;
font-size:9px;
background-color:transparent;
margin:.1em 0 0;
}

.grade-report-grader a.quickedit2 {
display:block;
float:right;
clear:none;
background-color:transparent;
margin:1.3em 0 0;
}

.grade-report-grader table#quick_edit {
border:1px solid #cecece;
margin:0 auto;
}

.grade-report-grader table#quick_edit td {
vertical-align:middle;
border:1px solid #cecece;
text-align:left;
margin:0;
padding:5px;
}

.grade-report-grader table#quick_edit td img {
border:3px double #cecece;
vertical-align:middle;
padding:0;
}

.grade-report-grader td input {
border:1px solid #666;
margin-left:10px;
margin-right:10px;
}

.grade-report-grader table#quick_edit td.fullname {
border-left:none;
padding-left:5px;
}

.grade-report-grader table#quick_edit td.picture {
border-right:none;
}

.grade-report-grader table#quick_edit td.finalgrade input {
width:5em;
}

.grade-report-grader h1 {
text-align:center;
clear:both;
}

.grade-report-grader form {
text-align:center;
}

.grade-report-grader input.center {
margin:10px auto 0;
}

.grade-report-grader .lefttbody {
width:auto;
vertical-align:middle;
}

.grade-report-grader table#user-grades th.fixedcolumn {
border:1px solid #cecece;
vertical-align:middle;
}

.grade-report-grader table#fixed_column th {
border:1px solid #cecece;
vertical-align:middle;
border-right-color:#000;
}

.grade-report-grader table#fixed_column th.user{
border-right-color:#cecece;
}

.grade-report-grader table#fixed_column {
padding-top:20px;
border-top:1px solid #cecece;
background-color:#fff;
}

.grade-report-grader .left_scroller {
float:left;
clear:none;
padding-top:20px;
}

.grade-report-grader .right_scroller {
width:auto;
clear:none;
/*force horizontal scrollbar to appear or IE adds one over the bottom row of the table MDL-21088*/
overflow-x:scroll;
overflow-y:hidden;
}

.grade-report-grader table tr.avg,.grade-report-grader table tr.groupavg td,.grade-report-grader table tr.avg td,.grade-report-grader table tr.groupavg th,.grade-report-grader table tr.avg th,.grade-report-grader table tr.controls_row,.grade-report-grader table tr.controls_row th,.grade-report-grader table tr.range_row,.grade-report-grader table tr.range_row th,div.right_scroller tr {
height:2em;
}

.grade-report-grader table#user-grades tr.groupavg td.cell,.grade-report-grader tr.groupavg th.header {
background-color:#efffef;
}

.grade-report-grader form td.excluded {
color:red;
}

.grade-report-grader .excludedfloater {
font-weight:700;
color:red;
font-size:9px;
float:left;
}

.grade-report-grader span.gradepass {
color:#298721;
}

.grade-report-grader span.gradefail {
color:#890d0d;
}

.gradeweight {
color:#461d7c;
font-weight:700;
}

.grade-report-grader td select {
font-size:100%;
padding:0;
}

.grade-report-grader .righttest td select {
font-size:86%;
padding:0;
}

.grade-report-grader tr.avg,tr.controls,td.controls,th.controls,.grade-report-grader tr.groupavg,tr.range,th.range,td.range,tr.heading th.range {
height:2.8em!important;
white-space:nowrap;
}
.heading_name_row th {
white-space:nowrap;
width:2000px;
}

/*MDL-21088 - IE 7 ignores nowraps on tds or ths so we put a span within it with a nowrap on it*/
.heading_name_row th span {
white-space:nowrap;
}

.grade_icons img.ajax {
float:right;
}

.gradestable th.user,.gradestable th.range,.grade-report-grader .flexible th,.grade-report-grader .flexible td,.grade-report-grader .flexible th a,.grade-report-grader .flexible td a,.grade-report-grader .gradestable th.range,.grade-report-grader td {
white-space:nowrap;
}

.grade-report-grader table#user-grades .catlevel1,.grade-report-grader .r1,.grade-report-grader table tr.even td.cell,.grade-report-grader table tr.even th {
background-color:#fff;
}

.grade-report-grader table#user-grades .catlevel3,.grade-report-grader table tr.odd td.cell {
background-color:#efefef;
}

.grade-report-grader table#fixed_column tr.odd th ,
.grade-report-grader table#user-grades tr.odd th {
background-color:#efefef;
}

.grade-report-grader table#user-grades td.vmarked,.grade-report-grader table#user-grades tr.odd td.vmarked,.grade-report-grader table#user-grades td.vmarked,.grade-report-grader table#user-grades tr.odd td.vmarked,.grade-report-grader table#user-grades tr.even td.vmarked {
background-color:#fc3;
}

.grade-report-grader table#user-grades td.hmarked,.grade-report-grader table#user-grades tr.odd td.hmarked,.grade-report-grader table#user-grades td.hmarked,.grade-report-grader table#user-grades tr.odd td.hmarked,.grade-report-grader table#user-grades tr.even td.hmarked {
background-color:#ff9;
}

.grade-report-grader table#user-grades td.hmarked.vmarked,.grade-report-grader table#user-grades tr.odd td.hmarked.vmarked,.grade-report-grader table#user-grades td.hmarked.vmarked,.grade-report-grader table#user-grades tr.even td.hmarked.vmarked,.grade-report-grader table#user-grades tr.odd td.hmarked.vmarked {
background-color:#fc9;
}

.grade-report-grader table#user-grades tr.heading,.grade-report-grader table#user-grades .heading td {
border-style:solid;
border-width:0;
}

.grade-report-grader table#user-grades td.useridnumber,.grade-report-grader table#user-grades th,.grade-report-grader div.gradeparent,.grade-report-grader table#user-grades td.ajax {
text-align:left;
}

.grade-report-grader table tr.avg td.cell,.grade-report-grader table#user-grades td.controls,.grade-report-grader table tr.avg,.grade-report-grader table tr.avg td,.grade-report-grader table tr.avg th {
background-color:#f3ead8;
}

.grade-report-grader div.left_scroller tr,.grade-report-grader div.right_scroller tr,.grade-report-grader div.left_scroller td,.grade-report-grader div.right_scroller td,.grade-report-grader div.left_scroller th,.grade-report-grader div.right_scroller th {
height:4.4em;
font-size:10px;
}

.grade-report-grader table th.user,.grade-report-grader table td.useridnumber {
text-align:left;
vertical-align:middle;
}

/*
.grade-report-grader .yui-overlay {
    background-color: #FFEE69;
    border-color: #D4C237 #A6982B #A6982B;
    border-style: solid;
    border-width: 1px;
    left: 0;
    padding: 2px 5px;
    font-size: 0.7em;
}
*/

.grade-report-grader .yui-overlay .fullname {
    color: #5F3E00;
    font-weight: bold;
}
.grade-report-grader .yui-overlay .itemname {
    color: #194F3E;
    font-weight: bold;
}
.grade-report-grader .yui-overlay .feedback {
    color: #5F595E;
}
/* .grade-report-grader table#user-grades td */
/* .grader-report-grader table#user-grades td .yui-panel div.hd { */
#tooltipPanel {
  text-align: left;
}


/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.6.0
*/
.yui-overlay,.yui-panel-container{visibility:hidden;position:absolute;z-index:2;}.yui-panel-container form{margin:0;}.mask{z-index:1;display:none;position:absolute;top:0;left:0;right:0;bottom:0;}.mask.block-scrollbars{overflow:auto;}.masked select,.drag select,.hide-select select{_visibility:hidden;}.yui-panel-container select{_visibility:inherit;}.hide-scrollbars,.hide-scrollbars *{overflow:hidden;}.hide-scrollbars select{display:none;}.show-scrollbars{overflow:auto;}.yui-panel-container.show-scrollbars,.yui-tt.show-scrollbars{overflow:visible;}.yui-panel-container.show-scrollbars .underlay,.yui-tt.show-scrollbars .yui-tt-shadow{overflow:auto;}.yui-panel-container.shadow .underlay.yui-force-redraw{padding-bottom:1px;}.yui-effect-fade .underlay{display:none;}.yui-tt-shadow{position:absolute;}.yui-override-padding{padding:0 !important;}.yui-panel-container .container-close{overflow:hidden;text-indent:-10000em;text-decoration:none;}.yui-skin-sam .mask{background-color:#000;opacity:.25;*filter:alpha(opacity=25);}.yui-skin-sam .yui-panel-container{padding:0 1px;*padding:2px;}.yui-skin-sam .yui-panel{position:relative;left:0;top:0;border-style:solid;border-width:1px 0;border-color:#808080;z-index:1;*border-width:1px;*zoom:1;_zoom:normal;}.yui-skin-sam .yui-panel .hd,.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft{border-style:solid;border-width:0 1px;border-color:#808080;margin:0 -1px;*margin:0;*border:0;}.yui-skin-sam .yui-panel .hd{border-bottom:solid 1px #ccc;}.yui-skin-sam .yui-panel .bd,.yui-skin-sam .yui-panel .ft{background-color:#F2F2F2;}.yui-skin-sam .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(../../../../assets/skins/sam/sprite.png) repeat-x 0 -200px;}.yui-skin-sam .yui-panel .bd{padding:10px;}.yui-skin-sam .yui-panel .ft{border-top:solid 1px #808080;padding:5px 10px;font-size:77%;}.yui-skin-sam .yui-panel-container.focused .yui-panel .hd{}.yui-skin-sam .container-close{position:absolute;top:5px;right:6px;width:25px;height:15px;background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 -300px;cursor:pointer;}.yui-skin-sam .yui-panel-container .underlay{right:-1px;left:-1px;}.yui-skin-sam .yui-panel-container.matte{padding:9px 10px;background-color:#fff;}.yui-skin-sam .yui-panel-container.shadow{_padding:2px 4px 0 2px;}.yui-skin-sam .yui-panel-container.shadow .underlay{position:absolute;top:2px;left:-3px;right:-3px;bottom:-3px;*top:4px;*left:-1px;*right:-1px;*bottom:-1px;_top:0;_left:0;_right:0;_bottom:0;_margin-top:3px;_margin-left:-1px;background-color:#000;opacity:.12;*filter:alpha(opacity=12);}.yui-skin-sam .yui-dialog .ft{border-top:none;padding:0 10px 10px 10px;font-size:100%;}.yui-skin-sam .yui-dialog .ft .button-group{display:block;text-align:right;}.yui-skin-sam .yui-dialog .ft button.default{font-weight:bold;}.yui-skin-sam .yui-dialog .ft span.default{border-color:#304369;background-position:0 -1400px;}.yui-skin-sam .yui-dialog .ft span.default .first-child{border-color:#304369;}.yui-skin-sam .yui-dialog .ft span.default button{color:#fff;}.yui-skin-sam .yui-dialog .ft span.yui-button-disabled{background-position:0pt -1500px;border-color:#ccc;}.yui-skin-sam .yui-dialog .ft span.yui-button-disabled .first-child{border-color:#ccc;}.yui-skin-sam .yui-dialog .ft span.yui-button-disabled button{color:#a6a6a6;}.yui-skin-sam .yui-simple-dialog .bd .yui-icon{background:url(../../../../assets/skins/sam/sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}.yui-skin-sam .yui-simple-dialog .bd span.blckicon{background-position:0 -1100px;}.yui-skin-sam .yui-simple-dialog .bd span.alrticon{background-position:0 -1050px;}.yui-skin-sam .yui-simple-dialog .bd span.hlpicon{background-position:0 -1150px;}.yui-skin-sam .yui-simple-dialog .bd span.infoicon{background-position:0 -1200px;}.yui-skin-sam .yui-simple-dialog .bd span.warnicon{background-position:0 -1900px;}.yui-skin-sam .yui-simple-dialog .bd span.tipicon{background-position:0 -1250px;}.yui-skin-sam .yui-tt .bd{position:relative;top:0;left:0;z-index:1;color:#000;padding:2px 5px;border-color:#D4C237 #A6982B #A6982B #A6982B;border-width:1px;border-style:solid;background-color:#FFEE69;}.yui-skin-sam .yui-tt.show-scrollbars .bd{overflow:auto;}.yui-skin-sam .yui-tt-shadow{top:2px;right:-3px;left:-3px;bottom:-3px;background-color:#000;}.yui-skin-sam .yui-tt-shadow-visible{opacity:.12;*filter:alpha(opacity=12);}
.yui-skin-sam .yui-panel .hd{padding:0 10px;font-size:93%;line-height:2;*line-height:1.9;font-weight:bold;color:#000;background:url(http://knowtips.ca/lib/yui/assets/skins/sam/sprite.png) repeat-x 0 -200px;}
.yui-skin-sam .container-close{border-color: #45c;position:absolute;top:5px;right:6px;width:25px;height:15px;background:url(http://knowtips.ca/lib/yui/assets/skins/sam/sprite.png) no-repeat 0 -300px;cursor:pointer;}
.yui-skin-sam .yui-simple-dialog .bd .yui-icon{background:url(http://knowtips.ca/lib/yui/assets/skins/sam/sprite.png) no-repeat 0 0;width:16px;height:16px;margin-right:10px;float:left;}

.grade-report-grader .yui-overlay a.container-close {
  margin-top: -3px;
}

#hiddentooltiproot, .tooltipDiv {
  display: none;
}

/***** /grade/report/grader/styles.php end *****/

/***** /grade/report/user/styles.php start *****/

.grade-report-user table.user-grade .datesubmitted {
  font-size: 0.7em;
}

.grade-report-user table.user-grade .courseitem,
.grade-report-user table.user-grade .categoryitem {
  font-weight: bold;
}

.grade-report-user table.user-grade td.cell {
  padding-left: 5px;
  padding-right: 5px;
}

#graded_users_selector {
  float: right;
  text-align: right;
}

/* this must be last if we want to override other category and course item colors */
.grade-report-user table.user-grade .hidden,
.grade-report-user table.user-grade .hidden a {
  color:#aaaaaa;
}

table.user-grade {
   border: 1px solid black;
   margin: auto;
   padding: 0.25em;
   font-size: 0.8em;
}
table.user-grade td {
   margin: 1px;
   padding: 0.25em;
}
table.user-grade thead {
   border-bottom: 3px double black;
}
table.user-grade thead th {
   padding: 0.25em 0.75em 0.25em 0.75em;
}

table.user-grade td.oddd1 {
   background-color: #f3dfd0;
}
table.user-grade td.oddd2 {
   background-color: #d0dbf3;
}
table.user-grade td.oddd3 {
   background-color: #d0f3d6;
}
table.user-grade td.oddd4 {
   background-color: #f0f0aa;
}

table.user-grade td.evend2 {
   background-color: #b0bbd3;
}
table.user-grade td.evend3 {
   background-color: #b0dfb6;
}
table.user-grade td.evend4 {
   background-color: #cac8be;
}

table.user-grade td.b1t {
   border-top: 1px solid black;
}
table.user-grade td.b1r {
   border-right: 1px solid black;
}
table.user-grade td.b1b {
   border-bottom: 1px solid black;
}
table.user-grade td.b1l {
   border-left: 1px solid black;
}

table.user-grade td.b2t {
   border-top: 2px solid black;
}
table.user-grade td.b2r {
   border-right: 2px solid black;
}
table.user-grade td.b2b {
   border-bottom: 2px solid black;
}
table.user-grade td.b2l {
   border-left: 2px solid black;
}

table.user-grade td.baggt,
table.user-grade td.baggb {
   font-style: italic;
   font-weight: bold;
}
table.user-grade td.baggt {
   border-top: 3px double black;
}
table.user-grade td.baggb {
   border-bottom: 3px double black;
}

table.user-grade td.item {
   border-left: 1px solid gray;
   border-right: 1px solid gray;
}
table.user-grade td.excluded {
   /*text-decoration: line-through;*/
   background-color: #666;
}
table.user-grade td.hidden {
   color: #aaa;
}

table.user-grade td {
   min-width: 0.5em;
   vertical-align: top;
}


/***** /grade/report/user/styles.php end *****/