/** Grid context menu
*/
.look-gridmenuitem
{
	font-family:sans-serif;
	font-size:12pt;
	width:220px;
	padding-left:20px;
	background-color:menu;
	color:black;
}

.look-gridcellselected
{
	background-color:blue !important;
	color:white !important;
}

.look-gridhighlightitem
{
	font-family:sans-serif;
	font-size:12pt;
	width:220px;
	padding-left:20px;
	background-Color:highlight;
	color:white;
}

/** Subfile body
*/

.look-subfile
{
    -webkit-user-select: none;
}

.look-datagrid {
    position: absolute;
}

.look-datagrid .table-container {
    position: relative;
}

.look-datagrid .table-container:not(.auto-fit) table {
    /** This is required to ensure that columns respect the applied width values
        See: http://stackoverflow.com/questions/5670402/why-is-my-html-table-not-respecting-my-css-column-width */
    table-layout: fixed;
}

.look-datagrid table,
.look-datagrid th, 
.look-datagrid td 
{
    border-color: #808080;
    border-style: solid;
    border-width: 1px;
}

.look-datagrid table {
    border-collapse: collapse;
    cursor: default;
    width: 100%;
}

.look-datagrid th,
.look-datagrid td,
.look-datagrid table.data {
    /* Prevent double border appearing between the head and data tables */
    border-top: 0 none;
}

.look-datagrid th, 
.look-datagrid td {
    overflow: hidden;
    -moz-text-overflow: clip;
    text-overflow: clip;
    white-space: nowrap;
    height: 100%;
    min-height: 100%;
}

.look-datagrid tr:not(:first-child) th {
    border-top-style: hidden;
}

/* each cell inside grid column mode*/
.look-datagrid .column-mode th,
.look-datagrid .column-mode td {
    padding: 0 2px 0 2px;
}

/* entry capable cells should not have madding/padding
   and any color should be applied to the input, not the cell.
*/
.look-datagrid td.look-subfileentryfield,
.look-datagrid td.entry-capable {
    background-color: #FFFFFF;
    margin: 0;
    padding: 0;
}

.look-datagrid .column-mode th[style*="width: 0"],
.look-datagrid .column-mode th[style*="width:0"] {
    padding: 0;
}

/* each cell inside grid column mode*/
.look-datagrid .non-column-mode th,
.look-datagrid .non-column-mode td {
    padding: 0;
}

/* all inputs element inside grid */
.look-datagrid tr input
{
    border-bottom-style: none;
    border-top-style: none;
    border-left: 1px solid gray;
    border-right: 1px solid gray;

    font-size: inherit;

    /* entry capable cells should have padding appied to input */
    padding: 0 2px 0 2px;
}

.look-datagrid .non-column-mode tr input {

    /* Add a negative margin to counter the left/right borders.
       Entry fields also always seem an extra pixel bigger as well (hence -2 on right) 
       except for FireFox which appears to be 2px bigger */
    margin-left: -1px;
    margin-right: -2px;
}

.look-datagrid .column-mode tr input {
    border-left: none;
    border-right: none;

    width: 100%;
    height: 100%;
	min-height: 100%;
}

.look-datagrid tr input[readonly] {
    background-color: lightgray; 
}

/* grid scrollbar cell */
.look-subfile-scrollbar {
    font-size: 0px;
    width: 15px;
}

.look-datagrid tr .look-subfile-scrollbar {
    padding: 0 0 0 0;
}

.look-datagrid tr th.look-subfile-scrollbar {
    border-left-style: hidden;
}

.look-datagrid tr td.look-subfile-scrollbar {
    border-top-style: none;
    border-bottom-style: none;
    background-color: #E0E0E0;
    line-height: 0;
}

.look-subfile-caption {
    background-color: darkblue;
    color: white;
    
    font-weight: bold;
    text-align: left;
}

.look-datagrid tbody tr
{
    line-height: 0;
}

.look-subfile-context-menu 
{
   /* hidden by default */
   display: none;
   border: black 2px outset;
   z-index: 32766;
   position: absolute;
   background-color: menu;
   white-space: nowrap;
}

.look-subfile-context-menu div
{
    margin: 5px;
    font-family: "times new roman", serif;
}

.look-subfile-context-menu div:hover
{
    background-color: blue;
}

.look-subfile-empty-row {
    height: 100%;
}

/** Scrollable data-grid rules
*/

.look-datagrid .outer-container.scrollable
{
    top:0;
    left: 0;
}

.look-datagrid .scrollable .inner-container 
{
    height: 100%;
    overflow: hidden;
}

.look-datagrid .scrollable .table-header
{
    position: relative;
}

.look-datagrid .scrollable .table-body
{
    overflow: auto;
}

.look-datagrid .scrollable.scroll-y .table-body
{
    overflow-y: scroll;
}

.look-datagrid .scrollable.scroll-y-disabled .table-body
{
    overflow-y: hidden;
}


/* Because we show a border around a scrollable grid we must disable some inner borders
   so they don't double up
*/
.look-datagrid .scrollable .table-header table,
.look-datagrid .scrollable .table-body table
{
    border-style: none;
}

.look-datagrid .scrollable .table-header tr:first-child {
    border-top-style: solid;
    border-top-width: 1px;
}

.look-datagrid .scrollable .table-body tr:last-child {
    border-bottom-style: solid;
    border-bottom-width: 1px;
}