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

/***** zebra/zebra.css start *****/

/***
***    COLOR COORDINATING
***/


/*
Main Background
*/

.forumpost .left,
#course-view .weekscss .section,
#course-view .section td.side {
	background: #eeeeee;
}

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

body {
	background:url(images/core/overlaydark.png) center top repeat-x #eeeeee;
}

a.dimmed:link,
a.dimmed:visited,
.forumpost .header .subject,
.forumpost .header .author,
#course-view .section .weekdates {
	color: #eeeeee;
}

#footer .footerlogos,
th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {
	border-top: 1px solid #eeeeee;
}

.sideblock,
div#moodlebarcoursesearch input
{
	border: 1px solid #eeeeee;
}

.navbar,
hr {
	border-bottom:1px solid #eeeeee;
}

#course-view .section td.content {
	border-bottom: 1px dashed #eeeeee;
}

/*
First Color: Links & Menu
*/
#zebra_menu {
	background:url('images/menu/smalldark.png') repeat-x top center #000000;
}



ul.tabrow1 li a,
ul.tabrow1 li a:link,
ul.tabrow1 li a:visited,
a:link,
a:visited,
#zebra_menu li ul li a,
.profilename, .profilename a,
.profileoptions,
.profileoptions a,
#dockbottom a:link,
#dockbottom a:visited {
	color: #000000;
}

.forumpost .header,
.picture,
.forumpost .topic,
.forumpost .header,
#course-view .weekscss .current,
#course-view .current td.side,
#profilepic,
a.tooltip:hover span {
        background: none repeat scroll 0 0 #000000;
}


.forumpost .picture,
.forumpost .left {
border-left: 1px solid #000000;
}

/*
.forumpost td.content {
	border-left: 1px solid #000000;
}
*/
.forumpost td.content .posting {
	margin-left: -35px;
}

.forumpost .picture,
.forumpost .topic,
.forumpost td.content,
.forumpost .side {
border-bottom: 1px solid #000000;
}

.forumpost .topic,
.forumpost .picture {
border-top: 1px solid #000000;
}

.forumpost td.content,
.forumpost .topic{
	border-right: 1px solid #000000;
}

/*
Secondary Color: Hovering
*/
#zebra_menu ul li a:hover,
#zebra_menu_date a:hover {
	background: url('images/menu/smalldark.png') repeat-x top center #00714A;

}


.tabtree a.nolink:hover,
ul.tabrow1 li a:hover,
a:hover,
.profilename a:hover,
.forumpost .header a:hover,
.profileoptions a:hover,
#zebra_menu li ul li a:hover,
#dockbottom a:hover{
	color: #00714A;
}

.forumpost .picture,
#dockbottom a:hover img {
	background: #00714A;
}


div#moodlebarcoursesearch,
div#moodlebarcoursesearch input:hover {
	border: 1px solid #00714A;
}

.dockleft-block {
	border-right: 1px solid #00714A;
}

.dockright-block {
	border-left: 1px solid #00714A;
}

#dockbottom {
	border-top: 1px solid #00714A;
}

/*
3rd Color: Labels and Fonts
*/

#zebra_menu_date a {
	background:url('images/menu/smalldark.png') repeat-x top center #999999;
}

.tabtree a.nolink,
.tabtree a.nolink:hover,
ul.tabrow1 li.here.selected a,
.forumpost .content,
body,
th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header,
#zebra_menu h4,
.sideblock .header,
.sideblock .header h2,
.sideblock .content .post .head .date,
.sideblock .content .post .head .name,
.breadcrumb li,
.forumpost .header a {
	color: #999999;
}

#calendar .today,
.minicalendar .today,
#calendar .maincalendar table.calendarmonth th,
.forumheaderlist {
	border-color: #999999;
}

.tabrow0 div,
.tabrow0 ul {
border-top: 1px solid #999999;
}

/*
4th Color: Backgrounds
*/

.forumpost .side,
#calendar .maincalendar .filters table,
#calendar .sidecalendar .filters table,
.block_calendar_month .filters table,
.forumpost .content, .navbar, .sideblock .content, .coursebox, .section, div#moodlebarcoursesearch, .forumheaderlist .discussion .starter {
    	background: #ffffff;
}

