@CHARSET "UTF-8";

/* ----------------------------------------------------------------
	COLOURS ABSENT FROM MAIN SCSS SHEET - EXT-JS COLOURS ETC
-------------------------------------------------------------------*/



/*
This is the main CSS file for Edumate. Items in this file are able to be changed by customers in their custom themes.
Any Edumate specific items (such as layouts etc) should go in common.css and not this file.

Please make sure all CSS styles reside within the correct heading. Ie calendar styles go under the calendar heading
*/

/* EDU-8886 Changed all this to match Edumate 5 look - MH */

/* EDU-11437 Remove all the custom colours stuff */

/* ------------------------
	COMMON ELEMENTS
---------------------------*/

/* New font */

@font-face {
    font-family: 'lato';
    src : url('fonts/Lato-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lato';
    src : url('fonts/Lato-RegIta.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'lato';
    src : url('fonts/Lato-Bol.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body, td, tr, textarea { font-family:  lato, Arial, Helvetica, sans-serif; font-size:  12px; }

body {
    background-color: #FFFFFF !important;
    margin: 0 !important;
    overflow-y: hidden;
}

#edumate5spacer {
    margin-left: 20px;
}

/* Link styles */
A:link { text-decoration:none; color: #3214C1; }
A:visited { text-decoration:none; color: #3214C1; }
A:active { text-decoration:none; color: #3214C1; }
A:hover { text-decoration:none; color: #3214C1; }
.blueTextLink { color: #3214C1; }
A:link.orangeTextLink { color: #F7852A; }
A:visited.orangeTextLink { color: #F7852A; }
A:active.orangeTextLink { color: #F7852A; }
A:hover.orangeTextLink { color: #F7852A; }



/* CSS3 inputs */

input , .ui-autocomplete-input{
    border: 1px solid #c3c3c3;
    padding: 5px !important;
}

input[type="radio"] {
    color: #F7852A;
    padding: 2px;
    background-color: #FFFFFF;
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 15px;
    margin-top: 5px;
    top: 3px;
    position: relative;
    width: 15px;
    -webkit-appearance: none;
    /* -moz-appearance: none;  //EDU-12860 - commented by Joey */
}
input[type="radio"]:checked {
    border-radius: 15px;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    margin-right: 15px;
    position: relative;
    width: 15px;
    -webkit-appearance: none;
    /*-moz-appearance: none;   //EDU-12860 - commented by Joey */
}
input[type="button"], input[type=submit] {
    background-color: #F7852A;
    color: #FFFFFF;
    margin: 0 5px;
}
select {
    color: #005395;
    font-size: 12px;
    border: 1px solid #c3c3c3;
    padding: 6px;
    margin: 0;
    border-radius: 5px;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/elements/droparrowgrey.png') 95% 50% no-repeat #FFFFFF;
    text-indent: 0; /* FIREFOX FIX */
text-overflow: "";  /* FIREFOX FIX */
}



@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:20px}
    input[type="radio"]:checked {
        background: url('../images/elements/orange-circle.gif') center no-repeat white;
    }
}

input[type="radio"].hiddenRadio {
    position: fixed;
    left: -99px;
    width: 0;
    height: 0;
    margin: 0;
}

/* Field labels on all edumate form pages that dont use fieldsets (below) */
.itemLabel {

}

/* Fieldset commands (used to align and display fields on all pages).
NOTE: Some elements for these also exist in common.css */
.mainFieldSet, .sideBarBorder {
/*  border: solid 1px #848484; */
    padding-left: 0;
}

.mainFieldSet legend, .sideBarBorder legend {
    font-size: 11pt;
    font-weight: bold;
    color: #003764;
    text-transform: uppercase;
}
/** IE requires a width to be set, Firefox doesn't care **/
.mainFieldSet li {
    width: 100%;
    #width: 450px !important; /* Hack for IE */
    clear:both;
    margin-bottom: 10px;
}
/*
.mainFieldSet label {
  margin-top: 5px;
}
*/
.tabBoxSmallContent .mainFieldSet {
    margin: 0;
    padding: 0;
}

.filterFieldSet legend {
    font-size:12px;
}

/* Table styles */

table tr td {
/*  padding: 5px; */
}

/*table tr td input {
    padding: 2px;
  }
*/
.evenRow { background-color: #f9f9f9; }
/*.oddRow  { background-color: #f7f7f7; } */
.tableHeading { color: #848484; background-color: whitesmoke; font-weight: bold; text-transform: uppercase;  }
.tableHeading td { padding: 5px 10px; text-align: left; border-right: 1px solid gray; border-bottom: 1px solid gray; border-top: 1px solid gray}
.tableBackground { background-color: #f8f7f7; }
.scrollListSides  { border-left: 1px solid #3214C1; }
.oddRow td, .evenRow td {
    padding: 5px;
    text-align: left;
/*color: #3214C1; This was probably added to make a table look clickable without an anchor */
}

.recordCount {
    font-size: 18px;
    color: #000c16;
    display:block;
    margin: 20px 27px;
    text-transform: uppercase;
}

/* The heading style used in all pages */
.mainBodyHeading {
    font-size: 11pt;
    font-weight: bold;
    color: #000c16;
    border-bottom: 2px solid #003764;
}

/* Page heading style when an underline is not needed (ie not using mainBodyHeading) */
.topHeading {
    font-size: 12pt;
    font-weight: bold;
    color: #003764;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}



/* ------------------------
	CALENDAR STYLES
--------------------------*/
.timetableRow  	{ background-color: #0aa6a1; }
.termRow  		{ background-color: #3368c2; }
.greenBox {
    background-color: #0aa6a1;
    border: 1px solid #9dc1e0;
    padding: 10px;
    color: #FFFFFF;
}
.greenBox a {
    color: #FFFFFF;
}
#calendarTable .textBox {
    background-color: #2b880f;
    color: #FFFFFF;
}
.greenBoxBorder {
    background-color: #0aa6a1;
    border-left: 2px solid #000c16;
    border-right: 2px solid #000c16;
    border-bottom: 2px solid #000c16;
    cursor: pointer;
    padding: 10px;
    color: #FFFFFF;
}
#calendarTable .blueBox{
    background-color: #90FCFF;
    border: 1px solid #9dc1e0;
    padding: 10px;
    color: #FFFFFF;
}
.blueBoxBorder{
    background-color: #90FCFF;
    border-left: 2px solid #000c16;
    border-right: 2px solid #000c16;
    border-bottom: 2px solid #000c16;
    cursor: pointer;
    padding: 10px;
    color: #FFFFFF;
}
/* EDU-7607 */
.noMembership, .pointer {
    cursor: pointer;
}
.textBoxRedBorder{
    background-color: #3368c2;
    border: 1px solid #FF0000;
    padding: 10px;
    color: #FFFFFF;
}
.greenBoxRedBorder{
    background-color: #0aa6a1;
    border: 1px solid #FF0000;
    padding: 10px;
    color: #FFFFFF;
}
.greenBoxRedBorder a {
    color: #000c16;
}
.blueBoxRedBorder{
    background-color: #90FCFF;
    border: 1px solid #FF0000;
    padding: 10px;
    color: #FFFFFF;
}
.blueBoxRedBorder a {
    color: #000c16;
}
.orangeBoxRedBorder{
    background-color: #cc5c04;
    border: 1px solid #FF0000;
    padding: 10px;
    color: #FFFFFF;
}
.peachBoxRedBorder{
    background-color: #F7852A;
    border: 1px solid #FF0000;
    padding: 10px;
    color: #FFFFFF;
}
.transparentBox {
    background-color: #FFFFFF;
    border: 1px solid #9dc1e0;
    padding: 10px;
    color: #FFFFFF;
}
.blueBorderLeftRight{
    border-left: 1px solid #666666;
    border-right: 1px solid #666666;
}
.blueBorderTopBottomRight{
    border: 1px solid #666666;
    border-left: none;
}
.blueBorder{
    border: 1px solid #666666;
}
.blueBorderRight{
    border-right: 1px solid #666666;
}
.filledBottom {
    background-color: #ebebeb;
    border-bottom: 1px solid #848484;
}

#calendarHeader {
    background-color: #F7852A;
    text-transform: uppercase;
}

.calendarDayLarge {
    background-color: #F7852A;
    color: #FFFFFF;
    font-weight: normal;
    padding: 10px;
}

.calendarDayMedium {
    color: #FFFFFF;
    background-color: #F7852A;
    padding: 10px;
}

.calendarDaySmall {
    color: #F7852A;
    background-color: #F7852A;
}

.calendarDayLarge a, .calendarDayMedium a, .calendarDaySmall a {
    color: #FFFFFF;
}

.calendarViews a {
    font-size: medium;
    display: block;
    padding: 15px 30px;
    border-right: 1px solid #c3c3c3;
    float: left;
    color: #848484;
}

.calendarViews a.active {
    background-color: #f8f7f7;
}

/*#calendar_form tr td tr:hover {
    background-color: #ebebeb;
  }

#calendar_form tr td tr td tr:hover {
    background-color: transparent;
} */

#calendar_form .tableHeading td {
    height: 50px;
    background-color: #ebebeb;
}

#calendar_form .tableHeading.monthly td {
    height: 30px;
    background-color: #ebebeb;
    font-size: 20px;
    font-weight: normal;
    text-transform: capitalize;
}

#calendar_form td.day {
    height: 20px;
    padding: 10px;
    border: 1px solid #848484;
    background-color: #ebebeb;
    color: #000c16;
}

#calendar_form td.day.greenBox {
    background-color: #F7852A;
}

#calendar_form td.day a {
    color: #000c16;
}

#calendar_form td.day input {
    margin-right: 5px;
}

#attendeeTable {
    width: 100%;
    overflow: scroll;
}
#calendar_form #attendeeTable .tableHeading td {
    height: auto;
}

#calendar_form #calendarTable.termView td.tableHeading {
    padding: 10px;
    background-color: #FFFFFF;
}

#calendar_form td.tableHeading {
    background-color: #cfcfcf;
}

#calendar_form td.tableHeading a {
    color: #FFFFFF;
}

#calendar_form .tableHeading td .day {
    font-size: 16px;
    font-weight: normal;
    float: left;
}

#calendar_form .tableHeading td .date {
    font-size: 32px;
    font-weight: normal;
    float: right;
    color: #FFFFFF;
}

#calendar_form tr.greyBorder td.time, #calendar_form tr.greyBorder td.allDay {
    height: 3px;
    background-color: #ebebeb;
    padding: 5px 10px;
    font-size: 14px;
    color: #848484;
    font-weight: bold;
    border-top: 1px dashed #848484;
}

