/*  any class with ah as prefix is defined to override Bootstrap class with matching name ----*/




html						{	height: 100%;	}

.blue						{	color	: #263A81;		}
.green						{   color   : #609C38;      }
.red						{	color	: #bf2b2c;		}

.alert						{	color	: #ff0000;		}
.helpHover					{	color	: #609C38; cursor:pointer; z-index:1000;	}


.orange						{	color	: #d2691e;		}
.highlight					{	color	: #bf2b2c;		}

.xDarkGrey					{	color	: #393939;		}
.darkGrey					{	color	: #696969;		}
.grey						{	color	: #999999;		}
.lightGrey					{	color	: #b9b9b9;		}
.xLightGrey					{	color	: #d9d9d9;		}
.xxLightGrey				{	color	: #f6f6f6;		}

.backgroundXDarkGrey		{	background-color : #393939;	}
.backgroundDarkGrey			{	background-color : #696969;	}
.backgroundGrey				{	background-color : #999999;	}
.backgroundLightGrey		{	background-color : #b9b9b9;	}
.backgroundXLightGrey		{	background-color : #d9d9d9;	}
.backgroundXXLightGrey		{	background-color : #f0f0f0;	}

.borderXDarkGrey			{	border: 1px solid #393939;	}
.borderDarkGrey				{	border: 1px solid #696969;	}
.borderGrey					{	border: 1px solid #999999;	}
.borderLightGrey			{	border: 1px solid #b9b9b9;	}
.borderXLightGrey			{	border: 1px solid #d9d9d9;	}
.borderXXLightGrey			{	border: 1px solid #f6f6f6;	}

.borderBottomXDarkGrey		{	border-bottom: 1px solid #393939;	}
.borderBottomDarkGrey		{	border-bottom: 1px solid #696969;	}
.borderBottomGrey			{	border-bottom: 1px solid #999999;	}
.borderBottomLightGrey		{	border-bottom: 1px solid #b9b9b9;	}
.borderBottomXLightGrey		{	border-bottom: 1px solid #d9d9d9;	}
.borderBottomXXLightGrey	{	border-bottom: 1px solid #f6f6f6;	}

.borderTopXDarkGrey			{	border-top: 1px solid #393939;		}
.borderTopDarkGrey			{	border-top: 1px solid #696969;		}
.borderTopGrey				{	border-top: 1px solid #999999;		}
.borderTopLightGrey			{	border-top: 1px solid #b9b9b9;		}
.borderTopXLightGrey		{	border-top: 1px solid #d9d9d9;		}
.borderTopXXLightGrey		{	border-top: 1px solid #f6f6f6;		}

.borderLeftXDarkGrey		{	border-left: 1px solid #393939;		}
.borderLeftDarkGrey			{	border-left: 1px solid #696969;		}
.borderLeftGrey				{	border-left: 1px solid #999999;		}
.borderLeftLightGrey		{	border-left: 1px solid #b9b9b9;		}
.borderLeftXLightGrey		{	border-left: 1px solid #d9d9d9;		}
.borderLeftXXLightGrey		{	border-left: 1px solid #f6f6f6;		}

.borderRightXDarkGrey		{	border-right: 1px solid #393939;	}
.borderRightDarkGrey		{	border-right: 1px solid #696969;	}
.borderRightGrey			{	border-right: 1px solid #999999;	}
.borderRightLightGrey		{	border-right: 1px solid #b9b9b9;	}
.borderRightXLightGrey		{	border-right: 1px solid #d9d9d9;	}
.borderRightXXLightGrey		{	border-right: 1px solid #f6f6f6;	}

.borderBottomNone			{	border-bottom	: none;		}
.borderTopNone				{	border-top		: none;		}
.borderLeftNone				{	border-left		: none;		}
.borderRightNone			{	border-right	: none;		}

.horizontalLine				{	border-bottom: 1px solid #f9f9f9;height:1px;width:100%;	 }


body
{
	font-family			: Roboto, Arial, Helvetica, sans-serif;
	font-weight			: 400;
	font-size			: 12px;
	color				: #606060 !Important;
	line-height			: 18px !Important;
	margin				: 0px 0px 0px 0px;
	min-height			: 100%;
	padding				: 0px 0px 0px 0px !Important;
	text-align			: left;
}

.form
{
	background-color	: #f0f0f0;
	border				: 1px solid #d9d9d9;
	padding				: 20px 20px 20px 20px;
}

table	{	margin	: 0px 0px 0px 0px; border-collapse:collapse; border-width:0px; border-spacing:0px; }
th		{	padding	: 0px 0px 0px 0px;	}
td		{	padding	: 0px 0px 0px 0px;	}

.singlePaddedTable th	{	padding	: 1px 1px 1px 1px;	}
.singlePaddedTable td	{	padding : 1px 1px 1px 1px;	}
.singleSpacedTable 		{	border-collapse:separate; border-spacing:1px;	}

.doublePaddedTable th	{	padding	: 2px 2px 2px 2px;	}
.doublePaddedTable td	{	padding : 2px 2px 2px 2px;	}
.doubleSpacedTable 		{	border-collapse:separate; border-spacing:2px;	}

.triplePaddedTable th	{	padding	: 3px 3px 3px 3px;	}
.triplePaddedTable td	{	padding : 3px 3px 3px 3px;	}
.tripleSpacedTable 		{	border-collapse:separate; border-spacing:3px;	}


.divProgress {
	border: 1px solid #609C38;
	margin: 5px auto 5px auto;
	padding: 5px 5px 5px 5px;
}

	.divProgress .progressCaption {
		color: #609C38;
	}


.dateTimeDisplay .date			{	padding-right: 2px; }
.dateTimeDisplay .time			{	color: #999999;	}

.dateTimeDisplayDisabled .date	{	color: #868686; padding-right: 2px; }
.dateTimeDisplayDisabled .time	{	color: #868686;	}

.dateTimeDisplayOverdue .date	{	color: #bf2b2c; padding-right: 2px; }
.dateTimeDisplayOverdue .time	{	color: #bf2b2c;	}


/*  ------------------------------------------------------------------------------ */
/*  Text Styles
/*  ------------------------------------------------------------------------------ */
.bold {
	font-weight:bold;
}

.italic {
	font-style	: italic;
}

.xSmall {
	font-size			: 10px;
	line-height			: 13px;
}

.small
{
	font-size			: 11px;
	line-height			: 14px;
}

.medium {
	font-size			: 14px;
	line-height			: 16px;
}

.large {
	font-size			: 16px;
	line-height			: 18px;
}

.xLarge {
	font-size			: 18px;
	line-height			: 20px;
}

.xxLarge {
	font-size			: 20px;
	line-height			: 22px;
}

.xxxLarge {
	font-size			: 24px;
	line-height			: 26px;
}


/*  ------------------------------------------------------------------------------ */
/*  Heading/Footer Styles
/*  ------------------------------------------------------------------------------ */


h1, .h1
{
	color				: #263A81;
	font-size			: 22px;
	font-weight			: 500;
	margin-bottom		: 6px;
}

.h1_Disabled
{
	color				: #868686;
	font-size			: 22px;
	font-weight			: normal;
	margin-bottom		: 6px;
}


h2, .h2
{
	color				: #263A81;
	font-size			: 18px;
	font-weight			: normal;
	padding-bottom		: 0px;
}


.pageHeading
{
	color				: #263A81;
	display				: block;
	font-size			: 26px;
	font-style			: normal;
	font-weight			: 450;
	margin-top			: 25px;
	margin-bottom		: 10px;
	text-align			: left;
}


.pageInfo
{
	border-bottom		: 1px solid #b9b9b9;
	display				: block;
	font-size			: 12px;
	line-height         : 17px;
	margin-top			: 5px;
	margin-bottom		: 20px;
	padding-bottom		: 8px;
	text-align			: left;
}

.pageFooter
{
	border-top			: 1px dotted #b9b9b9;
	color				: #868686;
	margin-top			: 25px;
	padding-top			: 10px;
}


.siteNotice
{
	background-color	: #c9c9c9;
	border				: solid 2px #b9b9b9;
	margin				: 0px auto 15px auto;
	padding				: 5px 5px 5px 5px;
	width				: 800px;
	vertical-align		: top;
}




/*  ------------------------------------------------------------------------------ */
/*  General Styles
/*  ------------------------------------------------------------------------------ */

.no-fouc {	display: none; }


.modalBackground {
	background-image	: url('/Images/ModalBg.png');
}


.myFrameCaption
{
	background-color	: White;
	color				: #263A81;
	font-size			: 16px;
	font-style			: italic;
	font-weight			: bold;
	height				: 30px;
	padding				: 0px 5px 0px 5px;
	text-align			: left;
}




/*  ------------------------------------------------------------------------------ */
/*  Link Styles
/*  ------------------------------------------------------------------------------ */


a, .lnk
{
	color				: #609C38;
	text-decoration		: none;
}

a :visited , .lnk :visited
{
	color				: #609C38;
	text-decoration		: none;
}

a :active, .lnk :active
{
	color				: #609C38;
	text-decoration		: none;
}


.lnkAction
{
	color				: #609C38;
	cursor				: pointer;
	font-size			: 12px;
	font-weight			: normal;
	text-decoration		: none;
}

.lnkAction :hover
{
	text-decoration		: underline;
}


.lnkActionSmall
{
	color				: #609C38;
	cursor				: pointer;
	font-size			: 11px;
	text-decoration		: none;
}

.lnkActionSmall :hover
{
	color				: #609C38;
	cursor				: pointer;
}


.lnkDisabled {
	color				: #e6e6e6;

}



.linkPanel
{
	border				: 1px solid #b9b9b9;
	display				: block;
	margin				: 5px 10px 5px 0;
}

	.linkPanel:hover
	{
		border				: 1px solid #609C38;
		cursor				: pointer;
		display				: block;
		margin				: 5px 10px 5px 0;
	}

	.linkPanel .link
	{
		display				: table-cell;
		font-size			: 12px;
		height				: 30px;
		line-height			: 14px;
		padding				: 3px 5px 3px 15px;
		text-decoration		: none;
		vertical-align		: middle;
	}

		.linkPanel.link:hover
		{
			display				: table-cell;
			cursor				: pointer;
			font-size			: 12px;
			height				: 30px;
			line-height			: 14px;
			padding				: 3px 5px 3px 15px;
			text-decoration		: none;
			vertical-align		: middle;
		}





/*  ------------------------------------------------------------------------------ */
/*  Form Input Styles
/*  ------------------------------------------------------------------------------ */


/* class required otherwise it inherits bootstrap check box style*/

input[type="checkbox"],
.checkbox
{
	width				: 14px;
	height				: 14px;
	font-weight			: normal;
}

.checkboxDisabled
{
	color				: #868686;
}
.checkboxReadOnly {
	background-color	: #f0f0f0;
}

.checkboxLabelDiv {
	display: inline-block;
	vertical-align: middle;
}
.checkboxWrapperDiv {
	display: inline-block;
	vertical-align: middle;
}


.input
{
	border				: 1px solid #b9b9b9;
	background-color	: #ffffff;
	font-size			: 12px;
	/*padding				: 7px 8px 7px 6px;*/
}
.inputDisabled
{
	border				: 1px solid #b9b9b9;
	background-color	: #e6e6e6;
	font-size			: 12px;
	/*padding				: 7px 8px 7px 6px;*/
}


/* selects are now handled in BrowserDependent files*/


.lbl {
	color					: #999999;
	font-size				: 11px;
	font-style				: normal;
	text-align				: left;
	text-transform			: uppercase;
}

.textBoxMultiLine, textarea
{
	border					: 1px solid #b9b9b9;
	color					: #263A81;
	display					: block;  /*stops the extra bottom margin in FF and Chrome*/
	font-family				: inherit;
	font-size				: 12px;
	line-height				: 16px;
	padding					: 8px 7px 8px 7px;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
}

.textBoxMultiLineDisabled
{
	background-color        : #ededed;
	border					: 1px solid #b9b9b9;
	color					: #aaaaaa;
	display					: block;
	font-size				: 12px;
	line-height				: 16px;
	padding					: 8px 7px 8px 7px;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
}

.textBoxMultiLineReadOnly
{
	background-color        : #f0f0f0;
	border					: 1px solid #b9b9b9;
	color					: #263A81;
	display					: block;
	font-size				: 12px;
	line-height				: 16px;
	padding					: 8px 7px 8px 7px;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
}

.textBoxPinInput
{
	border					: 1px solid #b9b9b9;
	color					: #263A81;
	font-size				: 12px;
	font-weight				: bold;
	padding					: 9px 7px 9px 7px;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
}

.textBoxSingleLine
{
	border					: 1px solid #b9b9b9;
	color					: #263A81;
	font-size				: 12px;
	padding					: 9px 7px 9px 7px;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
}

.textBoxSingleLineDisabled
{
	background-color        : #ededed;
	border					: 1px solid #b9b9b9;
	color					: #aaaaaa;
	font-size				: 12px;
	padding					: 9px 7px 9px 7px;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
}

.textBoxSingleLineReadOnly
{
	background-color        : #f0f0f0;
	border					: 1px solid #b9b9b9;
	color					: #263A81;
	font-size				: 12px;
	padding					: 9px 7px 9px 7px;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
}

.textBoxWatermark 
{
	color					: #f0f0f0;
	border					: 1px solid #b9b9b9;
	color					: #cccccc;
	font-size				: 12px;
	font-style				: italic;
	padding					: 9px 7px 9px 7px;
	border-radius			: 2px;
	-webkit-border-radius	: 2px;
	-moz-border-radius		: 2px;
}



/*  ------------------------------------------------------------------------------ */
/*  To Do List
/*  ------------------------------------------------------------------------------ */


.toDoListDiv
{
	display             : none;
	background-color    : white;
	border-left			: solid 1px #b9b9b9;
	border-right		: solid 1px #b9b9b9;
	border-bottom		: solid 1px #b9b9b9;
	border-top			: solid 1px transparent;
	cursor				: default;
	font-size			: 12px;
	height              : auto;
	margin				: 1px auto auto -201px;
	padding				: 10px 20px 20px 20px;
	position            : absolute;
	width               : 295px;
	z-index             : 99999;
	-webkit-box-shadow	: 1px 1px 15px 1px rgba(203,199,200,1);
	-moz-box-shadow		: 1px 1px 15px 1px rgba(203,199,200,1);
	box-shadow			: 1px 1px 15px 1px rgba(203,199,200,1);
	text-align          : left;
}

.toDoListItem {
	padding				: 0 3px 0 0;
	vertical-align		: top;
}

.toDoListItem .lnkAction {
	font-size	: 12px;
	line-height	: 14px !important;
}





/*  ------------------------------------------------------------------------------ */
/*  Ajax Calendar
/*  ------------------------------------------------------------------------------ */


.calendar .ajax__calendar_active
 {
	background-color	: #609C38;
	color				: #ffffff;
	font-weight			: bold;
 }

.calendar .ajax__calendar_container
{
	border				: 1px solid #609C38;
	background-color	: White;
	color				: #609C38;
	padding				: 0px 0px 0px 0px;
	z-index				: 1000;
}

.calendar .ajax__calendar_header
{
	background-color	: #609C38;
	color				: White;
	font-weight			: normal;
	height				: 22px;
	padding-top			: 3px;
}

.calendar .ajax__calendar_body
{
	padding				: 5px 0px 0px 0px;
}

.calendar .ajax__calendar_today
{
	background-color	: #b9b9b9;
	font-weight			: bold;
	padding-bottom		: 5px;
}

.calendar .ajax__calendar_dayname
{
	color				: #868686;
	font-weight			: bold;
	margin				: 3px 0px 3px 0px;
}




/*  ------------------------------------------------------------------------------ */
/*  Image Album
/*  ------------------------------------------------------------------------------ */

.imageAlbum
{
	margin				: 0px 0px 0px 0px;
	padding				: 0px 0px 0px 0px;
	text-align			: left;
}

.imageAlbum li
{
	 border				: 1px solid #b9b9b9;
	 float				: left;
	 list-style			: none;
	 margin				: 2px;
	 padding			: 3px;
	 text-align			: center;
	 vertical-align		: bottom;
}

.imageAlbum li:hover
{
	 background-color	: #dee9fa;
	 border				: 1px dashed #bf2b2c;
}

.imageAlbum a:hover
{
	 background-color	: #dee9fa;
	 border				: none;
}

.imageAlbum li img:hover
{
	 background-color	: #dee9fa;
	 border				: 0px none;
	 cursor				: move;
}


/*  ------------------------------------------------------------------------------ */
/*  General Styles
/*  ------------------------------------------------------------------------------ */


.priceSubTotalLabel {
	font-size		: 12px;
	padding			: 0 10px 6px 0;
}

.priceSubTotal {
	font-size		: 12px;
	padding			: 0 3px 6px 0;
	text-align		: right;
}

.priceTotalLabel {
	font-size		: 12px;
	font-weight		: 600;
	padding			: 6px 10px 6px 0;
}

.priceTotal {
	border-top		: 1px solid #999999;
	border-bottom	: double #999999;
	font-size		: 12px;
	font-weight		: 600;
	padding			: 6px 3px 6px 10px;
	text-align		: right;
}