/* -------------------------------------------
	Port of Seattle CSS Document - STYLES
	Status: FINAL
	Created: 12.08.03
	Author: Phinney | Bischoff
	Updated: 12.20.03 - awh - added classes for search results
   ------------------------------------------- */
/*/*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	background-image: url("/test/theme/images/img-bg.gif");
	background-repeat: repeat-y;
	background-color: #fff; 
	}

p, div, li, dt, dd, blockquote, legend, form {
	line-height: 15px;
	}
p {
	margin-top: .75em;
	}
ul {
	margin-top: 0;
	margin-bottom: 1em;
	list-style-type: square;
	list-style-position: outside;	
	}
	
li {
	margin-top: 0;
	margin-bottom: 6px;
	}
	
li ul {
	margin-top: 6px;
	}
	
dl {
	margin: 0 0 1em 0;
	padding: 0;
	}
dt {
	margin: 1em 0 0 0;
	padding: 0; font-weight: bold; }
	
dd {
	padding: 0 0 0 1em;
	margin: 0 0 .5em 0;
	}	
dd p {
	margin: 0 0 .5em 0;
	}	
	
p.caption {
	margin-top: .4em;
	font-size: 10px;
	}
p.crumbtrail {
	font-size: 9px;
	line-height:13px;
	margin: 0;
	color: #999;
	}
p.crumbtrail a {
	color: #999;
	text-decoration: underline;
	}
p.question {
	margin-top: 2em;
	}
p.newsection {
	margin-top: 3em;
	}
.question, .important { font-weight: bold; }

.note {
	font-style: italic;
	}
.byline {
	font-weight: normal;
	font-style: italic;
	}
blockquote {
	margin: 0 6em 0 4em;
	}
blockquote cite { /* use this within a blockquote, to italicize and right-align the author */ /*/*/
	display: block;
	text-align: right;
	font-style: italic;
	margin-top: 0;
	}
pre, code, samp {
	color: #666;
	background-color: #eee;
}
abbr, acronym, dfn {
	font-style: normal;
	border-bottom: 1px dotted #c60;
	cursor: help;
	}
.indent {
	margin-left: 3em;
	}
.center {
	text-align: center;
	}


h1, h2, h3, h4, h5, h6 {
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
	line-height: 1.1em;
	margin-top: 1.50em;
	margin-bottom: .50em;
	}
h1 { font-size: 21px; margin-top: 13px; }
h2 { font-size: 17px; }
h3 { font-size: 14px; }
h4 { font-size: 12px; }
h5 { font-size: 10px; }
h6 { font-size: 9px; }
	
a:link { color: #339; }
a:visited { color: #666; }
a:hover { color: #c60; }
a:active { color: #c60; }


/* floats */
/*/*/	
img.left {
	float: left;
	margin: 3px 1em 3px 0;
	}
img.right {
	float: right;
	margin: 3px 0 3px 1em;
	}
.clear {
	clear: both;
	}
.floatleft { 
	margin-right: 3em; /* a good generous margin, assumed this class will be used for sections (divs) */ /*/*/
	float: left; /* This lets divs sit side-by-side. Break float by following with with <br class="clear" /> */ /*/*/
	}
.pushright { /* use for wide images that need to float all the way to the right */ /*/*/
	float: right; 
	position: relative; 
	right: -60px;
	margin-left: -40px;
	padding: 0;
	border: none;
	}


/* press release index pages */

.pr-date {
	font-size: 10px;
	color: #999;
	}
.pr-sub {
	font-style: italic;
	}
	
/* tables */

table {
	font-size: 11px;
	}
		
/* ===========================================
	DIV Specific
   =========================================== */

div#skipnav {
	display: none;
	}
	
/* -------------------------------------------
	infobox
   ------------------------------------------- */
/*/*/	
div.infobox {
	color: #666;
	background-color: white; 
	margin: 0 0 10px 0;
	padding: 20px;
	border: 1px solid #ccc;
	}
div.infobox h2 {
	font-size: 14px;
	margin-top: 0;
	}
div.infobox h3 {
	font-size: 12px;
	}
div.infobox h4 a {
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
	}
div.infobox ul {
	margin: 0;
	padding: 0 0 0 1.5em;
	}
div.infobox ol {
	margin: 0 0 0 1.5em;
	padding: 0 0 0 1.5em;
	}
div.infobox dl {
	margin: 0 0 1em 0;
	padding: 0;
	}
div.infobox dt {
	margin: .5em 0 0 0;
	padding: 0;
	}
div.infobox dd {
	margin: 0;
	padding: 0 0 0 1.5em;
	}
	
	
/* -------------------------------------------
	global/news link styles
   ------------------------------------------- */
/*/*/	  
#globaltools a, .nolink {
	font-size: 10px;
	font-weight: bold;
	margin: 0;
   } 

.inlineimg {
	margin: 8px 0 -2px 3px;
	}
.gobtn {
	margin: 0 0 -4px 2px;
	}

input.globaltext {
	background:#fff;
	font-size: 10px;
    border:1px solid #ccc;
	border-color:#666;
	color:#333;
	margin: 3px 0 0 0;
	}

input.entrybtn, input.globalbtn {
	font-size: 9px;
    margin: 0;
	}
		

/* -------------------------------------------
	sidelinks
   ------------------------------------------- */
/*/*/
div#sidelinks h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 13px;
	font-weight: bold;
	text-align: left;
	margin: 0 0 1em 0;
	padding: 0 0 .2em 0;
	border-bottom: 1px solid #ddd;
	position: relative; /* needed for IE to apply border */ /*/*/
	}
div#sidelinks ul {
	margin: 10px;
	padding: 0;
	}
