/* --- LISTEN2MYRADIO CSS --- */
/* --- Body --- */
body{
	background: #FFFFFF;
	margin:0; 
	padding:0;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#494b58;
}

#panel {color:#000000; font-size:15px; text-align:left;}
#panel a{color:#545454;}
#panel a:hover{color:#545454; text-decoration:underline;}
#panel a:hover{color:#545454; text-decoration:underline;}

}

.clear {clear: right;}
p{ color:#1b1b1b; }
a{ color:#545454; text-decoration:none; outline-style:none; }
a:hover{ color:#545454; text-decoration:none; }
a img { border:none; outline-style:none; }
/* --- Header --- */
#header{
	width:auto;
	height:77px;
	margin:0 auto;
}
#header #firstFrame{
	height:25px;
	background: url(images/bg-headerfirstframe.gif) top left repeat-x;
}
#header #firstFrame-in{
	width:962px;
	height:25px;
	margin:0 auto;
	display:block;
}
#header #firstFrame-in ul{
	width:953px;
	height:25px;
	margin:0;
	padding:0;
	float:left;
	display:block;
	list-style:none;
}
#header #firstFrame-in ul li{
	height:25px;
	display:block;
	float:left;
	padding:0 0 0 11px;
	background: url(images/bg-firstframe-bullet.gif) top left no-repeat;
}
#header #firstFrame-in ul li a{
	display:block;
	padding:5px 0 0;
	color:#85969c;
}
#header #firstFrame-in ul li.fbk{
	margin:0 282px 0 0;
}
#header #firstFrame-in ul li.fbk{
	width:104px;
	display:block;
}
#header #firstFrame-in ul li.fbk a span.fbkicon{
	margin:0;
	padding:0;
	background: url(images/icon-fbk.gif) top left no-repeat;
	width:16px;
	height:16px;
	display:block;
	float:right;
	position:relative;
	top:-1px;
}
#header #firstFrame-in ul li a.change, a.change{
	cursor:pointer;
}
#header #firstFrame-in ul li.lang{
	float:right;
}
#header #firstFrame-in ul li.lang a{
	cursor:pointer;
}
#header #firstFrame-in ul li.lang a span.flag{
	margin:0 5px 0 1px;
	padding:0;
	width:16px;
	height:11px;
	display:block;
	float:left;
	position:relative;
	top:1px;
}
#header #firstFrame-in ul li.lang a span.uk{
	background: url(images/icon-uk-flag.gif) top left no-repeat;
}
#header #firstFrame-in ul li a:hover{
	text-decoration:underline;
}
#header #menuFrame{
	height:52px;
	background: url(images/bg-headermenu.gif) top left repeat-x;
	clear:both;
}
#header #menuFrame-in{
	width:962px;
	height:52px;
	margin:0 auto;
	display:block;
	}
#header .logo{
	display:block;
	width:172px;
	height:52px;
	float:left;
	background: url(images/logo.gif) top left no-repeat;
	overflow: hidden;
}
#header .logo a{
	display:block;
	width:239px;
	height:52px;
	text-indent:-9999px;
	overflow: hidden;
}
/* --- Info Frame --- */
#infoFrame{
	width:100%;
	height:292px;
	background: url(images/bg-headerinfo.gif) top left repeat-x;
	margin:auto;
	display:block;
	z-index:3;
	overflow:hidden;
	clear:both;
}
#infoFrame-in{
	width:962px;
	height:292px;
	margin:0 auto;
	display:block;
}
#infoFrame h1 {
	display:none;
	visibility:hidden;
	height:1px;
	margin:0;
	padding:0;
}
#infoFrame a.button{
	width:233px;
	height:47px;
	display:block;
	text-indent:-9999px;
	float:left;
	position:absolute;
	top:299px;
	left:50%;
}
#infoFrame a.button:hover{
	background-position:bottom !important;
}
#infoFrame a.signup{
	background: url(images/btn-signup.gif) top left no-repeat;
	margin-left:-482px;
}
#infoFrame a.order{
	background: url(images/btn-orderpremiumpack.gif) top left no-repeat;
	margin-left:-230px;
}
#infoFrame .infoImage{
	width:500px;
	height:202px;
	float:left;
	display:block;
	background: url(images/bg-header-img.jpg) top left no-repeat;
	text-indent:-9999px;
}
#infoFrame .videoFrame{
	width:462px;
	height:269px;
	background: url(images/bg-videoplaceholder.jpg) top left no-repeat;
	float:left;
	position:absolute;
	top:77px;
	left:50%;
	margin-left:19px;
	display:block;
}
#infoFrame .videodiv{
	width:421px;
	height:235px;
	margin:30px 0 0 20px;
	padding:0;
	display:block;
	z-index:1;
	position:relative;
}
#infoFrame .videodiv object{
	z-index:1;
	position:relative;
}
#infoFrame .iconRadio{
	width:117px;
	height:107px;
	background: url(images/icon-radio.png) top left no-repeat;
	float:left;
	position:absolute;
	top:252px;
	left:50%;
	margin-left:413px;
	display:block;
	z-index:8;
}
/* --- Content --- */
#wrapperContent{
	width:auto;
	padding:0;
	margin:0;
	background:url(images/bg-content.gif) top left repeat-x;
	overflow:hidden;
}
#content{
	width:962px;
	margin:13px auto 20px;
	padding:0;
}
/* --- Subtitles H2 --- */
#content h2 {
	width:962px;
	height:24px;
	display:block;
	text-indent:-9999px;
	font-size:1px;
	margin:19px 0;
	padding:0;
	background-color:#bfc6c8;
	clear:both;	
}
#content h2.freeproducts {
	background: url(images/h2-freeproducts.gif) top left no-repeat;	
}
#content h2.signup {
	background: url(images/h2-signup.gif) top left no-repeat;	
}
#content h2.login {
	background: url(images/h2-login.gif) top left no-repeat;	
}
#content h2.premiumproducts {
	background: url(images/h2-premiumproducts.gif) top left no-repeat;	
}
#content h2.moreproducts {
	background: url(images/h2-moreproducts.gif) top left no-repeat;	
}
#content h2.choose {
	background: url(images/h2-choose.gif) top left no-repeat;	
}
#content h2.choose-package {
	background: url(images/h2-choose-package.gif) top left no-repeat;	
}
#content h2.include {
	background: url(images/h2-include.gif) top left no-repeat;	
}
#content h2.guarantee {
	background: url(images/h2-guarantee.gif) top left no-repeat;	
}
#content h2.freevspremium {
	background: url(images/h2-freevspremium.gif) top left no-repeat;	
}
#content h2.fillform {
	background: url(images/h2-filltheform.gif) top left no-repeat;	
}
#content h2.skins {
	background: url(images/h2-flashplayerskingal.gif) top left no-repeat;	
}
#content h2.streaming-tutorials {
	background: url(images/h2-streaming-tutorials.gif) top left no-repeat;	
}
#content h2.panel-tutorials {
	background: url(images/h2-panel-tutorials.gif) top left no-repeat;	
}
#content h2.other-tutorials {
	background: url(images/h2-other-tutorials.gif) top left no-repeat;	
}
#content h2.free-panel-questions {
	background: url(images/h2-free-panel-questions.gif) top left no-repeat;	
}
#content h2.streaming-questions {
	background: url(images/h2-streaming-questions.gif) top left no-repeat;	
}
#content h2.premium-panel-questions {
	background: url(images/h2-premium-panel-questions.gif) top left no-repeat;	
}
#content h2.autodj-questions {
	background: url(images/h2-autodj-questions.gif) top left no-repeat;	
}
#content h2.choose-support-section {
	background: url(images/h2-choose-support-section.gif) top left no-repeat;	
}
#content h2.most-popular {
	background: url(images/h2-most-popular.gif) top left no-repeat;	
}
#content h2.before {
	background: url(images/h2-before.gif) top left no-repeat;	
}
#content h2.contact-emails {
	background: url(images/h2-contact-emails.gif) top left no-repeat;	
}
#content h2.nonlegal-issues {
	background: url(images/h2-nonlegal-issues.gif) top left no-repeat;	
}
#content h2.latest-facebook {
	background: url(images/h2-latest-facebook.gif) top left no-repeat;	
}
#content h2.general-questions {
	background: url(images/h2-generalquestions.gif) top left no-repeat;	
}
#content h2.general-tuts {
	background: url(images/h2-generaltuts.gif) top left no-repeat;	
}
#content h2.select-order-details {
	background: url(images/h2-select-order-details.gif) top left no-repeat;	
}
#content h2.package-include {
	background: url(images/h2-package-include.gif) top left no-repeat;	
}
#content h2.affiliate {
    background: url(images/h2-affiliate.gif) top left no-repeat;	
}

