@charset "utf-8";
/* HABBOTIMES CMS | MADE FOR FANS */

/* IMPORT */
/*@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,700);*/
@import url(https://fonts.googleapis.com/css?family=Merienda+One);
@import url(/assets/lib/css/SqueezeBox.css);

/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h2css,h3,h4,h5,h6,form,p,blockquote,fieldset,input,canvas,stream,textarea { margin: 0; padding: 0; }
h1,h2,h2css,h3,h4,h5,h6,em,strong { font-size: 1em; font-weight: normal; font-style: normal; }
object,img,input,select,textarea,a,a img { outline: none; text-decoration: none; border: none; }

/* GENERAL */
html 
{
    background-color: #ffffff;
	font: 12px/18px 'Ubuntu', Arial, Verdana, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
	font-weight: 300 !important;
}

body { 

	background-color: #ffffff;
	font: 12px/18px 'Ubuntu', Arial, Verdana, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
	font-weight: 300 !important;
	color: #666; 
	height: 100%;
	min-width: 1010px; 
}

.clear	{ clear: both;	}
.left	{ float: left;	}
.right	{ float: right;	}

a {	color: #fff; }
a:hover {  }

.cyan a {	color: #fff; }
.cyan a:hover { color: #fff; }

h1 { font: 20px/24px 'Ubuntu', Verdana, Arial, sans-serif; letter-spacing: -0.5px; text-shadow: 1px 1px 0 #fff; }
h2 { font: 16px/20px 'Ubuntu', Verdana, Arial, sans-serif; }
h2css { font: 16px/20px 'Ubuntu', Verdana, Arial, sans-serif; text-shadow: 1px 1px 0 #fff; }
h5 { font: 20px/24px 'Ubuntu', Verdana, Arial, sans-serif; letter-spacing: -0.5px; text-shadow: 1px 1px 0 #fff; margin-top: 25px; }
p { margin-bottom: 12px 0; }
ul,ol,li { line-height: 1.5; list-style: none;}
strong { font-weight: bold; }
em { /*font-style: italic;*/ }
.lt { text-decoration:line-through; }

hr {
	border: none;
	border-bottom: #808080 dotted 1px;
}


.head {
	width: 100%;
	height: 360px;
	background-image: url(/assets/img/web_3.0.0/head.png);
}

.clouds {
	width: 100%;
	height: 360px;
	background-image: url(/assets/img/web_3.0.0/clouds.png);
	background-position: bottom left;
	background-repeat: repeat no-repeat;
}

.clouds .content {
	width: 1000px;
	margin: 0px auto;
	height: 360px;
}

.logo {
	height: 360px;
	float: right;
	position: absolute;
	width: 1000px;
	background-image: url(../images/logo.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.djimage {
	display: inline-block;
	height: 110px;
	width: 69px;
	position: relative;
	top: 225px;
	background-repeat: no-repeat;
	background-position: right bottom,bottom left;
	left: 35px;
	float: left;
}

.djinfo {
	display: inline-block;
	position: relative;
	top: 300px;
	left: 64px;
	float: left;
	color: #29292B;
	font-size: 15px;
}


.sendeplan {
	width: 1100px;
	margin: 0px auto;
}

.sendeplan .text {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	color: #fff;
}

.sendeplan .image {
	display: inline-block;
	width: 50px;
	height: 50px;
	background-position: center center;
	background-repeat: no-repeat;
	float: left;
}



.box_title {
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-family: Indie Flower;
}




#primary_nav_wrap ul
{
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
	z-index: 65535;
}

#primary_nav_wrap ul a
{
	display:block;
	color: #fff;
	text-decoration:none;
	font-size:15px;
	line-height:50px;
	height:50px;
	padding:0 15px;
}

#primary_nav_wrap ul li
{
	position:relative;
	float:left;
	margin:0;
	padding:0
}


#primary_nav_wrap ul li a.noclick
{
	cursor: default !important;
}

#primary_nav_wrap ul li:hover
{
	background: rgba(0, 0, 0, 0.07);
	color: #fff !important;
}

#primary_nav_wrap ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	background:#fff;
	padding:0;
	border-radius: 0 0 2px 2px;
	box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1);
}

#primary_nav_wrap ul ul li
{
	float:none;
	width:200px
}

#primary_nav_wrap ul ul a
{
	line-height:50px;
	color: #29292B;
	font-size: 14px;
}

#primary_nav_wrap ul ul ul
{
	top:0;
	left:100%
}

#primary_nav_wrap ul li:hover > ul
{
	display:block
}



/* COLOR */
.bg1 { background: #ffffff; }
.bg2 { background: #f8f8f8; }
.bg3 { background: #9B9B9B; }
.bg4 { background: #f3f3f3; } 
.bg4 h1 
{ 
font-size: 24px;
line-height: 28px;
letter-spacing: -0.5px;
margin-bottom: 3px;
font-weight: 300;
color: #333;
}
.fc1 { color: #028fc9; }
.fc2 { color: #444444; }
.fc3 { color: #ffffff; }
.fs1 { font-size: 10px; }

.status {
margin-bottom: 30px;
}

.xmashead {
text-shadow: 0 1px rgba(0,0,0,.2);
}

.nhead {
padding: 10px 10px 11px;
font-size: 16px;
-webkit-border-radius: 3px 3px 0 0;
-moz-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
}

#updatebadge>.bW {
width: 70px;
float: left;
margin: 7px;
}

#updatebadge>.bW>.actions {
width: 10px;
float: left;
}

#updatebadge>.bW>.badge {
background: #ace4f7;
background: -moz-linear-gradient(top,#ace4f7 0,#60b1ec 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#ace4f7),color-stop(100%,#60b1ec));
background: -webkit-linear-gradient(top,#ace4f7 0,#60b1ec 100%);
background: -o-linear-gradient(top,#ace4f7 0,#60b1ec 100%);
background: -ms-linear-gradient(top,#ace4f7 0,#60b1ec 100%);
background: linear-gradient(to bottom,#ace4f7 0,#60b1ec 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ace4f7',endColorstr='#60b1ec',GradientType=0);
float: right;
}

#updatebadge>.bW>.badge>.image {
background-repeat: no-repeat!important;
background-position: center center!important;
width: 50px;
height: 50px;
}



.ticket a {
color: #333;
}

#postresult h1 { 
color: #000; 
}

.header.lexi { 
color: #333;
border: 1px solid #C95B0A;
background: #D5A95F;
background: -moz-linear-gradient(top,#D5A95F 0,#C95B0A 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D5A95F),color-stop(100%,#C95B0A));
background: -webkit-linear-gradient(top,#D5A95F 0,#C95B0A 100%);
background: -o-linear-gradient(top,#D5A95F 0,#C95B0A 100%);
background: -ms-linear-gradient(top,#D5A95F 0,#C95B0A 100%);
background: linear-gradient(to bottom,#D5A95F 0,#C95B0A 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5A95F',endColorstr='#C95B0A',GradientType=0);
height: 24px;
}
.header.orange {
border: 1px solid #C95B0A;
background: #D5A95F;
background: -moz-linear-gradient(top,#D5A95F 0,#C95B0A 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#D5A95F),color-stop(100%,#C95B0A));
background: -webkit-linear-gradient(top,#D5A95F 0,#C95B0A 100%);
background: -o-linear-gradient(top,#D5A95F 0,#C95B0A 100%);
background: -ms-linear-gradient(top,#D5A95F 0,#C95B0A 100%);
background: linear-gradient(to bottom,#D5A95F 0,#C95B0A 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#D5A95F',endColorstr='#C95B0A',GradientType=0);
height: 24px;
}

.header.blue {
border: 1px solid #179ace;
background: #28ADCE;
background: -moz-linear-gradient(top,#28ADCE 0,#025DA7 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#28ADCE),color-stop(100%,#025DA7));
background: -webkit-linear-gradient(top,#28ADCE 0,#025DA7 100%);
background: -o-linear-gradient(top,#28ADCE 0,#025DA7 100%);
background: -ms-linear-gradient(top,#28ADCE 0,#025DA7 100%);
background: linear-gradient(to bottom,#28ADCE 0,#025DA7 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#28ADCE',endColorstr='#025DA7',GradientType=0);
height: 24px;
}

.header.green {
border: 1px solid #579503;
background: #c0df46;
background: -moz-linear-gradient(top,#c0df46 0,#549303 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c0df46),color-stop(100%,#549303));
background: -webkit-linear-gradient(top,#c0df46 0,#549303 100%);
background: -o-linear-gradient(top,#c0df46 0,#549303 100%);
background: -ms-linear-gradient(top,#c0df46 0,#549303 100%);
background: linear-gradient(to bottom,#c0df46 0,#549303 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0df46',endColorstr='#549303',GradientType=0);
height: 24px;
}

.header.greens {
border: 1px solid #579503;
background: #c0df46;
background: -moz-linear-gradient(top,#c0df46 0,#549303 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#c0df46),color-stop(100%,#549303));
background: -webkit-linear-gradient(top,#c0df46 0,#549303 100%);
background: -o-linear-gradient(top,#c0df46 0,#549303 100%);
background: -ms-linear-gradient(top,#c0df46 0,#549303 100%);
background: linear-gradient(to bottom,#c0df46 0,#549303 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c0df46',endColorstr='#549303',GradientType=0);
}

.header.red {
border: 1px solid #A6392E;
background: #DB5552;
background: -moz-linear-gradient(top,#DB5552 0,#B63432 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DB5552),color-stop(100%,#B63432));
background: -webkit-linear-gradient(top,#DB5552 0,#B63432 100%);
background: -o-linear-gradient(top,#DB5552 0,#B63432 100%);
background: -ms-linear-gradient(top,#DB5552 0,#B63432 100%);
background: linear-gradient(to bottom,#DB5552 0,#B63432 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB5552',endColorstr='#B63432',GradientType=0);
height: 24px;
}

.header.reds {
border: 1px solid #A6392E;
background: #DB5552;
background: -moz-linear-gradient(top,#DB5552 0,#B63432 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#DB5552),color-stop(100%,#B63432));
background: -webkit-linear-gradient(top,#DB5552 0,#B63432 100%);
background: -o-linear-gradient(top,#DB5552 0,#B63432 100%);
background: -ms-linear-gradient(top,#DB5552 0,#B63432 100%);
background: linear-gradient(to bottom,#DB5552 0,#B63432 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DB5552',endColorstr='#B63432',GradientType=0);
}

/* FORM */
.fm1, .fm2, .bn1, .bn2, .bn3 { font: 12px/17px 'Ubuntu', Verdana, Arial, Helvetica, sans-serif; }
.fm1 { color: #444; padding: 7px; border-radius: 3px; border: 1px solid #ddd; margin: 3px 0; }
.fm1:hover { border: 1px solid #aaa; } .fm1:focus { border: 1px solid #55c5ff; box-shadow: inset rgba(0,0,0,0.3) 0 0 2px 0; }
.fm2 { color: #444; padding: 7px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.fm2:hover { border-top: 1px solid #aaa; border-bottom: 1px solid #aaa; } .fm2:focus { border-top: 1px solid #55c5ff; border-bottom: 1px solid #55c5ff; box-shadow: inset rgba(0,0,0,0.3) 0 0 2px 0; }

.bn1 
{ 
color: #fff;
padding: 5px 8px;
cursor: pointer;
border-radius: 3px;
display: block;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
box-shadow: 0 1px 0 0 #fff;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.bn1:hover 
{
color: #fff;
}

.bn5 { color: #fff; background: #091012 url(/assets/img/web_3.0.0/BN1/blue/bn1.png) top; padding: 5px 8px; border-radius: 3px; display: block; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 0 0 #fff; }
.bn5:hover { color: #fff; }
.bn3{ color: #fff; background: #091012 url(/assets/img/web_3.0.0/BN1/blue/bn1_green.png) top; padding: 5px 8px; cursor: pointer; border-radius: 3px; display: block; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); box-shadow: 0 1px 0 0 #fff; }
.bn3:hover { background-position: bottom; color: #fff; }
.bn2 { color: #3a4347; font-size: 14px; font-weight: bold; background: url(/assets/img/web_3.0.0/bn2.png) no-repeat top; display: block; text-shadow: 1px 1px 0 #fff; margin: 0 10px 0 0; cursor: pointer; } .bn2 span { vertical-align: middle; text-align: center; display: table-cell; width: 180px; height: 45px; }
.bn2:hover { color: #3a4347; background-position: bottom; }
.bok, .bno { width: 18px; height: 18px; background: no-repeat center; display: block; cursor: pointer; }
.bok { background-image: url(/assets/img/web_3.0.0/ok.png); } .bno { background-image: url(/assets/img/web_3.0.0/no.png); }
.pointer, .clink { cursor: pointer; }

/* LAYOUT */
.rounded { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; overflow: visible; }
.roundedcrop, #tags, #twitter, #facebook, #ad, #nav a, #nav div, .bn2:hover, .main_std_rnd, #openml { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; -khtml-border-radius: 3px; overflow: hidden; }
.roundednone { border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -khtml-border-radius: 0; overflow: hidden; }
.shadow, #nav div, #nav a, .main_std_rnd, #openml { -webkit-box-shadow: rgba(0,0,0,0.4) 0 0 5px; -moz-box-shadow: rgba(0,0,0,0.4) 0 0 5px; box-shadow: rgba(0,0,0,0.4) 0 0 5px; }
.shadowdark { -webkit-box-shadow: rgba(0,0,0,0.5) 0 2px; -moz-box-shadow: rgba(0,0,0,0.5) 0 2px; box-shadow: rgba(0,0,0,0.5) 0 2px; }
.shadowdrop { -webkit-box-shadow: rgba(0,0,0,0.3) 1px 1px 0; -moz-box-shadow: rgba(0,0,0,0.3) 1px 1px 0; box-shadow: rgba(0,0,0,0.3) 1px 1px 0; }
.shadowinset, #tags, #twitter, #facebook { -webkit-box-shadow: inset rgba(0,0,0,0.4) 0 0 2px 0; -moz-box-shadow: inset rgba(0,0,0,0.4) 0 0 2px 0; box-shadow: inset rgba(0,0,0,0.4) 0 0 2px 0; }
.lightblue { -webkit-box-shadow: rgba(50,180,220,0.4) 0 0 4px 0; -moz-box-shadow: rgba(50,180,220,0.4) 0 0 4px 0; box-shadow: rgba(50,180,220,0.4) 0 0 4px 0; }
.lightwhite, #nav a:hover, #nav div:hover, .bn2:hover, #openml:hover { -webkit-box-shadow: rgba(255,255,255,0.3) 0 0 4px 0; -moz-box-shadow: rgba(255,255,255,0.3) 0 0 4px 0; box-shadow: rgba(255,255,255,0.3) 0 0 4px 0; }
.lightinset { -webkit-box-shadow: inset rgba(255,255,255,1) 0 0 0 1px; -moz-box-shadow: inset rgba(255,255,255,1) 0 0 0 1px; box-shadow: inset rgba(255,255,255,1) 0 0 0 1px; }
.sitewidth { 
	width: 1100px;
	margin: 0px auto;
	margin-top: 50px;
} 
.pullitup { margin-top: -244px; } .pullitdown { margin-top: 244px; }
.w95 { width: 95%; } .w68 { width: 68%; } .w58 { width: 58%; } .w55 { width: 55%; } .w48 { width: 48%; } .w38 { width: 40%; } .w31 { width: 31%; } .w28 { width: 28%; } .w18 { width: 18%; } 
.false { display: none; }
.loading { background-image: url(/assets/img/web_3.0.0/Loading/blue/loading.gif) !important; background-repeat: no-repeat !important; background-position: center !important; }
.close, .back { cursor: pointer; width: 7px; height: 7px; display: block; } .close:hover, .back:hover { opacity: 0.7; }
.close { background: url(/assets/img/web_3.0.0/close.png) center no-repeat; } 
.back { background: url(/assets/img/web_3.0.0/back.png) center no-repeat; } 

.fade, #updatebadge div > ul > li a, #updatefurni div > ul > li a, #updatepixel div > ul > li, #updateforum div > ul > li, #openas, #openmp, #openrc, #reports, #logininner > .login > .msg a,
#logininner > .login > .msg div, #stream .update, #footer a,
.transition { -webkit-transition: 0.5s; -moz-transition: 0.5s; -ms-transition: 0.5s; transition: 0.5s; }

.p5 { padding: 5px; } .p10{ padding: 10px; } .p15 { padding: 15px; } .p20 { padding: 20px; } .p25 { padding: 25px; } .p30 { padding: 30px; }
.ph5 { padding-left: 5px; padding-right: 5px; } .ph10{ padding-left: 10px; padding-right: 10px; } .ph15 { padding-left: 15px; padding-right: 15px; } .ph20 { padding-left: 20px; padding-right: 20px; } .ph25 { padding-left: 25px; padding-right: 25px; } .ph30 { padding-left: 30px; padding-right: 30px; }
.pv5 { padding-top: 5px; padding-bottom: 5px; } .pv10{ padding-top: 10px; padding-bottom: 10px; } .pv15 { padding-top: 15px; padding-bottom: 15px; } .pv20 { padding-top: 20px; padding-bottom: 20px; } .pv25 { padding-top: 25px; padding-bottom: 25px; } .pv30 { padding-top: 30px; padding-bottom: 30px; }
 
.m5 { margin: 5px; } .m10 { margin: 10px; } .m15 { margin: 15px; } .m20 { margin: 20px; } .m25 { margin: 25px; } .m30 { margin: 30px; }
.mh5 { margin-left: 5px; margin-right: 5px; } .mh10{ margin-left: 10px; margin-right: 10px; } .mh15 { margin-left: 15px; margin-right: 15px; } .mh20 { margin-left: 20px; margin-right: 20px; } .mh25 { margin-left: 25px; margin-right: 25px; } .mh30 { margin-left: 30px; margin-right: 30px; }
.mv5 { margin-top: 5px; margin-bottom: 5px; } .mv10{ margin-top: 10px; margin-bottom: 10px; } .mv15 { margin-top: 15px; margin-bottom: 15px; } .mv20 { margin-top: 20px; margin-bottom: 20px; } .mv25 { margin-top: 25px; margin-bottom: 25px; } .mv30 { margin-top: 30px; margin-bottom: 30px; }

.error, .ok { font-size: 10px; line-height: 15px; padding: 5px 35px; color: #fff; } 
.error {  background: url(/assets/img/web_3.0.0/error.png) 15px center no-repeat #f36a43; border-top: solid 1px #be340c; border-bottom: solid 1px #be340c; } 
.ok { background: url(/assets/img/web_3.0.0/ok.png) 15px center no-repeat #4bd544; border-top: solid 1px #167b11; border-bottom: solid 1px #167b11; }
.warn { font-size: 10px; line-height: 15px; background: #ffcab7; color: #641a00; border: solid 1px #ff5c23; padding: 4px; margin-bottom: 5px; }

#maintenance { width: auto; height: 800px; background: url(/assets/img/web_3.0.0/Maintenance/blue/maintenance.png) no-repeat center top #000; }


#sW{padding-top:59px;position:relative;-webkit-box-shadow:0 50px 100px 0 rgba(75,75,75,.3);box-shadow:0 50px 100px 0 rgba(75,75,75,.3)}.sB{background:url('/assets/img/web_3.0.0/sliderButtons.png');height:307px;width:57px;position:absolute;cursor:pointer}#sL{background-position:0 0;left:0;z-index:1}#sR{background-position:57px 0;right:0;z-index:1}#sI{width:100%;height:307px;-webkit-transition:background 500ms ease;-moz-transition:background 500ms ease;-ms-transition:background 500ms ease;-o-transition:background 500ms ease;transition:background 500ms ease}#sI.skyline-d{background:url('/assets/img/web_3.0.0/skyline-d.jpg') repeat-x}#sI.skyline-n{background:url('/assets/img/web_3.0.0/skyline-n.jpg') repeat-x}#sT{margin:0 auto;width:930px;position:relative;top:75px;text-shadow:0 2px 0 rgba(0,0,0,.2)}#sTN{color:#FFF;font-family:'Ubuntu','Tahoma','Verdana','Arial',sans-serif;-webkit-font-smoothing:antialiased}
#sD{background:url('/assets/img/web_3.0.0/sliderDrop.png');width:100%;height:9px;position:absolute;bottom:-6px;left:0}
#sDB{background:url('/assets/img/web_3.0.0/sliderDropb.png');width:100%;height:9px;margin-bottom: -3px;left:0}
#scW{width:1000px;margin:auto}#scW>#nW{background:#FFF;height:95px;margin-top:-50px;position:relative;border:1px solid rgba(0,0,0,.2);padding:8px;z-index:1;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#scW>#nW>.nI{width:322px;height:95px;float:left;position:relative;margin-right:8px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}#scW>#nW>.nI:last-child{margin-right:0}#scW>#nW>.nI:last-child .nII,#scW>#nW>.nI:last-child{-webkit-border-bottom-right-radius:3px;-webkit-border-top-right-radius:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topright:3px;border-bottom-right-radius:3px;border-top-right-radius:3px}#scW>#nW>.nI:first-child .nII,#scW>#nW>.nI:first-child{-webkit-border-bottom-left-radius:3px;-webkit-border-top-left-radius:3px;-moz-border-radius-bottomleft:3px;-moz-border-radius-topleft:3px;border-bottom-left-radius:3px;border-top-left-radius:3px}#scW>#nW>.nI img{position:relative;z-index:0}#scW>#nW>.nI .nII{width:322px;height:95px}#scW>#nW>.nI>.nH{background:rgba(0,0,0,.35);width:306px;z-index:9999;position:absolute;bottom:0;padding:8px;color:#FFF;font-size:13px;text-align:left;text-shadow:0 1px rgba(0,0,0,.3);-webkit-user-select:none;font-weight:normal!important}#scW>#nW>.nI:first-child .nH{-webkit-border-bottom-left-radius:3px;-moz-border-radius-bottomleft:3px;border-bottom-left-radius:3px}#scW>#nW>.nI:last-child .nH{-webkit-border-bottom-right-radius:3px;-moz-border-radius-bottomright:3px;border-bottom-right-radius:3px}
#sT{margin:0 auto;width:930px;position:relative;top:75px;text-shadow:0 2px 0 rgba(0,0,0,.2)}#sTN{color:#FFF;font-family:'Ubuntu','Tahoma','Verdana','Arial',sans-serif;-webkit-font-smoothing:antialiased}#sTN>#stitle{font-weight:bold;font-size:40px}#sTN>#desc{font-size:12px}

#navGear{position:absolute;right:0;margin-top:-7px;margin-right: 140px;opacity:1;-webkit-transition:all .25s ease-in-out;-moz-transition:all .25s ease-in-out;transition:all .25s ease-in-out}#navGear img{-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform}#navGear img:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);writing-mode:lr-tb}.loading #navGear{opacity:0;-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}

#head .sitewidth > #ht { background-image: url(/assets/img/web_3.0.0/habbotimes.png); background-position: bottom left; display: block; width: 65px; height: 175px; position: absolute; margin: 270px 0 0 800px; }
#head .sitewidth > #headinner { margin: 115px 0; position: absolute; left: 0; width: 100%; }

#hW{background-color:#020202;height:58px;width:100%;border-bottom:1px solid #141517;position:absolute;top:0;z-index:3}#hW>#hW2{width:950px;margin:0 auto}#hW>#hW2>#ribbon{background-image:url('/assets/img/web_3.0.0/ribbon.png');width:79px;height:180px;top:-69px;position:absolute;-webkit-filter:brightness(0.9);-webkit-transition:all 150ms ease;-moz-transition:all 150ms ease;-o-transition:all 150ms ease;transition:all 150ms ease}@-moz-document url-prefix(){#hW>#hW2>#ribbon{opacity:.9;-webkit-filter:none!important}#hW>#hW2>#ribbon:hover{opacity:1;-webkit-filter:none!important}}#hW>#hW2>#ribbon:hover{top:-45px;-webkit-filter:brightness(1)}#hW>#hW2>#nW{margin:22px 0 0 100px;font-family:'Ubuntu','Tahoma','Verdana','Arial',sans-serif}.drop{float:left;list-style:none}li.drop{position:relative}.drop a:focus{border:0;outline:0}.drop>a{color:#FFF;font-weight:500;font-size:15px;text-decoration:none;margin:0 15px 15px 15px;margin-top: -3px;display:block;-webkit-transition:all 100ms ease-out;-moz-transition:all 100ms ease-out;-o-transition:all 100ms ease-out;transition:all 100ms ease-out}.drop>a:hover{color:#199acb}.dropOut .triangle{width:0;height:0;position:absolute;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:8px solid white;top:-8px;left:50%;margin-left:-8px}.dropdownContain{width:160px;position:absolute;z-index:2;left:50%;margin-left:-80px;top:-400px}.dropOut{width:160px;background:white;float:left;position:relative;margin-top:0;opacity:0;-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.25);-moz-box-shadow:0 4px 10px rgba(0,0,0,0.25);box-shadow:0 4px 10px rgba(0,0,0,0.25);-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropOut ul{float:left;padding:0;margin:0}.dropOut a{color:#444;font-weight:500;font-size:13px;text-decoration:none;padding:10px;display:block;-webkit-transition:all 50ms ease-out;-moz-transition:all 50ms ease-out;-o-transition:all 50ms ease-out;transition:all 50ms ease-out;width:140px;z-index: 5;}.dropOut a:hover{background-color:#f7f7f7;color:#199acb}.dropOut li:first-child a:hover{-webkit-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropOut li:last-child a:hover{-webkit-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-background-clip:padding-box;-moz-background-clip:padding;background-clip:padding-box}.dropOut a.myProfile:hover{-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px}.dropOut a.register:hover{-webkit-border-bottom-left-radius:5px;-webkit-border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-moz-border-radius-bottomright:5px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}li:hover .dropdownContain{top:20px}li:hover .dropOut{opacity:1;margin-top:12px}

#nav { display: block; width: 600px; margin: 0 auto; padding: 85px 0 0 10px; }
#nav a, #nav div { width: 90px; height: 87px; margin: 0 10px 0 0; background: url(/assets/img/web_3.0.0/mainnav1.png); display: block; float: left; text-align: center; cursor: pointer; }
#nav > a span, #nav > div span { color: #3a4347; font-size: 14px; font-weight: bold; padding: 57px 0 0 0; display: block; text-shadow: 1px 1px 0 #ffffff; }
#nav .n11 em { display: block; width: 90px; height: 54px; background-repeat: no-repeat; background-position: center bottom; position: absolute; } 
#nav .n2  { background-position: 0  0; } #nav .n2:hover  { background-position: 90px  0; }
#nav .n3  { background-position: 0  -100px; } #nav .n3:hover  { background-position: 90px  -100px; }
#nav .n4  { background-position: 0  -200px; } #nav .n4:hover  { background-position: 90px  -200px; }
#nav .n5  { background-position: 0  -300px; } #nav .n5:hover  { background-position: 90px  -300px; }
#nav .n6  { background-position: 0  -400px; } #nav .n6:hover  { background-position: 90px  -400px; }
#nav .n7  { background-position: 0  -500px; } #nav .n7:hover  { background-position: 90px  -500px; }
#nav .n8  { background-position: 0  -600px; } #nav .n8:hover  { background-position: 90px  -600px; }
#nav .n9  { background-position: 0  -700px; } #nav .n9:hover  { background-position: 90px  -700px; }
#nav .n10 { background-position: 0  -800px; } #nav .n10:hover { background-position: 90px  -800px; }
#nav .n11 { background-position: 0  -900px; } #nav .n11:hover { background-position: 90px  -900px; }
#nav .n12 { background-position: 0 -1000px; } #nav .n12:hover { background-position: 90px -1000px; }
#nav .n13 { background-position: 0 -1100px; } #nav .n13:hover { background-position: 90px -1100px; }
#user { float: left; margin: 10px 30px; } #user .bn2 { float: right; margin: 0 10 0 0; }
.newalert, .newalert2 { position: absolute; width: 25px; height: 15px; background-image: url(/assets/img/web_3.0.0/new.png); background-repeat: no-repeat; background-position: center; }
.newalert { margin: -120px 0 0 10px; } .newalert2 { margin: -30px 0 0 0; }

#login2 { width: 220px; margin-left: 115px; margin: -505px 0 0 115px; position: absolute; overflow: hidden; z-index: 100; } #logininner { width: 1100px; }
#logininner > .login { width: 220px; float: left; overflow: hidden; } 
#logininner > .login .faceb { float: right !important; cursor: pointer; margin-top: 12px; } 
#logininner > .login input[type=text], #logininner > .login input[type=password] { width: 175px; }
#logininner > .login input { margin-bottom: 10px; } #logininner > .login input[type=submit] { margin: 10px 0 0 0; } #logininner > .login input[type=checkbox] { margin: 3px 5px 0 0; cursor: pointer; float: left; }
#logininner > .login div > .f { margin-bottom: 10px; } #logininner > .login .l { border-bottom: 1px solid #ddd; }
#loginterms { height: 90px; overflow-x: hidden; overflow-y: scroll; border: 1px solid #ddd; padding: 3px; background: #fff; margin: 12px 0 10px 0; font-size: 10px; line-height: 15px; } #confirmcode { width: 190px; height: 30px; margin-top: 5px; }
#logininner > .login > .msg a, #logininner > .login > .msg div { display: block; padding: 22px 12px 5px 12px; box-shadow: inset rgba(0,0,0,0.5) 0 0 2px; border: 1px solid #fff; float: left; margin: 0 5px 0 0; color: #444; font-weight: bold; cursor: pointer; }
#logininner > .login > .msg a:hover, #logininner > .login > .msg div:hover { border: 1px solid #55c5ff; }
#logininner > .login > .msg > .post { background: url(/assets/img/web_3.0.0/post.png) no-repeat center 10px #fff; }
#logininner > .login > .msg > .strm { background: url(/assets/img/web_3.0.0/msg2.png) no-repeat center 10px #fff; }
#logininner > .login > .msg > .like { background: url(/assets/img/web_3.0.0/like.png) no-repeat center  7px #fff; }
#logininner > .login > .msg > .trad { background: url(/assets/img/web_3.0.0/trad.png) no-repeat center  7px #fff; }
#logininner > .login > .msg > .fans { background: url(/assets/img/web_3.0.0/fans.png) no-repeat center  8px #fff; }
#logininner > .login > .msg > .coins { background: url(/assets/img/web_3.0.0/coin.png) no-repeat center  8px #fff; }
#logininner > .login > .msg > .wins { background: url(/assets/img/web_3.0.0/wins.png) no-repeat center  8px #fff; }
#logininner > .login > .msg > .evts { background: url(/assets/img/web_3.0.0/evts.png) no-repeat center  8px #fff; }
#logininner > .login > .msg > .crds { background: url(/assets/img/web_3.0.0/credits.png) no-repeat center  8px #fff; }
#logininner > .login > .msg > .pxls { background: url(/assets/img/web_3.0.0/pixels.png) no-repeat center  8px #fff; }
#logininner > .login > .msg > .wiki { background: url(/assets/img/web_3.0.0/wiki.png) no-repeat center  7px #fff; }
#logininner > .login > .friends, #logininner > .login > .badges { height: 260px; overflow-x: hidden; overflow-y: scroll; background: #fff; } 
#logininner > .login > .friends div { display: block; padding: 5px 5px 5px 50px; border-bottom: 1px solid #ddd; color: #444; background-repeat: no-repeat; background-position: 5px -5px; overflow: hidden; } #logininner > .login > .friends div:hover { background-color: #f8f8f8; }
#logininner > .login > .badges div, #mbadges div { display: block; padding: 10px 5px 10px 60px; border-bottom: 1px solid #ddd; color: #444; background-repeat: no-repeat; background-position: 5px center; overflow: hidden; } #logininner > .login > .badges div:hover { background-color: #f8f8f8; }

#share { float: right; margin: 20px 0 0 0; }
#share a, #logininner > .login .faceb { background: url(/assets/img/web_3.0.0/Shareicons/blue/shareicons.png); width: 25px; height: 25px; display: block; float: left; margin-left: 2px; }


#share .habbo { background-position:  0   0; } 
#share .habbo:hover { background-position:  0   25px; }

#share .hk { background-position:  25px 0; } 
#share .hk:hover { background-position:  25px 25px; }

#share .tweet { background-position: 50px 0; } 
#share .tweet:hover { background-position: 50px 25px; }

#share .faceb, #logininner > .login .faceb { background-position: 75px 0; } 
#share .faceb:hover, #logininner > .login .faceb:hover { background-position: 75px 25px; }



#lang { background: rgba(30,110,150,0.8); height: 22px; position: absolute; z-index: 10; margin: 21px 0 0 93px; overflow: hidden; }
#lang:hover { height: auto; background: rgba(0,0,0,0.6); } 
#lang > ul > li { display: block; color: rgba(255,255,255,0.7); font-size: 16px; padding: 3px 10px; cursor: pointer; font-size:11px; font-weight: bold; }
#lang > ul > li:hover { background: rgb(0,0,0); color: #fff; border-radius: 5px; } 

#online { background: rgba(30,110,150,0.8); height: 22px; float: right; margin: 21px 8px 0 0; }
#online > ul > li { display: block; color: rgba(255,255,255,0.7); font-size: 16px; padding: 3px 10px; font-size:11px; font-weight: bold; }

#openas { background: url(/assets/img/web_3.0.0/sicon.png) no-repeat center rgba(30,110,150,0.8); height: 22px; width: 22px; position: absolute; margin: 21px 0 0 31px; cursor: pointer; } 
#openas:hover { background: url(/assets/img/web_3.0.0/sicon.png) no-repeat center rgba(0,0,0,0.9); }

#openrc { background: url(/assets/img/web_3.0.0/error.png) no-repeat center rgba(30,110,150,0.8); height: 22px; width: 22px; position: absolute; margin: 21px 0 0 62px; cursor: pointer; } 
#openrc:hover { background: url(/assets/img/web_3.0.0/error.png) no-repeat center rgba(0,0,0,0.9); }
#openrc span { background: url(/assets/img/web_3.0.0/error.png) no-repeat center; width: 11px; height: 11px; position: absolute; margin: -5px 0 0 15px; display: none; }


#openmp { background: url(/assets/img/web_3.0.0/picon.png) no-repeat center rgba(30,110,150,0.8); height: 22px; width: 22px; position: absolute; margin: 21px 0 0 0; cursor: pointer; } 
#openmp:hover { background: url(/assets/img/web_3.0.0/picon.png) no-repeat center rgba(0,0,0,0.9); }
#openmp span { background: url(/assets/img/web_3.0.0/error.png) no-repeat center; width: 11px; height: 11px; position: absolute; margin: -5px 0 0 15px; display: none; }



#openmo { background: url(/assets/img/web_3.0.0/hkicon.png) no-repeat center rgba(30,110,150,0.8); height: 22px; width: 22px; position: absolute; margin: 30px 0 0 0; cursor: pointer; } 
#openmo:hover { background: url(/assets/img/web_3.0.0/hkicon.png) no-repeat center rgba(0,0,0,0.9); }
#openmo span { background: url(/assets/img/web_3.0.0/error.png) no-repeat center; width: 11px; height: 11px; position: absolute; margin: -5px 0 0 15px; display: none; }

#openml { background: url(/assets/img/web_3.0.0/licon.png) no-repeat center; height: 40px; width: 142px; position: absolute; margin: 85px 0 0 31px; cursor: pointer; } 
#openml > ul > li { color: #3a4347; font-size: 14px; font-weight: bold; padding: 9px 0 0 45px; display: block; text-shadow: 1px 1px 0 #ffffff; }

#reports { background: rgba(30,110,150,0.8); height: 22px; float: right; margin: 21px 10px 0 0; cursor: pointer; } #reports:hover { background: rgba(0,0,0,0.9); }
#reports > ul > li { display: block; color: rgba(255,255,255,0.7); font-size: 16px; padding: 3px 10px; font-size: 11px; font-weight: bold; } #reports > ul > li a { color: rgba(255,255,255,0.7) !important; }
#reportoptions .y, #reportoptions .n2 { width: 25px; height: 25px; cursor: pointer; padding: none !important; } #reportoptions .nc { cursor: auto !important; }
#reportoptions .y { background: url(/assets/img/web_3.0.0/ok.png) no-repeat center; } #reportoptions .n2 { background: url(/assets/img/web_3.0.0/no.png) no-repeat center !important; }

#content, #content2 { }
#content, #content2, #content3 { padding: 0 0 0 0; }

#promo { background: url(/assets/img/web_3.0.0/Promo/blue/promobg.png) top; clear: both; box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.5) inset; }
#promo > .sitewidth { background-image: url(/assets/img/web_3.0.0/Promo/blue/promobgc.png); background-position: center top; background-repeat: no-repeat; padding: 20px 0 40px 0; }
#promo > .sitewidth > .info { padding: 50px 0; } #promo > .sitewidth > .info > .support { float: right; padding-top: 35px; }
#promo > .sitewidth > .info > .image { width: 500px; height: 132px; background-image: url(/assets/img/web_3.0.0/Promo/blue/promoht.png); background-position: left bottom; background-repeat: no-repeat; } #promo > .sitewidth > .info > .image txt { display: block; padding: 96px 0 0 100px;  }
#promo > .sitewidth > .info > .image txt, #promo > .sitewidth > .info > .support a { color: #fff; font-weight: bold; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5); }
#promo > .sitewidth > .info > .support a { background-image: url(/assets/img/web_3.0.0/Promo/blue/promoicons.png); width: 160px; height: 100px; text-align: center; vertical-align: bottom; display: table-cell; }
#promo > .sitewidth > .info > .support > .s1 { background-position: left   0px; } #promo > .sitewidth > .info > .support > .s1:hover { background-position: right   0px; }
#promo > .sitewidth > .info > .support > .s2 { background-position: left 100px; } #promo > .sitewidth > .info > .support > .s2:hover { background-position: right 100px; }
#promo > .sitewidth > .info > .support > .s3 { background-position: left 200px; } #promo > .sitewidth > .info > .support > .s3:hover { background-position: right 200px; }
#promo .fb-like-box, #cloud { background: #090c0e; }

#lhead {
	padding: 15px 20px;
	border-bottom: 1px solid #234a69;
	overflow: hidden;
}

#tags, #twitter, #facebook { text-align: center; padding: 10px 0; float: left; border: solid 1px #384750; background: #090c0e; width: 31%; }
#twitter { padding: 10px; margin: 0 2% 18px 2%; }

#ad { padding: 10px; clear: both; background: #183348; border: solid 1px #1f435f; box-shadow: 0 0px 2px 1px rgba(0, 0, 0, 0.5) inset; }

#footer { text-align: center; background: #020202; }
#footer .inner { padding: 10px 0; }
#footer a { color: #FFF; border-right: solid 1px #020202; padding: 0 10px; } #footer a:hover { color: #109ee8; }
#footer a.last { border: none; }

#articles { margin-bottom: 30px; width: 58%; background-color: #ffffff; box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1); } 
#articles .p15 { padding-top: 25px; } #articles .p25 { clear: both; }
#articles .article { width: 100%; margin: 0; float: left; overflow: hidden; }
#articles .article .img, #articles .topnews { background: right bottom; display: block; overflow: hidden; }
#articles .article .img { height: 100px; width: 32%; margin: 20px; border-radius: 3px; box-shadow: -1px -1px 0 0 rgba(0,0,0,0.2) inset; } 

#articles .topnews { height: 175px; border-bottom: 1px solid #fff; box-shadow: -1px -1px 0 0 rgba(0,0,0,0.2) inset; }

#articles .article .img > d, #articles .topnews > d  { background: #f8f8f8; color: #444; padding: 0 5px 3px 5px; position: absolute; box-shadow: rgba(0,0,0,0.3) 1px 1px 1px; border-radius: 0 0 3px 0; border-right: 1px solid #fff; z-index: 2; } 
#articles .article .img > d[class="t"], #articles .topnews > d[class="t"] { color: #cb380e; font-weight: bold; } #articles .article .img > d[class="y"] { font-weight: bold; }
#articles .article a span, #articles .topnews span { display: table-cell; text-align: center; color: #fff; font-weight: bold; vertical-align: middle; opacity:0.01; }
#articles .article a span { height: 80px;  } #articles .topnews span { background: rgba(0,0,0,0.5) center; height: 175px; }
#articles .article .text { padding: 15px 15px 20px 20px; } 
#articles .article .text span { color: #666; } 
#articles .article .text h2 
{
font-size: 24px;
line-height: 28px;
letter-spacing: -0.5px;
margin-bottom: 3px;
color: #333;
}
#articles .article .alert { float: left; display: block; width: 25px; height: 15px; background: url(/assets/img/web_3.0.0/new.png) no-repeat center; margin: 3px 5px 0 0; } 
#articles .topnewstext .alert { float: left; display: block; width: 25px; height: 15px; background: url(/assets/img/web_3.0.0/new.png) no-repeat center; margin: 7px 5px 0 0; } 
#articles .article .alert, .snalert { float: left; display: block; width: 46px; height: 30px; background: url(/assets/img/web_3.0.0/new.png) no-repeat center; margin: 0px 5px 0 0; } 


#articles .topnews 
{
border-right: none;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3) inset;
margin-top: 12px;
} 



#articles .topnews > d { padding: 0 5px 3px 30px; } 
#articles .topnews span { width: 800px; } 


#articles > .topnewstext { padding: 15px 15px 20px 20px; } #articles > .topnewstext h2 { font-size: 24px; line-height: 28px; letter-spacing: -0.5px; margin-bottom: 3px; color: #333; }

#articleskat, #articlessearch { background: #ffffff; border: solid 1px #cbcbcb; height: 23px; z-index: 0; position: absolute; z-index: 1;}
#articleskat { 
	width: 163px;
	float: right;
	right: 7px;
	top: 9px;
}

#articlessearch { 
	top: 9px;
	width: 163px;
	float: right;
	right: 179px;
}

#articleskat:hover { height: auto; } 
#articleskat > ul > li { display: block; color: #b5b5b5; font-size: 12px; padding: 3px 3px 3px 10px; cursor: pointer; }
#articleskat > ul > li:hover { background: rgba(230, 230, 230, 0.65); color: #444; } 

#articlessearch > input { width: 92%; color: #b5b5b5; font-size: 12px; padding: 5px 5px 5px 8px; }


#articlesmore, #streammore, #streammore_s, #streammorew, #streammoren 
{ 
text-align: center;
padding: 5px;
cursor: pointer;
border-top: 1px solid #fff;
color: #e4e9ed;
clear: both;
-webkit-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
-moz-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3) inset;
}

#articlesmore:hover, #streammore:hover, #streammore_s:hover, #streammorew:hover, #streammoren:hover 
{
color: #fff;
}

#articlesmore1, #streammore1, #streammorew1, #streammoren1 { text-align: center; padding: 5px; border-top: 1px solid #fff; background: #8a96a0; color: #e4e9ed; clear: both; -webkit-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset; -moz-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset; box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); border-radius: 0px 0px 3px 3px; }

#articlesmore2, #streammore2, #streammorew2, #streammoren2 { text-align: center; padding: 5px;  cursor: pointer; border-top: 1px solid #fff; background: #8a96a0; color: #e4e9ed; clear: both; -webkit-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset; -moz-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset; box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset; text-shadow: -1px -1px 0 rgba(0,0,0,0.2); border-radius: 0px 0px 3px 3px;}
#articlesmore2:hover, #streammore2:hover, #streammorew2:hover, #streammoren2:hover { background: #a5afb7; color: #fff; }

#getmore_orange {
text-align: center;
padding: 5px;
cursor: pointer;
border-top: 1px solid #fff;
color: #e4e9ed;
clear: both;
-webkit-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
-moz-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

#getmore_orange:hover {
color: #fff;
}

#getmore_blue {
text-align: center;
padding: 5px;
cursor: pointer;
border-top: 1px solid #fff;
color: #e4e9ed;
clear: both;
-webkit-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3) inset;
-moz-box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3) inset;
box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.3) inset;
text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

#getmore_blue:hover {
color: #fff;
}

#getmore_green {
text-align: center;
padding: 5px;
cursor: pointer;
border-top: 1px solid #fff;
background: #549303;
color: #e4e9ed;
clear: both;
-webkit-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
-moz-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
border-radius: 0px 0px 3px 3px;
border: 1px solid #549303;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

#getmore_green:hover {
background: #72A816;
color: #fff;
}

#getmore_red {
text-align: center;
padding: 5px;
cursor: pointer;
border-top: 1px solid #fff;
background: #B0381E;
color: #e4e9ed;
clear: both;
-webkit-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
-moz-box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.7) inset;
text-shadow: -1px -1px 0 rgba(0,0,0,0.2);
border-radius: 0px 0px 3px 3px;
border: 1px solid #A6392E;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}

#getmore_red:hover {
background: #C74143;
color: #fff;
}

#articletext { border-bottom: solid 1px #ddd; padding: 25px; font-size: 14px; line-height: 24px; margin-top: -15px; }
#articletext p { margin-top: 15px; border: none !important; } #articletext ul, #articletext ol { margin: 15px 0 15px 40px; }#articletext h2 { color: #999; font-size: 14px; } #articletext h1 { line-height: 1.5; font-size: 25px; font-weight: bold; margin-top: 5px; } 
#articlefooter { border: none !important; padding: 10px 25px; color: #999; }
#articles .date { color: #ddd; font-size: 45px; font-weight: bold; margin-top: 0; text-shadow: 1px 1px 0 #fff; }
#articles > #gallery { padding: 15px 25px 6px 25px; border-bottom: solid 1px #ddd; background: #fff; } 
#articles .text > #gallery { padding: 15px 0 6px 0; height: 100px; overflow: hidden; } 
#articles > #gallery > a img, #articles .text > #gallery > a img { border: solid 1px #ddd; margin: 0 6px 6px 0; } 
#articles > #gallery > a img:hover, #articles .text > #gallery > a img:hover { opacity: 0.8; }
#poll { margin-top: 15px; } #poll .bn1 { margin-top: 10px; } #poll .bn5 { margin-top: 10px; } #poll strong { font-size: 14px;display: block;margin-bottom: 10px;line-height: 1.6; } #poll > .poll_send { float: right;cursor: pointer; } #poll li, #poll ul { list-style: none;margin-top: 3px;padding: 0; }
#poll ul > li > .pollresult { height: 8px; background: #00baff url(/assets/img/web_3.0.0/Loading/blue/loading.png) repeat center; border: solid 1px #377189; display: block; margin: 2px 0 10px 0; border-radius: 3px; } #poll ul > li > span { color: #999999;padding: 0 5px; }
#podcast { background-image: url(/assets/media/aktuell/podcast/podcast.png); background-position: 0 center; background-repeat: no-repeat; margin-bottom: 25px; padding: 10px 25px 15px 100px; } 

streamh { width: 25px; height: 25px; display: block; background: url(/assets/img/web_3.0.0/StreamBN1/blue/streambn2.png) no-repeat top center; line-height: 25px; text-align: center; font-size: 10px; font-weight: bold; color: #999; cursor: pointer; } 
streamh:hover { background-position: bottom center; }

stream 
{ 
width: 25px; 
height: 25px; 
display: block; 
background: url(/assets/img/web_3.0.0/StreamBN1/blue/streambn1.png) no-repeat top center; 
line-height: 25px; 
text-align: center; 
font-size: 10px; 
font-weight: bold; 
color: #999; 
cursor: pointer;
} 
stream:hover { background-position: bottom center; }
#stream .update coin { padding: 1px 3px 1px 17px; border-radius: 3px; border: solid 1px #e3e3e3; background: url(/assets/img/web_3.0.0/coin.png) no-repeat left center #f1f1f1; color: #666; }
#stream { margin-bottom: 30px; }
#stream .update { border-top: solid 1px #ddd; padding: 10px; margin: 0; line-height: 1.4; overflow: hidden; /*background-color: #f5f5f5;*/ } #stream .update:hover { /*background-color: #f5f5f5;*/ }
#stream .update > .msg a[target="_blank"], #stream .update > .msg u { padding-right: 12px; color: #666; background: url(/assets/img/web_3.0.0/link_extern.png) center right no-repeat; text-decoration: none; }
#stream .update > .msg a[target="_blank"]:hover, #stream .update > .msg u:hover { color: #333; }
#stream .update > .habbo { background: url(/site/scripts/me/img/shdw.png) no-repeat center bottom;	overflow: hidden; float: left; }
#stream .update > .habbo a { background: no-repeat center bottom; display: block; height: 50px; width: 50px; }
#stream .update > .topics { background: url(/site/scripts/me/img/topic.png) no-repeat center bottom; overflow: hidden; float: left; display: block; height: 40px; width: 50px; }
#stream .update > .msg { display: block; overflow: hidden; } 
#stream .update > .msg a { color: #172d39; }
#stream .update > .msg em { color: #858585; font-size: 10px; }
#stream .update > .msg em img { float: none; margin: 2px 0 0 0; }
#stream .update > .msg em > span { height: 15px; overflow: hidden; display: inline-block; margin-bottom: -4.5px; }
#stream .update > .msg em > span a { cursor: pointer; color: #858585; }
#stream .update > .msg > .img > .icon { background: url(/assets/img/web_3.0.0/updatebox.png) center no-repeat; width: 76px; height: 76px; }
#stream .update > .msg img, #stream .update > .msg > .img { float: right; margin: 0 0 0 30px; }
#stream .update > .msg > .img { background: center no-repeat #fff; width: 76px; height: 76px; overflow: hidden; }

#stream .update .n { }
#stream .update .h { }
#stream .update .p { }
#stream .update .f { }
#stream .update .d { }
#stream .update .a { }

.new_n { margin-top: -5px; height: 33px; float:left; background: url(/assets/img/web_3.0.0/habbo.png) no-repeat 12px center; padding-left: 75px !important; }
.new_u { margin-top: -5px; height: 33px; float:left; }
.new_h { margin-top: -5px; height: 33px; float:left; background: url(/assets/img/web_3.0.0/ht.png) no-repeat 15px center; padding-left: 75px !important; }
.new_p { margin-top: -5px; height: 33px; float:left; background: url(/assets/img/web_3.0.0/person.png) no-repeat 15px center; padding-left: 75px !important; }
.new_f { margin-top: -5px; height: 33px; float:left; background: url(/assets/img/web_3.0.0/forum.png) no-repeat 15px center; padding-left: 75px !important; }
.new_d { margin-top: -5px; height: 33px; float:left; background: url(/assets/img/web_3.0.0/dislike.png) no-repeat 12px center; padding-left: 75px !important; }
.new_a { margin-top: -5px; height: 33px; float:left; background: url(/assets/img/web_3.0.0/article.png) no-repeat 7px center; padding-left: 75px !important; }


stream_s { width: 25px; height: 25px; display: block; background: url(/assets/img/web_3.0.0/streambn1.png) no-repeat top center; line-height: 25px; text-align: center; font-size: 10px; font-weight: bold; color: #999; cursor: pointer; } stream_s:hover { background-position: bottom center; }
#stream_s .update coin { padding: 1px 3px 1px 17px; border-radius: 3px; border: solid 1px #e3e3e3; background: url(/assets/img/web_3.0.0/coin.png) no-repeat left center #f1f1f1; color: #666; }
#stream_s { margin-bottom: 30px; }
#stream_s .update { border-top: solid 1px #ddd; padding: 10px; margin: 0; background: url(/assets/img/web_3.0.0/msg.png) no-repeat -30px center; line-height: 1.4; overflow: hidden; } #stream .update:hover { /*background-color: #fff;*/ }
#stream_s .update > .msg a[target="_blank"], #stream .update > .msg u { padding-right: 12px; color: #666; background: url(/assets/img/web_3.0.0/link_extern.png) center right no-repeat; text-decoration: none; }
#stream_s .update > .msg a[target="_blank"]:hover, #stream .update > .msg u:hover { color: #333; }
#stream_s .update > .habbo { background: url(/site/scripts/me/img/shdw.png) no-repeat center bottom;	overflow: hidden; float: left; }
#stream_s .update > .habbo a { background: no-repeat center bottom; display: block; height: 50px; width: 50px; }
#stream_s .update > .topics { background: url(/site/scripts/me/img/topic.png) no-repeat center bottom; overflow: hidden; float: left; display: block; height: 40px; width: 50px; }
#stream_s .update > .msg { display: block; padding-left: 25px; overflow: hidden; } 
#stream_s .update > .msg a { color: #172d39; }
#stream_s .update > .msg em { color: #858585; font-size: 10px; }
#stream_s .update > .msg em img { float: none; margin: 2px 0 0 0; }
#stream_s .update > .msg em > span { height: 15px; overflow: hidden; display: inline-block; margin-bottom: -4.5px; }
#stream_s .update > .msg em > span a { cursor: pointer; color: #858585; }
#stream_s .update > .msg > .img > .icon { background: url(/assets/img/web_3.0.0/updatebox.png) center no-repeat; width: 76px; height: 76px; }
#stream_s .update > .msg img, #stream .update > .msg > .img { float: right; margin: 0 0 0 30px; }
#stream_s .update > .msg > .img { background: center no-repeat #fff; width: 76px; height: 76px; overflow: hidden; }

#stream .streamadd { width: 22px; height: 30px; background: url(/assets/img/web_3.0.0/add.png) no-repeat center; cursor: pointer; } #stream .streamadd:hover { opacity: 0.8; } #stream .streamaddph { width: 20px; height: 30px; }
#stream .streamlnk { font-size: 9px; margin: 10px 10px; padding: 3px 4px; border: solid 1px #ddd; background: #f4f4f4; color: #b1b1b1; width: 165px; }
#stream .streambk 
{ 
    background: url(/assets/img/web_3.0.0/sicon.png) no-repeat center #ddd; 
	width: 24px; 
	height: 18px; 
	margin: 10px 20px 0 0; 
	cursor: pointer; 
	-webkit-transition: all .15s ease-in-out;
    -moz-transition: all .15s ease-in-out;
    -ms-transition: all .15s ease-in-out;
    -o-transition: all .15s ease-in-out;
    transition: all .15s ease-in-out;
}
#stream .streambk:hover { background: url(/assets/img/web_3.0.0/sicon.png) no-repeat center #888888; }

#stream .streamrc { background: url(/assets/img/web_3.0.0/error.png) no-repeat center #ddd; width: 24px; height: 18px; margin: 10px 20px 0 0; cursor: pointer; }
#stream .streamrc:hover { background: url(/assets/img/web_3.0.0/error.png) no-repeat center #888888; }

#stream .streamlk { 
background: url(/assets/img/web_3.0.0/like.png) no-repeat center #ddd; width: 24px; height: 18px; margin: 10px 20px 0 0; cursor: pointer; 
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
#stream .streamlk:hover { background: url(/assets/img/web_3.0.0/like.png) no-repeat center #888888; }

#stream .streamdlk { 
background: url(/assets/img/web_3.0.0/dislike.png) no-repeat center #ddd; width: 24px; height: 18px; margin: 10px 20px 0 0; cursor: pointer; 
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-ms-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
#stream .streamdlk:hover { background: url(/assets/img/web_3.0.0/dislike.png) no-repeat center #888888; }

#stream #streamsend, #stream #streamadd { padding-bottom: 2px; height: 1px; overflow: hidden; display: none; }
#stream #streamsend textarea, #stream #streamadd textarea { resize: none; width: 99%; }
#stream #streamsend #sendcnt, #stream #streamadd #sendcnt { float: right; margin-top: 10px; }
#stream #streamsend .sendcntred, #stream #streamadd .sendcntred { color: #FF0000; }
#stream .streamhead { margin-bottom: 1px; padding: 25px 50px 55px 50px; overflow: hidden; word-wrap: break-word; color: rgba(255,255,255,0.7); font-size: 25px; line-height: 35px; text-align: center; }
#stream .streamhead em { font-size: 12px; line-height: 15px; color: #fff; display: block; margin-top: 5px; } #stream .streamhead a { color: #fff; } #stream .streamhead a:hover { color: #fff; }


#stream_s .streamadd_s { width: 22px; height: 30px; background: url(/assets/img/web_3.0.0/add.png) no-repeat center; cursor: pointer; } #stream_s .streamadd_s:hover { opacity: 0.8; } #stream_s .streamaddph_s { width: 20px; height: 30px; }
#stream_s .streamlnk_s { font-size: 9px; margin: 10px 10px; padding: 2px 4px; border: solid 1px #ddd; background: #f4f4f4; color: #b1b1b1; width: 165px; }
#stream_s .streambk_s { background: url(/assets/img/web_3.0.0/sicon.png) no-repeat center #ddd; width: 24px; height: 18px; margin: 10px 20px 0 0; cursor: pointer; }
#stream_s .streambk_s:hover { background: url(/assets/img/web_3.0.0/sicon.png) no-repeat center #888888; }

#stream_s .streamrc_s { background: url(/assets/img/web_3.0.0/error.png) no-repeat center #ddd; width: 24px; height: 18px; margin: 10px 20px 0 0; cursor: pointer; }
#stream_s .streamrc_s:hover { background: url(/assets/img/web_3.0.0/error.png) no-repeat center #888888; }



#stream_s #streamsend_s #streamsend_s, #stream_s #streamadd_s { padding-bottom: 2px; height: 1px; overflow: hidden; display: none; }
#stream_s #streamsend_s #streamsend_s textarea, #stream_s #streamadd_s textarea { resize: none; width: 97%; }
#stream_s #streamsend_s #streamsend_s #sendcnt_s, #stream_s #streamadd_s #sendcnt_s { float: right; margin-top: 10px; }
#stream_s #streamsend_s #streamsend_s .sendcntred_s, #stream_s #streamadd_s .sendcntred_s { color: #FF0000; }
#stream_s .streamhead_s { font-family: 'Merienda One', cursive; margin-bottom: 1px; padding: 25px 50px 55px 50px; background: url(/assets/img/web_3.0.0/streamheadbg.png) repeat-x bottom left; overflow: hidden; word-wrap: break-word; color: rgba(255,255,255,0.7); font-size: 25px; line-height: 35px; box-shadow: inset rgba(0,0,0,0.7) 0 0 4px 0; text-align: center; border-radius: 5px 5px 0 0; }
#stream_s .streamhead_s em { font-size: 12px; line-height: 15px; color: rgba(255,255,255,0.7); display: block; margin-top: 5px; } #stream_s .streamhead_s a { color: rgba(255,255,255,0.7); } #stream_s .streamhead_s a:hover { color: rgba(255,255,255,0.5); }







#stream_2 .streamadd_2 { width: 22px; height: 30px; background: url(/assets/img/web_3.0.0/add.png) no-repeat center; cursor: pointer; } #stream_2 .streamadd_2:hover { opacity: 0.8; } #stream_2 .streamaddph_2 { width: 20px; height: 30px; }
#stream_2 .streamlnk_2 { font-size: 9px; margin: 10px 10px; padding: 2px 4px; border: solid 1px #ddd; background: #f4f4f4; color: #b1b1b1; width: 165px; }
#stream_2 .streambk_2 { background: url(/assets/img/web_3.0.0/sicon.png) no-repeat center #ddd; width: 24px; height: 18px; margin: 10px 20px 0 0; cursor: pointer; }
#stream_2 .streambk_2:hover { background: url(/assets/img/web_3.0.0/sicon.png) no-repeat center #888888; }



#stream_2 #streamsend_2, #stream_2 #streamadd_2 { padding-bottom: 2px; height: 1px; overflow: hidden; display: none; }
#stream_2 #streamsend_2 textarea, #stream_2 #streamadd_2 textarea { resize: none; width: 97%; }
#stream_2 #streamsend_2 #sendcnt_2, #stream_2 #streamadd_2 #sendcnt_2 { float: right; margin-top: 10px; }
#stream_2 #streamsend_2 .sendcntred_2, #stream_2 #streamadd_2 .sendcntred_2 { color: #FF0000; }
#stream_2 .streamhead_2 { font-family: 'Merienda One', cursive; margin-bottom: 1px; padding: 25px 50px 55px 50px; background: url(/assets/img/web_3.0.0/streamheadbg.png) repeat-x bottom left; overflow: hidden; word-wrap: break-word; color: rgba(255,255,255,0.7); font-size: 25px; line-height: 35px; box-shadow: inset rgba(0,0,0,0.7) 0 0 4px 0; text-align: center; border-radius: 5px 5px 0 0; }
#stream_2 .streamhead_2 em { font-size: 12px; line-height: 15px; color: rgba(255,255,255,0.7); display: block; margin-top: 5px; } #stream_2 .streamhead_2 a { color: rgba(255,255,255,0.7); } #stream_2 .streamhead_2 a:hover { color: rgba(255,255,255,0.5); }














.tip { overflow: hidden; color: #ffffff; background: #020c11; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.tip-title { padding: 8px; } .tooltip {	z-index: 9900;}

#updatebadge, #updatefurni {     background: none; height: 135px; margin-bottom: 30px; width: 58%; }
#updatepixel { height: 193px; }
#updatebadge div > ul { margin-left: 40px; }

#updatebadge > .bg2, #updatefurni > .bg2, #updateforum > .bg2, #updatepixel > .bg2 { padding: 15px 10px 15px 15px; }
#updatebadge div > ul > li, #updatefurni div > ul > li, #updatepixel div > ul > li { 
	border-radius: 10px;
	margin-top: 20px;
	display: block;
	float: left;
	margin: 10px 8px 0 0;
	text-align: center;
	font-size: 10px;
	line-height: 20px;
}

#updatebadge div > ul > li a, #updatefurni div > ul > li a {
	display: block;
	background-color: rgba(0, 0, 0, 0.07);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
	height: 57px;
	width: 57px;
	background-position: 0 13%;
	margin-right: 13px;
	margin-bottom: 13px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
	margin-left: 12px;
}

#updatebadge div > ul > li a:hover, #updatefurni div > ul > li a:hover { background-color: rgba(0, 0, 0, 0.14); } 


#updatebadge div > ul > li > a em, #updatefurni div > ul > li > a em { position: absolute; margin-top: -9px; margin-left: -1px; display: block; width: 57px; height: 30px; background: url(/assets/img/web_3.0.0/new2.png) no-repeat center; }

#updatebadge div > ul > li > a emo, #updatefurni div > ul > li > a emo { position: absolute; margin-top: -9px; margin-left: -1px; display: block; width: 57px; height: 30px; background: url(/assets/img/web_3.0.0/new3.png) no-repeat center; }

#updatepixel div > ul { margin-left: 40px; }
#updatepixel div > ul > li { display: block; width: 76px; height: 76px; background-size: auto 100%; background-repeat: no-repeat; background-position: center right; border-radius: 10px; }
#updatepixel div > ul > li:hover { background-position: center left; }
#updatepixel div > ul > li a { display: block; width: 76px; height: 76px; background: no-repeat center url(/assets/img/web_3.0.0/updatebox2.png) transparent !important; }


#updateforum { border: 1px solid #f8f8f8; margin-bottom: 30px; width: 59%; } #updatepixel { margin-bottom: 30px; width: 58%; }
#updatebobbatalk { border: 1px solid #f8f8f8; background: url(/assets/media/events/bobbatalk/btlogo.png) no-repeat bottom right; padding: 0 200px 0 0 } #updatebobbatalk h1 { font-size: 30px; line-height: 45px; } #updatebobbatalk h1 strong { display: block; margin-bottom: 5px; font-size: 35px; line-height: 40px; } #updatebobbatalk stream { margin: 8px 10px 0 0; }

#wikibanner { display: block; height: 180px; background-position: left bottom; margin: 30px 0; }

#loading { width: 900px; margin: 50px auto; border-bottom: solid #418abc 1px; border-top: solid #1a374e 1px; border-left: solid #1a374e 1px; box-shadow: inset rgba(0,0,0,0.5) 0 0 2px 0; background: #1a374e; text-transform: uppercase; color: #fff; text-align: left; font-weight: bold; }
#loading div { height: 20px; background: url(/assets/img/web_3.0.0/Loading/blue/loading.png);  border-radius: 5px; box-shadow: inset rgba(0,0,0,0.5) 0 0 2px 0; float: left; margin-right: 10px; } 

.quicksearch_content { background-color:#EFEFEF; border-bottom:1px solid #FFFFFF; border-top:2px solid #FFFFFF;	padding:5px 10px; }
.quicksearch_content a { color: #172d39; }
.quicksearch_content a.content_hidden {	color: #a8b9c3; }

/* MOBILE */
#mobile { width: 100% !important; min-width: 100% !important; }
#mobile #articles { width: 100% !important; overflow: auto !important; background: rgba(248, 248, 248, 0) !important; margin-left: 0 !important; position: absolute !important; }
#mobile #articles .article { background: none !important; height: auto !important; padding-bottom: 10px !important; }
#mobile #articles .article .img { width: 27% !important; margin: 25px 0 0 15px !important; }
#mobile #articles .article .text { width: 60% !important; }
#mobile #articles .topnews { margin-top: 15px !important; }
#mobile #mobilearticle { background: #fff; position: absolute; display: none; width: 100%; margin-top: 56px; }
#mobile #mobilearticle .bn1 { margin: 15px; text-align: center; }
#mobile #mobilearticle #articletext { margin-top: 15px; }

/* RETINA | iPad 3 only */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
#head.day .sitewidth { background-image: url(/assets/img/web_3.0.0/homebgstd@2.png) !important; background-size: 784px 450px; }
#head.night .sitewidth { background-image: url(/assets/img/web_3.0.0/homebgstdn@2.png) !important; background-size: 784px 450px; }
#promo > .sitewidth > .info > .image { background-image: url(/assets/img/web_3.0.0/Promo/blue/promoht@2.png) !important; background-size: 395px 111px; }
#promo > .sitewidth > .info > .support a { background-image: url(/assets/img/web_3.0.0/Promo/blue/promoicons@2.png) !important; background-size: 320px 300px; }
#promo > .sitewidth { background-image: url(/assets/img/web_3.0.0/Promo/blue/promobgc@2.png) !important; background-size: 700px 150px; }
#nav a, #nav div { background-image: url(/assets/img/web_3.0.0/mainnav1@2.png) !important; background-size: 180px 1200px; }
#head .sitewidth > #ht { background-image: url(/assets/img/web_3.0.0/habbotimes@2.png) !important; background-size: 130px 175px; }
#articles { background-image: url(/assets/img/web_3.0.0/articlepaperhead@2.png) !important; background-size: 601px 67px; }
#updatebadge, #updatefurni, #updateforum, #updatepixel { background-image: url(/assets/img/web_3.0.0/Updateicons/blue/updateicons@2.png) !important; background-size: 400px 500px; }
.newalert, .newalert2 {  background-image: url(/assets/img/web_3.0.0/new@2.png) !important; background-size: 23px 15px; }
}

/* AppEURO12 */
#AppEURO12 { background: url(/assets/media/events/em2012/appbghome1.png) no-repeat top center #f8f8f8; margin: 0 0 30px 0; border: solid 1px #3f7f15; }
#AppEURO12 > .b { width:330px;margin:0 auto; }
#AppEURO12 > .b > .c { font-size:10px;width:180px;float:right;border:1px solid #ffffff;background:#ffffff;margin:25px 0; } 
#AppEURO12 > .b > .c > .t { height:125px;overflow:auto; }
#AppEURO12 > .b > .c > .t > .h { overflow:hidden;padding:5px;margin-top:1px;float:left;width:75%;font-weight:normal;line-height:1.5; }

/* AppAd */
#AppAd, #AppAd2, #AppAd3 { height: 250px; margin: 0 0 30px 0; display: block; }
#AppAd { background: url(/assets/media/layout/ad/ad2.png) no-repeat top left; }
#AppAd2 { background: url(/assets/media/layout/ad/ad2b.png) no-repeat top left; }
#AppAd3 { background: url(/assets/media/layout/ad/ad2c.png) no-repeat top left; }
#AppAdStream { margin: 207px 15px 0 325px !important; position: absolute; }

/*Watch Sparkbar */

.watch-sparkbars {
	width: 100%;
	height:2px;
	margin:2px 0;
	overflow:hidden;
}

.watch-sparkbar-likes{
	float:left;
	height:2px;
	background:#167ac6
}

.watch-sparkbar-dislikes{
	float:left;
	height:2px;
	background:#ccc
}

.stm
{
   margin-top: 15px;
}

.stm h2
{
   text-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1);
   color: #FFF;
}

.clbtn { 
position: fixed;
left: 0px;
top: 50%;
width: 32px;
height: 153px;
z-index: 9999;
margin-top: -76px;
background-image: url(/assets/img/web_3.0.0/ec_btn.png);
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

.hvbtn { 
position: fixed;
right: 0px;
top: 50%;
width: 32px;
height: 153px;
z-index: 9999;
margin-top: -76px;
background-image: url(/assets/img/web_3.0.0/hv_btn.png);
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: url(desaturate.svg#greyscale);
filter: gray;
-webkit-filter: grayscale(1);
}

img.article-image {
float: right;
margin: 0 0 10px 10px;
}

#underlay {
	background: url(../../img/web_3.0.0/header_v4.png) center center;
	width: 100%;
	height: 0px;
	box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.7) 0px 0px 45px inset;
	top: 0;
	/*position: fixed !important;*/
	z-index: 65555;
	/*background-size: 108% 100%;*/
}

.Center {
	width:400px;
	height:210px;
	position:absolute;
	top:70px;
	left:50%;
	margin-left:-200px;
	z-index:1;
}

.Center .Logo {
	color:#FFF;
	text-shadow:0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1);
	font-size:70px;
	position:absolute;
	top:45px;
	left:50px;
	font-family: Indie Flower;
}

.Center .Logo .net {
	color:#FFF;
	text-shadow:0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1);
	font-size:24px;
}

.Center .Logo .slogen {
	color:#FFF;
	text-shadow:0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1);
	font-size:18px;
	position:absolute;
	top:36px;
	left:80px;
}

#ht_header {
background-color: rgba(0,0,0,0.7);
width: auto;
height: 52px;
position: relative;
z-index: 2;
box-shadow: 0px 4px 0px rgba(0, 0, 0, 0.2);
}

#ht_header_sub {
	min-width: 900px;
	max-width: 900px;
	margin: 0 auto;
}

.SideBar {
	width:5px;
	height:100%;
	float:left;
	min-height:20px;
	border-bottom-left-radius:3px;
	box-shadow:2px 0px 0px rgba(0, 0, 0, 0.2);
	margin-top:-2px;
}

ul.ht_navigation {
  text-align: left;
  display: inline;
  margin: 0;
  padding: 15px 4px 17px 0;
  list-style: none;
  font-size:25px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

ul.ht_navigation li.ht_navigation {
  font: 17px Ubuntu;
  font-weight: lighter;
  display: inline-block;
  position: relative;
  padding: 16px 18px;
  padding-bottom: 17px;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
  color: black;
}

ul.ht_navigation li.ht_navigation:hover {
  cursor: pointer;
  background-color: rgba(0, 100, 150, 0.54);
}

ul.ht_navigation li.ht_navigation:hover ul.ht_navigation {
  display: block;
  opacity: 1;
  visibility: visible;
  z-index: :4;
}

ul.ht_navigation li.ht_navigation ul.ht_navigation {
  padding: 0;
  position: absolute;
  top: 45px;
  left: 0;
  width: 150px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
}

ul.ht_navigation li.ht_navigation ul.ht_navigation li.ht_navigation { 
  background-color: #f6f6f6;
  color: #000;
  display: block;
  width: 150px;
  color: #000;
  font-size:14px;
  z-index:4;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}

#ht_header_sub ul li ul a:last-child li { 
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}

ul.ht_navigation li.ht_navigation ul.ht_navigation li.ht_navigation img {
	margin:auto;
	margin-top:-10px;
	padding:auto;
	float:right;
	visibility:hidden;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}





ul.ht_navigation.blueit li.ht_navigation.blueit ul.ht_navigation.blueit li.ht_navigation.blueit:hover {
	background: rgba(255, 255, 255, 0.73);
}

ul.ht_navigation.redit li.ht_navigation.redit ul.ht_navigation.redit li.ht_navigation.redit:hover {
	background: #FFF;
}

ul.ht_navigation.purpleit li.ht_navigation.purpleit ul.ht_navigation.purpleit li.ht_navigation.purpleit:hover {
	background: #FFF;
}

ul.ht_navigation.greyit li.ht_navigation.greyit ul.ht_navigation.greyit li.ht_navigation.greyit:hover {
	background: #FFF;
}

ul.ht_navigation.orangeit li.ht_navigation.orangeit ul.ht_navigation.orangeit li.ht_navigation.orangeit:hover {
	background: #FFF;
}





ul.ht_navigation li.ht_navigation ul.ht_navigation li.ht_navigation:hover img {
	visibility:visible;
}

li.cyan:hover, li.magenta:hover, li.green:hover, li.yellow:hover, li.orange:hover, li.red:hover, li.white:hover, li.grey:hover { 

}



/* -- New HabboTimes Box Colors -- */

.bblue, .blue {
    background-color: #006496;
}

.bblue:hover {
    background-color: #004B70;
}

.nblue:hover {
    /*border-bottom: solid 3px #0F6387;*/
}

/* -- New HabboTimes Box Colors -- */


/* -- New HabboTimes Box -- */

.ht_boxheader  {
	width:100%;
	height:50px;
	border-radius:3px;
	border-bottom-left-radius:0px;
	border-bottom-right-radius:0px;
	background-color:#ffffff;
	position:relative;
	border-bottom: none;
}

.no-border  {
	border: none;
}

.ht_boxheader .color {
	width:100%;
	height:10px;
	float:left;
	box-shadow:0px 2px 0px rgba(0, 0, 0, 0.2);
	position:absolute;
	bottom:0px;
}

.ht_boxheader .color .icon {
	height:41px;
	width: 100%;
	position:absolute;
	bottom:10px;
	left:0px;
}

.ht_boxheader .color .icon .body {
	width:92.9%;
	color:#242424;
	position:absolute;
	top:-3px;
	font-size:18px;
	padding:15px;
}

.forum_shadowbox {
	background-color: rgba(0, 0, 0, 0.07);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	-khtml-border-radius: 3px;
}

#sb-close {
    position: relative;
    right: -6px;
    float: right;
    top: -4px;
}




.icon_list
{
    color: #000;
	position: relative;
	left: -10px;
}

.icon
{
    width: 20px;
	height: 20px;
	position: relative;
	padding: 0 !important;
}

.icon value
{
    left: 26px;
	position: relative;
	/*font-weight: bold;*/
}

.icon_credits
{
    background: url(/assets/img/web_3.0.0/icons/credits_icon.png) no-repeat center;
	margin-bottom: 5px;
}

.icon_activity_points
{
    background: url(/assets/img/web_3.0.0/icons/pixel_icon.png) no-repeat center;
	margin-bottom: 5px;
}

.icon_premium_points
{
    background: url(/assets/img/web_3.0.0/icons/premium_icon.png) no-repeat center;
	margin-bottom: 5px;
}



/* -- New HabboTimes Box -- */

#sidenav { width:55px;background-color:rgba(0,0,0,0.5);left:0%;height:100%;position:fixed;overflow:hidden; } #sidenav:hover { width:200px;background-color:rgba(0,0,0,0.9);left:0%;height:100%;position:fixed; }
#sidenav .image { background-image:url(/assets/img/web_3.0.0/mainnav.png);height:40px;width:40px;margin-bottom:20px;margin-right:10px; }
#sidenav .n1  { background-position: 0  0; }
#sidenav .n2  { background-position: 0  -50px; }
#sidenav .n3  { background-position: 0  -100px; }
#sidenav .n4  { background-position: 0  -150px; }
#sidenav .n5  { background-position: 0  -200px; }
#sidenav .n6  { background-position: 0  -250px; }
#sidenav .n7  { background-position: 0  -300px; }
#sidenav .punkt { width:150px;font-size:20px;font-weight:normal;text-shadow:0 0 10px white;color:white;margin-left:10px;line-height:40px; } #sidenav .punkt:hover { width:150px;font-size:20px;font-weight:normal;text-shadow:0 0 10px white;color:white;margin-left:20px; }
#sidenav .punkt a { text-decoration:none; } #sidenav .punkt a:visited { font-size:20px;font-weight:normal;text-shadow:0 0 10px white;color:white; }

#time .sitewidth { margin: 0 auto; width: 70%; padding: 0 0 40px 0; margin-top: 50px; }
#time .sitewidth .time .day { width: 200px; height: 248px; overflow: hidden; background-color: #f8f8f8; box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1); border: 1px solid #d3d6db; border-bottom: 0px; border-right: 0px;}
#time .sitewidth .time .day .date { text-align: center; padding: 20px 10px 15px 10px; color: #999999; }
#time .sitewidth .time .day .date p { font-size: 20px; color: #333; line-height: 25px; display: block; }
#time .sitewidth .time .day .title { text-align: center; padding: 5px; font-weight: bold; background: #ddd }
#time .sitewidth .time .day .title em { font-weight: normal; font-family: "Times New Roman", Times, serif; }
#time .sitewidth .time .day .footer { text-align: center; padding: 5px 5px 10px 5px; display: block; color: #4A4A4A  }
#time .sitewidth .time .day .footer em { color: #999; font-style: normal; }
#time .sitewidth .time .day .box { height: 63px; overflow-y: scroll; overflow-x: hidden; }
#time .sitewidth .time .day .box .user { border-bottom: #ccc dotted 1px; padding: 2px 10px; color: #999999; }
#time .sitewidth .time .day .box a { color: #999999; }
#time .sitewidth .time .day .news { background-color: rgba(0,0,0,0.5); padding: 2px 10px; color: #fff; text-align: center; }
#time .sitewidth .time .day .newsimg { height: 140px; width: 201px; background: no-repeat right center; }

#time .sitewidth .time .day2 { width: 200px; height: 246px; overflow: hidden; background-color: #f8f8f8; box-shadow: 0 2px 1px rgba(0,0,0,0.1), 0 0 1px rgba(0,0,0,0.1); border: 1px solid #d3d6db; border-bottom: 0px; border-right: 0px;}
#time .sitewidth .time .day2 .date { text-align: center; padding: 20px 10px 15px 10px; color: #999999; }
#time .sitewidth .time .day2 .date p { font-size: 20px; color: #333; line-height: 25px; display: block; }
#time .sitewidth .time .day2 .title { text-align: center; border-bottom: #ccc dotted 1px; padding: 5px; font-weight: bold; background: #ddd }
#time .sitewidth .time .day2 .title em { font-weight: normal; font-family: "Times New Roman", Times, serif; }
#time .sitewidth .time .day2 .footer { text-align: center; padding: 5px 5px 10px 5px; display: block; color: rgba(0,0,0,0.7);  }
#time .sitewidth .time .day2 .footer em { color: #999; font-style: normal; }
#time .sitewidth .time .day2 .box { height: 63px; overflow-y: scroll; overflow-x: hidden; }
#time .sitewidth .time .day2 .box .user { border-bottom: #ccc dotted 1px; padding: 2px 10px; color: #999999; }
#time .sitewidth .time .day2 .box a { color: #999999; }
#time .sitewidth .time .day2 .news { background-color: rgba(0,0,0,0.65); padding: 2px 10px; color: #fff; text-align: center; }
#time .sitewidth .time .day2 .newsimg { height: 140px; width: 201px; background: no-repeat right center; }

#loginerrorfieldwrapper{height:35px}#loginerrorfield{width:100%;height:100%;background-color:#c00;color:#fff}#loginerrorfield div{font-family:Arial;font-size:13pt;font-weight:bold;text-align:center;line-height:35px}#site-header #loginerrorfieldtest .hint{color:white;padding-left:10px}

/* Make it a marquee */
.marquee {
    width: 240px;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
}

.marquee span {
    display: inline-block;
    padding-left: 100%;
    text-indent: 0;
    /*border: 1px red solid;*/
    animation: marquee 15s linear infinite;
}
.marquee span:hover {
    animation-play-state: paused
}

/* Make it move */
@keyframes marquee {
    0%   { transform: translate(0, 0); }
    100% { transform: translate(-100%, 0); }
}

/* Style the links */
.vanity {
    color: #333;
    text-align: center;
    font: .75em 'Segoe UI', Tahoma, Helvetica, Sans-Serif;
}

.vanity a, .microsoft a {
    color: #1570A6;
    transition: color .5s;
    text-decoration: none;
}

.vanity a:hover, .microsoft a:hover {
    color: #F65314;
}

/* Style toggle button */
.toggle {
	display: block;
    margin: 2em auto;
}

.radio_box_left {
	height: 172px;
	width: 172px;
	float: left;
	background-image: url(/assets/img/web_3.0.0/darker.png),url(/assets/img/web_3.0.0/default.png),url(/assets/img/web_3.0.0/default.png);
	background-position: center center, center center, center center;
	background-size: auto, auto, 291%;
	background-repeat: repeat, no-repeat, no-repeat;
}

.radio_box_right {
	width: 60%;
	float: left;
	height: 172px;
}

.radio_box_right .r_title {
	color: #242424;
	font-size: 18px;
	position: relative;
}


.radio_box_right .r_desc {
	font-size: 13px;
	color: rgba(55, 58, 61, 0.65);
	transition: all 0.25s ease-in-out 0s;      
	top: 3px;
	position: relative;
}

#radio_button {
	height: 100%;
	width: 100%;
	background-image: url(/assets/img/web_3.0.0/play.png);
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
}

#radio_button.play {
	background-image: url(/assets/img/web_3.0.0/play.png) !important;
}

#radio_button.pause {
	background-image: url(/assets/img/web_3.0.0/pause.png) !important;
}