/**************************************
 * THEME NAME: custom
 *
 * Files included in this sheet:
 *
 *   custom/custom.css
 *   custom/ilp.css
 *   custom/menubar.css
 **************************************/

/***** custom/custom.css start *****/

/**  Adds all the nice finish to the standard theme **/

body {
     background: #fff;
     color: #000;
     margin: 0;
	 padding: 0;
     font-family: Arial,Verdana,sans-serif;
}
p, li, ul, tr, td, h1, h2, h3, th, .navbar li, .header { 
     font-family: Arial,Verdana,sans-serif;
}
.title{
     color:#fff;
}
.section, .navbutton{
     padding: 0px 5px 0px 5px;
}
.subject {
     color: #333;
}
hr {
     border:0;
     border-top: 1px solid #23A28A;
     height: 0;
     background:#23A28A;
}

/********Links**********/

a, a:link, a:visited, a:hover  {
    	color: #095992;
}
a:hover  {
    	color: #000;
}

/* most headings  */

h2.title, .title h2{
     font-weight:bold; 
     color: #393;
     margin: 0 0 0.5em 0;
     padding: 0;  
}
h2.summary, h1.summary, .summary h2, .summary h1{
    color: #393;
    background: #e1e1e1;
    padding: 5px;
}
h1 {
     font-weight:bold; 
     margin: 0.5em 0 0.5em 0;
     padding: 0;                
     color: #393;
     font-size: 1.3em;
}
h2.main {
     font-weight:bold; 
     margin: 10px;
     padding: 0px;  
     line-height: 1.3em; 
     color: #393;
     text-align: center;  
     font-size: 1.2em;
}
h2.main a, h2.main a:link, h2.main a a:visited {
     color: #003D7D;
}
h2.header, h2.section, .section h2{
     background:transparent;
     color: #393;      
}
th.header,td.header, div.header{
     	background: #d5f0b7;
     	color: #050d05;
     	border-color: 1px solid #27849a; 
     	font-weight: bold;
	padding: 5px 5px;
}
th.header a, th.header a:link, th.header a a:visited,
td.header a, td.header a:link, td.header a a:visited,
div.header a, div.header a:link, div.header a a:visited {
    	color: #ffffff;
}
div.header  h2{
    	color: #fff;
    	background: transparent;
    	margin: 0px 0px;
	font-size: .95em;
	padding: 3px 0;

}

/**********TOP HEADER ****************/

.headermenu {
    float:none;
    text-align:left;
    margin:0;
    padding-left: 0px;
}
.headermain{
    margin:0;
    padding:0;
    height: 0;
    width: 100%; 
    background: #fff;  
}
#header-home {
    height: 107px;
    margin: 0px;
    padding:0px; 
    background: #fff;   
}

.logininfo, #header-home .headermenu font {
    	font-size:0.8em;
    	padding: 0 8px;    
    	height: 20px;  
    	font-weight:normal;
    	margin: 3px;
    	text-align: right; 
}
.headermenu a:link,.headermenu a:visited,.headermenu a {
    	color: #095992;
    	padding: 0 3px 0 3px;
    	text-decoration: underline;
}
.headermenu a:hover {
    	color: #000;   
}
#header-home .headermain, #header .headermain  {
  	font-size: 1.3em;
}

/***breadcrumb trail ****/

.breadcrumb {
     	padding: 0 0 0 8px;    
     	margin:2px;
     	height: 20px;  
     	font-size:0.8em;
     	font-weight:normal;     
}
.navbar .breadcrumb {
     	float:left;
     	margin:0.2em 0.5em;
}
.breadcrumb .sep, #admin-report-simpletest-index .sep {
     	color:#fff;
}
img.resize {
     	width: 100px;
     	height: 100px;
}

/***nav bar ***/

.navbar {
      color: #fff;
      background: #71c043; 
	  font-weight: bold;
      margin:0;    
}

