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

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

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

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

body {
    background: #fff ;
    color: #000;
    margin: 0 ;
    font-family: Arial,Verdana,sans-serif;
}
#page {
    background: #fff;
    color: #000;
}

/***** Headings  ****/

h1 {
    font-weight:normal; 
    text-transform:uppercase;
    margin: 0.5em 0 0.5em 0;
    padding: 0;                
    color: #535353;
    font-size: 1.3em;
    font-weight:bold; 
}
h2.main {
    margin: 10px;
    padding: 0px;  
    line-height: 1.3em; 
    color: #535353;
    text-align: center;  
    font-size: 1.3em;
}
h2.title, .title h2{
    font-weight:bold; 
    color: #fff;
    margin: 0 0 0.5em 0;
    padding: 0;  
}
h2.summary, h1.summary, .summary h2, .summary h1{
    color: #535353;
    background: #e1e1e1;
    padding: 5px;
}
h2.headingblock{
    color:#fff;
    background: #d3d3d3;
    font-weight:bold; 
	font-size: .9em;  
}
h2.headingblock .title{
    color: #000;
} 
h2.header, h2.section, .section h2{
    color: #535353;   
    font-weight:normal;   
}
h3 {
  	font-size:1.2em
}
h4 {
  	font-size:1em
}
/********Links**********/

a, a:link, a:visited{
	color: #069;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}
th.header a, .generalbox th a{
    color: #fff;
	text-decoration:underline;
	font-size: .9em;
}
th.header a:hover, .generalbox th a:hover{
    color: #ccc;
}
h2.main a, h2.main a:link, h2.main a:visited {
    color: #0d4284;
}
h2.headingblock .link a{
    color: #000;
}
/******* LOGIN BOX *****/

.loginbox{
    background: #f5f5f5;
    margin-bottom: 10px;
}
.loginbox th{
    background:#333;
    color: #fff;     
}
.loginbox{
	margin: 15px 25%;
	width: 50%;
}
#login-index #content{
	font-size: 0.8em;
}

/********** HEADER ****************/

.headermain{
    background:#fff;
    font-weight:bold;
  	margin: 0px;
	height: 75px;
}
.headermenu {
  	float:none;
}
#header-home {
    color: #000;
    background:#fff url(header_bg.jpg) no-repeat right;
	height: 75px;
    margin: 0; 
	padding: 0;
}
#header-home img{
    padding: 10px;
}
.logininfo, #header-home .headermenu {
    font-size:0.8em;
    padding: 0;    
    height: 20px;  
    font-weight:normal;
    margin: 3px;
    text-align: right; 
}
.headermenu a:link,.headermenu a:visited,.headermenu a {
    color: #0d4284;
    padding: 0 3px 0 3px;
    text-decoration: underline;
}
.headermenu a:hover {
    color: #000;   
}
/***breadcrumb trail ****/

.breadcrumb {
    padding: 0 0 0 8px;    
    margin:0px;
    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;
}
.navbar {
    color: #fff;
    background:#27318b; 
    margin:0;   
}
.navbar a,.navbar a:visited,.navbar a:hover,.navbar a:link {
    color: #fff;
    text-decoration: underline;       
}
.section, .navbutton{
    padding: 0px 5px 0px 5px;
}
/****Home page site description ****/

.sitetopic{
	background: #f3f3f3 url(sitetopic_bg.jpg) repeat-x bottom;
}
.sitetopic .activity{
	background: #f0f0f0;
}
.activity a{
	font-weight: bold;
}
/*************** CONTENT ******************/
#content {
    margin: 0 10px;
}
/********* Left/Right Columns  ********/

.title{
    color:#fff;
}
#left-column {
    background: #fff;
}
#left-column li, #right-column li{
	line-height: 1.6em;
}
#right-column a, #right-column a:link, #right-column a:visited, .filters a{
    color: #0d4284;
	text-decoration: none;
	font-weight: bold;
}
#right-column a:hover, #right-column a:hover, .filters a:hover{
	color: #000;
	text-decoration: underline;
}
div.header  h2{
    color: #fff;
    background: transparent;
    margin: 0px 0px;
	font-size: .95em;
	padding: 3px 0;
}

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

table{
	width: 100%;
}
.generaltable .cell {
  	font-size: 0.8em;
	border: 1px solid #ccc;
}
.generaltable{
    width: 100%;
	border:1px solid #ccc;
} 
.generalboxcontent {
    line-height: 1.4em;
    background: #e1e1e1;
	border:1px solid #ccc;
}
table.generalbox {
    border:1px solid #ccc;
    width:100%; 
} 
table.rolecap{
	background: #fff;
	width: 80%;
}
table.rolecap td{
	padding:5px;
}
table.userinfobox{
	font-size: .8em;
}
table.files{
	font-size: .9em;
}
th.header{
    background: #27318b;
    color: #fff;
    border: 1px solid #ccc; 
    font-weight: bold;
	padding: 5px 5px;
	font-size:.9em;
}
td.header, div.header{
    background: #27318b;
    color: #fff;
    border: 1px solid #ccc; 
    font-weight: bold;
	padding: 3px 5px;
}

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

