/**************************************
 * THEME NAME: eh
 *
 * Files included in this sheet:
 *
 *   eh/styles_sabrosa.css
 *   eh/styles_extras.css
 **************************************/

/***** eh/styles_sabrosa.css start *****/

/******************************************************************

	Name: Sabrosa
	Description: Sabrosa is a fluid-wdith, three-column theme for Moodle.
	Support URL: http://support.newschoollearning.com/forum/custom
	Author: Patrick Malley
	Author URI: http://newschoollearning.com
	Version: 1.0

  Note: Customize, edit, poke, prod, and adapt to your needs.
  However, do not share.  Unless other arrangements have been made,
  this style sheet (regardless of modification) remains the 
  property of NewSchool Learning and is licensed for use
  on a single installation of Moodle.
 
*******************************************************************/
* {
  margin:0;
  padding:0;
}

html, body {
  background: #6d6d6d url(pix/bg/bg_body.png) repeat-x top;
  font-family: Arial, Helvetica, Geneva, sans-serif;
  color:#666;
  margin:0;
  padding:0;
}

#page {
  margin: 0 35px;
  min-width:760px;
}

#content {
  background:#fff;
  padding:0;
  padding-bottom:20px;
  font-size: 0.9em;
}

#layout-table {
  margin: 0;
  border: none !important;
  padding: 0;
  border-collapse: collapse;
}

p {
  margin: 0;
  padding-bottom: 10px;
}

h2.headingblock {
  border: none;
  border-bottom:1px dashed #999;
}

#course-index-index .categorybox,
#course-index .categorybox {
  margin: 0 200px;
}

.categorybox .course {
  font-size: 0.9em;
}

.courseboxes {
  margin: 5px 100px;
}

.categorybox,
.coursebox {
  border: none;
  padding-bottom: 13px;
  margin: auto;
  background: none !important;
  border: none !important;
}

.coursesearchbox {
  background: none !important;
  border: none !important;
}
.categorylist {
  margin: 5px 0;
  width: 100%;
}

h2.main,
h3.main {
  margin-top: 0;
  padding: 20px;
}

.generalbox {
  width: 80%;
  border: 1px solid #f9f9f9;
  background: #fff;
  margin: 20px auto;
}

#intro.box {
  border: 1px solid #999 !important;
}

.generaltable {
  margin-bottom:0 !important;
}

.generaltable tbody tr td {
  padding: 3px !important;
}

textarea {
	width: 100%;
}

ul li,
ol li {
  margin-left:2em;
}

ul, ol {
  padding-bottom:10px;
}

blockquote {
    margin:1em 3em;
    padding:0 0 0 4px;  
    color:#888;
    border-left:2px solid #666;
}

/*****************
*  Links  *
******************/

.tabtree ul li ul li a span, a:link, a:visited {
  color:#af2742;
}

#left-column a:link,
#left-column a:visited {
  color:#fff;
}

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

#header-home {
  height:180px;
}

#header-home #headermain {
  width:100%;
  height:100%;
  background: url(pix/bg/bg_headermain.png) no-repeat;
}
 #header-home #headermain h1 {
  text-indent:-9999px;
}

#header-description {
  padding:75px 0 0 290px;
  color:#ccc;
}

#header-description a {
  color:#fff;
}

#header .headermain {
  margin: 10px 5px;
  font-size: 1.5em;
  font-weight: normal;
  color:#ccc;
}

.navbar {
background: url(pix/bg/bg_navbar.png) repeat-x;
height:38px !important;
border: none;
padding:0;
margin:0 8px;
}

#navwrapper {
  background: url(pix/bg/bg_navbar_left.png) no-repeat top left;
  margin:0;
}

#anothernavwrapper {
  background: url(pix/bg/bg_navbar_right.png) no-repeat top right;
  border:none;
}

.breadcrumb li {
  margin-left:0 !important;
  padding-right:8px;
  color:#fafafa;
}

.breadcrumb li a {
  color:#fff;
  font-weight:normal;
}

.breadcrumb {
  padding:10px 5px 0;
  font-size:0.8em;
}

.breadcrumb .sep {
  color:#b80024;
  border-left:1px solid #fff}
.navbutton {
  margin-top:0 !important;
}

.navbutton {
  padding:10px;
}

#header .logininfo {
  padding:10px;
}

#header .logininfo a {
  color:#999;
}

.navigation {
  padding-top:10px;
}
/*****************
*  Footer  *
*****************/

