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

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

@charset "utf-8";
@import url("typography.css");
@import url("tables.css");
@import url("forum.css");
@import url("banners.css");



/*******************************************************************************************
********************************************************************************************
Custom Moodle Themes
====================

Created by Ali Khan (Sir George Monoux College). Contact: ahk@george-monoux.ac.uk.
The use of the following CSS code is permissible, however you must add the following notice on your CSS page:

'Originally created by Ali Khan (Sir George Monoux College)'

This theme is for Moodle version 1.9+.
Moodle v2 themes are currently being tested. Please contact me for more details.

Complimentary colours:
GREEN
=====
background-color: #E2FBE1;
border: #ABF3A7;

ORANGE
======
background-color: #ffecdf;
border: #f89647;

SFX BLUE
=========

#0099cc 
#0ba3d0 
*********************************************************/

/* CSS Document */

* {
	margin:0;
	padding:0;
} /** Footer template refer to line 358 **/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
/* CSS Document */
body {
	padding:0px;
	margin:0px;
	color:#707070;
	font:11pt "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #fff;
	background-image: url(pix/template/mainBackground.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	height: 100%;
}

ul {
	
}
/*----TOP PANEL----*/
#topPan {
	width:100%;
	height:137px;
	position:relative;
	padding:0px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background-repeat: repeat-y;
	background-position: center top;
	
}
#topPan #inner-Pan {
	height: 137px;
	width: 95%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-repeat: repeat-x;
	background-position: left top;
	background-image: url(pix/template/SFX-MainBanner.jpg);
}

.headermenu {
	background-image: url(pix/template/transWhite35.png);
	background-repeat: repeat;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 7px;
	margin-right: 5%;
}
#topPan #inner-Pan .img {
	width:197px;
	height:107px;
	position:relative;
	top:15px;
	left:30px;
}
/*---Naigation tabs  ---*/
#glowingtabs {
	width:720px;
	height:32px;
	position:absolute;
	top:93px;
	right:5%;
	text-align: right;
}
#glowingtabs ul {
	float:left;
	list-style-type: none; /*Left offset of entire tab menu relative to page*/
	padding:0;
	width: 100%;
	height: 32px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: -2px;
	margin-left: 0px;
}
#glowingtabs li {
	display:inline;
	margin:0;
	padding:0;
}
#glowingtabs a {
	float:left;
	text-decoration:none;
	background-image: url(pix/template/glowtab-leftOriginal.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 9px;
	font-size: 16px;
	color: #333;
	line-height: 35px;
}
#glowingtabs a span {
	float:left;
	display:block;
	font-weight:bold;
	background-image: url(pix/template/glowtabOriginal.png);
	background-repeat: no-repeat;
	background-position: right top;
	height: 32px;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 3px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#glowingtabs a span {
	float:none;
}
/* End IE5-Mac hack */

#glowingtabs a:hover span {
	color: #E2EBFA;
}
#glowingtabs #current a { /*Selected Tab style*/
	background-position:0 -82px; /*Shift background image up to start of 2nd tab image*/
}
#glowingtabs #current a span { /*Selected Tab style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
	color: black;
}
#glowingtabs a:hover { /*onMouseover style*/
	background-position:0% -82px; /*Shift background image up to start of 2nd tab image*/
}
#glowingtabs a:hover span { /*onMouseover style*/
	background-position:100% -82px; /*Shift background image up to start of 2nd tab image*/
}
.menuDropdown {
}
/*---Naigation tabs  ENDS ---*/



/*----/TOP PANEL----*/

/*----BODY TOP PANEL----*/

#bodytopmainPanLeft {
	background-color: #333;
	height: 100%;
	width: 3%;
	float: left;
	position: absolute;
	z-index: 0;
	display: none;
}
#bodytopmainPan {
	width:100%;
	background-color: #F5F5F5;	
}
#bodytopmainPan #body-Inner {
	width:95%;
	color:#8D8D8D;
	clear:both;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 5;
	padding-bottom: 0;
	padding-left: 5;
	margin-right: auto;
	margin-left: auto;	
	
	
}
#bodytopPan {
	width: 99%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	color: #000;
}

#bodytopPan p {
	padding:0 38px 11px 0;
}
#bodytopPan p span {
	font-weight:bold;
}
#bodytopPan p.more {
	margin:0 0 15px 618px;
	padding:0px;
}
#bodytopPan p.more a {
	display:block;
	width:79px;
	height:28px;
	background:url(images/button1.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:15px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#bodytopPan p.more a:hover {
	background:url(images/button2.gif) 100% 0% no-repeat #fff;
	color:#111;
	text-decoration:none;
}
/*----/BODY TOP PANEL----*/

