/**
 * This is the basic css style file created by PHPGEN.
 *
 * PHPGEN is free software; you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation; either version 2 of the License, or
 * (at your option) any later version.
 *
 * PHPGEN is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with PHPGEN; if not, write to the Free Software
 * Foundation, Inc., 59 Temple Place, Suite 330, Boston, MA  02111-1307  USA
 *
 * @copyright   EasySoft R&D Team (C) 2006
 * @author      Chunsheng Wang <wwccss@263.net>
 * @link        http://www.phpgen.com
 */

/*---------------------- GLOBAL SETTING ---------------------------*/
body                          { font-family: Tahoma; font-size: 12px; background-color: #FFF5EE; margin:0px; padding:0px}
table, input, select, textarea{ font-family: Tahoma; font-size: 12px;}
a, a:visited                  { text-decoration: none;}
a img                         { border:none;}
a:hover                       { color:red}

/*---------------------- TABLE SETTING ---------------------------*/
table, caption { border: 1px solid gray; border-collapse: collapse;}
caption { padding:2px; text-align: left; font-weight: bold; color: white; background-color: #173B71;
          filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr = #173B71,endColorStr = #A5CBF7, gradientType = 0)}
td, th  { height: 22px; padding: 2px 5px 2px 5px; border: 1px solid gray; background-color: #FFF5EE;}
th      { font-weight: bold; text-align:right}

.tblnarrower  {width:240px}
.tblnarrow    {width:360px}
.tblwide      {width:480px}
.tblwider     {width:600px;}
.tblfull      {width:100%;}
.noborder td, .noborder th{border:none}
.colhead th {background-color: #E4E4E4; text-align:center;}
.rowhead    {background-color: #E4E4E4;}

/*-----------------------INPUT SETTING----------------------------*/
input {height:20px; border: 1px solid gray;}
input.submit, input.reset, input.button {height:23px; border: 1px outset #efefef}
input.radio{border:none};

/*-----------------------SPECIAL SETTING----------------------------*/
.red {color:red}
.titlemenu   {display:block; float:right; text-align:right; clear:none; padding-right:10px}  /* Link in caption tag. */
.titlemenu a {color:white;}

/*-----------------------LAYOUT SETTING----------------------------*/
.outerbox{width:100%; margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align:center;clear:both}
.innerbox{width:760px;margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align:center;clear:both; background-color:#efefef}
.halfboxleft      {width:49%;   float:left;  margin-right:5px; clear:left}
.halfboxright     {width:49%;   float:right; margin-left:5px; clear:right}
.widerboxleft     {width:450px; float:left;  margin-right:5px; padding:0;}
.widerboxright    {width:450px; float:right; margin-left:5px;  padding:0;}
.narrowboxleft    {width:300px; float:left;  margin-right:5px; padding:0; clear:none}
.narrowboxright   {width:300px; float:right; margin-left:5px;  padding:0; clear:none}
.narrowerboxleft  {width:140px; float:left;  margin-right:10px; padding:0; clear:none}
.narrowerboxright {width:140px; float:right; margin-left:5px;  padding:0; clear:none}

.textcenter  {text-align: center;}
.textright   {text-align: right;}
.textleft    {text-align: textleft;}
.floatleft   {float:left;}
.floatright  {float:right}
.clearnone   {clear:none;}
.clearleft   {clear:left;}
.clearright  {clear:right;}

/* The bar at top. */
#topbar 
{
    width:100%; margin:0px; padding:0px; text-align:center;
    filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr = yellow,endColorStr = red, gradientType = 1)
}
#customset {float:right; margin:0px; padding:0px;}

/* Logo & Banner */
#logo       {float:left;  width:140px;}
#banner     {float:left;  width:468px; margin-left:1px; margin-right: padding:0px;}
#adtopright {float:right; width:150px;}

/* The guider bar. */
#guiderbar {margin:0 0 5px 0; padding:0; width:100%; float:left; background-color:#efefef; border:1px solid #ccc}

/* The footer bar. */
#footer {margin:5px ;width:100%; float:left; background-color:#efefef; border:1px solid #ccc}

/*--------------- DROP DOWN MENU SETTING. -------------------*/
.topmenuli   {list-style-type:none; float:left;}
.topmenuli a {width:70px;padding:3px 0 3px 0; display:block; border-right:1px solid #ccc; color:#white}
.submenuul
{
    margin: 0; padding:0; position:absolute; display:none; list-style-type:none; background-color:#efefef; 
    border-left:10px solid #FF0000; border-right: 1px solid #000;
}
.submenuli a {width:58px;padding:3px 0 3px 3px; display:block; border-bottom:1px solid #000; text-align:left; color:black}
li:hover ul , li.over ul{display: block;}