/* (C) Copyright The Alpha School System 2010 All Rights Reserved */
.border 
{
	border: 					thin solid #CCCCCC;
}

.tip 
{
	font:						10px/12px Arial,Helvetica,sans-serif; 
	border:						solid 1px #666666; 
	width:						330px; 
    padding:					1px; 
	position:					absolute; 
	z-index:					100; 
	visibility:					hidden; 
	color:						#333333;
    top:						20px; 
	left:						90px; 
	background-color:			#ffffcc; 
}

.tips 
{
	font:						10px/12px Arial,Helvetica,sans-serif; 
	border:						solid 1px #666666;
	width:250px; 
    padding:					1px; 
	position:					absolute; 
	z-index:					100; 
	visibility:					hidden; 
	color:						#333333;
    top:						20px; 
	left:						90px;
 	background-color:			#ffffcc; 
}

.formClass 
{
	padding-right: 				0; 
	margin-top:	 				0; 
	padding-left: 				0; 
	margin-bottom: 				0; 
	padding-bottom: 			0; 
	border-top-style: 			none; 
	padding-top: 				0; 
	border-right-style: 		none; 
	border-left-style: 			none; 
	border-bottom-style: 		none
}

#cover
{
	position:					absolute;
	top:						0;
	left:						0;
	width:						99%;
	height:						500px;
	background-color:			#FFFFFF;
	z-index:					1000;
}

/* ================================================================ */
/* ======= DATE PICKER 										======= */
/* ================================================================ */

.normalized .datepicker.tassweb-ui
{
	z-index:					999;
	position:					absolute;
	/*visibility:					hidden;*/
	display: none;
	top: 0;
	left: 0;
}

.normalized .datepicker.popup-open {
	display: block;
	visibility: visible;
}

.normalized .datepicker > table, .normalized .rangepicker > table {
	border-collapse: separate;
	border-spacing: 2px;
}

.normalized .datepicker > table table, .normalized .rangepicker > table table {
	border-collapse: separate;
	border-spacing: 0;
}

.normalized .datepicker > table table td, .normalized .rangepicker > table table td {
	padding: 2px;
}

.normalized .datepicker > table table td input, .normalized .rangepicker > table table td input {
	font-size: 11px;
	margin: 2px;
}
.containertable 
{
	font-family:Arial;
	font-size:11px;
	border-width:1px;
	border-style:solid;
	border-color:#a0a0a0;
	background-color: #ffffff;
}

.showtoday 
{
	background-color: #f0f0f0;
	padding:5px;
	display:block;
	text-align:center;
}

.closecalendar
{
	width:14px;
	height:14px;
	display:block;
	background-position: center;
	background-image:url(images/buttons/cal_close.gif);
	background-repeat: no-repeat;
}

.containerrow 
{
	background-color: #0763B1;
}

.caption 
{
	padding: 2px;
	font-family: arial;
	font-size: 11px;
	line-height: 14px;
	color: #ffffff;
	font-weight: bold;
}

.calendarcontent 
{
	background-color: #ffffff;
}

.calendar_table 
{
	font-family:verdana;
	font-size:10px;	
	margin:5px;
}

.spanLeft 
{
	cursor:pointer;
	background-position: center;
	background-image:url(images/buttons/cal_left1.gif);
	background-repeat: no-repeat;
	margin-top:1px;
	width:15px;
	height:14px;
	display:block;
	float:left;
	padding: 2px 0;
}

.spanLefthover 
{
	cursor:pointer;
	background-position: center;
	background-image:url(images/buttons/cal_left2.gif);
	background-repeat: no-repeat;
	margin-top:1px;
	width:15px;
	height:14px;
	display:block;
	float:left;
	padding: 2px 0;
}

.spanRight 
{
	cursor:pointer;
	background-position: center;
	background-image:url(images/buttons/cal_right1.gif);
	background-repeat: no-repeat;
	margin-top:1px;
	margin-right:7px;
	width:15px;
	height:14px;
	display:block;
	float:left;
	padding: 2px 0;
}

.spanRighthover 
{
	cursor:pointer;
	background-position: center;
	background-image:url(images/buttons/cal_right2.gif);
	background-repeat: no-repeat;
	margin-top:1px;
	margin-right:7px;
	width:15px;
	height:14px;
	display:block;
	float:left;
	padding: 2px 0;
}

.spanMonth 
{
	border-style:solid;
	border-width:1px;
	border-color:#A7BCCF;
	margin-right:2px;
	cursor:pointer;
	background-position: right;
	background-image:url(images/buttons/cal_drop1.gif);
	background-repeat: no-repeat;
	width:80px;
	padding-left:4px;
	display:block;
	float:left;
}

.spanYear 
{
	border-style:solid;
	border-width:1px;
	border-color:#A7BCCF;
	margin-right:2px;
	cursor:pointer;
	background-position: right;
	background-image:url(images/buttons/cal_drop1.gif);
	background-repeat: no-repeat;
	width:50px;
	padding-left:4px;
	display:block;
	float:left;
}

.selectYearDiv 
{
	z-index:999;
	position:absolute;
	visibility:hidden;
}

.selectYear 
{
	width:44px;
	font-family:arial;
	font-size:11px;
	border-width:1px;
	border-style:solid;
	border-color:#a0a0a0;
	background-color: #FFFFDD;
}

.selectYear .year 
{
	cursor:pointer;
	padding-left:4px;
}

.selectYear .year_hover 
{
	cursor:pointer;
	background-color: #FFCC99;
	padding-left:4px;
}

.selectMonthDiv {
	z-index:999;
	position:absolute;
	visibility:hidden;
}

.selectMonth 
{
	width:70px;
	font-family:arial;
	font-size:11px;
	border-width:1px;
	border-style:solid;
	border-color:#a0a0a0;
	background-color: #FFFFDD;
}

.selectMonth .month 
{
	cursor:pointer;
	padding-left:4px;
}

.selectMonth .month_hover 
{
	cursor:pointer;
	background-color: #FFCC99;
	padding-left:4px;
}

.normalized .datepicker.popup-open .today 
{
	color: #ff0000 !important;
	font-weight:bold !important;
	text-decoration:none;
}

.sunday 
{
	color: #909090 !important;
	text-decoration:none;
}

.days 
{
	color:black;
	text-decoration:none;
}

.selected_day 
{
	border-style:solid;
	border-width:1px;
	border-color:#a0a0a0;
	text-decoration:none;
	padding-left:2px;
	padding-right:2px;
}

.holiday 
{
	background-color:#FFDDDD;
	text-decoration:none;
}

.styleAnchor 
{
	text-decoration:none;
	color:black;
}

/* ================================================================ */
/* ======= ENTITY LOOKUP	 								======= */
/* ================================================================ */

.entityLookupBtn
{
	border: 					none;
	margin: 					0;
	padding: 					0;
	width: 						24px;
	height:						23px;
	text-decoration:			none;
	cursor:						pointer;
	margin-top: -1px;
	*margin-top: 0;
}

.entityLookupBtn span
{
	border: 					none;
	margin: 					0;
	padding: 					0;
	width: 						24px;
	height:						24px;
	text-decoration:			none;
	cursor:						pointer;
}

.entityLookupBtn img
{
}

.entityLookup 
{
	font-size:					12px;
	position:					absolute;
	border:						1px solid #CCCCCC;
	background:					#FFFFFF;
	width:						250px;
	height:						218px;
	left:						0;
	top:						1px;
	overflow:					hidden;
	display:					none;
}

.entityLookup .header
{
	background-color:#0763b1;
	color:white; 
	font-weight:bold;
	line-height:18px; 
}

.entityLookup .submit
{
	background-color:#b5c4cf;
	position:absolute;
	bottom:0;
	left:0;
	width:246px;
	margin:2px;
}

.entityLookup .nav
{
	position:absolute;
	top:18px;
	right:0;
	line-height:18px; 
	width:100px;
	margin:2px;
	padding-left:4px;
	padding-right:4px;
}

.entityLookup .nav .next 
{
	cursor: pointer;
}

.entityLookup .nav .next.readonly 
{
	background:none !important;
	border:none !important;
	color:#CCCCCC;
}

.entityLookup .nav .prev 
{
	cursor: pointer;
}

.entityLookup .nav .prev.readonly 
{
	background:none !important;
	border:none !important;
	color:#CCCCCC;
}

.entityLookup .container 
{
	border:none !important;
	display:none;
	background:#FFFFFF;
	position:absolute;
	top:18px;
	padding:0;
	margin:0;
	left:0;
	width:250px;
	height:201px;
}

.entityLookup .container .subheader
{
	background-color:#b5c4cf;
	padding-left:5px;
	line-height:18px; 
	margin:2px;
}

.entityLookup .container .children
{
	border:none !important;
	display:block;
	background:#FFFFFF;
	width:246px;
	height:102px;
	margin:2px;
	overflow:scroll;
}

.entityLookup .container .name 
{
	padding:1px;
	padding-left:5px;
	height:29px;
	overflow:hidden;
}

.entityLookup .container .location 
{
	padding:1px;
	padding-left:5px;
	height:14px;
	overflow:hidden;
}

.entityLookup .container .children .child
{
	padding:1px;
	padding-left:5px;
}

/* ================================================================ */
/* ======= DATE RANGE PICKER 								======= */
/* ================================================================ */
.date_button_div
{
	margin: 0;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}

.singledate_button 
{
	background:url(images/buttons/calendar.gif) no-repeat 0 0;
	width: 19px;
	height: 19px;
	border: none;
	padding: 0;
	cursor:pointer;
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 0 2px;
	margin-top: 1px;
	*margin-top: 0;
	margin-bottom: -5px\0;
	position: relative;
	white-space: nowrap;
	top: -3px;
	*top: -2px;
	*left: 2px;
	top: 0\0;
}

.daterange_button 
{
	background: transparent;
	background-image:url(images/buttons/calendar_range.gif);
	width:19px;
	height: 19px;
	background-repeat: no-repeat;
	border:none;
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 0 3px;
	margin-top: 2px;
	*margin-top: 0;
	margin-bottom: -7px\0;
	position: relative;
	top: -3px;
	*top: -2px;
	*left: 2px;
	top: 0\0;
	cursor:pointer;
}

.datepicker_button 
{
	background: transparent;
	background-image:url(images/buttons/calendar_range.gif);
	width:25px;
	height: 19px;
	background-repeat: no-repeat;
	border:none;
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 0 3px;
	margin-top: 2px;
	*margin-top: 0;
	margin-bottom: -7px\0;
	position: relative;
	top: -3px;
	*top: -2px;
	*left: 2px;
	top: 0\0;
	cursor:pointer;
}

.date_button_div > .singledate_button, .date_button_div > .daterange_button, .date_button_div > .datepicker_button
{
	width: 20px; 
	height: 22px;
	margin: 1px 0 0 2px; 
	padding: 0; 
	border: 0; 
	border-spacing: 0;
	z-index: 2;
	line-height: 22px;
	position: static;
}



.date_button_div > .daterange_button, .date_button_div > .datepicker_button
{
	background-position: 1px 2px;
}

.dateRange
{
	font-size:10px;
	background-color:#fff;
	width:100%;
}

.datepicker td .dateRange_left
{
	width: 105px;
	text-align: left;
	font-size: 11px;
}

.dateRange_center
{
	width: 10px;
}

.datepicker td .dateRange_right
{
	width: 105px;
	text-align: left;
	font-size: 11px;
}

.dateRange td, .datepicker.popup-open td {
	-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}

.datepicker.popup-open td[align="right"] {
	text-align: right;
}

.datepicker td .dateRange_left label, .datepicker td .dateRange_right label
{
	font-size: 11px;
	display: inline;
}

.dateRange.header
{
	background-color:#0763b1;
	color:white; 
	line-height:18px; 
	margin:1px; 
	padding-left:2px;
}

.dateRange.container
{
	border-width:1px; 
	border-style:solid;
	background-color:white; 
	border-color:#999999; 
}

TABLE.dateRange
{
	background-color:#fff;
}

td.dateRange
{
	background-color:#fff;
}

.dateRange .rowSubmit
{
	background-color:#b5c4cf;
}

/* ================================================================ */
/* ======= FORMFIELDS / CONTROLS							======= */
/* ================================================================ */

.selectBox
{
	
}

form 
{
	margin:0;
	padding:0;
}

FORM 
{
	margin:0;
	padding:0;
}

.uppercase 
{
	text-transform: uppercase !important;
}

input.urlInput 
{
	background-position: right;
	background-image:url(images/buttons/save.gif);
}

input.dateInput, input.dateinput
{
	margin-top: 				0;
	margin-bottom: 				0;
}

select.selectBox 
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	padding: 					1px 4px !important;
	border: 					1px solid #7F9DB9 !important;
	font-size:					12px;
	margin:						1px;
	margin-top:					0;
	margin-bottom:				1px;
}

select option.disabled
{
	color: #8C8C8C;
}

.textInput {
	font-family:				Arial;
}

select.textInput
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	padding: 					2px !important;
	padding-bottom:				1px !important;
	border: 					1px solid #7F9DB9 !important;
	font-size:					12px;
	margin-top:					0;
	*margin-bottom:				1px;
	position:					relative;
	top: 1px;
	*top:						0;
}

input.dateInput.disabled, input.dateinput.disabled
{
	border: 1px solid #C9C7BA !important;
	background-color: #FFFFFF !important;
	color: #BAB8A7;
}

input.dateInput.readonly, input.dateinput.readonly
{
	border: 1px solid #969696 !important;
	background-color: #FFFFFF !important;
	color: #808080 !important;
}

input.textInput, input.dateInput, input.dateinput
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
	padding: 					2px !important;
	padding-bottom:				0;
	*padding-bottom: 2px;
	border: 					1px solid #7F9DB9 !important;
	color: 						#000000 !important;
	background-color: 			#FFFFFF;
	font-size:					12px;
	margin:						1px;
	height:						22px;
	*height: auto;
}

input.dateInput, input.dateinput, input[type="text"].dateInput, input[type="text"].dateinput
{
	width:						80px;
}

input.dateinput-small {
	width:						78px;
}

.normalized input.radioButton {
	font-size: 12px;
	margin: 2px 3px;
}

input.checkBox 
{
	padding: 2px !important;
	color: #000000 !important;
	margin:						3px;
	margin-top:					4px;
	margin: 2px\0;
	margin-top: 3px\0;
	*margin:					0;
	*margin-top:				0;
}

label.checkBox
{
	font-size:12px;
	padding: 0px;
}

input.textInput.disabled 
{
	border: 1px solid #C9C7BA !important;
	background-color: #FFFFFF !important;
	color: #BAB8A7 !important;
}

input.textInput.readonly
{
	border: 1px solid #969696 !important;
	background-color: #FFFFFF !important;
	color: #808080 !important;
}

label.textInput.readonly
{
	color: black !important;
	background-color: #f3f1eb !important;
	border: none !important;
}

.textArea.readonly
{
	border: 1px solid #969696 !important;
	background-color: #FFFFFF !important;
	color: #808080 !important;
}

td.textAreaLabel
{
	padding-top: 				4px;
}

.textArea
{
	margin: 					0;
	margin-bottom:				0;
	padding:					0;
}

input.textInput.difference 
{
	color: #0354B7;
	font-weight:bold;
}

.advselect_txt
{
	float: left;
}

.advselect_div
{
	margin: 0;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}

.advselect_btn
{
	background: url(images/buttons/advselect.gif) no-repeat; 
	width: 22px; 
	height: 22px;
	margin: 1px 0 0 2px; 
	padding: 0; 
	border: 0; 
	border-spacing: 0;
	z-index: 2;
	line-height: 22px;
}

.advancedselectbox 
{
	float: none;
	display: none;
	z-index: 999999;
	position: absolute;
	width: auto;
	height: auto;
	min-width: 100px;
	min-height: 100px;
	overflow: visible !important;
}

.advancedselectbox select
{
	height: 100px; 
	position: absolute;
	z-index: 999999;
}

/* ================================================================ */
/* ======= BUTTONS											======= */
/* ================================================================ */

#btnview_btn 
{
	display:none;
	float:left;
}
#btnedit_btn 
{
	display:none;
	float:left;
}

