/* Primary Style Sheet used by all CDE web applications */

/*
May 2006: Initial Release
06Jun2006 Rodney: Added #div95percent and div.boxborder
05Jul2006 Rodney: Remove extra comma after the last font specified for the context: textarea, input, select
08Nov2006 Rodney: changed ROW, LABEL, FIELD, TEXT, RTEXT to classes for more general usage (used to be IDs to DIV and SPAN)
25Apr2007 Rodney: added CONTENT id
16Oct2008 Robert: modified div.boxborder
22Oct2008 Clay: modified th valign: bottom
18Dec2008 Robert: Added classes for H1 and H2 spacing
30Mar2009 Rodney: Added .rightalign, .leftalign, .centeralign, and .justifyalign classes
09Nov2009 Rodney: Added classes for H3 and H4 spacing
05Jan2010 Rodney: Added border-color:#000000; border-width:thin to fieldset tag
12Jan2010 Rodney: Changed fieldset tag to have border-width:1px for better cross-browser display
19Feb2010 Rodney: Added .printonly class to hide content on screen. The class is redefined in the print-ap.css file.

*/

body {
  font-family:Arial, Helvetica, Sans-serif; background-color: #FFF; color:#000;
  margin:0 0.2em 0 0.2em; font-size:75%; text-align:center; 
}

p, div { /* to ensure inheritance */
  font-family:Arial, Helvetica, Sans-serif; font-size:1em; 
  line-height:normal;
} 

/* outer DIVs */
#div750 {width: 750px; margin: 0 auto; text-align:left}
#div660 {width: 660px; margin: 0 auto; text-align:left}
#div95percent {width: 95%; margin: 0 auto; text-align:left}

/* content DIV with padding */
#content {padding-left: 20px; padding-right: 20px}

/* general use classes */

.smalltext { 
  font-family:Arial, Helvetica, Sans-serif;
  font-size:0.8em;
}

.largetext {
  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; 
}

.largeboldtext {
  font-family:Arial, Helvetica, sans-serif; font-size:1.2em; font-weight:bold;
}

.sup { /* superscript */
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  vertical-align:super; font-size:75%;
}

.sub { /* subscript */
  font-family:Verdana, Arial, Helvetica, Sans-serif;
  vertical-align:sub; font-size:75%;
}

.indent { display:block; margin:auto 3em; } html>body .indent { padding-bottom:1em; }

.narrowtext {
	font-family: "Arial Narrow";
}

.errormessage {
	color: Red;
	font-weight:normal;
}

.center {
 display: block;
 text-align: center;
 padding: 0px 5px 0px 5px;
 margin-left: auto;
 margin-right: auto;
}

.left {
 display: block;
 text-align: left;
 padding: 0px 5px 0px 5px;
 margin-left: auto;
 margin-right: auto;
}

.right {
 display: block;
 text-align: right;
 padding: 0px 5px 0px 5px;
 margin-left: auto;
 margin-right: auto;
}

.centeralign {
	text-align:center;
}

.leftalign {
	text-align:left;
}

.rightalign {
	text-align:right;
}

.justifyalign {
	text-align:justify;
}

div.boxborder {
	width: 300px;
	border: thin solid #666666;
	border-width: 1px;
	padding: 10px;
	text-align: left;
}

div.boxbordertest {
	width: 400px;
	border: thin solid #CCCCCC;
	border-width: 1px;
	padding: 10px;
	border-style: ridge;
	text-align: left;
}

/* Questions and Contact info */
#questions { 
   font-family:Verdana, Arial, Helvetica, Sans-serif; 
   line-height:normal; font-weight:bold; font-size:0.8em;    
   color:#069; text-align:right; padding-bottom:0.5em; padding-top: 1.5em;
}
#questions a  { 
   text-decoration:underline; 
   color:#069;  
}
#questions a:hover  { 
   text-decoration:underline;   
   color:#69C;
}

/* Last Modified */
#lastmodified { 
   font-family:Verdana, Arial, Helvetica, Sans-serif; 
   line-height:normal; font-weight:normal; font-size:0.8em;    
   color:#069; text-align:center; padding-bottom:1.5em; padding-top:0.5em;
}

/* form elements */

form { margin:0; }

fieldset { 
  padding: 0.5em; margin:auto; border-color:#000000; border-width:1px;
}

fieldset table { width:auto; }

legend { 
  font-family: Arial, Tahoma, 'Trebuchet MS'; 
  padding: 0.5em; font-weight:normal; font-size: 1.5em; color:#000000;
} 

textarea, input, select {
	font-family:  Arial, Verdana, Helvetica, Tahoma;
	padding-left: 3px;
	color: #000;
	font-size: inherit;
	letter-spacing: 1px;
}

