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

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

@charset "utf-8";
@import url("forum.css");
/**  Adds all the nice finish to the standard theme 


hef: glossary entry ge

Borders in boxes
#999

Dark blue for page headings, hr
#0000ff

Breadcrumb bar
#fff bg
#333 

Main links
#008
#000 hover

Header and footer 
#fff bg

Side blocks headers

#475ea4 bg   
#fff colour

Login boxes

bg content: #B4DCF6;
bg header:#475ea4;
hr: #475ea4 

**/

* {
	margin:0;
	padding:0;
} /** Footer template refer to line 358 **/
html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	color: #000;
	margin: 0;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 14px;
	color: #333333;
	font-weight: normal;
}
p, li, ul, tr, td {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
h1, h2, h3, th, .navbar li, .header {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	color: #333333;
}
/* Block titles */   
h2.title, .title h2 {
	font-size: 0.8em;
	font-weight:bold;
	color: #000;
	margin: 0 0 0.5em 0;
	padding: 5px;
}
h2.summary, .summary h2 {
	color: #000;
	background-color: #fff9d7;
	border: 1px solid #e2c822;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* -------   Backup ---------------------  
h2.summary, h1.summary, .summary h2, .summary h1{
	color: #fff;
	padding: 5px;
	background-color: #333;
	background-image: url(pix/course-heading1.gif);
	background-repeat: repeat-x;
	background-position: top;
} */



/*-----------------------------------------*/

h1 {
	background-color: #eceff6;
	border: 1px solid #d4dae8;
	color: #333333;
	padding: 10px;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
h2 {
	font-size: 1.5em;
	font-weight:bold;
	color: #333333;
	text-transform: capitalize;
}
h3 {
	font-size: 1.2em;
	font-weight:bold;
	color: #666;/** created 30/1/2007
     margin: 0.5em 0 0.5em 0;
     padding: 0;  
     line-height: 1.3em;
     font-size: 1.3em;
**/
}
h2.main {
	background-color: #fff9d7;
	border: 1px solid #e2c822;
	color: #333333;
	padding: 10px;
	font-size: 1.3em;
	margin-bottom: 10px;
}
h2.header {
	color: #333;
	font-size: 1em;
	background-color: #999;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	display: none;
}
h2.section, .section h2 {
	color: #000;
	font-size: 1.2em;
}
.title {
	font-size: 1.2em;
	color:#000;
}
.section, .navbutton {
	font-size: .9em;
	padding: 0px 5px 0px 5px;
}
.subject {
	color: #000;
}
hr {
	margin-top: 15px;
	margin-bottom: 15px;
	width: 90%;
	height: 1px;
	background-color: #d8dfea;
	margin-right: auto;
	margin-left: auto;
}
/********Links**********/
a, a:link, a:visited, a:hover {
	color: #008;
}
a:hover {
	color: #008;
}
/* most headings  */

th.header, td.header, div.header {
	background:#999;
	color: #333;
}
div.header h2 {
	color: #000;
	margin: 2px;
}
.sideblock .header {
	border-top:1px solid #94a3c4;
	border-bottom:0px solid #CCCCCC;
	background: #eceff5;
}
th.header a {
	color: #333;
}
/**********TOP HEADER ****************/

#top-panel {
	height: 20px;
	width: 100%;
	background-color: #06C;
}
#header-home {
	color: #000;
	margin: 0;
	height: 160px;
	background-color: #E3E8F0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7D0E0;
	background-image: url(topBackground.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#topBar {
	font-size: 36px;
	font-weight: bold;
	padding: 0px;
	height: 20px;
	margin-top: 80px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 75px;
	color: #778da2;
	position: absolute;
}
.logo {
	padding: 2px;
	border: 1px solid #CCC;
	background-color: #FFF;
	margin-top: 22px;
	position: absolute;
}
#chooselang {
	display: none;
}
#header {
	color: #000;
	margin: 0;
	height: 160px;
	background-color: #E3E8F0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C7D0E0;
	background-image: url(topBackground.png);
	background-repeat: repeat-x;
	background-position: top;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
h1.headermain {
	margin: 0;
	padding: 0;
}
.headermenu .logininfo {
	color: #fff;
	border: 0;
	padding:0 10px 0 0;
	margin-bottom: 5px;
}
.headermenu a:link, .headermenu a:visited, .headermenu a {
	color: #fff;
	padding: 0 3px 0 3px;
	font-weight: bold;
}
.headermenu a:hover {
	color: #fff;
	font-weight: bold;
	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:25px;
	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 *****************/

.homelink {
	font-size:0.85em;
	margin: 0;
	background: transparent;
}
.homelink a, .homelink a:link, .homelink a:visited {
	padding: 2px 5px;
	color: #084AA5;
	text-decoration: underline;
}
.homelink a:hover {
	color: #FFFFCC;
	text-decoration: underline;
}
.homelink a:link, .homelink a:visited, .homelink a:hover {
	border: 0;
}
/**#footer{
     margin: 0;
     background: transparent url('bg_dash.gif') repeat-x top;
     color: #666; 
     
}
#footer p{
    padding: 1px 0 0 0;
    color: #333;
} **/

#wrap {
	min-height: 100%;
}
#main {
	overflow:auto;
	padding-bottom: 150px;
}  /* must be same height as the footer */
#footer {
	position: relative;
	margin-top: -150px; /* negative value of footer height */
	height: 150px;
	clear:both;
	background-color: #eceff5;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #94a3c4;
	padding-top: 2em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	text-align: center;
}
.footerTop {
	width: 100%;
}
.footerBottom {
	text-align: center;
	width: 830px;
	height: 130px;
	margin-right: auto;
	margin-left: auto;
}
.socialNetwork {
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	color: #333333;
	padding: 5px;
	height: 90px;
	width: 180px;
	float: left;
	margin-top: 10px;
}
.footerBoxes {
	background-color: #f7f7f7;
	border: 1px solid #cccccc;
	color: #333333;
	padding: 5px;
	height: 90px;
	width: 180px;
	margin-left: 20px;
	float: left;
	margin-top: 10px;
	text-align: left;
}
.footerBoxes ul {
	margin-left: 2em;
	padding: 5px;
}
.footerBoxes ul li {
}
.disabilityBkgrnd {
	background-image: url(disabilityBkgrnd.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.mapBkgrnd {
	background-image: url(mapBkgrnd.gif);
	background-repeat: no-repeat;
	background-position: center center;
}
.studentGuide {
	background-image: url(studentGuide.png);
	background-repeat: no-repeat;
	background-position: center center;
}
.studentGuide a {
	font-weight: bold;
	margin-top: 70px;
	font-size: 18px;
	position: absolute;
}
.footerBoxes h4 {
	color: #385592;
	font-size: 12px;
}
/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;
}
.modified {
	font-size: 2em;
}
/*******Login Box *****/

.loginbox {
	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 {
	background: #f3f3f3;
}
.calendar-controls .current {
	background: transparent;
}
/********* Left/Right Columns  ********/

.sideblock {
}
.sideblock .content .list {
	width: 100%;
}
.sideblock .content .list li {
	clear: left;
	border-bottom:1px solid #CCCCCC;
	padding:4px;
}
.errorboxcontent {
	background: #900;
	color: #fff;
}
#left-column {
	background: #fff;
}
/* Sideboxes bg  */

.sideblock .content {
	border: 0;
}
/* 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; 
}
*/
/*** 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 {
	border-top:1px solid #3366FF;
	border-bottom:1px solid #3366FF;
	background: #E1E9FF;
	font-weight: normal;
	text-align : right;
	margin:0px;
	padding:4px;
	margin-top:10px;
	margin-bottom:10px;
}
.coursebox .info {
}
.coursebox .summary {
	background-color: #FFF;
	border: 1px solid #CCC;
}
.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;
}
/****All THs *****/

.generalbox th a {
	color: #333;
}
.generaltable th, .generaltable th.header, .generalbox th {
	color: #fff;
	background: 999;
 padding 0 5px;
}
.generaltable td.c0 {
	background: #f3f3f3;
}
.files th {
	background: #999;
	color: #fff;
}
.formtable th {
	font-weight: bold;
	color: #000;
}
table.generaltable {
	margin-bottom: 0.5em;
}
table.generalbox {
	border:1px solid #C8BAC0;
}
/* ========================================================================== Page content CSS
=============================================================================================*/

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

#intro {
	width: 100%;
}
#page {
}
#content {
	margin: 10px 10px;
}
#table-content a:link {
	font-weight: bold;
}
.box p {
	font-weight: normal;
}
 .box a:link., .box a:visited {
 font-weight: bold;
}
.generalboxcontent {
	line-height: 1.4em;
	background: #fff;
	padding-right: 10px;
	padding-left: 20px;
}
.generalboxcontent ul {
	padding-left: 2em;
}
.generalboxcontent table th {
	border-top:1px solid #3A5896;
	background: #E3E8F0;
	margin:0px;
	padding:4px;
	color: #000;
}
.generalboxcontent table td {
	border-spacing: 0px;
	border-bottom:1px solid #EFEFEF;
	padding-top: 3px;
	padding-bottom: 3px;
}
.topics ul {
	margin-left: 2em;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*========================================================================== Page content ends
=============================================================================================*/
        #content #layout-table table tr:hover {
	background: #F8F8F8;
}
.section {
	background: transparent;
}
.graph img {
	border: 1px solid #aaa;
}
/***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: 2px;
	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: 5px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
	padding-left: 5px;
}
/**** Font sizes ****/