input.btnStand 
{
	height:21px;
	border:none;
	background:none;
	margin:0;
	padding:0;
	width:96px;
	margin-top: -1px;
	*margin-top: 0;
}

button.btncontainer 
{
	border: 					none;
	background: 				none;
	height:						20px;
	*height: 21px;
	margin: 					0;
	padding:					0;
	cursor:						pointer;
	display: 					inline-block;
}

button.btncontainer > div
{
	width: inherit;
}
		
div.btnStand 
{
	font-weight: 				normal;
	font-size: 					12px;
	margin:						0;
	height: 					20px;
	line-height:				19px;
	*line-height: 18px;
	*float: left;
	cursor:						pointer;
	color: 						#000000;
	background-image:			url(images/htmlstyles/bgstdbtn.gif);
	display: 					inline-block;
}

.btncontainer .left
{
	height: 					20px;
	float:						left;
	width:						3px;
	cursor:						pointer;
	background-image:			url(images/htmlstyles/leftstdbtn.gif);
}

.btncontainer .right
{
	height: 					20px;
	width:						3px;
	float:						right;
	cursor:						pointer;
	background-image:			url(images/htmlstyles/rightstdbtn.gif);
}

.btnSmall 
{
	font-weight: normal;
	font-size: 10px;
	margin:0;
	margin-top:0;
	height:20px;
	line-height:18px;
	background:none;
	padding:0;
	border:none;
	float:left;
	cursor:pointer;
	color: #000000;
	background-image:url(images/htmlstyles/bgstdbtn.gif);
}

.button 
{
	font-size: 12px; 
	z-index: 100000; 
	padding-bottom: 2px; 
	cursor:default; 
	padding-top: 2px; 
	font-family: Arial; 
	letter-spacing: 0.1em;
}

.btnSave, input[type="submit"].btnSave, input[type="button"].btnSave
{
	border:						none;
	font-weight: 				bold;
	font-size: 					12px;
	line-height: 19px;
	*line-height: 18px;
	background:					url(images/buttons/save.gif) no-repeat center 50%;
	width: 						72px;
	height: 					20px;
	padding: 					0;
	color: 						#000000;
	margin:						0;
	margin-top:					-1px;
	*margin-top:				0;
	margin-bottom:				1px;
	padding: 					0px;
	padding-bottom: 			3px;
}

.btnSave[disabled]{
	color: graytext;
	opacity: 0.5;
}

.btncontainer:disabled, .btncontainer[disabled] {
	opacity: 0.5;
}

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  line-height: 0;
  content: "";
}

.clearfix:after {
  clear: both;
}

.btnSpell 
{
	font-weight: normal; 
	font-size: 12px; 
	width: 60px;
}

.btnSelect 
{
	font-weight: normal;
	width: 100px;
}


/* ================================================================ */
/* ======= FRAMEWORK										======= */
/* ================================================================ */
.iframecontainer .modalie
{
	width:					100%; 
	height:					100%; 
	position:				absolute; 
	top:					0; 
	left:					0;
	z-index:				9998;
}

#frameContainer 
{
	padding-left:			5px; 
	margin:					0;
	padding-top:			0; 
	border:					1px;
}

/* ================================================================ */
/* ======= PICKERS											======= */
/* ================================================================ */

/*.pagecontent 
{
	z-index:-1;
	clear:left;
	position:absolute;
}*/

.pickerCount 
{
 	margin-left: 40px; 
	COLOR: gray;
	text-align:right;
	padding:0;
	width:50px;
}

.pickerLetter 
{
	TEXT-ALIGN: left;
	width:20px;
	float:left;
	padding:0;
	font-weight:bold;
	padding-left:2px;
}

div#picker div.pickerWrapper
{
	margin: 18px 0 0 3px;	
	position: relative;
}

div.pickerChar
{
	padding: 0 0 0 4px;
	clear: both;
	float: left;
	position: relative;
	width: 155px;
	min-height: 17px;
}

.pickerTotal
{
	margin-bottom:3px; margin-left:3px; color:gray; position: absolute; top: 3px; left: 0; margin: -19px 0 0 0;
}

div.pickerChar a
{	
	background: url(images/menu/navigate_right.gif) no-repeat 0 0;
	cursor:pointer;
	text-align: left;
	padding:0;
	font-weight:bold;
	padding-left:15px;
	min-height: 17px;
	clear: right;
	width: 65px;
	position: relative;
	color: black;
	text-decoration: none;
	line-height: 12px;
}

div.pickerChar.active a
{
	background: url(images/menu/navigate_down.gif) no-repeat 0 0;
}


div.pickerChar a span 
{
	font-weight: normal;
	position: absolute;
	text-align: right;
	display: block;
	width: 70px;
	color: gray;
	left: 20px;
	top: 0;
}

div.pickerLoader
{
	display: none;
}

div.pickerLoader.active
{
	display: inline;
}

div.pickerLoader span.loading
{
	display: block;
	margin: 2px 0 2px 10px;
	cursor: pointer;
	color: #000;
	padding-left:13px;
	text-decoration: none;
	clear: left;
}

div.pickerLoader a
{
	display: block;
	margin: 3px 0 3px 10px;
	cursor: pointer;
	color: #000;
	padding-left:13px;
	min-height: 13px;
	text-decoration: none;
	clear: left;
	width: 195px !important;
	font-weight: normal !important;
	background: url(images/menu/navigate_right_red.gif) no-repeat 0 0 !important;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#picker 
{
	border-right: gray 1px dashed; 
	padding-right: 5px; 
	padding-left: 5px; 
	font-size: 10px; 
	float: left;
	width: 240px !important;
  	width /**/:250px;
	padding-top: 0; 
	height: 100% !important;
	overflow: auto;
	position: relative;
	line-height: 12px;
}

#pickerSelection UL 
{
	margin:0;
	margin-top: 0; 
	padding-left: 0; 
	margin-left: 0; 
	padding-top: 5px; 
	padding-bottom: 5px;
	list-style-type: none;
	display:block;
}

#pickerSelection UL LI 
{
	margin:0;
	margin-top: 0; 
	padding-left: 0; 
	margin-left: 0; 
	padding-top: 0; 
	list-style-type: none;
}

#picker UL 
{
	list-style-position: outside; 
	list-style-type: none;
}

#pickerSelection .select P 
{
	border-right: #cccccc 1px solid; 
	padding-right: 2px; 
	border-top: #cccccc 1px solid; 
	padding-top:0;
	padding-bottom:0;
	text-indent: 3px;
	font-weight: bold; 
	border-left: #cccccc 1px solid; 
	border-bottom: #cccccc 1px solid; 
	background-color: #fffde9;
	margin-top:0;
	margin-bottom:2px;
	display:block;
}

#pickerSelection .select div {
	overflow: hidden;
	zoom: 1;
}

#pickerSelection fieldset
{
	font-size: 12px;
	width:160px;
}

#picker P 
{
	border: 1px solid #CCC;
	padding: 0 2px 0 2px;
	font-weight: bold; 
	font-size: 12px; 
	background-color: #fffde9;
	margin: 0 0 2px 0;
}

#pickerSelection 
{
	border-right: gray 1px dashed; 
	padding-right: 5px; 
	font-size: 10px; 
	float: left; 
	padding-top: 0; 
	margin-top:0;
	height: 100%;
}

#pickerSelection .select 
{
	background-position: left top; 
	margin-top: 0; 
	background-repeat: no-repeat;
}

#detail_window 
{
	width: 99% !important;
	height: 99%;
	margin: 0;
}

.detail_window 
{
	width: 99% !important;
	height: 99%;
	margin: 0;
}

#detail_windowcontainer 
{
	width: auto !important;
}


/* ================================================================ */
/* ======= TAB SYSTEM										======= */
/* ================================================================ */

#TabSystem1 
{
	padding-right:			0; 
	padding-left:			0; 
	background:				none transparent scroll repeat 0% 0%; 
	left:					5px; 
	padding-bottom:			0; 
	margin:					0; 
	border-top-style:		none; 
	padding-top:			0; 
	border-right-style:		none; 
	border-left-style:		none; 
	position:				absolute; 
	top:					30px; 
	border-bottom-style:	none;
}

#TabSystem2 
{
	padding-right: 			0; 
	padding-left: 			0; 
	background: 			none transparent scroll repeat 0% 0%; 
	left:					5px; 
	padding-bottom: 		0; 
	margin: 				0; 
	overflow: 				visible; 
	border-top-style: 		none; 
	padding-top: 			0; 
	border-right-style:		none; 
	border-left-style:		none; 
	position:				absolute; 
	top:					50px; 
	border-bottom-style:	none;
}

.notab_content 
{
	border-right: 			1px solid #37424d; 
	padding-right: 			1px; 
	border-top:				1px solid #999;
	padding-left: 			1px; 
	z-index: 				500; 
	padding-bottom: 		1px; 
	margin-left: 			8px; 
	border-left: 			1px solid #666; 
	width: 					720px; 
	padding-top: 			1px; 
	border-bottom: 			1px solid #37424d; 
	font-family: 			Arial, sans-serif; 
	position: 				absolute; 
	top: 					60px; 
	height: 				auto; 
	background-color: 		#fff;
}

.content 
{
	border-right: 			1px solid #37424D; 
	padding-right: 			1px; 
	border-top: 			1px solid #999;
	padding-left: 			1px; 
	z-index: 				500; 
	padding-bottom: 		1px; 
	margin-left: 			8px; 
	border-left: 			1px solid #666; 
	width: 					720px; 
	padding-top: 			1px; 
	border-bottom: 			1px solid #37424d; 
	font-family: 			Arial, sans-serif; 
	position: 				absolute; 
	top: 					40px; 
	height: 				auto; 
	background-color: 		#fff;
}

.tab-content-hidden, .tab-content-hidden input, .tab-content-hidden select, .tab-content-hidden a, .tab-content-hidden button {
	display: none;
	visibility: hidden;
}

div.tabs 
{
	font-weight: 			700! important; 
	z-index: 				10000; 
	right: 					0px; 
	width: 					720px; 
	cursor: 				default! important; 
	line-height: 			20px; 
	margin-right: 			0; 
	font-family:			Arial, sans-serif; 
	position: 				absolute; 
	top: 					22px;
	top: 20px\0;
	*top: 20px;
	height: 				20px;
	text-align: 			right;
}

.content2 
{
	border-right:			#37424d 1px solid; 
	padding-right: 			1px; 
	border-top: 			#999 1px solid;
	padding-left: 			1px; 
	z-index: 				500; 
	padding-bottom: 		1px; 
	margin-left: 			8px; 
	border-left: 			#666 1px solid; 
	width: 					720px; 
	padding-top: 			1px; 
	border-bottom: 			#37424d 1px solid; 
	font-family: 			Arial, sans-serif; 
	position: 				absolute; 
	top: 					50px !important; 
	height: 				auto; 
	background-color: 		#fff;
}

div.tabs2 
{
	font-weight: 			700 !important;
	z-index: 				10000; 
	right: 					0; 
	width: 					720px; 
	cursor: 				default !important; 
	line-height: 			20px; 
	margin-right: 			0; 
	font-family: 			Arial, sans-serif; 
	position: 				absolute; 
	top: 					30px !important;
	height:	 				20px;
	text-align: 			right;
}

.tab 
{
	position:				static;
	position: relative\0;
	*position: relative;
	font-size: 				11px;
	z-index: 				100;
	padding-bottom: 		0;
	min-width: 				100px;
	color: 					#303036;
	border-bottom: 			#347 0px solid;
	text-decoration: 		none;
	margin-left: 			0;
	margin-right: 			0;
}

.tab .tabcenter 
{
	position: 				absolute;
	left: 					3px;
	right: 					2px;
	height: 				18px;
	top: 					0;
	width: 					auto;
	line-height: 			16px;
	background: 			url(images/htmlstyles/tabbg.png) repeat-x top right;
}

.tabhidden
{
	visibility: hidden; display: none;
}

.tabspan 
{
	width:					inherit;
	display:				inline;
	padding-left:			14px;
	margin-right:			14px;
}

.tabspan span
{
	display:				inline !important;
}

.tabcontainer 
{
	display:				inline;
	position:				relative;
	z-index:				9999;
	float:					left;
}

.tab .tableft, .tab.tabdisabled:hover .tableft {
	position: absolute;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	margin-left:0;
	margin-top:0;
	left:0;
	height:18px;
	width:3px;
	top:0;
	background: url(images/htmlstyles/tableft.png) no-repeat; 
}

.tab .tabright, .tab.tabdisabled:hover .tabright {
	position:absolute; 
	right:0;
	padding-top: 0;
	padding-bottom: 0;
	height:18px; 
	margin-top: 0;
	margin-right:-1px;
	width:3px;
	top:0;
	background: url(images/htmlstyles/tabright.png) no-repeat; 
}

.tab.tabdisabled, .tab.tabdisabled:hover
{
	font-size: 				11px;
	z-index: 				100;
	padding-bottom: 		1px;
	width: 					100px;
	color: 					#CDCDCD;
	line-height: 			20px;
	padding-top: 			0;
	text-decoration: 		none;
	cursor: default;
}

.tab.tabdisabled .tabcenter, .tab.tabdisabled:hover .tabcenter 
{
	position: 			absolute;
	left: 				3px;
	right: 				2px;
	height: 			18px;
	top: 				0;
	width: 				auto;
	line-height: 		16px;
	cursor: default;
	background: 		url(images/htmlstyles/tabbg.png) repeat-x;
}

.tab:hover {
	font-size: 11px; 
	z-index: 1200; 
	padding-bottom: 1px; 
	width: 50px; 
	padding-top: 1px; 
	border-bottom: 0px solid #347; 
	text-decoration: none;
}

.tab:hover .tableft {
	position: absolute;
	display: block;
	padding-top: 0;
	padding-bottom: 0;
	margin-left:0;
	margin-top:0;
	left:0;
	height:18px;
	width:3px;
	top:0;
	background: url(images/htmlstyles/tabhoverleft.png) no-repeat 0 0; 
}

.tab:hover .tabright {
	position:absolute; 
	right:0px;
	padding-top: 0;
	padding-bottom: 0;
	height:18px; 
	margin-top: 0;
	margin-right:-1px;
	width:3px;
	top:0;
	background: url(images/htmlstyles/tabhoverright.png) no-repeat 0 0; 
}

.tab:hover .tabcenter 
{
	position: 			absolute;
	left: 				3px;
	right: 				2px;
	height: 			18px;
	top: 				0;
	width: 				auto;
	line-height: 		16px;
	cursor:				pointer;
	background: 		url(images/htmlstyles/tabhoverbg.png) repeat-x;
}

.tabActive {
	font-size: 11px;
	line-height: 20px;
	z-index: 10000;
	padding-bottom: 50px;
	padding-top: 0;
	text-decoration: none;
	margin-left: 0;
}

.tabActive .tableft {
	position:absolute; 
	margin-top:0; 
	margin-left:0;
	height:19px !important; 
	width:3px;
	background-image: url(images/htmlstyles/tabactiveleft.png) !important; 
	background-repeat: no-repeat;
}

.tabActive .tabright {
	position: absolute;
	margin-right:-1px;
	margin-top:0;
	height:19px !important;
	width:3px; 
	background-image: url(images/htmlstyles/tabactiveright.png) !important; 
	background-repeat: no-repeat;
}

.tabActive .tabcenter {
	position: absolute;
	left: 3px;
	right: 2px;
	height: 19px !important;
	top: 0;
	width: auto;
	line-height: 16px;
	background: url(images/htmlstyles/tabactivebg.png) repeat-x;
}

DIV.tabs DIV.bottomrow 
{
	z-index: 				3; 
	position: 				absolute; 
	top: 					0; 
	height:					20px;
}

DIV.tabs DIV.bottomrow .tab 
{
	padding-bottom:	 		3px; 
	width: 					50px; 
	padding-top: 			1px;
}

DIV.tabs DIV.bottomrow .tabActive 
{
	margin-bottom: 			0; 
	padding-bottom: 		7px; 
	padding-top: 			1px; 
	height: 				50px;
}

DIV.tabs DIV.toprow 
{
	z-index: 				2; 
	position: 				absolute; 
	top: 					-18px;
}

