www.gusucode.com > ShopEx481 & PHPWind 整合版码程序 > shopadmin/css/struct.css

    /* -------------------------------------------------------------- 
   
   struct.css
   * 控制布局结构部分的css
      
-------------------------------------------------------------- */
html, body {
    overflow: hidden;
}
#container {
    margin: 0;

}
#header {
    margin: 0;
    height:80px;
    background: #4E6A81 url(../images/topbglight.gif) no-repeat right 0;
	border: 0;
	color:#fff;
	text-decoration:none;
}
.header *{
	margin:0;
	padding:0;
}
.header .hd1{
	height:51px;
}
.header .hd2{
}
#CertificateInfo a{
	color:#f90;
}
#logo {
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

#logo b a {
    font-size: 12px;
    font-weight: normal;
    color: #f90;
}

.shopname{
	height:25px;
	line-height:25px;
	padding-left:16px;
	_padding-left:20px;
	white-space:nowrap;
}
.certiinfo{
	font-size:11px;
	padding:0 10px;
	color:#f90;
	font-weight:normal;
}

#main {
	background:#fff;
    overflow-y: auto;
    overflow-x: hidden;
}

.topmenu div {
    float: left;
	height:27px;
    margin-left:8px;
	line-height:25px;
    background: url(../images/topmenuactivetab.gif) repeat-x right -64px;
	white-space:nowrap;
}

.topmenu div span {
	background: url(../images/topmenuactivetab.gif) repeat-x 0 -64px;
	margin-right:8px;
	_margin-right:4px;
	display:block;
	text-decoration:none;
	padding:0 12px 0 18px;
	float:left;
	outline:none;
}
.topmenu .current {
		background: url(../images/topmenuactivetab.gif) repeat-x right 0 ;
		height:29px;
		line-height:29px;
}

.topmenu .current span {
     background: url(../images/topmenuactivetab.gif) repeat-x 0 0 ;
	 color:#000;
	 font-size:14px;
	 font-weight:700;
}
.topmenu .current span a{
	 color:#000;
}
.topmenu .greenbutton{
    background: url(../images/topmenuactivetab.gif) repeat-x right -90px;
	margin-left:8px;
	height:24px;
	
}
.topmenu  .greenbutton span{
	background: url(../images/topmenuactivetab.gif) repeat-x 0 -90px;
	height:24px;
	padding:0 5px 0 12px;
}
.topmenu .closebutton{
    background: url(../images/topmenuactivetab.gif) repeat-x right -64px;
	margin-left:8px;
	height:24px;
	
}
.topmenu  .closebutton span{
	background: url(../images/topmenuactivetab.gif) repeat-x 0 -64px;
	height:24px;
	padding:0 5px 0 12px;
}
.topmenu .blankbutton{
    background: url(../images/topmenuactivetab.gif) repeat-x right -114px;
	margin: 0px 2px;
	margin-left:8px;
	
}
.topmenu  .blankbutton span{
	background: url(../images/topmenuactivetab.gif) repeat-x 0 -114px;
	height:24px;
	line-height:27px;
	padding:0 5px;
	white-space:nowrap;
}
.topmenu  .blankbutton span a{
	padding:0 5px;
}
 .toplinkmenu{
	background:url(../images/onlineservice-bg.gif) no-repeat ;
	height:22px;
	padding:0 0 0 19px;
	margin:1px 8px 10px 0;
	text-align:center;
	width:200px;
}
.toplinkmenu div{
	background:url(../images/onlineservice-bg.gif) no-repeat right 0;
	height:22px;
}
#leftToggler {
    position: absolute;
    overflow: hidden;
    width: 7px;
    cursor: pointer;
    left: 143px;
    z-index: 99;
	border-right:1px solid #70787B;
    margin-top: 6px;
	_margin-top: 3px;
    background:#6F777A url(../images/arrow-left.gif) no-repeat 1px 50%;
}
*+html #leftToggler {
    margin-top: 3px;
}
.closeLeft #leftToggler {
    background: #6F777A url(../images/arrow-right.gif) no-repeat 2px 50%;
    left: 0;
}

#leftToggler:hover {
    background-color: #b9c8d4;
}


