/*
  This file is part of Moodle - http://moodle.org/
  Moodle is free software: you can redistribute it and/or modify
  it under the terms of the GNU General Public License as published by
  the Free Software Foundation, either version 3 of the License, or
  (at your option) any later version.

  Moodle is distributed in the hope that it will be useful,
  but WITHOUT ANY WARRANTY; without even the implied warranty of
  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  GNU General Public License for more details.
  You should have received a copy of the GNU General Public License
  along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
*/

/**
 * zebra theme core css file
 *
 * @package    theme_zebra
 * @copyright  2011 Danny Wahl
 * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
 */

/**
 * General
 */

.red,
.notifyproblem {
    color: [[setting:criticalfontcolor]];
}

.green,
.notifysuccess {
    color: [[setting:okfontcolor]];
}

.yui-overlay .yui-widget-bd {
    background-color: #FFEE69;
    border: 1px solid #A6982B;
    border-top-color: #D4C237;
    color: #000000;
}

.generalbox {
    margin-bottom: 4px;
    padding: 2px;
    border: 1px solid [[setting:bodybgcolor]];
}

table.generalbox {
    width: 100%;
}

#maincontent {
    margin-top: -1px;
}

/**
 * Header
 */

.headermain {
    margin: 0;
}

.headermain .logo {
	vertical-align: bottom;
}

.headermain .header {
	margin: 0;
	display: inline;
}

#profileblock {
    padding: 10px 0 0;
    text-align: right;
    float: right;
}

#user-info {
    float: left;
}

#user-pic {
    float: right;
    margin-left: 10px;
}

#user-pic .userpicture {
    width: 80px;
    height: 80px;
}

#user-pic .defaultuserpic {
    background-color: [[setting:linkcolor]];
}

/**
 * Navbar
 */

#navbar-wrapper {
    background-color: [[setting:linkcolor]];
}

.navbar {
    background-color: [[setting:contentbgcolor]];
    border-bottom: 1px solid [[setting:bodybgcolor]];
}

.breadcrumb,
.navbutton {
    line-height: 26px;
    padding: 0 4px;
}

/**
 * Footer
 */

#page-footer-wrapper {
    background-color: [[setting:contentbgcolor]];
}

#page-footer {
    background-color: [[setting:footerbgcolor]];
    padding: 4px 0;
}

/**
 * Tabs
 */

.tabtree {
    margin: 0 0 8px 0;
}

.tabtree ul {
    margin: 8px 0;
    padding: 0 0 4px 0;
    border-bottom: 1px solid [[setting:bodybgcolor]];
}

.tabtree li {
    margin: 0 0 0 8px;
    padding: 4px;
    border: 1px solid [[setting:bodybgcolor]];
}

.tabtree ul li.here {
    border-bottom: 1px solid [[setting:contentbgcolor]];
}

.tabtree ul li.here ul {
    position:absolute;
    top:100%;
    width:100%;
}

.tabtree ul li.here .empty {
    display:none;
}

.tabtree .nolink,
.tabtree .nolink:hover,
.tabtree .here {
    color: [[setting:fontcolor]]!important;
    text-decoration: none!important;
}

.tabtree + .clearer + .generalbox {
    border: 0 none;
}


/**
 * Mforms
 */

.mform fieldset {
    border-color: [[setting:bodybgcolor]];
}

legend {
    color: [[setting:fontcolor]];
}

.mform fieldset legend {
    padding: 0 4px;
    margin-left: 4px;
}

.mform fieldset.error {
    border: 1px solid [[setting:criticalfontcolor]];
}

.mform .error,
.mform .required {
    color: [[setting:criticalfontcolor]];
}

.mform .required .fgroup span label {
    color: [[setting:fontcolor]];
}

.mform .fdescription.required {
    color: [[setting:criticalfontcolor]];
}

/**
 * Help
 */

#help hr {
    background: #CCC;
}

#help #emoticons li{
    border-left: 3px solid gray;
}

/**
 * Comments
 */

.comment-meta span {
    color: gray;
}

.comment-paging .curpage {
    border: 1px solid #CCC;
}

.comment-delete-confirm {
    background: #EEE;
}

/**
 * Completion progress report
 */

.completion-expired {
    background: #FFDDDD;
}

/**
 * Tags
 */

span.flagged-tag,
span.flagged-tag a {
    color: [[setting:criticalfontcolor]];
}

#relatedtags-autocomplete .yui-ac-content {
    border: 1px solid #404040;
    background: #FFF;
}

#relatedtags-autocomplete .ysearchquery {
    color: #808080;
}

#relatedtags-autocomplete .yui-ac-shadow {
    background: #A0A0A0;
}

#relatedtags-autocomplete li.yui-ac-highlight{
    background: #FFFFCC;
}

/*
 * Backup and Restore CSS
 */

.path-backup .notification.dependencies_enforced {
    color: [[setting:criticalfontcolor]];
}

.path-backup .backup_progress {
    margin-bottom: 4px;
}

.path-backup .backup_progress span.backup_stage,
.path-backup .backup_progress .arrow {
    color: [[setting:bodybgcolor]];
}

.path-backup .backup_progress .backup_stage.backup_stage_current,
.path-backup .backup_progress span.backup_stage.backup_stage_complete,
.path-backup .backup_progress .backup_stage_current + .accesshide + .arrow,
.path-backup .backup_progress .backup_stage_complete + .accesshide + .arrow {
    color: [[setting:fontcolor]];
    font-weight: normal;
}

/**
 * Web Service
 */

