:root {
	--icon-color: #757575;
	--icon-dark-color: #333;
}

svg.icon {
	fill: var(--icon-color);
}
svg.icon.dark {
	fill: var(--icon-dark-color);
}

/* Forms */
/* ---------------------------------------------------------------- */

::-webkit-input-placeholder { color: #999; }
::-moz-placeholder { color: #999; }
:-ms-input-placeholder { color: #999; }

input[type="radio"]:focus {
	outline-style: none;
	outline-width: 0;
}
fieldset .radio-indent {
	margin: 10px 40px;
}
fieldset label.top {
	display: block;
	font-weight: bold;
	margin-bottom: 0.3em;
	color: #666;
}
fieldset .indent input:first-child {
	margin-left: 0;
}

/* chosen */
form .chosen-container .chosen-results li.highlighted {
	background-color: #407198;
	background-image: none;
}
.dialog .chosen-select .chosen-single {
	padding: 0 0 0 6px;
	background-image: none;
	background-color: #fff;
	border-radius: 0;
}
.dialog .chosen-container-active.chosen-with-drop .chosen-single {
	background-image: none;
	background-color: #fff;
}

/* Page Structure */
/* ---------------------------------------------------------------- */

#footer {
	clear: both;
	font-size: 85%;
	color: #909090;
	margin: 1em 20px 1em 210px;
}
.systemMessage {
	color: #333333;
	background-color: #fcfce1;
	margin: 0 0 1em 0;
	padding: 0.6em 10px;
	border: 2px solid #ffcc00;
	border-left: none;
	border-right: none;
}
.systemMessage h3 {
	color: #333333;
	margin: 0 0 0.6em 0;
}
#breadcrumbs {
	margin-top: -1em;
	padding: 5px 0;
}
#breadcrumbs strong {
	font-weight: normal;
	margin: 0 3px;
}	
#pageInstructions {
	clear: both;
}
#adminNavUserControl_adminNav .chosen-select {
	width: 350px;
}
#adminNavUserControl_adminNav .chosen-before-load {
	min-height: 240px;
	background-image: url(responsive/spinner.gif);
	background-position: center 40px;
	background-repeat: no-repeat;
}

/* Feedback */
/* ---------------------------------------------------------------- */

.feedback {
	text-align: left;
	margin-bottom: 1em;
	padding: 4px;
	color: #606060;
	background: #f0f0f0 url(images/alert.gif) top left no-repeat;
	border: 1px solid #c0c0c0;
	}
.feedback h3 {
	margin: 10px 0 10px 58px;
	font-weight: bold;
	}
.feedback h5 {
	margin: 10px 0 6px 58px;
	font-weight: bold;
	}
.feedback p {
	margin-left: 58px;
	margin-bottom: 0.5em;
	}
.feedback ul, ol {
	margin-left: 58px;
	margin-bottom: 0.5em;
	}
.feedback li {
	margin: 0 0 4px 20px;
	}
noscript div {
	display: block;
	}
#feedbackPanel .undo, .notice .undo {
	font-size: 85%;
	margin-left: 5px;
	padding: 2px;
	background-color: #ffb;
	}
#feedbackPanel, #feedbackPanel_popup, #noScript div, .notice {
	clear: both;
	margin: 0 0 0.6em 0;
	padding: 10px;
	}
/* avoid extra padding in IE on pages with pageview control */
* html #feedbackPanel, * html #feedbackPanel_popup, * html #noScript div, * html .notice {
	height: 1%;
	}
/* IE7 */
*:first-child+html #feedbackPanel, *:first-child+html #feedbackPanel_popup, *:first-child+html #noScript div, *:first-child+html .notice {
	height: 1%;
	}
/* IE7: required to get progress upload rejection feedback rendered properly */
*:first-child+html #uploadForm #feedbackPanel {
	height: auto;
}
.feedback-panel p {
	margin: 0 0 1em 0;
}
.feedback-panel p:last-of-type {
	margin-bottom: 0.5em;
}
.feedback-panel code {
	display: block;
	font-size: medium;
	margin: 0 20px 1em 20px;
}
div.success {
	color: #0e704a;
	background-color: #E2F9E3;
	border-top: 1px solid #99CC99;
	border-bottom: 1px solid #99CC99;
	}
div.success a:link, div.success a:visited {
	color: #0e704a;
	}
div.error, #noScript div {
	color: #b42e33;
	background-color: #F8E5E7;
	border-top: 1px solid #b42e33;
	border-bottom: 1px solid #b42e33;
	}
div.error a:link, div.error a:visited, #noScript a:link, #noScript a:visited {
	color: #b42e33;
	}
