/**************************************
 * THEME NAME: fandango
 *
 * Files included in this sheet:
 *
 *   fandango/gradients.css
 *   fandango/styles_fonts.css
 *   fandango/styles_color.css
 *   fandango/styles_layout.css
 **************************************/

/***** fandango/gradients.css start *****/

/**
  *  Adds all the nice finish to the standard theme
  *
  */

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {     
    /*background-image:url(pix/heading_block_bg.png);*/
    background-position:top;    
    background-repeat:repeat-x;
    background-color: #A81212;
}

.navbar {
    /*background-image:url(pix/heading_block_bg.png);*/
    background-position:top;    
    background-repeat:repeat-x;
    background-color: #A81212;
}
/***** fandango/gradients.css end *****/

/***** fandango/styles_fonts.css start *****/

/*******************************************************************
 styles_fonts.css

 This CSS file contains all font definitions like family, size,
 weight, text-align, letter-spacing etc.

 Styles are organised into the following sections:
  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  grades
  login
  message
  mymoodle
  question
  tabs
  user

  various modules

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


/***
 *** Core
 ***/
@font-face {
    font-family: Roboto;
    src: url('font/RobotoCondensed-Regular.ttf');
}
.clearer {
  font-size:1px;
}

body, table, td, th, li {
  font-family:Roboto,Verdana, Helvetica, sans-serif;
  font-size:12px;
  line-height: 1.6em;
  /*letter-spacing:0.02em;*/
}

th {
  font-weight: bold;
}

a:link,
a:visited {
  text-decoration:none;
}
a:hover {
  text-decoration: underline;
}

.img-text a:hover {
  text-decoration: none;
}
.img-text a:hover span {
  text-decoration: underline;
}

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

h1 {
  font-size:1.7em;
}

h2 {
  font-size:1.4em;
}
h3 {
  font-size:1.1em;
}
h4 {
  font-size:1.0em;
}

.bold {
  font-weight:bold;
}

.warning {
  font-weight: bold;
  font-style: italic;
}

.errorbox .title {
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
}

.errorboxcontent {
  text-align: center;
}

.errorcode {
  font-size: 0.7em;
}

.notifytiny {
  line-height : 100%;
  font-size: 0.7em;
}

.pagingbar .title {
  font-weight: bold;
}
.pagingbar .thispage {
  font-weight: bold;
}

.categorybox .category {
  font-size:1.2em;
  font-weight:bold;
}

.helplink {
  font-size:0.8em;
}

.headingblock {
  font-weight: bold;
}

#site-index .subscribelink,
#course-view .subscribelink {
  font-size: 0.8em;
}

.files .file {
  font-size: 0.9em;
}

.files .folder {
  font-size: 0.9em;
}

.files .folder .size {
  font-weight: bold;
}

/*Accessibility: resizable icons. */
img.resize {
  width: 1em;
  height: 1em;
}

acronym, abbr {
  cursor: help;
}
a.useredit, a:hover.useredit, .blink {
  color: black;
  text-decoration: blink;
  cursor: help;
}

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

.headermain {
  font-weight:bold;
}

#header-home .headermain {
  font-size:1.5em;
}

#header .headermain {
  font-size:1.3em;
}

.breadcrumb {
  font-size:0.9em;
  font-weight:bold;
}

.logininfo,
#header-home .headermenu font {
  /*font-size:0.8em;*/
  font-size:1.0em;
}

/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
.arrow, .arrow_button input {
  font-family: Arial,Helvetica,Courier,sans-serif;
}

.navigation button {
  font-size: 80%;
}

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

.homelink {
}


.performanceinfo {
  font-size: 0.6em;
}

#footer .validators {
  font-size: 0.6em;
}

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

table.formtable tbody th {
  font-weight: normal;
  text-align: right;
}

body#admin-blocks table#incompatible td.c0 {
  font-weight: bold;
}

body#admin-index .explanation {
  font-size: 0.7em;
  vertical-align: bottom;
}

body#admin-index .copyright {
  text-align: center;
  font-size: 0.8em;
}

input {
  font-family:Roboto,Verdana, Helvetica, sans-serif;
  /*font-family:Verdana, Helvetica, sans-serif;*/
  font-size:14px;
}

select {
  font-family:Roboto,Verdana, Helvetica, sans-serif;
  /*font-family:Verdana, Helvetica, sans-serif;*/
  font-size:14px;
}

textarea {
  font-family:Roboto,Verdana, Helvetica, sans-serif;
  /*font-family:Verdana, Helvetica, sans-serif;*/
  font-size:14px;
}

.environmenttable {
  font-size: 0.8em;
}

#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
  font-size: 0.75em;
}

#adminsettings .form-shortname {
  font-size: 0.75em;
}

#adminsettings .form-defaultinfo {
  font-size: 0.8em;
}

#admin-roles-override .cell.c1,
#admin-roles-assign .cell.c3,
#admin-roles-assign .cell.c1 {
  font-size: 0.7em;
}

#admin-lang .translator .strkey {
  font-size: 0.75em;
}

#admin-uploaduser table#uupreview {
  font-size: 0.8em;
}
#admin-uploaduser table#uuresults {
  font-size: 0.9em;
}

#adminsettings .form-warning,
#adminsettings .form-overridden {
  font-size: 0.8em;
}

.plugincompattable {
    font-size: 70%;
}

.plugincompattable td.standard {
    font-weight: normal;
}

.plugincompattable td.nonstandard {
    font-weight: bold;
}

.plugincompattable td.missingplugin {
    font-weight: bold;
}

.plugincompattable td.warning {
    font-style: normal;
}

.plugincompattable {
    text-align: left;
}

.plugincheckwrapper {
    text-align: center;
}

.course-report-outline td.lastaccess {
  font-size:0.8em;
}

.course-report-outline tr.section {
  text-align: center;
}


/***
 *** Blocks
 ***/
a.skip-block {
  text-decoration:none;
}

.sideblock img.resize,
.breadcrumb img.resize {
  width: 0.8em;
  height: 0.9em;
}
.sideblock .searchform img.resize {
  width: 1em;
  height: 1.1em;
}

.sideblock .header, .sideblock h2 {
  font-size:1.0em;
  font-weight: bold;
}

.sideblock .content {
  font-size:12px;
  line-height:1.2em;
}

.sideblock a {
  line-height:1.2em
}

.sideblock .content h3,
.sideblock .content h2 {
  font-size:1.0em;
}

.sideblock .content .message {
  font-size:0.9em
}

.sideblock .header .commands {
  font-size:0.9em;
}

.sideblock .footer {
  /*font-size:0.9em;*/
  font-size:12px;
}

.sideblock .head,
.sideblock .info,
.sideblock .event {
  font-size: 12px;
}

.sideblock .date {
  font-style: italic;
}

.block_site_main_menu .footer select {
  font-size: 0.8em;
}

.block_messages .content .listentry,
.block_online_users .content .listentry {
    /*font-size:0.75em*/
    font-size:12px;
}

/***
 *** Blogs
 ***/

.blogpost .audience {
  font-size: 0.85em;
}

.blogpost .tags {
  font-size: 0.85em;
}


/***
 *** Calendar
 ***/
#calendar .sidecalendar abbr,
.block_calendar_month abbr {
  border: none;
}
#calendar .eventnone a,
.block_calendar_month .eventnone a {
  text-decoration:none;
  color:black;
  cursor:text;
}

#calendar .maincalendar .eventlist .event .referer {
  font-weight:bold;
}

#calendar .maincalendar .eventlist .event .course {
  font-size:0.8em;
}

#calendar .maincalendar .eventlist .event .description .commands {
  text-align: right;
}

#calendar .maincalendar table.calendarmonth td {
  font-size:0.8em;
}

#calendar div.header
{
  font-weight:bold;
}

#calendar .sidecalendar .filters {
  font-size:0.8em;
}

.sideblock .filters td {
  font-size:1.1em;
}

#calendar .maincalendar .controls {
  font-size:1.2em;
}

#calendar .maincalendar .day {
  font-weight: bold;
}

table.minicalendar {
  font-size:0.85em;
}

.cal_popup_caption {
  font-family:sans-serif;
  font-size:0.8em;
  font-weight:bold;
}

.cal_popup_close {
  font-family:sans-serif;
  font-size:0.8em;
  font-weight:bold;
}
#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}


/***
 *** Course
 ***/
#course-view .section {
  font-size:0.95em;
  line-height:1.2em;
}

#course-view .section .activity {
  padding:0.2em 0;
}

#course-view .section .activity a {
  line-height:1em;
}

#course-view .section .weekdates {
  margin: 0;
  font-weight: normal;
  font-size: 1em;
}

#course-view .section .left {
  font-weight:bold;
}

.activitydate, .activityhead {
  font-size:0.9em;
}

.weeklydatetext {
  font-size:0.9em;
  font-weight:bold;
}

.coursebox .info {
  font-size:1em;
}

.coursebox .teachers,
.coursebox .cost {
  font-size:0.9em;
}

.coursebox .summary {
  font-size:0.9em;
}

#course-recent h2.main {
  font-size:1.1em;
}

#course-recent .user {
  font-size:0.75em;
}

#course-recent .grade {
  font-style: italic;
  font-size:0.9em;
}

#course-recent .forum-recent .reply .title {
  font-style: italic;
  font-size:0.9em;
}

#course-recent .forum-recent .discussion .title {
  font-weight:bold;
  font-style: italic;
  font-size:0.9em;
}

h2.headingblock {
  font-size:1.1em;
}

.section_add_menus optgroup {
  font-weight:normal;
  font-style: italic;
}

.section .groupinglabel {
  color: #666666;
}

/***
 *** Doc
 ***/
body#doc-contents h1 {
  font-size: 0.9em;
}
body#doc-contents ul {
  font-size: 0.8em;
}


/***
 *** Grades
 ***/

body#grade-index .grades .header {
  font-weight: bold;
  font-size: 0.7em;
}

.grade-edit-scale .scale_options {
  font-size: 0.7em;
}

#grade-aggregation-help dt {
    font-weight: bold;
}


#grade-aggregation-help dd.example {
    font-style: italic;
}

#grade-aggregation-help code {
    font-style: normal;
}

/***
 *** Login
 ***/

#login-index #content {
  font-size: 0.85em;
}


/***
 *** Logs
 ***/

.logtable td {
  font-size: 0.8em;
}
.logtable th {
  font-size: 0.9em;
}


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

.message-discussion-noframes #userinfo .name h1 {
  font-weight: bold;
  font-size:1em;
}

.message-discussion-noframes #userinfo .commands {
  font-size:0.8em;
}

.message-discussion-noframes #send h1 {
  font-size:1em;
}

.message .noframesjslink {
  font-size:0.8em;
}

.message-discussion-noframes #messages h1 {
  font-size:1em;
}

.message .link {
  font-size:0.8em;
}

.message_form {
  font-size:0.8em;
}

.message .heading {
  /*font-size:1.0em;*/
  font-size:14px;
  font-weight:bold;
}

.message .date,
.message .contact,
.message .summary {
  /*font-size:0.9em;*/
  font-size:12px;;
}

.message .note,
.message .pix {
  /*font-size:0.8em;*/
  font-size:12px;
}

.message .author {
  font-weight: bold;
  font-size:0.8em;
}

.message .time {
  font-style: italic;
  font-size:0.8em;
}

.message .content {
  font-size:0.8em;
}

#message-user .commands span {
  font-size:0.7em;
  white-space:nowrap;
}

#message-user .name {
  font-weight: bold;
  font-size:1.1em;
}

/***
 *** MyMoodle
 ***/

.my .courseboxcontent .overview .info {
  font-size:0.7em;
}

/***
 *** Question
 ***/

.que .no {
  font-size: 1.2em;
  font-weight: bold;
}
.que .grade {
  font-size: 0.8em;
}
.que .history {
  font-size:75%;
}

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

.tabtree a.nolink:hover {
  text-decoration: none;
}

/***
 *** Tags
 ***/

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tag_cloud .s0 {
  font-size: 0.8em;
}

/***
 *** User
 ***/

.userinfobox .username {
  font-weight: bold;
}

.userinfobox .links {
  font-size: 0.7em;
}

.userinfobox td.label {
  font-weight: bold;
}

body#user-index #longtimenosee {
  font-size: 0.8em;
}

.iplookup #header h1.headermain {
  font-size:1em;
}

.iplookup #note {
  font-size:0.8em;
  font-style: italic;
}

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

#mod-assignment-index .cell {
  font-size:0.8em;
}

#wordcount {
  font-size: 0.8em;
}

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

#mod-chat-index .cell {
  font-size:0.8em;
}


#mod-chat-gui_basic h1 {
  font-size:1.4em;
}

#mod-chat-gui_basic #participants .idle {
  font-size:0.6em;
}

#mod-chat-view #chatcurrentusers .chatuserdetails {
  font-size: 0.6em;
}
/***
 *** Modules: Choice
 ***/

#mod-choice-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Forum
 ***/

.forumnodiscuss{
  font-weight:bold;
}
.forumpost .topic .subject {
  font-weight: bold;
}
.forumpost .topic .author {
  font-size: 0.8em;
}
.forumpost .commands,
.forumpost .link,
.forumpost .footer {
  font-size: 0.9em;
}
.forumheaderlist .discussion .lastpost {
  font-size: 0.7em;
}
body#mod-forum-search .introcontent {
  font-weight:bold;
}
body#mod-forum-index .generalbox .cell {
  font-size: 0.80em;
}

.forumpost .edited {
  font-style: italic;
}


/***
 *** Modules: Glossary
 ***/

.glossarypost .commands {
  font-size: 0.8em;
}
.glossarypost .author {
  font-size: 0.8em;
}
.glossarypost .time {
  font-size: 0.8em;
}
.glossarycategoryheader h2,
.glossarypost .concept h3 {
  font-size: 1em;
  margin: 0;
}
.glossarypost div.concept h3,
.glossarypost.continuous .concept {
  display: inline;
}
.glossarypost .entryheader {
  font-weight: normal;
  text-align: left;
}
.glossarycomment .author {
  font-size: 0.8em;
}
.entrylowersection .aliases {
  font-size: 0.8em;
}
.entrylowersection .icons,
.entrylowersection .ratings {
  font-size: 0.8em;
}

#mod-glossary-index .cell {
  font-size:0.8em;
}


/***
 *** Modules: Journal
 ***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
  font-size: 0.7em;
}
#mod-journal-view .author {
  font-size: 1em;
  font-weight: bold;
}
#mod-journal-view .time {
  font-size: 0.7em;
  font-style: italic;
}
#mod-journal-view .grade {
  font-weight: bold;
  font-style: italic;
}

#mod-journal-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/

#mod-lesson-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Quiz
 ***/

/***
 *** Modules: Resource
 ***/

#mod-resource-index .cell {
  font-size:0.8em;
}

.mod-resource .modified {
  font-size:0.6em;
}

.ims-nav-dimmed,
.ims-nav-button {
  font-size:0.8em;
}

#ims-toc-selected {
  font-weight: bold;
}

#ims-menudiv {
  font-size:0.8em;
}

/***
 *** Modules: Scorm
 ***/

#mod-scorm-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Survey
 ***/

#mod-survey-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Wiki
 ***/

#mod-wiki-index .cell {
  font-size:0.8em;
}

/***
 *** Modules: Workshop
 ***/

#mod-workshop-index .cell {
  font-size:0.8em;
}


#thegroup, #thegrouping, #dummygrouping {
  font-size: 0.8em;
  /*letter-spacing: -0.01em;*/
  display: block;
}


/***
 *** Phpinfo display
 ***/
.phpinfo table {
  border-collapse: collapse;
}
.phpinfo .center {
  text-align: center;
}
.phpinfo .e, .v, .h {
  border: 1px solid #000000;
  font-size: 0.8em;
  vertical-align: baseline;
}
.phpinfo .e {
  background-color: #ccccff;
  font-weight: bold;
  color: #000000;
}
.phpinfo .h {
  background-color: #9999cc;
  font-weight: bold; color: #000000;
}
.phpinfo .v {
  background-color: #cccccc;
  color: #000000;
}

.sideblock .content h3.eventskey {
    font-size:0.8em;
}
/***** fandango/styles_fonts.css end *****/

/***** fandango/styles_color.css start *****/

/*******************************************************************
 styles_color.css

 This CSS file contains all color definitions like
 background-color, font-color, border-color etc.

 Styles are organised into the following sections:

  core
  header
  footer

  admin
  blocks
  calendar
  course
  doc
  login
  message
  question
  tabs
  user

  various modules

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

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

a:link,
a:visited {
  color:#004489;
}

a.dimmed:link,
a.dimmed:visited {
  color:#4e8fd0;
}

a:hover {
  color:#4e8fd0;
}

a.autolink:link,
a.autolink:visited {
  color:#000000;
  background: #DDDDDD;
}

a.autolink.glossary:hover {
  cursor: help;
}

img.userpicture,
img.grouppicture {
  border-color:#000
}

.block_online_users .listentry img {
  border:#888
}

body {
  background-color:#F4F3EE;
  color:#000;
}

input {
	border: 1px solid #4e8fd0;
	color: #464646;
        border-radius: 5px;
}

select {
	border: 1px solid #4e8fd0;
	color: #464646;
        border-radius: 5px;
}

textarea {
	border: 1px solid #4e8fd0;
	color: #464646;
        border-radius: 5px;
}

#id_submitbutton {
	background-color: #FF5B00;
	color: #ffffff;
}

.form-submit {
	background-color: #FF5B00;
	color: #ffffff;
}

th.header,
td.header,
div.header {
  border-color:#DDDDDD;
  color: #ffffff;
}

.navbar {
  border-color:#DDDDDD;
}

table.formtable tbody th {
  background-color: transparent;
  background-image: none;
}

#header-home {
	color: #ffffff;
	border-bottom: 2px solid #F2BC00;
}

#header-home a {
	color: #F2BC00;
	text-decoration: none;
}

#header-home a:hover {
	color: #FFF0BA;
	text-decoration: underline;
}

#header {
	color: #ffffff;
	border-bottom: 2px solid #F2BC00;
}

#header a {
	color: #F2BC00;
	text-decoration: none;
}

#header a:hover {
	color: #FFF0BA;
	text-decoration: underline;
}

.highlight {
  background-color:#AAFFAA;
}

.highlight2 {
  color:#AA0000; /* highlight missing terms in forum search */
}