/*----BODY MIDDLE PANEL----*/
#bodymainmiddlePan {
	width:100%;
	background:#fff;
	color:#8D8D8D;
	float:left;
	padding:42px 0 0;
	clear:both;
}
#bodymiddlePan {
	width:747px;
	position:relative;
	margin:0 auto 0 auto;
	background:#fff;
	color:#8D8D8D;
}
/*---Middle One----*/
#middleonePan {
	width:187px;
	float:left;
}
#middleonePan p {
	padding:0 0 20px 0;
}
#middleonePan p.boldtext {
	font-size:16px;
	background:#fff;
	color:#2B2A2A;
	font-weight:bold;
	padding:32px 0 0;
}
#middleonePan p.blacktext {
	background:#fff;
	color:#000;
	padding:0 0 12px 0;
}
#middleonePan p.dotline {
	background:url(images/dot.line.gif) 0 0 repeat-x;
	width:156px;
	padding:0 0 12px 0;
}
#middleonePan p.more {
	margin:0 0 40px 0px;
	padding:0px;
}
#middleonePan p.more a {
	display:block;
	width:79px;
	height:28px;
	background:url(images/redbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:15px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#middleonePan p.more a:hover {
	background: url(images/bluebutton.gif) 0 0 no-repeat #fff;
	color:#111;
	text-decoration:none;
}
#middleonePan ul {
	width:156px;
	padding:0 0 20px 0;
}
#middleonePan ul li {
	width:156px;
	height:20px;
}
#middleonePan ul li a {
	width:140px;
	height:20px;
	background:url(images/arrow1.gif) 0 8px no-repeat #fff;
	color:#8D8D8D;
	line-height:20px;
	text-decoration:underline;
	padding:0 0 0 16px;
}
#middleonePan ul li a:hover {
	background:url(images/arrow2.gif) 0 8px no-repeat #fff;
	color:#272525;
	text-decoration:underline;
}
#middleonePan ul.block {
	width:156px;
	height:151px;
	display:block;
	padding:0px;
}
#middleonePan ul.block li {
	width:156px;
	height:151px;
}
#middleonePan ul.block li a {
	width:126px;
	height:128px;
	display:block;
	background:url(images/block1-normal.jpg) 0 0 no-repeat #FCFCFC;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:23px 0 0 30px;
}
#middleonePan ul.block li a:hover {
	background:url(images/block1-hover.jpg) 0 0 no-repeat #FCFCFC;
	color:#fff;
	text-decoration:none;
}
/*---/Middle One----*/

/*---Middle Two----*/
#middletwoPan {
	width:186px;
	float:left;
}
#middletwoPan p {
	padding:0 0 20px 0;
}
#middletwoPan p.boldtext {
	font-size:16px;
	background:#fff;
	color:#2B2A2A;
	font-weight:bold;
	padding:32px 0 0;
}
#middletwoPan p.blacktext {
	background:#fff;
	color:#000;
	padding:0 0 12px 0;
}
#middletwoPan p.dotline {
	background:url(images/dot.line.gif) 0 0 repeat-x;
	width:156px;
	padding:0 0 12px 0;
}
#middletwoPan p.more {
	margin:0 0 40px 0px;
	padding:0px;
}
#middletwoPan p.more a {
	display:block;
	width:79px;
	height:28px;
	background:url(images/greenbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:15px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#middletwoPan p.more a:hover {
	background: url(images/pinkbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	text-decoration:none;
}
#middletwoPan ul {
	width:156px;
	padding:0 0 20px 0;
}
#middletwoPan ul li {
	width:156px;
	height:20px;
}
#middletwoPan ul li a {
	width:140px;
	height:20px;
	background:url(images/arrow1.gif) 0 8px no-repeat #fff;
	color:#8D8D8D;
	line-height:20px;
	text-decoration:underline;
	padding:0 0 0 16px;
}
#middletwoPan ul li a:hover {
	background:url(images/arrow2.gif) 0 8px no-repeat #fff;
	color:#272525;
	text-decoration:underline;
}
#middletwoPan ul.block {
	width:156px;
	height:151px;
	padding:0px;
}
#middletwoPan ul.block li {
	width:156px;
	height:151px;
}
#middletwoPan ul.block li a {
	width:126px;
	height:128px;
	display:block;
	background:url(images/block2-normal.jpg) 0 0 no-repeat #FCFCFC;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:23px 0 0 30px;
}
#middletwoPan ul.block li a:hover {
	background:url(images/block2-hover.jpg) 0 0 no-repeat #FCFCFC;
	color:#fff;
	text-decoration:none;
}
/*---/Middle Two----*/

