pqgrid.dev.css

/**
 * ParamQuery Grid a.k.a. pqGrid v1.0.3
 * 
 * Copyright (c) 2012 Paramvir Dhindsa (http://paramquery.com)
 * Released under MIT license
 * http://paramquery.com/license
 * 
 */     	
div.pq-grid{
	font-family: Tahoma;
    font-size: 11px;
	border:1px solid #99bce8;
	border-radius:5px;
	overflow:hidden;
	position:relative;
}
div.pq-grid *{
	font-family: Tahoma;
    font-size:11px;
    margin: 0px;
    padding: 0px;
	line-height:normal;			
}
div.pq-grid-top{
	border-radius:5px 5px 0 0 ;
	background:#eee;
	color:#666;
}
div.pq-grid-title{
	border-bottom:1px solid #c5c5c5;
	zoom:1;
	padding:5px;					
	overflow:hidden;	
}
div.pq-grid-toolbar{	
	border-top:1px solid #fff;	
	border-bottom:1px solid #c5c5c5;			
	padding:3px 5px 4px;	
	zoom:1;
	overflow:hidden;		
}
div.pq-grid-toolbar .ui-button
{
    margin:0px 4px;
}    
div.pq-grid div.draggable{
	cursor:move;
}
div.pq-grid-bottom{
	border-top:1px solid #c5c5c5;
	background:#eee;
	color:#333;
	border-radius:0 0 5px 5px;
}
div.pq-grid-footer{
	border-top:1px solid #fff;
	padding:2px 5px 5px;
	overflow:hidden;	
	position:relative; 
}	
div.pq-grid-inner{
	position:relative;
	width:100%;
	overflow-x:hidden;
	overflow-y:hidden;
}		
div.pq-grid-right{
	position:relative;overflow:hidden;
	display:block;
}
div.pq-header-outer{
	position:relative;background:#eee;overflow:hidden;
	border-bottom:1px solid #c5c5c5;
	width:100%;
	z-index:1 	
}
div.pq-grid-header{
	position:relative;
	cursor:default;
}
div.pq-grid-header td{
	background:url('images/column-header-bg.png');
	font-weight:bold;	
}
div.pq-grid-header td.pq-col-sort-asc,div.pq-grid-header td.pq-col-sort-desc{
	background: url(images/column-header-over-bg.gif) #ebf3fd repeat-x 0px top;								
}
div.pq-grid-header .pq-col-sort-asc .pq-col-sort-icon{
	padding-right:16px;
	height:16px;width:16px;
	BACKGROUND: url(images/sort_asc.gif) no-repeat right 6px;
}
div.pq-grid-header .pq-col-sort-desc .pq-col-sort-icon{
	padding-right:16px;
	BACKGROUND: url(images/sort_desc.gif) no-repeat right 6px;
}
.pq-grid-col-resize-handle{	
	cursor:w-resize;
	display:block;				
	width:20px;
	height:22px;
	background:;
	z-index:2;
	position:absolute;top:0px;
}
div.pq-grid .pq-align-right{
	text-align:right;
}
div.pq-grid .pq-align-right *{
	text-align:right;
}
div.pq-grid .pq-align-center{
	text-align:center;
}
div.pq-grid .pq-align-center *{
	text-align:center;
}
div.pq-cont-right{
	position:relative;
	overflow:hidden;
}
div.pq-cont{	
	overflow:hidden;
	border-top:0px;
	width:100%;
	position:relative;
	background:#fff;	
}
div.pq-cont table{
	border-spacing:0px;			
}
table.pq-grid-header-table{
	table-layout:fixed;width:0px;
	border-spacing:0px;					
}
table.pq-grid-header-table div.pq-grid-header-table-div{
	padding:5px;
}			
table.pq-grid-header-table td{
	border-right:1px solid #ccc;
}
td.selected_cell{
}
div.pq-grid-header_ddn_icon{
	position:absolute;top:0;width:16px;height:100%;border-left:1px solid #fff;
	background:url('images/ddn.png') no-repeat 40% 45%;				
}
div.pq-grid-header_ddn_icon_bg{
	display:none;position:absolute;top:0;width:17px;height:100%;border-left:1px solid #ccc;
	background: url('images/column-header-bg.png');
	text-align:left !important;				
}
div.ui-resizable-handle{
	z-index:1;
}
td.pq-grid-col{
	overflow: hidden;
}
div.pq-grid-col-resize-handle{
}
div.pq-grid tr{
}			
div.pq-cont tr td{
	background:#fff;
	border-bottom:1px solid #ededed;			
	overflow:hidden;
	padding:0px;
	vertical-align:top;
}	
td div.pq-td-div{
	padding:4px 5px;				
}
.pq-wrap-text{			
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}				
tr td.pq-grid-td-border-right{	
	border-right:1px solid #d0d0d0;
}			
tr td.pq-grid-td-border-right div{	
}						
div.pq-grid tr.pq-grid-oddRow{
}
div.pq-grid tr.pq-grid-oddRow td{
	background:#fafafa;
}
div.pq-cell-selected-border{
	border:2px solid #666;position:absolute;padding:0px;	
}
div.pq-cell-selected-border-edit{
	background:#fff;
}
div.pq-cont tr td.pq-grid-number-cell{
	background-color:#e4ecf7;
	border:1px solid #9eb6ce;
	border-top:0px;
	border-left:0px;
	cursor:pointer;				
}
tr td.pq-last-freeze-col{
	border-right:1px solid steelblue;
}						
div.pq-grid-disable{
	height:100%;width:100%;position:absolute;left:0px;top:0px;background:#ccc;
	z-index:3;
}
div.pq-loading{
	height:100%;width:100%;position:absolute;left:0px;top:0px;
	display:none;
}
div.pq-loading div.pq-loading-bg{
	background:#ccc;height:100%;width:100%;position:absolute;left:0px;top:0px;
}
div.pq-mask{
	background:#dae5f3;width:100px;height:25px;
	padding:5px;
	border:1px solid steelblue;
	position:absolute;left:50%;top:50%;				
	margin-left:-50px;
	margin-top:-13px;
}
div.pq-mask div{
	border:1px solid #999;
	background:#ddd;
	padding-top:0px;
	padding-right:6px;
	padding-left:29px;
	line-height:23px;
	background-image:url("images/loading.gif");
	background-position:6px center;
	background-repeat:no-repeat;
}
div.pq-vscroll{
	height:150px;
	width:17px;
	border:0px solid blue;
	position:absolute;
	right:0px;
	bottom:17px;
}			
div.pq-hscroll{
	height:17px;
	border:0px solid blue;
	position:absolute;
	right:17px;
	bottom:0px;
}
div.pq-hvscroll-square{
	height:17px;
	width:17px;
	border:0px solid blue;
	position:absolute;
	right:0px;
	bottom:0px;
	background:#eee;
}			
.pq-pager{
	padding:2px 5px 13px;
	overflow:hidden;
	vertical-align:middle;
}	
.pq-pager *{
	vertical-align:middle;
}	
.pq-grid span.pq-separator{
	height:18px;
	border-left:1px solid #ccc;
	border-right:1px solid #fff;
	display:inline-block;
	margin-right:5px;
}
.pq-pager input{
	padding:0px 1px;
	text-align:center;
	width:35px;
	margin-right:5px;
	height:16px;	
}
div.pq-pager span,div.pq-pager select{
	margin-right:5px;
}
.pq-grid button.ui-button-icon-only{
	height:22px;width:22px;
	margin-right:5px;
	padding:0.2em 0.2em;
}
.ui-state-default .pq-page-first{background:url('images/page-first.gif');}
.ui-state-default .pq-page-prev{background:url('images/page-prev.gif');}
.ui-state-default .pq-page-next{background:url('images/page-next.gif');}
.ui-state-default .pq-page-last{background:url('images/page-last.gif');}
.ui-state-default .pq-refresh{
	background:url('images/refresh.gif')
}
.pq-scrollbar-vert{
	display:block;
	width:17px;
	background:#efefef url(images/vert-bg.png);
}
.pq-scrollbar-horiz{
	display:block;
	height:17px;
	background:#efefef url(images/horiz-bg.png);
}
.pq-scrollbar-vert *{
	padding:0px;
	margin:0px;
	} 
