body{
  margin: 0;
  padding 0;
  background-color: #417bb3; /* FFF */
  /* background-image: url('bg.png'), url('bg-new.png'); */
  /*background-position: center 10px, center 0px; */
  /*background-repeat: repeat-x, repeat; */
  background-image: url('bg.png');
  background-repeat: repeat-x;
  background-size: auto auto;
}

p.no_bold{
  font-weight: normal;
  line-height: 20px;
}

acronym{
  text-decoration: none;
  cursor: pointer;
}

.acronym_active{
  color: #fead00;
}

.show_acronym_tooltip{
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 3px;
  color: #FFF;
  padding: 4px;
  font-size: 12px;
  font-family: Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
}

h3{
  color: #FFF;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
  font-size: 18px;
  font-family: normalfont;
}

table{
  font-size: 12px;
}

a.a_hover_website{
  cursor: pointer;
  font-size: 14px;
  color: #fead00; /* FF6 */
  text-decoration: none;
  font-weight: bold;
}

a:hover.a_hover_website{
  text-decoration: underline;
}

a {
  cursor: pointer;
}

.notification{
  font-weight: bold;
  font-size: 13px;
}

textarea{
  font-family: Helvetica,Arial,"lucida grande",tahoma,verdana,arial,sans-serif;
}

@font-face {    
  font-family: fonth2; /* deklarace fontu */    
  src: url("COCOGOOSE.OTF"); /* propojení na umístění souboru */
}

@font-face {    
  font-family: normalfont; /* deklarace fontu */    
  src: url("OPENSANS-REGULAR.TTF"); /* propojení na umístění souboru */
}

input[type=submit], input[type=button]{
  /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75); */
  vertical-align: middle;
  cursor: pointer;
  background-repeat: repeat-x;
  background-image: linear-gradient(to bottom, #363636, #000);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;*/
  padding: 4px 12px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  border: none;
  /*border-style: solid;
  border-image: none; */
  /*box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);*/
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  color: #FFF;
  border-radius: 4px;
  margin: 2px;
  transition: all 0s ease-in 0s;
}

input[type=submit]:hover, input[type=button]:hover{
  background-image: url('sec-menu.png');
  color: #000;
  border: none;
}

input[disabled=disabled], button:disabled {
  padding: 4px 12px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  border: none;
  color: #FFF;
  border-radius: 4px;
  margin: 2px;
  background-image: linear-gradient(to bottom, #969595, #6C6C6C); 
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05); 
  transition: all 0s ease-in 0s;
}

input[disabled=disabled]:hover, button:disabled:hover {
  padding: 4px 12px;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  border: none;
  color: #FFF;
  border-radius: 4px;
  margin: 2px;
  background-image: linear-gradient(to bottom, #969595, #6C6C6C); 
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}

/* page quick search bar */

#page_bar{
  position: fixed;
  height: 44px;
  width: 100%;
  /*background-image: url('page_bar.gif');*/ 
  background-image: url('header-bg.png');
  background-repeat: repeat-x;
  background-position: left top;
  z-index: 10;
}

#page_bar_content{
  width: 1023px;
  margin: 0 auto;
}

#quick_overview{
  float: right;
  margin-left: 30px;
  max-width: 570px;
  overflow: hidden;
  height: 30px;
  color: #FFF;
  font-weight: bold;
}

#quick_overview_menu{
  list-style-type: none;
}

#quick_overview_menu li{
  display: inline;
}

#quick_overview_menu_itemContainer, #quick_overview_menu_itemContainer2{
  height: 40px;
  margin-top: -19px;
  padding: 0px 7px;
  float: left;
  position: relative;
  z-index: 4;
}

#quick_overview_menu_itemContainer2{
  padding: 0px;
  margin-left: -6px;
}

#quick_overview_menu_item{
  float: left;
  position: relative;
  display: block;
  margin: 0px 5px;
}

a.quick_overview_messages{
  background-image: url('icons.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: -15px 3px;
  height: 32px;
  width: 32px; 
  cursor: pointer;
  display: block;
}

a:hover.quick_overview_messages{
  background-image: url('icons.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: -15px -28px;
  height: 32px;
  width: 32px; 
  cursor: pointer;
  display: block;
}

a.quick_overview_friends{
  background-image: url('icons.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: -47px 3px;
  height: 32px;
  width: 36px; 
  cursor: pointer;
  display: block;
}

a:hover.quick_overview_friends{
  background-image: url('icons.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: -47px -28px;
  height: 32px;
  width: 36px; 
  cursor: pointer;
  display: block;
}

a.quick_overview_info{
  background-image: url('icons.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: -85px 3px;
  height: 32px;
  width: 36px; 
  cursor: pointer;
  display: block; 
}

a:hover.quick_overview_info{
  background-image: url('icons.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: -85px -27px;
  height: 32px;
  width: 36px; 
  cursor: pointer;
  display: block;
}

#quick_overview_new{
  position: absolute;
  right: -1px;
  top: 3px;
  border-radius: 2px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 1);
  background-color: #DC0D17;
  background-image: linear-gradient(#FA3C45, #DC0D17);
  color: #FFF;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
  min-height: 13px;
  padding: 0px 3px;
  background-clip: padding-box;
  display: inline-block;
  font-family: 'Helvetica Neue',Helvetica,sans-serif;
  font-size: 10px;
  line-height: normal;
}

#quick_menu_label_window{
  background: none repeat scroll 0% 0% #E5F1F4;
  border: 1px solid rgba(100, 100, 100, 0.4);
  box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.25);
  overflow: auto;
  position: fixed;
  top: 43px;
  width: 350px;
  z-index: 15;
  display: block;
  height: 160px;
  margin-left: -318px;
  border-radius: 4px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#quick_menu_label_window_content{
  color: #141823;
  padding: 6px 13px 6px 6px;
  font-size: 12px;
  position: relative;
  overflow: hidden;
}               

#quick_menu_label_window_content_item{
  border-bottom: 1px solid #CCC;
  overflow: hidden;
  transition: all 0.2s ease-in 0s;
  padding: 2px 0px;
}

#quick_menu_label_window_content_item:hover{
  background: none repeat scroll 0% 0% rgba(189, 189, 189, 1);
  cursor: pointer;
}

.quick_menu_label_window_content_item_avatar{
  float:left;
  margin: 3px;
}

.beep{
  background-image: url('icons.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: -73px -172px;
  overflow: visible;
  position: fixed;
  top: 37px;
  width: 22px;
  z-index: 15;
  display: block;
  height: 160px;
  margin-left: 322px;
  border-radius: 4px;
  height: 7px;
}

#quick_overview_text_li{
  font: 1.1em 'Trebuchet MS',Arial,Sans-serif;
  float: right;
  margin-top: -15px;
  height: 25px;
  line-height: 25px;
  padding: 0 9;
  display: block;
  cursor: pointer;
}

#quick_overview_text_li a{
  transition: all 0.2s ease-in 0s;
  color: #FFF;
  text-decoration: none;
}

#quick_overview_text_li a:hover{
  color: #fead00; /* #CCC */
}

#nav_search{
  max-width: 450px;
}

#nav_seach_white_background{
  background: none repeat scroll 0% 0% #FFF;
  border-radius: 3px 3px 3px 3px; 
  width: 350px;
  margin-top: 10px;
  height: 22px; 
  display: block;
  margin-left: 126;
}

#nav_small_logo{
  position: relative;
  background-image: url('logo-small.png');
  width: 122px;
  height: 21px;
  display: block;
  float: left;
  margin-top: 2px;
}

#nav_seach_form{
  display: block;
}

#nav_seach_form input{
  padding-left: 5px;
  padding-right: 5px;
  border-color: #FFF;
  border: none;
  margin-left: 0px;
  -webkit-box-sizing: border-box;
  width: 179px;
}

#nav_seach_form select{
  padding-left: 3px;
  padding-right: 3px;
  border-color: #FFF;
  border: none;
  overflow: hidden;
  cursor: pointer;
}

#nav_seach_form button{
  background-image: url('icons.png');
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-size: auto auto;
  border: medium none;
  position: absolute;
  height: 15px;
  width: 15px;
  top: 12px;
  margin: 2px 0px 3px 28px;
  background-color: #FFF;
  cursor: pointer;
}

.ui-helper-hidden-accessible {
  border: 0px none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0px;
  position: absolute;
  width: 1px;
}

.ui-autocomplete {
	position: absolute;
	top: 0;
	left: 0;
	cursor: default;
  border: 1px solid #AAA;
  background: url('../jquery-ui-1.10.4.custom/css/ui-darkness/images/ui-bg_flat_75_ffffff_40x100.png') repeat-x scroll 50% 50% #FFF;
  color: #222;
  border-radius: 4px;
  z-index: 11;
  width: 220px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  font-size: 12px;
}