/*---Middle Three----*/
#middlethreePan {
	width:187px;
	float:left;
}
#middlethreePan p {
	padding:0 0 20px 0;
}
#middlethreePan p.boldtext {
	font-size:16px;
	background:#fff;
	color:#2B2A2A;
	font-weight:bold;
	padding:32px 0 0;
}
#middlethreePan p.blacktext {
	background:#fff;
	color:#000;
	padding:0 0 12px 0;
}
#middlethreePan p.dotline {
	background:url(images/dot.line.gif) 0 0 repeat-x;
	width:156px;
	padding:0 0 12px 0;
}
#middlethreePan p.more {
	margin:0 0 40px 0px;
	padding:0px;
}
#middlethreePan p.more a {
	display:block;
	width:79px;
	height:28px;
	background:url(images/bluebutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:15px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#middlethreePan p.more a:hover {
	background: url(images/redbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	text-decoration:none;
}
#middlethreePan ul {
	width:156px;
	padding:0 0 20px 0;
}
#middlethreePan ul li {
	width:156px;
	height:20px;
}
#middlethreePan ul li a {
	width:140px;
	height:20px;
	background:url(images/arrow1.gif) 0 8px no-repeat #fff;
	color:#8D8D8D;
	line-height:20px;
	text-decoration:underline;
	padding:0 0 0 16px;
}
#middlethreePan ul li a:hover {
	background:url(images/arrow2.gif) 0 8px no-repeat #fff;
	color:#272525;
	text-decoration:underline;
}
#middlethreePan ul.block {
	width:156px;
	height:151px;
	padding:0px;
}
#middlethreePan ul.block li {
	width:156px;
	height:151px;
}
#middlethreePan ul.block li a {
	width:126px;
	height:128px;
	display:block;
	background:url(images/block3-normal.jpg) 0 0 no-repeat #FCFCFC;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:23px 0 0 30px;
}
#middlethreePan ul.block li a:hover {
	background:url(images/block3-hover.jpg) 0 0 no-repeat #FCFCFC;
	color:#fff;
	text-decoration:none;
}
/*---/Middle Threee----*/

/*---Middle Four----*/
#middlefourPan {
	width:187px;
	float:left;
}
#middlefourPan p {
	padding:0 0 20px 0;
}
#middlefourPan p.boldtext {
	font-size:16px;
	background:#fff;
	color:#2B2A2A;
	font-weight:bold;
	padding:32px 0 0;
}
#middlefourPan p.blacktext {
	background:#fff;
	color:#000;
	padding:0 0 12px 0;
}
#middlefourPan p.dotline {
	background:url(images/dot.line.gif) 0 0 repeat-x;
	width:156px;
	padding:0 0 12px 0;
}
#middlefourPan p.more {
	margin:0 0 40px 0px;
	padding:0px;
}
#middlefourPan p.more a {
	display:block;
	width:79px;
	height:28px;
	background:url(images/pinkbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	font-size:15px;
	line-height:28px;
	text-decoration:none;
	padding:0 0 0 10px;
}
#middlefourPan p.more a:hover {
	background: url(images/greenbutton.gif) 0 0 no-repeat #fff;
	color:#111;
	text-decoration:none;
}
#middlefourPan ul {
	width:156px;
	padding:0 0 20px 0;
}
#middlefourPan ul li {
	width:156px;
	height:20px;
}
#middlefourPan ul li a {
	width:140px;
	height:20px;
	background:url(images/arrow1.gif) 0 8px no-repeat #fff;
	color:#8D8D8D;
	line-height:20px;
	text-decoration:underline;
	padding:0 0 0 16px;
}
#middlefourPan ul li a:hover {
	background:url(images/arrow2.gif) 0 8px no-repeat #fff;
	color:#272525;
	text-decoration:underline;
}
#middlefourPan ul.block {
	width:156px;
	height:151px;
	padding:0px;
}
#middlefourPan ul.block li {
	width:156px;
	height:151px;
}
#middlefourPan ul.block li a {
	width:126px;
	height:128px;
	display:block;
	background:url(images/block4-normal.jpg) 0 0 no-repeat #FCFCFC;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	padding:23px 0 0 30px;
	text-transform:uppercase;
}
#middlefourPan ul.block li a:hover {
	background:url(images/block4-hover.jpg) 0 0 no-repeat #FCFCFC;
	color:#fff;
	text-decoration:none;
}
/*---/Middle Four----*/

