@charset "utf-8";
/* CSS Document */

/*	general2.css
	$Rev: 7992 $
	Version 2.25 (See release-notes.htm for more details)
		
	For questions about this file contact Matt Soltvedt: matt.soltvedt at optum.com. */

/************************************************************************************ Naming Conventions */

/* 	

	ux- prefix is to avoid naming collisions.
	-brdc = breadcrumbs
	-btn  = buttons
	-colr = colors
	-date = date chooser
	-efct = effect (drop-shadows, etc.)
	-grid = grid system(s)
	-hnav = horizontal navigation
	-hovr = hover for tablets
	-labl = labels (usually for form fields)
	-lbox = lightbox
	-lstb = list builder
	-menu = context menu
	-mhdr = mobile header
	-modl = modal windows
	-msg  = messaging (success and error)
	-ntfy = notifications drop-down
	-pagi = pagination
	-panl = panels (widget containers)
	-rppg = records per page
	-sbtn = split button
	-sip  = sign in page
	-snav = secondary horizontal navigation
	-tpnl = tabbed panel
	-tree = tree structure
	-unav = (global) utility navigation
	-vnav = vertical navigation
	
*/


/************************************************************************************ CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
	.ux-tabl-form, .ux-tabl-form-sip, .ux-tabl-form-vertical-labels, .ux-tabl-form-multicol, .ux-tabl-data, .ux-tabl-data-touch,
	.ux-tabl-form caption, .ux-tabl-form-sip caption, .ux-tabl-form-vertical-labels caption, .ux-tabl-form-multicol caption, .ux-tabl-data caption, .ux-tabl-data-touch caption, 
	.ux-tabl-form tbody, .ux-tabl-form-sip tbody, .ux-tabl-form-vertical-labels tbody, .ux-tabl-form-multicol tbody, .ux-tabl-data tbody, .ux-tabl-data-touch tbody, 
	.ux-tabl-form tfoot, .ux-tabl-form-sip tfoot, .ux-tabl-form-vertical-labels tfoot, .ux-tabl-form-multicol tfoot, .ux-tabl-data tfoot, .ux-tabl-data-touch tfoot, 
	.ux-tabl-form thead, .ux-tabl-form-sip thead, .ux-tabl-form-vertical-labels thead, .ux-tabl-form-multicol thead, .ux-tabl-data thead, .ux-tabl-data-touch thead, 
	.ux-tabl-form tr, .ux-tabl-form-sip tr, .ux-tabl-form-vertical-labels tr, .ux-tabl-form-multicol tr, .ux-tabl-data tr, .ux-tabl-data-touch tr, 
	.ux-tabl-form td, .ux-tabl-form-sip td, .ux-tabl-form-vertical-labels td, .ux-tabl-form-multicol td, .ux-tabl-data td, .ux-tabl-data-touch td, 
	.ux-tabl-form th, .ux-tabl-form-sip th, .ux-tabl-form-vertical-labels th, .ux-tabl-form-multicol th, .ux-tabl-data th, .ux-tabl-data-touch th {
		/* Revisit this if we ever replace the text editor component (2/25/13) */
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
.ux-tabl-form, .ux-tabl-form-sip, .ux-tabl-form-vertical-labels, .ux-tabl-form-multicol, .ux-tabl-data, .ux-tabl-data-touch, .ux-ntfy, .ux-date {
	border-collapse: collapse;
	border-spacing: 0;
}


/************************************************************************************ Defaults and Typography */
/* Anchor/Link pseudo-classes in order so they don't override each other:
	link (unvisited), visited, hover, active and focus. */
a, a:link, a:visited, a:hover {
	color: #0064a4;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:active,
.ux-content a:active,
#ux-ftr a:active,
a:focus {
	outline: dotted thin;
	text-decoration: underline;
}
body { background-color: white; }
body, input, select, .ux-modl { 
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
}
p, .ux-form-input-tip, h6, .ux-tabl-wrapping-content, ul { line-height: 120%; }
p { margin-bottom: 11px; }
h1, 
.ux-tabl-actions > h2, 
.ux-tabl-actions-touch > h2 {
	color: #666666;
	font-size: 24px;
	margin-top: 26px;
	margin-bottom: 13px;
}
	.ux-brdc + h1 { /* If there is a breadcrumb on the page then we'll let it set the margin between it and the h1. */
		margin-top: 0;
	}
	.ux-tabl-actions > h2,
	.ux-tabl-actions-touch > h2 { margin-bottom: 0; }
h2,
.ux-tabl-form-sip h1 {
	color: #C36121;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 13px;
	line-height: 120%;
}
	h1 + h2 { margin-top: 26px; }
	.ux-tabl-form-sip h1 { margin-bottom: 7px; }
h3 {
	color: #333333;
	font-size: 14px;
	font-weight: bold;
	line-height: 120%;
}
h4 {
	font-weight: bold;	
}
h5 {
	font-style: italic;
}
code { font-family:"Courier New", Courier, monospace; }
em { font-style: italic; }
strong { font-weight: bold; }


/************************************************************************************ Page Structure */
#ux-wrapper {
	background-color: white;
	display: block;
	width: 100%;
}

.ux-content {
	margin: 0 26px;
}

/* 
If there's a secondary nav on this page then we need to adjust the content's left margin accordingly. Remember there's a width on ux-vnav and a right margin. The margin-left below should be the sum of those two values.
*/
.ux-vnav ~ .ux-content { margin-left: 182px; } /* Default and minimum value */
.ux-vnav.ux-width-13t ~ .ux-content { margin-left: 195px; }
.ux-vnav.ux-width-14t ~ .ux-content { margin-left: 208px; }
.ux-vnav.ux-width-15t ~ .ux-content { margin-left: 221px; }
.ux-vnav.ux-width-16t ~ .ux-content { margin-left: 234px; }
.ux-vnav.ux-width-17t ~ .ux-content { margin-left: 247px; }


/************************************************************************************ Footer */
#ux-ftr {
	clear: both;
	margin: 26px 0;
	padding: 0 26px;
	font-size: 12px;
}
#ux-ftr:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
	.ux-ftr-logo-secondary {
		display: block;
		margin-bottom: 13px;
	}
	#ux-ftr p {
		color: #333333;
	}
	.ux-ftr-co-brand-logo {
		float: right;
		margin: 0 0 13px 13px;	
	}
	
		
/************************************************************************************ Utility Navigation and Footer Links */
.ux-unav,
.ux-ftr-links {
	list-style: outside none;
	display: inline;
/*	font-size: 0px;  To eliminate the white-space between tabs. */
	letter-spacing: -1px; /* Safari white-space fix. */
	white-space: nowrap;
	-moz-box-sizing: border-box; 
	-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	display: inline-block;
	text-align: right;
}
	.ux-unav { height: 44px; }
	.ux-ftr-links { margin-bottom: 13px; }
	.ux-unav li,
	.ux-ftr-links li {
		display: inline-block;
		letter-spacing: normal; /* To undo the fix made at parent level */
		font-size: 12px;
		white-space: nowrap;
		padding: 0;
		margin: 0;
		position: relative;
	}
		.ux-unav li {			
			vertical-align: middle;
			height: 44px;
			line-height: 44px;
		}
		.ux-unav li:first-child,
		.ux-ftr-links li:first-child {
			padding-left: 0;
			margin-left: 0;
			border-left: 0;
		}
		.ux-unav > li:before,
		.ux-ftr-links > li:before {
			content: "|";
			color: #B3B3B3;
			display: inline-block;
			margin-left: 7px;
			margin-right: 7px;
			white-space: nowrap;
			vertical-align: middle;
		}
		.ux-unav li *,
		.ux-ftr-links li * { white-space: normal; }
			.ux-unav li a,
			.ux-ftr-links li a { white-space: nowrap; }
			.ux-unav li:first-child:before,
			.ux-ftr-links li:first-child:before {
				content: "";
				display: none;
			}
			.ux-unav > li.ux-unav-has-submenu > span { cursor: pointer; }
			.ux-unav > li.ux-unav-has-submenu.ux-unav-hover > span { text-decoration: underline; }
			.ux-ftr-links li a {
				display: inline-block;
			}
			.ux-unav li ul li.ux-unav-informational {
				background-color: white;
				height: auto;
				text-align: left;
				padding: 13px;
				line-height: normal;
				color: #888B8D;
			}
				.ux-unav li ul li.ux-unav-informational .ux-unav-copyright-statement {
					margin-bottom: 13px;
					margin-right: 13px;
					white-space: nowrap;
					display: block;
				}
					.ux-unav li.ux-unav-hover > span.ux-unav-copyright-statement { text-decoration: none; }
				.ux-unav li ul li.ux-unav-informational p {
					margin-bottom: 0;
				}
				.ux-unav li ul li.ux-unav-informational a {
					color: #0064A4;
					height: auto;
					display: inline;
					margin: 0;
					padding: 0;
					line-height: inherit;
					vertical-align: baseline;
					white-space: normal;
				}


/************************************************************************************ Horizontal Navigation */
/* Deprecated: remove in 2.26 */

