/** body font family and background image **/

html,body {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
}

html a:hover,body a:hover {
    text-decoration: underline;
}

/** remove text decoration from some links **/

div.yui3-widget-bd a, .tabtree li a, .block div.content a, .unlist a, .categorybox a, .course_category_tree a, .section a {
    text-decoration: none;
}

a:active {
    outline: 0; /* for browsers that understand */
}

a:focus {
    outline: 0; /* for browsers that understand */
}

/**header divs **/

#page-header {
    top: 0;
    left: 0;
    width: 100%;
}

div#headerinner {
    width: 91%;
    min-width: 910px;
    height: 30px;
    margin: 0 auto;
    overflow: hidden;
}

#headright {
    float: right;
    font-size: 10px;
    font-weight: 200;
    margin-top: 0;
    padding-top: 0;
    min-width: 180px;
    text-align: right;
    color: #eeeeee;
    line-height: 30px;
    min-width: 400px;
}

#headright a {
    color: #fff;
}

#headright div.langmenu {
    float: right !important;
    display: inline !important;
    padding: 0px 0px 0px 0px !important;
    line-height: 28px !important;
    margin: 0px 0px 0px 5px !important;
    font-size: 9px;
}

#headleft {
    float: left;
    height: 30px;
    line-height: 30px;
    color: #fff;
    font-size: 12px;
}

/** Logo and menu bar divs and wrap **/

#textcontainer-wrap {
    top: 0;
    left: 0;
    width: 100%;
    border-top: 1px solid #fff;
}

#textcontainer {
    clear: both;
    border: none;
    width: 92%;
    min-width: 910px;
    height: 130px;
    margin: 0 auto;
    overflow: hidden;
}

div.thetitle {
    width: 340px;
    height: 130px;
    float: left;
}

#nologo {
    width: 337px;
    float: left;
    overflow: hidden;
    padding-left: 3px;
    margin-top: 40px;
    }

#nologo.nomenu {
    width: 100%;
}

#nologo a, #nologo {
    font-size: 35px;
    font-style: italic;
    font-family: Palatino,"Palatino Linotype",Georgia,"Times New Roman",serif;
    font-weight: 800;
    letter-spacing: -1px;
    line-height: 45px;


}
#nologo a:hover {
    text-decoration: none;
}
div.rightinfo {
    float: right;
    min-width: 470px;
    height: 130px;
    overflow: hidden;
}

#menucontainer {
    height: 45px;
    margin-top: 40px;
}


/** main content wraps **/

#outercontainer {
    width: 91%;
    min-width: 910px;
    margin:0 auto;
    background-position: 78% 100%;
    padding: 1%;
    background: url([[pix:theme|contback]]);
    border: 1px solid #dadada;
}

#container {
    width: 100%;
    margin:0 auto;
    background: #fff url([[pix:theme|post_grid]]) repeat-y 21% 100%;
    border: 1px solid #dadada;
}

#innercontainer {
    background: url([[pix:theme|post_grid]]) repeat-y  79% 100%;
}

/** remove background image line for post or pre or content only **/

.side-pre-only #innercontainer, .content-only #innercontainer, .content-only #container, .side-post-only #container {
    background-image: none !important;
}

/** breadcrumb and button holders at top of page content **/

div#jcontrols_button {
    width: 100%;
    min-height: 35px;
    border-top: 1px solid #fff;
    background: #f9f9f9 url([[pix:theme|hr_grid]]) repeat-x 100% 100%;
}

div#jcontrols_bottom {
    width: 100%;
    height: 35px;
    background: url([[pix:theme|hr_grid]]) repeat-x 0% 0%;
    clear: both;
}

div.jcontrolsleft {
    min-height: 35px;
    line-height: 35px;
    margin-left: 15px;
    font-weight: 600;
    font-size: 13px;
    float: left;
    min-width: 100px;
}

div.jcontrolsright {
    float: right;
    min-width: 100px;
    min-height: 35px;
    margin-right: 15px;
}