.ui-menu {
	list-style: none;
	padding: 2px;
	margin: 0;
	display: block;
	outline: none;
}
.ui-menu .ui-menu {
	margin-top: -3px;
	position: absolute;
}
.ui-menu .ui-menu-item {
	margin: 0;
	padding: 0;
	width: 100%;
	list-style-image: url('../jquery-ui-1.10.4.custom/css/ui-darkness/images/pix.gif');
}
.ui-menu .ui-menu-divider {
	margin: 5px -2px 5px -2px;
	height: 0;
	font-size: 0;
	line-height: 0;
	border-width: 1px 0 0 0;
}
.ui-menu .ui-menu-item a {
	text-decoration: none;
	display: block;
	padding: 2px .4em;
	line-height: 1.5;
	min-height: 0; 
	font-weight: normal;
}
.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
  border: 1px solid #666666;
	background: #555555 url("../jquery-ui-1.10.4.custom/css/ui-darkness/images/ui-bg_glass_20_555555_1x400.png") 50% 50% repeat-x;
	font-weight: bold;
	color: #eeeeee;
}



/***************************************************/
/****** Page content, Logo (header), Top menu ******/
/***************************************************/

#page{
  position: relative;
  width: 1023px;
  margin: 0 auto;  
}

/****** Logo ******/
#page_logo{
  top: 45px;
  padding-top: 44px;
  position: relative;
  height: 134px;
  width: 100%;
  /*background-image: url('haruhi-chibi-small.png');*/
  background-image: url('header.png');
  background-repeat: no-repeat;
  z-index: -999;
  /*background-color: rgba(128,0,0,0.2);*/ 
}

/****** Top menu ******/
#page_portal_menu{
  border-bottom: 3px solid #e9af00;
  position: relative;
  height: 22px;
  /*margin-top: -26px; /* -26 */
  width: 100%;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 13px;
  line-height: 14px;
}
/* editation for #page_portal_menu for browsers withouth webkit */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #page_portal_menu {
        line-height: 14px;
    }
}
#page_portal_menu ul{
  margin: 0;
  padding: 0;
  float: right;
}

#page_portal_menu li{
  display: inline-block;
}

#page_portal_menu li a{
  color: #FFF;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.8);
  background-position: 0px 0px;
  background-repeat: repeat-x;
  padding: 6 15 7 15;
  border-radius: 5px 5px 0px 0px; 
  transition: color 0.4s ease 0s;
}

#page_portal_menu li a:hover, #page #page_portal_menu li a.active{
  background-position: 0px 0px;
  background-repeat: repeat-x;
  color: #feae00;
  font-weight: bold;
}

#page_portal_menu li a:hover#page_portal_menu_1, #page #page_portal_menu li a.active#page_portal_menu_1{
  padding: 6 13 7 13;
} 
#page_portal_menu li a:hover#page_portal_menu_2, #page #page_portal_menu li a.active#page_portal_menu_2{
  padding: 6 13 7 13;
}
#page_portal_menu li a:hover#page_portal_menu_3, #page #page_portal_menu li a.active#page_portal_menu_3{
  padding: 6 11 7 11;
}
#page_portal_menu li a:hover#page_portal_menu_4, #page #page_portal_menu li a.active#page_portal_menu_4{
  padding: 6 12 7 12;
}
#page_portal_menu li a:hover#page_portal_menu_5, #page #page_portal_menu li a.active#page_portal_menu_5{
  padding: 6 9 7 9;
}
#page_portal_menu li a:hover#page_portal_menu_6, #page #page_portal_menu li a.active#page_portal_menu_6{
  padding: 6 10 7 9;
}
#page_portal_menu li a:hover#page_portal_menu_7, #page #page_portal_menu li a.active#page_portal_menu_7{
  padding: 6 10 7 9;
}
#page_portal_menu li a:hover#page_portal_menu_8, #page #page_portal_menu li a.active#page_portal_menu_8{
  padding: 6 13 7 13;
}  


/****** Page navigation *******/
#page_navigation{
  padding: 2 8;
  color: #FFF;
  text-decoration: none;
  background-image: url('navigation-bg.png');
  background-position: 0px 0px;
  background-repeat: repeat-x;
  border-radius: 0px 0px 5px 5px;
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 12px;
}

#page_navigation a{
  color: #FFF;
  padding: 2 5;
  text-decoration: none;
}

#page_navigation a:hover{
  color: #FEAD00;
}

/****** Page content ******/
#page_content{
  width: 100%;
  display: block;
  overflow: hidden;
  margin: 15 0 10 0;
}

#page_content #page_content_left{
  float: left;
  width: 200px;
  /*background-color: rgba(256,0,0,0.5);*/ 
}

#page_content #page_content_right{
  float: right;
  width: 200px;
}

#page_content #page_contet_middle{
  margin: 0 210px 0 210px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

#page_content #page_contet_middle_wide{
  margin: 0 0 0 0px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

/**** Boxes ****/
#sort_left, #sort_right {
	margin: auto;
	padding: 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
#sort_left li,#sort_right li {
	list-style: none;
	font-family: "Tahoma";
	color: #e2e2e2;
  overflow: hidden;
  min-height: 50px;
  margin: 0 0 10 0;
}
#sort_right li#portlet{
  min-height: 0px;
}
span.position {
  color: #FFF;
	cursor: move;
  position: absolute;
  margin: 8 0 0 180;
  height: 12px;
  width: 12px;
  background-image: url('icons.png');
  background-position: 0px -15px;
  background-repeat: no-repeat;
  background-size: auto auto;
  border: medium none;
}
li.ui-state-highlight {
	border: 1px dashed #CCC;
	background: none;
  min-height: 80px;
}

#content_side_box{
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #E2E2E2; 
  border-radius: 5px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  padding: 4px 6px;
  /*background-color: /* #134975; */ rgba(9, 73, 119, 0.7);*/
  border-width: 2px;
  border-style: solid;
  border-color: #1B2025; /* #25638b; */
  /*border-repeat: repeat-x;*/
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  min-height: 50px;
  background: #0d3b79;
  background: -moz-radial-gradient(center, ellipse cover,  #0d3b79 0%, #031b33 87%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0d3b79), color-stop(87%,#031b33));
  background: -webkit-radial-gradient(center, ellipse cover,  #0d3b79 0%,#031b33 87%);
  background: -o-radial-gradient(center, ellipse cover,  #0d3b79 0%,#031b33 87%);
  background: -ms-radial-gradient(center, ellipse cover,  #0d3b79 0%,#031b33 87%);
  background: radial-gradient(ellipse at center,  #0d3b79 0%,#031b33 87%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3b79', endColorstr='#031b33',GradientType=1 );
  
  /* silver */ /*
  border-color: #A9A9A9; */
}

#content_side_box p{
  padding: 0 6px;
  margin: 14 0 0 0;
  color: #E2E2E2;
}

#content_side_box_portlet{
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #FFF; 
  border-radius: 5px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  padding: 4px 6px 0px 6px;
  /*background-color: /* #134975; */ rgba(9, 73, 119, 0.7); */
  border-width: 1px;
  border-style: solid;
  border-color: #1B2025; /* #25638b; */
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  background: #0d3b79;
  background: -moz-radial-gradient(center, ellipse cover,  #0d3b79 0%, #031b33 87%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0d3b79), color-stop(87%,#031b33));
  background: -webkit-radial-gradient(center, ellipse cover,  #0d3b79 0%,#031b33 87%);
  background: -o-radial-gradient(center, ellipse cover,  #0d3b79 0%,#031b33 87%);
  background: -ms-radial-gradient(center, ellipse cover,  #0d3b79 0%,#031b33 87%);
  background: radial-gradient(ellipse at center,  #0d3b79 0%,#031b33 87%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d3b79', endColorstr='#031b33',GradientType=1 );
}

#content_side_box h2, #content_side_box_portlet h2{
  font-size: 15px;
  font-weight: bold;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25); 
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  /*background-image: linear-gradient(to bottom, #d4a254, #c67c2e); /* #08C, #04C */  /* #cefd9c, #9ec970 */
  padding: 4px 7px;
  margin: -5px 0px 3px -7px;
  width: 100%;
  border-radius: 4px 4px 0px 0px;
  color: #ffae00;
  background-image: url('menu-header-bg.png');
  /* silver */  /*
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.7);
  font-weight: bold;
  color: #333;
  background: linear-gradient(180deg, #D7D7D7, #A9A9A9) repeat scroll 0% 0% transparent; */
}

.portlet-header {
  padding: 0.2em 0.3em;
  margin-bottom: 0.5em;
  position: relative;
}
.portlet-toggle {
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}
.ui-icon-minusthick {
  background-position: -64px -128px;
}

.portlet-content {
  padding: 0.4em;
}
.portlet-placeholder {
  border: 1px dotted black;
  margin: 0 1em 1em 0;
  height: 50px;
}
.ui-icon, .ui-widget-content .ui-icon {
    background-image: url('../jquery-ui-1.10.4.custom/css/ui-darkness/images/ui-icons_111111_256x240.png');
    cursor: pointer;
}

/* middle content boxes */
#box, #box_index{
  font-size: 14px;
  color: #FFF;
  margin: 0px 0px 0px;
  padding: 10px;
  color: #FFF;
  border-width: 1px;
  border-style: solid;
  border: 2px solid #1B2025;
  background-color: #081f47;
  background: radial-gradient(ellipse at center center , #0B5396 0%, #083560 87%) repeat scroll 0% 0% transparent;
  overflow: hidden;
  border-radius: 4px;
}

#box_anime{
  font-size: 12px;
  /*color: #FFF;*/
  margin: 0px 0px 0px;
  color: #FFF;
  background-color: #081f47; /* 11719B */ 
  overflow: hidden;
  border-radius: 4px;
}

#box_index{
  margin: 5px 0px;
  padding: 0px;
}

#box_full, #box_half{
  font-size: 14px;
  color: #FFF;
  /*padding: 10px;*/
  color: #FFF;
  border-width: 1px;
  border-style: solid;
  border: 2px solid #1B2025;
  background-color: #081f47;
  background: radial-gradient(ellipse at center center , #0B5396 0%, #083560 87%) repeat scroll 0% 0% transparent;
  overflow: hidden;
  border-radius: 4px;
  margin: 10px 0px;
}

#box_half{
  float:left;
  margin: 5px 4px;
  width: 289px;
}

#box_full h2, #box_half h2{
  font-size: 20px;
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.55); 
  background-color: #081F47;
  background-repeat: repeat-x;
  border-color: #202020;
  /*background-image: linear-gradient(to bottom, #d4a254, #c67c2e); /* #08C, #04C */
  background-image: url('anime-header.PNG');
  padding: 4px 17px;
  border-radius: 4px 4px 0px 0px;
  margin: -6px -11px 0px;
  color: #fead00;
  font-family: normalfont;
  -webkit-font-smoothing: antialiased;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 1); 
}

