/**
 * The front css file of EasyCMS system.
 *
 * @copyright   EasySoft R&D Team (C) 2006-2007
 * @author      Chunsheng Wang <wwccss@263.net>
 * @link        http://www.1zsoft.com
 */
/*---------------------- GLOBAL SETTING ---------------------------*/
body    { font-family: Tahoma; font-size: 12px; background-color: #fff; margin:10px; padding:0px; line-height:1.5}
a img   { border:none;}
a:hover { color:red}
input, select, textarea{ font-family: Tahoma; font-size: 12px;}

/*---------------------- TABLE SETTING ---------------------------*/
table   {border-collapse: collapse;}
caption {font-weight:bold; text-align:left}
th      {font-weight:bold; text-align:right}

.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  {text-align:center;}
.rowhead     {background-color: #E4E4E4;}

/*-----------------------INPUT SETTING----------------------------*/
textarea     {background:#e4e4e4; border:1px solid gray;}
.button      {border:1px solid gray;}
.input       {border:1px solid gray;}

/*-----------------------LAYOUT SETTING----------------------------*/
.outerbox         {width:100%; margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align:center;clear:both}
.innerbox         {width:960px;margin-right: auto; margin-left: auto; margin-top: 0px; padding: 0px; text-align:left;clear:both;}
.halfboxleft      {width:49%;   float:left;  margin-right:5px; clear:left}
.halfboxright     {width:49%;   float:right; margin-left:5px;  clear:right}
.wideboxleft      {width:520px; float:left;  margin-right:5px; padding:0;}
.widerboxleft     {width:740px; float:left;  margin-right:5px; padding:0;}
.widerboxright    {width:740px; 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:200px; float:left;  margin-right:5px; padding:0; clear:none}
.narrowerboxright {width:200px; float:right; margin-left:5px;  padding:0; clear:none}
.divider          {clear:both;  margin:5px 0 5px 0px}
.marginbottom12   {margin-bottom:12px;}

.floatleft  {float:left;}
.floatright {float:right}
.clearnone  {clear:none;}
.clearleft  {clear:left;}
.clearright {clear:right;}

/*-----------------------TEXT SETTING----------------------------*/
.textcenter {text-align: center;}
.textright  {text-align: right;}
.textleft   {text-align: left;}
.font14     {font-size:14px; line-height:22px}
.font12     {font-size:12px; line-height:20px}
.bold       {font-weight:bold;}

/*-----------------------BORDER SETTING--------------------------*/
.noborder     {border:none}
.bordergreen  {border-color:#58CB64}
.borderyellow {border-color:#F4BF20}
.borderblue   {border-color:#64B7D7}
.bordergray   {border-color:#CCC;}
.solidborder  {border:1px solid}

/*-----------------------BACK SETTING----------------------------*/
.backgreen    {background-color:#DDF1D8;}
.backblue     {background-color:#DEEEF4}
.backyellow   {background-color:#FBF5C6;}

/*-----------------------SPECIAL PART SETTING--------------------*/
#head     {min-height:64px}
#logo     {float:left; width:140px;}

#guider      {font-weight:bold; font-size:12px; margin-top:5px}
#guider ul   {float:left; width:100%; margin:0; padding:0px; display:inline; list-style-type:none; background-color:#D6E7FF; border:1px solid #73A2EF} 
#guider li   {float:left; width:75px; text-align:center; margin:0; padding:0; border-right:1px solid #73A2EF}
#guider li a         {width:100%; margin:0px; padding:2px 0px 2px 0px; display:block;text-decoration:none}
#guider li a:hover   {color:#FFF; background-color:#8B0000; font-weight:bold}
#guider li .current  {color:#FFF; background-color:#00008B; font-weight:bold}

#posbar    {margin:5px 0 5px 10px; text-align:left}
#footer    {width:960px; margin-top:10px; border:none; border-top:2px solid #F4BF20; text-align:center; background-color:#FBF5C6}
#hiddenwin {display:none}
#node      {border:1px solid #58CB64; background-color:white; margin-bottom:10px}
#content   {margin:20px; font-size:14px;line-height:1.5;}

#forum th {border:none;}
#fourm th, #forum td {padding:3px}

#bbeditor .button {border: 1px solid #ccc; margin: 1px; padding: 2px;}

.boxtitle   {padding-left:10px;height:24px;line-height:24px;border-width:1px 1px 0px 1px;border-style:solid;font-weight:bold;}
.boxcontent {padding:5px 5px 5px 8px;border-width:0px 1px 1px;border-style:solid;}

.narrowerboxleft .boxtitle   {background-color:#DEEEF4; border-color: #64B7D7}
.narrowerboxleft .boxcontent {border-color: #64B7D7; margin-bottom:10px}

.narrowerboxright .boxtitle   {background-color:#DEEEF4; border-color: #64B7D7}
.narrowerboxright .boxcontent {border-color: #64B7D7; margin-bottom:10px}

.widerboxright .boxtitle   {background-color:#DDF1D8; border-color: #58CB64}
.widerboxright .boxcontent {border-color: #58CB64; margin-bottom:10px}

.widerboxleft .boxtitle   {background-color:#DDF1D8; border-color: #58CB64}
.widerboxleft .boxcontent {border-color: #58CB64; margin-bottom:10px}

.widerboxright table      {border:solid 1px #58CB64; border-top:none}
.widerboxright caption    {border:solid 1px #58CB64; border-bottom:none; padding-left:10px; height:24px; background:#DDF1D8;}
.widerboxright td         {padding:0 10px 0 10px; height:22px}
.widerboxright .border td {border:solid 1px #58CB64}
.widerboxright .border th {border:solid 1px #58CB64}

.widerboxleft table      {border:solid 1px #58CB64; border-top:none}
.widerboxleft caption    {border:solid 1px #58CB64; border-bottom:none; padding-left:10px; height:24px; background:#DDF1D8;}
.widerboxleft td         {padding:0 10px 0 10px; height:22px}
.widerboxleft .border td {border:solid 1px #58CB64}
.widerboxleft .border th {border:solid 1px #58CB64}

.widerboxright .narrowerboxright .boxtitle   {background-color:#DEEEF4; border-color: #64B7D7;}
.widerboxright .narrowerboxright .boxcontent {border-color: #64B7D7; margin-bottom:10px}

.footerbox .boxtitle   {background-color:#FBF5C6; border-color: #F4BF20}
.footerbox .boxcontent {border-color: #F4BF20; margin-bottom:10px}

.heightimage    {width:20%; float:left; margin:5px; padding:5px; border:1px dotted #ccc; text-align:center}
.heightimage img{border:5px solid #ccc; text-align:center}

.wideimage      {margin:1px; padding:1px; border:1px dotted #ccc; text-align:center}
.wideimage img  {border:5px solid #ccc; text-align:center}

/****************************
CSS Code for CNLTreeMenu
Version: Ver 1.02
Author : CNLei, 枫岩
E-Mail : CNLei.Y.L@gmail.com
MySite : http://www.cnlei.net
Passed : XHtml 1.0, CSS 2.0, IE5.0+, FF1.0+, Opera8.5+
Update : 2006-2-12
****************************/
/*CNLTreeMenu Start*/
.CNLTreeMenu img.s {cursor:pointer;vertical-align:middle;}
.CNLTreeMenu ul {padding:0;}
.CNLTreeMenu li {list-style:none;padding:0;}
.Closed ul {display:none;}
.Child img.s {background:none;cursor:default;}

#CNLTreeMenu ul {margin:0 0 0 12px;}
#CNLTreeMenu img.s {width:20px;height:20px;}
#CNLTreeMenu .Opened img.s {background:url(../Images/Default/TreeMenu/skin3/opened.gif) no-repeat 1px 2px;}
#CNLTreeMenu .Closed img.s {background:url(../Images/Default/TreeMenu/skin3/closed.gif) no-repeat 1px 2px;}
#CNLTreeMenu .Child img.s {background:url(../Images/Default/TreeMenu/skin3/child.gif) no-repeat 2px 2px;}