/**************************************
 * THEME NAME: Redhill
 *
 * Files included in this sheet:
 *
 *   Redhill/redhill_layout.css
 *   Redhill/redhill_color.css
 *   Redhill/redhill_fonts.css
 *   Redhill/redhill_extras.css
 **************************************/

/***** Redhill/redhill_layout.css start *****/

* Core. */

body {
    margin-left: 0px;
    width: 98%;
}


h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main {
  text-align: left;
  padding-left: 5px;
} 

h1, h2, h3, h4 {
  text-align: left;
  padding-left: 5px;
}
  
h1, h2, h3 {
  border-width: 0px;
  border-style: solid; 
}

h2, h3 {
  margin-top: 0px;
}

h4 {
  border-bottom-style: solid;
  border-bottom-width:1px; 
}

input {
  
}

.generalbox {
  border-width:0px; 
  border-style:solid;
}

.sitetopiccontent {
  border-width:1px;
  border-style:solid;
}

/***
 *** Header
 ***/

#header-home {
  /* padding:1em 0.5em; */
  /*height:100px;*/
  height:50px;
  border-width:0px;
  border-style:solid;
  background-image: url(banner.gif);
  background-repeat: no-repeat;

  
}

#header {
  height:50px;
  border-width:0px;
  border-style:solid;
  background-image: url(banner.gif);
  background-repeat: no-repeat;
}

.headerlogo {
  float:left;
  
  
}

.headermenu {
  float:right;
  text-align:right;
  padding: 2px 5px 4px 17px;
  background-color:#000000;
  background-image: url(logincorner.gif);
  background-repeat: no-repeat;*/
  
}

.navbar {
  /*margin-right: 5px;*/
  width: 100%; 
  padding:0px;
  height: 18px;
  border-width:0px;
  margin-top: 0px;
  border-style:solid;
}

.navbarglobal {
  position: relative;
  height: 18px;
}

.navbargloballeft {
  position: absolute;
  left: 0;
  width: 90%;
}

/*conditional commenting is used in header.html to get the right class*/
.navbarglobalrightIE7 {
   position: absolute;
   right: 0;
   width: 10%;
   margin-right:3px;
   text-align: right; 
}

.navbarglobalrightIE6 {
   position: absolute;
   right: 0;
   width: 10%;
   margin-right:3px;
   text-align: right; 
}

.navbarglobalrightFirefox {
   position: absolute;
   right: 0;
   width: 10%;
   margin-right:3px;
   text-align: right; 
}



/*previously used to position Staff|Email|Easylink over to the right - caused an extra line to appear underneath in IE6 though*/
.navbarglobal span{
float: right; 
text-align: right;
/*width: 100px;*/
position: relative; 
top:-17px;
font-size:0.95em;
}


.breadcrumb {
 padding-top: 0px;
 padding-left: 3px;
 margin-top: 0px;
 }
 
.navbar .navbutton {
  padding-right: 3px;
  padding-top: 0px;
 }


/***
 *** Login
 ***/

TABLE.loginbox {
  margin-top: 20px;
  }

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
}

.loginbox .content {
  border-top-width: 0px;
}


/***
 *** Footer
 ***/

#footer {
  text-align:left;
  margin-top: 0px;
}


/***
 *** Blocks
 ***/
 .sideblock .content {
  padding-bottom:10px;
}

 .sideblock .header h2 {
  border-width: 0px;
 }

.sideblock .footer {
  border-top-width:1px;
  border-top-style:dashed;
  margin:10px 0px 0px 0px;
}
  

/***
 *** Calendar
 ***/
#calendar .today,
.minicalendar .today {
  border:1px solid !important;
} 

 table.minicalendar {
  width: 100%;
  margin:10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
}

table.minicalendar tr.weekdays th {
   border-style: none;
}

table.minicalendar tr td.day {
  border-style: solid;
  border-width: 1px;
}

table.minicalendar tr.weekdays th abbr {
  border-style: none;

  }
  
