/* 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;*/
	/*font-size:smaller;*/
}	
.fixedRow td, .menuFixedRow td
{
	background-image: url(images/HeaderRow.png);
	background-color: #ccc;
	background-repeat:repeat;
	border: 1px solid #CCCCCC;
	height: 20px;
	white-space: nowrap;
}

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

div.tableWrapper
{	
	display:none;
	overflow-x:auto;
	overflow-y:hidden;
}
div.fixedHeaderDiv
{
	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-collapse: collapse;
	/*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;*/
}

table.resultsTable thead.resultsHead tr
{
	height: 0;
}

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;
	height: 18px;
}
/*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.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:inline;
 	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;
}

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;
	font-size: 10px;
}
div.optionsDiv
{
	overflow:hidden;	
}

div.optionsHeaderDiv
{

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

/* Highlighting */
.F90
{
	background-color: #F90 !important;
}
.F96
{
	background-color: #F96 !important;	
}
.FF0
{
	background-color: #FF0 !important;
}

table.resultsTable tbody.resultsBody tr.hasRowMenu
{
	background-color:#FF0 !important;
}

.selectedRow
{
	/*font-style: italic;*/
	font-weight: bold;
	color: Blue;	
}

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 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;
	width: 33px;
}

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;
   	float: left;
   	margin-right: 2px;
}
div.export
{
	background-image: url(images/export16.png);
	display:inline-block;
	position:relative;
	width:16px;
   	height:16px;
   	cursor:pointer;
   	float: right;
}
.wider
{
	width: 55px;
}
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;
	width:50px !important;
}

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