/*
	960 Grid System ~ Text CSS.
	Learn more ~ http://960.gs/

	Licensed under GPL and MIT.
*/

/* =Basic HTML
--------------------------------------------------------------------------------*/

body
{
  background: #bac8c1 url("images/transTexture.png") repeat top left;
  color: #333;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 0.83em;


}



/* =Clear Floated Elements
--------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after
{
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix
{
	display: inline-block;
}

* html .clearfix
{
	height: 1%;
}

.clearfix
{
	display: block;
}




/* alternative font - use an alternative font for some elements, e.g. interface elements */

.helpNote h2,
h1, h2, h3, h4, h5, h6,
th,
div.paging,
div.paging a,
ul.menu li a,
span.stonenumber,
span.fundedBy

{
  font-family:  "Palatino Linotype", Palatino, Palladio, "URW Palladio L", "Book Antiqua", Baskerville, "Bookman Old Style", "Bitstream Charter", "Nimbus Roman No9 L", Garamond, "Apple Garamond", "ITC Garamond Narrow", "New Century Schoolbook", "Century Schoolbook", "Century Schoolbook L", Georgia, serif;
  /*  font-size: 0.8em;*/
  font-weight: normal;
}


hr
{
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* headings
----------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-weight: bolder;
	clear: both;
	color: #3c4543;
	margin-bottom:0.3em;
	padding: 5px;

}


h1
{


	font-size: 2em;

}

h2
{


	font-size: 1.7em;
}

h3
{

	font-size: 1.5em;
}

h4
{


	font-size: 1.3em;
}

h5
{

	font-size: 1.1em;
}

h6
{
	font-style: italic;
}




h1 a {
	color: #fff;
}


/* =Spacing
--------------------------------------------------------------------------------*/

ol
{
	list-style: decimal;
}

ul
{
	list-style: square;
}

li
{
	margin: 0.02em 0px 0.02em 30px;
	
}





p,
dl,
hr,
h1,
h2,
h3,
h4,
h5,
h6,
ol,
ul,
pre,
table,
address,
fieldset
{
	margin-bottom: 20px;
}

p {

 line-height: 1.3em;

 }



/* list items in main page content */

.grid_12 li {

margin-bottom: 0.8em;

}


/* anchors
----------------------------------------------- */
a {
	color: #000;
	font-weight:bold;
	text-decoration: none;
	word-wrap: break-word;
}
.grid_12 a:hover,
.grid_12 a:focus,
#footer-menu a:hover,
#footer-menu a:focus{
text-decoration: underline; 
}









/* style illustration images */

img.illustration
{
	border: #fff solid 3px;
	box-shadow: #d1d8dc 0.3em 0.3em 0.3em;
		-webkit-box-shadow: #d1d8dc 0.3em 0.3em 0.3em;
		-moz-box-shadow: #d1d8dc 0.3em 0.3em 0.3em;
float: right;
margin: 0px 0px 15px 10px;

}


img.fullWidth {

clear: both;
display: block;
float: none;
margin: 10px auto;
}



div.threeImages
{
text-align: center;
}

div.threeImages img.illustration
{
display: inline;
float: none;

}


/* =Catalogue styling
--------------------------------------------------------------------------------*/




.paging .prev a
{
	background: transparent url('images/prevNext.png') repeat-y 0 101px;
	padding-left: 30px;
}

.paging .next a
{
	background: transparent url('images/prevNext.png') repeat-y 1.7em 137px;
	padding-right: 30px;

}


.paging  .prev a:hover,
.paging  .prev a:focus
{
	background-position: 0 29px;

}


.paging  .next a:hover,
.paging  .next a:focus
{
	background-position: 1.7em 65px;
}

.italic {
font-style:italic;
}

.pagebreak {

font-size:75%;

}

span.footnote_body {
display:none;
}


span.endnote_body{
/*display:none;
*/
}


p {
margin-left:2%;
margin-right:2%;
}



div.corsistonegroup,
#footnotes
{

margin-bottom:1%;
padding:10px;

}


div.corsistonegroup {
min-height: 60px;
}



p.commentary_refs{
background-color: #f7f3f2;
border: 1px solid #e8ddd9;
    -webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius:  3px 3px 3px 3px;
box-shadow: #efedec 0.5em 0.5em 0.5em; /* Opera 10.5, IE 9.0 */
	-webkit-box-shadow: #efedec 0.3em 0.3em 0.3em; /* Chrome Safari */
	-moz-box-shadow: #efedec 0.3em 0.3em 0.3em; /* Firefox F3.5+ */
display:block;
font-size:85%;
margin-left: 5%;
margin-right:5%;
padding:10px;

}


