/* ----------------------------------------------
 *   button bar
 * ---------------------------------------------- */
.sph-t-button {
	font-size: 16px;
	line-height: 25px;
    padding: 7px 10px 0 10px;
    margin: 3px;
    width: 100px;
    cursor: pointer;
    text-align: center;
    color: #333333;
    background-color: #eeeeee;
    border-style: solid;
    border-color: #999999;
    border-width: 1px;
    border-radius: 4px;
}
.sph-t-button:hover {
	color: #000000;
	background-color: #dddddd;
	border-color: #000000;
}
.sph-t-button:active {
	background-color: #cccccc;
}
/* ----------------------------------------------
 *   table
 * ---------------------------------------------- */
.sph-std-table {
	box-shadow: 1px 1px 5px 0px #999999;
}
/*  -- header ------------------- */
.sph-std-table thead {
	color: #444444;
}
.sph-std-table th {
	line-height: 35px;
	padding: 3px 5px 0 5px;
	text-align: left;
	background-color:#dddddd;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #aaaaaa;
}
.sph-arrow {
	float: right;
	color: #afafaf;
}
.sph-sensitive:hover {
	background-color: #cccccc;
}
/*  -- row ------------------- */
.sph-std-table tr {
	cursor: pointer;
}
.sph-std-table tr:nth-child(even) {
	background-color: #ffffff;
}
.sph-std-table tr:nth-child(odd) {
	background-color: #f7f7f7;
}
.sph-std-table tr:hover {
	background-color: #eeeeee;
}
/*  -- cell --------------------- */
.sph-std-table td {
	line-height: 30px;
	padding: 3px 5px 0 5px;
	border-right: 1px solid #dddddd;
}
.sph-std-table .sph-flag {
	font-size: smaller;
	font-weight: normal;
	text-align: center;
}