/* Alternate rows even */
.r0 {
}

/* Alternate rows odd */
.r1 {
}

/* notification messages (can be good or bad) */
.notifyproblem {
  color:#660000;
}
.notifysuccess {
  color:#006600;
}
.notifytiny {
  color:#000044;
}

#admin-auth_config .required {
  background-color:#DDDDDD;
}

.generalbox {
  border-color:#DDDDDD;
  background-color: #ffffff;
}
.informationbox {
  border-color:#DDDDDD;
}
.feedbackbox {
  border-color: #888888;
}
.feedbackby {
  background-color:#BBBBBB;
}

.noticebox {
  border-color:#DDDDDD;
}

.errorbox {
  color:#ffffff;
  border-color:#660000;
  background-color:#990000;
}

.errorboxcontent {
  background-color:#FFBBBB;
}

.tabledivider {
  border-color:#DDDDDD;
}

.sitetopic {
}

.sitetopiccontent {
  border-color:#DDDDDD;
  background-color:#FFFFFF;
}

.dimmed_text,
.dimmed_text a {
  color:#AAAAAA;
}

.teacheronly {
  color:#990000;
}

.unread {
  background: #FFD991;
}

.censoredtext {
  color:#000000;
  background:#000000;
}


/* kept for backward compatibility with some non-standard modules
   which use these classes for various things */
.generaltab, .generaltabinactive {
  background-color:#BBBBBB;
}
.generaltabselected {
  background-color:#DDDDDD;
}
.generaltabinactive {
  color:#CCCCCC;
}


.generaltable .cell {
  background-color:#FFFFFF;
  border-color:#EEEEEE;
}

.generaltable {
  border-color:#EEEEEE;
}



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

.breadcrumb {
	color: #ffffff;
}

.breadcrumb a {
	color: #F2BC00;
	text-decoration: none;
}

.breadcrumb a:hover {
	color: #FFF0BA;
	text-decoration: underline;
}
 
.breadcrumb .sep, #admin-report-unittest-index .sep {
  color:#ffffff;
}

.navigation select {
  background-color:#FFFFFF;
}

.navigation optgroup {
  background-color:#EEEEEE;
}

.navigation optgroup option {
  background-color:#FFFFFF;
}

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

#footer {
	/*background-color: #4e8fd0;
	border-top: 2px solid #004489;*/
        background-color: #A81212;
        border-top: 2px solid #F2BC00;
        color: #FFFFFF;       
}

#footer a {
	color: #F2BC00;
	text-decoration: none;
}

#footer a:hover {
	color: #FFF0BA;
	text-decoration: underline;
}
 
/*Accessibility: .debugwarn */
.debugwarn {
  text-align: center;
  background: #FDD;
}

.homelink a:link,
.homelink a:visited,
.homelink a:hover {
  color: #000;
  text-decoration: none;
}
.homelink a:link,
.homelink a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}
.homelink a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}


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

.admin .generalboxcontent {
  background-color:#ffffff;
}

.admin .generalbox {
  border-color:#BBBBBB;
  background-color:#ffffff;
}

.admin .informationbox {
  border-color:#BBBBBB;
  background-color:#FFFFFF;
}

#admin-index .adminerror {
  background-color:#ff6666;
}

body#admin-index .c0 {
  background-color: #FAFAFA;
}

body#admin-blocks table#blocks .r0,
body#admin-blocks table#incompatible .r0 {
  background-color: #f0f0f0;
}

body#admin-blocks table#blocks .r1,
body#admin-blocks table#incompatible .r1 {
  background-color: #fafafa;
}

body#admin-blocks table#incompatible td.c0 {
  color: #ff0000;
}

table.flexible  .r0 {
  background-color: #f0f0f0;
}

table.flexible .r1 {
  background-color: #fafafa;
}

#admin-report-unittest-index span.notice {
  color: teal;
}

#admin-report-unittest-index b.pass {
  color: green;
}

#admin-report-unittest-index b.fail, b.exception {
  color: red;
}

#admin-report-unittest-index .exception, .exception pre {
  background-color: #fdd;
}

#admin-report-unittest-index .unittestsummary {
  color: white;
}

#admin-report-unittest-index .unittestsummary.failed {
  background-color: red;
}

#admin-report-unittest-index .unittestsummary.passed {
  background-color: green;
}

#admin-report-security-index .statuswarning {
  background-color: #f0e000;
}

#admin-report-security-index .statusserious {
  background-color: #f07000;
}

#admin-report-security-index .statuscritical {
  background-color: #f00000;
}

.plugincompattable td.ok {
    color: #008000;
}

.plugincompattable td.warning {
    color: #DF7800;
}

.plugincompattable td.error {
    color: #DF0000;
}

/* Admin settings */

#adminsettings fieldset {
    background-color: #EEE;
    border-color: #BBB;
    color: #000;
}

#adminsettings fieldset.error {
  border: 1px solid red;
}

#adminsettings fieldset.error legend {
  color: red;
}

#adminsettings .form-shortname {
    color: #888;
}

#adminsettings .form-overridden {
    background-color: #ff6;
}

#adminsettings .form-warning {
    background-color: #f88;
}

#adminsettings .form-defaultinfo {
    color: #888;
}

#adminsettings .form-item .pathok {
    color: green;
}

#adminsettings .form-item .patherror {
    color: red;
}

.block_admin_tree.sideblock .link.current {
  background-color:#EEEEEE;
}

.block_admin_tree.sideblock .link.criticalnotification {
  background-color:#ff6666;
}

.block_admin_tree.sideblock .link.hidden {
  color:#999999;
}


#admin-lang .translator {
  border-color: #dddddd;
}

#admin-lang .translator tr.r0 {
  background-color: #f0f0f0;
}

#admin-lang .translator tr.r1 {
  background-color: #fafafa;
}

#admin-lang .translator .strkey {
  color: #666666;
}

#admin-lang .translator .bothmissing {
  background-color: #ef6868;
}

#admin-lang .translator .mastermissing {
  background-color: #feff7f;
}

#admin-lang .translator .localdifferent {
  background-color: #aaffaa;
}

.environmenttable .error {
    background-color : red;
    color : inherit;
}

.environmenttable .warn {
    background-color : yellow;
}

.environmenttable .ok {
    background-color : lime;
}

#admin-uploaduser .uuinfo {
    background-color: #8e8;
}

#admin-uploaduser .uuwarning {
    background-color: #ee8;
}

#admin-uploaduser .uuerror {
    background-color: #e99;
}

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

.sideblock .header {
  border-color: #dddddd;
}

.sideblock .content {
  border-color: #dddddd;
  background-color:#FCFCFC;
}

.sideblock .content hr {
  border-top-color:#999999;
}

#left-column .hidden .header,
#right-column .hidden .header
{
  border-bottom-color: #dddddd;
}


/***
 *** Blogs
 ***/

.blogpost.blogdraft .content {
  background-color:#EEEEEE;
}

.block_blog_tags .official {
  color: #0000cc;
}

.block_blog_tags .personal {
  color: #666699;
}


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

#calendar .maincalendar,
#calendar .sidecalendar {
  border-color: #DDDDDD;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #000000;
}

table.minicalendar {
  border-color: #DDDDDD;
}

#calendar .maincalendar .eventlist .event {
  border-color:#DDDDDD;
}

#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
  background-color:#EEEEEE;
}

#calendar .maincalendar table.calendarmonth ul.events-underway {
  color:#999999;
}

/*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
.minicalendar a,
.calendarmonth a {
  color:#000077;
}

#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#D6F8CD !important; /* #C5E7BC */
  background-color:#D6F8CD;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#FFD3BD !important; /* #EEC2AC */
  background-color:#FFD3BD;
}

#calendar .event_scheduled,
.minicalendar .event_scheduled,
.block_calendar_month .event_scheduled{
  border-color:#92FF00 !important; /* #EEC2AC */
  background-color:#92FF00;
}

#calendar .event_alert,
.minicalendar .event_alert,
.block_calendar_month .event_alert{
  border-color:#f45130 !important; /* #EEC2AC */
  background-color:#f45130;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#FEE7AE !important; /* #EDD69D */
  background-color:#FEE7AE;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#DCE7EC !important; /* #CBD6DB */
  background-color:#DCE7EC;
}

#calendar .duration_global,
.minicalendar .duration_global {
  border-top-color:#66D14D !important;
  border-bottom-color:#66D14D !important;
}

#calendar .duration_course,
.minicalendar .duration_course {
  border-top-color:#FF9966 !important;
  border-bottom-color:#FF9966 !important;
}

#calendar .duration_course0,
.minicalendar .duration_course0 {
  border-top-color:#FF9966 !important;
  border-bottom-color:#FF9966 !important;
}

#calendar .duration_course1,
.minicalendar .duration_course1 {
  border-top-color:#0099FF !important;
  border-bottom-color:#0099FF !important;
}

#calendar .duration_course2,
.minicalendar .duration_course2 {
  border-top-color:#FFFF00 !important;
  border-bottom-color:#FFFF00 !important;
}

#calendar .duration_group,
.minicalendar .duration_group {
  border-top-color:#FBBB23 !important;
  border-bottom-color:#FBBB23 !important;
}

#calendar .duration_user,
.minicalendar .duration_user {
  border-top-color:#A1BECB !important;
  border-bottom-color:#A1BECB !important;
}

#calendar .weekend,
.minicalendar .weekend {
  color:#990000;
}

#calendar .today,
.minicalendar .today {
  border-color:#444444;
}

#calendar .nottoday,
.minicalendar .nottoday {
  border-color:#eeeeee;
}

.cal_popup_fg {
  background-color:#FFFFFF;
}

.cal_popup_bg {
  border-color:#000000;
  background-color:#FFFFFF;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table {
  background-color: #EEEEEE;
}

#calendar td.sidecalendar .sideblock {
  border-color: #DDDDDD;
}


/***
 *** Course
 ***/

/* course, entry-page, login */
.headingblock {
  border-color:#DDDDDD;
  color: #ffffff;
}

/* course */
.headingblock .outline {
  border-color:#DDDDDD;
}

#course-view .weekscss .section,
#course-view .section td {
  border-color:#DDDDDD;
}

/* .content should match the body background, sides are white. */
#course-view .weekscss .content {
  background: #FAFAFA;
}

#course-view .weekscss .section,
#course-view .section td.side {
  background: #FFFFFF;
}

#course-view .section .side {
}

#course-view .section .left {
}

#course-view .section .right {
}

#course-view .weekscss .current,
#course-view .current td.side {
  background: #FFD991;
}

#course-view .weekscss .hidden,
#course-view .hidden td.side {
  background: #DDDDDD;
}


#course-view .topics {
}

#course-view .weeks {
}

#course-view .section .spacer {
}

#course-view .section .weekdates {
  color: #777777;
}

#course-view .weekscss .weekdates {
  color: #333333;
}

.categoryboxcontent,
.coursebox {
  border-color:#DDDDDD;
  background-color: #ffffff;
}
body#course-user .section {
  border-color:#AAAAAA;
}

#admin-report .plugin,
#course-report .plugin,
#course-import .plugin {
  margin-bottom: 20px;
  margin-left:10%;
  margin-right:10%;

  border-bottom: 1px solid #cecece;
  border-top: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-left: 1px solid #cecece;

  background-color: #fdfdfd;
}

/**
 * unread count background on
 * course/view.php 
 **/
#course-view .unread{
	background: #9EBEFF; 
}


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

/***
 *** Grades
 ***/

body#grade-index .grades {
  border-color:black;
}

body#grade-index .grades td {
  border-color:#e0e0e0;
}

body#grade-index .grades .r0 {
  background-color: #ffffff;
}

body#grade-index .grades .r1 {
  background-color: #f0f0f0;
}

td.grade div.overridden {
  background-color: #DDDDDD;
}

.grade-report-grader table#user-grades td.cell span.gradepass {
  background-color: #C2EBBD; 
}

.grade-report-grader table#user-grades td.cell span.gradefail {
  background-color: #EBC4BD; 
}

/* grade edit */

.grade-edit-tree .moving {
  background-color: #E8EEF7;
}

/***
 *** Login
 ***/

.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#DDDDDD;
}


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

table.message_search_results td {
  border-color:#DDDDDD;
}

.message.other .author {
  color: #8888CC;
}

.message.me .author {
  color: #999999;
}

.message .time {
  color: #999999;
}

.message .content {
}

/***
 *** Question
 ***/

.que {
    border-color: #DDD;
}
.que .r0 {
    background-color: #F5F5F5;
}
.que .r1 {
    background-color: #EEE;
}
.calculated .answer,
.numerical .answer,
.shortanswer .answer {
    background-color: #EEE;
}
.essay .answerreview {
    background-color: #EEE;
}
.que .feedback {
  border-color: #DDD;
}
.que .incorrect {
    background-color: #faa;
}

.que.multianswer .incorrect {
    background-color: #faa;
}
.que .partiallycorrect {
    background-color: #ff9;
}
.que .correct {
    background-color: #afa;
}


/***
 *** Logs
 ***/

.logtable .r1 {
  background-color:#EEEEEE;
}


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



/***
 *** User
 ***/

.userpicture {
}

.userinfobox {
  border-color: #DDDDDD;
}
.groupinfobox {
  border-color: #DDDDDD;
}

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

#mod-chat-gui_basic .text,
#mod-chat-gui_header_js-jsupdate .text {
  color:#000
}

#mod-chat-gui_basic .event,
#mod-chat-gui_basic .title,
#mod-chat-gui_header_js-jsupdate .event,
#mod-chat-gui_header_js-jsupdate .title {
  color:#888
}

#mod-chat-gui_header_js-chatinput .wait {
    background: #dddddd;
}

#mod-chat-view #chatcurrentusers .idletime {
  color: #888888;
}

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

/***
 *** Modules: Forum
 ***/

/**
 * Patch MDL-18971 version 3 puts the forum classes
 * in page sequence. Also added one course class (above)
 * for course/view.php 
 **/

/** The location of these classes is unknown
 * Commented out with patch MDL-18971 version 3
 **/
/*.sideblock .post .head {
  color:#555555; 
}*/

/** Unread Posts count background on
 * mod/forum/index.php
 **/
#mod-forum-index .unread {
	background: #9EBEFF;
}

/** wire frame around cells in 
 * mod/forum/view.php 
 **/
.forumheaderlist td {
  border-color: #FFFFFF;
}

/** Discussion column background in 
 * mod/forum/view.php 
 * The inner class is actually "topic starter"
 **/
.forumheaderlist .discussion .starter {
  background:#DDDDDD;
}

/** unread column background on
 * mod/forum/view.php 
 **/
#mod-forum-view .unread{
	background: #9EBEFF;
}

/** border around posts in 
 * mod/forum/view.php (forumheaderlist) and 
 * mod/forum/discuss.php (forumpost)
 **/
.forumheaderlist,
.forumpost {
  border-color:#4e8fd0;
}

/** post body color in 
 * mod/forum/discuss.php 
 **/
.forumpost .content {
  background: #FFFFFF;
}

/** left photo section of each post in 
 * mod/forum/discuss.php 
 **/
.forumpost .left {
  background:#EEEEEE;
}

/** line between header and post body in 
 * mod/forum/discuss.php 
 **/
.forumpost .topic {
  border-bottom-color: #EEEEEE;
}

.forumpost .topic .subject {
	color: #ffffff;
                
	background: url(pix/right_topic_arrow.png) left center no-repeat;
	padding: 0 2px 1px 15px;
}

.forumpost .topic .author {
	color: #ffffff;
                
}

.forumpost .topic .author a {
	color: #F2BC00;
	text-decoration: none;
}

.forumpost .topic .author a:hover {
	color: #FFF0BA;
	text-decoration: underline;
}

/** header of the first post in 
 * mod/forum/discuss.php 
 **/
.forumpost .starter {
  background:#DDDDDD;
}

/** header of reply posts and
 * lower corners of all posts in 
 * mod/forum/discuss.php 
 **/
#mod-forum-discuss .forumpost {
  background: none;
}

/** inside border of unread posts in nested format in
 * mod/forum/discuss.php 
 **/
#mod-forum-discuss .forumpost.unread .content {
  border-width:2px;
  border-color: #0046C7; 
}

/** headers of unread posts in threaded format in
 * mod/forum/discuss.php 
 **/
#mod-forum-discuss .forumthread.unread {
  background: #9EBEFF; 
}


/***
 *** Modules: Glossary
 ***/

.entryboxheader {
  border-color: #BBBBBB;
}

.entrybox {
  border-color: #BBBBBB;
}

.entry {
}

.glossarypost {
  border-color: #DDDDDD;
}

.glossarypost .entryheader,
.glossarypost .entryapproval,
.glossarypost .picture,
.glossarypost .entryattachment,
.glossarypost .left {
  background-color: #F0F0F0;
}

.glossarycomment {
  border-color: #DDDDDD;
}

.glossarycomment .entryheader,
.glossarycomment .picture,
.glossarycomment .left {
  background-color: #F0F0F0;

}

#mod-glossary-report .generalbox .teacher {
  background: #F0F0F0;
}

.glossarycategoryheader {
  background-color: #dddddd;
}

.glossaryformatheader {
  background-color: #dddddd;
}


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

#mod-journal-view .feedbackbox .left,
#mod-journal-view .feedbackbox .entryheader {
  background-color: #dddddd;
}

/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/

/***
 *** Modules: Quiz
 ***/

table.quizattemptsummary .bestrow td {
  background-color: #e8e8e8;
}