.navbar a,.navbar a:visited,.navbar a:hover,.navbar a:link {
      color: #000;
      text-decoration: underline;       
}

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

.homelink {
    	margin: 0;
    	background: transparent; 
}
.homelink a, .homelink a:link,.homelink a:visited {
  	padding: 2px 5px;
  	color: #084AA5;
  	text-decoration: none;
}
.homelink a:hover {
  	color: #569BBD;
  	text-decoration: underline;
}
#footer{
  	padding: 10px 0px 15px 0px;
  	margin:0;
  	background: transparent; 
  	border-top: 1px solid #006; 
  	color: #333;  
}
#footer p{
 	padding: 5px;
 	color:  #333;
} 
#footer .logininfo{
   	color: #333; 
	text-align: center;
}

/*************** CONTENT ******************/

forumpost{
     	background: #C7D0FF;
}

#content {
     	margin: 10px 10px;
}

/*******Login Box *****/

.loginbox{
     	background: #f1f1f1;
     	margin-bottom: 10px;
}

.loginbox th{
     	background:#666;
     	color: #fff;     
}
.errorbox{
    	background: #666;
    	border: 1px solid #aaa;
    	padding: 5px;
}
.errorboxcontent{ 
     	background: #900;
     	color: #fff;
}
.notifyproblem{
     	color: #900;
     	background: transparent;
}

/*********Calendar *****/

.maincalendar .header{
      	background: #BFD730 url(sideblock_header_bg.jpg) repeat-x top;
      	color:#000;
}
#calendar .event_course,.minicalendar .event_course,.block_calendar_month .event_course {
  	border-color:#fff !important; /* #EEC2AC */
  	background:#fff;
}
.block_calendar_month .content {
     	background:#FED08C;
}
.maincalendar, .minicalendar{
    	background: #fff;
}
.maincalendar .header{
   	background: #BFD730 url(sideblock_header_bg.jpg) repeat-x top;
	color:#000;
}
.sidecalendar{
    	background:#fff;
}

.sidecalendar .header{
    background:#FFAF23;
}

/********* Left/Right Columns  ********/

.sideblock{
    	border: 1px solid #71bf44;
    	width: 210px;
}

#left-column {
    	background: #fff;
}
.sideblock .content {
      background:#d5f0b7;
      border: 0;
}
#left-column li, #right-column li{
	line-height: 1.6em;
}

.sideblock .content a:link,.sideblock .content a:visited,.sideblock .content a {
    	color: #000;
     	text-decoration: none;
}
.sideblock .content a:hover {
    	color: #000; 
	text-decoration: underline;  
}

/*** - boxes on header sideboxes ***/

.hide-show {
    	background: transparent;
    	color: #fff;
}
.hide-show img {
    	border: 1px solid #fff;
    	color: #fff;
}

/***Boxes around admin header icons ***/

.singlebutton{
     	margin: 5px 0;
}
.commands a:hover.icon {
     border: 1px solid #f00;
}
.commands .icon {
    background: #fff;
    padding:2px 2px 1px 2px;
    border:1px solid #27849a;
    margin:1px;
}

/*************Tables *******/

h2.headingblock{
     	color:#050d05;
     	background: #d5f0b7;
     	font-weight:bold;   
}
h2.headingblock .title{
     	color: #000;
} 
h2.headingblock .link a{
     color: #000;
} 

/*******Logs and Reports tables *****/

.log .plugin{
     	background: #fff;
     	border: 0;
}
.logtable{
    	background: #fff;
	font-size: 1em;
}
.c0{
     	font-weight: bold;
     	background: transparent;
     	color: #000;
}
.controls{
     	width: 80%;   
}
.category {
     border-bottom: 1px solid #27849a;
}

.categorybox{
     border: 1px solid #27849a;   
}

/*******Course categories boxes *******/

