/**************************************
 * THEME NAME: ck_misfits
 *
 * Files included in this sheet:
 *
 *   ck_misfits/styles_color.css
 *   ck_misfits/0/a.css
 **************************************/

/***** ck_misfits/styles_color.css start *****/

/*
Color Changes:
You can do a "find and replace all,"
if you are careful to use "find word only"

========= COLORS EASILY CHANGED:
<h4>Colors Used</h4><ul>
<li>Body: #F3F3F3 <div style="background-color:#F3F3F3">#F3F3F3</div>
<li>Content: #FFFFFF <div style="background-color:#FFFFFF">#FFFFFF</div>

<li>Block Content: MintCream<div style="background-color:MintCream">MintCream</div>
<li>legend & fieldset.clearfix: FloralWhite<div style="background-color:FloralWhite">FloralWhite</div>
<li>BG for block header: LightSlateGray<div style="background-color:LightSlateGray">LightSlateGray</div>
<li>Block font: White<div style="background-color:White">White</div>
<li>Link in block: LightCyan<div style="background-color:LightCyan">LightCyan</div>
<li>Course Sides of Outline - THIS WEEK: LightGrey<div style="background-color:LightGrey">LightGrey</div>
<li>Course Sides of Outline: #DarkGray <div style="background-color:#DarkGray">#DarkGray</div>
<li>Most borders: DarkSlateGray <div style="background-color:DarkSlateGray">DarkSlateGray</div>
<li>Topic Outline font: Black <div style="background-color:Black">Black</div>
<li>Alternating Row Colors .r0: Snow <div style="background-color:Snow">Snow</div>
<li>Alternating Row Colors .r1: GhostWhite <div style="background-color:GhostWhite">GhostWhite</div>

<li>shortname tags: DimGray <div style="background-color:DimGray">DimGray</div>

<li>Calendar<ul>
<li>maincalendar table: #F3F3F3 <div style="background-color:#F3F3F3">Gainsboro  (6)  (calendar .maincalendar table.calendarmonth th) & ** TEXT FOR When Gainsboro is BG Black</div>
<li>#AAFFAA = Calendar > Gobal : <div style="background-color:#AAFFAA">#AAFFAA</div>
<li>#FFCCFF = Calendar > Course : <div style="background-color:#FFCCFF">#FFCCFF</div>
<li>#FFFFCC = Calendar > Group : <div style="background-color:#FFFFCC">#FFFFCC</div>
<li>#CCFFFF = Calendar > User : <div style="background-color:#CCFFFF">#CCFFFF</div>
<li>#CCCCCC = Box in the calendar that shows these colors.: <div style="background-color:#CCCCCC">#CCCCCC</div>
<li>Calendar > Date Number Ivory <div style="background-color:Ivory">Ivory</div>
<li>Calendar > Today GreenYellow <div style="background-color:GreenYellow">GreenYellow</div>
<li>Content > Errorbox LightYellow <div style="background-color:LightYellow">LightYellow</div>
</ul>
<li>Admin<ul>
<li>Highlight current link in site admin block: Yellow <div style="background-color:Yellow">Yellow</div>
<li>#admin-report-simpletest-index span.notice: Teal <div style="background-color:Teal">Teal</div>
<li>#admin-report-simpletest-index b.pass: Green <div style="background-color:Green">Green</div>
<li>#admin-report-simpletest-index b.fail, b.exception: Red <div style="background-color:Red">Red</div>
</ul>
<li>THESE SHOULD NEVER BE CHANGED (in my opinion) These are HEX rather than NAMED<ul>
<li>#000000 = text color for content
<li>#0000ff a:link, a:visited 
<li>#aaaaaa a.dimmed:link, a.dimmed:visited 
<li>#ff0000 a:hover

</ul>
<li>#a00;//CIK dark red  = Warnings font color
<li>#ff6; BG COLOR for FORM OVERRIDDEN (Used Once)
</ul>
/* ALERT GOOD */
color:#000000;
border: 4px outset #008000;
background-color:#FFFF99;

/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;

/* REQUIRED */
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK

========= NO CHANGE USUALLY NEEDED:
========= These are HEX rather than NAMED
#ff4500 = Alerts
#ffffff = Color of Text for Alerts

Pink = Was Light Pink

== ALL ALERTS
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
===END ALERTS

#cccccc = .blogpost.blogdraft .content { background-color:#cccccc;
}
#0000cc = .block_blog_tags .official { color: #0000cc;
}
#666699 = .block_blog_tags .personal { color: #666699;
}

// in Chat
#888888 = #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:#888888}
#888888 = #mod-chat-view #chatcurrentusers .idletime { color: #888888;
}

XXXXX #8B0000 = Alert Text - incompatible blocks & .error

// In various places
#cecece =  border-top: 1px solid #cecece;
#4a4a4a = border-bottom: 2px solid #4a4a4a;
 
