body {
	margin: 0px;
	padding: 0px;
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
}

img {
	border: none;
}

/* Colors */
.PageBgColor {
	background-color: #ffffff;
}

.FormTitleBgColor {
	background-color: #CC0000;
}

.FormTitleFontColor {
	color: #ffffff;
}

.CaptionBgColor {
	background-color: #feece6;
}

.CaptionFontColor {
	color: #333333;
}

.DataBgColor {}

.AltDataBgColor {}

.DataFontColor {
	color: #333333;
}

a,
a:link {
	color: #ff774e;
}

a:visited {
	color: #ff774e;
}

a:hover,
a:active {
	opacity:0.9;
}


/* BEGIN Common */


ul,
ol,
blockquote {
	margin-top: 5px;
	margin-bottom: 10px;
	margin-left: 20px;
}

form {
	margin: 0px;
}

h1 {
	font-size: 12pt;
	font-family: Source Sans Pro, sans-serif;
	text-align: left;
	vertical-align: top;
	margin-top: 5px;
	margin-bottom: 5px;
}

h2 {
	font-size: 130%;
	margin-top: 15px;
	margin-bottom: 5px;
}

h3 {
	font-size: 110%;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
}

h4 {
	font-size: 100%;
	margin-top: 15px;
	margin-bottom: 5px;
}

h5 {
	font-size: 100%;
	font-style: italic;
	margin-top: 15px;
	margin-bottom: 5px;
}

h6 {
	font-size: 90%;
	margin-top: 15px;
	margin-bottom: 5px;
}

th {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
}

td {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
}

/* END Common */
#showLeft {
	CURSOR: pointer;
	font-size: 20px;
	TEXT-DECORATION: none;
}

/* #showLeft i{
background: #004b54;
box-shadow: 0 3px 5px -1px #0003,0 6px 10px 0 #00000024,0 1px 18px 0 #0000001f;
color: #fff;
padding: 6px 10px;
border-radius: 10px 10px;
} */
#favouriteBox {
	display: none;
	position: absolute;
	background: rgb(255, 255, 255);
	top: 50px;
	right: 150px;
	width: 360px;
	height: auto;
	padding-bottom: 10px;
	border-radius: 10px;
	z-index: 21;
	border: solid 1px #ddd;
	box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;
}

#helpBox {
	display: none;
	position: absolute;
	background: rgb(255, 255, 255);
	top: 40px;
	right: 30px;
	width: 276px;
	height: auto;
	padding-bottom: 10px;
	border-radius: 10px;
	z-index: 11;
	border: solid 1px #ddd;
	box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;
}

.Header {
	width: 100%;
	border-top: 2px solid #2e3b47;
	border-right: 2px solid #2e3b47;
	border-left: 2px solid #2e3b47;
}

.Header th {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	padding: 3px;
	background-color: #2e3b47;
	color: #fff;
	width: 100%;
	white-space: nowrap;
}

.HeaderLeft {
	/* background-image: url('Images/HeaderLeft.gif'); */
	background-color: #2e3b47;
}

.HeaderRight {
	/* background-image: url('Images/HeaderRight.gif'); */
	background-color: #2e3b47;
}

.HeaderLeft img {
	width: 3px;
}

.HeaderRight img {
	width: 9px;
}

.Headergray {
	width: 100%;
	border-top: 2px solid #555555;
	border-right: 2px solid #555555;
	border-left: 2px solid #555555;
}

.Headergray th {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 1px;
	background-color: #555555;
	color: #ffffff;
	width: 100%;
	white-space: nowrap;
}

.Headergray td {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 1px;
	background-color: #555555;
	color: #ffffff;
	width: 100%;
}

/* Grid Options */
.Grid {
	border: 1px solid #CED0C4;
	/*som =1 */
	width: 100%;
}

.Caption th {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	/*som =0 */
	border: 1px solid #FFFFFF;
	background-color: #feece6;
	color: #333333;
	white-space: nowrap;
}

.Caption td {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #feece6;
	color: #333333;
	white-space: nowrap;
}

.Caption div {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #feece6;
	color: #333333;
	white-space: nowrap;
	float: left;
}

.Caption1 th {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-top: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	background-color: #feece6;
	color: #333333;
	white-space: nowrap;
}

.Caption1 td {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-top: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	background-color: #feece6;
	color: #333333;
	white-space: nowrap;
}

.Caption img {
	margin: 2px;
	vertical-align: middle;
}

.Caption input {
	vertical-align: middle;
}

.Row th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 2px 4px;
	border: 1px solid #FFFFFF;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 26px;
}

.Row td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px 4px;
	border: 1px solid #FFFFFF;
	vertical-align: middle;
	color: #333333;
	height: 26px;
}

.Row9 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 2px 4px;
	border-top: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 26px;
}

.Row9 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px 4px;
	border-top: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	vertical-align: middle;
	color: #333333;
	height: 26px;
}

.Row9High td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-top: 1px solid #303030;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	vertical-align: top;
	background-color: #C2ECF2;
	color: #333333;
	height: 26px;
}

.Grid caption {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 2px solid #CED0C4;
	border-bottom: 1px;
	text-align: left;
	vertical-align: top;
	color: #333333;
}

.Separator {
	color: #333333;
}

.Separator td {
	height: 1px;
}


.AltRow th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	border: 1px solid #FFFFFF;
	color: #333333;
	white-space: nowrap;
	color: #333333;
}

.AltRow td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	color: #333333;
}

.NoRecords td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	color: #333333;
	vertical-align: top;
}

.NoRecords1 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-right: 1px solid #303030;
	border-bottom: 1px solid #303030;
	color: #333333;
	vertical-align: top;
}

.Footer td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 1px;
	border-top: 1px solid #FFFFFF;
	background-color: #f2efee;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #333333;
}

