html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, blockquote, th, td {
    margin:0;
    padding:0;
}


/* ----- Header ----- */ 

div.branding-background {
    height:60px;
    margin:0px auto;
    background-color:rgb(34,29,25); 
}

div.branding {
    width: 802px;
    margin-left: auto;
    margin-right: auto;
    background-color:rgb(34,29,25);
    
}
div.branding:before {
    content: " ";
    display: table;
}

div.branding:after {
    content: " ";
    display: table;
    clear: both;    
}

div.branding img {
    margin-top: 10px;
    float: left;
}

div.branding-slogan {
    font-size:1.2em;
    margin-top: 20px;
    margin-left: 20px;
    text-decoration:none;
    font-weight:bold;
    color: rgb(186,166,129);
    float: left;
}


/* ----- Body ----- */

body {
    font-family: arial, sans-serif;
    font-size:1em;
    color: #fffffd;
    background-color: rgb(34,29,23);
}

body a {
    color:white;
    text-decoration: none;
}


/* ----- Titles ----- */

div.title h2 {
    text-transform: uppercase;
    color: rgb(220,205,186);
    margin: 1.5em;
    font-weight: normal;
}

div.sub_title {
    font-size:1.0em;
    margin-top: 15px;
    margin-bottom: 10px;
    text-decoration:none;
    font-weight:bold;
    color: rgb(186,166,129);
    float: none;
}

/* ----- Basic Page Content ----- */

article {
    margin: 2em 3em;
    color:rgb(186,166,129);
}

article p {
    margin: 1em 0;
}

article a {
    color: inherit;
    text-decoration: underline;
}

article strong, article h3 {
    color: #dccdba;
}


/* ----- Left Column Taxon Selecter and Provenience----- */

div.selectregion {
    /*font-family: trebuchet ms, sans-serif;*/
    font-family:"Arial", Helvetica, sans-serif;
    float: left;
    color: rgb(186,166,129);
    font-size:1.2em;
    text-align: center;
    min-height: 585px;
}

div.selectregion img {
    float: none;
}

div.provenience {
    text-align: left;
    color: rgb(217,208,191);
    font-size: 0.75em;
}


/* ----- Middle Column Bone Selecter ----- */

div.selectbone {
    font-family: trebuchet ms, sans-serif;
    float: left;
    color: rgb(186,166,129);
    font-size:1.2em;
    text-align: center;
    width:250px;
}

div.selectview {
    font-family: trebuchet ms, sans-serif;
    float: left;
    color: rgb(186,166,129);
    font-size:1.2em;
    text-align: center;
    width:530px;
}

div.regionlist {
    /*font-family:"Lucida Console", Monaco, monospace;*/
    font-family:"Arial", Helvetica, sans-serif;
    font-size:0.75em;
    text-align: left;
    margin-left: 0px;
    color: rgb(217,208,191);
    text-decoration:none;
}

div.regionlist a:link {
    color: rgb(186,166,129);
    text-decoration: none;
}

div.regionlist a:visited {
    color: rgb(186,166,129);
    text-decoration: none;
}

div.regionlist a:hover {
    color: black;
    background-color: rgb(186,166,129);
    text-decoration: none;
}

div.regionlist a:active {
    color: rgb(186,166,129);
    text-decoration: none;
}

/* ---- Orientation Thumbnails ---- */

div.regionthumbs {
   margin-left: auto;
   margin-right: auto;
   width: 530px;
}

div.regionthumbs:before {
    content: " ";
    display: table;
}

div.regionthumbs:after {
    content: " ";
    display: table;
    clear: both;    
}

div.regionthumbs img{
    width:75px;
}

div.thumb_box{
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    cursor: pointer; cursor: hand;
    opacity:0.5;
}

div.thumb_box:hover{
    opacity:0.75;
}

div.thumb_text{
    display: block;
    /*font-family:"Lucida Console", Monaco, monospace;*/
    font-family:"Arial", Helvetica, sans-serif;
    font-size: 0.5em;
    color:rgb(255,255,255)
}

/* ---- Main Content ---- */

div.container{
    background-color: rgb(0,0,0);
}

div.main-content{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    background-color: rgb(34,29,23);
}

div.main-content:before {
    content: " ";
    display: table;
}

div.main-content:after {
    content: " ";
    display: table;
    clear: both;    
}

