*{
  padding: 0;
  margin: 0;
}
img {
  border: none;
}
body,html {
  height: 100%;
  background: #f6f6f4 !important;
  /*url(./panda4.png) #e1e1dd*/
  font: 12px Arial !important;
  color: #555 !important;
  line-height: 1.3 !important;
}
.clr{
	clear:both;
}

.mainWrapper {
  width: 1000px !important;
  position: relative;
  min-height: 100%;
}
.content {
  padding-bottom: 70px;
}
.mainShadow {
  -webkit-box-shadow: 10px 0px 20px -0px rgba(0,0,0,0.34), -10px 0px 20px -0px rgba(0,0,0,0.34);
  -moz-box-shadow: 10px 0px 20px -0px rgba(0,0,0,0.34), -10px 0px 20px -0px rgba(0,0,0,0.34);
  box-shadow: 10px 0px 20px -0px rgba(0,0,0,0.34), -10px 0px 20px -0px rgba(0,0,0,0.34);
}

/********** HEAD BANNER ***************/
.headBanner {
  height: 70px;
}
.headBanner img {
  width: 100%;
  height: 100%;
}
/********** HEAD BANNER ***************/


/*******************MENU****************/
.topmenu {
  overflow: hidden;
  background-color: #2d2d2d;
  font: bold 15px Arial, Helvetica, sans-serif;
}
.topmenu ul {
  list-style: none;
  background-color: gray;
  margin: 0;
}
.topmenu li{
  float:left;
  margin: 15px 0 15px 10px;
}
.topmenu ul a {
  color: #c3c3c3;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: 0 1px 0 #000;
}
.topmenu ul li:hover > a {
  color: gray;
}
.topmenu img {
  height: 40px;
  margin-right: 5px;
  margin-left: 10px;
}
a.topmenu_hightlight_color {
  color: #fff !important;
}

.login {
  color: #f4f4f4;
  float:right;
}
.login form {
  margin: 10px 10px;
}
.login label {
  color: #FFF;
  font-size: 14px ;
  /*text-transform: uppercase;*/
  margin-right: 15px;
}
.login input {
  background: silver;
  border: 1px solid black;
  /*border-radius: 0;*/
}
.login a {
  margin: 12px 0;
  font: bold 14px Arial, Helvetica, sans-serif;
  text-shadow: 0 1px 0 #000;
  text-transform: uppercase;
  color: #f4f4f4;
  text-decoration:none;
}
.login a:hover{
  color: #FFF;
  text-decoration: underline;
}
/********** MENU ***************/


/********** SUBMENU ***************/
.submenu_background {
  background: #c3c3c3;
  height: 40px;
  /*overflow: hidden;*/
}
.submenu {
  /*overflow: hidden;*/
  background:#c3c3c3;
  float: left;
}
.submenu ul {
  margin: 0;
  list-style:none;
}
.submenu li {
  float:left;
  text-transform:uppercase;
  padding: 10px 0px;
}
.submenu li:hover {
  color: #FFF;
  background-color: rgba(246, 246, 244, 0.7);
  text-transform:uppercase;
}
.submenu li a{
  font: bold 11px Arial, Helvetica, sans-serif;
  color:#2d2d2d;
  text-decoration:none;
  text-shadow: 0px 1px 1px #FFFFFF;
  margin: 10px 8px;
  padding: 10px 0px;
}
.submenu li a:hover{
      text-decoration:none;
}
li.submenu_hightlight {
  background-color: #f6f6f4;
  padding: 10px 0px;
}
.submenuDrop > ul{
  position: relative;
}

.submenuDrop > ul:after{
  content:"";
  position: absolute;
  left: 128px;
  top: -15px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #c3c3c3;
  border-right: 15px solid transparent;
  z-index: 1;
}
/*for manga*/
.submenuDrop_m > ul{
  position: relative;
}

.submenuDrop_m > ul:after{
  content:"";
  position: absolute;
  left: -512px;
  top: -15px;
  border-left: 15px solid transparent;
  border-bottom: 15px solid #c3c3c3;
  border-right: 15px solid transparent;
  z-index: 1;
}
/**/
/********** SUBMENU ***************/


/********** CONTENT ***************/
.fix-content {
  padding: 15px 0px 10px 5px;
  /*margin-right: 10px;*/
}

.fix-thumbnails {
  margin: 0 0px 10px 10px !important;
  position: relative;
}