/*----FOOTER PANEL----*/
#footermainPan {
	height:214px;
	color:#fff;
	clear:both;
	background-color: #565656;
	background-image: url(pix/template/footer-background.jpg);
	background-repeat: repeat-x;
	background-position: 0 0;
	font-size: 16px;
}

#footermainPan p {
	color: #FFF;
}

#footerOuterPan {
	height: 214px;
	width: 95%;
	background-repeat: repeat-y;
	background-position: center top;
	margin-right: auto;
	margin-left: auto;
	background-color: #333;
	background-image: url(pix/template/footer-inner-backgroundBlue.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}
#footerPan {
	width:974px;
	position:relative;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	height: 214px;
	
}
/*========= Link Block =======*/

.blueLink a {
	color: #a0e5ff;
}

.blueLink h4 {
	color: #6BD8F8;
}
.blueLink a:hover {
	color: #a0e5ff;
	text-decoration: underline;
}
.footer-link-block {
	position: absolute;
	width: 230px;
	height: 185px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	background-image: url(pix/template/footer-spacer.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.link-blue {
	background-image: url(pix/template/footer-link-tab-blue.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 182px;
	position: absolute;
	text-align: center;
	left: 20px;
	top: 20px;
}
.link-blue a {
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}
.link-blue a:hover {
	color: #666;
	
}
.link-green {
	background-image: url(pix/template/footer-link-tab-green.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 182px;
	position: absolute;
	text-align: center;
	left: 20px;
	top: 75px;
}
.link-green a {
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}
.link-green a:hover {
	color: #666;
}
.link-orange {
	background-image: url(pix/template/footer-link-tab-orange.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 40px;
	width: 182px;
	position: absolute;
	text-align: center;
	left: 20px;
	top: 130px;
}
.link-orange a {
	color: #FFF;
	text-decoration: none;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
}
.link-orange a:hover {
	color: #666;
}
/*========= END Link Block =======*/


.spacer {
	height: 20px;
	
	position: relative;

}


/*========= Social Block =======*/
.footer-social-block {
	position: absolute;
	width: 230px;
	height: 185px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 250px;
	background-image: url(pix/template/footer-spacer.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.footer-social-block ul {
	font-size: 16px;
	padding: 10px;
	list-style-type: none;
}
.footer-social-block ul .facebook {
	background-image: url(pix/template/bookmarks/facebook_32.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.footer-social-block ul .twitter {
	background-image: url(pix/template/bookmarks/twitter_32.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.footer-social-block ul .rss {
	background-image: url(pix/template/bookmarks/rss_32.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
.email {
	background-image: url(pix/template/bookmarks/email.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}
/*========= END Social Block =======*/
.footer-internals-block {
	position: absolute;
	width: 230px;
	height: 185px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 490px;
	background-image: url(pix/template/footer-spacer.png);
	background-repeat: no-repeat;
	background-position: right center;
}
.footer-internals-block ul {
	font-size: 16px;
	padding: 10px;
	list-style-type: none;
}
.footer-internals-block.blueLink ul li {
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-top: 5px;
}
.footer-contact-block {
	position: absolute;
	width: 240px;
	height: 174px;
	margin-top: 15px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 730px;
}
.footer-contact-block p {
	margin-top: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}
#credits {
	font-size: 12px;
	position: absolute;
	top: 180px;
	left: 730px;
}
#footermainPan #footerOuterPan #footerPan .helplink {
	position: absolute;
	left: 750px;
	top: 170px;
}
object {
	z-index: 2;
}
/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a {
	position:absolute;
	top: 0; /*THEME CHANGE HERE*/
	border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
	border-bottom-width: 8px;
	line-height:18px;
	z-index:100;
	background-color: white;
	width: 200px;
	visibility: hidden;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0ba3d0;
	border-right-color: #0ba3d0;
	border-bottom-color: #0ba3d0;
	border-left-color: #0ba3d0;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	padding-right: 10px;
	padding-left: 10px;
}
.dropmenudivTitle {
	font-size: 1em;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	width: 100%;
}
.dropmenudiv_a a {
	width: auto;
	display: block;
	text-indent: 5px;
	text-decoration: none;
	color: #3b5998;
	border-top-width: 0;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	font-weight: bold;
}
.dropmenudiv_last {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #FFF;
}
* html .dropmenudiv_a a { /*IE only hack*/
	width: 100%;
}
.dropmenudiv_a a:hover { /*THEME CHANGE HERE*/
	background-color: #D5F3FD;
	text-decoration: underline;
}
/* =================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================================== */


/**  Ali's banners**/
 
 #custom-banner {
	text-align: left;
	height: 140px;
	width: 100%;
	border: 2px solid #999999;
}
.custom-banner-title {
	margin-left: 20px;
	font-size: 24px;
	color: #FFFFFF;
	margin-top: 20px;
	line-height: 20px;
}
.backgroundImg {
	/*position:absolute;*/
height:256px;
	width: 100%;
	margin: 0;
	padding: 0;
}
/***************************************************/ 
.course-banner {
	height: 93px;
	width: 100%;
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
}
.course-banner-box {
	width: 93px;
	text-align: right;
}
.course-banner-title {
	font-size: 26px;
	font-weight: bold;
	color: #FFFFFF;
	height: 60px;
	margin-top: 10px;
	padding-top: 30px;
}
.course-banner-title-black {
	font-size: 26px;
	font-weight: bold;
	height: 60px;
	padding-top: 30px;
	margin-top: 10px;
}
.course-banner-ff {
	height: 93px;
	width: 100%;
	background-image: url(http://learn.george-monoux.ac.uk/file.php/1/Global/images/top_banners/lrc/lrc_1.gif);
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
}
/***breadcrumb trail ****/

.breadcrumb {
	padding: 0 0 0 8px;
	font-size: .8em;
	margin:2px;
}
img.resize {
	width: 100px;
	height: 100px;
}
/***nav bar ***/

.navbar {
	color: #333;
	margin:0;
	height:30px;
	background: transparent url('bg_dash.gif') repeat-x bottom;
	border:0;
}
.navbar a:hover {
	color:#115FAD;
}
.navbar a, .navbar a:visited, .navbar a:link {
	color: #333;
}
/***************** FOOTER *****************/

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
.modified {
	width: 400px;
	margin-right: auto;
	margin-left: auto;	
}
/*******Login Box *****/

.logdfinbox {
	background-color: #eceff6;
	border: 1px solid #d4dae8;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	margin-bottom: 10px;
}
.loginbox th {
	background:#999;
	color: #fff;
}
.errorbox {
	background: transparent;
	border: 1px solid #C8BAC0;
	padding: 5px;
}
.notifyproblem {
	color: #900;
	background: transparent;
}
/**********Main Calendar*****/

.maincalendar .header {
	background: #666;
	
}
.minicalendar {
	width: 100px;
	
	
}

.minicalendar tr th {
	font-size: 11px;	
	
}


.calendar-controls .current {
	background: transparent;
}

#layout-table tr #left-column div .content .minicalendar {
	
	margin: 0px;
	padding: 0px;
}
#layout-table tr #left-column div .content .minicalendar .weekdays th abbr {
	font-size: 12px;
	text-decoration: underline;
}
#layout-table tr #left-column div .content .minicalendar tr .day.today.eventnone a {
	
	color: #F00;
}
#layout-table tr #left-column div .content .minicalendar tr .day {
	font-size: 12px;
}


#layout-table tr #right-column div .content .minicalendar {
	
	margin: 0px;
	padding: 0px;
}
#layout-table tr #right-column div .content .minicalendar .weekdays th abbr {
	font-size: 12px;
	text-decoration: underline;
}
#layout-table tr #right-column div .content .minicalendar tr .day.today.eventnone a {
	
	color: #F00;
}
#layout-table tr #right-column div .content .minicalendar tr .day {
	font-size: 12px;
}


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

.sideblock {
	border: 0px solid #CCC;
}

.sideblock h2 {
	font-size: 18px;
	font-weight: normal;
	color: #999;
}
.sideblock .content p{
	padding: 0px;
	margin: 0px;
}
#right-column div .content p{
	padding: 0px;
	margin: 0px;
	
}
#left-column div .content p{
	padding: 0px;
	margin: 0px;
	
}

/*== right blocks ==*/
#right-column .sideblock .header {
	background-color: #ea731e;
	background-image: url(pix/template/orangeBlockbackground.png);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #CCC;
}

/*== left blocks ==*/
#left-column .sideblock .header {
	background-color: #87c446;
	background-image: url(pix/template/greenBlockbackground.png);
	background-repeat: repeat-x;
	background-position: top;
	border: 1px solid #CCC;
}


