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

/***** ulccmoodle/styles.css start *****/

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

/***** ulccmoodle/ulccmoodle.css start *****/

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

body {
     background:#fff;
     color: #103052;
     font-size:medium;
     margin: 0;
     font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
}
body, table, td, th, li {
  	font-family:"Trebuchet MS", verdana, arial, helvetica, sans-serif;
}

h1, h2, h2.main {
      font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
     font-size: 1.3em;
     font-weight:normal; 
     color: #036;
     margin: 0 0 0.5em 0;
     padding: 0;  
     line-height: 1.4em;             
}

h2.headingblock{
     background:#103052;
     color: #fff;
      font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
	font-weight:normal;
}

.c1, .section, .navbutton{
 font-size: .9em;
 padding: 0px 5px 0px 5px;
}

#content {

     margin: 5px;
}

.headermenu {
     padding: 5px;
}


/* main banner */

#header {
    color: #000;
    background: url(header_bg.jpg) right no-repeat; 
    height: 75px;
    margin: 0;
}

#header-nav {
	background: url(nav_bar_bg.jpg) repeat-x; 
	color: #fff;
	margin:0;
	height: 32px;
}

#header-nav ul {
	list-style-type:none;
	font-size:small;
	margin:0 0 0 17px;
	padding:0;
}

ul#header-nav-menu li {
	float:left;
	font-weight:bold;
	margin: 3px 0 2px 0;
	padding: 1px 12px 2px 12px;
	border-right: 1px solid #ceecff;
}

ul#header-nav-menu li a,
ul#header-nav-menu li a:active,
ul#header-nav-menu li a:link,
ul#header-nav-menu li a:active,
ul#header-nav-menu li a:hover {
	color:#ffffff;
}

.headermenu {
	font-size:small;
	margin:0;
	padding:0
}

.logininfo {
	margin-top:4px;
}

/* most headings  */

th.header,td.header,div.header {
    color: #FFF; 
    background: #853A64;
     font-family: "Trebuchet MS", Arial, helvetica, sans-serif;
    border-color:#853A64;
}

th.header a,td.header a,div.header a,
th.header a:link,td.header a:link,div.header a:link,
th.header a:visited,td.header a:visited,div.header a:visited,
th.header a:hover,td.header a:hover,div.header a:hover,
th.header a:active,td.header a:active,div.header a:active {
	color:#ffffff;
}
 
div.header h2{
    color: #FFF; 
}
.sideblock .header {
  border: none;
}

.sideblock{
  border: 1px solid #853A64;
}

/************ breadcrumb trail *************/

.breadcrumb {
   padding: 2px 0 0 8px;
   margin:0;
}

.breadcrumb ul {
	font-size:small;
}
img.resize {
   width: 100px;
   height: 100px;
}
.navbar {
    color: #103052;
    background: #fff; 
    margin:0;
    padding:0;
    height:24px;
    border-top:none;
    border-left:none;
    border-right:none;
    border-bottom: 1px solid #ceecff;
}

.navbar a,.navbar a:visited,.navbar a:hover,.navbar a:link {
    color: #0e69b2;
}

.navbutton {
	margin:0;
	padding:0;
}

.navbutton select, .navbutton input, {
	font-size:0.7em;
}

.navigation {
	margin:0;
	padding:0;
}

.navigation form {
	margin:0;
	padding:0;
}

.navigation select {
 	font-size:0.8em;
 	margin:0;
 	padding:0;
}
 
/* pushes content closer to breadcrumb navigation */

#content {
	margin:5px;
}

/* give plus n minus a grey bg so they show up  */

.hide-show {

}

/* all links  */

a, a:link, a:visited, a:hover  {
    color: #106ab1;
}

/* left column */

#left-column {
    background: #fff;
}

/* remove border from side boxes and add background colour */

.sideblock .content {
  background:#f3f3f3;
  border: 0;
}

/* make login link at top visible */

.headermenu a:link,.headermenu a:visited,.headermenu a:hover,.headermenu a {
    color: #fff;
    padding: 0 3px 0 3px;
    
}

.headermenu a:hover {
	text-decoration: underline;
}
/* boxes*/





/* footer */

.homelink {
  font-size:0.75em;
  margin: 0;
}
.homelink a {
  padding: 0;
}
.homelink a:link,.homelink a:visited,.homelink a:hover {
  color: #05B;
  background:#fff;
  text-decoration: none;
}
.homelink a:link,.homelink a:visited, .homelink a:hover {
  border: 0px ;
}

#footer{
  padding: 0px 0px 15px 0px;
  margin:0;
}
/****** Tables ******/

.generaltable, .forumheaderlist, .logintable, .forumpost, .userinfobox, .courseboxcontent, .loginbox, .content, .popupform, .generalbox{
  font-size:0.9em;
}

table.generalbox {
  
  border:1px solid #ccc;
  background: #f3f3f3;
  font-size: .9em;
} 

.generalboxcontent {
  line-height: 1.4em;
}

.generaltable th {

  font-size:1.2em;
}

.date, .name{
   font-size:.85em;
}

.forumheaderlist td{
   padding: 0 5px 0 5px;
}

.category a, .course a {
  font-size: .9em;
}

.category {
  border-bottom: 1px solid #ccc;
}

.categorybox{
  border: 1px solid #ccc;
  font-size:0.8em;
}
.info td {
  background: #ccc;
}

span.teachers{
  padding: 0;
}

.courseboxcontent{
  background: #f3f3f3;
} 

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

.userinfobox {
   border:0;
}
.c0{
}

hr {
   border:0;
   border-top: 1px solid #ccc;
   height: 0;
   background: #ccc;
  }

.sitetopiccontent{
   background: #f3f3f3;
}

table.forumpost{
   margin-left:auto; 
   margin-right:auto;
}

.singlebutton{
   margin: 5px 0;
}

.commands a:hover.icon {
  border:1px solid #f00;
}

.commands .icon {
  background: #fff;
  padding:2px 2px 1px 2px;
  border:1px solid #000;
  margin:1px;
}
.sideblock {
     font-size: 0.95em;
}
.sitetopiccontent {
     font-size: 0.85em;
}

 /***
  *** Course Menu
  ***/
 
 .block_course_menu ul {
 	list-style-type:none;
	margin:0;
	padding:0;
	}
 
 .block_course_menu li {
	background-image:url(thinsliver.jpg);
	border: 1px solid #999999;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 2px;
	}

/***
 *** Gradebook
 ***/

.grade-report-grader table#user-grades .category,
.grade-report-grader table#user-grades .catlevel1,
.grade-report-grader table#user-grades .catlevel2,
.grade-report-grader table#user-grades .catlevel3 {
   background-color: #666666; 
}

.grade-report-grader table#user-grades .odd,
.grade-report-grader table#user-grades .odd a,
.grade-report-grader table#user-grades .odd a:link,
.grade-report-grader table#user-grades .odd a:visited,
.grade-report-grader table#user-grades .odd a:hover {
   color: #333333;
}
/***** ulccmoodle/ulccmoodle.css end *****/
/***** ulccmoodle/styles.css end *****/

/***** ulccmoodle/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%; background:#edf6fb; margin:5px; }
#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; background:#edf6fb; }
.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;} 
/***** ulccmoodle/ilp.css end *****/