div.jcontrolsright div.singlebutton, div.jcontrolsright div.forumsearch {
    margin: 5px 0px 0px;
}

/** foot wraps and inner divs **/

#footer {
    width: 91%;
    height: 35px;
    position: relative;
    margin: 0 auto;
}

#page-footer {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    background: none;
    margin-top: 10px;
    height: 35px;
}

.johndocs {
    float: right;
    height: 15px;
    font-size: 8px;
    margin: 10px 3px 0px 0px;
    color: #333333;
}

.johndocs a, div.johndocsleft a {
    font-weight: 200;
    text-decoration: none;
}

div.johndocsleft {
    float: left;
    height: 15px;
    margin-top: 10px;
    width: 300px;
    color: #333333;
    font-size: 11px;
}

/** Some breadcrumb style **/

.breadcrumb ul {
    line-height: 35px;
}

.breadcrumb li a,.breadcrumb li, .breadcrumb li a:visited {
    font-weight: 200;
    text-decoration: none;
    color: #666666;
    font-size: 12px;
}

.breadcrumb li a:hover {
    text-decoration: underline;
    color: #333333;
}

.breadcrumb li img {
    vertical-align: middle;
}

/** breadcrumb image replacement **/

div#jcontrols_button span.arrow.sep {
    font-size: .01em;
    color: #fafafa;
    background: url([[pix:theme|breadcrumb_separator_arrow_2_dots]]) no-repeat;
    background-position: 50% 7px;
    display: inline-block;
    width: 16px;
}

/** Block styles **/

.block {
    margin: 0 0 5px 0 !important;
    padding: 0 0 0 0 !important;
    border: none !important;
}

.block div.header {
    margin: 0 0 0 !important;
    padding-top: 0 !important;
    min-height: 33px;
    height: auto !important;
    height: 33px;
    border-right: 1px solid #dadada;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    border-bottom: 1px solid #cccccc;
    background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
}

.block.hidden div.header {
    border: 1px solid #dadada;
}

.block.block_with_controls div.header div.commands {
    text-align: center;
    border-top: 1px solid #ccc;
    padding: 2px;
}

.block.block_with_controls div.header div.commands a img {
    margin-right: 3px;
}

.title h2 {
    padding: 0px 0px 0px 10px;
    font-size: 16px;
    text-transform: none;
    margin: 0 !important;
    line-height: 32px;
    font-weight: 800;
}

.block div.block_action input, .block div.block_action img {
    margin-top: 3px;
    margin-right: 3px;
    position: relative;
    top: 6px;
}

.block div.content {
    font-size: 12px;
    font-weight: 200;
    padding: 10px 15px 15px;
}

/** extra left padding on right side blocks **/

#region-post .block div.content {
    padding-left: 20px;
}

/** some specific block styles for calendar block, login block, my profile block, etc. **/

.block_calendar_month table.minicalendar.calendartable td,.block_calendar_month table.minicalendar.calendartable th {
    border: none !important;
}

.block_calendar_month table.minicalendar {
    margin-bottom: 0px !important;
}

.block_calendar_month table.minicalendar.calendartable th abbr {
    border: none !important;
    text-decoration: none;
}

.block_comments div.content li {
    list-style-type: none;
}

.block_messages.block div.content .list a {
    font-size: 10px;
}

.block_login.block div.content div {
    margin-bottom: 9px;
    clear: both;
}

.block_login.block div.content label {
    font-size: 11px;
    display: inline-block;
    min-width: 50px;
    margin-right: 3px;
}

.block_myprofile div.content div {
    font-size: 11px;
}

.block_myprofile div.content div.myprofileitem.picture {
    width: 105px;
    float: left;
}

.block_myprofile div.myprofileitem.fullname {
    font-size: 12px;
    font-weight: 800;
}

.block_myprofile div.myprofileitem.edit {
    clear: both;
    font-weight: 800;
    font-size: 12px;
}