#footer,
.generaltable .cell {
	background: #ffffff;
}

.blogpost .header .subject .nolink,
.blogpost .header .subject .nolink:hover,
.blogsite .header .subject .nolink,
.blogsite .header .subject .nolink:hover,
.forumpost .header .author a,
.forumpost .header .subject,
#zebra_menu ul li a,
#zebra_menu ul li a:hover,
#zebra_menu_date a,
#zebra_menu_date a:hover,
a.tooltip:hover span {
	color: #ffffff;
}

.tabrow0 div,
.tabrow0 ul,
#content,
th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header,
.sideblock,
#dockbottom-inner,
#zebra_menu div.flyoutcontent{     
    	background: url(images/core/hdark.png) top repeat-x #ffffff;
}

/***
 ***	Core: Body
 ***/

body {
	font-family: Arial, Helvetica, sans-serif;
        font-size : 14px;
        height: auto;
        margin: 0;
        padding: 0;
}

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

a.dimmed:link,
a.dimmed:visited {
	text-decoration: none;
}

#page {
	margin-left: auto; 
	margin-right: auto;
        margin-bottom: 25px;
	max-width: 1140px;
	min-width: 935px;
}

#pagelayout {
	width:960px;
	margin-left:auto;
	margin-right:auto;
}

#layout-table {
	margin-top:0;
	padding-top:10px;
}

#layout-table #middle-column{
  vertical-align:top;
  padding-left:7px;
  padding-right:5px;
}

#layout-table #left-column{
  vertical-align:top;
  padding-left:4px;
  padding-right:0px;
}

#layout-table #right-column{
  vertical-align:top;
  padding-left:0px;
  padding-right:6px;
}


#content {
    	margin-top:0;
     	padding-top:10px;

}

hr {
	border-top:0px;
}

h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
	text-align: center;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
}

th.header,
td.header,
h1.header,
h2.header,
h3.header,
div.header {
	border-left: 0px;
	border-right: 0px;
	border-bottom: 0px;
}

.generalbox {
	background: transparent; 
	border: 0px;
}

/***
 ***    Core: Moodlebar
 ***/


#dockbottom {
	bottom:0;
	left: 50%;
	position:fixed;
	clear:both;
	width:1140px;
	padding:0px;
	height:28px;
	margin-bottom: -1px;
	margin-left: -570px;
	z-index:104;
}

#dockbottom img {
	padding-right: 2px;
	padding-left: 2px;
}

#dockbottom a:link {
	text-decoration: none;
	text-decoration: underline;
}

#dockbottom a:visited {
	text-decoration: none;
	text-decoration: underline;
}

#dockbottom a:hover {
	text-decoration: underline;
}

#dockbottom-inner {
	text-align:left;
	width:100%;
	float:left;
	padding-top: 6px;
	padding-bottom: 3px;
	position:relative;
	overflow:visible;
	font-size: 0.8em;
}

#dockbottom-inner .block-inner {
	padding: 0px;
	margin: 0px;
}

.dockleft-block {
	margin-left: 10px;
	margin-top: 2px;
	float:left;
	display:block;
	margin-right:20px;
	min-width:240px;
	width:auto;
	height: 100%;
}

.dockmiddle-block {
	float:left;
	display:block;
	margin-right:20px;
	min-width:594px;
	width:auto;
	text-align: center;
}

.dockright-block {
	display:block;
	min-width:250px;
	position:absolute;
	right:10px;
	overflow:visible;
	text-align: center;
	height: 100%;
	padding-top: 2px;
}

a.tooltip span {
	display:none; 
	padding:2px 3px 0 3px; 
	margin-left: 8px;
	margin-top: -40px; 
	width:auto;
}
   
a.tooltip:hover span{
	display:inline; 
	position:absolute;
	font-size: 0.8em;
	z-index: 105;
}

div#moodlebarcoursesearch
{
	left: 50%;
	margin-left: -570px;
	bottom:0;
	margin-bottom: 28px;
	position:fixed;
	clear:both;
	padding:0px;
	height:16px;
	z-index:104;
	display: none;
	width: 250px;
	padding-top: 5px;
	padding-left: 4px;
	padding-right: 2px;
	padding-bottom: 8px;
	text-align: center;
}