.thumbnail-title {
  width: 220px;
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  padding: 4px;
  margin: 5px;
}
.vt:hover + .thumbnail-title {
  background-color: rgba(45, 45, 45, 0.80);
  color: rgba(112, 204, 248, 1);
  font-weight: bold;
}
.thumbnail-rightbar-title {
  width: 178px;
  position: absolute;
  top: 27px;
  left: 9px;
  text-align: center;
  background-color: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0);
  padding: 10px 4px;
  margin: 4px;
}
.vt:hover + .thumbnail-rightbar-title {
  background-color: rgba(45, 45, 45, 0.80);
  color: rgba(112, 204, 248, 1);
  font-weight: bold;
}

.thumbnail-admin-buttons {
  width: 220px;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: rgba(45, 45, 45, 0.80);
  /*background-color: rgba(255, 255, 255, 0.7);*/
  color: rgba(0, 0, 0, 1);
  padding: 4px;
  margin: 5px;
}



.fix-search-results {
  margin: 0 !important;
}

.fix-rightbar-background {
  /*background-color: blue;*/
}

.animecard {
  width: 700px;
  background-color: #FFF;
  border: 1px solid silver;
  border-radius: 3px;
  padding: 15px 15px;
  margin-left: 10px;
}
.animecard h4 {
  font: 14px Arial, Helvetica, sans-serif;
  margin-top: 5px;
  margin-left: 10px;
  /*text-indent: 20px;*/
  text-align: center;
  color: #555;
  font-weight: bold;
}
img.poster_img {
  width: 100%;
  border: solid 1px lightgray;
}
img.studio_img {
  float: right;
  height: 20px;
  margin: 0 20px 0 0 !important;
  border: solid 1px lightgray;
}
.animecard table {
  width: inherit;
}
.animecard table {
  border-collapse: collapse;
}
.animecard th {
  color: black;
  padding: 10px;
  font: 18px Arial, Helvetica, sans-serif;
}
.description {
  text-indent: 20pt;
  text-align: justify;
  color: #555;
  font: 12px Arial, Helvetica, sans-serif;
}
.other_seasons {
  text-align: justify;
  /*color: #555;*/
  /*font: 12px Arial, Helvetica, sans-serif;*/
}
td.descr {
  padding: 13px 0 13px 15px;
  width: 100px;
  font-weight: bold;
}
.fix_descr_p {
  margin: 5px 0 0 0;
  float: left;
}


/* ///// */
.playlist {
  position: fixed;
  left: 0;
  top: 0;
  width: 110px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.65);
  z-index: 50;
  border-right: 2px solid silver;
  overflow: scroll;
  /*box-shadow: 2px 2px 1px 0px lightgray;*/
  /*-webkit-box-shadow: 2px 2px 1px 0px lightgray; /* Safari */*/
}
.playlist ul {
  margin: 0 2px;
  list-style: none;
}
.playlist ul li {
  text-align: center;
  padding: 4px 0 4px 0;
  font-weight: bold;
  font: 16px Arial, Helvetica, sans-serif;
}
.playlist ul li:hover {
  background: #83C5D5;
  border-radius: 3px;
  cursor: pointer;
}
.playlist ul li a {
  color: #F6F6F4;
  text-decoration: none;
}
/* ///// */

.episode_carousel {
  overflow-x: auto;
  overflow-y: hidden;
}
#player_frame embed{
  width: 100%;
}
#TabID {
  min-width: 100%
}

.article {
  float: left;
  background-color: #FFF;
  margin: 0 0 15px 0;
  /*padding: 5px 20px;*/
  padding: 5px 20px 15px 20px;
  border: solid 1px silver;
  border-radius: 3px;
}
.article img {
  width: 100%;
}
.article h4 {
  text-align: center;
}
.article p {
  text-align: justify;
  text-indent: 20pt;
  font: 14px Arial, Helvetica, sans-serif;
}
a.readmore {
  margin: 5px 0px;
  /*float: center;*/
  font-size: 14px;
  color: #70CCF8;
}
a.readmore:hover {
  color: #70CCF8;
  font-weight: bold;
}

.articlepage {
  background-color: #FFF;
  float:left;
  padding: 5px 20px;
  border: solid 1px silver;
  border-radius: 3px;
  /*margin-right: 50px;*/
}
.articlepage h4 {
  margin: 10px;
  text-align: center;
}
.articlepage img {
  width: 100%;
}
.articlepage p {
  margin-bottom: 15pt;
  text-align: justify;
  text-indent: 20pt;
  font: 14px Arial, Helvetica, sans-serif;
}

/* base style of secondary pages */
.page_style {
  font: 14px Arial, Helvetica, sans-serif;
  padding: 10px 50px;
}
.page_style a {
  color: #70CCF8;
  font: strong;
}
.page_style a:hover {
  color: #70CCF8;
  font-weight: bold;
}
/* base style of secondary pages */