#box_full #episode_table, #box_half #episode_table{
  margin: 0px;
  width: 100%;
}


/****** normal page content ******/
#page_contet_middle a, #page_contet_middle_wide a{
  color: #fead00;
  text-decoration: none;
}

#page_contet_middle a:hover, #page_contet_middle_wide a:hover{
  color: #fead00;
  text-decoration: underline;
}

#box h2{
  font-size: 20px;
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.55); 
  background-color: #081F47;
  background-repeat: repeat-x;
  border-color: #202020;
  /*background-image: linear-gradient(to bottom, #d4a254, #c67c2e); /* #08C, #04C */
  background-image: url('anime-header.PNG');
  padding: 2px 7px;
  border-radius: 4px 4px 0px 0px;
  margin: -10px -11px 0px -11px;
  color: #fead00;
  font-family: normalfont;
  -webkit-font-smoothing: antialiased;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 1); 
}

#box_anime h2{
  font-size: 20px;
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.55); 
  background-color: #081F47;
  background-repeat: repeat-x;
  border-color: #202020;
  /*background-image: linear-gradient(to bottom, #d4a254, #c67c2e); /* #08C, #04C */
  background-image: url('anime-header.PNG');
  padding: 2px 7px;
  border-radius: 4px 4px 0px 0px;
  margin: 0 -1 0 -1;
  color: #fead00;
  font-family: normalfont;
  -webkit-font-smoothing: antialiased;
  -webkit-box-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
  -moz-box-shadow: 0px 1px 5px rgba(0, 0, 0, 1);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 1);  
} 

#anime_content_head{
  border: 2px solid #1b2025;
  border-radius: 4px;
  overflow: hidden;
  -webkit-box-shadow: inset 235px 10px 5px -9px rgba(0,0,0,0.8);
  -moz-box-shadow: inset 235px 10px 5px -9px rgba(0,0,0,0.8);
  box-shadow: inset 235px 10px 5px -9px rgba(0,0,0,0.8);
}

#anime_content_head a{
  cursor: pointer;
}

#anime_content_head_pic_rank{
  width: 225px;
  float: left;
  margin-right: 10px;
}

#box table{
  color: #FFF;
}

#rank_box{
  margin: 0;
  padding: 10px 0px;
  border-radius: 0 0 0 4px;
  color: #FFF;
  /*background-color: #B01;*/
  background-image: url('rating-bg.png');
  background-repeat: repeat-x;
  text-align: center;
  font-size: 21px;
  min-height: 20px;
  font-weight: bold;
  /*text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);*/
  text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.35);
}

#anime_head_tabs{
  margin: 5 10 5 0;
}
#anime_head_tabs li, #anime_tabs li{
  display: inline;  
}

#anime_head_tabs li.margin_left_15{
  margin-left: 15px;
}

#anime_tabs ul{
  margin: 20 0 12 -25;
}

.anime_head_tab{
  height: 281px;
  overflow: auto;
  border: 1px solid #e19a03; /* CCC */
  background-image: url('anime_body_inner.png');
  background-color: #073b6c;
  border-radius: 4px;
  padding: 10px;
  margin-top: -8px;
  font-size: 12px;
  -webkit-margin-top-collapse: separate;
  /*-webkit-margin-top: -9px;*/
  /*-webkit-margin-before: -7px;*/ 
  /*-webkit-margin-after: -7px;*/ 
  -moz-margin-start : -7px;
  /*-webkit-margin-start : -9px;*/ 
}

.anime_head_tab table{
  font-size: 12px;
  color: #FFF;
  font-weight: normal;
  float: left;
  width: 340px;
  margin: 0;
}

.anime_head_tab table td.callout{
  font-weight: bold;
}

.anime_head_tab table.authors{
  font-size: 12px;
  color: #FFF;
  font-weight: normal;
  float: left;
  width: 100%;
  margin: 0px 0px 10px 0px;
}

.anime_head_tab table.category{
  font-size: 12px;
  width: 170px;
  float: right;
  padding: 0 5;
}

.anime_head_tab table.category td *{
  font-size: 12px;
  color: #FFF;
  font-weight: normal;
  float: right;
}

.anime_tab{
  overflow: hidden;
  border: 2px solid #1B2025; /* CCC */
  border-radius: 4px;
  padding: 10px;
  margin-top: -9px;
  color: #FFF;
  /* background-color: rgba(9, 73, 119, 0.7); /* #11719B */
  background-color: #092445;
  font-size: 12px;
  -webkit-margin-before: -8px 0 0 0; 
  -webkit-margin-after: -8px 0 0 0; 
  -webkit-margin-top-collapse: separate;
}

.anime_tab_light{
  overflow: hidden;
  border: 2px solid #1B2025; /* CCC */
  border-radius: 4px;
  padding: 10px;
  margin-top: -9px;
  color: #FFF;
  /* background-color: rgba(9, 73, 119, 0.7); /* #11719B */
  background: radial-gradient(ellipse at center center , #0B5396 0%, #083560 87%) repeat scroll 0% 0% transparent;
  font-size: 12px;
  -webkit-margin-before: -8px 0 0 0; 
  -webkit-margin-after: -8px 0 0 0; 
  -webkit-margin-top-collapse: separate;
}
@-moz-document url-prefix() {
    .anime_tab{
        margin-top: -10px;
    }
}

@-moz-document url-prefix() {
    body{
        margin: 0;
    }
}

.anime_tab_content{
  margin: 10px;
}

#anime_head_tabs .ui-state-default, 
#anime_tabs .ui-state-default, #anime_tabs li     
{
  /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);*/
  vertical-align: middle;
  cursor: pointer;
  background-repeat: repeat-x;
  /*background-color: #F5F5F5; */
  background-image: linear-gradient(to bottom, #363636, #000);
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #C67C2E; /* rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3; */
  padding: 4px 5px; /* padding: 4px 7px; */
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  /*border-width: 1px;
  border-style: solid;
  border-image: none; */
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px 4px 0px 0px;
  margin: 0 0 0 0; /* margin: 0 0 0 5; */
}

#anime_tabs li a{
  color: #FFF;
}

#anime_head_tabs .ui-state-hover, #anime_head_tabs .ui-state-active, 
#anime_tabs .ui-state-hover, #anime_tabs .ui-state-active{
  /*text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.75);*/
  vertical-align: middle;
  cursor: pointer;
  /*background-color: #E6E6E6;*/
  /*background-image: none; */
  background-image: url('sec-menu.png');
  background-repeat: repeat-x;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  /*border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #C67C2E; /* rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3; */
  padding: 4px 5px; 
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  /*border-width: 1px;
  border-style: solid;
  border-image: none;*/
  /* box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.15) inset, 0px 1px 2px rgba(0, 0, 0, 0.05); */
  border-radius: 4px 4px 0px 0px;
  margin: 0 0 0 0;
  /*background-position: 0px -15px;*/
  color: #000;
}

#anime_head_tabs .ui-state-default a, 
#anime_tabs .ui-state-default a{
  color: #FFF;  /* ccc */
  text-decoration: none;
}

