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

/***** standardlogo_resus01/styles_resus01.css start *****/

/*******************************************************************
 styles_resusonline01.css

 This CSS file contains all definitions like positioning,
 floats, margins, padding, borders, colours etc.


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


/*Initial assessment lesson pictures*/
.pictureleft {
float: left;
display: inline;
padding: 5px 15px 5px 0;
width: 283px;
}

.pictureright {
float: right;
display: inline;
padding: 5px 0 5px 15px;
}


.preview1 {
font-size: 1.5em;
display: inline;
color: #000000;
line-height: 150%;
}

.preview2 {
font-size: 1.5em;
display: inline;
font-weight: bold;
color: #c9c9ca;
line-height: 150%;
padding-left: 5px;
}
/*Tables*/



.coursebox td {
    border-style: solid;
	border-width: 1px 0 1px 0;
    margin: 0;
    padding: 0;
	border-color: #d0d0d0;
    background-color: transparent;
}



h1{
padding: 0;
font-family:arial, verdana, sans-serif;
color:#767676;
font-size: 1.0em;
font-weight: bold;
line-height: 140%;
}

.rule {
margin: 5px 0 5px 0;
width: 100%;
height: 1px;
border-bottom: 1px dotted #767676;
}

.glossaryrule {
margin: 5px 0 5px 0;
width: 100%;
height: 1px;
border-bottom: 1px solid #d0d0d0;
float:left;
display: inline:
}

 

/********FRONT PAGE***************/

/*#maincontent {
min-width: 425px;
width: 100%;
}*/

#layout-table #middle-column #maincontent {
width: 425px; /*stops the rh column from overlapping onto the front page image on window resize in IE 6 and 7*/
}

.frontwrapper {
width: 100%;
height: auto;
}

.frontimage {
width: 100%;
margin: 0 auto 0 30px;
}



.frontimagetext {
width: 100%; /*50%*/
float: left;
margin: 0;
padding: 0;
font-family:arial,verdana,  sans-serif;
color:#767676;
font-size: 1em;
font-weight: normal;
line-height: 140%;

}




.redboxholder {
margin: 0 0 20px 0;
padding: 0 0 20px 0;
border-style: none;
/*border-bottom: 1px dotted #e71a11;*/
width: 100%; /*561*/
min-width: 561px;
height: 182px;
float: left;
background-color: transparent;
clear: right;

}

#redbox {
background-color: transparent;
background-image: url('http://www.resusonline.co.uk/theme/standardlogo_resus01/graphics/redbox.gif');
background-repeat:no-repeat;
padding: 5px 5px 0 0;
width: 182px;
height: 182px;
float: left;

}

.textholder {
margin: 5px 0 0 0;
}


.titleredbox{
width: 170px;
margin: 0 0 0 10px;
padding: 10px 0 2px 0;
font-family:verdana, arial, sans-serif;
color:#000000;
font-size: 0.7em;
font-weight: bold;


}

#redbox p {
font-family:verdana, arial, sans-serif;
color:#ffffff;
font-size: 0.7em;
font-weight: normal;
line-height:115%;
margin-top: -10px;
padding: 10px;
}



/****************RESOURCE PAGES**********************/

#mod-resource-view #layout-table #middle-column .middle-column-wrap {
min-width: 500px;
}




/**Hiding web resources***/

#module-5,
#module-6,
#module-7 {
display: none;
}

/*****MOODLE STUFF*************/
.sitelink {
display: none;
}


/***FONTS***/
body {
font-family: arial, verdana,  sans-serif;
color: #515151; /*#999999;*/
font-size: 100%;
line-height: 120%;
margin: 0;
padding:0;
}




/***LINKS***/


/*emailobfuscation*/
span.codedirection { 
unicode-bidi:bidi-override; 
direction: rtl; 
color: #151782;
}

/*General*/

a:link,
a:visited { /*controls appearance of links*/
  color:#000000; /*54ae01 GREEN; 367dbb MID BLUE; This alters the links on the front page site topic main information.*/
  font-family: arial, verdana,  sans-serif;
  font-weight: normal;
  font-size: 0.9em;
}

a.dimmed:link,
a.dimmed:visited {
  color:#767676;
}

a:hover {
  color:#e71a11;
  font-weight: normal;
  text-decoration: none;
}



/***main menu links***/

.block_site_main_menu .icon { /*hides the icons next to the more info: menu links*/
display: none;
}

.block_site_main_menu .header{ /*hides the header*/
display: none;
}

.block_site_main_menu .content{
padding: 0;
margin: 0;
background-color: transparent;
border-style: none;
}

.block_site_main_menu .r0, 
.block_site_main_menu .r1 {

margin: 0;
padding: 0;
}

.block_site_main_menu .r0 a, 
.block_site_main_menu .r1 a{
display: inline-block;
padding: 5px;
margin: 0;
width: 170px;
background-color: #e71a11;
font-size: 0.9em;
font-weight: bold;
border-bottom: 2px solid #ffffff;
}


.block_site_main_menu .r0 a:link,
.block_site_main_menu .r1 a:link {
font-family:arial, verdana, sans-serif;
color: #000000!important;
text-decoration: none;
}

.block_site_main_menu .r0 a:visited,
.block_site_main_menu .r1 a:visited {

text-decoration: none;
}

.block_site_main_menu .r0 a:hover,
.block_site_main_menu .r1 a:hover{
color: #ffffff!important;
background-color: #000000;
}

.block_site_main_menu .r0 a:active,
.block_site_main_menu .r1 a:active{

text-decoration: none;
}

/*****************************/
/*Glossary sideblock*/
.block_glossary_random .footer {
display: none;
}
.block_glossary_random .content{
padding: 5px 10px 10px 10px;
font-size: 0.8em;
line-height: 140%;

}


.block_glossary_random .content .quotecontainer {
width: 100%;
min-height: 100px;
height: auto;
}

.block_glossary_random .content .quotebubble {
float: left;
width: 20%; /*20%*/
min-width: 81px;
height:88px;
}

.block_glossary_random .content .quotetext {
float: left;
width: 75%;/*75%*/
min-width: 75%;
height: auto;
padding-left: 5px;

}





/*CALENDAR*/

#calendar {
background-color: #f7f7f7;
margin: 0 15px 0 15px;
width: 95%;
}

.maincalendar {
background-color: #eeeeee;
border-style: none;
width: 50%;
}

.maincalendar .header{
text-align: left;
font-size:1.2em;
}


#calendar-view .event,
#calendar-view  .side,
#calendar-view .description,
#calendar-event .event,
#calendar-event  .side,
#calendar-event .description {
background-color: white!important;
border-style:  none;
border-color: #ffffff!important;

}


#calendar-view .topic,
#calendar-view .picture,
#calendar-event .topic,
#calendar-event .picture {
background-color: pink!important;
border-style: none;
}

#calendar-view .eventlist .event_course,
#calendar-event .eventlist .event_course  {
background-color: pink;
border-style:  none;
border-color: #ffffff!important;
text-align: left;
}

#calendar-view .eventlist .topic,
#calendar-event .eventlist .topic {
border-style:  none;
border-color: pink!important;
}

#calendar-view .event_course,
#calendar-event .event_course {
background-color: #fffe8d; /*yellow colour on the course events key*/
border-style:  none!important;
border-color: transparent!important;
text-align: center;
}




.minicalendar{
background-color: #ffffff;
}


#calendar-view .maincalendar .heightcontainer .bottom {
text-align: right;
}

#calendar-view .maincalendar .heightcontainer .bottom .singlebutton,
#calendar-view .maincalendar .heightcontainer .bottom img {
padding-right: 6px;
}




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


/*LOGIN NEW ACCOUNT/FORGOT PASSWORD*/

#login-index .generalboxcontent{
width: 50%;
text-align: left;
margin: 0 auto 0 auto;
}

#login-index .main {
margin: 30px 0 0 25%;
text-align: left;
width: 50%;
}

#login-confirm .centerpara {
width: 50%;
text-align: center;
margin: 0 auto 0 auto;
}

#login-confirm .singlebutton{
margin: 20px 0 0 0;
}

#login-signup .fcontainer {
border-style: none;
background-color: #f0f0f0;
padding-bottom: 5px;
}

#login-signup .clearfix {
border-style: none;
}

#login-signup #content {
margin-top:20px;
}

#login-signup  #label {
font-family: arial, verdana, sans-serif;
color: #000000!important;
font-size: 0.9em;
}

#login-forgot_password .fcontainer {
border-style: none;
background-color: #f0f0f0;
padding-bottom: 5px;
}
#login-forgot_password .clearfix {
border-style: none;
}

#login-forgot_password  #content {
margin-top:20px;
}


#login-forgot_password  .boxwidthnormal {
margin: 0 0 20px 120px;
}
/*********************************************/


