HTML, BODY, DIV, SPAN, OBJECT, IFRAME, H1, H2, H3, H4, H5, H6, P, BLOCKQUOTE, PRE, ABBR, ADDRESS, CITE, CODE, DEL, DFN, EM, IMG, INS, KBD, Q, SAMP, SMALL, STRONG, SUB, SUP, VAR, B, I, DL, DT, DD, OL, UL, LI, FIELDSET, FORM, LABEL, LEGEND, TABLE, CAPTION, TBODY, TFOOT, THEAD, TR, TH, TD

{

	margin: 0;

	padding: 0;

	border: 0;

	outline: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

}

#copyright

{

	margin-top: 18px;

	text-align: left;

	padding-bottom: 21px;

	font-size: 6.9pt;

	width: 70%;

	margin-right: -2px;

}

#message

{

	text-align: center;

	margin-top: 30px;

	margin-bottom: 24px;

}

#title

{

	text-align: center;

	/*[empty]margin-top:;*/

	padding-top: 3px;

	margin-bottom: -6px;

	font-family: "Times New Roman";

	font-size: 23.4pt;

	padding-bottom: 0px;

	color: #0050B5;

}

BODY

{

	margin: 0;

	padding: 0;

	font: 12px / 15px "Helvetica Neue", Arial, Helvetica, sans-serif;

	color: #555;

	background: #F5F5F5 url(bg.jpg);

}

A

{

	color: #666;

}

.nav-tabs A

{

	font-size: 10.6pt;

	font-weight: bold;

	color: #0950B4;

}

#content

{

	width: 65%;

	max-width: 690px;

	margin: 6% auto 0;

}

/*

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: 70%;

	margin: 0 auto;

	-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, TD

{

	padding: 18px 28px 18px;

	text-align: center;

}

TH

{

	padding-top: 22px;

	text-shadow: 1px 1px 1px #FFF;

	background: #E8EAEB;

}

TD

{

	border-top: 1px solid #E0E0E0;

	border-right: 1px solid #E0E0E0;

}

TR.odd-row TD

{

	background: #F6F6F6;

}

TD.first, TH.first

{

	text-align: left;

}

TD.last

{

	border-right: none;

}

/*

Background gradients are completely unnessary 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));

}

TR.odd-row 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 dditional 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*/

}