/* specific section */
/*-----------------------------------------------------------------------------------------------*/
a:link, a:visited, a:active
{
	color: #000000;
	text-decoration: none;
}
a:hover
{
	color: #575757;
	text-decoration: none;
}
a.header:link, /*For link header of the gridview*/ a.header:visited, a.header:active
{
	color: #000000;
	text-decoration: none;
}
a.header:hover
{
	color: #575757;
	text-decoration: none;
}
a.EditHeader:link, /*For link header of the gridview edit mode*/ a.EditHeader:visited, a.EditHeader:active
{
	color: #000000;
	text-decoration: none;
}
a.EditHeader:hover
{
	color: #000000;
	text-decoration: none;
	cursor: default;
}
/*----------------------------------------GridView pagination -------------------------------------------------------*/
div.pagination
{
	padding: 2px 2px 2px 5px;
}
div.pagination a
{
	padding: 2px 2px 2px 5px;
	text-decoration: none; /* no underline */
	color: #000000;
}
div.pagination a:hover, div.pagination a:active
{
	color: #000000;
	font-size: 13px;
}
div.pagination span.current
{
	padding: 2px 2px 2px 5px;
	font-weight: bold;
	color: #000000;
	font-size: 13px;
}
div.pagination span.disabled
{
	padding: 2px 2px 2px 5px;
	color: #94BCDB;
}
/*----------------------------------------End GridView pagination -------------------------------------------------------*/

