@import "flagicons.css";

body {
  margin:0;
  font-family: Arial;
  font-size: 13px;
  line-height:1.4;
  text-align: center;
}


body#upload_iframe {
  text-align:left;
  color:#666;
  background:transparent;
}
iframe.upload_iframe,iframe#upload_iframe {
  width: 100%;
  height: 20px;
  border:0;
}


#logo {
  background:url(logo.png);
  width: 238px;
  height: 75px;
  display:block;
  
  position: absolute;
  top: 0px;
  left:30px;
}

form {
  margin: 0px;
}

img {border: none;}

a {
  color: #2558c5;
  text-decoration: none;
}       /*
a:visited {
  color: #4525d8;
}     */
a:hover {
  color: #7fa8ff;
}

a img {
  border: none;
}

input {
  font-family: Arial;
}

img.border {
  background: #fff;
  border: 1px solid #888;
  padding: 3px;
}

img#border_small,img.border_small {
  background: #fff;
  border: 1px solid #333;
  padding: 1px;
}

table {                      /*cellspacing tas bort;*/
  border-collapse: collapse;
}

/***********************************************************************************
 *** Layout
 ***********************************************************************************/
 
#sitewrapper {
  position: relative; 
  width: 1000px; /*950px;*/
  margin: auto;
  text-align: left;
  z-index:1;
}

#sitewrapper #header {
  color: #fff;
  background: #6699cc;
  height: 65px;

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

#sitewrapper #header #h_upper {
  padding-top:5px;
  height: 40px;
  background: #336699; 
  
  -moz-border-radius-bottomleft: 7px;
  -moz-border-radius-bottomright: 7px;
  -webkit-border-bottom-left-radius:7px;
  -webkit-border-bottom-right-radius:7px;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}

#sitewrapper #header #h_upper #user_menu {
  margin-left: 15px;
  background:#F00;
}

#sitewrapper #header #h_upper #user_menu img {
  float: left; 
  margin-top: -2px;
  border: 1px solid #000; 
  padding: 1px;
  background: #fff;
}

#sitewrapper #header #h_upper #user_menu ul {
  margin:  8px 0 0 5px;
  padding:0; 
  list-style:none;
  float: left;
}

#sitewrapper #header #h_upper #user_menu ul li {
  float: left;
  padding: 0 10px 0 10px;
  border-right: 1px solid #aac;
  font-weight: bold;
}

#sitewrapper #header #h_upper #user_menu ul li a {color: #D2DCF3;}
#sitewrapper #header #h_upper #user_menu ul li a:hover {color: #FFF;}

#sitewrapper #header #h_upper #user_menu ul li a#um_profile {color: #FFF;}
#sitewrapper #header #h_upper #user_menu ul li a#um_adminpanel {color: #ffce7b;}
#sitewrapper #header #h_upper #user_menu ul li a#um_creqlist {color: #ffdf8c;}


#sitewrapper #header #h_upper #global_search form {
  float: right;
  margin: 3px 10px 0 0;
}

#sitewrapper #header #h_upper #global_search form input[type=text] {
  background: url(http://upload.wikimedia.org/wikipedia/commons/7/79/Magnifier.png) #fff no-repeat 6px 6px;
  color: #222;
  width: 160px;
  padding: 4px 2px 2px 25px;
  font-size: 15px;
  font-weight: bold;
  border: none;
  height:20px;
  float:right;
                         /*
  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  */

  -webkit-border-top-left-radius:5px;
  -webkit-border-bottom-left-radius:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-bottomleft:5px;
  border-top-left-radius:5px;
  border-bottom-left-radius:5px;
}

#sitewrapper #header #h_upper #global_search form a {
  display: block;
  height: 23px;
  font-size:16px;
  padding-top:1px;
  width: 50px;
  float: right;
  text-align: center;
  text-shadow:0 1px 0 #FFFFFF;
  color: #333333;
  border:1px solid #EEEEEE;
  background: url(button_bg.png) repeat-x;
  font-family:Arial,Sans-serif;
  font-weight:bold;

  -webkit-border-top-right-radius:5px;
  -webkit-border-bottom-right-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-bottomright:5px;
  border-top-right-radius:5px;
  border-bottom-right-radius:5px;
}