#calendar_form tr.greyBorder td {
    border-top: 1px dashed #ebebeb;
}

#calendar_form tr.greyBorder td table td {
    border-top: none;
}

#calendar_form .termDay {
    padding: 10px;
    border: 1px dashed #FFFFFF;
    background-color: #F7852A;
    color: #FFFFFF;
    width: 100%;
}

#roomAvailRoomId ul li {
    width: 32%;
    float: left;
    clear: none;
    border-right: 1px solid #ebebeb;
    margin: 0;
    padding: 5px;
}

.taskDueMonthView {
    margin: 10px 0;
}

#monthlyCalendar .activities td {
    padding: 5px 0;
    border-bottom: 1px dotted #ebebeb;
    color: #848484;
}

#monthlyCalendar .activities td .actImg {
    padding-right: 5px;
}

td.taskDueTd, table.taskDueTermView, table.taskDueMonthView {
    background-color: #2b880f;
}

td.orangeBox {
    background-color: #cc5c04;
    color: #FFFFFF;
}

td.peachBox {
    background-color: #cc5c04;
    color: #FFFFFF;
}

/* -----------------------------------
	CONTACTS AND FOUNDATION LISTS
-------------------------------------*/
.defaultFilled { background-color: #ebebeb;}
.defaultFilledLeft {
    background-color: #ebebeb;
    border-left: 1px solid #3214C1;
}
.defaultFilledRight {
    background-color: #ebebeb;
    border-right: 1px solid #3214C1;
}
.defaultFilledTop  {
    background-color: #ebebeb;
    border-top: 1px solid #3214C1;
}
.defaultFilledBottom {
    background-color: #ebebeb;
    border-bottom: 1px solid #3214C1;
}
.defaultFilledTopBottom {
    background-color: #9dc1e0;
    border-top: 1px solid #3214C1;
    border-bottom: 1px solid #3214C1;
}
.mainListTop  {
    border-top: 1px solid #3214C1;
}
.mainListBottom {
    border-bottom: 1px solid #3214C1;
}
.mainListRight {
    border-right: 1px solid #3214C1;
}
.mainListLeft {
    border-left: 1px solid #3214C1;
}

.prevNextList div {
    display: block;
    width: 50%;
    float: left;
    text-align: center;
}

.prevNextList div a {
    display:block;
    width: 100%;
    border: 1px solid #f8f7f7;
}

.prevNextList img {
    padding: 10px;
}

/* ------------------------
	LOGIN PAGE
---------------------------*/
.loginBody {
    background-color: #FFFFFF;
}

.loginImage{
    width: 275px;
    height: 202px;
}

#imageLoginContainer {
    width: 100%;
    text-align: center;
    padding-top: 50px;
}

