@charset "UTF-8";

html, body {
}

body
{
    font: normal 13px helvetica,arial,sans-serif;
    color:#f0f0f0;
    margin:0 auto;
    background:#F3F3F3;
}

.research
{
	position: absolute;
	width: 355px;
	top: 45px;
	right: 3%;
	max-height: 550px;
	overflow: auto;
	overflow-x: hidden;
	background: white;
	z-index: 9999;
} 

.listresearch
{
	overflow: hidden;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	text-decoration: none;
}

.listresearch a
{
	font-size: 13px;
	font-weight: bold;
	float: left;
	padding: 2px 8px;
	color: #2F2F2F;
	cursor: pointer;
	background: white;
	height: 25px;
	line-height: 25px;
	white-space: nowrap;
}

.listresearch a:hover{
    color: #8B8B8B;
	list-style: none;
	text-decoration: none;
}

.ls
{
	float: left;
	padding: 1px 8px;
	max-height: 35px;
	line-height: 15px;
	color: #5C5C5C;
	word-wrap: break-word;
	clear: both;
}


	/**
	*	New
	**/

.leftMenu {
    width: 100px;
    height: 300px;
    background: green;
    float: left;
}
.last:after {
    clear: both;
}
.block1 {
    background-color: red;
    width: 400px;
    height: 50px;
}
.block2 {
    background-color: blue;
    width: 400px;
    height: 100px;
}



#wrapper 
{
	width: 1000px;
	margin: 0 auto;
}

#wrapper2
{
	margin: 0 auto;
}

a
{
    text-decoration:none;
}

a:hover
{
    text-decoration:underline;
    color:inherit;
}

img 
{
    image-rendering: optimizeQuality;
    -ms-interpolation-mode: bicubic;
    border:none;
}

h1
{
    margin:0;
    font-size:20px;
    font-weight:normal;
    overflow:hidden;
}

h2
{
    margin:0;
    font-size:13px;
}

form
{
    display:inline;
}

input[type="text"]{
    width: 250px;
	height: 20px;
    border: 1px solid #ddd;
    padding: 2px 3px;
    font-size:12px;
    margin: 5px 8px 5px 0;
    text-align:center;

    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
}

#searchbox
{
    width:270px;

    text-align:left;
    padding-left:4px;

    background: rgb(249,249,249); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(249,249,249,1) 0%, rgba(255,255,255,1) 74%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(249,249,249,1)), color-stop(74%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(249,249,249,1) 0%,rgba(255,255,255,1) 74%); /* W3C */
}

.center {
    text-align:center;
}

.clearer
{
    clear:both;
}

.clearer_r
{
    clear:right;
}

.clearer_l
{
    clear:left;
}

.fright
{
    float:right !important;
}

.fleft
{
    float:left !important;
}

.dnone {
    display:none !important;
}

.nooverflow {
    overflow:visible !important;
}

.placeholder {
    color:#999;
}

#header
{
	color: #2f2f2f;
	background: white repeat-x;
	border-bottom: 1px solid #E4E4E4;
}

#header a
{
    color:inherit;
}

#header #title
{	
    font-size:20px;
    line-height:24px;
    font-weight:bold;
    float:left;
    padding:6px 0 0 15px;
}

#header #title:hover
{
    text-decoration:underline;
}

#header .home_url
{
    float:left;
    margin:8px 5px 0;
    padding-top:6px;
    font-size:11px;
}

#footer
{
    max-width: 960px;
	min-height:48px;
    padding:20px 10px 19px;
    color: #666;
    margin:0 auto;
}

#footer .text
{
    font-size:11px;
}

#footer>*>div{
    width:740px;
    float:left;
}

#footer>*>.cp_link{
    width:220px;
    float:right;
    text-align:right;
}

#footer>*>.cp_link>a{
    color:#bbb;
}

#footer>*>.cp_link>img{
    width:200px;
}

.clearfooter
{
    height:55px;
    clear:both;
}

.prevnext{
    margin-top:10px;
}




#navig
{
    float:right;
	margin-right:10px;
}

#navig a
{
    display:block;
    padding: 5px 8px;
}

#navig ul
{
    list-style:none;
    padding: 0;
    margin: 0;
    display:block;
}

#navig ul li
{
    float:left;
    margin: 4px 0 4px 7px;
    border-radius:3px;
}

#navig ul li ul
{

}

