/*Primary, global items */

BODY {
	font-family: Georgia,Garamond,Verdana, Arial,"Times New Roman",Southern,serif;
	font-size: 100%;
	background: white;
	color: #00055D;
   /* background-image: url("../graphics/hrlogo-fade-m.gif"); */
   background-position: 50% 50%;
   /* background-attachment: scroll; */
   background-repeat: no-repeat;

}

.sunsetbody {
  text-align:left;	
  /* background-image: url("../images/blue_gradient_v5.jpg"); */
  background-image: url("../images/OregonSunset-lw.jpg");
  background-repeat: no-repeat; 
  background-position: top center;
  background-attachment: fixed;
  background-color: lightyellow;
  font-family: Georgia,Arial,Helvetica,Geneva,Southern, comic sans,comic sans ms,apple casual,;	
  color: navy;

}

.transparent {
  background: transparent;
}

.whitebody {
	font-family: Verdana,Arial,Georgia,"Times New Roman",Southern,serif;
	/* font-size: 100%; */
	background: white;
	background-image: none;
}

.shadebody {
	font-family: Verdana,Arial,Georgia,"Times New Roman",Southern,serif;
	font-size: 100%;
	background: white; /* #1B76B7 #007077 */
	background-image: none;
}

.contentwidth {
  max-width: 980; /* for Mozilla browsers.  Does not work with table width */
  width:expression(document.body.clientWidth > 980? "980px": "auto" ); /* for IE */
}

.contentwidth800 {
  max-width: 800; /* for Mozilla browsers.  Does not work with table width */
  width:expression(document.body.clientWidth > 800? "800px": "auto" ); /* for IE */
}


.headerzone {
 background: white;
 background-image: url("../graphics/blue_line_2px.jpg");
 background-position: 0% 100%;
 background-repeat: repeat-x; 
}

.headerzone2 {
  background: #DDEEFF;
  border-color: navy;
  border-style: solid;
  border-top-width:2px;
  border-right-width:0px;
  border-bottom-width:1px;
  border-left-width:0px;
  margin: 0px;
  padding: 2px;
}

.introzone {
  background: #DDEEFF;
  border-color: navy;
  border-style: solid;
  border-top-width:2px;
  border-right-width:0px;
  border-bottom-width:1px;
  border-left-width:0px;
  margin: 0px;
  padding: 0px;

}

.contentzone {
  background-image: url("../graphics/blue_gradient_v3.jpg");
}


.footerzone {
 background: white;
 background-image: url("../graphics/blue_line_2px.jpg");
 background-position: 0% 0%;
 background-repeat: repeat-x;
}


#questionzone {
 font-weight: bold;
}

.gradientback {
  background-image: url("../graphics/blue_gradient_v3.jpg");
}

.lightlogoback {
  background-image: url("../graphics/hrd_bluelogoball_300.gif");
  background-position: 98% 2%;
  background-repeat: no-repeat;
}

.lightlogoback2 {
  background-image: url("../graphics/hrd_bluelogoball_175.gif");
  background-position: 98% 2%;
  background-repeat: no-repeat;
}

DIV, FORM {
 margin-top: 0px;
 margin-bottom: 0px;
}

BLOCKQUOTE {
   margin-bottom: 0.5em; 
   margin-top: 0.5em;
}

HR {
   margin: 0;
   padding: 0;
   height: 1;
   color: #00055D; /* IE likes this */
   background-color: #00055D; /* Mozilla likes this */   
}

HR.thick {
   border: 0; /* bizarre Mozilla requires this to work. Standards or a bug?!?*/
   margin: 0;
   padding: 0;
   height: 3;
   color: #00055D; /* IE likes this */
   background-color: #00055D; /* Mozilla likes this */

}

.tight {
   	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	padding: 0px;
	margin: 0px;
}

.lesstight {
	padding: 2px;
	margin: 0px;
}

.small-caps {
  font-variant: small-caps;
}