.userinfobox {
     	border:0;
}
.coursebox{
     	background: transparent; 
}
.coursebox a:link.dimmed,
.coursebox a:visited.dimmed
.coursebox a:hover.dimmed
.coursebox a:active.dimmed{
     	color: #ccc; 
}
.courseboxcontent{
     background: transparent;
}
.courseboxcontent .info{
    	background: #f1f1f1;
    	padding: 5px;
}

.courseboxcontent .summary{
   	 background: #fff;
    	padding: 5px;
}

/****Configuration tables ****/

/****Home page site description ****/

.sitetopiccontent{
     	background: #fff;
     	border: 1px solid #27849a; 
}

/****All THs *****/

.generalbox th a{
     	color: #095992;
}
.generaltable th, .generaltable th.header, .generalbox th {
     	color: #050d05;
     	background: #d5f0b7;
     	font-weight:bold; 	
}
.files th{
     	background: #d5f0b7;
     	color: #050d05;
     	font-weight: bold;
}
.formtable th{
     	font-weight: bold;
     	color: #000;     
}
.generaltable .c0{
    	background: #f1f1f1;
}
.generaltable{
     	width: 80%;
} 
.generalboxcontent {
     	line-height: 1.4em;
     	background: #f1f1f1;
}
table.generalbox {
     	border:1px solid #71c043;
     	width:80%; 
} 
.section{
    	background: #fff;
}
.graph img{
    	border: 1px solid #27849a;
}
.admin .generalboxcontent {
  background:#f1f1f1;
}

.admin .generalbox {
  border-color:#ccc;
  background:#f1f1f1;
}
#adminsettings fieldset {
    background: #f1f1f1;
    border-color: #ccc;
    color: #000;
}

/***
 ***/

.name{
    	font-weight: bold;
    	color: #204164;
}
#intro{
    	font-weight: bold;
    	text-align:center;
}
.info{
    	background:#f1f1f1;
}
.prompt{
    	font-weight: bold;
} 
.list .info {
    	background: #fff;
}
#section-0 .section .main{
    	background: #CFCFCF;
}
label{ 
	font-weight: bold;
       font-size: 1em;
	font-color: #333;
}

/***
 *** Core
 ***/

.clearer {
  	font-size:1px
}
/** font {
  	font-size:100%
}*/
body {
  	font-family:http://moodlepilot.imperial.ac.uk/course/view.php?id=4;
  	font-size:95%
}
th {
  	font-weight:bold
}
a:link,
a:visited {
  	text-decoration:none
}
a:hover {
  	text-decoration:underline
}
a.autolink {
  	font-size:100% !important;
  	border-bottom: 1px dotted #27849a;
}
a.autolink:hover {
  	text-decoration:none;
  	cursor:help
}
h1.main,
h3.main,
h4.main,
h5.main,
h6.main {
  	font-weight:bold
}
h1 {
  	font-size:1.4em
  	font-weight: bold;
}
h2 {
  	font-size:1em
}
h3 {
  	font-size:1em
}
h4 {
  	font-size:0.8em
}
.headingblock {
    	font-family: Arial,Verdana,sans-serif;
    	font-weight: bold;
    	font-size: .8em;
}
pre code {
  	font-size:1.2em
}
.bold {
  	font-weight:bold
}
.generalboxcontent {
  	font-size:0.8em;
}
.generaltable .header {
  	font-size:1em;
  	white-space:normal !important
}
.generaltable .cell {
  	font-size: 0.8em;
	background: #fff;
}
.warning {
  	font-weight:bold;
  	font-style:italic
}
.errorbox .title {
  	font-weight:bold;
  	font-size:1.2em;
  	text-align:center
}
.pagingbar .title {
  	font-weight:bold
}
.pagingbar .thispage {
  	font-weight:bold
}
.paging {
  	font-size:0.8em
}
.categorybox .category {
  	font-size:0.9em;
  	font-weight:bold
}
.helplink {
  	font-size:0.8em
}
.headingblock {
  	font-weight:bold
}
.headingblock .link {
  	font-size:0.9em
}
.files .file, .files .folder {
  	font-size:0.9em
}
.files .folder .size {
  	font-weight:bold
}
.sitetopiccontent {
  	font-size:0.8em
}

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

