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; }
//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; padding-top: 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; cursor: pointer; }
            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; }