div.warning {
	color: #606060;
	background-color: #f0f0f0;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	}
div.warning a:link, div.warning a:visited {
	color: #606060;
	}
span.error {
	display: block;
	font-weight: bold;
	line-height: 130%;
	padding: 4px;
	color: #b42e33 !important;
	}
/* compensate for extra padding around datetime pickers with errors (where supported) */
span.error.datetimepicker {
	padding: 0px;
	display: inline;
	margin-left: 0px;
}
fieldset span.error {
	margin-left: 20px;
}
fieldset fieldset span.error {
	margin-left: 0;
}
fieldset td span.error {
	margin-left: 0;
}

/* Buttons */
/* ---------------------------------------------------------------- */

input[type="button"]:focus, input[type="submit"]:focus, button:focus {
	outline-style: none;
	outline-width: 0;
	box-shadow: 0 0 3px 2px #a5c7fe;
}
input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, button::-moz-focus-inner {
	border: 0;
}

.btn {
	clear: left;
	display: inline; /* fix IE6 double margin bug */
	float: left;
	overflow: hidden;
	cursor: pointer;
	height: 2.8em;
	line-height: 2.8em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin: 2px 8px 0 0;
	padding: 0 18px;
	color: var(--btn-color, #737373);
	background-color: var(--btn-bgcolor, #e0e0e0);
	border: none;
	border-radius: 5px;
	-webkit-appearance: none;
}
/* temporary until timed submit buttons are removed */
.fw-btn {
	clear: left;
	display: inline; /* fix IE6 double margin bug */
	float: left;
	overflow: hidden;
	cursor: pointer;
	height: 2.8em;
	line-height: 2.8em;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin: 2px 8px 0 0;
	padding: 0 18px;
	color: var(--btn-color, #737373);
	background-color: var(--btn-bgcolor, #e0e0e0);
	border: none;
	border-radius: 5px;
	-webkit-appearance: none;
}
a.btn, a.btn:link, a.btn:visited {
	text-decoration: none;
	color: var(--btn-color, #737373);
}
.btn:hover {
	color: var(--btn-highlight-color, #737373);
	background-color: var(--btn-highlight-bgcolor, #c9c9c9);
}
.btn-clicked {
	cursor: auto;
	color: var(--btn-highlight-color, #666);
	background-color: var(--btn-highlight-bgcolor, #c9c9c9);
}
.btn:disabled, .btn:disabled:hover {
	cursor: default;
	color: var(--btn-disabled-color, #a0a0a0);
	background-color: var(--btn-disabled-bgcolor, #f3f3f3);
	border: 1px solid #ccc;
}
.submit, .confirm, a.submit:link, a.confirm:link, a.submit:visited, a.confirm:visited {
	color: var(--btn-primary-color, #fff);
	background-color: var(--btn-primary-bgcolor, #7ea035);
	transition: var(--btn-primary-transition);
}
.submit:hover, .confirm:hover {
	color: var(--btn-primary-highlight-color, var(--btn-primary-color, #fff));
	background-color: var(--btn-primary-highlight-bgcolor, color-mix(in srgb, var(--btn-primary-bgcolor, #7ea035), #fff 20%));
	opacity: var(--btn-primary-highlight-opacity);
}
.submit.btn-clicked, .confirm.btn-clicked {
	color: var(--btn-primary-highlight-color, var(--btn-primary-color, #fff));
	background-color: var(--btn-primary-highlight-bgcolor, color-mix(in srgb, var(--btn-primary-bgcolor, #7ea035), #fff 20%));
	opacity: var(--btn-primary-highlight-opacity);
}

.ui-dialog .nav .btn, .popupDialog .nav .btn {
	float: none;
	margin-right: 18px;
	border: none;
}
.ui-dialog .nav input.confirm,
.popupDialog .content .nav .confirm, .popupDialog .content .nav input[type="submit"],
.ui-dialog .nav input.cancel,
.popupDialog .content .nav input.cancel, .popupDialog .content .nav button {
	float: inherit;
	display: inline-block;
	overflow: hidden;
	height: 36px;
	cursor: pointer;
	line-height: 36px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	margin: 0 18px 0 0;
	padding: 0 18px;
	color: var(--btn-color, #737373);
	background-color: var(--btn-bgcolor, #e0e0e0);
	border: none;
	border-radius: 5px;
	-webkit-appearance: none;
}

.ui-dialog .nav input.confirm,
.popupDialog .content .nav .confirm, .popupDialog .content .nav input[type="submit"] {
	color: var(--btn-primary-color, #fff);
	background-color: var(--btn-primary-bgcolor, #7ea035);
	transition: var(--btn-primary-transition);
}
.ui-dialog .nav input.confirm:hover,
.popupDialog .content .nav .confirm:hover, .popupDialog .content .nav input[type="submit"]:hover {
	color: var(--btn-primary-highlight-color, var(--btn-primary-color, #fff));
	background-color: var(--btn-primary-highlight-bgcolor, color-mix(in srgb, var(--btn-primary-bgcolor, #7ea035), #fff 20%));
	opacity: var(--btn-primary-highlight-opacity);
}
.ui-dialog .nav input.confirm:disabled, .ui-dialog .nav input.confirm:disabled:hover {
	cursor: default;
	color: var(--btn-disabled-color, #a0a0a0);
	background-color: var(--btn-disabled-bgcolor, #f3f3f3);
}
/* IE6 */
* html .ui-dialog .nav input.confirm, * html .ui-dialog .nav input.cancel {
	float: none;
	display: inline;
}
/* IE7 */
*:first-child + html .ui-dialog .nav input.confirm, *:first-child + html .ui-dialog .nav input.cancel {
	float: none;
	display: inline;
}

.wizard .btn, .wizard .fw-btn {
	float: none;
	border: none;
}
.wizard #topNav .btn {
	float: none;
	height: 28px;
	line-height: 28px;
	margin-left: 6px; /* wizard on right */
	margin-right: 0;
	padding: 0 9px;
}

/* paging buttons */
.button {
	float: left;
	outline-color: invert;
	outline-style: none;
	outline-width: medium;
	line-height: 1.2em;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
	margin: 0 6px;
	color: #444444;
}
.button b {
	position: relative;
	display: block;
	font-weight: normal;
	font-style: normal;
	margin: 0 1px;
	padding: 0;
	background: #dddddd url(images/button_bg.gif) repeat-x scroll 0 0;
	border-color: #aaaaaa;
	border-style: solid;
	border-width: 1px 0;
}
.button:hover b {
	border-color: #888888;
}
.button b b {
	margin: 0 -1px;
	padding: 0;
	background: transparent none repeat scroll 0%;
	border-width: 0 1px;
}
.button b b b {
	cursor: pointer;
	color: #000000;
	margin: 0;
	padding: 3px 6px;
	border-width: 0;
}
#activeList_prev b b b, #completedList_prev b b b {
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-indent: -5000px;
	padding: 0;
	background: transparent url(images/button_arrow_left.gif) no-repeat scroll center;
}
#activeList_next, #completedList_next {
	margin: 0 0 0 6px;
}
#activeList_next b b b, #completedList_next b b b {
	overflow: hidden;
	width: 20px;
	height: 20px;
	text-indent: -5000px;
	padding: 0;
	background: transparent url(images/button_arrow_right.gif) no-repeat scroll center;
}

/* Popup Dialog */
/* ---------------------------------------------------------------- */

.popupDialog {
	position: absolute;
	display: block;
	width: 425px;
	visibility: visible;
	/* opacity: 0.99; */
	margin: 0;
	padding: 0;
}

/* need larger dialog for adding file */
body#itemSummary #popupDialogUserControl_popupDialogPanel {
	width: 500px;
}

#bd .content {
	text-align: left;
	margin: 0 0;
	padding: 4px 20px 10px 20px;
	background-color: #ffffff;
	border: 1px solid #000000;
}
/* IE6 */
* html #bd .content {
	height: 1%;
}

.popupDialog .content .nav {
	text-align: center;
}

.popupDialog #popupName, .popupDialog .popupName {
	font-size: 130%;
	margin: 0 -16px 1em -16px;
	padding: 6px 16px;
	color: #ffffff;
	background-color: #a0a0a0;
}

/*
	Prerequisite popup customization
*/
.popupDialog #prerequisitesDialog_popupText {
	padding: 0 5px;
}
.popupDialog #prerequisitesDialog_actionPanel {
	text-align: center;
}

/* Set the width for add tag popup dialog's dropdownlist */	
.popupDialog #popupAddTag_existingTags, .popupDialog #popupAddTag_newTagName {
	max-width: 311px;
}

/* IE does not recognize the CSS 2's max-width property, so just set the width */
* html .popupDialog #popupAddTag_existingTags {
	margin-left: 48px;
	width: 280px;
}
/* IE7 */
*:first-child+html .popupDialog #popupAddTag_existingTags  {
	margin-left: 48px;
	width: 280px;
}

.dialog table {
	margin: 0 5px 0.3em 5px;
}
.dialog td {
	vertical-align: middle;
}
.dialog fieldset {
	margin: 0.5em 8px;
}
.dialog fieldset fieldset.outline {
	margin: 1em 20px 1.5em 40px;
}
.dialog fieldset fieldset.outline.checkbox-toggle {
	margin: 0 0 1em 0;
	padding-top: 5px;
}
.dialog fieldset fieldset.outline fieldset.no-legend {
	margin-top: 0;
}
.dialog .help {
	color: #606060;
	margin: 0 9px 0.5em 9px;
}
.dialog select {
	max-width: 310px;
}
.dialog fieldset textarea {
	width: auto;
	min-height: 50px;
}
.dialog .impact {
	line-height: 165%;
	font-style: italic;
	margin: 20px 6px;
	padding: 10px 20px;
	background-color: #f9f9f9;
	border-radius: 5px;
}
.dialog .impact p {
	margin: 0 0 1em 0;
}
.dialog .impact p:last-child {
	margin: 0;
}

.progress-dialog #progressBar {
	height: 18px;
	border: 1px solid #aaa;
	border-radius: 5px;
}
.progress-dialog h4 {
	margin: 0 0 1em 0;
}
.progress-dialog #progressBar .ui-progressbar-value {
	background: #40af40;
}
.progress-dialog .progress-status {
	color: #606060;
}

/* Dropdown button */
/* ---------------------------------------------------------------- */

.dropdown-button {
	display: inline-block;
	position: relative;
	z-index: 10; /* required for IE7 */
	text-align: right;
}
.dropdown-button button {
	cursor: pointer;
	text-align: center;
	vertical-align: bottom;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	height: 27px;
	margin: 0;
	color: #666;
	background: #f9f9f9 url("images/arrow_down.gif") no-repeat 95% center;
}
.dropdown-button button:focus {
	outline-style: none;
	outline-width: 0;
}
.dropdown-button button::-moz-focus-inner {
	border-width: 0;
}
.dropdown-button button.pressed {
	background-color: #e9e9e9;
}
.dropdown-button .dropdown-menu {
	list-style: none;
	position: absolute;
	z-index: 10;
	visibility: hidden;
	width: 180px;
	top: 100%;
	left: 0;
	text-align: left;
	margin: 5px 0 0 0;
	padding: 0;
	color: #000;
	background: #fff;
	border: 1px solid #c0c0c0;
	border-radius: 0 0 5px 5px;
	-webkit-box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
}
.dropdown-button .dropdown-heading {
	display: block;
	font-weight: bold;
	padding: 8px 10px;
	color: #666;
	background-color: #e9e9e9;
	border-bottom: 1px solid #e0e0e0;
}
.dropdown-button ul {
	margin: 0;
	padding: 5px 0;
}
.dropdown-button li {
	list-style: none;
	float: none;
	margin: 0;
	padding: 0;
}
.dropdown-button li a {
	display: block;
	text-decoration: none;
	padding: 5px 10px 5px 30px;
	color: #444;
}
.dropdown-button li.current a {
	background: transparent url(responsive/icons-3144.png) no-repeat 12px -4192px;
}
.dropdown-button li a:hover {
	color: #000;
	background-color: #f9f9f9;
}

/* Show language */
/* ---------------------------------------------------------------- */

fieldset.outline .show-language {
	margin: -10px -15px 0 0;
}
.show-language:after {
	content: '';
	display: block;
	clear: both;
}
.show-language .dropdown-button {
	float: right;
}
.show-language button {
	display: inline-block;
	min-width: 80px;
	font-weight: normal;
	margin: 0;
	padding-left: 12px;
	padding-right: 17px;
	color: #999;
	background-color: transparent;
	background-image: url('images/arrow_down_999.gif');
	border: 1px solid #e0e0e0;
	border-radius: 5px;
}
.show-language button.pressed {
	color: #666;
	background-image: url('images/arrow_down.gif');
}
fieldset.outline .show-language button {
	height: 30px;
	padding-right: 32px;
	background-position: right 15px center;
	border-color: transparent;
	border-width: 0 0 1px 1px;
	border-radius: 0 5px 0 5px;
}
fieldset.outline .show-language button:hover {
	color: #666;
	background-color: #e9e9e9;
	border-color: #e0e0e0;
}
.show-language .dropdown-menu {
	left: auto;
	right: 0;
}

/* Data Grid and Hierarchies */
/* ---------------------------------------------------------------- */

.search-grid, .hierarchyPanel {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}
.search-grid .grid-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	margin: 10px 0;
}
.search-grid .search-wrapper {
	order: 2;
	margin: 0;
}
.search-grid .search-wrapper input {
	width: 200px;
}
.search-grid .filters-wrapper {
	line-height: 1em; /* fix */
	margin: 0;
	padding: 1px 0 0 0;
}
.search-grid .filters-wrapper button {
	display: inline-block;
	min-width: 80px;
	white-space: nowrap;
	font-weight: normal;
	padding: 0 6px 0 10px;
	color: #333;
	background-color: transparent;
	border-radius: 20px;
	border: 1px solid transparent;
	transition: 0.2s;
}
.search-grid .filters-wrapper button:hover {
	color: #000;
	border-color: #ccc;
}
.search-grid .filters-wrapper button svg.icon {
	position: relative;
	top: 2px;
	margin-left: 0;
}
.search-grid .filters-wrapper .filter[data-is-default="false"] button {
	background-color: #f6f6f6;
	border-color: #ccc;
}
.search-grid .filters-wrapper button.filter-reset {
	display: none;
	height: 27px;
	margin: 0 8px;
	padding: 0 8px 0 4px;
	line-height: 15px;
	font-size: 13px;
	vertical-align: bottom;
	color: #666;
	background-color: transparent;
	border: none;
	border: 1px solid transparent;
	border-radius: 5px;
}
.search-grid .filters-wrapper.has-non-default button.filter-reset {
	display: inline-block;
}
.search-grid .filters-wrapper button.filter-reset svg {
	top: 0;
	display: inline-block;
	vertical-align: middle;
}
.search-grid .filters-wrapper button.filter-reset span {
	display: inline-block;
	vertical-align: middle;
}
.search-grid .filters-wrapper button.filter-reset:hover {
	cursor: pointer;
	color: #000;
	border-color: #ccc;
}
.search-grid .dropdown-menu {
	line-height: 1.35em;
}
.search-grid-filter .dropdown-button button {
	height: 30px;
}

.search-grid .bulk {
	display: none;
	padding: 0 13px;
	margin: 10px 0;
	transition: 0.2s;
}
.search-grid .has-selected .bulk {
	display: block;
}
.search-grid .bulk label {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.search-grid .bulk select {
	float: none;
	display: inline-block;
	margin: 0;
	width: 250px;
}

.filter-view {
	display: inline-block;
}
.filter-view-button {
	display: inline-block;
	min-width: 80px;
	margin: 0;
	padding: 0 12px;
	border: 1px solid #ccc;
	border-radius: 5px 0 0 5px;
}
/* ie9: fix button position */
.filter-view-button:nth-child(n) {
	width: 100%;
}
.search-grid .filter-view-button svg.icon {
	margin-left: 5px;
}
.search-grid .dropdown-button button {
	background-image: none;
}
.search-wrapper {
	display: inline-block;
	height: 28px;
	vertical-align: bottom;
	padding: 0 0 0 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.search-wrapper svg.icon {
	fill: #999;
	position: relative;
	top: 4px;
}
/* remove left rounded corners when view button present */
.with-view .filter-search {
	border-left-width: 0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
.search-wrapper input {
	width: 200px;
	padding: 6px 3px 0 3px;
	border-width: 0;
}
.search-wrapper input:focus {
	outline-style: none;
	outline-width: 0;
}
/* IE: hide x inside input after typing */
.search-wrapper input::-ms-clear {
	display: none;
}
.search-cancel {
	display: inline-block;
	visibility: hidden;
	width: 24px;
	height: 24px;
	vertical-align: bottom;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 2px 0 0 0;
	padding: 0;
	background-image: url(responsive/icons-3144.png);
	background-position: 2px -2197px;
	background-repeat: no-repeat;
}
.searching .search-cancel {
	background-image: url(responsive/spinner.gif);
	background-position: 0 0;
}
.search-grid .searching .search-cancel {
	background-position: 3px 4px;
}

/* table */
.search-grid table, .gridPanel table {
	clear: right;
	width: 100%;
	margin: 0;
	border: none;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #ccc;
	}
.search-grid tr.header, .gridPanel tr.header {
	font-weight: bold;
	background-color: #e9e9e9;
	color: #666666;
	}
.search-grid tr, .gridPanel tr {
	background-color: #ffffff;
	}
.search-grid tr.altcolor, .gridPanel tr.altcolor {
	background-color: #f6f6f6;
	}
.search-grid td, .gridPanel td {
	padding: 10px;
	border: none;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	}
.search-grid td label {
	cursor: pointer;
	}
.search-grid tr.disabled label {
	color: #999999;
	cursor: text;
}
.search-grid td .details {
	color: #707070;
}
.search-grid .disabled td .details {
	color: #bababa;
}
.search-grid td span.details {
	display: inline;
	font-size: 100%;
	font-style: italic;
	margin-left: 4px;
}
.search-grid td div.details {
	display: block;
	font-size: 85%;
}

/* deal with tables nested inside a grid panel table */
.search-grid table table {
	width: auto;
	border: none;
}
.search-grid table table tr {
	background-color: transparent;
}
.search-grid table table td {
	border: none;
}

.search-grid p, .hierarchyPanel p, .gridPanel p {
	width: 100%;
	font-style: italic;
	background-color: #f0f0f0;
	margin: 0;
	padding: 0;
}
.gridPanel p {
	background-color: transparent;
}
.search-grid p em, .hierarchyPanel p em, .gridPanel p em {
	display: block;
	margin: 0;
	padding: 8px;
	border: 1px solid #e0e0e0;
}
.gridPanel p em {
	margin-right: 1px;
	border-top-width: 0;
}

/* navigation */
.search-grid .nav-panel, .hierarchyPanel .navPanel {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 0;
	padding: 5px 10px;
	color: #666666;
	background-color: #e9e9e9;
	border: 1px solid #e0e0e0;
	border-top-width: 0;
	border-radius: 0 0 5px 5px;
}
#content .search-grid .nav, .wizard #content .search-grid .nav, .hierarchyPanel .nav {
	width: 100%;
	font-size: 100%;
	font-style: normal;
	text-align: left;
	color: #666666;
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: none;
}
#searchGrid_navPanel p, .hierarchyPanel .navPanel p {
	width: auto;
	font-style: normal;
	margin: 0;
	padding: 0;
	background-color: transparent;
	border: none;
}
#searchGrid_navPanel p img {
	padding: 0 2px;
}
#searchGrid_navPanel .view a, .hierarchyPanel .navPanel .view a {
	color: #666;
}

#searchGrid_navPanel .hidden, .hierarchyPanel .navPanel .hidden {
	visibility: hidden;
}

.search-grid .remove, .gridPanel .remove {
	float: right;
	margin-left: 5px;
}
.search-grid-remove {
	float: right;
	display: inline-block;
	width: 14px;
	height: 16px;
	vertical-align: bottom;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background-image: url(responsive/icons-3144.png);
	background-position: 0 -4599px;
	background-repeat: no-repeat;
}
#searchGrid_navPanel .nav {
	border: none;
}
#activeList_prev, #completedList_prev {
	margin: 0;
}
.search-grid .nav button span {
	display: none;
}
.search-grid .nav button, .wizard .search-grid .nav button {
	padding: 0;
	border: 1px solid #999;
	width: 30px;
	border-radius: 5px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.search-grid .nav button svg {
	fill: #666;
	position: relative;
	top: 1px;
	height: 1.5em;
}
.search-grid .nav button.disabled {
	border-color: #ccc;
}
.search-grid .nav button.disabled svg {
	fill: #ccc;
}

/* no records */
.search-grid p.norecords, .hierarchyPanel p.norecords {
	margin-bottom: 0;
	background-color: #ffffff;
	border-top: none;
	}
.search-grid .failed {
	background-image: url(images/failed.gif);
	}
.search-grid .passed {
	background-image: url(images/passed.gif);
 }
.search-grid .successstatus {
	background-position: left top;
	background-repeat: no-repeat;
	padding: 3px 3px 0pt 14px;
	}

.hierarchy {
	border: 1px solid #e0e0e0;
	}
.hierarchy h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 6px 8px;
	color: #666666;
	background-color: #e9e9e9;
	border-bottom: 1px solid #e0e0e0;
	}
.hierarchy ul {
	margin: 0;
	padding: 0;
	}
.hierarchy li {
	list-style: none;
	display: block;
	margin: 0;
	padding: 6px 0;
	border: 1px solid #ffffff;
	}
.hierarchy li a {
	margin: 0;
	padding: 0 0 0 8px;
	background-image: none;
	}
.hierarchy li li {
	padding-left: 15px;
	}
.hierarchy li li li {
	padding-left: 35px;
	}
.hierarchy li li a {
	padding-left: 24px;
	background: #ffffff url(images/tree_leaf_end.gif) 0 2px no-repeat;
	}
.hierarchy li.deleted a {
	font-style: normal;
	}

/* Tree hierarchy */
/* ---------------------------------------------------------------- */

.hier {
	border: 1px solid #e0e0e0;
	}
.hier h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 6px 8px;
	color: #666666;
	background-color: #e9e9e9;
	border-bottom: 1px solid #e0e0e0;
	}
.hier h5.actions {
	float: right;
	color: #666;
	margin: 6px;
	}
.hier .AspNet-TreeView {
	clear: right;
	margin: 4px 6px;
	padding-bottom: 1em;
	}
	
/* Wizard */
/* ---------------------------------------------------------------- */

.wizard #topNav {
	float: right;
	margin: -1em 0 1.5em 30px;
	padding: 0 0 0 7px;
	background: #f6f6f6 url(images/round_bottom_left.gif) left bottom no-repeat;
	border-top: 1px solid #cccccc;
	}
.wizard #topNav.empty {
	margin: 0 0 1.5em 30px;
	padding: 0 0 0 7px;
	background-color: transparent;
	background-image: none;
	border: none;
	}
.wizard #topNav .inner {
	margin: 0;
	padding: 6px 4px 1.2em 0;
	background: transparent url(images/round_bottom_right.gif) right bottom no-repeat;
	}
.wizard #topNav p {
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: none;
	}
/* contain the floated buttons */
.wizard #topNav p:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	}
/* \*/
* html .wizard #topNav p {
	height: 1%;
	}
/* IE7 */
*:first-child+html .wizard #topNav p {
	height: 1%;
	}	
/* end of float containing rules */

#regNav_buttonNext {
	margin-left: 5px;
	}
.wizard #topNav ol {
	clear: right;
	margin: 0 0 0 5px;
	padding: 0.6em 0 0 25px;
	}
.wizard #topNav li {
	margin: 3px 0 0 0;
	padding: 0;
	}
.wizard #topNav li.disabled {
	color: #a0a0a0;
	}
.wizard #topNav ol ul {
	margin: 0.3em 0 0.3em 15px;
	padding: 0;
	}
.wizard #topNav li li {
	list-style-type: disc;
	}

/* Opera bug 147309: floated buttons are rendered with only text */
/* for old style of wizards */
#topNavNext, #topNavBack, #topPayButton {
	margin: -0.5em 0 0 5px;
	}
.wizard #feedbackPanel {
	clear: left;
	margin-right: 20px;
	}
