/*
@import url('reset.css');
*/

/* NYPL Digital Gallery
2007-2008 jANDERSON
help from glish.com

COLORS:
red f50002\\ NEW NYPL RED! c02a2b:links d2232a:hedlines c62829:bg
green 99cc00
	darker 506a00
	lighter c6e173
greys darker to lighter
	333
	4a4a4a
	666
	999
	c7c7c7
	dfdfdf	

FONTS:
font-family:Arial, sans-serif;
font-family:Verdana, sans-serif;
 */


/*-----------------------------------------------------------------------------------------
                                GENERIC-DEFAULT STYLES 
------------------------------------------------------------------------------------------*/
* {
margin:0px;
padding:0px;
}

	
body {
background:#fff;
color:#000;
text-align:center;
font-family:Arial, sans-serif;
font-size:62.5%; /*default size for ‘medium’ text in all modern browsers is 16px. This takes 16px down to 10px -- clagnut */
}

p {
font-family:Arial, sans-serif;
font-size:1.3em; 
}

a {
color:#000;
text-decoration:underline;
}
a:visited {
color:#4a4a4a;
}
a:hover, a:active {
color:#506a00;
}

img {
border:0;
}

ul, ol {
margin-top:0px; 
padding-top:0px;
}

li {
list-style:none;
}

h1 {
font-size:1.9em;
}


/*-----------------------------------------------------------------------------------------
                                OVERALL LAYOUT STYLES 
------------------------------------------------------------------------------------------*/	
	#frame { /* for the OBJ PG */
		width:1000px;
		margin-top: 20px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;
		clear:both;
		}
	#framehome { /* for the HOME PG */
		padding:0px;
		width:939px;
		margin-top:40px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;
		clear:both;
		}
/*------------------------------------------------------------------------------------
			Deprecated for framehome above: wider frame, and right-floats to produce
			less pg flicker in ie6 -JD 080508
--------------------------------------------------------------------------------------*/
/*	#framehome { */ /* for the HOME PG */
/*		width: 767px;
		margin-top:30px;
		margin-right:auto;
		margin-left:auto;
		padding:0px;
		text-align:left;		
		}*/		
	#framecoll {  /* for the COLL GUIDE PGS */
		width: 700px;
		margin-right:auto;
		margin-left:auto;
		padding:30px 40px 0 0;
		text-align:left;		
		}
	#frametopic {  /* for the COLL GUIDE CATEGORY PGS */
		width: 700px;
		margin-right:auto;
		margin-left:auto;
		padding:18px 40px 0 0;
		text-align:left;		
		}
/*
		#frametopic h1{  *//* for the COLL GUIDE CATEGORY PGS */
/*		font-size: 1.9em;
	}
*/
	#framelist {  /* for the HELP, PREFS, SEARCH HIST, ADV SEARCH, LIB DIVS, SUBJ, NAMES, ABOUT DG, SITE MAP, CREDITS, CONTACT */
		width: 600px;
		margin-right:auto;
		margin-left:auto;
		padding:18px 140px 10px 0;
		text-align:left;		
		}		

	#left {
		float:left;
		width:265px;
		padding:0px;
		padding-left: 5px;
		padding-right: 20px;
		text-align:left;
		background: #fff;	
		}
	#lefthome {
		float:right;
		width:350px;
		padding:0 0 0 0;
		border-right: solid 3px #000;
		/*background:#fff;*/
		background:#ccc;
		}
	#leftcoll {
		float:left;	
		width:350px;
		padding:0px;
		background:#000;
		}
	
	
	#ctr {
		float:left;	
		width:420px;
		padding:0px;
		background:#fff;
		}
	#ctrhome {
		float:right;
		width:153px;
		height:513px;
		padding:0 5px 0 0;
		background:#fff;	
		}
	#ctrcoll {
		float:left;
		width:2px;
		height:450px;
		padding:0px;
		background:#fff;	
		border-left: 1px solid #000;
		}	
		
		
	#right {
		float:left;
		width:250px;
		padding:0px;
		padding-left: 20px;
		padding-right: 20px;
		background: #fff;	
		}
	#righthome {
		float:right;
		width:408px;
		padding:0 0 0 10px;
		background:#fff;
		}
	#rightcoll {
		float:left;
		width:308px;
		padding:0px;
		background:#fff;
		}