#navig ul li ul li
{

}

#midside {
	color: #333;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	font-size: 13px;
	width: 100%;
}

.lcol {
	float: left;
}

#sidebar {
	width: 250px;
	margin: 0 -280px 0 0;
}
#sidebar ul
{
	padding: 0px 0px 5px 10px;
	position: relative;
	overflow: hidden;
}

#sidebar span{
	font-weight: bold;
}

#sidebar li
{
	padding: 2px 0px 0px 5px;
	display: block;
	list-style: none;
}

#sidebar a{
	text-decoration: none;
}

#sidebar a:hover{
	color: #737373;
}

#sidebar .cont{
	padding: 2px 2px 10px 5px;
	position: relative;
	overflow: hidden;
}

#sidebar .text
{
	padding: 0 5px;
}

.rcol
{
	float: right;
}

.imgvk
{
	z-index: 999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.pad
{
	padding: 5px;
	border: 1px solid #E3E3E3;
	background: white;
	z-index: 999;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.content
{
	color: #333;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	font-size: 13px;
	padding-right: 260px;
    color:#000;
}

.content a
{
    color: #2F2F2F;
}

.content a:hover
{
    color: #737373
}

.content2
{
	color: #333;
	text-shadow: 0px 1px 0px rgba(255,255,255,0.3);
	font-size: 13px;
    color:#000;
}

.content2 a
{
    color: #2F2F2F;
}

.content2 a:hover
{
    color: #737373
}

.panel
{
	margin:0px 10px 5px 10px;
	color:#333;
	text-shadow:1px 1px 0px #ccc;
	text-shadow:0px 1px 0px rgba(255,255,255,0.3);
	width:1000px;
	margin: 0 auto;
	font-size: 13px;
}

.panel a
{
    color: #2F2F2F;
}

.panel a:hover
{
    color: #737373
}

.cleare_top{
	margin-top: 20px;
	overflow: hidden;
}

.list
{
	padding: 13px;
    width: 700px;
	border: 1px solid #E3E3E3;
	background: white;
	z-index: -1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.list > .title, .large > .title
{
	margin: 0px 0px 10px;
	position: relative;
	font-size: 17px;
	padding: 6px 8px;
	background: white;
	border-bottom: 1px solid #666;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.list > .title.fleft, .large > .title.fleft, .large >.title.fright
{
	margin-right:10px;
	border:none;
	padding:0px;
	margin-bottom:0;
}

.list .group
{
	min-height: 90px;
	padding: 2px 2px 10px 5px;
	position:relative;
/* 	overflow:hidden; */
}

.list .group > .title
{
	font-weight:bold;
	border-bottom: 1px solid #F3F3F3;
	padding: 0 4px 4px 4px;
}

.list .group > .title a
{
	margin-left: 8px;
	text-decoration: none;
}

.list .group > .title a:hover{
	color: #737373;
}

.list .group > .title > .meta
{
	font-weight:normal;
	font-size:11px;
}

.list .element
{
	position:relative;
	overflow: hidden;
	padding: 4px;
	margin-left: 89px;
}

.list .element a
{
	text-decoration: none;
}

.list .element .title a:hover{
	color: #737373;
}

.list .element .title {
	float:left;
}

.list .element .meta_r
{
	float:right;
	font-size: 10px;
	margin-top:2px;
}

.list .element .meta_r a
{
	font-size:120%;
}

.list .group .preview {
	float:left;
	left: 5px;
	position: absolute;
	z-index:100;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.list.series .group {
	min-height: 90px;
	padding: 0 8px 8px;
}

.list.series .meta_r {
	position:static;
	float:none;
	clear:both;
}

.list .element .image {
	float:left;
	max-height:125px;
	margin-right:5px;
	position:relative;
	z-index:100;
}



.large
{
	padding: 13px 13px;
	margin: -16px 0 20px 0;
	width: 700px;
	border: 1px solid #E3E3E3;
	background: white;
	z-index: -1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	
    overflow:hidden;
}

.large_serach
{
    padding:6px 5px;
    margin: 0 0 20px 0;
	width: 716px;
	border: 1px solid #E3E3E3;
	background: white;
	z-index: -1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	
    overflow:hidden;
}

.large.comic.alert 
{
	color:#f5f5f5;
	text-shadow:none;
	background: rgba(255,0,0,0.4);
}

.large.comic .title
{
	font-size:20px;
	border-bottom: 1px solid #666;
	font-weight: bold;
}

.large.comic .thumbnail
{
	max-width:290px;
	padding:3px;
	text-align:center;
	float: right;
	margin: 0 30px 10px;
}

.large.comic .thumbnail img
{
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.large.comic .info
{
	margin:5px;
}

.large.comic .info ul
{
	list-style: none;
	padding:0 0 0 15px;
}

.large.comic .info ul li
{
	margin: 6px 0 0;
	text-indent:-13px;
}

#page
{
	margin:10px auto;
	padding: 5px 0;
	position:relative;
}

#page .inner
{
	margin: 0 auto;
	position:relative;
	text-align:center;
}

#page .inner > a > img
{
	margin:0 auto;
	z-index:1000;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

#page .inner .preview
{
	width:100%;
	position:absolute;
	top:3px;
	z-index:-1;
}

#page .inner .preview > img
{
}

#pagelist
{
	margin: 0 auto;
}

#pagelist .title
{
	padding:5px;
	margin:0 5px;
	border-bottom:1px solid #999;
}

#pagelist .images
{
	width:98%;
	margin:5px auto;
	overflow-x:auto;
}

#pagelist .images table
{
	width:950px;
	padding:0;
	margin:0;
}

#pagelist .images table tr
{
	height:100px;
	width:90%;
}

#pagelist td
{
	border: 2px solid transparent;
	width:150px;
	height:170px;
	margin: 0 5px 5px 0;
	text-align:center;
	vertical-align:middle;
}

#pagelist a
{
	width:160px;
	display:block;
	text-decoration:none;
}

#pagelist a img
{
	max-height:160px;
	max-width:160px;
}

#pagelist a img.loaded
{
	border: 2px solid #70D441;
}

#pagelist a img.current
{
	border: 2px solid #000;
}

.ads{
}

.ads a{
}

.ads a:hover{
}

.ads.banner
{
	margin: 0px auto 10px;
	padding:7px 10px;
	overflow:hidden;
	text-align:center;
	color:#ddd;
	background:#333;
	box-shadow: 0px 0px 1px #ddd, inset 0px 0px 8px #222;
	-webkit-box-shadow: 0px 0px 1px #ddd, inset 0px 0px 8px #222;
	-moz-box-shadow: 0px 0px 1px #ddd, inset 0px 0px 8px #222;
	border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
	clear:both;
	width:980px;
}

.ads.banner *
{
	margin: 0 auto;
}

.ads.vertical
{
	margin:0 10px;
	padding: 7px 7px;
}

.ads.iframe iframe
{
	border:none;
}


.ads.banner.iframe iframe{
	height:90px;
	width:728px;
	background:transparent;
}

.ads.banner.iframe {
}

/***********
**Top Bar***
***********/

.topbar{
    padding:3px 5px 5px;
	text-shadow:none;

    margin:0px 0px 3px;
    position:relative;

    border: 1px solid #E3E3E3;
	background: white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.topbar_left{
    float:left;
    /*width:50%;*/
}

.topbar_left>*{
    float:left;
    margin-left:5px;
}

.topbar_right{
    float:right;
    /*width:50%;*/
}

.topbar_right div{
    float:right;
    margin-right:5px;
}

.topbar>div{
    margin-top:4px;
}

.divider
{
    background:#999;
    height:30px;
    width:1px
}

/**********
*Drop Down*
**********/

.dropdown_parent
{
    position:relative;
    display:block;
    z-index:2000;
}

.dropdown_parent .text
{
    padding:6px;
    border:1px solid #999;
    font-size:14px;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    overflow:hidden;
	cursor: pointer;
}

.dropdown_parent:hover .text{
    position:relative;

    background: white;
    box-shadow: 0px -1px 1px rgba(255,255,255,0.4) inset;
    moz-box-shadow: 0px -1px 1px rgba(255,255,255,0.4) inset;
    -webkit-box-shadow:	0px -1px 1px rgba(255,255,255,0.4) inset;
}

.dropdown_parent:hover ul.dropdown
{
    display:block;
}

ul.dropdown 
{
    display:none;

    color:#ddd;
	background: white;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);

    font-size:14px;
    position:absolute;
    top:16px;
    line-height:120%;
    width: 400px;
    max-height:400px;
    overflow:auto;
    overflow-x:auto;
    z-index:1200;
    padding:6px 5px;
    list-style: none;
}

.dropdown_right ul.dropdown
{
    right:4px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
}

ul.dropdown li
{}

ul.dropdown li a 
{
    display:block;
    width:100%;
    height:100%;
}

/**********
*Drop Down_Chapter*
**********/

.dropdown_parent:hover ul.dropdown_chapter
{
    display:block;
}

ul.dropdown_chapter
{
    display:none;

    color:#ddd;
	background: white;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);

    font-size:14px;
    position:absolute;
    top:16px;
    line-height:120%;
    width: 300px;
    max-height:400px;
    overflow:auto;
    overflow-x:auto;
    z-index:1200;
    padding:6px 5px;
    list-style: none;
}

.dropdown_right ul.dropdown_chapter
{
    right:4px;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-top-right-radius:0px;
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
}

ul.dropdown_chapter li
{}

ul.dropdown_chapter li a 
{
    display:block;
    width:100%;
    height:100%;
}


/***********
*Bottom Bar*
***********/

#bottombar{
    margin:0px auto 10px;
    padding:2px 0;
	overflow:hidden;
	width:1000px;
	height: 28px;
    color:#2F2F2F;
	border: 1px solid #E3E3E3;
	background: white;
	z-index: -1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

#bottombar .pagenumber{
    float:left;

    width:90px;

    margin-top:5px;
    margin-left:10px;

}

#bottombar .web_footer{
    float:left;
    margin-top:5px;
    margin-left:10px;

}

#bottombar .download_pic{

    float:right;
}

#bottombar .download_pic a{
	margin: 5px 10px;
	float: right;
	position: relative;
	color: #2F2F2F;
}

#bottombar .download_pic .fblike{
    display:block;
    overflow:hidden;
    width:20px;
}

/*************
*Page Numbers*
*************/

.topbar_right .number
{
    text-shadow:none;
    border-radius:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    text-align:center;
    font-size:14px;
    font-family: Cambria, Georgia, Times, Times New Roman, serif;
    border: 1px dashed #999;
}

.topbar_right .number a
{
    display:block;
    padding:6px;
    color:inherit;
}

.topbar_right .number.current_page
{
    border:1px solid lightgray !important;
	background: #F3F3F3;
}

.topbar_right .number.loaded
{
    border:1px solid #999;
}

.topbar_right .number:hover
{
    border:1px solid #444;
}

.tbtitle{
    font-size:16px;
}

/********
**Icon***
********/

.icon_wrapper {
    position:relative;
    height:32px;
    width:32px;
    padding:0px;
    text-align:center;
    border-radius:4px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    overflow:hidden;
	cursor:pointer;
}

.icon_wrapper .icon {
    position:absolute;
    top:0px;
    text-align:center;
    top:-9px;
    left:-11px;
}

.topbar>*>.icon_wrapper{
    margin-top:4px;
    left:-15px !important;
}

.icon_wrapper .icon.on {
    display:none;
}

.icon_wrapper:hover .icon.off {
    display:none;
}

.icon_wrapper:hover .icon.on {
    display:block;
}

.icon_wrapper.small {
    width:16px;
    height:16px;
    margin-right:0px;
}

.icon_wrapper.small .icon {
    top:-4px;
    right:4px;
    width:26px;
    height:26px;
}

.element>.icon_wrapper{
    overflow:visible;
}


/*************
** Messages **
*************/

#messages {
	position:fixed;
	bottom:0px;
	width:100%;
}