table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
}

table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
}


  

/***
 *** Course
 ***/
 
.headingblock {
  border-width:0px;
  border-style:solid;
  padding:5px;
}


.categorybox .category,
.categorybox .category {
  border-bottom: solid;
  border-width: 1px;
  padding-top: 3px;
}

//used for indented sub-categories
.category2 {
  border-top: solid;
  border-width: 1px;
  padding-top: 3px;
}

#course-view .section .left {
  border-right-width: 1px;
  border-right-style: dashed;
}

#course-view .current .left {
  border-right-width: 5px;
  border-right-style: solid;
}

/*#course-view .current .right {
  border-right-width: 5px;
  border-right-style: solid;
}*/
/***** Redhill/redhill_layout.css end *****/

/***** Redhill/redhill_color.css start *****/

/* Core */

body {
  /*background-color: #F7F6F1;*/
  background-color: #fff;
}

a:link {
    color: #0033CC;
}

a:visited {
    color:#0033CC;
}

a:hover {
    color: #990000;
}

h1 {
  //background-color: #FEF9F6;
  //background-color: #E3DFD4;
  //background-color: #FEF9F6;
  border-color: #C10015; /*#cc4444;*/
  border-style: solid;
  border-width: 0px 0px 1px 28px;
  padding-left:6px;
  color: #000;
}

h2 { /*grey*/
  background-color: #E3DFD4;
  border-color:#C6BDA8;
}
h3 { /*beige*/
  border-color:#C6BDA8;
  background-color: #FFFF7C; /*previously #ffff80 with no h4-6*/
}
h4 { /*orange*/
  border-color:#FFCC66;
  background-color: #FFCC66;
}
/*sizes are set in fonts css*/)


th {
    background-color:#E3DFD4;

}

th.header,
td.header,
div.header {
  background-color: #E3DFD4;
}

#layout-table #left-column {
    /* background-color: yellow; */
}



td.side {
  color: #f00;
}

.generalbox {
  border-color:#C6BDA8;
  background-color:#FFFFFF;
}

.navbar {
  //background-color: #E3DED3;
  background-color: #ffffff;
   
}

.navbarglobal {
  /*background-color: #cc4444;
    background-color: #C10015;*/
    background-color: #800000;
   
}

.navbargloballeft {
  /*set this as well...*/
    background-color: #800000;
   
}

.sitetopiccontent {
  border-color:#C6BDA8;
  background-color:#FFFFFF;
}



/***
 *** Blockquote
 ***/

blockquote {
  background: #EDE9E1 url(quotes.gif) left top no-repeat;
  border-color: #000000;
  border-width: 1px;
  padding-left: 35px;
  padding-top: 25px;
  padding-bottom: 10px;
  padding-right: 20px;

}



/***
 *** Header
 ***/

#header-home, #header {
  border-color:#C60016;
  background-color:#C40016; //C60016
}

/***
 *** Login
 ***/


.loginbox .header {
  border-color:#C6BDA8;
}

.loginbox .content {
  border-color:#C6BDA8;
}


/***
 *** Blocks
 ***/
 
.sideblock .header {
  /*background: url('roundedcorner2.gif') no-repeat top right;*/
  border-width: 0px;
  background-color: #E3DED3;

}

.sideblock {
  border-color:#E3DED3;
  background-color: #FEF9F6;
}

.sideblock .content {
  border-color:#E3DED3;    
  background-color:#FEF9F6;

}

.sideblock .footer {
  border-top-color:#C6BDA8;
}

.sideblock .header .hide-show img.hide-show-image {
  //background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
  background: url('circle.gif') no-repeat top right;

}

.sideblock.hidden .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

/***
 *** Calendar
***/
 
#calendar .maincalendar,
#calendar .sidecalendar {
  border-color: #C6BDA8;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #C6BDA8;
}


table.calendarmonth tr td {
   border-color:#C6BDA8;
} 

table.minicalendar {
  border-color:#C6BDA8;
  font-family: verdana;

}

