@font-face {
font-family: "Vibrocentric";
src: local("Vibrocentric"), url("../fonts/vibrocen.ttf") format("truetype"); }

@font-face {
font-family: "pulse sans";
src: local("pulse sans"), url("../fonts/Pulse.ttf") format("truetype"); }

@-webkit-keyframes highlgtng_g { 50% { color:#111; } 65% { color:#9c3; } 85% { color:#9c3; } 100% { color:#111; } }
@-moz-keyframes highlgtng_g { 50% { color:#111; } 65% { color:#9c3; } 85% { color:#9c3; } 100% { color:#111; } }
@-o-keyframes highlgtng_g { 50% { color:#111; } 65% { color:#9c3; } 85% { color:#9c3; } 100% { color:#111; } }
@keyframes highlgtng_g { 50% { color:#111; } 65% { color:#9c3; } 85% { color:#9c3; } 100% { color:#111; } }

@-webkit-keyframes highlgtng_b { 50% { color:#111; } 65% { color:#508ecb; } 85% { color:#508ecb; } 100% { color:#111; } }
@-moz-keyframes highlgtng_b { 50% { color:#111; } 65% { color:#508ecb; } 85% { color:#508ecb; } 100% { color:#111; } }
@-o-keyframes highlgtng_b { 50% { color:#111; } 65% { color:#508ecb; } 85% { color:#508ecb; } 100% { color:#111; } }
@keyframes highlgtng_b { 50% { color:#111; } 65% { color:#508ecb; } 85% { color:#508ecb; } 100% { color:#111; } }

@-webkit-keyframes highlgtng_w { 50% { color:#111; } 65% { color:#fff; } 85% { color:#fff; } 100% { color:#111; } }
@-moz-keyframes highlgtng_w { 50% { color:#111; } 65% { color:#fff; } 85% { color:#fff; } 100% { color:#111; } }
@-o-keyframes highlgtng_w { 50% { color:#111; } 65% { color:#fff; } 85% { color:#fff; } 100% { color:#111; } }
@keyframes highlgtng_w { 50% { color:#111; } 65% { color:#fff; } 85% { color:#fff; } 100% { color:#111; } }

body {
margin:0px;
padding:0px;
font-family: verdana, sans-serif;
// font-family: georgia, serif;
// font-family: Menlo, Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace;
font-size:10px;
color:#bbb;
text-shadow: 0px 1px 0px #111;
background:url(../images/r2.png) repeat, #9c3 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7F9A7), to(#9C3)) repeat-x;
background:url(../images/r2.png) repeat, #9c3 -webkit-linear-gradient(top, #E7F9A7, #9C3) repeat-x;
background:url(../images/r2.png) repeat, #9c3 -moz-linear-gradient(top, #E7F9A7, #9C3) repeat-x;
background:url(../images/r2.png) repeat, #9c3 -ms-linear-gradient(top, #E7F9A7, #9C3) repeat-x;
background:url(../images/r2.png) repeat, #9c3 -o-linear-gradient(top, #E7F9A7, #9C3) repeat-x;
background:url(../images/r2.png) repeat, #9c3 linear-gradient(top, #E7F9A7, #9C3) repeat-x;
/*
background-color:#9c3;
background-repeat:repeat,no-repeat;
background-image:url(../images/r.png),-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7F9A7), to(#9C3));
background-image:url(../images/r.png),-webkit-linear-gradient(top, #E7F9A7, #9C3);
background-image:url(../images/r.png),-moz-linear-gradient(top, #E7F9A7, #9C3);
background-image:url(../images/r.png),-ms-linear-gradient(top, #E7F9A7, #9C3);
background-image:url(../images/r.png),-o-linear-gradient(top, #E7F9A7, #9C3);
background-image:url(../images/r.png),linear-gradient(top, #E7F9A7, #9C3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E7F9A7', endColorstr='#9C3');
*/
}

::selection, ::-moz-selection {
color:#ccc;
background-color:#9c3;
text-shadow:none; }

.gbgSB {
display:none;
position:absolute;
padding:15px;
// border:5px solid #202020;
border-radius:15px;
background-color:#333;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#111), color-stop(.2,#202020));
background:-webkit-linear-gradient(top, #333, #202020 20%, #111);
background:-moz-linear-gradient(top, #333, #202020 20%, #111);
background:-ms-linear-gradient(top, #333, #202020 20%, #111);
background:-o-linear-gradient(top, #333, #202020 20%, #111);
background:linear-gradient(top, #333, #202020 20%, #111);
// background:rgba(0,0,0,0.75);
z-index:99;
// -webkit-box-shadow: inset 0px 1px 2px #111, 0px 1px 2px #111;
-webkit-box-shadow: 0px 5px 10px #000;
-moz-box-shadow: 0px 5px 10px #000;
-ms-box-shadow: 0px 5px 10px #000;
-o-box-shadow: 0px 5px 10px #000;
box-shadow: 0px 5px 10px #000;
// -webkit-transition: all 0.5s ease-in-out;
}

.gbgSB > .SBhead {
position:relative;
margin:0px;
margin:-5px -10px;
margin-bottom:10px;
padding:0px 20px;
height:20px;
// border-radius:10px;
// background-color:#9c3;
font-size:16px;
color:#9c3; }

.SBhead > .close {
cursor:pointer;
position:absolute;
top:-10px;
right:-5px;
padding:3px;
width:24px;
height:24px;
border-radius:15px;
background-color:#9c3;
text-align:center;
font-size:18px;
color:#000; }

.ComSB .close, .ComSB_ .close {
top:-30px;
right:15px; }

.gbgSB {
width:510px;
height:325px; }

.ComSB, .ComSB_ {
position:relative;
background-color:#111;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#000), to(#000), color-stop(25px,#111), color-stop(475px,#111));
background:-webkit-linear-gradient(top, #000, #111 25px, #111 475px, #000);
background:-moz-linear-gradient(top, #202020, #111 25px, #111 475px, #000);
background:-ms-linear-gradient(top, #202020, #111 25px, #111 475px, #000);
background:-o-linear-gradient(top, #202020, #111 25px, #111 475px, #000);
background:linear-gradient(top, #202020, #111 25px, #111 475px, #000); }

.ComSB {
margin-bottom:25px;
padding:25px 0px;
height:450px;
opacity:1;
-webkit-transition: all 0.5s ease-in-out, opacity 0.5s 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out, opacity 0.5s 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out, opacity 0.5s 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out, opacity 0.5s 0.5s ease-in-out;
transition: all 0.5s ease-in-out, opacity 0.5s 0.5s ease-in-out; }

.ComSB_ {
margin-bottom:0px;
padding:0px;
height:0px;
opacity:0;
-webkit-transition: all 0.5s 0.5s ease-in-out, opacity 0.5s ease-in-out;
-moz-transition: all 0.5s 0.5s ease-in-out, opacity 0.5s ease-in-out;
-ms-transition: all 0.5s 0.5s ease-in-out, opacity 0.5s ease-in-out;
-o-transition: all 0.5s 0.5s ease-in-out, opacity 0.5s ease-in-out;
transition: all 0.5s 0.5s ease-in-out, opacity 0.5s ease-in-out; }

#com_sbf {
width:100%;
height:100%;
border:0px; }

/*
#site {
margin:auto;
width:900px;
height:100%;
border:1px solid #000;
border-top-right-radius:170px 150px;
border-bottom-left-radius:100px;
background-color:#000;
// -webkit-box-shadow:0px 0px 25px #000;
// -webkit-box-reflect: below 5px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.82,transparent), to(black));
// -webkit-box-reflect: below 5px -webkit-gradient(linear, 0% 66%, 0% 100%, from(transparent), to(#fff))
}
*/

#site_cnt {
position:relative;
margin:15px auto; /* 10px */
padding-left:190px;
padding-right:190px;
width:900px;
border-top-right-radius:170px 150px; /* 170px 152px */
border-bottom-left-radius:100px; }

#site {
position:relative;
width:900px;
border:1px solid #000;
border-top-right-radius:170px 150px; /* 170px 152px */
border-bottom-left-radius:100px;
background-color:#000;
// -webkit-box-shadow:0px 0px 25px #000;
// -webkit-box-reflect: below 5px -webkit-gradient(linear, 0 0, 0 100%, from(transparent), color-stop(.82,transparent), to(black));
}

#site_lft {
position:absolute;
top:166px;
left:0px;
margin:10px;
padding:5px;
width:160px;
// height:310px;
border-radius:30px;
background-color:transparent;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.2)), to(transparent), color-stop(.4,rgba(255,255,255,0.2)), color-stop(.4,transparent)) no-repeat;
background:-webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
background:-moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
background:-ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
background:-o-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
background:linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
-webkit-box-shadow:0px 1px 2px #000;
-moz-box-shadow:0px 1px 2px #000;
-ms-box-shadow:0px 1px 2px #000;
-o-box-shadow:0px 1px 2px #000;
box-shadow:0px 1px 2px #000;
text-align:center; }

#site_lft > div {
margin:0px;
padding:5px;
width:150px;
// height:300px;
border-radius:25px;
background-color:#111;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#111)) no-repeat;
background:-webkit-linear-gradient(top, #202020, #111) no-repeat;
background:-moz-linear-gradient(top, #202020, #111) no-repeat;
background:-ms-linear-gradient(top, #202020, #111) no-repeat;
background:-o-linear-gradient(top, #202020, #111) no-repeat;
background:linear-gradient(top, #202020, #111) no-repeat; }

/* -------------------------------------------------- */

#heading {
width:100%;
height:150px;
border-top-right-radius:170px 150px; /* 170px 152px */
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#808080), to(#000), color-stop(.4,#202020), color-stop(.41,#000)) no-repeat;
background:-webkit-linear-gradient(top, #808080, #202020 40%, #000 41%, #000) no-repeat;
background:-moz-linear-gradient(top, #808080, #202020 40%, #000 41%, #000) no-repeat;
background:-ms-linear-gradient(top, #808080, #202020 40%, #000 41%, #000) no-repeat;
background:-o-linear-gradient(top, #808080, #202020 40%, #000 41%, #000) no-repeat;
background:linear-gradient(top, #808080, #202020 40%, #000 41%, #000) no-repeat; }

#main {
display:table;
width:100%;
// text-shadow:-1px 1px 1px #000,1px 1px 1px #ccc;
}

#main > div {
display:inline;
vertical-align:bottom; }

#foot {
width:100%;
height:100px;
border-bottom-left-radius:100px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#000), color-stop(.6,#101010)) no-repeat;
background:-webkit-linear-gradient(top, #202020, #101010 60%, #000) no-repeat;
background:-moz-linear-gradient(top, #202020, #101010 60%, #000) no-repeat;
background:-ms-linear-gradient(top, #202020, #101010 60%, #000) no-repeat;
background:-o-linear-gradient(top, #202020, #101010 60%, #000) no-repeat;
background:linear-gradient(top, #202020, #101010 60%, #000) no-repeat;
text-align:center; }

#foot > * {
display:inline-block;
vertical-align:middle; }
/* opacity:0.5;

#foot > *:hover {
opacity:1; }
*/

#bottom_l .shad {
display:block;
margin-bottom:5px;
border-top:1px solid #000;
border-bottom:1px solid #333; }

#foot #bottom_l, #foot #bottom_r {
width:176px; }

#foot #bottom_l {
margin-left:20px;
text-align:right; }

#foot #bottom_m {
margin:20px 10px;
width:468px;
height:60px; }

#foot #bottom_r {
margin-right:20px;
text-align:center; }

#below {
display:block;
margin:10px;
// margin:10px 0px 0px 75px;
// width:817px;
text-align:center; }

/*
#below > div {
display:block;
margin:5px;
padding:5px;
border-radius:30px;
background-color:rgba(0,0,0,0.1);
-webkit-box-shadow:inset 0px 1px 2px #000;
-moz-box-shadow:inset 0px 1px 2px #000;
-ms-box-shadow:inset 0px 1px 2px #000;
-o-box-shadow:inset 0px 1px 2px #000;
box-shadow:inset 0px 1px 2px #000;
text-align:center;
vertical-align:top; }
*/

#below div.custom {
display:inline-block;
margin:0px auto;
padding:5px;
border-radius:20px;
background-color:transparent;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.2)), to(transparent), color-stop(.4,rgba(255,255,255,0.2)), color-stop(.4,transparent)) no-repeat;
background:-webkit-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
background:-moz-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
background:-ms-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
background:-o-linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
background:linear-gradient(top, rgba(255,255,255,0.2), rgba(255,255,255,0.2) 40%, transparent 40%, transparent) no-repeat;
-webkit-box-shadow:0px 1px 2px #000;
-moz-box-shadow:0px 1px 2px #000;
-ms-box-shadow:0px 1px 2px #000;
-o-box-shadow:0px 1px 2px #000;
box-shadow:0px 1px 2px #000;
text-align:center; }

#below div.custom p {
margin:0px;
padding:10px;
border-radius:15px;
background-color:#111;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#111)) no-repeat;
background:-webkit-linear-gradient(top, #202020, #111) no-repeat;
background:-moz-linear-gradient(top, #202020, #111) no-repeat;
background:-ms-linear-gradient(top, #202020, #111) no-repeat;
background:-o-linear-gradient(top, #202020, #111) no-repeat;
background:linear-gradient(top, #202020, #111) no-repeat; }

/* -------------------------------------------------- */

.headtxt, .headslg, .headlogo, .headwn, .lng {
position:absolute;
color:transparent;
text-shadow:none; }

.headwn {
top:-25px;
left:745px;
width:100px;
height:100px;
background: url(../images/headwn.png) no-repeat; }

.lng {
top:85px; /* 95 */
left:40px;
padding:10px 15px;
border-radius:20px;
background-color:#202020;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#111)) no-repeat;
background:-webkit-linear-gradient(top, #202020, #111) no-repeat;
background:-moz-linear-gradient(top, #202020, #111) no-repeat;
background:-ms-linear-gradient(top, #202020, #111) no-repeat;
background:-o-linear-gradient(top, #202020, #111) no-repeat;
background:linear-gradient(top, #202020, #111) no-repeat; }

.lng .lang-active {
opacity:.5; }

.headtxt {
top:25px; /* 30 */
left:30px;
font-family:Vibrocentric,verdana,helvetica,sans-serif;
font-size:58px;
letter-spacing:3px; }

.headslg {
top:90px;
left:165px;
font-family:Vibrocentric,verdana,helvetica,sans-serif;
font-size:22px;
letter-spacing:3px; }

.headlogo {
right:100px;
font-family:pulse sans,verdana,helvetica,sans-serif;
font-size:134px; }

.headtxt > span, .headslg > span, .headlogo > span {
position:absolute;
text-shadow:0px 0px 50px #000; }

.headtxt > div, .headslg > div, .headlogo > div {
position:relative; }

#heading .head_g {
background-color:#9c3;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7F9A7), to(#9C3), color-stop(.4,#A9D34D), color-stop(.41,#9c3)) no-repeat;
background:-webkit-linear-gradient(top, #E7F9A7, #A9D34D 40%, #9c3 41%, #9C3) no-repeat;
background:-moz-linear-gradient(top, #E7F9A7, #A9D34D 40%, #9c3 41%, #9C3) no-repeat;
background:-ms-linear-gradient(top, #E7F9A7, #A9D34D 40%, #9c3 41%, #9C3) no-repeat;
background:-o-linear-gradient(top, #E7F9A7, #A9D34D 40%, #9c3 41%, #9C3) no-repeat;
background:linear-gradient(top, #E7F9A7, #A9D34D 40%, #9c3 41%, #9C3) no-repeat; }
#heading .head_lg {
background-color:#9c3;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7F9A7), to(#9C3)) no-repeat;
background:-webkit-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-moz-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-ms-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-o-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:linear-gradient(top, #E7F9A7, #9C3) no-repeat; }
#heading .head_s {
background-color:#c0c0c0;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#C0C0C0)) no-repeat;
background:-webkit-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-moz-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-ms-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-o-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:linear-gradient(top, #FFF, #C0C0C0) no-repeat; }
#heading .head_g, #heading .head_lg, #heading .head_s {
margin:0px -30px;
padding:0px 30px;
-webkit-background-clip:text;
-moz-background-clip:text;
-o-background-clip:text;
-ms-background-clip:text;
background-clip:text; }

/* -------------------------------------------------- */

#left, #middle, #right {
background-color:#202020; }

#left, #right {
width:160px;
height:530px;
padding:10px;
-webkit-box-shadow: 0px -1px 1px #000;
-moz-box-shadow: 0px -1px 1px #000;
-ms-box-shadow: 0px -1px 1px #000;
-o-box-shadow: 0px -1px 1px #000;
box-shadow: 0px -1px 1px #000; }

#left {
float:left;
text-align:left;
border-top-right-radius:50px 30px; }

#right {
float:right;
text-align:right;
border-top-left-radius:50px 30px; }

#left > h2, #right > h2, #site_lft h2 {
color:#111;
text-align:center;
text-shadow:0px 1px 2px #333; }

#left > h2, #right > h2 {
-webkit-animation: highlgtng_g 10s infinite ease-in;
-moz-animation: highlgtng_g 10s infinite ease-in;
-o-animation: highlgtng_g 10s infinite ease-in;
animation: highlgtng_g 10s infinite ease-in; }
/*
#left > h2 {
-webkit-animation: highlgtng_b 10s infinite ease-in;
-moz-animation: highlgtng_b 10s infinite ease-in;
-o-animation: highlgtng_b 10s infinite ease-in;
animation: highlgtng_b 10s infinite ease-in; }

#right > h2 {
-webkit-animation: highlgtng_w 10s 2.5s infinite ease-in;
-moz-animation: highlgtng_w 10s 2.5s infinite ease-in;
-o-animation: highlgtng_w 10s 2.5s infinite ease-in;
animation: highlgtng_w 10s 2.5s infinite ease-in; }
*/
#site_lft h2 {
color:#9c3; }

/*
#left > h2 {
margin-left:25px;
text-align:left; }

#right > h2 {
margin-right:25px;
text-align:right; }
*/
#left > div, #right > div {
margin-top:5px;
margin-bottom:15px;
border-radius:25px;
-webkit-box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333;
-moz-box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333;
-ms-box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333;
-o-box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333;
box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333; }

#middle {
float:left;
margin-top:25px;
width:540px;
height:525px;
overflow-y:hidden; }

#men {
position:absolute;
width:540px;
height:50px;
margin-top:-25px;
border-radius:25px;
background-color:#000;
text-align:center;
z-index:98; }

#menn {
background-color:#111;
-webkit-box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #202020;
-moz-box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #202020;
-ms-box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #202020;
-o-box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #202020;
box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #202020; }
#menn:hover {
-webkit-box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #9c3;
-moz-box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #9c3;
-ms-box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #9c3;
-o-box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #9c3;
box-shadow: inset 0px -1px 2px #000, 0px 1px 1px #9c3; }

#cur {
width:530px;
height:25px;
margin-top:35px;
padding:5px;
border-radius:25px;
text-align:center;
background-color:#111;
-webkit-box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333;
-moz-box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333;
-ms-box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333;
-o-box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333;
box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333; }

#con {
position:relative;
width:540px;
height:444px;
margin-top:10px;
padding:0px;
border-radius:25px;
border-bottom-right-radius:0px;
text-align:justify;
overflow:hidden;
background-color:#111;
-webkit-box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333;
-moz-box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333;
-ms-box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333;
-o-box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333;
box-shadow: inset 0px 1px 2px #000, 0px 1px 1px #333; }

#con:hover {
border-top-right-radius:0px;
border-bottom-right-radius:0px; }

#qinf, #com {
position:relative;
padding:10px;
height:424px;
overflow:hidden; }

#com:hover {
overflow-y:auto; }

#qinf {
margin-top:-444px;
opacity:0;
-webkit-transition:margin-top 0.5s ease-in-out, opacity 0.5s 0.25s ease-in-out;
-moz-transition:margin-top 0.5s ease-in-out, opacity 0.5s 0.25s ease-in-out;
-ms-transition:margin-top 0.5s ease-in-out, opacity 0.5s 0.25s ease-in-out;
-o-transition:margin-top 0.5s ease-in-out, opacity 0.5s 0.25s ease-in-out;
transition:margin-top 0.5s ease-in-out, opacity 0.5s 0.25s ease-in-out; }
.qopen > #qinf {
margin-top:0px;
opacity:1; }

/* -------------------------------------------------- */
/* -------------------------------------------------- */

h1 {
font-size:20px; }

h2, h3 {
margin:0px;
padding:0px;
font-size:13px;
font-weight:normal; }

a {
text-decoration:none; }

a:link, a:visited {
color:#9c3; }

.agenda a:link, .agenda a:visited, .artists a:link, .artists a:visited, .shows a:link, .shows a:visited {
color:#808080; }

h2 a:link, h2 a:visited, .menu a:link, .menu a:visited {
color:#bbb; }

a.green:link, a.green:visited, .green {
color:#9c3; }

a.blue:link, a.blue:visited, .blue {
color:#508ecb; }

a.white:link, a.white:visited, .white {
color:#fff; }

a.blue:hover, a.white:hover, a:hover, h2 a:hover, .menu a:hover, .agenda a:hover, .artists a:hover, .shows a:hover {
color:#9c3; }

a.blue:active, a.white:active, a:active {
color:#111; }

.green::selection, .green::-moz-selection {
background-color:#9c3; }

.blue::selection, .blue::-moz-selection {
background-color:#508ecb; }

.white::selection, .white::-moz-selection {
background-color:#fff; }

input[type="text"], input[type="password"], input[type="file"], textarea {
padding:5px;
outline:none;
border:1px solid #111;
border-radius:15px;
color:inherit;
background:rgba(0, 0, 0, 0.8) -webkit-gradient(linear, 0% 0%, 0% 100%, from(#111), to(#202020)) no-repeat;
background:rgba(0, 0, 0, 0.8) -webkit-linear-gradient(top, #111, #202020) no-repeat;
background:rgba(0, 0, 0, 0.8) -moz-linear-gradient(top, #111, #202020) no-repeat;
background:rgba(0, 0, 0, 0.8) -ms-linear-gradient(top, #111, #202020) no-repeat;
background:rgba(0, 0, 0, 0.8) -o-linear-gradient(top, #111, #202020) no-repeat;
background:rgba(0, 0, 0, 0.8) linear-gradient(top, #111, #202020) no-repeat;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, textarea:hover, textarea:focus {
-webkit-box-shadow:0px 0px 5px #9c3;
-moz-box-shadow:0px 0px 5px #9c3;
-ms-box-shadow:0px 0px 5px #9c3;
-o-box-shadow:0px 0px 5px #9c3;
box-shadow:0px 0px 5px #9c3; }

input[type="button"], input[type="submit"], button {
color:#000;
border:1px solid #111;
border-radius:15px;
background-color:#c0c0c0;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#C0C0C0)) no-repeat;
background:-webkit-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-moz-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-ms-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-o-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:linear-gradient(top, #FFF, #C0C0C0) no-repeat; }

input[type="button"]:hover, input[type="submit"]:hover, button:hover {
background-color:#9c3;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7F9A7), to(#9C3)) no-repeat;
background:-webkit-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-moz-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-ms-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-o-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:linear-gradient(top, #E7F9A7, #9C3) no-repeat; }

.prefield {
margin-right:-27px;
padding-right:30px !important; }

/*
input[type="button"], button {
padding:10px;
color:#888;
border:0px;
border-radius:20px;
background-color:#111;
-webkit-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333; }

input[type="button"]:hover, button:hover {
text-shadow:0px 0px 5px #9c3;
-webkit-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #9c3; }
*/

fieldset {
display:inline;
margin:0px;
padding:0px;
border:0px; }

fieldset > legend {
margin:0px;
padding:0px;
font-size:13px;
font-weight:normal; }

/* -------------------------------------------------- */

#men {
font-size:16px;
letter-spacing:1px;
text-shadow:none; }

#men ul.menu {
width:520px;
margin:0px;
padding:0px 10px;
padding-top:15px;
list-style-type:none; }

#men .menu li {
display:inline-block;
margin:0px;
padding:0px;
vertical-align:top; }

#men .menu a, #men .menu span {
margin:0px;
padding:5px 10px; }

#men .menu > li.active > *:first-child {
color:#000;
border-radius:15px;
background-color:#9c3;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7F9A7), to(#9C3)) no-repeat;
background:-webkit-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-moz-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-ms-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-o-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:linear-gradient(top, #E7F9A7, #9C3) no-repeat; }

#men .menu .parent li.active > a {
color:#000;
border-radius:15px;
background-color:#c0c0c0;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#C0C0C0)) no-repeat;
background:-webkit-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-moz-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-ms-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:-o-linear-gradient(top, #FFF, #C0C0C0) no-repeat;
background:linear-gradient(top, #FFF, #C0C0C0) no-repeat; }

#men .menu ul {
visibility:hidden;
position:relative;
bottom:50px; /* 48 ohne padding-bottom */
margin:0px -260px;
margin-bottom:-10px;
padding:0px;
padding-bottom:10px;
font-size:13px;
list-style-type:none;
opacity:0;
-webkit-transition: visibility 0.05s ease-in-out, opacity 0.1s 0.25s ease-in-out;
-moz-transition: visibility 0.05s ease-in-out, opacity 0.1s 0.25s ease-in-out;
-ms-transition: visibility 0.05s ease-in-out, opacity 0.1s 0.25s ease-in-out;
-o-transition: visibility 0.05s ease-in-out, opacity 0.1s 0.25s ease-in-out;
transition: visibility 0.05s ease-in-out, opacity 0.1s 0.25s ease-in-out; }

#men .menu:hover > li.active > ul {
visibility:hidden;
z-index:0;
opacity:0; }

#men .menu > li:hover > ul, #men .menu > li.active > ul, #men .menu > li.active:hover > ul {
visibility:visible;
z-index:1;
opacity:1; }

/* -------------------------------------------------- */

#bottom_l .custom {
padding:5px;
text-align:right; }

#foot .social-links {
display:inline-block; }

#foot .nl-sub {
display:block; }

#foot input {}

#foot .maddy {
width:130px; }

#foot .social-plugins {}

#foot .social-plugins > div {
display:inline-block;
vertical-align:top; }

.bannergroup {
margin:0px;
padding:0px; }

/* -------------------------------------------------- */

.system-unpublished, tr.system-unpublished {
background: transparent;
border: 0px; }

.items-leading, .items-row, .item-page {
color:#888; }

.items-leading, .items-row, .items-more, .item-page, .archive {
line-height:150%; }

.items-leading, .items-more, .item-page, .filters, .pagination {
position:relative;
display:block;
padding:10px;
border-radius:15px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(32,32,32,0.8)), to(rgba(16,16,16,0.8))) no-repeat;
background:-webkit-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-moz-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-ms-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-o-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-moz-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-ms-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-o-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000; }

.items-leading {
margin-bottom:10px; }

.items-more {
margin-top:10px; }

.filters > legend {
display:none; }

.pagination p {
display:inline-block; }

.pagination > ul {
display:inline-block;
padding:0px;
list-style-type:none; }

.pagination li {
display:inline;
margin:0px 5px; }

.items-row, #archive-items {
padding:0px;
border-radius:15px;
border-bottom-right-radius:0px;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
-ms-box-shadow:0px 0px 5px #000;
-o-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000; }

.items-row .item, #archive-items > li {
position:relative;
display:block;
padding:10px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(32,32,32,0.8)), to(rgba(16,16,16,0.8))) no-repeat;
background:-webkit-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-moz-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-ms-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-o-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-moz-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-ms-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-o-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

.items-row .item:first-child, #archive-items > li:first-child {
border-top-left-radius:15px;
border-top-right-radius:15px; }

.items-row div.item:last-of-type, .items-row .item:last-child, #archive-items > li:last-child {
border-bottom-left-radius:15px; }

.items-leading > div, .item-page {}

.items-leading h2 a, .items-row h2 a, .item-page a, #archive-items > li h2 a {
text-overflow:ellipsis;
white-space:nowrap; }

.article-info {
margin:0px;
margin-bottom:10px;
padding:0px;
color:#333; }
/*
color:#555;
font-style:italic;
*/

.article-info > dt {
display:none; }

.article-info > dd {
margin:0px;
padding:0px; }

.items-leading img, .items-row img, .item-page img, .archive img {
border-radius:10px;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
-ms-box-shadow:0px 0px 5px #000;
-o-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000; }

.items-leading li, .items-row li, .items-more li, .item-page li, #archive-items li {
list-style-type:none; }

.icons {
display:none; }

.readmore {
margin:10px; }

.item-separator {}

.row-separator {}

.pagenav {}

.pagination {}

.tdj {
color:#9c3; }

.interview {
color: #99cc33;
font-weight: bold; }

.contentimage {
margin-right:10px; }
.contentimage_center {
margin-bottom:10px; }
.contentimage_right {
margin-left:10px;
text-align:right; }

/* -------------------------------------------------- */

.login, .login + div, .logout {
margin:0px;
text-align:center; }

.login .control-group {
margin-bottom:20px; }

.login .controls {
text-align:center; }

.login .control-group > div > * {
display:block;
font-size:16px; }

.login .control-group input[type="checkbox"] {
display:inline-block; }

.login .control-group label {
margin-bottom:10px; }

.login .control-group input {
padding:10px;
text-align:center; }

.login + div ul {
padding:0px;
list-style-type:none; }

/* -------------------------------------------------- */

.chooser {
text-align:center;
line-height:150%;
font-size:16px; }

/* -------------------------------------------------- */

div.artist, .category tr, .search {
position:relative;
display:block;
padding:10px;
margin-bottom:10px;
border-radius:15px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(32,32,32,0.8)), to(rgba(16,16,16,0.8))) no-repeat;
background:-webkit-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-moz-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-ms-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-o-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-moz-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-ms-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-o-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000; }

div.artist {
white-space:nowrap; }

div.artist:last-child {
margin-bottom:0px; }

div.artist > div {
display:inline-block;
vertical-align:top; }

div.artist .img {
position:relative;
width:75px;
height:75px;
overflow:hidden;
border-radius:10px;
background-size:75px 75px;
background-repeat:no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-moz-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-ms-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-o-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-webkit-transition: all 0.25s 0.35s ease-in-out;
-moz-transition: all 0.25s 0.35s ease-in-out;
-ms-transition: all 0.25s 0.35s ease-in-out;
-o-transition: all 0.25s 0.35s ease-in-out;
transition: all 0.25s 0.35s ease-in-out; }

div.artist:hover .img, div.view_ca .img {
width:150px;
height:150px;
border-radius:10px;
background-size:150px 150px; }
/*
div.artist .about {
position:absolute;
top:37px;
bottom:37px;
left:0px;
right:0px;
padding:0px 10px;
opacity:0;
overflow:hidden;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(32,32,32,0.8)), to(rgba(16,16,16,0.8))) no-repeat;
background: -webkit-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -moz-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -ms-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -o-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
-ms-box-shadow:0px 0px 5px #000;
-o-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000;
-webkit-transition: all 0.25s 0.35s ease-in-out;
-moz-transition: all 0.25s 0.35s ease-in-out;
-ms-transition: all 0.25s 0.35s ease-in-out;
-o-transition: all 0.25s 0.35s ease-in-out;
transition: all 0.25s 0.35s ease-in-out; }

div.artist .img:hover .about {
top:25px;
bottom:25px;
padding:20px 10px;
opacity:1; }
*/
div.artist .inf {
margin:0px 10px; }

div.artist .inf * {
display:block; }

div.artist .inf .alias {
font-size:16px; }

div.artist .inf .location {
font-style:italic; }

div.artist .inf .link * {
display:inline-block; }

div.artist .link, div.artist .more {
display:block;
height:0;
opacity:0;
overflow:hidden; }

div.artist .link {
-webkit-transition: all 0.25s 0.5s ease-in-out;
-moz-transition: all 0.25s 0.5s ease-in-out;
-ms-transition: all 0.25s 0.5s ease-in-out;
-o-transition: all 0.25s 0.5s ease-in-out;
transition: all 0.25s 0.5s ease-in-out; }

div.artist .view {
cursor:pointer;
position:absolute;
right:0px;
top:0px;
padding:20px;
opacity:0;
color:#9c3;
font-size:20px;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
-o-transform:rotate(90deg);
transform:rotate(90deg); }

div.view_ca .view {
-webkit-transform:rotate(-90deg);
-moz-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
-o-transform:rotate(-90deg);
transform:rotate(-90deg); }

div.artist .view:before, div.view_ca .view:before {
content:'⟩'; }
/* ⬇⟩⌃ */

div.artist .view, div.view_ca .view, div.artist .more {
-webkit-transition: opacity 0.25s ease-in-out;
-moz-transition: opacity 0.25s ease-in-out;
-ms-transition: opacity 0.25s ease-in-out;
-o-transition: opacity 0.25s ease-in-out;
transition: opacity 0.25s ease-in-out; }

div.artist:hover .link, div.view_ca .link, div.artist:hover .view, div.view_ca .more {
height:auto;
opacity:1; }

div.artist .more > span {
display:block;
margin:5px;
margin-top:10px;
font-size:13px;
font-weight:normal; }

div.artist .more > p {
display:block;
margin:0px;
padding:5px;
border-radius:5px;
background-color:rgba(0,0,0,0.25); }

/* -------------------------------------------------- */

div.shows {
border-radius:15px;
border-bottom-right-radius:0px;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
-ms-box-shadow:0px 0px 5px #000;
-o-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000; }

div.show {
position:relative;
display:block;
padding:10px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(32,32,32,0.8)), to(rgba(16,16,16,0.8))) no-repeat;
background: -webkit-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -moz-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -ms-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -o-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-moz-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-ms-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-o-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.labelshow {
min-height:200px; }

div.show:first-child {
border-top-left-radius:15px;
border-top-right-radius:15px; }

div.show:last-child {
border-bottom-left-radius:15px;
-webkit-box-shadow:inset 0px 1px 1px #333;
-moz-box-shadow:inset 0px 1px 1px #333;
-ms-box-shadow:inset 0px 1px 1px #333;
-o-box-shadow:inset 0px 1px 1px #333;
box-shadow:inset 0px 1px 1px #333; }

div.show:hover {
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(16,16,16,0.8)), to(rgba(32,32,32,0.8))) no-repeat;
background: -webkit-linear-gradient(top, rgba(16,16,16,0.8), rgba(32,32,32,0.8)) no-repeat;
background: -moz-linear-gradient(top, rgba(16,16,16,0.8), rgba(32,32,32,0.8)) no-repeat;
background: -ms-linear-gradient(top, rgba(16,16,16,0.8), rgba(32,32,32,0.8)) no-repeat;
background: -o-linear-gradient(top, rgba(16,16,16,0.8), rgba(32,32,32,0.8)) no-repeat;
background: linear-gradient(top, rgba(16,16,16,0.8), rgba(32,32,32,0.8)) no-repeat; }

div.show span {
display:block; }

div.show .inf .name {
font-size:16px; }

div.show .inf .playtime {
font-style:italic; }

div.show .inf p {
margin-bottom:0px; }

div.show .img {
position:absolute;
top:10px;
right:10px; }

div.show .img > a {
display:inline-block;
width:50px;
height:50px;
margin-left:5px;
border-radius:5px;
background-size:50px 50px;
background-repeat:no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-moz-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-ms-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-o-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333; }

div.labelshow .img > a {
width:200px;
height:200px;
background-size:200px 200px; }

div.show .more {
display:none;
overflow:hidden; }

div.show:hover .more, div.view_cs .more {
display:block; }

div.show .more > * {
display:block;
padding:5px;
border-radius:5px;
background-color:rgba(0,0,0,0.25); }

/* -------------------------------------------------- */

div.agenda {
border-radius:15px;
border-bottom-right-radius:0px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(32,32,32,0.8)), to(rgba(16,16,16,0.8))) no-repeat;
background: -webkit-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -moz-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -ms-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: -o-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background: linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
-ms-box-shadow:0px 0px 5px #000;
-o-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000; }

div.dayitem {
position:relative;
display:block;
min-height:50px;
padding:10px;
-webkit-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-moz-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-ms-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-o-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.dayitem:first-child {
border-top-left-radius:15px;
border-top-right-radius:15px; }

div.dayitem:last-child {
border-bottom-left-radius:15px;
-webkit-box-shadow:inset 0px 1px 1px #333;
-moz-box-shadow:inset 0px 1px 1px #333;
-ms-box-shadow:inset 0px 1px 1px #333;
-o-box-shadow:inset 0px 1px 1px #333;
box-shadow:inset 0px 1px 1px #333; }

div.dayitem .dayinf {
float:left;
width:40px;
height:48px;
padding:1px 5px;
border-radius:10px;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F0F0F0), to(#000), color-stop(.4,#C0C0C0), color-stop(.41,#202020)) no-repeat;
background: -webkit-linear-gradient(top, #F0F0F0, #C0C0C0 40%, #202020 41%, #000) no-repeat;
background: -moz-linear-gradient(top, #F0F0F0, #C0C0C0 40%, #202020 41%, #000) no-repeat;
background: -ms-linear-gradient(top, #F0F0F0, #C0C0C0 40%, #202020 41%, #000) no-repeat;
background: -o-linear-gradient(top, #F0F0F0, #C0C0C0 40%, #202020 41%, #000) no-repeat;
background: linear-gradient(top, #F0F0F0, #C0C0C0 40%, #202020 41%, #000) no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-moz-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-ms-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-o-box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
box-shadow:inset 0px 1px 1px #000,inset 0px -1px 1px #333;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

.dayinf div {
margin:3px 1px;
text-align:center; }

.dayinf .daynr {
color:#000;
float:left; }

.dayinf .month {
color:#000;
float:right; }

.dayinf .day {
clear:both;
padding:5px;
font-size:15px;
font-weight:bold;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.dayitem .timeitem {
margin-left:60px; }

.timeitem .time {
margin-right:15px; }

.timeitem .nonstop {
font-style:italic; }

.timeitem .artists {
float:right; }

.agenda:hover .dayitem {
opacity:0.25; }

.dayitem:hover {
opacity:1 !important;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
/* background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(16,16,16,0.8)), to(rgba(32,32,32,0.8))) no-repeat; */ }

.dayitem:hover .dayinf {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg); }

.dayitem:hover .day, .timeitem:hover .time {
color:#9c3; }

/* -------------------------------------------------- */

div.talkloginbox {
text-align:center; }

div.talkloginbox > div {
display:inline-block; }

div.talkloginbox > div > * {
font-size:16px; }

div.talkloginbox label {
display:block;
margin-bottom:10px; }

div.talkloginbox input[type="text"] {
padding:10px;
margin-right:-32px;
padding-right:40px; }

div.talkloginbox input[type="text"] + input {
padding:5px; }

div.talkbox {
display:none;
position:absolute;
top:0px;
left:0px;
bottom:0px;
right:0px;
width:100%;
height:100%;
border-radius:25px; }

/*
div.talkbox .head {
position:absolute;
top:0px;
left:0px;
z-index:1;
padding:15px 20px;
border-top-left-radius:25px;
border-bottom-right-radius:25px;
background:rgba(0,0,0,0.8) -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(16,16,16,0.8)), to(rgba(0,0,0,0.8))) no-repeat;
font-size:13px;
-webkit-box-shadow:inset 0px 1px 1px #000, inset 0px -1px 1px #222; }
*/

div.talkbox #msgbox {
position:absolute;
bottom:0px;
left:0px;
right:0px;
display:block;
padding-bottom:40px;
max-height:404px;
overflow:hidden;
vertical-align:bottom;
line-height:150%; }
div.talkbox #msgbox:hover {
overflow-y:auto; }

#msgbox > span {
display:block;
margin:0px 15px; }

#msgbox > span > b {
margin-right:5px; }

#msgbox > span > img {
vertical-align:bottom; }

#msgbox .adtm:after {
content:'•';
margin-left:5px;
color:#9c3; }

#msgbox .adtp, #msgbox .adtc {
position:relative;
right:2px;
margin-left:-10px; }
#msgbox .adtp:before {
content:'⤹'; }
#msgbox .adtc:before {
content:'⤷'; }
/* ⚑ ☛ ╳ ▶ ▸ ► ● ▼ ▛ ▙ ➥ ↳ ↪ ⟲ ↬ ⬊ ⤹ ⤷ ⧁ */

div.talkbox .inbox {
position:absolute;
left:0px;
right:0px;
bottom:0px;
width:100%;
z-index:2; }

.inbox #inbox, .inbox #cname {
margin:0px;
padding:5px 15px;
padding-right:60px;
min-height:25px;
border:0px;
border-radius:0px;
background:rgba(0,0,0,0.8) -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(16,16,16,0.8)), to(rgba(0,0,0,0.8))) no-repeat;
background:rgba(0,0,0,0.8) -webkit-linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
background:rgba(0,0,0,0.8) -moz-linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
background:rgba(0,0,0,0.8) -ms-linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
background:rgba(0,0,0,0.8) -o-linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
background:rgba(0,0,0,0.8) linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #000;
-moz-box-shadow:inset 0px 1px 1px #000;
-ms-box-shadow:inset 0px 1px 1px #000;
-o-box-shadow:inset 0px 1px 1px #000;
box-shadow:inset 0px 1px 1px #000; }

.inbox #inbox {
width:250px;
border-top-right-radius:25px;
border-bottom-left-radius:25px; }

.inbox #cname {
margin-left:51px;
width:90px;
border-top-left-radius:25px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }

.inbox .tsend, .inbox .nsend {
margin-left:-30px; }

.inbox #sbox, .inbox #cbox {
position:absolute;
right:40px;
bottom:10px;
width:15px;
height:15px;
padding:0px;
border:0px;
border-radius:10px;
background-color:#202020; }

.inbox #sbox {
right:255px; }

.inbox #cbox {
right:40px; }

.inbox #sbox #ismile, .inbox #cbox #ccolor {
display:none;
margin-bottom:15px;
padding:5px;
text-align:center;
line-height:0; }

.inbox #sbox #ismile {
width:45px; }

.inbox #cbox #ccolor {
width:20px; }

.inbox #sbox:hover, .inbox #cbox:hover {
bottom:5px;
width:auto;
height:auto;
background-color:#202020 !important; }

.inbox #sbox:hover {
right:250px; }

.inbox #cbox:hover {
right:35px; }

.inbox #sbox:hover #ismile, .inbox #cbox:hover #ccolor {
display:block; }

.inbox #sbox #ismile > img {
display:inline-block;
margin:3px; }

.inbox #sbox #ismile:hover > img {
opacity:0.25; }

.inbox #sbox #ismile > img:hover {
opacity:1 !important; }

.inbox #cbox #ccolor > div {
display:inline-block;
margin:0px;
width:10px;
height:10px;
border-radius:5px; }

.inbox #cbox #ccolor > div:hover {
width:8px;
height:8px;
border:1px solid #000; }

div.talkbox .onbox {
cursor:pointer;
position:absolute;
top:0px;
right:-20px;
padding:10px;
padding-top:20px;
padding-bottom:0px;
padding-right:20px;
max-width:20%;
max-height:0%;
overflow-y:scroll;
z-index:1;
border-top-right-radius:25px;
border-bottom-left-radius:25px;
background:rgba(0,0,0,0.8) -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(16,16,16,0.8)), to(rgba(0,0,0,0.8))) no-repeat;
background:rgba(0,0,0,0.8) -webkit-linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
background:rgba(0,0,0,0.8) -moz-linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
background:rgba(0,0,0,0.8) -ms-linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
background:rgba(0,0,0,0.8) -o-linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
background:rgba(0,0,0,0.8) linear-gradient(top, rgba(16,16,16,0.8), rgba(0,0,0,0.8)) no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #000, inset 0px -1px 1px #222;
-moz-box-shadow:inset 0px 1px 1px #000, inset 0px -1px 1px #222;
-ms-box-shadow:inset 0px 1px 1px #000, inset 0px -1px 1px #222;
-o-box-shadow:inset 0px 1px 1px #000, inset 0px -1px 1px #222;
box-shadow:inset 0px 1px 1px #000, inset 0px -1px 1px #222;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }

div.talkbox .onbox:hover, div.talkbox .onbox_ {
padding-top:10px;
padding-bottom:10px;
max-height:70%; }

div.talkbox .onbox span {
overflow-x:hidden;
text-overflow:ellipsis; }

.onbox > span {
display:block;
text-align:right;
padding:5px 10px; }

/* -------------------------------------------------- */

div.mebox .stats > div {
cursor:pointer;
position:relative;
display:block;
margin:5px 0px;
padding:5px 10px;
border-radius:10px;
white-space:nowrap;
font-size:13px;
text-overflow:ellipsis;
overflow:hidden;
background-color:rgba(0,0,0,0.25);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.mebox .stats > div:hover {
padding-right:150px; }

div.mebox .stats > div > span {
font-size:10px; }

div.mebox .stats > div div {
position:absolute;
top:2px;
right:2px;
opacity:0.1;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.mebox .stats > div:hover div {
opacity:1; }

div.mebox .stats > div div span {
position:absolute;
right:0px;
padding:8px;
border:3px solid #111;
border-radius:19px 8px 8px 19px;
color:#202020; }

div.mebox .stats > div div:hover span {
opacity:0; }
div.mebox .stats > div div span:hover {
opacity:1 !important; }

div.mebox .stats .t {
color:#555; }

div.mebox .stats .t:before {
content:'▶';
margin-right:5px; }

div.mebox .stats .g {
width:105px;
background-color:#9c3; }

div.mebox .stats .y {
background-color:#ff0; }

div.mebox .stats .o {
width:35px;
background-color:#f80; }

div.mebox iframe, div.nebox iframe  {
display:none; }

div.mebox .content, div.nebox .content {
position:relative;
display:block;
padding:10px;
margin-bottom:10px;
border-radius:15px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(32,32,32,0.8)), to(rgba(16,16,16,0.8))) no-repeat;
background:-webkit-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-moz-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-ms-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:-o-linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
background:linear-gradient(top, rgba(32,32,32,0.8), rgba(16,16,16,0.8)) no-repeat;
-webkit-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-moz-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-ms-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
-o-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000;
box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000,0px 0px 5px #000; }

div.mebox .content:last-child {
margin-bottom:0px; }

div.mebox .content > div.pimg {
margin-top:10px; }

div.mebox .content > div > img {
position:absolute;
top:10px;
right:10px;
border-radius:10px;
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
-ms-box-shadow:0px 0px 5px #000;
-o-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000; }

div.mebox .dets > div {
margin:5px 0px;
padding:5px 10px;
border-radius:10px;
background-color:rgba(0,0,0,0.25); }

div.mebox .dets > div > div {
display:block;
margin:5px 0px; }

div.mebox .dets div > span {
display:inline-block;
margin:1px;
padding:3px 5px;
border:1px solid #9c3;
border-radius:10px;
white-space:nowrap;
background-color:#000; }

div.mebox .dets span > span {
cursor:pointer;
margin-left:5px;
margin-right:-5px;
padding:4px;
border-radius:9px;
background-color:#9c3;
color:#000; }

div.nebox input[type=file] {
display:inline-block; }

/* -------------------------------------------------- */

.mod-cur {
position:relative; }

.gbplayer_cnt_green, .gbplayer_cnt_blue, .gbplayer_cnt_white {
position:absolute;
border-radius:15px;
overflow:hidden;
z-index:96;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }

.gbplayer_cnt_green {
padding:3px;
height:19px;
font-size:16px;
background-color:#9c3;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#E7F9A7), to(#9C3)) no-repeat;
background:-webkit-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-moz-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-ms-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:-o-linear-gradient(top, #E7F9A7, #9C3) no-repeat;
background:linear-gradient(top, #E7F9A7, #9C3) no-repeat; }

.gbplayer_cnt_blue, .gbplayer_cnt_white {
padding:3px;
height:19px;
font-size:16px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#333), to(#111)) no-repeat;
background:-webkit-linear-gradient(top, #333, #111) no-repeat;
background:-moz-linear-gradient(top, #333, #111) no-repeat;
background:-ms-linear-gradient(top, #333, #111) no-repeat;
background:-o-linear-gradient(top, #333, #111) no-repeat;
background:linear-gradient(top, #333, #111) no-repeat; }

.gbplayer_cnt_blue:hover, .gbplayer_cnt_white:hover {
height:225px; }

.gbplayer_cnt_green:hover {
height:245px; }

.gbplayer_cnt_green:hover, .gbplayer_cnt_blue:hover {
/* background:-webkit-linear-gradient(top, #508ecb, #202020) no-repeat; */
-webkit-box-shadow:5px 5px 10px #000;
-moz-box-shadow:5px 5px 10px #000;
-ms-box-shadow:5px 5px 10px #000;
-o-box-shadow:5px 5px 10px #000;
box-shadow:5px 5px 10px #000; }

.gbplayer_cnt_white:hover {
/* background:-webkit-linear-gradient(top, #fff, #c0c0c0) no-repeat; */
-webkit-box-shadow:-5px 5px 10px #000;
-moz-box-shadow:-5px 5px 10px #000;
-ms-box-shadow:-5px 5px 10px #000;
-o-box-shadow:-5px 5px 10px #000;
box-shadow:-5px 5px 10px #000; }

/*
:hover {
-webkit-box-shadow: 0px -1px 1px #508ecb;
-webkit-transition: -webkit-box-shadow 0.5s ease-in-out 0.5s; }
*/

.gbplayer_cnt_green {
left:2px; }

.gbplayer_cnt_blue {
left:2px; }

.gbplayer_cnt_white {
right:2px; }

.ctrl {
cursor:pointer;
margin:0px 10px;
border-radius:15px;
color:inherit;
font-size:inherit;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }

.gbplayer_cnt_green {
text-shadow:none; }

.gbplayer_cnt_blue .ctrl, .gbplayer_cnt_white .ctrl {
text-shadow:0px 2px 5px #000; }

.gbplayer_cnt_blue .ctrl:hover, .gbplayer_cnt_white .ctrl:hover {
color:#9c3; }

.mod-cur .sli {
display:block;
margin:5px;
width:58px;
padding:5px;
border-radius:10px;
line-height:150%;
font-size:10px; }

.mod-cur .green .sli:hover {
background-color:#9c3; }

.mod-cur .sli:hover {
background-color:#111; }

.sli a:hover {
color:#9c3; }

.sli a:active {
color:#111; }

.mod-cur .fb_cur, .mod-cur .fb_curld {
cursor:pointer;
position:absolute;
top:5px;
right:5px;
padding:2px;
width:10px;
height:10px;
opacity:0;
border-radius:10px;
background:#202020 url(../../../images/social/fb10.png) center no-repeat;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out; }

.mod-cur .fb_curld {
opacity:1;
background:#111 url(../../../images/social/ld.gif) center no-repeat; }

.mod-cur .fb_cur:hover {
background-color:#111; }

.mod-cur > div:hover > .fb_cur {
opacity:1; }

.mod-cur .cur_cnt > a {
display:block;
margin:0px 100px;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap; }

.gbplayer_cnt_green + .cur_cnt > a {
margin:0px 15px 0px 90px;
padding:3px 0px;
font-size:16px;
text-align:right; }

.mod-cur .green {
color:#111; }

.mod-cur .green a {
color:#111; }

.mod-cur .blue a {
color:#508ecb; }

.mod-cur .white a {
color:#fff; }

/* -------------------------------------------------- */

div.gbinfo-module {
position:relative;
padding:5px;
border-radius:inherit;
overflow:hidden;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(32,32,32)), to(rgb(32,32,32)), color-stop(0.25,rgba(16,16,16,0.8))) no-repeat;
background: -webkit-linear-gradient(top, rgb(32,32,32), rgba(16,16,16,0.8) 25%, rgb(32,32,32)) no-repeat;
background: -moz-linear-gradient(top, rgb(32,32,32), rgba(16,16,16,0.8) 25%, rgb(32,32,32)) no-repeat;
background: -ms-linear-gradient(top, rgb(32,32,32), rgba(16,16,16,0.8) 25%, rgb(32,32,32)) no-repeat;
background: -o-linear-gradient(top, rgb(32,32,32), rgba(16,16,16,0.8) 25%, rgb(32,32,32)) no-repeat;
background: linear-gradient(top, rgb(32,32,32), rgba(16,16,16,0.8) 25%, rgb(32,32,32)) no-repeat;
// background: rgba(0,0,0,0.25) url(../images/r2.png);
}

/* -------------------------------------------------- */

.mod-shout {
margin-top:5px;
border-radius:20px !important;
text-align:left;
line-height:150%; }

.mod-shout input[type="text"] {
width:140px; }

.mod-shout input[type="text"].prefield {
width:110px; }

.mod-shout > div {
margin-top:5px;
padding:5px;
border-radius:20px;
-webkit-box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333;
-moz-box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333;
-ms-box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333;
-o-box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333;
box-shadow:inset 0px 1px 2px #000,inset 0px -1px 2px #333; }

.mod-shout > div.sbx {
height:20px;
width:20px;
overflow:hidden;
text-align:center; }

.mod-shout > div.sbx:hover {
height:auto;
width:auto; }

.mod-shout > div.sbx > img {
margin:2px; }

.mod-shout > div.mbx > span {
position:relative;
display:block;
padding:5px;
border-top:1px solid #252525;
border-bottom:1px solid #0c0c0c;
// overflow:hidden;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.mod-shout > div.mbx > span:first-child {
border-top:0px; }

div.mod-shout > div.mbx > span:last-child {
border-bottom:0px; }

div.mod-shout > div:hover > * {
opacity:0.25; }

div.mod-shout > div > *:hover {
opacity:1 !important;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }

.mod-shout > div.mbx > span > b {
margin-right:5px;
color:#9c3; }

.mod-shout > div.mbx > span > img {
vertical-align:bottom; }

.mod-shout > div.mbx > span > div {
cursor:pointer;
position:absolute;
top:0px;
right:0px;
width:5px;
height:100%;
background-color:#f00;
opacity:0; }
div.mod-shout > div.mbx > span:first-child > div {
top:auto;
bottom:0px;
height:50%; }
div.mod-shout > div.mbx > span:last-child > div {
height:50%; }
.mod-shout > div.mbx > span:hover > div {
opacity:1; }

/* -------------------------------------------------- */

div.mod-now {
width:150px;
height:150px; }

div.mod-now.vo {
height:auto; }

div.mod-now > div {
width:150px;
height:150px;
border-radius:20px;
overflow:hidden;
white-space:nowrap; }

div.mod-now.vo > div {
height:auto; }

div.mod-now > div > div {
display:table-cell;
height:150px;
width:15px;
background-position:center;
background-repeat:no-repeat;
text-align:center;
vertical-align:top;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.mod-now.vo > div > div {
display:block;
position:relative; }

div.mod-now.vo:hover > div > div {
opacity:0.25; }

div.mod-now > div > div:hover {
width:150px !important; }

div.mod-now.vo > div > div:hover {
opacity:1 !important;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }

div.mod-now .inf {
position:absolute;
bottom:15px;
left:5px;
right:5px;
display:none;
padding:5px;
border-radius:20px;
background-color:rgba(0,0,0,0.95); }

div.mod-now.vo .inf {
bottom:20px;
right:0px;
border-radius:0px; }

div.mod-now div:hover > .inf {
display:block; }

div.mod-now .inf > * {
display:block;
overflow:hidden;
text-overflow:ellipsis; }

div.mod-now .artist {
cursor:default;
font-size:13px; }

div.mod-now .time {
font-size:8px;
color:#555; }

/* -------------------------------------------------- */

div.mod-agenda > a:first-child {
padding-top:10px;
border-top:0px; }

div.mod-agenda > a:last-child {
padding-bottom:10px;
border-bottom:0px; }

div.mod-agenda > a {
display:block;
padding:5px;
border-top:1px solid #252525;
border-bottom:1px solid #0c0c0c;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.mod-agenda:hover > a {
opacity:0.25; }

div.mod-agenda > a:hover {
opacity:1 !important;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
/*
padding:5px 10px;
border-radius:20px;
background-color:rgba(0,0,0,0.25);
*/ }

div.mod-agenda span {
color:#555;
font-size:8px; }

/* -------------------------------------------------- */

div.mod-stat {
text-align:center; }

div.mod-stat .img_cnt_green, div.mod-stat .img_cnt_blue, div.mod-stat .img_cnt_white {
padding:5px 0px; }

div.mod-stat .img_cnt_green:hover img, div.mod-stat .img_cnt_blue:hover img, div.mod-stat .img_cnt_white:hover img {
opacity:0.25; }

div.mod-stat .img_cnt_green img:hover, div.mod-stat .img_cnt_blue img:hover, div.mod-stat .img_cnt_white img:hover {
opacity:1 !important;
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none; }

div.mod-stat .img_cnt_green img:hover {
-webkit-box-shadow:0px 0px 5px #9c3;
-moz-box-shadow:0px 0px 5px #9c3;
-ms-box-shadow:0px 0px 5px #9c3;
-o-box-shadow:0px 0px 5px #9c3;
box-shadow:0px 0px 5px #9c3; }

div.mod-stat .img_cnt_green img, div.mod-stat .img_cnt_blue img, div.mod-stat .img_cnt_white img {
margin:4px 6px;
padding:1px;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

div.mod-stat .img_cnt_green img {
-webkit-box-shadow:0px 0px 5px #000;
-moz-box-shadow:0px 0px 5px #000;
-ms-box-shadow:0px 0px 5px #000;
-o-box-shadow:0px 0px 5px #000;
box-shadow:0px 0px 5px #000; }

div.mod-stat .img_cnt_blue img {
-webkit-box-shadow:0px 0px 5px #508ecb;
-moz-box-shadow:0px 0px 5px #508ecb;
-ms-box-shadow:0px 0px 5px #508ecb;
-o-box-shadow:0px 0px 5px #508ecb;
box-shadow:0px 0px 5px #508ecb; }

div.mod-stat .img_cnt_white img {
-webkit-box-shadow:0px 0px 5px #fff;
-moz-box-shadow:0px 0px 5px #fff;
-ms-box-shadow:0px 0px 5px #fff;
-o-box-shadow:0px 0px 5px #fff;
box-shadow:0px 0px 5px #fff; }

div.mod-stat .count {
cursor:pointer;
padding:10px;
border:1px solid #111;
border-radius:20px;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#202020), to(#111)) no-repeat;
background:-webkit-linear-gradient(top, #202020, #111) no-repeat;
background:-moz-linear-gradient(top, #202020, #111) no-repeat;
background:-ms-linear-gradient(top, #202020, #111) no-repeat;
background:-o-linear-gradient(top, #202020, #111) no-repeat;
background:linear-gradient(top, #202020, #111) no-repeat;
text-align:left;
-webkit-box-shadow:0px 1px 2px #111;
-moz-box-shadow:0px 1px 2px #111;
-ms-box-shadow:0px 1px 2px #111;
-o-box-shadow:0px 1px 2px #111;
box-shadow:0px 1px 2px #111;
// -webkit-box-shadow:inset 0px 1px 1px #333,inset 0px -1px 1px #000;
}

div.mod-stat .count > * {
display:inline-block;
vertical-align:middle; }

div.mod-stat .count > span {
padding-left:21px;
padding-right:10px;
background-repeat:no-repeat;
font-size:13px; }

div.mod-stat .count > .listener {
background-image:url(../images/listener_g.png); }
div.mod-stat .count > .country {
background-image:url(../images/country_g.png); }

/*
#left div.mod-stat .count > .listener {
background-image:url(../images/listener_b.png); }
#right div.mod-stat .count > .listener {
background-image:url(../images/listener_w.png); }

#left div.mod-stat .count > .country {
background-image:url(../images/country_b.png); }
#right div.mod-stat .count > .country {
background-image:url(../images/country_w.png); }
*/

div.mod-stat .count > .map {
float:right;
margin:-5px;
padding:5px;
width:16px;
height:16px;
border-radius:20px;
background:url(../images/dot_gs.png) 5px 5px no-repeat; }

div.mod-stat .count:hover > .map {
background:#9c3 url(../images/dot_gs.png) 5px -16px no-repeat; }

/* -------------------------------------------------- */

#map_canvas {
display:block;
/*
width:100%;
height:65%;
width:255px;
height:185px;
*/
width:510px;
height:300px;
text-shadow:none; /* .gmnoprint */
-webkit-box-shadow: 0px 0px 2px #000000;
-moz-box-shadow: 0px 0px 2px #000000;
-ms-box-shadow: 0px 0px 2px #000000;
-o-box-shadow: 0px 0px 2px #000000;
box-shadow: 0px 0px 2px #000000; }

#map_canvas_shade {
position:absolute;
width:510px;
height:300px;
opacity:0.2;
background-color:transparent;
background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(transparent), color-stop(.4,#fff), color-stop(.4,transparent)) no-repeat;
background:-webkit-linear-gradient(top, #fff, #fff 40%, transparent 40%, transparent) no-repeat;
background:-moz-linear-gradient(top, #fff, #fff 40%, transparent 40%, transparent) no-repeat;
background:-ms-linear-gradient(top, #fff, #fff 40%, transparent 40%, transparent) no-repeat;
background:-o-linear-gradient(top, #fff, #fff 40%, transparent 40%, transparent) no-repeat;
background:linear-gradient(top, #fff, #fff 40%, transparent 40%, transparent) no-repeat;
z-index:101; }

#map_clist {
width:100%;
max-height:210px;
overflow-y:scroll; }

#map_clist div {
display:block;
padding:5px 10px;
background-color:rgba(0,0,0,0.75);
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out; }

#map_clist div:hover {
background-color:rgba(0,0,0,0.9); }