.footer {
	background:url(../images/functionareabg.gif) 0 40px;
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	padding:0 0 4px 0;
	height:28px;
	line-height:28px;	
	_height:20px;
	_line-height:20px;
}
.footer .tableAction{
margin:0 auto;
}
.footer .submitBtn{
	height:22px;
}
*+html .footer {
	height:20px;
	line-height:20px;	
}

#sidecontent {
    display: block;
    background: #fff;
    width: 143px;
    position: absolute;
    left: 0;
    padding: 0;
    color: #4e6a81;
    margin-top:6px;
	_margin-top: 3px;
	border-top:1px solid #ccc;
	overflow:hidden;
	overflow-y:auto;
}
*+html #sidecontent {
    margin-top:3px;

}
.closeLeft #sidecontent {
    display: none;
}

#sidecontent a {
    color: #000;
	text-decoration:none;
}
#sidecontent a.cur {
	background:#6F777A;
	color:#fff;
	font-weight:700;
}

#workground {
    margin-left: 151px;
    margin-top: 6px;
	_margin-top: 3px;
}
*+html #workground {
    margin-top: 3px;
}
.closeLeft #workground {
    margin-left: 7px
}

/*菜单部分*/
#submenu_goods .section{
	color:#000;
	height:28px;
	line-height:28px;
	display:block;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	background:url(../images/leftmenutitle.gif) repeat-x;
	border-left:1px solid #abbdc8;
	border-right:1px solid #abbdc8;
}
#sideBody .section{
	color:#000;
	height:28px;
	line-height:28px;
	display:block;
	text-align:center;
	cursor:pointer;
	font-size:14px;
	background:url(../images/leftmenutitle.gif) repeat-x;
	border-left:1px solid #abbdc8;
	border-right:1px solid #abbdc8;
}
.g_menu_sec .grouplevel_1{
	padding:3px 0 3px 5px;
	border-left:1px solid #bec6ce;
	border-right:1px solid #fff;
	background:#efefef;
}
.g_menu_sec.grouplevel_1:hover{
	background:#efefef
}
.g_menu_sec .grouplevel_2{
	border:0;
	border-left:1px solid #bec6ce;
	border-right:1px solid #fff;
	background:#fff ;
}
.g_menu_sec .grouplevel_2 a{
	border-bottom:1px solid #efefef;
	padding-left:20px;

}
.grouplevel_1{
	color:#369;
	padding:3px 0;
	border-top:1px solid #efefef;
	border-bottom:1px solid #ccc;
	display:block;
	padding-left:5px;
	background:#efefef;
}
.grouplevel_1 .title{
	background:url(../images/sysicon.gif) no-repeat 0 -838px;
	_background:url(../images/sysicon.gif) no-repeat 0 -840px;
	padding-left:13px;
	color:#369
}
.grouplevel_1_withchild{
	color:#888;
}
.grouplevel_2{
	border-left:1px solid #bec6ce;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;	
	background:#fff
}
.grouplevel_2 a{
	display:block;
	padding:3px;
	padding-left:19px;
	margin:0;
	width:90%;
	border-bottom:1px solid #efefef;
}
.grouplevel_2 a:hover{
	background:#FFFFD4;
}

.navBar {

    padding-left: 10px;
	background:#6F777A;
}
/*Dialog*/
.dialog {
    position: absolute;
	text-align:left;
	z-index:65534;
    font-size: 12px;
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
	border-color:#B0BEC7 #B0BEC7 #93A6B4;
    border-style:solid;
    border-width:3px;
    top: 0;
    left: 0;
	padding:1px;
}
.dialog .dialogContent .division{
	width:90%;
	padding:5px;
	margin:5px;
}
.dialog .dialogContent{
	width:80%;
}
.dialog .head {
    position: relative;
    padding: 3px 0;
    background:#E6EAEF url(../images/inputactionbg.gif) repeat-x 0px -15px;
	border-color:#B0BEC7 #B0BEC7 #93A6B4;
    border-style:solid;
    border-width:1px;
	margin:-2px;
	margin-bottom:2px;
}

.dialog .head .title {
    cursor: move;
    line-height: 20px;
    height: 20px;
    padding-left: 10px;
	font-weight:bold;
	overflow:hidden;
}