.homelink {
  	font-size:0.8em
}
.performanceinfo {
  	font-size:0.6em
}

/***
 *** Admin
 ***/

table.formtable tbody	 {
  	font-weight:normal;
  	text-align:right
}
#admin-index .generalboxcontent,
#admin-config .generalboxcontent {
  	font-size:0.9em
}
#admin-config .linklist {
  	font-size:0.9em
}
#admin-config .r1 {
  	font-size:0.9em
}
#admin-config #content > center {
  	font-size:0.8em
}
#admin-index .generaltable .cell {
  	line-height: 1.9em;
}
 
#adminsettings fieldset span.form-shortname {
  	font-size: 90%;
}
#adminsettings fieldset {
  	font-size: 80%;
}

/***  
 ***  Blocks
***/

.sideblock .header,  .sideblock h2{
    	border: none;
    	background: #71bf44 url(sideblock_header_bg.gif) repeat-x;
    	color: #fff; 
    	font-size:.9em;
    	font-weight: bold;
}
.sideblock .content {
  	font-size:.8em;
  	line-height:1.4em;
}
. .content *,
.sideblock .content .message {
  	text-align:left
}
.sideblock .content h3,
.sideblock .content h2 {
  	font-size:1.3em
}
.commands {
	padding: 2px 2px 3px 0px; 
}
.commands .icon {
	background: #fff;
	padding:2px 2px 1px 2px;
	border:1px solid #27849a;
 	margin:1px;
}
.commands a:hover.icon {
     	border:1px solid #f00;
}
.sideblock .footer {
  	text-align:left;
  	font-size: 1em;
}
.sideblock .head,
.sideblock .info,
.sideblock .event {
	font-size: 1em;
	padding-bottom: 3px;
}
.sideblock .date {
  	font-style:italic
}
.activitydate, .activityhead {
  /*font-size:0.8em*/
}

/***
 *** Calendar
 ***/

#calendar .maincalendar .eventlist .event .referer {
  font-weight:bold
}
#calendar .maincalendar .eventlist .event .course {
  font-size:0.8em
}
#calendar .maincalendar .eventlist .event .description .commands {
  text-align:right
}
#calendar .maincalendar .calendarmonth {
  font-size:0.8em
}
#calendar .sidecalendar {
  font-size:0.8em
}
#calendar div.header {
  font-weight:bold
}
#calendar .sidecalendar .filters,
#calendar .maincalendar .filters {
  font-size:0.8em
}
.sideblock .filters td {
  font-size:1em
}
#calendar .maincalendar .controls {
  font-size:1em
}
#calendar .maincalendar .day {
  font-weight:bold
}
table.minicalendar {
  font-size:0.9em
}
.cal_popup_close {
  font-family:sans-serif;
  font-size:0.8em;
  font-weight:bold
}
.cal_popup_bg {
  font-size:1.2em
}
.cal_popup_cg {
  font-size:0.95em;
  font-weight:bold
}
#calendar .maincalendar .calendar-controls .current {
  font-weight:bold
}
.block_calendar_month .filters {
  font-size:0.9em
}
.block_calendar_month .day {
  text-align:center
}

/***
 *** Course
 ***/
#course-view .weekscss .current,
#course-view .current td.side {
  	background: #FFF;
}
#course-view .section {
  	font-size:.9em;
  	line-height:1.4em
}
#course-view .section .label {
  	font-size:1em;
  	line-height:1.4em
}
#course-view .section .activity {
  padding:0.2em 0;
  vertical-align:bottom
}
#course-view .section .activity a {
  font-size:1.2em;
  line-height:1em
}
#course-view .section .left {
  font-weight:bold
}
.course .generalbox{
  font-size:0.8em
}
.weeklydatetext {
  font-size:0.8em;
  font-weight:bold
}
.coursebox .info {
  font-size:0.8em
}
.coursebox .teachers,
.coursebox .cost {
  font-size:1em;
}
.coursebox .summary {
  font-size:0.8em
}
#course-recent h2.main {
  font-size:1.1em
}