.block_news_items div.content li.post {
    margin-bottom: 4px;
    margin-top: 2px;
}

.block_news_items div.content div.head.clearfix {
    font-size: 11px;
}

.block_news_items div.content div.info {
    font-weight: 600;
}

/** inner block style for decent display of recent news, etc **/

.block_recent_activity.block_docked div.content h2.main, .block_recent_activity.block_docked div.content h3.main, .side-pre .block div.content h2.main,.side-post .block div.content h2.main,.block div.content h3.main,.block div.content h2 {
    font-size: 13px;
    color: #333;
    font-weight: 800;
    background: none;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/** a few styles for the tabs **/

div.tabtree li a span {
    font-size: 11px;
}

/** yui overlays **/

div.yui3-widget.yui3-overlay.yui3-widget-positioned {
    border: 1px solid #cccccc;
}

div.yui3-overlay-content.yui3-widget-stdmod {
    border: 1px solid #fff;
    background: #ffff66 url([[pix:theme|alert-overlay]]) repeat-x;
}

div.yui3-widget-bd {
    border: none;
    background: none;
}

div.yui3-widget-bd h1.helpheading {
    font-size: 16px !important;
    font-weight: 800;
    margin-top: 5px;
}

.yui-module.yui-overlay.yui-panel div.hd {
    background: #eeeeee url([[pix:theme|bart5]]) repeat-x 0% 90%;
    }

/**moodle dropdown css for yui menu **/

#custommenu {
    font-size: 13px;
    font-weight: 600;
    border: none !important;
    height: 45px;
}

#custommenu .yui3-menu.yui3-menu-horizontal {
    background: #fafafa url([[pix:theme|menubarback]]) repeat-x;
    border-bottom: 1px solid #cccccc;
    border-top: 1px solid #dadada;
    border-left: none;
    border-right: 1px solid #cccccc;
    float: right;
}

#custommenu .yui3-menu-content {
    border-width: 0;
}

#custommenu .yui3-menu-content li a {
    font-size: 12px;
    font-weight: 600;
    text-transform: lowercase;
    line-height: 45px;
    cursor: pointer;
    border-right-width: 0;
    border-top-width: 0;
    border-bottom-width: 0;
}

#custommenu .yui3-menu-label {
    padding-left: 16px !important;
    background: url([[pix:theme|yuiarrows]]) no-repeat 7px 17px;
}

#custommenu .yui3-menu-label-menuvisible {
    background-position: 5px -23px;
}

#custommenu .yui3-menu-content li {
    border-left: 1px solid #dadada;
    border-top-width: 0;
}

#custommenu .yui3-menu-content li:hover {
    background: #eee;
}

#custommenu .yui3-menu.custom_menu_submenu {
    background: url([[pix:theme|yuiarrow]]) no-repeat 40px 0;
    border: none;
    min-width: 100px;
    z-index: 99998;
}

#custommenu .yui3-menu.custom_menu_submenu .yui3-menu.custom_menu_submenu {
    background-image: none;
    background-color: transparent;
    min-width: 100px;
}

#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content {
    background: #fff;
    z-index: 99999;
    min-width: 200px;
    padding-top: 0;
    padding-bottom: 0;
    margin: 20px 0px 0px -40px;
}

/** below style to move sub subs to the left to keep from going off the page **/

#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content .yui3-menu.custom_menu_submenu .yui3-menu-content {
    margin-left: -400px !important;
    /** double the width of the menu item **/
    position: absolute;
    top: -15px;
}

#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li {
    border-left: none;
}

#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li a {
    font-size: 11px;
    border-bottom: 1px solid #cccccc;
    border-top-width: 0;
    text-transform: none;
    background: #eee;
    text-decoration: none;
    text-transform: lowercase;
}

#custommenu .yui3-menu.custom_menu_submenu .yui3-menu-content li a:hover {
    background: #cccccc;
    cursor: pointer;
    color: #000;
    text-decoration: none;
}

