/*BG-Map Web-VQF/ECM
//Revised 1/19/12
*/

html{
        -webkit-text-size-adjust: none;
}

body {  
         background-image: url(http://plantexplorer.longwoodgardens.org/ecmweb/Bitmaps/LWG/BorderBkgnd.png);#507c23;
         font-size: 72%;
     	 font-family: Verdana, Arial, Helvetica, sans-serif;
         line-height: 130%;
         margin: 0;
}

body.glossary{
         background-image: none;
         background-color: #507c23;
         color: white;
} 

body.plain {  
         background-image: none;
     	 font-family: Verdana, , Arial, Helvetica, sans-serif;
         background-color: #ffffff;
         padding-left: 10%;
         padding-right: 10%;
}

body.plantlist{
         background-image: none;
         background-color: #fcf7f0;
         padding: 5px;
} 

body.plantlist-staff{
         background-image: none;
         background-color: #ffffff;
         padding: 5px;
} 

body.staff {  
         background-image: none;
         font-size: 72%;
      	 font-family: Verdana, Arial, Helvetica, sans-serif;
         background-color: #cee8c4;
         margin: 0;
}

#PageContainer {
         background-color: #ffffff;
         padding-top: 8px;
         padding-left: 12px;
         min-height:600px;
         width: 740px;
         margin-left: auto;
         margin-right: auto;
}

#PageContainer-staff {
         background-color: #ffffff;
         padding-top: 8px;
         padding-left: 12px;
         padding-bottom: 50%;
         width: 740px;
         margin-left: auto;
         margin-right: auto;
//         border: 1px solid black;
}

input.datepicker {
         background-color: #ffffff;
         color: #ffffff;
         border: none;
}

#RecentViewsBox {
        visibility: hidden;
//	background-color: #fcf7f0;
	background-color: #e9f6ed;
        font-size: 92%;
        width: 225px;
        position: absolute; right: 1%; top: 162px;
        padding: 4px;
        margin-right: 6px;
	border: 4px outset #473;

        -moz-border-radius-topright: 12px;
        -moz-border-radius-topleft: 4px;
        -moz-border-radius-bottomleft: 4px;
        -moz-border-radius-bottomright: 4px;
        -moz-box-shadow: 10px 10px 5px #998;

        border-top-right-radius: 12px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        border-bottom-right-radius: 4px;
        box-shadow: 10px 10px 5px #998;

        -webkit-border-top-right-radius: 12px;
        -webkit-border-top-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        -webkit-box-shadow: 10px 10px 5px #998;

        z-index: 2000;
}


/******************************************
	CSS to style the JavaScript customizable alert box
	Original Author: Tom Coote
	Web site: tomcoote.co.uk
        Modified by BG-Map
********************************************/
#alertBox {
	background-color: #fffae7;
        font-size: 90%;
	border: 3px ridge black;
        border-top-right-radius: 12px;
        -moz-border-radius: 12px;
        border-radius: 12px;
        -webkit-border-radius: 12px;
        z-index: 2000;
}

#alertBox #Message {
	text-align: left;
	padding-top: 5%;
	padding-left: 5%;
	padding-right: 5%;
}

a:link { 
	text-decoration: none;
        color: #815900;
}

a:visited { 
	text-decoration: none;
        color: #815900;
}

a:hover { 
	text-decoration: underline;
        color: #a17900;
}


hr.course{
        width: 95%;
        margin-right: 20px;
}

p.errormsg {
	 font-size: 140%;
         color: red;
}

p.mobile1-link {
          font-size:110%;
          line-height:120%;
          text-align:center;
          border:1px solid black;
          font-weight:bold;
          padding:14px 4px 14px 4px;
          background:#eeffe9;
          box-shadow: 6px 6px 3px #998;
         -moz-box-shadow: 6px 6px 3px #998;
         -webkit-box-shadow: 6px 6px 3px #998;
          border-radius: 18px;
         -moz-border-radius: 18px;
         -webkit-border-radius: 18px;
}

p.spacer {
	 font-size: 30%;
}

p.instructions2 {
	 font-size: 140%;
         margin-left: 15px;
}

