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

/***** ecampus/ecampus.css start *****/

/*******************************************************************
 ecampus.css
  
Barking College eCampus theme

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

/* General settings applied to the whole site */
body, html {font-family:Arial, Helvetica, sans-serif; background:#e2e5ea; margin:0; padding:0; font-size:13px; color:#666666}
a, a:link, a:visited {text-decoration:none; font-weight:bold; color:#666666}
a:hover{color:#000000; font-weight:bold; text-decoration:none;}

h1, h2, h3, h4, h5, h6 {font-size:1em; margin:5px 0 5px 0; padding:0; font-weight:bold;}
div, li, table, td, tr, form {margin:0px; padding:0;}
p {margin:0 0 9px 0; padding:0}
ul.horizontal{list-style-type:none; margin:0; padding:0;}
li.left{float:left;}

/*** Header ***/

#header{}

/* header-top is the grey bar with the right navigation options*/
#header-top{background:url(images/greysliver.jpg) repeat-x; height:34px; color:#ffffff;}
#header-home-width{}
#header-top-options{font-weight:bold; text-align:center; font-size:11px; width:770px;}
#header-top-options a, #header-top-options a:hover, #header-top-options a:visited, #header-top-options a:active {color:#ffffff}
#header-top-options a, #header-top-options img{float:right;}
#header-top-options a {width:66px; padding-top:9px}
#header-top-options a.moodlehelp {padding-top:3px}
img#top-logo {float:left;}

/* header-main is the centre section with the eCampus logo */
#header-main{background-image:url(images/patch.jpg); height:105px;}
#header-image-width {text-align:right; width:757px;}
#header-main img{margin:20px 10px 0 0;}

/* header-sections-nav provide the main navigation with coloured rollover effects - these are absolutely poisitioned */
ul#header-sections-nav {position:absolute; top:115px; left:5px; color:#ffffff; font-weight:bold; font-size:11px;}
ul#header-sections-nav li{float:left; margin:0px 8px 0px 8px;}
ul#header-sections-nav li a{color:#ffffff; display:block; padding:0px 3px 0px 3px; margin:0 3px 0 3px;}
ul#header-sections-nav li a:active{border-left:3px solid; border-right:3px solid; margin:0}
ul#header-sections-nav li a:hover{border-left:3px solid; border-right:3px solid; margin:0}

/* provides a border when switched on - this needs to be controlled by cookies for full implemntation */
ul#header-sections-nav li a.colour-2on{border-color:#FF6501; border-left:3px solid #FF6501; border-right:3px solid #FF6501; margin:0}
ul#header-sections-nav li a.colour-3on{border-color:#0098C2; border-left:3px solid #0098C2; border-right:3px solid #0098C2; margin:0}
ul#header-sections-nav li a.colour-4on{border-color:#97DD00; border-left:3px solid #97DD00; border-right:3px solid #97DD00; margin:0}
ul#header-sections-nav li a.colour-5on{border-color:#FD096F; border-left:3px solid #FD096F; border-right:3px solid #FD096F; margin:0}
ul#header-sections-nav li a.colour-6on{border-color:#F3CE1B; border-left:3px solid #F3CE1B; border-right:3px solid #F3CE1B; margin:0}
ul#header-sections-nav li a.colour-7on{border-color:#D7D7DF; border-left:3px solid #D7D7DF; border-right:3px solid #D7D7DF; margin:0}

/* provides the rollover colours when mouse hovers over*/
ul#header-sections-nav li a.colour-2off{border-color:#FF6501;}
ul#header-sections-nav li a.colour-3off{border-color:#0098C2;}
ul#header-sections-nav li a.colour-4off{border-color:#97DD00;}
ul#header-sections-nav li a.colour-5off{border-color:#FD096F;}
ul#header-sections-nav li a.colour-6off{border-color:#F3CE1B;}
ul#header-sections-nav li a.colour-7off{border-color:#D7D7DF;}

/* Controls the display of the white box and the buttons that appear there */
#header-whitebox {float:right; width:162px; height:34px; padding:9px; background:#ffffff; margin:20px 0 0 0; text-align:center; font-weight:bold;}
form#switchrole {display:none;}
#header-whitebox input {width:162px; height:17px; color:#ffffff; border: none; margin:0 0 0 0; padding:0 0 1px 0; font-weight:bold; font-size:0.85em;  vertical-align:middle}
#button_green input{background:url(images/login.jpg) no-repeat;}
#button_blank input{background:none; color:#666666; border:none; margin:2px 0 0 0; padding:0;}
#button_red input{background:url(images/logout.jpg) no-repeat;}
#header-date{margin:4px 0 0 0; font-size:10px}
#header-whitebox p {margin: 5px 0 0 0; padding:0; font-size:0.85em; color:#666666}

/* Carries the black patch background to slightly underlap the main content */
#content{background:url(images/patchsliver.jpg) repeat-x; margin:0; padding:0; text-align:left;}

/*** Footer  ***/
#footer {text-align:right; margin-top:9px; width:758px;}
#white-footer{margin-left:auto; font-size:11px; width:162px; height:38px; padding:9px; background:#ffffff; text-align:center; font-weight:bold;}
.homelink{margin:4px 0 0 0; border:none; background:url(images/edit.jpg) no-repeat; height:17px; text-align:center; width:162px;}
.homelink a:link,
.homelink a:visited,
.homelink a:hover {border:none; color:#ffffff;}
/* Removes homelink from relevant pages */
#course-view div#white-footer, #site-index div#white-footer{display:none;}

/*General effects for the main content areas */
#content table{margin:0;}
#content h2.main, .loginbox {margin-top:0;}
.generalbox,
.loginbox,
#content h2.main,
#content div.coursebox,
div.initialbar,
div#resource,
.subscription {background:#ffffff;}
.generalbox,
.loginbox {width:723px;}
/* Removes left column from home page */
#site-index td#left-column {display:none;}


/* Fixes the widths of page (both columns) */
#site-index table#layout-table{width:758px; border-collapse:collapse;}
#course-view table#layout-table, .nocoursepage table#layout-table {width:754px; border-collapse:collapse;}
#content h2.main, .que, .tabtree {width:744px;}
.loginbox {margin:0;}
.loginbox .twocolumns {width:742px; margin:0;}
.loginbox h2,
.loginbox .subcontent{margin:0;}
form.mform, .forumcontrol{margin:0; width:742px;}
.generalbox#intro{margin:0; width:722px;}
#notice.generalbox {margin:0; width:722px; text-align:center}
#calendar{width:744px; background:#ffffff;}

/*Fixes widths of main content */
table.topics, td#middle-column {width:550px;}
div.sitetopic{width:532px;}
div#resource{width:530px;}

/* Fixes width and applies formatting to sideblocks */
.sideblock {background:#ffffff; width:180px;}
.sideblock .header{background:#ffffff; border-bottom: 1px solid #D7D7DF;}
.sideblock .header title{height:35px;}
.block_menu .content {border-top:none;}
td#middle-column{width:180px; padding:0; margin:0;}

/* General backgrounds, margins and padding for page */
.headingblock {display:none;}
.boxaligncenter {text-align:left; margin:0;}
#course-view div#content {padding:0 2px 0 14px;}
.nocoursepage div#content {padding:0 14px 0 14px;}
#course-view .main, .nocoursepage div#resource {background:#ffffff; border:1px solid #D7D7DF;}
#course-view .main td.content, .nocoursepage div#resource {padding:9px;}
#course-view .section .left, #course-view .section .right {display:none;}

/* Navigation Menu Sideblock */

.block_menu .title h2, .block_menu .title .hide-show {display:none; border:none; margin:0; padding:0;}
.block_menu .header, .block_menu h2 {border:none; margin:0; padding:0;}
.block_menu .content {padding: 6px 9px 9px 9px; color:#FFFFFF; cursor:pointer;}/*add cursor:pointer; to add pointer to top level menu items*/
.block_menu div {margin:0; padding:0;}
.block_menu h3 {margin:0; padding: 4px; border-bottom:1px solid #ffffff}
.block_menu h3 a {display:block;}
.block_menu h3 a, .block_menu h3 a:active, .block_menu h3 a:visited, .block_menu h3 a:hover {color:#FFFFFF;}
.block_menu ul {list-style-type:none; margin:0; padding:0;}
.block_menu ul li a {display:block;}
.block_menu ul li a, .block_menu ul li a:active, .block_menu ul li a:visited, .block_menu ul li a:hover {color:#FFFFFF; font-weight:normal;}
.block_menu ul li {padding: 4px; border-bottom:1px solid #ffffff}
 
 /***
 *** Modules: Quiz
 ***/
 
 div.que {background:#ffffff; margin:0}

/***
 *** Modules: Forum
 ***/
 
.subscription {width:724px; padding:9px; background:#ffffff;}
.forumaddnew,
.forumnodiscuss,
.noticeboxcontent {width:724px; text-align:center;}
.forumheaderlist,
.forumpost {width:744px; margin-top:9px;} 
.mod-forum .indent {margin:9px 0 0 0;}
.forumheaderlist th, .forumpost .topic{background:#c8c8c8; color:#ffffff;}
.forumpost .starter{background:#a5a5a5;}
tr.discussion, .forumheaderlist .discussion .starter {background:#ffffff;}
.forumsearch{display:none;}

#site-index div.forumaddnew, #site-index div.forumnodiscuss, #site-index div.noticeboxcontent,
#site-index .forumheaderlist, #site-index .forumpost {width:554px;}/***** ecampus/ecampus.css end *****/