.Footer a:link {
	color: #ff774e;
}

.Footer a:visited {
	color: #830000;
}

.Footer a:hover,
.Footer a:active {
	color: #ff0000;
}

.Footer img {
	margin: 2px;
	vertical-align: middle;
}

.Footer input {
	margin: 2px;
	vertical-align: middle;
}

/* Record Options */
.Record {
	border: 1px solid #CED0C4;
	width: 100%;
}

.Error td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	color: #FF0000;
	vertical-align: top;
}

.Controls th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	border: 1px solid #FFFFFF;
	color: #333333;
	white-space: nowrap;
}

.Controls td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	color: #333333;
}

.Bottom td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px;
	border-top: 1px solid #FFFFFF;
	background-color: #fbf0ec;
	color: #333333;
	text-align: right;
	vertical-align: middle;
	white-space: nowrap;
}

.Bottom img {
	margin: 2px;
	vertical-align: middle;
}

.Bottom input {
	margin: 2px;
	vertical-align: middle;
}

/* Report */
.GroupCaption th {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	white-space: nowrap;
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	color: #333333;
}

.GroupCaption td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	font-weight: bold;
	color: #333333;
}

.GroupFooter td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	background-color: #edf3dd;
	color: #333333;
}

.GroupFooter a:link {
	color: #ff774e;
}

.GroupFooter a:visited {
	color: #830000;
}

.GroupFooter a:hover,
.GroupFooter a:active {
	color: #ff0000;
}

.GroupFooter img {
	margin: 2px;
	vertical-align: middle;
}

.GroupFooter input {
	margin: 2px;
	vertical-align: middle;
}

.SubTotal td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	font-weight: bold;
	color: #333333;
	border-bottom: 2px solid #333333;
}

.Total td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	white-space: nowrap;
	font-weight: bold;
	color: #333333;
}

/* Form Options */
.Button {
	color: #333333;
	border: solid 1px #333333;
	padding: 2px;
	font-weight: bold;
	font-size: 85%;
	font-family: Tahoma;
}

/* Calendar */

.Calendar {
	border: 1px solid #ddd;
	width: 100%;
}

.CalendarWeekdayName {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	text-align: center;
	vertical-align: top;
	white-space: nowrap;
	color: #333333;
}

.CalendarWeekendName {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	white-space: nowrap;
	text-align: center;
	vertical-align: top;
	color: #333333;
}

/* Calendar Day */
.CalendarDay {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #333333;
}

/* Calendar Weekend */
.CalendarWeekend {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	text-align: center;
	background-color: #e9e9e9;
	color: #333333;
}

/* Calendar Today */
.CalendarToday {
	font-size: 13px;
	padding: 2px;
	border: 2px solid #9bd883;
	text-align: center;
	color: #333333;
}

/* Calendar Weekend Today */
.CalendarWeekendToday {
	font-size: 13px;
	padding: 2px;
	border: 2px solid #333333;
	text-align: center;
	color: #333333;
}

/* Calendar Other Month's Day */
.CalendarOtherMonthDay {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #333333;
}

/* Calendar Other Month's Today */
.CalendarOtherMonthToday {
	font-size: 13px;
	padding: 2px;
	border: 2px solid #333333;
	text-align: center;
	color: #333333;
}

/* Calendar Other Month's Weekend */
.CalendarOtherMonthWeekend {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	text-align: center;
	color: #333333;
}

/* Calendar Other Month's Weekend Today */
.CalendarOtherMonthWeekendToday {
	font-size: 13px;
	padding: 2px;
	border: 2px solid #333333;
	text-align: center;
	color: #333333;
}

/* Calendar Selected Day (for DatePicker) */
.CalendarSelectedDayMy {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #E8B6E7;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDay {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #feece6;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyWO {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #a89dda;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarOtherDays {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	color: #333333;
	text-align: center;
}

.CalendarSelectedDayMyHD {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #90EEDF;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarDayMyMandetoryHrs {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #FFBF00;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

/* Calendar Navigator */
.CalendarNavigator {
	font-size: 13px;
	padding: 4px;
	background-color: #feece6;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
	color: #333333;
}

.CalendarNavigator img {
	margin: 2px;
	vertical-align: middle;
}

/* Calendar Extra */
.CalendarEvent {
	font-size: 100%;
	font-face: bold;
	text-align: left;
	color: #F22E76;
}

.captionnew {
	background-color: #E1E1E1;
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

.captionnew2 {
	background-color: #E1E1E1;
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	padding-left: 3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCCCCB;
}

.mtrcaption {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	padding-left: 3px;
	background-color: #ECEDEA;

}

.captionlabels1 {

	background-color: #E1E1E1;
	font-family: Source Sans Pro, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.Controls2 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: bold;
	padding: 4px;
	border-top: 1px solid #CCCCCB;
	border-right: 1px solid #CCCCCB;
	background-color: #ECEDEA;
	color: #333333;

	white-space: nowrap;
	color: #333333;
}

.Controls2 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-top: 1px solid #CCCCCB;
	border-right: 1px solid #CCCCCB;
	vertical-align: top;
	background-color: #E1E1E1;
	color: #333333;
	font-weight: bold;
}

.blank {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCB;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCB;
}

.ControlsNo th {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	background-color: #ECEDEA;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;
}

.ControlsNo td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-top: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
	vertical-align: top;
	background-color: #ECEDEA;
	color: #333333;
}

.newbox th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	border-top: 1px solid #CCCCCB;
	border-right: 1px solid #CCCCCB;
	background-color: #E1E1E1;
	color: #333333;
	white-space: nowrap;
	color: #333333;
}