/*COURSE ENROL*/

#course-enrol #content { 
text-align: center;
padding: 0;
margin: 0;
position:relative;
overflow: hidden;
}

#course-enrol .coursebox {
width: 600px;
height: 100%;
margin: 0 auto 0 auto;
padding: 0;
top: 10px;
}



#course-enrol .centerpara {
margin: 0 auto 0 auto;
padding: 0;
text-align: left;
width: 600px;

} 

#course-enrol .centerpara td{
margin: 0;
padding: 10px 0 0 0;
text-align: left;
width: auto;
}

#course-enrol .generalbox td,
#course-enrol .box td {
text-align: left;
padding: 20px 0 0 0;
margin: 0;
}


#course-enrol .centerpara  p,
#course-enrol .generalbox p,
 #course-enrol .box p {
font-family: arial, verdana, sans-serif;

margin: 0;
padding: 0;
}

/********mod-resource-view links*/
/*a:link,
a:visited { /*controls appearance of links*/
 /* color:#151782; /*54ae01 GREEN; 367dbb MID BLUE; This alters the links on the front page site topic main information.*/
/*  font-family: arial, verdana, sans-serif;
  text-decoration: underline;
  font-size: 12pt;
    font-weight: normal;
}


a:hover {
  color:#767676;
  font-weight: normal;
  text-decoration: none;
}


/********footer links*/

.logininfo a:link,
.logininfo a:visited { /*controls appearance of links*/
  color:#e71a11!important; /*273a96 blue*/
  font-family: verdana, arial, sans-serif;
  font-size: 0.9em;
   text-decoration: none;
   font-weight: bold;
}

.logininfo a:hover {
  color:#767676!important;
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
}


a.brightweb:link,
a.brightweb:visited { /*controls appearance of links*/
  color:#000000; /*54ae01 GREEN; 367dbb MID BLUE; This alters the links on the front page site topic main information.*/
  font-family: arial, verdana, sans-serif;
  text-decoration: none;
  font-size: 8pt;
    font-weight: bold;
}


a.brightweb:hover {
  color:#ffffff;
  font-weight: bold;
  text-decoration: none;
}


/****course summary: list of courses on front page*/
a.overviewlink:link,
a.overviewlink:visited { /*adjusts text colour of indicated glossary entries within text*/
  color:#151782;
  font-size: 0.9em;
  text-decoration: underline;
  font-weight: normal;
}

a.overviewlink.glossary:hover {
 color:#767676;
  font-size: 0.9em;
  text-decoration: underline;
  font-weight: normal;
}

a.autolink:link,
a.autolink:visited { /*adjusts text colour of indicated glossary entries within text*/
  color:#6164fe;
  background: #DDDDDD;
}

a.autolink.glossary:hover {
  cursor: help;
}
/***new nav buttons for non-lesson pages***/
a.previousbutton:link,
a.previousbutton:visited {
  display: inline-block;
  width: 81px;/*74*/
  height: 25px;
  background-image: url('http://www.itsallabouted.co.uk/theme/standardlogo_ed/previous2.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: red;
  /*padding-right: 5px;*/
  margin: 2px 1px 2px 0px;
  float: right;
}

a.previousbutton:hover  {
  background-position: 0 -32px;
}

a.nextbutton:link,
a.nextbutton:visited {
  display: inline-block;
  width: 50px; /*46*/
  height: 25px;
  background-image: url('http://www.itsallabouted.co.uk/theme/standardlogo_ed/next2.jpg');
  background-repeat: no-repeat;
  background-position: 0 0;
  background-color: red;
  /*padding-right: 5px;*/
  margin: 2px 8px 2px 3px;
  float: right;
}

a.nextbutton:hover  {
  background-position: 0 -32px;
}

/***links for new web page resources***/

a.newwebpagelink:link,
a.newwebpagelink:visited { /*controls appearance of links*/
  color:#151782; /*54ae01 GREEN; 367dbb MID BLUE; This alters the links on the front page site topic main information.*/
  font-family: georgia, serif, arial, verdana;
  font-size: 1.2em;
  font-weight: normal;
  text-decoration: underline;
  line-height: 120%;
}

a.newwebpagelink:hover {
  color:#ffffff;
  font-weight: normal;
  text-decoration: underline;
   line-height: 120%;
}
















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

/*lesson links formatting.*/
#mod-lesson-view a:link,
#mod-lesson-view a:visited { /*controls appearance of links*/
  color:#151782; /*273a96 blue*/
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
   text-decoration: none;
   font-weight: normal;
}

#mod-lesson-view  a:hover {
  color:#767676;
    font-family: verdana, arial, sans-serif;
	 font-size: 1em;
  font-weight: normal;
  text-decoration: none;
}

/*mod-lesson-view link exceptions*/

#page .breadcrumb .first,
#mod-lesson-view .first,
 #course-view .first { /*the first title in the navbar of the current page*/
  color:#ffffff;
  }
  
   #page .breadcrumb { /*the text in the navbar of the current page*/
  color:#ffffff;
  }
  
  #page .breadcrumb .arrow { /*the arrow triangle in the navbar of the current page*/
  color:#ffffff;
  }
  
#mod-lesson-view .navbar a:link,
#mod-lesson-view .navbar a:visited { /*controls appearance of links*/
  color:#ffffff; /*273a96 blue*/
  font-family:arial, verdana, sans-serif;
  font-size: 1em;
   text-decoration: none;
   font-weight: normal;
}

#mod-lesson-view  .navbar a:hover {
  color:#000000;
  font-family: arial, verdana,  sans-serif;
  font-weight: normal;
  font-size: 1em;
  text-decoration: none;
}


#mod-lesson-view  .bright a:link,
#mod-lesson-view .bright a:visited { 
  color:#000000;  /*54ae01*/ 
  font-family:arial, verdana, sans-serif;
  font-weight: bold;
}

#mod-lesson-view  .bright a:hover {
  color:#e71a11; 
  font-family:  arial, verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#mod-lesson-view .logininfo a:link,
#mod-lesson-view .logininfo a:visited { /*controls appearance of links*/
  color:#151782; /*273a96 blue*/
  font-family: arial, verdana, sans-serif;
  font-size: 0.9em;
   text-decoration: none;
   font-weight: bold;
}

#mod-lesson-view  .logininfo a:hover {
  color:#767676;
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
}

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





/*********front page*******************/


.frontpagelabel {
padding: 10px 0 10px 15px;
 border-style:dotted;
  border-width:1px 0 1px 0;
  border-color:#767676; 
  background-color: #f9f9f9;
  overflow: hidden;
  clear: both;
}



.headingblock   { /*controls the "choose a course" heading on the front page*/
color: #ffffff;
  margin: 0;
  padding: 0;
  background-color: #e71a11;
  border-style: none;
 /*border-color: #767676;
  border-bottom:1px dotted #767676;*/

}

h2{ /*controls the "choose a course" heading on the front page*/
  /*display: none;*/
  color: #e71a11;


  /*border-color: #767676;*/
 
}

#middle-column .header {
width: 100%;
border-style: none;
}

#course-view .headingblock {
display: none;
}

.name { /******controls the "name of the course link" on the front page.*/
/*display: none;*/
font-family: arial, verdana, sans-serif;
font-size: 0.9em;
font-weight: normal;
text-decoration: none;
}

.mainlogodiv {

width: 195px;
padding-bottom: 20px;
}

.name a:link,
.name a:visited { 
  color:#e71a11;  /*54ae01*/ 
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
   text-decoration: underline;
  font-size: 1em;
}

.name a:hover {
  color:#767676;
  font-weight: bold;
  text-decoration: underline;
  font-size:1em;
}






/****section front page cartoons********************/
.clear {
float: left;
clear: both;
width: 100%;
background-color: none;
}


/**********************exercise buttons in lesson pages******************/
.nextexercise { 
width:203px; 
height:22px; 
border-color:white; 
border-style:solid; 
border-width:1px; 
padding:0px; }

.initDiv {
background-image: url('http://www.allabouted.co.uk/buttons/next_exercise_1.jpg');
}
.overDiv {
background-image: url('http://www.allabouted.co.uk/buttons/next_exercise_3.jpg');
}

.downDiv {
background-image: url('http://www.allabouted.co.uk/buttons/next_exercise_2.jpg');
}




/*navbar in general*/
.navbar a:link,
.navbar a:visited { /*controls appearance of links*/
  color:#ffffff; /*273a96 blue*/
  font-family: arial, verdana, sans-serif;
  font-size: 1em;
   text-decoration: none;
   font-weight: normal;
}

.navbar a:hover {
  color:#ffffff;
    font-family: arial, verdana, sans-serif;
  font-weight: normal;
   font-size: 1em;
  text-decoration: none;
}


  


