/* -------------------------------
 *  Author: Stanley Xu
 *  All rights reserved.
 * ------------------------------- */


/* Top Toolbar */
.mainToolbar {
	background: #809cc9;
	height:30px;
}


/* Toolbar Tabs */
.tbBL  {background-image: url('tabs/black-l.gif')}
.tbBC  {background-image: url('tabs/black-c.gif')}
.tbBR  {background-image: url('tabs/black-r.gif')}
.tbBLH {background-image: url('tabs/hot/black-l.gif')}
.tbBCH {background-image: url('tabs/hot/black-c.gif')}
.tbBRH {background-image: url('tabs/hot/black-r.gif')}

.tbLL  {background-image: url('tabs/blue-l.gif')}
.tbLC  {background-image: url('tabs/blue-c.gif')}
.tbLR  {background-image: url('tabs/blue-r.gif')}
.tbLLH {background-image: url('tabs/hot/blue-l.gif')}
.tbLCH {background-image: url('tabs/hot/blue-c.gif')}
.tbLRH {background-image: url('tabs/hot/blue-r.gif')}

.tbRL  {background-image: url('tabs/red-l.gif')}
.tbRC  {background-image: url('tabs/red-c.gif')}
.tbRR  {background-image: url('tabs/red-r.gif')}
.tbRLH {background-image: url('tabs/hot/red-l.gif')}
.tbRCH {background-image: url('tabs/hot/red-c.gif')}
.tbRRH {background-image: url('tabs/hot/red-r.gif')}

.tbOL  {background-image: url('tabs/orange-l.gif')}
.tbOC  {background-image: url('tabs/orange-c.gif')}
.tbOR  {background-image: url('tabs/orange-r.gif')}
.tbOLH {background-image: url('tabs/hot/orange-l.gif')}
.tbOCH {background-image: url('tabs/hot/orange-c.gif')}
.tbORH {background-image: url('tabs/hot/orange-r.gif')}

.tbGL  {background-image: url('tabs/green-l.gif')}
.tbGC  {background-image: url('tabs/green-c.gif')}
.tbGR  {background-image: url('tabs/green-r.gif')}
.tbGLH {background-image: url('tabs/hot/green-l.gif')}
.tbGCH {background-image: url('tabs/hot/green-c.gif')}
.tbGRH {background-image: url('tabs/hot/green-r.gif')}

.tbSL  {background-image: url('tabs/silver-l.gif')}
.tbSC  {background-image: url('tabs/silver-c.gif')}
.tbSR  {background-image: url('tabs/silver-r.gif')}
.tbSLH {background-image: url('tabs/hot/silver-l.gif')}
.tbSCH {background-image: url('tabs/hot/silver-c.gif')}
.tbSRH {background-image: url('tabs/hot/silver-r.gif')}

.tbBL,  .tbLL,  .tbRL,  .tbOL,  .tbGL,  .tbSL,
.tbBLH, .tbLLH, .tbRLH, .tbOLH, .tbGLH, .tbSLH {
	background-repeat: no-repeat;
	width: 5px;
	height: 31px;
}
.tbBR,  .tbLR,  .tbRR,  .tbOR,  .tbGR,  .tbSR,
.tbBRH, .tbLRH, .tbRRH, .tbORH, .tbGRH, .tbSRH {
	background-repeat: no-repeat;
	width: 11px;
}
.tbBC,  .tbLC,  .tbRC,  .tbOC,  .tbGC,  .tbSC,
.tbBCH, .tbLCH, .tbRCH, .tbOCH, .tbGCH, .tbSCH {
	background-repeat: repeat-x;
	padding: 6px 20px 0 20px;
	color: #ffffff;
	font-family: "Microsoft YaHei", Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
}
.tbBC, .tbLC, .tbRC, .tbOC, .tbGC, .tbSC {
	font-size: 14px;
}


/* Gradient Banner */
.tbBB {background: #42463c}
.tbLB {background: #4473b3}
.tbRB {background: #f67c79}
.tbOB {background: #fda85b}
.tbGB {background: #71bcc4}
.tbSB {background: #71bcc4}/*TODO*/

.tbBB, .tbLB, .tbRB, .tbOB, .tbGB, .tbSB {
	text-align: left;
	vertical-align: middle;
	padding-left: 24px;
	color: #ffffff;
	font-family: "Microsoft YaHei", Tahoma, Verdana, Arial;
	font-size: 12px;
}


/* List Head */
.htB, #htcB {color: #535353}
.htR, #htcR {color: #803700}
.htL, #htcL {color: #660000}
.htO, #htcO {color: #803700}/*TODO*/
.htG, #htcG {color: #803700}/*TODO*/
.htS, #htcS {color: #803700}/*TODO*/
.htB, .htR, .htL, .htO, .htG, .htS {
	font-family: "Microsoft YaHei", Tahoma, Verdana, Arial;
	font-size: 14px;
	font-weight: bold;
	padding: 0 0 2px 0;
}
#htcB, #htcR, #htcL, #htcO, #htcG, #htcS {
	font-size: 14px;
}


/* header */
.headerTopL {
	background: url('i/white-tl.gif')  no-repeat top left;
	width: 18px
}
.headerTopR {
	background: url('i/white-tr.gif') no-repeat top right;
	width: 18px
}
.headerTop {
	background: url('i/white-tc.gif') repeat-x top left;
/*	height: 55px;*/
	vertical-align: middle;
	padding: 4px 0 0 0
}
.headerTop2 {
	background: #e2e9f3;
	height: 1px
}