.generaltable th, .generaltable th.header, .generalbox th {
    color: #fff;
    background: #27318b;
    font-weight:bold; 
	padding: 5px;	
}
.files th{
    background: #27318b;
    color: #fff;
    font-weight: bold;
}
#movecourses th{
    background: #27318b;
    color: #fff;
    font-weight: bold;
	font-size: 1.1em;
}
.formtable th{
    font-weight: bold;
    color: #000;     
}
.prompt{
    font-weight: bold;
} 
.list .info {
    background: #fff;
}
#section-0 .section .main{
    background:#e1e1e1;
}
.generalboxcontent {
  	font-size:0.8em;
}
.helplink {
  	font-size:0.8em
}
.headingblock {
  	font-weight:bold
}
.headingblock .link {
  	font-size:0.9em
}
/**** Blocks ***/

.sideblock{
    border: 1px solid #ccc;
    width: 210px;
}
.sideblock .header,  .sideblock h2{
    border: none;
    font-size:.9em;
    font-weight: bold;
}
.sideblock .content {
    background:url(column_bg.jpg) repeat-x ;
    border: 0;
	border-top: 2px solid #ee3d42;
	font-size:.8em;
  	line-height:1.4em;
}
.sideblock .content a:link,.sideblock .content a:visited,.sideblock .content a {
    color: #535353;
    text-decoration: none;
}
.sideblock .content a:hover {
	text-decoration: underline;  
}
.sideblock .content .message {
  	text-align:left
}
.sideblock .content h3,.sideblock .content h2 {
  	font-size:1.3em
}
.sideblock .footer {
  	text-align:left;
  	font-size: 1em;
}
.sideblock .head,.sideblock .info,.sideblock .event {
	font-size: 1em;
	padding-bottom: 3px;
}
.block_online_users{
	font-size: 1.1em;
}
.info{
    background:transparent;
}
/******************
Site Admin 
********************/

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

.singlebutton{
    	margin: 5px 0;
}
.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;
}
/*** boxes on header sideboxes ***/

.hide-show {
    background: transparent;
    color: #fff;
}
.hide-show img {
    border: 1px solid #fff;
    color: #fff;
}
#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 .generalboxcontent {
  	background:#e1e1e1;
}
.admin .generalbox {
  	border-color:#ccc;
  	background:#e1e1e1;
}
#adminsettings fieldset {
    background: #e1e1e1;
    color: #000;
	font-size: .8em;
}
.tag-management-form .generalbox{
	background: #e1e1e1;
}
/******* Users *******/ 

.user{
	font-size: 1em;
}
.authsui {
	background: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
}
#authmenu  .boxwidthwide{
	width: auto;
	background: #e1e1e1;
}
#authmenu  .informationbox{
	background: #fff;
}
#newfilter, #users, #moodle, #moodle_optional, #moodle_interests, #moodle_picture,  #settingsheader, #gradeletters, #categoryheader{
	background: #e1e1e1;
}
/****** Location ******/

#notice.generalbox {
	width: auto;
	font-size: .9em;
}
/****** Courses ******/
body#course-index #middle-column .editcourse td {
	padding: 3px 10px;
	border: 1px solid #fff;
	background: #e1e1e1;
}
body#course-index #middle-column .editcourse th{
	padding: 3px 10px;
	border: 1px solid #fff;
	background: #27318b;
}
#course-view .weekscss .section, #course-view .section td.side{
	background: #f5f5f5;
}
#course-view .weekscss .current,
#course-view .current td.side {
  	background: #FFF;
}
#course-view .section .label {
  	font-size:1em;
  	line-height:1.4em
}
.course .generalbox{
  	font-size:0.9em; 
} 
#movecourses{
	font-size: .9em;
}
#movecourses a{
	font-weight: bold;
}
.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
}
.category {
    border-bottom: 1px solid #27849a;
	padding: 2px 0; 	
}
.categorybox{
    border: 1px solid #ccc; 
	background: #fff; 
	font-size: .9em; 
}
.userinfobox {
    border: 1px solid #ccc;
}
.coursebox, .categoryboxcontent{     	
	border: 1px solid #ccc;
}
.coursebox .info{
	background: transparent; 
}
.coursebox{
	background: #f4f4f4; 
	border: 1px solid #999;
	line-height:  1.1em;
}
.coursebox a:link.dimmed,
.coursebox a:visited.dimmed
.coursebox a:hover.dimmed
.coursebox a:active.dimmed{
    color: #ccc; 
}
.courseboxcontent{
    background: transparent;
}
.courseboxcontent .info{
    background: #fff;
    padding: 5px;
}
.courseboxcontent .summary{
   	background: #fff;
    padding: 5px;
}
.categorybox .category {
  	font-size:0.9em;
  	font-weight:bold
}
/****************** Grades  **************/ 

