/* HTML Defaults
** No classes or IDs define these styles. Pseudo selectors are okay. */
/*a, a:link, a:visited {color: #00F;}*/
/*a:active, a:hover {color: #F00;}*/
/*a.disabled {color: #999 !important; cursor: default;}*/
/*div {zoom: 1;}*/
/*fieldset {border: 1px solid black;}*/
/*input[type='button'], input[type='reset'], input[type='submit'], a.faux-button {padding: 1px 6px; font-size: 0.9em; color: black; text-decoration: none; background: #ddd; border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);}*/
/*input[type='text'] {padding: 1px;}*/
/*input[type='button'].active, input[type='reset'].active, input[type='submit'].active, a.faux-button.active {border-color: black; border-width: 2px;}*/
/*input[type='button'].large, input[type='reset'].large, input[type='submit'].large, a.faux-button.large {padding: 5px 12px;}*/
/*input[type='button'].large-text, input[type='reset'].large-text, input[type='submit'].large-text, a.faux-button.large-text {padding: 5px 12px;font-size:1.5em;}*/
/*input[type='button']:not([disabled]):hover, input[type='reset']:not([disabled]):hover, input[type='submit']:not([disabled]):hover, a.faux-button:not([disabled]):hover {color: black; background-color: #eee;cursor: pointer;}*/
/*input[type='button'][disabled], input[type='reset'][disabled], input[type='submit'][disabled], a.faux-button[disabled] {opacity: 0.6; box-shadow: none;}*/
/*input[readOnly], select[readOnly], textarea[readonly] {background-color: #EBEBE4; color: #545454;}*/
/*label em {color: red;}*/
/*label {display: block; width: 100%;}*/
/*sub {top: .2em;}*/
/*sup, sub {vertical-align: baseline; position: relative; top: -.4em; color: #C00;}*/
/*table th, table td {text-align: left;}*/
/*table:not(.auto-width) {width: 100%;}*/
/*table th.even, table td.even {background-color: #FFF;}*/
/*table th.no-border-bottom, table td.no-border-bottom {border-bottom: none;}*/
/*table th.no-border-left, table td.no-border-left {border-left: none;}*/
/*table th.no-border-right, table td.no-border-right {border-right: none;}*/
/*table th.no-border-top, table td.no-border-top {border-top: none;}*/
/*table th.odd, table td.odd {background-color: #DDD;}*/
/*table tr td.nowrap, table tr th.nowrap {white-space: nowrap;}*/
/*table tr.header-row {border-bottom: solid 2px #BBB;}*/
/*table tr.no-border-bottom > th, table tr.no-border-bottom > td {border-bottom: none;}*/
/*table tr.no-border-top > th, table tr.no-border-top > td {border-top: none;}*/
/*table tr.unsaved-row { background-color: #FFC !important; }*/
/* Generics
** [.class|#id] {} definitions only. No qualifying HTML elements. */
/* IDs
*****/
/* Classes
*********/
.alert-black-text-black {background: url('/tpWheels/images/icons/warning_black.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:black;}
.alert-blue-text-blue {background: url('/tpWheels/images/icons/warning_blue.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:blue;}
.alert-gray-text-gray {background: url('/tpWheels/images/icons/warning_gray.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:gray;}
.alert-green-text-green {background: url('/tpWheels/images/icons/warning_green.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:green;}
.alert-orange-text-orange {background: url('/tpWheels/images/icons/warning_orange.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:orange;}
.alert-purple-text-purple {background: url('/tpWheels/images/icons/warning_purple.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:purple;}
.alert-red-text-red {background: url('/tpWheels/images/icons/warning_red.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:red;}
.alert-yellow-text-yellow {background: url('/tpWheels/images/icons/warning_yellow.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:yellow;}
.alert-orange-text-red {background: url('/tpWheels/images/icons/warning_orange.png') no-repeat left; list-style: none; padding: 0px 0px 0px 20px; color:red;}
.alert-box {border: 1px solid #333; background-color: white;}
.alert-box p {margin: 3px; color: #930;}
.auto-width {display: list-item; list-style: none; float: left; clear: left;}
.auto-width.float-left, .auto-width.float-right {clear: none;}
.background-color-light-blue {background-color: #CFF;}
.border-bottom {border-bottom: 1px solid black !important; padding-bottom: 1em !important;}
.border-left {border-left: 1px solid black !important; padding-left: 1em !important;}
.border-right {border-right: 1px solid black !important; padding-right: 1em !important;}
.border-top {border-top: 1px solid black !important; padding-top: 1em !important;}
.center {text-align: center;}
.clear-after:after {content: '.'; visibility: hidden; clear: both; height: 0; overflow: hidden; display: block;}
.clear-fix {clear: both; zoom: 0;}
.clear-left {clear: left;}
.clear-right {clear: right;}
.float-left {float: left; margin-right: 1em;}
.float-right {float: right; margin-left: 1em;}
.font-size-110 {font-size: 110% !important;}
.font-size-120 {font-size: 120% !important;}
.font-size-130 {font-size: 130% !important;}
.font-size-150 {font-size: 150% !important;}
.font-size-200 {font-size: 200% !important;}
.ghost {color: #999;}
.help-bubble {border-bottom: 1px dotted black; cursor: help;}
.hidden {display: none !important;}
.indent {margin-left: 1.5em;}
.double-indent {margin-left: 3em;} /* What does it mean? */
.inline {display: inline;}
.inline-box {display: list-item; list-style: none; float:left; margin-right: 1em;}
.invisible {visibility: hidden;}
.listing-flash-highlight.success td {background-color: rgb(232, 241, 229) !important;}
.listing-flash-highlight.err td {background-color: rgb(248, 231, 230) !important;}
.make-caps:not(:input) {text-transform: uppercase;}
.no-margin-bottom {margin-bottom: 0em !important;}
.no-margin-left {margin-left: 0em !important;}
.no-margin-right {margin-right: 0em !important;}
.no-margin-top {margin-top: 0em !important;}
.no-padding {padding: 0em !important;}
.no-padding-bottom {padding-bottom: 0em !important;}
.no-padding-left {padding-left: 0em !important;}
.no-padding-right {padding-right: 0em !important;}
.no-padding-top {padding-top: 0em !important;}
.no-rounded-corners {border-radius: 0px !important;}
.normal {font-weight: normal;}
.nowrap {white-space: nowrap;}
.number, .number input, .number textarea, .numeric, .numeric input, .numeric textarea {text-align: right;}
.overline {text-decoration: overline;}
.small-margin-bottom {margin-bottom: 1em !important;}
.strike {text-decoration: line-through !important;}
.temp-flash {position: fixed; display: none; top: 0px; left: 0px; width: 100vw; height: 100vh; background-color: rgba(77, 77, 77, 0.45);}
.temp-flash .flash-area {font-size: 1.2em; position: fixed; display: block; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.temp-flash .flash-success, .temp-flash .flash-err {background-image: none !important; border-width: 0px;}
.temp-flash .flash-box {padding: 1em !important;}
.text-black {color:black !important;}
.text-blue {color:blue !important;}
.text-gray {color:gray !important;}
.text-green {color:green !important;}
.text-maroon {color:#900 !important;}
.text-orange {color:orange !important;}
.text-purple {color:purple !important;}
.text-red {color:red !important;}
.text-yellow {color:yellow !important;}
.underline {text-decoration: underline;}
/* Elements
** [HTML element].|# {} definitions only. */
/* IDs
*****/
div#export-prompt ul.sortable > li {margin-bottom: 0;}
div#query-paging {background-color: #69C; width: 100%; color: white;}
div#query-paging ul {margin: .5em;}
div#query-paging ul li {line-height: 1.5em; margin-bottom: 0;}
div#query-paging ul li a, div#query-paging ul li a:hover, div#query-paging ul li a:active, div#query-paging ul li a:visited {text-decoration: none; color: white;}
div#tooltip {line-height: 1.75em;}
div#tooltip table {margin: 0;}
/* Classes
*********/
a.clear-field {color: #999 !important; text-decoration: none; font-weight: bold; display: inline-block; padding: 0 0.5em;}
a.link-with-icon {line-height: 16px;}
a.link-with-icon img {padding-right: 4px; vertical-align: middle;}
a.link-with-icon-left img {padding-left: 4px;}
div.fax-and-print-link-container li:not(:last-child) {margin-right: .5em;}
div.fill-links {position: relative; float: right; min-width: 12px; height: 12px; margin-top: 4px; margin-right: .25em;}
div.fill-links img.fill-down {bottom: 0%;}
div.fill-links img.fill-up {top: 0%;}
div.fill-links img.fill-up, div.fill-links img.fill-down {position: absolute; cursor: pointer; right: 0%;}
div.loading-mask {position: absolute; top: 0; left: 0; background: #FFF; opacity: 0.7; filter: alpha(opacity=70); text-align: center;}
div.loading-mask img {vertical-align: center;}
div.progress-bar-container {position: relative; border: 1px solid black; width: 100px;}
div.progress-bar-container div.progress-bar, div.progress-bar-container p {position: absolute; top: 0; left: 0; width: 100%; /*For the progress-bar div, this value is overwritten via an inline style*/}
div.scroller {color: #444; background: white; border: 1px solid black; border-width: 3px 1px;}
div.scroller, div.scroller-x, div.scroller-y {padding: 0em 1em; margin: 1em 0; max-height: 25em; overflow: scroll;}
div.scroller-extra-extra-large {max-height: 750px; overflow-y: scroll;}
div.scroller-extra-large {max-height: 500px; overflow-y: scroll;}
div.scroller-extra-small {max-height: 50px; overflow-y: scroll;}
div.scroller-large {max-height: 250px; overflow-y: scroll;}
div.scroller-medium {max-height: 175px; overflow-y: scroll;}
div.scroller-small {max-height: 100px; overflow-y: scroll;}
div.scroller-x {overflow-y: auto;}
div.scroller-y {overflow-x: auto;}
dl.data-list {margin: 0em 0em 1em 0em;}
dl.data-list dt {font-weight: bold;}
dl.data-list dt, dl.data-list dd {color: #369; float: left; margin-bottom: .25em;}
dl.data-list dt:first-child {clear: none;}
dl.data-list.horizontal-list dd:not(:last-child) {margin-right: 1.5em;}
dl.data-list:not(.horizontal-list) dd {margin-left: .5em;}
dl.data-list:not(.horizontal-list) dt {clear: left;}
dl.data-soft-highlight dd {color: #900;}
dl.horizontal-list dt, dl.horizontal-list dd {float: left; margin: 0em .5em 0em 0em;}
em.star {color: red;}
fieldset.two-col {margin: 0 0 1em; padding: 0 1em 0 0; border: none; border-bottom: 1px solid #bbb;}
fieldset.two-col > div {margin-left: 15em;}
fieldset.two-col > legend {padding: 0; margin: 0; float: left; width: 15em; font-weight: bold; color: #555;}
fieldset.two-col.top-border {padding-top: 1em; border-top: 1px solid #bbb;}
h1.small, h2.small, h3.small, h4.small, h5.small, h6.small, li.small, p.small, span.small, td.small, th.small {font-size: 90%;}
hr.divider {margin: 1em 0em; color: #EEE;}
input.empty-field, textarea.empty-field {color: #AAA;}
input.input-datetime {width:10em;}
label.inline {display: inline; width: auto;}
select.l, input.l, textarea.l, td.l {width:17em;}
select.m, input.m, textarea.m, td.m {width:13em;}
select.ml, input.ml, textarea.ml, td.ml {width:15em;}
select.s, input.s, textarea.s, td.s {width:7em;}
select.sm, input.sm, textarea.sm, td.sm {width:9em;}
select.xl, input.xl, textarea.xl, td.xl {width:21em;}
select.xs, input.xs, textarea.xs, td.xs {width:5em;}
select.xxl, input.xxl, td.xxl{width:25em;}
select.xxs, input.xxs, textarea.xxs, td.xxs {width:3em;}
select.xxxs, input.xxxs, textarea.xxxs, td.xxxs {width:2em;}
select.xxxxs, input.xxxxs, textarea.xxxxs, td.xxxxs {width:1em;}
span.error-message:not(.hidden) {display: block; padding-top: 0.25em; color: red;}
span.facade-data {border-bottom: 1px solid #FC6;}
span.faux-button label {padding: 1px 6px 1px 2px; font-size: 0.9em;}
span.faux-button {display: inline-block; font-size: 0.9em; color: black; text-decoration: none; background: #ddd; border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4);}
span.faux-button.large label {padding: 5px 12px 5px 4px; font-size: 1.2em;}
span.formatted-date-time span:nth-child(2) {margin-left: .75em;} /*Push the time format span off of the date format if both are present*/
table.data-view {margin: 0em; border: none; width: auto; background-color: transparent;}
table.data-view tbody tr {background-color: transparent;}
table.data-view tbody tr td, table.data-view tbody tr th, table.data-view thead tr th {border: none; padding: 0em 1em .5em 0em; font-size: 100%; vertical-align: top;}
table.data-view tbody tr td:not(.numeric) {text-align: left;}
table.data-view thead tr th {text-align: left;}
table.data-view tbody tr th, table.data-view thead tr th {font-weight: bold; text-align: right;}
table.data-view thead.center-aligned tr th {text-align: center;}
table.input-table tbody td {background-color: #FFF;}
table.input-table tbody th:not(.left-align) {text-align: right;}
table.input-table tbody th.left-align {text-align: left;}
table.input-table tbody tr:not(:last-child) td {border-bottom: 1px solid #BBB !important;}
table.input-table th {background-color: #DDD !important; border-bottom-width: 1px !important; color: black !important;}
table.input-table th, table.input-table td {white-space: nowrap; border-color: #BBB;}
table.print-table {width: 100%; border: none;}
table.print-table tbody tr {border-top: 1px solid #bbb;}
table.print-table td, table.print-table th {padding-right: 2em; border: none;}
table.print-table td.note {color: #555;}
textarea.l {height:10em; width:40em;}
textarea.m {height: 8em; width:30em;}
textarea.ml {height:10em; width:30em;}
textarea.s {height: 4em; width:25em;}
textarea.sm {height: 6em; width:30em;}
textarea.xl {height:12em; width:40em;}
textarea.xs {height:4em; width:20em;}
textarea.xxl {height:14em; width:50em;}
textarea.xxs {height: 2em; width:15em;}
textarea.xxxs {height:2em; width:10em;}
ul.horizontal-center-list:not(.indent):not(.double-indent), ul.horizontal-list:not(.indent):not(.double-indent), ul.vertical-list:not(.indent):not(.double-indent) {margin: 0;}
ul.horizontal-center-list {margin-bottom: 1em; text-align: center;}
ul.horizontal-center-list li {display: inline; margin: 0em 1em 0em 0em;}
ul.horizontal-center-list li.last-child, ul.horizontal-list li.last-child, ul.horizontal-center-list > li:last-child, ul.horizontal-list > li:last-child {margin-right: 0em;}
ul.horizontal-center-list li.no-label, ul.horizontal-list li.no-label {padding-top: 1.2em;}
ul.horizontal-center-list.large-margin-bottom > li, ul.horizontal-list.large-margin-bottom > li, ul.vertical-list.large-margin-bottom > li:not(:last-child) {margin-bottom: .75em;}
ul.horizontal-center-list.medium-margin-bottom > li, ul.horizontal-list.medium-margin-bottom > li, ul.vertical-list.medium-margin-bottom > li:not(:last-child) {margin-bottom: .5em;}
ul.horizontal-center-list.no-margin-bottom > li, ul.horizontal-list.no-margin-bottom > li, ul.vertical-list.no-margin-bottom > li {margin-bottom: 0em;}
ul.horizontal-center-list.small-margin-bottom > li, ul.horizontal-list.small-margin-bottom > li, ul.vertical-list.small-margin-bottom > li:not(:last-child) {margin-bottom: .25em;}
ul.horizontal-list > li ul.vertical-list li {float: none;}
ul.horizontal-list > li {margin: 0em 1em 1em 0em; float: left;}
ul.horizontal-list > li, ul.horizontal-center-list li, ul.vertical-list li {list-style: none;}
ul.horizontal-list > li.header, ul.horizontal-center-list li.header {font-weight: bold; color: #336699;}
ul.horizontal-list li.float-right {float: right;}
ul.horizontal-list.three-col li {width: 33%; margin-right: 0em;}
ul.scroller {height: 25em; min-width: 15em; overflow: scroll; border: 1px solid black;}
ul.scroller li:nth-child(even) {background-color: #FFF;}
ul.scroller li:nth-child(odd) {background-color: #DDD;}
ul.scroller li {border-bottom: 1px solid black;}
ul.scroller:not(.sortable) li {padding: .25em .5em;}
ul.scroller-large {max-height: 50em; min-width: 15em; overflow: scroll; border: 1px solid black;}
ul.scroller-large li:nth-child(even) {background-color: #FFF;}
ul.scroller-large li:nth-child(odd) {background-color: #DDD;}
ul.scroller-large li {border-bottom: 1px solid black;}
ul.scroller-large:not(.sortable) li {padding: .25em .5em;}
ul.sortable, .sortable[data-sortableelementsselector] {margin-left: 0em;}
ul.sortable > li, .sortable[data-sortableelementsselector] > * {list-style: none; padding: 3px .5em 3px 18px;}
ul.sortable > li:not(.locked), .sortable[data-sortableelementsselector] > *:not(.locked) {background: url('/tpWheels/images/icons/movable_black.png') no-repeat left;}
ul.vertical-list > li {margin: 0em 0em 1em 0em;}
ul.vertical-list > li.last-child {margin-bottom: 0em;}
ul.vertical-list.large {width: 300px;}
ul.vertical-list.medium {width: 200px;}
ul.vertical-list.medium-large {width: 250px;}
ul.vertical-list.small {width: 100px;}
ul.vertical-list.small-medium {width: 150px;}
ul.vertical-list.x-large {width: 350px;}
ul.vertical-list.x-small {width: 50px;}
ul.tree-list li {margin-left: 1em;}
/* UI:
*****/
/* Flash
*******/
.flash-box > *:last-child {margin-bottom: 0;}
.flash-box ul.form-errors li {margin-left: 0; margin-bottom: 0.25em;}
.flash-box ul.form-errors li:last-child {margin-bottom: 0;}
.flash-box {width: 30em; line-height: 16px; padding: 0.25em 8px 0.25em 32px; border: 1px solid black; border-radius: 5px; background-repeat: no-repeat; background-position: 8px 0.25em; margin-bottom: 1em;}
.flash-box.auto-width {width: auto !important;}
.flash-err > p {margin-bottom: 0.25em;}
.flash-err {color: #C00; border-color: #C00; background-image: url(/tpWheels/images/icons/error.png);}
.flash-job {color: #B83; border-color: #B83; background-image: url(/tpWheels/images/spinners/job.gif);}
.flash-msg {color: #369; border-color: #369; background-image: url(/tpWheels/images/icons/information.png);}
.flash-success {color: green; border-color: green; background-image: url(/tpWheels/images/icons/check.png);}
.flash-warning {color: #B83; border-color: #B83; background-image: url(/tpWheels/images/icons/warning.png);}
/* Input
*******/
div.assigner-container {margin: 1em 0;}
div.assigner-container div.filter-container, div.assigner-container div.filter-form {font-size: 0.9em;}
div.assigner-container div.filter-form {display: none;}
div.assigner-container p.row-count {font-size: 0.85em;}
div.assigner-container select.input-multiple {min-width: 150px; margin: 0.5em 0;}
div.assigner-container select.right-selector option.top {font-weight: bold;}
div.assigner-container ul.assigner-list li label {font-weight: bold;}
div.assigner-container ul.assigner-list li {margin-top: 0; margin-right: 1em;}
div.assigner-container ul.assigner-list li {text-align: center;}
div.assigner-container ul.assigner-list ul.vertical-list li {margin: 0 0 2px;}
div.assigner-container ul.assigner-list ul.vertical-list {margin-top: 1.5em; margin-right: 0;}
div.ui-association div.additional-info {display: none; margin: 0 1em 1em 1em;}
div.ui-association div.new-row {display: none;}
div.ui-association.automatic div.new-row {display: block;}
div.ui-association.manual div.row {border-bottom: 1px solid #ccc; margin-bottom: 1em;}
/* Listing
*********/
div.table-listing {
position: relative;
}
div.table-listing div.table-header {
margin-bottom: 1em;
}
div.table-listing div.table-header .container {
display: flex;
}
div.table-listing div.table-header .container:first-child {
justify-content: flex-end;
align-items: center;
}
div.table-listing div.table-header .container:first-child a + a {
margin-left: 1em;
}
div.table-listing div.table-header .container:first-child + .pagination-fields {
margin-top: 1em;
}
div.table-listing div.table-header .container:first-child a.link-with-icon img {
height: 24px;
}
div.table-listing div.table-header .container.pagination-fields .horizontal-list {
padding-left: 0px;
display: flex;
flex-direction: row;
align-items: flex-end;
margin-bottom: 0;
}
div.table-listing div.table-header .container.pagination-fields .horizontal-list li {
float: none;
margin-bottom: 0px;
}
div.table-listing div.table-header .container.pagination-fields .horizontal-list li:not(:last-of-type) {
margin-right: 1em;
}
div.table-listing div.table-header .container.pagination-fields > .horizontal-list {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
}
div.table-listing div.table-header .container.pagination-fields > .horizontal-list .records {
grid-area: 1/1/2/2;
justify-self: start;
}
div.table-listing div.table-header .container.pagination-fields > .horizontal-list .page-links {
grid-area: 1/1/2/3;
justify-self: center;
}
div.table-listing div.table-header .container.pagination-fields > .horizontal-list .pagination-size {
grid-area: 1/2/2/3;
justify-self: end;
}
div.table-listing div.table-header .container.pagination-fields > .horizontal-list > li {
margin: 0;
}
div.table-listing div.table-header .container.pagination-fields .page-links .horizontal-list {
align-items: center;
}
div.table-listing div.table-header .container.pagination-fields .page-links a {
color: #005292;
padding: 0 .5em;
border-radius: 1em;
display: block;
}
div.table-listing div.table-header .container.pagination-fields .page-links li.arrow a {
padding: 0;
}
div.table-listing div.table-header .container.pagination-fields .page-links a.current {
background-color: #087cb9;
color: white;
}
div.table-listing div.table-header .container.pagination-fields .page-links a:hover {
text-decoration: none;
}
div.table-listing div.table-header .container.pagination-fields .page-links a:hover:not(.current) {
color: #087cb9;
}
div.table-listing div.table-header .container.pagination-fields .page-links .arrow svg {
height: .85em;
width: .85em;
}
div.table-listing div.table-header .container.pagination-fields .pagination-size .numbered-rows {
margin-bottom: .5em;
}
div.table-listing table {
width: 100%;
}
div.table-listing table thead th, div.table-listing table tbody td, div.table-listing table tfoot td, div.table-listing table tfoot th {
padding: .5em .5em .5em 0;
}
div.table-listing table thead th {
text-align: left;
color: #767676;
font-weight: normal;
}
div.table-listing table th.numeric, div.table-listing table td.numeric {
text-align: right;
white-space: nowrap;
}
div.table-listing table th.center, div.table-listing table td.center {
text-align: center;
}
div.table-listing table thead th a.sort {
display: inline-block;
color: inherit;
}
div.table-listing table thead th a.sort:hover {
text-decoration: none;
}
div.table-listing table thead th a.sort > span {
margin-right: .5em;
}
div.table-listing table thead th a.sort > span, div.table-listing table thead th a.sort > img {
display: inline-block;
vertical-align: middle;
}
div.table-listing table thead tr,
div.table-listing table tbody tr:not(:last-of-type) {
border-bottom: 1px solid #DDDDDD;
}
div.table-listing table tfoot tr.aggregate-row:not(.grand-total-row),
div.table-listing table tfoot tr.grand-total-row-header {
border-top: 1px solid #DDDDDD;
}
div.table-listing table tfoot th {
text-align: left;
}
div.table-listing table tbody td.option-links a+a {
margin-left: .5em;
}
/*
div#faux-thead {position: fixed; top: 0; z-index: 1000;}
div#faux-thead, div#faux-thead div.pagination-fields a {color: #fff;}
div.float-with-floating-t-head-clone {position: fixed; top: 0; z-index: 1001; margin-bottom: 0em;}
div.range-slider {margin: .25em 0em .25em .5em; width: 125px;}
div.table-header form.sort-fields li.sort-list ul li.refresh {margin-right: 0.5em;}
div.table-header form.sort-fields li.sort-list {margin-right: 0;}
div.table-header form.sort-fields.highlight-drop {background-color: red;}
div.table-header li.query .conn {color: red;}
div.table-header li.query .op {color: red;}
div.table-listing div.table-header li.query span.val a {margin-right: 0.3em;}
div.table-listing form.filter-inputs.expandable {display: none;}
div.table-listing table caption {margin: 0; padding: 0; text-align: left;}
div.table-listing table tr.row-border > th, div.table-listing table tr.row-border > td {border-top: 1px solid black; border-bottom: 1px solid black;}
div.table-listing.no-row-borders table tbody th, div.table-listing.no-row-borders table tbody td {border: none;}
div.table-listing table tfoot td, div.table-listing table tfoot th, div.table-listing table tr.double-border td, div.table-listing table tr.double-border th {border-top-width: 2px;}
div.table-listing table th.right-border-thick, div.table-listing table td.right-border-thick {border-right-width: 2px;}
div.table-listing table > tbody > tr > td > div.combined-with-previous {color: #666;}
div.table-listing table tbody tr.hover {background-color: #EEE;}
div.table-listing table tr.spinner td {padding-left: 38px; height: 28px; background: #FFF url(/tpWheels/images/spinners/default.gif) 5px center no-repeat;}
div.table-listing table tbody tr.highlight {background-color: #999; border: 1px solid black; border-width: 1px 0px;}
div.table-listing table tbody tr.highlight-on-input-focus {background-color: #FC0 !important;}
div.table-listing table thead th.sort-asc, div.table-listing table thead th.sort-asc a, div.table-listing table thead th.sort-desc, div.table-listing table thead th.sort-desc a {color: #C00;}
div.table-listing div.table-header, div.table-listing table caption {line-height: 24px; color: #FFF; background: #DDD; border: 1px solid #999; border-width: 0 1px;}
span.range-values {font-size: .8em;}
table td.numbered, table th.numbered {text-align: right; display: none;}
table tr.edit-form-row > td {border-bottom: 1px solid #bbb;}
table tr.edit-form-row td h2 span.important {font-weight: normal;}
table tr.edit-form-row {background-color: #FFF !important; display: none;}
table tr.editing-row {background-color: #FFC !important; font-weight: bold; border-bottom: 1px solid #bbb; border-top: 1px solid #bbb;}
div#sidebar {position: absolute; margin-top: 0.5em; padding: 0 15px 0 0; background: #777 url(/tpWheels/images/arrows/sidebar-expand.png) right center no-repeat; border: 1px solid #555; border-width: 1px 1px 1px 0;}
div#sidebar:hover {background-color: #AAA;}
div#sidebar.expanded {background-image: url(/tpWheels/images/arrows/sidebar-collapse.png);}
div#sidebar form {margin: 0; padding: 1em; background: #FFF; min-height: 500px; border-right: 1px solid #555; overflow: hidden;}
.sidebar-fields {display: none;}
*/
/* Step Form & Edit Section
**************************/
div.edit-section > div.content, form.step-form fieldset.step div.content {margin: 1em; margin-left: 3em;}
div.edit-section > h3 > span.link, form.step-form fieldset.step > h3 span.link {float: right; margin-left: 1em;}
div.edit-section > h3, form.step-form fieldset.step > h3 a {color: #444;}
div.edit-section > h3, form.step-form fieldset.step > h3 {margin: 0; padding: 0.4em; background: #eee; border: 1px solid #ccc;}
div.edit-section, form.step-form fieldset.step {margin: 0 0 0.5em; padding: 0; border: none;}
form.step-form fieldset.active-step > h3 a {color: #fff;}
form.step-form fieldset.active-step > h3 {background: #aaa; border: 1px solid #888;}
form.step-form fieldset.active-step > h3:hover {background: #aaa;}
form.step-form fieldset.step > h3 a.goto {text-decoration: none;}
form.step-form fieldset.step > h3 span.link {display: none;}
form.step-form fieldset.step > h3:hover {background: #ddd;}
form.step-form fieldset.step div.content {display: none;}
/* Tabs
******/
div.tab-container {margin: 1em 0; border-left: 1px solid black}
div.tab-container div.loading {height: 50px;}
div.tab-container div.tab-content {clear: both; color: black; background: white; border: 1px solid black; border-width: 1px 1px 1px 0;}
div.tab-container div.tab-content-item {padding: 0.8em;}
div.tab-container ul.tab-list li a {display: block; padding: 0.6em 1em; padding: 0.6em 1em; color: #777; background: #ddd;}
div.tab-container ul.tab-list li a {text-decoration: none;}
div.tab-container ul.tab-list li {border: 1px solid black; border-width: 1px 1px 0 0;}
div.tab-container ul.tab-list li {font-size: 0.9em;}
div.tab-container ul.tab-list li {margin: 0;}
div.tab-container ul.tab-list li.focus a {color: black; background: white;}
div.tab-container ul.tab-list li.modified a span.modified {color: red;}
div.tab-container.dynamic div.tab-content-item {display: none;}
/* Facebox
**********/
div#facebox h2:first-of-type, div#facebox .content:first-of-type > :first-child.float-right {margin-right: 60px;} /* Ensure the title of the Facebox has enough push to not sit under the Facebox reload, move, and close icons */
/* Resource Editor
*****************/
div.resource-editor {background: #FFF; margin-bottom: 1em;}
div.resource-editor div.section div.border-box {background: #FFF; padding: 1em 1em 0 1em; border: 1px solid #999; margin-bottom: 1em;}
div.resource-editor div.section div.scrolling {max-height: 500px; overflow-y: scroll;}
div.resource-editor div.section div.section-header > h3, div.resource-editor div.section div.section-header > h4 {font-size: 1em;}
div.resource-editor div.section div.section-header h3 {margin: 0em;}
div.resource-editor div.section div.section-header {border-bottom: 1px solid #999; background-color: #DDD; border-radius: 10px 10px 0px 0px; -moz-border-radius: 10px 10px 0px 0px; margin: 0em -1em 1em -1em; padding-left: 1em; padding-top: .5em; padding-bottom: .5em;}
div.resource-editor div.section {position: relative; min-width: 300px; padding: 0em 1em 1px 1em;}
div.resource-editor div.section-header ul.section-links {margin: 0; position: absolute; top: 0.25em; right: 1em;}
div.resource-editor div.section.active div.section-header > ul.section-links {display: none;}
div.resource-editor div.section.active {background: #DFD;}
div.resource-editor div.section.large-zone {width: 64%;}
div.resource-editor div.section.medium-zone {width: 30%;}
div.resource-editor div.section.selected {background: #DFD;}
div.resource-editor div.section.disabled {border: 1px dashed #999; border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 1em; padding-bottom: .5em;}
div.resource-editor div.section.disabled a.edit {display: none;}
div.resource-editor div.section.small-zone {width: 20%; min-width: 100px;}
div.resource-editor div.section.x-large-zone {width: 98%;}
div.resource-editor div.section.incomplete {border: 1px solid #CC0000; border-radius: 10px; -moz-border-radius: 10px; margin-bottom: 1em; padding-bottom: .5em;}
div.resource-editor div.section.incomplete a.edit {width: 40px; text-align: right; display: block; background: url('/tpWheels/images/icons/warning_red.png') no-repeat left;}
div.resource-editor div.section {border: 1px solid #999; border-radius: 10px; -moz-border-radius: 10px; box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.4); margin-bottom: 1em; padding-bottom: .5em;}
div.resource-editor-container {border: 1px solid black; padding: 1em; margin: 1em; border-radius: 10px; -moz-border-radius: 10px;}
/* Context Menu
**************/
div.context-menu ul.vertical-list li a {color: #666 !important; text-decoration: none !important;}
div.context-menu ul.vertical-list li {margin-bottom: 0.5em !important; font-size: 11px !important;}
div.context-menu ul.vertical-list li:first-child {margin-top: 0.5em !important;}
div.context-menu ul.vertical-list li:hover {text-decoration: underline !important;}
div.context-menu {display: none; position: absolute; padding: 5px; border-radius: 0px 3px 3px 3px; background-color: #FFF; z-index: 1; border: 1px solid #AAA; border-top: none;}
div.context-menu-top {content: ""; position: absolute; top: 0; height: 4px; border-top: 1px solid #AAA; border-radius: 0px 3px 0px 0px;}
span.context-menu {cursor: pointer; color: #999; padding: 0px 2px 0px 2px; margin-right: 2px;}
span.context-menu.on {background-color: #FFF; border-radius: 3px 3px 0px 0px; border: 1px solid #AAA; border-bottom: none; margin-right: 0px;}
/* jQuery UI Overrides
*********************/
.ui-autocomplete {max-height: 160px; overflow-y: auto; overflow-x: hidden; /* prevent horizontal scrollbar */ padding-right: 20px; /* add padding to account for vertical scrollbar */}
.ui-autocomplete-input {margin: 0; font-size: 13px; border: 2px inset #eee; border-radius: 0;}
.ui-dialog.no-close .ui-dialog-titlebar-close {display: none;}
.ui-drag-over {background: #EEE;}
.ui-draggable {border: 1px dashed #777; padding: 0.5em; cursor: move;}
.ui-draggable-dragging {background: #EEE;}
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
.ui-widget {font-size: 11px;}
.ui-widget.ui-button-icon-only {margin-left: -1px; font-size: 8px; vertical-align: top; border: 2px inset #eee; border-left: 1px solid #bbb;}
.ui-widget.ui-button-icon-only .ui-button-text {padding: 0.35em;}
.ui-widget-content a {color: #222 !important;}