/* --- Info Box --- */
.infoBox{
	width:302px;
	background:#f8f8f8 url(images/bg-infobox.gif) bottom center no-repeat;
	overflow:hidden;
	float:left;
	margin:0 0 19px 28px;	
}
.first{
	margin:0 0 19px 0 !important;	
}
.infoBox span.top{
	width:302px;
	height:21px;
	display:block;
	background: url(images/bg-infobox-top.gif) bottom left no-repeat;
}
.infoBox h3{
	width:280px;
	height:56px;
	margin:0 0 0 18px;
	display:block;	
}
.infoBox h3 b{
	padding:7px 0 0 65px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#494b58;
}
.infoBox h3 span{
	padding:1px 0 0 65px;
	display:block;
	font-family: "Trebuchet MS", Trebuchet, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#88898d;
}
.infoBox h3.freeradio{
	background: url(images/icon-freeradiostreaming.gif) left top no-repeat;
}
.infoBox h3.freevideo{
	background: url(images/icon-freevideo.gif) left top no-repeat;
}
.infoBox h3.freehosting{
	background: url(images/icon-freehosting.gif) left top no-repeat;
}
.infoBox h3.premiumradio{
	background: url(images/icon-premiumradiostreaming.gif) left top no-repeat;
}
.infoBox h3.premiumvideo{
	background: url(images/icon-premiumvideo.gif) left top no-repeat;
}
.infoBox h3.premiumhosting{
	background: url(images/icon-premiumhosting.gif) left top no-repeat;
}
.infoBox p{
	padding:0 0 9px 25px;
	margin:10px 1px 0;
	display:block;
	background: url(images/bg-infobox-line.gif) left bottom no-repeat;
}
.infoBox ul{
	margin:0 1px;
	padding:0;
	width:300px;
	display:block;
	list-style:none;
}
.infoBox ul li{
	margin:0 1px;
	padding:0 0 3px 40px;
	width:300px;
	color:#87888e;
	display:block;
	list-style:none;
	line-height:25px;
	background: url(images/bg-infobox-list.gif) left bottom no-repeat;
}
.infoBox ul.premium li{
	background: url(images/bg-infobox-list-premium.gif) left bottom no-repeat !important;
}
.infoBox .buttonSoon, .infoBox .buttonFreesignup, .infoBox .buttonPremium1, .infoBox .buttonPremium2, .infoBox .buttonPremium3{
	display:block;
	text-indent:-9999px;
}
.infoBox .buttonSoon{
	background: url(images/bg-available.gif) left top no-repeat;
	margin:41px 0 38px 89px;
	width:111px;
	height:9px;
	cursor:default;
}
.infoBox .buttonFreesignup{
	background: url(images/bg-freesignup.gif) left top no-repeat;
	margin:30px 0 29px 37px;
	width:161px;
	height:29px;
}
.infoBox .buttonPremium1{
	background: url(images/bg-premiumprice3.gif) left top no-repeat;
	margin:19px 0 22px 41px;
	width:154px;
	height:47px;
}
.infoBox .buttonPremium2{
	background: url(images/bg-premiumprice2.gif) left top no-repeat;
	margin:19px 0 22px 41px;
	width:154px;
	height:47px;
}
.infoBox .buttonPremium3{
	background: url(images/bg-premiumprice1.gif) left top no-repeat;
	margin:19px 0 22px 41px;
	width:154px;
	height:47px;
}
/* --- Wide Box --- */
.wideBox{
	width:962px;
	background: url(images/bg-widebox.gif) left top repeat-y;
	margin:0 0 15px;
	overflow:hidden;
}
.wideBox span.wideboxtop{
	width:962px;
	height:5px;
	display:block;
	font-size:1px;
	background: url(images/bg-widebox-top.gif) left top no-repeat;
}
.wideBox span.wideboxbottom{
	width:962px;
	height:5px;
	display:block;
	font-size:1px;
	background: url(images/bg-widebox-bottom.gif) left top no-repeat;
	clear:both;
}
.wideBox span.wideboxbottom3c{
	width:962px;
	height:5px;
	display:block;
	font-size:1px;
	background: url(images/bg-widebox-bottom-3column.gif) left top no-repeat;
	clear:both;
}
.wideBox span.separator{
	width:960px;
	height:2px;
	display:block;
	font-size:1px;
	background: url(images/bg-infobox-line.gif) left top repeat-x;
	margin:0 1px;
}
.wideBox h3{
	display:block;
	background: url(images/bullet-grey.gif) left top no-repeat;
	background-position:0 6px;
	font-size:16px;
	color:#494b58;
	font-weight:normal;
	margin:22px 0 0 22px;
	padding:0 0 0 20px;
}
.wideBox h3.goldie{
	background: url(images/bullet-gold.gif) left top no-repeat;
	background-position:0 6px;
}
.wideBox h3.blue{
	background: url(images/bullet-blue.gif) left top no-repeat;
	background-position:0 6px;
}
.wideBox h3.mix{
	background: url(images/bullet-mix.gif) left top no-repeat;
	background-position:0 6px;
}
.wideBox p{
	color:#88898d;
	margin:5px 40px 25px 22px;
	padding:0 0 0 20px;
}
.wideBox .map{
	width:520px;
	height:262px;
	margin:auto;
	padding:0;
	background: url(images/map.png) left top no-repeat;
}
.wideBox ul.list{
	color:#88898d;
	margin:15px 40px 25px 22px;
	padding:0 0 0 20px;
	list-style:inside decimal;
}
.wideBox ul.list ul{
	color:#88898d;
	margin:0 22px 18px 40px;
	padding:0;
	list-style:inside decimal-leading-zero;
}
.wideBox ul.list ul li{
	margin:5px 0 5px;
}
.wideBox ul.list ul ul{
	color:#88898d;
	margin:0 22px 18px 40px;
	padding:0;
	list-style:inside decimal-leading-zero;
}
.wideBox .columnBox{
	width:316px;
	background: url(images/bg-widebox.gif) right top repeat-y;
	padding:0 !important;
	margin:0 2px;
	float:left;
	overflow:hidden;
}
.wideBox .columnBox ul{
	list-style:none;
}
.wideBox .columnBox ul li{
	background: url(images/bullet-tic.gif) left top no-repeat;
	margin:0 0 0 5px;
	padding:0 0 0 20px;
}
.wideBox .columnBox ul li.last{
	background:none;
}
.wideBox .lastBox{
	background: none !important;
}
/* --- Wide Box ICONS --- */
.wideBoxicons {
	display:block;
	background: url(images/bg-widebox-icons.gif) left top no-repeat;
	width:962px;
	height:67px;
	padding:0;
}
.wideBoxicons h3{
	display:block;
	width:140px;
	background: url(images/bullet-grey.gif) left top no-repeat;
	background-position:0 6px;
	font-size:16px;
	color:#494b58;
	font-weight:normal;
	margin:22px 0 0 22px;
	padding:0 0 0 20px;
	float:left;
}
.wideBoxicons span.columnLine{
	display:block;
	background: url(images/bg-widebox.gif) left top repeat-y;
	width:2px;
	height:67px;
	padding:0 !important;
	margin:0 10px;
	float:left;
}
.wideBoxicons img{
	margin:12px 12px 0;
	float:left;
}
/* --- Banner --- */
.banner, .banner-m {
	background: url(images/banner.gif) left top no-repeat;
	width:962px;
	height:84px;
	display:block;
	clear:both;
	margin-bottom: 20px;
}
.banner-m{ background: url(images/banner-m.jpg) 0 0 no-repeat; }
.banner a, .banner-m a{
	width:161px;
	height:30px;
	display:block;
	text-indent:-9999px;
	float:right;
	clear:both;
}
.banner-m a{
	width: 177px;
}
.banner a.radiobtn{
	background: url(images/btn-getradio.gif) left top no-repeat;
	margin:8px 27px 0 0;
}
.banner a.videobtn{
	background: url(images/btn-getvideo.gif) left top no-repeat;
	margin:7px 27px 0 0;
}
.banner-m a.andrbtn{
	background: url(images/btn-getandr.gif) left top no-repeat;
	margin:8px 27px 0 0;
}
.banner-m a.iphbtn{
	background: url(images/btn-getiph.gif) left top no-repeat;
	margin:7px 27px 0 0;
}
.banner a:hover, .banner-m a:hover{
	background-position:bottom;
}

