@import "../styles/font.css";

body {

	margin: 0;

	padding: 0;

	color: #000000;

	background: #fff url(../images/bg.jpg) repeat-x top left;

}

*/

.require {

	color: #cc0000;

}

img {

	border: none;

}

div.ClearHack {

	clear: both;

	line-height: 0;

	height: 5px;

}

#container {

	background: #ffffff;

	width: 864px;

	margin: 0 auto;

}

#pageHeader {

	border-top: .25em solid #A7ACDB;

}

#headerContent {

	clear: left;

}

#topMenuBar {

	margin: 0 auto;

	background-color: #A7ACDB;

}

#bottomMenuBar {

	margin: 0 0 20px 0;

	height: 22px;

	border-top: .05em solid #A7ACDB;

	border-bottom: .05em solid #fff;

}

#pageContent {

	clear: right;

	background: transparent;

	min-height: 200px;

/* keep contentless page from collapsing */

	height: 220px;

/* IE/Win fix - does what min-height: 250px should do */

	padding: 0.25em 1em 1em 1em;

}

#pageContent.withSidebar {

	float: left;

	width: 640px;

}

#pageContentThreeCol {

	float: left;

	vertical-align: top;

	width: 440px;

	background: transparent;

	min-height: 200px;

/* keep contentless page from collapsing */

	height: 220px;

/* IE/Win fix - does what min-height: 250px should do */

	padding: 0.25em 1em 1em 1em;

	margin: 0;

}

* html #pageContentThreeCol {

	width: 400px;

}



#pageContentThreeCol .module {

	width: 420px;

}



#pageContentThreeCol p {

	width: 420px;

}



#pageSidebar {

	float: left;

	width: 160px;

	padding: 0.25em 1em 1em 1em;

}

#rightSidebar {

	float: right;

	width: 160px;

	padding: 0.25em 1em 1em 1em;

	margin: 0px;

	min-height: 200px;

/* keep contentless page from collapsing */

	height: 220px;

/* IE/Win fix - does what min-height: 250px should do */

}

/* IE/Win doesn't understand #container>#pageBody and ignores this selector */

#container>#pageContent {

	height: auto;

/* IE/Win fix - undoes height: 250px above for non-IE browsers */

}

#container>#pageContentThreeCol {

	height: auto;

/* IE/Win fix - undoes height: 250px above for non-IE browsers */

}

#container>#rightSidebar {

	height: auto;

/* IE/Win fix - undoes height: 250px above for non-IE browsers */

}

#pageFooter {

	clear: both;

	float: left;

	width: 864px;

	border-top: 0.75em solid #676EAC;

	background: #A7ACDB;

	color: #fff;

	padding: 0.25em 0;

	font: 10pt Verdana, Arial, Helvetica, sans-serif;

}

#pageFooter a {

	color: #fff;

	text-decoration: underline;

	font: 10pt Verdana, Arial, Helvetica, sans-serif;

}

#pageFooterLeft {

	float: left;

	width: 150px;

}

#pageFooterMiddle {

	float: left;

}

#pageFooterRight {

	float: right;

}

.footerBannerRight {

	border: 0;

	margin: 1em;

}

.rightlink {

	float: right;

}

.indent {

	margin: 20px;

}

.hoverbg {

	background-color: #95b6f2;

	cursor: pointer;

}

.orderby {

	padding: 0px 2px 0px 2px;

	border: 1px solid black;

	position: absolute;

	margin-top: -7px;

	background-color: greenyellow;

	font-size: 8px;

}

.articleListHeader a:link, .articleListHeader a:hover, .articleListHeader a:active, .articleListHeader a:visited,  .articleListHeader .hdr {

	color: #1c2674;

	font-size: 10pt;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.articleListHeader a:link, .articleListHeader a:active, .articleListHeader a:visited {

	text-decoration: none;

}

.articleListHeader a:hover {

	text-decoration: underline;

}

/* Tables used to display tabular Data. */

/* Apply to <table> tags only. Example: <table clase="tabulardata">*/

table.tabularData, table.tabularData td, table.tabularData th {

	border: 1px solid #000000;

	border-collapse: collapse;

}

table.tabularData td, table.tabularData th {

	padding: 3px;

}

table.tabularData th, table.tabularData th a:link, table.tabularData th a:visited, table.tabularData th a:hover, table.tabularData th a:active {

	background: #1c2674;

	color: white;

}

/* altrowEven & altrowOdd are used to style alternating table rows. */

.altrowEven {

	background-color: #D9E2F1;

}

.altrowOdd {

	background-color: #B3C6E4;

}

/* OOR Data Tables */

TD.left {

	text-align: left;

}

TD.right {

	text-align: right;

}

TABLE.data {

	margin-top: 20px;

	font-size: 70%;

	border-bottom: solid 2px #AAA;

	border-left: solid 1px #AAA;

}

table.data th {

	background-color: #ddd;

	padding: 2px 3px;

	text-align: center;

	font-weight: bold;

	border-right: solid 1px #AAA;

	border-top: solid 1px #AAA;

}

TABLE.data TD {

	padding: 2px 6px;

	border-right: solid 1px #AAA;

	border-top: solid 1px #AAA;

}

.state {

	background-color: #cfc;

}

.msa {

	background-color: #ffc;

}

.country {

	background-color: #fff;

}

.nonmetro {

	background-color: #ccf;

}

.clearingBlock {

	width: 0px;

	height: 0px;

	clear: both;

}