#leftCol{width:600px;float:left;padding:0;position:relative;}


.details-header { padding: 0 0 10px 125px; min-height: 210px; position: relative; }
.details-header.small { padding-left: 90px; min-height: 80px; }
.details-header.header-full { width: 95%; margin: 0; padding: 0; }
.details-header .details-image { position: absolute; top: 0; left: 0; }
.details-header .details-image img { display: block; margin: 0 auto; }
.details-header .details-image.supporter { border: solid 2px #268eb8; border-radius: 3px; }
.details-header .details-image.supporter span { color: #fff; font-size: 12px; font-weight: 700; line-height: 16px; letter-spacing: 1px; text-shadow: -1px 1px 0 #0d6386; text-align: center; display: block;padding: 2px 0 0; height: 16px; background: #268eb8 url(bg-supporter.png) repeat-x 0 0; /*border: solid 3px #0d69b4; border-radius: 4px;*/ }
.details-header .details-image .read-btn { margin-top: 10px; }
.details-header .details-description { padding: 3px 0 0; word-wrap: break-word; }
.details-header .editProfile { float: right; margin: 0 0 10px 10px; }
.details-header h2 { font-size:24px;font-weight:700;color:#4d4b4c;margin: 0;padding: 0; overflow: hidden; overflow:hidden; text-overflow: ellipsis; }
.details-header h2 a { margin-left: 10px; }
.details-header h3 { font-size:14px;font-weight:400;color:#825512;margin:0;padding: 6px 0 0; }
.details-header h3 a { color:#825512; text-decoration: none; }
.details-header h3 a:hover { text-decoration: underline; }
.details-header ul.details-info { padding: 5px 0 0; }
.details-header ul.details-info li { line-height: 18px; display: inline; padding: 0 7px; border-left: solid 1px #cdcdcd; }
.details-header ul.details-info li:first-child { border-left: none; padding-left: 0; } 
.details-header ul.details-info li span { color: #7f5616; }
.details-header dl { font-size: 12px; float: right; margin: 11px 0 0; }
.details-header dl dt { font-weight: 700; margin: 0; padding: 0; width: 90px; text-align: right; }
.details-header dl dd { margin: -15px 0 0 100px; }
.details-header dl .languages { width: 100%; margin: 0 0 22px; position: relative; }

.select-lang-text { position: relative; z-index: 10; height: 18px; cursor: pointer; font-size: 11px; text-transform: uppercase; text-align: left; display: block; width: 125px; padding: 0 0 0 5px; margin-left: auto; background: #fff url(arrow-down.png) no-repeat 100% 4px; }
#select-lang { text-align: left; z-index: 9; position: absolute; top: 18px; right: 1px; width: 125px; background: #fff; border: solid 1px #c6c5c5; border-width: 0 1px 1px; box-shadow: 0 4px 6px #666; }
#select-lang li { border-top: solid 1px #c6c5c5; border-bottom: solid 1px #fff; }
#select-lang li:first-child { border-top: none; }
#select-lang li:last-child { border-bottom: none; }
#select-lang li.selected a { background-color: #dbd7d2; }
#select-lang li a { color: #4d4b4c; font: 11px/18px Verdana; padding: 0 0 0 32px; text-decoration: none; display: block; background: #eee url(flags.png) no-repeat 0 200px; }
#select-lang li a:hover { background-color: #dbd7d2; }
.selected-lang { color: #4d4b4c; font: 700 11px/18px Verdana; padding: 0 0 0 32px; width: 95px; margin-left: auto; text-align: left; text-decoration: none; display: block; background: #eee url(flags.png) no-repeat 0 200px; }

.zh { background-position: 7px 3px !important; }
.ja { background-position: 7px -17px !important; }
.de { background-position: 7px -37px !important; }
.fr { background-position: 7px -57px !important; }
.es { background-position: 7px -77px !important; }
.pt { background-position: 7px -97px !important; }
.en { background-position: 7px -117px !important; }
.tl { background-position: 7px -137px !important; }
.ru { background-position: 7px -157px !important; }
.fi { background-position: 7px -177px !important; }
.pl { background-position: 7px -197px !important; }
.it { background-position: 7px -217px !important; }
.ms { background-position: 7px -237px !important; }
.nl { background-position: 7px -257px !important; }
.th { background-position: 7px -277px !important; }
.ko { background-position: 7px -297px !important; }

.translations { border: 0; width: 100%; margin: 10px 0 15px; }
.translations tr { background: #fef1dd; background: #fff url(translations-gradient.png) repeat-x 0 0; }
.translations tr th { color: #fff; font: 11px/23px Arial; padding: 0 5px; border-left: solid 1px #939393; background: #6e6e6e; }
.translations tr th:first-child { border-left: none; }
.translations tr td { font: 13px Arial; padding: 4px 8px; border: solid 1px #ededed; border-top: solid 1px #fff; }
.translations tr td.date { white-space: nowrap; }
.translations tr td.approved { font-size: 11px; font-weight: 700; background: #d6e5d4; }
.translations tr td.rejected { font-size: 11px; font-weight: 700; background: #decac1; }
.translations tr td.outdated { font-size: 11px; font-weight: 700; background: #f6e7a1; }
.translations tr td.pending { font-size: 11px; font-weight: 700; background: #ededed; }
.translations tr td.new { font-size: 11px; font-weight: 700; background: #ededed; }

.translations .edit,
.translations .delete, 
.translations .commit { display: inline-block; text-indent: -10000px; }
.translations .edit { width: 20px; height: 24px; background: url(trans-edit.png) no-repeat 0 0; }
.translations .edit.disabled { background: url(trans-edit-grey.png) no-repeat 0 0; }
.translations .delete { width: 20px; height: 24px; background: url(trans-delete.png) no-repeat 0 0; }
.translations .commit { width: 24px; height: 24px; background: url(trans-commit.png) no-repeat 0 0; }
.translations .commit.disabled { background: url(trans-commit-grey.png) no-repeat 0 0; }

#rightCol{width:200px;float:right; padding: 5px 0 0;}
#rightCol .member{width:100px;padding:0;float:left;margin:0 15px 0 0;border-left:1px solid #cbcbcb;}
#rightCol .member h1{width:95px;padding:0 0 0 10px;margin:0;font-size:14px;font-weight:700;color:#4d4b4c;font-variant:small-caps;}
#rightCol .member p{width:95px;padding:0 0 0 10px;margin:0;font-size:11px;font-weight:400;color:#4d4b4c;font-variant:small-caps;}
#rightCol .visit{width:100px;padding:0;float:left;margin:0;border-left:1px solid #cbcbcb;}
#rightCol .visit h1{width:95px;padding:0 0 0 10px;margin:0;font-size:14px;font-weight:700;color:#4d4b4c;font-variant:small-caps;}
#rightCol .visit p{width:95px;padding:0 0 0 10px;margin:0;font-size:11px;font-weight:400;color:#4d4b4c;font-variant:small-caps;}
#rightCol .pages{width:100px;padding:0;float:left;margin:10px 0;border-left:1px solid #cbcbcb;}
#rightCol .pages h1{width:95px;padding:0 0 0 10px;margin:0;font-size:14px;font-weight:700;color:#4d4b4c;font-variant:small-caps;}
#rightCol .pages p{width:95px;padding:0 0 0 10px;margin:0;font-size:11px;font-weight:400;color:#4d4b4c;font-variant:small-caps;}
#rightCol .following{width:200px;padding:0;float:left;margin:15px 0 0;}
#rightCol .following h1{width:200px;padding:0;float:left;margin:0 0 5px;font-size:13px;font-weight:700;color:#4d4b4c;}
#rightCol .following h1 a{padding:0 3px 0 0;float:right;margin:0;font-size:11px;color:#aaa8a9;text-decoration:underline;}
#rightCol .following h1 a:hover{padding:0 3px 0 0;float:right;margin:0;font-size:11px;text-decoration:none;color:#aaa8a9;}
#rightCol .following ul{padding:5px 0 0;float:left;margin:0;width:200px;border-top:dotted 1px #3c3c3c;}
#rightCol .following ul li{padding:5px;float:left;margin:0;width:40px;height:40px;}
#rightCol .favorites {}
#rightCol .favorites h1{padding:0 0 5px;margin:0;font-size:13px;font-weight:700;color:#4d4b4c; border-bottom:dotted 1px #3c3c3c;}
#rightCol .favorites h1 a{padding:0 3px 0 0;float:right;margin:0;font-size:11px;color:#aaa8a9;text-decoration:underline;}
#rightCol .favorites h1 a:hover{padding:0 3px 0 0;float:right;margin:0;font-size:11px;text-decoration:none;color:#aaa8a9;}
#rightCol .favorites ul{padding:5px 0 20px;margin:0;overflow: hidden;}
#rightCol .favorites ul li{padding:5px;float:left;margin:0;width:40px;height:40px;}
#rightCol .favorites ul li.supporter { padding: 3px; height: 44px; width: 44px; }
#rightCol .favorites ul li.supporter img { border: solid 2px #268eb8; border-radius: 3px; }
#rightCol .favorites ul.blogs li { font-size: 11px; float: none; width: auto; height: 40px; padding: 0 0 10px; position: relative; }
#rightCol .favorites ul.blogs li img { float: left; margin-right: 8px;  }
#rightCol .favorites ul.blogs li a.description { color: #444444; }
#rightCol .favorites ul.blogs li span.author { position: absolute; bottom: 8px; left: 48px; white-space: nowrap; width: 150px; overflow: hidden; }
.followingright { text-align:center; font-size:16px; font-weight:normal; color:#b4b2b3; }
.followingright-inner { padding: 5px 0 30px; color:#4c4a4b; }
.ranking-data { padding-bottom: 15px; }
.ranking-data .metric { font-weight: bold; color: #444444; text-transform: uppercase; }
.ranking-data .ranking-period { font-weight: bold; font-size: 12px; }

#rightCol .recommendedManga {}
#rightCol .recommendedManga ul li { width: 55px; height: 80px;}

#rightCol .translate { font-size: 14px; line-height: 30px; text-align: center; border-top: 1px dotted #3c3c3c; padding: 10px 0;}

.favorites-see-all { text-align: right; margin: -12px 0 15px; }
.favorites-see-all a { color: #7f5616; font-size: 12px; padding-right: 8px; background: url(see-all.png) no-repeat 100% 4px; }

.btns{ padding:0; margin:20px 0 15px;}
.btns>span { font-size: 14px; font-weight: 400; margin-right: 7px; }
.btns>span.remove { background: none !important; color: #ccc; font-size: 12px; font-weight: 400; letter-spacing: 0; padding: 0 !important; text-transform: lowercase; text-shadow: none; }
.btns>span.remove:hover { color: #666; }

.listTabs{ padding:0; margin:20px 0 0 0; overflow: hidden; }
.listTabs h1{ float: left; padding:0; margin: 0 5px 0 0; color:#815612; font-size:13px; font-weight:bold;}
.listTabs h1 a{ color:#fff; background: #6e6e6e; display: block; text-decoration:none; padding: 10px 9px 5px;  border-radius: 5px 5px 0 0; }
.listTabs h1 a:hover{ color:#4d4b4c; background: #ededed; text-decoration:none; }
.listTabs h1 a.activeHeadNav{ color:#815612; background: #ededed; }

.addTable{ padding:5px; overflow: hidden; border: solid 1px #ededed; border-width: 1px 1px 0; background: #eee; }
.addBtn{background:url(http://www.mangamagazine.net/resources-2013.10.08.1700/addBtn-right.jpg) right top no-repeat; height:19px; width:140px; padding:0; margin:5px 0 0 0; }

.store-buy { padding: 15px 0; text-align: right; }

.commentsWrapper{padding:0;margin:20px 0 0;}
.commentsWrapper h1{padding:0 0 8px;margin:0 0 5px;font-size:13px;font-weight:700;border-bottom:dotted 1px #3c3c3c;color:#4d4b4c;}
.commentsForm{padding:0 0 0 55px; margin:20px 0 0; position: relative;}
.commentsForm img{width:40px;height:40px; position: absolute; top: 0; left: 0 !important; }
.commentsForm .commentField { padding: 1px 0 0 9px; margin: 0 0 10px -8px; background:url(comment_inputBg.png) left top no-repeat;}
.commentsForm .commentFieldInner { padding: 5px; border:solid 1px #d9d9d9; border-width: 0 1px 1px 0; }
.commentsForm textarea { width: 100%; max-width: 100%; min-width: 100%; outline: none; overflow: hidden; height:32px; border:0; color:#444;font-style:italic;font-size:13px; overflow: auto;}
.commentsForm .charsLeft { color: #ccc; font-size: 12px; float: right; }
.commentsForm .commentsHide { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.8); }

#comments-container { padding: 20px 0 0; }
#commentsEmpty {padding:30px 0 10px; text-align:center; font-size:22px; font-weight:normal; color:#b4b2b3; }

.comment { padding: 0 0 0 55px; position: relative; }
.comment img { position: absolute; top: 0; left: -55px; }
.comment .comment-info { color:#4d4d4f;font-size:12px; position: relative; padding:0 50px 0 0; }
.comment .comment-info .username { font-size: 13px; font-weight: 700; margin-right: 10px; }
.comment .comment-info .time { font-size: 11px; color: #666; white-space: nowrap; }
.comment .comment-info:hover .comment-actions { display: block !important; }
.comment.edit-mode .comment-info:hover .comment-actions { display: none !important; }
.comment .comment-actions { position: absolute; top: 3px; right: 0; display: none; }
.comment .comment-actions a { font-size:11px; }
.comment .comment-actions a:hover {  }
.comment .comment-text {padding: 8px 0 0;color:#4d4d4f;font-size:12px;}
.comment .comment-removed { color: #ccc; }
.comment .comment-refresh { display: none; }
.comment .comment-reply { padding: 2px 0 0; }
.comment .comment-reply>a { font-size: 12px; text-decoration: none; border-bottom: dashed 1px #c97624; }
.comment .comment-reply>a:hover { border-bottom-color: #4d4b4c; }
.comment .comment-replies { margin: 20px 0 0 -35px; }
.comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment-replies { margin-left: -55px; }

.popup{width:100px; padding: 2px 0 0; margin:5px 0 0 6px; height:19px; background:url(popup.png) left top no-repeat; color:#ffffff; z-index:300px; position:absolute;}
.popup span{float:left; padding:0; margin:2px 0 0 10px; height:19px; color:#ffffff; font-size:11px;}
.popup span a{padding:0; margin:0; height:19px; color:#ffffff; font-size:11px;}
.popup span a:hover{padding:0; margin:0; height:19px; color:#ffffff; font-size:11px;}




#content {padding:0;position:relative; }


.project-list {padding:5px;border: solid 1px #ededed;}
.project-list ul {width:600px; float:left; padding:0; margin:15px 0 0 0;}
.project-list ul li {float:left; padding:0; margin:0 30px 30px 0; width:120px;}
.project-list li h1{float:left; padding:0; margin:5px 0 0 0; width:120px; font-size:15px; color:#4c4a4b; font-weight:normal; overflow: hidden; text-overflow: ellipsis}
.project-list li h1 a { color: #616263; }
.project-list li h1 a:hover { color: #000; }
.project-list li p{float:left; padding:0; margin:0; width:112px; font-size:11px; color:#8d4c08;}
.project-list ul li.removed {padding-right:0;}
.project-list ul li .image {padding:0 0 10px 0;position:relative;}
.project-list ul li .image img {position:relative;}
.project-list ul li .image .more.normal {background:url(http://www.mangamagazine.net/resources-2013.10.08.1700/type-icons.png) no-repeat top left;width:24px;height:26px;display:block;position:absolute;bottom:15px;right:5px;z-index:20;}
.project-list ul li .image .more.normal:hover {background-position:0 -26px;}
.project-list ul li .image .more.video {background:url(http://www.mangamagazine.net/resources-2013.10.08.1700/type-icons.png) no-repeat;background-position:0 -52px;width:24px;height:26px;display:block;position:absolute;bottom:15px;right:5px;z-index:20;}
.project-list ul li .image .more.video:hover {background-position:0 -78px;}

.project-list ul li p {padding:0 !important;}
.project-list ul li small {padding:5px 0 0 0 !important;display:block;}

.page_navigation.float-right {margin-right:25px;}
.page_navigation.float-left {padding-left:30px;}
.page_navigation a {display:block; text-decoration:underline; height:26px; line-height:26px; text-align:center; color:#8d4c08; float:left; margin:0 1px;}
.page_navigation a:hover, .page_navigation .active_page { text-decoration:none; color:#656565;}
.page_navigation a.first_link,
.page_navigation a.previous_link { margin-right:5px;}
.page_navigation a.next_link,
.page_navigation a.last_link {margin-left:5px;}
.page_navigation.nav_top { margin-top:-10px;padding-bottom:20px; }
.page_navigation span.ellipse { float:left; margin-top:7px }

.float-right { float: right !important;}
.mr{ margin-right:0 !important;}
.pagination-mt{ margin-top:20px !important;}
.pr{ padding-right:0 !important;}
.hide{display:none;}

.notUploadDiv{margin:0; padding:0; min-height:300px; border: solid 1px #ededed;}
.notUploadDiv h1{margin:140px 0 0 0; padding:0; float:left; width:600px; text-align:center; font-size:24px; font-weight:normal; color:#b4b2b3;}
.notUploadDiv p{margin:0; padding:0; float:left; width:600px; text-align:center; font-size:24px; font-weight:bold; color:#4c4a4b;}
.notUploadDiv p a{font-size:24px; font-weight:bold; color:#4c4a4b; text-decoration:none;}
.notUploadDiv p a:hover{font-size:24px; font-weight:bold; color:#4c4a4b; text-decoration:underline;}

.no-trans { padding: 30px 50px 40px; text-align: center; word-spacing: 10px; }
.no-trans h1 { word-spacing: normal; }
.no-trans .button { font-size: 18px; font-weight: 700; line-height: 22px; word-spacing: normal; }

.trans-avail { font: 11px/22px Verdana; padding: 0 0 5px 7px; background: url(trans-avail.png) no-repeat 0 0; }
.trans-avail i { color: #a04c08; font-weight: 700; font-style: normal; }

.genres { padding: 13px 0 8px; }

.pagesempty{ width:100%; padding:0; margin:0; float:left; height:137px;}

.rightBtn{padding:0; float:right; margin-left:5px;}

.scrollableContentDiv{ margin:0 0 15px; padding: 0 0 0 80px; min-height: 100px; position: relative; }
.scrollableContentHead{position: relative; padding: 0 0 0 80px; }
.scrollableContentHead h1{padding:0; margin:0; font-size:18px; color:#4c4a4b; font-weight:normal; }
.scrollableContentHead h2{padding:0; margin:5px 5px 0 0; font-size:12px; color:#4c4a4b; font-weight: normal; position: absolute; top: 0; left: 0; }
.scrollableContentHead p{padding:0; margin:7px 0 0 -80px; font-size:11px; color:#4c4a4b; font-weight: normal;}
.imgDiv{ padding:0; margin:0 10px 0 0; width:69px; position:absolute; top: 0; left: 0; }
.imgDiv span{    color: #fcb040; font-size: 22px; line-height: 22px; font-weight: bold;  text-shadow: 2px 2px 2px #fff; right: 60px; padding: 0 3px; position: absolute; top: 4px; border-radius: 5px; background: #fff; box-shadow: 0 0 2px 2px #fcb040; }
.imgDiv img.chapterReadBtn{bottom: 5px; display: block; left: 5px; position: absolute; }
.btnDiv{width:145px; padding:0; margin:0 0 0 10px; float:right; position: relative; z-index:100; }
.btnDiv a { width: 115px; margin-bottom: 5px; }
.txtDiv2{ margin:10px 0 5px 0; font-size:12px; color:#4c4a4b; font-weight: normal; }

#chapters{font-family:Arial, Helvetica, sans-serif;margin:0;padding:0;}
.clear{clear:both;}
#illustration{display:block;margin:0 auto;max-width:600px;}
#illustrationNav{line-height:26px;text-align:center;}
#illustrationNav > a{color:#8D4C08;text-decoration:underline;}
#illustrationNav > a:hover{color:#656565;text-decoration:none;}
#illustrationNav > div{font-style:italic;margin-top:-10px;}

.singalCol { padding:0;}
.singalCol h1, h1#chapterImageUploadHeading{padding:4px 0 0 5px; margin:0 0 13px; background:#ededed; border-bottom:1px dotted #4d4b4c; border-top:1px dotted #4d4b4c; height:26px; font-size:18px; color:#4c4c4c; font-weight:bold;}
h1#chapterImageUploadHeading{margin-top:12px;}
h1.translateHeader { font: 700 30px/46px Helvetica; background: none; border: none; padding: 0 0 15px; height: auto; margin-bottom: 0;}
h1.translateHeader span { color: #945a03; }
.singalColDis{ margin:0 0 0 5px; padding:0; font-size:12px; color:#4c4c4c;}

.translateStep { margin: 0 -30px; padding: 40px 60px 30px 135px; position: relative; background: #fff url(main-header-fans.png) repeat-x 0 0;  }
.translateStep h2 { font-size: 24px; }
.translateStep .one, .translateStep  .two { display: block; width: 64px; height: 64px; position: absolute; top: 40px; left: 50px; background: url(trans-first.png) repeat 0 0; }
.translateStep  .two { background-image: url(trans-second.png); }

.creatMangaCont{ color:#4C4D51; padding:0; margin:12px 0 0 0;}
.creatMangaCont:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.divTxt{width:160px; float:left; padding:0; margin:0 10px 0 0; }
.divTxt p{width:140px; float:left; padding:1px 0 0; margin:0 0 0 5px; color:#4c4d51; font-size:13px; font-weight:bold;}
.divTxt span.question { float: right; padding: 1px 0 0; }
.divTxtBrown{color:#886224; font-size:15px; font-weight:bold; }
.divField {width:640px; float:left; padding:0; margin:0; }
.divFieldError {width:630px; float:left; padding:3px; margin:5px 0 0 0; background:#ffd4d3; border:1px solid #F00; display:block;}
.divFieldError span{width:600px; float:left; padding:2px 0 0 20px; margin:0 ; color:#d94745; font-size:12px; background: url(removeS.png) left top no-repeat;}
.divField input{float:left; padding:0; margin:0; border:1px solid #cecece; height:19px;}
.divField input[type=radio]{border: none;}
.divField textarea{width: 652px;}
.divField input#submit{margin-right: 5px; border: none;}
.divCheckCol{float:left; padding:0; margin:0; width:130px;}
.divCheckCol label{float:left; padding:0; margin:2px 0 0 8px; color:#4c4d51;}
.divCheckCol input{float:left; padding:0; margin:0; border:0;}

.divFieldErrorMain {padding:7px 0 5px; margin:0 0 5px 0; background:#ffd4d3; border:1px solid #F00; display:block; border-radius: 5px; }
.divFieldErrorMain span{ padding:3px 10px 0 10px; margin:0; color:#d94745; font-size:12px; display: block; /*background: url(removeS.png) left top no-repeat;*/}
.divFieldErrorMain span:before { content: '\2013\a0'; }
.divFieldErrorMain h3{color:red; font-size: 13px; text-shadow: 0 1px  0 #fff; padding:0 10px 3px; margin: 0; background: none; border: none;}

.requiredField{width:600px; float:left; padding:0; margin:20px 0 0 0; color:#4c4d51; font-size:12px;}
.requiredFieldBtns{width:600px; float:left; padding:0; margin:10px 0 25px 0;}
.singalColHead{padding:0; margin:-35px 150px 0 0; font-size:12px; width:400px; float:right; color:#4c4d51; font-weight:bold;}

#buyDialog label { font-size: 12px; padding: 8px 0 4px; display: block; }

#subscriptionPlanNumVal { margin-right: 15px; }

.profile-supp { color: #3e2500; font-size: 14px; text-align: center; height: 215px; background: url(supporters_profile.jpg) no-repeat 50% 0; }
.profile-supp h2 { font-size: 24px; text-align: center; margin: 0; padding: 40px 0 10px; }
.profile-supp .button.blue { background-color: #fbb11e; } /* orange actually :) */


/* highlighted button */
.highlighted-blog { margin-bottom: 5px; color: #FF0000; font-weight:bold; }