.newbox td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-top: 1px solid #CCCCCB;
	border-right: 1px solid #CCCCCB;
	vertical-align: top;
	background-color: #E1E1E1;
	color: #333333;
	font-weight: bold;
}

.ControlsCentre th {
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: bold;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	background-color: #E1E1E1;
	color: #333333;
	white-space: nowrap;
	color: #333333;
}

.ControlsCentre td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	vertical-align: middle;
	background-color: #E1E1E1;
	color: #333333;
	font-weight: bold;
	text-align: center;
}

.textfield {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #333;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: left;
	border-radius: 3px;
	height: 26px;
	padding: 0px 2px;
}

/*for cross browser solution---08.12.11*/
.newstart {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #333333;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border: 1px solid #333333;
	vertical-align: middle;
	background-color: #FFFFFF;
	text-align: left;
	width: 100%
}

/*for cross browser solution---08.12.11*/

.emptycell {
	FONT-SIZE: 13px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCB;
	text-align: left;
	color: #FFFFFF;
}

.textfielddisable {
	FONT-WEIGHT: Normal;
	FONT-SIZE: 13px;
	COLOR: #888888;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: right;
	border-radius: 3px;
	height: 26px;
	padding: 0px 2px;
	background: #f2f2f2;
}

.emptycell2 {
	Font-size: 13px;
	background-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCB;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCB;
	color: #FFFFFF;
}

.blankPrint {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #717171;
	background-color: #FFFFFF;
	border-top-color: #CCCCCB;
	border-top-width: 1px;
	border-top-style: solid;
}

.captionInvest {

	background-color: #F2F2F2;
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
}

.Row2 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 26px;
	border-top: 1px solid #D3D4D2;
	border-right: 1px solid #D3D4D2;
}

.Row2 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px 4px;
	vertical-align: middle;
	color: #333333;
	height: 26px;
	border-top: 1px solid #D3D4D2;
	border-right: 1px solid #D3D4D2;
}

.Row3 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 2px 4px;
	background-color: #D6D6D6;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 26px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.Row3 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px 4px;
	vertical-align: middle;
	background-color: #D6D6D6;
	color: #333333;
	height: 19px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.blankPrint2 {
	background-color: #CC0000;
	text-align: center;
	font-family: Source Sans Pro, sans-serif;
	font-size: 12pt;
	color: #FFFFFF;
	vertical-align: top;
}

.green {
	background-color: #CC0000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	color: #333333;
}

.green2 {

	background-color: #CC0000;
}

.textfield2 {

	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #333;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border: 1px solid #ddd;
	vertical-align: middle;
	border-radius: 3px;
	height: 26px;
	padding: 0px 2px;
}

.emptycell3 {
	FONT-SIZE: 13px;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCB;
}

.employee {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	background-color: #f4ded7;
	color: #003F31;
	text-align: left;
	height: 21px;
	font-weight: bold;
}

.textfieldNo,
.textfieldno {

	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #333;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: right;
	padding-right: 1px;
	border-radius: 3px;
	height: 26px;
	padding: 0px 2px;
}

.Row4 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 19px;
	border-top: 1px solid #D3D4D2;
	border-right: 1px solid #D3D4D2;
}

.Row4 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	vertical-align: middle;
	color: #333333;
	height: 26px;
	border-top: 1px solid #D3D4D2;
	border-right: 1px solid #D3D4D2;
}

.investdec th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 2px 0px 2px 4px;
	background-color: #E1E1E1;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 19px;
	border-top: 1px solid #E1E1E1;
	border-right: 1px solid #D3D4D2;
}

.investdec td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 1px 1px 1px 4px;
	vertical-align: middle;
	color: #333333;
	height: 26px;
	border-top: 1px solid #D3D4D2;
	border-right: 1px solid #D3D4D2;
}

.mainpage {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13pt;
	font-weight: bold;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	background-color: #ECEDEA;

}

.reportAshi {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	font-weight: normal;
	background-color: #ECEDEA;
	height: 25px;
	padding: 3px;
	border-top: 1px solid #CCCCCB;
	border-right: 1px solid #CCCCCB;
}

.textfielddisablelft {
	background: #f2f2f2;
	FONT-WEIGHT: Normal;
	FONT-SIZE: 13px;
	COLOR: #888888;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: left;
	border-radius: 3px;
	height: 26px;
	padding: 0px 2px;
}

.subHeading3 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #7B7B7B;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	padding-top: 10px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7B7B7B;
}

.aboutusmtr {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	padding-left: 7px;
	text-align: justify;
	padding-right: 7px;
	padding-top: 7px;
}

.aboutusmtrBOLD {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: justify;
	font-weight: bold;
}

.aboutuslst {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	padding-left: 2px;
	text-align: left;
	padding-right: 5px;
	padding-top: 2px;
	vertical-align: top;
	background-color: #ECEDEA;
}

.aboutuslst2 {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	padding-left: 2px;
	text-align: left;
	padding-right: 5px;
	list-style-position: inside;
	list-style-type: disc;
}

.aboutusmtrBOLD2 {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	text-align: justify;
	font-weight: bold;
	padding-left: 7px;
	padding-top: 2px;
	background-color: #E1E1E1;
	height: 25px;
}

.textFormat {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #333333;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 2px;

}

.subHeading2 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 13px;
	COLOR: #616160;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	padding-top: 8px;
	padding-left: 10px;
}

a.servicesLink {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #616160;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	TEXT-DECORATION: none;
}

.servicename {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #616160;
	padding-left: 20px;
	text-decoration: none;
}

.mapmatter2 {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	padding-left: 5px;
	padding-top: 5px;
	vertical-align: top;
}

.imagebrdr {
	border: 4px solid #FFFFFF;
}

.mapmatter1 {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	vertical-align: top;
	font-weight: bold;
}

