/**************************************
 * THEME NAME: newMEI
 *
 * Files included in this sheet:
 *
 *   newMEI/styles.css
 **************************************/

/***** newMEI/styles.css start *****/

/********************************************************
**
** Theme name: New MEI
** Description: A GPL theme for Moodle, based on Afterburner by Patrick Malley.
** Adapted by Catherine Berry, MEI
** Design and graphics by Paul Spencer
**
*********************************************************/
body {
  background: url(images/background.png);
  margin: 0 20px;
  padding: 0;
  color: #666666;
}

body, td, th, li, p {
  line-height: 1.77;
  font-size: 100%;
  font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
}

#content {
background:#FFFFFF;
}

#wrapper {
  width: 900px;
  margin: 0 auto;
  background: #fff;
  border-width: 0px 12px 17px;
  border-style: solid;
  border-color: #333333;
}

#wrapper1 {
  width: 900px;
  margin: 25px auto 0px;
  border-style: none;
}

#layout-table #middle-column {
	background: #fff;
	border-right: none;
	border-left: none;
}

#course-view .section td {
	background: #fff;
	padding-right: 0;
	border: #fff;
	border-left-width: 0 ;
}

#course-view .section .left {
font-size: 1.4375em;
}

a:link, a:visited,
.tabrow1 a:link span { 
  color: #3399FF; 
  text-decoration: none;  
}

a:hover, a:active {
	color: #3399FF;
	text-decoration: underline;
}

.section .activity img.activityicon {
  border:none;
  height: 27px;
  width: 27px;
  margin: 2px;
}

a:active {
  outline: none;
}

p {
  margin: 1em 0 0;
}

ul {
 margin: 0 0 1em;
}

#course-view .section .activity {
border-bottom: 1px solid #999999;
font-size: 13px;
}

.activity a:visited, .activity a:link  {
color: #666666;
text-decoration: none;
}

.activity a:hover {
color: #3399FF;
text-decoration: none;
}

.label a:link, .label a:visited {
text-decoration: underline;
color:#3399FF;
}

.label a:hover, .label a:active {
	text-decoration: underline;
}

a.autolink:link, a.autolink:visited {
text-decoration:none;
color: #3399FF;
background-color: #FFFFFF;
}

a.autolink:hover {
background-color: #3399FF;
color: #FFFFFF;
}

.label {
font-size: 13px;
line-height: 23px;
border-style: none !important;
}

.label h1 {
font-size: 15px;
font-weight: bold;
margin-bottom: 0;
}

.label h2 {
color: #3399FF;
font-weight:bold;
font-size: 16px;
margin-top: 9px;
margin-bottom: 4px;
}

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

/* Header */

#logo {
  width: 900px;
  height: 0px;
  
  display: block;
  margin: 0px 0px;
  float: left;
}

#header-home,
#header {
	width: 900px;
	height: 173px;
	background: url(images/Integral-main-header.png) no-repeat;
	border-style: none;
	margin-bottom: -1px;
}

h1.headermain {
  position:absolute;
  top:-10000px;
}

.headermenu {
  padding:133px 41px 0px 0px;
  color: #66CCFF;
}

.headermenu a:link, .headermenu a:visited {
color: #FFFFFF;
}

.headermenu a:hover {
text-decoration: underline;
}

/* Navbar */

.navbar {
  background:#fff;
  border-bottom:none;
  margin: 0 -1px;
  padding:5px 15px 0;
  color:#666666;
  border-top:8px solid #333333;
  border-left:none;
  border-right:none;
}

.navbar a:link, a:visited {
color: #3399FF;
}

.navbar a:hover {
text-decoration: underline;
color: #3399FF;
}

.navbar .breadcrumb {
}

.navbar .navbutton {
  margin-top:0;
}

.jumpmenu {
background: url(images/go-to.png) no-repeat;
}

.jumpmenu  select {
width: 486px;
position: relative;
top: -11px;
background: #333333;
color: #FFFFFF;
border: #333333;
opacity: 0;
}

.jumpmenu2 {
background: url(images/go-to.png) no-repeat;
background-position: center;
}

.jumpmenu2  select {
width: 486px;
position: relative;
top: -1px;
background: #333333;
color: #FFFFFF;
border: #333333;
opacity: 0;
}


/* Content */

#layout-table {
  margin: 0;
  border-collapse: collapse;
}

#left-column,
#right-column {
  padding: 0;
}

#left-column {
  background: #fff;
}

#right-column {
  background: #fff;
}

#middle-column {
  padding-top: 0px;
}

/* Sideblocks */

.sideblock {
  margin-bottom:0;
  padding-bottom: 30px;
}

.sideblock a:link, .sideblock a:visited {
color: #3399FF;
}