.wizard h3 {
	clear: left;
	}
.wizard form table th, .summary table th {
	width: 130px;
	}
.wizard .nav {
	margin-top: 1.5em;
	text-align: right;
	}
.wizard p.top {
	background-color: transparent;
	margin: 0;
	padding: 0;
	border: none;
	}
#stepName {
	max-width: 305px;
	line-height: 130%;
	margin: 0 0 1.5em 0;
	}
#substepName {
	color: #666666;
	margin: -1.5em 0 1.5em 2px;
	}
.wizard .nav button, .wizard .nav input {
	margin-left: 5px;
	}
.summary {
	clear: both;
	width: 500px;
	background: #f6f6f6 url(images/confirm_bottom.gif) no-repeat bottom left;
	margin: 1.2em 10px 2em 10px;
	padding: 0 0 15px 0;
	}
.summary .inner {
	width: 455px;
	background: #f6f6f6 url(images/confirm_top.gif) no-repeat top left;
	margin: 0;
	padding: 10px 20px 0 25px;
	}
.summary h3.name {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	color: #000000;
	margin: 0.3em 0;
	padding: 0 0 0.3em 20px;
	border-bottom: 1px dotted #a0a0a0;
	}
.empty h3.name, * html #content .empty h3.name {
	border-bottom: none;
	}
* html .summary h3.name {
	border-bottom: 1px solid #d0d0d0;
	}
.summary h3.name em {
	font-weight: normal;
	font-style: italic;
	color: #606060;
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	}
.summary h3.actions { 
	margin: 0 0 0.3em 0;
	padding: 0.3em 0 0.3em 3px;
	}
.summary h4.actions {
	font-size: 100%;
	margin: 0 0 0.3em 0;
	padding: 0.3em 0 0.3em 3px;	
	}
.summary h4 {
	font-size: 110%;
	color: #333333;
	margin: 0.6em 0 0.2em -5px;
	}
.summary .inner p {
	line-height: 140%;
	margin: 3px 5px;
	padding: 0 4px;
	}
.summary p.count {
	margin: 0.3em 9px 0.6em 9px;
	}
.summary table {
	line-height: 150%;
	margin: 3px 5px;
	}
.summary th, .summary td {
	padding: 3px;
	}
.summary table th {
	font-weight: normal;
	font-style: italic;
	padding: 3px 4px;
	}
.summary table strong {
	color: #303030;
	}
.summary ul, .confirm ol {
	margin: 0.3em 0 0 0;
	padding: 0 0 0 10px;
	}