.dialog .head .closeBtn {
    position: absolute;
    top: 5px;
	height:17px;
	width:17px;
    right: 5px;
    cursor: pointer;
}
.dialog .head .colfilter label{
	display:block;
}
.dialog .body {
    overflow: auto;
	padding:4px;
SCROLLBAR-FACE-COLOR: #ffffff;
 SCROLLBAR-HIGHLIGHT-COLOR: #ffffff;
 SCROLLBAR-SHADOW-COLOR: #cccccc;
 SCROLLBAR-3DLIGHT-COLOR: #cccccc;
 SCROLLBAR-TRACK-COLOR: #ffffff;
 SCROLLBAR-DARKSHADOW-COLOR: #ffffff;
 SCROLLBAR-BASE-COLOR: #e9e9e9

}
.dialog .division th {
	width:120px;
	font-size:12px;
}
.dialog .division td {
	text-align:left;
}
.dialog .headContent,.dialog .footContent{
 background: #F1F4F6;
 cursor: default;
}
.dialog .finderInform thead th {
background:#eee;
}


/*select*/
.selectBtnTable {
    border: 0 none;
    background: transparent;
    padding: 0;
    margin: 0;
}

.selectbtn {
    color: #333;
    height: 25px;
}

.select_ghost {
    padding: 3px;
    border: 1px #ccc solid;
    position: absolute;
    font-size: 12px;
    z-index: 65535;
    visibility: hidden;
    background: #ffffff;
    white-space: nowrap;
}

.select_ghost .item {
    color: #333;
    margin: 2px;
    display: block;
    padding: 2px;
    text-decoration: none;
}

.select_ghost .item:hover, .select .on {
    background: #2d297a;
    color: #fff;
    font-weight: bold;
}

#loadMask {
    position: absolute;
    left: 0;
    top: 0;
}
.finder-filter-body{
	background:#E7EFF4 url(../images/sysrightbackgroud.gif) repeat-x ;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.finder-filter-body table{
	width:auto;
}
.finder-filter-body label{
display:block;
}

.finder-filter-active{
	background:url(../images/bg-1.gif) repeat-x;
	border-bottom:1px solid #999;
	height:20px;
}
.finder-filter-active button{
	background:#ccc;
	border:1px solid #ccc;
	border-style:none solid;
	line-height:18px;
	font-size:12px;
	cursor: pointer;
	color:#009;
}

/*---------------------------------------------------------------------------------------------------------------
 finder列表的操作区域
 ---------------------------------------------------------------------------------------------------------------*/
.actionBar { /* 提高了actionbar的作用域，作为公用的pannel  */
    line-height: 30px;
	_line-height: 25px;
    background: #FBFAF6;
	border-bottom:3px solid #6F777A;
	padding:0 8px
}
.actionBar td, .actionBar th {
    padding: 0;
}

.actionBar table {
    width:auto;
	margin:0;
}
.finder-common-actionBa td{
    width:10%;
	white-space:nowrap;
}
.actionBarSingleLine { /* 提高了actionbar的作用域，作为公用的pannel  */
    line-height: 30px;
	height:30px;
    background: url(../images/sysrightbackgroud.gif) repeat-x;
    border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}


.actionItems {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #bec6ce;
    margin: 0;
    height: 65px;
    padding: 0 3px;
}
.actionItems table td{
	width:auto;
}
.actionItemsSingleLine {
    padding: 6px 9px 3px 3px;
    border-left: 1px solid #fff;
    border-right: 1px solid #bec6ce;
}

