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


/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
* { padding: 0px; margin: 0px; }

body { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 12px; line-height: 18px; background-color: #FFFFFF; }

blockquote, address { font-style: normal; }

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both; height: 0px; overflow: hidden;}
.hide { display: none; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small { font-size: 11px; }
.note { font-size: 12px; line-height: 140%; }
.big { font-size: 14px; }
.valign-middle { vertical-align: middle; }


img { border: none; }
a img { border: none; }
a { color: #333333; text-decoration: underline; }
a:active { outline: none !important; }

img.right { float: right; margin-left: 8px; margin-bottom: 5px; margin-top: 3px; }
img.left { float: left; margin-right: 8px; margin-bottom: 5px; margin-top: 3px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #E7E7E7; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }

/************************/
/* BASIC TAG DEFINITION */
/************************/
body { color: #000000; background: #B0DAEF url(/images/admin/body-bg.png) repeat-x left top; }
h1 { font-size: 18px; font-weight: normal; color: #000000; height: 44px; line-height: 44px; margin: 0px 10px 0px 10px; padding: 0px 0px 0px 5px; }
h1.star { height: 43px; overflow: hidden; background: url(/images/admin/star.png) no-repeat 6px 14px; padding: 0px 0px 0px 32px; border-bottom: 1px dotted #999999; }
a:hover { color: #CC0000; }

/********/
/* FORM */
/********/
form {}
.input, .file, textarea { border: 1px solid #A3D6F3; padding: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
.input, .file { width: 268px; padding: 4px 5px; }
.input.big,
.file.big { padding: 6px 5px; }
.input.title { font-size: 18px; }
.input.long { width: 588px; }
.input.date { width: 78px; }
select { border: 1px solid #A3D6F3; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
button { font-family: Arial, Helvetica, sans-serif; }
fieldset { border: none; }

.input.tiny { width: 20px; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
html { min-height: 100%; height: 100%; }
body { text-align: center; min-height: 100%; height: 100%; }

#page-wrapper { width: 990px; margin: 0px auto; position: relative; text-align: left; min-height: 100%; height: 100%; }

.grid-1-1-1 {}
.grid-1-1-1 .cell { width: 300px; float: left; }
.grid-1-1-1 .cell.first,
.grid-1-1-1 .cell.second { margin-right: 25px; }

/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 104px; }

#logo { position: absolute; left: 10px; top: 34px; }

#logout { position: absolute; top: 24px; right: 11px; height: 29px; line-height: 29px; }
#logout a { background: url(/images/admin/logout.png) no-repeat left center; font-size: 14px; color: #000000; padding: 10px 0px 10px 36px; }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/

/****************/
/* SECTION MENU */
/****************/
#section-menu { height: 27px; position: absolute; right: 8px; top: 63px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #FFFFFF; font-size: 11px; text-transform: uppercase; }
#section-menu li { list-style: none; display: inline; height: 28px; line-height: 28px; padding: 0px 0px 0px 0px; }
#section-menu a { display: block; float: left; margin-right: 2px; height: 27px; line-height: 27px; background: #1182B9; color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 0px 18px; border-bottom: 2px solid #CEEAF7; }
#section-menu a:hover { text-decoration: underline; }
#section-menu .active a { background: #1182B9 url(/images/admin/section-menu.png) repeat-x left top; border-bottom-color: #1181B8; }


#menu { height: 33px; padding-left: 10px; }
#menu li { list-style: none; display: inline; height: 30px; }
#menu a { display: block; height: 30px; line-height: 34px; overflow: hidden; border-bottom: 3px solid #999999; color: #0E77A9; letter-spacing: -1px; padding: 0px 14px; margin-right: 3px; float: left; background-color: #CCCCCC; text-decoration: none; font-weight: bold; font-size: 14px; }
#menu a:hover { background-color: #DDDDDD; }
#menu .active a { background-color: #FFFFFF; border-bottom-color: #FFFFFF; text-decoration: none; }
#menu .active a:hover { background-color: #FFFFFF; }

/***********/
/* SUBMENU */
/***********/
#submenu { background-color: #FFFFFF; height: 35px; line-height: 35px; }
#submenu li { list-style: none; display: inline; padding: 0px 17px 0px 15px; }
#submenu a { font-weight: bold; color: #0E77A9; text-decoration: underline; }


/*******************************************************************/
/*                                                            BODY */
/*******************************************************************/
#body { background-color: #E1F2FB; position: relative; width: 990px; padding: 0px; }

.content { padding: 10px 20px 20px 20px; }


/* ERRORS */
#error ul,
#success ul,
#warning ul,
ul#error,
ul#success,
ul#warning { margin: 0px; padding: 0px; background: #FFFFFF; position: relative; top: -5px; padding: 4px 0px; margin-bottom: 5px;  }
#error li,
#success li,
#warning li { list-style: none; display: block; text-align: center; line-height: 170%; font-weight: bold;}

#success ul,
ul#success { border: 1px solid #339900; color:#339900; }
#error ul,
ul#error { border: 1px solid #CC0000; color: #CC0000; }
#warning ul,
ul#warning { border: 1px solid #FF9900; color: #FF9900; }

/* LOGIN FORM */
#login-form-wrapper { position: absolute; top: 35%; left: 50%; width: 1px; height: 1px; overflow: visible; background: black; }
#login-form { position: absolute; left: -175px; top: 0px; width: 350px; height: 200px; }
#login-form fieldset { border: none; padding: 0px; margin: 0px; }
#login-form legend { color: #000000; background-color: #FFFFFF; padding: 5px 17px; margin: 0px; margin-left: 10px; font-weight: bold; font-size: 14px; }
#login-form div { border-top: 5px solid #FFFFFF; background-color: #E1F2FB; padding: 20px 43px 3px 35px; }
#login-form label { font-weight: bold; color: #000000; width: 120px; display: block; float: left; vertical-align: middle; line-height: 30px; }
#login-form .input { width: 138px; border: 1px solid #A3D6F3; padding: 5px; } 
#login-form p { padding-bottom: 12px; }

/* ICONS */
.icon { padding-left: 22px; background-position: left 0px; background-repeat: no-repeat; padding-bottom: 1px; }
.icon.active { background-image: url(/images/admin/ico-active.png); }
.icon.add { background-image: url(/images/admin/ico-add.png); }
.icon.comments { background-image: url(/images/admin/ico-comments.png); }
.icon.del { background-image: url(/images/admin/ico-del.png); }
.icon.edit { background-image: url(/images/admin/ico-edit.png); }
.icon.inactive { background-image: url(/images/admin/ico-inactive.png); }
.icon.list { background-image: url(/images/admin/ico-list.png); }
.icon.view { background-image: url(/images/admin/ico-view.png); }
.icon.preview { background-image: url(/images/admin/ico-preview.png); }

/* ICON BUTTONS */
.ico-button { padding-left: 15px; background-position: left 0px; background-repeat: no-repeat; padding-bottom: 1px; text-decoration: none; }
.ico-button.edit { background-image: url(/images/admin/ico-edit.png); }
.ico-button.del { background-image: url(/images/admin/ico-del.png); }
.ico-button.preview { background-image: url(/images/admin/ico-preview.png); }
.ico-button.comments { background-image: url(/images/admin/ico-comments.png); }

/**********/
/* PAGING */
/**********/
.paging { font-size: 15px; font-weight: normal; text-align: right; padding: 10px 0px; }
.paging.top { position: relative; top: -40px; margin-bottom: -40px; }
.paging a { text-decoration: underline; color: #000000; padding: 2px 5px; }
.paging span { background-color: #FFFFFF; padding: 2px 6px; }

/**********/
/* FILTER */
/**********/
.filter { position: absolute; top: -35px; right: 20px; height: 35px; line-height: 35px; text-align: right; }
.filter * { vertical-align: middle; }
.filter fieldset { background: none; border: none; }
.filter label { font-weight: bold; padding-right: 3px; }
.filter .date-picker { width: 70px; background: #FFFFFF url(/images/calendar/calendar.gif) no-repeat 3px center; padding-left: 23px; }

/* SUM */
#filter-sum { font-size: 11px; float: right; padding: 0px 20px 20px 0px; height: 40px; line-height: 40px;}
#filter-sum strong { font-size: 14px; font-weight: bold; }

/**************/
/* DATA TABLE */
/**************/
.data { border-collapse: collapse; width: 100%; }
.data thead th { background-color: #067DC1; color: #FFFFFF; text-align: left; font-weight: normal; }
.data thead th.center { text-align: center; }
.data tr { background-color: #FFFFFF; }
.data tr.odd { background-color: #F2FAFD; }
.data td,
.data th { padding: 6px 0px 6px 10px; }
.data tfoot { font-size: 14px; font-weight: bold; }
.data tfoot td {  background-color: #D3ECFA; }

.data .count { font-size: 11px; color: #999999; }

.data thead a { color: #FFFFFF; background-position: right 2px; background-repeat: no-repeat; padding-right: 13px; }
.data thead a.asc { background-image: url(/images/admin/asc.gif); }
.data thead a.desc { background-image: url(/images/admin/desc.gif); }


/**************/
/* LIST2TABLE */
/**************/
.list2table { margin: 0px; padding: 0px; }
.list2table li { list-style: none; padding: 0px; margin: 0px 0px -1px 0px; background-color: #E5F5FB; position: relative; }
.list2table li.th { background-color: #067DC1; color: #FFFFFF; }
.list2table li.odd { background-color: #DCF1FA; }
.list2table li li { background-color: #FFFFFF; }
.list2table li li.odd { background-color: #F2FAFD; }
.list2table li span { display: block; float: left; height: 30px; line-height: 30px; overflow: hidden; padding: 0px 0px 0px 10px; }
.list2table li span.clear { height: 1px; float: none; clear: both; visibility: hidden; }
.list2table .count { font-size: 11px; color: #999999; font-style: normal; }

/*****************/
/* CATEGORY LIST */
/*****************/
#categories { width: 732px; }
#categories button { font-size: 18px; padding: 5px 20px; margin-top: 20px; }
.list2table.category-list { width: 732px; }
.category-list li ul { margin-left: 30px; width: 702px; }
.category-list .move { display: block; width: 16px; height: 16px; margin-top: 6px; background: url(/images/admin/ico-move.png) no-repeat left top; cursor: move; }
.category-list li .col1 { padding-left: 6px; width: 16px; }
.category-list .col2 { width: 450px; }
.category-list .col3 { width: 80px; }
.category-list .col4 { width: 150px; }
.category-list li li .col2 { width: 420px; }

/**************/
/* BLOCK HELP */
/**************/
#block-help { width: 207px; position: absolute; top: 0px; right: 15px; }
#block-help h2 { height: 40px; line-height: 40px; font-size: 14px; font-weight: bold; color: #067DC1; padding: 0px 0px 0px 10px; }
#block-help .content { padding: 5px 10px; background-color: #FFFFFF; font-size: 11px; color: #999999; }

/*************/
/* FORM EDIT */
/*************/
.form-edit .grid { border-bottom: 1px dotted #CCCCCC; padding-bottom: 20px; }
.form-edit .cell { width: 600px; float: left; margin-right: 45px; }
.form-edit .cell.second { width: 305px; margin-right: 0px; }
.form-edit label { font-size: 14px; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 5px; }
.form-edit label em { font-style: normal; font-size: 11px; font-weight: normal; }
.form-edit p { padding: 0px; margin: 0px; min-height: 75px; }
.form-edit p.center { padding-top: 20px; }
.form-edit button { font-size: 18px; padding: 5px 30px; }

.form-edit fieldset { border: 1px solid #A3D6F3; padding: 5px; }
.form-edit legend { font-size: 14px; font-weight: bold; padding: 0px 2px; }
.form-edit fieldset { width: 246px; }
.form-edit fieldset .input { width: 98px; vertical-align: middle; }
.form-edit fieldset table { margin-left: 10px; }
.form-edit fieldset td { vertical-align: middle; padding: 6px 5px 6px 0px; }

/*********************/
/* FORM  - BOOK EDIT */
/*********************/
#form-book-edit .grid { border-bottom: 1px dotted #CCCCCC; padding-bottom: 20px; }
#form-book-edit .cell { width: 600px; float: left; margin-right: 45px; }
#form-book-edit .cell.second { width: 305px; margin-right: 0px; }
#form-book-edit label { font-size: 14px; font-weight: bold; display: block; padding-top: 15px; padding-bottom: 5px; }
#form-book-edit label em { font-style: normal; font-size: 11px; font-weight: normal; }
#form-book-edit p { padding: 0px; margin: 0px; min-height: 75px; }
#form-book-edit p.center { padding-top: 20px; }
#form-book-edit button { font-size: 18px; padding: 5px 30px; }

#form-book-edit .column { width: 280px; float: left; }
#form-book-edit .column.first { margin-right: 40px; }
#form-book-edit .column select { width: 280px; padding: 5px 0px; }
#form-book-edit .column .file { width: 280px; }

#form-book-edit .row1 .cell.second select { width: 150px; }
#form-book-edit .row1 .cell.second select.short { width: 110px; }
#form-book-edit .row1 .cell.second p.long { padding-bottom: 29px; }

#form-book-edit .row2 .cell.second { padding-top: 2px; }
#form-book-edit .row2 .cell.second .input { width: 212px; }
#form-book-edit .row2 .cell.second select { width: 224px; } 
#form-book-edit .row2 .cell.second label { padding-top: 13px; }
#form-book-edit .row2 .cell.second p { min-height: 50px; }


#form-book-edit .row3 .cell.first { width: 330px; margin-right: 0px; }
#form-book-edit .row3 .cell.second { width: 620px; }
#form-book-edit .row3 .cell.second .input { width: 173px; margin-right: 15px; margin-left: 5px; }
#form-book-edit .row3 .cell.second .file { width: 210px; margin-left: 5px; }

#form-book-edit textarea { width: 588px; height: 68px; }

#form-book-edit fieldset { border: 1px solid #A3D6F3; padding: 5px; }
#form-book-edit legend { font-size: 14px; font-weight: bold; padding: 0px 2px; }
#form-book-edit fieldset { width: 246px; }
#form-book-edit fieldset .input { width: 98px; vertical-align: middle; }
#form-book-edit fieldset table { margin-left: 10px; }
#form-book-edit fieldset td { vertical-align: middle; padding: 6px 5px 6px 0px; }

#form-book-edit .date-picker { background: #FFFFFF url(/images/calendar/calendar.gif) no-repeat 4px center; padding-left: 22px; }

/* RECOMMENDATION */
#recommendation {}
#recommendation input { margin-bottom: 5px; float: left; }
#recommendation input.bad { border-color: #CC0000; background-color: #FFF4F4; }
#recommendation span { display: block; width: 25px; height: 25px; float: left; background-position: center center; background-repeat: no-repeat; position: relative; }
#recommendation span.magnify { background-image: url(/images/admin/magnify.png); }
#recommendation span.bad { background-image: url(/images/admin/del.png); }
#recommendation span.progress { background-image: url(/images/admin/spinner.gif); }
#recommendation span.detail { width: 250px; height: auto; position: absolute; top: 0px; left: -250px; float: none; background-color: #FFFFFF; border: 1px solid #A3D6F3; display: none; }
#recommendation span.active span.detail { display: block; }
#recommendation span.detail span { width: auto; float: none; position: static; height: auto; background: none; }
#recommendation span.detail span.content { padding: 10px; }
#recommendation span.detail span.img img { float: left; padding-right: 10px; }
#recommendation span.title { font-size: 11px; line-height: 16px; font-weight: bold; }
#recommendation span.author { font-size: 11px; line-height: 16px; color: #999999;  }

/****************/
/* FORM MAILING */
/****************/
#form-mailing {}
#form-mailing textarea { width: 750px; height: 300px; }
#form-mailing td { vertical-align: middle; padding-bottom: 20px; }
#form-mailing label { padding: 5px 0px; }


/************/
/* SUBJECTS */
/************/
#subjects {}
#subjects .content { padding-bottom: 0px; }
#subjects h2 { font-size: 18px; font-weight: normal; float: left; line-height: 20px; padding: 10px 0px 0px 0px; }
#subjects .grid-1-1-1 { border-top: 1px dotted #999999; padding: 13px 0px 20px 7px; margin: 0px 11px; width: 960px; }
#subjects .paging { font-size: 18px; font-weight: normal; }
#subjects .paging a { text-decoration: none; padding: 0px 2px; }
#subjects .paging a:hover { text-decoration: underline; }

#form-add-subject { padding-bottom: 20px; }
#form-add-subject input { padding: 6px; vertical-align: middle; }
#form-add-subject .button { font-size: 16px; padding: 2px 6px 2px 6px; margin-left: 10px; }

/********/
/* TAGS */
/********/
#tags { border: 1px solid #A3D6F3; background-color: #FFFFFF; padding: 5px 4px 2px 5px; width: 589px; display: none; position: relative; }
#tags ul { padding: 0px; margin: 0px; display: inline; }
#tags li { list-style: none; padding: 0px; margin: 0px; display: -moz-inline-box; display: inline-block; border: 1px solid #E1F2FB; padding: 1px 4px; margin: 0px 3px 3px 0px; background-color: #F3FBFE; font-size: 11px; }
#tags li:hover { background-color: #E1F2FB; border-color: #A3D6F3;  }
#tags li span { padding: 0px 7px 0px 10px; background: url(/images/admin/cross-off.png) no-repeat 7px 3px; cursor: pointer; }
#tags li:hover span { background-image: url(/images/admin/cross.png); }
#tags input { border: none; font-size: 11px; }
#tags-suggest { display: block; height: auto; border: 1px solid #A3D6F3; border-top: none; background-color: #F3FBFE; position: absolute; top: 90px; left: -1px; width: 598px;  }
#tags-suggest li { display: block; height: 26px; overflow: hidden; width: 100%; padding: 0px; margin: 0px; border: none; background: none; }
#tags-suggest li:hover { background: none; border: none; }
#tags-suggest a { text-decoration: none; display: block; padding: 0px 10px; height: 25px; line-height: 26px; border-top: 1px solid #A3D6F3; cursor: pointer; }
#tags-suggest a:hover,
#tags-suggest li.selected a { color: #000000; background-color: #FFFFFF; font-weight: bold; }

/**********/
/* MATRIX */
/**********/
#form-matrix button { font-size: 16px; font-weight: bold; padding: 5px; }
#matrix {}
#matrix ul { padding: 0px; margin: 0px; }
#matrix li { display: block; list-style: none; width: 310px; padding: 10px 0px 0px 0px; height: 185px; float: left; position: relative; z-index: 0; }
#matrix .content { width: 280px; height: 100px; padding: 75px 0px 0px 10px; position: relative; border: 1px solid #FFFFFF; margin: 0px; background: #E1F2FB; }
#matrix .move { display: block; width: 20px; height: 20px; cursor: move; background: #FFFFFF; position: absolute; top: 0px; left: 0px; }
#matrix .img { width: 62px; height: 62px; position: absolute; top: 10px; left: 30px; }
#matrix .frame { width: 62px; height: 62px; position: absolute; top: 0px; left: 0px; background: url(/images/admin/frame.png) no-repeat left top; }
#matrix .input { width: 258px; }
#matrix .file { width: 270px; }
#matrix .input.char { width: 21px; background: url(/images/char.png) no-repeat left top; padding: 3px 0px 3px 0px; border: 0px; overflow: hidden; text-align: center; line-height: 20px; position: absolute; top: 45px; left: 35px;  }
#matrix label { display: block; color: #999999; font-size: 11px; }

/*******/
/* ADS */
/*******/
#ads {}
#ads h2 { font-size: 14px; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: -25px; }
#ads table { margin: 0px 0px 20px 0px; padding: 0px; }
#ads td { padding-right: 10px; vertical-align: top; line-height: 25px; }
#ads td.spacer { padding-left: 20px; }
#ads .preview { width: 230px; border: 1px solid #A3D6F3; line-height: 8px; text-align: center; }
#ads .input { width: 200px; }
#ads .input.short { width: 30px; }
#ads .hr-line { background: none; }
#ads .hr-line span { display: block; background: url(/images/admin/hr-line.png) repeat-x left center; line-height: 16px; padding: 0px 0px 0px 9px; color: #5A6164;
font-size: 12px; margin-right: 1px; }
#ads .hr-line span em { font-style: normal; font-weight: normal; background-color: #E1F2FB; padding: 0px 4px; position: relative; top: -1px; }

/************/
/* FORM ADS */
/************/
#form-ads button { font-size: 16px; font-weight: bold; padding: 5px; }

/***********/
/* ARTICLE */
/***********/
#form-article {}
#form-article h2 { font-size: 16px; font-weight: bold; padding: 0px 0px 10px 0px; }
#form-article td { vertical-align: top; padding-top: 2px; }
#form-article label { line-height: 26px; padding-right: 10px; }
#form-article .spacer { width: 50px; }
#form-article label.title { line-height: 32px; font-size: 16px; }
#form-article .wide .input { width: 410px; }
#form-article .wide textarea { width: 600px; height: 500px; }
#form-article .wide label { width: 95px; display: block; }
#form-article .wide select { width: 422px; }
#form-article .normal .input,
#form-article .normal textarea { width: 350px; }
#form-article .wide #form-article-perex { height: 80px; width: 788px; overflow: hidden; }
#form-article button { font-size: 16px; font-weight: bold; padding: 3px 5px; }
#form-article .wide .date-picker { width: 70px; background: #FFFFFF url(/images/calendar/calendar.gif) no-repeat 3px center; padding-left: 23px; }
#form-article #form-article-categories label { display: inline; width: 48%; padding: 0px 0px 0px 0px; margin: 0px 1% 0px 0px; height: auto; float: left; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; }
#form-article #form-article-categories label.disabled { color: #CCCCCC; }
#form-article #form-article-categories input { vertical-align: middle; margin-right: 3px; padding: 0px; }

/****************/
/* ORDER DETAIL */
/****************/
#order-detail { width: 732px; }
#order-detail h2 { font-size: 14px; font-weight: bold; padding: 20px 0px 5px 0px; }

#order-detail .col1,
#order-detail .col2,
#order-detail .col3 { width: 30%; float: left; padding-bottom: 10px; }
#order-detail .col1,
#order-detail .col2 { margin-right: 3%; }

#order-detail td { padding-right: 5px; }

/****************/
/* USER PROFILE */
/****************/
#form-user {}
#form-user fieldset { width: 49%; float: left; padding-bottom: 20px; }
#form-user h2 { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
#form-user p { height: 30px; padding: 0px; margin: 0px; }
#form-user label { width: 75px; display: block; float: left; line-height: 26px; }
#form-user label.inline { widt: auto; display: inline; float: none; }
#form-user button { font-size: 16px; padding: 5px 10px; font-weight: bold; }

/****************/
/* GALLERY LIST */
/****************/
#gallery-list {}
#gallery-list .item { border: 1px solid #FFFFFF; padding: 10px 30px 10px 10px; height: 91px; position: relative; width: 260px; margin: 0px 10px 10px 0px; float: left; }
#gallery-list .item:hover { background-color: #ECF7FD; }
#gallery-list .img { width: 83px; height: 89px; overflow: hidden; text-align: center; border: 1px solid #067DC1; float: left; margin-right: 10px; background: #C8E7F9 url(/images/admin/default-img.png) no-repeat center center; }
#gallery-list h2 { font-size: 14px; font-weight: bold; padding: 0px 0px 5px 0px; }
#gallery-list p { font-size: 12px; line-height: 20px; }
#gallery-list .del { display: block; width: 14px; height: 14px; background: url(/images/admin/del-off.png) no-repeat left top; position: absolute; top: 10px; right: 10px; }
#gallery-list .del img { visibility: hidden; }
#gallery-list .del:hover img { visibility: visible; }
#gallery-list .edit { display: block; width: 15px; height: 14px; background: url(/images/admin/edit-off.png) no-repeat left top; position: absolute; top: 32px; right: 10px; }
#gallery-list .edit img { visibility: hidden; }
#gallery-list .edit:hover img { visibility: visible; }

/****************/
/* GALLERY EDIT */
/****************/
#gallery-edit {}
#gallery-edit ul { margin: 0px; padding: 0px; }
#gallery-edit li { padding: 0px 30px 0px 0px; background-color: #E1F2FB; list-style: none; float: left; }
#gallery-edit .item { background: url(/images/admin/hr-line.png) repeat-x left bottom; padding: 10px 0px 12px 0px; width: 440px; position: relative; }
#gallery-edit .img { width: 83px; height: 89px; overflow: hidden; text-align: center; border: 1px solid #067DC1; float: left; margin-right: 10px; background: #C8E7F9 url(/images/admin/default-img.png) no-repeat center center; }
#gallery-edit .del { display: block; width: 14px; height: 14px; overflow: hidden; position: absolute; top: 10px; right: 10px; background: url(/images/admin/del-off.png) no-repeat left top; }
#gallery-edit .del img { visibility: hidden; }
#gallery-edit .del:hover img { visibility: visible; }

#form-gallery-edit textarea { width: 300px; height: 79px; }
#form-gallery-edit button { font-size: 16px; font-weight: bold; padding: 5px 10px; margin-top: 10px; }

/*************************/
/* GALLERY - IMAGE - ADD */
/*************************/
#gallery-image-add {}
#form-image-add {}
#form-image-add p { width: 440px; clear: both; padding: 0px 0px 5px 0px; }
#form-image-add p.center {}
#form-image-add textarea { width: 300px; height: 79px; }
#form-image-add label { width: 60px; line-height: 26px; display: block; float: left; padding: 0px 0px 0px 0px; }
#form-image-add .file { width: 312px; }
#form-image-add button { font-size: 16px; font-weight: bold; padding: 5px 10px; }
#form-image-add fieldset { width: 49%; float: left; }

/*************/
/* FORM FIND */
/*************/
#form-find { width: 400px; height: 30px; padding: 0px 20px 7px 0px; position: relative; z-index: 1; }
#form-find .input { width: 300px; }
#form-find .button-submit { padding: 2px 5px; }

/********************/
/* STORE CONNECTION */
/********************/
#shop-links {}
#shop-links .preview { border: 1px solid #A3D6F3; background-color: #FFFFFF; width: 231px; }
#shop-links h2 { font-size: 14px; padding: 20px 0px 5px 0px; }
#shop-links ul {  padding: 5px 0px 0px 4px; margin: 0px; }
#shop-links li { list-style: none; background: none; padding: 3px 3px 3px 3px; margin: 0px 0px 10px 0px; float: left; height: 91px; border: 1px solid #FFFFFF; position: relative;  }
#shop-links li.hover { background-color: #EEF8FD; border-color: #A3D6F3; }
#shop-links button { font-size: 16px; font-weight: bold; padding: 5px 10px; margin-top: 10px; }
#shop-links p.center { width: 240px; }
#shop-links .del { display: none; padding: 2px; width: 14px; height: 14px; background: #FFFFFF url(/images/admin/del.png) no-repeat 2px 2px; border: 1px solid #A3D6F3; position: absolute; top: -1px; right: -1px; z-index: 1; }
#shop-links li.hover .del { background-color: #EEF8FD; display: block; }
#shop-links .del:hover img { visibility: hidden; }


/*****************/
/* FORM ADD BOOK */
/*****************/
#form-add-book {}
#form-add-book .input { width: 300px; }
#form-add-book button { padding: 2px 5px; font-size: 12px; font-weight: normal; }

/*******************/
/* FORM DISCUSSION */
/*******************/
#form-discussion {}
#form-discussion td { vertical-align: top; padding: 10px; }
#form-discussion button { margin-top: 10px; padding: 5px 10px; font-size: 16px; font-weight: bold; }
#form-discussion textarea { margin-top: 3px; }
#form-discussion a { padding-right: 20px; }
#form-discussion p.right { float: right; }
#form-discussion p.right a { padding-right: 0px; }

/****************/
/* AUTO SUGGEST */
/****************/
#g-auto-suggest { display: none; width: 200px; font-size: 11px; position: absolute; top: 0px; left: 0px; text-align: left; z-index: 999; }
#g-auto-suggest-content { border: 1px solid #A3D6F3; background-color: #FFFFFF; }
#g-auto-suggest a { display: block; padding: 2px 5px; text-decoration: none; cursor: pointer; }
#g-auto-suggest a:hover,
#g-auto-suggest a.selected { background-color: #ECF7FD; color: #0E77A9; }
#g-auto-suggest a {}

/*************/
/* TOPIC ADS */
/*************/
#topic-ads {}
#topic-ads .column { width: 420px; float: left; padding-left: 10px; }
#topic-ads .column.first { width: 455px; border-left: none;   }
#topic-ads label { width: 75px; display: block; float: left; line-height: 25px; }
#topic-ads p { clear: both; padding-bottom: 3px; }
#topic-ads p.center { background: url(/images/admin/hr-line.png) repeat-x left top; padding-top: 20px; margin-top: 10px; }
#topic-ads button { font-size: 16px; font-weight: bold; padding: 5px 10px; }
#topic-ads h2 { font-size: 14px; font-weight: bold; padding-bottom: 5px; }
#topic-ads .file { width: 280px; }
#topic-ads .short { width: 30px; }
#topic-ads fieldset { margin-top: 15px; padding-top: 10px; background: url(/images/admin/hr-line.png) repeat-x left top; }
#topic-ads fieldset label { display: block; width: 210px; float: left; padding: 3px 3px 3px 10px; margin: 0px 10px 5px 0px; height: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; }
#topic-ads fieldset label.active { background-color: #D5ECF9; }
#topic-ads fieldset em { font-size: 11px; font-style: normal; color: #999999; }
#topic-ads fieldset input { vertical-align: middle; }
#topic-ads fieldset h2 { padding-left: 10px; }
#topic-ads .hr-line { height: 40px; background: url(/images/admin/hr-line.png) repeat-x left center; line-height: 40px; padding: 0px 5px; }
#topic-ads .hr-line span { padding: 0px 5px; background-color: #E1F2FB; color: #666666; }


/*******/
/* TOP */
/*******/
#table-top {}
#table-top .input.tiny { padding: 2px; margin-top: -2px; margin-bottom: -1px; text-align: center; width: 22px; }

/**************/
/* CSS EDITOR */
/**************/
#css-editor {}
#css-editor h2 { font-size: 16px; font-weight: bold; padding: 0px 0px 10px 0px; }
#css-editor .col1 { width: 550px; float: left; margin-right: 50px; padding-bottom: 20px; }
#css-editor .col2 { width: 350px; float: left; padding-bottom: 20px; }

#css-editor-sample { border: 1px solid #A3D6F3; padding: 5px; background-color: #F3FBFE; height: 200px; margin-bottom: 10px; overflow: auto; }

#css-editor-sample-content { background-color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 18px; }

#css-editor-definition { border-top: 1px solid #A3D6F3; }
#css-editor-definition li { border-bottom: 1px solid #A3D6F3; list-style: none; padding: 1px 0px 1px 3px; margin: 0px; font-family: "Courier New", Courier, monospace; }
#css-editor-definition li a.del { display: block; padding: 5px 5px 0px 0px; width: 8px; height: 8px; background: url(/images/admin/editor/del.png) no-repeat 0px 5px; float: right; visibility: hidden; cursor: pointer; }
#css-editor-definition li:hover { background-color: #F3FBFE; }
#css-editor-definition li:hover a.del { visibility: visible; }

#css-editor-buttons { color: #A3D6F3; padding-bottom: 5px; line-height: 25px; position: relative; }
#css-editor-buttons a { cursor: pointer; }
#css-editor-buttons a img { border: 1px solid #A3D6F3; background-color: #FFFFFF; padding: 2px 3px 3px 2px; vertical-align: middle; }
#css-editor-buttons a.selected img { background-color: #F3FBFE; border-color: #70BEED; }
#css-editor-buttons a.toggler img { border: none; background: none; padding: 0px; }

#css-editor-font select { vertical-align: middle; }
#css-editor-font input { text-align: right; padding: 1px 3px 1px 2px; width: 20px; border-right: none; }
#css-editor-font-units { border-left: none; }

#css-editor .slider { display: block; width: 21px; height: 104px; text-align: center; border: 1px solid #A3D6F3; border-bottom: 0px; background: #FFFFFF; position: absolute; visibility: hidden; }
#css-editor .slider {}
#css-editor .slider .value { position: absolute; left: 0px; top: 0px; display: block; width: 21px; height: 20px; line-height: 20px; color: #666666; text-align: center; }
#css-editor .slider .rail { position: absolute; top: 21px; left: 5px; width: 11px; height: 75px; background: url(/images/admin/editor/slider-bg.png) no-repeat center top; }
#css-editor .slider .knob { background: url(/images/admin/editor/slider-knob.png) no-repeat left top; width: 11px; height: 11px; }

#css-editor .menu { position: absolute; visibility: hidden; }
#css-editor .menu ul { display: inline-block; border: 1px solid #A3D6F3; border-bottom: none; margin: 0px !important; padding: 0px !important; }
#css-editor .menu li { display: block; list-style: none; padding: 0px !important; margin: 0px !important; font-size: 11px; line-height: 15px; background-color: #FFFFFF; border-bottom: 1px solid #A3D6F3; }
#css-editor .menu li a { line-height: 15px; padding: 3px 5px; display: block; text-decoration: none; }
#css-editor .menu li a:hover { background-color: #F3FBFE; color: #000000; }
#css-editor .menu img { padding: 0px; margin: 0px; border: none; background: none; }

#css-editor .inputs { width: 550px; padding-bottom: 20px; }
#css-editor .inputs p { width: 48%; float: left; }
#css-editor .inputs .input { width: 150px; }
#css-editor .inputs label { padding-right: 5px; }
#css-editor button { font-size: 16px; font-weight: bold; padding: 5px; margin-top: 10px; }

/* CSS LIST */
#css-list {}
#css-list .col1 { width: 500px; float: left; margin-right: 20px; }
#css-list .col2 { width: 430px; float: left; min-height: 215px; }

#css-list #css-editor-sample { position: fixed; width: 420px; }
#css-list .def { display: none; }

#css-list tr.hover { background-color: #FFFFDD; }