.banner-3{background:url(images/banner-3.png) 0 0 no-repeat; min-height: 86px; margin-bottom: 20px;}
.banner-3 .list1{float: left;margin-left: 395px;margin-top: 7px; margin-right: 53px;}
.banner-3 .list1 ul li{list-style: url(images/arrow.png); color: #88898d;}
.banner-3 .list2{float: left; margin-top: 7px;}
.banner-3 .list2 ul li{list-style: url(images/arrow.png); color: #88898d;}

.download-chkit-btn{
float: right;
background: url('images/checkit-btn.png') no-repeat;position: relative;padding: 7px 30px;bottom: -28px;left: -25px;font-family: 'nevis';text-indent: inherit;font-size: 0px;height: 18px;width: 78px;
}
.download-chkit-btn:hover {background-position: 0px -31px;}

.banner-4{background:url(images/banner-4.png) 0 0 no-repeat; min-height: 86px; margin-bottom: 20px;}
.banner-4 .list1{float: left;margin-left: 310px;margin-top: 4px; margin-right: 7px;}
.banner-4 .list1 ul li{list-style: url(images/arrow.png); color: #88898d;}
.banner-4 .list2{float: left; margin-top: 4px;}
.banner-4 .list2 ul li{list-style: url(images/arrow.png); color: #88898d;}

.download-tryit-btn{
float: right;
background: url('images/tryit-btn.png') no-repeat;position: relative;padding: 7px 30px;bottom: -28px;left: -25px;font-family: 'nevis';text-indent: inherit;font-size: 0px;height: 18px;width: 78px;
}
.download-tryit-btn:hover {background-position: 0px -31px;}

/* --- Footer --- */
#footer{ 
	background: url(images/bg-footer.gif) top left no-repeat;
	width:909px;
	height:141px;
	margin:0 auto;
	padding:22px 26px 26px;
	text-align:left;
	clear:both;
	display:block;
}
#footer p{
	padding:40px 0 0;
	clear:both;
}
#footer b{
	color:#282828;
	display:block;
	font-size:11px;
}
#footer ul{
	margin:0 0 0 65px;
	padding:0;
	width:110px;
	list-style:none;
	float:left;
	display:block;
	overflow:hidden;
}
#footer ul li{
	list-style:none;
	display:block;
	font-size:11px;
}
#footer ul li a{ 
	font-size:11px;
}
#footer ul li a:hover{
	text-decoration:underline;
}
/* ------------------- */
/* the overlay element - LANGUAGES */
div.overlay {
	background: url(images/bg-lang-box.png);
	width:310px;
	height:358px;		
	display:none;
	padding:0;
	color:#f5f5f5;
	z-index: 100;
}
div.overlay h2 {
	font-size:16px;
	font-weight:normal;
	margin:35px 20px 15px;
	padding:0 0 0 18px;
	background: url(images/bullet-lang-h2.gif) center left no-repeat;
	z-index: 100;
}
div.overlay p {
	font-size:13px;
	margin-bottom:15px;
}
div.overlay ul {
	list-style:none;
	padding:0;
	margin:0;
}
div.overlay ul li{
	display:block;
	background: url(images/bg-lang-border.gif) top left repeat-x;
	height:27px;
	padding:15px 0 0;
	margin:0 5px;
}
div.overlay ul li a{
	color:#9e9f9f;
	font-size:11px;
	margin:0 0 0 33px;
	padding:0 0 0 48px;
	text-decoration:none;
}
div.overlay ul li a:hover{
	color:#ffffff;
}
div.overlay ul li a.en	{
	background: url(images/icon-flag-en.gif) center left no-repeat;
}
div.overlay ul li a.es	{
	background: url(images/icon-flag-es.gif) center left no-repeat;
}
div.overlay ul li a.de	{
	background: url(images/icon-flag-de.gif) center left no-repeat;
}
div.overlay ul li a.gr	{
	background: url(images/icon-flag-gr.gif) center left no-repeat;
}
div.overlay ul li a.pt	{
	background: url(images/icon-flag-pt.gif) center left no-repeat;
}
div.overlay ul li a.fr	{
	background: url(images/icon-flag-fr.gif) center left no-repeat;
}
div.overlay ul li a.it	{
	background: url(images/icon-flag-it.gif) center left no-repeat;
}
div.overlay div.close {
	background: url(images/bullet-close.gif) top left no-repeat;
	position: absolute;
	right:12px;
	top:12px;
	cursor:pointer;
	display:block;
	height:18px;
	width:18px;
}
div.overlay div.close:hover {
	background-position: bottom;
}
/* ------------------- */
/* the overlay element - DISCOUNT BANNER */
div.discountbox {
	background: url(images/bg-discount-box.png);
	width:450px;
	height:374px;		
	display:none;
	padding: 0;
	color:#f5f5f5;
	z-index: 100;
	text-align:center;	
}
div.discountbox div.close {
	background: url(images/bullet-close.gif) top left no-repeat;
	position: absolute;
	right:12px;
	top:12px;
	cursor:pointer;
	display:block;
	height:18px;
	width:18px;
}
div.discountbox div.close:hover {
	background-position: bottom;
}
/* ------------------- */
/* the overlay element - IMAGES AND VIDEOS BOX */
div.imgbox,div.imgbox1,div.imgbox2,div.imgbox3,div.imgbox4,div.imgbox10,div.imgbox11,div.imgbox12,div.imgbox13,div.imgbox14,div.imgbox15,div.imgbox16,div.imgbox17{
	background: url(images/bg-img-box.png);
	width:700px;
	height:650px;		
	display:none;
	padding:38px 0 0 0 !important;
	color:#f5f5f5;
	text-align:center;	
}
div.imgbox img,div.imgbox1 img,div.imgbox2 img,div.imgbox3 img,div.imgbox4 img,div.imgbox10 img,div.imgbox11 img,div.imgbox12 img,div.imgbox13 img,div.imgbox14 img,div.imgbox15 img,div.imgbox16 img,div.imgbox17 img{
	margin:0 0 0 35px !important;
}
div.imgbox div.close,div.imgbox1 div.close,div.imgbox2 div.close,div.imgbox3 div.close,div.imgbox4 div.close,div.imgbox10 div.close,div.imgbox11 div.close,div.imgbox12 div.close,div.imgbox13 div.close,div.imgbox14 div.close,div.imgbox15 div.close,div.imgbox16 div.close,div.imgbox17 div.close{
	background: url(images/bullet-close.gif) top left no-repeat;
	position: absolute;
	right:12px;
	top:12px;
	cursor:pointer;
	display:block;
	height:18px;
	width:18px;
}
div.imgbox div.close:hover,div.imgbox1 div.close:hover,div.imgbox2 div.close:hover,div.imgbox3 div.close:hover,div.imgbox4 div.close:hover,div.imgbox10 div.close:hover,div.imgbox11 div.close:hover,div.imgbox12 div.close:hover,div.imgbox13 div.close:hover,div.imgbox14 div.close:hover,div.imgbox15 div.close:hover,div.imgbox16 div.close:hover,div.imgbox17 div.close:hover{
	background-position: bottom;
}
/* ------------------- */
/* --- Flash player 2 box div --- */
#flash2col, #signup2col, #login2col{
	width:962px;
	background: url(images/bg-flashtable.gif) right top repeat-y;
	margin:0;
	padding:0;
	overflow:hidden;
}
#flash2col span.topborder, #signup2col span.topborder, #login2col span.topborder{
	width:962px;
	height:2px;
	background: url(images/bg-flashsectiontop.gif) left top no-repeat;
	margin:0;
	padding:0;
	display:block;
	font:1px;
}
#flash2col span.bottomborder, #signup2col span.bottomborder, #login2col span.bottomborder{
	width:962px;
	height:2px;
	background: url(images/bg-flashsectionbottom.gif) left top no-repeat;
	margin:0;
	padding:0;
	display:block;
	clear:both;
	font:1px;
}
#flash2col .fLeft, #signup2col .fLeft, #login2col .fLeft{
	width:480px;
	float:left;
	margin:0;
}
.fLeft ul{
	list-style:none;
	margin:0 0 0 1px;
	padding:0;
}
.fLeft ul li{
	width:478px;
	clear:both;
	margin:0;
	padding:22px 0;
	background: url(images/bg-li-flashtable.gif) left bottom repeat-x;
	overflow:hidden;
}
.fLeft label{
	width:154px;
	display:block;
	background: url(images/bullet-red.gif) left top no-repeat;
	background-position:0 6px;
	font-size:16px;
	color:#494b58;
	font-weight:normal;
	margin:0 0 0 20px;
	padding:0 0 0 17px;
	float:left;
}
.fLeft label.smalllabel{
	width:120px;
	background-position:0 2px;
}
.fLeft input{
	width:255px;
}
.fLeft p.smallright{
	font-size:10px;
	text-align:right;
	clear:both;
	margin:5px 15px 0 0;
}
.fLeft .secCode{
	width:230px;
	float:left;
}
.fLeft .secCode input{
	width:190px;
	margin:8px 0 0 39px;
}
.fLeft .captcha{
	width:200px;
	padding:0 0 0 25px;
	margin:0 20px 0 0;
	float:right;
}
.fLeft .captcha a{
	font-size:10px;
	text-decoration:underline;
}
.fLeft .captcha a:hover{
	text-decoration: none;
}
.fLeft input.generatebutton{
	width:170px;
	height:30px;
	display:block;
	background: url(images/btn-generate.gif) left top no-repeat;
	font-size:1px;
	margin:23px 0 20px 20px;
	padding:0;
	border:none;
	cursor:pointer;
	color:#d3d3d3;
}
.fLeft input.generatehover{
	background: url(images/btn-generate.gif) left bottom no-repeat;
}
/* ------------------- */
.fLeft ul li ul{
	margin:0;
	padding:0;
	overflow:hidden;
	list-style:none;
}
.fLeft ul li ul li{
	margin:0;
	padding:2px 5px;
	list-style:none;
	float:left;
	clear:none !important;
	background:none;
	text-align:center;
	width:100px;
	display:inline-table;
}
.fLeft ul li ul li p{
	font-size:10px;
	padding:5px 0 0;
	margin:0;
	color:#494b58;
}
.fLeft ul li ul li input{
	width:45px;
	margin:0 0 0 10px;
}
/* ------------------- */
#flash2col .fRight{
	width:482px;
	float:right;
	margin:0;
	text-align:center;
}
.fRight textarea{
	margin:0;
	text-align:center;
	border:1px #d9d9d9 solid;
	font-family:"Courier New", Courier, monospace;
	font-size:11px;
}
.fRight textarea.playercode{
	width:350px;
	height:100px;
	padding:15px;
	overflow: hidden;
}
.fRight textarea.terms{
	width:350px;
	height:200px;
	padding:0;
	overflow: scroll;
}
.fRight h3{
	background: url(images/bullet-red.gif) left top no-repeat;
	background-position:0 6px;
	font-size:16px;
	color:#494b58;
	font-weight:normal;
	margin:25px 0 25px 160px;
	padding:0 0 0 20px;
	text-align:left;
}
.fRight .imgmargins{
	margin:55px auto 15px;
}
*html .fRight .imgmargins{
	margin:55px auto 0;
}
/* ------------------- */
/* --- Skins Columns --- */
ul.skins{
	width:420px;
	float:left;
	list-style:none;
	padding:0;
	margin:0 0 30px;
}
ul.skins h3{
	background: url(images/bullet-red.gif) left top no-repeat;
	background-position:0 6px;
	font-size:16px;
	color:#494b58;
	font-weight:normal;
	margin:5px 0 20px;
	padding:0 0 0 20px;
	text-align:left;
}
ul.skins li{
	height:110px;
	padding:0;
	margin:0;
}
/* ------------------- */
/* --- "Contact us" and other listed info --- */
.boxlist ul{
	margin:0 1px;
	padding:0;
	display:block;
	width:960px;
	list-style:none;
}
.boxlist ul li{
	padding:20px 0 20px 22px;
	margin:0;
	background: url(images/bg-infobox-line.gif) left top repeat-x;
}
.boxlist ul li:first-child{
	background: none;
}
.boxlist ul li h3{
	margin-top:0;
	margin-left:0;
}
.boxlist ul li h3 a{
	text-decoration:underline;
	padding:0;
	margin:0;
	color:#494b58;
}
.boxlist h3 a:hover{
	text-decoration: none;
}
.boxlist ul li p{
	padding:10px 0 0;
	margin:0 0 0 22px;
	color:#494b58;
	font-size:12px;
}
.boxlist ul li p a{
	color:#88898d;
	text-decoration:underline;
	margin:0;
	padding:0;
}
.boxlist ul li p a:hover{
	text-decoration: none;
}
.boxlist span.greytext{
	color:#88898d;
}
/* ------------------- */
.support h3{
	width:800px;
}
.support p{
	width:780px;
}
.support .popularvids h3{
	width:700px;
	margin:15px 0 10px 150px;
}
.support .popularvids p{
	margin:0 0 10px 150px;
	width:650px;
	clear:right;
}
.support .popularvids img{
	float:left;
	margin:5px 12px 8px 15px;
}
/* ------------------- */
/* ----- Buttons ----- */
a.button-readmore{
	width:89px;
	height:29px;
	display:block;
	text-indent:-9999px;
	position:relative;
	float:right;
	margin:-25px 0 0;
	left:125px;
	background: url(images/btn-readmore.gif) top left no-repeat;
}
a.button-enternow{
	width:89px;
	height:29px;
	display:block;
	text-indent:-9999px;
	background: url(images/btn-enternow.gif) top left no-repeat;
}
a.button-watchnow{
	width:94px;
	height:29px;
	display:block;
	text-indent:-9999px;
	position: absolute;
	margin:-5px 0 0 372px;
	left:50%;
	float:right;
	background: url(images/btn-watchnow.gif) top left no-repeat;
}
a.button-readmore:hover, a.button-plus:hover, a.button-enternow:hover, a.button-watchnow:hover{
	background-position:bottom left;
}
/* -------------------------- */
/* --- Search Bar --- */
#search{
	width:226px;
	height:24px;
	position:relative;
	float:right;
	z-index:1;
	padding:0;
	margin:32px 0 0 0;
}
#search .searchfield{
	width:195px;
	height:24px;
	background: url(images/bg-search.gif) top left no-repeat;
	border:none;
	padding:1px 0 5px 5px;
	float:left;
	outline:none;
}
#search .searchbutton{
	width:26px;
	height:24px;
	background: url(images/btn-search.gif) top left no-repeat;
	display:block;
	padding:0;
	margin:0;
	float:right;
	outline:none;
	border:none;
	cursor:pointer;
}
#search .searchover{
	background: url(images/btn-search.gif) bottom left no-repeat;
}
/* ------------------------- */
/* ----- Suport Styles ----- */
.supportbg{
	background: url(images/bg-support-list.gif) top center repeat-y;
}
.supportbg span.wideboxtop{
	background: url(images/bg-support-top.gif) left top no-repeat;
}
.supportbg span.wideboxbottom{
	background: url(images/bg-support-bottom.gif) left top no-repeat;
}
/* ------- */
ul#support{
	width:960px;
	display:block;
	margin:29px 0 14px;
	padding:0;
	list-style:none;
	overflow:hidden;
	color:#494b58;
}
ul#support li{
	display:block;
	float:left;
	margin:0;
	font-size:16px;
	text-align:center;
	width:240px;
	height:75px;
	padding:80px 0 0;
}
ul#support li p{
	padding:0;
	margin:0;
	color:#494b58;
	text-align:center;
	width:240px;
}
ul#support li.tutos{
	background: url(images/icon-tuts-section.gif) top center no-repeat;
}
ul#support li.vid{
	background: url(images/icon-videotuts-section.gif) top center no-repeat;
}
ul#support li.faq{
	background: url(images/icon-faq-section.gif) top center no-repeat;
}
ul#support li.forum{
	background: url(images/icon-forum-section.gif) top center no-repeat;
}
ul#support li a.enternow{
	background: url(images/btn-enternow.gif) top center no-repeat;
	width:89px;
	height:29px;
	display:block;
	text-indent:-9999px;
	margin:15px 0 0 75px;
}
ul#support li a.enternow:hover{
	background-position: bottom;
}
/* ------- */
ul.references{
	float:right;
	clear:right;
	margin:5px 0 20px;
	list-style:none;
}
ul.references li{
	float:left;
	margin:0 0 0 18px;
	padding:0 0 0 15px;
	font-size:10px;
	display:block;
}
ul.references li.goldie{
	background: url(images/bullet-gold.gif) top left no-repeat;
	background-position:0 3px;
}
ul.references li.blue{
	background: url(images/bullet-blue.gif) left top no-repeat;
	background-position:0 3px;
}
ul.references li.mix{
	background: url(images/bullet-mix.gif) left top no-repeat;
	background-position:0 3px;
}
/* ------- */
.supsub h2{
	margin-bottom:10px !important;
}
ul.supportTopmenu{
	width:100%;
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
	overflow:hidden;
}
ul.supportTopmenu li, ul#supportTopmenu a{
	font-size:11px;
}
ul.supportTopmenu li{
	float:left;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	background: url(images/bg-support-menu.gif) right center no-repeat;
}
ul.supportTopmenu li:first-child{
	margin:0 5px 0 0;
	padding-left:0;
	background:none;
}
ul.supportTopmenu li.last-child{
	margin-right:0;
	padding:0;
	background:none;
	float:right;
}
ul.supportTopmenu li.nobg{
	background:none;
}
ul.supportTopmenu a{
	color:#88898d;
}
ul.supportTopmenu a:hover{
	text-decoration:underline;
}
/* ------- */
ul.supportMiddlemenu{
	padding:0 0 13px;
}
ul.supportMiddlemenu li:first-child{
	margin:0 10px 0 0;
	padding-left:0;
	background: url(images/bg-support-menu.gif) right center no-repeat;
}
ul.supportMiddlemenu li:last-child{
	margin-right:0;
	padding:0;
	background:none;
	float:left;
}
/* ------- */
.wideBox span.wideboxbottomsupport{
	width:962px;
	height:5px;
	display:block;
	font-size:1px;
	background: url(images/bg-widebox-bottom-support.gif) left top no-repeat;
	clear:both;
}
.wideBox span.separator{
	width:960px;
	height:2px;
	display:block;
	font-size:1px;
	background: url(images/bg-infobox-line.gif) left top repeat-x;
	margin:0;
}
.supportBox{
	width:962px;
	background: url(images/bg-widebox-support.gif) left top repeat-y;
	padding:15px 0 10px;
	overflow:hidden;
	font-size:12px;
}
.supportBox p{
	width:auto;
	padding-right:25px;
}
/* ------------- */
/* ---- FAQ ---- */
.faqbox .wideBox p{
	margin:0 0 10px 22px;
}
.faqbox .wideBox h3{
	margin-top:10px;
	margin-bottom:10px;
	cursor:pointer;
	width:905px;
}
.faqbox .wideBox h3.category_close span, .faqbox .wideBox h3.category_open span{
	cursor:pointer;
	position:relative;
	top:-5px;
	float:right;
	width:29px;
	height:29px;
	display:block;
	text-indent:-9999px;
}
.faqbox .wideBox h3.category_close span{
	background: url(images/btn-plus-sign.gif) top left no-repeat;
}
.faqbox .wideBox h3.category_close:hover span{
	background: url(images/btn-plus-sign.gif) bottom left no-repeat;
}
.faqbox .wideBox h3.category_open span{
	background: url(images/btn-minus-sign.gif) top left no-repeat;
}
.faqbox .wideBox h3.category_open:hover span{
	background: url(images/btn-minus-sign.gif) bottom left no-repeat;
}
.faqbox .wideBox .info {
	display:none;
	padding:15px 0 0;
	margin:0 1px;
	background: url(images/bg-infobox-line.gif) left top repeat-x;
	width:960px;
}
.faqbox .wideBox .info p{
	font-size:12px;
	width:870px;
}
#content-in .txt-faq ul #content-in .txt-faq ol{
	list-style: none;
	font-size:12px;
}
#content-in .txt-faq li{
	font-size:12px;
	list-style: none;
}
#content-in .txt-faq li a{
	text-decoration:none;
}
#content-in .txt-faq li p{
	font-size:12px;
	color:#353535;
	font-weight: normal;
}