/***BODY FORMATTING***/

#mod-resource-view #resource {
padding: 20px;
}


/***background image on front page for rotator images*****/

body {
background-color:#ffffff; /*f8f8f8f light grey. changes the background colour of the whole page*/
/*background-image: url('http://www.allabouted.co.uk/images/rotate.php');*/
background-repeat:no-repeat;
background-attachment:fixed;
background-position: 70% 25px; /*70% 100%*/
}



#layout-table { /*controls positioning of the whole middle column, below the main header on all pages*/
  width:100%;
  border-collapse:separate;
  margin: 0 0 0 15px;
  background-color: none;
}

#layout-table #left-column,
#layout-table #middle-column,
#layout-table #right-column
{
  vertical-align:top;
}



#layout-table #left-column {
width: 170px!important;

}

#layout-table #right-column {
width: 400px!important;
display: inline-block;
}

#layout-table #middle-column {

padding: 0 40px 0 30px!important;


}

#course-view #layout-table  #right-column {
width: 300px!important;

}









#right-column {
padding-right: 30px;
}

#content {
  /*background-image:url('semitransparent3.png');*/
  padding-bottom: 0;


 /* position: relative; /*relates to positioning of previous/next buttons on leson pages*/
  
}



#course-view #content td {
  /*background-image:url('semitransparent3.png');*/
  padding-bottom: 10px;
  border-style: none!important;
}


/**************new courses home page with the characters on it*********/
.sectionicon {
float: left;
height:200px; /*200  185*/
width:130px;
margin:0 10px 20px 0;
padding-right: 10px;
text-align: center;
border-right: 1px #d5d5d5 dotted;
overflow: hidden;
background-color: #ffffff;
/*background-color:yellow;*/
}

.spacerdiv { /*this is a wrapper for the image*/
height: 130px;/*125 130*/
width: 130px;
padding: 0;
margin: 0;
background-color: #ffffff;

/*background-color: red;*/
}

/*.spacerdiv img{ /*this is a wrapper for the image*/
/*vertical-align: bottom;*/
}  */

.titlelink {
/*background-color: pink;*/
height:40px; /*40*/
width:130px;
margin:0;
vertical-align: top;
background-color: #ffffff;
}

.titlelink p {

}


/*for the section icons on the course home page. see also the links for sectioniconrolloverbutton. */
.sectioniconcontainer {
position: absolute;
top: 0;
left: 0; /*150px*/
width: 95%;
float: left;
clear: both;
display: inline;
background-color: #ffffff;
overflow: hidden;
}


#course-view .activityicon, /*hides the numbers in each topic on the LHS, and the lesson icons. */
#course-view .left,
#course-view .right  {/*If you want to switch off all the resources in the topic, .right needs to be displayed.*/
display: none;
}

#course-view .lesson a:link,
#course-view .quiz a:link,
#course-view .resource a:link,
#course-view .lesson a:visited,
#course-view .quiz a:visited,
#course-view .resource a:visited,
#course-view .activity a:link,
#course-view .activity a:visited,
#course-view .wiki a:link,
#course-view .wiki a:visited  { /*the lesson links on the course home page*/
font-size: 1.3em;
font-weight: bold;
color: #e71a11;
text-decoration: none;
}




#course-view .activity a:hover,
#course-view .wiki a:hover,
#course-view .quiz a:hover,
#course-view .resource a:hover{
color: #515151;
text-decoration: none!important;
}

#course-view .glossary a:link,
#course-view .forum a:link,

#course-view .glossary a:visited,
#course-view .forum a:visited {
font-size: 1.3em;
font-weight: bold;
color: blue;
text-decoration: none;
/*padding-left: 40px;*/
}

#course-view .glossary a:hover,
#course-view .forum a:hover {
color: #515151;
text-decoration: none!important;
}


#course-view  .label  {
font-size: 1.3em!important;
font-weight: bold;
color:#ffa19c!important;
text-decoration: none;
padding:0;
margin:0;
}





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

/*this hides the course sections from the user on the course home page. This is replaced by hard image links to course material.*/
#course-view #section-1,
#course-view #section-2,
#course-view #section-3,
#course-view #section-4,
#course-view #section-5,
#course-view #section-6,
#course-view #section-7,
#course-view #section-8,
#course-view #section-9,
#course-view #section-10,
#course-view #section-11,
#course-view #section-12,
#course-view #section-13,
#course-view .spacer,
/*#course-view .left,*/
#course-view .side {
/*display: none;*/
}

#mod-forum-view #content{
  /*background-image:url('semitransparent3.png');*/
  padding-bottom: 10px;
}
#mod-lesson-edit #page,
#course-edit #page{
  /*background-image:url('semitransparent3.png');*/
  padding-bottom: 10px;
}

#mod-lesson-view .main{
 background-color: #ffffff;
 }

/***HEADER AND NAVIGATION***/

/***Header***/

#header-home {

margin:0 0 10px 0;
}

.headermain, h1.headermain { /*controls display of the logo in the header*/
  float:left;
  margin:30px 0 10px 20px;
  padding:0;

}

.headermenu { /*controls the login/language select button details on the header*/
vertical-align: text-bottom; 
padding: 35px 10px 0 0;
font-family: verdana, arial, sans-serif;

}


/***Navigation***/
.navbar { /*controls main navigation bar*/
  width:100%; /*auto 96%*/
  min-width: 862px;
  /*height: 10%; 1.5em*/
  background-color:#e71a11;
  margin: 15px 0 10px 15px;
  padding:3px 0.5em;
  border-width:0;
}
#user-view .breadcrumb li,
#admin-settings .breadcrumb li,
#mod-resource-view .breadcrumb li,
#course-enrol .breadcrumb li,
.breadcrumb li { /*colour of breadcrumb text in navbar*/
  display:inline;
  color: #fffff;
}



.headermenu {
display: none;
}

/***these classes format the ONE logos in the top right hand side of all pages***/
.logofloatleft { /* normal sized logo*/
float: left;
height: 100%;/*100%*/
width: 100%;/*98.5%*/
padding: 7px  0 10px 0;
margin: 5px 0 0 15px;
/*border-bottom: 100px solid #e71a11;*/
display: block;
}

*html .logofloatleft { /*ie6*/
margin: 5px 0 0 8px;
}

.logofloatleft_2 { /* small sized logo*/
float: left;
height: 53px;/*100%*/
width: 100%;/*98.5%*/
padding: 5px 0 10px 15px;
display: block;
overflow:hidden;
}



/************************************************/
.logocontaining {
width: 1110px; /*100%*/
height: 43px;
padding: 7px 0 3px 0; /*7 0 3 0 */
margin: 0;
overflow: hidden;
}
  

#mod-lesson-lesson  .logocontaining,
#mod-resource-view .logocontaining,
#mod-resource-index .logocontaining,
#course-view .logocontaining,
#mod-lesson-view .logocontaining,
#mod-lesson-index .logocontaining,
#mod-forum-view .logocontaining,
#mod-forum-index .logocontaining,
#mod-forum-discuss .logocontaining,
#mod-forum-post .logocontaining,
#mod-glossary-view .logocontaining,
#mod-glossary-index .logocontaining,
#mod-wiki-view .logocontaining,
#mod-wiki-index .logocontaining,
#mod-wiki-edit .logocontaining,
#certificates-report .logocontaining,
#certificates-index .logocontaining,
#calendar-view .logocontaining,
#calendar-event .logocontaining,
#calendar-export .logocontaining,
#course-index .logocontaining,
#course-user .logocontaining,
#user-view .logocontaining,
#user-editadvanced .logocontaining,
#mod-forum-user .logocontaining,
#blog-index .logocontaining,
#course-user .logocontaining,
#admin-index .logocontaining,
#admin-roles-assign-override .logocontaining,
#course-modedit .logocontaining,
#login-signup .logocontaining,
#course-enrol .logocontaining,
#admin-user .logocontaining,
#course-report-log-index .logocontaining,
#mod-certificate-view .logocontaining,
#course-report-log-indexlive .logocontaining, 
#course-report-stats-index .logocontaining,
#admin-report-courseoverview-index .logocontaining,
#admin-report-cpd-adminview .logocontaining,
#admin-report-question-index .logocontaining,
#admin-report-security-index .logocontaining,
#admin-report-backups-index .logocontaining,
#admin-report-unittest-index .logocontaining    {
height: 53px; /***FOR IE5, 5.5***/
height/**/:/**/ 49px; 
}

#mod-lesson-view  .lessonbutton a,
#mod-lesson-view  .standardbutton a {
padding: 5px;
background-color: #f2f2f2;
color: #e71a11;
font-family: arial, verdana, sans-serif;
}