.small-caps-title {
  font-variant: small-caps;
  font-size: 150%;
}

.small-caps-title-medium {
  font-variant: small-caps;
  font-size: 115%;
}


TD,TH { font-size: 85%;
        color: #00055D; 
        /* font-weight: 500; */
 }
 
 
 
table.paged {
  page-break-after: always;
  background-image: url("../graphics/hrlogo-fade-m.gif");
  background-position: 50% 50%;
  
  background-repeat: no-repeat;
  height: 98%;
  width: 95%;
}

table.pagedwhiteback {
  page-break-after: always;

  height: 98%;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 0px;
}

table.lastpage {
  /* page-break-after: never; */
  background-image: url("../graphics/hrlogo-fade-m.gif");
  background-position: 50% 50%;
  
  background-repeat: no-repeat;
  height: 98%;
  width: 95%;
}

table.scores td.nolines {
  	/* border-style: hidden; */
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	/*
	padding: 0px;
	margin: 0px;
	*/
	border-collapse: collapse;

}

table.scores td.nolinessmalltext {
   font-size: 70%;
  	/* border-style: hidden; */
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	/*
	padding: 0px;
	margin: 0px;
	*/
	border-collapse: collapse;

}


@media print
{
   .non-print
   {
     display: none;
   }
   
   .bodytext {
	  font-size: 4pt;
   }

}


/* For large text documents: margins */
/* insert a <div class="reporttext"> </div> around entire body of report text, following page headers and navigation */

.reporttext {margin-left: 4em; margin-right: 8em; margin-top: 2em; margin-bottom: 4em;}

/* indent first line of paragraphs */
.reporttext P {text-indent: 2em;}


.indented {
  margin-left: 2em;
  text-align:justify;
}

.indenteddouble {
  margin-left: 4em;
  text-align:justify;
}

.indent1em {
  margin-left: 1em;
}

.indent2em {
  margin-left: 2em;
}

.indenttext {
   margin-left: 4em; margin-top: 1em; margin-bottom: 2em;
   font-size: 90%;
}

.evenindent {
   margin-left: 1em; 
   margin-right: 1em; 
   font-size: 90%;
}
.desc {
   font-size: 85%;
   margin-top:0;
   padding-top:0;
   text-align:justify;
}

.indentdesc {
   margin-left: 1em;
   font-size: 85%; 
}

.indentdesc90 {
   margin-left: 1em;
   font-size: 90%; 
}

.indentdesc2 {
   margin-left: 2em;
   font-size: 85%; 
}

.indentdesc290 {
   margin-left: 2em;
   font-size: 90%; 
}

.hangingindentdesc {
   text-indent: -1em;
   margin-left: 1em;
   font-size: 85%; 
}



A:link {color: blue;
}
A:visited {color: navy;
}
A:active {color: darkcyan;
}

A:link, A:visited, A:active {
 font-weight: 600;
}

H1, H2, H3, H4{
    margin-top:4px;
    margin-bottom:6px;
}


H1 { font-size:130%; }
H2 { font-size:120%; }
H3 { font-size:110%; }
H4 { font-size:100%; }



P { 
  font-size: 100%;
  color: #00055D; 
    margin-bottom: 0.7em; 
  margin-top: 0.5em;
  /* font-weight: 520; */
 }


/*
DT {font-weight: bold;margin-bottom: 0em; margin-top: 0em;}
DD {margin-bottom: 1em; margin-top: 0em;}
*/

LI {
  margin-bottom: 0em; 
  margin-top: 0em;
}

table.listingbox {
	border-color: navy;
	border-style: solid;
	/*
	border-top-width: 1px;
	border-right-width: 20px;
	border-bottom-width: 20px;
	border-left-width: 1px;
    padding: 0px;
	margin: 0px;
    */		
	border-collapse: collapse;

}

.listingbox th  {

   border-style: solid;
	border-color: navy;

	border-width: 1px; 
	border-left-width: 1px;
       	/*  */
	background-color: #eeeeee;
	
   /* margin-bottom:0px; */

}

