/*   ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html
{
	/*height :100%;*/
	}
body
{
	/*height :100%;*/
	background:url(../img/corner3.jpg) top left no-repeat; background-position:fixed;
	}
 #body 
{
	
	line-height: 1.5em;
	color:#35352B ;/*#6a6a6a*/
	/*background: #ffffff;*/
	background-image:url('../images/tbackground.png');
	font-family: Helvetica, sans-serif,verdana,arial,sans-serif;
	font-size: 100%;
	font-weight :500;
	width :90%;
	text-align :center ;
	height :100%;
	margin :2%;
	margin-top :0;
	padding :2%;
	padding-top :0;
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 1px 1px #909193 inset, 1px 1px 1px #FFFFFF;
	-webkit-box-shadow:0 1px 1px #909193 inset, 1px 1px 1px #FFFFFF;
	box-shadow:0 1px 1px #909193 inset, 1px 1px 1px #FFFFFF;
	
	/*filter: alpha(opacity=95);    
	opacity: .95;*/
}
.clear{clear:both; line-height:0; height:0; font-size: 1px}
.radius
{
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	}
A:link {text-decoration: none;color: #1C1C1C;
	font-family: 'Droid Serif', serif;
	font-size: 100%;}
A:visited {text-decoration: none;color: #1C1C1C;
	font-family: 'Droid Serif', serif;
	font-size: 100%;}
A:active {text-decoration: none;color: #1C1C1C;
	font-family: 'Droid Serif', serif;
	font-size: 100%;}
A:hover {text-decoration: underline;;color: #1C1C1C;
	font-family: 'Droid Serif', serif;
	font-size: 100%; }
h1{ font-size: ; }

h2{ font-size: ; }

h3{ font-size: ; }

h4{ font-size: ; }

h5{ font-size: ; }

h6{ font-size: ; }

h1,h2,h3,h4,h5,h6{
	margin-bottom: 21px;
	line-height: 21px;
	font-family: 'Droid Serif', serif;
	font-weight: 400;
	line-height: 1.2em;
}
p{color:#393C39; width :100%; text-align :center;}

.wrap-head
{
	margin-left: 1%;
	line-height: 21px;
	font-family: 'Droid Serif', serif;
	font-weight: 400;
	line-height: 1.2em;
	font-size :2.6em;
	}
#header
{
	display :block;
	padding-top :1%;
	position :relative ;
	display:block ;
	/*max-height:90px;*/
	min-height :70px;
	width :100%;
	text-align:left;
	z-index :100;
	color:#393C39;
	/*border :solid 1px ;text-shadow: 1px 1px 1px #aba4ab;
        filter: dropshadow(color=#aba4ab, offx1, offy=1);*/
	}
#content
{
   display :block;
   position :relative;
   height:auto;/* :70%;*/
   width :96%;

   -webkit-box-shadow:  1px 2px 1px 1px rgba(11, 22, 22, .7);
    box-shadow:  1px 2px 1px 1px rgba(11, 22, 22, .7);
    -webkit-border-radius: 10px;
    background-size:80px 60px;
	background-repeat:no-repeat;
    border-radius: 10px;
    /*background-color :#fff;*/
    filter: alpha(opacity=100);    
	opacity: 1;
    text-align:left;
    border :solid 1px;
    
    vertical-align :top ;
    z-index :99;
    padding :2%;
    
	}
#content
{
   display :block;
   position :relative;
   height:auto;/* :70%;*/
   width :96%;

   -webkit-box-shadow:  1px 2px 1px 1px rgba(11, 22, 22, .7);
    box-shadow:  1px 2px 1px 1px rgba(11, 22, 22, .7);
    -webkit-border-radius: 10px;
    background-size:80px 60px;
	background-repeat:no-repeat;
    
    /*border :solid 1px;border-radius: 10px;background-color :#fff;*/
    filter: alpha(opacity=100);    
	opacity: 1;
    text-align:left;
    
    
    vertical-align :top ;
    z-index :99;
    padding :2%;
    
	}
#content  .top_background
{
	width :120%;
	z-index :-1;
	position :absolute;
	top:0px;
	left :0px;
}
#content  .background
{
	width :120%;
	z-index :-1;
	position :absolute;
	top:220px;
	left :0px;
}
	
#footer
{
    display :block;
	position :relative;
	height:auto;/* :70%;*/
	width :96%;
    text-align :center ;
    vertical-align :top;
    border :none;
    display :block;
    width :100%;
    font-size :60%;
	}
#menu
{
	display:block ;
	position :relative ;
	height: auto;
	width :90%;
	margin-top :0;
    padding-left:3%;
	text-align:center;
	z-index :101;
	}



#logo{
	float:left;
	top:0%;
	left: 8%;
	width :7%;
	border:none;
	z-index :6000;
}
#header h1
{ 
  font-size :1.5em;
  margin :0;
  margin-top :0px;
  padding :0;
	}