DIV.tabs DIV.toprow .tab 
{
	padding-bottom: 		3px; 
	width: 					50px; 
	padding-top: 			1px;
}

DIV.tabs DIV.thirdrow 
{
	z-index: 				1; 
	position: 				absolute; 
	top: 					-35px;
}

DIV.tabs DIV.thirdrow .tab 
{
	padding-bottom: 		3px; 
	width: 					50px; 
	padding-top: 			1px;
}

/* ================================================================ */
/* ======= OTHER / UNSORTED									======= */
/* ================================================================ */

.criticalflags 
{
	color:green;
	font-weight:bold;
}

.about 
{
	z-index: 600; 
	right: 20%; 
	color: gray; 
	position: absolute; 
	top: 20%;
}

.dataEntryspace 
{
	height: 2px; background-color: #666666
}

.errormessage
{
	font-weight: bold; 
	font-size: 11px; 
	font-family: Arial; 
	color: #999999
}

.mySelectBox 
{
	font-size: 13px;
	width: 340px; 
	font-family: "lucida console",monospace; 
	background-color: #eeeeee;
}

.addressBox
{
	width:320px;
	font-family: "lucida console",monospace; 
}

.addressBox.disabled
{
	color: #8C8C8C;
}

.info 
{
	background-color: #fff;
}

.highlight 
{
	background-color: #f3f3f3
}

.flashMask
{
	background-color: #e7e7e7;
}

.clickable 
{
	cursor:pointer;
}

#header 
{
	padding-bottom: 0; 
	border-bottom: #ffa500 thin solid; 
	font-family: Arial, Helvetica, sans-serif; 
	position: relative; 
	height: 55px; 
	background-color: #ffffff;
}

#header H1 
{
	padding-right: 10px; 
	padding-left: 10px; 
	font-size: 12px; 
	padding-bottom: 10px; 
	color: #000000; 
	text-indent: 24px; 
	padding-top: 10px;
}

#programHeader 
{
	padding-right: 5px;
	background-position: left top;
	padding-left: 59px;
	padding-bottom: 0;
	padding-top: 5px;
	background-repeat: no-repeat;
	font-family: Arial, sans-serif;
	position: relative;
	height: 50px;
}

#programHeader .toolItems 
{
	padding-left: 10px; 
	float: left; 
	cursor:pointer; 
	padding-top: 0; 
	position: relative;
}

.searchBar 
{
	Margin-TOP: 5px;
}

.mainiframe 
{
}

#processInfo 
{
	font-size: 12px; 
	text-align: center;
}

.savingStatus 
{
	margin-top: 10px; 
	padding-left: 5px; 
	font-size: 12px; 
	margin-left: 5px; 
	margin-right: 0; 
	padding-top: 10px; 
	height: 30px; 
	text-align: left;
}

#resetApp 
{
	border-right: silver 1px solid; 
	border-top: silver 1px solid; 
	font-size: 12px; 
	border-left: silver 1px solid;
	width: 400px; 
	border-bottom: silver 1px solid; 
	background-color: #fffde9; 
	text-align: center;
}

P 
{
	font-size: 12px; 
	line-height: 20px; 
	background-color: #fffde9; 
	font-size-adjust: inherit;
}

/*P .mandField:first-letter 
{
	font-size: 12px; 
	line-height: 20px; 
	background-color: #fffde9; 
	font-size-adjust: inherit;
}
*/
#programHeader .titleText 
{
	padding-left: 6px; 
	font-weight: bold; 
	font-size: 18px; 
	float: left; 
	margin-bottom: 0; 
	padding-bottom: 0; 
	padding-top: 5px; 
	border-bottom: #3d3432 1px solid; 
	font-style: italic;
}

#processInfo P 
{
	font-size: 12px; 
	line-height: 20px; 
	text-align: center; 
	font-size-adjust: inherit;
}

.titleText SPAN 
{
	font-size: 12px; 
	color: #006600; 
	line-height: 20px; 
	text-align: center; 
	font-size-adjust: inherit;
}

.successText 
{
	font-size: 10px; 
	color: green;
}

.errorText 
{
	font-size: 10px; 
	color: red;
}

.toolbar
{
	text-decoration: underline;
	color: #000;
}

/* ================================================================ */
/* ======= PAGE / BODY										======= */
/* ================================================================ */
html
{
	padding-right: 0; 
	padding-left: 0; 
	padding-bottom: 0; 
	margin: 0; 
	padding-top: 0;
	min-height: 100%;
	height: 100%;
}

body.non-normalized
{
	padding-right: 0; 
	padding-left: 0; 
	padding-bottom: 0; 
	margin: 0; 
	font: 10px Arial; 
	color: black; 
	padding-top: 0; 
	height: 100%;
	min-height: 100%;
}

#body.non-normalized
{
	height: 100%; 
	width: 100%;
	zoom: 1;
	overflow: auto;
}

#embeddedbody
{
}

a:disabled, a[disabled] {
	opacity: 0.6 !important;
	color: #000 !important;
	cursor: default;
}

a[disabled] div, a[disabled] img, a:disabled div, a:disabled img {
	opacity: inherit;
	opacity: 1.0\0/IE8+9;
}

.body_padding
{
	padding-left: 5px;
	padding-top: 3px;
	min-height: 100%;
	overflow: visible;
	height: 100%;
	width: 100%;
	zoom: 1;
	 -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.saveBody 
{
	background-image: none; 
	background-color: #eaf5ff;
}

.mainBody 
{
	padding-right: 0; 
	padding-left: 0; 
	padding-bottom: 0; 
	margin: 0; 
	font: 10px Arial; 
	color: black; 
	padding-top: 0; 
	background-repeat: no-repeat;
}

/* ================================================================ */
/* ======= ANCHOR TAGS										======= */
/* ================================================================ */

A.toolbar, A.toolbar:link, A.toolbar:visited 
{
	font-weight: normal; font-size: 10px; color: #000; text-decoration: underline; line-height: 15px;
}

A.toolbar:hover 
{
	font-size: 10px; color: #ffa500; text-decoration: underline;
}

.buttonlabel A 
{
	cursor:pointer; color: #000000; text-decoration: none;
}

.disabledLink 
{
	font-weight: normal; font-size: 11px; color: #9f9f9f;
}

A.dataEntry 
{
	font-weight: normal; font-size: 11px; color: #000; text-decoration: underline;
}

A.dataEntry:link 
{
	font-weight: normal; font-size: 11px; color: #000; text-decoration: underline;
}

A.dataEntry:visited 
{
	font-weight: normal; font-size: 11px; color: #000; text-decoration: underline;
}

A.panel
{
	font-weight: bold; 
	font-size: 12px; 
	color: #fff; 
	text-decoration: none; 
	display: block;
	background: #0763b1 url(images/menu/right.gif) no-repeat 5px 3px;
	text-indent: 22px;
	margin: 0 2px 2px 2px;
	line-height: 21px;
}

A.panel.selected
{
	background: #0763b1 url(images/menu/down.gif) no-repeat 5px 3px;
}

A.panel:link 
{
	font-weight: bold; font-size: 12px; color: #fff; text-decoration: none;
}

A.panel:visited 
{
	font-weight: bold; font-size: 12px; color: #fff; text-decoration: none;
}

.panelgroup {
	margin: 0; 
	padding: 0;
	padding-top: 2px;
}


/* ================================================================ */
/* ======= TABLES	 										======= */
/* ================================================================ */

A.dataEntry:hover 
{
	font-size: 11px; color: #ffa500; text-decoration: underline;
}

/*
TODO: Implement Disabled CSS
A.dataEntry[disabled], A.summaryTable[disabled]
{
	color: #656565 !important;
	cursor: default;
	opacity: 1.0;
}
*/

A.summaryTable:link 
{
	font-weight: normal; font-size: 11px; color: #000; text-decoration: underline;
}

A.summaryTable:visited 
{
	font-weight: normal; font-size: 11px; color: #000; text-decoration: underline;
}

A.summaryTable:hover 
{
	font-size: 11px; color: #ffa500; text-decoration: underline;
}

TABLE.summaryTable 
{
	padding-right: 0; 
	padding-left: 0; 
	padding-bottom: 0; 
	padding-top: 0; 
	background-color: #fff;
}

.summaryTable TH 
{
	font-size: 12px; color: white; background-color: #0354b7; text-align: left; line-height: normal;
}

.summaryTable .rowheader 
{
	font-weight: bold; color: white; background-color: #0354b7;
}

.summaryTable TD 
{
	font-size: 12px;
	line-height: normal;
}

.summaryTable .row1 
{
	background-color: #fff;
}

.summaryTable .row2 
{
	background-color: #e9e9e9;
}

.summaryTable .hilite, .dataEntry .hilite, .dataEntry .hilite td
{
	cursor:pointer; background-color: #FFFF99;
}

.summaryTable .colSort 
{
	font-weight: normal; 
	font-size: 11px; 
	color: black; 
	background-color: #6699cc; 
	cursor:pointer;
	text-decoration:underline;
}

.summaryTable .colData 
{
	background-color: #f4f4f4;
}

.summaryTable .subHead 
{
	background-color: #c3d9eb;
}

.summaryTable .RowSubmit 
{
	font-weight: normal; font-size: 11px; color: black; background-color: #b5c4cf;
}

.summaryTable .sortable
{
	font-weight: normal; font-size: 11px; color: black; text-decoration:underline;
}

TABLE.dataEntry 
{
	font-size: 					9pt;
	color: 						black;
	line-height: normal;
	
}

.normalized table.dataEntry {
	border-spacing: 2px;
	border-collapse: separate;
}

.timeinput-input-hours {
	text-align: right; 
	width:19px; 
	border:0px; 
	height:18px; 
	float: left;
}

.timeinput-input-minutes {
	width:19px; 
	border:0px; 
	height:18px; 
	float: left; 
}

.timeinput-input-ampm {
	width:22px; margin-right:0px; padding-right:0px; border:0px; height:18px; font-size:11px; font-weight:bold; float: left;
}

.normalized table.dataEntry td, .normalized table.dataEntry th {
	padding: 2px;
	padding-left: 4px;
	line-height: 18px;
}

.normalized table.dataEntry .RowSubmit {
	font-size: 11px;
}

.normalized table.summaryTable {
	border-spacing: 2px;
	border-collapse: separate;
}

.normalized table.summaryTable td, .normalized table.summaryTable th {
	padding: 2px;
	line-height: 18px;
}

.normalized table.summaryTable td label, .normalized table.summaryTable th label {
	font-size: 12px;
	line-height: inherit;
	margin: 0;
}

.dataEntry td 
{
	background-color: 			#f3f1eb;
}

.dataEntry td.fixed
{
	background-color: 			#f3f1eb;
	height:						24px;
}

/* Gecko Browers */
html:not([lang*=""]) .dataEntry td.fixed
{
	height:						28px;
}

.dataEntry th 
{
	padding-left: 				5px; 
	color: 						#FFFFFF; 
	background-color: 			#0763b1; 
	text-align: 				left;
	padding-top:				3px;
	padding-bottom:				2px;
}

.dataEntry .RowSubmit 
{
	font-weight: 				normal; 
	font-size: 					11px; 
	color: 						black; 
	background-color: 			#b5c4cf;
	padding: 					2px;
	padding-top:				3px;
}

.dataEntry .RowSubmit span
{
	display: inline-block;
	position: relative;
	*display: inline;
}

.dataEntry .Rowspace 
{
	font-weight: 				normal; 
	font-size: 					11px; 
	color: 						black; 
	height: 					5px; 
	padding:					2px;
	padding-bottom:				3px;
	background-color: 			#CCCCCC;
}

.dataEntry .rowHeader 
{
	font-weight: bold; color: #fff; background-color: #0763b1;
}

.dataEntry .row1 
{
	background-color: #f3f7fa;
}

.dataEntry .row2 
{
	background-color: #fff;
}

.dataEntry .colData 
{
	background-color: #f1efeb;
}

.dataEntry .subHead 
{
	font-weight: bold; background-color: #c3d9eb;
}

#pickerSelection TABLE 
{
	font-size: 12px;
}

#programHeader TABLE 
{
	font-size: 12px; margin-left: 0px;
}

/*.dataEntry .mandField:first-letter 
{
	font-size: 11px; color: #ff0000;
}*/

span.mandField {
	font-size: 11px; color: #ff0000;
}

/* ================================================================ */
/* ======= LOADER	 										======= */
/* ================================================================ */

#loader
{
	padding:5px;
	position:absolute;
	background-color:#F5F5F5;
	top:200px;
	left:300px;
	border-style:solid;
	border-color:#333333;
	border-width:1px;
	text-align:center;
	width:180px;
	height:50px;
	z-index:2000;
}

#loader .title
{
	color:#333333;
	padding-bottom:10px;
}
	
/* ================================================================ */
/* ======= MESSAGES 										======= */
/* ================================================================ */

.msgLocking 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-attachment: fixed;*/
	background-image:url(images/misc/locking.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	min-height:55px;
	min-width:350px;
	margin-left:10px;
	margin-bottom: 10px;
	margin-top:0;
	padding-right:10px;	
}

.msgLocking ~ div {
	margin-bottom: 10px;
}

.msgError 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/misc/error.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	min-height:50px;
	margin-left:10px;
	margin-top:2px;
	padding-right:10px;	
}

.msgYesNo 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/misc/yes_no.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	min-height:50px;
	margin-left:2px;
	padding-right:10px;	
}

.msgWarning 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/misc/warning.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	min-height:50px;
	margin-left:10px;
	padding-right:10px;	
}

.msgWarning {
	position: relative;
	background: none;
}

.msgWarning:before {
	font-size: 40px;
    color: inherit;
    display: block;
    font-family: 'Font Awesome 5 Pro';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    position: absolute;
    top: 12px;
    content: "\f071";
    font-weight: 300;
    left: -5px;
    width: 60px;
    text-align: center;
    color: #ff8c00;
}

.msgMedical
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/misc/medical.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	min-height:50px;
	margin-left:10px;
	padding-right:10px;	
}

.msgMedical {
	position: relative;
	background: none;
}

.msgMedical:before {
	font-size: 40px;
    color: inherit;
    display: block;
    font-family: 'Font Awesome 5 Pro';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    position: absolute;
    top: 10px;
    content: "\f479";
    font-weight: 300;
    left: -5px;
    width: 60px;
    text-align: center;
    color: #d80027;
}


.msgAbsence
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/mod_titles/attendance.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	min-height:50px;
	margin-left:10px;
	padding-right:10px;	
}

.msgAbsence {
	position: relative;
	background: none;
}

.msgAbsence:before {
	font-size: 40px;
    color: inherit;
    display: block;
    font-family: 'Font Awesome 5 Pro';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    position: absolute;
    top: 12px;
    content: "\f4fd";
    font-weight: 300;
    left: -3px;
    width: 60px;
    text-align: center;
    color: #08c;
}


.msgTassUpdate
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/toolbar/toolbar_update.png);
	background-repeat: no-repeat;
	background-position: left 9px;
	min-height:50px;
	margin-left:10px;
	padding-right:10px;	
}

.msgTassUpdate {
	position: relative;
	background: none;
}

.msgTassUpdate:before {
	font-size: 40px;
    color: inherit;
    display: block;
    font-family: 'Font Awesome 5 Pro';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    position: absolute;
    top: 12px;
    content: "\f019";
    font-weight: 300;
    left: -5px;
    width: 60px;
    text-align: center;
    color: #08c;
}


.msgEMPUpdate
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image:url(images/mod_titles/employee.gif);
	background-repeat: no-repeat;
	background-position: left 9px;
	min-height:50px;
	margin-left:10px;
	padding-right:10px;	
}


.msgEMPUpdate {
	position: relative;
	background: none;
}

.msgEMPUpdate:before {
	font-size: 40px;
    color: inherit;
    display: block;
    font-family: 'Font Awesome 5 Pro';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    position: absolute;
    top: 12px;
    content: "\f2bb";
    font-weight: 300;
    left: -5px;
    width: 60px;
    text-align: center;
    color: #08c;
}

.msg .text
{
	padding-left:55px; padding-top:10px;
}


/* ================================================================ */
/* ======= STUDENT ENTITY									======= */
/* ================================================================ */