table.minicalendar tr.weekdays th {
  background-color:#FEF9F6;
  border-color:#C6BDA8;
  font-family: verdana;

  }

table.minicalendar tr td.day {
   border-color:#C6BDA8;
   font-family: verdana;

  }
  
table.minicalendar tr td.weekend {
  border-color:#C6BDA8;
  color: red;
  font-family: verdana;

  }
  
#calendar .today,
.minicalendar .today {
  border-color:#c00000 !important;
  background-color:#FFFF40;
}
  
/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#ff0000 !important;
  background-color:#ff0000; //#2EBA0E
  color: white;

}

#calendar .event_global a,
.minicalendar .event_global a,
.block_calendar_month .event_global a {
  font-family: verdana;
  font-weight: bold;
  color: white;

}

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

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

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#A1BECB !important;
  background-color:#A1BECB;
}

.cal_popup_fg {
  background-color:#FEF9F6;
}

.cal_popup_bg {
  border-color:#C6BDA8;
  background-color:#FEF9F6;
}


/***
 *** Course
 ***/

.headingblock {
  //background: url('roundedcorner2.gif') no-repeat top right;
  border-width: 5px;
  background-color: #E3DED3;
  }

.categoryboxcontent,
.courseboxcontent {
  border-color:#C6BDA8;
  background-color: #FFFFFF;
}

.categoryboxcontent_homepage {
  border-color:#ffffff;
  background-color: #FFFFFF;
}



.categorybox .category,
.categorybox .category {
  border-color: #C6BDA8;
}

//used for indented sub-categories
.category2 {
  border-color: #C6BDA8;
}

#course-view .section .content {
  border-color: #C6BDA8;
  background-color: #FFFFFF;
}

#course-view .section .side {
  border-color: #C6BDA8;
  background-color: #FFFFFF;
  color: #C6BDA8;
}

/*used to disappear the number of each section*/
#course-view .section .left {
  color: #ffffff;
}

/***
 *** Tabs
 ***/

.tabs .side {
  border-color: #C6BDA8;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}

/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  border-color:#C6BDA8;
}

.forumpost .content {
  background: #FEF9F6;
}

.forumpost .left {
  /*background:#FEF9F6; */
  background:#E3DFD4;
}

.forumpost .topic {
  border-bottom-color: #C6BDA8;
  font-weight: bold;

}

.forumpost .starter {
  background:#FEF9F6; 
}

.forumheaderlist .discussion .starter {
  background:#FEF9F6; 
}

.forumheaderlist td {
  border-color: #C6BDA8;
}

.sideblock .post .head {
  color:#808080; /*used for date on Latest News block*/
  font-size:10px;
}

.forumthread .unread {
  background: #FEF9F6;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: #C6BDA8; 
} 

#mod-forum-discuss .forumthread .unread {
} 

#mod-forum-index .unread {
}

/***
 *** NCSA Modules: journal
 ***/
 

.ncsa_journalpost_header {
  background:#DCD6C8; 
  border-color: #C6BDA8;
}
/***** Redhill/redhill_color.css end *****/

/***** Redhill/redhill_fonts.css start *****/

/* Core */

.clearer {
  font-size:1px;
}

body, td {
    font-family: Arial, Helvetica, sans-serif;
/*    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;*/
    font-size : 13px;
}



body {
    /*margin : 5px;*/
    margin : 0px;
}

th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4 {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
    

}

h1 {
    font-size: 30px;
    font-style: normal;
    font-weight: bold;
    text-transform: normal;
    letter-spacing: -1px;
    line-height: 1.1em;

}

h2 {
    font-size:1.2em;
}
h3 {
    font-size:1.2em;
}
h4 {
    font-size:1.2em;
}

th.header,
td.header,
div.header,
.headingblock {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
}


.categorybox .category,
.categorybox .category {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-size: 1em;
    font-weight: bold;
}

//used for indented sub-categories
.category2 {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-size: .7em;
    /*font-weight: bold;*/
}