#header h2
{ 
  font-size :1.1em;
  font-style :italic ;
  margin :0;
  padding :0;
	}
#wrapper
{
   font-size:.9em;	
   display :inline-block ;
   
   width :100%;
   height :100%;
   /*min-width :500px;*/
   text-align:left;
   vertical-align :middle ;
   text-align :center;
   
   
		}
#indexkey
{
	font-size:.9em;		
   display :inline-block ;
   *display: inline;	
   zoom: 1;
   width :98%;
   text-align:left;
   padding :2px;
   vertical-align :top;
   border :solid 1px;
   border-color :#E8E8E8;
   text-align :center;
   margin-bottom :10px;
   position :relative;
   
   /*border-left :none;
   border-right :none;*/
}
#indexkey a
{
	color:#393C39;
	font-size :.9em;
}
#indexkey a:hover
{
	color:#393C39;
	font-size :.9em;
	text-decoration :none;
}
.background {
       position:absolute;
       top:0px;
       left:0px;
       width:100%;
       height:100%;
       /*background-color:Black;*/
       z-index:1;
       /* These three lines are for transparency in all browsers. */
       -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
       filter: alpha(opacity=70);
       opacity:.7;
   }
  #resize-container {
            font-size: .9em;
            overflow: scroll;
            resize:both;
            width: 91%;
            max-width: 92%;
            min-height: 320px;
            position :relative ; 
            border :solid 1px #E8E8E8;
            height:300px;
            text-align :center ;
            padding-top :1%;
            padding-bottom :1%;
            padding-left :8%;
        }
