@charset "utf-8";
.clear { clear: both; }

/* 
Coded by MrCorn for use by HabboFunFM only, do not edit the below attributes.
*/

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
---- ----         Body Attributes          ---- ----
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

body {
	background: url(../images/layout/cloud_background.gif) repeat-x;
	margin: 20px 0 20px 0;
	padding: 0;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
body a {
	color: #000;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
---- ----        Wrapper Attributes        ---- ----
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

#wrapper {
	margin: auto;
	width: 972px;
	height: auto;
	overflow: hidden;
}
#wrapper #header-top {
	background: url(../images/layout/header-top.gif) no-repeat;
	width: 972px;
	height: 14px;
}
#wrapper #header-mid {
	background: url(../images/layout/header-mid.gif) repeat-y;
	width: 972px;
	height: 149px;
}
#wrapper #header-bot {
	background: url(../images/layout/header-bot.gif) no-repeat;
	width: 972px;
	height: 30px;
	z-index: 1;
	position: relative;
}
#wrapper #body-mid {
	background: url(../images/layout/body-mid.gif) repeat-y;
	width: 972px;
	height: auto;
	padding-bottom: 10px;
}
#wrapper #body-foot {
	background: url(../images/layout/body-footer.gif) no-repeat;
	width: 942px;
	height: 24px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 6px;
	color: #FFF;
	font-weight: bold;
}
#wrapper #body-foot a {
	color: #FFF;
	text-decoration: none;
}
#wrapper #body-foot a:hover {
	color: #FFF;
	text-decoration: underline;
}
#wrapper #links-box {
	background: url(../images/layout/links-box.gif) no-repeat;
	width: 721px;
	height: 25px;
	margin-left: 15px;
	padding-left: 15px;
	padding-top: 7px;
	overflow: hidden;
}
#wrapper #links-box a {
	border-right: 1px solid #E8E8E8;
	padding-right: 8px;
	padding-left: 4px;
	text-decoration: none;
	font-size: 12px;
}
#wrapper #links-box a:hover {
	text-decoration: underline;
}
#wrapper #banner {
	background: url(../images/layout/banner-template.gif) no-repeat;
	width: 477px;
	height: 133px;
	float: right;
	margin-right: 14px;
	margin-bottom: -30px;
	z-index: 2;
	position: relative;
}
#wrapper #logo {
	background: url(../images/layout/logo.gif) no-repeat;
	width: 422px;
	height: 125px;
	float: left;
	margin-top: 10px;
	margin-left: 25px;
}
#wrapper #orange-banner-rotate {
	background: url(../images/layout/orange-banner-rotate.gif) repeat 0px 0px;
	width: 151px;
	height: 19px;
	margin-top: 2px;
	margin-left: 9px;
	float: left;
	text-align: center;
	padding-top: 4px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#wrapper #orange-banner-rotate:hover {
	background: url(../images/layout/orange-banner-rotate.gif) repeat 0px -23px;
}
#wrapper #blue-banner-rotate {
	background: url(../images/layout/blue-banner-rotate.gif) repeat 0px 0px;
	width: 154px;
	height: 19px;
	margin-top: 2px;
	margin-left: 2px;
	float: left;
	text-align: center;
	padding-top: 4px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#wrapper #blue-banner-rotate:hover {
	background: url(../images/layout/blue-banner-rotate.gif) repeat 0px -23px;
}
#wrapper #green-banner-rotate {
	background: url(../images/layout/green-banner-rotate.gif) repeat 0px 0px;
	width: 151px;
	height: 19px;
	margin-top: 2px;
	margin-left: 2px;
	float: left;
	text-align: center;
	padding-top: 4px;
	color: #FFF;
	font-weight: bold;
	text-decoration: none;
}
#wrapper #green-banner-rotate:hover {
	background: url(../images/layout/green-banner-rotate.gif) repeat 0px -23px;
}
#wrapper #banner-holder {
	width: 460px;
	height: 121px;
	margin: 9px 8px 0 9px;
	float: right;
}
#wrapper #red-message {
	width: 430px;
	color: #f96f72; 
	background-color: #ffe4e4; 
	border: 1px solid #fdcfcf; 
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px; 
	padding: 10px;
	margin-bottom: 10px;
}
#wrapper #red-message a {
	color: #fb9598;
	text-decoration: none;
}
#wrapper #red-message a:hover {
	color: #fb9598;
	text-decoration: none;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
---- ----      Navigation Attributes       ---- ----
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