#mod-lesson-lesson  .lessonbutton input,
#mod-lesson-lesson .standardbutton input{
margin: 0;
text-align: left;
float: left;
margin: 20px 0 0 0;
font-size: 0.7em!important;
color: #e71a11;
}


/* old
#mod-lesson-view .standardbutton {
float:left;
margin-top: 10px;
margin-right: 0;
margin-bottom: 20px;
margin-left: 0;
}

#mod-lesson-view .lessonbutton {
float: left;
margin-right: 0;
padding: 2px 2px 2px 2px; /*12 0 0 10*/
/*display: inline;*/
/*margin: 5px 5px 20px 0;*/
/*}*/


#mod-lesson-view  .lessonbutton,
#mod-lesson-view .standardbutton {
margin: 0 auto 0 auto;

}

#mod-lesson-lesson  #middle-column  {
text-align: left;
font-size: 1.4em;
}

#mod-certificate-view #intro .generalbox p,
#mod-certificate-view #intro .box,
#mod-certificate-view #content {
font-size: 1.4em;
line-height: 120%;
}

/*********************************************/
  
  
/*#frontpagebanner {
float: left;
height: 20px;
/*width: 100%; /*97.5%*/
/*min-width: 400px;/*950px*/
/*background-color: #e71a11;
/*padding: 0;
margin: 0 0 0 15px;*/
/*display: inline-block;*/
/*color: #ffffff;
padding: 5px;
font-weight: normal;
font-size: 0.8em;
letter-spacing: 1px;
line-height:20px;
}*/


.frontpagebannercontaining {
float:left;
width:100%;
min-width: 1110px;
margin: 5px 0 0 15px;
height: 32px;
overflow:hidden;
background-color: #e71a11;
}

#frontpagebanner {
float:left;
height: 32px;
width: 800px;
background-color: #e71a11;
padding: 0 0 0 10px;
color: #ffffff;
font-weight: normal;
font-size: 0.8em;
letter-spacing: 1px;
line-height:32px;
}
/*********************************************/




/* ie6 only*******************************/

*html .frontpagebannercontaining {
float:left;
width:100%;
margin: 5px 0 0 9px;
height: 32px;
overflow:hidden;
background-color: #e71a11;
}


*html  #frontpagebanner {
float:left;
height: 32px;
width: 800px;
background-color: #e71a11;
padding: 0 0 0 5px;
color: #ffffff;
font-weight: normal;
font-size: 0.8em;
letter-spacing: 1px;
line-height:32px;
}
/*********************************************/













/***FOOTER***/
/***FOOTER***/

.bright { /*controls the paragraph containing the Bright footer credit line*/
font-family: verdana, arial, sans-serif;
color: #000000;
font-size: 0.6em;
text-align: left;
margin: 0;
width: 800px;
}

.brightfooter {
width: 100%;
min-width: 1110px;
margin: 0 0 40px 15px;/*0 20px 40px 15px;*/
padding:5px 0 6px 10px; /*10px 0 0 0;*/

/*border-top-style:dotted;
border-right-style:none;
border-bottom-style:none;
border-left-style:none;
border-width: 2px 0 0 0; 
border-color: #e71a11; /*c6c6c6*/
background-color: #e71a11;
}

#course-view .brightfooter {
min-width: 862px;
}
.footerlogin { /*controls the div containing the Bright paragraph (and Bright footer credit line)*/
font-family: verdana, arial, sans-serif;
color: #367dbb;
font-size: 1em;
text-align: left;
margin:0;
padding: 0;
 /*background-image:url('semitransparent3.png');*/
}

/*Link for "www.brightcreatives.co.uk" on the footer*/
.bright a:link,
.bright a:visited { 
  color:#000000;  /*54ae01*/ 
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
  font-size: 1em;
}

.bright a:hover {
  color:#ffffff;
  font-weight: bold;
  text-decoration: none;
}





/***BLOCKS***/



.block_calendar_upcoming .event {
background-color: pink;
padding: 5px;
}

.block_calendar_upcoming .event a{
font-weight: bold;
}

#inst43 .content { /*removes the padding on the HTML block containing the YouTube video on the front page */
padding: 0;
border-style: none;
}

.sideblock .content {
  background-color:#f3f3f3; /*colour for the block backgrounds*/
  border-color: #f3f3f3;

}




.sideblock .header { /*controls appearance of header box on the side blocks*/
  background-color:#c9c9ca; /*94b0c1*/
  border-color: #c9c9ca;
  height: auto; /*26pt*/
}

.sideblock .header, .sideblock h2.header {
  color: #000000; /*text for the sideblock headers*/
  padding:8px 5px 3px 10px;
  border-width: 0;
}




#mod-lesson-view #content{
width: 100%; 
margin: 0 auto 0 auto;
line-height: 160%;
}


#mod-lesson-view span.standardbutton {
width: 100%; 
margin: 0 auto 0 auto;
}

#mod-lesson-view .selected {
font-size: 0.8em;
padding-left: 5px;
font-weight: bold;
 color:#000000;
}

#mod-lesson-view .notselected a:link, 
#mod-lesson-view .notselected a:visited {
  font-size: 0.8em;
  color:#000000;
  font-family: arial, verdana, sans-serif;
  font-weight: normal;
  text-decoration: none;
}

#mod-lesson-view .notselected a:hover{
  font-size: 0.8em;
  color:#000000; /*GREEN This alters the links on the front page site topic main information.*/
  font-family: arial, verdana, sans-serif;
  font-weight: bold;
  text-decoration: none;
}

#mod-lesson-view .generalboxcontent{
border-width: 0;
width: 97.5%;
}





/*Rounded corners*/

/*around the sideblocks bottoms*/
.sideblock .content {
  -moz-border-radius-bottomleft:20px;
  -moz-border-radius-bottomright:20px;
}
/*around the sideblock course summary*/
.block_course_summary, .block_course_summary .content {
 -moz-border-radius:20px;
}

/*.coursebox { /*adds round corners to the front page course description in firefox*/
 /* -moz-border-radius:20px;*/
/*}*/

/*.block_login  .header{ /*adds round corners to the front page login block header in firefox*/
 /* -moz-border-radius-topleft:20px;
  -moz-border-radius-topright:20px;
  }*/



/***LOGINBOX, FOOTER AND HEADER***/


#login-index  a {
font-size:1em;
font-weight: bold;
}


#login-index .clearfix {
border-style: none;
}

#login-index .loginform{
background-color: #fefc4c; /*yellow*/
width: 300px;
padding: 5px 0 5px 0;
}

#login-index #login{

margin: 0 auto 0 auto;
width: 300px;
}

.block_login .loginform{
float: left;
display: inline;

}

.loginpanel {
border-style: none;
}

.loginpanel h2 {
font-family: arial, verdana, sans-serif;
font-size: 1.5em;
font-weight: bold;
}
.signuppanel {
border-style: none;
}

.signuppanel h2{
font-family: arial, verdana, sans-serif;
font-size: 1.5em;
font-weight: bold;

}

.subcontent {
font-family: arial, verdana, sans-serif;
font-size: 1em;
font-weight: normal;
border-style: none;
}


.block_login {
/*margin-top: 160px;*/
/*position:relative;
left:0;
top:81px; /*134px*/
}

#right-column .block_login {
/*margin-right: 100px;
width: 200px; /*200px*/
}



.logininfo {/*controls the footer login on each page*/
font-family: verdana, arial, sans-serif;
font-weight: normal;
color: #767676;
font-size: 0.8em;
text-align: left;
margin: 80px 20px 0 20px;
padding-top: 15px;
padding-bottom: 5px;
  /*background-image:url('semitransparent3.png');*/
}
/*login as it appears on Choice and Lesson pages*/
#mod-choice-view .logininfo, #mod-lesson-view .logininfo {
padding-bottom: 10px;
}

/**html .logininfo  { /*hack for IE6*/
/*margin: 50px 20px 0 30px;
}*/

/*Link for "you are logged in as"*/
.logininfo a:link,
.logininfo a:visited { 
  color:#151782;  /*54ae01*/ 
  font-family: verdana, arial, sans-serif;
  font-weight: bold;
}

.logininfo a:hover {
  color:#767676;
  font-weight: bold;
  text-decoration: none;
}

