/* default element styles*/

body {font-family: Verdana, "Trebuchet MS", Helvetica , sans-serif;font-size:small;
}
/*a {text-decoration:none; color:#990000; font-weight: 700;}
a:hover{text-decoration:none; color:#d80000;}
a.disabledLink {color:#CCCCCC;}*/

/*h1 { color:gray; font-weight:bold; font-size:x-large; margin-top:0px; margin-bottom:10px;}
h2, .header2 { font-size:medium; color:gray; font-weight:bold; margin-top:10px; margin-bottom:10px; 
     font-family:Georgia, Cambria, Times New Roman, Serif;}
h3{font-weight:bold; font-size:1.17em;}*/
     
/*Page layout*/ 
    
/*centred layout*/
body.centred{background-color:#9e9e9e;}
div.centred {width:1000px; margin:auto; margin-top:0; background-color:#FFF; padding:15px; border:1px solid #383838; }

.whiteheader {color:white; font-weight:bold; margin-top:1px; margin-bottom:1px;}

.header {border-bottom:1px solid #B2B2B9; margin-bottom: 1em; padding-left:10px; vertical-align:middle; width:100%; height:50px}
.studentContent { margin-left:210px;}
.hide{display:none;}
.onlyPrint { display:none;}/* only show on a print out*/

div.content {margin-left:250px;}
div.content2 {margin-left:200px;}

.footer{ /*clear:both; */clear :left ;font-style:italic;border-top:solid 1px black; margin-top:20px; height:100px; text-align:center;}
.divheader td{ background-color : #990000}

.divSideMenuSmall {font-size: xx-small;float: left;width: 150px;}
.divmain {float: left;border-spacing: 10px; margin: 10px;height: 224px; width: 359px;}

.pageTitle { font-family: Verdana, Georgia, Cambria, Times New Roman, Serif;color:Gray ;font-size:x-large ;border-bottom: solid thin #c0c0c0;
             margin-bottom:10px;}
.sectionTitle { font-family: Verdana, Georgia, Cambria, Times New Roman, Serif;color:Gray ;font-size:large ;
             margin-bottom:10px;}
.columnTitle { font-family: Verdana, Georgia, Cambria, Times New Roman, Serif;color:Gray ;font-size:medium ;
             margin-bottom:10px;background-color:#990000;}
.smallText {font-size: xx-small;font-style: normal;}
.bigText {font-size:large;font-style: normal;
    font-weight: 700;
}
table{border-collapse:separate }


/*MISC*/
.attendancePercentageLarge{font-size:64pt;font-weight:bold;}
.selected {background-color: #800000; color: #FFFFFF;}
.FloatingPanel {z-index: 10;position: absolute; top: 491px;right: 95px;background: white;width: 570px;height: 237px;}
.maroon {color: #800000;}
.maroonbold{color: #800000;font-weight: bold;height: 13px;width: 414px;text-align: center;}
.help {padding: 10px; margin:10px;border: 1px solid #990000; background-color: #FFFF99; z-index: 1000;}

/*Errors*/
.error {color: #000;background-color: #F0A8A8; padding: 2px;  vertical-align: middle;}
.warn {color: #000;background-color: #FF9900; padding: 2px;  vertical-align: middle;}
.smallError {color:Red;font-style:italic ; font-size:small;}
}

/*textbox*/
.textBox {border:1px solid #c9c9c9;font-family: verdana, Sans-Serif;padding:3px;font-size:small;}


/*buttons*/
.button {padding: 5px;font-size: 11px;font-weight: bold;border:solid 1px #990000;background-color: #990000;color: #FFFFFF;
         text-decoration: none;border-radius:5px;text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.buttonInverse{padding: 5px;font-size: 11px;font-weight: bold;border:solid 1px #FFFFFF ;background-color: #FFFFFF;color: #990000;
               text-decoration: none;margin:1px;border-radius:2px;}
.buttonplain{border-style: none;border-width: 0;
padding: 0px;font-weight: bold;background-color: #FFFFFF;color: #990000;
             text-decoration: none; margin: 0;
    text-align: right;
}
.button:hover {background-color: #FFF; color: #990000}
.buttonDisabled {padding: 5px; font-size: 11px;font-weight: bold;border:solid 1px #990000 ; text-decoration: none;margin:10px;
                 background-color:#964E4E; color:#D1D1D1;}
  
.unverifiedEmail {color:#000; font-style:italic; font-weight:normal;}              

/*Tables (various)*/

.tablePrintoutStyle1 {margin-bottom: 0px; font-size:small; padding: 5px; border: none;}
.tablePrintoutStyle1 tbody td {border: 0px;}
.tablePrintoutStyle1 thead td { border-left:0px; border-right:0px; border-top:0px}

.tablePrintoutStyle2 {margin-bottom: 0px; font-size:smaller; padding: 5px; border: none;}
.tablePrintoutStyle2 tbody td { border: 0px;}
.tablePrintoutStyle2 thead td {border-left:0px; border-right:0px; border-top:0px}

.tableResults {margin-bottom: 0px;font-size:smaller; padding: 5px; border: solid 1px #C0C0C0;}
.tableresults tbody td {padding: 5px; border: solid 1px #C0C0C0;}

.table{ border-collapse:collapse; margin-bottom: 0px; margin-top: 2px;
}
.table thead td, .table tr th {background-color:#990000;font-size:small;font-weight:bold;color:#FFFFFF;padding:0.5em;
                               border: solid 1px #C0C0C0;}
.table tbody td {padding: 5px; border: solid 1px #C0C0C0;}
.table thead td a, .table tr th a {color:#FFF;}
.table td.shaded {background-color:#e9e9e9;}
.table small {font-size: x-small;border-style: solid;border-width: thin;}


.table2 {border-collapse:collapse; margin-bottom: 0px;margin-top: 0px; border-width:0;}
.table2 thead td, .table2 tr th{font-size:small;font-weight:bold;padding:0.5em; border-bottom: solid 2px #C0C0C0;vertical-align:bottom;border-top-width:0; border-left-width:0; border-right-width:0;}
.table2 tbody td {padding: 10px; border-bottom: solid 1px #C0C0C0; border-top-width:0; border-left-width:0; border-right-width:0;}


/*.timetable {border-collapse:collapse; margin-bottom: 0px; padding: 5px; border: solid 1px #e3e3e3;}
.timetable thead td, .timetable tr th, .timetable .rowHeader{background-color:#d4d4d4;color:#000;border:solid 1px #e3e3e3;
                                                             font-weight:bold;text-align:center;}
.timetable tbody td {background-color:#fff; border: solid 1px #e3e3e3; text-align:center; font-size:smaller; min-width:120px; padding:5px;}
.timetable .periodTimes{font-style:italic ; font-weight:normal; font-size:x-small;}
.timetable .rowHeader { min-width:60px; padding:5px;}
.timetable .lessonTitle {font-size:small; font-weight:bold;}*/
    
/*.attendanceTable and key table */
.attendanceTable td {padding :2px; font-size:smaller; text-align:center;}   
.attendanceTable td.dateCell {min-width:100px;}
.attendanceTable .pres, .keyTable .pres {background-color:#78ee78;}
.attendanceTable .unauth, .keyTable .unauth {background-color: #F0A8A8;}
.attendanceTable .auth, .keyTable .auth{background-color:#ceffce}

.divKeyTable {margin-left:10px; float:left;}
.keyTable td {font-size:smaller; padding:2px; border:solid 1px #c1c1c1;} 

.contentTable {vertical-align:top;border:0px;}

.rowHeader{font-weight:bold;}
.alternateRow{background-color:#F5D98E;}

/*POP-UPS*/
.popUpBackground {background-color:#898989;  filter:alpha(opacity=50); opacity:0.5;}
.popUpBox {max-width:50%; max-height:70%; overflow-y:auto; padding:20px; border:solid 1px #898989; background-color:#FFFFFF;}
.popUpButton {float:left; height:50px; border:1px solid #c0c0c0; padding:5px; border-radius:5px; margin-right:10px; }
.popUpClose {}


/* TOP MENU */

table.topmenu {border: none 0px;}
.topmenu td {background:#990000;padding:5px;width:100px; text-align:center;}
.topmenu a {color:#666666;font-size:smaller;font-weight:700;}

.divMenu {background-color:#990000;height:30px;width:100%;margin: 20px 0px 10px 0px;}

.menu{background-color:#990000;padding:5px;}

.firstSubmenu{margin-top:8px;}
.submenu{border: solid 2px #898989;}
.menu a{color: #fff; font-weight: bold;border-left: solid 2px #fff;padding: 5px;font-size: small;}
.menuItem{border-bottom:solid 1px #000;padding:5px;}
.menuItemHover{background:#CCC;}
div.menu a.parentMenuItem{color:#FFF;}

   /* SIDE MENU */
   
   
.sideMenu {width: 190px;float: left;padding: 5px;text-align: left;margin-right: 10px;list-style:none;margin-left:5px;}
.sideMenuSelectedItem {background-color: #ddd;width:190px;font-weight: bold;}  
.sideMenuSelectedItemHighlight{background-color: #666666; width: 190px;font-weight: bold;}
.sideMenuMenu{border:solid 2px #FFF; min-width:50px;}
.sideMenuItem{background-color:#ddd;border-bottom:solid 2px #FFF;width:180px;padding:5px;height:20px;font-weight:bold;}
.sideMenuItemHover{background-color:#cfcfcf ;}

.menuHeader{width: 100%;color:#fff;background-color:#575757;font-weight: bold;padding: 5px;margin-top:5px;margin-bottom:5px;}

/*Navigation*/
.breadcrumb
{margin-bottom:20px;}

/* BOX */

.boxHeader {border:solid 1px #990000;background-color:#990000; color:#FFF; font-weight:bold; height:20px; padding:5px; margin-left:10px;
            margin-right:10px;margin-top:10px;}
.boxHeader a {color:#FFF;}
.boxToggle {margin:3px;}
.boxContent, .box {border: solid 1px #990000; padding:5px; margin-left:10px;margin-right:10px;margin-bottom:10px;}
.boxInfo { border: solid 1px #990000; width:95%; margin:20px; padding:5px;font-size:smaller; font-style:italic;}
.boxPanel { border: solid 1px #990000; width:95%; margin:20px;padding:5px;}
.boxYellow {border: 1px solid #323232;background-color:  #FFFF99; margin:10px; padding:10px;}

.panelControl {float:left; min-width:200px; clear:both;
    width: 1px;
}
 
/*master grid view?*/
.MasterGridViewHeader {border-color: #DAC9A9;border-style: solid;background-color:  #800000;}
.MasterGridViewCells {border-color: #DAC9A9;border-width: 2px;border-style: solid;vertical-align: top;}

/* PASTORAL LOG */
.pastoralLogEntry {border-bottom:solid 1px #c0c0c0; margin: 10px; padding:10px;}
.pastoralLogEntryHeader {padding:5px;font-size:12pt;font-weight:bold;}
.actionPanel {background-color:#F5DEB3;margin:5px;padding:10px;}

.plEntry{ width:700px; padding-bottom:15px;}
.plTitle{padding:5px 5px 0px 5px;font-size:12pt;font-weight:bold;}
.plAuthorDate{padding:0px 5px 5px 5px;color:#989898; font-size:x-small;}
.plComments{ padding:5px; background-color:#FFFFCC;}

/*Screen Messages*/
.message {background-color: #FFFFB8; margin:5px; padding:10px; text-align: left;}

/* Parameter Panel */
.parameterBox {border: solid 1px #990000; background-color:#F5DEB3;margin:5px; padding:10px;}

/*Forms*/
.questionNumber {font-family: Rockwell, Arial Black, Arial ,sans-serif;font-size: 20pt;text-align:center;vertical-align:middle;
                  background-color: #CCCCCC; font-weight: bold; color: #FFFFFF; width:40px; line-height:40px;float:left;}
.questionTitle {border-top: 1px solid #CCCCCC;margin-left:45px;min-height:50px;max-width:800px;padding-top:5px;color:#CCCCCC ;
                font-family: Rockwell, Arial Black, Arial ,sans-serif;font-size: 20pt;}
.questionText { margin-left:45px; max-width:800px;padding-top:10px;padding-bottom:10px;font-style:italic;}
.answerBlock {background-color: #FFFFCC;width:800px;padding:20px;}

/*Progress reviews*/
.meetingText {background-color: #FFFFCC;max-width:800px;padding:10px;}

/* CAREER PLAN */
.careerPlanEntry {max-width:300px; width:100%; padding:10px;margin:20px; background-color:#FFFFB8; border:1px solid #E6E65C;}
.careerPlanEntryPL {border:1px solid #75A3FF;margin-left:70px;}
.careerPlanEntryCP {}
.careerPlanTitle {font-weight:bold;}

.careerPlanMilestones {}
.careerPlanMilestoneMenu { float:left; padding-right:10px; }
.careerPlanMilestoneMenuMenu {border:solid 1px #CCCCCC;width:150px; margin-right:5px;}
.careerPlanMilestoneMenuItem{padding:5px; }
.careerPlanMilestoneMenuItemSelected{background-color:#ACACAC;}
.careerPlanMilestoneMenuItemTop {border-top:solid 1px #CCCCCC;}
.careerPlanMilestoneMenuItemBottom{font-size:small; font-weight:normal;}
.careerPlanMilestoneList {float:left; border:1px solid #c0c0c0; padding:10px; width:70%  }
.careerPlanMilestone  {width:200px;height:50px; position:relative; border:solid 1px #898989; float:left; padding:5px; margin:5px;}

.careerPlanMilestoneIcon {width:50px; height:50px; position:absolute; top:5px; left:5px; border:solid 1px #c0c0c0;}
.careerPlanMilestoneText {position:absolute; top:5px; left:60px;  width:150px; }

.careerPlanMilestonePopUp {max-width:50%; max-height:70%; overflow-y:auto; padding:20px; border:solid 1px #898989; background-color:#FFFFFF;}
.careerPlanMilestonePopupButton {float:left; height:50px; border:1px solid #c0c0c0; padding:5px; border-radius:5px; margin-right:10px; }
.careerPlanMilestonePopUpClose {}
/****** SUBJECT REVIEWS ******/


/*Group table*/
table.srTableGroup {border-collapse:collapse;}
.srTableGroup thead td, .srTableGroup tr th {background-color:#990000;font-size:small;font-weight:bold;color:#FFFFFF;padding:0.5em;
                                            border: solid 1px #C0C0C0;}
.srTableGroup .aspectLabel {background-color:#F0F0F0;border-top:1px solid #898989;border-left:1px solid #898989;padding:5px;}
.srTableGroup .leftBorder {border-left:1px solid #898989;background-color:#F0F0F0;width:20px;}
.srTableGroup .alternate{background-color:#C0C0C0;}
.srTableGroup .editArea{background-color: #FFFFCC; }
.srTableGroup td{ padding: 5px; border: solid 1px #C0C0C0;}

/*Report Card*/
.reportCard {width:800px; border:2px solid #898989; margin-bottom:20px}
.reportCard .rcHeader {border-bottom:2px solid #898989;  padding:5px;margin-bottom:10px; overflow:hidden;}
.reportCard .rcContent {padding:10px;}
.reportCard .headerSubject{ float:left; font-size:large; font-weight:bold;}
.reportCard .headerDate{text-align:right; float:right; padding:5px; font-style:italic;}
.reportCard .trafficLight {margin:10px;}
.reportCard .aspectTable {margin:10px;}
.reportCard .aspectTable table {border-collapse:collapse;}
.reportCard .aspectTable table tr td{border:1px solid #ACACAC; padding:5px;} 
.reportCard .grades {margin:10px;}
.reportCard .grades table {border-collapse:collapse;}
.reportCard .grades table tr td{border:1px solid #ACACAC; padding:5px;}
.reportCard .grades table tr .gradeDesc{width:150px;}
.reportCard .grades table tr .CWG {font-weight:bold; font-size:x-large;}
.reportCard .comment{border: 1px solid #323232;background-color:  #FFFF99; margin:10px; padding:10px;}

/*TGList*/


/*miniReview*/
.miniReview {width:150px;border-collapse:collapse; border:2px solid #ACACAC;}
.miniReview tr td {border:1px solid #ACACAC; }
.miniReview .cwg, .miniReview .mpg{padding-left:5px;}
.miniReview .cwg{font-weight:bold}
.miniReview .gradeLabel{width:20px; font-size:x-small;}
.miniReview .TL {text-align:center; width:40px;}
.miniReview .subTitle {font-weight:bold;}
.miniReview .subTitle > div {overflow:hidden; height:20px;}
.miniReviewFaded, .miniReviewFaded tr td {border-color:#DEDEDE;}
.miniReviewFaded .cwg, .miniReviewFaded .mpg, .miniReviewFaded .gradeLabel, .miniReviewFaded .subTitle  {color:#989898}

/* Tiny Review */

.tinyReview {border:none; padding:0; margin:0}
.tinyReview tr td {border:none; padding:0; margin:0}

/*Attendance Bar*/
.attendanceBar .attTable {border-collapse:collapse;}
.attendanceBar .attTable tr td { border:1px solid #ACACAC; min-width:30px;  padding:3px; text-align:center;}
.attendanceBar .attTable tr td.label {max-width:100px; font-size:xx-small; text-align:left;}

/*Attendance Pie*/
.attendancePieHeader {font-weight:700}
.attendancePieDesc {font-style:italic; font-size:x-small; font-weight:normal;}

/****** STU PIC OVERLAY ******/
.stuPic .base { position: relative; top: 0px; left: 0px;}
.stuPic .pic {position: absolute; top: 0px; left: 0px;}

/****** ENROLMENT ******/
.enrolAlert{Width:300px; Height:60px; padding:10px;}

/****** ALS MEETINGS ******/
.ALSMeeting {width:500px;}
.ALSMeeting .meetingHeader {padding:5px; background-color: #c4c4c4;}
.ALSMeeting .meetingHeader .meetingType { font-weight:bold; font-size:larger; }
.ALSMeeting .meetingHeader .meetingDate { font-size:smaller;}
.ALSMeeting .meetingComments {  padding:5px;  }
.ALSMeeting .meetingActions { padding:5px; background-color: #FFFFCC;}

.textbox {font-family: Verdana, "Trebuchet MS", Helvetica , sans-serif;font-size:small;
}

/** css3 rounded corners */
.rounded {
 -moz-border-radius: 15px;
 border-radius: 15px;
 }

/* date time picker styles*/
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 40%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-div .ui_tpicker_unit_hide{ display: none; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 40% 10px 10px; }

/* Shortened version style */
.ui-timepicker-div.ui-timepicker-oneLine { padding-right: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time, 
.ui-timepicker-div.ui-timepicker-oneLine dt { display: none; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label { display: block; padding-top: 2px; }
.ui-timepicker-div.ui-timepicker-oneLine dl { text-align: right; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd, 
.ui-timepicker-div.ui-timepicker-oneLine dl dd > div { display:inline-block; margin:0; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_minute:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_second:before { content:':'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_millisec:before,
.ui-timepicker-div.ui-timepicker-oneLine dl dd.ui_tpicker_microsec:before { content:'.'; display:inline-block; }
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide,
.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_unit_hide:before{ display: none; }