/** JC temp addition replace with real style ;-) **/

div.corsistonegroup-links{
position: relative;
float:right;
margin-left:1%;


padding:5px;
font-size: 70%;
}


div.corsistonegroup-links img {

border: 1px solid #758389;
border-bottom-width: 3px;
height: 34px;
width: 102 px;
}



/* image preview stuff starts */

#preview{
	position:absolute;
	background:#f2f7fa;
	padding:0px;
	display:none;
	color:#300;
	text-align: center;
	/*width: 270px;*/
	padding: 10px 5px;

	    border:5px solid #fff;
                -webkit-border-radius: 3px 3px 3px 3px;
                -moz-border-radius:  3px 3px 3px 3px;


        box-shadow: #999 0.5em 0.5em 0.5em; /* Opera 10.5, IE 9.0 */
        -webkit-box-shadow: #999 0.5em 0.5em 0.5em; /* Chrome Safari */
        -moz-box-shadow: #999 0.5em 0.5em 0.5em; /* Firefox F3.5+ */
	}


#preview img{

	border:5px solid #bdced8;

}
/* image preview stuff ends */



#footnotes,
#endnotes
{
background-color: #3fefefd;
color: #333;
font-size: 0.85em;
font-style: italic;
}

#footnotes h2
{
color: #806563;

}

#footnotes a,
#endnotes a
{
text-decoration: none;
font-weight: bold;
padding: 5px;

<<<<<<< .mine
}

/* copyright style for stone image display pages */
.copyright {
	color: #999;
	font-weight: bold;
	font-style: italic;
}

.displayStone img {

border: 10px solid #e8ddd9;

}


/* COMMENTARY INTERFACE */

.new-com-wrapper {

margin: 0px 0px 20px 0px;

}


/* hide/show commentary interface */




div.corsistonegroup-links,
div.commentary_new {
background: #fefdf6 url("images/box-bg.png") repeat top left;
border: 1px solid #bbc4c8;
    -webkit-border-radius: 3px 3px 3px 3px;
	-moz-border-radius:  3px 3px 3px 3px;
box-shadow: #bac4c8 0.5em 0.5em 0.5em; /* Opera 10.5, IE 9.0 */
	-webkit-box-shadow: #bac4c8 0.3em 0.3em 0.3em; /* Chrome Safari */
	-moz-box-shadow: #bac4c8 0.3em 0.3em 0.3em; /* Firefox F3.5+ */
display:block;
font-size:88%;
margin-left: 5%;
margin-right:5%;
padding:10px;

}


a.toggle-my-commentary {
  color: #999;
  font-size: 0.7em;
  font-weight: bold;
  margin-left: 5%;
  margin-bottom: 20px;
  text-decoration: none;
}



.toggle-all-commentary
{
display: block;
float: right;
}

.hide
{

}


.show
{

}


span.stonenumber
{
  color: #878C82;

  display: block;
  font-weight: bold;
  font-size: 1.5em;
  padding: 0px 0px 0px 0px;

}


td.stonenumber
{
  /*
  padding: 0px 5px 0px 0px;
  */
  padding: .2em 0.4em .2em 0.3em;
  text-align: right;
  width: 150px;
	
}


td.stonenumber a
{
  padding: 0px;
}


td.stonenumber a:hover,
td.stonenumber a:focus
{
  border-bottom: 2px solid #878C82;
}



/* jQuery UI Stuff */

#ui-datepicker-div {
	background: #fff;
	padding: 5px;
	border: 1px solid #f0f6f8;
}
a.ui-datepicker-prev {
	width: 35px;
	float: left;
	text-align: left;
}
a.ui-datepicker-next {
	width: 35px;
	float: right;
	text-align: right;
}
div.ui-datepicker-title {
	text-align: center;
}
table.ui-datepicker-calendar {
	padding-bottom: 0px;
	margin-bottom: 0px;
}

span.stonename
{
	font-style: italic;
}

/* visual browser */
ul.visualBrowse  {
  margin: 20px 0px;
}


ul.visualBrowse li {
  display: inline;
  list-style: none;
  margin: 0px;
}



ul.visualBrowse li img{

  display: block;
}

ul.visualBrowse li a  {
  border: 1px solid #000;
  float: left;
  height: 23px;

  margin: 0px;
  padding: 0px;
  position: relative;
  text-align: center;
  width: 50px;

}

ul.visualBrowse li a:hover ,
ul.visualBrowse li a:focus {
border: 1px solid #fff;
}


