/* query image button*/
a.querySpinner
{
    background-image: url(images/queryspinner.gif);
    float: left;
    height: 15px;
    width: 15px;
    margin: 1px 5px 1px 1px;
    overflow: hidden;
}

a.queryImage
{
    background-image: url(images/Refresh.gif);
    background-repeat: no-repeat;
    display: block;
    float: left;
    height: 15px;
    width: 15px;
    margin: 1px 5px 1px 1px;
    overflow: hidden;
}
a.queryImage:hover
{
    background-image: url(images/RefreshFlip.gif);
}
.headerOptions
{
    background-image: url(images/HeaderRow.jpg);
    background-repeat: repeat;
}

.fixedRow
{
    background-color: #efefef;
    text-align: left;
    cursor: pointer;
    font-size: larger;
}
.fixedRow td, .menuFixedRow td
{
    background-image: url(images/HeaderRow.png);
    background-repeat: repeat;
    border: 1px solid #CCCCCC;
}

/*wraper for all the everything */
div.resultsWrapper
{
    z-index: 20;
}
/*holds both tables*/
div.tablesWrapper
{
    border: 1px solid green;
}
/*holds the result table*/

div.tableWrapper
{
    display: none;
    overflow-x: auto;
    overflow-y: hidden;
}
div.fixedHeaderDiv {
    /* position: sticky;
    top: 0;
    overflow-x: hidden;*/
    overflow: hidden;
}
table.resultsTable td
{
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px 0;
    line-height: inherit;
    overflow: hidden;
    padding: 0 3px;
    vertical-align: bottom;
    white-space: nowrap;
    overflow: hidden;
    height: 20px; /*border: 1px solid red; 	background-color:#FFFFFF; 	border-collapse:collapse; 	overflow:hidden; 		*/
}

table.resultsTable tbody.resultsBody tr.even
{
    background-color: #F0F0F6;
}

table.resultsTable tbody
{
    border-collapse: separate;
    border-spacing: 0;
    border-style: none;
    cursor: default; /*font-size:13px;*/
}

tr.fixedRow td
{
    cursor: move;
}
tr.headerOptions, tr.menuFixedHeaderRow
{
    white-space: nowrap;
    background-image: url(images/bg_button_span.gif);
    background-repeat: repeat;
}
div.tablesWrapper td.fixed
{
    border: 1px solid gray;
    /*white-space: nowrap;*/
    border-collapse: collapse;
    background-color: White;
    position: absolute;
    /*overflow: auto;*/
}



table.optionsTable tbody.optionsBody tr.innerOption td
{
    border: 0px;
}
table.fixedTable
{
}
table.fixedTable td, table.fixedTable th
{
    overflow: hidden;
}

/*table justification
tr.innerRow
{
	border:1px solid green;
}
*/
td.left, td.undefined
{
    text-align: left;
}
td.right
{
    text-align: right;
}
td.center
{
    text-align: center;
}
table.resultsTable tbody.resultsBody tr td.noXref
{
    border: 1px dashed red;
}
/*pager*/
div.changes
{
    display: inline;
}

div.numRecords
{
    display: inline;
}
div.tableOptions
{
    float: right;
    display: none;
}