.summary ol {
	margin: 0.3em 0 0 0;
	padding: 0 0 0 20px;
	}
.summary li strong {
	font-style: normal;
	font-weight: normal;
	}
.summary li {
	margin: 0 10px 0.2em 5px;
	padding: 0;
	}
.summary a {
	white-space: nowrap;
	}
.summary #name {
	padding-bottom: 0.6em;
	border-bottom: 1px dotted #a0a0a0;
	}
* html .summary #name {
	border-bottom: 1px solid #d0d0d0;
	}
.summary #status {
	font-weight: bold;
	margin-top: 1em;
	}

/* Selections */
/* ---------------------------------------------------------------- */

#selectList_listPanel {
	width: 500px;
	clear: both;
	margin: 1em 10px;
	padding: 0;
	background: #f6f6f6 url(images/confirm_bottom.gif) no-repeat bottom left;
	}
#selectList_listPanel .inner {
	padding: 10px 10px 0 10px;
	background: transparent url(images/confirm_top.gif) no-repeat top left;
	}
#selectList_header {
	font-weight: bold;
	color: #333333;
	margin-bottom: 6px;
	padding: 0 4px 4px 4px;
	border-bottom: 1px solid #e0e0e0;
	}
#selectList_listPanel ol {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#selectList_listPanel li {
	margin: 0 0 0.4em 5px;
	padding: 0 4px;
	}
/* include css hack for IE8 standards mode */
#selectList_listPanel li img {
	padding: 0 2px 0 0;
	vertical-align: text-top;
	vertical-align/*\**/: middle\9;
	}
.selectList strong, .summary li strong {
	font-style: normal;
	color: #303030;
	}
#selectList_listPanel p {
	font-style: italic;
	padding: 0 4px;
	}
#selectList_listPanel #selectList_statsPanel {
	border-top: 1px dotted #c0c0c0;
	}
* html #selectList_listPanel #selectList_statsPanel {
	border-top: none;
	padding-top: 1px;
	background: url(images/dotted_c0c0c0.gif) top left repeat-x;
	}

#selectList_listPanel #selectList_statsPanel {
	text-align: right;
	font-size: 85%;
	font-weight: normal;
	font-style: normal;
	color: #666666;
	margin: 0 0 5px 0;
	padding: 3px 5px 8px 5px;
	}
#selectList_listPanel #selectList_statsPanel a {
	margin: 0 3px;
	}

/* Sortable */
/* ---------------------------------------------------------------- */

.sortable li span.ui-icon {
	position: absolute;
	left: 0;
	top: 4px;
	visibility: hidden;
	background-image: url(images/ui-icons_888888_256x240.png);
	}
.sortable li:hover span.ui-icon {
	visibility: visible;
	}
.sortable li.disabled:hover span.ui-icon {
	visibility: hidden;
	}

/* List Grid */
/* ---------------------------------------------------------------- */

.listGrid {
	width: 500px;
	margin: 0 10px 1em 10px;
	padding: 0 1px;
	}
.listGrid h3 {
	font-size: 100%;
	font-weight: bold;
	margin: 0;
	padding: 6px 8px;
	color: #666;
	background-color: #e9e9e9;
	border: 1px solid #e0e0e0;
	}
.listGrid ul, .listGrid ol {
	margin: 0;
	padding: 0;
	}
.listGrid li {
	list-style-type: none;
	position: relative;
	margin: -1px 0 0 0;
	padding: 6px 8px;
	background-color: #fff;
	border: 1px solid #e0e0e0;
	}
.listGrid li.altcolor {
	background-color: #f6f6f6;
	}
.listGrid li span.ui-icon {
	position: absolute;
	left: 480px;
	top: 4px;
	visibility: hidden;
	}
.listGrid p.norecords {
	margin: 0 0 1em 0;
	padding: 8px;
	border: 1px solid #e0e0e0;
	border-top: none;
	}

/* Help */
/* ---------------------------------------------------------------- */

.help-dialog .help-method {
	min-height: 30px;
	margin: 0 20px 2em 20px;
	padding: 0 0 0 35px;
	background-position: left top;
	background-repeat: no-repeat;
}
.help-dialog h2 {
	font-size: 110%;
	margin: 1em 0 0.4em 0;
	color: #303030;
}
.help-dialog .help-method.docs {
	background-image: url(responsive/book.png);
}
.help-dialog .help-method.email {
	background-image: url(responsive/email.png);
}
.help-dialog .help-method.phone {
	background-image: url(responsive/phone.png);
}

.highlightContainer {
	margin: 2em 0;
	padding: 5px 20px 10px 20px;
	background-color: #f6f6f6;
	}
.highlightContainer h3 {
	line-height: 130%;
	}
.helpcontact {
	margin: 1em 0 1.5em 20px;
	}
.tip {
	display: inline-block;
	overflow: hidden;
	width: 14px;
	text-indent: -5000px;
	margin-left: 2px;
	background: transparent url(responsive/icons-3144.png) no-repeat 0 -4397px;
}
.dropdown .tip {
	margin-left: 4px;
}
.tip-text {
	display: none;
}
body .qtip {
	font-size: 100%;
	line-height: 1.35em;
	background-color: #ffffc9;
	border-radius: 5px;
}
.detailsPanel td .tip {
	margin: 0 0 -4px 4px;
}
a.help-popup {
	color: #666;
}

/* Signup */
/* ---------------------------------------------------------------- */

.interrupt {
	float: right;
	font-size: 85%;
	margin: -5px -20px 0 0;
	padding: 5px 30px 5px 10px;
	background-color: #f6f6f6;
	}
.membershipSignup .hasPayment .nav {
	text-align: right;
	}
span.othernav {
	display: inline-block;
	margin-top: 10px;
}

/* My Training */
/* ---------------------------------------------------------------- */

#trainingPageview {
	margin-bottom: 4px;
	_margin-right: -8px; /* fix double margin bug in IE6 (underscore hack) */
}
#trainingPageview .inner {
	padding-right: 0;
}
.course-library-list tr.registered td, .course-library-list tr.registered td a {
	color: #999;
}

/* Training Items */
/* ---------------------------------------------------------------- */

.pill {
	display: inline-block;
	font-size: 12px;
	line-height: 16px;
	white-space: nowrap;
	margin: 0 4px 0 8px;
	padding: 0 7px;
	color: #787878;
	background-color: #e0e0e0;
	border: 1px solid transparent;
	border-radius: 10px;
}
.tip-text > :last-child {
	margin-bottom : 0;
}
.tip-text p + ul {
	margin-top: -0.7em;
}
.item-event {
	margin: 1em 0;
	font-weight: bold;
}
.item-due {
	margin: 1em 0;
}
.itemPanel .child {
	position: relative;
	margin: 0 10px 0.5em 10px;
	padding: 0;
	color: #000;
	border-top: 1px solid #e0e0e0;
}
.itemPanel .disabled {
	color: #bababa;
}
.itemPanel .child p {
	margin: 0.7em 0;
}

/* display and details panel */
.itemPanel .displayPanel, .itemPanel .detailsPanel {
	display: block;
	margin-top: 5px;
	padding: 5px;
}

/* heading */
.itemPanel .child h3 {
	font-size: 110%;
	line-height: 130%;
	font-weight: bold;
	color: #666;
	margin: 0 6em 0.8em 0;
}
.itemPanel .child h3 a {
	color: #666;
}
.itemPanel .disabled h3, .itemPanel .disabled h3 a {
	color: #9f9f9f;
}
.itemPanel .disabled .attempted h3, .itemPanel .disabled .attempted h3 a {
	color: #666;
}
.itemPanel .child .due {
	float: right;
	margin: -2.3em 0 1em 20px;
}

/* summary */
.itemPanel .child .type {
	font-style: italic;
	margin: -0.7em 0 1.2em 0;
	color: #606060;
}
.itemPanel .disabled .type {
	color: #bababa;
}
.itemPanel .disabled .attempted .type {
	color: #606060;
}

/* actions */
.itemPanel .child .actions {
	font-style: normal;
	font-weight: normal;
	line-height: 130%;
	color: #000;
	margin: -0.7em 0 1.2em -3px;
}

/* success status */
.itemPanel .successstatus {
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
	margin: 3px 0 1em 0;
	padding: 3px 3px 0 0;
}
* html .itemPanel .child .successstatus {
	right: 24px;
}
.itemPanel .disabled .attempted .successstatus {
	color: #000;
}

/* completion status */
.itemPanel .disabled .completionstatus {
	display: none;
}
.itemPanel .disabled .attempted .completionstatus {
	display: block;
	color: #000;
}

.itemPanel .date {
	color: #606060;
	margin-left: 2px;
}

.item-contents .heading {
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	margin: 0 0 0.7em 0;
	color: #606060;
}
/* updated status information (4.5) */
.item-contents .status {
	margin: 0.7em 0 0 0;
}
.item-contents .reported {
	display: none;
	position: absolute;
	top: 10px;
	right: 5px;
	text-align: right;
	margin: 0;
}
.item-contents .completed .reported, .item-contents .passed .reported, .item-contents .failed .reported {
	display: block;
}
.item-contents .score {
	display: block;
}
.item-contents .status .date {
	color: #666;
	margin-left: 2px;
}
.student .completed, .student .passed, .student .failed {
	background-image: none;
}

/* admin */
.admin .inactive, .admin .hidden {
	background-color: #f6f6f6;
	padding-bottom: 1px;
}
* html .admin .inactive, * html .admin .hidden {
	padding-bottom: 1em;
}
.admin .disabled h3, .admin .disabled h3 a {
	color: #666 !important;
}
.admin .disabled p, .admin .disabled table {
	color: #000;
}
.admin .disabled .completionstatus {
	display: block;
}
.admin .disabled h5 {
	color: #666 !important;
}
.admin .child h5 {
	margin-bottom: 1.2em;
}
.admin .itemPanel .disabled .status {
	color: #000;
}


/* Items */
/* ---------------------------------------------------------------- */

#contentsHeader {
	margin: 1em 0;
	}
#contentsHeading {
	display: inline;
	font-style: italic;
	color: #606060;
	}
#contentsActions {
	display: inline;
	margin-left: 5px;
	}
#uploadPanel {
	background-color: #f6f6f6;
	margin: 0px 10px 1em 10px;
	}

.itemPanel {
	clear: both;
	}

.itemPanel .activityList .leaf, .itemPanel .activityList .cluster {
	position: relative;
	}
	
