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

body {
	font-size: 1.25em;
	font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
	color: #232323;
	background-color: #fff;
}

body, html {
	overflow: auto;
}

header, footer, nav, section {
	display: block;
}

.glyphicon {
	margin-right: 4px;
}

/* Styles for basic forms
-----------------------------------------------------------*/

fieldset {
	border: 1px solid #ddd;
	padding: 0 1.4em 1.4em 1.4em;
	margin: 0 0 1.5em 0;
}

legend {
	font-size: 1.2em;
	font-weight: bold;
}

textarea {
	min-height: 75px;
	font-size: 10pt;
	font-family: "MS Shell Dlg";
}

.editor-label {
	margin: 1em 0 0 0;
}

.editor-field {
	margin: 0.5em 0 0 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
}

.field-validation-valid {
	display: none;
}

.input-validation-error {
	border: 1px solid #ff0000;
	background-color: #ffeeee;
}

.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
}

.validation-summary-valid {
	display: none;
}

div.Message {
	background: white;
	margin: 5px;
	border: 1px solid silver;
	border-radius: 5px 5px 0 0;
}

	div.Message div.Header {
		border-bottom: 0px solid silver;
		padding: 2px 5px;
	}

	div.Message div.Recency {
		float: right;
		font-family: Courier New;
	}

	div.Message div.Author {
		font-weight: bold;
	}

	div.Message div.Body {
		padding: 5px;
	}

	div.Message div.Footer {
		background: #fcfcfc;
		border-top: 1px solid silver;
		padding: 2px 5px;
	}

	div.Message div.Activate {
		float: left;
		margin-right: 10px;
	}

	div.Message div.Resolution {
	}

	div.Message div.Delete {
		float: right;
		margin-right: 5px;
	}

	div.Message a {
		text-decoration: none;
		color: crimson;
	}

	div.Message p {
		margin: 0;
	}

		div.Message p:last-of-type {
			margin-bottom: 3px;
		}

#CommentContainer {
	margin-left: 5px;
}

table.Data {
	border-collapse: collapse;
}

	table.Data tr.Active {
		background-color: #e6f3d7;
	}

	table.Data tr.Inactive {
		background-color: #fec3bd;
	}

	table.Data th {
		background: url('/Content/Images/buttonEffect.png') repeat-x 0px 0px #e0e0e0;
		border: 1px solid silver;
		padding: 2px 5px;
		text-align: center;
		white-space: nowrap;
	}

	table.Data td {
		border: 1px solid silver;
		padding: 1px 5px;
	}

	table.Data a {
		text-decoration: none;
	}

	table.Data th.Action {
		border-style: none;
		border-color: inherit;
		border-width: 0;
		background: #f0bcff;
	}

		table.Data th.Action a {
			font-size: 8pt;
			font-weight: normal;
			text-decoration: none;
			color: darkblue;
		}

table.TableSorter th {
	cursor: pointer;
}

div.YesNoIcon {
	background-image: url('/Content/Icons/YesNo.jpg');
	background-size: 200%;
	width: 20px;
	height: 20px;
}

.Narrow {
	font-family: 'Arial Narrow';
}

.Fixed {
	font-family: 'Lucida Console';
	font-size: 9pt;
}

a.edit {
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color: DarkBlue;
}

a.view {
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color: DarkGreen;
}

a.delete {
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	color: Red;
}

table.Data tr.Info {
	background-color: ivory;
}

table.Data tr.Highlight td {
	background-color: gold;
}

table.Data tr.HighlightDelete td {
	background-color: rgba(255, 0, 0, 0.5);
}

table.Data td.Organization {
	font-weight: bold;
	color: blue;
}

table.Form {
	border-collapse: collapse;
}

	table.Form td {
		border-width: 1px 0;
		border-color: #c0c0c0;
		border-style: solid;
		padding: 1px 5px;
		vertical-align: top;
	}

		table.Form td.Label {
			vertical-align: top;
			padding-top: 6px;
			text-align: right;
			white-space: nowrap;
			background-color: rgba(75, 0, 130, 0.1);
		}

		table.Form td.Caption {
			vertical-align: top;
			padding-top: 2px;
			text-align: right;
			white-space: nowrap;
			background-color: rgba(75, 0, 130, 0.1);
		}

		table.Form td.Mandatory {
			vertical-align: top;
			color: Red;
			font-weight: bold;
		}

		table.Form td.Feedback {
			width: 24px;
		}

		table.Form td.Value {
		}

			table.Form td.Value p {
				margin: 0;
			}

		table.Form td.Note div {
			background-color: #fcf8e3;
			color: #8a6d3b;
			border: 1px solid #faebcc;
			padding: 0px 3px;
			margin-top: 2px;
			white-space: nowrap;
		}

table.NoBorder td {
	border: none;
}

table.View td.Label {
	border-bottom: 1px solid silver;
}

table.View td.Value {
	border-bottom: 1px solid silver;
}

table.NoBorder td {
	border: none;
}

table.Card {
	border-collapse: collapse;
}

	table.Card td {
		border: none;
		border-bottom: 1px solid silver;
		padding: 1px 5px;
		padding-top: 2px;
		white-space: nowrap;
		vertical-align: top;
	}

		table.Card td.Label {
			text-align: right;
			background-color: #f4f4f4;
		}

		table.Card td.Value {
		}

			table.Card td.Value p {
				margin: 0;
			}

table.Clean {
	border-collapse: collapse;
}

	table.Clean td {
		border: none;
	}

