html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*------------------------------------------------------------------------Default Element Styles----*/
html, body
{
	padding: 0;
	margin: 0;
	height: 100%;
	min-width: 768px;
	width: auto !important;
	font-size: 100%; /* 16px - divide pixel amount by 16 to get em measure */
	line-height: 1.152em; /* 16x1.125=18px */
	font-family: 'lucida grande', Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	background-color:#f7f8ff;
}

h1 { font-style: italic; font-size: 1.5em; }/* 24 px */
h2 { font-style: italic; font-size: 1.125em; } /* 18px */
h3 { font-style: italic; font-size: 0.875em; } /* 14 px */
h4 { font-style: italic; font-size: 0.75em; } /* 12 px */
h5 { font-style: italic; font-size: 0.625em; } /* 10px */
h6 { font-style: italic; font-size: 0.5em; } /* 8px */

p { font-size: 0.75em; }

a { color: #2160A6; font-size: 0.8125em;  text-decoration: underline;} 

ul { list-style: none; }

input { font-size:  0.8125em; padding: 2px; border: 1px solid black; }
input[type="radio"] { border: none; width: auto; }
input[type="radio"] + label { text-align: left; font-weight: normal;}
input[type="checkbox"] + input + label { text-align: left; font-weight: normal;}
input[type="submit"],
input[type="button"] 
{
	font-family: 'lucida grande', Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif;
	height: 55px;
	vertical-align: middle;
	padding: 0 2px;
}

select { font-size: 0.8125em; width: auto; }
label { font-size: 0.8125em; white-space:nowrap; font-weight: bold; padding-right: 7px; width: 100px; text-align: right; }
label.normal { width: 130px; font-weight: normal; float: none; }
textarea { border: 1px solid black; font-family: 'lucida grande', Trebuchet MS, Tahoma, Verdana, Arial, Sans-Serif; }
div.disabled label {color:Gray;}

/*----------------------------------- Time Picker -------------------------------------------- */
span.timeEntry_wrap { white-space:nowrap; }
.time-pick { width: 70px; }

/*------------------------------------------------------------------------Page container Styles----*/

#header { width: 100%; height: 65px; }

#footer 
{ 
	font-size: 0.6875em; /* 12px font-size */
	font-weight: bold; 
	text-align: center; 
	background: #D4E5F7; 
	border-top: 1px solid black; 
	border-bottom: 1px solid black; 
	height: 27px; 
	white-space: nowrap; 
} 

.copyrights
{
	font-size: 1.0em; /* 12px font-size */
	font-weight: bold;     
}

#push { height: 27px; }

.content { padding: 16px; /* height: 100%; */ }

form fieldset { border:none; width: 99%; padding: 5px; }
form fieldset div { padding: 5px; }
form fieldset div.button input { width: 80px; font-size: 13px; cursor: pointer; border: 1px solid;}
form fieldset span label { display: inline-block; float: none; text-align:left;}
form fieldset span:first-of-type label { text-align:right; }
form fieldset.wideLabels span label {  width: 180px; }
form fieldset span label.readonlyLabelBold {text-align: left;font-weight: bold; width:auto;	}

form fieldset span input { width: 140px; }
form fieldset span input.wideInput { width: 280px; }
form fieldset span textarea.wideInput { width: 280px;height: 60px; }
form fieldset span textarea.smallArea { width: 280px; height: 60px; vertical-align: top; }
form fieldset span textarea.mediumArea { width: 400px; height: 90px; vertical-align: top; }
form fieldset span textarea.mediumWideArea { width: 520px; height: 90px; vertical-align: top; }

form fieldset span.checkbox input, .checkbox { width: 15px; border-style: none; padding: 0px;}
form fieldset p {position:relative; left:115px;margin-top:0px;width:280px;}
form fieldset.wideLabels p {position:relative; left:200px;margin-top:0px;width:280px;}

.listcontainer ul li span.checkbox input { width: 15px; border-style: none; padding: 0px;}

form fieldset ul li span.fixedwidth { float: left; width: 25px; } 

form fieldset input:focus { border: 1px dotted black; } /* IE does not support : selectors */
form fieldset input.error { border: 1px dotted red; }
label.error { margin: 10px 0px 0px 0px; color: Red;}
input+label.error { margin-left: 10px; }
div.error { margin: 10px 0px 0px 0px; color: Red;}
div.validationMessage { margin: 10px 0px 0px 0px; color: Red; font-size: 0.8125em; font-weight: bold; padding-left: 0; }
div.flashError { margin: 10px 0px 0px 0px; color: Red;}

div.listcontainer { min-width: 150px; width: auto !important; }
div.LeftListContainer { float: left; padding-right: 50px; }

div.treeviewcontainer { font-size: 0.8125em; margin-left: 16px;}
div.treeviewcontainer a { font-size: 1em; }

div.headinglink {font-size:1.05em;}

.SmallHeading
{
	font-weight:bold;
	font-size: 1.0em;
	font-style:italic;
	margin-left:0.625em;
}

.MediumHeading
{
	font-weight:bold;
	font-size:1.125em;
	font-style:italic;
	margin-left:0.625em;
}

.LargeHeading
{
	font-weight:bold;
	font-size:1.25em;
	font-style:italic;
	margin-left:0.625em;
}

.ExtraLargeHeading
{
	font-weight:bold;
	font-size:1.75em;
	font-style:italic;
	margin-left:0.625em;
}

.sharedHeading div
{
	margin-left:0em;
}

.headingText
{
	font-style: normal;
}

.backLink
{
	margin:0.25em 0em 0.625em 0.625em;
}

.backLinkTaxForm
{
	margin:0.25em 0em 0.625em .8em;
}

.NotItalic
{
	font-style: normal;
}

.info
{
	margin: 0em 0em 0em 0em; 
	color: Blue; 
	font-size: 0.6875em;  
}

.info li
{
	margin: 0em 0em 0em 0.9375em;
}

.warning
{ 
	margin: 0em 0em 0em 0em; 
	color:Red; 
	font-size: 0.6875em;  
}

.warning li
{
	margin: 0em 0em 0em 0.9375em;
}

.positive
{
	color: Green;
}

.negative
{
	color: Red;
}

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

.amount
{
	text-align:right;
}

/*------------------- Detail Labels ----------------*/
td.detailLabel
{
	text-align:right;
}

/*------------------- Everest Grid Component (View Grid) */
div.grid table
{
	border-collapse: collapse;
}

div.compressedGrid
{
	padding-left: 1px ;
}

/*Super header*/ 
div.grid thead tr th.SuperHeader
{
	border: none;
	background-color:Transparent;
}

div.grid thead tr th
{
	border: solid 1px black;
	background-color: #EBEADB;
	padding: 5px 10px 5px 10px;
	font-size: 0.8125em;
}

div.compressedGrid thead tr th
{
	padding: 1px 1px 1px 2px;
}

div.grid tbody tr td a
{
	font-size: 1em;
}

div.grid tbody tr td input
{
	font-size: 1em;
}

div.grid tbody tr td select
{
	font-size: 1em;
}

div.grid tbody tr td label
{
	font-size: 1em;
}

div.grid tbody tr td.error
{
	background-color: #EDCDCB;
}

div.grid tbody tr td.Numeric
{
	text-align:right;
}

div.grid tbody tr td
{
	border: solid 1px black;
	padding: 5px 10px 5px 10px;
	font-size: 0.8125em;
}
div.compressedGrid tbody tr td
{
	padding: 1px 1px 1px 2px;
}

div.grid tfoot tr td a
{
	font-size: 1em;
}

div.grid tfoot tr td.error
{
	background-color: #EDCDCB;
}

div.grid tfoot tr td.Numeric
{
	text-align:right;
}

div.grid tfoot tr td
{
	border: solid 1px black;
	padding: 5px 10px 5px 10px;
	font-size: 0.8125em;
}

div.compressedGrid tfoot tr td
{
	padding: 1px 1px 1px 2px;
}

.grid_header
{
	text-align:left;
	border: solid 1px black;
	background-color: #EBEADB;
	padding: 5px 10px 5px 10px;
	font-size: 1em;
	font-weight: bold;
}

.grid_header a
{
	font-size: 1em;
	text-decoration:none
}

.grid_header a:hover
{
	text-decoration:underline
}

.grid_header sortAscHeader
{
	background-image: url(content/images/sort_asc.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.grid_header sortDescHeader
{
	background-image: url(content/images/sort_desc.jpg);
	background-position:left;
	background-repeat:no-repeat;
}

.disabled_grid_item
{
	color: #ada054;
}

.emphasized_grid_item 
{
	font-weight: bold;
}

.grid tbody tr.highlightRow td
{
	background-color: #DBDFFF;
}

/*------------------- Menu Bar Component */
#menulist
{
	/* border-bottom: 1px solid black; */
	margin: 0;
	background-color:Transparent;
	/* width: 100%; */
}

#menuItemList
{
	background-color:#5090E8;
}

.menuItem
{
	color: Navy;
	text-align: center;
}

.menuItem a
{
	color: Blue;
	text-decoration: none;
	font-size: 0.875em;
}

.menuItem a:hover
{
	text-decoration: underline;
}

.menuItemSelected
{
	color: Black;
	text-align: center;
}

.menuItemSelected a
{
	color: Blue;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.875em;
}

.menuItemSelected a:hover
{
	text-decoration: underline;
}

/*------------------- Identity Bar Component */
#identityBar
{
	background: #D4E5F7;
	border-bottom: 1px solid black;
	clear: both;
}

/*------------------- CalloutBox View*/

.calloutcontent
{
	border: 1px solid black;
	padding: 3px;  
}

.title
{
	border-left: 1px solid black;
	border-top: 1px solid black;
	font-weight: bold;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align: left;
}

.titlebutton
{
	border-top: 1px solid black;
	border-right: 1px solid black;
	text-align: right;
	padding-right: 8px;
	padding-top: 2px;
	width: 21px;
}

#closebutton
{
	background: url('../images/btnClose.jpg') no-repeat;
	width: 21px;
	height: 21px;
}

.searchbutton
{
	background: url('../images/viewmag.gif') no-repeat;
	height:16px;
	border:0px;
	float:none;
	clear:both;
	display:inline-block;
}

.box { vertical-align: top; border-top: 1px solid black; }
.boxHeader { margin: 0; padding: 0.125em 0em 0.125em 0px; text-align: center; background: #D4E5F7; font-size:0.875em; font-weight:bold; width: 100%; }
.box p { padding-left: 1em; }
.box hr { width: 95%; }
.box p a { font-size: large; text-align: center; }

/* -------------------------------- Forget Password Box */
.ForgotPasswordBox { width: 30em; height: 20em; }

/*------------------- Calendar control */
.calendar { width: 550px; height: 100%; float: left; }



/**************************** Tab Related Classes ****************************/
div.tabComponentContainer 
{
	width: 100%;
	margin: 0px;
}

#tabComponent 
{
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
}

#childTabComponent 
{
	width: 100%;
	border-collapse: collapse;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-top: 5px;
}

td.tabCell
{
	padding: 10px;
	white-space: nowrap;
}

td.tabStartCell
{
	width: 20px;
}

td.tabEndCell
{
	width: 100%;
}

.selectedTab  
{
	border-left: solid 1px black; 
	border-top: solid 1px black; 
	border-right: solid 1px black; 
	border-bottom: none; 
	font-weight: bold;
	font-size: 0.8125em;
	text-align: center;
	vertical-align: middle;
	color: Black;
}

.disabledTab {border-bottom: solid 1px black; color:Gray; }

.unSelectedTab {border-bottom: solid 1px black; }
.unSelectedTab a { text-decoration:underline; }
.unSelectedTab a:hover { text-decoration:none; }

.bannerCallout { border: solid 1px black; background-color: White; z-index: 1; width: 700px; }
.bannerCallout.contentbox { width: 300px; }

/*------------------- Smart Grid Component (View Callout) */
div.callout table
{
	border-collapse: collapse;
}

/*Super header*/ 
div.callout thead tr th.SuperHeader
{
	border: none;
	background-color:Transparent;
}

div.callout thead tr th
{
	border-bottom: solid 1px black;
	padding: 0px 40px 0px 0px;
	font-size: 0.8125em;
}

div.callout tbody tr td a
{
	font-size: 1em;
}

div.callout tbody tr td.error
{
	background-color: #EDCDCB;
}

div.callout tbody tr td.Numeric
{
	text-align:right;
}

div.callout tbody tr td
{   
	padding: 0px 20px 0px 10px;
	font-size: 0.8125em;
}

p.menuLink { font-size: 0.8125em; cursor: pointer; padding: 2px 0px 2px 4px; margin: 0px;}
.menuNormal { color: Black; background-color: #f7f8ff;}
.menuHighlighted { color: White; background-color: #000066;}


/******* Paging Control *******/
.paging
{
	margin-top:10px;
	margin-bottom:10px;
	font-size: .9em;
	color: Black;
}

.paging a
{
	text-decoration: none;
	font-size: .9em;
	color:Navy;
}

.paging a:hover
{
	text-decoration:underline;
	color:Blue;
}

/******** Fake Hyperlink ******/
p.mockLink
{
	font-size: 0.8125em;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	color: #2160A6;
	cursor: pointer;
	width: auto;
}

/******** Everest Dialog ******/
div.everestdialog
{
	margin-left: 10px;
}

div.everestdialog label
{
	display: inline-block;
	width: 150px;
	text-align: left;
}

div.everestdialog.widelabel label
{
	display: inline-block;
	width: 180px;
	text-align: left;
}

div.everestdialog div
{
	padding: 3px;
}

div.everestdialog input[type=checkbox]
{
	margin-left: 160px;
}

.linkButton
{
	border: solid 1px black;
	padding: 0 2px;
	text-align: center;
	text-decoration: none;
	color: Black;
	/*background-color:#DDDDDD;*/
	background-color: ButtonFace;
	width:70px;
	display: inline-block;
	height: 24px;	
	vertical-align: middle;	
	line-height: 22px;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

a.payrunSheetButton,
div.button input.payrunSheetButton,
a.approvedTimeButton,
input.approvedTimeButton
{
	width: auto;
	min-width: 100px;
	margin-right: 13px;
}

/** This is to fix the close text for dialogs, the text is shows up/displayed in firefox**/
div.ui-dialog-titlebar button.ui-button span.ui-button-text
{
	display: none;
}

/******** Everest Readonly Control ******/
.readonlyLabel 
{
	text-align: left;
	font-weight: normal;
}

.multilingualEditor 
{
	display:inline-table !important;
	display:inline;
	
	vertical-align: top;
}

/* tables  */
.tablesorter thead tr .header {
	background-image: url('../images/tablesorter/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:20px;
}/*.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}*/
.tablesorter thead tr .headerSortUp {
	background-image: url('../images/tablesorter/asc.gif');
	padding-right:20px;
}
.tablesorter thead tr .headerSortDown {
	background-image: url('../images/tablesorter/desc.gif');
	padding-right:20px;
}
.tablesorter thead tr .headerSortDown, .tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

.zebra tbody td {
	background-color: #FFF;
}
.zebra tbody tr.odd td {
	background-color: #EEE;
}
.zebra tbody tr.odd.highlightRow td {
	background-color: #DBDFFF;
}


/* ---------------------- Auto complete plugin list ---------------------- */
.ui-autocomplete li.ui-menu-item {
	padding: 1px;  /* needed to prevent the item sizes from changing on hover */
}

.ui-autocomplete a {
	background-color: #FFF;  
	font-size: 1em;
}
.ui-autocomplete a.ui-menu-item-odd {
	background-color: #EEE;  
}
.ui-autocomplete a.ui-state-hover {
	font-weight: normal !important;  /* rather not bold the hover item (changes the width) */
}   

/* ---------------------- Login Form ---------------------- */
label.LoginForm
{
	width:110px;
}

/* ---------------------- TimeAndAttendanceGrid ---------------------- */
.redRow
{
	background-color:#FF3333;
}

.yellowRow
{
	background-color:#FFFF66;
}

tr.validationErrorRow .approvedTimeCheckboxCell
{
	background-color:#FF3333;
}

tr.selectedRow.editable
{
	background-color:#DBDFFF;
}

/* fixed tables */
.fixedHeadTable thead tr .header {
	background-image: url('../images/tablesorter/bg.gif');
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
/*	padding-right:20px;*/
}

.fixedHeadTable thead tr .headerSortUp {
	background-image: url('../images/tablesorter/asc.gif');
}
.fixedHeadTable thead tr .headerSortDown {
	background-image: url('../images/tablesorter/desc.gif');
}
.fixedHeadTable thead tr .headerSortDown, .fixedHeadTable thead tr .headerSortUp {
background-color: #8dbdd8;
}

div.T4TodoList ul
{
	padding-left: 0px;
}

span.TodoInstruction
{
	width:4.0625em;
	display:inline-block;
}

span.TodoIsDone
{
	width:1.05em;
	display:inline-block;
}

.DisabledLink 
{
	color:Gray;	
}



/*-------------- /Sliding Panel.css -----------------*/
.slidingTab.right {
	position: absolute;
	background: #FFF;
	border:1px solid #111111;
	top: 120px;
	height: 500px;
	display: none;
}


.slidingTrigger.right
{
	outline: none;
	position:absolute ; 
	top: 130px; 
	display: block;	
}

.right
{
	border-top-left-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
}
#summaryHoursTab
{
	right: 0px;
	max-width: 500px;
	min-width: 350px;
	min-height: 229px;
	background-color: #FDF9F1;	
	padding: 20px;
	padding-right: 5px;
}

#summaryHoursTab.active
{
	display: inline;
}

#summaryHoursTrigger 
{
	color:white;
	right:0px;
	padding:10px;
	padding-left:30px;
	padding-top:5px;
	padding-right:5px;
	padding-bottom:5px;
	
	font-weight: bold;
	font-size: 1em;
	text-decoration: none;

}

#summaryHours a
{
	color:black;
	text-decoration: none;
	text-align: right;
}

#summaryHours a:hover
{
	color:#2160A6;
	font-weight: bold;
	text-decoration: underline;
}
 #summaryHours a.expand, #summaryHours a.expand:hover
 {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center;
 }

 #summaryHours a.collapse, #summaryHours a.collapse:hover 
 {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center;
 }
 
.floatingHeader {
  position: fixed;
  visibility: hidden;
}

.fixedHeader {
  overflow: auto;
  width:auto;
}

#summaryHours tbody td.ChildKey,#summaryHours .parentKeyColumn
{
	text-align: left;
}

#summaryHours tbody td.ChildKey
{
	padding-left: 15px;
}

#summaryHours tbody td
{
	text-align: right;
	border:none;
}


#summaryHours tbody tr.childRow td
{
	border-bottom:1px solid #D6D3D3;
}

#summaryHours tbody tr:last-child td
{
	border-bottom:none;
}


#summaryHours tbody tr td.emptyTD,#summaryHours tbody tr.childRow td.emptyTD
{
	border:none;
	background-color:transparent;
}


#summaryHours thead th,#summaryHours tfoot td
{
	border-right:none;
	border-left:none;
	border-top:1px solid black;
	border-bottom:1px solid black;
	text-align: right;
}

#summaryHoursList
{
	height: 420px;
	overflow: auto;
}

#summaryHoursList tfoot td
{
	text-align: right;
	background-color: #FFF
}

#summaryHoursList td:not(:first-child)
{
	overflow:hidden;
	width: 85px;
}

#summaryHoursList td.parentKeyColumn, #summaryHoursList td.ChildKey 
{
	overflow:hidden;
	max-width: 185px;
	min-width: 85px;	
	width: auto;
}


#summaryHoursTrigger 
{
	background: #0082C8;
	border-bottom:1px solid #0082C8;
	border-right:1px solid #0082C8;
	border-left:10px solid #0082C8;
	border-top:1px solid #0082C8;
	background-image: url('../images/arrow-144-24-open.png');
	background-repeat: no-repeat;
	background-position: left;    
}

#summaryHoursTrigger.active
{
	background-image: url('../images/arrow-144-24-close.png');
} 

 #summaryHours a.expand, #summaryHours a.expand:hover
 {
	background-image: url('../images/arrow-144-right.PNG');
 }

 #summaryHours a.collapse, #summaryHours a.collapse:hover 
 {
	background-image: url('../images/arrow-144-down.png');
 }
 
 .warningDialog
 {
	display: none;
	width: 380px !important;
 }
 
 .warningDialogButton
 {
	width: 110px; 
	margin-right: 13px;	
 }
 
 .warningDialog
 {
	display: none;
	width: 380px !important;
 }
 
 .warningDialogButton
 {
	width: 110px; 
	margin-right: 13px;	
 }
 
/* ---------------------- gridActionList --------------------- */
 
div.gridActionList ul
{
	margin:0;
	padding:0px;
	overflow:hidden;
}

div.gridActionList li
{
	float: left;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 1px;
	border-left:solid;
	border-width:thin;
}

div.gridActionList li:first-child
{
	border-left:none;
	padding-left:0px;
}


/* ---------------------- ApprovedTime --------------------- */
.hasUnpaidBreaks input[type=checkbox] 
{
	display: none;
}

.hasUnpaidBreaks input[type=checkbox] + input[type=hidden] + label 
{
	cursor: pointer;
	height: 20px;
	width: 20px;
	padding: 0 0 0 0px;
	display: inline-block;
	position: relative;
	top: 3px;
}

.hasUnpaidBreaks input[type=checkbox] + input[type=hidden] + label
{
	background-image: url('../images/TimeAndAttendance/nobreak.png');
}
.hasUnpaidBreaks input[type=checkbox] + input[type=hidden] + label:hover
{
	background-image: url('../images/TimeAndAttendance/nobreak_hover.png');
}

.hasUnpaidBreaks input[type=checkbox]:checked + input[type=hidden] + label
{
	background-image: url('../images/TimeAndAttendance/break.png');
}
.hasUnpaidBreaks input[type=checkbox]:checked + input[type=hidden] + label:hover
{
	background-image: url('../images/TimeAndAttendance/break_hover.png');
}

.doubleRowCell .top {
	width: 65px;
	margin: auto;
	top: -2px;
	position: relative;
}

.doubleRowCell .top .breakDuration 
{
	width:20px;
	position: relative;
	top: -1px;
	left: -2px;
}

.doubleRowCell .top .unpaidBreaksUnits 
{
	font-weight: normal;
	padding: 0;
	text-align: inherit;
	position: relative;
	left: -5px;
	top: 1px;
	width: 10px;
}
.doubleRowCell .bottom 
{
	width: 50px;
	text-align: center;
	margin: auto;
	position: relative;
	top: 1px;
	
}

.doubleRowCell .bottom label 
{
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.doubleRowCell .shiftDuration span {
	width:40px;
}

table.crossTab td label 
{
	 display: inline-block; float: none; text-align: right;
}
table.crossTab th 
{
	 font-size: 0.81em
}

table.crossTab select {
	width: 125px;
}

table.crossTab .units td {
	text-align: left;                       
}
table.crossTab .units label {
	width: 50px;
}

.smallInput, .smallInput input  
{
	width:40px; 
}

/*-------------- InputSheet -----------------*/

.employeeEvenRow
{
	background-color: #FDF9F1;
}
.employeeEvenRow td
{
	border-color: #FDF9F1;
}

.employeeOddRow
{
	background-color: #FFF4D8;
}
.employeeOddRow td
{
	border-color: #FFF4D8;
}

.earningEvenRow
{
	background-color: #FAFFF7;
}
.earningOddRow
{
	background-color: #E6EDEA;
}

.benefitEvenRow
{
	background-color: #F2F5F9;
}
.benefitOddRow
{
	background-color: #E6EBF4;
}

.deductionEvenRow
{
	background-color: #FFEFEF;
}
.deductionOddRow
{
	background-color: #F9E3E3;
}

#employeeInputSheet td.employeeFooterCell
{
	background-color: #FFF4D8;
}

#inputSheet tr.EBDTotals
{
	background-color: #FFF4D8;
}

.highlightFocusedEmployee
{
	background-color: #DBDFFF;
}

.earningHeadingBackground.highlightFocusedPayrollInstruction
{
	background-color: #D0DFAE;
}

.benefitHeadingBackground.highlightFocusedPayrollInstruction
{
	/*background-color: #C8DFFA;*/
	/*background-color: #C0D7EA;*/
	background-color: #9CC0DE;
}

.deductionHeadingBackground.highlightFocusedPayrollInstruction
{
	background-color: #EBB6B3;
}

/*-------------- InputSheet -----------------*/
.note {
	font-size: 1em;
	font-style: italic;
}

/*----------- Blocking overlay -------------*/

.waiting 
{
	display: none;
	position: fixed;
	z-index: 10000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.5);
}

/*
This CSS class is defined in ui.core.css since it is part of the jQuery framework for generating
a modal dialog screen overlay. The "position" property is redefined here as "fixed" to ensure
that the overlay stays in place if the user scrolls the page while the dialog is displayed.
*/
.ui-widget-overlay
{
	position: fixed;
}

.Width70px
{
	width: 70px;
}

.Width142px
{
	width: 142px;
}

.Width225px
{
	width: 225px;
}

.Width250px
{
	width: 250px;
}


@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(./assets/OpenSans-Regular.ttf) format("truetype");
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format("woff2"),
    url(./assets/OpenSans-Regular.ttf) format("truetype");
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format("woff2"),
    url(./assets/OpenSans-Regular.ttf) format("truetype");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format("woff2"),
    url(./assets/OpenSans-Regular.ttf) format("truetype");
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format("woff2"),
    url(./assets/OpenSans-Regular.ttf) format("truetype");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFW50bbck.woff2) format("woff2"),
    url(./assets/OpenSans-Regular.ttf) format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: local("Open Sans Regular"), local("OpenSans-Regular"),
    url(https://fonts.gstatic.com/s/opensans/v17/mem8YaGs126MiZpBA-UFVZ0b.woff2) format("woff2"),
    url(./assets/OpenSans-Regular.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(https://fonts.gstatic.com/s/opensans/v17/mem5YaGs126MiZpBA-UN7rgOXuhpOqc.woff2) format("woff2"),
    url(./assets/OpenSans-Bold.ttf) format("truetype");
  unicode-range: U+1F00-1FFF;
}

@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(./assets/OpenSans-Bold.ttf) format("truetype");
  unicode-range: U+0370-03FF;
}

@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(./assets/OpenSans-Bold.ttf) format("truetype");
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(./assets/OpenSans-Bold.ttf) format("truetype");
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Open Sans Bold";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: local("Open Sans Bold"), local("OpenSans-Bold"),
    url(./assets/OpenSans-Bold.ttf) format("truetype");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC,
    U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.dropdown-container {
	position: relative;
	display: inline-block;
}

.dropdown-button 
{
	cursor: pointer;
}

.dropdown-menu {
	display: none;
	position: absolute;
	z-index: 2;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.2);
}

.dropdown-container .dropdown-menu {
	left: auto;
	right: 0px;
}

.show
{
	display: block;
}

.dropdown-container .tooltip-text {
	display: none;
	width: 240px;
	white-space: normal;
	background-color: #434B53;
	color: #fff;
	text-align: center;
	padding: 8px 12px;
	border-radius: 8px;
	position: absolute;
	z-index: 1;
}

.dropdown-container:hover .tooltip-text {
	display: block;
	top: -8px;
	left: -260px;
}

#organizationMenu_DropDownButton
{
	max-width: 300px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	background-image: url(..//images/PaySavvy/dropdown-arrow.png);
	background-repeat: no-repeat;
	background-position: right center;
	background-origin: padding-box;
}

#employeeSearchLink
{
	display:none
}

#employeeSearch
{
	width: 100%;
	padding-left: 25px;
}

.main 
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
}

.side-nav 
{
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	padding: 0px;
	order: 1;
}

.primary-nav {
	width: 64px;
	height: 100%;
	background: #09247C;
	order: 1;
}

.primary-nav-payroll-icon {
	background: #FFFFFF;
}

.secondary-nav 
{
	width: 256px;
	height: 100%;
	left: 0;
	order: 2;
	transition: all 0.25s;
	opacity: 1;
}

#container 
{
	height: 100%;
	width: 100%;
	order: 2;
	flex-grow: 10;
}

#nav-hamburger {
  width: 30px;
  height: 25px;
  position: relative;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
  cursor: pointer;
}

#nav-hamburger span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #000;
  border-radius: 15px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .15s ease-in-out;
  -moz-transition: .15s ease-in-out;
  -o-transition: .15s ease-in-out;
  transition: .15s ease-in-out;
}

#nav-hamburger span:nth-child(1) {
  top: 0;
}

#nav-hamburger span:nth-child(2),#nav-hamburger span:nth-child(3) {
  top: 10px;
}

#nav-hamburger span:nth-child(4) {
  top: 20px;
}

#nav-hamburger.open span:nth-child(1) {
  top: 20px;
  width: 0%;
  left: 50%;
}

#nav-hamburger.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-hamburger.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-hamburger.open span:nth-child(4) {
  top: 20px;
  width: 0%;
  left: 50%;
}

.collapse {
    display: none;
}