/* YUI reset CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
caption,th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

/* STN settings */
body { cursor:default; font-family:'Droid Serif',georgia,garamond,times; font-size:11pt; }
#wait { width:180px; height:50px; background:#F2F2F2; border:1px solid #2B422E; position:absolute; left:50%; top:50%; margin-top:-50px; margin-left:-100px; text-align:center; padding-top:16px; font-family:'Droid Sans',arial; font-size:10pt; font-weight:bold; opacity:0.95; filter:alpha(opacity=95); }
#header { background:#2B522E;padding:10px;color:#FFFFFF;font-family:'Droid Sans',arial;font-weight:bold;font-size:14pt; }

/* menu settings */
#menu { font-family:'Droid Sans',arial; font-size:10pt; }
#menu1, #menumap, #menu2, #menu3, #menu4, #menu5, #menu6, #menu_links, #menu7 { position:absolute; top:45px; }
#menu1 { left:4px; width:54px; }
#menumap { left:65px; width:40px; }
#menu2 { left:107px; width:48px; }
#menu3 { left:160px; width:42px; }
#menu4 { left:205px; width:66px; }
#menu5 { left:273px; width:60px; }
#menu6 { left:338px; width:130px; }
#menu_links { left:467px; width:60px; }
#menu7 { right:4px; width:51px; }
#menu div div { display:none; position:relative; left:-2px; z-index:1000; border:1px solid #000000; background:#FFFFFF; }
#menu div div a { display:block; margin:2px 3px; padding:2px 5px; color:#000000; text-decoration:none; }
#menu div div a:hover { background:#B10026; color:#FFFFFF; cursor:default; }
#menu div div a:active { padding:3px 4px 1px 6px; }
#menu div div .hr { border-top:1px solid #000000; border-bottom:0; margin:3px 3px 3px 6px; }
#menu div:hover { cursor:default; background:#B10026; color:#FFFFFF; }
#menu div p { margin:0; padding:3px 6px; }
#menu div p:hover { cursor:default; background:#B10026; color:#FFFFFF; }
#menu div div:hover { background:#FFFFFF; }
#menu div:hover div { display:block; }
#list1 { width:180px; }
#listmap { width:180px; }
#list2 { width:180px; }
#list3 { width:180px; }
#list4 { width:164px; }
#list5 { width:140px; }
#list6 { width:160px; }
#list_links { width:160px; }

/* title and main settings (main = div for holding all page specific content) */
#title { margin-top:26px; background:#2B522E; color:#FFFFFF; padding:8px 10px; font-family:'Droid Sans',arial; font-size:11pt; font-weight:bold; }
#main { position:fixed; top:103px; right:0px; left:0px; bottom:0px; overflow:auto; z-index:-1; padding:12px 10px 0px; display:none; }

