/*


/*
------------------------------------------------------------------ */
body, html  { height: 100%; }
html, body, div, span, applet, object, iframe,
/*h1, h2, h3, h4, h5, h6,*/ p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table.styled, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	font-size:10px;
	margin:0 auto; }

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
del { text-decoration: line-through; }
table.styled {border-spacing: 0;
	font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
	color:#000000;
	font-weight:normal;
	font-size:12px;
	text-shadow: 1px 1px 0px #fff;
	background:#eaebec;
	margin:20px;
	border:#ccc 1px solid;
	width:85%;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	-moz-box-shadow: 0 1px 2px #d1d1d1;
	-webkit-box-shadow: 0 1px 2px #d1d1d1;
	box-shadow: 0 1px 2px #d1d1d1; } /* IMPORTANT, I REMOVED border-collapse: collapse; FROM THIS LINE IN ORDER TO MAKE THE OUTER BORDER RADIUS WORK */

/*------------------------------------------------------------------ */

/*This is not important*/

a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
a:visited {
	color: #666;
	font-weight:bold;
	text-decoration:none;
}
a:active,
a:hover {
	color: #bd5a35;
	text-decoration:underline;
}


/*
table.styled Style - This is what you want
------------------------------------------------------------------ */
table.styled a:link {
	color: #666;
	font-weight: bold;
	text-decoration:none;
}
table.styled a:visited {
	color: #999999;
	font-weight:bold;
	text-decoration:none;
}
table.styled a:active,
table.styled a:hover {
	color: #bd5a35;
	text-decoration:underline;
}


table.styled.spread {

	width:97%;
	
}


table.styled.spread-for-popup {

	width:95%;
	
}


table.styled th {
	padding:5px 6px 5px 6px;
	border-top:1px solid #fafafa;
	border-bottom:1px solid #e0e0e0;

	background: #ededed;
	background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
	background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
}
table.styled th:first-child{
	text-align: left;
	padding-left:20px;
}
table.styled tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
table.styled tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
table.styled tr{
	text-align: center;
	padding-left:20px;
}

table.styled th.green-row{
background-color: #b3ffb3 ;

}
table.styled th.yellow-row{
background-color: #ffffb3 ;
}

table.styled th.red-row{
background-color: #ffb3b3 ;
}

table.styled td.center-data{
 text-align:center; 
 vertical-align:middle;
}

table.styled td.cursor-pointer{
 cursor:pointer ;
}

table.styled td:hover{
 background-color: #d9d9d9;

}

table.styled td.green-row:hover{
background-color: #80ff80 ;
}
table.styled td.yellow-row:hover{
background-color: #ffff80 ;
}

table.styled td.red-row:hover{
background-color: #ff8080 ;
}

table.styled td.padded{
width:35%; 	
}

table.styled td.green-row{
background-color: #b3ffb3 ;
}
table.styled td.yellow-row{
background-color: #ffffb3 ;
}

table.styled td.red-row{
background-color: #ffb3b3 ;
}



table.styled tr td:first-child{
	text-align: left;
	padding-left:20px;
	border-left: 0;
}
table.styled tr td {
	padding:2px;
	border-top: 1px solid #ffffff;
	border-bottom:1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	
	background: #fafafa;
	background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
	background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
}
table.styled tr.even td{
	background: #f6f6f6;
	background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
	background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
}
table.styled tr:last-child td{
	border-bottom:0;
}
table.styled tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
table.styled tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
table.styled tr:hover td{
	
	background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
	background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);	
}