/***COURSES***/
/***Course home page***/
body#help,
body#course-view ,
body#user-index,
body#user-view,
body#user-edit,
body#login-signup,
body#login-index,
body#admin-user,
body#mod-choice-view,
body#mod-data-view,
body#mod-data-edit,
body#mod-data-export,
body#mod-data-field,
body#mod-data-templates,
body#mod-data-preset,
body#mod-choice-index,
body#mod-choice-report,
body#mod-quiz-view,
body#mod-quiz-attempt,
body#mod-lesson-view,
body#mod-lesson-edit,
body#mod-lesson-index,
body#mod-lesson-lesson,
body#mod-forum-view,
body#mod-forum-user,
body#mod-questionnaire-view,
body#mod-questionnaire-report,
body#mod-assignment-view,
body#mod-glossary-view,
body#mod-glossary-edit,
body#mod-forum-index,
body#mod-forum-discuss,
body#mod-forum-post,
body#mod-resource-view,
body#mod-quiz-attempt,
body#mod-quiz-review,
body#mod-magtest-view ,
body#course-user,
body#course-report,
body#course-report-log-index,
body#course-report-outline-index,
body#course-report-participation-index,
body#course-report-log-live,
body#group-index,
body#admin-roles-manage,
body#user-editadvanced,
body#admin-roles-assign,
body#course-report-log,
body#course-report-log-indexlive,
body#course-report-stats,
body#course-overview,
body#course-backups,
body#admin-report-security-index,
body#admin-user-user_bulk,
body#admin-uploaduser,
body#admin-uploadpicture,
body#admin-report-courseoverview-index,
body#course-report-stats-index,
body#blog-index,
body#mod-forum-user,
body#group-group,
body#group-overview,
body#group-autogroup,
body#admin-settings,
body#course-edit
{ /*removes the background image*/
  background-image: none;
}


/*body#course-view .headingblock { /*controls the "topic outline" header on the course home page*/
  /*display: none;*/

/*}*/


.introtext {
font-size: 1em;
line-height: 140%;
}

.accessibilitytext {
font-size: 1em;
}

#course-view .label { /*"welcome to the course! text on the course home page*/
font-size: 1em;
line-height: 180%;
}


#course-view .section td.content {
  background-color:#ffffff;
  padding:10px;
  border-style:dotted;
  border-color: #e8e8e8;
  border-left: none;
  border-right: none;
  border-width:1px; /*adds border between the parts boxes (topics) of a course*/
  /*background-image:url('semitransparent3.png');*/

}

#course-view td.content,
#course-view #module-69,
#course-view .activity{
  background-color:#ffffff;
}


#course-view .section td.left {
  background-color:transparent;
  border-style:dotted;
  border-color: #e8e8e8;
  border-width: 1px;
  border-right:0;
  border-left:0;
  padding-top: 10px;
  font-family: verdana, arial, sans-serif;
  font-weight:bold;
  font-size: 1em;
  color: #e71a11; /*ffbad6 pink; ffa520 orange  #ffa520;*/
  /*background-image:url('semitransparent3.png');*/
}

#course-view .section td.right {
  background-color:transparent;
  border-style:dotted; 
  border-color: #e8e8e8;
  border-width: 1px;
  border-right:0;
  border-left:0;
  background-color:transparent;
  /*background-image:url('semitransparent3.png');*/
}


/***COURSES***/
/*LESSONS*/
#header {
background-image:url('logo_secondary.gif');/*the long thin version of the logo on all pages other than the front*/
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 10px;
height: 45px;/*40px*/
width: 510px;
border: none;
}

#login-signup #header,
#course-enrol #header,
#admin-user #header,
#course-view #header,
#mod-lesson-lesson #header,
#login-index #header,
#mod-wiki-view #header,
#mod-wiki-index #header,
#mod-resource-view #header,
#mod-forum-view #header,
#mod-glossary-view #header,
#mod-certificate-view  #header,
#mod-resource-index #header,
#mod-lesson-view #header,
#mod-lesson-index #header,
#mod-forum-index #header,
#mod-forum-discuss #header,
#mod-forum-post #header,
#certificates-index #header,
#certificates-report #header,
#calendar-view #header,
#calendar-event #header,
#calendar-export #header,
#course-index #header,
#course-user #header,
#user-view #header,
#user-index #header,
#user-editadvanced #header,
#mod-forum-user #header,
#blog-index #header,
#course-user #header,
#admin-index #header,
#admin-roles-assign #header,
#admin-roles-override #header,
#course-modedit #header,
#mod-glossary-index #header,
#course-report-log-index #header,
#course-report-log-indexlive #header, 
#course-report-stats-index #header,
#admin-report-courseoverview-index #header,
#admin-report-cpd-adminview #header,
#admin-report-backups-index #header,
#admin-report-question-index #header,
#admin-report-security-index #header,
#admin-report-unittest-index #header {
display: none;
}


/*#mod-lesson-index th .cell c0,
#mod-lesson-index th .cell c1,
#mod-lesson-index th .cell c2,
#mod-lesson-index th .cell c3 lastcol{
display: none;
}*/

/*adds the thin logo to all the page headers*/
/*#mod-lesson-index #header, 
#mod-choice-index #header, 
#mod-lesson-view #header, 
#mod-choice-view #header,
#mod-data-view #header,
#mod-forum-discuss #header,
#course-view #header  {
background-image:url('thin_logo.jpg');
background-repeat: no-repeat;
margin-left: 20px;
margin-top: 10px;
height: 40px;
width: 510px;
}*/

/*removes all the text based course name instances from the header*/
.headermain,
#mod-lesson-index h1.headermain,
#mod-choice-index h1.headermain,
#mod-choice-view h1.headermain, 
#course-view h1.headermain,
#mod-lesson-view  h1.headermain,
#mod-lesson-lesson h1.headermain,
#mod-lesson-edit h1.headermain,
#mod-forum-discuss  h1.headermain,
#mod-data-view  h1.headermain,
/*#mod-forum-index  h1.headermain,
#mod-forum-user h1.headermain,
#mod-forum-post h1.headermain,*/
#mod-assignment-index  h1.headermain,
#mod-assignment-view  h1.headermain,
/*#mod-glossary-view  h1.headermain,
#mod-glossary-index  h1.headermain,
#mod-glossary-edit  h1.headermain,
#mod-glossary-comment  h1.headermain,*/
#mod-data-index  h1.headermain,
#mod-wiki-view  h1.headermain,
#mod-questionnaire-view  h1.headermain,
#mod-questionnaire-myreport h1.headermain,
#mod-magtest-view  h1.headermain,
#admin-user  h1.headermain,
#admin-settings h1.headermain,
#user-view  h1.headermain,
#user-edit  h1.headermain,
#user-index  h1.headermain,
#blog-index  h1.headermain,
#course-user h1.headermain,
#course-enrol h1.headermain,
#login-index h1.headermain,
#mod-quiz-view h1.headermain,
/*#mod-forum-view  h1.headermain */
#login-signup h1.headermain
 { 
display: none;
}


.centerpara { /*adjusts position of the enrolment key field on the front page*/
  padding-top: 50px;
  }
  
  .centerpara p { 
  padding:20px 0 0 128px;
  margin:0;
  text-align: left;
  font-family: verdana, arial, sans-serif;
  font-size: 1em;
  }

/*The main textbox on lesson pages*/
.generalbox { 
  border-width:0;
  border-style:solid;
  margin: 0;
  padding:0;
position: relative;
overflow: hidden; /*prevents the parent element collapse in the front page site topic area*/
 /*background-color: red;*/
  }
  
.sitetopic {
background-color: transparent;
/*min-width: 425px; /*added 22.06.10*/
margin: 0 0 30px 0;
}
  
#mod-assignment-view .generalbox {
padding:0;
margin:0 0 10px 0;
left: 150px;
}

#mod-choice-view .generalbox {
padding:0;
margin:0;
left: 228px;
width: 78.75%; /*these figures are to line it up with the gold page navigation bar in lessons*/
/*position: relative;*/
 background-color: none;
}

#mod-lesson-view  input  { /*styling of the default navigation buttons on lesson pages*/
color:#e71a11; /*54ae01   367dbb*/
font: normal 100% arial,verdana,sans-serif; 

/*border: 1px solid; 
/*background-color:#ededed; 
border-color: #696 #363 #363 #696; 
filter:progid:DXImageTransform.Microsoft.Gradient 
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ededed'); */
}


#mod-forum-view  .generalbox  {
 background-color: none;
 margin-left: 150px;*/
 }
 
   /*#mod-choice-view #intro.generalbox { 
/*padding: 70px 0 0 150px; /*this helps to align the box holding the text on Choice pages to the same as that on Lesson pages*/
/*background-image: none;*/
  }	*/
  

  
  
  #mod-lesson-view #middle-column  .generalboxcontent .contents p { /*text formatting of lesson pages*/
  font-family:arial, verdana, sans-serif;
  font-weight:normal;
  font-size:1em; /*1.1em*/
  line-height: 120%;
  color:#767676;
  }
  
  
    #mod-lesson-view #middle-column  .generalboxcontent .contents h5{ /*text formatting of lesson titles*/
  font-family:arial, verdana, sans-serif;
  font-weight:normal;
  font-size:100%;
  color:#e71a11;
    line-height: 100%;
	margin: 50px 0 20px 0;

  }
  
      #mod-lesson-view #middle-column  .generalboxcontent .contents h6{ /*text formatting of lesson titles*/
  font-family:arial, verdana, sans-serif;
  font-weight:bold;
  font-size:100%; /*1.5em*/
  color:#e71a11;
      line-height: 100%; /*90%*/
	  margin: 50px 0 20px 0;

  }
  
  