.sideblock .content .list {
	width: 100%;
}
.sideblock .content .list li {
	clear: left;

	padding:4px;
}
.errorboxcontent {
	background: #900;
	color: #fff;
}
#left-column {
	background: #fff;
}

/* === Individual blocks */

.block_participants, .block_activity_modules, .block_search_forums, .block_admin, .block_course_list, .block_news_items, .block_calendar_upcoming, .block_recent_activity,  .block_rss_client{
	
}


.block_rss_client {
	font-size: 16px;
}
.block_html {
	padding-top: 15px;
	padding-bottom: 5px;
}
/* Sideboxes bg  */



/* Blue boxes 

.block_recent_activity .header,.block_activity_modules .header,.block_calendar_upcoming .header, .block_news_items .header {
     background:#0000ff;
     color:#fff;  
}

.block_recent_activity .content,.block_activity_modules .content,.block_calendar_upcoming, .content.block_news_items .content {
     background:#fff; 
}
*/



.activity, .resource {
	
}


/*** 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 #000;
	margin:1px;
	
}
/*************Tables *******/

/********Site News *********/

h2.headingblock {
	color: #fff;
	font-weight:normal;
	font-size: 1.1em;
}
h2.headingblock .title {
	color: #fff;
	background-image: url(pix/heading-block-background.gif);
	background-repeat: repeat-x;
	background-position: top;
	background:#666;
}
h2.headingblock .link a {
	color: #fff;
}
/*******Logs and Reports tables *****/

