/* DEFAULTS
----------------------------------------------------------*/

body
{
	background: #b6b7bc;
	font-size: 0.8em;
	font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
	color: #696969;
}
input:not([type=password]), select, textarea, span, label, p, li, a, td, th,div {
    text-transform: uppercase;    
}
label
{
	color: #666666;
}

input{
    text-transform: uppercase;
}

.uppercase
{
    text-transform: uppercase;
}

a:link, a:visited
{
	color: #034af3;
}

a:hover
{
	color: #1d60ff;
	text-decoration: none;
}

a:active
{
	color: #034af3;
}

p
{
	margin-bottom: 10px;
	line-height: 1.6em;
}

/* HEADINGS
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
	font-size: 1.5em;
	color: #666666;
	font-variant: small-caps;
	text-transform: none;
	font-weight: 200;
	margin-bottom: 0px;
}

h1
{
	font-size: 1.6em;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

h2
{
	font-size: 1.5em;
	font-weight: 600;
}

h3
{
	font-size: 1.2em;
}

h4
{
	font-size: 1.1em;
}

h5, h6
{
	font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
	margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/

.page
{
	width: 960px;
	background-color: #fff;
	margin: 20px auto 0px auto;
	border: 1px solid #496077;
}

.header
{
	position: relative;
	margin: 0px;
	padding: 0px;
	background: #4b6c9e;
	width: 100%;
}

	.header h1
	{
		font-weight: 700;
		margin: 0px;
		padding: 0px 0px 0px 20px;
		color: #f9f9f9;
		border: none;
		line-height: 2em;
		font-size: 2em;
	}

.main
{
	padding: 0px 12px;
	margin: 12px 8px 8px 8px;
	min-height: 420px;
}

.leftCol
{
	padding: 6px 0px;
	margin: 12px 8px 8px 8px;
	width: 200px;
	min-height: 200px;
}

.footer
{
	color: #4e5766;
	padding: 8px 0px 0px 0px;
	margin: 0px auto;
	text-align: center;
	line-height: normal;
}

/* FORM ELEMENTS
----------------------------------------------------------*/

fieldset
{
	margin: 1em 0px;
	padding: 1em;
	border: 1px solid #ccc;
}

	fieldset p
	{
		margin: 2px 12px 10px 10px;
	}

	fieldset.login label, fieldset.register label, fieldset.changePassword label
	{
		display: block;
	}

	fieldset label.inline
	{
		display: inline;
	}

legend
{
	font-size: 1.1em;
	font-weight: 600;
	padding: 2px 4px 8px 4px;
}


input.textEntry
{
	width: 230px;
	border: 1px solid #ccc;
}

input.passwordEntry
{
	width: 320px;
	border: 1px solid #ccc;
    text-transform: none;
}

input.textDisplay
{
	background-color: inherit;
	width: 99%;
	border: none;
	color: Black;
}