#footer-wrap-1 {
  background: url(pix/bg/bg_footer_left.png) no-repeat top left;
}

#footer a {
  color:#dcdcdc;
}

#footer {
  background: url(pix/bg/bg_footer.png) repeat-x top;
  height:25px;
  margin:0 9px !important;
}

#footer-wrap-2 {
  background: url(pix/bg/bg_footer_right.png) no-repeat top right;
}

#footer .logininfo {
  padding-top:20px;
  float:right;
  color: #999;
}

.homelink {
  margin: 0;
  clear: both;
}

.sitelink {
display: none;
}

#footer .helplink {
  float: left;
  margin-top:20px;
}

#credits {
text-align: center;
clear:both;
padding-top:20px;
font-size:0.8em;
}

#credits a:link,
#credits a:visited {
  color:#6d6d6d;
}

#credits a:hover,
#credits a:active {
  color: #fff;
}


/*****************
*  Side Blocks  *
*****************/

.sideblock {
  width: 212px !important;
}

.sideblock ul li {
  margin-left:0;
}

.sideblock .content {
  background: none;
  border: none;
  font-size: 0.9em;
  padding-top: 0;
}

.sideblock .header {
  border: none;
}

.sideblock .content h2 {
  margin:0;
}

/** Left Column **/

#left-column {
  background: #2a2a2a url(pix/bg/bg_left_bottom.png) no-repeat bottom right;
  width:212px;
}

#left-column .sideblock .header {
  padding-bottom:0;
}
#left-column .sideblock .title {
  border-bottom: 1px solid #737373;
  margin: 0 10px 0 3px;
  padding:3px 3px 1px 1px;
  font-size:1.4em;
  color:#a2a2a2;
}

#left-column .sideblock .content {
    margin: 0 10px 0 5px;
}

#left-column .content ul li {
  padding:0;
  border-bottom: 1px dotted #f9f9f9;
}

.sideblock .content ul li img.icon {
  display:none;
}

#left-column .sideblock .header {
  border: none;
}

.block_calendar_month .content .filters table {
  background: none;
}

#left-column .sideblock ul {
  line-height: 0em;
}

#left-column .sideblock .content ul li a {
  display: block;
  padding:6px 0 6px 10px; 
  text-decoration:none;
}

#left-column .sideblock .content ul li a:hover {
  background:#333;
}

#left-column .block_blog_tags .content ul li a {
  display:inline; 
  border:none; 
  padding:0;
}

#left-column .block_blog_tags .content ul li {
  border:none;
}

#left-column .editing .sideblock .content ul li a {
  border:none; 
  padding-bottom:1px;
}

#left-column .sideblock .content ul li .buttons .commands a,
#left-column .block_news_items .content ul li a,
#left-column .block_rss_client .content ul li a,
#left-column .block_online_users .content ul li a {
  display:inline !important; 
  border:none; 
  padding:0;
}

.block_rss_client .content ul li .link {
  padding:7px 0 2px 0;
}

.sideblock .content ul li .buttons {
  padding:0 0 5px 10px; 
  border-bottom:1px solid #eaeada;
}

.block_online_users .info {
  font-size:0.8em; 
  margin-bottom:7px;
}

/** Right Column **/

#right-column {
  
  padding: 15px 7px 0 0;
}

#right-column .sideblock .content {
  border-left: 1px solid #c3c3c3;
  border-right: 1px solid #c3c3c3;
  background:#e1e1e1;
  padding-left: 10px;
  padding-right:10px;
}

#right-column .sideblock {
  background: url(pix/bg/bg_sideblock_bottom.png) no-repeat bottom;
  padding-bottom: 13px;
}

#right-column .sideblock ul li {
  padding-bottom: 5px;
}

#right-column .sideblock .header {
  background: url(pix/bg/bg_sideblock_top.png) no-repeat top;
  padding-bottom:5px;
  border:none;
}

#right-column .sideblock .title {
  padding:3px 3px 5px;
  text-align: center;
  color: #444444;
  font-size: 1.2em;
}

.sideblock .title .hide-show img {
  display: none;
}