#444  = SHADOW FOR MACS - filter: Shadow(Color=#444, Direction=135, Strength=5);
#444444 #calendar .today,.minicalendar .today {  border-color:#444444;  background-color:GreenYellow;}


#afa = .highlight { background-color:#afa;
}

#a00 = .highlight2 { color:#a00; // highlight missing terms in forum search  }


*/

/***
 ***  Things that weren't yet defined, so I added them
 ***/
/*  I moved this to .generalbox
.generalboxcontent {
  border-color:DarkSlateGray;
  background-color:#FFFFFF;
}
*/
/*
label {
padding:3px;
 border-color:DarkSlateGray;
 background-color:White;
};
*/

/***
 *** Main Header
 ***/

//TO CHECK ON OTHER BROWSERS: Looks cool on a Mac using Safari
//.headermain
// Maybe: http://www.workingwith.me.uk/examples/css-drop-shadows.html
// Win/IE only (Mac will not display if this comes after) Maybe messes up Windows (CHECK)
.headermain{
height: 1em;
filter: Shadow(Color=#444, Direction=135, Strength=5);
}

.headermain {
font-weight:bold;
color: DarkSlateGray;
font-family: Copperplate,Helvitica,Arial,Cochin,Papyrus,Baskerville,"Comic Sans MS";
}
// does not seem to work with Firefox on a Mac either.
//http://www.designmeme.com/articles/dropshadows/
.headermain  { position:relative; display:block; color:DarkSlateGray;
}
.headermain span { position:absolute; display:block; top:0px;
}
.headermain:before { display:block; padding:1px; content: attr(title); color:#444;
} 

#header-home .headermain {
font-size: 32px;
text-shadow: #444 3px 3px 2px;
}

#header .headermain {
font-size: 18px;
text-shadow: #444 2px 2px 2px;
}

legend{
border-top:DarkSlateGray;
background-color:FloralWhite;
}

fieldset.clearfix {
 border-color:DarkSlateGray;
 background-color:FloralWhite;
}

/***
 ***  Core
 ***/
 
body {
  background-color:#F3F3F3;
  color:#000000;
}

.header a:link,
.header a:visited {
  color:LightCyan;
}

a:link,
a:visited {
  color:#0000ff;
}

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

a:hover {
  color:#ff0000;
}

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

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

img.userpicture,
img.grouppicture {
  border-color:DarkSlateGray;
}

.block_online_users .listentry img {
  border:DarkSlateGray;
}

th.header,
td.header,
div.header {
  border-color:DarkSlateGray;
  background-color:LightSlateGray;
  color:White;
}

.navbar {
  border-color:DarkSlateGray;
    background-color:Gainsboro;
}

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

.highlight {
  background-color:#afa;
}

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

/* Alternate rows even */
.r0 {
background-color:Snow;
}

/* Alternate rows odd */
.r1 {
background-color:GhostWhite;
}

/* notification messages (can be good or bad) */
.notifyproblem {
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}
.notifysuccess {
  color:#060;
}
.notifytiny {
  color:#004;
}




#admin-auth_config .required {
// WAS background-color:DarkSlateGray;
// REQUIRED
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK
}

.generalbox {
  border-color:DarkSlateGray;
  background-color:#FFFFFF;
}
.informationbox {
  border-color:DarkSlateGray;
}
.feedbackbox {
border-color:DarkSlateGray;
}
.feedbackby {
color:#000000;
border: 4px outset #FF4500;
}

.noticebox {
  border-color:DarkSlateGray;
}

.errorbox {
  border-color:DarkSlateGray;
  background-color:#ff4500;
  color:#ffffff;
}

.errorboxcontent {
  background-color:LightYellow;
}

.tabledivider {
  border-color:DarkSlateGray;
}

.sitetopic {
/* CK This wasn't defined, so I defined it
Top of main page.
	*/
  border-color:DarkSlateGray;
  background-color:#FFFFFF;
}

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

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

.teacheronly {
  color:#900;
}

.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:DarkSlateGray;
}
.generaltabinactive {
  color:Gainsboro;
}

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

.generaltable {
  border-color:DarkSlateGray;
}

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

.breadcrumb .sep, #admin-report-simpletest-index .sep {
  color:#aaa;
}

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

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

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

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

/*Accessibility: .debugwarn */
.debugwarn {
  text-align: center;
  background: #FDD;
}

.homelink a:link,
.homelink a:visited,
.homelink a:hover {
  color: #000000;
  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;
    background-color: MintCream;
  color: #00f;
  text-decoration: none;
}
.homelink a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
    background-color: Gainsboro;
  color: #000000;
  text-decoration: none;
}

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

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

.admin .generalbox {
  border-color:DarkSlateGray;
  background-color:#FFFFFF;
}

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

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

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

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

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

table.flexible  .r0 {
  background-color: Snow;
}