#navigation {
	width: auto;
	height: 28px;
	float: left;
	margin-top: -12px;
	margin-left: 12px;
	z-index: 3;
	position: relative;
}
#navigation ul {
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	list-style: none;
	float: left;
}
#navigation ul li {
	margin-left: 7px;
	margin-right: 7px;
	display: inline;
	float: left;
}

#navigation ul li a {
	background: url(../images/layout/button-bg.gif) top right;
	height: 26px;
	font-size: 12px;
	line-height: 27px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	float: left;
	color: #666;
	cursor: pointer;
}
#navigation ul li a span {
	background: url(../images/layout/button-bg.gif) top left;
	height: 26px;
	margin-right: 10px;
	margin-left: -10px;
	padding-right: 14px;
	padding-left: 24px;
	line-height: 27px;
	position: relative;
	float: left;
}
#navigation ul li a:hover {
	background: url(../images/layout/button-bg.gif) repeat 0px -26px;
	background-position: bottom right;
	text-decoration: none;
	color: #666;
}
#navigation ul li a:hover span {
	background: url(../images/layout/button-bg.gif) repeat 0px -26px;
	background-position: bottom left;
	text-decoration: none;
	color: #666;
}
#navigation ul li a.selected {
	background: url(../images/layout/button-selected.gif) top right;
	height: 27px;
	line-height: 27px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	float: left;
	color: #000;
}
#navigation ul li a.selected span {
	background: url(../images/layout/button-selected.gif) top left;
	height: 27px;
	line-height: 27px;
	margin-right: 10px;
	margin-left: -10px;
	padding-right: 14px;
	padding-left: 24px;
	position: relative;
	float: left;
	color: #000;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
---- ----        Content Attributes        ---- ----
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

#content {
	width: 945px;
	height: auto;
	margin: 10px 10px 0 15px;
}
#content a {
	color: #000;
	text-decoration: underline;
}
#content a:hover {
	color: #4E4E4E;
	text-decoration: underline;
}
#content #left {
	float: left;
	width: 250px;
}
#content #right {
	float: right;
	width: 189px;
}
#content #box {
	width: 250px;
	height: auto;
}
#content #box-mid {
	background: url(../images/layout/box-mid.gif) repeat-y;
	width: 245px;
	padding: 5px;
	overflow: hidden;
}
#content #box-bot {
	background: url(../images/layout/box-bot.gif) no-repeat;
	width: 255px;
	height: 6px;
}
#content #radio-stats {
	background: url(../images/layout/radio-stats.gif) no-repeat;
	width: 189px;
	height: 294px;
	margin-top: -42px;
	overflow: hidden;
}
#content #radio-stats #frame {
	width: 151px;
	height: 83px;
	padding-left: 18px;
	padding-right: 20px;
	padding-top: 32px;
}
#content #center-box {
	width: 452px;
	float: left;
	margin-left: 25px;
}
#content #ad-holder {
	width: 468px;
	height: 60px;
	margin-left: -8px;
	margin-top: 10px;
}
#content #small-banner-holder {
	width: 454px;
	height: 103px;
	margin-bottom: 10px;
}
#content #center-box-header {
	background: url(../images/layout/center-box-header.gif) no-repeat;
	width: 440px;
	height: 20px;
	padding-left: 12px;
	padding-top: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
}
#content #center-box-mid {
	background: url(../images/layout/center-box-mid.gif) repeat-y;
	width: 440px;
	padding: 6px;
	overflow: hidden;
}
#content #center-box-bot {
	background: url(../images/layout/center-box-bot.gif) no-repeat;
	width: 452px;
	height: 6px;
	margin-bottom: 10px;
}
#content #box-right {
	width: 189px;
}
#content #box-right-top {
	background: url(../images/layout/right-box-top.gif) no-repeat;
	width: 189px;
	height: 5px;
	margin-top: 15px;
}
#content #box-right-mid {
	background: url(../images/layout/right-box-mid.gif) repeat-y;
	width: 184px;
	padding: 5px;
}
#content #box-right-bot {
	background: url(../images/layout/right-box-bot.gif) no-repeat;
	width: 189px;
	height: 7px;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
---- ----         Green-Box Header         ---- ----
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