.textDisabled
{
	background-color: #DDDDDD;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

div.accountInfo
{
	width: 42%;
}


/* MISC
----------------------------------------------------------*/

span.required
{
	color: red;
    visibility: hidden;
}

span.editrequired{
    color: white;
    visibility:visible;
}
span.field-icon {
    margin-left: -25px;
    margin-top: 5px;
    position: relative;
    z-index: 2;
}


label.required
{
    color: red !important;
    /*text-decoration: underline;
   font-weight: bold;*/
}

legend.required
{
    color: red !important;
}

td.required
{
    color: red !important;
}

th.required
{
    color: red !important;
}
.clear
{
	clear: both;
}

.error
{
	BORDER-RIGHT: red 2px solid !important;
	BORDER-TOP: red 2px solid !important;
	BORDER-LEFT: red 2px solid !important;
	BORDER-BOTTOM: red 2px solid !important;
}

.title
{
	display: block;
	float: left;
	text-align: left;
	width: auto;
}

.loginDisplay
{
	font-size: 1.1em;
	display: block;
	text-align: right;
	padding: 10px;
	color: White;
}

	.loginDisplay a:link
	{
		color: white;
	}

	.loginDisplay a:visited
	{
		color: white;
	}

	.loginDisplay a:hover
	{
		color: white;
	}

.failureNotification
{
	font-size: 1.2em;
	color: Red;
}

.bold
{
	font-weight: bold;
}

/* TAB MENU
----------------------------------------------------------*/

div.hideSkiplink
{
	background-color: #3a4f63;
	width: 100%;
}

div.menu
{
	padding: 4px 0px 4px 8px;
}

	div.menu ul
	{
		list-style: none;
		margin: 0px;
		padding: 0px;
		width: auto;
	}

		div.menu ul li a, div.menu ul li a:visited
		{
			background-color: #465c71;
			border: 1px #4e667d solid;
			color: #dde4ec;
			display: block;
			line-height: 1.35em;
			padding: 4px 20px;
			text-decoration: none;
			white-space: nowrap;
		}

			div.menu ul li a:hover
			{
				background-color: #bfcbd6;
				color: #465c71;
				text-decoration: none;
			}

			div.menu ul li a:active
			{
				background-color: #465c71;
				color: #cfdbe6;
				text-decoration: none;
			}

button, input[type="submit"],input[type=button]
{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: solid 1px #0076a3;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font: 900 14px 'Trebuchet MS';
	color: #00557f;
	text-shadow: #FFF 0 0 1px;
	font-variant: small-caps;
	border-radius: .2em;
	/* padding: .2em 1em .25em; */
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	background-color: gray;
	background-image: url("mainbk.png");
	background-repeat: repeat;
	background-position: 0 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #C0C0C0;
	text-align: center;
	font-style: normal;
}

	button:disabled, input[type="submit"],input[type=button]:disabled
	{
		display: inline-block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		display: inline;
		vertical-align: baseline;
		margin: 0 2px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		border: solid 1px #0076a3;
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		font: 900 14px 'Trebuchet MS';
		color: #2D96FF;
		text-shadow: #FFF 0 0 1px;
		font-variant: small-caps;
		border-radius: .2em;
		/* padding: .2em 1em .25em; */
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		background-color: #CFCFCF;
		background-image: url("disabledbk.png");
		background-repeat: repeat;
		background-position: 0 0;
		border-width: 0 0 0 1px;
		border-style: solid;
		border-color: #C0C0C0;
		text-align: center;
		font-style: normal;
	}

	button:hover:enabled, input[type="submit"],input[type=button]:hover:enabled
	{
		background-color: #0085c3;
		border-color: #C0C0C0;
		border-style: solid;
		color: #ffffff;
		text-decoration: none;
		text-shadow: #FFF 0 0 1px;
		background-image: url("mainbk.png");
		background-position: 0 100px;
	}

.Button
{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: solid 1px #0076a3;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/* jem 2.22.2012 -------------------------------------------------*/
	/* color: #d9eef7 !important;
		background: #003399;
		font: 14px/100% Arial, Helvetica, sans-serif,white;
		border-radius: .5em;
		-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
		padding: .5em 2em .55em;	*/
	font: 900 14px 'Trebuchet MS';
	color: #00557f;
	text-shadow: #FFF 0 0 1px;
	font-variant: small-caps;
	border-radius: .2em;
	/* padding: .2em 1em .25em; */
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	background-color: gray;
	background-image: url("mainbk.png");
	background-repeat: repeat;
	background-position: 0 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #C0C0C0;
	text-align: center;
	font-style: normal;
}

	.Button:disabled
	{
		display: inline-block;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		*display: inline;
		vertical-align: baseline;
		margin: 0 2px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		border: solid 1px #0076a3;
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		font: 900 14px 'Trebuchet MS';
		color: #2D96FF;
		text-shadow: #FFF 0 0 1px;
		font-variant: small-caps;
		border-radius: .2em;
		/* padding: .2em 1em .25em; */
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		background-color: #CFCFCF;
		background-image: url("disabledbk.png");
		background-repeat: repeat;
		background-position: 0 0;
		border-width: 0 0 0 1px;
		border-style: solid;
		border-color: #C0C0C0;
		text-align: center;
		font-style: normal;
	}

	.Button:hover:enabled
	{
		background-color: #0085c3;
		border-color: #C0C0C0;
		border-style: solid;
		color: #ffffff;
		text-decoration: none;
		text-shadow: #FFF 0 0 1px;
		background-image: url("mainbk.png");
		background-position: 0 100px;
	}

button.ButtonSmall, input[type="submit"].ButtonSmall,input[type=button].ButtonSmall ,.ButtonSmall
{
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 600 11px 'Trebuchet MS';
	color: #00557f;
	text-shadow: #FFF 0 0 1px;
	border-radius: .2em;
	/* padding: .2em 1em .25em; */
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	background-color: gray;
	background-image: url("mainbk.png");
	background-repeat: repeat;
	background-position: 0 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #C0C0C0;
	text-align: center;
	font-style: normal;
}

	.ButtonSmall:hover
	{
		background-color: #0085c3;
		border-color: #C0C0C0;
		border-style: solid;
		color: #ffffff;
		text-decoration: none;
		background-image: url("mainbk.png");
		background-position: 0 100px;
	}

Table.tabbuttons
{
	background-color: gray;
	width: 890px;
	Padding: 5px;
}

Table.tabbuttonsinfo
{
	background-color: #D3D3D3;
	color: #8B4726;
	width: 890px;
	Padding: 5px;
}

Table.alerttabbuttons
{
	background-color: gray;
	width: 100%;
	Padding: 5px;
}

Table.tabbody
{
	background-color: white;
	width: 890px;
}

Table.tabbodygrid
{
	background-color: #D3D3D3;
	width: 100%;
}

Div.tabbuttons
{
	background-color: Gray;
}
/* ENTRY TABLE -------------------------------------------------------*/
div.EntryTable
{
	background-color: White;
	padding-top: 10px;
	padding-bottom: 20px;
	height: 100%;
	width: 100%;
	opacity: 1.00;
}

	div.EntryTable.table.EntryTable
	{
		font-size: 1em;
		margin: 0px;
		padding: 0px;
		color: #666;
	}

table.EntryTable td.Mid
{
	width: 01%;
}

table.EntryTable td.left
{
	text-align: right;
	width: 33%;
	vertical-align: top;
	font-weight: bold;
}

table.EntryTable td.right
{
	text-align: left;
	width: 66%;
}

.tableright
{
	width: 50%;
	text-align: right;
}
/* STANDARD GRID VIEW----------------------------------------------------*/
/*<asp:GridView ID="NotesHistory" AllowPaging="False" runat="server" ShowHeaderWhenEmpty="True"
								AllowSorting="False" AutoGenerateColumns="True" BorderWidth="1px" BackColor="White"
								CellPadding="4" BorderStyle="None" BorderColor="#3366CC">
								<FooterStyle ForeColor="#003399" BackColor="#99CCCC"></FooterStyle>
								<PagerStyle ForeColor="#003399" HorizontalAlign="Left" BackColor="#99CCCC"></PagerStyle>
								<HeaderStyle ForeColor="#FFFFFF" Font-Bold="True" BackColor="#4b6c9e"></HeaderStyle>
								<RowStyle BackColor="#E3EAEB" />
								<EditRowStyle BackColor="#7C6F57" />
								<SelectedRowStyle BackColor="#C5BBAF" Font-Bold="True" ForeColor="#333333" />
								<AlternatingRowStyle BackColor="White" />
						</asp:GridView> */
div.GridViewTable
{
	background-color: White;
	padding-top: 10px;
	padding-bottom: 20px;
	height: 100%;
	width: 100%;
	opacity: 1.00;
}

table.GridViewTable
{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	color: #666;
}

	table.GridViewTable tr.header
	{
		color: White;
		font-weight: bold;
		background-color: #4b6c9e;
	}

	table.GridViewTable tr
	{
		color: Black;
		font-weight: normal;
		background-color: #e3eaeb;
	}

		table.GridViewTable tr.footer
		{
			color: #003399;
			background-color: #99CCCC;
		}

.gridHeaderOpStyle
{
	border-right-color: #4b6c9e; /* make the border invisible */
}
/* masking code -------------------------------------------------*/
.popupnomaskwindow
{
	position: fixed;
	width: 440px;
	height: 200px;
	display: none;
	z-index: 9999 !important;
	padding: 20px;
}
/* Z-index of #mask must lower than #boxes .window */
#mask
{
	position: absolute;
	z-index: 9000;
	background-color: #000;
	display: none;
}

#boxes .window
{
	position: fixed;
	width: 440px;
	height: 200px;
	display: none;
	z-index: 9999 !important;
	padding: 20px;
}
/* modal window */
boxes #popupwrapper
{
	width: 375px;
	height: 203px;
}

.PopUpPanel
{
	Width: 100%;
	overflow: auto;
	position: absolute;
	top: -100px;
	left: 0px;
	background-color: silver;
	padding: .50em;
	border: .25em solid gray;
	padding-bottom: 3em;
	padding-top: 0;
	z-index: 10000;
}

.PopUpPanelSearch
{
	Width: 90%;
	overflow: auto;
	position: absolute;
	top: 100px;
	left: 50px;
	background-color: silver;
	padding: .50em;
	border: .25em solid gray;
	padding-bottom: 3em;
	padding-top: 0;
	z-index: 10000;
}
/* End masking window code--------------------------------------------*/

/* Lookup Window -----------------------------------------------------*/
table.lookup
{
	width: 100%;
}

	table.lookup tr
	{
		cursor: pointer;
	}

	table.lookup td
	{
		width: 50%;
	}
/*--------------------------------------------------------------------*/

/* Tree View ---------------------------------------------------------*/
.hoverStyle
{
	background-color: #0085c3;
}

.nodeLevel1
{
	height: 15px;
	width: 125px;
	padding-left: 5px;
}

.nodeLevel2
{
	height: 15px;
	width: 125px;
	padding-left: 5px;
}

.nodeLevel3
{
	height: 15px;
	width: 200px;
	padding-left: 5px;
}

.nodeLevel1 a
{
	color: black;
}

.nodeLevel2 a
{
	color: black;
}

.nodeLevel3 a
{
	color: black;
}

.hoverStyle a
{
	color: white;
}
/* treeview ------------------------------------------*/

/* Msg Management Module -----------------------------*/
.record
{
	overflow: hidden;
	padding: 10px;
	margin: 2px;
	width: 400px;
	background: #edeff4;
	font: 10pt Tahoma;
}

.text
{
	float: left;
	width: 300px;
	margin-right: 10px;
}

.edit_option
{
	float: left;
	width: 40px;
	margin-right: 10px;
}

.edit
{
	cursor: pointer;
	color: #5B5BFF;
	text-align: center;
}

.update
{
	cursor: pointer;
	color: #8080FF;
	text-align: center;
}

.cancel
{
	cursor: pointer;
	color: #FFA500;
	text-align: center;
}

.delete
{
	float: left;
	cursor: pointer;
	width: 40px;
	color: red;
}

.add
{
	float: left;
	cursor: pointer;
	width: 40px;
	color: green;
}
/*----------------------------------------------------*/

/* Accordian Module----------------------------------*/
.ui-accordion .ui-accordion-header
{
	cursor: pointer;
	position: relative;
	margin-top: 1px;
	zoom: 1;
	background-color: #91908d;
	background-image: url("mainbk.png");
	background-repeat: repeat;
	background-position: 0 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #C0C0C0;
	color: #00557f;
	font-size: .70em;
	font-weight: bold;
	font-variant: normal;
}

.ui-accordion .ui-accordion-li-fix
{
	display: inline;
}

.ui-accordion .ui-accordion-header-active
{
	border-bottom: 0 !important;
}

.ui-accordion .ui-accordion-header a
{
	display: block;
	font-size: .70em;
	padding: .5em .5em .5em .7em;
}
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a
{
	zoom: 1;
}

.ui-accordion-icons .ui-accordion-header a
{
	padding-left: 2.2em;
}

.ui-accordion h3:hover
{
	background-color: #00557f;
}

.ui-accordion .ui-accordion-header .ui-icon
{
	position: absolute;
	left: .5em;
	top: 50%;
	margin-top: -8px;
	color: Black;
}

.ui-accordion .ui-accordion-content
{
	padding: 1em 2.2em;
	border-top: 0;
	margin-top: -2px;
	position: relative;
	top: 1px;
	margin-bottom: 2px;
	overflow: auto;
	display: none;
	zoom: 1;
	background-image: none;
	color: Black;
	font-size: .70em;
	font-weight: normal;
	text-align: left;
}

.ui-accordion .ui-accordion-content-active
{
	display: block;
}

.ui-accordion .ui-accordion-content
{
	height: auto!important;
}
/* put this line last to fix display problem of text in some browsers*/

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

/* TimePicker */
.ui-timepicker-div .ui-widget-header
{
	margin-bottom: 8px;
}

.ui-timepicker-div dl
{
	text-align: left;
}

	.ui-timepicker-div dl dt
	{
		height: 25px;
		margin-bottom: -25px;
	}

	.ui-timepicker-div dl dd
	{
		margin: 0 10px 10px 65px;
	}

.ui-timepicker-div td
{
	font-size: 90%;
}

.ui-tpicker-grid-label
{
	background: none;
	border: none;
	margin: 0;
	padding: 0;
}

/* multiple col lists */
.col-ul
{
	width: 760px;
	margin-bottom: 20px;
	overflow: hidden;
	border-top: 1px solid #ccc;
}

/* multiple col list items */
.double-col-li
{
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
	width: 50%;
}

.triple-col-li
{
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
	width: 33.333%;
}

.quad-col-li
{
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
	width: 25%;
}

.hex-col-li
{
	line-height: 1.5em;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
	width: 16.666%;
}

/* END multiple col list items */

.transparent
{
	background-color: transparent;
	filter: alpha(opacity=0); /*For IE8 and earlier */
	opacity: 0.0;
	-moz-opacity: 0;
	color: Black;
    line-height:30px;
}
.fileheight{
    height:22px;
}

.modalCRBackground
{
	background-color: Gray;
	filter: alpha(opacity=100);
	opacity: 1.00;
}

.readonly
{
	padding: 3px;
	border-style: solid;
	border-width: 1px;
	border-color: #F5F5F5 #666666 #666666 #F5F5F5;
	background-color: #808080;
	color: #FFFFFF;
}

.warning
{
	color: red;
	font-weight: 700;
}

.validationError
{
	background-color: #AF7070;
	border-color: #D1A9A9 #632A2A #632A2A #D1A9A9;
	border-style: solid;
	border-width: 1px;
}


/* jem--------------- */
.reportUlStyle
{
	list-style-type: square;
}

	.reportUlStyle a
	{
		font: 12px Trebuchet MS;
		font-size: large;
		cursor: auto;
		color: #00557f;
	}

		.reportUlStyle a:link
		{
			color: #00557f;
		}

		.reportUlStyle a:visited
		{
			color: #CD6889;
		}

		.reportUlStyle a:hover
		{
			text-decoration: none;
			color: #ff9900;
			font-weight: bold;
		}

		.reportUlStyle a:active
		{
			color: #ff0000;
			text-decoration: none;
		}

option[disabled]
{
    color: #F5F5F5;
    background-color: #A9A9A9;
}

#Header-Fingerprint
{
	font-Family: "Helvetica Neue, Lucida Grande, Segoe UI,Arial,Helvetica,Verdana,sans-serif";
	font-size: 1.25em;
}

/*option[data-qualified="true"]
{
    background-color: #CCFFFF;
    color: #010141;
}*/

option[data-qualified="ACTV"]
{
    background-color: #CCFFFF;
    color: #010141;
}
	
option[data-qualified="INACT"]
{
    background-color: #f2ffcc;
    color: #010141;
}

option[data-trainer="true"]
{
	background-color: #CCFFFF;
	color: #010141;
}


/* WORKFLOW START */

#taskstabs, #taskTabs {
    font-size: 11px;
}