.actionItems h3 {
    color: #969696;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}

.actionItems .functop{
	padding-top:3px;
	height:20px;
	line-height:28px;
	*height:20px;
	_height:27px;
	
}
.actionItems .func{
	padding-top:0px;
}
.actionItems .func selete {
	margin-left:5px;
}
.actionItems .funcTopWrap .func {
     height: 30px;
}

.actionItems .keywords {
    border: 1px solid #ccc;
    width: 75px;
    height: 18px;
}

.tnode{
	width:16px;
	height:12px;
	background:url(../images/treemenuall.gif) no-repeat 0 -15px;
	float:left;
	margin-top:5px;
}
.tnode_close{
	background:url(../images/treemenuall.gif) no-repeat 0 -1px;;
}


.finder-head{
	background:url(../images/tablethbg.gif);
	border-top:1px solid #fff;
	border-bottom:1px solid #ccc;
	font-weight:bold;line-height:24px;height:24px;white-space: nowrap;overflow:hidden;color:#000;

}
.finder-head .mycolumn{
	float:right;
	height:22px;
	line-height:22px;
	background-color:#D7DEE3;
	font-size:16px;
	font-weight:bold;
	padding:0 4px;
	cursor:pointer;
}

.finder-head .pointer{
	cursor:pointer;
}
.finder-head .pointer:hover{
	color:#f90;
	cursor:pointer;
}
.finder-head .highlight-up{
	cursor:pointer;background:url(../images/arrow-up.gif) no-repeat 95% 50%;color:#369;padding-left:3px;
}
.finder-head .highlight-down{
	cursor:pointer;background:url(../images/arrow-down.gif) no-repeat 95% 50%;color:#369;padding-left:3px

}
.finder-head div.span-1,
.finder-head div.span-2,
.finder-head div.span-3,
.finder-head div.span-4,
.finder-head div.span-5,
.finder-head div.span-6,
.finder-head div.span-7,
.finder-head div.span-8,
.finder-head div.span-9,
.finder-head div.span-10,
.finder-head div.span-11,
.finder-head div.span-12{
	border-right:1px solid #DBE2E7;
	border-left:1px solid #fff;
	margin:0;
	padding:0 2px;
}
.finder div.span-1,
.finder div.span-2,
.finder div.span-3,
.finder div.span-4,
.finder div.span-5,
.finder div.span-6,
.finder div.span-7,
.finder div.span-8,
.finder div.span-9,
.finder div.span-10,
.finder div.span-11,
.finder div.span-12{
	border-right:1px solid #DBE2E7;
	border-left:1px solid #fff;
	margin:0;
	padding:0 2px;
}
.highlight div.span-1,
.highlight div.span-2,
.highlight div.span-3,
.highlight div.span-4,
.highlight div.span-5,
.highlight div.span-6,
.highlight div.span-7,
.highlight div.span-8,
.highlight div.span-9,
.highlight div.span-10,
.highlight div.span-11,
.highlight div.span-12{
	border:none;
	margin:0;
	padding:0 3px;
}
.finder-colChanger{ border:1px solid #ccc; background:#E7EFF4 url(../images/sysrightbackgroud.gif) repeat-x}
/*---------------------------------------------------------------------------------------------------------------
 订单详细页面信息
 ---------------------------------------------------------------------------------------------------------------*/
.infoPanel{
	display:none;
	background:#6b94ad;
	color:#fff;
	clear:both;
	padding:5px;
	cursor: pointer;
	padding-top:-200px;
}
.infoPanel .ActionBar{
	background:#efefef;
	border-bottom:1px solid #cfcfcf;
	border-top:1px solid #fff;
	height:28px;
	margin-bottom:10px;
}

.infoPanel .order-ctls{
	height:28px;
	line-height:28px;
	padding:0 5px;
	float:left;

}
.infoPanel .order-ctls input{

	font-size:12px;
}
*+html .infoPanel .order-ctls input{
	padding-top:4px;
	line-height:12px;
}
.infoPanel .handles{
	float:right;
	white-space:nowrap;
	margin:-40px 10px 0 0 ;
	_margin:-41px 10px 0 0 ;
}
*+html .infoPanel .handles{
	margin:-41px 10px 0 0 ;
}
.infoPanel .handles span{
	border:1px solid #CFCFCF;
	color:#666;
	line-height:31px;
	padding:4px 10px;
	background:#fff;
	border-bottom:0;
	text-decoration:none;
	cursor:pointer;
}
.infoPanel .handles span.current {
	border-bottom:none;
	border-top:2px solid #FF9900;
	color:#000000;
	font-weight:700;
	line-height:35px;
	padding:5px 10px;
}
.infoPanel .handles span.t-handle-current{
	line-height:35px;
	border-bottom:0;
	background:#fff;
	padding:5px 10px;
	font-weight:700;
	color:#000;
	border-top:2px solid #f90;
}
.infoPanel .tabs{
	clear:both;
}
.infoPanel .tabs .orderdetails_basic table{
	width:auto;
}
.infoPanel .tabs .orderdetails_basic th{
	color:#369;
	text-align:left;
	white-space:nowrap;
}
.infoPanel .tabs .orderdetails_basic td{
	width:auto;
}
.infoPanel .infoContent{
	background:#fff;
	cursor: auto;
	color:#000;
	
}
.infoPanel .infoContent .actionBar{
	line-height:20px;
    background: url(../images/sysrightbackgroud.gif) repeat-x;
    border-top: 1px solid #efefef;
	border-bottom: 1px solid #efefef;
}


.infoPanel .infoContent .finder{
	border:2px solid #39556C;
}
.infoPanel .infoContent .mainFoot{
	background:url(../images/tablethbg.gif);
	border-top:1px solid #ccc;
	height:28px;
	padding:0 0 4px 0;
	line-height:28px;
	_line-height:22px;
}
.highlight .infoPanel{
	display:block;
	
}
.row-line{
	cursor: default;
}
div.row{
	line-height:24px;
	clear:both;
	white-space: nowrap;
	background-color:#F1F5FA;
	border-bottom:1px solid #fff;
}
div.highlight-row{
	font-weight:bold;
	background-color:#fff;
}
div.row:hover{
	background-color:#FFFFD4;

}
div.row div{
	overflow:hidden;
}
div.row .row-line{
	height:24px;
	overflow:hidden;
	border-bottom:1px solid #ddd;
	font-size:11px;
}
div.highlight .row-line{
	border-bottom:0;
}
.TableGridList {
	background:url(../images/finder-row-bg.gif);
}
.TableGridList table{
	width:100%;
}
.TableGridList .sn{
	width:40px;
}
.TableGridList thead th{
	background:#fff url(../images/tablethbg.gif) repeat-x;
	border-top:1px solid #B4C3CE;
	border-bottom:1px solid #B4C3CE;
	height:20px;
}
.TableGridList tbody td{
	height:20px;
	text-align:center;
}

/*-----------------------template------------------------*/

#template ul,
#template ul li,{	padding:0;	margin:0;}
#template .templatelist td{	padding:0;}
#template .templatelist .item{ width:180px;margin:5px;float:left;}
#template .templatelist .item .templateimg{ display:block;}
#template .templatelist .item .templateimg .intro{ padding:5px; background:#fff;  text-align:left;
												   border:1px solid #369; margin:0 10px;}
#template .templatelist .item img{	background:#EFF2F5;	padding:4px;	border:1px solid #ddd;}
#template .templatelist .current{	background:#E7EFF5 url(../images/sysrightbackgroud.gif) repeat-x;    border:1px solid #eee;}
#template .templatelist .item .info li{	border-bottom:1px solid #eee;	line-height:18px;	}

#template .templatelist .item .widgets{	clear:both;	margin:3px 0 0 0;	padding:2px;	text-align:left;	height:130px;	overflow:auto;	font-size:12px;}
#template .templatelist .optionsbar a{	display:block;	float:left;	white-space:nowrap;	margin-top:3px;	height:18px;}

.templateedit{ padding:20px; margin-bottom:50px;}
.templateedit .page{ background:#efefef; border:1px solid #ccc; margin:0 20px 20px 0;
                     width:180px; height:160px; float:left; list-style:none; text-align:center;}
.templateedit .page li{padding:3px 0;  }					 
.templateedit .page .pager{ background:url(../images/templateteditpager.gif) no-repeat 50%; height:81px; padding:7px 0; }					 
.templateedit .page .name{ font-weight:700; padding:5px 0; }

.dashboard{	margin:10px; width:1000px; overflow:hidden;}
.dashboard table.frame{ width:auto;}
.dashboard .notice ul li{ cursor:pointer;}
.dashboard .notice ul li span{ text-decoration:underline;}
.dashboard .dashboard_empty{font-size:14px;	color:#ccc;font-weight:normal;}
.dashboard .dashboard_number{font-size:14px;	color:#f90;	font-weight:700; cursor:pointer; text-decoration:underline;}
.dashboard .dashboard_number_black{font-size:14px;	color:#000;	font-weight:700;}
.dashboard .dashboard_number_orange{font-size:14px;	color:#f90;	font-weight:700;}
.dashboard table.frame{ width:auto;}
.dashboard table td{vertical-align:top;}
.dashboard .serviceitems {	border:1px solid #ccc;	margin-bottom:15px; width:180px; height:220px;}
.dashboard .serviceitems h3{background:url(../images/tablethbg.gif) repeat-x;	border-bottom:2px solid #bec7cd;	border-top:1px solid #EFEFEF;
							color:#000;	display:block;	margin:0;	padding:6px 3px ;
							font-size:12px;	font-weight:700;
}
.dashboard .serviceitems th,
.dashboard .serviceitems td{border-bottom:1px solid #eee;padding:3px 10px;}

.dashboard .serviceitems thead th{background:#efefef;}
.dashboard .serviceitems tbody th{text-align:left;}
.dashboard .serviceitems tbody td{	text-align:right;	font-size:14px;	color:#f90;	font-weight:700;}
.dashboard .serviceitems .contentbg{ padding:4px;}
.dashboard .serviceitems object{ padding:5px;}



/*---------------------------------------------------------------------------------------------------
			版块中心/编辑
---------------------------------------------------------------------------------------------------*/
.tplicon{
	margin:8px 1px 0;
	background:url(../images/wgtedit_btn.gif) no-repeat;
	height:28px;
	line-height:26px;
	padding-left:8px;
	color:#000000;
	cursor:pointer;
}
.tplicon span{
	display:block;
	background:url(../images/wgtedit_btn.gif) no-repeat right 0;
	padding-right:10px;
}
.tplicon i{
	font-style:normal;
}
.tpledit .addwgt,.tpledit .buttonsave{
	background-color:transparent;
	padding:1px 0;
}
.tpledit .addwgt{
	padding-left:22px;
	background-position:0 -1144px;
}
.tpledit .buttonsave{
	padding-left:22px;
	background-position:0 -622px;
}


.tpledit{
	padding:0 15px;
	background:#575d5f url(../images/wgtedit_bg.gif) repeat-x;
	height:40px;
	line-height:40px;
	color:#FFFFFF;
}
.tpledit a,
.tpledit a:hover{
	color:#FFFFFF;
	text-decoration:none;
}
.tpledit .optbar{
	float:left;
}
.tpledit .optbar span{
	float:left;
}
.tpledit .optbar2{
	float:right;
}
.tpledit .optbar2 a{
	cursor:pointer;
	display:block;
	float:right;
	margin:8px 2px 0;
	background:url(../images/wgtedit_btn2.gif) no-repeat;
	text-indent:-9999px;
	width:73px;
	height:25px;
	overflow:hidden;
}
.tpledit .optbar2 .close{
	background-position:0 -25px;
}
.tpledit .body .info{
	padding-left:20px;
	margin:0 5px 0 0;
	background:url(../images/sysicon.gif) no-repeat 0 -344px;
}
.tpledit .body .vl{
	margin:0 5px;
	display:inline-block;
	display:-moz-inline-stack;
	*display:inline;
	*zoom:1;
	width:6px;
	background:url(../images/wgtedit_bg.gif) no-repeat 0 -40px;
}
.tpledit .body .saveinfo{
	color:#bdbfbf;
	margin:0 5px;
}

.tpledit .foot{
	_font-size:0;
	height:3px;
	background:#575d5f;
	border-bottom:1px solid #cccccc;
}


#wgtcenter{
	color:#666666;
}
#wgtcenter td{
	vertical-align:top;
	padding:0;
}
#wgtcenter .quickaddwgt{
	background:url(../images/btn_addwgt.gif) no-repeat;
	width:14px;
	height:14px;
	cursor:pointer;
}
#wgtcenter .topbar{
	height:71px;
	position:relative;
	background:url(../images/wgtcenter_bg.gif) repeat-x;
}
#wgtcenter .sidebar{
	width:160px;
	min-height:400px;
	*height:400px;
	border-right:1px solid #eee;
}
#wgtcenter .topbar .titleimg{
	background:url(../images/wgtcenter_title.gif) no-repeat;
	width:133px;
	height:69px;
	bottom:2px;
	left:5px;
	position:absolute;
}
#wgtcenter .topbar .content{
	margin:0 20px 0 180px;
	color:#cccccc;
	line-height:28px;
}
#wgtcenter .topbar .content p{
	margin:0 0 0 15px;
	padding:3px 0;
}
#wgtcenter .topbar strong{
	color:#ff9900;
	font-size:1.4em;
}
#wgtcenter .topbar a{
	font-weight:normal;
	color:#e0e8ed;
	margin-left:10px;
}
#wgtcenter .topbar .inputstlye{
	border:1px solid #ccc;
}
#wgtcenter .wgtsearch .lft,
#wgtcenter .wgtsearch .rht{
	background:url(../images/wgtcenter_searchbg.gif) no-repeat;
	float:left;
	width:8px;
	height:30px;
}
#wgtcenter .wgtsearch .rht{
	background-position:0 -30px;
}
#wgtcenter .wgtsearch .cnt{
	float:left;
	background:url(../images/wgtcenter_searchbg.gif) repeat-x 0 -60px;
	height:30px;
	line-height:26px;
	padding:0 6px;
	*padding-top:2px;
}
#wgtcenter .wgtsearch *{
	vertical-align:middle;
	color:#666666;
}
#wgtcenter .wgtinput{
	padding:0 0 0 22px;
	background-image:url(../images/sysicon.gif);
	background-repeat:no-repeat;
	background-position:2px -1092px;
}
#wgtcenter .wgtsearchbtn{
	background:url(../images/wgtcenter_searchbtn.gif) no-repeat;
	width:54px;
	height:22px;
	text-align:center;
	color:#FFFFFF;
	border:none;
	line-height:21px;
}
#wgtcenter .wgtcat{
	padding:15px 0 0 0;
	height:100%;
	background:#f8fcff;
}
#wgtcenter .wgtcat .lnk{
	color:#f90;
	text-decoration:none;
	margin:0 0 0 20px;
	background:url(../images/wgtcenter_arr.gif) no-repeat;
	padding-left:12px;
}
#wgtcenter .wgtcat ul{
	padding:0;
	margin:0;
}
#wgtcenter .wgtcat li{
	list-style:none;
	padding:2px 0;
	padding-left:20px;
	border-bottom:1px solid #efefef;
	border-top:1px solid #FFFFFF;
}
#wgtcenter .wgtcat li.onhover{
	background:#FFFFD4;
}
#wgtcenter .wgtcat .catdepth0 li{
	color:#FF9900;
	background:url(../images/wgtcenter_arr.gif) no-repeat 135px -20px;
	cursor:pointer;
}
#wgtcenter .wgtcat .catdepth1{
	margin-top:5px;
}
#wgtcenter .wgtcat li.current{
	background:#ff9900;
	color:#FFFFFF;
	font-weight:bold;
}
#wgtcenter .wgtcat .catdepth1 .quickaddwgt{
	float:right;
	margin:2px 15px 0 5px;
}
#wgtcenter .wgtcontent{
	padding:15px;
}
#wgtcenter h2{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	border-bottom:3px solid #f3f3f3;
	padding:0 0 5px 15px;
	margin:5px 0;
}
#wgtcenter h4{
	font-weight:normal;
	color:#666666;
	font-size:12px;
}
#wgtcenter p{
	padding:3px 15px 0 15px;
}
#wgtcenter .commenwgt{
	padding:3px 5px;
}
#wgtcenter .commenwgt dl{
	border:1px solid #e9e9e9;
	background:#fafafa;
	width:152px;
	height:38px;
	*width:168px;
	*height:46px;
	padding:4px 8px;
	margin:3px;
	float:left;
	overflow:hidden;
	text-overflow:ellipsis;
	cursor:pointer;
}
#wgtcenter  dl.current{
	border:1px solid #f6d5a8;
	background:#fffddc;
}
#wgtcenter .commenwgt dt{
	font-size:14px;
	font-weight:normal;
}
#wgtcenter .commenwgt dd{
	color:#828282;
	margin:0;
	padding:0;
}
#wgtcenter .commenwgt .quickaddwgt{
	background-position:0 -14px;
	float:right;
}
#wgtcenter  .current .quickaddwgt{
	background-position:0 0;
}
#wgtcenter .wgtpreview{
	border:1px solid #CCCCCC;
	background:#f9f9f9;
	margin:0 15px 5px 15px;
	padding:5px 10px;
}
#wgtcenter .wgtpreview img{
	float:none;
}