.famindex
{
	position:relative;
	float:left;
	font-size:.9em;
	width:30%; 
	border :solid 1px #D2D5D2; 
	margin:3px;display:inline-block; 
	color:#393C39; 
	background-color:#F5F7F5;}
 .famindex:hover  {
    border :solid 1px #7A807A; 
	color:#7A807A; 
	background-color:#EEFFF7;
            
        }
#detail1
{
   font-size:.9em;		
   display :inline-block ;
   *display: inline;	
   zoom: 1;
   width :30%;
   height :50%;
   text-align:left;
   padding :2%;
   vertical-align :top;
   border :solid 1px;
   border-color :#E8E8E8;
   
   
   /*background-color: #eee;

           background: -moz-linear-gradient(top, #F5F5F5, #E6E6FA);

           background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#E6E6FA));

           -ms-filter: "progid:DXImageTransform.Microsoft.gradient(
                startColorstr=#F5F5F5, endColorstr=#E6E6FA, GradientType=1)";

           filter: progid:DXImageTransform.Microsoft.Gradient(

               StartColorStr='#F5F5F5', EndColorStr='#E6E6FA', GradientType=0);

   text-decoration :none;
   color:#363636;    */   
		}
#detail1 a
{ color :#527A7A;}
#detail2
{
   font-size:.9em;	
   display :inline-block ;
   *display: inline;	
   zoom: 1;
   width :32%;
   height :50%;
   min-width :100px;
   text-align:left;
   vertical-align :top ;
   text-align :center;
   /*border :solid 1px;*/
   border-color :#E8E8E8;
   
   
   
		}
#detail4
{
   font-size:.9em;	
   display :inline-block ;
   *display: inline;	
   zoom: 1;
   width :30%;
   height :50%;
   min-width :100px;
   text-align:left;
   vertical-align :middle ;
   text-align :center;
   padding:1px;
   padding-left :1%;
   
		}
#detail4 #show
{
	border:solid 1px #E8E8E8;
	width :100%;
	margin-top:8px;
	height :180px;
	overflow :scroll ;
}
#detail4 #show img
{
	width:50px;
	height :50px;
	display :inline;
}
#detail5
{
   font-size:.9em;	
   display :inline-block ;
   
   width :100%;
   height :100%;
   /*min-width :500px;*/
   text-align:left;
   vertical-align :middle ;
   text-align :center;
   position :relative;
   
		}
#detail3
{
	position :relative ;
   font-size:.9em;	
   display :block ;	
   width :100%;
   height :50%;
   	text-align:center;
}
#detail3 p
{
	position :relative ;
   font-size:.9em;	
   display :block ;	
   width :100%;
   height :;
   	text-align:left;
}
#detail3 ul
{
	position :relative ;
   font-size:.9em;	
   display :block ;	
   width :100%;
   height :100%;
   	text-align:center;
   	list-style :none;
}
#detail3 ul li
{
	font-size:.9em;	
   display :inline-block ;	
   *display: inline;	
   zoom: 1;
   width :12%;
   text-align:center;
}
#detail3 ul li img
{
	position :relative ;
   font-size:.9em;	
   display :block ;	
   width :100%;
   text-align:center;
}
#detail3 ul li img:hover
{
	position :relative ;
   font-size:.9em;	
   display :block ;	
   width :102%;
   text-align:center;
}
#bookPlantContent
{
   list-style:none;  
   position :relative ;
   display :block ;	
   width :95%;
   text-align:center;
  
   /*-webkit-box-shadow:  1px 1px 2px 1px rgba(ee, ee, ee, .8);
   box-shadow:  1px 1px 2px 1px rgba(ee, ee, ee, .8);
   -webkit-border-radius: 7px;
   border-radius: 7px;*/
}
#bookPlantContent  #picpanel
{
   position :relative ;
   font-size:.9em;	
   display :inline ;	
   width :30%;
   text-align:center;
   padding :2px;
   float :left;
   border :solid 1px #D1D1FF;
}
/*#bookPlantContent  #picpanel  img
{
   position :relative ;
   display :block ;	
   width :94%;
   text-align :center;
   
}
#bookPlantContent  #picpanel  img
{
   width :100%;  display:block;  margin-bottom:8px; border:solid 1px #AFC7C7; padding :5%;
   
}
#bookPlantContent  #picpanel  #thumb img
{
   width :40px; height :40px; cursor :pointer; display:inline ;
   border:solid 1px #AFC7C7; padding :1px;
}
#bookPlantContent  #picpanel  #thumb img:hover
{
   width :42px; height :42px; cursor :pointer; display:inline 
   
}*/
#bookPlantContent  #detailpanel
{
   position :relative ;
   font-size:.9em;	
   display :inline;	
   width :67%;
   text-align:center;
   padding :2px;
   float :right;
   border :solid 1px #D1D1FF;
}
#bookPlantContent  #detailpanel table
{
   position :relative ;
   font-size:.9em;	
   width :100%;
   text-align:center;
   border:none;
}
#bookPlantContent  #detailpanel  table  td
{
   border:none;
   border-bottom:solid 1px #D1D1FF;
   padding :0;
   margin :0;
   padding-left:2px;
   padding-right:2px;
}
#bookPlantContent  #detailpanel  .left
{
   text-align:right; font-weight :bolder; color :#393C39;width:20%;
}
#bookPlantContent  #detailpanel  .right
{
   text-align:left; color :#090E0E;
}
#bookPlantContent  #otherpanel
{
	width:100%;
}
#txtsearch
{
	width:60%;
	max-width :300px;
	}

.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 2px;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .2em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background-color :#E8E8E8;
}
.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}
a, img
{
	border:none;
	padding :0;
	margin :0;
	}
hr
{
	/*height: 12px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0,0,0,0.5);*/
     border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
	}
.right-panel
{
	
	}
.tbresult table th
{
   background-color :#DFE6EF;
   font-size :100%;
   font-weight :bolder ;
   color :#465584;
   text-align :center;
   
	}
.tbresult {
	font-family: verdana,arial,sans-serif;
	font-size:100%;
	color:#333333;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
    position :relative;
    /*height :100%;*/
}
.tbresult th {
	background-color:#c3dde0;
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #a9c6c9;
}
.tbresult tr {
	background-color:#d4e3e5;
}
/*.tbresult tr:hover td {
	background-color:#F0F5FA;
}*/
.tbresult td 
{
	font-family:Helvetica, sans-serif;
	border-width: 1px;
	padding: 1px;
	padding-left:3px;
	border-style: solid;
	border-color: #a9c6c9;
}
.tbresult td a{
    font-style :normal ;
    font-family:Helvetica, sans-serif;
    font-size :.8em;
}
label.error{
		font-size:.8em;
		font-family:Helvetica, sans-serif;
		color:red;
	}
	
.inputValidate{
		border:solid red 1px !important;
	}
.tab-container
{
    width:100%;
    }