.studPhoto
{
	border-color:#ccc;
	border-style:solid;
	border-width:thin;
}

.rowhilite td
{
	cursor:pointer;
	background-color: #FFFDE9 !important;
}

.currentperiod td 
{
	background: yellow;
}

/* ================================================================ */
/* ======= NUMBER RANGE PICKER 								======= */
/* ================================================================ */
.numberrange_button_div
{
	margin: 0;
	display: inline-block;
	white-space: nowrap;
	vertical-align: top;
}


.numberrange_button 
{
	background: transparent;
	background-image:url(images/buttons/number_range.gif);
	width:19px;
	height: 19px;
	background-repeat: no-repeat;
	border:none;
	margin: 0;
	font-size: 10px;
	line-height: 10px;
	margin: 0 0 0 1px;
	margin-top: 2px;
	*margin-top: 0;
	margin-bottom: -6px\0;
	position: relative;
	top: -3px;
	*top: -2px;
	top: 0\0;
	cursor:pointer;
	background-position:center;
}

.numberrange_button_div > .numberrange_button
{
	width: 20px; 
	height: 22px;
	margin: 1px 0 0 2px; 
	padding: 0; 
	border: 0; 
	border-spacing: 0;
	z-index: 2;
	line-height: 22px;
	position: static;
}

.normalized .rangepicker 
{
	z-index:999;
	position:absolute;
	visibility:hidden;
}

.normalized .rangepicker .title 
{
	background-color: #0763B1;
}

.normalized .rangepicker .containertable 
{
	font-family:arial;
	font-size:11px;
	border-width:1px;
	border-style:solid;
	border-color:#a0a0a0;
	background-color: #ffffff;
}

.normalized .rangepicker #caption
{
	padding: 2px;
	font-family: arial;
	font-size: 11px;
	color: #ffffff;
	font-weight: bold;
}

.normalized .rangepicker .range td 
{
	font-size:10px;
	background-color:#ffffff;
}

.normalized .rangepicker .submit td 
{
	background-color:#b5c4cf;
}


/* ================================================================ */
/* ======= GRID 		  								    ======= */
/* ================================================================ */

.gridScroll
{
	margin-right:				0; 
	margin-bottom:				2px; 
	*margin-right: 3px; 
	*margin-bottom: 2px; 
}

div.gridSubHeader
{
	margin:						3px; 
	margin-left:				2px;
	margin-right:				1px;
	float:						left;
}

div.gridSubHeaderRightButton
{
	float: 						right;
}

div.gridSubHeaderRightButton .btncontainer
{
	margin-bottom: 				0;
}


.standardwindow .modalie
{
	width:					100%; 
	height:					100%;
	position:				absolute; 
	top:					0; 
	left:					0; 
	z-index:				10000;
	background-image: 		url(images/htmlstyles/transparent.png);
}

.standardwindow .modalmoz
{
	width:100%; 
	height:100%; 
	position: absolute; 
	top:0; 
	left:0; 
	bottom:0; 
	right:0; 
	z-index:10000;
	background-image: url(images/htmlstyles/transparent.png);
}

.standalonewindow 
{
	background-color: #fff;
	position:absolute;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	z-index:10002;
	border: 1px solid #4B4B4B;
}

.standalonewindowtitle 
{
	background-color: 		#0354b7;
	border-bottom: 			1px solid #4B4B4B;
	font-size:				12px;
	color:					#FFFFFF;
	font-weight: 			bold;
	padding:				3px 0 3px 0;
	width:					100%;
}

.modalscroll {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10001;
	width: 100%;
	height: 100%;
	overflow: auto;
}

.standardwindow {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
}

.standardwindow .window 
{
	background-color: #fff;
	position: relative;
	/*z-index: 10002;*/
	border: 1px solid #4B4B4B;
	clear: both;
}


.standardwindow .windowtitle 
{
	background-color: 			#0354b7;
	border-bottom: 				1px solid #4B4B4B;
	font-size:					12px;
	color:						#FFFFFF;
	font-weight: 				bold;
	padding:					4px;
	padding-top:				4px;
	*padding-top: 3px;
	padding-left:				7px;
}

.standardwindow .windowtitleleft 
{
	background-image: url(images/htmlstyles/win_cnr_left.gif);
	position:absolute;
	left:0;
	top:0;
	margin-top:-1px;
	margin-left:-1px;
	width:7px;
	height:7px;
	background-repeat: no-repeat;
}

.standardwindow .windowtitleright 
{
	background-image: url(images/htmlstyles/win_cnr_right.gif);
	position:absolute;
	right:0;
	top:0;
	margin-top:-1px;
	margin-right:-1px;
	width:7px;
	height:7px;
	background-repeat: no-repeat;
}


.standardwindow .windowtitlebuttons 
{
	float:right;
	margin-top:-2px;
	margin-right:2px;
	position:relative;
}

.standardwindow .windowtitletext 
{
}

.standardwindow .window p 
{
    display: block;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.standardwindow .windowiframe 
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
}

.standardwindow .windowclose 
{
	float:					right; 
	margin-top:				2px;
	margin-right:			3px;
	color:					#FFFFFF; 
	font-weight:			bold; 
	cursor:					pointer;
}

.standardwindow .window span a
{
	font-size:				10px;
}


.alertwindow .modalie
{
	width:					100%;
	height:					100%;
	position:				absolute; 
	top:					0; 
	left:					0; 
	z-index:				10000;
	background-image: 		url(images/htmlstyles/transparent.png);
}

.alertwindow .modalmoz
{
	width:					100%; 
	height:					100%; 
	position:				absolute; 
	top:					0; 
	left:					0; 
	z-index:				10000;
	background-image: 		url(images/htmlstyles/transparent.png);
}

.alertwindow .window 
{
	position:absolute;
	z-index:10002;
	background:none;
	border: none;
	clear:both;
}


.alertwindow .windowtitle 
{
	display:none;
}

.alertwindow .window p 
{
    display: block;
	padding: 0;
	background:none;
	margin: 0;
	overflow: hidden;
}

.alertwindow .windowiframe 
{
	margin:0;
	padding:0;
	width:100%;
	height:100%;
	font-weight:bold;
	background:none;
}

.alertwindow .windowclose 
{
	display:none;
}

.alertwindow .window span a
{
	font-size:10px;
}

/* ================================================================ */
/* ======= MISCELLANOUS  								    ======= */
/* ================================================================ */

.nowrap 
{
	white-space: nowrap;
}

.display-none
{
	display: none;
}

.hiddenfield
{
	padding:0; margin:0; position:absolute; top:0; left:0;
}

.focusmanager, .focusmanager:focus {
	width: 1px; height: 1px; border: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; background: none; outline: none;
}

.non-normalized.span12 {
  width: 940px;
}

.non-normalized.span11 {
  width: 860px;
}

.non-normalized.span10 {
  width: 780px;
}

.non-normalized.span9 {
  width: 700px;
}

.non-normalized.span8 {
  width: 620px;
}

.non-normalized.span7 {
  width: 540px;
}

.non-normalized.span6 {
  width: 480px;
}

.non-normalized.span5 {
  width: 380px;
}

.non-normalized.span4 {
  width: 300px;
}

.non-normalized.span3 {
  width: 220px;
}

.non-normalized.span2 {
  width: 140px;
}

.non-normalized.span1-2 {
  width: 100px;
}

.non-normalized.span1 {
  width: 60px;
}

.non-normalized.span0-1 {
	width: 30px;
}

.context-layer {
	width: 100%;
	height: 100%;
	background: transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1001;
}

.context-layer-withiframe {
	pointer-events: none;
}
.context-layer-withiframe > .context-layer-iframe  {
	pointer-events: all;
}

.context-layer-iframe {
	width: 100%;
	height: 100%;
	background: transparent;
}


/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
      opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);*/
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  /*-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;*/
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 5px;
  width: 160px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 1.0);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 13px;
  border-radius: 2px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 1.0);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-10px);
  -moz-transform:    translateY(-10px);
  transform:         translateY(-10px); 
}

/* Left */
.tooltip-left:before,
.tooltip-left:after {
  right: 100%;
  bottom: 50%;
  left: auto;
}

.tooltip-left:before {
  margin-left: 0;
  margin-right: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-left-color: #000;
  border-left-color: hsla(0, 0%, 20%, 1.0);
}

.tooltip-left:hover:before,
.tooltip-left:hover:after,
.tooltip-left:focus:before,
.tooltip-left:focus:after {
  -webkit-transform: translateX(-10px);
  -moz-transform:    translateX(-10px);
  transform:         translateX(-10px); 
}

/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 1.0);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(10px);
  -moz-transform:    translateY(10px);
  transform:         translateY(10px); 
}

/* Right */
.tooltip-right:before,
.tooltip-right:after {
  bottom: 50%;
  left: 100%;
}

.tooltip-right:before {
  margin-bottom: 0;
  margin-left: -12px;
  border-top-color: transparent;
  border-right-color: #000;
  border-right-color: hsla(0, 0%, 20%, 1.0);
}

.tooltip-right:hover:before,
.tooltip-right:hover:after,
.tooltip-right:focus:before,
.tooltip-right:focus:after {
  -webkit-transform: translateX(10px);
  -moz-transform:    translateX(10px);
  transform:         translateX(10px); 
}

/* Move directional arrows down a bit for left/right tooltips */
.tooltip-left:before,
.tooltip-right:before {
  top: 3px;
}

/* Vertically center tooltip content for left/right tooltips */
.tooltip-left:after,
.tooltip-right:after {
  margin-left: 0;
  margin-bottom: -16px;
}/*****************************************************************************
	(C) Copyright The Alpha School System Pty Ltd 2016 All Rights Reserved
******************************************************************************/

/* ########################################################################

	(C) Copyright Alpha Business Systems  2004 All Rights Reserved

	$Header: d:/cvs_repository/tassweb_dev/webroot/stylesheets/index.css,v 1.26 2010/10/06 00:23:34 gedwards Exp $
            
	$Id: index.css,v 1.26 2010/10/06 00:23:34 gedwards Exp $
    $Author: gedwards $
    $Revision: 1.26 $
    $Date: 2010/10/06 00:23:34 $  

    @Description:

  ######################################################################### */

/* ================================================================ */
/* ======= LAYOUT CLASSES									======= */
/* ================================================================ */
body.tassweb-index 
{
	height: 				100%; 
	width: 					100%; 
	padding: 				0px; 
	margin: 				0px; 
	font: 					10px Arial; 
	color: 					black; 
	overflow:				hidden;
}

body.has-context-layer 
{
	overflow:				hidden !important;
}

.tassweb-index .disabled {
	cursor: default !important;
	color: ##999 !important;
}

.tassweb-index .modal-body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 14px;
}

@media (max-width: 768px) {
	body.bootstrapped.info {
	    padding-left: 0;
	    padding-right: 0;
	}
}

.tassweb-index #glassloader 
{
	z-index:				9999;
	position:				absolute;
	width: 100%;
	height: 100%;
}

.tassweb-index .iframecontainer .modalie
{
	width:					100%; 
	height:					100%; 
	position:				absolute; 
	top:					0px; 
	left:					0px;
	z-index:				9998;
	background-image: 		url(images/htmlstyles/transparent.png);
}

.tassweb-index .iframecontainer .modalmoz
{
	width:					100%; 
	height:					100%; 
	position:				absolute; 
	top:					0px; 
	left:					0px;
	z-index:				9998;
	background-image: 		url(images/htmlstyles/transparent.png);	
}

.tassweb-index #loginloader
{
	width:					100%; 
	height:					100%; 
	position:				absolute; 
	top:					0px; 
	left:					0px;
	z-index:				99999;
	background-color:		#FFFFFF;	
}

.tassweb-index #infoFrame
{
	width: 100%;
	height: 100%;
	display: block;
	position: static;
	overflow: auto;
	margin: 0;
	padding: 0;
	zoom: 1;
}

.tassweb-index #contentpadding 
{
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	zoom: 1;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.tassweb-index .mainBody {
	padding-right: 0px; 
	background-position: right top; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	font: 10px arial; 
	color: black; 
	padding-top: 0px; 
}

.tassweb-index #logo {
	padding-left: 8px;
	padding-top:2px;
	/* width: 250px;  */
	position: relative; 
	height: 58px;
	/* background-color: #eaf5ff; */
	float:left;
	display: inline;
}
.tassweb-index #logoText{
	padding-top:4px;
}

.tassweb-index #tools {
	padding-left: 8px; 
	left: 170px; 
	width: 450px;
	height: 50px;
	padding-top: 5px; 
	position: absolute;
	top: 0px; 
}

.tassweb-index #tools.htmlTools
{
    position:absolute; 
    top:-3px; 
    left:172px; 
    width:600px;	
}	

.tassweb-index #tools div.htmlItem
{
    color: #595959; 
    float:left; 
    text-align:center; 
    line-height: 7px; 
    width:42px;
}	

.tassweb-index #LoginDetails {
	/*PADDING-LEFT: 500px; */
	/* FONT-WEIGHT: bold; */
	font-size: 10px;
	right: 10px;
	overflow: hidden;
	cursor: pointer;
	color: #000;
	position: absolute; 
	top: 5px;
	text-align: right;
}

/*.tassweb-index #mainContainer {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 900;
	overflow: hidden;
}*/
/*.tassweb-index #content {
	z-index: 900;
	top: 53px;
	left: 252px;
	bottom: 0px;
	right: 0px;
	padding:0px;
	margin:0px;
	position: absolute;
	zoom: 1;
}*/

.tassweb-index #mainContainer.no-menu #content,
.tassweb-index.navclosed #mainContainer #content
{
	left: 6px;
}

.tassweb-index .openmenu-btn, .tassweb-index .openmenu-txt {
	display: none;
}

.tassweb-index.navclosed .openmenu-btn, .tassweb-index.navclosed .openmenu-txt {
	display: inline;
}

.tassweb-index.closemenu-btn, .tassweb-index .closemenu-txt {
	display: inline;
}

.tassweb-index.navclosed .closemenu-btn, .tassweb-index.navclosed .closemenu-txt {
	display: none;
}

.tassweb-index .generalContent {
	padding-right: 1px; 
	margin-top: 5px; 
	padding-left: 1px; 
	padding-bottom: 1px; 
	margin-left: 1px; 
	margin-right: 1px; 
	padding-top: 1px; 
	font-family: arial, sans-serif
}
.tassweb-index #frameContainer {
	padding-right: 0px; 
	float: none; 
	margin-left: 0px
}

.tassweb-index .content {
	border-right: #37424d 1px solid; 
	border-top: #999 1px solid; 
	border-bottom: 1px solid #cccccc;
	padding-right: 1px; 
	padding-bottom: 1px; 
	padding-left: 1px; 
	z-index: 500; 
	margin:0px;
	border-left: #666 1px solid; 
	padding-top: 1px; 
	font-family: Arial, sans-serif; 
	position: absolute; 
	top: 40px;
	height: 300px;
	width: 300px;
	display: block;
	background-color: #ffffff;
}


.tassweb-index #nav 
{
	left: 0px; 
	margin: 0px;
	padding: 0px; 
	overflow-x: hidden;
	overflow-y: auto;
	width: 249px !important;
	position: absolute;
	top: 54px;
	white-space: nowrap;
	z-index:992;
	zoom:1;
	display: block;
	background-color: #f5fbfd;
}

.tassweb-index .nav_search_enabled #nav {
	top: 84px;
}

.tassweb-index .nav_search_enabled #nav_search  {
	position: absolute;
	top: 54px;
	height: 29px;
	width: 249px !important;
	border-bottom: 1px solid #AAB3B3;
	z-index: 992;
}

.tassweb-index .nav_search_enabled #nav_search input, .tassweb-index .nav_search_enabled #nav_search input:focus {
	border: none;
	background: #fff;
	width: 235px;
	margin: 0;
	height: 19px;
	line-height: 20px;
	font-size: 12px;
	padding: 4px 6px;
	border-radius: 0;
	-moz-box-sizing: content-box; -ms-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	outline: 0;
  	outline: thin dotted \9;
}