#sitewrapper #header #h_upper #global_search form a:hover,
#sitewrapper #header #h_upper #global_search form a:focus {
  background-position:0 -5px;
  color:#333333;
}

 /*
#sitewrapper #header #user_search form input[type=submit] {
  background: #88bbee;
  font-family: Trebuchet MS;
  margin-top: 1px; 
  padding-bottom: 1px; 
  font-size: 18px; 
  border: none;

  -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}    */

#sitewrapper #header #h_lower {
  padding: 2px 5px;
}

#sitewrapper #header #h_lower ul#menu {
  font-size: 87%;
  margin:0;
  padding:0;
  list-style:none;
}

#sitewrapper #header #h_lower ul#menu li {
  float: left;
  padding: 0 10px 0 10px;
  /*border-right: 1px solid #aac;  */
}
#sitewrapper #header #h_lower ul#menu a {
  color:#FFF;
}



#sitewrapper #hs {
  position: relative; 
  height: 60px;  /*110px; */
}

#sitewrapper #hs #h_a {
  width: 650px;
  height: 90px; 
  position:absolute;
  top:-15px;
  right:40px;
}


#sitewrapper #contentwrapper {
  background: #fff; 
  
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#sitewrapper #contentwrapper #content {
  position:relative;
  padding: 10px;
}

#sitewrapper #contentwrapper #footer {
  position: relative;
  background:#f5f5f5;
  border-top: 1px solid #ddd;
  color: #888;
  padding: 10px 20px; 
  font-size: 90%;
  
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

#sitewrapper #contentwrapper #footer #footer_logo {
  width:130px; 
  height:41px; 
  background:url(logo-small-gray.gif) no-repeat;
  margin-bottom:5px;
}

#sitewrapper #contentwrapper #footer ul {
  float: left; 
  width: 175px;
  padding:0;
  margin:0;
  list-style:none;
}

#sitewrapper #contentwrapper #footer ul li {
  padding: 2px 0 2px 13px;
  background: url(bottom-bullet.gif) no-repeat 2px 8px;
}

#sitewrapper #contentwrapper #footer ul li.title {
  font-size:110%;
  font-weight: bold;
  color: #333;
  
  padding-left: 0;
  background:transparent;
}

#sitewrapper #contentwrapper #footer a {
  font-size: 90%;
  color: #1f5bda;
}
#sitewrapper #contentwrapper #footer a:hover {
  color: #0a245d;
}




.clear {
  clear:both;
}

/***********************************************************************************
 *** Skuggan
 ***********************************************************************************/
 
#sitewrapper #header_shadow {
  padding: 0 25px; 
  background:url(shadow_sprites.png) right;
}

#sitewrapper #header_shadow_bottom {
  height:25px; 
  background:url(shadow_sprites.png) center;
}

#sitewrapper #content_shadow_top {
  height:25px; 
  background:url(shadow_sprites.png) left;
}

#sitewrapper #content_shadow {
  padding: 0 25px; 
  background:url(shadow_sprites.png) right;
}

#sitewrapper #content_shadow_bottom {
  height:25px;
  background:url(shadow_sprites.png) center;
}


/************************************************************************************
 *** Spotlight
 ************************************************************************************/

#spotlight {
  position:relative;
  width: 600px; 
  height: 175px; 
  background: url(spotlight.gif); 
  margin-bottom: 20px;
}

#spotlight #spot_title {
  position: absolute; 
  left: 10px; 
  bottom: 15px; 
  color: #fff; 
  font-size: 129%; 
  font-family: Trebuchet MS; 
  z-index:20;
  cursor:pointer;
}