/*-----------------------------------------------------------------------------------------
                                SPECIFIC LAYOUT STYLES 
------------------------------------------------------------------------------------------*/

/*----------------------------------- HOME PAGE ------------------------------------------*/

#lgpictitle { /*NO LONGER IN USE--KILL??? -JA 072908 */
padding-top: 1px;
padding-bottom: 3px;
text-align:right;
background:#000;
}

.pixbox {
/*clear:both;*/
padding:4px 2px 8px 2px;
text-align:right;
background: #000;
margin-top:-3px; /* for IE6 */
}
.pixbox li {
float:right;
padding: 10px 0 2px 1px;
}
#pixlabel{
padding-right:16px;
}
.bracket{ /* BRACKETS ARE NOW ARROWS; NO LONGER SEMANTIC --JA 072908 */
padding:0px;
margin-top:14px;
}
.imageborderon img{
	border: 1px solid #fff;
}
.imageborderon:hover img{
	border: 1px solid #fff;
}
.imageborderon:hover{
	color: black; /* for IE bug */
}
.imageborderoff img{
	border: 1px solid #000;
}
.imageborderoff:hover img{
	border: 1px solid #fff;
}
.imageborderoff:hover{
color: black; /* for IE bug */
}

#captionwrap {
padding-bottom:10px;
margin-bottom:10px;
height:140px;
}
.captiongraf {
width:225px;
padding:2px 0 10px 35px;
margin-bottom:10px;
float:left;
}
.captionnew {
width:130px;
float:left;
padding-bottom:10px;
}
.captionnew a{
text-decoration:none;
color:#000;
}
.captionnew a:hover{
text-decoration:underline;
color:#506a00;
}
.captionnew p{
font-size:1.15em;
color:#000;
}

#searchbox {
clear:left;
width:383px;
height:65px;
margin-top:5px;
padding: 10px 0 5px 0;
border-top: 2px solid #c62829;
}
#searchbox li{
float:left;
padding-right:10px;
}
#searchbox p{
font-size:1.15em;
}

#searchbox a{
text-decoration:none;
/*color:#506a00;*/
}
#searchbox a:hover{
text-decoration:underline;
color:#506a00;
}

/*.searchbox {
clear:both;
width:308px;
padding: 5px 0 50px 0;
border-top: 2px solid #c62829;
}
.searchbox li{
float:left;
padding-right:10px;
}
*/

.browsebox {
width:383px;
padding-top: 10px;
border-top: 2px solid #c62829;
}
.browseboxlist {
float: left;
padding-left:10px;
}
.browseboxlist li{
padding-left:66px;
}

#whatsnewhome {
padding-bottom:24px;
padding-top:4px;
text-align:center;
font-size:1.3em;
}

#whatsnewhome span{
background: #efefef;
}

/*----------------------------------- HEADER ------------------------------------------*/
#header {
width:100%;
}

#prefsnav {
padding: 1px 10px 1px 1px;
background: #dfdfdf;
text-align:right;
}

#topheader {
padding:5px 5px 8px 5px;
border-top: 2px solid #fff;
background:#c62829;
}
#topheader li {
float:left;
}
#topheader li img{
padding: 2px 5px 0 0;
}

#topnav {
clear:both;
padding-top:1px;
padding-bottom:10px;
text-align:center;
}

.survey a:link, .survey a:visited {
float:left;
color: #000000;
font-weight:bold;
}


/*-------------------------------- THUMBNAILS PAGE ---------------------------------------*/
#thumbsnav {
width:100%;
border-top: 1px solid #ccc;
}

.items { /*class left plus pad L 28*/
float:left;
text-align:left;
padding-left:28px;
}
.numbernav { /*class right plus margin R 60*/
float:right;
text-align:right;
margin-right:60px;
}
.source { /*.lefttest*/
		float: left;
		width: 75%;
		margin-left: 28px;
		display: inline;
		text-align:left;
}
.thprevnext { /*.righttest plus inline*/
		float: left;
		/*we don't want this to get smaller, even at a slower rate, and squish the images to vertical display so we give it a pixel size?*/
		width: 12%;
		/*width:90px;*/
		margin-left: 0%;
		margin-right:45px;
		text-align:right;
		/*border-style:solid;border-color:pink;*/
		float:right;
		width:110px;
		padding-top:4px;
}