.tassweb-index .nav_search_enabled #nav_search .icon-search {
	background-position: -48px 0;
	display: inline-block;
	position: absolute;right: 8px;
	top: 6px;
	width: 14px;
	height: 14px;
	line-height: 14px;
	vertical-align: text-top;
	/*background-image: url("img/glyphicons-halflings.png");
	background-repeat: no-repeat;*/
}

.tassweb-index .nav_search_enabled #nav_search .icon-search:before {
	content: "";
}
.tassweb-index #navbg {
	position: absolute; 
	top: 54px;
	bottom: 0px;
	z-index:999;
	font-size:1px;
	border-right: #AAB3B3 1px solid;
	background-color: #f5fbfd; 
	width: 250px !important;
	z-index:992;
	zoom:1;
	display: block;
}

.tassweb-index #navclose {
	
	/*
	border-right: #AAB3B3 1px solid;
	border-left: #FAFCFE 1px solid;
	background-color: #EBECEE;
    */
    width: 6px;
	margin: 0px;
	padding: 0px;
	left: 250px; 
	position: absolute; 
	top: 53px;
	bottom: 0px;
	z-index:999;
	font-size: 1px;
	cursor: w-resize;
	zoom: 1;
}

.tassweb-index.navclosed #navclose {
	left: 0;
}

.tassweb-index #navtop {
	/* background-color: #EBECEE; */
	border-bottom: #AAB3B3 1px solid;
	/* border-top: #FAFCFE 1px solid; */
	background-color: #eaf5ff;
	left:0px; 
	margin: 0px;
	padding:0px; 
	font-size:2px; /* FOR IE, TO MAKE SURE THE LINE DOESNT OVERSIZE */
	width: 100%; 
	white-space: nowrap;
	position: absolute; 
	top:50px; 
	height: 4px; 
	z-index:998;
}


/* ================================================================ */
/* ======= MENU CLASSES										======= */
/* ================================================================ */

.tassweb-index .buttonlabel A {
	cursor: pointer; color: #000000; text-decoration: none
}
.tassweb-index .disabledLink {
	font-weight: normal; font-size: 11px; color: #9f9f9f
}

.tassweb-index .button {
	font-size: 12px; 
	z-index: 100000; 
	cursor: default;
	font-family: Arial; 
	letter-spacing: 0.1em;
	white-space: nowrap;
	color: #000000;
}

.tassweb-index .tbutton {
	font-size: 12px; 
	z-index: 100000; 
	cursor: default;
	font-family: Arial; 
	letter-spacing: 0.1em;
	white-space: nowrap;
	overflow:hidden;
	width: 249px !important;
	border-bottom: 1px solid #AAB3B3;
	border-top: 1px solid #AAB3B3;
	/*border-top: 1px solid #ACA899;*/
	text-indent: 25px;
	background-color: #ECE9D8;
	font-weight:bold;
	margin-top:-1px;
	padding-top: 1px;
	cursor: pointer;

	background: #ebf1f1; /* Old browsers */
	/*
	background: -moz-linear-gradient(top, #ebf1f1 0%, #ffffff 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #ebf1f1 0%,#ffffff 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #ebf1f1 0%,#ffffff 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/*background-image: url(images/htmlstyles/leftmenubg.png);*/
}

.tassweb-index .tbutton.hover, .tassweb-index .tbuttontop.hover {
	background: #e0e5e5; /* Old browsers */
	/*background: -moz-linear-gradient(top, #e0e5e5 0%, #ffffff 100%);*/ /* FF3.6-15 */
	/*background: -webkit-linear-gradient(top, #e0e5e5 0%,#ffffff 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/*background: linear-gradient(to bottom, #e0e5e5 0%,#ffffff 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */\
}

.tassweb-index .tbuttontop {
	font-size: 12px; 
	z-index: 100000; 
	cursor: default;
	font-family: Arial; 
	letter-spacing: 0.1em;
	white-space: nowrap;
	overflow:hidden;
	width: 249px !important;
	border-bottom: 1px solid #AAB3B3;
	text-indent: 27px;
	font-weight:bold;
	cursor: pointer;
	padding-top: 0;
	background: #ebf1f1; /* Old browsers */
	/* background: -moz-linear-gradient(top, #ebf1f1 0%, #ffffff 100%);*/ /* FF3.6-15 */
	/* background: -webkit-linear-gradient(top, #ebf1f1 0%,#ffffff 100%);*/ /* Chrome10-25,Safari5.1-6 */
	/* background: linear-gradient(to bottom, #ebf1f1 0%,#ffffff 100%);*/ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.tassweb-index .tbutton > div, .tassweb-index .tbuttontop > div {
	line-height: 17px;
}
.tassweb-index .body-borderbox .tbuttontop {
	height: 26px !important;
}

.tassweb-index .body-borderbox .tbutton {
	height: 27px !important;
}

.tassweb-index .menusetup {
	border-bottom: 1px solid #AAB3B3;
	background-color: #EDF3F3;
	font-weight:bold;
	cursor: pointer;
}


.tassweb-index #financebutton {
	padding-top:4px;
	padding-bottom: 3px;
	margin-left:4px;
	margin-top:1px;
	/*background-image: url(images/menu/finance.gif);
	background-repeat: no-repeat;*/
}

.tassweb-index #studentadminbutton {
	padding-top:4px;
	padding-bottom: 3px;
	margin-left:4px;
	/*background-image: url(images/menu/student.gif);
	background-repeat: no-repeat;*/
}

.tassweb-index #payrollhrmbutton {
	padding-top:4px;
	padding-bottom: 3px;
	margin-left:3px;
	/*background-image: url(images/menu/hrm.gif);
	background-repeat: no-repeat;*/
}

.tassweb-index #systemadminbutton {
	padding-top:4px;
	padding-bottom: 3px;
	margin-left:4px;
	/*background-image: url(images/menu/wrench.gif);
	background-repeat: no-repeat;*/
}


.tassweb-index .menuItem {
	background-position: 1px 1px
}
.tassweb-index .buttonlabel {
	border-top-width: 1px;
	font-weight: 700;
	border-left-width: 1px;
	font-size: 12px;
	border-bottom-width: 1px;
	cursor: default;
	color: #000;
	height: 22px;
	border-right-width: 1px;
}
.tassweb-index .buttonlabel img {
	margin-bottom: -4px; margin-right: -3px
}

.tassweb-index .labelHover {
	color: #090601
}

.tassweb-index .labelOver {
	color: #00c
}

.tassweb-index .labellink {
	z-index: 100000; 
	cursor: default;
	font-family: inherit; 
	letter-spacing: 0.1em;
	white-space: nowrap;
	font-size: 14px; 
	/*border-left: #bbbbbb 1px solid; 
	border-bottom: #bbbbbb 1px solid; */
	height: 20px !important;
  	height /**/:21px;
	display:none;
}

.tassweb-index .showlabellink {
	z-index: 100000; 
	cursor: default;
	font-family: inherit; 
	letter-spacing: 0.1em;
	white-space: nowrap;
	font-size: 14px; 
	/*border-left: #bbbbbb 1px solid; 
	border-bottom: #bbbbbb 1px solid; */
	height: 22px !important;
}

.tassweb-index .menuNode {
	font-size: 14px; 
	/*border-left: #bbbbbb 1px solid; 
	border-bottom: #bbbbbb 1px solid; */
	height: 21px !important;
	line-height: 18px;
	padding-left: 8px;
	background-position: 1px 1px;
}
.tassweb-index .menuItem {
	font-size: 14px; 
	/*border-left: #bbbbbb 1px solid; 
	border-bottom: #bbbbbb 1px solid; */
	height: 17px;
}

/*/// FINAL MENU LEVEL ///*/
.tassweb-index .menuNode a {
	padding-right: 3px; 
	/*padding-left: 8px; */
	font-weight: 400; 
	font-size: 11px;
	padding-bottom: 1px;
	width: auto;
	color: #000;
	line-height: 18px;
	padding-top: 0px;
	text-decoration: none;
}
/*/// FINAL MENU LEVEL ///*/
/*
menuItem A {
	padding-right: 3px; 
	padding-left: 8px; 
	font-weight: 400; 
	font-size: 11px;
	padding-bottom: 1px;
	width: auto;
	color: #000;
	line-height: 16px;
	padding-top: 0px;
	text-decoration: none;
}*/
.tassweb-index .menuNode A:hover {
	color: #00c; 
	text-decoration: underline;
}
.tassweb-index .menuItem A:hover {
	color: #00c; 
	text-decoration: underline;
}
.tassweb-index .menuNode A:active {
	text-decoration: underline;
}
.tassweb-index .menuItem A:active {
	text-decoration: underline;
}
.tassweb-index .menu {
	padding-left: 10px; 
	margin-bottom: -3px; 
	padding-bottom: 0.6em; 
	padding-top: 1px; 
	font-family: inherit; 
	position: relative;
	display:none;
}
.tassweb-index .menu .menu {
	padding-left: 6px; 
	/*border-left: #bbbbbb 1px solid;*/
}
.tassweb-index .menu .menu .menu {
	padding-left: 6px; 
	/*border-left: #bbbbbb 1px solid;*/
}

.tassweb-index .noLink {
	padding-right: 3px; 
	font-weight: 400; 
	font-size: 11px; 
	padding-bottom: 1px; 
	width: auto; 
	color: #888; 
	line-height: 16px; 
	padding-top: 0px; 
	text-decoration: none;
}


.tassweb-index.navclosed #nav, .tassweb-index.navclosed #nav_search, .tassweb-index.navclosed #navbg {
	display: none;
}

.tassweb-index .nav_search_has .tbuttontop, .tassweb-index .nav_search_has .tbutton, .tassweb-index .nav_search_has .showlabellink, .tassweb-index .nav_search_has .level1label, .tassweb-index .nav_search_has .menu, .tassweb-index .nav_search_has .menuNode {
	display: none;
}

.tassweb-index .nav_search_has .openmenu > .menuNode.founditem {
	display: block;
}

.tassweb-index .nav_search_has .openmenu, .tassweb-index .nav_search_has .openmenu .level1label {
	display: block;
}

.tassweb-index #nav_favorites {
	display: none;
}

.tassweb-index #nav_tabs {
	display: none;
}

.tassweb-index .menuButton {
	/*background-image: url('images/menu/closed-menu.gif');
	background-repeat: no-repeat;
	background-position: 3px 1px;*/
	display: inline-block;
	height: 18px;
	padding-left: 18px;
	line-height: 20px;
}

.tassweb-index .openmenu {
	display: block;
}

.tassweb-index .openmenu > .labellink.containsfounditem {
	display: block;
}

.tassweb-index .openmenu > .buttonlabel > .menuButton {
	/*background-image: url('images/menu/open-menu.gif');*/
}
/* ================================================================ */
/* ======= BUTTONS											======= */
/* ================================================================ */

.tassweb-index #btnview_btn {
	display:none;
	float:left;
}
.tassweb-index #btnedit_btn {
	display:none;
	float:left;
}

.tassweb-index input.btnStand {
	height:21px;
	border:none;
	background:none;
	margin:0px;
	padding:0px;
	width:96px;
}

.tassweb-index .btncontainer {
	border: none;
	background: none;
	height: 21px;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	outline-width: 3px;
}
		
.tassweb-index .btnStand {
	font-weight: normal;
	font-size: 12px;
	margin:0px;
	height:20px;
	line-height:18px;
	float:left;
	cursor:pointer;
	background-image:url(images/htmlstyles/bgstdbtn.gif);
}

/*.tassweb-index .left{
	height:20px;
	float:left;
	width:3px;
	cursor:pointer;
	background-image:url(images/htmlstyles/leftstdbtn.gif);
}

.tassweb-index .right{
	height:20px;
	width:3px;
	float:left;
	cursor:pointer;
	background-image:url(images/htmlstyles/rightstdbtn.gif);
}
*/
.tassweb-index .btnSmall {
	font-weight: normal;
	font-size: 10px;
	margin:0px;
	margin-top:0px;
	height:20px;
	line-height:18px;
	background:none;
	padding:0px;
	border:none;
	float:left;
	cursor:pointer;
	background-image:url(images/htmlstyles/bgstdbtn.gif);
}

.tassweb-index .button {
	font-size: 12px; z-index: 100000; padding-bottom: 2px; cursor: default; padding-top: 2px; font-family: arial; letter-spacing: 0.1em
}

.tassweb-index .btnSave {
	border-right: 0px;
	background-position: center 50%;
	border-top: 0px;
	font-weight: bold;
	font-size: 12px;
	background-image:url(images/buttons/save.gif);
	border-left: 0px;
	width: 72px;
	border-bottom: 0px;
	background-repeat: no-repeat;
	height: 20px
}

.tassweb-index .btnSpell {
	font-weight: normal; font-size: 12px; width: 60px
}
.tassweb-index .btnSelect {
	font-weight: normal; width: 100px
}

/* ================================================================ */
/* ======= MESSAGES 										======= */
/* ================================================================ */

.tassweb-index .msgLocking {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-attachment: fixed;*/
	background-image:url(images/misc/locking.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:55px;
	margin-left:10px;
	margin-top:0px;
	padding-right:10px;	
}

.tassweb-index .msgError {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-attachment: fixed;*/
	background-image:url(images/misc/error.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:50px;
	margin-left:10px;
	margin-top:2px;
	padding-right:10px;	
}
.tassweb-index .msgYesNo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-attachment: fixed;*/
	background-image:url(images/misc/yes_no.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	height:50px;
	margin-left:2px;
	padding-right:10px;	
}

.tassweb-index .msgWarning 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	/*background-image:url(images/misc/warning.gif);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	min-height:50px;
	margin-left:10px;
	padding-right:10px;
	position: relative;
	background: none;
}

.tassweb-index .msgWarning:before {
	font-size: 40px;
    color: inherit;
    display: block;
    font-family: 'Font Awesome 5 Pro';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 40px;
    position: absolute;
    top: 12px;
    content: "\f071";
    font-weight: 300;
    left: -5px;
    width: 60px;
    text-align: center;
    color: #ff8c00;
}


.tassweb-index .msg .text
{
	padding-left:				55px; 
	padding-top:				10px;
}

.tassweb-index .special-conditions-title,
.tassweb-index .medical-alert-title,
.bootstrapped .medical-alert-title,
.bootstrapped .special-conditions-title {
	font-size: 14px;
	color: #A60000;
	font-weight: bold;
	padding: 5px 7px;
}

.tassweb-index .login-company {
	font-size: 14px;
}

.tassweb-index .login-fullname {
	font-size: 11px;
}

.tassweb-index .modal-alert .modal-body.special-conditions-body,
.tassweb-index .modal-alert .modal-body.medical-alert-body,
.bootstrapped .modal-body.special-conditions-body,
.bootstrapped .modal-body.medical-alert-body  {
	font-size: 13px;
	padding: 2px 10px 10px 10px;
	min-height: 10px;
}

@media Print    
{
	.tassweb-index title 
	{
		display: 				none;
	}

	.tassweb-index #nav 
	{
		padding-right: 			0px; 
		display: 				none; 
		padding-left: 			0px; 
		padding-bottom: 		0px;
		margin:					0px; 
		width: 					0px;	
		padding-top: 			0px; 
		position: 				absolute; 
		height: 				0px
	}
}

/* WINDOW.CSS */
.tassweb-index .standardwindow .modalie{
	width:100%; 
	height:100%;
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:10000;
	background-image: url(images/htmlstyles/transparent.png);
}

.tassweb-index .standardwindow .modalmoz{
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:10000;
	background-image: url(images/htmlstyles/transparent.png);
}

.tassweb-index .standalonewindow {
	background-color: White;
	position:absolute;
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	z-index:10002;
	border: 1px solid #4B4B4B;
}

.tassweb-index .standalonewindowtitle {
	background-color: #0354b7;
	border-bottom: 1px solid #4B4B4B;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	padding:3px 0px 3px 0px;
	width:100%;
}


.tassweb-index .standardwindow .window {
	background-color: White;
	position:absolute;
	z-index:10002;
	border: 1px solid #4B4B4B;
	clear:both;
}


.tassweb-index .standardwindow .windowtitle {
	background-color: #0354b7;
	border-bottom: 1px solid #4B4B4B;
	font-size:12px;
	color:#FFFFFF;
	font-weight: bold;
	padding:4px;
	padding-top:3px;
	padding-left:7px;
}

.tassweb-index .standardwindow .windowtitleleft {
	background-image: url(images/htmlstyles/win_cnr_left.gif);
	position:absolute;
	left:0px;
	top:0px;
	margin-top:-1px;
	margin-left:-1px;
	width:7px;
	height:7px;
	background-repeat: no-repeat;
}

.tassweb-index .standardwindow .windowtitleright {
	background-image: url(images/htmlstyles/win_cnr_right.gif);
	position:absolute;
	right:0px;
	top:0px;
	margin-top:-1px;
	margin-right:-1px;
	width:7px;
	height:7px;
	background-repeat: no-repeat;
}


.tassweb-index .standardwindow .windowtitlebuttons {
	float:right;
	margin-top:-2px;
	margin-right:2px;
	position:relative;
}

.tassweb-index .standardwindow .windowtitletext {
}

.tassweb-index .standardwindow .window p {
    display: block;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
}

.tassweb-index .standardwindow .windowiframe {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
}

.tassweb-index .standardwindow .windowclose {
	float:right; 
	margin-top:2px;
	margin-right:3px;
	color:#FFFFFF; 
	font-weight:bold; 
	cursor:pointer;
}

.tassweb-index .standardwindow .window span a{
	font-size:10px;
}


.tassweb-index .alertwindow .modalie{
	width:100%;
	height:100%;
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:10000;
	background-image: url(images/htmlstyles/transparent.png);
}

.tassweb-index .alertwindow .modalmoz{
	width:100%; 
	height:100%; 
	position:absolute; 
	top:0px; 
	left:0px; 
	z-index:10000;
	background-image: url(images/htmlstyles/transparent.png);
}

.tassweb-index .alertwindow .window {
	position:absolute;
	z-index:10002;
	background:none;
	border: none;
	clear:both;
}


.tassweb-index .alertwindow .windowtitle {
	display:none;
}

.tassweb-index .alertwindow .window p {
    display: block;
	padding: 0px;
	background:none;
	margin: 0px;
	overflow: hidden;
}

.tassweb-index .alertwindow .windowiframe {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	font-weight:bold;
	background:none;
}

.tassweb-index .alertwindow .windowclose {
	display:none;
}

.tassweb-index .alertwindow .window span a{
	font-size:10px;
}

.tassweb-index.tassweb-index-nomenu #navwrapper, 
.tassweb-index.tassweb-index-nomenu #navtop,
.tassweb-index.tassweb-index-nomenu #navclose,
.tassweb-index.tassweb-index-nomenu #toolbar,
.tassweb-index.tassweb-index-nomenu #navbg {
	display: none;
}

.tassweb-index.tassweb-index-nomenu #content {
	left: 0;
	top: 0;
}
/* WINDOW.CSS ( END ) */