.TaskHeaderTable {
    width: 100%;
}

.TaskHeader {
    font-size: 11px;
    font-weight: bold;
    border-bottom: #cccccc 1px dotted;
    color: #666666;
    padding: 3px 3px;
}

.TaskIcon {
	width: 2%;
}

.TaskHeaderTitle, .TaskItemTitle {
    word-break:break-all;
    word-wrap:break-word;
    white-space:normal;
}

.TaskItemTitleWordbreak {
    word-break:break-all;
    word-wrap:break-word;
    white-space:normal;
}

.TaskHeaderReceived, .TaskItemDate {
	width: 15%;
}

.TaskItemDateTime, .TaskHeaderDateTime {
	width: 19%;
}

div.TaskWrapper {
    cursor: pointer;
}

div.TaskWrapper table {
    width: 100%;
    padding: 0 0;
    margin: 0 0;
}

.TaskItemTitle, .TaskItemDate, .TaskItemDateTime {
	font-size: 11px;
}

TR.TaskItem TD, 
TR.TaskItemAlt TD {
    padding: 3px 3px;
}

.TaskItem {
    background-color: #ffffff;
}

.TaskItemAlt {
    background-color: #cfdbe6;
}

.TaskBody {
    font-size: 11px;
    padding: 3px 3px;
    margin: 0 0;
    background-color: #dddddd;
}