#messages .message {
	width: 600px;
	padding: 8px 10px;
	margin: 0 auto 10px;
	color: #2F2F2F;
	border: 1px solid #E3E3E3;
	background: white;
	z-index: -1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	text-align:center;
}

.prev_page{
	height: 100%;
	width: 100px;
	background-color: #2f2f2f;
	opacity: 0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
	position: fixed;
	z-index: 5000;
}

a.prev_page:hover{
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=50);
}

/****************
** Picachuuu!! **
****************/

.web_pictures{
	line-height: 0;
	position: relative;
}

.web_img{
	border-width: 0;
	max-width: 980px;
}

#label_small_active{
	background: url("images/labels/active_12x12.png") no-repeat;
	height: 12px;
	width: 12px;
	position: absolute;
	margin: 0 4px;
}

#label_small_complete{
	background: url("images/labels/complete_12x12.png") no-repeat;
	height: 12px;
	width: 12px;
	position: absolute;
	margin: 0 4px;
}

#label_small_ongoing{
	background: url("images/labels/ongoing_12x12.png") no-repeat;
	height: 12px;
	width: 12px;
	position: absolute;
	margin: 0 4px;
}

#label_small_abandoned{
	background: url("images/labels/abandoned_12x12.png") no-repeat;
	height: 12px;
	width: 12px;
	position: absolute;
	margin: 0 4px;
}