.tableHeader /*GridView HeaderStyle from all pages*/
{
	background-color: #94BCDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 2px 2px 2px 5px;
	text-align: left;
	height: 18px;
	border-left: #FFFFFF 1px solid;
}
.tableHeaderNew /* GridView HeaderStyle for overview page*/
{
	background-color: #94BCDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 18px;
	border-left: #FFFFFF 1px solid;
}
.tableHeaderDP /* Table header style for editShift page */
{
	background-color: #94BCDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 2px 2px 2px 2px;
	text-align: center;
	height: 18px;
}
.tableLight /*GridView RowStyle from all pages*/
{
	background-color: #F8F9FB;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #24334C;
	height: 30px;
}
.tableDark /*GridView AlternatingRowStyle from all pages*/
{
	background-color: #E9EDF1;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #24334C;
	height: 30px;
}
.tableDarkSmall 
{
	background-color: #E9EDF1;
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	color: #24334C;
	height: 13px;
}
.tableWhite /*Containing table from  EditPeriodicCounter page*/
{
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #24334C;
	height: 30px;
}
.headerWhiteAmano
{
	background-color: #94BCDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 2px 2px 2px 5px;
	text-align: left;
	height: 22px;
	border-left: #FFFFFF 1px solid;
	vertical-align: middle;
}
/*Used in overview actions no border*/
.headerOvAmano
{
	background-color: #94BCDB;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	padding: 2px 2px 2px 5px;
	text-align: left;
	height: 22px;
	vertical-align: middle;
}
.headerCkWhiteAmano
{
	background-color: #94BCDB;
	padding: 0px 0px 0px 0px;
	text-align: left;
	height: 22px;
	vertical-align: middle;
}
.button /*Style for all buttons from all pages*/
{
	border-left: #dbdbdb 1px solid;
	border-right: #dbdbdb 1px solid;
	border-top: #dbdbdb 1px solid;
	border-bottom: #dbdbdb 1px solid;
	font-size: 11px;
	width: 70px;
	color: #303030;
	font-family: Tahoma, Arial, sans-serif;
	height: 18px;
	background-color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
.flexbutton /*Style for all buttons from all pages*/
{
	border-left: #dbdbdb 1px solid;
	border-right: #dbdbdb 1px solid;
	border-top: #dbdbdb 1px solid;
	border-bottom: #dbdbdb 1px solid;
	font-size: 11px;
	min-width: 70px;
	color: #303030;
	font-family: Tahoma, Arial, sans-serif;
	height: 18px;
	background-color: #FFFFFF;
	text-decoration: none;
	cursor: pointer;
}
.linkbutton /*Styles for al linkButtons from all pages*/
{
	border: 0px;
	font-size: 11px;
	color: #303030;
	font-family: Tahoma, Arial, sans-serif;
	height: 18px;
	background-color: transparent;
	text-decoration: none;
	cursor: pointer;
}
.inputNew /* Style for input or textbox controls from all pages */
{
	border-right: #dbdbdb 1px solid;
	border-top: #dbdbdb 1px solid;
	font-size: 11px;
	border-left: #dbdbdb 1px solid;
	color: #303030;
	border-bottom: #dbdbdb 1px solid;
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: #e9e9e9;
}
.inputRight /* Style for input or textbox controls from all pages with the text align to rigth*/
{
	border-right: #dbdbdb 1px solid;
	border-top: #dbdbdb 1px solid;
	font-size: 11px;
	border-left: #dbdbdb 1px solid;
	color: #303030;
	border-bottom: #dbdbdb 1px solid;
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: #e9e9e9;
	text-align: right;
}
.inputVersion /*Style for textbox control that has a DropDownExtender, from EditShift and EditShiftSchedule pages */
{
	border-right: #dbdbdb 1px solid;
	border-top: #dbdbdb 1px solid;
	font-size: 11px;
	border-left: #dbdbdb 1px solid;
	color: #303030;
	border-bottom: #dbdbdb 1px solid;
	font-family: Tahoma, Helvetica, sans-serif;
	background-color: #e9e9e9;
	cursor: pointer;
}
.selectForm /* Style for dropDownList control from all pages*/
{
	border-right: #dbdbdb 1px solid;
	border-top: #dbdbdb 1px solid;
	font-size: 11px;
	border-left: #dbdbdb 1px solid;
	color: #303030;
	border-bottom: #dbdbdb 1px solid;
	font-family: Tahoma, Arial, sans-serif;
	height: 18px;
	background-color: #E9E9E9;
}
.currentYear
{
	color: #4E92C6;
	font-size: 14px;
	font-weight: bold;
	font-family: Tahoma,Arial,Helvetica,sans-serif;
}
.ov_ModePanel legend
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	color: #4E92C6;
	font-weight: bold;
}
.ov_ModePanel fieldset
{
	border: 2px solid #94BCDB;
}
.ovActions_ShiftPanel legend
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
}
.ovActions_ShiftPanel fieldset
{
	border: 1px solid #999999;
	background-color: White;
}
/*----------------------------------------Menu -------------------------------------------------------*/
.menumainstatic /* Set the appearance of the static menu from master page*/
{
	background-color: #dedede;
	width: 144px;
}
.menumainstaticitem /*Set the appearance of the menu items in the static menu from master page*/
{
	border-bottom: solid 1px #cfcdcd;
	border-top: solid 1px #ffffff;
	background-color: #dedede;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 40px;
	padding: 0px 4px 0px 4px;
	text-align: left;
	color: #4e92c6 !important;
	width: 144px;
	padding-top: 20px;
}
.menumainhoveritem /* Set the appearance of the static menu item when the mouse pointer is positioned over it*/
{
	border-bottom: solid 1px #cfcdcd;
	border-top: solid 1px #ffffff;
	background-color: #29334A;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	height: 40px;
	padding: 0px 4px 0px 4px;
	text-align: left;
	vertical-align: bottom;
	color: #ffffff !important;
	width: 144px;
	padding-top: 20px;
}
/*----------------------------------------End Menu-------------------------------------------------------*/
.panelCss /*Style for panel which is contained in ModalPopupExtender from all pages that required this control.*/
{
	background-color: #E6E6E6;
	width: 400px;
	height: 200px;
}
.panelBackGround /*Style for panel that contains all controls for each page*/
{
	background-color: White;
}
.textBox /* Style for textbox control that appear in edititemtemplate gridview*/
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	border: solid 1px #000000;
	background-color: White; /*new added*/
}
.cellSelected /*overview single or multi cells selected from grid*/
{
	background-color: #C2DAEB;
}
.headerSelected /*overview when all row or column is selected from grid*/
{
	background-color: #629DCA;
	padding: 0 0 0 0;
}
a.actionLink:visited /* not used */
{
	cursor: pointer;
	color: #5999C8;
}
.actionTable /* not used */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #5999C8;
	border-color: #999999;
	border-style: solid;
	border-width: 1px;
	padding-left: 20px;
	padding-right: 20px;
}
/*----- style for boxover -----*/
.dvheader /*Style for the header of the boxover*/
{
	background: #D5EBF9;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #A5CFE9;
	padding: 3px;
	width: 150px;
	color: #4B7A98;
}
.dvbody /*Style for the body of the boxover*/
{
	background: #FFFFFF;
	font-family: arial;
	font-size: 11px;
	border-left: 1px solid #A5CFE9;
	border-right: 1px solid #A5CFE9;
	border-bottom: 1px solid #A5CFE9;
	padding: 3px;
	width: 150px;
	color: #1B4966;
}
.imgLogin
{
	margin-left: 15px;
}
/*--------------------- style for large boxover (used in Overview, ShiftScheduleVersionList and ShiftVersionList pages ) -------------*/
.dvlargeheader /*Style for the header of the boxover*/
{
	background: #D5EBF9;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #A5CFE9;
	padding: 3px;
	width: 200px;
	color: #4B7A98;
}
.dvlargebody /*Style for the body of the boxover*/
{
	background: #FFFFFF;
	font-family: arial;
	font-size: 11px;
	border-left: 1px solid #A5CFE9;
	border-right: 1px solid #A5CFE9;
	border-bottom: 1px solid #A5CFE9;
	padding: 3px;
	width: 200px;
	color: #1B4966;
}
.dvlargeOnlybody /*boxover body with top border */
{
	background: #FFFFFF;
	font-family: arial;
	font-size: 11px;
	border-top: 1px solid #A5CFE9;
	border-left: 1px solid #A5CFE9;
	border-right: 1px solid #A5CFE9;
	border-bottom: 1px solid #A5CFE9;
	padding: 3px;
	width: 200px;
	color: #1B4966;
}
/* ---- end of style boxover------------*/
.lblScheduler /*Style for SiteMapPath control from master pages*/
{
	font-family: Tahoma;
	font-size: 12px;
	color: #ffffff !important;
	font-weight: bold;
}
/*---- pay period "display" report----*/
@media screen /*Used for computer screens*/
{
	.cellAbsBorder, .cellDurationBorder /*Style for HTML table cell from AbsenceReport and PayPeriodDisplay pages  */
	{
		border-bottom: solid 1px #FFFFFF;
	}
	.headerText /* GridView HeaderStyle from  AbsenceReport and ResultGroupedAbsences pages*/
	{
		padding: 2px 2px 2px 5px;
		border: solid 1px #FFFFFF;
	}
	.headerTextAbsColor /*  HeaderStyle for absence column header in Absence Report*/
	{
		padding: 2px 2px 2px 5px;
		border: solid 1px #FFFFFF;
	}
	.bkheaderText /*obsolete  */
	{
		padding: 2px 2px 2px 5px;
		width: 280px;
		border: solid 1px #FFFFFF;
	}
}