#mod-lesson-view .invisiblefieldset label {
   font-family:arial, verdana, sans-serif;
  font-weight:normal;
  font-size:140%;

    line-height: 100%;
	}
  
  
  /****wiki headers***/
  #mod-wiki-view #intro #content .generalbox h5{ /*text formatting of lesson titles*/
  font-family:arial, verdana, sans-serif;
  font-weight:normal;
  font-size:1.5em;
  color:#e71a11;
    line-height: 90%;
	margin: 50px 0 20px 0;

  }
  
  
        #mod-wiki-view #intro #content .generalbox h6{ /*text formatting of lesson titles*/
  font-family:arial, verdana, sans-serif;
  font-weight:bold;
  font-size:1.5em;
  color:#e71a11;
      line-height: 90%;
	  margin: 50px 0 20px 0;

  }
  
  
  #mod-resource-view #resource p { /*text formatting of resource pages*/
  font-family:arial, verdana, sans-serif;
  font-weight:normal;
  font-size:1.1em;
  line-height: 120%;
  color:#767676;
  }
  
   #mod-resource-view #resource h6 { /*text formatting of lesson pages*/
  font-family:arial, verdana, sans-serif;
  font-weight:bold;
  font-size:1.5em;
  color:#e71a11;
      line-height: 90%;
	  margin: 50px 0 20px 0;

  }
  
  /*hides  lesson page titles*/
#mod-lesson-view h2.main,
#mod-lesson-lesson h2.main {
display: none;
}

/*course summary description boxes on the main front page********/


.coursebox {
  border-style:solid;
  border-width:1px 0 1px 0;
  border-color:#767676; 
  background-color: #f9f9f9;
  margin:0;
 /* background-image:url(''); /*semitransparent_green2.png*/
 /* margin-top:0;
  margin-left: 0; /*10%*/
  margin-bottom: 10px; /*30px*/
  padding: 5px;
  width: 100%; /*80% added 4 dec*/
  position:relative; /*relative*/
  left:0;
  /*top: 80px; /*top80px;*/
   /*padding-top:0; /*5px*/
  /*padding-right: 0;/*10px*/
  /*padding-left: 0; /*10px*/
  /*margin-top: 120px;*/
  /*max-width: 80%; /*width 82 added 4 dec*/
  /* min-width: 200px;*/
/**********new 3 dec*****/
  /*float: left;*/
  /*display: inline;*/
}


.coursebox .teachers {
display: none;
}


/*
*html .coursebox { /*IE6 hack*/
 /*margin:0 0 10px 0px;
top: 60px;
}*/

#middle-column .coursebox .info {
background-color: transparent;
/*max-width: 170px; */
width: 20%!important;
min-width: 120px; /*120px*/
}


#middle-column .coursebox .name {
background-color: transparent;
min-width: 120px;

}

#middle-column .coursebox .summary {
background-color: transparent;
width: 70%!important;
min-width: 250px;
border-left: 1px solid #d0d0d0;
padding-left: 15px!important;

}









#content {
/*background: green;*/
}

/*lesson pages, adds dotted borders top and bottom*/
#mod-lesson-view  #middle-column {
position: relative;
  /*border-style:dotted; */
  border-color: #e8e8e8;
  border-width: 1px;
  border-right:0;
  border-left:0;
  display: block; /* this displays the inline #middle-column as a block, so that Mozilla takes the absolutely positioned div ".horizontal", containing the navigation buttons, and offsets it from #middle-column. Otherwise, a Mozilla bug means its positioned from the root browser window instead. IE is ok with it.*/
/*position: absolute;*/
/*background-color: beige;*/
padding-top: 0;
margin-top: 0;
}

*html #mod-lesson-view  #middle-column {
background-color: #ffffff;
}



  /*lesson question box*/
  
 *html #mod-lesson-view .box {
  margin-top: -20px;
  background-color: #ffffff;
  }
  

  
#mod-lesson-view .generalboxcontent {

width: 95%;
text-align: left;
 /*background-image:url('semitransparent3.png');*/
margin: 0;
padding: 0;
background-color: #ffffff;

}

#mod-lesson-view .boxaligncenter { /*back-next button bar*/
padding-left: 0; /*15px*/
border-style: solid;
border-width: 34px; /*34px*/
border-color: #f3f3f3; /*c9c9ca*/
border-top: none;
border-left: none;
border-right: none;
border-bottom: none;
text-align: center; /*center*/
margin: 0;
min-width: 170px;
width: 100%;
background-color: #ffffff;


/*padding-left: 0; 
border-style: solid;
border-width: 34px;
border-color: #f3f3f3; /*c9c9ca*/
/*border-left: none;
border-right: none;
border-bottom: none;
text-align: center; /*center*/
/*margin: 0;
min-width: 170px;
width: 100%;
background-color: #ffffff;*/
}


#mod-lesson-view .contents  {

font-size: 1.4em; /*140%*/
line-height: 120%;


}

#mod-lesson-view #answerform .boxaligncenter {
border-style: none;
/*width: 10%;*/
margin: 0;
text-align: left;
width:150px;
}





#mod-lesson-lesson .generalboxcontent p,
#mod-lesson-lesson .response p, 
#mod-lesson-lesson .incorrect p,
#mod-lesson-lesson #middle-column p,
#mod-lesson-lesson #middle-column em  {
font-size: 1em; /*1.4em*/
line-height: 120%;
}

#mod-lesson-lesson #middle-column p {
display: inline;
line-height: 150%;
}

#mod-lesson-lesson #middle-column em {
display: inline;
}



#mod-lesson-view .box {
/*background-color: darkorange;*/
background-color: #ffffff;

}

#mod-lesson-view .contents {
  margin: 10px 0 0 0; /*adds a margin for the repositioned page < > buttons*/
background-color: #ffffff;

  }
  

/* THIS WAS THE TOP PAGE NAV BAR (BACK NEXT)
#mod-lesson-view .horizontal {
/*this is positioned absolutely within the relatively positioned #middle-column, so that the navigation buttons are positioned at the top of the lesson page rather than the bottom*/
/*padding: 0;*/
/*margin: 0;*/
/*background-color: lawngreen;*/
/*position: absolute;
top: 0;
right: 40px; /*205 36px*/
/*z-index: 1;
}

/*lesson pages button container*/
/*#mod-lesson-view .branchbuttoncontainer {
float: right;
background-color: transparent;
height: 31px;
min-width: 143px;
/*text-align: left;*/
/*background-image:url('semitransparent3.png');*/
/*padding: 0; /*20px*/
/*margin: 2px 0 20px 0;
}
*/




.previousnextcontainer {
position: absolute;
top: 14px;
right: 0; /*150px*/
width: 100%;
height: 31px;
background-color: #c6d4dd; /*gold  c6d4dd*/
clear: both;
padding: 2px 1px 0 0;
margin: 0;
}





  /*choice/lesson question box*/
  /*#mod-forum-index #content,
  /*#mod-choice-index #content, 
/*#mod-choice-view #content, */
/*#mod-lesson-view #content,*/
/*#mod-assignment-view #content  {
  background-image:url('semitransparent3.png');*/
  }
  
  #mod-choice-view .box {

  }

  #mod-choice-view .generalbox,
#mod-forum-view .generalbox,
#mod-forum-post .generalbox  {
  background-image: none;
  color: #666666;
  line-height: 140%;
  }

 
 
 #mod-choice-view h2.main { /*how others have voted"*/
margin-top: 70px;
padding-top: 10px;
border-top: 1px #d5d5d5 dotted;
text-align: left;
color: #999999;
font-family: verdana, arial, sans-serif;
font-size: 1.2em;
font-weight: bold;
 }
 
    /*box containing the multiple choice options*/
  #mod-choice-view #form .boxaligncenter {
text-align: left;
  margin-left:215px; /*170px*/

  /*margin-bottom: 20px;
    /*background-image: url('semitransparent3.png');*/
  }
  
    /*text in the box containing the multiple choice options*/
  #mod-choice-view #form .boxaligncenter td{
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	color: #666666;
	
	}
	/*save my choice button*/