.log .plugin {
	background: #fff;
	border: 0;
}
.logtable {
	background: #fff;
}
.c0 {
	font-weight: bold;
	background: transparent;
	color: #000;
}
.category {
	border-bottom: 1px solid #C8BAC0;
}
.categorybox {
	border: 1px solid #C8BAC0;
	font-size:0.8em;
}
.category info, course info {
	background: #fff;
}
/*******Course categories boxes *******/

.userinfobox {
	border:0;
}
.coursebox {
	background-color: #ffecdf;
	color: #333333;
	font-weight: normal;
	text-align : right;
	border: 1px solid #f89647;	
}

.coursebox .info {
	float: left;
	width: 50%;
}
.coursebox .summary {
	background-color: #FFF;
	border: 1px solid #CCC;
	position: relative;
	
	
	margin-top: -20px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.courseboxcontent {
	background: transparent;
}
.courseboxcontent .info {
	padding: 5px;
	background-color: #F1EFEF;
	background-image: url(pix/workspace-block-background.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.courseboxcontent .summary {
	background: #fff;
	padding: 5px;
}
/****Configuration tables ****/

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

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

/* ========================================================================== Page content CSS
=============================================================================================*/

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

#intro {
	

}

#page {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
#content {
	margin: 10px 10px;
}
#table-content a:link {

}


.topics ul {

	
}
/*========================================================================== Page content ends
=============================================================================================*/
        #content #layout-table table tr:hover {
	background: #F8F8F8;
}
.section {
	background: transparent;
	
}
.graph img {
	border: 1px solid #aaa;
}
/***Forms ***/

/***Forms ***/

form .adminsettings{
	border: 1px solid #C8BAC0;
	background-color: #F1EFEF;
	background-image: url(pix/workspace-block-background.gif);
	background-repeat: repeat-x;
	background-position: top;
}
form.popupform{
    font-size: 1.3em;
}

.name{
    font-weight: bold;
    color: #204164;
}


.info{
    
}
.prompt{
    font-weight: bold;
} 

.list .info {
    background: #fff;
}

#section-0 .section .main{
    background: #F1EFEF;
}
form {
	
}

form input, select, textarea {
	margin-right: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	padding-top: 2px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	padding-right: 5px;
	padding-left: 5px;
	}

.buttons {
	text-align: center;
}
.singlebutton {
	text-align: center;
	
	}

/* CSS for custom headings */


