/* Bridgehunter main style sheet */
a:link { 
 color:#0027b5; 
}
a:active { 
 color:#ff0000; 
}
a:visited { 
 color:#444444; 
}
a:hover { 
 color:#ff0000; 
}

body {
 font-family:sans-serif;
 font-weight:normal;
 text-decoration:none; 
 background-color:#eeeeee
}

td {
 vertical-align:top;
}

dt {
 font-style:italic;
}

.even {
 background-color:#eee;
}

.odd {
 background-color:#fff;
}

.zebra tr:nth-child(2n) {
 background-color:#eee;
}

h1 {
 font-weight:bold;
 font-size:1.5em;
 margin:5px 0 0 0;
}

h2 {
 margin:5px 0 10px 0;
 color:#0027b5;
 font-size:1.2em;
}

h2 a {
 color:#0027b5;
 text-decoration:none;
}

.subtitle {
 font-size:1.1em;
 color:#444444;
 margin:0 0 15px 0;
}

img, a img {
 border:0;
}

.page {
 background-color:#eeeeee;
 color:#000000;
}

.canvas {
 width:760px;
 margin:0 auto 0 auto;
 background-color:#ffffff;
}

.widecanvas {
 max-width:1000px;
 margin:0 auto 0 auto;
 background-color:#ffffff;
}

.unlimitedcanvas {
 background-color:#ffffff;
}

/* Masthead */

#topmost {
 /* for placement of ad */
 position:relative;
}

.advert {
 position:absolute;
 left:110%;
 top:50px;
/* background-color:#e9e9e9; */
 width:160px;
 height:600px;
}

#header {
 margin:0;
 padding:0;
}

#userline {
 background-color:#000;
 color:#fff;
 font-weight:bold;
 text-align:right;
 font-size:0.8em;
 padding:3px 5px 3px 5px; 
}

#userline a {
 color:#fff;
 text-decoration:none;
}

#userline a:hover {
 color:#fffc22;
}

#searchbar {
 float:right;
 margin:10px 20px 0 0;
}

#masthead {
 height:60px;
 width:400px;
 padding:10px 0 0 15px;
 font-size:1.3em;
 font-weight:bold;
 font-variant:small-caps; 
}
#masthead a, #frontmasthead a {
 text-decoration:none;
}
#frontmasthead {
 width:760px;
}

.breadcrumbs {
 font-size:0.9em;
 color:#888;
}
.breadcrumbs a  {
 color:#666;
}
.breadcrumbs a:hover {
 color:#000;
} 

.icon {
 border:0;
 margin:0 5px 2px 5px;
 vertical-align:middle;
}

/* minor notes */
.paren, var {
 color:#555;
 font-size:0.9em;
 font-style:normal;
}

/* pulldown menus */
#menu { 
 padding:0; 
 margin:0 !important;
 background-color:#0027b5;
 height:25px; 
 clear:both;
}

#menu ul { 
 margin:0 !important; 
 padding:0 0 0 0; 
 list-style-type:none; 
}
#menu li { 
 height:25px; 
 margin:0; 
 padding:0 1px 0 1px;  /* was 6px */
 text-decoration:none; 
 background-color:#0027b5;  
 color:#fff;
 float:left; 
 border-right:2px solid #fff;
}
#menu li.selected {
 background-color:#e7ecff; 
 color:#000;
}
#menu li.selected a {
 color:#000;
}

#menu a { 
 text-decoration:none; 
 display:block; 
 color:#fff; 
 padding:3px 5px 3px 5px;  
}
#menu a:hover { 
 text-decoration:none; 
 color:#fffc22 !important; 
 background-color:#0027b5;
}
#menu li ul { 
 display:none; 
 margin:0 !important; 
}
#menu li:hover ul { 
 visibility:visible; 
 display:block; 
 position:absolute; 
 z-index:200; 
 width:200px; 
 padding:0; 
 margin:0 !important; 
 color: #fffc22;
/* border-top:1px solid #22e522; */
 border-right:1px solid #000000;
 border-bottom:1px solid #000000;
 border-left:1px solid #0027b5;
}
#menu li li { 
 padding:0;
 border:none; 
 background-color:#0027b5; 
 width:200px;
}	
#menu li:hover li a {
 color:#fff;
}

