726 lines
14 KiB
CSS
Executable file
726 lines
14 KiB
CSS
Executable file
@charset "UTF-8";
|
|
/* CSS Document */
|
|
|
|
.flexigrid
|
|
{
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
position: relative;
|
|
border: 0px solid #eee;
|
|
overflow: hidden;
|
|
color: #000;
|
|
}
|
|
|
|
.flexigrid.hideBody
|
|
{
|
|
height: 26px !important;
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.ie6fullwidthbug
|
|
{
|
|
border-right: 0px solid #ccc;
|
|
padding-right: 2px;
|
|
}
|
|
|
|
.flexigrid div.nDiv
|
|
{
|
|
background: #eee url(../images/flexigrid/line.gif) repeat-y -1px top;
|
|
border: 1px solid #ccc;
|
|
border-top: 0px;
|
|
overflow: auto;
|
|
left: 0px;
|
|
position: absolute;
|
|
z-index: 999;
|
|
float: left;
|
|
}
|
|
|
|
.flexigrid div.nDiv table
|
|
{
|
|
margin: 2px;
|
|
}
|
|
|
|
.flexigrid div.hDivBox
|
|
{
|
|
float: left;
|
|
padding-right: 40px;
|
|
}
|
|
|
|
.flexigrid div.bDiv table
|
|
{
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
.flexigrid div.bDiv table.autoht
|
|
{
|
|
border-bottom: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
.flexigrid div.nDiv td
|
|
{
|
|
padding: 2px 3px;
|
|
border: 1px solid #eee;
|
|
cursor: default;
|
|
}
|
|
|
|
.flexigrid div.nDiv tr:hover td, .flexigrid div.nDiv tr.ndcolover td
|
|
{
|
|
background: #d5effc url(../images/flexigrid/hl.png) repeat-x top;
|
|
border: 1px solid #a8d8eb;
|
|
}
|
|
|
|
.flexigrid div.nDiv td.ndcol1
|
|
{
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
.flexigrid div.nDiv td.ndcol2
|
|
{
|
|
border-left: 1px solid #fff;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
.flexigrid div.nDiv tr:hover td.ndcol1, .flexigrid div.nDiv tr.ndcolover td.ndcol1
|
|
{
|
|
border-right: 1px solid #d2e3ec;
|
|
}
|
|
|
|
.flexigrid div.nDiv tr:hover td.ndcol2, .flexigrid div.nDiv tr.ndcolover td.ndcol2
|
|
{
|
|
border-left: 1px solid #eef8ff;
|
|
}
|
|
|
|
.flexigrid div.nBtn
|
|
{
|
|
position: absolute;
|
|
height: 24px;
|
|
width: 14px;
|
|
z-index: 900;
|
|
background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;
|
|
border: 0px solid #ccc;
|
|
border-left: 1px solid #ccc;
|
|
top: 0px;
|
|
left: 0px;
|
|
margin-top: 1px;
|
|
cursor: pointer;
|
|
display: none;
|
|
}
|
|
|
|
.flexigrid div.nBtn div
|
|
{
|
|
height: 24px;
|
|
width: 12px;
|
|
border-left: 1px solid #fff;
|
|
float: left;
|
|
background: url(../images/flexigrid/ddn.png) no-repeat center;
|
|
}
|
|
|
|
.flexigrid div.nBtn.srtd
|
|
{
|
|
background: url(../images/flexigrid/wbg.gif) repeat-x 0px -1px;
|
|
}
|
|
|
|
|
|
.flexigrid div.mDiv
|
|
{
|
|
background: url(../images/flexigrid/wbg.gif) repeat-x top;
|
|
border: 1px solid #ccc;
|
|
border-bottom: 0px;
|
|
border-top: 0px;
|
|
font-weight: bold;
|
|
display: block;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
}
|
|
|
|
.flexigrid div.mDiv div
|
|
{
|
|
padding: 6px;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.flexigrid div.mDiv div.ptogtitle
|
|
{
|
|
position: absolute;
|
|
top: 4px;
|
|
right: 3px;
|
|
padding: 0px;
|
|
height: 16px;
|
|
width: 16px;
|
|
overflow: hidden;
|
|
border: 1px solid #ccc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.flexigrid div.mDiv div.ptogtitle:hover
|
|
{
|
|
background-position: left -2px;
|
|
border-color: #bbb;
|
|
}
|
|
|
|
.flexigrid div.mDiv div.ptogtitle span
|
|
{
|
|
display: block;
|
|
border-left: 1px solid #eee;
|
|
border-top: 1px solid #fff;
|
|
border-bottom: 1px solid #ddd;
|
|
width: 14px;
|
|
height: 14px;
|
|
background: url(../images/flexigrid/uup.png) no-repeat center;
|
|
}
|
|
|
|
.flexigrid div.mDiv div.ptogtitle.vsble span
|
|
{
|
|
background: url(../images/flexigrid/ddn.png) no-repeat center;
|
|
}
|
|
|
|
.flexigrid div.tDiv /*toolbar*/
|
|
{
|
|
background: #fafafa url(../images/flexigrid/bg.gif) repeat-x top;
|
|
position: relative;
|
|
border: 1px solid #ccc;
|
|
border-bottom: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.flexigrid div.tDiv2
|
|
{
|
|
float: left;
|
|
clear: both;
|
|
padding: 1px;
|
|
}
|
|
|
|
.flexigrid div.sDiv /*toolbar*/
|
|
{
|
|
background: #fafafa url(../images/flexigrid/bg.gif) repeat-x top;
|
|
position: relative;
|
|
border: 1px solid #ccc;
|
|
border-top: 0px;
|
|
overflow: hidden;
|
|
display: none;
|
|
}
|
|
|
|
.flexigrid div.sDiv2
|
|
{
|
|
float: left;
|
|
clear: both;
|
|
padding: 5px;
|
|
padding-left: 5px;
|
|
width: 1024px;
|
|
}
|
|
|
|
.flexigrid div.sDiv2 input, .flexigrid div.sDiv2 select
|
|
{
|
|
vertical-align: middle;
|
|
}
|
|
|
|
.flexigrid div.btnseparator
|
|
{
|
|
float: left;
|
|
height: 22px;
|
|
border-left: 1px solid #ccc;
|
|
border-right: 1px solid #fff;
|
|
margin: 1px;
|
|
}
|
|
|
|
.flexigrid div.fbutton
|
|
{
|
|
float: left;
|
|
display: block;
|
|
cursor: pointer;
|
|
padding: 1px;
|
|
}
|
|
|
|
.flexigrid div.fbutton div
|
|
{
|
|
float: left;
|
|
padding: 1px 3px;
|
|
}
|
|
|
|
.flexigrid div.fbutton span
|
|
{
|
|
float: left;
|
|
display: block;
|
|
padding: 3px;
|
|
}
|
|
|
|
.flexigrid div.fbutton:hover, .flexigrid div.fbutton.fbOver
|
|
{
|
|
padding: 0px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
.flexigrid div.fbutton:hover div, .flexigrid div.fbutton.fbOver div
|
|
{
|
|
padding: 0px 2px;
|
|
border-left: 1px solid #fff;
|
|
border-top: 1px solid #fff;
|
|
border-right: 1px solid #eee;
|
|
border-bottom: 1px solid #eee;
|
|
}
|
|
|
|
|
|
/* end toolbar*/
|
|
|
|
.flexigrid div.hDiv
|
|
{
|
|
background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;
|
|
position: relative;
|
|
border: 1px solid #ccc;
|
|
border-bottom: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.flexigrid div.hDiv table
|
|
{
|
|
border-right: 1px solid #fff;
|
|
}
|
|
|
|
.flexigrid div.cDrag
|
|
{
|
|
float: left;
|
|
position: absolute;
|
|
z-index: 2;
|
|
overflow: visible;
|
|
}
|
|
|
|
.flexigrid div.cDrag div
|
|
{
|
|
float: left;
|
|
background: none;
|
|
display: block;
|
|
position: absolute;
|
|
height: 24px;
|
|
width: 5px;
|
|
cursor: col-resize;
|
|
}
|
|
|
|
.flexigrid div.cDrag div:hover, .flexigrid div.cDrag div.dragging
|
|
{
|
|
background: url(../images/flexigrid/line.gif) repeat-y 2px center;
|
|
}
|
|
|
|
.flexigrid div.iDiv
|
|
{
|
|
border: 1px solid #316ac5;
|
|
position: absolute;
|
|
overflow: visible;
|
|
background: none;
|
|
}
|
|
|
|
.flexigrid div.iDiv input, .flexigrid div.iDiv select, .flexigrid div.iDiv textarea
|
|
{
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
}
|
|
|
|
.flexigrid div.iDiv input.tb
|
|
{
|
|
border: 0px;
|
|
padding: 0px;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding: 0px;
|
|
background: none;
|
|
}
|
|
|
|
.flexigrid div.bDiv
|
|
{
|
|
border: 1px solid #ccc;
|
|
border-top: 0px;
|
|
background: #fff;
|
|
overflow: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.flexigrid div.bDiv table
|
|
{
|
|
border-bottom: 1px solid #ccc;
|
|
}
|
|
|
|
.flexigrid div.hGrip
|
|
{
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0px;
|
|
height: 5px;
|
|
width: 5px;
|
|
background: url(../images/flexigrid/line.gif) repeat-x center;
|
|
margin-right: 1px;
|
|
cursor: col-resize;
|
|
}
|
|
|
|
.flexigrid div.hGrip:hover, .flexigrid div.hGrip.hgOver
|
|
{
|
|
border-right: 1px solid #999;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.flexigrid div.vGrip
|
|
{
|
|
height: 5px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
background: #fafafa url(../images/flexigrid/wbg.gif) repeat-x 0px -1px;
|
|
border: 1px solid #ccc;
|
|
border-top: 0px;
|
|
text-align: center;
|
|
cursor: row-resize;
|
|
}
|
|
|
|
.flexigrid div.vGrip span
|
|
{
|
|
display: block;
|
|
margin: 1px auto;
|
|
width: 20px;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
border-top: 1px solid #aaa;
|
|
border-bottom: 1px solid #aaa;
|
|
background: none;
|
|
}
|
|
|
|
.flexigrid div.hDiv th, .flexigrid div.bDiv td /* common cell properties*/
|
|
{
|
|
text-align: left;
|
|
border-right: 1px solid #ddd;
|
|
border-left: 1px solid #fff;
|
|
overflow: hidden;
|
|
vertical-align: top !important;
|
|
}
|
|
|
|
.flexigrid div.hDiv th div, .flexigrid div.bDiv td div, div.colCopy div/* common inner cell properties*/
|
|
{
|
|
padding: 5px;
|
|
border-left: 0px solid #fff;
|
|
}
|
|
|
|
.flexigrid div.hDiv th, div.colCopy
|
|
{
|
|
font-weight: normal;
|
|
height: 24px;
|
|
cursor: default;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
}
|
|
|
|
div.colCopy {
|
|
font-family: Arial, Helvetica, sans-serif;
|
|
font-size: 11px;
|
|
background: #fafafa url(../images/flexigrid/fhbg.gif) repeat-x bottom;
|
|
border: 1px solid #ccc;
|
|
border-bottom: 0px;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.flexigrid div.hDiv th.sorted
|
|
{
|
|
background: url(../images/flexigrid/wbg.gif) repeat-x 0px -1px;
|
|
border-bottom: 0px solid #ccc;
|
|
}
|
|
|
|
.flexigrid div.hDiv th.thOver
|
|
{
|
|
}
|
|
|
|
.flexigrid div.hDiv th.thOver div, .flexigrid div.hDiv th.sorted.thOver div
|
|
{
|
|
border-bottom: 1px solid orange;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
.flexigrid div.hDiv th.sorted div
|
|
{
|
|
border-bottom: 0px solid #ccc;
|
|
padding-bottom: 5px;
|
|
}
|
|
|
|
.flexigrid div.hDiv th.thMove
|
|
{
|
|
background: #fff;
|
|
color: #fff;
|
|
}
|
|
|
|
.flexigrid div.hDiv th.sorted.thMove div
|
|
{
|
|
border-bottom: 1px solid #fff;
|
|
padding-bottom: 4px
|
|
}
|
|
|
|
.flexigrid div.hDiv th.thMove div
|
|
{
|
|
background: #fff !important;
|
|
}
|
|
|
|
.flexigrid div.hDiv th div.sdesc
|
|
{
|
|
background: url(../images/flexigrid/dn.png) no-repeat center top;
|
|
}
|
|
|
|
.flexigrid div.hDiv th div.sasc
|
|
{
|
|
background: url(../images/flexigrid/up.png) no-repeat center top;
|
|
}
|
|
|
|
.flexigrid div.bDiv td
|
|
{
|
|
border-bottom: 1px solid #fff;
|
|
vertical-align: top;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.flexigrid div.hDiv th div
|
|
{
|
|
}
|
|
|
|
.flexigrid span.cdropleft
|
|
{
|
|
display: block;
|
|
background: url(../images/flexigrid/prev.gif) no-repeat -4px center;
|
|
width: 24px;
|
|
height: 24px;
|
|
position: relative;
|
|
top: -24px;
|
|
margin-bottom: -24px;
|
|
z-index: 3;
|
|
}
|
|
|
|
.flexigrid div.hDiv span.cdropright
|
|
{
|
|
display: block;
|
|
background: url(../images/flexigrid/next.gif) no-repeat 12px center;
|
|
width: 24px;
|
|
height: 24px;
|
|
float: right;
|
|
position: relative;
|
|
top: -24px;
|
|
margin-bottom: -24px;
|
|
}
|
|
|
|
|
|
.flexigrid div.bDiv td div
|
|
{
|
|
border-top: 0px solid #fff;
|
|
padding-bottom: 4px;
|
|
}
|
|
|
|
|
|
.flexigrid tr td.sorted
|
|
{
|
|
background: #f3f3f3;
|
|
border-right: 1px solid #ddd;
|
|
border-bottom: 1px solid #f3f3f3;
|
|
}
|
|
|
|
.flexigrid tr td.sorted div
|
|
{
|
|
}
|
|
|
|
|
|
.flexigrid tr.erow td
|
|
{
|
|
background: #f7f7f7;
|
|
border-bottom: 1px solid #f7f7f7;
|
|
}
|
|
|
|
.flexigrid tr.erow td.sorted
|
|
{
|
|
background: #e3e3e3;
|
|
border-bottom: 1px solid #e3e3e3;
|
|
}
|
|
|
|
.flexigrid tr.erow td.sorted div
|
|
{
|
|
}
|
|
|
|
.flexigrid div.bDiv tr:hover td,
|
|
.flexigrid div.bDiv tr:hover td.sorted,
|
|
.flexigrid div.bDiv tr.trOver td.sorted,
|
|
.flexigrid div.bDiv tr.trOver td
|
|
{
|
|
background: #d9ebf5;
|
|
border-left: 1px solid #eef8ff;
|
|
border-bottom: 1px dotted #a8d8eb;
|
|
}
|
|
|
|
.flexigrid div.bDiv tr.trSelected:hover td,
|
|
.flexigrid div.bDiv tr.trSelected:hover td.sorted,
|
|
.flexigrid div.bDiv tr.trOver.trSelected td.sorted,
|
|
.flexigrid div.bDiv tr.trOver.trSelected td,
|
|
.flexigrid tr.trSelected td.sorted,
|
|
.flexigrid tr.trSelected td
|
|
{
|
|
background: #d5effc url(../images/flexigrid/hl.png) repeat-x top;
|
|
border-right: 1px solid #d2e3ec;
|
|
border-left: 1px solid #eef8ff;
|
|
border-bottom: 1px solid #a8d8eb;
|
|
}
|
|
|
|
/* novstripe adjustments */
|
|
|
|
.flexigrid.novstripe .bDiv table
|
|
{
|
|
border-bottom: 1px solid #ccc;
|
|
border-right: 1px solid #ccc;
|
|
}
|
|
|
|
.flexigrid.novstripe div.bDiv td
|
|
{
|
|
border-right-color: #fff;
|
|
}
|
|
|
|
.flexigrid.novstripe div.bDiv tr.erow td.sorted
|
|
{
|
|
border-right-color: #e3e3e3;
|
|
}
|
|
|
|
.flexigrid.novstripe div.bDiv tr td.sorted
|
|
{
|
|
border-right-color: #f3f3f3;
|
|
}
|
|
|
|
.flexigrid.novstripe div.bDiv tr.erow td
|
|
{
|
|
border-right-color: #f7f7f7;
|
|
border-left-color: #f7f7f7;
|
|
}
|
|
|
|
.flexigrid.novstripe div.bDiv tr.trSelected:hover td,
|
|
.flexigrid.novstripe div.bDiv tr.trSelected:hover td.sorted,
|
|
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td.sorted,
|
|
.flexigrid.novstripe div.bDiv tr.trOver.trSelected td,
|
|
.flexigrid.novstripe tr.trSelected td.sorted,
|
|
.flexigrid.novstripe tr.trSelected td
|
|
{
|
|
border-right: 1px solid #0066FF;
|
|
border-left: 1px solid #0066FF;
|
|
}
|
|
|
|
.flexigrid.novstripe div.bDiv tr.trOver td, .flexigrid.novstripe div.bDiv tr:hover td
|
|
{
|
|
border-left-color: #d9ebf5;
|
|
border-right-color: #d9ebf5;
|
|
}
|
|
|
|
/* end novstripe */
|
|
|
|
.flexigrid div.pDiv
|
|
{
|
|
background: url(../images/flexigrid/wbg.gif) repeat-x 0 -1px;
|
|
border: 1px solid #ccc;
|
|
border-top: 0px;
|
|
overflow: hidden;
|
|
white-space: nowrap;
|
|
position: relative;
|
|
}
|
|
|
|
.flexigrid div.pDiv div.pDiv2
|
|
{
|
|
margin: 3px;
|
|
margin-left: -2px;
|
|
float: left;
|
|
width: 1024px;
|
|
}
|
|
|
|
div.pGroup
|
|
{
|
|
float: left;
|
|
background: none;
|
|
height: 24px;
|
|
margin: 0px 5px;
|
|
}
|
|
|
|
.flexigrid div.pDiv .pPageStat, .flexigrid div.pDiv .pcontrol
|
|
{
|
|
position: relative;
|
|
|
|
top: 5px;
|
|
overflow: visible;
|
|
}
|
|
|
|
.flexigrid div.pDiv input
|
|
{
|
|
vertical-align: text-top;
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
|
|
.flexigrid div.pDiv div.pButton
|
|
{
|
|
float: left;
|
|
width: 22px;
|
|
height: 22px;
|
|
border: 0px;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
}
|
|
|
|
.flexigrid div.pDiv div.pButton:hover, .flexigrid div.pDiv div.pButton.pBtnOver
|
|
{
|
|
width: 20px;
|
|
height: 20px;
|
|
border: 1px solid #ccc;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.flexigrid div.pDiv div.pButton span
|
|
{
|
|
width: 20px;
|
|
height: 20px;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
|
|
.flexigrid div.pDiv div.pButton:hover span, .flexigrid div.pDiv div.pButton.pBtnOver span
|
|
{
|
|
width: 19px;
|
|
height: 19px;
|
|
border-top: 1px solid #fff;
|
|
border-left: 1px solid #fff;
|
|
}
|
|
|
|
|
|
.flexigrid .pSearch
|
|
{
|
|
background: url(../images/flexigrid/magnifier.png) no-repeat center;
|
|
}
|
|
|
|
.flexigrid .pFirst
|
|
{
|
|
background: url(../images/flexigrid/first.gif) no-repeat center;
|
|
}
|
|
|
|
.flexigrid .pPrev
|
|
{
|
|
background: url(../images/flexigrid/prev.gif) no-repeat center;
|
|
}
|
|
|
|
.flexigrid .pNext
|
|
{
|
|
background: url(../images/flexigrid/next.gif) no-repeat center;
|
|
}
|
|
|
|
.flexigrid .pLast
|
|
{
|
|
background: url(../images/flexigrid/last.gif) no-repeat center;
|
|
}
|
|
|
|
.flexigrid .pReload
|
|
{
|
|
background: url(../images/flexigrid/load.png) no-repeat center;
|
|
}
|
|
|
|
.flexigrid .pReload.loading
|
|
{
|
|
background: url(../images/flexigrid/load.gif) no-repeat center;
|
|
}
|
|
|
|
/* ie adjustments */
|
|
|
|
.flexigrid.ie div.hDiv th div, .flexigrid.ie div.bDiv td div, div.colCopy.ie div/* common inner cell properties*/
|
|
{
|
|
overflow: hidden;
|
|
}
|
|
|