div.boneviewer-content {
    background-color: rgb(0,0,0);
    padding: 0 1em 2em;
}

div.clearboth{
    clear:both;
}

div.boneview {
    font-family: trebuchet ms, sans-serif;
    float: left;
    margin-left: 20px;
    color: rgb(186,166,129);
    font-size:1.2em;
    text-align: center;
}

div.vertical_line {
    margin-top: 60px;
    margin-left: 5px;
    margin-right: 5px;
    border-left: solid thin rgb(46,46,46);
    height: 480px;
    float: left;
}

div.viewer_horizontal_line
{
    margin-left: auto;
    margin-right: auto;
    padding-top: 5px;
    margin-bottom: 0px;
    border-bottom: solid thin rgb(46,46,46);
    width: 450px;
    height:0px;
    background-color: black;
}


/* ----- Navigation Menu ----- */

div.nav_menu_background {
    background-color: rgb(133,108,68);
    height:30px;
    text-align: center;
}

a.nav_item {
    text-decoration:none;
    font-size: .95em;
    font-weight:bold;
    color: rgb(186,166,129);
    line-height: 30px;
}

a.nav_item:hover {
   color: rgb(255,255,255);
}

div.nav_vertical_line {
    margin-top: 60px;
    margin-left: 5px;
    margin-right: 5px;
    border-left: solid thin rgb(186,166,129);
    height: 30px;
    float: left;
}

div.nav_menu_border {
    background-color: rgb(218,210,187);
    height:5px;
}

div.nav_menu_spacer{
    display: inline-block;
    width:14px;
    height: 30px;
   
}

/* ----- Taxon Submenu ----- */

div#menu_drop {
    z-index:100;
    display: none;
    position: absolute;
    height: 200px;
    left: 0;
    right: 0;
    background-color: rgb(245,240,208);
}

div.taxon-menu {
    width: 960px;
    margin-left: auto;
    margin-right: auto;
}

div.taxon-menu-item {
    display: inline-block;
    width: 20%;
    margin: 0.5em 0;
}

div.taxon-menu-item h3 {
    text-transform: uppercase;
    color: #826f44;
    font-size: 0.85em;
}

div.taxon-menu-item a {
    color: #44494f;
    font-size: 0.85em;
    z-index
}

div.taxon-menu-item a:hover {
    text-decoration: underline;
}

div.taxon-menu-item ul {
    list-style: none;
}


/* ----- Index Page / View ----- */

div#index {
     background-color: rgb(132,109,68);
}

div#index h1 {
  font-size: 4em;
  text-transform: uppercase;
}

div.index_taxon_list {
    padding: 0;
    margin: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    background-color: black;
}

div.index_taxon_list:hover {
    cursor: pointer;
}

div.index_skeleton {
    display: inline;
}

div.index_main_display{
    margin-right: auto;
    margin-left: auto;
    width: 960px;
    height: 540px;
    position: relative;
}

div.index_description {
    font-size: 0.875em;
    width: 325px;
    position: absolute;
    z-index: 99; /*Allow text to rest above image, in case of overflow*/
}

.index_image {
    position: absolute;
    top: 0;
    left: 0;
}

/* Main Bone View and Overlay */

div.overlay_list_group
{
    display: inline-block;
    cursor: pointer;
    position: inherit;
}

div.overlay_text{
    display: inline-block;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 0.5em;
    color:rgb(220,208,186);
    cursor: pointer;
    position: inherit;
}

div.overlay_text:hover {
    background-color: rgb(132,109,68);
}

div.overlay_list_text{
    display: block;
    font-size: 0.5em;
    font-family:Verdana, Geneva, sans-serif;
    color:rgb(220,208,186);
    cursor: pointer;
    text-align: left;
}

div.overlay_list_text:hover {
    background-color: rgb(132,109,68);
}

div.selectoverlay {
    position: relative;
    display: block;
    width: 530px;
}

div.overlay_list{
    margin-bottom: 10px;
}

div.overlay_sublist{
    position: absolute;
    z-index: 5;
    background-color: rgb(50,50,50);
    opacity: .85;
    padding: 1px 5px 5px 5px;
}

div.overlay_spacer{
    display: inline-block;
    width:20px;
}

.large_display{
    position: absolute;
    z-index: 1;
    left:65px;
}