.block_adminblock .header {
  text-align:center;
  color:#444; }
  
/********************
*  Login Block *
********************/

.block_login .header,
.block_login .footer {
  display: none;
}

.block_login {
  background: url(pix/bg/bg_login.png) no-repeat top left !important;
  position: absolute;
  top: 50px;
  width: 760px !important;
  right:35px;
  font-size: 1.1em;
  min-width:760px;
}

.block_login .content {
  display: block;
  height: 100%;
  padding:7px 6px;
  border: none !important;
  background: none !important;
  float:right;
}

.block_login .loginform .c1 input {
  font-size: 0.8em;
}

#login_username,
#login_password {
  width:85px;
}

.block_login .loginform .c1 {
  float: left;
  color: #fff;
  font-weight: bold;
  margin:4px;
}

/*********************
*  Middle Column  *
**********************/

#middle-column {
padding:20px;
}

/*********************
*  Forums  *
*********************/

.forumpost {
  border: none;
  padding:10px;
  margin-left:10px;
  margin-top:0;
}

#blog-index .sideblock {
  margin: 20px;
}

.forumpost .picture,
.eventlist .picture {
  background:  url(pix/forum/bg_forum_top_left.png) no-repeat top right;
  vertical-align: bottom;
  padding-right:25px;
}
#calendar .maincalendar .eventlist .event,
#calendar .eventlist .description {
  border:none !important;
}
 #calendar .maincalendar .eventlist .event {
  padding-top: 20px;
}
#calendar .maincalendar .eventlist .event .topic,
#calendar .maincalendar .eventlist .event .picture,
#calendar .maincalendar .eventlist .event .side,
#calendar .eventlist .description {
  background-color:#fff;
}

.eventlist .date {
  padding:0 10px;
  font-size: 0.8em;
}

.forumpost .topic,
.eventlist .topic {
  background:  url(pix/forum/bg_forum_top_right.png) no-repeat top right;
  border: none;
  padding-top: 10px;
  padding-left:0;
  padding-right:15px;
}

.forumpost .author {
  border-bottom: 1px solid #444444;
  margin-right: 10px;
  padding-bottom: 2px;
  font-size: 0.8em !important;
  color: #666666;
}

.forumpost .side,
.eventlist .side {
  background: url(pix/forum/bg_forum_bottom_left.png) repeat-y bottom right;
}

.forumpost .content,
.eventlist .description {
  background: url(pix/forum/bg_forum_bottom_right.png) repeat-y bottom right;
  padding: 2px 20px 10px 0;
  font-size: 0.9em;
  color: #444444;
  line-height: 1.4em;
}

.forumpost .link {
  padding-bottom:10px;
}
.forumpost .commands {
  font-size: 0.9em;
}

#eventform table tbody tr td {
  padding: 7px 3px;
}

img.userpicture,
img.grouppicture,
#message-index img.userpicture {
  background:url(pix/bg/shadow_35.png) no-repeat bottom right !important; 
  padding:0 4px 4px 0;
}

.sideblock img.userpicture {
  background:url(pix/bg/shadow_16.png) no-repeat bottom right !important; 
  padding:0 2px 2px 0;
}

.userinfobox img.userpicture,
#message-history img.userpicture,
#message-user img.userpicture {
  background:url(pix/bg/shadow_100.png) no-repeat bottom right !important; 
  padding:0 7px 7px 0;
}

.forumolddiscuss {
  padding-top: 10px;
  font-size: 0.7em;
}

#intro.box {
  border: 1px solid;
  margin-top: 25px;
}

.singlebutton {
  padding: 20px;
  text-align: center;
}

.singlebutton input {
  margin: auto;
}

table.discussioncontrols {
  width:99%;
}
/*included generaltable & logtable qualities*/

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

.forumheaderlist {
 width:95%;
 margin-left:auto;
 margin-right:auto;
}

.forumheaderlist,
.generaltable,
.logtable,
.files,
#categoryquestions {
  border:1px solid #fafafa;
  border-left:none;
  padding-bottom: 10px;
}

.forumheaderlist th,
.generaltable th,
.logtable th,
.files th,
#categoryquestions th,
.quizquestions .invisiblefieldset th {
  background: #ddd;
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #fff;
  text-transform: uppercase;
  font-weight: normal;
  padding: 2px 3px 0 0;
}

.logtable th,
#participants th {
  padding: 2px 5px 0;
  font-size: 0.8em;
}
.forumheaderlist td,
.generaltable td,
.logtable td,
.files td,
#categoryquestions td {
  border: none;
  border-left: 1px solid #fff;
  padding: 0 3px;
}

#categoryquestions select#menusortorder {
  float: right;
  margin-right: 5px;
}
.forumheaderlist .r0,
.generaltable .r0 {
  background: #eee;
}

