/* Profile */
#vitals{
  background:#cfcfcf url("/assets/box_shadow.png") repeat-x;
  border-bottom:1px solid currentColor;
  text-shadow:1px 1px 5px rgba(0, 0, 0, 0.3);
  font-size:120%;
  min-height:56px;
  padding:10px;
  clear:both;
  color:#808080;
}
#vitals h1.name,
#vitals span.nee,
#vitals span.alias{
  color:inherit;
}
#vitals img.rpbutton{
  float:left;
}
#vitals a{
  color:inherit;
}
#vitals h1.name{
  display:block;
  font-size:200%;
  font-weight:bold;
  margin:0 0 0 60px;
  padding:0;
}
#vitals span.details{
  margin-left:10px;
}
#data{
  font-size:80%;
  text-align:right;
  margin-top:5px;
}
div.description{
  /*
    #about, #appearance, #personality, #history
  */
  text-align:justify;
}
#factoids-expand,
#timeline-expand{
  margin:0;
  padding:0;
}
#factoids-expand a,
#timeline-expand a{
  font-style:italic;
}
#factoids-list,
#timeline-list{
  display:none;
  /* We'll use JS to show this on-demand */
}
#factoids-list:target,
#timeline-list:target{
  display:block;
  /* This is an advanced CSS solution for non-JS users */
}
div#insignia{
  border-bottom:2px solid white;
  border-top:2px solid white;
  margin:15px auto;
  overflow:hidden;
  padding:10px;
  text-align:center;
}
#details h3{
  margin:0;
  margin-bottom:5px;
}
#details div.col{
  width:31%;
  float:left;
  padding:0 1%;
}
#details:after{ /* clear */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
#details dl{
  margin:0;
}
#details dt{
  font-weight:bold;
}
#details dd{
  margin-left:15px;
  margin-bottom:5px;
}
#details dd:last-of-type{
  margin-bottom:0;
}
#details dd.former{
  text-decoration:line-through;
}


/* Associates */
div#associates:after{ /* clear */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
div.associate{ /* container */
  margin-bottom:-30px;
  clear:both;
}
div.associate div.strap{
  background-color:#686868;
  border-bottom:2px solid #4F4F4F;
  border-top:2px solid #4F4F4F;
  color:white;
  font-weight:bold;
  padding:5px;
  color:#e5e5e5;
  padding-left:70px;
}
div.associate img.rpbutton{
  padding:0;
  margin:0;
  position:relative;
  float:left;
  top:-20px;
  left:10px;
}
div.associate div.about{
  margin-left:70px;
  margin-bottom:-20px;
  position:relative;
  top:-40px;
  clear:both;
}

/* Index Directory */
div.dir-section{
  margin:0 -15px 0 0;
}
div.index{
  width:276px !important;
  display:inline-block;
  background-color:white;
  margin-right:15px;
  margin-bottom:15px;
}
div.index div.bar,
div.index a.bar{
  display:block;
  background-color:#686868;
  border-top:2px solid #4f4f4f;
  border-bottom:2px solid #4f4f4f;
  font-weight:bold;
  color:white;
  padding:5px;
}
div.index a img{
  display:block;
  width:260px;
  height:140px;
  margin:5px;
  border:0;
  padding:3px;
}
div.index a{
  display:block;
  font-weight:bold;
  text-align:center;
}
div#content.page-heights button{
  display:block;
  margin:0 auto;
  margin-bottom:10px;
}
div#content.page-heights fieldset{
  border:0;
  margin:0;
  padding:0;
}
div#content.page-featured fieldset,
div#content.page-random fieldset{
  border:0;
  margin:0;
  padding:0;
}
div#content.page-featured fieldset button,
div#content.page-random fieldset button{
  display:block;
  margin:0 auto;
}