.listingbox td  {
    /* border-style: solid;
	border-color: navy;
	border-width: 1px; */
}


/* any small text */
.small {font-size: 80%;}
.verysmall {font-size: 75%;}

/* large text */
.large {font-size: 120%;}

/* form TABLE */
table.form {
	border-color: #00055D;
	border-style: solid;
	/* background-color: white; */
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

table.form td {
   font-size: 85%;
	border-color: #00055D;;
	border-style: solid;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width:0px;
	padding: 3px;
	margin: 0px;
}

/* SCORES TABLE */

table.scores P {
  margin-top: 2px;
  margin-bottom: 6px;
}

table.scores {
	border-color: navy;
	border-style: solid;
	background-color: white;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

table.scores td {
   font-size: 85%;
	border-color: navy;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width:1px;
	padding: 5px; /* July 26, 2007 */
	margin: 0px;
}

table.scores tr.grey { background-color: #eeeeee; }

table.scores th, table.scores td.footer {
   font-size: 85%;
	border-color: navy;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 3px;
	margin: 0px;
	background-color: #eeeeee;
}

table.scores td.scale, th.scale {
	padding: 0px 0px 1px 0px !IMPORTANT;
	background-repeat: repeat-y;
	width: 256px !IMPORTANT;
	margin: 0px;
}


table.scores td.graph, th.graph {
	padding: 0px 0px 1px 0px !IMPORTANT;
	background-image: url("../graphics/map_scales_lines_3t.gif");
	background-repeat: repeat-y;
	width: 256px !IMPORTANT;
	margin: 0px;
}

table.scores td.graph2, th.graph2 {
	padding: 0px 0px 1px 0px !IMPORTANT;
	background-image: url("../graphics/map_scales_lines_2t.gif");
	background-repeat: repeat-y;
	width: 256px !IMPORTANT;
	margin: 0px;
}

table.scores td.graph4, th.graph4 {
	padding: 0px 0px 1px 0px !IMPORTANT;
	background-image: url("../graphics/map_scales_lines_4t.gif");
	background-repeat: repeat-y;
	width: 256px !IMPORTANT;
	margin: 0px;
}

table.scores td.graphrep, th.graphrep {
	padding: 0px 0px 1px 0px !IMPORTANT;
	background-image: url("../graphics/rep_scales_lines_1t.gif");
	background-repeat: repeat-y;
	width: 256px !IMPORTANT;
	margin: 0px;

}


form.search { margin: 0px; }

/* this causes chaos with Netscape

form.search input, form.search select {
	font-size: 10pt;
	border-style: outset;
	border-width: 1px;
	border-top-color: #cccccc;
	border-left-color: #cccccc;
	border-right-color: black;
	border-bottom-color: black;
}

Netscape */

/* FOR PAGE BREAKS */
.page {
	page-break-before: always;
	page-break-after: auto;
	page-break-inside: avoid;
}

H1, H2, H3, H4, H5, H6 { page-break-after: avoid; }

/* for tables with text content */
.padded {padding: 4px}

.padded5 {
    padding: 5px;    
 }

.newscales table {

	border-style:none;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	padding: 0px;
	margin:0px;

}

.newscales td {
   font-size: 7pt;
   /*
	border-style:solid;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	padding: 0px;
	margin:0px;
   */
}

table.scales {
	border-color: navy;
	border-style: none;
	/* background-color: white; */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding: 0px;
	margin: 0px;
	border-collapse: collapse;
}

table.scales td {
   font-size: 7pt;
	border-color: navy;
	border-style: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width:1px;
	padding: 2px;
	margin: 0px;
}

.scorecol {
   padding: 0px 0px 1px 0px !IMPORTANT;
   	margin: 0px;
	background-color: #7FB2E5;
}

.percentilecol {
	background-color: #99CCFF;/* #CBA5E5; */
}


table.listing {
	border-color: silver;
	border-style: solid;
	background: none;
	border-top-width:0px;
	border-right-width:1px;
	border-bottom-width:0px;
	border-left-width:1px;
	padding:0px;
	margin:0px;
	border-collapse: collapse;
	border-spacing: 0px;
}

table.listing td {
	border-color:silver;
	border-style:solid;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:1px;
	border-left-width:0px;
	padding:3px;
	margin:0px;
	background-color: white;
}

table.listing th {
        color: white;
	border-color:#0000BB;
	border-style:solid;
	border-top-width:0px;
	border-right-width:0px;
	border-bottom-width:0px;
	border-left-width:0px;
	padding:3px;
	margin:0px;
	background-color: navy;
	/* background-image: url("../images/nav-bar-crop.gif"); */
}

table.listing td.lightblueshade {
  background: #CCD8FF;
}

table.listing td.blueshade {
  background: #0177BE;
  color: white;
}

table.listing th a {
  color: white;
}

table.listing th a:visited {
  color: white;
}


.lightblueshade {
  background: #CCD8FF;
}

.blueshade {
  background: #015587;
}

.whiteback {
  background: white;
}


LI {
   font-size: 100%;
   margin-bottom: 4px; 
   margin-top: 4px;
}

.spacedlist {
   margin-bottom: 1em; 
   margin-top: 0.5em;
   line-height: 160%;
}

ol, ul {
   margin-bottom: 0.5em; 
   margin-top: 0.5em;
   margin-left: 2em;

}


table.shadowbox {
	border-color: #00055D;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
        padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	/* background: #ECF3FF;    #D9E8FF #C3DBFF */
	/* font-family: verdana, arial, sans-serif; */
	font-size: 115%;
	background: white; /*#E9EFFF;  #94B0FA; */
	background-image: url("../images/blue_gradient_v5.jpg");
	background-repeat: repeat-x;	

}

.shadowbox td  {
   padding: 10;
   border-color: #00055D;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-collapse: collapse;
}

table.shadowbox td.nolines {
  /* border-style: hidden; */
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-collapse: collapse;
}

.warningzonetable {
 /* text-align: center; */
 background: #FFFF66;
 padding: 0; 
 font-weight: bold;
 border-width: 0px; 

}

.warningzone {
 background: orange;
 display: inline;
}

table.warningbox {
	border-color: #00055D;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
        padding: 0px;
	margin: 0px;
	border-collapse: collapse;
	background: lightyellow;  /* #ECF3FF #D9E8FF #C3DBFF */
	/* font-family: verdana, arial, sans-serif; */
	font-size: 110%;
}

.warningbox td  {

   padding-left: 10px !IMPORTANT;
   padding-top: 10px !IMPORTANT;
   padding-right: 10px !IMPORTANT;
   padding-bottom: 10px !IMPORTANT;

   margin-left: 0px;
   border-color: #00055D;
   border-top-width: 0px;
   border-right-width: 0px;
   border-bottom-width: 0px;
   border-left-width: 0px;
   border-collapse: collapse;
}

.warningbox p {
  color: green;
}


table.warningtextbox {
  background: lightyellow;
}

.warningtextbox td {
  color: purple;     
   padding: 0;
}

.warningtextbox p {
  text-align: center;
  color: red;
  padding: 0;
  margin-top: 2px; 
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px;
}

.warningtext {
  background-color: lightyellow;
  display: block;
  color: orange;
  padding: 4px;
  border-color: #00055D;
  	border-style: solid;
  	border-top-width: 1px;
  	border-right-width: 1px;
  	border-bottom-width: 1px;
	border-left-width: 1px;
}

.warningtext p {
  text-align: center;
  color: red;
  padding: 0;
  margin-top: 2px; 
  margin-bottom: 2px;
  margin-left: 2px;
  margin-right: 2px;
}

.justified {
  text-align:justify;
}

/* borrowed and adapted from Sylvan */
#presentationbox
{
	border-color: #434343;
	border-width: 1px;
	border-style: solid;
	background-color: #C4ECFF;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	width: 50%;
	height:  auto;
	padding: 1em;
	margin: 10% auto auto auto;

}

selector { }

.presentationtitle
{
	color: #00055D;
	font-family: verdana, arial, sans-serif;
	font-size: 14pt;
	text-align: center;
	font-weight: bold;
}

.linktitle
{
	color: #00055D;
	font-family: verdana, arial, sans-serif;
	font-size: 14pt;
	text-align: center;
	font-weight: bold;
}

#contentbox
{
	border-color: #434343;
	border-width: 1px;
	border-style: solid;
	background-color: #BADFFF;
	font-family: verdana, arial, sans-serif;
	font-size: 100%;
	width: 80%;
	height:  auto;
	padding: 1em;
	margin: 10% auto auto auto;

}

.title
{
	color: #00055D;
	font-family: verdana, arial, sans-serif;
	font-size: 150%;
	text-align: center;
	font-weight: bold;
}

.title2
{
	color: #00055D;
	font-family: verdana, arial, sans-serif;
	font-size: 130%;
	font-weight: bold;
}

table.content 
{
	border-color: #434343;
	border-width: 1px;
	border-style: solid;
}

table.bar 
{
	border-color: #434343;
	border-width: 1px;
	border-style: solid;
	padding: 0;
	margin: 0 0 0 0;
}

table.bar td {

	padding:0px;
	margin:0px;
	font-size: 2pt;
}

#bar
{
   height: 10;
   padding: 0;
   margin: 0 0 0 0;

}


INPUT, TEXTAREA {

  color: #00055D;
}



/* FOR JOB DESCRIPTIONS */
DT {font-weight: bold; margin-top:1em;}

/* For pop-up windows */
.CloseBox {
	text-align: right;
	position: absolute;
	right: 2px;
	top: 4px;
	}

.CloseBox a {
        /* Simplify January 29, 2007 
	background-color: #CACACA;
	border-color: #393939;
	border-width: 1px;
	border-style: solid;
	*/
	font-weight: bold;
	font-size: 80%;
	padding: 2px;
}

.CloseBox2 {
	text-align: right;
	position: absolute;
	right: 2px;
	margin-top: 0px;
        background-color: #FFFF66;
	border-color: #393939;;
	border-width: 1px;
	border-style: solid;
	font-weight: bold;
	padding: 4px;
	}

.CloseBox2 a {
	font-size: 80%;
	padding: 0px;
}


#fixedwidth {
  width: 800;
}

#fixedwidth2 {
  width: 900;
}

.fixedwidth {
  width: 800;
}

.fixedwidth2 {
  width: 900;
}

.validation {
  width: 600px; text-align: left;
  border: 1px solid red; background-color: #FFFFCC; padding: 10px;
}

.clearbox {
  
  text-align: left;
}

.note {
  font-weight: bold;
  font-style: oblique; 
}

.bluebox {
  border-color: #00055D;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 1px;
  border-collapse: collapse;
  margin-top: 2px; 
  margin-bottom: 6px;
  padding: 5px;
  text-align:left;
  background-color: #E9EFFF;
  width: 600px;
  
}

.bluebox h3 {
  margin-top: 2px; 
  margin-bottom: 2px;
}

.commentbox {
  border-color: #00055D;
  border-style: solid;
  border-top-width: 1px;
  border-right-width: 2px;
  border-bottom-width: 2px;
  border-left-width: 1px;
  border-collapse: collapse;
  margin-top: 2px; 
  margin-bottom: 6px;
  padding: 5px;
  text-align:left;
  background-color: FAFCFF;
  width: 600px;
  
}

.commentbox h3 {
  margin-top: 2px; 
  margin-bottom: 2px;
}

.hintlink {
  font-weight: bold;
  font-style: oblique; 
  color: darkcyan;
  text-decoration:none;
  border-bottom:1px dotted darkcyan;
}