#thumbs {     /* this is the box that contains all the thumbs */
padding: 5px 25px 0px 25px;
text-align:left;
background: #fff;
}
#thumbs li {   /* this is what contains thumb content */
float:left;
width:160px;
margin:3px;
padding:3px;
margin-right:18px;
/*text-align:center; only the select[on|off] box needs to be centered*/
/*background-color: #e8e8e8; only the select[on|off] box is grey*/
}

.prop {
  /*height:50px;*/
  float:right;
  width:1px;
  height:9.27em;
  background-color:#fff;
}

.clr {
  clear:both;
  height:1px;
  overflow:hidden;
  background-color:#fff;
}

/*----------------------------------- THUMBNAILS PAGE: SELECT STATE -------------------------------------*/
/* -----------------------------------------------------------------------------		
			Since select state needs to toggle 2 border colors based on 2 conditions, 
			we'll set 2 classes for the image container; the front-end code will
			pick which class to display, based on 1.) whether users accept cookies/login
			and 2.) if an image is in their saved selections or not.  -JD 
---------------------------------------------------------------------------------*/

.selectoff {   /* contains thumb image */
height:156px;
width:156px;
background-color:#ccc;
text-align:center;
border-color:#ccc;
border-style:solid;
border-bottom-width:2px;
border-right-width:2px;
border-top-width:1px;
border-left-width:1px;
}

.selecton {   /* contains thumb image */
height:156px;
width:156px;
background-color:#e8e8e8;
text-align:center;
border-color:#99cc00;
border-style:solid;
border-bottom-width:2px;
border-right-width:2px;
border-top-width:1px;
border-left-width:1px;
}



/*----------------------------------- OBJECT PAGE: CENTER IMAGE AND CONTROLS-----------------------------------*/
#imagecontrols {
width:435px;
margin-right:auto;
margin-left:auto;
}
#imagecontrols li {
float:left;
padding:5px;
border:1px solid #fff;
}
#imagecontrols li.hover {
border:1px solid #506a00;
}

#object {

}

#getimage {
text-align:center;
margin-left:auto;
margin-right:auto;
padding:0px;
}

#objimage {
float:left;
margin-left:auto;
margin-right:auto;
padding: 20px;
border: 1px solid #000;
}

/*----------------------------------- OBJECT PAGE: SELECTED IMAGE ------------------------------------------*/
#objimagesel {
float:left;
margin-left:auto;
margin-right:auto;
padding: 20px;
border: 1px solid #99cc00; /*same color as thumbs state*/
}

/*----------------------------------- OBJECT PAGE: PRINTED IMAGE ------------------------------------------*/
#objimagepri {
float:left;
width:760px;
margin-left:0px;
margin-right:auto;
padding: 8px 0 0 0;
border-style:solid;
border-width:1px;
border-top-color:#000;
border-right-color:#fff;
border-bottom-color:#fff;
border-left-color:#fff;
}

/*----------------------------------- OBJECT PAGE: BRACKETS ---------------------------------:NO LONGER IN USE-KILL?? JA 073008-*/
#leftbrkt {
float:left;
padding:0px;
}
#rightbrkt {
float:left;
padding:0px;
}

/*----------------------------------- OBJECT PAGE: LEFT MENU AREA ------------------------------------*/
#embed {
padding: 3px;
border: 1px solid #c7c7c7;
}
#embed h2, #embed p{
padding: 3px 0px 0px 0px;
}

#viewsource {

}

#relimages img {
padding: 3px;
}

/*----------------------------------- OBJECT PAGE: BOTTOM MENU AREA ------------------------------------*/
#metadata {
padding-left:15px;
}
#metadata h4 {
display:inline;
}

/*----------------------------------- OBJECT PAGE: RIGHT MENU AREA ------------------------------------*/
#findmore p, #findmore h4 {
padding: 5px 0px 0px 0px;
}

#advmetadata {
display:none;
}

#advshowsearch {
display:block;
}

/*do we need this one?
#advsearchdata {
display:none;
}
*/

/* These set the 3 states for view more|less details msg - 1st one is default so doesn't need hidden style  -JBD*/