table.flexible .r1 {
  background-color: GhostWhite;
}

#admin-report-simpletest-index span.notice {
  color: Teal;
}

#admin-report-simpletest-index b.pass {
  color: Green;
}

#admin-report-simpletest-index b.fail, b.exception {
  color: Red;
}

#admin-report-simpletest-index .exception, .exception pre {
  background-color: Pink;//CIK light pink
}

#admin-report-simpletest-index .unittestsummary {
  color: #FFFFFF;
}

#admin-report-simpletest-index .unittestsummary.failed {
  background-color: Red;
}

#admin-report-simpletest-index .unittestsummary.passed {
  background-color: Green;
}

.plugincompattable td.ok {
/* WAS color: #008000;//CIK GREEN */
/* ALERT GOOD */
color:#000000;
border: 4px outset #008000;
background-color:#FFFF99;
}

.plugincompattable td.warning {
/* WAS    color: #DF7800;//CIK ORANGE */
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

.plugincompattable td.error {
/* WAS    color: #DF0000;//CIK RED */
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

/* Admin settings */

#adminsettings fieldset {
    background-color: MintCream;
    border-color: DarkSlateGray;
    color: #000000;
}

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

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

#adminsettings .form-shortname {
    color: DimGray}

#adminsettings .form-overridden {
    background-color: #ff6;//CIK lighter yellow
}

#adminsettings .form-warning {
/* WAS background-color: #f88;//CIK Pink */
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

#adminsettings .form-defaultinfo {
    color: DimGray}

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

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

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

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

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

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

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

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

#admin-lang .translator .bothmissing {
  background-color: #ef6868;//CIK DARK PINK
}

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

#admin-lang .translator .localdifferent {
  background-color: #aaffaa;//CIK LIGHT GREENISH
}

.environmenttable .error {
/* WAS ackground-color : Red;
color : inherit;*/
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

.environmenttable .warn {
/* WAS background-color : LightYellow; */
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

.environmenttable .ok {
/* ALERT GOOD */
color:#000000;
border: 4px outset #008000;
background-color:#FFFF99;
/* WAS background-color : lime; */
}

#admin-uploaduser .uuinfo {
    background-color: #8e8; //CIK light green
}

#admin-uploaduser .uuwarning {
    background-color: #ee8; //CIK pale yellow
}

#admin-uploaduser .uuerror {
    background-color: #e99; //CIK brownish yellow
}

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

.sideblock .header {
  border-color: DarkSlateGray;
  background-color:LightSlateGray;
  color:White;
}

.sideblock .content {
  border-color: DarkSlateGray;
  background-color:MintCream;
}

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

#left-column .hidden .header,
#right-column .hidden .header
{
  border-bottom-color: DarkSlateGray;
    background-color:LightSlateGray;
  color:White;
}

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

.blogpost.blogdraft .content {
  background-color:#cccccc; //CIK gray
}

.block_blog_tags .official {
  color: #0000cc; //CIK blue
}

.block_blog_tags .personal {
  color: #666699; //CIK purplish blue
}

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

#calendar .maincalendar {
  border-color: DarkSlateGray;
  background-color: MintCream; // CK same as block content}

#calendar .sidecalendar {
/* CK similar to .spacer in course */
  border-color: DarkSlateGray;
  background-color: #F3F3F3;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: DarkSlateGray;
  background-color: Gainsboro;
}

table.minicalendar {
  border-color: DarkSlateGray;
  background-color: MintCream;
}

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

#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
  background-color:#eee; //CIK grey
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#calendar .weekend,
.minicalendar .weekend {
  color:#900;//CIK dark red
}

#calendar .today,
.minicalendar .today {
  border-color:#444444;//CIK dark grey
  background-color:GreenYellow;
}

#calendar .nottoday,
.minicalendar .nottoday {
  border-color:#eee;//CIK light grey
  background-color:#FFFFFF;
}

#calendar .day {
/* CK addition */
background-color:Ivory;
}

.cal_popup_fg {
  background-color:#FFFFFF;
}

.cal_popup_bg {
  border-color:#333;//CIK dark grey
  background-color:#FFFFFF;
}

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

#calendar td.sidecalendar .sideblock {
  border-color: DarkSlateGray;
  background-color: MintCream;
}

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

/* course, entry-page, login */
.headingblock {
  border-color:DarkSlateGray;
  /* CK added */
  background-color: Gainsboro;
  color: Black;
}

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

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

/* .content should match the body background, sides are white. */
/* CIK - maybe this isn't true. WHITE OR VERY LIGHT COLOR IS BEST*/
#course-view .weekscss .content {
  background-color: #FAFAFA;//CIK very light gray
  color:DarkGreen;//CIK probably should be black
}

#course-view .weekscss .section,
#course-view .section td.side {
  background-color: DarkGray;
  color:DarkGreen;//CIK probably should be black
}

