/* ========== Default Table ========== \*/

table.default	{
    width:100%
    }

table.default th	{
    background-color:#FFFFFF;
    color:#000000;
    font-style:strong;
    text-align:left;
    padding-bottom:5px;
    padding-left:0px;
    padding-right:5px;
    padding-top:5px;
    text-decoration:none;
    vertical-align:top;
    }
    
table.default td	{
    background-color:#FFFFFF;
    border-bottom-color:#aba9a7;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    color:#2C2824;
    text-align:left;
    padding-bottom:5px;
    padding-left:0px;
    padding-right:5px;
    padding-top:5px;
    vertical-align:top;
    }

/* ========== Earnings Table ========== \*/

table.earnings	{
    margin-bottom:20px;
    margin-top:20px;
    width:100%;
    }
    
table.earnings td	{
    background-color:#FFFFFF;
    color:#2C2824;
    text-align:left;
    padding-bottom:1px;
    padding-left:0px;
    padding-right:5px;
    padding-top:1px;
    vertical-align:top;
    }

.indent	{
    padding-left:15px;
    }

.rule	{
    border-bottom-color:#aba9a7;
    border-bottom-style:dotted;
    border-bottom-width:1px;
    }

/* ========== NoStyle Table ========== \*/

table.nostyle	{
    width:100%;
	border-collapse:collapse;
	border-spacing:0;
	}

table.nostyle th	{
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:top;
	background:transparent;
    }
    
table.nostyle td	{
    margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:top;
	background:transparent;
	}

/* ========== Read More Content ============ \*/

.read_more_content {
	color:  #2C2824;
        font-size:  12px;
        line-height:  18px;
	margin:5px 0px;
}

/* ========== Search Controls ============ \*/
.search_controls  {
	height:58px; 
	width:637px;
    background-color:#EAE8E1;
	padding-left:20px;
	padding-top:2px;
	padding-bottom:2px;
}
	
/* ========== Temporary(?) H1 Fix ========== \*/

h1	{
    line-height:30px;
    }

    
#col_1
	{
	float: left;
	width: 33%;
	}
#col_2
	{
	float: left;
	width: 34%;
	}
#col_3
	{
	float: left;
	width: 33%;
	}
/* Start Mac IE5 filter \*/
#col_1, #col_2, #col_3
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}

/* ====================================================================
box layout
-------------------------------------------------------------------- */
.columns-float
	{
	float				: left;
	width				: 67%;
	}
/* the relative positioning is required by IEs 5 + 6 (PC) - NN4 crashes if it sees them while other browsers don't seem to mind - hence the Caio hack */
.column-one
	{
	width				: 49%;
	float				: left;
	}
.column-two
	{
	width				: 51%;
	float				: right;
	}
.column-three
	{
	width				: 33%;
	float				: right;
	}
.box-footer
	{
	clear				: both;
	}
/* ====================================================================
box-clear requires all sorts of hackery because of the way the 
different browsers cope with clearing floats
see [#   #]
-------------------------------------------------------------------- */
.box-clear { clear: both; line-height: 0px; font-size: 1px; }
/* IE5 (mac) dealt with, now reset font-size for Geckos,
turn off for IE5 (PC) + OmniWeb and back on for IE6 (PC)
see [http://www.fu2k.org/alex/css/test/OmniWebInlineHack.mhtml] */
/*\*/
.box-clear { font-size: medium; }
.fake.box-clear { display: none; }
/* */
/* Turn off for Opera 6 and below */
html>body div.box-clear { display: none; }
/* And turn it back on again for good honest browsers
see [http://www.albin.net/CSS/OwenHack.html] */
head:first-child+body div.box-clear { display: block; }
/* ====================================================================
nn4clear is as its name suggests, only required for NN4 compatibility
If you don't need that you can remove both this rule and the
relevant div from the html
-------------------------------------------------------------------- */
.nn4clear { clear: both; line-height: 0px; font-size: 1px; }
/*/*/ .nn4clear { display: none; } /* */
/* GUTTERS BETWEEN COLUMNS */
.column-two-content
	{
	margin-left: 10px;
	margin-right: 10px;
	}


/* 2-column layout */

#block_1
	{
	float: left;
	width: 50%;
	}
#block_2
	{
	float: left;
	width: 50%;
	}
/* Start Mac IE5 filter \*/
#block_1, #block_2
	{
	padding-bottom: 32767px !important;
	margin-bottom: -32767px !important; 
	}
/* End Mac IE5 filter */
#wrapper
	{
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	}
/* we need this for IE 5.01 - otherwise the wrapper does not expand to the
necessary height (unless fixed, this problem becomes even more acute 
weirdness as the method is enhanced */
#wrapper
	{
/* Normally a Holly-style hack height: 1% would suffice but that causes 
IE 5.01 to completely collapse the wrapper - instead we float it */
	float: left;
/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
(I saw it happen many moons ago) makes the width of wrapper too small 
the float: none with the comment is ignored by 5.01,
5.5 and above see it and carry on about their business
It's probably fine to just remove it, but it's left here 
just in case that many moons ago problem rears its head again */
	float/**/: none;
	}
/* easy clearing */
#wrapper:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#wrapper
	{
	display: inline-block;
	}
/*\*/
#wrapper
	{
	display: block;
	}
/* end easy clearing */
#footer
	{
	clear: both;
	}
/* Safari needs this - otherwise the ghost overflow, though painted 
correctly obscures links and form elements that by rights should be above it.
An unintended side-effect is that it cause such elements to vanish in IE 5.01
and 5.5, hence the child selector hack */
* > #footer, * > form, * > #notes, * > .output
	{
	position: relative;
	z-index: 1000;
	}