#spotlight #spot_subtitle {
  position: absolute; 
  left: 10px; 
  bottom: 2px;  
  color: #fff; 
  font-size:  85%; 
  z-index:20;
  cursor:pointer;
}

#spotlight #spot_border {
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 600px; 
  height: 40px; 
  background: url(spot_shadow.png);
  z-index:10;
  cursor:pointer;
}

#spotlight #spot_nr_1,
#spotlight #spot_nr_2,
#spotlight #spot_nr_3,
#spotlight #spot_nr_4,
#spotlight #spot_nr_5 {
  position: absolute;
  top: 1px;
  color: #FFF;
  z-index: 20;
  font-size:80%;
  cursor: pointer;
}

#spotlight #spot_nr_1 {right: 65px;}
#spotlight #spot_nr_2 {right: 50px;}
#spotlight #spot_nr_3 {right: 35px;}
#spotlight #spot_nr_4 {right: 20px;}
#spotlight #spot_nr_5 {right:  5px;}


#spotlight #spot_nr_1_bg,
#spotlight #spot_nr_2_bg,
#spotlight #spot_nr_3_bg,
#spotlight #spot_nr_4_bg,
#spotlight #spot_nr_5_bg {
  position: absolute;
  top: 2px;
  width: 13px; 
  height: 13px; 
  opacity:.6; 
  filter:alpha(opacity=60); 
  z-index:10;
  cursor: pointer;
  background-color: #000;
}

#spotlight #spot_nr_1_bg {right: 62px;}
#spotlight #spot_nr_2_bg {right: 47px;}
#spotlight #spot_nr_3_bg {right: 32px;}
#spotlight #spot_nr_4_bg {right: 17px;}
#spotlight #spot_nr_5_bg {right: 2px;}

#spotlight #spot_nr_1_bg.spot_current,
#spotlight #spot_nr_2_bg.spot_current,
#spotlight #spot_nr_3_bg.spot_current,
#spotlight #spot_nr_4_bg.spot_current,
#spotlight #spot_nr_5_bg.spot_current {
 background-color: #f90;
}


/***************************************************************************************************
 *** Tagcloud
 ***************************************************************************************************/

.tagcloud {
  text-align: justify;
}

.tagcloud div.tag {
  display: inline-block;
  //display: -moz-inline-box;
  padding: 0 10px;
  position: relative;
}

.tagcloud div.tag a {
  white-space: nowrap;
}

.tagcloud div.tag a.tag1 {font-size: 80%;}
.tagcloud div.tag a.tag2 {font-size: 90%;}
.tagcloud div.tag a.tag3 {font-size: 100%;}
.tagcloud div.tag a.tag4 {font-size: 110%;}
.tagcloud div.tag a.tag5 {font-size: 125%;}
.tagcloud div.tag a.tag6 {font-size: 145%;}
.tagcloud div.tag a.tag7 {font-size: 170%;}
.tagcloud div.tag a.tag8 {font-size: 190%;}
.tagcloud div.tag a.tag9 {font-size: 210%;}
.tagcloud div.tag a.tag10 {font-size: 230%;}

.tagcloud div.tag a.desc {font-size:60%;}

.tagcloud div.tag_desc p,
.tagcloud div.tag_desc_anime p {
  margin: 4px 0;
}

.tagcloud div.tag_desc {
  display:none;
  text-align:left;
  font-size: 87%;
  position: absolute;
  background: #f5eaac;
  border: 1px solid #b3a247;
  width: 200px;
  padding: 3px 8px;
  margin: 5px 0;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  z-index:10;
}

.tagcloud div.tag_desc_anime {
  display:none;
  text-align:left;
  font-size: 87%;
  position: absolute;
  background: #cde6fe;
  border: 1px solid #76a0cf;
  width: 200px;
  padding: 3px 8px;
  margin: 5px 0;

  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

  z-index:10;
}