/********** CONTENT ***************/


/********** RIGHTBAR ***************/
.rightbar {
  position: relative;
  background-color: #FFF;
  padding: 8px 0 12px 0;
  margin: 10px 20px 15px 0;
  border: solid 1px silver;
  border-radius: 3px;
  text-align: center;
}
.rightbar img {
  max-height: 280px;
  border-radius: 3px;
}
.rightbar:hover {
  border: solid 1px #0088CC;
}
.rightbar h3 {
  margin: 0 0 5px 0;
  font:bold 16px Arial, Helvetica, sans-serif;
}
.fix-vk_community {
  /*margin: 0 !important;*/
  padding: 0 !important;
}


.search {
  margin-right: 20px;
  margin-bottom: 15px;
  background-color: #FFF;
  padding: 10px 10px 10px 10px;
  border: solid 1px silver;
  border-radius: 3px;
}
.search-btn {
  height: 32px;
  width: 32px;
  border-radius: 20px;
}
.search-btn:hover {
  background: #2D2D2D;
}

.search form {
  margin: 0;
}
.fix-search {
  width: 125px !important;
}
/********** RIGHTBAR ***************/

/********** ADMINISTRATOR PANEL ***************/
.fix_admin_menu {
  z-index: 15 !important;
}
.fix_admin_menu a {
  font-size: 18px;
}
.fix_admin_menu img {
  height: 19px;
  margin: 0 0 0 -150px;
}
.fix_admin_menu_manga a {
  background: #E6E6FA !important;
}
.fix_admin_menu_anime a {
  background: lightyellow !important;
}

div._menu_margin {
  height: 40px;
}

._addmenu {
  padding: 0 0px 0 10px;
  margin-top: 20px;
  margin-bottom: 60px;
}
._addmenu ul {
  margin: 0 0 0 0;
  display: inline;
  list-style: none;
}
._addmenu ul li {
  margin-right: 10px;
  float: left;
  /*width: 200px;*/
}
._addmenu ul li a {
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  color: #555;
  border: solid 1px lightblue;
  border-radius: 4px;
}
._addmenu ul li a:hover {
  color: #000;
  text-decoration: none;
  border: solid 1px gray;
}
a._anime_add_link {
  background: lightyellow;
  padding: 10px 163px 10px 164px;
}
a._manga_add_link {
  background: #E6E6FA;
  padding: 10px 165px;
}
a._episode_add_link {
  /*background: #D9EDF7;*/
  padding: 10px 133px;
}
a._episodem_add_link {
  /*background: #D9EDF7;*/
  padding: 10px 134px 10px 134px;
}
a._article_add_link {
  background: #C2FCBB;
}

._animemain h4 {
  text-align: center;
}

/* style for admin main table */
table._maintable {
  border-bottom: 1px solid silver;
}
table._maintable tr:hover {
  /*background-color: #308BF7;*/
  /*color: #FFF;*/
  /*background-color: #D9EDF7;*/
}
table._maintable p {
  margin: 0;
  text-align: center;
}
table._tr_hover_manga tr:hover {
  background-color: #E6E6FA;
}
table._tr_hover_anime tr:hover {
  background-color: lightyellow;
}
table._tr_hover_episode tr:hover {
  background-color: #D9EDF7;
}
table._tr_hover_article tr:hover {
  background-color: #C2FCBB;
}


tr._headerrow {
  border-top: solid 2px silver;
  border-bottom: solid 2px silver;
  font-size: 14px;
  font-weight: bold;
}
tr._headerrow:hover {
  color: #555555 !important;
  background: none !important;
}
a._edit {
  text-decoration: none;
  color: #005370;
}
a._edit:hover {
  text-decoration: underline;
  color: #FFF;
}

a._del {
  text-decoration: none;
  color: red;
}
a._del:hover {
  text-decoration: underline;
  color: #FFF;
}
a._del:hover .icon-trash {

}
/* style for admin main table */

/* //// add post /////*/
.add_post_textarea {
  width: 98%;
  max-width: 98%;
  border: 2px solid #F2DEDE;
  /*background: #F2DEDE !important;*/
}
.add_post_hr {
  margin-top: 10px;
}
.add_post {
  margin-bottom: 10px !important;
}
/* //// add post /////*/
.form_post_operation {
  display: inline;
}

