/* Core
-------------------------*/
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, input, textarea {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

/* Header
-------------------------*/
#page-header-wrapper {
    margin: 0 50px;
}
#page-header {
    float: none;
}
#page-header .headermain {
    margin: 0.75em 0;
    font-size: 2em;
}
#page-header .headermenu a:hover {
    color: #fff;
}

#page-site-index .headermain {
    margin: 0.85em 0;
    font-size: 2.5em;
}
#course-header {
    margin: 0 50px;
}

/* Page Navigation
--------------------------*/
#page-navigation {
    margin: 0;
    padding: 0 40px;
    font-size: 1.1em;
}
#page-navigation li {
    list-style: none;
    float: left; }
#page-navigation a {
    display: block;
    padding: 5px 10px;
}
/* Breadcrumb
---------------------------*/
.navbar {
    padding: 3px 50px;
}
.navbar .breadcrumb {
    font-size: 0.8em;
    color: #555;
}
/* Content
---------------------------*/
#page-content-wrapper {
    margin: 10px 50px;
}
/* Tabs
---------------------------*/
.tabtree .tabrow0 li.here a {
    background-color: #fff;
    background-image: url([[pix:theme|gradient-sb]]);
    background-repeat: repeat-x;
    background-position: left top;
}
.tabtree .tabrow0 .tabrow1 li a {
    background-image: none;
}
/* User
---------------------------*/
.userinfobox .content {
    border-width: 2px;
    background-image: url([[pix:theme|gradient-sb]]);
    background-repeat: repeat-x;
    background-position: left top;
}
/* Forms
------------------------*/
.mform fieldset {
    border-color: #ddd;
}
.mform legend {
    border: 1px solid #ddd;
    padding: 2px 7px;
    background-image: url([[pix:theme|gradient-sb]]);
    background-repeat: repeat-x;
    background-position: 0 -25%;
}
.mform .btn-cancel {
    color: #bf3503;
    text-decoration: none;
}
.mform .btn-cancel:hover,
.mform .btn-cancel:focus {
    color: #3f5c10;
    text-decoration: none;
}
/* Footer
--------------------------*/
#page-footer {
    margin: 25px 0;
}
#page-footer .logininfo {
    margin: 1em 0;
}
#course-footer {
    margin: 0 50px;
}
/* Custum menu
-------------------------*/
#custommenu {
    margin: 0 50px;
}
#custommenu,
#custommenu .yui3-menu,
#custommenu .yui3-menu-content {
    border-width: 0;
}
#custommenu {
    background-image: url([[pix:theme|gradient-sb]]);
    background-repeat: repeat-x;
    background-position: 0 30%;
    padding-top: 4px;
    padding-bottom: 4px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #eee;
}
#custommenu .yui3-menu-label,
#custommenu .yui3-menuitem-content {
    border-width: 0;
}
#custommenu .yui3-menu-content .yui3-menu-content {
    border: 1px solid #ccc;
    border-top-width: 0;
    margin-top: 3px;
}
#custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-content {
    border-top: 1px solid #ccc;
}
#custommenu .yui3-menu-content .yui3-menu-content .yui3-menuitem-content,
#custommenu .yui3-menu-content .yui3-menu-content .yui3-menu-label {
    padding-top: 5px;
}
#custommenu .yui3-menu-label,
#custommenu .yui3-menuitem-content {
    color: #bf3503;
}
#custommenu .yui3-menu .yui3-menuitem-active,
#custommenu .yui3-menu-label-menuvisible,
#custommenu .yui3-menu-label-active,
#custommenu .yui3-menuitem-active .yui3-menuitem-content {
    background-color: #bf3503;
}
#custommenu .yui3-menu-label-active,
#custommenu .yui3-menu-label-menuvisible,
#custommenu .yui3-menuitem-active .yui3-menuitem-content {
    color: #fff;
}
#custommenu .yui3-menu-horizontal.javascript-disabled .yui3-menu-content {
    border-width: 0;
}