#anime_head_tabs .ui-state-hover a, #anime_head_tabs .ui-state-active a, 
#anime_tabs .ui-state-hover a, #anime_tabs .ui-state-active a{
  color: #000;
}

/****** episode table *******/
#episode_table{
  width: 98%;
  color: #1F1F1F;
  border-collapse: collapse;
  font-size: 12px;
  margin: 10px;
}

#episode_table th, #episode_table td, #episode_table_font th, #episode_table_font td{
  text-align: left;
  padding: 0.3em;
  border: 1px solid #FFF;
}

#episode_table th, #episode_table_font th{
  background: url('table-header-bg.png') repeat-x scroll 0% 0% #000;
  color: #FFF;
  font-weight: bold;
}

#episode_table tr.even td{
  background: none repeat scroll 0% 0% #E5F1F4;
}

#episode_table tr.odd td{
  background: none repeat scroll 0% 0% #F8FBFC;
}

#episode_table tr.none td{
  margin: 0;
  padding: 0;
  border-left: none;
}

#episode_table td.font_14{
  font-size: 14px;
}

#episode_table td a, #episode_table_font td a{
  color: #000;
  text-decoration: underline;  
}

#episode_table td a:hover, #episode_table_font td a:hover{
  color: #505050;
  text-decoration: underline;  
}

#episode_table_subtitle{
  width: 98%;
  color: #1F1F1F;
  border-collapse: collapse;
  font-size: 12px;
  float: right;
}
#episode_table_font{
  width: 98%;
  color: #1F1F1F;
  border-collapse: collapse;
  font-size: 12px;
  margin: 10px;
  border: 1px solid #FFF;
}
#episode_table_subtitle th, #episode_table_font th{
  background: url('table-header-bg.png') repeat-x scroll 0% 0% #000;
  border-style: solid;
  border-color: #FFF;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  border-image: none;
  text-align: center;
  border-width: 0px 1px 0px 0px;
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
}

#episode_table tr.none #episode_table_subtitle td, #episode_table_font td{
  border-width: 1px 1px 0px 0px;
  font-size: 12px;
  color: #1F1F1F;
  border-style: solid;
  border-color: #FFF;
  background: none repeat scroll 0% 0% #ffcd47;
  padding: 0.3em;
}

#episode_table_subtitle th.episode_table_subtitle_end_tr, #episode_table_subtitle td.episode_table_subtitle_end_tr{
  border-bottom-left-radius: 14px;
  
}

.float_left_margin_4{
  float: left;
  margin: 0 4;
  width: 25px;
}

.float_left_margin_4_44{
  float: left;
  margin: 0 4;
  width: 44px;
}

/************** add character table ****************/
#table_show{
  width: 98%;
  color: #1F1F1F;
  border-collapse: collapse;
  font-size: 12px;
  margin: 10px;
}

#table_show th{
  background: url('table-header-bg.png') repeat-x scroll 0% 0% #000;
  color: #FFF;
  font-weight: bold;
  padding: 3px 0px;
  border: 1px solid #FFF;
}

#table_show td{
  background: none repeat scroll 0% 0% #E5F1F4;
  color: #1F1F1F;
  padding: 0.3em;
  border: 1px solid #FFF;
}

#table_show a{
  color: #000;
  text-decoration: underline;
}

#table_show a:hover{
  color: #505050;
  text-decoration: underline;
}

#box h4.alert_warning {
  display: block;
  width: 95%;
  margin: 20px 3% 0px;
  border-radius: 5px;
  background: url('../administrace/images/icn_alert_error.png') no-repeat scroll 10px 10px #F3D9D9;
  border: 1px solid #D20009;
  color: #7B040F;
  padding: 10px 0px;
  text-indent: 40px;
  font-size: 14px;
}

#box h4.alert_success {
  display: block;
  width: 95%;
  margin: 20px 3% 0px;
  border-radius: 5px;
  background: url('../administrace/images/icn_alert_success.png') no-repeat scroll 10px 10px #E2F6C5;
  border: 1px solid #79C20D;
  color: #32510F;
  padding: 10px 0px;
  text-indent: 40px;
  font-size: 14px;
}

/****** status wall *******/
#box_wall{
  margin: 0;
  padding: 0;
  font-size: 14px;
  color: #FFF;
}

#box_wall h2{
  font-size: 20px;
  text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.25); 
  /*background-color: #006DCC;*/
  background-image: url('anime-header.PNG');
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  /*background-image: linear-gradient(to bottom, #d4a254, #c67c2e); /* #08C, #04C */
  padding: 2px 7px;
  border-radius: 4px;
  margin: 0;
  color: #FFAE00;
  font-family: normalfont;
  font-weight: bold;
}

#box_wall #new_post{
  margin: 10 0 0 0;
  padding: 4px;
  border-radius: 4px;
  color: #FFF;
  /*
  border-width: 1px;
  border-style: solid;
  border-color: #003566;
  background-color: rgba(17, 113, 155, 1); */
  border: 1px solid #E19A03;
  background-color: rgba(9, 73, 119, 0.7);
  overflow: hidden;
  background: #0b5396;
  background: -moz-radial-gradient(center, ellipse cover,  #0b5396 0%, #083560 87%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0b5396), color-stop(87%,#083560));
  background: -webkit-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: -o-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: -ms-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: radial-gradient(ellipse at center,  #0b5396 0%,#083560 87%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5396', endColorstr='#083560',GradientType=1 );
}

#box_wall #new_post form{
  margin: 3 auto;
}

#box_wall #new_post form textarea{
  font-family: Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
  vertical-align: middle;
  border-radius: 4 4 4 6;
  width: 98%;
  padding: 6px;
  line-height: 16px;
  font-size: 16px;
  overflow-y: hidden;
  height: 31px;
}

span.icon-play{
  position: absolute;
  background-image: url('play.png');
  background-repeat: no-repeat;
  background-size: auto auto;
  background-position: 0px 0px;
  height: 56px;
  width: 56px;
  margin: 75px 0px 0px -170px;
  opacity: 0.8;
}

span.grey{
  color: #CCC;
}

.red-alert {
  color: rgba(249, 59, 59, 1);
  font-weight: bold;
  font-size: 13px;
}

.red{
  font-weight: bold;
  color: rgba(249, 59, 59, 1);
}

.green{
  font-weight: bold;
  color: rgba(8, 173, 15, 1);
}

.yellow{
  color: rgb(255,255,0);
}

.orange{
  color: #FEAD00;
}

button{
  color: #333;
}

.button{
  cursor: pointer;
}

#box_wall #new_post form input.button{
  float: right;
  display: none;
  margin: 6px; 
}

#box_wall #post{
  margin: 10 0 0 0;
  padding: 10px;
  /*border-radius: 4px;*/
  color: #FFF;
  border: 1px solid #E19A03;
  background-color: rgba(9, 73, 119, 0.7); /*rgba(17, 113, 155, 1); */
  overflow: hidden;
  /*
  background: #0b5396;
  background: -moz-radial-gradient(center, ellipse cover,  #0b5396 0%, #073b6c 87%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0b5396), color-stop(87%,#073b6c));
  background: -webkit-radial-gradient(center, ellipse cover,  #0b5396 0%,#073b6c 87%);
  background: -o-radial-gradient(center, ellipse cover,  #0b5396 0%,#073b6c 87%);
  background: -ms-radial-gradient(center, ellipse cover,  #0b5396 0%,#073b6c 87%);
  background: radial-gradient(ellipse at center,  #0b5396 0%,#073b6c 87%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5396', endColorstr='#073b6c',GradientType=1 );
  */
  background: #0b5396;
  background: -moz-radial-gradient(center, ellipse cover,  #0b5396 0%, #083560 87%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0b5396), color-stop(87%,#083560));
  background: -webkit-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: -o-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: -ms-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: radial-gradient(ellipse at center,  #0b5396 0%,#083560 87%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5396', endColorstr='#083560',GradientType=1 );
}

#box_wall #post #avatar_head{
  margin: 0;
  overflow: hidden;
}

#box_wall #post #avatar_head #avatar{
  float: left;
  margin: 0 6 0 0;
}

#box_wall #post #avatar_head #avatar img{
  height: 60px;
  width: 60px;
}

#box_wall #post #avatar_head h4{
  margin: 0;
}

#box_wall #post #avatar_head h4 a{
  color: #FFF;
  text-decoration: none;
}

#box_wall #post #avatar_head h4 a:hover{
  color: #FFF;
  text-decoration: underline;
}

#box_wall #post #avatar_head #grey{
  color: #AAA;
  font-size: 12px;
  margin-top: 3px;
  margin-bottom: 0px;
}
#box_wall #post #avatar_head #like{
  font-size: 12px;
  margin-top: 9px;
}

#box_wall #post #avatar_head #like a{
  font-weight: bold;
  cursor: pointer;
  transition: all 0.2s ease-in 0s;
}

#box_wall #post #avatar_head #like a:hover{
  color: #FFF;
  text-decoration: underline;
  cursor: pointer;
}

