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; }

body { font-size: 0.8em; font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif; color: #232323; background-color: #fff; margin: 0; }
body, html { overflow: auto; }
header, footer, nav, section { display: block; }
h4 { border-bottom: 1px solid #000; }
h5 { border-bottom: 1px solid #c0c0c0; }
select { height: 24px; }
button.Active { background-color: limegreen; color: #fff; }
button.Refresh { background-color: dodgerblue; color: #fff; }
button.Delete { background-color: red; color: #fff; }
.fa-eye, .fa-eye-slash { cursor: pointer; }

.Now { background-color: #33c; color: #fff; border: 1px solid #c0c0c0; }
.Now:hover { border-color: #000; }
.Remove { background-color: #c33; color: #fff; border: 1px solid #c0c0c0; }
.Remove:hover { border-color: #000; }
.Mono { font-family: monospace; font-size: 10pt; margin-right: 10px; }
.Narrow { font-family: 'Arial Narrow'; }
.Fixed { font-family: 'Lucida Console'; font-size: 9pt; }

header { position: fixed; z-index: 1000; height: 32px; width: 100%; background-color: #fff; display: flex !important; justify-content: space-between; border-bottom: 1px solid Silver; }
header > div { background-color: transparent; height: 30px; padding: 0 5px; line-height: 30px; }
header div.Logo { padding-left: 10px; font-family: 'Trebuchet MS'; font-size: 16pt; }
header div.Access { display: flex; padding-top: 3px; }
header div.AccountInfo { padding: 0 10px; }
header div.TopBarIcon { padding: 0 10px; border-left: 1px solid Silver; cursor: pointer; }
#Main { display: flex; margin-top: 30px; }
#Main > article { order: 2; min-width: 12em; flex: 1; padding: 10px; }
#Main > nav     { order: 1; width: 120px; padding: 10px; background-color: #f0f0f0; }
#Main > aside   { order: 3; width: 240px; padding: 10px; background-color: #f0f0f0; }
nav ul.Nav { margin: 0; padding: 0; list-style: none; }
nav ul.Nav li { background-color: ivory; border: 1px solid Silver; border-radius: 3px; padding: 1px 4px; cursor: pointer; margin-top: 2px; }
nav ul.Nav li:hover { border-color: Red; color: Red; }
nav ul.Nav li.Selected { border-left: 5px solid Silver; }
div.SubNav { background-color: White; border-width: 0 1px 1px 1px; border-style: solid; border-color: Silver; }
nav ul.SubNav { margin: 0; padding: 0; list-style: none; padding: 3px; }
nav ul.SubNav li { background-color: White; border: 1px solid White; border-radius: 3px; padding: 1px 4px; cursor: pointer; margin-top: 0px; }
nav ul.SubNav li:hover { border-color: Red; color: Red; }
footer { position: fixed; z-index: 1000; height: 21px; bottom: 0; left: 0; right: 0; background-color: #eeeeee; border-top: 1px solid Silver; text-align: center; padding: 2px 10px; }
h1 { margin-top: 5px; font-size: 2em; }
div.Title { margin-top: 5px; font-size: 2em; }
div.Logout { display: inline-block; color: navy; cursor: pointer; margin: 0 10px; }

div.Popup { position: fixed; top: 100px; bottom: 100px; left: 100px; width: 1000px; display: none1; background-color: #fff; top: 100px; border: 1px solid #c0c0c0; border-radius: 5px; padding: 5px; overflow: auto; }
div.Popup h3 { background-color: #f0f0f0; border-bottom: 1px solid #c0c0c0; margin: -5px -5px 10px -5px; padding: 5px; }

div.InfoLine { margin: 0px; }
	div.InfoLine a { font-weight: normal; font-size: 9pt; margin-left: 10px; }
div.SubSection a { font-weight: normal; font-size: 9pt; margin-left: 10px; }
div.Label { font-weight: bold; display: inline-block; }
div.InlineValue { background-color: #e0e0e0; border: 1px solid gray; border-radius: 4px; color: #333333; line-height: 14px; margin: 2px; padding: 1px 4px; display: inline-block; cursor: default; }
div.InlineValueCountdown { background-color: gold; border: 1px solid Silver; border-radius: 4px; color: Navy; line-height: 14px; margin-left: 3px; padding: 1px 4px; display: inline-block; cursor: default; }
div.MultilineValue { border: 1px solid gray; background-color: lightgrey; padding: 2px 4px; }
div.Action { color: #6a1237; }
div.InfoLine div.Link { color: #428bca; margin-left: 10px; }
div.InfoLine div.Wait { display: inline-block; }

/* 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; }
select { height: 24px; }
button { background-image: url(/Content/Icons/buttonEffect.png); background-position: bottom; background-repeat: repeat-x; border: 1px solid Silver; border-radius: 3px; padding: 3px 10px 1px; margin: 0 1px 1px 3px; display: inline-block; }
button.BtnActive { background-color: #48b01d; color: White; }
button.BtnDelete { background-color: #ff0000; color: White; }
i.fa-circle-info { margin: 5px 0 0 6px; font-size: 12pt; color: dodgerblue; }

/* 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; }

#Tabs > div { border-right: 1px solid #c0c0c0; list-style-type: none; margin: 0px; padding: 4px 8px; text-align: right; cursor: pointer; }
#Tabs > div.Selected { border-color: #c0c0c0 #fff #c0c0c0 #ffcc00; border-style: solid none solid solid; border-width: 1px 0 1px 5px; }
#Panels .Panel { display: none; }
#Panels .Panel.Selected { display: block; }

table.Data { border-collapse: collapse; }
table.Data tr.Info { background-color: ivory; }
table.Data tr.Highlight td { background-color: gold; }
table.Data tr.HighlightDelete td { background-color: rgba(255, 61, 61, 0.2); }
table.Data th { border: 1px solid silver; padding: 2px 5px; background: url('/Content/Icons/buttonEffect.png') repeat-x 0px 0px lightblue; }
table.Data td { border: 1px solid silver; padding: 1px 5px; }
table.Data td.Details { background-color: ivory; }
table.Data a { text-decoration: none; }
table.Data th.Action { border-style: none; border-color: inherit; border-width: 0; }
table.Data th.Action a { font-size: 8pt; font-weight: normal; text-decoration: none; color: darkblue; }
table.TableSorter th { cursor: pointer; }
table.Data tbody td.RowAction { border: none; cursor: pointer; background-color: transparent !important; }
table.Data tbody td.RowAction:hover { background-color: transparent !important; }
table.Data tbody td.Edit { color: Blue; }
table.Data tbody td.View { color: Green; }
table.Data tbody td.Close { color: darkgrey; }
table.Data tbody td.Delete { color: Red; }
table.Data tbody td.Action { color: Purple; }
table.Data tbody td.Refresh { color: Purple; }
table.Data tbody td.Active { background-color: #e6f3d7; }
table.Data tbody td.Inactive { background-color: #fec3bd; }
table.Data td.Flags > div { display: flex; }

table.Highlight > tbody > tr:hover:not(.Details):not(.NoHighlight) > td { background-color: rgba(201, 201, 201, 0.4); }

div.YesNoIcon { background-image: url('/Content/Icons/YesNo.jpg'); background-size: 200%; width: 20px; height: 20px; }
div.Flag { background: url('/Content/Images/Document0.png'); width: 14px; height: 14px; cursor: pointer; margin: 1px; }
div.HasRecommendation { background: url('/Content/Images/Document1.png'); }
div.HasIRSReturn { background: url('/Content/Images/Document1.png'); }
div.HasSATScore { background: url('/Content/Images/Document2.png'); }
div.HasSATAct { background: url('/Content/Images/Document2.png'); }
div.HasTranscript { background: url('/Content/Images/Document3.png'); }
div.HasStatement { background: url('/Content/Images/Document4.png'); }
div.HasPicture { background: url('/Content/Images/Document5.png'); }
div.HasDocsSent { background: url('/Content/Images/Document6.png'); }
div.HasSubmitted { background: url('/Content/Images/Document6.png'); }
div.HasCompleted { background: url('/Content/Images/Document7.png'); }
div.Legend { background-color: #f0f0f0; border: 1px dashed Silver; border-radius: 5px; padding: 5px 10px; margin: 5px 0; }
div.Legend > div { display: flex; }
div.Legend > div > div { margin: 0 10px 0 3px; }
div.Legend > div > div.InfoIcon { background: url('/Content/Icons/icons24.png') -111px -191px no-repeat; width: 17px; height: 17px; margin-right: 5px; }
div.Legend img { width: 14px; height: 14px; margin-top: 1px; }
div.Buttons { min-height: 24px; }

table.Form { border-collapse: collapse; }
table.Form tr { border-bottom: 0px solid gold; }
table.Form td { border: none; padding: 1px 5px; }
table.Form td.Label { vertical-align: top; padding-top: 5px; text-align: right; white-space: nowrap; }
table.Form.AllChecks td.Label { padding-top: 0; }
table.Form td.Mandatory { vertical-align: top; color: Red; font-weight: bold; }
table.View td.Label { border-bottom: 1px solid silver; }
table.Form td.Label.Checkbox { padding: 6px 0 3px; }
table.View td.Value { border-bottom: 1px solid silver; }
table.Form td.Value div { display: inline-block; margin: 0 0 1px 4px; }
table.Form td.Value p { margin: 0; }
table.Form td.Feedback { width: 24px; }
table.Form td.Caption { vertical-align: top; padding-top: 1px; text-align: right; white-space: nowrap; font-weight: bold; }
table.Form td .fa-asterisk { color: red; margin-right: 10px; }
table.Form input[type="checkbox"] { margin: 6px 0 0 3px; }

table.Card { border-collapse: collapse; }
table.Card tr { vertical-align: top; }
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.Caption { text-align: right; padding-right: 10px;font-weight: 600; }
table.Card td.Value p { margin: 0; }
table.Card td.Value { color: navy; }
i.Main { background-color: navy; border: 1px solid navy; border-radius: 3px; padding: 2px 4px 1px 4px; margin-right: 5px; font-size: 8pt; color: #ffd43b; }
span.NotMain { margin-right: 20px; }

table.Clean { border-collapse: collapse; }
table.Clean td { border: none; }

table div.Section { border-bottom: 1px solid black; padding-bottom: 2px; margin: 10px 0 3px; }

div.ViewPanel div.Section { margin: 2px 0; }
div.ViewPanel div.Section > div { display: flex; margin-bottom: 3px; }
div.ViewPanel div.HighlightedSection { background-color: #f9f9f9; border: 1px dashed Silver; border-radius: 4px; display: inline-block; margin: 4px 0; padding: 4px 4px 2px 8px; }
div.ViewPanel div.Caption { font-weight: bold; margin: 1px 0 0 0; }
div.ViewPanel div.Value { background-color: #f0f0f0; border: 1px solid Silver; border-radius: 3px; padding: 0px 3px; margin: 0 3px; font-weight: normal;  }

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; }

.FieldGroup { margin-bottom: 10px; }
.Field div { display: inline-block; height: 18px; }
.Field div.Label { width: 175px; text-align: right; }
.Field input { height: 25px; }
.Field select { height: 25px; }

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; }

div.PrimaryMenu a { text-decoration: none; margin: 0 10px; border-top: 2px solid transparent; }
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: White; }
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: White; 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: #008000; width: 12px; height: 12px !important; border-radius: 3px; margin-top: 0px; display: block; }
div.InFormFailure { background-color: #ff0000; width: 12px; height: 12px !important; 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 #f0f0f0; }
div.Success { background-color: White; background-position: -12px -300px; }
div.Failure { background-color: White; background-position: -146px -204px; }
div.Help { width: 28px; height: 28px; margin: 0 3px; background: url('/Content/Icons/icons32.png') -146px -252px White; border: 1px solid silver; border-radius: 3px; }
div.Submit { width: 28px; height: 28px; margin: 0 3px; background: url('/Content/Icons/icons32.png') -78px -397px White; border: 1px solid silver; border-radius: 3px; cursor: pointer; }

div.Button { background-image: url('/Content/Icons/buttonEffect.png'); background-position: bottom; background-repeat: repeat-x; border: 1px solid Silver; border-radius: 3px; margin: 0 1px 1px 3px; cursor: default; display: inline-block; padding: 0 6px; }
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: White; background-image: url('/Content/Icons/buttonEffect.png'); background-position: bottom; background-repeat: repeat-x; }
div.BtnAction { cursor: default; background-color: darkgray; }
div.BtnActive { cursor: pointer; background-color: #48b01d; color: White; padding: 1px 3px; }
div.BtnMenu { cursor: pointer; background-color: #d0d0d0; color: Black; padding: 1px 3px; }
div.BtnMenuSelected { cursor: pointer; background-color: #ffd700; color: Black; padding: 1px 3px; }
div.BtnStatus { cursor: default; }
div.BtnInline { background-color: #9fa3ce; color: White; cursor: pointer; 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.Status { background: url('/Content/Icons/buttonEffect.png') bottom repeat-x; color: Black; border: 1px solid Silver; border-radius: 4px; float: left; margin: 5px; padding: 5px 10px; }
div.BtnInline { padding: 0 4px; margin: 1px 0 0; }
div.BtnAction { padding: 3px 10px; margin: 3px 0; }
div.BtnEdit { background-color: #4671d5; color: White; }
div.BtnCancel { background-color: Gray; color: White; background-image: url('/Content/Icons/buttonEffect.png'); text-align: center; }
div.BtnDelete { background-color: Red; color: White;  padding: 0 4px; cursor: pointer; }
div.BtnAdd { background-color: #00c90d; color: White; min-width: 41px; text-align: center; cursor: pointer; border-radius: 4px; }
div.BtnRefresh { background-color: #0d00c9; color: White; min-width: 41px; text-align: center; cursor: pointer; border-radius: 4px; }
div.BtnCart { background-color: #ffa400; color: White; min-width: 41px; text-align: center; }
div.Status { background-image: url('/Content/Icons/buttonEffect.png'); background-position: bottom; background-repeat: repeat-x; border: 1px solid Silver; border-radius: 3px; margin: 0 1px 1px 3px; }
div.StatusInCart { background-color: lightskyblue; color: White; text-align: center; cursor: default; width: 41px; }
div.ButtonsPanel { margin: 5px 0; }

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: White; border: 1px solid silver; border-radius: 4px; padding: 1px 5px; cursor: help; font-size: 8pt; }

#PopupContainer { display: none; position: fixed; z-index: 1000; top: 100px; left: 100px; min-width: 100px; min-height: 100px; padding: 10px; background-color: White; border: 1px solid gray; border-radius: 10px; }
#PopupModal { display: none; position: fixed; z-index: 900; top: 0; left: 0; width: 100%; height: 800px; background-color:Gray; filter:alpha(opacity=50); opacity:0.7; }
.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: White; border: 1px solid gray; border-radius: 10px; }
td.Transcript p { margin: 0; }

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: #ff0000; margin-top: 5px; }
div.Success { color: #00cc00; margin-top: 5px; }

div.Outcome { display: block; width: 14px; height: 14px; border: 1px solid #c0c0c0; border-radius: 3px; }
div.Outcome.Success { background-color: #00cc00; margin: 0; }
div.Outcome.Failure { background-color: #cc0000; margin: 0; }

.Num { width: 80px; text-align: right; }
.Date { width: 80px; text-align: right; }
.DateX { width: 80px; text-align: right; }
.Play, .Resend { background-color: Navy; color: gold; font-size: 9pt; cursor: pointer; }
td.Close { color: Gray; font-size: 9pt; cursor: pointer; }
.Show { cursor: pointer; }
.ExpandAll { color: Gold; font-size: 9pt; cursor: pointer; }

div.Popup { display: none; position: fixed; z-index: 1000; top: 50px; right: 50px; background-color: White; 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: White; 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.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: White; margin: 0 10px; }
tr.Change div.Old { text-decoration: line-through; }
tr.Change div.New { color: darkgreen; }

div.Filter input { width: 80px; }
div.Filter input.Num { width: 50px; }
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; }
span.Primary { background-color: Navy; color: White; padding: 0 3px; margin: 0 4px; cursor: default; }

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.Name { margin: 0 4px; padding: 0 4px; background-color: #c0c0c0; }
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 -117px; width: 22px; height: 18px; }
div.Priority-0 { background: url('/Content/Icons/icons24.png') transparent -133px -117px; width: 22px; height: 18px; }
div.Priority-1 { background: url('/Content/Icons/icons24.png') transparent -108px -117px; 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.Box { background-color: White; border: 1px solid Silver; border-radius: 10px; padding: 20px; margin: 10px 0; display: inline-block; }
div.Link { color: #428bca; display: inline-block; cursor: pointer; }
div.Link:hover { text-decoration: underline; }
div.Error { color: Red; }
#ErrorMessage { color: Red; }
#SuccessMessage { color: DarkGreen; }

div.PopupForm { margin: 40px; }
div.PopupForm { box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); display: none; }
div.PopupForm div.Header { background-color: #f0f0f0; border-bottom: 1px solid #c0c0c0; padding: 5px; font-size: 12pt; }
div.PopupForm div.Header i.Close { color: red; cursor: pointer; float: right; margin: 5px; }
div.PopupForm div.Body { padding: 10px; }
div.PopupForm div.Footer { background-color: #f0f0f0; border-top: 1px solid #c0c0c0; padding: 5px; }
div.PopupForm div.Footer button.Delete { float: right; }
div.PopupForm div.FormErrorList { margin: 10px 0 0; background-color: #f004; border: 1px solid #f00; border-radius: 5px; padding: 10px; color: #f00; display: none; }
div.PopupForm div.FormErrorList ul { margin: 0; }
div.PopupForm div.FormErrorList span.FieldName { font-weight: 600; text-decoration: underline; }

table.NoBorder td { border: none; }
table.Calendar td { padding: 0 0px; font-size: 8pt; }
table.Calendar tr.CalendarDaySaturday td { background-color: #dddddd; }
table.Calendar tr.CalendarDaySunday td { background-color: #eeeeee; }
table.Calendar td.CalendarDay { padding: 0 2px 0 0; text-align: right; border-right: 1px solid Silver; }
table.Calendar td.CalendarDate { padding: 0 4px 0 2px; text-align: right; border-right: 1px solid Silver; }
table.Calendar td.Today { background-color: Navy !important; color: Gold; }
td.Event0 { background-color: transparent; width: 5px; }
td.Event1 { background-color: #ffff00 !important; width: 6px; }
td.Event2 { background-color: #008000 !important; width: 6px; }
td.Event3 { background-color: #ffa500 !important; width: 6px; }
td.Event4 { background-color: #ff0000 !important; width: 6px; }

table.Status div.Status { line-height: 9px; height: 21px; cursor: pointer; }
table.Status div.StatusApproved { background-color: #008000; background-image: none; color: White; }
table.Status div.StatusPending { background-color: #9900ff; background-image: none; color: White; }
table.Status div.StatusRejected { background-color: #ff0000; background-image: none; color: White; }
table.Status div.StatusAlternate { background-color: #ffff00; background-image: none; }
table.Status div.StatusUnderachiever { background-color: #ffa500; background-image: none; color: White; }
table.Status div.StatusDeclined { background-color: #808080; background-image: none; color: White; }
table.Status div.StatusNotConsidered { background-color: #808000; background-image: none; color: White; }

div.Panel { margin: 10px 0 0 0; }

table.FixedReport { margin-right: 5px; }
table.FixedReport td { padding: 0 5px; }

#NominationForm div.Field { display: flex; margin-bottom: 2px; }
#NominationForm div.Label { width: 210px; text-align: right; margin: 4px 5px 0 0; }
#NominationForm div.Info { width: 24px; height: 24px; background: url(/Content/Icons/icons24.png) -59px -188px no-repeat; border: none; padding: 0; margin: 0 5px; }
#NominationForm div.NoInfo { width: 24px; height: 24px; border: none; padding: 0; margin: 0 5px; }
#NominationForm div.Value { background: #f0f0f0; border: 1px solid Silver; border-radius: 3px; line-height: 16px; padding: 1px 4px; margin-top: 3px; height: 18px; }
#NominationForm div.Instructions { width: 24px; height: 24px; background: url('/Content/Icons/icons24.png') -104px -224px no-repeat; margin: 0 5px; }
#NominationForm div.Feedback { margin: 5px; }
#NominationForm textarea { width: 400px; min-width: 400px; max-width: 400px; height: 50px; }
#NominationForm div.InputComment { font-size: 7pt; color: Gray; }
#NominationForm div.ViewPanel div.Value { margin: 0 3px; }

#ApplicationForm div.Field { display: flex; margin-bottom: 2px; }
#ApplicationForm div.Label { width: 210px; text-align: right; margin: 4px 5px 0 0; }
#ApplicationForm div.Info { width: 24px; height: 24px; background: url(/Content/Icons/icons24.png) -59px -188px no-repeat; border: none; padding: 0; margin: 0 5px; }
#ApplicationForm div.NoInfo { width: 24px; height: 24px; border: none; padding: 0; margin: 0 5px; }
#ApplicationForm div.Value { background: #f0f0f0; border: 1px solid Silver; border-radius: 3px; line-height: 16px; padding: 1px 4px; margin-top: 3px; height: 18px; }
#ApplicationForm div.Instructions { width: 24px; height: 24px; background: url('/Content/Icons/icons24.png') -104px -224px no-repeat; margin: 0 5px; }
#ApplicationForm div.Feedback { margin: 5px; }
#ApplicationForm textarea { width: 400px; min-width: 400px; max-width: 400px; height: 50px; }
#ApplicationForm div.InputComment { font-size: 7pt; color: Gray; }
#ApplicationForm div.ViewPanel div.Value { margin: 0 3px; }

table.Form td.Info { width: 24px; height: 24px; background: url('/Content/Icons/icons24.png') -56px -186px no-repeat; border: none; padding: 0; margin: 0; }
table.Form td.Info2 > div { width: 18px; height: 24px; background: url('/Content/Icons/icons24.png') -61px -187px no-repeat; border: none; padding: 0; margin: 0; }

.Tabs { display: flex; border-bottom: 1px solid Silver; }
.Tabs .Tab { background-color: #f0f0f0; border: 1px solid Silver; padding: 1px 10px; margin: 0 2px -1px 3px; cursor: pointer; }
.Tabs .Selected { background-color: #fff; border-top: 3px solid orange; border-bottom: 1px solid #fff; }
.Panels { }
.Panels .Panel { display: none; }
.Panels .Selected { display: block; }
#TotalLengthPanel { position: fixed; z-index: 100; right: 10px; top: 150px; background-color: #fff; border: 1px solid Silver; border-radius: 10px; padding: 10px; display: none; }
#TotalLengthPanel.OverLengthLimit { background-color: rgba(255, 0, 0, 0.4); }
#InstructionsPanel { position: fixed; z-index: 100; right: 10px; top: 215px; background-color: #ffffdd; border: 1px solid #5F0F0B; border-radius: 10px; color: #5F0F0B; padding: 4px 10px 10px; width: 227px; display: none; }

div.Note { background-color: #fff7df; border: 1px solid #cc9966; border-radius: 4px; display: inline-block; padding: 2px 4px; margin: 4px 0; }

.CandidateAddress .Rank { display: inline-block; color: Navy; }
.CandidateAddress .Name { display: inline-block; font-size:14pt; }
.CandidateAddress .Distance { display: inline-block; }
.CandidateAddress .Address a { font-size: 9pt; }

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.Options { margin: 0 0 0 2px; padding: 0; }
ul.Options li { list-style-type: none; }
ul.Options li div { display: inline-block; margin-left: 4px; }
ul.Options li input { float: left; }

div.Primary { display: inline-block; border: 1px solid #000; border-radius: 50%; width: 12px; height: 12px; margin: 2px 5px -2px 0; }
div.Primary.Prim { background-color: #0000ff; }
div.Primary.Sec { background-color: #cccccc; }
div.Verified { display: inline-block; border: 1px solid #000; border-radius: 50%; width: 12px; height: 12px; margin: 2px 5px -2px 0; }
div.Verified.OK { background-color: #00ff00; }
div.Verified.KO { background-color: #ffcc00; }

#Wait { display: none; }
td.Link { color: #428bca; cursor: pointer; }
table.Form td.Value div.CheckboxLabel { vertical-align: top; padding-top: 0px; margin: 0 0 0 4px; line-height: 12px; }
table.Form td.Value input[type='checkbox'] { margin: 0; }

div.PictureBox { background-color: #f0f0f0; border: 1px dashed #c0c0c0; border-radius: 10px; margin: 2px; padding: 6px; min-width: 240px; }
div.PictureBox > div { display: inline-block; vertical-align: top; }
div.Picture { width: 80px; height: 80px; border: 1px solid #c0c0c0; border-radius: 7px; background-size: 80px 80px; }
div.PictureProperties { padding-right: 10px; }

div.ProfilePicture { border: 3px solid black; border-radius: 60px; width: 160px; height: 160px; background: url('/Content/Images/NoPicture.png') -6px -2px Ivory; }
div.Action { border: 1px solid #c0c0c0; border-radius: 4px; color: #fff; cursor: pointer; float: right; font-family: 'Courier New'; font-weight: bold; line-height: 13px; margin-left: 4px; padding: 0 3px; }
div.Action.Select { background-color: #0000cc; }
div.Action.Accept { background-color: #00cc00; }
div.Action.Reject { background-color: #cc0000; }
div.Action.Delete { background-color: #ff0000; color: #ffffff; }

form { background-color: #f0f0f0; border: 1px solid #c0c0c0; border-radius: 5px; padding: 10px; }
.FieldValidation { width: 16px; height: 16px; border: 1px solid #c0c0c0; border-radius: 5px; }
.FieldValidation.FldSuccess { background-color: rgba(0, 204, 0, 0.5); border-color: #00cc00; }
.FieldValidation.FldFailure { background-color: rgba(204, 0, 0, 0.5); border-color: #cc0000; }

.MemberSelection { background-color: rgba(0, 0, 255, 0.1); border: 1px solid #0000ff; border-radius: 3px; cursor: pointer; display: inline-block; padding: 0 4px; margin: 0 2px 2px 2px; }
td.Check { color: #fff; font-size: 1pt; }
td.Check span.glyphicon { color: #000; font-size: 9pt; }
.TdInfo { color: #c0c0c0; font-size: 9pt; }

div.TableHeader { background-color: #f0f0f0; border: 1px solid #c0c0c0; border-radius: 4px; margin: 4px 0 2px 0; padding: 1px 4px; }
ol.Table { min-height: 10px; border: 1px dashed #c0c0c0; }