/**************************************
 * THEME NAME: hsconline08
 *
 * Files included in this sheet:
 *
 *   hsconline08/hsconline.css
 **************************************/

/***** hsconline08/hsconline.css start *****/

/**
 *  Adds all the nice finish to the standard theme
 *
 */
html {
    font-size: 100%;
    background-color: #fff;
}
html{color:#000}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
body, p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

table, td, th, li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font-weight: bold;
	font-size: 123.1%;
}
body {
    margin: 0px;
    padding: 0px;
    background-image: url(images/tile.png);
    background-repeat: repeat;
    background-color: #842821;
}
strong {
	font-weight: bold;
}
.clearer {
    clear: both;
    height: 0px;
}

#page_holder {
    background-image: url(images/tile-topbit.png);
    background-repeat: repeat-x;
    margin: 0px;
    padding: 0px;
}

#page_header {
    clear: both;
    border: none;
    margin: 0em 3em;
    background-color: transparent;
    padding: 20px 0px 10px 0px;
    height: 65px;
}

#page_nav {
    border: none;
    margin: 0em 3em;
    background-color: #2e2e2e;
    padding: 0px;
}

#page_content {
    border: none;
    margin: 0em 3em;
    background-color: #fff;
    padding: 0px;
}

th.header, td.header, h1.header, h2.header, h3.header, div.header {
}

a, a:link, a:visited, a:hover {
    color: #842821;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

.helplink {
    font-size: 77%;
    margin: 1.0em;
}
/* network */
#network {
    width: 100%;
    height: 18px;
    margin: 0px;
    background-color: #000000;
    background-image: url(images/network.jpg);
    background-repeat: repeat-x;
    font-size: 93%;
    font-weight: bold;
    color: #FFFFFF;
    border-bottom: 1px solid #FFF;
}

#network h4 {
    display: none;
}

#network ul, #network ol, #network li {
    display: inline;
    list-style: none;
    padding: 0;
    margin: 0;
}

#network .right li {
    padding-left: 1em;
}

#network .left li {
    margin-left: 12px;
    padding-left: 23px;
    background: url(images/network-arrow.gif) no-repeat left center;
}

#network .left #lead {
    margin-left: 12px;
    padding-left: 0;
    background: none;
}

#network .left {
    font-size: 77%;
    float: left;
    margin: 2px 0 0 10px;
}

#network .right {
    font-size: 77%;
    float: right;
    margin: 2px 10px 0 0;
}

#network a {
    text-decoration: none;
    color: #FFFFFF;
}

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

#page_header .logo_holder {
}

#page_header .logo_holder #logo {
    background-image: url(images/logo.png);
    background-repeat: no-repeat;
    height: 56px;
    width: 514px;
    float: left;
}

#page_header .headermenu {
    float: right;
}

.headermenu .logininfo {
    color: #fff;
	font-size: 85%;
	font-weight: bold;
}

#footer .logininfo {
    display: none;
}

.headermenu a {
    color: #FFF;
    text-decoration: underline;
}

#page_nav {
    background-image: url(images/nav_repeat_x.png);
    background-repeat: repeat-x;
    height: 4em;
    border-bottom: 4px solid #fff;
}

#page_nav #nav_left {
    background-image: url(images/top_left_corner.png);
    background-repeat: no-repeat;
    background-position: top left;
    height: 4em;
    border-bottom: 4px solid #fff;
}

#page_nav #nav_right {
    background-image: url(images/top_right_corner.png);
    background-repeat: no-repeat;
    background-position: top right;
    height: 4em;
    border-bottom: 4px solid #fff;
}

.breadcrumb {
    color: #fff;
    font-size: 93%;
    float: left;
    border: none;
    padding: 16px 0px 0px 0px;
    margin-left: 16px;
}

.breadcrumb a {
    color: #fff;
}

.breadcrumb a:hover {
    text-decoration: none;
    border-bottom: 2px solid #fff;
}

.navbutton {
    color: #fff;
    clear: right;
    padding: 16px 0px 0px 0px;
    margin: 0px;
    margin-right: 16px;
    float: right;
    border: none;
    width: 35%;
}

.navbutton form {
    float: right;
}

.navbar .navbutton input, .navbar .navbutton select {
    font-size: 85%;
}