#box_wall #post #post_content{
    letter-spacing: 0.1px;
    line-height: 20px;
}

#box_wall #post #post_content_bold{
  font-weight: bold;
  letter-spacing: 0.1px;
  line-height: 20px;
}

#box_wall #post #post_content a, #box_wall #post #post_content_bold a{
  color: #fead00;
  text-decoration: none;
}

#box_wall #post #post_content a:hover, #box_wall #post #post_content_bold a:hover{
  color: #fead00;
  text-decoration: underline;
}

#box_wall #post #post_content #post_image_left, #box_wall #post #post_content_bold #post_image_left{
  float: left;
  margin: 6 8 0 0;   
}

#box_wall #post #post_content_bold #post_content_pictures{
  width: 100%;
  float: left;
}

#box_wall #post #post_content_bold #post_content_pictures #post_picture{
  display: inline-block;
  min-width: 105px;
  height: 120px;
  overflow: hidden;
  margin: 4px;
  text-align: center; 
}

#box_wall #post #post_content_bold #arow_left_right{
  float: left;
  width: 32px;
  height: 64px;
  background-image: url('icons.png');
  background-position: -89px -76px;
  background-repeat: no-repeat;
  margin: 55px 22px;
}

.show_likers{
  cursor: pointer;
}

.show_likers_tooltip{
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  color: #FFF;
  padding: 4px;
  font-size: 12px;
  font-family: Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
}


/***** Left side profile *****/
#profile_avatar{
  color: #FFF;
  font-weight: bold;
}

#profile_avatar img{
  margin: 4 0;
  width: 128px;
  position: relative;
  border-radius: 5px;
}

#profile_menu *{
  margin: 0;
  padding: 0;
  position: relative;
}

#profile_menu ul{
  margin: 5 8;
}

#profile_menu li{
  display: inline;
  min-height: 0px;
}

#profile_menu ul li a{
  color: #e2e2e2;
  text-decoration: none;
  /*font-weight: bold;*/
  width: 100%;
  padding: 1 0;
  display: block;
  /*padding: 0px 0px 0px 13px;*/
  border-bottom: 1px solid rgba(0, 0, 0, 0.35);
  font-family: normalfont;
  /*transition: color 200ms ease 100ms;*/
  transition: all 0.2s ease-in 0s;
}

#profile_menu ul li a:hover, #profile_menu ul li a.selected{
  color: #fead00;
  background-color: rgba(80, 80, 80, 0.2);
}
#profile_recommend_icons{
  margin: 3 0;
  text-align: center;
  width: 100%;
  color: #FFF; 
}
#profile_recommend_icons img{
  margin: 3 0;
}


/************************************/
/******** Right box content *********/
/************************************/

#page_content #page_content_right #content_side_box table tr td, #page_content #page_content_right #content_side_box_portlet table tr td,
#page_content #page_content_left #content_side_box table tr td, #page_content #page_content_left #content_side_box_portlet table tr td{
  margin: 0;
  padding: 1 0;
  color: #E2E2E2;
  font-size: 14px;
  font-family: Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
  transition: height 2s;
}

#page_content #page_content_right #content_side_box_portlet table tr td a{
  color: #FEAD00;
  text-decoration: none;
}

#page_content #page_content_right #content_side_box_portlet table tr td a:hover{
  color: #FEAD00;
  text-decoration: underline;
}

#content_right_friends_online{
  position: relative;
  margin: 6 4 4 4;
  overflow: hidden;
  width: 100%;
}

/***** Friend nick ****/
.friend_nick{
  display: block;
  position: relative;
  width: 85px;
  height: 85px;
  float: left;
  margin: 2px;
}

.friend_nick img{
  height: 85px;
  width: 85px;
}

.friend_nick a{
  text-decoration: none;
}

.friend_nick div{
  position: absolute;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.7)) repeat scroll 0% 0% transparent;
  bottom: 0px;
  color: #FFF;
  word-wrap: break-word;
  display: block;
  padding: 5 0 5 5;
  width: 80px;
  font-size: 12;  
}


/****** charactes_friendship ******/
#friendship_box{
  text-align: center;
  position: relative; 
  overflow: hidden;
}

#friendship_box_item{
  position: relative; 
  /*height: 170px;*/
  width: 18%;
  display: inline-block;
  margin: 0 3 5 3;
}

#friendship_box_item .friendship_img{
  vertical-align: top;
  display: inline-block;
  height: 140px;
}


#friendship_box_item .friendship_text{
  display: inline-block;
  vertical-align: top;
  margin: 3 0 10 0;
}

/*********  STRÁNKOVÁNÍ **********/
#strankovani a{
  margin: 0px 4px;
  font-size: 14px;
  font-family: normalfont;
}

#strankovani a.height{
  font-weight: bold;
  font-size: 18px;
}

/***********************/
#plus18{
  background: url('18.png') no-repeat scroll 0px 0px transparent;
  height: 16px;
  width: 17px;
  margin: 0px 4px;
  position: relative;
  padding: 1 9;
}

#plus18corner{
  position: absolute;
  left: 394px;
  /*background-color: #DC0D17;*/
  background: url('18corner.png') no-repeat scroll 0px 0px transparent;
  height: 43px;
  width: 41px;
  padding: 0px 3px;
  background-clip: padding-box;
  display: inline-block;
}

.bold{
  font-weight: bold;
}

#profile_img{
  float: left;
}

#profile_img img{
  margin: 15px 15px 10px 10px;
  border-radius: 5px;
}

#profile_content{
  padding: 10px;
  position: relative;
}

#profile_block{
  overflow: hidden;
}

.profile_info_table{
  float: left;
  width: 70%;
}

#profile_list{
  float: right;
  width: 12%;
  margin-right: 10px;
}

#profile_list td *{
  float: right;
}

.profile_table{
  color: #FFF;
  letter-spacing: 0.1px;
}

.profile_table td{
  vertical-align: top;
}

#friend span{
  width: 128px;
  position: absolute;
}

#zebricek li, #myCarousel li{   
  display: block;
  background: none;
  text-align: left;
  cursor: normal;
  box-shadow: none;
  border-radius: none;
}                                                        

#myCarousel .carousel-indicators li, #box_index #myCarousel .carousel-indicators li {
    display: block;
    float: left;
    width: 5px;
    height: 5px;
    margin-left: 5px;
    text-indent: -999px;
    background-color: rgba(255, 255, 255, 0.25);
    border-radius: 10px;
    cursor: pointer;
}

#box_index #myCarousel{
  margin: 0px;
  width: 100%;
}

#item_black_text{
  position: absolute;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.9)) repeat scroll 0% 0% transparent;
  bottom: 0px;
  color: #FFF;
  word-wrap: break-word;
  display: block;
  padding: 7px;
  width: 98%;
  font-size: 13px;
}

#item_black_text h2{
  margin: 0px 0px 7px 0px;
}

#item_black_text h2 a{
  color: #FFF;
}

#item_black_text h2 a:hover{
  color: #FFF;
}

#box_index #myCarousel .carousel-indicators li{
padding: 4px 5px;
}

#myCarousel .carousel-indicators .active, #box_index #myCarousel .carousel-indicators .active {
    background-color: #FFF;
    cursor: pointer;
}

.search_table{
  color: #FFF;
  letter-spacing: 0.1px;
}

#my_rank{
  border-radius: 2px;
background-color: rgba(14, 155, 40, 1);
background-image: linear-gradient(rgba(44, 195, 62, 1), rgba(5, 92, 9, 1));
color: #FFF;
text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.4);
min-height: 14px;
padding: 0px 4px;
background-clip: padding-box;
display: inline-block;
font-family: "Helvetica Neue",Helvetica,sans-serif;
line-height: normal;
position: relative;
}

/****** Statusy ******/
#blue_status{
  position: relative;
  background-image: url('icons.png');
  background-position: 0px -61px;
  background-repeat: no-repeat;
  margin: 3 5 3 3;
  padding: 0 9;
  
}

#green_status{
  position: relative;
  background-image: url('icons.png');
  background-position: -18px -61px;
  background-repeat: no-repeat;
  margin: 3 5 3 3;
  padding: 0 9;
}

#yellow_status{
  position: relative;
  background-image: url('icons.png');
  background-position: -36px -61px;
  background-repeat: no-repeat;
  margin: 3 5 3 3;
  padding: 0 9;
}

#orange_status{
  position: relative;
  background-image: url('icons.png');
  background-position: -54px -61px;
  background-repeat: no-repeat;
  margin: 3 5 3 3;
  padding: 0 9;
}

#red_status{
  position: relative;
  background-image: url('icons.png');
  background-position: -72px -61px;
  background-repeat: no-repeat;
  margin: 3 5 3 3;
  padding: 0 9;
}

/****** Page rating bar ******/
.rating-a .br-widget {
  height: 52px;
}

.rating-a .br-widget a {
  display: block;
  width: 15px;
  padding: 5px 0 5px 0;
  height: 30px;
  float: left;
  background-color: #e3e3e3;
  margin: 1px;
  text-align: center;
}