table.quizreviewsummary th.cell {
  background: #f0f0f0;
}
table.quizreviewsummary td.cell {
  background: #fafafa;
}
.mod-quiz .highlightgraded {
    background:yellow;
}
/***
 *** Modules: Resource
 ***/

.ims-nav-dimmed {
  color: #AAAAAA;
  text-decoration: none;
}

.ims-nav-button a:link,
.ims-nav-button a:visited,
.ims-nav-button a:hover {
  color: #000;
  text-decoration: none;
}

.ims-nav-dimmed,
.ims-nav-button a:link,
.ims-nav-button a:visited {
  border-top: 1px solid #cecece;
  border-bottom: 2px solid #4a4a4a;
  border-left: 1px solid #cecece;
  border-right: 2px solid #4a4a4a;
}

.ims-nav-button a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
}

#ims-contentframe,
#ims-contentframe-no-nav {
  border-color: #cecece;
}


/***
 *** Modules: Scorm
 ***/

/***
 *** Modules: Survey
 ***/

#mod-survey-view .r0 {
  background-color: #EEEEEE;
}
#mod-survey-view .r1 {
  background-color: #DDDDDD;
}


/***
 *** Modules: Wiki
 ***/

/***
 *** Modules: Workshop
 ***/

.workshoppostpicture {
  background-color:#FEE6B9;
}

.workshopassessmentheading {
  background-color:#DDDDDD;
}

.error {
  color:#ff0000;
}

#admin-roles-override .capcurrent {
  background-color:#FFFFFF;
  border: 1px solid #cecece;
}

#admin-roles-manage .capdefault {
  background-color:#dddddd;
  border: 1px solid #cecece;
}

#admin-roles-manage .rolecap,
#admin-roles-override .rolecap {
  border:none;
  border-bottom:1px solid;
  border-bottom-color: #cecece;
}

#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
  color: #888;
}

form.mform .required label {
  color:#a00;
}
form.mform .fdescription.required {
  color:#a00;
}
form.mform .required .fgroup span label {
  color:#000;
}
#pending_attendance,#outstanding_header,#credential_header{
    color:#8B0000;
    text-align:center;
    //font-size: 1.1em;
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom: 0;
    padding: 4px 0px;
    vertical-align: middle;
    /*background-color: yellow;*/
}
.frontpageheader{
    color:#8B0000;
    text-align:center;
    //font-size: 1.1em;
    font-weight: bold;
    line-height: 1.6em;
    margin: 0;
    padding: 0px;
    vertical-align: middle;
}
#attendance_wrapper,#outstanding_wrapper,#credential_wrapper{
    clear:both;
    border: 1px solid red;
    border-radius: 5px ;
    margin-bottom:10px;
    height:auto;
    width:100%;    
}
#attendance_wrapper table,#outstanding_wrapper table,#credential_wrapper table,#ahjreviewer_wrapper table{
    margin-bottom: 5px;
}
#ahjreviewer{
    color:#8B0000;
    text-align:center;
    //font-size: 1.1em;
    font-weight: bold;
    line-height: 1.6em;
    margin-bottom: 0;
    padding: 4px 0px;
    vertical-align: middle;
    /*background-color:yellow;*/
}
#ahjreviewer_wrapper{
    clear:both;
    /*background-color:yellow;*/
    border: 1px solid red;
    border-radius: 5px ;
    height:auto;
    width:100%;
    margin-bottom:10px;
}
#menuahjfrontpage{    
    font-size: 10px;    
}
#courseshare_header{text-align:center;}
#courseshare_instruction{border: 1px solid #DDDDDD;margin: 0 auto;padding: 10px;width: 78%;}/***** fandango/styles_color.css end *****/

/***** fandango/styles_layout.css start *****/

/*******************************************************************
 styles_layout.css

 This CSS file contains all layout definitions like positioning,
 floats, margins, padding, borders etc.

 Styles are organised into the following sections:
  core
  forms
  header
  footer

  admin
  blocks
  blog
  calendar
  course
  doc
  grades
  login
  message
  notes
  mymoodle
  question
  tabs
  tags
  user

  various modules

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

/***
 *** Padding for images in posts
 ***/
@media only screen and (max-width: 300px) {
    .mform div.fhtmleditor {
        width:90% !important;
    }
   select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
        margin-bottom: 5px;
        /*width: 98%;*/
    } 
    #authmenu select{
        width: auto !important;
    }
}
@media only screen and (max-width: 480px) {
    .mform input[type="button"],.mform input[type="submit"]{
        width: auto !important;
    }
    .mform input, .mform select{
        width: 100% !important;
    }
    .mform div.fhtmleditor {
        width:90% !important;
    }
    #left-column , #right-column{
        width: 100%;
    }
    #middle-column{
        width: 100%;
        float: left;
    }
    #layout-table #middle-column{
        padding-left: 0px !important;
    }
    .generalbox.sitetopic.box #Image-Maps_1201301111656189{
        /*background-size: 100% 10%;
        width: 100%;*/

    }
    #adminsettings .form-label, #adminsettings .form-setting{
        width: 100% !important;
        text-align: left !important;        
    } 
    #adminsettings .form-setting, #adminsettings .form-description{
        margin: 0 !important;
    }
    input {
        margin-bottom: 5px;
    }
    .mform div.felement, .mform fieldset.felement{
        /*width: 100% !important;        */
    }
    #authmenu select{
        width: auto !important;
    }
    select,textArea{
        /*width: 90% !important;*/
    }
    #navmenupopup select,textArea{
        width: 90% !important;
    }
    #id_url{
        width: 90% !important;
    }
    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]{
        margin-bottom: 5px;
    }
    .mform .fitemtitle {
        width: 100% !important;
        text-align: left !important;
    }
    
    #curriculum select{width:  100%;margin-top: 10px; margin-bottom: 10px;float: left;}
    /* Force table to not be like tables anymore */
    #attendance_wrapper table, #attendance_wrapper thead, #attendance_wrapper tbody,#attendance_wrapper th, #attendance_wrapper td, #attendance_wrapper tr ,
    #ahjreviewer_wrapper table, #ahjreviewer_wrapper thead, #ahjreviewer_wrapper tbody,#ahjreviewer_wrapper th, #ahjreviewer_wrapper td, #ahjreviewer_wrapper tr,
    #outstanding_wrapper table, #outstanding_wrapper thead, #outstanding_wrapper tbody,#outstanding_wrapper th, #outstanding_wrapper td, #outstanding_wrapper tr,
    #credential_wrapper table, #credential_wrapper thead, #credential_wrapper tbody,#credential_wrapper th, #credential_wrapper td, #credential_wrapper tr { 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #attendance_wrapper th, #ahjreviewer_wrapper th, #outstanding_wrapper th , #credential_wrapper th { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #attendance_wrapper  tr, #ahjreviewer_wrapper tr, #outstanding_wrapper tr , #credential_wrapper tr { border: 1px solid #ccc; }

    #attendance_wrapper td, #ahjreviewer_wrapper td, #outstanding_wrapper td , #credential_wrapper td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        text-align: left !important;
        width: none !important;
    }

    #attendance_wrapper td:before, #ahjreviewer_wrapper td:before, #outstanding_wrapper td:before , #credential_wrapper td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #attendance_wrapper td:nth-of-type(1):before { content: "Date"; }
    #attendance_wrapper td:nth-of-type(2):before { content: "Time"; }
    #attendance_wrapper td:nth-of-type(3):before { content: "Duration"; }
    #attendance_wrapper td:nth-of-type(4):before { content: "Session Type"; }
    #attendance_wrapper td:nth-of-type(5):before { content: "Course"; }
    #attendance_wrapper td:nth-of-type(6):before { content: "Description"; }
    #attendance_wrapper td:nth-of-type(7):before { content: "Action"; }

    #ahjreviewer_wrapper td:nth-of-type(1):before { content: "Student Name"; }
    #ahjreviewer_wrapper td:nth-of-type(2):before { content: "Course Code"; }
    #ahjreviewer_wrapper td:nth-of-type(3):before { content: "AHJ Grant"; }
    #ahjreviewer_wrapper td:nth-of-type(4):before { content: "Action"; }

    #outstanding_wrapper td:nth-of-type(1):before { content: "Resource Name"; }
    #outstanding_wrapper td:nth-of-type(2):before { content: "Course Name"; }
    #outstanding_wrapper td:nth-of-type(3):before { content: "Course Code"; }
    #outstanding_wrapper td:nth-of-type(4):before { content: "Action"; }
    
    #credential_wrapper td:nth-of-type(1):before { content: "Credential"; }
    #credential_wrapper td:nth-of-type(2):before { content: "Organization"; }
    #credential_wrapper td:nth-of-type(3):before { content: "Number/Code"; }
    #credential_wrapper td:nth-of-type(4):before { content: "E Date/R Deadline"; }
    #credential_wrapper td:nth-of-type(5):before { content: "Notification"; }
    #credential_wrapper td:nth-of-type(6):before { content: "Action"; }    
}
@media only screen and (max-width: 545px) {
    .loginpanelleft{        
        width:100% !important;
        text-align: center !important;
        margin: 0 auto;
    }
    .loginpanel{        
        width:100% !important;
    }    
    #login-index #content{
        font-size: 14px !important;
    }
    .loginbottom{       
        text-align: center;
        padding-left: 0% !important;
    }
    .loginright h2{
        margin: 0 !important;
        padding: 0 !important;
    }
    .loginbox {       
        width:98% !important;        
    }
	#left-column .sideblock::before,#right-column .sideblock::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 50% !important;
	}
	#left-column .sideblock::after,#right-column .sideblock::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 50% !important;
	}
	#inner-left3 #middle-column .sitetopic::before, #inner-left3 #middle-column .categorybox::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 50% !important;
	}
	#inner-left3 #middle-column .sitetopic::after, #inner-left3 #middle-column .categorybox::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 50% !important;
	}
        #inner-leftr2 #middle-column .sitetopic::before, #inner-leftr2 #middle-column .categorybox::before,#inner-leftl2 #middle-column .sitetopic::before, #inner-leftl2 #middle-column .categorybox::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 50% !important;
	}
	#inner-leftr2 #middle-column .sitetopic::after, #inner-leftr2 #middle-column .categorybox::after,#inner-leftl2 #middle-column .sitetopic::after, #inner-leftl2 #middle-column .categorybox::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 50% !important;
	}
}
@media only screen and  (min-width: 481px) and (max-width: 640px) {
    .mform div.fhtmleditor {
        width:90% !important;
    }
    #left-column , #right-column{
        width: 100%;
    }
    #middle-column{
        width: 100%;
        float: left;
    }
    #layout-table #middle-column{
        padding-left: 0px !important;
    }
    .generalbox.sitetopic.box img{
        background-size: 100% 10%;

    }
    input {
        margin-bottom: 5px;
    }
    select,textArea{
        /*width: 98%;*/
    }
    #navmenupopup select,textArea{
        width: 98% !important;
    }
    #curriculum select{width:  100%;margin-top: 10px; margin-bottom: 10px;float: left;}
    /* Force table to not be like tables anymore */
    #attendance_wrapper table, #attendance_wrapper thead, #attendance_wrapper tbody,#attendance_wrapper th, #attendance_wrapper td, #attendance_wrapper tr ,
    #ahjreviewer_wrapper table, #ahjreviewer_wrapper thead, #ahjreviewer_wrapper tbody,#ahjreviewer_wrapper th, #ahjreviewer_wrapper td, #ahjreviewer_wrapper tr,
    #outstanding_wrapper table, #outstanding_wrapper thead, #outstanding_wrapper tbody,#outstanding_wrapper th, #outstanding_wrapper td, #outstanding_wrapper tr,
    #credential_wrapper table, #credential_wrapper thead, #credential_wrapper tbody,#credential_wrapper th, #credential_wrapper td, #credential_wrapper tr{ 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #attendance_wrapper th, #ahjreviewer_wrapper th, #outstanding_wrapper th, #credential_wrapper th { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #attendance_wrapper  tr, #ahjreviewer_wrapper tr, #outstanding_wrapper tr, #credential_wrapper tr { border: 1px solid #ccc; }

    #attendance_wrapper td, #ahjreviewer_wrapper td, #outstanding_wrapper td, #credential_wrapper td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        text-align: left !important;
        width: none !important;
    }

    #attendance_wrapper td:before, #ahjreviewer_wrapper td:before, #outstanding_wrapper td:before, #credential_wrapper td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #attendance_wrapper td:nth-of-type(1):before { content: "Date"; }
    #attendance_wrapper td:nth-of-type(2):before { content: "Time"; }
    #attendance_wrapper td:nth-of-type(3):before { content: "Duration"; }
    #attendance_wrapper td:nth-of-type(4):before { content: "Session Type"; }
    #attendance_wrapper td:nth-of-type(5):before { content: "Course"; }
    #attendance_wrapper td:nth-of-type(6):before { content: "Description"; }
    #attendance_wrapper td:nth-of-type(7):before { content: "Action"; }

    #ahjreviewer_wrapper td:nth-of-type(1):before { content: "Student Name"; }
    #ahjreviewer_wrapper td:nth-of-type(2):before { content: "Course Code"; }
    #ahjreviewer_wrapper td:nth-of-type(3):before { content: "AHJ Grant"; }
    #ahjreviewer_wrapper td:nth-of-type(4):before { content: "Action"; }

    #outstanding_wrapper td:nth-of-type(1):before { content: "Resource Name"; }
    #outstanding_wrapper td:nth-of-type(2):before { content: "Course Name"; }
    #outstanding_wrapper td:nth-of-type(3):before { content: "Course Code"; }
    #outstanding_wrapper td:nth-of-type(4):before { content: "Action"; }
    
    #credential_wrapper td:nth-of-type(1):before { content: "Credential"; }
    #credential_wrapper td:nth-of-type(2):before { content: "Organization"; }
    #credential_wrapper td:nth-of-type(3):before { content: "Number/Code"; }
    #credential_wrapper td:nth-of-type(4):before { content: "E Date/R Deadline"; }
    #credential_wrapper td:nth-of-type(5):before { content: "Notification"; }
    #credential_wrapper td:nth-of-type(6):before { content: "Action"; }
	#left-column .sideblock::before,#right-column .sideblock::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 180px !important;
	}
	#left-column .sideblock::after,#right-column .sideblock::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 180px !important;
	}
	#inner-left3 #middle-column .sitetopic::before, #inner-left3 #middle-column .categorybox::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 180px !important;
	}
	#inner-left3 #middle-column .sitetopic::after, #inner-left3 #middle-column .categorybox::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 180px !important;
	}
        
        #inner-leftr2 #middle-column .sitetopic::before,#inner-leftr2 #middle-column .categorybox::before,#inner-leftl2 #middle-column .sitetopic::before,#inner-leftl2 #middle-column .categorybox::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 180px !important;
	}
	#inner-leftr2 #middle-column .sitetopic::after, #inner-leftr2 #middle-column .categorybox::after,#inner-leftl2 #middle-column .sitetopic::after, #inner-leftl2 #middle-column .categorybox::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 180px !important;
	}
}