#msgoff {
display:none;
}

#msgon {
display:none;
}

#showtip
{
display:none;
}



/*----------------------------- COLLECTION PAGE elements: JA still working; fonts not sep. yet------*/

#framecoll h4 {
font-style: italic;
text-indent: 10px;
}

#one {
width:727px;
}
#two {
float:right;
width:410px;
}

#featuredcollectionnav7 {
float:left;
width: 410px;
border-top: 1px solid #000;
padding: 5px 0 10px 0;
font-family:Verdana, sans-serif;
font-size: 1.1em;
}

#titletreesearch {
float:left;
width: 410px;
border-bottom: 1px solid #000;
padding-bottom: 5px;
font-family:Verdana, sans-serif;
font-size: 1.1em;
}

#limitsearch { /*to align search submit image consistently in ie and ff -JBD */
padding-bottom:2px;
}

#featuredcollection7 {
float:left;
width:410px;
}
#featuredcollection7 h1 {
/*font-size: 3em;*/
/*font-size: 1.9em;*/
padding-bottom: 5px;
padding-top: 5px;
}
#featuredcollection7 p {
padding-bottom: 10px;
font-family:Arial, sans-serif;
/*font-size: 1.5em;  Go with DEFAULT font in blurbs? -JBD */
font-size: 1.3em; /*added explicit size to so text in blurb and content is consistent with detail pg, title pgs, etc. -JBD 6/18/2007*/
}

#featuredcollection7 a:link, #featuredcollection7 a:visited {
	
}
#featuredcollection7 a:hover, #featuredcollection7 a:active {
color:#506a00;
}

#featuredimgborder {
border: 1px solid #000;
margin-right:4px;
margin-bottom:1px;
}

/* box for featured image caption contains both the image and caption so  blurb text can overflow this box on the right without 
affecting caption's alignment. -JBD 071008 */
#featuredimgbox7 {
float:left;
width:305px;
font-size:1.2em;
}

#featuredimgcontainer7 {
float:left;
background: #000;
padding: 1px 5px 1px 1px;
margin-right: 5px;
}

#collectioncontent {
margin: 20px 0 20px 0;
/*font-family:Arial, sans-serif;
font-size: 1.5em;*/
}

#collectioncontent p{
margin-bottom: 10px;
font-size: 1.3em;
}

#collectioncontent blockquote {
padding: 5px 30px 10px 10px;
font-size: 1.2em;
}

#collectioncontent h3{
padding-top: 5px;
padding-bottom: 3px;
font-size:1.4em;
/*font-family:Arial, sans-serif;
font-size: 1em;*/
}

#collectioncontent h4{
padding-top: 5px;
padding-bottom: 3px;
font-size:1.2em;
text-indent:0px;
}

/*------------------ add'l for TOPIC PAGES elements: JA still working; fonts not sep. yet------*/

/*
#frametopic h1 {
font-family:Arial, sans-serif;
font-size: 1.9em;
}
*/
#frametopic h3 {
font-family:Arial, sans-serif;
font-size: 1.3em;
}
#frametopic p {
font-family:arial, sans-serif;
font-size: 1.1em;
padding: 0 0 5px 0;
}
#frametopic ul li {
font-family:arial, sans-serif;
font-size: 1.2em;
/*list-style: square;*/
}
#frametopic ul {
padding: 5px 0 5px 5px;
}
#frametopic td, ol {
font-family:arial, sans-serif;
font-size: 1.1em;
}


#featuredcontenttop {
float:left;
font-family: arial, sans-serif;
font-size: 1.5em;
}

#collsearch {
float:left;
width:800px;
padding-bottom: 5px;
font-family: verdana, sans-serif;
font-size: 1.3em;
}

#featuredcontent {
border-top: 1px solid #000;
}
#featuredcontent li{
float:left;
width:330px;
/*height:190px;*/
margin-right: 50px;
padding-bottom:30px;
font-family:Arial, sans-serif;
/*font-size: 1.1em;*/
}

/*test this inline -JD 10/1/2008 #featuredcontent ul li a:link h4, #featuredcontent ul li a:visited h4 {
text-decoration: none;
/*padding-top: .5em;*/
/*}*/