.fiber-grid-wrapper { padding: 1px; background-color: #0763b1; }
.modal-body-grid .fiber-grid-wrapper { background: none; }
.modal-header { 
	background: #0763b1;
	border-radius: 4px 4px 0 0;
	border-bottom-color: #4B4B4B;
	color: #fff;
}
.modal-subheader { background-color: #DCDCDC; width: 100%; line-height: 20px; font-size: 14px; border-bottom: 1px solid #C0C0C0; padding: 5px 8px; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.fiber-grid { border-color: #0763b1; }

.grid-header { background: #0763b1; }
.grid-header .btn-link-error, .grid-header .btn-link-error:hover, .grid-header .btn-link-error:active, .grid-header .btn-link-error:focus { 
	color: #fff;
	text-decoration: none;
}

.grid-header-title, .grid-records {
	line-height: 20px;
	display: inline-block;
	font-size: 14px;
	padding: 6px 12px;
	margin: 0;
}
.grid-header-title {
	line-height: 22px;
}
.fiber-grid-wrapper .slick-sort-indicator-asc {
	border-top-color: #000;
}

.fiber-grid-wrapper .slick-sort-indicator-desc {
	border-bottom-color: #000;
}

/* DIALOG CUSTOM */
.dialog-form .ui-dialog-titlebar { background: #0763b1; }	
.dialog-form .ui-dialog-title { color: #fff; }


/* BOOTSTRAP FIXES FOR LEGACY TASS.web STYLES */
body.bootstrapped {
	min-width: 1px;
}
 
.bootstrapped input[type="text"].dateInput ,
.bootstrapped input[type="text"].text ,
.bootstrapped input[type="text"].textInput ,
.bootstrapped input[type="file"].fileinput , 
.bootstrapped input[type="file"].fileInput , 
.bootstrapped input[type="text"].searchbar-input ,
.bootstrapped input[type="password"].textInput , 
.bootstrapped input[type="datetime"].textInput , 
.bootstrapped input[type="datetime-local"].textInput, 
.bootstrapped input[type="date"].textInput, 
.bootstrapped input[type="month"].textInput, 
.bootstrapped input[type="time"].textInput, 
.bootstrapped input[type="week"].textInput, 
.bootstrapped input[type="number"].textInput, 
.bootstrapped input[type="email"].textInput, 
.bootstrapped input[type="url"].textInput, 
.bootstrapped input[type="search"].textInput, 
.bootstrapped input[type="tel"].textInput, 
.bootstrapped input[type="color"].textInput
{
	width: auto;
	margin: 0;
	border-radius: 0;
	font-size: 12px;
	height: 24px;
	padding: 2px;
}

.bootstrapped input[type="file"].textInput,
.bootstrapped input[type="file"].fileinput,
.bootstrapped input[type="file"].fileInput {
	border: none !important;
	background: none !important;
}

select::-ms-expand { display: none; }

.bootstrapped select.textInput, 
.bootstrapped select.textinput, 
.bootstrapped select.selectBox, 
.bootstrapped select.textInput {
	top: 0 !important;
	font-size: 12px;
	border-radius: 0;
	width: auto;
	margin: 0;
	height: 24px;
	padding-right:  16px !important;
	background-position-y: 1px;
}

.bootstrapped select[multiple].textInput, .bootstrapped select[size].textInput,
.bootstrapped select[multiple].textinput, .bootstrapped select[size].textinput,
.bootstrapped select[multiple].selectBox, .bootstrapped select[size].selectBox {
	height: auto;
	padding-right:  1px !important;
}

.bootstrapped select[size="1"].textInput, 
.bootstrapped select[size="1"].textinput, 
.bootstrapped select[size="1"].selectBox {
	height: 24px;
	padding-right:  16px !important;
	background-position-y: 2px;
}

.bootstrapped .advancedselectbox select.textInput,
.bootstrapped .advancedselectbox select.textinput,
.bootstrapped .advancedselectbox select.selectBox {
	height: 100px;
}

.bootstrapped input[type="file"].fileinput {
	height: 22px;
	margin-top: 2px;
	vertical-align: middle;
}

.bootstrapped textarea.textArea, .bootstrapped select.addressBox {
	font-size: 12px;
	line-height: 16px;
	width: auto;
}

.bootstrapped select.addressBox {
	height: 190px;
	width: 325px;
}
.bootstrapped select.addressBox[size="10"] {
	height: 130px;
	width: 325px;
}

.bootstrapped textarea.textArea {
	padding: 3px 4px;
}

.bootstrapped .notab_content {
	min-width: 720px;
	width: auto !important;
}
.bootstrapped input[type="text"].dateInput {
	width: 80px;	
}

.bootstrapped .dataEntry a:not([href]) {
	color: #000;
	text-decoration: none;
}


.bootstrapped .timeinput-input, .bootstrapped input[type="text"].timeinput-input {
	font-size: 12px;
	line-height: 18px;
	height: 20px;
	margin: 1px 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding: 0;
	border-radius: 0;
}

.bootstrapped label.textInput, 
.bootstrapped label.text, 
.bootstrapped label.selectBox, 
.bootstrapped label.dateInput, 
.bootstrapped label.checkBox, 
.bootstrapped label.textarea-label, 
.bootstrapped label.fileinput-label, 
.bootstrapped label.label-label,
.bootstrapped label.richtext-label {
	font-size: 12px; line-height: 18px; display: inline; margin: 0;
}

.bootstrapped input.checkBox, .bootstrapped input.radioButton
{
	margin-top: 0;
	margin-bottom: 3px;
}

.bootstrapped img {
	max-width: none;
}

.bootstrapped img[width="20"] {
	width: 20px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.bootstrapped img[height="20"] {
	width: 20px;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.bootstrapped .timeinput-input-hours {
	text-align: right; 
	width: 19px; 
	border: 0px; 
	font-size: 12px; 
	height: 20px; 
	float: left;
}

.bootstrapped .timeinput-input-minutes {
	width: 19px; 
	border: 0px; 
	height: 20px; 
	font-size: 12px; 
	float: left; 
}

.bootstrapped .timeinput-input-ampm {
	width: 22px;
	margin-right: 0px; 
	padding-right: 0px; 
	border: 0px; 
	height: 20px; 
	font-size: 11px; 
	font-weight: bold;
	float: left;
}

.bootstrapped .tabspan { float: none; }
.bootstrapped .datepicker.popup-open { width: auto; border: none; z-index: 9999; }
.bootstrapped .datepicker.popup-open .spanMonth, .bootstrapped .datepicker.popup-open .spanYear { text-align: left; padding: 2px 0 2px 4px;}
.bootstrapped .datepicker.popup-open td, .bootstrapped .datepicker.popup-open th { width: auto; height: auto; } 
.bootstrapped .datepicker.popup-open td a { height: auto; line-height: 18px; text-decoration: none; width: auto; width: 27px; height: auto; }
.bootstrapped .datepicker.popup-open td .showtoday  { padding: 2px; }
.bootstrapped .datepicker.popup-open td .showtoday a { width: auto; display: inline; float: none; }

.bootstrapped .dataEntry a.panel { color: #fff; }
/* Field Widths */

.bootstrapped input[type="text"][size="1"].textInput { width: 30px; }
.bootstrapped input[type="text"][size="2"].textInput { width: 30px; }
.bootstrapped input[type="text"][size="3"].textInput { width: 42px; }
.bootstrapped input[type="text"][size="4"].textInput { width: 52px; }
.bootstrapped input[type="text"][size="5"].textInput { width: 60px; }
.bootstrapped input[type="text"][size="6"].textInput { width: 70px; }
.bootstrapped input[type="text"][size="7"].textInput { width: 76px; }
.bootstrapped input[type="text"][size="8"].textInput { width: 80px; }
.bootstrapped input[type="text"][size="9"].textInput { width: 84px; }
.bootstrapped input[type="text"][size="10"].textInput { width: 100px; }
.bootstrapped input[type="text"][size="11"].textInput { width: 104px; }
.bootstrapped input[type="text"][size="12"].textInput { width: 108px; }
.bootstrapped input[type="text"][size="13"].textInput { width: 112px; }
.bootstrapped input[type="text"][size="14"].textInput { width: 120px; }
.bootstrapped input[type="text"][size="15"].textInput { width: 120px; }
.bootstrapped input[type="text"][size="16"].textInput { width: 124px; }
.bootstrapped input[type="text"][size="17"].textInput { width: 128px; }
.bootstrapped input[type="text"][size="18"].textInput { width: 132px; }
.bootstrapped input[type="text"][size="19"].textInput { width: 136px; }
.bootstrapped input[type="text"][size="20"].textInput { width: 140px; }
.bootstrapped input[type="text"][size="25"].textInput { width: 161px; }
.bootstrapped input[type="text"][size="27"].textInput { width: 200px; }
.bootstrapped input[type="text"][size="30"].textInput { width: 220px; }
.bootstrapped input[type="file"][size="30"].fileinput { width: 220px; }
.bootstrapped input[type="text"][size="35"].textInput { width: 250px; }
.bootstrapped input[type="text"][size="40"].textInput { width: 320px; }
.bootstrapped input[type="text"][size="45"].textInput { width: 320px; }
.bootstrapped input[type="text"][size="50"].textInput, .bootstrapped input[type="text"][size="53"].textInput, .bootstrapped input[type="text"][size="55"].textInput { width: 350px; }
.bootstrapped input[type="text"][size="60"].textInput, .bootstrapped textarea[cols="60"].textArea { width: 400px; }
.bootstrapped input[type="file"][size="65"].textInput, .bootstrapped input[type="text"][size="65"].textInput { width: 420px; }
.bootstrapped input[type="text"][size="70"].textInput { width: 440px; }
.bootstrapped input[type="text"][size="76"].textInput, .bootstrapped input[type="text"][size="79"].textInput, .bootstrapped textarea[cols="70"].textArea { width: 460px; }
.bootstrapped input[type="text"][size="80"].textInput, .bootstrapped input[type="text"][size="83"].textInput, .bootstrapped input[type="text"][size="84"].textInput { width: 510px; }
.bootstrapped input[type="text"][size="90"].textInput, .bootstrapped input[type="text"][size="95"].textInput { width: 520px; }
.bootstrapped input[type="text"][size="103"].textInput { width: 610px; }
.bootstrapped input[type="text"][size="113"].textInput { width: 700px; }

.bootstrapped input[type="text"].textInput.colorpicker { width: 70px; }

.bootstrapped img[height="130"] { height: 130px; }

.bootstrapped .datepicker.popup-open td .closecalendar
{
	width:14px;
	height:14px;
	display:block;
	background-position: center;
	background-image:url(images/buttons/cal_close.gif);
	background-repeat: no-repeat;
}

body.bootstrapped.info { color: black; }

.bootstrapped .main-body { min-width: 0; }

.bootstrapped .windowpage { }
.bootstrapped .windowpage-wrapper { height: auto; overflow: visible; position: absolute; left: 50%; top: 45%;  overflow: visible; box-sizing: content-box; padding-bottom: 20px;}
.bootstrapped .windowpage-body { position: relative; border: 1px solid #5d5d5d; background: #fff; border-radius: 6px;
    box-shadow: 0 3px 7px rgb(0 0 0 / 5%);
    outline: none;
   box-sizing: border-box; }

.bootstrapped .windowpage-header {
	background-color: #0354b7;
	text-align: right;
    font-size: 12px;
    color: #FFFFFF;
    min-height: 30px;
    font-weight: bold;
    padding: 4px;
    border-radius: 5px 5px 0 0;
    padding-top: 4px;
    padding-left: 7px;
}

.windowpage-title {
	display: inline;
	float:  left;
	line-height: 20px;
}

.windowpage-tools {
	display: inline;
}

.bootstrapped button.btncontainer 
{
	border: 					none;
	background: 				none;
	height: auto;
	margin: 0 1px;
	outline-width: 3px;
	border-radius: 3px;
}
.bootstrapped button.btncontainer:focus,
.bootstrapped input[type="button"]:focus,
.bootstrapped button:focus
{	
	outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}
.bootstrapped button.btncontainer > div
{
	width: inherit;
}

.bootstrapped .input-append.tassweb-ui {
	margin-bottom: 0;
}

.bootstrapped .input-append.tassweb-ui .add-on {
	padding: 2px 3px;
	line-height: 18px;
	height: 24px;
}
		
.bootstrapped div.btnStand, 
.bootstrapped input[type="button"].btnStand, 
.bootstrapped input[type="submit"].btnStand, 
.bootstrapped input[type="submit"].btnSave, 
.bootstrapped input[type="button"].btnSave, 
.bootstrapped button.btnSave, .bootstrapped div.btnSmall {
	display: inline-block;
	padding: 4px 2px;
	margin-bottom: 0;
	margin-top: 0;
	font-size: 12px;
	height: auto;
	line-height: 14px;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	color: #333;
	text-shadow: 0 1px 1px rgba(255,255,255,0.75);
	background-color: #f5f5f5;
	background-image: -moz-linear-gradient(top,#fff,#e6e6e6);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#fff),to(#e6e6e6));
	background-image: -webkit-linear-gradient(top,#fff,#e6e6e6);
	background-image: -o-linear-gradient(top,#fff,#e6e6e6);
	background-image: linear-gradient(to bottom,#fff,#e6e6e6);
	background-repeat: repeat-x;
	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
	border: 1px solid #A6A6A6;
	border-radius: 3px;
	outline-width: 3px;
	/*-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);*/
	/*outline: none;*/
}

.bootstrapped div.btnSmall
{
	font-size: 11px;
	line-height: 12px;
}

.bootstrapped div.btnStand:hover, 
.bootstrapped div.btnStand:focus, 
.bootstrapped div.btnStand:active, 
.bootstrapped div.btnStand.active, 
.bootstrapped div.btnStand.disabled, 
.bootstrapped div.btnStand[disabled] {
	color: #333;
	outline-width: 3px;
	background-color: #e6e6e6;

}

.bootstrapped div.btnStand.active, .bootstrapped div.btnStand:active {
	background-image: none;
	outline-width: 3px;
	-webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
	box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);
}

.bootstrapped input[type="submit"].btnSave, .bootstrapped input[type="button"].btnSave, .bootstrapped button.btnSave {
	color: #000;
	text-shadow: none;
	background-color: #fcc578;
	outline-width: 3px;
	/*font-weight: normal;*/
	background-image: -moz-linear-gradient(top,#feeacd,#faa938);
	background-image: -webkit-gradient(linear,0 0,0 100%,from(#feeacd),to(#faa938));
	background-image: -webkit-linear-gradient(top,#feeacd,#faa938);
	background-image: -o-linear-gradient(top,#feeacd,#faa938);
	background-image: linear-gradient(to bottom,#feeacd,#faa938);
	background-repeat: repeat-x;
	/*border-color: #f89406 #f89406 #ad6704;*/
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.2);
}

.bootstrapped .dataEntry.table { margin-bottom: 0; }

.bootstrapped .dataEntry.table-lookup td {
	border: none;
}

.bootstrapped .table-lookup.table-striped tbody>tr>td, .table-lookup.table-striped tbody>tr>th {
	background-color: #fff;
}
.bootstrapped .table-lookup.table-striped tbody>tr:nth-child(odd)>td, .table-lookup.table-striped tbody>tr:nth-child(odd)>th {
    background-color: #f3f7fa;
}

.bootstrapped .content {
	min-width: 720px;
	width: auto;
}

.bootstrapped table.table-formsave {
	width: 100%;
	border-spacing: 0;
}

.bootstrapped table.table-adjustedwidth {
	width: 98%;
	border-spacing: 0;
}

.bootstrapped .cell-input {
	white-space: nowrap;
}

.bootstrapped .msgError {
	margin-top: 0;
}

.bootstrapped input[type="submit"].btnSave:hover, 
.bootstrapped button.btnSave:hover, 
.bootstrapped input[type="submit"].btnSave:focus, 
.bootstrapped button.btnSave:focus, 
.bootstrapped input[type="submit"].btnSave:active,
.bootstrapped button.btnSave:active, 
.bootstrapped input[type="submit"].btnSave.active, 
.bootstrapped button.btnSave.active, 
.bootstrapped input[type="submit"].btnSave.disabled,
.bootstrapped button.btnSave.disabled, 
.bootstrapped input[type="submit"].btnSave[disabled], 
.bootstrapped button.btnSave[disabled] {
	/*color: #fff;
	background-color: #f89406;*/
}
.bootstrapped input[type="submit"].btnSave:focus, 
.bootstrapped button.btnSave:focus {
	outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(38,143,255,.5);
}

.bootstrapped button.btncontainer .left, .bootstrapped button.btncontainer .right {
	display: none;
}

.bootstrapped .summaryTable a {
	text-decoration: underline;
}

.bootstrapped a.tooltip-only {
	text-decoration: none;
	color: inherit;
}

.bootstrapped .datepicker .calendar_table td a {
	float: none;
	margin: 0;
	padding: 0 2px;
}

/* FIBERISED */

.fiberised .nav-tabs>li>a { padding-top: 6px; padding-bottom: 4px; }
.fiberised .nav-tabs.nav-stacked > li > a { color: #333; }
.fiberised .nav-tabs.nav-stacked>.active>a, 
.fiberised .nav-tabs.nav-stacked>.active>a:hover,
.fiberised .nav-tabs.nav-stacked>.active>a:focus, 
.fiberised .nav-tabs.nav-stacked > li.active > a
{ color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
	background-color: #82B827; 
	padding: 9px 15px;
	position: relative;
	z-index: 2;
	/*padding: 9px 15px;*/
	border: 0;
	-webkit-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	-moz-box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
	box-shadow: inset 1px 0 0 rgba(0,0,0,.1), inset -1px 0 0 rgba(0,0,0,.1);
}
.fiberised .nav-tabs>li.active>a {
	background-color: #fff;
}
.fiberised .page-navbar {
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
}
.fiberised .page-navbar .nav {
	z-index: 999;
}
.fiberised .page-header {
	border-bottom: none;
}

.fiberised #pagecontent {
	border-top: none; /*1px solid #e5e5e5 !important;*/
	padding: 5px;
		padding-top: 10px;
}

.fiberised .content {
	position: relative !important;
	margin: 5px !important;
	padding: 5px !important;
	top: 0 !important;
	border: none !important;
	min-width: 780px !important;
	clear: both;
}

.fiberised .tab,
.fiberised .tabdisabled {
	min-width: inherit !important;
	width: auto !important;
	margin-top: 2px !important;
	font-size: 12px !important;
}

.fiberised .tabdisabled:hover {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
	cursor: default !important;
	background-color: none !important;
	font-size: 12px !important;
}

.fiberised .nav>li>a.tabdisabled:hover {
	background-color: rgba(0,0,0,0) !important;
	border-color: rgba(0,0,0,0) !important;
	color: #CDCDCD !important;
	font-size: 12px !important;
}

.fiberised .searchBar a:hover {
	text-decoration: none !important;
}
.fiberised .searchBar {
	margin-top: 0;
}
/*
.fiberised .pagetools {
	padding-bottom: 0;
}
*/
.fiberised .content {
	margin: 0!important;
	padding: 5px 5px 5px 5px !important;
	padding-right: -20px !important;
	right: 0 !important;
	width: auto !important;
}

.fiberised table.dataEntry,
.fiberised table.summaryTable {
	width: 100% !important;
	background-color: #fff !important;
	border: none !important;
}

.fiberised .formsave {
	border-spacing: 0px !important;
	border-collapse: collapse !important;
	border: none !important;
	margin-left: 2px !important;
	margin-right: 2px !important;
}

.fiberised table.dataEntry td.rowHeader,
.fiberised table.dataEntry td.RowSubmit,
.fiberised table.dataEntry th,
.fiberised table.summaryTable th,
.fiberised table.summaryTable td.RowSubmit,
.fiberised .windowtitle {
	height: 30px !important;
	font-size: 14px !important;
	font-weight: normal !important;
	line-height: 22px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}

.fiberised .panel {
	font-size: 14px !important;
	font-weight: normal !important;
	line-height: 22px !important;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}


.fiberised table.summaryTable td.RowSubmit, 
.fiberised table.dataEntry td.RowSubmit{
	font-size: 12px !important;
	padding: 3px 2px !important;
	height: 25px !important;
	line-height: 18px !important;
	
	
}
.fiberised table.dataEntry>thead>tr>td[class="rowHeader"] {
	line-height: 16px !important;
}

.fiberised table.dataEntry th,
.fiberised table.summaryTable th,
.fiberised table.dataEntry>thead>tr>td[class="rowHeader"] {
	background-color: #0763b1;
}

.fiberised table.dataEntry th:first-child,
.fiberised table.summaryTable th:first-child,
.fiberised table.dataEntry>thead>tr>td[class="rowHeader"]:first-child {
	border-top-left-radius: 3px;
}

.fiberised table.dataEntry th:last-child,
.fiberised table.summaryTable th:last-child,
.fiberised table.dataEntry>thead>tr>td[class="rowHeader"]:last-child  {
	border-top-right-radius: 3px
}
.fiberised .windowtitletext {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	padding-top: 4px !important;
	padding-bottom: 0 !important;	
}

.fiberised .row1:hover,
.fiberised .row2:hover, {
	background-color: #f5f5f5 !important;
}

.fiberised table:not([class])>tbody>tr>td:not([class]),
.fiberised table:not([class])>tbody>tr>td[class=""] {
	background-color: inherit !important;
}

.fiberised table.summaryTable>tbody>tr>td[class=""],
.fiberised table.dataEntry>tbody>tr>td[class=""],
.fiberised table.dataEntry>tbody>tr>td[class="existingParent"],
.fiberised table.dataEntry>tbody>tr>td[class="textInput"],
.fiberised table.dataEntry>tbody>tr>td:not([class]),
.fiberised table.dataEntry>thead>tr>td:not([class]),
.fiberised table.dataEntry>thead>tr>td[class=""],
.fiberised table.dataEntry>thead>tr>td:not([class]),
.fiberised table.dataEntry>thead>tr>td.gridSubHeader {
	background-color: #F8F8F8 !important;
}
}

.fiberised .panelgroup>a {
	color: #FFF !important;
}

.fiberised td.aquaCell {	background-color: #D0E8DE; }
.fiberised td.mauveCell { background-color: #DDE2EB; }
.fiberised td.yellowCell { background-color: #FEF8CE; }
.fiberised td.pinkCell {	background-color: #EBDDE1; }
.fiberised td.blueCell { background-color: #CDE3E8; }
.fiberised td.peachCell { background-color: #FEE3C8; }

.fiberised .btn {
	white-space: nowrap;
}

/*.fiberised div.content:not(:first-of-type)*/
.fiberised div.content {
	/*display: none;*/
}

.fiberised .body_padding {
	padding-right: 0;
	padding-left: 0;
  padding-top: 0;
}

.fiberised .dataEntry.formsave {
	padding-right: 5px;
}

.fiberised .selectBox[multiple],
.fiberised .textinput[multiple],
.fiberised select.addressBox,
.fiberised select.addressBox > option,
.fiberised select.mySelectBox,
.fiberised select.mySelectBox > option,
.fiberised select.textInput[multiple],
.fiberised select.textInput[multiple] > option {
	min-width: 100%;
}

.fiberised #pickerSelection .select div:first-child {
	margin-right: 2px !important;
}

.fiberised #pickerSelection .select p,
.fiberised #picker p {
	background-color: #f5f5f5;
}

.fiberised div.pickerChar.active a:hover {
	background-color: #f5f5f5 !important;
}

.fiberised #enrolledparent_windowcontainer,
.fiberised #enrolledstudent_windowcontainer {
	height: 200px !important;
}

.fiberised .btn {
	margin-left: 2px;
	margin-right: 2px;
}

.fiberised .btn-link, .fiberised .btn-link:hover {
	text-shadow: none;
	text-decoration: none;
}

.fiberised .page-tools-left {
	float: left; 
}

.fiberised .modalmoz {
	background-image: none;
	background-color: rgba(255,255,255,0.8);
}

.fiberised * {
/*	font-size: 13px !important;*/
}


.fiberised table.dataEntry th {
	padding-left: 5px;
}

.fiberised .row1:hover > td,
.fiberised .row2:hover > td,
.fiberised .hilite {
	background-color: rgb(215,215,218);
}

body.tassweb-newmenu.tassweb-index #toolbar {
	width: 100% !important;
	height: 43px !important;
	left: 0;
	background: none;
	pointer-events: none;
	position: relative;
	margin-top: -43px;
	/*position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	bottom: 0 !important;
	
	background-color: #333 !important;
	*/
}

body.tassweb-newmenu.tassweb-index #navbg { display: none; }
body.tassweb-newmenu.tassweb-index #navtop {
	display: none !important;
}

body.tassweb-newmenu.tassweb-index #navwrapper {
	/*position: absolute !important;
	left: 0 !important;
	
	bottom: 0px !important;*/
	position: relative;
	height: 100%;
	margin-left: -249px;
	/*margin-top: -43px;*/
	/*top: 0px !important;*/
	float: left;
	width: 249px !important;
	pointer-events: all;
	/*background-color: transparent; !important;*/
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding-top: 142px;
}

body.tassweb-newmenu.tassweb-index #navwrapper.navwrapper-fav { 
	padding-top: 105px;
}

body.tassweb-newmenu.tassweb-index #nav,
body.tassweb-newmenu.tassweb-index #fav {
	background: rgb(244,246,248); 
	position: relative; !important;
	left: 0px !important;
	bottom: 0px !important;
	top: 0px !important;
	height: 100% !important;
	width: 249px !important;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
}

body.tassweb-newmenu.tassweb-index #nav {
	top: 142px !important;
	height: 100% !important;
	position: relative !important;
	top: 0 !important;
	left: 0 !important;
}

body.tassweb-newmenu.tassweb-index #navclose {
	display: none !important;
}

/*body.tassweb-newmenu.tassweb-index #nav.AnimTree {
	background-color: transparent !important;
	height: 100% !important;
}*/

body.tassweb-newmenu.tassweb-index {
	background-color: rgb(244,246,248) !important;
	font-weight: normal;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 20px;
	/*background-color: transparent !important;*/
}

.tassweb-newmenu.tassweb-index #logo {
	padding-left: 10px;
	padding-top: 5px;
	pointer-events: all;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	width: 249px;
	position: absolute;
	top: 0;
	left: 0;
	margin-left: 0;
	margin-top: 0;
	z-index: 999;
	color: #fff;
	background: #323645;
	height: 60px;
}

.tassweb-newmenu.tassweb-index #logo img {
	width: 140px;	
}

.tassweb-newmenu.tassweb-index #logo.logo-alt img {
	width: auto;
    height: 40px;
    margin-top: 2px;
    margin-left: 3px;
}


.tassweb-index #nav_launch {
	display: none;
}


.tassweb-newmenu.tassweb-index #nav_launch,
.tassweb-newmenu.tassweb-index #nav_launch:hover,
.tassweb-newmenu.tassweb-index #nav_launch:active {
	display: block;
	position: absolute;
    top: 12px;
    left: 208px;
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

.tassweb-newmenu.tassweb-index a#nav_launch .icon,
.tassweb-newmenu.tassweb-index a#nav_launch:hover .icon,
.tassweb-newmenu.tassweb-index a#nav_launch:active .icon {
	 font-size: 20px;
	 color: inherit;
	 text-decoration: none;
}

.tassweb-newmenu.tassweb-index a#nav_launch .caret {
	border-top-color: inherit;
	margin-top: 6px;
}


.tassweb-newmenu.tassweb-index .menuButton {
	padding-left: 20px;
}

.tassweb-newmenu.tassweb-index #nav_tabs {
	display: block;
	position: absolute;
	top: 60px;
	left: 0;
	width: 249px;
	pointer-events: all;
	background: #313645;
	
}

.tassweb-newmenu.tassweb-index #nav_tabs .nav-tabs {
	border-bottom-color: #232731;
}

.tassweb-newmenu.tassweb-index #nav_tabs #nav-item-menu {
	padding-left: 12px;

}
/*
.tassweb-newmenu.tassweb-index #nav_tabs .nav-tabs {
	border-bottom: none;
	border-top: 1px solid #e4e4e4;
}

.tassweb-newmenu.tassweb-index #nav_tabs .nav-tabs {
	margin-bottom: 0;
}

.tassweb-newmenu.tassweb-index #nav_tabs .nav-tabs>li.active a {
    background: #f1f1f1;
    border-color: #e4e4e4;
}*/
.tassweb-newmenu.tassweb-index #nav_tabs .nav-tabs>li {
	margin-left: 6px;
}
.tassweb-newmenu.tassweb-index #nav_tabs .nav-tabs>li.active a {
	background: rgb(244,246,248);

}
.tassweb-newmenu.tassweb-index #nav_tabs .nav-tabs>li a {
    font-size: 14px;
    color: #313645;
    background: #878c9c;
}