.rating-a .br-widget a.br-active,
.rating-a .br-widget a.br-selected {
  background-color: #FEAD00; /* 59a6d6 */
}

.rating-a .br-widget .br-current-rating {
  font-size: 20px;
  line-height: 2;
  float: left;
  padding: 0 20px 0 20px;
  color: #FFF;
}

/****** Comments *******/
table.comments {
  width: 100%;
  margin: 8px 0px;
  color: #FFF;
  border: 1px solid #fead00;
  border-radius: 8px;
  font: Verdana,Tahoma,sans-serif;
  font-size: 13px;
  line-height: 20px;
  background: #0b5396;
  background: -moz-radial-gradient(center, ellipse cover,  #0b5396 0%, #083560 87%);
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#0b5396), color-stop(87%,#083560));
  background: -webkit-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: -o-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: -ms-radial-gradient(center, ellipse cover,  #0b5396 0%,#083560 87%);
  background: radial-gradient(ellipse at center,  #0b5396 0%,#083560 87%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0b5396', endColorstr='#083560',GradientType=1 );
  -webkit-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.7);
  -moz-box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.7);
  box-shadow: inset 0px 0px 4px 2px rgba(0,0,0,0.7);
}

table.comments td.td-top-valign {
    vertical-align: top;
}

table.comments td.comments_info {
    padding: 3px;
    font-weight: bold;
    text-align: justify;
    vertical-align: middle;
}

table.comments td.comments_info_14 {
    padding: 3px;
    font-weight: bold;
    text-align: justify;
    vertical-align: middle;
    font-size: 1.14em;
}

table.comments td.comments_text {
    padding: 3px 10px 10px 3px;
    text-align: justify;
}

img.float_comments {
    margin: 7px 8px 7px;
    border: 3px solid #555;
    border-radius: 5px;
}

#anime_tabs .anime_tab .anime_tab_content table.comments td.comments_info a{
  color: #fead00;
  text-decoration: underline; 
}

#anime_tabs .anime_tab .anime_tab_content table.comments td.comments_info a:hover{
  color: #505050;
  text-decoration: underline; 
}