#custommenu .yui3-menu.custom_menu_submenu li a.yui3-menu-label {
    background: #eee url([[pix:theme|yuiarrows]]) no-repeat 7px -72px;
}

#custommenu .yui3-menu.custom_menu_submenu li a.yui3-menu-label:hover {
    background: #ccc url([[pix:theme|yuiarrows]]) no-repeat 7px -72px;
}

/** yui moodle dock bar **/

#dock {
    padding-top: 0px;
    width: 30px;
}

div.dockeditem_container div.dockeditem {
    background: url([[pix:theme|mbar]]) repeat-y;
    border: none;
    color: #fff;
    font: 100% Constantia, Lucidabright, Lucida, Georgia, serif;
}

div.dockeditem_container.firstdockitem {
    border-top: none;
}

div.dockedtitle {
    border: none;
    padding-top: 3px;
    padding-bottom: 3px;
}

.dockedtitle h2 {
    font-weight: 200 !important;
}

div.dockeditempanel_content {
    border: 1px solid #dadada !important;
    border-left: none !important;
    font-size: 90%;
}

div.dockeditempanel_content a {
    text-decoration: none;
}

div.dockeditempanel_hd {
    text-align: left;
    font-size: 12px;
}

div.dockeditempanel_hd {
    padding-top: 3px;
    padding-bottom: 3px;
    background: #eee;
    border-bottom: 1px solid #dadada !important;
}

div.dockeditempanel_hd h2 {
    font-weight: 600;
    font-size: 12px;
}

div.dockeditempanel_bd ul, div.dockeditempanel_bd li {
    list-style-type: none;
    padding: 0;
}

div.dockeditempanel_bd {
    font-weight: 200;
}

#dockeditempanel {
    margin-left: 1px;
}

html>

/**/body #dockeditempanel {
    margin-top: -20px;
}

#dock div.controls {
    margin-top: 20px;
    padding-top: 0px;
    position: relative;
}

/** main headings **/

.generalbox h2,h3.sectionname, h2.headingblock,h2.main,h3.main, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2 {
    font-size: 30px;
    padding-bottom: 2px;
    margin: 3px 0 2px;
    border-bottom: none;
    display: block;
    font-family: Georgia, serif;
    font-weight: normal;
    letter-spacing: -1px;
    line-height: 1em;
    background: url([[pix:theme|hr_grid]]) repeat-x 0% 89%
    }

.generalbox h2, #page-course-info h2.main, h3.sectionname, h2.main a, h3.main a, div.loginpanel h2, div.signuppanel h2, div.hd h3.main {
    font-size: 22px;
    background: none;
}

/** forum post style **/

.forumpost .content {
    border: 1px solid #dadada;
    border-top: none;
    background: #fff;
    padding: 1em 1em 1em 1em;
}

.forumpost .content div.posting {
    font-size: 90%;
}

.forumpost .topic {
    border: 1px solid #dadada;
    padding-top: 0px;
    padding-bottom: 0px;
}

.forumpost .topic div {
    margin:4px;
}

.forumpost .subject, .blog_entry div.subject a {
    font-size: 19px;
}

td.picture {
    border-right: none !important;
}

td.author {
    border-left: none !important;
}

.forumpost {
    border: none;
}

.forumpost .commands a {
    text-decoration: none;
    font-weight: 200;
}

.forumpost .left {

}

.forumpost .left.picture {
    background-image: url([[pix:theme|postline]]);
    background-repeat: no-repeat;
    background-position: 180% 106%;
}

.forumpost .left.picture img {
    border: 1px solid #eee;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #dadada;
    background: #fff;
    margin: 4px 0 9px;
}

.forumpost .starter {
    background-color: #FFF;
}

.forumpost .author {
    font-size: 11px !important;
    color: #666;
    font-style: italic;
    font-weight: 200;
}