input.right 
{
	margin-left: auto;
    margin-right: auto;
    text-align: right;
}
  
.row {
	clear: both;
	padding-top: 0.5em; padding-bottom:1em;
}

.label {
	float: left;
	width: 120px;
	text-align: right;
	padding-top:2px;
}

.field {
  float: left;
  padding-left: 10px;
  text-align: left; 
 } 
  
.text {
  float: left;
  padding-left: 10px;
  text-align: left; 
 } 
  
.rtext {
  float: right;
  text-align: right; 
  width: auto;
 } 
 
span.hspace10 {
	padding-right: 10px;
}

span.hspace20 {
	padding-right: 20px;
}

span.hspace50 {
	padding-right: 50px;
}


table {
  font-family:Arial, Helvetica, Sans-serif;
  font-size:1em; 
  line-height:normal;
}

caption { padding: 0 0 .5em 0}

th { text-align: center; font-weight: bold; vertical-align: bottom;}

.tableborder {
	border: solid; border-width:thin; border-color:#000000 }
.tableborder th {
	border: solid; border-width:thin; border-color:#000000 }
.tableborder td {
	border: solid; border-width:thin; border-color:#000000;padding: 0.2em }
	
h1 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:normal; 
  line-height:normal;
  font-size:2em;
  /* h1 always Dark site color */
} 

h2 { 
  font-family:Arial, Helvetica, Sans-serif;  
  font-weight:normal;
  line-height:normal;
  font-size:1.7em;
  /* h1 always Medium (light) site color */
}

h3 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:normal; 
  line-height:normal;
  font-size:1.6em;
  color:#C93; /* h3 always gold */
}

h4 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:bold; 
  line-height:normal; 
  font-size:1.4em;
  color:#069; /* h4 always navy */
}

h5 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:bold;
  line-height:normal;
  font-size:1.2em;
  /* h5 always black color */
}

h6 { 
  font-family:Arial, Helvetica, Sans-serif;
  font-weight:bold;
  line-height:normal;
  margin-bottom:0;
  font-size:1em;
}

.noheadingspace {
	padding:0;
	margin-bottom:-17px; /* for IE browsers */
}


h1.lessTopSpace {
	margin-top:0.5em;
	padding-top:0;
}

h2.lessVertSpace {
	margin-top:-0.5em;
	padding-top:0;
	margin-bottom:0; 
	padding-bottom:0;
}

h3.lessVertSpace {
	margin-top:0.5em;
	padding-top:0;
	margin-bottom:0; 
	padding-bottom:0;
}

h4.lessVertSpace {
	margin-top:0.5em;
	padding-top:0;
	margin-bottom:0; 
	padding-bottom:0;
}

html>body .noheadingspace {margin-bottom:-11px;} /* for non-IE browsers, as IE ignores the child selector command. (IE hack) */

blockquote {
  font-family:Arial, Helvetica, Sans-serif;
  line-height:normal; margin:auto 3em; padding:0 5px;
  background-color:#E3E3E3; 
} 

a:link    { color:#0000FF; text-decoration:underline; }
a:visited { color:#B100FF; text-decoration:underline; }
a:hover   { color:#000000; text-decoration:none; }
a:active  { color:#CC9933; text-decoration:underline; }

/* breadcrumbs - UL/LI Style */
#bcrumbsLI
{
    margin: 0.5em 0 0 0;
    padding: 0 0 0 0;
    font-size: 0.8em;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, Sans-serif;
}
#bcrumbsLI ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    display: inline;
    border: none;
    list-style-position: inside;
}
#bcrumbsLI ul li
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    color: #666666;
    display: inline;
}
#bcrumbsLI A:link, #bcrumbsLI A:visited {color: #000000; text-decoration: none;}
#bcrumbsLI A:hover, #bcrumbsLI A:active {color: #e7af21; text-decoration: underline;}

/* breadcrumbs - TD Style */
td.bcrumbs { 
  font-size:0.8em; font-family:Verdana, Arial, Helvetica, Sans-serif; color:#666;
}
td.bcrumbs a:link, td.bcrumbs a:visited { color:#000000; text-decoration:none; }
td.bcrumbs a:hover, td.bcrumbs a:active { color:#E7AF21; text-decoration:underline; }

/* breadcrumbs - DIV Style */
div.bcrumbs { 
  font-size:0.8em; font-family:Verdana, Arial, Helvetica, Sans-serif; color:#666;
}
div.bcrumbs a:link, div.bcrumbs a:visited { color:#000000; text-decoration:none; }
div.bcrumbs a:hover, div.bcrumbs a:active { color:#E7AF21; text-decoration:underline; }

.printonly {display: none;}  /* this class is redefined in the print-ap.css file for printing purposes */