p.linkicon {
	font-size: 90%;
        margin-left: 4px;
}

p.credits {
	font-size: 65%;
	border: 1px solid;
        padding: 4px;
}

p.testlist {
         line-height: 140%;
	 width: 100%;
	 height: 240px;
         overflow: scroll;
}

p.instrbox {
         font-size: 90%;
         border: 1px solid;
         padding: 4px;
}

p.creditbox {
         font-size: 90%;
         text-align: center;
         width: 140px;
         border: 1px solid black;
         padding: 4px;
}

a.smallbutton {
	font-size: 90%;
        color: #815900;
        border: 1px solid black;
        padding: 2px;
}


a.smallbutton:hover { 
	text-decoration: underline;
        color: #a17900;
        background: #ffffff;
}


a.smallbutton:visited { 
        color: #815900;
}

a.smallbutton-selected {
	font-size: 90%;
        color: white;
        border: 1px solid black;
        padding-left: 1px;
        padding-right: 1px;
        background: #aaaaaa;
}


a.smallbutton-selected:hover { 
	text-decoration: underline;
        background: #eeeeff;
        color: black;
}


a.smallbutton-selected:visited { 
        color: white;
}

a.linkbutton {
//	font-size: 110%;
        background: #f4f4f4;
        color: #815900;
        border: 2px outset black;
        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        padding-left: 3px;
        padding-right: 3px;
        margin-right: 4px;
}


a.linkbutton:hover { 
	text-decoration: underline;
        color: #a17900;
        background: #ffffff;
}


a.linkbutton:visited { 
        color: #815900;
}

span.alphalist {
	font-weight: bold;
        letter-spacing: 1px;
}

span.plantname {
	font-size: 145%;
	font-weight: 800;
        line-height: 120%;
}

span.commonname {
	font-size: 145%;
	font-weight: 200;
        line-height: 120%;
}

span.plantname_book {
	font-size: 14pt;
	font-weight: 800;
        line-height: 120%;
}

span.commonname_book {
	font-size: 14pt;
	font-weight: 200;
        line-height: 120%;
}

span.accnum {
	font-size: 120%;
	border-style: solid;
	border-width: 1px;
        border-radius: 6px;
        -moz-border-radius: 8px;
        -webkit-border-radius: 6px;
        padding-left: 2px;
        padding-right: 2px;
}

span.instructions {
         margin-left: 1px;
}

span.optionlabel {
	 font-size: 120%;
         font-weight: bold;
         margin-left: 5px;
         margin-right: 8px;
}

span.instructionsGR {
	 font-size: 125%;
	 text-decoration: underline;
}

span.instructionsSM {
	 font-size: 90%;
	 text-decoration: underline;
}

span.titleSM {
	 font-size: 85%;
}


span.small-listbrown {
         color: #768800;
}

div.waitbar {
  border: 2px solid black;
  visibility: hidden;
  text-align: center;
  background: #fff;
  width: 220px;
  margin: 20px;
  position: fixed; left: 40%; top: 40%;
}

div.tablescroll {
         width: 700px;
	 height: 90px;
         overflow: scroll;
}

div.tablescroll-plantlist {
         width: 367px;
	 height: 120px;
         overflow: scroll;
}

div.tablescroll-staffplantlist {
         width: 577px;
	 height: 120px;
         overflow: scroll;
}

div.maptitle {
	font-size: 90%;
        text-align: center;
        width: 546px;
	border-top: 2px solid #979797;
        border-left: 2px solid #979797;
        border-right: 2px solid #979797;
        margin-bottom: 0px;
        background: #f9f9f9;
        padding-top: 2px;
        padding-bottom: 2px;
        page-break-before: always;
}

div.maptitle-big {
	font-size: 90%;
        text-align: center;
        width: 686px;
	border-top: 2px solid #979797;
        border-left: 2px solid #979797;
        border-right: 2px solid #979797;
        margin-bottom: 0px;
        background: #f9f9f9;
        padding-top: 2px;
        padding-bottom: 2px;
        page-break-before: always;
}

h1 {
	font-size: 160%;

}