#loginBoxContainer {
    width: 100%;
    padding-top: 15px;
    text-align: center;
}

#loginBox {
    width: 300px;
    text-align: left;
    margin: 0 auto;
}

#loginBoxContainer label {
    display: block;
}

/* ------------------------
	MAINFRAME STYLES
---------------------------*/
.mainBody {
    background-color: #f8f7f7;
}

.navigator {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    position: relative;
    height: 80px;
    background-image:url('../images/backgrounds/nav_background.png');
}

.navigatorMiddle {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    background-color: #FFFFFF;
    padding: 5px;
}

.navigatorOuter {
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    box-shadow: 3px 3px 3px #848484;
    -moz-box-shadow: 3px 3px 3px #848484;
    -webkit-box-shadow: 3px 3px 3px #848484;
    background-color: #f8f7f7;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 15px;
    top:5px;
    padding: 5px;
    position: relative;
}

.logoImage	{
    float: left;
    position: relative;
    top:14px;
    margin-left: 10px;
}

.navButtons	{
    float: left;
    position: relative;
    top:16px;
    margin-left: 15px;
}

#homeButton { background:url('../images/icons/navbuttons/navicons_home_pressed.png') no-repeat;	}
#menuButton { background:url('../images/icons/navbuttons/navicons_menu.png') no-repeat;	}
#sectionButton { background:url('../images/icons/navbuttons/navicons_section_disabled.png') no-repeat;}
#listButton { background:url('../images/icons/navbuttons/navicons_list_disabled.png') no-repeat;	}
#screenButton {	background:url('../images/icons/navbuttons/navicons_screen_disabled.png') no-repeat;	}

.navButton {
    cursor:pointer;
    border: none;
    width: 45px;
    height: 45px;
    text-decoration:none;
    color: transparent; /* Fix for FF/SF */
    #padding: 0 0 0 50px !important; /* Fix for IE */
}

.search {
    text-align: center;
    position: relative;
    float: left;
    width: 250px;
    top:25px;
}

.shortCutButtons{
    position: absolute;
    right: 0;
    float:right;
    top:16px;
}

#shortCutOptionsMyAlerts { background:url('../images/icons/navbuttons/quickicons_alerts.png') no-repeat;	}
#shortCutOptionsEmail { background:url('../images/icons/navbuttons/quickicons_email.png') no-repeat;	}
#shortCutOptionsCalendar { background:url('../images/icons/navbuttons/quickicons_calendar.png') no-repeat;}
#shortCutOptionsHelp { background:url('../images/icons/navbuttons/quickicons_help.png') no-repeat;	}
#shortCutOptionsNewWindow {	background:url('../images/icons/navbuttons/quickicons_newwindow.png') no-repeat; margin-right: 10px;}

.navigatorText {
    color: #666666;
}

.userInfo {
    float: right;
    position: absolute;
    right: 0;
    top: 58px;
    height: 15px;
    text-align: right;
    padding-top: 4px;
    margin-right: 15px;
}

.mainFrame {
    background-color: #f8f7f7;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: 10px 3px;
}

