/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
html
{
/*height :100%;*/
padding:0;
margin:0;
}
body
{
/*height :100%;
background:url(../img/corner3.jpg) top left no-repeat; background-position:fixed;*/
margin:0;
}
#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 :95%;
/*min-width:1024px;*/
text-align :center ;
height :100%;
margin :0 auto;
padding :2%;
padding-left:5%;
padding-right:5%;
padding-top :0;
padding-right :0;
padding-left :0;
position:relative;
/*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;}
.layout{display:inline-block; list-style-type:none; width:100%; padding:0; margin:0;}
@media(min-width:768px)
{
#body{width:750px!important}
}
@media(max-width:768px)
{
.panel-1{width:60%!important;}
.panel-2{width:40%!important;}
.rand-photos{width:100%!important;}
.db-desc{width:100%!important;}
}
@media(min-width:992px){#body{width:970px!important}}
@media(min-width:1024px){#body{width:1024px!important;}}
@media(min-width:1280px){#body{width:1280px!important;}}
@media(min-width:1281px){#body{width:1366px!important;}}
/*--- basic style -----------*/
.bold{font-weight:bolder;}
.italic{font-style:italic;}
.black{color:black;}
.white{color:#F5F0EB;}
.green{color:#006B00;}
.yellow{color:#FFFF4D;}
.light-green{color:#80CC80;}
.brown{color:#6B4700;}
.light-brown{color:#896C33;}
.red{color:red;}
.biggest{font-size:1.2em;}
.big{font-size:1em}
.medium{font-size:.9em}
.small{font-size:.8em}
.smaller{font-size:.7em}
.custom{font-family:'custom';}
.tahoma{font-family:Tahoma;}
.calibri{font-family:Calibri;}
.sanserif{font-family:Sans-Serif;}
.justify{ text-align:justify;}
.absolute{position:absolute;}
.left{ text-align:left;}
.right{ text-align:right;}
.top{ top:0;}
.bottom{ bottom:0}
.hide{display:none;}
.textgrey{color:#D7D3D3;}
.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; font-size:.8em;}
.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);*/
}
#header h1{color:#218D28;}
#header h2{color:#A9AEA9;}
#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%;
}
#content2
{
display :block;
position :relative;
height:auto;/* :70%;*/
width:96%;
-webkit-box-shadow: 1px 2px 1px 1px rgba(205, 205, 193, .7);
box-shadow: 1px 2px 1px 1px rgba(205, 205, 193, .7);
-webkit-border-radius: 10px;
background-size:80px 60px;
background-repeat:no-repeat;
border :solid 1px rgba(205, 205, 193, .7);border-radius: 10px;
/*background-color :#fff;*/
filter: alpha(opacity=100);
opacity: 1;
text-align:left;
vertical-align :top ;
z-index :99;
padding :2%;
padding-top:4px;
margin:0 auto;
}
#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 ;
left:0px;
top:-5px;
height: auto;
width :900px;
margin-top :0;
padding-left:0px;
text-align:left;
z-index :101;
position:relative;
height:65px;
}
#logo{
float:left;
top:0%;
left: 8%;
width :7%;
border:none;
z-index :6000;
}
@media screen and (min-width: 1280px)
{
#logo{
width :90px;
}
}
#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: .8em;
overflow: scroll;
resize:both;
width: 90%;
min-height: 100px;
position :relative ;
border :solid 1px #E8E8E8;
height:400px;
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;
}
.search-panel{ text-align:center; }
.rand-photos{ display:inline-block; width:40%;}
.db-desc{ display:inline-block; width:60%; min-width:300px;}
.float-left{float:left;}
#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;
}
#randompic-show
{
border:solid 1px #E8E8E8;
width :100%;
margin-top:8px;
height :180px;
overflow :scroll ;
}
#randompic-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 :22%;
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;
}
.tabhead{
border:1px solid #D1E0E0; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block; font-weight:bold; color: #29A329;
background-color: #D1E0E0; background-image: linear-gradient(to bottom, #E0EBEB, #D1E0E0);
}
.button{
border:1px solid #8bcf54; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 10px 10px 10px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
background-color: #a9db80; background-image: linear-gradient(to bottom, #a9db80, #96c56f);
}
.button:hover{
border:1px solid #74bf36;
background-color: #8ed058; background-image: linear-gradient(to bottom, #8ed058, #7bb64b);
}
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%;
}
.progressbar
{
width:400px;
height:20px;
background-color:#bde6a8;
-moz-border-top-right-radius:28px;
-webkit-border-top-right-radius:28px;
border-top-right-radius:28px;
border:1px solid #c2c2c2;
cursor:pointer;
color:#141a13;
font-family:arial;
font-size:14px;
padding:10px 32px;
text-decoration:none;
text-shadow:0px 1px 0px #5b8a3c;
position:absolute;
left:0px;
bottom:0px;
z-index:999999999;
visibility:hidden;
}
.progressbar:hover {
background-color:#e0f5d5;
}
#body #wait{width:100%; height:100%; background: rgba(27, 110, 181, 0.71); position:absolute; visibility:hidden; z-index:999999;}
#body #wait div{position:relative; width:100%; height:100%;}
#body #wait div img.waiticon{margin:0 auto; padding-top:10%;}
#body #wait div p{margin:0 auto; font-size:20px; color:yellow;}
#body #wait div p.closeWait{float:right; margin:0; font-size:20px; color:red; cursor:pointer;}
/*grayed on King'death occasion
img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
html {
-webkit-filter: grayscale(100%);
}
*/
#header,#footer,.footer {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}