.orderHosting .header, .orderRadio .header{
	background: url(images/icon-premiumhosting.gif) 0 0 no-repeat;
	padding: 8px 0 0 70px;
	margin: 20px;
	position: relative;
	height: 44px;
}

.orderRadio .header{
	background: url(images/icon-premiumradiostreaming.gif) 0 0 no-repeat;
}
.orderHosting .header h3, .orderRadio .header h3{
	background: none;
	padding: 0;
	margin: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
.orderHosting .header p, .orderRadio .header p{
	margin: 0;
	padding: 0;
}

.orderHosting > ol, .orderRadio > ul{
	padding: 1px;
	margin: 0;
	list-style: none;
	overflow: hidden;
}
.orderHosting > ol > li, .orderRadio >  ul > li{
	float: left;
	width: 320px;
}
.orderHosting .section, .orderRadio .section{
	border: 1px #d9d9d9 solid;
	border-width: 1px 0 1px 1px;
	background: #eee;
	overflow: hidden;
	position: relative;
	min-height: 215px;
}
.orderHosting .section.highlight{
	border: 2px #88898d solid;
	margin-top: -1px;
}
.orderHosting > ol > li:first-child .section, .orderRadio > ul > li:first-child .section{
	border-left: 0;
}
.orderHosting .section dl{
	float: left;
	width: 120px;
	margin: 23px 0 10px 30px;
}
.orderRadio .header dl{
	position: absolute;
	top: 15px;
	right: 0;
	margin: 0;
	padding: 0;
}
.orderHosting .section dt, .orderRadio .header dt{
	line-height: 18px;
	color: #494b58;
	padding: 0 0 0 15px;
	background: url(images/bullet-grey.gif) 0 4px no-repeat;
}
.orderRadio .header dt{ float: left; }
.orderHosting .section dd, .orderRadio .header dd, .orderRadio .section .value{
	margin: 10px 15px;
	padding: 0;
	width: 42px;
	height: 41px;
	line-height: 41px;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	font-weight: normal;
	font-size: 14px;
	background: url(images/bg-highlights.png) -42px 0 no-repeat;
}
.orderRadio .header dd{
	float: left;
	width: 63px;
	height: 61px;
	line-height: 61px;
	margin: -22px 15px 0;
	font-size: 16px;
	background: url(images/bg-highlight.png) 0 0 no-repeat;
	text-shadow: 0px 0px 2px rgba(255, 255, 255, 0.7);
}
.orderRadio .slider{
	position: relative;
	width: 232px;
	margin: 10px 0 0 30px;
}
.orderRadio .range{
	position: absolute;
	left: -99999px;
}
.orderRadio .slider .progress{
	width: 233px;
	height: 10px;
	background: url(images/bg-slider.png) 0 0 no-repeat;
}
.orderRadio .slider .handle{
	width: 20px;
	position: absolute;
	height: 20px;
	top: -6px;
	background: url(images/bg-slider.png) 0 -14px no-repeat;
}
.orderRadio .section .value{
	margin: 0;
	position: absolute;
	top: 26px;
	left: 261px;
	background-position: -1px 0 !important;
}
.orderRadio .section.location .value span{
	text-indent: -99999px;
	display: block;
	width: 16px;
	height: 11px;
	position: absolute;
	top: 16px;
	left: 12px;
}
.orderRadio .section.location .value .i1{ background: url(images/icon-flag-de.gif) -23px 0 no-repeat; }
.orderRadio .section.location .value .i2{ background: url(images/icon-flag-en.gif) 0 0 no-repeat; }
.orderRadio .section.location .value .i3{ background: url(images/icon-flag-uk.gif) 0 0 no-repeat; }
.orderRadio .section.location .value .i4{ background: url(images/icon-flag-sg.gif) 0 0 no-repeat; }
.orderRadio .section .details{
	list-style: none;
	margin: 13px 0 0 33px;
	padding: 0;
	color: #88898d;
}
.orderRadio .section .details strong{ color: #494b58; }
.orderRadio .section .details li{
	position: absolute;
	left: -99999px;
}
.orderRadio .section .details li.active{
	position: static;
}
.orderHosting .section dl > dt:first-child + dd, .orderRadio .section .value{
	background-position: 0 0;
	color: #494b58;
	text-shadow: 1px 1px 1px #fff;
}
.orderHosting .section dd span, .orderRadio .header dd span{
	font-size: 11px;
	position: relative;
	top: -2px;
}
.orderHosting .section dl > dt:first-child + dd span{
	top: -1px;
	font-size: 10px;
}
.orderHosting .section dl > dt:first-child + dd{
	margin-bottom: 20px;
}
.orderHosting .section ul{
	float: right;
	list-style: none;
	width: 140px;
	padding: 0 10px 0 0;
	margin: 20px 0 10px;
}
.orderHosting .section ul li{
	padding: 3px 0;
	color: #88898d;
}
.orderHosting .section ul h4, .orderRadio ul h4{
	line-height: 18px;
	font-size: 11px;
	color: #494b58;
	padding: 0 0 0 15px;
	margin: 0 0 -2px -15px;
	background: url(images/bullet-grey.gif) 0 4px no-repeat;
}
.orderHosting .ordernow, .orderRadio .ordernow{
	clear: both;
	background: url(images/btn-ordernow.gif) top left no-repeat;
	width:89px;
	height:29px;
	display:block;
	text-indent:-9999px;
	margin: 30px auto;
	text-align:center;
}
.orderHosting .ordernow:hover, .orderHosting .ordernow:active, .orderHosting .ordernow:focus,
.orderRadio .ordernow:hover, .orderRadio .ordernow:active, .orderRadio .ordernow:focus{
	background-position: bottom;
}
.orderIncludes ul{
	overflow: hidden;
	list-style: none;
	padding: 10px 0;
	margin: 0;
}
.orderIncludes li{
	float: left;
	width: 270px;
	background: url(images/bullet-tic2.gif) 0 0 no-repeat;
	padding: 0 0 0 30px;
	margin: 10px 0 10px 20px;
	height: 20px;
	line-height: 18px;
}

.orderRadio .section{
	min-height: 0;
	height: 95px;
}
.orderRadio ul h4{
	margin: 15px 0 0 30px;
	font-weight: normal;
}

.orderPackage ul{
	list-style: none;
	padding: 0;
	margin: 0;
}
.orderPackage .section{
	width: 320px;
	float: left;
	margin: -4px 0;
	height: 220px;
	border-left: 1px #d9d9d9 solid;
}
.orderPackage .section.radio{
	border: 0;
}
.orderPackage .section h3{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-align: center;
	font-weight: normal;
	width: 200px;
	padding: 65px 0 0;
	margin: 35px auto 0;
}

.orderPackage .section h3.hosting{
background: url(images/icon-premiumhosting.gif) center 0 no-repeat;
}
.orderPackage .section h3.video{
background: url(images/icon-premiumvideo.gif) center 0 no-repeat;
}
.orderPackage .section h3.radio{
background: url(images/icon-premiumradiostreaming.gif) center 0 no-repeat;
}
.orderPackage .section h3.bundle{
background: url(images/icon-premiumbundle.png) center 0 no-repeat;
}
.orderPackage .section h3.freeradio{
background: url(images/icon-freeradiostreaming.gif) center 0 no-repeat;
}
.orderPackage .more{
	clear: both;
	background: url(images/btn-ordernow.gif) top left no-repeat;
	width:89px;
	height:29px;
	display:block;
	text-indent:-9999px;
	margin: 30px auto;
	text-align:center;
}
.orderPackage .more:hover, .orderPackage .more:active, .orderPackage .more:focus{
	background-position: bottom;
}

.orderPackage .shoutcast, .orderPackage .icecast{
	float: left;
	width: 120px;
	padding: 0 0 0 40px;
	text-align: center;
	margin: 10px 0 5px;
}
.orderPackage .icecast{ padding: 0 40px 0 0; }
.orderPackage .shoutcast p, .orderPackage .icecast p{
	padding: 0;
	margin: 0 0 5px;
	height: 15px;
	line-height: 15px;
}

.orderPackage .shoutcast .more, .orderPackage .icecast .more{
	margin: 0 auto;
}

#signup2col, #login2col{
	background-image: url(images/bg-widebox.gif);
}
#signup2col .fLeft ul li, #login2col .fLeft ul li{
	width: 479px;
}
#signup2col .fLeft, #login2col .fLeft {
	border-right: 1px #d9d9d9 solid;
}
#signup2col .fLeft label{
	background-image: url(images/bullet-blue.gif);
}
#signup2col .fLeft select, #login2col .fLeft select{
	width: 260px;
}
#signup2col .fLeft .submit, #login2col .fLeft .submit{
	width:152px;
	height:30px;
	display:block;
	background: url(images/btn-create-account.png) 0 0 no-repeat;
	font-size:1px;
	margin: 10px 0 20px 20px;
	padding:0;
	border:none;
	cursor:pointer;
	color:#d3d3d3;
}
#signup2col .fLeft .submit:hover, #signup2col .fLeft .submit:active,
#login2col .fLeft .submit:hover, #login2col .fLeft .submit:active{
	background-position: 0 bottom;
}
#signup2col .fLeft .terms{
	color: #88898d;
	padding: 10px 17px 0;
}
#signup2col .fLeft .terms input{
	width: auto;
}
#signup2col .fRight {
	float: right;
	width: 350px;
	padding: 80px 70px 0 0;
}
#signup2col .fRight h3{
	background: none;
	padding: 0;
	margin: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