#reportPanel .report, .personCertificationsPanel .certification, #levelPanel .child {
	position: relative;
	margin: 0 10px 0.5em 10px;
	padding: 0;
	border-top: 1px solid #e0e0e0;
	}

#reportPanel .displayPanel, .personCertificationsPanel .displayPanel{
	display: block;
	margin-top: 5px;
	padding: 5px 5px 5px;
	}
#reportPanel .report h3, .personCertificationsPanel .certification h3, #levelPanel .child h3 {
	line-height: 130%;
	font-size: 110%;
	font-weight: bold;
	color: #666666;
	margin: 0 6em 0.8em 0;
	}


#itemDescription {
	font-style: italic;
	margin: -0.6em 0 0.5em 0;
	color: #606060;
}
#reportPanel .report h4, .personCertificationsPanel .certification h4, #levelPanel .child h4 {
	font-size: 100%;
	font-weight: bold;
	font-style: normal;
	line-height: 130%;
	color: #000000;
	margin: -0.7em 0 1.2em 0;
	}
#reportPanel h5, .personCertificationsPanel h5 {
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	color: #606060;
	margin: 0 0 0.7em 0;
	}
#reportPanel .child h5, .personCertificationsPanel .certification h5,
#levelPanel .child h5 {
	margin-top: -0.7em;
	}
#reportPanel .report h3 a, .personCertificationsPanel .certification h3 a {
	color: #666666;
	}
#reportPanel .report h4.actions, .personCertificationsPanel .certification h4.actions, #levelPanel h4.actions {
	font-style: normal;
	font-weight: normal;
	color: #000000;
	margin-top: -0.8em;
	margin-left: -3px;
	}
#reportPanel .report p, .personCertificationsPanel .certification p, #levelPanel .child p {
	margin: 0.7em 0;
	}

/* details panel */
.itemPanel .summary {
	width: 458px;
	background: #f6f6f6 url(images/details_bottom.gif) no-repeat bottom left;
	margin: 0 0 1.2em 21px;
	padding: 0 0 15px 0;
	}
.itemPanel .summary .inner {
	width: auto;
	background: #f6f6f6 url(images/details_top.gif) no-repeat top left;
	margin: 0;
	padding: 10px 20px 0 20px;
	}
.itemPanel .inactive .summary, .itemPanel .hidden .summary {
	background-color: #ededed;
	background-image: url(images/details_bottom_inactive.gif);
	}
.itemPanel .inactive .summary .inner, .itemPanel .hidden .summary .inner {
	background-color: #ededed;
	background-image: url(images/details_top_inactive.gif);
	}
.itemPanel .detailsPanel .actions {
	float: right;
	margin-top: -2px;
	}
.itemPanel .detailsPanel .details {
	display: inline;
	margin-left: 6px;
	}	

/* edit panel */
.editPanel {
	/*display: none;*/
	background-color: #f6f6f6;
	padding: 12px 21px;
	}
#uploadPanel .editPanel {
	display: block;
	}
.currentItem .editPanel {
	margin-bottom: 2.5em;
	border-top: 1px solid #a0a0a0;
	border-bottom: 1px solid #a0a0a0;
	}
.editPanel .editTitle {
	width: 380px;
	font-size: 110%;
	font-weight: bold;
	}
.itemPanel .editPanel .editCheckbox label, .itemPanel .editPanel .editCheckbox input {
	display: inline;
	vertical-align: middle;
	}
.editPanel label {
	display: block;
	margin-bottom: 2px;
	}
.editPanel fieldset label {
	display: inline;
	}
.editPanel input, .editPanel textarea, .editPanel select {
	margin-bottom: 0.3em;
	}
.editPanel fieldset input {
	margin-bottom: 0;
	}
.editPanel .nav {
	margin-bottom: 0;
	}
.editPanel .nav button {
	margin-right: 4px;
	margin-bottom: 4px;
	}

h4.itemProperty {
	font-size: 100%;
	font-style: italic;
	font-weight: normal;
	margin: 0 0 0.5em 0;
	padding: 0;
	color: #606060;
	}

/*chart*/
.item-summary .participant-charts {
	width: 85%;
	max-width: 500px;
	padding: 0 20px 8px 32px;
}

.item-summary .chart-wrapper h5 {
	font-size: 1em;
	font-style: italic;
	font-weight: normal;
	color: #000;
}

.item-summary .chart {
	width: 100%;
	margin-left: 5px;
}

.item-summary .status-chart {
	height: 82px;
}

.item-summary .progress-chart {
	height: 110px;
}

/* tree view */
#treeItemPanel {
	margin: 1em 10px 0 10px;
	}
#treeItemPanel .ygtvitem table td {
	padding-bottom: 0.3em;
	}
#treeItemPanel table {
	width: 499px; /* required for Google Chrome */
	margin: 0;
	padding: 0;
	border: none;
	}
#treeItemPanel td {
	padding: 0 1px;
	border: none;
	}
#treeItemPanel h4, .dragproxy h4 {
	line-height: 135%;
	font-size: 100%;
	font-weight: bold;
	color: #666666;
	margin: 0 0 0.8em 0;
	}
#treeItemPanel h4 em, .dragproxy h4 em {
	font-weight: normal;
	}
#treeItemPanel h4 a, .dragproxy h4 a {
	color: #666666;
	}
#treeItemPanel h4 span, .dragproxy h4 span {
	display: block;
	width: 22px;
	height: 22px;
	float: left;
	}
#treeItemPanel h4 span.drag, .dragproxy h4 span.drag {
	cursor: move;
	}
/* contain the floated span element */
#treeItemPanel h4:after, .dragproxy h4:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
/* \*/
* html #treeItemPanel h4, * html .dragproxy h4 {
	height: 1%;
}
.dragproxy {
	opacity: 0.67;
	border: none;
	}

/* reordering */

.itemPanel.reorder .child, #levelPanel.reorder .child {	
	background-color: #f6f6f6;
	}
.itemPanel.reorder .displayPanel, #levelPanel.reorder .displayPanel {
	display: block;
	cursor: move;
	padding-bottom: 1px;
	border-bottom: 1px solid #E0E0E0;
	}
.itemPanel.reorder .edit .editPanel, #levelPanel.reorder .edit .editPanel  {
	display: none;
	}
.itemPanel.reorder .edit .displayPanel, #levelPanel.reorder .edit .displayPanel {
	display: block;
	}
.itemPanel.reorder .displayPanel .actions, #levelPanel.reorder .displayPanel .actions {
	display: none;
	}
.itemPanel.reorder .displayPanel a, #levelPanel.reorder .displayPanel a {
	cursor: move;
	}
.itemPanel.reorder .displayPanel .description, #levelPanel.reorder .displayPanel .description {
	display: none;
	}
.itemPanel.reorder h3, #levelPanel.reorder h3 {
	background: transparent;
	}
#panelWrapper {
	position: relative;
	overflow: hidden;
	margin: 0 0 1em 0;
	}
.userSummaryPanel {
	padding-bottom: 15px;
	}
#trainingPlanPanel {
	float: left;
	width: 235px;
	margin: 0 0 -985px 0;
	padding: 0 20px 1000px 0;
	border-right: 1px solid #e0e0e0;
	}
#trainingPlanPanel.alone {
	width: auto;
	border-right: none;
	}
#certTransWrapper {
	float: left;
	width: 235px;
	margin: 0 0 -985px 0;
	padding: 0 0 985px 20px;
	}
#transactionsPanel {
	border-top: 1px solid #e0e0e0;
	}
#transactionsPanel.alone {
	border-top: none;
	}
.userSummaryPanel h3 {
	margin-bottom: 0.2em;
	}
.userSummaryPanel h4 {
	font-weight: normal;
	font-style: italic;
	margin: 0.3em 0;
	padding: 0;
	}
.userSummaryPanel h4.actions {
	font-style: normal;
	margin: 0 0 1em 0;
	}
.userSummaryPanel li {
	line-height: 130%;
	margin: 6px 0 0 0;
	padding: 0;
	color: #666666;
	}
.userSummaryPanel li strong {
	color: #000000;
	line-height: 110%;
	font-weight: normal;
	}
.userSummaryPanel p {
	font-style: italic;
	margin: 0.5em 0 0 0;
	}
.userSummaryPanel li a {
	color: #666666;
	}
#trainingPlanPanel .successstatus {
	display: block;
	padding: 2px 0 0 16px;
	background-position: top left;
	background-repeat: no-repeat;
	}
#trainingPlanPanel .passed {
	background-image: url(images/passed.gif);
	}
#trainingPlanPanel .failed {
	background-image: url(images/failed.gif);
	}
#trainingPlanPanel .completed {
	background-image: url(images/completed.gif);
	}
#trainingPlanPanel li.inactive span.inactive {
	font-style: italic;
	}
/* hide the due date and completion date */
.userSummaryPanel .due, .userSummaryPanel .completed {
	display: none;
	color: #666666;
	}

/* Configuration */
/* ---------------------------------------------------------------- */

#functionalityPanel fieldset div {
	float: left;
	width: 50%;
	}
#licenseeExpiryDateDetails {
	margin-top: 0.3em;
	}
#emailSettings fieldset {
	clear: left;
	}
table .details span {
	position: relative;
	top: -3px;
	}
table .details input {
	font-size: 85%;
	margin-top: 2px;
	padding: 2px;
	}
#clientUrl, #clientUrlReadOnly {
	width: 320px;
	}

/* certification objectives mapping */
.levelPanel table {
	margin: 0.6em 0 0;
	}
.levelPanel td.grid {
	text-align: center;
	}
.levelPanel .remove {
	float: none;
	margin-left: 0;
	margin-right: 5px;
	}
#certificationLevelSummary .name {
	background-image: url(images/check.gif);
	}
#addObjectiveMapping {
	width: 460px;
	margin: 0 10px 1em 10px;
	padding: 0 20px 10px 20px;
	border: 1px solid #e0e0e0;
	}
#addObjectiveMapping div.autocomplete {
	width: 302px;
	}
#addObjectiveMapping fieldset.certStatusValue {
	display: block;
	width: 250px;
	margin-top: 0.4em;
	padding: 5px 10px;
	}
	
/* email notification view */

/* fix required indicator positioning (hack) */
.required {
	position: relative;
	}
.defaultLanguage .required {
	position: absolute;
	}
/* \ */

table.bordered {
	margin: 0;
	border: none;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	margin-left:9px;
	margin-top:15px;
}
table.bordered tr.header {
	font-weight: bold;
	background-color: #e9e9e9;
	color: #666666;
}
table.bordered tr {
	background-color: #ffffff;
}
table.bordered tr.header td.name {
	width: 365px
}