.mainFrameOuter {
    background-color: #ebebeb;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    box-shadow: 3px 3px 3px #848484;
    -moz-box-shadow: 3px 3px 3px #848484;
    -webkit-box-shadow: 3px 3px 3px #848484;
    margin-left: 10px;
    margin-right: 10px;
    padding: 10px;
}

.mainFrameiFrame {
    border: none;
    width: 100%;
    height: 99%;
}

.flexFrameiFrame {
    border: none;
    width: 1px;
    height: 1px;
}

.footer {
    height: 20px;
    padding-top: 4px;
}

.footer-content  {
    position: relative;
    width: 500px;
    text-align: right;
    color: #003764;
    float: right;
    padding-right: 10px;
}

.iFramesDiv {
    /* EDU-8287 */
    position: relative;
    width: 100%;
    height: 100%;
}

.htmlPageDiv {
    float: left;
    width: 100%;
    height: 100%;
}

.flexPageDiv {
    position: absolute;
    float: right;
}

/* ------------------------------------
	OPERATION BAR STYLES
--------------------------------------*/
/* EDU-8886 Changed all this to match Edumate 5 look */
#operationBar {
    left: 0;
    top: 0;
    z-index: 100;
    background-color: #FFFFFF;
    position: absolute;
    vertical-align: middle;
/*  min-width: 740px; */
}

.operationBarHeading {
    font-size: 20px;
    color: #000c16;
    white-space: nowrap;
    float: left;
    text-transform: capitalize;
    min-width: 200px;
    min-height: 40px;
    padding: 0px 22px 0px 20px;
    margin-top: 5px;
}

.operationBarButtons {
    font-size: 12px;
    white-space: nowrap;
    float: right;
    /*min-width: 100px;*/
}

.operationBarItem {
    float: left;
    vertical-align: middle;
}

#operationBar .studentInfo, #operationBar .staffInfo {
    font-size: 18px;
    text-transform: none;
}

#operationBar .calendarInfo {
    font-size: 10px;
}

.iconMouseOut, .iconMouseOver{
    float: left;
    text-align: center;
    border-left: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-top: 1px solid #d2d2d2;
}

.iconMouseOut.droparrow {
    background: url('../images/elements/droparrowgrey.png') 50%  80% no-repeat;
}

.iconMouseOver {
    cursor: pointer; /* EDU-5526 */
    background-color: #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}

.iconMouseOut.droparrow.active {
    background: #e6e6e6 url('../images/elements/absent_suspended.gif') 50% 80% no-repeat;
    border-bottom: 1px solid #e6e6e6;
    background-size: 10px;
}

.opBarBtnLabel {
    text-transform: uppercase;
    color: #848484;
    cursor: pointer;
    display: table-cell;
    min-width: 70px;
    padding: 0 5px;
    vertical-align: middle;
    position: relative;
}

.opBarBtnLabel:hover {
    background-color: #e6e6e6;
}

#OperationDivFilters {
    background: url('../images/elements/absent_suspended.gif') 50% 80% no-repeat;
    background-size: 10px;
    border-bottom: 1px solid #e6e6e6;
}

#OperationDivFilters.hidden {
    background: url('../images/elements/droparrowgrey.png') 50% 80% no-repeat;
    border-bottom: 1px solid #d2d2d2;
}

.newOperationDivFilter {
    background: url('../images/elements/absent_suspended.gif') 50% 80% no-repeat;
    background-size: 10px;
    border-bottom: 1px solid #e6e6e6;
}

.newOperationDivFilter.hidden {
    background: url('../images/elements/droparrowgrey.png') 50% 80% no-repeat;
    border-bottom: 1px solid #d2d2d2;
}

.opBarBtnLabel.saved{
    color: #FFFFFF;
    background-color: #66CD00;
}

.opBarBtnLabel.active{
    color: #FFFFFF;
    background-color: #F7852A;
}

.popUpMenu {
    background-color: #e6e6e6;
    height: auto !important;
    z-index: 1000;
    position: absolute;
    top: 0;
    right: 0;
    min-width: 150px;
    color: #848484;
    border: 1px solid #848484;
}

.selectedPopUp {
    background-color: #FFFFFF;
}

.popUpMenu div {
    padding: 10px;
    text-transform: uppercase;
    width: 300px;
    float: left;
}

.subMenu {
    /*display:none;*/
    overflow-y: auto;
    max-height: 225px;
    z-index: 1;
    position: absolute;
    background-color: white;
    text-align:right;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    border: 1px solid #f9f9f9;
    right: 0;
}

.subMenu .subMenuItem {
    width: 200px;
/* float: right; // changed to make them match height and stay in order */
cursor: pointer;
    font-size: 14px;
    padding: 5px 16px 5px 16px;
    color: #3214C1;
    text-align: center;
    vertical-align: middle;
    border-width: 0 0 1px 1px;
    border-color: #d2d2d2;
    border-style: solid;
    display:table-cell;
    float: right;
    height: 34px;
}

.subMenu .subMenuItem.hover {
    background-color: #848484;
    color: #FFFFFF;
}

/* Filters */

#OperationDivFilters {
    background-color: #e6e6e6;
}

#newOperationDivFilterParent {
    display: none;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
    right: 0;
    position: absolute;
    background-color: white;
    border: 1px solid #f9f9f9;
    max-height: 330px;
}

/* Course Reports */

.courseReportFilters,
.summationReportsFilters {
    text-align: left;
    background-color: #f9f9f9;
}

.courseReportStudentList,
.summationReportsStudentList {
    background-color: white;
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 500px;
    display: block;
}