/*
.tassweb-newmenu.tassweb-index #nav_tabs {
	display: block;
	position: absolute;
	top: 50px;
}*/
.tassweb-newmenu.tassweb-index .menu .menu { padding-left: 0; border-left: none; }
.tassweb-newmenu.tassweb-index .menu .menu .menu { padding-left: 0; border-left: none; }

.tassweb-newmenu.tassweb-index .menu .menu .menuButton {
	padding-left: 28px;
	border-left: none;
}

.tassweb-newmenu.tassweb-index .openmenu > .buttonlabel > .menuButton::before {
	content: "\f146";
	font-family: 'Font Awesome 5 Pro' !important;
	font-weight: 100;
}

.tassweb-newmenu.tassweb-index .buttonlabel > .menuButton::before {
	content: "\f0fe";
	font-family: 'Font Awesome 5 Pro' !important;
	font-weight: 100;
}

.tassweb-newmenu.tassweb-index .menu {
	padding-left: 0px;
	margin-bottom: 0;
	margin-top: -1px;
	padding-bottom: 3px;
}
	
.tassweb-newmenu.tassweb-index .showlabellink {
	padding: 1px 0;
}

.tassweb-newmenu.tassweb-index .tbuttontop,
.tassweb-newmenu.tassweb-index .tbuttontop:hover,
.tassweb-newmenu.tassweb-index .tbuttontop.hover,
.tassweb-newmenu.tassweb-index .tbuttontop:active,
.tassweb-newmenu.tassweb-index .tbutton,
.tassweb-newmenu.tassweb-index .tbutton:hover,
.tassweb-newmenu.tassweb-index .tbutton.hover,
.tassweb-newmenu.tassweb-index .tbutton:active,
.tassweb-newmenu.tassweb-index .menuNode,
.tassweb-newmenu.tassweb-index .menuNode:hover,
.tassweb-newmenu.tassweb-index .menuNode.hover,
.tassweb-newmenu.tassweb-index .menuNode:active,
.tassweb-newmenu.tassweb-index .menuNode a,
.tassweb-newmenu.tassweb-index .menuNode a:hover,
.tassweb-newmenu.tassweb-index .menuNode a.hover,
.tassweb-newmenu.tassweb-index .menuNode a:active,
.tassweb-newmenu.tassweb-index .menu,
.tassweb-newmenu.tassweb-index .menu:hover,
.tassweb-newmenu.tassweb-index .menu.hover,
.tassweb-newmenu.tassweb-index .menu:active,
.tassweb-newmenu.tassweb-index .menuButton,
.tassweb-newmenu.tassweb-index .menuButton:hover,
.tassweb-newmenu.tassweb-index .menuButton.hover,
.tassweb-newmenu.tassweb-index .menuButton:active,
.tassweb-newmenu.tassweb-index .menu .buttonlabel,
.tassweb-newmenu.tassweb-index .menu .buttonlabel:hover,
.tassweb-newmenu.tassweb-index .menu .buttonlabel.hover,
.tassweb-newmenu.tassweb-index .menu .buttonlabel:active,
.tassweb-newmenu.tassweb-index .showlabellink,
.tassweb-newmenu.tassweb-index .showlabellink:hover,
.tassweb-newmenu.tassweb-index .showlabellink.hover,
.tassweb-newmenu.tassweb-index .showlabellink:active,
.tassweb-newmenu.tassweb-index .openmenu,
.tassweb-newmenu.tassweb-index .openmenu:hover,
.tassweb-newmenu.tassweb-index .openmenu.hover,
.tassweb-newmenu.tassweb-index .openmenu:active {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
	font-size: inherit;
	line-height: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
	border-top-width: 0;
	border-left-width: 0;
	background: inherit;
	height: auto !important;
	width: 100% !important;
	text-decoration: none;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	white-space: normal;
	background-image: none !important;
}