table.bordered tr.header td.status {
	width: 101px
}

table.bordered tr.altcolor {
	background-color: #f6f6f6;
}
table.bordered td {
	padding: 6px 8px;
	border: none;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
}
table.bordered td.status {
	width: 120px;
	text-align: center;
}
.fr .notificationOptOut table.bordered td.status {
	width: 165px
}
table p.help {
	margin: 0 0 0.6em 0;
}

#notificationGroups {
	margin: 1.2em 9px;
}
#notificationGroups td.status {
	width: 100px;
}
#table_licenseeNotification h3 {
	font-size: 110%;
	line-height: 130%;
	font-weight: bold;
	color: #666;
	margin: 0 3em 0.8em 0;
}
#table_licenseeNotification h4.actions {
	font-size: 100%;
	line-height: 130%;
	font-style: normal;
	font-weight: normal;
	color: #000;
	margin: -0.7em 0 1.2em -3px;
}
/* email settings page */
.es #supportSettingsPanel td.label {
	width: 140px;
}
/* increase status column size for other languages */
.fr #table_licenseeNotification td.status {
	width: 200px;
}
.es #table_licenseeNotification td.status {
	width: 230px;
}

/* email templates */
.subject-wrapper {
	position: relative;
	height: 50px;
	border: 1px solid #aaa;
}
.email-wrapper {
	position: relative;
	height: 600px;
}
.email-wrapper pre {
	width: auto;
}
#subject_en, #plain_en, #html_en,
#subject_de, #plain_de, #html_de,
#subject_es, #plain_es, #html_es,
#subject_fr, #plain_fr, #html_fr,
#subject_fr-CA, #plain_fr-CA, #html_fr-CA {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	font-size: 13px;
}
#templatePanel fieldset p {
	margin: 1em 0;
}

#ceUnitTypes li.inherited a {
	text-decoration: underline;
	color: #666;
}
	
/* Users */
/* ---------------------------------------------------------------- */

td .expirePassword {
	margin-top: 0.6em;
	}
td .expirePassword input {
	margin-left: 0;
	margin-bottom: 0;
	}
td .expirePassword label {
	color: #000000;
	font-weight: normal;
	}
.import .filePanel {
	margin-bottom: 3em;
	}
.import #fieldMatchTable {
	width: 500px;
	margin-top: 1em;
	margin-bottom: 1em;
	border: none;
	border-left: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	}
.import #fieldMatchTable th {
	padding: 6px 8px;
	font-weight: bold;
	background-color: #e9e9e9;
	color: #666666;
	border: none;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	}
.import #fieldMatchTable td {
	padding: 6px 8px;
	border: none;
	border-top: 1px solid #e0e0e0;
	border-right: 1px solid #e0e0e0;
	}
.import #fieldMatchTable .review {
	float: right;
	width: 42px;
	margin-left: 20px;
	}
.import #fieldMatchTable .review img {
	padding: 0 2px;
	}
.import #fieldMatchTable b b b {
	overflow: hidden;
	width: 16px;
	height: 1.3em;
	text-indent: -5000px;
	padding: 0;
	background: transparent url(images/button_arrow_left.gif) no-repeat scroll center;
	}
.import #fieldMatchTable .disabled b b b {
	cursor: default;
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: #ffffff; /* corrects IE's display of bold text */
	}
.import #fieldMatchTable #prev {
	margin: 0;
	}
.import #fieldMatchTable #next {
	margin: 0 0 0 6px;
	}
.import #fieldMatchTable #next b b b {
	overflow: hidden;
	width: 16px;
	height: 1.3em;
	text-indent: -5000px;
	padding: 0;
	background: transparent url(images/button_arrow_right.gif) no-repeat scroll center;
	}
.thumbnail {
	margin-right: 10px;
	border: 1px solid #f0f0f0;
	}
#personEditUserControl_photoPreview {
	float: right;
	}
#personEditUserControl_photoRow .required {
	position: relative;
	}

/* notifications table */
.notificationOptOut table h3 {
	font-size: 110%;
	line-height: 130%;
	font-weight: bold;
	color: #666;
	margin: 0 3em 0.8em 0;
	}

/* Content */
/* ---------------------------------------------------------------- */
.urlInstructions {
	margin: 2em 0 0 0;
	padding: 5px 10px;
	color: #606060;
	border-top: 2px solid #f0f0f0;
	}
#selfRegUrl {
	display: block;
	width: 370px;
	font-size: 85%;
	margin-left: 0;
	padding: 2px;
	}
#resultsPanel #resultsDisplay, #resultsPanel #traceDisplay {
	margin: 0 9px;
	}

.add-content-dialog .content {
	min-height: 250px;
}
/* IE6 */
* html .add-content-dialog .content {
	height: 264px;
}
.add-content-dialog .chosen-container .chosen-results {
	max-height: 150px;
}
.add-content-dialog .dropzone {
	height: 220px;
	min-height: 50px;
	overflow: hidden;
	margin-bottom: 20px;
	padding: 15px 10px;
	color: #999;
	border: 2px dashed #e0e0e0;
	border-radius: 5px;
	outline-style: none;
	outline-width: 0;
}
body .dropzone.dz-started, body .dropzone.dz-max-files-reached, body .dropzone.dz-browser-not-supported {
	pointer-events: none;
	cursor: default;
	border-style: solid;
	border-color: #f0f0f0;
}
body .dropzone .fallback {
	text-align: center;
}
body .dropzone .dz-preview {
	width: 100%;
	min-height: 0;
	margin: 0;
	padding: 0 0 15px 0;
}
body .dropzone .dz-preview.progress-100 {
	background-image: url(responsive/spinner.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
}
body .dropzone .dz-preview .dz-details {
	display: inline-block;
	position: static;
	left: auto;
	top: auto;
	min-width: 0;
	min-height: 36px;
	max-height: none;
	line-height: 1.35em;
	text-align: left;
	vertical-align: top;
	padding: 0 0 0 40px;
	background-color: transparent;
	background-image: url(images/upload.png);
	background-repeat: no-repeat;
}
body .dropzone .dz-preview .dz-details strong {
	font-weight: normal;
}
body .dropzone .dz-preview .dz-details .dz-filename {
	overflow: hidden;
	text-overflow: ellipsis;
}
body .dropzone .dz-preview .dz-details .dz-filename span {
	padding: 0;
	border-radius: 0;
}
body .dropzone .dz-preview .dz-details .dz-filename:not(:hover) span {
	border-width: 0;
}
body .dropzone .dz-preview .dz-details .dz-filename:hover span {
	border-width: 0;
}
body .dropzone .dz-preview .dz-details .dz-size {
	font-size: 100%;
	margin: 0;
}
body .dropzone .dz-preview .dz-progress {
	position: relative;
	left: auto;
	top: auto;
	width: 375px;
	height: 20px;
	margin: 10px auto;
	border-radius: 5px;
}
body .dropzone .dz-preview .dz-progress .dz-upload {
	background-color: #40af40;
}
#loadContentDialog .content #feedbackPanel_popup {
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}
#loadContentDialog fieldset.load-modes fieldset {
	padding-left: 25px;
}
.existing-content-table select {
	width: 320px;
}
.existing-content-table .chosen-select {
	width: 320px !important;
}
.existing-content-autocomplete {
	width: 312px;
	max-height: 220px;
	overflow-y: auto;
	overflow-x: hidden;
}
.existing-content .item-resource-use {
	font-style: italic;
	margin: 20px 6px 0 6px;
	padding: 10px 20px;
	background-color: #f9f9f9;
	border-radius: 5px;
}
.existing-content .item-resource-use p {
	margin: 0 0 1em 0;
}
.existing-content .item-resource-use p:last-child {
	margin: 0;
}

#uploadProgress {
	padding: 0 10px;
	background-color: #ffffff;
	background-image: none;
	}
#uploadProgress h1 {
	font-size: 130%;
	font-weight: bold;
	margin: 0.6em 0;
	padding: 0 4px;
	color: #000000;
	background-color: #ffffff;
	}
#uploadProgress table {
	margin: 0.6em 4px;
	}
#uploadProgress form table th {
	width: auto;
	}
#uploadProgress th, #uploadProgress td {
	padding: 2px 8px 2px 2px;
	}
#uploadProgress #complete {
	background-color: #ffffff;
	margin: 0 4px;
	border: 1px solid #000000;
	}
#uploadProgress #progressBar {
	background-color: #cccccc;
	}
#uploadProgress .nav {
	margin-top: 0.6em;
	}

/* upload progress bar */
#uploadForm #bd .content {
	/*	when changing height, also update ~/user_controls/uploadProgressDialog.ascs
		progressBar's Height to (height + 42) */
	height: 262px;
	}
/* IE6: do not collapse content since it is within iframe */
* html #uploadForm #bd .content {
	height: 262px;
	}
#uploadForm, #uploadForm #bd {
	height: 100%;
	}
#progressBar {
	width: 100%;
	height: 22px;
	margin-bottom: 10px;
	border: 1px solid #666;
	}
#progressBarText {
	position: absolute;
	width: 90%;
	height: 20px;
	text-align: center;
	padding-top: 2px;
	border: 0;
	}
#progressBarColor {
	width: 100%;
	height: 22px;
	background-color: #ddd;
	}
.error #progressBarColor {
	visibility: hidden;
	}
#uploadDetailTable td span {
	/* ensure that file name does not wrap (since iframe has specific height) */
	position: absolute;
	width: 700px;
	}

#offlineMarking {
	margin: 1.5em 15px 2em 10px;
	}
#offlineMarking .user {
	margin: 0;
	padding-bottom: 4px;
	border-top: 1px solid #e0e0e0;
	}
#offlineMarking .user h4 {
	padding: 6px 8px;
	font-weight: bold;
	}
#offlineMarking .altcolor {
	background-color: #f6f6f6;
	}
#offlineMarking .user table {
	margin-left: 10px;
	}
#offlineMarking fieldset {
	margin: 0;
	}
#offlineMarking fieldset input {
	margin-top: 0;
	}
#registrationSummary_registrationSummary li strong {
	font-weight: bold;
	}
.regFilter li {
	margin-left: 20px;
	}
#purchaseOptions h3 {
	margin-top: 1.5em;
	}
#purchaseOptions h3 a {
	color: #666666;
	}
#addContentMethod input {
	float: left;
	clear: left;
	margin-right: 5px;
	margin-bottom: 0.4em;
	}
#addContentMethod label {
	float: left;
	width: 450px;
	margin-bottom: 0.4em;
	}