/*general section */
/*-----------------------------------------------------------------------------------------------*/
body
{
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	background-repeat: repeat-x;
}
/*Save As modal popup - div background */
.divPopupBackground
{
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
	z-index: 10000;
	background-color: Gray;
	opacity: 0.5;
	filter: alpha(opacity=50);
	overflow: auto;
}
.normalText /*Style for all texts from all pages*/
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.leftText /*Style for  text in pages (Counter Management)*/
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

.step
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; /*	font-weight: bold;*/
	color: Red;
}
.normalTextBold /* not used */
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
.lnkbGeneral /*Style for linkButton control from master page */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.lnkbContentBackground /* Style for linkButtons from HeaderControl control*/
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
.lblRecordsUper /*Style for label controls (tolal/free/userd records, and definition description) from all pages*/
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	text-align: left;
}
.lblNoWeeklyProg /*Style for label control contained in gridView EmptyDataTemplate  from all pages*/
{
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}
.tabelCelRight /*Timecard page- day column style*/
{
	padding: 2px 2px 2px 5px;
	text-align: right;
	border-left: #FFFFFF 1px solid;
	height: 42px;
}
.tabelCel /*Timecard page - columns style*/
{
	padding: 2px 2px 2px 5px;
	text-align: center;
	border-left: #FFFFFF 1px solid;
	height: 42px;
}
.tabelCelCenter /*TimeCard anomaly column*/
{
	padding: 2px 2px 2px 2px;
	text-align: center;
	border-left: #FFFFFF 1px solid;
	height: 42px;
}
.errorMessage /* Style for label control from all pages showing error message*/
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FF0000;
}
.infoMessage /*  Style for label control from  ChangePassword page showing information about passwords */
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.infoMessageRed /*Style for label control used in modalPopup, when need attention*/
{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FF0000;
}
.textGrid /*Style for linkbutton control (save, cancel, update)  contained in GridView from all pages*/
{
	font-size: 11px;
	font-family: Tahoma;
	color: Black;
	text-decoration: none;
}
.infoMessageGrayed /* Style for label control from  ChangePassword page showing information about passwords*/
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #808080;
}
.modalBackground /* ModalPopupExtender CssClass from all pages*/
{
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.line /*obsolete*/
{
	height: 1px;
	border-bottom: 1px solid #FFFFFF;
	font-size: 0px;
}
#contentContainer /*obsolete - never used  but is mandatory*/
{
	/*	background-image: url('contentBackGround.gif'); */
	background-repeat: no-repeat;
	float: left;
}
#content
{
	padding: 12px;
	text-align: right;
}
#content .tools
{
	height: 20px;
	font-size: 9px;
	text-align: right;
}
.tabelCelLeft /* Style for <td> control used in AdminTool\EditCustomerContact, AdminTool\ChangePassword, AmanoAdmin\DealerContacts, AmanoAdmin\ChangePassword, AmanoAdmin\ChangePassword pages */
{
	padding: 2px 2px 2px 5px;
	text-align: left;
	border-left: #FFFFFF 1px solid;
}
.tabelCelTZ /* Columns table style for editShift page*/
{
	padding: 1px 0px 0px 0px;
	text-align: left;
	border-width: 1px;
	border-style: solid;
	border-color: white;
}
.tabelCelNameDay /* First column table (prev, current, next) style from editShift page*/
{
	padding: 2px 2px 2px 5px;
	text-align: right;
	border-width: 1px;
	border-style: solid;
	border-color: white;
}
.invisible /*Style for linkButton control from  GroupedAbsences page*/
{
	display: none;
}
.ContextMenuPanel
{
	border: 1px solid #868686;
	z-index: 1000; /*background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;*/
	cursor: default; /*padding: 1px 1px 0px 1px;*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #FFFFFF;
}
a.ContextMenuItem
{
	/*margin: 1px 0 1px 0;*/
	display: block;
	color: #000000;
	cursor: pointer; /*padding: 4px 19px 4px 33px;*/
	white-space: nowrap;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
}
a.ContextMenuItem:hover
{
	background-color: #CBE0EF;
	color: #000000; /*border: 1px solid #D2B47A;*/ /*padding: 3px 18px 3px 32px;*/
}
/*Style for SplitButtons*/
a.ContextMenuItemSplit
{
	/*margin: 1px 0 1px 0;*/
	display: block;
	color: #000000;
	cursor: pointer; /*padding: 4px 19px 4px 33px;*/
	white-space: nowrap;	
	padding-top: 3px;
	padding-bottom: 3px; 	
}
a.ContextMenuItemSplit:hover
{
	background-color: #CBE0EF;
	color: #000000; /*border: 1px solid #D2B47A;*/ /*padding: 3px 18px 3px 32px;*/	
}
/*-------------------------------------------------------------Overview page style--------------------------------------------------------------*/
.ov_tblCounters1 /*Table style showing counters for one week*/
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0 0 0 0;
}
.ov_tblCounters2 /* Table style showing counters for  two weeks*/
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 9px;
	padding: 0 0 0 0;
}
.ov_tblCounters3 /*Table style showing counters for  three weeks*/
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 0 0 0;
}
.ov_tblCounters4 /*Table style showing counters for  four weeks*/
{
	font-family: Tahoma, Helvetica, sans-serif;
	font-size: 10px;
	padding: 0 0 0 0;
}
.ov_border
{
	border: solid 1px black;
	border-style: solid;
	padding: 0 0 0 0;
}
.ov_header
{
	height: 15px;
	text-align: center;
}
.ov_headerDayMonth /*GridView header style showing the day of month*/
{
	height: 20px;
	text-align: center;
}
.ov_headerDay /*GridView header style showing the name of day of week*/
{
	height: 20px;
	border-top: solid 1px #FFFFFF;
	text-align: center;
}
.ov_shiftCode
{
	text-align: center;
}
.ov_gridHeader
{
	padding: 0 0 0 0;
}
/*-----used in overview actions at absence table-----*/
.normalFont
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
/*-------------------------------------------------------------End Overview style--------------------------------------------------------------*/
/*----------------------------------------------------------- pay period "display" report---------------------------------------------------------*/
@media screen
{
	.tblEmpDetails /* Style for repeater control item layout from AbsenceReport, AnomalyReport, PayPeriodDisplay and ResultGroupedAbsences*/
	{
		font-family: Arial, Helvetica, sans-serif;
		vertical-align: top;
		font-size: 12px;
		width: 820px;
	}
	.tblEmpDetailsOv /*asp:repeater item layout*/
	{
		font-family: Arial, Helvetica, sans-serif;
		vertical-align: top;
		font-size: 12px;
	}
	.tblbks /*Table style for showing clocking in PayPeriodDisplay page*/
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.redTextLeft
	{
		font-size: 9px;
		font-family: Arial, Helvetica, sans-serif;
		padding: 2px 2px 2px 2px;
		text-align: left;
		color: #FF0000;
	}
	.tblCellRight, .tblCellLeft, .tblCellCenter, .tblCellAnomaly, .tblCellAbs, .tblCellDuration, .grdCell, .tblCellAbsColor /*Table Columns from reports pages*/
	{
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		border: solid 1px #FFFFFF;
	}
	.tblCellRight /* Break, Actual, Balance, OVR table columns  style from reports pages */
	{
		padding: 2px 5px 2px 2px;
		text-align: right;
	}
	.tblCellLeft /*  Cloking column*/
	{
		padding: 2px 2px 2px 5px;
		text-align: left;
	}
	.tblCellCenter
	{
		text-align: center;
	}
	.NoWP /*Label style used in AbsenceReport and AnomalyReport pages */
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		text-align: left;
		color: Red;
		width: 820px;
	}
	.grdEmpData /* Gridview style from AbsenceReport page*/
	{
		border: solid 1px #FFFFFF;
	}
	.tblDays /* ItemTemplate style from TemplateField's gridview from  AbsenceReport page*/
	{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
	.noPrint /* Table style containing print button from reports pages */
	{
		visibility: hidden;
	}
	.tblCellAnomaly /*GridView ItemTemplate style for gridvriew from AnomalyReport page  */
	{
		padding: 2px 2px 2px 20px;
		text-align: left;
	}
	.tblCellAbs /* GridView ItemTemplate style (absence column)  for AbsenceReport and PayPeriodDisplay pages */
	{
		padding: 0px 0px 0px 0px;
		text-align: left;
	}
	.tblCellDuration /*  GridView ItemTemplate style (duration column)  for AbsenceReport and PayPeriodDisplay pages */
	{
		padding: 0px 0px 0px 0px;
		text-align: right;
	}
	.cellAbs /*GridView ItemTemplate style  for AbsenceReport and PayPeriodDisplay pages   */
	{
		border-bottom: solid 1px #FFFFFF;
	}
	.cellAbsBorder, .cellAbsNoBorder
	{
		padding: 2px 2px 2px 4px;
	}
	.cellDurationBorder, .cellDurationNoBorder
	{
		padding: 2px 4px 2px 2px;
	}
}