@media only screen and  (min-width: 641px) and (max-width: 800px) {
    .mform div.fhtmleditor {
        width:90% !important;
    }
    #inner-left3, #inner-leftr2{
        width: 81.5%;
        float: left;
    }
    #inner-leftl2{
        width: 100%;
        float: left;
    }
    
    #inner-leftl2 .middle-sectionl2{
        width: 81%;
        float: right;
    }
    
    #inner-leftl2 .left-sectionl2{
        width: 18.00%;
    }    
    #inner-left3 .middle-section3{
        width: 76.5%;
        float: right;
    }    
    #inner-left3 .left-section3{
        width: 22%;
        float: left;
    }    
    #inner-leftr2 .middle-sectionr2{
        width: 99%
    }    
    #right-column{
        width: 18.00%
    }
    #inner-leftr2 .middle-sectionr2{
        padding-right:1%;
    }
    #inner-leftl2 .middle-sectionl2{
        padding-left: 1px;
    }
    #inner-left3 .middle-section3{
        padding-left:1%;
        padding-right:0.5%;
    }
    #layout-table #middle-column {
        //padding-left:1%;
        //padding-right:1%;
    }
    #right-column{
        /*width: 19.00%*/
        width: 18.00%
    }
    

    .generalbox.sitetopic.box img{
        background-size: 100% 10%;

    }
    input {
        margin-bottom: 5px;
    }
    #curriculum select{width:  100%;margin-top: 10px; margin-bottom: 10px;float: left;}
    /* Force table to not be like tables anymore */
    #attendance_wrapper table, #attendance_wrapper thead, #attendance_wrapper tbody,#attendance_wrapper th, #attendance_wrapper td, #attendance_wrapper tr ,
    #ahjreviewer_wrapper table, #ahjreviewer_wrapper thead, #ahjreviewer_wrapper tbody,#ahjreviewer_wrapper th, #ahjreviewer_wrapper td, #ahjreviewer_wrapper tr,
    #outstanding_wrapper table, #outstanding_wrapper thead, #outstanding_wrapper tbody,#outstanding_wrapper th, #outstanding_wrapper td, #outstanding_wrapper tr,
    #credential_wrapper table, #credential_wrapper thead, #credential_wrapper tbody,#credential_wrapper th, #credential_wrapper td, #credential_wrapper tr{ 
        display: block; 
    }

    /* Hide table headers (but not display: none;, for accessibility) */
    #attendance_wrapper th, #ahjreviewer_wrapper th, #outstanding_wrapper th, #credential_wrapper th { 
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    #attendance_wrapper  tr, #ahjreviewer_wrapper tr, #outstanding_wrapper tr, #credential_wrapper tr { border: 1px solid #ccc; }

    #attendance_wrapper td, #ahjreviewer_wrapper td, #outstanding_wrapper td, #credential_wrapper td { 
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee; 
        position: relative;
        padding-left: 50%; 
        text-align: left !important;
        width: none !important;
    }

    #attendance_wrapper td:before, #ahjreviewer_wrapper td:before, #outstanding_wrapper td:before, #credential_wrapper td:before { 
        /* Now like a table header */
        position: absolute;
        /* Top/left values mimic padding */
        top: 6px;
        left: 6px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
    }

    /*
    Label the data
    */
    #attendance_wrapper td:nth-of-type(1):before { content: "Date"; }
    #attendance_wrapper td:nth-of-type(2):before { content: "Time"; }
    #attendance_wrapper td:nth-of-type(3):before { content: "Duration"; }
    #attendance_wrapper td:nth-of-type(4):before { content: "Session Type"; }
    #attendance_wrapper td:nth-of-type(5):before { content: "Course"; }
    #attendance_wrapper td:nth-of-type(6):before { content: "Description"; }
    #attendance_wrapper td:nth-of-type(7):before { content: "Action"; }

    #ahjreviewer_wrapper td:nth-of-type(1):before { content: "Student Name"; }
    #ahjreviewer_wrapper td:nth-of-type(2):before { content: "Course Code"; }
    #ahjreviewer_wrapper td:nth-of-type(3):before { content: "AHJ Grant"; }
    #ahjreviewer_wrapper td:nth-of-type(4):before { content: "Action"; }

    #outstanding_wrapper td:nth-of-type(1):before { content: "Resource Name"; }
    #outstanding_wrapper td:nth-of-type(2):before { content: "Course Name"; }
    #outstanding_wrapper td:nth-of-type(3):before { content: "Course Code"; }
    #outstanding_wrapper td:nth-of-type(4):before { content: "Action"; }
    
    #credential_wrapper td:nth-of-type(1):before { content: "Credential"; }
    #credential_wrapper td:nth-of-type(2):before { content: "Organization"; }
    #credential_wrapper td:nth-of-type(3):before { content: "Number/Code"; }
    #credential_wrapper td:nth-of-type(4):before { content: "E Date/R Deadline"; }
    #credential_wrapper td:nth-of-type(5):before { content: "Notification"; }
    #credential_wrapper td:nth-of-type(6):before { content: "Action"; }
	#inner-left3 #middle-column .sitetopic::before, #inner-left3 #middle-column .categorybox::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 180px !important;
		transform: rotate(4deg) !important;
		-ms-transform: rotate(4deg) !important;
		-webkit-transform: rotate(4deg) !important;
		-moz-transform: rotate(4deg) !important;
		-o-transform: rotate(4deg) !important;
	}
	#inner-left3 #middle-column .sitetopic::after, #inner-left3 #middle-column .categorybox::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 180px !important;
		transform: rotate(-4deg) !important;
		-ms-transform: rotate(-4deg) !important;
		-webkit-transform: rotate(-4deg) !important;
		-moz-transform: rotate(-4deg) !important;
		-o-transform: rotate(-4deg) !important;
	}
        
        #inner-leftr2 #middle-column .sitetopic::before, #inner-leftr2 #middle-column .categorybox::before,#inner-leftl2 #middle-column .sitetopic::before, #inner-leftl2 #middle-column .categorybox::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 180px !important;
		transform: rotate(4deg) !important;
		-ms-transform: rotate(4deg) !important;
		-webkit-transform: rotate(4deg) !important;
		-moz-transform: rotate(4deg) !important;
		-o-transform: rotate(4deg) !important;
	}
	#inner-leftr2 #middle-column .sitetopic::after, #inner-leftr2 #middle-column .categorybox::after,#inner-leftl2 #middle-column .sitetopic::after, #inner-leftl2 #middle-column .categorybox::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 180px !important;
		transform: rotate(-4deg) !important;
		-ms-transform: rotate(-4deg) !important;
		-webkit-transform: rotate(-4deg) !important;
		-moz-transform: rotate(-4deg) !important;
		-o-transform: rotate(-4deg) !important;
	}
        

}

@media only screen and  (min-width: 801px) {
    #inner-left3, #inner-leftr2{
        width: 81.5%;
        float: left;
    }
    #inner-leftl2{
        width: 100%;
        float: left;
    }
    
    #inner-leftl2 .middle-sectionl2{
        width: 81%;
        float: right;
    }
    
    #inner-leftl2 .left-sectionl2{
        width: 18.00%;
    }    
    #inner-left3 .middle-section3{
        width: 76.5%;
        float: right;
    }    
    #inner-left3 .left-section3{
        width: 22%;
        float: left;
    }    
    #inner-leftr2 .middle-sectionr2{
        width: 99%
    }    
    #right-column{
        width: 18.00%
    }
    #inner-leftr2 .middle-sectionr2{
        padding-right:1%;
    }
    #inner-leftl2 .middle-sectionl2{
        padding-left: 1px;
    }
    #inner-left3 .middle-section3{
        padding-left:1%;
        padding-right:0.5%;
    }
    #layout-table #middle-column {
        //padding-left:1%;
        //padding-right:1%;
    }
	
} 
.posting img {
    margin: 0px 4px 4px 0px;
    border: 1px solid #D8A412;
}
@media only screen and (min-width: 801px) and (max-width: 1000px) {
    #curriculum select{width:  100%;margin-top: 10px; margin-bottom: 10px;float: left;}
	#inner-left3 #middle-column .sitetopic::before, #inner-left3 #middle-column .categorybox::before {		
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 180px !important;
		transform: rotate(4deg) !important;
		-ms-transform: rotate(4deg) !important;
		-webkit-transform: rotate(4deg) !important;
		-moz-transform: rotate(4deg) !important;
		-o-transform: rotate(4deg) !important;
	}
	#inner-left3 #middle-column .sitetopic::after, #inner-left3 #middle-column .categorybox::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 180px !important;
		transform: rotate(-4deg) !important;
		-ms-transform: rotate(-4deg) !important;
		-webkit-transform: rotate(-4deg) !important;
		-moz-transform: rotate(-4deg) !important;
		-o-transform: rotate(-4deg) !important;
	}
        
        #inner-leftr2 #middle-column .sitetopic::before, #inner-leftr2 #middle-column .categorybox::before,#inner-leftl2 #middle-column .sitetopic::before, #inner-leftl2 #middle-column .categorybox::before {
		bottom: 0px !important;
		height: 20px !important;
		right: 8px !important;
		width: 180px !important;
		transform: rotate(4deg) !important;
		-ms-transform: rotate(4deg) !important;
		-webkit-transform: rotate(4deg) !important;
		-moz-transform: rotate(4deg) !important;
		-o-transform: rotate(4deg) !important;
	}
	#inner-leftr2 #middle-column .sitetopic::after, #inner-leftr2 #middle-column .categorybox::after,#inner-leftl2 #middle-column .sitetopic::after, #inner-leftl2 #middle-column .categorybox::after {
		bottom: 0px !important;
		height: 20px !important;
		left: 8px !important;
		width: 180px !important;
		transform: rotate(-4deg) !important;
		-ms-transform: rotate(-4deg) !important;
		-webkit-transform: rotate(-4deg) !important;
		-moz-transform: rotate(-4deg) !important;
		-o-transform: rotate(-4deg) !important;
	}
}
@media only screen and (min-width: 1500px) {
    
	#inner-left3 #middle-column .sitetopic::before, #inner-left3 #middle-column .categorybox::before {				
		height: 15px !important;		
		width: 35% !important;
		transform: rotate(7deg) !important;
		-ms-transform: rotate(7deg) !important;
		-webkit-transform: rotate(7deg) !important;
		-moz-transform: rotate(7deg) !important;
		-o-transform: rotate(7deg) !important;
	}
	#inner-left3 #middle-column .sitetopic::after, #inner-left3 #middle-column .categorybox::after {		
		height: 15px !important;		
		width: 35% !important;
		transform: rotate(-7deg) !important;
		-ms-transform: rotate(-7deg) !important;
		-webkit-transform: rotate(-7deg) !important;
		-moz-transform: rotate(-7deg) !important;
		-o-transform: rotate(-7deg) !important;
	}
        
        #inner-leftr2 #middle-column .sitetopic::before, #inner-leftr2 #middle-column .categorybox::before,#inner-leftl2 #middle-column .sitetopic::before, #inner-leftl2 #middle-column .categorybox::before {				
		height: 15px !important;		
		width: 35% !important;
		transform: rotate(7deg) !important;
		-ms-transform: rotate(7deg) !important;
		-webkit-transform: rotate(7deg) !important;
		-moz-transform: rotate(7deg) !important;
		-o-transform: rotate(7deg) !important;
	}
	#inner-leftr2 #middle-column .sitetopic::after, #inner-leftr2 #middle-column .categorybox::after,#inner-leftl2 #middle-column .sitetopic::after, #inner-leftl2 #middle-column .categorybox::after {		
		height: 15px !important;		
		width: 35% !important;
		transform: rotate(-7deg) !important;
		-ms-transform: rotate(-7deg) !important;
		-webkit-transform: rotate(-7deg) !important;
		-moz-transform: rotate(-7deg) !important;
		-o-transform: rotate(-7deg) !important;
	}
}

.no-overflow {
    overflow: auto;
    padding-bottom: 1px;
}
#singlebutton_wrapper .singlebutton{float: left;}
#singlebutton_wrapper{text-align:center;width:50%;margin:1% 25%;}
/***
 *** Core
 ***/

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
    text-align: center;
}

input {
    margin-right: 3px;
}

#layout-table {
    width:100%;
    border-collapse:separate;
    margin-top: 8px;
}

#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column
{
    vertical-align:top;
}



.clearer {
    clear:both;
    margin:0;
    padding:0;
    height:1px;
    border:none;
    background:transparent;
    display:block;
}

.clearfix {
    min-width: 0;
    /* overflow: hidden; */
}

.clearfix:after {
    /* content: "<!-- -->";  */
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#redirect {
    text-align: center;
    margin-top:10%;
}

#redirect #message {

}

#redirect #continue {

}

/* .clearfix {display: inline-table;} */

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

.mdl-align {
    text-align: center;
}
.mdl-left {
    text-align: left;
}
.mdl-right {
    text-align: right;
}

.continuebutton {
    text-align: center;
}

form {
    margin-bottom:0;
}

table {
    border-spacing: 0;
    /*border-collapse: collapse;*/
    border-collapse: separate;
}

a img {
    border:none;
}

img.userpicture,
img.grouppicture {
    border: 0;
}

#grouppicture {
    text-align: center;
}

div.groupselector {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
}

#addmembersform table {
    margin-left: auto;
    margin-right: auto;
}

.notifyproblem {
    text-align: center;
    padding: 10px;
}

.notifysuccess {
    text-align:center;
    padding: 10px;
}

.notifytiny {
    text-align:left;
    padding: 0;
}

.singlebutton form,
.singlebutton div {
    display:inline;
}

.box {
    clear: both;
}

.generalbox {
    border-width:1px;
    border-style:solid;
    margin-bottom: 15px;
    padding:10px;
    border-radius: 5px;
}

.generalbox#intro {
    width:70%;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:15px;
}

.boxaligncenter {
    margin-left:auto;
    margin-right:auto;
}

.boxalignright {
    margin-left:auto;
    margin-right:0;
}

.boxalignleft {
    margin-left:0;
    margin-right:auto;
}

.boxwidthnarrow {
    width: 30%
}

.boxwidthnormal {
    width: 50%
}

.boxwidthwide {
    width: 80%
}

.centerpara {
    text-align:center
}

.noticebox {
    border-width:1px;
    border-style:solid;
    padding:10px;
}

#notice.generalbox {
    width: 60%;
    margin-left:auto;
    margin-right:auto;
}

#notice .buttons {
    text-align:center
}

#notice .buttons div,
#notice .buttons form {
    display:inline;
}

#notice .singlebutton {
    text-align:center;
    padding: 5px;
    margin: 0px;
}

.errorbox {
    border-width:1px;
    border-style:solid;
    margin: 1em 15%;
    width: 70%;
    padding:10px;
}

.errorbox .title {
    padding: 5px;
}

.informationbox {
    border-width:1px;
    border-style:solid;
    padding: 10px;
}

.feedbackbox {
    border-width:1px;
    border-style:solid;
}

.feedbackby {
}

.feedback {
}

.rsslink {
    padding:  0 0 0 0.3em;
}

.printicon {
    padding:  0 0 0 0.3em;
}

.generaltable {
    border-width: 1px;
    border-style: solid;
}

.generaltable .cell {
    border-width: 1px;
    border-style: solid;
    border-collapse: collapse;
}

#participationreport .reporttable {
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

#participationreport {
    text-align: center;
}

#participationreport .modulename {
    font-weight: bold;
}

#participationreportselector {
    text-align: center;
}

#participationreportactions {
    text-align: center;
}

.initialbar {
    text-align: center;
}

#help .indent {
    margin-left:3em;
}

.closewindow,
#help .helpindex {
    text-align: center;
}

.tabledivider {
    border-width:1px;
    border-style:solid;
    border-left:0;
    border-right:0;
    border-top:0;
}

.sitetopic {
    margin-bottom:20px;
}

.sitetopiccontent {
    border-width:1px;
    border-style:solid;
}

.pagingbar {
    text-align:center;
}

table.formtable {
    margin: auto;
}

table.formtable tbody th {
    vertical-align: top;
}

table.formtable tbody td,
table.formtable tbody th
{
    padding: 5px;
}

table.formtable tbody .htmlarea td,
table.formtable tbody .htmlarea th
{
    padding: 0;
}

.flexible th
{
    white-space: nowrap;
}

.paging {
    text-align: center;
    margin: 10px 0 10px 0;
}

.unread {
    padding-right:2px;
}

.cell {
    vertical-align: top;
}

.helplink img {
    vertical-align: middle;
    margin: 0 2px;
    width: 17px;
    height: 17px;
}

img.emoticon {
    vertical-align: middle;
    width: 15px;
    height: 15px;
}

form.popupform,
form.popupform div {
    display: inline;
}

form.popupform label {
    margin-right: 0.5em;
}

.arrow_button {
    margin-top:3em;
}

.arrow_button input {
    padding:0.3em;
    overflow:hidden;
}

.groupmanagementtable td {
    vertical-align: top;
}

.groupmanagementtable p {
    text-align: center;
}

.groupmanagementtable select {
    width: 18em;
}

#group-groupings .buttons {
    margin: 20px;
    text-align:center;
}

#group-groupings .buttons .singlebutton {
    display: inline;
    padding: 5px;
}

#group-usersummary {
    width: 14em;
}

img.icon {
    vertical-align:middle;
    margin-right:4px;
    width:16px;
    height:16px;
    border:0px;
}

img.iconsmall {
    vertical-align:middle;
    margin-right:1px;
    width:11px;
    height:11px;
    border:0px;
}

img.iconhelp {
    vertical-align:text-bottom;
    margin-right:4px;
    width:17px;
    height:17px;
    border:0px;
}

img.iconkbhelp {
    width:49px;
    height:17px;
    border:0px;
}

/*Accessibility: text 'seen' by screen readers but not visual users. Fixed for RTL languages, example Farsi. */
.accesshide {
    position:absolute;
    top:-100000px;
    left:10px;
    font-weight:normal;
    font-size:1em;
}

.invisiblefieldset {
    display:inline;
    border:0px;
    padding:0px;
    margin:0px;
}

span.hide,
div.hide {
    display:none;
}

/***
 *** Forms
 ***/

#id_submitbutton, #id_cancel {
   // padding: 3px 6px;
}

.form-submit {
    padding: 3px 6px;
} 

.mform {
    margin: 0 auto;
    padding: 0;
    width: 80%;
}
.mform fieldset {
    border: 1px solid #DDDDDD;
    padding: 10px 0;
    margin: 0.7em 0;
    width:100%;
	border-radius:5px;
}
.mform fieldset.hidden, .mform fieldset.felement {
    border: 0;
}
.mform fieldset.felement {
    width: auto;
}
.mform fieldset legend {
    font-weight: bold;
    margin-left: 0.5em;
}
.mform fieldset .advancedbutton{
    width:100%;
    text-align:right;
}
.mform div.fitem {
    clear: both;
    width: 100%;
    min-height: 1.5em;
}

.mform .fitemtitle {
    display: block;
    float: left;
    width: 30%;
    padding: 0;
    //margin: 5px 0 0 10px;
    margin: 5px 0 5px 10px;
    text-align: right;
}

.mform .fitemtitle div{
    display: inline;
}

div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
fieldset.fdate_selector label {
    display:inline;
    float: none;
    width: auto;
}

.mform div.felement,  .mform fieldset.felement{
    display: block;
    float: left;
    /*margin: 5px 0 0 10px;*/
    margin: 5px 0 5px 10px;
    padding: 0;
    text-align:left;
    width: 60%;
}

.mform div.fdescription {
    clear: both;
    min-height: 1.5em;
}

.mform .fdescription.required {
    text-align:right;
}

.mform input, .mform select {
    width: auto;
}
.mform .ftextarea #id_alltext {
    width: 100%;
}
.mform br {
    clear: left;
}
.mform div.fhtmleditor {
    margin: 0 auto 10px auto;
    /*width : 600px;    */
    clear:both;
    float:none;
    padding: 25px 0 20px 0;
}
.mform span.error, .mform span.required {
    color: red;
}
.mform div.error,.mform fieldset.error {
    border: 1px solid red;
    padding: 5px;
    color: inherit;
}
.mform .fcheckbox input {
    margin-left: 0px;
}
.mform .fpassword .unmask {
    display:inline;
}
.mform .fpassword .unmask input {
    margin-left:5px;
    margin-right:3px;
}

.mform label .req, .mform label .adv {
    cursor: help;
}

/* form frozen */
div.mform div.fitem div.fstatic{
    border-color : #D3D3D3;
    border-style : dashed;
    border-width : thin;
}

#admin-register .mform .fsubmit {
    padding:20px;
    text-align:center;
}

div.phpinfo .center{
    text-align: center;
}