#label_small_frozen{
	background: url("images/labels/frozen_12x12.png") no-repeat;
	height: 12px;
	width: 12px;
	position: absolute;
	margin: 0 4px;
}

/**********************
* Type project labels *
**********************/

#label_manga{
	background: url("images/labels/type_manga_16x16.png") no-repeat;
	height: 16px;
	width: 22px;
	position: absolute;
	margin-left: 8px;
}

#label_manhva{
	background: url("images/labels/type_manhva_16x16.png") no-repeat;
	height: 16px;
	width: 22px;
	position: absolute;
	margin-left: 8px;
}

#label_manhua{
	background: url("images/labels/type_manhua_16x16.png") no-repeat;
	height: 16px;
	width: 22px;
	position: absolute;
	margin-left: 8px;
}

#label_small_manga{
	background: url("images/labels/type_manga_12x12.png") no-repeat;
	height: 12px;
	width: 16px;
	position: absolute;
	margin-left: 19px;
}

#label_small_manhva{
	background: url("images/labels/type_manhva_12x12.png") no-repeat;
	height: 12px;
	width: 16px;
	position: absolute;
	margin-left: 19px;
}

#label_small_manhua{
	background: url("images/labels/type_manhua_12x12.png") no-repeat;
	height: 12px;
	width: 16px;
	position: absolute;
	margin-left: 19px;
}

