/* Site Color Glossary
	Light green		#e7ebd5   	
	Dark green		#c3cd94
	Light yellow	#fbebab
	Dark yellow		#e7cc8e
	Light teal		#e3efec
	Dark teal		#b9d5d0
	Light plum		#e2dbd3
	Dark plum		#c7bcae
*/

/* serif fonts: Galliard, Georgia, Times New Roman, Times, serif
	sans fonts: Berthold Akzidenz, Gill Sans, Helvetica, Verdana, Generva, Arial, sans-serif
*/

/* -----------------------------------------------
  Element Spacing Defaults
----------------------------------------------- */

* {
	padding: 0; 
	margin: 0; 
}

/* Make sure lists have neutral pad/margin - IE uses this markup for various controls */
ul, ol	{
	list-style: none;
}

ul {
  padding-left: 0; 
  margin-left: 0;
}

li	{
	line-height: 1.6em;
	margin-left: 12px;
}

/* pushes the page to the full capacity of the viewing area, with body height: 100%*/
html	{
	height: 100%;
}

h1, h2, h3, h4, h5, h6, p, blockquote,
 ul, ol, dl, fieldset, label, address {
	margin-bottom: 0;	
	overflow: hidden;
}

/* see browser exceptions: IE6 - reduce fontsize by 60% */
body
{
	/*font: normal 12px Berthold Akzidenz, Gill Sans, Helvetica, Verdana, Generva, Arial, sans-serif;*/
    font: normal 12px Helvetica, Verdana, Generva, Arial, sans-serif;
	line-height: 120%;
	height: 100%;
	text-align: left;
	color: #222222;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
	white-space: normal;
}
.bodyStyle
{
	font: normal 12px Berthold Akzidenz, Gill Sans, Helvetica, Verdana, Generva, Arial, sans-serif;
	line-height: 120%;
	color: #222222;
}
	

input, textarea	{
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	line-height: 120%;
}

/* header text */
h1 
{
	color: #222222;
	font: normal 16px Galliard, Georgia,  Times New Roman, Times, serif;	
	line-height: 150%;
}
.h1Style
{
	color: #222222;
	font: normal 16px Galliard, Georgia,  Times New Roman, Times, serif;	
	line-height: 150%;
}

h2
{
}

h3
{
}
	
hr	{
	width: 100%;
	border: 0 none;
	border-bottom: 1px solid #222222;
}

p
{
	clear: both;
	width: 98%;
	padding: 2px 0;
}


table
{
	margin: 0;
	border: 0;
}

td, th {
	font: normal 12px Berthold Akzidenz, Gill Sans, Helvetica, Verdana, Generva, Arial, sans-serif	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	line-height: 120%;
	text-align: left;
	vertical-align: top;
}


/* Default this to the link style for content links (like sort columns, edit/delete buttons,
	and links embedded in tables */

a	{
	font: normal 12px Berthold Akzidenz, Gill Sans, Helvetica, Verdana, Generva, Arial, sans-serif	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Arial, sans-serif;
	line-height: 120%;
	color: blue;	/* TBD */
	cursor: pointer;
	text-decoration: none;
}

a img	
{
	border:0;
}

a:visited{
	color: purple;	/* TBD */
}

a:hover	{
	text-decoration: underline;
}

a:focus { 
    outline: none; 
}

a.disabled	{
	color: Gray;
	text-decoration: none;
	cursor: default;
}

a.email
{
	color: #Ed6b22;
}

a.disabled	{
	color: Gray;	/*  TBD */
	text-decoration: none;
	cursor: default;
}

a.email
{
	color: blue;	/* TBD */
}


/* -----------------------------------------------
  DEFAULT BBG PAGES
----------------------------------------------- */
	
/* -----------------------------------------------
   Site Wrapper
	This makes all page elements expand width to edge of wide tables
----------------------------------------------- */
#siteWrapper	{
	display: table-cell;
	min-width: 950px;
}

#pageWrapper	
{
	width: 100%;
	min-height: 200px;
	overflow: hidden;
}


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

#contentWrapper 
{
	text-align: left;
	color: #222222;
	padding-right: 20px; /* make sure display text not cutoff */
}

/* Link to mobile site */
#goToMobile {
    clear: both;
    float: right;
    font-size: larger;
}

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

#siteFooter {
	clear: both;
	text-align: left;
	padding: 20px 0 0 50px;
	color: #4b7054; /* font/color spec. is for the center dot, not the links */
	font-size: 16px;
	font-weight: bold;
	background-color: transparent;
}