table.generaltable {
	font-size: .84em;
}
.subscription .helplink {
	font-size:0.8em;
}
.files .date {
	font-size:1em;
}
.date, .name {
	font-size:1em;
}
.category a, .course a {
	font-size: .9em;
}
.generalboxcontent form {
	font-size: .9em;
}
td.content {
	font-size: 0.84em;
}
table.sitetopic {
	font-size: .9em;
	padding: 100px;
}
li.activity {
	font-size:1.3em;
	line-height: normal;
}
li.activity ul {
	text-indent: 0.5em;
	margin-left: 2em;
}
/* li.activity span {
	padding: 10px;
	margin: 50px;
} */

label {
	font-weight:bold;
}
#mod-assignment-view #page #content #intro {
	text-align: left;
	font-weight: normal;
}
#mod-assignment-view #page #content h1 {
	background-color: #eceff6;
	border: 1px solid #d4dae8;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
}
#mod-assignment-view #page #content #dates table {
	margin-right: auto;
	margin-left: auto;
	font-size: 16px;
}
/* CSS for custom headings */

/*---------- Ali's Custome CSS - H1 -------------------*/
h1.summary, .summary h1 {
	background-color: #ffebe8;
	border: 1px solid #dd3c10;
	color: #333333;
	padding: 10px;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .quality {
	text-align: center;
	padding: 15px;
	background-color: #61F153;
	background-image: url(pix/sgm_custom/qualityIcon.png);
	background-position: 99% center;
	background-repeat: no-repeat;
	color: #FFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .minutes {
	text-align: center;
	padding: 15px;
	background-color: #F75EEB;
	background-image: url(pix/sgm_custom/minutes.png);
	background-position: 99% center;
	background-repeat: no-repeat;
	color: #FFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .studentsUnion {
	background-image: url(pix/sgm_custom/studentUnion.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFFFFF;
	padding: 15px;
	background-color: #B7B7B7;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .salt {
	background-image: url(pix/sgm_custom/saltLogo.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFFFFF;
	padding: 15px;
	background-color: #B7B7B7;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .lrc {
	background-image: url(pix/sgm_custom/lrc.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #000;
	padding: 15px;
	background-color: #FC0;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .staffInfo {
	background-image: url(pix/sgm_custom/staffInformation.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFF;
	padding: 15px;
	background-color: #DB2629;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .enrichment {
	background-image: url(pix/sgm_custom/enrichment.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFF;
	padding: 15px;
	background-color: #F40DAF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .fastforward {
	background-image: url(pix/sgm_custom/fastForward.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFF;
	padding: 15px;
	background-color: #37D2FF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .he {
	background-image: url(pix/sgm_custom/he.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFF;
	padding: 15px;
	background-color: #DA9607;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .moodleSupportStaff {
	background-image: url(pix/sgm_custom/moodleSupportStaff.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFF;
	padding: 15px;
	background-color: #B50404;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .moodleSupportStudents {
	background-image: url(pix/sgm_custom/moodleSupportStudents.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFF;
	padding: 15px;
	background-color: #06F;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .sic {
	background-image: url(pix/sgm_custom/sic.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFF;
	padding: 15px;
	background-color: #045EB7;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .sports {
	background-image: url(pix/sgm_custom/sports.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #03F;
	padding: 15px;
	background-color: #ADFF5B;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .studyPlus {
	background-image: url(pix/sgm_custom/studyPlus.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #FFF;
	padding: 15px;
	background-color: #F93;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .equality {
	background-image: url(pix/sgm_custom/equality.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #C06;
	padding: 15px;
	background-color: #FFF4D5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .virtualClassrooms {
	background-image: url();
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #C06;
	padding: 15px;
	background-color: #FFF4D5;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
.content .summary .finance {
	background-image: url(pix/sgm_custom/FinanceMain.png);
	background-repeat: no-repeat;
	background-position: 99% center;
	text-align: center;
	color: #E10000;
	padding: 15px;
	background-color: #CEE4FF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}
#ofstead {
	width: 420px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-size: 13px;
}
.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;
}
/* ========== Table css starts here ===============*/


        #content #layout-table table th {
	border-top:1px solid #3A5896;
	background: #E3E8F0;
	margin:0px;
	padding:4px;
	color: #000;
}
#content #layout-table table td {
	border-spacing: 0px;
	border-bottom:1px solid #EFEFEF;
	padding-top: 3px;
	padding-bottom: 3px;
}
#content #layout-table table tr:hover {
	background: #F8F8F8;
}
/*==================================================*/


#page table th {
	border-top:1px solid #3A5896;
	background: #E3E8F0;
	margin:0px;
	padding:4px;
	color: #000;
}
#page table td {
	border-spacing: 0px;
	border-bottom:1px solid #EFEFEF;
	padding-top: 3px;
	padding-bottom: 3px;
}
#page table tr:hover {
}
.heading {
	text-align: center;
}
.verticaltext {
	top: 10px;
	writing-mode: tb-rl;/*filter: flipH() flipV();
	font-size: 10px;
	/*-webkit-transform: rotate(90deg); 
	-moz-transform: rotate(90deg);*/
}
.datatable {
	width: 100%;
}
.datatable th {
	font-size: 9px;
}
/* ========== 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*/
}
/* ######### 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: #DAE0EB;
	border-right-color: #DAE0EB;
	border-bottom-color: #DAE0EB;
	border-left-color: #DAE0EB;
	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;
}
* html .dropmenudiv_a a { /*IE only hack*/
	width: 100%;
}
.dropmenudiv_a a:hover { /*THEME CHANGE HERE*/
	background-color: #DAE0EB;
	text-decoration: underline;
}
/* ============ */

#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;
}
.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;
}
object {
	width: 100%;
}
/***** template2010/custom.css end *****/

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