#course-view .section .side {}

#course-view .section .left {}

#course-view .section .right {}

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

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

#course-view .topics {
 border-color:DarkSlateGray;
 background-color: #FFFFFF;
  color:#000000;
}

#course-view .weeks {
border-color:DarkSlateGray;
 background-color: #FFFFFF;
  color:#000000;
}

#course-view .section .spacer {
background-color: #F3F3F3;
}

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

#course-view .weekscss .weekdates {
  color: #333333;//CIK dark grey
}



.categoryboxcontent,
.coursebox {
  border-color:DarkSlateGray;
  background-color: #FFFFFF;
  color:#000000;
}

body#course-user .section {
  border-color:DarkSlateGray;
}

#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;
}

/* CK Fix summary and headings within topics and weeks */
.summary{
font-size: 1.2em;
color:#333333;
font-weight: bold;
border-bottom: 1px dotted #000000;
}


.summary h2 {
font-family: Helvetica,Ariel;
color:#000000;
padding: 1px;
margin: 6px 30px;
font-size:1em;
padding-left: 6px;
}

.section h1 {
font-family: Helvetica,Ariel;
background-color: #eeeeee;
text-align: left;
border-left: 12px solid #222222;
border-bottom: 2px solid #222222;
padding: 8px;
padding-left: 6px;
}

.section h2 {
font-family: Helvetica,Ariel;
background-color: #eeeeee;
text-align: left;
border-left: 10px solid #444444;
border-bottom: 2px solid #444444;
padding: 5px;
padding-left: 6px;
}

.section h3 {
font-family: Helvetica,Ariel;
background-color: #eeeeee;
text-align: left;
border-left: 8px solid #666666;
border-bottom: 1px solid #666666;
padding: 2px;
padding-left: 6px;
font-size:1em;
}

.content .weekdates{
font-family: Helvetica,Ariel;
background-color:transparent;
text-align: left;
border: none;
}

.section h4 {
font-family: Helvetica,Ariel;
text-align: left;
margin: 1px;
font-size:1em;
padding-left: 6px;
}


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

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

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

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


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

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

/* grade edit */

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

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

.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:DarkSlateGray;
  background-color: #FFFFFF;
}

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

table.message_search_results td {
  border-color:DarkSlateGray;
}

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

.message.me .author {
  color: #999999;//CIK GRAY
}

.message .time {
  color: #999999;//CIK GRAY
}

.message .content {}

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

.que {
    border-color: DarkSlateGray;
}
.que .r0 {
    background-color: Snow;
}
.que .r1 {
    background-color: GhostWhite;
}
.calculated .answer,
.numerical .answer,
.shortanswer .answer {
    background-color: #EEE;//CIK LIGHT GRAY
}
.essay .answerreview {
    background-color: #EEE;//CIK LIGHT GRAY
}
.que .feedback {
  border-color: DarkSlateGray;
}
.que .incorrect {}

.que.multianswer .incorrect {
    background-color: #faa;//CIK PINK
}
.que .partiallycorrect {
    background-color: #ff9;//CIK BRIGHT YELLOW
}
.que .correct {
    background-color: #afa;//CIK LIGHT GREEN
}

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

.logtable .r1 {
  background-color:#eee;//CIK LIGHT GRAY
}

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

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

.userpicture {

}

.userinfobox {
  border-color: DarkSlateGray;
  background-color:CornSilk;
}
.groupinfobox {
  border-color: DarkSlateGray;
}

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

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

#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:#888888;//CIK GRAY
}

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

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

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

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

.forumheaderlist .discussion .starter,
.forumheaderlist .discussion .replies
{
  background:#ffd; //CIK LIGHT YELLOW
}

.forumheaderlist .discussion .author,
.forumheaderlist .discussion .lastpost
{
  background:#dff;//CIK light blue
}

.forumheaderlist,
.forumpost {
  border-color:DarkSlateGray;
}

.forumpost .content {
  background: #FFFFFF;
}

.forumpost .left {
  background:#eee;//CIK light grey
}

.forumpost .topic {
  border-bottom-color: DarkSlateGray;

/* Heading for reply if .starter is defined */
background:#dff;//CIK light blue
}

.forumpost .starter {
/* Heading for Start of Discussion */
  background:#ffd;//CIK light yellow
}

.forumpost .author a{
/* CK Make sure this shows */
  color:#0000ff;//CIK LINK COLOR
}

tr.discussion r0 {
background:Snow;
}

tr.discussion r1 {
background:GhostWhite;
}

.forumheaderlist td {
  border-color: DarkSlateGray;
}

.sideblock .post .head {
  color:#555555;//CIK gray
}

.forumthread .unread {
  background: #FFD991;//CIK light orange
}
#mod-forum-discuss .forumpost {
/* Heading for Replies */
  background:#dff;//CIK LIGHT BLUE
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: DarkSlateGray;
}