/*test this inline -JD 10/1/2008 #featuredcontent ul li a:hover h4, #featuredcontent ul li a:active h4 {
text-decoration: underline;
color: #000;
}
*/

/*------------------ add'l for LIST PAGES: JA still working; fonts not sep. yet------*/
/*
#framelist h1 {
font-family:Arial, sans-serif;
font-size: 1.9em;
}
*/
#framelist h3 {
margin-top: 5px;
font-family:Arial, sans-serif;
font-size: 1.4em;
}
#framelist h4 {
font-family:Arial, sans-serif;
font-size: 1.2em;
padding-top: 2px;
}
#framelist p {
font-family:arial, sans-serif;
font-size: 1.4em;
padding: 0 0 7px 0;
}
#framelist ul {
padding: 5px 0 5px 5px;
}
#framelist ul li {
font-family:arial, sans-serif;
font-size: 1.4em;
list-style: square;
}
#framelist li {
margin-left:10px;
}
#framelist td, ol {
font-family:arial, sans-serif;
font-size: 1.4em;
}

#listbox{
position:relative;
top:0;
width:600px;
}

		/*--- for use on HELP PG ---- */ 
		.answer { 
		/*background-color:#000;*/
		padding: 3px 0 3px 0;
		color: #c62829;
		font-weight:bold;
		text-transform:uppercase;
		}
		
		#framelist form {
		padding: 5px 0 5px 5px;
		}



		/*--- info box on Names and Subjects browse pages ---- */ 
		.listinfo {
		float:right;
		position:relative;
		margin-top:10px;
		margin-left:12px;
		width:300px;
		padding:6px;
		border-width:1px;
		border-style:solid;
		border-color:#000;
		font-family:Arial, sans-serif;
		font-size: 1.3em;
		}

		/*---- A-Z list on Name and Subject browse pages ----*/
		#alphalist {
		padding-top:8px;
		font-family:verdana, sans-serif;
		font-size: 1.3em;
		}
		#alphalist a:link, #alphalist a:visited {
		color:#000;
		text-decoration:none;
		}
		#alphalist a:hover, #alphalist a:active {
		color:#fff;
		text-decoration:underline;
		background:#506a00;
		}

		/*---- code at bottom of subject lists --- */
		#itemlist {
		padding-top: 50px;
		}
		.viewmore {
		margin-top: 20px;
		border-top: 1px solid #ccc;
		font-family:Arial, sans-serif;
		font-size: 1.3em;
		}



#browsediv ul li{
list-style: square;
list-style-position:inside;
font-family:Arial, sans-serif;
font-size: 1.3em;
}

.key {
font-family:Arial, sans-serif;
font-size: 1.1em;
}

.browsesourcetitles {
width:653px;
float:left;
padding-left:10px;
font-family:Arial, sans-serif;
font-size: 1.3em;
line-height: 1.5em;
}



/*----------------------------------- FOOTER ------------------------------------*/
#footer {
clear:both;
width:100%;
/*new to support sub-footer*/
border-top:1px solid #dfdfdf;
/*border-bottom:1px solid #dfdfdf;*/
}

/*deprecated for sub-footer
#botnav {
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
text-align:center;
border-top:1px solid #dfdfdf;
font-family:Verdana, sans-serif;
font-size: 1em;
}
*/
#botnav{
width:98%;
/*height:30px;*/
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
margin:auto;
font-family:Verdana, sans-serif;
/*font-size: 1.2em;*/
}

.botnavleft {
	padding-top:1px;
}
.botsubnavleft {
	font-size:.9em;
	padding-top:2px;
	padding-bottom:4px;
}

#footerhome{
clear:both;
width:100%;
border-top:1px solid #dfdfdf;
text-align:center;
}


#botnavhome {
width:80%;
padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;
margin:auto;
font-family:Verdana, sans-serif;
font-size: 1.2em;
}


#botnavhome a:link, #botnavhome a:visited {
color:#666;
text-decoration:none;
}
#botnavhome a:hover, #botnavhome a:active {
text-decoration:underline;
}

