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

/***** ck_2/styles_color.css start *****/

/* Minimal Default Theme by Charles Kelly (http://www.manythings.org/tesl/moodle/)
 * Last update: March 21, 2008
 * Cleans up "standard" so that
 * most other themes will look good.
 */
 
/* Background */
body{
background-color:White;
color:Black;
}

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

/* Dates in Weekly Format */
#course-view .section .weekdates,
#course-view .weekscss .weekdates{
color:#888;
background-color:White;
}

/* Block Headers, Headings in Lessons, This week highlight color */
#course-view .weekscss .current,#course-view .current td.side,
.section h1,.section h2,.section h3,
.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:#888;
color:White;
}

/* Content should have white bg and black text for high contrast */
#course-view .section .content, .sideblock .content, .categoryboxcontent, .courseboxcontent, .info, .loginbox, .generalbox, .userinfobox, .content{
background-color:#fff;
color:#000000;
}

/* For Topic and Lesson Titles */
.summary{
font-size: 1.2em;
color:#444444;
font-weight: bold;
border-bottom: 1px dotted #000000;
}


/* 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;
}





/* Clean up Forums */

.forumheaderlist,
.forumpost {
border-color:#777;
}

.forumpost .content {
background: #fff;
}

.forumpost .left {
background:#eee; 
}

.forumpost .topic  {
background:#bff; 
}

.forumpost .starter { 
background:#ffb; 
}

.forumheaderlist .discussion .starter,
.forumheaderlist .discussion .replies
{
background:#ffd; 
border-color:#777;
}

.forumheaderlist .discussion .author,
.forumheaderlist .discussion .lastpost
{
background:#dff; 
border-color:#777;
}

.forumheaderlist td {
border-color: #ffe;
}

.forumheader .author {
border-color: #ffe;
}


fieldset.clearfix {
  background-color: #fcfcfc;
}
legend.ftoggler{
  background-color: #fcfcfc;
  padding:3px;

}

/* fix up SCORM display */
#mod-scorm-player #scormmode {
  float: right;
  width: 100%;
  left: 5px;
  right: 5px;
  top: 0px;
}

/***** ck_2/styles_color.css end *****/

/***** ck_2/a.css start *****/

/*
 * Easy-to-Change Colors Template by Charles Kelly
 * http://www.manythings.org/tesl/moodle
 * March 22, 2008
 *
 ***** Instructions
 *
 * You can easily change places that say "background-color" or "color."
 * The word "color" refers to the color of the text font.
 * The word "background-color" refers to what's behind the text.
 *
 * For colors, you can use the X11 color names or HEX.
 * Reference = http://en.wikipedia.org/wiki/Web_colors#X11_color_names
 * If you use HEX, don't forget the #.
 * If you use words, of course there is no #.
 *
 * Colons (:) and semi-colons (;) are important. Don't delete them.
 *
 ****/


/****** Background
 *
 * It's best to only use a (not-so-dark) background-color that
 * allows blue links to be visible.
 */

/* body {
    background-color: lightgrey;
    color: Black;
 }*/

.scoframe {
width:100%;
/*height:630px;*/
}

 
p.enrolmentExpiryText{ text-align: center; }
p.enrolmentExpiryDate {  text-align:center; font-weight: bold;}

 
body {

    background-color:#000033;
    color: Black;
    width: 970px;
    margin-left: auto;
    margin-right: auto;

}

iframe {
    border:0;	
}

/*#content {
    border-left: 1px;
    border-right: 1px;
}*/

.logininfo,
.logininfo a {
  color:#FFFFFF;
}


#page {
  background-color:white;
} 


/****** Nav Bar, Sides of the lessons
 *
 * It's best to only use a (not-so-dark) background-color that
 * allows blue links to be visible.
 *
*/
/* need to change breadcrumbs' coloring, as well as "you are logged in as:" - change hyperlinks for that area.  (change hy perlinks in general) */

#header,#header-home {
    background-color: #3256A2; /* blue */
    color: Black;
}

#course-view .section td.side,th.header,td.header{

    background-color: #FFFFCC;  /* yellow */
    color: Black;

}

/* can change the nav bar to whatever color we like. */
/*#course-view .navbar{

    background-color: #336699;
    color: Black;
	border: 0px;

} */

/****** Block Headers, Headings in Lessons, This week highlight color
 *
 * If you use a dark "background-color,"
 * then the text "color" should be White.
 *
 * If you use a light "background-color,"
 * then the text "color" should be Black.
 *
 * If you make the "background-color" too dark,
 * then the editing icons in the blocks will be
 * difficult for teachers to see.
 */

#course-view .weekscss .current,#course-view .current td.side
{

    background-color: #CC3333; /* red */
    color: Black;

}


#course-view .section h1,.section h2,.section h3,
.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: #3256A2; /* green */
    color: White;

}

/****** Content of Blocks
 *
 * It's best to only use a (not-so-dark) background-color that
 * sallow blue links to be visible.
 */

.sideblock .content {

    background-color: #FFFFCC; /* yellow */
     color:black;
}






/***** ck_2/a.css end *****/