/* contain the floated content element */
#addContentMethod:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	}
/* \*/
* html #addContentMethod {
	height: 1%;
	}
/* IE7 */
*:first-child+html #addContentMethod {
	height: 1%;
	}	
/* end of float containing rules */
#paymentAmountAppend {
	display: inline;
	margin-left: 5px;
	}

#ceUnits ul {
	padding-left: 10px;
	}
#ceUnits li {
	position: relative;
	list-style-type: none;
	padding-left: 16px;
	}

/* itemSummary page more div popup */
#itemSummaryUserControl_resourceAttrs {
	display: inline-block;
	position: relative;
	margin: 0 !important;
	}
#itemSummaryUserControl_resourceAttrs span.size {
	margin-right: 10px;
	}
a.more-link {
	font-size: 85%;
	color: #606060;
	}
.visible {
	visibility: visible !important;
	}

.more-popup	{
	position: absolute;
	visibility: hidden;
	width: auto;
	min-width: 300px;
	top: 100%;
	left: 0;
	z-index: 10;
	margin: 0;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #c0c0c0;
	-webkit-box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	}
.more-td-container {
	position: relative; /* applying position to td element causes borders to disappear in IE */
}
.more-popup table {
	margin-left: 0;
	}
.more-popup th {
	width: auto;
	padding-right: 10px;
	white-space: nowrap;
	}
.search-grid table .more-popup {
	left: auto;
	right: 0;
	}

#itemSummaryUserControl_more-resource {
	width: auto;
	min-width: 300px;
	}
#itemSummaryUserControl_more-resource table {
	margin-left: 0;
	}
#itemSummaryUserControl_more-resource th {
	width: auto;
	padding-right: 10px;
	white-space: nowrap;
	}
#clipContainer {
	position: relative;
	}

/* reveal */
.reveal-link:link, .reveal-link:visited {
	display: inline-block;
	font-weight: normal;
	margin: 2px 0 0 0;
	padding: 0 10px 0 0;
	color: #666;
	background: transparent url(images/advanced_arrow.gif) right 7px no-repeat;
}
.reveal-area {
	display: none;
}

/* attempts and scoring page */
div.advanced {
	margin: 1.2em 8px;
	}
div.advanced h4 {
	font-weight: normal;
	}
div.advanced h4 a {
	padding-right: 10px;
	color: #666;
	background: transparent url(images/advanced_arrow.gif) right 4px no-repeat;
	}
div.advanced fieldset {
	padding: 0 12px;
	display: none;
	}

/* option edit page */
#optionValuesPanel fieldset table input.text {
	margin-bottom: 0.3em;
	}
.es #optionEditUserControl_optionEdit td.label {
	width: 95px;
	}

/* bulk operations */
.dialog .typeWrapper {
	margin-left: 16px;
}
.dialog .settingsWrapper {
	margin-left: 20px;
}
.dialog .settingsWrapper h3 {
	color: #454545;
}
#aasEdit_attemptsScoringSettings {
	margin-left: -10px;
}

/* new add participants page */
form div.inline-field-wrapper {
	padding: 4px 8px 0 8px;
}
#invitationEditUserControl_message {
	margin-left: 0;
}
#invitationEditUserControl_lastActiveDateMessage {
	margin-top: 1em;
	margin-bottom: 1.5em;
}

/* Reports */
/* ---------------------------------------------------------------- */

a.pdfreport {
	min-height: 18px;
	padding: 2px 20px 0 0;
	background: transparent url(images/pdf_icon.gif) bottom right no-repeat;
}
/* hide from IE6 */
html>body a.pdfreport.disabled {
	background-image: url(images/pdf_icon_disabled.gif);
	}

/* Payment Processing */
/* ---------------------------------------------------------------- */

.summary table.cost {
	width: 90%;
	}
.summary td.value {
	white-space: nowrap;
	text-align: right;
	}
.summary .alone td.value {
	font-weight: bold;
	}
.summary .subtotal td.value {
	border-top: 1px solid #d0d0d0;
	}
.summary .total {
	font-weight: bold;
	}
.summary .total td {
	padding: 8px 4px;
	border-top: 1px solid #a0a0a0;
	}
.summary .total td.value {
	font-size: 130%;
	}

/* Membership Payment */
/* ---------------------------------------------------------------- */

.membershipFeeTable {
	min-width: 300px;
}
.membershipFeeTable td.value {
	text-align: right;
}
.membershipFeeTable td.value input {
	text-align: right;
}
.membershipFeeTable tr.tax label {
	font-weight: normal;
}
.membershipFeeTable tr.total td {
	padding: 8px 4px;
	border-top: 1px solid #a0a0a0;
}
.membershipFeeTable tr.total td.value, .membershipFeeTable td.value strong {
	font-size: 130%;
	font-weight: bold;
}
.membershipSignup .updateSlug {
	float: right;
	font-style: italic;
	margin: -10px 0 8px 0;
	padding: 5px 12px;
	color: #606060;
	background-color: #F6F6F6;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	border-radius: 8px;
}
.membershipSignup .updateSlug label, .membershipSignup .updateSlug strong {
	font-weight: normal;
}
.membershipSignup .nav {
	clear: right;
}

/* Certifications */
/* ---------------------------------------------------------------- */

.certificationHistoryPanel .historyEntryPanel {
	color: #666666;
	padding: 5px 20px 0.8em 20px;
	border-top: 1px solid #e0e0e0;
	}
.certificationHistoryPanel h4 {
	color: #000000;
	margin: 0.2em -10px 0.6em -10px;
	}
.historyEntryPanel p {
	font-weight: bold;
	margin: 0 0 1em 8px;
	}
.historyEntryPanel p em {
	font-weight: normal;
	}
	
/* Membership Edit */
/* ---------------------------------------------------------------- */
.membershipHistoryPanel .historyEntryPanel {
	color: #666666;
	padding: 5px 20px 0.8em 20px;
	border-top: 1px solid #e0e0e0;
	}
.membershipHistoryPanel h4 {
	color: #000000;
	margin: 0.2em -10px 0.6em -10px;
	}
.historyEntryPanel p {
	font-weight: bold;
	margin: 0 0 1em 8px;
	}
.historyEntryPanel p em {
	font-weight: normal;
	}

/* AICC */
/* ---------------------------------------------------------------- */

.aicc #content {
	float: none;
	width: 694px;
	padding: 0 24px 20px 24px;
	border-left: none;
	}
/* hack to remove IE with dotted border \*/
* html .aicc #content {
	width: 742px;
	w\idth: 694px;
	padding-left: 24px;
	background-image: none;
	}
.aicc h1 {
	margin-left: -24px;
	margin-right: -24px;
	}

/* Action Panel */
/* ---------------------------------------------------------------- */

.dropdown {
	display: inline-block; /* required to work around WebKit bug? */
	position: relative;
}
.dropdown a {
	padding-right: 13px;
	background: transparent url('images/arrow_down.gif') no-repeat right 2px;
}
.dropdown ul {
	list-style: none;
	position: absolute;
	z-index: 5;
	visibility: hidden;
	width: 180px;
	top: 100%;
	left: 0;
	margin: 0;
	padding: 6px 0;
	background: #f9f9f9;
	border: 1px solid #c0c0c0;
	-webkit-box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
}
/* increase dropdown size for other languages (resend welcome action) */
.de .dropdown ul, .fr .dropdown ul {
	width: 228px;
}
.es .dropdown ul {
	width: 248px;
}
.dropdown ul li {
	list-style: none;
	float: none;
	background: #f9f9f9;
	margin: 0;
	padding: 4px 10px;
}
.dropdown li a {
	padding-right: 0;
	background-image: none;
}
/* IE 6 & 7 need inline block */
.dropdown ul li a { border-right: none; width: 100%; display: inline-block; }
.dropdown-show {
	position: absolute;
	visibility: hidden;
	width: auto;
	min-width: 300px;
	top: 100%;
	left: 0;
	z-index: 10;
	margin: 0;
	padding: 10px;
	background: #f9f9f9;
	border: 1px solid #c0c0c0;
	-webkit-box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	-moz-box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
	box-shadow: 0 4px 25px rgba(0,0,0, 0.2);
}
ul.dropdown-show {
	min-width: 0;
	width: 180px;
}
.dropdown-show .heading {
	display: none;
	font-weight: bold;
	margin: -10px -10px 10px -10px;
	padding: 8px 10px;
	color: #666;
	background-color: #e9e9e9;
	border-bottom: 1px solid #e0e0e0;
}
.dropdown-show table {
	margin-left: 0;
}
.dropdown-show th {
	width: auto;
	padding-right: 10px;
	white-space: nowrap;
}
.dropdown .dropdown-show .actions {
	white-space: nowrap;
}
.dropdown .dropdown-show a {
	padding-right: 0;
	background-image: none;
}
.dropdown-show .actions {
	padding: 4px;
}
.dropdown .dropdown-show a.pdf-report {
	padding: 2px 20px 2px 0;
	background-image: url(responsive/icons-3144.png);
	background-position: 100% -3800px;
	background-repeat: no-repeat;
}
.dropdown .dropdown-show .summary-table a {
	margin: 0;
}
.summary-table th {
	width: 130px;
	font-style: italic;
	font-weight: normal;
}

/* Other */
/* ---------------------------------------------------------------- */

.cf {
	zoom: 1;
	}
.cf:before, .cf:after {
	content: "\0020";
	display: block;
	height: 0;
	overflow: hidden;
	}
.cf:after {
	clear: both;
	}
.noscripthide {
	display: none;
	}
.submit input {
	margin-right: 10px;
	}
.required {
	position: absolute;
	color: #a0a0a0;
	padding: 0 4px;
	}
.uploadActivity .required {
	position: relative;
	}
.required strong {
	font-size: 18px;
	font-weight: bold;
	}
.disabled {
	color: #bababa;
}
a.disabled:link, a.disabled:visited {
	cursor: default;
	text-decoration: none;
	color: #bababa;
}
span.disabled label {
	color: #bababa;
}
.attrs {
	font-style: italic;
	color: #707070;
	}
.toggleElementAnchor {
	font-size: 85%;
	}
.nowrap {
	white-space: nowrap;
}

.summary span.deleted, .summary span.deleted strong,
.selectList span.deleted, .selectList span.deleted strong {
	text-decoration: line-through;
	color: #999999;
	}
.disabledContainer, .disabled-container {
	opacity: 0.6;
	filter: alpha(opacity=60);
	background-color: #ffffff; /* corrects IE's display of bold text */
	}