#webservice-doc-generator td {
    border: 0px solid [[setting:fontcolor]];
}

/**
 * Help Content (pop-up)
 */

#helppopupbox {
    background-color: [[setting:contentbgcolor]];
    border: 1px solid [[setting:linkcolor]];
}

#helppopupbox .yui3-widget-bd {
    border-top: 1px solid transparent;
}

/**
 * Custom menu
 */

#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content,
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content .ul {
    border: 1px solid [[setting:fontcolor]];
}

#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu {
    background-color: #FFF;
}

/**
 * Smart Select Element
 */

.smartselect .smartselect_mask {
    background-color: #FFF;
}

.smartselect .smartselect_menu,
.smartselect .smartselect_submenu {
    border: 1px solid #000;
    background-color: #FFF;
}

.smartselect .smartselect_menu_content ul li a {
    color: #333;
}

/**
 * Backup
 */

.backup-restore .backup-section {
    border: 1px solid [[setting:bodybgcolor]];
    background-color: transparent;
}

.backup-restore .backup-section > h2.header {
    border-bottom: 0 none;
}

.backup-restore .backup-section .backup-sub-section {
    background-color: transparent;
    border: 0 none;
}

.backup-restore .backup-section .backup-sub-section h3 {
    border-bottom: 1px solid [[setting:bodybgcolor]];
    background-color: transparent;
}
.backup-restore .detail-pair-label {
    color: [[setting:fontcolor]];
}

.backup-restore .detail-pair-value > .sub-detail {
    color: [[setting:fontcolor]];
}

.restore-course-search .rcs-results {
    border: 1px solid [[setting:bodybgcolor]];
}

.restore-course-search .rcs-results .paging {
    background-color: transparent;
}

.restore-course-category .rcs-results {
    border: 1px solid [[setting:bodybgcolor]];
}

.restore-course-category .rcs-results .paging {
    background-color: transparent;
}

.corelightbox {
    background-color: #CCC;
}

.restore-precheck-notices {
    margin-bottom: 4px;
}

/* Table rows */
.r0,
.odd {
    background-color: [[setting:colorscheme]];
}

.block .r0,
#dock .r0 {
    background: none;
}

/**
 * Courses
 */

/* Change mod-indent from margin to padding so relative containers are all equal width */

.mod-indent-1,
.mod-indent-2,
.mod-indent-3,
.mod-indent-4,
.mod-indent-5,
.mod-indent-6,
.mod-indent-7,
.mod-indent-8,
.mod-indent-9,
.mod-indent-10,
.mod-indent-11,
.mod-indent-12,
.mod-indent-13,
.mod-indent-14,
.mod-indent-15,
.mod-indent-huge {margin-left:0;}


.mod-indent-1 {padding-left:30px;}
.mod-indent-2 {padding-left:60px;}
.mod-indent-3 {padding-left:90px;}
.mod-indent-4 {padding-left:120px;}
.mod-indent-5 {padding-left:150px;}
.mod-indent-6 {padding-left:180px;}
.mod-indent-7 {padding-left:210px;}
.mod-indent-8 {padding-left:240px;}
.mod-indent-9 {padding-left:270px;}
.mod-indent-10 {padding-left:300px;}
.mod-indent-11 {padding-left:330px;}
.mod-indent-12 {padding-left:360px;}
.mod-indent-13 {padding-left:390px;}
.mod-indent-14 {padding-left:420px;}
.mod-indent-15,
.mod-indent-huge {padding-left:420px;}


.dir-rtl .mod-indent-1,
.dir-rtl .mod-indent-2,
.dir-rtl .mod-indent-3,
.dir-rtl .mod-indent-4,
.dir-rtl .mod-indent-5,
.dir-rtl .mod-indent-6,
.dir-rtl .mod-indent-7,
.dir-rtl .mod-indent-8,
.dir-rtl .mod-indent-9,
.dir-rtl .mod-indent-10,
.dir-rtl .mod-indent-11,
.dir-rtl .mod-indent-12,
.dir-rtl .mod-indent-13,
.dir-rtl .mod-indent-14,
.dir-rtl .mod-indent-15,
.dir-rtl .mod-indent-huge {margin-right:0;}

.dir-rtl .mod-indent-1 {padding-right:30px;padding-left:0;}
.dir-rtl .mod-indent-2 {padding-right:60px;padding-left:0;}
.dir-rtl .mod-indent-3 {padding-right:90px;padding-left:0;}
.dir-rtl .mod-indent-4 {padding-right:120px;padding-left:0;}
.dir-rtl .mod-indent-5 {padding-right:150px;padding-left:0;}
.dir-rtl .mod-indent-6 {padding-right:180px;padding-left:0;}
.dir-rtl .mod-indent-7 {padding-right:210px;padding-left:0;}
.dir-rtl .mod-indent-8 {padding-right:240px;padding-left:0;}
.dir-rtl .mod-indent-9 {padding-right:270px;padding-left:0;}
.dir-rtl .mod-indent-10 {padding-right:300px;padding-left:0;}
.dir-rtl .mod-indent-11 {padding-right:330px;padding-left:0;}
.dir-rtl .mod-indent-12 {padding-right:360px;padding-left:0;}
.dir-rtl .mod-indent-13 {padding-right:390px;padding-left:0;}
.dir-rtl .mod-indent-14 {padding-right:420px;padding-left:0;}
.dir-rtl .mod-indent-15,
.dir-rtl .mod-indent-huge {padding-right:420px;padding-left:0;}