div.CourseList {
	clear: both;
}

	div.CourseList ul {
		margin: 0;
		padding: 0;
	}

	div.CourseList li {
		float: left;
		list-style-type: none;
		line-height: 22px;
	}

	div.CourseList a {
		color: Black;
		text-decoration: none;
		font-weight: bold;
		padding: 0px 4px;
		border-radius: 3px;
		margin-right: 2px;
	}

		div.CourseList a.Active {
			background-color: #e6f3d7;
			border: 1px solid green;
		}

		div.CourseList a.Inactive {
			background-color: #fec3bd;
			border: 1px solid red;
		}

		div.CourseList a.Current {
			border: 1px solid blue;
			color: blue;
		}

div.CourseHeader {
	min-height: 16px;
}

div.CourseMenu {
	clear: both;
	border-bottom: 2px solid #6a2137;
	margin-top: 3px;
	padding-top: 5px;
	min-height: 27px;
}

	div.CourseMenu ul {
		margin: 3px 0 0;
		padding: 0;
	}

	div.CourseMenu li {
		float: left;
		list-style-type: none;
		line-height: 22px;
	}

	div.CourseMenu a {
		color: Black;
		text-decoration: none;
		padding: 0px 4px;
		margin-right: 2px;
		background-color: ivory;
		border: 1px solid silver;
		border-radius: 3px;
	}

div.CourseTitle {
	clear: both;
	color: darkred;
	font-size: 14pt;
	padding-top: 10px;
}

td.FieldLabel {
	text-align: right;
	vertical-align: top;
	padding: 4px 4px 4px 8px;
	background-color: #f0f0f0;
	white-space: nowrap;
}

td.FieldInput {
	padding-left: 4px;
}

td.FieldValue {
	vertical-align: top;
	padding: 4px 0 0 4px;
	color: Navy;
}

	td.FieldValue p {
		margin: 0 0 6px 0;
	}

table.Agenda {
}

	table.Agenda tr.Even {
		background-color: #ffeeee;
	}

	table.Agenda tr.Odd {
		background-color: #e6f3d7;
	}

	table.Agenda tr.Inactive {
		color: red;
	}

	table.Agenda tr.Selected {
		font-weight: bold;
	}

	table.Agenda td {
		padding: 2px 5px;
	}

		table.Agenda td.Date {
			font-family: 'Lucida Console';
		}

		table.Agenda td.Past {
			text-decoration: line-through;
		}

		table.Agenda td.Link {
			font-family: 'Lucida Console'
		}

		table.Agenda td.Code {
			font-family: 'Lucida Console'
		}

		table.Agenda td.Name {
		}

	table.Agenda a {
		text-decoration: none;
		color: indigo;
	}

		table.Agenda a:hover {
			color: purple;
		}

/* Test */
div.Test h3 {
	margin: 4px 0;
}

div.Test {
	margin: 5px 0;
	border-left: 1px solid #c0c0c0;
	border-radius: 10px;
	padding: 5px;
}

	div.Test input[type=text] {
		width: 560px;
	}

	div.Test textarea {
		width: 600px;
		height: 44px;
	}

	div.Test div.TestHeader {
		background-color: #f0f0f0;
		background-image: none;
		border: 1px solid #c0c0c0;
		border-radius: 5px;
		padding: 5px;
		margin: 5px 0;
	}

		div.Test div.TestHeader div {
			margin: 1px 0;
		}

	div.Test ul.Test {
		margin: 0;
		padding: 0;
	}

	div.Test li {
		list-style-type: none;
		padding: 1px 0;
	}

	div.Test span.QNbr {
		display: inline-table;
		width: 30px;
		text-align: right;
		vertical-align: top;
		padding-right: 3px;
	}

	div.Test .Delete {
		color: #f00;
		cursor: pointer;
		font-size: 12pt;
		vertical-align: top;
		line-height: 24px;
	}

li.Question {
	border-bottom: 1px solid silver;
	margin-bottom: 5px;
}

/* Slides */
div.Slides {
	margin: 0 5px;
}

	div.Slides table.SlideMenu {
		border: 1px solid black;
	}

		div.Slides table.SlideMenu td {
			padding: 0 3px;
			border-left: 1px solid black;
		}

		div.Slides table.SlideMenu span.Selected {
			color: gray;
			font-size: 12pt;
			font-weight: bold;
		}

	div.Slides td.Comment {
		color: lightgrey;
	}

	div.Slides td.fldL {
		font-weight: bold;
		background-color: #eeeeee;
		padding: 0 4px 0 2px;
	}

	div.Slides td.fldV {
		padding: 0 2px 0 4px;
	}

	div.Slides td.SlideItem {
		padding: 2px;
		border-bottom: 1px solid black;
		min-height: 240px;
	}

div.PrimaryMenu a {
	text-decoration: none;
	margin: 0 10px;
	border-top: 2px solid transparent;
}

div.SecondaryNav {
	margin-bottom: 10px;
}

	div.SecondaryNav a {
		color: black;
		margin: 0 2px;
		border: 1px solid silver;
		border-radius: 3px;
		padding: 1px 3px;
		background-color: #e0e0e0;
		text-decoration: none;
		white-space: nowrap;
	}

		div.SecondaryNav a.Selected {
			background-color: #999;
			color: #fff;
		}

div.CloseButton {
	cursor: pointer;
	float: right;
	border: 1px solid silver;
	border-radius: 2px;
	background-color: #e0e0e0;
	color: #333;
	padding: 0 5px 1px;
}

button.CloseButton {
	float: right;
	margin: 2px;
}

table.mceLayout {
	width: 500px !important;
}

