body { }
.Header { height: 24px; background-color: #000; padding: 2px 5px; }
.Nav ul { margin: 0; padding: 0 }
.Nav li { list-style-type: none; float: left; margin-right: 20px; }
.Nav li a { color: #fff; }
div.Page { margin: 0 10px 50px; }
div.HeaderName { display: inline-table; line-height: 22px; margin: 0 10px; font-weight: bold; border-right: 1px solid White; padding-right: 10px; width: 50px; }
div.HeaderItem { display: inline-table; line-height: 19px; cursor: pointer; padding: 0px 5px; margin-left: 10px; margin-top: 2px; }
div.Buttons div { display: inline-block; }
div.Button { line-height: 18px; background: url('/Content/Images/buttonEffect.png') bottom repeat-x #c0c0c0; border: 1px solid silver; border-radius: 4px; padding: 4px; text-align: center; margin: 4px; color: White; width: 100px; }
div.BtnAction { cursor: pointer; }
div.BtnActive { background-color: #00c90d; cursor: pointer; }
div.BtnEdit { background-color: #4671d5; color: White; cursor: pointer; }
div.BtnDelete { background-color: Red; color: White; cursor: pointer; }
div.BtnAdd { background-color: #00c90d; color: White; min-width: 41px; text-align: center; cursor: pointer; }
div.BtnSubmit { background: url('/Content/Icons/icons32.png') -180px -303px #eee; height: 20px; width: 22px; float: right; cursor: pointer; }
table.Data { border-collapse: collapse; }
table.Data tr.Active { background-color: #e6f3d7; }
table.Data tr.Inactive { background-color: #fec3bd; }
table.Data tr.Even { background-color: #dce6f1; }
table.Data tr.Odd { background-color: #ffffff; }
table.Data thead th { border: 1px solid silver; padding: 2px 5px; margin: 0px; background: url('/Content/Images/buttonEffect.png') repeat-x bottom #e0e0e0; cursor: default; }
table.Data td { background-color: #fff; border: 1px solid silver; padding: 1px 5px; margin: 0px; white-space: nowrap; }
table.Data a { text-decoration: none; }
table.Data div.InfoIcon { background: url('/Content/Icons/icons32.png') -82px -257px; height: 18px; width: 25px; }
table.Data tr.Info { background-color: ivory; }
table.Data tr.Total td { background-color: #e0e0e0; }
table.Data td.Details { padding: 0; }
table.Data tfoot td { background-color: #fff; border: 1px solid #c0c0c0; padding: 2px 5px; }
table.TableSorter thead th { cursor: pointer; }
table.Data tr.Highlight td { background-color: gold; }
table.Data tr.HighlightDelete td { background-color: rgba(204, 0, 0, 0.5); }
table.Data td.Edit { border: none; }
table.Data td.View { border: none; }
table.Data td.Close { border: none; }
table.Data td.Update { border: none; }
table.Data td.Delete { border: none; }
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; }
td.Edit { font-size: 9pt; font-weight: normal; text-decoration: none; color: DarkBlue; cursor: pointer; text-align: center; }
td.Refresh { font-size: 9pt; font-weight: normal; text-decoration: none; color: Indigo; cursor: pointer; text-align: center; }
td.View { font-size: 9pt; font-weight: normal; text-decoration: none; color: DarkGreen; cursor: pointer; text-align: center; }
td.Run { font-size: 9pt; font-weight: normal; text-decoration: none; color: Gold; cursor: pointer; background-color: Navy; text-align: center; }
td.Print { font-size: 9pt; }
td.Close { font-size: 9pt; font-weight: normal; text-decoration: none; color: Gray; cursor: pointer; text-align: center; }
td.Update { font-size: 9pt; font-weight: normal; text-decoration: none; color: #ffd800; cursor: pointer; text-align: center; }
td.Delete { font-size: 9pt; font-weight: normal; text-decoration: none; color: Red; cursor: pointer; text-align: center; }
td.Action { font-size: 9pt; font-weight: normal; text-decoration: none; color: Navy; cursor: pointer; text-align: center; }
table.Form { border-collapse: collapse; }
table.Form td { background-color: #fff; border: 1px solid #c0c0c0; padding: 1px 5px; }
table.Form td.Label { vertical-align: top; padding: 4px 5px 0 5px; text-align: right; background-color: #E6F0FA; height: 29px; }
table.Form td.Caption { vertical-align: top; padding: 1px 2px 0 5px; text-align: right; background-color: #E6F0FA; }
table.Form td.Input { background-color: #fff; padding-bottom: 2px; }
table.Form td.Mandatory { vertical-align: top; color: Red; font-weight: bold; }
table.Form td.Value { }
table.Form td.Value a { text-decoration: none; }
table.Form td.Value p { margin: 0; }
table.Form td.Feedback { border: 0px solid #fff; }
table.Form td.BtnUpdate { border: none; }
table.View td.Label { border-bottom: 1px solid silver; }
table.View td.Value { border-bottom: 1px solid silver; }
table.Clean { border-collapse: collapse; }
table.Clean td { border: none; }
div.Empty { margin: 10px; padding: 10px; border: 1px solid silver; background-color: white; }
div.Link { cursor: pointer; white-space: nowrap; }
div.InFormSuccess { background-color: Green; width: 12px; height: 12px; border-radius: 3px; margin-top: 3px; margin-left: 3px; float: left; display: none; }
tr.Hover { background-color: #f0f0f0 !important; }
tr td.Hover { background-color: #f0f0f0 !important; }
ul.Buttons { padding: 0; margin: 5px 0 10px; height: 14px; }
ul.Buttons li { list-style-type: none; float: left; margin-right: 5px; }
span.Error { color: Red; }
div.Error { color: Red; }
/*div.Add { background: url("/Content/Images/buttonEffect.png") repeat-x scroll center bottom #B2F0FF; border: 1px solid silver; border-radius: 3px; display: inline-block; font-size: 8pt; padding: 0 3px; cursor: pointer; }*/
div.Edit { background: url("/Content/Images/buttonEffect.png") repeat-x scroll center bottom #B2F0FF; border: 1px solid silver; border-radius: 3px; display: inline-block; font-size: 8pt; padding: 0 3px; cursor: pointer; }
div.Delete { background: url("/Content/Images/buttonEffect.png") repeat-x scroll center bottom #FFB2B2; border: 1px solid silver; border-radius: 3px; display: inline-block; font-size: 8pt; padding: 0 3px; cursor: pointer; }
div.Close { float: right; background: url("/Content/Images/buttonEffect.png") repeat-x scroll center bottom #F0F0F0; border: 1px solid #C0C0C0; border-radius: 2px; color: #333333; float: right; line-height: 10px; padding: 0 3px 3px; cursor: pointer; }
#Form div.Close { margin: -15px; }
div.QuickForm div.Close { margin: -15px; }
.Shadow { -moz-box-shadow: 5px 5px 9px #999; -webkit-box-shadow: 5px 5px 9px #999; box-shadow: 5px 5px 9px #999; }
div.Wait { display: none; background-color: White; width: 120px; padding: 2px 5px; }
.Ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0; }
#ErrorStack { background-color: #c0c0c0; color: #f00; padding: 5px; border-top: 1px solid #808080; }
#Error { color: #f00; }
#Success { color: #393; }
#CountDownPopup { position: fixed; z-index: 1000; top: 50%; left: 50%; width: 240px; height: 100px; margin: -50px 0 0 -120px; padding: 10px; background-color: #fafafa; border: 1px solid #c0c0c0; border-radius: 10px; text-align: -moz-center; display: none; }
#CountDownMessage { margin: 20px 0; }
#Counter { color: #33c; }
#ResetButton { white-space: nowrap; width: 125px; }
#CountDownModal { position: fixed; z-index: 999; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(48, 48, 48, 0.5); display: none; }
table.Tabs { width: 100%; }
table.Tabs td { border-bottom: 1px solid #c0c0c0; min-width: 10px; }
table.Tabs td.Tab { background-color: #f0f0f0; border: 1px solid #c0c0c0; padding: 3px 15px 0; cursor: pointer; white-space: nowrap; }
table.Tabs td.Tab.Selected { background-color: #fff; border-bottom: 1px solid #fff; border-top: 5px solid orange; }
table.Tabs td.Spacer { border-top: 0 solid #fff; width: 20px; }
table.Tabs td.Trailer { border-top: 0 solid #fff; width: 90%; }
div.Panels { padding: 10px; border: 1px solid #c0c0c0; border-top: none; margin-bottom: 10px; background-color: #fff; }
div.Panels div.Panel { display: none; }
div.Panels div.Panel.Selected { display: block; }
div.Panels table.Data td.Edit { background-color: #fff; }
div.Panels table.Data td.View { background-color: #fff; }
div.Panels table.Data td.Close { background-color: #fff; }
div.Panels table.Data td.Delete { background-color: #fff; }
div.Panels table.Form td.BtnUpdate { background-color: #fff; }
.PageTitle { font-size: 14pt; font-weight: bold; }
.APIActions .Button { white-space: nowrap; width: auto; padding-right: 10px; }
input { width: 400px; }
input[type=checkbox] { width: 20px; }
.TestPages { margin: 0 0 0 5px; padding: 0; display: none; }
.TestPages li { cursor: pointer; border: 1px solid #c0c0c0; border-left: 4px solid #c0c0c0; background-color: #f0f0f0; list-style-type: none; margin: 2px; padding: 0 3px; }
td.Label { width: 160px; }
div.Method { border: 1px solid #c0c0c0; border-radius: 2px; margin: 0 5px 0 3px; width: 12px; height: 12px; }
div.GET { background-color: #0094ff; }
div.POST { background-color: #4cff00; }
div.PATCH { background-color: #ffd800; }
div.DELETE { background-color: #ff0000; }
div.Section { border-left: 1px solid #c0c0c0; border-radius: 15px 0 0 15px; padding: 10px; background-color: wheat; margin-bottom: 5px; }
td.BtnUpdate { border: none; color: #ffa500; cursor: pointer; }
#Instructions { background-color: rgba(193,171,121,.4); border: 1px solid #634c27; border-left-width: 10px; border-radius: 5px; padding: 5px 0 5px 20px; margin: 20px 0; }
.JSON .package { margin-left: 0; }
.Container { display: inline-grid; margin: 10px 0 10px 0; border: 1px solid #c0c0c0; border-radius: 6px 6px 0 0; background-color: #fff; }
.DocHead { margin: 0 0 10px 0; border-bottom: 1px solid #c0c0c0; border-radius: 6px 6px 0 0; background-color: #f0f0f0; padding: 2px 10px; }
.Doc { display: inline-block; width: 12px; height: 12px; border: 1px solid #c0c0c0; border-radius: 3px; background-color: #33f; margin: 1px 5px 0 0; }
.Obj { display: inline-block; width: 12px; height: 12px; border: 1px solid #c0c0c0; border-radius: 3px; background-color: #3b3; margin: 1px 5px 0 0; }
.Fields { padding: 0 10px 10px; }
.Field { }
.DataType { display: inline-block; background-color: rgba(30, 30, 224, 0.2); border: 1px solid #33c; border-radius: 3px; font-size: 8pt; min-width: 60px; text-align: center; margin-right: 10px; padding: 0 3px; }
.FieldName { display: inline-block; font-family: 'Courier New'; }