html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th,
td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; color:#ccc; }
body { font-size: 0.75em; color: #b3b3b3; background-color:transparent; font-family: Arial, sans-serif; line-height: 1.4; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
a img { border: none; }
object { display:block; }
a:focus {outline:0;}
.relative {position:relative;}
.itemCounts { font-size:11px; margin-bottom:5px; color:#999; }
.itemCounts a { color:#999; }
/* a:visited * {color:#333;} */
/* Overriding The Default Text Selection Color */
::selection { background: #00A8FF; color: #fff; }
::-moz-selection { background: #00A8FF; color: #fff; }
html { background: #111 url('/public/yomusic/images/body_bg.jpg') 50% 0 no-repeat; }
#row1 { padding-bottom:30px; }
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #fff; }
h1 { line-height: 1em; margin-bottom: 0.5em; }
h1.withSubTitle {line-height: 1em; margin-bottom: 0.1em;}
h2 { line-height: 1em; margin-bottom: 1em; }
h2.withSubTitle {margin-bottom: 0.2em;}
h3 { line-height: 1em; margin-bottom: 1em; }
h3.withSubTitle {margin-bottom:0.3em}
h4 { line-height: 1em; margin-bottom: 1em; }
h4.withSubTitle {margin-bottom:0.3em}
h5 { line-height: 1em; margin-bottom: 1em; }
h6 { line-height: 1em; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
/**
* SCHRIFTGRÖßEN
*/
.s5, .s6, .s7, .s8, .s9, .s10, .s11, .s12 { line-height: 1.4em; }
.s1, h1 {font-size: 28px; font-weight:bold;}
.s2 {font-size: 24px; font-weight:normal;}
.s3, h2 {font-size: 20px; font-weight:bold;}
h2.subTitle {font-size: 16px; font-weight: normal;}
.s4 {font-size: 18px; font-weight:normal;}
.s5, h2.sek {font-size: 16px; font-weight:bold;}
.s6, h3 {font-size: 16px; font-weight:bold;}
.s7, h3.sek, .view_more {font-size: 12px; font-weight:bold;}
h3.subTitle {font-size: 12px; font-weight: normal; color:#999;}
.s8 {font-size: 12px; font-weight:normal;}
.s9 {font-size: 11px; font-weight:bold;}
.s10, .sek {font-size: 11px; font-weight:normal;}
.s11 {font-size: 10px; font-weight:bold;}
.s12 {font-size: 10px; font-weight:normal;}
.s13 {font-size: 20px; font-weight:normal;}
.s14 {font-size: 20px; font-weight:bold;}
/* Sondergroessen
-------------------*/
.sx {font-size: 3.00em; font-weight:bold; text-transform: capitalize;}
.s7x {font-size: 1.10em; font-weight:normal;}
h1.sek { display:inline; font-size: 1.00em; font-weight:bold;}
.detailTopic h1 {margin-bottom:0px}
/**
* FARBEN
*/
.c1 {color: #fff;} /* Schwarz */
.c2 {color: #eeeeee;} /* Grau 1 */
.c3 {color: #dddddd;} /* Grau 2 */
.c4 {color: #cccccc;} /* Grau 3 */
.c5 {color: #999; /* #595959; */} /* Grau 4 */
.c6 {color: #ccc; /* #b3b3b3; */} /* Grau 5 */
.c7 {color: #eee;} /* Grau 6 */
/*.c8,.textCol a {color:#1a1a1a;} /* Grau 7 */
.c8,.textCol a {color:#fff;} /* yomusic: listview schriftfarbe */
.c9 {color: #fff;} /* Weiss */
.c10 {color: #00A8FF;} /* Hell Grün */
a {color: #339900;}
.c11 {color: #00a8ff;} /* yomusic: release title */
.c12 {color: #FFCC00;} /* Hell Orange */
.c13 {color: #FF6600;} /* Dunkel Orange */
.c14 {/*color:#3366cc; color: #006699;*/ color: #00a8ff; } /* Blau | Links in Fliesstext und spezielle Links */
.c15 {color: #ff0000;} /* Rot | ausschliesslich Text für Fehlermeldungen */
.c16 {color: #00a8ff} /* dunkleres Gruen*/
.c17 {color:#aaaaaa} /*helles Grau*/
.c18 {color:#000;}
.hr1_top_c2 {border-top:1px solid #eeeeee;}
.hr4_top_c2 {border-top:4px solid #eeeeee;}
.hr1_bottom_c2 {border-bottom:1px solid #eeeeee;}
.hr4_bottom_c2 {border-bottom:4px solid #eeeeee;}
.hr1_top_c3 {border-top:1px solid #dddddd;}
.hr4_top_c3 {border-top:4px solid #dddddd;}
.hr1_bottom_c3 {border-bottom:1px solid #dddddd;}
.hr4_bottom_c3 {border-bottom:4px solid #dddddd;}
.hr1_top_c4 {border-top:1px solid #cccccc;}
.hr4_top_c4 {border-top:4px solid #cccccc;}
.hr1_bottom_c4 {border-bottom:1px solid #cccccc;}
.hr4_bottom_c4 {border-bottom:4px solid #cccccc;}
.hr1_top_c5 {border-top:1px solid #999999;}
.hr4_top_c5 {border-top:4px solid #999999;}
.hr1_bottom_c5 {border-bottom:1px solid #999999;}
.hr4_bottom_c5 {border-bottom:4px solid #999999;}
.hr1_top_c6 {border-top:1px solid #666666;}
.hr4_top_c6 {border-top:4px solid #666666;}
.hr1_bottom_c6 {border-bottom:1px solid #666666;}
.hr4_bottom_c6 {border-bottom:4px solid #666666;}
.hr1_top_c7 {border-top:1px solid #333333;}
.hr4_top_c7 {border-top:4px solid #333333;}
.hr1_bottom_c7 {border-bottom:1px solid #333333;}
.hr4_bottom_c7 {border-bottom:4px solid #333333;}
.hr1_top_c8 {border-top:1px solid #1a1a1a;}
.hr4_top_c8 {border-top:4px solid #1a1a1a;}
.hr1_bottom_c8 {border-bottom:1px solid #1a1a1a;}
.hr4_bottom_c8 {border-bottom:4px solid #1a1a1a;}
.r1{background-color:#ffffff;}
.r2{background-color:#efefef;}
.bold {font-weight:bold;}
.normal { font-weight: normal; }
/**
* GRAFISCHE ELEMENTE
*/
.hr1_top_c2, .hr4_top_c2, .hr1_bottom_c2, .hr4_bottom_c2,
.hr1_top_c3, .hr4_top_c3, .hr1_bottom_c3, .hr4_bottom_c3,
.hr1_top_c4, .hr4_top_c4, .hr1_bottom_c4, .hr4_bottom_c4,
.hr1_top_c5, .hr4_top_c5, .hr1_bottom_c5, .hr4_bottom_c5,
.hr1_top_c6, .hr4_top_c6, .hr1_bottom_c6, .hr4_bottom_c6,
.hr1_top_c7, .hr4_top_c7, .hr1_bottom_c7, .hr4_bottom_c7,
.hr1_top_c8, .hr4_top_c8, .hr1_bottom_c8, .hr4_bottom_c8
{}
/* Text elements
-------------------------------------------------------------- */
p { margin: 0 0 1.4em; }
p img.left { float: left; margin: 1.4em 1.4em 1.4em 0; padding: 0; }
p img.right { float: right; margin: 1.4em 0 1.4em 1.4em; }
a:link {_color:inherit}
a:focus,
a:hover { text-decoration: underline; }
a { text-decoration: none; color:#00a8ff }
a.link { color:#00a8ff; font-weight: normal; }
/* a.editLink { background-image:url('/public/images/icons/djtunes30_icon_set_vertical.png');background-position:-189px -350px; background-repeat: no-repeat; padding-left:20px; } */
a.editLink { background-image:url('/public/yomusic/images/iconset_web.png');background-position:0px -3431px; background-repeat: no-repeat; padding-left:20px; }
a.addTagToItem { background-image:url('/public/yomusic/images/iconset_web.png');background-position:0px -3994px; background-repeat: no-repeat; padding-left:20px; font-size: 12px;}
a.moreLink, a.morelink {white-space:nowrap;color: #006AC7; float:right; font-weight: bold; padding: 0 25px 0 0; background: url('/public/yomusic/images/iconset_web.png') no-repeat right -2450px; text-transform:uppercase;}
a.moreLink:hover, a.morelink:hover { background-position: right -2502px; color:#00A8FF; text-decoration: none;}
blockquote { margin: 1.4em; color: #666; font-style: italic; }
strong { font-weight: bold; }
em,dfn { font-style: italic; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr,
acronym { border-bottom: 1px dotted #666; }
address { margin: 0 0 1.4em; font-style: italic; }
del { color:#666; }
pre { margin: 1.4em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.4; }
/* Lists
-------------------------------------------------------------- */
li ul,
li ol { margin:0 1.4em; }
ul, ol { margin: 0 1.4em 1.4em 1.4em; }
ul { list-style-type: none; margin-left: 0px; }
ol { list-style-type: decimal; }
dl { margin: 0 0 0 0; }
dl dt { font-weight: bold; }
dd { margin-left: 1.4em;}
/* Tables
-------------------------------------------------------------- */
table { margin-bottom: 1.4em; width:100%; }
th { font-weight: bold; }
thead th { background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td { background: #e5ecf9; }
tfoot { font-style: italic; }
caption { background: #eee; }
/* Misc classes
-------------------------------------------------------------- */
.small { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide { display: none; }
.quiet { color: #666; }
.loud { color: #000; }
.highlight { background:#ff0; }
.added { background:#060; color: #fff; }
.removed { background:#900; color: #fff; }
.first { margin-left:0px; padding-left:10px; }
.last { margin-right:0px; padding-right:0px; }
.top { margin-top:0; padding-top:0; }
.bottom { margin-bottom:0; padding-bottom:0; }
.firstTop { padding-top: 15px}
.minHeight { min-height:50px;padding-top:10px; }
/* --------------------------------------------------------------
grid.css - mirror version of src/grid.css
-------------------------------------------------------------- */
#secondpagewrapper { background: transparent url('/public/yomusic/images/main_nav_bg.png') 0 35px repeat-x; }
/* A container should group all your columns. */
#page, .page { width: 995px; margin: 0 auto; position:relative; }
.page { position:relative; }
.container {
width: 965px;
margin: 0 auto;
}
/* Use this class on any .span / container to see the grid. */
.showgrid {
background: url(grid.png);
}
/* Columns
-------------------------------------------------------------- */
/* Sets up basic grid floating and margin. */
.column, .span-1, .span-2, .span-3, .span-4, .span-5, .span-6, .span-7, .span-8, .span-9, .span-10, .span-11, .span-12, .span-13, .span-14, .span-15, .span-16, .span-17, .span-18, .span-19, .span-20, .span-21, .span-22, .span-23, .span-24, .span-25, .span-26, .span-27, .span-28 {
float: left;
margin-right: 15px;
}
.span-4add15 { float:left; }
.span-6add15 { float:left; }
.span-10add15 { float:left; }
.span-12add15, .span-16add15 { float:left; }
.span-16add30 { float:left; }
/* The last column in a row needs this class. */
.last, .last { margin-right: 0; }
/* Use these classes to set the width of a column. */
.span-1 { width: 20px; }
.span-2 { width: 55px; }
.span-3 { width: 90px; }
.span-4 { width: 125px; }
.span-4add15 { width: 140px; }
.span-5 { width: 160px; }
.span-5add15 { width: 175px; }
.span-6 { width: 195px; }
.span-6add15 { width: 210px; }
.span-7 { width: 230px; }
.span-7add15 { width: 245px; }
.span-8 { width: 265px; }
.span-8add15 { width: 280px; }
.span-9 { width: 300px; }
.span-9add15 { width: 315px; }
.span-10 { width: 335px; }
.span-10add15 { width: 350px; }
.span-11 { width: 370px; }
.span-11add15 { width: 385px; }
.span-12 { width: 405px; }
.span-12add15 { width: 420px; }
.span-13 { width: 440px; }
.span-14 { width: 475px; }
.span-15 { width: 510px; }
.span-16 { width: 545px; }
.span-16add15 { width: 560px; }
.span-16add30 { width: 575px; }
.span-17 { width: 580px; }
.span-17add15 { width: 595px; }
.span-18 { width: 615px; }
.span-18add15 { width: 630px; }
.span-19 { width: 650px; }
.span-20 { width: 685px; }
.span-20add15 { width: 700px; }
.span-21 { width: 720px; }
.span-21add15 { width: 735px; }
.span-22 { width: 755px; }
.span-23 { width: 790px; }
.span-23add15 { width: 805px; }
.span-24 { width: 825px; }
.span-24add15 { width: 840px; }
.span-25 { width: 860px; }
.span-26 { width: 895px; }
.span-27 { width: 930px; }
.span-28 { width: 965px; margin: 0; }
.span-28add15 { width: 980px; }
.span-28add30 { width: 995px; }
/* Use these classes to set the width of an input. */
input.span-1, textarea.span-1, input.span-2, textarea.span-2, input.span-3, textarea.span-3, input.span-4, textarea.span-4, input.span-5, textarea.span-5, input.span-6, textarea.span-6, input.span-7, textarea.span-7, input.span-8, textarea.span-8, input.span-9, textarea.span-9, input.span-10, textarea.span-10, input.span-11, textarea.span-11, input.span-12, textarea.span-12, input.span-13, textarea.span-13, input.span-14, textarea.span-14, input.span-15, textarea.span-15, input.span-16, textarea.span-16, input.span-17, textarea.span-17, input.span-18, textarea.span-18, input.span-19, textarea.span-19, input.span-20, textarea.span-20, input.span-21, textarea.span-21, input.span-22, textarea.span-22, input.span-23, textarea.span-23, input.span-24, textarea.span-24, input.span-25, textarea.span-25, input.span-26, textarea.span-26, input.span-27, textarea.span-27, input.span-28,
textarea.span-28 { border-left-width: 1px!important; border-right-width: 1px!important; padding-left: 5px!important; padding-right: 5px!important;}
input.span-1, textarea.span-1 { width: 8px!important; }
input.span-2, textarea.span-2 { width: 43px!important; }
input.span-3, textarea.span-3 { width: 78px!important; }
input.span-4, textarea.span-4 { width: 113px!important; }
input.span-5, textarea.span-5 { width: 148px!important; }
input.span-6, textarea.span-6 { width: 183px!important; }
input.span-7, textarea.span-7 { width: 218px!important; }
input.span-8, textarea.span-8 { width: 253px!important; }
input.span-9, textarea.span-9 { width: 288px!important; }
input.span-10, textarea.span-10 { width: 323px!important; }
input.span-11, textarea.span-11 { width: 358px!important; }
input.span-12, textarea.span-12 { width: 393px!important; }
input.span-13, textarea.span-13 { width: 428px!important; }
input.span-14, textarea.span-14 { width: 463px!important; }
input.span-15, textarea.span-15 { width: 498px!important; }
input.span-16, textarea.span-16 { width: 533px!important; }
input.span-17, textarea.span-17 { width: 568px!important; }
input.span-18, textarea.span-18 { width: 603px!important; }
input.span-19, textarea.span-19 { width: 638px!important; }
input.span-20, textarea.span-20 { width: 673px!important; }
input.span-21, textarea.span-21 { width: 708px!important; }
input.span-22, textarea.span-22 { width: 743px!important; }
input.span-23, textarea.span-23 { width: 778px!important; }
input.span-24, textarea.span-24 { width: 813px!important; }
input.span-25, textarea.span-25 { width: 848px!important; }
input.span-26, textarea.span-26 { width: 883px!important; }
input.span-27, textarea.span-27 { width: 918px!important; }
input.span-28, textarea.span-28 { width: 953px!important; }
/* Add these to a column to append empty cols. */
.append-1 { padding-right: 35px; }
.append-2 { padding-right: 70px; }
.append-3 { padding-right: 105px; }
.append-4 { padding-right: 140px; }
.append-5 { padding-right: 175px; }
.append-6 { padding-right: 210px; }
.append-7 { padding-right: 245px; }
.append-8 { padding-right: 280px; }
.append-9 { padding-right: 315px; }
.append-10 { padding-right: 350px; }
.append-11 { padding-right: 385px; }
.append-12 { padding-right: 420px; }
.append-13 { padding-right: 455px; }
.append-14 { padding-right: 490px; }
.append-15 { padding-right: 525px; }
.append-16 { padding-right: 560px; }
.append-17 { padding-right: 595px; }
.append-18 { padding-right: 630px; }
.append-19 { padding-right: 665px; }
.append-20 { padding-right: 700px; }
.append-21 { padding-right: 735px; }
.append-22 { padding-right: 770px; }
.append-23 { padding-right: 805px; }
.append-24 { padding-right: 840px; }
.append-25 { padding-right: 875px; }
.append-26 { padding-right: 910px; }
.append-27 { padding-right: 945px; }
/* Add these to a column to prepend empty cols. */
.prepend-1 { padding-left: 35px; }
.prepend-2 { padding-left: 70px; }
.prepend-3 { padding-left: 105px; }
.prepend-4 { padding-left: 140px; }
.prepend-5 { padding-left: 175px; }
.prepend-6 { padding-left: 210px; }
.prepend-7 { padding-left: 245px; }
.prepend-8 { padding-left: 280px; }
.prepend-9 { padding-left: 315px; }
.prepend-10 { padding-left: 350px; }
.prepend-11 { padding-left: 385px; }
.prepend-12 { padding-left: 420px; }
.prepend-13 { padding-left: 455px; }
.prepend-14 { padding-left: 490px; }
.prepend-15 { padding-left: 525px; }
.prepend-16 { padding-left: 560px; }
.prepend-17 { padding-left: 595px; }
.prepend-18 { padding-left: 630px; }
.prepend-19 { padding-left: 665px; }
.prepend-20 { padding-left: 700px; }
.prepend-21 { padding-left: 735px; }
.prepend-22 { padding-left: 770px; }
.prepend-23 { padding-left: 805px; }
.prepend-24 { padding-left: 840px; }
.prepend-25 { padding-left: 875px; }
.prepend-26 { padding-left: 910px; }
.prepend-27 { padding-left: 945px; }
/* Use these classes on an element to push it into the
next column, or to pull it into the previous column. */
.pull-15px { margin-left: -15px; }
.pull-1 { margin-left: -35px; }
.pull-2 { margin-left: -70px; }
.pull-3 { margin-left: -105px; }
.pull-4 { margin-left: -140px; }
.pull-5 { margin-left: -175px; }
.pull-6 { margin-left: -210px; }
.pull-7 { margin-left: -245px; }
.pull-8 { margin-left: -280px; }
.pull-9 { margin-left: -315px; }
.pull-10 { margin-left: -350px; }
.pull-11 { margin-left: -385px; }
.pull-12 { margin-left: -420px; }
.pull-13 { margin-left: -455px; }
.pull-14 { margin-left: -490px; }
.pull-15 { margin-left: -525px; }
.pull-16 { margin-left: -560px; }
.pull-17 { margin-left: -595px; }
.pull-18 { margin-left: -630px; }
.pull-19 { margin-left: -665px; }
.pull-20 { margin-left: -700px; }
.pull-21 { margin-left: -735px; }
.pull-22 { margin-left: -770px; }
.pull-23 { margin-left: -805px; }
.pull-24 { margin-left: -840px; }
.pull-25 { margin-left: -875px; }
.pull-26 { margin-left: -910px; }
.pull-27 { margin-left: -945px; }
.pull-28 { margin-left: -980px; }
.pull-1, .pull-2, .pull-3, .pull-4, .pull-5, .pull-6, .pull-7, .pull-8, .pull-9, .pull-10, .pull-11, .pull-12, .pull-13, .pull-14, .pull-15, .pull-16, .pull-17, .pull-18, .pull-19, .pull-20, .pull-21, .pull-22, .pull-23, .pull-24, .pull-25, .pull-26, .pull-27, .pull-28 {float: left; position:relative;}
.push15px {margin:0 0 0 15px;}
.push-15px {margin:0 0 0 15px;}
.push-1 { margin: 0 -35px 1.4em 35px; }
.push-2 { margin: 0 -70px 1.4em 70px; }
.push-3 { margin: 0 -105px 1.4em 105px; }
.push-4 { margin: 0 -140px 1.4em 140px; }
.push-5 { margin: 0 -175px 1.4em 175px; }
.push-6 { margin: 0 -210px 1.4em 210px; }
.push-7 { margin: 0 -245px 1.4em 245px; }
.push-8 { margin: 0 -280px 1.4em 280px; }
.push-9 { margin: 0 -315px 1.4em 315px; }
.push-10 { margin: 0 -350px 1.4em 350px; }
.push-11 { margin: 0 -385px 1.4em 385px; }
.push-12 { margin: 0 -420px 1.4em 420px; }
.push-13 { margin: 0 -455px 1.4em 455px; }
.push-14 { margin: 0 -490px 1.4em 490px; }
.push-15 { margin: 0 -525px 1.4em 525px; }
.push-16 { margin: 0 -560px 1.4em 560px; }
.push-17 { margin: 0 -595px 1.4em 595px; }
.push-18 { margin: 0 -630px 1.4em 630px; }
.push-19 { margin: 0 -665px 1.4em 665px; }
.push-20 { margin: 0 -700px 1.4em 700px; }
.push-21 { margin: 0 -735px 1.4em 735px; }
.push-22 { margin: 0 -770px 1.4em 770px; }
.push-23 { margin: 0 -805px 1.4em 805px; }
.push-24 { margin: 0 -840px 1.4em 840px; }
.push-25 { margin: 0 -875px 1.4em 875px; }
.push-26 { margin: 0 -910px 1.4em 910px; }
.push-27 { margin: 0 -945px 1.4em 945px; }
.push-28 { margin: 0 -980px 1.4em 980px; }
.push-1, .push-2, .push-3, .push-4, .push-5, .push-6, .push-7, .push-8, .push-9, .push-10, .push-11, .push-12, .push-13, .push-14, .push-15, .push-16, .push-17, .push-18, .push-19, .push-20, .push-21, .push-22, .push-23, .push-24, .push-25, .push-26, .push-27, .push-28 {float: right; position:relative;}
/* Min-height für portal
-------------------------------------------------------------- */
.minHeight {min-height:450px;}
/* Misc classes and elements
-------------------------------------------------------------- */
.prepend-top { margin-top:1.4em; }
.append-bottom { margin-bottom:1.4em;}
.innerBox { /*position: relative; SES - Prüfen ob wir die Eigenschaft nicht brauchen*/ overflow:hidden; }
.styledInnerGradientBox, .styledInnerBox { margin-bottom: 1.4em; overflow:hidden; position: relative; /*border-top:1px solid #4de500;*/ padding:15px 0px; margin-top:0.5em; }
.styledInnerGradientBox { background:#ffffff url('/public/images/box_home_verlauf.png') repeat-x top left; }
.box_home_black .box{ background:none; border:0; }
.overflowHidden {overflow:hidden;}
.clearfix:after, .container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; overflow:hidden; }
.clearfix, .container {display: block;}
.clear { clear:both; }
/* --------------------------------------------------------------
forms.css
* Sets up some default styling for forms
* Gives you classes to enhance your forms
Usage:
* For text fields, use class .title or .text
-------------------------------------------------------------- */
label { font-weight: bold; color: #999; }
fieldset { padding:1.4em; margin: 0 0 1.4em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size:1.2em; }
/* Form fields
-------------------------------------------------------------- */
input, button, select, option, textarea, form, a { font-family: Arial, sans-serif !important; }
button {cursor: pointer; }
.checkbox , .input_16, .input_24, .input_32, input[type=text],
input.text, input.title, textarea, select, .tokenArtist_input input { border-top: 2px solid #000; border-right: 2px solid #0a0a0a; border-left: 2px solid #0a0a0a; border-bottom: 2px solid #333; -moz-box-shadow:inset 1px 1px 3px #666; -moz-box-shadow:inset 1px 1px 3px #666; -webkit-box-shadow:inset 1px 1px 3px #666; background-color: #fff;}
#overlay .input_16, #overlay .input_24, #overlay .input_32, #overlay input[type=text],
#overlay input.text, #overlay input.title, #overlay textarea, #overlay select, #overlay .tokenArtist_input input { border-top: 2px solid #1a1a1a; border-right: 2px solid #222; border-left: 2px solid #222; border-bottom: 2px solid #555;}
.input_16 { height: 16px; line-height: 16px; }
.input_24 { height: 20px; line-height: 20px; padding: 2px 2px; font-size: 16px;}
.input_32 { height: 26px; line-height: 24px; padding: 4px 4px 2px 4px; font-size: 22px; }
.select_16 {height: 18px; padding:0px; font-size: 12px;}
.select_24 {height: 24px; padding:0px; font-size: 14px;}
input[type=text]:focus, input[type=password]:focus,
input.text:focus, input.title:focus,
textarea:focus, select:focus {
-moz-box-shadow:inset 1px 1px 5px #000; -moz-box-shadow:inset 1px 1px 5px #000; -webkit-box-shadow:inset 1px 1px 5px #000;
}
input[type=text],
input.text, input.title,
textarea, select {
margin:0 0;
}
input.text,
input.title { width: 300px; padding:5px; }
input.title { font-size:1.4em; }
textarea { width: 390px; }
input[type=checkbox], input[type=radio],
input.checkbox, input.radio {
position:relative; top:.25em; color:#999;
}
form.inline { line-height:3; }
form.inline p { margin-bottom:0; }
/* Success, notice and error boxes
-------------------------------------------------------------- */
.error,
.notice,
.success { padding: 5px; margin: 5px 0; border: 2px solid #ddd; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius:3px; border-radius: 3px;}
.error { color: #FF0000; border-color: #FF0000; }
.notice { color: #FFFF00; border-color: #FFFF00; }
.success { color: #00FF00; border-color: #00FF00; }
.error a { color: #8a1f11; }
.notice a { color: #514721; }
.success a { color: #264409; }
/* Shadow's / Outlines
-------------------------------------------------------------*/
.outline1px {padding:1px;width:58px;height:60px;border:1px solid #333;}
.shadow_30,.shadow_60,.shadow_120,.shadow_160,.shadow_180,.shadow_280,.shadow_130{ border-color: #333; border-style: solid; }
a:hover .shadow_30,a:hover .shadow_60,a:hover .shadow_120,a:hover .shadow_160,a:hover .shadow_180,a:hover .shadow_280,a:hover .shadow_130{ }
.shadow_30 { width: 30px; height: 30px; border-width: 1px}
.shadow_60 { width: 60px; height: 60px; border-width: 2px;}
.shadow_120 { width: 120px; height: 120px; border-width: 3px; }
.shadow_160 { width: 160px; height: 160px; border-width: 5px; }
.shadow_280 { width: 280px; height: 280px; border-width: 5px; }
/* Video */
.shadow_130 { width: 130px; height: 97px; }
/* BUTTON SET
------------------------------------------------------------------------------*/
.borderlessWhiteButton_24,
.orangeButton_16, .orangeButton_24, .orangeButton_32,
.grayButton_16, .grayButton_24, .grayButton_32,
.grayLightButton_16, .grayLightButton_24, .grayLightButton_32,
.greenButton_16, .greenButton_24, .greenButton_32 { position: relative; background: url('/public/yomusic/images/button_collection.png'); text-align: center; color: #FFFFFF; font-weight: bold; display: block; padding: 0px 5px; }
.buttonLeftLIndicator_24 { position:absolute;left: -24px; top: 4px; }
.grayButton_16, .grayButton_24, .grayButton_32 { color:#ddd; border: 1px solid #666; text-shadow: 0px -1px 0px #111;}
.grayButton_16 { font-size: 12px; font-weight: bold; line-height: 16px; background-position: 0 0; }
.grayButton_24 { font-size: 14px; font-weight: bold; line-height: 24px; background-position: 0 -42px; }
.grayButton_32 { font-size: 16px; font-weight: bold; line-height: 28px; background-position: 0 -100px; }
.grayLightButton_16, .grayLightButton_24, .grayLightButton_32 { color:#ddd; border: 1px solid #666; text-shadow: 0px -1px 0px #333; }
.grayLightButton_16 { font-size: 12px; font-weight: bold; line-height: 16px; background-position: 0 -174px; }
.grayLightButton_24 { font-size: 14px; font-weight: bold; line-height: 24px; background-position: 0 -216px; }
.grayLightButton_32 { font-size: 16px; font-weight: bold; line-height: 28px; background-position: 0 -274px; }
.greenButton_16, .greenButton_24, .greenButton_32 { color: #ddd; border: 1px solid #002A8C; text-shadow: 0px -1px 0px #666;}
.greenButton_16 { font-size: 12px; font-weight: bold; line-height: 16px; background-position: 0 -348px; }
.greenButton_24 { font-size: 14px; font-weight: bold; line-height: 24px; background-position: 0 -390px; }
.greenButton_32 { font-size: 16px; font-weight: bold; line-height: 28px; background-position: 0 -448px; }
.orangeButton_16, .orangeButton_24, .orangeButton_32 { color: #ddd; border: 1px solid #A70087; text-shadow: 0px -1px 0px #666;}
.orangeButton_16 { font-size: 12px; font-weight: bold; line-height: 16px; background-position: 0 -522px; }
.orangeButton_24 { font-size: 14px; font-weight: bold; line-height: 24px; background-position: 0 -564px; }
.orangeButton_32 { font-size: 16px; font-weight: bold; line-height: 28px; background-position: 0 -622px; }
.borderlessWhiteButton_24 { font-size: 13px; font-weight: bold; background:transparent; line-height: 24px; color: #FFF }
a:hover.grayButton_16,a:hover.grayButton_24,a:hover.grayButton_32,
button:hover.grayButton_16,button:hover.grayButton_24,button:hover.grayButton_32 { color:#fff; text-decoration: none; border-color: #999;}
a:hover.grayLightButton_16,a:hover.grayLightButton_24,a:hover.grayLightButton_32,
button:hover.grayLightButton_16,button:hover.grayLightButton_24,button:hover.grayLightButton_32 { color:#fff; text-decoration: none; border-color: #999; }
a:hover.greenButton_16,a:hover.greenButton_24,a:hover.greenButton_32,
button:hover.greenButton_16,button:hover.greenButton_24,button:hover.greenButton_32 { color:#fff; text-decoration: none; border-color: #3D6BDC; }
a:hover.orangeButton_16,a:hover.orangeButton_24,a:hover.orangeButton_32,
button:hover.orangeButton_16,button:hover.orangeButton_24,button:hover.orangeButton_32 { color:#fff; text-decoration: none; border-color: #CF52B5; }
a:active.grayButton_16, button:active.grayButton_16 { background-position: 0 -18px; }
a:active.grayButton_24, button:active.grayButton_24 { background-position: 0 -66px; }
a:active.grayButton_32, button:active.grayButton_32 { background-position: 0 -132px; }
a:active.grayLightButton_16, button:active.grayLightButton_16 { background-position: 0 -192px; }
a:active.grayLightButton_24, button:active.grayLightButton_24 { background-position: 0 -240px; }
a:active.grayLightButton_32, button:active.grayLightButton_32 { background-position: 0 -306px; }
a:active.greenButton_16, button:active.greenButton_16 { background-position: 0 -366px; }
a:active.greenButton_24, button:active.greenButton_24 { background-position: 0 -414px; }
a:active.greenButton_32, button:active.greenButton_32 { background-position: 0 -480px; }
a:active.orangeButton_16, button:active.orangeButton_16 { background-position: 0 -540px; }
a:active.orangeButton_24, button:active.orangeButton_24 { background-position: 0 -588px; }
a:active.orangeButton_32, button:active.orangeButton_32 { background-position: 0 -654px; }
a:focus.greenButton_16, a:focus.greenButton_24, a:focus.greenButton_32,
a:focus.grayButton_16, a:focus.grayButton_24, a:focus.grayButton_32,
a:focus.orangeButton_16, a:focus.orangeButton_24, a:focus.orangeButton_32,
a:focus.grayLightButton_16, a:focus.grayLightButton_24, a:focus.grayLightButton_32,
a:active.greenButton_16, a:active.greenButton_24, a:active.greenButton_32,
a:active.grayButton_16, a:active.grayButton_24, a:active.grayButton_32,
a:active.orangeButton_16, a:active.orangeButton_24, a:active.orangeButton_32,
a:active.grayLightButton_16, a:active.grayLightButton_24, a:active.grayLightButton_32,
a:visited.greenButton_16, a:visited.greenButton_24, a:visited.greenButton_32,
a:visited.grayButton_16, a:visited.grayButton_24, a:visited.grayButton_32,
a:visited.orangeButton_16, a:visited.orangeButton_24, a:visited.orangeButton_32,
a:visited.grayLightButton_16, a:visited.grayLightButton_24, a:visited.grayLightButton_32{ text-decoration: none; }
.orangeButton_16, .grayButton_16, .greenButton_16, .grayLightButton_16 { -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius:3px; border-radius: 3px; }
.orangeButton_24, .grayButton_24, .greenButton_24, .grayLightButton_24 { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius:4px; border-radius: 4px; }
.orangeButton_32, .grayButton_32, .greenButton_32, .grayLightButton_32 { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius:5px; border-radius: 5px; }
button.orangeButton_16, button.grayButton_16, button.greenButton_16, button.grayLightButton_16 { height: 18px; }
button.orangeButton_24, button.grayButton_24, button.greenButton_24, button.grayLightButton_24 { height: 26px; }
button.orangeButton_32, button.grayButton_32, button.greenButton_32, button.grayLightButton_32 { height: 34px; }
/* ICONS für Schaltflaechen
************************************/
.btn_arrow2Right_16, .btn_arrowRight_16, .bnt_playlist_24, .btn_flag, .btn_played_16, .btn_played, .btn_play_16, .btn_tracks_open,.btn_tracks_close, .btn_action_32, .filterLikeLink, .btn_search_24, .btn_play, .btn_icon_cart, .btn_icon_rmv_cart,.bnt_playlist, .btn_remove, .btn_open, .btn_close, .bnt_plus_small, .bnt_friend, .bnt_friend_dark, .bnt_share, .bnt_fav_dark, .bnt_fav_light, .bnt_tag, .bnt_message, .btn_delete, .btn_doublearrowRight_16, .btn_doublearrowLeft_16, .btn_setAsMainImage { background-image: url(/public/yomusic/images/iconset_web.png); background-repeat: no-repeat; font-size: 16px; }
.btn_icon_cart {background-position: 0 -3560px; height:16px; width:19px; padding:0 8px;margin-left:5px;}
a:hover .btn_icon_cart {background-position: 0 -3613px; }
.btn_icon_rmv_cart {background-position: 0 -3560px; height:19px; width:19px; padding:0 8px;margin-left:5px; }
a:hover .btn_icon_rmv_cart {background-position: 0 -3613px; }
.btn_open { background-position: right -259px; padding-right: 13px; }
.btn_close { background-position: right -231px; padding-right: 13px; }
.bnt_plus_small { background-position: 0px -3094px; padding-left: 13px; }
a:hover .bnt_plus_small { background-position: 0px -3145px; }
.bnt_friend { background-position: 0px -4305px; padding-left: 23px; }
a:hover .bnt_friend { background-position: 0px -4358px;}
.bnt_friend_dark { background-position: 0px -4305px; padding-left: 23px; }
a:hover .bnt_friend_dark { background-position: 0px -4358px;}
.bnt_share { background-position: 0px -903px; padding-left: 13px; }
.bnt_fav_light { background-position: 0 -3776px; padding: 0 2px 0 13px; }
a:hover .bnt_fav_light { background-position: 0 -3832px;}
.bnt_fav_dark { background-position: 0 -3776px; padding: 0 2px 0 13px; }
a:hover .bnt_fav_dark { background-position: 0px -3832px;}
.bnt_playlist_24 { background-position: 0px -1190px; padding-left: 13px; }
a:hover .bnt_playlist_24 { background-position: 0px -1162px; }
.bnt_playlist { background-position: 0px -3093px; padding-left: 13px; }
a:hover .bnt_playlist { background-position: 0px -3144px;}
.btn_remove { background-position: 0px -2600px; padding-left: 13px; }
a:hover .btn_remove { background-position: 0px -2650px; }
.bnt_message { background-position: 0px -4097px; padding-left: 17px; }
a:hover .bnt_message { background-position: 0px -4147px;}
.bnt_tag { background-position: 0px -998px; padding-left: 13px; }
.btn_search_24 { background-position: 0px -400px; height:26px; width:26px; border:0px; margin:0px; pading:0px; }
a:hover.btn_search_24, button:hover.btn_search_24 { background-position: 0px -464px; height:26px; width:26px; }
.btn_play { background-position: 0px -891px; padding-left: 5px; position:absolute; left:10px; top: 4px;}
a:hover .btn_play { background-position: 0px -946px; padding-left: 5px; position:absolute; left:10px; top: 4px; }
.btn_played { background-position: 0px -889px; padding-left: 5px; position:relative; left:-20px; }
a:hover .btn_played { background-position: 0px -944px; padding-left: 5px; position:relative; left:-20px; }
.btn_play_16 { background-position: 0px -722px; padding-left: 12px; }
a:hover .btn_play_16 { background-position: 0px -777px; padding-left: 12px; }
.btn_played_16 { background-position: 0px -722px; padding-left: 12px; }
a:hover .btn_played_16 { background-position: 0px -777px; padding-left: 12px; }
.btn_action_32 {padding:5px; background-position: 6px -1733px; }
button:hover .btn_action_32 { background-position: right 6px -1785px; }
.btn_tracks_open { background-position: 0px -1093px; padding-left: 15px; font-size: 12px;}
.btn_tracks_close { background-position: 0px -1189px; padding-left: 15px; font-size: 12px;}
.btn_flag { background-position: 0px -4411px; padding-left: 15px; }
a:hover .btn_flag { background-position: 0px -4466px; }
.btn_delete { background-position: 0px -2598px; padding-left: 5px; }
a:hover.btn_delete { background-position: 0px -2648px; text-decoration: none;}
.btn_arrowRight_16 {background-position: 7px -1591px; padding-left: 13px; }
a:hover .btn_arrowRight_16 {background-position: 7px -1639px;}
.btn_arrow2Right_16 {background-position: 6px -1738px; padding-left: 14px; }
a:hover .btn_arrow2Right_16 {background-position: 6px -1790px;}
.btn_doublearrowRight_16 {background-position: 4px -5346px; padding-left: 14px; }
a:hover .btn_doublearrowRight_16 {background-position: 4px -5396px;}
.btn_doublearrowLeft_16 {background-position: 4px -5446px; padding-left: 14px; }
a:hover .btn_doublearrowLeft_16 {background-position: 4px -5496px;}
.btn_setAsMainImage {background-position: 0px -5702px; padding-left: 20px; }
a:hover .btn_setAsMainImage {background-position: 0px -5755px;}
/* Cart Buttons
************************************/
.track_text_long_16 { width:118px; }
.track_text_long_24 { /* width:140px; */}
/* workaround play release*/
.releaseDetail .play a.icon_play_visited span { background-position: 0px -891px; }
.releaseDetail .play a:hover.icon_play_visited span { background-position: 0px -946px; }
.releaseDetail .play a.icon_play_visited { background: transparent url(/public/yomusic/images/button_collection.png) repeat scroll 0 -217px; color:#ccc; border: 1px solid #999999;}
.releaseDetail .play a:hover.icon_play_visited { color:#fff; text-decoration: none;}
.releaseDetail .play a:active.icon_play_visited { background-position: 0 -241px; }
.CartItemsList .releaseListItem_pl .trackListItem_s a.icon_play_visited {background:url("/public/yomusic/images/iconset_web.png"); background-position:0 -288px; border:0px solid #999999;}
.CartItemsList .releaseListItem_pl .trackListItem_s a:hover.icon_play_visited {background-position:0 -344px;}
.CartItemsList .releaseListItem_pl a.icon_play_visited,
#downloadTrackListing .releaseListItem_pl a.icon_play_visited { background: transparent url(/public/yomusic/images/button_collection.png) repeat scroll 0 -174px; color:#ccc; border: 1px solid #999999; }
.CartItemsList .releaseListItem_pl a:hover.icon_play_visited, #downloadTrackListing .releaseListItem_pl a:hover.icon_play_visited { color:#fff;}
.CartItemsList .releaseListItem_pl a.icon_play_visited .btn_play_16, #downloadTrackListing .releaseListItem_pl a.icon_play_visited .btn_play_16 { background-position: 0 -722px; }
.CartItemsList .releaseListItem_pl a:hover.icon_play_visited .btn_play_16, #downloadTrackListing .releaseListItem_pl a:hover.icon_play_visited .btn_play_16 { background-position:0 -2844px; }
.CartItemsList .releaseListItem_pl a:active.icon_play_visited { background-position: 0 -265px; }
.priceLabel { text-align:right; white-space:nowrap;}
/* Transparenzen
-------------------------------------------------------------*/
.transparent_25, .transparent25 { filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; opacity: 0.25;}
.transparent_50, .transparent50 { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.transparent_75, .transparent75 { filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75;}
.transparent_80, .transparent80 { filter:alpha(opacity=8); -moz-opacity:0.8; -khtml-opacity: 0.8; opacity: 0.8; }
.transparent_85, .transparent85 { filter:alpha(opacity=85); -moz-opacity:0.85; -khtml-opacity: 0.85; opacity: 0.85; }
.transparent_100, .transparent100 { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; }
/* Margin Helper
---------------------------------------------------------------*/
.noMargin {margin-bottom:0;}
.margin_1 {margin-bottom:1px;}
.margin_2 {margin-bottom:2px;}
.margin_3 {margin-bottom:3px;}
.margin_4 {margin-bottom:4px;}
.margin_5 {margin-bottom:5px;}
.margin_6 {margin-bottom:6px;}
.margin_7 {margin-bottom:7px;}
.margin_8 {margin-bottom:8px;}
.margin_9 {margin-bottom:9px;}
.margin_10 {margin-bottom:10px;}
.margin_11 {margin-bottom:11px;}
.margin_12 {margin-bottom:12px;}
.margin_13 {margin-bottom:13px;}
.margin_14 {margin-bottom:14px;}
.margin_15 {margin-bottom:15px;}
.margin_16 {margin-bottom:16px;}
.margin_17 {margin-bottom:17px;}
.margin_18 {margin-bottom:18px;}
.margin_19 {margin-bottom:19px;}
.margin_20 {margin-bottom:20px;}
.margin_21 {margin-bottom:21px;}
.margin_22 {margin-bottom:22px;}
.margin_23 {margin-bottom:23px;}
.margin_24 {margin-bottom:24px;}
.margin_25 {margin-bottom:25px;}
.margin_26 {margin-bottom:26px;}
.margin_27 {margin-bottom:27px;}
.margin_28 {margin-bottom:28px;}
.margin_29 {margin-bottom:29px;}
.margin_30 {margin-bottom:30px;}
.margin_31 {margin-bottom:31px;}
.margin_32 {margin-bottom:32px;}
.margin_55 {margin-bottom:55px;}
.marginTop_1 {margin-top:1px;}
.marginTop_2 {margin-top:2px;}
.marginTop_3 {margin-top:3px;}
.marginTop_4 {margin-top:4px;}
.marginTop_5 {margin-top:5px;}
.marginTop_6 {margin-top:6px;}
.marginTop_7 {margin-top:7px;}
.marginTop_8 {margin-top:8px;}
.marginTop_9 {margin-top:9px;}
.marginTop_10 {margin-top:10px;}
.marginTop_11 {margin-top:11px;}
.marginTop_12 {margin-top:12px;}
.marginTop_13 {margin-top:13px;}
.marginTop_14 {margin-top:14px;}
.marginTop_15 {margin-top:15px;}
.marginTop_16 {margin-top:16px;}
.marginTop_17 {margin-top:17px;}
.marginTop_18 {margin-top:18px;}
.marginTop_19 {margin-top:19px;}
.marginTop_20 {margin-top:20px;}
.marginLeft_10 {margin-left:10px;}