table.SectionColumns td {
	border: none;
}

table.SectionColumns table.Data td {
	border: 1px solid Silver;
}

button.ToggleOn {
	background-color: #fff;
	border: 1px solid silver;
}

button.ToggleOff {
}

div.QuickList {
	display: table;
	margin-bottom: 5px;
}

	div.QuickList div {
		float: left;
		display: inline-table;
		border: 1px solid silver;
		border-radius: 3px;
		background-color: #e0e0e0;
		margin: 1px;
		padding: 0 1px;
	}

	div.QuickList a {
		text-decoration: none;
		color: Black;
		font-family: 'Arial Narrow';
	}

		div.QuickList a.I {
			color: Red;
		}

		div.QuickList a.S {
			background-color: Gold;
		}

table.Header td {
	border: none;
}

.Ellipsis {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin: 0;
}

tr.hover {
	background-color: #f0f0f0;
}

td.hover {
	background-color: #f0f0f0;
}

div.InFormSuccess {
	background-color: Green;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	margin-top: 3px;
	display: block;
}

div.InFormFailure {
	background-color: Red;
	width: 12px;
	height: 12px;
	border-radius: 3px;
	margin-top: 3px;
	display: block;
}

td.InvoiceItems {
	background-color: ivory;
}

div.Valid {
	width: 28px;
	height: 28px;
	margin: 0 3px;
	background: url('/Content/Icons/icons32.png') -200px -500px #fff;
}

div.Success {
	background-color: #fff;
	background-position: -12px -300px;
}

div.Failure {
	background-color: #fff;
	background-position: -146px -204px;
}

div.Unknown {
	background-color: #fff;
	background-position: -211px -252px;
}

div.Help {
	width: 28px;
	height: 28px;
	margin: 0 3px;
	background: url('/Content/Icons/icons32.png') -146px -252px #fff;
}

div.Submit {
	width: 28px;
	height: 28px;
	margin: 0 3px;
	background: url('/Content/Icons/icons32.png') -78px -397px #fff;
	border: 1px solid silver;
	border-radius: 3px;
	cursor: pointer;
}

div.Buttons {
	background-color: #f0f0f0;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	margin: 0px 0 1px;
	padding: 4px 0 2px;
}

div.Button {
	background: url('/Content/Images/buttonEffect.png') bottom repeat-x;
	border: 1px solid Silver;
	border-radius: 3px;
	margin: 0 1px 1px 3px;
	cursor: default;
	display: inline-block;
	padding: 1px 6px;
	text-shadow: 1px 1px #666;
	white-space: nowrap;
}

div.BtnActive {
	cursor: pointer;
	background-color: #48b01d;
	color: #fff;
	text-shadow: -1px -1px #333;
}

	div.BtnActive:hover {
		-moz-box-shadow: 0px 0px 4px #48b01d;
		-webkit-box-shadow: 0px 0px 4px #48b01d;
		box-shadow: 0px 0px 4px #48b01d;
	}

	div.BtnActive:active {
		background-color: #48921d;
	}

div.BtnDecision {
	border-width: 3px;
	border-style: solid;
	border-radius: 10px;
	cursor: pointer;
	padding: 10px 30px;
	text-align: center;
}

div.BtnDecisionDisabled {
	border-width: 3px;
	border-style: solid;
	border-radius: 10px;
	cursor: pointer;
	padding: 10px 30px;
	text-align: center;
}

div.BtnAction, div.BtnStatus {
	border-width: 1px;
	border-style: solid;
	border-radius: 4px;
	padding: 4px 10px;
	text-align: center;
	margin-bottom: 3px;
	color: #fff;
	background-image: url('/Content/Images/buttonEffect.png');
	background-position: bottom;
	background-repeat: repeat-x;
}

div.BtnAction {
	cursor: default;
	background-color: darkgray;
}

div.BtnStatus {
	cursor: default;
}

div.BtnInline {
	cursor: pointer;
	background-color: #9fa3ce;
	color: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: Silver;
	border-radius: 4px;
	padding: 1px 4px;
	margin: 1px 3px;
	text-align: center;
	font-size: 9pt;
}

div.BtnDelete {
	cursor: pointer;
	background-color: Red;
	color: #fff;
	cursor: pointer;
}

#BtnRegister {
	text-shadow: 1px 1px #ccc;
}

div.BtnLink {
	cursor: pointer;
	background-color: #2aaaff;
	color: #fff;
	text-shadow: -1px -1px #333;
}

div.BtnStatus {
	background: url('/Content/Images/buttonEffect.png') bottom repeat-x;
	color: Black;
	border: 1px solid Silver;
	border-radius: 4px;
	float: left;
	margin: 5px;
	padding: 5px 10px;
}

div.Buttons a {
	background-color: #fff;
	border: 1px solid #c0c0c0;
	margin: 0 0 0 4px;
	padding: 0 3px;
}

div.BtnInline {
	padding: 0 4px;
	margin: 1px 0 0;
}

div.BtnAction {
	padding: 3px 10px;
	margin: 3px 0;
}

div.BtnEdit {
	background-color: #4671d5;
	color: #fff;
}

div.BtnCancel {
	background-color: Gray;
	color: #fff;
	background-image: url('/Content/Images/buttonEffect.png');
	text-align: center;
}

div.BtnDelete {
	background-color: Red;
	color: #fff;
}

div.BtnAdd {
	background-color: #00c90d;
	color: #fff;
	min-width: 41px;
	text-align: center;
}

div.BtnCart {
	background-color: #ffa400;
	color: #fff;
	min-width: 41px;
	text-align: center;
}