.navbar a {
    color: #4B4B4B;
}

#content {
    clear: both;
    background-color: #fff;
    margin: 0px 4px 0px 4px;
    border: 0px;
    border-bottom: 4px solid #fff;
    padding: 0px;
}

#layout-table {
    border-collapse: collapse;
}

.generalbox {
    border: 0px;
}

.sideblock .header, sideblock h2 {
    color: #FFFFFF;
    border: none;
    font-size: 123.1%;
}

#right-column .sideblock .header {
    color: #1C2126;
	background-color: #d4e8bf;
	padding: 12px;
}

#left-column .sideblock {
    padding: 5px;
}
#right-column .sideblock {
    padding: 0px;
}
#right-column .sideblock .content {
	border-width: 0px 1px 1px 1px;
	border-style: solid;
	border-color: #d4e8bf;
	background-color: #e1efd2;
}
#left-column .sideblock .hide-show-image {
    margin-right: 0.5em;
}
#left-column .sideblock .content {
    margin-right: 10px;
}

#left-column .sideblock a {
    color: #fff;
}
#left-column .sideblock,
#left-column li.post div{
    color: #fff;
}

.block_admin_tree .content a:link, .block_admin_tree .content a:visited, .block_admin_tree .content a:hover {
    color: #FFFFFF;
}

.block_admin_tree .content .admintree a:link.current, .block_admin_tree .content .admintree a:visited.current, .block_admin_tree .content .admintree a:hover.current {
    background-color: #b02c23;
    font-weight: bold;
    padding: 1px 2px 2px 0px;
	
}

.section_add_menus {
    text-align: left;
}

.block_site_main_menu .footer select {
    font-size: 1.0em;
}

#adminsettings fieldset, .generalbox.adminwarning, .generalbox.generalboxcontent, .admin .generalbox, #course-edit fieldset, fieldset legend, #content fieldset, #mod-forum-view .generalbox, #notice.generalbox {
	border: 1px solid #d4e8bf;
	background-color: #e1efd2;
}

.courseboxes {
    background-color: #FFFFFF;
    border: 1px solid #BEC7D0;
}

#content #left-column fieldset {
    background-color: transparent;
    border: none;
}

#middle-column h2.main {
    background-image: none;
    color: #000000;
    font-size: 123.1%;
    height: 1.4em;
}

table#layout-table, layout-table td {
    padding: 0px;
    margin: 0px;
    border: 0px;
}

#content #middle-column {
    background-color: #FFFFFF;
    padding: 4px;
}

.notloggedin #content td#middle-column {
    border-left: none;
}

#content #left-column {
    background-color: #7e7e7e;
    border: none;
}

#content #right-column {
    background-color: transparent;
    border: none;
	padding: 0px;
}

#content #left-column .content {
    font-size: 93%;
    background-color: #7e7e7e;
    border: none;
}

#content #left-column .block_online_users .content {
    font-size: 100%;
}
.block_login .loginform div {
	text-align: center;
}
#content #left-column .block_html .content,
#content #left-column .block_course_summary .content {
    font-size: 85%;
    color: #FFF;
    background-color: transparent;
}
#content #left-column .block_html .content a,
#content #left-column .block_course_summary .content a {
	color: #fff;
	font-weight: bold;
}

.coursebox, .headingblock, h2.headingblock, #course-view .section td.content, #course-view .section td.side, .generalbox.sitetopic, .generalbox.editcourse {
    border: none;
}

.loginbox, .loginbox.twocolumns {
    margin: 0px;
    color: #333333;
    width: 100%;
    border: none;
}

.loginbox.twocolumns .loginpanel, .loginbox .guestsub, .loginbox .forgotsub {
    border: none;
    margin-left: 0px;
    text-align: left;
}

.loginform, .loginbox h2, .loginbox .subcontent, .loginbox .loginpanel .subcontent, .loginbox .signupform {
    text-align: left;
}

#login-index div.loginform {
	background-color: #e1efd2;
    border: 1px solid #d4e8bf;
    width: 70%;
    padding: 5px 0px;
}

.tabrow0 div, .tabrow0 ul {
    background-color: #CCD3DB;
    border: 1px solid #BEC7D0;
    background-image: none;
}