.courseReportStudentList .tableHeading,
.summationReportsStudentList .tableHeading {
    font-size: 20px;
}

.courseReportStudentList tr,
.summationReportsStudentList tr {
    float: left;
    width: 50%;
}

.courseReportStudentList .tableHeading,
.summationReportsStudentList .tableHeading {
    font-size: 20px;
    width: 100%;
}

.courseReportsStudentListStudent,
.summationReportsStudentListStudent{
    border-bottom: 1px solid #D9D9D9;
    width: 240px;
}

/* ------------------------------------
	TABBOX BAR STYLES
--------------------------------------*/
#tabStripPadder {
    margin-top: 0;
/*height: 10px; Removed this because it breaks pages with filter bars*/
display: block;
/*clear:both; //this breaks academic reports tabs because they're made of two separate tab strips */
}
#tabLeftSpacer {
    float: left;
    width: 15px;
    height: 20px;
    display:none; /* MH removed this to make it look more like the Edumate 5 designs */
}
.tabButton {
    float: left;
    text-align: center;
    cursor: pointer;
    padding: 25px 0 15px 0;
    background-color: #FFFFFF;
    margin: 0 27px;
    color: #000c16;
    min-width: 80px;
    font-size: 14px;
    line-height: 0;
}

.selectedTab  {
    border-bottom: 3px solid #F7852A;
}

.unselectedTab {
    border-bottom: 3px solid #FFFFFF;
}

#tabBoxContent,
.tabBoxContent,
.eduTab.ui-tabs .ui-tabs-panel {
    background-color: #f3f3f3;
    clear: left;
    /*border-top: 1px solid #d2d2d2;*/ /*EDU-11162 */
}

.tabBoxSmallContent {
/*padding: 20px; */
    /*min-width: 850px;*/
    overflow-y: hidden;
    max-height: 330px;
}

#tabBoxContent h1,
#tabBoxContent h3 {
    padding-left: 12px;
}

/* Floating tab box styles */

.tabBoxSmallContent.floatingTabBoxSmall {
    border-radius: 0;
    border: 1px solid #848484;
    box-shadow: none;
    min-width: 0;
    top: 150px;
    position: absolute;
    padding: 10px;
}

/* .innerContainer styles */

.innerContainerLHS {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    background: none;
}


/* CONTACT PAGE virtualDualContainer STYLES */

#virtualDualContainer {
    background-color: #e6e6e6;
}

#virtualDualContainer #divider {
/*  background: none;
//  width: 0px;
//  margin-right: 10px;
*/
display: none;
}

form[name="contactFilterForm"] {
    padding:0px 0px 0px 5px;
}

/* Filter panel */

#goToToday {
    margin-top: 5px;
}

.filterWidget{
    float: left;
    padding: 5px 10px;
    margin: 5px 0;
    text-transform: uppercase;
    border-right: solid 1px #E3E3E3;
}

.filterWidget.first{
    padding-left: 0;
}

.filterWidget input {
    margin-right: 5px;
}

.filterWidget input[type=button] {
    background-color: #003764;
    color: #F7852A;
    padding: 10px 20px;
}

.filtersRightColumn {
    float: right;
}

.filterWidget.showButton {
    float:right;
    border-right: none;
    clear: left;
}

.filterWidget.showButton input[type=button] {
    padding: 15px !important;
    font-size: 20px;
}

.filterWidget.userFilter {
    clear: left;
    border-right: none;
}

.filterWidget.userFilter img {
    width: 50px;
    height: 50px;
}

.filterWidget.eventFilterWidget {
    clear: left;
    padding-left: 0;
}
.filterWidget.formRunFilter {
    text-align: left;
}

.defaultfilters label.show {
    padding: 5px 10px;
    margin: 5px 0;
    font-weight:bold;
}

.defaultfilters label {
    width: auto;
}

.defaultfilters .filterWidget {
    float: left;
}

.filterWidget.eventTypeFilter {
    width: 594px;
    background-color: #FFFFFF;
    border: solid 1px #E3E3E3;
    overflow-x: auto;
    overflow-y: auto;
/*  height: 144px; */
    margin: 0;
    padding: 0;
}

.filterWidget.eventTypeFilter.overflowBox {
    overflow-x: hidden;
    overflow-y: auto;
    height: 144px;
}

.filterWidget.eventTypeFilter .eventTypeFilterItem {
    float: left;
/*  width: 275px;
  padding: 10px; */
    border: solid 1px #E3E3E3;
    text-align: left;
}

.filterWidget.eventTypeFilter .eventTypeFilterItem label {
    width: 275px;
    padding: 10px;
/*  border: solid 1px #E3E3E3; */
}

.mainFieldSet {
    margin-bottom: 0;
}

.mainFieldSet label {
    width: auto;
    padding: 2px 3px;
}

.contactFilterButtons {
    clear:left;
    float:left;
}

#div_m_char_filter_contact_filter_group {
    float: left;
    padding: 10px;
    margin-top: 1px;
}

#div_c_contact_filter_group {
    clear: left;
    float: left;
    margin-bottom: 20px;
    width: 602px;
}

#div_c_contact_filter_group ul {
    width: 600px;
}

#div_c_contact_filter_group ul li {
    display: block;
    float: left;
    width: 300px;
    padding: 0;
    text-align: center;
    color: #666666;
}

#div_c_contact_filter_group ul li.first {
    width: 600px;
}

#div_c_contact_filter_group ul li .pointer {
    color: #666666;
}

#_contact_filter_group {
    border: none;
}