#menu .scrollable {
 overflow:auto;
 overflow-x:hidden; 
 height:400px;
}

#submenu {
 clear:both;
 background-color:#e7ecff;
 color:#444;
 height:24px;
}
#submenu ul {
 display:block;
 white-space:nowrap;
 list-style:none;
 padding:0 2px 0 15px;
 margin:0;
}

#submenu li {
 display:block;
 float:left;
 padding:3px 15px 3px 3px;
}

#submenu li.selected {
 font-weight:bold;
}

#submenu li a {
 color:#444;
 text-decoration:none;
}

#submenu li a:hover {
 text-decoration:underline;
 color:#000;
}

#submenu img {
 vertical-align:top;
 margin:-5px 2px 0 0;
 padding:0;
}

.navjump {
 float:right;
 padding:0 5px 0 0;
}

#widepagecontent {
 padding:7px;
 clear:both;
}

/* Two column pages */

#twocolumn {
 clear:both;
 margin-top:5px;
}

#pagecontent {
 width:570px;
 padding:7px;
}

#pagesidebar {
 width:190px;
 margin:0;
 vertical-align:top;
 background-color:#f6f6f6;
 border-left:1px dashed #aaaaaa;
}

#pagesidebar .fb {
 padding:10px 3px 0 5px;
 border-bottom:1px dashed #aaaaaa; 
}

#pagesidebar .item {
 padding:4px 5px 0 7px;
 border-bottom:1px dashed #aaaaaa; 
}

#pagesidebar .item p {
 padding:0 2px 0 2px;
 margin:0 0 5px 0;
 font-size:0.8em;
}

#pagesidebar .item h1 {
 margin:0;
 font-weight:bold;
 font-size:1.0em;
 color:#0027b5;
}

#pagesidebar .item h1 a {
 color:#0027b5;
 background-color:transparent;
 text-decoration:none;
}

#pagesidebar .item h2 {
 font-weight:bold;
 font-size:0.8em;
 padding:0 2px 0 2px;
 margin:0;
}

#pagesidebar .item h2 a {
 text-decoration:none;
 color:#000000;
}

#pagesidebar .item ul {
 font-size:0.8em;
 list-style:none;
 margin:0 0 7px 0;;
 padding:0 2px 0 5px;
}

#pagesidebar .item ul.major {
 font-weight:bold;
}

#pagesidebar .item ul.minor {
 font-size:0.8em;
}

#pagesidebar .item li.sep {
 padding:0 5px 0 0;
}

/* Footer */

#footer {
 margin:20px 0 0 0;
 padding:0 0 5px 0;
 clear:both;
 text-align:center;
 width:100%;
 background-color:#e7ecff;
}

.navigation {
 margin:0 0 2px 0;
 font-size:0.8em;
}

#footer .title {
 font-size:1.1em;
 font-weight:bold;
 font-variant: small-caps;
 margin:22px 0 1px 0;
 text-decoration:none;
 background-color:#0027b5; 
}

#footer .title a {
 color:#fff;
}

#copyright {
 text-align:center;
 font-size:small;
 margin:5px 0 0 0;
 padding:5px 0 0 0;
}

/* Front page content */
.intro {
 margin:0 5px 5px 10px;
 padding:0 0 5px 0;
/* border-bottom:1px dashed #aaaaaa; */
/* font-size:0.9em; */
}

#pagecontent h1 {
 margin:0;
 padding:0 0 5px 0;
 font-weight:bold;
 font-size:1.2em;
 color:#0027b5;
}

#pagecontent h1 a {
 color:#0027b5;
 text-decoration:none;
}

/* Inside content */
.teaser {
 font-style:italic;
 padding:0 0 10px 0;
}

.section {
 border-bottom:1px dashed #888;
 margin:2px 0 10px 0;
 padding:0 0 10px 0;
}

/* Bridge items */
.xdim, .xvG {
 opacity:0.5;
 filter:alpha(opacity=50);
}

.xhi {
 background-color:#fed8ff;
 min-height:120px;
}

.xvA {
 background-color:#fffeb9;
 padding:4px 0 4px 4px; 
 min-height:120px;
}

.xvB {
 background-color:#ff96b4;
 padding:4px 0 4px 4px; 
 min-height:120px;
}