div.BtnStatus {
	background-image: url('/Content/Images/buttonEffect.png');
	background-position: bottom;
	background-repeat: repeat-x;
	border: 1px solid Silver;
	border-radius: 3px;
	margin: 0 1px 1px 3px;
}

div.BtnStatusInCart {
	background-color: lightskyblue;
	color: #fff;
	text-align: center;
	cursor: default;
	width: 41px;
}

div.FilterContainer {
	border: 2px dashed silver;
	border-radius: 6px;
	margin: 0 0 10px 0;
	padding: 10px;
	display: table;
}

	div.FilterContainer td {
		padding: 1px 4px;
	}

div.FilterActive {
	background-color: #f0f0f0;
}

span.Info {
	background-color: blue;
	color: #fff;
	border-radius: 4px;
	padding: 1px 5px;
	cursor: help;
	font-size: 8pt;
	font-family: 'Courier New';
	font-size: 10pt;
}

#PopupContainer {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 100px;
	left: 100px;
	min-width: 100px;
	min-height: 100px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid gray;
	border-radius: 10px;
}

#PopupModal {
	display: none;
	position: fixed;
	z-index: 900;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(125,125,125,0.25);
}

.Shadow {
	-moz-box-shadow: 5px 5px 9px #999;
	-webkit-box-shadow: 5px 5px 9px #999;
	box-shadow: 5px 5px 9px #999;
}

.PopupContainer {
	position: fixed;
	z-index: 1000;
	top: 100px;
	left: 100px;
	min-width: 100px;
	min-height: 100px;
	padding: 10px;
	background-color: #fff;
	border: 1px solid gray;
	border-radius: 10px;
}

td.Transcript p {
	margin: 0;
}

html {
	overflow: scroll;
}

::-webkit-scrollbar {
	width: 20px;
}

::-webkit-scrollbar-thumb {
	background-color: rgba(255,255,255,255);
}

::-webkit-scrollbar-track-piece:start {
	background: transparent;
}

::-webkit-scrollbar-track-piece:end {
	background: transparent;
}

div.ButtonAction {
	cursor: pointer;
	background: url('/Content/Images/ButtonEffect.png') bottom repeat-x SkyBlue;
	border: 1px solid silver;
	border-radius: 3px;
	padding: 0 6px;
	display: table;
	margin: 10px 0;
}

div.InlineButton {
	cursor: pointer;
	border: 1px solid black;
	border-radius: 3px;
	padding: 0 3px;
	height: 16px;
	line-height: 16px;
}

div.Filter {
	margin: 5px 0 3px;
	border: 1px dashed silver;
	border-radius: 5px;
	padding: 5px;
	display: table;
}

div.Note {
	font-size: 9pt;
	font-style: italic;
}

div.Error {
	color: Red;
	margin-top: 5px;
}

td.Error {
	color: Red;
	margin: 2px;
}

.Num {
	width: 50px;
	text-align: right;
}

.Date {
	width: 80px;
	text-align: right;
}

.DateX {
	width: 80px;
	text-align: right;
}

.Edit {
	color: Blue;
	font-size: 9pt;
	cursor: pointer;
}

.View {
	color: Green;
	font-size: 9pt;
	cursor: pointer;
}

.Report {
	color: Indigo;
	font-size: 9pt;
	cursor: pointer;
}

.Play, .Resend {
	background-color: Navy;
	color: gold;
	font-size: 9pt;
	cursor: pointer;
}

td.Close {
	color: Gray;
	font-size: 9pt;
	cursor: pointer;
}

.Show {
	cursor: pointer;
}

.Refresh {
	color: Purple;
	font-size: 9pt;
	cursor: pointer;
}

.Delete {
	color: Red;
	font-size: 9pt;
	cursor: pointer;
}

div.Popup {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	background-color: #fff;
	border: 1px solid silver;
	border-radius: 5px;
	padding: 15px;
}

div.PopupCentered {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 15%;
	left: 10%;
	height: 75%;
	width: 80%;
	background-color: #fff;
	border: 1px solid silver;
	border-radius: 5px;
	padding: 15px;
}

div.Modal {
	display: none;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #f0f0f0;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

div.Popup h3 {
	margin-top: 0;
}

#ActionInfo {
	display: none;
	position: fixed;
	z-index: 1000;
	top: 50%;
	left: 50%;
	background-color: #ffffe1;
	border: 1px solid silver;
	border-radius: 5px;
	padding: 10px;
	width: 400px;
	height: 200px;
	margin: -100px 0 0 -200px;
}

div.Comment {
	border-bottom: 1px solid silver;
	padding: 1px;
}

	div.Comment div.Stamp {
		float: left;
		font-family: Courier New;
		font-size: 9pt;
		background-color: #f0f0f0;
		border: 1px solid silver;
		border-radius: 3px;
		padding: 1px 3px;
		margin-right: 3px;
	}

	div.Comment div.Author a {
		text-decoration: none;
		float: left;
		margin-right: 4px;
	}

div.History {
	display: none;
}

tr.Change td {
	border-bottom: 1px solid silver;
	padding: 1px;
}

tr.Change div.Stamp {
	font-family: Courier New;
	font-size: 9pt;
	background-color: #f0f0f0;
	border: 1px solid silver;
	border-radius: 3px;
	padding: 1px 3px;
	margin: 0 3px 0px 0;
}

tr.Change div.Author a {
	text-decoration: none;
	margin-left: 4px;
}

