/**
* XSLDataGrid CSS
*** Copyright (c) 2006, Lindsey Simon <lsimon@commoner.com>
* All rights reserved.
* 
* Redistribution and use in source and binary forms, with or without
* modification, are permitted provided that the following conditions are
* met:
* 
* *       Redistributions of source code must retain the above copyright
* notice, this list of conditions and the following disclaimer.
* *       Redistributions in binary form must reproduce the above
* copyright notice, this list of conditions and the following disclaimer
* in the documentation and/or other materials provided with the
* distribution.
* 
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
* IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED
* TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A
* PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER
* OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
* EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
* PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
* PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
* LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
* NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
**/

/* The big container styles */
div.xdgFrame {
	clear: both;
	float: left;
	margin-left: 1px;
	width: 150px;
   font: 11px normal Arial, sans-serif;
}

div.xdgSuperContainer {
	float: left;
   position: relative; /* thanks Dusty Reagan */
	overflow: scroll;
	overflow-y: hidden;
   height: 0;
	width: 150px;
	border: 0px solid orange;
}

div.xdgContainer {
	float: left;
	width: 150px;
	border: 0px dashed #000000;
}



/* xdgHeader Styles */
table.xdgHeaderTable {
	table-layout: fixed;
   empty-cells: show;
	border: 0px solid orange;
	height: 20px;
	
	margin: 0;
	padding: 0;
	
	user-select: none;
	-moz-user-select: none;
	-khtml-user-select: none;
}


table.xdgHeaderTable tr {
   background-color: #dedede;
}

th.xdgHeaderCell {
	height: 20px;
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #6D8B9D;
	border-right: 1px solid #6D8B9D;
   background: transparent url( images/tablebg.gif ) repeat-x scroll center left;
	float: left;
	display: inline-block;
   z-index: 1;
}

th.rearrangeable {
   cursor: move;   
}
	
div.xdgColResizer {
	float: right;
	margin: 0;
	padding: 0; 
   width: 4px;
	height: 19px;
	background: transparent url( images/grid_drag_grip.gif ) top right no-repeat;
   cursor: e-resize;
}



/* contains the text label and the sort icon */
div.xdgHeaderLabel {
   height: 13px;
}

div.xdgHeaderLabel div.xdgHeaderLabelText {
   float: left;
	margin-top: 3px;
	margin-left: 4px;
   color: #666;
	font-weight: bold;
	user-select: none;
}

div.xdgHeaderLabel div.sortable {
   cursor: pointer;
   text-decoration: underline;
   
}

div.xdgHeaderLabel div.sortable:hover {
   color: #000;   
}


/* Sort Icon */
div.xdgHeaderSortIcon,
div.xdgHeaderSortIcon_ascending,
div.xdgHeaderSortIcon_descending {
   float: left;
	margin-top: 3px;
	width: 14px;
	height: 13px;
   z-index: 2;
}
div.xdgHeaderSortIcon_ascending {
	background: transparent url( images/grid_header_sort_asc.gif ) center left no-repeat;
}
div.xdgHeaderSortIcon_descending {
	background: transparent url( images/grid_header_sort_desc.gif ) center left no-repeat;
}

.xdgCellResizing {
   background-color: #e5e5ef;
}



/* Data Cells and Container */
.xdgDataContainer {
	margin: 0;
	padding: 0;
	color: #222;
	background-color: #fff;
	border: 0px dashed #000000;
	overflow: hidden;
}
.xdgDataContainer table {
	table-layout: fixed;
	margin: 0;
	padding: 0;
   border-collapse: collapse;
	/* border: 0px dashed green; */
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
}

.xdgDataContainer tr          { cursor: pointer; }

