/* RAZ - Eric Meilleur - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ remixed*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
form, fieldset {
	position:relative;
	display:block;
}
input {
	border:0;
}
a:hover {
	text-decoration:underline;
}
a:hover img {
	text-decoration:none;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* Fin RAZ */
/* 	Tricks - divers */
.clear { 
	position:relative;
	display:block;
	overflow:hidden;
	clear:both;
	height:1px;
	line-height:1px;
	font-size:1px;
}
/* Fin Tricks - divers */
input.hidden {
	border:0;
	padding: 0;
	background: none;
	margin: 0;
	width: 0;
	height: 0;
	display: none;
	visibility: hidden;
}
body{
	text-align:center;
	font-family:Arial, Verdana, sans-serif;
	background-color:#DBCEBB;
}
.global,
.adstop,
.wrapper,
.promos,
.promos a,
.promos a img,
.wrapper a.logo,
.wrapper a.logo img,
.wrapper .player,
.wrapper .player .now,
.wrapper .player .previous,
.wrapper .player .now h2,
.wrapper .player .previous h2,
.wrapper .player .now .show,
.wrapper .player .now .show h3,
.wrapper .player .now .show h4,
.wrapper .player .now .show p,
.wrapper .player .now .show p#picture img,
.wrapper .player .now .links,
.wrapper .player .now .links a,
.wrapper .player .controls .volume img.voldown,
.wrapper .player .controls .volume img.volup,
.wrapper .player .controls .volume .volumebar img#bar,
.wrapper .player .previous .songs,
.wrapper .player .previous form,
.wrapper .player .previous select.date,
.wrapper .player .previous input,
.wrapper .player .previous p {
	position:relative;
	display:block;
	overflow:hidden;
}
.wrapper img.skin,
.wrapper .player .controls,
.wrapper .player .controls img.bg,
.wrapper .player .controls img.play,
.wrapper .player .controls img.stop,
.wrapper .player .controls img.soundon,
.wrapper .player .controls img.soundoff,
.wrapper .player .controls .volume,
.wrapper .player .controls .volume .volumebar,
.wrapper .player .controls p.quality {
	position:absolute;
	display:block;
	overflow:hidden;
}
.global {
	width:760px;
	height:720px;
	margin:0 auto;
	text-align:left;
}
.adstop {
	overflow:visible;
	width: 728px;
	height:100px;
	margin:10px auto 0px;
}
.wrapper {
	width:736px;
	height:408px;
	margin:0 auto;
	background-image:url('../img/background_wrapper.gif');
	background-position:0 0;
	background-repeat:no-repeat;
}
.wrapper #radio {
	position:absolute;
	display:block;
	z-index:100;
	top:10px;
	left:15px;
	width:1px;
	height:1px;
	background-color:#F5EDE0;
}
.wrapper #radio #currentPlayer{
	position:relative;
	display:block;
	z-index:100;
	width:1px;
	height:1px;
	background-color:#F5EDE0;
}
.promos {
	width:724px;
	height:182px;
	margin:15px auto 0;
}
.promos a {
	float:left;
	margin:0 20px;
}
.promos a img {
	border:1px solid #FFF;
}
.wrapper a.logo {
	width:119px;
	height:131px;
	margin:20px 0 0 20px;
}
.wrapper img.skin {
	top:3px;
	right:4px;
	z-index:0;
}
.wrapper .player {
	width:698px;
	height:250px;
	margin:0 0 0 19px;
	background-image:url('../img/background_player.gif');
	background-position:0 15px;
	background-repeat:no-repeat;
}
.wrapper .player .now,
.wrapper .player .previous {
	float:left;
	width:250px;
	height:200px;
	margin:28px 0 0 13px;
}
.wrapper .player .previous {
	float:right;
	margin:28px 13px 0 0;
}
.wrapper .player .now h2,
.wrapper .player .previous h2 {
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
	color:#544838;
}
.wrapper .player .now .show {
	height:90px;
	margin-top:5px;
	background-color:#F3EEE5;
}
.wrapper .player .now .show p#picture {
	float:left;
	margin:0 7px 0 0;
}
.wrapper .player .now .show p#picture img, .wrapper .player .now .show p#picture a{
	width: 90px;
	height: 90px;	
}
.wrapper .player .now .show h3 {
	margin:3px 3px 5px 0;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#544838;
}
.wrapper .player .now h2 span {
	padding-right:10px;
	margin-right:5px;
	background-image:url('../img/chevron.gif');
	background-position:right 2px;
	background-repeat:no-repeat;
}
.wrapper .player .now .show h3 span#show {
	padding-right:0;
	margin-right:0;
	background:none;
}
.wrapper .player .now .show h3 span#show a {
	color:#544838;
	text-decoration:none;
}
.wrapper .player .now .show h3 span#show a:hover {
	text-decoration:underline;
}
.wrapper .player .now .show h4, .wrapper .player .now .show h4 a {
	margin:0 3px 0 0;
	font-size:12px;
	font-weight:bold;
	color:#CA011B;
	text-decoration: none;
}
.wrapper .player .now .show h4 a:hover {
	text-decoration: underline;
}
.wrapper .player .now .show p {
	margin:0 3px 0 0;
	font-size:12px;
	color:#544838;
}
.wrapper .player .now .links {
	height:70px;
	margin-top:5px;
	padding:5px 10px;
	background-color:#F3EEE5;
}
.wrapper .player .now .links a {
	height:15px;
	margin-top:2px;
	padding-left:20px;
	text-decoration:none;
	font-size:12px;
	color:#544838;
	background-image:url('../img/chevron.gif');
	background-position:0 3px;
	background-repeat:no-repeat;
}
.wrapper .player .now .links a:hover {
	text-decoration:underline;
}
.wrapper .player .controls {
	width:142px;
	height:246px;
	top:0;
	left:278px;
	z-index:1;
	background-image:url('../img/background_controls.gif');
	background-position:0 0;
	background-repeat:no-repeat;
}
.wrapper .player .controls img.bg {
	top:28px;
	left:28px;
	z-index:0;
}
.wrapper .player .controls img.play,
.wrapper .player .controls img.stop {
	top:35px;
	left:34px;
	z-index:1;
	cursor:pointer;
}
.wrapper .player .controls img.soundon,
.wrapper .player .controls img.soundoff {
	top:129px;
	left:60px;
	z-index:1;
	cursor:pointer;
}
.wrapper .player .controls .volume {
	width:112px;
	height:17px;
	bottom:60px;
	left:16px;
	background-image:url('../img/background_volume.gif');
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:1;
}
.wrapper .player .controls .volume img.voldown,
.wrapper .player .controls .volume img.volup {
	float:left;
	width:13px;
	height:13px;
	margin:2px 2px 0 2px;
	cursor:pointer;
}
.wrapper .player .controls .volume img.volup {
	float:right;
}
.wrapper .player .controls .volume .volumebar {
	width:60px;
	height:6px;
	top:6px;
	left:26px;
}
.wrapper .player .controls .volume .volumebar img#bar {
	width:60px;
	height:6px;
	left:-30px;
}
.wrapper .player .controls p.quality {
	width:120px;
	height:20px;
	bottom:20px;
	left:11px;
	text-align:center;
}
.wrapper .player .controls p.quality a {
	position:relative;
	display:inline;
	overflow:hidden;
	margin:0 2px;
	color:#BBAEA1;
	text-transform:uppercase;
	font-weight:bold;
	font-size:10px;
	text-decoration:none;
}
.wrapper .player .controls p.quality a.active {
	color:#FFF;
}
.wrapper .player .controls p.quality a:hover {
	text-decoration:underline;
}
.wrapper .player .previous .songs {
	height:100px;
	margin:5px 0 10px 0;
	padding:10px 10px;
	background-color:#F3EEE5;
	overflow: auto;
}
.wrapper .player .previous .songs p {
	height:15px;
	margin-top:4px;
	font-size:12px;
	color:#544838;
/*	white-space:nowrap;*/
}
.wrapper .player .previous .songs p a {
	display:inline;
	margin-right:5px;
	font-weight:bold;
	color:#CA011B;
	text-decoration:none;
}
.wrapper .player .previous .songs p a:hover {
	text-decoration:underline;
}
.wrapper .player .previous form {
	margin-top:5px;
	height:20px;
}
.wrapper .player .previous select.date {
	margin:0 7px 0 0;
	float:left;
	height:20px;
	width:90px;
	text-align:center;
	font-size:12px;
	color:#544838;
	border:1px solid #7A6A59;
}
.wrapper .player .previous input {
	float:left;
	width:20px;
	height:14px;
	margin:0 5px 0 0;
	padding:2px 0;
	text-align:center;
	font-size:12px;
	color:#544838;
	border:1px solid #7A6A59;
	background-image:url('../img/input_shadow.gif');
	background-position:top left;
	background-repeat:repeat-x;
	background-color:#FFF;
}
.wrapper .player .previous p.time {
	float:left;
	top:2px;
	margin:0 5px 0 0;
	font-size:14px;
	color:#544838;
}
.wrapper .player .previous input.submit {
	width:36px;
	height:20px;
	margin:0;
	padding:0;
	border:0;
	background:none;
}