#siteFooter	hr
{
	border: 0 none;
	border-bottom: 1px solid #222222;
	width: 100%;
}
		
#siteFooter ul {
	margin: 0;
	padding: 0;
}

#siteFooter li {
	margin: 0;
	display: inline;
	list-style-type: none;
}

#siteFooter a 
{
	font-size: 12px;
	color: #4b7054;
}



/* -----------------------------------------------
   BBGCharacteristicsPanel
----------------------------------------------- */


.bbgCharPanel {
	width: 100%;
	height: 36px; 
	line-height: 36px;
	background: url("images/greenbar1x36.png") repeat-x top left;
	padding:0;
	margin:0;
	font: bold 14px Berthold Akzidenz, Gill Sans, Helvetica, Verdana, Generva, Arial, sans-serif;
	text-align: left;
}

.bbgCharPanel td.toggle 
{
	padding-left: 240px;	/* right edge of char. group image */
}

.bbgCharPanel td.title {
	margin: 0;
	padding-right: 5px;
	padding-left: 8px;
	font: bold 18px Geneva, Verdana, Helvetica, Sans-Serif;
	color: #ffffff;
	height: 36px;
	line-height: 36px;
	cursor: pointer;
}

.bbgCharPanel div.content
{
	text-align: left;
	padding: 5px;
}


/* -----------------------------------------------
   BBGCharCheckBox - attribCheckbox
----------------------------------------------- */

.attribCheckbox span {
    display: block;
    padding-left: 15px;
    text-indent: -15px;
}
.attribCheckbox input {
    width: 21px;
    height: 21px;
    padding: 0;
    margin:0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
    *overflow: hidden;
}

.attribCheckbox img	
{
	vertical-align:middle;
}

/* -----------------------------------------------
   BBG ComboBoxes
----------------------------------------------- */
.bbgComboBox td
{
	padding-bottom:10px;
}

.bbgComboBox .ajax__combobox_inputcontainer .ajax__combobox_textboxcontainer input
{
    background-image: url(images/bbgComboBox_NoArrow.png);
    background-repeat: no-repeat;
    background-position: top left;
    border: 0px none;
    color: #000000;
    padding: 0px 0px 0px 5px;
    font-size: 11px;
    height: 16px;
    width: 180px;
}
.bbgComboBox .ajax__combobox_inputcontainer .ajax__combobox_buttoncontainer button
{
    background-image: url(images/bbgComboBoxArrow.png);
    background-repeat: no-repeat;
    background-position: top left;
	height: 16px !important;
    width: 16px !important;
    border: 0px none;
    position:relative;
    left: -5px;	/* move back from padding */
}

.bbgComboBox .ajax__combobox_itemlist
{
	margin-left: 10px;
    border-color: #797b1e;
    background-color: #ffffff;
}


/*Textbox Watermark*/

.bbgTextBox 
{
    background-image: url(images/bbgTextBox_GreenBG.png);
    background-repeat: no-repeat;
    background-position: top left;
    border: 0px none;
    color: #000000;
    padding: 0px 0px 0px 5px;
    font-size: 11px;
    height: 16px;
    width: 200px;
}

.bbgTextBoxPurple30
{
    background-image: url(images/bbgTextBox_Purple.30.png);
    background-repeat: no-repeat;
    background-position: top left;
    background-color: transparent;
    border: 0px none;
    color: #000000;
    padding-left: 10px;
    padding-right: 0;
    font-size: 12px;
    height: 30px;
    line-height: 30px;
    width: 210px;
}

.watermarked {
	color:gray;
}	

.watermarkedRight {
	color:gray;
	text-align: right;
	padding-right: 10px;
	padding-left: 0;
}	


/* -----------------------------------------------
   WAIT DIALOG
----------------------------------------------- */

#progressMessage { 
    position:fixed; 
    top:30%; 
    left:43%;
	padding:20px; 
    width:14%; 
    z-index:1001; 
    background-color: #ffffff;
    border:solid 1px #EBE9CB;
    text-align:center;
    vertical-align: middle;
}


/* -----------------------------------------------
   Modal display box (for plant photos)
----------------------------------------------- */
  
#fancybox-title-over	
{
	font-family: Tahoma, Arial, sans-serif;
	font-size: 12px;
	line-height: 12px;
	font-weight: bold;
	color: #333333;
}

     
    #fancybox-img
    {
	    padding-top: 10px;
    }