.tools {
  width:232px;
  border:1px solid #282e3a;
 /* position:absolute;*/
  left:500px;
  top:100px;
  background-color:#b9cfe4;
  padding-bottom:17px;
  z-index:999;
}
.tools_title {
  background:url(../images/repeat.jpg) top repeat-x;
  height:27px;
  line-height:27px;
  color:#fff;
  font-size:13px;
  padding:0 0 0 21px;
  text-align:left;
  cursor:move;
}
.tools_title a {
  width:42px;
  height:19px;
  float:right;
  margin:8px 5px 0 0;
  text-align:center;
  color:#fff;
  line-height:19px;
  font-size:12px;
}
.tools_title a:hover {
  width:42px;
  height:19px;
  float:right;
  background:url(../images/repeat1.jpg) top repeat-x;
  margin:7px 4px 0 0;
  border:1px solid #303743;
  border-bottom:none;
  color:#fff;
}
.modules {
  width:221px;
  margin:0 auto;
  background:#d8dfe6;
  margin-bottom:1px;
}
.panelTitle {
  height:22px;
  background:url(../images/title.gif) no-repeat;
  color:#8a4106;
  line-height:22px;
  font-weight:bold;
  padding:0 5px 0 7px;
  text-align:left;
}
.panelTitle a {
  float:right;
  width:12px;
  height:12px;
  background:url(../images/down.gif) no-repeat;
  margin-top:5px;
}
.panelContent {
  background-color:#f1f5f8;
  padding:0 0 0 5px;
}
.panelContent div {
  width:146px;
  padding-left:5px;
  float:right;
  float:left;
  text-align:left;
}
.panelContent div img {
  margin-right:5px;
}
.panelContent .clear_span {
  height:10px;
  display:block;
  position:relative;
}
.txt_tools {
  float:left;
  width:55px;
  padding-left:5px;
  height:20px;
  text-align:left;
  line-height:20px;
}
.colorbox {
  border:1px solid #b1c0af;
  width:60px;
  height:17px;
  background-color:#dde3d5;
  display:block;
  float:left;
}
.tools_upload {
  width:78px;
  height:20px;
  background:url(../images/upload.gif) no-repeat;
  border:none;
  color:#727b91;
}
.tools_btn {
  height:20px;
  padding:0 5px;
  background:url(../images/repeat.jpg) center  repeat;
  border:none;
  color:#fff;
  line-height:20px;
  margin: 5px 0 5px 5px;
}
.panelContent p {
  background-color:#d8dfe6;
  text-align:center;
}

.tools_abandon {
  background:url(../images/abandon.gif) no-repeat;
  width:16px;
  height:16px;
  border:none;
}






/* Ä£°åÑ¡Ôñµ¯³ö²ã */
#templateSelect
{

	height:491px;
	border:1px solid #ccc;
	padding:10px;
	background-color:#f1f1f1;
}
#templateSelectWrap 
{
	border:1px solid #ccc;
	background:#fff;
	height:487px;
	padding:1px;
}
#templateNav 
{
	height:55px;
	background-color:#bc0001;
}
#templateNav h4 
{
	text-align:right;
	line-height:20px;
	height:20px;
	color:#fff;
	padding:0 15px 0 0;
}
#templateNav a
{
	display:block;
	height:35px;
	width:82px;
	background:url(../images/temmenu.gif) no-repeat;
	float:left;
	margin:0 0 0 2px;
	text-align:center;
	line-height:35px;
	text-decoration:none;
	color:#2f7b94;
}
#templateNav .temMenuSelected 
{
	background:#fff;
}
.templateCell
{
	width:137px;
	float:left;
	height:124px;
	text-align:center;
	overflow:hidden;
	margin-top:5px;
}
.templateCell img 
{
	border:1px solid #ccc;
	padding:4px;
}
.templateCell h3 
{
	color:#bc0001;
	font-weight:normal;
	line-height:20px;
}
.templateCell h4
{
	color:#777;
	line-height:22px;
}
.page 
{
	height:30px;
	padding:20px 50px 0 0;
	text-align:right;
	clear:both;
}
.page a 
{
	text-decoration:none;
	margin:0 5px;
}
#structrueDiv
{
    clear:both;
    width:200px;
}
#structrueDiv img 
{
    width:55px;
    height:55px;
    cursor:pointer;
}
#structrueDiv .selected 
{
    border:2px solid #bc0001;
}
#structrueDiv .mouseover
{
    border:2px solid #bc0001;
}
#structrueDiv span 
{
    float:left;
    width:60px;
    line-height:20px;
    height:75px;
    text-align:center;
    display:block;
}
#templateDiv 
{
    width:200px;
}
#templateDiv img 
{
    border:1px solid #ccc;
}