.ux-hnav {
	font-size: 0; /* To eliminate the white-space between tabs. */
	letter-spacing: -1px; /* Safari white-space fix. */
	list-style: outside none;
	padding-left: 13px;
	border-bottom: 4px solid #F47B29;
	position: relative;
	height: 27px;
	white-space: nowrap;
}
	.ux-hnav,
	.ux-hnav-has-vertical-tertiary ul,
	.ux-hnav-has-vertical-secondary ul {
		-moz-box-shadow: 0px 2px 3px #b3b3b3;
		box-shadow: 0px 2px 3px #b3b3b3;
	}
	.ux-hnav > li,
	.ux-hnav-secondary > li { font-size: 12px; }
	.ux-hnav > li {
		letter-spacing: normal; /* To undo the fix made at parent level */
		display: inline-block;
		margin-left: 4px;
		background-color: #cccccc;
		background: -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
		background: -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
		background: linear-gradient(to bottom, #e6e6e6 0%, #cccccc 100%);
		border: 1px solid #b3b3b3;
		border-bottom: 0;
		border-top-left-radius: 4px;
		-moz-border-top-left-radius: 4px;
		border-top-right-radius: 4px;
		-moz-border-top-right-radius: 4px;
	}
		.ux-hnav > li:first-child {
			margin-left: 0;
		}
		.ux-hnav > li > a {
			color: #333333;		
			padding: 0 13px;
			line-height: 26px;
			white-space: nowrap;
			vertical-align: middle;
			height: 26px;
			display: inline-block;
			text-decoration: none;
		}
			.ux-hnav > li:hover {
				background-color: #f8b17c;
				background: -webkit-linear-gradient(top, #fbcda6 0%, #f8b17c 100%);
				background: -moz-linear-gradient(top, #fbcda6 0%, #f8b17c 100%);
				background: linear-gradient(to bottom, #fbcda6 0%, #f8b17c 100%);
				border-color: #C36121;
			}
				.ux-hnav > li:hover a { color: black; }
			.ux-hnav > li.ux-hnav-selected {
				background-color: #F47B29;
				background: -webkit-linear-gradient(top, #C36121 0%, #F47B29 100%);
				background: -moz-linear-gradient(top, #C36121 0%, #F47B29 100%);
				background: linear-gradient(to bottom, #C36121 0%, #F47B29 100%);
				border-color: #622E12;
			}
				.ux-hnav > li.ux-hnav-selected > a { color: white; }

	/* For more tab */	
	li.ux-hnav-more-tab > a,
	li.ux-hnav-more-tab > a:hover {
		background: url(../images/down_arrow.png) no-repeat 13px 10px;
		overflow: hidden;
		width: 40px;
		padding-left: 0px; /* To push the text content of the link out of view. */
		padding-right: 0;
		line-height: 500px; /* Stupid Safari */
	}
	.ux-hnav-more-tab ul,
	.ux-hnav-has-vertical-secondary > li > ul,
	.ux-hnav-has-vertical-tertiary ul { 
		display: none;
		background-color: #fef3e8;
		border: 1px solid #F47B29;
		border-top: 4px solid #F47B29;
		border-bottom-left-radius: 4px;
		-moz-border-bottom-left-radius: 4px;
		border-bottom-right-radius: 4px;
		-moz-border-bottom-right-radius: 4px;
		position: absolute; 
		top: 27px;
	}
	.ux-hnav-more-tab ul,
	.ux-hnav-has-vertical-secondary > li > ul { 
		background-color: #fef3e8; 
		margin-left: -1px;
	}
		li.ux-hnav-more-tab { position: relative; }
		.ux-hnav-more-tab ul {
			margin-right: -1px;
			margin-left: inherit;
			margin-top: -1px;
			right: 0;
		}
	.ux-hnav-more-tab:hover > ul,
	.ux-hnav-has-vertical-secondary > li:hover > ul,
	.ux-hnav-has-vertical-tertiary:hover > ul { display: block; }
		.ux-hnav-more-tab ul li,
		.ux-hnav-has-vertical-secondary > li > ul li,
		li.ux-hnav-has-vertical-tertiary { display: block; }
			.ux-hnav-more-tab ul li a,
			.ux-hnav-has-vertical-secondary > li > ul li a,
			li.ux-hnav-has-vertical-tertiary > ul li a { 
				color: #333333;		
				display: block;
				text-decoration: none;
				padding: 4px 13px;
			}
				.ux-hnav-more-tab ul li a:hover,
				.ux-hnav-more-tab ul li.ux-hnav-selected a,
				.ux-hnav-has-vertical-secondary > li > ul > li a:hover,
				.ux-hnav-has-vertical-secondary > li > ul > li.ux-hnav-selected a,
				.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul > li > a:hover,
				.ux-hnav-has-vertical-tertiary ul li a:hover,
				.ux-hnav-has-vertical-tertiary ul li.ux-hnav-selected { 
					text-decoration: underline;
				}
	
	/* For horizontal secondary navigation */
	.ux-hnav-has-horizontal-secondary { 
		padding-bottom: 22px; 
		border-bottom-width: 1px;
	}
	.ux-hnav-has-horizontal-secondary > li > ul { display: none; }
	.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul,
	.ux-hnav-secondary {
		display: block;
		background-color: #fef3e8;
		border-bottom: 1px solid #F47B29;
		border-top: 4px solid #F47B29;
		width: 100%;
		white-space: normal; /* Note, this is a temporary fix. */
	}
		.ux-hnav-secondary { border-top: 0px; }
		.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul {
			position: absolute;
			top: 27px;
			left: 0px;
		}
		.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul > li,
		.ux-hnav-secondary > li { display: inline-block; }
		.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul > li:first-child,
		.ux-hnav-secondary > li:first-child { margin-left: 27px; }
		.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul > li.ux-hnav-selected > a,
		.ux-hnav-secondary > li.ux-hnav-selected > a { text-decoration: underline; }
		.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul > li > a,
		.ux-hnav-secondary > li > a {
			display: inline-block;
			color: black;
			padding: 4px 0;
			margin-right: 39px;
		}
	
	/* For vertical drop-down secondary navigation */
	.ux-hnav-has-vertical-secondary > li.ux-hnav-selected > ul { 
		background-color: #F47B29;
		margin-left: 0;
	}
		.ux-hnav-has-vertical-secondary > li.ux-hnav-selected > ul > li > a { color: white; }
	
	/* For vertical drop-down tertiary navigation */
	.ux-hnav-has-vertical-tertiary ul { 
		border-top: 0;
		top: 21px;
	}
	.ux-hnav-has-horizontal-secondary .ux-hnav-selected.ux-hnav-has-vertical-tertiary > a,
	.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul > li.ux-hnav-has-vertical-tertiary > a {
		background: url(../images/down_arrow.png) no-repeat right 7px;
		padding-right: 18px;
	}
	
	/* For tertiary navigation sub-menu */	
	.ux-hnav-has-vertical-tertiary > ul > li:hover > ul { 
		display: block;
		right: 100%;
		margin-right: -2px;
		top: -1px;
		border-top-left-radius: 4px;
		-moz-top-bottom-left-radius: 4px;
		border-top-right-radius: 4px;
		-moz-border-top-right-radius: 4px;
		border: 1px solid #F47B29;
		white-space: nowrap;
	}
		.ux-hnav-has-vertical-tertiary > ul > li {
			position: relative; /* Position the sub-menu bubble relative to its parent li */
		}
		.ux-hnav-has-vertical-tertiary > ul > .ux-hnav-has-vertical-tertiary {
			background: url(../images/arrow-right_sm_black.png) 100% 45% no-repeat;
			padding-right: 13px;
		}


/************************************************************************************ Secondary Horizontal Navigation */
.ux-snav {
	font-size: 0;
	background-color: #e6e6e6;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e6e6e6')";
	background: -webkit-linear-gradient(top, #ffffff 0%, #E6E6E6 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #E6E6E6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #E6E6E6 100%);
	border-bottom: 1px solid #CCCCCC;
	padding-left: 13px;
	box-shadow: 0px 3px 6px rgba(179, 179, 179, 0.35);
	white-space: nowrap;	
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 40px;
	overflow: hidden;
}
	.ux-snav a {
		color: #333333;
	}
	.ux-snav > li {
		display: inline-block;
		font-size: 14px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 39px;
	}
		.ux-snav > li.ux-snav-disabled > a,
		.ux-snav > li.ux-snav-disabled.ux-snav-hover > a,
		.ux-snav > li.ux-snav-disabled.ux-snav-active > a {
			color: #999999;
			background: none;
		}
		.ux-snav > li.ux-snav-disabled > a:hover { text-decoration: none; }
	.ux-snav > li.ux-snav-hover,
	.ux-snav > li.ux-snav-active {
		box-shadow: 0px 3px 6px rgba(179, 179, 179, 0.95);
	}
		.ux-snav > li.ux-snav-disabled.ux-snav-hover { box-shadow: none; }
	.ux-snav > li.ux-snav-selected {
		background-color: #ffffff;
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#b3b3b3')";
		background: -webkit-linear-gradient(top, #ffffff 0%, #B3B3B3 100%);
		background: -moz-linear-gradient(top, #ffffff 0%, #B3B3B3 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #B3B3B3 100%);
		box-shadow: 0px 3px 6px rgba(179, 179, 179, 0.35);
		padding-left: 1px;
		padding-right: 1px;
	}
		.ux-snav > li.ux-snav-selected > a { 
			background-color: white;
			font-weight: bold;
		}
		.ux-snav > li.ux-snav-hover > a,
		.ux-snav > li.ux-snav-active > a {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			background-color: #F5E099;
			color: black;
			height: 39px;
		}
		.ux-snav > li > a:active,
		.ux-snav > li > a:focus {
			background-color: #F5E099;
		}
			.ux-snav > li.ux-snav-has-submenu.ux-snav-hover > a,
			.ux-snav > li.ux-snav-has-submenu.ux-snav-active > a {
				height: 40px;
			}
			.ux-snav li.ux-snav-active > a { background-color: #eebd33; }
			/*.ux-snav li li.ux-snav-has-submenu.ux-snav-active > a { background-color: #F5E099; }*/
		/*.ux-snav > li.ux-snav-has-submenu.ux-snav-hover > a {
			background-color: #eebd33;	
		}*/
		.ux-snav > li > a {
			display: block;
			height: 14px;
			padding: 13px 13px 12px 13px;
			line-height: 1;
		}
			.ux-snav > li.ux-snav-has-submenu > a:after {
				background: url("../images/tiny_arrow_sprite.png") no-repeat scroll -63px 0 transparent;
				content: "";
				display: inline-block;
				height: 11px;
				margin-left: 4px;
				width: 9px;
			}
		.ux-snav ul { display: none; }
		.ux-snav li.ux-snav-hover > ul {
			display: block;
			border: 1px solid #CCCCCC;
			border-top: 0;
			position: absolute;
			z-index: 1;
			box-shadow: 0 3px 6px rgba(179, 179, 179, 0.35);
		}
		.ux-snav li.ux-snav-selected > ul { margin-left: -1px; }
			.ux-snav ul li {
				display: block;
				background-color: white;
				height: 38px;
				position: relative;
			}
				.ux-snav ul li > a {
					border-top: 1px solid #cccccc;	
				}
			.ux-snav ul li.ux-snav-has-submenu:after {
				background: url("../images/tiny_arrow_sprite.png") no-repeat scroll -35px 0 transparent;
				content: "";
				display: inline-block;
				height: 10px;
				width: 6px;
				position: relative;
				top: -28px;
				left: 100%;
				margin-left: -19px;
			}
			.ux-snav ul li.ux-snav-hover {
				background-color: #F5E099;	
			}
			.ux-snav > li > ul > li:first-child > a { border-top: 0; }
				.ux-snav ul li a {
					-webkit-box-sizing: border-box;
					-moz-box-sizing: border-box;
					box-sizing: border-box;
					display: block;
					font-size: 12px;
					line-height: 12px;
					padding: 13px;
				}
				.ux-snav ul li.ux-snav-has-submenu > a {
					padding-right: 23px;	
				}
			.ux-snav > li > ul {
				margin-top: -1px;
				margin-left: -1px;
			}
			.ux-snav ul ul,
			.ux-snav ul li.ux-snav-hover ul {
				border-top: 0;
				position: absolute;
				top: 0;
				left: 100%;
			}


/************************************************************************************ Header, Global Nav, and Utility Nav */
.ux-head {
	height: 88px;
	border-bottom: 1px solid #F47B29;
	white-space: nowrap;
	display: table;
	width: 100%;
}

	.ux-head-cntr-logo,
	.ux-head-cntr-navigation {
		display: table-cell;
		vertical-align: top;
	}
	
	.ux-head-cntr-logo {
		-moz-box-sizing: border-box; 
		-box-sizing: border-box; 
		-webkit-box-sizing: border-box; 
		box-sizing: border-box;
		height: 62px;
		padding: 13px;
		padding-right: 26px;
	}
		.ux-head-logo {
			display: table-cell;
			vertical-align: bottom;
			height: 62px;
		}
	.ux-head-cntr-navigation-global {
		height: 44px;
		text-align: right;
	}
		.ux-head-cntr-navigation-global > ul {
			margin-right: 15px;
		}
			.ux-head-cntr-navigation-global ul ul { margin-right: 13px; }
		.ux-head-welcome {
			font-weight: bold;	
		}
	.ux-head-cntr-navigation-primary {
		height: 44px;
		text-align: right;
	}
	

		.ux-pnav {
			font-size: 0px; /* To eliminate the white-space between tabs. */
			letter-spacing: 0px; /* Safari white-space fix. */
			display: inline-block;
			color: #333333;
			height: 43px;
			white-space: nowrap;
		}
			.ux-pnav a,
			.ux-unav ul a {
				color: #333333;
			}
			.ux-pnav li,
			.ux-unav ul li {
				letter-spacing: normal; /* To undo the fix made at parent level */
				font-size: 14px;
				display: inline-block;
				-moz-box-sizing: border-box; 
				-box-sizing: border-box; 
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				height: 44px;
				border: 1px solid #cccccc;
				border-width: 1px 1px 0 0;
			}
				.ux-pnav > li:first-child { border-left-width: 1px; }
					.ux-pnav li li { border-width: 1px 0 0 0; }
				.ux-pnav > li.ux-pnav-has-submenu > a:after {
					content: "";
					display: inline-block;
					height: 11px;
					width: 9px;
					margin-left: 4px;
					background: url(../images/tiny_arrow_sprite.png) no-repeat -63px 0;
				}
				.ux-pnav li ul li.ux-pnav-has-submenu a { padding-right: 26px; }
					.ux-pnav li ul li.ux-pnav-has-submenu:after {
						content: "";
						display: inline-block;
						height: 11px;
						width: 6px;
						top: -29px;
						right: 13px;
						position: relative;
						background: url(../images/tiny_arrow_sprite.png) no-repeat -35px 0;
					}
				.ux-pnav li a,
				.ux-unav ul li a {
					display: block;
					background-color: white;
					-moz-box-sizing: border-box; 
					-box-sizing: border-box; 
					-webkit-box-sizing: border-box;
					box-sizing: border-box;
					border-top: 3px solid transparent;
					border-bottom: 3px solid transparent;
					height: 43px;
					line-height: 37px;
					padding-left: 13px;
					padding-right: 13px;
					vertical-align: middle;
					text-align: left;
				}
				.ux-pnav li.ux-pnav-selected > a { 
					border-top-color: #F47B29;
					height: 44px; 
				}
				.ux-pnav li.ux-pnav-hover > a,
				.ux-unav ul li.ux-unav-hover > a,
				.ux-pnav li.ux-pnav-submenu-open > a { background-color: #F5E099; }
				.ux-pnav li,
				.ux-unav li { 
					position: relative;
				}
				.ux-pnav li ul,
				.ux-unav li ul { 
					display: none;
					position: absolute;
					right: 0px;
					border: 1px solid #666666;
					z-index: 1;
				}
					.ux-pnav > li > ul {
						margin-right: -1px; /* For border */	
					}
					.ux-unav li ul {
						margin-top: -10px;
					}
					.ux-unav li.ux-unav-submenu-open > ul,
					.ux-pnav li.ux-pnav-submenu-open > ul { display: block; }
						.ux-pnav li.ux-pnav-active > a,
						.ux-unav ul li.ux-unav-active > a,
						.ux-pnav li.ux-pnav-submenu-open.ux-pnav-active > a,
						.ux-unav ul li.ux-unav-submenu-open.ux-unav-active > a {
							background-color: #eebd33;
						}
					
					.ux-pnav li > a:active,
					.ux-unav ul li > a:active,
					.ux-pnav li.ux-pnav-submenu-open > a:active,
					.ux-unav ul li.ux-unav-submenu-open > a:active,
					
					.ux-pnav li > a:focus,
					.ux-unav ul li > a:focus,
					.ux-pnav li.ux-pnav-submenu-open > a:focus,
					.ux-unav ul li.ux-unav-submenu-open > a:focus {
						background-color: #F5E099;
					}
					.ux-pnav li ul li,
					.ux-unav li ul li {
						display: block;
						font-size: 12px;
						border-left: 0;
						height: 44px;
					}
						.ux-pnav li ul li:first-child,
						.ux-unav li ul li:first-child { 
							border-top: 0;
							height: 43px;
						}
						.ux-pnav li ul li a,
						.ux-unav li ul li a { 
							border: 0;
							line-height: 43px;
						}
						.ux-pnav > li ul li ul,
						.ux-unav > li ul li ul {
							right: 100%;
							margin-top: -44px;	
						}

			/* Utility navigation drop-down (the rest is with ux-head) */
			.ux-unav li.ux-unav-has-submenu > a { padding-right: 0px; }
			.ux-unav li.ux-unav-hover > a { text-decoration: underline; }
				.ux-unav li.ux-unav-has-submenu > a:after,
				.ux-unav li.ux-unav-has-submenu > span:after {
					content: "";
					display: inline-block;
					height: 11px;
					width: 9px;
					margin-left: 4px;
					top: 1px;
					position: relative;
					background: url(../images/tiny_arrow_sprite.png) no-repeat -63px 0;
				}
					.ux-unav li.ux-unav-has-submenu > a:after {
						background-position: -63px -11px;	
					}
		
span.ux-head-welcome {
	display: table-cell;
	line-height: 100%;
	height: 44px;
	vertical-align: middle;
	white-space: normal;
	position: relative;
}


/************************************************************************************ Vertical Navigation */
.ux-vnav {
	padding-top: 26px;
	list-style: none outside;
	background-color: white;
	width: 156px;
	font-size: 14px;
	margin-bottom: 26px;
	margin-right: 26px;
	float: left;
	color: #b3b3b3;
	position: relative;
}
	.ux-vnav > li {
		display: block;
		border-top: 1px solid #CCCCCC;
		border-bottom: 1px solid #CCCCCC;
	}
		.ux-vnav > li + li {
			border-top: 0;	
		}
	.ux-vnav > .ux-vnav-selected,
	.ux-vnav > .ux-vnav-has-selected {
		margin-top: -1px; /* To overlap the bottom border of the list item above it. */
		border-top: 3px solid #F47B29;
		border-bottom: 1px solid #f47b29;
	}
		.ux-vnav > li:first-child.ux-vnav-selected {
			margin-top: 0; /* No preceding li with a bottom border to overlap. */
		}
		.ux-vnav > li.ux-vnav-selected + li {
			border-top: 0;	
		}
	.ux-vnav li.ux-vnav-disabled > a {
		color: #999999;	
	}
	.ux-vnav li > a:active,
	.ux-vnav li > a:focus,
	.ux-vnav li.ux-vnav-hover > a {
		background-color: #F5E099;
	}
	.ux-vnav li.ux-vnav-active > a {
		background-color: #EEBD33;
		color: black;
	}
	.ux-vnav li.ux-vnav-disabled > a:active,
	.ux-vnav li.ux-vnav-disabled > a:focus,
	.ux-vnav li.ux-vnav-disabled > a {
		color: #999999;
		background-color: transparent;
	}		
	.ux-vnav a {
		display: table-cell;
		color: #333333;
		height: 17px;
		vertical-align: middle;
		position: relative;
		width: 300px;
	}
		.ux-vnav li > a {
			padding: 8px 13px;
		}
			.ux-vnav > li > ul > li > a {
				padding-left: 26px;
			}
	.ux-vnav a:hover { text-decoration: none; }
		.ux-vnav .ux-vnav-selected > a { font-weight: bold; }
	.ux-vnav > .ux-vnav-submenu-open > a {
		background: url(../images/nav_arrow_down.png) right center no-repeat;
		padding-right: 17px;
	}
	.ux-vnav > .ux-vnav-submenu-closed > a {
		background: url(../images/nav_arrow_right.png) right center no-repeat;
		padding-right: 17px;
	}
	
	.ux-vnav ul { display: none; }
	.ux-vnav li.ux-vnav-submenu-open > ul { display: block; }

/* Tablet adjustments */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-device-pixel-ratio: 1.5) {
	.ux-vnav li > a {
		height: 28px;
	}
}
		

/************************************************************************************ Panels */

.ux-panl {
	border: 1px solid #E6E6E6;
	-moz-box-shadow: 3px 3px 3px 5px #b3b3b3;
	-webkit-box-shadow: 0px 2px 3px #b3b3b3;
	box-shadow: 0px 3px 6px rgb(179, 179, 179);
	box-shadow: 0px 3px 6px rgba(179, 179, 179, 0.35);
	margin-bottom: 19px;
	display: table;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
	.ux-panl .ux-panl {
		border: 0;
		box-shadow: none;
		margin: 0;
	}
	.ux-panl-header {
		height: 39px;
		padding-left: 13px;
		padding-right: 13px;
	}
		.ux-panl-header h2,
		.ux-panl-header h3 {
			margin: 0;
			height: 39px;
			display: table-cell;
			vertical-align: middle;
		}
		.ux-panl-with-underline {
			border-bottom: 1px solid #E6E6E6;	
		}
		
		.ux-panl-open > .ux-panl-header {
			background: url(../images/twisties_gray6.png) no-repeat 9px -31px;
			padding-left: 30px;
			cursor: pointer;
		}
		.ux-panl-closed > .ux-panl-header {
			background: url(../images/twisties_gray6.png) no-repeat 9px 4px;
			padding-left: 30px;
			cursor: pointer;
		}
		.ux-panl-closed > .ux-panl-content {
			display: none;	
		}
	.ux-panl-content {
		padding: 13px;	
	}
	.ux-panl .ux-panl-header a.ux-panl-helper {
		float: left;
		width: 20px;
		overflow: hidden;
		margin-left: -21px;
		text-decoration: none;
	}

/************************************************************************************ Panel Header w/Actions */
.ux-panl-header-w-actions > h2,
.ux-panl-header-w-actions > h3,
.ux-panl-header-w-actions-no-seperator > h2,
.ux-panl-header-w-actions-no-seperator > h3 {
	float: left;
	margin-top: 12px;
	height: auto;
}

.ux-panl-header-w-actions > ul,
.ux-panl-header-w-actions-no-seperator > ul {
	float: right;
	margin-top: 12px;
}
.ux-panl-header-w-actions > ul > li:after,
.ux-panl-header-w-actions-no-seperator > ul > li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	overflow: hidden;
}
.ux-panl-header-w-actions > ul > li,
.ux-panl-header-w-actions-no-seperator > ul > li {
	display: inline-block;
	list-style: none;
	font-size: 12px;
	margin: 0;
	margin-left: 9px;
	vertical-align: middle;
}
.ux-panl-header-w-actions > ul > li:before {
	content: "|";
	color: #B3B3B3;
	display: inline-block;
	margin: 0;
	margin-right: 9px;
	white-space: nowrap;
	vertical-align: middle;
}
.ux-panl-header-w-actions > ul > li:first-child:before {
	content: "";
	display: none;
}


/************************************************************************************ Messaging */
.ux-msg-success,
.ux-msg-error {
	border-radius: 4px;
	-moz-border-radius: 4px;
	min-height: 23px;
	color: #333333;
	padding: 13px 13px 4px 56px;
	margin-bottom: 26px;
	margin-top: 13px;
}
.ux-msg-success {
	border: 1px solid #7E9E16;
	background: #E9EFDA url(../images/icon-success1.png) 13px 4px no-repeat;
}
.ux-msg-error {
	border: 1px solid #ce0c28;
	background: #f7eeef url(../images/warning-icon1.png) 13px 4px no-repeat;
}
.ux-msg-error-inline, .ux-msg-error-under { color: #ce0c28; }
.ux-msg-error-inline { margin-left: 13px; }
.ux-msg-error-under { 
	display: block;
	margin-top: 4px;
}
	.ux-tabl-form-sip .ux-msg-error-inline { 
		line-height: 16px;
		position: absolute;
	}
	.ux-tabl-form-vertical-labels .ux-msg-error-inline {
		display: block;
		margin: 0 0 4px 0;
	}


/************************************************************************************ Forms */

/* Note: when tables are used to structure form information refer also to Tables block. */
label { 
	color: #333333;
}
	input[type="radio"],
	input[type="checkbox"],
	input[type="radio"] + label,
	input[type="checkbox"] + label { /* Line up the radio button with the label. */
		vertical-align: middle;
	}
		td input[type="radio"],
		td input[type="checkbox"],
		td input[type="radio"] + label,
		td input[type="checkbox"] + label { /* Line up the radio/checkbox/label with the text in adjacent cells. Note: Depends on td vertical-align being baseline by default. */
			position: relative;
			top: -1px;
		}
	input[type="radio"] + label,
	input[type="checkbox"] + label { 
		margin-left: 4px;
	}
		ul li input[type="radio"] + label {	
			line-height: 26px;	
		}

input[type="radio"],
input[type="checkbox"] {
	margin: 0;
	padding: 0;
}
select {
	border: 1px solid #999999;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 19px;
	color: #333333;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
	select[disabled="disabled"] {
		border: 1px solid #b3b3b3;
		color: #999999;
		background-color: white;
	}
input[type="text"], 
input[type="password"] { 
	padding-left: 4px; 
	padding-right: 4px;
	border: 1px solid #666666;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
	.ux-tabl-form-sip input[type="text"],
	.ux-tabl-form-sip input[type="password"] { 
		width: 156px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-box-sizing: border-box;
	}

.ux-form-required { color: #ce0c28; }

.ux-labl-required {
	color: #ce0c28;
	font-size: 13px;
	font-weight: bold;
}
.ux-tabl-form > tbody > tr > td:first-child,
.ux-tabl-form-multicol label,
.ux-tabl-form-sip label,
.ux-tabl-form-vertical-labels label { 
	font-weight: bold;
	color: #333333;
	white-space: nowrap;
}
	.ux-tabl-form-sip label { margin-right: 7px; }
	.ux-tabl-form-vertical-labels label { 
		display: block;
		margin-bottom: 4px;
	}
.ux-form-input-tip { color: #666666; }
.ux-form-field-error,
input[type="text"].ux-form-field-error,
input[type="password"].ux-form-field-error {
	background-color: #f7eeef;
	border: 1px solid #ce0c28;
}


/************************************************************************************ Tables */
/* Form Layout (Use only for tabular grid forms) */
.ux-tabl-form, /* Default two column form layout table. */
.ux-tabl-form-multicol { /* Three or more column form layout table. */
	margin: 26px 0 0 26px;
	width: auto;
	display: table;
}
.ux-tabl-form-sip { 
	margin: 65px auto 26px auto;
	width: 286px;
}
	.ux-tabl-form-vertical-labels td {
		padding-right: 26px;
	}
	.ux-tabl-form-vertical-labels tr:first-child td { padding-top: 0; }
	.ux-tabl-form > tbody > tr > td:first-child,
	.ux-tabl-form-multicol td {
		padding-right: 26px;
		white-space: nowrap;
		/*width: 1%;*/
	}
		.ux-tabl-form-sip td + td {
			white-space: normal;
			width: 99%;
		}
	.ux-tabl-form > tbody > tr > td,
	.ux-tabl-form-multicol td,
	.ux-tabl-form-sip td,
	.ux-tabl-form-vertical-labels td { padding-bottom: 13px; }
	
	.ux-tabl-form td .ux-btn-default-action,
	.ux-tabl-form td .ux-btn,
	.ux-tabl-form td .ux-btn-disabled { margin: 13px 13px 0 0; }

.ux-tabl-form-multicol td:first-child,
.ux-tabl-form-multicol td:first-child + td + td,
.ux-tabl-form-multicol td:first-child + td + td + td + td,
.ux-tabl-form-multicol td:first-child + td + td + td + td + td + td,
.ux-tabl-form-multicol td:first-child + td + td + td + td + td + td + td + td,
.ux-tabl-form-multicol td:first-child + td + td + td + td + td + td + td + td + td + td {
	padding-right: 13px;
}
	.ux-tabl-form-multicol.ux-tabl-form-vertical-labels td { /* Note: if a layout is both multicol and vertical labels then defer to vertical labels for td padding */
		padding-right: 26px;
	}

/* Data Presentation Tables */
.ux-tabl-data,
.ux-tabl-data-touch {
	margin: 13px 0;
	width: 100%;
	display: table;
	white-space: nowrap;
	color: #323335;
}
	.ux-tabl-form .ux-tabl-data,
	.ux-tabl-form .ux-tabl-data-touch { 
		display: table;
		width: 100%;
		margin: 0;
	}
	.ux-tabl-data th,
	.ux-tabl-data td,
	.ux-tabl-data-touch th,
	.ux-tabl-data-touch td { 
		padding: 13px; 
		text-align: left;
	}
		td.ux-tabl-row-actions { padding: 4px; }
		.ux-tabl-data-condensed td,
		.ux-tabl-data-condensed th {
			padding-top: 7px;
			padding-bottom: 6px;	
		}
		.ux-tabl-data-touch th,
		.ux-tabl-data-touch td {
			padding-top: 16px;
			padding-bottom: 15px;	
		}
	.ux-tabl-data tr,
	.ux-tabl-data-touch tr {
		border-bottom: 1px solid #cccccc;
	}	
	.ux-tabl-data th,
	.ux-tabl-data-touch th {
		color: #333333;
		background-color: #cccccc;
		background: -webkit-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
		background: -moz-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
		background: linear-gradient(to bottom, #f3f3f3 0%, #cccccc 100%);
		border-top: 1px solid #666666;
		border-bottom: 4px solid #666666;
	}
	.ux-tabl-data thead tr,
	.ux-tabl-data-touch thead tr {
		background-color: #cccccc;
		background: -webkit-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
		background: -moz-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
		background: linear-gradient(to bottom, #f3f3f3 0%, #cccccc 100%);	
	}
		.ux-tabl-data th a,
		.ux-tabl-data-touch th a { color: #333333; }
	.ux-tabl-data tr.ux-tabl-alt-row,
	.ux-tabl-data-touch tr.ux-tabl-alt-row,
	.ux-tabl-alt-row { background-color: #f3f3f3; }
	.ux-tabl-data tbody tr.ux-tabl-selected,
	.ux-tabl-data tbody tr.ux-tabl-selected td,
	.ux-tabl-data-touch tbody tr.ux-tabl-selected,
	.ux-tabl-data-touch tbody tr.ux-tabl-selected td { /* This redundant line is to mitigate a Mobile Safari bug. If it works there without it remove this line. */
		background-color: #F5E099;
		background: -webkit-linear-gradient(top, #F5E099 0%, #F2CE66 100%);
		background: -moz-linear-gradient(top, #F5E099 0%, #F2CE66 100%);
		background: linear-gradient(to bottom, #F5E099 0%, #F2CE66 100%);
	}
	.ux-tabl-data tbody tr:hover td {
		background-color: #F9F2CC;
		background: -webkit-linear-gradient(top, #F9F2CC 0%, #F5E099 100%);
		background: -moz-linear-gradient(top, #F9F2CC 0%, #F5E099 100%);
		background: linear-gradient(to bottom, #F9F2CC 0%, #F5E099 100%);
	}

/* Table-Related Actions */
.ux-tabl-actions,
.ux-tabl-actions-touch {
	position: relative;
}
	table + .ux-tabl-actions,
	table + .ux-tabl-actions-touch { margin-bottom: 13px; }

	.ux-tabl-links {
		text-align: right;
		margin-top: -13px;
	}
		.ux-tabl-links li { 
			display: inline-block;
			margin-left: 13px;
		}

.ux-tabl-buttons {
	display: inline-block;
	margin-right: 13px;
	margin-top: 13px;
}
	.ux-tabl-actions-touch .ux-tabl-buttons input {
		font-size: 14px;
		height: 40px;
		vertical-align: baseline;
	}
	
/* General Table Stuff */
.ux-tabl-last-col,
.ux-tabl-wide-col {	width: 99%; }
.ux-icon-tabl-sort-asc,
.ux-icon-tabl-sort-desc,
.ux-icon-tabl-sort-sortable {
	background: url(../images/tiny_arrow_sprite.png) -158px 1px no-repeat;
	width: 9px;
	height: 0;
	overflow: hidden;
	display: inline-block;
	padding-top: 13px; /* Height of the icon within the sprite. */
	vertical-align: middle;
	margin-left: 4px;
	position: relative;
	top: -2px;
}
	.ux-icon-tabl-sort-desc {
		background-position: -138px 1px;
	}
	.ux-icon-tabl-sort-sortable {
		background-position: -118px 1px;
	}
.ux-icon-tabl-sortable { /* DEPRECATED */
	background: url(../images/sort_spinner_gray2.png) 0 0 no-repeat;
	width: 10px;
	height: 14px;
	overflow: hidden;
	display: inline-block;
	vertical-align: middle;
	margin-left: 4px;
}
.ux-tabl-filter-field {
	margin-top: 4px;
	width: 75px;
}
.ux-icon-tabl-delete {
	background: url(../images/Delete_c.png) no-repeat;
	width: 16px;
	height: 0;
	overflow: hidden;
	padding-top: 16px;
	display: inline-block;
	vertical-align: middle;
}
.ux-tabl-wrapping-content,
td.ux-tabl-wrapping-content { white-space: normal; }
.ux-tabl-align-top { vertical-align: top; }

/* Expandable/collapsible rows */
.ux-tabl-expandable-row > td:first-child > a:first-child {
	width: 0px;
	padding-left: 9px;
	height: 10px;
	overflow: hidden;
	background: url(../images/tiny_arrow_sprite.png) -35px 0 no-repeat;
	display: inline-block;
	margin-right: 4px;
}
	.ux-tabl-expandable-row-expanded > td:first-child > a:first-child {
		background-position: -63px 0;
	}
	.ux-tabl-expandable-row-child { display: none; }
	.ux-tabl-expandable-row-child > td:first-child {
		padding-left: 26px;	
	}
	
/* Expandable columns */
.ux-tabl-resizable-column-handle {
	display: inline-block;
	cursor: col-resize;
	width: 10px;
	float: right;
	position: relative;
}
.ux-tabl-resizable-columns-cursor { cursor: col-resize; }


/************************************************************************************ Icons */
.ux-icon-date-chooser {
	background: url(../images/calendar01.gif) left top no-repeat;
	display: inline-block;
	width: 0;
	font-size: 1px;
	margin-left: 4px;
	padding-left: 16px;
	height: 16px;
	overflow: hidden;
	vertical-align: middle;
}
.ux-icon-online {
	background: url(../images/ball_green.png) 0 0 no-repeat;
	display: inline-block;
	width: 0;
	height: 20px;
	padding-left: 20px;
	overflow: hidden;
	vertical-align: middle;
}
.ux-icon-edit,
.ux-icon-confirm,
.ux-icon-cancel {
	background-image: url(../images/table_icons.png);
	background-repeat: no-repeat;
	display: inline-block;
	width: 0;
	padding-left: 20px;
	height: 20px;
	overflow: hidden;
	vertical-align: middle;	
}
		.ux-icon-cancel:hover { background-position: 0px -20px; }
		.ux-icon-cancel:active { background-position: 0px -40px; }
	.ux-icon-edit { background-position: -40px 0; }
		.ux-icon-edit:hover { background-position: -40px -20px; }
		.ux-icon-edit:active { background-position: -40px -40px; }
	.ux-icon-confirm { background-position: -20px 0; }
		.ux-icon-confirm:hover { background-position: -20px -20px; }
		.ux-icon-confirm:active { background-position: -20px -40px; }


/************************************************************************************ Pagination */
.ux-pagi,
.ux-pagi-touch {
	float: right;
	text-align: right;
}
	.ux-pagi h6,
	.ux-pagi strong,
	.ux-pagi-selected { font-weight: bold; }
	.ux-pagi h6 { display: inline; }
	.ux-pagi-total-pages { margin: 0 2px; }
	
	.ux-pagi ul { 
		display: inline-block;
		margin-left: 13px;
	}
		.ux-pagi ul li { 
			border-left: 1px solid #333333;
			display: inline-block;
			padding: 0 4px 0 7px;
		}
			.ux-pagi ul li:first-child,
			.ux-pagi ul li.ux-pagi-last,
			.ux-pagi ul li.ux-pagi-prev { border-left: 0; }
			.ux-pagi ul li:first-child { padding-left: 0; }
			.ux-pagi ul li a {
				display: inline-block;
				margin: 0 -4px 0 -7px;
				padding: 0 4px 0 7px;
			}
			.ux-pagi ul li.ux-pagi-last { 
				margin-right: 0;
				padding-right: 0; 
			}
			input.ux-pagi-current-page {
				width: 24px;
				text-align: center;
				margin-right: 2px;
			}
	.ux-pagi-touch { 
		font-size: 14px;
		white-space: nowrap;
	}
		.ux-rppg + .ux-pagi-touch { margin-top: 13px; }
		.ux-pagi-touch input,
		.ux-tabl-actions-touch select {
			font-size: 14px;
			height: 40px;
			padding-top: 0;
			vertical-align: baseline;
		}
			.ux-pagi-touch select { vertical-align: baseline; }
		input.ux-pagi-touch-current-page {
			 height: 24px; 
			 width: 32px; 
			 text-align: center; 
			 padding-bottom: 0; 
			 padding-top: 14px; 
			 vertical-align: bottom;
		}
	

/************************************************************************************ Records per Page */
.ux-rppg {
	display: inline-block;
	border-right: 1px solid #333333;
	padding-right: 13px;
	margin-right: 13px;
	white-space: nowrap;
}
	.ux-tabl-actions-touch .ux-rppg {
		font-size: 14px;
		display: block;
		padding-right: 0;
		margin-right: 0;
		border-right: 0;
		text-align: right;
		white-space: nowrap;
		margin-top: 13px;
	}


/************************************************************************************ Breadcrumbs */

/* Note that the right arrow and the spaces before and after it are generated content as defined below. */
.ux-brdc {
	list-style: outside none;
	display: block;
	margin-top: 13px;
	margin-bottom: 13px;
	font-size: 12px;
}
	.ux-brdc li {
		display: inline-block;
	}
		.ux-brdc li:before {
			content: ' > ';
		}
		.ux-brdc li:first-child:before {
			content: '';
		}


/************************************************************************************ Buttons */
.ux-btn,
.ux-btn-default-action,
.ux-btn-disabled { /* NOTE: ux-btn-disabled is deprecated. Use the disabled html attribute instead. */
	background-color: #e6e6e6;
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
	background: -moz-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
	background: linear-gradient(to bottom, #f3f3f3 0%, #cccccc 100%);
	-moz-box-shadow: inset 0 0 0 1px white;
	-webkit-box-shadow: inset 0 0 0 1px white;
	box-shadow: inset 0 0 0 1px white;
	border: 1px solid #999999;
	padding: 4px 13px;
	vertical-align: middle;
	line-height: 16px;
	height: 26px;
	color: #333333;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}
	.ux-btn-default-action {
		border: 1px solid #f47b29;
	}
	.ux-btn-disabled,
	.ux-btn[disabled="disabled"],
	.ux-btn-default-action[disabled="disabled"] {
		color: #808080;
		border: 1px solid #999999;
	}
	.ux-btn:hover,
	.ux-btn-default-action:hover,
	.ux-btn:focus,
	.ux-btn-default-action:focus {
		border: 2px solid #F47B29;
		color: black;
		-moz-box-shadow: inset 0 0 0 0px #F47B29;
		-webkit-box-shadow: inset 0 0 0 0px #F47B29;
		box-shadow: inset 0 0 0 0px #F47B29;
		padding-top: 3px;
	}
	.ux-btn:active,
	.ux-btn-default-action:active {
		border: 1px solid #999999;
		-moz-box-shadow: inset 0 0 0 1px #924719;
		-webkit-box-shadow: inset 0 0 0 1px #924719;
		box-shadow: inset 0 0 0 1px #924719;
		color: white;
		background-color: #F47B29;
		background: -webkit-linear-gradient(top, #C36121 0%, #F47B29 100%);
		background: -moz-linear-gradient(top, #C36121 0%, #F47B29 100%);
		background: linear-gradient(to bottom, #C36121 0%, #F47B29 100%);
		text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.5);
		font-weight: bold;
	}
		.ux-btn-disabled:hover,
		.ux-btn[disabled="disabled"]:hover,
		.ux-btn-default-action[disabled="disabled"]:hover,
		.ux-btn-disabled:active,
		.ux-btn[disabled="disabled"]:active,
		.ux-btn-default-action[disabled="disabled"]:active {
			background-color: #e6e6e6;
			background: -webkit-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
			background: -moz-linear-gradient(top, #f3f3f3 0%, #cccccc 100%);
			background: linear-gradient(to bottom, #f3f3f3 0%, #cccccc 100%);
			border: 1px solid #999999;
			-moz-box-shadow: inset 0 0 0 1px white;
			-webkit-box-shadow: inset 0 0 0 1px white;
			box-shadow: inset 0 0 0 1px white;
			color: #808080;
			text-shadow: none;
			font-weight: normal;
		}
	.ux-btn-divider {
		border-left: 1px solid black;
		margin-right: 13px;
		height: 20px;
		display: inline-block;
		vertical-align: middle;
		width: 0;
		overflow: hidden;
	}
		.ux-tabl-actions-touch .ux-btn-divider { height: 30px; }
	
.ux-btn-grouped { display: block; }
	ul.ux-btn-grouped li { display: inline-block; }
	
.ux-tabl-form-sip .ux-btn-default-action {
	margin-bottom: 13px;
}


/************************************************************************************ Split Buttons */
.ux-sbtn {
	display: inline-block;
	vertical-align: bottom;
	margin-right: 13px;
	position: relative;
	white-space: nowrap;
}
	.ux-sbtn input:first-child {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.ux-sbtn-more-options {
		display: inline-block;
	}
		.ux-sbtn-more-options:focus { outline: none; }
			.ux-tabl-actions .ux-sbtn-more-options:before {
				content: '';
				display: inline-block;
				width: 28px;
				height: 24px;
				background-color: #cccccc;
				background: #cccccc url(../images/down_arrow.png) no-repeat center center;
				background: url(../images/down_arrow.png) no-repeat center center, -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
				background: url(../images/down_arrow.png) no-repeat center center, -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
				background: url(../images/down_arrow.png) no-repeat center center, linear-gradient(to bottom, #e6e6e6 0%, #cccccc 100%);
				border: 1px solid #b3b3b3;
				border-radius: 0 4px 4px 0;
				-moz-border-radius: 0 4px 4px 0;
				-webkit-border-radius: 0 4px 4px 0;
				border-left: 0;
				vertical-align: middle;
				line-height: 16px;	
			}
			.ux-tabl-actions-touch .ux-sbtn-more-options:before {
				content: '';
				display: inline-block;
				width: 40px;
				height: 38px;
				background-color: #cccccc;
				background: #cccccc url(../images/down_arrow.png) no-repeat center center;
				background: url(../images/down_arrow.png) no-repeat center center, -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
				background: url(../images/down_arrow.png) no-repeat center center, -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
				background: url(../images/down_arrow.png) no-repeat center center, linear-gradient(to bottom, #e6e6e6 0%, #cccccc 100%);
				border: 1px solid #b3b3b3;
				border-radius: 0 4px 4px 0;
				-moz-border-radius: 0 4px 4px 0;
				-webkit-border-radius: 0 4px 4px 0;
				border-left: 0;
				vertical-align: middle;
				margin-top: -6px;
				line-height: 0px;
			}
		.ux-sbtn-more-options > span {
			display: inline-block;
			height: 28px;
			background-color: green;
		}
			.ux-tabl-actions-touch .ux-sbtn-more-options > span { height: 40px; }
		.ux-sbtn-more-options > ul { 
			display: none;
			border: 1px solid #b3b3b3;
			box-shadow: 0px 2px 3px #b3b3b3;
			-moz-box-shadow: 0px 2px 3px #b3b3b3;
			-webkit-box-shadow: 0px 2px 3px #b3b3b3;
			position: absolute;
			left: 0;
			margin-top: 2px;
			min-width: 100%;
		}
		.ux-sbtn-more-options:focus ul {
			display: block;
			z-index: 1;
		}
			.ux-sbtn-more-options ul li { width: 100%; }
				.ux-sbtn-more-options ul li > a {
					background-color: white;
					color: #333333;
					white-space: nowrap;
					display: block;
					padding: 0 15px;
					line-height: 28px;
					vertical-align: middle;
					border-top: 1px solid #cccccc;
				}
					.ux-sbtn-more-options ul li > a {
						background-color: white;
						color: #333333;
						white-space: nowrap;
						display: block;
						padding: 0 15px;
						line-height: 28px;
						vertical-align: middle;
						border-top: 1px solid #cccccc;
					}
					.ux-tabl-actions-touch .ux-sbtn-more-options ul li > a {
						font-size: 14px;
						line-height: 40px;
					}
					.ux-sbtn-more-options ul li:first-child > a { border-top: 0; }
					.ux-sbtn-more-options ul li.ux-sbtn-more-options-disabled > a { color: #b3b3b3; }
						

/************************************************************************************ Modal Windows */
.ux-modl {
	background-color: white;
	margin: 0 auto;
	border: 1px solid #CCCCCC;
	-moz-box-shadow: 2px 2px 26px #666666;
	-webkit-box-shadow: 2px 2px 26px #666666;
	box-shadow: 2px 2px 26px #666666;
}
	.ux-modl .ux-modl-header {
		background-color: #E6E6E6;
		background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
		background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
		margin-bottom: 26px;
		padding: 0 13px;
		border-bottom: 1px solid #cccccc;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		height: 33px;
		line-height: 32px;
		vertical-align: middle;
		color: #333333; 
	}
		.ux-modl-header a { /* Close button */
			/* Note: we want the text in this link to appear only to screen-readers */
			background: url(../images/xCirBtns_norm.png) no-repeat right center;
			height: 0px;
			width: 16px;
			padding-top: 32px;
			display: block;
			overflow: hidden;
			float: right;
			position: relative;
		}
			.ux-modl-header a:hover { background-image: url(../images/xCirBtns_over.png); }
			
		.ux-modl-header h6 {
			font-size: 13px;
			font-weight: bold;
		}
			.ux-modl .ux-modl-header h6 { 
				color: #333333;
				line-height: 32px;
				vertical-align: middle;
				font-size: 16px;
			}
		.ux-modl-header:after,
		.ux-modl:after {
			clear: both;
			content: ".";
			display: block;
			height: 0;
			visibility: hidden;
			overflow: hidden;
		}
	.ux-modl-content { padding: 0 13px; }
	.ux-modl-buttons { padding-bottom: 13px; }
		.ux-modl .ux-modl-buttons { 
			float: right;
			margin-top: 26px;
		}
		.ux-modl p + .ux-modl-buttons { margin-top: 13px; }
			.ux-modl-buttons input { margin-left: 4px; }
				.ux-modl-buttons input:first-child { margin-left: 0; }
.ux-modl-anchor { position: relative; }
div.ux-modl-anchor { display: inline-block; }
.ux-modl-anchor .ux-modl { position: absolute; }
.ux-modl-anchor-above { bottom: 100%; }
.ux-modl-anchor-left { left: 0px; }
.ux-modl-anchor-below { top: 100%; }
.ux-modl-anchor-right { right: 0px; }			


/************************************************************************************ Lightbox */

	/* New */
	.ux-lbox {
		background-color: rgba(179, 179, 179, 0.5);
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80b3b3b3, endColorstr=#80b3b3b3)";
		position: fixed;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		height: 100%;
		padding: 26px;
		top: 0;
		width: 100%;
	}
		.ux-lbox .ux-modl {
			box-sizing: border-box;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			height: 100%;
			overflow: hidden;
			margin: 0 auto;
			padding: 0;
			padding-bottom: 36px;
			
		}
			.ux-lbox .ux-modl-header {
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				margin-bottom: 0px;
			}
			.ux-lbox .ux-modl-content {
				box-sizing: border-box;
				-webkit-box-sizing: border-box;
				-moz-box-sizing: border-box;
				height: 100%;
				padding: 26px 13px 13px 13px;
				overflow: scroll;
			}


/************************************************************************************ Lists */
.ux-list-guidelines,
.ux-list-bulleted-text,
.ux-list-content-ul,
.ux-list-content-ol,
.ux-list-content-dl,
.ux-list-horizontal {
	line-height: 135%;
}
.ux-list-guidelines { list-style: outside disc; }
	.ux-list-guidelines li {
		margin-bottom: 13px;
		margin-left: 13px;
	}
.ux-list-bulleted-text { list-style: inside square; }
.ux-list-content-ul { list-style: inside disc; }
.ux-list-content-ol { list-style: inside decimal; }
.ux-list-content-dl dt { font-weight: bold; }
.ux-list-content-dl dd { }
.ux-list-horizontal { list-style: none; }
	
.ux-list-horizontal > li {
	display: inline-block;
	margin-right: 13px;
}	


/************************************************************************************ List Builder */
.ux-lstb {
	min-width: 680px;
	margin-bottom: 26px;
}
	.ux-lstb-available,
	.ux-lstb-selected,
	.ux-lstb > ul {
		float: left;
	}
	.ux-lstb-available,
	.ux-lstb-selected {
		width: 221px;
	}
		.ux-lstb-available select,
		.ux-lstb-selected select {
			width: 100%;
			height: 312px;
		}
		.ux-lstb-available h4,
		.ux-lstb-selected h4 {
			font-weight: bold;
			line-height: 13px;
		}
		.ux-lstb-selected ul li {
			display: inline-block;
			margin: 4px 4px 0 0;
		}
		.ux-lstb > ul {
			margin: 91px 13px 13px 13px;
		}
		.ux-lstb > ul li {
			margin-bottom: 4px;
		}

	
/************************************************************************************ Date Chooser */
.ux-date { 
	position: absolute;
	margin-top: 4px;
	display: block;
	white-space: nowrap;
	border: 1px solid #666666;
}
.ux-date table { border-collapse: collapse; }
.ux-date td,
.ux-date th { border-top: 1px solid #cccccc; }
.ux-date td { border-left: 1px solid #cccccc; }
.ux-date td:first-child { border-left: inherit; }
	.ux-date a { color: #333333; }
	.ux-date caption {
		background-color: #f3f3f3;
		background: -webkit-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
		background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f3 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
		text-align: center;
		height: 26px;
		line-height: 26px;
		vertical-align: middle;
		position: relative;
	}
	.ux-date caption a:hover { text-decoration: none; }
		.ux-date-back-arrows { 
			float: left; 
			text-align: left;
			margin-left: 8px;
		}
			.ux-date-back-arrows li,
			.ux-date-forward-arrows li {
				height: 18px;
				margin-top: 4px;
				margin-right: 8px; 
			}
		.ux-date-forward-arrows { 
			float: right; 
			text-align: right;
			margin-right: 8px;
		}
			.ux-date-forward-arrows li { 
				margin-left: 8px;
				margin-right: 0;
			}
			.ux-date-back-year a,
			.ux-date-back-month a,
			.ux-date-forward-year a,
			.ux-date-forward-month a,
			.ux-date-close a { 
				background-image: url(../images/calendar_arrows_sprite_desktop.png);
				background-size: 60px 36px;
				width: 10px;
				height: 0px;
				padding-top: 10px;
				overflow: hidden;
				margin-top: 4px;
			}
			.ux-date-back-year a 	 { background-position: -1px -2px; }
			.ux-date-back-month a 	 { background-position: -13px -2px; }
			.ux-date-forward-year a  { background-position: -25px -2px; }
			.ux-date-forward-month a { background-position: -37px -2px; }
			.ux-date-close a 		 { background-position: -49px -2px; }
			.ux-date-back-year-disabled a 	  { background-position: -1px -14px; }
			.ux-date-back-month-disabled a 	  { background-position: -13px -14px; }
			.ux-date-forward-year-disabled a  { background-position: -25px -14px; }
			.ux-date-forward-month-disabled a { background-position: -37px -14px; }
			.ux-date-close-disabled a		  { background-position: -49px -14px; }
			.ux-date-back-year a:active 	{ background-position: -1px -26px; }
			.ux-date-back-month a:active 	{ background-position: -13px -26px; }
			.ux-date-forward-year a:active  { background-position: -25px -26px; }
			.ux-date-forward-month a:active	{ background-position: -37px -26px; }
			.ux-date-close a:active			{ background-position: -49px -26px; }
		.ux-date-back-arrows,
		.ux-date-forward-arrows,
		.ux-date-back-arrows li,
		.ux-date-forward-arrows li,
		.ux-date-back-arrows li a,
		.ux-date-forward-arrows li a {
			display: inline-block;
		}
			.ux-date-close {
				border-left: 1px solid #b3b3b3;
				padding-left: 8px;
			}
			.ux-date-month-year {
				padding: 0 4px;
			}
	.ux-date tfoot td,
	.ux-date thead th {
		padding: 4px;
		text-align: center;
		background-color: white;
	}
		.ux-date th {
			font-size: 10px;
			background-color: white;
		}
		.ux-date tbody td { 
			background-color: white;
			text-align: center;
		}
		.ux-date tbody td a {
			display: block;
			padding: 4px 13px;
		}
		.ux-date tfoot td { border-left: 0; }
			.ux-date tfoot td.ux-date-foot-clear {
				padding: 2px 1px 2px 0;	
			}
			.ux-date-foot-clear a {
				display: block;
				background-color: white;
				border: 1px solid #b3b3b3;
				height: 16px;
				padding: 0;
				border-width: 0 1px;
				line-height: 16px;
				vertical-align: middle;
			}
		.ux-date tbody td.ux-date-off-day {	background-color: #f3f3f3; }
			.ux-date tbody td.ux-date-selected { 
				background-color: #f47b29;
				color: white;
				font-weight: bold;
				text-shadow: -1px 1px 1px rgba(0, 0, 0, 0.5);
			}
				.ux-date .ux-date-selected a { color: white; }
			.ux-date tbody td.ux-date-today a { 
				border: 2px solid #f47b29;
				padding: 2px 11px;
			}
		.ux-date tbody td.ux-date-other-month {
			color: #999999;
			padding: 4px 13px;
		}
			.ux-date tbody td a:hover { background-color: #f5e099; }
				.ux-date td a:hover { text-decoration: none; }
			.ux-date tbody td a:active { background-color: #eebd33; }
				.ux-date td a:hover { text-decoration: none; }
			.ux-date tbody td.ux-date-other-month a:hover { background-color: white; }
			.ux-date tbody td.ux-date-off-day.ux-date-other-month a:hover { background-color: #f3f3f3; }
			.ux-date tbody td.ux-date-selected a:hover { background-color: #f47b29; }
		/* Selector overlay */
		.ux-date-selector {
			background-color: rgba(230, 230, 230, 0.5);
			-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80e6e6e6, endColorstr=#80e6e6e6)";
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			text-align: center;
			display: none;
		}
			.ux-date-selector table { 
				-moz-box-shadow: 0px 2px 6px #999999;
				-webkit-box-shadow: 0px 2px 6px #999999;
				box-shadow: 0px 2px 6px #999999;
				border-collapse: collapse;
				border-spacing: 0;
				margin: 33px auto 0 auto;
				border: 1px solid #cccccc;
				font-size: 10px;
				line-height: 10px;
				
			}
				.ux-date-selector table td {
					border: 0;
					padding: 0;
				}
					.ux-date-selector table td a {
						padding: 4px 13px;
					}
					.ux-date-selector table td.ux-date-selector-divider-left { border-left: 1px solid #cccccc; }
				.ux-date-selector tfoot td {
					border-top: 1px solid #cccccc;
					background-color: #f3f3f3;
					padding: 2px 0px;
				}
					.ux-date-selector tfoot td a {
						display: block;
						width: 100%;
						height: 100%;
						padding: 3px 0;						
					}
						.ux-date-selector tfoot td + td a {
							margin-left: -1px;
							border-left: 1px solid #b3b3b3;	
						}
				.ux-date-selector table td.ux-date-selector-back,
				.ux-date-selector table td.ux-date-selector-forward {
					padding-top: 0;
					vertical-align: middle;
				}
					.ux-date-selector table td.ux-date-selector-back:hover,
					.ux-date-selector table td.ux-date-selector-forward:hover {
						background-color: white;
					}
				.ux-date-selector table td.ux-date-selector-back a,
				.ux-date-selector table td.ux-date-selector-forward a {
					display: inline-block;
					background-image: url(../images/calendar_arrows_sprite_desktop.png);
					background-size: 60px 36px;
					width: 10px;
					height: 0px;
					padding: 0;
					padding-top: 10px;
					overflow: hidden;
					margin-top: 2px;
				}
			.ux-date-selector-back a 	{ background-position: -13px -2px; }
			.ux-date-selector-forward a	{ background-position: -37px -2px; }


/************************************************************************************ Grids */		
.ux-grid-12,
.ux-grid-12-12,
.ux-grid-12-full,
.ux-grid-12-1,
.ux-grid-12-2,
.ux-grid-12-3,
.ux-grid-12-4,
.ux-grid-12-5,
.ux-grid-12-6,
.ux-grid-12-7,
.ux-grid-12-8,
.ux-grid-12-9,
.ux-grid-12-10,
.ux-grid-12-11 {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	float: left;
}
.ux-grid-12,
.ux-grid-12-12,
.ux-grid-12-full { width: 100%; }
.ux-grid-12-1 {  width:  8.3333333333333%; }
.ux-grid-12-2 {  width: 16.6666666666667%; }
.ux-grid-12-3 {  width: 25%; }
.ux-grid-12-4 {  width: 33.3333333333333%; }
.ux-grid-12-5 {  width: 41.6666666666667%; }
.ux-grid-12-6 {  width: 50%; }
.ux-grid-12-7 {  width: 58.3333333333333%; }
.ux-grid-12-8 {  width: 66.6666666666667%; }
.ux-grid-12-9 {  width: 75%; }
.ux-grid-12-10 { width: 83.3333333333333%; }
.ux-grid-12-11 { width: 91.6666666666667%; }


/************************************************************************************ Hover for Tablets */		

/* See also: developer notes on Hover for Tablets pattern page and initializeHoverPanels in ux.js */
.ux-hovr {
	position: relative;
	display: inline-block;
	background: url(../images/hover_indicator.png) 100% 50% no-repeat;
	vertical-align: middle;
	padding-right: 17px;
}
	.ux-hovr .ux-hovr-content {
		display: none;
		box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
		-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
		position: absolute;
		right: 100%;
		top: 50%;
		margin-top: -26px;
		margin-right: 29px;
		min-height: 26px;
		max-height: 130px;
		min-width: 260px;
		background-color: white;
		border: 1px solid #666666;
		border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		padding: 13px;
		white-space: normal;
		overflow: hidden;
	}
	.ux-hovr-show .ux-hovr-content,
	.ux-hovr~.ux-hovr-show .ux-hovr-content { display: block; }
		.ux-hovr-above .ux-hovr-content,
		.ux-hovr-above-right .ux-hovr-content {
			top: auto;
			bottom: 50%;
			margin-top: 0;
			margin-bottom: -26px;
		}
		.ux-hovr-right .ux-hovr-content,
		.ux-hovr-above-right .ux-hovr-content {
			right: auto;
			left: 100%;
			margin-right: 0;
			margin-left: 29px;
		}
	.ux-hovr-left.ux-hovr-show:after,
	.ux-hovr-above.ux-hovr-show:after {
		display: block;
		content: "";
		background: url(../images/hover_pointer.png) 0 50% no-repeat;
		background-size: 74px 34px;
		position: absolute;
		width: 27px;
		height: 34px;
		left: -30px;
		top: 50%;
		margin-top: -13px;
		margin-left: 1px; 
	}
	.ux-hovr-right.ux-hovr-show:after,
	.ux-hovr-above-right.ux-hovr-show:after {
		display: block;
		content: "";
		background: url(../images/hover_pointer.png) 100% 50% no-repeat;
		background-size: 74px 34px;
		position: absolute;
		width: 27px;
		height: 34px;
		right: -30px;
		top: 50%;
		margin-top: -13px;
		margin-right: 1px; 
	}

	.ux-hovr a.ux-hovr-helper {
		color: inherit;
		text-decoration: inherit;
	}

/************************************************************************************ Context Menu */
.ux-menu {
	background-color: white;
	border: 1px solid #b3b3b3;
	box-shadow: 0px 2px 3px #b3b3b3;
	-moz-box-shadow: 0px 2px 3px #b3b3b3;
	-webkit-box-shadow: 0px 2px 3px #b3b3b3;
	position: absolute;
	display: none;
}
	.ux-menu > li {
		padding-left: 28px;
		white-space: nowrap;
	}
		.ux-menu > li.ux-menu-edit,
		.ux-menu > li.ux-menu-confirm,
		.ux-menu > li.ux-menu-cancel { padding-left: 0; }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (max-device-pixel-ratio: 1.5) {
			.ux-menu > li.ux-menu-edit:before {
				content: "";
				background: url(../images/table_icons.png) -40px 0 no-repeat;
				height: 20px;
				width: 20px;
				display: inline-block;
				margin: 4px;
				vertical-align: middle;
			}
			.ux-menu > li.ux-menu-confirm:before {
				content: "";
				background: url(../images/table_icons.png) -20px 0 no-repeat;
				height: 20px;
				width: 20px;
				display: inline-block;
				margin: 4px;
				vertical-align: middle;
			}
			.ux-menu > li.ux-menu-cancel:before {
				content: "";
				background: url(../images/table_icons.png) 0px 0 no-repeat;
				height: 20px;
				width: 20px;
				display: inline-block;
				margin: 4px;
				vertical-align: middle;
			}
}
			.ux-menu > li > a { 
				color: #333333;
				box-sizing: border-box;
				height: 28px;
				display: inline-block;
				vertical-align: middle;
				line-height: 28px;
				padding: 0 13px; 
				border-left: 1px solid #b3b3b3;
				width: 100%;
			}


/************************************************************************************ Notifications */
.ux-ntfy { 
	display: none;
	text-align: left;
	background-color: white;
	border: 1px solid #666666;
	z-index: 1;
	position: absolute;
	line-height: 120%;
	margin-top: -12px;
	right: 0;
}
	.ux-ntfy tr {
		border-top: 1px solid #CCCCCC;
		cursor: pointer;
	}
		.ux-ntfy tr:hover { background-color: #F5E099; }
		.ux-ntfy tr:first-child {
			border-top: 0;
		}
		.ux-ntfy th a {
			padding: 13px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			height: 44px;
			white-space: nowrap;
			display: block;
			width: 100%;
			font-weight: normal;
			vertical-align: middle;
			line-height: 18px;
			text-align: left;
		}
		.ux-ntfy td {
			padding: 13px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			height: 44px;
			white-space: nowrap;
			vertical-align: top;
		}
			.ux-ntfy td + td {
				vertical-align: top;	
			}
			.ux-ntfy td a {
				display: block;
				color: #333333;
				font-weight: bold;
				text-decoration: none;
			}
	.ux-unav-submenu-open .ux-ntfy { 
		display: table;
		margin-right: 13px;
	}
		

/************************************************************************************ Sign In Page (Marketing) */
.ux-sipm-container {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 742px;
	margin: 52px auto 0 auto;
}
	.ux-sipm-left-column {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 490px;
		margin-right: 13px;
		float: left;
	}
	.ux-sipm-right-column {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		width: 239px;
		float: left;
	}
		

/************************************************************************************ Help */
img.mc {
	border: none;
}

p.mc {
	font: inherit;
	line-height: 1.4;
	font-family: inherit;
	font-size: inherit;
}

body.mc {
	color: #3f3f3f;
	font: inherit;
	font-family: Arial, ' Verdana', ' sans-serif';
	line-height: 1.4;
	font-size: 12px;
}

h1.mc {
	color: #e87722;
}


/************************************************************************************ Place-holder */
.ux-plac {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px dotted #cccccc;
	color: #999999;
	padding: 13px;
	overflow: hidden;
}
	.ux-plac:hover {
		color: #1A1A1A;
		overflow: auto;	
	}


/************************************************************************************ CUX Mirage Dropdowns (beta) */
.ux-mirage-dd-original {
	display: none;
}
.ux-mirage-dd {
	position: relative;
	display: inline-block;
	white-space: nowrap;
}
.ux-mirage-dd-selection {
	display: inline-block;
	border: 1px solid #999999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 33px;
	padding-left: 13px;
	padding-right: 20px;
	line-height: 31px;
	vertical-align: middle;
	width: 100%;
}
	.ux-mirage-dd-selection:after {
		background: url("../images/tiny_arrow_sprite.png") no-repeat scroll -63px 0px transparent;
		content: "";
		display: inline-block;
		height: 11px;
		width: 9px;
		position: absolute;
		right: 7px;
		top: 10px;
	}
	.ux-mirage-dd-active .ux-mirage-dd-selection {
		background-color: white;
		background: -webkit-linear-gradient(top, #ffffff 0%, #F3F3F3 100%);
		background: -moz-linear-gradient(top, #ffffff 0%, #F3F3F3 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #F3F3F3 100%);	
	}
	
.ux-mirage-dd ul {
	display: none;
	border: 1px solid #999999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 31px;
	vertical-align: middle;
	position: absolute;
	left: 0;
	top: 35px;
	z-index: 1;
	min-width: 100%;
}
.ux-mirage-dd-active ul { display: inline-block; }
	.ux-mirage-dd ul li {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		background-color: white;
		height: 33px;
		padding: 0 13px;
	}
		.ux-mirage-dd ul li.ux-mirage-dd-li-hover {
			background-color: #F5E099;
		}
		.ux-mirage-dd ul li.ux-mirage-dd-li-active {
			background-color: #EEBD33;
		}


/************************************************************************************ Tabbed Panels */
.ux-tpnl {
}
	.ux-tpnl > ul {
		font-size: 0;
		white-space: nowrap;
	}
		.ux-tpnl > ul > li {
			-moz-box-sizing: border-box; 
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
			display: inline-block;
			font-size: 14px;
			background-color: #e6e6e6;
			background: -webkit-linear-gradient(top, #ffffff 0%, #E6E6E6 100%);
			background: -moz-linear-gradient(top, #ffffff 0%, #E6E6E6 100%);
			background: linear-gradient(to bottom, #ffffff 0%, #E6E6E6 100%);
			border: 1px solid #CCCCCC;
			border-bottom-width: 0;
			border-left-width: 0;
			height: 36px;
		}
		.ux-tpnl > ul > li:first-child { border-left-width: 1px; }
			.ux-tpnl > ul > li > a {
				-moz-box-sizing: border-box; 
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
				display: block;
				height: 35px;
				line-height: 29px;
				vertical-align: middle;
				white-space: nowrap;
				border-top: 3px solid transparent;
				padding: 0 13px;
				color: #333333;
				text-decoration: none;
			}
			.ux-tpnl > ul > li.ux-tpnl-selected > a {
				background-color: white;
				border-top-color: #F47B29;
				color: #333333;
				font-weight: bold;
				height: 36px;
			}

			.ux-tpnl > ul > li > a:active,
			.ux-tpnl > ul > li > a:focus,
			.ux-tpnl > ul > li.ux-tpnl-hover > a {
				background-color: #F5E099;
			}
			.ux-tpnl > ul > li.ux-tpnl-active > a {
				background-color: #EEBD33;
				color: black;
			}
			.ux-tpnl > ul > li.ux-tpnl-disabled > a,
			.ux-tpnl > ul > li.ux-tpnl-disabled.ux-tpnl-hover > a,
			.ux-tpnl > ul > li.ux-tpnl-disabled.ux-tpnl-active > a {
				background-color: transparent;
				color: #999999;
			}
			.ux-tpnl > ul > li > div { display: none; }
			
		.ux-tpnl-content {
			border: 1px solid #cccccc;
			padding: 13px;
		}


/************************************************************************************ Drag and Drop */
.ux-panl.ux-drag-draggable > .ux-panl-header {
	cursor: move;	
}

.ux-panl.ux-drag-initiated-original { background-color: #e6e6e6; }
.ux-panl.ux-drag-initiated-ghost {
	background-color: white;
	border: 1px solid #999999;
	-moz-box-shadow: 0 3px 13px rgba(102, 102, 102, 0.5);
	-webkit-box-shadow: 0 3px 13px rgba(102, 102, 102, 0.5);
	box-shadow: 0 3px 13px rgba(102, 102, 102, 0.5);
	position: absolute;
	left: 0;
	top: 0;
}
	.ux-drag-initiated-ghost-overlay {
		cursor: move;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
		opacity: 0.6;
		display: none;
		background-color: white;
		position: absolute;
		z-index: 1;
	}
		.ux-drag-initiated-ghost { 
			-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
			opacity: 0.5;
		}

.ux-drag-target {
	height: 13px;
	width: 100%;
	margin-top: -16px;
	margin-bottom: 3px;
	background-color: #cccccc;
	display: block;
}

.ux-drag-dropzone { min-height: 50px; }
	.ux-drag-dropzone-in-field { background-color: #efe; }
	
.ux-drag-no-dice {
	background: url(../images/prohibited_24.png) top left no-repeat;
	width: 24px;
	height: 24px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}


/************************************************************************************ Tooltips */
.ux-ttip-anchor {
	position: relative;
}
	.ux-ttip-content {
		-moz-box-shadow: 1px 1px 3px #b3b3b3;
		box-shadow: 1px 1px 3px #b3b3b3;
		z-index: 2;
		display: none;
		border: 1px solid #f5e099;
		background-color: #fbfae6;
		position: absolute;
		left: 100%;
		top: 100%;
		padding: 4px;
		white-space: normal;
		line-height: 120%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
.ux-trnc {
	display: inline-block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/************************************************************************************ Tree */
.ux-tree ul {
	margin-left: 16px;
}
.ux-tree a {
	color: #333333;
	text-decoration: none;
	padding-left: 13px;
}
	.ux-tree li.ux-tree-has-submenu > a { padding-left: 0; }
	.ux-tree li.ux-tree-has-submenu > a:before {
		content: "expand";
		display: inline-block;
		padding-left: 9px;
		width: 0px;
		height: 11px;
		margin-right: 4px;
		position: relative;
		top: 2px;
		vertical-align: top;
		background: url(../images/tiny_arrow_sprite.png) -32px 0px no-repeat;
		overflow: hidden;
	}
	.ux-tree li.ux-tree-has-submenu.ux-tree-has-submenu-open > a:before {
		content: "collapse";
		display: inline-block;
		padding-left: 9px;
		width: 0px;
		height: 11px;
		margin-right: 4px;
		position: relative;
		top: 2px;
		vertical-align: top;
		background: url(../images/tiny_arrow_sprite.png) -63px 0px no-repeat;
		overflow: hidden;
	}
		.ux-tree li.ux-tree-has-submenu > ul {
			display: none;
		}
		.ux-tree li.ux-tree-has-submenu.ux-tree-has-submenu-open > ul {
			display: none;
		}
	.ux-tree li > a {
		display: inline-block;
		padding-bottom: 10px;	
	}
	.ux-tree li a:focus > span { background-color: #f5e099; }
	.ux-tree li a:active > span { background-color: #eebd33; }
	
	
/************************************************************************************ Colors */
.ux-colr-red { color: #ce0c28; }
.ux-colr-orange { color: #F47B29; }

.ux-colr-gray-0 { color: #F3F3F3; }
.ux-colr-gray-1 { color: #E6E6E6; }
.ux-colr-gray-2 { color: #CCCCCC; }
.ux-colr-gray-3 { color: #B3B3B3; }
.ux-colr-gray-4 { color: #999999; }
.ux-colr-gray-5 { color: #808080; }
.ux-colr-gray-6 { color: #666666; }
.ux-colr-gray-7 { color: #4D4D4D; }
.ux-colr-gray-8 { color: #333333; }
.ux-colr-gray-9 { color: #1A1A1A; }

.ux-colr-orange-0 { color: #FEF3E8; }
.ux-colr-orange-1 { color: #FDE6D1; }
.ux-colr-orange-2 { color: #FBCDA6; }
.ux-colr-orange-3 { color: #F8B17C; }
.ux-colr-orange-4 { color: #F69653; }
.ux-colr-orange-5 { color: #F47B29; }
.ux-colr-orange-6 { color: #C36121; }
.ux-colr-orange-7 { color: #924719; }
.ux-colr-orange-8 { color: #622E12; }
.ux-colr-orange-9 { color: #31140A; }

.ux-colr-yellow-0 { color: #FBFAE6; }
.ux-colr-yellow-1 { color: #F9F2CC; }
.ux-colr-yellow-2 { color: #F5E099; }
.ux-colr-yellow-3 { color: #F2CE66; }
.ux-colr-yellow-4 { color: #EEBD33; }
.ux-colr-yellow-5 { color: #EAAB00; }
.ux-colr-yellow-6 { color: #BB8500; }
.ux-colr-yellow-7 { color: #8C6000; }
.ux-colr-yellow-8 { color: #5E3A00; }
.ux-colr-yellow-9 { color: #2F1500; }

.ux-colr-green-0 { color: #F4F7EE; }
.ux-colr-green-1 { color: #E9EFDA; }
.ux-colr-green-2 { color: #D4DFB1; }
.ux-colr-green-3 { color: #BECF8C; }
.ux-colr-green-4 { color: #A9BE64; }
.ux-colr-green-5 { color: #93AE3E; }
.ux-colr-green-6 { color: #7E9E3E; }
.ux-colr-green-7 { color: #638104; }
.ux-colr-green-8 { color: #425602; }
.ux-colr-green-9 { color: #212B03; }

.ux-colr-turquoise-0 { color: #EDF5F6; }
.ux-colr-turquoise-1 { color: #DBECED; }
.ux-colr-turquoise-2 { color: #B6D9DC; }
.ux-colr-turquoise-3 { color: #92C6CA; }
.ux-colr-turquoise-4 { color: #6DB2B8; }
.ux-colr-turquoise-5 { color: #499FA6; }
.ux-colr-turquoise-6 { color: #248C95; }
.ux-colr-turquoise-7 { color: #007983; }
.ux-colr-turquoise-8 { color: #005157; }
.ux-colr-turquoise-9 { color: #00282C; }

.ux-colr-blue-0 { color: #E6F5FA; }
.ux-colr-blue-1 { color: #D4E8F1; }
.ux-colr-blue-2 { color: #ADD3E3; }
.ux-colr-blue-3 { color: #87BAD5; }
.ux-colr-blue-4 { color: #5EA1C7; }
.ux-colr-blue-5 { color: #3A89B9; }
.ux-colr-blue-6 { color: #1370AB; }
.ux-colr-blue-7 { color: #00568D; }
.ux-colr-blue-8 { color: #00395E; }
.ux-colr-blue-9 { color: #001D2F; }

.ux-colr-purple-0 { color: #ECEDFF; }
.ux-colr-purple-1 { color: #D9DAFF; }
.ux-colr-purple-2 { color: #BBC0E9; }
.ux-colr-purple-3 { color: #9FA3D7; }
.ux-colr-purple-4 { color: #8485C2; }
.ux-colr-purple-5 { color: #6C66AE; }
.ux-colr-purple-6 { color: #50489A; }
.ux-colr-purple-7 { color: #3D2986; }
.ux-colr-purple-8 { color: #27185A; }
.ux-colr-purple-9 { color: #150732; }

.ux-colr-red-0 { color: #F8F0EF; }
.ux-colr-red-1 { color: #F1E1DE; }
.ux-colr-red-2 { color: #E2C2BE; }
.ux-colr-red-3 { color: #D4A1A0; }
.ux-colr-red-4 { color: #C67F82; }
.ux-colr-red-5 { color: #B75D65; }
.ux-colr-red-6 { color: #A93C47; }
.ux-colr-red-7 { color: #8B2530; }
.ux-colr-red-8 { color: #5D1920; }
.ux-colr-red-9 { color: #2E0C10; }

.ux-colr-bg-gray-0 { background-color: #F3F3F3; }
.ux-colr-bg-gray-1 { background-color: #E6E6E6; }
.ux-colr-bg-gray-2 { background-color: #CCCCCC; }
.ux-colr-bg-gray-3 { background-color: #B3B3B3; }
.ux-colr-bg-gray-4 { background-color: #999999; }
.ux-colr-bg-gray-5 { background-color: #808080; }
.ux-colr-bg-gray-6 { background-color: #666666; }
.ux-colr-bg-gray-7 { background-color: #4D4D4D; }
.ux-colr-bg-gray-8 { background-color: #333333; }
.ux-colr-bg-gray-9 { background-color: #1A1A1A; }

.ux-colr-bg-orange-0 { background-color: #FEF3E8; }
.ux-colr-bg-orange-1 { background-color: #FDE6D1; }
.ux-colr-bg-orange-2 { background-color: #FBCDA6; }
.ux-colr-bg-orange-3 { background-color: #F8B17C; }
.ux-colr-bg-orange-4 { background-color: #F69653; }
.ux-colr-bg-orange-5 { background-color: #F47B29; }
.ux-colr-bg-orange-6 { background-color: #C36121; }
.ux-colr-bg-orange-7 { background-color: #924719; }
.ux-colr-bg-orange-8 { background-color: #622E12; }
.ux-colr-bg-orange-9 { background-color: #31140A; }

.ux-colr-bg-yellow-0 { background-color: #FBFAE6; }
.ux-colr-bg-yellow-1 { background-color: #F9F2CC; }
.ux-colr-bg-yellow-2 { background-color: #F5E099; }
.ux-colr-bg-yellow-3 { background-color: #F2CE66; }
.ux-colr-bg-yellow-4 { background-color: #EEBD33; }
.ux-colr-bg-yellow-5 { background-color: #EAAB00; }
.ux-colr-bg-yellow-6 { background-color: #BB8500; }
.ux-colr-bg-yellow-7 { background-color: #8C6000; }
.ux-colr-bg-yellow-8 { background-color: #5E3A00; }
.ux-colr-bg-yellow-9 { background-color: #2F1500; }

.ux-colr-bg-green-0 { background-color: #F4F7EE; }
.ux-colr-bg-green-1 { background-color: #E9EFDA; }
.ux-colr-bg-green-2 { background-color: #D4DFB1; }
.ux-colr-bg-green-3 { background-color: #BECF8C; }
.ux-colr-bg-green-4 { background-color: #A9BE64; }
.ux-colr-bg-green-5 { background-color: #93AE3E; }
.ux-colr-bg-green-6 { background-color: #7E9E3E; }
.ux-colr-bg-green-7 { background-color: #638104; }
.ux-colr-bg-green-8 { background-color: #425602; }
.ux-colr-bg-green-9 { background-color: #212B03; }

.ux-colr-bg-turquoise-0 { background-color: #EDF5F6; }
.ux-colr-bg-turquoise-1 { background-color: #DBECED; }
.ux-colr-bg-turquoise-2 { background-color: #B6D9DC; }
.ux-colr-bg-turquoise-3 { background-color: #92C6CA; }
.ux-colr-bg-turquoise-4 { background-color: #6DB2B8; }
.ux-colr-bg-turquoise-5 { background-color: #499FA6; }
.ux-colr-bg-turquoise-6 { background-color: #248C95; }
.ux-colr-bg-turquoise-7 { background-color: #007983; }
.ux-colr-bg-turquoise-8 { background-color: #005157; }
.ux-colr-bg-turquoise-9 { background-color: #00282C; }

.ux-colr-bg-blue-0 { background-color: #E6F5FA; }
.ux-colr-bg-blue-1 { background-color: #D4E8F1; }
.ux-colr-bg-blue-2 { background-color: #ADD3E3; }
.ux-colr-bg-blue-3 { background-color: #87BAD5; }
.ux-colr-bg-blue-4 { background-color: #5EA1C7; }
.ux-colr-bg-blue-5 { background-color: #3A89B9; }
.ux-colr-bg-blue-6 { background-color: #1370AB; }
.ux-colr-bg-blue-7 { background-color: #00568D; }
.ux-colr-bg-blue-8 { background-color: #00395E; }
.ux-colr-bg-blue-9 { background-color: #001D2F; }

.ux-colr-bg-purple-0 { background-color: #ECEDFF; }
.ux-colr-bg-purple-1 { background-color: #D9DAFF; }
.ux-colr-bg-purple-2 { background-color: #BBC0E9; }
.ux-colr-bg-purple-3 { background-color: #9FA3D7; }
.ux-colr-bg-purple-4 { background-color: #8485C2; }
.ux-colr-bg-purple-5 { background-color: #6C66AE; }
.ux-colr-bg-purple-6 { background-color: #50489A; }
.ux-colr-bg-purple-7 { background-color: #3D2986; }
.ux-colr-bg-purple-8 { background-color: #27185A; }
.ux-colr-bg-purple-9 { background-color: #150732; }

.ux-colr-bg-red-0 { background-color: #F8F0EF; }
.ux-colr-bg-red-1 { background-color: #F1E1DE; }
.ux-colr-bg-red-2 { background-color: #E2C2BE; }
.ux-colr-bg-red-3 { background-color: #D4A1A0; }
.ux-colr-bg-red-4 { background-color: #C67F82; }
.ux-colr-bg-red-5 { background-color: #B75D65; }
.ux-colr-bg-red-6 { background-color: #A93C47; }
.ux-colr-bg-red-7 { background-color: #8B2530; }
.ux-colr-bg-red-8 { background-color: #5D1920; }
.ux-colr-bg-red-9 { background-color: #2E0C10; }


/************************************************************************************ Utilities */
/* Retina Images */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-moz-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	.ux-panl.ux-panl-closed .ux-panl-header {
		background: url(../images/twisties_ratio2.png) no-repeat 9px 1px;
		background-size: 20px 66px;
	}
	.ux-panl-alt.ux-panl-closed .ux-panl-header {
		background: #ffffff url(../images/twisties_ratio2.png) no-repeat 9px 1px;
	}
	.ux-panl.ux-panl-open .ux-panl-header {
		background: url(../images/twisties_ratio2.png) no-repeat 9px -34px;
		background-size: 20px 66px;
	}
	.ux-panl-alt.ux-panl-open .ux-panl-header {
		background: #ffffff url(../images/twisties_ratio2.png) no-repeat 9px -34px;
		background-size: 15px 16px
	}
	li.ux-hnav-more-tab > a,
	li.ux-hnav-more-tab > a:hover {
		background: url(../images/arrow_down_gray8_ratio2.png) no-repeat 13px 10px;
		background-size: 15px 16px;
	}
	.ux-hnav-has-horizontal-secondary .ux-hnav-selected.ux-hnav-has-vertical-tertiary > a,
	.ux-hnav-has-horizontal-secondary > li.ux-hnav-selected > ul > li.ux-hnav-has-vertical-tertiary > a {
		background: url(../images/arrow_down_gray8_ratio2.png) no-repeat right 7px;
		background-size: 15px 16px
	}
	.ux-icon-tabl-delete {
		background: url(../images/Delete_c_ratio2.png) no-repeat;
		background-size: 16px 16px;
	}
	.ux-icon-tabl-sortable {
		background: url(../images/sort_spinner_ratio2.png) 0 -1px no-repeat;
		background-size: 10px 14px;
	}
	.ux-msg-success {
		background: #E9EFDA url(../images/icon-success1_ratio2.png) 13px 4px no-repeat;
		background-size: 30px 30px;
	}
	.ux-msg-error {
		background: #f7eeef url(../images/warning-icon1_ratio2.png) 13px 4px no-repeat;
		background-size: 30px 30px;
	}
	.ux-icon-tabl-sort-asc,
	.ux-icon-tabl-sort-desc,
	.ux-icon-tabl-sort-sortable {
		background-image: url(../images/tiny_arrow_sprite_ratio2.png);
		background-size: 169px 22px;
	}
		.ux-icon-tabl-sort-asc {
			background-position: -153px 0;
		}
		.ux-icon-tabl-sort-desc {
			background-position: -133px 0;
		}
		.ux-icon-tabl-sort-sortable {
			background-position: -114px 0;
		}		
		
		
	.ux-icon-online {
		background: url(../images/ball_green_ratio2.png) 0 0 no-repeat;
		background-size: 20px 20px;
	}
	.ux-hovr-left,
	.ux-hovr-above,
	.ux-hovr-right,
	.ux-hovr-above-right {
		background: url(../images/hover_indicator_ratio2.png) 100% 50% no-repeat;
		background-size: 20px 20px;
	}
	.ux-hovr-left.ux-hovr-show:after,
	.ux-hovr-above.ux-hovr-show:after {
		background-image: url(../images/hover_pointer_ratio2.png);
	}
	.ux-hovr-right.ux-hovr-show:after,
	.ux-hovr-above-right.ux-hovr-show:after {
		background-image: url(../images/hover_pointer_ratio2.png);
	}
	.ux-icon-edit,
	.ux-icon-confirm,
	.ux-icon-cancel {
		background-image: url(../images/table_icons_ratio2.png);
		background-size: 60px 60px;
	}
	.ux-menu > li.ux-menu-edit:before {
		content: "";
		background: url(../images/table_icons_ratio2.png) -40px 0 no-repeat;
		background-size: 60px 60px;
		height: 20px;
		width: 20px;
		display: inline-block;
		margin: 4px;
		vertical-align: middle;
	}
	.ux-menu > li.ux-menu-confirm:before {
		content: "";
		background: url(../images/table_icons_ratio2.png) -20px 0 no-repeat;
		background-size: 60px 60px;
		height: 20px;
		width: 20px;
		display: inline-block;
		margin: 4px;
		vertical-align: middle;
	}
	.ux-menu > li.ux-menu-cancel:before {
		content: "";
		background: url(../images/table_icons_ratio2.png) 0px 0 no-repeat;
		background-size: 60px 60px;
		height: 20px;
		width: 20px;
		display: inline-block;
		margin: 4px;
		vertical-align: middle;
	}
	.ux-tabl-expandable-row > td:first-child > a:first-child {
		background-image: url(../images/tiny_arrow_sprite_ratio2.png);
		background-size: 119px 7px;
	}
	.ux-vnav > .ux-vnav-submenu-open > a {
		background-image: url(../images/nav_arrow_down_ratio2.png);
		background-size: 17px 16px;
	}
	.ux-vnav > .ux-vnav-submenu-closed > a {
		background-image: url(../images/nav_arrow_right_ratio2.png);
		background-size: 17px 16px;
	}
}

/* Effects */
.ux-efct-interior-shadow {
	-moz-box-shadow: inset 0 0 5px #888;
	-webkit-box-shadow: inset 0 0 5px #888;
	box-shadow: inset 0 0 13px #b3b3b3;
}
.ux-efct-border-gray-3 {
	border: 1px solid #b3b3b3;
}

/* Page Flow */
.ux-clear { clear: both; }
.ux-clear-after:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
/* Following clear fix is experimental. If it works replace ux-clear-after with ux-clear-fix */
.ux-clear-fix:before,
.ux-clear-fix:after {	
	content: " ";
	display: table;
}
.ux-clear-fix:after {
	clear: both;	
}
.ux-centered-block { 
	margin-left: auto;
	margin-right: auto;
}
.ux-scrollable { overflow: auto; }
.ux-position-relative{
       position: relative;
}

.ux-position-absolute{
       position: absolute;
}


/* Alignment */
.ux-type-nowrap { white-space: nowrap; }
.ux-type-midline,
td.ux-type-midline,
th.ux-type-midline { vertical-align: middle; }
.ux-type-center,
td.ux-type-center,
th.ux-type-center,
col.ux-type-center td { text-align: center; }
.ux-type-right,
td.ux-type-right,
th.ux-type-right { text-align: right; }
.ux-float-left { float: left; }
.ux-float-right { float: right; }
.ux-float-none { float: none; }
.ux-util-hidden { display: none; }
.ux-util-visible { display: inherit; }
.ux-util-inline-block { display: inline-block; }

.ux-type-large-header { font-size: 32px; font-weight: normal; }

/* Widths */
.ux-width-full-inclusive { 
	width: 100%; 
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box;  
}
.ux-width-1t  { width: 13px !important; }
.ux-width-2t  { width: 26px !important; }
.ux-width-3t  { width: 39px !important; }
.ux-width-4t  { width: 52px !important; }
.ux-width-5t  { width: 65px !important; }
.ux-width-6t  { width: 78px !important; }
.ux-width-7t  { width: 91px !important; }
.ux-width-8t  { width: 104px !important; }
.ux-width-9t  { width: 117px !important; }
.ux-width-10t { width: 130px !important; }
.ux-width-11t { width: 143px !important; }
.ux-width-12t { width: 156px !important; }
.ux-width-13t { width: 169px !important; }
.ux-width-14t { width: 182px !important; }
.ux-width-15t { width: 195px !important; }
.ux-width-16t { width: 208px !important; }
.ux-width-17t { width: 221px !important; }
.ux-width-18t { width: 234px !important; }
.ux-width-19t { width: 247px !important; }
.ux-width-20t { width: 260px !important; }
.ux-width-21t { width: 273px !important; }
.ux-width-22t { width: 286px !important; }
.ux-width-23t { width: 299px !important; }
.ux-width-24t { width: 312px !important; }
.ux-width-25t { width: 325px !important; }
.ux-width-26t { width: 338px !important; }
.ux-width-27t { width: 351px !important; }
.ux-width-28t { width: 364px !important; }
.ux-width-29t { width: 377px !important; }
.ux-width-30t { width: 390px !important; }
.ux-width-31t { width: 403px !important; }
.ux-width-32t { width: 416px !important; }
.ux-width-33t { width: 429px !important; }
.ux-width-34t { width: 442px !important; }
.ux-width-35t { width: 455px !important; }
.ux-width-36t { width: 468px !important; }
.ux-width-37t { width: 481px !important; }
.ux-width-38t { width: 494px !important; }
.ux-width-39t { width: 507px !important; }
.ux-width-40t { width: 520px !important; }
.ux-width-41t { width: 533px !important; }
.ux-width-42t { width: 546px !important; }
.ux-width-43t { width: 559px !important; }
.ux-width-44t { width: 572px !important; }
.ux-width-45t { width: 585px !important; }
.ux-width-46t { width: 598px !important; }
.ux-width-47t { width: 611px !important; }
.ux-width-48t { width: 624px !important; }
.ux-width-49t { width: 637px !important; }
.ux-width-50t { width: 650px !important; }
.ux-width-51t { width: 663px !important; }
.ux-width-52t { width: 676px !important; }
.ux-width-53t { width: 689px !important; }
.ux-width-54t { width: 702px !important; }
.ux-width-55t { width: 715px !important; }
.ux-width-56t { width: 728px !important; }
.ux-width-57t { width: 741px !important; }
.ux-width-58t { width: 754px !important; }
.ux-width-59t { width: 767px !important; }
.ux-width-60t { width: 780px !important; }

/* Height */
.ux-height-1t  { height: 13px !important; }
.ux-height-2t  { height: 26px !important; }
.ux-height-3t  { height: 39px !important; }
.ux-height-4t  { height: 52px !important; }
.ux-height-5t  { height: 65px !important; }
.ux-height-6t  { height: 78px !important; }
.ux-height-7t  { height: 91px !important; }
.ux-height-8t  { height: 104px !important; }
.ux-height-9t  { height: 117px !important; }
.ux-height-10t { height: 130px !important; }
.ux-height-11t { height: 143px !important; }
.ux-height-12t { height: 156px !important; }
.ux-height-13t { height: 169px !important; }
.ux-height-14t { height: 182px !important; }
.ux-height-15t { height: 195px !important; }
.ux-height-16t { height: 208px !important; }
.ux-height-17t { height: 221px !important; }
.ux-height-18t { height: 234px !important; }
.ux-height-19t { height: 247px !important; }
.ux-height-20t { height: 260px !important; }
.ux-height-21t { height: 273px !important; }
.ux-height-22t { height: 286px !important; }
.ux-height-23t { height: 299px !important; }
.ux-height-24t { height: 312px !important; }
.ux-height-25t { height: 325px !important; }
.ux-height-26t { height: 338px !important; }
.ux-height-27t { height: 351px !important; }
.ux-height-28t { height: 364px !important; }
.ux-height-29t { height: 377px !important; }
.ux-height-30t { height: 390px !important; }
.ux-height-31t { height: 403px !important; }
.ux-height-32t { height: 416px !important; }
.ux-height-33t { height: 429px !important; }
.ux-height-34t { height: 442px !important; }
.ux-height-35t { height: 455px !important; }
.ux-height-36t { height: 468px !important; }
.ux-height-37t { height: 481px !important; }
.ux-height-38t { height: 494px !important; }
.ux-height-39t { height: 507px !important; }
.ux-height-40t { height: 520px !important; }
.ux-height-41t { height: 533px !important; }
.ux-height-42t { height: 546px !important; }
.ux-height-43t { height: 559px !important; }
.ux-height-44t { height: 572px !important; }
.ux-height-45t { height: 585px !important; }
.ux-height-46t { height: 598px !important; }
.ux-height-47t { height: 611px !important; }
.ux-height-48t { height: 624px !important; }
.ux-height-49t { height: 637px !important; }
.ux-height-50t { height: 650px !important; }
.ux-height-51t { height: 663px !important; }

/* Margins and Padding */
.ux-margin-none 	{ margin: 0 !important; }
.ux-margin-min 		{ margin: 4px !important; }
.ux-margin-halft	{ margin: 7px !important; }
.ux-margin-1t 		{ margin: 13px !important; }
.ux-margin-2t 		{ margin: 26px !important; }
.ux-margin-3t 		{ margin: 39px !important; }
.ux-margin-4t 		{ margin: 52px !important; }
.ux-margin-5t 		{ margin: 65px !important; }

.ux-margin-left-none 	{ margin-left: 0 !important; }
.ux-margin-left-min 	{ margin-left: 4px !important; }
.ux-margin-left-halft 	{ margin-left: 7px !important; }
.ux-margin-left-1t 		{ margin-left: 13px !important; }
.ux-margin-left-2t 		{ margin-left: 26px !important; }
.ux-margin-left-3t 		{ margin-left: 39px !important; }
.ux-margin-left-4t 		{ margin-left: 52px !important; }
.ux-margin-left-5t 		{ margin-left: 65px !important; }

.ux-margin-right-none 	{ margin-right: 0 !important; }
.ux-margin-right-min 	{ margin-right: 4px !important; }
.ux-margin-right-halft 	{ margin-right: 7px !important; }
.ux-margin-right-1t 	{ margin-right: 13px !important; }
.ux-margin-right-2t 	{ margin-right: 26px !important; }
.ux-margin-right-3t 	{ margin-right: 39px !important; }
.ux-margin-right-4t 	{ margin-right: 52px !important; }
.ux-margin-right-5t 	{ margin-right: 65px !important; }

.ux-margin-top-none 	{ margin-top: 0 !important; }
.ux-margin-top-min 		{ margin-top: 4px !important; }
.ux-margin-top-halft	{ margin-top: 7px !important; }
.ux-margin-top-1t 		{ margin-top: 13px !important; }
.ux-margin-top-2t 		{ margin-top: 26px !important; }
.ux-margin-top-3t 		{ margin-top: 39px !important; }
.ux-margin-top-4t 		{ margin-top: 52px !important; }
.ux-margin-top-5t 		{ margin-top: 65px !important; }

.ux-margin-bottom-none 	{ margin-bottom: 0 !important; }
.ux-margin-bottom-min 	{ margin-bottom: 4px !important; }
.ux-margin-bottom-halft	{ margin-bottom: 7px !important; }
.ux-margin-bottom-1t 	{ margin-bottom: 13px !important; }
.ux-margin-bottom-2t 	{ margin-bottom: 26px !important; }
.ux-margin-bottom-3t 	{ margin-bottom: 39px !important; }
.ux-margin-bottom-4t 	{ margin-bottom: 52px !important; }
.ux-margin-bottom-5t 	{ margin-bottom: 65px !important; }
.ux-margin-bottom-6t 	{ margin-bottom: 78px !important; }
.ux-margin-bottom-7t 	{ margin-bottom: 91px !important; }
.ux-margin-bottom-8t 	{ margin-bottom: 104px !important; }
.ux-margin-bottom-9t 	{ margin-bottom: 117px !important; }

.ux-padding-none 	{ padding: 0 !important; }
.ux-padding-min 	{ padding: 4px !important; }
.ux-padding-halft 	{ padding: 7px !important; }
.ux-padding-1t 		{ padding: 13px !important; }
.ux-padding-2t 		{ padding: 26px !important; }
.ux-padding-3t 		{ padding: 39px !important; }
.ux-padding-4t 		{ padding: 52px !important; }
.ux-padding-5t 		{ padding: 65px !important; }

.ux-padding-left-none 	{ padding-left: 0 !important; }
.ux-padding-left-min 	{ padding-left: 4px !important; }
.ux-padding-left-halft 	{ padding-left: 7px !important; }
.ux-padding-left-1t 	{ padding-left: 13px !important; }
.ux-padding-left-2t 	{ padding-left: 26px !important; }
.ux-padding-left-3t 	{ padding-left: 39px !important; }
.ux-padding-left-4t 	{ padding-left: 52px !important; }
.ux-padding-left-5t 	{ padding-left: 65px !important; }

.ux-padding-right-none 	{ padding-right: 0 !important; }
.ux-padding-right-min 	{ padding-right: 4px !important; }
.ux-padding-right-halft	{ padding-right: 7px !important; }
.ux-padding-right-1t 	{ padding-right: 13px !important; }
.ux-padding-right-2t 	{ padding-right: 26px !important; }
.ux-padding-right-3t 	{ padding-right: 39px !important; }
.ux-padding-right-4t 	{ padding-right: 52px !important; }
.ux-padding-right-5t 	{ padding-right: 65px !important; }

.ux-padding-top-none 	{ padding-top: 0 !important; }
.ux-padding-top-min 	{ padding-top: 4px !important; }
.ux-padding-top-halft 	{ padding-top: 7px !important; }
.ux-padding-top-1t 		{ padding-top: 13px !important; }
.ux-padding-top-2t 		{ padding-top: 26px !important; }
.ux-padding-top-3t 		{ padding-top: 39px !important; }
.ux-padding-top-4t 		{ padding-top: 52px !important; }
.ux-padding-top-5t 		{ padding-top: 65px !important; }

.ux-padding-bottom-none 	{ padding-bottom: 0 !important; }
.ux-padding-bottom-min 		{ padding-bottom: 4px !important; }
.ux-padding-bottom-halft 	{ padding-bottom: 7px !important; }
.ux-padding-bottom-1t 		{ padding-bottom: 13px !important; }
.ux-padding-bottom-2t 		{ padding-bottom: 26px !important; }
.ux-padding-bottom-3t 		{ padding-bottom: 39px !important; }
.ux-padding-bottom-4t 		{ padding-bottom: 52px !important; }
.ux-padding-bottom-5t 		{ padding-bottom: 65px !important; }