/****** Rank *******/
#rank_0{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px 0px;
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_1{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -16px;
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_2{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -32px;
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_3{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -48px;
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_4{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -64px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_5{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -80px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_6{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -96px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_7{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -112px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_8{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -128px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_9{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -144px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_10{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -160px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_short_100{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -176px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_short_75{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -121px -192px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_short_50{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -233px -160px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_short_25{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -233px -176px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

#rank_short_0{
  width: 110px;
  height: 16px;
  position: relative;
  background-image: url('icons.png');
  background-position: -233px -192px;*/
  background-repeat: no-repeat;
  margin: 0 5;
  padding: 0 110 0 0;
  font-size: 14px;
}

/****** Share icons ******/
#share_container{
  width: 100%;
  overflow: hidden;
  margin-top: 22px;
}

#sh_icon{
  cursor: pointer;
  float: left;
  width: 32px;
  margin: 2px 4px;
  height: 32px;
}

.sh-facebook{
  background: url('icons.png') no-repeat scroll -233px 0px transparent;
}

.sh-twitter{
  background: url('icons.png') no-repeat scroll -265px 0px transparent;
}

.sh-gmail{
  background: url('icons.png') no-repeat scroll -233px -32px transparent;
}

.sh-favourite{
  background: url('icons.png') no-repeat scroll -265px -32px transparent;
}

.sh-google{
  background: url('icons.png') no-repeat scroll -233px -64px transparent;
}

.sh-myspace{
  background: url('icons.png') no-repeat scroll -265px -64px transparent;
}

.sh-linkedin{
  background: url('icons.png') no-repeat scroll -233px -96px transparent;
}

.sh-blink{
  background: url('icons.png') no-repeat scroll -265px -96px transparent;
}

.sh-anidb{
  background: url('icons.png') no-repeat scroll -233px -128px transparent;
}

.sh-youtube{
  background: url('icons.png') no-repeat scroll -265px -128px transparent;
}

/****** Flags ******/

.flag-cz{
  cursor: pointer;
  float: left;
  height: 13px;
  width: 14px;
  background: url('icons.png') no-repeat scroll 0px -76px transparent;
  margin: 0 4;    
}

.flag-sk{
  cursor: pointer;
  float: left;
  height: 13px;
  width: 14px;
  background: url('icons.png') no-repeat scroll 0px -90px transparent;
  margin: 0 4;    
}

.flag-jp{
  cursor: pointer;
  float: left;
  height: 10px;
  width: 14px;
  background: url('icons.png') no-repeat scroll 0px -105px transparent;
  margin: 3 4 0 4;    
}

.flag-en{
  cursor: pointer;
  float: left;
  height: 11px;
  width: 14px;
  background: url('icons.png') no-repeat scroll 0px -117px transparent;
  margin: 2 4 0 4;    
}

.flag-ch{
  cursor: pointer;
  float: left;
  height: 11px;
  width: 14px;
  background: url('icons.png') no-repeat scroll 0px -130px transparent;
  margin: 2 4 0 4;    
}

/****** Interactive icons ******/
.icon-edit{
  cursor: pointer;
  /*position: absolute;*/
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -15px -76px transparent;
  margin: 0 4;
  padding: 0px 7px;
  position: relative;
}

.icon-delete{
  cursor: pointer;
  /*float: left;*/
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -15px -90px transparent;
  margin: 0px 4px;
  padding: 0px 7px;
  position: relative;
}

.icon-up{
  cursor: pointer;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -70px -78px transparent;
  margin: 0px 4px;
  padding: 0px 6px;
  position: relative;
}

.icon-down{
  cursor: pointer;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -70px -92px transparent;
  margin: 0px 4px;
  padding: 0px 6px;
  position: relative;
}

.icon-info{
  cursor: pointer;
  float: left;
  height: 15px;
  width: 15px;
  background: url('icons.png') no-repeat scroll -15px -105px transparent;
  margin: 0 4;
}

.icon-download{
  cursor: pointer;
  float: left;
  height: 15px;
  width: 16px;
  background: url('icons.png') no-repeat scroll -15px -122px transparent;
  margin: 0 4;
}

.icon-soft{
  cursor: pointer;
  float: left;
  height: 14px;
  width: 17px;
  background: url('icons.png') no-repeat scroll -15px -137px transparent;
  margin: 0 4;
}

.icon-hard{
  cursor: pointer;
  float: left;
  height: 14px;
  width: 17px;
  background: url('icons.png') no-repeat scroll -15px -151px transparent;
  margin: 0 4;
}

.icon-report{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 17px;
  background: url('icons.png') no-repeat scroll -15px -170px transparent;
  margin: 0px 5px 0px 3px;
  padding: 0px 8px;
}

.icon-male{
  cursor: pointer;
  position: relative;
  height: 16px;
  width: 16px;
  background: url('icons.png') no-repeat scroll -35px -95px transparent;
  margin: 0 4;
  padding: 0 16 2 0;
}

.icon-female{
  cursor: pointer;
  position: relative;
  height: 16px;
  width: 16px;
  background: url('icons.png') no-repeat scroll -35px -77px transparent;
  margin: 0 4;
  padding: 0 16 2 0;
}

.icon-torrent{
  cursor: pointer;
  position: relative;
  height: 16px;
  width: 16px;
  background: url('icons.png') no-repeat scroll -16px -187px transparent;
  margin: 0px 5px 0px 3px;
  padding: 0px 8px;
}

.icon-csfd{
  cursor: pointer;
  position: relative;
  height: 13px;
  width: 16px;
  background: url('icons.png') no-repeat scroll -34px -113px transparent;
  margin: 0px 5px 0px 3px;
  padding: 0px 8px;
}

.icon-fdb{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -34px -129px transparent;
  margin: 0px 5px 0px 3px;
  padding: 0px 8px;
}

.icon-review{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -34px -144px transparent;
  margin: 0px 5px 0px 3px;
  padding: 0px 8px;
}

.icon-gallery{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 16px;
  background: url('icons.png') no-repeat scroll -34px -161px transparent;
  margin: 0px 5px 0px 3px;
  padding: 0px 8px;
}
/*
.icon-download{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -34px -177px transparent;
  margin: 0px 4px 0px 3px;
}
*/
.icon-youtube{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 16px;
  background: url('icons.png') no-repeat scroll -34px -192px transparent;
  margin: 0px 5px 0px 3px;
  padding: 0px 8px;
}

.icon-stream{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -54px -78px transparent;
  margin: 0px 4px 0px 3px;
  padding: 0px 8px;
}

.icon-fanclub{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -54px -94px transparent;
  margin: 0px 3px 0px 3px;
  padding: 0px 8px;
}

.icon-manga{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -54px -110px transparent;
  margin: 0px 3px 0px 3px;
  padding: 0px 8px;
}

.icon-official{
  cursor: pointer;
  position: relative;
  height: 12px;
  width: 12px;
  background: url('icons.png') no-repeat scroll -54px -126px transparent;
  margin: 0px 3px 0px 4px;
  padding: 0px 8px;
}

.icon-manga{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -54px -110px transparent;
  margin: 0px 3px 0px 3px;
  padding: 0px 8px;
}

.icon-videoserv{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -54px -140px transparent;
  margin: 0px 3px 0px 3px;
  padding: 0px 8px;
}

.icon-other{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -54px -156px transparent;
  margin: 0px 3px 0px 3px;
  padding: 0px 8px;
}

.icon-trailer{
  cursor: pointer;
  position: relative;
  height: 14px;
  width: 14px;
  background: url('icons.png') no-repeat scroll -54px -172px transparent;
  margin: 0px 3px 0px 3px;
  padding: 0px 8px;
}

.admin{
  cursor: pointer;
  /*float: left;*/
  height: 21px;
  width: 21px;
  background: url('icons.png') no-repeat scroll -72px -184px transparent;
  margin: 0px 1px;
  padding: 0px 11px;
  position: relative;
}

.patch{
  color: #FEAD00;
}

/* -------- Translation bar ---------- */
div.bar-wrapper-full.full, div.bar-wrapper-full.full, div.bar-wrapper-full.full div.inside {
    width: 100%;
}
div.bar-wrapper-full.inside {
    width: 300px;
    height: 25px;
    position: relative;
}
div.inside {
    line-height: 25px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    position: absolute;
    z-index: auto; 
    width: 300px;
    text-align: center;
    margin: -25px 0px 0px 15px;
}
div.bar-progress, div.bar-progress-green, div.bar-progress-orange, div.bar-progress-red{
    height: 25px;
    width: 300px;
    background: none repeat scroll 0% 0% rgb(85, 85, 85);
    border-radius: 30px;
    position: relative;
    margin: 0 0 0 15px;
}
div.bar-progress > span {
    display: block;
    height: 25px;
    border-radius: 30px;                          /*#5A84C4      #1A2275 */
    background: -moz-linear-gradient(center top , #5ac469  0%, #1a7529 100%) repeat scroll 0% 0% transparent;
    box-shadow: 0px 2px 9px rgba(255, 255, 255, 0.3) inset, 0px -2px 6px rgba(0, 0, 0, 0.4) inset;
    overflow: hidden;
    position: relative;
}

div.bar-progress-green > span {
    display: block;
    height: 25px;
    border-radius: 30px;                          /*#5A84C4      #1A2275*/
    background: -moz-linear-gradient(center top , #5ac469  0%, #1a7529 100%) repeat scroll 0% 0% transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ac469), color-stop(100%,#1a7529));
    background: -webkit-linear-gradient(top, #5ac469 0%,#1a7529 100%);
    box-shadow: 0px 2px 9px rgba(255, 255, 255, 0.3) inset, 0px -2px 6px rgba(0, 0, 0, 0.4) inset;
    overflow: hidden;
    position: relative;
}

div.bar-progress-orange > span {
    display: block;
    height: 25px;
    border-radius: 30px;                         
    background: -moz-linear-gradient(center top , #eab84a  0%, #8e6100 100%) repeat scroll 0% 0% transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eab84a), color-stop(100%,#8e6100));
    background: -webkit-linear-gradient(top, #eab84a 0%,#8e6100 100%);
    box-shadow: 0px 2px 9px rgba(255, 255, 255, 0.3) inset, 0px -2px 6px rgba(0, 0, 0, 0.4) inset;
    overflow: hidden;
    position: relative;
}

div.bar-progress-red > span {
    display: block;
    height: 25px;
    border-radius: 30px;                         
    background: -moz-linear-gradient(center top , #c45a5a 0%, #751a1a 100%) repeat scroll 0% 0% transparent;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c45a5a), color-stop(100%,#751a1a));
    background: -webkit-linear-gradient(top, #c45a5a 0%,#751a1a 100%);
    box-shadow: 0px 2px 9px rgba(255, 255, 255, 0.3) inset, 0px -2px 6px rgba(0, 0, 0, 0.4) inset;
    overflow: hidden;
    position: relative;
}

/****** Messages ******/
#message_content, #friends_content{

}

#message_status_user, #friends_status_user{
  font-size: 14px;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #E2E2E2;
  border-radius: 5px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  padding: 4px 6px;
  border-style: solid;
  border-color: transparent;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  background: radial-gradient(ellipse at center center , #0D3B79 0%, #031B33 87%) repeat scroll 0% 0% transparent;
  overflow: hidden;
  width: 45%;
  transition: all 0.2s ease-in 0s;
  cursor: pointer;
  margin: 10px 3px 0px 3px;
  float: left;
}

#friends_status_user{
  cursor: default;
}


#message_status_user:hover{
  border-style: solid;
  border-color: #FEAD00;
} 

.message_avatar, .friends_avatar {
  float: left;
  margin: 3px;
}

#message_box{
  background-color: #FFF;
  height: 400px;
  overflow: auto;
  margin: 15px 0px;
  padding: 1px 0px 1px 5px;
}

#message_box_content .zprava{
  margin: 5px;
  padding: 4px;
  border-bottom: 1px solid rgba(66, 66, 66, 0.2);
  color: #000;
}

#message_box_content .zprava a{
  color: #3B5998;
}

#message_box_content .zprava .zprava-avatar {
  padding-bottom: 3px;
}

#message_box_content .zprava .zprava-avatar img {
  float: left;
  margin-right: 5px;
}

#message_box_content .zprava .zprava-datum {
  font-size: 80%;
}

#textarea{
  font-family: Helvetica,Arial,'lucida grande',tahoma,verdana,arial,sans-serif;
  vertical-align: middle;
  border-radius: 4 4 4 6;
  width: 100%;
  padding: 6px;
  line-height: 16px;
  font-size: 16px;
  overflow-y: hidden;
  height: 31px;
}

/*********** Achievements ***********/
#achievement_content{
  overflow: hidden;
}

#achievement_content_item{
  margin: 10px 3px 0px;
  padding: 5px 1px;
  float: left;
  width: 130px;
  /*box-shadow: 0px 0px 1px #FFF inset, 0px 1px 2px rgba(0, 0, 0, 0.05); */
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  background: radial-gradient(ellipse at center center , #0D3B79 0%, #031B33 87%) repeat scroll 0% 0% transparent;
  border-radius: 5px;
  cursor: pointer;
  border-style: solid;
  border-color: transparent;
  transition: all 0.2s ease-in 0s;
}

#achievement_content_item:hover {
  border-style: solid;
  border-color: #FEAD00;
}

#progressbar, #progressbar_long {
  background: none repeat scroll 0% 0% #555;
  border-radius: 13px; /* (height of inner div) / 2 + padding */
  padding: 3px;
  margin: 3px;
  width: 90%;
}

#progressbar_long{
  width: 540px;
}

#progressbar > div, #progressbar_long > div{         
   /*background-color: #FEAD00; */
   background: -moz-linear-gradient(center top , #FEAD00 0%, #F58400 100%) repeat scroll 0% 0% transparent;
   height: 20px;
   border-radius: 10px;
}

#progressbar > span{
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #FFF;
  margin: auto;
  padding: auto;
  width: 250px;
  position: absolute;
  margin: -20px 0px 0px 52px;
}

#progressbar_long > span{
  line-height: 20px;
  font-weight: bold;
  font-size: 14px;
  color: #FFF;
  margin: auto;
  padding: auto;
  width: 250px;
  position: absolute;
  margin: -20px 0px 0px 260px;
}

/************* Cosplay navrh *****************/
#cosplay_content, #galery_content{
  overflow: hidden;
}

#cosplay_content_item{
  margin: 10px 3px 0px;
  padding: 5px 1px;
  float: left;
  width: 183px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  background: radial-gradient(ellipse at center center , #0D3B79 0%, #031B33 87%) repeat scroll 0% 0% transparent;
  border-radius: 5px;
  cursor: default;
  border-style: solid;
  border-color: transparent;
  min-height: 190px;
  line-height: 18px;
}

#galery_content_item, #galery_content_item2{
  margin: 10px 3px 0px;
  padding: 5px 1px;
  float: left;
  width: 240px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
  background: radial-gradient(ellipse at center center , #0D3B79 0%, #031B33 87%) repeat scroll 0% 0% transparent;
  border-radius: 5px;
  cursor: default;
  border-style: solid;
  border-color: transparent;
  min-height: 270px;
  line-height: 18px;
}

#galery_content_item2{
  min-height: 210px;
}

#galery_content_item2 p{
  margin: 2px 5px;
}

#cosplay_content_item img, #galery_content_item img, #galery_content_item2 img{
  margin-top: 5px;
}
 /*
.recommend-icon{
  cursor: pointer;
  position: relative;
  height: 16px;
  width: 16px;
  background: url('icons.png') no-repeat scroll 0px -188px transparent;
  margin: 0 4;
  padding: 0 15 2 0;
}*/
.recommend-icon{
  cursor: pointer;
  position: absolute;
  height: 16px;
  width: 16px;
  background: url('icons.png') no-repeat scroll 0px -188px transparent;
  margin: 1px 5px;
  padding: 0px 0px 2px 0px;
}

