/**
 * The front css file of EasyCMS system.
 *
 * @copyright   EasySoft R&D Team (C) 2006
 * @author      Chunsheng Wang <wwccss@263.net>
 * @link        http://www.1zsoft.com
 */
/*---------------------- GLOBAL SETTING ---------------------------*/
body {font-family: Tahoma; font-size: 12px; background-color: #fff; margin:0px; padding:0px}
table, input, select, textarea{ font-family: Tahoma; font-size: 12px;}
h3, h4 {font-size:14px; margin:5px;}
a:link    {text-decoration: none;}
a:visited {text-decoration: none;}
a:hover   {text-decoration: none;}
a:active  {text-decoration: none;}

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

/*-----------------------LAYOUT SETTING----------------------------*/
.obox{width:100%; margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align:center;clear:both}
.ibox{width:960px;margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align:left;clear:both;}
.hlbox  {width:49%;   float:left;  margin-right:auto; clear:left}
.hrbox  {width:49%;   float:right; margin-left:auto; clear:right}
.wwrbox {width:750px; float:right; margin-left:5px;  padding:0;}
.wlbox  {width:460px; float:left;  margin-left:0px;  padding:0;}
.nlbox  {width:200px; float:left;  margin-right:2px; padding:0; clear:none}
.nrbox  {width:280px; float:right; margin-left:5px;  padding:0; clear:none}

.ctxt {text-align: center;}
.rtxt {text-align: right;}
.ltxt {text-align: left;}
.fl   {float:left;}
.fr   {float:right}
.cn   {clear:none;}
.cl   {clear:left;}
.cr   {clear:right;}
.ca   {clear:both;}

.boxdt    {height:21px;line-height:21px;border-width:1px 1px 1px 1px;border-style:solid;font-weight:bold;}
.boxdd    {padding:5px 0px 5px 0px;border-width:0px 1px 1px;border-style:solid;}
.bggreen  {background-color:#DDF1D8;}
.bgblue   {background-image:url(../images/1.gif)}
.bgblue1  {background-color:#FAFDF5;}
.bgyellow {background-color:#FBF5C6;}
.bcgreen  {border-color:#58CB64}
.bcyellow {border-color:#F4BF20}
.bcblue   {border-color:#a4b979}
.f14      {font-size:14px;line-height:22px}
.f12      {font-size:12px;line-height:20px}
.bold     {font-weight:bold;}
.mb12     {margin-bottom:6px;}
.mt12     {margin-top:6px;}
.fcred    {color: red}
.pl {padding-left:30px;}
.pl20 {padding-left:20px;}

.iconuser{background:url(../images/user_icon.gif) no-repeat 10px 4px;}
.iconbulletin{background:url(../images/bulletin_icon.gif) no-repeat 10px 4px;}
.iconmember{background:url(../images/member_icon.gif) no-repeat 8px 4px;}
.iconproject{background:url(../images/projects_icon.gif) no-repeat 9px 2px;}
.icongreenindustry{background:url(../images/greenindustry_icon.gif) no-repeat 10px 2px;}
.iconpublish{background:url(../images/publish_icon.gif) no-repeat 9px 2px;}
.iconfriendlink{background:url(../images/friendlink_icon.gif) no-repeat 12px 5px;}
.icontopnew{background:url(../images/mediareport_icon.gif) no-repeat 8px 3px;}
.iconnews{background:url(../images/news_icon.gif) no-repeat 10px 2px;}
.iconrecommend{background:url(../images/recommend_icon.gif) no-repeat 8px 0px;}
.iconsellinfo{background:url(../images/sellinfo_icon.gif) no-repeat 8px 2px;}
.iconneeds{background:url(../images/needs_icon.gif) no-repeat 8px 3px;}
.icondefault{background:url(../images/news_icon.gif) no-repeat 10px 2px;}

#banner {width:100%; height:79px; border:1px solid #ccc}

#guider a:link    {color: #2C474E;}
#guider a:visited {color: #2C474E;}
#guider a:hover   {color: #FF0000;}
#guider a:active  {color: #FF0000;}

.divider {height:8px; margin:8px 0 5px 0; background-color:#E6F1D2; border:1px solid #a4b979; padding-left:5px;}

.titleimg {border:1px solid #BDCBD6; padding:1px; }

.border table    { border: 1px solid #ccc; border-collapse: collapse;}
.border table td { height: 21px; padding: 2px; border: 1px solid #ccc;}
.border table th { height: 21px; padding: 2px; border: 1px solid #ccc;}

marquee a {color:red}

#content {font-size:14px;line-height:1.6;}
#content td , #content p, #content div, #content table {font-size:14px;line-height:1.6;}

#demo {
background: #FFF;
overflow:hidden;
width: 500px;
} 
#indemo {
float: left;
width: 800%;
}
#demo1 {
float: left;
} 
#demo2 {
float: left;margin-left:4px; 
}