ul.visualBrowse li a .name {
border: 1px solid #666;
background-color: #fff;
color: #999;
padding: 5px;

position: absolute;
left: 0px;
top: -9000px;
width: 100px;
}

ul.visualBrowse li a:hover .name,
ul.visualBrowse li a:focus .name
{
top: -100px;
}


/* START gallery view Richard Buckner 29 Feb 2012 */



ul.gallery {

display: block;
margin: 10px auto;

}


ul.gallery li
{
  display: inline-block;
  
  list-style: none;
}

ul.gallery li img
{
  display: block;
}

ul.gallery li a
{
  border: 1px solid #000;
  float: left;
  height: 117px;
  margin: 0px;
  padding: 0px;
  position: relative;
  text-align: center;
  width: 250px;

}

ul.gallery li a:hover ,
ul.gallery li a:focus
{
	border: 1px solid #fff;
}


ul.gallery li a .name
{
	border: 1px solid #666;
	background-color: #fff;
	color: #999;
	padding: 5px;
	position: absolute;
	left: 0px;
	top: -9000px;
	width: 100px;
}

ul.gallery li a:hover .name,
ul.gallery li a:focus .name
{
	top: -100px;
}
/* END - gallery view */

/* paging */

div.paging,
p.pagerCounter{
  clear: both;
}


div.paging
{


  background: #bac8c1 url("images/transTexture.png") repeat top left;
  border-bottom: 1px solid #330;
  clear: both;
  font-size: 1.2em;
  font-weight: bolder;
  line-height:1.2em;
  margin: 10px 0px;
  padding: 10px;
  text-align: center;


}



div.paging a,
div.paging span.current{


 color: #333;
 font-weight: bolder;
  padding: 3px;
}

div.paging span.current{
 /* border: 2px solid #fff;
  */
}


div.paging span.current,
div.paging a:hover,
div.paging a:focus {

border-bottom: 3px solid #330;

}







.seperator{
position: absolute;
top: -9000px;
}

.noNext,
.noPrevious,
span.disabled{

color: transparent;

}

a.next,
a.previous,
a.prev,
span.next a,
span.prev a

{
padding: 5px;
}



 div.paging a.previous, div.paging a.prev, div.paging span.prev a,
 a.previous,  a.prev, span.prev a
{
	background: transparent url('images/prevNext.png') repeat-y  0 103px;
	margin-top: 3px;
	padding-left: 35px;
}

 a.next, span.next a,
 div.paging a.next, div.paging span.next a
{
	background: transparent url('images/prevNext.png') repeat-y  1.6em 138px ;
/*	float: right;
*/
margin-top: 0px;
	padding: 3px 1.2em 5px 5px;

}

div.paging  a:hover.prev,
 div.paging a:focus.prev,
 div.paging a:hover.previous,
div.paging  a:focus.previous,
div.paging  span.prev a:hover,
 div.paging  span.prev a:focus
{
	background-position: 0 31px;
    border-style: none;
}


 div.paging a:hover.next,
 div.paging a:focus.next,
 div.paging span.next a:focus,
 div.paging span.next a:hover
{
	background-position: 1.6em 66px;
	border-bottom-style: none;
}
/* panels */
div.panels
{
margin: 20px 0px;
clear: both;
}

div.panels div
{

  background: #d3dad6 url("images/transTexture.png") repeat top left;

    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
	-moz-border-radius:  5px 5px 5px 5px;

	box-shadow: #abaea9 0.35em 0.35em 0.35em;
		-webkit-box-shadow: #abaea9 0.35em 0.35em 0.35em;
		-moz-box-shadow: #abaea9 0.35em 0.35em 0.35em;	
/*
box-shadow: #d1d8dc 0.2em 0.2em 0.2em;
		-webkit-box-shadow: #d1d8dc0.2em 0.2em 0.2em;
		-moz-box-shadow: #d1d8dc 0.2em 0.2em 0.2em;
		
		*/
clear: none;
float: left;
margin: 3px 3px;
padding: 0px;
}

div.panels h2,
div.panels h3
{
  background: #4a7279 url("images/corsi-header.jpg") repeat 0px 210px;
  border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius:  5px 5px 0px 0px;
  color: #fff;
  display: block;
  font-size: 1.3em;
  text-align: center;

}

div.panels.stonesHome div.panel a:focus,
div.panels.stonesHome div.panel a:hover {

  background-position: 0px 230px;

}



div.panels div p,
div.panels div ul
{
padding: 5px;
}




div.panels h3 {
  font-weight: normal;
}
div.panels h2 {
  margin-top: 0px;
}