#signup2col .fRight p{
	font-size: 12px;
	line-height: 18px;
}
#signup2col .fRight ul{
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
	font-size: 12px;
}
#signup2col .fRight li{
	background: url(images/bullet-tic2.gif) 0 0 no-repeat;
	padding: 0 0 0 30px;
	margin: 10px 0 10px 0;
	height: 20px;
	line-height: 18px;
	color: #494b58;
}

#login2col .fLeft label{
	background-image: url(images/bullet-gold.gif);
}
#login2col.free .fLeft label{
	background-image: url(images/bullet-blue.gif);
}
#login2col .fLeft .submit{
	width:90px;
	height:29px;
	background: url(images/btn-login.png) 0 0 no-repeat;
	margin: 30px auto;
}
#login2col .fLeft li p{
	text-align: right;
	margin: 5px 0 -15px;
	padding: 0 30px 0 0;
	font-size: 10px;
	color: #88898d;
}
#login2col .fRight{
	float: right;
	width: 481px;
	margin: 0 0 0 -1px;
	border-left: 1px #d9d9d9 solid;
}
#login2col .fRight  h3{
	float: left;
	padding: 0 0 0 20px;
	margin: 0 0 0 -180px;
	background-image: url(images/bullet-gold.gif);
}
#login2col.free .fRight h3{
	background-image: url(images/bullet-blue.gif);
}
#login2col .fRight .billing{
	border-bottom: 1px #d9d9d9 solid;
	height: 24px;
}
#login2col .fRight .billing, #login2col .fRight .streaming, #login2col .fRight .hosting{
	overflow: hidden;
	padding: 23px 0 20px 200px;
}
#login2col .fRight .streaming{
	border-bottom: 1px #d9d9d9 solid;
}
#login2col .fRight .line{
	padding: 2px 0 0;
	line-height: 16px;
}
#login2col .fRight .line label{
	position: relative;
	top: -2px;
}