#mod-forum-discuss .forumthread .unread {}

#mod-forum-index .unread {}

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

.entryboxheader {
  border-color: DarkSlateGray;
}

.entrybox {
  border-color: DarkSlateGray;
}

.entry {}

.glossarypost {
  border-color: DarkSlateGray;
}

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

.glossarycomment {
  border-color: DarkSlateGray;
}

.glossarycomment .entryheader,
.glossarycomment .picture,
.glossarycomment .left {
  background-color: #F0F0F0;//CIK light gray
}

#mod-glossary-report .generalbox .teacher {
  background: #F0F0F0;//CIK light gray
}

.glossarycategoryheader {
  background-color: DarkSlateGray;
}

.glossaryformatheader {
  background-color: DarkSlateGray;
}

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

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

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

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

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

table.quizattemptsummary .bestrow td {
  background-color: #e8e8e8;//CIK light gray
}

table.quizreviewsummary th.cell {
  background: #f0f0f0;//CIK light gray1
}
table.quizreviewsummary td.cell {
  background: #fafafa;//CIK light gray2
}

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

.ims-nav-dimmed {
  color: #aaa;//CIK gray
  text-decoration: none;
}

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

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

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

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

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

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

//Maybe should be Snow
#mod-survey-view .r0 {
  background-color: #eee;//CIK gray
}
//Maybe should be GhostWhite
#mod-survey-view .r1 {
  background-color: DarkSlateGray;
}

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

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

.workshoppostpicture {
  background-color:#FEE6B9;//CIK light orange
}

.workshopassessmentheading {
  background-color:DarkSlateGray;
}


//WAS  color:#8B0000;//CIK dark red
.error {
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}



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

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

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

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

form.mform .required label {
/* REQUIRED */
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK
}
form.mform .fdescription.required {
/* REQUIRED */
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK
}
form.mform .required .fgroup span label {
/* REQUIRED */
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK
}


.errorboxcontent {
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:Pink;
}

/***** ck_misfits/styles_color.css end *****/

/***** ck_misfits/0/a.css start *****/

/***  Based on ck_standard, see end for fine-tuning of this website.
 *** Main Header
 ***/

//TO CHECK ON OTHER BROWSERS: Looks cool on a Mac using Safari
//.headermain
// Maybe: http://www.workingwith.me.uk/examples/css-drop-shadows.html
// Win/IE only (Mac will not display if this comes after) Maybe messes up Windows (CHECK)
.headermain{
height: 1em;
filter: Shadow(Color=#444, Direction=135, Strength=5);
}

.headermain {
font-weight:bold;
color: DarkSlateGray;
font-family: Copperplate,Helvitica,Arial,Cochin,Papyrus,Baskerville,"Comic Sans MS";
}
// does not seem to work with Firefox on a Mac either.
//http://www.designmeme.com/articles/dropshadows/
.headermain  { position:relative; display:block; color:DarkSlateGray;
}
.headermain span { position:absolute; display:block; top:0px;
}
.headermain:before { display:block; padding:1px; content: attr(title); color:#444;
} 

#header-home .headermain {
font-size: 32px;
text-shadow: #444 3px 3px 2px;
}

#header .headermain {
font-size: 18px;
text-shadow: #444 2px 2px 2px;
}

legend{
border-top:DarkSlateGray;
background-color:FloralWhite;
}

fieldset.clearfix {
 border-color:DarkSlateGray;
 background-color:FloralWhite;
}

/***
 ***  Core
 ***/
 
body {
  background-color:#F3F3F3;
  color:#000000;
}

.header a:link,
.header a:visited {
  color:LightCyan;
}

a:link,
a:visited {
  color:#0000ff;
}

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

a:hover {
  color:#ff0000;
}

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

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

img.userpicture,
img.grouppicture {
  border-color:DarkSlateGray;
}

.block_online_users .listentry img {
  border:DarkSlateGray;
}

th.header,
td.header,
div.header {
  border-color:DarkSlateGray;
  background-color:LightSlateGray;
  color:White;
}

.navbar {
  border-color:DarkSlateGray;
    background-color:Gainsboro;
}

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

.highlight {
  background-color:#afa;
}

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

/* Alternate rows even */
.r0 {
background-color:Snow;
}

/* Alternate rows odd */
.r1 {
background-color:GhostWhite;
}

/* notification messages (can be good or bad) */
.notifyproblem {
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}
.notifysuccess {
  color:#060;
}
.notifytiny {
  color:#004;
}

#admin-auth_config .required {
// WAS background-color:DarkSlateGray;
// REQUIRED
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK
}

.generalbox {
  border-color:DarkSlateGray;
  background-color:#FFFFFF;
}
.informationbox {
  border-color:DarkSlateGray;
}
.feedbackbox {
border-color:DarkSlateGray;
}
.feedbackby {
color:#000000;
border: 4px outset #FF4500;
}