.tagcloud div.tag_desc div.arrow {
  position: absolute;
  top:-7px;
  left:12px;
  width: 11px;
  height: 7px;
  background: url(tag_desc_arrow.png) no-repeat;
}

.tagcloud div.tag_desc_anime div.arrow {
  position: absolute;
  top:-7px;
  left:12px;
  width: 11px;
  height: 7px;
  background: url(tag_desc_anime_arrow.png) no-repeat;
}





/****************************************************************************************************
 *** Kommentarer
 ****************************************************************************************************/

#comment-wrapper {   /* Omger hela kommentaren */
  padding-top: 10px;
}

#comment-userdata {  /* Omger profilbild, titel etc tom. kommentarpilen */
  float: left;
  width: 80px;
  overflow: hidden;
}

#comment-image-wrapper {  /* Omger profilbild, ser till att namn och id hamnar rätt */
  width: 80px;
  height: 100px;
  position:relative;
}

#comment-content-wrapper { /* Omger själva kommentaren samt top & bottom-borders, dock INTE pilen */
  z-index:2;
  float: right;
  margin-left:-1px;
  width:486px;
}

#comment-content-border-top {
  background: url(comment-top.gif);
  height:6px;
  width:100%;
  overflow:hidden;
}

#comment-content-border-bottom {
  background: url(comment-bottom.gif);
  height:6px;
  width:100%;
  overflow:hidden;
}

.comment-content {  /* Innehåller i kommentaren, texten alltså. */
  background: #f8f8f8; 
  padding: 0 5px 0 5px;
  border:1px solid #e5e5e5;
  border-top: none; 
  border-bottom: none;
}
.comment-content p:first-child {
  margin-top:0;
}

#comment-content-options { /* Inställningar såsom "Citera" och "Rapportera" */
  text-align:right; 
  font-size: 80%;
  margin-top:10px;
}

#comment-content-bottominfo { /* Där tiden står, och moderatorfunktioner */
  color: #aaa;
  font-size: 80%
}
#comment-content-bottominfo b {color: #000;}

#comment-bubble-arrow { /* Den mytomspunna pilen! */
  z-index:10;
  float: right;
  background:url(comment-arrow.gif);
  margin:15px 0 0 0;
  width:7px;
  height:11px;
  overflow: hidden;
}

/***********************************************************************************
 *** Infotabs
 ***********************************************************************************/
 
table.infotabs {
   width: 100%;
   table-layout: fixed;
}

table.infotabs tr.header th {
   padding: 0;
   border-bottom: 1px solid #18387c;
   text-align: center;
}

table.infotabs tr.header th a {
  background-color: #FFF;
  color: #18387c;
  padding: 2px 0;
  border: 5px solid #FFF;
  border-top: 0;
  border-bottom: 0;
  display: block;
  height: 100%;
}

table.infotabs tr.header th a:hover {
  color: #FFF;
  background-color: #18387c;
}

table.infotabs tr.header th#forumlink a {
  color: #187c38;
  background-color: #FFF;
}

table.infotabs tr.header th#forumlink a:hover {
  color: #FFF;
  background-color: #187c38;
}

a:active {outline: none;}
a:focus {-moz-outline-style: none;}


table.infotabs tr.header th.on a {color: #FFF; background-color: #18387c;}




#tabContent .sortable th {
  padding: 1px;
  text-align: center;
}


/*************************************************
 * Omröstningen
 *************************************************/
table td.globalVoteBarBg {
  background-color: #f8f8f8;
  padding: 0px;
  height: 16px
}
table td div.globalVoteBar {
  background: #ceb;
  height: 12px;
  border-bottom: 4px solid #ac9;
  overflow: hidden;
  margin:0px;
}


/************************************************************************************
 *** Dialogruta - Login
 ************************************************************************************/


.dialogwrapper {
  display: none;
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  text-align: center;
}

