div.phpContent, div.pageContent
{
	margin-top: 103px;
}

div.containerOfPage101 div.phpContent
{
	margin-top: 75px;
}

div.preloadImages
{
	display: none;
}

div.gradeBlue
{
  background: -webkit-linear-gradient(#0F91C8, #006795); /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#0F91C8, #006795); /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#0F91C8, #006795); /* For Firefox 3.6 to 15 */
  background: linear-gradient(#0F91C8,#006795); /* Standard syntax */
}

div.dashedBlue
{
	background: url(../designFiles/dashedSep.png) repeat-x top #1C4769;
}

div.blueBackground
{
	background-color: #1C4769;
}

div.dashedSep
{
	background: url(../designFiles/dashedSep.png) repeat-x top;
	height: 1px;
	width: 100%;
	position: fixed;
	top: 270px;
	z-index: 1000;
}

div.subTitle, div.subTitle a, div.subTitle_system
{
	color: #F7921E;
}

div.subTitle div, div.subTitle_system div
{
	padding-top: 5px;
}

div.simulationPage .hideInSimulation
{
	display: none;
}

div#calcServiceLevelPage div.dashedSep
{
	top: 269px;
}

div#schoolPupilsPage div.dashedSep
{
	top: 178px;
}

.btnOrange
{
	background: url(../designFiles/btnOrange.png) no-repeat;
	width: 149px;
	height: 49px;
	line-height: 49px;
}

.btnGray
{
	background: url(../designFiles/btnGray.png) no-repeat;
	width: 148px;
	height: 48px;
	line-height: 49px;
}

.btnBlue
{
	background: url(../designFiles/btnBlue.png) no-repeat;
	width: 124px;
	height: 30px;
	line-height: 33px;
	border-radius: 3px;
}

.arrowAction
{
	background: url(../designFiles/arrowOrangeLeft.png) no-repeat right;
}

.arrowAction div
{
	padding-right: 15px;
	color: #298EDC;
	cursor: pointer;
}

.red
{
	color: red;
}

.green
{
	color: #008000;
}

.oldValue
{
	color: #B1B1B1;
}

.redValue
{
	color: #EE4242;
}

.greenValue
{
	color: #94B102;
}

.needToHandle
{
	background-color: #ECB26E;
}

.unable
{
	font-size: 14px;
	color: white;
}

div#teachers .needToHandle
{
	display: block;
	height: 40px;
	line-height: 40px;
}

div.container_firefox div#teachers .needToHandle
{
	margin-right: 2px;
	margin-top: 1px;
	margin-bottom: 1px;
}

div.spinner
{
	right: calc(50% - 20px);
}

.body-cover
{
	background-color: #777777;
    bottom: 0;
    left: 0;
    opacity: 0.7;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99999;
}

#togglePasswordField
{
	font-size: 24px;
	position: absolute;
	top: 6px;
	left: -30px;
	cursor: pointer;
}

#togglePasswordField.password
{
	color: #2D2D2D;
}

#togglePasswordField.text
{
	color: white;
}


/* -- header ------------------------------------------------------------------------------------------------------ */

div.systemHeader
{
	background-color: #FAC082;
	height: 70px;
	width: 100%;
	position: fixed;
	top: 0px;
	z-index: 1000;
}

div#logo
{
	position: absolute;
	top: 3px;
	right: 0px;
}

div#schoolLogo
{
	position: absolute;
	top: 2px;
	right: 425px;
	width: 350px;
	text-align: center;
}

div#topSchool
{
	position: absolute;
	top: 0px;
	left: 20px;
}

div.topSchool_in
{
	background: url(../designFiles/iconTopSchool.png) no-repeat right;
	height: 70px;
}

div.topSchool_in table
{
	margin-right: 75px;
	color: #34618B;
}

div.topSchool_in a
{
	color: #5EAAE4;
}

div.topSchool_in td > div
{
	margin-top: 8px;
}

div.topSchool_in td.field div.edit
{
	overflow: hidden;
	height: 23px;
	margin-left: 10px;
}

div.topSchool_in select
{
	width: 120%;
}

div.topSchool_in div#logoutLink
{
	margin-top: 7px !important;
	margin-right: 10px;
}

div.topSchool_in span.helloText
{
	font-style: italic;
}

/* -- nav menu ---------------------------------------------------------------------------------------------------- */

div.containerOfPage100 div#systemNav, div.containerOfPage101 div#systemNav
{
	display: none;
}
	
div#systemNav
{
	background-color: #007EB4;
	height: 33px;
	width: 100%;
	position: fixed;
	top: 70px;
	z-index: 1000;
}

div#systemNav div.title
{
	float: right;
	color: #093453;
	font-size: 14px;
	padding-top: 6px;
}

div#systemNav div.title a
{
	color: #093453;
	font-weight: bold;
}

div#systemNav div.title.selected
{
	color: #CAD4DE;
}

/* -- general page ------------------------------------------------------------------------------------------------ */

div#generalContainer div.pageContentBottom div.siteIn
{
	width: 1050px;
	padding-top: 20px;
	margin-left: 150px;
}

div#generalContainer
{
	color: white;
}

div#generalContainer div.pageTitle h1
{
	color: #F7921E;
	padding-bottom: 15px;
}

div#generalContainer div.pageText
{
	padding-bottom: 25px;
	font-size: 16px;
}

/* -- login page -------------------------------------------------------------------------------------------------- */

div#loginPage
{
	height: 390px;
}

div#changePasswordPage
{
	height: 470px;
}

div.picLoginPage
{
	background: url(../designFiles/picLoginPage.png) no-repeat center 32px;
	height: 155px;
}

div.picChangePasswordPage
{
	background: url(../designFiles/systemComp_changePassword.png) no-repeat center 20px;
	height: 185px;
}

div#changePasswordPage div.title
{
	color: white;
	text-align: right;
	padding-bottom: 2px;
}

form#loginForm,
form#sendPasswordForm,
div#changePasswordPage form#changePasswordForm
{
	text-align: center;
	width: 285px;
	margin: 0px auto;
}

div#loginPage div.field,
div#changePasswordPage div.field,
div#loginPage div.promo,
div#changePasswordPage div.promo
{
	background-color: #094E75;
	width: 285px;
	height: 37px;
	margin-bottom: 15px;
	line-height: 35px;
}

div#loginPage div.promo,
div#changePasswordPage div.promo
{
	background: none;
	color: white;
	line-height: 18px;
}

div#loginPage input,
div#changePasswordPage input
{
	background: none;
	border: 0px;
	width: 253px;
	height: 27px;
	font-size: 14px;
	color: white;
}

div#loginPage input[type="submit"],
div#changePasswordPage input[type="submit"]
{
	background: url(../designFiles/btnOrange.png) no-repeat;
	width: 145px;
	height: 45px;
	cursor: pointer;
}

div#loginPage div.submit
{
	float: right;
}

div#changePasswordPage div.submit
{
	text-align: center;
	margin-bottom: 15px;
}

div#forgotPassword
{
	float: left;
	margin-top: 15px;
	color: white;
	text-align: right;
	cursor: pointer;
}

/* -- home page --------------------------------------------------------------------------------------------------- */

div#homePage
{
/*	height: 395px;*/
}

div#homePage div.siteIn
{
	padding-top: 108px;
	padding-bottom: 108px;
	width: 680px;
}

div#systemComponents
{
	position: relative;
	float: right;
	right: 50%;
}
	
div#systemComponents_in
{
	position: relative;
	float: right;
	right: -50%;
}
	
div.systemComponent
{
	float: right;
	width: 170px;
	height: 295px;
	text-align: center;
}

div.systemComponent a, 
div.systemComponent > div
{
	display: block;
	margin: 0px 10px;
/*	width: 110px;
	height: 109px;*/
	cursor: pointer;
}

div.systemComponent.disabled div
{
	cursor: default;
}

div.systemComponent:first-child
{
}

div.systemComponent.disabled div
{
	color: #264A64;
	font-size: 16px;
	display: block;
	text-align: center;
}

div.systemComponent a
{
	color: white;
	text-decoration: none;
	font-size: 16px;
	display: block;
	text-align: center;
}

div.systemComponent div:hover a,
div.systemComponent a:hover
{
	color: #264A64;
}

div.systemComponent.params div
{
	background: url(../designFiles/systemComp_schoolParams.png) no-repeat top center;
}

div.systemComponent.tekenHours div
{
	background: url(../designFiles/systemComp_tekenHours.png) no-repeat top center;
}

div.systemComponent.pupils div
{
	background: url(../designFiles/systemComp_pupils.png) no-repeat top center;
}

div#belowMainMenu, div.belowRemarks
{
	clear: both;
	margin-top: 50px;
	color: black;
}

div#serviceLevelPage div.belowRemarks
{
	margin-right: 270px;
	margin-left: 270px;
}

div.belowRemarks, div#belowMainMenu
{
    padding: 25px 30px;
    border-radius: 36px;
    background: linear-gradient(0deg, #FFFFFF 0%, #CAD4DC 100%);
}
	
div#belowMainMenu a
{
}

/* -- profile page ------------------------------------------------------------------------------------------------ */

div#profilePage
{
	min-height: 380px;
}

div#profilePage div.siteIn
{
	padding-top: 35px;
	padding-bottom: 40px;
}

div#profilePage table.mainTbl
{
	margin-left: auto;
	margin-right: auto;
}

div#profilePage table.mainTbl td.mainTbl_col1 { width: 670px; }
div#profilePage table.mainTbl td.mainTbl_col2 { width: 530px; }

div#profilePage table.mainTbl td.mainTbl_col1 div.in
{
	padding-right: 270px;
}

div#profilePage div.reportLatestDate
{
	padding-top: 5px;
	font-size: 14px;
}

div#profilePage div.reportLatestDate td,
div#compareReportPage div.reportLatestDate td
{
	vertical-align: middle;
}

div#profilePage div.reportLatestDate td.excelLink div,
div#profilePage div.reportLatestDate td.pdfLink div
{
	padding-left: 5px;
}

div#profilePage div.reportLatestDate td.reportName div,
div#compareReportPage div.reportLatestDate td.reportName div
{
	padding-bottom: 8px;
	color: white;
	font-size: 14px;
}

div#profilePage div.oldReports,
div#profilePage div.reportLatestDate:nth-child(1)
{
	padding-top: 22px;
}

div#profilePage div.oldReports
{
	margin-bottom: 25px;
}

div#profilePage table.mainTbl td.mainTbl_col1 div.subTitle2,
div#profilePage table.mainTbl td.mainTbl_col2 div.prevProfiles
{
	padding-top: 10px;
}

div#profilePage div.btn
{
	width: 134px;
	height: 39px;
	line-height: 39px;
}

div#profilePage div.btnUploadReports,
div#profilePage div.btnPrevReports,
div#profilePage div.btnErrorsNoticeReport
{
	background: url(../designFiles/btnUploadReports.png) no-repeat;
	margin-top: 20px;
	position: relative;
}

div#profilePage div.btnPrevReports
{
	position: absolute;
	top: 192px;
	right: 450px;
}

div#profilePage div.btnErrorsNoticeReport
{
	margin-top: 10px;
}

div#profilePage div.showMissingReport
{
	background: url(../designFiles/btnErrorReport.png) no-repeat;
	margin-top: 5px;
	position: relative;
}

div#profilePage a#goSimulation
{
	float: right;
	margin-top: 35px;
	margin-right: 35px;
}

div#profilePage a#goCalcProfile
{
	float: right;
	margin: 0px auto;
	margin-top: 35px;
/*	margin-right: 215px;*/
}

div.showMore
{
	font-weight: normal;
	color: white;
	padding-top: 5px;
	font-size: 12px;
}

table.prevReportsTbl tr
{
	height: 35px;
}

table.prevReportsTbl td
{
	vertical-align: middle;
}

table.prevReportsTbl a
{
	color: #153854;
}

table.prevReportsTbl 	td.prevReportsTbl_col1 { width: 345px; }
table.prevReportsTbl 	td.prevReportsTbl_col2 { width: 60px;  text-align: center;}
	
table.prevReportsTbl 	td.prevReportsTbl_col2
{
	color: white;
	font-size: 16px;
}

div#profilePage table.mainTbl td.mainTbl_col2 div.subTitle_system
{
	background: url(../designFiles/iconChart.png) no-repeat left;
	width: 405px;
	height: 34px;
}

div#serviceLevelPage table.mainTbl td.mainTbl_col2 div.subTitle
{
	background: url(../designFiles/iconCalc.png) no-repeat left;
	width: 387px;
	height: 37px;
}

div#osherError
{
	margin: 15px 10px 0px 0px;
	color: white;
	font-weight: bold;
}

div#osherError a
{
	color: #EA770D;
}

/* -- tables ------------------------------------------------------------------------------------------------------ */

div.headers table td.scroll
{
	width: 16px !important;
}

table td.header,
table td.topHeader
{
	background-color: #001B2C;
	height: 37px;
	color: white;
	font-weight: bold;
	vertical-align: middle;
	border-left: 1px solid #1C4769;
	text-align: center;
	font-size: 12px;
}

table td.header div.link
{
	text-decoration: underline;
}

table td.header:last-child,
table td.header.scroll,
table td.topHeader.last,
table td.topHeader.scroll
{
	border-left: 0px;
}

div#teachersHeaders table td.header:last-child
{
	border-left: 1px solid #1C4769;
}

div.tableContent td.empty
{
	font-weight: bold;
	text-align: center;
	width: 100%;
}

div.tableContent td.empty div
{
	padding: 10px;
}

div.tableContent table td.data
{
	background-color: #DEE5ED;
	height: 40px;
	vertical-align: middle;
	border-left: 1px solid #1C4769;
	border-bottom: 1px solid #1C4769;
	text-align: center;
	font-size: 14px;
}

div.tableContent table td.data.total
{
	background-color: #AFC3D7;
	font-weight: bold;
	border-bottom: 1px solid #AFC3D7;
}

.noData
{
	text-align: center;
	direction: rtl;
	width: 100%;
	padding-top: 15px;
}

div.tableContent table td.data div.teacherStatus
{
	padding-right: 28px;
	padding-left: 5px;
	padding-top: 2px;
}

div.tableContent table td.data div.teacherEdit
{
	padding-top: 10px;
	padding-left: 5px;
}

div.tableContent table td.data div.teacherDelete
{
	padding-top: 8px;
	padding-left: 5px;
}

div.tableContent table td.data div.teacherIsOz
{
	padding-top: 6px;
	padding-right: 4px;
}

div.tableContent table td.data:last-child
{
	border-left: 0px;
}

div.tableContent table tr:last-child
{
	border-bottom: 0px;
}

div.scrolledContent
{
    background-color: #CAD4DC;
/*  max-height: 435px; */
/*	width: 1180px;*/
    max-width: 100%;
    overflow: auto;
    position: relative;
	direction: ltr;
}

div.scrolledContent table
{
	direction: rtl;
}

/* -- calc profile page ------------------------------------------------------------------------------------------- */

div#calcProfilePageTop
{
	height: 170px;
	width: 100%;
	position: fixed;
	top: 100px;
	z-index: 1000;
}

div#calcProfilePageTop div.siteIn
{
	padding-top: 7px;
}

div#calcProfilePageTop div#profileSteps
{
	background: url(../designFiles/profileSteps.png) no-repeat;
	width: 320px;
	height: 170px;
	position: relative;
}

div#profileSteps div.profileStep_val
{
	font-size: 16px;
	font-weight: bold;
	color: white;
	width: 60px;
	text-align: center;
	position: absolute;
	top: 150px;
}

div.profileStep_val_in
{
	position: relative;
}

div#profileSteps div#profileStep_1 { left: 36px;  top: 123px;}
div#profileSteps div#profileStep_2 { left: 103px; top: 97px; }
div#profileSteps div#profileStep_3 { left: 170px; top: 71px; }
div#profileSteps div#profileStep_4 { left: 237px; top: 45px; }

div#profileSteps div#profileHasErrorTeachers
{
	position: absolute;
	top: 115px;
	right: 35px;
	color: #C42030;
	font-weight: bold;
	line-height: 16px;
}

div#profileSteps div.profileHasErrorTeachers0
{
	display: none;
}

div#baseProfile_pos
{
	position: absolute;
	background: url(../designFiles/iconBaseProfile.png) no-repeat;
	width: 37px;
	height: 96px;
	bottom: 25px;
	z-index: 100;
	top: -98px;
}

div#profile_pos
{
	position: absolute;
	background: url(../designFiles/iconCurrProfile.png) no-repeat;
	width: 39px;
	height: 49px;
	bottom: 25px;
	z-index: 200;
	top: -51px;
}

div#profileScale_pos
{
	position: absolute;
	top: 13px;
	width: 35px;
	height: 37px;
}

div.profileScale_pos0 { background: url(../designFiles/profileScale_pos0.png) no-repeat; left: 102px; }
div.profileScale_pos1 { background: url(../designFiles/profileScale_pos1.png) no-repeat; left: 132px; }
div.profileScale_pos2 { background: url(../designFiles/profileScale_pos2.png) no-repeat; left: 161px; }

div.valuesTable
{
	padding-right: 20px;
	padding-left: 25px;
}

div.valuesTable  table td.title, div.valuesTable table td.data,
div.valuesTable  table td.data, div#profileDetails table td.data, div#baseHoursDetails table td.data
{
	height: 32px;
	background-color: #30537B;
	font-weight: bold;
	vertical-align: middle;
}

div#baseHoursDetails table td.data.blink
{
	background-color: white !important;
}

div#serviceLevelValues0
{
	padding-right: 0px;
	padding-left: 0px;
/*	padding-top: 38px;*/
}

div#serviceLevelValues1
{
	padding-right: 0px;
/*	padding-top: 38px;*/
}

div#serviceLevelValues2
{
	padding-right: 20px;
	padding-left: 45px !important;
}

div#serviceLevelValues1 tr td.title
{
	background: none;
	font-weight: normal;
	text-align: right;
	width: 185px;
}

div#serviceLevelValues2  tr td.title
{
	width: 190px;
}

div.valuesTable table td.title
{
	color: white;
	width: 175px;
}

div.valuesTable table td.title div
{
	padding-right: 15px;
}

div#serviceLevelValues1.valuesTable table td.title div
{
	text-align: left;
}

div#baseHoursDetails
{
	padding-right: 25px;
}

div.valuesTable table td.data,
div#profileDetails table td.data,
div#baseHoursDetails table td.data
{
	color: #F7921E;
	text-align: center;
	width: 72px;
	font-size: 18px;
}

div#baseHoursDetails table td.data
{
	width: 90px;
}

div#profileDetails table td.data
{
	width: 120px;
}

div.serviceLevelValues table td.data
{
	width: auto;
	min-width: 105px;
}

div.serviceLevelValues table td.data div
{
	padding: 0px 7px;
}

div.valuesTable table td.gap
{
	width: 6px;
}

div.tableCell table tr.gapRow
{
	height: 6px;
}
	
div.valuesTable table tr.bigGapRow
{
	height: 35px;
}
	
div#reportServiceLevel
{
/*	background: url(../designFiles/arrowOrangeLeft.png) no-repeat right 10px;*/
	padding-top: 0px;
	width: 150px;
	margin-right: 101px;
}

div#reportProfile
{
	position: relative;
}

div#reportProfile div#btnReportProfile
{
	background: url(../designFiles/btnReport.png) no-repeat;
	width: 72px;
	height: 35px;
	line-height: 35px;
}

div#reportProfile div#btnCompareReport,
div.systemComponent div#btnCompareReport
{
	background: url(../designFiles/btnReport.png) no-repeat;
	width: 72px;
	height: 35px;
	line-height: 35px;
}

div#reportProfile div#btnCompareReport
{
	position: absolute;
	top: 7px;
	right: -5px;
}

div.systemComponent div#btnCompareReport
{
	margin-top: 15px;
	margin-right: calc(50% - 36px);
}

div.systemComponent div#btnCompareReportRemark
{
	color: #F7921E;
	text-align: center;
	font-weight: bold;
}

div#reportProfile div#btnExcelReportProfile,
div#teacherSearch div#btnExcelSalaryReport,
div#btnExcelPupils
{
	position: absolute;
	top: 7px;
	right: 85px;
	background: url(../designFiles/btnExcel.png) no-repeat;
	width: 85px;
	height: 35px;
}

div#teacherSearch div#btnExcelSalaryReport, div.btnDownloadTalmash
{
	background: url(../designFiles/btnBigExcel.png) no-repeat;
	width: 125px;
	height: 35px;
}

div#reportProfile div#btnExcelReportProfile div,
div#teacherSearch div#btnExcelSalaryReport div,
div.btnDownloadTalmash div,
div#btnExcelPupils div
{
	color: white;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
	padding-right: 25px;
}

div#teacherSearch div#btnExcelSalaryReport
{
	right: 963px;
	top: 35px;
}

div#btnExcelPupils
{
	top: 20px;
	right: 320px;
}

div.simulationPage div#btnExcelPupils
{
	/*right: 520px;*/
	right: 120px;
}

div.btnDownloadTalmash, div#btnExcelPupils
{
	background: url(../designFiles/btnExcelWide2.png) no-repeat;
	width: 160px;
	height: 38px;
	position: absolute;
}

div.btnDownloadTalmash.teachers
{
	background: url(../designFiles/btnExcelWide.png) no-repeat;
	width: 140px;
	height: 38px;
}

div.btnDownloadTalmash div
{
	line-height: 38px;
	font-size: 12px;
}

div.btnDownloadTalmash.pupils
{
	top: 20px;
	right: 300px;
}

div.btnDownloadTalmash.teachers
{
	top: 10px;
	right: 270px;
}

div#btnReportSalary
{
	position: absolute;
	top: 38px;
	left: 133px;
	line-height: 27px;
	height: 27px;
}

div#reportProfile div#btnReportProfile
{
	position: absolute;
	top: 7px;
	left: -4px;
}

div#reportServiceLevel div#btnReportServiceLevel
{
	margin-right: 33px;
}

div#profileDetails table td.title,
div#baseHoursDetails table td.title
{
	vertical-align: middle;
}

div#profileDetails table td.title div,
div#baseHoursDetails table td.title div
{
	color: white;
	padding-left: 10px;
	padding-right: 30px;
	text-align: left;
}

div.belowTeachers
{
	padding-bottom: 10px;
}

table#profileBottomDetails
{
	margin-right: 10px;
}

table#profileBottomDetails td
{
	font-size: 14px;
	height: 37px;
	vertical-align: middle;
}

table#profileBottomDetails td.title { color: white;   }
table#profileBottomDetails td.data  { color: #F7921E; }

table#profileBottomDetails td.data > div
{
	margin-left: 15px;
	margin-right: 5px;
}

table#profileBottomDetails div.profileTotalHours
{
}

table#profileBottomDetails div.profileLeftHours,
table#profileBottomDetails div.baseHoursAvg
{
	min-width: 45px;
}

div#teachersHeaders td.header,
div#teachersHeaders td.topHeader,
div#compareHeaders  td.header,
div#compareHeaders  td.topHeader
{
	height: 18px;
}

div#teachersHeaders td.topHeader:nth-child(4),
div#teachersHeaders td.topHeader:nth-child(8),
div#teachersHeaders td.topHeader:nth-child(11)
{
	border-bottom: 1px solid #1C4769;
}

div#teachersHeaders td.topHeader:nth-child(2),  
div#teachers 		td.data:nth-child(1)      { width: 100px; }	/* edit 				*/

div#teachersHeaders td.topHeader:nth-child(3),  
div#teachers 		td.data:nth-child(2)      { width: 83px;  }	/* tz	 				*/

div#teachersHeaders td.header:nth-child(2),  
div#teachers 		td.data:nth-child(3)      { width: 90px;  }	/* lastname				*/

div#teachersHeaders td.header:nth-child(3),  
div#teachers 		td.data:nth-child(4)      { width: 90px;  }	/* firstname 			*/

div#teachersHeaders td.topHeader:nth-child(5),  
div#teachers 		td.data:nth-child(5)      { width: 45px;  }	/* isEdu 				*/

div#teachersHeaders td.topHeader:nth-child(6),  
div#teachers 		td.data:nth-child(6)      { width: 50px;  }	/* isOz		 			*/

div#teachersHeaders td.topHeader:nth-child(7),  
div#teachers 		td.data:nth-child(7)      { width: 55px;  }	/* rank					*/

div#teachersHeaders td.header:nth-child(4),  
div#teachers 		td.data:nth-child(8)      { width: 50px;  }	/* seniority			*/

div#teachersHeaders td.header:nth-child(5),  
div#teachers 		td.data:nth-child(9)      { width: 55px;  }	/* militarySeniority	*/

div#teachersHeaders td.header:nth-child(6),  
div#teachers 		td.data:nth-child(10)     { width: 55px;  }	/* incentiveSeniority	*/

div#teachersHeaders td.topHeader:nth-child(9),  
div#teachers 		td.data:nth-child(11)     { width: 85px;  }	/* frontalWeeklyHours	*/

div#teachersHeaders td.topHeader:nth-child(10),  
div#teachers 		td.data:nth-child(12)     { width: 60px;  }	/* total base			*/

div#teachersHeaders td.header:nth-child(7),  
div#teachers 		td.data:nth-child(13)     { width: 60px; }	/* jobScope				*/

div#teachersHeaders td.header:nth-child(8),  
div#teachers 		td.data:nth-child(14)     { width: 60px; }	/* calcJobScope			*/

div#teachersHeaders td.topHeader:nth-child(12),  
div#teachers 		td.data:nth-child(15)     { width: 60px; }	/* calcWeight			*/

div#teachersHeaders td.topHeader:nth-child(13),  
div#teachers 		td.data:nth-child(16)     { width: 60px;  }	/* totalHours			*/

div#teachersHeaders td.topHeader:nth-child(14),  
div#teachers 		td.data:nth-child(17)     { width: 110px; }	/* change		*/

div#teachersHeaders.teachers_primary td.topHeader:nth-child(6),
div#teachers.teachers_primary td.data:nth-child(6) 				/* isOz		 	*/
{
	display: none;
}

div#teachersHeaders.teachers_primary  td.header:nth-child(2),  
div#teachers.teachers_primary 		  td.data:nth-child(3)      { width: 125px;}	/* lastname		*/

div#teachersHeaders.teachers_primary  td.header:nth-child(3),  
div#teachers.teachers_primary 		  td.data:nth-child(4)      { width: 122px;}	/* firstname 	*/

div#teachersHeaders td.header, div#teachersHeaders td.topHeader
{
	cursor: pointer;
}

div#teachers img.iconPersonalContract
{
	margin-top: 4px;
}

div#teachers 		table tr:nth-child(even) td,
div#compareTeachers table tr:nth-child(even) td,
div#pupils   		table tr:nth-child(even) td
{
	background-color: #DEE5ED;
}

div#teachers 		table tr:nth-child(odd) td,
div#compareTeachers table tr:nth-child(odd) td,
div#pupils   		table tr:nth-child(odd) td
{
	background-color: #CBD2DA;
}

div#teachers table tr.inactive td { color: #9B9FA0; }
div#teachers table tr.error    td { color: #AB1B1B; }
div#teachers table tr.missing  td { color: #C417CA; }
div#teachers table tr.manual   td {  }

span.errorActions
{
	padding-bottom: 7px;
	display: block;
}

div.increaseHours 
{
	padding-right: 12px;
}

div.increaseHours,
div.decreaseHours 
{
	padding-top: 4px;
}

div.increaseOz,
div.decreaseOz
{
	padding-top: 0px;
}

div.increaseOz img,
div.decreaseOz img
{
	vertical-align: middle;
}

div.deltaHours, div.hours
{
	width: 50px;
	text-align:center;
	padding-top: 4px;
	font-size:13px;
	direction:ltr;
	font-weight: bold;
}

div.deltaHours.viewOnly
{
	width: 110px;
}

div.hours
{
	width: 40px;
}

div.hours.viewOnly
{
	width: 70px;
}

div#calcProfilePageBottom
{
	margin-top: 270px;
}

div.aboveTeachers
{
	height: 35px;
	padding-top: 10px;
	padding-bottom: 10px;
}

div#btnAddTeacher, div#btnEditTeacher, div#btnAddPupils, div#btnAddTekenHours, div#btnAddOccupation, div#btnAddJobRole, div#btnAddMoreJobRole,
div#calcProfilePageBottom a#btnErrorReport, div#btnUploadTeachers
{
	background: url(../designFiles/btnAddTeacher.png) no-repeat;
	width: 100px;
	height: 38px;
	line-height: 38px;
}

div#calcProfilePageBottom a#btnErrorReport
{
	position: absolute;
	top: 10px;
	right: 120px;
	display: block;
	text-decoration: none;
}

div#btnAddPupils
{
	float: right;
	margin-left: 25px;
}

div#btnUploadPupils
{
	background: url(../designFiles/btnBlue160X38.png) no-repeat;
	width: 160px;
	height: 38px;
	line-height: 38px;
	margin-left: 7px;
}

div#btnUploadTeachers,
div#btnUploadTalmashPupils
{
	background: url(../designFiles/btnBlue140X38.png) no-repeat;
	width: 140px;
	height: 38px;
	line-height: 38px;
	position: absolute;
	top: 10px;
	right: 120px;
}

div#btnUploadTalmashPupils
{
	top: 20px;
	right: 150px;
}


div.aboveTeachers, div.belowTeachers
{
	position: relative;
}

div#teachersFilters
{
	position: absolute;
	top: 20px;
	right: 340px;
}

div.containerOfPage113  div#teachersFilters
{
	right: 460px;
}

div#teachersFilters td.field div.edit
{
	overflow: hidden;
	height: 19px;
	margin-left: 28px;
	width: 135px;
}

div#teachersFilters td.field:nth-child(2) div.edit
{
	width: 150px;
	margin-right: 15px;
}

div#teachersFilters select
{
	width: 120%;
	font-size: 13px !important;
}

div.mikra
{
	position: absolute;
	top: 13px;
	left: 0px;
}

div.aboveTeachers div.mikra
{
	top: 25px;
}

div.mikra div.mikraColor
{
	width: 12px;
	height: 12px;
	font-size: 0px;
	overflow: hidden;
}
	
div.mikra div.mikraColor.error 	  { background-color: #AF4245;}
div.mikra div.mikraColor.inactive { background-color: #A3A3A3;}
div.mikra div.mikraColor.active   { background-color: #94B103;}
div.mikra div.mikraColor.manual   { background-color: #7586B1;}

div.mikra div.mikraText
{
	font-size: 12px;
	line-height: 12px;
	color: white;
	padding-right: 3px;
	padding-left: 5px;
}

div.mikra div.mikraText:last-child
{
	padding-left: 5px;
}

div.errorHtml
{
	font-size: 14px;
}

div.errorHtml div.title
{
	border-bottom: 1px dashed #1C4769;
	margin-bottom: 15px;
}

div.errorHtml div.details
{
	text-align: right;
}

div.pupilsUploadErrors div.title,
div.teachersUploadErrors div.title
{
	text-align: right;
}

div.pupilsUploadErrors div.subTitle2,
div.teachersUploadErrors div.subTitle2
{
	padding-bottom: 5px;
	text-align: center;
}

div.pupilsUploadErrors div.details,
div.teachersUploadErrors div.details
{
	font-weight: normal !important;
}

/* -- service level page ------------------------------------------------------------------------------------------ */

div#serviceLevelPage
{
	min-height: 380px;
}

div#serviceLevelPage div.siteIn
{
	padding-top: 35px;
	padding-bottom: 40px;
}

div#serviceLevelPage table.mainTbl
{
	margin-left: auto;
	margin-right: auto;
}

div#serviceLevelPage table.mainTbl td.mainTbl_col1 { width: 670px; }
div#serviceLevelPage table.mainTbl td.mainTbl_col2 { width: 530px; }

div#serviceLevelPage table.mainTbl td.mainTbl_col1 div.in
{
	padding-right: 270px;
}

div#serviceLevelPage div.reportLatestDate
{
	padding-top: 30px;
	font-size: 14px;
}

div#serviceLevelPage table.mainTbl td.mainTbl_col1 div.subTitle2,
div#serviceLevelPage table.mainTbl td.mainTbl_col2 div.prevServiceLevels
{
	padding-top: 15px;
}

div#serviceLevelPage div.btnUploadReports
{
	background: url(../designFiles/btnUploadReports.png) no-repeat;
	width: 134px;
	height: 39px;
	line-height: 39px;
	margin-top: 20px;
}

div#serviceLevelPage a#goCalcServiceLevel
{
	margin: 0px auto;
	margin-top: 35px;
	margin-right: 215px;
}

/* -- calc service level page ------------------------------------------------------------------------------------- */

div#calcServiceLevelPageTop
{
	height: 170px;
	width: 100%;
	position: fixed;
	top: 100px;
	z-index: 1000;
}

div#calcServiceLevelPageTop div#serviceLevelValues0 table td.title
{
	width: 155px;
}

div#calcServiceLevelPageTop div#serviceLevelValues0 table td.data
{
	min-width: 80px;
}

div#calcServiceLevelPageTop div#serviceLevelValues0 table td#updateDate
{
	font-size: 15px;
}

div#calcServiceLevelPageTop div.siteIn
{
	padding-top: 10px;
}

div#calcServiceLevelPageTop div.in
{
	padding-right: 10px;
}

div#showServiceLevelCalculator,
div#serviceLevelResetLink,
div#serviceLevelMaxLink,
div#updateParamsCostsLink,
div#serviceLevelState
{
	position: absolute;
	bottom: 20px;
	left: 20px;
	text-decoration: underline;
	font-size: 14px;
}

div#serviceLevelState
{
	bottom: -5px;
}

div#showServiceLevelCalculator div,
div#serviceLevelResetLink div,
div#serviceLevelMaxLink div,
div#updateParamsCostsLink div,
div#serviceLevelState div
{
	color: white;
	font-weight: bold;
	text-decoration: underline;
}

div#serviceLevelResetLink div.helpIcon,
div#serviceLevelMaxLink div.helpIcon,
div#showServiceLevelCalculator div.helpIcon,
div#updateParamsCostsLink div.helpIcon,
div#serviceLevelState div.helpIcon
{
	top: 4px;
	left: -20px;
}

div#serviceLevelMaxLink
{
	left: 140px;
}

div#updateParamsCostsLink
{
	bottom: 45px;
}

div#showServiceLevelCalculator
{
	bottom: 70px;
}

div#calcServiceLevelPageBottom
{
	margin-top: 270px;
	padding-bottom: 25px;
}

div#calcServiceLevelPageBottom_in.state_current { width: 1200px; }
div#calcServiceLevelPageBottom_in.state_option  { width: 1200px; }
div#calcServiceLevelPageBottom_in.state_test    { width: 1061px; }

div#serviceLevelParamsHeaders
{
	padding-top: 20px;
}

div#serviceLevelParamsHeaders td.header
{
	line-height: 13px;
}

div#serviceLevelParamsHeaders td.header:nth-child(2),  
div#serviceLevelParams 		  td.data:nth-child(1)       { width: 260px; }

div#serviceLevelParamsHeaders td.header:nth-child(3) ,  
div#serviceLevelParams 		  td.data:nth-child(2)       { width: 90px;  }

div#serviceLevelParamsHeaders td.header:nth-child(4) ,  
div#serviceLevelParams 		  td.data:nth-child(3)       { width: 100px; }

div#serviceLevelParamsHeaders td.header:nth-child(5) ,  
div#serviceLevelParams 		  td.data:nth-child(4)       { width: 100px; }

div#serviceLevelParamsHeaders td.header:nth-child(6) ,  
div#serviceLevelParams 		  td.data:nth-child(5)       { width: 90px;  }

div#serviceLevelParamsHeaders td.header:nth-child(7) ,  
div#serviceLevelParams 		  td.data:nth-child(6)       { width: 95px;  }

div#serviceLevelParamsHeaders td.header:nth-child(8) ,  
div#serviceLevelParams 		  td.data:nth-child(7)       { width: 105px; }

div#serviceLevelParamsHeaders td.header:nth-child(9) ,  
div#serviceLevelParams 		  td.data:nth-child(8)       { width: 90px;  }

div#serviceLevelParamsHeaders td.header:nth-child(10),  
div#serviceLevelParams 		  td.data:nth-child(9)       { width: 247px; }

div#serviceLevelParamsHeaders td.header:nth-child(11),  
div#serviceLevelParams 		  td.data:nth-child(10)      { width: 107px; }

div#serviceLevelParams 		  td.data:nth-child(6) span
{
	display: block;
	width: 55px;
	height: 30px;
	background-color: #CBD2DA;
	text-align: center;
	line-height: 30px;
	margin-right: 20px;
	font-size: 12px;
}

div#serviceLevelParams tr:last-child td.data:nth-child(6) span
{
	display: inline;
}

div#calcServiceLevelPageBottom_in.state_option div#serviceLevelParamsHeaders  td.header:nth-child(11), 
div#calcServiceLevelPageBottom_in.state_option div#serviceLevelParams 		  td.data:nth-child(10)
{
	display: none;
}

div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParamsHeaders td.header:nth-child(6), 
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParamsHeaders td.header:nth-child(7), 
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParamsHeaders td.header:nth-child(8), 
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParamsHeaders td.header:nth-child(9), 
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParamsHeaders td.header:nth-child(11), 
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParams 		  td.data:nth-child(5), 
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParams 		  td.data:nth-child(6), 
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParams 		  td.data:nth-child(7), 
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParams 		  td.data:nth-child(8),
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParams 		  td.data:nth-child(10)
{
	display: none;
}

div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParamsHeaders td.header:nth-child(10),  
div#calcServiceLevelPageBottom_in.state_current div#serviceLevelParams 		  td.data:nth-child(9)       
{ 
	width: 630px; 
}

div#calcServiceLevelPageBottom_in.state_test div#serviceLevelParamsHeaders    td.header:nth-child(10), 
div#calcServiceLevelPageBottom_in.state_test div#serviceLevelParams 		  td.data:nth-child(9)
{
	display: none;
}

div#serviceLevelParams div.increaseHours 
{
	padding-right: 8px;
}

table#paramsTable td.data
{
	height: 50px;
}

table#paramsTable input:disabled
{
	background-color: white;
}

table#paramsTable div.labsRemarks
{
	text-align: right;
	padding: 0px 15px;
}

table#paramsTable td.data:nth-child(1),
table#paramsTable td.data:nth-child(9)
{
	text-align: right;
}
	
table#paramsTable td.data:nth-child(9) > div
{
	margin-top: 5px;
	margin-bottom: 5px;
}

div#serviceLevelParams td.data:nth-child(1) > div,
div#serviceLevelParams td.data:nth-child(9) > div
{
	padding-right: 10px;
	padding-left: 10px;
}

div#serviceLevelParams div.param_remarks,
div#serviceLevelParams div.param_myRemarks
{
	margin-right: 5px;
}

div#serviceLevelParams div.param_myRemarks
{
	border-bottom: 1px dashed #1C4769;
	padding-bottom: 5px;
	margin-bottom: 5px;
	width: 190px;
}

div#serviceLevelParams td.data div.hasTooltip
{
	float: right;
}

div#serviceLevelParams td.data div.helpIcon
{
	float: left;
	position: relative;
	top: 3px;
	left: -5px;
}

div#serviceLevelParams td.data:nth-child(2) div.helpIcon
{
	top: 7px;
}

div#serviceLevelParams td.data:nth-child(1) > div
{
	padding-right: 40px;
}

div#serviceLevelParams td.data:nth-child(3) > div
{
	padding-right: 10px;
}

table#paramsTable input
{
	width: 55px;
	height: 30px;
	border: 0px;
	font-size: 12px;
	text-align: center;
	direction: ltr;
}

table#paramsTable td.header
{
	height: 40px;
}

div.updateParamsCostsPopup div.formTabContent
{
	padding: 30px;
}

div.updateParamsCostsPopup div.formTabContent_in
{
	background-color: #1c4769;
}

div#updateParamsCostsHeaders  td.header:nth-child(1),  
div#updateParamsCosts 		  td.data:nth-child(1)       { width: 260px; }

div#updateParamsCostsHeaders  td.header:nth-child(2),  
div#updateParamsCosts 		  td.data:nth-child(2)       { width: 120px; }

div#updateParamsCostsHeaders  td.header:nth-child(3),  
div#updateParamsCosts 		  td.data:nth-child(3)       { width: 120px;  }

table#updateParamsTable td.data
{
	color: #153854;
}

table#updateParamsTable td.data div
{
	padding: 0px 10px;
}

div#updateParamsCosts 		  td.data:nth-child(1)       { text-align: right; }

table#updateParamsTable input
{
	width: 80px;
	height: 30px;
	border: 0px;
	font-size: 12px;
	text-align: center;
	direction: ltr;
}

/* -- popups ------------------------------------------------------------------------------------------------------ */

div.popup
{
	padding: 10px 0px;
	background-color: #CBD2DA;
	direction: rtl;
	text-align: right;
}

div.popup_in
{
	padding: 20px 30px;
	background-color: #173C59;
	color: white;
}

/* -- forms ------------------------------------------------------------------------------------------------------- */

div.formTabs
{
	padding-top: 15px;
	padding-right: 30px;
}

div.formPopupTitle, div.popupTitle
{
	padding-right: 30px;
	font-size: 18px;
	font-weight: bold;
}

div.popupTitle
{
	padding-bottom: 10px;
	padding-left: 40px;
}

div.formTab
{
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: white;
	cursor: pointer;
	text-align: center;
	background-color: #4988BB;
	border-left: 1px solid #CBD2DA;
	border-bottom: 1px solid #CBD2DA;
}

div.formTab.selected
{
	background-color: #173C59;
	border-bottom: 1px solid #173C59;
}

div.formTab.disabled
{
	background-color: #868686;
	cursor: default;
}

div.formTab.wide
{
	width: 120px !important;
}

div.formTabContent
{
	background-color: #173C59;
	color: white;
}

div.formTabContent td.mandatory
{
	vertical-align: middle;
	text-align: left;
	width: 22px;
}

div.formTabContent td.mandatory div,
div.formPage td.mandatory div
{
	padding-top: 5px;
	padding-left: 3px;
}

div.formTabContent td.title,
div.formPage td.title
{
	vertical-align: middle;
	color: white;
}

td.field
{
	position: relative;
}

td.details > div
{
	margin: 5px 10px;
	background-color: #1A2A44;
	padding: 5px;
	min-height: 45px;
}

span.details-text
{
	color: #F7921E;
}

td.details div.details_in
{
	float: right;
	padding-left: 50px;
}

div.formTabContent td.field div.edit,
div.formPage td.field div.edit,
div.formTabContent td.field div.noEdit,
div.formPage td.field div.noEdit
{
	height: 30px;
	line-height: 30px;
	margin: 5px 10px;
	text-align: center;
}

td.field div.edit
{
	background-color: white;
}

td.field div.disabled
{
	background-color: #CBD2DA;
}

td.field div.noEdit
{
	background-color: #1A2A44;
	color: #F7921E;
	font-weight: bold;
}

td.field div.noEdit input
{
	color: #F7921E;
	font-weight: bold;
}

td.field.select div.edit
{
	background: url(../designFiles/arrowOrangeDown.png) no-repeat 4px white;
}

td.field.select div.noEdit
{
	background: none;
	background-color: #1A2A44;
}

div.formTabContent td.field div input, 
div.formPage td.field div input, 
div.formTabContent td.field div textarea,
div.formPage td.field div textarea
{
	border: 0px;
	background: none;
}

td.field div select
{
	border: 0px;
	background: none;
}

select option.title
{
	font-weight: bold;
	background-color: #FB861A;
	color: white;
}

/* -- teacher edit form ------------------------------------------------------------------------------------------- */

div.teacherEdit div.formTabContent
{
}

div.teacherEdit div.formTabContent_in
{
	padding: 15px 35px;
}

div.teacherEdit div.formTab
{
	width: 105px;
}

div.teacherEdit td.title
{
	width: 115px;
}

div.teacherEdit td.field
{
	width: 200px;
}

div.teacherEdit td.field div.edit
{
	width: 165px;
	overflow: hidden;
}

div.teacherEdit td.field div input
{
	width: 142px;
	direction: ltr;
	text-align: right;
}
	
div.teacherEdit td.field div select
{
	width: 185px;
}
	
div.teacherEdit div.noEdit
{
	width: 165px;
}

div.teacherEdit table.dateFields td.field:nth-child(1) { width: 57px; }
div.teacherEdit table.dateFields td.field:nth-child(2) { width: 57px; }
div.teacherEdit table.dateFields td.field:nth-child(3) { width: 41px; }

div.teacherEdit table.jobScopeTable td.field:nth-child(1) div,
div.teacherEdit table.jobScopeTable td.field:nth-child(2) div		 { width: 100px; }
div.teacherEdit table.jobScopeTable td.field:nth-child(1) div select,
div.teacherEdit table.jobScopeTable td.field:nth-child(2) div select { width: 115px; }

div.teacherEdit table.dateFields td.field div.edit
{
	width: 52px;
	margin-left: 0px;
}

div.teacherEdit table.dateFields td.field:nth-child(3) div
{
	width: 41px;
}

div.teacherEdit table.dateFields td.field select
{
	width: 72px;
}

div.teacherEdit table.dateFields td.field div select#birthDay
{
	width: 60px;
}

div.teacherEdit div.submitBtn,
div.pupilsEdit div.submitBtn,
div.paramEdit div.submitBtn,
div.doReport div.submitBtn,
div#schoolConfig div.submitBtn,
div.moreWeeklyHoursEdit div.submitBtn,
div.uploadPupils div.submitBtn,
div.uploadTeachers div.submitBtn,
div.occupationAdd div.submitBtn,
div.teacherOccupationEdit div.submitBtn,
div.teacherJobRoleEdit div.submitBtn,
div.changePassword div.submitBtn,
div.chooseReport div.submitBtn,
div.updateParamsCostsPopup div.submitBtn
{
	margin-top: 15px;
}

div.teacherEdit div.submitBtn input,
div.pupilsEdit div.submitBtn input,
div.paramEdit div.submitBtn input,
div.doReport div.submitBtn input,
div.moreWeeklyHoursEdit div.submitBtn input,
div#schoolConfig div.submitBtn input,
div.uploadPupils div.submitBtn input,
div.uploadTeachers div.submitBtn input,
div.occupationAdd div.submitBtn input,
div.teacherOccupationEdit div.submitBtn input,
div.teacherJobRoleEdit div.submitBtn input,
div.changePassword div.submitBtn input,
div.chooseReport div.submitBtn input,
div.updateParamsCostsPopup div.submitBtn input,
div.resetBtn div,
div.loginBtn div
{
	background: url(../designFiles/btnPopup.png) no-repeat;
	width: 130px;
	height: 34px;
	line-height: 32px;
	border: 0px;
	color: white;
	cursor: pointer;
	font-size: 14px;
}

div.submitBtn.disabled input
{
	background: url(../designFiles/btnPopup_disabled.png) no-repeat !important;
	cursor: wait !important;
}

div.resetBtn div
{
	background: url(../designFiles/btnPopupOrange.png) no-repeat !important;
}

div.teacherEdit div.submitBtn.withReset input
{
	margin-left: 150px;
}

div.teacherEdit div.resetBtn
{
	position: absolute;
	bottom: 10px;
	left: 230px;
}

div#help_teacherEditForm_changeRank
{
	top: -25px !important;
	left: -100px !important;
}

div#help_teacherEditForm_changeJobScope
{
	top: -25px !important;
	left: -26px !important;
}

div.teacherEdit div.motherJobNotice
{
	padding-right: 10px;
	padding-top: 9px;
	color: #E8A130;
	font-weight: bold;
}

/* -- school pupils ----------------------------------------------------------------------------------------------- */

div.abovePupils
{
	height: 35px;
}

div.abovePupils div.hasTooltip
{
	float: right;
}

div.belowPupils
{
	margin-top: 10px;
	padding-bottom: 15px;
}

table.pupilsBottomDetails
{
	margin-right: 10px;
}

table.pupilsBottomDetails td
{
	font-size: 16px;
	height: 27px;
	vertical-align: middle;
}

table.pupilsBottomDetails td.title { color: white;   }
table.pupilsBottomDetails td.data  { color: #F7921E; }

table.pupilsBottomDetails td.data div
{
	margin-left: 30px;
	margin-right: 5px;
}

div#schoolPupilsPageTop div.siteIn,
div#schoolPupilsPageBottom div.siteIn
{
	width: 940px;
	padding-top: 20px;
/*	margin-left: 260px;*/
	padding-bottom: 15px;
}

/*div#schoolPupilsPage_topFields table td:nth-child(1) { width: 160px; }
div#schoolPupilsPage_topFields table td:nth-child(4) { width: 40px; }
div#schoolPupilsPage_topFields table td:nth-child(5) { width: 200px;}*/

div#schoolPupilsPage_topFields td.title
{
	width: auto;
}

div#schoolPupilsPage_topFields table td:nth-child(4),
div#schoolPupilsPage_topFields table td:nth-child(8)
{
	width: 40px;
}

div#schoolPupilsPage_topFields table td#updateDate
{
	width: 120px;
}

div#schoolPupilsPage_topFields td.title div
{
	padding-left: 15px;
}

div#schoolPupilsPage_topFields td.field div
{
/*	width: 60px;*/
}

div#schoolPupilsPage_topFields td.field input
{
	width: 40px;
	font-size: 18px;
}

div#schoolPupilsPage_topFields td:nth-child(3)
{
	background-color: white;
}

div#pupilsHeaders
{
	margin-top: 20px;
}

div#pupilsHeaders td.header:nth-child(2),  
div#pupils 		td.data:nth-child(1)      { width: 80px;  }	/* edit 			*/

div#pupilsHeaders td.header:nth-child(3),  
div#pupils 		td.data:nth-child(2)      { width: 90px;  }	/* class	 		*/

div#pupilsHeaders td.header:nth-child(4),  
div#pupils 		td.data:nth-child(3)      { width: 70px;  
											display: none;}	/* classNo	 		*/

div#pupilsHeaders td.header:nth-child(5),  
div#pupils 		td.data:nth-child(4)      { width: 133px; }	/* course 			*/

div#pupilsHeaders td.header:nth-child(6),  
div#pupils 		td.data:nth-child(5)      { width: 154px; }	/* classType		*/

div#pupilsHeaders td.header:nth-child(7),  
div#pupils 		td.data:nth-child(6)      { width: 80px;  }	/* subject 			*/

div#pupilsHeaders td.header:nth-child(8),  
div#pupils 		td.data:nth-child(7)      { width: 90px; }	/* pupils			*/

div#pupilsHeaders td.header:nth-child(9),  
div#pupils 		td.data:nth-child(8)      { width: 100px; }	/* pupilWeeklyHours	*/

div#pupilsHeaders td.header:nth-child(10),  
div#pupils 		td.data:nth-child(9)      { width: 90px;  }	/* totalWeeklyHours	*/

div#pupilsHeaders td.header:nth-child(11),  
div#pupils 		td.data:nth-child(10)     { width: 90px;  }	/* numPupilsInClass	*/

/* pupils with class no */
div#pupilsHeaders.withClass td.header:nth-child(3),  
div#pupils.withClass 		td.data:nth-child(2)      { width: 70px;  }				/* class	 		*/

div#pupilsHeaders.withClass td.header:nth-child(4),  
div#pupils.withClass 		td.data:nth-child(3)      { display: table-cell; }		/* class no			*/

div#pupilsHeaders.withClass td.header:nth-child(5),  
div#pupils.withClass 		td.data:nth-child(4)      { width: 111px; }				/* course 			*/

div#pupilsHeaders.withClass td.header:nth-child(7),  
div#pupils.withClass 		td.data:nth-child(6)      { width: 60px;  }				/* subject 			*/

div.pupilsEdit, div.paramEdit, div.occupationAdd
{
	margin-top: 20px;
	position: relative;
}

div.pupilsEdit div.formTabContent_in,
div.paramEdit div.formTabContent_in,
div.occupationAdd div.formTabContent_in,
div.teacherOccupationEdit div.formTabContent_in,
div.teacherJobRoleEdit div.formTabContent_in,
div.changePassword div.formTabContent_in,
div.serviceLevelCalculator div.formTabContent_in,
div.chooseReport div.formTabContent_in
{
	padding: 25px 35px;
}

div.pupilsEdit td.title, 
div.paramEdit td.title
{
	width: 90px;
}

div.pupilsEdit td.field
{
	width: 200px;
}

div.pupilsEdit td.field div.edit
{
	width: 165px;
	overflow: hidden;
}

div.pupilsEdit td.field div input
{
	width: 135px;
}
	
div.pupilsEdit td.field div select
{
	width: 185px;
}
	
div.pupilsEdit div.pupilsAddMore
{
	position: absolute;
	bottom: 6px;
	right: 425px;
}

div.paramEdit div.formTabContent td.field div.edit
{
	height: 110px;
	line-height: auto;
	margin-right: 0px;
}

div.paramEdit div.formTabContent td.field div.noEdit
{
	color: white;
	text-align: right;
	padding: 10px;
	font-weight: normal;
	height: auto;
	line-height: 20px;
	margin-right: 0px;
}

div.paramEdit td.field textarea
{
	width: 300px;
	height: 90px;
	padding: 10px;
}

div#schoolFiles
{
	position: absolute;
	top: 30px;
	left: 0px;
}

div#schoolFiles div.data
{
	float: right;
	width: 21px;
	height: 21px;
	color: white;
}

div#schoolFiles div.data.month
{
	background-color: #9E9E9E;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
}

div#schoolFiles div.data.yes { background-color: #9BAF2A; }
div#schoolFiles div.data.no  { background-color: #C03433; }

div#schoolFiles div.data.startYear, 
div#schoolFiles div.data.endYear
{
	width: 40px;
}

div#schoolFiles div.data.endYear
{
	text-align: left;
}

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

div.uploadPupils div.formTabContent_in
{
	padding: 25px 35px;
}

div#uploadPupilsPopupTitle
{
	width: 370px;
}

div.uploadPupils div.formPromo
{
	width: 350px;
	margin-bottom: 20px;
}

div.uploadPupils
{
	margin-top: 20px;
	position: relative;
}

div.uploadPupils.uploadPupils_talmash tr.chooseMonth
{
	display: none;
}

div#filename_box
{
	height: 30px;
	width: 180px;
	background-color: white;
	line-height: 30px;
	color: #153854;
	margin-right: 15px;
	padding: 0px 10px;
	margin-bottom: 20px;
	margin-top: 17px;
}

div.attachField
{
	display: inline-block;
    position: relative;
    background-color: #D58D40;
    color: white;
    float: right;
    margin-top: 8px;
    padding: 5px 20px;
    border-radius: 5px;
	margin-bottom: 10px;
	margin-right: 5px;
}

.attachName
{
	display: block;
    position: absolute;
    direction: ltr;
    right: 120px;
    top: 0px;
    width: 189px;
    height: 25px;
    color: #000000;
    text-align: center;
    padding: 2px 5px;
	background-color: white;
}	

div.attachField input 
{
    cursor: pointer;
    direction: ltr;
    margin: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
}

div.uploadPupils td
{
	vertical-align: middle;
}
	
div.uploadPupils td div.title
{
	margin-right: 5px;
}

div.uploadPupils td.field div.edit
{
	width: 120px;
	overflow: hidden;
	margin-right: 15px;
}

div.uploadPupils td.field div select
{
	width: 150px;
}
	
div#progress
{
	border: none;
	position: absolute;
	bottom: 57px;
	left: 39px;
}

div.progressBar
{
	width: 90%;
	height: 6px;
	margin: 10px 0px;
	border: 1px solid black;
}

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

div.uploadTeachers div.formTabContent_in
{
	padding: 25px 35px;
}

div#uploadTeachersPopupTitle
{
	width: 370px;
}

div.uploadTeachers div.formPromo
{
	width: 350px;
	margin-bottom: 20px;
}

div.uploadTeachers
{
	margin-top: 20px;
	position: relative;
}

div.uploadTeachers td
{
	vertical-align: middle;
}
	
div.uploadTeachers td div.title
{
	margin-right: 5px;
}

div.uploadTeachers td.field div.edit
{
	width: 120px;
	overflow: hidden;
	margin-right: 15px;
}

div.uploadTeachers div#progress
{
	bottom: 145px;
}

td#chooseOverwrite div.promo
{
	padding-bottom: 5px;
	font-weight: bold;
}

td#chooseOverwrite div.hasTooltip
{
	padding-bottom: 5px;
}

div#help_uploadTeachersForm_overwrite
{
	top: 3px;
	right: 307px;
}

div#help_uploadTeachersForm_noOverwrite
{
	top: 3px;
	right: 215px;
}

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

div.doReport
{
	margin-top: 20px;
}

div.doReport div.formTabContent_in
{
	padding: 20px;
}

div.doReport div.formTabContent_in td
{
	vertical-align: top;
}

div.doReport td.field div
{
	padding-top: 5px;
}

div.doReport td.mandatory div,
div.doReport td.title div
{
	padding-top: 15px;
}

div.doReport td.title { width: 80px;  }
div.doReport td.field { width: 320px; }

form#doReportForm div.textarea
{
	height: 100px;
}

form#doReportForm textarea
{
	width: 300px;
	height: 100px;
}

/* -- school definitions page ------------------------------------------------------------------------------------- */

div#schoolDefinitionsPage, div#salaryMainPage, div#simulationPage, div#reportsPage, div#instructionPages
{
	height: 395px;
}

div#simulationPage
{
	height: 620px;
}

div#simulationPage div#belowMainMenu
{
	margin-top: 0px;
}

div#schoolDefinitionsPage div.siteIn,
div#salaryMainPage div.siteIn,
div#simulationPage div.siteIn,
div#instructionPages div.siteIn,
div#reportsPage div.siteIn
{
	padding-top: 108px;
	padding-bottom: 108px;
}

/* -- school config page ------------------------------------------------------------------------------------------ */

div#schoolConfig
{
	margin-top: 20px;
}

div#schoolConfig div.formTabContent_in
{
	padding: 20px 40px 20px 50px;
}

div#schoolConfig div.formTabContent_in:nth-child(1) td.title,
div#schoolConfig div.formTabContent_in:nth-child(2) td.title
{
	width: 200px;
}

div#schoolConfig div.formTabContent_in:nth-child(3) td.title
{
	width: 120px;
}

div#schoolConfig td.field div.edit
{
	width: 235px;
	overflow: hidden;
}

div#schoolConfig td.field div input
{
	width: 215px;
	direction: ltr;
	text-align: right;
}
	
div#schoolConfig td.field div select
{
	width: 255px;
}
	
div#schoolConfig div.formTab
{
	width: 125px;
}

div#schoolConfig td.field div.noEdit
{
	width: 100px;
}

div#schoolConfig div.formTabContent_in:nth-child(2) div.noEdit
{
	width: 150px;
}

/* -- teken hours page -------------------------------------------------------------------------------------------- */

div#schoolTekenHoursPageTop
{
	position: fixed;
	width: 100%;
	height: 85px;
	top: 100px;
	z-index: 1000;
}

div#schoolTekenHoursPageBottom
{
	margin-top: 185px;
}

div#schoolTekenHoursPageTop div.siteIn,
div#schoolTekenHoursPageBottom div.siteIn
{
	padding-top: 20px;
	margin-right: 90px;
	padding-bottom: 15px;
}

div#schoolTekenHoursPageBottom div.siteIn
{
	padding-bottom: 55px;
}

div#tekenMoreHoursRemarks
{
	position: absolute;
	top: 70px;
	right: 900px;
	width: 400px;
}

div#schoolTekenHours_topFields.valuesTable,
div#schoolPupilsPage_topFields.valuesTable
{
	padding-right: 0px;
}

div#schoolPupilsPage_topFields.valuesTable
{
	padding-left: 0px;
}

div#schoolTekenHours_topFields table td:nth-child(1) { width: 90px; }
div#schoolTekenHours_topFields table td:nth-child(4) { width: 42px; }
div#schoolTekenHours_topFields table td:nth-child(5) { width: 110px;}

div#schoolTekenHours_topFields td.field div
{
/*	width: 70px;*/
}

div#schoolTekenHours_topFields td.field input
{
	width: 50px;
	font-size: 18px;
}

div#schoolTekenHours_topFields td:nth-child(7)
{
	background-color: white;
}

div#schoolTekenHoursPage div.dashedSep
{
	top: 184px;
}

div#tekenMoreHours, div#tekenMoreOzHours
{
	display: table-cell;
	padding-left: 20px;
}

div#tekenHoursHeaders, div#tekenOzHoursHeaders
{
	margin-top: 20px;
}

div#tekenHours
{
	width: 427px;
}

div#tekenHoursHeaders td.header:nth-child(2),  
div#tekenHours 		  td.data:nth-child(1)      { width: 80px;  }	/* edit 		*/

div#tekenHoursHeaders td.header:nth-child(3),  
div#tekenHours 		  td.data:nth-child(2)      { width: 230px;  }	/* type	 		*/

div#tekenHoursHeaders td.header:nth-child(4),  
div#tekenHours 		  td.data:nth-child(3)      { width: 100px; }	/* weekly hours	*/

div#tekenHours 		  td.data:nth-child(2) div  { text-align: right; padding-right: 15px; }

div#tekenOzHoursHeaders td.header:nth-child(2),  
div#tekenOzHours 	  	td.data:nth-child(1)      { width: 260px;  }

div#tekenOzHoursHeaders td.header:nth-child(3),  
div#tekenOzHours 	  	td.data:nth-child(2)      { width: 120px;  }

div#tekenHours div#help_schoolTekenHoursPage_holdingsHours.helpIcon
{
	top: 3px;
	left: 7px;
}

div#belowTekenHours
{
	margin-top: 15px;
	position: relative;
}

div#belowTekenHours div#btnAddTekenHours
{
	position: absolute;
	top: 0px;
	right: -5px;
}

div.moreWeeklyHoursEdit
{
	margin-top: 20px;
	position: relative;
}

div.moreWeeklyHoursEdit div.formTabContent_in
{
	padding: 25px 35px;
}

div.moreWeeklyHoursEdit td.title
{
	width: 90px;
}

div.moreWeeklyHoursEdit td.field div.edit
{
	width: 165px;
	overflow: hidden;
}

div.moreWeeklyHoursEdit td.field div input
{
	width: 135px;
}
	
div.moreWeeklyHoursEdit td.field div select
{
	width: 185px;
}
	
div.moreWeeklyHoursEdit div.submitBtn
{
	margin-left: 170px;
}

div.moreWeeklyHoursEdit div.moreWeeklyHoursAddMore
{
	position: absolute;
	bottom: 6px;
	right: 170px;
}

div#totalTeken
{
	width: 435px;
}

div#totalTeken table
{
	margin-right: 227px;
}

div#totalTeken td
{
	font-size: 16px;
	font-weight: bold;
	height: 30px;
	width: 100px; 
	vertical-align: middle;
}

div#totalTeken td.title { color: #F7921E;   text-align: left;}
div#totalTeken td.data  { color: #1C4769; text-align: center; background-color: #DEE5ED; } 

div#totalTeken td.data div
{
	margin-left: 15px;
	margin-right: 5px;


}

/* -- missing report page ----------------------------------------------------------------------------------------- */

div#schoolMissingReportPageTop
{
	position: fixed;
	width: 100%;
	height: 0px;
	top: 100px;
	z-index: 1000;
}

div#schoolMissingReportPageBottom
{
	margin-top: 0px;
}

div#schoolMissingReportPageBottom div.siteIn
{
	padding-top: 20px;
	margin-right: 90px;
	padding-bottom: 15px;
}

div#schoolMissingReportPageBottom div.siteIn
{
	padding-bottom: 55px;
}

div#schoolMissingReportPage div.dashedSep
{
	top: 103px;
}

div#schoolMissingReportPage div.subTitle
{
	margin-bottom: 10px;
	margin-left: 35px;
}

div#schoolMissingReportPage td.gap	{ width: 100px;  }

div#schoolMissingReportPage div.tableContent td.data:nth-child(1)	{ width: 90px;  }
div#schoolMissingReportPage div.tableContent td.data:nth-child(2)	{ width: 130px; }
div#schoolMissingReportPage div.tableContent td.data:nth-child(3)	{ width: 130px; }

/* -- tooltip ----------------------------------------------------------------------------------------------------- */

.hasTooltip
{
	position: relative;
}

.ui-tooltip 
{
	position: absolute;
	z-index: 9999;
	background-color: white;
}

.tooltipContent
{
	border: 2px solid #6A9525;
	width: 300px; /*230px;*/
}

.simpleTooltipContent
{
	border: 1px solid #767676;
	width: auto;
	color: black;
}

.ui-tooltip-content
{
	position: relative;
	text-align: right;
	padding: 15px;
	direction: rtl;
	font-family: OpenSansHebrew, arial;
	font-size: 12px;
}

.simpleTooltipContent .ui-tooltip-content
{
	padding: 5px;
}

.ui-tooltip-content td
{
	font-size: 12px;
}

.ui-tooltip-content ol
{
	padding: 0px;
	margin: 0px;
	padding-right: 15px;
}

.tooltipArrow
{
	width: 11px;
	height: 12px;
	background: url(../designFiles/iconTooltipArrow.png) no-repeat;
	position: absolute;
	top: calc(50% - 7px);
	right: -19px;
}

.ui-tooltip.leftArrow .tooltipArrow
{
	background: url(../designFiles/iconTooltipLeftArrow.png) no-repeat;
	right: 308px;
}

.tooltipClose
{
	position: absolute;
	top: -5px;
	left: 0px;
	font-weight: bold;
	cursor: pointer;
}

.helpIcon
{
	background: url(../designFiles/iconHelp.png) no-repeat;
	width: 14px;
	height: 14px;
	position: absolute;
	left: -10px;
	top: 12px;
	cursor: pointer;
}

.nisIcon
{
	background: url(../designFiles/nisIcon.png) no-repeat;
	width: 17px;
	height: 17px;
	left: -10px;
	top: 12px;
	cursor: pointer;
}

#help_totalCostNextStep
{
	left: 22px;
	top: 21px;
}

div#profilePage div.btn .helpIcon
{
	left: -15px;
}

div#help_profileSteps_nextStep
{
	left: 42px;
	top: 22px;
}

div.valuesTable div.hasTooltip .helpIcon,
div#profileDetails div.hasTooltip .helpIcon,
div#baseHoursDetails div.hasTooltip .helpIcon
{
	top: 7px;
	left: -20px;
}

div.serviceLevelValues td.hasTooltip .helpIcon
{
	top: 8px;
	left: -18px;
}

div#calcProfilePage div#reportProfile.hasTooltip .helpIcon,
div#calcServiceLevelPage div#reportServiceLevel.hasTooltip .helpIcon
{
	top: 9px;
	left: -20px;
}

div#calcProfilePage div#reportProfile.hasTooltip div.excelReportHelp .helpIcon
{
	top: 17px;
	right: 170px;
}

div#calcProfilePage div#reportProfile.hasTooltip div.compareReportHelp .helpIcon
{
	top: 17px;
	right: 68px;
}

div#teachersFilters .helpIcon
{
	top: 3px;
	left: 10px;
}

div.teacherEdit .helpIcon
{
	left: 5px;
}

div#schoolPupilsPage_topFields .helpIcon,
div#schoolTekenHours_topFields .helpIcon
{
	left: -20px;
}

div.pupilsEdit .helpIcon
{
	left: 5px;
}

div.pupilsEdit div.pupilsAddMore .helpIcon,
div.moreWeeklyHoursEdit div.moreWeeklyHoursAddMore .helpIcon
{
	left: -20px;
	top: 2px;
}

div#schoolTekenHoursPage div#totalTeken .helpIcon
{
	left: -35px;
	top: 7px;
}

div#schoolTekenHoursPage div#help_schoolTekenHoursPage_talanCost
{
	left: 12px;
	top: 219px;
}

div#schoolTekenHoursPage div#help_schoolTekenHoursPage_allTeken
{
	left: 12px;
	top: 260px;
}

div#schoolTekenHoursPage div#help_schoolTekenHoursPage_allHours
{
	left: 12px;
	top: 135px;
}

div#serviceLevelParamsHeaders .helpIcon

{
	left: 5px;
	top: 14px;
}

/* -- print mode -------------------------------------------------------------------------------------------------- */

body .print
{
	display: none;
}

body.print .print
{
	display: block;
}

body.print,
body.print div.dashedBlue,
body.print div.blueBackground
{
	background: none;
}

body.print div.systemHeader,
body.print div#systemNav
{
	display: none;
}

body.print div#generalContainer,
body.print div#phpContainer
{
	color: black;
}

body.print div#generalContainer div.siteIn,
body.print div#phpContainer div.siteIn
{
	width: 650px !important;
}

body.print div.pageContent,
body.print div.phpContent
{
	margin-top: 0px;
}

div.printPage
{
	width: 70px;
	height: 25px;
	line-height: 25px;
	background-color: #EA780E;
	color: white;
	text-align: center;
	cursor: pointer;
	border-radius: 5px;
}

div.printPage:hover
{
	background-color: #EDA645;
}

body.print div#footer
{
	display: none;
}

body.print table.reportTbl
{
	margin-left: auto;
	margin-right: auto;
}

body.print div.schoolData
{
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #F2F2F2;
}

body.print div.schoolData  table tr { height: 22px; }

body.print div.schoolData  table td { vertical-align: middle; font-size: 16px;}

body.print div.schoolData table td:first-child { width: 125px; text-align: right; font-size: 14px;}

.support_sec
{
	position: relative;
}

section#whatsapp
{
	position: absolute;
	top: 11px;
	left: 150px;
}

a#facebookLink
{
	background-color: #537BBD;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top: 7px;
	right: 150px;
}

a#facebookLink em
{
	color: white;
	font-size: 18px;
	padding-left: 5px;
	padding-top: 7px;
	float: left;
}

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

#copyrights 
{
	width: 33%;
	float: right;
}

.support_sec
{
	float: right;
	padding: 15px 0 20px 0;
	font-size: 12px;
	color: #194d69;
	width: 33%;
	text-align: center;
}

.interuse_sec
{
	float: left;
	width: 33%;
}

/* -- compare report page ----------------------------------------------------------------------------------------- */

div#compareReportPageTop div.siteIn,
div#compareReportPageBottom div.siteIn
{
	width: 1000px; /*1100px;*/
	padding-top: 20px;
/*	margin-left: 225px; /*100px;*/
	padding-bottom: 15px;
}

div#compareHeaders td.topHeader:nth-child(2),
div#compareHeaders td.topHeader:nth-child(3),
div#compareHeaders td.topHeader:nth-child(7),
div#compareHeaders td.topHeader:nth-child(8),
div#compareHeaders td.topHeader:nth-child(9),
div#compareHeaders td.topHeader:nth-child(10),
div#compareHeaders td.topHeader:nth-child(11),
div#compareHeaders td.topHeader:nth-child(12)
{
	border-bottom: 1px solid #1C4769;
}

div#compareTeachers td.data   				   { width: 50px;   }
div#compareHeaders  td.header				   { width: 50px;   }

div#compareHeaders  td.topHeader:nth-child(2)  { width: 99px;   }	/* tz 						*/

div#compareTeachers	td.data:nth-child(1)       { width: 111px;  }	/* tz 						*/

div#compareHeaders  td.topHeader:nth-child(3)  { width: 180px;  }	/* name		 				*/

div#compareHeaders  td.header:nth-child(2),
div#compareTeachers	td.data:nth-child(2)       { width: 90px;   }	/* lastname 				*/

div#compareHeaders  td.header:nth-child(3),
div#compareTeachers	td.data:nth-child(3)       { width: 90px;   }	/* firstname 				*/

div#compareHeaders  td.topHeader:nth-child(4),  
div#compareTeachers	td.data:nth-child(4)       { width: 40px;   }	/* isEdu 					*/

div#compareHeaders  td.topHeader:nth-child(5),  
div#compareTeachers	td.data:nth-child(5)       { width: 40px;   }	/* isOz 					*/

div#compareHeaders  td.topHeader:nth-child(6),
div#compareTeachers td.data:nth-child(6)	   { width: 80px;  }    /* from month				*/

div#compareHeaders  td.topHeader:nth-child(7),
div#compareTeachers td.data:nth-child(7)	   { width: 80px;  }    /* to month					*/

div#compareHeaders  td.topHeader:nth-child(8),
div#compareTeachers td.data:nth-child(8)  	   { width: 50px;   }	/* base hours				*/

div#compareHeaders  td.topHeader:nth-child(9), 						/* age hours				*/
div#compareHeaders  td.topHeader:nth-child(10), 					/* rank value				*/
div#compareHeaders  td.topHeader:nth-child(11), 					/* calc seniority			*/
div#compareHeaders  td.topHeader:nth-child(12),						/* mother job scope			*/
div#compareHeaders  td.topHeader:nth-child(13) { width: 100px;  }	/* calc job scope			*/

/* overwrite primary */
div#compareHeaders.teachers_primary 
					td.topHeader:nth-child(3)  { width: 152px;  }	/* name		 				*/

div#compareHeaders.teachers_primary   
					td.header:nth-child(2),
div#compareTeachers.compareTeachers_primary	
					td.data:nth-child(2),							/* lastname 				*/
div#compareHeaders.teachers_primary  
					td.header:nth-child(3),
div#compareTeachers.compareTeachers_primary 
					td.data:nth-child(3)	   { width: 76px;  }   /* first name				*/

div#compareHeaders.teachers_primary  
					td.topHeader:nth-child(4),
div#compareTeachers.compareTeachers_primary 
					td.data:nth-child(4)	   { width: 80px;  }    /* from month				*/

div#compareHeaders.teachers_primary  
					td.topHeader:nth-child(5),
div#compareTeachers.compareTeachers_primary 
					td.data:nth-child(5)	   { width: 80px;  }    /* to month					*/

div#compareHeaders.teachers_primary  
					td.topHeader:nth-child(6),
div#compareTeachers.compareTeachers_primary 
					td.data:nth-child(6)  	   { width: 70px;   }	/* base hours				*/

div#compareTeachers.teachers_primary   
					td.data:nth-child(7)	   { width: 50px;  }    /* age hours				*/

div#compareHeaders.teachers_primary  
					td.topHeader:nth-child(7), 						/* age hours				*/
div#compareHeaders.teachers_primary  
					td.topHeader:nth-child(8), 						/* rank value				*/
div#compareHeaders.teachers_primary
					td.topHeader:nth-child(9), 						/* calc seniority			*/
div#compareHeaders.teachers_primary
					td.topHeader:nth-child(10), 					/* calc job scope			*/
div#compareHeaders.teachers_primary 
					td.topHeader:nth-child(11) { width: 100px;  }	/* weight 					*/

td.highlight1 { background-color: #CFEAFC !important; }
td.highlight2 { background-color: #FAEDB1 !important; }

div.compareReportError
{
	background: url(../designFiles/iconError.png) no-repeat right;
	min-height: 80px;
}

div.compareReportSuccess
{
	background: url(../designFiles/iconBigSmile.png) no-repeat right;
	min-height: 80px;
}

div.compareReportError div,
div.compareReportSuccess div
{
	padding-right: 85px;
	padding-top: 10px;
}

div.compareReportSuccess div
{
	padding-top: 25px;
}

div.compareReportError div, div.compareReportError div a,
div.compareReportSuccess div, div.compareReportSuccess div a
{
	font-size: 16px;
	color: white;
	font-weight: bold;
	line-height: 25px;
}

div#schoolValues1.valuesTable,
div#schoolValues2.valuesTable,
div#schoolValues3.valuesTable,
div#schoolValues4.valuesTable
{
	padding-left: 10px;
	padding-right: 10px;
}

div#schoolValues1.valuesTable table td.title { width: 165px; }
div#schoolValues2.valuesTable table td.title { width: 205px; }
div#schoolValues3.valuesTable table td.title { width: 185px; }
div#schoolValues4.valuesTable table td.title { width: 155px; }

div.reportLatestDate
{
	margin-top: 5px;
}

div#schoolValues1.valuesTable table#hasMissingTeachers td.title.title1	{ width: 105px; }
div#schoolValues1.valuesTable table#hasMissingTeachers td.title.title2	{ width: 60px; }

div#schoolValues1.valuesTable table#hasMissingTeachers td.title div
{
	padding-right: 10px;
}

div#schoolValues1.valuesTable table#hasMissingTeachers td.data { width: inherit; }

div#schoolValues1.valuesTable table#hasMissingTeachers td.data  div
{
	padding-left: 10px;
	padding-right: 10px;
}

div#schoolValues1 div.missingTeachers
{
	background: url(../designFiles/btnBigOrange.png) no-repeat;
	width: 183px;
	height: 32px;
	margin-right: calc(50% - 91px);
	cursor: pointer;
}

div#schoolValues1 div.missingTeachers div
{
	color: white;
	line-height: 30px;
	text-align: center;
}

/* -- metar compare report page ----------------------------------------------------------------------------------- */

div#metarCompareReportPage div.siteIn
{
	width: 1000px; /*1100px;*/
	padding-top: 20px;
	margin-left: 150px; /*100px;*/
	padding-bottom: 35px;
}

div#metarCompareReportPage td.data.highlight1,
div#metarCompareReportPage td.data.highlight2
{
	color: #153854;
}

div#metarCompareReportPage div#schoolValues1.valuesTable table td.title { width: 180px; }
div#metarCompareReportPage div#schoolValues2.valuesTable table td.title { width: 160px; }
div#metarCompareReportPage div#schoolValues3.valuesTable table td.title { width: 200px; }
div#metarCompareReportPage div#schoolValues4.valuesTable table td.title { width: 180px; }

div#metarCompareReportPage div.valuesTable table td.data { width: 120px; }

/* -- special alert buttons --------------------------------------------------------------------------------------- */

table.alertBtns
{
	margin-left: auto;
	margin-right: auto;
}

.alertBtn div, .alertBtn a
{
	color: white;
	margin: 15px 10px 10px 15px;
	cursor: pointer;
	display: block;
	text-decoration: none;
}

td#updateParamsBtn a
{
	background: url(../designFiles/btnUpdateParams.png) no-repeat;
	width: 160px;
	height: 32px;
}

td#continueUploadBtn div
{
	background: url(../designFiles/btnContinueUpload.png) no-repeat;
	width: 160px;
	height: 32px;
}

/* -- error report page ------------------------------------------------------------------------------------------- */

div#errorReportPage div.printPage
{
	float: left;
	margin-top: 20px;
	margin-left: 20px;
}

div#errorReportPageTop
{
	height: 170px;
	width: 100%;
	position: fixed;
	top: 100px;
	z-index: 1000;
	display: none;
}

div#errorReportPage div.dashedSep
{
	display: none;
}

div#errorReportPageTop div.siteIn
{
	padding-top: 7px;
}

div#errorReportPageBottom
{
/*	margin-top: 270px;*/
}

div#errorReportPageBottom h1
{
	color: white;
	font-size: 20px;
	padding-right: 25px;
	padding-top: 15px;
}

div#errorReportPageBottom div.promo
{
	color: white;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 25px;
}

body.print div#errorReportPageBottom h1,
body.print div#errorReportPageBottom div.promo
{
	color: black;
}

div.errorReportSection
{
	margin-top: 15px;
	padding-bottom: 25px;
	width: 1200px;
}

div#compareMissingReport.errorReportSection 
{
	width: 400px;
}

body.print div.errorReportSection
{
	width: 600px;
}

div.errorReportSection div.title
{
	background-color: #153752;
	color: #5EA9E2;
	font-weight: bold;
	font-size: 16px;
	padding-right: 25px;
	line-height: 40px;
}

div#compareMissingReport.errorReportSection div.title
{
	background-color: #173c59;
}

div.errorReportSection div.subtitle
{
	background-color: #CBD2DA;
	border-bottom: 1px solid #A1ADB9;
	font-weight: bold;
	font-size: 16px;
	padding-right: 25px;
	line-height: 70px;
}

div.errorReportSection table tr.errorReportRow
{
	background-color: #CBD2DA;
	border-bottom: 1px solid #153752;
}

div#errorReport_missingSection table tr.errorReportRow
{
	background-color: #B1BAC3;
}

div.errorReportSection table tr.errorReportRow td div
{
	color: #153854 !important;
	font-size: 16px;
}

div#errorReport_missingSection table tr.errorReportRow td div
{
	color: #122D40 !important;
	font-weight: bold;
}

div.errorReportSection table tr.errorReportRow td.errorReport_col1 { width: 75px; text-align: center; }
div.errorReportSection table tr.errorReportRow td.errorReport_col2 { width: 125px;  }
div.errorReportSection table tr.errorReportRow td.errorReport_col3 { width: 1000px; }
	
div#compareMissingReport.errorReportSection table tr.errorReportRow td.errorReport_col3 { width: 200px; }

body.print div.errorReportSection table tr.errorReportRow td.errorReport_col3 { width: 450px; }

div.errorReportSection table tr.errorReportRow td div.in
{
	padding-top: 10px;
	line-height: 35px;
}

div#errorReport_noticesSection 		 table tr.errorReportRow td.errorReport_col2 div.in,
div#errorReport_generalSection 		 table tr.errorReportRow td.errorReport_col2 div.in,
div#errorReport_errorTeachersSection table tr.errorReportRow td.errorReport_col2 div.in
{
	color: #942E43;
}

div#errorReport_errorTeachersSection table tr.errorReportRow td.errorReport_col3 div.in
{
	color: #1C4767;
	font-weight: bold;
}

div#errorReport_errorTeachersSection div.errorTeacher table.errorTeacherDetails tr
{
	background-color: #B1BAC3;
	line-height: 55px;
}

div#errorReport_errorTeachersSection div.errorTeacher table.errorTeacherDetails td
{
	color: #0E2130;
	font-weight: bold;
	font-size: 16px;
}

div#errorReport_errorTeachersSection div.errorTeacher table.errorTeacherDetails td:nth-child(1) { width: 140px; text-align: center; }
div#errorReport_errorTeachersSection div.errorTeacher table.errorTeacherDetails td:nth-child(2) { width: 1060px; }

div#errorReport_errorTeachersSection div.errorActions
{
	font-size: 14px;
	line-height: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

div#compareMissingReportPopup div.popup_in
{
	padding-top: 5px;
}

/* -- hours control page ------------------------------------------------------------------------------------------ */

div#hoursControlSearch
{
}

div.search
{
	padding-top: 30px;
	margin-right: 30px;
	color: white;
	font-size: 14px;
}

div.multi-select-container div.multi-select-menuitems
{
	overflow-y: scroll;
	max-height: 170px;
}

div.search div.search_text,
div.search div.search_title
{
	float: right;
	padding-left: 10px;
	padding-top: 7px;
}

div.search div.search_title
{
	font-weight: bold;
	padding-left: 20px;
}

div.search div.search_field
{
	float: right;
	margin-left: 15px;
}
	
div.search div.search_field.select
{
	background: url(../designFiles/arrowOrangeDown.png) no-repeat 4px #CBD2DA;
	width: 135px;
	/* height: 33px; */
	/* overflow: hidden; */
}

div.search div.search_field.select.multiple
{
	background: #CBD2DA;
	width: 135px;
	height: 80px;
	overflow-y: scroll;
	overflow-x: hidden;
}

div.search div.search_field.select#hoursReportTypeSelect
{
	width: 112px;
}

div.search div.search_field.text
{
	background-color: #CBD2DA;
	width: 115px;
	height: 33px;
}

div.search div.search_field input,
div.search div.search_field select
{
	width: 120%;
	height: 33px;
	font-size: 14px !important;
	border: 0px;
	background: none;
	color: #1D2733;
}
div.search div.search_field.select.multiple select
{
	height: 80px;
}

div.search div.search_field.checkbox
{
	margin-top: 8px;
}

div.search div.search_field.checkbox input[type=checkbox]
{
    display:none;
}

div.search div.search_field.checkbox input[type=checkbox] + label span 
{
    display:inline-block;
    width: 16px;
    height: 16px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background:url(../designFiles/iconCheckbox.png) left top no-repeat;
    cursor:pointer;
}

div.search div.search_field.checkbox input[type=checkbox]:checked + label span 
{
    background:url(../designFiles/iconCheckbox.png) -16px top no-repeat;
}

div.search div.search_excel
{
	float: right;
}

div.search div.search_excel > div,
div.financeLogExcel > div
{
	background: url(../designFiles/btnBigExcel.png) no-repeat;
	width: 125px;
	height: 35px;
	font-size: 12px;
}

div.search div.search_excel div div,
div.financeLogExcel div div
{
	color: white;
	text-align: center;
	line-height: 35px;
	cursor: pointer;
	padding-right: 25px;
}

div.search div.search_btn
{
	float: right;
}

div.excelLinks
{
}

div.excelLink
{
	float: right;
	margin-right: 25px;
	padding-top: 2px;
}

div.excelLink img
{
	vertical-align: middle;
}

div.excelLink a
{
	text-decoration: none;
	color: white;
}
	
div#hoursControlStatic, div#hoursControl
{
	margin-top: 20px;
	margin-bottom: 20px;
	padding-bottom: 20px;
	float: right;
}

div#hoursControlStatic
{
	background-color: #1A3F5C;
}

div#hoursControlStatic table tr td.header
{
	height: 92px;
	color: white;
	background-color: #1C2534;
	vertical-align: middle;
}
	
div#hoursControlStatic table tr td.header:nth-child(1) 			{ width: 170px; }
div#hoursControlStatic table.summary tr td.header:nth-child(1) 	{ width: 70px; }

div#hoursControlStatic table tr td.header:nth-child(2) { width: 95px; }

div#hoursControlStatic table td.header div
{
	padding: 0px 25px;
	line-height: 71px;
}

div.tableContentHorizontal

{
	direction: rtl;
}

div.alt-scroll-holder
{
	direction: rtl;
}

div.alt-scroll-horizontal-bar-bg
{
	background-color: #142F42;
	height: 22px;
	width: 100%;
}

div.alt-scroll-horizontal-bar
{
	background-color: #35608D;
}

div.tableContentHorizontal td,
div#hoursControlStatic td
{
	border: 1px solid #1C4769;
}

div#hoursControlStatic tr:first-child td,
div#hoursControlStatic tr.totalRow td
{
	border-top: 3px solid #1C4769;
}

div#hoursControlStatic tr.totalRow td
{
	font-weight: bold;
	background-color: #C2D1E0;
}

div.tableContentHorizontal tr:first-of-type td.collapse,
div.tableContentHorizontal tr:first-of-type td.expand
{
	border-right: 0px;
}


div.tableContentHorizontal tr td.expand
{
	border-left: 3px solid #1C4769;
}

div.tableContentHorizontal tr.totalRow td
{
	border-top: 3px solid #1C4769;
	background-color: #C2D1E0;
}

div.tableContentHorizontal tr.totalRow td div
{
	cursor: default;
}

div.tableContentHorizontal table td.header:last-child
{
	border-left: 0px;
}

div.tableContentHorizontal td.header
{
	height: 23px;
	font-size: 12px;
	line-height: 22px;
}

div.tableContentHorizontal table#hoursControlTable td.header1
{
	background-color: #1D2733;
	cursor: pointer;
	border-left: 3px solid #1C4769;
	border-top: 3px solid #1C4769;
}

div.tableContentHorizontal td.header1.diff
{
	color: #DD922D;
}

div.tableContentHorizontal td.header1.collapse div
{
	padding-left: 25px;
}

div.tableContentHorizontal table#hoursControlTable td.header2
{
	background-color: #2A3E57;
	text-align: center;
	font-weight: bold;
	border-left: 3px solid #1C4769;
}

div.tableContentHorizontal table#hoursControlTable td.header3
{
	background-color: #496684;
	text-align: center;
	font-weight: bold;
}

div.tableContentHorizontal table#hoursControlTable td.header3.last
{
	border-left: 3px solid #1C4769;
}

div.tableContentHorizontal td.header3.collapse
{
	width: 60px;
}

div.tableContentHorizontal td.header1.collapse div
{
	background: url(../designFiles/iconWhiteCollapse.png) no-repeat 5px 8px;
}

div.tableContentHorizontal td.header1.collapse.diff div
{
	background: url(../designFiles/iconOrangeCollapse.png) no-repeat 5px 8px;
}

div.tableContentHorizontal td.header1.expand div
{
	background: url(../designFiles/iconWhiteExpand.png) no-repeat 2px 9px;
	width: 20px;
	height: 23px;
}

div.tableContentHorizontal td.header1.expand.diff div
{
	background: url(../designFiles/iconOrangeExpand.png) no-repeat 2px 9px;
}

div.tableContentHorizontal td.data,
div#hoursControlStatic td.data
{
	color: #183D58;
	height: 45px !important;
	line-height: 45px;
	font-size: 13px !important;
}

div.tableContentHorizontal td.data.collapse
{
	min-width: 60px !important;
}

div.tableContentHorizontal td.data.collapse div.estimate
{
	min-width: 80px !important;
	direction: ltr;
}

div.tableContentHorizontal td.data.diff
{
	background-color: #E0B16D;
	cursor: pointer;
}

div.tableContentHorizontal td.data.last
{
	border-left: 3px solid #1C4769;
}

div.tableContentHorizontal div.diffNumber
{
	direction: ltr;
}

div#hoursControlBottom
{
	padding-bottom: 20px;
	color: white;
}

div#hoursControlBottom div.title
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 3px;
}

div#hoursControlBottom table td
{
	font-size: 16px;
	height: 27px;
	vertical-align: middle;
}

div#hoursControlBottom table td.title { color: white;   }
div#hoursControlBottom table td.data  { color: #F7921E; }

div#hoursControlBottom table td.data div
{
	margin-left: 30px;
	margin-right: 5px;
}

/* -- simulation page --------------------------------------------------------------------------------------------- */

div.containerOfPage113 div#systemNav,
div.containerOfPage121 div#systemNav
{
	background-color: #4C5C67;
}

div.containerOfPage113 div.phpContent,
div.containerOfPage121 div.phpContent
{
	margin-top: 136px;
}

div.containerOfPage113 div#systemNav div.title a,
div.containerOfPage121 div#systemNav div.title a
{
	color: black;
}

div.containerOfPage113 div#calcProfilePageTop
{
	top: 136px;
}

div.containerOfPage113 div#calcProfilePageBottom
{
	margin-top: 303px;
}

div.simulationPage div.gradeBlue
{
	background: none;
	background-color: #A1AAB0;
}

div.simulationPage div.dashedSep
{
	border-bottom: 1px dashed #A1AAB0;
	height: 0px;
	background: none;
	top: 306px;
}

div.containerOfPage121 div.dashedSep
{
	top: 211px !important;
}

div.simulationPage div.blueBackground
{
	background-color: #77828A
}

div#reportProfile div#btnSimulationRestart
{
	position: absolute;
	background: url(../designFiles/btnReport.png) no-repeat;
	top: 7px;
	right: -5px;
	width: 72px;
	height: 35px;
	line-height: 35px;
}

div#simulationBar div#simulationBar_in
{
	background-color: #7A878F;
	height: 33px;
	width: 100%;
	position: fixed;
	top: 103px;
	z-index: 1000;
}

div#simulationBar_in div.title
{
	color: white;
	font-size: 14px;
	padding-top: 5px;
}

div#simulationBar_in div.restart
{
	position: absolute;
	top: 5px;
	right: calc(50% - 102px);
	background: url(../designFiles/iconSimulationRestart.png) no-repeat right;
	cursor: pointer;
	height: 23px;
}

div#simulationBar_in div.restart div
{
	color: white;
	padding-top: 2px;
	padding-right: 47px;
	font-size: 13px;
}

div#simulationBar_in a.close
{
	background: url(../designFiles/iconClose.png) no-repeat left;
	width: 55px;
	height: 25px;
	display: block;
	position: absolute;
	left: 20px;
	top: 3px;
	cursor: pointer;
	text-decoration: none;
}

div#simulationBar_in a.close div
{
	padding-top: 5px;
	font-size: 13px;
	color: white;
}

div#gotoSimulation
{
	position: absolute;
	top: 2px;
	left: 15px;
	z-index: 1000;
}

a#gotoSimulationBtn
{
	display: block;
	background: url(../designFiles/btnTopGray.png) no-repeat;
	width: 138px;
	height: 29px;
	color: white;
	text-decoration: none;
	font-size: 13px;
	line-height: 28px;
}

a#gotoSimulationBtn div
{
	text-align: center;
}

div.simulationPage div#uploadPupils
{
	display: none;
}

div.instructionsLink
{
	position: absolute;
	top: 1px;
	left: 15px;
	z-index: 1000;
}

div.instructionsLink a
{
	color: white;
	text-decoration: none;
	font-size: 15px;
	line-height: 28px;
}

div.instructionsLink img
{
	vertical-align: -2px;
}

/* -- occupations control page ------------------------------------------------------------------------------------ */

div.aboveOccupations
{
	padding-top: 20px;
}

div#occupationsControl
{
	padding-top: 20px;
	padding-bottom: 50px;
}

div#occupationsControl div#occupationsControlHeaders td.header,
div#occupationsControl table#occupationsControlTable td.data    { width: 100px; }

div#occupationsControl div#occupationsControlHeaders td.header:nth-child(2),
div#occupationsControl table#occupationsControlTable td.data:nth-child(1)  { width: 200px; }

div#occupationsControl div#occupationsControlHeaders td.header:nth-child(3),
div#occupationsControl table#occupationsControlTable td.data:nth-child(2)  { width: 100px; display: none; }

div#occupationsControl table#occupationsControlTable td.data:nth-child(1) div
{
	text-align: right;
	padding-right: 25px;
}

div#occupationsControl div#occupationsControlHeaders td.header.schoolName div
{
	padding: 4px;
	line-height: 14px;
}

table#occupationsControlTable input
{
	width: 65px;
	height: 30px;
	border: 0px;
	font-size: 12px;
	text-align: center;
	direction: ltr;
}

/* -- teacher occupations page ------------------------------------------------------------------------------------ */

div.goToSalaryPage
{
	float: left;
	padding-left: 5px;
}

div.goToSalaryPage a
{
	display: block;
	font-weight: bold;
	font-size: 14px;
	color: white;
}

div.teacherSalaryPage div.aboveSearch div#btnSalaryTeacher
{
	position: absolute;
	top: 38px;
	right: 651px;
	line-height: 27px;
	height: 27px;
/*	float: left;
	margin-left: -3px;*/
}

div.teacherSalaryPage div.search
{
	margin-right: 0px;
}

div.teacherSalaryPage div.search_title,
div.teacherSalaryPage div.search_text
{
	padding-top: 11px;
}

div.teacherSalaryPage div.search_field
{
	margin-top: 4px;
	height: 32px;
}

div.teacherSalaryPage div.search_btn
{
	background: url(../designFiles/btnSearch.png) no-repeat;
	width: 115px;
	height: 41px;
	line-height: 43px;
	font-size: 14px;
}

div.teacherSalaryPage div.search_btn div
{
	padding-right: 10px;
}

div.belowTeacherSearch
{
	margin-top: 20px;
}

div.teacherSalaryPage div#btnAddOccupation,
div.teacherSalaryPage div#btnAddJobRole,
div.teacherSalaryPage div#btnAddMoreJobRole
{
	float: left;
}

div.teacherSalaryPage div.subTitle
{
	padding-top: 7px;
	cursor: pointer;
	text-decoration: underline;
}
	
div#teacherOccupationsHeaders
{
	margin-top: 20px;
}

div#teacherOccupationsHeaders td.header:nth-child(2),  
div#teacherOccupations 		  td.data:nth-child(1)      { width: 80px;  }	/* edit 			*/

div#teacherOccupationsHeaders td.header:nth-child(3),  
div#teacherOccupations 		  td.data:nth-child(2)      { width: 70px;  }	/* class	 		*/

div#teacherOccupationsHeaders td.header:nth-child(4),  
div#teacherOccupations 		  td.data:nth-child(3)      { width: 70px; 	} 	/* classNo	 		*/

div#teacherOccupationsHeaders td.header:nth-child(5),  
div#teacherOccupations 		  td.data:nth-child(4)      { width: 150px; }	/* occupation		*/

div#teacherOccupationsHeaders td.header:nth-child(6),  
div#teacherOccupations 		  td.data:nth-child(5)      { width: 60px; }	/* 	hours			*/

div#teacherOccupationsHeaders td.header:nth-child(7),  
div#teacherOccupations 		  td.data:nth-child(6)      { width: 60px; }	/* 	bonusPartiality	*/

div#teacherOccupationsHeaders td.header:nth-child(8),  
div#teacherOccupations 		  td.data:nth-child(7)      { width: 60px;  }	/* study units 		*/

div#teacherOccupationsHeaders td.header:nth-child(9),  
div#teacherOccupations 		  td.data:nth-child(8)      { width: 150px;  }	/* quiz name 		*/

div#teacherOccupationsHeaders td.header:nth-child(10),  
div#teacherOccupations 		  td.data:nth-child(9)      { width: 80px; }	/* hoursBonus		*/

div#teacherOccupationsHeaders td.header:nth-child(11),  
div#teacherOccupations 		  td.data:nth-child(10)     { width: 80px;  }	/* percentBonus		*/

div#teacherOccupationsHeaders td.header:nth-child(12),  
div#teacherOccupations 		  td.data:nth-child(11)     { width: 100px; }	/* start date		*/

div#teacherOccupationsHeaders td.header:nth-child(13),  
div#teacherOccupations 		  td.data:nth-child(12)     { width: 100px; }	/* end date			*/

div.teacherOccupationEdit td.field
{
	width: 100px;
}

div.teacherOccupationEdit td.field div.edit
{
	width: 90px;
	overflow: hidden;
}

div.teacherOccupationEdit td.field div input
{
	width: 80px;
}
	
div.teacherOccupationEdit td.field div select
{
	width: 115px;
}
	
div.teacherOccupationEdit td#quizIdField div
{
	width: 586px;
}

div.teacherOccupationEdit td#quizIdField div select
{
	width: 604px;
}
	
div.teacherOccupationEdit td.gap			 { width: 30px;  }
div.teacherOccupationEdit td#classTitle 	 { width: 60px;  }
div.teacherOccupationEdit td#pupilsNoTitle 	 { width: 92px;  }
div.teacherOccupationEdit td#occupationTitle { width: 60px;  }
div.teacherOccupationEdit td#classNoTitle 	 { width: 75px;  }
div.teacherOccupationEdit td#hoursTitle 	 { width: 80px;  }
div.teacherOccupationEdit td#pupilsNoField 	 { width: 90px;  }

div.teacherOccupationEdit div.teacherOccupationAddMore
{
	position: absolute;
	bottom: 15px;
	left: 150px;
}

div.teacherOccupationEdit td#occupationSelect div.edit	{ width: 327px; }

div.teacherOccupationEdit input#salaryOccupationCode	{ width: 340px; }
div.teacherOccupationEdit input#quizName				{ width: 175px; font-weight: normal;}

div.teacherOccupationEdit td#quizNameField div { text-align: right; }

div.teacherOccupationEdit div#quizDetails { width: 813px; }

/* -- teacher job roles page -------------------------------------------------------------------------------------- */

div#teacherJobRolesPage div.siteIn
{
	width: 1021px;
	margin-left: 181px;
}

table#teacherJobRolesTbl td.empty
{
	width: 1021px;
}

div#teacherJobRolesHeaders,
div#teacherMoreJobRolesHeaders
{
	margin-top: 20px;
}

div#teacherJobRolesHeaders 	  	td.header:nth-child(2),  
div#teacherMoreJobRolesHeaders 	td.header:nth-child(2),  
div#teacherJobRoles 		  	td.data:nth-child(1),
div#teacherMoreJobRoles 		td.data:nth-child(1)      { width: 80px;  }	/* edit 			*/

div#teacherJobRolesHeaders    	td.header:nth-child(3),  
div#teacherMoreJobRolesHeaders  td.header:nth-child(3),  
div#teacherJobRoles 		  	td.data:nth-child(2),
div#teacherMoreJobRoles 		td.data:nth-child(2)      { width: 225px;  }	/* job role	 		*/

div#teacherJobRolesHeaders    	td.header:nth-child(4),  
div#teacherMoreJobRolesHeaders  td.header:nth-child(4),  
div#teacherJobRoles 		  	td.data:nth-child(3),
div#teacherMoreJobRoles 		td.data:nth-child(3)      { width: 200px; } 	/* param	 		*/

div#teacherJobRolesHeaders    	td.header:nth-child(5),  
div#teacherMoreJobRolesHeaders  td.header:nth-child(5),  
div#teacherJobRoles 		  	td.data:nth-child(4),
div#teacherMoreJobRoles 		td.data:nth-child(4)      { width: 180px; }	/* hoursBonus		*/

div#teacherJobRolesHeaders    	td.header:nth-child(6),  
div#teacherMoreJobRolesHeaders  td.header:nth-child(6),  
div#teacherJobRoles 		  	td.data:nth-child(5),
div#teacherMoreJobRoles 		td.data:nth-child(5)      { width: 180px; }	/* percentBonus		*/

div#teacherJobRolesHeaders    	td.header:nth-child(7),  
div#teacherMoreJobRolesHeaders  td.header:nth-child(7),  
div#teacherJobRoles 		  	td.data:nth-child(6),
div#teacherMoreJobRoles 		td.data:nth-child(6)      { width: 100px; }	/* start date		*/

div#teacherJobRolesHeaders    	td.header:nth-child(8),  
div#teacherMoreJobRolesHeaders  td.header:nth-child(8),  
div#teacherJobRoles 		  	td.data:nth-child(7),
div#teacherMoreJobRoles 		td.data:nth-child(7)      { width: 100px; }	/* end date			*/

div.teacherJobRoleEdit td.field
{
	width: 120px;
}

div.teacherJobRoleEdit td.field div.edit
{
	width: 170px;
	overflow: hidden;
}

div.teacherJobRoleEdit td.field div input
{
	width: 170px;
}
	
div.teacherJobRoleEdit td.field div select
{
	width: 190px;
}
	
div.teacherJobRoleEdit td#jobRoleTitle { width: 80px; }

div.teacherJobRoleEdit div.teacherJobRoleAddMore
{
	position: absolute;
	bottom: 15px;
	right: 405px;
}

div.teacherJobRoleEdit input.hasDatepicker
{
	width: 85px !important;
}

/* -- teacher salary page ----------------------------------------------------------------------------------------- */

div#teacherSalaryPage div.siteIn
{
	width: 1087px;
/*	margin-left: 110px;*/
	padding-bottom: 50px;
}

div#teacherSalaryPage table td.empty
{
	width: 1030px;
}

div#teacherSalaryPage div.headers
{
	margin-top: 5px;
}

div#teacherSalaryDetails
{
	margin-top: 10px;
	margin-right: 10px;
}

table.teacherSalaryDetailsTbl
{
}

table.teacherSalaryDetailsTbl td
{
	font-size: 16px;
	height: 27px;
	vertical-align: middle;
}

table.teacherSalaryDetailsTbl td.title { color: white;   }
table.teacherSalaryDetailsTbl td.data  { color: #F7921E; }

table.teacherSalaryDetailsTbl td.data div
{
	margin-left: 25px;
	margin-right: 5px;
}

div#showPrevYearFilesPopup div.popup_in
{
	width: 250px;
}

div#showPrevYearFilesPopup a
{
	display: block;
	margin-bottom: 10px;
}

/* -- change password form ---------------------------------------------------------------------------------------- */

div.changePassword td.title
{
	width: 120px;
}

div.changePassword div.formTabContent_in
{
	width: 370px;
}

div.changePasswordPromo 
{
	margin: 10px 30px 0px 30px;
	font-weight: bold;
	color: #E86821;
}

div.reloginPromo
{
	text-align: right;
}

div#reloginPopup table
{
	margin-top: 10px;
}

div#reloginPopup td.title
{
	width: 50px;
	text-align: right;
}

div#reloginPopup div.edit
{
	text-align: right;
}

div#reloginPopup input

{
	width: 80px;
	background-color: #CBD2DA;
	border: 1px solid #8398AD;
}

div#reloginPopup table.reloginBtns
{
	margin-left: auto;
	margin-right: auto;
}

div#reloginPopup div.loginBtn,
div#reloginPopup div.resetBtn
{
	margin: 10px 5px;
}

/* -- choose hours report form ------------------------------------------------------------------------------------ */

div.chooseReport
{
	padding-top: 10px;
}

div.chooseReport td.title
{
	width: 60px;
}

div.chooseReport div.formTabContent_in
{
	width: 250px;
}

div.chooseReport td.field div.edit
{
	width: 90px;
	overflow: hidden;
}

div.chooseReport td.field div select
{
	width: 105px;
}
	
/* -- finance log page -------------------------------------------------------------------------------------------- */

div#financeLogPage div.siteIn
{
	padding-top: 20px;
	padding-bottom: 20px;
}

div#financeLogHeaders
{
	padding-top: 28px;
	position: fixed;
	background-color: #1C4769;
	padding-top: 50px;
	top: 103px;
	z-index: 900;
}

table#financeLogTbl
{
	margin-top: 68px;
}

div#financeLog tr.logRow td.header div.collapse,   
div#financeLog tr.logRow td.data   div.collapse    			{ width: 16px; }

div#financeLog tr.logRow td.header div.collapse 			{ background: url(../designFiles/iconOrangeExpand.png) no-repeat;
															  height: 7px;
															  cursor: pointer;}

div#financeLog tr.logRow td.header div.expand				{ cursor: pointer; }

div#financeLog tr.logRow td.header:nth-child(1),  
div#financeLog tr.logRow td.data:nth-child(1)      			{ width: 45px;  }	/* subject code 	*/

div#financeLog tr.logRow td.header:nth-child(2),  
div#financeLog tr.logRow td.data:nth-child(2)      			{ width: 152px; }	/* subject	 		*/

div#financeLog tr.logRow td.header:nth-child(3),  
div#financeLog tr.logRow td.data:nth-child(3)      			{ width: 110px; }	/* sub-subject 		*/

div#financeLog tr.logRow td.header:nth-child(4),  
div#financeLog tr.logRow td.data:nth-child(4)      			{ width: 70px;  }	/* school code 		*/

div#financeLog tr.logRow td.header:nth-child(5) div.expand,  
div#financeLog tr.logRow td.data:nth-child(5)   div.expand  { width: 80px;  }	/* school name 		*/

div#financeLog tr.logRow td.header:nth-child(6) div.expand,  
div#financeLog tr.logRow td.data:nth-child(6)   div.expand  { width: 60px;  }	/* units			*/

div#financeLog tr.logRow td.header:nth-child(7) div.expand,  
div#financeLog tr.logRow td.data:nth-child(7)   div.expand  { width: 95px;  }	/* price	 		*/

div#financeLog tr.logRow td.header:nth-child(8) div.expand,  
div#financeLog tr.logRow td.data:nth-child(8)   div.expand  { width: 50px;  }	/* financePercent	*/

div#financeLog tr.logRow td.header:nth-child(9),  
div#financeLog tr.logRow td.data:nth-child(9) 		        { width: 110px; }	/* calcDiff	 		*/

div#financeLog tr.logRow td.header:nth-child(10),  
div#financeLog tr.logRow td.data:nth-child(10)     		    { width: 105px; }	/* yearly calcDiff	*/

div#financeLog tr.logRow td.header:nth-child(11),  
div#financeLog tr.logRow td.data:nth-child(11)     			{ width: 105px; }	/* prev calcDiff	*/

div#financeLog tr.logRow td.header:nth-child(12),  
div#financeLog tr.logRow td.data:nth-child(12)     			{ width: 105px; }	/* total	 		*/

div#financeLog tr.logRow td.header:nth-child(13),  
div#financeLog tr.logRow td.data:nth-child(13)     			{ width: 95px;  }	/* budget	 		*/

div#financeLog 		  	td.data:nth-child(9)  div,
div#financeLog 		  	td.data:nth-child(10) div,
div#financeLog 		  	td.data:nth-child(11) div,
div#financeLog 		  	td.data:nth-child(12) div
{
	direction: ltr;
}

div#financeLog tr.total td.data
{
	background-color: #C9D3DC;
}

div#financeLog tr.total_of td.data
{
	background-color: white;
}

div#financeLog tr.total_of.expand
{
	display: none;
}

div#financeLog tr.logRow td.data:nth-child(2) div
{
	position: relative;
	padding-right: 10px;
	padding-left: 20px;
	text-align: right;
}

div#financeLog tr.total.expand   td.data:nth-child(2) i,
div#financeLog tr.total.collapse td.data:nth-child(2) i
{
	position: absolute;
	left: 5px;
	top: calc(50% - 8px);
	width: 21px;
	height: 21px;
	cursor: pointer;
}
	
div#financeLog tr.total.expand   td.data:nth-child(2) i
{
	background: url(../designFiles/iconExpand.png) no-repeat;
	background-size: 80%;
}

div#financeLog tr.total.collapse   td.data:nth-child(2) i
{
	background: url(../designFiles/iconCollapse.png) no-repeat;
	background-size: 80%;
}

div#financeLog td input
{
	width: 80px;
}

div#financeLog tr.totalRow td
{
	background-color: #D4D4D4;
}

div#financeLog tr.diffRow td
{
	background-color: #F2F0F0;
}

div#financeLog tr.cheshTotalRow td
{
	background-color: #EBAA65;
}

div#financeLog tr.cheshTotalRow td div
{
	font-weight: bold;
}

div#financeLog tr.cheshTotalRow td.data:nth-child(2) div
{
	text-align: left;
	padding-left: 20px;
}
div#financeLog tr.diffRow td.data:nth-child(2) div
{
	padding-right: 10px;
	padding-left: 20px;
	text-align: right;
}

div.financeLogExcel
{
	position: fixed;
	top: 110px;
	right: 27px;
	z-index: 1000;
}

/* NEW */
#pupilsHeaders .headerSortUp{
	position: relative;
}
#pupilsHeaders .headerSortDown div:before{
	background: url('../designFiles/arrowOrangeUp.png');
}
#pupilsHeaders .headerSortUp div:before{
	background: url('../designFiles/arrowOrangeDown.png');
}
#pupilsHeaders .header div{
	display: inline-block;position: relative;
	padding-left: 5px;
	cursor: pointer;
}
#pupilsHeaders .header div:before{
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	right: 95%;
	top: 5px;
}

div.primaryAttention
{
	color: #880604;
    font-weight: bold;
    font-size: 21px;
    box-shadow: white;
    text-shadow: 1px 1px #CBD2DA;
	margin-right: 30px;
	margin-top: 5px;
	position: relative;
}

div.primaryAttention div.helpIcon 
{
	top: 9px;
	left: 18px;
}
/*--multiselect--*/
.multi-select-container {
    display: block;
    position: relative;
}

.multi-select-menu {
    position: absolute;
    left: 0;
    top: 0.8em;
    z-index: 1;
    float: left;
    min-width: 100%;
    background: #cbd2da;
    margin: 1.8em 0 0;
    border: 1px solid #aaa;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    display: none;
}

.multi-select-menuitem {
    display: block;
    font-size: 0.875em;
    padding: 5px 28px 5px 1em;
    white-space: nowrap;
    position: relative;
	color:#1D2733
}

.multi-select-menuitem--titled:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    margin: 0 0 0.25em -20px;
}

.multi-select-menuitem--titledsr:before {
    display: block;
    font-weight: bold;
    content: attr(data-group-title);
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.multi-select-menuitem + .multi-select-menuitem {
    /* padding-top: 0; */
    position: relative;
}

.multi-select-presets {
    border-bottom: 1px solid #ddd;
}

.multi-select-menuitem input {
    position: absolute;
    margin-top: 0;
    margin-left: 0;
    right: 8px;
    top: 8px;
    height: auto !important;
    line-height: normal;
	width:auto !important;
}

.multi-select-button {
    font-size: 14px;
    padding: 0.2em 0.6em;
    max-width: 16em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: -0.5em;
    background-color: #cbd2da;
    border: 0px solid #aaa;
    border-radius: 0;
    box-shadow: 0 1px 3px rgb(0 0 0 / 0%);
    cursor: default;
    box-sizing: border-box;
    height: 33px;
    display: flex;
    align-items: center;
    color: #1D2733;
}

.multi-select-button:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 4px 0 4px;
    border-color: #f7921e transparent transparent transparent;
    margin-left: 0.4em;
    vertical-align: 0.1em;
    position: absolute;
    left: 0;
}

.multi-select-container--open .multi-select-menu {
    display: block;
}

.multi-select-container--open .multi-select-button:after {
    border-width: 0 4px 9px 4px;
    border-color: transparent transparent #f7921e transparent;
}

.multi-select-container--positioned .multi-select-menu {
    /* Avoid border/padding on menu messing with JavaScript width calculation */
    box-sizing: border-box;
}

.multi-select-container--positioned .multi-select-menu label {
    /* Allow labels to line wrap when menu is artificially narrowed */
    white-space: normal;
	
}
#hoursControlSearch{
	margin-right:0 !important
}
#hoursControlSearch:after{
	clear:both;
	display:block;
	content:'';
	
}
#hoursControlSearch select{
	-webkit-appearance: none;
    -moz-appearance: none;
	padding:6px;
	width:100% !important
}

div#help_juniorServiceLevel_juniorHighPupilsNo, div#help_juniorServiceLevel_juniorHighPupilsTeken
{
	left: -20px;
}

div#help_juniorServiceLevel_param827
{
	left: 142px !important;
}

#paramRow823 td, #paramRow825 td
{
	background-color: #EAE8E8;
}

div.serviceLevelCalculatorPromo
{
	margin: 10px 30px 10px 30px;
	font-weight: bold;
	color: #E86821;
}