h1.headline {
        font-family: Georgia,times,serif;
	font-size: 200%;
        font-weight:normal;letter-spacing: 1px;

}

h2 {
	font-size: 140%;
}

h2.green {
        color: #009900;
}

h2.brown {
        color: #768800;
}

h3 {
	font-size: 100%;
}

h3.green {
        color: #009900;
}

h3.brown {
        color: #768800;
}

tr.small-list {
	 font-size: 96%;
         line-height: 110%;
}

table.book {
         font-size: 12pt;
         line-height: 130%;
}

td {
         line-height: 130%;
}

td.book {
         font-size: 12pt;
         line-height: 130%;
}

td.booktitle {
         font-size: 14pt;
         line-height: 130%;
}

td.resultssmall {
	 font-size: 96%;
}

td.resultslist {
	 font-size: 96%;
}

td.glossary {
	 font-size: 120%;
}

td.infobox {
         font-size: 104%;
         background: #fcf7f0;
         border: 4px outset #473;
         border-radius: 6px;
         -moz-border-radius: 6px;
         -webkit-border-radius: 6px;
}

li {
	font-size: 100%;
}

input {
	font-size: 100%;
}

input.smaller {
	font-size: 80%;
}

/********************************************
Following are LWG-Specific Styles and Fonts
*********************************************/

#HomeContainer {
         background-color: #ffffff;
         padding-top: 10px;
         width: 940px;
         margin-top: 30px;
         margin-left: auto;
         margin-right: auto;
}

#StaffContainer {
         background-color: #ffffff;
         width: 740px;
         margin-top: 20px;
         margin-left: auto;
         margin-right: auto;
}

@font-face {  
	  font-family: "NeutraText-LTDemi";  
	  src: url(http://plantexplorer.longwoodgardens.org/ecmweb/CSS/Fonts/NeutraText-Demi.eot); /* IE */  
	  src: local("Neutra Text Light Demi"), url(./Fonts/NeutraText-Demi.ttf) format("truetype"); /* non-IE */  
}  


@font-face {  
	  font-family: "NeutraText-Light";  
	  src: url(http://plantexplorer.longwoodgardens.org/ecmweb/CSS/Fonts/NeutraText-Light.eot); /* IE */  
	  src: local("Neutra Text Light"), url(./Fonts/NeutraText-Light.ttf) format("truetype"); /* non-IE */  
}
	 


span.Neutra-Orange {	 
     	 font-family: NeutraText-LTDemi,Verdana, Arial, Helvetica, sans-serif;
         font-size: 13.5pt;
         color: #d9b400;
}  

p.Serif-Black {	 
     	 font-family: Georgia, Times, serif;
         font-size: 12pt;
}  

p.Neutra-White  {
     	 font-family: NeutraText-Light,Verdana, Arial, Helvetica, sans-serif;
         font-size: 11pt;
         color: #ffffff;
         padding: 12px;
         line-height: 1.5;
}  

p.Neutra-Green  {
     	 font-family: NeutraText-LTDemi,Verdana, Arial, Helvetica, sans-serif;
         line-height: 1.5;
         color: #3b7208;
}  

p.Plain-White  {
         color: #ffffff;
         padding: 12px;
         line-height: 1.5;
}  

h1.Neutra-Green {
     	 font-family: NeutraText-LTDemi,Verdana, Arial, Helvetica, sans-serif;
         font-size:230%;
         font-weight:normal;
         color: #3b7208;
}


h2.Neutra-Green {
     	 font-family: NeutraText-LTDemi,Verdana, Arial, Helvetica, sans-serif;
         font-size:170%;
         font-weight:normal;
         color: #3b7208;
}


a.Neutra-Green {
        font-family: "NeutraText-Light";  
        color: #a0e862;
}


a.Neutra-Green:hover { 
	text-decoration: underline;
        color: #a0e862;
}


a.Neutra-Green:visited { 
        color: #a0e862;
}

a.Plain-Yellow {
        letter-spacing: 1px;
        color: #e6cd40;
}


a.Plain-Yellow:hover { 
	text-decoration: underline;
        color: #e6cd40;
}


a.Plain-Yellow:visited { 
        color: #e6cd40;
}