@charset "UTF-8";
/* CSS Document */

/*
	Pretty Table Styling
	CSS Tricks also has a nice writeup: http://css-tricks.com/feature-table-design/
	*/
	
	table {
		overflow:hidden;
		border:1px solid #d3d3d3;
		background:#fefefe;
		width:100%;
		margin:5% auto 0;
		-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);
	}
	
	th {padding:18px 0px 18px 0px; text-align:center; font-size:20px; }
	
	td {padding:13px 15px 13px; text-align:center; font-size:14px; }
	
	th {padding-top:22px; background:#014071;}
	
	td {border-top:1px solid #e0e0e0; border-right:1px solid #e0e0e0; }
	
	tr { color:#636363;}
	
	td.first, th.first {text-align:left}
	
	td.last {border-right:none; text-align:left;}
	
	/*
	Background gradients are completely unnecessary but a neat effect.
	*/
	
	td.first {
		color:#fff;
		background:#4e81bd;
		width:160px;
	}
	
	td.last{ width:120px}
	
	tr.odd-row  {
		color:#636363;
		background: #E7E7E7; 
	}
	
	th {
		color:#fff;
		background:  #014071;
	}
	
	
	
	/*
	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 {
		-moz-border-radius-topleft:5px;
		-webkit-border-top-left-radius:5px; /* Saf3-4 */
	}
	
	tr:first-child th.last {
		-moz-border-radius-topright:5px;
		-webkit-border-top-right-radius:5px; /* Saf3-4 */
	}
	
	tr:last-child td.first {
		-moz-border-radius-bottomleft:5px;
		-webkit-border-bottom-left-radius:5px; /* Saf3-4 */
	}
	
	tr:last-child td.last {
		-moz-border-radius-bottomright:5px;
		-webkit-border-bottom-right-radius:5px; /* Saf3-4 */
	}