/* kronehit global */

/* --- GLOBAL TAG DEFINITIONS --- */

*{margin:0; padding:0;}
a{color:#957741;}
a img{border:none;}
body{background:#f2ede7 url(/images/bg.png) repeat-x; font-family:verdana; font-size:11px; word-wrap:break-word;}
h1{float:left; width:387px; font-size:18px; padding:4px 10px 14px 10px;} /* 83px reserved for 'like' button */
h1 span{font-weight:normal;}
h2{font-size:11px;}
input.text,
textarea,
select{border-left:1px solid #363636; border-top:1px solid #363636; border-right:1px solid #daddcc; border-bottom:1px solid #daddcc; padding:1px; font-family:verdana; font-size:11px;}
br.clear{clear:both;} /* fix ie7 no margin bug */
embed,object{outline:none;} /* prevent dotted border around swfs */

/* --- GLOBAL STRUCTURE ELEMENTS --- */

#ornaments{position:absolute; left:0; top:0; width:1255px; height:1000px; background:url(/images/ornaments.png);}
#theme{position:absolute; left:0; top:0; width:1255px; height:1000px; background-repeat:no-repeat;}
#logo{position:absolute; left:88px; top:0; width:224px; height:108px; background:url(/images/logo.png);}

#login{position:absolute; left:758px; top:0px; width:325px; z-index:1;}
#login .content{width:280px; padding:7px 25px 4px 20px; background:url(/images/login_bg.png);}
#login .content p {overflow:hidden;}
#login .content input.text{margin-bottom:4px; width:114px;}
#login .content input.remember{margin:2px 0 0 2px;}
#login .content a.link{display:inline-block; padding-top:7px; font-size:10px; color:#957842;}
#login .textButton{position:relative; top:-1px;}
#login .bottom{width:100%; height:19px; background:url(/images/login_bot.png);}
#login .logout p{padding:3px 0;}
#login .logout .textButton{position:absolute; right:22px; top:7px;}

#page{position:absolute; left:58px; top:110px; width:1050px;}
    #pageTop{width:100%; height:32px; background:url(/images/page_top.png);}
    #pageMain{float:left; width:1010px; min-height:1000px; padding:5px 20px 0px 20px; background:url(/images/page_bg.png);} /* @@ ie6 */
        #pageContent{position:relative; float:left; min-height:1000px; padding-bottom:90px;} /* for ajax loading */
            #footer{position:absolute; left:0px; bottom:0px;}
                #footerBar{position:absolute; left:190px; bottom:0px; width:488px; padding:3px 1px 10px 1px; line-height:18px; text-align:center; background:#957842 url(/images/footer_bar.gif) no-repeat;}
                #footerBar a{padding:0 6px; color:white;}
                #mira4{position:absolute; left:710px; bottom:12px; width:300px; font-size:10px; color:#a4a5a5;}
                #mira4 a{color:#a4a5a5;}
    #playerHolder{position:absolute; left:705px; top:37px; width:310px; height:378px; background:url(/images/loading_big.png) 120px 150px no-repeat; clear:both;} /* clear for ie6 (absolute position) */
#skyscraper{position:absolute; left:1098px; top:534px; width:160px; height:600px;}

/* user notification (on top of page, twitter-like) */
#alert{position:fixed; left:0; top:0; width:100%; z-index:999;}
#alert .content{display:none; width:100%; padding:10px; font-size:20px; color:white; text-align:center; cursor:pointer;}
#usermessage{display:none;}

/* global loading indicator */
img#loading {position:fixed; left:2px; top:2px; height:16px; width:16px; display:none;}

/* bookmark icon bar following each content */
#bookmarks{float:left; width:100%; padding-top:10px;}

/* content columns */
.col{} /* @@ ie6 */
.colMain{float:left; margin:0 10px 0 20px; width:660px;}
.colMainLeft{clear:left; float:left; margin-right:10px; width:160px;}
.colMainRight{float:left; width:490px;}
.colMore{float:left; margin-top:388px; width:300px;}

/* --- GLOBAL COMPONENTS --- */

/* hover styles */
a:hover{color:#43b8c1 !important;}
.hover2 a:hover{color:#212525 !important;}
a.hover3:hover{color:#328990 !important;}

/* icons */

.icon{display:inline-block; width:16px; height:16px; background:url(/images/pikto_gold_16x16.png);}
.iconBuddy{background-position:0 0px;}
.iconComment{background-position:0 -16px;}
.iconMail{background-position:0 -32px;}
.iconFlag{background-position:0 -48px;}
.iconSong{background-position:0 -64px;}
.iconPhoto{background-position:0 -80px;}
.iconNote{background-position:0 -96px;}
.iconCart{background-position:0 -112px;}
.iconAmazon{background-position:0 -128px;}
.iconNone{background:none;}

.iconMedia{width:17px; height:17px; background:url(/images/pikto_medien_17x17.png);}
.iconNote{background-position:0 0px;}
.iconYouTube{background-position:0 -17px;}
.iconFlickr{background-position:0 -34px;}

.iconWhite{display:inline-block; width:20px; height:20px; background:url(/images/pikto_weiss_20x20.png);}
.iconWFriend{background-position:0 0px;}
.iconWMessage{background-position:0 -20px;}
.iconWHeart{background-position:0 -40px;}

.textButton .iconWhite{vertical-align:top; margin-top:-10px; position:relative; top:7px; left:-2px;}
.textButton .icon{vertical-align:top; position:relative; top:-1px; left:-2px; margin-right:2px;}

/* buttons */

.actionBtn{display:inline-block; width:22px; height:22px; background:url(/images/button_22x22.png);}
span.actionBtn{
    opacity:.5;
    /* For IE 5-7 AAARGH */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    /* For IE 8 AAAAAARRRRRRGGGGH */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
}
.btnFlag{background-position:0 0px;}
.btnFlagOff{background-position:-44px 0px;}
.btnPlus{background-position:0 -22px;}
.btnPlusOff{background-position:-44px -22px;}
.btnHeart{background-position:0 -44px;}
.btnMail{background-position:0 -66px;}
.btnX{background-position:0 -88px;}

/* hover */
a.btnFlag:hover{background-position:-22px 0px;}
a.btnFlagOff:hover{background-position:-66px 0px;}
a.btnPlus:hover{background-position:-22px -22px;}
a.btnPlusOff:hover{background-position:-66px -22px;}
a.btnHeart:hover{background-position:-22px -44px;}
a.btnMail:hover{background-position:-22px -66px;}
a.btnX:hover{background-position:-22px -88px;}

.actionBtnSmall{display:inline-block; width:14px; height:14px; background:url(/images/button_14x14.png);}
span.actionBtnSmall{opacity:.5;}
.btnSPlus{background-position:0 0px;}
.btnSX{background-position:0 -14px;}
.btnSArrow{background-position:0 -28px;}
/* hover */
a.btnSPlus:hover{background-position:-14px 0px;}
a.btnSX:hover{background-position:-14px -14px;}
a.btnSArrow:hover{background-position:-14px -28px;}

.textButton{display:inline-block; vertical-align:middle; font-size:11px; text-transform:uppercase; line-height:12px; text-decoration:none; white-space:nowrap; color:white !important; cursor:pointer;}
.textButton b,
.textButton i,
.textButton q{display:inline-block; background-image:url(/images/textbutton.png);}
.textButton b{padding:0 0 0 5px; background-position:0 0; background-repeat:no-repeat;}
.textButton i{padding:0 5px 0 0; background-position:right -38px; background-repeat:no-repeat;}
.textButton q{height:17px; padding:2px 3px 0px 3px; background-position:0 -19px; background-repeat:repeat-x; font-style:normal; quotes:none;}
.textButton q:before,
.textButton q:after{content:"";} /* webkit fix avoiding quotes */
.textButton:hover{border:none;} /* ie6 fix (recover from hover) */
.textButton:hover b{background-position:0 -57px;}
.textButton:hover i{background-position:right -95px;}
.textButton:hover q{background-position:0 -76px;}
.textButton:hover,
.hover2 .textButton:hover{color:white !important;} /* overwrite global hover using higher specifity */
/* colors */
.txtBtnPink b{background-position:0 -114px;}
.txtBtnPink i{background-position:right -152px;}
.txtBtnPink q{background-position:0 -133px;}
.txtBtnPink:hover b{background-position:0 -171px;}
.txtBtnPink:hover i{background-position:right -209px;}
.txtBtnPink:hover q{background-position:0 -190px;}
.txtBtnGray b{background-position:0 -228px;}
.txtBtnGray i{background-position:right -266px;}
.txtBtnGray q{background-position:0 -247px;}
.txtBtnGray:hover b{background-position:0 -285px;}
.txtBtnGray:hover i{background-position:right -323px;}
.txtBtnGray:hover q{background-position:0 -304px;}

/* paging */
.paging{float:left; width:100%;}
.paging .status{float:left; color:#5c5954;}
.paging .page{float:right; color:#5c5954;}
.paging .page a{text-decoration:none; color:#5c5954;}
.paging .page a.current{font-weight:bold; text-decoration:none; color:#db3b60;}
.pagingTop{margin-bottom:12px;}
.pagingBot{margin-top:12px;}

/* 'like' button (facebook) */
.likebtn{float:left; width:83px; padding-top:5px;}
.boxGroup .likebtn{float:right; margin:-5px 0 2px 0; padding:0;}

/* --- CONTENT ELEMENTS --- */

/* BOX definition */

.box{float:left; width:100%; margin-bottom:10px;}

.box_shadow{position:relative; left:-5px; margin-bottom:5px;}
.colMain .box_shadow{width:670px;}
.colMainLeft .box_shadow{width:170px;}
.colMainRight .box_shadow{width:500px;}
.colMore .box_shadow{width:310px;}

.box_shadeBlack{float:left; width:480px;}
.box_shadeBlack .part{float:left; width:100%; background:url(/images/boxbgblack_bg.png);}
.box_shadeBlack .partTop{height:15px;}
.box_shadeBlack .partMid{color:white; background-position:-480px 0;}
.box_shadeBlack .partBot{height:14px; background-position:-960px 0;}

/* BOX instances by column */

/* all columns */

.colMainRight .boxBanner{width:500px; margin:0 -10px 0 0; text-align:center;}
.colMainRight .boxBanner img{float:left; padding:0 10px 10px 0;}
.colMore .boxBanner{width:304px; margin-bottom:6px;}
.colMore .boxBanner img{float:left; padding:0 4px 4px 0;}
.boxFullBanner{text-align:center;}

/* colMain */

.boxCarousel{height:286px; background:url(/images/loading_big.png) 300px 110px no-repeat;}

.boxUserNav{list-style:none; background:url(/images/usernav.png);}
.boxUserNav li{position:relative; float:left;}
.boxUserNav li a{float:left; height:40px; text-decoration:none; background:url(/images/usernav.png);}
.boxUserNav li.myKronehit a{width:187px; background-position:0 -40px;}
.boxUserNav li.myProfile a{width:148px; background-position:-187px -40px;}
.boxUserNav li.settings a{width:171px; background-position:-335px -40px;}
.boxUserNav li.mailbox a{width:164px; background-position:-506px -40px;}
/* hover. sadly, no support for background-position-y in ff */
.boxUserNav li.myKronehit a.section,
.boxUserNav li.myKronehit a:hover{background-position:0 -80px;}
.boxUserNav li.myProfile a.section,
.boxUserNav li.myProfile a:hover{background-position:-187px -80px;}
.boxUserNav li.settings a.section,
.boxUserNav li.settings a:hover{background-position:-335px -80px;}
.boxUserNav li.mailbox a.section,
.boxUserNav li.mailbox a:hover{background-position:-506px -80px;}
.boxUserNav li a span{display:none;}
.boxUserNav li a span.amount{display:block; position:absolute; left:110px; top:11px; font-size:12px; color:#957741;}
.boxUserNav li a.section span.amount,
.boxUserNav li a:hover span.amount{color:white;}

/* colMainLeft */

.boxAdmin h2{margin-bottom:4px; border-bottom:2px solid #957741; padding:3px 0; color:#957741;}
.boxAdmin ul{float:left; width:100%; padding:2px 0 7px 0; list-style:none;}

.boxNewMembers{height:179px; background:url(/images/toolNeueM_back.png);}
.boxNewMembers h2 span{display:none;}
.boxNewMembers .images{margin:50px 0 0 5px; width:160px; height:90px; overflow:hidden;}
.boxNewMembers .images ul{float:left; margin-left:-28px; width:1000px; list-style:none; position:relative;} /* set actual width using js */
.boxNewMembers .images li{float:left;}
.boxNewMembers .images li img{margin-right:10px; border:1px solid #957741;}
.boxNewMembers .arrow{float:left; margin-top:5px; width:18px; height:18px; background:url(/images/toolNeueM_arrow.png);}
.boxNewMembers .arrow.prev{margin-left:10px; background-position:0 -18px;}
.boxNewMembers .arrow.prev:hover{background-position:-18px -18px;}
.boxNewMembers .arrow.next{background-position:0 0;}
.boxNewMembers .arrow.next:hover{background-position:-18px 0;}
.boxNewMembers .name{float:left; width:114px; height:26px; overflow:hidden; text-align:center;}

.boxSearch{width:156px !important; height:71px; padding:9px 0 0 14px; background:url(/images/160px_suche.jpg);}
.boxSearch h2{padding-bottom:6px; color:#957842;}
.boxSearch .radio{position:absolute; vertical-align:middle; width:14px; height:14px;}
.boxSearch label{padding:0 5px 0 15px; color:#565656;}
.boxSearch input.text{margin-top:6px; width:97px;}

.boxInvite{height:34px; background:url(/images/160px_freundeinladen.gif);}
.boxInvite span{display:none;}
.boxInvite:hover{background-position:0 -34px;}

.boxBirthdays h2{margin-bottom:4px; border-bottom:2px solid #957741; padding:3px 0; color:#957741;}
.boxBirthdays .calendar{float:left; margin-bottom:5px; width:31px; height:42px; background:url(/images/kalender.gif);}
.boxBirthdays .calendar .day{margin-top:12px; font-size:13px; font-weight:bold; text-align:center;}
.boxBirthdays .calendar .month{font-size:10px; font-weight:bold; text-align:center; color:white;}
.boxBirthdays ul.today{float:left; width:122px; padding-left:7px; list-style:none;}
.boxBirthdays ul.today li{padding-bottom:6px; line-height:12px;}
.boxBirthdays ul.today a{color:#5c5954;}
.boxBirthdays dl{float:left; border:1px solid #d8c298; border-left:none; border-right:none; width:100%; padding:5px 0; font-size:10px; color:#797878;}
.boxBirthdays dl a{color:#797878;}
.boxBirthdays dt{float:left; width:37px; font-weight:bold;}
.boxBirthdays dd{float:left; width:123px; padding-bottom:3px;}

.boxPlaylist h2{margin-bottom:4px; border-bottom:2px solid #957741; padding:3px 0; color:#957741;}
.boxPlaylist ul{float:left; width:100%; min-height:22px; padding:2px 0 7px 0; list-style:none; background:url(/images/playlist.gif) no-repeat 0 4px;}
.boxPlaylist li{position:relative; float:left; width:104px; padding-left:56px; color:#5c5954;}
.boxPlaylist li span{position:absolute; left:36px; top:0px;}
.boxPlaylist .showAll{float:left; border-top:1px solid #d8c298; width:100%; padding-top:2px; text-align:right;}
.boxPlaylist .showAll a{font-size:10px; color:#d8c298;}

.boxFriendsList h2{margin-bottom:4px; border-bottom:2px solid #957741; padding:3px 0; color:#957741;}
.boxFriendsList h2 span{font-weight:normal;}
.boxFriendsList table{width:100%; border-collapse:collapse;}
.boxFriendsList table td{padding:2px 0;}
.boxFriendsList table tr+tr td{border-top:1px solid #d8c298;}
.boxFriendsList table td.img{width:45px;}
.boxFriendsList table tr.last td{padding-bottom:7px;}
.boxFriendsList table img{width:39px; margin-right:7px; border:1px solid #d8c298;}
.boxFriendsList table a{font-size:10px; color:#5c5954;}
.boxFriendsList a.showAll{float:left; margin-top:4px; width:100%; border-top:1px solid #d8c298; padding-top:2px; text-align:right; font-size:10px; color:#d8c298;}

.boxConcerts h2{height:50px; background:url(/images/konzerttermine_top.gif);}
.boxConcerts h2 span{display:none;}
.boxConcerts ul.content{padding-top:5px; list-style:none; background:url(/images/konzerttermine_bg.gif);}
.boxConcerts ul.content li{padding:0 5px 6px 16px; color:white;}
.boxConcerts ul.content li .date{font-size:10px; font-weight:bold;}
.boxConcerts ul.content li a{color:white;}
.boxConcerts .footer{height:12px; overflow:hidden; background:url(/images/konzerttermine_bot.gif);}

/* colMainRight */

.boxModbox{height:178px; background:url(/images/loading_big.png) 200px 50px no-repeat;}

/* tinyMCE content areas */
.boxContent{width:470px; padding:0 10px; font-size:12px; line-height:18px;}
.boxContent p{padding-bottom:7px;}
.boxContent ul{padding-left:14px;}
.boxContent ol{padding-left:20px;}
/* tinyMCE styles */
.boxContent .left{text-align:left;}
.boxContent .center{text-align:center;}
.boxContent .right{text-align:right;}
.boxContent img{padding-bottom:5px;}
.boxContent img.left{float:left; padding-right:10px;}
.boxContent img.right{float:right; padding-left:10px;}
.boxContent img.leftAlone{margin-right:100%;}
.boxContent img.center{display:block; margin:0 auto;}
.boxContent img.fullWidth{position:relative; left:-10px;}
.boxContent .hide{display:none;} /* used in news from wordpress */
/* components */
.boxContent .tabBox{position:relative; left:-10px;}

.boxTopStories h2{float:left; border-bottom:2px solid #7b7d7e; width:100%; height:20px; background:url(/images/type_top_stories.gif) no-repeat 9px 5px;}
.boxTopStories h2 span{display:none;}
.boxTopStories ul.small{float:left; width:100%; padding-bottom:5px; list-style:none;}
.boxTopStories ul.small li{float:left; border-bottom:1px solid #d3d4d4; width:100%; padding-bottom:6px;}
.boxTopStories ul.small li img{float:left; margin:5px 0 0 7px;}
.boxTopStories ul.small li .text{float:left; width:392px; padding:7px 0 0 9px; line-height:14px;}
.boxTopStories ul.small li  h3{padding-bottom:5px; font-size:14px;}
.boxTopStories ul.small li  h3 a{text-decoration:none;}
.boxTopStories ul.small li  a{color:black;}
.boxTopStories ul.small li.more{width:393px; padding:7px 0 7px 97px;}
.boxTopStories ul.small li.more h3{font-size:11px;}
.boxTopStories ul.small li.more p{padding-bottom:2px;}

.boxLotteryQuestion{display:none; padding-top:10px;} /* toggled via js */
.boxLotteryQuestion h2{padding-bottom:3px; font-size:14px; color:#957741;}
.boxLotteryQuestion p{padding:4px; font-size:13px;}
.boxLotteryQuestion p input{display:inline-block; vertical-align:middle; margin-right:5px;}
.boxLotteryQuestion .textButton{float:right; margin:10px 5px 5px 0;}

.boxMoreContentItems{border:1px solid #ddd; border-left:none; border-right:none; width:470px; padding:5px 10px 7px 10px; line-height:16px;}
.boxMoreContentItems ul{list-style:none;}

.boxFrequencies form {padding-bottom:20px}
.boxFrequencies input.text{width:40px;}

.boxMessages{height:63px; color:white; background:url(/images/490px_alert.gif);}
.boxMessages .invitations{position:relative; left:14px; top:29px;}
.boxMessages .fanRequests{position:relative; left:257px; top:29px;}
.boxMessages a{text-decoration:none; color:white;}
.boxMessages a span{font-weight:bold; text-decoration:underline}
.boxMessages .iconWhite{margin-right:4px; margin-bottom:2px; vertical-align:middle;}

.boxProfileVisitors h2{float:left; border-bottom:2px solid #957842; width:100%; height:20px; background:url(/images/type_besucher_meines_profils.gif) no-repeat 9px 5px;}
.boxProfileVisitors h2 span{display:none;}
.boxProfileVisitors table{float:left; border-collapse:collapse;}
.boxProfileVisitors td{height:55px;}
.boxProfileVisitors td.img{width:55px; text-align:center;}
.boxProfileVisitors td.img img{border:1px solid #957741;}
.boxProfileVisitors td.txt{width:108px;}
.boxProfileVisitors td.txt a{color:#957741;}

.boxRelatedArtists{float:right; width:240px;}
.boxRelatedArtists h2{float:left; border-bottom:2px solid #957842; width:100%; height:20px; background:url(/images/type_related_artists.gif) no-repeat 9px 5px;}
.boxRelatedArtists h2 span{display:none;}
.boxRelatedArtists table{float:left; width:100%; border-collapse:collapse;}
.boxRelatedArtists table td{border-bottom:1px solid #d8c298; padding:5px 0;}
.boxRelatedArtists table td.img{width:46px;}
.boxRelatedArtists table tr.last td{border-bottom:none;}
.boxRelatedArtists table img{width:39px; margin:0 7px 0 7px; border:1px solid #d8c298;}
.boxRelatedArtists table a{color:#957842;}

.boxFeaturedArtists h2{float:left; border-bottom:2px solid #957842; width:100%; height:20px; background:url(/images/type_featured_artists.gif) no-repeat 9px 5px;}
.boxFeaturedArtists h2 span{display:none;}
.boxFeaturedArtists ul{float:left; width:500px; margin-right:-10px; padding-bottom:5px; list-style:none;}
.boxFeaturedArtists li{display:inline; float:left; margin-right:10px; width:240px;}
.boxFeaturedArtists li img{float:left; margin:8px 0 0 9px; border:1px solid #957741;}
.boxFeaturedArtists li .text{position:relative; float:left; width:150px; padding:7px 0 0 12px;}
.boxFeaturedArtists li .text h3{width:129px; padding-bottom:5px; font-size:14px; color:#947741;}
.boxFeaturedArtists li .text h3 a{text-decoration:none; color:#947741;}
.boxFeaturedArtists li .text .icon{position:absolute; right:6px; top:7px;}
.boxFeaturedArtists li .text .timestamp{font-size:10px; color:#d8c298;}
.boxFeaturedArtists li .text .timestamp a{color:#d8c298;}
.boxFeaturedArtists li .text .desc{line-height:14px; color:#947741;}
.boxFeaturedArtists li .text .desc a{color:#947741;}

.boxFeaturedUsers h2{float:left; border-bottom:2px solid #957842; width:100%; height:20px; background:url(/images/type_featured_users.gif) no-repeat 9px 5px;}
.boxFeaturedUsers h2 span{display:none;}
.boxFeaturedUsers ul{float:left; width:100%; padding:1px 0 5px 0; list-style:none;}
.boxFeaturedUsers li{position:relative; float:left; width:100%; padding-bottom:5px;}
.boxFeaturedUsers li+li{border-top:1px solid #d8c298;}
.boxFeaturedUsers li img{float:left; margin:5px 0 0 9px; border:1px solid #957741;}
.boxFeaturedUsers li .text{float:left; width:405px; padding:7px 0 0 10px; line-height:14px;}
.boxFeaturedUsers li .text a{font-weight:bold; color:#957842;}
.boxFeaturedUsers li .icon{position:absolute; right:4px; top:8px;}

.boxKronehitNews h2{float:left; width:100%; height:37px; background:url(/images/news_header.png) no-repeat 10px 0;}
.boxKronehitNews h2 span{display:none;}
.boxKronehitNews h2 select{float:left; margin:7px 0 0 16px; width:105px;}
.boxKronehitNews h2 option{padding-right:10px;}
.boxKronehitNews ul.big{float:left; margin-right:-15px; width:486px; padding:10px 9px 5px 10px; list-style:none;}
.boxKronehitNews ul.big li{display:inline; float:left; margin-right:15px; width:147px; padding-bottom:4px;}
.boxKronehitNews ul.big li img{}
.boxKronehitNews ul.big li  h3{padding:4px 0 3px 0; font-size:14px;}
.boxKronehitNews ul.big li  h3 a{text-decoration:none; color:black;}
.boxKronehitNews ul.big li p{line-height:14px;}
.boxKronehitNews ul.big li p a{color:black;}
.boxKronehitNews ul.small{float:left; width:100%; padding-bottom:5px; list-style:none;}
.boxKronehitNews ul.small li{float:left; border-top:1px solid #d3d4d4; width:100%; padding-bottom:6px;}
.boxKronehitNews ul.small li img{float:left; margin:5px 0 0 7px;}
.boxKronehitNews ul.small li .text{float:left; width:392px; padding:7px 0 0 9px; line-height:14px;}
.boxKronehitNews ul.small li .text h3{padding-bottom:5px; font-size:14px;}
.boxKronehitNews ul.small li .text h3 a{text-decoration:none;}
.boxKronehitNews ul.small li .text a{color:black;}
.boxKronehitNews a.showAll{float:left;}

.boxCommunityNews h2{float:left; border-bottom:2px solid #957842; width:100%; height:20px; background:url(/images/type_community_news.gif) no-repeat 9px 5px;}
.boxCommunityNews h2 span{display:none;}

.boxInlineTeasers .teaserBlock{float:left; width:100%; border-bottom:1px solid #d4d4d4;}
.boxInlineTeasers .teaserBlock:last-child{border:none;}
.boxInlineTeasers .teaser{float:left; width:240px; padding:5px 0;}
.boxInlineTeasers .teaser img{margin-left:10px;}
.boxInlineTeasers .teaser .txt{float:right; width:142px;}
.boxInlineTeasers .teaser .txt .header{font-size:14px; font-weight:bold;}
.boxInlineTeasers .teaser .txt a{text-decoration:none; color:black;}
.boxInlineTeasers .teaser .txt a.dots{text-decoration:underline;}

/* - grouping box containing other boxes */

.boxGroup .groupTop{float:left; width:100%; height:11px; background:url(/images/boxgroup_bg.gif);}
.boxGroup .groupMain{float:left; width:100%; background:#f1efeb;}
.boxGroup .groupMain .groupContent{display:inline; float:left; position:relative; top:0px; margin-top:-2px; width:100%;}
.boxGroup .groupBot{float:left; margin-top:-5px; width:100%; height:11px; background:url(/images/boxgroup_bg.gif) 0 -11px;}
.boxGroup .box{display:inline; width:480px; margin:0 5px 0 5px;}

/* -- boxes living inside grouping box */

.boxPostMessage .bubble{position:relative; float:left; width:100%; height:70px; background:url(/images/490px_sprechblase_mod.png);}
.boxPostMessage .bubble img{position:absolute; left:39px; top:3px;}
.boxPostMessage .bubble textarea{position:absolute; left:119px; top:9px; width:329px; height:52px; border:none;}
.boxPostMessage .bubble .remaining{position:absolute; top:64px; right:27px; font-size:9px; color:#ccc;}
.boxPostMessage .action{float:left; padding:20px 0 4px 40px;}
.boxPostMessage .action .iconMedia{float:left; margin-right:5px;}
.boxPostMessage .action  input.url{float:left; margin:0 14px 0 14px; width:246px;}
.boxPostMessage .action .textButton{float:left;}

.boxOtherInfo .left{display:inline; float:left; margin:0 13px 0 35px; width:75px; padding-bottom:5px;}
.boxOtherInfo .left img{margin-bottom:7px; border:3px solid #303031;}
.boxOtherInfo .left .actionBtn{float:left; margin-right:3px;}
.boxOtherInfo .right{float:left; width:325px;}
.boxOtherInfo .right .user{float:left; width:100%; padding-bottom:3px;}
.boxOtherInfo .right .user .name{float:left; color:#d8c298; font-size:14px; font-weight:bold;}
.boxOtherInfo .right .user .report{float:right; font-size:10px; color:#9E9E9E;}
.boxOtherInfo .right .latestMsg{float:left; width:100%;}
.boxOtherInfo .right .latestMsg .time{color:#9e9e9e; font-size:10px;}
.boxOtherInfo .right p.connect{float:left; margin-top:5px; border-top:1px solid #d8c298; width:100%; padding:5px 0 10px 0;}
.boxOtherInfo .right p.connect *{display:inline-block; vertical-align:middle;}
.boxOtherInfo .right p.connect .userImg{border:1px solid #957741; margin-right:5px;}
.boxOtherInfo .right p.connect .userName{width:90px;}
.boxOtherInfo .right p.connect .arrow{width:20px; height:17px; margin-right:5px; background:url(/images/connect_arrow.gif) right 0;}
.boxOtherInfo .right p.links{font-size:9px; padding-bottom:5px; text-align:right;}
.boxOtherInfo .right p.links a{color:#d8c298;}

.boxArtistInfo .left{display:inline; float:left; margin:0 13px 0 35px; width:75px; padding-bottom:5px;}
.boxArtistInfo .left .user{display:inline-block; border:3px solid #303031; width:64px; height:64px; margin-bottom:7px; background:white;}
.boxArtistInfo .left .actionBtn{float:left; margin-left:25px;}
.boxArtistInfo .right{float:left; width:325px;}
.boxArtistInfo .right .head{float:left; width:100%; margin-bottom:5px; border-bottom:1px solid #d8c298; padding-bottom:5px;}
.boxArtistInfo .right .head h2{float:left; width:232px; padding-right:10px; color:#d8c298; font-size:14px; font-weight:bold;}
.boxArtistInfo .right .head .likebtn{padding-top:0;}
.boxArtistInfo .right .head a{float:right; color:#d8c298;}
.boxArtistInfo .right .related{float:left; width:100%; padding-bottom:10px;}
.boxArtistInfo .right .related p{float:left; padding-bottom:10px; width:100%; font-size:10px; color:#d8c298;}
.boxArtistInfo .right .related a{float:left; margin-right:1px; width:80px; text-align:center; font-size:10px; text-decoration:none;}
.boxArtistInfo .right .related a img{border:1px solid #957741;}
.boxArtistInfo .right .related a span{text-decoration:underline;}

.boxFanOf{width:448px !important; height:104px; padding:10px 16px; color:#f1efeb; background:url(/images/490px_fanvon.png);}
.boxFanOf a{color:#f1efeb;}
.boxFanOf .head{float:left; width:100%; padding-bottom:3px; border-bottom:1px solid #87ced3;}
.boxFanOf .head h2{float:left;}
.boxFanOf .head a{float:right; font-size:10px;}
.boxFanOf .body{float:left; height:76px; padding:8px 0 0 10px; overflow:hidden;}
.boxFanOf .body a{float:left; width:84px; text-align:center; text-decoration:none;}
.boxFanOf .body a img{border:1px solid #a7dee2;}
.boxFanOf .body a span{font-size:10px; text-decoration:underline;}

/* - tabbed content on userpages */

.boxTabs .tabs{list-style:none;}
.boxTabs .tabs li{float:left; margin-right:5px;}
.boxTabs .tabs li .slice{float:left; height:27px; background:url(/images/usertabs.gif);}
.boxTabs .tabs li .slice span{font-weight:normal;}
.boxTabs .tabs li a{text-decoration:none; cursor:pointer;}
.boxTabs .tabs li .left{width:6px; background-position:0 -81px;}
.boxTabs .tabs li .main{height:18px; padding:9px 2px 0 2px; font-size:10px; text-transform:uppercase; font-weight:bold; color:#7a7977; background-position:0 -108px;}
.boxTabs .tabs li .right{width:6px; background-position:0 -135px;}
.boxTabs .tabs li a:hover{border:none;} /* ie6 fix (recover from hover) */
.boxTabs .tabs li a.current .left,
.boxTabs .tabs li a:hover .left{background-position:0 0px;}
.boxTabs .tabs li a.current .main,
.boxTabs .tabs li a:hover .main{color:white; background-position:0 -27px;}
.boxTabs .tabs li a.current .right,
.boxTabs .tabs li a:hover .right{width:6px; background-position:0 -54px;}
.boxTabs .tabs li.button{float:right; padding-top:3px;}
.boxTabs .tabs li.footer{clear:left; width:100%;}
.boxTabs .tabs li.footer .slice{width:100%; height:10px; overflow:hidden; background-position:0 -162px;}

.boxTabs .tabContent{float:left;}
/* .tabContent subclasses may have their own div to be loaded via ajax */
.boxTabs .tbcWikipedia .copyright{float:left; width:490px; padding-top:30px; font-size:10px; color:#888;} /* ie7 requires width in px here! */
.boxTabs .tbcWikipedia .tabBox{line-height:16px;}
.boxTabs .tbcWikipedia .tabBox ul{padding-left:15px; clear:both;}
.boxTabs .tbcWikipedia .tabBox ol{padding-left:20px; clear:both;}
.boxTabs .tbcWikipedia .tabBox h3{padding-top:5px;}
.boxTabs .tbcWikipedia .tabBox p{padding-bottom:5px;}
.boxTabs .tbcWikipedia .tabBox .noprint{display:none;}
.boxTabs .tbcWikipedia .tabBox .sideBox{clear:both; width:100%; border:none !important;}
.boxTabs .tbcWikipedia .tabBox .sideBox table{width:100% !important;}

/* -- tabbed content boxes */

.tabBox{float:left; margin-bottom:1px; width:460px; padding:15px; background:#f1efeb;}
.tabBox h2{float:left; margin-bottom:10px; border-bottom:1px solid #d8c298; width:100%; padding-bottom:5px; font-size:12px; color:#957741;}

/* --- tabbed content boxes - components */

.tabBox .browsing{position:relative; float:left; border-bottom:1px solid #d8c298; margin-bottom:12px; width:100%; padding-bottom:5px;}
.tabBox .browsing .status{float:left; color:#5c5954;}
.tabBox .browsing .index{position:absolute; left:190px; top:0; color:#9e9e9e;}
.tabBox .browsing .switch{float:right; color:#5c5954;}
.tabBox .browsing .switch a{text-decoration:none; color:#5c5954;}

.tabBox .userListBig{display:inline; float:left; margin-left:-5px; width:470px; list-style:none;}
.tabBox .userListBig li{float:left; width:450px; padding:10px;}
.tabBox .userListBig li.odd{background:white;}
.tabBox .userListBig img.user{float:left; margin-right:10px; border:1px solid #957741;}
.tabBox .userListBig .txt{float:left; width:290px;}
.tabBox .userListBig .txt .city{font-size:10px; color:#5C5954;}
.tabBox .userListBig .txt .friends{font-size:10px; color:#969494;}
.tabBox .userListBig .buttons{float:right; width:80px; margin-top:8px;}
.tabBox .userListBig .buttons .actionBtn{float:left; margin-right:4px;}

.tabBox .userListMedium{float:left; width:100%; border-collapse:collapse;}
.tabBox .userListMedium tr.odd td{background:white;}
.tabBox .userListMedium td{border-right:1px solid #f1efeb; width:220px; padding:5px;}
.tabBox .userListMedium  a.user{display:inline-block; vertical-align:middle; margin-right:5px; border:1px solid #957741; width:38px; height:38px; background:url(/images/dummy_user_38x38.jpg);}
.tabBox .userListMedium .txt{display:inline-block; width:135px; padding-right:5px; vertical-align:middle;}
.tabBox .userListMedium .count{color:#969494;}
.tabBox .userListMedium .actionBtn{vertical-align:middle;}

.tabBox .userListSmall{float:left; width:100%; border-collapse:collapse;}
.tabBox .userListSmall tr.odd td{background:white;}
.tabBox .userListSmall td{border-right:1px solid #f1efeb; width:150px; padding:5px;}
.tabBox .userListSmall .user{display:inline-block; border:1px solid #957741; width:38px; height:38px; vertical-align:middle; margin-right:5px; background:url(/images/dummy_user_38x38.jpg);}
.tabBox .userListSmall .name{display:inline-block; width:67px; overflow:hidden; padding-right:5px; font-size:10px; vertical-align:middle;}
.tabBox .userListSmall .count{color:#969494;}
.tabBox .userListSmall .actionBtnSmall{vertical-align:middle;}

/* zend_form styles. should be improved to allow for zebra striping, but for this zend_form must be adapted to render a table using <tr>s with even/odd classes.
optional: striping via jquery (avoid if possible) */
.tabBox .zend_form{float:left;}
.tabBox .zend_form dt,
.tabBox .zend_form dd{float:left;}
.tabBox .zend_form dt{clear:left; width:100px; padding-top:2px;}
.tabBox .zend_form dd{width:360px; padding-bottom:5px;}
.tabBox .zend_form .settings dt{width:100%; padding-top:2px;}
.tabBox .zend_form .settings dd{padding-top:2px; padding-bottom:5px; padding-left: 25px;}
.tabBox .zend_form fieldset {float:left; clear:left; border:none; border-bottom:1px solid #D3D4D4; margin-bottom:10px; padding-bottom:8px}
.tabBox .zend_form fieldset legend span {white-space:normal; display:block; width:460px; font-weight:bold; color:#957741; padding-bottom:12px;} /* fixes wrap issue with all browser, span inside legend is required!, see http://www.communitymx.com/blog/index.cfm?newsid=923 */
.tabBox .zend_form fieldset.last {margin-bottom:0;}
.tabBox .zend_form ul.errors {list-style-type:none; padding-left:4px; color:red}

/* submit button at end of a tabbox */
.tabBox .submit{float:right; margin-top:10px;}

.tabBox h2.collapsible{cursor:pointer;}
.tabBox h2.collapsible .arrow{display:inline-block; vertical-align:top; width:9px; height:9px; margin:3px 4px 0 0; background:url(/images/collapse_arrow.gif) no-repeat; overflow:hidden;}
.tabBox h2.collapsible.expanded .arrow{background-position:0 -9px;}
.tabBox .collapseContent{float:left; width:460px; padding-bottom:10px;}

.tabBox .note{float:left; padding-top:4px; font-size:11px;}

/* --- tabbed content boxes - instances */

.tbxPostMessage .box{margin:-5px 0 -10px -10px;}

.tbxMyMedia .files{float:left; width:100%;}
.tbxMyMedia .file{position:relative; float:left; margin:0 8px; width:134px; padding-bottom:10px; text-decoration:none; color:black; cursor:pointer;}
.tbxMyMedia .file .img{width:134px; height:134px; display:table-cell; text-align:center; vertical-align:middle; background:white;} /* @@ ie */
.tbxMyMedia .file .play{clear:both; position:absolute; left:0px; top:14px; width:134px; height:101px; background:url(/images/video_play.png);}
.tbxMyMedia .file .desc{display:block; max-height:24px; padding-top:4px; overflow:hidden; text-align:center; font-size:10px;}
.tbxMyMedia .file .comm{display:block; height:12px; overflow:hidden; text-align:center; font-size:10px;}
.tbxMyMedia .status{float:left; color:#5c5954;}
.tbxMyMedia .paging{float:right; color:#5c5954;}
.tbxMyMedia .paging a{text-decoration:none; color:#5c5954;}
.tbxMyMedia .paging a.current{font-weight:bold; color:#db3b60;}

.tbxMediaUpload table{float:left; width:100%;}
.tbxMediaUpload td *{float:left;}
.tbxMediaUpload td{padding:0 5px 5px 0;}
.tbxMediaUpload tr.title td{padding:8px 5px 0 0;}
.tbxMediaUpload td input.radio{margin:2px 5px 0 0;}
.tbxMediaUpload td .iconMedia{margin-right:3px;}
.tbxMediaUpload td .filename{display:inline-block; padding:8px;}
.tbxMediaUpload td input.text{width:300px; margin-right:5px;}

.tbxMediaDetail .paneFloater{float:left; margin-left:4px; width:450px; height:450px;}
.tbxMediaDetail .pane{display:table-cell; vertical-align:middle; text-align:center; width:450px; height:450px; background:white;} /* @@ ie */
.tbxMediaDetail .caption{float:left; width:100%; padding:8px 0 10px 0; text-align:center;}
.tbxMediaDetail .actions{float:left; width:100%; padding:5px 0 10px 0; text-align:center; color:#957741;}
.tbxMediaDetail .actions a{color:#957741;}
.tbxMediaDetail .actions a.addComment{color:#43B8C1;}

.tbxMyPlaylist .head{float:left; margin-bottom:7px; width:100%;}
.tbxMyPlaylist .head p{float:left; border-bottom:1px solid #d8c298; padding-bottom:2px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#5c5954;}
.tbxMyPlaylist .head p.title{width:200px; margin-right:10px;}
.tbxMyPlaylist .head p.artist{width:250px;}
.tbxMyPlaylist ul{position:relative; left:-5px; float:left; width:470px; list-style:none; color:#947640;}
.tbxMyPlaylist li{float:left; width:460px; padding:0px 5px; background:#F1EFEB;}
.tbxMyPlaylist li.odd{background:white;}
.tbxMyPlaylist p{float:left; padding:4px 0 6px 0;}
.tbxMyPlaylist p.count{width:30px;}
.tbxMyPlaylist p.title{width:180px;}
.tbxMyPlaylist p.artist{width:185px; font-weight:bold;}
.tbxMyPlaylist .buttons{float:right;}
.tbxMyPlaylist .buttons .iconCart{float:left; margin:2px 4px 0 0;}
.tbxMyPlaylist .buttons .drag{float:left; margin:4px 7px 0 0; width:13px; height:13px; vertical-align:center; background:url(/images/playlist_drag.gif);}
.tbxMyPlaylist .buttons .actionBtnSmall{float:left; margin-top:4px;}
.tbxMyPlaylist .note{padding-top:14px; color:#737372;}

.tbxAddTrack{}
.tbxAddTrack input{margin-right:5px; width:151px; padding-left:17px; background:white url(/images/icon_search.png) no-repeat 2px 0;}
.tbxAddTrack input.chosen{background:white url(/images/icon_ok.png) no-repeat 2px 0;}
.tbxAddTrack input:disabled{background:#ddd !important;}
.tbxAddTrack .actionBtnSmall{position:relative; top:2px; left:1px;}

.tbxSearchMusicResult .total{padding-bottom:2px;}
.tbxSearchMusicResult .head{float:left; margin:2px 0 7px 0; width:100%;}
.tbxSearchMusicResult .head p{float:left; border-bottom:1px solid #d8c298; padding-bottom:2px; font-size:12px; font-weight:bold; text-transform:uppercase; color:#5c5954;}
.tbxSearchMusicResult .head p.title{width:200px; margin-right:10px;}
.tbxSearchMusicResult .head p.artist{width:250px;}
.tbxSearchMusicResult ul{position:relative; left:-5px; float:left; width:470px; padding-bottom:2px; list-style:none; color:#947640;}
.tbxSearchMusicResult li{float:left; width:460px; padding:0px 5px;}
.tbxSearchMusicResult li.odd{background:white;}
.tbxSearchMusicResult li p{float:left; padding:5px 0 7px 0;}
.tbxSearchMusicResult li p.title{width:210px;}
.tbxSearchMusicResult li p.artist{width:180px;}
.tbxSearchMusicResult li p .term{font-weight:bold; font-style:italic; color:#43b8c1;}
.tbxSearchMusicResult li .buttons{float:right;}
.tbxSearchMusicResult li .buttons .actionBtnSmall{float:left; margin-top:5px;}

.tbxInbox{width:470px; padding:15px 10px;}
.tbxInbox .options{float:left; width:100%;}
.tbxInbox .options .markAll{float:left; padding-top:3px; font-size:10px; color:#797979;}
.tbxInbox .options .marked{float:right;}
.tbxInbox .options .marked span{display:inline-block; padding-top:4px; font-size:10px; vertical-align:top; color:#797979;}
.tbxInbox .options .marked .textButton{vertical-align:bottom;}

.tbxInbox table{float:left; margin:15px 0; width:100%; border-collapse:collapse;}
.tbxInbox tr.odd td{background:white;}
.tbxInbox td{padding:7px 0;}
.tbxInbox td .name{display:block; color:#957741;}
.tbxInbox td .time{font-size:10px;}
.tbxInbox td.checkbox{width:30px; text-align:center; vertical-align:top;}
.tbxInbox td.from{width:150px; padding-left:8px; padding-right:8px; vertical-align:top;}
.tbxInbox td.user{text-align:center;}
.tbxInbox td.user img{border:1px solid #957741;}
.tbxInbox td.message{width:230px; padding-right:8px; vertical-align:top;}
.tbxInbox td.message a{text-decoration:none; color:black;}
.tbxInbox td.message a .subject{font-weight:bold; text-decoration:underline; color:#db3b60;}
.tbxInbox td.message a:hover .subject{color:black;}
/* message read */
.tbxInbox tr.read{color:#969494;}
.tbxInbox tr.read a{color:#969494;}
.tbxInbox tr.read td.message a .subject{color:#969494;}
.tbxInbox tr.read td.message a:hover .subject{color:black;}
/* 'herzeln' */
.tbxInbox tr.heart td{background:#fdc5d2;}
.tbxInbox tr.heart td .content{position:relative; padding:0 10px; color:#5b5b5b;}
.tbxInbox tr.heart td .content a{color:#957741;}
.tbxInbox tr.heart td .content .time{color:#969494;}
.tbxInbox tr.heart td .content .iconWhite{position:absolute; right:18px; top:2px;}
/* message replied */
.tbxInbox tr.replied td.checkbox{background-image:url(/images/mailbox_replied_10x10.png); background-repeat:no-repeat; background-position:9px 29px;} /* using short-hand 'background' here only prevents ie8 from showing the 'odd' white bg */

.tbxMessageDetail .options{float:left; width:100%;}
.tbxMessageDetail .options .marked{float:right;}
.tbxMessageDetail .options .marked span{display:inline-block; padding-top:4px; font-size:10px; vertical-align:top; color:#797979;}
.tbxMessageDetail .options .marked .textButton{vertical-align:bottom;}
.tbxMessageDetail .subject{float:left; margin:10px 0 5px 0; width:100%; padding:7px 0; font-size:12px; font-weight:bold; background:white;}
.tbxMessageDetail .subject span{padding:0 7px;}
.tbxMessageDetail ul{float:left; width:100%; list-style:none;}
.tbxMessageDetail li{float:left; border-bottom:1px solid white; width:100%; padding:7px 0;}
.tbxMessageDetail li.heart{position:relative; padding:10px 0; background:#fdc5d2;}
.tbxMessageDetail li.heart .iconWhite{position:absolute; right:18px; top:12px;}
.tbxMessageDetail li img.user{float:left; margin-left:7px; border:1px solid #957741;}
.tbxMessageDetail li p{padding:0 5px 0 55px;}
.tbxMessageDetail li p.msg{padding-top:4px; line-height:14px;}
.tbxMessageDetail li p .time{padding-top:2px; font-size:10px; color:#9E9E9E;}
.tbxMessageDetail .boxPostMessage{display:inline; margin:10px 0 -10px -10px;}
.tbxMessageDetail .boxPostMessage .textButton{float:right; margin:5px 27px 0 0;}

.tbxNewMessage .box{display:inline; margin-left:-10px;}
.tbxNewMessage .box table{float:left; width:450px; margin:0 15px; border-collapse:collapse;}
.tbxNewMessage .box td{padding-bottom:5px; vertical-align:top;}
.tbxNewMessage .box td .recipPool{width:200px;}
.tbxNewMessage .box td .addRecip{position:relative; top:-1px;}
.tbxNewMessage .box td .recipList{float:left; width:100%; padding:5px 0;}
.tbxNewMessage .box td .recipList p{float:left; border:1px solid white; margin:0 5px 5px 0; padding:0 3px 3px 3px;}
.tbxNewMessage .box td .recipList p span{display:inline-block;}
.tbxNewMessage .box td .recipList a{position:relative; top:2px; margin-left:4px;}
.tbxNewMessage .box td.label{width:70px; padding:4px 10px 0 0; text-align:right;}
.tbxNewMessage .box td textarea,
.tbxNewMessage .box td input.text{width:300px; padding:3px 2px;}
.tbxNewMessage .box td textarea{height:55px;}
.tbxNewMessage .box .submit{float:right; margin:7px 77px 0 0;}
.tbxNewMessage ul.errors {list-style-type:none; padding-left:4px; color:red}

.tbxDirectConnect .connect{float:left; width:450px; padding:5px; background:white;}
.tbxDirectConnect .connect *{display:inline-block; vertical-align:middle;}
.tbxDirectConnect .connect .userImg{border:1px solid #957741; margin-right:5px;}
.tbxDirectConnect .connect .userImg img{vertical-align:top;}
.tbxDirectConnect .connect .userName{width:122px;}
.tbxDirectConnect .connect .arrow{width:90px; height:23px; margin-right:5px; background:url(/images/verbindung_pfeil.png);}

.tbxAlternateConnect .connect{float:left; width:100%; list-style:none;}
.tbxAlternateConnect .connect li{float:left; width:450px; padding:5px; list-style:none;}
.tbxAlternateConnect .connect li.odd{background:white;}
.tbxAlternateConnect .connect *{display:inline-block; vertical-align:middle;}
.tbxAlternateConnect .connect .userImg{border:1px solid #957741; margin-right:5px;}
.tbxAlternateConnect .connect .userImg img{vertical-align:top;} /* ie<8 specific */
.tbxAlternateConnect .connect .userName{width:115px;}
.tbxAlternateConnect .connect .arrow{width:30px; height:23px; margin-right:5px; background:url(/images/verbindung_pfeil.png) right 0;}

.tbxSettings h2 span{float:left;}
.tbxSettings h2 a{float:right; font-size:10px; font-weight:normal; color:#5c5954;}
.tbxSettings table{float:left; width:100%; border-collapse:collapse;}
.tbxSettings tr.odd td{background:white;}
.tbxSettings td{padding:5px; vertical-align:middle; color:#957741;}
.tbxSettings td.label{width:100px;}
.tbxSettings td.content{font-weight:bold;}
.tbxSettings input.text{width:250px;}
.tbxSettings tr.faulty  td{background:red;}

.tbxDiscography .left{float:left; width:120px;}
.tbxDiscography .left .cover{padding:6px; width:100px; height:100px; background:url(/images/cdcover_schatten.png);}
.tbxDiscography .left .textButton{margin:2px 0 0 14px;}
.tbxDiscography .right{float:right; margin:5px 10px 0 5px; width:320px;}
.tbxDiscography .right h3{margin:0 0 4px 10px; font-size:13px; color:#5c5954;}
.tbxDiscography .right ul{float:left; width:100%; list-style:none; overflow:hidden;}
.tbxDiscography .right li{float:left; width:100%; padding:5px 10px; color:#957741; background:white;}
.tbxDiscography .right li.odd{background:none;}
.tbxDiscography .right li .index{float:left; width:17px; padding-right:10px;}
.tbxDiscography .right li .text{float:left; width:250px; padding-right:10px;}
.tbxDiscography .right li .shop{float:left;}
.tbxDiscography .right .showAll{float:right; margin:5px 0 0 0; font-size:10px;}

.tbxFriendInvites ul{display:inline; margin-left:-5px; float:left; width:470px; list-style:none;}
.tbxFriendInvites li{float:left; width:450px; padding:10px;}
.tbxFriendInvites li.odd{background:white;}
.tbxFriendInvites img.user{float:left; margin-right:10px; border:1px solid #957741;}
.tbxFriendInvites .txt{float:left; width:290px;}
.tbxFriendInvites .buttons{float:right; width:90px;}
.tbxFriendInvites .buttons .textButton{margin-bottom:5px;}

.tbxConcerts ul{float:left; width:100%; list-style:none;}
.tbxConcerts li{float:left; width:440px; padding:10px;}
.tbxConcerts li img{float:left; border:1px solid #957741;}
.tbxConcerts li .txt{float:left; margin-left:10px;}
.tbxConcerts li h3{font-size:12px; padding-bottom:4px;}
.tbxConcerts li p{padding-bottom:2px;}
.tbxConcerts li.odd{background:white;}

.tbxVoting p.option{padding:4px; font-size:13px;}
.tbxVoting p.option input{display:inline-block; vertical-align:middle; margin-right:5px;}
.tbxVoting .result{float:left; width:100%; padding:7px 0;}
.tbxVoting .result p.title{padding-bottom:3px; font-weight:bold;}
.tbxVoting .result .barBorder{float:left; border:none; background:white; width:300px; height:12px;}
.tbxVoting .result .barBorder .bar{height:12px; background:#957741;}
.tbxVoting .result p.percent{position:relative; top:-1px; float:left; padding-left:7px;}

.tbxTrackservice{}
.tbxTrackservice .search{float:left; margin:10px 0 15px 0; border:1px solid #D8C298; width:100%; padding:10px 0 9px 0; border-left:none; border-right:none;}
.tbxTrackservice .search span.time{display:inline-block; vertical-align:top; padding:2px 2px 1px 20px; font-size:12px; font-weight:bold; color:#957741; background:url(/images/icon_watch.png) no-repeat;}
.tbxTrackservice .search .text{width:17px; height:15px; padding:2px 2px 0 2px; vertical-align:top;}
.tbxTrackservice .search .textButton{margin-top:0; vertical-align:top;}
.tbxTrackservice .result{float:left; width:100%;}
.tbxTrackservice .result .header{float:left; width:100%;}
.tbxTrackservice .result table{float:left; width:100%;}
.tbxTrackservice .result table td{padding:10px; font-weight:bold;}
.tbxTrackservice .result table td.time{width:40px;}
.tbxTrackservice .result table tr.odd{background:white;}
.tbxTrackservice .result table tr.current{color:white; background:#d8c298;}
.tbxTrackservice .result table td .title{font-weight:normal;}


/* - container-independent modules */

.activityStream{float:left; margin-bottom:1px; width:100%; list-style:none;}
.activityStream li{position:relative; float:left; width:100%; color:#565656;}
.activityStream li div.action{float:left; border-bottom:1px solid white; width:430px; padding:10px 0 10px 60px; background-color:#f1efeb;}
.activityStream li div.message{float:left; border-bottom:1px solid #bec0c0; width:430px; padding:10px 0 10px 60px; font-size:12px;}
.activityStream p.desc{padding-right:33px;}
.activityStream .time{padding-top:2px; font-size:10px; color:#9e9e9e;}
.activityStream .time a{font-size:10px; color:#43b8c1;}
.activityStream .preview{color:#9e9e9e;}
.activityStream p.thumb{float:left; padding-top:5px; cursor:pointer;}
.activityStream p.slideContent{display:none; float:left; width:100%; padding-top:5px;}
.activityStream li a{color:#957741;}
.activityStream li .current{color:#957741;}
.activityStream li .icon{margin-right:5px; vertical-align:middle;}
.activityStream li img.user{float:left; margin:0 9px 0 -50px; border:1px solid #d8c298;}
.activityStream .btnSX{display:none; position:absolute; right:14px; top:16px;}
.activityStream li .moderator{background:#fbe47a !important;} /* important to overwrite bg color of activities other than userpagemsg */
/* comments inside activity stream */
.activityStream .comments{margin-top:5px;}
.activityStream .comments li img.user{margin-left:5px;}
.activityStream .comments p.desc{width:343px; padding:0 33px 0 54px;}
.activityStream .comments li.addBox .textButton{margin-left:55px;}
.activityStream .comments .addBar{background:none;}
.activityStream .comments .addBar .addComment{padding:3px 0 0 0;}
.activityStream .comments .paging .prev{padding-left:5px;}
.activityStream .comments .paging .next{padding-right:5px;}

.comments{float:left; width:100%;}
.comments .paging{margin-bottom:1px; width:100%; font-size:10px; color:#565656; background:url(/images/comment_bg.gif);}
.comments .paging .browse{padding:3px 0px 5px 0px; text-decoration:none;}
.comments .paging .browse span{text-decoration:underline;}
.comments .paging .prev{float:left; padding-left:20px;}
.comments .paging .next{float:right; padding-right:20px;}
.comments .paging .count{clear:both; float:left; margin-bottom:-15px; width:100%; padding-top:4px; text-align:center;}
.comments ul{width:100%; list-style:none;}
.comments li{float:left; width:100%;}
.comments li .content{position:relative; float:left; margin-bottom:1px; width:100%; padding:5px 0; font-size:10px; color:#565656; background:url(/images/comment_bg.gif);}
.comments li .moderator{background:#fbe47a;}
.comments li img.user{float:left; margin:0 9px 0 20px; border:1px solid #d8c298;}
.comments p.header{color:#9E9E9E;}
.comments p.header a.report{color:#43b8c1;}
.comments p.desc{width:388px; padding:0 33px 0 69px;}
.comments li .btnSX{display:none; position:absolute; right:14px; top:16px;}
.comments li.addBox{display:none; position:relative;}
.comments li.addBox textarea{height:36px; width:350px;}
.comments li.addBox .remaining{position:absolute; top:45px; right:20px;}
.comments li.addBox .textButton{margin:5px 0 0 70px;}
.comments li.addBox a.cancel{position:relative; left:5px; top:2px; font-size:10px; color:#43b8c1;}
.comments li.moderator{background:#fbe47a;}
.comments .addBar{float:left; width:100%; background:#f1efeb;}
.comments .addBar .addComment{float:left; padding:7px 0 10px 20px; font-size:10px; color:#43b8c1;}

.bottomNav{float:left; width:100%;}
.bottomNav .goBack{float:left;}
.bottomNav .showAll{float:right;}

/* colMore */

.boxMusicWish{font-size:12px; color:#b7b7b7;}
.boxMusicWish .slice{float:left; width:100%; background:url(/images/300px_musikwunsch.gif);}
.boxMusicWish .slice.header{height:62px;}
.boxMusicWish .slice.bg{background-position:-310px 0;}
.boxMusicWish .slice.content{width:270px; padding:0 20px 15px 20px; background-position:-620px bottom; background-repeat:no-repeat;}
.boxMusicWish p{padding:7px 0 2px 0;}
.boxMusicWish p.songpart label{display:inline-block; width:45px;}
.boxMusicWish p.songpart input{width:200px; padding-left:17px; background:white url(/images/icon_search.png) no-repeat 2px 0;}
.boxMusicWish p.songpart input.chosen{background:white url(/images/icon_ok.png) no-repeat 2px 0;}
.boxMusicWish input.text{width:207px;}
.boxMusicWish textarea{width:263px; height:30px;}
.boxMusicWish .textButton{float:right; margin:10px 2px 0 0;}
.boxMusicWish .textButton.disabled{display:none;}
.boxMusicWish .error{background:#f589a2;}
.boxMusicWish .info{padding-top:70px;}
.boxMusicWish .info p.msg{font-size:15px; color:white; font-weight:bold;}
.boxMusicWish *:disabled{background:#ddd !important;}

.boxUserCharts{height:120px; background:url(/images/300px_usercharts.gif);}
.boxUserCharts ul{float:left; padding:46px 0 0 40px; list-style:none; color:#c1ab80;}
.boxUserCharts li{float:left; width:100%; height:18px;}
.boxUserCharts div{float:left;}
.boxUserCharts .icon{margin:4px 6px 0 0; width:5px; height:5px; overflow:hidden; background:url(/images/pikto_usercharts_5x5.gif);}
.boxUserCharts .icon span{display:none;}
.boxUserCharts .iconEqual{background-position:0 0px;}
.boxUserCharts .iconDown{background-position:0 -5px;}
.boxUserCharts .iconUp{background-position:0 -10px;}
.boxUserCharts .item{width:200px; overflow:hidden; white-space:nowrap;}
.boxUserCharts .song{color:#957842;}

.boxPlaylistOfTheWeek{position:relative; height:83px; text-decoration:none; color:white; background:url(/images/300px_playlist.gif); cursor:pointer;}
.boxPlaylistOfTheWeek .who{position:absolute; left:53px; top:37px;}
.boxPlaylistOfTheWeek .what{position:absolute; left:53px; top:56px; font-size:10px;}
.boxPlaylistOfTheWeek img{position:absolute; left:255px; top:26px; border:1px solid #ebdab9;}
.boxPlaylistOfTheWeek:hover{color:white !important;}

/* --- jquery ui dialogues --- */
.error{color:red; padding-bottom:5px;}

.dialog {display:none;}

.diaRecommend .error{color:red; padding-bottom:5px;}
.diaRecommend input.text{width:200px;}
.diaRecommend textarea{width:200px; height:60px; font-size:11px !important;}

.diaInvite .error{color:red; padding-bottom:5px;}
.diaInvite input.text{width:200px;}
.diaInvite textarea{width:200px; height:60px;}

.diaNewUserMessage .error{color:red; padding-bottom:5px;}
.diaNewUserMessage input.text{width:350px;}
.diaNewUserMessage textarea{width:350px; height:100px; font-size:11px !important;}

.diaReportUser textarea{width:250px; height:90px; font-size:11px !important;}
.diaEnableUser textarea{width:250px; height:90px; font-size:11px !important;}
.diaDisableUser textarea{width:250px; height:90px; font-size:11px !important;}

.diaAddFriend .error{color:red; padding-bottom:5px;}
.diaAddFriend textarea{width:350px; height:80px; font-size:11px !important;}

.diaSendHeartMsg .error{color:red; padding-bottom:5px;}

/* --- PAGE SPECIFIC --- */

/* REGISTER - special solution to make checkbox reside on the left side of the Zend_Form */
#form_register #terms-label {width:440px; position:relative; left:20px;}
#form_register #terms-element {position:relative; top:-12px;}

/* LOTTERY */
#lottery .message{font-size:12px; color:#957741; font-weight:bold;}
#lottery p.questions{padding-top:10px; font-size:14px; font-weight:bold;}

/* --- EXTERNAL COMPONENTS --- */

/* uploadify */
.uploadifyQueueItem {
    font: 11px Verdana, Geneva, sans-serif;
    border: 2px solid #E5E5E5;
    background-color: #F5F5F5;
    margin-top: 5px;
    padding: 10px;
    width: 350px;
}
.uploadifyError {
    border: 2px solid #FBCBBC !important;
    background-color: #FDE5DD !important;
}
.uploadifyQueueItem .cancel {
    float: right;
}
.uploadifyProgress {
    background-color: #FFFFFF;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%;
}
.uploadifyProgressBar {
    background-color: #0099FF;
    width: 1px;
    height: 3px;
}

/* jquery autocomplete */
.ac_results {
    padding: 0px;
    border: 1px solid black;
    background-color: white;
    overflow: hidden;
    z-index: 99999;
}
.ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0;
}
.ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /*
    if width will be 100% horizontal scrollbar will apear
    when scroll mode will be used
    */
    /*width: 100%;*/
    font: menu;
    font-size: 12px;
    /*
    it is very important, if line-height not setted or setted
    in relative units scroll will be broken in firefox
    */
    line-height: 16px;
    overflow: hidden;
}
.ac_loading {
    background:white url('/images/icon_loading.gif') left center no-repeat !important;
}
.ac_odd {
    background-color: #eee;
}
.ac_over {
    background-color: #0A246A;
    color: white;
}

/* jquery ui additions */
.ui-dialog .ui-dialog-buttonpane button{font-weight:bold; text-transform:uppercase;}