div#moodlebarcoursesearch input
{
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-radius-bottomright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-radius-topright: 5px;
}

.mbmessagesunread {
	padding-left: 20px;
}



/***
 ***	Core: Header
 ***/

#header {
	height: 100px;
}

#logo { 
	background: url(images/header/logo.png) no-repeat left top;
	width: 100%;
	height: 100px;
	float: left;
	left: 0px;
} 

/***
 ***	Core: Footer
 ***/

#footer {
	margin-top: 0px;
	padding:10px;
}

#footer .footerlogos { 
	margin-top: 5px;
        padding-top: 5px;
}

#footer .footerlogos ul li { 
	padding-left: 5px;
	padding-right: 5px;
	display: inline; 
	margin:2px;
}

/***
 ***	Core: ProfileBlock
 ***/

#profileblock {
	float: right;
	text-align: right;
	max-width: 550px;
	right: 0px;
}

#profilepic {
	text-align:right;
	float: right;
	margin-top: 8px;
	width: 80px;
	height: 80px;
}

#profilename {
	background-color: transparent;
	text-align:right;
	width: 440px;
	margin-right: 5px;
	margin-top:4px;
	margin-bottom:0;
	float: left;
}

.profilename, .profilename a {
        font-size:1.4em;
	text-decoration: none;
	font-weight:bold;
	margin-right:0;
}

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

#profileoptions {
	text-align:right;
	width: 440px;
	margin-right: 0;
	margin-top: -8px;
	float: left;
}

#profileoptions ul li { 
	padding-left: 15px;
	padding-right: 0;
	display: inline;
}

.profileoptions {
	background-color: transparent;
	text-decoration: none;
	letter-spacing: -1px;
}

.profileoptions, .profileoptions a {
	background-color: transparent;
}

.profileoptions a:hover {
	background-color: transparent;
	text-decoration: underline;
}


/***
 ***	Core: Zebra Menu
 ***/

#zebra_menu {
	height:46px;
	clear:both;
	margin-right:0px;
	margin-left:0px;
        font-weight:bold;
}	

#zebra_menu ul {
	padding:0;
	margin:0;
	list-style:none;
	float:left;
}

#zebra_menu ul li {
	background:transparent;
	list-style:none;
	float:left;
	height:43px;
	white-space:nowrap;
	z-index: 9999;
}

#zebra_menu ul li div.container {
	position:relative;
}

#zebra_menu ul li:hover div.flyoutwrapper {
	height: auto;
	opacity: 1;
}

#zebra_menu div.flyoutwrapper {
	background: none;
	position: absolute;
	height: 0px;
	overflow: hidden;
	z-index: 103;
	opacity: 0;
	-moz-transition-property: opacity;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .25s;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .25s;
	-o-transition-property: opacity;
	-o-transition-duration: .25s;
	-o-transition-delay: .25s;
	transition-property: opacity;
	transition-duration: .25s;
	transition-delay: .25s;
}

#zebra_menu div.flyouttop {
	overflow:hidden;
	background: transparent url('images/menu/flyouttop.png') top no-repeat;
	height:10px; 
	width:388px; 
	padding: 0px; 
	margin: 0px;
}

#zebra_menu div.flyoutmiddle {
	background: transparent url('images/menu/flyoutmiddle.png') top repeat-y; 
	height:auto; 
	width:388px; 
	padding: 0px; 
	margin: 0px; 
	overflow: hidden;
}

#zebra_menu div.flyoutcontent {
	min-height: 175px;
	padding-left: 5px; 
	padding-bottom: 12px; 
	margin-left: 12px; 
	width: 359px; 
	overflow: hidden;
}

#zebra_menu div.flyoutbottom {
	overflow:hidden;
	background: transparent url('images/menu/flyoutbottom.png') bottom no-repeat; 
	height:14px; 
	width:388px; 
	padding: 0px; 
	margin: 0px;
}

#zebra_menu ul li a {
	display:block;
	height:30px;
	margin-left:0px;
	padding: 16px 10px 0px 10px;
	background:none;
	}