#mod-choice-view #form .button {
  float: left;
  display: inline;
 margin: 10px 0 0 230px;/*185*/
	}
	
	#mod-forum-view .forumaddnew { /*add a new discussion button*/
  float: left;
  display: inline;
 margin: 0 0 10px 150px;/*185*/
	}
	
	
		#mod-assignment-view .singlebutton{
  float: left;
  display: inline;
 margin: 0 0 0 150px;/*185*/
	}
	/*****QUIZZES*******************/
	
	#mod-quiz-view .quizinfo, /*shows grade result on quizzes*/
	#mod-quiz-attempt.correctness,
    #mod-quiz-attempt.correct,
	#mod-quiz-attempt .gradingdetails {
	display: none;
	}
	
#mod-quiz-review .grading,
#mod-quiz-review .history,
#mod-quiz-attempt .grade {
display: none;
}
	
 
	#mod-quiz-review  h2.main,
	#mod-quiz-attempt .main{
	font-family: verdana, arial, sans-serif;
	}
	
	
	
	
	
	
	
	/***LOGIN PANEL***/
	
	.loginbox {
	border-style:dotted; 
  border-color: #e8e8e8;
  border-width: 2px;
  border-right:0;
  border-left:0;
	background-image: url('semitransparent3.png');
	}
	


/***FORUMS***/

#mod-forum-view #intro .generalbox,
#mod-forum-view #intro .box {
width: 100%;
}

#mod-forum-view  #content .notifyproblem,
#mod-forum-discuss  #content .notifyproblem {
color: red;
}


#mod-forum-view #content .subscription {
/*display: none;*/
}

#mod-forum-view .forumnodiscuss{
color: #666666;
}

#mod-forum-post #content{
  /*background-image:url('semitransparent3.png');*/
  padding-bottom: 10px;
}

#mod-forum-view .notifyproblem {
  margin-left:170px;
  }
  
#mod-forum-view th.topic  {
background-color: #e2e2e2;
color: #666666;
}

#mod-forum-view .topic {
text-align: left;
background-color: #fafafa;
padding-left: 5px;
}

#mod-forum-view th.replies  {
background-color: #e2e2e2;
color: #666666;
text-align: left;
padding-left: 5px;
}

#mod-forum-view td.replies  {
text-align: left;
padding-left: 5px;
}

#mod-forum-view th.author,
 #mod-forum-view td.author {
text-align: left;
padding-left: 5px;
}

#mod-forum-view th.author,
#mod-forum-view th.lastpost {
background-color: #fafafa;
color: #666666;
}

#mod-forum-view th.lastpost,
#mod-forum-view td.lastpost {
text-align: left;
padding-left: 5px;
}

#mod-forum-view .replies{
text-align: left;
background-color: #fafafa;
padding-left: 5px;
}

#mod-forum-discuss .posting {
font-family: verdana, arial, sans-serif;
font-size: 1em;
color: #666666;
}

#mod-forum-discuss td.left {
background-color: transparent;
}


#mod-forum-user .forumpost {
width: 90%;
background-color: yellow;
margin: 10px  auto 0 auto;
}


/******INDEX BITS WHICH ARE HIDDEN*******/
 #mod-lesson-index .lastcol, /*hides the "Deadline" column*/
 #mod-lesson-index .c2,
 #mod-lesson-index  th.c0,
  #mod-lesson-index th.c1 { /*hides the "Grade" column*/
  /*#mod-lesson-index  th.header { /*hides the "Grade" column*/
 display: none;
 }
  #mod-choice-index .lastcol {
  display: none;
  }
  
    #mod-assignment-index .c3,
	#mod-assignment-index th.c4,
    #mod-assignment-index th.lastcol {
  display: none;
  }
  
  /********************DATABASE***********/
  #mod-data-view   td .cell {
  text-align: left;
  }
  
    #mod-data-index  p{
  text-align: left;
  }
          #mod-data-index .c4,
		  #mod-data-index .lastcol {
  display: none;
  }

  
  
  /***assignments***/
  
#mod-assignment-view .reportlink {
display: none;
}

#mod-assignment-view .iframe {
	border-style:solid; 
  border-color: #e8e8e8; /*e8e8e8*/
  border-width: 1px;
}

#mod-assignment-view .toolbar {
	border-style:solid; 
  border-color: #e8e8e8; /*e8e8e8*/
  border-width: 1px;

}

#mod-assignment-view .generalbox {
width: 100%;
}

#mod-assignment-view .box  {
  background-image: none;
  color: #666666;
  line-height: 140%;
  width: 100%;
  }
  

  
  /********EXERCISES********/
/*.boypic {
padding: 10px;
  }*/
  
  
  #mod-lesson-view #answerform td {
  text-align: left;
  }
  
   #mod-lesson-view  input  {
	float: left;
	}
/********images********/
.pie {
padding-right:200px;
padding-bottom:475px;
}

.sosumi {
padding-right:200px;
padding-bottom:394px;
}

/********************GLOSSARIES************************/
.glossarypost .entry {
padding: 20px;
}

#mod-glossary-view #intro{
width: 85%;
margin: 0 auto 0 auto;
text-align: center;
}

#mod-glossary-view .boxwidthwide {
padding: 10px 0 10px 0;
font-weight: bold;
color: #e71a11;
margin: 20px 0 0 0;
background-color: transparent;
width: 80%;
}




#mod-glossary-view .entrybox {
padding: 10px 0 0 0;
border-style: none;

width: 94%;
margin: 0 auto 0 auto;
}

#mod-glossary-view .tabtree,
#mod-glossary-view .entrybox hr {
display: none;
}

#mod-glossary-view .boxaligncenter {
background-color: #f7f7f7;
width: 80%;
margin: 0 auto 0 auto;

}


#mod-glossary-view .glossarysearchbox {
background-color: #f7f7f7;
margin: 0 auto 0 auto;
padding: 10px 0 10px 0;
}

#mod-glossary-view .glossaryaddentry {
width: 80%;
margin: 0 auto 0 auto;
background-color: #f7f7f7;
padding: 10px 0 10px 0;
}

/*****************************questionnaire******************************/
/****background-colours******/
#mod-questionnaire-view  .qnInner,
#mod-questionnaire-view  .qnType,
#mod-questionnaire-view  .c0,
#mod-questionnaire-view  .c1,
#mod-questionnaire-view  .qnInnerTd {
background-color: #ffffff;
border: none;
}

#mod-questionnaire-view  .qnInner{
border: none;
}

#mod-questionnaire-view  .qnType {
border: none;
/*border-top: 0;
border-right: 0;
border-bottom: 1px;
border-left: 0;
border-style: dotted;
border-color: #666666;*/
}
#mod-questionnaire-view  .surveyPage {
background-color: #f6f6f6;
color: #666666;
}

#mod-questionnaire-view  h3.surveyTitle  {
background-color: #ffffff;
border-style: solid;
border-color: #000000;
border: 0;
} 

/*#mod-questionnaire-view .notice .buttons input {
color:#367dbb; /*54ae01*/
/*font: normal 100% arial,verdana,sans-serif; 
border: 5px solid; 
background-color:#ededed; 
border-color: #696 #363 #363 #696; 
filter:progid:DXImageTransform.Microsoft.Gradient 
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ededed'); 

}*/

/****************magtest***********************/
#mod-magtest-view .generalbox {
color: #666666;
font-size: 14pt;
text-align: left;
padding: 0 150px 20px 200px;

}

#mod-magtest-view .magtest-answerline,
#mod-magtest-view .magtest-qsymbol {
font-family: verdana, arial, sans-serif;
font-size: 14px;
color: #666666;
}


/**************javascript buttones**********************************/

/****using an absolute position (on javbutton) within a relative position (javbuttoncontainer) to offset javbutton from javbuttoncontainer, effectively aligning it with the default branchcontainerbutton buttons.*/

.javbuttoncontainer {
background-color: transparent; /*blue;*/
width: auto; /*220*/
height: 31px;
position: absolute; /*relative*/
top:-32px; /*-32*/
right:0;
padding:0 5px 0 0;
margin: 0;
z-index: 2000;
/*display: inline; /*important*/
}

.javbutton {
/*width: 100%; /*width: 100%*/
margin: 1px 3px 0 0; /*1008*/
padding: 0; /*00015*/
/*float: left;*/

/*clear: both;*/
/*z-index: 1;*/
}

.imagebuttonright {
float: right;
}

.btn {
 font: verdana, arial, sans-serif;
  font-weight: normal;
  font-size: 100%;
  text-transform: lowercase;
  width: auto;

}

/***********************************************************************/
/***********this hides the DISPLAY of these resources from the course home page, forcing users to navigate through the course through the lesson**************************/
#course-view .choice,