tr.Change div.FieldName {
	font-weight: normal;
	background-color: #707070;
	border: 1px solid silver;
	border-radius: 3px;
	padding: 1px 3px;
	color: #fff;
	margin: 0 10px;
}

tr.Change div.Old {
	text-decoration: line-through;
}

tr.Change div.New {
	color: darkgreen;
}

div.FieldInfo {
	background: url('/Content/Icons/icons24.png') transparent -111px -191px;
	width: 17px;
	height: 17px;
}

div.InlineDelete {
	color: #fff;
	background-color: Red;
	border: 1px solid red;
	border-radius: 50%;
	padding: 0 1px;
	width: 8px;
	line-height: 10px;
	display: inline-block;
	cursor: pointer;
}

div.InlineUndo {
	color: #fff;
	background-color: Navy;
	border: 1px solid Navy;
	border-radius: 50%;
	padding: 0 1px;
	width: 8px;
	line-height: 10px;
	display: inline-block;
	cursor: pointer;
}

div.Filter input[type="text"] {
	width: 80px;
}

div.Filter input.Num {
	width: 50px;
}

div.Filter td.Label {
	font-weight: bold;
	background-color: #f0f0f0;
	padding: 3px 3px 0 8px;
}

div.Filter td.Group {
	border-left: 1px dashed Silver;
	width: 3px;
}

div.Filter td.Caption {
	padding: 0px 3px 0 8px;
}

div.Filter div.Criteria {
	display: inline-block;
	border: 1px solid Silver;
	border-radius: 3px;
	background-color: #f0f0f0;
	padding: 0 0 0 2px;
	margin-right: 2px;
	cursor: default;
}

	div.Filter div.Criteria div {
		background-color: #e0e0e0;
		border-left: 1px solid Silver;
		margin: 0 0 0 4px;
		padding: 0 4px;
		line-height: 17px;
		color: Red;
		cursor: pointer;
		display: inline-block;
	}

a.Tag {
	text-decoration: none;
	margin-right: 5px;
}

div.EmailType {
	cursor: pointer;
}

div.EmailStatus {
	display: none;
	background-color: #f0f0f0;
	border: 1px solid silver;
	padding: 1px 5px;
	font-family: Courier New;
	font-size: 9pt;
	display: table;
	margin-left: 6px;
}

div.EmailContent {
	display: none;
	border: 1px solid silver;
	border-radius: 5px;
	margin: 5px;
	padding: 10px;
}

div.EmailError {
	background-color: #ffebeb;
	border: 1px solid red;
	padding: 10px;
	color: Red;
}

div.EmailSent {
	background: url('/Content/Icons/icons32.png') -9px -307px;
	width: 30px;
	height: 17px;
}

div.EmailNotSent {
	background: url('/Content/Icons/icons32.png') -143px -209px;
	width: 30px;
	height: 17px;
}

div.EmailHasError {
	background: url('/Content/Icons/icons32.png') -143px -209px;
	width: 30px;
	height: 17px;
}

div.HelpTab {
	position: fixed;
	z-index: 10000;
	top: 2px;
	right: 2px;
	width: 32px;
	height: 32px;
	background: url('/Content/Icons/icons32.png') -142px -250px;
}

#Help {
	position: fixed;
	background-color: #fffff0;
	border: 1px solid silver;
	top: 34px;
	right: 5px;
	width: 300px;
	height: 300px;
	overflow: auto;
	display: none;
}

span.Comment {
	font-size: 9pt;
	color: #999999;
}

div.Wait {
	display: inline;
	margin-left: 10px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
	color: transparent;
}

a.InterLink {
	font-size: 7pt;
	text-decoration: none;
	margin-left: 10px;
	border-left: 5px solid blue;
	background-color: rgba(0, 0, 255, 0.2);
	padding: 0 8px 0 3px;
}

div.Priority--1 {
	background: url('/Content/Icons/icons24.png') transparent -84px -118px;
	width: 22px;
	height: 18px;
}

div.Priority-0 {
	background: url('/Content/Icons/icons24.png') transparent -133px -118px;
	width: 22px;
	height: 18px;
}

div.Priority-1 {
	background: url('/Content/Icons/icons24.png') transparent -108px -118px;
	width: 22px;
	height: 18px;
}

div.SendMail {
	background: url('/Content/Icons/icons24.png') transparent -82px -335px;
	width: 22px;
	height: 18px;
	display: inline-block;
	margin: 0 3px -3px 0;
}

div.Report div.Group {
	display: flex;
	vertical-align: middle;
}

	div.Report div.Group div.Title {
		font-weight: bold;
		margin: 8px 10px 0 0;
	}

	div.Report div.Group div.Options {
		display: flex;
		background-color: #f0f0f0;
		border: 1px solid Silver;
		border-radius: 5px;
		padding: 5px;
		vertical-align: middle;
	}

		div.Report div.Group div.Options div.Label {
			margin: 2px 5px 0 0;
		}

	div.Report div.Group div.Wait {
		margin-top: 5px;
	}

	div.Report div.Group div.Link {
		margin-top: 8px;
	}

#MembersTable ul {
	margin: 0 0 3px 0;
	padding: 0;
}

#MembersTable li {
	list-style-type: none;
	border: 1px solid Silver;
	display: inline-table;
	padding: 0 4px;
	cursor: pointer;
	background-color: #f0f0f0;
}

	#MembersTable li.Selected {
		background-color: #e0e0e0;
	}

#MembersTable .Panel {
	display: none;
}

#MembersTable div.Selected {
	display: inline-block;
}

input[type="radio"] {
	width: 25px;
}