.xvC {
 background-color:#97c3ff;
 padding:4px 0 4px 4px; 
 min-height:120px;
}

.xhid, .xvN {
 display:none;
}

.x {
 margin:0 0 10px 0;
 clear:both;
}

.x .name {
 font-weight:bold;
}

.x img {
 margin:0 5px 5px 0;
 border:0;
}

.x .history {
 font-size:0.9em;
}

.x .other {
 font-size:0.9em;
 color:#666;
}

.x .sopen, .x .spedestrians {
 color:#00a21b;
 font-size:0.9em;
}

.x .sclosed, .sderelict {
 color:#ff2222;
 font-size:0.9em;
}

.x .slost {
 color:#d400dc;
 font-size:0.9em;
}

.x .important {
 font-weight:bold;
}

.ghosted, .ghosted a {
 color:#aaaaaa;
}

#hideshow {
 background-color:#ddd;
 padding:5px;
 margin:0 0 10px 0;
 display:none;
}

#hideshow select {
 margin:0 5px 0 0;
}

#hideshow .facet {
 white-space:nowrap;
}

/* Photo gallery */
.pg {
 overflow:auto;
 width:405px;
}
.pg img {
 border:0px;
}

/* Tabular guide */
.guide table {
 border-collapse:collapse;
}

.guide td {
 padding:2px;
 border:1px solid #888;
}

.guide th {
 background-color:#bbbbdd;
 color:#000000;
 border:1px solid #888;
}

.gopen {
 background-color:#ffffff;
}

.glost {
 background-color:#eeeeee;
}

.gclosed, .gderelict {
 background-color:#ffeeee;
}

.gpedestrians {
 background-color:#eeffee;
}

.gopen a, .gclosed a, .gderelict a, .gpedestrians a {
 font-weight:bold;
}

.smallguide td {
 font-size:0.85em;
}

table.sortable thead {
 cursor: s-resize;
}

/* Photo slideshow */
.slideshow {
}

.ssitem {
 display:none;
 margin:0 0 10px 0;
}

.ssctrl {
 display:none;
 width:400px;
 text-align:center;
 padding:0 0 10px 0px;
}

.phototitle {
 margin:5px 0 5px 0;
 font-size:1.1em;
 color:#666;
}

.photoloc {
 font-weight:bold;
}

.photocredit {
 font-size:0.9em;
 color:#444;
}
.photolicense {
 font-size:0.8em;
 color:#888;
}

#floaterbox {
 background-color:#fcffd4;
 padding:2px;
 border:1px solid black;
}

.plaque, .mplaque {
 text-align:center;
 text-transform:uppercase;
 font-size:0.8em;
}

.plaque em, .mplaque em {
 text-transform:none;
 font-variant:small-caps;
 font-style:normal;
 font-size:1.2em;
}

.plaque big, .mplaque big {
 font-size:1.2em;
 font-weight:normal;
}

.plaque small, .mplaque small {
 font-size:0.6em;
}

.diagram {
 margin:0 0 0 -7px;
 width:761px;
 overflow:auto;
 border:0;
}

.vicinitymap {
 border:1px solid #000;
}

.photoright {
 float:right;
 clear:left;
 text-align:center;
 font-size:0.8em;
 background-color:#eeeeee;
 color:#000000;
 margin-left:3px;
 width:400px;
 border:0;
}

.photoleft {
 float:left;
 clear:right;
 text-align:center;
 font-size:0.8em;
 background-color:#eeeeee;
 color:#000000;
 margin-right:5px;
 width:400px;
 border:0;
}

/* Form elements */
.formsection {
 display:none;
} 

.formimg {
 float:left;
 text-align:center;
 margin:0 5px 5px 0;
 padding:2px;
}

label {
 font-weight:bold;
}

.n {
 font-size:0.85em;
 color:#444;
 font-weight:normal;
}

.nn {
 font-weight:normal;
}

.i {
 font-size:0.85em;
 color:#444;
}

.i a {
 text-decoration:none;
 color:#444;
}

.highlighted {
 background-color:yellow;
}

option.null {
 background-color:#aaaaaa;
 color:#ffffff;
 font-weight:bold;
}

option.head1 {
 background-color:#cccccc;
 color:#000000;
 font-weight:bold;
}