/***
 *** Doc
 ***/

body#doc-contents h1 {
  font-size:0.9em
}
body#doc-contents ul {
  font-size:0.8em
}

/***
 *** Help
 ***/

#help {
  font-size:1em
}

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

#login-index #content .left,
#login-index #content .right {
  	font-size:0.8em;
  	text-align:left
}
#header-home .headermenu font {
	font-size: .8em;
}
.headermenu .logininfo a:link, 
.headermenu .logininfo a:visited, 
.headermenu .logininfo a:active, 
.headermenu .logininfo a:hover {
	font-weight: bold;
} 


/***
 *** Message
 ***/

.message .link {
  	font-size:0.8em
}
.message_form {
  	font-size:0.8em
}
.message .heading {
  	font-size:1.0em;
  	font-weight:bold
}
.message .date,
.message .contact,
.message .summary {
  	font-size:0.9em
}
.message .note, 
.message .pix {
  	font-size:0.8em
}
.message .author {
  	font-weight:bold;
  	font-size:0.8em
}
.message .time {
  	font-style:italic;
  	font-size:0.8em
}
.message .content {
  	font-size:0.8em
}
#message-user .commands span {
  	font-size:0.7em;
  	white-space:nowrap
}
#message-user .name {
  	font-weight:bold;
  	font-size:1.1em
}

/***
 *** User
 ***/

#user-view .userinfobox .content {
  	font-size:0.8em
}
#course-user .section .content td {
  	font-size:0.8em
}
#course-user .section .content ul {
  	font-size:1.2em
}
#course-user .logtable {
  	font-size:0.8em
}
#course-log .logtable {
  	font-size:0.8em
}
.userinfobox .username {
  	font-weight:bold
}
.userinfobox .links {
  	font-size:0.7em
}

.user {
	font-size: 1em;
}

/***
 *** Modules:Assignment
 ***/

#mod-assignment-index .cell {
  	font-size:0.85em
}
/***
 *** Modules:Chat
 ***/

#mod-chat-index .cell {
  	font-size:0.85em
}
/***
 *** Modules:Choice
 ***/

#mod-choice-index .cell {
  	font-size:0.85em
}
  
/***
 *** Modules:Forum
 ***/
.forumpost,.forumheaderlist  {
  	font-size:0.8em
}
.forumnodiscuss {
  	font-weight:bold
}
.forumpost .topic .subject {
  	font-weight:bold
}
.forumpost .topic .author {
  	font-size:0.9em
}
.forumpost .commands,
.forumpost .link {
  	font-size:0.9em
}
.forumheaderlist .discussion .lastpost {
  	font-size:0.9em
}
body#mod-forum-search .introcontent {
  	font-weight:bold
}
body#mod-forum-index .cell {
  	font-size:0.85em
}
.forumheaderlist .discussion .starter {
  	background:#f1f1f1;
}

/***
 *** Modules:Glossary
 ***/

.glossarydisplay,
.glossarysearchbox {
  	font-size:0.8em
}
.glossarypost .commands {
  	font-size:0.8em
}
.glossarypost .entryheader .author,
.glossarypost .entryheader .time {
  	font-size:0.8em
}
.glossarypost .entryheader .time {
  	font-style:italic
}
.glossarypopup {
  	font-size:0.8em
}
.concept {
  	font-weight:bold
}
.glossarycomment .time {
  	font-size:0.8em;
  	font-style:italic
}
.entrylowersection .aliases {
  	font-size:0.8em
}
.entrylowersection .icons,
.entrylowersection .ratings {
  	font-size:0.8em
}
#mod-glossary-index .cell {
  	font-size:0.85em
}