.forumpost .author a {
    font-style: normal;
    font-weight: 800;
}

.info .name a {
    font-weight: bold;
}

.indent {
    margin-left: 30px;
}

div.subscribelink {
    text-align: right;
}

.subscribelink a {
    text-decoration: none;
    font-size: 11px;
}

/**tables and fields and foms oh my! **/

.mform fieldset,fieldset.clearfix {
    border: 1px solid #dadada !important;
    background: #f9f9f9;
}

.ftoggler {
    font-size: 18px;
    color: #333333;
}

div.notifysuccess {
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    color: #008500;
    border: 3px solid #dadada;
    text-align: center;
    background: #fff url([[pix:theme|check]]) no-repeat 2% 50%;
    padding: 5px;
}

table a {
    text-decoration: none;
}

td.maincalendar table.calendartable th, table.rolecap .header,.generaltable .header,.forumheaderlist .header,.files .header,.editcourse .header,.logtable .header,#attempts .header,table#categoryquestions th {
    font-size: 11px;
    font-weight: 200;
    text-decoration: none;
    color: #fff !important;
    border-top: 1px solid #ccc !important;
    padding: 5px;
}

table#categoryquestions th a {
    color: #fff;
}

.generaltable .header a,.forumheaderlist .header a, th.header.questionnametext a {
    border: none;
    color: #fff !important;
    font-size: 12px;
    text-decoration: none;
    padding: 5px;
}

.generaltable .header,
.generaltable .header a {
    padding: 0;
}

tr.r1 td {
    background-color: #f9f9f9;
}

table.rolecap td, table.rolecap th {
    border-bottom: 1px solid #dadada;
}

table.rolecap td.risk {
    border-left: 1px solid #dadada;
}

/** Coursebox and category box stuff for front page **/

ul.unlist, ul.unlist li, ul.unlist li div, ul.unlist li div ul, ul.unlist li div ul li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

div.coursebox {
    padding-bottom: 7px !important;
    margin-bottom: 7px !important;
    border-bottom: 1px solid #eee;
}

div.coursebox h3.name {
    margin-top: 0px;
    margin-bottom: 0px;
}

div.coursebox h3.name a {
    font-size: 16px;
    font-weight: 400;
}

.unlist div.summary {
    font-size: 14px;
    color: #666666;
    font-style: italic;
}

.unlist ul.teachers {
    display: block;
    padding-left: 5px !important;
}

.unlist ul.teachers li {
    font-size: 10px;
}

.unlist ul.teachers li a {
    font-size: 11px;
}

div.categorybox {
    border: none !important;
    margin-top: 0;
}

td.category.name a {
    padding-left: 20px;
    background: url([[pix:theme|jcourse]]) no-repeat 0 50%;
    font-weight: 400;
    font-size: 16px;
}

#course-index td.category.name a {
    padding-left: 0px;
    background-image: none;
}

table.categorylist td {
    padding: 0;
}

div.course_category_tree a {
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
}

div.course_category_tree div.category,div.course_category_tree div.category_label,div.course_category_tree div.courses {
    margin-bottom: 8px;
}

div.course_category_tree div.category.with_children div.category_label {
    background-position: 0 55% !important;
}

div.course_category_tree div.course.odd {
    background: #eee;
}

div.course_category_tree div.course a {
    font-size: 14px;
}

div.category.subcategory.with_children {
    margin-left: 20px;
}

div.course_category_tree div.controls {
    font-size: 10px;
    color: #666;
    text-transform: uppercase;
}

div.course_category_tree div.controls div {
    margin-top: 3px;
    margin-right: 10px;
    border-bottom: 1px solid #dadada;
}

/** inside  of course **/

li.section {
    border-bottom: 1px solid #dadada;
    clear: both;
    min-height: 30px;
}

li#section-0 div.content {
    margin-top: 0px;
    padding-top: 0px;
}

li.current {
    background: #ffffe3;
}

li.current div.content {
    background: #fff;
}

