/* By PaulZi [2009-10-26] */
@import url("reset.css");
@import url("public.css");

/*******************/
/* Global elements */
body { background-color: #3d3d3d; color: #999; font-family: Tahoma, sans-serif; line-height: 1.2em; }
a { color: #fff; }
h3 { color: #feba00; font-weight: normal; text-align: left; margin: 1.5em 0em 0.5em 0em; }


/*******************/
/* Global classes  */


/*******************/
/*     Layouts     */
.layRoot { background-color: #000; width: 990px; margin: 0px auto; }

.layHeader { width: 100%; overflow: hidden; }
.layHeader .logo { float: left; }
.layHeader .subscribe { background-color: #f9b900; color: #000; padding: 34px 0px 34px 20px; margin-left:542px; }
.layHeader .subscribe p { border-bottom: solid 1px #000; padding: 6px 0px; margin: 0px; }
.layHeader .subscribe p.fst { border-top: solid 1px #000; padding: 4px 0px; }
.layHeader .subscribe a { text-decoration: none; }
.layHeader .subscribe a:hover { text-decoration: underline; color: #fff; }
.layHeader .subscribe .msg { padding: 7px 0px; }

.layMain { padding: 0px 23px; }

.layFooter { font-size: 80%; }
.layFooter .reform { float: right; padding: 20px 23px 0px 0px; text-align:right; }

/*******************/
/*     Modules     */
.mdlBook .desc { color: #feba00; width: 340px; height: 600px; margin-bottom: -627px; text-align: justify; padding-top: 27px; }
.mdlBook .page { text-align: right; }
.mdlBook #swfMain { outline: none; }

.mdlCols { width: 100%; }
.mdlCols .fst { width: 513px; padding-right: 5px; }

.mdlCatalog { width: 100%; overflow: hidden; margin: 10px 0px; }
.mdlCatalog .item { text-align: center; width: 171px; float:left; margin-bottom: 10px; }
.mdlCatalog .item .panel { text-align: left; padding-top: 5px; }
.mdlCatalog .item .panel a { text-decoration: none; }
.mdlCatalog .item .panel span { padding-left: 20px; cursor: pointer; margin-right: 10px; color: #999; }
.mdlCatalog .item .panel a:hover span, .mdlCatalog .act .panel span { color: #feba00; }
.mdlCatalog .item .panel .read span { background: transparent url(/public/images/design/ctgView.gif) no-repeat scroll left center; }
.mdlCatalog .item .panel .download span { background: transparent url(/public/images/design/ctgDownload.gif) no-repeat scroll left center; padding-left: 16px; }
.mdlCatalog .act .panel .read span { background: transparent url(/public/images/design/ctgViewAct.gif) no-repeat scroll left center; }
.mdlCatalog .act .panel .download span { background: transparent url(/public/images/design/ctgDownloadAct.gif) no-repeat scroll left center; }

.mdlComments form { border: solid 1px #2f2f2f; padding: 5px 0px 0px 10px; }
.mdlComments form p { margin: 0px; }
.mdlComments .f_name input { background-color: transparent; border: none; border-bottom: solid 1px #2f2f2f; color: #fff; text-align: center; width: 440px; }
.mdlComments .f_code input { background-color: transparent; border: none; border-bottom: solid 1px #2f2f2f; color: #fff; text-align: center; width: 370px; }
.mdlComments .f_code img { margin-top: 3px; }
.mdlComments .f_submit { padding: 8px 15px; text-align: right; }
.mdlComments .f_submit input { background-color: transparent; border: none; color: #fff; cursor: pointer; }
.mdlComments textarea { background: transparent url(/public/images/design/cmntsTextBg.gif) repeat scroll left top; border: none; color: #fff; overflow: hidden; padding-top: 3px; height: 147px; width: 100%; line-height: 25px; }

.mdlMusic { padding: 52px 0px 20px 0px; }