#content .main{
	float: left;
	width: 726px;
}
#content .aside{
	float: right;
	width: 214px;
}
#content .main h2, #content .main h3, #content .aside h3{
	background: none;
	color: #5981c6;
	font-weight: bold;
	border-bottom: 1px #d9d9d9 solid;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 16px;
	text-indent: 0;
	width: auto;
	margin: 0;
	height: auto;
	padding: 0 0 5px;
}

.aside .related ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.aside .related li{
	background: #e2e2e2;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px;
}
.aside .related .odd{
	background: transparent;
}
.aside .related li a{
	display: block;
	padding: 8px 10px;
	font-weight: bold;
	color: #5981c6;
	text-shadow: 1px 1px 1px #fff;
}
.aside a:hover, .aside a:focus, .aside a:active,
.main a:hover, .main a:focus, .main a:active{
	text-decoration: underline;
}

.main .box{
	border: 1px #d9d9d9 solid;
	overflow: hidden;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	line-height: 16px;
}
.main .box .details{
	float: left;
	width: 320px;
	padding: 20px;
	margin: 0;
	color: #88898d;
}
.main .box .statistics{
	float: right;
	width: 320px;
	padding: 20px;
	margin: 0;
	color: #88898d;
}
.main .box strong{ color: #494b58; }
.main .box b{ color: #5981c6; }
.main .box .update{
	color: #5981c6;
	font-weight: bold;
	background: url(images/ico-client-panel.png) 0 -5px no-repeat;
	padding: 0 10px 0 20px;
	display: inline-block;
	height: 20px;
	margin-top: 13px;
}
.main .box .funds{
	color: #5981c6;
	font-weight: bold;
	background: url(images/ico-client-panel.png) 0 -42px no-repeat;
	padding: 0 0 0 20px;
	display: inline-block;
	height: 20px;
	margin-top: 13px;
}

.main p, .aside p{
	line-height: 16px;
}
.main .accounts{
	margin-top: 20px;
	overflow: hidden;
}
#content .main .accounts h3{
	background: url(images/ico-client-panel.png) 0 -79px no-repeat;
	padding-left: 24px;
}
.main .accounts ol{
	padding: 0;
	margin: 15px 0;
	list-style: none;
}
.main .accounts li a{
	font-weight: bold;
	color: #5981c6;
	float: left;
}
.main .button{
	display: block;
	width: 93px;
	height: 18px;
	background: url(images/btn-oval.png) 0 0 no-repeat;
	text-align: center;
	font-weight: normal !important;
	color: #494b58 !important;
	font-size: 10px;
	line-height: 17px;
	text-decoration: none !important;
}

.main .accounts li .button{
	margin: -2px 10px 0;
}

.main .tickets{
	margin-top: 30px;
}
#content .main .tickets h3{
	background: url(images/ico-client-panel.png) 0 -166px no-repeat;
	padding-left: 24px;
}
.main table{
	width: 100%;
	padding: 0;
	margin: 15px 0;
}
.main table a{
	font-weight: bold;
	color: #5981c6;
}
.main table span{
	color: #5981c6;
}
.main th, .main td{
	padding: 6px 0 6px 13px;
	margin: 0;
	background: #e2e2e2;
	color: #494b58;
	text-shadow: 1px 1px 1px #fff;
	font-weight: normal;
	text-align: left;
	line-height: 16px;
	font-size: 11px;
}
.main td{
	background: none;
	color: #88898d;
}
.main .tickets p{
	text-align: center;
	margin: -10px 0 15px;
	color: #88898d;
}