/***
 *** Modules:Journal
 ***/
#mod-journal-view .lastedit,
#mod-journal-view .editend {
  	font-size:0.7em
}
#mod-journal-view .author {
  	font-size:1em;
  	font-weight:bold
}
#mod-journal-view .time {
  	font-size:0.7em;
  	font-style:italic
}
#mod-journal-view .grade {
  	font-weight:bold;
  	font-style:italic
}
#mod-journal-index .cell {
  	font-size:0.85em
}
/***
 *** Modules:Label
 ***/

/***
 *** Modules:Lesson
 ***/

#mod-lesson-index .cell {
  	font-size:0.85em
}
/***
 *** Modules:Quiz
 ***/

.editorhelptext {
  	font-size:0.7em
}
#mod-quiz-index .cell {
  	font-size:0.85em
}

/***
 *** Modules:Resource
 ***/

#mod-resource-index .cell {
  	font-size:0.85em
}
/*.mod-resource font {
  	font-size:0.8em
}*/

/***
 *** Modules:Scorm
 ***/

#mod-scorm-index .cell {
  	font-size:0.85em
}
/***
 *** Modules:Survey
 ***/

#mod-survey-index .cell {
  	font-size:0.85em
}
/***
 *** Modules:Wiki
 ***/

#mod-wiki-index .cell {
  	font-size:0.85em
}
/***
 *** Modules:Workshop
 ***/

#mod-workshop-index .cell {
  	font-size:0.85em
}
big {
	font-size: 1em;
}
.block_messages .content {
	font-size: 1em;
}

/***
 *** Logs
 ***/

.logtable td,
.logtable th {
  	padding: 10px; 
	font-size: .9em;
}

/***
 *** Admin
 ***/

#admin-roles-override .cell.c1,
#admin-roles-assign .cell.c3,
#admin-roles-assign .cell.c1 {
  	font-size: 0.8em;
}

form.mform {
  font-size: .8em;
}
/***** custom/custom.css end *****/

/***** custom/ilp.css start *****/

/*
* @copyright © 2007 University of London Computer Centre
* @author http://www.ulcc.ac.uk, http://moodle.ulcc.ac.uk
* @license http://www.gnu.org/copyleft/gpl.html GNU Public License
* @package ILP
*/

/* General page setting */
#blocks-ilp-view div#content {padding-left: 10px; padding-right: 10px;}
#blocks-ilp-view table td{margin:3px; padding:5px; }
#blocks-ilp-view table.generalbox { width:99%; }
#blocks-ilp-view div.generalbox {margin:3px; padding:5px;}
#blocks-ilp-view div.generalbox h2 {margin:0; padding:0}

/* Add new post button */
.addbox {
	float:left;
    position:relative;
	left:50%;
}

.ilpadd {
	float:right;
}

