/**************************************
 * THEME NAME: SUPA4
 *
 * Files included in this sheet:
 *
 *   SUPA4/cornflower.css
 **************************************/

/***** SUPA4/cornflower.css start *****/

/*******************************************************************
 Cornflower CSS
  
 This CSS file contains all color and layout definitions 
 for the Cornflower theme.
 
 This theme requires the Standard theme to be present.
 
*******************************************************************/

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

a:link,
a:visited {
  color:#4C7FD3;
}

a:hover {
  color:#ffffff;
  background: #4A677F;
  text-decoration:underline;
  
  }

body {
  background-color:#BCCCDC;
  border-color:#F7F7F7;
  background-image: 
  url('images/bg.gif');
  background-repeat: repeat;
  font-size: 0.95em;
  font-family: Verdana,Arial,Helvetica,sans-serif;
}

body, table, td, th, li {
    font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 0.95em;
}

/*
.cornflowersurround table, .cornflowersurround td, .cornflowersurround th,  .cornflowersurround li {
    font-family: Verdana,Arial,Helvetica,sans-serif;
}
*/

th.header,
td.header,
div.header {
    background-color: #7C9AB4;
}


th.header a,
td.header a,
div.header a {
	color: black;
	text-decoration: underline;
}

.navbar {
  background-color:#ffffff;
  border: none;
  
}

.generalbox {
  border-color:#4A677F; 
}
.informationbox {
  border-color:#4A677F; 
}
.feedbackbox {
  border-color: #4A677F; 
}

.noticebox {
  border-color:#4A677F; 
}

.errorbox {
  color:#A384E0;
  border-color:#4A677F;
  background-color:#CCCCFF;
}

.tabledivider {
  border-color:#4A677F;
}

.sitetopic {
border: noneborder: none;;
}

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

.unread {
  background: #78A2CD;
} 

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

#header-home, #header {
background: #ececec url(images/hdbg.jpg) 1px 0 repeat-x;
height:112px;

}

.headermain {
  background: transparent url(images/hdbgend.jpg) 100% 0 no-repeat;
  float: none;
  
}


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

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

.admin .generalbox {
  border-color:#4A677F; 
}

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


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

.sideblock {
    border-top: 1px solid #4A677F;
    border-right: 1px solid #4A677F;
    border-bottom: 2px groove #4A677F;
    border-left: 1px solid #4A677F;
}



.sideblock .header {
  text-align: left;
  padding:4px;
  background-color: #7C9AB4;
  border-bottom: 2px groove #003366;
}

.sideblock .content {
  background-color:#FFFFFF;
}

.sideblock .header .commands {
  float: right;
  margin-top: 0.3em;
}

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

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

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

table.minicalendar {
  border-color:#4A677F;
}

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

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

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

#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#C7FABC !important;
  background-color:#C7FABC;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#FFDBCA !important;
  background-color:#FFDBCA;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#FDE6B1 !important;
  background-color:#FDE6B1;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#A1BECB !important;
  background-color:#A1BECB;
}

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

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

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

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

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

#calendar .today,
.minicalendar .today {
  border-color:#000000 !important;
}

.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: #FFFFFF;
}



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

/* course, entry-page, login */
.headingblock {
  border-top: 1px solid #4A677F;
  border-right: 1px solid #4A677F;
  border-bottom: 2px groove #4A677F;
  border-left: 1px solid #4A677F;
}

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

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

/* .content should match the body background, sides are white. */
#course-view .content {
  background: #FFFFFF;
  border-left:0px none;
  border-right:0px none;
  border-style:solid none;
  border-width:1px 0px;
  padding:5px;
}

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

#course-view .section .side {
background:#FFFFFF none repeat scroll 0% 0%;
}

#course-view .section .left {
border-right:0px none;
text-align:center;
width:1.5em;
}

#course-view .section .right {
border-left:0px none;
text-align:center;
width:1.5em;
}

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

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

.categoryboxcontent,
.courseboxcontent {
    border-top: 1px solid #4A677F;
    border-right: 1px solid #4A677F;
    border-bottom: 2px groove #4A677F;
    border-left: 1px solid #4A677F;
    background: #FFFFFF;
}
body#course-user .section {
    border-color:#AAAAAA;
}



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

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


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

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

.message .author {
  color: #739FC4;
}

.message .time {
  color: #739FC4;
}

.message .content {
}



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

.userpicture {
  background:#EEEEEE; 
}

.userinfobox {
  border-color: #4A677F;
  background-color: #F7F7F7;
}
.groupinfobox {
  border-color: #4A677F;
  background-color: #FCFCFC;
}


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

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

.forumpost .content {
  background: #FFFFFF;
}

.forumpost .left {
  background:#4A677F; 
}