/*
#missionst {
padding-top:2px;
padding-bottom:12px;
text-align:center;
border-top:1px solid #dfdfdf;
}
*/
#missionst {
clear:left;
/*new to support sub-footer*/
border-top:1px solid #dfdfdf;
/*width:100%;*/
padding-left:2px;
padding-top:2px;
padding-bottom:12px;
text-align:center;
/*border-top:1px solid #dfdfdf;*/
}
.missionstcontent {
margin:auto;
text-align:center;
width:98%px;
padding-left:8px;
padding-right:8px;
}

/*-----------------------------------------------------------------------------------------
                                REUSABLE STYLES 
------------------------------------------------------------------------------------------*/

.left {
float:left;
text-align:left;
}
.right {
float:right;
text-align:right;
}
.clear {
clear:both;
}

.small {
font-family: verdana, sans-serif;
font-size: .8em;
}

.large {
font-family:Arial, sans-serif;
font-size: 3em;
font-weight:bold;
}

#colorlink a {
text-decoration:none;
color:#506a00;
}
#colorlink a:hover {
text-decoration:underline;
}
.colorlink a {
text-decoration:none;
color:#506a00;
}
.colorlink a:hover {
text-decoration:underline;
}

/*------------------------------------------------------------------------------------------------------
                                FONT AND LINK STYLES 
-------------------------------------------------------------------------------------------------------*/

/*----------------------------------- NAVIGATION BARS FONTS ------------------------------*/
#prefsnav a, #topnav a, #botnav a {
font-family:verdana, sans-serif;
font-size:1.25em;
}
#prefsnav a:link, #prefsnav a:visited {
color:#333;
text-decoration:none;
}
#prefsnav a:hover, #prefsnav a:active {
text-decoration:underline;
}

#topnav a:link, #topnav a:visited {
color:#000000;
text-decoration:none;
}
#topnav a:hover, #topnav a:active {
text-decoration:underline;
}

#botnav a:link, #botnav a:visited {
color:#666;
text-decoration:none;
}
#botnav a:hover, #botnav a:active {
text-decoration:underline;
}

#missionst {
color:#999;
font-family:verdana, sans-serif;
font-size:1em;
}


/*----------------------------------- HOME PAGE FONTS ------------------------------------*/
#lgpictitle {
color:#fff;
font-family:Verdana, sans-serif;
font-size:1.7em;
font-variant:small-caps;
font-weight:bold;
}

.browsebox {
font-family:Verdana, sans-serif;
font-size:1.28em;
}
.browsebox a, .browsebox a:visited {
color:#000;
text-decoration:none;
}
.browsebox a:hover, .browsebox a:active {
color:#506a00;
text-decoration:underline;
}

.caption, .caption p {
font-family:Verdana, sans-serif;
font-size:1.1em;
}

/*---------------------------------- THUMBNAILS PAGE FONTS ---------------------------------*/
#thumbsnav {
font-family:verdana, sans-serif;
font-size:1.3em;
}
#thumbsnav a:link, #thumbsnav a:visited {
color:#000;
font-weight:bold;
text-decoration:none;
}
#thumbsnav a:hover, #thumbsnav a:active {
color:#fff;
text-decoration:underline;
background:#506a00;
}

#thumbs { 
font-family:Verdana, sans-serif;
font-size:1.2em; 
}
#thumbs a:link, #thumbs a:visited {
color:#000000;
text-decoration:none;
}
#thumbs a:hover, #thumbs a:active {
text-decoration:underline;
color:#506a00;
}

.source a:link, .source a:visited {
background-color: #fff !important;
color: #000 !important;
text-decoration:underline !important;
font-weight: normal !important;
}
.source a:hover, .source a:active {
background-color: #fff !important;
color:#506a00 !important;
text-decoration:underline !important;
font-weight: normal !important;
}

/*----------------------------------- OBJECT PAGE FONTS ------------------------------------*/
.objmenu, .objmenu p, #metadata, #metadata p, #viewsource {
font-family:verdana, sans-serif;
font-size:1.1em;
}
.objmenu a:link, .objmenu a:visited {
color:#000;
text-decoration:none;
}
.objmenu a:hover, .objmenu a:active {
color:#000;
text-decoration:underline;
}

/* ---bg color hover---
#viewsource a:link, #viewsource a:visited {
color:#000;
text-decoration:underline;
}
#viewsource a:hover, #viewsource a:active {
color:#fff;
text-decoration:underline;
background:#000;
}*/