input[type="checkbox"] {
	width: 25px;
}

.ui-autocomplete {
	width: 120px;
	padding: 2px;
}

	.ui-autocomplete ul {
		margin: 0;
	}

	.ui-autocomplete li {
		list-style: none;
	}

td.Active {
	background-color: rgba(0, 255, 0, 0.3);
}

td.Inactive {
	background-color: rgba(255, 0, 0, 0.3);
}

tr.Border td {
	border: 1px solid Silver;
}

div.LinkList {
	margin: 5px 0 5px 10px;
	background-color: #e0e0e0;
	border: 1px solid Silver;
	border-radius: 5px;
	padding: 5px;
}

div.Link {
	color: Blue;
	cursor: pointer;
}

table.Hidden {
	border-collapse: collapse;
	font-size: 8pt;
}

	table.Hidden th {
		border: 1px solid Silver;
		padding: 1px 3px;
		background-color: #f0f0f0;
	}

	table.Hidden td {
		border: 1px solid Silver;
		padding: 1px 3px;
	}

div.Expand, .Collapse, .Process {
	cursor: pointer;
	color: Red;
	font-weight: bold;
	width: 10px;
	float: left;
	text-align: center;
	margin-right: 4px;
}

div.Unlimited, div.Employee, div.NoFlag, div.StatusL, div.DateT, div.DateX, div.Count {
	border-radius: 4px;
	color: #ffffff;
	cursor: default;
	display: inline-block;
	font-size: 8pt;
	font-weight: bold;
	line-height: 14px;
	min-width: 7px;
	padding: 0 4px;
	text-align: center;
}

div.Unlimited {
	background-color: #68217a;
}

div.Employee {
	background-color: #e39800;
}

div.NoFlag {
	background-color: #f4f4f4;
	width: 14px;
	height: 8px;
}

div.StudentSpacing {
	display: inline-block;
	font-weight: bold;
	padding: 0 12px;
	cursor: default;
}

div.DateT {
	background-color: #990000;
}

div.DateX {
	background-color: #999999;
}

div.Count {
	min-width: 20px;
}

	div.Count.C, div.StatusL.C {
		background-color: #2cb044;
	}

	div.Count.I, div.StatusL.I {
		background-color: #fc9300;
	}

	div.Count.Q, div.StatusL.Q {
		background-color: #000f9a;
	}

	div.Count.A, div.StatusL.A {
		background-color: #c00909;
	}

	div.Count.Facilities {
		background-color: #000f9a;
	}

	div.Count.Students {
		background-color: #c00909;
	}

td.Button {
	padding: 0 4px;
}

div.InlineButton {
	cursor: pointer;
	border: 1px solid black;
	border-radius: 3px;
	padding: 0 3px;
	height: 16px;
	line-height: 16px;
}

td.SectionTitle {
	background-color: #f0f0f0;
	padding: 0 8px 0 4px;
	min-width: 56px;
}

td.Field {
	padding: 0 4px;
}

td.Button {
	padding: 0 4px;
}

#List tr.p {
	background-color: rgba(255, 204, 0, 0.5);
}

#List tr.l {
	background-color: rgba(255, 0, 0, 0.5);
}

#List .Filter {
	color: Indigo;
	cursor: pointer;
}

.AppliedFilters {
	padding: 0 4px;
	display: flex;
}

.AppliedFilter {
	border: 1px solid Silver;
	border-radius: 3px;
	margin-right: 5px;
	padding-left: 4px;
}

	.AppliedFilter .Clear {
		cursor: pointer;
		background-color: #f0f0f0;
		border-left: 1px solid Silver;
		color: Red;
		margin-left: 4px;
		padding: 0 4px;
		float: right;
	}

ul.TabbedButtons {
	display: inline-block;
}

	ul.TabbedButtons li {
		background-color: #f0f0f0;
		border: 1px solid Silver;
		cursor: pointer;
		display: inline-table;
		list-style-type: none;
		padding: 0 4px;
	}

		ul.TabbedButtons li.Selected {
			background-color: #e0e0e0;
		}

div.SOID {
	display: none;
	background-color: #ffa400;
	color: #000080;
	float: left;
	font-family: Courier new;
	font-size: 9pt;
	margin: 0 4px;
	padding: 0 4px;
}