.noticebox {
  border-color:DarkSlateGray;
}

.errorbox {
  border-color:DarkSlateGray;
  background-color:#ff4500;
  color:#ffffff;
}

.errorboxcontent {
  background-color:LightYellow;
}

.tabledivider {
  border-color:DarkSlateGray;
}

.sitetopic {
/* CK This wasn't defined, so I defined it
Top of main page.
	*/
  border-color:DarkSlateGray;
  background-color:#FFFFFF;
}

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

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

.teacheronly {
  color:#900;
}

.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:DarkSlateGray;
}
.generaltabinactive {
  color:Gainsboro;
}

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

.generaltable {
  border-color:DarkSlateGray;
}

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

.breadcrumb .sep, #admin-report-simpletest-index .sep {
  color:#aaa;
}

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

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

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

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

/*Accessibility: .debugwarn */
.debugwarn {
  text-align: center;
  background: #FDD;
}

.homelink a:link,
.homelink a:visited,
.homelink a:hover {
  color: #000000;
  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;
    background-color: MintCream;
  color: #00f;
  text-decoration: none;
}
.homelink a:hover {
  border-bottom: 1px solid #cecece;
  border-top: 2px solid #4a4a4a;
  border-right: 1px solid #cecece;
  border-left: 2px solid #4a4a4a;
    background-color: Gainsboro;
  color: #000000;
  text-decoration: none;
}

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

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

.admin .generalbox {
  border-color:DarkSlateGray;
  background-color:#FFFFFF;
}

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

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

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

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

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

table.flexible  .r0 {
  background-color: Snow;
}

table.flexible .r1 {
  background-color: GhostWhite;
}

#admin-report-simpletest-index span.notice {
  color: Teal;
}

#admin-report-simpletest-index b.pass {
  color: Green;
}

#admin-report-simpletest-index b.fail, b.exception {
  color: Red;
}

#admin-report-simpletest-index .exception, .exception pre {
  background-color: Pink;//CIK light pink
}

#admin-report-simpletest-index .unittestsummary {
  color: #FFFFFF;
}

#admin-report-simpletest-index .unittestsummary.failed {
  background-color: Red;
}

#admin-report-simpletest-index .unittestsummary.passed {
  background-color: Green;
}

.plugincompattable td.ok {
/* WAS color: #008000;//CIK GREEN */
/* ALERT GOOD */
color:#000000;
border: 4px outset #008000;
background-color:#FFFF99;
}

.plugincompattable td.warning {
/* WAS    color: #DF7800;//CIK ORANGE */
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

.plugincompattable td.error {
/* WAS    color: #DF0000;//CIK RED */
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

/* Admin settings */

#adminsettings fieldset {
    background-color: MintCream;
    border-color: DarkSlateGray;
    color: #000000;
}

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

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

#adminsettings .form-shortname {
    color: DimGray}

#adminsettings .form-overridden {
    background-color: #ff6;//CIK lighter yellow
}

#adminsettings .form-warning {
/* WAS background-color: #f88;//CIK Pink */
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

#adminsettings .form-defaultinfo {
    color: DimGray}

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

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

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

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

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

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

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

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

#admin-lang .translator .bothmissing {
  background-color: #ef6868;//CIK DARK PINK
}

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

#admin-lang .translator .localdifferent {
  background-color: #aaffaa;//CIK LIGHT GREENISH
}

.environmenttable .error {
/* WAS ackground-color : Red;
color : inherit;*/
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

.environmenttable .warn {
/* WAS background-color : LightYellow; */
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

.environmenttable .ok {
/* ALERT GOOD */
color:#000000;
border: 4px outset #008000;
background-color:#FFFF99;
/* WAS background-color : lime; */
}

#admin-uploaduser .uuinfo {
    background-color: #8e8; //CIK light green
}

#admin-uploaduser .uuwarning {
    background-color: #ee8; //CIK pale yellow
}

#admin-uploaduser .uuerror {
    background-color: #e99; //CIK brownish yellow
}

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

.sideblock .header {
  border-color: DarkSlateGray;
  background-color:LightSlateGray;
  color:White;
}

.sideblock .content {
  border-color: DarkSlateGray;
  background-color:MintCream;
}

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

#left-column .hidden .header,
#right-column .hidden .header
{
  border-bottom-color: DarkSlateGray;
    background-color:LightSlateGray;
  color:White;
}

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

.blogpost.blogdraft .content {
  background-color:#cccccc; //CIK gray
}

.block_blog_tags .official {
  color: #0000cc; //CIK blue
}

.block_blog_tags .personal {
  color: #666699; //CIK purplish blue
}

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

#calendar .maincalendar {
  border-color: DarkSlateGray;
  background-color: MintCream; // CK same as block content}