.main .invoices{
	margin-top: 30px;
}
#content .main .invoices h3{
	background: url(images/ico-client-panel.png) 0 -120px no-repeat;
	padding-left: 24px;
}
.main .invoices th{
	background: none;
}
.main .invoices td{
	background: #e2e2e2;
}
.main .invoices .summary td{
	background: none;
}

.cont-1{
	border: 1px #d9d9d9 solid;
	overflow: hidden;
	background: #f8f8f8;
	border-radius: 3px;
	position: relative;
}

.cont-1:after, .cont-1:before{
	content: " ";
	display: block;
	border: 3px #fff solid;
	border-radius: 3px;
	position: absolute;
	top: -2px;
	left: -2px;
	height: 100%;
	width: 100%;
}
.cont-1:before{
	top: auto;
	left: auto;
	bottom: -2px;
	right: -2px;
}


.sect-1{
	border-right: 1px #d9d9d9 solid;
	width: 479px;
	float: left;
	height: 600px;
	position: relative;
	z-index: 1;
	font-size: 12px;
}
.sect-1 p, .sect-1 li{
	color: #88898d;
	line-height: 18px;
	margin: 0;
}
.sect-2{
	border-left: 1px #fff solid;
	width: 479px;
	float: left;
	height: 600px;
	position: relative;
	z-index: 1;
}