/*#course-view .glossary,*/
#course-view .assignment,
#course-view .feedback {
display: none;
}
/***********this hides the DISPLAY of header parts from resource/activity pages eg. quiz, poll, forum etc, so the rest of the activity page can be iframed into the lesson the lesson**************************/
#mod-choice-view #header,
#mod-choice-view  #footer,
#mod-choice-view  .footer,
#mod-choice-view .logininfo,
#mod-choice-view .onefloatright_2,
#mod-choice-view .previousnextcontainer,
#mod-choice-view .navbar, 

#mod-questionnaire-view #header,
#mod-questionnaire-view  #footer,
#mod-questionnaire-view  .footer,
#mod-questionnaire-view .logininfo,
#mod-questionnaire-view .onefloatright_2,
#mod-questionnaire-view .previousnextcontainer,
#mod-questionnaire-view .navbar, 


#mod-quiz-view #header,
#mod-quiz-view  #footer,
#mod-quiz-view .footer,
#mod-quiz-view .logininfo,
#mod-quiz-view .onefloatright_2,
#mod-quiz-view .previousnextcontainer,
#mod-quiz-view .navbar, 

#mod-data-view #header,
#mod-data-view  #footer,
#mod-data-view  .footer,
#mod-data-view .logininfo,
#mod-data-view .onefloatright_2,
#mod-data-view .previousnextcontainer,
#mod-data-view .navbar, 

/*
#mod-forum-view #header,
#mod-forum-view  #footer,
#mod-forum-view  .footer,
#mod-forum-view .logininfo,
#mod-forum-view .onefloatright_2,
#mod-forum-view .previousnextcontainer,
#mod-forum-view .navbar,*/

#mod-forum-post #header,
/*#mod-forum-post  #footer,
#mod-forum-post  .footer,
#mod-forum-post .logininfo,
#mod-forum-post .onefloatright_2,
#mod-forum-post .previousnextcontainer,
#mod-forum-post .navbar,
#mod-forum-post .logototheright,
#mod-forum-post #intro .generalbox,
#mod-forum-post  #intro .box,
#mod-forum-post  #intro,

#mod-forum-discuss .fitemtitle,*/
#mod-forum-discuss  #header,
/*#mod-forum-discuss  #footer,
#mod-forum-discuss  .footer,
#mod-forum-discuss  .logininfo,
#mod-forum-discuss .onefloatright_2,
#mod-forum-discuss .previousnextcontainer,
#mod-forum-discuss  .navbar,*/


#mod-assignment-view .fitemtitle,
#mod-assignment-view #header,
#mod-assignment-view #footer,
#mod-assignment-view .footer,
#mod-assignment-view .logininfo,
#mod-assignment-view .onefloatright_2,
#mod-assignment-view.previousnextcontainer,
#mod-assignment-view .navbar {
/*display: none;*/
}


/*************alignment of content within activity pages*****************/
#mod-assignment-view  #online .generalbox,
#mod-assignment-view  #online .box,
#mod-assignment-view .mform,
#mod-assignment-view  #online .box,
#mod-assignment-view .felement,


#mod-choice-view  #intro .generalbox,
#mod-choice-view  #intro .box,
#mod-choice-view  #intro,
#mod-forum-view  #intro .generalbox,
#mod-forum-view  #intro .box,
#mod-forum-view  #intro, 

#mod-data-view  #intro .generalbox,
#mod-data-view  #intro .box,
#mod-data-view  #intro,
#mod-data-view   #intro .generalbox,
#mod-data-view   #intro .box,
#mod-data-view   #intro, 
#mod-data-view  h2.main,

#mod-assignment-view #content,
#mod-assignment-view  #online .generalbox,
#mod-assignment-view #online .box,
#mod-assignment-view  #intro,
#mod-assignment-view #online {
text-align: left;
left:0;
top: 0;
margin:0;
padding: 0;
/*overflow: hidden;*/
}



/*******iframe for lesson pages*****************/
#mod-lesson-view .lessoniframe {
height: 700px;
width: 100%;
}

#mod-lesson-view .lessoniframe_resources	{
height: 1500px;
width: 100%;
}

#iframecontainer {
height: 500px;
}


/*********************floating divs for colummns in lesson pages(******************/
#mod-lesson-view #divwrapper {
width: 100%;
}
 #mod-lesson-view  #divleft {
width: 40%;
min-width: 340px;
 float: left;
 }
 #mod-lesson-view  #divright {
 width: 55%;
 float: left;
 min-width: 30px;
 }
 #mod-lesson-view  #clear {
 width: 100%;
 clear: both;
 }
 
 #mod-lesson-view  #divleft_sosumi {
width: 30%;
min-width: 340px;
 float: left;
 }
 #mod-lesson-view  #divright_sosumi {
 width: 65%;
 float: left;
 min-width: 30px;
 }

 
 
 /*************reporting*******************/
 #course-report-stats-index .errorcode {
 display: none;
 }
 
 /**************************/
 
 /*USER PROFILE*/
 
 #user-view .userinfobox {
 border-style: none;
 background-color: #fafafa;
 }


 
 /*HELP POPUPS*/
 
 #help .generalbox {
 padding: 0 20px 0 20px;
 }
 
  #help .brightfooter {
  display: none;
  }
  
  /*FORUMS*/
  /*Viewing the forums*/
  #mod-forum-view #content {
  width: 80%;
  margin: 0 auto 0 auto;
  }
  
    #mod-forum-view .subscription {
  padding: 0;
  margin: 10px;
  }
  
   #mod-forum-view  #intro.generalbox {
width: 96%;
 padding: 20px;
background-color: #f7f7f7;
   }
   
#mod-forum-view .box {
 padding: 20px;
}



#mod-forum-view  .iconhelp,
#mod-forum-view .groupselector {/*various uneccesary-to-knows in the subscription bit*/
display: none;
}

#mod-forum-view .forumnodiscuss {
text-align: center;
}


#mod-forum-view table .forumheaderlist {
width: 100%;
margin: 20px auto 0 auto;
}

#mod-forum-view .forumaddnew {
background-color: #fffe8d;
padding: 10px;
width: auto;
margin: 0 auto 0 auto;
}

#mod-forum-view  .singlebutton {
margin: 0 0 20px 0;
}

/*Reading froum threads*/

  #mod-forum-discuss #content {
  width: 80%;
  margin: 0 auto 0 auto;
  }

#mod-forum-discuss .forumpost {
width: 100%;
margin: 20px auto 0 auto;
}

#mod-forum-discuss .discussioncontrols {
width: 100%;
margin: 10px auto 0 auto;
background-color: #fffe8d;
height: 40px;
}

#mod-forum-discuss .discussioncontrols td {
padding: 10px;
}


/*RESOURCE PAGE*/



a.resourcemainlink:link,
a.resourcemainlink:visited {
  color:#767676;
font-weight: bold;
font-size: 1em;
line-height: 150%;
}

a.resourcemainlink:hover {
  color:#e71a11;
  
  text-decoration: none;

}

a.resourcemainlink:active {
}

.topmenu a {
font-size: 0.8em!important;
padding-top:20px!important;
}

.dottedlinetop {
width: 100%;
height: 1px;
border-top: 1px solid #878787;
margin-top:20px;
}

.dottedlinebottom{
width: 100%;
height: 1px;
border-top: 1px solid #878787;
margin-top:3px;
}


/*MESSAGES*/

#message-index #footer {
display: none;
}


/*WIKIS*/

#mod-wiki-view #intro {
width: 70%;
margin: 0 auto 0 9%;
}



#mod-wiki-view .boxaligncenter { /*centres the editing box below the wiki content*/
width: 70%;
margin: 0 auto 0 auto;
}

#mod-wiki-view  #wikiPageActions {
display: none;
}

#mod-wiki-view  .wikilinkright {
padding: 0 30px 0 0;
}


#mod-wiki-view .generalboxcontent a:link,
#mod-wiki-view .generalboxcontent a:visited { /*controls appearance of links*/
  color:#e71a11; 
  font-family: arial, verdana,  sans-serif;
  font-weight: normal;
  font-size: 1em;
}


#mod-wiki-view .generalboxcontent a:hover {
  color:#000000;
  text-decoration: none;
  font-size: 1em;
}




/*CERTIFICATES*/

#certificates-index .reportlink {
/*width: 95%;*/
}

#course-report-log-index .c0,
#course-report-log-index .c1, 
#course-report-log-index .c2,
#course-report-log-index .c3,
#course-report-log-index .c4,
#course-report-log-index .c5    {
width: 15%;
}

#course-index  .generalbox .header,
#course-index  .name,
#course-index .count,
#course-index  .icons {
width: 25%;
border: 1px solid #000000;
}

#course-index .boxaligncenter th,
#course-index .boxaligncenter td {
text-align: left;
}


#course-category .boxaligncenter th,
#course-category .boxaligncenter td {
width: 25%;
text-align: left;
}/***** standardlogo_resus01/styles_resus01.css end *****/