.tabtree .tabrow0 a span {
    color: #555555;
}

.tabrow0 a.nolink span {
    color: #000000;
    font-weight: bold;
}

.tabrow0 a span {
    color: #FFFFFF;
}

.coursebox {
    padding-bottom: 0.5em;
    padding-top: 0.25em;
    border-top: 1px dotted;
    border-color: #BEC7D0;
}

.coursebox .name a {
    font-size: 0.9em;
    font-weight: bold;
    color: #42525E;
}

.coursebox .summary {
    font-style: italic;
    font-size: 0.8em;
}

.generalbox.editcourse {
    font-size: 77%;
}

.categorybox .categorylist .category {
    font-size: 85%;
}

.generalbox.categorybox {
    padding: 0.3em;
}

table.boxaligncenter {
    width: 90%;
	margin: 1em auto;
}

.generaltable th, .generaltable td, .generalbox #overrideform th, .generalbox #overrideform td {
    border-style: solid;
	border-color: #ddd;
	border-width: 1px 0px 1px 0px;
	padding: 0.2em;
}
table.boxaligncenter th, table.boxaligncenter td {
    border-style: solid;
	border-color: #ddd;
	border-width: 1px;
}

table.generaltable, table.categorylist {
    width: 100%;
}

.generaltable th.header {
    background-color: #E6EADC;
    border: 1px solid #d4e8bf;
}

.generaltable .r1 td.cell {
    background-color: #EEF0F2;
    border: none;
}

#course-view #middle-column .current {
    background-color: #fff;
    border: 3px solid #842821;
}

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

fieldset.coursesearchbox.invisiblefieldset {
    display: block;
    padding: 0.3em;
    text-align: right;
    font-size: 77%;
}

fieldset.coursesearchbox.invisiblefieldset input#coursesearchbox {
    width: 30%;
}

#intro.generalbox {
	width: auto;
}
.generalbox p {
	margin-bottom: 0.5em;
}
.generalbox ul{
	list-style: square;
	padding-left: 0.3em;
	margin-bottom: 0.5em;
}
.generalbox ul li {
	list-style: square;
	padding-left: 0.3em;
	margin-left: 1em;
}
.generalbox ol{
	list-style: decimal;
	padding-left: 0.3em;
	margin-bottom: 0.5em;
}
.generalbox ol li {
	list-style: decimal;
	padding-left: 0.3em;
	list-style-position: inside;
}
.generalbox h1,
#middle-column .content .summary h1 {
	font-weight: bold;
	font-size: 146.5%;
}
.generalbox h2,
#middle-column .content .summary h2 {
	font-weight: bold;
	font-size: 131%;
}
.generalbox h3,
#middle-column .content .summary h3 {
	font-weight: bold;
	font-size: 108%;
}
.generalbox h4,
#middle-column .content .summary h4 {
	font-weight: bold;
	font-style: italic;
	font-size: 93%;
}
.generalbox h5,
#middle-column .content .summary h5 {
	font-weight: bold;
	font-style: italic;
	font-size: 85%;
}

/* calendar stuff
 */
#calendar .weekend, .minicalendar .weekend {
    color: #EC2227;
}

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

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

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

#calendar .event_user, .minicalendar .event_user, .block_calendar_month .event_user {
    background-color: #9BD7FF;
    border-color: #62C0FF !important;
}

#calendar .maincalendar, #calendar .sidecalendar {
    background-color: #E6EADC;
    border: 1px solid #d4e8bf;
}
#left-column .sideblock.block_calendar_month table.minicalendar {
	background-color: #eeeeee;
}
#left-column .sideblock.block_calendar_month a {
	color: #2e2e2e;
}

.sidecalendar h2,
.sidecalendar .header {
    color: #2e2e2e;
}
pre.php, pre.bash {
    display: block;
    margin-top: 5em;
}

.forumheaderlist .header {
    background-color: #d4e8bf;
    color: #FFFFFF;
}

.discussion.r0 td, .forumheaderlist .discussion.r0 .starter {
    background-color: #d4e8bf;
    border: 1px solid #d4e8bf;
    background-image: none;
}

.discussion.r1 td, .forumheaderlist .discussion.r1 .starter {
    background-color: #ebf4e1;
    border: 1px solid #d4e8bf;
    background-image: none;
}