.newsrecord {
  padding-bottom: 15px;
}
.newsrecord-img {
  padding: 10px;
  height: 100px;
  /*background: #2D2D2D;*/
  background: #FFF;
  border: solid 1px black;
}
.newsrecord-img img {
  height: 100%;
  width: 100%;
}

.newsrecord-desc {
  min-height: 100px !important;
  border: solid 1px silver;
  background: #FFF;
  font: 14px Arial, Helvetica, sans-serif;
  padding: 15px 15px 5px 15px;
}

.fix-editpage {
  padding: 0 20px 0 40px;
}
.fix-editpage textarea {
  width: 100%;
  max-width: 100%;
}

.fix-addanime input, .fix-addanime textarea {
  width: 400px;
}
.fix-addanime textarea {
  max-width: 400px;
}

.fix-addarticle {
  padding: 0 30px;
}
.fix-addarticle input {
  width: 420px;
}
.fix-addarticle textarea {
  width: 100%;
  max-width: 100%;
}
.fix-addepisode {
  padding: 0 30px;
}
.fix-addepisode textarea {
  width: 93%;
  max-width: 93%;
}

._episodemain h4 {
  text-align: center;
}
table._episodetable {
  border-bottom: 1px solid silver;
  padding: 0;
}
table._episodetable td {
  padding: 8px 0;
}
table._episodetable p {
  margin: 0 0 0 0px;
  text-align: center;
}
table.inner_table td {
  padding: 2px 0;
}
table.inner_table tr:hover {
  background-color: #D9EDF7;
}
tr._innerheaderrow {
  font-weight: bold;
}
tr._innerheaderrow:hover {
  color: #555555 !important;
  background: none !important;
}

table._usertable {
  border-bottom: 1px solid silver;
  background: #FFF;
  padding: 0;
}
table._usertable p {
  margin: 0;
  text-align: center;
}
table._usertable td {
  padding: 5px;
  vertical-align: middle;
}
table._usertable tr:hover {
  background: lightgray;
}
td._user_colsize {
  width: 200px;
}
form._asses {
  margin: 0;
  text-align: center;
  padding: 0;
}
form._asses div {
  margin: 0;
}

.fix-othersettings {
  margin-left: 30px !important;
}
/********** ADMINISTRATOR PANEL ***************/




/*////////COMMON CLASSES//////////*/
.fix-cur-page {
  background: #0088CC !important;
  color: #FFF !important;
}
.fix-pagination {
  margin-bottom: 0 !important;
}
.fix-alert {
  margin: 0 10px;
}
.notice { height: 43px; }
.notice_main {
  height: 43px;
}

._usermenu_margin {height: 10px;}
.size120 {
  zoom: 120%;
}
.center_w100 {
  width: 100%;
  text-align: center;
}
.center {
  text-align: center;
}
.margin0 {
  margin: 0 !important;
}
.paddingleft30px {
  padding-left: 30px;
}
.marginright20px {
  margin-right: 145px;
}
.marginright200px {
  margin-right: 335px;
}
/*////////COMMON CLASSES//////////*/


/*//////// REGISTRATION //////////*/

.fix-window {
  left: 50%;
  min-width: 550px;
  max-width: 550px;
  position: fixed;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  -o-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 10%;
}

.registration_wrap {
  margin: 0 auto;
  background: white;
  border: 1px solid silver;
  border-radius: 3px;
  padding: 0 30px;
}
.registration_wrap h4 {
  text-align: center;
}
.fix_reg_margin {
  margin: 0 !important;
}
.registration {
  margin: 0 0 0 160px;
}
.loginform_addons {
  margin: 10px 170px 0 160px;
}
.goback {
  text-align: right;
  margin: 15px 0 0 0;
}
.goback a {
  color: #70CCF8;
  font-size: 14px;
}
.goback a:hover {
  color: #70CCF8;
}
.input_center {
  margin-top: 5px;
  text-align: center;
}
/*//////// REGISTRATION //////////*/



/********** FOOTER ***************/
.fix-footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
}
.footer_background {
  background: #2d2d2d;
  padding-top: 10px;
}
.footer {
  padding: 0px 20px;
}
.footerLabel {
  float: right;
  margin-right: 20px;
}
.footerLabel img {
  height: 40px;
}
.footer {
  list-style: none;
  margin: 0;
}
.footer li {
  float:left;
  margin: 0px 20px 0px 0px;
}
.copyright {
  margin: 0 6px;
}


a.footer_link {
  text-decoration: none;
  color: silver;
}
a.footer_link:hover {
  text-decoration: underline;
  color: #5f5d67;
}
/********** FOOTER ***************/