a.locateLink {
	FONT-WEIGHT: normal;
	FONT-SIZE: 13px;
	COLOR: #333333;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	TEXT-DECORATION: none;
	background-color: #ECEDEA;
	text-align: center;
}

.subHeading4 {
	FONT-WEIGHT: bold;
	FONT-SIZE: 11pt;
	COLOR: #7B7B7B;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #7B7B7B;
	padding-bottom: 2px;
	padding-left: 7px;
	padding-top: 10px;
}

.subHeading5 {

	FONT-WEIGHT: bold;
	FONT-SIZE: 12pt;
	COLOR: #7B7B7B;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	padding-top: 10px;
	padding-left: 10px;
}

.Row5 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #FFFFFF;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 26px;
}

.Row5 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px;
	border: 1px solid #FFFFFF;
	vertical-align: middle;
	color: #333333;
	height: 26px;
}

Row8 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #FFFFFF;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 26px;
}

.Row8 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	color: #333333;
	height: 26px;
}

.Controls1 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #FFFFFF;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 23px;
}

.Controls1 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	color: #333333;
	height: 23px;
}

.Row6 th {
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 26px;
	border: 1px solid #FFFFFF;
}

.Row6 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	vertical-align: top;
	color: #333333;
	height: 26px;
	border: 1px solid #FFFFFF;
}

.Row7 th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 19px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.Row7 td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	vertical-align: top;
	color: #333333;
	height: 26px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
}

.green3 th {
	background-color: #333333;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	color: #FFFFFF;
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	font-weight: bold;
}

.captionnew3 {

	background-color: #E1E1E1;
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	padding-left: 3px;
}

.captionnew4 {
	background-color: #E1E1E1;
	font-family: Source Sans Pro, sans-serif;
	font-size: 11pt;
	color: #333333;
	font-weight: bold;
	padding-left: 1px;
	height: 26px;
	vertical-align: middle;
	padding-top: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	border-top: 1px solid #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}

.sessionexpiry {
	font-family: Source Sans Pro, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	background-color: #E8E8E1;
	color: #333333;
	text-align: center;

}

.sessionexpirybrdr {
	border: 1px solid #CC0000;
	margin: auto;
}

.sessionexpirylnk {

	font-family: Source Sans Pro, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	background-color: #E1E1E1;
	color: #333333;
}

.Header2 {
	width: 100%;
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
	border-left: 2px solid #333333;
}

.Header2 th {
	font-size: 11pt;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	background-color: #CC0000;
	color: #ffffff;
	width: 100%;
	white-space: nowrap;
}

.Header2 a:link {
	color: #ffffff;
}

.Header2 a:visited {
	color: #ffffff;
}

.Header2 a:hover,
.Caption a:active {
	color: #ffffff;
	text-decoration: none;
}

.Header2Left {
	background-image: url('Images/HeaderLeft.gif');
}

.Header2Right {
	background-image: url('Images/HeaderRight.gif');
}

.Header2Left img {
	width: 3px;
}

.Header2Right img {
	width: 9px;
}

.captionnew6 {
	background-color: #EDEDE7;
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #333333;
	font-weight: bold;
	height: 22px;
	vertical-align: middle;
	border-top: 1px solid #333333;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	padding: 1px;
}

.reportAshiCopy {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	font-weight: normal;
	background-color: #ECEDEA;
	height: 25px;
	padding: 2px;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
}

.dateformat {
	font-family: Source Sans Pro, sans-serif;
	font-size: 7.5pt;
}

.CompanyName {
	font-size: 14pt;
	text-align: center;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	background-color: #CC0000;
	color: #FFFFFF;
	width: 100%;
	font-weight: bold;
}

.Sign td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #F6F6F4;
	color: #333333;
	vertical-align: bottom;
	height: 60px;
}

.tab {
	padding: 1px;
	border: 1px solid #868685;
	background-color: #ECEDEA;
	color: #333;
}

.tab2 {
	background-color: #E8E8E1;
	color: #333;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	font-size: 12px;
	text-decoration: none;
}

.tab2link {
	color: #333;
	font-size: 12px;
	text-decoration: none;
}

.tab2drk {
	background-color: #CDCDBF;
	color: #333;
	border-top: 1px solid #333333;
	border-bottom: 0px solid #333333;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

a.tab2drk:hover,
a.tab2Drk:hover,
a.tab2link:hover {
	text-decoration: none;
}

a.tab2drk,
a.tab2Drk,
a.tab2link {
	color: #333;
}


.formlink {
	font-size: 13px;
	color: #333;
	text-decoration: none;
	background-color: #A09B8E;
	border-top: 1px solid #333333;
	margin: 0;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

.formlink2 {
	font-family: Source Sans Pro, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
	background-color: #CC0000;
	font-weight: normal;
	vertical-align: middle;
	text-align: center;
}

.formlink2 a {
	border-top: 0px solid #333333;
}

.Row5Highlight td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	background-color: #BABAB6;
	color: #333333;
	height: 20px;
}

.RowSum th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 1px;
	border: 1px solid #FFFFFF;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 25px;
}

.RowSum td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 1px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	color: #333333;
	height: 25px;
}

/*classes for cross browser solutions---TS 08.12.11*/
#checklist_row td {
	white-space: nowrap;
}

.Row5_dark th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 2px;
	border: 1px solid #FFFFFF;
	background-color: #feece6;
	color: #333333;
	white-space: nowrap;
	color: #333333;
	height: 22px;
}

.Row5_dark td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	background-color: #feece6;
	color: #333333;
	height: 20px;
}

.Controls_port th {
	font-size: 13px;
	text-align: left;
	vertical-align: middle;
	font-family: Source Sans Pro, sans-serif;
	font-weight: normal;
	padding: 4px;
	border-right: 3px solid #a4a4a4;
	border-left: 3px solid #a4a4a4;
	color: #333333;
	white-space: nowrap;
	color: #333333;
}