/* options warning */
p.options_warning {border:1px solid #B10026;margin:0px 0px 10px;padding:10px;background:#F2F2F2;font-family:'Droid Sans',arial;font-size:10pt;}

/* settings for search box */
#search { margin-top:260px; margin-left:auto; margin-right:auto; width:250px; z-index:1; display:none; border:1px solid #000000; background:#FFFFFF; padding:2px 4px; }
#search_bar { background:#2B522E; height: 16px; margin:-2px -4px 2px; padding:2px 8px; color:#FFFFFF; font-family:'Droid Sans',arial; font-size:9pt; font-weight:bold; }
#search_bar img { float:right; margin-right:-3px; }
#search form { font-family:'Droid Sans',arial; font-size:10pt; }
#search form p.text { padding:0;margin:4px 0px 4px 2px; }
#search form p.buttons { height:20px;padding:0;margin:6px 1px 0px 2px; }
#search form input.text { width:242px; }
#search form label { margin-left:4px; margin-right:8px; }
#search form input.submit { float:right; margin-top:-4px; }
#search a { color:#B10026; text-decoration:none; display:block; text-align:center; }
#search a:hover { text-decoration:underline; }

/* invisible table settings (when CSS layout just isn't worth the bother */
table.layout { margin:0px; width:100%; }
table.layout td { vertical-align:top; }
table.layout td.box_container { width:100%; padding-left:6px; }
table.layout table { margin:0px; }

/* settings for splash page */
#terms {font-size:17px;}
#news {position:absolute; top:245px; left:50px; width:300px; text-align:center;}
#project_credits {position: relative; text-align:center; font-size:0.9em; line-height:1.0em;}
#blog {font-size:15px;}
#splash { background:url('../images/splash.jpg'); width:473px; height:355px; border:1px solid #000000; margin-top:50px; margin-left:auto; margin-right:auto; color:white; }
#splash p.title { font-size:17pt; font-weight:bold; text-align:center; margin-top:30px; }
#splash p.version { color:white; font-size:14pt; font-weight:bold; text-align:right; margin-top:230px; margin-right:20px; }
#splash p.letc { font-size:12pt; text-align:right; margin-top:10px; margin-right:20px; }
#ahrc_logo { position:absolute; bottom:40px; left:50px; }
#uws_logo { position:absolute; bottom:40px; right: 50px;}
#leeds_logo { position:absolute; bottom:140px; right:50px; }

/* settings for user guide and designer notes*/
div.help {margin-left:auto;margin-right:auto;margin-bottom:20px;width:650px;border-left:1px solid #2B522E;}
div.help h2 {font-size:120%;font-weight:bold;margin-top:25px;}
div.help p {text-align:justify;}
#toc {line-height: 1;margin-top:30px;margin-bottom:30px;}
div.toplink a{position:fixed; right:50px;}

/* settings for terms of use */
div.copyright {margin-left:auto;margin-right:auto;margin-bottom:20px;width:650px;border-left:1px solid #2B522E;}
div.copyright h2 {font-size:120%;font-weight:bold;margin-top:25px;}
div.copyright p {text-align:justify; white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */}

/* settings for acknowledgments */
#logoleeds {width:14%;position: absolute;top : 20px;left: 30%;}
#logoahrc {width:14%;position: absolute;top : 20px;right: 30%;}

/* box settings */
div.box { background:#F2F2F2;border:1px solid #2B522E;margin-bottom:10px; }
div.box h1.client_name { margin-bottom: 0px; }
div.box h2 { padding:0px; margin-top:16px; margin-bottom:6px; font-size:100%; font-weight:bold; }
a { color:#B10026;text-decoration:none; }
a:hover { text-decoration:underline; }

/* settings for select tables */
table.select { margin:9px 0px 0px; }
table.select td { padding:0px 0px 9px 14px; }

/* settings for the table in the database totals page */
table.totals td.col1 { width:170px; font-weight:bold; }
table.totals td.col2 { width:50px; text-align:right; padding-right:10px; }

/* settings for options page */
.optionsTable { margin-top:16px; }
.optionsTable td { border:1px solid #2B522E;padding:5px 8px;vertical-align:top; }
.optionsTable td.title { background:#9cf;font-weight:bold;text-align:center; }
.optionsTable td.label { background:#9cf;font-weight:bold; }
.optionsTable td.nowrap { white-space:nowrap; }

/* layout for browsing */
#book_title { font-style:italic; }
#transactions_summary { margin:0px; float:left; width:500px; }
#editions { margin:0px 14px 12px; height: auto;}
div.edition { margin-top:-1px; border-top:1px solid #000000; border-bottom:1px solid #000000; padding:8px 4px; }
#googbook { padding: 0px 0px 15px 0px;}
#keyword_stats { width:109px; padding:3px 10px; background:#F2F2F2; border:1px solid #2B522E; margin-right:4px; }
#keyword_stats p { margin:7px 0px; font-size:10pt; }
#biographical_details { float:right; margin-bottom:-6px; }
table.professions { margin-bottom:20px; }
table.professions td { border:1px solid #000;padding:3px 6px; }

/* layout for queries */
#query_sub { float:right; }
#query_main { float:left; }
#query_submit { float:right; margin-top:-10px; }
#query_submit2 { float:right; margin-top:32px; }

/* advanced search editions table */
table#edition_search td { padding-right:8px; padding-bottom:6px;  }

/* results table settings (for queries and search) */
table.results td { border-bottom:1px solid #000000; border-right:1px solid #000000; padding:8px; vertical-align:top; }
table.results td.label { font-family:'Droid Sans',arial; font-size:9pt; font-weight:bold; text-align:center; vertical-align:bottom; white-space:nowrap; }
table.results td.counter { width:30px;text-align:right; }
table.results td.result { width:100%; }
table.results td.number { text-align:right; }

/* general settings for other things (mostly inside the boxes */
h1, h2, p, ol, ul, table { margin:12px 14px; }
h1 { padding:0px; margin-bottom:16px; font-size:130%; font-weight:bold; }
ol { margin-left:50px; margin-bottom:20px; }
ul { list-style-type:circle; margin-left:50px; margin-bottom:20px; }
li { margin-bottom:8px; }
div.hr { margin:0px 14px; border-bottom:1px solid #000000; }
div.clear { clear:both; margin-top:-12px; }

/* forms settings */
input.letter { width:40px; margin-right:5px; margin-bottom:3px; }
input.place { width:180px; margin-right:5px; margin-bottom:3px; }
input.view_button { width:180px; }
input.submit { padding:1px 5px; }
select { font-family:'Droid Sans',arial; font-size:10pt; margin:0; }
select.wide { font-size:10pt; width:100%; }
div.select, p.select { margin:7px 14px;line-height:22px; }
#reference {margin-top: 10px; float:right;}
#reference input {padding:5px; font-family:'Droid Sans',arial; color:#B10026;}
#spreadsheet {margin-top: 10px; margin-left: 10px; float:left;}
#spreadsheet input {padding:5px; font-family:'Droid Sans',arial; color:#B10026;}

/* map settings */
#map_legend { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size:13pt; position:relative; width:110px; border:1px solid #000000; padding:8px; background:#FFFFFF;  top:-616px; left:14px;}
#map_legend ul { list-style:none; margin:8px 0px 0px; padding:0px; }
#map_legend ul li { margin:0px; }
.legend_item { border:1px solid #000000; width:10px; }
#protovis { float:right; margin-right:14px; margin-bottom:14px;; width:110px; border:1px solid #000000; background:#FFFFFF; padding:8px; text-align:center; }
#map { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; margin-left:14px; margin-bottom:14px; border:1px solid #000000; background:#FFFFFF; width:850px; height:600px; }
#label { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size:14pt; float:right;margin-right:14px;margin-bottom:14px;border:1px solid #000000;background:#FFFFFF;height:auto;width:270px;padding:10px; text-align:center; } 
#nb { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; font-size:10pt; position: absolute; right:25px; bottom:200px;border:1px solid #000000;background:#FFFFFF;height:auto;width:270px;padding:10px; text-align:center; } 
#bwMap, #cMap, #toggleTowns { font-family:'Droid Sans',arial;}
#map_options { position:relative;height:25px;padding:0px 10px 10px 10px; width:572px;}
#small_map { float:right;margin:16px 16px 30px;border:1px solid #000000;background:#FFFFFF;width:300px;height:250px; }

/* pie settings */
#pie { margin:60px 20px 20px;width:350px;height:350px; }

/* transactions table settings */
table.transactions { background:#F2F2F2;margin:10px 0px;width:100%; }
table.transactions td.in { background:#9cf; }
table.transactions td.out { background:#F78181; }
table.transactions td.other { background:#ffc; }
table.transactions td { vertical-align:top;border:1px solid #000000;padding:8px; }
table.transactions td.label { font-family:'Droid Sans',arial;font-size:9pt;font-weight:bold; }
table.transactions a.show_details { font-family:'Droid Sans',arial;font-size:9pt;float:right; }
table.transactions td span.details { margin-top:10px;display:none; }

/* tipsy settings (for labels on the chart in the totals page) */
.tipsy { font-family:'Droid Sans',arial; pointer-events: none; padding: 5px; font-size: 11px; position: absolute; z-index: 100000; }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-arrow { position: absolute; background: url(../images/tipsy.gif) no-repeat top left; width: 9px; height: 5px; }
  .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; }
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; }
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; }
  .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
  .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

/* chart (for calendar) */
#calendar {font:10px sans-serif;margin-left:400px;}
.day {
  fill: none;
  stroke: #ccc;
  shape-rendering: crispEdges;
}
.month {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
  shape-rendering: crispEdges;
}

/* cloropleth (for maps) */
.states path {
 stroke: #000;
 stroke-width: .5px;
}

.cities circle {
  stroke: #fff;
  stroke-width: .7px;
  fill-opacity: .8;
}


/* line charts */

table.compare td {padding-right:6px;padding-bottom:6px;}


#chart {}

#chart line {stroke: black;}
#chart text {font-family: Arial;font-size: 6.5pt;}
#chart path.line1 {fill: none;stroke: steelblue;stroke-width: 2px;}
#chart path.line2 {
  fill: none;
  stroke: red;
  stroke-width: 2px;
}
#chart path.line3 {
  fill: none;
  stroke: green;
  stroke-width: 2px;
}
#chart circle.line1 {fill: steelblue;}
#chart circle.line2 {fill: red;}
#chart circle.line3 {fill: green;}
#chart .dataxis, .yaxis {  stroke-width: 2px;}

/* visualisation gallery */

#grid {
  margin: 0px 20px 50px 20px;
  display: block;
  width:90%;
  font-family: 'Droid Sans';
  font-size: 17px;
  text-align: center;
  padding-bottom: 50px;
}

#grid a {
color: brown;
}
#grid li{

  display: inline-block;
  margin: 30px 20px 0px 20px;
  padding: 10;
  position: relative;
  line-height:1.5;
  text-align:center;
}

#grid li a.thumb {
display: block;
border: 0px solid rgba(100,100,100,0.5);
margin: 20px 20px 0px 20px;
height: 210px;
padding: 10;
position: relative;

}

#grid li img {
height: 210px;
width: 250px;
margin: 0;
padding: 5px;
background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(100,100,100,0.1)), to(rgba(100,100,100,0.5)));
background: transparent -moz-linear-gradient(top, rgba(100,100,100,0.5), rgba(100,100,100,1));
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
box-shadow: 2px 2px 2px rgba(0,0,0,1);
}

#grid li:hover img {
  background: rgba(255,215,0,0.9);
  -webkit-box-shadow: 0 0 8px rgbargba(255,215,0,0.9);
  -moz-box-shadow: 0 0 8px rgba(255,215,0,0.9);
  box-shadow: 0 0 8px rgba(255,215,0,0.9);
  color: rgba(255,215,0,0.9);
  text-shadow: 10px 10px 4px rgba(255,215,0,0.9);
  
}

#grid li a.thumb_title {
position:relative;
top:20px;
overflow:hidden;

}

#grid li h3 {
width:250px;
 margin: 5px auto;
font-size: 15px;
 text-align: center;
}


#grid tr{
top:50px;
  display: inline-block;
  margin: 0px 20px 20px 20px;
  padding: 10;
  position: relative;
  line-height:1.5;
  text-align:center;
  width:66%;
}

#grid td a.thumb {
display: block;
border: 0px solid rgba(100,100,100,0.5);
margin: 20px 20px 0px 20px;
height: 210px;
padding: 10;
position: relative;

}

#grid td a.thumb_title {
position:relative;
top:20px;
overflow:hidden;

}