.manga_table_header {
  font-family: Arial;
	font-size: 22px;
	color: #FFFFFF;
	text-shadow:
		-0   -2px 1px #a6a6ed,
		 0   -2px 1px #a6a6ed,
		-0    2px 1px #a6a6ed,
		 0    2px 1px #a6a6ed,
		-2px -0   1px #a6a6ed,
		 2px -0   1px #a6a6ed,
		-2px  0   1px #a6a6ed,
		 2px  0   1px #a6a6ed,
		-1px -2px 1px #a6a6ed,
		 1px -2px 1px #a6a6ed,
		-1px  2px 1px #a6a6ed,
		 1px  2px 1px #a6a6ed,
		-2px -1px 1px #a6a6ed,
		 2px -1px 1px #a6a6ed,
		-2px  1px 1px #a6a6ed,
		 2px  1px 1px #a6a6ed,
		-2px -2px 1px #a6a6ed,
		 2px -2px 1px #a6a6ed,
		-2px  2px 1px #a6a6ed,
		 2px  2px 1px #a6a6ed,
		-2px -2px 1px #a6a6ed,
		 2px -2px 1px #a6a6ed,
		-2px  2px 1px #a6a6ed,
		 2px  2px 1px #a6a6ed;
}

.anime_table_header {
  font-family: Arial;
	font-size: 22px;
	color: #FFFFFF;
	text-shadow:
		-0   -2px 1px #E6D343,
		 0   -2px 1px #E6D343,
		-0    2px 1px #E6D343,
		 0    2px 1px #E6D343,
		-2px -0   1px #E6D343,
		 2px -0   1px #E6D343,
		-2px  0   1px #E6D343,
		 2px  0   1px #E6D343,
		-1px -2px 1px #E6D343,
		 1px -2px 1px #E6D343,
		-1px  2px 1px #E6D343,
		 1px  2px 1px #E6D343,
		-2px -1px 1px #E6D343,
		 2px -1px 1px #E6D343,
		-2px  1px 1px #E6D343,
		 2px  1px 1px #E6D343,
		-2px -2px 1px #E6D343,
		 2px -2px 1px #E6D343,
		-2px  2px 1px #E6D343,
		 2px  2px 1px #E6D343,
		-2px -2px 1px #E6D343,
		 2px -2px 1px #E6D343,
		-2px  2px 1px #E6D343,
		 2px  2px 1px #E6D343;
}

.episode_table_header {
	font-family: Arial;
	font-size: 22px;
	color: #FFFFFF;
	text-shadow:
		-0   -2px 1px lightblue,
		 0   -2px 1px lightblue,
		-0    2px 1px lightblue,
		 0    2px 1px lightblue,
		-2px -0   1px lightblue,
		 2px -0   1px lightblue,
		-2px  0   1px lightblue,
		 2px  0   1px lightblue,
		-1px -2px 1px lightblue,
		 1px -2px 1px lightblue,
		-1px  2px 1px lightblue,
		 1px  2px 1px lightblue,
		-2px -1px 1px lightblue,
		 2px -1px 1px lightblue,
		-2px  1px 1px lightblue,
		 2px  1px 1px lightblue,
		-2px -2px 1px lightblue,
		 2px -2px 1px lightblue,
		-2px  2px 1px lightblue,
		 2px  2px 1px lightblue,
		-2px -2px 1px lightblue,
		 2px -2px 1px lightblue,
		-2px  2px 1px lightblue,
		 2px  2px 1px lightblue;
}

.article_table_header {
	font-family: Arial;
	font-size: 22px;
	color: #FFFFFF;
	text-shadow:
		-0   -2px 1px #90EE90,
		 0   -2px 1px #90EE90,
		-0    2px 1px #90EE90,
		 0    2px 1px #90EE90,
		-2px -0   1px #90EE90,
		 2px -0   1px #90EE90,
		-2px  0   1px #90EE90,
		 2px  0   1px #90EE90,
		-1px -2px 1px #90EE90,
		 1px -2px 1px #90EE90,
		-1px  2px 1px #90EE90,
		 1px  2px 1px #90EE90,
		-2px -1px 1px #90EE90,
		 2px -1px 1px #90EE90,
		-2px  1px 1px #90EE90,
		 2px  1px 1px #90EE90,
		-2px -2px 1px #90EE90,
		 2px -2px 1px #90EE90,
		-2px  2px 1px #90EE90,
		 2px  2px 1px #90EE90,
		-2px -2px 1px #90EE90,
		 2px -2px 1px #90EE90,
		-2px  2px 1px #90EE90,
		 2px  2px 1px #90EE90;
}