.joining{
	padding: 40px 40px 30px;
	border-bottom: 1px #d9d9d9 solid;
}
.joining h3, .steps h3, .notices h3, .benefits h3{
    background: url(images/bullet-grey.gif) 0 5px no-repeat;
    font-size: 16px;
    color: #494b58;
    font-weight:normal;
    margin: 0 0 5px -15px;
    padding: 0 0 0 15px;
}
.steps{
	padding: 20px 40px 30px;
	border-top: 1px #fff solid;
	border-bottom: 1px #d9d9d9 solid;
	background: #eee;
}
.steps ol{
	margin: 20px 0 0;
	padding: 0;
	list-style: none;
}
.steps li{
	background: url(images/bg-ol3.gif) 0 -7px no-repeat;
	padding-left: 25px;
	margin-top: 17px;
}
.steps .s-2{ background-position: 0 -240px; }
.steps .s-3{ background-position: 0 -473px; }
.steps li strong{
	color: #494b58;
	font-weight: normal;
}
.notices{
	padding: 5px 0 30px;
}
.notices h3{
	font-size: 14px;
	background-position: 25px 4px;
	border-bottom: 1px #d9d9d9 solid;
	margin: 0;
	padding-bottom: 5px;
	padding-left: 40px;
}
.notices ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.notices li{
	border-top: 1px #fff solid;
	border-bottom: 1px #d9d9d9 solid;
	padding: 5px 20px 5px 40px;
	background: url(images/arrow.gif) 25px 9px no-repeat;
}
.notices li:nth-child(2n-1){
	background-color: #eee;
}
.notices li:last-child{
	border-bottom: 0;
}
.benefits{
	width: 400px;
	padding: 370px 40px;
	margin-top: 5px;
	background: url(images/moneytree.png) 80px 0 no-repeat;
}
.benefits ul{
	list-style: none;
	margin: 15px 0 0;
	padding: 0;
}
.benefits li{
	background: url(images/bg-benefits.gif) 0 0 no-repeat;
	width: 364px;
	height: 30px;
	line-height: 30px;
	margin: 6px 0;
	font-size: 12px;
	padding: 0 0 0 30px;
}

.social-box {
background: url('images/social.png') no-repeat;
width: 396px !important;
}
.social-box li {
    list-style-type: none;
    display: inline-block;
    background: none !important;
    padding: 0px !important;
}

.social-box li a {
display: inline-block;
width: 21px;
height: 18px;
}

.social-box li:first-child {
margin-left: 15px;
position: relative;
top: 4px;
color: #85969c;
}
/* --- LISTEN2MYRADIO CSS --- */
/* menu */
ul#menu{
	margin:0px;
	list-style:none;
	color:#fff;
	height:52px;
	display:inline-block;
	float:right;
	z-index:8;
	position:relative;
}
ul#menu a {
	color:#fff;
	text-decoration:none;
	font-size:1px;
}
ul#menu > li {
	cursor: default;
	float:left;
	position:relative;
	padding:0px;
	height:52px;
	display:block;
}
ul#menu > li a {
	display:block;
}
ul#menu > li a.home{
	width:51px;
	height:52px;
	background-image:url(images/menu-home.gif);
}
ul#menu > li a.radio{
	width:125px;
	height:52px;
	background-image:url(images/menu-radiostreaming.gif);
}
ul#menu > li a.video{
	width:123px;
	height:52px;
	background-image:url(images/menu-videostreaming.gif);
}
ul#menu > li a.hosting{
	width:68px;
	height:52px;
	background-image:url(images/menu-hosting.gif);
}
ul#menu > li a.support{
	width:73px;
	height:52px;
	background-image:url(images/menu-support.gif);
}
ul#menu > li a.company{
	width:74px;
	height:52px;
	background-image:url(images/menu-company.gif);
}
ul#menu > li a.chat{
	width:80px;
	height:23px;
	margin:15px 6px 13px 22px;
	background-image:url(images/btn-livechat.gif);
}
ul#menu > li:hover a.chat{ 
	background-position:top !important;
}
ul#menu > li a.chat:hover{
	background-position:bottom !important;
}
ul#menu > li a.login{
	width:51px;
	height:52px;
	background-image:url(images/menu-login.gif);
}
ul#menu > li a.login:hover{
	background-position:bottom !important;
}
ul#menu > li:hover a.login{ 
	background-position:bottom !important;
}
ul#menu > li a.active{
	background-position:bottom !important;
	cursor: default;
}
ul#menu > li:hover a{ 
	background-position: center;
}
/* sub-menus*/
ul#menu ul {
	padding:0px;
	margin:0px;
	display:block;
	display:inline;
}
ul#menu li ul {
	position:absolute;
	left:0;
	top:7px;
	margin-top:45px;
	width:140px;
	line-height:16px;
	background-color:#e9ecee;
	/* for IE */ display:none;
}
ul#menu li:hover ul { display:block;}
ul#menu li ul li{
	display:block;
	margin:0;
	padding:0; 
	border-bottom: solid 1px #d7dddf;
	list-style-type:none;
}
ul#menu li ul li:first-child { border-top: none; }
ul#menu li ul li a { 
	display:block;
	color:#858a8e;
	font-size:11px;
	padding: 5px 10px !important;
	background:#e9ecee !important;
}
ul#menu li ul li a:hover {
	color:#4e4e4e;
	background:#f5f6f7 !important;
}