/*---------------------------------------------------------------------------------------------------
	弹出页面
---------------------------------------------------------------------------------------------------*/
.single-page #main{ padding:0;}
.spage-sidebar-wrap { display:none;}
.single-page-col2 { background:url(../images/spage_bg.gif) repeat-y;}
.single-page-col2 .spage-sidebar-wrap{ display:block; position:absolute; width:130px;padding:20px 0 0 3px;left:0}
.single-page-col2 .mainwrap{margin-left:150px;overflow:hidden;overflow-y:scroll;}
.single-page-col2 .spage-main-box { margin:0 0 20px;}

#single-page-tbar{ background:url(../images/spage_bundle.gif) repeat-x 0 -250px; padding:0 10px 0 19px; height:42px; margin:0 0 1px; overflow:hidden; }
#single-page-tbar h1{ font-size:14px; font-size:12px; font-weight:normal; color:#FFF; margin:12px 0 0; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
#single-page-tbar h1 strong{ margin:0 8px 0 5px;}
#single-page-tbar h1 img{ margin-top:-2px; vertical-align:middle;}
#single-page-tbar .btn-bar{ float:right; margin:6px 0 0;}
#single-page-tbar .btn-bar li{ float:right; margin:0 2px; list-style:none; }
#single-page-tbar .btn{ background:none; width:81px; height:24px; color:#FFF; font-weight:bold; border:none;}
#single-page-tbar .btn span{ height:24px; line-height:22px; *line-height:24px; text-align:center;}
#single-page-tbar .btn-save{}
#single-page-tbar .btn-save span{ background:url(../images/spage_bundle.gif) no-repeat; background-position:0 -300px; padding-left:7px;}
#single-page-tbar .btn-save span span{ background-position:right -300px; padding-right:15px;}
#single-page-tbar .btn-save span:hover{ background-position:0 -400px;}
#single-page-tbar .btn-save span span:hover{ background-position:right -400px;}
#single-page-tbar .drop-handle{ background:url(../images/spage_bundle.gif) -200px -340px; height:24px; margin:0 -15px 0 7px;}
#single-page-tbar .btn-quit{ background:url(../images/spage_bundle.gif) no-repeat 0 -350px;}
#single-page-tbar .btn-quit:hover{ background:url(../images/spage_bundle.gif) no-repeat 0 -450px;}

#single-page-tbar .x-drop-menu{ background:#fff; margin:0; padding:7px 3px 3px 3px; border:1px solid #4c88bd; width:145px;}
#single-page-tbar .x-drop-menu li{ padding:2px 2px 2px 7px; border:1px solid #fff;}
#single-page-tbar .x-drop-menu span{ cursor:pointer;}
#single-page-tbar .x-drop-menu .info{ visibility:hidden; margin-top:2px;}
#single-page-tbar .x-drop-menu li:hover {  color:#0b5599; background:#f7fdff; border:1px solid #8ec8e3;}
#single-page-tbar .x-drop-menu li:hover .info{ visibility:visible;}

#single-page-tbar .action-bar{ float:left; background:url(../images/spage_tb_btns.gif) no-repeat 0 -100px; border:none; margin-left:7px; padding:5px 0 0 6px;}
#single-page-tbar .action-bar-order{ position:absolute; top:2px; left:30%; background:none; color:#FFF;}
#single-page-tbar .action-bar span{ float:left;}
#single-page-tbar .action-bar-info { margin-top:-4px;}
#single-page-tbar .action-bar-btns{ background:url(../images/spage_bundle.gif) no-repeat 0 -100px; height:24px; margin:0 0 0 1px; line-height:20px; padding-left:5px;}
#single-page-tbar .action-bar-btns span{ background:url(../images/spage_bundle.gif) no-repeat right -100px; height:24px; padding-right:5px;}
#single-page-tbar .action-bar-btns input{ background:none; border:none; cursor:pointer; padding:3px 8px; *padding:3px; font-family:Tahoma, Geneva, sans-serif; font-size:12px;}
#single-page-tbar .action-bar-btns li{ background:url(../images/spage_bundle.gif) no-repeat 0 -153px; *background-position:0 -150px;}
#single-page-tbar .action-bar-btns .first{ background:none;}
#single-page-tbar .action-bar-btns .inactive{ cursor:auto;}
#single-page-tbar .action-bar-btns .btn-addwgt { padding:3px 3px 3px 16px; margin:0 2px; background:url(../images/sysicon.gif) no-repeat 0 -1140px; }
#single-page-tbar .action-bar-btns .btn-savewgt { padding:3px 3px 3px 16px; margin:0 2px; background:url(../images/sysicon.gif) no-repeat 0 -618px; }
#single-page-tbar .action-bar-btns .btn-chg-layout { padding:3px 3px 3px 16px; margin:0 2px; background:url(../images/sysicon.gif) no-repeat 0 -1261px; }
#single-page-tbar .save-info { color:#bbd2e8; line-height:2em; margin-left:7px;}

.spage-side-nav { margin:3px 0 20px;}
.spage-side-nav ul{ margin:0;}
.spage-side-nav li{ list-style:none; padding:0; height:29px; line-height:29px; color:#333; font-weight:bold; border-bottom:1px solid #e9e9e9;}
.spage-side-nav li span{ padding:0 0 0 20px; display:block; cursor:pointer;}
.spage-side-nav .cur{ border-bottom:1px solid #FFF; background:url(../images/spage_bundle.gif) no-repeat; width:146px; color:#FFF;}
.spage-side-nav .cur span{ cursor:auto;}
.spage-side-box { margin:0 0 10px;}
.spage-side-box .tp{ background:url(../images/spage_bundle.gif) repeat-x 0 -50px; height:23px; border:1px solid #65839d; border-top:1px solid #7492ac; border-bottom:none; padding:0 5px 0 8px;-moz-border-radius: 4px 4px 0 0; -khtml-border-radius: 3px; -khtml-border-bottom-left-radius:0; -khtml-border-bottom-right-radius:0; -webkit-border-radius: 3px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0;}
.spage-side-box h3{ margin:0; padding:0; color:#FFF; font-weight:bold; line-height:21px; *line-height:23px; font-size:12px; overflow:hidden; zoom:1;}
.spage-side-box .t-handler{ float:right; display:block; background:url(../images/spage_bundle.gif) no-repeat -200px 0; height:10px; width:10px; overflow:hidden; margin:8px 0 0; text-indent:-9999px; cursor:pointer;}
.spage-side-box .t-handler:hover{ background-position:-200px -10px;}
.spage-side-box .bd{ border:1px solid #d8e3e8; border-top:none; background:#f0f2f3; padding:3px;}
.spage-side-box .tag-editor-group li { list-style:none;}

.spage-main-box { margin:0 15px 20px;}
.spage-main-box h3 { border-bottom:1px solid #BBBBBB; font-size:14px; font-weight:bold; padding:5px 2px 6px 5px; margin:20px 0 15px;}
.spage-main-box h4 { font-size:12px; padding:5px 2px;}