/*************************/

.next_chapter {
	position: fixed;
	top: 45%;
	right: 0;
	width: 80px;
	height: 100px;
	cursor: pointer;
	background: url(images/arrow_right.png) no-repeat;
	opacity: 0.1;
	-moz-opacity: 0.1;
	filter:alpha(opacity=10);
}

a.next_chapter:hover{
	opacity:0.5;
	-moz-opacity:0.5;
	filter:alpha(opacity=50);
}

#prev_page{
	position: fixed;
	top: 37%;
	left: 0;
	width: 100px;
	height: 300px;
	cursor: pointer;
	background: url(images/b_prev_first.png) no-repeat;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}

a#prev_page:hover{
	opacity:0.8;
	-moz-opacity:0.8;
	filter:alpha(opacity=80);
}

.button{
	text-align: -webkit-center;
}

.button ul{
	list-style: none;
}

.button li{
	float: right;
	margin: 0 0 10px 10px;
	list-style: none;
}

.button a{
	padding: 8px 13px;
	background: -moz-linear-gradient(top,#ffffff 0%,#ffffff 25%,#ffffff 50%,#f3f3f3);
	background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),color-stop(0.25,#ffffff),color-stop(0.50,#ffffff),to(#f3f3f3));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,0.5),	inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:	0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:	0px 0px 3px rgba(000,000,000,0.5), inset 0px 0px 1px rgba(255,255,255,0.7);
	line-height: 30px;
	height: 30px;
	cursor: pointer;
	margin: 0 0 10px 10px;
	list-style: none;
	text-decoration: none;
}

.button a:hover {
	list-style: none;
	color: #737373;
	-moz-box-shadow: 0px 0px 3px rgba(000,000,000,1.0),	inset 0px 0px 1px rgba(255,255,255,0.7);
	-webkit-box-shadow:	0px 0px 3px rgba(000,000,000,1.0), inset 0px 0px 1px rgba(255,255,255,0.7);
	box-shadow:	0px 0px 3px rgba(000,000,000,1.0), inset 0px 0px 1px rgba(255,255,255,0.7);
}

.button b{
	color: black;
	padding: 8px 5px;
	line-height: 30px;
	height: 30px;
	margin: 0 0 10px 10px;
	cursor: default;
}

.panel_nav{
	padding: 13px;
	width: 700px;
    border: 1px solid #E3E3E3;
	background: white;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

#spoiler_css {
	display:none;
	padding:5px 15px;
}

#navigation{
    height: 45px;
    border-bottom:1px solid #ddd;
    position: absolute;
    top:0px;
    left:0px;
    right:0px;
    background: white repeat-x;
	z-index: 99999;
}
#navigation ul{
    list-style:none;
    margin: 0px auto 0px auto;
    width: 1030px;   
}
#navigation ul li{
    display:inline;
    float:left;
}
#navigation a{
	font-size: 15px;
	font-weight: bold;
	float: left;
	padding: 2px 10px;
	color: #2F2F2F;
	text-decoration: none;
	border: 1px solid #ccc;
	cursor: pointer;
	background: white;
	height: 40px;
	line-height: 40px;
}
#navigation a:hover{
    background:#D9D9DA none;
    color: #fff;
}
#navigation a.top span, #navigation a.bottom span{
    float:left;
    width:16px;
    height:16px;
}
#navigation a.top span{
    background:transparent url(images/top.png) no-repeat center center;
	margin-top: 3px;
}
#navigation a.bottom span{
    background:transparent url(images/bottom.png) no-repeat center center;
	margin-top: 3px;
}

