@CHARSET "UTF-8";
/*
* THIS FILE IS FOR EDUMATE STYLES THAT CONTROL INTERFACE LAYOUTS. THEY CANNOT BE
* CHANGED BY CUSTOMERS IN THEME PACKS!
* 
* Please make sure everything is commented
*/

/* ------------------------------------------------ 
	STUDENT PORTAL - TASK DETAIL POPUP STYLES
--------------------------------------------------*/
.popupContainer {
	/* centering */
	margin-left:auto;
	margin-right:auto;
	width:95%;
	
	margin-top:10px;
	margin-bottom:10px;
	
	text-align:left;
	/*
	border:1px solid gray;
	*/
}

@media print {
	.popupHeader {
		/*
		The "!important" qualifier allows it to
		take precedence over other conflicting
		settings. 
		*/
		width:100% !important; 
		/*
		background-color:#00ff00 !important; 
		width:600px !important; 
		width:615px !important; FF with no fixedpos 
		width:632px !important; FF with no fixedpos 
		width:100% !important;  Fits both FF & Safari 
		*/
	}
	
	.popupSectionHeading {
		width:100% !important; 
	}
	
	.popupScrollArea {
		width: 100% !important;
		overflow: visible !important;
	}
}

.popupHeader {
	float:left;
	height:105px;
	width: 445px;	
	margin-top:10px;
	/*
	background-color:#aa55ff;
	width: 470px;	
	*/	
}

.popupHeaderText {
	float:left;
	/*
	background-color:aqua;
	*/
}

.popupHeading {
	font-size:20px;
	font-weight:bold;
	/*
	background-color:red;
	*/	
}

.popupSubHeading {
	font-weight:bold;
	/*
	background-color:green;
	*/	
}

.popUpHeaderCrest {
	float:right;
	/*
	border:solid 1px black;
	background-color:black;
	*/	
}

.popupSectionHeading {
	float: left;
	clear: both;
	width: 100%;
	margin-top: 20px;
	/*
	width: 470px;
	width: 445px;
	margin-bottom: 16px;
	*/
}

.popupScrollArea { /* EDU-11447 MH Removed these to fix iPad issues */
	/*clear: both;*/
	/*width: 100%;*/
	/*overflow: auto;*/
	/*height:400px;	*/
	/*
	background-color:blanchedalmond;
	width: 459px;
	height:395px;	
	*/
}

.popupLabel {
	float:left;
	width:25%;
	font-weight:normal;
	font-style:italic;
	margin-top:20px;
	margin-bottom:3px;
	/*
	background-color:gold;
	*/	
}

.popupLabelTrailer {
	float:right;
	width:25%;
	margin-top:20px;
	/*
	background-color:fuchsia;
	*/	
}

.popupCommentBox {
	clear:left;
	background-color:#D6DCF4;
	border:1px solid black;
	padding: 5px 3px 5px 3px;
	/*
	margin-bottom:20px;
	*/	
}

.popupGraphContainer {
	text-align:center;
}

.popupGraphContainer img {
	width: 60%;
}

#backgroundOverlay {
	background: url('../images/backgrounds/trans_black.png'); 
	position:absolute; 
	top:0px; 
	left:0px; 
	width:100%; 
	height:3000px; 
	display:none;
}

/*
 IE hack: Internet Explorer won't cover the whole width of
 the browser when given a width setting of 100%. It needs to
 be at least 102% to get it near the edge of the browser. But
 any more than 102% will give us a pesky horizontal scrollbar!
 Good one Microsoft!
 */
