vaadin-framework/WebContent/VAADIN/themes/reindeer/table/table.css

/* Table on blue background */
.blue .v-table-header-wrap {
	border-color: #92a2aa;
}
.blue .v-table-body {
	border-color: #92a2aa;
	border-top-color: #c2c3c4;
}

/* Default & white style */
.v-table-header-wrap,
.white .v-table-header-wrap,
.v-table-footer-wrap,
.white .v-table-footer-wrap {
	border-color: #c2c3c4;
	background: transparent repeat-x;
	background-image: url(img/header-bg-light.png); /** sprite-ref: verticals; sprite-alignment: repeat */
	height: 20px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #222;
	text-shadow: #f3f5f8 0 1px 0;
	line-height: normal;
}

.v-ie6 .v-table-header-wrap,
.v-ie6 .v-table-footer-wrap,
.v-ie6 .v-table-column-selector{
	/* Fixes IE6 overflow bug #7314 which causes Table headers to overflow and cover the column selector. */
	position:relative;
}

.v-ie6 .v-table.v-disabled,
.v-ie7 .v-table.v-disabled{
	/* Fixes ie issue #7324 where disabled shim does not cover table body */ 
	position:relative;
}

.v-table-footer-wrap,
.white .v-table-footer-wrap {
	text-transform: none;
	font-size: 12px;
	font-weight: normal;
}

.v-table-footer td,
.white .v-table-footer td {
	border-color: #c2c3c4;
}

.v-table-footer-container {
	padding-right: 7px;
}


.v-table-header,
.v-table-footer,
.v-table-footer table {
	height: 20px;
}

.v-table-caption-container {
	heigth: 16px;
	padding-top: 4px;
	padding-right: 4px;
}
.v-table-caption-container .v-icon {
	height: 16px;
	margin: -4px 3px 0 0;
	vertical-align: middle;
}
.v-ie .v-table-caption-container .v-icon {
	margin-top: -3px;
}
.v-table-footer-container {
	heigth: 16px;	
}
.v-table-resizer {
	height: 20px;
	width: 2px;
	background: transparent;
	border-right: 1px solid #c2c3c4;
}

.v-table-sort-indicator {
	background: transparent;
	width: 0px;
	height: 20px;
}

