/* {{{ SECTION: General Styles */
/* {{{ SECTION: Elements */
BODY
{
margin:0;
background-color:#FFFFFF;
font-family: arial;
font-size:11px;
color:#3F3F3F
}
TABLE
{
font-family: arial;
font-size: 11px;
}
A
{
font-weight: bold;
color:#5578E3;
text-decoration:none;
}
A:hover
{
text-decoration:underline;
}
A IMG
{
border: 0px;
}
LABEL, .Label
{
font-weight: bold;
}
BUTTON, .Button
{
font-family: Arial;
font-weight: bold;
font-size: 12px;
}
TEXTAREA
{
padding: 3px;
}
INPUT, TEXTAREA
{
font-family: Arial;
font-size: 12px;
}
H3
{
font-size: 14px;
color: #454C65;
}
H4
{
font-size: 12px;
color: #454C65;
}
.FFCursorFix { /* to fix Firefox Bug 167801, which apparently won't be fixed till FF 3.0 */
position: fixed;
}
.dj_ie .FFCursorFix {
position: absolute;
}
.dijitInline {
/* To inline block elements.
Similar to InlineBox below, but this has fewer side-effects in Moz.
Also, apparently works on a DIV as well as a FIELDSET.
*/
display: -moz-inline-box; /* FF2 */
display: inline-block; /* webkit and FF3 */
border: 0px;
padding: 0px;
vertical-align: middle;
}
.dj_ie .dijitInline {
zoom: 1; /* set hasLayout:true to mimic inline-block */
display:inline;
}
/* }}} */
/* {{{ SECTION: States */
.Disabled
{
color: #C0C0C0;
}
.Over
{
color: #FFFFFF;
background-color: #316AC5;
}
.Down
{
color: #FFFFFF;
background-color: #316AC5;
}
.Readonly
{
background-color:#E2E5EE;
border: solid 1px #A0A5BD;
}
.Bordered
{
border: solid 1px #A0A5BD;
}
/* }}} */
/* {{{ SECTION: Page Sections */
.SectionTitle
{
font-weight: bold;
padding: 5px 10px;
}
.BorderedSectionTitle
{
margin-top: 5px;
background-color: #F0F2FD;
font-weight: bold;
padding: 5px;
border: solid 1px #5F6889;
width: 90%;
}
.HeaderBar2
{
background-image: url(images/graybar.gif);
background-color: #3F455C;
border-bottom: solid 1px #828DB2;
height: 26px;
position:relative;
}
.HeaderBar3
{
height: 24px;
background-color: #CAD0E5;
border-top: solid 1px #E0E0E0;
border-bottom: 1px solid #5D6784;
position: relative;
line-height: 20px;
}
.CenterPanel
{
background-color: #E9EBF9;
border: solid 1px #8E97B8;
border-top-width: 0px;
position: relative;
}
.StatusBar
{
height: 18px;
padding-top : 4px;
padding-left : 4px;
background-image: url("images/tabs/tabSelTop_tile.gif") ;
position: relative;
}
.BreadcrumbControl
{
position: relative;
}
.BreadcrumbControl A
{
color: #3F3F3F;
text-decoration: underline;
}
.BreadcrumbControl A:hover
{
text-decoration: none;
}
.BreadcrumbControl SPAN
{
padding-top: 5px;
margin-left: 5px;
}
.BreadcrumbControl .OuterDiv
{
position: absolute;
top: 2px;
overflow:hidden;
height: 18px;
background-repeat: no-repeat;
background-position: 2px 1px;
background-image: url(images/icons/hit.gif);
width: 100%;
}
.BreadcrumbControl .OuterDiv DIV
{
position: absolute;
top: 1px;
left: 18px;
height: 16px;
vertical-align: middle;
line-height: 17px;
padding: 0px 5px;
width: 472px;
}
.WhoAmI
{
vertical-align: middle;
}
.WhoAmI IMG
{
background-repeat: no-repeat;
vertical-align: middle;
width: 16px;
height: 16px;
}
.LoggedIn IMG
{
background-image: url(images/lfuser.gif);
}
.NotLoggedIn IMG
{
background-image: url(images/nouser.gif);
}
.WhoAmIMenu IMG
{
background-image: url(images/arrows/downblk.gif);
background-position: left 8px;
background-repeat: no-repeat;
margin: 0px 2px;
width: 8px;
height: 20px;
}
.NotLoggedIn .WhoAmIMenu IMG
{
background-image: none;
}
/* }}} */
/* }}} */
/* {{{ SECTION: Groupings */
/* {{{ SECTION: Shared Backgrounds */
/* }}} */
/* {{{ SECTION: Cursors */
.Selectable .moveable { cursor: move; }
.nwhandle { cursor: nw-resize; }
.nhandle { cursor: n-resize; }
.nehandle { cursor: ne-resize; }
.whandle { cursor: w-resize; }
.ehandle { cursor: e-resize; }
.swhandle { cursor: sw-resize; }
.shandle { cursor: s-resize; }
.sehandle { cursor: se-resize; }
.DefaultCursor { cursor: default; }
.CrosshairCursor { cursor: crosshair; }
.NotAllowedCursor { cursor: not-allowed; }
/* Firefox Cursors - relative to the CSS path */
.PencilCursor { cursor: url("images/cursors/pencil.cur"), crosshair; }
.HighlightCursor { cursor: url("images/cursors/highlight.cur"), crosshair; }
.RedactionCursor { cursor: url("images/cursors/redaction.cur"), crosshair; }
.AttachmentCursor { cursor: url("images/cursors/attachment.cur"), crosshair; }
.BitmapCursor { cursor: url("images/cursors/bitmap.cur"), crosshair; }
.StampCursor { cursor: url("images/cursors/stamp.cur"), crosshair; }
.StickyCursor { cursor: url("images/cursors/sticky.cur"), crosshair; }
.HandopenCursor { cursor: url("images/cursors/handopen.cur"), default; }
.HandcloseCursor { cursor: url("images/cursors/handclose.cur"), default; }
.ZoomInCursor { cursor: url("images/cursors/zoomin.cur"), default; }
.ZoomOutCursor { cursor: url("images/cursors/zoomout.cur"), default; }
.EraserCursor { cursor: url("images/cursors/eraser.cur"), default; }
.EraserCursor .moveable { cursor: url("images/cursors/eraserhover.cur"), default; }
/* Internet Explorer Cursors - relative to the page path */
.dj_ie .PencilCursor { cursor: url("Assets/images/cursors/pencil.cur"), crosshair; }
.dj_ie .HighlightCursor { cursor: url("Assets/images/cursors/highlight.cur"), crosshair; }
.dj_ie .RedactionCursor { cursor: url("Assets/images/cursors/redaction.cur"), crosshair; }
.dj_ie .AttachmentCursor { cursor: url("Assets/images/cursors/attachment.cur"), crosshair; }
.dj_ie .BitmapCursor { cursor: url("Assets/images/cursors/bitmap.cur"), crosshair; }
.dj_ie .StampCursor { cursor: url("Assets/images/cursors/stamp.cur"), crosshair; }
.dj_ie .StickyCursor { cursor: url("Assets/images/cursors/sticky.cur"), crosshair; }
.dj_ie .HandopenCursor { cursor: url("Assets/images/cursors/handopen.cur"), default; }
.dj_ie .HandcloseCursor { cursor: url("Assets/images/cursors/handclose.cur"), default; }
.dj_ie .ZoomInCursor { cursor: url("Assets/images/cursors/zoomin.cur"), default; }
.dj_ie .ZoomOutCursor { cursor: url("Assets/images/cursors/zoomout.cur"), default; }
.dj_ie .EraserCursor { cursor: url("Assets/images/cursors/eraser.cur"), default; }
.dj_ie .EraserCursor .moveable { cursor: url("Assets/images/cursors/eraserhover.cur"), default; }
/* }}} */
/* }}} */
/* {{{ SECTION: Control Types */
/* {{{ SECTION: Browser Warning */
.BrowserWarning {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
border-bottom: solid 1px #000000;
background-color: #FFB801;
z-index: 999;
padding: 5px;
font-weight: bold;
vertical-align: middle;
}
.BrowserWarning * {
vertical-align: middle;
margin-right: 2px;
}
/* }}} */
/* {{{ SECTION: Dialogs */
.ContentClass {
background-color: white;
font-size: 12px;
}
.ContentClass IFRAME {
display: none;
}
.ContentClassColored {
background-color: #E3E5EE;
}
.ContentClassColored .Disabled .Input {
background-color: #E3E5EE;
border: solid 1px #C0C0C0;
padding: 2px;
}
.DialogFog {
position: absolute;
top: 0px;
left: 0px;
background-color: #454C65;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
opacity: 0.6;
display: none;
}
.DialogTitle {
position: absolute;
top: 0px;
left: 8px;
color:#454C65;
font-weight: bold;
font-size: 12px;
padding: 10px 0px;
height: 36px;
overflow: hidden;
background-image:url(images/dialogs/top.gif);
background-repeat: repeat-x;
}
.DialogContent {
background-color: white;
border: solid 1px #454C65;
position: relative;
}
.DialogClose {
position: absolute;
right: 10px;
top: 0px;
cursor: default;
width: 35px;
height: 25px;
background-image: url(images/dialogs/close.gif);
background-repeat: no-repeat;
}
.DialogClose:hover {
background-image: url(images/dialogs/close-hover.gif);
}
.DialogClose DIV {
width: 35px;
height: 25px;
}
.DialogTop {
position: relative;
height: 36px;
cursor:default;
width: 100%
}
.DialogTopLeft {
position: absolute;
top: 0px;
left: 0px;
height: 36px;
width: 8px;
background-image: url(images/dialogs/top_left.gif);
background-repeat: no-repeat;
}
.DialogTopRight
{
position: absolute;
top: 0px;
right: 0px;
height: 36px;
width: 8px;
background-image: url(images/dialogs/top_right.gif);
background-repeat: no-repeat;
}
.DialogLeft {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 8px;
background-image: url(images/dialogs/left_border.gif);
background-color: #e3e5ee;
}
.DialogRight {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 8px;
background-image: url(images/dialogs/right_border.gif);
background-position: right;
background-color: #e3e5ee;
}
.DialogBottom {
position: relative;
background-image:url(images/dialogs/bottom.gif);
background-repeat: repeat-x;
width: 100%;
height: 8px;
}
.DialogBottomLeft {
position: absolute;
top: 0px;
left: 0px;
height: 8px;
width: 8px;
background-image: url(images/dialogs/bottom_left.gif);
background-repeat: no-repeat;
}
.DialogBottomRight {
position: absolute;
top: 0px;
right: 0px;
height: 8px;
width: 8px;
background-image: url(images/dialogs/bottom_right.gif);
background-repeat: no-repeat;
}
.DialogButtonPanel {
background-color: #95ADBE;
text-align: right;
padding: 5px;
}
.DialogButtonPanel BUTTON {
width: 6em;
margin: 0px 2px;
}
/* {{{ SECTION: ImportDialog */
.File_Row {
vertical-align:middle;
}
.File_Row * {
vertical-align:middle;
}
/* {{{ SECTION: Search Attributes Dialog */
.FieldAttributeCell {
}
.FieldAttributeCell LABEL {
font-weight: normal;
}
/* }}} */
/* }}} */
/* {{{ SECTION: CustomizeColumns */
.ColumnSelectDummy {
background-color: #F0F0F0;
}
/* }}} */
/* {{{ SECTION: Settings Dialog */
.SettingsSection
{
display: none;
font-size: 12px;
}
.SettingsSection TABLE
{
font-size: 12px;
}
.SettingsSection LABEL
{
font-weight: normal;
}
.SettingsSection .TokenSelect
{
border: solid 1px #7F9DB9;
background-color: #ECEEF3;
}
.SettingsSection .TokenSelect .Option
{
background-color: #FFFFFF;
}
/* }}} */
/* }}} */
/* {{{ SECTION: IconButtons */
.IconButtons
{
top: 2px;
}
.IconButtons A IMG
{
border: solid 1px #E9EBF9;
vertical-align: middle;
}
.IconButtons .Selected IMG
{
background-color: #FEE458;
border: solid 1px #FECC66;
}
/* }}} */
/* {{{ SECTION: DocumentPanel */
.DocumentPanel
{
background-color: #E9EBF9;
border-bottom: 1px solid #8E95AD;
position: relative;
height: 24px;
z-index: 1;
}
/* }}} */
/* {{{ SECTION: Command Bar */
.CommandBar {
height: 22px;
font-size: 12px;
z-index: 10;
}
.CommandBar .OuterButtonDiv {
float: left;
position: relative;
z-index: 10;
}
.CommandBar .Button {
float: left;
height: 22px;
line-height: 22px;
margin-top: 2px;
vertical-align: middle;
cursor: pointer;
position: relative;
}
.CommandBar .Button * {
float: left;
}
.CommandBar .Button u {
float: none;
}
.CommandBar .Button img {
margin-top: 2px;
margin-right: 3px;
margin-bottom: 2px;
margin-left: 3px;
}
.CommandBar .Button div {
display: inline;
padding-top: 0;
padding-right: 3px;
padding-bottom: 0;
padding-left: 3px;
}
.CommandBar .Disabled .ClickArea {
color: white;
background-color: #D8DDE3;
}
.CommandBar .Button .DropDownArrow {
background-image: url(images/arrows/downblk.gif);
background-repeat: no-repeat;
background-position: 3px 10px;
padding: 0px;
width: 14px;
}
.CommandBar .SplitButton .DropDownSeparator {
width: 1px;
overflow: hidden;
background-color: Transparent;
padding: 0px;
}
.CommandBar .SplitButton.Over .DropDownSeparator {
background-color: White;
}
.CommandBar .Separator {
float: left;
height: 24px;
margin-top: 2px;
margin-right: 2px;
margin-bottom: 2px;
margin-left: 2px;
background-color: #8E95AD;
border-left-color: #454D66;
border-left-width: 1px;
border-left-style: solid;
border-right-color: #8E95AD;
border-right-width: 1px;
border-right-style: solid;
}
.CommandBar .Over {
background-color: #515666;
}
.CommandBar .Disabled {
background-color: transparent;
}
.CommandBar .Over .DropDownArrow {
background-color: #515666;
}
.CommandBar .Down {
background-color: #1E5794;
}
/* }}} */
/* {{{ SECTION: Menus */
/* {{{ CLASS: Menu */
.Menu{
cursor: default;
position: absolute;
border-width: 1px;
border-style: solid;
border-color: black;
background-color: white;
}
.Menu table {
font-size: 12px;
font-weight: normal;
vertical-align: middle;
padding: 3px;
width: 160px;
}
.OpenTop {
border-top-width: 0px;
}
/*}}}*/
.MenuShim {
position: absolute;
z-index: 1;
border-width: 0px;
overflow: hidden;
}
/* {{{ SECTION: Row Definitions */
.Row {
color: #000000;
background-color: #FFFFFF;
line-height: 10px;
}
.EmptyRow div {
margin: 4px;
height: 1px;
border-top-color: #8D8D8D;
border-top-width: 1px;
border-top-style: solid;
padding: 0px;
display: block;
font-size: 1px;
}
.Menu .RowOver {
color: #FFFFFF;
background-color: #316AC5;
}
.Row .IconCell /* Fix for IE6 */{
height: 16px;
width: 16px;
padding-left: 2px;
padding-right: 2px;
background-color: Transparent;
background-repeat: no-repeat;
}
.RowOver .IconCell {
background-color: #316AC5;
}
.Row .SubArrow {
background-image: url(images/submenuarrow.gif);
background-position: 2px 0px;
background-repeat: no-repeat;
width: 16px;
}
.RowOver .SubArrow {
background-color: #316AC5;
background-position: 2px -16px;
}
.Menu .Disabled {
color: #C0C0C0;
}
.Menu .Hide {
display:none;
}
/* }}} */
/* }}} */
/* {{{ SECTION: Menu Bar */
.MenuBar{
height: 28px;
width: 100%;
font-size: 12px;
background-color: #DFE1EC;
}
.MenuBar .OuterButtonDiv {
float: left;
position: relative;
}
.MenuBar .Button {
float: left;
height: 22px;
line-height: 22px;
vertical-align: middle;
padding-top: 3px;
padding-right: 8px;
padding-bottom: 3px;
padding-left: 8px;
cursor: pointer;
position: relative;
}
.MenuBar .Button * {
float: left;
}
.MenuBar .Button div {
display: inline;
padding-top: 0;
padding-right: 3px;
padding-bottom: 0;
padding-left: 3px;
}
/* }}} */
/* {{{ SECTION: Quick Bar */
.QuickBar {
position: relative;
background-image: url(images/lighttile.gif);
border-bottom: solid 1px #8E95AD;
color: #000000;
font-weight: normal;
height: 24px;
z-index: 1;
}
.QuickBar .OuterButtonDiv {
z-index: 2;
}
.QuickBar DIV {
z-index: 1;
}
.QuickBar .Separator {
background-color: #D0D4E3;
border-left-color: #8E95AD;
border-right-color: #D0D4E3;
height: 20px;
}
/* }}} */
/* {{{ SECTION: Splitters */
.VerticalSplitterMainPane
{
position: relative;
}
.VerticalSplitterMainPane .Pane
{
position: absolute;
overflow: hidden;
height: 100%;
display: block;
}
.ActiveSplitterBar
{
background-color: #000000;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
opacity: 0.6;
}
.HorizontalSplitterBar
{
background-image:url(images/splitters/hbar.gif);
background-repeat:repeat-x;
}
.VerticalSplitterBar
{
background-image:url(images/splitters/vbar.gif);
background-repeat:repeat-y;
}
.SplitterHorizontal {
background-image:url(images/splitters/hbar.gif);
background-repeat:repeat-x;
height: 5px;
width: 5px;
cursor: row-resize;
}
.SplitterVertical {
background-image:url(images/splitters/vbar.gif);
background-repeat:repeat-y;
height: 5px;
width: 5px;
cursor: col-resize;
}
.SplitterArrowNorth {
cursor:pointer; cursor:hand;
height:5px;
width:27px;
margin-left:-14px;
background-image:url(images/splitters/collapseN.gif);
background-repeat: no-repeat;
}
.SplitterArrowSouth {
cursor:pointer; cursor:hand;
height:5px;
width:27px;
margin-left:-14px;
background-image:url(images/splitters/collapseS.gif);
background-repeat: no-repeat;
}
.SplitterArrowWest {
cursor:pointer; cursor:hand;
height:27px;
width:5px;
margin-top:-14px;
background-image:url(images/splitters/collapseW.gif);
background-repeat: no-repeat;
}
.SplitterArrowEast {
cursor:pointer; cursor:hand;
height:27px;
width:5px;
margin-top:-14px;
background-image:url(images/splitters/collapseE.gif);
background-repeat: no-repeat;
}
/* }}} */
/* {{{ SECTION: Grid */
.NoHScroll .dojoxGrid-scrollbox {
overflow-x: auto;
}
.dojoxGrid {
position: relative;
background-color: #EBEADB;
font-family: Geneva, Arial, Helvetica, sans-serif;
-moz-outline-style: none;
outline: none;
}
.dojoxGrid TABLE {
padding: 0;
}
.dojoxGrid TD {
-moz-outline: none;
}
/* {{{ SECTION: Master Header */
.dojoxGrid-master-header {
position: relative;
}
/* }}} */
/* {{{ SECTION: Master View */
.dojoxGrid-master-view {
position: relative;
}
/* }}} */
/* {{{ SECTION: Views */
.dojoxGrid-view {
position: absolute;
overflow: hidden;
}
/* }}} */
/* {{{ SECTION: Header */
.dojoxGrid-header {
position: absolute;
overflow: hidden;
background-color: #E8E1CF;
}
.dojoxGrid-header table {
text-align: center;
}
.dojoxGrid-header .dojoxGrid-cell-content {
text-align: center;
}
.dojoxGrid-header .dojoxGrid-cell {
border: 1px solid;
border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
background: url(images/grids/grid_dx_gradient.gif) #E8E1CF top repeat-x;
padding-bottom: 2px;
}
.dojoxGrid-header .dojoxGrid-cell-over {
background-image: none;
background-color: white;
border-bottom-color: #FEBE47;
margin-bottom: 0;
padding-bottom: 0;
border-bottom-width: 3px;
}
/*
* dojox grid interprets up as descending and down as ascending
*/
.dojoxGrid-sort-down {
background: url(images/grids/grid_sort_asc.gif) left no-repeat;
padding-left:16px;
margin-left:4px;
}
.dojoxGrid-sort-up {
background: url(images/grids/grid_sort_desc.gif) left no-repeat;
padding-left:16px;
margin-left:4px;
}
/* }}} */
/* {{{ SECTION: Content */
.dojoxGrid-scrollbox {
position: relative;
overflow: scroll;
background-color: white;
width: 100%;
}
.dojoxGrid-content {
position: relative;
overflow: hidden;
-moz-outline-style: none;
outline: none;
}
/* }}} */
/* {{{ SECTION: Rowbar */
.dojoxGrid-rowbar {
border: 1px solid;
border-color: #F6F4EB #ACA899 #ACA899 #F6F4EB;
border-top: none;
background: url(images/grids/grid_dx_gradient.gif) #E8E1CF top repeat-x;
}
.dojoxGrid-rowbar-inner {
border-top: 1px solid #F6F4EB;
}
.dojoxGrid-rowbar-over {
background-image: none;
background-color: white;
border-top-color: #FEBE47;
border-bottom-color: #FEBE47;
}
.dojoxGrid-rowbar-selected {
background-color: #316AC5;
color: #FFFFFF;
background-image: none;
background-position: center;
background-repeat: no-repeat;
}
/* }}} */
/* {{{ SECTION: Rows */
.dojoxGrid-row {
position: relative;
width: 9000em;
cursor: default;
}
.dojoxGrid-row {
border: 1px solid #E8E4D8;
border-color: #F8F7F1;
border-left: none;
border-right: none;
background-color: white;
border-top: none;
}
.dojoxGrid-row-odd {
background-color: #FFFDF3;
}
/*
.dojoxGrid-row-over {
border-top-color: #FEBE47;
background-color: #FFEEC2;
}
*/
.dojoxGrid-row-selected {
background-color: #316AC5;
color: #FFFFFF;
}
.dojoxGrid-row-table {
table-layout: fixed;
width: 0;
}
.dojoxGrid-invisible {
visibility: hidden;
}
.Xdojo-ie .dojoxGrid-invisible {
display: none;
}
.dojoxGrid-invisible td, .dojoxGrid-header .dojoxGrid-invisible td {
border-top-width: 0;
border-bottom-width: 0;
padding-top: 0;
padding-bottom: 0;
height: 0;
overflow: hidden;
}
/* }}} */
/* {{{ SECTION: Cells */
.dojoxGrid-cell {
padding: 3px 3px 3px 3px;
text-align: left;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
.dojoxGrid-row .dojoxGrid-cell {
border-left: solid 1px #FFFFFF;
border-right: solid 1px #FFFFFF;
}
.dojoxGrid-row-odd .dojoxGrid-cell {
border-left: solid 1px #FFFDF3;
border-right: solid 1px #FFFDF3;
}
/*
.dojoxGrid-row-over .dojoxGrid-cell {
border-left: solid 1px #FFEEC2;
border-right: solid 1px #FFEEC2;
}
*/
.dojoxGrid-row-selected .dojoxGrid-cell {
border-left: solid 1px #316AC5;
border-right: solid 1px #316AC5;
}
/*.dojoxGrid-cell-focus {
border: 1px dashed blue;
}
.dojoxGrid-cell-over {
border: 1px dotted #FEBE47;
}
.dojoxGrid-cell-focus.dojoxGrid-cell-over {
border: 1px dotted green;
}*/
.dojoxGrid-cell-clip {
width: 100%;
overflow: hidden;
white-space:nowrap;
text-overflow: ellipsis;
}
/* }}} */
/* {{{ SECTION: Editing */
.dojoxGrid-row-editing td {
background-color: #316AC5;
}
.dojoxGrid-row-inserting td {
background-color: #316AC5;
}
.dojoxGrid-row-inflight td {
background-color: #F2F7B7;
}
.dojoxGrid-row-error td {
background-color: #F8B8B6;
}
.dojoxGrid-input, .dojoxGrid-select, .dojoxGrid-textarea {
margin: 0;
padding: 0;
border-style: none;
width: 100%;
font-size: 100%;
font-family: inherit;
}
.dojoxGrid-hidden-focus {
position: absolute;
left: -1000px;
top: -1000px;
height: 0px, width: 0px;
}
/* }}} */
/* {{{ SECTION: Entry Name Cell*/
.dojoxGrid-cell .EntryName {
position: relative;
white-space: nowrap;
vertical-align: middle;
height:16px;
}
.dojoxGrid-cell .EntryName IMG
{
vertical-align: middle;
height: 16px;
width: 16px;
}
.dojoxGrid-cell .EntryName .OverlayIcon
{
position:absolute;
left:0px;
z-index:1;
height: 16px;
width: 16px;
}
/* }}} */
/* {{{ SECTION: Grid Footer*/
.GridFooter
{
height: 20px;
background-color: #E2E5EE;
border-top: 1px solid #5D6784;
}
/* }}} */
/* {{{ SECTION: Embedded Grid */
.dojoxGrid-cell .dojoxGrid-header
{
display: none;
}
.dojoxGrid-cell .dojoxGrid-cell
{
border-width: 0px;
}
.dojoxGrid-cell .dojoxGrid-scrollbox
{
overflow: auto;
color: #000000;
}
.dojoxGrid-cell .dojoxGrid-cell .EntryName
{
padding-left: 40px;
}
/* }}} */
/* }}} */
/* {{{ SECTION: Tree */
.dijitTreeContainer {
width: auto;
}
.dijitTreeExpando {
float: left;
display: inline;
clear:both;
}
.dijitTreeExpand {
float: left;
display: inline;
}
.dijitTreeContent {
cursor: default;
/* can't make inline - multiline bugs */
}
.dijitExpandoText {
display: none;
}
.dijit_a11y .dijitExpandoText {
float: left;
display: inline;
padding-left: 10px;
padding-right: 10px;
font-family: monospace;
border-style: solid;
border-width: thin;
}
.dijitTreeNode {
background-image : url('images/trees/i.gif');
background-position : top left;
background-repeat : repeat-y;
margin-left: 19px;
white-space: nowrap;
}
/* left vertical line (grid) for all nodes */
.dijitTreeIsLast {
background: url('images/trees/i_half.gif') no-repeat;
}
.dijitTreeIsRoot {
margin-left: 0;
background-image: none;
}
.dijitTreeExpando {
width: 18px;
height: 18px;
}
.dijitTreeContent {
min-height: 18px;
min-width: 18px;
margin-left:18px;
padding-top:3px;
padding-left:1px;
}
.dijitTreeExpand {
width: 18px;
height: 18px;
background-repeat : no-repeat;
}
.dijitTreeNodeEmphasized {
background-color: black;
color: white;
}
.dijitTreeContentFocused .dijitTreeLabel, .dijitTreeLabelFocused {
outline: 1px invert dotted;
background:#316AC5;
color: #FFFFFF;
padding: 1px;
}
.dijitTreeContentFocused .dijitTreeLabelInactiveFocus,
.dijitTreeLabelInactiveFocus {
background-color: gray;
color: #FFFFFF;
padding: 1px;
}
.dijitTreeExpandoOpened {
background-image: url('images/trees/treeExpand_minus.gif');
}
.dijitTreeExpandoClosed {
background-image: url('images/trees/treeExpand_plus.gif');
}
.dijitTreeExpandoLeaf {
background-image: url('images/trees/treeExpand_leaf.gif');
}
.dijitTreeExpandoLoading {
background-image: url('images/trees/treeExpand_loading.gif');
}
/* }}} */
/* {{{ SECTION: Floating Panel */
.FloatingPanel {
background-color: #CAD0E5;
background-image: url('images/topShadow.gif');
background-repeat: repeat-x;
}
/* }}} */
/* {{{ SECTION: Sticky Note Text */
.StickyNoteText {
font-family: Arial;
font-size: 12px;
background-color: Transparent;
padding: 0px;
border: 0px;
}
.StickyNoteText A {
color: blue;
}
/* }}} */
/* {{{ SECTION: Preview Pane */
.PreviewPaneTitle {
color: #3F3F3F;
font-weight: bold;
font-size: larger;
margin: 5px;
}
.PreviewPane {
height: 100%;
background-repeat: repeat-x;
}
.PreviewPane TABLE {
border: 0px;
width: 100%;
margin-top: 5px;
}
.PreviewPane TABLE TD {
padding: 0 5px;
}
.PreviewPane .ImageCell {
text-align: center;
}
.PreviewPane .TypeCell {
font-size: 10px;
}
.PreviewPane .SpacerRow {
height: 10px;
}
.TitleSpan {
color: #757374;
}
/* }}} */
/* {{{ SECTION: Search Control*/
.SearchControl
{
top: 0px;
position:absolute;
right: 1px;
height: 24px;
background-color: #DCE1F5;
width: 250px;
border-left: 1px solid #8E95AD;
}
.SearchControl INPUT
{
width: 181px;
position:absolute;
left: 5px;
top: 2px;
}
.SearchButton
{
cursor: pointer;
height: 19px;
width: 19px;
border: 1px solid #8E95AD;
background-color: #E9EBF9;
background-image: url('images/search.gif');
background-repeat: no-repeat;
background-position: 3px 2px;
position: absolute;
top: 2px;
left: 189px;
}
.SearchButtonOver
{
background-color: #8E95AD;
}
.SearchButtonInProgress
{
cursor: pointer;
height: 19px;
width: 19px;
border: 1px solid #8E95AD;
background-color: #E9EBF9;
background-image: url('images/throbber-small.gif');
background-repeat: no-repeat;
background-position: 3px 2px;
position: absolute;
top: 2px;
left: 189px;
}
.OptionsButton
{
cursor: pointer;
height: 19px;
width: 16px;
border: 1px solid #8E95AD;
border-left-width: 0px;
background-color: #E9EBF9;
background-image: url('images/arrows/downblk.gif');
background-repeat: no-repeat;
background-position: 5px 8px;
position: absolute;
top: 2px;
left: 210px;
}
.OptionsButtonOver
{
background-color: #8E95AD;
}
.ExpandButton
{
cursor: pointer;
height: 24px;
width: 24px;
border-left-width: 0px;
background-image: url('images/arrows/chevronDown.gif');
background-repeat: no-repeat;
background-position: 9px 8px;
position: absolute;
top: 0px;
left: 227px;
}
.dj_ie6 .ExpandButton
{
height: 26px;
width: 25px;
}
.ExpandButtonDown
{
background-image: url('images/arrows/chevronUp.gif');
}
.SearchControl .OptionsMenu
{
position: absolute;
left: 5px;
top: -5px;
z-index: 5;
}
.SearchControl .OptionsMenu .Menu
{
}
.ContextHit
{
font-weight: bold;
}
/* }}} */
/* {{{ SECTION: Search Panel*/
.SearchPanel
{
background-color: #DCE1F5;
border-bottom: 1px solid #8E95AD;
position: relative;
z-index: 5;
}
.SearchPanel .OptionsPanel
{
z-index: 5;
}
.SearchPanel .LeftSide
{
width: 50%;
padding: 5px;
}
.SearchPanel .RightSide
{
position:absolute;
padding: 5px;
top: 0px;
right: 0px;
width: 50%;
z-index: 5;
}
.SearchPanel .Buttons
{
position: relative;
margin-top: 5px;
z-index: 5;
}
.SearchPanel .AttributeMenuButton
{
cursor: pointer;
vertical-align: middle;
line-height: 16px;
width: 180px;
}
.SearchPanel .AttributeMenuButton IMG
{
vertical-align: middle;
}
.SearchPanel .ViewQueryButton
{
cursor: pointer;
vertical-align: middle;
line-height: 16px;
top: 0px;
height: 16px;
right: 0px;
padding: 5px;
position: absolute;
}
.SearchPanel .SelectedMode
{
background-color: gray;
color: white;
}
.SearchPanel .QueryInput
{
left: 5%;
width: 90%;
height: 60px;
position: relative;
}
.SearchPanel .AttributeMenu
{
position: absolute;
left: 0px;
top: -2px;
z-index: 5;
}
.SearchPanel .AttributeList
{
background-color: #ECEEF3;
position: relative;
z-index: 1;
}
.SearchPanel .Attribute
{
border-top: 1px solid #8E95AD;
width: 100%;
padding: 2px 0px;
position: relative;
z-index: 1;
}
.SearchPanel .Attribute .CloseButton
{
position: absolute;
right: 0px;
top: 5px;
cursor: pointer;
text-decoration: none;
background-image: url("images/close.gif");
z-index: 1;
}
.SearchPanel .Attribute .CloseButton:hover
{
background-image: url("images/closeOver.gif");
}
.SearchPanel .Attribute .CloseButton DIV
{
width: 16px;
height: 16px;
margin: 0px 0px;
}
.SearchPanel .Attribute .HelpButton
{
position: absolute;
right: 20px;
top: 5px;
cursor: pointer;
text-decoration: none;
background-image: url("images/help.gif");
z-index: 1;
}
.SearchPanel .Attribute .HelpButton:hover
{
background-image: url("images/helpOver.gif");
}
.SearchPanel .Attribute .HelpButton DIV
{
width: 16px;
height: 16px;
margin: 0px 0px;
}
.SearchPanel .Attribute .Header
{
font-family : arial;
font-weight: bold;
color: #41589F;
font-size: small;
float: left;
padding: 2px;
width: 8em;
}
.SearchPanel .Attribute .Body
{
position: relative;
z-index: 1;
}
.SearchPanel .Attribute SELECT
{
font-family : arial;
font-weight: bold;
background-color: #ECEEF3;
border: solid 1px #8E95AD;
margin: 0px;
}
.dj_ie .SearchPanel .Attribute SPAN
{
top: -3px;
}
.SearchPanel .Attribute .SelectMenuDisplay
{
width: 198px;
background-color: #ECEEF3;
border: solid 1px #8E95AD;
background-image: url('images/arrows/downblk_pad.gif');
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
.dj_ie .SearchPanel .Attribute .SelectMenuDisplay
{
width: 196px;
margin: 0px;
}
.SearchPanel .Attribute .SelectMenu
{
position: absolute;
background-color: #FFFFFF;
width: 200px;
top: 15px;
left: 0px;
z-index: 1000;
visibility: hidden;
}
.SearchPanel .Attribute .SelectMenuShim
{
position: absolute;
width: 196px;
top: 15px;
left: 0px;
z-index: 999;
border-width: 0px;
display: none;
}
.dj_ie .SearchPanel .Attribute .SelectMenu
{
top: 21px;
}
.dj_ie .SearchPanel .Attribute .SelectMenuShim
{
top: 21px;
}
.SearchPanel .Attribute *
{
margin: 0px 3px;
}
.SearchPanel .Attribute LABEL
{
margin: 0px;
}
.SearchPanel .Number
{
width: 3em;
}
.SearchPanel .Date
{
width: 12em;
}
/* }}} */
/* {{{ SECTION: DocumentViewControl */
#CenterStage .dijitSplitterVertical
{
background-color: #E9EBF9;
border-width: 0px;
border-left: solid 1px #8E97B8;
border-right: solid 1px #8E97B8;
width:8px;
height:100%;
cursor: e-resize;
}
#CenterStage .dijitSplitterHorizontal {
background-color: #E9EBF9;
border: solid 1px #8E97B8;
border-left-width: 0px;
border-right: solid 1px #FFFFFF;
height:8px;
width: 100%;
cursor: n-resize;
}
.StackingControl
{
position:absolute;
top: 0px;
left: 0px;
}
.ImageView
{
background-color: #8E95AD;
}
.TextView
{
background-color: #FFFFFF;
}
.TextView .RichTextEditable
{
height: 100%;
}
.TextView .RichTextEditable .dijitToolbar
{
display: none;
}
.TextView .RichTextEditable DIV
{
height: 100%;
}
.ImageErrorInfo
{
position: absolute;
top: 27px;
left: 5px;
}
.ImageErrorInfo span
{
color:black;
font-weight: bold;
}
.DocumentSearchBar
{
height: 24px;
vertical-align: middle;
padding: 0 5px;
border-bottom: solid 1px #8E97B8;
}
.DocumentSearchBar *
{
vertical-align: middle;
}
/* }}} */
/* {{{ SECTION: Annotations Pane */
.AnnotationPanelTable
{
width: 100%;
cursor: default;
}
.AnnotationPanelItem
{
height: 30px;
}
.AnnotationPanelItemHover
{
height: 30px;
background-color: #F3C77D;
}
.AnnotationPanelItemSelected
{
height: 30px;
background-color: #316AC5;
color: #FFFFFF;
}
/* }}} */
/* {{{ SECTION: Thumbnails Control */
.dojoDndAvatar .dojoDndItem
{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
opacity: 0.6;
}
.dojoDndAvatar .dojoDndItem DIV
{
}
.ThumbnailContainer
{
background-color: #CAD0E5;
position:relative;
overflow: auto;
}
.OuterThumbDiv
{
float:left;
text-align: center;
cursor: default;
}
.Thumbnail
{
height: 80px;
width: 80px;
text-align: center;
border: solid 3px #CAD0E5;
overflow: hidden;
}
.ThumbPageText
{
margin-top: 2px;
text-align: center;
font-size: 12px;
padding: 1px 2px;
font-family: arial;
font-weight: bold;
}
.dojoDndItemSelected .ThumbPageText,
.dojoDndItemAnchor .ThumbPageText,
.dojoDndAvatar .dojoDndItem .ThumbPageText
{
background-color: #316AC5;
color: white;
}
.dojoDndItemSelected .Thumbnail,
.dojoDndItemAnchor .Thumbnail,
.dojoDndAvatar .dojoDndItem .Thumbnail
{
border: solid 3px #316AC5;
}
.dojoDndItemAfter .Thumbnail
{
border-right: solid 3px black;
}
.dojoDndItemBefore .Thumbnail
{
border-left: solid 3px black;
}
/* }}} */
/* {{{ SECTION: Tooltip Control */
div .dijitTooltip,
div .dijitTooltipDialog {
/* the outermost dom node, holding the connector and container */
opacity: 0.95;
background: transparent; /* make the area on the sides of the arrow transparent */
}
.dijitTooltipBelow {
/* leave room for arrow above content */
padding-top: 13px;
}
.dijitTooltipAbove {
/* leave room for arrow below content */
padding-bottom: 13px;
}
div .dijitTooltipContainer {
/*
The part with the text.
NOTE:
FF doesn't clip images used as CSS bgs if you specify a border
radius. If you use a solid color, it does. Webkit gets it right.
Sigh.
background: #ffffff url("images/popupMenuBg.gif") repeat-x bottom left;
*/
background-color: #fafafa;
border:1px solid #b6c7d5;
padding:0.45em;
border-radius: 6px;
-moz-border-radius: 7px;
-webkit-border-radius: 6px;
}
div .dijitTooltipConnector {
/* the arrow piece */
border:0px;
z-index: 2;
}
div .dijitTooltipABRight .dijitTooltipConnector {
/* above or below tooltip, but the arrow appears on the right,
and the right edges of target and tooltip are aligned rather than the left */
left: auto !important;
right: 3px;
}
div .dijitTooltipBelow .dijitTooltipConnector {
/* the arrow piece for tooltips below an element */
top: 0px;
left: 3px;
background:url("images/tooltipConnectorUp.png") no-repeat top left;
width:16px;
height:14px;
}
.dj_ie6 div .dijitTooltipBelow .dijitTooltipConnector {
background-image: url("images/tooltipConnectorUp.gif");
}
div .dijitTooltipAbove .dijitTooltipConnector {
/* the arrow piece for tooltips above an element */
bottom: 0px;
left: 3px;
background:url("images/tooltipConnectorDown.png") no-repeat top left;
width:16px;
height:14px;
}
.dj_ie6 div .dijitTooltipAbove .dijitTooltipConnector {
background-image: url("images/tooltipConnectorDown.gif");
bottom: -3px;
}
div .dijitTooltipLeft {
padding-right: 13px;
}
.dj_ie6 div .dijitTooltipLeft {
padding-right: 15px;
}
div .dijitTooltipLeft .dijitTooltipConnector {
/* the arrow piece for tooltips to the left of an element, bottom borders aligned */
right: 0px;
bottom: 7px;
background:url("images/tooltipConnectorRight.png") no-repeat top left;
width:16px;
height:14px;
}
.dj_ie6 div .dijitTooltipLeft .dijitTooltipConnector {
background-image: url("images/tooltipConnectorRight.gif");
}
div .dijitTooltipRight {
padding-left: 13px;
}
div .dijitTooltipRight .dijitTooltipConnector {
/* the arrow piece for tooltips to the right of an element, bottom borders aligned */
left: 0px;
bottom: 7px;
background:url("images/tooltipConnectorLeft.png") no-repeat top left;
width:16px;
height:14px;
}
.dj_ie6 div .dijitTooltipRight .dijitTooltipConnector {
background-image: url("images/tooltipConnectorLeft.gif");
}
/* }}} */
/* {{{ SECTION: Access Rights Control */
.AccessRightsGridClass {
border:solid 1px #8E97B8;
margin-bottom:3px;
}
.AccessRightsBttnClass {
margin-right:3px;
margin-top:3px;
margin-bottom:3px;
width:75px;
}
/* }}} */
/* {{{ SECTION: Metadata View Control */
.MetadataViewControl
{
background-color:#E3E5EE;
}
.MetadataViewControl .SectionTitle
{
margin-top: 5px;
background-color: #F0F2FD;
font-weight: bold;
padding: 5px;
border: solid 1px #5F6889;
width: 260px;
}
.MetadataViewControl .SectionTitle SELECT
{
width: 250px;
}
.FieldsView .SectionTitle
{
margin-top: 0px;
margin-bottom: 10px;
}
.FieldTitle
{
margin-top: 5px;
position:relative;
}
.FieldTitleRequired
{
font-weight: bold;
}
.fieldsPanel
{
padding: 5px;
margin-bottom: 10px;
width: 260px
}
.SupplementalFields
{
position:relative;
background-color: #E9EBF9;
}
.FieldTitle A
{
font-size: smaller;
vertical-align: middle;
text-decoration: underline;
margin: 5px 8px;
}
.TagsDiv DIV
{
margin-top: 5px;
}
.TagsDiv INPUT
{
font-size: 12px;
}
.TagsDiv TABLE, .LinksDiv TABLE, .VersionsDiv TABLE
{
border-width: 0px;
cursor: default;
}
.TagsDiv IMG
{
vertical-align: middle;
margin: 0px 3px;
}
.TagsDiv .ActionLink, .LinksDiv .ActionLink
{
font-size: smaller;
text-decoration: underline;
}
.LinksDiv TABLE, .VersionsDiv TABLE
{
margin-bottom: 10px;
}
.LinksDiv TABLE DIV, .VersionsDiv TABLE DIV
{
margin-top: 3px;
}
.LinksDiv DIV, .VersionsDiv DIV
{
margin-top: 0px;
}
.LinksDiv .SourceType, .VersionsDiv .Version
{
font-weight: bold;
}
.LinksDiv IMG, .VersionsDiv IMG
{
vertical-align: middle;
margin: 0px 3px;
}
.LinksDiv TD
{
padding-top: 5px;
}
.LinksDiv .SecondaryRow, .VersionsDiv .SecondaryRow
{
font-size: smaller;
}
.LinksDiv .SecondaryRow A, .VersionsDiv .SecondaryRow A
{
text-decoration: underline;
}
.TemplateSelector .TemplateTitle
{
}
.TemplateSelector .readonlyTemplate
{
font-weight:bolder;
}
.fieldsPanel span.readonlyField
{
font-weight:bolder;
}
/* {{{ CLASS: Metadata Control */
/*****
dijit.form.Button
dijit.form.DropDownButton
dijit.form.ComboButton
dijit.form.ComboBox (partial)
*****/
.dijitButtonNode {
/* enabled state - inner */
/* border:1px outset #a0a0a0; */
border:1px solid #c0c0c0;
border-bottom:1px solid #9b9b9b;
border-right:1px solid #9b9b9b;
padding: 0.2em;
background:#fff url("images/buttonEnabled.png") repeat-x bottom left;
}
.dj_ie .dijitButtonNode {
zoom: 1;
}
.dijitButtonText {
padding: 0 0.3em;
}
.dijitComboBox .dijitButtonNode {
border: 0px;
}
.dijitArrowButton {
color: #111;
}
.dijitComboButton .dijitDownArrowButton {
padding-right:4px;
}
.dijitButtonDisabled .dijitButtonNode,
.dijitToggleButtonDisabled .dijitButtonNode,
.dijitDropDownButtonDisabled .dijitButtonNode,
.dijitComboButtonDisabled .dijitButtonNode,
.dijitComboBoxDisabled,
.dijitSpinnerDisabled,
.dijitSpinnerDisabled .dijitButtonNode {
/* disabled state - inner */
border-color: #d5d5d5 #bdbdbd #bdbdbd #d5d5d5;
/*color:#b4b4b4;*/
background:#e4e4e4 url("images/buttonDisabled.png") top repeat-x;
opacity: 0.60; /* Safari, Opera and Mozilla */
}
.dj_ie .dijitButtonDisabled .dijitButtonNode *,
.dj_ie .dijitToggleButtonDisabled .dijitButtonNode *,
.dj_ie .dijitDropDownButtonDisabled .dijitButtonNode *,
.dj_ie .dijitComboButtonDisabled .dijitButtonNode *,
.dj_ie .dijitSpinnerDisabled .dijitButtonNode * {
filter: gray() alpha(opacity=50); /* IE */
}
.dijitButtonHover .dijitButtonNode,
.dijitToggleButtonHover .dijitButtonNode,
.dijitDropDownButtonHover .dijitButtonNode,
.dijitComboButtonHover .dijitButtonContents,
.dijitComboButtonDownArrowHover .dijitDownArrowButton,
.dijitComboBoxHover .dijitDownArrowButton,
.dijitSpinnerUpArrowHover .dijitUpArrowButton,
.dijitSpinnerDownArrowHover .dijitDownArrowButton {
/* hover state - inner */
/* TODO: change from Hover to Selected so that button is still highlighted while drop down is being used */
border-color:#a5beda;
border-bottom-color:#5c7590;
border-right-color:#5c7590;
color:#000;
background:#fcfdff url("images/buttonHover.png") repeat-x bottom;
}
.dijitSpinnerUpArrowActive .dijitUpArrowButton,
.dijitSpinnerDownArrowActive .dijitDownArrowButton,
.dijitButtonActive .dijitButtonNode,
.dijitToggleButtonActive .dijitButtonNode,
.dijitDropDownButtonActive .dijitButtonNode,
.dijitComboButtonActive .dijitButtonContents,
.dijitDownArrowActive .dijitDownArrowButton,
.dijitComboBoxActive .dijitDownArrowButton {
/* active state - inner (for when you are pressing a normal button, or
* when a toggle button is in a depressed state
*/
border-color:#366dba;
background: #ededed url("images/buttonActive.png") bottom repeat-x;
}
.dijitToolbar {
border: 1px solid #9b9b9b;
background:#fafafa url("images/titleBar.png") repeat-x bottom left;
}
.dijitToolbar * {
padding: 0px;
margin: 0px;
/* #margin-top: -1px; */
/*IE*/
}
.dj_ie .dijitToolbar {
padding-bottom: 1px;
}
.dijitToolbar .dijitButtonNode {
padding: 0px;
margin: 0px;
border: 1px solid transparent;
background: none;
_margin: 1px;
_padding: 0px 1px 0px 1px;
_border: 0px;
}
.dijitToolbar .dijitToggleButtonChecked .dijitButtonNode {
background-color:#C1D2EE;
border:1px solid #316AC5;
}
.dijitToolbar .dijitToggleButtonCheckedHover .dijitButtonContents {
border-color: #366dba;
background-color:transparent;
}
.dj_ie6 .dijitToolbar .dijitButtonNode {
/* workaround no transparent border support in IE6*/
border-color: #e9e9e9;
}
.dijitToolbar .dijitButtonHover .dijitButtonNode,
.dijitToolbar .dijitToggleButtonHover .dijitButtonNode,
.dijitToolbar .dijitDropDownButtonHover .dijitButtonNode {
/* TODO: change this from Hover to Selected so that button is still highlighted while drop down is being used */
border-color: #366dba;
/* IE hackery */
_border: 1px solid #366dba;
_margin: -1px 0px 0px 0px;
_padding: 0px;
}
.dijitToolbar .dijitToolbarSeparator {
background: url('images/editor.gif');
}
.dijitArrowButtonInner {
background:url("images/arrowDown.png") no-repeat center center;
}
.dijitUpArrowButton .dijitArrowButtonInner { background-image:url("images/arrowUp.png"); }
.dj_ie6 .dijitArrowButtonInner {
background-image:url("images/arrowDown.gif");
}
.dj_ie6 .dijitUpArrowButton .dijitArrowButtonInner {
background-image:url("images/arrowUp.gif");
}
.dijitComboBox .dijitArrowButton .dijitArrowButtonInner {
background:url("images/comboArrowDown.gif") no-repeat center center;
}
.dijitComboBoxHover .dijitArrowButtonInner {
/* TODO: url("images/arrowDownHover.png") but in IE6 it flickers some? */
}
/****
dijit.form.TextBox
dijit.form.ValidationTextBox
dijit.form.SerializableTextBox
dijit.form.RangeBoundTextBox
dijit.form.NumberTextBox
dijit.form.CurrencyTextBox
dijit.form.NumberSpinner
dijit.form.ComboBox (partial)
****/
.dijitInputField INPUT,
.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
margin: 0em 0.1em;
}
div .dijitTextBox,
div .dijitComboBox,
div .dijitSpinner,
div .dijitInlineEditor input,
div .dijitTextArea {
/* For all except dijit.form.NumberSpinner: the actual input element.
For TextBox, ComboBox, Spinner: the table that contains the input.
Otherwise the actual input element.
*/
line-height: normal;
}
.dijitComboBox .dijitButtonNode {
padding: 0 0.2em;
}
.dijitComboBox .dijitButtonNode,
.dijitSpinner .dijitButtonNode {
/* line between the input area and the drop down button */
border-color: #9b9b9b;
}
div .dijitTextBoxFocused,
div .dijitComboBoxFocused,
div .dijitSpinnerFocused {
/* input field when focused (ie: typing affects it) */
border-color:#406b9b;
}
.dijitComboBoxFocused .dijitButtonNode, .dijitSpinnerFocused .dijitButtonNode {
border-left-color:#366dba;
}
.dijitSpinnerFocused .dijitDownArrowButton {
border-top-color:#366dba;
}
div .dijitError {
background-color:#f9f7ba;
background-image:none;
}
.dj_ie6 .dijitError INPUT {
/* background-color: transparent on an doesn't work on IE6 */
background-color:#f9f7ba !important;
}
.dijitErrorFocused {
background-color:#ff6;
background-image:none;
}
.dj_ie6 .dijitErrorFocused INPUT {
/* background-color: transparent on an doesn't work on IE6 */
background-color:#ff6 !important;
}
/* Validation errors */
div .dijitValidationIcon {
/* prevent height change when widget goes from valid to invalid state */
width: 16px;
background: transparent url('images/warning.png') no-repeat center center;
}
/*
* CheckBox and Radio Widgets,
* and the CSS to embed a checkbox or radio icon inside a ToggleButton.
*
* Order of images in the default sprite (from L to R, checkbox and radio in same image):
* checkbox normal - checked
* - unchecked
* disabled - checked
* - unchecked
* hover - checked
* - unchecked
*
* radio normal - checked
* - unchecked
* disabled - checked
* - unchecked
* hover - checked
* - unchecked
*/
.dijitToggleButton .dijitCheckBox,
.dijitToggleButton .dijitRadio,
.dijitToggleButton .dijitCheckBoxIcon,
.dijitToggleButton .dijitRadioIcon {
background-image: url('images/checkmarkNoBorder.gif');
}
.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxIcon, /* inside a toggle button */
.dijitRadioIcon { /* inside a toggle button */
background-image: url('images/checkmark.gif'); /* checkbox sprite image */
background-repeat: no-repeat;
width: 16px;
height: 16px;
margin: 0;
padding: 0;
}
div .dijitCheckBox,
div .dijitToggleButton .dijitCheckBoxIcon {
/* unchecked */
background-position: -16px;
}
.dijitCheckBoxChecked,
.dijitToggleButtonChecked .dijitCheckBoxIcon {
/* checked */
background-position: 0px;
}
.dijitCheckBoxDisabled {
/* disabled */
background-position: -48px;
}
.dijitCheckBoxCheckedDisabled {
/* disabled but checked */
background-position: -32px;
}
.dijitCheckBoxHover,
.dijitCheckBoxFocused {
/* hovering over an unchecked enabled checkbox */
background-position: -80px;
}
.dijitCheckBoxCheckedHover,
.dijitCheckBoxCheckedFocused {
/* hovering over a checked enabled checkbox */
background-position: -64px;
}
.dijitRadio,
.dijitToggleButton .dijitRadioIcon {
/* unselected */
background-position: -112px;
}
.dijitRadioChecked,
.dijitToggleButtonChecked .dijitRadioIcon {
/* selected */
background-position: -96px;
}
.dijitRadioDisabled {
/* unselected and disabled */
background-position: -144px;
}
.dijitRadioCheckedDisabled {
/* selected but disabled */
background-position: -128px;
}
.dijitRadioHover,
.dijitRadioFocused {
/* hovering over an unselected enabled radio button */
background-position: -176px;
}
.dijitRadioCheckedHover,
.dijitRadioCheckedFocused {
/* hovering over a selected enabled radio button */
background-position: -160px;
}
/* {{{ CLASS: Calendar Control */
.dijitCalendarIncrementControl {
/* next/prev month buttons */
width:16px;
height:16px;
}
.dj_ie6 .dijitCalendarIncrementControl {
padding:.1em;
}
.dijitCalendarIncreaseInner,
.dijitCalendarDecreaseInner {
visibility:hidden;
}
.dijitCalendarDecrease {
background:url("images/Calendar/arrowLeft.png") no-repeat center center;
}
.dj_ie6 .dijitCalendarDecrease {
background-image:url("images/Calendar/arrowLeft.gif");
}
.dijitCalendarIncrease {
background:url(images/Calendar/arrowRight.png) no-repeat center center;
}
.dj_ie6 .dijitCalendarIncrease {
background-image:url("images/Calendar/arrowRight.gif");
}
table.dijitCalendarContainer {
font-size: 100%;
border-collapse: collapse;
border-spacing: 0;
border: 1px solid #ccc;
margin: 0;
}
.dijitCalendarMonthContainer th {
/* month header cell */
background:white url("images/Calendar/calendarMonthLabel.png") repeat-x top;
padding-top:.3em;
padding-bottom:.1em;
text-align:center;
}
.dj_ie6 .dijitCalendarMonthContainer th {
padding-top:.1em;
padding-bottom:0em;
}
.dijitCalendarDayLabelTemplate {
/* day of week labels */
background:white url("images/Calendar/calendarDayLabel.png") repeat-x bottom;
font-weight:normal;
padding-top:.15em;
padding-bottom:0em;
border-top: 1px solid #eeeeee;
color:#293a4b;
text-align:center;
}
.dijitCalendarMonthLabel {
color:#293a4b;
font-weight: bold;
}
.dj_ie7 .dijitCalendarDateTemplate,
.dj_ie6 .dijitCalendarDateTemplate {
font-size: 0.8em;
}
.dijitCalendarDateTemplate {
/* style for each day cell */
font-size: 0.9em;
font-weight: bold;
text-align: center;
padding: 0.3em 0.3em 0.05em 0.3em;
letter-spacing: 1px;
}
.dijitCalendarPreviousMonth,
.dijitCalendarNextMonth {
/* days that are part of the previous or next month */
color:#999999;
background-color:#f8f8f8 !important;
}
.dijitCalendarPreviousMonthDisabled,
.dijitCalendarNextMonthDisabled {
/* days that are part of the previous or next month - disabled*/
background-color:#a4a5a6 !important;
}
.dijitCalendarCurrentMonth {
/* days that are part of this month */
background-color:white !important;
}
.dijitCalendarCurrentMonthDisabled {
/* days that are part of this month - disabled */
background-color:#bbbbbc !important;
}
.dijitCalendarDisabledDate {
/* one or the other? */
/* background: url(images/Calendar/noX.gif) no-repeat center center !important; */
text-decoration:line-through !important;
cursor:default !important;
}
.dijitCalendarCurrentDate {
/* cell for today's date */
text-decoration:underline;
font-weight:bold;
}
.dijitCalendarSelectedDate {
/* cell for the selected date */
background-color:#bbc4d0 !important;
color:black !important;
}
.dijitCalendarYearContainer {
/* footer of the table that contains the year display/selector */
background:white url("images/Calendar/calendarYearLabel.png") repeat-x bottom;
border-top:1px solid #ccc;
}
.dijitCalendarYearLabel {
/* container for all of 3 year labels */
margin:0;
padding:0.4em 0 0.25em 0;
text-align:center;
}
.dijitCalendarSelectedYear {
/* label for selected year */
color:black;
padding:0.2em;
padding-bottom:0.1em;
background-color:#bbc4d0 !important;
}
.dijitCalendarNextYear,
.dijitCalendarPreviousYear {
/* label for next/prev years */
color:black !important;
font-weight:normal;
}
/* }}} */
/* {{{ SECTION: Metadata Panel */
.MetadataPanel .dijitSplitContainerSizerH,
.MetadataPanel .dijitSplitContainerSizerV {
position:absolute;
font-size: 1px;
cursor: move;
cursor: w-resize;
background-color: ThreeDFace;
border: 1px solid;
border-color: ThreeDHighlight ThreeDShadow ThreeDShadow ThreeDHighlight;
margin: 0;
}
.MetadataPanel .dijitSplitContainerSizerH .thumb, .MetadataPanel .dijitSplitterVertical .dijitSplitterThumb {
overflow:hidden;
position:absolute;
top:49%;
}
.MetadataPanel .dijitSplitContainerSizerV .thumb, .MetadataPanel .dijitSplitterHorizontal .dijitSplitterThumb {
position:absolute;
left:49%;
}
.MetadataPanel .dijitSplitterShadow,
.MetadataPanel .dijitSplitContainerVirtualSizerH,
.MetadataPanel .dijitSplitContainerVirtualSizerV {
font-size: 1px;
background-color: ThreeDShadow;
-moz-opacity: 0.5;
opacity: 0.5;
filter: Alpha(Opacity=50);
margin: 0;
}
.dj_ie .MetadataPanel .dijitSplitterVertical, .MetadataPanel .dijitSplitContainerVirtualSizerH {
cursor: w-resize;
}
.dj_ie .MetadataPanel .dijitSplitterHorizontal,
.MetadataPanel .dijitSplitContainerSizerV,
.MetadataPanel .dijitSplitContainerVirtualSizerV {
cursor: n-resize;
}
/* }}} */
/* }}} */
/* }}} */
/* {{{ SECTION: Placeholder Input*/
.Placeholder
{
color: gray;
font-style: italic;
}
/* }}} */
/* {{{ SECTION: ColorPicker */
.ColorDisplay {
border: 1px solid #000000;
height: 18px;
width: 48px;
}
.ColorPickerHeader {
padding: 3px 8px;
border:1px solid #a0a0a0;
border-bottom-width: 0px;
background:#ededed;
width:100%;
font-weight: bold;
}
.dojoxColorPicker {
padding:8px;
border:1px solid #a0a0a0;
background:#ededed;
width:100%;
height:200px;
}
.dojoxColorPickerBox {
position:relative;
width:150px;
height:150px;
margin:0; padding:0;
}
.dojoxColorPickerUnderlay {
position:absolute;
top:0; left:0;
width:150px;
height:150px;
z-index:1;
border:1px solid #a0a0a0;
}
.dojoxHuePickerUnderlay {
background:url(images/colorpicker/hue.png) no-repeat top center;
position:absolute;
top:0; left:0;
height:150px;
width:20px;
z-index:1;
}
.dojoxHuePicker { position:relative; top:-150px; left:157px; }
.dojoxHuePickerPoint {
position:absolute;
top:0; left:0;
width:20px;
height:8px;
z-index:3;
background-color:#666;
cursor:pointer;
background:url(images/colorpicker/hueHandle.gif) no-repeat center center;
margin-top: -6px;
}
.dojoxColorPickerPoint {
position:absolute;
width:10px;
height:10px;
background: url(images/colorpicker/pickerPointer.gif) no-repeat center center;
border:0;
z-index:3;
cursor:pointer;
margin-top: -5px;
margin-left: -5px;
}
.dojoxColorPickerPreview {
display:block;
width:45px;
height:45px;
border:1px solid #333;
background-color:#fff;
position:relative;
top:-150px;
left: 185px;
}
.dojoxColorPickerWebSafePreview {
display:block;
width:25px;
height:25px;
position:relative;
top:-197px;
left:240px;
border:1px solid #333;
}
.dojoxColorPickerOptional {
position:absolute;
top: 25px;
left: 210px;
}
.dojoxColorPickerRgb { position:absolute; top:0; left:0; }
.dojoxColorPickerHsv { position:absolute; top:0; left:50px; }
.dojoxColorPickerHex { position:absolute; top:73px; left:2px; }
/* }}} */
/* {{{ SECTION: General Dijit Formatting */
.dijitReset {
/* Use this style to null out padding, margin, border in your template elements
so that page specific styles don't break them.
- Use in all TABLE, TR and TD tags.
- If there is more than one class on the tag, place this first so other classes override.
*/
margin:0px;
border:0px;
padding:0px;
line-height:normal;
font: inherit;
color: inherit;
}
.dijitInline {
/* To inline block elements.
Similar to InlineBox below, but this has fewer side-effects in Moz.
Also, apparently works on a DIV as well as a FIELDSET.
*/
display:-moz-inline-box; /* FF2 */
display:inline-block; /* webkit and FF3 */
#zoom: 1; /* set hasLayout:true to mimic inline-block */
#display:inline; /* don't use .dj_ie since that increases the priority */
border:0px;
padding:0px;
vertical-align:middle;
}
.dijitInlineTable {
/* To inline tables with a given width set (otherwise, use dijitInline above)
* Must also put style="-moz-inline-stack" on the node itself to workaround FF2 bugs
*/
display: -moz-inline-stack; /* FF2 */
display:inline-table;
display:inline-block; /* webkit and FF3 */
#zoom: 1; /* set hasLayout:true to mimic inline-block */
#display:inline; /* don't use .dj_ie since that increases the priority */
box-sizing: content-box; -moz-box-sizing: content-box;
border:0px;
padding:0px;
}
.dijitTeeny {
font-size:1px;
line-height:1px;
}
/****
3-element borders: ( dijitLeft + dijitStretch + dijitRight )
****/
.dijitLeft {
/* Left part of a 3-element border */
background-position:left top;
background-repeat:no-repeat;
}
.dijitStretch {
/* Middle (stretchy) part of a 3-element border */
white-space:nowrap; /* MOW: move somewhere else */
background-repeat:repeat-x;
}
.dijitRight {
/* Right part of a 3-element border */
#display:inline; /* IE7 sizes to outer size w/o this */
background-position:right top;
background-repeat:no-repeat;
}
/* {{{ SECTION: A11y */
.dijit_a11y * {
background-image:none !important;
background-color:transparent !important;
}
.dijit_a11y .dijit * {
background:white !important;
color:black !important;
}
.dijit_a11y .dijitButtonNode {
border:1px solid black !important;
}
.dijit_a11y .dijitCalendarIncrementControl .dijitA11ySideArrow {
padding-left:.2em;
visibility:visible !important;
}
.dijitA11ySideArrow {
vertical-align:top;
margin-right:0em;
margin-left:.2em;
line-height:2em;
text-align:center;
}
.dijit_a11y .dijit * {
background:white !important;
color:black !important;
}
.dijit_a11y .dijitButtonNode {
border:1px solid black !important;
}
.dijit_a11y .dijitButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitDropDownButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboButtonDisabled .dijitButtonNode,
.dijit_a11y .dijitComboBoxDisabled .dijitInputField,
.dijit_a11y .dijitComboBoxDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitButtonNode,
.dijit_a11y .dijitSpinnerDisabled .dijitInputField {
border-style: dotted !important;
border-color: #999 !important;
color:#999 !important;
}
/* button inner contents - labels, icons etc. */
.dijitButtonNode * {
vertical-align: middle;
}
.dijit_a11y .dijitArrowButtonInner {
width: 1.0em;
display: none !important;
}
.dijitButtonNode .dijitArrowButtonInner {
background:no-repeat center;
width: 16px;
}
.dijitComboBox .dijitArrowButtonInner {
display: block;
}
/* In high contrast mode, display the check symbol */
.dijit_a11y .dijitToggleButtonChecked .dijitToggleButtonIconChar {
display: inline !important;
}
/* }}} */
/* }}} */
/* {{{ SECTION: Validation Inputs */
/* {{{ SECTION: Inputs */
.dj_ie INPUT.dijitTextBox,
.dj_ie .dijitInputField INPUT {
background-color: #FFFFFF;
padding: 2px;
}
.dj_ie .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
margin: -1px 0px !important;
}
.dj_iequirks .dijitInputField INPUT { /* try to get rid of IE implicit margin around INPUT */
margin-top: -3px !important;
}
.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
background-color: #FFFFFF;
border: solid #7F9DB9 1px;
width: 15em; /* need to set default size on outer node since inner nodes say and | . user can override */
}
/* rules for safari to deal with fuzzy blue focus border */
.dijitTextBox input:focus,
.dijitComboBox input:focus,
.dijitSpinner input:focus {
outline: none; /* blue fuzzy line looks wrong on combobox or something w/validation icon showing */
}
.dijitTextBoxFocused,
.dijitComboBoxFocused,
.dijitSpinnerFocused {
/* should we display focus like we do on other browsers, or use the safari standard focus indicator?? */
outline: auto 5px -webkit-focus-ring-color;
}
.dijitTextBox INPUT,
.dijitComboBox INPUT,
.dijitSpinner INPUT {
padding:0px;
display:inline;
position:static !important;
border:0px !important;
margin:0px !important;
vertical-align:0em !important;
visibility:visible !important;
background-color:transparent !important;
background-image:none !important;
width:100% !important;
}
.dijitTextBox .dijitArrowButton {
/* this is for a combo box with no arrow displayed; we set baseClass=TextBox */
display:none;
}
.dijitCheckBox,
.dijitRadio,
.dijitCheckBoxInput {
padding: 0;
border: 0;
width: 16px;
height: 16px;
background-position:center center;
background-repeat:no-repeat;
overflow: hidden;
}
.dijitCheckBox INPUT,
.dijitRadio INPUT {
margin: 0;
padding: 0;
display: block;
}
.dijitCheckBoxInput {
/* place the actual input on top, but all-but-invisible */
opacity: 0.01;
}
.dj_ie .dijitCheckBoxInput {
filter: alpha(opacity=0);
}
.dijit_a11y .dijitCheckBox,
.dijit_a11y .dijitRadio {
width: auto;
height: auto;
}
.dijit_a11y .dijitCheckBoxInput {
opacity: 1;
filter: none;
width: auto;
height: auto;
}
.dijitInputField INPUT,
.dijitTextBox,
.dijitComboBox,
.dijitSpinner {
position: relative;
margin: 0.1em 0;
}
/* }}} */
/* {{{ SECTION: Validation */
/* Display an "X" for invalid input. Themes will override these rules to display an icon instead.
*/
.dijitValidationIcon {
position: absolute;
visibility: hidden;
display: block;
top: 2px;
right: 2px;
height: auto;
}
.dijitValidationIconText {
visibility: hidden;
display: none;
float:right;
font-family: sans-serif;
font-style:italic;
font-size: 0.45em;
line-height: 190%;
}
.dijit_a11y .dijitValidationIcon { display: none !important; }
.dijit_a11y .dijitValidationIconText { display: block !important; }
.dijitError .dijitValidationIcon,
.dijitError .dijitValidationIconText {
visibility: visible;
}
.dijitValidationIcon {
/* prevent height change when widget goes from valid to invalid state */
width: 16px;
height: 16px;
background: transparent url('images/warning.png') no-repeat center center;
}
/* }}} */
/* {{{ SECTION: Popups */
.dj_safari .dijitPopup {
/* -webkit-border-radius: 5px; */
-webkit-box-shadow: 0px 5px 10px #adadad;
}
.dijitPopup div, .dijitPopup table {
opacity: 0.95;
}
/* }}} */
/* {{{ SECTION: Tooltips */
.dijitTooltip {
position: absolute;
z-index: 2000;
display: block;
/* make visible but off screen */
left: 50%;
top: -10000px;
overflow: visible;
}
.dijitTooltipContainer {
border: solid black 2px;
background: #b8b5b5;
color: black;
font-size: small;
margin: 4px;
}
.dijitTooltipFocusNode {
padding: 2px 2px 2px 2px;
}
.dijitTooltipConnector {
position: absolute;
}
/* MOW: using actual images at this time
/* draw an arrow with CSS only * /
.dijitTooltipConnector {
/* the border on the triangle * /
font-size: 0px; line-height: 0%; width: 0px;
border-top: none;
border-bottom: 14px solid black;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
top: -14px;
left: 3px;
z-index: 2;
}
.dijitTooltipConnector div {
/* the background of the triangle * /
font-size: 0px; line-height: 0%; width: 0px;
position: absolute;
border-bottom: 10px solid #b8b5b5;
border-left: 5px solid transparent;
border-right: 5px solid transparent;
top: 6px;
left: -5px;
z-index: 3;
}
/* }}} */
/* }}} */
/* {{{ SECTION: Layout Controls*/
/* {{{ SECTION: Generic Container */
.dijitContainer {
/* for all layout containers */
overflow: hidden; /* need on IE so something can be reduced in size, and so scrollbars aren't temporarily displayed when resizing */
}
.dijitContentPane {
display: block;
overflow: auto; /* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
}
.dijitLayoutContainer{
position: relative;
display: block;
overflow: hidden;
}
body .dijitAlignTop,
body .dijitAlignBottom,
body .dijitAlignLeft,
body .dijitAlignRight {
position: absolute;
overflow: hidden;
}
body .dijitAlignClient { position: absolute; }
/* }}} */
/* {{{ SECTION: Tabs */
.TabContainer
{
height: 22px;
width: 100%;
border-bottom: solid 1px #8E97B8;
position: relative;
}
.TabContainer .MoreLink
{
position: absolute;
right: 5px;
top: 0px;
height: 22px;
line-height: 22px;
vertical-align: middle;
}
.Tab
{
border-left: solid 1px #8E97B8;
border-right: solid 1px #8E97B8;
position: absolute;
height: 22px;
background-image: url("images/tabs/tabNormTop_tile.gif") ;
background-repeat: repeat-x;
background-position: top;
cursor: pointer;
overflow: hidden;
}
.TabOver
{
background-image: url("images/tabs/tabOverTop_tile.gif");
}
.TabSelected
{
background-image:url("images/tabs/tabSelTop_tile.gif") ;
font-weight: bold;
}
.Tab .NameDiv
{
top: 0px;
left: 0px;
padding: 0px 5px;
overflow: hidden;
line-height: 22px;
vertical-align: middle;
}
.Tab .NameDiv *
{
line-height: 22px;
vertical-align: middle;
}
.Tab .NameDiv IMG
{
height: 18px;
width: 18px;
margin-top: 2px;
margin-right: 3px;
}
.Tab .CloseDiv
{
position: absolute;
top: 5px;
right: 5px;
width: 12px;
}
.MoreTabsMenu
{
position: absolute;
right: 0px;
z-index: 10;
}
.MoreTabsMenu .Menu
{
position: absolute;
right: 0px;
z-index: 10;
}
.MoreTabsMenu .MenuShim
{
position: absolute;
right: 0px;
}
/* }}} */
/* {{{ SECTION: Dojo Tabs*/
.dijitTabContainer .dijitAlignTop {
/* position the tab labels row down by 1 px, and on top of the dijitTabPaneWrapper
so the buttons can overlay the tab pane properly */
top:1px !important;
z-index:10;
}
.dijitTabContainer .dijitAlignBottom {
/* position the tab labels row up by 1 px so they overlap */
margin-top:-1px !important;
z-index:10;
}
.dijitTabContainer .dijitAlignLeft {
/* position the tab labels left by 1 px so they overlap */
margin-right:-1px !important;
z-index:10;
}
.dijitTabContainer .dijitAlignRight {
/* position the tab labels row up by 1 px, and on top of the dijitTabPaneWrapper
so the buttons can overlay the tab pane properly */
margin-left:-1px !important;
z-index:10;
}
.dijitTabPaneWrapper {
z-index:0;
overflow: hidden;
}
.dijitTab {
position:relative;
float:left;
cursor:pointer;
white-space:nowrap;
z-index:3;
}
.dijitTabContainer .dijitAlignLeft .dijitTab,
.dijitTabContainer .dijitAlignRight .dijitTab {
float:none;
}
.dijitTabInnerDiv {
position:relative;
}
.dijitTab .close {
display: inline-block;
cursor: default;
font-size: small;
}
/* images off, high-contrast mode styles */
.dijitTab .closeText {
display:none;
padding: 0px 2px;
margin: 0px 2px;
}
.dijit_a11y .dijitTab .closeImage {
padding: 0px !important;
margin: 0px !important;
top: 0px !important;
bottom: 0px !important;
}
.dijit_a11y .closeText {
display:inline;
margin-left:6px;
}
.dijit_a11y .closeText:hover {
border:thin solid;
}
.dijit_a11y .dijitTabChecked {
border-style:dashed !important;
}
.dijit_a11y .dijitTabInnerDiv {
border-left:none !important;
}
.dijitTabPaneWrapper {
/*
overflow: hidden;
*/
background:#E9EBF9;
border:1px solid #8E97B8;
border-top-color: #5F6889;
}
.dijitTab {
line-height:normal;
margin-right:5px; /* space between one tab and the next in top/bottom mode */
padding:0px;
background-image: url("images/tabs/tabNormTop_tile.gif") ;
background-repeat: repeat-x;
background-position: top;
border-left: solid 1px #8E97B8;
border-right: solid 1px #8E97B8;
}
.dijitAlignLeft .dijitTab,
.dijitAlignRight .dijitTab {
margin-right:0px;
margin-bottom:5px; /* space between one tab and the next in left/right mode */
}
.dijitTabInnerDiv {
padding:5px 10px 4px 10px;
}
.dijitTabHover,
.dijitTabCloseButtonHover {
color: #243C5F;
background-image: url("images/tabs/tabOverTop_tile.gif");
background-repeat: repeat-x;
background-position: top;
}
.dj_ie6 .dijitTabHover,
.dj_ie6 .dijitTabCloseButtonHover {
background-image: url("images/tabs/tabOverTop_tile.gif");
}
.dijitTabChecked,
.dijitTabCloseButtonChecked
{
/* the selected tab (with or without hover) */
background-image:url("images/tabs/tabSelTop_tile.gif") ;
border-left: solid 1px #8E97B8;
border-right: solid 1px #8E97B8;
}
.dijitAlignTop .dijitTab
{
border-top-width: 0px;
border-bottom-width: 0px;
}
/* make the active tab white on the side next to the content pane */
.dijitAlignTop .dijitTabChecked,
.dijitAlignTop .dijitTabCloseButtonChecked
{
border-top-width: 0px;
border-bottom-width: 0px;
}
.dijitAlignBottom .dijitTab
{
background-image: url("images/tabs/tabNormBtm_tile.gif") ;
border-top-width: 0px;
-moz-border-radius:1px 1px 0px 0px; /* eliminate some border detritrus on moz */
background-position:bottom;
}
.dijitAlignBottom .dijitTabHover
{
background-image: url("images/tabs/tabOverBtm_tile.gif") ;
}
.dijitAlignBottom .dijitTabChecked,
.dijitAlignBottom .dijitTabCloseButtonChecked
{
background-image: url("images/tabs/tabSelBtm_tile.gif") ;
}
.dijitAlignLeft .dijitTabChecked,
.dijitAlignLeft .dijitTabCloseButtonChecked
{
border-right-color:white;
}
.dijitAlignRight .dijitTabChecked,
.dijitAlignRight .dijitTabCloseButtonChecked
{
border-left-color:white;
}
/* make space for a positioned close button */
.dijitTab .dijitClosable {
position: relative;
padding:5px 20px 4px 10px;
}
.dijitTab .dijitClosable .closeImage {
position:absolute;
top: 5px;
right: 3px;
height: 12px;
width: 12px;
padding: 0;
margin: 0;
background: url("images/tabs/tabClose.png") no-repeat right top;
}
.dj_ie6 .dijitTab .dijitClosable .closeImage {
background-image:url("images/tabs/tabClose.gif");
}
.dijitTabCloseButton .dijitClosable .closeImage {
background-image : url("images/tabs/tabClose.png");
}
.dj_ie6 .dijitTabCloseButton .dijitClosable .closeImage {
background-image : url("images/tabs/tabClose.gif");
}
.dijitTabCloseButtonHover .dijitClosable .closeImage {
background-image : url("images/tabs/tabCloseHover.png");
}
.dj_ie6 .dijitTabCloseButtonHover .dijitClosable .closeImage {
background-image : url("images/tabs/tabCloseHover.gif");
}
.dijitAlignLeft .dijitTab .dijitClosable {
padding:5px 10px 4px 20px;
}
/* correct for IE6.
We cant force hasLayout as that blows out the shrink wrapped tabs
..so we shim in the closeImage position properties instead
*/
.dj_ie6 .dijitAlignLeft .dijitTab .dijitClosable .closeImage {
left:-20px;
}
.dijitAlignBottom .dijitTab .dijitClosable .closeImage {
top: auto;
bottom: 7px;
right: 3px;
}
.dijitAlignLeft .dijitTab .dijitClosable .closeImage {
top: 7px;
left: 3px;
}
/* }}} */
/* {{{ SECTION: Splitter*/
.dijitSplitter {
position: absolute;
z-index: 799;
}
.dijitSplitterCover
{
position:absolute;
z-index:1;
top:0;
left:0;
width:100%;
height:100%;
}
.dijitSplitterHorizontal {
background-color: #FFFFFF;
border: solid 1px #8E97B8;
border-left-width: 0px;
border-right: solid 1px #FFFFFF;
height:10px;
width: 100%;
cursor: n-resize;
}
.dijitSplitterVertical {
background-color: #FFFFFF;
background-color: #FFFFFF;
border-width: 0px;
width:10px;
height:100%;
cursor: e-resize;
}
/* }}} */
/* }}} */
/* }}} */
/* {{{ SECTION: Icons */
.ActionIcon
{
background-repeat: no-repeat;
height: 16px;
width: 16px;
}
.SelectableIcon
{
background-image: url(images/transparent.gif);
height: 16px;
width: 16px;
}
.SelectedItem .SelectableIcon
{
background-image: url(images/check.gif);
height: 16px;
width: 16px;
}
.FieldAttribute .NameCell
{
background-image: url(images/icons/field.gif);
background-repeat: no-repeat;
padding-left: 20px;
}
/* {{{ SECTION: General Actions */
.CutIcon, .CopyIcon, .PasteIcon, .PasteShortIcon, .OpenIcon,
.RefreshIcon, .ScanIcon, .EmailIcon, .DeleteIcon, .ImportIcon,
.SaveIcon, .RevertIcon, .CODocsIcon, .CloseIcon
{
background-image: url(images/actions/general-icons1.gif);
}
.CutIcon { background-position: 0 0; } .Disabled .CutIcon { background-position: -16px 0; }
.CopyIcon { background-position: 0 -16px; } .Disabled .CopyIcon { background-position: -16px -16px; }
.PasteIcon { background-position: 0 -32px; } .Disabled .PasteIcon { background-position: -16px -32px; }
.PasteShortIcon { background-position: 0 -48px; } .Disabled .PasteShortIcon { background-position: -16px -48px; }
.OpenIcon { background-position: 0 -64px; } .Disabled .OpenIcon { background-position: -16px -256px; }
.RefreshIcon { background-position: 0 -80px; } .Disabled .RefreshIcon { background-position: -16px -80px; }
.ScanIcon { background-position: 0 -96px; } .Disabled .ScanIcon { background-position: -16px -96px; }
.EmailIcon { background-position: 0 -112px; } .Disabled .Email { background-position: -16px -112px; }
.DeleteIcon { background-position: 0 -128px; } .Disabled .DeleteIcon { background-position: -16px -128px; }
.ImportIcon { background-position: 0 -144px; } .Disabled .ImportIcon { background-position: -16px -144px; }
.SaveIcon { background-position: 0 -160px; } .Disabled .SaveIcon { background-position: -16px -160px; }
.RevertIcon { background-position: 0 -176px; } .Disabled .RevertIcon { background-position: -16px -176px; }
.CODocsIcon { background-position: 0 -192px; } .Disabled .CODocsIcon { background-position: -16px -192px; }
.CloseIcon { background-position: 0 -208px; } .Disabled .CODocsIcon { background-position: -16px -208px; }
/* }}} */
/* {{{ SECTION: Settings */
.ChangePWIcon, .SearchAttIcon, .ColumnsIcon, .ToolbarIcon, .SettingsIcon
{
background-image: url(images/actions/settings-icons1.gif);
}
.ChangePWIcon { background-position: 0 0; } .Disabled .ChangePWIcon { background-position: -16px 0; }
.SearchAttIcon { background-position: 0 -16px; } .Disabled .SearchAttIcon { background-position: -16px -16px; }
.ColumnsIcon { background-position: 0 -32px; } .Disabled .ColumnsIcon { background-position: -16px -32px; }
.ToolbarIcon { background-position: 0 -48px; } .Disabled .ToolbarIcon { background-position: -16px -48px; }
.SettingsIcon { background-position: 0 -64px; } .Disabled .ToolbarIcon { background-position: -16px -64px; }
/* }}} */
/* {{{ SECTION: Browser */
.MigrateIcon, .MoveIcon, .NewFolIcon, .NewDocIcon, .ShortcutIcon,
.PurgeIcon, .PurgeAllIcon, .RestoreIcon, .RenameIcon, .ListContentsIcon,
.UpFolderIcon, .PrintContentsIcon
{
background-image: url(images/actions/browser-icons1.gif);
}
.MigrateIcon { background-position: 0 0; } .Disabled .MigrateIcon { background-position: -16px 0; }
.MoveIcon { background-position: 0 -16px; } .Disabled .MoveIcon { background-position: -16px -16px; }
.NewFolIcon { background-position: 0 -32px; } .Disabled .NewFolIcon { background-position: -16px -32px; }
.NewDocIcon { background-position: 0 -48px; } .Disabled .NewDocIcon { background-position: -16px -48px; }
.ShortcutIcon { background-position: 0 -64px; } .Disabled .ShortcutIcon { background-position: -16px -64px; }
.RestoreIcon { background-position: 0 -80px; } .Disabled .RestoreIcon { background-position: -16px -80px; }
.PurgeIcon { background-position: 0 -96px; } .Disabled .PurgeIcon { background-position: -16px -96px; }
.PurgeAllIcon { background-position: 0 -112px; } .Disabled .PurgeAllIcon { background-position: -16px -112px; }
.ListContentsIcon { background-position: 0 -128px; } .Disabled .ListContentsIcon { background-position: -16px -128px; }
.RenameIcon { background-position: 0 -144px; } .Disabled .RenameIcon { background-position: -16px -144px; }
.UpFolderIcon { background-position: 0 -160px; } .Disabled .UpFolderIcon { background-position: -16px -160px; }
.PrintContentsIcon { background-position: 0 -176px; } .Disabled .PrintContentsIcon { background-position: -16px -176px; }
/* }}} */
/* {{{ SECTION: Document Operations */
.CheckInIcon, .CheckOutIcon, .CODetailsIcon, .UndoCOIcon, .DeleteEfileIcon,
.ReplaceEfileIcon, .ExportIcon, .BriefcaseIcon, .EfileIcon, .ImageIcon,
.PDFIcon, .TextIcon, .MakeTextIcon, .FieldsIcon, .PropsIcon,
.EntryAccessIcon
{
background-image: url(images/actions/docops-icons1.gif);
}
.CheckInIcon { background-position: 0 0; } .Disabled .CheckInIcon { background-position: -16px 0; }
.CheckOutIcon { background-position: 0 -16px; } .Disabled .CheckOutIcon { background-position: -16px -16px; }
.CODetailsIcon { background-position: 0 -32px; } .Disabled .CODetailsIcon { background-position: -16px -32px; }
.UndoCOIcon { background-position: 0 -48px; } .Disabled .UndoCOIcon { background-position: -16px -48px; }
.DeleteEfileIcon { background-position: 0 -64px; } .Disabled .DeleteEfileIcon { background-position: -16px -64px; }
.ReplaceEfileIcon { background-position: 0 -80px; } .Disabled .ReplaceEfileIcon { background-position: -16px -80px; }
.ExportIcon { background-position: 0 -96px; } .Disabled .ExportIcon { background-position: -16px -96px; }
.BriefcaseIcon { background-position: 0 -112px; } .Disabled .BriefcaseIcon { background-position: -16px -112px; }
.EfileIcon { background-position: 0 -128px; } .Disabled .EfileIcon { background-position: -16px -128px; }
.ImageIcon { background-position: 0 -144px; } .Disabled .ImageIcon { background-position: -16px -144px; }
.PDFIcon { background-position: 0 -160px; } .Disabled .PDFIcon { background-position: -16px -160px; }
.TextIcon { background-position: 0 -176px; } .Disabled .TextIcon { background-position: -16px -176px; }
.MakeTextIcon { background-position: 0 -192px; } .Disabled .MakeTextIcon { background-position: -16px -192px; }
.FieldsIcon { background-position: 0 -208px; } .Disabled .FieldsIcon { background-position: -16px -208px; }
.PropsIcon { background-position: 0 -224px; } .Disabled .PropsIcon { background-position: -16px -224px; }
.EntryAccessIcon { background-position: 0 -240px; } .Disabled .EntryAccessIcon { background-position: -16px -240px; }
/* }}} */
/* {{{ SECTION: Image View */
.FirstPageIcon, .FitHeightIcon, .FitWidthIcon, .FitWindowIcon, .LastPageIcon,
.NextPageIcon, .PrevPageIcon, .AnnPropsIcon, .ZoomInIcon, .ZoomOutIcon,
.RotateIcon, .RotateCCWIcon
{
background-image: url(images/actions/imageview-icons1.gif);
}
.FirstPageIcon { background-position: 0 0; } .Disabled .FirstPageIcon { background-position: -16px 0; }
.FitHeightIcon { background-position: 0 -16px; } .Disabled .FitHeightIcon { background-position: -16px -16px; }
.FitWidthIcon { background-position: 0 -32px; } .Disabled .FitWidthIcon { background-position: -16px -32px; }
.FitWindowIcon { background-position: 0 -48px; } .Disabled .FitWindowIcon { background-position: -16px -48px; }
.LastPageIcon { background-position: 0 -64px; } .Disabled .LastPageIcon { background-position: -16px -64px; }
.NextPageIcon { background-position: 0 -80px; } .Disabled .NextPageIcon { background-position: -16px -80px; }
.PrevPageIcon { background-position: 0 -96px; } .Disabled .PrevPageIcon { background-position: -16px -96px; }
.AnnPropsIcon { background-position: 0 -112px; } .Disabled .AnnPropsIcon { background-position: -16px -112px; }
.ZoomInIcon { background-position: 0 -128px; } .Disabled .ZoomInIcon { background-position: -16px -128px; }
.ZoomOutIcon { background-position: 0 -144px; } .Disabled .ZoomOutIcon { background-position: -16px -144px; }
.RotateIcon { background-position: 0 -160px; } .Disabled .RotateIcon { background-position: -16px -160px; }
.RotateCCWIcon { background-position: 0 -176px; } .Disabled .RotateCCWIcon { background-position: -16px -176px; }
/* }}} */
.LaserficheIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/icons/LaserficheIcon.gif);
background-repeat: no-repeat;
}
/* {{{ SECTION: Entry Icons */
.RepositoryIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/icons/repository.gif);
background-repeat: no-repeat;
}
.RepositoryConnectedIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/icons/repository_LoggedIn.gif);
background-repeat: no-repeat;
}
.FolderIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/icons/Folder.gif);
background-repeat: no-repeat;
}
.dijitTreeContentFocused .FolderIcon
{
background-image: url(images/icons/OpenFolder.gif);
}
.RSIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/icons/RecordSeries.gif);
background-repeat: no-repeat;
}
.dijitTreeContentFocused .RSIcon
{
background-image: url(images/icons/RecordSeriesOpen.gif);
}
.RFIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/icons/RecordFolder.gif);
background-repeat: no-repeat;
}
.dijitTreeContentFocused .RFIcon
{
background-image: url(images/icons/recordFolderOpen.gif);
}
.RecycleBinIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/icons/Recycle.gif);
background-repeat: no-repeat;
}
/* }}} */
/* {{{ SECTION: Annotation Types */
.AttachmentIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/attach.gif);
background-repeat: no-repeat;
}
.CalloutIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/callout.gif);
background-repeat: no-repeat;
}
.FreehandIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/freehand.gif);
background-repeat: no-repeat;
}
.ImageAnnIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/image.gif);
background-repeat: no-repeat;
}
.LineIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/line.gif);
background-repeat: no-repeat;
}
.PanIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/pan.gif);
background-repeat: no-repeat;
}
.RectangleIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/rect.gif);
background-repeat: no-repeat;
}
.SelectionIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/selection.gif);
background-repeat: no-repeat;
}
.StickyNoteIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/sn.gif);
background-repeat: no-repeat;
}
.ZoomIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/zoom.gif);
background-repeat: no-repeat;
}
.StampIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/stamp.gif);
background-repeat: no-repeat;
}
.TextAnnIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/text.gif);
background-repeat: no-repeat;
}
.HighlightIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/highlight.gif);
background-repeat: no-repeat;
}
.RedactionIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/redact.gif);
background-repeat: no-repeat;
}
.StrikeoutIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/strike.gif);
background-repeat: no-repeat;
}
.UnderlineIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/annotations/underline.gif);
background-repeat: no-repeat;
}
/* }}} */
/* }}} */
/* {{{ SECTION: Miscellaneous */
.TrusteeListClass
{
border:solid 1px black;
}
/* Drag and drop tree */
.dojoDndContainerDragging .dojoDndItemOver
{
border-style:dotted;
border-width:1px;
border-color:Gray;
}
.dndIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/dnd/notdroppable.gif);
background-repeat: no-repeat;
}
.dojoDndAvatarCanDrop .dndIcon
{
height: 16px;
width: 16px;
margin-right: 4px;
background-image: url(images/dnd/droppable.gif);
background-repeat: no-repeat;
}
/* CUSTOM ADVANCED SEARCH */
/* REMOVE ADD FIELDS */
#fieldsControl_selectFieldLink {
display: none;
}
/* }}} */
|