.xdgDataContainer tr.odd      { background-color: #fff; }
.xdgDataContainer tr.even     { background-color: #eee; }
.xdgDataContainer tr.active { 
	color: #fff;
	background-color: #888;
}
.xdgDataContainer tr.selected { 
	color: #fff;
	background-color: #999;
}

.xdgDataContainer td {
	margin: 0;
   padding: 0;
   /* this is an important one because it makes the cells even with the headers which have a border */
   border-right: 1px transparent;
   min-height: 30px;
   height: auto !important;
   height: 30px;
}

.xdgDataContainer td b {
   font-weight: normal;
   display: block;
   padding: 4px 6px 2px 4px;
}

/*
.xdgDataCellSubContent { padding: 0px 5px; font-size: 9px; display: none; }
*/



/* xdgScroller styles */
.xdgScrollContainer {
	background-color: #fff;
	border: 0px solid red;
	float: left;
	margin: 0;
	padding: 0;
	width: 20px;
	height: 10px;
}

.xdgScroller {
	position: relative;
	overflow: scroll;
	overflow-y: scroll;
	top: 20px;
	width: 20px;
	margin: 0;
	padding: 0;
	height: 1px;
	left: 0;
}

.xdgScrollHeight {
	width: 0;
	height: 0;
	visibility: hidden;
}


/* Grouping */
.xdgGroupedSetTop td,
.xdgGroupedSetBottom td {
	height: 20px;
	overflow: hidden;
}

.xdgGroupedColTop {
	background: #fff url( images/groupingTopMiddle.gif ) top left repeat-x;
	height: 20px;
}
.xdgGroupedColTopLeft {
	float: left;
	background: #fff url( images/groupingTopLeft.gif ) top left no-repeat;
	width: 20px;
	height: 20px;
}
.xdgGroupedColTopMiddle {
	float: left;
	background-color: #fff;
	padding: 3px 2px;
	cursor: pointer;
}

.xdgGroupedColBottom {
	background: #fff url( images/groupingBottomMiddle.gif ) top left repeat-x;
	height: 20px;
}
.xdgGroupedColBottomLeft {
	float: left;
	background: #fff url( images/groupingBottomLeft.gif ) top left no-repeat;
	width: 20px;
	height: 20px;
}




/* Context Menu */
.xdgColContextMenu {
	position: absolute;
	z-index: 2;
	background-color: #eee;
	float: left;
}

div.xdgColContextMenuList {
	float: left;
	border: 2px outset #eee;
	padding: 0;
	margin: 0;
	cursor: pointer;
}


/* the menuItems */
div.xdgColContextMenuListItem,
div.xdgColContextMenuListItemHover {
   clear: both;
   width: 200px;
   padding: 2px 4px;
   height: 16px;
	background-color: #eee;
	border-top: 1px solid #DAE7ED;
	border-bottom: 1px solid #6D8B9D;
	color: #50585c;
}
div.xdgColContextMenuListItem:hover {
   background-color: #ddd;
}
div.xdgColContextMenuList div.menuItemIcon {
   float: left;
   width: 16px;
   height: 16px;
}
div.xdgColContextMenuList div.menuItemText {
   float: left;
   margin-left: 4px;
   white-space: nowrap;
}
.groupByColumnIcon {
   background: transparent url( images/group.gif ) top left no-repeat;
}
.ungroupByColumnIcon {
   background: transparent url( images/ungroup.gif ) top left no-repeat;
}
.removeColumnIcon {
   background: transparent url( images/columnRemove.gif ) top left no-repeat;
}

input.filterByColumnInput {
   margin: 0px 4px;
   padding: 1px;
	border: 1px inset #333;
	width: 75px;
}
.filterByColumnIcon {
	background: transparent url( images/find.gif ) top left no-repeat;
}


/* when resizing these are the guide lines */
.xdgResizeGuide {
	position: absolute;
	z-index: 2;
	width: 1px;
	background-color: #999; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); 
	-moz-opacity: .60;
	-khtml-opacity: .60;  
	z-index: 2;	
}

/* Overlay when loading */
.xdgOverlay {
   position: absolute;
   top: 0;
	left: 0;
	background-color: #eee; 
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); 
	-moz-opacity: .40;
	-khtml-opacity: .40;  
	z-index: 2;	
}
/* Loading Animation */
.xdgLoading {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url( images/loading_animation.gif ) center no-repeat;
   z-index: 3;
}