.homePanel {
	text-align: justify;
}
.panelRow {
	width: 100%;
	height: 150px;
}
.panelLeft {
	width: 48%;
	position: absolute;
	margin: 5px;
	text-align: justify;
	left: -2px;
}
.panelRight {
	width: 48%;
	position: absolute;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 50%;
	text-align: justify;
}
.imgLeft {
	float: left;
	margin: 5px;
}
.imgRight {
	float: right;
	margin: 5px;
}
.frontPageBanner {
	height: 150px;
	width: 100%;
	background-image: url(pix/banners/revisionLeaflets/revisionLeafletsRight.jpg);
}
/*.frontPageBanner .frontPageBannerleft {
	background-image: url(pix/frontPageBanners/leftSide.png);
	height: 150px;
	width: 10px;
	float: left;
}*/
.frontPageBanner .frontPageBannerMiddle {
	width: 100%;
	height: 150px;
	background-image: url(pix/banners/revisionLeaflets/revisionLeaflets.jpg);
	background-repeat: no-repeat;
}
.frontPageBanner .frontPageBannerRight {
	height: 150px;
	width: 10px;
	background-image: url(pix/frontPageBanners/leftSide.png);
	position: absolute;
	margin-top: -150px;
	margin-left: 600px;
}
.frontPageBanner .frontPageBannerMiddle .frontPageBannerHeader {
	font-size: 36px;
	font-weight: bold;
	margin-left: 280px;
	color: #FFF;
	width: 406px;
}
.frontPageBanner .frontPageBannerMiddle .frontPageBannerContent {
	height: 51px;
	width: 463px;
	color: #FFF;
	position: absolute;
	margin-left: 280px;
	font-size: 16px;
}
.frontPageBanner .frontPageBannerMiddle .frontPageBannerContent p a {
	color: #CCC;
}
.frontPageBanner .frontPageBannerMiddle .frontPageBannerContent p {
	margin: 5px;
	font-size: 16px;
}
#mainBanner {
	color: #fff;
	height: 150px;
	background-image: url(pix/banners/qdp2010/left.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#mainBanner #middle {
	height: 150px;
	background-repeat: repeat-x;
	background-image: url(pix/banners/qdp2010/middle.png);
	position: absolute;
	margin-left: 17px;
	width: 98%;
}
#mainBanner #end {
	padding-right: 10px;
	height: 150px;
	background-image: url(pix/banners/qdp2010/end.png);
	background-repeat: no-repeat;
	background-position: right top;
	position: absolute;
	right: 0px;
}
#mainBanner #middle #bannerContent {
	width: 100%;
	height: 120px;
	background-color: #000;
	position: absolute;
	margin-top: 15px;
	margin-bottom: 15px;
}
/*========= vitrual classrooms ===================*/
#virtualClassrooms {
	color: #fff;
	height: 150px;
	background-image: url(pix/sgm_custom/virtualClassroom/left.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	width: 100%;
}
#virtualClassrooms #middle {
	height: 150px;
	background-repeat: repeat-x;
	width: 50%;
	text-align: left;
	left: 5px;
	margin-left: auto;
	margin-right: auto;
}
#virtualClassrooms #end {
	padding-right: 210px;
	height: 150px;
	background-image: url(pix/sgm_custom/virtualClassroom/right.png);
	background-repeat: no-repeat;
	background-position: right top;
	right: 0px;
	position: absolute;
}
#virtualClassrooms #middle #bannerContent {
	width: 100%;
	height: 120px;
	position: absolute;
	margin-top: 15px;
	margin-bottom: 15px;
	color: #333;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
/*================================================*/
#virtualClassrooms #middle #bannerContent #virtualClassroomHeader {
	font-size: 36px;
	font-weight: bold;
	text-transform: capitalize;
}
#vc {
	height: 150px;
	width: 100%;
}
#vc tr .vcLeft {
	background-image: url(pix/sgm_custom/virtualClassroom/left.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 150px;
	width: 220px;
}
#vc tr .vcRight {
	background-image: url(pix/sgm_custom/virtualClassroom/right.png);
	background-position: right;
	background-repeat: no-repeat;
	width: 215px;
}
#vc tr .vcMiddle {
	text-align: center;
	padding: 10px;
	font-size: 36px;
	font-weight: bold;
	z-index: 0;
}
#vc tr .vcMiddle p {
	margin: 0px;
}





/* ========== sidebar css starts here ===============*/


/*================ NAVIGATION ===================*/