/* Character Listings */
ul#criteria{
  margin:0;
  padding:0;
}
ul#criteria li{
  list-style:square outside none;
  margin-left:20px;
  padding-bottom:5px;
}
#results.river{
  margin-left:-5px;
}
a.listing{
  background:#cfcfcf url(/assets/box_shadow.png) repeat-x scroll 0 0;
  border-bottom:1px solid currentColor;
  font-size:120%;
  display:block;
  min-height:56px;
  margin-bottom:15px;
  overflow:hidden;
  padding:10px;
  clear:both;
  position:relative;  
  color:#4f4f4f;
  text-decoration:none !important;
  white-space:nowrap;
}
a.listing img.rpbutton{
  margin:3px;
  padding:0;
  float:left;
}
a.listing span.name{
  margin-left:60px;
  font-size:175%;
  font-weight:bold;
  display:block;
}
a.listing:hover span.name{
  text-decoration:underline !important;
}
a.listing span.details{
  margin-left:60px;
  display:block;
}
a.river{
  display:inline-block;
  background:#cfcfcf url(/assets/box_shadow.png) repeat-x scroll 0 0;
  border-bottom:1px solid currentColor;
  color:#4F4F4F;
  font-size:120%;
  text-decoration:none !important;
  margin:0;
  margin-bottom:5px;
  margin-left:5px;
  padding:5px 5px 5px 60px;
  width:365px;
  height:50px;
  overflow:hidden;
  position:relative;
}
a.river:hover{
  -moz-box-shadow:0 0 25px rgba(0, 0, 0, 0.1) inset;
  -webkit-box-shadow:0 0 25px rgba(0, 0, 0, 0.1) inset;
}
a.river img.rpbutton{
  left:5px;
  position:absolute;
}
a.river span.name{
  color:inherit;
  display:inline;
  font-size:110%;
  font-weight:bold;
  white-space:normal;
  line-height:25px;
}
a.river:hover span.name{
  text-decoration:underline;
}
a.river span.relevence{
  position:absolute;
  right:5px;
  bottom:5px;
  font-size:50%;
}
a.river span.details{
  line-height:25px;
  font-size:75%;
}
a.listing.former, 
a.listing.deceased, 
a.river.former,
a.river.deceased{
  opacity:0.7;
}
a.listing:hover,
a.river:hover{
  opacity:1;
}
a.listing span.relevence{
  position:absolute;
  top:10px;
  right:10px;
}
a.listing span.criterion,
a.listing span.matched{ /* legacy */
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#b4b4b4;
  color:white;
  padding:2px 4px;
  margin:5px 0 10px 0;
}

a.result span.match{
  -moz-border-radius:5px 5px 5px 5px;
  -moz-box-shadow:0 0 5px currentcolor;
  -webkit-border-radius:5px;
  -webkit-box-shadow:0 0 5px white;
  background-color:transparent;
  color:currentcolor;
  margin:0 3px 0 0;
  padding:2px 4px;
  font-size:75%;
}
a.result mark{
  text-decoration:underline;
}


/* Custom Index */
a.listing-section{
  
}
a.listing-link{
  background:#ffffff url(/assets/box_shadow.png) repeat-x scroll 0 0;
  font-size:110%;
  display:block;
  margin-bottom:15px;
  overflow:hidden;
  padding:10px;
  color:#808080;
  text-decoration:none !important;
}
a.listing-link span.name{
  font-size:125%;
  font-weight:bold;
  display:block;
}
a.listing-link:hover span.name{
  text-decoration:underline !important;
  color:#4f4f4f;
}


/* Query Forms */
.intro-search{
  border:1px solid #4f4f4f;
  margin:0;
}
fieldset.intro-search{
  border:0;
}
input.intro-search{
  width:89%;
}
button.intro-search{
  border:1px solid #4f4f4f;
  background:#e5e5e5;
  width:10%;
  color:#4f4f4f;
}

