@charset "utf-8";
/* CSS Document */

@import '../reset.css';
@import '../global.css';
@import '../jquery.css';

.left { float:left; } .right { float:right; }
.highlight { color:#C00; font-weight:bold; }

form.editor { margin:20px auto; }
input.x-small { width:30px; } textarea.x-small { width:30px; } select.x-small { width:40px; }
input.small { width:60px; } textarea.small { width:60px; } select.small { width:70px; }
input.medium { width:200px; } textarea.medium { width:200px; } select.medium { width:210px; }
input.large { width:400px; } textarea.large { width:400px; } select.large { width:410px; }
input.date { width:73px; background:url(images/icons/date.png) no-repeat 3px 3px #fff; padding-left:20px; }
input.currency { width:80px; }

button { background:url(images/block.png) left -42px #e0e0e0; border-color:#b0b0b0; }
button.main-button { background:url(images/block.png) left -65px #e0e0e0; border-color:#f1921f #c34b0e #c34b0e #f1921f; }

/* 表单 */
.editor { margin:auto; }
.editor dl { padding:3px 8px; clear:both; overflow:hidden; line-height:1.8em; }
.editor dl dt { font-weight:bold; text-align:right; float:left; width:120px; }
.editor dl dd { margin-left:128px; }
.editor dl dd dl dt { width:130px; font-weight:normal; }
.editor dl dd dl dd { margin-left:138px; }
.editor .caption { font-size:14px; font-weight:bold; margin:15px 0px; padding:2px 8px;color:#333; background-color:#fff; background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5)); font-weight:bold; border-bottom:solid 1px #ccc; height:24px; }
.editor .notice { color:#999; }
.editor .errmsg { color:#F00; background:url(../img/icons/cancel.png) no-repeat; padding-left:18px; white-space:nowrap; margin-right:8px; }

/* 翻页条 */
.paginator { font-size:10px; padding:0px 5px; position:relative; }
.paginator a { font-size:12px; padding:1px 4px; margin-left:3px; border:solid 1px #e0e0e0; background:#fff; vertical-align:bottom; }
.paginator a.current { background:#03C; color:#fff; }
.paginator a.disable { color:#ccc; }
.paginator .input-box { float:right; }
.paginator .input-box input { border:1px solid #999; }

/* 数据列表 */
.datalist { line-height:1.8em; border-collapse:collapse; border:none 0px; }
.datalist td { padding:2px 5px; }
.datalist thead td { color:#333; font-weight:bold; background:#f0f0f0; border-bottom:solid 1px #ccc; height:24px; }
.datalist tbody td { border-bottom:solid 1px #f0f0f0; color:#333; }
.datalist tbody.hide-input td input, .datalist tbody.hide-input td textarea { border:none 0px; margin:1px; padding:2px; }
.datalist tbody.hide-input tr:hover input, .datalist tbody.hide-input tr:hover textarea { border:solid 1px #ccc; margin:0px; }
/*.datalist tbody tr:hover td { border-bottom:solid 1px #ddd; background:#f0f0f0; }*/

/* 内嵌表格 */
.embedded-table { border:none 0px; background:#fff; border-spacing:0px; border-collapse:collapse; }
.embedded-table tbody td { border:none 0px; vertical-align:top; }

/* 提示框 */
.warning-box { background:url(images/icons/error_small.png) no-repeat 8px 8px #fef8e5; border:solid 1px #FFE9D2; padding:5px 10px 5px 30px; overflow:hidden; color:#555; }
.info-box { background:url(images/icons/information_small.png) no-repeat 8px 8px #eff6e4; border:solid 1px #D9E3EE; padding:5px 10px 5px 30px; overflow:hidden; color:#555; }

/* 提示页面 */
.notice-page { padding:20px; margin:50px auto; width:600px; }
.notice-page .title { font-size:16px; font-weight:bold; }
.notice-page .content { margin-top:15px; }
.notice-page .operate { margin:5px 0px; }
.notice-page .operate li { list-style:none; display:inline; }

/* 图标 */
.icon-open { background:url(images/icons/note_open.png) no-repeat center; padding:8px 5px; cursor:pointer; }
.icon-close { background:url(images/icons/note_close.png) no-repeat center; padding:8px 5px; cursor:pointer; }

/* 内容块 */
.panel { border:solid 1px #ddd; }
.panel-header { font-weight:bold; background:#f0f0f0; margin:1px; padding:2px 10px; }
.panel-mainbody { overflow:hidden; padding:8px 5px; height:1%; }
.panel-footer { overflow:hidden; padding:2px 10px; }

.thumb { overflow:hidden; }

/* 选项卡 */
.tabs { overflow:hidden; height:1%; border-bottom:solid 3px #a3a3a3; padding:0px 10px; font-size:12px; }
.tabs li { background:url(images/tabs_bg.png) no-repeat left -84px; display:block; float:left; padding:0px 5px; height:26px; }
.tabs li a { background:url(images/tabs_bg.png) no-repeat right -56px; color:#333; display:block; *display:inline-block;
padding:3px 15px 3px 10px; font-weight:bold; }
.tabs li.current { background:url(images/tabs_bg.png) no-repeat left -28px; }
.tabs li.current a { background:url(images/tabs_bg.png) no-repeat right top; color:#FFF; }
.tabs_group { display:none; border:solid 1px #e0e0e0; padding:10px 0px; }

/* 插件 */
.plugin { padding:2px; border:solid 1px #ccc; width:600px; background:#f0f0f0; }
.plugin .preview p { padding:35px 0px; color:#888; text-align:center }
.plugin .operate { border-top:solid 1px #ccc; padding:4px; }

.loading-box { background:#900; color:#fff; padding:2px 15px; position:absolute; top:8px; right:8px; }

.grid { overflow:hidden; padding:5px; }
.grid .item.selected { border-color:#00C3BB; background:url(images/icons/selected.png) no-repeat bottom right; }
.grid .item { float:left; text-align:center; overflow:hidden; border:solid 1px #ddd; margin:5px; padding:5px; width:100px; }
.grid .item-thumb { width:96px; height:96px; overflow:hidden; background:#f0f0f0; }
.grid .item-thumb a { display:table-cell; width:inherit; height:inherit; overflow:hidden; vertical-align:middle; text-align:center; }
.grid .item-thumb ../img { vertical-align:middle; text-align:center; }
.grid .item-name { margin:5px 6px 0px 6px; width:auto; overflow:hidden; }
.grid .item-operate { text-align:center; padding-top:5px; }
.grid .item-operate .icon-move-left { background:url(images/icons/arrow_left.png) no-repeat; text-indent:-100px; width:20px; height:20px; overflow:hidden; display:block; float:left; }
.grid .item-operate .icon-move-right { background:url(images/icons/arrow_right.png) no-repeat; text-indent:-100px; width:20px; height:20px; overflow:hidden; display:block; float:left; }
.grid .item-operate .icon-remove { background:url(images/icons/cross.png) no-repeat; text-indent:-100px; width:20px; height:20px; overflow:hidden; display:block; float:right; }