/*******************************************************************
 Sheffield CSS
  
 This CSS file contains all color and layout definitions 
 for the Sheffield College theme.
 
 This theme requires the Standard theme to be present.
yellow text on black
 
*******************************************************************/

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


#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
background: #000;
  
height: 195px;
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;

	}

#maincol {
	position:relative;
	margin:0;
	padding-top:50px;
padding-left:20px;

	}
#leftcol { 
	position:relative;
	top:-10px;
	left:-10px;
	float:left;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	padding-top:10px;
padding-left:20px;
	font-size: 0.7em;
	z-index:100;
text-align: left;
	}
#rightcol {
	position:relative;
	top:-10px;
	right:-10px;
	float:right;
	width:220px;  /* for IE5/WIN */
	voice-family: "\"}\"";
	voice-family:inherit;
	width:200px; /* actual value */
	margin:0 0 -10px 0;
	padding-top:90px;
padding-right:100px;
	font-size: 0.7em;
	z-index:99;
	}
#centercol {
	position:relative;
	padding:0 240px;
	}
#centercol a {
	color:#fff;
	}
#centercol a:hover {
	
	color:#fff;
	}

label {
color: #fff;
}

#tipsytopnav a.menu-open {
	background:#000!important;
	color:#fff000!important;
	
}

#signin_menu {
	font-size: 0.8em;
	display:none;
	background-color:#000;
	position:absolute;
	width:220px;
	z-index:100;
	border:1px transparent;
	text-align:left;
	padding:10px;
	color:#fff;
	border: 1px solid #fff;
-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
margin-top: 0px;
margin-left: 175px;
}

#signin_menu a {
	color:#fff;
}

#footer {
display: none;
}


#panelcolumnright {
float: right;
}

#panelcolumnright img {
width: 55px;
height: 55px;
border: 3px solid #fff;

}

a:focus {
	outline: none;
}
#panel {
	background: #000;
	height: 50px;
	display: none;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
}
.slide {
	margin: 0;
	padding: 0;
	background: url(images/panel.png) repeat-x center top;
}

.slide a {
display: block;
width: 100%;
color: #fff;
}
.btn-slide {
	background: #000;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
border: 1px solid #fff;
}
.active {
	background-position: right 12px;
}





#stylemenubar {
height: 36px;
background: #000;
float: left;
color: #fff;
}

#stylemenubar ul {
padding: 0;
  margin: 0;
  list-style: none;
color: #fff;
}

#stylemenubar li {
float: left;
  position: relative;
  color: #fff;
}


#stylemenubar a{
color: #fff;
}

#stylemenubar ul a{
color: #fff;
}

#stylemenubar li a{
 color: #fff;
}

a:link,
a:visited {
  color:#fff;
}

a:hover {
  color:#fff;
  text-decoration:underline;
  
  }

body {
  background-color:#000;
  border: none;
color: #fff;
}


.menubarholder {
height: 55px;
background: #000;
width: 100%;
}


.sf-menu li li {
	background:		#000;
}
.sf-menu li li li {
	background:		#000;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	background:		#000;
	outline:		0;
}

.sf-menu a {
	border-left:	0px solid #fff;
	border-top:		0px solid #fff;
	padding: 		.75em 1em;
	text-decoration:none;
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
}

#tipsytopnav a.signin {
	background:#000;
	padding:4px 6px 6px;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
border: 1px solid #fff;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	*background:#000;
	*padding:4px 12px 6px;
}
#tipsytopnav a.signin:hover {
	background: #000;
	*background: #000;
	*padding:4px 12px 6px;

}



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

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

.navbar input {
border: 1px solid #fff;
font-size: 0.9em;
background: #000;
color: #fff;
-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.navbar select {
background: #000;
color: #fff;
font-size: 0.9em;

}

#course-view .section .weekdates {
  color: #fff;
}

#course-view .weekscss .weekdates {
  color: #fff;
}

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

.noticebox {
  border-color:#fff; 
}

.errorbox {
  color:#fff;
  border-color:#fff;
  background-color:#000;
}