#zebra_menu ul li a:hover, #zebra_menu_date a:hover {
	-moz-transition-property: background-color;
	-moz-transition-duration: .25s;
	-moz-transition-delay: .25s;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .25s;
	-webkit-transition-delay: .25s;
	-o-transition-property: background-color;
	-o-transition-duration: .25s;
	-o-transition-delay: .25s;
	transition-property: background-color;
	transition-duration: .25s;
	transition-delay: .25s;
}

#zebra_menu ul li.line {
	padding:0;
}

#zebra_menu ul ul.menuitems{
	list-style:none;
	width: 150px;
}


#zebra_menu li ul li{
	list-style:none;
	float:left;
	background:transparent;
	padding-left:9px;
	height: auto;
	font-size:0.9em;
	width:12em;
}

#zebra_menu li ul li a,
#zebra_menu li ul li a:hover {
	margin:0;
	display:block;
	height: auto;
	background:transparent;
	text-shadow:none;
}

#zebra_menu h4 {
	font-size:1em;
	font-weight:bold;
	margin:0 0 0px 10px;
}

#zebra_menu_date {
        font-weight:normal;
}

#zebra_menu_date a {
	float:right;
	padding: 16px 10px 0 10px;
	height:30px;
	text-decoration:none;
}

#zebra_menu_date a:hover {
	text-decoration:none;
}

/***
 ***	Core: NavBar
 ***/

.navbar {   
	border-top:0px;
	border-left:0px;
	border-right:0px;
}

/***
 ***	Core: Side Block
 ***/

.sideblock .content {
	padding: 4px;
	border: 0px;
}

.sideblock .header {
  	background: transparent;
}

.sideblock .header h2 {
	padding-top: 4px;
  	background: transparent;

 }

.sideblock .header .hide-show-image {
	padding-top: 4px;
}
 
.sideblock .footer {
	border:0px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size:0.85em;
	text-align: left;
}

.sideblock .header, .sideblock .header h2 {
	font-size: 1em;
	border: 0px;
  	background: transparent;
}


/***
 ***	Core: Course (the middle bit)
 ***/

.coursebox {
	border: 0px;    
	margin-bottom: 0px;
	margin-right: 2px;
}

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


#course-view .section td.content {
	border-top:0px;
	border-left:0px;
	border-right:0px;
}

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

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

.forumpost .left,
.forumpost .picture {
	margin-left: 2px;
}

.forumpost .commands {
	margin-top: 5px;
	padding-top: 5px;
}

.forumolddiscuss {
	padding-top: 5px;
}

.forumpost .header .author a:hover{
	text-decoration: underline;
}

.forumheaderlist{
	border: 1px solid;
}

.forumpost {
	border: 0px;    
	width: 100%;
	overflow: hidden;
	padding: 0 2px;
	margin: 5px 0 0 0;
}

.forumpost .picture,
.forumpost .topic,
.forumpost .left {
	padding: 0px;
}

.forumpost .topic {
	border-bottom: 0;
	border-left: 0;
	padding-left: 4px;
}

.forumpost img {
	max-width: 100%;
}

/***
 ***	Modules: Calendar
***/

/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
	border-color:#def2ba;
  	background-color:#def2ba;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
	border-color:#c6dfeb;
	background-color:#c6dfeb;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
	border-color:#feffc2;
	background-color:#feffc2;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
	border-color:#d9c6e2;
	background-color:#d9c6e2;
}

table.minicalendar tr td.weekend {
	color: #ff0000;
  }

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

.tabtree a.nolink:hover,
ul.tabrow1 li a:hover{
	text-decoration: none;
}

/***
***	Modules: Questionnaire
***/

.generalbox {
background: none;
border: 0 none;
padding: 0;
margin: 0 auto 0 auto;
width: 99%;
}

/***
 ***	Core: Language Dropdown
***/
#languageoptions {
	float: left;
	margin-right: 10px;
	margin-top: -4px;
	text-align: right;
	width: 440px;
}

/***
 ***	Core: Email Settings
***/
#email .unsubscribelink {
	border-style: none;
	border-width: 0;
}

/***
***	Core: Admin Settings
***/
#admin-index .adminerror, #admin-index .adminwarning {
	width: auto;
}
/***** zebra/zebra.css end *****/