/* Missions */
.mission{
  background:transparent url('/vr/resources/mastheads/divisions/characters-missions.jpg') 0 0 no-repeat; 
  height:140px;
  width:470px !important;
  padding-left:410px !important;
  margin-bottom:15px;
  display:block !important;
  overflow:hidden;
}
#splashContainer{
  margin:20px 0;
  width:857px;
}
#splashContainer img{
  display:block;
  margin:0 auto;
  -moz-box-shadow:0 0 10px black;
  -webkit-box-shadow:0 0 10px black;
}
div#agents:after{ /* clear */
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}


/* Character Indexes */
div.listing-section.level-3{
  padding-left:20px;
}
div.listing-section.level-4{
  padding-left:40px;
}
div.listing-section.level-5{
  padding-left:60px;
}
div.listing-section.level-6{
  padding-left:80px;
}
.listing-mission{
  height:160px;
  margin-bottom:15px;
  display:block !important;
  overflow:hidden;
}
div.listing-mission-masthead{
  -moz-border-radius:20px;
  -moz-box-shadow:0 0 5px grey;
  border:5px solid white;
  float:left;
  margin:5px;
  margin-right:20px;
  overflow:hidden;
}
div.listing-mission-masthead img{
  -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5) inset;
  -moz-border-radius:15px 15px 15px 15px;
  width:400px;
  height:140px;
  display:block;
  overflow:hidden;
  padding-right:400px;
  width:0;
}
.listing-mission strong{
  color:inherit !important;
  font-size:30pt;
  line-height:50pt;
}

div#content.page-buttons > * img.rpbutton{
  margin:4px;
}
div#content.page-colours > a.colourblock{
  display:inline-block;
  width:50px;
  height:50px;
  margin:6px;
  font-size:20px;
  text-align:center;
  line-height:45px;
  text-decoration:none;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
a.colourblock{ /*low selector*/
  background-color:white;
  color:black;
}
div#content.page-colours > a.colourblock:hover{
  background-color:currentColor !important;
}
/* Heights */
div#content.page-heights div#heightCont{
  background:transparent url("indexes/heights.png") repeat top left;
  margin-left:-15px;
  margin-right:-15px;
  margin-bottom:-15px;
  padding-left:15px;
  padding-right:15px;
  overflow-x:scroll;
  white-space:nowrap;
  width:auto;
}
div.height-bar{
  display:inline-block;
  margin-right:5px;
  width:50px;
  vertical-align:bottom;
  overflow:hidden;
  white-space:normal;
  background-color:white;
  color:black;
}
div.height-bar:hover{
  opacity:0.9;
}
div.height-bar a img,
div.height-bar img{
  border:0;
}
div.height-bar span{
  display:block;
  text-align:center;
}
/* Cloud */
div#cloud{
  overflow-x:hidden;
  text-align:center;
}
/* Mastheads */
a.index-masthead{
  -moz-border-radius:16px;
  -webkit-border-radius:16px;
  -o-border-radius:16px;
  border-radius:16px;
  -moz-box-shadow:0 0 5px grey;
  -webkit-box-shadow:0 0 5px grey;
  -o-box-shadow:0 0 5px grey;
  box-shadow:0 0 5px grey;
  border:5px solid white;
  display:inline-block;
  margin:11px;
  overflow:hidden;
}
a.index-masthead img{
  -moz-border-radius:12px;
  -webkit-border-radius:12px;
  -o-border-radius:12px;
  border-radius:12px;
  -moz-box-shadow:0 0 5px rgba(0, 0, 0, 0.5) inset;
  -webkit-box-shadow:0 0 5px rgba(0, 0, 0, 0.5) inset;
  -o-box-shadow:0 0 5px rgba(0, 0, 0, 0.5) inset;
  box-shadow:0 0 5px rgba(0, 0, 0, 0.5) inset;
  width:400px;
  height:140px;
  display:block;
  overflow:hidden;
  padding-right:400px;
  width:0;
  border:0;
}