#calendar .sidecalendar {
/* CK similar to .spacer in course */
  border-color: DarkSlateGray;
  background-color: #F3F3F3;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: DarkSlateGray;
  background-color: Gainsboro;
}

table.minicalendar {
  border-color: DarkSlateGray;
  background-color: MintCream;
}

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

#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side {
  background-color:#eee; //CIK grey
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#calendar .weekend,
.minicalendar .weekend {
  color:#900;//CIK dark red
}

#calendar .today,
.minicalendar .today {
  border-color:#444444;//CIK dark grey
  background-color:GreenYellow;
}

#calendar .nottoday,
.minicalendar .nottoday {
  border-color:#eee;//CIK light grey
  background-color:#FFFFFF;
}

#calendar .day {
/* CK addition */
background-color:Ivory;
}

.cal_popup_fg {
  background-color:#FFFFFF;
}

.cal_popup_bg {
  border-color:#333;//CIK dark grey
  background-color:#FFFFFF;
}

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

#calendar td.sidecalendar .sideblock {
  border-color: DarkSlateGray;
  background-color: MintCream;
}

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

/* course, entry-page, login */
.headingblock {
  border-color:DarkSlateGray;
  /* CK added */
  background-color: Gainsboro;
  color: Black;
}

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

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

/* .content should match the body background, sides are white. */
/* CIK - maybe this isn't true. WHITE OR VERY LIGHT COLOR IS BEST*/
#course-view .weekscss .content {
  background-color: #FAFAFA;//CIK very light gray
  color:DarkGreen;//CIK probably should be black
}

#course-view .weekscss .section,
#course-view .section td.side {
  background-color: DarkGray;
  color:DarkGreen;//CIK probably should be black
}

#course-view .section .side {}

#course-view .section .left {}

#course-view .section .right {}

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

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

#course-view .topics {
 border-color:DarkSlateGray;
 background-color: #FFFFFF;
  color:#000000;
}

#course-view .weeks {
border-color:DarkSlateGray;
 background-color: #FFFFFF;
  color:#000000;
}

#course-view .section .spacer {
background-color: #F3F3F3;
}

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

#course-view .weekscss .weekdates {
  color: #333333;//CIK dark grey
}

.categoryboxcontent,
.coursebox {
  border-color:DarkSlateGray;
  background-color: #FFFFFF;
  color:#000000;
}

body#course-user .section {
  border-color:DarkSlateGray;
}

#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;
}

/* CK Fix summary and headings within topics and weeks */
.summary{
font-size: 1.2em;
color:#333333;
font-weight: bold;
border-bottom: 1px dotted #000000;
}

.summary h2 {
font-family: Helvetica,Ariel;
color:#000000;
padding: 1px;
margin: 6px 30px;
font-size:1em;
padding-left: 6px;
}

.section h1 {
font-family: Helvetica,Ariel;
background-color: #eeeeee;
text-align: left;
border-left: 12px solid #222222;
border-bottom: 2px solid #222222;
padding: 8px;
padding-left: 6px;
}

.section h2 {
font-family: Helvetica,Ariel;
background-color: #eeeeee;
text-align: left;
border-left: 10px solid #444444;
border-bottom: 2px solid #444444;
padding: 5px;
padding-left: 6px;
}

.section h3 {
font-family: Helvetica,Ariel;
background-color: #eeeeee;
text-align: left;
border-left: 8px solid #666666;
border-bottom: 1px solid #666666;
padding: 2px;
padding-left: 6px;
font-size:1em;
}

.content .weekdates{
font-family: Helvetica,Ariel;
background-color:transparent;
text-align: left;
border: none;
}

.section h4 {
font-family: Helvetica,Ariel;
text-align: left;
margin: 1px;
font-size:1em;
padding-left: 6px;
}

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

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

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

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

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

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

/* grade edit */

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

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

.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:DarkSlateGray;
  background-color: #FFFFFF;
}

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

table.message_search_results td {
  border-color:DarkSlateGray;
}

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

.message.me .author {
  color: #999999;//CIK GRAY
}

.message .time {
  color: #999999;//CIK GRAY
}

.message .content {}

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

.que {
    border-color: DarkSlateGray;
}
.que .r0 {
    background-color: Snow;
}
.que .r1 {
    background-color: GhostWhite;
}
.calculated .answer,
.numerical .answer,
.shortanswer .answer {
    background-color: #EEE;//CIK LIGHT GRAY
}
.essay .answerreview {
    background-color: #EEE;//CIK LIGHT GRAY
}
.que .feedback {
  border-color: DarkSlateGray;
}
.que .incorrect {}

.que.multianswer .incorrect {
    background-color: #faa;//CIK PINK
}
.que .partiallycorrect {
    background-color: #ff9;//CIK BRIGHT YELLOW
}
.que .correct {
    background-color: #afa;//CIK LIGHT GREEN
}

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