.Controls_port td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	vertical-align: top;
	color: #333333;
}

.Header_port {
	width: 100%;
}

object,
embed,
a,
a:hover,
a:active,
a:selected,
a:visited,
a:focus,
a:link {
	outline: 0;
	outline: none;
	-moz-outline-style: none;
}

:focus {
	outline: 0;
}

/* for box button */

.button_wrapper {
	text-decoration: none;
	float: left;
	text-align: center;
	cursor: pointer;
	margin: 5px 5px;
	background: url(Images/box_bg2.png) no-repeat left top;
	width: 180px;
	height: 91px;

}

.button_wrapper .btntop,
.btnhover .btntop {
	text-align: center;
	padding-top: 15px;
}

.button_wrapper .btnmiddle,
.btnhover .btnmiddle {
	text-align: center;
	padding: 2px 0px;
}

.button_wrapper .btnbottom,
.btnhover .btnbottom {
	text-align: center;
	color: #ff0000;
	font-weight: bold;

}

.btnhover {
	text-decoration: none;
	float: left;
	text-align: center;
	cursor: pointer;
	margin: 5px 5px;
	background: url(Images/box_bg_up2.png) no-repeat left top;
	width: 180px;
	height: 91px;
}

.button_wrapper1 {
	text-decoration: none;
	/*float:left;*/
	text-align: center;
	cursor: pointer;
	margin: 5px 5px;
	background: url(Images/big_box.png) no-repeat left top;
	width: 310px;
	height: 91px;

}

.btnhover1 {
	text-decoration: none;
	/*float:left;*/
	text-align: center;
	cursor: pointer;
	margin: 5px 5px;
	background: url(Images/big_box_hover.png) no-repeat left top;
	width: 310px;
	height: 91px;
}


/* for Small box button */
.button_wrapper_small {
	text-decoration: none;
	float: left;
	text-align: center;
	cursor: pointer;
	margin: 5px 5px;
	background: url(Images/box_bg_small.png) no-repeat left top;
	width: 140px;
	height: 81px;

}

.btnhover_small {
	text-decoration: none;
	float: left;
	text-align: center;
	cursor: pointer;
	margin: 5px 5px;
	background: url(Images/box_bg_small_hover.png) no-repeat left top;
	width: 140px;
	height: 81px;
}

.button_wrapper_small .btntop,
.btnhover_small .btntop {
	text-align: center;
	padding-top: 8px;
}

.button_wrapper_small .btnmiddle,
.btnhover_small .btnmiddle {
	text-align: center;
	padding: 2px 0px;
}

.button_wrapper_small .btnbottom,
.btnhover_small .btnbottom {
	text-align: center;
	color: #ff0000;
	font-weight: bold;

}

/* mouse over tooltip */
ul.hovertip {
	width: 400px;
	padding: 10px;
	height: 180px;
	display: block;
	background: #f7f7f7;
	border-radius: 8px;
	color: #333;
	z-index: 999;
	border: 4px solid #85acd3;
}

ul.hovertip li {
	list-style-type: none;
	font-size: 13px;
}

.list2 {
	BORDER-RIGHT: #666666 1px solid;
	BORDER-TOP: #666666 1px solid;
	FONT-SIZE: 7pt;
	BORDER-LEFT: #666666 1px solid;
	COLOR: #333333;
	BORDER-BOTTOM: #666666 1px solid;
	FONT-FAMILY: Verdana, Source Sans Pro, sans-serif, Helvetica;
	WIDTH: 90px
}

.textfieldNototal,
.textfieldnototal {
	BORDER: #ddd 1px solid;
	FONT-SIZE: 13px;
	FONT-FAMILY: Source Sans Pro, sans-serif, Helvetica;
	FONT-WEIGHT: bold;
	COLOR: #333;
	vertical-align: middle;
	text-align: right;
	border-radius: 3px;
	height: 26px;
	padding: 0px 2px;
}

.textfieldNoMy1 {
	BORDER: #ddd 1px solid;
	FONT-SIZE: 13px;
	FONT-FAMILY: Source Sans Pro, sans-serif, Helvetica;
	FONT-WEIGHT: normal;
	COLOR: #333;
	vertical-align: middle;
	text-align: right;
	border-radius: 3px;
	height: 26px;
	padding: 0px 2px;
}

/* Calendar Intranet Start */

.CalendarSelectedDayMyHoliday {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #9bd883;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyStatComp {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #E0E01B;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyCoverage {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #8793F5;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyTraining {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #F08DC7;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyOnboarding {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #E3B77B;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyAbsence {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #BEE66A;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyGreen {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #c4eecc;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyRed {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #ecb5bc;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyAmber {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #bbe0e8;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarSelectedDayMyYellow {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #e1bf20;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarEventRed {
	font-size: 100%;
	font-face: bold;
	text-align: left;
	color: #FFFFFF;
}

.CalendarSelectedDayLessHrsLatein {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #F6D195;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

.CalendarLeaveDay {
	font-size: 13px;
	padding: 4px;
	border: 1px solid #FFFFFF;
	background-color: #9BF0F6;
	color: #333333;
	text-align: center;
	font-weight: bold;
}

/* Calendar Intranet End */
/*Housekeeping / administration css*/
#left_admin_main {
	background: #f8f9f7;
	width: 250px;
	min-height: 400px;
	height: 480px;
	overflow: auto;
}

#search_wrapper {
	background: #f9f9f9;
	padding: 0px 0px 6px 5px;
}

.adminsearchinput {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 28px;
	width: 182px;
	line-height: 28px;
	padding: 0 30px 0 10px;
	border: solid 1px #888;
	border-radius: 5px;
	/* (height/2) + border-width */
	margin: 15px 0px 0px 0px;
	color: #555;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(../administration/images/search_icon.png) no-repeat 200px center #FFF;
}