div.Courses div {
	line-height: 16px;
	border-radius: 4px;
}

	div.Courses div.Course {
		background-color: #f0f0f0;
		border: 1px solid silver;
		border-radius: 5px;
		margin: 1px 0;
		padding: 3px;
	}

	div.Courses div.CourseHeader {
		margin: 0 0 4px 2px;
	}

		div.Courses div.CourseHeader > div {
			margin: 0 0 0 4px;
			display: inline-block;
		}

		div.Courses div.CourseHeader div.SQLID {
			text-align: center;
			width: 24px;
			margin-right: 4px;
			color: #fff;
			background-color: #000;
		}

		div.Courses div.CourseHeader div.Soid {
			font-family: 'Courier New';
			padding: 0 3px;
			border: 1px solid #c0c0c0;
			line-height: 16px;
			background-color: #ddd;
			cursor: help;
		}

		div.Courses div.CourseHeader div.State {
			text-align: center;
			width: 24px;
			margin-right: 4px;
			color: #fff;
		}

	div.Courses div.CourseLectures {
		margin: 1px 20px;
	}

	div.Courses div.CourseLecture {
		margin: 1px;
		clear: both;
	}

		div.Courses div.CourseLecture > div {
			margin: 0 0 0 4px;
			float: left;
			padding: 0 4px;
			text-align: center;
			cursor: default;
		}

			div.Courses div.CourseLecture > div.Soid {
				cursor: pointer;
				font-family: 'Courier New';
				padding: 0 3px;
				border: 1px solid #c0c0c0;
				line-height: 16px;
				background-color: #ddd;
			}

		div.Courses div.CourseLecture div.StatusL {
			width: 20px;
		}

			div.Courses div.CourseLecture div.StatusL.C {
				background-color: #2cb044;
			}

			div.Courses div.CourseLecture div.StatusL.I {
				background-color: #fc9300;
			}

			div.Courses div.CourseLecture div.StatusL.Q {
				background-color: #000f9a;
			}

			div.Courses div.CourseLecture div.StatusL.A {
				background-color: #c00909;
			}

		div.Courses div.CourseLecture div.NoDate {
			width: 80px;
		}

		div.Courses div.CourseLecture div.DateC {
			color: #fff;
			width: 80px;
			background-color: #2cb044;
		}

		div.Courses div.CourseLecture div.DateI {
			color: #fff;
			width: 80px;
			background-color: #fc9300;
		}

		div.Courses div.CourseLecture div.DateQ {
			color: #fff;
			width: 80px;
			background-color: #000f9a;
		}

		div.Courses div.CourseLecture div.DateA {
			color: #fff;
			width: 80px;
			background-color: #c00909;
		}

		div.Courses div.CourseLecture div.Viewed {
			width: 19px;
			text-align: center;
		}

			div.Courses div.CourseLecture div.Viewed.Yes {
				width: 20px;
				background-color: #4b0082;
				color: #fff
			}

			div.Courses div.CourseLecture div.Viewed.No {
				width: 20px;
				background-color: #800080;
				color: #fff
			}

		div.Courses div.CourseLecture div.CEU {
			background-color: #0000cd;
			color: #fff;
			padding: 0 4px;
			min-width: 20px;
		}

		div.Courses div.CourseLecture div.Approvals {
			background-color: #4169e1;
			color: #fff;
			padding: 0 4px;
			min-width: 20px;
		}

		div.Courses div.CourseLecture div.Tests {
			background-color: #6495ed;
			color: #fff;
			padding: 0 4px;
			min-width: 20px;
		}

		div.Courses div.CourseLecture div.Instances {
			background-color: #87ceeb;
			color: #fff;
			padding: 0 4px;
			min-width: 30px;
		}

		div.Courses div.CourseLecture div.Diploma {
			width: 40px;
		}

		div.Courses div.CourseLecture div.Delete {
			display: inline;
			float: none;
			margin-left: 54px;
		}

		div.Courses div.CourseLecture div.RefreshDiploma {
			background-color: #aaa;
			cursor: pointer;
		}

		div.Courses div.CourseLecture div.Btns {
			display: inline;
			float: none;
		}

		div.Courses div.CourseLecture div.Btn {
			cursor: pointer;
			font-family: Courier New;
			font-size: 9pt;
			padding: 0 4px;
			display: inline-table;
		}

		div.Courses div.CourseLecture div.AddC {
			background-color: #2cb044;
			color: #fff;
		}

		div.Courses div.CourseLecture div.AddI {
			background-color: #fc9300;
			color: #fff;
		}

		div.Courses div.CourseLecture div.AddQ {
			background-color: #000f9a;
			color: #fff;
		}

		div.Courses div.CourseLecture div.SetC {
			background-color: #2cb044;
			color: #fff;
		}

		div.Courses div.CourseLecture div.SetI {
			background-color: #fc9300;
			color: #fff;
		}

		div.Courses div.CourseLecture div.SetQ {
			background-color: #000f9a;
			color: #fff;
		}

		div.Courses div.CourseLecture div.SetA {
			background-color: #c00909;
			color: #fff;
		}

		div.Courses div.CourseLecture div.SetV {
			background-color: #4b0082;
			color: #fff;
		}

		div.Courses div.CourseLecture div.SetU {
			background-color: #800080;
			color: #fff;
		}

		div.Courses div.CourseLecture div.Mongo {
			cursor: pointer;
		}

div.Flag {
	background-color: #F5F5DC;
	border-radius: 4px;
	height: 18px;
	width: 18px;
	cursor: pointer;
	display: inline-block;
	line-height: 16px;
	text-align: center;
}

div.FlagY {
	border: 2px solid #0c0;
	color: #0c0;
}

div.FlagN {
	border: 2px solid #f00;
	color: #f00;
}