.pq-scrollbar-horiz *{
	padding:0px;
	margin:0px;
	} 
.pq-sb-btn{
	width:17px;
	height:17px;
	position:absolute;
	background-color:steelblue;	
}
.pq-scrollbar-vert div.top-btn{
	left:0px;
	top:0px;
	background:url(images/sprite.png);
}
.pq-scrollbar-horiz div.left-btn{
	left:0px;
	top:0px;
	background:url(images/sprite.png) -34px;		
}
.pq-scrollbar-vert div.bottom-btn{
	left:0px;
	bottom:0px;
	background:url(images/sprite.png) -17px;	
}
.pq-scrollbar-horiz div.right-btn{
	top:0px;
	right:0px;
	background:url(images/sprite.png) -51px;	
}
.pq-sb-slider{
	position:absolute;
}
.pq-sb-slider *{
	background:url(images/sprite.png);
}
.pq-sb-slider-h{
	position:absolute;
}
.pq-sb-slider-h *{
	display:inline-block;
	background:url(images/sprite.png);
}
.pq-sb-slider .vert-slider-top{
	width:17px;
	height:3px;	
	overflow:hidden;
	background-position: 17px -8px;	
}
.pq-sb-slider-h .horiz-slider-left{
	height:17px;
	width:3px;	
	overflow:hidden;
	background-position: -68px 0px;		
}
.pq-sb-slider .vert-slider-bg{
	width:17px;
	overflow:hidden;
	background:#B6CEFB url(images/vert-slider-bg.png);	
}
.pq-sb-slider-h .horiz-slider-bg{
	height:17px;
	overflow:hidden;
	background:#B6CEFB url(images/horiz-slider-bg.png);	
}
.pq-sb-slider .vert-slider-center{
	width:17px;
	height:8px;
	overflow:hidden;
	background-position: 17px 0px;	
}
.pq-sb-slider-h .horiz-slider-center{
	height:17px;
	width:8px;
	overflow:hidden;
	background-position: -74px 0px;
}
.pq-sb-slider .vert-slider-bottom{
	width:17px;
	height:3px;
	overflow:hidden;
	background-position: 17px -11px;
}
.pq-sb-slider-h .horiz-slider-right{
	height:17px;
	width:3px;
	overflow:hidden;
	background-position: -71px 0px;
}