.sideblock a:hover {
text-decoration: underline;
}

.sideblock .content img{
height: 27px;
width: 27px;
}

.sideblock .content img.icon {
height: 16px;
width: 16px;
}

img.iconsmall {
height: 11px !important;
width: 11px !important;
}

.message img.iconsmall {
height: 27px !important;
width: 27px !important;
}

#message_contacts img.iconsmall {
height: 16px !important;
width: 16px !important;
}

.sideblock .header {
  border:none;
  background:url(images/right-column-main.png) repeat-x;
  color:#66CCFF;
  padding: 6px 5px 4px;
  height: 45px;
}

#right-column .sideblock .header {
  color:#66CCFF;
  height: 45px;
}

.sideblock .title {
  
}

.sideblock .title h2 {
  font-size: 1.1em;
  color: #66CCFF;
  position: relative;
  top: 2px;
  text-indent: 17px;
  font-weight: bold;
}

.sideblock .content {
  background:none;
  border:none;
}

#right-column .sideblock .content {
 
  border-left:1px solid #50646d;
}

.block_course_summary .content,
.sideblock .minicalendar {
  border: none;
}

.sideblock .minicalendar th,
.sideblock .minicalendar td {
  font-size:0.9em;
}

#left-column .hidden .header,
#right-column .hidden .header {
  border:none;
}

.hide-show-image {
  padding-top: 1px;
  padding-right: 5px;
}

/* Courses */

h2.headingblock {
  border-top:1px solid #999999;
  border-bottom: none;
  border-right:none;
  border-left:none;
  margin-top: 0;
  padding-top:0;
  padding-bottom:0;
  background: #fff;
  color: #339AFF;
  font-size: 2.1875em;
}

.coursebox {
  border-width:0 0 1px 0;
  padding-bottom:0px;
}

.box {
padding-left: 20px;
padding-right: 20px;
}

.categorybox {
  border:none;
}

#course-view #section-0 .side {
 }
#course-view #section-0 .content {
  border-width:1px 0 1px 0;
}

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

.coursebox .info {
  width:44%;
}

.sitetopic {
  border:none;
}

.sitetopic h2 {
  margin-top: 0;
}

/* Headings */

p.heading {
color: #3399FF;
font-weight:bold;
font-size: 16px;
line-height: 32px;
}


p.sectionhead {
color: #3399FF;
font-weight:bold;
font-size: 1.4375em;
}


.summary {
color: #3399FF;
font-weight:bold;
font-size: 1.4375em;
}


.summary2 {
color: #66CCFF;
font-weight:bold;
font-size: 1.3em;
background: url(images/title-sliver.jpg) repeat-x;
padding-left: 10px;
vertical-align: middle;
line-height: 31px;
}


/* Forums */

.forumpost {
  border: none;
}

.forumpost .picture {
  background: none;
}

.forumpost .side {
  background: none;
}

.forumpost .topic {
  border-width: 1px;
  border-style: solid;
  border-color: #eee #eee #ddd;
  background: #fff url(images/gradient.png) repeat-x 0 100%;
  padding: 5px 10px;
}

.forumpost .content {
  font-size: 0.95em;
  border-width: 0 1px 1px;
  border-style: solid;
  border-color: #eee;
  background: #fff url(images/gradient.png) repeat-x 0 100%;
  padding: 5px 10px;
}

.discussioncontrols td {
  padding: 10px 5px;
}
/* Users */

.userinfobox {
  border: none;
}

.userinfobox .content {
  border-width: 1px;
  border-style: solid;
  border-color: #eee;
  background: #fff url(images/gradient.png) repeat-x 0 100%;
}

/* Tables */

.generaltable {
  border-color: #ddd;
}

#attempts th,
#tag-management-list th,
#participants th,
.quizattemptsummary th,
.course-report-outline th,
#admin-report-security-index th,
#admin-roles-override th,
#admin-roles-assign th,
#admin-blocks th,
#admin-modules th,
#grade-edit-scale-index th,
#enrol th,
#course-category th,
.editcourse th,
#admin-roles-allowoverride th,
#admin-roles-manage th,
#admin-roles-allowassign th,
#mod-wiki-index th,
#mod-survey-index th,
#mod-scorm-index th,
#mod-resource-index th,
#mod-glossary-index th,
#mod-data-index th,
#mod-chat-index th,
#mod-choice-index th,
#mod-assignment-index th,
#mod-lesson-index th,
#mod-quiz-index th,
#admin-user th,
.user-grade th,
.logtable th,
.mod-forum .generaltable th,
.forumheaderlist th,
.results th {
  border-bottom: 1px solid #ddd;
  padding: 2px 4px;
  background: #fff url(images/gradient.png) repeat-x 0 100%;
}