#user-grades td, #user-grades th{
	border: 1px solid #fff;
}
#user-grades th.header{
	color: #000;
	background: #ccc;
	font-size: 1.1em;
}
#user-grades th.header a{
	color: #000;
}
.grade-report-grader table#user-grades .catlevel1{
	background: #ccc;
	border: 1px solid #fff;
}
/**************** Modules *************/ 

 #modules td, #blocks td {
	background:#e1e1e1;
}
.settingsform .formsettingheading{
	background: #fff;
}
.filtersui table{
	font-size: 1.1em;
}
.blockconfigglobal table{
	font-size: .9em;
}
/****** Modules: Blocks: RSS ******/

.block_rss_client .link{
	border-top: 1px solid #fff;
	padding-bottom: 5px;
	font-size: 0.9em;
}
/************* Appearance **************/ 
.generaltableheader{
	background: #e1e1e1;
}
#form1 table{
	background: #e1e1e1;
}
/*******Front Page Questions**********/ 

.questioncategories, .questionbank{
	background: #e1e1e1;
	font-size: .9em;
	line-height: 1.4em;
}
#categoryheader, #fileformat,#general,#importfileupload,#importfilearea{
	background: #e1e1e1;
}
/*****Calendar *****/

#calendar .minicalendarblock{
	background: #f4f4f4;
}
.maincalendar .header{
    background:transparent url(sideblock_header_bg.jpg) repeat-x;
    color:#fff;
}
#calendar .event_course,.minicalendar .event_course,.block_calendar_month .event_course {
  	border-color:#fff !important; /* #EEC2AC */
  	background:#fff;
}
.block_calendar_month .content {
    background:#CCB17F;
}
.maincalendar, .minicalendar{
    background: #fff;
}
.sidecalendar .sideblock{
    background:#fff;
	width:100%;
}
.sidecalendar .header{
    background:transparent url(sideblock_header_bg.jpg) repeat-x;
}

/****************** Frontpage **************/ 

.files .file, .files .folder {
  	font-size:0.9em
}
.files .folder .size {
  	font-weight:bold
}

/****************** Server **************/ 

/****************** Networking **************/ 

/****************** Reports  **************/ 

/* Logs */

.logtable td,.logtable th {
  	padding: 10px; 
	font-size: .9em;
}
.log .plugin{
    background: #fff;
}
.logtable{
    background: #fff;
	font-size: 1em;
}
.c0{
    font-weight: bold;
    background: transparent;
    color: #000;
}
.controls{
    width: 100%;   
}
/****** Miscellaneous  *******/ 

#listdirectories{
	font-size: .85em;
}
#listdirectories .r0{
	background: #e1e1e1;
}
/** Modules:Forum ****/

.forumpost{
	width:100%;
	background:#ddd;
}
.forumpost .content{
	background: #fff;
}
.forumpost,.forumheaderlist  {
  	font-size:0.8em;
}
.forumpost .topic .author {
  	font-size:0.9em;
}
.forumheaderlist .discussion .lastpost {
  	font-size:0.9em;
}
body#mod-forum-index .cell {
  	font-size:0.85em
}
.forumheaderlist .discussion .starter {
  	background:#EFEBE0;
}
/**** Messages/Chat ***********/

#message-messages,
#message-send, 
#message-user,
#mod-chat-gui_header_js-chatinput,
#mod-chat-gui_header_js-jsupdate,
#mod-chat-gui_header_js-users {
	background:none;
}
/****** General  *******/ 

.clearfix{
	border: none;
}
.clearfix .fitemtitle{
	background: transparent;
}
.errorbox{
    background: #666;
    border: 1px solid #aaa;
    padding: 5px;
}
.errorboxcontent{ 
    background: #900;
    color: #fff;
}
.notifyproblem{
    color: #900;
    background: transparent;
}
.paging {
  	font-size:0.8em
}
.section{
    background: #fff;
}
.graph img{
    border: 1px solid #ccc;
}
.name{
    font-weight: bold;
    color: #204164;
}
#intro{
    font-weight: bold;
    text-align:center;
}
.subject {
    color: #333;
}
hr {
    border:0;
    border-top: 1px solid #00667D;
    height: 0;
    background:#00667D;
}
/****** Forms ******/ 

fieldset{
	border: 1px solid #ccc;
}

label{ 
	font-weight: bold;
    font-size: 1em;
	color: #333;
}
form.mform {
  	font-size: .8em;
}
.mform fieldset legend {
	color: #fff;
	font-size: 1.3em;
	background: #27318b;
	padding: 5px;
}
legend{ 
	font-weight: bold;
    font-size:.9em;
	color: #fff;
	background: #27318b;
	padding: 5px;
	margin: 5px 0;
}
/***************** FOOTER *****************/

#footer{
  	padding: 10px 0px 15px 0px;
  	margin:10px 0 0 0;
  	background: transparent url(footer_bg.jpg) repeat-x; 
  	color: #333;  
}
#footer .logininfo{
	text-align: center;
}
.homelink {
  	font-size:0.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 */
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;} /***** custom/ilp.css end *****/