option.head2 {
 background-color:#eeeeee;
 color:#000000;
}

/* Errors */
.error {
 text-align:center;
 background-color:#ffeeee;
 margin:5px 0 5px 0;
 padding:10px 10px 10px 10px;
 border:2px dashed black;
 color:#aa1111;
 font-size:1.2em;
}

.warning {
 text-align:center;
 background-color:#eeeeff;
 margin:5px 0 5px 0;
 padding:10px 10px 10px 10px;
 border:2px dashed black;
 color:#1111aa;
 font-size:1.2em;
}

.success {
 background-color:#eeffee;
 margin:5px 0 5px 0;
 padding:10px 10px 10px 10px;
 border:2px dashed black;
 color:#11aa11;
 font-size:1.2em;
}

/* User controls */
.ctrl, .ctrlright, .samplectrl {
 background-color:#fffccd;
 border-top:1px solid #fff32c;
 border-left:1px solid #fff32c;
 border-bottom:1px solid #e1e1e1;
 border-right:1px solid #e1e1e1;
 padding:1px;
 color:#bb2222;
 white-space:nowrap;
}
.pctrl, .pctrlright, #ssctrlall {
 background-color:#dddddd;
 border-top:1px solid #eeeeee;
 border-left:1px solid #eeeeee;
 border-bottom:1px solid #cccccc;
 border-right:1px solid #cccccc;
 padding:1px;
 color:#bb2222;
}
.ctrl a, .ctrlright a, #ssctrlall a, .pctrl a, .pctrlright a {
 text-decoration:none;
 color:#bb2222;
}
.ctrl, .ssctrl, .pctrl {
 margin:0 5px 5px 0;
}
.ctrlright, #ssctrlall, .pctrlright {
 float:right;
 margin:0 5px 5px 0;
}
.ctrl img {
 padding:0 4px 0 0;
 vertical-align:middle;
}
.prefctrlright {
 color:#bb2222;
 float:right;
 margin:0 5px 0 0;
}

/* News stories */
.story {
 margin:5px 5px 15px 5px;
 padding:0;
 border-bottom:1px dashed #aaa;
 clear:both; 
}

.story .storyphoto {
 float:right;
 margin:0 0 5px 5px;
 background-color:#eee;
 width:150px;
 font-size:0.8em;
 text-align:center;
}

.story h2 {
 margin:0;
 font-weight:bold;
 font-size:1.2em;
}

.story h2 a {
 color:#000000;
 text-decoration:none;
}

.story .storydate {
 color:#777;
 font-size:0.8em;
 font-variant: small-caps; 
 margin:0 0 10px 0;
}

/* Condition ratings */
.paren, var {
 color:#555;
 font-size:0.9em;
 font-style:normal;
}

.cr9, .cr8, .sd0 {
 color:#00a21b;
}

.cr7, .cr6, .sd2 {
 color:#1e2f94;
}

.cr5 {
 color:#8a6b00;
}

.cr4, .sd1 {
 color:#c90000;
}

.cr3 {
 color:#ff2222;
}

.cr2 {
 color:#ff0000;
}

.cr0, .cr1 {
 color:#d400dc;
}

/* Upload form */
.boxitem {
 clear:both;
 height:100px;
 vertical-align:middle;
}

.boxpreview {
 float:right;
}

/* Search categories page */
.inframe {
 height:400px;
 overflow:auto;
 border:1px solid #000;
 padding:2px;
 margin:0 0 5px 0;
}

.inframe h2 {
 border-top:1px solid #ccc;
 border-bottom:1px solid #ccc; 
 margin:5px 0 0 2px;
}

.aboveframe a {
 text-decoration:none;
 color:#336633;
}

/* Forum comments */
.forumsubject {
 background-color:#eee;
 font-weight:bold;
 font-size:1.2em;
 margin:5px 0 2px 0;
 padding:2px 0 2px 0;
 border-top:2px solid #444;
}

.forumsubject a {
 text-decoration:none;
}

.forummeta {
 font-size:0.8em;
 color:#333333;
}

.forumemail {
 color:#666666;
}

.forumpreview {
 border:2px dashed #ffaaaa;
 padding:2px;
 margin:20px 20px 20px 0;
}

