@charset "utf-8";
/* CSS Document */

.backgroundImage {
	background-image:url(../images/background.jpg); 
}

.body {
	font-family: Segoe UI, Frutiger, Frutiger Linotype, Dejavu Sans, Helvetica Neue, Arial, sans-serif;
	font-size:11px;
	font-weight:400;
	/*background-color:#FF3; */
}

/* Menu font settings */
.menu {
	font-weight:600;
	font-size:12px;	
}

/* Main menu bar colour */
.menuColour, .menu, .menuTextDropDown, .menuTextDropDown a ,menuImageDropDownIcon, .sectionDate, .dataGridTitle, .informationPanelHeader , .informationPanelFooter  {  
	background-color:#5f8d57;
	color:#fff;
}

/* Main menu item hover colour */
.menuTextDropDown:hover, .menuTextDropDown a:hover ,.menuTextDropDown ul, .menuTextDropDown ul a,.menuTextDropDown:hover ul, .menuTextDropDown:hover ul a , .menuImageDropDownIcon:hover, .menuImageDropDown { 
	background-color:#62447b;
	color:#FFF;
}

.menuImageDropDown a{
	color:#FFF;
}

/* Main menu item highlight colour */
.menuTextDropDown ul li:hover , .menuTextDropDown ul li a:hover , .menuImageDropDownItem:hover{
	background-color:#bfb6d7;
	color:#000;
}

.menuLogo {
	background-image:url(../images/menuLogo.png)
}

/* user homepage link */
.menuImageDropDownItemHighlighted, .menuImageDropDownItemHighlighted a {
	background-color:#F90;
	color:#000; 
}

/* menu alert icon */
.menuTextDropDownAlert {
	color:#FCC;
}

/* top alert bar */
.mainPageFeedbackBar {
	color:#FFF;
	background-color:#71122a;
}

.sectionColourDark, .button , .filterBlockTitle {
	background-color:#5f8d57;	
	color:#fff;
}

.sectionColourDark .searchIcon:hover  {
	color:#aacca4;
}


.blankBackground, .gridFrame {
	background-color:#fff;	
}

.sectionColourMid, .sectionTitle, .Notification, .informationPanel, .filterBlock  {
	background-color:#365930;	
	color:#fff;
}

/* filter section and left column */

.filterBlock {
	background-color:#365930;
	color:#fff;
}

.filterBlockTitle {
	background-color:#5f8d57;
	font-weight:700;
	font-size:12px;
}

.filterBlockAsLink:hover {
	background-color:#eee7f4;
	color:#000;
}

/* colour of tab on register links */
.sectionFrameLeftTab, .sectionFrameLeftTabLarge {
	background-color:#000;
	color:#fff;
	font-weight:700;
	font-size:12px;
}

/* today's registers label */
.sectionFrameCoverTab {
	font-weight:700;
}

/* weeks registers date */
.sectionDate {
	font-weight:700;
	font-size:9px;
}

/* weeks register class */
.sectionTitle, .dataGridTitle  { 
	font-weight:700;
	font-size:12px;
}

.selected {
	background-color:#c1add1 !important;
}

/* data grid elements */
.button {
	border:#fff 2px solid;
	font-weight:700;
}

.detailsSection .button {
	background-color:#39244a;
}

.button {
	margin-top:3px;
	background-color:#0d2230;	
}

.button:hover {
	background-color:#0e63a5;
	color:#fff;
}

.textBox{
	background-color:#fff;
	color:#000;
	font-weight:600;
	border:#2b2431 2px solid;
}

.dropDown {
	background-color:#2b2431;
	color:#fff;
	font-weight:600;
	border:#fff 2px solid;
}

.Notification {
	font-weight:700;
}

.gridRow {
	background-color:#f2faf0;
	color:#090f14;
}

.progressGridRow {
	background-color:#fff;	
}

.alt, .progressGridAltRow, .progressGridAltRow .progressInputSelector {
	background-color:#daecd7;
	color:#090f14;
}



.dataGridRegisterInput input {
	border-radius:5px;
	font-weight:700;
	font-size:12px;
}

.informationPanelNewRow textarea, .informationPanelNewRow input[type="text"] {
	border:#000 2px solid;	
}

.centeredBox  .informationPanel {
	background-color:#f2faf0;
	color:#090f14;
}

.detailsItemValue td {
	font-weight:700;
	font-size:10px;
}

.indicatorGrade {
	background-color:#FC0;
	color:#000;
	font-weight:700;
	font-size:10px;
}


.indicatorFlag {
		font-weight:600;
		font-size:10px;
}

.indicatorFlagBlue {
	background-color:#4963A7;
	color:#fff;
}

.indicatorFlagPurple {
	background-color:#870ACB;
	color:#fff;
}

.indicatorFlagBlack {
	background-color:#000;
	color:#fff;
}

.indicatorFlagDarkRed {
	background-color:#513334;
	color:#fff;
}

.indicatorFlagWhite {
	background-color:#fff;
	color:#000;
}

.indicatorFlagOffWhite {
	background-color:#ECE9DD;
	color:#000;
}

.indicatorFlagWhiteGreen {
	background-color:#CFFCF1;
	color:#000;

}

.indicatorFlagWhiteBlue {
	background-color:#D9F5F7;
	color:#000;

}

.indicatorFlagRed {
	background-color:#900;
	color:#fff;
}

.indicatorFlagTeal {
	background-color:#239E98;
	color:#fff;
}

.indicatorFlagGreen {
	background-color:#090;
	color:#fff;
}

.registerInputBlank {
	color:#000;
	background-color:#fff;
}

.registerInputValidated {
	color:#FFF;
	background-color:#000;
}

.registerInputError {
	color:#FFF;
	background-color:#F00;
}