.dialogwrapper .d_shadow {
  z-index: 101;
  position:relative;
  margin: 100px auto 0 auto;
  text-align: left;
  background: url(dialog_shadow.png);
  padding: 20px;
  display:inline-block;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

.dialogwrapper .d_shadow a#dialog_close {
  position:absolute;
  top: 10px;
  right: 10px;
  width:30px;
  height: 30px;
  background: url(close_button.png);
  text-indent:1000px;
  z-index:200;
  overflow:hidden;
}

.dialogwrapper .d_shadow .dialog_border .dialog_content .title {
  font-family: Arial, sans-serif;
  font-size: 155%;
  color: #333;
  font-weight: normal;
  letter-spacing: -1px;
  margin:0;
  border-bottom: 1px solid #ddd;
}

                           /*
a.dialog_close {
  position:absolute;
  top: -10px;
  right: -10px;
  width:30px;
  height: 30px;
  background: url(../../close_button.png);
  text-indent:1000px;
  z-index:200;
  overflow:hidden;
}                        */

.dialogwrapper[class~="d_normal"] .d_shadow .dialog_border {
  border: 1px solid #223a03;
}

.dialogwrapper[class~="d_normal"] .d_shadow .dialog_border .dialog_content {
  border: 4px solid #e0f1ca; 
  background: #fff;
  color: #000;
  position: relative;
}

.dialogwrapper[class~="d_video"] .d_shadow .dialog_border {
  border: 1px solid #000;
}

.dialogwrapper[class~="d_video"] .d_shadow .dialog_border .dialog_content {
  border: 4px solid #555;
  background: #000;
  color: #FFF;
  position: relative;
}




/*************************************************************************************
 *** Headers
 *************************************************************************************/

h1,h2,h3,h4,h5,h6 {
  margin: 0;
  font-family: Arial, Sans-Serif;
  font-weight: normal;
}


h1 {
  font-family: Myriad Pro, Arial, sans-serif;
  font-size:185%;
  color: #333;
  font-weight: bold;
  letter-spacing: -1px;
  margin:0;
}


       /*
h1 {
  color: #000;
  font-size: 140%;
}
  */
  
h2 {
  font-family: Arial, sans-serif;
  font-size: 155%;
  color: #333;
  font-weight: normal;
  letter-spacing: -1px;
  margin:0;
}


  
  
h3 {
  font-family: Arial, sans-serif;
  font-size:135%;
  color: #333;
  font-weight: normal;
  letter-spacing: -1px;
  margin:0;
}


h4 {
  letter-spacing: -0.02em;
  font-size:155%;
  color: #fff;
  background: url(../../encyclopedia/anime/tags/tag_h_bg.gif) bottom #18387C;
  padding-left: 8px;
  padding-bottom: 1px;
  border-bottom: 2px solid #69b349;
  
  -webkit-border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-topleft:5px;
  border-top-right-radius:5px;
  border-top-left-radius:5px;

}

h5 {
  font-weight: bold;
  margin: 10px 0 3px 0; 
  font-size: 100%; 
  border-bottom: 1px solid #cccccc;
}

h6 {
  font-size: 10px;
  color: #aaa;
  font-weight: normal;
}

h2 {
  font-weight:bold;
  margin-top:10px;
}
h3 {
  margin-top: 10px;
}
h2+p,h3+p {
  margin-top:0;
}

/*********************************************************
 *** Listor
 *********************************************************/
table.list {
  width: 100%;
}
table.list th {
  border-bottom: 1px solid #cccccc;
  background-color: #eee;
  overflow: hidden;
  font-weight: normal;
}