* html #backgroundOverlay {
	width:102%; 
}

 
 /* ------------------------ 
	COMMENT BANK
--------------------------*/
.orangeRow  	{ background-color: #FFEBD0; }
.redRow  		{ background-color: #F6D6D1; }
.greenRow  		{ background-color: #E1FFD4; }


/* -------------------------------
	STAFF REPLACEMENTS / BOOKINGS
----------------------------------*/
.ReplacementsgreenBox { 
	cursor:pointer;
}

.ReplacementsgreenBox,.ReplacementsgreenBoxNoPointer { 
	background-color: #CCFF99;
	border: 1px solid #7F9DB9;
	font-family: arial; font-size: 11px;
	vertical-align: middle;
}

.redBox,.redBoxNoPointer {
	background-color: #FF0000;   
	border: 1px solid black;
	vertical-align: middle;
}

.redBox {
	cursor:pointer;
}

.blueBox, .blueBoxNoPointer {
    background-color: #90FCFF;
    border: 1px solid #7F9DB9;
    vertical-align: middle;
}

.blueBox {
	cursor:pointer;
}

.purpleBox, .purpleBoxNoPointer {
    background-color: #d2bdff;
    border: 1px solid #7F9DB9;
    vertical-align: middle;
}

.purpleBox {
    cursor:pointer;
}

.yellowBox, .yellowBoxNoPointer {
    background-color: #f9ffb7;
    border: 1px solid #7F9DB9;
    vertical-align: middle;
}

.yellowBox {
    cursor:pointer;
}

.orangeBox, .orangeBoxNoPointer, .peachBox {
    background-color: #ffc171;
    border: 1px solid #7F9DB9;
    vertical-align: middle;
}

.orangeBox {
    cursor:pointer;
}

.greyBox {
    background-color: #CCCCCC;
    border: 1px solid #7F9DB9;
    vertical-align: middle;
}

.textBox { /* Also used for read only fields */
	cursor:pointer;
}

.textBox,.textBoxNoPointer { /* Also used for read only fields */
	background-color: #FFFFDD;
	border: 1px solid #7F9DB9;
	vertical-align: middle;
}

/* Used to make a row red in room bookings */
.selectedOption {
	background-color: red;
}

/* ------------------------ 
	COMMON ELEMENTS
---------------------------*/
/* Used whenever we want a blank border */
.blackBorder {
	border: 1px;
	border-style: solid;
	border-color: #000000;
	}

/* Used in accounts screens */
.ScrollTable400x100 {
	overflow: auto;
	height  : 190px;
	border-bottom: 1px solid #0022AA;
	left		: 8px;
	width	: 100%;
}

/* Used in module reports */
.ScrollTable600x100 {
	overflow: auto;
	height  : 500px;
	border-bottom: 1px solid #0022AA;
	left		: 8px;
	width	: 100%;
}

.selectBox{
	font-size: 12px;
	background-color: #EDEFFA;
	color: #001EA1;
	}
.selectBoxDisabled{
	font-size: 12px;
	background-color: #001EA1;
	color: #EDEFFA;
	}

/* Fieldset commands (used to align and display fields on all pages) */
.mainFieldSet {
	 margin-bottom: 15px;
}

.mainFieldSet ol {
	list-style: none;
	float: left;
	margin: 0;
	padding-left: 0;
	padding-right: 15px;
}

.mainFieldSet li {
	 left: 30px;
	 min-height: 25px;	 
}

.mainFieldSet label {
	 width: 175px;
	 float:left;
}

.profileFieldSet {
    /* EDU-8593: nowrap was removed in EDU-8287. Have reinstated.
       Need this setting to maintain proper layout for Carer Info. Do not remove.   --DZ */
	white-space:nowrap;
    #padding-right:10px; /* Hack for IE */
}

.nowrapIE7 {
	/* width: 600px;  no longer support IE 7 and remove it to have more responsive layout*/
}	

.profileFieldSet .lefty {
	width:45%;
}

.profileFieldSet .righty {
	width:45%;
	float:right;
} 

.profileFieldSet .piggyleft {
	width:100%;
	border:1px none fuchsia;
}

.profileFieldSet .piggymiddle {
	/*width:47%; remove it to have more responsive layout */
	border:1px none green;
}

.profileFieldSet .piggyright {
	/*width:47%; remove it to have more responsive layout */
	border:1px none red;
    padding-right: 0px;
} 

.profileFieldSet .pigpen {
	float: left;	
	border:1px none gold;
}


.profileFieldSet label,
.profileRiderLabel {
	margin-right:4px;
 	padding:2px 3px 2px 5px;
}

.profileRiderLabel {
	margin-left:16px
}

.profileFieldSet .ageField {
	margin-top:4px;
	margin-left:8px;
    white-space: normal;
    width:100px; /* Fix ipad */
}


.mainFieldSetNew label {
	margin-right:4px;
 	padding:2px 3px 2px 5px;
 	border:1px none red;
    white-space:nowrap;
}

.mainFieldSetNew li {
 	margin-bottom:3px;
}



/* ------------------------ 
	CALENDAR STYLES
--------------------------*/
.calendarDaySmall{
	font-size: small; 
	color: #4641a5;
	}
.calendarDayMedium{
	font-size: medium; 
	color: #4641a5;
          }
.calendarDayLarge{
	font-size: large;
	font-weight: bold;
	color: #001E95;
	}
.scrollingDiv{
	height  : 200px;
	overflow: auto;
	}
.greyBox {
	background-color: #CCCCCC;   
	border: 1px solid ;
	}
td.taskDueTd{
    border: 1px solid #7F9DB9;
    background-color: #FFCCCC;
    vertical-align: top;
}
li.taskDueLi{
    margin-left: -30px;
}
li.taskDueDayView{
    text-align: center;
}
ul.taskDueUl{
    list-style: none;
}
table.taskDueWeekView, table.taskDueMonthView, table.taskDueTermView{
    border: 1px solid #7F9DB9;
    background-color: #FFCCCC;
    vertical-align: top;
    width: 100%;
}
	
/* ------------------------------------
	MAIN MENU AND STRIP MENU STYLES
--------------------------------------*/
.menuBackground{
	background: #FFFFFF; 
	width: 680px;
	padding-left: 40px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: auto; 
	margin-right: auto;
	margin-top: 50px;
    border-radius: 20px;
 		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		-khtml-border-radius: 20px;
	box-shadow: 3px 3px 3px #666;
	    -moz-box-shadow: 3px 3px 3px #666;
		-webkit-box-shadow: 3px 3px 3px #666;
}

.menuButtonBackground{
	width: 130px;
	height: 110px;
	float: left;
	text-align: center;
	padding: 20px 20px 20px 20px;
}

.menuButtonImage{
	vertical-align: middle;
	text-decoration:none;
	border:none;
	padding: 0px 0px 5px 0px;
	
}
     
.menuButtonText{
	vertical-align: middle;
	color: #000000;
	font-weight: bold;
	text-decoration:none;			
}

.sectionLogoHeading {
	color: #FFB90F;
	font-size:16px;
	padding-top: 10px;
	padding-left: 5px;
}

.sectionHeading {
	background-image:url('../images/backgrounds/section_header_background.png');	
	height: 20px;
	width: 665px;
	border-top-left-radius: 20px;
 		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
	border-top-right-radius: 20px;
 		-moz-border-radius-topright: 20px;
		-webkit-border-top-right-radius: 20px;
	font-size:14px;
	color: #342198;
	font-weight: bold;
	padding-left: 18px;
	padding-right: 2px; /* Needed for IE/FF compat */
	padding-top: 3px;
	margin-top: 10px;

	box-shadow: 3px 3px 3px #666;
	    -moz-box-shadow: 3px 3px 3px #666;
		-webkit-box-shadow: 3px 3px 3px #666;
}

.sectionLogo {
}

.sectionImage{
	float: left;
}

.sectionStrips{
	float: left;
	margin: 0px;
}

.sectionStripButton{
	background: #FFFFFF;
	width: 665px;
	height: 90px;
	padding: 10px;
	margin-bottom: 20px;
	border-bottom-left-radius: 20px;
 		-moz-border-radius-bottomleft: 20px;
		-webkit-border-bottom-left-radius: 20px;
		-khtml-border-radius-bottom-left: 20px;
	border-bottom-right-radius: 20px;
 		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
		-khtml-border-radius-bottom-right: 20px;
	box-shadow: 3px 3px 3px #666;
	    -moz-box-shadow: 3px 3px 3px #666;
		-webkit-box-shadow: 3px 3px 3px #666;
}

.sectionButton {
	float: left;
	vertical-align: middle;
	color: #000000;
	text-decoration:none;
	width: 100px;
	height: 80px;
	border: thin;
	border-color: #FFFFFF;
	padding: 3px;
	cursor:pointer;	        	
}

.sectionButtonImage {
	width: 35px;
	height: 35px;
	border: none;
}

.sectionButtonText {
	vertical-align: middle;
}

.alert {
	font-size: 16px; color: rgb(255, 0, 0); font-weight: bold;
}

.tooltipInfo {
	font-size: 13px; color: rgb(0, 0, 0); font-weight: normal;
	background-color: #FFFFFF;
	border: 1px solid #02A;
	display:none;
	padding: 5px;
	width:auto;
	max-width:580px;
}

.tooltip.alert {
	background-color: #D8D8EB;
	border: 1px solid #0022AA;
	display:none;
	z-index:200;
	padding: 5px;
	width:auto;
	max-width:400px;
	white-space:normal;
}

/* ------------------------------------------------- 
	LHS LIST, LHS DETAIL, AND FLOATING SIDEBAR MENU		--DZ
---------------------------------------------------*/

.innerContainerLHS {
	border: 1px;
	border-style: solid;
	border-color: #0022AA;
	background-color: #d6dcf4; 
    border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
	box-shadow: 3px 3px 3px #666;
		-moz-box-shadow: 3px 3px 3px #666;
		-webkit-box-shadow: 3px 3px 3px #666;
}

#innerContainerListLHS {
	width: 100%; /* EDU-11437 MH */
	padding: 5px;
}

#innerContainerDetailLHS {
	width: 100%; /* EDU-11437 MH */
	overflow:hidden;
}

.filterWidget {
	margin-bottom:3px;	
}

.floatingTabBoxSmall {	
	width: 150px;
	padding: 5px;
	right: 20px;
	.right: 4% !important; /* Hack for IE */
	top: 30px;
	background-color: #FFFFFF; 
	border: 1px;
	border-style: solid;
	border-color: #0022AA;
    border-radius: 10px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		-khtml-border-radius: 10px;
	box-shadow: 3px 3px 3px #666;
		-moz-box-shadow: 3px 3px 3px #666;
		-webkit-box-shadow: 3px 3px 3px #666;
	position: fixed;
	/*z-index: 200;*/
}

.sidebarHeading {
	padding: 2px 0px 2px 0px;
	cursor:hand; /* IE */		
	cursor:pointer;		
}	

#searchImage {
	cursor: pointer; /* EDU-5661 */	
}