.nameFilter {
    float: left;
    text-transform: uppercase;
    padding-left: 40px;
    position:relative;
    top: 0;

    /*EDU 10312 - Hafiz  - Reason: to avoid the overlap amongst the division when running in smaller devices - so set the top to 0*/
}

.nameFilter .orangeTextLink {
    font-size: 16pt;
}

.typingFilterInput {
    width: 120px;
}

.NumberEditBox {
    width: 153px;
}

#calendarFilters {
    /*padding: 10px;*/
    /*background-color: #e6e6e6 !important;*/
}

/* ------------------------------------
HOME SCREEN STYLES
--------------------------------------*/
/* styling for the tabbox  - portal page*/
.pt {background: url('../images/borders/tabbox/bluedot.gif') 0 0 repeat-x #FFFFFF; width: 98%; }
.pb {background: url('../images/borders/tabbox/bluedot.gif') 0 100% repeat-x}
.pl {background: url('../images/borders/tabbox/bluedot.gif') 0 0 repeat-y}
.pr {background: url('../images/borders/tabbox/bluedot.gif') 100% 0 repeat-y}
.pbl {background: url('../images/borders/tabbox/bottom_left.gif') 0 100% no-repeat}
.pbr {background: url('../images/borders/tabbox/bottom_right.gif') 100% 100% no-repeat}
.ptl {background: url('../images/borders/tabbox/top_left.gif') 0 0 no-repeat}
.ptr {background: url('../images/borders/tabbox/top_right.gif') 100% 0 no-repeat; padding:5px}

/** Edumate 3 styles for Home Page and Noticeboard (ie, Daily News Page) */
div.homePage {
    width: 100%;
    margin-top:5px;
}

div.homeContent {
    width:100%;
    border: solid #F7852A;
    background-color: #FFFFFF;
}

td.newsImageContainer {
    vertical-align:top;
}

td.newsImageContainer img {
    width:150px;
    height:100px;
}

td.newsTextContainer {
    vertical-align:top;
}

div.newsHeadline {
    font-size:15px;
    font-weight:bold;
    color:#003764;
}

div.newsText {
    width:98%;
    overflow:hidden;
    font-family: sans-serif, arial;
    font-size:12px;
}

div.newsToggleContainer {
    text-align:right;
    height:20px;
    margin-top:5px;
}

div.newsToggleContainer a {
    text-decoration:none;
}

div.newsToggleContainer img {
    width:18px;
    height:18px;
    border:none;
    vertical-align:middle;
}

div.newsToggleContainer span {
    font-family: serif, tahoma;
    font-size:10px;
    color:#000c16;
    vertical-align:middle;
    margin-left:3px
}

hr {
    height:1px;
    color:#9dc1e0;
    background-color:#9dc1e0;
}

td.scrollToTop a {
    text-decoration:none;
}

td.scrollToTop img {
    width:18px;
    height:18px;
    border:none;
    vertical-align:middle;
}

td.scrollToTop span {
    font-family: serif, tahoma;
    font-size:10px;
    color:#000c16;
    vertical-align:middle;
    margin-left:3px
}

td.sidebarContainer {
    vertical-align:top;
}

div.sidebarMenu {
    margin-bottom:15px;
}

div.sidebarMenuHeading {
    background-color:#003764;
    color:#FFFFFF;
    font-family: sans-serif, arial;
    font-size:14px;
    padding:4px;
    width: 200px;
    height: 20px;
}

span.sidebarMenuToggle {
    cursor:pointer;
    float:right;
}

span.sidebarMenuToggle:hover {
    cursor:pointer;
}

table.quickLinks {
    font-family: sans-serif, arial;
    font-size:11px;
    border-spacing:0;
    border-collapse:collapse;
}

table.quickLinks td {
    padding:4px;
    width:200px;
    background-color:#9dc1e0;
    color:#003764;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9pt;
}

div.quickLink {
    cursor:pointer;
    position:relative;
}

div.quickLink img {
    width:24px;
    height:24px;
}

span.quickLinkText {
    position:absolute;
    left:35px;
    vertical-align:middle;
    margin-top:4px;
}


table.otherSidebarStuff {
    font-family: sans-serif, verdana;
    font-size:14px;
    border-spacing:2px;
}

table.otherSidebarStuff td {
    padding:4px;
    width:195px;
    background-color: yellow;
    color:#003764;
}

/* STUDENT AND STAFF INFO */


.textBox, .textBoxNoPointer {
    padding: 5px;
    vertical-align: top;
}

/*
	Edumate 5 padding fix
*/

#studentFamilyInfo,
#staffProfileStaffInfo,
#staffProfileContactInfo,
#print_reports_form,
#criteriaLog_form,
#manage_marks_form,
#student_places_form,
#lesson_plans_form,
#safety_incident_register_form,
#signInOut_form,
#absenteeReason_form,
#evacuationList,
#edumateAdmin_form,
#eventDetail_form,
#timetable_form,
#studentProfileStudentInfo,
#studentProfileContactInfo,
#CampaignHistory
{
    padding: 36px;
}


#financialPage td {
    padding: 5px;
}

#insertNoteBlock, #eduDataTable1_length, #eduDataTable1_info {
    padding: 10px;
}

/* --------------------
	MISC STYLES
----------------------*/
.left {
    border-left: 1px solid #3892d3;
    padding: 5px;
}

#monthlyCalendar .left {
    border: 1px dashed #ebebeb;
}


/* Dynamic Boxes for Profile tabs */
.profileBoxColumnHeading {
    background-color:#848484;	/* #dd9966 (Original amber theme) */
    color:#FFFFFF;
}
.profileBoxColumnData {
    background-color:#ebebeb;	/* #ffcc99 (Original amber theme) */
}