.ddcolortabs {
	padding: 0;
	width: 100%;
	voice-family: "\"}\"";
	voice-family: inherit;
	margin-bottom: 0px;
	margin-top: 100px;
	margin-left: auto;
	margin-right: 0px;
	height: 30px;
	text-align: right;
}
.ddcolortabs ul {
	font: bold 12px Verdana, sans-serif;
	margin: 0px;
	height: 30px;
	padding: 10px;
}
.ddcolortabs li {
	list-style: none;
	margin: 0;
	display: inline;
}
.ddcolortabs a {
	margin-left: 3px;
	background-color: #d8dfea;
	color: #3b5998;
	border: 1px solid #d4dae8;
	border-bottom: none;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0.5em;
	padding-bottom: 6px;
	padding-left: 0.5em;
	font-weight: bold;
}
.ddcolortabs a span {
	float:left;
	display:block;
	background: transparent url(media/color_tabs_right.gif) no-repeat right top;
	padding: 4px 8px 2px 7px;
}
.ddcolortabs a span {
	float:none;
}
.ddcolortabs a:hover {
	background-color: #591f20;
}
.ddcolortabs a:hover span {
	background-color: #591f20;
}
.ddcolortabs .selected a, #ddcolortabs .selected a span { /*currently selected tab*/
	background-color: #591f20;
}
.ddcolortabsline {
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background: black;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

/* ============ */

#navlist {
	font: bold 12px Verdana, sans-serif;
	margin: 0px;
	height: 30px;
	padding: 10px;
}
#navlist li {
	list-style: none;
	margin: 0;
	display: inline;
}
#navlist li a:link {
	color: #3b5998;
}
#navlist li a {
	margin-left: 3px;
	background-color: #d8dfea;
	color: #3b5998;
	border: 1px solid #d4dae8;
	border-bottom: none;
	text-decoration: none;
	padding-top: 7px;
	padding-right: 0.5em;
	padding-bottom: 6px;
	padding-left: 0.5em;
}
#navlist li a:visited {
	color: #3b5998;
}
#navlist li a:hover {
	color: #ffffff;
	background-color: #3b5998;
	border-color: #d4dae8;
	cursor: hand;
}
#navlist li a#current {
	background: white;
	color: #3b5998;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #d4dae8;
	border-right-color: #d4dae8;
	border-bottom-color: white;
	border-left-color: #d4dae8;
}
/*================== nav ends ======================*/


/* Facebook Box Styles */
            .fbgreybox {
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.fbbluebox {
	background-color: #eceff6;
	border: 1px solid #d4dae8;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.fbinfobox {
	background-color: #fff9d7;
	border: 1px solid #e2c822;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
.fberrorbox {
	background-color: #ffebe8;
	border: 1px solid #dd3c10;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
/* Content Divider on White Background */
            .fbcontentdivider {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 90%;
	height: 1px;
	background-color: #d8dfea;
	margin-right: auto;
	margin-left: auto;
}
/* Facebook Tab Style */
            .fbtab {
	padding: 8px;
	background-color: #d8dfea;
	color: #3b5998;
	font-weight: bold;
	float: left;
	margin-right: 4px;
	text-decoration: none;
}
.fbtab:hover {
	background-color: #3b5998;
	color: #ffffff;
	cursor: hand;
}
.fbtab a:hover {
	color: #FFF;
}
/* Facebook Tab Style ENDS HERE */.newsItem {
	width: 100%;
	padding: 5px;
	height: 70px;
}

#bodytopmainPan #bodytopPan #layout-table tr #middle-column table tr td div tr th {
	color: #333;
}

/*==== Images ====*/

img {
	margin: 0px;
	padding: 0px;
}

/* UL css inside pages */

#layout-table tr #middle-column  ul {

	text-indent: 1em;
	color: #000;
}

/* Grade box - added 26/01/2012 */

.s0 {
	background-color: #ffd991;
	padding: 3px;
	text-align: center;
}
.s1 {

	padding: 3px;
	text-align: center;
}

/***** template2010wide/custom.css end *****/

/***** template2010wide/ilp.css start *****/

/*
* Targets and Concerns
*/

#blocks-ilp-view div#content {margin-left: 20px;}
#blocks-ilp-view table td{margin:3px; padding:5px; }
#blocks-ilp-view table.generalbox { width:99%; }
table#targets .commands, table#concerns .commands { font-size: 0.8em; padding-top: 0em; text-align:right; clear: both; }
table#targets .commands form, table#concerns .commands form{ display:inline; }
table#targets .commands form select, table#targets .commands form input, table#concerns .commands form select, table#concerns .commands form input, form#student_status select, form#student_status input{ font-size:0.8em; }
div.addbox { text-align:center; margin:5px; }
div.addbox a { border: 1px solid #000; padding:5px; }
p.targetfooter, p.concernsfooter { text-align:right; margin:0; font-size: 0.8em; }
.targetcenter, .concernscenter { text-align:center; }
.targetcomment, .concernscomment { width:85%; text-align:left; font-size:0.8em; margin-top:3px; margin-bottom:3px; padding:3px; }
.targetcomment .commands, .concernscomment .commands { font-size: 0.9em; padding-top: 0.5em; text-align:right; clear: both; }
h1.status-0, h2.status-0, h3.status-0 { color: #00984b; }
h1.status-1, h2.status-1, h3.status-1 { color: #ff7e00; }
h1.status-2, h2.status-2, h3.status-2 { color: #ff0000; }
.concernstatus-0 { background-color:#68fbb1; }
.concernstatus-1 { background-color:#ffb164; }
.concernstatus-2 { background-color: #fd6e6e; }
/***** template2010wide/ilp.css end *****/