#grid td iframe.thumb {
display: block;
border: 0px solid rgba(100,100,100,0.5);
margin: 0px 20px 0px 20px;
height: 210px;
padding: 10;
position: relative;
line-height:1.5;
}


#grid td img {
height: 210px;
width: 250px;
margin: 0;
padding: 5px;
background: transparent -webkit-gradient(linear, left top, left bottom, from(rgba(100,100,100,0.1)), to(rgba(100,100,100,0.5)));
background: transparent -moz-linear-gradient(top, rgba(100,100,100,0.5), rgba(100,100,100,1));
-webkit-box-shadow: 2px 2px 2px rgba(0,0,0,1);
-moz-box-shadow: 2px 2px 2px rgba(0,0,0,1);
box-shadow: 2px 2px 2px rgba(0,0,0,1);
}

#grid td:hover img {
  background: rgba(255,215,0,0.9);
  -webkit-box-shadow: 0 0 8px rgba(255,215,0,0.9);
  -moz-box-shadow: 0 0 8px rgba(255,215,0,0.9));
  box-shadow: 0 0 8px rgba(255,215,0,0.9);
  color: rgba(255,215,0,0.9);
  text-shadow: 10px 10px 4px rgba(255,215,0,0.9);
  
}

#grid td h3 {
width:250px;
 margin: 5px auto;
font-size: 15px;
 text-align: center;
}


#clickpie {
margin-left:20px;
width:350px;
text-align:center;
}