div.phpinfo .center table {
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

div.phpinfo .center th {
    text-align: center;
}

.backup-form-instances {
    margin:0px 20px 0px 20px;
}
.restore-form-instances {
    margin:0px 20px 0px 20px;
}


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

#header-home {
    height: 80px;
    /*background: #004489 url('pix/header_bg.jpg') no-repeat;*/
    background: #460707 url('pix/header_bg.jpg') no-repeat;
    padding: 6px;
    /*background-size: 165% 98%*/
    border-radius: 5px 5px 0 0;
}

#header {
    height: 80px;
    /*background: #004489 url('pix/header_bg.jpg') no-repeat;*/
    background: #460707 url('pix/header_bg.jpg') no-repeat;
    padding: 6px;
    /*background-size: 165% 98%*/
    border-radius: 5px 5px 0 0;
}

.headermain, h1.headermain {
    float:left;
    margin:0;
    padding:0;
}

.headermenu {
    float:right;
    text-align:right;
}

.navigation li,
.navigation div,
.navigation button,
.navigation form {
    display: inline;
}

.navbar {
    width:auto;
    padding:3px 0.5em;
    border-width:1px;
    border-style:solid;
}

.navbar .langmenu {
    text-align:right;
}

table.navbar {
    width: 100%;
}

.navbar .navbutton {
    margin-top: 3px;
    float: left;
}

.navbar .navbutton div,
.navbar .navbutton form {
    display:inline;
    margin:0px;
    padding:0px;
}

.navbar .breadcrumb {
    float:left;
    margin:0.2em 0;
}

.breadcrumb ul {
    padding:0;
    margin:0;
    text-indent:0;
    list-style:none;
}
.breadcrumb li {
    display:inline;
}

.navbar .navbutton,
.navbar .menu {
    float:right;
}

#footer .navbar {
    margin-top: 4em;
}

.reportlink {
    text-align:right;
}

.navigation {
    margin-bottom: 4px;
}

.navigation ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.navigation ul li form,
.navigation ul li {
    display:inline;
    margin:0px;
    padding:0px;
    margin-left:2px;
}

.navigation ul li form fieldset,
.navigation ul li form div select {
    vertical-align: middle;
}

.navigation optgroup {
    text-align:center;
    padding-top:4px;
}

.navigation option {
    text-align:left;
}

.navigation optgroup option {
    padding:0px;
}

#navmenupopup option,
#navmenufooterpopup option {
    padding: 2px 0 2px 20px;
    background-repeat: no-repeat;
    background-position: 1px 2px;
    vertical-align: middle;
}

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

#footer {
    text-align:center;
    margin-top: 40px;
    border-radius: 0 0 5px 5px;
}

.homelink {
    margin: 1em 0;
}

.homelink a {
    padding-left:1em;
    padding-right:1em;
}

.sitelink {
    padding-top:1em;
}

.performanceinfo {
    margin: 2em;
}

.performanceinfo span {
    display: block;
}

#footer .validators {
    margin-top:40px;
    padding-top:5px;
    border-top: 1px dotted gray;
}

#footer .validators ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#footer .validators ul li {
    display:inline;
    margin-right:10px;
    margin-left:10px;
}

/***
 *** Filters
 ***/
.mediaplugin {
    display:block;
    clear:both;
    margin-top:5px;
    margin-bottom:5px;
}

.mediaplugin_mp3, .mediaplugin_swf, .mediaplugin_flv {
    display:inline;
    clear:none;
    margin:0px;
    margin-left:0.5em;
}
.texrender {
    border:0px;
    vertical-align:middle;
}


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

body#admin-index .c0 {
    vertical-align: top;
}

body#admin-index .c1 {
    vertical-align: middle;
}

body#admin-blocks table.generaltable th,
body#admin-filters table.generaltable th,
body#admin-modules table.generaltable th,
body#admin-auth table.generaltable th
{
    white-space: nowrap;
}

body#admin-modules .generaltablecell
{
    padding-top: 2px;
    padding-bottom: 2px;
}

body#admin-blocks table.generaltable th,
body#admin-blocks table.generaltable td.cell,
body#admin-filters table.generaltable th,
body#admin-filters table.generaltable td.cell,
body#admin-modules table.generaltable th,
body#admin-modules table.generaltable td.cell,
body#admin-auth table.generaltable th,
body#admin-auth table.generaltable td.cell
{
    padding: 4px;
    text-align: center;
    vertical-align: middle;
}

body#admin-blocks table.generaltable th.c0,
body#admin-blocks table.generaltable td.c0,
body#admin-filters table.generaltable th.c0,
body#admin-filters table.generaltable td.c0,
body#admin-modules table.generaltable th.c0,
body#admin-modules table.generaltable td.c0,
body#admin-auth table.generaltable th.c0,
body#admin-auth table.generaltable td.c0
{
    text-align: left;
}

body#admin-modules table.generaltable td.c0
{
    white-space: nowrap;
}

#admin-blocks
#admin-config .confighelp {
    display: block;
    padding-bottom: 20px;
}

#admin-roles-manage table.generalbox {
    margin: auto;
}

#admin-stickyblocks .generalbox {
    text-align:center;
}

#admin-index .copyrightnotice {
    margin: auto;
    text-align: center;
}

#admin-maintenance .buttons {
    text-align:center;
}

#admin-report-unittest-index .exception pre {
    padding: 8px;
}

#admin-report-unittest-index .unittestsummary {
    padding: 8px;
    margin-top: 1em;
}

#admin-report-security-index #timewarning {
    text-align:center;
}

#admin-report-security-index .timewarninghidden {
    display:none;
}

#admin-roles-allowassign .buttons,
#admin-roles-allowoverride .buttons,
#admin-roles-manage .buttons,
#admin-roles-override .buttons {
    margin: 20px;
    text-align:center;
}

#admin-roles-manage .buttons .singlebutton,
#admin-roles-override .buttons .singlebutton {
    display: inline;
    padding: 5px;
}

#admin-roles-manage .selector,
#admin-roles-assign .selector,
#admin-roles-override .selector {
    text-align:center;
    margin-bottom:1em;
}

#admin-roles-manage table.roledesc,
#admin-roles-override table.roledesc {
    margin-left:auto;
    margin-right:auto;
}

#admin-roles-manage table.rolecap,
#admin-roles-override table.rolecap {
    margin-left:auto;
    margin-right:auto;
}

.rolecap .inherit,
.rolecap .allow,
.rolecap .prevent,
.rolecap .prohibit {
    text-align:center;
}

#admin-roles-manage .rolecap .cap-desc .cap-name,
#admin-roles-override .rolecap .cap-desc .cap-name {
    display: block;
}

#admin-roles-override .cell.c1,
#admin-roles-assign .cell.c3,
#admin-roles-assign .cell.c1 {
    padding-top: 0.75em;
}

#admin-roles-override .sefeoverridenotice {
    text-align:center;
}

#admin-lang .generalbox {
    text-align:center;
    margin:auto;
    border-width: 1px;
    border-style: solid;
}

#admin-langimport .generalbox {
    text-align:center;
    margin:auto;
    border-width: 1px;
    border-style: solid;
}

#admin-langimport .generalbox table {
    text-align:center;
    margin:auto;
}

#admin-index .adminerror,
#admin-index .adminwarning {
    text-align:center;
    border-width: 1px;
    border-style: solid;
    margin:20px;
}

#admin-index .adminerror .singlebutton,
#admin-index .adminwarning .singlebutton,
#admin-index #layout-table .singlebutton {
    text-align:center;
    margin:20px;
}

#admin-user-user_bulk #users .fgroup {
    white-space: nowrap;
}

.plugincompattable caption {
    text-align: center;
    width: 100%;
    font-weight: bold;
    font-size: 130%;
}

.plugincheckwrapper td{
    border: 1px #bbbbbb solid;
}

.plugincheckwrapper{
    width: 100%;
}
/* Admin settings */
#adminsettings div.form-item {
    clear: both;
    margin: 1em 0 2em 0;
}

#adminsettings .form-label {
    display: block;
    float: left;
    width: 12.5em;
    text-align: right;
}

#adminsettings .form-shortname {
    display: block;
}

#adminsettings .form-setting {
    display: block;
    margin-left: 13em;
    text-align: left;
}

#adminsettings .form-defaultinfo {
    display: inline;
}

#adminsettings .defaultsnext {
    margin-right: 0.5em;
    display: inline;
}

#adminsettings .form-description {
    display: block;
    margin: 0.5em 0 0em 13em;
    text-align: left;
}

#adminsettings fieldset {
    margin-top: 1em;
    padding: 1em 0.5em;
}

#adminsettings legend {
    display: none;
}

#adminsettings fieldset.error {
    margin: 0.2em 0 0.5em 0;
    padding: 0.5em 0 0 0;
}

#adminsettings fieldset.error legend {
    display: block;
}

#adminsettings .form-multicheckbox li {
    list-style: none;
}

#adminsettings .form-multicheckbox ul {
    padding:0;
    margin:0;
}

#adminsettings .form-item .pathok,
#adminsettings .form-item .patherror {
    margin-left: 0.5em;
}

#adminsettings .form-htmlarea {
    width:  640px;    
    display:inline;
}
#adminsettings .form-htmlarea .htmlarea {
    width:  640px;    
    display:block;
}

.environmentbox {
    margin-top: 1em;
}

.form-buttons {
    margin: 10px 0 0 13em;
}

.adminsearchform {
    padding-top:10px;
}

.block_admin_tree .admintree {
    text-align:left;
}

.block_admin_tree .admintree .depth1 {
    padding-left: 16px;
}

.block_admin_tree .admintree .depth2 {
    padding-left: 32px;
}

.block_admin_tree .admintree .depth3 {
    padding-left: 48px;
}

.block_admin_tree .admintree .depth4 {
    padding-left: 64px;
}

#admin-lang .translator {
    border-width: 1px;
    border-style: solid;
}

#adminsettings #admin-calendar_weekend table {
    width: 100%;
}

#adminsettings #admin-calendar_weekend table td {
    text-align: center;
}

#adminsettings #admin-calendar_weekend table td label {
    width: 100%;
    text-align: center;
    float: none;
}

#trustedhosts .generaltable {
    margin-left: auto;
    margin-right: auto;
    width: 500px;
}

#trustedhosts .standard {
    width: auto;
}

#mnetconfig table {
    margin-left: auto;
    margin-right: auto;
}

#admin-report-courseoverview-index .graph,
#course-report-stats-index .graph,
#admin-report-stats-index .graph {
    text-align: center;
    margin-bottom: 1em;
}

#admin-uploaduser table#uuresults {
    margin-bottom: 2em;
}

#admin-uploaduser table#uupreview,
#admin-uploaduser table#uuresults td.cell {
    padding-left: 3px;
    padding-right: 3px;
}

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

/*Accessibility: Skip block link, for keyboard-only users. */
a.skip-block, a.skip {
    position: absolute;
    top: -1000em;
    font-size: 0.85em;
}
a.skip-block:focus, a.skip-block:active,
a.skip:focus, a.skip:active {
    position: static;
    display: block;
}
.skip-block-to, #maincontent {
    display: block;
    height: 1px;
}

.sideblock {
    margin-bottom:1em;
    width: 100%;
}

.sideblock .header, .sideblock h2.header {
    text-align: left;
    margin:0;
    padding:4px 4px 4px;
    /*padding-top:0;*/
    border-width: 1px;
    /*border-style: solid;*/
    border-bottom: none;
    border-radius: 5px 5px 0 0;
}
.sideblock h2 {
    margin:0;
    padding:0;
}

.sideblock .header .hide-show-image {
    float:right;
    height:11px;
    width:11px;
    margin-top:0.25em;
    border-radius: 2px;
}

.sideblock .header .commands {
    margin-top: 0.3em;
    clear: both;
    height: 16px;
}

.sideblock .header .commands a {
    margin: 0px 2px;
}

#left-column .hidden .header,
#right-column .hidden .header
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

#left-column .hidden .content,
#right-column .hidden .content
{
    display: none;
}

.sideblock .header .icon.hide,
.sideblock .header .icon.edit {
    /*margin-right: 6px;*/
}

.sideblock .content {
    padding: 4px;
    border-width: 1px;
    border-style: solid;
    border-radius: 0 0 5px 5px;
}

.sideblock .content h3,
.sideblock .content h2 {
    text-align: left;
}

.sideblock .content h2 {
    margin:1.5em 0 0;
    padding:0;
}

.sideblock .content .head {
    margin-top: 10px;
}

.sideblock .content hr {
    height:1px;
    margin-top:4px;
    margin-bottom:4px;
    border:none;
    border-top:1px solid;
}

.sideblock div.column {
    margin:0px;
    margin-right:4px;
    padding:0px;
}

.sideblock div.column.c0 {
    float: left;
}

.sideblock div.column.c1 {
    display: inline;
}

.sideblock .content .c0 img.icon {
    margin:0px;
}

.sideblock .content .list, .unlist, .inline-list {
    list-style:none;
    padding:0;
    margin:0;
}

.sideblock .content .list {
    width: 100%;
}

.sideblock .content .list li {
    clear: left;
}

.sideblock .content .list img {
    padding: 0px 0px 6px 8px
}

.sideblock .content .inline-list li, .inline-list li {
    display: inline;
}

.sideblock .content ul.list li.listentry {
    clear:both;
}

.sideblock .content div.info {
    text-align:center;
}

.sideblock .footer {
    margin-bottom: 4px;
    text-align:center;
    clear:both;
}

.sideblock img.userpicture {
    width:16px;
    height:16px;
    margin-right:4px;
}

.blockconfigtable {
    margin-top: 0;
    margin-right: auto;
    margin-left: auto;
}

.blockconfigtable td.label {
    text-align: right;
    width: 50%;
}

.blockconfigtable td.value {
    text-align: left;
    width: 50%;
}

.blockconfigtable td.submit {
    text-align: center;
}

.blockconfiginstancecontent .tabs {
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
}

.block_adminblock {
    /*width: 180px;*/
}

.block_messages .content {
    text-align:left;
    font-size:0.75em;
    padding-top:5px;
}

.block_recent_activitysideblock .h3 {
    padding-top:5px;
}

.block_online_users .listentry div.user,
.block_messages .listentry div.user {
    float:left;
}

.block_online_users .listentry div.message,
.block_messages .listentry div.message {
    float:right;
}

.block_course_list .footer {
    margin-top: 5px;
}

#rssfeeds {
    margin-left: auto;
    margin-right: auto;
}

#block_rss {
    text-align: center;
}

.block_search_forums .invisiblefieldset {
    display: block;
}

.block_tag_youtube .youtube-thumb {
    padding: 3px;
    padding-bottom: 0.5em;
    display: block;
    float: left;
}
.block_tag_youtube .yt-video-entry li {
    clear: left;
}

.block_tag_flickr .flickr-photos {
    padding:3px;
}

/***
 *** Blogs
 ***/
.addbloglink {
    text-align: center;
}

.blogpost .audience {
    text-align: right;
}

.blogpost .tags {
    margin-top: 15px;
}


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

#calendar {
    width: 100%;
    border-spacing: 5px;
    border-collapse: separate;
}

#calendar h2,
#calendar h3
{
    text-align: center;
}
#calendar .sideblock h2 {
    text-align: left;
}

#calendar .maincalendar,
#calendar .sidecalendar
{
    vertical-align: top;
    border: 1px solid #dddddd;
    border-radius: 5px;
    padding: 0px;
}

#calendar .maincalendar {
    height: 100%;
}

#calendar .maincalendar .heightcontainer {
    height: 100%;
    position: relative;
}

#calendar .maincalendar .bottom {
    width: 100%;
    text-align: center;
    padding:5px 0 0;
}

#calendar .sidecalendar {
    /*width: 25%;*/
}

#calendar .maincalendar table.calendarmonth {
    border-collapse: separate;
    margin: 0px auto;
    width: 98%;
}

#calendar .maincalendar table.calendarmonth th {
    padding:10px;
    border-bottom:2px solid;
}

#calendar .maincalendar table.calendarmonth td {
    height: 5em;
    padding-left: 4px;
    padding-top: 4px;
    line-height:1.2em;
}

#calendar .maincalendar table.calendarmonth td,
table.minicalendar td,
table.minicalendar th {
    width:14%;
    vertical-align:top;
}
table.minicalendar td {
    text-align: center;
}
#calendar .maincalendar table.calendarmonth td table td {
    height: auto;
}

#calendar div.header
{
    padding: 5px;
}

#calendar .sideblock div.header
{
    border:none;
}

#calendar .maincalendar .buttons {
    float: right;
}

#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.sideblock.block_calendar_month .filters table
{
    border-collapse:separate;
    border-spacing: 2px;
    padding: 2px;
    width: 100%;
}

#calendar .maincalendar .filters {
    padding: 0px 10px;
}

#calendar .sidecalendar .filters {
    padding: 5px;
}

#calendar .maincalendar .controls {
    clear:both;
    padding:10px;
}

#calendar .maincalendar table.calendarmonth ul.events-new,
#calendar .maincalendar table.calendarmonth ul.events-underway
{
    padding:0px;
    margin:0px;
    list-style-type:none;
}

#calendar .maincalendar table.calendarmonth ul li {
    margin-top: 4px;
}

.minicalendarblock {
    padding: 0px 4px;
}

table.minicalendar {
    width: 100%;
    margin: 10px auto;
    padding:2px;
    /*border-width:1px;
    border-style:solid;*/
    border-collapse:separate;
    border-spacing:1px !important;
}

table.minicalendar th {
    padding: 0px 2px;
}

#calendar .maincalendar .eventlist {
    padding: 10px;
}

#calendar .maincalendar .eventlist .topic {
    padding: 5px;
    border-style:solid;
    border-width: 0px;
    border-bottom-color: #EEEEEE;
    border-bottom-width: 1px;
}

#calendar .maincalendar .eventlist .event {
    width:100%;
    margin-bottom:10px;
    border-spacing:0px;
    border-collapse:separate;
    border-width:1px;
    border-style:solid;
}