/* EDU-8574 noSpaceTable is moved to common.css */

/* EDU-7605 */
a.thickbox.operation:link{
    color:#000c16;
}

.balance{
    text-align: right;
    padding-right:80px;
    width:60px;
}
/* EDU-8861 */
.signInOutPrintSlip td{font-size:11pt;}

/* EDU TABS and other jQuery UI tabs */

#reportsTab {
    border: 0;
}

#reportsTab .ui-tabs{
    padding-top: 0;
    border-radius: 0;
}

#reportsTab .ui-corner-top {
    border-radius: 0;
}

#reportsTab .ui-tabs .ui-tabs-nav{
    margin-left: 15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 10px;
    padding-top: 0;
}

#reportsTab .ui-tabs-nav li a {
    padding:20px;
    font-weight: normal;
}

#reportsTab .ui-widget-header {
    border: 0;
    background: transparent;
}

#reportsTab .ui-state-default{
    border: 0;
    background: transparent;
}

/*#reportsTab .ui-tabs-nav .ui-tabs-selected {
  //  padding-bottom: 0px;
  //  border-bottom: 3px solid #F7852A !important;
  //} */

#reportsTab .ui-widget-header .ui-state-active{
    background: white;
    font-weight:bold;
}

#reportsTab .ui-widget-header .ui-state-active,
#reportsTab .ui-state-default a,
#reportsTab .ui-state-default a:link,
#reportsTab .ui-state-default a:visited {
    color: #111111;

}

#reportsTab .ui-tabs .ui-tabs-nav li a{
    font-weight: normal;
}

#reportsTab .ui-tabs .ui-tabs-nav li.ui-state-active a{
    font-weight:bold;
}

#reportsTab .ui-state-active a,
#reportsTab .ui-state-active a:link,
#reportsTab .ui-state-active a:visited{
    color: #111111;
}

#reportsTab .ui-helper-reset {
    line-height: 0.9;
}

/*.ui-widget-content{*/
/*background-color: transparent;*/
/*border:0px solid black;*/
/*}*/

#reportsTab .ui-widget{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    border: 0;
    background: transparent;
}

#award_form, #discipline_form {
    padding-left: 11px;
}

/*.ui-tabs .ui-tabs-panel{*/
/*padding: 0px;*/
/*}*/

/*each div add tabBoxContent*/

/* Staff Replacements */

#colourCodeTable td {
    vertical-align: middle;
}

#tabs {
    background: none #FFFFFF;
    border: none;
}

#tabs .ui-widget-header {
    background: none;
    border: none;
    border-bottom: 1px solid #848484;
}

.ui-tabs .ui-tabs-nav li {
    list-style: none;
    float: left;
    position: relative;
    top: 1px;
/*  margin: 0px 30px 0px 12px; */
    border: none;
    padding: 0;
    white-space: nowrap;
    background: none;
    color: #000c16;
}

.ui-tabs .ui-tabs-nav li a {
    color: #000c16;
    margin: 0 30px 0 12px;
}

.eduTab .ui-state-default {
    border-bottom: 3px solid #FFFFFF !important;
    min-width: 80px;
    font-size: 14px;
}

.ui-state-default.ui-corner-top.ui-tabs-selected.ui-state-active a {
    border-bottom: 3px solid #F7852A !important;
}

.scrollList {
    height: 200px;
    overflow: scroll;
}

.scrollList td {
    border-bottom: solid #ebebeb 1px;
}

#staffReplacementsGrid td {
    height: 50px !important;
    font-size: 9px;
    vertical-align: middle;
}

#topDate {
    border-spacing: 0;
    width: 100%;
    margin-bottom: 10px;
}

#topDate td {
    background-color: #ebebeb;
    padding: 10px;
    border: 1px solid #848484;
}

#topDate .prevDate {
    cursor: pointer;
}

#topDate .nextDate {
    cursor: pointer;
    text-align: right;
}

.dataTables_scrollHeadInner thead th {
    border-left-color: #848484 !important;
    background-color: #ebebeb !important;
}

#staffReplacementsGrid_wrapper .tableHeading {
    font-size: 9px;
}

#staffReplacement_form .mainFieldSet li {
    margin-bottom: 0;
}

#replacementsDetail_form {
    padding-left: 10px;
    border-top: 1px solid #848484;
    padding-top: 10px;
}

#staffReplacementsGrid_filter, .dataTables_scroll {
    margin-bottom: 10px;
}

#list_filter {
    /*background-color: #e6e6e6;*/
    border: none;
    padding: 10px;
    text-align: left;
    max-height: 380px;
}

#list_filter table {
    border-collapse: separate;
    border-spacing: 0 5px;
}

#loading-indicator {
    position: absolute;
    left: 40%;
    top: 50%;
    z-index: 251;
}

