/*
Classes to use on Fields / with WEB.PRSET etc:
.overflow - Make field bigger than cell - eg field GUI Attribute CSSCLASS=overflow - may also need to set width=100px in internal HTML
TABLE.auto - Set table-layout auto
.nowrap - white-space:nowrap & text-overflow:ellipsis & overflow:hidden
.float-l - float:left & margin-right & margin-bottom
.block - display:block
*/
HTML, BODY {
margin: 0;
padding: 0;
border: none;
}
IMG {
border: none;
vertical-align: top;
}
#maindiv #readbutton A {
}
#maindiv TD.read DIV {
display: inline;
}
#stdbutton {
background-color: #ece9d8;
border-style: outset;
border-width: 2px;
text-align: center;
color: #000;
font-size: 10pt;
text-decoration: none;
font-weight: normal;
cursor: default;
width: 206px;
height: 20px;
}
DIV.basicPage {
}
#maindiv .field-memo {
white-space: normal;
}
.maintable SPAN.ffll {
float: left;
padding-right: 3px;
}
.maintable SPAN.fflr {
float: right;
}
.maintable TD.axhighlight
{
}
.rjust
{
text-align: right;
}
TD.cn A.rjust
{
display: block;
}
.align-center
{
text-align: center;
}
.hanging
{
margin-left: 20px;
margin-bottom: 0px;
margin-top: 0px;
text-indent: -20px;
}
.overflow
{
overflow: visible;
overflow-x: visible;
overflow-y: visible;
position: relative; 
width: 1px;
height: 1px;
}
.nowrap
, .nowrap LABEL
{
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.wrapa A
{
white-space: normal;
}
.hide.hide
, #hidden
{
display: none;
}
TABLE {
table-layout: fixed;
}
TABLE.auto
{
table-layout: auto;
}
BODY
{
}
BUTTON, INPUT, TEXTAREA, SELECT
{
font-size: 100%; 
}
BODY
, TABLE
{
}
.dirty
{
}
.tco-pending
, .maintable TD.ci .tco-pending
, .maintable TD.cs .tco-pending
, .maintable TD.ct .tco-pending
, INPUT.checkbox.tco-pending
, .field-radiogroup.tco-pending
, .field-checkboxes.tco-pending
, #maindiv .tco-textswap.tco-pending
{
}
.basic-msg
{
}
.head
{
}
.float-l
{
float: left;
margin: 0ex 0.5ex 0.5ex 0ex;
}
.block
{
display: block;
height: auto;
width: auto;
}
.accordion > UL
{
list-style: none outside;
margin: 0;
padding: 0;
}
.accordion-sect
{
margin: 5px 0 0 0;
overflow: hidden;
}
.accordion-sect > A
{
display: block;
text-decoration: none;
transition: background 0.2s linear;
}
.accordion-sect-closed > A
{
}
.accordion-sect > A:hover
{
text-decoration: none;
}
.accordion-sect > UL
{
list-style: none outside;
margin: 0;
padding: 0;
}
.accordion-sect-closed > UL
{
display: none;
}
.accordion-sect > UL
{
}
.accordion-func
{
margin: 0;
padding: 0;
}
.accordion-func > A
{
display: block;
text-decoration: none;
transition: background 0.2s linear;
}
.accordion-func > A.mand
{
}
.accordion-func > A.mandsoft
{
}
.accordion-func > A.manddone
{
}
.accordion-func:nth-of-type(even) > A
{
}
.accordion-func > A:hover
{
}
.accordion-func > A > .accordion-right
{
float: right;
}
.accordion-buttons
{
margin: 5px 0 0 0;
text-align: right;
}
.active
{
}
A.active
, DIV.active
{
background-color: transparent;
}
:focus
{
outline: none;
outline-offset: 0;
}
.basic #maintitle H1
{
display: inline;
}
DIV.basicLookupP
{
display: flex;
}
DIV.basicLookupB
{
width: 30px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}
BODY
{
background-repeat: no-repeat;
}
BODY.subscreen
{
background-image: none;
}
BODY.panel
{
}
*
, *:before
, *:after
{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
#buttons
{
left: 0;
position: fixed;
position: static;
right: 0;
z-index: 400;
}
#buttons
, #buttonsB
{
}
.subscreen #buttons
, .subscreen #buttonsB
{
position: static;
}
.panel #buttons
, .panel #buttonsB
, .ipanel #buttons
, .ipanel #buttonsB
{
display: none;
}
#buttons .blank
, #buttonsB .blank
, .basicbuttons .blank
{
display: inline;
}
A.button:empty
{
display: none;
}
#buttons A
{
}
.basicbuttons {
}
A.button
, INPUT.button
{
cursor: pointer;
text-decoration: none;
white-space: nowrap;
}
A.button:hover
, INPUT.button:hover
{
text-decoration: none;
}
A.button
{
display: inline-block;
vertical-align: baseline;
}
A.button.button-above
, INPUT.button.button-above
{
}
A.button.button-above:hover
, #maindiv INPUT.button-above:hover
{
}
A.button.selected
, INPUT.button.selected
{
}
A.button.highlight
, INPUT.button.highlight
, #page A.button.highlight
{
background: #b156a2;
color: #fff;
}
A.button.highlight:hover
, INPUT.button.highlight:hover
{
}
A.button.errorbutton
, INPUT.button.errorbutton
{
}
A.button.hide
{
display: none;
}
A.button.button-read
{
}
A.button.button-read:hover
{
}
A.button.button-new
{
}
A.button.button-new:hover
{
}
A.button.button-save
{
}
A.button.button-save:hover
{
}
A.button.button-saved
{
}
A.button.button-saved:hover
{
}
A.button.button-savex
{
}
A.button.button-savex:hover
{
}
A.button.button-done
{
}
A.button.button-done:hover
{
}
A.button.button-cancel
{
background: #bb352f;
color: #fff;
padding: 3px;
}
A.button.button-cancel:hover
{
}
A.button.button-escape
{
}
A.button.button-escape:hover
{
}
A.button.button-runsearch
{
}
A.button.button-runsearch:hover
{
}
A.button.button-clearsearch
{
}
A.button.button-clearsearch:hover
{
}
A.button.button-l
{
}
A.button.button-l:hover
{
}
A.button.button-ll
{
}
A.button.button-ll:hover
{
}
A.button.button-r
{
}
A.button.button-r:hover
{
}
A.button.button-rr
{
}
A.button.button-rr:hover
{
}
A.button.button-d
{
}
A.button.button-d:hover
{
}
A.button-toggle-on
{
background: url(./c15/svg/collapse_dark.svg) repeat;
width: 20px;
height: 20px;
display: inline-block;
}
A.button-toggle-off
{
background: url(./c15/svg/expand_dark.svg) repeat;
width: 20px;
height: 20px;
display: inline-block;
-webkit-transform: rotate(180deg);
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform: rotate(180deg);
}
A.button-close
{
display: inline-block;
}
A.button.disabled
, INPUT.button.disabled
{
cursor: default;
}
A.button.disabled:hover
, INPUT.button.disabled:hover
{
cursor: default;
}
@media print
{
#buttons
, #buttonsB
{
display: none;
}
}
#cal
{
background: white;
border-color: gray;
border-style: solid;
border-width: 1px;
left: 0;
position: fixed;
table-layout: fixed;
top: 0;
width: auto;
z-index: 500;
}
#cal .calHeader
{
background: white;
}
#cal TD
{
height: 16px;
text-align: center;
vertical-align: middle;
width: 40px;
}
#cal A
{
display: block;
text-decoration: none;
}
#cal A.calThisDate
{
font-weight: bold;
}
#cal A.calThisMonth
{
}
#cal A.calNotThisMonth
{
color: gray;
}
TABLE.calendar .calev 
,TABLE.calendar TR.calh TD 
,TABLE.calendar TD DIV.heading3 
{
overflow: hidden;
padding: 0;
}
TABLE.calendar TR.calh TD 
,TABLE.calendar TR.calh TD 
{
padding-top: 0px;
padding-bottom: 0px;
}
TABLE.calendar .cni
{
background: #eeeeee;
}
TABLE.calendar .calt 
{
position: relative;
height: 67.5em;
}
TABLE.calendar .calt .calev 
{
position: absolute;
width: 100%;
}
TABLE.calendar .evContainer
{
border-left: 1px solid white !important;
border-right: 1px solid white !important;
border-bottom: 1px solid white !important;
padding-left: 2px;
}
TABLE.calendar .calt .calev.expanded
{
border-color: #000;
}
TABLE.calendar .calev .calmenu
{
background-color: transparent;
background-image: none; 
display: inline;
padding: 0 20px 0 0;
}
TABLE.calendar DIV.calev.overflowed A:hover
{
text-decoration: none;
}
TABLE.calendar .calev A.calmenu:hover
,TABLE.calendar DIV.calev.expanded A:hover
{
text-decoration: underline;
}
DIV.calendar.calt1
{
overflow: hidden; 
padding-left: 4em;
}
TABLE.calendar .calrule
{
position: absolute;
left: -4em;
width: 1000%;
height: 1px;
border-top: 1px solid #ccc;
}
TABLE.calendar TD
{
}
.calendar .caldatemenu
{
background: none;
float: right;
padding: 0;
}
#callServerMessage
{
display: none;
padding: 2px 10px 3px 10px;
position: fixed;
right: 0;
top: 0;
z-index: 900;
}
DIV.caslist
{
overflow: auto;
}
DIV.caslist TABLE
{
width: auto;
}
.arc path
{
stroke: #fff;
cursor: pointer;
}
.arcc path
{
stroke: #fff;
}
.eiqPie
{
vertical-align: top;
}
.eiqD3Text
{
font-size: 10px;
cursor: pointer;
}
.eiqD3Line
{
stroke-width: 1;
stroke: #393939;
}
.eiqD3ChartLine
{
fill: none;
stroke: steelblue;
stroke-width: 1.5px;
}
.eiqD3Title
{
font-size: 14px;
cursor: default;
}
.eiqLegend
{
vertical-align: top;
}
.eiqD3Rect
{
cursor: default;
}
.eiqD3RectText
{
font-size: 10px;
cursor: default;
}
.eiqD3Bar
{
cursor: pointer;
}
.axis path,
.axis line {
fill: none;
stroke: #000;
shape-rendering: crispEdges;
}
.x.axis path {
display: none;
}
INPUT[type=checkbox]
{
background-color: transparent;
border: none;
margin: 3px 0 0;
min-height: 0;
padding: 0;
vertical-align: top;
width: auto;
}
.cc
{
padding: 1px 2px 1px 8px;
}
.field-checkboxes
{
display: block;
}
.field-checkboxes > TABLE
{
border-collapse: collapse;
table-layout: auto;
width: 100%;
}
.field-checkboxes > TABLE TD
, .field-checkboxes > SPAN > INPUT
, .field-checkboxes > SPAN > LABEL
{
padding: 0;
vertical-align: middle;
}
.field-checkboxes > SPAN
{
margin-right: 1em;
}
INPUT[type=checkbox]
{
}
INPUT[type=checkbox]:checked
{
}
INPUT[type=checkbox]:disabled
{
}
INPUT[type=checkbox]:checked:disabled
{
}
BODY.conhead #maintitle
{
}
BODY.conhead #buttons
{
display: none;
}
BODY.conhead.pf #maindiv
{
}
BODY.conhead.pf #panelRight
{
}
#sbuttons > #conhead-save
, #sbuttons > #conhead-savex
, #sbuttons > #conhead-more
{
display: none;
}
BODY.conhead #sbuttons.conhead-save > #conhead-save
, BODY.conhead #sbuttons.conhead-savex > #conhead-savex
, BODY.conhead #sbuttons > #conhead-more
{
display: inline-block;
}
#conhead-save
{
display: inline-block;
}
#conhead-savex
{
display: inline-block;
}
#conhead-more
{
display: inline-block;
}
BODY.conhead #sbuttons.conhead-close #sbuttonsLogout
{
}
#contextMenu
{
background: white;
border-color: gray;
border-style: solid;
border-width: 1px;
display: none;
overflow: hidden;
position: fixed;
}
.contextMenuLink
{
display: block;
width: auto;
height: auto;
padding: 4px 8px;
text-decoration: none;
}
.contextMenuLink:hover
{
text-decoration: none;
}
.contextMenuHead
{
padding: 4px 8px;
}
.contextMenuLink.active
{
}
.contextMenuLink STRONG
{
}
.contextMenuDivider
{
}
.contextMenuB
{
display: inline-block;
padding: 4px 8px;
vertical-align: top;
}
.contextMenuLookup
{
}
.contextMenuClose
{
}
.contextMenuInsRow
{
}
.contextMenuDelRow
{
}
.contextMenuExpand
{
position: relative;
background: #eaf5fc url(./c15/svg/btn_expand.svg) no-repeat 50% 50%;
height: 24px;
width: 60px;
padding: 4px 3px 0px 11px;
}
heckbox]:checked.ddxqBODY.dd #mainform .ddxe
{
background-image:
linear-gradient(135deg, rgba(76, 149, 210, 1) 0px, rgba(76, 149, 210, 1) 4px, rgba(0, 0, 0, 0) 4px);
}
BODY.ddq #mainform .ddxq
{
background-image:
linear-gradient(135deg, rgba(210, 149, 76, 1) 0px, rgba(210, 149, 76, 1) 4px, rgba(0, 0, 0, 0) 4px);
}
BODY.dd #mainform .ddx
{
background-image:
linear-gradient(135deg, rgba(230, 90, 90, 1) 0px, rgba(230, 90, 90, 1) 4px, rgba(0, 0, 0, 0) 4px);
}
BODY.dd #mainform SELECT.ddxe
{
background:
linear-gradient(135deg, rgba(76, 149, 210, 1) 0px, rgba(76, 149, 210, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.ddq #mainform SELECT.ddxq
{
background:
linear-gradient(135deg, rgba(210, 149, 76, 1) 0px, rgba(210, 149, 76, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform SELECT.ddx
{
background:
linear-gradient(135deg, rgba(230, 90, 90, 1) 0px, rgba(230, 90, 90, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform SELECT.ddxe:disabled
{
background: lightgray; 
}
BODY.ddq #mainform SELECT.ddxq:disabled
{
background: lightgray; 
}
BODY.dd #mainform SELECT.ddx:disabled
{
background: lightgray; 
}
BODY.dd #mainform INPUT[type=checkbox].ddxe
{
background:
linear-gradient(135deg, rgba(76, 149, 210, 1) 0px, rgba(76, 149, 210, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:checked.ddxe
{
background:
linear-gradient(135deg, rgba(76, 149, 210, 1) 0px, rgba(76, 149, 210, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:disabled.ddxe
{
background:
linear-gradient(135deg, rgba(76, 149, 210, 1) 0px, rgba(76, 149, 210, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:checked:disabled.ddxe
{
background:
linear-gradient(135deg, rgba(76, 149, 210, 1) 0px, rgba(76, 149, 210, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox].ddxq
{
background:
linear-gradient(135deg, rgba(210, 149, 76, 1) 0px, rgba(210, 149, 76, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:checked.ddxq
{
background:
linear-gradient(135deg, rgba(210, 149, 76, 1) 0px, rgba(210, 149, 76, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:disabled.ddxq
{
background:
linear-gradient(135deg, rgba(210, 149, 76, 1) 0px, rgba(210, 149, 76, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:checked:disabled.ddxq
{
background:
linear-gradient(135deg, rgba(210, 149, 76, 1) 0px, rgba(210, 149, 76, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox].ddx
{
background:
linear-gradient(135deg, rgba(230, 90, 90, 1) 0px, rgba(230, 90, 90, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:checked.ddx
{
background:
linear-gradient(135deg, rgba(230, 90, 90, 1) 0px, rgba(230, 90, 90, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:disabled.ddx
{
background:
linear-gradient(135deg, rgba(230, 90, 90, 1) 0px, rgba(230, 90, 90, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
BODY.dd #mainform INPUT[type=checkbox]:checked:disabled.ddx
{
background:
linear-gradient(135deg, rgba(230, 90, 90, 1) 0px, rgba(230, 90, 90, 1) 4px, rgba(0, 0, 0, 0) 4px),
}
.debug {
position:static;
background-color: #fff;
color: #000;
margin: 5px;
padding: 5px;
width: 90%;
border: 1px solid black;
font-family: "Times New Roman", Times, serif;
}
.debug-hidden {
display: none;
}
#dbdisp .dbdispsource {
background-color: #bbb;
padding: 0px 4ex;
margin: 3px 0px;
}
#dlookup
{
display: none;
height: 100%;
left: 0;
margin: 0;
padding: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 500;
height: 80% \9;
left: 5% \9;
top: 10% \9;
width: 90% \9;
}
.dlookup-container
{
display: table-cell;
height: 100vh;
margin: 0;
padding: 0;
text-align: center;
vertical-align: middle;
width: 100vw;
display: block \9;
height: 100% \9;
width: 100% \9;
}
.dlookup-content
{
background: white;
border-color: gray;
border-style: solid;
border-width: 1px;
display: inline-block;
height: auto;
max-height: 80vh;
max-width: 90vw;
min-height: 40vh;
min-width: 20vw;
overflow:auto;
padding: 4px 16px;
text-align: left;
width: auto;
height: 100% \9;
max-height: none \9;
max-width: 100% \9;
min-height: 0 \9;
min-width: 0 \9;
}
#dlookup.nogreyout
{
}
#dlookup.frame
{
height: 80%;
left: 10%;
overflow: hidden;
top: 10%;
width: 80%;
}
#dlookup H1
{
background: transparent;
padding: 0;
}
#dlookup H3
{
background: transparent;
padding: 0;
}
#dlookup_query
{
table-layout: auto;
width: auto;
}
#dlookup_query TD
{
}
#dlookup_results
{
table-layout: auto;
width: auto;
}
#dlookup_results TD
{
}
#dlookup_results TH
{
}
#dlookup INPUT
{
}
#dlookup INPUT[type=checkbox]
, #dlookup INPUT[type=radio]
{
border: none;
}
#dlookup TR.active
{
}
#dlookup.dlookup-txt
{
background: white;
height: 80%;
left: 10%;
overflow: auto;
padding: 4px 16px;
top: 10%;
width: 80%;
}
#dlookup #txtBody
{
bottom: 0;
left: 0;
margin: 90px 15px 16px 15px;
position: absolute;
right: 0;
top: 0;
}
#dlookup #txtInput
{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
height: 100%;
width: 100%;
}
.dlookup-recent
{
font-style: italic;
}
.dlookup-buttonbar
{
white-space: nowrap;
}
.dragClone
{
cursor: move;
opacity: 0.9;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=90)";
padding: 5px;
position: absolute;
white-space: nowrap;
z-index: 500;
}
.dragTargetAble
,#maindiv .dragTargetAble
, .dragTargetAble.dragTargetAble.dragTargetAble > DIV
, .dragTargetAble.dragTargetAble.dragTargetAble > A
, .dragTargetAble.dragTargetAble.dragTargetAble > TD
{
}
.dragHover
,#maindiv .dragHover
, .dragHover.dragHover.dragHover > DIV
, .dragHover.dragHover.dragHover > A
, .dragHover.dragHover.dragHover > TD
{
}
.draggrip
{
}
.draggrip:hover
{
}
.maintable SPAN.draggrip {
cursor: move;
}
.dresizeBar
, .sect.dresizeBar
{
cursor: row-resize;
overflow: hidden;
width: auto;
}
.error
{
background: #fff;
border: 1px solid #a32;
color: #a32;
padding: 4px 8px;
}
.error A
{
color: inherit;
}
.error-div
{
background: #fff;
color: #a32;
position: absolute;
white-space: nowrap;
z-index: 0;
}
.error-active
{
background: #fff;
color: #a32;
z-index: 1;
}
.tco-error
, .maintable TD.ci .tco-error
, .maintable TD.cs .tco-error
, .maintable TD.ct .tco-error
, INPUT.checkbox.tco-error
{
color: #a32;
}
INPUT.tco-error
{
outline: 1px solid #a32;
}
.basic-err
{
}
.error-cell
, .maintable .error-cell
{
height: 30px;
overflow: visible;
position: relative;
}
.fieldHelp
{
bottom: 0;
display: none;
left: 0;
position: fixed;
right: 0;
z-index: 300; 
}
.fieldHelpShowing
{
display: block;
}
.fieldHelpHideButton
{
float: right;
text-decoration: none;
}
.focusswap-html
{
border: 1px solid lightgray;
margin: 0;
padding: 1px 4px;
}
TR.mv .focusswap-html
{
}
.greyout
{
background: #000;
bottom: 0;
display: block;
height: auto;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 0.1s ease, visibility 0.2s step-end;
width: auto;
visibility: hidden;
z-index: 500;
}
.greyout-min
{
opacity: 0.03;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=3)";
transition: opacity 0.1s ease, visibility 0.2s step-start;
visibility: visible;
}
.greyout-max
{
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
transition: opacity 0.1s ease, visibility 0.2s step-start;
visibility: visible;
}
H1
, .heading1
{
white-space: normal;
}
H2
, .heading2
{
white-space: normal;
}
.heading2a
{
white-space: normal;
}
H3
, .heading3
{
white-space: normal;
}
H4
, .heading4
{
font-weight: 600;
white-space: normal;
}
/*
Classes to use on Fields / with WEB.PRSET etc:
.highlight - [Doesn't seem to do anything noww] Highlight table row - eg CALL WEB.PRSET('','FIELDINROW',ROW,'R','CLS','highlight')
.highlight1,.highlight2,.highlight3 - highlights - Red / Amber / Green backgrounds
.highlight-field - (temporary) highlight field - use CALL WEB.SCRIPT.ADD('',"$J('#":FID:"').addClass('highlight-field');")
.traffic-red, .traffic-amber, .traffic-green - Traffic light background colours
.redtext - Red Text
*/
.traffic-red
, .maintable.maintable .traffic-red
{
background-image: none;
background-color: #faa;
}
.traffic-amber
, .maintable.maintable .traffic-amber
{
background-image: none;
background-color: #ffa;
}
.traffic-green
, .maintable.maintable .traffic-green
{
background-image: none;
background-color: #afa;
}
.redtext
, .maintable.maintable .redtext
{
color: #c00;
}
.highlight1
,.highlight2
,.highlight3
{
}
.highlight1
{
}
.highlight2
{
}
.highlight3
{
}
SPAN.highlight1
,SPAN.highlight2
,SPAN.highlight3
{
padding: 2px 4px;
line-height: 1.8em;
}
.hw1
, .hw2
{
}
.hw2
{
line-height: 1.3em;
padding: 0em 0.8em; 
}
.highlight-field
,DIV .maintable TR .highlight-field
{
}
td.reject
, td.reject td
{
background-color: #d1232e !important;
}
td.reject label
{
color: #ffffff;
}
td.accept
, td.accept td
{
background-color: #6eae51 !important;
}
BODY.hoistedhead.nested #maintitle
, BODY.hoistedhead.nested #ntabs-div
, BODY.hoistedhead.nested #buttons
, BODY.hoistedhead.nested #sbuttons
{
display: none;
}
BODY.hoistedhead #nesteds
{
display: none;
height: 0;
overflow: visible;
position: static;
width: 0;
}
BODY.hoistedhead #nesteds > IFRAME
{
display: none;
min-height: 100vh;
min-width: 100vw;
position: static;
}
BODY.hoistedhead.nestedActive
{
overflow: visible;
}
BODY.hoistedhead.nestedActive > #page
{
display: none;
}
BODY.hoistedhead.nestedActive > #nesteds
{
display: block;
}
BODY.hoistedhead.nestedActive > #nesteds > IFRAME.nestedActive
{
display: block;
}
HR
{
}
TD.hr
{
}
.hr-newcard
{
display: none;
}
.field-html {
font-style: normal;
font-weight: normal;
}
.field-html TABLE{
border-collapse: collapse;
border-style: none;
font-style: normal;
table-layout: fixed;
width: 100%;
}
.field-html TD {
border-width: 1px;
padding: 0px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)
{
table colgroup { display: table-row; }
table colgroup col { display: table-cell; }
}
#page
{
background-repeat: no-repeat;
}
#page
, #images-top
, #images-bottom
{
margin: 0 auto;
}
.subscreen #page
{
background-image: none;
}
#mainform
{
background-repeat: no-repeat;
}
.subscreen #mainform
{
background-image: none;
}
/* Alternative image css - used when images are rendered with...
[a id="image-topleft" href="http://www.caci.co.uk"][img alt="CACI" src="$common_files/logos/cacilogo2.jpg"][/a]
(had to use [] not pointy because otherwise WEB.CSS gets tag!)
...rather than as background images (eg in php/mysql s/w)
*/
#image-topleft
, #image-topright
, #images-top
{
overflow: visible;
position: relative;
}
#images-bottom
,#image-bottom
{
position: relative;
}
#image-topleft
{
}
#image-topright
{
}
#image-bottom
{
}
INPUT
{
border: 1px solid lightgray;
margin: 0;
padding: 1px 4px;
}
INPUT.rjust
{
text-align: right;
}
.ci
{
}
.ci INPUT
{
width: 100%;
}
INPUT:disabled
{
background: lightgray;
}
INPUT.file
{
width: 100%;
}
TR.mv .ci
{
}
TR.mv .ci INPUT
{
}
INPUT:focus
{
}
INPUT[type=button]
, INPUT[type=date]
, INPUT[type=password]
, INPUT[type=submit]
, INPUT[type=text]
, INPUT[type=time]
{
border-radius: 0;
-webkit-appearance: none;
}
INPUT[type=button]
{
text-align: left;
}
INPUT[type=number]::-webkit-inner-spin-button
, INPUT[type=number]::-webkit-outer-spin-button
, INPUT[type=date]::-webkit-inner-spin-button
, INPUT[type=date]::-webkit-clear-button
, INPUT[type=time]::-webkit-inner-spin-button
, INPUT[type=time]::-webkit-clear-button
{
-webkit-appearance: none;
margin: 0;
}
INPUT::-ms-clear {
color: #8abc5d;
width: 14px;
}
.label.active
{
background-color: transparent;
}
LABEL
, .label
, .cl
, .cll
, .clt
{
}
.cl
{
padding: 2px 1px 2px 0px;
overflow: hidden;
}
.cll
{
padding: 2px 1px 2px 0px;
padding: 2px 1px 2px 0px;
overflow: hidden;
}
.ctl
{
padding: 2px 1px 2px 0px;
padding: 2px 1px 2px 0px;
vertical-align: bottom;
overflow: hidden;
}
A
, A.label
{
font-weight: normal;
}
A:hover
, A.label:hover
{
}
TD.cn A
{
}
TD.cn A:hover
{
}
TR.zebraOdd TD A
, TR.zebraEven TD A
, TR.highlight TD A
{
}
TR.zebraOdd TD A:hover
, TR.zebraEven TD A:hover
, TR.highlight TD A:hover
{
}
INPUT.link
{
background: transparent;
border: none;
cursor: pointer;
font-weight: normal;
padding: 0px;
margin: 0px;
overflow: visible;
}
INPUT.link:hover
{
}
A.nounderline
, A.nounderline:hover
{
text-decoration: none;
}
.lmcmenu
, TD.cn > A.lmcmenu
{
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
}
.lmcmenu:hover
, TD.cn > A.lmcmenu:hover
{
text-decoration: none;
}
.maintable SPAN.lmcicon
{
cursor: pointer;
}
.lmcmenu:empty
, TD.cn > A.lmcmenu:empty
{
display: none;
}
BODY.login
{
}
BODY.login #maintitle
{
display: none;
}
BODY.login #maindiv
{
display: block;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
DIV.login
{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
DIV.login > P
{
}
.login-label
{
display: block;
margin: 0 0 4px 0;
}
.login-fieldname
{
min-width: 10em;
display: inline-block;
}
.login-fieldnote
{
}
.login-inputtext
{
}
.login-p-buttons
{
}
.login-p-buttons > INPUT.button
{
text-decoration: none;
white-space: nowrap;
}
.login-p-buttons > INPUT.button-login
{
}
.login-p-buttons > INPUT.button:hover
{
text-decoration: none;
}
.login-p-buttons > INPUT.link
{
white-space: nowrap;
}
DIV.login DIV.copyright
{
}
#splash
{
background: transparent;
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
display: none; 
z-index: 999;
}
BODY.splash
{
overflow: hidden;
}
BODY.splash #maindiv
{
display: block;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
DIV.splash
{
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
cursor: pointer;
}
DIV.splash DIV.copyright
{
}
DIV.copyright
,DIV.splash > P
{
}
#logo {
left: 0;
margin: 0 auto;
position: fixed;
right: 0;
top: 0;
transform: none;
-webkit-transform: none;
transition: all 0.5s ease-out, visibility 0.5s step-start;
visibility: visible;
z-index: 850;
}
#logo.logo-tabitems {
transition: all 0.5s ease-in, visibility 0.5s step-end;
visibility: hidden;
}
@media (max-width: 500px) {
#logo {
transition: all 0.2s ease-in, visibility 0.5s step-end;
visibility: hidden;
}
}
@media print
{
#logo
{
display: none;
}
}
#maindiv
{
background-repeat: no-repeat;
display: inline-block; 
left: 0px;
line-height: 1px; 
overflow: visible;
position: static;
}
#maindiv > *
{
line-height: normal; 
}
.subscreen #maindiv
{
left: 0;
position: relative;
top: 0;
}
.panel #maindiv
{
left: 0;
position: relative;
top: 0;
}
.nomaintitle #maindiv
{
top: 0px;
}
.maintable
{
border: none;
margin: 0;
padding: 0;
width: 100%;
}
.maintable TD
{
margin: 0;
vertical-align: top;
}
.maintable-margincol
{
width: 12px;
}
.subscreen .maintable {
}
TR.topblank
, TR.topblank TD
{
height: 0px;
border: none;
padding: 0px;
margin: 0px;
}
TR.topblank TD
{
padding-top: 1px;
}
TR.topblank-b TD
{
}
#maintitle
, #buttons
, #ntabs-div
{
transform: none;
-webkit-transform: none;
overflow: hidden;
transition: all 0.1s ease, visibility 0.1s step-start;
visibility: visible;
}
#sbuttons
{
transition: background 1s ease;
}
.minhead #maintitle
, .minhead #buttons
, .minhead #ntabs-div
, .minhead #logo
{
transition: all 2s ease, visibility 2s step-end;
visibility: hidden;
}
.minhead #sbuttons
{
}
.subscreen #buttons
{
transform: none;
-webkit-transform: none;
}
.mobile
{
}
.mobile #maindiv.i A.button
,.mobile #maindiv A.button
,.mobile A.button
{
}
.mobilex
, #sbuttons .mobilex
{
display: none;
}
.mobile #ntabs-div>A
{
}
.mobile .ntabs-tabitem
{
}
.mobile #sbuttons>A
, .mobile #sbuttons>SPAN
, .mobile .sbuttons>A
, .mobile .sbuttons>SPAN
{
}
.mobile .contextMenuLink
, .mobile .contextMenuB
{
}
BODY.mobile
{
}
.mobile INPUT
, .mobile SELECT
{
}
.mobile .cn
, .mobile .ci.disabled
, .mobile .ct.disabled
, .mobile TD.disabled
, .mobile .ci.disabled > INPUT
, .mobile .ct.disabled > TEXTAREA
{
}
.mobile LABEL
, .mobile .label
, .mobile .cl
, .mobile .cll
, .mobile .clt
{
}
.mobile A.button
, .mobile INPUT.button
{
}
.mobile .contextMenuLink
{
}
.mobile UL.sbxMenu > LI > A
{
}
.mobile #ndrawer A
{
}
.mobile .accordion-func > A
{
}
#maindiv TABLE.n1 {
width: 100%;
border-collapse: collapse;
}
#maindiv .n1 TH {
border-width: 1px;
border-top-style: solid;
border-left: solid;
border-right: solid;
border-bottom-style: solid;
}
#maindiv .n1 TD {
border-width: 1px;
border-top-style: solid;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
}
#ndrawer
{
bottom: 0;
height: auto;
left: 0;
min-width: 25%;
max-width: 75%;
overflow: auto;
overflow-x: hidden;
position: fixed;
top: 0;
transform: translateX(-100%);
-webkit-transform: translateX(-100%);
transition: all 0.2s ease-out, visibility 0.2s step-end;
visibility: hidden;
z-index: 1001;
}
BODY.ndrawer-visible #ndrawer
{
transform: translateX(0);
-webkit-transform: translateX(0);
transition: all 0.2s ease-in, visibility 0.2s step-start;
visibility: visible;
}
#ndrawer A
{
display: block;
text-decoration: none;
}
#ndrawer A:hover
, #ndrawer A.sbxActive
{
}
.ndrawer-divider
{
height: 4em;
}
#ndrawer-greyout
{
background: #000;
bottom: 0;
display: block;
height: auto;
left: 0;
opacity: 0;
position: fixed;
right: 0;
top: 0;
transition: opacity 0.2s ease-out, visibility 0.2s step-end;
width: auto;
visibility: hidden;
z-index: 1000;
}
BODY.ndrawer-visible #ndrawer-greyout
{
opacity: 0.5;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
transition: opacity 0.2s ease-in, visibility 0.2s step-start;
visibility: visible;
}
#ndrawer > .sbxSubmenu
{
max-width: 75vw;
min-width: 25vw;
width: max-content;
width: -moz-max-content;
width: -webkit-max-content;
}
#ndrawer > .sbxSubmenu A.tco-sbxExpand > S
{
}
#ndrawer > .sbxSubmenu A.tco-sbxExpand > S
{
}
#nesteds
{
border: none;
height: 100%;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: -100;
}
BODY.nestedActive > #nesteds
{
visibility: visible;
z-index: 700;
}
BODY.nestedActive
{
overflow: hidden;
}
BODY.nestedActive > #page
{
visibility: hidden;
}
#nesteds > IFRAME
{
background-color: transparent;
height: 100%;
border: none;
left: 0;
margin: 0;
padding: 0;
position: absolute;
top: 0;
visibility: hidden;
width: 100%;
z-index: 0;
}
#nesteds > IFRAME.nestedActive
{
visibility: visible;
z-index: 1;
}
@media print
{
BODY.nestedActive > #page
{
visibility: visible;
}
BODY.nestedActive > #nesteds
{
visibility: hidden;
display: none;
}
}
.cn
, .ci.disabled
, .ct.disabled
, TD.disabled
{
}
.cn > A
{
display: inline-block;
padding: 2px 4px;
}
.cn > DIV
, TD.disabled > DIV
{
background: lightgray;
border: none;
padding: 2px 4px;
overflow: hidden;
text-overflow: ellipsis;
}
.ci.disabled > INPUT
, .ct.disabled > TEXTAREA
{
background: lightgray;
border: none;
padding: 2px 4px;
}
TR.mv .cn
, TR.mv .ci.disabled
, TR.mv .ct.disabled
, TR.mv TD.disabled
{
}
#notif-div
{
background: white;
border: 1px solid gray;
height: auto;
left: 20%;
max-height: 60%;
overflow: auto;
position: fixed;
top: 8px;
width: 60%;
z-index: 900;
}
#notif-ol
{
list-style: none outside;
margin: 0;
padding: 1em;
}
.notif-li
,.notif-li A
{
color: gray;
}
.notif-li
{
margin: 0 0 1ex 0;
padding: 0;
border: 1px solid gray;
border-width: 0 0 1px 0;
}
.notif-li A
{
text-decoration: underline;
}
.notif-latest
,.notif-latest A
,.notif-link-new A
{
color: black;
}
.notif-p
{
margin: 0;
min-height: 1ex; 
}
#notif-head
{
cursor: move;
padding: 1em 0 0 1em;
}
#ntabs-div
{
display: none;
left: 0;
overflow: hidden;
position: fixed;
right: 0;
top: 0;
white-space: nowrap;
z-index: 380; 
}
#ntabs-ndrawer-button
, #ntabs-home-button
, #ntabs-fav-button
, #ntabs-menu-button
, #ntabs-tablist
{
border: 0;
display: inline-block;
padding: 0;
text-decoration: none;
vertical-align: top;
}
#ntabs-ndrawer-button
{
}
#ntabs-home-button
{
}
#ntabs-fav-button
{
}
#ntabs-menu-button
{
}
#ntabs-tablist
{
}
.ntabs-tabitem
{
display: inline-block;
overflow: hidden;
vertical-align: top;
white-space: nowrap;
}
.ntabs-link
{
display: inline-block;
overflow: hidden;
text-decoration: none;
text-overflow: ellipsis;
vertical-align: top;
white-space: nowrap;
}
.ntabs-link:hover
{
text-decoration: none;
}
.ntabs-link.ntabs-active
{
}
.ntabs-tabitem.ntabs-active
{
}
.ntabs-tabclose
{
display: inline-block;
text-decoration: none;
vertical-align: top;
}
.ntabs-tabclose:hover
{
text-decoration: none;
}
@media print
{
#ntabs-div
{
display: none;
}
}
BODY.oda
{
background: #196497;
}
.odaTable
{
border: none;
border-collapse: collapse;
margin: 0;
padding: 0;
table-layout: fixed;
width: 100%;
}
.odaC
{
position: relative;
}
.odaC > IFRAME
{
border: none;
display: block;
width: 100%;
}
.odaP
{
}
.odaH
{
cursor: move;
padding: 0;
}
.odaH > DIV
{
}
.odaColumn
{
overflow: visible;
padding: 0;
vertical-align: top;
}
.odaMargin
{
padding: 0;
}
.odaMarginB
{
padding: 0;
}
.odaRefresh
{
display: none;
overflow: hidden;
position: absolute;
right: 0px;
top: 0px;
}
.odaRefreshable
{
display: block;
}
.odaF
{
cursor: n-resize;
}
.odaSlideSet
{
list-style: none;
white-space: nowrap;
}
.odaSlide
{
display: inline-block;
}
.odaSlide > .odaC
{
margin: 32px 45px 0;
}
.odaSlide > .odaC > IFRAME
{
height: calc(100vh - 208px);
width: 80vw;
}
TABLE.onq
{
border-collapse: separate;
table-layout: auto;
width: auto;
}
TABLE.onq.onq-fixed
{
table-layout: fixed;
}
TABLE.onq.onq-fullwidth
{
width: 100%
}
TABLE.onq TD
{
}
TABLE.onq TD.rjust
{
}
TABLE.onq TD.cn
{
}
TABLE.onq TD.cn > A
{
}
TABLE.onq TR.hidden
{
visibility: hidden;
}
TABLE.onq TR.hidden TD
{
padding: 0 !important;
}
/* These required while tcoow.css contains settings for H1,H2.H3
The tcoow.css settings will be removed during web facelift */
.onq H1
, .onq H2
, .onq H3
{
background: none transparent;
margin: 0;
padding: 0;
}
.onq.zebra TR.zebraOdd TD
{
}
.onq.zebra TR.zebraEven TD
{
}
.oop TABLE
{
table-layout: auto;
}
.oopfoot
{
padding: 3px 3px 3px 20px;
margin-top: 2ex;
font-size: 90%;
}
.oop TD
, .oop TH
{
}
.oop-mod
{
background-color: #f1c40f;
}
.oop-mod1
{
}
.oop-mod2
{
}
.oop-mod3
{
font-weight: bold;
}
.oop-new
{
}
.oop {
}
.oop H1, .oop H2, .oop H3
{
}
.oop TD
, .oop TH
{
border-style: solid none;
border-width: 1px;
padding: 2px 12px 2px 0px;
}
.oop TABLE
{
border-collapse: collapse;
}
@media print
{
.oopfoot
{
padding-left: 5px;
}
.oop TD, .oop TH
{
border-style: none;
}
}
.ouf-mand
{
background: transparent url(./c15/svg/asterisk_red.svg) no-repeat 3px 4px;
padding: 0 0 0 15px;
}
.ouf-mandsoft
{
background: transparent url(./c15/svg/asterisk_amber.svg) no-repeat 3px 4px;
padding: 0 0 0 15px;
}
.ouf-index-bar
{
width: 100%;
white-space: nowrap;
overflow-x: scroll;
overflow-y: hidden;
padding-bottom: 10px;
}
.ouf-index-item
{
display: inline;
}
.ouf-index-section.ouf-index-section
{
margin-top: 0px;
left: 0px;
z-index: 100;
position: fixed;
}
.changes-new
{
color: #00f;
text-decoration:underline;
}
.changes-del
{
color: #f00;
text-decoration:line-through;
}
.comment 
{
color: #000;
background-color: #BEC;
border: 1px solid;
padding: 0em 0.8em; 
line-height: 1.3em;
}
a.ouf-anchor
{
display: block;
position: relative;
top: -125px;
visibility: hidden;
}
a.ouf-anchorh
{
display: block;
position: relative;
top: -194px;
visibility: hidden;
}
#panelBottom
, #panelLeft
, #panelRight
, #panelTop
{
z-index: 300;
}
BODY.ipanel #maindiv
{
width: 100%;
}
/*
Position Fixed -
Menu bar is position:fixed instead of using div with overflow:auto
*/
BODY.pf
{
height: auto;
width: auto;
}
.pf #maindiv
{
height: auto;
left: 0;
position: relative;
top: 0;
width: auto;
}
.pf #nesteds
{
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: auto;
height: auto;
overflow: auto;
}
.pf #nesteds IFRAME
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
overflow: auto;
}
.pf-spacer
{
height: 0px;
}
.pf #panelRight
{
position: fixed;
top: 0;
right: 0;
height: 100%;
border-style: solid;
border-color: transparent;
border-width: 0;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}
@media print
{
.pf #maintitle
{
position: static;
}
.pf #maindiv
{
}
}
.prevlogin
{
float: right;
}
@media print {
.noprint {
display: none;
}
* {
box-shadow: none !important;
transition: none !important;
}
}
@media screen {
.printonly {
display: none;
}
}
.printmode {
background-color: white;
}
.printmode .noprint {
display: none;
}
.printmode .printonly {
display: inline;
}
.progressmeter
{
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: -1;
}
.progressmeter-container
{
position: relative;
z-index: 1;
}
INPUT[type=radio]
{
background-color: transparent;
border: none;
min-height: 0;
padding: 0;
vertical-align: top;
}
.cr
{
background-color: transparent;
}
.field-radiogroup
{
display: block;
}
.field-radiogroup > TABLE
{
border-collapse: collapse;
table-layout: auto;
width: 100%;
}
.field-radiogroup > TABLE TD
, .field-radiogroup > SPAN > INPUT
, .field-radiogroup > SPAN > LABEL
{
padding: 0;
vertical-align: middle;
}
.field-radiogroup > SPAN
{
margin-right: 1em;
}
INPUT[type=radio]
{
}
INPUT[type=radio]:checked
{
}
INPUT[type=radio]:disabled
{
}
INPUT[type=radio]:checked:disabled
{
}
.tco-control-richtext
{
background: lightgray;
border: none;
overflow: hidden;
padding: 2px 4px;
}
.cke_editable
{
border: 1px solid lightgray;
padding: 1px 4px;
}
TR.mv .cke_editable
{
}
.cke_focus
{
}
.cke.cke_chrome
{
}
.cke_panel
{
}
.cke_dialog .cke_dialog_body
{
}
.tco-control-richtext OL
, .tco-control-richtext OL OL OL OL
, .tco-control-richtext OL OL OL OL OL OL OL
{
list-style-type: decimal;
}
.tco-control-richtext OL OL
, .tco-control-richtext OL OL OL OL OL
{
list-style-type: lower-alpha;
}
.tco-control-richtext OL OL OL
, .tco-control-richtext OL OL OL OL OL OL
{
list-style-type: lower-roman;
}
.tco-control-richtext UL
{
list-style-type: square;
}
#sbuttons
,.sbuttons
{
position: fixed;
right: 0;
top: 0;
z-index: 400;
}
.subscreen #sbuttons
{
position: fixed;
right: 0;
top: 0;
}
.panel #sbuttons
, .ipanel #sbuttons
{
display: none;
}
#sbuttons>A
, #sbuttons>SPAN
,.sbuttons>A
, .sbuttons>SPAN
{
display: inline-block;
text-decoration: none;
vertical-align: top;
}
#sbuttons A:hover
,.sbuttons A:hover
{
}
#sbuttons A.hide
,.sbuttons A.hide
{
display: none;
}
#sbuttonsRefresh
{
}
#sbuttonsNotBusy
{
}
#sbuttonsBusy
{
}
#sbuttonsHelp
{
}
#sbuttonsClose
{
}
#sbuttonsLogout
{
}
@media print
{
#sbuttons
, .sbuttons
{
display: none;
}
}
UL.sbxMenu
{
display: block;
list-style-position: inside;
list-style-type: none;
margin: 0;
padding: 0;
}
UL.sbxMenu > LI
{
display: block;
margin: 0;
padding: 0;
}
DIV.sbxMenu
{
padding: 0;
}
UL.sbxMenu > LI > A
{
display: block;
height: auto;
text-decoration: none;
vertical-align: bottom;
width: auto;
}
UL.sbxMenu > LI > A.sbxActive
{
background: #fdf1fb;
text-decoration: none;
}
UL.sbxMenu > LI > .sbxSubmenu
{
max-height: 0;
max-width: 0;
overflow: hidden;
transition: none;
}
UL.sbxMenu > LI.sbxExpanded > .sbxSubmenu
{
max-height: 1000em;
max-width: none;
transition: max-height ease-in 1s;
}
UL.sbxMenu > LI > A > S
{
display: inline-block;
}
UL.sbxMenu > LI > A.tco-sbxExpand > S
{
transition: transform 0.2s ease;
}
UL.sbxMenu > LI.sbxExpanded > A.tco-sbxExpand > S
{
transform: rotate(90deg);
-webkit-transform: rotate(90deg);
}
::-webkit-scrollbar
{
}
::-webkit-scrollbar-track
{
}
::-webkit-scrollbar-thumb
{
}
::-webkit-scrollbar-thumb:horizontal
{
}
::-webkit-scrollbar-thumb:vertical
{
}
.sect
{
display: block;
position: relative;
vertical-align: top;
z-index: 1;
}
.sect-first
{
}
.sect-newcard
{
}
.subscreen .sect
{
}
.panel .sect
{
}
.panel .sect-newcard
{
}
.sect-linear
, .panel .sect-linear
{
padding: 8px 15px 8px 15px;
width: auto;
}
.sect-newcard:before
{
display: block;
line-height: 0;
overflow: visible;
position: relative;
}
SELECT
{
height: auto;
margin: 0;
min-height: 0\9; 
padding-right: 0\9; 
}
.cs
{
background: transparent;
}
.cs SELECT
{
width: 100%;
}
SELECT:disabled
{
background: lightgray; 
}
SELECT[size]
{
}
SELECT[size]:disabled
{
background: lightgray; 
}
TR.mv .cs
{
}
TR.mv .cs SELECT
{
}
SELECT:focus
{
}
SELECT
{
border-radius: 0;
-webkit-appearance: none;
}
SELECT::-ms-expand
{
}
U
, .wingdings
, A.wingdings
{
font-family: wingdings;
font-size: 12pt;
font-style: normal;
font-weight: normal;
text-decoration: none;
vertical-align: top;
}
S
, SPAN.bullet
{
font-family: "Courier New", Courier, monospace;
font-style: normal;
font-weight: normal;
text-decoration: none;
}
S.u
{
font-family: "Arial Unicode MS", sans-serif;
}
.maintable DIV.tco-control-signature
{
border: 1px solid lightgray;
position: relative;
}
.maintable DIV.tco-control-signature A
{
position: absolute;
bottom: 2px;
right: 2px;
}
#maindiv .ui-slider {
overflow: visible;
margin: 0px 1.8em 0px 1em; 
}
#maindiv .ui-slider A.ui-slider-handle {
text-decoration: none;
font-weight: normal;
text-align: center;
width: auto;
padding-left: 0.2em;
padding-right: 0.2em;
}
#spell-text
{
}
.spell-error
{
text-decoration: none;
}
.spell-corrected
{
text-decoration: none;
}
.spell-suggests
{
display: none;
max-height: 30em;
overflow: auto;
overflow-y: scroll; 
position: absolute;
}
.spell-suggests A
{
display: block;
height: auto;
white-space: nowrap;
width: auto;
}
TH
{
text-align: left;
}
TH
, THEAD TD
{
}
TH LABEL
, TH .label
, THEAD LABEL
, THEAD .label
{
}
TH A
, TH A.label
, THEAD A
, THEAD A.label
{
}
TH A:hover
, TH A.label:hover
, THEAD A:hover
, THEAD A.label:hover
{
}
.tco-tbox UL
{
list-style-position: inside;
list-style-type: none;
margin: 0px auto;
padding: 0px;
}
.tco-tbox LI
{
float: left;
list-style: none;
white-space: nowrap;
}
.tco-tbox .tboxDel
{
text-decoration: none;
}
.tco-tbox INPUT {
background-color: transparent;
}
#tcomboDiv
{
overflow: auto;
overflow-x: hidden;
position: absolute;
z-index: 500;
}
#tcomboDiv A
{
display: block;
height: auto;
text-decoration: none;
width: auto;
}
#tcomboDiv A.active
{
}
.tcomboValues
{
display: none;
}
TEXTAREA
{
border: 1px solid lightgray;
margin: 0;
padding: 1px 4px;
}
.ct
{
}
.ct TEXTAREA
{
resize: vertical; 
vertical-align: top;
width: 100%;
}
TR.mv .ct
{
}
TR.mv .ct TEXTAREA
{
}
TEXTAREA:focus
{
}
TEXTAREA
{
border-radius: 0;
-webkit-appearance: none;
}
#toolbar
{
position: fixed;
white-space: nowrap;
}
#toolbar A
{
}
#maintitle
{
position: fixed;
position: static;
z-index: 370; 
}
#maintitle #home
{
display: inline;
}
#maintitle SPAN
, #maintitle H1
{
margin: 0;
padding: 0;
}
#maintitle A
{
font-weight: normal;
}
#maintitle A:hover
{
}
.subscreen #maintitle
{
left: 0;
position: fixed;
right: 0;
width: auto;
}
.panel #maintitle
, .ipanel #maintitle
{
display: none;
}
.breadcrumb
{
}
@media print
{
#maintitle
, .subscreen #maintitle
{
display: block;
height: auto;
position: static;
}
}
.zebra
{
}
TR.zebraOdd TD
{
}
TR.zebraEven TD
{
}
.zebra THEAD TD
, .zebra TH
{
}
TR.highlight TD
{
}
TR.highlight TD.ce
{
background-color: transparent;
}
.zebra TR.highlight TD.ce
{
}
TR.highlight TD
, TR.zebraOdd TD
, TR.zebraEven TD
{
}
TR.highlight TD.ci
, TR.zebraOdd TD.ci
, TR.zebraEven TD.ci
{
}
TR.highlight TD.ci INPUT
, TR.zebraOdd TD.ci INPUT
, TR.zebraEven TD.ci INPUT
{
}
TR.highlight TD.ci.disabled INPUT
, TR.zebraOdd TD.ci.disabled INPUT
, TR.zebraEven TD.ci.disabled INPUT
{
}
TR.highlight TD.cc
, TR.zebraOdd TD.cc
, TR.zebraEven TD.cc
{
padding: 1px 2px 1px 8px;
}
TR.highlight .cn > A
, TR.zebraOdd .cn > A
, TR.zebraEven .cn > A
{
}
TR.highlight .cn > DIV
, TR.zebraOdd .cn > DIV
, TR.zebraEven .cn > DIV
{
}
/*# sourceMappingURL=tcoow-!!portal.css.sourcemap */