/* hide headings for nav and sub-nav */
#catalogue-actions h2,
#main-actions h2,
#stones-actions h2
{
position: absolute;
top: -9000px;
}



/*START - Richard Buckner 20 Feb 2012 align find submit button vertically with input text boxes*/
#findsubmit
{
	margin-left: 200px;
}

/*align text vertically in index page*/
.location
{
	vertical-align: middle;
	width: 50%;
}
.descriptions
{
	vertical-align: middle;
	width: 40%
}

/*END - Richard Buckner 20 Feb 2012 align find submit button vertically with input text boxes*/


.submenu {



}

#catalogue-actions ul.menu li a,
.submenu ul.menu li a {

font-weight: normal;
}


span.lang,
span.title

{

  font-style: italic;
}

/*containing divs for illustrations with captions that need to be floated together*/
.fig {
float: right;
margin: 5px 0px 5px 5px;
padding: 5px;
width: 250px;
}




.fig,
p.caption,
div.illustration
{
color: #777;
font-size: 0.9em;
font-style: italic;
}

/*containing divs for full-width illustrations with captions that need to centered*/
div.illustration {
text-align: center;
}



.authorInfo
{
  font-style: italic;
}


.resultsInfo {
  
  margin: 0px 0px 5px 0px;
  text-align: center;
  font-weight: normal;
}

.num {
  font-weight: bold;
}


/* table column sorting */

th a {
	background: transparent url('images/sortAscDesc.png') repeat-y  right 135px;
	display: block;
	margin: 5px;
	padding: 5px 35px 5px 5px;
}

a.asc {
  
  background-position: right 35px;



  
}

a.desc {
  background-position: right 85px;




}




/* inline ref links */

a.sdendnotesym,
a.sdendnoteanc,
.endnote a
{
  background: #fff url("images/transTexture.png") repeat top left;
  border: 1px solid #D3DAD6;
  color: #555;
  font-size: 0.8em;
/*  font-weight: normal; */
  margin: 0px 4px;
  padding: 0px 3px;
}


/* back to top links */

.backToToC,
.backToTop
{
  background: transparent url("images/backToTop.png") repeat-y 5px 23px;
  color: transparent;
  margin: 0px 5px;
  padding: 10px 10px 5px 10px;
  font-size: 0px;
  text-decoration: none;
  position: relative;



}

.backToToC:hover,
.backToToC:focus,
.backToTop:hover,
.backToTop:focus
{
  background-position: 5px 3px;
  color: transparent;
}


.headPara {
font-weight: bold;
}



/* ref links in cat commentary */


.commentary_new span  {


  color: #666;


}


.commentary_new span.italic  {

  color: #333;


}




.footnote_number {
 margin-left: 20px;
}


.commentary_new span a  {

  font-weight: normal;
  color: #666;
}


/* footnotes */

/* provide a break between main content and footnote listings */


#sdendnote1
{

  border-top: 1px solid #BAC8C1;
  margin-top: 30px;
  padding-top: 20px;
  

}


.name{
  font-style: italic;
  
}



/* table of content / in this section links */

#identify .toc ul,
#minerals .toc ul,
#fossils .toc ul,
#rocks .toc ul   {
  padding-left: 0px;
  margin-left: 0px;
  
  
}

#identify .toc ul li,
#minerals .toc ul li,
#fossils .toc ul li,
#rocks .toc ul li {
  display: inline;
  list-style: none;
  
  
}



/* quick glossary */


.quickGloss ul li {

  background: #bac8c1 url("images/transTexture.png") repeat top left;
  display: inline;
  list-style: none;
  line-height: 1.7em;
  margin: 2px;
  padding: 5px;
  

}


.titlepage {

line-height: 1.7em;
text-align: center;


}


.thumbTile {

background: transparent url("../img/stone/smallthumb/sprite-tile.jpg")   repeat 0 0 ;

}

div.grid_12 ul.visualBrowse a {

text-decoration: none;

}



div.grid_12 ul.visualBrowse a span.stonenumber{
color: #c5cbbd;
  font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;

text-indent: -9000px;
text-decoration: none;

text-shadow: #333a30 0.1em 0.1em 0.1em;

}



div.grid_12 ul.visualBrowse a:focus span.stonenumber,
div.grid_12 ul.visualBrowse a:hover span.stonenumber{

text-decoration: none;
text-indent: 0px;

}




.greyedOut {
position: absolute;
top: -9000px;
}




div.stoneimages div.caption  {


float: left;
margin: 5px;
width: 250px;
}



#stones-actions h3 {
margin-bottom: 0px;
}




/* style for hiding elements from visual display*/

.hidden {

	position: absolute;
	top: -9000px;
	}