* html .disabledContainer, * html .disabled-container {
	height: 1%;
}
*:first-child+html .disabledContainer, *:first-child+html .disabled-container {
	height: 1%;
}
a.editlink {
	margin: 5px;
	padding: 5px;
	}
ul.regitemlist {
	padding: 8px 5px 5px 25px;
	}
li.regitem {
	color: #303030;
	}
.actions {
	margin-left: -3px;
	}
span.actions {
	margin-left: 6px;
	}
.actions a {
	margin: 0 3px;
	}
.nav {
	background-color: #f0f0f0;
	margin: 1em 0 0 0;
	padding: 6px 4px 4px 4px;
	border-top: 1px solid #cccccc;
	}
/* contain any floated buttons */
#bottomNav:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
/* \*/
* html #bottomNav {
	height: 1%;
}
/* end of float containing rules */
p.nav {
	margin: 1.5em 0 0 0;
	}
.nav hr {
	display: none;
	}
.nav p {
	margin: 0;
	}
.hide {
	display: none;
	}
.define {
	display: block;
	font-size: 12px;
	color: #666666;
	margin: 0 0 2px 0;
	padding: 0;
	}
.instructions {
	margin-bottom: 1.3em;
	}
#stepName {
	margin-top: -0.3em;
	}
#filterName {
	font-size: 120%;
	color: #666666;
	margin: -0.7em 0 1em 0;
	}
.ruleTitle {
	padding: 10px 0 0 0;
	margin: 5px 0 10px 0;
	border-bottom: 1px dotted #e0e0e0;
	border-top: 1px dotted #e0e0e0;
	}

.regFilterChoice label {
	font-weight: bold;
	color: #666666;
	}
.regFilterChoice fieldset label {
	color: #000000;
	}
.regFilterChoice p {
	margin-bottom: 0.3em;
	}
.regFilterChoice fieldset label {
	font-weight: normal;
	}
/* hide DateTimePicker nag messages */
span font {
	display: none;
	}

#profilePanel {
	width: 500px;
	margin: 0 0 1.5em 0;
	padding: 0;
	border: 1px solid #e0e0e0;
	}
#profilePanel h2 {
	position: relative;
	font-size: 100%;
	font-weight: bold;
	color: #000000;
	background-color: #e0e0e0;
	margin: 0;
	padding: 6px 8px;
	}
#profilePanel h2 #status {
	color: #606060;
	font-style: italic;
	padding-left: 4px;
	font-weight: normal;
	}
#profilePanel h2 #username {
	color: #606060;
	padding-left: 4px;
	}
#profilePanel h2 #priv {
	position: absolute;
	top: 6px;
	right: 8px;
	font-weight: normal;
	font-style: italic;
	color: #606060;
	}
#profilePanel h3.actions {
	margin: 0 0 0.6em 6px;
	}
#profilePanel table {
	margin: 0 6px 6px 8px;
	}
#profilePanel td, #profilePanel th {
	line-height: 130%;
	padding: 2px;
	}
#profilePanel table th {
	width: auto;
	font-weight: normal;
	color: #606060;
	padding-right: 8px;
	}
p.editform {
	margin-left: 5px;
	margin-top: 1em;
	}
td#scorecell {
	line-height: 200%;
	}
#passingScoreHelp {
	margin: 0;
	color: #606060;
	}
#passwordHelp {
	text-align: right;
	font-style: italic;
	color: #606060;
	margin: 1em 20px;
	}
#passwordHelp a {
	color: #606060;
	}
#forgotPassword {
	font-size: 85%;
	margin-top: 0.6em;
	}
#licenseeLoginEditPanel td strong {
	display: block;
	padding: 0 6px 2px 6px;
	}
#pageBottomText {
	margin-top: 2em;
	}
.spinner {
	vertical-align: middle;
	padding-right: 5px;
	}
strong.moneytotal {
	font-size: 135%;
	}
.boxhighlight {
	padding: 10px;
	border: 2px solid #f6f6f6;
	}
.boxhighlight h4 {
	margin: 0 0 0.6em 0;
	}
#offlinePaymentContainer, #onlinePaymentContainer {
	float: left;
	width: 205px;
	margin: 0.8em 10px;
	}
#offlinePaymentContainer .inner, #onlinePaymentContainer .inner {
	min-height: 13em;
	}
* html #offlinePaymentContainer .inner, * html #onlinePaymentContainer .inner {
	height: 13em;
	}
/* autocomplete highlighting and arrow movement */
div.autocomplete {
	  position: absolute;
	  width: 250px;
	  background-color: #ffffff;
	  margin: 0;
	  padding: 0;
	  border: 1px solid #888;
	}
div.autocomplete ul {
	  list-style-type: none;
	  margin: 0;
	  padding: 0;
	}
div.autocomplete ul li.selected {
	background-color: transparent;
}
div.autocomplete ul li {
	  list-style-type: none;
	  display: block;
	  margin: 0;
	  padding: 2px;
	  height: 20px;
	  cursor: pointer;
	}	
	
/* user change password page */
/* end of float containing rules */
#methodOptionsPanel input {
	float: left;
	margin-right: 5px;
}
#methodOptionsPanel label {
	float: left;
	width: 450px;
	margin-bottom: 0.6em;
}
/* contain the floated content element */
#methodOptionsPanel .block:after
{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
}
/* \*/
* html #methodOptionsPanel .block {
	height: 1%;
}
#lastUpdated {
	font-size: 85%;
	line-height: 130%;
	font-style: italic;
	margin: 1em 10px;
	color: #909090;
}

/* working message */
.working-message {
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0;
	padding: 0;
}
.working-message .inner {
	position: relative;
	left: -50%;
	display: inline-block;
	height: 20px;
	margin: 0;
	padding: 5px 20px 5px 30px;
	color: #bababa;
	background: transparent url('responsive/spinner.gif') 10px no-repeat;
}

/* ---------------------------------------------------*/
/* Maximum concurrent users error page */

#concurrentUsersReached_body {
	background-image: none;
	}
.concurrentUsersReachedPage #page {
	width: auto;
	}
.concurrentUsersReachedPage #pageName {
	margin-left: 0;
	margin-right: 0;
	}
.concurrentUsersReachedPage #submitButton {
	margin: 0.5em 1em 0 1em;
	}
/* ---------------------------------------------------*/

/* membership type objectives mapping */
.objectivePanel table {
	margin: 0.6em 0pt 0em;
	}
.objectivePanel td.grid {
	text-align: center;
	}
.objectivePanel .remove {
	float: none;
	margin-left: 0pt;
	margin-right: 5px;
	}
#memberTypeSummary .name {
	background-image: url(images/flag.gif);
	}

#certificationsPanel span.deleted, #certificationsPanel span.deleted strong,
	.personCertificationsPanel span.deleted, .personCertificationsPanel span.deleted strong {
	text-decoration: line-through;
	color: #999999;
	}

/* ---------------------------------------------------*/
/* Bulk value check box rendering */
.mixedCB img {
	display: inline;
	margin: 0 2px 0 2px;
	padding: 0;
	}
.mixedCB input {
	display: none;
	margin: 0 2px 0 2px;
	padding: 0;
	} 

.unmixedCB img {
	display: none;
	margin: 0 2px 0 2px;
	padding: 0;
	}

.unmixedCB input {
	display: inline;
	margin: 0 2px 0 2px;
	padding: 0;
	}

/* resourceVideo.aspx */
/* ---------------------------------------------------------------- */
.video-bg {
	background: #222;
	background: radial-gradient(#333, hsl(200,30%,6%) );
	height: 100vh;
}

/* caasError.aspx */
/* ---------------------------------------------------------------- */
.caasError-center {
	float: none !important;
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important;
}

/* ColorBox */
/* ---------------------------------------------------------------- */

/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}

/* LMS styles */
#cboxOverlay{background-color: #aaa;}
#colorbox{}
	#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
	#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight,
	#cboxMiddleLeft, #cboxMiddleRight{display: none;}
	#cboxContent{background:#fff; overflow:hidden;}
		.cboxIframe{background:#fff;}
		#cboxError{padding:50px; border:1px solid #ccc;}
		#cboxLoadedContent{padding:8px; border:1px solid #000;}
		#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
		#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
		#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
		#cboxPrevious{position:absolute; bottom:0; left:0; width:25px; height:25px; text-indent:-9999px;}
		#cboxPrevious:hover{background-position:-75px -25px;}
		#cboxNext{position:absolute; bottom:0; left:27px; width:25px; height:25px; text-indent:-9999px;}
		#cboxNext:hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{}
		#cboxLoadingGraphic{background:url(../images/spinner.gif) no-repeat center center;}
		#cboxClose{position:absolute; top:0; right:0; background:url(images/close.png) no-repeat 0 0; width:27px; height:27px; text-indent:-9999px;}
		#cboxClose:hover{}

.cboxIE6 #cboxClose{background:url(images/close_ie6.gif) no-repeat 0 1px;}


/*2x __________________________________________________________________________________________________________ */
@media
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (min--moz-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-device-pixel-ratio: 2),
	only screen and (min-resolution: 192dpi),
	only screen and (min-resolution: 2dppx) {

.dropdown-button li.current a {
	background-image: url(responsive/icons-2x-3144.png);
	background-size: 24px 7800px;
}
body .dropzone .dz-preview .dz-details {
	background-image: url(images/upload-2x.png);
	background-size: 36px 36px;
}
body .dropzone .dz-preview.progress-100 {
	background-image: url(responsive/spinner-2x.gif);
	background-size: 16px 16px;
}
.tip {
	background-image: url(responsive/icons-2x-3144.png);
	background-size: 24px 7800px;
}
.search-grid-remove {
	background-image: url(responsive/icons-2x-3144.png);
	background-size: 24px 7800px;
}
.working-message .inner {
	background-image: url('responsive/spinner-2x.gif');
	background-size: 16px 16px;
}
#content .product-summary .subscription h3.name {
	background-image: url(responsive/icons-2x-3144.png);
	background-size: 24px 7800px;
}
#reportPanel .report .displayPanel {
	background-image: url(responsive/icons-2x-3144.png);
	background-size: 24px 7800px;
}
.help-dialog .help-method {
	background-size: 24px 24px;
}
.help-dialog .help-method.docs {
	background-image: url(responsive/book-2x.png);
}
.help-dialog .help-method.email {
	background-image: url(responsive/email-2x.png);
}
.help-dialog .help-method.phone {
	background-image: url(responsive/phone-2x.png);
}

}/*/mediaquery*/