#sidetreecontrol {
	text-align: right;
	padding: 6px 10px 0 0;
	color: #095ea6;
}

#sidetreecontrol a {
	color: #095ea6;
	text-decoration: none;
}

.treeheader {
	padding: 10px 0px 10px 10px;
	font-size: 14px;
	color: #333;
	background: url(../administration/images/brd_bottom.png) repeat-x left bottom;
}

ul#tree {
	padding: 0px 0px 5px 5px;
}

.treeview,
.treeview ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.treeview ul {
	margin-top: 4px;
}

.treeview .hitarea {
	background: url(../administration/images/treeview-default.gif) -64px -25px no-repeat;
	height: 16px;
	width: 16px;
	margin-left: -16px;
	float: left;
	cursor: pointer;
}

/* fix for IE6 */
.hitarea {
	display: inline;
	float: none;
}

.treeview li {
	margin: 0;
	padding: 3px 0pt 3px 16px;
}

.treeview a,
.treeview a:visited {
	color: #333;
	text-decoration: none;
}

.treeview a:hover {
	color: #111;
}

.treeview a.selected {
	background-color: #ddd;
	padding: 3px 5px 3px 0px;
	color: #095ea6;
	font-weight: bold;
}

#treecontrol {
	margin: 1em 0;
	display: none;
}

.treeview .hover {
	color: red;
	cursor: pointer;
}

.treeview li {
	background: url(../administration/images/treeview-default-line.gif) 0 0 no-repeat;
}

.treeview li.collapsable,
.treeview li.expandable {
	background-position: 0 -176px;
}

.treeview .expandable-hitarea {
	background-position: -80px -3px;
}

.treeview li.last {
	background-position: 0 -1766px
}

.treeview li.lastCollapsable,
.treeview li.lastExpandable {
	background-image: url(../administration/images/treeview-default.gif);
}

.treeview li.lastCollapsable {
	background-position: 0 -111px
}

.treeview li.lastExpandable {
	background-position: -32px -67px
}

.treeview div.lastCollapsable-hitarea,
.treeview div.lastExpandable-hitarea {
	background-position: 0;
}

.filteringHighlight {
	/*background-color: #095ea6;*/
	color: #095ea6;
	font-weight: bold;
}

.admin_caption td {
	background-color: #feece6;
	font-size: 13px;
	text-align: left;
	vertical-align: top;
	font-family: Source Sans Pro, sans-serif;
	padding: 4px;
	border: 1px solid #FFFFFF;
	white-space: nowrap;
}

.admin_header {
	background-color: #2e3b47;
	width: 100%;
}

.admin_header th,
.admin_header td {
	color: #fff;
	padding: 3px;
	font-size: 13px;
	padding-left: 7px;
	font-weight: bold;
}

.admin_left_td {
	width: 250px;
	VERTICAL-ALIGN: top;
}

/*-----------end of Housekeeping / administration css ----------*/

/* --------------Company logo swapping code here -----------------------*/
.logoswap {
	width: 178px;
	height: 60px;
	overflow: hidden;
	z-index: 0;
}

/* ---------------Loading image global ---------------*/
#loading {
	/*width: 100%;  
	height: 100%;  
	top: 0px;   
	left: 0px;   
	position: fixed;   
	display: block;   
	opacity: 0.7;   
	background-color: #fff;  
	z-index: 99;   
	text-align: center; */
	/* new style */
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: #f4f4f4;
	opacity: 0.8;
	filter: alpha(opacity=80);
	z-index: 99;
	border-radius: 0px 0px 10px 10px;
}

#loading-image {
	/*position: absolute;  
	top: 300px;   
	left: 550px;   
	z-index: 100; */
	/* new style */
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 10px;
	/* background:#000; */
	border-radius: 5px;
	margin: -36px 0 0 -36px;
	z-index: 9999;

}

#loading_redirection {
	background: #2e3b47;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}

.loading_redirection_wrap {
	background: #fff;
	box-shadow: 0 2px 7px rgba(0, 0, 0, 0.4);
	border: 1px solid #d7d7d7;
	width: 500px;
	margin: auto;
	margin-top: 150px;
	padding: 10px;
	text-align: center;
	border-radius: 5px;
}

/* ------------------System Notice ----------------------------*/
#system_notice {
	width: 790px;
	text-align: left;
	font-size: 13px;
	margin: 0 auto -5px auto;
	padding: 5px 10px 5px 40px;
	border: 1px solid #9FABB9;
	background: url(../../images/alert.png) 5px 50% no-repeat #ffd;
}

#system_notice a {
	color: #600;
	font-weight: bold;
}

/* for new dashboard look and feel portico 2016 */
.userprofile_wrapper {
	float: right;
}

#loginBox {
	display: none;
	font-size: 14px;
	margin: 0 6px 0 0;
	position: absolute;
	right: 0;
	z-index: 100;
	background: #3f6690;
	border-radius: 3px;
	width: 160px;
	top: 60px;
}

.header_bar_bg {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	text-align: center;
	height: 34px;
	vertical-align: middle;
	background: #f2f2f2;
	border-top: 1px solid #dcdddd;
	border-bottom: 1px solid #dcdddd;
	/*background:url(../../images/bar-bg.png) repeat-x left top;*/
}

/*----------------- Company change top header -----------------------------*/
a div.cmpChange {
	max-width: 500px;
	padding-bottom: 3px;
}

a div.cmpChange .inner1 {
	color: #e94f60;
	font-size: 14px;
	float: left;
	background: #f6fafc;
	border: solid 1px #e4f2fb;
	padding: 4px 5px 5px 2px;
	/*overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;*/
	border-left: none;
	height: 30px;
	box-sizing: border-box;
	border-radius: 0px 5px 5px 0px;
}