.discussioncontrols td,
.discussioncontrols div {
  float: right;
}

.forumthread {
  padding: 10px 35px;
}

.subscription,
.glossarycontrol {
  padding: 0 15px 10px;
}

.logtable {
  width:95%;
}
/**********************
*  Login  *  
**********************/

.loginpanel .forgotsub,
.loginpanel .guestsub {
  border-top-style: dashed;
}

.loginbox {
  margin: 0 auto;
  border-style:dashed;
}

#login-index #content {
  padding:10px;
}

.block_login #login .c1 {
  margin-top:0;
}

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

.weekdates {
  font-size: 0.9em;
}

#course-view .section .label {
  background:none !important;
}

#course-view .weekcss .current,
#course-view .current td.side {
  background:#fffdef !important;
  border-color:#ffff00 !important;
}

#course-view .current td.content {
  background:#fffdef !important;
  border-color:#ffff00 !important;
}

#course-view .section td.side {
  background:#fafafa;
  border:none;
}

#course-view .section td.content {
  background: #ffffff;
  border-top:1px dashed #999;
  border-bottom:1px dashed #999;
  padding:10px 0;
  font-size:0.9em;
}

#course-view .section td.left {
  border-left:1px dashed #999;
    border-top:1px dashed #999;
  border-bottom:1px dashed #999;
}

#course-view .section td.right {
  border-right:1px dashed #999;
      border-top:1px dashed #999;
  border-bottom:1px dashed #999;
}

#course-view .topics .section_add_menus .horizontal{
  float: right;
}

/*********************
*  Users  *
*********************/

.userinfobox {
  border: none;
}

.userinfobox td.content {
  border: 1px solid;
}

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

.groupmanagementtable {
  margin: auto;
}

.plugin {
  padding: 3px;
}

/*an apparently necessary 
hack that I have made necessary*/
#course-import #content,
.question #content,
.grade #content,
.mod-quiz #content,
.mod-workshop #content,
.mod-choice #content,
.mod-forum #content,
.mod-resource #content {
  padding-top: 20px;
}

.mod-forum #content {
  padding-bottom:20px;
}

.boxwidthnormal {
  margin:auto;
}

#reset {
  margin:auto;
  width: 50%;
  border: 1px solid #eee;
  padding: 10px;
}

.block_admin_tree.sideblock .link.current {
  background:none;
}

table.files {
  margin: auto;
}

table.files td {
  padding: 2px 10px;
}

#adminsettings fieldset {
  background: #f9f9f9;
  border: 1px solid #eee;
}

#admin-user .generaltable,
#admin-roles-manage .generaltable {
  font-size: 0.8em;
}

.profileeditor {
  text-align: center;
}

#admin-roles-assign .generalbox,
.errorbox {
  margin: 10px auto;
  text-align: center;
  background: #EA9089;
  	border-bottom: 2px solid #f33;
	border-top: 2px solid #f33;  
}

#admin-roles-assign .generaltable td.cell.c0,#admin-roles-assign .generaltable td.cell.c0 {
  font-size: 0.8em;
}

#notice.box.generalbox {
  	background: #dadded;
	border-bottom: 2px solid #33f;
	border-top: 2px solid #33f;
}

#admin-mnet-enr_hosts .generalbox {
  margin: 10px auto;
  text-align: center;
}

.logselectform {
  text-align: center;
}

/*******************
*  Questions  *
*******************/

.questionbank {
  border: 1px solid #eee;
  padding: 10px;
}

.questionbank td {
  padding: 6px;
}

.questionbank input {
  margin: 5px;
}

.questionbank #displayoptions {
  border-bottom: 1px dashed #eee;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.questionbank .boxaligncenter {
  text-align: center;
  font-weight: bold;
  margin-bottom: 10px;
}

.questionbank .boxaligncenter table {
  margin: auto;
}

table.quiz-edit-selected {
  margin: auto;
}

/*******************
*  Modules  *
********************/

.quizinfo {
  margin: 10px;
}

#options {
  padding-top: 10px;
}
#analysis-options {
  border: 1px solid #eee;
}

#mod-resource-view .summary{
  padding:4px 4px 0;
}

#mod-resource-view .resourcecontent {
  margin-top: 0;
}

fieldset.invisiblefieldset {
  background: #f7f7f7;
  border: 1px solid #eee;
  padding: 4px;
}

