﻿body 
{
    background-color:#ECFFFF;
    margin:auto;
    font-family:Myriad Web Pro, Arial; font-size: 12px;
    background-image:url(../images/bkg.gif);
    background-position:top left;    
}

#page_main { background-color:#FFFFFF; width:980px; margin-left:auto; margin-right:auto;}
#page_header { width:980px; height:201px; text-align:left;}
#page_header img { border:0px; padding:0px; margin:0px; float:left; }
#page_left { width:300px; float:left; }
#bSearchOuter { float:left; width:300px; display:inline; z-index:10;}
#bBrowseOuter { float:left; width:300px; display:inline;}
#bResultsOuter { float:left; top:0px; position:relative; display:inline; margin-left:10px; width:670px; text-align:center;}
#bFooter { width:100%; text-align:center; clear:both;}
/* browse box */
.gpbb_bordtop { width:300px; height:60px; background-image:url(../images/Browse-plants.png); background-repeat:no-repeat;}
.gpbb_core { float:left; width:300px; padding-left:18px; padding-right:18px; background-image:url(../images/vertical.gif); background-repeat:repeat-y; background-color:#FFFFFF; font-family:Myriad Pro, Arial; font-size:12px;}
.gpbb_bordbtm { width:300px; height:25px; background-image:url(../images/bottom.gif); background-repeat:no-repeat; clear:left;}
.gpbb_item { text-align:left; font-size:14px; font-weight:bold; padding:4px;}
.gpbb_item a { text-decoration:none; color:Black;}
.gpbb_item a:hover { text-decoration:underline; color:Green; }

/* results */
.pages { text-align:right;}
.page_button { border:0px; padding:0px; margin:2px; font-size:10px; font-family: Verdana; background-color:Transparent;}
.page_button:hover { background-color:#DDDDDD; cursor:pointer;}
.page_buttonreg { border:0px; padding:2px; margin:2px; font-size:10px; font-family:Verdana;}
.page_buttonact { border:0px; padding:2px; margin:5px; font-size:12px; font-family:Verdana; font-weight:bold; color:Black;}

.pWelcome { width:90%; text-align:justify; font-size: 14px;}
.pWelcome p { padding:5px;}
.pWelcomeNotice { font-size:9px;}
.p_header { text-align:center; border-bottom:5px solid #DDDDDD; margin-bottom:5px; font-size:18px; font-weight:bold; color:#555555;} 
.pTable { z-index:1;}
.p_resultshdr { text-align:center; font-size:18px; font-weight:bold; padding:10px; width:60%; color:#000000;}
.p_resultsmsg { text-align:justify; font-size:12px; font-weight:normal; width:60%;}
.p_photo { background-image:url(../images/drop1.gif); background-position:bottom right; background-repeat:no-repeat; border:0px; padding-right:9px; padding-bottom:11px;}
.p_item { border-bottom:1px solid #DDDDDD; padding:5px; }

/* tag */
h1 { font-size:17px; font-weight:bold; font-style:italic; }
#tag_main { background-color:#ECFFFF; width:980px; margin-left:auto; margin-right:auto; height:100%;}
#tag_left { float:left; width: 300px; }
#tag_right { float:left; width:680px;}
.tag_top { width:669px; background-image:url(../images/tag/tag-wrapper-top.gif); background-repeat:no-repeat; height:25px;}
.tag_core { width:669px; background-image:url(../images/tag/tag-wrapper-vertical.gif); background-repeat:repeat-y; padding-left:25px; padding-right:25px; float:left;}
.tag_btm { width:669px; background-image:url(../images/tag/tag-wrapper-bottom.gif); background-repeat:no-repeat; height:25px; float:left;}
.searchbtn { margin-left:10px;}
.crit_outer { float:left; margin-left:15px; width:57%; }
.crit_inner { padding-right:10px; /*max-height: 500px; width:100%; overflow-x:hidden; overflow-y:scroll;*/ }
.crit_heading { font-size:14px; font-weight:bold; }
.crit_details { font-size:12px; }
.plant_name { font-size:17px; font-weight:bold; font-style:italic;}
.photo_outer { width:235px; float:left;}
.photo_inner { margin:5px auto auto auto; padding-top:5px; background-image:url(../images/tag/thumbnail-area-gradient.jpg); background-repeat:repeat-x; background-color:#FFFFFF; background-position:top left; width:200px;}
.photo_sub { padding:5px; }
.photo_sub img { width:50px; height:50px; border:2px solid black; }
.photo_top { width:235px; height:13px; background-image:url(../images/tag/top.gif); background-repeat:no-repeat;}
.photo_core { width:235px; background-image:url(../images/tag/vertical.gif); background-repeat:repeat-y; text-align:center;}
.photo_btm { width:235px; height:13px; background-image:url(../images/tag/bottom.gif); background-repeat:no-repeat;}

.prov_outer { width:225px; height:110px; background-image:url(../images/tag/info-provided-by.gif); background-repeat:no-repeat;}
.prov_photo { width:120px; height:90px; position:relative; left:90px; top:10px;}

.findit_outer { width:222px; height:100px; margin-left:4px; margin-top:10px; background-image:url(../images/tag/find-it.png); background-repeat:no-repeat; padding-top:78px; padding-left:17px;}
.findit_textbox { float:left; font-size:19px; font-weight:normal; font-family:Arial; width:75px; border:0px; background-color:Transparent;}
.findit_btn { float:left; width:115px; height:75px; margin-left:80px; margin-top:-65px;}
/*.findit_btn:hover { background-image:url(../images/tag/findit_over.png);}*/
.fb_btn { margin-left:4px; }
#twt_outer { margin-top:20px; margin-left:6px; }
#twt_list { border-bottom:2px solid #DDDDDD; }
.twt_ent { font-size:11px; border-top:1px solid #DDDDDD; margin-top:2px; font-family:Arial; padding:3px;}
.twt_ent .date { color:#555555; font-size:10px; font-family:Arial;}
#fb_comments_box { width:57%; float:left; margin-top:20px;}
#share_bar { margin-left:4px; width:220px; text-align:center; height:20px; vertical-align:bottom;}