
/* article */
.articlehome{ 
	width:664px;
	float:right;
	display:block;
	margin-bottom:20px;
	overflow:hidden;
}
.tops{
	height:45px;
	position:relative;
	margin-bottom:16px;
	font-size:12px;
	padding-left:15px;
}
/*.tops a.btn_red, .tops a.btn_gray{ width:80px; height:24px; display:block; float:left;}
.tops a.btn_red{ background:url(../img/btn_red.png) no-repeat; margin-right:10px;}
.tops a.btn_gray{ background:url(../img/btn_gray.png) no-repeat;}*/

.tops ul{
	float:right;
	margin:0;
	padding:9px 0 9px 5px;
	width:360px;
	height:18px;
	background:url(../images/order_box_bg.png) no-repeat;
}

.tops ul li{ display:inline; }
.tops ul li a{ 
	font-size:12px; 
	float:left; 
	color:#fff;
	text-decoration:none; 
	margin-right:5px; 
	margin-left:5px;
}
.tops ul li span{ 
	font-size:12px; 
	float:left; 
	color:#fff; 
	text-decoration:none; 
	margin-right:5px; 
	margin-left:5px;
}
.tops ul li a.nottouchdevice:hover{ text-decoration:underline;}
.tops ul li a.gray_text{ color:#999999;}
.tops ul li a.active_tops{
	color:#D3D300;
	font-weight:bold;
	text-decoration:underline;
}
/*.tops ul li a.active_tops{ color:#ec2020; text-decoration:underline;}*/
.tops ul li b{ font-weight:normal; float:left; font-size:12px;}
.tops p{ font-size:12px; position:absolute; right:0; top:40px; padding:0 2px 0 0; margin:0; color:#f0f0f0;}
.no_m_right{ margin-left:0!important;}
.tops ul li span.sortHead {
    text-align:center;
	width:70px;
	margin-right:7px;
}

.tops a.shelvesButton {
	display:block;
	float:left;
	width:63px;
	height:28px;
	padding:8px 0 0 40px;
	color:#fff;
	border:1px #333333 solid;
	
	-pie-background:url(images/shelves_icon.png) no-repeat, linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/shelves_icon.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
	background-image:url(../images/shelves_icon.png), -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/shelves_icon.png), -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/shelves_icon.png), -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/shelves_icon.png), -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/shelves_icon.png), linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-repeat:no-repeat, no-repeat;
	
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
	
	margin-left:10px;
	
	behavior:url('/abvw/css/PIE.htc');
}

.tops a.listButton {
	display:block;
	float:left;
	width:63px;
	height:28px;
	padding:8px 0 0 40px;
	color:#fff;
	border:1px #333333 solid;
	
	-pie-background:url(images/list_icon.png) no-repeat, linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/list_icon.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
	background-image:url(../images/list_icon.png), -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/list_icon.png), -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/list_icon.png), -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/list_icon.png), -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-image:url(../images/list_icon.png), linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background-repeat:no-repeat, no-repeat;
	
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
	margin-left:10px;

	behavior:url('/abvw/css/PIE.htc');
}

.tops a.btn_gray, .tops a.btn_blue{
	float:left;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	width:80px;
	layout-grid-line:80px;
	height:19px;
	text-decoration:none;
	margin-right:10px;
	color:#fff;
	
}
.tops a.btn_gray img, .tops a.btn_blue img{
	display:inline;
	line-height:19px;
    vertical-align:middle;
}

.tops a.shelvesButton:hover {
	-pie-background:url(images/shelves_icon.png) no-repeat, linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/shelves_icon.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
	background-image:url(../images/shelves_icon.png), -webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/shelves_icon.png), -moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/shelves_icon.png), -o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/shelves_icon.png), -ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/shelves_icon.png), linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	
	behavior:url('/abvw/css/PIE.htc');
}

.tops a.listButton:hover {
	-pie-background:url(images/list_icon.png) no-repeat, linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/list_icon.png), -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
	background-image:url(../images/list_icon.png), -webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/list_icon.png), -moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/list_icon.png), -o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/list_icon.png), -ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background-image:url(../images/list_icon.png), linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	
	behavior:url('/abvw/css/PIE.htc');
}