#content #box-header-green {
	background: url(../images/layout/green-header.gif) no-repeat;
	width: 248px;
	height: 22px;
	padding-left: 7px;
	padding-top: 9px;
}
#content #box-header-green-text {
	float: left;
	color: #A8E61D;
	font-size: 11px;
	font-weight: bold;
}
#content #box-header-green-tab {
	background: url(../images/layout/green-tab.gif) repeat 0px 0px;
	width: 86px;
	height: 21px;
	float: right;
	margin-right: 5px;
	margin-top: -4px;
	padding-top: 5px;
	color: #FFF; 
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
#content #box-header-green-tab:hover {
	background: url(../images/layout/green-tab.gif) repeat 0px -25px;
}
#content #box-header-green-tab.selected {
	background: url(../images/layout/green-tab-selected.gif) no-repeat;
	width: 81px;
	height: 21px;
	float: right;
	margin-right: 5px;
	margin-top: -4px;
	padding-top: 5px;
	color: #A8E61D;
	text-decoration: none;
	font-weight: bold;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
---- ----          Blue-Box Header         ---- ----
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

#content #box-header-blue {
	background: url(../images/layout/blue-header.gif) no-repeat;
	width: 248px;
	height: 22px;
	margin-top: 8px;
	padding-left: 7px;
	padding-top: 9px;
}
#content #box-header-blue-text {
	float: left;
	color: #94DEF7;
	font-size: 11px;
	font-weight: bold;
}
#content #box-header-blue-tab {
	background: url(../images/layout/blue-tab.gif) repeat 0px 0px;
	width: 86px;
	height: 21px;
	float: right;
	margin-right: 5px;
	margin-top: -4px;
	padding-top: 5px;
	color: #FFF; 
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
#content #box-header-blue-tab:hover {
	background: url(../images/layout/blue-tab.gif) repeat 0px -25px;
}
#content #box-header-blue-tab.selected {
	background: url(../images/layout/blue-tab-selected.gif) no-repeat;
	width: 81px;
	height: 21px;
	float: right;
	margin-right: 5px;
	margin-top: -4px;
	padding-top: 5px;
	color: #94DEF7;
	text-decoration: none;
	font-weight: bold;
}
#content #box-header-orange {
	background: url(../images/layout/box-header-orange.gif) no-repeat;
	width: 243px;
	height: 23px;
	margin-top: 8px;
	color: #FFC20E;
	font-size: 11px;
	font-weight: bold;
	padding-left: 7px;
	padding-top: 8px;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
---- ----        Orange-Box Header         ---- ----
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

#content #box-header-orange {
	background: url(../images/layout/orange-header.gif) no-repeat;
	width: 248px;
	height: 22px;
	margin-top: 8px;
	padding-left: 7px;
	padding-top: 9px;
}
#content #box-header-orange-text {
	float: left;
	color: #FFC20E;
	font-size: 11px;
	font-weight: bold;
}
#content #box-header-orange-tab {
	background: url(../images/layout/orange-tab.gif) repeat 0px 0px;
	width: 86px;
	height: 21px;
	float: right;
	margin-right: 5px;
	margin-top: -4px;
	padding-top: 5px;
	color: #FFF; 
	font-weight: normal;
	text-align: center;
	text-decoration: none;
}
#content #box-header-orange-tab:hover {
	background: url(../images/layout/orange-tab.gif) repeat 0px -25px;
}
#content #box-header-orange-tab.selected {
	background: url(../images/layout/orange-tab-selected.gif) no-repeat;
	width: 81px;
	height: 21px;
	float: right;
	margin-right: 5px;
	margin-top: -4px;
	padding-top: 5px;
	color: #FFC20E;
	text-decoration: none;
	font-weight: bold;
}

/* ---- ---- ---- ---- ---- ---- ---- ---- ---- ----
---- ----          Alert Attributes        ---- ----
---- ---- ---- ---- ---- ---- ---- ---- ---- ---- */

#fancybox-overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: #000;
	z-index: 1100;
	display: none;
}
#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	z-index: 1101;
	display: none;
}
#fancybox-inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	outline: none;
	overflow: hidden;
}
#fancybox-content {
	height: auto;
	width: auto;
	padding: 0;
	margin: 0;
}
#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
	-ms-interpolation-mode: bicubic;
}
#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

/* radio */
	#radio_play {
		background: url(../images/layout/radio/player.PNG);
		width: 15px;
		height: 15px;
		float: left;
		margin-right: 3px;
	}
	#radio_stop {
		background: url(../images/layout/radio/stop.PNG);
		width: 15px;
		height: 15px;
		float: left;
		margin-right: 5px;
	}
	.volumeButton {
		background: url(../images/layout/radio/sound.PNG);
		width: 15px;
		height: 15px;
		cursor: move;
	}
	.volumeSlider {
		background: url(../images/layout/radio/volume_slider.PNG);
		width: 103px;
		height: 15px;
		padding-left: 5px;
		padding-right: 5px;
		float: left;
	}