h3.weekdates {
    border: 1px solid #ccc;
    background: #eeeeee url([[pix:theme|bart5]]) repeat-x;
    width: 170px;
    font-size: 11px !important;
    font-weight: 200;
    text-transform: uppercase;
    text-align: center;
    margin: 0px 0px 3px;
    color: #333333 !important;
    padding: 3px;
}

.current h3.weekdates {
    color: black !important;
    font-weight: 600;
}

div.course-content div.left.side {
    font-weight: 200;
    font-size: 20px;
    font-family: Georgia, serif;
    color: #666;
}

span.completionprogress {
    font-size: 11px;
    font-weight: 200;
}

/**my moodle page style **/

div.assignment.overview {
    margin-bottom: 5px;
    padding-bottom: 3px;
    border-bottom: 1px dashed #dadada;
}

div.assignment.overview div.name {
    font-weight: 600;
}

div.assignment.overview div {
    display: block !important;
    float: none !important;
    width: 100% !important;
}

#page-my-index div.coursebox {
    border-bottom: none;
}


/** glossary activity **/

table.glossarycategoryheader h2.main {
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
}

table.glossarypost {
    margin-top: 0;
    width: 100%;
    border-bottom: 1px dashed #dadada;
}

table.glossarypost td.entry h3 {
    font-size: 20px;
}

/** a few quick wiki styles **/

#page-mod-wiki-view div.generalbox {
    padding: 10px;
}

#page-mod-wiki-view h2.wiki_headingtitle {
    font-size: 22px;
    font-family: Georgia, serif;
    color: #333333;
    font-weight: 600;
    text-align: left;
    margin-bottom: 3px;
    margin-top: 2px;
}

/**HR in content blocks **/

.content hr {
    height: 1px;
    color: #dadada;
    background-color: #dadada !important;
    border: none;
    border-style: none;
}

/** some MISC styles to clean things up and keep the theme consistant **/

div#intro {
    border: none;
    text-align: left;
    font-size: 14px;
    color: #333333;
}

div.que {
    border: 1px solid #dadada;
}

div.questionbankwindow.block div.header {
    background: #eee !important;
}

div.questionbankwindow.block div.header a {
    color: #333333 !important;
    font-size: 11px;
}

div.generalbox, div.section {
    border: 1px solid #dadada;
}

/** take borders away from some generalboxes here **/

div.generalbox.sitetopic, div.generalbox.authsui,#page-course-info div.generalbox, #page-admin-roles-assign div.generalbox, table.roleassigntable, table.roleassigntable td, #page-blocks-private-edit div.generalbox {
    border: none;
}

div.generalbox.firstpageoptions h3.main {
    font-size: 16px;
}

div.redirectmessage {
    width: 60%;
    margin: 10px auto 0 auto;
    border: none;
    font-size: 13px;
    background: #fff url([[pix:theme|ajax-loader]]) no-repeat 50% 100%;
    padding: 20px;
}

div.box.errorbox {
    border: 1px solid #dadada;
    color: #ff0000;
    background: #fff url([[pix:theme|error]]) no-repeat 1% 3%;
    padding: 10px;
}

div#newmessageoverlay {
    padding: 10px;
}

div#newmessageoverlay a {
    text-decoration: none;
    font-size: 11px;
}

#page-mod-page-view div.generalbox {
    border-left: none;
    border-right: none;
    border-top: none;
}

div#tablecontainer {
    margin-bottom: 10px;
}

div.course-content div.availabilityinfo {
    font-size: 11px;
    font-style: italic;
    padding: 2px;
    border-bottom: 1px dashed #dadada;
    margin-bottom: 10px;
}

div.singlebutton.forumaddnew {
    text-align: center;
}

#page-course-info h2.main {
    line-height: 5px;
    margin-bottom: 5px;
}

#page-course-info div.generalbox ul, #page-course-info div.generalbox li {
    list-style-type: none;
}