/*header order and lock*/
div.order
{
    cursor: pointer;
    background-image: url(images/bgOnly.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-table;
    width: 15px;
    height: 15px;
    margin: 0px 4px 0px 4px;
}
div.order:hover
{
    background-image: url(images/ascOnly.png);
}
div.orderAsc
{
    cursor: pointer;
    background-image: url(images/ascOnly.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-table;
    width: 15px;
    height: 15px;
    margin: 0px 4px 0px 4px;
}
div.orderAsc:hover
{
    background-image: url(images/descOnly.png);
}
div.orderDesc
{
    cursor: pointer;
    background-image: url(images/descOnly.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display: inline-table;
    width: 15px;
    height: 15px;
    margin: 0px 4px 0px 4px;
}
div.orderDesc:hover
{
    background-image: url(images/bgOnly.png);
}

div.lock
{
    cursor: pointer;
    background-image: url(images/lock30Small.png);
    background-repeat: no-repeat;
    background-position: -20px 0px;
    overflow: hidden;
    display: inline-table;
    width: 15px;
    height: 15px;
    margin: 0px 4px 0px 4px;
    left: 20px;
}
div.lock:hover
{
    background-position: -1px 0px;
}
div.unLock
{
    cursor: pointer;
    background-image: url(images/lock30Small.jpg);
    background-repeat: no-repeat;
    background-position: -1px 0px;
    overflow: hidden;
    display: inline-table;
    width: 15px;
    height: 15px;
    margin: 0px 4px 0px 4px;
}
div.unLock:hover
{
    background-position: -20px 0px;
}
/*visibility and key fields*/
div.inVisibleColums
{
    cursor: pointer;
    color: Green;
    display: inline-table;
    visibility: hidden;
    right: auto;
    width: 15px;
    margin: 0px 4px 0px 4px;
}
div.key
{
    cursor: default;
    background-image: url(images/key.png);
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-table;
    width: 15px;
    height: 15px;
    margin: 0px 4px 0px 4px;
}
div.inVisibleColums
{
    cursor: pointer;
    background-image: url(images/notVisible.png);
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-table;
    width: 15px;
    height: 15px;
    visibility: visible;
}
div.showInVisibleColums
{
    background-image: url(images/visible.png);
}
div.visible
{
    cursor: pointer;
    background-image: url(images/visible.png);
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 4px 0px 4px;
}

div.iVisible
{
    cursor: pointer;
    background-image: url(images/visible.png);
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin: 0px 4px 0px 4px;
}

div.visible:hover
{
    cursor: pointer;
    background-image: url(images/notVisible.png);
    background-repeat: no-repeat;
    overflow: hidden;
    display: inline-table;
    position: relative;
    width: 15px;
    height: 15px;
}
td.notVisible > *, th.notVisible > *
{
    display: none;
}
tr.headerOptions td.notVisible:hover, tr.fixedHeaderRow th.notVisible:hover
{
    background-color: Blue;
    cursor: pointer;
}
th.notVisible:hover
{
}
/*cell input*/
div.cellInputDiv
{
    display: block;
    overflow: hidden;
    white-space: nowrap;
}
div.cellInputDiv input.cellInput
{
    font-size: inherit;
    font-style: inherit;
}
/*cell editability*/
table.resultsTable tr td.editable
{
    cursor: pointer;
}

td.boolean.checked div
{
    background-image: url(jqueryui/css/south-street/images/ui-icons_57BD57_256x240.png);
    background-repeat: no-repeat;
    background-position: -64px -146px;
    display: block;
    width: 15px;
    height: 15px;
}

td.boolean div
{
    background-image: url(jqueryui/css/south-street/images/ui-icons_cd0a0a_256x240.png);
    background-repeat: no-repeat;
    background-position: -96px -128px;
    display: block;
    width: 15px;
    height: 15px;
}

td.lock.checked div
{
    background-image: url(jqueryui/css/south-street/images/ui-icons_cd0a0a_256x240.png);
    background-repeat: no-repeat;
    background-position: -192px -96px;
    display: block;
    width: 15px;
    height: 15px;
}

td.lock div
{
    background-image: url(jqueryui/css/south-street/images/ui-icons_57BD57_256x240.png);
    background-repeat: no-repeat;
    background-position: -208px -96px;
    display: block;
    width: 15px;
    height: 15px;
}


/*
table.tablesorter tbody tr td.locked div
{
	background-image: url(jqueryui/css/south-street/images/ui-icons_57BD57_256x240.png);
   	background-repeat:no-repeat;
   	background-position: -192px -96px;
   	display:block;
   	width:15px;
   	height:15px;
}

table.tablesorter tbody tr td.unlocked div
{
   	background-image: url(jqueryui/css/south-street/images/ui-icons_cd0a0a_256x240.png);
   	background-repeat:no-repeat;
   	background-position: -208px -96px;
   	display:block;
   	width:15px;
   	height:15px;
}

.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
*/

table.resultsTable tbody.resultsBody tr.delete
{
    background-color: Red;
}
table.resultsTable tbody.resultsBody tr.error, table.resultsTable tbody.resultsBody tr.duplicate
{
    background-color: Orange;
}

table.resultsTable tr.new td, table.resultsTable tr td.edited
{
    color: Green;
}

div.fixedColumnDiv
{
    position: absolute;
}

/*Options*/
div.optionsWrapperDiv
{
    position: relative;
    display: none;
    float: left;
}
div.optionsDiv
{
    overflow: hidden;
}

div.optionsHeaderDiv
{
    /*position: sticky;
    top: 0;
    overflow-x: hidden;*/
    width: 100%;
}
div.rowMenu
{
    display:none;
    background-color:#ccc;
    position:absolute;
    border:1px solid Gray;
    padding-left:5px;
    padding-right:10px;
    width: 15%;
    background-image: url(images/HeaderRow.png);
}

table.resultsTable tbody.resultsBody tr.hasRowMenu
{
    background-color: Yellow;
}
div.innerDiv
{
    background-image: url(images/MinMax.gif);
    cursor: pointer;
    display: block;
    width: 12px;
    height: 12px;
}
div.innerDiv:hover
{
    background-position: 0px 12px;
}

div.open
{
    background-image: url(images/MinMax.gif);
    background-position: 12px 0px;
}
div.open:hover
{
    background-position: 12px 12px;
}



div.rowNumber
{
    cursor: pointer;
    display: block;
    height: 15px;
}

table.optionsTable
{
    width: 100%;
}

table.optionsTable tbody.optionsBody tr td.rowNumber
{
    background-image: url(images/HeaderRow.png);
    background-repeat: repeat;
    border-color: #CCCCCC;
    border-style: solid;
    border-width: 0 1px 1px 0;
    line-height: inherit;
    overflow: hidden;
    padding: 0 3px;
    vertical-align: bottom;
    white-space: nowrap;
    cursor: pointer;
    text-align: right;
    height: 20px;
}

ul.tableMenu
{
    list-style-type: none;
    padding: 0px;
}

ul.visibleColumns
{
    list-style-type: none;
    padding: 0px;
}
ul.visibleColumns li
{
    cursor: pointer;
}
ul.visibleColumns li:hover
{
    background-color: Green;
    color: White;
}

li.tableItem span
{
    margin-left: 20px;
    border-left: 1px solid Gray;
    border-bottom: 1px solid Gray;
}
li.tableItem span:hover
{
    background-color: Green;
    color: White;
}
/*div.tableItem
{
	width:17px;
	white-space:nowrap;
	vertical-align:bottom;
	text-align:left;
}*/
li.copy
{
    background-image: url(images/contextmenu/icons/folders.png);
    background-repeat: no-repeat;
}

li.full
{
    background-image: url(images/contextmenu/icons/edit.png);
    background-repeat: no-repeat;
}

li.delete
{
    background-image: url(images/contextmenu/icons/cancel.png);
    background-repeat: no-repeat;
}

li.revert
{
    background-image: url(images/revert.png);
    background-repeat: no-repeat;
}


div.new
{
    background-image: url(images/add24.png);
    background-repeat: no-repeat;
    float: left;
    position: relative;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
div.save
{
    background-image: url(images/save.png);
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
div.export
{
    background-image: url(images/export16.png);
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
div.import
{
    background-image: url(images/import_icon.png);
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    cursor: pointer;
}
div.revertAll
{
    background-image: url(images/Revert24.png);
    display: inline-block;
    position: relative;
    border: 1px solid red;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

table.optionsTable tr td
{
    /*border: 1px solid red;*/
}
/* autoFill*/
table.resultsTable tbody.resultsBody tr td.autoFillSide
{
    border-left: 1px dashed Black;
    border-right: 1px dashed Black;
    cursor: move;
}
table.resultsTable tbody.resultsBody tr td.autoFillTop
{
    border-top: 1px dashed Black;
}
table.resultsTable tbody.resultsBody tr td.autoFillBottom
{
    border-bottom: 1px dashed Black;
}

table.optionsTable tbody.optionsBody tr.new
{
    color: Green;
}
/*pager*/
select.pageSelector
{
    display: inline;
}

/*modal*/
div.ModalDiv td.editable
{
    cursor: pointer;
}
div.visibleColumns
{
    display: none;
    position: absolute;
    background-color: #cccccc;
    border: 1px solid black;
    padding: 10px;
}