.forumpost .topic {
  border-bottom-color: #4A677F;
  background:#D0E2EE; 

}

.forumpost .starter {
  background:#4A677F; 
}

.forumheaderlist .discussion .starter {
  background:#D0E2EE; 
}

.forumheaderlist td {
  border-color: #4A677F;
}

.sideblock .post .head {
  color:#555555;
}

.forumthread .unread {
  background: #78A2CD;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .unread .forumpost .message {
  border-color: #78A2CD; 
} 
#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}


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

.glossarypost {
  border-color: #4A677F;
}

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

.glossarycomment {
  border-color: #4A677F;
}

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

}

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

.categoryheader {
  background-color: #efefef;
}

.glossaryformatheader {
  background-color: #4A677F;
}


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

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

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

body#mod-quiz-report table#attempts td {
  border-color: #4A677F;
}
body#mod-quiz-report table#attempts .r1 {
  background-color: #eeeeee;
}



/***
 *** Misc Color
 ***/

.headermenu {
    color:#9cb4cd;
    font-size:x-small;
}

.headermenu a:link {
    text-decoration: none;
    color: #ffffff;
}
.headermenu a:visited {
    text-decoration: none;
    color: #ffffff;
}
.headermenu a:hover {
    text-decoration: underline;
    color: #ffffff;
}


.cornflowersurround {
  background: #ffffff;
  border-top: 1px solid #4A677F;
  border-right: 1px solid #4A677F;
  border-bottom: 2px groove #4A677F;
  border-left: 1px solid #4A677F;
}

.generalboxcontent {
  background-color:#FFFFFF;

}
/***
 *** Layout Core
 ***/

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

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

#layout-table #middle-column {
  padding-left:12px;
  padding-right:12px;
}

#layout-table #left-column {
  padding-left:10px;
}

#layout-table #right-column {
  padding-right:10px;
}

div.headermenu 
{
    position: absolute;
    top: 15px;
    right: 10px;
}

.sideblock .content .small {
    font-size: x-small;
}

/*  supa : make all courses link bigger in sideblock */
.block_course_list .content .footer {
    font-size: 1.2em;
}
/* make the login box centred and input fields wider */
.block_login .loginform div.c1 {
    text-align: center;
}
.block_login .loginform div.c1 input {
    width: 7em;
}
/* user list - make 100% width and font size small */
body#user-index form#participantsform table#participants {
    width: 98%;
    margin: auto;
    font-size: 0.7em !important;
}

/* override width of info.php when not used as a popup */
body#course-info .generalbox.info {
    max-width: 60em;
}

#admin-uploaduser .centerpara {
padding-top: 24px;
padding-left: 24px;
text-align: left;
}
#admin-uploaduser .mform {
max-width: 800px;
margin: 18px;
}

/* fix course boxes so that proportions are better */
#course-category .coursebox .summary {
      float: right;
        text-align:left;
	  width: 73%;
	    padding:5px;
}

#course-category .coursebox .info {
      float: left;
        text-align:left;
	  width: 23%;
	    padding:5px;
}


#course-info #supacourseinfo {
float: left;
width: 75%;
}
#course-info #lectureschedule {
float: right;
width: 25%;
top: 0px;
}

#lectureschedule ul {
padding-left: 0px;
}

#lectureschedule li {
font-weight: normal;
color: rgb(0,200,0); 
list-style: none;
margin-left: 0;
padding-left: 0em;
text-indent: 0em;

}

#lectureschedule li.now {
color: rgb(200,0,0); 
}


#lectureschedule li.past {
color:  rgb(200,200,200);
}

#lectureschedule li.today {
color: rgb(255,75,0);

}

#lectureschedule li.future {
color: rgb(0,255,0);

}

.smalltext {
    font-size: 75%;
}

/* override to stop percentage display in course 124 SUPACOA */
#grade-report-user-index.course-124 .c3 {
display: none;
}

th.header a,
td.header a {
	color: black;
	text-decoration: underline;
}

table#participants td.c1 a {
	color: black;
	text-decoration: underline;
}


#grade-report th.header, 
#grade-report td.header, 
#grade-report div.header {
background-color:#BBDDFF;
}


@media print {
	  @page         { margin: 10% }
		blockquote, 
	  pre           { page-break-inside: avoid }
    #left-column { display: none; }
		body.editing #left-column { display: block; }
		#course-view .block_course_list { display: none; }

}


.qnInnerTable .r0 {
	min-width: none;
	text-align: right;
}

.qnInnerTable .r0:first-child {
	min-width: 120px;
	text-align: right;
}

.qnInnerTable .r0:last-child {
	min-width: 120px;
	text-align: left;
}
/***** SUPA4/cornflower.css end *****/