#navigation ul li.search{
    margin: 0px 0 0 30px;
}

input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* Удаляем иконку поиска и сброса */
}

/* Поле ввода строки поиска */
input[type=search] {
	background: white url(images/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 5px 5px 5px 40px;
	width: 200px;
	height: 34px;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 200px;
	background-color: #fff;
	border-color: #2F2F2F;
	
	-webkit-box-shadow: 0 0 5px rgba(47,47,47,.5);
	-moz-box-shadow: 0 0 5px rgba(47,47,47,.5);
	box-shadow: 0 0 5px rgba(47,47,47,.5);
}

/* Заполнитель */
input:-moz-placeholder {
	color: #2F2F2F;
}
input::-webkit-input-placeholder {
	color: #2F2F2F;
}

#search_form input[type=search] {
	width: 15px;
	padding-left: 16px;
	color: transparent;
	cursor: pointer;
}
#search_form input[type=search]:hover {
	background-color: #fff;
}
#search_form input[type=search]:focus {
	width: 130px;
	padding-left: 32px;
	color: #000;
	background-color: #fff;
	cursor: auto;
}

.top_40{
	margin-top: 60px;
}

.cover {
	float: right;
	max-width: 350px;
	max-height: 300px;
	overflow:hidden; /* this is important */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.cover img{
	margin: 0 -50px 0 -50px;
}

.cover_mini {
	float:left;
	width: 85px;
	height: 85px;
	overflow: hidden; /* this is important */
/* 	position: absolute; */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
	z-index: 100;
}

.cover_mini img {
	margin: 0 0 0 -21px;
	max-width: 128px;
}

.visits {
	font-size: 12px;
	float: right;
	color: #333333;
	margin-top: 7px;
}

.desc_mini {
	margin-left: 95px;
	font-size: 12px;
}

.media{
	margin: 5px 0 0 0;
}

#play{

}

#pause{

}

#stop{

}

.yagami{
	position: relative;
}


/* Volume and Chapters */

.chapters {
	padding: 13px;
	width: 700px;
	border: 1px solid #E3E3E3;
	background: white;
	z-index: -1;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	-webkit-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 13px rgba(0, 0, 0, 0.1);
}

.chapters h2 {
	margin: 0px 0px 10px;
	position: relative;
	font-size: 17px;
	padding: 6px 8px;
	background: white;
	border-bottom: 1px solid #666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	font: normal 13px helvetica,arial,sans-serif;
}

.slide {
	clear: left;
	cursor: pointer;
}

#chapters span.collapse {
	float: left;
	margin: 5px;
	display: block;
	width: 10px;
	height: 10px;
	background: url(../collapse.png) no-repeat;
}

h3.volume {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	float: left;
	cursor: pointer;
}

h3.volume span {
	font-weight: 400;
	font-size: 10px;
}

.chlist {
	width: 697px;
	margin: 5px 0 10px 5px;
	float: left;
}

.chlist li {
	color: #737373;
	float: left;
	padding-bottom: 5px;
}

.chlist li:hover
{
    color: #737373
}

.chlist li div {
	width: 694px;
	float: left;
}

.chlist span.date {
	float: right;
	font-size: 11px;
	font-style: italic;
	line-height: 12px;
}

span.newch {
	color: #6C0;
	font-weight: 700;
	font-size: 10px;
}