.large_overlay {
  position: absolute;
  z-index: 2;
  left:65px;
}

/* Resources + FAQ Accordian */

div.accordian {
    padding: 0 3em 2em;
}

div.accordian h3,
div.accordian div.view-grouping-header {
    text-transform: uppercase;
    color: #dccdba;
    margin-top: 1em;
    font-weight: normal;
}

div.accordian div.accordian-title:hover,
div.accordian div.view-grouping-header:hover{
  cursor: pointer;
}

div.accordian div.accordian-title:before,
div.view-grouping-content div.view-grouping-header:before {
    content: ' ▸ ';
    color: #dccdba;
    padding-right: 0.25em;
    font-size: 1.2em;
}

div.accordian div.selected:before,
div.view-grouping-content div.selected:before{
    content: ' ▾ ';
}

div.accordian div.group-title {
    margin-left: 2em;
    padding: 0.5em 0;
    color: rgb(186,166,129);
}

div.accordian div.accordian-title {
    color: rgb(186,166,129);
    font-weight: normal;
}

div.accordian div.view-grouping-content {
    margin-left: 2em;
}

div.accordian div.group-content {
    margin-left: 4em;
}

div.accordian div.accordian-content {
    display: none;
    padding: 1em;
}

div.accordian div.accordian-item {
    margin: 0.5em;
}
div.resources div.group-title, div.resources div.views-row {
  display: none;
}

/* ---- Footer ---- */

div.credit_text_title{
    font-size:.875em;
    margin-bottom:8px;    
}

div.credit_text_link{
    font-size:0.875em;
    margin-bottom:10px;
    text-align: left;
}

div.footcredits {
    clear: both;
    display: block;
    margin:0 auto;
    background-color:rgb(34,29,23);
    color: rgb(217,206,186);
    padding-top: 10px;
    border-top: solid 5px rgb(218,210,187)
}

div.footcredits a.footer-link {
  text-decoration: underline;
}

div.footcenter{
    Width:920px;
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
}

div.footcenter p {
  margin-bottom: 1em;
}

div.footcredits a {
   text-decoration: none;
   color: rgb(217,206,186);
}

div.footcredits img {
    opacity: 0.5;
}

div.footcredits img:hover {
    opacity: 1;
}

div.footcredits:before {
    content: " ";
    display: table;
}

div.footcredits:after {
    content: " ";
    display: table;
    clear: both;    
}

div.footer_col_1 {
    float: left;
    display: inline;
    width:20%
}

div.footer_col_2 {
    display: inline;
    float: left;
    width:40%;
}
div.footer_col_3 {
    display: inline;
    float: left;
    width:20%
}

div.footer_col_spacer{
    display: inline;
    float: left;
    width:10%;
}


/* Glossary */

div.glossary-content  div.view-content {
    padding: 1em 3em;
}

div.attachment-before{
    background-color: rgb(34,29,25);
}
div.letter-selection{
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    padding-bottom: 10px;
    border-bottom: thin solid rgb(186,166,129);
}

div.letter-selection ul.views-summary li a{
	text-decoration: none;
	font-family:sans-serif;
	color: rgb(186,166,129);
	cursor:pointer;
}

div.letter-selection ul.views-summary li a:hover{
	color: white;
}

div.letter-selection ul.views-summary {
	margin: 0;
	padding: 0;
}

div.letter-selection ul.views-summary li{
	display:inline;
	margin-top:2px;
	padding-left:10px;
	padding-right:10px;
}

div.main-content h4.definitions {
    margin: 15px 0 5px 20px;
    text-transform: uppercase;
    color: rgb(220,205,186);
    font-weight: normal;
    
}

div.definition-body {
    margin-left: 40px;
    padding-bottom:7px;
    color: rgb(186,166,129);
}

/* Taxonomic Tree */


div#taxonomicfull {
    background-color: #211e17;
}

div#viewer {
    height: 300px;
    padding: 0 1em;
}

div#taxonomictree table {
    width: 100%;
    border-top: none;
    border-right: none;
    font-size: 0.875em;
    text-align:center;
    border-spacing: 3px;
    border-collapse: separate;
}

div#taxonomictree th {
    text-transform: uppercase;
    font-style: italic;
    color: #dad2ba;
}

div#taxonomictree td {
    font-weight:bold;
    background-color: #403825;
}

