@charset "utf-8";
/* CSS Document */
table {
    border:1px solid #d3d3d3;
    background:#fefefe;
	-moz-border-radius:5px; /* FF1+ */
    -webkit-border-radius:5px; /* Saf3-4 */
	border-radius:5px;
    -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

tbody {
}
 
th {padding:4px; text-align:center;}
td {padding:1px;} 
th {text-shadow: 5px 5px 5px #fff; background:#e8eaeb;}
 
td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; cursor:pointer;}
 
tr.odd-row td {background:#f6f6f6;}

td.first, th.first {text-align:left}
 
td.last {border-right:none;}
 
/*
Background gradients are completely unnecessary but a neat effect.
*/
 
td {
    background: -moz-linear-gradient(100% 25% 90deg, #fefefe, #f9f9f9);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f9f9f9), to(#fefefe));
}

td input {
	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	border-radius:0px;
	-webkit-box-shadow:0 0 0px #666 inset;
	-moz-box-shadow:0 0 0px #666 inset;
	box-shadow:0 0 0px #666 inset;
	height:100%;
	line-height:0px;
	text-indent:0px;
	margin:-5px;
	width:100%;
	border:none;
	text-align:right;
	background:none;
}

td input:focus {
	font-style:oblique;
	font-weight:bold;
	color:#ff0000;
}

tbody tr:nth-child(odd) td{
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}

th {
    background: -moz-linear-gradient(100% 20% 90deg, #e8eaeb, #ededed);
    background: -webkit-gradient(linear, 0% 0%, 0% 20%, from(#ededed), to(#e8eaeb));
}
 
/*
I know this is annoying, but we need additional styling so webkit will recognize rounded corners on background elements.  Nice write up of this issue: http://www.onenaught.com/posts/266/css-inner-elements-breaking-border-radius
 
And, since we've applied the background colors to td/th element because of IE, Gecko browsers also need it.
*/
 
tr:first-child th:first-child {
	border-radius:5px 0px 0px 0px;
    -moz-border-radius-bottomright:5px 0px 0px 0px;
    -webkit-border-bottom-right-radius:5px 0px 0px 0px; /* Saf3-4 */
}
 
tr:first-child th:last-child {
	border-radius:0px 5px 0px 0px;
    -moz-border-radius-bottomright:0px 5px 0px 0px;
    -webkit-border-bottom-right-radius:0px 5px 0px 0px; /* Saf3-4 */
}
 
tr:last-child td:first-child {
	border-radius:0px 0px 0px 5px;
    -moz-border-radius-bottomright:0px 0px 0px 5px;
    -webkit-border-bottom-right-radius:0px 0px 0px 5px; /* Saf3-4 */
}
 
tr:last-child td:last-child {
	border-radius:0px 0px 5px 0px;
    -moz-border-radius-bottomright:0px 5px 0px 0px;
    -webkit-border-bottom-right-radius:0px 0px 5px 0px; /* Saf3-4 */
}

tbody tr:hover td {
	color:#666;
	background:#8497bf;
}

tbody tr:nth-child(hover) td{
	color:#666;
    background: -moz-linear-gradient(100% 25% 90deg, #f6f6f6, #f1f1f1);
    background: -webkit-gradient(linear, 0% 0%, 0% 25%, from(#f1f1f1), to(#f6f6f6));
}

td.click {
	font-weight:bold;
	font-style:oblique;
}

td.click input{
	font-weight:bold;
	font-style:oblique;
}

td.trIgual {
	color:#999999;
}