.subcategory {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Geneva; 
    font-size: 1.5em;
    font-weight: bold;
    background-image: url(/pix/subcategory.gif);
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 22px;
}

.info {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Geneva; 
    font-size: 1.3em;
    font-weight: normal;
}

.sideblock .post .info {
    font-family: Trebuchet MS, Arial, Helvetica, sans-serif, Verdana, Geneva; 
    font-size: 1em;
    font-weight: bold;
}

.sideblock .post .info a {
    font-size: .8em;
    font-weight: normal;
}

.teachers {
    font-family: Verdana, Geneva; 
    font-size: 7pt;
    font-weight: normal;
}

/***
 *** Header
 ***/

.navbarglobal {
  color: #fff;
  font-size:.9em;
  font-weight:bold;
  

}

.navbarglobal a {
  //font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  color: #fff;
  text-decoration: none;
  font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;
}

.navbarglobal a:visited {
  color: #eee;
  text-decoration: none;
}

.navbarglobal a:hover {
  color: #ccc;
  text-decoration: none;
}

.navbarglobal a:active {
  color: #ccc;
  text-decoration: none;
}

.breadcrumb {
 //   font-family: Verdana;
    font-size:.85em;
    font-weight:bold;
}

.youarehere {
    font-size:.95em;
    font-weight:normal;
    color: #999;
    }


.logininfo,
#header-home .headermenu font {
     font-size:.85em;
     color: #ffffff;
}

.logininfo a {
     
     color: #cccccc;
}

 /***
 *** Blocks
 ***/
 
.sideblock .footer {
    font-size:0.85em;
    text-align: left;
}

/***
 *** Calendar
 ***/
#calendar .maincalendar table.calendarmonth td {
  font-size:.8em;
}

#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}

#calendar .sidecalendar .filters {
  //font-size:0.5em;
  font-size:xx-small;

  }

table.minicalendar tr.weekdays th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  font-weight:normal;
  }

table.minicalendar tr td.day {
  font-size:0.7em;
  }
  
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 1.2em;
}

  
/***** Redhill/redhill_fonts.css end *****/

/***** Redhill/redhill_extras.css start *****/

/*styles for tabbed boxes*/
/*TABBER DHTML TABBED BOX http://www.barelyfitz.com/projects/tabber/ */
/*--------------------------------------------------
REQUIRED to hide the non-active tab content.
But do not hide them in the print stylesheet!
--------------------------------------------------*/
.tabberlive .tabbertabhide {
display:none;
}
/*--------------------------------------------------
.tabber = before the tabber interface is set up
.tabberlive = after the tabber interface is set up
--------------------------------------------------*/
.tabber {
display:none; /*prevents you having to see all of the text in one big stream 
before the script kicks in and displays the tabbed box (useful for when page is slow to load
(the script is triggered when the page has fully loaded up*/
}
.tabberlive {
margin-top:0em;
font: 12px Trebuchet MS, Verdana, sans-serif;
}
/*--------------------------------------------------
ul.tabbernav = the tab navigation list
li.tabberactive = the active tab
--------------------------------------------------*/
ol.tabbernav
{
padding: 1px 0;
border-bottom: 1px solid #C10015;
font: bold 12px Trebuchet MS, Verdana, sans-serif;
margin-left:0px;
}

ol.tabbernav li
{
list-style: none;
display: inline;
margin:0px;
}

ol.tabbernav li a
{
/*inactive tabs/
/* position:relative;
left:-10px; fix used before switching to ol */
margin:1px;
padding: 1px 0.5em;
border: 1px solid #aaa;
border-bottom: none;
background: rgb(255, 255, 255);
text-decoration: none;
}