.forumrespond {
 float:right;
 font-size:0.8em;
 font-weight:normal; 
}

.exhibitthumb {
 float:left;
 width:200px;
 height:200px;
 border:0;
 background:#ffffff;
 padding:5px;
 margin:10px;
 text-align:center;
}

/* Ratings */
#star {
 float:right;
 padding:2px;
 margin:0;
 background-color:#ddd;
 font-size:0.9em;
 width:120px;
 color:#333;
}
#star ul.star { 
 list-style:none;
 margin:0;
 padding:0;
 width:85px;
 height:20px;
 position:relative;
 float:left;
 background:url('/images/stars2.gif') repeat-x;
 cursor: pointer; 
}
#star li { 
 padding:0;
 margin:0;
 float:left;
 display:block;
 width:85px;
 height:20px;
 text-decoration:none;
 text-indent:-9000px;
 z-index:20;
 position:absolute;
 padding: 0; 
}
#star li.curr { 
 background:url('/images/stars2.gif') left 25px;
 font-size:1px;
}

/* Bridge page features */
.svitem {
 margin:0 0 10px 0;
 padding:3px 3px 3px 10px;
}

.svitemsel {
 margin:0 0 10px 0;
 font-weight:bold;
 background-color:#ddd;
 padding:3px 3px 3px 10px;
}

#maplinks {
 float:right;
 margin:0 10px 10px 0;
 width:180px;
}

.mpN #maplinks {
 float:none;
}

.mpN #mapcontainer {
 display:none;
}

.mpF #mapcontainer {
 border:1px solid black;
}

#mapcontainer {
 width:550px; 
 height:350px; 
 margin:5px 0 0 0;
 font-size:0.8em;
}

/* Photo gallery */
.pgitem {
 clear:both;
}

.pgimg {
 float:left;
 width:400px;
 margin:0 10px 10px 0;
}

.pginfo {
 margin:0 10px 0 0;
}

#photocontrols {
 width:400px;
 text-align:center;
 margin:0 0 20px 0;
}

#photocontrols .pctrl {
 margin:0 15px 0 15px;
}

#photomatrix div {
 display:inline-block;
 width:150px;
 text-align:center;
 margin:0 10px 20px 20px;
 vertical-align:top;
 font-size:0.9em;
}

#photomatrix p {
 margin:5px 0 0 0;
}

#photomatrix img {
 max-height:100px;
 max-width:150px;
}

@media print {
 a:link, a:visited { 
  color:#eeeeee;
  text-decoration:none;
 }

 body {
  background-color:#ffffff;
  color:#000000;
  font-family:sans-serif;
  font-weight:normal;
  text-decoration:none; 
  margin:0px;
  padding:0px;
 }

 form {
  display:inline;
  margin:0px;
  padding:0px;
 }

 a img {
  border:none;
  margin:0px;
  padding:0px;
 }

 h1, h2, h3, h4, h5, h6, p, div {
  margin:0 0 3px 0;
  padding:0;
 }

 p {
  margin:0 0 15px 0px;
 }

 dt {
  font-style:italic;
 }

 .center {
  text-align:center;
 }
 
 #header, #menu, .navjump, .navigation, .navtabs, .title, .meta, .i {
  display:none;
 }

 .ctrl, .pctrl, .ctrlright, .pctrlright, .prefctrlright, .facet {
  display:none;
 }

 .h1 {
  margin:0;
  padding:3px 0 0 3px;
  font-weight:bold;
  font-size:1.1em;
  vertical-align:middle;
 }

 .header .subtitle {
  padding:0 0 0 12px;
  margin:0;
  font-size:1.1em;
 }

 h2 {
  font-weight:bold;
  font-size:1.1em;
 }

 .overview, .status, .history {
  font-weight:normal;
 }

 .guide table {
  border-collapse:collapse;
 }

 .guide td {
  padding:2px;
  border:1px solid;
 }

 .guide th {
  font-weight:bold;
  border:1px solid;
 }

 .gopen a, .gclosed a, .gderelict a, .gpedestrians a {
  font-weight:bold;
 }

 .intro {
  font-size:1.0em;
  color:#000;
 }

 .name {
  font-weight:bold;
 }

 .x {
  margin:0 0 15px 0;
  clear:both;
 }
}