a div.cmpChange .inner1:hover {
	background: #f1f1f1;
	border: solid 1px #d9effa;
	border-left: none;
}

a div.cmpChange .inner2 {
	float: left;
	padding: 4px 5px 5px 5px;
	border-left: none;
	background: #f6fafc;
	border: solid 1px #e4f2fb;
	border-right: none;
	height: 30px;
	font-size: 16px;
	box-sizing: border-box;
	border-radius: 5px 0px 0px 5px;
}

div.cmpWrap {
	display: none;
	padding: 0px;
	margin-top: 1px;
	border: solid 1px #ccc;
	border-top: 0px;
	height: auto;
	width: 232px;
	background: #f6fafc;
	position: absolute;
	box-shadow: 0px 1px 0px #ccc;
	border-radius: 0px 0px 5px 5px;
	z-index: 9999;
}

div.cmpWrapInner {
	padding: 5px;
}

div.cmpWrapInner select {
	height: 30px;
	margin: 6px;
	border: solid 1px #cecece;
	border-radius: 2px;
	width: 210px;
	font-size: 13px;
}

div.cmpWrapInner div.cmpclose a img {
	background: #ececea;
}

div.cmpWrapInner div.cmpclose a img:hover {
	background: #e1e1e1;
}

/* ------------------ Main top menu header style here ---------------------------*/
.maintopmenu ul {
	padding: 0px;
	margin: 2px 0px 0px 0px;
}

.maintopmenu ul li {
	display: inline-block;
	padding: 0px;
	margin: 0px 1px;
	border: solid 1px #c2cfdd;
	border-bottom: none;
	border-radius: 10px 10px 0px 0px;
}

.maintopmenu ul li a {
	display: block;
	padding: 5px 12px;
	margin: 0px;
	background: none;
	color: #555;
	font-size: 14px;
	font-weight: 600;
	border-radius: 10px 10px 0px 0px;
}

.maintopmenu ul li a:hover {
	background: #ff774e;
	text-decoration: none;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
}

.maintopmenu ul li a.active {
	background: #ff774e;
	text-decoration: none;
	color: #fff;
	border-radius: 10px 10px 0px 0px;
}

/* --------------------- Date and time display header --------------------*/
.sub-header-dash {
	background: #f9f9f9;
	height: 40px;
	border-top: 1px solid #dcdddd;
	font-size: 14px;
	font-weight: bold;
	TEXT-ALIGN: right;
	PADDING-RIGHT: 5px;
	box-shadow: 0 2px 1px -1px #0003, 0 1px 1px 0 #00000024, 0 1px 3px 0 #0000001f;
	box-sizing: border-box;
	padding-top: 5px;
}

.dateandtime_dis {
	float: left;
	padding: 0px 0px 2px 10px;
}

/* .dateandtime_dis .in1 {
	border: solid 1px #f2efee;
	font-size: 14px;
	font-weight: bold;
	box-shadow: 1px 1px 1px #f4f4f4;
} */

.dateandtime_dis .in2 {
	font-weight: 400;
	font-size: 16px;
	line-height: 25.78px;
	color: #696f79;
}

/* .dateandtime_dis .in3 {
	font-weight: 600;
	font-size: 16px;
	line-height: 25.78px;
	color: #696f79;
} */

.dateandtime_dis .in2 #display_date_fn4 {
	color: #ff774e;
	font-weight: 600;
}

/* --------------------- record attedance on header --------------------*/
.rcdAtt_wrap {
	float: left;
	padding: 0px 14px 0px 0px;
}

/* .rcdAtt_wrap .in1 {
	border: solid 1px #f2efee;
	font-size: 13px;
	font-weight: bold;
	box-shadow: 1px 1px 1px #f4f4f4;
} */

.rcdAtt_wrap .in2 {
	float: left;
	font-size: 16px;
	padding-top: 4px;
	color: #696f79;
	width: 190px;
	font-weight: 500;
	padding-left: 10px;
	text-align: left;
}

.rcdAtt_wrap .in2 #lstpunch {
	color: #ff774e;
	font-weight: 600;
}

.rcdAtt_wrap .in3 {
	float: left;
	padding-left: 20px;
}

.custom-btn {
	background-color: #2e3b47;
	color: #fff;
	padding: 6px 8px;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	font-weight: 600;
}



/* -------------------- Employee Search functionality header ----------------------*/
div.searchemp {
	/*background: url('../../images/search_bg.png') no-repeat right top;*/
	height: 34px;
	width: 278px;
	border: none;
	margin: 5px;
	border: solid 1px #ddd;
	border-radius: 5px;
}

div.searchemp .search_btn {
	background: url('../../images/search_btn.png') no-repeat right top;
	height: 25px;
	width: 26px;
	border: none;
	margin: 5px auto;
}

div.searchemp input {
	background: none repeat scroll 0 0 transparent;
	border: 0px solid #ddd;
	color: #a1a1a1;
	font-size: 13px;
	font-weight: bold;
	margin-left: 8px;
	padding: 0;
	height: 32px;
	line-height: 32px;
	width: 230px;
}

#employeeListBox {
	background: #FFFFFF;
	border: 1px solid #F4C6B7;
	display: none;
	font-size: 13px;
	margin: 0 6px 0 0;
	position: absolute;
	right: 0;
	top: 100px;
	z-index: 100;
}

#employeeListInner {
	background-color: #FFFFFF;
	font-size: 13px;
	width: 290px;
}

#filtertext {}

/* --------------------Footer code added here ---------- */
.footer_new td {
	border-top: solid 10px #2e3b47;
	padding: 5px 0px;
	font-size: 13px;
}