.forumpost .topic {
    background-color: #d4e8bf;
    border: 1px solid #d4e8bf;
    background-image: none;
}

.forumpost .content {
    background-color: #ebf4e1;
    border: 1px solid #d4e8bf;
    background-image: none;
}

.forumpost .left {
    background-color: #d4e8bf;
    border: 1px solid #d4e8bf;
    background-image: none;
}

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

#mod-resource-view .generalbox a, #mod-resource-view .generalbox a:link, #mod-resource-view .generalbox a:visited, #mod-resource-view .generalbox a:hover {
    color: #CC0000;
}

#mod-choice-view .generalbox a, #mod-choice-view .generalbox a:link, #mod-choice-view .generalbox a:visited, #mod-choice-view .generalbox a:hover {
    color: #CC0000;
}

#mod-choice-view table, #mod-choice-view td {
    background-color: #FFF;
}
/* homepage news*/
#site-index td.left {
    display: none;
}

#site-index .subscribelink {
    display: none;
}

#site-index .forumpost td.content {
    font-size: 77%;
}

#site-index .forumpost td.content p {
    font-size: 100%;
}

#site-index div.author {
    font-size: 77%;
    color: #333;
}

#site-index .topic.starter {
    border-bottom-width: 3px;
}

#site-index .forumolddiscuss {
    font-size: 77%;
}

#site-index h2.headingblock {
    text-transform: uppercase;
    letter-spacing: 0.02em;
    margin-bottom: 0px;
}

.namepicker_settings.generalbox {
    background-image: url(images/powered_by_logo.gif);
    background-position: right bottom;
    background-repeat: no-repeat;
}

#quicklinks td img {
    display: block;
}
/* chat */
#mod-chat-gui_header_js-jsupdate .chat-message span.title,
#mod-chat-gui_header_js-jsupdate .chat-event span.event {
	font-weight: bold;
	font-size: 85%;
	color: #ccc;
}
#mod-chat-gui_header_js-jsupdate .chat-message td.text {
	color: #fff;
}
.noheader.nonavigation #page_header,
.noheader.nonavigation #network,
.noheader.nonavigation #page_nav {
	display: none;
}
body#mod-chat-gui_header_js-jsupdate,
body#mod-chat-gui_header_js-users {
	border-top: 4px solid #2e2e2e;
	border-bottom: 6px solid #2e2e2e;
}
body#mod-chat-gui_header_js-chatinput {
	border: 2px solid #842821;
}
table.chat-message,
table.chat-message tr{
	border-collapse: collapse;
	border: 0px;
	padding: 0px;
}


/* studycal specifics */
div.course-content {
	width: 100%;
}
div.studycal-format {
    float:left;
	width: 100%;
	margin: 0px;
}

.studycal-format div#left-column {
    float: left;
    width: 15%;
	margin: 0px;
}

.studycal-format div#middle-column {
    float: left;
    width: 68%;
	margin: 0px;
}
.studycal-format div#right-column {
    float: right;
    width: 15%;
	margin: 0px;
}


.viewprogress {
	font-weight: bold;
	font-size: 131%;
}
.studycalbottom a {
	font-weight: bold;
	font-size: 116%;
}
.studycal-format div.studycalcontent {
	margin-left: 1.5em;
}


.heading_name_row th a {
white-space: nowrap;
}

.grade-report-grader div.left_scroller tr,.grade-report-grader div.right_scroller tr,.grade-report-grader div.left_scroller td,.grade-report-grader div.right_scroller td,.grade-report-grader div.left_scroller th,.grade-report-grader div.right_scroller th {
height:42px;
padding: 4px;
}
.grade-report-grader table tr.avg,.grade-report-grader table tr.groupavg td,.grade-report-grader table tr.avg td,.grade-report-grader table tr.groupavg th,.grade-report-grader table tr.avg th,.grade-report-grader table tr.controls_row,.grade-report-grader table tr.controls_row th,.grade-report-grader table tr.range_row,.grade-report-grader table tr.range_row th,div.right_scroller tr {
height: 42px;
padding: 4px;
}
.grade-report-grader .right_scroller {
  overflow-y: hidden;
}
/***** hsconline08/hsconline.css end *****/