.FilterBox {
	margin: 0 0 5px;
}

	.FilterBox .Toolbar {
		background-color: #f0f0f0;
		border: 1px solid #c0c0c0;
		border-radius: 3px;
		margin: 0 0 1px;
		padding: 0px;
		vertical-align: middle;
		line-height: 26px;
	}

	.FilterBox ul {
		margin: 0;
		padding: 0;
	}

	.FilterBox li {
		list-style: none;
		display: inline-block;
	}

	.FilterBox input[type=text], .FilterBox select {
		width: 80px;
		line-height: 16px;
	}

	.FilterBox input[type=checkbox] {
		line-height: 16px;
		margin-top: 3px;
	}

	.FilterBox input.Num {
		width: 50px;
	}

	.FilterBox li.Title {
		background: url('/Content/Icons/ButtonEffect.png');
		border-right: 1px solid #c0c0c0;
		font-weight: normal;
		padding: 0 10px 0 3px;
		text-align: right;
		text-shadow: 0 1px #888;
		text-transform: uppercase;
		width: 60px;
	}

	.FilterBox li.Field {
	}

	.FilterBox li.Action {
		margin-left: 5px;
	}

		.FilterBox li.Action div {
			background-color: #777;
			border: 1px solid #c0c0c0;
			border-radius: 5px;
			color: #fff;
			cursor: pointer;
			line-height: 15px;
			margin-top: 3px;
			padding: 1px 8px;
			text-shadow: 0 1px #ccc;
		}

	.FilterBox li.Button {
		margin-left: 5px;
	}

		.FilterBox li.Button div {
			background-color: #000;
			border-radius: 5px;
			color: #fff;
			cursor: pointer;
			line-height: 16px;
			margin-top: 3px;
			padding: 0px 8px 2px;
			text-shadow: 0 1px #ccc;
		}

	.FilterBox li.Filter {
		background-color: #fff;
		border: 1px solid #c0c0c0;
		border-radius: 4px;
		display: inline-block;
		line-height: 17px;
		padding: 0 0 0 6px;
		margin-left: 5px;
	}

		.FilterBox li.Filter .Remove {
			background-color: rgba(255, 0, 0, 0.1);
			border-left: 1px solid #c0c0c0;
			color: #f00;
			display: inline-block;
			margin-left: 6px;
			padding: 0 4px;
			cursor: pointer;
		}

#SerializationButtons ul {
	margin: 0 0 0 10px;
	padding: 0 0 0 10px;
}

#SerializationButtons > ul > li {
	list-style: none;
	margin: 4px 0 3px 0;
}

#SerializationButtons ul ul li {
	background: url('/Content/Icons/ButtonEffect.png') bottom repeat-x #48b01d;
	border: 1px solid #c0c0c0;
	border-radius: 4px;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	margin: 3px 1px;
	padding: 1px 10px;
	text-shadow: 1px 1px #333;
	color: #fff;
}

	#SerializationButtons ul ul li:hover {
		-moz-box-shadow: 0px 0px 4px #48b01d;
		-webkit-box-shadow: 0px 0px 4px #48b01d;
		box-shadow: 0px 0px 4px #48b01d;
	}

	#SerializationButtons ul ul li:active {
		background-color: #48921d;
	}

	#SerializationButtons ul ul li.Inactive {
		background-color: #f0f0f0;
		cursor: default;
		text-shadow: 1px 1px #eee;
	}

#ZipProgressBar {
	border-collapse: collapse;
	min-width: 10px;
	margin-left: 10px;
	height: 8px;
}

	#ZipProgressBar td {
		width: 20px;
		background-color: #fff;
		border: 1px solid #c0c0c0;
	}

		#ZipProgressBar td.Success {
			background-color: #3c3;
		}

		#ZipProgressBar td.Failure {
			background-color: #c33;
		}

#Files {
	padding: 0;
	margin-left: 30px;
}

	#Files li {
		list-style: disc;
		margin: 2px 0;
	}

	#Files span {
		background-color: #fdfdfd;
		border: 1px solid #c0c0c0;
		border-radius: 3px;
		padding: 0 3px;
		margin: 1px;
		cursor: pointer;
	}

table.Form td.Soid {
	font-family: 'Courier New';
	font-size: 8pt;
	cursor: help;
	color: indigo;
	background-color: rgba(0, 0, 255, 0.1);
	padding-top: 3px;
}

table.Data td.Soid {
	font-family: 'Courier New';
	font-size: 8pt;
	cursor: help;
	color: indigo;
	background-color: rgba(0, 0, 255, 0.1);
	padding-top: 3px;
}

#SoidWatch {
	margin-left: 20px;
	padding: 0 3px;
	color: indigo;
	font-family: 'Courier New';
	background-color: rgba(0, 0, 255, 0.1);
	font-size: 8pt;
}

h4 span.glyphicon {
	font-size: 10pt;
	cursor: pointer;
}

div.Content {
	border-left: 1px solid #c0c0c0;
	border-radius: 8px 0 0 8px;
	padding: 10px;
}

table.Tabs {
	margin-bottom: 5px;
}

	table.Tabs td {
		border-bottom: 1px solid #c0c0c0;
		padding: 0px 10px;
		font-size: 10pt;
	}

		table.Tabs td.Spacer {
			border-top: 0 solid #fff;
			padding: 0px 5px;
		}

		table.Tabs td.Tab {
			background-color: #f0f0f0;
			border: 1px solid #c0c0c0;
			padding: 0px 20px;
		}

			table.Tabs td.Tab.Selected {
				background-color: #fff;
				border-top: 4px solid orange;
				border-bottom: none;
			}

			table.Tabs td.Tab a {
				color: #000;
				margin: 0;
				padding: 0;
			}

		table.Tabs td.Switch {
			padding: 2px 0;
		}

	table.Tabs div.Toggle {
		border-width: 1px;
		border-style: solid;
		padding: 1px 10px;
	}

	table.Tabs div.ToggleLeft {
		border-radius: 5px 0 0 5px;
	}

	table.Tabs div.ToggleRight {
		border-radius: 0 5px 5px 0;
	}

	table.Tabs div.ToggleOn {
		border-color: #286090;
		background-color: #286090;
		color: #fff;
	}

	table.Tabs div.ToggleOff {
		border-color: #c0c0c0;
		color: #a0a0a0;
		cursor: pointer;
		background-color: #f0f0f0;
	}

		table.Tabs div.ToggleOff:hover {
			color: #808080;
		}

span.Bullet {
	background-color: #286090;
	color: #fff;
	padding: 0 6px;
	border-radius: 8px;
}