@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;
}
#share{
	float:right;
	padding:8px 35px 0px 0px;
}
#container {
	background: #ffffff;
	width: 864px;
	margin: 0 auto;
}
#pageHeader {
	border-top: .25em solid #A7ACDB;
}
#headerContent {
}
#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: 460px;
}

#pageContentThreeCol p {
	width: 460px;
}

#pageSidebar {
	float: left;
	width: 161px;
	padding: 3px 1em 1em 1em;
}
#rightSidebar {
	float: right;
	width: 161px;
	padding: 3px 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;
}
.summary{
	color:#1C2674;
	border:1px solid #aaaaaa;
	padding:5px;
	margin:4px 0px 4px 3px;
}
.hilite{
	background:#ffff88;
}
.paging{
	color:#1C2674;
	font-size:12px;
	font-weight:bold;
	padding:10px 0px 10px 0px;
}
fieldset{
	background:#f2f2f2;
	margin:0px 0px 14px 0px;
}
legend{
	color:#373E7C;
	font-weight:bold;
	font-size:14px;
	padding:0px 6px 0px 6px;
}
input[type=text],input[type=password],textarea,select{
	border:1px solid #9da0b7;
}
input[type=text]:focus,input[type=password]:focus,textarea:focus,select:focus{
	background:#f9f9bf;
}
.form-table{
	border-collapse:collapse;
	border-spacing:0px;
}
.form-table th{
	color:#373E7C;
	padding:3px;
	text-align:left;
	vertical-align:bottom;
	font-weight:bold;
	border-bottom:1px solid #888888;
}
.form-table td{
	padding:3px;
	border-bottom:1px solid #cccce3;
}
.form-table tr.alt td{
	/*background:#ececf3;*/
}
input[type=submit],input[type=button],input[type=reset]{
	color:white;
	background:#676EAC;
	font-weight:bold;
	font-size:14px;
	border:1px solid #aaaaaa;
	padding:2px 3px 2px 3px; 
	margin-right:10px;
}