.addbox a.button, .ilpadd a.button {
    background: transparent url('ilp/addbox_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.addbox a.button {
	position:relative;
	left:-50%;
}

.addbox a.button span, .ilpadd a.button span {
    background: transparent url('ilp/addbox_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 24px;
}

.addbox a.button:active, .addbox a.button:hover,
.ilpadd a.button:active, .ilpadd a.button:hover  {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.addbox a.button:active span, .addbox a.button:hover span,
.ilpadd a.button:active span, .ilpadd a.button:hover span {
    background-position: bottom left;
    padding: 6px 0 4px 24px; /* push text down 1px */
} 

/* Comments box */
.ilpcenter { text-align:center; }
.ilpcomment { width:85%; text-align:left; font-size:0.8em; margin-top:3px; margin-bottom:3px; padding:3px; }
.ilpcomment .commands { font-size: 0.9em; padding-top: 0.5em; text-align:right; clear: both; }

/* Student Status Colours */
h1.status-0, h2.status-0, h3.status-0, span.status-0 { color: #00984b; }
h1.status-1, h2.status-1, h3.status-1, span.status-1 { color: #ff7e00; }
h1.status-2, h2.status-2, h3.status-2, span.status-2 { color: #ff0000; }
span.status-0, span.status-1, span.status-2 { font-weight:bold; }

/* Use full-size profile image */
#blocks-ilp-view .userpicture { width: 100px; height: 100px; }

/* YUI Grid http://yui.yahooapis.com/2.7.0/build/reset-fonts-grids/reset-fonts-grids.css */

ilp_post,.yui-t4 {margin:auto;text-align:left;width:99%;*width:99%;}
.ilp_post { margin:3px; }
.yui-t4 {border: 1px solid #ccc; padding:3px; }
.yui-b{position:relative;}
.yui-b{_position:static;}
.yui-main .yui-b{position:static;}
.yui-main{width:100%;}
.yui-t4 .yui-main {float:left;margin-right:-25em;}
.yui-t4 .yui-b{float:right;width:15.8456em;*width:15.50em;}
.yui-t4 .yui-main .yui-b{margin-right:16.8456em;*margin-right:16.55em;}
.yui-main .yui-b{float:none;width:auto;}
.yui-gd .yui-u{float:left;}
.yui-gd div.first{float:left;}
.yui-gd .yui-u{width:16%;margin-left:1.99%; }
.yui-gd .yui-u{width:80%;border-right:1px dashed #ccc;border-left:1px dashed #ccc; padding-left:2px;}
.yui-gd div.first{width:15%;border:none;}
.yui-gd div.first{margin-left:0;}

.yui-t4 .yui-b img.achieved {position: absolute; bottom:0; right:0}
.yui-t4 .yui-b ul {margin: 5px 0 5px 0; padding-left: 0; border: none;}
.yui-t4 .yui-b ul li { margin-left: 0; padding-left: 2px; border: none; list-style: none;}
.yui-t4 .yui-b ul li:before { content: "\0020 \0020 \0020 \00BB \0020"; }
.yui-t4 .yui-b .commands { font-size: 0.8em; padding-top: 0em; clear: both; }
.yui-t4 .yui-b form {display:inline;}
.yui-t4 .yui-b form select, .yui-t4 .yui-b form input {font-size:0.8em;}

.bd:after,.yui-gd:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.bd,.yui-gd{zoom:1;} 

/* Barnsley Specific */

div.generalbox#ilp-target-overview th, div.generalbox#ilp-profile-attendance th {
     color: #fff;
     background: #9a9a9a;
}

td.attendance { width: 10px; }
td.attendance-green {width: 10px; background:#00984b; }
td.attendance-amber {width: 10px; background:#ff7e00; }
td.attendance-red {width: 10px; background:#ff0000; }

#ilp-student_info-overview input.student_info_edit {position:fixed; top:220px; right:120px; width:80px}

td.present, li.present {background-color: #BFFFBF}
td.authorised, li.authorised {background-color:#BFE4FF}
td.unauthorised, li.unauthorised {background-color:#FFBFBF}
td.late, li.late {background-color:#FFDFBF}
td.sick, li.sick {background-color:#FFFFBF}
th.start, th.end, th.day, th.room {text-align:center}
td.attendance, td.present, td.authorised, td.unauthorised, td.late, td.sick {text-align:center}
td.key, li.key {font-size:0.85em; margin:2px; padding:5px; text-align:left;}
/***** custom/ilp.css end *****/

/***** custom/menubar.css start *****/

@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

div.menubar {
  background: #3d3d3d;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {

 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}

/*------------------------------------------------------------------------------------------------------/
	@section	Style Framework  */


	/* First-level expected directory tag - li */

	ul.dropdown li {
	 padding: 3px;
	}

	ul.dropdown *.dir {
	 padding-right: 30px;
	 background-image: none;
	 background-position: 100% 50%;
	 background-repeat: no-repeat;
	}

		/* Non-first level */
		ul.dropdown ul *.dir {
		 padding-right: 15px;
		 background-image:  url(images/nav-arrow-right.png);
		 background-position: 100% 50%;
		 background-repeat: no-repeat;
		}

		ul.dropdown ul ul *.dir {
		 background-image:  url(images/nav-arrow-right2.png);
		}


	/* Components override */

	ul.dropdown-vertical *.dir {
	 background-image:  url(images/nav-arrow-right.png);
	}

	ul.dropdown-vertical-rtl *.dir {
	 padding-right: 15px;
	 background-image:  url(images/nav-arrow-left.png);
	 background-position: 0 50%;
	}



/*------------------------------------------------------------------------------------------------------/
	@section	Base Drop-Down Styling  */



	/* ALL LEVELS (incl. first) */

	ul.dropdown {
	 font: 15px/normal Arial, Helvetica, sans-serif;
	}

		ul.dropdown li {
		 background-color: #333;
		 color: #fff;
		}

		ul.dropdown li.hover,
		ul.dropdown li:hover {
		}

		/* Links */

		ul.dropdown a:link,
		ul.dropdown a:visited { color: #fff; text-decoration: none;}
		ul.dropdown a:hover {
		 border-top-color: #71BF44 !important;
		 border-left-color: #71BF44;
		 background-color: #71BF44;
		 color: #fff;
		}

		ul.dropdown ul a.dir:hover { /* proposal */
		 background-color: #71BF44;
		 background-image:  url(images/comnav-arrowon.png);
		 color: #fff;
		}

		ul.dropdown a:active {
		 background: ##71BF44 url(images/nav-sub-press.png) 0 0 repeat-x !important;
		 color: #fff;
		}


		/* NON-FIRST LEVEL */

		ul.dropdown ul {
		 left: auto;
		 right: 0;
		 width: auto;
		 margin-top: -1px;
		 border-top: 1px solid #1a1a1a;
		 border-left: solid 1px #4c4c4c;
		 font: bold 11px/1em Tahoma, Geneva, Verdana, sans-serif;
		}

			ul.dropdown ul li {
			 background-color: #3a3a3a;
			}

		ul.dropdown ul ul {
		 top: 0;
		 right: auto;
		 left: 100%;
		 margin-top: 0;
		 border-top: none;
		 border-left: none;
		 font-weight: normal;
		}

			ul.dropdown ul ul li {
			 background-color: #4c4c4c;
			}

		ul.dropdown ul ul ul li {
		 background-color: #71BF44;
		}



/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px;
 border-color: #404040 #1a1a1a #1a1a1a #505050;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }



/* Custom elements */

#n-left { width: auto; text-align: center; }
#n-left ul { right: auto; left: 0; width: 249px; text-align: left; }
#n-left ul ul { left: 249px; width: 150px; }
#n-left ul a { width: 232px; }
#n-left ul a.dir { width: 210px; }
#n-left ul ul a { width: 133px; }
#n-left ul ul a.dir { width: 111px; }
#n-left ul ul ul { left: 100%; }

#n-right { width: auto; text-align: center; }
#n-right ul { right: 0; left: auto; width: 249px; text-align: left; }
#n-right ul ul { left: 249px; width: 150px; }
#n-right ul a { width: 232px; }
#n-right ul a.dir { width: 210px; }
#n-right ul ul a { width: 133px; }
#n-right ul ul a.dir { width: 111px; }
#n-right ul ul ul { left: 100%; }

/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 15px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 5px 15px;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 background-color: #3d3d3d;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c;
 background-image:  url(images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959;
 background-image:  url(images/comnav-arrowover2.png);
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: #71BF44;
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-image:  url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #3d3d3d;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #4c4c4c;
 background-image:  url(images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #595959;
 background-image:  url(images/comnav-arrowover2.png);
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background-color: #71BF44;
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-image:  url(images/comnav-arrowon.png);
 color: #fff;
}



/***** custom/menubar.css end *****/