.registerInputLocked {
	color:#666;
	background-color:#FF9;
}

/* progress grid */
.progressGrid {
	background-color:#fff;
}

.progressGridNamesHeader {
	background-color:#fff;
	font-weight:700;
}






.progressGridDataSection {
	background-color:#eee;
}

.progressGridDataSectionHeader {
	background-color:#fff;
	font-weight:700;
}

.progressInputSelector, .progressInputSelectorBlank,.progressInputSelectorComplete {
	background-color:#fff;
	margin-top:2px;
	font-size:9px;
}

.progressReportFeedback {
	background-color:#F90;
	color:#000;
	font-size:12px;
}

.progressLinksLabel {
	background-color:#9e5d10;
	color:#fff;
	font-size:12px;
	font-weight:600;
}


.progressGridAltRow .progressInputSelector  option {
	background-color:#fff;	
}

.progressInputSelectorSaved {
	background-color:#F93 !important;
	color:#000 !important;
}

.progressInputSelectorBlank {
	background-color:#900;
	color:#fff;
}

.progressInputSelectorComplete {
	background-color:#060;
	color:#fff;
}

.thumbnailPhoto {
	border:#39244a 2px solid;
}

.detailsItem {
	background-color:#fff;
	color:#000;
	border:#39244a 2px solid;
}

.detailsSectionRoll {
	border:#39244a 2px solid;
	color:#000;
	background-color:fff;
	font-weight:700;
}

.detailsSectionSID {
	border:#39244a 2px solid;
	color:#000;
	background-color:fff;
	font-weight:700;
}

/* Registers */

.tutorBlankRegister {

}

.tutorRegisterDayHeader {
	background-color:#c1add1;
	color:#000;
	font-weight:500;
}

.tutorRegisterBlock {
	color:#fff;
}

.registerChangeMarkInput {
	font-weight:600;
	background-color:#fff;
	color:#000;
	margin-top:4px;
	font-size:10px;
	border:#588825 2px solid;	
}

.registerBlank, .cell .holiday {

}

.registerAbsent, .cell .absent  {
	background-color:#900;	
	color:#fff;
}

.registerNoMark {
	background-color:#292929;
}

.cell .noMark  {
	
}

.registerPresent, .cell .present {
	background-color:#096;	
	color:#fff;
}



.classRegisterRowHeader {
	font-size:11px;
	color:#666;
	font-weight:600;
}

.classRegisterWeekIdent {
	font-weight:700;
}

.classRegisterDate {
	font-size:8px;
}

.classRegisterPeriod {
	font-size:12px;
	color:#060;
	font-weight:700;
}

.cell {
	font-size:12px;
	color:#060;
	font-weight:700;

}


/* Note Section */

.noteSectionItem {
	border:#165096 2px solid;
	background-color:#D5E0EE;
}
	
.noteSectionItemRed  {
	border:#A50A3C 2px solid;
	background-color:#F1D3DA;
}

.noteSectionItemTitle,.noteSectionItemTitleRed {
	color:#fff;
}

.noteSectionItemTitleRed,.noteSectionTitleContentRed {
	background-color:#A50A3C;
	color:#fff;
}

.noteSectionItemTitle,.noteSectionTitleContent {
	background-color:#165096;
	color:#fff;
}

.noteSectionTitleContent,.noteSectionTitleContentEdit,.noteSectionTitleContentRed,.noteSectionTitleContentRedEdit {
	font-weight:700;
	font-size:10px;
}

.noteSectionTitleContentEdit,.noteSectionTitleContentRedEdit,.noteSectionDescriptionContentEdit, .noteSectionDescriptionContentRedEdit {
	background-color:#fff;
	color:#000;	
}


.noteSectionDescriptionContent, .noteSectionDescriptionContentRed,.noteSectionDescriptionContentEdit, .noteSectionDescriptionContentRedEdit  {
	font-size:10px;
}


.noteSectionDescriptionContentRed {
	background-color:#F1D3DA;
	color:#000;
}

.noteSectionDescriptionContent {
	background-color:#D5E0EE;
	color:#000;
}


/* Timetable section */


.timetableHeader {
	font-weight:700;
	font-size:12px;
}


.timetableColumnHeader {
	font-weight:700;
	font-size:9px;
}

.timetableRowHeader {
	font-weight:700;
	font-size:9px;

}

.timetableSegment {
	border-bottom:#ccc 1px solid;
	border-left:#ccc 1px solid;
	padding-top:5px;
	font-size:7px;
}

.timetableSegment .bold{
	font-weight:700;
}

.timetableSegment .site{
	color:#093;
}


/* Student Contacts */

.contactsSectionContent {
	background-color:#c1add1;
	color:#39244a;
	font-weight:500;
	font-size:12px;
}

.contactsSectionHome {

}

.contactsSectionWork {

}

.contactsSectionContent {
	border: 1px solid #39244a; 
}

.green {
	background-color:#1d6a0c;	
	color:#fff !important;
}

.red {
	background-color:#6b0c19;	
	color:#fff !important;
}

/* icons */
.error {
	margin-top:4px;
	color:#900;
}

.info {
	margin-top:4px;
	color:#03C;
}

.success {
	margin-top:4px;
	color:#0C3;
}

/* Border Radius Settings */

.sectionFrame, .sectionFrameNarrow, .sectionFrameLeftTab, .sectionFrameLeftTabLarge, .sectionFrameCoverTab, .sectionDate, .sectionTitle, .informationPanel, .informationPanelHeader, .hiddenInformationFrame, .filterBlock {
	border-radius:3px;
}

.informationPanelHeader, .dataGridTopRadius, .filterBlockTitle {
	border-top-left-radius:3px;
	border-top-right-radius:3px;
}


.informationPanelFooter,.dataGridBottomRadius,
{
	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
}