.navbutton fieldset.invisiblefieldset,
.searchform fieldset.invisiblefieldset,
form fieldset.invisiblefieldset {
	background:none;
	border:none;
	padding:0
}

#displayoptions,
#showbreaks {
  text-align: center;
}

#displayoptions fieldset,
#showbreaks fieldset {
  text-align: left;
}
.questionbank table,
#dates table {
  margin: auto;
}

.mod-workshop table .generalbox {
  border: 1px solid #eee;
  background: #f7f7f7;
  width: 60%;
}

.mod-workshop b {
  line-height: 1.3em;
}

.reportlink {
  padding-right: 5px;
}

.modified {clear: both; padding-top:10px;}

#message-history #page,
#message-user #page,
body#message-user,
body#message-history,
body#message-messages,
body#message-index,
body#message-send,
#message-index #page,
body#course-info,
#course-info #page,
#help #page,
body#help,
#mod-glossary-showentry #page,
#course-group #page,
body#course-group,
body#question-preview,
#question-preview #page,
body#mod-quiz-comment,
#mod-quiz-comment #page,
#mod-quiz-comment #footer,
#lib-form-editorhelp #page,
body#lib-form-editorhelp {
  background:#fff !important; 
  border:none !important;
}

/*****************
*  Messages  *
*****************/

#message-index {
  font-size:1em;
}

#message-index table,
#message-history table {
  margin:auto;
}

#message-index table tbody tr td {
  padding:2px;
}

.message textarea {
  width:75%;
}

.message #page {
  margin:0; 
  padding:0;
}/***** eh/styles_sabrosa.css end *****/

/***** eh/styles_extras.css start *****/

/******************************************************************

	Name: NewSchool Learning CSS Extras
	Description: This document contains "CSS Extras" 
	that can be appended to any Moodle theme.
	Author: Patrick Malley
	Author URI: http://newschoollearning.com
	Version: 1.0

  Note: These styles are adapted from the work of Dean Robinson:
  http://www.deanjrobinson.com.  Background images come from
  the fabulous "Silk" set at http://famfamfam.com.  Newschool
  Learning does not claim license over these styles.
 
*******************************************************************/


/*************************
*  Style Extras   *
*************************/

.download {
	display: block;
	padding: 5px 0 5px 40px;
	margin: auto 25px ;
	background: #C9D2C9 url('pix/extras/package_go.png') no-repeat .5em center;
	border-bottom: 2px solid #383;
	border-top: 2px solid #383;
}

.alert,
.errorboxcontent {
	display: block;
	padding: 5px 0 5px 40px;
	margin: auto 25px ;
	background: #EA9089 url('pix/extras/exclamation.png') no-repeat .5em center;
	border-bottom: 2px solid #f33;
	border-top: 2px solid #f33;
}

.errorbox {
  margin: auto !important;
  border-left: none;
  border-right: none;
}
.information {
	display: block;
	padding: 5px 0 5px 40px;
	margin: auto 25px ;
	background: #AFB0BC url('pix/extras/information.png') no-repeat .5em center;
	border-bottom: 2px solid #33f;
	border-top: 2px solid #33f;
}

.construction {
	display: block;
	padding: 5px 0 5px 40px;
	margin: auto 25px ;
	background: #ffffd5 url('pix/extras/error.png') no-repeat .5em center;
	border-bottom: 2px solid #ff3;
	border-top: 2px solid #ff3;
}

.code, code {
  	display: block;
	padding: 5px 0 5px 40px;
	margin: auto 25px ;
	background: #aaa url('pix/extras/application_osx_terminal.png') no-repeat .5em center;
	border-bottom: 2px solid #444;
	border-top: 2px solid #444;
	font-family: 'Courier New', Courier, Fixed;
	font-size: 1.2em;
}

.note,
.generalbox.adminwarning {
	display: block;
	padding: 5px 0 5px 40px;
	margin: auto 25px ;
	background: #ccc url('pix/extras/page_white_text.png') no-repeat .5em center;
	border-bottom: 2px solid #444;
	border-top: 2px solid #444;
}

.new {
	display: block;
	padding: 5px 0 5px 40px;
	margin: auto 25px ;
	background: #A09187 url('pix/extras/new.png') no-repeat .5em center;
	border-bottom: 2px solid #643;
	border-top: 2px solid #643;
	color: #000;
}

/***** eh/styles_extras.css end *****/