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

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

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

body {
     background: #fff;
     color: #000;
     margin: 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: #039;
	text-decoration:none;
}
a:hover  {
    	color: #000;
	text-decoration:underline
}

/* most headings  */

h2.title, .title h2{
     font-weight:bold; 
     color: #D65365;
     margin: 0 0 0.5em 0;
     padding: 0;  
}
h2.summary, h1.summary, .summary h2, .summary h1{
    color: #D65365;
    background: #e1e1e1;
    padding: 5px;
}
h1 {
     font-weight:bold; 
     margin: 0.5em 0 0.5em 0;
     padding: 0;                
     color: #D65365;
     font-size: 1.3em;
}
h2.main {
     font-weight:bold; 
     margin: 10px;
     padding: 0px;  
     line-height: 1.3em; 
     color: #D65365;
     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: #D65365;      
}
th.header,td.header, div.header{
     	background: #9a9a9a url(th_bg.jpg) repeat-x top;
     	color: #fff;
     	border-color: 1px solid #27849a; 
     	font-weight: bold;
	padding: 5px 5px;
}
th.header a{
    	color: #003D7D;
}
div.header  h2{
    	color: #fff;
    	background: transparent;
    	margin: 0px 0px;
	font-size: .95em;
	padding: 3px 0;

}

/**********TOP HEADER ****************/
#page{
	background:transparent url(header_bg.jpg) no-repeat left;
}

.headermain{
     	background:transparent ;
     	font-weight:bold;
}
.headermain img{
     	padding: 5px 10px 0px 30px;
}
.headermenu {
  	float:none;
  	text-align:center;
}
#header-home {
    	color: #000;
    	background:transparent ;  
    	height: 110px;
    	margin: 0px 10px 0px 10px; 
}
.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: #00A4E4;
    	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: #5E6582 url(topnav_bg.jpg) repeat-x; 
      margin:0;    
}

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

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

.homelink {
    	margin: 0;
    	background: transparent; 
	font-size:0.8em
}
.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: #7192B1 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: #7192B1 url(sideblock_header_bg.jpg) repeat-x top;
	color:#000;
}
.sidecalendar{
    	background:#fff;
}

.sidecalendar .header{
    background:#FFAF23;
}

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

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

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

.sideblock .content a:link,.sideblock .content a:visited,.sideblock .content a {
    	color: #039;
     	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:#fff;
     	background: #9a9a9a url(th_bg.jpg) repeat-x top;
     	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: #003d7d;
}
.generaltable th, .generaltable th.header, .generalbox th {
     	color: #fff;
     	background: #9a9a9a url(th_bg.jpg) repeat-x top;
     	font-weight:bold; 	
}
.files th{
     	background: #9a9a9a url(th_bg.jpg) repeat-x top;
     	color: #fff;
     	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 #27849a;
     	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.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:.8em;
  	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
}



/***
 *** 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: #7192B1 url(sideblock_header_bg.jpg) repeat-x top;
    	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:0.8em;
  	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:0.8em
}

/***
 *** 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;
}
.mform fieldset legend{
	color: #000;
	font-size: 1.2em;
}
/***** 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 */
div.addbox { text-align:center; margin:5px; }
div.addbox a { border: 1px solid #000; padding:5px; }

/* 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;}

/*** Newham Specific ***/

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}/***** custom/ilp.css end *****/