ol.tabbernav li a:link { color: #aaa; }
ol.tabbernav li a:visited 
{ 
color: #aaa; 
}

ol.tabbernav li a:hover
{
/*hover over inactive tab*/
color: #fff;
background: #aaa;
border: 1px solid #aaa;
border-bottom: 1px solid #C10015;
}


ol.tabbernav li.tabberactive a
{
/*active tab*/
background-color: rgb(255, 255, 153);
color: #C10015;
border: 1px solid #C10015;
border-bottom: 1px solid rgb(255, 255, 153);
}

ol.tabbernav li.tabberactive a:hover
{
/*hover over active tab*/
/*background-color: rgb(223, 255, 255);
color: rgb(0,0, 255);*/
background-color: rgb(255, 255, 153);
color: #C10015;
border-bottom: 1px solid rgb(255, 255, 153);
}

/*--------------------------------------------------
.tabbertab = the tab content
Add style only after the tabber interface is set up (.tabberlive)
--------------------------------------------------*/
.tabberlive .tabbertab {
/*margin-top: -23px; fix used before swiched to ol */
padding:5px;
border:1px solid #C10015;
/*background: rgb(223, 255, 255) url("http://www.redhillmoodle.org.uk/zzz/RedhillMultimediaCMS/uploads/images/assessment.jpg") no-repeat right top;*/
background: rgb(255, 255, 153);
border-top:0;
/* If you don't want the tab size changing whenever a tab is changed
you can set a fixed height */
/*height:550px; */
/* If you set a fix height set overflow to auto and you will get a
scrollbar when necessary */
/* overflow:auto; */
}

/* Used for heading in each tab's body */
.tabbertab h4  {
color: #000;
margin: 0px;
margin-left:-7px;
border-bottom: 0px;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabbertab#secondbox  {
/*background: rgb(240, 215, 255) url("http://www.redhillmoodle.org.uk/zzz/RedhillMultimediaCMS/uploads/images/assessment2.jpg") no-repeat right top;*/
background: rgb(223, 255, 255);
height:580px; 
}










/* styles for expanding/collapsing sections*/
		.expandsectiontrigger{
			cursor:pointer;
			boer:0px;
		}		
		.expandsectiontrigger:hover{
			cursor:pointer;
			/*background:#ddf;*/
		}		
		.expandsectionexpanded{
			/*background:#ccf;*/
			cursor:pointer;
		}
		.expandsectionexpanded:hover{
			/*background:#eef;*/
			cursor:pointer;
		}
		.expandsectionshow{
     position:static;
     display: table;
		}
		.expandsectionhide{
			position:absolute;
			left:-999em;
			height:1px;
			width:100px;
			overflow:hidden;
		}



/* styles for del.icio.us recently added*/
.delicious-posts { border: 0px solid #ddd; width: 50%;padding-left: 1em;  }
.delicious-posts ul, .delicious-posts li, 
.delicious-banner { margin: 0; padding: 0}
.delicious-post { border-top: 1px solid #eee; padding-left: 20px; font-size: 80%;}
.delicious-odd { background-color: #f8f8f8 }
.delicious-posts a:hover { text-decoration: none}
.delicious-posts a { text-decoration: none; color: #0000ff; display: block; padding: 0em } 
.delicious-post a { color: #0000ff }






/* styles for Twitter block*/
#twitter_div
{
margin-top:-10px; /*gets rid of odd line gap at top of block*/
padding:0px 7px 0px 7px;
}

ul#twitter_update_list li
{
/*list-style: square;*/
list-style-image: url(/pix/bullet3.gif); 
margin-left:-25px; /*gets rid of odd indent in list*/
margin-bottom:5px; /*bit of padding inbetween items*/
font-weight:bold;
}

ul#twitter_update_list li a
{
font-weight:normal;
}

ul#twitter_update_list li span
{
background-color:#FFFFC0;
}

#twitterupdates
{
font-size: 11px;
margin-top:-10px; /*gets rid of odd line gap underneath Twitter list*/
}




/*LibraryThing block*/
.LTitem, .LTodd
{
 font-size:11px;
}

.LTtitle
{
 font-weight:bold;
}
















/***** Redhill/redhill_extras.css end *****/