div#taxonomictree a {
    color:white;
}

div#taxonomictree td:hover,
div#taxonomictree td.active{
    background-color: #826f44;
    cursor: pointer;
}

h3.taxonomictitle {
    text-align: center;
    color: #dad2ba;
    text-transform: uppercase;
    padding: 0.5em;
}

div.taxonomicbody {
    width: 600px;
    float: left;
}

div.taxonomicbody p {
    font-size: 0.875em;
    line-height: 1.4;
}

div.taxonomicimage {
   float: left;
   
}

/*For Compant*/


.spinner { 
	text-align: center;
	font-size: 24px;
	z-index:99;
	color:#fff;
	padding-top: 50px;
	left:0; 
	top:0; 
	width:100%; 
	min-height: 250px;
  font-family: Verdana,Geneva,sans-serif;
  background-color: black;
}

div.facet_header {
	text-transform: capitalize;
}

div.comp_ant {
	display:none;
  padding: 2%;
}

#compant_content {
  background-color: white;
}

div.nav_select {
  margin-bottom: 1em;
}

div.nav_select div.facet{
	float:left;
	text-align:left;
	background-color: #826f44;
}
div#facets {
  overflow: auto;
  border-right: 10px solid white;
  border-left: 10px solid white;
}
div[title="specimen"]{
	width:30%;
}
div[title="bone"]{
	width:40%;
}
div[title="view"]{
	width:15%;
}
div[title="sex"]{
	width:15%;
}
div.nav_select div.facet h1{
	text-align:center;
	color:white;
  font-size: 1em;
  padding: 0.5em 0;
}
div.nav_select div.facet_body{
	overflow-y:auto;
	overflow-x:hidden;
	height:200px;
	background-color:white;
}
div.nav_select div.facet_body div.lists {
	width:100%;
	cursor:pointer;
}
div.nav_select div.facet_body div.lists:hover{
	background-color:#999;
}
div.nav_select div.facet_body p {
	color:black;
	font-size:.9em;
  padding: 0.15em .5em;
}
div.nav_select div.facet_body div.selected p {
	background-color: #dad2bb;
}

div.nav_select label{
	color:white;
	font-weight:bold;
}

div.description {
	position: relative;
	font-size:.9em;
	color:gray;
}
div.description p {
	color:white;
}
div.description span{
	font-weight:bold;
}

div#bone_div{
  overflow: auto;
  margin: 10px;
  padding-bottom: 0.75em;
  color: gray;
  
}
div#bone_div p {
	text-align:center;
	color:white;
}
div#bone_div div.bone_comp_images{
	float:left;
	margin: 1%;
	background-color:black;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
div#bone_div div.bone_comp_images div{
	text-align:center;
}
div#bone_div div.bone_comp_images div span{
	font-weight:bold;
}
div#bone_div div.bone_comp_images div p{
	display:inline;
	padding:0px;
	margin-right:2%;
	text-align:none;
	font-size:.7em;
}
div#facet_controls{
	background-color: #826f44; 
  margin: 0 10px;
  height: 1.25em;
  padding: 0.25em 1em;
}

div#facet_controls p{
  margin:0;
 }

div#facet_controls div.left_control{
	float:left;
}
div#facet_controls div.right_control label{
	padding-left:3px;
	font-weight:bold;
}
div#facet_controls div.center_control{
	float:left;
	margin-left:300px;
	font-weight:bold; color:#35332e; background-color: #b9b09e; text-decoration: none;
}

div#facet_controls div.right_control{
	float:right;
}
div#facet_controls div.left_control p{
	font-weight:bold;
}
div#facet_controls div.left_control p a{
	font-weight:bold;
	text-decoration:none;
}

.results {color: black;}

div.admin a:focus{
	outline:none;
}
#mag_img{
	position:absolute;
	padding:0px;
	margin:0px;
	width:400px;
	border-top:4px solid white;
	border-left:4px solid white;
	border-right:4px solid white;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	text-align:center;
	background-color:white;
	-moz-opacity: 0.93;
	-webkit-opacity: 0.93;
}
div#mag_img p{
	display:inline;
	padding:0px;
	margin-right:2%;
	text-align:none;
	font-size:.7em;
	color:#34332E;
}
div#mag_img span{
	font-weight:bold;
}