.tick-icon{
  cursor: pointer;
  position: absolute;
  height: 16px;
  width: 16px;
  background: url('icons.png') no-repeat scroll -54px -190px transparent;
  margin: -7px -6px;
  padding: 0px 0px 2px 0px;
}


/************* Informace a pravidla *****************/
.pravidla {
  margin: 0px 0px 0px 25px;
  font-style: italic;
}

ol{
  margin: 10px 30px;
  padding: 0px 15px;
}

#pravidla ol li{
  display: list-item;
}

/************** Timeline **********************/
#timelineContainer .timelineMinor dt a.closed, #timelineContainer .timelineMinor dt a{
  color: #DDD;
  font-size: 1em;
  margin-left: 15px;
}
#timelineContainer .timelineMinor dt a:hover, #timelineContainer .timelineMinor dt a.open {
  color: #FEAD00;
  text-decoration: none;
  margin-left: 15px;
}
div.timelineToggle {
  float: right;
  margin-right: 0px;
  white-space: nowrap;
}
a.expandAll {
  color: #CCC;
  cursor: pointer;
  background: none repeat scroll 0% 0% #000;
  border-radius: 4px;
  font-size: 12px;
  padding: 3px 5px;
}
.timelineContainer {
  border-left: 3px solid #FEAD00;
  margin: 20px 5px;
  width: 95%;
}
.timelineMajor h2 span {          
  background: none repeat scroll 0% 0% #FEAD00; /* rgba(0, 0, 0, 0.8) */
  border-radius: 0px 4px 4px 0px;
  color: #000;
  letter-spacing: 0.1em;
  line-height: 1.2em;
  font-family: normalfont;
  font-weight: bold;
  padding: 3px 5px 1px;
}
.timelineMajor h2 {
  font-family: Palatino,"Times New Roman",Times,serif;
  cursor: pointer;
  font-size: 2.2em;
  font-weight: 400;
}


/****** Footer ******/
#footer{
  font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
  font-size: 14px;
  color: #FFF;
  width: 100%;
  font-weight: 700;
  text-align: center;
  line-height: 48px;
  background-color: rgba(0,0,0,0.75);
  border-radius: 4px 4px 0px 0px;
  overflow: hidden;
  margin-bottom: 0px;
}

/******** AJAX **************/
.loading{  
  position: relative;
  margin: 0px auto;
  top: 40%;
}

.ajax_grey{ 
  position: fixed;  
  background-image:url(grey_back.png);  
  background-repeat: repeat;  
  z-index: 60;  
  width: 100%;  
  height: 100%;
}

#ajax_content {
  position: relative;
  margin: 0px auto;
  top: 15%;
  /*background: radial-gradient(ellipse at center center , #0B5396 0%, #083560 87%) repeat scroll 0% 0% transparent; */
  background-color: #081F47;
  border: 2px solid #1B2025;
  border-radius: 4px;
  width: 800px;
  min-height: 505px;
  z-index: 9999;
  text-align: left;
}

#ajax_content_close {
  width: 100%;
  min-height: 33px;
  margin-top: -17px;
  background-color: #081F47;
  background-repeat: repeat-x;
  border-color: #202020;
  background-image: url('anime-header.PNG');
  border-radius: 4px 4px 0px 0px;
  box-shadow: 0px 1px 5px #000;
}

#ajax_content_close h2{
  font-size: 20px;
  font-weight: bold;
  text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.55);
  color: #FEAD00;
  font-family: normalfont;
  padding: 2px 7px;
  margin-right: 100px;
}

#ajax_close {
  cursor: pointer;
  padding: 4px 13px;
  margin: -44px 9px 0px 0px;
  float: right;
  background-image: url('sec-menu.png');
  color: #000;
}

#ajax_text {
  overflow: auto;
  width: 100%;
  height: 485px;
}

#ajax_text #box {
  padding: 15px;
  margin: 0px 0px 20px;
  border: medium none;
  background: none repeat scroll 0% 0% transparent;
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #FFF;
  font-size: 12px;
}

#ajax_text #box #episode_table, #box #episode_table{
  color: #000;
}

#ajax_text #box table a{
  cursor: pointer;
}

/****** Novel icons *****/
.cz {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px 0;
  border: 1px solid #CCC;
}
.ni {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px 0;
  border: 1px solid #CCC;
}
.da {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -11px;
  border: 1px solid #CCC;
}
.no {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -11px;
  border: 1px solid #CCC;
}
.de {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -22px;
  border: 1px solid #CCC;
}
.pl {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -22px;
  border: 1px solid #CCC;
}
.en {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat scroll -48px -33px transparent;
  border: 1px solid #CCC;
}
.po {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -33px;
  border: 1px solid #CCC;
}
.sp {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -44px;
  border: 1px solid #CCC;
}
.ru {
  position: absolute;
  width: 10px;
  height: 11px;
  margin: -7px 0px 0px -5px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -44px;
  border: 1px solid #CCC;
}
.fi {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -55px;
  border: 1px solid #CCC;
}
.se {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -55px;
  border: 1px solid #CCC;
}
.fr {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -66px;
  border: 1px solid #CCC;
}
.tu {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -66px;
  border: 1px solid #CCC;
}
.it {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -77px;
  border: 1px solid #CCC;
}
.ch {
  position: absolute;
  width: 10px;
  height: 11px;
  margin: -7px 0px 0px -5px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -77px;
  border: 1px solid #CCC;
}
.jp {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -88px;
  border: 1px solid #CCC;
}
.ko {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -88px;
  border: 1px solid #CCC;
}
.hu {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -99px;
  border: 1px solid #CCC;
}
.vi {
  position: absolute;
  width: 10px;
  height: 11px;
  margin: -7px 0px 0px -5px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -99px;
  border: 1px solid #CCC;
}
.br {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -110px;
  border: 1px solid #CCC;
}
.sl {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -110px;
  border: 1px solid #CCC;
}
.uk {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -48px -121px;
  border: 1px solid #CCC;
}
.mo {
  position: absolute;
  width: 11px;
  height: 11px;
  margin: -7px 0px 0px -6px;
  padding: 0px 1px;
  background: url('novel_icons.png') no-repeat -62px -121px;
  border: 1px solid #CCC;
}


/************** Rozsah ***************/
.complete{
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -7px 0px 0px -8px;
  background: url('icons.png') no-repeat -0px -142px;
}

.halfcomplete{
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -7px 0px 0px -8px;
  background: url('icons.png') no-repeat -0px -157px;
}

.noncomplete{
  position: absolute;
  width: 14px;
  height: 14px;
  margin: -7px 0px 0px -8px;
  background: url('icons.png') no-repeat -0px -172px;
}

/************** Vydani platforma **********************/
.dreamcast {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat 0px 0px;
}
.dvdplayer {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -16px 0px;
}
.macos {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 7px;
  background: url('novel_icons.png') no-repeat -17px -15px;
}
.linux {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat 0px -14px;
}
.windows{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat scroll -16px -56px transparent;
}
.nintendods {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat 0px -28px;
}
.ps1 {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -16px -30px;
}
.ps2{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat 0px -42px;
}
.psp{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -16px -42px;
}
.website{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 7px;
  background: url('novel_icons.png') no-repeat -1px -112px;
}
.snintendo{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat 0px -56px;
}
.sega{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -17px -98px;
}
.pc98{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 5px;
  padding: 0px 7px;
  background: url('novel_icons.png') no-repeat -3px -98px;
}
.ps3{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat 0px -84px;
}
.xbox360{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -16px -84px;
}
.psv{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -16px -126px;
}
.d3s{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat 0px -126px;
}
.android{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -16px -112px;
}
.gameboyadv{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat 0px -70px;
}
.wii{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -16px -70px;
}
.bluray{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 7px;
  background: url('novel_icons.png') no-repeat -33px -51px;
}
.apple{
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;x;
  background: url('novel_icons.png') no-repeat -32px -39px;
}
.dos {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 7px;
  background: url('novel_icons.png') no-repeat -33px -24px;
}
.famicom {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -32px -10px;
}
.msx {
  position: relative;
  width: 14px;
  height: 14px;
  margin: 0px 2px 0px 2px;
  padding: 0px 8px;
  background: url('novel_icons.png') no-repeat -32px 4px;
}

.on{
  cursor: pointer;
  float: left;
  height: 11px;
  width: 14px;
  background: url('icons.png') no-repeat scroll 0px -40px transparent;
  margin: 2 4 0 4; 
}

.off{
  cursor: pointer;
  float: left;
  height: 11px;
  width: 14px;
  background: url('icons.png') no-repeat scroll 0px -28px transparent;
  margin: 2 4 0 4; 
}