table.list td, table.list th {
  padding: 3px;
}
         /*
table.list th a:link,
table.list th a:hover,
table.list th a:visited,
table.list th a:active {
  color: #ffffff;
}      */
table.list .titleAlias {color: #00AA00;}
table.list .titleAlias:hover {color: #00EE00;}
table.list .titleAlias:visited,.list.titleAlias:active {color: #007700;}

table.list .odd td {
  border-bottom: 1px solid #eee; background-color: #FFF;
}
table.list .even td {
  border-bottom: 1px solid #eee; background-color: #f8f8f8;
}

table.list #listFooter {
   color: #bbbbbb;
   border-bottom: none;
}


/*********************************************************
 *** Välj sida-tabell under listor och forumtrådar
 *********************************************************/


.page_selector {
  width:100%;
  border-top: 1px solid #ccc;
  background-color: #fff;
  margin-top:-1px;
}

.page_selector .ps_prev {
  width: 85px;
  text-align:left;
}

.page_selector .ps_pages {
  text-align:center;
}

.page_selector .ps_next {
  width: 85px; 
  text-align: right;
}

.page_selector .ps_disabled {
  color: #aaa;
}




/**************************
 * Forumtabeller
 **************************/

table.forumtable {
  width: 100%;
}

table.forumtable tr th {
  border-bottom: 1px solid #cccccc;
  background-color: #eee;
  overflow: hidden;
  font-weight: normal;
  padding: 3px;
}

table.forumtable tr td {
  background-color: #fff;
  border-right: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
  padding: 5px;
}     

table.forumtable tr td.image {
  background-color: #f8f8f8; 
  border-left: 1px solid #eeeeee; 
  text-align:center;
  width:37px;
}

table.forumtable tr td.image img {
  margin-bottom:-3px;
}

table.forumtable tr td.threads,table.forumtable tr td.posts {
  width: 50px; 
  background-color: #f8f8f8; 
  text-align: center;
}
table.forumtable tr td.latest_post {
  width: 150px;
}

table.forumtable tr.header td {
  font-weight: bold;
  padding: 15px 0 3px 0;
  font-size: 100%;
  border:0;
  border-bottom: 1px solid #cccccc;
}


/***********************************************
 *** Adminlänkar
 ***********************************************/
.adminlinks {
  clear:both;
  border:#ffa500 1px solid;
  background: #ffce7b;
  margin-top: 5px;
  padding: 5px;
}
.adminlinks a {margin: 0 0 0 10px;}

.adminlinks_mini {      /*för [Skapa]-taggar*/
  background:#ffce7b; 
  color: #ffa500;
}



.memberlinks {
  clear:both;
  border:#62d033 1px solid;
  background: #c8f8b2;
  margin-top: 5px;
  padding: 5px;
}
.memberlinks a {margin: 0 0 0 10px;}



/********************************************************************
 *** Button
 ********************************************************************/


.button {
  cursor: pointer;
  font-size:18px;
  text-align: center;
  text-shadow:0 1px 0 #FFFFFF;
  color: #333333;
  border:1px solid #ddd;
  background: url(button_bg.png) repeat-x;
  font-family:Arial,Sans-serif;
  font-weight:bold; 
  
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;

  padding: 6px 20px;
  display: inline-block;
  line-height:1.35em;
}
.button:hover,
.button:focus {
  color: #333333;
  border-color: #ccc;
  background-position:0 -10px;
}

.button[class~="small"] {
  font-size:13px;
  padding: 3px 10px;
  line-height:1.4em;
}

.button[class~="tiny"] {
  font-size:11px;
  padding: 1px 5px 2px;
  line-height:1.0em;
  text-shadow:none;
  color:#444444;
}

.button[class~="creq"] {
  background-image: url(creq_button_bg.png);
  border-color: #dec87b;
}



/******************************
 * Lek
 ******************************/
 
.abox_negative {
  display: none; 
  padding: 10px; 
  background: #fee;
  border: 1px solid #faa;                            
  
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin-top: 10px;
}

.abox_positive {
  display: none; 
  padding: 10px; 
  background: #efe;
  border: 1px solid #afa;
  
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin-top: 10px;
}

.abox_neutral {
  display: none;
  padding: 10px;
  background: #ffd;
  border: 1px solid #ed8;
  
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  margin-top: 10px;
}




/************************
 * Knuff blogginläggs-API
 ************************/
 
 .knuff-nfo .kpuff {
   display: none;
 }
             /*
 .knuff-nfo .krubrik {
  font-size: 135%;
  color: #fff;
  padding: 0px 5px 0px 5px;
  background: #2b72bb;
  border-left: 5px #69b349 solid;
  margin: 0px;
  font-family: Arial, Tahoma;
  letter-spacing:-1px;
  font-weight: normal;
 }         */
 

 .knuff-nfo .krubrik {
   letter-spacing: -0.02em;
  font-size:155%;
  color: #fff;
  background: url(../../encyclopedia/anime/tags/tag_h_bg.gif) bottom #18387C;
  padding-left: 8px;
  padding-bottom: 1px;
  border-bottom: 2px solid #69b349;
  
  -webkit-border-top-right-radius:5px;
  -webkit-border-top-left-radius:5px;
  -moz-border-radius-topright:5px;
  -moz-border-radius-topleft:5px;
  border-top-right-radius:5px;
  border-top-left-radius:5px;
}

 .knuff-nfo .klogga {display:none;float: right; margin: 4px 8px 0 0}

.knuff-nfo ul {padding:0;margin: 3px 0 7px 0;list-style: none;}
.knuff-nfo ul li {display:block;position: relative; background:url("http://export.knuff.se/dot.gif") no-repeat 2px 4px; padding:2px 0 3px 16px; margin:4px 0 5px 2px; text-indent:0px; clear:both;line-height:117%;}
.knuff-nfo ul li:hover {background-color:#f8f8f8;}
.knuff-nfo ul li tt a {float: right; visibility: hidden; display:block; padding: 0 10px 0 4px; text-decoration: none; position:absolute; top: 5px; right: 5px;text-indent: -9999px;}
.knuff-nfo ul li:hover tt a {background:url("http://export.knuff.se/kryss.gif") no-repeat 1px 1px; visibility: visible;}

.knuff-nfo i {display: block; color: #777;font-size: 10px;}
.knuff_disclaimer{font-size:80%;text-align: right;}


                                    /*
.knuff-nfo {color:#000;padding:0;margin:3px 0 11px 0;font-family:Verdana,arial,sans-serif;font-size:11px;line-height:110%;background:#fff;border:1px solid #aaa;background-image:url("http://export.knuff.se/bg6.gif");background-repeat:repeat-x;}
.knuff-nfo a{text-decoration:underline; font-weight:normal; color:#00f}
.knuff-nfo a:hover{color:#f00; background-color: transparent;}
.knuff-nfo ul {padding:0;margin: 3px 0 7px 0;list-style: none;}
.knuff-nfo ul li {display:block;background:url("http://export.knuff.se/dot.gif") no-repeat 2px 4px; padding:2px 0 3px 16px; margin:4px 0 5px 2px; text-indent:0px; clear:both;line-height:117%;}
.knuff-nfo ul li:hover {background-color:#f6f6f6;}
.knuff-nfo ul li tt a {float: right; visibility: hidden; display:block; padding: 0 10px 0 4px; text-decoration: none; position:relative; top:-23px; text-indent: -9999px;}
.knuff-nfo ul li:hover tt a {background:url("http://export.knuff.se/kryss.gif") no-repeat 1px 1px; visibility: visible;}
.knuff-nfo .klogga {float: right; margin:4px 3px 0 0;}
.knuff-nfo .krubrik {margin:6px 0 10px 2px; font-size: 17px; border:0px; font-weight:bold; color:#000}
.knuff-nfo .krubrik a{font-weight:bold}
.knuff-nfo i {color: #777;font-size: 10px;}
.knuff-nfo .kinfo {font-size: 10px; color: #666; padding-left: 4px;}
.knuff-nfo .kpuff {font-size: 10px; text-align: right; border-top:1px solid #aaa; padding: 2px; background-color: #f5f5e1;}
.knuff-nfo .kpuff a {color:#777}  */