#participants td,
.quizattemptsummary td,
.course-report-participation td,
.course-report-outline td,
#admin-report-security-index td,
#admin-roles-override td,
#admin-roles-assign td,
#admin-blocks td,
#admin-modules td,
#grade-edit-scale-index td,
#enrol td,
#course-category td,
.editcourse td,
#admin-roles-allowoverride td,
#admin-roles-allowassign td,
#admin-roles-manage td,
#admin-user td,
#tag-management-list td,
#mod-wiki-index td,
#mod-survey-index td,
#mod-scorm-index td,
#mod-resource-index td,
#mod-quiz-index td,
#mod-lesson-index td,
#mod-glossary-index td,
#mod-data-index td,
#mod-chat-index td,
#mod-choice-index td,
#mod-assignment-index td,
.mod-forum .generaltable td,
.forumheaderlist td {
  border-width: 0 1px 0;
  border-color: #ddd !important;
  border-style: solid;
}

table#attempts tr.r0 td.cell {
  background: #fff;
}

.forumheaderlist .discussion .starter {
  background: none;
}

#participants .r1 .cell,
.quizattemptsummary .r1 .cell,
.course-report-participation .r1 .cell,
#admin-report-security-index .r1 .cell,
#admin-roles-override .r1 .cell,
#admin-blocks .r1 .cell,
#admin-modules .r1 .cell,
#grade-edit-scale-index .r1 .cell,
#enrol .r1 .cell,
#admin-roles-allowoverride .r1 .cell,
#admin-roles-allowassign .r1 .cell,
#admin-roles-manage .r1 .cell,
#admin-roles-assign .r1 .cell,
#admin-user .r1 .cell,
#tag-management-list .r1 .cell,
#mod-wiki-index .r1 .cell,
#mod-survey-index .r1 .cell,
#mod-scorm-index .r1 .cell,
#mod-quiz-index .r1 .cell,
#mod-lesson-index .r1 .cell,
#mod-glossary-index .r1 .cell,
#mod-data-index .r1 .cell,
#mod-chat-index .r1 .cell,
#mod-choice-index .r1 .cell,
#mod-assignment-index .r1 .cell,
.mod-forum .generaltable .r1 .cell,
.forumheaderlist .r1 {
  background: #f7f7f7;
}

/* Calendar */

#calendar .maincalendar,
.calendar #calendar .sidecalendar .sideblock {
  border: none;
}

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

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

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

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

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

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

.minicalendar a:link, .minicalendar a:visited, .calendarmonth a:link, .calendarmonth a:visited {
color: #FFFFFF;
}

#calendar  .eventnone a, .block_calendar_month .eventnone a {
color: black;
}

/* Misc */

#intro {
  background: #f5f5f5;
  margin-top: 1em;
}

#mod-forum-view .subscription {
  margin-bottom: 15px;
}

legend {
  border: 1px solid #eee;
  padding: 2px 7px;
  background: url(images/gradient.png) repeat-x 0 100%;
}

fieldset {
  background: #f9f9f9;
}

fieldset.invisiblefieldset,
fieldset.hidden {
  background: none;
}

#attempts {
  font-size: 13px;
  margin-top: 15px;
}

#attempts .status div.s0 {
  background: #fdfcc6;
}

#site-index #right-column div div div input {
  margin-top: 15px;
}
#site-index #right-column .sideblock div div input {
  margin-top: 2px;
}

div.modified,
.subscription,
div.allcoursegrades,
.reportlink {
  padding: 15px;
}

#mod-resource-view .generalbox {
  border: none;
}

.mod-choice #tablecontainer,
.forumheaderlist,
div.allcoursegrades,
table.forumpost,
.user #page table.controls {
  width: 95%;
  margin: 0 auto;
}

/* Footer */

#footer {
  background: #eee;
  border-width: 1px 0 0;
  border-style: solid;
  border-color: #ddd;
  color: #666;
  margin-top: 25px;
}

body.course #footer {
  margin: 0;
}
#footer .wrapper {
  border-width:1px 0 0;
  border-style: solid;
  border-color: #fff #ddd #ddd;
  padding: 15px;
  line-height: 1.5;
  font-size: 0.9em;
}

.footer-left {
  float: left;
  text-align: left;
  color: #999;
}

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

#footer .logininfo {
  font-size: 1em;
}

#footer-bottom {
  text-align: center;
  border: none;
  margin-left: auto;
  margin-right: auto;
  margin-top: -1px;
  margin-bottom: 25px;
  width: 900px;
  height: 98px;
  background: url(images/footer-mei-only.png) no-repeat;
}
/***** newMEI/styles.css end *****/