@charset "utf-8";
/* CSS Document */
/*
	- HTML5 tags
	- GENERAL tags
	- Site Header
	- Navigation Menu
	- GENERAL SITE tags
	- SETTINGS
	- REPORTING PAGE
	- Alerts & Collections
	- systemAdmin
	- jQuery UI
*/

/* removes clear button from text fields in IE10 */
input::-ms-clear {
    display: 				none;
}

/* HTML5 tags 								*/
/* ---------------------------------------- */
header, section, footer, aside, nav, article, figure, .block
{
	display: 				block;
}

/* -------------------------------------------------------------------------------- */
/* GLOABL HTML tags 																	*/
/* -------------------------------------------------------------------------------- */

*
{
	font-family: 			'Open Sans', 'Calibri', 'Trebuchet MS', sans-serif;
	line-height: 			1.48em;
	outline:				none;
}

body
{
	background-color:		#F4F5F6 !important;
	font-size: 				100%;
	color: 					#555F66;
	min-width:				1105px;
	height:					100%;
	margin:					0;
	padding:				0;
}

a
{
	color:					#005782;
	text-decoration:		none !important;
	border-bottom:			1px solid #003E5E;
}

a:hover, a:focus
{
	color:					#da7923;
	border-bottom:			1px solid #F88B2B;
}

a:focus
{
	outline:				1px dotted #3d89af;
}

header
{
	padding:				0 2.5%;
	height:					74px;
	margin:					0 auto;
	display:				block;
	position:				relative;
/*	z-index:				50; --- Hiding so header corners are croped by rounded corners TH --- */
	overflow:				hidden;
}

h1, h2, h3, h4, h5, .wdgtName, #dashboardNav .tabSection a.tab, #secondNavArea .tabSection a.tab, h3 label
{
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
	word-spacing: 			0.05em;
	letter-spacing: 		0.03em;
}

h1, h2, h3, h4, h5
{
	color:					#046595;
	font-weight: 			500;
	margin:					0;
	padding:				0;
}

h1 .notation, h2 .notation, h3 .notation, h4 .notation, h5 .notation
{
	color:					#697178 !important;
	font-size:				0.875em;
	font-weight:			300;
	text-transform:			none !important;
	background:				none !important;
	border:					none !important;
	-moz-box-shadow:		none !important;
	-webkit-box-shadow:		none !important;
	box-shadow:				none !important;
}

h1
{
	font-size: 				1.313em;
    font-weight: 			500;
    text-transform: 		uppercase;
	padding: 				4px 0 0;
}

h2.assignmentHeadingMrgn
{
	margin-bottom:			-10px !important;
}

p, .marginBottom, .groupBox.marginBottom
{
	margin-top: 			0;
	margin-bottom:	 		1.2em;
}

p:last-child
{
	margin-bottom:			0;
}

ul, dl, dt, dd
{
	padding: 				0;
	margin: 				0;
}

fieldset
{
	border: 				0;
    padding: 				0 8px;
	background-color: 		#f9fcfd;
    clear: 					both;
    margin: 				0 4px 7px 0;
	position: 				relative;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
	fieldset{ 
		border: 			2px groove #FFF;
		border-left-width: 	0;
		border-right-width: 0;
		border-bottom-width:0; }
}

legend
{
	background: 			rgba(255,255,255,0.65);
	margin-left: 			-4px;
	padding: 				0 6px 0 2px;
    position: 				relative;
	z-index:  				250;
}

input, select, textarea
{
	background: 			#FFF;
	text-decoration:		none;
	font-size:				1.083em;
	font-family: 			'Open Sans', 'Calibri', 'Trebuchet MS', sans-serif !important;
	font-weight: 			600;
	vertical-align:			middle;
	margin:					2px 5px 12px;
	min-height:				18px;
	color: 					#4A5258;
	padding:				2px 3px 1px;
	border: 				0 !important;
	border-bottom:			1px solid #DADCDE !important;

/*	-moz-border-radius:		4px;	
	-webkit-border-radius:	4px; 
	border-radius: 			4px;
*/
	-moz-box-shadow:		none !important;
	-webkit-box-shadow:		none !important;
	box-shadow:				none !important;
}

input:hover, select:hover, textarea:hover
{
	border-bottom:			1px solid #95bfd3 !important;
}

input[type=submit]
{
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
	box-shadow:				none;
}

input[type="checkbox"], input[type="radio"]
{
	position: 				relative;
	top: 					2px;
	border:					0;
	box-shadow:				none;
}

select
{
/*	-moz-border-radius-topright:			0;	
	-webkit-border-top-right-radius:		0; 
	border-top-right-radius: 			0;
	-moz-border-radius-bottomright:		0;	
	-webkit-border-bottom-right-radius:	0; 
	border-bottom-right-radius: 			0;
*/}

select option:disabled
{
	color:					#CFD2D4;
}

textarea 
{
	width:					90%;
	resize:					vertical;
}

code
{
	font-family: monospace !important;
	background-color: #e8e9ea;
	color: #7E858B;
	padding: 3px 6px;
}


/* -------------------------------------------------------------------------------- */
/* GLOBAL ID and CLASS tags 																	*/
/* -------------------------------------------------------------------------------- */

#content
{
	background-color:		#FFF;
	width:					100%;
	height:					100%;
	margin:					74px auto 0;
	position:				relative;
/*	overflow:				hidden; */
	z-index:				1;
}

#portal #content
{
	margin-top: 			0px;
}

#portal #main
{
	top: 					0px;
}

#portal #parentRow
{
	top: 					0px;
}

#portal #parent hr.topRow
{
	top: 					40px;
}

#portal #parent #content
{
	margin-top: 			41px;
}

#portal #parent #main
{
	top: 					41px;
}

#portal #headerTools
{
	float: right;
	position: absolute;
	top: 34px;
	right: 14px;
}

#portal #dashboard
{
	margin-top: 38px;
}

#parent #content
{
	margin:					115px auto 0;
}

#mainContent
{
	margin: 				0 0 8px 74px;
	position:				relative;
	min-height:				520px;
}

.sectionContent /* REMOVE #dashboardPage from here to reduce map widget issues regarding position relative attribute. and other styles seemed unnecessary  */
{
	position:				relative;
	width:					99.25% !important;
	min-height:				520px;
	background-color:		#FFF;
}

.marginLeft
{
	margin-left:	 		12px;
}

.marginRight
{
	margin-right:	 		12px;
}

.marginTop
{
	margin-top:				1.2em;
}

input.toolTip, input.toolTip:focus,
ul.toolTip, ul.toolTip:focus,
textarea.toolTip, textarea.toolTip:focus
{
	border-left:			3px solid #5C9CBC !important;
}

input.reqField, input.reqField:focus,
ul.reqField, ul.reqField:focus,
textarea.reqField, textarea.reqField:focus
{
	border-left:			3px solid #F88B2B !important;
}

ul.noStyle
{
	list-style: 			none;
}

ul.noStyle li
{
	padding: 				3px 10px 3px 6px;
}

.toolTip:hover
{
	cursor:					help;
}

span.reqFlag
{
	color:					#F88B2B;
}

input:focus, select:focus, textarea:focus, 
.linkButtonIcn:focus, .linkButtonFtr:focus
{
	outline:				none;
	border-color:			#5c9cbc !important;
}

.linkButtonFtr:focus
{
	border-color:			#da7923 !important;
}

input.error, input.inline-error, textarea.error, textarea.inline-error, section.error, select.error
{
	background: 			#fff8df !important;
	text-decoration:		none;
	color: 					#663810 !important;
	border-color: 			#e8c440 !important;
}

label.error
{
	color:					#8f6c01;
	font-weight:			600;
}

label.active
{
	color:					#B8BCBF !important;
}

input.placeholder 
{ 
	color: #7E858B; 
	font-weight: 400; 
	font-size: 0.923em;
}