.tabledivider {
  border-color:#fff;
}

.sitetopic {
}

.sitetopiccontent {
  border-color:#000;
  background-color:#fff;
}

.unread {
  background: #000;
} 

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

#header-home, #header {
background: #000;
height:150px;

}

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


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

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

.admin .generalbox {
  border-color:#fff; 
}

.admin .informationbox {
  border-color:#fff; 
  background-color:#000; 
}


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

.sideblock {
    border-top: 1px solid #000;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
}



.sideblock .header {
  text-align: left;
  padding:0px;
  background-color: #000;
  border: none;
font-size: 1.0em;
border: none;
color: #000;
}

.sideblock .content {
  background-color:#000;
border: none;
}

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

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

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

table.minicalendar {
  border-color:#fff;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.cal_popup_fg {
  background-color:#000;
}

.cal_popup_bg {
  border-color:#fff;
  background-color:#000;
}

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



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

/* course, entry-page, login */
.headingblock {
  background-color: #000;
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
color: #fff;
}

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

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

/* .content should match the body background, sides are white. */
#course-view .content {
  background: #000;
}

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

#course-view .section .side {
}

#course-view .section .left {
}

#course-view .section .right {
}

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

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

.categoryboxcontent,
.courseboxcontent {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-bottom: 2px groove #fff;
    border-left: 1px solid #fff;
    background: #000;

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



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

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


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

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

.message .author {
  color: #fff;
}

.message .time {
  color: #fff;
}

.message .content {
}



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

.userpicture {
  background:#000; 
}

.userinfobox {
  border-color: #fff;
  background-color: #000;
}
.groupinfobox {
  border-color: #fff;
  background-color: #000;
}


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

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

.forumpost .content {
  background: #000;
}

.forumpost .left {
  background:#000; 
}

.forumpost .topic {
  border-bottom-color: #fff;
  background:#000; 

}

.forumpost .starter {
  background:#fff; 
}

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

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

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

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

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

#mod-forum-index .unread {
}


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

.glossarypost {
  border-color: #fff;
}

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

.glossarycomment {
  border-color: #fff;
}

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

}

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

.categoryheader {
  background-color: #fff;
}

.glossaryformatheader {
  background-color: #000;
}


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

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

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

body#mod-quiz-report table#attempts td {
  border-color: #fff;
}
body#mod-quiz-report table#attempts .r1 {
  background-color: #000;
}



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

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


.pagesurround {
  background: #000;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #000;
  border-left: 1px solid #000;
width: 990px;
margin-left:auto;
margin-right:auto;
color: #fff;
}

.generalboxcontent {
  background-color:#000;

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




/* Sideblocks */

.sideblock .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
  color: #fff;
border-bottom: 1px solid #fff;
}

.star,
h2.headingblock,
.block_site_main_menu .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
}

.block_blog_menu .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
}

.block_blog_tags .title h2 {
  background: #000;
  padding:0 0 6px 33px;
}

.block_news_items .title h2 {
  background: #000;
  padding: 0 0 12px 33px;
}
.block_recent_activity .title h2,
.block_glossary_random .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
}

.block_online_users .title h2,
.block_participants .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
}

.block_calendar_month .title h2,
.block_calendar_upcoming .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
}

.block_login .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
}

.block_course_list .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
}

.block_activity_modules .title h2 {
  background: #000;
  padding: 0 0 6px 33px;
}

.block_messages .title h2 {
  background: #000;
  padding: 0 0 12px 33px;
}

.block_admin_tree .title h2 {
  background: #000;
  padding: 0 0 6px 3px;
}

.block_search_forums .title h2,
.block_search .title h2 {
  background: #000;
  padding: 0 0 12px 33px;
}

.block_rss_client .title h2 {
  background: #000;
  padding: 0 0 12px 33px;
}

form.mform .required label {
  color:#fff000;
}
form.mform .fdescription.required {
  color:#fff000;
}
form.mform .required .fgroup span label {
  color:#fff000;
}