﻿.sc-input-cell
{
	background-color: #f5f5f5;
}

.sc-spreadsheet-grid 
{
	clear:both;
}

.sc-spreadsheet-grid td  
{
	border: 1px solid #eaeaea;
	color:#000;
	padding: 3px;
}

.sc-spreadsheet-grid-desc
{
	font-weight:bold;
	padding: 3px;
	color:black;
	border: 1px solid #5C87B2;
}

.sc-spreadsheet-grid thead td
{
	background-color: #626365;
    color: #fff;
}

.sc-spreadsheet-pages 
{
	float:left;
	padding: 1px;
}

.sc-spreadsheet-langs 
{
	float:right;
	padding: 1px;
}

.sc-spreadsheet-download-excel a {
    float:right;
	padding: 3px;
    margin: 1px;
    border: 1px solid blue;
	text-decoration:none;
	color:#33f;
}

.sc-spreadsheet-download-excel a:hover {
    background-color: #EBEBEB;
}

.sc-spreadsheet-current-page a, .sc-spreadsheet-current-lang a
{
	text-decoration:none;
	padding: 2px;
	border:1px solid blue;
	background-color:#EBEBEB;
}

.sc-spreadsheet-pages-label, .sc-spreadsheet-langs-label {
    float:left; 
    padding: 3px
}

/*-----------------combo-box----------------*/

.sc-spreadsheet-combo ul {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #ccc;
}

.sc-spreadsheet-combo-list li a:hover {
    color: black; 
    background: #f9f9f9; 
}

.sc-spreadsheet-combo a, .sc-spreadsheet-combo-header {
	display: block;
	text-decoration: none;
	color: #444;
	background: #fff;
	padding: 5px;
	border: 1px solid #ccc;
}

.sc-spreadsheet-combo-header {
    cursor:default;
    color:#33f;
    padding: 3px;
    border: 1px solid blue;
}

.sc-spreadsheet-combo-cur-item {
	font-weight: bold;
}

.sc-spreadsheet-combo li a {
    border-bottom:0
}

.sc-spreadsheet-combo {
    float:left;
}

.sc-spreadsheet-combo-list {
	position:absolute;
	display:none;
}

.sc-spreadsheet-combo, .sc-spreadsheet-combo-list {
	background-color: #fff;
}

.sc-spreadsheet-combo:hover .sc-spreadsheet-combo-list, .sc-spreadsheet-combo-list.over {
	display:block;
}

/*-----------------cells selection mode----------------*/

td .sc-spreadsheet-selectable-cell {
    background-color: lightyellow;
}
td .sc-spreadsheet-unselected-cell:hover { /* +.sc-spreadsheet-grid tr:hover? */
    background-color: gold;
}
td .sc-spreadsheet-selected-cell {
    background-color: lightgreen;
}

td.sc-spreadsheet-cell-edited {
	color: blue;
	background-color: lightgoldenrodyellow;
}

td.sc-spreadsheet-cell-error {
	border-color: red;
	border-width: 3px;
}
.sc-spreadsheet-cell-editable {
	
}