/*=======================================================[ Common ]*/
* {
   margin: 0;
   padding: 0;
}
body {
   font-family: verdana,arial,helvetica;
   font-size: 1em;
   background: rgb(224,224,224);
}
/*======================================================[ Wrapper ]*/
#wrapper {
   margin: 20px 20px 0px 20px;
}
/*=======================================================[ Header ]*/
#header {
   width: 100%;
   text-align: center;
}
#header .logo {
   width: 900px;
   /* height: 72px;
   border: 1px dotted green; */
   margin: auto;
}
#header .logo img {
   float: right;
   padding: 0px 0px 0px 10px;
}
#header .logo p {
   font-family: arial,verdana;
   text-align: center;
   font-size: 1.6em;
   font-weight: normal;
   padding: 10px 0px 0px 130px;
}
/*==============================================[ Top Navigiation ]*/
#header .topnav {
   clear: both;
   margin: 0px 0px 0px 0px;
   /* border: 1px dotted green; */
   height: 24px;
}

#header .topnav a {
   color: rgb(0,0,0);
   font-size: 0.8em;
   text-decoration: none;
   margin: 0px 10px 0px 10px;
   padding: 1px 10px 2px 10px;
   /* background-color: rgb(255,255,255);
   border-top: 1px solid rgb(192,192,192);
   border-right: 2px solid rgb(128,128,128);
   border-bottom: 2px solid rgb(128,128,128);
   border-left: 1px solid rgb(224,224,224); */
}
#header .topnav a:hover {
   text-decoration: none;
   color: rgb(192,0,0);
}
#header .topnav a:active, #header .topnav a.active {
   text-decoration:none;
   border: 0px none;
   color: rgb(192,0,0);
   /* border-top: 2px solid rgb(224,224,224);
   border-right: 1px solid rgb(192,192,192);
   border-left: 2px solid rgb(224,224,224); */
   border-bottom: 1px solid rgb(192,192,192);
}

/*======================================================[ Content ]*/
#content {
   padding: 70px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}
/*=========================================================[ Hint ]*/
#hint {
   display: none;
   width: auto;
   margin: 30px 0px 0px 0px;
}
#hint p {
   margin: auto;
   text-align: justify;
   width: 500px;
   font-size: 0.8em;
   color: rgb(255,255,255);
}
/*======================================================[ Read Me ]*/
.info {
   width: 100%;
   text-align: center;
}
.infotext {
   width: 900px;
   margin: auto;
   text-align: left;
}
.infotext h1 {
   text-align: center;
   font-size: 1em;
   font-weight: bold;
   margin: 0px 0px 12px 0px;
}
.infotext h2 {
   font-size: 0.9em;
   font-weight: bold;
   margin: 20px 0px 6px 0px;
}
.infotext h3 {
   font-size: 0.8em;
   font-weight: normal;
   margin: 6px 0px 3px 0px;
   font-style: italic;
}
.infotext p {
   font-size: 0.8em;
   font-weight: normal;
   text-align: justify;
   margin: 0px 0px 3px 0px;
}
.infotext em, .infotext a {
   color: rgb(192,0,0);
   text-decoration: none;
   font-weight: normal;
}
.infotext a:hover {
   text-decoration: underline;
}
/*================================================[ Single Search ]*/
.form1 {
   margin: 0px 0px 0px 0px; 
}
.table1 {
   margin: auto;
   border: 1px solid rgb(245,245,245);
}
.table1 input.text {
   font-family: Geneva, Arial, Helvetica, sans-serif;
   width: 500px;
}
.table1 input.submit {
   padding: 0px 10px 0px 10px;
}
.table1 .col1 {
   text-align: right;
   padding: 5px 20px 5px 20px;
}
/*=================================================[ Multi Search ]*/
.form2 {
   margin: 0px 0px 0px 0px;
}
.table2 {
   margin: auto;
   border: 1px solid rgb(245,245,245);
}
.table2 .col1 {
   font-size: 0.8em;
   font-weight: bold;
   text-align: right;
   padding: 5px 10px 5px 20px;
}
.table2 .col2 {
   font-size: 0.8em;
   padding: 5px 20px 3px 0px;
}
.table2 .col3 {
   padding: 10px 0px 0px 0px;
   text-align: right;
}
.table2 input.text {
   width: 300px;
}
.table2 input.submit {
   padding: 0px 10px 0px 10px;
   margin: 0px 20px 5px 0px;
}
/*=========================================[ Result Info & Paging ]*/
.result {
   float: left;
   margin: 0px 0px 0px 0px;
}
.result h1 {
   font-size: 0.8em; 
   font-weight: bold;
   margin: 5px 0px 5px 0px;
}
.result p {
   font-size: 0.8em; 
   font-weight: normal;
   margin: 5px 0px 5px 0px;
}
.paging {
   text-align: right;
   margin: 20px 0px 5px 0px;
}
.paging input.submit {
   margin: 0px 0px 0px 10px;
   padding: 1px 10px 1px 10px;
}
/*====================================================[ Resultset ]*/
#resultset {
   margin: 10px 0px 10px 0px;
   padding: 20px 0px 20px 0px;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}
.table3 {
   width: 100%;
   margin: 20px 0px 10px 0px;
}
.table3 .col1 {
   width: 150px;
   font-size: 0.9em;
   font-weight: bold;
   padding: 1px 5px 3px 5px;
   vertical-align: top;
   text-align: right;
}
.table3 .col2 {
   font-size: 0.9em;
   font-weight: normal;
   padding: 1px 5px 3px 15px;
}
.table3 .col1h, .table3 .col2h {
   font-size: 0.9em;
   font-weight: bold;
   background-color: rgb(244,244,244);
}
.table3 .col1h {
   text-align: right;
}
.table3 .col2h {
   color: rgb(192,0,0);
   padding: 3px 5px 3px 15px;
}
/*=======================================================[ Images ]*/
td.imagebox {
   padding: 1px 5px 3px 15px;
}
div.image {
   float: left;
   width: 160px;
   height: 160px;
   text-align: center;
   padding-top: 5px;
   margin: 0px 10px 10px 0px;
   border: 2px solid rgb(128,128,128);
   border-style: outset;
   background-color: rgb(245,245,245);
}
div.image a {
   text-decoration: none;
}
div.image img {
   margin: 0px;
   padding: 0px;
   border: 0px none;
}
/*======================================================[ Message ]*/
.message {
   text-align: center;
}
.message p  {
   color: rgb(192,0,0);
   font-size: 0.9em;
   font-weight: bold;
}
/*=======================================================[ Footer ]*/
#footer {
   text-align: center;
   /* border-top: 1px solid rgb(128,128,128); */
   margin: 50px 0px 100px 0px;
}
#footer p {
   font-size: 0.7em;
   color: rgb(164,164,164);
}
#footer p a {
   color: rgb(164,164,164);
   text-decoration: none;
}
#footer p a:hover {
   text-decoration: underline;
}