/* styles applied to html elements throughhout the site*/
/* html elements by heirarchy */
* 
{
	margin: 0;
	padding: 0;
}

body {	
	height: auto;
	font-size: 100%;
	min-width: 980px;
}
body#popup {	
	min-width: 500px;
}
input {
	margin-right: .35em;
}


/*clearfix is a hack to allow content that comes after a float to clear it and display below*/
* html .clearfix {
	height: 1px;
}
.clearfix {
	display: block;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}


h1 
{
	font-size: 1.0em;
}
h2
{
  font-size: 1em;
}
h3
{
  font-size: .8em;
}
h4
{
  font-size: .8em;
}
p 
{
	font-size: .75em;
	/*text-decoration: none;*/
}
img 
{
  border: 0;
}
tr td a {
	text-decoration: underline;
	display:block;
	font-weight: bold;
    }
address {
	text-align: center;
	
	}

/* KLC: those these are colors, we want to avoid making these thing customizable:
they should be considered standard to the product */  
caption 
{
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
}


legend 
{
	color: #336; 
}

table{
	background-color: #fff;
	border-left: solid 1px #999;
	}
/* KLC: those these are colors, we want to avoid making these thing customizable:
they should be considered standard to the product */
td {
	color: #000; 
	border-right: solid 1px #999;
	border-bottom: solid 1px #999;
}

table tr {
	background-color: #fff; 
	}
table td.center {
	text-align: center;
	}	
table tr.alt {
	background-color: #f2f2e6; 
	}	

	/* KLC: those these are colors, we want to avoid making these thing customizable:
they should be considered standard to the product */
table th.alt {
	color: #fff;
	border-top: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	border-left: 1px solid #c2c6dd; 
	}
table th a {
	color: #fff; 
    }
table th a:hover {
	color: #c00; 
	background-color: #e2e0eb; 
    }
table td {
	color: #333; 
}
table a 
{
	color: #960;
}
/* KLC: those these are colors, we want to avoid making these thing customizable:
they should be considered standard to the product */

/* JCR: Karl's preference for horizontal rule that renders the same in 
        Firefox and IE, included in base with default color that is assumed
        to be standard to the product, but obviously can be overridden
        in the individual config.css
*/
div .rule {	
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #999;
	border-bottom: 1px solid #ccc;
}



/* KLC - these elements will exist across 90% of the RH suite, so I'd like to keep them in base
so they are easy to find, edit and include properly in the pages */

/* HEADER-----------------------------------------------------------------------------------*/


#header {
	background-repeat: no-repeat;
	background-position: right top;
}

#logo {

	padding: 0px 0px 0px 16px;

}	

/* BLOCKNAV (the top nav with the font size selector) ------------------------------------------------- */


#blocknav {
	min-height: 28px;
	font-size: 0.7em;
	height: auto;
	line-height: 1.3em;
}
/* for Internet Explorer */
/*\*/
* html #blocknav {
     height: 28px;}
/**/

#blocknav input {
	font-size: 1em;
}
#blocknav select {
	font-size: 1em;
}
#blocknav li {
	float: right; 	/*text-align:right; karl put this in in an attempt to solve an accessibility problem, but i'm taking out for now cause it's breaking admin pages*/
	padding-top: 2px;
	display:block;
}
#blocknav a {
	text-decoration: none;
	display: block;
	padding: 7px 10px 3px 7px;
}
#blocknav a.skiplink {
	padding: 1px 7px 2px 2px;
	display: block;

}
#blocknav select {
	margin: 3.5px 0 0 0 ;
}
#blocknav a:hover {
	text-decoration: underline;
}
#blocknav li label{
	padding-left: 7px;
}

/* TABS....Main Navigation Tabs formatting--------------------------------------------------------*/

.tabs {
	width: 100%;
	float: left;
	padding-top: 5px;
	display: block;
	min-height: 26px;
	height: auto;
	line-height: 1.2em;
}
* html .tabs {
	height: 1px;
}
.tabs:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
.tabs li {
	float: left;
	list-style-type: none;
    padding:0 0 0 9px;
	font-size: .76em;
}
#tabspacer {
	float: left;
	width: 16px;
	height: 26px;
	/*height: 26px;*/
}
.tabs a {
	text-decoration: none;
	font-weight: bold;
	float:left;
    display:block;
    padding:5px 10px 1px 1px;
}
  /* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  .tabs a {float:none;}
  /* End IE5-Mac hack */

.tabs a:hover {
	text-decoration: underline;
	font-weight: bold;
}
.tabs .current a {
	padding-bottom: 2px;
    }

.tabspacer2 {
	float: left;
	width: 8px;
	height: 26px;
}


/*---FOOTER styles---------------------------------------------------------------------------*/	

#footer {
	padding: 10px 10px 10px 14px;
	font-size: 1em;
	width: auto;
	clear:both;
}
#footerlinks {
	float: left;
	font-size: .7em;
	line-height: 1em;
	clear: both;
	}
#footer li {
	float: left;
	list-style-type: none;
}
#footer li.first {
	border-left: 0px;
	margin-left: -4px;
}
#footer li a {
	text-decoration: none;
	display: block;
	padding: 2px 6px 2px 6px;
}
#footer li a:hover {
	text-decoration: underline;
	display: block;
}


#copyright p {
	font-size: .7em;
	line-height: 1em;
	}











/* GENERIC CLASSES FOR YOUR CONVENIENCE -------------------------------------------------------*/


/* WIDTH STYLES use to set consistent sizes for buttons and or other form elements------------*/
/* if the site is a candidate for foreign language translation, we should avoid using widths by ems */
/* KLC - please don't use ems for width where a site will use other languages */
.width3em {
	width: 3em;
}
.width4em {
	width: 4em;
}
.width5em {
	width: 5em;
}
.width6em {
	width: 6em;
}
.width7em {
	width: 7em;
}
.width8em {
	width: 8em;
}
.width9em {
	width: 9em;
}
.width10em {
	width: 10em;
}
.width11em {
	width: 11em;
}
.width12em {
	width: 12em;
}
.width13em {
	width: 13em;
}
.width14em {
	width: 14em;
}
.width15em {
	width: 15em;
}
.width16em {
	width: 16em;
}
.width17em {
	width: 17em;
}
.width18em {
	width: 18em;
}
.width19em {
	width: 19em;
}
.width20em {
	width: 20em;
}
.width30em
	{
		width: 30em;
	}
.width25 {
	width: 25%;
}
.width30 {
	width: 30%;
}
.width40 {
	width: 40%;
}
.width50 {
	width: 50%;
}
.width60 {
	width: 60%;
}
.width65 {
	width: 65%;
}
.width70 {
	width: 70%;
}
.width75 {
	width: 75%;
}
.width80 {
	width: 80%;
}
.width90 {
	width: 90%;
}
.width93 {
	width: 93%;
}
.width100 {
	width: 100%;
}
.accessible 
{
	position: absolute; 
	margin-left: -9999px; 
}
.font75em 
{
	font-size: .75em;
}
.font65em 
{
	font-size: .65em;
}
.left 
{
	float:left;
}
.right
{
	float: right;
}
.bold
{
	font-weight: bold;
}
.padding10
{
	padding: 10px;
}
.resultsheading
{
	clear:both;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	height: auto;
}
.offscreen
{
	position: absolute;
	left: -1000px;
	top: -1000px;
}
.hidden
	{
	position:absolute; 
	left:0px;
	top:-500px;
	width:1px;
	height:1px;
	overflow:hidden;
	} 
a.notlink
	{
		color: #000;
	}