* ::-webkit-input-placeholder { color: #7E858B; font-weight: 400; font-size: 0.923em; }
* :focus::-webkit-input-placeholder { color: #DADCDE; font-weight: 400; font-size: 0.923em; }
*.disabled ::-webkit-input-placeholder { color: #C8CBCE !important; font-weight: 400; font-size: 0.923em; }

/* FF 4-18 */
* :-moz-placeholder { opacity: 1; color: #7E858B; font-weight: 400; font-size: 0.923em; }
* :focus::-moz-placeholder { opacity: 1; color: #DADCDE; font-weight: 400; font-size: 0.923em; }
*.disabled ::-moz-placeholder { color: #C8CBCE !important; font-weight: 400; font-size: 0.923em; }

/* FF 19+ */
* ::-moz-placeholder { opacity: 1; color: #7E858B; font-weight: 400; font-size: 0.923em; }
* :focus::-moz-placeholder { opacity: 1; color: #DADCDE; font-weight: 400; font-size: 0.923em; }
*.disabled ::-moz-placeholder { color: #C8CBCE !important; font-weight: 400; font-size: 0.923em; }

/* IE <10 */
#login form input.placeholder { color: #7E858B !important; font-weight: 400 !important; font-size: 0.923em !important; }

/* IE 10+ */
input:-ms-input-placeholder { color: #7E858B; font-weight: 400; font-size: 0.923em; }
input.disabled:-ms-input-placeholder { color: #C8CBCE !important; font-weight: 400; font-size: 0.923em; }

input:-ms-input-placeholder { color: #7E858B; font-weight: 400; font-size: 0.923em; }
input.disabled:-ms-input-placeholder { color: #C8CBCE !important; font-weight: 400; font-size: 0.923em; }

/* EDGE */
input::-ms-input-placeholder { color: #7E858B; font-weight: 400; font-size: 0.923em; }
input.disabled::-ms-input-placeholder { color: #C8CBCE !important; font-weight: 400; font-size: 0.923em; }


.inputMini
{
	width:					60px;
}

.inputSmall
{
	width:					90px;
}

.inputMedium
{
	width:					150px;
}

.inputLarge
{
	width: 					260px;
}

.inputXLarge
{
	width: 					340px;
}

input.smplValue
{
	color:					#7E858B;
}

input.inputRightA
{
	text-align:				right;
}

.note
{
	font-size:				0.833em;
}

form .note
{
	margin-top:				-5px;
	padding-left:			4px;
	color: 					#697178;
}

form .buttonset
{
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
	font-size:				1.333em;
	clear: 					both;	
	text-align:				right;
}

.btnSet
{
	clear: 					both;
	font-size:				1em;
	padding: 				0.5em 0 0.5em;
	text-align:				right;
}

.btnSet.center
{
	text-align:				center !important;
}

.btnSet.timeZoneBtn
{
	display:				inline-block;
	margin-left:			6px;
}

.btnPage
{
	clear: 					both;
	font-size:				1em;
	padding: 				0.5em 0 0.5em;
	text-align:				right;
	margin-right:			1.1%;
}

.btnHeader
{
	float:					right;
}

.btnTitle
{
	float:					right;
	font-size:				0.875em;
	margin-top:				10px;
	margin-right:			1.1%;
}

footer
{
	text-align:				center;
	font-size:				0.625em;
	font-weight: 			600;
	position:				relative;
	width:					98%;
	padding:				6px 1% 8px;
	clear:					both;
	overflow:				hidden;
	z-index:				0;
}

footer nav
{
	margin-top:				8px;
}

footer #copyright
{
	font-size:				0.917em;
	color: 					#697178;
}

footer .logo
{
	position:				absolute;
	right:					10px;
	top:					6px;
}

.hide, #headerTools a.save, #headerTools a.cancel, #headerTools a.edit, #headerTools a.resetDashboard, .toolTipText, .alertMsg, li.disabled, .jsonData, #crntAlertList * .menuListButton.hide
{
	display:				none;
}

*.waiting, *.waiting:hover
{
	cursor:					wait !important;
}

*.showOverflow
{
	overflow:				visible !important;
}

*.lowerCase
{
	text-transform:			lowercase !important;
}

*.upperCase
{
	text-transform:			uppercase !important;
}

*.characterCaseBreak
{
	text-transform:			none !important;
}

.txtIndent
{
	margin: 				0 0 0 23px;
}


/* -------------------------------------------------------------------------------- */
/* Site Header 																		*/
/* -------------------------------------------------------------------------------- */

header#titleBar
{
	position:				fixed;
	top:					0;
	left:					0;
	width:					100%;
	padding:				0 8px 0 0;
	margin:					0;
	display:				block;
	background-color: 		#f9fcfd;
	z-index:				150;
	box-sizing:				border-box;
	-moz-box-sizing:		border-box;
}

header a.logo
{
	border:					0;
	float:					left;
	margin-top: 			8px;
}

header aside
{
	text-align:				right;
	position: 				absolute;
	top:					0;
	right:					8px;
	width:					50%;
	margin:					8px 0 0;
	color:					#CFD2D4;
	overflow:				visible;
}

header aside .username
{
	position:				relative;
	display:				inline;
	color:					#004b70;
	padding:				3px 0 8px 25px;
	font-weight:			400;
	font-size:				0.725em;
	background:				url("../images/icn_User.png") no-repeat 2px 2px;
}

header aside #headerTools
{
	margin-top:				8px;
}

hr
{
	border: 				0;
	height: 				1px;
	margin:					0;
	z-index:				150;
	background-image: 		-webkit-linear-gradient(left, #f4f5f6, #e8e9ea, #f4f5f6);
	background-image: 		-moz-linear-gradient(left, #f4f5f6, #e8e9ea, #f4f5f6);
	background-image: 		-ms-linear-gradient(left, #f4f5f6, #e8e9ea, #f4f5f6);
	background-image: 		-o-linear-gradient(left, #f4f5f6, #e8e9ea, #f4f5f6));
}

header#titleBar hr, #notification hr
{
	position:				absolute;
	bottom:					0px;
	left: 					0;
     width:    				100%;
	background-image: 		-webkit-linear-gradient(left, #e8e9ea, #DADCDE, #e8e9ea);
	background-image: 		-moz-linear-gradient(left, #e8e9ea, #DADCDE, #e8e9ea);
	background-image: 		-ms-linear-gradient(left, #e8e9ea, #DADCDE, #e8e9ea);
	background-image: 		-o-linear-gradient(left, #e8e9ea, #DADCDE, #e8e9ea));
}

fieldset hr:first-child
{
    position: 				relative;
    top: 					-10px;
    left: 					0;
	z-index: 				0;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active)
{
	fieldset hr:first-child { top: 					10px; }
}

fieldset hr
{
	margin: 				0 -8px;
}

.headerBack
{
	position:				fixed;
	top:					0;
	left:					2%;
	width:					97%;
	height:					72px;
	z-index:				140;	

	-moz-border-radius-bottomleft:		50% 10%;
	-moz-border-radius-bottomright:		50% 10%;
	-moz-box-shadow: 					0 0 13px 0 rgba(0,0,0,0.4);
	
	-webkit-border-bottom-left-radius:		50% 10%;
	-webkit-border-bottom-right-radius:	50% 10%;
	-webkit-box-shadow: 				0 0 13px 0 rgba(0,0,0,0.4);

	border-bottom-left-radius: 			50% 10%;
	border-bottom-right-radius: 			50% 10%;
	box-shadow: 						0 0 13px 0 rgba(0,0,0,0.4);
}

#parentRow
{
	background: 			#f8f8f9; 
	height: 				40px; 
	position: 				fixed; 
	top: 					74px; 
	width: 					100%; 
	z-index: 				130; 
	overflow: 				hidden;
}

#custSwitchBtn
{
	float: 					right;
	margin: 				0 8px;
}

#parentNote
{
	font-size: 				0.7em; 
	position: 				absolute; 
	left: 					13px;
	line-height: 			1.3em;
}

#parentTitle
{
	font-weight: 			normal; 
	float: 					left;
	position:   			relative;
	left: 					13px;
}

#childTitle
{
	padding-top: 			6px; 
	font-weight: 			normal; 
	float: 					left;
	position:   			relative;
	left: 					13px;
	line-height: 			1.5em;
}

#parentChildSwitchFrmArea
{
	float: 					right; 
	font-size:				0.875em;
	width: 					50%;
	min-width:				275px;
	position: 				relative; 
	overflow: 				hidden; 
	margin: 				4px 0 0 0; 
	background: 			none; 
	border-bottom: 			none; 
	box-shadow: 			none;
}

#parentChildSwitchFrmArea label
{
	color: 					#697178; 
	left: 					8px;
	top:					8px;
	font-size: 				0.875em;
}

#childCoSwitchAC
{
	font-size: 				0.875em;
	top: 					4px;	
}

#parentChildSwitchFrmArea .textButton 
{
	top:					4px;
}

#parentRow .headerBack
{
	top: 					43px; 
	position: 				absolute; 
	width: 					100%; 
	left: 					0;
}

#parent hr.topRow
{
	position:				fixed;
	top:					114px;
	left: 					0;
     width:    				100%;
	background-image: 		-webkit-linear-gradient(left, #DADCDE, #B8BCBF, #DADCDE);
	background-image: 		-moz-linear-gradient(left, #DADCDE, #B8BCBF, #DADCDE);
	background-image: 		-ms-linear-gradient(left, #DADCDE, #B8BCBF, #DADCDE);
	background-image: 		-o-linear-gradient(left, #DADCDE, #B8BCBF, #DADCDE));
}

/* -------------------------------------------------------------------------------- */
/* Navigation Menu 																	*/
/* -------------------------------------------------------------------------------- */

nav#main
{
	background: 			#046595;
	width:					60px;
	padding-top:			5px;
	height:					100%;
	text-align:				left;
	position:				fixed;
	top:					74px;
	left:					0;
	z-index:				12000;
	-webkit-transform: 		translate3d(0px, 0px, 0px);
}

#parent nav#main
{
	top:					115px;
}

nav#main .section, 
nav#main .bottomSection
{
	border-top:				1px solid #005782;
}


nav#main a
{
	color:					#FFF;
	margin:					6px 9px 5px;
	overflow:				hidden;
	padding:				5px 0 1px 42px;
	height:					33px;
	display:				block;
	border:					none !important;
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
	font-weight: 			500;
	letter-spacing: 		0.03em;
	font-size:				1.125em;
	white-space:			nowrap;
	position:				relative;
}

nav#main a.current
{
	color:					#046595;
}

nav#main a img
{
	position:				absolute;
	top:					0;
	left:					0;
}

nav#main a:hover, nav#main a.current
{
	background: 			#005782;
	text-decoration:		none;

	-moz-border-radius:		6px;	
	-webkit-border-radius:	6px; 
	border-radius: 			6px;
}

nav#main a.current
{
	background: 			#FFF;
}

nav#main #newReports, #activeAlerts
{
	position:				absolute;
	font-size:				11px;
	color:					#FFF !important;
	padding: 				1px 0 0 1px;
	text-align:				center;
	width:					18px;
	height:					18px;
	background:				url("../images/icn_NewReport.png") no-repeat;
	z-index:				150;
}

nav#main #newReports
{
	left: 					12px;
	top: 					59px;	
}

#activeAlerts
{
	top:					0;
	right:					16px !important;
}

/* secondNav */
/* copied from dashboard.css and changed #dashboardNav to #secondNav */

#secondNav
{
	height:					29px;
}

#secondNavArea
{
	position:				relative;
	overflow:				hidden;
	float:					left;
}

#secondNav nav
{
	width:					100000px;
	padding:				0;
	margin:					0;
	position:				relative;
}

#secondNav .tabSection
{
	float:					left;
}

#secondNav a.tab, #psNav a.tab,
#dashboardNav a.tab, #dashboardNav .moveLeft, #dashboardNav .moveRight, .edit #dashboardNav .tabSection
{
	color:					#697178;
	margin:					0;
	padding:				2px 34px 3px 1px;
	border:					0;
	display:				block;
	float:					left;
	font-weight:			300;
	font-size:				1em;
}

#secondNav a.tab, #psNav a.tab
{
	padding-bottom:			4px;
}

#secondNav a.tab:hover, #psNav a.tab:hover,
#dashboardNav a.tab:hover, #dashboardNav .moveLeft.active:hover, #dashboardNav .moveRight.active:hover, .edit #dashboardNav .tabSection:hover
{
	color:					#046595;
	background-color:		#eef5f8;
	background-image:		url("../images/titleNavHoverBrdr.png");
	background-position:	bottom;
	background-repeat:		repeat-x;
}

#secondNav .current a.tab, #secondNav .current a.tab:hover, #psNav .current a.tab, #psNav .current a.tab:hover, 
#dashboardNav .current a.tab, #dashboardNav .current a.tab:hover, .edit #dashboardNav .current, .edit #dashboardNav .current:hover
{
	color:					#005782;
	font-weight: 			400;
	background-image:		url("../images/titleHighlightBrdr.png");
	background-position:	bottom;
	background-repeat:		repeat-x;
	cursor:					default;
}

/* thirdNav */
#thirdNav
{
	background: 			#f9fcfd;
/*	border-top: 			1px solid #DADCDE;
*/	border-bottom: 			1px solid #e8e9ea;
	font-size: 				0.875em;
	height: 				30px;
	margin:					0 0 0.5em;
	overflow:				visible;
	width: 					99.25%;
}

#thirdNavArea
{
	position:				relative;
	overflow:				hidden;
	float:					left;
	padding-right:			4px;
}

#thirdNav a.tab
{
	color:					#7E858B;
	display:				block;
	border: 				0;
	border-right: 			1px solid #e8e9ea;
	float:					left;
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
	font-weight:			300;
	padding:				5px 20px !important;
	margin:					0;
}

#thirdNav a.tab:hover
{
	color:					#046595;
	background-color:		#eef5f8;
	border-bottom: 			1px solid #FFF;
}

#thirdNav a.tab.current
{
	background: 			#FFF;
	font-weight:			400;
	color:					#004b70;
	border-bottom: 			1px solid #FFF;
	-moz-box-shadow:		0 0 6px 0 rgba(53,59,63,0.1);
	-webkit-box-shadow:		0 0 6px 0 rgba(53,59,63,0.1);
	box-shadow:				0 0 6px 0 rgba(53,59,63,0.1);
}

/* -------------------------------------------------------------------------------- */
/* GENERAL SITE tags 																*/
/* -------------------------------------------------------------------------------- */

#contentID{ display:		none;}

.layout
{
	width:				100%;
	display: 			inline-block;
}

.layout .column
{
	float:				left;
	position:				relative;
}

.column.first
{
	clear:				left;
}

section.layout1 .column
{
	width: 				100%;
}

section.layout2 .column
{
	width: 				49.5%;
}

section.layout3 .column
{
	width: 				32.6%;
}

section.layout4 .first, section.layout5 .second
{
	width: 				32.6%;
}

section.layout4 .second, section.layout5 .first
{
	width: 				66.2%;
}

section.layout1 .column section.floatBox
{
	float:				left;
	width:				49%;
	margin-right:		1%;	
}

section.layout2 .first, section.layout3 .first, section.layout3 .second, section.layout4 .first, section.layout5 .first
{
	margin-right: 			1%;
}

section.layout1 .second, section.layout1 .third, section.layout2 .third, section.layout4 .third, section.layout5 .third
{
	display:				none;
}

a.linkButton, a.linkButtonIcn, a.linkButtonFtr, .linkButtonSL, .linkButtonSM, .linkButtonSR, input.linkButton, input.linkButtonFtr,
.ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .ui-button.btnCancel, .ui-dialog .ui-dialog-buttonpane .ui-button.btnClose
{
	position:				relative;
	color:					#697178 !important;
	padding:				3px 27px 3px 8px;
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
	font-weight: 			500;
	letter-spacing: 		0.05em;
	font-size:				0.75em !important;
	text-decoration:		none !important;
	text-transform:			uppercase;
	border:					1px solid #DADCDE !important;
	background-color:		#eef5f8 !important;
	background-position:	right 0;
	letter-spacing: 		0.04em !important;
	
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius: 			4px;
	
	display: 				inline-block;
}

.ui-dialog .ui-dialog-buttonpane .ui-button *, .ui-dialog .ui-dialog-buttonpane .ui-button.btnCancel *, .ui-dialog .ui-dialog-buttonpane .ui-button.btnClose *
{
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
	font-weight: 			500;		
}

section.sectionContent .linkButton, section.sectionContent .linkButtonFtr, section.sectionContent .linkButtonIcn, .ui-dialog a.linkButtonFtr, .ui-dialog a.linkButton, .ui-dialog a.linkButtonIcn, section.searchHeader .linkButton, section.searchHeader .linkButtonFtr, section.searchHeader .linkButtonIcn
{
	font-size:				12px !important;
}

.linkButton.textButton, .linkButtonFtr.textButton, .ui-dialog .ui-dialog-buttonpane .ui-button, .ui-button.ui-widget.ui-corner-all.active, .ui-dialog .ui-dialog-buttonpane .ui-button.btnCancel, .ui-dialog .ui-dialog-buttonpane .ui-button.btnClose
{
	padding:				3px 7px 3px !important;
	background-image:		none !important;
}

.ui-dialog .ui-dialog-buttonpane .ui-button span.ui-button-text
{
	padding: 				2px 3px 0;
	font-size:				1.1em;
}

.ui-dialog .ui-dialog-buttonpane .ui-button, .ui-dialog .ui-dialog-buttonpane .ui-button:hover, .ui-dialog .ui-dialog-buttonpane .ui-button:focus, .linkButton.disabled, .linkButton.disabled:hover, .linkButton.disabled, .linkButton.disabled:focus, .linkButton.disabled:active, .linkButtonFtr.disabled, .linkButtonFtr.disabled:hover, .linkButtonFtr.disabled:focus, .linkButtonFtr.disabled:active
{
	background-color:		#F4F5F6 !important;	
	background-position:	right 0;
	border:					1px solid #e8e9ea !important;
	color:					#c8cbce !important;
	cursor:					default !important;
}

.linkButton.textButton.disabled, .linkButton.textButton.disabled:hover, .linkButton.textButton.disabled:focus, .linkButton.textButton.disabled:active, .linkButtonFtr.textButton.disabled, .linkButtonFtr.textButton.disabled:hover, .linkButtonFtr.textButton.disabled:focus, .linkButtonFtr.textButton.disabled:active
{
	background-image:		none;
}

.linkButton.textButton:hover, .ui-dialog .ui-dialog-buttonpane .ui-button.btnCancel:hover, .ui-dialog .ui-dialog-buttonpane .ui-button.btnClose:hover,
.linkButton.textButton:focus, .ui-dialog .ui-dialog-buttonpane .ui-button.btnCancel:focus, .ui-dialog .ui-dialog-buttonpane .ui-button.btnClose:focus
{
	cursor:					pointer !important;
}

.linkButtonFtr.textButton:hover, .ui-button.ui-widget.ui-corner-all.active:hover,
.linkButtonFtr.textButton:focus, .ui-button.ui-widget.ui-corner-all.active:focus
{
	cursor:				pointer;
}

a.linkButtonSL
{
	-moz-border-radius-topright:			0;
	-moz-border-radius-bottomright:			0;
	-webkit-border-top-right-radius:		0;
	-webkit-border-bottom-right-radius:		0;
	border-top-right-radius: 				0;
	border-bottom-right-radius: 			0;	
}

a.linkButtonSM
{
	-moz-border-radius:					0;
	-webkit-border-radius:				0;
	border-radius: 						0;
}

a.linkButtonSR
{
	-moz-border-radius-topleft:			0;
	-moz-border-radius-bottomleft:		0;
	-webkit-border-top-left-radius:		0;
	-webkit-border-bottom-left-radius:		0;
	border-top-left-radius: 				0;
	border-bottom-left-radius: 			0;
}

a.linkButtonIcn, a.linkButtonSL, a.linkButtonSM, a.linkButtonSR, a.checkBox, ul.fullList li.selected:hover a.checkBox, ul.fullList li.selected:active a.checkBox, a.radio, ul.fullList li.selected:hover a.radio, ul.fullList li.selected:active a.radio,
.treepicker-list-full .treepicker-selected a.checkBox
{
	background-position:	center 0;
	padding:				3px 2px 1px;
}

ul.menuButtonList li
{
	position:				relative;
	pading-right:			34px !important;
	cursor:					pointer;
	font-size: 				0.857em; /* .mappingAreaOptList .menuButtonList li  to specify font size specific */
}

.menuListButton, .hdrButtonIcn, .menuListButton.Ftr
{
	outline:				none !important;
	position:				absolute;
	right: 					0;
	top:					0;
	color:					#697178 !important;
	height: 				100%;
	width:					28px;
	padding:				0;
	margin:					0;
	border: 				0 !important;
	border-left:			1px solid #e8e9ea !important;
	background-position:	0 center;
	letter-spacing: 		0.04em !important;
	display: 				inline-block;
}

.menuListButton
{
	background-color: 		#f9fcfd !important;
}

.menuListButton.hide, .hdrButtonIcn.hide, .menuListButton.Ftr.hide
{
	display:				none !important;
}

li:hover > .menuListButton
{
	background-color: 		#eef5f8 !important;
	border-color:			#DADCDE !important;
	background-position:	-40px center;	
}

.menuListButton.on, .menuListButton:hover, .hdrButtonIcn.on, .hdrButtonIcn:hover, 
.menuListButton:focus, .hdrButtonIcn:focus, li:hover .menuListButton:hover
{
	background-color: 		#e5f0f4 !important;
	border-color:			#DADCDE !important;
	background-position:	-40px center;
}

.menuListButton:active, .hdrButtonIcn:active, li:active .menuListButton
{
	background-color: 		#dbe9f0 !important;
	border-color:			#DADCDE !important;
}

.menuListButton.pause.restart, .hdrButtonIcn.pause.restart
{
	background-position:	-80px center !important;
}

.menuListButton.pause.restart.on, .hdrButtonIcn.pause.restart.on, .menuListButton.pause.restart:hover, .hdrButtonIcn.pause.restart:hover, .menuListButton.pause.restart:focus, .hdrButtonIcn.pause.restart:focus
{	
	background-color: 		#eef5f8 !important;
	background-position:	-120px center !important;
}

a.hdrButtonIcn.menu.dialogHdrIcn, a.hdrButtonIcn.menu.dialogHdrIcn.on, a.hdrButtonIcn.menu.dialogHdrIcn:hover, a.hdrButtonIcn.menu.dialogHdrIcn:focus
{
	border-left:			1px solid #003E5E !important;
	background-color:		rgba(207,219,227,0.1) !important;
	padding:				0 3px;
	background-position:	-158px center !important;	
}

a.hdrButtonIcn.menu.dialogHdrIcn:hover, a.hdrButtonIcn.menu.dialogHdrIcn:focus
{
	border-left: 			1px solid #003E5E !important;
	background-color:		rgba(0,0,0,0.1) !important;
	background-position:	2px center !important;	
}

.active .menuListButton, .active .menuListButton:focus
{
	background-color:		rgba(207,219,227,0.3) !important;
}

.active .menuListButton:hover
{
	background-position:	-80px center;	
}

.selected * .menuListButton, .selected > .menuListButton, .pined2map > .menuListButton, li.selected:hover .menuListButton.inactive:hover,.objectHighlightBox .menuListButton
{
	border-left:			1px solid #79aec8 !important;
	background-color:		#1e76a2 !important;
	background-position:	-160px center;
}

li.selected:hover .menuListButton, .pined2map:hover > .menuListButton, .pined2map:hover * .menuListButton, .objectHighlightBox .menuListButton:hover
{
	border-left:			1px solid #79aec8 !important;
	background-color:		#046595 !important;
	background-position:	-160px center;
}

.selected * .menuListButton:hover, .selected > .menuListButton:hover, .pined2map:hover > .menuListButton:hover, .pined2map:hover * .menuListButton:hover,
.selected * .menuListButton:focus, .selected > .menuListButton:focus, .pined2map:hover > .menuListButton:focus, .pined2map:hover * .menuListButton:focus, 
li.selected:hover > .menuListButton:hover
{
	border-left:			1px solid #79aec8 !important;
	background-color:		#005782 !important;
	background-position:	-160px center;
}

.menuListButton.Ftr, li.selected:hover .menuListButton.Ftr, .pined2map:hover .menuListButton.Ftr, .pined2map:hover > .menuListButton.Ftr, .pined2map:hover * .menuListButton.Ftr
{
	background-color:		#f88b2b !important;	
	background-position:	-80px center !important;
}

.menuListButton.Ftr:hover, .menuListButton.Ftr:focus, li.selected:hover .menuListButton.Ftr:hover, li.selected:hover .menuListButton.Ftr:focus, .pined2map:hover .menuListButton.Ftr:hover, .pined2map:hover > .menuListButton.Ftr:hover, .pined2map:hover * .menuListButton.Ftr:hover
{
	background-color:		#feb474 !important;
	background-position:	-120px center !important;
}

.menuListButton.Ftr:active, li.selected .menuListButton.Ftr:active, li.selected:hover .menuListButton.Ftr:active, .pined2map:hover .menuListButton.Ftr:active, .pined2map:hover > .menuListButton.Ftr:active, .pined2map:hover * .menuListButton.Ftr:active
{
	background-color:		#da7923 !important;
	background-position:	-120px center !important;
}


.treepicker-list-full .treepicker-selected a.checkBox
{
	cursor:					default;
}

#clearSelected, .clearSelected
{
	float:					right;
	line-height:			1.2em;
}

a.linkButtonIcn.disabled, a.linkButtonIcn.disabled:hover, a.linkButtonIcn.disabled:focus, a.linkButtonIcn.inactive, a.linkButtonIcn.inactive:hover, a.linkButtonIcn.inactive:focus
{
	background-position:	center 0 !important;
	cursor:					default !important;
	background-color:		#F4F5F6 !important;	
}

a.selectMenu.linkButtonIcn.disabled
{
	background-position:	center 2px !important;
}


header aside a.linkButtonIcn
{
	padding:				3px 11px 2px 11px;	
}

a.linkButtonIcn img, a.linkButtonSL img, a.linkButtonSM img, a.linkButtonSR img, a.checkBox img, a.radio img
{
	border:				0;
}

a.linkButtonFtr, input.linkButtonFtr, .ui-button.ui-widget.ui-corner-all.active, a.linkButtonIcn.Ftr, a.linkButtonFtr.inactive:hover
{
	border:					1px solid #F88B2B !important;
	background-color:		#F88B2B !important;	
	color:					#663810 !important;
	background-position:	right -80px;
}

a.linkButtonIcn.Ftr
{
	background-position:	center -80px;
}

h3 a.linkButtonIcn.Ftr
{
	margin-right:			2px;
}

a.linkButton.on,  a.linkButtonIcn.on, a.linkButtonSL.on, a.linkButtonSM.on, a.linkButtonSR.on,
a.linkButton:hover, a.linkButtonIcn:hover, .linkButtonSL:hover, .linkButtonSM:hover, .linkButtonSR:hover, input.linkButton:hover, .ui-dialog .ui-dialog-buttonpane .ui-button.btnCancel:hover, .ui-dialog .ui-dialog-buttonpane .ui-button.btnClose:hover,
a.linkButton:focus, a.linkButtonIcn:focus, .linkButtonSL:focus, .linkButtonSM:focus, .linkButtonSR:focus, input.linkButton:focus, .ui-dialog .ui-dialog-buttonpane .ui-button.btnCancel:focus, .ui-dialog .ui-dialog-buttonpane .ui-button.btnClose:focus,
a.linkButton.on,  a.linkButtonIcn.on, .linkButtonSL.on, .linkButtonSM.on, .linkButtonSR.on,
.linkButtonSL.current, .linkButtonSM.current, .linkButtonSR.current
{
	cursor:					pointer;
	background-position:	right -40px;
	background-color: 		#eef5f8 !important;
	border-color:			#aecede !important;
	color:					#005782 !important;
}

a.linkButtonIcn:hover, .linkButtonSL:hover, .linkButtonSM:hover, .linkButtonSR:hover, a.linkButtonIcn.on, .linkButtonSL.on, .linkButtonSM.on, .linkButtonSR.on, .linkButtonSL.current, .linkButtonSM.current, .linkButtonSR.current, a.checkBox:hover, ul.fullList li:hover .checkBox, ul.selectedList li:hover .checkBox, ul.currentContactList li.unselected .checkBox, .checkboxLabel:hover .checkBox, a.radio:hover, .radioLabel:hover .radio,
.treepicker-list-full .treepicker-unselected a.checkBox:hover, .treepicker-list-full .treepicker-selected-partial a.checkBox:hover,
.treepicker-list-selected .treepicker-selected-partial a.checkBox, .treepicker-root-selector.treepicker-unselected a.checkBox,
a.linkButtonIcn:focus, .linkButtonSL:focus, .linkButtonSM:focus, .linkButtonSR:focus, a.radio:focus, .radioLabel:focus .radio
{
	cursor:					pointer;
	background-position:	center -40px;
}

.treepicker-list-selected .treepicker-selected a.checkBox, .treepicker-root-selector a.checkBox
{
	cursor:					pointer !important;
	background-position:	center -80px;
}

a.linkButtonFtr:hover, input.linkButtonFtr:hover, a.linkButtonFtr.on, .ui-button.ui-widget.ui-corner-all.active:hover, a.linkButtonIcn.Ftr:hover,
a.linkButtonFtr:focus, input.linkButtonFtr:focus, .ui-button.ui-widget.ui-corner-all.active:focus, a.linkButtonIcn.Ftr:focus
{
	cursor:					pointer !important;
	background-position:	right -120px;
	background-color:		#fd9e4b !important;
	border-color:			#F88B2B;
	color:					#4c392a !important;
}

a.linkButtonIcn.Ftr:hover, a.linkButtonIcn.Ftr:focus
{
	background-position:	center -120px;
}
 
a.linkButton:active, a.linkButtonIcn:active, a.linkButton.on, a.linkButtonIcn.on, .linkButtonSL:active, .linkButtonSM:active, .linkButtonSR:active, input.linkButton:active, .linkButtonSL.on, .linkButtonSM.on, .linkButtonSR.on, .linkButtonSL.current, .linkButtonSM.current, .linkButtonSR.current, .ui-dialog .ui-dialog-buttonpane .ui-button.btnCancel:active, .ui-dialog .ui-dialog-buttonpane .ui-button.btnClose:active
{
	background-color: 		#c6dde8 !important;
	border-color:			#aecede !important;
	color:					#004b70 !important;
}

a.linkButtonFtr:active, input.linkButtonFtr:active, a.linkButtonFtr.on, a.linkButtonIcn.Ftr:active, .ui-dialog .ui-dialog-buttonpane .ui-button:active, .ui-button.ui-widget.ui-corner-all.active:active
{
	background-color:		#DA7923 !important;
	border-color:			#DA7923 !important;
	color:					#4C392A !important;
	background-position:	right -80px;
}

form a.linkButton, form a.linkButtonIcn, form a.linkButtonFtr
{
	margin: 				0 5px 6px;
}

.radioLabel, .hiddenLabelContainer
{
	position:				relative;
}

label.hiddenLabel
{
	cursor:				text;
	color: 				#7E858B;
}

.hiddenLabelLabel
{
	position:				absolute !important;
	z-index: 				10000;
	cursor:				text;
}

.radioLabel a
{
	position:				relative;
}

.checkboxLabel.disabled, .radioLabel.disabled, .disabledArea,
.treepicker-list-full .treepicker-selected > span, .treepicker-list-full .treepicker-selected a.checkBox
{
	opacity:				0.75 !important;
	filter:				alpha(opacity=75) !important;
}

.disabled a.checkBox.checked, .disabled a.radio.checked, a.checkBox.viewOnly.checked, a.radio.viewOnly.checked
{
	background-position:	center -80px !important;	
}

a.checkBox, a.radio
{
	cursor:					pointer;
	border: 				0px;
	padding: 				1px 8px !important; /* edited by Todd */
	font-size: 				13px;
}

.disabled a.checkBox, .disabled a.radio, .treepicker-list-full .treepicker-selected a.checkBox, .inactive a.checkBox, a.checkBox.viewOnly, a.radio.viewOnly
{
	cursor:				default !important;
	background-position:	center 0 !important;
}

a.checkBox.checked, a.checkBox:active, ul.fullList li:active .checkBox, li.select .checkBox, ul.selectedList li.selected .checkBox, .checkboxLabel:hover .checkBox.checked,
a.radio.checked, a.radio:active, ul.fullList li:active .radio, li.select .radio, .radioLabel:hover .radio.checked, ul.currentContactList li.selected .checkBox,
.treepicker-list-selected .treepicker-selected a.checkBox, .treepicker-root-selector.treepicker-selected a.checkBox, .treepicker-root-selector.treepicker-selected:hover a.checkBox
{
	background-position:	center -80px;
}

.checkboxLabel
{
	display: 				inline-block;
}

.checkboxLabel.detailLabel
{
	margin-bottom:			6px;
	display: 				inline-block;
}

a.help
{
	background-image:		url("../images/icn_Help.png");
	background-repeat:		no-repeat;
}

a.menuListButton.help, a.hdrButtonIcn.help
{
	background-image:		url("../images/icn_Help_MB.png");
	background-repeat:		no-repeat;
}


a.menu, a.optionMenuBtn
{
	background-image:		url("../images/icn_Menu.png");
	background-repeat:		no-repeat;
}

a.menuListButton.menu, a.hdrButtonIcn.menu
{
	background-image:		url("../images/icn_Menu_MB.png");
	background-repeat:		no-repeat;
}

a.pin
{
	background-image:		url("../images/icn_Pin.png");
	background-repeat:		no-repeat;
}

a.menuListButton.pin, a.hdrButtonIcn.pin
{
	background-image:		url("../images/icn_Pin_MB.png");
	background-repeat:		no-repeat;
}

a.edit, #editParking-Edit
{
	background-image:		url("../images/icn_Edit.png");
	background-repeat:		no-repeat;
}

a.trashcan, .optTitle.trashcan
{
	background-image:		url("../images/icn_TrashCan.png");
	background-repeat:		no-repeat;
}

a.menuListButton.edit, a.hdrButtonIcn.edit
{
	background-image:		url("../images/icn_Edit_MB.png");
	background-repeat:		no-repeat;
}

a.email
{
	background-image:		url("../images/icn_Email.png");
	background-repeat:		no-repeat;
}

a.menuListButton.email
{
	background-image:		url("../images/icn_Email_MB.png");
	background-repeat:		no-repeat;
}

a.view
{
	background-image:		url("../images/icn_view.png");
	background-repeat:		no-repeat;
}

a.menuListButton.view, a.hdrButtonIcn.view
{
	background-image:		url("../images/icn_View_MB.png");
	background-repeat:		no-repeat;
}

a.reload
{
	background-image:		url("../images/icn_Reload.png");
	background-repeat:		no-repeat;
}

a.menuListButton.reload, a.hdrButtonIcn.reload
{
	background-image:		url("../images/icn_Reload_MB.png");
	background-repeat:		no-repeat;
}

a.menuListButton.pause, a.hdrButtonIcn.pause
{
	background-image:		url("../images/icn_PauseRestart_MB.png");
	background-repeat:		no-repeat;
}

a.report
{
	background-image:		url("../images/icn_Report.png");
	background-repeat:		no-repeat;
}

a.save, input.save, a.svCSV, a.svPDF
{
	background-image:		url("../images/icn_Save.png");
	background-repeat:		no-repeat;
}

a.menuListButton.save, a.hdrButtonIcn.save
{
	background-image:		url("../images/icn_Save_MB.png");
	background-repeat:		no-repeat;
}

a.cancel, input.cancel, a.cncl, input.cncl
{
	background-image:		url("../images/icn_Cancel.png");
	background-repeat:		no-repeat;
}

a.menuListButton.cancel, a.hdrButtonIcn.cancel
{
	background-image:		url("../images/icn_Cancel_MB.png");
	background-repeat:		no-repeat;
}

a.close, input.close, .tooltip .btnArea a.delete
{
	background-image: 		url("../images/icn_DeleteSm.png");
    	background-repeat: 		no-repeat;
}

a.menuListButton.close, a.hdrButtonIcn.close, .revert
{
	background-image:		url("../images/icn_DeleteSm_MB.png");
	background-repeat:		no-repeat;
}

a.logout
{
	background-image:		url("../images/icn_Logout.png");
	background-repeat:		no-repeat;
}

a.settings
{
	background-image:		url("../images/icn_Settings.png");
	background-repeat:		no-repeat;
}

a.move, span.move
{
	background-image:		url("../images/icn_Move.png");
	background-repeat:		no-repeat;
}

a.print
{
	background-image:		url("../images/icn_Print.png");
	background-repeat:		no-repeat;
}

a.menuListButton.print, a.hdrButtonIcn.print
{
	background-image:		url("../images/icn_Print_MB.png");
	background-repeat:		no-repeat;
}


a.report
{
	background-image:		url("../images/icn_Report.png");
	background-repeat:		no-repeat;
}

a.save
{
	background-image:		url("../images/icn_Save.png");
	background-repeat:		no-repeat;
}

a.delete, a.deleteAll
{
	background-image:		url("../images/icn_Delete.png");
	background-repeat:		no-repeat;
}

a.block
{
	background-image:		url("../images/icn_Block.png");
	background-repeat:		no-repeat;
}

a.menuListButton.delete, a.menuListButton.deleteAll
{
	background-image:		url("../images/icn_Delete_MB.png");
	background-repeat:		no-repeat;	
}

a.delete.minus
{
	background-image:		url("../images/icn_Minus.png");
	background-repeat:		no-repeat;
}

a.remove
{
	background-image:		url("../images/icn_Remove.png");
	background-repeat:		no-repeat;
}

a.removeFile, #removeParking-Edit
{
	background-image:		url("../images/icn_RemoveFile.png");
	background-repeat:		no-repeat;
}

a.menuListButton.removeFile
{
	background-image:		url("../images/icn_RemoveFile_MB.png");
	background-repeat:		no-repeat;
}

a.add
{
	background-image:		url("../images/icn_Add.png");
	background-repeat:		no-repeat;
}

a.menuListButton.add, a.hdrButtonIcn.add
{
	background-image:		url("../images/icn_Add_MB.png");
	background-repeat:		no-repeat;
}

a.arrow
{
	background-image:		url("../images/icn_ArrowSm.png");
	background-repeat:		no-repeat;
}

a.moveUp
{
	background-image:		url("../images/icn_MoveUp.png");
	background-repeat:		no-repeat;
}

a.moveNext
{
	background-image:		url("../images/icn_MoveNext.png");
	background-repeat:		no-repeat;
}

a.movePrev
{
	background-image:		url("../images/icn_MovePrev.png");
	background-repeat:		no-repeat;
}

a.menuListButton.moveUp
{
	background-image:		url("../images/icn_MoveUp_MB.png");
	background-repeat:		no-repeat;
}

a.upload
{
	background-image:		url("../images/icn_upload.png");
	background-repeat:		no-repeat;
}

a.runReport
{
	background-image:		url("../images/icn_runReport.png");
	background-repeat:		no-repeat;
}

a.recreate
{
	background-image:		url("../images/icn_EditRerun.png");
	background-repeat:		no-repeat;
}

a.rerun
{
	background-image:		url("../images/icn_RerunReport.png");
	background-repeat:		no-repeat;
}

a.xbPhone
{
	background-image:		url("../images/icn_xbPhone.png");
	background-repeat:		no-repeat;	
}

a.rate
{
	background-image:		url("../images/icn_Rate.png");
	background-repeat:		no-repeat;	
}

a.policy
{
	background-image:		url("../images/icn_Policy.png");
	background-repeat:		no-repeat;	
}

a.nextStep
{
	background-image:		url("../images/icn_nextStep.png");
	background-repeat:		no-repeat;	
}

a.plus
{
	background-image:		url("../images/icn_Plus.png");
	background-repeat:		no-repeat;	
}

a.cal
{
	background-image:		url("../images/icn_Cal.png");
	background-repeat:		no-repeat;	
}

a.expand, a.xpndWdgt
{
	background-image:		url("../images/icn_Expand.png");
	background-position:	0px 0px;
	background-repeat:		no-repeat;	
}

a.expand:hover, a.expand:focus
{
	background-position:	0px -40px !important;
}

a.selectMenu
{
	background-image: 		url("../images/icn_ArrowSm.png") !important;
	background-repeat: 		no-repeat;
	background-position:	center 2px !important;
	margin:	 				0 0 0 -6px !important;
	height:					0.75em;
	position:				relative;
	top:					-2px;
	padding:				4px 1px 5px;
}

a.selectMenu:hover, a.selectMenu:focus
{
	background-position:	center -38px !important;
}

a.checkBox
{
	background-image:		url("../images/icn_Checkbox.png");
	background-repeat:		no-repeat;
}

a.radio
{
	background-image:		url("../images/icn_RadioBtn.png");
	background-repeat:		no-repeat;
}


a.goBack
{
	background-image:		url("../images/icn_goBack.png");
	background-repeat:		no-repeat;
}

a.home
{
	background-image:		url("../images/icn_home.png");
	background-repeat:		no-repeat;
}

a.search
{
	background-image:		url("../images/icn_Search.png");
	background-repeat:		no-repeat;
}

a.import
{
	background-image:		url("../images/icn_Import.png");
	background-repeat:		no-repeat;
}

a.export
{
	background-image:		url("../images/icn_Export.png");
	background-repeat:		no-repeat;
}

a.refund
{
	background-image:		url("../images/icn_Refund.png");
	background-repeat:		no-repeat;
}

a.menuListButton.refund
{
	background-image:		url("../images/icn_Refund_MB.png");
	background-repeat:		no-repeat;
}

a.connection
{
	background-image:		url("../images/icn_connection.png");
	background-repeat:		no-repeat;
}

a.shutdown
{
	background-image:		url("../images/icn_ShutDown.png");
	background-repeat:		no-repeat;
}

a.test
{
	background-image:		url("../images/icn_Test.png");
	background-repeat:		no-repeat;
}

a.password
{
	background-image:		url("../images/icn_Password.png");
	background-repeat:		no-repeat;
}

a.menuListButton.confirm
{
	background-image:		url("../images/icn_Confirm_MB.png");
	background-repeat:		no-repeat;
}

.streetMapIcn
{
	background-image:		url("../images/icn_StreetMap.png");
	background-repeat:		no-repeat;
}

.parkingLotIcn
{
	background-image:		url("../images/icn_LotMap.png");
	background-repeat:		no-repeat;
}

a.download, a.usb
{
	background-image:		url("../images/icn_USB.png");
	background-repeat:		no-repeat;
}

#parentFlag-view, #parentFlag-edit
{
	float:					right;
	font-size:				0.813em;
	font-weight: 			500;
	letter-spacing: 		0;
	word-spacing: 			0;
	text-transform:			uppercase;
	color:					#005782;
	position:				relative;
	top:					2px;
}

#parentFlag-view img, #parentFlag-edit img
{
	margin:				0 2px -5px 0;
}

.buttonArea
{
	text-align:			right;
	display:				none;
}

input[type='text'] + input[type='submit']
{
	position:				relative;
	vertical-align:			top;
	top:					0; /*katie*/
}

.req
{
	color:				#F88B2B;
	font-size: 			11px;
}

.confirmation_icn
{
	float:				left;
	height:				35px;
	width: 				25px;
	background-image:		url("../images/icn_Confirm.png");
	background-repeat:		no-repeat;
	background-position:	left 2px; /* Fail: -35px | Pass: -75px */
}

#messageResponseAlert, #messageResponseAlertBox, #sessionResponseAlertBox, .messageBox, #movePayStationWrning
{
	font-size: 			0.75em;
	background: 		#DADCDE;
	border: 			1px solid #CFD2D4; 
	width: 				75%; 
	padding: 				6px; 
	margin: 				0 auto; 
	overflow: 			auto; 
	
	-moz-border-radius:		8px;
	-webkit-border-radius:	8px;
	border-radius: 		8px;
}

#messageResponseAlertBox, #sessionResponseAlertBox, .messageBox, #ajaxLoad, #movePayStationWrning
{
	display:				none;
	color:				#FFF;
}

.loadAlert #ajaxLoad
{
	background: 			#FFF;
	color:				#697178;
	border:				0;
	width: 				45%; 
	padding: 				6px; 
	overflow: 			inherit;
	min-height:			0 !important;
}

#loadMessage
{
	text-align:			center;
	margin-top:			-20px;
	position:				relative;
	z-index:				5001;
	font-size:			0.8em;
}

.popAlert #messageResponseAlertBox, .btnAlert #messageResponseAlertBox, .popAlert #sessionResponseAlertBox, .btnAlert #sessionResponseAlertBox, .btnAlert .messageBox, .popAlert #movePayStationWrning, .btnAlert #movePayStationWrning, #map section.noMap
{
	background: 		#353B3F;
	color: 				#FFF;
	border:				0;
	width: 				45%; 
	padding: 			6px; 
	overflow: 			inherit;
	min-height:			0 !important;
}

.popAlert #messageResponseAlertBox .innerBorder, .btnAlert #messageResponseAlertBox .innerBorder, .popAlert #sessionResponseAlertBox .innerBorder, .btnAlert #sessionResponseAlertBox .innerBorder, .loadAlert #ajaxLoad .innerBorder, .popAlert #movePayStationWrning .innerBorder, .btnAlert #movePayStationWrning .innerBorder
{
	margin:					0;
	border-color:			#7E858B;
	padding:				6px;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	border-radius: 			6px;
	overflow:				inherit;
}

.loadAlert #ajaxLoad .innerBorder
{
	border-color:			#DADCDE;
}

.btnAlert #messageResponseAlertBox .innerBorder, .btnAlert #sessionResponseAlertBox .innerBorder, .btnAlert #movePayStationWrning .innerBorder
{
	position:				relative;
	padding-bottom:		30px;
}

.popAlert #messageResponseAlertBox a.close, .btnAlert #messageResponseAlertBox a.close, .popAlert #sessionResponseAlertBox a.close, .btnAlert #sessionResponseAlertBox a.close, .popAlert #movePayStationWrning a.close, .btnAlert #movePayStationWrning a.close
{
	background-image: 		url("../images/icn_Delete.png");
	position: 			absolute; 
	top: 				6px; 
	right: 				8px;
	background-position:	left -158px;
	border:				0;
	padding:				0 10px;
}

.popAlert #messageResponseAlertBox img, .btnAlert #messageResponseAlertBox img, .popAlert #sessionResponseAlertBox img, .btnAlert #sessionResponseAlertBox img, .popAlert #movePayStationWrning img, .btnAlert #movePayStationWrning img
{
	float:				left;
}

.popAlert #messageResponseAlertBox h4, .btnAlert #messageResponseAlertBox h4, .popAlert #sessionResponseAlertBox h4, .btnAlert #sessionResponseAlertBox h4, .popAlert #movePayStationWrning h4, .btnAlert #movePayStationWrning h4
{
	font-size: 				1.5em; 
	color: 					#f9d657 ;
	float:					left;
     width:                	78%;
	position:				relative;
	top:					6px;
	left:					12px;
	padding: 				0;
	margin: 				0;
}

#messageResponseAlert article
{
	padding-left: 			8px;
}

#messageResponseAlertBox article, #sessionResponseAlertBox article, #movePayStationWrning article
{
	float:	 				left;
     width:                	82%;
	position: 				relative;
	left: 					12px; 
	font-size: 				0.938em;
	margin: 				4px 0 16px;
	overflow:				auto;
}

#messageResponseAlert h4
{
	font-size: 			1.125em; 
	font-weight: 			normal; 
	color: 				#353B3F;
}

#messageResponseAlert ul
{
	margin-top:			2px;
	margin-bottom:			6px;
}

#notificationAlert
{
	background-color:		#1e76a2;
	background-position:	top !important;	

	display: 				none; 
	position: 				fixed; 
	left: 					50%; 
	top: 					45px; 
	margin-left:			-75px;
	z-index: 				800;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	border-radius: 			6px;
	overflow:				inherit;
	color:					#FFF;
	font-size:				0.813em !important;
	font-weight:			600;
	white-space:			nowrap;
	-moz-box-shadow:		0 0 6px 1px rgba(53,59,63,0.2);
	-webkit-box-shadow:		0 0 6px 1px rgba(53,59,63,0.2);
	box-shadow:				0 0 6px 1px rgba(53,59,63,0.2);
	-moz-box-sizing:		border-box;
	box-sizing:				border-box;
}

#portal #notificationAlert
{
	top:					32px;
}

#portal #parent #notificationAlert
{
	top:					72px;
}

#notificationAlert .innerBorder
{
	border-color:			#DADCDE #CFD2D4 #BFC3C5;
	padding:				2px 24px;
	margin:					4px;
	white-space:			nowrap;
}

#notificationAlert img.infoIcon, #notificationAlert img.infoDownArrow
{
	margin: 				1px 4px 0 0;  
	position: 			absolute; 
	left: 				8px; 
	top: 				6px;
}

#notificationAlert img.infoDownArrow
{
	margin: 				1px 0 0 4px;
	right: 				8px;
	left:				inherit !important;
}

#notification, #smplNotification
{
	background: 			#F4F5F6 ; 
	padding: 				6px 6px 0; 
	overflow: 				hidden; 
	position: 				relative;
	top:					74px;
	width:					100%;
	display: 				none;
	z-index:				30;
}

#portal #notification
{
	top:					0px;
}

#parent #notification
{
	top:					114px;
}

#portal #parent #notification
{
	top:					40px;
}


#currentList, #pastList
{
	width:				100%;
}

ul#pastNotifications.scrollingList.notificationList {
	max-height: none !important;
}

.infoArea
{
	background: 			#eef5f8; 
	padding: 				6px 6px 0; 
	overflow: 				hidden; 
	width:					100%;
}

#smplNotification, .infoArea, .objectHighlightBox, .objectAttentionBox
{
	display:				block;
	top:					inherit;
	width:					97%;
	margin:					6px auto;
	-moz-border-radius:		6px;	
	-webkit-border-radius:	6px; 
	border-radius: 			6px;
}

.infoArea img, .objectHighlightBox img, .objectAttentionBox img
{
	margin: 			8px 0;
}

.infoArea article, .objectHighlightBox article, .objectAttentionBox article
{
	width: 				90%;
}


#notificationMsg, #smplNotificationMsg, .infoArea
{
	padding: 				4px 8px 6px; 
	overflow: 				hidden; 
	width: 					740px; 
	margin: 				0 auto 0;
}

.objectHighlightBox, .objectAttentionBox, .inlineAttentionBox
{
	display: 			block;
	background-color: 	#1e76a2;
	position: 			relative;
	padding: 			12px 8px;
	margin-bottom: 		12px;
	overflow: 			hidden;
}

.objectHighlightBox
{
	color: 				#FFF;
	width: 				inherit !important;
}

.objectHighlightBox h1, .objectHighlightBox h2, .objectHighlightBox h3, .objectHighlightBox h4,
.objectAttentionBox h1, .objectAttentionBox h2, .objectAttentionBox h3, .objectAttentionBox h4,
.inlineAttentionBox h1, .inlineAttentionBox h2, .inlineAttentionBox h3, .inlineAttentionBox h4
{
	padding-top: 		0 !important;
}

.objectAttentionBox, .inlineAttentionBox
{
	background-color: 		#FDF2C9;
}

.objectHighlightBox .menuListButton, .objectHighlightBox .menuListButton:hover
{
	padding: 				0 10px;
	background-position:	-150px center;
	
}

.objectHighlightBox h1, .objectHighlightBox h2, .objectHighlightBox h3
{
	color: 				#FFF !important;
}

.inlineAttentionBox
{
	padding: 				3px 12px 9px;
    margin: 				0 3px 6px;
}

.objectAttentionBox h1, .objectAttentionBox h2, .objectAttentionBox h3, .inlineAttentionBox h1, .inlineAttentionBox h2, .inlineAttentionBox h3
{
	color: 					#814715 !important;
	margin-bottom: 			0 !important;
}

.inlineAttentionBox article
{
	font-size: 				0.825em;	
}

#smplNotificationMsg
{
	width:				80%;
	font-size:			1.143em;
}

#notificationMsg pre, #smplNotificationMsg pre
{
	margin-top:			0;
	white-space:			pre-wrap;
}

#notificationMsg #articleArea, #smplNotificationMsg #articleArea, .infoArea article, .infoArea h4
{
	margin-left: 			8px; 
	width: 				640px;
	float:				left;
}

#smplNotificationMsg #articleArea
{
	width:				80%;
}

.infoArea article
{
	width:				96%;	
	font-size: 			0.85em;
	margin-bottom:		8px;
}

#notificationMsg #articleArea article, #smplNotificationMsg #articleArea article
{
	font-size: 			0.75em;
	margin-bottom:			8px;
}

#notificationMsg #articleArea article h4, #smplNotificationMsg  #articleArea article h4, .infoArea article h4
{
	font-size: 			1.3em;
}

.notificationPreview
{
	background: 			url("../images/infoBkgrnd.png") left center no-repeat #e8e9ea; 
	padding: 				6px 6px 0; 
	overflow: 				hidden; 
	position: 				relative;
	width:					100%;
	display: 				block;
	z-index:				30;
	
	-moz-box-shadow:		inset 0 -1px 6px 2px rgba(0,0,0,0.2);
	-webkit-box-shadow:		inset 0 -1px 6px 2px rgba(0,0,0,0.2);
	box-shadow:				inset 0 -1px 6px 2px rgba(0,0,0,0.2);
	
	top:					inherit;
	width:				97%;
	margin:				6px auto;
	-moz-border-radius:		6px;	
	-webkit-border-radius:	6px; 
	border-radius: 		6px;
}

.notificationPreviewBox
{
	padding: 				8px 8px 10px; 
	overflow: 				hidden; 
	width: 					740px; 
	margin: 				2px auto 4px;
	width:					80%;
}

.notificationPreviewBox article
{
	float:				left;
	width: 				640px;
	margin-left: 			8px;
	margin-bottom:			8px;
	font-size: 			0.75em;
	width:				80%;
}

.notificationPreviewBox .title
{
	font-size: 			1.3em;
}

.notificationPreviewBox .message
{
	width:				80%;
}

.notificationPreviewBox .messageLink
{
	
}

.inlineAttentionBox
{
	background-color: 		#FDF2C9;
	padding: 				3px 12px 9px;
    margin: 				0 3px 6px;
	overflow: 				hidden;

	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	border-radius: 			6px;
}

.inlineAttentionBox h3
{
	color: 					#814715 !important;
	margin-bottom: 			0 !important;
}

.inlineAttentionBox article
{
	font-size: 				0.825em;	
}

.right
{
	float:				right !important;
}

.right + .right
{
	margin-right:		0.5em;
}

.left, #messageResponseAlert img, #messageResponseAlert article
{
	float:				left;
}

.alignRight
{
	text-align: 			right;
}

table.tabular th.alignRight
{
	text-align: 			right;
}

.alignCenter
{
	text-align: 			center;
}

.clear
{
	clear:				both !important;
}

.clearRight
{
	clear:				right !important;
}

.fitInline
{
	display:			inline !important;
}

h1 .fitInline, h2 .fitInline, h3 .fitInline, h4 .fitInline
{
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
}

.flatLeft
{
	-moz-border-radius-bottomleft:	0px !important;
	-moz-border-radius-topleft:		0px !important;
	-webkit-border-bottom-left-radius:	0px !important;
	-webkit-border-top-left-radius:	0px !important;
	border-bottom-left-radius: 		0px !important;
	border-top-left-radius:			0px !important;
}

.flatRight
{
	-moz-border-radius-bottomright:	0px !important;
	-moz-border-radius-topright:		0px !important;
	-webkit-border-bottom-right-radius:0px !important;
	-webkit-border-top-right-radius:	0px !important;
	border-bottom-right-radius: 		0px !important;
	border-top-right-radius:			0px !important;
}

.flatTop
{
	-moz-border-radius-topright:		0px !important;
	-moz-border-radius-topleft:		0px !important;
	-webkit-border-top-right-radius:	0px !important;
	-webkit-border-top-left-radius:	0px !important;
	border-top-right-radius: 		0px !important;
	border-top-left-radius:			0px !important;
}

.flatBottom
{
	-moz-border-radius-bottomright:	0px !important;
	-moz-border-radius-bottomleft:	0px !important;
	-webkit-border-bottom-right-radius:0px !important;
	-webkit-border-bottom-left-radius:	0px !important;
	border-bottom-right-radius: 		0px !important;
	border-bottom-left-radius:		0px !important;
}

ul.itemList ul:after, .horizontal ul:after, 
.viewMode dl:after, .editMode dl:after, .editMode-horizontal dl:after, .addMode dl:after, .viewMode-horizontal dl:after, .addMode-horizontal dl:after,
.groupBox:after, .groupBox .groupBoxBody:after, 
#activityFilter dl:after, .currentStatusView:after, #paystationDetail article:after, 
.pagination:after, .pageCtrl:after, .filterHeader .col2:after
{
	clear: 				both;
	content: 				'';
	display: 				block;
}

/*table.tabular th, table.tabular td, table.tabular span,
ul.itemList li.listHeader,
.editMode-horizontal dl, .editMode dl, .addMode dl, .viewMode dl, 
.viewMode-horizontal dt, .viewMode-horizontal dd, .viewMode-horizontal dt span, .viewMode-horizontal dd span,
.dataDisplay, #activityFilter dl, .pagination, .chartBox h4,
ul.itemList li, ul.itemList li span
{
	line-height:			1.2;
}*/

.ddMenu, .optionMenu
{
	position:				absolute;
	display:				none;
	background-color:		#00334d;
	z-index:				1080; /*katie*/
	width:					175px;

	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	border-radius: 			6px;
	
	-moz-box-shadow:		0 0 6px 0 rgba(0, 0, 0, 0.5);
	-webkit-box-shadow:		0 0 6px 0 rgba(0, 0, 0, 0.5);
	box-shadow:				0 0 6px 0 rgba(0, 0, 0, 0.5);

}

.ddMenu.optionMenu
{
	min-width:				175px;
	max-width:  			225px;
	width: 					50%;
}

.ddMenu .point
{
	position:				absolute;
	right:					8px;
	top:					-10px;
	z-index: 				-1;
}

.ddMenu .rightSidePoint
{
	position:				absolute;
	right:				8px;
	top:					-10px;
}

.optionMenu
{
	top: 					-12px; /*katie*/
}

.optionMenu .point
{
	left:					-15px;
	top:						12px;
	position:					absolute;
	transform:				rotate(-90deg);
	-ms-transform:				rotate(-90deg); /* IE 9 */
	-moz-transform:			rotate(-90deg); /* Firefox */
	-webkit-transform:			rotate(-90deg); /* Safari and Chrome */
	-o-transform:				rotate(-90deg); /* Opera */
}

.optionMenu .rightSidePoint, .ddMenu .rightSidePoint
{
	right:					-15px !important;
	top:						12px;
	position:					absolute;
	transform:				rotate(90deg);
	-ms-transform:				rotate(90deg); /* IE 9 */
	-moz-transform:			rotate(90deg); /* Firefox */
	-webkit-transform:			rotate(90deg); /* Safari and Chrome */
	-o-transform:				rotate(90deg); /* Opera */

}
.ddMenu .editMenuOptions, .ddMenu .xbpMenuOptions, #XtendByPhone .ddMenu .menuOptions
{
	display:				none;
}

.ddMenu a
{
	display:				block;
	padding:				7px 8px 8px 40px;
	font-size:				12px !important;
	font-weight:			500;
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;
	text-transform:			uppercase;
	color:					#FFF;
	border-top:				1px solid #92989D;
	border-bottom:			0;
	background-position:	10px -154px;
}

.groupBoxBody .scrollingList .ddMenu  a, .groupBoxBody .menuList .ddMenu  a
{
	font-size:			0.929em !important;	
}

.ddMenu .menuOptions a:hover, .ddMenu .editMenuOptions a:hover, .optionMenu a:hover, .ddMenu .xbpMenuOptions a:hover,
.ddMenu .menuOptions a:focus, .ddMenu .editMenuOptions a:focus, .optionMenu a:focus, .ddMenu .xbpMenuOptions a:focus
{
	background-color:		#00283c;
}

.ddMenu .menuOptions a:first-child, .ddMenu .editMenuOptions a:first-child, .optionMenu a:first-child, .ddMenu .xbpMenuOptions a:first-child
{
	border:				0;
}

.innerBorder
{
	overflow:				hidden;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	border-radius: 			6px;
}

#sectionTitle, #dashboardNav, #secondNav, #psNav, .sectionTitle
{
	background-image:		url("../images/titleBrdr.png");
	background-position:	bottom;
	background-repeat:		repeat-x;
	width:					99.25%;
	overflow:				hidden;
	position:				inherit;
}

#sectionTitle, #dashboardNav, #secondNav, #psNav
{
	background-image:		url("../images/titleNavBrdr.png");
}

#psNav, .sectionTitle
{
	margin-top:			4px;
}

#sectionTitle
{
	padding-top: 		4px;
}
 
#sectionTitle h1
{
	color:					#005782;
	background-image:		url("../images/titleHighlightBrdr.png");
	background-position:	bottom;
	background-repeat:		repeat-x;
	cursor:					default;	
	font-size:				1.3em;
	text-transform:			uppercase;
	margin:					0;
	padding:				0 34px 3px 0;
	display:				inline;
}

#sectionTitle .linkButtonFtr, #sectionTitle .linkButton
{
	position:				absolute;
	right:					2px;
	top:					3px;
}

#sectionTitle h2
{
	font-size:			1em;
	font-weight:			normal;
	top:					-2px;
	padding:				0 18px 45px 0;
	line-height:			0.75em;
	display:				inline;
	position:				relative;
}

.sectionContent
{
	font-size:			0.875em;
	padding:				8px 0 24px;
}

.sectionContent h1, .sectionContent h2
{
	font-size:				1.714em;
	color:					#005782;/*#00334D;*/
	/*float:					left;*/
	margin:					0 12px 0 0;
}

.sectionContent h2
{
	font-size:			1.429em; /*20px*/
}

.sectionContent h2 span
{
	color:				#555F66;
	font-size:			70%;
	font-weight:		normal;
}

.sectionContent h2.PS
{
	font-size:			1.857em; /*26px*/
}

.sectionContent input
{
/*	font-size:			1.143em;
*/}

.sectionContent .center
{
	margin:				0 auto;	
}

.tierOps
{
	display:				none;
	/*background:			#F4F5F6;*/
	overflow:				inherit;
	/*-moz-box-shadow:		inset 0 0 8px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:		inset 0 0 8px 0 rgba(0,0,0,0.1);
	box-shadow:			inset 0 0 8px 0 rgba(0,0,0,0.1);*/	
}

.optionListArea, .treepicker-area, .clmnOptionListArea
{
	clear:				both;
	overflow:				hidden;
	width:				100%;
}

.widgetSettings ul, .optionListArea ul, ul.currentEmailsList, #formDisplayAlertNotifyList,
.treepicker-list-full, .treepicker-list-selected, .widgetSettings .chartDesignBox, .clmnOptionListArea
{
	background-color:		#FFF;
	text-decoration:		none;
	overflow:				inherit;
	margin:					4px;
	list-style:				none;
	padding:				0;
	border:					1px solid #DADCDE;

	-moz-border-radius:		6px;	
	-webkit-border-radius:	6px; 
	border-radius: 			6px;
}


.optionListArea ul, ul.currentContactList, #formDisplayAlertNotifyList, .clmnOptionListArea
{
	overflow:				auto;
}

.treepicker-list-full, .treepicker-list-selected
{
	overflow-y:				scroll;
}

.tierOps ul, .optionListArea ul, .fullListHeader, .selectedListHeader,
.treepicker-list-full, .treepicker-list-selected
{
	float:				left;
	width:				49%;
	box-sizing:			border-box;
	-moz-box-sizing:		border-box;
}

.treepicker-list-full ul, .treepicker-list-selected ul
{
	padding-left:			0px;
	margin:				0px;
}

.treepicker-list-full li, .treepicker-list-selected li
{
	list-style:			none;
}

.tierOps ul.fullList, .tierOps ul.selectedList, .optionListArea ul.fullList, .optionListArea ul.selectedList, ul.currentContactList,
.treepicker-list-full, .treepicker-list-selected, .clmnOptionListArea
{
	min-height:			46px;
	max-height:			192px;
	margin:				2px 1% 2% 0;
	padding:			2px 0;
	float:				left;
}

.clmnOptionListArea
{
	min-height: 		inherit;
}

.clmnOptionListArea ul.columnList
{
	list-style: 		none;
	padding: 			2px 9px 6px;
	overflow:  			hidden;
}

ul.columnList li
{
	display: 			inline-block;
	float: 				left;
	width: 				33%;
	padding: 			1px 0 2px;
}

ul.treepicker-list-full, ul.treepicker-list-selected
{
	overflow:			auto;
}

ul.currentContactList
{
	height:				auto;
	min-height:			48px;
	max-height:			192px;
	width:				69%;
	margin-left:		5px;
}

ul.currentContactList li
{
	padding: 			0 2px;
}

.tierOps .fullListHeader, .tierOps .selectedListHeader, .optionListArea .fullListHeader, .optionListArea .selectedListHeader
{
	margin:				0 1% 0 0;
}

.tierOps .fullListHeader .autoText , .tierOps .selectedListHeader .autoText , .optionListArea .fullListHeader .autoText , .optionListArea .selectedListHeader .autoText 
{
	margin-bottom: 		6px;
}

.treepicker-area
{
	padding-left: 		5px;
}

.treepicker-area .fullListHeader, .treepicker-area .selectedListHeader, .treepicker-list-full, .treepicker-list-selected
{
	margin:				0;	
}

.treepicker-area .fullListHeader, .treepicker-area .selectedListHeader, .treepicker-list-full, .treepicker-list-selected
{
	width:				48%;
	margin-bottom:		0.3em;
}

#formPayStations .treepicker-area .fullListHeader, #formPayStations .treepicker-area .selectedListHeader
{
	margin-bottom:		0;
}

#formPayStations .treepicker-area .fullListHeader #reportPayStationsSelAllBtn, #formPayStations .treepicker-area .selectedListHeader label
{
	margin-top:			12px;
}

.treepicker-area .selectedListHeader
{
	float:				right;
}

.treepicker-area .selectedListHeader label
{
	padding-left:		0 !important;
}

.tierOps .selectedListHeader, .optionListArea .selectedListHeader
{
	margin:				0;
	float:				right;
}

.tierOps .fullListHeader .switch, .optionListArea .fullListHeader .switch,
.treepicker-area .fullListHeader .switch
{
	display:			inline;
}

.tierOps ul.fullList, .optionListArea ul.fullList,
.treepicker-area .treepicker-list-full
{
	clear:				left;
}

.tierOps ul.selectedList, .optionListArea ul.selectedList,
.treepicker-area .treepicker-list-selected
{
	float:				right;
	margin-right:		0 !important;
}

.tierOps ul.error, .optionListArea ul.error, #chartDesign.error,
.treepicker-area ul.error
{
	background: 			rgba(247,243,201,0.25);
	color: 				#694f00;
	border-top:			1px solid #e7b900;
	border-left:			1px solid #ffcc00;
	border-right:			1px solid #ffcc00;
	border-bottom:			1px solid #ffe787;

	-moz-border-radius:		6px;	
	-webkit-border-radius:	6px; 
	border-radius: 		6px;

	-moz-box-shadow:		inset 0 0 3px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow:		inset 0 0 3px 1px rgba(0,0,0,0.15);
	box-shadow:			inset 0 0 3px 1px rgba(0,0,0,0.15);
}

.tierOps ul.error li, .optionListArea ul.error li,
.treepicker-area ul.error
{
	color: 				#694f00 !important;
	background:			none !important;
}

.tierOps ul.error li:hover, .optionListArea ul.error li:hover,
.treepicker-area ul.error li:hover
{
	color: 				#694f00 !important;
	background:			rgba(247,243,201,0.5) !important;
}

.tierOps .linkButton, .optionListArea .linkButton
{
	float:				right;
	margin-right:			14px;
}

.tierOps ul li, .optionListArea ul li
{
	height:				18px;
	padding:				2px 2px 3px 4px;
	border-bottom:evel			1px solid #DADCDE;
}

.tierOps ul.fullList li.level3, .optionListArea ul.fullList li.level3
{
	padding-left:			18px;
}

ul.fullList li, ul.selectedList li
{
	cursor:				pointer;
}

ul.fullList li.selected
{
	cursor:				default;
}

ul.selectList
{
	list-style:			none;
	width:				70%;
	padding:				0;
	margin:				0;
	margin-left:			auto;
	margin-right:			auto;
	overflow:				hidden;
}

ul.selectList li
{
	padding:				4px 10px 10px;
	margin:				5px;
	border:				1px solid #DADCDE;

	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	border-radius: 		6px;
}

ul.selectList li.title
{
	border:				0;
	padding:				0 4px;
}

ul.selectList li.title h3
{
	margin:				0;
	padding:				0;
}

ul.selectList li.parent
{
	font-weight:			600;
}

ul.selectList li.parent ul
{
	list-style:			circle;
	padding:				0 0 0 15px;
	overflow:				hidden;
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius: 		10px;
}

ul.selectList li.parent ul li
{
	font-weight:			normal;
	border:				0;
	padding:				4px 2px;
	margin:				0;
}

ul.fullList .active, ul.selectedList .selected, 
.treepicker-node
{
	display: 				block;
	padding:				2px 2px 3px 4px;
}

ul.selectedList .active
{
	display: 				none;
}

/*ul.fullList li.selected, ul.fullList li.selected:hover, ul.fullList li.selected:active 
{
	cursor:				default;	
	opacity:				0.6;
	filter:				alpha(opacity=60);
}
*/
.inactive, .widgetSettings .inactive *, .widgetSettings .disabled *, a.inactive, span.ui-button-text.inactive, .inactive:hover, .widgetSettings .inactive *:hover, .widgetSettings .disabled *:hover, a.inactive:hover, span.ui-button-text.inactive:hover
{
	cursor:				default !important;	
	opacity:				0.5;
	filter:				alpha(opacity=50);	
}

ul.fullList li.selected:hover a.checkBox, ul.fullList li.selected:active a.checkBox,
ul.fullList li.selected:hover a.radio, ul.fullList li.selected:active a.radio
.treepicker-list-full .treepicker-node.treepicker-selected:hover
{
	cursor:				default;	
}

.treepicker-list-full .treepicker-unselected:hover, .treepicker-list-full .treepicker-selected-partial:hover,
.treepicker-list-selected .treepicker-selected:hover, .treepicker-list-selected .treepicker-selected-partial:hover
{
	cursor:				pointer;
}

ul.fullList li.selected, ul.fullList li.selected:hover, ul.fullList li.selected:active,
.treepicker-list-full .treepicker-selected, .treepicker-list-full .treepicker-selected:hover
{
	display:				none;
}

.inactive:hover, .inactive *:hover, .disabled:hover, .disabled *:hover, .inactive a:hover, .disabled a:hover
{
	cursor:				default !important;
}

#map
{
	position:				relative;
	z-index:				0;
}

section.map
{
	border:				1px solid #e8e9ea;
	-moz-border-radius: 	10px; 
	-webkit-border-radius: 	10px; 
	border-radius: 		10px;
}

.mapOverlay
{
	background-color:		rgba(255,255,255,0.7);
	font-size:			0.75em;
	position: 			absolute; 
	padding: 				4px 9px;
	z-index:				500;
}

#heatMapOverlay, #showUserCheck, #showPayStationCheck
{
	top: 				0; 
	right: 				0;
	padding-bottom:		6px !important;

	-moz-border-radius-bottomleft:			6px;
	-webkit-border-bottom-left-radius:			6px;
	border-bottom-left-radius: 				6px;	
}

.mapPopUp
{
	min-width: 			345px;
	font-size:			1.083em;
	overflow: 			auto;
	margin:				0;
}

.mapPopUp h1
{
	font-size:			1.25em;
}

.mapPopUp .thumbNailButton
{
	float: 				left; 
	clear: 				left; 
	width: 				68px; 
	text-align: 			center; 
	overflow: 			hidden;
	font-size:			1.125em;
}

.mapPopUp .psDetails
{
	float: 				left;
	font-size: 			0.917em; 
	min-width:			267px; 
	margin-left: 			8px;
	overflow:				visible;
}

.details
{
	font-size: 			0.857em;
}

dl.details
{
	overflow:				hidden;
	clear:				both;
}

h3.detailList
{
	margin: 				12px 0 0 0;
	padding:				0;
}

.selected * .detailLabel
{
	color: 				#c6dde8;	
}

.detailLabel
{
	color: 				#697178;	
}


dt.detailLabel
{
	float: 				left; 
	clear: 				left; 
	width: 				50%;
}

.column-8-2 dt.detailLabel
{
	width:				80%;
}

dd.detailValue
{
	color: 				#3F474C; 
	font-weight: 			normal;
	float: 				left; 
	width: 				50%;
}

dd.detailValue.dollarDisplay 
{
    text-align: 			right;
    padding-right: 			36px;
    box-sizing:			border-box;
    -moz-box-sizing:		border-box;
}

.column-8-2 dd.detailValue
{
	width:				20%;
}

.column-3-7 dt.detailLabel
{
	width:				28%
}

.column-25-75 dt.detailLabel
{
	width:				25%;
}

.column-25-75 dd.detailValue
{
	width:				75%
}


dd.detailValue .info
{
	color:				#697178;
}

label.detailLabel
{
	display:				block;
	padding-left:			4px;
}

section.shadowBox
{
	overflow: 			hidden;	
	-moz-border-radius: 	10px; 
	-moz-box-shadow: 		0 0 8px 0 rgba(0,0,0,0.2);
	-webkit-border-radius: 	10px; 
	-webkit-box-shadow: 	0 0 8px 0 rgba(0,0,0,0.2); 
	border-radius: 		10px;
	box-shadow: 			0 0 8px 0 rgba(0,0,0,0.2);
}

.smllLoader, .psWidget .dashBoardLoader, .widget .smllLoader
{
	display: 			block;
}

.dashBoardLoader, .psWidget .smllLoader, .widget .smllLoader, #reportFormBox .smllLoader
{
	display: 			none;
}

.notation
{
	background-color:		#F4F5F6;
	background-position:	top !important;	
	background-image: 		-webkit-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-moz-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-o-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-ms-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		linear-gradient(top, #F4F5F6, #EEF5F8);

	font-size:			0.75em;
	text-align:			center;
	width:				85%;
	margin:				15px auto;
	padding:				7px 9px;
	border:				1px solid;
	border-color:			#BFC3C5 #CFD2D4 #DADCDE #CFD2D4;
	
	-moz-border-radius: 	6px; 
	-webkit-border-radius: 	6px; 
	border-radius: 		6px;
	
	-moz-box-shadow:		inset 0 1px 8px 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:		inset 0 1px 8px 0 rgba(0,0,0,0.1);
	box-shadow:			inset 0 1px 8px 0 rgba(0,0,0,0.1);
}

.indent
{
	padding-left: 			15%;
}

.iconImg
{
	vertical-align: 		middle;
	position:				relative;
	top:					-2px;
}

.info
{
	color:					#697178;
	font-size:				0.929em; /*13px*/
	padding:					3px 0;
}

.infoHelp
{
	font-size:				0.929em; /*13px*/
	padding:					3px 0;
}

.archive, .disabledUser, .canceledReport, .failedReport
{
	color:					#7E858B;
}

.warning, .crucialInfo
{
	color: 					#CC605E;
}

.disabled
{
	color:					#7E858B;
}

.disabled.unDisabledView
{
	opacity:					1 !important;
	filter:					alpha(opacity=100) !important;
	color:					#555f66 !important;
}

.disabled *
{
	color:					#C8CBCE !important;
}

.filterHeader.activityLog .disabled label, .disabled, .widgetSettings select option:disabled, .disabled input.placeholder
{
	color:					#C8CBCE !important;
}

.disabled a
{
	border-color:				#C8CBCE !important;
}

.fixedWidthFont, dl.fixedWidthFont *
{
	font-family:				monospace !important;
	font-size:					12px;
}

dl.fixedWidthFont *
{
	font-size:				1em !important;
}

dl.fixedWidthFont h2
{
    color:                  #555F66;
    margin-top:             1em;
    clear:                  both !important;
    display:                block !important;
    float:                  left !important;
}

.message
{
	padding:					1em;
}

.instruction
{
	border:					1px solid #DADCDE;
	background: 				#FCF8E3;
	border: 					1px solid #FBEED5;
	border-radius: 			10px;
	color: 					#C09853;
	padding: 					1em;
}

.instruction header
{
	background:				transparent !important;
	border-bottom:				1px solid #FBEED5 !important;
	color: 					#4C392A;
	height:					auto;
	padding:					0;
	margin-bottom:				0.5em;
}

.fontMedium
{
	font-size:				1.143em; /* 16px*/
	font-weight:				600;
}

.fontLarge
{
	font-size:				1.286em; /* 18px*/
	font-weight:				600;
}

.light
{
	color:					#FDB437;
}

.highlight
{
	color:					#CF0600;
}

.blueHighlight
{
	color:					#046595;
}

.orngHighlight
{
	color: 					#DA7923 !important;
}

.selected .highlight, .selected .blueHighlight
{
	color:					#FFF;
}

.required
{
	color:					#F88B2B;
	font-size:				1.5em;
	font-weight:			600;
	line-height:			0;
	margin-right:			0.2em;
	position:				relative;
	top:					-3px;
}

.required:after
{
	content:				'.';
}

.new
{
	color:					#F88B2B;
	font-size:				0.786em; /*11px*/
	padding-left:			0.3em;
}

.clickable, .clickable li, .clickable li *, .sort
{
	cursor: 				pointer !important;
}

.notclickable, table.tabular .notclickable th, table.tabular th.notclickable, tr.notclickable, .clickable li.notclickable, .loaditem
{
	cursor: 				auto !important;
	/*padding-left:			3px;*/
}

.notclickable:hover, .loaditem:hover
{
	background:			inherit !important;	
}

hr.divider, hr.space, hr.reportStepDivider
{
	height: 				1px;
	margin:				12px 0;
	clear: 				both;
	display: 				block;
}

hr.divider.lessMargin
{
	margin:				6px 0 12px;
}

hr.divider.noMargin
{
	margin:				0;
}

hr.listDivider
{
	height: 				2px;
	margin:				0;
	background:			#DADCDE;
	clear: 				both;
	display: 				block;
}

hr.space
{
	background:			transparent;
}

hr.clear
{
	background:			transparent;
	height:				0;
	clear: 				both;
	display: 				block;	
}

hr.reportStepDivider
{
	margin:				0;
}

.break-word
{
	word-wrap:				break-word;
}

.relativeObj
{
	position:				relative;
	overflow:				hidden;
}

/* Pagination ---------------------------------------- */
.pagination
{
	padding:				0.5em 0 1px; /*katie*/
	text-align:				center;
}

.listBox .pagination
{
	padding:				0.5em 0.3em 1px; /*katie*/
}

.pagination.top
{
	border-bottom:			1px dashed #DADCDE;
	padding-bottom:			0.3em;
}

.prev
{
	float: 					left;
	margin-right:			1em;
}

.pages
{
	display:				inline-block;
	margin:					0 auto;
}

.next
{
	float: 					right;
	margin-left:			1em;
}

.pagination a
{
	border:					0;
	color:					#005782;
	display:				inline-block;
	padding:				0 6px;
}

.pagination .pages a:hover
{
	border-bottom:			1px solid #F88B2B;
}

.pagination a.current
{
	border-bottom:			1px solid #fff;
	color:					#F88B2B;
	font-weight:			600;
}

.pagination .btnFirst, .pagination .btnPrevious
{
	padding-left:			15px;
}

.pagination .btnNext, .pagination .btnLast
{
	padding-right:			15px;
}

.btnFirst
{
	background:			url("../images/icn-paginationFirst.png") no-repeat left 6px;
}

.btnPrevious
{
	background:			url("../images/icn-paginationPrevious.png") no-repeat left 6px;
}

.btnNext
{
	background:			url("../images/icn-paginationNext.png") no-repeat right 6px;
	padding-right:			8px;
}

.btnLast
{
	background:			url("../images/icn-paginationLast.png") no-repeat right 6px;
	padding-right:			8px;
}

.btnFirst.disabled, .btnPrevious.disabled, .btnNext.disabled, .btnLast.disabled
{
	color:					#7E858B;
	cursor:					auto;
}

.btnFirst.disabled, .btnPrevious.disabled
{
	background-position:	left -11px 
}

.btnNext.disabled, .btnLast.disabled
{
	background-position:	right -11px 
}

/*pageCtrl*/
.pageCtrl
{
	font-size:			0.929em;/*13px*/
	margin:				0 0.4em 0 0;
}

.pageCtrl .results
{
	float:					left;
	margin-top:				0.5em;
}
.pageCtrl .displaying
{
	float:					right;
}

/* horizontal ---------------------------------------- */

.col1
{
	clear:				left;
}

.horizontal ul
{
	list-style: 			none;
	padding: 				3px 0;
}

.horizontal li
{
	float: 				left;
}

/* column */
.column-5-5 dl.col1, .column-5-5 section.col1, .column-4-6 .col1, .column-5-5 dl.colspan, .column-5-5 section.colspan
{
	margin-right: 			1%;
	overflow: 				hidden;
}

.column-5-5 dl.col1, .column-5-5 section.col1, .column-5-5 dl.col2, .column-5-5 section.col2
{
	width: 					49.5%;
	float: 					left;
	overflow: 				hidden;
}

.column-5-5 dl.colspan, .column-5-5 section.colspan
{
	width:					99%;
	float:					left;
	overflow: 				hidden;
}

.column-5-5 div.col1, .column-5-5 div.col2
{
	width:					50%;
	float:					left;
	overflow: 				hidden;
}

.column-4-6 .col1, .column-4-6 .col2
{
	padding-left:			1%;
	overflow: 				hidden;
}

.column-4-6 .col1
{
	width: 				39%;
	float: 				left;
	padding-left: 		0;
	overflow: 				hidden;
}

.column-4-6 .col2
{
	width: 				59%;
	float: 				left;
	overflow: 				hidden;
}

.column-2-8 .col1
{
	width:				18%;
	float:				left;
	overflow: 				hidden;
}

.column-2-8 .col2
{
	width:				78%;
	float:				left;
	overflow: 				hidden;
}

.column-15-85 .col1
{
	width:				13%;
	float:				left;
	overflow: 				hidden;
}

.column-15-85 .col2
{
	width:				82%;
	float:				left;
	overflow: 				hidden;
}

.column-45-45-1 .col1, .column-45-45-1 .col2
{
	width: 				45%;
	overflow: 				hidden;
}

ul.borderList
{
	list-style: 			none;
	padding: 				0 0 -1px 0;
	margin:				6px 0 0;
	border:				1px solid #DADCDE;
	border-bottom:			0;
	border-collapse:		collapse;
	clear:				both;
	overflow:				hidden;
}

ul.borderList.column-5-5 li.col1, ul.borderList.column-5-5 li.col2, ul.borderList.column-5-5 li.onlyCol,
ul.borderList.column-3-3-3 li.col1, ul.borderList.column-3-3-3 li.col2, ul.borderList.column-3-3-3 li.col3, ul.borderList.column-3-3-3 li.onlyCol,
ul.borderList.column-25-25-25-25 li.col1, ul.borderList.column-25-25-25-25 li.col2, ul.borderList.column-25-25-25-25 li.col3, ul.borderList.column-25-25-25-25 li.col4, ul.borderList.column-25-25-25-25 li.onlyCol
{
	width: 				49%;
	padding:				0.3em 0 0.33em 1%;
	margin:				0;
	border-style:			solid;
	border-color:			#CFD2D4;
	border-width:			0 1px 1px 0;
	border-collapse:		collapse;
	float: 				left;
	overflow: 				hidden;
}

ul.borderList.column-3-3-3 li.col1, ul.borderList.column-3-3-3 li.col2, ul.borderList.column-3-3-3 li.col3, ul.borderList.column-3-3-3 li.onlyCol
{
	width:				32%;
}

ul.borderList.column-3-3-3 li.col2
{
	width:				33%;
	margin-left:			-1px;
}

ul.borderList.column-25-25-25-25 li.col1, ul.borderList.column-25-25-25-25 li.col2, ul.borderList.column-25-25-25-25 li.col3, ul.borderList.column-25-25-25-25 li.col4, ul.borderList.column-25-25-25-25 li.onlyCol
{
	width:				24%;
}

ul.borderList.column-25-25-25-25 li.col2, ul.borderList.column-25-25-25-25 li.col3, ul.borderList.column-25-25-25-25 li.col4
{
	margin-left:			-1px;
}

ul.borderList.column-5-5 li.col2, ul.borderList.column-5-5 li.onlyCol,
ul.borderList.column-3-3-3 li.col3, ul.borderList.column-3-3-3 li.onlyCol,
ul.borderList.column-25-25-25-25 li.col4, ul.borderList.column-25-25-25-25 li.onlyCol
{
	border-width:			0 0 1px 0;
	margin-left:			-1px;
}


ul.borderList.column-5-5 li.onlyCol, ul.borderList.column-3-3-3 li.onlyCol, .column-6-3-12 li.onlyCol, ul.borderList.column-25-25-25-25 li.onlyCol
{
	width:				99%;
}

.column-3-3-3 .col1, .column-3-3-3 .col2, .column-3-3-3 .col3
{
	width: 				32%;
	padding:				0 1% 0 0;
	margin:				0;
	float: 				left;
	overflow: 				hidden;
}

.column-7-3 .col1, .column-7-3 .col2 
{
	width: 				70%;
	padding:				0;
	margin:				0;
	float: 				left;
	overflow: 				hidden;
}

.column-7-3 .col2
{
	width:				30%;
	overflow: 				hidden;
}

ul.borderList.column-3-3-3 li.col2
{
	width:				33%;
	overflow: 				hidden;
}

ul.column-3-7 .col1
{
	width: 					30%;
	float:					left;
	overflow: 				hidden;
}

ul.column-3-7 .col2
{
	width: 					70%;
	float:					right;
	overflow: 				hidden;
}

ul.column-6-2-2 .col1
{
	width:					60%;
	float:					left;
	overflow: 				hidden;
}

ul.column-6-2-2 .col2
{
	width: 					20%;
	float:					left;
	overflow: 				hidden;
}

ul.column-6-2-2 .col3
{
	width: 					20%;
	float:					right;
	overflow: 				hidden;
}

ul.column-7-2-1 .col1
{
	width:					67%;
	padding-left:			1%;
	float:					left;
	overflow: 				hidden;
}

ul.column-7-2-1 .col2
{
	width:					18%;
	padding-left:			1%;
	float:					left;
	overflow: 				hidden;
}

ul.column-7-2-1 .col3
{
	width:					8%;
	padding-left:			1%;
	float:					right;
	overflow: 				hidden;
}

ul.column-5-4-1 li .col1, .column-5-4-1 .col1
{
	width: 					50%;
	float:					left;
	overflow: 				hidden;
}

ul.column-5-4-1 li .col2, .column-5-4-1 .col2
{
	float: 					left;
	width: 					40%;
	overflow: 				hidden;
}

ul.column-5-4-1 li .col3, .column-5-4-1 .col3, .column-6-3-12 .col3
{
	float: 					left;
	width: 					10%;
	overflow: 				hidden;
}

ul div p, dd p
{
	margin:					0 2px 0 6px !important;
}

.column-6-3-1 .col1
{
	width: 					55%;
	padding:					0;
	float:					left;
	overflow: 				hidden;
}

.column-6-3-1 .col2
{
	width: 					35%;
	padding:					0;
	float:					left;
	overflow: 				hidden;
}

/* TABLE ---------------------------------------- */
table.tabular
{
	border-collapse: 		separate;
	border-spacing: 		0;
	max-width:				100%;
	vertical-align: 		bottom;
	width: 					100%;
}

table.tabular th
{
	background:			url("../images/titleBrdr.png") repeat-x center bottom;
	font-weight: 			600;
	padding:				2px 10px 8px 2px;
	text-align: 			left;
	vertical-align: 		bottom;
}

table.tabular th.current
{
	color:				#064d7d;
	background:			url("../images/titleHighlightBrdr.png") repeat-x center bottom;
}

table.tabular th:hover
{
	color:				#1f577d;
	background:			#F4F5F6 url("../images/titleHoverBrdr.png") repeat-x center bottom;
}

table.tabular th.current:hover
{
	background:				#F4F5F6 url("../images/titleHighlightBrdr.png") repeat-x center bottom;
}

table.tabular td
{
	border-bottom: 		1px solid #DADCDE;
	padding:				0.3em 10px 0.33em 1%;
	vertical-align: 		middle;
}

table.tabular td:first-child
{
	border-left: 			1px solid #DADCDE;
}

table.tabular td:last-child
{
	border-right: 			1px solid #DADCDE;
}

table.tabular .tdMenu
{
	padding-right: 			1%;
}

/* sort icon */
table.tabular th .sortIcn, ul li.listHeader .sortIcn, ul.scrollingListHeader li .sortIcn
{
	visibility:				hidden;
}

table.tabular th.current .sortIcn, table.tabular th:hover .sortIcn,
ul li.listHeader .current .sortIcn, ul li.listHeader div:hover .sortIcn, 
ul.scrollingListHeader li .current .sortIcn, ul.scrollingListHeader li div:hover .sortIcn
{
	visibility:				visible;
}

.tabular.clickable a
{
	border: 					none;
	color: 					#555F66;
}

tr.notclickable th:hover, table.tabular th.notclickable:hover
{
	background:				transparent url("../images/titleBrdr.png") repeat-x center bottom;
	cursor:					default;
}

/* column */
.severity 
{
	width:					65px;
}

/* paystions, locations list */


.table-childlocations, .table-routePayStations, .table-locationPaystations, .table-userRoles
{
	width:					100%;
	border-collapse:		collapse;
}

.table-childlocations td, .table-routePayStations td, .table-locationPaystations td, .table-userRoles td
{
	border:					1px solid #DADCDE;	
	line-height:			1;
	padding:				0.4em 1em;
	width:					50%;
}

.table-routePayStations td, .table-userRoles td
{
	width:					33%;
}

/* menuList ---------------------------------------- */

.groupBox.menuBox .linkButtonIcn, .groupBox header .linkButtonIcn
{
	float:				right;
	clear:				right;
	margin:				0 6px;
}

.menuBox ul.menuList, .accountsItemList ul.menuList
{
	margin:					-8px 0 16px;
	overflow:				auto !important;
	clear:					left;
	border-bottom:			1px solid #DADCDE;
}

.menuBox ul.menuList.pageItems, .accountsItemList ul.menuList.pageItems
{
	top: 				-1px;
}

.menuBox ul.menuList li:first-child, .accountsItemList  ul.menuList li:first-child
{
	border-top:			none !important;	
}

.menuBox ul.menuList li, .accountsItemList ul.menuList li, #cardTypes ul.menuList li
{
	list-style: 			none inside;
	cursor:					default;
	padding:				4px 0 6px;
	border: 				none;
	border-top:				1px solid #DADCDE;
	border-collapse:		collapse;
	font-size:				0.857em;
}

#cardTypes ul.menuList li
{
	border-width: 			1px 0 0;
}

ul.menuList li div.col3
{
	position:				relative;
}

/* itemList / Scrolling List---------------------------------------- */

ul.scrollingList, ul.scrollingListHeader
{
	margin:					-2px 0 9px !important;
	overflow:				auto;
	border-bottom:			1px solid #DADCDE;
}

ul.scrollingList li div, ul.scrollingListHeader li div
{
	white-space:			nowrap;
	float:				left;
}

ul.scrollingList li
{
	font-size: 				0.929em;
}

ul.scrollingListHeader
{
	overflow:				hidden;
	margin:					0 !important;
	border-bottom:			0 !important;
}

li.listHeader, ul.scrollingListHeader li
{
	border: 				none !important;
	background:				url("../images/titleBrdr.png") repeat-x !important;
	background-position:	center bottom !important;
	vertical-align:			bottom;
	font-size:				1em !important;
	font-weight: 			600;
	position:				relative;
	height:					31px;
	width:					100%;
	top:					0;
	overflow:				auto;
	padding:				0 !important;
	margin:					0 !important;
	z-index:				10;
}

li.listHeader div:first-child p, ul.scrollingListHeader li div:first-child p
{
	margin-left:			3px !important;
}

li.listHeader div p, ul.scrollingListHeader li div p, .groupBoxBody li.listHeader div p, .groupBoxBody ul.scrollingListHeader li div p
{
	margin:				0 6px 0 1px !important;
}

ul.scrollingListHeader li
{
	list-style:			none;
	overflow:				hidden;
}

ul.scrollingListHeader.notclickable li
{
	/*color:				#005782;*/
}

ul.scrollingListHeader.notclickable li:hover, ul.scrollingList.notclickable li:hover
{ 
	cursor:				auto !important;
/*	background:			inherit !important;
	color:				#005782;
*/}

li.listHeader div, ul.scrollingListHeader li div, ul.itemList li.listHeader
{
	border-bottom:			4px solid #DADCDE;
	height:					17px;
	padding:				4px 0 6px !important;
	vertical-align:			bottom;
}

li.listHeader div:hover, ul.scrollingListHeader li div:hover, ul.itemList li.listHeader:hover
{
	border-color:			#BFC3C5;	
}

li.listHeader div.current, li.listHeader div.current:hover, ul.scrollingListHeader li div.current, ul.scrollingListHeader li div.current:hover, ul.itemList li.listHeader.current, ul.itemList li.listHeader.current:hover
{
	color: 					#005782 !important;
	border-color:			#046595 !important;	
}

li.listHeader div.notclickable:hover, ul.scrollingListHeader li div.notclickable:hover, ul.itemList li.listHeader.notclickable:hover
{
	background:				#FFF !important;
	border-color:			#DADCDE;
	color:					inherit;
	cursor:					default;
}

ul.itemList li, ul.scrollingList li
{
	border: 				1px solid #DADCDE;
	border-bottom:			0;
	overflow:				hidden;
	list-style: 			none;
	padding: 				0.31em 0;
}

ul.itemList.textList li, ul.textList
{
	padding: 				0.5em 0;
}

ul.itemList li.listHeader span
{
	display:				inline-block;
	vertical-align:		bottom;
}

ul.itemList ul.listHeader .linkButtonIcn
{
	margin-bottom:			5px;
}

.listBox ul.itemList li.listHeader
{
	background:			transparent;
	border-bottom:			1px solid #DADCDE;
}

.listBox ul.itemList li.listHeader.current 
{
	background:			none;
}

ul.itemList li section
{
	float: 				left;
}

ul.itemList li:hover, ul.scrollingList li:hover, ul.menuList li:hover, ul.fullList li:hover, ul.selectedList li.selected, ul.selectedList li.selected:hover, #widgetList ul.widgetSelection li:hover, .widgetSettings ul.chartDesign li section:hover, ul.currentContactList li.selected, li.listHeader div:hover, ul.scrollingListHeader li div:hover,
table.tabular tbody tr:hover, .filterHeader  ul.filterForm li .filterMenu ul li:hover, div#ui-datepicker-div a.ui-state-default.ui-state-hover,
.treepicker-list-full .treepicker-unselected:hover, .treepicker-list-selected .treepicker-node, .mapItemList li:hover, .settingList li:hover
{
	color:					#005782;
	background-color: 		#f9fcfd !important;
}

ul.fullList li:hover, ul.selectedList li.selected:hover
{
	background-color: 		#eef5f8 !important;
}

ul.selectedList li.selected
{
	background-color: 		#FFF !important;	
}

ul.itemList.clickable li:active, ul.scrollingList li:active, ul.menuList.clickable li:active, ul.fullList li:active, ul.fullList li.select, #widgetList ul.widgetSelection li.ui-selecting, .widgetSettings ul.chartDesign li section:active, table.tabular tbody tr:active, .filterHeader  ul.filterForm li .filterMenu ul li:active, div#ui-datepicker-div a.ui-state-default.ui-state-hover:active, ul.currentContactList li:hover, ul.scrollingList li.pin2map, ul.scrollingList li.pin2map:hover,
.treepicker-list-full .treepicker-unselected:hover, .treepicker-list-full .treepicker-selected-partial:hover, .treepicker-list-selected .treepicker-selected:hover, .mapItemList li:active, .settingList li:active, .menuButtonList li.highlight
{
	color:					#003E5E;
	background-color:		#eef5f8;
}

ul.itemList.clickable li.selected, ul.itemList.clickable li.selected:hover, ul.menuList.clickable li.selected, ul.menuList.clickable li.selected:hover, #widgetList ul.widgetSelection li.ui-selected, #widgetList ul.widgetSelection li.ui-selected:hover, .widgetSettings ul.chartDesign li section.selected, table.tabular tbody tr.selected, table.tabular tbody tr.selected:hover, .filterHeader  ul.filterForm li .filterMenu ul li.selected, .filterHeader  ul.filterForm li .filterMenu ul li.selected:hover, div#ui-datepicker-div a.ui-state-default.ui-state-active, div#ui-datepicker-div a.ui-state-default.ui-state-active.ui-state-hover, div#ui-datepicker-div a.ui-state-default.ui-state-highlight.ui-state-active, ul.scrollingList li.pined2map, ul.scrollingList li.pined2map:hover, .mapItemList li.selected, .settingList li.selected, .menuButtonList li.selected, .menuButtonList li.selected:hover, ul#transReceiptListContainer  li.flexResult.selected, ul#transReceiptListContainer li.flexResult.selected:hover, ul#transReceiptListContainer  li.flexResult.selected, ul#transReceiptListContainer li.flexResult.selected:hover
{
	color:					#FFF !important;
	background-color:		#046595 !important;
}

ul.itemList.clickable li.selected:hover, ul.scrollingList li.selected:hover, ul.menuList.clickable li.selected:hover, #widgetList ul.widgetSelection li.ui-selected:hover, #configList li.actv-unscheduled.selected:hover
{
	background-color: 		#005782 !important;
}

ul.itemList.clickable li.inactive, ul.itemList.clickable li.inactive:hover, ul.menuList.clickable li.inactive, ul.menuList.clickable li.inactive:hover
{
	background-color:		#DADCDE;
}

ul.fullList li.inactive:hover
{
	color:				#697178 !important;
	background:			none !important;
}

.groupBoxBody.listBox ul.itemList
{
	border: 				none;
}

.groupBoxBody.listBox ul.itemList li
{
	border-color: 			#DADCDE;
	border-left: 			none;
	border-right: 			none;
}

/* ul.itemList column */
ul.itemList .col
{	
	float: 					left;
	padding-left: 				12px;
	padding-right: 			2%;
	overflow:					hidden;
}

ul.itemList .col1
{	
	float: 					left;
	padding-left: 				12px;
	padding-right: 			2%;
	overflow:					hidden;
}

ul.itemList.column-7-3 .col1
{
	width: 					65%;
	padding:					0 1% 0 2%;
	overflow:					hidden;
}

ul.itemList.column-7-3 .col2
{
	float: 					right;
	padding:					0 2% 0 1%;
	width: 					25%;
	overflow:					hidden;
}

ul.column-7-3 .col1, ul.column-7-3 .col2
{
	float:					left;
	width: 					70%;
	padding:					0;
	overflow:					hidden;
}

ul.column-7-3 .col2
{
	width: 					30%;
	overflow:					hidden;
}

ul.column-8-2 .col1
{
	float:					left;
	width: 					80%;
	padding:					0;
	overflow:					hidden;
}

ul.column-8-2 .col2
{
	float: 					left;
	width: 					20%;
	padding:					0;
	overflow:					hidden;
}

ul.column-2-4-2-1 .col1, ul.column-2-4-2-1 .col3
{
	width:					25%;
	overflow:					hidden;
}

ul.column-20-50-20 .col1, ul.column-20-50-20 .col3
{
	width:					20%;	
	overflow:					hidden;
}

ul.column-20-50-20 .col2
{
	width:					50%;	
	overflow:					hidden;
}

ul.column-4-2-2-1 .col2, ul.column-4-2-2-1 .col3
{
	width:					28%;	
	overflow:					hidden;
}

ul#crntAlertList.column-4-2-2-1 .col2, ul#crntAlertList.column-4-2-2-1 .col3
{
	width:					27%;
}

ul.column-3-2-2-2 .col1
{
	width: 					30%;
}

ul.column-3-2-2-2 .col2, ul.column-3-2-2-2 .col3
{
	width:					20%;
}

ul.column-3-2-2-2 .col4
{
	width: 					24%;
}

ul.column-4-2-2-1 .col1
{
	width:					34%;
	overflow:					hidden;
}

ul#crntAlertList.column-4-2-2-1 .col1
{
	width:					33%;
}

ul.column-3-2-2-2-1 .col2, ul.column-3-2-2-2-1 .col3, ul.column-3-2-2-2-1 .col4
{
	width:					20%;
	overflow:					hidden;
}

ul.column-4-2-2-1 .col4
{
	width:					10%;
	overflow:					hidden;
}

ul.column-2-4-2-1 div, ul.column-3-2-2-2-1 div, ul.column-2-2-3-2-1 div, ul.apiWriteColumn div
{
	float:					left;
}

ul.column-2-4-2-1 .col2

{
	width:					40%;
	overflow:					hidden;
}

ul.column-3-2-2-2-1 .col1
{
	width:					30%;
	overflow:					hidden;
}

ul.column-2-4-2-1 .col4, ul.column-3-2-2-2-1 .col5
{
	width:					10%;
	text-align:				right;	
	overflow:					hidden;
}

ul.column-2-2-3-2-1 .col1, ul.column-2-2-3-2-1 .col4, ul.column-2-3-2-2-1 .col1, ul.column-2-3-2-2-1 .col4
{
	width:					15%;	
	overflow:					hidden;
}

ul.column-2-2-3-2-1 .col2, ul.column-2-3-2-2-1 .col3
{
	width:					18%;	
	overflow:					hidden;
}

ul.column-2-2-3-2-1 .col3, ul.column-2-3-2-2-1 .col2
{
	width:					42%;	
	overflow:					hidden;
}

ul.scrollingListHeader.column-2-4-2-1 .col4, ul.scrollingListHeader.column-3-2-2-2-1 .col5
{
	text-align:				left;
	overflow:					hidden;
}


ul.column-1-7-2 p, ul.column-4-4-2 p, ul.column-8-2 p
{
	margin:					0 0.5em;
}

ul.column-1-7-2 .col1
{
	width:					10%;
	padding:					0;
	overflow:					hidden;
}

ul.column-1-7-2 .col2
{
	width:					70%;
	padding:					0;
	overflow:					hidden;
}

ul.column-1-7-2 .col3, ul.column-4-4-2 .col3
{
	width:					20%;
	padding:					0;
	overflow:					hidden;
}


ul.column-4-4-2 .col1
{
	width:					35%;
	padding:					0;
	overflow:					hidden;
}

ul.column-4-4-2 .col2
{
	width:					45%;
	padding:					0;
	overflow:					hidden;
}

ul.column-1-7-2 .col2-3
{
	width:					90%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-6-2-2 .col1
{
	width: 					55%;
	overflow:					hidden;
}

ul.itemList.column-6-2-2 .col2
{
	float: 					left;
	width: 					17%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-6-2-2 .col3
{
	float: 					right;
	width: 					17%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-6-2-2 .col2-3
{
	float: 					left;
	width: 					36%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-6-3-1 .col1
{
	width: 					58%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-6-3-1 .col2
{
	float: 					left;
	width: 					24%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-6-3-1 .col3
{
	float: 					right;
	width: 					9%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-6-3-1 .col2-3
{
	float: 					left;
	width: 					35%;
	padding:					0 1%;
	overflow:					hidden;
}


ul.itemList.column-5-4-1 .col1
{
	width: 					48%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-5-4-1 .col2
{
	float: 					left;
	width: 					38%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-5-4-1 .col3
{
	float: 					right;
	width: 					8%;
	padding:					0 1%;
	overflow:					hidden;
}

ul.itemList.column-5-4-1 .col2-3
{
	float: 					left;
	width: 					48%;
	padding:					0 1%;
	overflow:					hidden;
}


/* Location Management */
ul.itemList.column-locationMng .col1
{
	width: 					30%;
	overflow:					hidden;
}

ul.itemList.column-locationMng .col2
{
	float: 					left;
	width: 					53%;
	padding-right: 			2%;
	overflow:					hidden;
}

ul.itemList.column-locationMng .col3
{
	float: 					right;
	width: 					8%;
	padding-right: 			2%;
	overflow:					hidden;
}

/* SOAP EndPoints */
ul.itemList.column-soapEndpoints
{
	margin-bottom:			40px;
}

ul.itemList.column-soapEndpoints .col1
{
	width: 					30%;
}

ul.itemList.column-soapEndpoints .col2
{
	float: 					left;
	width: 					53%;
	padding-right: 			2%;
}

ul.itemList.column-soapEndpoints .col3
{
	float: 					right;
	width: 					9%;
	padding-right: 			1%;
}

/* REST API Account */
ul.itemList.column-restapi .col1
{
	width: 					15%;
}

ul.itemList.column-restapi .col2
{
	float: 					left;
	width: 					13%;
	padding-right: 			2%;
}

ul.itemList.column-restapi .col3
{
	float: 					left;
	width: 					41%;
	padding-right: 			2%;
}

ul.itemList.column-restapi .col4
{
	float: 					left;
	width: 					10%;
	padding-right: 			2%;
}

ul.itemList.column-restapi .col5
{
	float: 					right;
	width: 					3%;
	padding-right: 			1%;
}

/* Card Types */
ul.itemList.column-cardtypes .col1
{
	width: 					18%;
}

ul.itemList.column-cardtypes .col2
{
	float: 					left;
	width: 					42%;
	padding-left: 			1%;
	padding-right: 			2%;
}

ul.itemList.column-cardtypes .col3
{
	float: 					left;
	width: 					18%;
	padding-left: 			1%;
	padding-right: 			2%;
}

ul.itemList.column-cardtypes .listHeader .col3
{
	width: 					29%;
}

ul.itemList.column-cardtypes .col4
{
	float: 					left;
	width: 					10%;
	padding-right: 			1%;
}

/* column-PayStaionList */
ul.itemList.column-PayStaionList .col1
{
	width: 					8%;
}

ul.itemList.column-PayStaionList .col2
{
	float: 					left;
	width: 					32%;
	padding-left: 			1%;
	padding-right: 			2%;
}

ul.itemList.column-PayStaionList .col3
{
	float: 					left;
	width: 					32%;
	padding-left: 			1%;
	padding-right: 			2%;
}

ul.itemList.column-PayStaionList .col4
{
	float: 					right;
	width: 					12%;
	padding-right: 			2%;
}

ul.itemList.column-PayStaionList .col5
{
	clear:					both;
	color:					#697178;
	padding-left: 			11%;
	margin-left:			12px;
}


/* column-emsKeyList */

ul.itemList.column-emsKeyList .col1
{
	width: 					18%;
}

ul.itemList.column-emsKeyList .col2
{
	float: 					right;
	width: 					72%;
	padding-right: 			2%;
}

/* permissions */
ul.itemList.column-permissions
{
	margin-top:				4px;
}

ul.itemList.column-permissions .col1
{
	width: 					38%;
}

ul.itemList.column-permissions .col2
{
	float: 					right;
	width: 					38%;
	padding-right: 			2%;
}

.permissionGroup
{
	border-bottom:			1px solid #DADCDE;	
}

.permissionGroup ul
{	
	border-bottom:			1px dotted #DADCDE;
}

.permissionGroup ul:last-child
{	
	border-bottom:			none;
}

.permissionGroup li, .permissionGroup li.col1
{
	padding-left:			10%;
}

.permissionGroup .groupTitle
{
	background:				#F9FBFC;
	font-weight:			600;	
}

.permissionGroup .groupTitle li
{
	padding-left:			12px;
}

/* alertMessage */
ul.itemList.column-alertMessage .col1
{
	width: 					10%;
	text-align:				center;
}

ul.itemList.column-alertMessage .col2
{
	float: 					right;
	width: 					80%;
	padding-right: 			2%;
}

/* listStyle  ---------------------------------------- */
ul.listStyle
{
	border:					1px solid #DADCDE;
	border-top-width:			4px;
	list-style:				none;
	/*list-style-image:			url("../images/icn_disc.png");*/
}

ul.listStyle li
{
	padding:				3px 10px 3px 8px;
	border-bottom:			1px solid #DADCDE;
}

ul.listStyle li:last-child
{
	border-bottom:			none;
}

ul.listStyle li:hover
{
	color:				#005782;
	background-color: 		#EEF5F8;
	background-image: 		-webkit-linear-gradient(top, #F4F5F6, #EEF5F8); /* added by Todd */
	background-image: 		-moz-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-o-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-ms-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		linear-gradient(top, #F4F5F6, #EEF5F8);

}

ul.listStyle.selections li
{
	background-color:		transparent;
	float:					none;
	padding:				3px 12px;
}

ul.listStyle.selections label
{
	cursor: 				pointer;
	display:				block;
}

ul.listStyle.selections li:hover
{
	color:				#005782;
	background-color: 		#EEF5F8;
	background-image: 		-webkit-linear-gradient(top, #F4F5F6, #EEF5F8); /* added by Todd */
	background-image: 		-moz-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-o-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-ms-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		linear-gradient(top, #F4F5F6, #EEF5F8);
}

ul.listStyle.selections li.selected
{
	color:					#4C392A;
	background: 			#F9D7BA;
}

/* listSelection ---------------------------------------- */
.listSelection
{
	margin-bottom:			0.5em;
}

.listSelection > ul
{
	padding:					0;
}

.listSelection .col1
{
	float:					left;
	margin-right:			0;
	width:					42%
}

.listSelection .col2
{
	float:					left;
	text-align:				center;
	width:					16%
}

.listSelection .col3
{
	float:					right;
	width:					42%
}

.listSelection h4, .listSelection .listSelection-search
{
	background:				#F4F5F6;
	background:				-linear-gradient(top, #fff, #F4F5F6);
	background:				-moz-linear-gradient(top, #fff, #F4F5F6);
	background:				-webkit-linear-gradient(top, #fff, #F4F5F6);
	background:				-ms-linear-gradient(top, #fff, #F4F5F6);
	border:					1px solid #DADCDE;
	border-radius: 			6px 6px 0 0;
	margin:					0;
	padding:				5px 10px;
	text-align:				center;
}

.listSelection h4
{	
	color:					#697178;
	font-size:				0.929em;
}

.listSelection .listSelection-search
{
	padding:				2px 10px;
}

.listSelection .listSelection-filterBy
{
	padding:				0 10px 0.2em;
	text-align:				center;
}

.listSelection-btn
{
	margin-top:				60px;
	text-align:				center;
}

.listSelection-btn a
{
	display:				block;
	width:					70%;
	padding:				0;
	margin:					10px auto;
}

.listSelection-list
{
	border:					1px solid #DADCDE;
	box-shadow:				1px 1px 5px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:		1px 1px 5px rgba(0, 0, 0, 0.1) inset;
	height:					250px;
	overflow:				auto;	
}

.listSelection-selected
{
	border:					1px solid #DADCDE;
	box-shadow:				1px 1px 5px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow:		1px 1px 5px rgba(0, 0, 0, 0.1) inset;
	height:					250px;
	overflow:				auto;
}

.listSelection-selected ul
{
	background:				#F9D7BA;
	color:					#4C392A;
}

li.actv-false, .statusDisabled, #merchantAccountList li.statusDisabled *, li.actv-0
{
	color: 				#7E858B !important;
}

li.actv-false:hover, .statusDisabled:hover, li.actv-0:hover
{
	color:			 	#697178 !important;
}

li.hddn-true
{
	font-style:			italic !important;	
}

/* viewMode, editMode, addMode  ---------------------------------------- */
.editMode input, .editMode select, .addMode input, .addMode select, .editMode file
{
	font-size: 				1em;
	margin-left: 			0;
	margin-right: 			0;
	margin-bottom:			2px;
	max-width: 				100%;
}

.editMode-horizontal input, .editMode-horizontal select, .addMode-horizontal input, .addMode-horizontal select
{
	font-size: 				1em;
	margin-left: 			0;
	margin-right: 			0;
}

.timeSelection dd
{
	text-align:			left !important;
}

/* editMode */
.editMode dl
{	
	padding: 				3px 0;
}

.editMode dt
{
	color:					#555F66;
	font-weight: 			600;
	margin-bottom:			0.2em;
}

.editMode .left
{
	margin-right: 			1.2em;	
	margin-bottom:			0;
}

.editMode .timeSelection .left
{
	min-width: 				165px;
}

.editMode .checkBox, .editMode .radio
{
	margin-right: 			1.8em;
}

.editMode .daysOfWeek label, .addMode .daysOfWeek label
{
	display:				block;
}

/* editMode-horizontal */
.editMode-horizontal dl
{	
	padding: 				3px 0;
	margin-bottom:				0.3em;
}

.editMode-horizontal dt
{
	color:					#555F66;
	font-weight: 			600;
	float: 					left;
	width: 					28%;
	margin-right:			2%;
}

.editMode-horizontal dd
{
	float: 					right;
	width: 					70%;
}

/* addMode */
.addMode dl
{	
	padding: 				3px 0;
}

.addMode dt
{
	color:					#005782;
	font-weight: 			600;
	margin-bottom:			0.2em;
}

.addMode .left
{
	margin-right: 			1.2em;	
	margin-bottom:			0;
}

.addMode .timeSelection .left
{
	min-width: 				165px;
}

.addMode .checkBox, .addMode .radio
{
	margin-right: 			1.8em;
}

.addMode.daysOfWeek .checkBox
{
	display:				inline-block;
	min-width:				100px;
}

/* addMode-horizontal */
.addMode-horizontal dl
{	
	padding: 				3px 0;
	margin-bottom:			0.5em;
}

.addMode-horizontal dt
{
	color:					#005782;
	font-weight: 			600;
	float: 					left;
	width: 					28%;
	margin-right:			2%;
}

.addMode-horizontal dd
{
	float: 					right;
	width: 					70%;
}

/* viewMode (vertical) */
.viewMode dl
{	
	padding: 				3px 0;
	margin-bottom: 			1em;
}

.viewMode dt
{
	color: 					#697178;
}

.viewMode .left
{
	margin-right: 			4.5em;
	margin-bottom:			0;
}

/* viewMode-horizontal */
.viewMode-horizontal dl
{	
	padding: 				0.4em;
}

.viewMode-horizontal dt
{
	color: 					#697178;
	float: 					left;
	width: 					28%;
	margin-right:			2%;
}

.viewMode-horizontal dd
{
	float: 					right;
	width: 					70%;
}

.viewMode-horizontal .left
{
	float: 					none;
}

.viewMode-horizontal.column-5-5 dt
{
	width: 					48%;
	margin-right:			2%;
}

.viewMode-horizontal.column-5-5 dd
{
	float: 					right;
	width: 					48%;
}

.viewMode-horizontal.column-7-3 dt
{
	width: 					68%;
	margin-right:			2%;
}

.viewMode-horizontal.column-7-3 dd
{
	float: 					right;
	width: 					28%;
}

/* groupBox ---------------------------------------- */
.groupBox
{	
	-moz-border-radius: 	10px; 
	-webkit-border-radius: 	10px; 
	border-radius: 			10px;
	
/*	-moz-box-shadow:		0 0 6px 1px rgba(53,59,63,0.2);
	-webkit-box-shadow:		0 0 6px 1px rgba(53,59,63,0.2);
	box-shadow:				0 0 6px 1px rgba(53,59,63,0.2);
*/	
	margin-bottom:			1.2em;
	margin-top: 			0.3em;
	overflow:				hidden;	
	border: 				1px solid #e8e9ea;
}

.groupBox header, .widget header, .groupBox header#headerTabs
{
    font-size:				1em;
	font-weight:			500;
	color:					#046595;
	text-transform:			uppercase;
	border-bottom:			1px solid #e8e9ea;
	padding:				4px 30px 4px 8px;
	height:					auto;
	margin:					0 0 8px 0;
	background-color:		#f9fcfd;
	
/*	-moz-border-radius-topleft:			10px;
	-moz-border-radius-topright:		10px;
	-webkit-border-top-left-radius:		10px;
	-webkit-border-top-right-radius:	10px;
	border-top-left-radius: 			10px;
	border-top-right-radius:			10px;*/
}

.groupBox header a.linkButtonIcn.menu, .widget header a.linkButtonIcn.menu
{
	margin-right:				6px;
	float:						right;
}

.groupBox header h2, .groupBox header#headerTabs ul li span, .groupBox header#headerTabs ul li.current span
{
	background:				none;
	color:					#005782;
	float: 					left;
    font-size:				1.143em;
	font-weight:			500;
	letter-spacing: 		0;
}

.groupBox header#headerTabs
{
	padding:					0;
}

.groupBox header#headerTabs ul
{
	list-style:				none;
	overflow:					hidden;
	width:					100%;
}

.groupBox header#headerTabs ul li
{
	font-size:				0.786em;
	line-height:				1em;
	width:					50%;
	padding:					4px 0 0;
	cursor:					pointer;
	-moz-box-shadow:			0 0 6px rgba(0, 0, 0, 0.15) inset;
	-webkit-box-shadow: 		0 0 6px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 				0 0 6px rgba(0, 0, 0, 0.15) inset;
}

.groupBox header#headerTabs ul li:hover
{
	-moz-box-shadow:			0 0 6px rgba(0, 0, 0, 0.1) inset;
	-webkit-box-shadow: 		0 0 6px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 				0 0 6px rgba(0, 0, 0, 0.1) inset;	
}

.groupBox header#headerTabs ul li span
{
	border:						0;
	text-shadow:				none;
	color:						#C8CBCE;
	padding:					0 0 4px 8px;
}

.groupBox header#headerTabs ul li:hover span
{
	color:						#B8BCBF;
}

.groupBox header#headerTabs ul li.current, .groupBox header#headerTabs ul li.current:hover
{
	-moz-box-shadow:			none;
	-webkit-box-shadow: 		none;
	box-shadow: 				none;
	cursor:						default;
	padding-bottom:				0;
}

.groupBox header#headerTabs ul li.current:hover span
{
	color:					#005782;
	cursor:					default;
}

.groupBox h3
{
	color: 					#005782;
	font-size: 				1.083em;
	margin-bottom: 			0.25em;
}

.groupBox .groupBoxBody
{
	padding:				0 8px 25px;
	overflow:				hidden;
	clear: 				both;
}

.groupBox .groupBoxBody .groupBoxBody
{
	padding:				0 5px 0;
}

.groupBoxBody .scrollingList, .groupBoxBody .menuList
{
	font-size:			0.857em;
}

#locationView.groupBoxBody, #routeView.groupBoxBody
{
	margin-top:			-8px;	
}

.groupBox .groupBoxBody.listBox
{
	padding:				0 0 10px;
}

.groupBox .groupBoxBody.listBox h3
{
	padding-left: 			12px;
}

#expandedWdgt
{
	display: 				none;
}

#expandedWdgt.ui-dialog-content, #xpndContent.widgetContent
{
	padding: 				0 !important;
	margin: 				0 !important; 
}

#xpndContent.widgetContent
{
	height: 				100%;	
}

#xpndContent.widgetContent.chartGraph
{
	height: 				98% !important;
	padding-top: 			1em !important;	
}


#xpndContent.widgetContent.listGraph
{
	height: 				99% !important;
	padding: 				0 10px !important;
}

#xpndContent section.map
{
	border: 				0 !important;
	border-radius: 			0 !important;		
}

#xpndContent.widgetContent ul
{
	font-size: 				1em !important;
}

/* -------------------------------------------------------------------------------- */
/* SETTINGS 														    */
/* -------------------------------------------------------------------------------- */

.availableService
{
	background-image:		url("../images/icn_Inactivation.png") !important;
	background-repeat:		no-repeat;
	background-position:	1px 3px;
	color: 					#697178;	
	padding-left:			25px !important;
}

.activatedService, .availableService.checked
{
	background-image:		url("../images/icn_Activation.png") !important;
	background-repeat:		no-repeat;
	background-position:	1px 3px;
	padding-left:			25px !important;
}

.settings #mainContent
{
	margin: 				8px 8px 8px 248px;
	position:				relative;
}

#systemNotification h3
{
	padding-left:			4px;
	color:				#005782;
}

#systemNotification li
{
	border-left:			0;
	border-right:			0;
	overflow:				hidden;
}

#systemNotification .scrollingList
{
	font-size:			0.857em;
}

nav#second
{
	background: 			url("../images/scndNav_Bkgrnd.jpg") repeat-y right 0;
	height:				100%;
	width:				179px;
	border-right: 			1px solid #B8BCBF;
	text-align:			left;
	position:				absolute;
	top:					0;
	left:				60px;
	z-index:				18;
}

nav#second .topSection
{
	padding-top:			5px;
}

nav#second .topSection, 
nav#second .section
{
	border-bottom:			1px solid #7E858B;
}

nav#second .section, 
nav#second .bottomSection
{
	border-top:			1px solid #F9FCFD;
}

nav#second .section.current, nav#second .topSection.current, nav#second .bottomSection.current
{
	background: 			url("../images/scndNav_BkgrndCrnt.jpg") repeat-y right 0;
}

nav#second a
{
	border:				0;
	color:				#353B3F;
	display:				block;
	margin:				3px 15px;
}

nav#second .subNav
{
	font-size:			0.75em;
	padding-bottom:		12px;
	display:				none;
}

nav#second .current .subNav
{
	display:				block;
}

nav#second .subNav a
{
	text-decoration:		underline;
	margin:				2px 15px;
}

nav#second a:hover
{
	color:				#003E5E;
	text-decoration:		underline;
}

nav#second .hide, nav#second .show
{
	text-transform:		uppercase;
	background:			url("../images/scndNav_BkgrndCrnt.jpg") repeat-y 70%;
	padding:				2px 5px 1px 18px;
	margin-top:			8px;
	font-size:			0.75em;
	font-weight:			600;
	border:				1px solid #B8BCBF;
	border-top:			1px solid #7E858B;
	border-bottom:			1px solid #F9FCFD;
	float:				right;
	position:				relative;
	right:				-10px;
	
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius: 		4px;
}

nav#second .hide:hover, nav#second .show:hover
{
	background:			url("../images/scndNav_BkgrndCrnt.jpg") repeat-y 100%;
	color:				#353B3F;
	text-decoration:		underline;
}

nav#second .show
{
	margin-top:			-25px;
	padding: 				4px 1px 0 3px;
	display:				none;
	position:				absolute;
	right:				-13px;
	top:					50%;
}

nav#second .hide img
{
	position: 			absolute;
	top:					-4px;
	left: 				3px;
}

.btnSet.timeZoneBtn
{
	display:				inline-block;
	margin-left:			6px;
}

/* locationBox, warningPeriodBox, filter ---------------------------------------- */
.locationBox, .warningPeriodBox
{
	margin:					0 1em 0.5em;
}

.locationBox h1, .locationBox h2, .warningPeriodBox h1, .warningPeriodBox h2
{
	display: 				inline-block;
}

.locationBox h2, .warningPeriodBox h2
{
	color: 					#697178;
	font-size: 				1.071em; /*15px*/
	font-weight: 			normal;
	text-transform: 		uppercase;
	line-height: 			1.8;
	margin-right:			0;
}

/* search ---------------------------------------- */
.filter h1, .filter h2
{
	float: 					left;
}

.searchBox
{
	border-radius:			10px;
	border:					1px solid #F4F5F6;
	font-size:				0.875em;
	text-align:				center;
	padding:				1em 5px 0.5em;
	margin:					1em 0 0;
	background:				#F4F5F6;
	background:				-linear-gradient(top, #fff, #F4F5F6);
	background:				-moz-linear-gradient(top, #fff, #F4F5F6);
	background:				-webkit-linear-gradient(top, #fff, #F4F5F6);
	background:				-ms-linear-gradient(top, #fff, #F4F5F6);
}

.searchBox h2
{
	font-size:				1.286em; /*18px*/
}

.searchBox select, .searchBox input
{
	margin-left:			0;
}

.searchBox li
{
	display:				inline-block;
	margin-right:			0.5em;
}

.searchBox li.clear
{
	display:				block;
}

.searchBox li label
{
	color: 					#7E858B;
    font-weight: 			600;
	display:				block;
	text-align:				left;
}

/* .listSearch ---------------------------------------- */
.listSearch
{
	padding:				0 1.2em 0.2em;
}

.listSearch label
{
	display:				inline-block;
	margin-top:				3px;
}

/* intro ---------------------------------------- */
.intro
{
	font-size:				0.875em;
	text-align:				center;
	padding:				2em 5px;
	margin-bottom:			1em;
	background:				#F4F5F6;
	background: 			rgba(245, 248, 250, 0.6);
	-webkit-box-shadow: 	0 1px 5px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 			0 1px 5px rgba(0, 0, 0, 0.1) inset;
}

/* -------------------------------------------------------------------------------- */
/* SETTINGS 																		*/
/* -------------------------------------------------------------------------------- */

.settings #mainContent
{
	margin: 				8px 8px 8px 248px;
	position:				relative;
}

nav#second
{
	background: 			url("../images/scndNav_Bkgrnd.jpg") repeat-y right 0;
	height:				100%;
	width:				179px;
	border-right: 			1px solid #B8BCBF;
	text-align:			left;
	position:				absolute;
	top:					0;
	left:				60px;
	z-index:				18;
}

nav#second .topSection
{
	padding-top:			5px;
}

nav#second .topSection, 
nav#second .section
{
	border-bottom:			1px solid #7E858B;
}

nav#second .section, 
nav#second .bottomSection
{
	border-top:			1px solid #F9FCFD;
}

nav#second .section.current, nav#second .topSection.current, nav#second .bottomSection.current
{
	background: 			url("../images/scndNav_BkgrndCrnt.jpg") repeat-y right 0;
}

nav#second a
{
	border:				0;
	color:				#353B3F;
	display:				block;
	margin:				3px 15px;
}

nav#second .subNav
{
	font-size:			0.75em;
	padding-bottom:		12px;
	display:				none;
}

nav#second .current .subNav
{
	display:				block;
}

nav#second .subNav a
{
	text-decoration:		underline;
	margin:				2px 15px;
}

nav#second a:hover
{
	color:				#004B7D;
	text-decoration:		underline;
}

nav#second .hide, nav#second .show
{
	text-transform:		uppercase;
	background:			url("../images/scndNav_BkgrndCrnt.jpg") repeat-y 70%;
	padding:				2px 5px 1px 18px;
	margin-top:			8px;
	font-size:			0.75em;
	font-weight:			600;
	border:				1px solid #B8BCBF;
	border-top:			1px solid #7E858B;
	border-bottom:			1px solid #F9FCFD;
	float:				right;
	position:				relative;
	right:				-10px;
	
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius: 		4px;
}

nav#second .hide:hover, nav#second .show:hover
{
	background:			url("../images/scndNav_BkgrndCrnt.jpg") repeat-y 100%;
	color:				#353B3F;
	text-decoration:		underline;
}

nav#second .show
{
	margin-top:			-25px;
	padding: 				4px 1px 0 3px;
	display:				none;
	position:				absolute;
	right:				-13px;
	top:					50%;
}

nav#second .hide img
{
	position: 			absolute;
	top:					-4px;
	left: 				3px;
}

#activityLogMessages
{
	overflow:				auto;
	display:				block;
}

/* warningPeriodBox ---------------------------------------- */
.warningPeriodBox
{
	margin:					0 1.2em 0.5em; /*katie*/
}

.warningPeriodBox h1, .warningPeriodBox h2
{
	display: 				inline-block;
}

.warningPeriodBox h2
{
	color: 					#697178;
	font-size: 				0.875em; /*katie*/
	font-weight: 			normal;
	text-transform: 		uppercase;
	line-height: 			1.8;
	margin-right:			0;
}

/* autoComplete ---------------------------------------- */

li.autoComplete, .inputWithButton, .routePaystationHeader, #parentLocationArea, .autoComplete
{
	width:					100%;
	max-width:				none !important;
	position:				relative;
	overflow:				hidden;
}

li.autoComplete
{
	width: 					auto !important;
}

.inputWithButton, #parentLocationArea
{
	padding-left:				5px;
}

input.autoText
{
	height:						18px;
	width:						98%;
	margin-left:				0;
	margin-right:				0;
	padding-right: 				24px;
	vertical-align:				top;
	position:					relative;
}

input.autoSearchInput
{
	background: 				url("../images/icn_Search.png") no-repeat right 0 top 2px;
}

a.linkButtonIcn.selectMenu, #addEmailBtn, a.linkButtonIcn.add.flatLeft
{
    border: 					0 none !important;
    height: 					22px;
    position: 					absolute;
    right: 						0px;
    top: 						0;
}

.inputWithButton a.linkButtonIcn.selectMenu
{
	top: 						-2px;	
}

#addEmailBtn, a.linkButtonIcn.add.flatLeft
{
	background-position: 		center 1px !important;
    padding: 					3px !important;
    width: 						22px !important;	
}

a.linkButtonIcn.selectMenu, a.linkButtonIcn.selectMenu:hover, a.linkButtonIcn.selectMenu:active, #addEmailBtn, #addEmailBtn:hover, #addEmailBtn:active, a.linkButtonIcn.add.flatLeft, a.linkButtonIcn.add.flatLeft:hover, a.linkButtonIcn.add.flatLeft:active
{
	background-color:			transparent !important;	
}

#addEmailBtn:hover, a.linkButtonIcn.add.flatLeft:hover
{
	background-position: 		center -39px !important;
}

a.autoSearchClearBtn
{
    background-position: 		0 0;
    border: 					0 none !important;
    display: 					none;
    height: 					22px;
    position: 					absolute;
    right: 						2px;
    top: 						5px;
    width: 						22px;
}

a#accountFilterValueClearBtn.autoSearchClearBtn
{
	right: 					5px;
	top: 					3px;
}

.autoComplete label, .inputWithButton label, #firstNameArea label, #lastNameArea label, label.routePaystationLabel
{
	position: 				absolute;
	top: 					4px; 
	z-index: 				5; 
	left: 					12px;
}

.autoComplete label.reqField, .inputWithButton label.reqField, #firstNameArea label.reqField, #lastNameArea label.reqField, label.routePaystationLabel.reqField,
#searchTxDateStartLabel.reqField, #searchTxDateEndLabel.reqField
{
	left: 				15px;
}

.inputWithButton label, #firstNameArea label, #lastNameArea label
{
	top:					6px;
	left:				9px;
}

label.routePaystationLabel
{
	top:					6px;
	left:				5px;
}

/*.autoComplete a.selectMenu.linkButtonIcn, 
*/.inputWithButton .linkButtonIcn, 
.routePaystationHeader .linkButtonIcn, 
#parentLocationArea .linkButtonIcn, 
#currentAppSelection .linkButtonIcn
{
	height:					19px;
	padding:				3px 1px;
	margin:					2px 0 0 -6px !important;
	top:					1px;
	float: 					none;
}

.linkButtonIcn.add.flatLeft
{
/*	background-position:	center 1px;
	border-top:			1px solid #BFC3C5;
	border-left:			1px solid #DADCDE;
	border-right:			1px solid #BFC3C5;
	border-bottom:			1px solid #EEF5F8;

	-moz-box-shadow:		inset 0 1px 0 0 rgba(255,255,255,0.4), inset 0 -1px 0 0 rgba(0,0,0,0.1);
	-webkit-box-shadow:		inset 0 1px 0 0 rgba(255,255,255,0.4), inset 0 -1px 0 0 rgba(0,0,0,0.1);
	box-shadow:			inset 0 1px 0 0 rgba(255,255,255,0.4), inset 0 -1px 0 0 rgba(0,0,0,0.1);
*/}

.inputWithButton .linkButtonIcn
{
	padding-right:			3px;
	/*height:				17px;  COMMENTED OUT FOR NOW BY TODD H */
}

.autoComplete .search.linkButtonIcn
{
	margin-left: 				2px;
	float:					none;
	top:						1px;
}

.currentLocal
{
	width:					60%;
	height: 				24px;
	float: 					left;
	position:				relative;
	overflow:				hidden;
}

.currentLocal a.selectMenu.linkButtonIcn, #currentAppSelection .linkButtonIcn
{
	margin:				0 0 0 -6px !important;
}

.autoList
{
	background:				#fff;
	-moz-border-radius: 		10px; 
	-moz-box-shadow: 			0 0 8px 0 rgba(0,0,0,0.2);
	-webkit-border-radius: 		10px; 
	-webkit-box-shadow: 		0 0 8px 0 rgba(0,0,0,0.2); 
	border-radius: 			10px;
	box-shadow: 				0 0 8px 0 rgba(0,0,0,0.2);
	display:					none;
	height: 					500px;
	left:					-1px;
	margin-bottom:				5px;
	margin-left:				5px;
	overflow: 				auto;
	padding: 					6px;
	position: 				absolute;
	top: 					155%;
	min-width: 				93%;
	max-width: 				93%;
	z-index:					1099;
}

.autoComplete.landing .autoList
{
	top: 					105%;
	min-width: 				88%;
}

.autoList .innerBox
{
	height: 					100%;	
	overflow: 				auto;
	text-align:				left;
}

.autoList ul
{
	border: 			 		2px solid #DADCDE;
	border-radius: 			6px;
	list-style: 				none;
}

.autoList ul li
{
	border-top: 				2px solid #DADCDE;
	padding: 					4px 4%;
	width:					92%;
}

.autoList ul li:first-child
{
	border-top: 				none;
}

.autoList ul li:hover
{
	color:					#005782;
	background-color: 			#EEF5F8;
	background-image: 			-webkit-linear-gradient(top, #F4F5F6, #EEF5F8);  /* added by Todd */
	background-image: 			-moz-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 			-o-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 			-ms-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 			linear-gradient(top, #F4F5F6, #EEF5F8);
}

.autoList a
{
	border-bottom: 			none;
	color:					#005782;
	display: 					block;
}


/* location details ---------------------------------------- */

ul.locationTree li
{
	padding:			8px 0 2px !important;
}

ul.locationTree li.Child
{
	list-style-image: url("../images/icn_LocationChild.png");
}

ul.locationTree li.Parent
{
	list-style-image:  url("../images/icn_LocationParent.png");
}

ul.locationTree li.Child.selected
{
	list-style-image:  url("../images/icn_LocationChildSelected.png");
}

ul.locationTree li.Parent.selected
{
	list-style-image:  url("../images/icn_LocationParentSelected.png");
}

#DefinedLocations  ul.locationTree li, #XtendByPhoneItems ul.xbpItemTree li
{
	vertical-align:		text-top;
	clear:				both;
}

#XtendByPhone ul.locationTree li
{
	padding: 			4px 0 2px 2px !important;
}

ul.locationTree li .locName
{
	position: 			absolute;
	top:					5px;
	left:				24px;
}

ul.locationTree li .severityFlag
{
	display:				none;
}

#DefinedLocations ul.locationTree li
{
	padding:			4px 0 2px 6px !important;
}

#DefinedLocations ul.locationTree li .locName
{
	position: 			absolute;
	top:					5px;
	left:				30px;
}

#DefinedLocations ul.locationTree li .severityFlag, #DefinedLocations ul.locationTree li ul.childList li .severityFlag
{
	display:				block;
	position:				absolute;
	top:					0px;
	left:				0px;
	height:				100%;
	width:				1px;
	overflow:				hidden;
}

#DefinedLocations ul.locationTree ul.childList, #XtendByPhoneItems ul.xbpItemTree ul.childList
{
	display:				none;
	clear:				both;
	overflow:				hidden;
	margin:				0;
	border-top:			1px solid #DADCDE;
	border-bottom:			2px solid #DADCDE;
}

#DefinedLocations ul.locationTree ul.childList li, #XtendByPhoneItems ul.xbpItemTree ul.childList li
{
	padding-left:			18px !important;
}

#DefinedLocations ul.locationTree ul.childList li .locName, #XtendByPhoneItems ul.xbpItemTree ul.childList li .locName
{
	left: 42px;
}

#DefinedLocations ul.locationTree li.Parent.expanded ul, #XtendByPhoneItems ul.xbpItemTree li.Parent.expanded ul
{
	color:				#555F66;
	background-color:		#F4F5F6;
}

li.Parent .menuExpand, .treepicker-parent .menuExpand, .cmpntHead .menuExpand, 
.ui-accordion-header .menuExpand, .filter-accordion-header .menuExpand
{
	background-image:		url("../images/icn_MenuExpand.png");
	background-repeat:		no-repeat;
	position:				relative;
	padding:				3px 3px 2px 3px;
	text-decoration:		none !important;
	font-size:			0.75em !important;
	background-position:	0 0;
	border:				0 !important;
	display: 				inline-block;
}

li.Parent:hover .menuExpand, .treepicker-parent .menuExpand:hover, .cmpntHead .menuExpand:hover, .cmpntHead:hover .menuExpand, 
.ui-accordion-header .menuExpand
{
	background-position:	0 -40px !important;
}

li.Parent.expanded .menuExpand, .treepicker-parent.treepicker-expanded span.menuExpand, .cmpntHead.expanded .menuExpand, 
.filter-accordion-header.active .menuExpand
{
	background-position:	-31px 0 !important;
}


li.Parent.expanded:hover .menuExpand, .treepicker-parent.treepicker-expanded span.menuExpand:hover, .cmpntHead.expanded .menuExpand:hover, .cmpntHead.expanded:hover .menuExpand, 
.ui-accordion-header-active .menuExpand
{
	background-position:	-31px -40px !important;
}

li.Parent.selected:hover .menuExpand, .treepicker-parent.selected .menuExpand:hover
{
	background-position:	0 -160px !important;
}

li.Parent.expanded.selected .menuExpand, .treepicker-parent.treepicker-expanded.selected span.menuExpand
{
	background-position:	-31px -160px !important;
}

li.Parent.expanded.selected:hover .menuExpand, .treepicker-parent.treepicker-expanded.selected span.menuExpand:hover
{
	background-position:	-31px -160px !important;
}

#DefinedLocations ul.locationTree li.Child .locName:hover
{
	cursor:				default;	
}

#DefinedLocations ul.locationTree li .locName, #XtendByPhoneItems ul.xbpItemTree li .dayOfWeek
{
	width:				60%;
	display: 			inline-block;
}

#XtendByPhoneItems ul.xbpItemTree li .dayOfWeek
{
	width:				95%;
}

#DefinedLocations ul.locationTree li.Parent ul li, #XtendByPhoneItems ul.xbpItemTree li.Parent ul li
{
	padding:				4px 0 4px 16px !important;
	border:				0;
}

.locationList ul li.Parent li, #XtendByPhoneItems ul li.Parent li
{
	border-top:			1px solid #C6DDE8 !important;
	border-bottom:			0;
	border-collapse:		collapse;
}

.locGroup .col2
{
	padding-bottom:			3px;
}

.locationDetail-parent
{
	color:					#004B7D;
	font-weight:			600;
	margin-bottom:			0.5em;
	margin-left: 			-5px;
}

.locationDetail-parent img
{
	vertical-align:			bottom;
}

/* Extend By Phone ---------------------------------------- */
.extendByPhone-locations li.col1
{
	padding-left:			0;
}

.extendByPhone-locations .notConfigured
{
	background:				url("../images/icn_phone.png") no-repeat center top;
	width: 					18px;
}

.extendByPhone-locations .configured
{
	background:				url("../images/icn_phone.png") no-repeat center -40px;
	width: 					18px;
}

.extendByPhone-locations img
{
	vertical-align:			bottom;
}

/* Pay Station Alert Lists ---------------------------------------- */

#merchantAccountList li
{
	padding: 					0 !important;
}

#merchantAccountList li div
{
	padding: 					0.3em 0;
	box-sizing:				border-box !important;
	-moz-box-sizing: 			border-box !important;
}

.statusFailed .statusFailed
{
	border-left:				6px solid #CC0000 !important;
	padding-left:				3px !important;
}
.statusFailed p, span.statusFailed
{
	color:					#CC0000;
}

#merchantAccountList .statusFailed
{
	padding-left:				0 !important;
}

#merchantAccountList .col1
{
	padding-left:				5px;
}

#crntAlertList li, #activeList li, #alertDetailTable li, #posStatusList li, #userList li
{
	padding:					0 !important;
	position:					relative;
}

#crntAlertList li section
{
	overflow:					hidden;
	padding:					0.3em 0 !important;
}

#alertDetailTable li section
{
	overflow:					hidden;
	padding:					2px 0 2px 3px !important;
}

#crntAlertList .severityHigh, #activeList .severityHigh, #alertDetailTable li .severityHigh, #posStatusList .severityHigh, #paystationList li .severityHigh, #posSummaryList li section.severityHigh, #locationList li .severityFlag3
{
	border-left:				6px solid #CC0000;
	padding-left:				3px;
}

#posSummaryList li section div p.severityHigh, #posSummaryList li section div p.severityHigh *
{
	color:					#CC0000;
}

#crntAlertList .severityMedium, .statusWarning, #activeList .severityMedium, #alertDetailTable li .severityMedium, #posStatusList .severityMedium, #paystationList li .severityMedium, #posSummaryList li section.severityMedium, #locationList li .severityFlag2
{
	border-left:				6px solid #f88b2b;
	padding-left:				3px;
}

#posSummaryList li section div p.severityMedium, #posSummaryList li section div p.severityMedium *
{
	color:					#f88b2b;
}

#crntAlertList .severityLow, #activeList .severityLow, #alertDetailTable li .severityLow, #posStatusList .severityLow, #paystationList li .severityLow, #posSummaryList li section.severityLow, #locationList li .severityFlag1, #configList li .statIncomplete, #psChildList li.statIncomplete
{
	border-left:				6px solid #f9d657;
	padding-left:				3px;
}

#posSummaryList li section div p.severityLow, #posSummaryList li section div p.severityLow *
{
	color:					#e8c440;
}

#crntAlertList .severityNull, #activeList .severityNull, #alertDetailTable li .severityNull, #posStatusList .severityNull, #paystationList li .severityNull, #posSummaryList li section.severityNull, #locationList li .severityFlag0, li section.lgdIn, #deviceList li.lgdIn, #crntAlertList li.informational .severityLow, #configList li .statUnScheduled,  #psChildList li.statUnScheduled
{
	border-left:				6px solid #5c9cbc;
	padding-left:				3px;	
}

li section.assigned, #deviceList li.assigned, #configList li .statScheduled, #psChildList li.statScheduled

{
	border-left:				6px solid #004B70;
	padding-left:				3px;	
}

#crntAlertList .severityNull.actv-false, #activeList .severityNull.actv-false, #alertDetailTable li .severityNull.actv-false, #posStatusList .severityNull.actv-false, #paystationList li.actv-false .severityNull, #paystationList li.actv-false .severityHigh, #paystationList li.actv-false .severityMedium, #paystationList li.actv-false .severityLow, li section.lgdOut, #deviceList li.lgdOut, #configList li .statInactive, #psChildList li.statInactive
{
	border-left:				6px solid #DADCDE;
	padding-left:				3px;	
}

#configList li .statCompleted, #psChildList li.statCompleted
{
	border-left:				6px solid #3bb23e;
	padding-left:				3px;	
}

#crntAlertList .severityHigh .col1, #crntAlertList .severityMedium .col1, #crntAlertList .severityLow .col1, #crntAlertList .severityNull .col1, #posSummaryList .severityHigh .col1, #posSummaryList .severityMedium .col1, #posSummaryList .severityLow .col1, #posSummaryList .severityNull .col1, #posSummaryList .severityActive .col1
{
	margin-right:				-6px;
}

#configList li.actv-unscheduled
{
	background-color: 			#EEF5F8;
	font-weight:  				600;
}

#configList li.actv-unscheduled:hover
{
	background-color: 			#DBE9F0 !important;
}



/*#paystationList li.severityNull
{
	padding-top:				0 !important;
	padding-bottom:			0 !important;
}

#paystationList li.severityNull span.container
{
	border-left:				1px solid #EEF5F8 !important;
	padding-top:				4px;
	padding-bottom:			6px;
	display:					block;
	position:					relative;
}

#paystationList li.severityNull.selected
{
	padding-left:				0 !important;
}

#paystationList li.severityNull.selected span.container
{
	border-left:				5px solid #EEF5F8 !important;
}*/

#activeList .severityActive, #posStatusList .severityActive
{
	border-left:				6px solid #3bb23e;
	padding-left:				3px;
}

.severityLegend .severityHigh, .severityLegend .severityMedium, .severityLegend .severityLow
{
	font-size: 				3px;
	width:					6px;
	height:					12px;
	margin:					0 4px 3px;
	vertical-align:			bottom;
	display:					inline-block;
}

.severityLegend .severityHigh
{
	background-color:			#CC0000;
}

.severityLegend .severityMedium
{
	background-color:			#f88b2b;
}

.severityLegend .severityLow
{
	background-color:			#ffe45b;
}


.paystation-content
{
	float: 					left;
	/*padding-top: 			1em;*/ /*katie*/
	width: 					85%; /*katie*/
}

.btnActivateBox
{
	float:					right;
}

#paystationDetail h3
{
	color:					#005782;
}

.chartMenu
{
	float:					right;
}

#PayStationTabs
{
	border:					#DADCDE 1px solid;
	box-shadow:				inset 0px 0px 5px rgba(0,0,0,.05);
	border-radius:			6px;
	margin:					0.2em 0;
}

#PayStationTabs #paystation-lastSeen
{
	border:					#DADCDE 1px solid;
	box-shadow: 			0 3px 3px rgba(0, 0, 0, 0.05) inset;
	border-radius:			6px;
	padding:				0.5em 2%;
	margin:					0 1% 0.3em; 
}

#PayStationTabs .ui-widget-content
{
	color:					#555F66;
}

#PayStationTabs .ui-state-default
{
	background:				none;
	border:					1px solid #DADCDE;
	-webkit-box-shadow: 	0 0 5px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 			0 0 5px rgba(0, 0, 0, 0.1) inset;
}

#PayStationTabs .ui-state-default a
{
	background:				none;	
	color:					#697178;
	padding:				0.3em 0.6em; /*katie*/
}

#PayStationTabs .ui-state-default a:hover
{
	-webkit-box-shadow: 	0 -4px 4px rgba(0, 0, 0, .04) inset;
	box-shadow: 			0 -4px 4px rgba(0, 0, 0, .04) inset;
}

#PayStationTabs .ui-tabs-selected
{
	background:				#fff;
	box-shadow: 			none;
}

#PayStationTabs .ui-tabs-selected a
{
	color:					#005782;
}

#PayStationTabs .ui-tabs-selected a:hover
{
	box-shadow: 			none;
}

#PayStationTabs .ui-tabs-panel
{
	padding: 				1em 2%;
}

#PayStationTabs .ui-widget-header
{
	background:				#F9FBFC;
	background: 			rgba(245, 248, 250, 0.6);
	border: 				none;
	box-shadow: 			0 1px 5px rgba(0, 0, 0, 0.05) inset;
	border-bottom:			1px solid #DADCDE;
}

#PayStationTabs .ui-widget-header a
{
	border-bottom:			none;
}

#paystationDetail h3
{
	color:					#005782;
}

.payStationAlerts .col1
{
	width:					15%; /*katie*/
}

.payStationAlerts .col2
{
	width:					51%; /*katie*/
	margin-right:			4%;
}

.payStationAlerts .col3
{
	width:					25%;
}

.payStationAlerts img
{
	vertical-align:			middle;
}

#paystation-lastSeen h3
{
	display:				inline-block;
	margin-right:			1em;
}

#paystation-lastSeen h3
{
	margin-bottom:			0;
}

#paystation-charts .chartBox
{	
	background:				#EEF5F8;
	background-image:		linear-gradient(top, #EEF5F8, #F4F5F6); 
	background-image:		-webkit-linear-gradient(top, #EEF5F8, #F4F5F6);
	background-image:		-moz-linear-gradient(top, #EEF5F8, #F4F5F6);
	background-image:		-ms-linear-gradient(top, #EEF5F8, #F4F5F6);
	background-image:		-o-linear-gradient(top, #EEF5F8, #F4F5F6);
	border:					1px solid #EEF5F8;
	border-radius:			6px;
	padding:				0.5em 1%;
	margin:					0.5em 1%;
	min-height:				12em;
	float:					left;
	width:					45.5%;
}

.chartBox h4
{
	min-height:				2.3em;
}

.auditReportsBox, .transactionReportsBox
{
	border:					1px solid #DADCDE;
	box-shadow:				0 3px 3px rgba(0, 0, 0, 0.05) inset;
	max-height:				9.4em;
	padding:				0.2em 0 0;
	overflow:				auto;
}

#auditReports ul.itemList .col1, #transactionReports ul.itemList .col1
{
	width:					30%;
}

#auditReports ul.itemList .col2, #transactionReports ul.itemList .col2
{
	text-align:				right;
	width:					55%;
}

.reportType
{
	text-align:				right;
	margin-right:			0.2em;
}

.reportType select
{
	margin-right:			0;
}

#paystation-recentRevenue
{
	background:				#EEF5F8;
	background-image:		linear-gradient(top, #EEF5F8, #F4F5F6);
	background-image:		-webkit-linear-gradient(top, #EEF5F8, #F4F5F6);
	background-image:		-moz-linear-gradient(top, #EEF5F8, #F4F5F6);
	background-image:		-ms-linear-gradient(top, #EEF5F8, #F4F5F6);
	background-image:		-o-linear-gradient(top, #EEF5F8, #F4F5F6);	
	min-height:				12em;
	padding:				0.5em;
}

.revenueData
{
	float:					left;
	margin-right:			1em;
	margin-top:				2em;
}

.revenueData img
{
	vertical-align:			middle;
}

.revenueData span
{
	vertical-align:			middle;
}

.revenueChart
{
	float:					left;
}

.activityLogBox .logDate
{
	width:					32%;
}

textarea#serialNumber
{
	height:					120px;
}

/* Pay Station Placement Page for Settings 	---------------------------------------- */
#map.PayStationPlacement
{
	height:					570px;
	border-radius:			10px;
	margin: 				0 0 0 10px;
}

#PayStationPlacement #map
{
	width:				65%; 
	height: 				550px; 
	float: 				left; 
	margin: 				8px 12px;

	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius: 		10px;
}

#PayStationPlacement #map strong.markerTitle
{
	display: 				block;
	color:				#005782;
	text-align: 			center;
	font-size:			0.875em;
}

#PayStationPlacement #payStationDetails
{
	width:				30%; 
	position: 			absolute;
	right:				0;
	top:					0;
}

.ui-autocomplete-category, .ui-autocomplete-category:hover
{
	float: 					left;
	font-weight:			600 !important;
	font-size:				1.2em !important;
	color:					#353B3F !important;
	border-bottom:			1px solid silver !important;
	background: 			none !important;
}

.ui-menu-item a, .ui-autocomplete-category a
{
	margin:				0 !important;
}

#PayStationPlacement #payStationDetails h3
{
	margin:				8px 0 3px 6px;
	padding:				0;
}

#PayStationPlacement #payStationDetails ul.selectList
{
	width: 				100%;
}

#PayStationPlacement #paystationList
{
	max-height:			223px;
	overflow:				auto;
}

#PayStationPlacement #markerList
{
	max-height:			180px;
	overflow:				auto;
}

#PayStationPlacement li
{
	position:				relative;
	padding-top:			9px;
	font-size:			0.857em;
	font-weight:			600;
	color:				#005782;
}

#PayStationPlacement #paystationList li:hover, #PayStationPlacement #paystationList li.active, #PayStationPlacement #paystationList li.placed
{
	background-color:		#FEB474;
	color:				#4C392A;
	border-color:			#8D8076;
	
	-moz-box-shadow:		inset 0 1px 4px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow:		inset 0 1px 4px 1px rgba(0,0,0,0.15);
	box-shadow:			inset 0 1px 4px 1px rgba(0,0,0,0.15);
}

#PayStationPlacement #paystationList li.placed, #PayStationPlacement #paystationList li.placed:hover
{
	background-color:		#F88B2B;
}

#PayStationPlacement #markerList li
{
	background-color:		#FFF;
	color:				#005782;
	
	-moz-box-shadow:		inset 0 1px 4px 1px rgba(0,0,0,0.08);
	-webkit-box-shadow:		inset 0 1px 4px 1px rgba(0,0,0,0.08);
	box-shadow:			inset 0 1px 4px 1px rgba(0,0,0,0.08);
}

#PayStationPlacement li.saved:hover, #PayStationPlacement #markerList li.active, #PayStationPlacement #markerList li.placed
{
	background-color:		#e8e9ea;
	border-color:			#B8BCBF;
}

#payStationDetails a.placeBtn,  #payStationDetails a.editBtn, #payStationDetails a.cancelBtn,  #payStationDetails a.saveBtn,  #payStationDetails a.deleteBtn
{
	font-size:			0.857em;
	text-transform:		uppercase;
	border:				1px solid #DADCDE;
	border-top:			1px solid #CFD2D4;
	float: 				none;
	position:				absolute;
	top:					6px;
	right: 				8px;
	
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius: 		4px;
}

#payStationDetails li:hover a, #payStationDetails li.active a, #payStationDetails li.placed a
{
	background-color:		#FFE5CF;
	border-color:			#8D8076;
}

#payStationDetails #markerList li:hover a, #payStationDetails #markerList li.active a
{
	background-color:		#FFF;
	border-color:			#B8BCBF;
}

#payStationDetails a.placeBtn
{
	background:			url("../images/icn_Pin.png") #FFF no-repeat 50% 0;
	padding:				2px 9px 3px 9px;
	overflow:				hidden;
}

#payStationDetails a.cancelBtn
{
	background:			url("../images/icn_Cancel.png") #FFF no-repeat 50% 0;
	padding:				0px 9px 6px 9px;
	overflow:				hidden;
}

#payStationDetails a.editBtn
{
	background:			url("../images/icn_Edit.png") #FFF no-repeat 50% 0;
	padding:				0px 9px 6px 9px;
	overflow:				hidden;
}

#payStationDetails a.saveBtn
{
	background:			url("../images/icn_Save.png") #FFF no-repeat 50% 0;
	padding:				0px 9px 6px 9px;
	overflow:				hidden;
	right: 				36px;
}

#payStationDetails #markerList a.saveBtn
{
	right: 				64px;
}

#payStationDetails a.deleteBtn
{
	background:			url("../images/icn_DeleteSm.png") #FFF no-repeat 50% 0;
	padding:				0px 9px 6px 9px;
	overflow:				hidden;
	right: 				36px;
}


#payStationDetails a:hover, #payStationDetails .placed a, #payStationDetails li.active a
{
	border-color:			#8D8076;
	
	-moz-box-shadow:		inset 0 1px 1px 0 rgba(0,0,0,0.05), 1px 1px 1px 0 rgba(255,255,255,0.7), -1px -1px 1px 0 rgba(0,0,0,0.2);
	-webkit-box-shadow:		inset 0 1px 1px 0 rgba(0,0,0,0.05), 1px 1px 1px 0 rgba(255,255,255,0.7), -1px -1px 1px 0 rgba(0,0,0,0.2);
	box-shadow:			inset 0 1px 1px 0 rgba(0,0,0,0.05), 1px 1px 1px 0 rgba(255,255,255,0.7), -1px -1px 1px 0 rgba(0,0,0,0.2);
}

#payStationDetails a:hover
{
	background-position:	50% -40px;
	cursor:				pointer;
}


#payStationDetails #markerList a:hover
{
	border-color:			#B8BCBF;
}

/* tabs ---------------------------------------- */
#tabs
{
	border:					0;
	box-shadow:				inset 0px 0px 5px rgba(0,0,0,.05);
	border-radius:			6px;
	padding:				0;
	margin:					0.2em 0;
}

#tabs #paystation-lastSeen
{
	border:					#DADCDE 1px solid;
	box-shadow: 			0 3px 3px rgba(0, 0, 0, 0.05) inset;
	border-radius:			6px;
	padding:				0.5em 1.5%;
	margin:					0 1% 0.3em; 
}

#tabs .ui-widget-content
{
	color:					#555F66;
}

#tabs .ui-state-default
{
	background:				#F4F5F6; /*katie*/
	border:					1px solid #DADCDE;
	-webkit-box-shadow: 	0 0 5px rgba(0, 0, 0, 0.1) inset;
	box-shadow: 			0 0 5px rgba(0, 0, 0, 0.1) inset;	
	margin:					0 0.1em 0 0;
}

#tabs .ui-state-default a
{
	background:				none;	
	color:					#697178;
	padding:				0.4em 0.8em;
}

#tabs .ui-state-default a:hover
{
	-webkit-box-shadow: 	0 -4px 4px rgba(0, 0, 0, .04) inset;
	box-shadow: 			0 -4px 4px rgba(0, 0, 0, .04) inset;
}

#tabs .ui-tabs-selected
{
	background:				#F4F5F6;
	box-shadow: 			none;
	padding-bottom:			0;
}

#tabs .ui-tabs-selected a
{
	color:					#004B7D;
}

#tabs .ui-tabs-selected a:hover
{
	box-shadow: 			none;
}

#tabs .ui-tabs-panel
{
	border:					1px solid #DADCDE;
	padding: 				1em;
}

#tabs .ui-widget-header
{
	background:				#fff; /*katie*/
	border: 				none;
	padding:				0;
}

#tabs .ui-widget-header a
{
	border-bottom:			none;
}

#tabs .filterHeader
{
	background:			#F4F5F6;
	background: 			rgba(245, 248, 250, 0.6);
	border:				#DADCDE 1px solid;
	box-shadow: 			0 3px 3px rgba(0, 0, 0, 0.05) inset;
	border-radius:			6px;
	padding:				0.3em 1.5%;
}

/* Maps ---------------------------------------- */
#mapHolder
{
	margin-top: 			-8px; 	
	background: 			url("../images/mdmGreyTextureBkgrnd.jpg") #BFC3C5; 
	border-bottom:			1px solid #DADCDE;
	height: 				200px;	
}

#map.headerMap
{
	height: 				200px;
}

#map section.noMap
{
	background:			#e8e9ea;
	color: 				#697178;
	overflow: 			hidden;
	max-width: 			450px;
	width:				43%;
	position: 			relative; 
	top: 				40px; 
	margin: 			0 auto; 
	padding: 			0;
	
	-moz-border-radius:		8px;
	-moz-box-shadow:		0 0 8px 0 rgba(0,0,0,0.2);

	-webkit-border-radius:	8px;
	-webkit-box-shadow:		0 0 8px 0 rgba(0,0,0,0.2);

	border-radius: 		8px;
	box-shadow:			0 0 8px 0 rgba(0,0,0,0.2);
}

#map section.noMap a
{
	color: 				#5c9cbc !important;
	border-color: 		#5c9cbc !important;
}

#map section.noMap a:hover
{
	color: 				#f88b2b !important;
	border-color: 		#f88b2b !important;
}

#map section.noMap .innerBorder
{
	padding:				6px;
}

#map section.noMap img, #map section.noMap article
{
	float: 				left;
}

#map section.noMap img
{
	margin-top:			6px;
}

#map section.noMap article
{
	width:				70%;
	margin-left:			9px;
	min-height:			60px;
}

#map.PayStationPlacement
{
	height:				590px;
	border-radius:			10px;
	margin: 				0.3em 0 0 10px;
}

/* -------------------------------------------------------------------------------- */
/* REPORTING PAGE 																	*/
/* -------------------------------------------------------------------------------- */

.reporting h2
{
	margin: 				0.25em 15% 0.1em; 
	width: 				70%;
}

.reporting h2 a
{
	float: 				right; 
	font-size: 			0.65em;
}

.reporting .shadowBox
{
	width: 				70%; 
	margin: 				3px 15%; 
	padding: 				0; 
	clear: 				both; 
	float: 				left; 
	font-size: 			0.857em;
}

.reporting h3
{
	color: 				#005782; 
	margin: 				0; 
	padding: 				1px 1% 2px; 
	border-top: 			1px solid #EEF5F8; 
	border-bottom: 		1px solid #EEF5F8;
}

.reporting .shadowBox a
{
	color:				#555F66;
	display:				block;
	padding: 				1px 1% 2px;
	border-top:			1px solid #FFF;
	border-bottom:			1px solid #FFF;
}

.reporting .shadowBox a.other
{
	background-color: 		#F4F5F6; 
	border-top: 			1px solid #e8e9ea; 
	border-bottom: 		1px solid #e8e9ea;
}

.reporting .shadowBox a:hover
{
	color:				#005782;
	background-color: 		#EEF5F8;
	background-image: 		-webkit-linear-gradient(top, #F4F5F6, #EEF5F8);  /* added by Todd */
	background-image: 		-moz-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-o-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		-ms-linear-gradient(top, #F4F5F6, #EEF5F8);
	background-image: 		linear-gradient(top, #F4F5F6, #EEF5F8);
	border-top: 			1px solid #005782; 
	border-bottom: 		1px solid #005782;
}

.reportingSteps
{
	margin-bottom:			2em;
}

.reportingSteps h3
{
	text-align:				right;
	color:					#005782;
	font-size:				1.714em;
	line-height:			1;
	margin-right:			0.5em;
}

.reportingSteps label.subLabel
{
	color:					#555F66;
}

.reportingSteps .left
{
	margin-right:			5em;
}

.scheduleDays label
{
	float:					left;
	margin-right:			1em;
}

#completedReports h3
{
	color:					#005782;
}


/* contents ---------------------------------------- */
#tab-content
{
	font-size:				0.929em;/*13px*/
}

#tab-content .paystation-img
{
	width:					20%;
}

#tab-content .paystation-content
{
	width:					75%;
}

#tab-content table td
{
	vertical-align:			bottom;
	padding:				2px 10px;
}

#tab-content h3
{
	color:					#005782;
	display:				block;
	font-weight:			normal;
	margin-bottom:			0;
}

/* Pay Station list */
#paystation-list
{
	height:					14.3em;
	max-height:				14.3em;
	overflow:				auto;
}

#paystation-list .col2
{
	text-align:				right;
}

/* Recent */
.recentSum
{
	padding:				0.5em 12px;
}

.recentCollection
{
	float:					right;
	margin:					0 0 1em 1em;
	text-align:				right;
}

.recentCollection .fontLarge
{
	color:					#005782;
	border-bottom:			1px solid #005782;
}


/* -------------------------------------------------------------------------------- */
/* systemAdmin  																	*/
/* -------------------------------------------------------------------------------- */

#activityLog.groupBox
{
	min-height:			350px;
}

.paystationList
{
	position: relative;
	overflow: visible;
}

.menuBox.paystationList .filterHeader
{
	margin-bottom: 40px;
}

.filterHeader, #psLastSeen, #filterAccordion
{
	padding:			0;
	margin:				-8px 0 8px 0;
	background:			#f8f8f9;
	width:				100%;
	float: 				left;
	clear:				right !important;
	border-bottom: 		1px solid #e8e9ea;
	overflow: 			hidden;
}

#filterAccordion
{
	overflow: visible;
	display: block;
	position: absolute;
	top: 80px;
	z-index: 1000;
	border-top: 		1px solid #e8e9ea;
	border-bottom: 		1px solid #e8e9ea;
}

#filterAccordion h3
{
	border: none;
	-moz-border-radius:		0;
	-webkit-border-radius:	0;
	border-radius: 		0;
	background: none !important;
	margin: 2px .7em .5em;
    padding: .5em 0 .15em;
}

#filterAccordion h3.ui-accordion-header-active
{
	border-bottom: 1px solid #7E858B !important;
}

#filterAccordion h3 .filterCount, #filterAccordion h4 .filterCount 
{
	display: inline-flex;
	min-width: 1.2rem;
	height: 1.2rem;
	-moz-border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	border-radius: 0.8rem;
	overflow: hidden;
	align-items: center;
	margin-left: 0.4rem;
}

#filterAccordion h3.ui-accordion-header-active .filterCount, #filterAccordion h4.active .filterCount,
#filterAccordion h3 .filterCount span, #filterAccordion h4 .filterCount span
{
	display: none;
}

#filterAccordion h3 .filterCount span.hasValue, #filterAccordion h4 .filterCount span.hasValue
{
	background-color: #1E76A2;
	color: #FFF;
	display: inline-flex;
	width: 100%;
	height: 100%;
	padding: 0 0.2rem;
	align-items: center;
	justify-content: center;
	font-size: 0.75rem;
    line-height: 0.75rem;
}

#filterAccordion .ui-accordion-content-active
{
	max-height: 50vh;
	overflow: auto;
	border-bottom: 1px solid #e8e9ea;
	-moz-box-shadow: 0 3px 3px 0 rgba(53, 59, 63, 0.2);
    -webkit-box-shadow: 0 3px 3px 0 rgba(53, 59, 63, 0.2);
    box-shadow: 0 3px 3px 0 rgba(53, 59, 63, 0.2);
}

#filterAccordion h3, .filter-accordion-header
{
	cursor: pointer;
	display: flex;
	align-items: center;
	height: 23px;
}

.filter-accordion-header
{
	color: #555F66;
	margin: 0.7rem 0 0.25rem;
	border-bottom: 1px solid #9CADB8;
}

.filter-accordion-content
{
	margin-bottom: .7em;;
}

.paystationList #filterAccordion #filterOptionAccordion .filter-accordion-content
{
	max-height: 75px;
	overflow-y: auto;
}

.paystationList #filterAccordion #filterOptionAccordion .filter-accordion-content.device-status
{
	max-height: 100px;
}

.paystationList #filterAccordion #filterOptionAccordion .filter-accordion-content.device-version
{
	max-height: 50px;
}

.paystationList #filterAccordion #filterOptionAccordion.ui-accordion-content
{
	background:			#f8f8f9;
	padding: 0 1em 1em;
}

.filter-accordion-content .filter-checkbox
{
	margin-top: .25em;
	font-size: 13px;
}


.filterHeader.activityLog
{
	overflow: 			visible;
}

.paystationList .filterHeader, .deviceList .filterHeader
{
	border-bottom: 		none !important;	
}

.optionListArea .filterHeader
{
	
}

.searchHeader
{
	margin:					0 0 4px !important;
	border-bottom-color:	#EEF5F8;
	font-size:				0.875em;
	width: 					99.25%;
	overflow: 				visible;
}

.searchHeader input 
{
    font-size: 			1em;
}

.searchHeader .linkButtonFtr.search
{
	top:		4px;
}

#paystationDetails .filterHeader
{
	margin-top:			0 !important;
}

.filterHeader.doubleRow
{
	height:				130px !important;
}

.filterHeader.tripleRow
{
	height:				185px !important;
}


.menuBox .filterHeader, .menuBox #filterAccordion, #psLastSeen, #multiSelectMgmt, #xbpShowAllItemArea
{
	padding:				0;
	margin:					-8px 0 0 0;
	height:					40px;
}

.menuBox #filterAccordion
{
	height: 41px;
}

.filterHeader section.title, #psLastSeen section.title
{
	color:					#FFF;
	background:				#1E76A2;
	background-size:		cover;
	float:					left;
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;	
	font-weight:			500;
	font-size:				2em;
	line-height:			2.3em;
	padding:				0 16px;
	height:					100%;
}

.ui-dialog-content .filterHeader.searchHeader
{
	width: 				100% !important;
}

.ui-dialog .filterHeader.searchHeader
{
	font-size: 				1em;
}

.ui-dialog .filterHeader.searchHeader section.title
{
	background:				#046595;
}

.optionListArea .filterHeader section.title
{
    font-size: 				1.75em;
	line-height: 			1.48em;
}

.optionListArea .filterHeader .filterForm
{
	float: 					left;
    margin: 				5px 0 0 8px;
    width: 					42%;
}

.optionListArea .filterHeader .checkboxLabel, .optionListArea .filterHeader #clearSelected
{
	margin: 				8px 8px 8px 5px;
}

.optionCheckList
{
	width: 					100%;
	margin-bottom: 			12px;
	-webkit-column-count: 	3; /* Chrome, Safari, Opera */
    -webkit-column-gap: 	15px; /* Chrome, Safari, Opera */
    -moz-column-count: 		3; /* Firefox */
    -moz-column-gap: 		15px; /* Firefox */
    column-count: 			3;	
    column-gap: 			15px;
}

.optionCheckList label.checkboxLabel
{
	float: 					left;
	clear: 					both;
	margin: 				2px 2px 3px 4px;
}

.optionListArea h3.detailList
{
	/* margin: 			0 0 0.25em !important; */
}

.filterHeader.doubleRow section.title
{
	line-height:			4.4em !important;
}

.filterHeader.tripleRow section.title
{
	line-height:			6em !important;
}


.menuBox .filterHeader section.title, #psLastSeen section.title
{	
	font-size:				1.4em;
	line-height:			2em;
	padding:				0 8px;
}

.filterHeader section.title img
{
	margin: 				10px 0 0;
}

.menuBox .filterHeader section.title img
{
	margin: 				0;
}

.filterHeader  ul.filterForm
{
	float:				left;

	margin:				5px 0 0;
	padding:				0;
}

.searchHeader ul.filterForm, .alertsFilter ul.filterForm, .collectionsFilter ul.filterForm, .filterHeader ul.filterForm
{
	font-size: 			0.857em;
}

.searchHeader ul.filterForm
{
	margin:				0 !important;	
}

.filterHeader  ul.filterForm label
{
	color: 				#697178;	
	display:				block;
	margin:				2px 0;
}

.filterHeader  ul.filterForm li
{
	position: 				relative; 
	float: 					left;
	padding: 				0 16px 0 8px;
}

.filterHeader  ul.filterForm li.filterCheckBoxes
{
	font-size:				0.857em;
	overflow:				hidden;
	padding:				0 !important;
}

.filterHeader  ul.filterForm li.filterCheckBoxes .checkboxLabel
{
	margin-left:			7px;
}

.menuBox .filterHeader  ul.filterForm li
{
	padding:				0 0 0 8px;
}

.filterHeader  ul.filterForm li .filterMenu
{
	display: 				none; 
	position:				absolute; 
	top: 				0; 
	left: 				0; 
	width: 				100%; 
	background-color: 		rgba(255, 255, 255, 0.75); 
	margin: 				0; 
	padding: 				60px 0 8px; 
	list-style: 			none;
	-moz-border-radius:		6px;	
	-webkit-border-radius:	6px; 
	border-radius: 		6px;
	-moz-box-shadow:		0 0 8px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow:		0 0 8px 0 rgba(0,0,0,0.3);
	box-shadow:			0 0 8px 0 rgba(0,0,0,0.3);
	z-index:				60;
}

.filterHeader  ul.filterForm li .filterMenu ul
{
	margin: 				0;
	padding: 				0;
	border-top: 			1px solid #DADCDE; 
	border-bottom:			1px solid #DADCDE; 
	list-style: 			none; 
	max-height:			150px; 
	width: 				100%; 
	overflow:  			auto;
	white-space:			nowrap;
	font-size:			0.95em;
}

.filterHeader  ul.filterForm li .filterMenu ul li
{
	background-color:		#FFF;
	border-top: 			1px solid #DADCDE; 
	padding: 				0 0 0 12px;
	float:				none;
	white-space:			nowrap;
}

.filterHeader  ul.filterForm li .filterMenu ul li:first-child
{
	border-top: 			0; 
}

.filterHeader  ul.filterForm li .filterTitle
{
	position: 			relative; 
	z-index: 				40; 
	top:					2px; 
	left:				0;
}

.filterHeader  ul.filterForm li .filterTitle .logValue, .filterHeader  ul.filterForm #dateRange .logValue
{
	font-size:				1em;
	font-weight:			600;
	line-height:			1em;
	color:					#005782;
	padding: 				7px 0 0 2px;
}

.filterHeader  ul.filterForm #dateRange .logValue
{
	position:				relative;
	top:					6px;
	left:				12px;
}

.filterHeader ul.filterForm #dateRange
{
	width:				300px;
}

.filterHeader  ul.filterForm li .filterTitle .logValue .undo, .filterHeader  ul.filterForm #dateRange .logValue .undo
{
	border:				0;
	padding:				0;
	margin:				0;
	line-height:			1em;
}

.filterHeader  ul.filterForm li .filterTitle .logValue .undo:hover, .filterHeader  ul.filterForm #dateRange .logValue .undo:hover
{
	text-decoration:		underline !important;
}

.filterHeader  ul.filterForm #dateRange
{
	display: 				none;
	position:				relative;
	padding:				0;
ul#pastNotifications.scrollingList.notificationList {
  max-height: none !important;
}
}

.filterHeader  ul.filterForm #dateRange label
{
	position: 			absolute;
	top: 				3px;
	left: 				17px;
	z-index: 				5; 
}

.filterHeader  ul.filterForm #dateRange #startTime, .filterHeader  ul.filterForm #dateRange #endTime
{
	float: 				left;
	position:				relative;
	top:					10px;
	padding-left:			8px;
}


.filterHeader  ul.filterForm #dateRange .search
{
	position: 			relative;
	left:				8px;
	top:					12px;
	
}

.filterHeader select
{
	margin:					0;
	vertical-align:			middle;
}


.filterHeader.PayStationFilter .col2 label
{
	display:					inline-block;
	width:					75px;
}

.BtnMultiple
{
	padding:					5px 2% 5px 12px;
	text-align:				right;
}

.AddingEmail input.emailInput
{
	width:					250px;
}

.AddingEmail select.emailList
{
	vertical-align:			top;
	height:					125px;
	width:					260px;
}

.AddingEmail #btnAddContact
{
	margin-bottom:			10px;
}

/* blockLabel */
.filterHeader.blockLabel
{
	padding-bottom:			0.5em;
}

.filterHeader.blockLabel .col2 label
{
	display:				block;
	margin-top:				2px;
}

.filterHeader.blockLabel select, .filterHeader.blockLabel input[type=text]
{
	margin:			0 1em 0 0;
}

.filterHeader.blockLabel .customDate
{
	display:				none;
	float:					left;	
	min-width:				230px;
	margin-bottom:			2px;
}

/* filter location route */
.filterLocationRoute
{
	margin:					0.2em auto 0;
}

.filterLocationRoute  .col1
{
	color:					#004B7D;
	font-weight:			600;
	text-align:				right;
	width:					23%;
}

.filterLocationRoute  .col2
{
	width:					75%;
}

.filterLocationRoute  input[type=radio]
{
	margin-bottom:			10px;
}

/* Customers ---------------------------------------- */
.parentCompany
{
	color:					#004B7D;
	font-weight:			600;
	margin:					0.5em 2em 0 0;
	text-align:				right;
}

/* Pay Stations ---------------------------------------- */
.column-editPayStation .editMode dl
{
	padding:				0;
}

/* Notification ---------------------------------------- */
.textarea-message
{
	height:					65px;
}

.notification-preview
{
	margin-top:				0;
}

.notification-preview article
{
	background: 			url("../images/icnLrg-notification.png") no-repeat 30px 15px;
	border: 				1px solid #CFD2D4;
	border-top: 			7px solid #DA7923;
	border-radius: 			6px;
	padding: 				15px 15px 10px 90px;
}

.notification-preview article h3
{
	color: 					#555F66;
	font-size: 				1.286em;
}

/* Server Admin ---------------------------------------- */
.ServerAdmin-Btns
{
	margin:					0.7em 0 0.6em; /*katie*/
}

.ServerAdmin-Btns li
{
	float:					left;
	width:					33%;
	list-style:				none;
	text-align:				center;
}

.currentKey
{
	color:					#005782;
	font-weight:			600;
}

.hashType
{
	padding-left:			2%;
}

/* -------------------------------------------------------------------------------- */
/* jQuery UI 																		*/
/* -------------------------------------------------------------------------------- */
.ui-front { z-index: 5000 !important; }
.ui-widget-overlay.ui-front { z-index: 4999 !important; }
.ui-tooltip { z-index: 5005; max-width:  450px; }
.ui-widget {font-family: 'Open Sans', 'Calibri', 'Trebuchet MS', sans-serif !important; font-size: 1em;}
.ui-sortable-placeholder { border: 1px dashed #CFD2D4 !important; visibility: visible !important; }
.ui-sortable-placeholder * { visibility: hidden; }
.ui-dialog .ui-dialog-titlebar-close, .closeDialog.ui-dialog .ui-dialog-titlebar-close * { margin: 30px; }

.closeDialog.ui-dialog button.ui-dialog-titlebar-close 
{ 
	display: 				block !important;
	background: 			url("../images/icn_Delete_MB.png") no-repeat -160px center !important;
	background-color: 		#046595 !important;
    border: 				0;
	border-left: 			1px solid #79aec8 !important;    
    margin: 				0;
    padding: 				0;
    position: 				absolute;
    right: 					0;
    top: 					0;
    width: 					32px;
	height: 				100%;
	overflow: 				hidden;
	
	-moz-border-radius: 	0;
	-webkit-border-radius:	0;
	border-radius:			0;
}

.closeDialog.ui-dialog button.ui-dialog-titlebar-close:hover
{
	background-color: 		#004b70 !important;
}


.ui-widget-overlay
{
	background-image:		none;
	background-color:		#00172a;
	position: 				fixed;
	top: 					0;
}

.ui-widget-content
{
	background: 			none;
}

.ui-dialog
{ 
	font-size: 				0.875em;
	color: 					#555F66;
	padding: 				0;
	border:					0;
	overflow:				hidden;
	position:				fixed;
	
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius: 			10px;

	-moz-box-shadow:		0 0 8px 1px rgba(0,0,0,0.4);
	-webkit-box-shadow:		0 0 8px 1px rgba(0,0,0,0.4);
	box-shadow:				0 0 8px 1px rgba(0,0,0,0.4);

}

.ui-dialog .ui-dialog-content, .ui-dialog .ui-dialog-buttonpane
{
	background: 		#fefefe;
}

.ui-dialog .ui-widget-header .ui-dialog-title, div#ui-datepicker-div div.ui-datepicker-header
{
	font-family: 			'Roboto', 'Calibri', 'Trebuchet MS', sans-serif !important;	
}

.ui-dialog .ui-widget-header, div#ui-datepicker-div div.ui-datepicker-header
{
	background-color:		#005782;
	border: 				none; 
	font-size:				1.25em !important;
	font-weight:			500 !important;
	word-spacing: 			0.05em;
	letter-spacing: 		0.03em;
	text-transform:			uppercase;
	color:					#FFF;
	padding:				2px 0 2px 10px !important;
	overflow:				hidden;

	-moz-border-radius:		0px;
	-webkit-border-radius:	0px;
	border-radius: 			0px;
	-moz-border-radius-topleft:			8px;
	-moz-border-radius-topright:		8px;
	-webkit-border-top-left-radius:		8px;
	-webkit-border-top-right-radius:	8px;
	border-top-left-radius: 			8px;
	border-top-right-radius:			8px;
}

.ui-dialog.popAlert, .ui-dialog.btnAlert
{
	font-size: 			1.25em;
}

.ui-dialog.popAlert .ui-widget-header, .ui-dialog.popAlert .ui-dialog-buttonpane, .ui-dialog.popList .ui-widget-header, .ui-dialog.btnAlert .ui-widget-header, .ui-dialog.loadAlert .ui-widget-header, .ui-dialog.loadAlert .ui-dialog-buttonpane
{
	display: 				none !important;
}

.ui-dialog.btnAlert .ui-dialog-buttonpane
{
	display: 				inline !important;
	font-size: 			0.75em;
	position: 			absolute;
	bottom: 				2px;
	right: 				3px;
}

.btnAlert .ui-button.ui-widget.ui-corner-all.active /* Edited by Todd */
{
	color:					#353B3F !important;
	background-color:		#f9d657 !important;
	border-color:			#d7b94b !important;
}

.btnAlert .ui-button.ui-widget.ui-corner-all.active:hover /* Edited by Todd */
{
	color:					#3F474C !important;
	background-color: 		#fae07f !important;
	border-color:			#d7b94b !important;
}

.btnAlert .ui-button.ui-widget.ui-corner-all.active:active /* Edited by Todd */
{
	color:					#353B3F !important;
	background-color: 		#d7b94b !important;
	border-color:			#d7b94b !important;
}

.btnAlert .ui-button.ui-widget.ui-corner-all.btnCancel /* Edited by Todd */
{
	color:					#4A5258 !important;
	background-color:		#DADCDE !important;
	border-color:			#B8BCBF !important;
}

.btnAlert .ui-button.ui-widget.ui-corner-all.btnCancel:hover /* Edited by Todd */
{
	color:					#555F66 !important;
	background-color:		#e8e9ea !important;
	border-color:			#B8BCBF !important;
}

.btnAlert .ui-button.ui-widget.ui-corner-all.btnCancel:active /* Edited by Todd */
{
	color:					#4A5258 !important;
	background-color:		#B8BCBF !important;
	border-color:			#B8BCBF !important;
}

/*.ui-dialog.popAlert .ui-dialog-content.ui-widget-content, .ui-dialog.btnAlert .ui-dialog-content.ui-widget-content
{
	height:	auto !important;
}*/

.ui-dialog.alert .ui-widget-header .icon
{
	position:				relative;
	top:					4px;
}

.ui-dialog .ui-dialog-content
{
	padding:				5px 10px;
}

.ui-dialog .ui-dialog-buttonpane
{
	border-top: 			0px;
	padding: 				0 5px 5px;
	margin:					0;
}

.popAlert .ui-dialog-buttonpane, 
.btnAlert .ui-dialog-buttonpane
{
	background:				none !important;
} 

.ui-dialog .ui-dialog-buttonpane #createAnother
{
	padding: 				10px 18px 0 0; 
	font-size: 				12px;
	float: 					right;
}

.ui-autocomplete
{
	color:					#000 !important;
	border:					0;
	max-height: 			40%;
	overflow-y: 			auto;
	overflow-x: 			hidden;
	padding: 				4px 4px;
	font-size: 				0.75em !important;
	white-space:			nowrap;
	z-index:				5005 !important;
	background-color: 		#FFF;
	
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	border-radius: 			4px;

	-moz-box-shadow:		0 0 6px 1px rgba(53,59,63,0.2);
	-webkit-box-shadow:		0 0 6px 1px rgba(53,59,63,0.2);
	box-shadow:				0 0 6px 1px rgba(53,59,63,0.2);
}

.ui-dialog .ui-autocomplete
{
	font-size:			0.857em !important;
}

.ui-autocomplete li.ui-menu-item,.ui-autocomplete li.ui-autocomplete-category
{
	padding: 				1px 25px 1px 0;
}

.ui-autocomplete li.ui-menu-item a:hover, .ui-autocomplete li.ui-menu-item a.ui-state-hover
{
	color:					#005782;
	cursor:					pointer;
	background-color:		#F4F5F6;
}

.ui-combobox
{
	position:				relative;
}

li.ui-menu-item a, li.ui-autocomplete-category a
{
	border:					0 !important;
	margin:					1px !important;
	padding:				3px !important;
	-moz-border-radius:		4px !important;
	-webkit-border-radius:	4px !important;
	border-radius: 			4px !important;
}

#formFileFormat
{
	width: 					91%;
	position: 				relative;
	margin-top:				5%;
}

.ui-tooltip, .toolTipText
{
	font-size:				12px;
	position: 				absolute;
	border: 				1px solid #004B70;
	background-color: 		#F4F5F6;
	color:					#005782;
	padding: 				3px 6px 4px;
	opacity: 				1;

	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	border-radius: 			6px;

	-moz-box-shadow:		0 0 6px 1px rgba(53,59,63,0.2);
	-webkit-box-shadow:		0 0 6px 1px rgba(53,59,63,0.2);
	box-shadow:				0 0 6px 1px rgba(53,59,63,0.2);
}

.ui-tooltip.reqField
{
	background-color:		#F88B2B;
	border: 				1px solid #DA7923;
	color:					#FFF;
}

.ui-tooltip h3, .ui-tooltip div 
{ 
	margin: 				0;
}

.tooltipIcn
{
	cursor:				help !important;
}

#printFrame
{
	background-color:		#FFF !important;
}

#printFrame header .menu, #printFrame header .move, #printFrame header span
{
	display:				none !important;
}

#printFrame header
{
	font-weight:			600 !important;
	font-size:			1.2em !important;
	height:				24px !important;
	margin:				0 !important;
	padding:				0 0 8px 8px !important;
}

/*.highcharts-container span 
{
	background-color: 	#ffffff !important;
}*/

.highcharts-container text
{
	font-size: 			0.875em !important;
}

/* DATE PICKER UI STYLES */
div#ui-datepicker-div
{
	font-size:				0.75em;
	border:					0;
	background: 			#FFF;
	
	-moz-border-radius: 	6px; 
	-webkit-border-radius: 	6px; 
	border-radius: 			6px;
	
	-moz-box-shadow: 		0 0 8px 0 rgba(0,0,0,0.3);
	-webkit-box-shadow: 	0 0 8px 0 rgba(0,0,0,0.3); 
	box-shadow: 			0 0 8px 0 rgba(0,0,0,0.3);
}

div#ui-datepicker-div div.ui-datepicker-header
{
	padding:				4px !important;
}

div#ui-datepicker-div a.ui-datepicker-prev, div#ui-datepicker-div a.ui-datepicker-next,
div#ui-datepicker-div a.ui-datepicker-prev.ui-state-disabled, div#ui-datepicker-div a.ui-datepicker-next.ui-state-disabled
div#ui-datepicker-div a.ui-datepicker-prev.ui-state-disabled:hover, div#ui-datepicker-div a.ui-datepicker-next.ui-state-disabled:hover
{
    background-color: 		#1e76a2;
    background-image: 		url("../images/icn_MoveLeft.png");
    background-position: 	-17px center;
    border: 				1px solid #1e76a2 !important;
    height: 				24px;
    margin: 				3px !important;
    padding: 				0 1px 0 0 !important;
    width: 					19px;

	-moz-border-radius: 	4px; 
	-webkit-border-radius: 	4px; 
	border-radius: 			4px;
}

div#ui-datepicker-div a.ui-datepicker-next, 
div#ui-datepicker-div a.ui-datepicker-next.ui-state-disabled, 
div#ui-datepicker-div a.ui-datepicker-next.ui-state-disabled:hover
{
	background-image:		url("../images/icn_MoveRight.png") !important;
	background-position:	-15px !important;
}

div#ui-datepicker-div a.ui-datepicker-prev:hover, div#ui-datepicker-div a.ui-datepicker-next:hover
{
    background-color: 		#3d89af !important;
	cursor: 				pointer !important;
	left: 					2px !important;
	top: 					2px !important;
}

div#ui-datepicker-div a.ui-datepicker-next:hover
{
	left: 					auto !important;
	right: 					2px !important;
	top: 					2px !important;	
}

div#ui-datepicker-div a.ui-state-disabled:hover
{
    background-color: 		#1e76a2 !important;
	cursor: 				default !important;
}

div#ui-datepicker-div a.ui-state-default.ui-state-hover
{
	border:				1px solid #B8BCBF;
	color:				#003E5E;
}

div#ui-datepicker-div a.ui-state-default.ui-state-active, div#ui-datepicker-div a.ui-state-default.ui-state-highlight.ui-state-active
{
	border:				1px solid #005782;
	color:				#FFF !important;
}

div#ui-datepicker-div a.ui-state-default.ui-state-highlight
{
	border:				1px solid #C6C0BB;
	background-color:		#F4F5F6;
	color:				#6e645d;
	background-image: 		-webkit-linear-gradient(top, #FCF8F5, #FFE5CF);
	background-image: 		-moz-linear-gradient(top, #FCF8F5, #FFE5CF);
	background-image: 		-o-linear-gradient(top, #FCF8F5, #FFE5CF);
	background-image: 		-ms-linear-gradient(top, #FCF8F5, #FFE5CF);
	background-image: 		linear-gradient(top, #FCF8F5, #FFE5CF);
}

div#ui-datepicker-div a.ui-state-default.ui-state-highlight.ui-state-hover
{
	border:				1px solid #FEB474;
	color:				#4C392A;
}

div#ui-datepicker-div a.ui-state-default.ui-state-active.ui-state-hover
{
	border:				1px solid #003E5E;
}

.filterForm li.ui-state-disabled, #unplacedList li.ui-state-disabled, #placedList li.ui-state-disabled
{
	opacity: 				1; 
	filter:				Alpha(Opacity=100); 
	background-image: 		inherit;
}

/* COLLECTION REPORT STYLES */

#collectionDetailView, #transactionDetailView
{
	display:				none;
}

#collectionDetailView article, #transactionDetailView article
{
	padding:				0 1%;
}

#collectionDetailView .reportBody, #transactionDetailView .reportBody, #refundTransactionDetail .reportBody
{
	background: 			#FFF; 
	border: 				1px solid #e8e9ea; 
	overflow: 				hidden; 
	width: 					94%; 
	padding: 				0.3em 2%; 
	margin: 				0.6em auto 1em; 
}

li.listMessage
{
	text-align:				center;
}

.shrinked, .invisible
{
	display: none;
}


.visibleOverflow
{
	overflow:				visible !important;
}

/* MOBILE DEVICE LISTS */

.usrStatusTypeMsg.lgdIn, .deviceApp.lgdIn
{
	color:			#1E76A2;
}

.usrStatusTypeMsg.assigned, .deviceApp.assigned
{
	color:			#004B70;
}

.usrStatusTypeMsg.lgdOut, .deviceApp.lgdOut
{
	color:			#697178;
}

.selected .deviceApp.lgdIn, .selected .deviceApp.assigned, .selected .deviceApp.lgdOut
{
	color:			#FFF;
}

/* FLEX CREDENTIALS TEST */

.flexTestResult
{
	font-size:			0.875em;
	color:				#697178;
	padding:				10px 0 16px;
}

.flexTestIcon
{
	width: 				42px; 
	height: 				41px; 
	margin: 				0 auto; 
	background-image: 		url(../images/icn_loading.gif);
	background-repeat: 		no-repeat;
}

.flexTestIcon.failed
{
	background-image: 		url(../images/icn_ConfirmLrg.png); 
	background-position: 	center 0px; 	
}

.flexTestIcon.success
{
	background-image: 		url(../images/icn_ConfirmLrg.png); 
	background-position: 	center -60px; 	
}

.autoCountHeading
{
	font-weight:			normal !important;
}