/**** CSS Defaults ****/
html, body {
  margin: 0px;
  padding: 0px;
  background-color: #cacaca; 
  font-size: 12px;
  text-align: left; 
  color: #666666;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-image: url('../img/mainbg.png');
  background-repeat: repeat-x; 
}

body { display: block; overflow-y: scroll;}
a { text-decoration: underline; color: #82b2cc;  outline: none; }
/*
a:visited { text-decoration: underline; color: #82b2cc; }
a:hover { text-decoration: underline; color: #82b2cc; }
*/
form { margin: 0px; }
img { border: 0px; } 
h1 { font-size: 35px; font-weight: bold; color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px; line-height: 35px;  }
h2 { font-size: 20px; font-weight: bold; color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px; line-height: 20px; }
h3 { font-size: 18px; font-weight: bold; color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px; }
h4 { font-size: 14px; font-weight: bold; color: #ffffff; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px; line-height: 18px;  }
h5 { font-size: 14px; font-weight: bold; padding-left: 10px; padding-top: 9px; margin: 0px; }
b { }
i { }
select { }
td { }
tr { }
p { font-size: 10px; margin: 0px; padding: 0px; }
div { }
ul { }
hr { width: 100%; background: #CCCCCC; height: 1px; }
hr.separator { }
.clear { clear: both; }
.right { float: right; }
.left { float: left; }
.padding5 { padding: 5px; }
.padding10 { padding: 10px; }
.padding20 { padding: 20px; }

.font10 { font-size: 10px; }
.font11 { font-size: 11px; }
.font12 { font-size: 12px; }
.font13 { font-size: 13px; }
.font14 { font-size: 14px; }

.bold { font-weight: bold; }

.pointer { cursor: pointer; }
.ajaxsubmit { outline: none; }

/**** CSS Layout ****/
#topdiv { width: 977px; height: 170px; margin-left: auto; margin-right: auto; background-image: url('../img/topdivbg.png'); background-repeat: no-repeat; }

#topdiv #upper { width: 945px; height: 109px; margin-left: 16px; }
#topdiv #upper #logo { width: 226px; height: 101px; float: left; margin-top: 8px; }
#topdiv #upper #ban_ner { width: 719px; height: 101px; float: right; margin-top: 8px; }

#topdiv #lower #music_player { width: 313px; height: 36px; float: right; margin-top: 9px; }
#topdiv #lower  { width: 945px; height: 54px; margin-left: 16px; }
#topdiv #lower #menu { width: 600px; height: 54px; padding-top: 19px; }
#topdiv #lower #menu .m_block { float: left; margin-right: 10px; }
#topdiv #lower #menu .m_block a { height: 35px; display: block; background-repeat: no-repeat; }
#topdiv #lower #menu .m_block a:hover { height: 35px; display: block; background-repeat: no-repeat; background-position: 0px -35px; }
a.menu_hem 			{ width: 28px; background-image: url('../img/menu_hem.png'); background-position: 0px 0px; }
a.menu_vimmel 		{ width: 45px; background-image: url('../img/menu_vimmel.png'); background-position: 0px 0px; }
a.menu_vadhander 	{ width: 83px; background-image: url('../img/menu_vadhander.png'); background-position: 0px 0px; }
a.menu_vadhande	 	{ width: 74px; background-image: url('../img/menu_vadhande.png'); background-position: 0px 0px; }
a.menu_blogg 		{ width: 44px; background-image: url('../img/menu_blogg.png'); background-position: 0px 0px; }
a.menu_radio 		{ width: 80px; background-image: url('../img/menu_radio.png'); background-position: 0px 0px; }
a.menu_info 			{ width: 28px; background-image: url('../img/menu_info.png'); background-position: 0px 0px; }
a.menu_favorites	{ width: 64px; background-image: url('../img/menu_favorites.png'); background-position: 0px 0px; }
a.menu_foretag		{ width: 57px; background-image: url('../img/layout/menu_foretag.png'); background-position: 0px 0px; }

.maindiv { width: 963px; margin-left: auto; margin-right: auto; margin-top: 8px; display: block; }
.maindiv_landning { width: 963px; margin-left: auto; margin-right: auto; margin-top: 8px;  display: block; }

.removal { width: 342px; margin-left: auto; margin-right: auto; margin-top: 10px; } /* tempwrap */
.removal #remove_vimmel { width: 310px; height: 255px; color: #68b4ce; padding-left: 15px; padding-right: 15px; padding-top: 15px; background-color: #015675; border-left: 1px solid #28758f; border-right: 1px solid #28758f; border-top: 1px solid #28758f; }
.removal #remove_vimmel table { margin-top: 8px; }
.removal #remove_vimmel img { float: right; }
.removal #remove_vimmel .short { border: none; width: 226px; height: 18px; color: #767676; padding: 6px; }
.removal #remove_vimmel .long { border: none; width: 288px; height: 73px; color: #767676; font-style: italic; padding: 6px; }
.removal .bottom { width: 340px; height: 15px; background-color: #68b4ce; border-left: 1px solid #68b4ce; border-right: 1px solid #68b4ce; }

.vimmelarkiv { width: 218px; background-color: #265772; }

.footer { height: 250px; }

/* Puff layouts */
.showmore { float: right; margin-top: 9px; margin-right: 10px; text-decoration: none; }
.showmore a { font-size: 12px; color: #ffffff; text-decoration: none; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; }

.title  { height: 34px; color: #ffffff; }

.popular_bg { background-color: #e4e4e4; }
.vimmel_bg { background-color: #82b2cc; }
.vadhander_bg { background-color: #eda200; }
.foretag_bg { background-color: #aa8d64; }
.bloggare_bg { background-color: #89dcd7; }
.vadhande_bg { background-color: #96dd92; }
.favorites_bg { background-color: #343434; }
.viewvimmel_bg { background-color: #4d4d4d; }
.purple_bg { background-color: #8b5998; }
.footer_bg { background-color: #666666; }
.album_bg { background-color: #27404e; }
.content_bg { background-color: #ffffff; }

.spotify_bg { height: 50px; background-image: url('../img/puffbg_spotify.png'); background-repeat: repeat-x;  }
.spotify_info { padding-left: 10px; color: #cbcbcb; }
.player_bg { height: 50px; background-image: url('../img/puffbg_player.png'); background-repeat: repeat-x;  }
.puffico { float: right; }
.getspotify { font-size: 10px; }
.getspotify a{ color: #85d040; }


.vimmel_title { color: #82b2cc; }
.vimmel_nav  { width: 50px; margin-left: 25px; margin-top: 100px; }
.vimmel_nav h4 { margin-top: 13px; margin-bottom: 13px; }
.share { font-size: 9px; margin-left: 2px; margin-top: 85px; }
.share_event { height: 35px; }
.share_event img{ margin-top: 1px; margin-left: 16px; }
.share_event .share_icons { float: right; margin-right: 16px; margin-top: 7px; }
.share_event .share_icons img { margin-left: 0px; margin-bottom: -5px; }
.share_event .share_icons b { color: #d7b3df; }


.player_songs { padding-top: 8px; padding-bottom: 10px; }
.opinion_song { color: #b89abe; font-size: 10px; float: right; margin-top: 10px; margin-right: 16px; }
.opinion_song a { color: #b89abe; }



.share_icons_player { color: #b89abe; height: 25px; padding-left: 16px; padding-top: 8px; }
.share_icons_player img { margin-left: 0px; margin-bottom: -5px; }
.catchphrase { font-size: 18px; margin-top: 15px; margin-bottom: 15px; font-family: Arial, Verdana, Helvetica, sans-serif; }

.bloggs{ font-size: 10px; padding-top: 8px; padding-bottom: 1px; }
.bloggs_list { height: 83px; margin-bottom: 13px; }
.bloggs_list a { text-decoration: none; color: #ffffff; font-weight: bold;  }
.bloggs_list:hover { background-color: #68d3cd; }
.bloggs_list  img { float: right; }
.bloggs_list  .blogg_title { width: 130px; padding-top: 4px; padding-left: 7px;}

.blogg_entry { padding-left: 14px; padding-right: 14px; padding-top: 30px; border-bottom: 8px solid #cacaca; }
.blogg_entry h3 { padding-left: 4px; padding-right: 4px; margin-bottom: 12px; }
.blogg_entry p  { padding-left: 4px; padding-right: 4px; color: #666666; }
.blogg_entry .blogg_entry_date { margin-bottom: 12px; }
.blogg_entry .blogg_text { margin-bottom: 12px; }
.blogg_entry .blogg_entry_control { height: 30px; font-size: 10px; margin-top: 12px; padding-left: 3px; padding-top: 12px; border-top: 1px solid #e4e4e4; }
.blogg_entry .blogg_entry_control a { color: #666666; text-decoration: none; }
.blogg_entry .blogg_entry_control a:hover { text-decoration: underline; }

.archivelist  { list-style: none; padding-left: 20px; padding-top: 8px; font-size: 14px; font-weight: bold; font-family: Arial, Verdana, Helvetica, sans-serif; margin: 0px; }
.archivelist li  { padding-bottom: 8px; margin-top: 5px; }
.archivelist_purple li a { text-decoration: none; color: #d3a8ed; }
.archivelist_purple li a.selected { text-decoration: none; color: #8b5996; }
.archivelist_blue li { text-decoration: none; color: #4397b3; }
.archivelist_blue li.selected { text-decoration: none; color: #005775; }
.archivelist_teal li a { text-decoration: none; color: #89dcd7; }
.archivelist_teal li a.selected { text-decoration: none; color: #4da6a0; }
.archivelist_green li a { text-decoration: none; color: #6AAC66; }
.archivelist_green li a.selected { text-decoration: none; color: #6AAC66; }
.tune { height: 29px; font-size: 10px; padding-left: 18px; margin-bottom: 5px; padding-top: 3px; }
.tune:hover { background-color: #d7b3df; background-image: url('../img/tune_bg.png'); background-repeat: no-repeat; background-position: right; }

.spotify_playlists { margin-top: 10px; }
.playlist { height: 18px; color: #84cf3e; font-size: 10px; font-weight: bold; padding-left: 16px; margin-top: 2px; padding-top: 6px; }
.playlist a { text-decoration: none; #84cf3e; }
.playlist:hover { background-color: #60982d; color: #355315; background-image: url('../img/spotify_getlist.png'); background-repeat: no-repeat; background-position: right; }


.black_bg { background-color: #292929; }
 
.blue_bg { background-color: #265772; }
.blue_color { color: #265772; }

.orange_bg { background-color: #9c6b02; }
.orange_color { color: #392203 }

.brown_bg { background-color: #8c6228; }
.brown_color { color: #705228 }


.teal_bg { background-color: #4da6a0; }
.teal_color { color: #0e6962; }
.teal_title h5 {  }
.teal_bloggtitle { color: #4da6a0; }

.green_bg { background-color: #6aac66; }
.green_color { color: #2b4c29; }
.green_title { }
.green_title h5 { }

.purple_title { color: #d3a8ed; }

.white_color { color: #ffffff; }
.findpuff { padding-left: 15px; padding-top: 4px; }
.findpuff p { font-size: 14px; color: #ffffff; margin-top: 10px; }
.follow_us_puff { padding-left: 10px; padding-top: 10px; padding-bottom: 10px; line-height: 24px; }

.landning_popular { }
.landning_popular .landning_popular_content { padding-top: 8px; }
.landning_popular .landning_popular_content .popular_now { font-weight: bold; margin-bottom: 1px; padding-left: 9px; padding-top: 3px; padding-bottom: 3px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.landning_popular .landning_popular_content .popular_now:hover { background-color: #f6f4f5; }
.landning_popular .landning_popular_content .popular_now a { text-decoration: none; color: #292929; }
.landning_popular .landning_popular_content .follow_us { margin-top: 6px; width: 216px; font-size: 8px; font-weight: bold; color: #292929; line-height: 20px; text-transform: uppercase; margin-left: 9px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.landning_popular .landning_popular_content .follow_us .book_table { margin-top: 18px; }

.landning_vimmel { }
.landning_vimmel .landning_vimmel_content { padding-top: 8px; }
.landning_vimmel .landning_vimmel_content .landning_vimmel_title { width: 370px; margin-left: 20px; margin-top: 10px; padding-bottom: 0px; }
.landning_vimmel_control { width: 111px; height: 34px; float: right; color: #ffffff; margin-right: 28px; }
.landning_vimmel_control .number a { width: 22px; height: 24px; display: block; float: left; padding-left: 13px; padding-top: 10px; color: #ffffff; text-decoration: none; font-weight: bold; }
.landning_vimmel_control .number .shown { background-color: #82b2cc; }

.vimmel { }
.vimmel .vimmel_content { }
.vimmel .vimmel_content .vimmel_entry { padding-bottom: 20px; padding-top: 10px; }
.vimmel .vimmel_content .vimmel_entry:hover{}
.vimmel .vimmel_content .vimmel_entry .vimmel_text { padding-left: 10px; width: 170px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.vimmel .vimmel_content .vimmel_entry .vimmel_text h3 { padding-bottom: 5px; }
.vimmel .vimmel_content .vimmel_entry { text-decoration: none; }
.vimmel .vimmel_content .vimmel_entry .date { font-weight: bold; color: #0a2f43; }
.vimmel .vimmel_content .vimmel_entry .date 
.vimmel .vimmel_content .vimmel_entry .ingress { font-size: 10px; color: #064a45; }
.vimmel .vimmel_content .vimmel_entry img { float: right; }

.landning_vadhander { }
.landning_vadhander .landning_vadhander_content { padding-top: 8px; }
.landning_vadhander .landning_vadhander_content .happening_now { height: 122px; margin-bottom: 13px; }
.landning_vadhander .landning_vadhander_content .happening_now a { text-decoration: none; }
.landning_vadhander .landning_vadhander_content .happening_now:hover { background-color: #e27a00; }
.landning_vadhander .landning_vadhander_content .happening_now:hover { background-color: #e27a00; }
.landning_vadhander .landning_vadhander_content .happening_now img { float: right; }
.landning_vadhander .landning_vadhander_content .happening_now .happening_now_title { width: 165px; padding-top: 13px; padding-left: 13px;}

.vadhander_title h3 { color: #666666; }
.vadhander_title h1 { color: #292929; }
.event_wrap { padding: 20px; overflow: hidden; }

.vadhander_content { font-size: 10px; padding-top: 8px; }
.vadhander_content .highlight { background-color: #e27a00; }
.vadhander_content .happening_now { min-height: 63px; margin-bottom: 9px; padding-bottom: 5px; }
.vadhander_content .happening_now a { text-decoration: none; }
.vadhander_content .happening_now:hover { background-color: #e27a00; }
.vadhander_content .happening_now img { float: right; }

.vadhander_content .happening_now_title { width: 130px; padding-top: 7px; padding-left: 7px;}

.foretag_content { font-size: 10px; padding-top: 8px; }
.foretag_content a{ text-decoration: none; }
.foretag_content .highlight { background-color: #e27a00; }
.foretag_content .foretag_now { min-height: 63px; margin-bottom: 8px; padding-left: 5px; padding-bottom: 5px;}
.foretag_content .foretag_now a { text-decoration: none; }
.foretag_content .foretag_now:hover { background-color: #977749; }
.foretag_content .foretag_now img { float: right; }
.foretag_title { color: #000000; }
.foretag_content .foretag_now_title { width: 130px; padding-top: 7px; padding-left: 7px;}


.vimmel_content { font-size: 10px; }
.vimmel_album { min-height: 66px; margin-bottom: 13px; }
.vimmel_album a { text-decoration: none; }
.vimmel_album:hover { background-color: #3e93b0; }
.vimmel_album img { float: right; }
.vimmel_album .vimmel_album_title { width: 120px; padding-top: 4px; padding-left: 7px;}

.landning_bloggare { }
.landning_bloggare .landning_bloggare_content { }
.landning_bloggare .landning_bloggare_content .blogg_entry_landning { padding-top: 8px; height: 140px; }
.landning_bloggare .landning_bloggare_content .blogg_entry_landning .blogg_text { padding-left: 10px; width: 170px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.landning_bloggare .landning_bloggare_content .blogg_entry_landning .blogg_text h3 { padding-bottom: 5px; }
.landning_bloggare .landning_bloggare_content .blogg_entry_landning a { text-decoration: none; color: #ffffff; }
.landning_bloggare .landning_bloggare_content .blogg_entry_landning a .date { font-weight: bold; color: #064a45; }
.landning_bloggare .landning_bloggare_content .blogg_entry_landning a .date b { color: #ffffff; }
.landning_bloggare .landning_bloggare_content .blogg_entry_landning a .ingress { font-size: 10px; color: #064a45; }
.landning_bloggare .landning_bloggare_content .blogg_entry_landning img { float: right; }

.landning_vadhande { }
.landning_vadhande .landning_vadhande_content { padding-top: 8px; height: 130px; }
.landning_vadhande .landning_vadhande_content .vadhande_entry_landning { }
.landning_vadhande .landning_vadhande_content .vadhande_entry_landning .vadhande_text { padding-left: 10px; width: 170px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.landning_vadhande .landning_vadhande_content .vadhande_entry_landning .vadhande_text h3 { padding-bottom: 5px; }
.landning_vadhande .landning_vadhande_content .vadhande_entry_landning a { text-decoration: none; color: #ffffff; }
.landning_vadhande .landning_vadhande_content .vadhande_entry_landning a .date { font-weight: bold; color: #064a45; }
.landning_vadhande .landning_vadhande_content .vadhande_entry_landning a .date b { color: #ffffff; }
.landning_vadhande .landning_vadhande_content .vadhande_entry_landning a .ingress { font-size: 10px; color: #064a45; }
.landning_vadhande .landning_vadhande_content .vadhande_entry_landning img { float: right; }

.landning_favorites { height: 201px;}
.landning_favorites .landning_favorites_content { padding-left: 13px; padding-top: 8px; line-height: 20px; }
.landning_favorites .landning_favorites_content a { font-size: 10px; color: #e841f2; text-decoration: none; }
.landning_favorites .landning_favorites_content a:hover { text-decoration: underline; }

.landning_footer_left { padding-left: 30px; padding-top: 25px; }
.landning_footer_left h3 { color: #666666; }
.landning_footer_left p { font-size: 14px; color: #ffffff; margin-top: 10px; }

.landning_footer_middle { height: 115px; padding-left: 30px; margin-top: 25px; border-right: 1px solid #747474; }
.landning_footer_middle h3 { color: #343434; }

.landning_footer_right { height: 115px; padding-left: 30px; margin-top: 25px; border-right: 1px solid #747474; }
.landning_footer_right h3 { color: #343434; }

.footer_list { list-style-image: url('../img/listbullet.gif'); margin-left: 0px; margin-top: 8px; padding-left: 15px; }
.footer_list li { font-size: 14px; padding-bottom: 5px; }
.footer_list li a { color: #999999; }

.album_content .album_thumbs { padding-top: 8px; padding-left: 3px;}
.album_content .album_thumbs img { margin-left: 1px; margin-top: 0px; }

.favorites_anmalan { width: 963px; min-height: 422px; background-color: #343434; }
.favorites_anmalan .step1 { width: 860px; margin-left: 60px; padding-top: 40px; }
.favorites_anmalan .step1 .favorites_become { width: 686px; margin-left: auto; margin-right: auto; margin-top: 30px; }
.favorites_anmalan .step1 .favorites_become .fielddiv1 { width: 216px; height: 78px; padding-left: 10px; padding-top: 13px; background-image: url('../img/favorites_firstname.png'); background-repeat: no-repeat; }
.favorites_anmalan .step1 .favorites_become .fielddiv2 { width: 216px; height: 78px; padding-left: 10px; padding-top: 13px; background-image: url('../img/favorites_lastname.png'); background-repeat: no-repeat; }
.favorites_anmalan .step1 .favorites_become .fielddiv3 { width: 216px; height: 78px; padding-left: 10px; padding-top: 13px; background-image: url('../img/favorites_email.png'); background-repeat: no-repeat; }
.fielddiv1 input { border: 1px solid #ffffff; width: 195px; height: 20px; }
.fielddiv2 input { border: 1px solid #ffffff; width: 195px; height: 20px; }
.fielddiv3 input { border: 1px solid #ffffff; width: 195px; height: 20px; }

.favorites_anmalan .step2 { width: 912px; margin-left: 28px; padding-top: 28px; }
.favorites_anmalan .step2 p { font-size: 12px; color: #d3d3d3; font-family: Arial, Verdana, Helvetica, sans-serif; margin-top: 15px; margin-bottom: 15px; }
.favorites_anmalan .step2 .favorites_informationcard { color: #9f9f9f; width: 448px; height: 261px; background-image: url('../img/favorites_informationcard_bg.png'); background-repeat: no-repeat; }
.favorites_anmalan .step2 .favorites_informationcard table tr td div { margin-bottom: 4px; }
.favorites_anmalan .step2 .favorites_informationcard table tr td div input { width: 155px; color: #9f9f9f; border: 1px solid #ffffff; padding-left: 2px; padding-top: 2px; }
.favorites_anmalan .step2 .favorites_informationcard table tr td div .postnr { width: 84px; color: #9f9f9f; border: 1px solid #ffffff; padding-left: 2px; padding-top: 2px; margin-right: 3px; }
.favorites_anmalan .step2 .favorites_informationcard table tr .avatar_upload { font-size: 10px; color: #9f9f9f; }
.favorites_anmalan .step2 .favorites_informationcard table tr .avatar_upload img { margin-bottom: 6px; }
.favorites_informationcard_submit { float: right; margin-right: -13px; margin-top: 40px; }

.favorites_anmalan .step3 { width: 860px; margin-left: 60px; padding-top: 40px; }
.favorites_anmalan .step3 .logo { width: 860px; }
.favorites_anmalan .step3 .logo img { float: right }
.favorites_anmalan .step3 table { float: left; }
.favorites_anmalan .step3 table tr .favorites_forgotpassword_box { padding-left: 25px; }
.favorites_anmalan .step3 table tr td .favorites_forgotpassword { color: #9f9f9f; width: 346px; height: 260px; margin-top: 17px; background-image: url('../img/favorites_forgotpassword_gradientbg.png'); background-repeat: no-repeat; }
.favorites_forgotpassword table tr td div input { width: 260px; color: #9f9f9f; border: 1px solid #dedede; padding-left: 4px; padding-top: 6px; padding-bottom: 5px; }
.favorites_forgotpassword table tr td .favorites_forgotpassword_submit { margin-top: 50px; }


.favorites_forgotpassword_standalone{ color: #9f9f9f; width: 346px; height: 260px; margin-top: 17px; background-image: url('../img/favorites_forgotpassword_gradientbg.png'); background-repeat: no-repeat; }

.favorites_infotable { margin-top: 15px; }
.favorites_infotable tr td { text-align: center; color: #d3d3d3; vertical-align: top; font-size: 10px; font-family: Arial, Verdana, Helvetica, sans-serif; padding-bottom: 8px; }
.favorites_infotable tr td img { margin-bottom: 10px; }
.favorites_anmalan_title { width: 600px; font-size: 36px; font-weight: normal; letter-spacing: -2px; color: #d3d3d3; font-family: Arial, Verdana, Helvetica, sans-serif; padding: 0px; margin: 0px; line-height: 30px;}
.favorites_info_title { font-size: 18px; color: #d449dc; letter-spacing: -1px; font-family: Arial, Verdana, Helvetica, sans-serif; }
.favorites_info_title_white { font-size: 18px; color: #ffffff; letter-spacing: -1px; font-family: Arial, Verdana, Helvetica, sans-serif; margin-top: 13px; }
.favorites_info_title_dark { font-size: 18px; color: #343434; letter-spacing: -1px; font-family: Arial, Verdana, Helvetica, sans-serif; margin-top: 15px; margin-bottom: 18px; }
.terms_agree { float: right; margin-top: 14px; margin-right: 5px; } 
.become_button{ margin-top: 7px; }

.info_menu_wrap { padding-bottom: 8px; }

.info_menu { font-family: Arial, Verdana, Helvetica, sans-serif; height: 32px; border-left: 5px solid #939393; margin-top: 8px; padding-left: 8px; padding-top: 3px; }
a .info_menu { color: #939393; text-decoration: none; }
.info_menu:hover { border-left: 5px solid #666666; background-color: #f6f4f5; text-decoration: none; }
a .info_menu:hover { color: #82b2cc; text-decoration: none; }
.info_menu a { color: #939393; text-decoration: none; }
.info_menu a:hover { color: #82b2cc; text-decoration: none; }
.info_menu_current { } 

.info_content { padding-bottom: 15px; }
.info_content p { color: #666666; padding-left: 15px; padding-right: 15px; padding-top: 15px; font-size: 12px; }
.info_content .question { font-weight: bold; }
.info_content .answer { font-size: 10px; margin-bottom: 10px; }




/* Puff coloring */







.purple { background-color: #8b5996; }

.purple_content { background-color: #343434; }
.purple_content_text  { color: #8b5996; }
.purple_content:hover { background-color: #d7b3df; }


.spotify_title { color: #315412; }
.spotify_content { background-color: #666666; }
.spotify_content_text  { color: #85ce3f; }
.spotify_content:hover { background-color: #60982d; }

.info_content { background-color: #e4e4e4; }
.info_content:hover { background-color: #e4e4e4; }



.pink_title { color: #e841f2;}


.w94 { width: 94px;}
.w235 { width: 235px; }
.w321 { width: 321px; }
.w360 { width: 360px; }
.w407 { width: 407px; }
.w635 { width: 635px; }
.w728 { width: 728px; }

.h201 { height: 201px; }
.h422 { height: 422px; }





/*
	BANNER SLIDESHOW
*/
#slideshow {
    position:relative;
    height:101px;
	width: 719px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*
	MUSIC PLAYER
*/

#player_container {
	position: relative;
	background: #8A5897;
	width:312px;
	height:36px;
}
#player_container  ul#player_controls {
	list-style-type:none;
	padding:0;
	margin: 0;
}
#player_container  ul#player_controls li {
	overflow:hidden;
	text-indent:-9999px;
}
#player_play,
#player_pause {
	display: block;
	position: absolute;
	left:25px;
	top:12px;
	width:13px;
	height:18px;
	cursor: pointer;
}
#player_play {
	background: url("../img/play.gif") top no-repeat;
}
#player_play.jqjp_hover {
	background-position: bottom;
}
#player_pause {
	background: url("../img/pause.gif") top no-repeat;
}
#player_pause.jqjp_hover {
	background-position: bottom;
}

#ctrl_prev {
	position: absolute;
	left:10px;
	top:12px;
	background: url("../img/prev.gif") top no-repeat;
	width:13px;
	height:18px;
	cursor: pointer;
}

#ctrl_prev:hover {
	background-position: bottom;
}

#ctrl_prev.disabled {
	background: url("../img/spirites.jpg") -58px -112px no-repeat;
	cursor:default;
}

#ctrl_next {
	position: absolute;
	left:40px;
	top:12px;
	background: url("../img/next.gif") top no-repeat;
	width:13px;
	height:18px;
	cursor: pointer;
}

#ctrl_next:hover {
	background-position: bottom;
}

#ctrl_next.disabled {
	background: url("../img/spirites.jpg") -58px -141px no-repeat;
	cursor:default;
}


#player_stop {
	position: absolute;
	left:126px;
	top:20px;
	background: url("../img/spirites.jpg") 0 -83px no-repeat;
	width:28px;
	height:28px;
	cursor: pointer;
}
#player_stop.jqjp_hover {
	background: url("../img/spirites.jpg") -29px -83px no-repeat;
}
#player_progress {
	position: absolute;
	left:60px;
	top:23px;
	background-color: #eee;
	width:75px;
	height:5px;
}
#player_progress_load_bar {
	background: url("../img/bar_load.gif")  top left repeat-x;
	width:0px;
	height:5px;
	cursor: pointer;
}
#player_progress_load_bar.jqjp_buffer {
	background: url("../img/bar_buffer.gif")  top left repeat-x;
}
#player_progress_play_bar {
	background: url("../img/bar_play.gif") top left repeat-x ;
	width:0px;
	height:5px;
}
#player_volume_min {
	position: absolute;
	left:205px;
	top:20px;
	background: url("../img/vol-min.gif") 0 0 no-repeat;
	width:20px;
	height:10px;
	cursor: pointer;
}

#player_volume_max {
	position: absolute;
	left:280px;
	top:17px;
	background: url("../img/vol-max.gif") 0 0 no-repeat;
	width:20px;
	height:15px;
	cursor: pointer;
}

#player_volume_min.jqjp_hover {
	background-position: 0 -10px;
}

#player_volume_max.jqjp_hover {
	background-position: 0 -15px;
}

#player_volume_bar {
	position: absolute;
	left:230px;
	top:23px;
	background: url("../img/volume_bar.gif") repeat-x top left;
	width:46px;
	height:5px;
	cursor: pointer;
}
#player_volume_bar_value {
	background: url("../img/volume_bar_value.gif") repeat-x top left;
	width:0px;
	height:5px;
}

#trackname {
	position: absolute;
	left:60px;
	top:5px; 
	overflow: hidden;
	width: 245px;
	height: 12px;
	color: #FFFFFF;
	font-size: 10px;
	font-family: Verdana;
}
#trackname a {
	color: #FFFFFF;
	text-decoration: none;
}
#trackname a:hover{
	text-decoration: underline;
}
#play_time,
#total_time {
	color: #CEB2E2;
	position: absolute;
	left:150px;
	top:18px;
	text-align: center;
	width:40px;
	font-size:.8em;
	font-style:oblique;
}

#total_time {
	display: none;
	text-align: right;
}

#playlist_list {
	width:407px;
}

#playlist_list ul{
	margin: 0px;
	padding: 0px;
	list-style-type:none;
	background-color:#FFFFFF;
}

#playlist_list li {
	padding-top: 8px;
	padding-bottom: 8px;
	cursor: pointer;
	font-size: 10px;
	font-family: verdana;
	color: #666666;
	padding-left: 20px;
	padding-right: 35px;
	border-bottom: 1px solid #8B5998;
}


#playlist_list li.playlist_current {
	color:#343434;
	cursor: default;
	padding-left: 20px;
	background: #D7B3DF;
	background-image: url('../img/currentsong.gif');
	background-repeat: no-repeat;
	background-position: right;
	
}

#playlist_list li.playlist_hover {
	background: #D7B3DF;
}
/*
.miaow {
	font-size:.8em;
	color:#999;
}

.miaow a:link, a:visited, a:hover, a:focus, a:active {
	color:#009be3;
}
*/

input.required, textarea.required {
	border: 1px solid #dedede;
	width: 200px;
	background: #FFFFFF;
}

.informationloading {
	position: fixed;
	left: 50%;
	top: 50%;
	margin-top: -30px; 
	margin-left: -30px;
	height: 90px;
	width: 90px;
	background:transparent url('../img/loading.png') no-repeat top center;	
	text-align: center;
}


.vimmeldeleteimage{
	display: block;
	width: 69px;
    height: 25px;
    cursor: pointer;
    background: transparent url('../img/vimmeldelete.jpg') no-repeat 0 -25px;
	float: left;
}

.vimmeldeleteimage:hover{
    background-position: 0 0;
}

.vimmelmailfriendimage{
	display: block;
	width: 69px;
    height: 25px;
    cursor: pointer;
    background: transparent url('../img/vimmelemail.jpg') no-repeat 0 -25px;
	float: left;
}

.vimmelmailfriendimage:hover{
    background-position: 0 0;
}

.vimmelsharefbimage{
	display: block;
	width: 69px;
    height: 25px;
    cursor: pointer;
    background: transparent url('../img/vimmelshare.jpg') no-repeat 0 -25px;
	float: left;
}

.vimmelsharefbimage:hover{
    
	background-position: 0 0;
}
.vimmelsaveimage{
	display: block;
	width: 69px;
    height: 25px;
    cursor: pointer;
    background: transparent url('../img/vimmelsave.jpg') no-repeat 0 -25px;
	float: left;
}

.vimmelsaveimage:hover{
    background-position: 0 0;
}