.tops a:hover.btn_blue,.tops a:hover.btn_gray{ 
	border:1px solid #fff; 
	outline:1px solid #727171;
	
	background: rgb(45,123,191); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(45,123,191) 27%, rgb(16,89,163) 77%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,rgb(45,123,191)), color-stop(77%,rgb(16,89,163))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* IE10+ */
	background: linear-gradient(to bottom,  rgb(45,123,191) 27%,rgb(16,89,163) 77%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d7bbf', endColorstr='#1059a3',GradientType=0 ); /* IE6-9 */
	

	margin-right:10px;
}
.tops a.btn_blue,.tops a.btn_gray{ 
	border:1px solid #fff; 
	outline:1px solid #2d83da;
	background-image: linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
	background-image: -o-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
	background-image: -moz-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
	background-image: -webkit-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
	background-image: -ms-linear-gradient(bottom, rgb(69,154,239) 27%, rgb(117,185,254) 77%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.27, rgb(69,154,239)),
	color-stop(0.77, rgb(117,185,254)));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77bafe', endColorstr='#4599ef');
	}

/* section */
.sectionhomebookshelfBackground {
    background:url(../images/shelves_img.png) repeat-y;
	overflow:hidden;
}

.sectionhomebookshelf{ 
	margin-top:10px;
	width:200px;
	float:left;
	text-align:center;
	height:190px;
	margin-left:23px;
	position:relative;
	display:inline-block;
}
p.dop_info{
	position:absolute;
	bottom:-55px;
	left:15px;
	width:140px;
	padding-top:10px;
	padding-bottom:10px;
	border:1px solid #999999;
	text-align:left;
	padding-left:12px;
	padding-right:12px;
	margin:0;
	background:#fff;
	z-index:9999;
	box-shadow: 0 0 4px #ccc;
}
p.dop_info a{ font-size:12px; color:#333333;}
p.dop_info a:hover{ text-decoration:none;}
.cnt_section_bookshelf{ 
	margin:0; 
	padding:5px 0 5px 0;
	height:120px;
	width:195px;
}


.cnt_section_bookshelf:hover{ background-color:rgba(255,255,255,0.2);}
.cnt_section_bookshelf div.img{ 
	display:block;
	margin:0 auto;
}
.cnt_section_bookshelf div.img canvas{ margin:0 auto; height: 120px; width: 130px;}
.cnt_section_bookshelf .text{
	text-align:center;
}
a.name{ color:#333333;font-size:18px; text-decoration:none; font-size:12px;}
a.name:hover{ text-decoration:underline; color:#2d83da;}
.cnt_section_bookshelf .text ul.date{ float:left;}
.cnt_section_bookshelf .text ul.date li{ color:#333333; font-size:11px;}
.cnt_section_bookshelf .text .info{ overflow:hidden; margin-top:10px;}

.cnt_section_bookshelf .text ul.pic{ float:left; margin-left:105px;}
.cnt_section_bookshelf .text ul.pic li{ float:left; display:inline; margin-left:17px;}
.cnt_section_bookshelf .text ul.pic li a{ display:block;}
.cnt_section_bookshelf .text ul.pic li a.sticker{ width:33px; height:35px; background:url(../img/bookshelf/pic_1.png) no-repeat left bottom;}
.cnt_section_bookshelf .text ul.pic li a.pen{ width:32px; height:47px; background:url(../img/bookshelf/pic_2.png) no-repeat 0 center;}
/*.cnt_section .text ul.pic li a.read{
	background:url(../img/section/read.png) no-repeat left center; 
	width:87px; 
	height:25px; 
	margin-top:3px; 
	margin-left:15px;
}*/

.cnt_section_bookshelf .text ul.pic li a.read {
	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
	box-shadow:inset 0px 1px 0px 0px #d6ee23;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
	background-color:#a4d815;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83bd07;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:2px 26px;
	text-decoration:none;
	text-shadow:1px 1px 0px #a2d613;
	margin-left:5px;
}.cnt_section_bookshelf .text ul.pic li a.read:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
	background-color:#83c008;
}.cnt_section_bookshelf .text ul.pic li a.read:active {
	position:relative;
	top:1px;
}
/*.cnt_section .text ul.pic li a.read_hover{
	background:url(../img/section/read_hover.png) no-repeat left center; 
	width:87px; 
	height:25px; 
	margin-top:3px; 
	margin-left:15px;
}*/
.cnt_section_bookshelf .text ul.pic li a.read_hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
	box-shadow:inset 0px 1px 0px 0px #b6b3b3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
	background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
	background-color:#777575;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #63636d;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:2px 26px;
	text-decoration:none;
	text-shadow:1px 1px 0px #686666;
	margin-left:5px;
	line-height:20px;
}.cnt_section_bookshelf .text ul.pic li a.read_hover:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
	background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
	background-color:#3f3d3d;
}.cnt_section_bookshelf .text ul.pic li a.read_hover:active {
	position:relative;
	top:1px;
}
.btn_bott{ 
	display:block; 
	width:278px; 
	height:33px;
	margin:37px 0 0 0;
	border:1px #263957 solid;
	
	-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
	background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
	
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
	
	display:inline-block;
	color:#ffffff;
	font-size:16px;
	padding:6px 0 0 0;
	text-decoration:none;
	text-align:center;
	margin-left:5px;
	
	behavior:url('/abvw/css/PIE.htc');
}
a:hover.btn_bott{
	-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
	background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
	text-decoration:underline;
	
	behavior:url('/abvw/css/PIE.htc');
}

/*=====List css===*/
.sectionhomelist{ 
	height:121px;
	padding-top:10px;
	border-top:1px dashed #cccccc;
	margin-top:10px;
	display:block;
}
.cnt_section_list{ 
	margin:0; 
	padding:10px 0;
	height:100px;
}
.cnt_section_list:hover{ background-color:rgba(255,255,255,0.24); }
.cnt_section_list .img{ 
	display:block;
	width:161px;
	height:120px;
	float:left;
}
.cnt_section_list .img canvas{ margin:0 auto; display:block; height: 100px; width: 130px;}
.cnt_section_list .text{
	float:left;
	height:120px;
	margin:0 0 0 15px;
}
.cnt_section_list .text a.name{ color:#fff;font-size:18px;}
.cnt_section_list .text a.name:hover{ text-decoration:none;}


.cnt_section_list .text ul.date{
margin-top:0px;
float:left;
}
.cnt_section_list .text ul.date li{
color:#ccc;
font-size:13px;
}
/*---*/
.cnt_section_list .text .info{ overflow:hidden; margin-top:10px;}

.cnt_section_list .text ul.pic{
float:left;
margin-left:90px;
}
.cnt_section_list .text ul.pic li{
height:68px;
float:left;
margin-left:10px;
}
.cnt_section_list .text ul.pic li img {
position:relative;
top:100%;
}
.cnt_section_list .text ul.pic li img.sticker {
margin-top:-40px;
}
.cnt_section_list .text ul.pic li img.pen {
margin-top:-40px;
}

.cnt_section_list .text ul.pic li a.read {
	margin-top:30px;
	width:90px;
	height:30px;
	border:1px #263957 solid;
	
	-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
	background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
	
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
	
	display:inline-block;
	color:#ffffff;
	font-size:16px;
	padding:6px 0 0 0;
	text-decoration:none;
	text-align:center;
	margin-left:5px;
	
	behavior:url('/abvw/css/PIE.htc');
}

.cnt_section_list .text ul.pic li a.read:hover {
	-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
	background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
	text-decoration:underline;
	
	behavior:url('/abvw/css/PIE.htc');
}

.cnt_section_list .text ul.pic li a.read:active {
	position:relative;
	top:1px;
}
/*
.cnt_section_list .text ul.pic li a.read:not(':target') {
    filter: none;
    -ms-filter: none;
    background-image: url('../css/button_back_off.svg');
}
.cnt_section_list .text ul.pic li a.read:hover:not(':target') {
    filter: none;
    -ms-filter: none;
    background-image: url('../css/button_back_on.svg');
}
*/

.cnt_section_list .text ul.pic li a.read_hover {
	-moz-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
	-webkit-box-shadow:inset 0px 1px 0px 0px #b6b3b3;
	box-shadow:inset 0px 1px 0px 0px #b6b3b3;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #777575), color-stop(1, #3f3d3d) );
	background:-moz-linear-gradient( center top, #777575 5%, #3f3d3d 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777575', endColorstr='#3f3d3d');
	background-color:#777575;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #63636d;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:2px 26px;
	text-decoration:none;
	text-shadow:1px 1px 0px #686666;
	margin-left:5px;
	line-height:20px;
}.cnt_section_list .text ul.pic li a.read_hover:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3f3d3d), color-stop(1, #777575) );
	background:-moz-linear-gradient( center top, #3f3d3d 5%, #777575 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3d3d', endColorstr='#777575');
	background-color:#3f3d3d;
}.cnt_section_list .text ul.pic li a.read_hover:active {
	position:relative;
	top:1px;
}
#dlgSubMenu
{
	display: none;
	width: 150px;
	height: 90px;
	padding: 3px 3px 3px 3px;
	
}
#dlgOverlay
{
	display: none;
	width: 300px;
	height: 200px;
	padding: 3px 3px 3px 3px;
}
a:hover{
	cursor: pointer;
}
canvas:hover
{
	cursor: pointer;
}

.folder, .file
{
    padding-left: 5px;
    cursor: pointer;
}

.sectionhomebookshelf a.name{ color:#fff; line-height:100%;}