#calendar .maincalendar .eventlist .event .name {
    float:left;
}

#calendar .maincalendar .eventlist .event .course {
    float:left;
    clear:left;
}

#calendar .maincalendar .eventlist .event .date {
    float:right;
}

#calendar .maincalendar .eventlist .event .description .commands {
    width:100%;
}

#calendar .maincalendar .eventlist .event .description {
    padding:5px;
}

#calendar .maincalendar .eventlist .event .picture {
    padding:8px;
}

#calendar .maincalendar .eventlist .event .side {
    width:32px;
}

#calendar #selecteventtype table {
    margin:auto;
}

#calendar .event_global,
#calendar .event_course,
#calendar .event_group,
#calendar .event_user,
#calendar .event_scheduled,
#calendar .event_alert,
.minicalendar .event_global,
.minicalendar .event_course,
.minicalendar .event_group,
.minicalendar .event_user,
.minicalendar .event_scheduled,
.minicalendar .event_alert{
    border:2px solid !important;
}
/*
#calendar .duration_global,
#calendar .duration_course,
#calendar .duration_group,
#calendar .duration_user,
.minicalendar .duration_global,
.minicalendar .duration_course,
.minicalendar .duration_group,
.minicalendar .duration_user
{
    border-top:2px solid !important;
    border-bottom:2px solid !important;
}
*/
#calendar .today,
.minicalendar .today {
    border:2px solid;
}

#calendar .nottoday,
.minicalendar .today {
    border:1px solid;
}

.cal_popup_bg {
    padding:0px;
    margin:0px;
    border:1px solid;
}

.cal_popup_close {
    margin-right:5px;
}

.cal_popup_caption {
    border-width:0px 0px 1px 0px;
    border-style:solid;
    padding-bottom:2px;
}

/*Accessibility: controls now div and span, 20:58:20% or 12:74:12% */
.calendar-controls .previous,
.calendar-controls .next,
.calendar-controls .current {
    display: block;
    float: left;
    width: 12%;
}
.calendar-controls .previous {
    text-align: left;
}
.calendar-controls .current {
    text-align: center;
    width: 76%;
}
.calendar-controls .next {
    text-align: right;
}

#calendar .maincalendar .calendar-controls .previous,
#calendar .maincalendar .calendar-controls .next
{
    width: 30%;
}
#calendar .maincalendar .calendar-controls .current {
    width: 39.95%;
}

#calendar .indent {
    padding-left: 20px;
}

#calendar td.sidecalendar {
    border-width:0px;
}

#calendar td.sidecalendar .sideblock {
    border: 1px solid #dddddd;
    border-radius: 5px;
    margin-bottom:10px;
}

#calendar td.sidecalendar .minicalendartop {
    padding-top:10px;
}

.sideblock .content h3.eventskey {
    margin-top:0.5em;
    margin-bottom:0;
    margin-left:0.5em;
}

/***
 *** Course
 ***/

.activitydate, .activityhead {
    text-align:center;
}

#course-view .section td {
    vertical-align:top;
}

#course-view .section td.content {
    padding:5px;
    border-style:solid;
    border-width:1px;
    border-left:0px;
    border-right:0px;
}

#course-view .section td.side {
    padding:5px;
    border-style:solid;
    border-width:1px;
}

#course-view .section td.left {
    border-right:0px;
    text-align:center;
    width: 1.5em;
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;
}

#course-view .section td.right {
    border-left:0px;
    text-align:center;
    width: 1.5em;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

#course-view .current .side {
}

#course-view .section .spacer {
    height:0.5em;
}

#course-view .section .weekdates {
}

#course-view ul.section,
#site-index ul.section {
    margin: 0;
    padding: 0;
    list-style: none;
}

.section_add_menus {
    text-align:right;
}

.section_add_menus .horizontal div {
    display:inline;
}


/*#course-view ul.section li.activity ul li,
#site-index ul.section li.activity ul li {
  list-style: disc;
}*/

/*Accessibility: No-tables course format. */
#course-view ul.weekscss {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* Window-width: 800 pixels.
   IE doesn't support, see inline IE conditional comment. */
.weekscss-format {
    min-width: 763px;
}
.weekscss-format .block_adminblock select,
.weekscss-format .block_calendar_month .minicalendar {
    width: 100%;
    padding: 0;
}
.weekscss-format .block_calendar_month .minicalendar th,
.weekscss-format .block_calendar_month .minicalendar td {
    padding: 0.1em 0 0.1em 1px;
}
.weekscss-format #middle-column {
    margin: 0 12.5em 0 12.5em;
}
.weekscss-format #left-column,
.weekscss-format #right-column {
    width: 11.5em;
}
.weekscss-format #left-column {
    float: left;
}
.weekscss-format #right-column {
    float: right;
}
.weekscss li.section {
    margin-bottom: 0.5em;
    border-style:solid;
    border-width:1px;
}
.weekscss .content,
.weekscss .side {
    padding: 5px;
}
.weekscss .content {
    margin: 0 1.7em 0 1.7em;
}
.weekscss .right {
    width: 1.6em;
    float: right;
    text-align:center;
}

.section .activity img.activityicon {
    vertical-align:middle;
    height:16px;
    width:16px;
}

.section img.movetarget {
    height:16px;
    width:80px;
}

body#course-view .unread {
    margin-left: 3em;
}

body#course-view .sideblock.drag .header {
    cursor: move;
}

body#course-enrol .generalbox {
    margin-top: 20px;
}

body#course-enrol .coursebox {
    margin-top: 20px;
}

body#course-user .graph {
    text-align: center;
}

body#course-user .section,
body#course-user .content {
    margin-left: 30px;
    margin-right: 30px;
}

body#course-user .section {
    border-width:1px;
    border-style:solid;
    padding:10px;
    margin-bottom: 20px;
}

body#course-user .section h2 {
    margin-top: 0;
}


.headingblock, h2.headingblock {
    border-width:1px;
    /*border-style:solid;*/
    padding:5px;
    margin:0;
    border-radius: 5px;
}

#site-index .subscribelink,
#course-view .subscribelink {
    text-align:right;
}

body#site-index .headingblock,
body#course-view .headingblock {
    margin-bottom: 9px;
}

body#course-category .courseboxes,
body#course-index .courseboxes {
    padding:20px;
}

body#course-category .rolelink {
    text-align:right;
    padding:10px;
}

body#course-category .addcategory {
    text-align: center;
    padding: 10px;
}

body#course-index .buttons .singlebutton,
body#course-category .buttons .singlebutton {
    display: inline;
}

body#course-index .buttons,
body#course-category .buttons {
    text-align: center;
    margin-bottom: 15px;
}

body#course-index #middle-column .editcourse {
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
}

body#course-index #middle-column .editcourse th,
body#course-index #middle-column .editcourse td {
    padding-left:10px;
    padding-right:10px;
}

body#course-index #middle-column .editcourse .count {
    text-align:right;
}

body#course-index .singlebutton,
body#course-index .addcategory {
    text-align: center;
}

body#course-info .generalbox.icons {
    text-align: center;
}

body#course-info .generalbox.info {
    margin-left:auto;
    margin-right:auto;
}

.coursebox {
    width: 100%;
    /* float:left; */
    margin-bottom: 15px;
    border-width:1px;
    border-style:solid;
}

.coursebox .summary {
    float: right;
    text-align:left;
    /*width: 48%;*/
    width: 46%;
    padding:5px;
}

.coursebox .info {
    float: left;
    text-align:left;
    /*width: 48%;*/
    width: 46%;
    padding:5px;
}

#my-index .coursebox .info {
    float: none;
}

#my-index .name {
    margin-left: 5px;
}
#course-pending .pendingcourserequests {
    margin-bottom: 1em;
}
#course-pending .pendingcourserequests .singlebutton {
    display: inline;
}
#course-pending .pendingcourserequests .cell {
    padding: 0 5px;
}
#course-pending .pendingcourserequests .cell.c6 {
    white-space: nowrap;
}
#course-pending .singlebutton {
    text-align: center;
}
.categorylist {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

.categorylist .category.image {
    width: 20px;
}

.categorylist .category.number {
    text-align: right;
}

.categorylist .category.indentation {
    width: 1px;
}

.categoryboxcontent {
    border-width:1px;
    border-style:solid;
}

.categorypicker {
    text-align:center;
    padding-bottom:10px;
}

#coursesearch,
#coursesearch2 {
    margin-top: 1em;
    text-align:center;
}

.addcoursebutton {
    text-align:center;
}

.coursebox .cost {
    padding-top: 20px;
}

.coursebox ul.teachers li {
    list-style-type:none;
    padding:0;
    margin:0;
}

#course-category #renameform {
    text-align:center;
}

#course-category #themeform {
    text-align: center;
}

#course-category .singlebutton {
    text-align:center;
}

#course-category #coursesearch {
    text-align:center;
}


#course-report #content {
    padding-top:15px;
    padding-bottom:15px;
}

#course-report p {
    text-align:center;
}

#course-report .logselectform,
#course-report .participationselectform,
#course-report-log-index .logselectform,
#course-report-participation-index .participationselectform {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;
}

#course-report .participationselectform label,
#course-report-participation-index .participationselectform label {
    margin-left:15px;
    margin-right:5px;
}

#course-report-log-index .info,
#course-report-log-indexlive .info {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin:10px;
}

.course-report-outline td.numviews {
    text-align:right;
}

.course-report-outline div.loginfo {
    text-align:center;
    margin: 1em;
}

#content .coursebox .summary .category {
    text-align:right;
}

#course-editsection .singlebutton {
    text-align:center;
}

.jumpmenu {text-align:center}

/***
 *** Group
 ***/
body#group-index #groupeditform {
    text-align: center;
}

#add, #remove{
    text-align:center;
}

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

body#doc-contents h1 {
    margin: 1em 0px 0px 0px;
}

body#doc-contents ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 90%;
}


/***
 *** Grades
 ***/

/* scales edit */

.grade-edit-scale .buttons {
    margin: 20px;
    text-align:center;
}

.grade-edit-scale .buttons .singlebutton {
    display: inline;
    padding: 5px;
}
/* outcomes edit */

.grade-edit-outcome .buttons {
    margin: 20px;
    text-align:center;
}

.grade-edit-outcome .buttons .singlebutton {
    display: inline;
    padding: 5px;
}

div.allcoursegrades {
    width: 100%;
    text-align: right;
    padding: 4px 0px 5px 0px;
}

.importoutcomenofile .singlebutton {
    text-align: center;
    margin-top: 5px;
}
/* gradebook edit tree */

.grade-edit-tree .gradetreebox {
    width:70%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    padding-bottom:15px;
}

.grade-edit-tree .buttons {
    margin: 20px;
    text-align:center;
}

.grade-edit-tree .idnumber {
    margin-left: 15px;
}

.grade-edit-tree .buttons .singlebutton {
    display: inline;
    padding: 5px;
}

.grade-edit-tree .movetarget {
    position: relative;
    width: 80px;
    height: 16px;
}

.grade-edit-tree ul#grade_tree {
    width: auto;
}

.grade-edit-tree ul#grade_tree li {
    list-style: none;
}

.grade-edit-tree ul#grade_tree li.category {
    margin-bottom: 6px;
}

.grade-edit-tree .iconsmall {
    margin-left: 4px;
}

#grade-report-toggles {
    text-align: center;
}

.gradeexportlink {
    padding: 2em;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#grade-aggregation-help dt {
    margin-top: 15px;
}

#grade-aggregation-help dd.example {
    margin-top: 7px;
}

#grade-aggregation-help code {
    display: block;
    margin-top: 7px;
}

/***
 *** Login
 ***/
.loginpanelleft{
    float: left;
    padding: 10px;
    /*width: 35%;*/
    width: 208px;
}
.loginpanel{
    float: left;
    /*width : 60%;*/
    width: 287px;
}
input {
        margin-bottom: 5px;
    }
#login-index #content{
    font-size: 14px !important;
}
.loginbottom{
    width: 100%;
    clear: both;
    float: left;
    padding-bottom: 10px;
    padding-left: 10%;
}
.loginright h2{
    margin: 0 !important;
    padding: 0 !important;
}

.loginbox {
    margin: 0 auto;
    margin-top:15px;
    margin-bottom:15px;
    border:1px solid;
    /*width:50%;
    margin-left:25%;
    width:45%;*/
    width:515px;
    /*margin-left:25%;*/
    overflow:hidden;
}

.loginbox form {
    margin:0px;
    padding:0px;
}

.loginbox.twocolumns {
    width:90%;
    margin-left:5%;
    /* background: #faa; */
}

.loginbox h2,
.loginbox .subcontent {
    margin:5px;
    padding:10px;
    text-align:center;
}

.loginbox .loginpanel .subcontent {
    text-align:center;
}

.loginbox .loginpanel .desc {
    margin:0px;
    padding:0px;
    margin-bottom:5px;
}

.loginbox .signuppanel .subcontent {
    text-align:left;
}

.loginbox .loginsub {
    margin-left:0%;
    margin-right:0%;
}

.loginbox .guestsub,
.loginbox .forgotsub {
    border-top:1px solid;
    margin-left:12%;
    margin-right:12%;
    margin-bottom:5px;
}

.loginbox .loginform {
    margin-top:1em;
    text-align:left;
}

.loginbox .loginform .form-label {
    float:left;
    text-align:right;
    /*width:40%;*/
    width:30%;
}

.loginbox .loginform .form-input {
    float:right;
    /*width:59%;*/
    width:68%;
}

.loginbox .loginform .form-input input {
    width: 6em;
}

.loginbox .signupform {
    margin-top:1em;
    text-align:center;
}

.loginbox.twocolumns .loginpanel {
    float:left;
    width:49.5%;
    border-right: 1px solid;
    margin-bottom:-2000px;
    padding-bottom:2000px;
    /* background: #afa; */
}

.loginbox.twocolumns .signuppanel {
    float:right;
    width:50%;
    margin-bottom:-2000px;
    padding-bottom:2000px;
}


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


#message-user .userpicture,
#message-history .userpicture {
    width: 100px;
    height: 100px;
}

.message-discussion-noframes #userinfo .userpicture {
    float:left;
}

.message-discussion-noframes #userinfo .name h1 {
    margin:0px;
}

.message-discussion-noframes #userinfo .name {
    text-align:center;
    margin-left:60px;
}

.message-discussion-noframes #userinfo .commands {
    text-align:left;
    margin-left:60px;
}

.message-discussion-noframes #userinfo .commands ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

.message-discussion-noframes #userinfo .commands ul li {
    display:inline;
    padding-right:16px;
}

.message-discussion-noframes #send {
    padding-top:10px;
    clear:both;
}

.message-discussion-noframes #send h1 {
    margin:0px;
}

.message-discussion-noframes #messages {
    padding-top:10px;
}

.message-discussion-noframes #messages ul.messagelist {
    margin:0px;
    padding:0px;
}

.message-discussion-noframes #send h1 {
    margin:0px;
}

.message .noframesjslink {
    margin-top:20px;
}

.message .link {
    vertical-align:middle;
}

table.message .searchresults td {
    padding:5px;
    border-width:1px;
    border-style:solid;
    border-collapse:collapse;
    border-spacing:0px;
}
.message .summary .link {
    text-align:right;
}
.message .heading {
    text-align:center;
}

.message .note {
    text-align:center;
    padding:10px;
}

#message-user .commands span {
    margin-left:10px;
    margin-right:10px;
}

body#message-messages {
    padding:10px;
}

body#message-send .notifysuccess {
    padding:1px;
}

body#message-send td.fixeditor {
    text-align:center;
}

/***
 *** Notes
 ***/
.notepost {
    margin-bottom: 1em;
    background-color: #EEE;
}
.sitenotepost {
}
.coursenotepost {
}
.draftnotepost {
}

.ownnotepost .info {
}

.notepost .header {
    background: #DDD;
    padding: 5px;
}

.notepost .user {
    font-weight: bolder;
}

.notepost .userpicture {
    float: left;
    margin-right: 5px;
}

.notepost .info {
    font-size: smaller;
}

.notepost .content {
    clear: both;
}

.notepost .footer {
    clear: both;
}

body.notes .generalbox {
    margin-left:auto;
    margin-right:auto;
    width:90%;
}

body.notes .notesgroup {
    margin-left:20px;
}

/***
 *** MyMoodle
 ***/

.my .coursebox .overview .info {
    margin-left:20px;
}

.my .coursebox .overview {
    margin-bottom:10px;
}


/***
 *** Question
 ***/
.questionbank h2 {
    margin-top: 0;
}

.questioncategories h3 {
    margin-top: 0;
}

.que {
    text-align: left;
    margin: 0 auto 1.8em auto;
    border: 1px solid;
    clear: both;
}
.que .info {
    float: left;
    margin: 0.5em 0 0.5em 1.2em;
    width: 8%;
}
.que .content {
    float: left;
    margin: 0.5em 1.2em 0.5em 0;
    width: 85%;
}
.que.description .info {
    margin: 0.5em 0 0.5em 0.2em;
    width: 1em;
}
.que.description .content,
.que.description .generalfeedback {
    margin-left: 1.2em;
    margin-bottom: 0.5em;
    float: none;
    width: auto;
}
.que.description .qtext {
    margin-bottom: 0;
}
.que .qtext {
    margin-bottom: 1.5em;
}
.que .ablock {
    margin: 0.7em 0 0.3em 0;
}
.que .prompt {
    float: left;
    width: 15%;
    height: 2em;
    padding-top: 0.3em;
}
.que .control {
    width: 5%;
}
.que .answer {
    float: left;
    width: 83%;
    margin-bottom: 0.5em;
}
.que .submit {
    position: relative;
    clear: both;
    float: left;
}
/* MSIE Hack */
* html .que .submit {
    float: none;
}
.multianswer .submit {
    margin-top: 1em;
}
.que .c0,
.que .c1 {
    padding: 0.3em 0 0.3em 0.3em;
    vertical-align: top;
}
.que .feedback {
    clear: both;
    padding: 0 0 0.3em 0.3em;
    margin-bottom: 0.5em;
    border: 1px solid;
}
.multichoice td.feedback {
    width: auto;
    vertical-align: top;
    padding-top: 0.3em;
    border-style: none;
}
.essay .feedback {
    border-style: none;
}
.multichoice .text {
    width: auto;
}
.calculated .answer,
.numerical .answer,
.shortanswer .answer {
    padding: 0.3em;
    width: auto;
}
.truefalse .answer span {
    float: left;
    clear: left;
    padding: 0.3em;
    width: 100%;
}
.que .grading,
.que .comment,
.que .commentlink,
.que .generalfeedback,
.que .history {
    margin-top: 0.5em;
}
.que .grade {
    margin-top: 0.5em;
}