.TaskPager {
    margin-top: 20px;
    text-align: right;
}

.TaskPager table {
    float:right;
}

.clear {
    float: none;
}

.TaskNoteCreatedOn, .TaskAttachCreatedOn {
    width: 110px;
}

.TaskNoteCreatedBy, .TaskAttachCreatedBy {
    width: 110px;
}

.TaskFieldLabel {
    width: 30px;
    text-align: right;
}

.TaskBold {
    color: #666666;
    font-weight: bold;
    /*font-size: larger;*/
}

.TaskNotesWrapper, .TaskAttachWrapper {
    overflow-y: scroll;
    height: 180px;
    border-left: #cccccc 1px solid;
    border-bottom: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
}

#tasktabs {
    height: 5000px;   
}

#updMasterUpdate {
    padding-left: 9px;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.btn {
    display: inline-block;
    padding: 3px 6px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
input[type=text]::-ms-clear {
            display: none;
        }
 .buttonStyle
{
	display: inline-block;
    line-height:22px;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	display: inline;
	vertical-align: baseline;
	margin: 0 1px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	border: solid 1px #0076a3;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	font: 900 14px 'Trebuchet MS';
	color: #00557f;
	text-shadow: #FFF 0 0 1px;
	font-variant: small-caps;
	border-radius: .2em;
	/* padding: .2em 1em .25em; */
	-webkit-border-radius: .2em;
	-moz-border-radius: .2em;
	background-color: gray;
	background-image: url("mainbk.png");
	background-repeat: repeat;
	background-position: 0 0;
	border-width: 0 0 0 1px;
	border-style: solid;
	border-color: #C0C0C0;
	text-align: center;
	font-style: normal;
}
 .buttonStyle :disabled
	{
		display: inline-block;
         line-height:22px;
		zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
		display: inline;
		vertical-align: baseline;
		margin: 0 2px;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		border: solid 1px #0076a3;
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		font: 900 14px 'Trebuchet MS';
		color: #2D96FF;
		text-shadow: #FFF 0 0 1px;
		font-variant: small-caps;
		border-radius: .2em;
		/* padding: .2em 1em .25em; */
		-webkit-border-radius: .2em;
		-moz-border-radius: .2em;
		background-color: #CFCFCF;
		background-image: url("disabledbk.png");
		background-repeat: repeat;
		background-position: 0 0;
		border-width: 0 0 0 1px;
		border-style: solid;
		border-color: #C0C0C0;
		text-align: center;
		font-style: normal;
	}
 .buttonStyle:hover:enabled
	{
		background-color: #0085c3;
		border-color: #C0C0C0;
		border-style: solid;
		color: #ffffff;
		text-decoration: none;
		text-shadow: #FFF 0 0 1px;
		background-image: url("mainbk.png");
		background-position: 0 100px;
	}

.no-close .ui-dialog-titlebar-close {
    display: none 
}

/** BEGIN Fingerprint Scanner Preview Setup CSS */
.top-far-left-arrow {
    position: absolute;
    top: 8px;
    left: 16px;
}

.top-left-arrow {
    position: absolute;
    top: 8px;
    left: 85px;
}
        
.bottom-far-left-arrow {
    position: absolute;
    bottom: 8px;
    left: 16px;
}

.bottom-left-arrow {
    position: absolute;
    bottom: 8px;
    left: 85px;
}

.top-far-right-arrow {
    position: absolute;
    top: 8px;
    right: 16px;
}

.top-right-arrow {
    position: absolute;
    top: 8px;
    right: 85px;
}
        
.bottom-far-right-arrow {
    position: absolute;
    bottom: 8px;
    right: 16px;
}

.bottom-right-arrow {
    position: absolute;
    bottom: 8px;
    right: 85px;
}

.center-left-arrow {
    position: absolute;
    top: 100px;
    left: 16px;
}
        
.center-right-arrow {
    position: absolute;
    top: 100px;
    right: 16px;
}

.fingerprintImage{	
    border: 1px solid #ddd;
    border-radius: 4px;
    padding: 5px;
}
/** END Fingerprint Scanner Preview Setup CSS */

.optional-input {
	font-size: 0.9em;
}