#container { width: 1000px; margin: 20px auto; text-align: left; border: solid 0px red; }
#wrapper_main {	float: left; width: 810px; border: solid 0px blue; }
#l_top { width: 810px; height: 98px; border: solid 0px green; }
/*#l_top2 { width: 810px; height: 98px; position: absolute; }*/
#l_main_left { float: left; width: 205px; text-align: left; border: solid 0px red; }
#l_main_right { float: left; width: 605px; border: solid 0px green; }
#l_right { float: left; width: 190px; }
#l_bottom {
	clear: both; height: 30px; margin-bottom: 20px; background: #fff url(/img/bottom.jpg);
	font-size: 8pt; color: #fff; text-align: center; border: solid 0px red;
}
#l_bottom a { padding: 0px 10px; font-weight: normal; color: #fff; }
#l_bottom a:hover { text-decoration: underline; }
#div_console { position: fixed; width: 100%; height: 150px; padding: 10px; bottom: 0px; background-color: #fff; font-size: 8pt; text-align: left; border: solid 1px #555; }

body {
	margin: 0px; text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; font-size: 9pt;
	background: #fff url(/img/main_grad.gif) repeat-x;
}

img { border: none; vertical-align: middle; }
form { margin: 0px; padding: 0px; }
h1 { margin-top: 10px; font-size: 16pt; color: #296776; text-align: center; }
h2 { font-size: 15pt; }
h3 { margin: 0px; padding: 25px 10px 10px 10px; font-size: 12pt; text-align: center; }
h4 { margin: 0px; padding: 0px; font-size: 10pt; text-decoration: underline; }
h5 { margin: 7px 0px; padding: 0px; font-size: 8pt; }
select { border: 1px solid #888; opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100); }
hr { border: none; border-top: solid 1px #cce4f2; }
ol { text-align: left; }
ol li, ul li { margin: 0px 0px 10px 0px; }

.top { vertical-align: top; }
.col1 { color: #296776; }
.col2 { color: #da8b48; }
.center { text-align: center; }
.left { text-align: left; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.bold { font-weight: bold; }
.small { font-size: 8pt; }
.underline { text-decoration: underline; }
.file { margin: 0px auto; }
.nobr, .nowrap { white-space: nowrap; }
.clear { clear: both; }
.margin10 { margin: 10px; }
.margin20 { margin: 20px; }
.p10 { padding: 10px; }
.p20 { padding: 20px; }
.red { color: red; }

div.pages { text-align: center; padding: 3px; font-size: 10pt; line-height: 16pt; border: 0px solid red; }
span.page_nr { padding: 0px; border: solid 0px #830509; }
span.page_nr a:link, span.page_nr a:visited, span.page_nr a:active { padding: 2px 7px; font-weight: bold; text-decoration: none; color: #296776; }
span.page_nr a:hover { background-color: #eee; color: #0000ff; }
span.active { padding: 2px 7px; background-color: #edf6fc; font-weight: bold; border: solid 1px #aaa; }

.button { border: 1px solid #ac8336; background-color: #f7f1e0; padding: 5px; color: #524200; font-size: 10pt; font-weight: bold; vertical-align: middle; }
.err_form { border: 0px solid red; margin-bottom: 5px; padding: 3px; background-color: #ffbbbb; text-align: center; font-size: 10pt; }
.div_message { margin: 10px; width: 90%; min-height: 120px; _height: 120px; text-align: left; background-color: #fff; padding: 10px; border: dashed 1px blue; }
.note { margin: 10px 50px; border: solid 0px red; }
img.icon { vertical-align: middle; margin-right: 5px; }
input.radio { vertical-align: middle; }
input.checkbox { vertical-align: middle; }
input.inputtext, input[type=text] { border: 1px solid #888; background-color: #fff; font-weight: bold; }
.border_red { border: solid 1px red; }
.border_green { border: solid 1px green; }
.border_blue { border: solid 1px blue; }

#popup {
	position: absolute; top: -1000px; z-index: 50000; border: 1px solid black; background-color: #f6ebb6;
	text-align: left; font-size: 9pt; padding: 5px 10px 5px 10px;
}

#show_div { position: absolute; overflow: hidden; background-color: #fff; border: solid 1px #000; font-size: 10pt; z-index: 100; }
#show_div_shadow { position: absolute; background-color: #000; opacity: 0.3; MozOpacity: 0.3; filter: alpha(opacity:30); z-index: 99; }
#show_div_top { height: 18px; padding: 0px 5px 0px 10px; border-bottom: solid 1px #000; background: url(/img/btn_middle.png) repeat-x 0px -7px; text-align: left; font-weight: bold; color: #fff; z-index: 1000; }
#show_div_a { float: right; margin-top: 1px; }
#show_div_title { float: left; }
#show_div_main { clear: both; overflow: auto; padding: 10px; text-align: left; }

#top_menu { position: absolute; width: 400px; margin: 10px 0px 0px 415px; padding: 0px; list-style: none; border: solid 0px green; }
/*#top_menu li{ position: absolute; margin: 0px; background: url(/img/icons.png) no-repeat; text-align: center; }*/
#top_menu li { float: left; margin-left: 0px; background: url(/img/icons.png) no-repeat; text-align: center; border: solid 0px red; }
#top_menu li a { width: 80px; height: 64px; display: block; font-size: 8pt; border: solid 0px red; }

#top_menu #i1 { background-position: 16px 16px; }
#top_menu #i2 { background-position: -184px 16px; }
#top_menu #i3 { background-position: -384px 16px; }
#top_menu #i4 { background-position: -584px 16px; }
#top_menu #i5 { background-position: -784px 16px; }

div.box1 { width: 195px; margin: 0px 0px 20px 0px; text-align: left; border: solid 0px red; }
div.box1 div.header { height: 29px; background: #fff url(/img/left_box_top.jpg); }
div.box1 div.header_txt { padding: 5px 0px 0px 10px; font-size: 12pt; font-weight: bold; color: #3b6979; border: solid 0px red; }
div.box1 div.item { padding: 2px 10px; background: url(/img/left_box_middle.gif) repeat-y; }
div.box1 div.item_active { padding: 2px 10px; background-color: #fff; cursor: pointer; }
div.box1 div.footer { height: 9px; background: url(/img/left_box_bottom.jpg); }
div.box1 div.header_cat { height: 49px; background: #fff url(/img/cat_box_top.jpg); }
div.box1 div.header_cat_txt { padding: 20px 0px 0px 10px; font-size: 12pt; font-weight: bold; color: #fff; border: solid 0px red; }
div.box1 div.header_search { height: 46px; background: url(/img/search_box_top.jpg) no-repeat; }
div.box1 div.header_search_txt { padding: 15px 0px 0px 10px; font-size: 12pt; font-weight: bold; color: #3b6979; border: solid 0px red; }
div.box1 a:link { font-weight: normal; text-decoration: none; color: #184d5a; }
div.box1 a:visited { font-weight: normal; text-decoration: none; color: #184d5a; }
div.box1 a:hover { font-weight: normal; text-decoration: none; color: #001d2a; }
div.box1 a:active { font-weight: normal; text-decoration: none; color: #001d2a; }
div.box1 div.input_bkg { height: 28px; background: url(/img/edit_bkg.png) no-repeat; border: solid 0px red; }
div.box1 input.search { width: 135px; height: 16px; margin: 3px 0px 0px 4px; border: solid 0px #000; font-size: 9pt; font-weight: bold; }
div.box1 select { width: 138px; height: 19px; margin: 3px 0px 0px 5px; font-size: 8pt; border: solid 0px #000; }
div.box1 div.item2 { padding: 0px 10px; background: url(/img/left_box_middle.gif) repeat-y; }
div.box1 div.item2 a { color: #296776; }
div.box1 div.item2 a:hover { color: #79a7b6; text-decoration: underline; }
div.box1 div.item2_title { padding-top: 3px; font-size: 8pt; white-space: nowrap; overflow: hidden; }
div.box1 div.item2_title:hover { background-color: #fff; cursor: pointer; }

div.box2 { width: 605px; margin: 5px 0px 10px 0px; text-align: left; overflow: hidden; border: solid 0px red; }
div.box2 div.header { height: 25px; background: #fff url(/img/mid_box_top.jpg); }
div.box2 div.header_txt { padding: 4px 0px 0px 10px; font-size: 10.5pt; font-weight: bold; color: #9d1f2e; border: solid 0px red; }
div.box2 div.header_txt2 { padding: 4px 0px 0px 10px; font-size: 10.5pt; font-weight: bold; text-align: center; color: #ac7e70; border: solid 0px red; }
div.box2 div.header_txt3 { font-size: 9pt; color: #ac7e70; font-weight: bold; text-align: center; }
div.box2 div.contents { padding: 10px 10px 0px 10px; font-size: 8pt; text-align: justify; border-left: solid 1px #f7d9b3; border-right: solid 1px #f7d9b3; }
div.box2 div.calendar { float: left; width: 50px; height: 57px; margin: 0px 15px 10px 0px; background: url(/img/calendar.jpg); text-align: center; font-size: 8pt; font-weight: bold; border: solid 0px red; }
div.box2 div.calendar_y { margin-top: 1px; font-size: 7.5pt; color: #fff; }
div.box2 div.calendar_m { margin-top: 2px; }
div.box2 div.calendar_d { font-size: 14pt; }
div.box2 div.title { margin-bottom: 5px; color: #b80809; font-size: 9pt; font-weight: bold; border: solid 0px red; }
div.box2 div.image { float: right; width: 90px; max-height: 120px; margin: 0px 0px 10px 15px; border: solid 0px red; }
div.box2 div.space { clear: both; height: 10px; font-size: 8pt; text-align: right; border: solid 0px red; }
div.box2 div.bottom { padding: 5px 15px 0px 15px; border-left: solid 1px #f7d9b3; border-right: solid 1px #f7d9b3; font-size: 8pt; }
div.box2 a { font-weight: normal; }
div.box2 div.added { padding: 10px 0px 0px 0px; color: #888; font-size: 7.5pt; border: solid 0px red; }
div.box2 div.footer { height: 13px; background: #fff url(/img/mid_box_bottom.gif); }
div.box2 hr { width: 40%; border: none; border-top: solid 1px #e4c493; }
div.box2 div.new_texts_author { height: 16px; }
div.box2 div.new_texts_title { margin-bottom: 2px; font-size: 9pt; white-space: nowrap; overflow: hidden; }
div.box2 div.new_texts_title a { color: #9d1f2e; font-weight: normal; }
div.box2 div.new_texts_data { padding: 2px 5px; margin-bottom: 10px; white-space: nowrap; overflow: hidden; font-size: 7pt; color: #c8775e; background: url(/img/toc_grad.gif) repeat-x; }

div.box3 { margin: 20px auto; font-size: 11pt; font-weight: bold; text-align: center; border: solid 0px red; }
div.box3 div.header { margin: 5px 0px 0px 10px; color: #da8b48; text-align: left; }

div.box_atrament { padding: 20px 0px; font-family: Courier; text-align: center; border: solid 0px red; }
div.box_atrament a:link, div.box_atrament a:visited, div.box_atrament a:active { color: #000; }
div.box_atrament a:hover { color: #888; }

div.box_mybook { width: 180px; height: 110px; margin: 20px auto; background: url(/img/box_mybook.jpg) no-repeat; }
div.box_mybook div.txt1 { margin: 0px 10px 0px 60px; padding: 10px 0px; text-align: center; }

div.user_login_box { display: inline; } 
div.user_login_box img { vertical-align: top; }

#box_login { width: 190px; height: 161px; margin: 0px auto; font-size: 8pt; border: solid 0px red; }
#box_login_bkg { width: 190px; height: 161px; background: url(/img/login_bkg.png); border: solid 0px red; }
#box_login_loader { display: none; width: 190px; height: 161px; position: absolute; padding-top: 50px; text-align: center; }
#box_login div.box { position: absolute; width: 190px; height: 24px; background: url(/img/edit_login.png) no-repeat; background-position: 55px 0px; border: solid 0px red; }
#box_login div.box_text { position: absolute; margin: 5px 0px 0px 15px; }
#box_login input.edit { width: 100px; height: 13px; margin: 2px 0px 0px 60px; font-size: 8pt; font-weight: bold; border: solid 0px red; }
#box_login div.links { position: absolute; margin: 105px 0px 0px 20px; }
#box_login div.button { }
#box_login a:link, #box_login a:visited { font-weight: normal; text-decoration: none; color: #296776; }
#box_login a:hover, #box_login a:active { font-weight: normal; text-decoration: none; color: #79a7b6; }
#box_login div.remember_password { position: absolute; margin: 75px 0px 0px 15px; }
#box_login div.error { position: absolute; margin: 60px 0px 0px 20px; color: red; }
#box_login div.btn { position: absolute; margin: 62px 0px 0px 125px; }
#box_login div.logged { padding: 20px 15px 0px 20px; line-height: 12pt; }
#box_login div.logged img { margin: 0px 5px; }

img.txt_img { display: block; margin: 5px auto; }

div.text { margin: 10px 5px; text-align: justify; background: #fff url(/img/text_top.gif) repeat-x; overflow: hidden; border: solid 1px #f3f1e0; }
div.text h1 { margin: 5px 0px 15px 0px; text-align: left; color: #154168; }
div.text p { margin: 0px; text-align: justify; text-indent: 20px; line-height: 12pt; }
div.text_header { margin-bottom: 5px; padding: 5px; border: solid 0px green; }
/*div.text_middle { min-height: 200px; max-height: 1200px; padding: 10px; overflow: auto; border: solid 0px red; }*/
div.text_middle { margin-top: 10px; padding: 10px; border: solid 0px red; }
div.text_footer { text-align: center; border: solid 0px green; }
div.text .title { font-size: 12pt; font-weight: bold; color: #1a496d; }
div.text .title_volume { margin: 5px 0px 5px 0px; font-size: 10pt; color: #838383; }

div.toc { margin: 10px 5px; border: solid 0px red; }
div.toc .header { height: 30px; background: url(/img/toc_grad.gif); }
div.toc .header_text { padding: 5px 0px 0px 10px; color: #9d1f2e; font-size: 11pt; font-weight: bold; }
div.toc .contents { padding: 5px; background-color: #fcf8f2; border-right: solid 1px #ffe9c8; border-bottom: solid 1px #ffe9c8; border-left: solid 1px #ffe9c8; }
div.toc a { font-weight: normal; }

div.other_volumes { margin: 20px 5px; color: #888; border: solid 0px red; }
div.other_volumes .header { height: 25px; background-color: #f4f2ee; }
div.other_volumes .header_text { padding: 5px 0px 0px 10px; font-weight: bold; }
div.other_volumes .contents { padding: 5px; }
div.other_volumes a { color: #8598a2; font-weight: normal; }
div.other_volumes a:hover { color: #a5b8c2; }

div.eval0 { border: solid 0px red; }
div.eval1 { height: 14px; background: url(/img/sprite_eval.gif) repeat-x; background-position: 0px -14px; }
div.eval2 { height: 14px; background: url(/img/sprite_eval.gif) repeat-x; }
div.eval_values { float: left; margin-left: 10px; font-size: 8pt; color: #888; }

div.box_mobi { width: 198px; height: 109px; margin-right: 10px; background: #fff url(/img/box_mobi.png); }
div.box_mobi .header { padding: 10px 0px 0px 95px; font-size: 12pt; color: #ab5934; }
div.box_mobi .txt1 { padding: 10px 0px 3px 75px; font-size: 8pt; }
div.box_mobi .txt1 a { font-weight: normal; }
/*div.box_mobi .txt2 { padding: 5px 0px 0px 84px; font-size: 9pt; }*/

div.genres_tbox { width: 570px; margin: 5px auto 30px auto; text-align: left; border: solid 0px red; }
div.genres_tbox .left { float: left; width: 480px; border: solid 0px green; }
div.genres_tbox .login { margin: 3px; border: solid 0px green; }
div.genres_tbox .txt { font-size: 14pt; margin: 2px 0px; border: solid 0px red; }
div.genres_tbox .txt a { color: #9d1f2e; font-weight: normal; }
div.genres_tbox .txt a:hover { color: #ed5f6e; }
div.genres_tbox .text_data { clear: both; padding: 3px 10px; font-size: 7pt; color: #c8775e; background: url(/img/toc_grad.gif) repeat-x; }
div.genres_tbox .volume_data { margin-bottom: 3px; color: #555; font-style: italic; }
div.genres_tbox div.fb_like { clear: both; margin: 0px 0px 5px 0px; border: solid 0px green;  }
div.genres_header { padding: 10px 10px 5px 10px; font-size: 8pt; }
select.sort { background-color: #fffefb; font-size: 8pt; border: solid 1px #d3d1c0; }

div.comments { margin-top: 20px; text-align: left; border: solid 0px red; }
div.comments_header { height: 30px; margin: 5px auto; background: url(/img/table_grad.gif) repeat-x; font-weight: bold; }
div.comment_box { font-size: 8pt; margin: 5px auto; padding: 5px; background-color: #fcf9f2; border: solid 1px #fbfaf5; }
div.comment_box div.avatar { float: left; width: 70px; height: 70px; border: solid 0px orange; }
div.comment_box div.content { float: left; margin-left: 10px; width: 490px; border: solid 0px green; }
div.comment_box div.login { padding: 5px 0px 5px 10px; color: #888; border: solid 0px red; }

div.works_box { margin: 10px; padding: 10px; text-align: left; background-color: #fcfbf7; font-size: 8pt; border: solid 1px #c7a889; }
div.works_box div.title { font-size: 12pt; font-weight: bold; border: solid 0px red; }
div.works_box span.volume_type { font-size: 9pt; color: #888; }
div.works_box div.data { margin-top: 10px; text-align: center; display: none; }
div.works_box div.info_box { width: 100%; }
div.works_box div.info1 { float: left; margin: 5px 0px 0px 0px; border: solid 0px green; }
div.works_box div.info2 { float: left; margin: 5px 0px 0px 50px; border: solid 0px green; }
div.works_box div.info3 { float: right; margin: -15px 5px 0px 0px; border: solid 0px green; }
div.works_box span.show_hide { padding: 0px 10px 0px 0px; }
table.works_data { width: 100%; margin: 0px auto; border-collapse: collapse; text-align: left; border: solid 0px red; }
table.works_data thead td { font-size: 8pt; font-weight: bold; border-top: none; }
table.works_data td { padding: 5px 5px; border-top: solid 1px #e6e2d6; }
table.works_data td a { font-weight: normal; }
table.works_data tr.active { background-color: #fafafa; }

div.showcase_box1 { width: 500px; margin: 5px auto; padding: 10px; border: solid 0px red; }
div.showcase_box1 .avatar { float: left; margin: 10px 5px; }
div.showcase_box1 .box_middle { float: left; width: 320px; margin: 10px 0px; border: solid 0px green; }
div.showcase_box1 .login { color: #82404c; font-size: 11pt; font-weight: bold; }
div.showcase_box1 .login_status { font-size: 8pt; font-weight: normal; color: #888; line-height: 12pt; }
div.showcase_box1 .page_www { margin-top: 5px; }
div.showcase_box1 .icons { float: left; width: 75px; margin: 10px 5px 10px 0px; text-align: right; border: solid 0px blue; }

div.showcase_box2 { width: 400px; margin: 5px auto; border: solid 0px red; }
div.showcase_box2 table { width: 100%; border-collapse: collapse; background-color: #fff; font-size: 8pt; border: solid 0px green; }
div.showcase_box2 table td { padding: 3px; border: solid 0px #ccc; }
div.showcase_box2 table td.data { font-weight: bold; }

div.showcase_box3 { width: 590px; margin: 20px auto; }

div.showcase_box4 { width: 590px; margin: 20px auto; }

div.showcase_box5 { width: 590px; margin: 20px auto; }
div.showcase_box5 .volume { padding: 5px 20px; font-size: 10pt; color: #838383; border: solid 0px red; }
div.showcase_box5 table a { font-weight: normal; }
table.volume { width: 570px; border-collapse: collapse; margin: 0px 10px; border: solid 1px green; }
table.volume tr.header { font-weight: bold; }
table.volume td { padding: 2px 10px; font-size: 8pt; color: #000; border: solid 0px red; }
table.volume td.volume_title { padding: 10px 20px 2px 20px; border-bottom: solid 1px #aaa; font-size: 10pt; color: #838383; }
table.volume td.volume_title a { font-weight: bold; }

.showcase_header { height: 30px; background: url(/img/toc_grad.gif); }
.showcase_header_txt { padding: 7px 0px 0px 10px; font-weight: bold; }
.showcase_content { padding: 10px; background-color: #fcf8f2; border-right: solid 1px #ffe9c8; border-bottom: solid 1px #ffe9c8; border-left: solid 1px #ffe9c8; }

div.pb_txt { margin: 10px 0px; padding: 10px; text-align: left; border-left: solid 1px #d3d1c0; }
div.pb_txt img.cover { float: left; margin: 0px 20px 10px 0px; border: solid 0px green; }
div.pb_title { margin: 0px 0px 5px 0px; font-weight: bold; }
div.pb_publisher { margin: 0px 0px 15px 0px; color: #888; }
div.pb_options { float: right; }


div.html_docs { margin: 0px 10px 20px 10px; text-align: justify; font-size: 9pt; line-height: 12pt; border: solid 0px red; }
div.html_docs div.docs_box { margin-bottom: 30px; }
div.html_docs div.docs_box img.img_box { float: left; margin: 0px 10px 10px 0px; }
div.html_docs div.docs_box h3 { margin: 10px auto; padding: 10px; background-color: #f5f5f5; }

table.tab_pm_types { margin: 20px auto; }
table.tab_pm_types td { padding: 0px 10px; }
tr.bkg_0 { background-color: #fcfbf4; }
tr.bkg_1 { background-color: #f9f5e5; }
div.pm_c_box { padding: 5px 10px; background-color: #fdfffa; border-left: solid 3px #aaa; }
div.pm_c_user { padding-bottom: 3px; font-size: 8pt; font-weight: bold; }
div.pm_c_txt { }

h1.search { color: #154168; }
span.volume_title { font-size: 11pt; font-style: normal; }
span.search_txt { font-size: 12pt; color: #154168; font-weight: bold; font-style: italic; }
div.search_count { margin: 2px 0px 10px 0px; text-align: center; }
select.volume { width: 100px; }

/* lightbox */
#lightbox_overlay {
	display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%;
	background-color: black; z-index:1001; -moz-opacity: 0.5; opacity:.50; filter: alpha(opacity=50);
}

#lightbox_content {
	display: none; position: absolute; padding: 0px;
	border: 5px solid orange; background-color: white; z-index:1002; overflow: auto;
}

#lightbox_top { height: 20px; padding: 0px 5px 0px 10px; background-color: orange; border: solid 0px red; }
#lightbox_main { clear: both; }
#lightbox_bottom { }

div.link_box { float: left; width: 195px; height: 215px; margin: 0px 3px; overflow: hidden; cursor: pointer; border: solid 0px red; }
div.link_box div.txt { padding-top: 5px; font-size: 11pt; line-height: 15pt; color: #aa0a12; font-weight: bold; text-align: center; border: solid 0px red; }
div.link_box div.txt a { color: #aa0a12; font-weight: bold; }
div.link_box div.txt a:hover { color: #cc2c35; }
div.box_mbooks { background: url(/img/box_mbooks.png); }
div.box_how { background: url(/img/box_how.png); }
div.box_recommend { background: url(/img/box_recommend.png); }







a:link, span.link { font-weight: bold; text-decoration: none; color: #296776; }
a:visited { font-weight: bold; text-decoration: none; color: #296776; }
a:hover { font-weight: bold; text-decoration: none; color: #79a7b6; }
a:active { font-weight: bold; text-decoration: none; color: #296776; }

table.tab0 { margin: 0px auto; border: 1px solid #ccc; border-collapse: collapse; font-size: 10pt; text-align: left; }
table.tab0 thead, table.tab0 .table_header { background-color: #fef7ed; font-weight: bold; text-align: center; }
table.tab0 tfoot { background-color: #F5E4C2; font-weight: bold; }
table.tab0 td { padding: 5px; border: solid 1px #ccc; }
table.tab0 td small { font-size: 8pt; }
table.tab0 tr.active { background-color: #fafafa; }
table.tab0 td.td2 { background-color: #fafafa; text-align: center; font-size: 8pt; }

table.tab1 { margin: 0px auto; border-collapse: collapse; background-color: #fdfcf9; font-size: 10pt; text-align: left; border: 1px solid #f5edd0; }
table.tab1 thead, table.tab1 .table_header { background: #fef7ed url(/img/table_grad.gif) repeat-x; font-weight: bold; text-align: center; }
table.tab1 td { padding: 5px; border: solid 0px #ccc; }
table.tab1 tr.active { background-color: #fafafa; }

table.tab2 { margin: 0px auto; border-collapse: collapse; background-color: #fdfcf9; font-size: 10pt; text-align: left; border: 1px solid #f5edd0; }
table.tab2 td { padding: 2px 5px; border: solid 0px #ccc; }

table.tab3 { border-collapse: collapse; border: none; font-size: 8pt; }
table.tab3 thead { font-weight: bold; }
table.tab3 td { padding: 2px 10px; border: none; }
table.tab3 td.data { font-weight: bold; }

table.tab4 { margin: 0px auto; border-collapse: collapse; background-color: #fdfcf9; font-size: 10pt; text-align: left; border: 1px solid #f5edd0; }
table.tab4 td { padding: 2px 20px; border: solid 0px #ccc; }

table.tab5 { border-collapse: collapse; border: solid 0px red; }
table.tab5 td { padding: 1px 10px; border: solid 0px red; }

table.tab_hint { border-collapse: collapse; font-size: 8pt; text-align: left; border: solid 0px red; }
table.tab_hint td { padding: 1px 5px; border: solid 0px red; }
table.tab_hint td.td2 { font-weight: bold; }

table.tab_contests td { padding: 5px 20px; text-align: left; }

table.download { margin: 5px auto; }
table.download td { padding: 5px 20px; border: solid 1px #fff; }

table.highlighted tr:hover { background-color: #eee; }

div.info_0 { margin: 30px; padding: 10px; border: solid 2px #c0a25a; background-color: #fffadd; text-align: center; }
div.info_1 { margin: 30px; padding: 10px; border: solid 2px #88a6be; background-color: #f5f9fc; text-align: center; }
div.info_2 { margin: 30px; padding: 10px; border: solid 2px green; text-align: center; }
table.info { margin: 0px auto; font-size: 11pt; line-height: 150%; }


div.tabs { height: 25px; background: #fff url(/img/tab_grad.gif) repeat-x; border: solid 0px green; }
table.tabs { margin: 0px auto; border-collapse: collapse; font-size: 8pt; font-weight: bold; border: solid 0px red; }
table.tabs td { height: 25px; padding: 0px 15px; text-align: center; cursor: pointer; }
table.tabs td.active { background: url(/img/tab_grad_a.gif) repeat-x; }

a.link1 { font-size: 9pt; font-weight: bold; color: #a0a181; }
a.link1:hover { color: red; text-decoration: underline; }

a.link2:link { font-weight: bold; text-decoration: none; color: #610100; }
a.link2:visited { font-weight: bold; text-decoration: none; color: #610100; }
a.link2:hover { font-weight: bold; text-decoration: underline; color: #610100; }
a.link2:active { font-weight: bold; text-decoration: none; color: #610100; }

a.link3:link { font-weight: normal; color: #aaa; }
a.link3:visited { font-weight: normal; color: #aaa; }
a.link3:hover { font-weight: normal; color: #ddd; }
a.link3:active { font-weight: normal; color: #aaa; }

a.link4:link, a.link4:visited, a.link4:active { font-weight: bold; color: #8d161a; }
a.link4:hover { font-weight: bold; color: #cd565a; }

a.link5:link, a.link5:visited, a.link5:active { font-weight: normal; color: #296776;; }
a.link5:hover { font-weight: normal; color: #79a7b6; }

a.link_normal { font-weight: normal; }

ol.ol1 li { margin: 0px 0px 10px 0px; }
ul.ul1 { list-style-type: disc; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; }
ul.ul1 li { margin-bottom: 5px; margin-left: 10px; }
ul.ul2 { padding: 10px 20px; }
ul.ul2 li { list-style-type: none; margin: 0px 0px 10px 0px; }
ul.ul3 { margin: 5px 0px 0px 0px; padding: 0px 0px 0px 25px; font-size: 9pt; list-style-image: url(/img/bullet1.gif); list-style-position: outside; text-align: left; }
ul.ul3 li { margin: 0px 0px 5px 0px; }
ul.ul4 { list-style-type: disc; margin: 0px; padding-left: 20px; border: solid 0px red; }
ul.ul4 li { margin: 2px; }

#options_adm { height: 20px; font-size: 8pt; font-weight: bold; padding: 0px 3px; background-color: #D9CEBC; }

div.box1_top { width: 200px; height: 25px; line-height: 24px; margin: 0px auto; background-image: url(/img/box1_top.gif); font-weight: bold; color: #eee; border: solid 0px red; }
div.box1_middle { width: 200px; margin: 0px auto; text-align: left; font-size: 8pt; background-image: url(/img/box1_middle.gif); border: solid 0px red; }
div.box1_bottom { clear: both; width: 200px; height: 10px; margin: 0px auto; background-image: url(/img/box1_bottom.gif); font-size: 0pt; border: solid 0px red; }
div.box1_content { padding: 5px 10px; }
div.box1_content ul { margin: 0px 0px 0px 12px; padding: 0px; }
div.box1_content ul li { margin: 0px 0px 5px 0px; padding: 0px; }

button {
  border: none; background: none; margin: 5px 4px 1px 3px; padding: 0px; cursor: pointer; overflow: visible;
  width: auto; line-height: normal; vertical-align: middle; font-family: Tahoma, sans-serif;
}
button:active { margin: 6px 3px 0px 4px; }
table.btn1 { border-collapse: collapse; vertical-align: middle !important; }
table.btn1 td {
  height: 30px; margin: 0px; padding: 0px; border: none; vertical-align: middle !important; 
  color: #fff; font-size: 8pt; font-weight: bold;
}
table.btn1 td.btn_left { width: 7px; padding: 0px; background: url(/img/btn_left.png) no-repeat left top; }
table.btn1 td.btn_middle { background: url(/img/btn_middle.png) repeat-x top; text-align: center; white-space: nowrap; padding: 0px 10px; }
table.btn1 td.btn_right { width: 6px; margin-right: 3px; padding: 0px; background: url(/img/btn_right.png) no-repeat right top; }


table.message_header { margin: 0px 0px 5px 10px; border-collapse: collapse; }
table.message_header td { padding: 3px; border: solid 0px red; }
table.message_header td.tab_right { font-size: 8pt; color: #777; text-align: right; }

span.selection { background-color: #e7cbbb; }
span.count { padding: 0px 0px 0px 5px; font-size: 7pt; color: #888; }
span.count2 { padding: 0px 0px 0px 5px; font-size: 8pt; color: #888; }

/*#upload_progressbar { width: 300px; margin: 10px auto; border: solid 1px #000; }
#upload_progressbar_in { width: 0px; height: 20px; background-color: yellow; }
#upload_txt { position: absolute; width: 298px; height: 20px; text-align: center; margin-top: 3px; }*/

#div_logo { position: absolute; width: 200px; height: 80px; margin: 10px 0px 0px 0px; cursor: pointer; border: solid 0px red; }

#lang_box { position: absolute; margin: -10px 0px 0px 30px; border: solid 0px red; }
div.menu_item { padding: 3px; text-align: left; cursor: pointer; }
div.fsize { margin: 1px; padding: 3px; font-size: 8pt; }
div.tab_err { padding: 5px 0px; font-size: 8pt; color: red; }
div.err_header { margin: 0px auto; padding: 10px; text-align: center; color: red; }
div.err1 { margin: 3px 0px 0px 3px; font-size: 8pt; color: red; }

#main_slide_frame { text-align: center; padding: 7px 0px 0px 0px; font-size: 8pt; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100); overflow: hidden; border: solid 0px blue; }
#main_slide_frame div.slide_img { height: 122px; background: url(/img/bookshadow.png) no-repeat 60px 0px; border: solid 0px yellow; }
#main_slide_frame div.slide_author { margin: 5px auto 2px auto; border: solid 0px green; }
#main_slide_frame div.slide_title { padding: 0px 3px; font-weight: bold; }

div.line2 { width: 160px; height: 2px; margin: 0px auto; text-align: center; overflow: hidden; background: url(/img/grad_line2.gif) no-repeat; }
div.fb_box { clear: both; width: 180px; margin: 30px auto; }

div.volume_title { margin: 0px auto; font-size: 12pt; line-height: 14pt; text-align: center; }

div.contests_list, div.trash_list { margin: 10px; text-align: center; }
div.contest_main { margin: 10px; text-align: center; }
div.contest_item { margin: 10px auto; padding: 5px; text-align: left; background-color: #fcf8f2; border: solid 1px #aaa; }
div.contest_users { display: none; margin: 5px auto; padding: 5px; background-color: #fff; text-align: center; font-size: 8pt; border: solid 1px #aaa; }

div.atrament_logo { padding: 100px 0px 20px 280px; background: url(/img/atrament_logo2.gif) no-repeat 120px 0px; font-family: Courier; font-size: 12pt; font-weight: bold; line-height: 14pt; border: solid 0px red; }
div.atrament_logo div.link_fb { float: right; margin-right: 10px; }
div.atrament_logo_fb { padding: 100px 0px 20px 250px; background: url(/img/atrament_logo2.gif) no-repeat 90px 0px; font-family: Courier; font-size: 12pt; font-weight: bold; line-height: 14pt; cursor: pointer; }
div.atrament_like { padding: 0px 10px 10px 10px; border: solid 0px green; }
div.atrament_box { margin-bottom: 20px; text-align: left; border: solid 0px red; }
div.atrament_box div.header { margin-bottom: 10px; padding: 0px 10px; line-height: 30px; background: url(/img/toc_grad.gif) repeat-x; font-weight: bold; color: #c8775e; }
div.atrament_box div.img { float: left; width: 225px; text-align: center; }
div.atrament_box div.issn { padding: 5px; }
div.atrament_box div.content { float: left; width: 350px; border: solid 0px red; }
div.atrament_box div.content_fb { float: left; width: 275px; border: solid 0px red; }
div.atrament_box div.download { margin-top: 10px; border: solid 0px green; }
div.atrament_box div.download:hover { background-color: #fafafa; }
div.atrament_box div.download div.forum_box { float: right; margin-right: 0px; }
div.atrament_box div.download img { margin: 5px 15px 5px 15px; }
div.atrament_box ul { list-style-type: disc; margin: 0px; padding: 10px 0px 0px 10px;}
div.atrament_box ul li { margin-bottom: 5px; margin-left: 10px; }

div.comment_info { padding: 10px 0px 5px 0px; text-align: center; font-size: 8pt; border: solid 0px red; }
span.evals { color: #90b4ca; }

div.formats_box { float: right; font-size: 0.8em; border: solid 0px red; }
div.formats_box img { padding: 0px; }
div.formats_box ul { margin: 0px 0px 0px 0px; padding: 0px; list-style: none; }
div.formats_box ul li { width: 100px; height: 40px; margin: 0px 0px 5px 0px; padding: 0px; border: solid 0px red; }
#btn_mbook { background: url(/img/button_java.gif) no-repeat; }
#btn_epub { background: url(/img/button_epub.gif) no-repeat; }
#btn_mobi { background: url(/img/button_mobi.gif) no-repeat; }
div.formats_box ul li a { padding: 15px 0px 10px 45px; display: block; border: solid 0px green; }

#div_send_to_kindle { margin-top: 10px; padding: 10px 0px; display: none; border-top: 1px dashed #aaa; }
#div_send_to_kindle span.at { font-size: 1.5em; font-weight: bold; }
#kindle_name { width: 150px; padding: 0px 3px; text-align: right; }
#kindle_domain { font-weight: bold; }

div.bottom_menu { padding: 7px; }
div.bottom_cm { position: absolute; margin: 14px 0px 0px 816px; font-size: 7pt; text-align: right; color: #ddd; border: solid 0px red; }

div.votes { float: right; margin-right: 20px; line-height: 16px; border: solid 0px red; }
div.votes div.values { float: left; padding: 0px 5px; font-weight: bold; cursor: pointer; }
div.votes div.box { float: left; width: 20px; height: 12px; margin: 2px; text-align: center; line-height: 10px; font-size: 1em; font-weight: bold; cursor: pointer; border: solid 1px #aaa; }
div.votes span.plus { color: green; }
div.votes span.minus { color: red; }
div.votes div.vote_off { background-color: #ddd; cursor: default; }

table.contest_details tr:hover { background-color: #eee; }
div.loader1 { min-width: 100px; min-height: 165px; background: url(/img/loader1.gif) center no-repeat; border: solid 0px red; }

/* chat */
#chat { width: 800px; border: solid 0px red; }
#chat_users_container { float: left; width: 140px; margin-right: 10px; border: solid 0px red; }
#chat_users_container .header { padding: 10px 5px; text-align: center; color: #fff; font-weight: bold; background: #89b7da url(/f/styles/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png); border-top-left-radius: 5px; border-top-right-radius: 5px; }
#chat_users_list { min-height: 250px; max-height: 500px; padding: 0px; margin: 0px; list-style: none; overflow: hidden; border: solid 1px #89b7da; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
#chat_users_list li { margin: 0px; padding: 5px; white-space: nowrap; cursor: pointer; }
#chat_users_list li.current_talk { color: #aaa; }
#chat_users_list li:hover { background-color: #eee; }
#chat_tabs { float: left; position: relative; width: 640px; border: solid 1px #89b7da; }
#cover_top { position: absolute; width: 590px; padding: 30px; color: #fff; ont-weight: bold; text-align: center; border: solid 0px red; }

#chat_tabs ul { min-height: 100px; }
#chat_tabs ul li { text-align: center; border: solid 0px red; }
#chat_tabs ul li div.tab_login { width: 70px; overflow: hidden; border: solid 0px red; }
div.tab_avatar { width: 70px; height: 70px; border: solid 0px red; }
/*div.tab_content { position: relative; height: 100px; verflow: auto; border: solid 1px red; }
div.tab_content div { position: absolute; bottom: 0px; left: 0px; }*/

#chat_tabs input.chat_input_txt { width: 90%; border: solid 1px #89b7da; }
#chat_tabs input.chat_input_txt:hover { border: solid 1px #5555ff; }
#chat_tabs div.div_txt { float: left; width: 560px; border: solid 0px red; }
#chat_tabs div.div_txt_btn { float: left; padding: 10px 0px 0px 10px; border: solid 0px red; }
#chat_tabs textarea.chat { width: 540px; max-width: 540px; line-height: 1.2em; max-height: 20em; padding: 5px; border: solid 1px #88aaff; }
#chat_tabs div.chat_div_input { position: relative; text-align: center; border: solid 0px red; }
div.cover { position: absolute; display: none; width: 100%; height: 100%; background: #aaa url(/f/styles/images/ui-bg_gloss-wave_55_5c9ccc_500x100.png) repeat-x; opacity: 0.7; -moz-opacity: 0.7; filter: alpha(opacity=70); }
div.cover div.cover_html { padding: 10px 50px; color: #000; font-weight: bold; line-height: 16pt; }
#chat_tabs div.chat_c { max-height: 300px; margin-bottom: 10px; overflow: auto; border: solid 0px green; }
.chat_send_btn { display: inline-block; }
#chat_tabs div.local span.login { padding-right: 10px; color: red; }
#chat_tabs div.remote span.login {padding-right: 10px; color: green; }
#chat_tabs div.server { color: #888; }
#chat_tabs span.time { font-size: 0.8em; color: #888; }
.ui-dialog-title { text-align: left; }
div.chat_close { float: right; cursor: pointer; border: solid 0px red; }

#cookies_info { width: 100%; background-color: #eee; text-align: center; font-size: 8pt; border: solid 0px red; }
#cookies_info a:link, #cookies_info a:visited, #cookies_info a:active { color: #555; }
#cookies_info a:hover { color: #aaa; }
#cookies_info span.close { padding: 0px 20px; font-size: 1.5em; font-weight: bold; vertical-align: middle; }

#cookies_content { padding: 20px 0px; }
#cookies_content p { padding: 0px 10px 10px 10px; text-indent: 2em; }
#cookies_accept { padding: 10px; text-align: center; }

.ui-tooltip, .arrow:after { background: #f6ebb6; border: 2px solid #aaa; }
.ui-tooltip { padding: 10px 20px; border-radius: 10px; box-shadow: 0 0 7px black; }
/*.arrow { width: 70px; height: 16px; overflow: hidden; position: absolute; left: 50%; margin-left: -35px; bottom: -16px; }
.arrow.top { top: -16px; bottom: auto; }
.arrow.top:after { bottom: -20px; top: auto;}
.arrow.left { left: 20%; }
.arrow:after {
	content: ""; position: absolute; left: 20px; top: -20px; width: 25px; height: 25px; box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg);tranform: rotate(45deg);
}*/