div#sidelinks li {
	font-size: 11px;
	line-height: 13px;
	list-style-type: none;
	text-align: right;
	padding: 0 1.2em 0 0;
	margin: 0 0 8px 0;
	background-image: url("/test/theme/images/icon-listarrow.gif");
	background-repeat: no-repeat;
	background-position: 100% .3em;
	position: relative; /* needed for IE to display icon */ /*/*/
	}
div#sidelinks li ul {
	padding: 0;
	margin: 8px 0 25px 0;
	}
div#sidelinks li ul li {
	font-size: 10px;
	line-height: 11px;
	padding: 0 .90em 0 0;
	margin: 0 0 8px 0;
	background-image:   url("/test/theme/images/icon-listarrow-sub.gif");
	background-repeat: no-repeat;
	background-position: 100% .3em;
	position: relative; /* needed for IE to display icon */ /*/*/
	}
div#sidelinks a { text-decoration: underline; }
div#sidelinks a:link { color: #6b8f00; }
div#sidelinks a:visited { color: #666; }
div#sidelinks a:hover { color: #c60; }
div#sidelinks a:active { color: #930; }

div#sidelinks h4 a { text-decoration: none; }
div#sidelinks h4 a:link { color: #666; }
div#sidelinks h4 a:visited { color: #666; }
div#sidelinks h4 a:hover { color: #c60; }
div#sidelinks h4 a:active { color: #930; }

/* -------------------------------------------
	sidelinks-toplevel
   ------------------------------------------- */
/*/*/
div#sidelinks.toplevel h4 {
	display: none;
	font-size: 12px;
	font-weight: bold;
	margin: 12px 10px 0 0;
	padding: 0;
	}
div#sidelinks.toplevel dt {
	font-size: 10px;
	font-weight: bold;
	color: #666;
	margin: 6px 10px 2px 0;
	padding: 0;
	}
div#sidelinks.toplevel dd {
	color: #999;
	font-size: 9px;
	line-height: 13px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}
div#sidelinks.toplevel dl {
	margin: 0 10px 0 0;
	padding: 0;
	}
div#sidelinks.toplevel a { text-decoration: underline; }
div#sidelinks.toplevel a:link { color: #6b8f00; }
div#sidelinks.toplevel a:visited { color: #666; }
div#sidelinks.toplevel a:hover { color: #c60; }
div#sidelinks.toplevel a:active { color: #930; }
div#sidelinks.toplevel dt a:link { color: #666; }
div#sidelinks.toplevel dt a:visited { color: #666; }
div#sidelinks.toplevel dt a:hover { color: #339; }
	
/* -------------------------------------------
	applications / forms
   ------------------------------------------- */
/*/*/   
form {
	margin: 0;
	}
   
form h3 {
	margin: 1em 0 0 0;
	font-size: 12px;
	}   
form h4, form label {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 1em 0 0 0;
	font-weight: normal;
	font-size: 11px;
	color: #333;
	}
form label.nospace {
	margin-top: 0
	}
select, p.formitem {
	margin-top: .25em;
	font-weight: normal;
	font-size: 10px;
	color: #333;
	}  
  
input.text {
	font-size: 10px;
	background: #fff;
	border: 1px solid #ccc;
	border-color: #666;
	color: #333;
	margin: .25em 0 0 0;
	padding: .10em;
	}
	
input.btn {
	font-size: 10px;
	margin-top: 1em;
	padding: .10em;
	}

input:focus {
	background-color: #D0EDC3;
	}
	
label {
	display: block;
	margin: 0;
	padding: 0;
	}
div.fieldset, fieldset { 
	background-color: #eee;
	margin: 1em 1em 0 0;
	padding: 0 1em 1em 1em;
	border: 1px solid #aaa;
	}