.logtable .r1 {
  background-color:#eee;//CIK LIGHT GRAY
}

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

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

.userpicture {

}

.userinfobox {
  border-color: DarkSlateGray;
  background-color:CornSilk;
}
.groupinfobox {
  border-color: DarkSlateGray;
}

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

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

#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:#888888;//CIK GRAY
}

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

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

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

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

.forumheaderlist .discussion .starter,
.forumheaderlist .discussion .replies
{
  background:#ffd; //CIK LIGHT YELLOW
}

.forumheaderlist .discussion .author,
.forumheaderlist .discussion .lastpost
{
  background:#dff;//CIK light blue
}

.forumheaderlist,
.forumpost {
  border-color:DarkSlateGray;
}

.forumpost .content {
  background: #FFFFFF;
}

.forumpost .left {
  background:#eee;//CIK light grey
}

.forumpost .topic {
  border-bottom-color: DarkSlateGray;

/* Heading for reply if .starter is defined */
background:#dff;//CIK light blue
}

.forumpost .starter {
/* Heading for Start of Discussion */
  background:#ffd;//CIK light yellow
}

.forumpost .author a{
/* CK Make sure this shows */
  color:#0000ff;//CIK LINK COLOR
}

tr.discussion r0 {
background:Snow;
}

tr.discussion r1 {
background:GhostWhite;
}

.forumheaderlist td {
  border-color: DarkSlateGray;
}

.sideblock .post .head {
  color:#555555;//CIK gray
}

.forumthread .unread {
  background: #FFD991;//CIK light orange
}
#mod-forum-discuss .forumpost {
/* Heading for Replies */
  background:#dff;//CIK LIGHT BLUE
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: DarkSlateGray;
}

#mod-forum-discuss .forumthread .unread {}

#mod-forum-index .unread {}

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

.entryboxheader {
  border-color: DarkSlateGray;
}

.entrybox {
  border-color: DarkSlateGray;
}

.entry {}

.glossarypost {
  border-color: DarkSlateGray;
}

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

.glossarycomment {
  border-color: DarkSlateGray;
}

.glossarycomment .entryheader,
.glossarycomment .picture,
.glossarycomment .left {
  background-color: #F0F0F0;//CIK light gray
}

#mod-glossary-report .generalbox .teacher {
  background: #F0F0F0;//CIK light gray
}

.glossarycategoryheader {
  background-color: DarkSlateGray;
}

.glossaryformatheader {
  background-color: DarkSlateGray;
}

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

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

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

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

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

table.quizattemptsummary .bestrow td {
  background-color: #e8e8e8;//CIK light gray
}

table.quizreviewsummary th.cell {
  background: #f0f0f0;//CIK light gray1
}
table.quizreviewsummary td.cell {
  background: #fafafa;//CIK light gray2
}

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

.ims-nav-dimmed {
  color: #aaa;//CIK gray
  text-decoration: none;
}

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

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

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

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

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

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

//Maybe should be Snow
#mod-survey-view .r0 {
  background-color: #eee;//CIK gray
}
//Maybe should be GhostWhite
#mod-survey-view .r1 {
  background-color: DarkSlateGray;
}

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

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

.workshoppostpicture {
  background-color:#FEE6B9;//CIK light orange
}

.workshopassessmentheading {
  background-color:DarkSlateGray;
}

//WAS  color:#8B0000;//CIK dark red
.error {
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:#FFFF99;
}

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

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

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

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

form.mform .required label {
/* REQUIRED */
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK
}
form.mform .fdescription.required {
/* REQUIRED */
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK
}
form.mform .required .fgroup span label {
/* REQUIRED */
color:#a00;//CIK dark red
background-color:Pink;//CIK LIGHT PINK
}

.errorboxcontent {
/* WARNING ALERT BAD */
color:#000000;
border: 4px outset #FF4500;
background-color:Pink;
}

/* 
 * Easy-to-Change Colors Theme Template by Charles Kelly
 * http://www.manythings.org/tesl/moodle
 * March 19, 2008
Misfits' Colors
#37cc85 = Green
#fe0034 = Red
#accef0 = Pale Blue
 */

/* Nav Bar */
th.header,td.header,.navbar{
background-color:#accef0;
color:Black;
}
/* Sides of the lessons */
#course-view .section td.side{
background-color:#fe0034;
color:White;
}

/* Block Headers, Headings in Lessons, This week highlight color */
#course-view .weekscss .current,#course-view .current td.side,
.generaltable th.c0,.generaltable th.c1,.generaltable th.c2,.generaltable th.c3,.generaltable th.c4,th.header,td.header .left,.headingblock,.sideblock .header{
background-color:#37cc85;
color:Black;
}

.section h1,.section h2,.section h3{
background-color:#accef0;
color:Black;
font-size:1em;
border-color:#000;
}/***** ck_misfits/0/a.css end *****/