.importerror {
    margin-top: 10px;
    border-bottom: 1px solid #555;
}

/***
 *** Logs
 ***/

.logtable {
    margin-left:auto;
    margin-right:auto;
}

.logtable td,
.logtable th {
    padding-left: 10px;
    padding-right: 10px;
}

.logtable th {
    text-align:left;
}

#course-user .info {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    margin:10px;
}

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


/*globalnav*/
.tabtree {
    position:relative;
}

.tabrow0 {
    text-align: center;
    width:100%;
    margin:0;
    margin-top: 10px;
    padding:0 0 1.75em 0;
    list-style:none;
    line-height:1.8em;
    font-size: 84%;
}

.tabrow0 li {
    display: inline;
    margin: 0 -4px 0 0;
    padding: 0;
}

.tabrow0 a span {
    padding: 10px 14px 0.35em 0;
    background: transparent url(pix/tab/right.gif) no-repeat right top;
}

.tabrow1 li a span {
    background: none !important;
}

.tabrow0 a {
    text-decoration: none;
    background: transparent url(pix/tab/left.gif) no-repeat left top;
    margin: 0 -1px 0 0;
    padding: 10px 0 0.35em 13px;
}

.tabrow0 a:hover {
    background-image: url(pix/tab/left_hover.gif);
}

.tabrow0 .here a:hover {
    background-image: url(pix/tab/left.gif);
}

.tabrow0 a:hover span {
    background-image: url(pix/tab/right_hover.gif);
}

.tabrow0 .here a:hover span {
    background-image: url(pix/tab/right.gif);
}

.tabrow0 .here a {
    color:#444;
}


.tabrow0 .here a:link,
.tabrow0 .here a:visited,
.tabrow0 .here a.nolink {
    position:relative;
    z-index:102;
}

/*subnav*/
.tabrow0 .empty {
    height: 1px;
    overflow: hidden;
    padding: 0;
}

.tabrow0 div,
.tabrow0 ul {
    position: absolute;
    left: 0;
    top: 1.95em;
    width: 100%;
    margin: 0;
    padding: 0.25em 0;
    list-style: none;
    border-top: 1px solid #aaa;
    line-height: normal;
    background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
    font-size: 90%;
}

.tabrow0 ul li {
    display:inline;
    margin-top:1px;
    background-image: none;
}

.tabrow0 ul a {
    background-image: none;
    color:#00c;
    margin:0;
    padding:0 1em;
    border:0
}

.tabrow0 ul a span {
    padding: 0;
    background-image: none;
}

.tabrow0 ul .last span,
.tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
.tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
    background-image: none !important;
}

.tabrow0 ul div {
    display: none;
}

ul.tabrow1 li a,
ul.tabrow1 li a:link,
ul.tabrow1 li a:visited {
    color:#00c;
    font-size: 110%;
}

ul.tabrow1 li.here.selected a {
    color:#444;
}

/***
 *** Tags
 ***/

h2.tag-heading {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    display:block;
    width:95%;
    padding: 5px 5px 5px 5px;

}

div#tag-description,
div#tag-blogs {
    width:95%;
    padding: 5px 5px 5px 5px;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

body#tag-index .moreblogs {
    text-align:center;
}

div#tag-management-box {
    margin-bottom:10px;
    text-align:center;
    line-height:20px;
    display:block;
    font-size:12px;
}

div#tag-user-table {
    padding:3px;
    width:95%;
    clear: both;
    margin-left:auto;
    margin-right:auto;
    display:block;
}

body.tag .managelink {
    text-align:right;
    padding:10px;
}

/* small css hack for firefox*/
div#tag-user-table:after{
    content:".";
    display:block;
    clear:both;
    visibility:hidden;
    height:0;
    overflow:hidden;
}
/* end hack*/

div.user-box {
    margin-left:8px;
    margin-right:8px;
    margin-top:8px;
    margin-bottom:8px;
    width:115px;
    height:160px;
    text-align:center;
    display:block;
    float:left;
    clear: none;
}

img.user-image {
    border:0px;
    height:100px;
    width:100px;
}

div#small-tag-cloud-box {
    width:300px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    margin-top:0px;
}

div#big-tag-cloud-box {
    width:600px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:0px;
    margin-top:0px;
    display:block;
    float:none;
}

ul#tag-cloud-list {
    list-style:none;
    padding:5px;
    margin:0px;
    list-style-type:none;
}
ul#tag-cloud-list li {
    margin:0px;
    display:inline;
}

/* search start*/

div#tag-search-box {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;
}

div#tag-search-results-container {
    padding:0px;
    width:100%;
}

ul#tag-search-results {
    padding:0px;
    margin-left:20%;
    margin-right:20%;
    margin-top:15px;
    margin-bottom:0px;
    float:left;
    width:60%;
    display:block;
    list-style:none;
}

ul#tag-search-results li{

    width:30%;
    float:left;
    padding-left:1%;
    text-align:left;
    line-height:20px;
    padding-right:1%;

}

div#tags-management-links {
    text-align:right;
    display:block;
    font-size:12px;

}
/* search end*/

/* tag management start*/
span.flagged-tag {
    color:#FF0000;
}
span.flagged-tag a{
    color:#FF0000;
}

table#tag-management-list {
    text-align:left;
    margin-left:auto;
    margin-right:auto;
}

table#tag-management-list tr td{
    padding-left:4px;
    padding-right :4px;
}

.tag-management-form {
    text-align:center;
}
/* tag management end*/

/* autocomplete start*/
#relatedtags-autocomplete-container
{
    margin-left:auto;
    margin-right:auto;
    min-height:4.6em;
    width:100%;
}

#relatedtags-autocomplete {
    position:relative;
    display:block;
    width:60%;
    margin-left:auto;
    margin-right:auto;
}
#relatedtags-autocomplete .yui-ac-content
{
    position:absolute;
    width:420px;
    left:20%;
    border:1px solid #404040;
    background:#fff;
    overflow:hidden;
    z-index:9050;
}
#relatedtags-autocomplete .ysearchquery
{
    position:absolute;
    right:10px;
    color:#808080;
    z-index:10;
}
#relatedtags-autocomplete .yui-ac-shadow {
    position:absolute;
    margin:.3em;
    width:100%;
    background:#a0a0a0;
    z-index:9049;
}
#relatedtags-autocomplete ul {
    padding:0;width:100%;
    margin:0;
    list-style-type:none;
}

#relatedtags-autocomplete li {
    padding:0 5px;
    cursor:default;
    white-space:
        nowrap;
}
#relatedtags-autocomplete li.yui-ac-highlight
{
    background:#FFFFCC;
}
/* autocomplete end*/

/***
 *** User
 ***/

.userinfobox {
    margin-bottom:5px;
    border-width: 1px;
    border-style: solid;
    border-collapse: separate;
}

.userinfobox .left,
.userinfobox .side {
    padding: 10px;
    width: 100px;
    vertical-align: top;
}

.userinfobox .userpicture {
    width: 100px;
    height: 100px;
}

.userinfobox .content {
    padding: 10px;
    vertical-align: top;
}

.userinfobox .links {
    width: 100px;
    padding: 5px;
    vertical-align: bottom;
}

.userinfobox .list td {
    padding: 3px;
}

.userinfobox .username {
    padding-bottom: 20px;
}

.userinfobox td.label {
    text-align:right;
    /*white-space: nowrap;*/
    vertical-align: top;
	width:35%;
}

table.userinfobox {
    width: 80%;
    margin-left: 10%;
    margin-right: 10%;
}

table.groupinfobox {
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    border-width:1px;
    border-style:solid;
    margin-bottom: 20px;
}

.groupinfobox .left {
    padding: 10px;
    width: 100px;
    vertical-align: top;
}

body#user-index h2 {
    text-align: center;
}

#user-view .buttons,
#user-index .buttons {
    text-align: center;
}

#user-view .buttons form,
#user-view .buttons form div {
    display:inline;
}

body#user-index #longtimenosee,
body#user-index #showall {
    text-align: center;
}

body#user-index #showall {
    margin: 10px 0px;
}

body#user-index table#participants,
body#tag-manage table#tag-management-list {
    margin: auto;
    width: 80%;
}

body#tag-manage table#tag-management-list td,
body#tag-manage table#tag-management-list th,
body#user-index table#participants td,
body#user-index table#participants th {
    vertical-align: middle;
    text-align: left;
    padding: 4px;
}

body#user-index table.controls {
    width: 100%;
}
body#user-index table.controls tr {
    vertical-align: top;
}
body#user-index table.controls td.right,
body#user-index table.controls td.left {
    padding: 4px;
}
body#user-index table.controls .right {
    text-align: right;
}
body#course-participation h2 {
    text-align:center;
}
body#course-participation #showall {
    text-align:center;
    margin: 10px 0px;
}
body#user-index .rolesform {
    text-align:center;
}

#user-policy .noticebox {
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
    width:80%;
    height:250px;
}

#user-policy #policyframe {
    width:100%;
    height:100%;
}

.iplookup #map {
    margin:auto;
}

.iplookup #note {
    text-align:center;
}

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

.userpicture,
.picture user,
.picture teacher {
    width:35px;
    height:35px;
    vertical-align:top;
}
.modform {
    text-align:center;
}
#wordcount {
    text-align: right;
}

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

.nextchatsession {
    text-align:center;
}

#mod-chat-gui_header_js-jsupdate {
    margin:10px
}
#mod-chat-gui_header_js-jsupdate .chat-event,
#mod-chat-gui_header_js-jsupdate .chat-message {
    width:100%;
    padding:0;
    margin-top:7px
}

#mod-chat-view #chatcurrentusers .chatuserdetails {
    vertical-align: middle;
}

#mod-chat-view #enterlink {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.chat-event .picture,
.chat-message .picture {
    width:40px;
    vertical-align:top;
}
.chat-event .text,
.chat-message .text {
    text-align: left;
}

#mod-chat-gui_basic #participants ul {
    margin:0px;
    padding:0px;
    list-style-type:none;
}

#mod-chat-gui_basic #participants ul li {
    display:inline;
    margin-right:10px;
}

#mod-chat-gui_basic #participants ul li .userinfo {
    display:inline;
}

#mod-chat-gui_basic #messages dl {
    padding:0px;
    margin:1px;
}

#mod-chat-gui_basic #messages dd,
#mod-chat-gui_basic #messages dt {
    margin-left:0px;
    margin-right:5px;
    padding:0px;
    display:inline;
}

/***
 *** Modules: Choice
 ***/
.button {
    text-align:center;
}

.attemptcell {
    width:5px;
    white-space: nowrap;
}

.anonymous,
.names {
    margin-left:auto;
    margin-right:auto;
}

.downloadreport {
    border:0px;
    margin-left:auto;
    margin-right:auto;
    
}

.choiceresponse {
    width:100%;
}
.choiceresponse .picture {
    width:10px;
    white-space: nowrap;
}

.choiceresponse .fullname {
    width:100%;
    white-space: nowrap;
}


.results.data {
    vertical-align:top;
    white-space: nowrap;
}

/***
 *** Modules: Data
 ***/
.fieldadd,
.sortdefault,
.defaulttemplate {
    text-align:center;
}
.datapreferences {
    text-align:center;
}

table.presets {
    margin-left: auto;
    margin-right: auto;
}

/***
 *** Modules: Forum
 ***/

#mod-forum-view .forummode {
    text-align:center;
}

.forumheaderlist,
.forumpost {
    border-width:1px;
    border-style:solid;
    border-collapse:separate;
}

.forumpost {
    margin-top: 15px;
}

.forumpost .topic {
    padding: 4px;
    border-style:solid;
    border-width: 0px;
    border-bottom-width: 1px;
}

.forumpost .commands {
    padding-top: 0.5em;
    text-align:right;
    clear: both;
}

.forumpost .ratings {
    padding-top: 1em;
    text-align:right;
}

.forumpost .attachments {
    padding: 7px;
    text-align:right;
}

.forumpost .content {
    padding: 4px;
}

.forumpost .footer {
    padding-top: 0.5em;
    text-align:right;
}

.forumpost .link {
    padding-top: 0.5em;
    text-align:right;
}

.forumpost .left {
    width: 35px;
    padding: 4px;
    text-align: center;
    vertical-align: top;
    background: #004489;
}

.forumpost .starter {
    background: #004489 url('pix/forum_starter_bg.png') repeat-x;
}

.mod-forum .indent {
    margin-left: 30px;
}

body#user-view .forumpost,
.course .forumpost {
    width: 100%;
}

body#mod-forum-search .c0 {
    text-align: right;
}

body#mod-forum-search .introcontent {
    padding: 15px;
}

.forumolddiscuss {
    text-align: right;
}

.forumheaderlist {
    width: 100%;
}

.forumheaderlist td {
    border-width:1px 0px 0px 1px;
    border-style:solid;
}

.forumheaderlist .replies {
    text-align: center;
    white-space: nowrap;
}

.forumheaderlist .picture {
    width: 35px;
}

.forumheaderlist .discussion .starter {
    vertical-align: middle;
}

.forumheaderlist .lastpost {
    white-space: nowrap;
    text-align: right;
}

.forumheaderlist .discussion .author {
    white-space: nowrap;
}
.forumolddiscuss {
    text-align:right;
}
.forumaddnew,
.forumnodiscuss,
.noticeboxcontent {
    text-align:center;
}

#mod-forum-view .forumaddnew {
    margin-bottom: 20px;
}

#mod-forum-view .forumcontrol .groupmenu {
    float: left;
    text-align:left;
    white-space: nowrap;
}

#mod-forum-view .groupmenu {
    float: left;
    text-align:left;
    white-space: nowrap;
}

#mod-forum-view .forumcontrol .subscription {
    float: right;
    text-align:right;
    white-space: nowrap;
}

#mod-forum-view .subscription {
    float: right;
    text-align:right;
    white-space: nowrap;
}

#mod-forum-index .subscription {
    float: right;
    text-align:right;
    white-space: nowrap;
}

#mod-forum-view .unread {
    padding-left: 3px;
    padding-right: 3px;
}
#mod-forum-discuss .forumpost.unread .content {
    border-style: solid;
    border-width: 2px;
}
#mod-forum-discuss .ratingsubmit {
    text-align:center;
    padding:10px;
}
#mod-forum-index .unread img,
#mod-forum-view .unread img
{
    margin-left: 5px;
}

#mod-forum-discuss .discussioncontrols td {
    width: 33%;
    text-align:center;
}

#email .unsubscribelink {
    margin-top:20px;
    border-width: 0px 1px 0px 0px;
    border-style: solid;
    text-align:center;
}

#mod-forum-view .subscription {
    margin: 5px 0;
}

/***
 *** Modules: Glossary
 ***/

.glossarypost .commands {
    width: 200px;
    white-space: nowrap;
}

#mod-glossary-comments .glossarypost,
#mod-glossary-comment .glossarypost {
    margin-top: 15px;
}

.entryboxheader {
    border-width: 1px 1px 0px 1px;
    border-style: solid;
}

.entrybox {
    width: 100%;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
}

.entrybox hr {
    border-left:none;
    border-right:none;
}

.glossarypost {
    width: 95%;
    border-width:1px;
    border-style:solid;
    border-collapse:separate;
    margin-left:auto;
    margin-right:auto;
    margin-bottom: 5px;
    text-align: left;
}

.entrylist {
    border-width:0px;
}

.entrylowersection {
    padding-top: 10px;
}

.entrylowersection table{
    width: 100%;
}

.entrylowersection .aliases {
    text-align:center;
}

.entrylowersection .icons,
.entrylowersection .ratings {
    text-align:right;
    padding-right: 5px;
}

.entrylowersection .ratings {
    padding-bottom: 2px;
}

.glossarycategoryheader {
    width: 95%;
    margin-left:auto;
    margin-right:auto;
}

.glossaryformatheader {
    width: 90%;
}

.glossarypost .entry {
    padding: 3px;
}

.glossarypost .picture {
    width: 35px;
}

.glossarycomment {
    border-width:1px;
    border-style:solid;
    border-collapse:separate;
    margin-bottom: 5px;
    text-align: left;
}

.glossarycomment .entry {
    padding: 3px;
}

.glossarycomment .picture {
    width: 35px;
}

.glossarycomment .icons {
    text-align: right;
}