fieldset.float { 
	float: left; /* This lets the fieldsets sit side-by-side. To break float, follow with <br class="clear" /> */ /*/*/
	}
.fieldset h3, fieldset h3 {
	margin-top: .5em;
	}
legend { 
	font-size: 11px; 
	padding: 0 .5em 0 .5em;
	}

ul.msg-list {
    margin: 0 0 5px 0;
	}
li.msg-error {
	color: #930;
	list-style-type: none;
	padding-left: 15px; 
    background-image: url("images/icon-error.gif"); 
    background-repeat: no-repeat; 
    background-position: 0 .2em; 
	}
li.msg-success {
	color: #690;
	list-style-type: none;
	padding-left: 15px; 
    background-image: url("images/icon-success.gif"); 
    background-repeat: no-repeat; 
    background-position: 0 .2em; 
	}
li.msg-alert {
	color: #c90;
	list-style-type: none;
	padding-left: 15px; 
    background-image: url("images/icon-alert.gif"); 
    background-repeat: no-repeat; 
    background-position: 0 .2em; 
 	}
   
   
/* -------------------------------------------------------
	topbox ( infobox with arrow used once per page)
   ------------------------------------------------------ */
/*/*/
div#topbox {
	background-color: #f4f4f0;
	border: 1px solid #999;
	margin-bottom:10px;
	}
div#topbox h2 {
	margin: 0;
	padding: 5px 5px 5px 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999;
	font-size: 12px;
	background-image: url("/test/theme/images/img-arrow-orange.gif");
	background-repeat: no-repeat;
	background-position: .3em .3em;
	}
div#topbox h2 {
	background-color: #fff;
	}
div#topbox p {
    font-size: 10px;
	margin: 20px;
	}
div#topbox ul {
	margin: 10px;
	padding: 0;
	}
div#topbox li {
	font-size: 11px;
	line-height: 13px;
	list-style-type: none;
	padding: 0 0 0 1.2em;
	margin: 0 0 8px 0;
	background-image: url("/test/theme/images/icon-topboxarrow.gif");
	background-repeat: no-repeat;
	background-position: 0 .3em;
	position: relative; /* needed for IE to display icon */ /*/*/
	}
div#topbox a:link {
	text-decoration: none;
	color: #339;
	}
div#topbox a:visited {
	text-decoration: none;
	color: #339;
	}
div#topbox a:hover {
	color: #c60;
	text-decoration: underline;
	}	


div#feature h2 {
	font-size: 14px;
	line-height: 16px;	
	color: #930;
	margin: 20px 5px 5px 0px;
	}
div#feature p {
	color: #666;
	font-size: 11px;
	line-height: 19px;
	}


/* -------------------------------------------
	special copy classes
   ------------------------------------------- */   
/*/*/   
p.date {
	font-size: 9px;
	color: #646464;
	margin-bottom: 0; /* setting this to a negative number by default can cause unexpected problems */ /*/*/ 
	}
p.removespace1 {
	margin-bottom: -1em;
	}
p.removespace2 {
	margin-bottom: -2em;
	}
p.removespace3 {
	margin-bottom: -3em;
	}
p.smalltext {
	font-size: 9px;
	line-height: 12px;
	margin-top: 0;
	}

/* applies to p or div */ /*/*/ 
.sidenote {
	color: #666;
	padding: 5px;
	border: 1px dotted #999;
	}
.sidenote a {
	color: #930;
	}	



/* visited state not useful here */ /*/*/ 
tr.headrow a:visited, div#homebox a:visited {
	color: #339;
	}

/* -------------------------------------------
	footer
   ------------------------------------------- */
/*/*/ 
#pagebottom {
	font-size: 9px;
	line-height: 11px;
	color: #666;
	text-align: center;
	font-weight: normal;
	}

/* -------------------------------------------
	search pages
   ------------------------------------------- */
/*/*/ 

.query {
  background-color: #eee;
  border: 1px solid #aaa;
  padding: 0 1em 1em 1em;
  margin: 0 1em 0 0;
}

.tip {
  font-style: italic;
  font-size: 9px;
}

DIV.results .highlight {
  background-color: #FFFF99;
}

.spellemphasis {
  font-weight: bold;
  font-style: italic;
}

DIV.results .wordscores {
  font-size: 9px;
  color: #666666;
}

.collection-names {
  margin-bottom: -2 em;
  line-height: 12px;
}
input.button, a.button, a.button:link, a.button:visited 
{
	font-size: 10px;
	vertical-align: middle; 
	font-family: verdana;
	background-color: #e4e4e4;
	border: 1px solid #999;
	color: black;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;
}

a.button, a.button:link , a.button:visited
{
	font-size: 10px;
	vertical-align: middle; 
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 1px;
	padding-bottom: 2px;
	cursor: pointer;
}