fieldset{
	border: 0px solid #000000;
}

label.fieldlabel {
	display:inline-block;
	text-align: right;
	line-height: 1.9em;
	/*margin-right: 10px*/;
	padding-right:5px;
	width: 150px;
	*display: inline;
	vertical-align:top;
	margin-right: 0px;
}
.pointer{
	cursor:pointer; /* EDU-5752 */
}

li input{
	float:none;
	display:inline;
	margin-right:5px;
}
#module_report_form li input{
	*height: 20px;
}

#module_report_form fieldset.widget {
	margin:5px 0;
	width: 400px;
	display:block;
}
#module_report_form fieldset.widget li {width: 400px;}
fieldset.widget li, fieldset.term li, fieldset.option li, fieldset.radioButton li{
	padding: 3px;
}
		
div.timetable-period {
	float:none;
	vertical-align:top;
	display:inline;
}

table.option{padding:5px 0}
table.option td.itemLabel{width: 135px;}
table.correspondence{display:none;}

tr.odd{background-color: #EEEEEE;}

div.alertMessage {text-align: center; font-size:11pt;}
table.correspondence{display:none;}

/*tooltip EDU-5328*/
.tooltip, .tooltip table, .tooltip tr, .tooltip td { z-index:200; position: relative;}
.tooltip table, .tooltip tr, .tooltip td {	position: relative; }
.tooltip table{ width: 700px; border: 1px solid black; }
.trigger{cursor:pointer}
.listTopStudName {width:200px} 
.listTopPeriod {width:45px}
.listTopReason{width:250px;}
.stdName {width: 100px;}
.listTopDate {width:150px;}
.listTopInfo {width: 140px;}
.listTopGroups {padding: 0 10px;}
.listBodyGroups {padding: 5px 0;}


/*fix opacity in all IE EDU-5328*/
.opaque {
	opacity: 0.4;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /*first!*/ 
	filter: alpha(opacity=0);					/*second!*/ 
}

/* Wei EDU-5999 */
.tableBox {border:1px solid #0022AA;}
.tableBox th { vertical-align:top; text-align:left; border:1px solid #0022AA;}
.reportTable {width:840px; border-collapse: collapse;}
.tableRow{border-top:1px solid #DDDDDD;}

h3.page_heading{border-bottom:1px solid #0022AA; padding:0 0 7px 0; margin:5px 0 8px 0;}
h5.heading {margin:3px;}

#filter td, #filter th {padding: 3px;}

.reportTable td, .reportTable th {padding: 0 3px;}
.header{font-weight:bold}
.col_checkbox {width:20px;}
.col_name {width:215px;}
.col_description {width:274px;}
.col_module {width:70px;}
.col_type {width:100px;}
.col_rate {width:115px;}

#vote_report_name, #button{margin: 25px 0px; text-align:center;}
#vote{margin-left:368px;}

#reportDataTable .odd, #reportDataTable .odd{background-color: #FFFFFF;}
.filter {padding-bottom:3px;}
.filter ul{margin:3px;}
.filter li{list-style-type:none; margin:0px; text-align:center; padding:3px 0;}
.filter li input.search_init{color: #999;}
/* End EDU-5999*/

.widget label.fieldlabel, .widget div.timetable-period {float:left;}

/* EDU-5998 */
#upload_name_display img{float:left;}

/* EDU-6003 */
.enter_reason{color:#0000FF;}

.statusDiv{
    text-align: center;
    height: 20px;
    z-index: 203;
    position: fixed;
    background-color: #f9edbe;
    padding: 5px;
    width: 100%;
    font-weight: bold;
}

#tabStripPadderFix {
	padding-top: 85px;
}
.accordionWrapper{max-height: 402px; overflow:auto;}

/* EDU-6783 */
#jGrowl .alertLink { color: red;}
#attachmentOptionDiv {margin-bottom: 20px;}
#attachmentOptionDiv p{margin-bottom: 10px;}
#attachmentOptionDiv ul{ padding-left:0px;}
#attachmentOptionDiv ul li {list-style-type:none;}

/* EDU-6871 */
.welfareDatail { margin:0px;}
.welfareDatail ul { margin:0px;}

/* EDU-6949 */
input[type="button"], input[type="submit"] { cursor:pointer }

/* EDU-5613 */
.overflow-box {
    overflow-x: hidden;
    overflow-y: auto;
}
div.overflow-box {
    border: 1px solid #D9D9D9;
}

fieldset.multiSelect{
	margin: 0;
    padding: 0;
}
fieldset.multiSelect li {
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
}
fieldset.multiSelect li:hover, fieldset.multiSelect .selected {
    background-color: #EEEEEE;
}
fieldset.multiSelect ul, fieldset.multiSelect ul li{
	float: none;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#multiSelect_selected_contacts div{
	max-height: 200px;
    width: 200px;
}
#multiSelect_selected_contacts{
	margin-top:5px;	
}

.clickable{color:#0000FF;}

fieldset.multiSelect ul {
	float:left;
}

fieldset.multiSelect ul li:first-child {
	border-top: 1px solid #D9D9D9;
}

table.fortnightTable td{
	padding: 0;	
}

table.fortnightTable td.firstWeek {
	border-bottom: 1px solid black;
}

.header .mainNameCell, .header .mainCell{
	border-bottom:1px solid black;
}
.cellTable {
	width:200px;	
}
.mainNameCell, .mainCell{
	width:190px;
	padding:0 10px;	
	height: 30px;
}

.mainCell{
	border-left:1px solid black;	
}

.cellTable, .header .mainNameCell {
	text-align: center;
}

.formRun .mainNameCell{
	text-align:left;	
}
.studName .mainNameCell{
	text-align:right;
}

.status td{
	width: 30px;	
}

/* EDU-7384 Edit Lists */
td.mandatory {
	color:#777777;	 
}

/* EDU-7606 --DZ */
.money {
    text-align:right;
}

/**
* Dropdown search list select elements CSS
*/
/* EDU-11437 MH - Removed widths to stop the dropdowns from being too big */
/*
.dropdownSearchListMasterSelect {
    width: 95%;
}
*/
select[multiple].dropdownSearchListMasterSelect{
    height: 183px;
}
/*
.dropdownSearchListControlSelect {
    width: 95%;
}
*/
select[multiple].dropdownSearchListControlSelect{
    height: 183px;
    background: white;
}

/* Added new class to style multiple select in CM - EDU-12163 - Andre */
select[multiple].dropdownCMAcadGrpSearchListControlSelect{
    height: 183px;
}

/* Added new class to style multiple select in CM - EDU-12163 - Andre */
select[multiple].dropdownCMProgElmSearchListControlSelect{
    height: 183px;
}

.processImg {
    text-decoration: blink;
    text-align: left;
    display:none
}

/*
EDU-8189
Move some css to tweakAfterTabBoxScrolling.css which is only included in base_page_template.php.
These css classes will break pages not using base_page_template.php
*/

.elementlist {padding:0px; background-color: white; position: relative;}
.elementlist fieldset {margin:0}
.elementlist ul, .checkboxlist ul li {list-style:none; margin:0; padding:0;  float:none;}
.elementlist li:hover, .elementlist .selected {background-color: #C6C6C6; }
/* There is no min-height so that li element is not as height as the parent div in ie9. */
.elementlist li {border-bottom: 1px solid #D9D9D9;
    padding:0px 3px; }

/* After anchor wrapped label, input and label may show in separate rows. Make input float left to fix the issue. */
.elementlist li input {float:left;}
.elementlist label {background-color: transparent !important; font-weight:normal !important;
    float:none !important; }
/* EDU-8616 All anchor wrapping labels are black */
a.label.formElement {color:black; }
.elementlist label, .elementlist a.label {margin: 0px; width: 100%;}
.elementlist label {display: block;}
/*
as input has to be relatively positioned to scroll correctly add padding to top and bottom to make
sure label does not get pushed by INPUT.
*/
.elementlist label {padding: 6px 0;}
/* EDU-8676 */
.ie .elementlist label {padding-top:5px !important; padding-bottom:10px !important;}

/* margin-top is working with padding on the label coded in the previous line.*/
.elementlist input[type="checkbox"] {margin-top: 7px;}
/* EDU-8676 */
.ie .elementlist input[type="checkbox"] {margin-top: 3px;}
/* EDU-8486 Label and checkbox should be displayed in the same row */
.elementlist li input {float:left;}

fieldset.radioList, div.radioList {height:100%; background-color: white;}
fieldset.radioList ul{list-style:none; margin:0; padding:0;  float:none;}
fieldset.radioList li {border-bottom: 1px solid #D9D9D9; padding: 3px; width: 100%;}
/* make input off the screen instead of hiding it as IE8 does NOT support click event on hidden elements. */
/* position:relative is for js scrolling using relative top and left. */
input[type="radio"].hiddenRadio {position:fixed; left:-99px; width:0px; height:0px;margin: 0;}

/* EDU-8505 --DZ */
.opBarBtnLabelDisabled {
    color: gray;
    background-color: #dddddd; /* EDU-11117 --DZ */
}

.separator{ height: 100%; width: 15px; float: left; z-index:2;}
#virtualDualContainer + #tabBoxContent {padding-left:0px;}
#dummyDiv{overflow:hidden;}

/*
1px div with overflow hidden makes sure everything in the div invisible.
position:relative guarantees the div affects tabBoxContent html.
Mobile Safari will detect the html change and show scrollbars.
*/
.ipadHack{position:relative; height:1px; overflow:hidden;}

/* Introduce virtualTabBox on section page. */
#tabBoxContent.sectionPage.virtualTabBox{padding:0px; width:100%;}

.ajaxInfoTabContent {
    width: 97%;
    #width: 96% !important;  /* Hack for IE */
    padding: 10px;
    background-color: #FFFFFF;
    border: 1px;
    border-style: solid;
    border-color: #0022AA;
    border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    -khtml-border-radius: 15px;
    box-shadow: 3px 3px 3px #666;
    -moz-box-shadow: 3px 3px 3px #666;
    -webkit-box-shadow: 3px 3px 3px #666;
    clear: left;
    height: 550px;
    overflow: scroll;
}

.studentPopupDiv, #eduPopupDiv{position:absolute; left:0px; top:0px; z-index:101; background-color: #FFFFFF; border-radius:20px;}

.ipadFixPortal, .ipadFixPortal div, .ipadFixPortal table{position:relative;}

/* Replace my_edumate tab box divs with this one div for more button working on iPad */
#pt{ background:none; border:1px solid #02A; border-radius:15px; -moz-border-radius: 15px; -khtml-border-radius: 15px;}


/* EDU-7607 */
/* EDU-8574 Moved from css.css */
table.noSpaceTable{
    border-collapse: collapse;
    height:25px;
}
table.noSpaceTable th, table.noSpaceTable td {
    padding: 0;
}

/* EDU-8574 */
.eduScrollableTable thead.fixedHeader tr {
    display: block; position:relative;
    color: #001E95; font-weight: bold;
}
.eduScrollableTable thead.fixedHeader th{ background-color: #D6DCF4; }
.eduScrollableTable tbody.scrollContent { display: block; overflow-y: scroll; width: 100%; }
.eduScrollableTable tbody.scrollContent tr:nth-child(even) { background-color: white; }
.eduScrollableTable tbody.scrollContent tr:nth-child(odd) { background-color: #EDEFFA; }
.eduScrollableTable thead.fixedHeader th,
.eduScrollableTable tbody.scrollContent td{
    border-bottom: none; border-left: none; border-right: 1px solid #CCC; border-top: 1px solid #DDD;
    padding: 2px 3px 3px 4px;
    text-align: left;
}
.eduScrollableTable.rowSelection tbody tr {cursor: pointer;}

/* EDU-8744 */
p.defaultP{ margin:0 }

.eduProgressBarContainer{
    width: 90%; height: 12px; float: left; position: relative;}
.eduProgressBar{
    background-color: #52D017;
    width: 0;
    height: 100%;
    text-align: right;
    font-weight: bold;
}

/* Andre EDU - 8941*/
.badge {
    display: inline-block;
    padding: 2px 4px;
    font-size: 11.844px;
    font-weight: bold;
    line-height: 14px;
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #999999;
}

.badge {
    padding-right: 9px;
    padding-left: 9px;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 9px;
}

.badge-important {
    background-color: #b94a48;
}

.badge-success {
    background-color: #468847;
}

/**
 * Andre EDU - 9006
 * Loading indicator style
 */
#loading-indicator {
    position: absolute;
    left: 40%;
    top: 50%;
    z-index: 251;
}

#loading-glass-pane {
    position: fixed;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 250;
    opacity: 0.7;
    background-color: #000000;
}

#loading-glass-content {
    background-color: #ffffff;
    left: 40%;
    top: 55%;
    position: absolute;
    z-index: 252;
    width: 208px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.bigButton{
    -webkit-border-radius: 5px;
    background-color: whitesmoke;
    font-size: 13px;
}

/* EDU-9155 */
.NEED-ACTION{
    border:3px dashed #F88017 !important;
}

/* EDU-9188 */
table.stdTable{
    width:100%;
    border: 0px solid black;
    border-spacing:0;
    border-collapse:collapse;
}
#markRoll_form td.Image, #markRoll_form th.Image, #markRoll_form .lastPeriodStatus { display: none; }
/* End EDU-9188 */

.mandatoryMarker {
    color: #ff0000;
    font-weight: bold;
}

/* EDU-9673 --DZ */
.numeric {
	text-align:right;
    Qbackground-color: #ffff00;
    padding-right: 10px;
}

/* EDU-10173 Bubble error messages for alerts called from popups --DZ */
  .alertBubble {
    position: relative;
    width: 97%;
    height:auto;
    overflow:visible;
    margin-top:6px ;
    margin-left:6px ;
    margin-bottom:6px ;
    display:none;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

    padding: 8px 3px 8px 3px;
    color: #c09853;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 13px;
    line-height: 18px;
}
  /*EDU-11019*/
.hasAbsence table.tooltip { background-color: white; }

/* EDU-11614 */
.foundationContactsFilter { height: 120px; padding: 10px 0px 0px 5px; }
.foundationContactsFilter table { width: 500px; float: left; }
.foundationContactsFilter .nameFilter { float: left; margin-top: -40px; }
.foundationContactsFilter .foundationFilterTbl {clear: left; margin-top: 10px;}


/* EDU-11593 Edumate Admin > Settings --DZ */

td.readOnlySetting {
    height:25px;
}
td.readOnlySetting span {
    font-size:14px;
    margin-left:6px;
}