#lessonPlanDetails {width: 100%; background-color: #FFFFFF; border: 1px dotted black;}
#lessonPlanDetails .blueHeading {color: #005ba7; text-transform: uppercase; font-weight: bold;}
#lessonPlanDetails .headingType {margin-bottom: 10px;}
#lessonPlanDetails .heading, #lessonPlanDetails .body, #lessonPlanDetails .homework, #lessonPlanDetails .resources {margin: 20px 10px 20px 10px; border-bottom: 1px dotted black;}
#lessonPlanDetails .homeworkDue, #lessonPlanDetails .homeworkSet {float: left; width: 50%;}
#lessonPlanDetails .body {padding-bottom: 20px; word-wrap: break-word;}
#lessonPlanDetails .homework {overflow: hidden; width: 97%;}
#lessonPlanDetails .headingInfoClassDetail {overflow: hidden; width: 100%;}
#lessonPlanDetails .headingInfoClass {overflow: hidden; width: 100%;}
#lessonPlanDetails .headingInfoClassRoom {float: left;}
#lessonPlanDetails .editButton {float: right;}
#lessonPlanDetails .headingInfoClassTitle {float: left; font-size: 18px; font-weight: bold;}
#lessonPlanDetails .headingInfoClassTime {float: right;}
#lessonPlanDetails .headingInfoClassStaff {margin: 10px 0 10px 0;}
#lessonPlanDetails #lessonPlanDetailsClose {margin: 15px; float: right; cursor: pointer;}

/**
  * Matt: New Edumate 5 form styles
  */

.formInput {
    display: inline-block;
    margin-right: 30px;
    margin-bottom: 10px;
    vertical-align: top;
    width: 200px;
}

.formInput label {
    padding-top: 10px;
    float: left;
    clear: left;
    font-size: 16px;
    margin-bottom: 10px;
}

.formInput input, .formInput select {
    float: left;
    clear: left;
    font-size: 14px;
}

.formInput input {
    width: 100%;
}

.formInput input:disabled
{
    background: #f3f3f3;
}

.formInput input[type="submit"] {
    font-size: 12px;
    background-color: #F7852A;
}

.formInput select {
    width: 133px;
}

fieldset {
    background-color: #f3f3f3;
    padding: 16px 12px 12px 12px;
}

fieldset.even {
    background-color: #e3e3e3;

}

fieldset .colLeft {
    float: left;
    width: 80%;
}

fieldset .colRight {
    float: right;
    width: 20%;
}

fieldset legend {
    color: #005ba7;
    font-size: 18px;
    margin-top: 20px;
}

fieldset.even legend {
    position: relative;
    top: 10px;
}

br.clear {
    clear:both;
}

.addressDiv {
    border: 1px solid #c3c3c3;
    background-color: #FFFFFF;
    padding: 10px;
    float: left;
    clear: left;
    width: 100%;
    min-width: 200px;
    min-height: 100px;
}

.updateAddress {
    font-size: 16px;
    border: 1px solid #c3c3c3;
    padding: 10px;
}

.blueTextLink {
    float:left;
    clear:left;
}

.profileField {
    color: #005ba7;
    float: left;
    clear: left;
    font-size: 16px;
}

/**
  * Piggy list styles
  */

fieldset li {
    list-style: none;
}

fieldset li label {
    margin-right: 20px;
    width: 140px;
    display: inline-block;
}

fieldset li span {
    font-size: 14px;
}

/* Edumate 5 Table styles */

.blueTable {
    border-collapse: collapse;
}

.blueTable td {
    border: 1px solid #d2d2d2;
    border-spacing: 0;
    padding: 10px;
    font-size: 14px;
    background-color: #fff;
}

.blueTable thead td,
.blueTable thead th {
    background-color: #f39b56;
    padding: 10px;
    color: #FFFFFF;
    font-size: 16px;
    /*font-weight: bold;*/
}

.blueTable.half {
    width: 50%;
    float: left;
}

.blueTable.full {
    width: 100%;
}

.blueTable tbody tr:nth-child(even) {background: #f9f9f9}
.blueTable tbody tr:nth-child(odd) {background: #f7f7f7}

/* Social Development Setup */
#SocGrip_wrapper {
    margin-bottom: 5px;
}

#SocGrip_wrapper .ui-widget-header {
    background: none;
    border: none;
    border-bottom: 1px solid #848484;
    color: #000c16;
    margin-bottom: 0;
    padding-bottom: 5px;
    padding-top: 5px;
}

#SocGrip_wrapper .ui-button {
    margin-right: 3px;
    padding-left: 5px;
    padding-right: 5px;
}

/* scrollerDiv stuff */

#scrollerInnerDiv {
    position: relative;
}

.scrollerDivClass {
    overflow:auto;
    padding-right: 4px;
}

/* Scope and Sequence filters EDU-11437 */

#scrollableContainreLHS {
    position: relative;
    text-align: left;
    height: 300px;
}

#scrollableContainreLHS fieldset {
    margin: 10px;
    width: 350px;
}

#scrollableContainreLHS fieldset legend {
    margin: 5px 0;
}

#div_c_program_element_item {
    float: left;
}

#div_c_Academic_Hierarchy,
#div_c_program_element_item {
     width: 300px;
 }

#div_c_Academic_Hierarchy select,
#div_c_program_element_item select {
    width: 300px;
}

#span__academic_year_id select{
    width: 80px;
}

#span__show_button {
    position: absolute;
    left: 740px;
    top: 244px;
}

#_char_filter_Academic_Hierarchy,
#_char_filter_program_element_item {
    padding: 11px !important; /* To match the size of the select boxes */
    width: 276px;
}

#_show_button {
    background-color: #003764;
    color: #F7852A;
    padding: 15px !important;
    font-size: 20px;
}

.filterFieldSet.Curriculum.Strategies {
    top: 15px;
    left: 420px;
    position: absolute;
}

.filterFieldSet.Academic.Group {
    top: 15px;
    left: 100px;
    position: absolute;
}

.filterFieldSet.Mapping.Status {
    top: 15px;
    left: 740px;
    position: absolute;
}

.dropdownSearchListMasterSelect {
    width: 300px;
}