.tassweb-newmenu.tassweb-index .menuNode a:hover,
.tassweb-newmenu.tassweb-index .menuNode a.hover,
.tassweb-newmenu.tassweb-index .menuNode a:active {
	text-decoration: underline;
}

.tassweb-newmenu.tassweb-index .tbutton > div, .tassweb-newmenu.tassweb-index .tbuttontop > div {
	line-height: inherit;
}

.tassweb-newmenu.tassweb-index .menuNode {
	padding-left: 50px !important;
	padding: 1px 0;
}

.tassweb-newmenu.tassweb-index .menuNode a {
	padding-top: 0;
	padding-bottom: 0;
}


.tassweb-newmenu #nav_search,
.tassweb-newmenu.tassweb-index .nav_search_enabled #nav_search {
	left: 10px !important;
	top: 61px;
	position: absolute;
	height: 32px;
	z-index: 3;
	overflow: hidden;
}

.tassweb-newmenu.tassweb-index .nav_search_enabled #nav_search,
.tassweb-newmenu.tassweb-index #nav_search {
	top: 105px;
}

.tassweb-newmenu .navBtn#menuCloseBtnDiv { display: none; }
.tassweb-newmenu .navBtn#menuCloseBtnDiv img { display: none; }


.tassweb-newmenu #changeCmpyBtnDiv:before {
	content: "\f084";
  	font-weight: 300;
}

.tassweb-newmenu.tassweb-index #aboutBtnDiv {
	display: block;
	position: absolute;
	right: 485px;
	top: 3px;
	display: none;
}

/*.tassweb-newmenu #aboutBtnDiv:before {
	font-size: 24px;
	color: #fff;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 30px;
	content: "\f05a";
	font-weight: 300;
}*/

.tassweb-newmenu.tassweb-index #helpBtnDiv {
	display: inline-block;
	position: relative;
	float: none;
	cursor: pointer;
}

.tassweb-newmenu #helpBtnDiv:before {
	font-size: 18px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 30px;
	content: "\f059";
	font-weight: 300;
}

.tassweb-newmenu.tassweb-index #logoutBtnDiv {
	display: inline-block;
	position: static;
	float: none;
	margin-right: 5px;
	cursor: pointer;
	/*right: 7px;
    top: 3px;
    width: 35px !important;
    height: 30px !important;*/
}

.tassweb-newmenu #logoutBtnDiv:before {
	font-size: 18px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 30px;
	content: "\f2f5";
	font-weight: 400;
}

.tassweb-newmenu.tassweb-index #logoutBtnDiv:before {
	content: "\f011";
}

.tassweb-newmenu #teacherKioskBtnDiv:before {
  	font-weight: 300;
	content: "\f51c";
}

.tassweb-newmenu #webBookBtnDiv:before {
	font-weight: 300;
	content: "\f5da";
}
.tassweb-newmenu #communityBtnDiv:before {
	font-weight: 300;
	content: "\f12e";
}

.tassweb-newmenu #favouritesBtnDiv:before {
	font-weight: 300;	
	content: "\f005";
}

.tassweb-newmenu #birthdaysBtnDiv:before {
	font-weight: 300;
	content: "\f1fd";
}

.tassweb-newmenu #publicCalBtnDiv:before {
	font-weight: 300;
	content: "\f073";

}

.tassweb-newmenu.tassweb-index #updateavailableBtnDiv {
	display: inline-block;
	position: relative;
	float: none;
	cursor: pointer;
}

.tassweb-newmenu #updateavailableBtnDiv:before {
	font-size: 18px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 30px;
	font-weight: 300;
	content: "\f019";
}

.tassweb-newmenu.tassweb-index #releaseBtnDiv {
	display: inline-block;
	position: relative;
	float: none;
	cursor: pointer;
}

.tassweb-newmenu #releaseBtnDiv:before {
	font-size: 18px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	line-height: 30px;
	font-weight: 300;
	content: "\f0a1";
}


body.tassweb-index.tassweb-newmenu #nav_search_txt {
	width: 228px;
	margin-bottom: 0;
}

#nav_search > .icon-search {
	display: none;
}

.tassweb-newmenu.tassweb-index .buttonheading {
	background-image: none !important;
}

.tassweb-newmenu.tassweb-index .login-copyright {
	display: none;
	/*position: absolute;
    bottom: 5px;
    font-size: 10px;
    left: 0;
    right: 0;*/
    font-size: 10px;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
	opacity: 0.7;
	line-height: 12px;
}


.tassweb-newmenu.tassweb-index .login-fullname {
	line-height: 20px;
	margin-bottom: 0 !important;
	padding: 5px;
	margin-left: 10px;
	margin-right: 15px;
	color: inherit;
	font-family: inherit;
	/*background: #000;*/
	/*background: #fff;*/
	/*border: 1px solid #CCC;*/
	border-radius: 14px;
	/*color: #fff;*/
	display: inline-block;
	text-align: left;
	padding-left: 24px;
	font-size: 12px;
	position: relative;
	width: auto;
	cursor: pointer;
}

.tassweb-newmenu.tassweb-index .login-fullname:before {
    content: "\f2bd";
    font-weight: 300;
    position: absolute;
    left: 1px;
    top: 4px;
   	font-size: 18px;
   	color: inherit;
   	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.tassweb-newmenu.tassweb-index .login-company {
	line-height: 20px;
	padding: 5px;
	margin-right: 15px;
	margin-left: 10px;
	text-align: left;
	padding-left: 24px;
	color: inherit;
	font-family: inherit;
	display: inline-block;
	font-size: 12px;
	position: relative;
	width: auto;
	cursor: pointer;
}

.tassweb-newmenu.tassweb-index .login-company:before {
    content: "\f084";
    font-weight: 300;
    position: absolute;
    left: 1px;
    top: 4px;
   	font-size: 18px;
   	color: inherit;
    font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}



.tassweb-newmenu.tassweb-index #LoginDetails {

	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
	pointer-events: all;
	top: 9px;
	right: 40px;
	width: 400px;
	height: 30px;
	cursor: default;
}

.tassweb-newmenu.tassweb-index #LoginDetails {
	color: #fff;
}

/*.tassweb-newmenu .login-company {
    font-size: 14px !important;
}*/
body.tassweb-newmenu.tassweb-index #mainlayout {
	position: relative;
	width: 100%;
	height: 100%;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body.tassweb-newmenu.tassweb-index #mainlayout-offset {
	position: relative;
	width: 100%;
	height: 100%;
	padding-left: 249px;
	/*padding-top: 43px;*/
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}
    

body.tassweb-newmenu.tassweb-index #mainContainer {
	position: relative;
	width: 100%;
	height: 100%;
	padding-top: 43px;
	pointer-events: none;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

body.tassweb-newmenu.tassweb-index #mainContainer #content {
	pointer-events: all;
}

body.tassweb-newmenu.tassweb-index #content {
	position: relative;
	width: 100%;
	height: 100%;
	left: 0 !important;
	top: 0;
	bottom: 0px;
	background: #FFF;
}

#programHeader {
	background-image: none !important;
	padding-left: 0px !important;
}

.tassweb-newmenu .toolbar-button-wrapper {
	right: 0 !important;
	top: 0 !important;
	height: 43px !important;
	width: 100% !important;
	background-color: inherit !important;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	padding: 0 !important;
	padding-top: 0 !important;
	pointer-events: none;
	text-align: right;
}

 
.tassweb-newmenu.tassweb-index .toolbar-button-wrapper {
	color: #fff;
	background: #313645 !important;
}

.tassweb-newmenu .toolbar-button-wrapper * {
	pointer-events: all;
}

.tassweb-newmenu.tassweb-index .tassweb-nav-icon {
	color: #FFF !important;
	font-size: 26px !important;
	font-weight: 50;
}

.tassweb-newmenu.tassweb-index .navBtn {
	margin-bottom: 0 !important;
    height: 43px !important;
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    line-height: 20px;
    padding: 5px;
    width: 40px !important;
    text-align: center;
    clear: none;
	text-align: center;
	vertical-align: middle;
	position: relative;
}

.tassweb-newmenu.tassweb-index .tassweb-nav-icon:hover {
	color: #999 !important;
}

#programHeader .titleText {
	font-weight: normal !important;
	text-decoration: none !important;
	text-transform: none !important;
	font-style: normal !important;
	border: none !important;
	font-size: 16px !important;
	line-height: 16px;
	margin-left: 0 !important;
    margin-right: 40px !important;
    margin-top: 4px !important;
    margin-bottom: 4px !important;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.body_padding {
	padding-left: 0;
	padding-top: 0;
}

#pickerSelection {
	padding-left: 16px;
	padding-top: 16px;
}


.body_padding #pagecontent {
	padding-left: 16px;
	padding-top: 16px;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.body_padding #pagecontent #pickerSelection {
	padding-left: 0;
	padding-top: 0;
}

.searchBar {
	margin-top: 0;
}

#TabSystem2 {
	 left: 8px;
	top: 62px;
}


#programHeader {
    padding: 0 !important;
    padding-left: 10px !important;
    padding-top: 8px !important;
    padding-bottom: 8px !important;
    position: relative !important;
    width: 100% !important;
    line-height: 1px !important;
    z-index: 2 !important;
    zoom: 1 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    overflow: visible !important;
    background-color: #fff !important;
        min-height: 51px !important;
    height: 51px !important;
    border-bottom: 1px solid #ececec;
    -moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

img#help {
	display: none;
}

.tassweb-newmenu.tassweb-index .tbuttontop {
	border-bottom: none;
	text-indent: 0;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
	background: transparent;
	background-image: none !important;
	width: 100%;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.tassweb-newmenu.tassweb-index .tbutton {
	border-top: none;
	border-bottom: none;
	text-indent: 0;
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
	color: inherit;
	background: transparent;
	background-image: none !important;
	width: 100%;
	-moz-box-sizing: border-box; -ms-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.tassweb-newmenu.tassweb-index #financebutton,
.tassweb-newmenu.tassweb-index #studentadminbutton,
.tassweb-newmenu.tassweb-index #payrollhrmbutton,
.tassweb-newmenu.tassweb-index #systemadminbutton {
	background: none;
	background-image: none !important;
	margin-left: 0;
	margin-top: 0;
	padding-top: 3px;
	padding-bottom: 3px;
	text-indent: 0;
}

.tassweb-newmenu.tassweb-index #financebutton:before {
	font-size: 18px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f81d";
	font-weight: 400;
	width: 24px;
    text-align: center;
    margin-left: 8px;
    vertical-align: top;
    /*line-height: 20px;*/
}

.tassweb-newmenu.tassweb-index #studentadminbutton:before {
	font-size: 18px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f19d";
	font-weight: 400;
	width: 24px;
    text-align: center;
    vertical-align: top;
    margin-left: 8px;
}

.tassweb-newmenu.tassweb-index #payrollhrmbutton:before {
	font-size: 18px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f2bd";
	font-weight: 400;
	width: 24px;
    text-align: center;
    vertical-align: top;
    margin-left: 8px;
}

.tassweb-newmenu.tassweb-index #systemadminbutton:before {
	font-size: 18px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f013";
	font-weight: 400;
	width: 24px;
    text-align: center;
    vertical-align: top;
    margin-left: 8px;
}

.bootstrapped .control-searchinput.input-append {
	margin-bottom: 0;
}

.bootstrapped .control-searchinput.input-append .uneditable-input,
.bootstrapped .control-searchinput.input-append .selectize-input {
	border-radius: 0;
	height: 25px;
	box-shadow: none;
	line-height: 20px;
	font-size: 12px;
	min-height: 25px;
}

.bootstrapped .control-searchinput .selectize-input>input[type=text],
.bootstrapped .control-searchinput .selectize-input>input[type=text]:focus {
	font-size: 12px;
}

.bootstrapped .control-searchinput.input-append .selectize-input {
	padding: 2px 5px;
	border: 1px solid #7F9DB9;
}

.bootstrapped .selectize-control.single .selectize-input:after {
	top: 1px;
	right: 1px;
}
/*
div.pickerChar a:before  {
	font-size: 12px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f054";
	font-weight: 500;
	width: 14px;
	height: 14px;
    text-align: center;
    left: 0;
    top: 0;
    position: absolute;
}

div.pickerChar.active > a:before  {
	font-size: 12px;
	color: inherit;
	display: inline-block;
	font-family: 'Font Awesome 5 Pro';
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: "\f078";
	font-weight: 500;
	width: 14px;
	height: 14px;
    text-align: center;
    left: 0;
    top: 0;
    position: absolute;
}

.pickerWrapper div.pickerChar {
	padding: 0;
	width: 175px;
	min-height: 19px;
}
.pickerWrapper div.pickerChar >  a,
.pickerWrapper div.pickerChar.active >  a,
.pickerWrapper div.pickerLoader >  a {
	background: none !important;
	line-height: 16px;
	font-size: 12px;
}

.pickerWrapper div.pickerChar > a {
	width: 25px;
	text-align: center;
	display: block;
}
.pickerWrapper div.pickerLoader >  a:before {
	content: "";
}
.pickerWrapper div.pickerLoader >  a {
	margin-left: 5px;
	width: 165px !important;

}
*/