.glossarydisplay {
    width: 90%;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.glossarydisplay .tabs {
    width: 100%;
}

.glossarydisplay .separator {
    width: 4px;
}

.glossarydisplay .tabs .selected,
.glossarydisplay .tabs .inactive,
.glossarydisplay .tabs .general {
}

.glossaryimportexport {
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

.glossarypopup {
    width: 95%;
}

.glossaryapproval {
    width: 100%;
}

.mod-glossary .glossarydisplay .tabs {
    margin-bottom: 0px;
}

.mod-glossary .glossarydisplay .tabs .side {
    border-style: none;
    border-width: 0px;
    width: auto;
}

.glossaryexplain,
.glossaryaddentry {
    text-align: center;
}

.mod-glossary .tabrow0 {
    padding-bottom: 5px;
}

#mod-glossary-view .glossarycontrol {
    float: right;
    text-align:right;
    white-space: nowrap;
    margin: 5px 0;
}

/***
 *** Modules: Journal
 ***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
    margin: 5px;
    text-align: center;
}
#mod-journal-view .feedbackbox {
    width: 75%;
    border-collapse: separate;
}
#mod-journal-view .entrycontent {
    padding: 3px;
}
#mod-journal-view .picture {
    width: 35px;
}
#mod-journal-view .grade {
    text-align: right;
}
#mod-journal-view .info {
    margin-bottom: 5px;
    text-align: right;
}


/***
 *** Modules: Label
 ***/

/***
 *** Modules: Lesson
 ***/
#mod-lesson-lesson #page .addform {
    text-align: center;
}
#mod-lesson-edit #page .label {
    font-weight: bold;
}
#mod-lesson-edit #page .labelcorrect {
    text-decoration: underline;
    font-weight: bold;
}
.lessonmediafilecontrol {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#mod-lesson-view #content .invisiblefieldset {
    display: block;
    text-align: left;
}

/***
 *** Modules: Quiz
 ***/

#mod-quiz-view .quizinfo {
    text-align: center;
}
#mod-quiz-view #page .quizgradefeedback,
#mod-quiz-view #page .quizattempt
{
    text-align: center;
}
#mod-quiz-view #page .quizattemptsummary td p {
    margin-top: 0;
}
#mod-quiz-view .generalbox#feedback {
    width:70%;
    margin-left:auto;
    margin-right:auto;
    padding-bottom:15px;
}
#mod-quiz-view .generalbox#feedback h2 {
    margin: 0 0;
}
body#mod-quiz-view .generalbox#feedback .overriddennotice {
    text-align: center;
    font-size: 0.7em;
}
#mod-quiz-view .generalbox#feedback h3 {
    text-align: left;
}

.generalbox#passwordbox { /* Should probably match .generalbox#intro above */
    width:70%;
    margin-left:auto;
    margin-right:auto;
}
#passwordform {
    margin: 1em 0;
}
#mod-quiz-attempt #page {
    text-align: center;
}
#mod-quiz-attempt .pagingbar {
    margin: 1.5em auto;
}
#mod-quiz-attempt #page {
    text-align: center;
}

#mod-quiz-attempt #timer .generalbox {
    width:150px
}
#mod-quiz-attempt.securewindow .que {
    margin-left: 155px;
    margin-right: 155px;
}

#mod-quiz-attempt #timer {
    position:absolute;
    /*top:100px; is set by js*/
    left:10px
}

body#question-preview .quemodname,
body#question-preview .controls
{
    text-align: center;
}
body#question-preview .quemodname, body#question-preview .controls {
    text-align: center;
}

#mod-quiz-attempt #page .controls,
#mod-quiz-review #page .controls {
    text-align: center;
    margin: 8px auto;
}
#mod-quiz-review .pagingbar {
    margin: 1.5em auto;
}
#mod-quiz-review .pagingbar {
    margin: 1.5em auto;
}
table.quizreviewsummary {
    margin-bottom: 1.8em;
    width: 100%;
}
table.quizreviewsummary tr {
}
table.quizreviewsummary th.cell {
    padding: 1px 0.5em 1px 1em;
    font-weight: bold;
    text-align: right;
    width: 10em;
}
table.quizreviewsummary td.cell {
    padding: 1px 1em 1px 0.5em;
}

#mod-quiz-mod #reviewoptionshdr .fitem {
    float: left;
    width: 30%;
    margin-left: 10px;
    clear: none;
}
#mod-quiz-mod #reviewoptionshdr .fitemtitle {
    width: 100%;
    font-weight: bold;
    text-align: left;
    height: 2.5em;
    margin-left: 0;
}
#mod-quiz-mod #reviewoptionshdr fieldset.fgroup {
    width: 100%;
    text-align: left;
    margin-left: 0;
}
#mod-quiz-mod #reviewoptionshdr fieldset.fgroup span {
    float: left;
    clear: left;
}

#mod-quiz-edit #page .controls,
#mod-quiz-edit #page .quizattemptcounts
{
    clear : left;
    text-align: center;
}
#mod-quiz-edit .quizquestions h2 {
    margin-top: 0;
}
#mod-quiz-edit #showbreaks {
    margin-top: 0.7em;
}
.quizquestionlistcontrols {
    text-align: center;
}

#mod-quiz-report table#attempts,
#mod-quiz-report table#commands,
#mod-quiz-report table#itemanalysis
{
    width: 80%;
    margin: auto;
}
#mod-quiz-report table#attempts,
#mod-quiz-report h2.main {
    clear: both;
}
#mod-quiz-report table#attempts {
    margin: 20px auto;
}
#mod-quiz-report table#attempts .header,
#mod-quiz-report table#attempts .cell
{
    padding: 4px;
}
#mod-quiz-report table#attempts .header .commands {
    display: inline;
}
#mod-quiz-report table#attempts .picture {
    width: 40px;
}
#mod-quiz-report table#attempts td {
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    vertical-align: middle;
}
#mod-quiz-report table#attempts .header {
    text-align: left;
}
#mod-quiz-report table#attempts .picture {
    text-align: center !important;
}
#mod-quiz-report .controls {
    text-align: center;
}

#mod-quiz-report table#itemanalysis {
    margin: 20px auto;
}
#mod-quiz-report table#itemanalysis .header,
#mod-quiz-report table#itemanalysis .cell
{
    padding: 4px;
}
#mod-quiz-report table#itemanalysis .header .commands {
    display: inline;
}
#mod-quiz-report table#itemanalysis td {
    border-width: 1px;
    border-style: solid;
}
#mod-quiz-report table#itemanalysis .header {
    text-align: left;
}
#mod-quiz-report table#itemanalysis .numcol {
    text-align: center;
    vertical-align : middle !important;
}

#mod-quiz-report table#itemanalysis .uncorrect {
    color: red;
}

#mod-quiz-report table#itemanalysis .correct {
    color: blue;
    font-weight : bold;
}

#mod-quiz-report table#itemanalysis .partialcorrect {
    color: green !important;
}

#mod-quiz-report table#itemanalysis .qname {
    color: green !important;
}

/* manual grading */
#mod-quiz-grading table#grading
{
    width: 80%;
    margin: auto;
}

#mod-quiz-grading table#grading
{
    margin: 20px auto;
}

#mod-quiz-grading table#grading .header,
#mod-quiz-grading table#grading .cell
{
    padding: 4px;
}

#mod-quiz-grading table#grading .header .commands
{
    display: inline;
}

#mod-quiz-grading table#grading .picture
{
    width: 40px;
}

#mod-quiz-grading table#grading td
{
    border-left-width: 1px;
    border-right-width: 1px;
    border-left-style: solid;
    border-right-style: solid;
    vertical-align: bottom;
}

.mod-quiz .gradingdetails {
    font-size: small;
}
.quizattemptcounts {
    text-align: center;
    clear : left;
    margin: 6px 0;
}
/***
 *** Modules: Resource
 ***/

#mod-resource-view .resourcecontent {
    text-align:center;
    margin:20px;
}

#mod-resource-view .resourcepdf {
    width: 100%;
    padding-top: 15px;
    text-align: center
}

.resourcecontent object {
    height:480px;
    width:600px;
}

.resourcepdf object{
    height: 800px;
    width: 800px;
}

.mod-resource .modified {
    text-align:center;
}

.mod-resource .popupnotice {
    text-align:center;
    margin:40px;
}

.ims-nav-bar {
    margin-top:0.2em;
    position: relative;
}

.ims-nav-button a,
.ims-nav-dimmed {
    padding-left:1em;
    padding-right:1em;
    padding-top:0.2em;
    padding-bottom:0.2em;
}

#ims-containerdiv {
    margin-top:0.2em;
}

#ims-menudiv {
    padding-top:1em;
    padding-right:0.2em;
    position:absolute;
    width:250px;
    overflow:auto;
}

#ims-menudiv ol {
    margin:0em;
    list-style-type:none;
    padding-left:1em;
}

#ims-contentframe {
    position:absolute;
    left:260px;
    border:1px solid;
    width:640px;
    height:480px;
}

#ims-contentframe-no-nav {
    position:absolute;
    border:1px solid;
    width:640px;
    height:480px;
}

#mod-resource-view div#footer {
    margin-top: 5px;
}

/***
 *** Modules: Scorm
 ***/

/***
 *** Modules: Survey
 ***/
.resultgraph {
    text-align:center;
    border:1px solid;
}

.reportsummary,
.studentreport,
.reportbuttons {
    text-align:center;
}

.centerpara {
    text-align:center;
}

.fullnamecell {
    width:10%;
    vertical-align:top;
    white-space: nowrap;
}

.questiontext {
    font-size:1em;
}

.smalltext {
    font-size: 0.75em;
}

#surveyform th {
    font-weight: normal;
    text-align: left;
}
#surveyform th.hresponse {
    text-align: center;
    width: 9%;
}

.rblock label {
    display: block;
    text-align: center;
}

.foundthat,
.preferthat {
    white-space: nowrap;
}

.qnummiddlecell {
    vertical-align:middle;
}

.optioncell {
    width: 50%;
    vertical-align: top;
}

.buttoncell {
    width:5%;
}

.questioncell {
    width:50%;
    vertical-align:top;
}

.whitecell {
    background-color:white;
}
/***
 *** Modules: Wiki
 ***/
.sideblockheading,
.howtowiki {
    text-align:right;
}

.wikisearchform,
.wikilinksblock,
wikiadminactions {
    text-align:center;
}

.wikilinkright{
    text-align:right;
    padding-bottom: 0.5em;
}

.wikiexportbox{
    margin-left:auto;
    margin-right:auto;
}
/***
 *** Modules: Workshop
 ***/
.redfont {
    color: red;
}

.workshopuploadform,
.workshopkey {
    text-align:center;
}


/***
 *** Help files (/lang/-/help)
 ***/
#help hr {
    border: none;
    height: 1px;
    background: #ccc;
}
#help .example1 {
    color: #a00;
}
#help .success {
    color: #080;
}
#help .center {
    text-align: center;
}
#help .moreinfo {
    text-align: right;
}
/* Equivalent to 1 and 5 nested blockquotes respectively. */
#help .indent {
    margin-left: 40px;
}
#help .indent-big {
    margin-left: 160px;
    margin-right:160px;
}
#help pre, #help code {
    background: #eee;
    border: 1px dashed #ddd;
    padding: 3px;
}
p#socialicons img{ /* 1st set of icons. Rotate them 360deg onmouseover and out */
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

p#socialicons img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
#socialmedia{
    clear: both;
    float: right;
    position: absolute;
    right: 13px;
    top:60px;
}
#socialmedia p{
    margin: 0px;
}
.sitewidenotification{
    text-align:center;
    border:1px solid;
    color:#f2bc00;
    width:95%;
    margin:0 auto;
}
.htmlarea .toolbar td{
    padding: 0;
}
#left-column .sideblock::before,#right-column .sideblock::before {
    background: rgba(204, 204, 204, 0.66) none repeat scroll 0 0;
    border-radius: 0 0 10px;
    bottom: 0px;
    content: "";
    height: 10px;
    position: absolute;
    right: 8px;
    transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
    width: 50%;
    z-index: -1;
}
#left-column .sideblock::after,#right-column .sideblock::after {
    background: rgba(204, 204, 204, 0.66) none repeat scroll 0 0;
    border-radius: 0 0 0 10px;
    bottom: 0px;
    content: "";
    height: 10px;
    left: 8px;
    position: absolute;
    transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
    width: 50%;
    z-index: -1;
}
#left-column .sideblock, #right-column .sideblock {
    position: relative;
    background-color: white;
}
#left-column #linst0::after,#left-column #linst0::before,#right-column #rinst0::after,#right-column #rinst0::before{
    background:none !important
}
#inner-left3 #middle-column .sitetopic::before,#inner-left3 #middle-column .categorybox::before {
    background: rgba(204, 204, 204, 0.66) none repeat scroll 0 0;
    border-radius: 0 0 10px;
    bottom: 12px;
    content: "";
    height: 20px;
    position: absolute;
    right: 7px;
    transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
    width: 50%;
    z-index: -1;
}
#inner-left3 #middle-column .sitetopic::after,#inner-left3 #middle-column .categorybox::after {
    background: rgba(204, 204, 204, 0.66) none repeat scroll 0 0;
    border-radius: 0 0 0 10px;
    bottom: 12px;
    content: "";
    height: 20px;
    left: 8px;
    position: absolute;
    transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
    width: 50%;
    z-index: -1;
}

#inner-leftl2 #middle-column .sitetopic::before,#inner-leftl2 #middle-column .categorybox::before,#inner-leftr2 #middle-column .sitetopic::before,#inner-leftr2 #middle-column .categorybox::before {
    background: rgba(204, 204, 204, 0.66) none repeat scroll 0 0;
    border-radius: 0 0 10px;
    bottom: 20px;
    content: "";
    height: 20px;
    position: absolute;
    right: 7px;
    transform: rotate(7deg);
	-ms-transform: rotate(7deg);
	-webkit-transform: rotate(7deg);
	-moz-transform: rotate(7deg);
	-o-transform: rotate(7deg);
    width: 50%;
    z-index: -1;
}
#inner-leftl2 #middle-column .sitetopic::after,#inner-leftl2 #middle-column .categorybox::after,#inner-leftr2 #middle-column .sitetopic::after,#inner-leftr2 #middle-column .categorybox::after {
    background: rgba(204, 204, 204, 0.66) none repeat scroll 0 0;
    border-radius: 0 0 0 10px;
    bottom: 20px;
    content: "";
    height: 20px;
    left: 8px;
    position: absolute;
    transform: rotate(-7deg);
	-ms-transform: rotate(-7deg);
	-webkit-transform: rotate(-7deg);
	-moz-transform: rotate(-7deg);
	-o-transform: rotate(-7deg);
    width: 50%;
    z-index: -1;
}
#middle-column .sitetopic,#middle-column .categorybox , .section .main{
    position: relative;
}
#site-header{
    clear: both;
    float: left;
    margin: 5px;
    width: 100%;
	
}
#cssmenu .iconpanel{
	padding: 6px 10px;
	margin: 5px;
	border-radius: 50%;
	/*background: #adadad;*/
        background: #dadada;
	color:white;
	/*float:left;*/
	font-size:20px;
        cursor: pointer;
        position: relative;
}
#cssmenu .iconpanel:hover{
        background: #869791;
}
.mymessagepanel {
    background: red none repeat scroll 0 0;
    border-radius: 50%;
    color: white;
    font-size: 12px;
    height: 10px;
    padding: 5px;
    position: absolute;
    right: -4px;
    text-align: center;
    top: -5px;
    width: 8px;
}
html{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
p#socialicons #desktop_disable,p#socialicons #desktop{
cursor:pointer;
}

.sideblock .header .commands .fa:hover,.sideblock .header .title .fa:hover{color:#f2bc00 !important;text-decoration:none !important;}
.sideblock .header .commands .fa,.sideblock .header .title .fa{font-size:16px !important;cursor:pointer;}
.sideblock .content .fa , #courselist .fa{color: #9f1111 !important;cursor:default;}
.generalbox.sitetopic.box .fa,.course-content .topics .fa,.mform .fa.fa-lightbulb-o.iconhelp, #mod-facetoface-view .lastcol .fa{color: #9f1111 !important;cursor:pointer;}
.sideblock .content .fa:hover , #courselist .fa:hover, .generalbox.sitetopic.box .fa:hover,.course-content .topics .fa:hover,.mform .fa.fa-lightbulb-o.iconhelp:hover, #mod-facetoface-view .lastcol .fa:hover{color: #D20E32 !important;}
.sideblock .content .fa{margin:0 4px 0 0;}
.turneditingicon{padding-left:5px;font-size:26px;color:white;}
.turneditingicon:hover{color:#f2bc00;}
.turneditingicon .fa.fa-pencil {float: right;padding-top: 5px;}
.sideblock a{line-height:1.6em;}
.topics .commands a .fa{padding-right:2px;color:#004489;}
.topics .commands a .fa:hover{color:#4e8fd0;}
.course-content .topics .helplink > a {text-decoration:none;}.shift_calendarmain .maincalendar .heightcontainer{   background-color: white;}.shift_calendarmain .nottoday, .minicalendar .today{    border: 1px solid #EEE !important;}.shift_calendarmain .maincalendar table.calendarmonth th{    border-bottom: 2px solid #EEE !important;}
.agendalist{
    float:left;
    width:97%;
    
}
.agendalist .frontpageheader{
	margin-bottom:16px;
}
.agendabutton{
    padding-top:7px;
    padding-bottom:7px;
    border-radius:5px;
    float:left;
    margin:5px 0px;
}
.agegreenbg{
    background-color:#a8d08d;
}
.ageredbg{
    background-color:#fd8b7f;
}
.agendacompletion{
    float:left;
    margin:5px 0px;
}
.rightsideagenda{
    width:20%;
    float:left;
    padding-top:5px;
    text-align:center;
    display:grid;
}
.agendatime{
    font-size:14px;
}
.agendacourse{
    font-size:16px;
}
.agendaleft{
    width:80%;
    float:left;
	font-family:Roboto !important;
}
.agendawrappergrey{
    background:#EEE;
    padding:5px;
    margin-bottom:5px;
    width:98%;
    float:left;
}
.agendawrapperwhite{
    background:#FFF;
    padding:5px;
    margin-bottom:5px;
    width:98%;
    float:left;
}
.borderleft{
	border-left: 3px solid black;
}
.training_link{
    cursor: pointer;
}

#compliance-threshold .flexible td{padding:0px;}
#compliance-threshold .flexible td span{padding:0px;}

.instructor_warning{width:70%;padding:5px;text-align:center;margin:0 auto;background:#c00000;color:white;margin-bottom:5px;}
.instructor_inner{padding:5px;border:1px solid white;}/***** fandango/styles_layout.css end *****/