.footer_new td ul li {
	color: #ffffff;
	display: inline;
	padding-right: 4px;
	list-style-type: none;
}

.footer_new td a:visited {}

.footer_new td a {
	color: #333;
	display: inline;
	text-decoration: none;
	font-size: 13px;
}

.footer_new td a:hover {
	color: #111;
	display: inline;
}

/* ---------------- Dashboard left helpdesk button style ----------------------*/
#helpdeskmenu a div.swapimg {
	background: url("Styles/CedarTree1nim/images/helpdesk.png") no-repeat scroll left top transparent;
	height: 118px;
	width: 28px;
}

#helpdeskmenu a:hover div.swapimg {
	background: url("Styles/CedarTree1nim/images/helpdeskOver.png") no-repeat scroll left top transparent;
	height: 118px;
	width: 28px;
}

#helpdeskmenu a div.suvidha {
	background: url("Styles/CedarTree1nim/images/suvidha.png") no-repeat scroll left top transparent;
	height: 118px;
	width: 28px;
}

#helpdeskmenu a:hover div.suvidha {
	background: url("Styles/CedarTree1nim/images/suvidhaOver.png") no-repeat scroll left top transparent;
	height: 118px;
	width: 28px;
}

.readonly,
.exporttoexcel,
a.readonly,
a.exporttoexcel {
	color: #ff0;
	/*#ffdf6b;--old color*/
}

/* for  change password  progreesbar */
#prbar {
	margin: 5px;
	margin-left: 0px;
	width: 200px;
	height: 6px;
	background: url(Images/barbg.jpg) repeat-x left top;
	overflow: hidden;
	/* Adding some shadow to the progress bar */
	-webkit-box-shadow: 0px 2px 4px #555555;
	-moz-box-shadow: 0px 2px 4px #555555;
	box-shadow: 0px 2px 4px #555555;
}

doesnotexist:-o-prefocus,
#prbar {
	border-radius: 0px;
}

#prpos {
	background: #ff0000;
	width: 0%;
	height: 4px;
	/* CSS3 Progress Bar Transitions */
	transition: width 2s ease;
	-moz-transition: width 2s ease;
	-webkit-transition: width 2s ease;
	-o-transition: width 2s ease;
	-ms-transition: width 2s ease;
}

/*------------------------------ for global input boxes--------------------- */
input,
select {
	FONT-WEIGHT: normal;
	FONT-SIZE: 12px;
	COLOR: #333;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border: 1px solid #ddd;
	vertical-align: middle;
	text-align: left;
	border-radius: 3px;
	height: 26px;
	padding: 0px 2px;
}

textarea {
	FONT-SIZE: 13px;
	COLOR: #333;
	FONT-FAMILY: Source Sans Pro, sans-serif;
	border: 1px solid #ddd;
	border-radius: 3px;
	padding: 0px 2px;
}

input[type='image'],
input[type='submit'],
input[type='button'] {
	border: none;
	height: auto;
}

/*--- custom page title  -------------- */
.pagetitle {
	background: #2e3b47;
	font-size: 13px;
	color: #333;
	margin: 0px;
	padding: 6px;
}


/* style for table all over portico */

table.Grid tr:nth-child(even) {
	background: #fff !important;
}

table.Grid tr:nth-child(odd) {
	background: #f8f9f7 !important;
}

table.Grid tr:nth-child(even):hover,
table.Grid tr:nth-child(odd):hover {
	background: #f9f0ee !important;
}

table.Grid tr.tbltitle td,
table.Grid tr.tbltitle th {
	background: #2e3b47;
	color: #fff
}

table.Grid tr.headings td,
table.Grid tr.headings th {
	background: #feece6;
}

/*for Record*/
table.Record tr:nth-child(even) {
	background: #fff !important;
}

table.Record tr:nth-child(odd) {
	background: #fdfaf9 !important;
}

table.Record tr:nth-child(even):hover,
table.Record tr:nth-child(odd):hover {
	background: #f9f0ee !important;
}

table.Record tr.tbltitle td,
table.Record tr.tbltitle th {
	background: #2e3b47;
	color: #fff
}

table.Record tr.headings td,
table.Record tr.headings th {
	background: #feece6;
}

/* window for erroe, session etc */
.winwrapp {
	border: solid 8px #9dbcdb;
	background: #fff;
	border-radius: 5px;
	width: 450px;
	height: 250px;
}

.winwrapp .wintitle {
	background: #2e3b47;
	padding: 7px;
	margin: 5px;
	border-radius: 3px;
}

.winwrapp .wintext {
	font-size: 14px;
	text-align: center;
}

/* Colour for Group Pay deduction */
.group_payment_clr {
	background-color: #f7dbd2 !important;
}

.group_deduction_clr {
	background-color: #f0c3b4 !important;
}

/* rbb chart functionality css */
.clear {
	clear: both;
}

.pic {
	float: left;
	margin: 25px 15px 15px 0;
	border: 5px solid white;
	height: 24px;
	background: url('Images/falconimge.png') no-repeat 0px 0px;
	overflow: hidden;
}

.pic a {
	width: 30px;
	height: 30px;
	text-indent: -99999px;
	display: block;
}

/* for calendar tooltip */
.tbltooltip th,
.tbltooltip td {
	color: #fff !important;
	padding: 3px !important;
}

.textalert {
	background: transparent;
	border: none;
	;
	color: #cc0000;
	font-size: 13px;
	text-align: left;
}

.RowNCTC td {
	font-size: 13px;
	font-family: Source Sans Pro, sans-serif;
	padding: 2px;
	border: 1px solid #FFFFFF;
	vertical-align: middle;
	background-color: #C2ECF2;
	color: #333333;
	height: 26px;
}