.v-table-header-cell-asc .v-table-sort-indicator {
	background: transparent no-repeat right 7px;
	background-image: url(img/asc-light.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */
	width: 16px;
}
.v-table-header-cell-desc .v-table-sort-indicator {
	background: transparent no-repeat right 7px;
	background-image: url(img/desc-light.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */
	width: 16px;
}
.v-table-body,
.white .v-table-body {
	border-color: #c2c3c4;
	background: #fff;
}
.v-table-cell-content {
	padding-top: 0;
	border-right-color: #d3d4d5;
	vertical-align: top;
}
.v-table-cell-wrapper {
	padding-top: 3px;
	padding-bottom: 3px;
}
.v-table-row-odd {
	background: #eff0f1;
}
.v-table-cell-content:last-child {
	border-right-color: transparent;
}
.v-table .v-selected,
.black .v-table .v-selected {
	background: #4d749f url(../common/img/sel-bg.png) repeat-x; /* We can't include this in the sprite, since we don't know the row height */
	color: #fff;
	text-shadow: #3b5a7a 0 1px 0;
}
.v-table .v-selected .v-table-cell-content {
	border-right-color: #466c90;
}
.v-table-column-selector {
	width: 16px;
	height: 20px;
	margin-top: -20px;
	background: transparent no-repeat;
	background-image: url(img/col-sel-light.png); /** sprite-ref: verticals */
}
.v-table-column-selector:active {
	background-image: url(img/col-sel-light-pressed.png); /** sprite-ref: verticals */
}
.v-table-focus-slot-left {
	border-left-color: #222;
	margin-left: 0;
}
.v-table-focus-slot-right {
	border-right-color: #222;
	margin-right: 0;
}
.v-table-header-drag {
	font-family: arial, helvetica, verdana, sans-serif;
	background: transparent repeat-x;
	background-image: url(img/header-bg-light.png); /** sprite-ref: verticals; sprite-alignment: repeat */
	padding: 4px;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #222;
	text-shadow: #fff 0 1px 0;
	line-height: normal;
}
.v-table-header-drag * {
	vertical-align: middle;
}
.v-table-header-drag img {
	height: 16px;
	margin: -3px 3px 0 0;
}
.v-table-scrollposition {
	width: auto;
	background: transparent;
	border: none;
}
.v-table-scrollposition span {
	background: transparent repeat-x;
	background-image: url(img/scroll-indic-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
	border: 1px solid #939494;
	border: none;
	border-radius-bottomleft: 4px;
	border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	height: 13px;
	padding: 4px 30px;
	white-space: nowrap;
	color: #222;
	text-shadow: #fff 0 1px 0;
	position: relative;
	top: 1px;
	-webkit-box-shadow: rgba(0,0,0,.5) 0 1px 2px;
	-moz-box-shadow: rgba(0,0,0,.5) 0 1px 2px;
}
.v-table-borderless .v-table-scrollposition span {
	top: 0;
}
/* row in column selector */
.v-contextmenu .v-on,
.v-contextmenu .v-off {
	display: inline-block;
	zoom: 1;
	background: transparent no-repeat 0 4px;
	background-image: url(../common/icons/bullet.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 4px */
	padding-left: 12px;
	padding-right: 4px;
}
.v-contextmenu .v-off {
	background-image: none;
	color: #666;
}
.v-contextmenu .gwt-MenuItem-selected .v-on {
	background-image: url(../common/icons/bullet-white.png); /** sprite-ref: verticals; sprite-margin-top: 4px; sprite-margin-bottom: 5px */
}


/* Strong style */
.v-table-strong .v-table-header-wrap {
	border-color: #2b3033;
	border-top-color: #2b3033;
	background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
	color: #e7e9ea;
	text-shadow: #000 0 -1px 0;
}
.v-table-strong .v-table-body {
	border-top-color: #2b3033;
}
.v-table-strong .v-table-resizer {
	border-right-color: #1c1f21;
}
.v-table-strong .v-table-header-cell-asc .v-table-sort-indicator {
	background-image: url(img/asc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */
}
.v-table-strong .v-table-header-cell-desc .v-table-sort-indicator {
	background-image: url(img/desc.png); /** sprite-ref: verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */
}
.v-table-strong .v-table-column-selector {
	background-image: url(img/col-sel.png); /** sprite-ref: verticals */
}
.v-table-strong .v-table-column-selector:active {
	background-image: url(img/col-sel-pressed.png); /** sprite-ref: verticals */
}
.v-table-strong .v-table-header-drag {
	background-image: url(img/header-bg.png); /** sprite-ref: verticals; sprite-alignment: repeat */
	color: #e7e9ea;
	text-shadow: #000 0 -1px 0;
}
.v-table-strong .v-table-focus-slot-left,
.v-table-strong .v-table-focus-slot-right {
	border-color: #9ca1a5;
}


/* Table on black background (normal style) */
.black .v-table-header-wrap {
	border-color: #252729;
	background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */
	color: #e7eaee;
	text-shadow: #000 0 -1px 0;
}
.black .v-table-resizer {
	border-right-color: #252729;
}
.black .v-table-header-cell-asc .v-table-sort-indicator {
	background-image: url(img/asc.png); /** sprite-ref: black-verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */
}
.black .v-table-header-cell-desc .v-table-sort-indicator {
	background-image: url(img/desc.png); /** sprite-ref: black-verticals; sprite-alignment: right; sprite-margin-top: 7px; sprite-margin-bottom: 6px; sprite-margin-right: 6px; */
}
.black .v-table-column-selector {
	background-image: url(img/col-sel-black.png); /** sprite-ref: black-verticals */
}
.black .v-table-column-selector:active {
	background-image: url(img/col-sel-black-pressed.png); /** sprite-ref: black-verticals */
}
.black .v-table-header-drag {
	background-image: url(img/header-bg-black.png); /** sprite-ref: black-verticals; sprite-alignment: repeat */
	color: #e7eaee;
	text-shadow: #000 0 -1px 0;
}
.black .v-table-focus-slot-left,
.black .v-table-focus-slot-right {
	border-color: #9ca1a5;
}
.black .v-table-body {
	border-color: #252729;
	background: transparent;
}
.black .v-table-cell-content {
	border-right-color: #252729;
	border-bottom: 1px solid #252729;
}
.black .v-table-cell-wrapper {
	padding-bottom: 2px;
}
.black .v-table-row-odd {
	background: transparent;
}
/* Selection background-color combined with default style selector, so we don't have to duplicate the sprite image in the final sprite collection */
.black .v-table .v-selected .v-table-cell-content {
	border-bottom: 1px solid #4d749f;
}


/* Borderless style */
.v-table-borderless .v-table-header-wrap,
.v-table-borderless .v-table-body {
	border: none;
}