From b3cf225d856d84429a5dcb29c76ab6a3b04b7e05 Mon Sep 17 00:00:00 2001
From: lukabazuka <vladimir.stefanovic@sourcefabric.org>
Date: Fri, 7 Oct 2011 15:46:42 +0200
Subject: [PATCH 1/3] jPlayer CSS changes

---
 .../js/jplayer/skin/jplayer.blue.monday.css   | 560 +-----------------
 1 file changed, 1 insertion(+), 559 deletions(-)

diff --git a/airtime_mvc/public/js/jplayer/skin/jplayer.blue.monday.css b/airtime_mvc/public/js/jplayer/skin/jplayer.blue.monday.css
index 1ef4fc2fe..d8ed35bc1 100644
--- a/airtime_mvc/public/js/jplayer/skin/jplayer.blue.monday.css
+++ b/airtime_mvc/public/js/jplayer/skin/jplayer.blue.monday.css
@@ -1,559 +1 @@
-/*
- * Skin for jPlayer Plugin (jQuery JavaScript Library)
- * http://www.happyworm.com/jquery/jplayer
- *
- * Skin Name: Blue Monday
- *
- * Copyright (c) 2010 Happyworm Ltd
- * Dual licensed under the MIT and GPL licenses.
- *  - http://www.opensource.org/licenses/mit-license.php
- *  - http://www.gnu.org/copyleft/gpl.html
- *
- * Author: Silvia Benvenuti
- * Skin Version: 3.0 (jPlayer 2.0.0)
- * Date: 20th December 2010
- */
-
-.jp-container	{
-	background: #282828;
-    height: 100%;
-    margin: 0;
-    padding: 0;
-	width:400px;
-}
-
-.jp-container h1	{
-	background: #282828;
-	font-size:18px;
-	text-align:center;
-	color:#CCC;
-    margin: 0;
-    padding: 8px 0;
-	font-weight:normal;
-	border-bottom:1px solid #000;
-	background-color:#3D3D3D;
-	background: linear-gradient(top, #3c3c3c 0, #1a1a1a 100%);
-	background: -moz-linear-gradient(top, #3c3c3c 0, #1a1a1a 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3c3c3c), color-stop(100%, #1a1a1a));
-	text-shadow: 0px -1px 1px #000;
-}
-
-.jp-logo{
-	width:400px;
-	height: 67px;
-	/* background:#282828 url(../../../css/images/airtime_logo_jp.png) no-repeat 120px 14px; 
-	background: url(../../../css/images/airtime_logo_jp.png) no-repeat 120px 14px, -moz-radial-gradient(200px 0px, circle cover, rgba(70,70,70,1) 0%, rgba(40,40,40,1) 90%);
-	background: url(../../../css/images/airtime_logo_jp.png) no-repeat 120px 14px, -webkit-radial-gradient(170px 20px, rgba(70,70,70,1) 0%,rgba(40,40,40,1) 70%); */
-    background:#282828 no-repeat 120px 14px; 
-	background: no-repeat 120px 14px, -moz-radial-gradient(200px 0px, circle cover, rgba(70,70,70,1) 0%, rgba(40,40,40,1) 90%);
-	background: no-repeat 120px 14px, -webkit-radial-gradient(170px 20px, rgba(70,70,70,1) 0%,rgba(40,40,40,1) 70%);
-	display:block;
-}
-
-.jp-logo img{
-    display: block;
-    margin-left: auto;
-    margin-right: auto;
-
-}
-
-.jp-stream	{
-	height: 27px;
-	display:block;
-	border-top:1px solid #050505;
-	color:#ff5d1a;
-	font-size:12px;
-	padding:6px 4px 4px 10px;
-	background:#313131;
-	background: -moz-linear-gradient(top, #292929 0, #3a3a3a 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #292929), color-stop(100%, #3a3a3a));
-	box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
-	-moz-box-shadow: rgba(0, 0, 0, 0.7) 0 0 5px inset;
-	-webkit-box-shadow: rgba(0, 0, 0, 0.7) 0 0 5px inset;
-	line-height:23px;
-}
-.jp-stream-text,
-.jp-stream form	{
-	float:left;
-}
-.jp-stream form	{
-	margin-left:10px;
-}
-.jp-stream label	{
-	color:#ababab;
-	padding: 0 10px 0 0;
-	font-size:12px;
-}
-.jp-stream label input[type="radio"]	{
-}
-
-.jp-stream form input[type="text"], .jp-stream form select	{
-    background-color: #212121;
-    border: 1px solid #1a1a1a;
-    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset;
-	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset;
-	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5) inset;
-    color: #767676;
-    font-family: Arial,Helvetica,sans-serif;
-    font-size: 12px;
-    height: 25px;
-    margin: 0;
-    padding: 2px 2px 2px 0;
-    vertical-align: top;
-	width:200px;
-}
-
-div.jp-audio,
-div.jp-video {
-
-	/* Edit the font-size to counteract inherited font sizing.
-	 * Eg. 1.25em = 1 / 0.8em
-	 */
-
-	font-size:1em; /* No parent CSS that can effect the size in these demos */
-
-	font-family:Verdana, Arial, sans-serif;
-	line-height:1.6;
-	color: #666;
-}
-div.jp-audio {
-	/*width:180px;*/
-}
-div.jp-video-270p {
-	width:480px;
-}
-div.jp-video-360p {
-	width:640px;
-}
-div.jp-interface {
-	position: relative;
-	background-color:#3D3D3D;
-	background: -moz-linear-gradient(top, #4e4e4e 0, #3a3a3a 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4e4e4e), color-stop(100%, #3a3a3a));
-	/* width:418px; */
-	width:100%;
-	border-top:1px solid #7c7c7c;
-	border-bottom:1px solid #1a1a1a;
-}
-div.jp-audio div.jp-type-single div.jp-interface {
-	height:70px;
-	/*border-bottom:none;*/
-}
-div.jp-audio div.jp-type-playlist div.jp-interface {
-	height:80px;
-}
-div.jp-video div.jp-type-single div.jp-interface {
-	height:60px;
-	border-bottom:none;
-}
-div.jp-video div.jp-type-playlist div.jp-interface {
-	height:60px;
-}
-div.jp-interface ul.jp-controls {
-	list-style-type:none;
-	padding:0;
-	margin: 0;
-}
-div.jp-interface ul.jp-controls li {
-	/* position: absolute; */
-	display:inline;
-}
-div.jp-interface ul.jp-controls a {
-	position: absolute;
-	overflow:hidden;
-	text-indent:-9999px;
-}
-a.jp-play,
-a.jp-pause {
-	width:75px;
-	height:40px;
-	z-index:1;
-}
-div.jp-audio div.jp-type-single a.jp-play,
-div.jp-audio div.jp-type-single a.jp-pause {
-	top:15px;
-	left:40px;
-}
-div.jp-audio div.jp-type-playlist a.jp-play,
-div.jp-audio div.jp-type-playlist a.jp-pause {
-	top:20px;
-	left:48px;
-}
-div.jp-video a.jp-play,
-div.jp-video a.jp-pause {
-	top:15px;
-}
-div.jp-video-270p div.jp-type-single a.jp-play,
-div.jp-video-270p div.jp-type-single a.jp-pause {
-	left:195px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-play,
-div.jp-video-270p div.jp-type-playlist a.jp-pause {
-	left:220px;
-}
-div.jp-video-360p div.jp-type-single a.jp-play,
-div.jp-video-360p div.jp-type-single a.jp-pause {
-	left:275px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-play,
-div.jp-video-360p div.jp-type-playlist a.jp-pause {
-	left:300px;
-}
-a.jp-play {
-	background: url("jplayer.png") 0 0 no-repeat;
-}
-a.jp-play:hover {
-	background: url("jplayer.png") -75px 0 no-repeat;
-}
-a.jp-pause {
-	background: url("jplayer.png") 0 -40px no-repeat;
-	display: none;
-}
-a.jp-pause:hover {
-	background: url("jplayer.png") -75px -40px no-repeat;
-}
-div.jp-audio div.jp-type-single a.jp-stop {
-	top:26px;
-	left:90px;
-}
-div.jp-audio div.jp-type-playlist a.jp-stop {
-	top:26px;
-	left:126px;
-}
-div.jp-video a.jp-stop {
-	top:21px;
-}
-div.jp-video-270p div.jp-type-single a.jp-stop {
-	left:245px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-stop {
-	left:298px;
-}
-div.jp-video-360p div.jp-type-single a.jp-stop {
-	left:325px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-stop {
-	left:378px;
-}
-a.jp-stop {
-	background: url("jplayer.png") 0 -83px no-repeat;
-	width:28px;
-	height:28px;
-	z-index:1;
-}
-a.jp-stop:hover {
-	background: url("jplayer.png") -29px -83px no-repeat;
-}
-div.jp-audio div.jp-type-playlist a.jp-previous {
-	left:20px;
-	top:26px;
-}
-div.jp-video div.jp-type-playlist a.jp-previous {
-	top:21px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-previous {
-	left:192px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-previous {
-	left:272px;
-}
-a.jp-previous {
-	background: url("jplayer.png") 0 -112px no-repeat;
-	width:28px;
-	height:28px;
-}
-a.jp-previous:hover {
-	background: url("jplayer.png") -29px -112px no-repeat;
-}
-div.jp-audio div.jp-type-playlist a.jp-next {
-	left:88px;
-	top:26px;
-}
-div.jp-video div.jp-type-playlist a.jp-next {
-	top:21px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-next {
-	left:260px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-next {
-	left:340px;
-}
-a.jp-next {
-	background: url("jplayer.png") 0 -141px no-repeat;
-	width:28px;
-	height:28px;
-}
-a.jp-next:hover {
-	background: url("jplayer.png") -29px -141px no-repeat;
-}
-div.jp-progress {
-	position: absolute;
-	overflow:hidden;
-	background-color: #ddd;
-}
-div.jp-audio div.jp-type-single div.jp-progress {
-	top:32px;
-	left:130px;
-	width:122px;
-	height:15px;
-}
-div.jp-audio div.jp-type-playlist div.jp-progress {
-	top:32px;
-	left:164px;
-	width:122px;
-	height:15px;
-}
-div.jp-video div.jp-progress {
-	top:0px;
-	left:0px;
-	width:100%;
-	height:10px;
-}
-div.jp-seek-bar {
-	background: url("jplayer.png") 0 -202px repeat-x;
-	width:0px;
-	/* height:15px; */
-	height:100%;
-	cursor: pointer;
-}
-div.jp-play-bar {
-	background: url("jplayer.png") 0 -218px repeat-x ;
-	width:0px;
-	/* height:15px; */
-	height:100%;
-}
-
-/* The seeking class is added/removed inside jPlayer */
-div.jp-seeking-bg {
-	background: url("pbar-ani.gif");
-}
-
-a.jp-mute,
-a.jp-unmute,
-a.jp-volume-max {
-	width:20px;
-	height:20px;
-}
-div.jp-audio div.jp-type-single a.jp-mute,
-div.jp-audio div.jp-type-single a.jp-unmute {
-	top:30px;
-	left:227px;
-}
-div.jp-audio div.jp-type-playlist a.jp-mute,
-div.jp-audio div.jp-type-playlist a.jp-unmute {
-	top:32px;
-	left:296px;
-}
-div.jp-video a.jp-mute,
-div.jp-video a.jp-unmute {
-	top:27px;
-}
-div.jp-video-270p div.jp-type-single a.jp-mute,
-div.jp-video-270p div.jp-type-single a.jp-unmute {
-	left:304px;
-}
-div.jp-video-270p div.jp-type-playlist a.jp-unmute,
-div.jp-video-270p div.jp-type-playlist a.jp-mute {
-	left:363px;
-}
-div.jp-video-360p div.jp-type-single a.jp-mute,
-div.jp-video-360p div.jp-type-single a.jp-unmute {
-	left:384px;
-}
-div.jp-video-360p div.jp-type-playlist a.jp-mute,
-div.jp-video-360p div.jp-type-playlist a.jp-unmute {
-	left:443px;
-}
-a.jp-mute {
-	background: url("jplayer.png") 0 -90px no-repeat;
-}
-a.jp-mute:hover {
-	background: url("jplayer.png") -30px -90px no-repeat;
-}
-a.jp-unmute {
-	background: url("jplayer.png") -61px -90px no-repeat;
-	display: none;
-}
-a.jp-unmute:hover {
-	background: url("jplayer.png") -91px -90px no-repeat;
-}
-div.jp-interface ul.jp-controls a.jp-volume-max {
-    background: url("jplayer.png") no-repeat scroll 0 -110px transparent;
-}
-div.jp-interface ul.jp-controls a.jp-volume-max:hover {
-    background: url("jplayer.png") no-repeat scroll -30px -110px transparent;
-}
-div.jp-audio ul.jp-controls a.jp-volume-max {
-    left: 340px;
-    top: 28px;
-}
-div.jp-volume-bar {
-	position: absolute;
-	overflow:hidden;
-	background:#393939;
-	-moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px inset;
-	-webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0 1px inset;
-	border-bottom:1px solid #5e5e5e;
-	border-top:1px solid #262526;
-	border-left:1px solid #262526;
-	border-right:1px solid #262526;
-	width:130px;
-	height:4px;
-	cursor: pointer;
-}
-div.jp-audio div.jp-type-single div.jp-volume-bar {
-	top:48px;
-	left:225px;
-}
-div.jp-audio div.jp-type-playlist div.jp-volume-bar {
-	top:37px;
-	left:324px;
-}
-div.jp-video div.jp-volume-bar {
-	top:32px;
-}
-div.jp-video-270p div.jp-type-single div.jp-volume-bar {
-	left:332px;
-}
-div.jp-video-270p div.jp-type-playlist div.jp-volume-bar {
-	left:391px;
-}
-div.jp-video-360p div.jp-type-single div.jp-volume-bar {
-	left:412px;
-}
-div.jp-video-360p div.jp-type-playlist div.jp-volume-bar {
-	left:471px;
-}
-div.jp-volume-bar-value {
-	background-color:#fb7018;
-    background: -moz-linear-gradient(top, #fc9318 0, #e56815 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc9318), color-stop(100%, #e56815));
-	width:0px;
-	height:3px;
-}
-div.jp-current-time,
-div.jp-duration {
-	position: absolute;
-	font-size:.64em;
-	font-style:oblique;
-}
-div.jp-duration {
-	text-align: right;
-}
-div.jp-audio div.jp-type-single div.jp-current-time,
-div.jp-audio div.jp-type-single div.jp-duration {
-	top:49px;
-	left:130px;
-	width:122px;
-}
-div.jp-audio div.jp-type-playlist div.jp-current-time,
-div.jp-audio div.jp-type-playlist div.jp-duration {
-	top:49px;
-	left:164px;
-	width:122px;
-}
-div.jp-video div.jp-current-time,
-div.jp-video div.jp-duration {
-	top:10px;
-	left:0px;
-	width:98%;
-	padding:0 1%;
-}
-div.jp-playlist {
-	/* width:418px; */
-	width:100%;
-	background-color:#ccc;
-	/*border:1px solid #009be3;*/
-	border-top:none;
-}
-div.jp-playlist ul {
-	list-style-type:none;
-	margin:0;
-	padding:0 20px;
-	/* background-color:#ccc; */
-	/* border:1px solid #009be3; */
-	/* border-top:none; */
-	/* width:378px; */
-	font-size:.72em;
-}
-
-
-div.jp-type-single div.jp-playlist li {
-	padding:5px 0 5px 20px;
-	font-weight:bold;
-}
-div.jp-type-playlist div.jp-playlist li {
-	padding:5px 0 4px 20px;
-	border-bottom:1px solid #eee;
-}
-/*
-div.jp-video div.jp-playlist li {
-	padding:5px 0 5px 20px;
-	font-weight:bold;
-}
-*/
-div.jp-type-playlist div.jp-playlist li.jp-playlist-last {
-	padding:5px 0 5px 20px;
-	border-bottom:none;
-}
-div.jp-type-playlist div.jp-playlist li.jp-playlist-current {
-	list-style-type:square;
-	list-style-position:inside;
-	padding-left:8px;
-}
-div.jp-type-playlist div.jp-playlist a {
-	color: #666;
-	text-decoration: none;
-}
-div.jp-type-playlist div.jp-playlist a:hover {
-	color:#0d88c1;
-}
-div.jp-type-playlist div.jp-playlist a.jp-playlist-current {
-	color:#0d88c1;
-}
-div.jp-type-playlist div.jp-playlist div.jp-free-media {
-	display:inline;
-	margin-left:20px;
-}
-
-div.jp-video div.jp-video-play {
-	background: transparent url("jplayer.blue.monday.video.play.png") no-repeat center;
-	/* position: relative; */
-	position: absolute;
-	cursor:pointer;
-	z-index:2;
-}
-div.jp-video div.jp-video-play:hover {
-	background: transparent url("jplayer.blue.monday.video.play.hover.png") no-repeat center;
-}
-div.jp-video-270p div.jp-video-play {
-	top:-270px;
-	width:480px;
-	height:270px;
-}
-div.jp-video-360p div.jp-video-play {
-	top:-360px;
-	width:640px;
-	height:360px;
-}
-
-div.jp-jplayer {
-	width:0px;
-	height:0px;
-}
-div.jp-video div.jp-jplayer {
-	border:1px solid #009be3;
-	border-bottom:none;
-	z-index:1;
-}
-div.jp-video-270p div.jp-jplayer {
-	width:480px;
-	height:270px;
-}
-div.jp-video-360p div.jp-jplayer {
-	width:640px;
-	height:360px;
-}
-div.jp-jplayer {
-	background-color: #000000;
-}
+@charset "utf-8";/* * Skin for jPlayer Plugin (jQuery JavaScript Library) * http://www.happyworm.com/jquery/jplayer * * Skin Name:Blue Monday * * Copyright (c) 2010 Happyworm Ltd * Dual licensed under the MIT and GPL licenses. *  - http://www.opensource.org/licenses/mit-license.php *  - http://www.gnu.org/copyleft/gpl.html * * Author:Silvia Benvenuti * Skin Version:3.0 (jPlayer 2.0.0) * Date:20th December 2010 */.jp-container{background:#282828; height:100%; margin:0; padding:0;width:400px;position:relative}.jp-container h1{ color:#CCC; font-size:20px; font-weight:normal; margin:0; padding:8px 0; position:absolute; right:16px; text-align:center; text-shadow:0 -1px 1px #000; top:12px}.jp-logo{width:400px;height:67px; background:#282828 no-repeat 120px 14px;background:no-repeat 120px 14px,-moz-radial-gradient(200px 0px,circle cover,rgba(70,70,70,1) 0%,rgba(40,40,40,1) 90%);background:no-repeat 120px 14px,-webkit-radial-gradient(170px 20px,rgba(70,70,70,1) 0%,rgba(40,40,40,1) 70%);display:block}.jp-logo img{ display:block; display:block; padding:14px 0 0 16px}.jp-stream{height:27px;display:block;border-top:1px solid #050505;color:#ff5d1a;font-size:12px;padding:6px 4px 4px 16px;background:#313131;background:-moz-linear-gradient(top,#292929 0,#3a3a3a 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#292929),color-stop(100%,#3a3a3a));box-shadow:rgba(248,248,248,.3) 0px 1px 0px,rgba(0,0,0,0.2) 0 2px 2px inset;-moz-box-shadow:rgba(0,0,0,0.7) 0 0 5px inset;-webkit-box-shadow:rgba(0,0,0,0.7) 0 0 5px inset;line-height:23px}.jp-stream-text,.jp-stream form{float:left}.jp-stream form{margin-left:10px;width:283px}.jp-stream label{color:#ababab;padding:0 10px 0 0;font-size:12px}.jp-stream label input[type="radio"]{}.jp-stream form input[type="text"],.jp-stream form select{ background-color:#212121; border:1px solid #1a1a1a; box-shadow:inset 0 2px 2px rgba(0,0,0,0.5);-moz-box-shadow:inset 0 2px 2px rgba(0,0,0,0.5);-webkit-box-shadow:inset 0 2px 2px rgba(0,0,0,0.5); color:#767676; font-family:Arial,Helvetica,sans-serif; font-size:12px; height:25px; margin:0; padding:2px 2px 2px 0; vertical-align:top;width:100%}div.jp-audio,div.jp-video{/* Edit the font-size to counteract inherited font sizing. * Eg. 1.25em = 1 / 0.8em */font-size:1em;/* No parent CSS that can effect the size in these demos */font-family:Verdana,Arial,sans-serif;line-height:1.6;color:#666}div.jp-audio{/*width:180px;*/}div.jp-video-270p{width:480px}div.jp-video-360p{width:640px}div.jp-interface{position:relative;background-color:#3D3D3D;background:-moz-linear-gradient(top,#4e4e4e 0,#3a3a3a 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#4e4e4e),color-stop(100%,#3a3a3a));width:100%;border-top:1px solid #5a5a5a;border-bottom:1px solid #1a1a1a}div.jp-audio div.jp-type-single div.jp-interface{height:70px}div.jp-audio div.jp-type-playlist div.jp-interface{height:80px}div.jp-video div.jp-type-single div.jp-interface{height:60px;border-bottom:none}div.jp-video div.jp-type-playlist div.jp-interface{height:60px}div.jp-interface ul.jp-controls{list-style-type:none;padding:0;margin:0}div.jp-interface ul.jp-controls li{/* position:absolute;*/display:inline}div.jp-interface ul.jp-controls a{position:absolute;overflow:hidden;text-indent:-9999px}a.jp-play,a.jp-pause{width:75px;height:40px;z-index:1}div.jp-audio div.jp-type-single a.jp-play,div.jp-audio div.jp-type-single a.jp-pause{top:15px;left:15px}div.jp-audio div.jp-type-playlist a.jp-play,div.jp-audio div.jp-type-playlist a.jp-pause{top:20px;left:48px}div.jp-video a.jp-play,div.jp-video a.jp-pause{top:15px}div.jp-video-270p div.jp-type-single a.jp-play,div.jp-video-270p div.jp-type-single a.jp-pause{left:195px}div.jp-video-270p div.jp-type-playlist a.jp-play,div.jp-video-270p div.jp-type-playlist a.jp-pause{left:220px}div.jp-video-360p div.jp-type-single a.jp-play,div.jp-video-360p div.jp-type-single a.jp-pause{left:275px}div.jp-video-360p div.jp-type-playlist a.jp-play,div.jp-video-360p div.jp-type-playlist a.jp-pause{left:300px}a.jp-play{background:url(jplayer.png) 0 0 no-repeat}a.jp-play:hover{background:url(jplayer.png) -75px 0 no-repeat}a.jp-pause{background:url(jplayer.png) 0 -40px no-repeat;display:none}a.jp-pause:hover{background:url(jplayer.png) -75px -40px no-repeat}div.jp-audio div.jp-type-single a.jp-stop{top:26px;left:90px}div.jp-audio div.jp-type-playlist a.jp-stop{top:26px;left:126px}div.jp-video a.jp-stop{top:21px}div.jp-video-270p div.jp-type-single a.jp-stop{left:245px}div.jp-video-270p div.jp-type-playlist a.jp-stop{left:298px}div.jp-video-360p div.jp-type-single a.jp-stop{left:325px}div.jp-video-360p div.jp-type-playlist a.jp-stop{left:378px}a.jp-stop{background:url(jplayer.png) 0 -83px no-repeat;width:28px;height:28px;z-index:1}a.jp-stop:hover{background:url(jplayer.png) -29px -83px no-repeat}div.jp-audio div.jp-type-playlist a.jp-previous{left:20px;top:26px}div.jp-video div.jp-type-playlist a.jp-previous{top:21px}div.jp-video-270p div.jp-type-playlist a.jp-previous{left:192px}div.jp-video-360p div.jp-type-playlist a.jp-previous{left:272px}a.jp-previous{background:url(jplayer.png) 0 -112px no-repeat;width:28px;height:28px}a.jp-previous:hover{background:url(jplayer.png) -29px -112px no-repeat}div.jp-audio div.jp-type-playlist a.jp-next{left:88px;top:26px}div.jp-video div.jp-type-playlist a.jp-next{top:21px}div.jp-video-270p div.jp-type-playlist a.jp-next{left:260px}div.jp-video-360p div.jp-type-playlist a.jp-next{left:340px}a.jp-next{background:url(jplayer.png) 0 -141px no-repeat;width:28px;height:28px}a.jp-next:hover{background:url(jplayer.png) -29px -141px no-repeat}div.jp-progress{position:absolute;overflow:hidden;background-color:#ddd}div.jp-audio div.jp-type-single div.jp-progress{top:32px;left:130px;width:122px;height:15px}div.jp-audio div.jp-type-playlist div.jp-progress{top:32px;left:164px;width:122px;height:15px}div.jp-video div.jp-progress{top:0px;left:0px;width:100%;height:10px}div.jp-seek-bar{background:url(jplayer.png) 0 -202px repeat-x;width:0px;/* height:15px;*/height:100%;cursor:pointer}div.jp-play-bar{background:url(jplayer.png) 0 -218px repeat-x;width:0px;/* height:15px;*/height:100%}/* The seeking class is added/removed inside jPlayer */div.jp-seeking-bg{background:url(pbar-ani.gif)}a.jp-mute,a.jp-unmute,a.jp-volume-max{width:20px;height:20px}div.jp-audio div.jp-type-single a.jp-mute,div.jp-audio div.jp-type-single a.jp-unmute{top:30px;left:227px}div.jp-audio div.jp-type-playlist a.jp-mute,div.jp-audio div.jp-type-playlist a.jp-unmute{top:32px;left:296px}div.jp-video a.jp-mute,div.jp-video a.jp-unmute{top:27px}div.jp-video-270p div.jp-type-single a.jp-mute,div.jp-video-270p div.jp-type-single a.jp-unmute{left:304px}div.jp-video-270p div.jp-type-playlist a.jp-unmute,div.jp-video-270p div.jp-type-playlist a.jp-mute{left:363px}div.jp-video-360p div.jp-type-single a.jp-mute,div.jp-video-360p div.jp-type-single a.jp-unmute{left:384px}div.jp-video-360p div.jp-type-playlist a.jp-mute,div.jp-video-360p div.jp-type-playlist a.jp-unmute{left:443px}a.jp-mute{background:url(jplayer.png) 0 -90px no-repeat}a.jp-mute:hover{background:url(jplayer.png) -30px -90px no-repeat}a.jp-unmute{background:url(jplayer.png) -61px -90px no-repeat;display:none}a.jp-unmute:hover{background:url(jplayer.png) -91px -90px no-repeat}div.jp-interface ul.jp-controls a.jp-volume-max{ background:url(jplayer.png) no-repeat scroll 0 -110px transparent}div.jp-interface ul.jp-controls a.jp-volume-max:hover{ background:url(jplayer.png) no-repeat scroll -30px -110px transparent}div.jp-audio ul.jp-controls a.jp-volume-max{ left:371px; top:28px}div.jp-volume-bar{position:absolute;overflow:hidden;background:#393939;-moz-box-shadow:rgba(0,0,0,0.5) 0 0 1px inset;-webkit-box-shadow:rgba(0,0,0,0.5) 0 0 1px inset;border-bottom:1px solid #5e5e5e;border-top:1px solid #262526;border-left:1px solid #262526;border-right:1px solid #262526;width:160px;height:4px;cursor:pointer}div.jp-audio div.jp-type-single div.jp-volume-bar{top:48px;left:225px}div.jp-audio div.jp-type-playlist div.jp-volume-bar{top:37px;left:324px}div.jp-video div.jp-volume-bar{top:32px}div.jp-video-270p div.jp-type-single div.jp-volume-bar{left:332px}div.jp-video-270p div.jp-type-playlist div.jp-volume-bar{left:391px}div.jp-video-360p div.jp-type-single div.jp-volume-bar{left:412px}div.jp-video-360p div.jp-type-playlist div.jp-volume-bar{left:471px}div.jp-volume-bar-value{background-color:#fb7018; background:-moz-linear-gradient(top,#fc9318 0,#e56815 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#fc9318),color-stop(100%,#e56815));width:0px;height:3px}div.jp-current-time,div.jp-duration{position:absolute;font-size:.64em;font-style:oblique}div.jp-duration{text-align:right}div.jp-audio div.jp-type-single div.jp-current-time,div.jp-audio div.jp-type-single div.jp-duration{top:49px;left:130px;width:122px}div.jp-audio div.jp-type-playlist div.jp-current-time,div.jp-audio div.jp-type-playlist div.jp-duration{top:49px;left:164px;width:122px}div.jp-video div.jp-current-time,div.jp-video div.jp-duration{top:10px;left:0px;width:98%;padding:0 1%}div.jp-playlist{/* width:418px;*/width:100%;background-color:#ccc;/*border:1px solid #009be3;*/border-top:none}div.jp-playlist ul{list-style-type:none;margin:0;padding:0 20px;/* background-color:#ccc;*//* border:1px solid #009be3;*//* border-top:none;*//* width:378px;*/font-size:.72em}div.jp-type-single div.jp-playlist li{padding:5px 0 5px 20px;font-weight:bold}div.jp-type-playlist div.jp-playlist li{padding:5px 0 4px 20px;border-bottom:1px solid #eee}div.jp-type-playlist div.jp-playlist li.jp-playlist-last{padding:5px 0 5px 20px;border-bottom:none}div.jp-type-playlist div.jp-playlist li.jp-playlist-current{list-style-type:square;list-style-position:inside;padding-left:8px}div.jp-type-playlist div.jp-playlist a{color:#666;text-decoration:none}div.jp-type-playlist div.jp-playlist a:hover{color:#0d88c1}div.jp-type-playlist div.jp-playlist a.jp-playlist-current{color:#0d88c1}div.jp-type-playlist div.jp-playlist div.jp-free-media{display:inline;margin-left:20px}div.jp-video div.jp-video-play{background:transparent url(jplayer.blue.monday.video.play.png) no-repeat center;/* position:relative;*/position:absolute;cursor:pointer;z-index:2}div.jp-video div.jp-video-play:hover{background:transparent url(jplayer.blue.monday.video.play.hover.png) no-repeat center}div.jp-video-270p div.jp-video-play{top:-270px;width:480px;height:270px}div.jp-video-360p div.jp-video-play{top:-360px;width:640px;height:360px}div.jp-jplayer{width:0px;height:0px}div.jp-video div.jp-jplayer{border:1px solid #009be3;border-bottom:none;z-index:1}div.jp-video-270p div.jp-jplayer{width:480px;height:270px}div.jp-video-360p div.jp-jplayer{width:640px;height:360px}div.jp-jplayer{background-color:#000}div.jp-now-playing{height:19px;padding:3px 0 0 15px;color:#a7a7a7;font-size:12px;border-top:1px solid #515151;border-bottom:1px solid #2c2c2c;background-color:#353535;background:-moz-linear-gradient(top,#3e3e3e 0,#353535 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#3e3e3e),color-stop(100%,#353535))}div.jp-now-playing span{color:#898989}
\ No newline at end of file

From 1b1e389cf6749e308643d63d8e1b389b98aad8e2 Mon Sep 17 00:00:00 2001
From: lukabazuka <vladimir.stefanovic@sourcefabric.org>
Date: Mon, 10 Oct 2011 23:38:51 +0200
Subject: [PATCH 2/3] fixed issues CC-2836 and CC-2916

---
 airtime_mvc/public/css/styles.css | 4602 +++++++++++++++--------------
 1 file changed, 2303 insertions(+), 2299 deletions(-)

diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index 05fdd1423..297cc30f3 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -1,2299 +1,2303 @@
-@charset "utf-8";
-/* CSS Document */
-
-body {
-	font-size: 62.5%;
-	font-family:Arial, Helvetica, sans-serif;
-    background: #7f7f7f;
-    margin: 0;
-    padding: 0;
-}
-html, body {
-height: 100%;
-}
-
-#login-page {
-    background: #1f1f1f url(images/login_page_bg.png) no-repeat center 0;
-    margin: 0;
-    padding: 0;
-	height:100%;
-	text-align:center;
-}
-
-h2 {
-    color: #000000;
-    font-size: 2.1em;
-    font-weight: normal;
-    margin: 0;
-    padding: 0 0 10px;
-}
-h3 {
-	font-size:1.7em;
-	font-weight:normal;
-	color:#000;
-	padding:0 0 10px 0;
-	margin:0;
-}
-a, a:focus {
-	outline:none;
-}
-label {
-	font-size:12px;
-}
-select {
-	font-size:12px;
-	font-family:Arial, Helvetica, sans-serif;
-	border:1px solid #9d9d9d;
-}
-
-.logo {
-	position:absolute;
-	right:20px;
-	top:104px;
-	background:transparent url(images/airtime_logo.png) no-repeat 0 0;
-	height:35px;
-	width:66px;
-	z-index:1000;
-	display:block;
-}
-
-/* Clearfix */
-.clearfix:after, li:after { content: "."; display: block;	height: 0; clear: both;  visibility: hidden;}
-.clearfix, li {	display: inline-block; }
-* html .clearfix, * html li { height: 1%;}
-.clearfix, li {	display: block;	}
-
-
-/* Master Panel */
-#sticky {
-	position:fixed;
-	height:130px;
-	top:0;
-	left:0;
-}
-
-
-#master-panel {
-	background:#3d3d3d url(images/masterpanel_bg.png) repeat-x 0 0;
-	height:100px;
-	border:1px solid #000;
-	border-width: 1px 0;
-	overflow:hidden;
-	position:relative;
-}
-
-.now-playing-block, .show-block, .on-air-block, .time-info-block, .personal-block, .listen-control-block, .trial-info-block {
-	height:100px;
-	float:left;
-	margin-right:10px;
-}
-.personal-block  {
-	float:right;
-	margin-right:20px;
-	text-align:right;
-	min-width:110px;
-}
-
-.personal-block  ul {
-	margin:0;
-	padding:8px 0 0;
-}
-.personal-block li {
-	font-size:11px;
-	color:#bdbdbd;
-	list-style-type:none;
-	margin:0 0 2px 0;
-}
-.personal-block li.name {
-	color:#fff;
-	font-weight:normal;
-}
-.personal-block li a {
-	color:#fff;
-	text-decoration:underline;
-}
-.personal-block li a:hover {
-	color:#ff5d1a;
-}
-.now-playing-block {
-	width:30%;
-	padding-left:20px;
-}
-.show-block {
-	width:18%;
-}
-.text-row {
-	height:30px;
-	padding:0px 0 0;
-	font-size:12px;
-	text-wrap:none;
-	text-indent:2px;
-	overflow:hidden;
-	line-height:30px;
-}
-#master-panel .text-row {
-	color:#dfdfdf;
-}
-.text-row.next-song {
-	color:#d9d9d9;
-}
-.text-row strong {
-	font-weight:bold;
-	color:#969696;
-	padding-right:12px;
-}
-.text-row.rebroadcast, #master-panel .text-row.rebroadcast {
-	color:#969696;
-}
-.now-playing-info {
-	height:25px;
-	background:#3a3a3a url(images/playinfo_bg.png) repeat-x 0 0;
-	border: 1px solid #242424;
-	border-bottom-color:#727272;
-	-moz-border-radius: 2px;
-	-webkit-border-radius: 2px;
-	border-radius: 2px;
-	color:#fff;
-	font-size:15px;
-	line-height:22px;
-	text-indent:5px;	
-	overflow:hidden;
-	margin-bottom:3px;
-}
-.time-elapsed {
-	color:#9b9b9b;
-	padding-right:6px;
-}
-.time-remaining {
-	color:#ff6f01;
-}
-.progressbar {
-	height:6px;
-	border:1px solid #242424;
-	border-width:1px 1px 0 1px;
-	background:#141414 url(images/progressbar_bg.png) repeat-x 0 0;
-}
-.progressbar .progress-song, .progressbar .progress-show, .progressbar .progress-show-error {
-	height:4px;
-	width:0%;
-	background:#f97202 url(images/progressbar_song.png) repeat-x 0 0;
-}
-.progressbar .progress-show {
-	background:#02cef9 url(images/progressbar_show.png) repeat-x 0 0;
-}
-.progressbar .progress-show-error {
-	background:#d40000 url(images/progressbar_show_error.png) repeat-x 0 0;
-}
-.now-playing-info .show-length {
-	color:#c4c4c4;
-	padding-left:6px; 
-}
-
-.on-air-block  {
-	padding:0 12px 0 0;
-	background:url(images/masterpanel_spacer.png) no-repeat right 0;
-}
-.time-info-block  {
-	padding:0 14px 0 2px;
-	background:url(images/masterpanel_spacer.png) no-repeat right 0;
-	min-width:105px;
-}
-.time-info-block ul {
-	margin:0;
-	padding:6px 0 0;
-}
-.time-info-block li {
-	list-style-type:none;
-	font-size:14px;
-	color:#bdbdbd;
-	margin:0 0 6px;
-}
-.time-info-block li.time {
-	font-size:26px;
-	color:#fff;
-	width:auto;
-	text-align:left;
-}
-.time-info-block li.time-zone {
-	font-size:17px;
-	margin-bottom:0;
-}
-.on-air-info {
-	height:26px;
-	border:1px solid #242424;
-	border-width:1px 1px 0 1px;
-	color:#fff;
-	min-width:85px;
-	font-size:16px;
-	line-height:100%;
-	font-weight:bold;
-	text-shadow: #242424 0px -1px;
-	text-align:center;
-	padding: 10px 0 0 0;
-	background-color:#464646;
-	margin-top:30px;
-}
-.on, .off {
-	background:#c21717 url(images/on-off-air.png) repeat-x 0 0;
-}
-.off {
-	background:#575050 url(images/on-off-air.png) repeat-x 0 -36px;
-	color:#a5a5a5;
-}
-
-.listen-control-block a {
-	font-size:11px;
-	text-transform:uppercase;
-	padding:0;
-	border:1px solid #242424;
-	color:#fff;
-	text-decoration:none;
-	font-weight:bold;
-	margin-top:34px;
-	display:block;
-	
-}
-.listen-control-block a span {
-	background-color: #6e6e6e;
-    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
-	padding:5px 10px;
-	border:1px solid #a1a1a1;
-	border-width:1px 0;
-	border-bottom-color:#646464;
-	color:#dcdcdc;
-	text-shadow: #555555 0px -1px;
-	display:block;
-}
-.listen-control-block a:hover {
-	border:1px solid #000;
-}
-.listen-control-block a:hover span {
-	background-color: #292929;
-    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
-	border:1px solid #555555;
-	border-width:1px 0;
-	border-bottom-color:#1e1e1e;
-	color:#fff;
-	color:#0C0;
-	text-shadow: #000 0px -1px;
-	display:block;
-}
-.listen-control-block a:active span {
-	color:#fff;
-}
-
-/* END Master Panel */
-
-
-.wrapper {
-	margin: 0 20px 0 20px;
-	padding:20px 0 0 0;
-}
-
-.alpha-block {
-	padding:0;
-	float:left;
-	margin:0 16px 10px 0;
-}
-.omega-block {
-	padding:0;
-	float:left;
-	margin:0 0 10px 0;
-}
-.block-shadow {
-    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10);
-    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10);
-    box-shadow: 0 2px 2px rgba(0,0,0,.10);
-}
-.clear {
-    clear: both;
-    display: block;
-    height: 0;
-    overflow: hidden;
-    visibility: hidden;
-    width: 0;
-}
-fieldset.plain {
-	border:none;
-	padding:0;
-	margin:0;
-}
-.frame {
-	padding:0;
-	border:1px solid #5b5b5b;
-	margin: 0 0 8px 0;
-}
-.padded {
-	padding:8px;
-}
-.padded-strong {
-	padding:10px;
-}
-.input_text, input[type="text"], input[type="password"] {
-	font-family:Arial, Helvetica, sans-serif;
-	border: 1px solid #5b5b5b;
-    font-size: 12px;
-    /*height: 23px;*/
-    margin: 0;
-    padding: 4px 3px;
-    /*text-indent: 3px;*/
-	width:auto;
-    background-color: #dddddd;
-	border: 1px solid #5b5b5b;
-    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
-}
-
-input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input_text_area:focus {
-	border: 1px solid #0088f1;
-}
-.auto-search {
-	background:#dddddd url(images/search_auto_bg.png) no-repeat 0 0;
-	text-indent:25px;
-}
-.input_text_area, textarea {
-    background-color: #dddddd;
-	border: 1px solid #5b5b5b;
-    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
-    font-size: 13px;
-    text-indent: 3px;
-	margin:0;
-}
-.input_select, select {
-    background-color: #DDDDDD;
-	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
-	border: 1px solid #5b5b5b;
-    font-family: Arial,Helvetica,sans-serif;
-    font-size: 12px;
-    height: 25px;
-    margin: 0;
-    padding: 2px 2px 2px 0;
-    vertical-align: top;
-}
-label {
-	font-size:13px;
-	color:#5b5b5b;
-	padding:0 16px 0 0;
-}
-#library_quick_search {
-	margin-bottom:16px;
-}
-#library_quick_search label {
-
-}
-#library_quick_search input {
-	width:60%;
-}
-dl.inline-list {
-	float: left;
-	margin: 0;
-	padding: 0;	
-
-}
-
-dl.inline-list dt { 
-	clear: left;
-	float: left;
-	margin: 0;
-	padding: 0px 0;
-	font-weight: bold;
-	color:#333333;
-	font-size:12px;
-	font-weight:bold;
-	text-align:left;
-	min-width:70px;
-}
-dl.inline-list dd { 
-	float: left;
-	margin: 0;
-	padding: 0px 0 4px 15px;
-	font-size:12px;
-}
-.left-floated {
-	float:left;
-	margin-left:0;
-	margin-right:10px;
-}
-.right-floated {
-	float:right;
-	margin-left:10px;
-	margin-right:0;
-	text-align:right;
-}
-/*----Data Table----*/
-
-.datatable tr th.ui-state-default {
-    border: 1px solid #CCC;
-	border-width: 0 0 0 1px !important;
-}
-.datatable {
-    border-color: #5b5b5b;
-    border-style: solid;
-    border-width: 1px 1px 1px 1px;
-	width:100%;
-}
-.datatable tr td, .datatable tr th {
-    border-color: #b1b1b1;
-    border-style: solid;
-    border-width: 1px 0 0 1px;
-    font-size: 13px;
-    padding: 5px 5px;
-}
-.odd {
-    background-color: #d8d8d8;
-}
-.even {
-    background-color:#c7c7c7;
-}
-.datatable tr.even.selected td {
-    background-color: #abcfe2;
-}
-.datatable tr.odd.selected td {
-    background-color: #c5deeb;
-}
-.datatable tr.odd:hover td, .datatable tr.even:hover td  {
-    background-color: #95d5f7 !important;
-}
-
-.datatable tr td:first-child, .datatable tr th:first-child, .datatable tr th.ui-state-default:first-child {
-	border-left-width:0 !important;
-}
-.ui-widget-header + .datatable {
-    border-width: 0px 1px 1px 1px;
-}
-.datatable + .ui-widget-header {
-    border-width: 0px 1px 1px 1px;
-}
-.dataTables_scrollHeadInner > .datatable {
-    border-width: 0px 1px 0 1px;
-}
-.dataTables_scroll .datatable {
-    border-width: 0px 1px 0 1px;
-}
-
-.DataTables_sort_wrapper .ui-icon {
-    display: block;
-    float: left;
-	margin: 0 3px 0 -2px;
-}
-.dataTables_length {
-	float:right;
-	margin:0 8px 0 0;
-	
-}
-.dataTables_length label {
-	padding:10px 6px 0 0;
-	font-size:12px;
-	color:#404040;
-	line-height:22px;
-}
-.dataTables_filter {
-	margin:8px 0 0 8px;
-}
-.dataTables_filter .auto-search {
-	width:60%;
-}
-.dataTables_processing {
-	font-size:11px;
-	font-weight:normal;
-	margin:2px 0 3px 8px;
-}
-#library_display_wrapper .ui-widget-header:first-child {
-	background:none;
-    border-width:0 0 1px 0;
-    color: #444444;
-    font-weight: bold;
-}
-#library_display_wrapper .ui-widget-header:first-child .dataTables_length {
-	margin:0;
-}
-#library_display_wrapper .ui-widget-header:first-child .dataTables_filter {
-	margin:0;
-}
-
-.dataTables_info {
-	padding: 8px 0 0 8px;
-	font-size:12px;
-	color:#555555;
-	font-weight:normal;
-}
-
-.dataTables_paginate {
-	padding: 8px 0 8px 8px;
-}
-.dataTables_paginate .ui-button {
-	font-size:12px;
-	font-weight:normal;
-    padding: 0.2em 1em;
-	margin-right:3px;
-}
-.dataTables_filter input {
-    background: url("images/search_auto_bg.png") no-repeat scroll 0 0 #DDDDDD;
-	width: 60%;
-	border: 1px solid #5B5B5B;
-    margin: 0;
-    padding: 4px 3px 4px 25px;	
-}
-.dataTables_length select {
-    background-color: #DDDDDD;
-    border: 1px solid #5B5B5B;
-    font-family: Arial,Helvetica,sans-serif;
-    font-size: 12px;
-    height: 25px;
-    margin: 0;
-    padding: 2px 2px 2px 0;
-    vertical-align: top;
-}
-
-/*----END Data Table----*/
-
-fieldset {
-    border: 1px solid #8f8f8f;
-    margin: 0;
-    padding: 0;
-}
-fieldset.plain {
-    border: none;
-    margin: 0;
-    padding: 0;
-}
-input[type="checkbox"] {
-	margin:0;
-	outline:none;
-	padding:0;
-	width:13px;
-	height:13px;
-}
-/*---//////////////////// LOGIN ////////////////////---*/
-
-.login_box {
-    margin: 0 auto 0 auto;
-    text-align:center;
-    width:420px;
-    border:1px solid #181818;
-	border-width: 0 0 1px 0;
-	padding:0;
-	padding-top:60px;
-}
-
-.login_box h2 {
-	background:#1f1f1f;
-    background: -moz-linear-gradient(center top , #2c2c2c 0pt, #1f1f1f 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c2c2c), color-stop(100%, #1f1f1f));
-    border:1px solid #181818;
-	border-top-color:#4f4f4f;
-    margin:0;
-    padding:8px 0 8px 14px;
-    font-size:15px;
-    font-weight:bold;
-    color:#bebebe;
-    text-align:left;
-    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10);
-    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10);
-    box-shadow: 0 2px 2px rgba(0,0,0,.10);
-}
-.login_box p {
-    margin:0;
-    padding:8px 0 16px 0;
-    font-size:12px;
-    color:#717171;
-    text-align:left;
-}
-.logobox {
-    height:120px;
-    text-align:center;
-	background:url(images/airtime_logo_big.png) no-repeat 50% 0;
-}
-
-.login {
-    margin:2px 0 0 4px;
-    border:none;
-    background:none;
-    text-align:left;
-    -moz-box-shadow: none;
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-
-.login td {
-    border:none;
-    background-color:transparent;
-	color:#696969;
-}
-
-.login h2 {
-    padding:7px 0 10px 0;
-}
-
-.light {
-    color:#1683b0;
-}
-.alert {
-	color:#C00;
-}
-
-.login-content {
-	background:url(images/login_content_bg.png) no-repeat 0 bottom;
-	padding:10px 10px 12px 14px;
-	text-align:left;
-}
-.login-content dl, .login-content dl.zend_form  {
-	margin: 12px 0 0 0;
-	margin-bottom:8px;
-	margin:0;
-	padding:0;
-	width:100%;
-}
-
-.login-content dd {
-    padding: 4px 0;
-    float: left;
-    font-size: 1.2em;
-    margin: 0;
-    padding: 4px 0 4px 15px;
-}
-.login-content dt {
-    clear: left;
-    color: #666666;
-    float: left;
-    font-size: 1.2em;
-    font-weight: bold;
-    margin: 0;
-    padding: 4px 0;
-    text-align: left;
-	min-width:90px;
-	clear:left;
-}
-
-dt.block-display, dd.block-display {
-	display:block;
-	float:none;
-	margin-left:0;
-	padding-left:0;
-}
-
-.login-content dt label {
-    padding-right:0;
-}
-.login-content dd .input_text {
-    padding-right:0;
-	width:280px;
-}
-
-/*---//////////////////// END LOGIN ////////////////////---*/
-
-
-/*---//////////////////// FOOTER ////////////////////---*/
-.footer {
-    display:block;
-    height:40px;
-    clear:both;
-	color:#4b4b4b;
-    margin-top:12px;
-    font-size:11px;
-    line-height:140%;
-    text-align:center;
-    padding:10px 0 0 0;
-}
-
-.footer a {
-    color:#ff5d1a;
-    text-decoration:none;
-}
-#login-page .footer {
-	color:#6d6d6d;
-}
-.footer a:hover {
-    color:#ff5d1a;
-    text-decoration:underline;
-}
-/*---//////////////////// END FOOTER ////////////////////---*/
-
-.button-bar {
-	height: 28px;
-	margin-top:12px;
-}
-/*.sticky {
-	padding:0;
-	width:100%;
-	z-index:2000;
-	position:fixed;
-	top:0;
-	left:0;
-	margin-bottom:140px;
-}*/
-.sticky {
-	padding:0;
-	width:100%;
-}
-
-.floated-panel {
-	margin-top:0;
-	width:99.99%;
-	z-index:999;
-}
-
-
-/*---//////////////////// Schedule Show ////////////////////---*/
-
-
-#schedule_playlist_dialog .wrapp-two {
-	float: left;
-	width: 50%;
-	padding: 0;
-}
-
-#schedule_playlist_dialog .wrapp-one {
-	margin-right:2%;
-	width: 48%;
-	float: left;
-}
-
-#schedule_playlist_dialog div:first-child .ui-widget-header:first-child {
-    background: none repeat scroll 0 0 transparent;
-    border-width: 0 0 1px;
-    color: #444444;
-    font-weight: bold;
-}
-
-#schedule_playlist_dialog div:first-child .ui-widget-header:first-child {
-    background: none repeat scroll 0 0 transparent;
-    border-width: 0 0 1px;
-    color: #444444;
-    font-weight: bold;
-}
-#schedule_playlist_dialog .ui-widget-header:first-child .dataTables_filter,
-#schedule_playlist_dialog .ui-widget-header:first-child .dataTables_length {
-    margin: 0;
-}
-
-.ui-dialog #schedule_playlist_dialog.ui-dialog-content {
-	padding:0;
-}
-
-
-#schedule_playlist_dialog > div {
-    background: none repeat scroll 0 0 transparent;
-    border: 1px solid #8f8f8f;
-    padding: 8px;
-	margin:8px 8px 0 8px;
-}
-
-
-#schedule_playlist_dialog > div h4 {
-    padding: 13px 0 12px 0;
-    margin: 0;
-	font-size:16px;
-	font-weight:normal;
-}
-#schedule_calendar {
-	width:98.5%
-}
-div.ui-datepicker {
-	/*font-size: 75%;*/
-}
-
-
-#schedule_playlist_dialog ul {
-	list-style-type: none;
-	overflow: auto;
-	margin: 0 0 8px 0;
-	padding: 0;
-	height: 280px;
-	background:#9a9a9a;
-	width:100%;
-}
-
-#schedule_playlist_chosen li {
-	float: left;
-	clear: left;
-	margin: 0;
-	width: 100%;
-	display:block;
-	margin-bottom:-1px;
-}
-
-#schedule_playlist_chosen li > h3 {
-	font-size:15px;
-	padding: 7px 0 0 0;
-	margin: 0;
-	min-height:25px;
-
-}
-
-#schedule_playlist_chosen li > h3 > div {
-	float: left;
-	margin: 0 5px 2px 0;
-}
-
-#schedule_playlist_chosen li > h3 > div > span.ui-icon {
-	margin-top: 0px;
-}
-#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-e,
-#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-s {
-	float:left;
-	margin-right: 8px;
-}
-#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-close {
-	float:right;
-	margin-right: 8px;
-}
-#schedule_playlist_chosen div.group_list {
-	border-width:0 1px 1px 1px;
-}
-/*#schedule_playlist_chosen li div{
-	float: left;
-}
-
-#schedule_playlist_chosen li > div{
-	width: 475px;
-}
-*/
-
-#schedule_playlist_chosen li > div > div{
-	clear: left;
-	padding-top: 5px;
-	padding-left: 5px;
-}
-#schedule_playlist_chosen li > div:first-child {
-	border-bottom:1px solid #b1b1b1;
-}
-.sched_description {
-	clear: left;
-	font-size: 85%;
-	margin-left: 2em;
-}
-
-.sh_pl_name {
-	min-width: 150px;
-}
-
-.sh_pl_creator {
-
-}
-
-#schedule_playlist_chosen li > h3 > div.sh_pl_time {
-	float:right;
-	margin-right:22px;
-}
-
-#schedule_playlist_chosen li > div > div > span {
-	float: right;
-	margin-right:46px;
-}
-#schedule_playlist_chosen li > div > div > span.sh_file_name {
-	display: inline-block;
-	float: left;
-	margin-right:0;
-}
-
-.sh_file_artist, #schedule_playlist_chosen li > div > div.sh_file_artist {
-	font-size: 11px;
-	padding-top: 2px;
-	padding-bottom: 8px;
-	color:#5b5b5b;
-}
-
-#schedule_playlist_chosen li > div > div.sched_description {
-	font-size: 12px;
-	padding-top: 5px;
-	padding-bottom: 7px;
-	border-bottom:1px solid #b1b1b1;
-	color:#5b5b5b;
-	margin:0;
-	background:#dddddd;
-}
-#show_time_info {
-	font-size:12px;
-	height:30px;
-}
-
-#show_time_info > div, #show_time_info > span{
-	float: left;
-}
-
-#show_progressbar {
-	width: 46%;
-	height: 5px;
-	margin: 9px 9px 0 0;
-}
-#show_progressbar.ui-widget-content {
-	background: #646464 url(images/schedule-show_progressbar_bg.png) repeat-x 0 0;
-	border-color:#343434;
-	border-bottom-color:#cfcfcf;
-}
-
-#show_progressbar .ui-progressbar-value {
-	background: #ff5d1a;
-	border-color:#343434;
-	border-width: 1px 0 0 1px;
-}
-
-h2#scheduled_playlist_name {
-	font-size:21px;
-	font-weight:normal;
-	margin:0;
-	padding:8px 0 0px 12px;
-	color:#1c1c1c; 
-}
-
-h2#scheduled_playlist_name span {
-	color:#656565; 
-}
-
-.time {
-	width: 80px;
-	margin: 5px;
-	text-align: left;
-}
-
-/* --- Add show Dialog --- */
-
-#add_show_name {
-
-}
-
-#add_show_description {
-	width: 400px;
-	height: 200px;
-}
-
-#fullcalendar_show_display {
-	width: 400px;
-}
-
-.fc-agenda-body {
-	max-height:560px;
-}
-
-#schedule_calendar .ui-progressbar {
-	width: 46%;
-	height: 5px;
-	margin: 9px 9px 0 0;	
-}
-
-#schedule_calendar .ui-progressbar.ui-widget-content {
-	background: #646464 url(images/schedule-show_progressbar_bg.png) repeat-x 0 0;
-	border-color:#343434;
-	border-bottom-color:#cfcfcf;
-}
-#schedule_calendar .ui-progressbar .ui-progressbar-value {
-	background: #ff5d1a;
-	border-color:#343434;
-	border-width: 1px 0 0 1px;
-}
-/*---//////////////////// Advenced Search ////////////////////---*/
-
-.search_control {
-	padding:8px;
-	border:1pxp solid #8f8f8f;
-	background:#d8d8d8;
-	margin-bottom:8px;
-}
-.search_group {
-	padding:8px;
-	border:1pxp solid #8f8f8f;
-	margin-bottom:8px;
-}
-.search_group > fieldset {
-	padding:0;
-	border:none;
-	margin-top:8px;
-}
-.search_group > fieldset .input_text {
-	width:45%;
-}
-.search_group > fieldset .input_text, .search_group > fieldset .input_select {
-	margin-right:6px;
-}
-.search_group fieldset .ui-button-icon-only .ui-button-text, .search_group fieldset .ui-button-icons-only .ui-button-text {
-    padding: 3px 2px;
-    text-indent: -1e+7px;
-}
-.search_group fieldset .ui-button-icon-only {
-    width: 2.1em;
-}
-
-.search_group fieldset .ui-button-icon-only .ui-icon {
-    left: 48%;
-    margin-top: -9px;
-    position: absolute;
-    top: 50%;
-}
-
-/*---//////////////////// USERS ////////////////////---*/
-
-.simple-formblock {
-    width: 30%;
-}
-
-.simple-formblock dl, .simple-formblock dl.zend_form {
-    margin: 0;
-    padding: 0;
-    width: 100%;
-}
-.simple-formblock dt {
-    clear: left;
-    color: #666666;
-    float: left;
-    font-size: 1.2em;
-    font-weight: bold;
-    margin: 0;
-    min-width: 90px;
-    padding: 4px 0;
-    text-align: left;
-}
-.simple-formblock dd {
-    float: left;
-    font-size: 1.2em;
-    margin: 0;
-    padding: 4px 0 4px 15px;
-	width:60%;
-}
-
-.simple-formblock dd.block-display {
-    width: 100%;
-}
-
-.stream-setting-content dd.block-display {
-	/*width: 60%;*/
-}
-
-.simple-formblock.padded-strong {
-	padding:12px;
-}
-
-.simple-formblock dd .input_text {
-    width: 97.8%;
-}
-
-.simple-formblock h2 {
-	font-size:1.7em;
-	padding-bottom:16px;
-}
-.simple-formblock label {
-	padding:0;
-}
-
-.ui-button-icon-only.crossfade-main-button, .ui-button-icons-only.crossfade-main-button {
-    padding-right: 8px;
-}
-.ui-button-icon-only.crossfade-main-button .ui-button-text, .ui-button-icons-only.crossfade-main-button .ui-button-text {
-    padding: 0;
-    text-indent: -1e+7px;
-    padding: 0.1em 1em;
-}
-
-.ui-state-default .ui-icon.crossfade-main-icon	 {
-	background:url(images/crossfade_main.png) no-repeat 0 2px;
-	width:25px;	
-}
-
-.ui-button-icon-only.crossfade-main-button .ui-icon {
-    left: 44%;
-    margin-left: -8px;
-}
-
-button, input {
-	margin-top:0;
-	margin-bottom:0;
-}
-
-.user-management {
-	width:910px;
-	/*width:380px;*/
-}
-.user-management-expanded {
-	width:910px;
-}
-.user-data {
-	float:left;
-	width:420px;
-	margin-left:10px;
-	/*display:none;*/
-}
-.user-list-wrapper {
-	float:left;
-	width:480px;
-	/*margin-right:10px;*/
-}
-
-.user-management div.user-list-wrapper .ui-widget-header:first-child {
-    background: none repeat scroll 0 0 transparent;
-    border-width: 0 0 1px;
-    color: #444444;
-    font-weight: bold;
-}
-.user-list-wrapper .ui-widget-header:first-child .dataTables_filter {
-	margin:0;
-}
-.user-management h2 {
-    font-size: 1.7em;
-    padding-bottom: 12px;
-}
-.user-management .dataTables_filter input {
-    width: 93.8%;
-	margin-bottom:8px;
-}
-.user-data.simple-formblock dd {
-    width: 73%;
-}
-
-.user-data fieldset {
-	margin-bottom:8px;
-}
-.user-data fieldset:last-child {
-	margin-bottom:0;
-}
-
-.user-list-wrapper .button-holder {
-	padding:0;
-	text-align:right;
-	height:37px;
-}
-.user-list-wrapper .button-holder .ui-button {
-	margin:0;
-}
-.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick {
-	background-image:url(redmond/images/ui-icons_666666_256x240.png);
-	cursor:pointer;
-	float:right;
-	margin-right:5px;
-}
-.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick:hover {
-	background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png);
-}
-
-
-#ui-datepicker-div { z-index: 10 !important }
-
-.button-bar-top {
-	text-align:right;
-	height:38px;
-}
-
-.toggle-button, .toggle-button-active {
-	border: 1px solid #505050;
-	background-color: #5e5e5e;
-    background: -moz-linear-gradient(top, #757575 0, #5e5e5e 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #757575), color-stop(100%, #5e5e5e));
-	color: #ffffff;
-	margin:0;
-	font-size:12px;
-	padding:5px 12px;
-	text-decoration:none;
-	text-shadow: #343434 0px -1px;
-	border-width:1px 0 1px 1px;
-	cursor:pointer;
-}
-.toggle-button:hover {
-	background-color: #292929;
-    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
-	text-shadow: #000000 0px -1px;
-}
-
-.toggle-button-active {
-	background-color: #c6c6c6;
-    background: -moz-linear-gradient(top, #767676 0, #c6c6c6 20%, #c6c6c6 35%, #a0a0a0 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #767676), color-stop(20%, #c6c6c6), color-stop(35%, #c6c6c6), color-stop(100%, #a0a0a0));
-	color: #2e2e2e;
-	cursor:default;
-	text-shadow: #d8d8d8 0px 1px;
-}
-.end-button {
-	border-width:1px;
-}
-
-.button-bar-top .toggle-button, .button-bar-top .toggle-button-active {
-	float:right;
-}
-
-.button-bar-top .input_text {
-	height:25px;
-	margin-right:6px
-}
-.button-bar-top .input_text.hasDatepicker, .input_text.hasDatepicker {
-	background-image:url(images/input_with_calendar_bg.png);
-	background-repeat:no-repeat;
-	background-position:right 0;
-}
-.input_text.hasTimepicker {
-	background-image:url(images/input_with_time_bg.png);
-	background-repeat:no-repeat;
-	background-position:right 0;
-}
-ul.errors {
-	display:block;
-	clear:left;
-	padding:3px 0 0 0;
-	margin:0;
-}
-
-.formrow-repeat ul.errors {
-	width:278px;
-}
-
-ul.errors li {
-	color:#902d2d;
-	font-size:11px;
-	padding:2px 4px;
-	background:#c6b4b4;
-	margin-bottom:2px;
-	border:1px solid #c83f3f;
-}
-
-div.success{
-	color:#3B5323;
-	font-size:11px;
-	padding:2px 4px;
-	background:#93DB70;
-	margin-bottom:2px;
-	border:1px solid #488214;
-}
-
-.collapsible-header, .collapsible-header-disabled {
-	border: 1px solid #8f8f8f;
-	background-color: #cccccc;
-    background: -moz-linear-gradient(top, #cccccc 0, #b9b9b9 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(100%, #b9b9b9));
-	font-size:13px;
-	color:#353535;
-	font-weight:bold;
-	padding:6px 0 6px 20px;
-	margin:8px 0 0 0;
-	cursor:pointer;
-	position:relative;
-}
-.collapsible-content {
-	margin-top:-1px;
-	display:none;
-}
-.collapsible-header .arrow-icon, .collapsible-header-disabled  .arrow-icon {
-	display:block;
-	background:url(images/arrows_collapse.png) no-repeat 0 0;
-	height:11px;
-	width:11px;
-	position:absolute;
-	left:5px;
-	top:8px;
-    
-}
-.collapsible-header.close .arrow-icon, collapsible-header-disabled.close  .arrow-icon {
-	background-position: 0 -11px;
-    
-}
-#schedule-add-show .button-bar {
-    height: 28px;
-    margin: 0 0 8px 0;
-}
-#schedule-add-show .button-bar.bottom {
-    margin: 16px 0 0;
-}
-.schedule {
-	text-align:left;
-	height:38px;
-}
-
-.add-button, .ui-widget-content a.add-button {
-	border: 1px solid #242424;
-	background-color: #353535;
-    background: -moz-linear-gradient(top, #494949 0, #353535 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #494949), color-stop(100%, #353535));
-	color: #ffffff;
-	margin:0;
-	font-size:12px;
-	font-weight:bold;
-	padding:4px 12px 4px 22px;
-	text-decoration:none;
-	text-shadow: #000 0px -1px;
-	display:block;
-	float:left;
-	position:relative;
-}
-.add-button:hover, .ui-widget-content a.add-button:hover  {
-	border: 1px solid #000000;
-	background-color: #353535;
-    background: -moz-linear-gradient(top, #353535 0, #000000 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #353535), color-stop(100%, #000000));
-	color: #ffffff;
-}
-.add-button span {
-	position:absolute;
-	top:3px;
-	left:3px;
-	height:16px;
-	width:16px;
-	display:block;
-	background:url(redmond/images/ui-icons_ffffff_256x240.png) no-repeat;
-}
-.add-button:hover span {
-	background:url(redmond/images/ui-icons_ff5d1a_256x240.png) no-repeat;
-}
-.add-button span.add-icon {
-    background-position: -32px -128px;
-}
-
-/*---//////////////////// NOW PLAYING COLORS ////////////////////---*/
-.playing-song, .datatable tr.playing-song:hover td {
-	background-color:#ff753c !important;
-}
-.playing-list {
-	background-color:#b0dcf2;
-}
-.odd.playing-list {
-	background-color:#bfe5f8;
-}
-.gap, .datatable tr.gap:hover td {
-	background-color:#da5454 !important;
-}
-.group, tr td.group {
-	background-color:#0aa2be;
-	color:#FFF;
-}
-
-
-/*---//////////////////// END NOW PLAYING COLORS ////////////////////---*/
-.icon-link, .ui-widget-content a.icon-link {
-    color: #646464;
-    position: relative;
-    text-decoration: none;
-	padding: 0 0 0 20px;
-}
-.icon-link .ui-icon {
-	background-image:url(redmond/images/ui-icons_666666_256x240.png);
-    background-repeat: no-repeat;
-    display: block;
-    height: 16px;
-    left: 0.2em;
-    margin: -3px 5px 0 0;
-    overflow: hidden;
-    position: absolute;
-    top: 2px;
-    width: 16px;
-}
-.icon-link:hover, .ui-widget-content a.icon-link:hover {
-    color: #444444;
-	text-decoration:underline;
-}
-.icon-link:hover .ui-icon {
-	background-image:url(redmond/images/ui-icons_454545_256x240.png);
-}
-
-.button-bar .icon-link {
-	float:left;
-	margin:7px 0 0 1px;
-}
-
-#show_content_dialog .datatable tr:first-child td {
-	border-top:none;
-}
-
-#show_content_dialog .datatable {
-	margin-top:8px;
-}
-.simple-formblock.metadata, #side_playlist .simple-formblock.metadata {
-	border:none;
-	width:auto;
-	display:block;
-	padding: 2px;
-}
-#side_playlist .simple-formblock.metadata .input_text, #side_playlist .simple-formblock.metadata .input_text_area {
-	width:95%;
-}
-#side_playlist .simple-formblock.metadata.simple-formblock dd {
-	width:70%;
-}
-#side_playlist h3.plain {
-	float:none;
-	font-size:18px;
-	margin:2px 0 20px 0;
-}
-
-.qtip {
-	font-size:11px;
-	line-height:160%;
-}
-
-#schedule-show-who.scrolled {
-    margin-bottom: 0;
-	max-height:300px;
-	overflow:auto;
-}
-.text-content {
-	padding:20px 10px 40px 58px;
-	background: url(images/sf_arror.png) no-repeat 60% 0; 
-	min-height: 300px;
-}
-.text-content h2 {
-	font-size:2.4em;
-	color:#1f1f1f;
-}
-.text-content p {
-	font-size:1.6em;
-	line-height:140%;
-	color:#1f1f1f;
-	margin:0 0 1.4em 0;
-}
-.text-content a {
-	color:#f2f2f2;
-	text-decoration:none;
-}
-.text-content a:hover {
-	text-decoration:underline;
-}
-
-.text-content ol {
-	margin:0 0 22px 25px;
-	padding:0;
-	list-style-position:outside;
-}
-
-.text-content ol li {
-	margin:0 0 6px 0;
-	font-size:1.7em;
-	display:list-item;
-	color:#1f1f1f;
-}
-.gray-logo {
-	margin:5px 0 0 20px;
-}
-.formrow-repeat {
-	list-style-type:none;
-	margin:0;
-	padding:0;
-}
-.formrow-repeat li {
-	list-style-type:none;
-	margin:0 0 8px 0;
-	padding:0;
-	height:25px;
-	display:block;
-}
-/*
-.formrow-repeat li .ui-button-icon-only {
-	width:1.8em;
-}
-.formrow-repeat li .ui-button-icon-only .ui-button-text, .formrow-repeat li .ui-button-icons-only .ui-button-text {
-	padding: 3px 3px 4px;
-}
-
-.formrow-repeat li .ui-button-icon-only .ui-icon {
-    left: 48%;
-    margin-top: -9px;
-    position: absolute;
-    top: 50%;
-}
-.formrow-repeat li .ui-button .ui-button-text {
-    display: block;
-    line-height: 110%;
-}
-*/
-
-#add_show_rebroadcast_relative .ui-button-icon-only,
-#add_show_rebroadcast_absolute .ui-button-icon-only {
-    width: 1.8em;
-}
-#add_show_rebroadcast_relative .ui-button-icon-only .ui-button-text,
-#add_show_rebroadcast_absolute .ui-button-icon-only .ui-button-text,
-#add_show_rebroadcast_relative .ui-button-icons-only .ui-button-text,
-#add_show_rebroadcast_absolute .ui-button-icons-only .ui-button-text,
-#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-button-text,
-#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-button-text {
-	font-size:12px;
-}
-
-#add_show_rebroadcast_relative .ui-button-icon-only .ui-icon,
-#add_show_rebroadcast_absolute .ui-button-icon-only .ui-icon {
-    margin-top: -8px;
-    position: absolute;
-    top: 50%;
-}
-#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-icon,
-#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-icon {
-    left: 0.4em;
-}
-#add_show_rebroadcast_relative .ui-button .ui-button-text,
-#add_show_rebroadcast_absolute .ui-button .ui-button-text {
-    display: block;
-    line-height: 14px;
-}
-
-.formrow-repeat li .inline-text {
-    color: #666666;
-	padding: 0 6px 0 0;
-}
-.formrow-repeat li .input_text, .formrow-repeat li .input_select {
-	margin-right:6px;
-}
-.formrow-repeat li .hasDatepicker, .formrow-repeat li .input_select {
-	width:95px;
-}
-.formrow-repeat li .hasTimepicker {
-	width:60px;
-}
-.recording-show {
-	float: right;
-	background:url(images/record_icon.png) no-repeat 0 0;
-	width:23px;
-	height:23px;
-}
-
-.datatable td .info-icon {
-	margin:-4px	3px -3px 0;
-	float:right;
-}
-.time-flow {
-	float:right;
-	margin-right:4px;
-}
-.small-icon {
-	display:block;
-	width:20px;
-	height:10px;
-	float:right;
-	margin-left:3px;
-	margin-top:2px;
-}
-.small-icon.recording {
-	background:url(images/icon_record.png) no-repeat 0 0;
-}
-.small-icon.rebroadcast {
-	background:url(images/icon_rebroadcast.png) no-repeat 0 0;
-}
-.small-icon.soundcloud {
-	background:url(images/icon_soundcloud.png) no-repeat 0 0;
-	width:21px;
-}
-.small-icon.sc-error {
-	background:url(images/icon_soundcloud_error2.png) no-repeat 0 0;
-	width:21px;
-}
-.small-icon.progress {
-	background:url(images/upload-icon.gif) no-repeat;
-    background-color:black;
-    background-position:center;
-	border-radius:2px;
-	-webkit-border-radius:2px;
-	-moz-border-radius:2px;
-}
-.small-icon.alert {
-	background:url(images/icon_alert.png) no-repeat;
-	float:left;
-	width:13px;
-	margin-right:3px;
-	margin-left:1px;
-}
-.medium-icon {
-	display:block;
-	width:25px;
-	height:12px;
-	float:right;
-	margin-left:4px;
-}
-.medium-icon.recording {
-	background:url(images/icon_record_m.png) no-repeat 0 0;
-	width:20px;
-}
-.medium-icon.rebroadcast {
-	background:url(images/icon_rebroadcast_m.png) no-repeat 0 0;
-}
-.medium-icon.soundcloud {
-	background:url(images/icon_soundcloud_m.png) no-repeat 0 0;
-	width:21px;
-}
-.medium-icon.nowplaying, .medium-icon.finishedplaying {
-	background:url(images/icon_nowplaying_m.png) no-repeat 0 0;
-	width:12px;
-	height:9px;
-	float:left;
-	margin-left:6px;
-	margin-right:0;
-}
-.medium-icon.finishedplaying {
-	background:url(images/icon_finishedplaying_m.png) no-repeat 0 0;
-}
-.preferences, .manage-folders, .stream-config {
-    width: 500px;
-}
-
-dt.block-display, dd.block-display {
-    display: block;
-    float: none;
-    margin-left: 0;
-    padding-left: 0;
-}
-.preferences dt.block-display, .preferences dd.block-display {
-    padding: 0 0 5px 0;
-}
-.preferences dd.block-display, .stream-config dd.block-display {
-	margin-bottom:4px;
-}
-.preferences dd.block-display:last-child, .stream-config dd.block-display:last-child {
-	margin-bottom:0;
-	padding-bottom:0;
-}
-.preferences input[type="radio"], .stream-config input[type="radio"] {
-	margin:0;
-}
-.preferences label input[type="radio"], .stream-config label input[type="radio"] {
-	margin:0 1px 0 0;
-}
-.preferences label input[type="checkbox"], .stream-config label input[type="checkbox"] {
-	margin:0 5px 0 0;
-}
-dd.radio-inline-list, .preferences dd.radio-inline-list, .stream-config dd.radio-inline-list {
-	margin-bottom:6px;
-}
-.radio-inline-list label {
-	margin-right:12px;
-}
-.preferences.simple-formblock dd.block-display {
-    width: 100%;
-}
-
-.preferences.simple-formblock dd.block-display select, .stream-config.simple-formblock dd.block-display select {
-    width: 100%;
-}
-.preferences dd.block-display .input_select, .stream-config dd.block-display .input_select {
-    width: 100%;
-}
-.preferences dd.block-display .input_text_area, .preferences dd.block-display .input_text 
-.stream-config dd.block-display .input_text_area, .stream-config dd.block-display .input_text,
-.stream-config dd.block-display input[type="text"], .stream-config dd.block-display input[type="password"] {
-    width: 98.5%;
-}
-
-.preferences dd#SoundCloudTags-element.block-display .input_text_area {
-    height: 120px;
-}
-
-#show_time_info {
-	font-size:12px;
-	height:30px;
-}
-#show_time_warning {
-	background:#c83f3f url(images/icon_alert_ffffff.png) no-repeat 5px 4px;
-	border:1px solid #9d1010;
-	color:#fff;
-	padding: 2px 5px 2px 24px;
-    font-size: 12px;
-    line-height: 140%;
-}
-
-/* HACK, to be removed after 1.7.0 */
-button.ui-button.md-cancel {
-        padding: .4em 1em;
-}
-
-/*--//////////////////////// Changes/add-ons Jun 8th, 2011 ////////////////////////--*/
-
-.dialogPopup.ui-dialog-content {
-	padding: 0.9em 1em;
-}
-.dialogPopup dl {
-	margin:0;
-	padding:0;
-	clear:both;
-	width:100%;
-}
-.dialogPopup dt {
-	clear: left;
-	padding: 0;
-	float:left;
-	width:35%;
-}
-
-.dialogPopup dt.block-display {
-	float:none;
-	width:100%;
-	padding: 0 0 10px;
-}
-
-.dialogPopup dt label {
-	font-weight: bold;
-	line-height:24px;
-}
-.dialogPopup dd {
-	padding: 0;
-	float:left;
-	width:65%;
-	margin:0 0 6px 0;
-}
-.dialogPopup dd.block-display {
-	float:none;
-	width:100%;
-	padding: 0 0 10px;
-	margin:0 0 8px 0;
-}
-.dialogPopup fieldset dt:last-child, .dialogPopup fieldset dd:last-child {
-	margin:0;
-}
-
-.info-text {
-	font-size:12px;
-	color:#5b5b5b;
-	line-height:150%;
-	padding:0 0 6px;
-	margin:0;
-
-}
-.dialogPopup label input[type="checkbox"] {
-	float:left;
-	margin-right:6px;
-}
-
-.dialogPopup fieldset {
-	padding: 0;
-	clear:both;
-	border:none;
-}
-.dialogPopup fieldset dd input[type="text"], .dialogPopup fieldset dd textarea {
-	width:99.5%;
-	padding:0;
-	height:23px;
-}
-.dialogPopup fieldset dd select {
-	width:100%;
-}
-
-fieldset.display_field {
-	/*background-color:#d5d5d5;
-	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;*/
-	padding:10px;
-	border: 1px solid #8F8F8F;
-}
-label span {
-	font-weight:normal;
-}
-
-.dialogPopup .display_field dt, .dialogPopup .display_field dd {
-    color: #353535;
-    float: left;
-    font-size: 12px;
-    margin: 0;
-    padding: 4px 0;
-    text-align: left;
-	width:auto;
-}
-
-.dialogPopup .display_field dt {
-    clear: left;
-	font-weight:bold;
-	width:auto;
-	min-width:auto;
-	padding-right:8px;
-}
-#show_what_sending textarea {
-    background-color:transparent;
-	border:none;
-    box-shadow: none;
-    font-size: 12px;
-    text-indent: 0;
-	margin:0;
-	width:100%;
-	line-height:180%;
-	resize: none;
-}
-#show_what_sending textarea:focus {
-	border:none;
-}
-#show_what_sending dl {
-	overflow-x: hidden;
-}
-
-#watched-folder-section dd.block-display input[type="text"] {
-    width: 63.6%;
-}
-
-#watched-folder-section dd.block-display input[type="button"] {
-	border: 1px solid #5b5b5b;
-	background-color: #6e6e6e;
-    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
-	color: #ffffff;
-	font-family:Arial, Helvetica, sans-serif;
-	font-size:12px;
-	height:25px;
-	margin:0;
-	display:block;
-	margin-left:5px;
-	line-height:12px;
-	padding:0 10px 1px 10px;
-}
-#watched-folder-section dd.block-display input[type="button"]:hover {
-	border: 1px solid #242424;
-	background-color: #292929;
-    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
-	color: #ffffff;
-}
-
-#watched-folder-section dd.block-display {
-	clear:both;
-	min-height:25px;
-	
-}
-#watched-folder-section dd.block-display.selected-item {
-	clear:both;
-	background:#9a9a9a;
-	margin:2px 0 5px 0;
-	width:84%;
-	padding:4px 8px 0;
-	position:relative;
-	min-height:22px;
-	border-radius: 4px;
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
-	font-size:13px;
-}
-#watched-folder-section dd.block-display.selected-item .ui-icon {
-	position:absolute;
-	top:4px;
-	right:5px;
-	cursor:pointer;
-}
-#watched-folder-section dd.block-display.selected-item .ui-icon:hover {
-	background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png)
-}
-#watched-folder-section dd.block-display input {
-	float:left;
-}
-
-fieldset > legend {
-    color: #4F4F4F;
-    font-size: 12px;
-    line-height: 140%;
-}
-fieldset.closed, fieldset.display_field.closed {
-    border-width: 1px 0 0;
-    margin-bottom: -6px;
-    margin-left: 1px;
-}
-
-fieldset.closed dl, fieldset.closed textarea, fieldset.closed div {
-	display:none;
-}
-
-fieldset legend .ui-icon, .ui-widget-content fieldset legend .ui-icon {
-    background-image: url(redmond/images/ui-icons_454545_256x240.png);
-    float: left;
-}
-
-input[type="checkbox"][disabled] {
-	opacity: 0.6;
-}
-
-.play_small {
-	height:11px;
-	width: 15px;
-	display:inline-block;
-	background:url(images/play_pause_small.png) no-repeat 0 0;
-	margin:0 7px 0 0;
-	text-indent:-9999px;
-	overflow:hidden;
-	line-height:10px;
-}
-.play_small:hover, .play_small.paused  {
-	background-position: 0 -11px;
-}
-.play_small.paused:hover {
-	background-position: 0 -22px;
-}
-
-.play_small.playing {
-	background-position: -20px 0;
-}
-.play_small.playing:hover {
-	background-position: -20px -11px;
-}
-
-.info-text-small {
-    color: #5B5B5B;
-    font-size: 11px;
-    line-height: 150%;
-    margin: 0;
-    padding: 0 0 6px;
-	font-style:italic;
-	font-weight:normal;
-}
-dd .info-text-small {
-    padding: 1px 0 2px;
-	display:inline-block;
-}
-
-.stream-config dt  {
-	width:120px;
-	padding: 4px 0;
-}
-.stream-config dt.block-display  {
-	width:auto;
-}
-.stream-config dd  {
-	margin-bottom:0px;
-}
-.stream-config dd select {
-	width:160px;
-	line-height:140%;
-}
-
-.stream-config dd input[type="text"] {
-    /*width:98.5%;*/
-	min-width:152px;
-}
-
-.stream-config dd input[id$=port] {
-    width:152px;
-}
-
-dt.block-display.info-block {
-    width: auto;
-	font-size:12px;
-	padding:10px 0;
-}
-.top-margin {
-	margin-top:10px;
-	float: left;
-}
-.left-margin {
-	margin-left:20px;
-	float: left;
-}
-.stream-config dd.block-display textarea {
-    width: 99.5%;
-	height: 110px;
-}
-	
-.input-info {
-	font-size:12px;
-	padding:0 0 0 5px;
-}
-
-.stream-config dd.block-display input[type="text"].with-info, .stream-config dd.block-display input[type="password"].with-info {
-    width: 83.6%;
-}
-.stream-config dd.block-display p {
-    font-size:13px;
-	margin:4px 0 4px 2px;
-}
-
-.stream-config #output_setting {
-	width: 96%;
-}
-
-.stream-config dt.block-display, .stream-config dd.block-display {
-	/*float: left;*/
-}
-.collapsible-header-disabled {
-	cursor:default;
-	opacity:0.6;
-}
-
-/*---////////////////////    ERROR PAGE    ////////////////////---*/
-
-.error-content	{
-	background:url(images/404.png) no-repeat 0 0;
-	width:300px;
-	margin: 24px 15px;
-	padding: 0px 10px 0 420px;
-}
-.error-content h2 {
-    margin:0;
-    padding:0 0 10px 0;
-    font-size:36px;
-    font-weight:bold;
-    color:#3e3e3e;
-    text-align:left;
-	letter-spacing:-.3px;
-	text-shadow: rgba(248,248,248,.3) 0 1px 0, rgba(0,0,0,.8) 0 -1px 0;
-	rgba(51,51,51,.9)
-}
-.error-content p {
-    color: #272727;
-    font-size: 16px;
-    margin: 0;
-    padding:8px 2px;
-}
-.error-content .button-bar	{
-	margin-top:47px;
-	padding-left:2px;
-}
-.error-content .toggle-button	{
-	border: 1px solid #434343;
-	border-width:1px 1px 0px 1px;
-	background-color: #636363;
-    background: -moz-linear-gradient(top, #737373 0, #545454 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #737373), color-stop(100%, #545454));
-	color: #1b1b1b;
-	font-size:15px;
-	font-weight:bold;
-	padding:5px 14px 6px 15px;
-	text-shadow: rgba(248,248,248,.24) 0 1px 0;
-	box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
-	-moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
-	-webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
-	margin: 0 5px 0 0;
-}
-.error-content .toggle-button:hover	{
-	border: 1px solid #000;
-	border-width:1px 1px 0px 1px;
-	background-color: #353535;
-    background: -moz-linear-gradient(top, #393939 0, #000000 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(100%, #000000));
-	color: #ff5d1a;
-	text-shadow:none;
-	box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
-	-moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
-	-webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
-}
-
-/*---////////////////////    DEFAULT TABLE    ////////////////////---*/
-
-table {
-    border-color: #5b5b5b;
-    border-style: solid;
-    border-width: 0;
-}
-tbody tr th	{
-	color: #000000;
-	background-color: #b1b1b1;
-    background: -moz-linear-gradient(top, #bebebe 0, #a2a2a2 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bebebe), color-stop(100%, #a2a2a2));
-	font-size: 13px;
-    padding: 5px 5px;
-    border-color: #b1b1b1;
-    border-style: solid;
-    border-width: 1px 0 0 1px;
-	border-top-color: #5b5b5b;
-	text-align:left;
-}
-thead tr th	{
-	color: #FFFFFF;
-    font-size: 12px;
-    padding: 5px 5px;
-	border-color:#CCCCCC;
-	background-color: #6e6e6e;
-    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
-    border-style: solid;
-    border-width: 0 0 0 1px;
-}
-tr td	{
-    border-color: #b1b1b1;
-    border-style: solid;
-    border-width: 0;
-    font-size: 12px;
-    padding: 5px 5px;
-}
-tfoot tr td, tfoot tr th	{
-	color:#FFFFFF;
-	background-color: #6e6e6e;
-    background: -moz-linear-gradient(top, #6e6e6e 0, #868686 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e6e6e), color-stop(100%, #868686));
-    font-size: 13px;
-    padding: 5px 5px;
-    border-color: #b1b1b1;
-    border-style: solid;
-    border-width: 1px 0 0 1px;
-}
-tfoot tr th	{
-	font-weight:bold;
-	text-align:left;
-}
-	
-	
-/*---////////////////////    STATUS TABLE    ////////////////////---*/
-.statustable	{
-	background-color: #D8D8D8;
-    border-width: 2px 1px 1px;
-}
-.statustable tr td, .statustable tr th	{
-	text-align:center;
-	vertical-align:text-top;
-	font-size:13px;
-}
-.statustable tr td	{
-	border-width: 1px 0 0 1px;
-}
-.statustable tr td:first-child, .statustable tr th:first-child {
-	text-align:left;
-    border-left-width: 0 !important;
-}
-.checked-icon	{
-	width:100%;
-	margin:0;
-	background: url("images/accept.png") no-repeat center center;
-	height:16px;
-	margin:0;
-	display:block;
-}
-.not-available-icon	{
-	width:100%;
-	margin:0;
-	background: url("images/delete.png") no-repeat center center;
-	height:16px;
-	margin:0;
-	display:block;
-}
-.statustable ul	{
-	margin:4px 0;
-	padding:0;
-}
-.statustable ul li	{
-	background:#bbb;
-	margin:2px 0 6px 0;
-	padding:4px 8px 0;
-	position:relative;
-	min-height:22px;
-	border-radius: 4px;
-	-webkit-border-radius: 4px;
-	-moz-border-radius: 4px;
-	font-size:13px;
-}
-.statustable .big	{
-	width:120px;
-	height:10px;
-	background:#444444;
-    background: -moz-linear-gradient(top, #464646 0, #3e3e3e 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(100%, #464646));
-	border-bottom:1px solid #fff;
-	margin: 0 auto;
-	padding: 1px;
-	display:inline-block;
-}
-.diskspace	{
-	background-color:#e76400;
-    background: -moz-linear-gradient(top, #ff6f01 0, #bc5200 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6f01), color-stop(100%, #bc5200));
-	height:10px;
-}
-.statustable a			{
-	color: #222;
-	text-decoration: underline;
-}
-
-.statustable a:visited	{
-	color: #666;
-	text-decoration: underline;
-}
-.statustable a:hover		{
-		color: #e76400;
-		text-decoration: underline;
-}
-.strong	{
-	font-weight:bold;
-}
-
-
-/*---////////////////////    PLUPLOAD ERROR    ////////////////////---*/
-
-#plupload_error{
-	margin-top:10px;
-}
-
-#plupload_error table	{
-	color:red;
-	border:1px solid #c83f3f;
-	background:#c6b4b4;
-}
-#plupload_error table td {
-	color:#902d2d;
-	font-size:12px;
-	font-weight:bold;
-	padding:2px 4px;
-	margin-bottom:2px;
-	border:none;
-	margin:0;
-}
-
-/*---////////////////////    TRIAL BOX HEADER    ////////////////////---*/
-
-.trial-box	{
-	width:142px;
-	height:38px;
-	display:block;
-	position:absolute;
-	right:20px;
-	bottom:10px;
-	background-color:#222;
-	background-color:rgba(0, 0, 0, 0.7);
-	z-index:100;
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
-	color:#FFF;
-	font-size:11px;
-	padding:7px;
-}
-.trial-box p	{
-	padding:0 0 3px 0;
-	margin:0 0 5px 0;
-	float:left;
-}
-.trial-box-button a {
-	width:92px;
-	height:14px;
-	display:block;	
-	padding: 1px 3px;
-	-moz-border-radius: 1px;
-	-webkit-border-radius: 1px;
-	border-radius: 1px;
-	text-transform:uppercase;
-	text-align:center;
-	font-family:Arial, Helvetica, sans-serif;
-	font-weight:bold;
-	text-decoration:none;
-	color:#FFFFFF;
-	background-color:#ff5d1a;
-    background: -moz-linear-gradient(top, #ff5d1a 0, #dd4202 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff5d1a), color-stop(100%, #dd4202));
-	box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
-	-moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
-	-webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
-	float:left;
-}
-.trial-box-button a:hover {
-	background-color:#dd4202;
-    background: -moz-linear-gradient(top, #dd4202 0, #ff5d1a 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4202), color-stop(100%, #ff5d1a));
-	box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
-	-moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
-	-webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
-}
-.trial-box-calendar	{
-	float:right;
-	text-align:center;
-	font-weight:bold;
-}
-.trial-box-calendar-white	{
-	font-size:18px;
-	color:#ff5d1a;
-	background:#FFF;
-	width:36px;
-	height:22px;
-	display:block;
-	-webkit-border-top-right-radius: 1px;
-	-moz-border-radius-topright: 1px;	
-	-webkit-border-top-left-radius: 1px;
-	-moz-border-radius-topleft: 1px;	
-}
-.trial-box-calendar-gray	{
-	width:36px;
-	height:14px;
-	display:block;
-	color:#FFF;
-	font-size:11px;
-	padding:1px 0;
-	text-transform:uppercase;
-	background-color:#676767;
-    background: -moz-linear-gradient(top, #7f7f7f 0, #555555 100%);
-    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7f7f7f), color-stop(100%, #555555));
-	-webkit-border-bottom-right-radius: 1px;
-	-moz-border-radius-bottomright: 1px;	
-	-webkit-border-bottom-left-radius: 1px;
-	-moz-border-radius-bottomleft: 1px;	
-	box-shadow: rgba(0, 0, 0, 0.4) 0 2px 1px inset;
-	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset;
-	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset;
-}
\ No newline at end of file
+@charset "utf-8";
+/* CSS Document */
+
+body {
+	font-size: 62.5%;
+	font-family:Arial, Helvetica, sans-serif;
+    background: #7f7f7f;
+    margin: 0;
+    padding: 0;
+}
+html, body {
+height: 100%;
+}
+
+#login-page {
+    background: #1f1f1f url(images/login_page_bg.png) no-repeat center 0;
+    margin: 0;
+    padding: 0;
+	height:100%;
+	text-align:center;
+}
+
+h2 {
+    color: #000000;
+    font-size: 2.1em;
+    font-weight: normal;
+    margin: 0;
+    padding: 0 0 10px;
+}
+h3 {
+	font-size:1.7em;
+	font-weight:normal;
+	color:#000;
+	padding:0 0 10px 0;
+	margin:0;
+}
+a, a:focus {
+	outline:none;
+}
+label {
+	font-size:12px;
+}
+select {
+	font-size:12px;
+	font-family:Arial, Helvetica, sans-serif;
+	border:1px solid #9d9d9d;
+}
+
+.logo {
+	position:absolute;
+	right:20px;
+	top:104px;
+	background:transparent url(images/airtime_logo.png) no-repeat 0 0;
+	height:35px;
+	width:66px;
+	z-index:1000;
+	display:block;
+}
+
+/* Clearfix */
+.clearfix:after, li:after { content: "."; display: block;	height: 0; clear: both;  visibility: hidden;}
+.clearfix, li {	display: inline-block; }
+* html .clearfix, * html li { height: 1%;}
+.clearfix, li {	display: block;	}
+
+
+/* Master Panel */
+#sticky {
+	position:fixed;
+	height:130px;
+	top:0;
+	left:0;
+}
+
+
+#master-panel {
+	background:#3d3d3d url(images/masterpanel_bg.png) repeat-x 0 0;
+	height:100px;
+	border:1px solid #000;
+	border-width: 1px 0;
+	overflow:hidden;
+	position:relative;
+}
+
+.now-playing-block, .show-block, .on-air-block, .time-info-block, .personal-block, .listen-control-block, .trial-info-block {
+	height:100px;
+	float:left;
+	margin-right:10px;
+}
+.personal-block  {
+	float:right;
+	margin-right:20px;
+	text-align:right;
+	min-width:110px;
+}
+
+.personal-block  ul {
+	margin:0;
+	padding:8px 0 0;
+}
+.personal-block li {
+	font-size:11px;
+	color:#bdbdbd;
+	list-style-type:none;
+	margin:0 0 2px 0;
+}
+.personal-block li.name {
+	color:#fff;
+	font-weight:normal;
+}
+.personal-block li a {
+	color:#fff;
+	text-decoration:underline;
+}
+.personal-block li a:hover {
+	color:#ff5d1a;
+}
+.now-playing-block {
+	width:30%;
+	padding-left:20px;
+}
+.show-block {
+	width:18%;
+}
+.text-row {
+	height:30px;
+	padding:0px 0 0;
+	font-size:12px;
+	text-wrap:none;
+	text-indent:2px;
+	overflow:hidden;
+	line-height:30px;
+}
+#master-panel .text-row {
+	color:#dfdfdf;
+}
+.text-row.next-song {
+	color:#d9d9d9;
+}
+.text-row strong {
+	font-weight:bold;
+	color:#969696;
+	padding-right:12px;
+}
+.text-row.rebroadcast, #master-panel .text-row.rebroadcast {
+	color:#969696;
+}
+.now-playing-info {
+	height:25px;
+	background:#3a3a3a url(images/playinfo_bg.png) repeat-x 0 0;
+	border: 1px solid #242424;
+	border-bottom-color:#727272;
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+	color:#fff;
+	font-size:15px;
+	line-height:22px;
+	text-indent:5px;	
+	overflow:hidden;
+	margin-bottom:3px;
+}
+.time-elapsed {
+	color:#9b9b9b;
+	padding-right:6px;
+}
+.time-remaining {
+	color:#ff6f01;
+}
+.progressbar {
+	height:6px;
+	border:1px solid #242424;
+	border-width:1px 1px 0 1px;
+	background:#141414 url(images/progressbar_bg.png) repeat-x 0 0;
+}
+.progressbar .progress-song, .progressbar .progress-show, .progressbar .progress-show-error {
+	height:4px;
+	width:0%;
+	background:#f97202 url(images/progressbar_song.png) repeat-x 0 0;
+}
+.progressbar .progress-show {
+	background:#02cef9 url(images/progressbar_show.png) repeat-x 0 0;
+}
+.progressbar .progress-show-error {
+	background:#d40000 url(images/progressbar_show_error.png) repeat-x 0 0;
+}
+.now-playing-info .show-length {
+	color:#c4c4c4;
+	padding-left:6px; 
+}
+
+.on-air-block  {
+	padding:0 12px 0 0;
+	background:url(images/masterpanel_spacer.png) no-repeat right 0;
+}
+.time-info-block  {
+	padding:0 14px 0 2px;
+	background:url(images/masterpanel_spacer.png) no-repeat right 0;
+	min-width:105px;
+}
+.time-info-block ul {
+	margin:0;
+	padding:6px 0 0;
+}
+.time-info-block li {
+	list-style-type:none;
+	font-size:14px;
+	color:#bdbdbd;
+	margin:0 0 6px;
+}
+.time-info-block li.time {
+	font-size:26px;
+	color:#fff;
+	width:auto;
+	text-align:left;
+}
+.time-info-block li.time-zone {
+	font-size:17px;
+	margin-bottom:0;
+}
+.on-air-info {
+	height:26px;
+	border:1px solid #242424;
+	border-width:1px 1px 0 1px;
+	color:#fff;
+	min-width:85px;
+	font-size:16px;
+	line-height:100%;
+	font-weight:bold;
+	text-shadow: #242424 0px -1px;
+	text-align:center;
+	padding: 10px 0 0 0;
+	background-color:#464646;
+	margin-top:30px;
+}
+.on, .off {
+	background:#c21717 url(images/on-off-air.png) repeat-x 0 0;
+}
+.off {
+	background:#575050 url(images/on-off-air.png) repeat-x 0 -36px;
+	color:#a5a5a5;
+}
+
+.listen-control-block a {
+	font-size:11px;
+	text-transform:uppercase;
+	padding:0;
+	border:1px solid #242424;
+	color:#fff;
+	text-decoration:none;
+	font-weight:bold;
+	margin-top:34px;
+	display:block;
+	
+}
+.listen-control-block a span {
+	background-color: #6e6e6e;
+    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
+	padding:5px 10px;
+	border:1px solid #a1a1a1;
+	border-width:1px 0;
+	border-bottom-color:#646464;
+	color:#dcdcdc;
+	text-shadow: #555555 0px -1px;
+	display:block;
+}
+.listen-control-block a:hover {
+	border:1px solid #000;
+}
+.listen-control-block a:hover span {
+	background-color: #292929;
+    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
+	border:1px solid #555555;
+	border-width:1px 0;
+	border-bottom-color:#1e1e1e;
+	color:#fff;
+	color:#0C0;
+	text-shadow: #000 0px -1px;
+	display:block;
+}
+.listen-control-block a:active span {
+	color:#fff;
+}
+
+/* END Master Panel */
+
+
+.wrapper {
+	margin: 0 20px 0 20px;
+	padding:20px 0 0 0;
+}
+
+.alpha-block {
+	padding:0;
+	float:left;
+	margin:0 16px 10px 0;
+}
+.omega-block {
+	padding:0;
+	float:left;
+	margin:0 0 10px 0;
+}
+.block-shadow {
+    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10);
+    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10);
+    box-shadow: 0 2px 2px rgba(0,0,0,.10);
+}
+.clear {
+    clear: both;
+    display: block;
+    height: 0;
+    overflow: hidden;
+    visibility: hidden;
+    width: 0;
+}
+fieldset.plain {
+	border:none;
+	padding:0;
+	margin:0;
+}
+.frame {
+	padding:0;
+	border:1px solid #5b5b5b;
+	margin: 0 0 8px 0;
+}
+.padded {
+	padding:8px;
+}
+.padded-strong {
+	padding:10px;
+}
+.input_text, input[type="text"], input[type="password"] {
+	font-family:Arial, Helvetica, sans-serif;
+	border: 1px solid #5b5b5b;
+    font-size: 12px;
+    /*height: 23px;*/
+    margin: 0;
+    padding: 4px 3px;
+    /*text-indent: 3px;*/
+	width:auto;
+    background-color: #dddddd;
+	border: 1px solid #5b5b5b;
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
+}
+
+input[type="text"]:focus, input[type="password"]:focus, textarea:focus, .input_text_area:focus {
+	border: 1px solid #0088f1;
+}
+.auto-search {
+	background:#dddddd url(images/search_auto_bg.png) no-repeat 0 0;
+	text-indent:25px;
+}
+.input_text_area, textarea {
+    background-color: #dddddd;
+	border: 1px solid #5b5b5b;
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
+    font-size: 13px;
+    text-indent: 3px;
+	margin:0;
+}
+.input_select, select {
+    background-color: #DDDDDD;
+	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;
+	border: 1px solid #5b5b5b;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 12px;
+    height: 25px;
+    margin: 0;
+    padding: 2px 2px 2px 0;
+    vertical-align: top;
+}
+label {
+	font-size:13px;
+	color:#5b5b5b;
+	padding:0 16px 0 0;
+}
+#library_quick_search {
+	margin-bottom:16px;
+}
+#library_quick_search label {
+
+}
+#library_quick_search input {
+	width:60%;
+}
+dl.inline-list {
+	float: left;
+	margin: 0;
+	padding: 0;	
+
+}
+
+dl.inline-list dt { 
+	clear: left;
+	float: left;
+	margin: 0;
+	padding: 0px 0;
+	font-weight: bold;
+	color:#333333;
+	font-size:12px;
+	font-weight:bold;
+	text-align:left;
+	min-width:70px;
+}
+dl.inline-list dd { 
+	float: left;
+	margin: 0;
+	padding: 0px 0 4px 15px;
+	font-size:12px;
+}
+.left-floated {
+	float:left;
+	margin-left:0;
+	margin-right:10px;
+}
+.right-floated {
+	float:right;
+	margin-left:10px;
+	margin-right:0;
+	text-align:right;
+}
+/*----Data Table----*/
+
+.datatable tr th.ui-state-default {
+    border: 1px solid #CCC;
+	border-width: 0 0 0 1px !important;
+}
+.datatable {
+    border-color: #5b5b5b;
+    border-style: solid;
+    border-width: 1px 1px 1px 1px;
+	width:100%;
+}
+.datatable tr td, .datatable tr th {
+    border-color: #b1b1b1;
+    border-style: solid;
+    border-width: 1px 0 0 1px;
+    font-size: 13px;
+    padding: 5px 5px;
+}
+.odd {
+    background-color: #d8d8d8;
+}
+.even {
+    background-color:#c7c7c7;
+}
+.datatable tr.even.selected td {
+    background-color: #abcfe2;
+}
+.datatable tr.odd.selected td {
+    background-color: #c5deeb;
+}
+.datatable tr.odd:hover td, .datatable tr.even:hover td  {
+    background-color: #95d5f7 !important;
+}
+
+.datatable tr td:first-child, .datatable tr th:first-child, .datatable tr th.ui-state-default:first-child {
+	border-left-width:0 !important;
+}
+.ui-widget-header + .datatable {
+    border-width: 0px 1px 1px 1px;
+}
+.datatable + .ui-widget-header {
+    border-width: 0px 1px 1px 1px;
+}
+.dataTables_scrollHeadInner > .datatable {
+    border-width: 0px 1px 0 1px;
+}
+.dataTables_scroll .datatable {
+    border-width: 0px 1px 0 1px;
+}
+
+.DataTables_sort_wrapper .ui-icon {
+    display: block;
+    float: left;
+	margin: 0 3px 0 -2px;
+}
+.dataTables_length {
+	float:right;
+	margin:0 8px 0 0;
+	
+}
+.dataTables_length label {
+	padding:10px 6px 0 0;
+	font-size:12px;
+	color:#404040;
+	line-height:22px;
+}
+.dataTables_filter {
+	margin:8px 0 0 8px;
+}
+.dataTables_filter .auto-search {
+	width:60%;
+}
+.dataTables_processing {
+	font-size:11px;
+	font-weight:normal;
+	margin:2px 0 3px 8px;
+}
+#library_display_wrapper .ui-widget-header:first-child {
+	background:none;
+    border-width:0 0 1px 0;
+    color: #444444;
+    font-weight: bold;
+}
+#library_display_wrapper .ui-widget-header:first-child .dataTables_length {
+	margin:0;
+}
+#library_display_wrapper .ui-widget-header:first-child .dataTables_filter {
+	margin:0;
+}
+
+.dataTables_info {
+	padding: 8px 0 0 8px;
+	font-size:12px;
+	color:#555555;
+	font-weight:normal;
+}
+
+.dataTables_paginate {
+	padding: 8px 0 8px 8px;
+}
+.dataTables_paginate .ui-button {
+	font-size:12px;
+	font-weight:normal;
+    padding: 0.2em 1em;
+	margin-right:3px;
+}
+.dataTables_filter input {
+    background: url("images/search_auto_bg.png") no-repeat scroll 0 0 #DDDDDD;
+	width: 60%;
+	border: 1px solid #5B5B5B;
+    margin: 0;
+    padding: 4px 3px 4px 25px;	
+}
+.dataTables_length select {
+    background-color: #DDDDDD;
+    border: 1px solid #5B5B5B;
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 12px;
+    height: 25px;
+    margin: 0;
+    padding: 2px 2px 2px 0;
+    vertical-align: top;
+}
+
+/*----END Data Table----*/
+
+fieldset {
+    border: 1px solid #8f8f8f;
+    margin: 0;
+    padding: 0;
+}
+fieldset.plain {
+    border: none;
+    margin: 0;
+    padding: 0;
+}
+input[type="checkbox"] {
+	margin:0;
+	outline:none;
+	padding:0;
+	width:13px;
+	height:13px;
+}
+/*---//////////////////// LOGIN ////////////////////---*/
+
+.login_box {
+    margin: 0 auto 0 auto;
+    text-align:center;
+    width:420px;
+    border:1px solid #181818;
+	border-width: 0 0 1px 0;
+	padding:0;
+	padding-top:60px;
+}
+
+.login_box h2 {
+	background:#1f1f1f;
+    background: -moz-linear-gradient(center top , #2c2c2c 0pt, #1f1f1f 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c2c2c), color-stop(100%, #1f1f1f));
+    border:1px solid #181818;
+	border-top-color:#4f4f4f;
+    margin:0;
+    padding:8px 0 8px 14px;
+    font-size:15px;
+    font-weight:bold;
+    color:#bebebe;
+    text-align:left;
+    -moz-box-shadow: 0 2px 2px rgba(0,0,0,.10);
+    -webkit-box-shadow: 0 2px 2px rgba(0,0,0,.10);
+    box-shadow: 0 2px 2px rgba(0,0,0,.10);
+}
+.login_box p {
+    margin:0;
+    padding:8px 0 16px 0;
+    font-size:12px;
+    color:#717171;
+    text-align:left;
+}
+.logobox {
+    height:120px;
+    text-align:center;
+	background:url(images/airtime_logo_big.png) no-repeat 50% 0;
+}
+
+.login {
+    margin:2px 0 0 4px;
+    border:none;
+    background:none;
+    text-align:left;
+    -moz-box-shadow: none;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
+.login td {
+    border:none;
+    background-color:transparent;
+	color:#696969;
+}
+
+.login h2 {
+    padding:7px 0 10px 0;
+}
+
+.light {
+    color:#1683b0;
+}
+.alert {
+	color:#C00;
+}
+
+.login-content {
+	background:url(images/login_content_bg.png) no-repeat 0 bottom;
+	padding:10px 10px 12px 14px;
+	text-align:left;
+}
+.login-content dl, .login-content dl.zend_form  {
+	margin: 12px 0 0 0;
+	margin-bottom:8px;
+	margin:0;
+	padding:0;
+	width:100%;
+}
+
+.login-content dd {
+    padding: 4px 0;
+    float: left;
+    font-size: 1.2em;
+    margin: 0;
+    padding: 4px 0 4px 15px;
+}
+.login-content dt {
+    clear: left;
+    color: #666666;
+    float: left;
+    font-size: 1.2em;
+    font-weight: bold;
+    margin: 0;
+    padding: 4px 0;
+    text-align: left;
+	min-width:90px;
+	clear:left;
+}
+
+dt.block-display, dd.block-display {
+	display:block;
+	float:none;
+	margin-left:0;
+	padding-left:0;
+}
+
+.login-content dt label {
+    padding-right:0;
+}
+.login-content dd .input_text {
+    padding-right:0;
+	width:280px;
+}
+
+/*---//////////////////// END LOGIN ////////////////////---*/
+
+
+/*---//////////////////// FOOTER ////////////////////---*/
+.footer {
+    display:block;
+    height:40px;
+    clear:both;
+	color:#4b4b4b;
+    margin-top:12px;
+    font-size:11px;
+    line-height:140%;
+    text-align:center;
+    padding:10px 0 0 0;
+}
+
+.footer a {
+    color:#ff5d1a;
+    text-decoration:none;
+}
+#login-page .footer {
+	color:#6d6d6d;
+}
+.footer a:hover {
+    color:#ff5d1a;
+    text-decoration:underline;
+}
+/*---//////////////////// END FOOTER ////////////////////---*/
+
+.button-bar {
+	height: 28px;
+	margin-top:12px;
+}
+/*.sticky {
+	padding:0;
+	width:100%;
+	z-index:2000;
+	position:fixed;
+	top:0;
+	left:0;
+	margin-bottom:140px;
+}*/
+.sticky {
+	padding:0;
+	width:100%;
+}
+
+.floated-panel {
+	margin-top:0;
+	width:99.99%;
+	z-index:999;
+}
+
+
+/*---//////////////////// Schedule Show ////////////////////---*/
+
+
+#schedule_playlist_dialog .wrapp-two {
+	float: left;
+	width: 50%;
+	padding: 0;
+}
+
+#schedule_playlist_dialog .wrapp-one {
+	margin-right:2%;
+	width: 48%;
+	float: left;
+}
+
+#schedule_playlist_dialog div:first-child .ui-widget-header:first-child {
+    background: none repeat scroll 0 0 transparent;
+    border-width: 0 0 1px;
+    color: #444444;
+    font-weight: bold;
+}
+
+#schedule_playlist_dialog div:first-child .ui-widget-header:first-child {
+    background: none repeat scroll 0 0 transparent;
+    border-width: 0 0 1px;
+    color: #444444;
+    font-weight: bold;
+}
+#schedule_playlist_dialog .ui-widget-header:first-child .dataTables_filter,
+#schedule_playlist_dialog .ui-widget-header:first-child .dataTables_length {
+    margin: 0;
+}
+
+.ui-dialog #schedule_playlist_dialog.ui-dialog-content {
+	padding:0;
+}
+
+
+#schedule_playlist_dialog > div {
+    background: none repeat scroll 0 0 transparent;
+    border: 1px solid #8f8f8f;
+    padding: 8px;
+	margin:8px 8px 0 8px;
+}
+
+
+#schedule_playlist_dialog > div h4 {
+    padding: 13px 0 12px 0;
+    margin: 0;
+	font-size:16px;
+	font-weight:normal;
+}
+#schedule_calendar {
+	width:98.5%
+}
+div.ui-datepicker {
+	/*font-size: 75%;*/
+}
+
+
+#schedule_playlist_dialog ul {
+	list-style-type: none;
+	overflow: auto;
+	margin: 0 0 8px 0;
+	padding: 0;
+	height: 280px;
+	background:#9a9a9a;
+	width:100%;
+}
+
+#schedule_playlist_chosen li {
+	float: left;
+	clear: left;
+	margin: 0;
+	width: 100%;
+	display:block;
+	margin-bottom:-1px;
+}
+
+#schedule_playlist_chosen li > h3 {
+	font-size:15px;
+	padding: 7px 0 0 0;
+	margin: 0;
+	min-height:25px;
+
+}
+
+#schedule_playlist_chosen li > h3 > div {
+	float: left;
+	margin: 0 5px 2px 0;
+}
+
+#schedule_playlist_chosen li > h3 > div > span.ui-icon {
+	margin-top: 0px;
+}
+#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-e,
+#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-triangle-1-s {
+	float:left;
+	margin-right: 8px;
+}
+#schedule_playlist_chosen li > h3 > span.ui-icon.ui-icon-close {
+	float:right;
+	margin-right: 8px;
+}
+#schedule_playlist_chosen div.group_list {
+	border-width:0 1px 1px 1px;
+}
+/*#schedule_playlist_chosen li div{
+	float: left;
+}
+
+#schedule_playlist_chosen li > div{
+	width: 475px;
+}
+*/
+
+#schedule_playlist_chosen li > div > div{
+	clear: left;
+	padding-top: 5px;
+	padding-left: 5px;
+}
+#schedule_playlist_chosen li > div:first-child {
+	border-bottom:1px solid #b1b1b1;
+}
+.sched_description {
+	clear: left;
+	font-size: 85%;
+	margin-left: 2em;
+}
+
+.sh_pl_name {
+	min-width: 150px;
+}
+
+.sh_pl_creator {
+
+}
+
+#schedule_playlist_chosen li > h3 > div.sh_pl_time {
+	float:right;
+	margin-right:22px;
+}
+
+#schedule_playlist_chosen li > div > div > span {
+	float: right;
+	margin-right:46px;
+}
+#schedule_playlist_chosen li > div > div > span.sh_file_name {
+	display: inline-block;
+	float: left;
+	margin-right:0;
+}
+
+.sh_file_artist, #schedule_playlist_chosen li > div > div.sh_file_artist {
+	font-size: 11px;
+	padding-top: 2px;
+	padding-bottom: 8px;
+	color:#5b5b5b;
+}
+
+#schedule_playlist_chosen li > div > div.sched_description {
+	font-size: 12px;
+	padding-top: 5px;
+	padding-bottom: 7px;
+	border-bottom:1px solid #b1b1b1;
+	color:#5b5b5b;
+	margin:0;
+	background:#dddddd;
+}
+#show_time_info {
+	font-size:12px;
+	height:30px;
+}
+
+#show_time_info > div, #show_time_info > span{
+	float: left;
+}
+
+#show_progressbar {
+	width: 46%;
+	height: 5px;
+	margin: 9px 9px 0 0;
+}
+#show_progressbar.ui-widget-content {
+	background: #646464 url(images/schedule-show_progressbar_bg.png) repeat-x 0 0;
+	border-color:#343434;
+	border-bottom-color:#cfcfcf;
+}
+
+#show_progressbar .ui-progressbar-value {
+	background: #ff5d1a;
+	border-color:#343434;
+	border-width: 1px 0 0 1px;
+}
+
+h2#scheduled_playlist_name {
+	font-size:21px;
+	font-weight:normal;
+	margin:0;
+	padding:8px 0 0px 12px;
+	color:#1c1c1c; 
+}
+
+h2#scheduled_playlist_name span {
+	color:#656565; 
+}
+
+.time {
+	width: 80px;
+	margin: 5px;
+	text-align: left;
+}
+
+/* --- Add show Dialog --- */
+
+#add_show_name {
+
+}
+
+#add_show_description {
+	width: 400px;
+	height: 200px;
+}
+
+#fullcalendar_show_display {
+	width: 400px;
+}
+
+.fc-agenda-body {
+	max-height:560px;
+}
+
+#schedule_calendar .ui-progressbar {
+	width: 46%;
+	height: 5px;
+	margin: 9px 9px 0 0;	
+}
+
+#schedule_calendar .ui-progressbar.ui-widget-content {
+	background: #646464 url(images/schedule-show_progressbar_bg.png) repeat-x 0 0;
+	border-color:#343434;
+	border-bottom-color:#cfcfcf;
+}
+#schedule_calendar .ui-progressbar .ui-progressbar-value {
+	background: #ff5d1a;
+	border-color:#343434;
+	border-width: 1px 0 0 1px;
+}
+/*---//////////////////// Advenced Search ////////////////////---*/
+
+.search_control {
+	padding:8px;
+	border:1pxp solid #8f8f8f;
+	background:#d8d8d8;
+	margin-bottom:8px;
+}
+.search_group {
+	padding:8px;
+	border:1pxp solid #8f8f8f;
+	margin-bottom:8px;
+}
+.search_group > fieldset {
+	padding:0;
+	border:none;
+	margin-top:8px;
+}
+.search_group > fieldset .input_text {
+	width:45%;
+}
+.search_group > fieldset .input_text, .search_group > fieldset .input_select {
+	margin-right:6px;
+}
+.search_group fieldset .ui-button-icon-only .ui-button-text, .search_group fieldset .ui-button-icons-only .ui-button-text {
+    padding: 3px 2px;
+    text-indent: -1e+7px;
+}
+.search_group fieldset .ui-button-icon-only {
+    width: 2.1em;
+}
+
+.search_group fieldset .ui-button-icon-only .ui-icon {
+    left: 48%;
+    margin-top: -9px;
+    position: absolute;
+    top: 50%;
+}
+
+/*---//////////////////// USERS ////////////////////---*/
+
+.simple-formblock {
+    width: 30%;
+}
+
+.simple-formblock dl, .simple-formblock dl.zend_form {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+.simple-formblock dt {
+    clear: left;
+    color: #666666;
+    float: left;
+    font-size: 1.2em;
+    font-weight: bold;
+    margin: 0;
+    min-width: 90px;
+    padding: 4px 0;
+    text-align: left;
+}
+.simple-formblock dd {
+    float: left;
+    font-size: 1.2em;
+    margin: 0;
+    padding: 4px 0 4px 15px;
+	width:60%;
+}
+
+.simple-formblock dd.block-display {
+    width: 100%;
+}
+
+.stream-setting-content dd.block-display {
+	/*width: 60%;*/
+}
+
+.simple-formblock.padded-strong {
+	padding:12px;
+}
+
+.simple-formblock dd .input_text {
+    width: 97.8%;
+}
+
+.simple-formblock h2 {
+	font-size:1.7em;
+	padding-bottom:16px;
+}
+.simple-formblock label {
+	padding:0;
+}
+
+.ui-button-icon-only.crossfade-main-button, .ui-button-icons-only.crossfade-main-button {
+    padding-right: 8px;
+}
+.ui-button-icon-only.crossfade-main-button .ui-button-text, .ui-button-icons-only.crossfade-main-button .ui-button-text {
+    padding: 0;
+    text-indent: -1e+7px;
+    padding: 0.1em 1em;
+}
+
+.ui-state-default .ui-icon.crossfade-main-icon	 {
+	background:url(images/crossfade_main.png) no-repeat 0 2px;
+	width:25px;	
+}
+
+.ui-button-icon-only.crossfade-main-button .ui-icon {
+    left: 44%;
+    margin-left: -8px;
+}
+
+button, input {
+	margin-top:0;
+	margin-bottom:0;
+}
+
+.user-management {
+	width:910px;
+	/*width:380px;*/
+}
+.user-management-expanded {
+	width:910px;
+}
+.user-data {
+	float:left;
+	width:420px;
+	margin-left:10px;
+	/*display:none;*/
+}
+.user-list-wrapper {
+	float:left;
+	width:480px;
+	/*margin-right:10px;*/
+}
+
+.user-management div.user-list-wrapper .ui-widget-header:first-child {
+    background: none repeat scroll 0 0 transparent;
+    border-width: 0 0 1px;
+    color: #444444;
+    font-weight: bold;
+}
+.user-list-wrapper .ui-widget-header:first-child .dataTables_filter {
+	margin:0;
+}
+.user-management h2 {
+    font-size: 1.7em;
+    padding-bottom: 12px;
+}
+.user-management .dataTables_filter input {
+    width: 93.8%;
+	margin-bottom:8px;
+}
+.user-data.simple-formblock dd {
+    width: 73%;
+}
+
+.user-data fieldset {
+	margin-bottom:8px;
+}
+.user-data fieldset:last-child {
+	margin-bottom:0;
+}
+
+.user-list-wrapper .button-holder {
+	padding:0;
+	text-align:right;
+	height:37px;
+}
+.user-list-wrapper .button-holder .ui-button {
+	margin:0;
+}
+.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick {
+	background-image:url(redmond/images/ui-icons_666666_256x240.png);
+	cursor:pointer;
+	float:right;
+	margin-right:5px;
+}
+.ui-widget-content .user-list-wrapper .ui-icon.ui-icon-closethick:hover {
+	background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png);
+}
+
+
+#ui-datepicker-div { z-index: 10 !important }
+
+.button-bar-top {
+	text-align:right;
+	height:38px;
+}
+
+.toggle-button, .toggle-button-active {
+	border: 1px solid #505050;
+	background-color: #5e5e5e;
+    background: -moz-linear-gradient(top, #757575 0, #5e5e5e 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #757575), color-stop(100%, #5e5e5e));
+	color: #ffffff;
+	margin:0;
+	font-size:12px;
+	padding:5px 12px;
+	text-decoration:none;
+	text-shadow: #343434 0px -1px;
+	border-width:1px 0 1px 1px;
+	cursor:pointer;
+}
+.toggle-button:hover {
+	background-color: #292929;
+    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
+	text-shadow: #000000 0px -1px;
+}
+
+.toggle-button-active {
+	background-color: #c6c6c6;
+    background: -moz-linear-gradient(top, #767676 0, #c6c6c6 20%, #c6c6c6 35%, #a0a0a0 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #767676), color-stop(20%, #c6c6c6), color-stop(35%, #c6c6c6), color-stop(100%, #a0a0a0));
+	color: #2e2e2e;
+	cursor:default;
+	text-shadow: #d8d8d8 0px 1px;
+}
+.end-button {
+	border-width:1px;
+}
+
+.button-bar-top .toggle-button, .button-bar-top .toggle-button-active {
+	float:right;
+}
+
+.button-bar-top .input_text {
+	height:25px;
+	margin-right:6px
+}
+.button-bar-top .input_text.hasDatepicker, .input_text.hasDatepicker {
+	background-image:url(images/input_with_calendar_bg.png);
+	background-repeat:no-repeat;
+	background-position:right 0;
+}
+.input_text.hasTimepicker {
+	background-image:url(images/input_with_time_bg.png);
+	background-repeat:no-repeat;
+	background-position:right 0;
+}
+ul.errors {
+	display:block;
+	clear:left;
+	padding:3px 0 0 0;
+	margin:0;
+}
+
+.formrow-repeat ul.errors {
+	width:278px;
+}
+
+ul.errors li {
+	color:#902d2d;
+	font-size:11px;
+	padding:2px 4px;
+	background:#c6b4b4;
+	margin-bottom:2px;
+	border:1px solid #c83f3f;
+}
+
+div.success{
+	color:#3B5323;
+	font-size:11px;
+	padding:2px 4px;
+	background:#93DB70;
+	margin-bottom:2px;
+	border:1px solid #488214;
+}
+
+.collapsible-header, .collapsible-header-disabled {
+	border: 1px solid #8f8f8f;
+	background-color: #cccccc;
+    background: -moz-linear-gradient(top, #cccccc 0, #b9b9b9 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #cccccc), color-stop(100%, #b9b9b9));
+	font-size:13px;
+	color:#353535;
+	font-weight:bold;
+	padding:6px 0 6px 20px;
+	margin:8px 0 0 0;
+	cursor:pointer;
+	position:relative;
+}
+.collapsible-content {
+	margin-top:-1px;
+	display:none;
+}
+.collapsible-header .arrow-icon, .collapsible-header-disabled  .arrow-icon {
+	display:block;
+	background:url(images/arrows_collapse.png) no-repeat 0 0;
+	height:11px;
+	width:11px;
+	position:absolute;
+	left:5px;
+	top:8px;
+    
+}
+.collapsible-header.close .arrow-icon, collapsible-header-disabled.close  .arrow-icon {
+	background-position: 0 -11px;
+    
+}
+#schedule-add-show .button-bar {
+    height: 28px;
+    margin: 0 0 8px 0;
+}
+#schedule-add-show .button-bar.bottom {
+    margin: 16px 0 0;
+}
+.schedule {
+	text-align:left;
+	height:38px;
+}
+
+.add-button, .ui-widget-content a.add-button {
+	border: 1px solid #242424;
+	background-color: #353535;
+    background: -moz-linear-gradient(top, #494949 0, #353535 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #494949), color-stop(100%, #353535));
+	color: #ffffff;
+	margin:0;
+	font-size:12px;
+	font-weight:bold;
+	padding:4px 12px 4px 22px;
+	text-decoration:none;
+	text-shadow: #000 0px -1px;
+	display:block;
+	float:left;
+	position:relative;
+}
+.add-button:hover, .ui-widget-content a.add-button:hover  {
+	border: 1px solid #000000;
+	background-color: #353535;
+    background: -moz-linear-gradient(top, #353535 0, #000000 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #353535), color-stop(100%, #000000));
+	color: #ffffff;
+}
+.add-button span {
+	position:absolute;
+	top:3px;
+	left:3px;
+	height:16px;
+	width:16px;
+	display:block;
+	background:url(redmond/images/ui-icons_ffffff_256x240.png) no-repeat;
+}
+.add-button:hover span {
+	background:url(redmond/images/ui-icons_ff5d1a_256x240.png) no-repeat;
+}
+.add-button span.add-icon {
+    background-position: -32px -128px;
+}
+
+/*---//////////////////// NOW PLAYING COLORS ////////////////////---*/
+.playing-song, .datatable tr.playing-song:hover td {
+	background-color:#ff753c !important;
+}
+.playing-list {
+	background-color:#b0dcf2;
+}
+.odd.playing-list {
+	background-color:#bfe5f8;
+}
+.gap, .datatable tr.gap:hover td {
+	background-color:#da5454 !important;
+}
+.group, tr td.group {
+	background-color:#0aa2be;
+	color:#FFF;
+}
+
+
+/*---//////////////////// END NOW PLAYING COLORS ////////////////////---*/
+.icon-link, .ui-widget-content a.icon-link {
+    color: #646464;
+    position: relative;
+    text-decoration: none;
+	padding: 0 0 0 20px;
+}
+.icon-link .ui-icon {
+	background-image:url(redmond/images/ui-icons_666666_256x240.png);
+    background-repeat: no-repeat;
+    display: block;
+    height: 16px;
+    left: 0.2em;
+    margin: -3px 5px 0 0;
+    overflow: hidden;
+    position: absolute;
+    top: 2px;
+    width: 16px;
+}
+.icon-link:hover, .ui-widget-content a.icon-link:hover {
+    color: #444444;
+	text-decoration:underline;
+}
+.icon-link:hover .ui-icon {
+	background-image:url(redmond/images/ui-icons_454545_256x240.png);
+}
+
+.button-bar .icon-link {
+	float:left;
+	margin:7px 0 0 1px;
+}
+
+#show_content_dialog .datatable tr:first-child td {
+	border-top:none;
+}
+
+#show_content_dialog .datatable {
+	margin-top:8px;
+}
+.simple-formblock.metadata, #side_playlist .simple-formblock.metadata {
+	border:none;
+	width:auto;
+	display:block;
+	padding: 2px;
+}
+#side_playlist .simple-formblock.metadata .input_text, #side_playlist .simple-formblock.metadata .input_text_area {
+	width:95%;
+}
+#side_playlist .simple-formblock.metadata.simple-formblock dd {
+	width:70%;
+}
+#side_playlist h3.plain {
+	float:none;
+	font-size:18px;
+	margin:2px 0 20px 0;
+}
+
+.qtip {
+	font-size:11px;
+	line-height:160%;
+}
+
+#schedule-show-who.scrolled {
+    margin-bottom: 0;
+	max-height:300px;
+	overflow:auto;
+}
+.text-content {
+	padding:20px 10px 40px 58px;
+	background: url(images/sf_arror.png) no-repeat 60% 0; 
+	min-height: 300px;
+}
+.text-content h2 {
+	font-size:2.4em;
+	color:#1f1f1f;
+}
+.text-content p {
+	font-size:1.6em;
+	line-height:140%;
+	color:#1f1f1f;
+	margin:0 0 1.4em 0;
+}
+.text-content a {
+	color:#f2f2f2;
+	text-decoration:none;
+}
+.text-content a:hover {
+	text-decoration:underline;
+}
+
+.text-content ol {
+	margin:0 0 22px 25px;
+	padding:0;
+	list-style-position:outside;
+}
+
+.text-content ol li {
+	margin:0 0 6px 0;
+	font-size:1.7em;
+	display:list-item;
+	color:#1f1f1f;
+}
+.gray-logo {
+	margin:5px 0 0 20px;
+}
+.formrow-repeat {
+	list-style-type:none;
+	margin:0;
+	padding:0;
+}
+.formrow-repeat li {
+	list-style-type:none;
+	margin:0 0 8px 0;
+	padding:0;
+	height:25px;
+	display:block;
+}
+/*
+.formrow-repeat li .ui-button-icon-only {
+	width:1.8em;
+}
+.formrow-repeat li .ui-button-icon-only .ui-button-text, .formrow-repeat li .ui-button-icons-only .ui-button-text {
+	padding: 3px 3px 4px;
+}
+
+.formrow-repeat li .ui-button-icon-only .ui-icon {
+    left: 48%;
+    margin-top: -9px;
+    position: absolute;
+    top: 50%;
+}
+.formrow-repeat li .ui-button .ui-button-text {
+    display: block;
+    line-height: 110%;
+}
+*/
+
+#add_show_rebroadcast_relative .ui-button-icon-only,
+#add_show_rebroadcast_absolute .ui-button-icon-only {
+    width: 1.8em;
+}
+#add_show_rebroadcast_relative .ui-button-icon-only .ui-button-text,
+#add_show_rebroadcast_absolute .ui-button-icon-only .ui-button-text,
+#add_show_rebroadcast_relative .ui-button-icons-only .ui-button-text,
+#add_show_rebroadcast_absolute .ui-button-icons-only .ui-button-text,
+#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-button-text,
+#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-button-text {
+	font-size:12px;
+}
+
+#add_show_rebroadcast_relative .ui-button-icon-only .ui-icon,
+#add_show_rebroadcast_absolute .ui-button-icon-only .ui-icon {
+    margin-top: -8px;
+    position: absolute;
+    top: 50%;
+}
+#add_show_rebroadcast_relative .ui-button-text-icon-primary .ui-icon,
+#add_show_rebroadcast_absolute .ui-button-text-icon-primary .ui-icon {
+    left: 0.4em;
+}
+#add_show_rebroadcast_relative .ui-button .ui-button-text,
+#add_show_rebroadcast_absolute .ui-button .ui-button-text {
+    display: block;
+    line-height: 14px;
+}
+
+.formrow-repeat li .inline-text {
+    color: #666666;
+	padding: 0 6px 0 0;
+}
+.formrow-repeat li .input_text, .formrow-repeat li .input_select {
+	margin-right:6px;
+}
+.formrow-repeat li .hasDatepicker, .formrow-repeat li .input_select {
+	width:95px;
+}
+.formrow-repeat li .hasTimepicker {
+	width:60px;
+}
+.recording-show {
+	float: right;
+	background:url(images/record_icon.png) no-repeat 0 0;
+	width:23px;
+	height:23px;
+}
+
+.datatable td .info-icon {
+	margin:-4px	3px -3px 0;
+	float:right;
+}
+.time-flow {
+	float:right;
+	margin-right:4px;
+}
+.small-icon {
+	display:block;
+	width:20px;
+	height:10px;
+	float:right;
+	margin-left:3px;
+	margin-top:2px;
+}
+.small-icon.recording {
+	background:url(images/icon_record.png) no-repeat 0 0;
+}
+.small-icon.rebroadcast {
+	background:url(images/icon_rebroadcast.png) no-repeat 0 0;
+}
+.small-icon.soundcloud {
+	background:url(images/icon_soundcloud.png) no-repeat 0 0;
+	width:21px;
+}
+.small-icon.sc-error {
+	background:url(images/icon_soundcloud_error2.png) no-repeat 0 0;
+	width:21px;
+}
+.small-icon.progress {
+	background:url(images/upload-icon.gif) no-repeat;
+    background-color:black;
+    background-position:center;
+	border-radius:2px;
+	-webkit-border-radius:2px;
+	-moz-border-radius:2px;
+}
+.small-icon.alert {
+	background:url(images/icon_alert.png) no-repeat;
+	float:left;
+	width:13px;
+	margin-right:3px;
+	margin-left:1px;
+}
+.medium-icon {
+	display:block;
+	width:25px;
+	height:12px;
+	float:right;
+	margin-left:4px;
+}
+.medium-icon.recording {
+	background:url(images/icon_record_m.png) no-repeat 0 0;
+	width:20px;
+}
+.medium-icon.rebroadcast {
+	background:url(images/icon_rebroadcast_m.png) no-repeat 0 0;
+}
+.medium-icon.soundcloud {
+	background:url(images/icon_soundcloud_m.png) no-repeat 0 0;
+	width:21px;
+}
+.medium-icon.nowplaying, .medium-icon.finishedplaying {
+	background:url(images/icon_nowplaying_m.png) no-repeat 0 0;
+	width:12px;
+	height:9px;
+	float:left;
+	margin-left:6px;
+	margin-right:0;
+}
+.medium-icon.finishedplaying {
+	background:url(images/icon_finishedplaying_m.png) no-repeat 0 0;
+}
+.preferences, .manage-folders, .stream-config {
+    width: 500px;
+}
+
+dt.block-display, dd.block-display {
+    display: block;
+    float: none;
+    margin-left: 0;
+    padding-left: 0;
+}
+.preferences dt.block-display, .preferences dd.block-display {
+    padding: 0 0 5px 0;
+}
+.preferences dd.block-display, .stream-config dd.block-display {
+	margin-bottom:4px;
+}
+.preferences dd.block-display:last-child, .stream-config dd.block-display:last-child {
+	margin-bottom:0;
+	padding-bottom:0;
+}
+.preferences input[type="radio"], .stream-config input[type="radio"] {
+	margin:0;
+}
+.preferences label input[type="radio"], .stream-config label input[type="radio"] {
+	margin:0 1px 0 0;
+}
+.preferences label input[type="checkbox"], .stream-config label input[type="checkbox"] {
+	margin:0 5px 0 0;
+}
+dd.radio-inline-list, .preferences dd.radio-inline-list, .stream-config dd.radio-inline-list {
+	margin-bottom:6px;
+}
+.radio-inline-list label {
+	margin-right:12px;
+}
+.preferences.simple-formblock dd.block-display {
+    width: 100%;
+}
+
+.preferences.simple-formblock dd.block-display select, .stream-config.simple-formblock dd.block-display select {
+    width: 100%;
+}
+.preferences dd.block-display .input_select, .stream-config dd.block-display .input_select {
+    width: 100%;
+}
+.preferences dd.block-display .input_text_area, .preferences dd.block-display .input_text 
+.stream-config dd.block-display .input_text_area, .stream-config dd.block-display .input_text,
+.stream-config dd.block-display input[type="text"], .stream-config dd.block-display input[type="password"] {
+    width: 98.5%;
+}
+
+.preferences dd#SoundCloudTags-element.block-display .input_text_area {
+    height: 120px;
+}
+
+#show_time_info {
+	font-size:12px;
+	height:30px;
+}
+#show_time_warning {
+	background:#c83f3f url(images/icon_alert_ffffff.png) no-repeat 5px 4px;
+	border:1px solid #9d1010;
+	color:#fff;
+	padding: 2px 5px 2px 24px;
+    font-size: 12px;
+    line-height: 140%;
+}
+
+/* HACK, to be removed after 1.7.0 */
+button.ui-button.md-cancel {
+        padding: .4em 1em;
+}
+
+/*--//////////////////////// Changes/add-ons Jun 8th, 2011 ////////////////////////--*/
+
+.dialogPopup.ui-dialog-content {
+	padding: 0.9em 1em;
+}
+.dialogPopup dl {
+	margin:0;
+	padding:0;
+	clear:both;
+	width:100%;
+}
+.dialogPopup dt {
+	clear: left;
+	padding: 0;
+	float:left;
+	width:35%;
+}
+
+.dialogPopup dt.block-display {
+	float:none;
+	width:100%;
+	padding: 0 0 10px;
+}
+
+.dialogPopup dt label {
+	font-weight: bold;
+	line-height:24px;
+}
+.dialogPopup dd {
+	padding: 0;
+	float:left;
+	width:65%;
+	margin:0 0 6px 0;
+}
+.dialogPopup dd.block-display {
+	float:none;
+	width:100%;
+	padding: 0 0 10px;
+	margin:0 0 8px 0;
+}
+.dialogPopup fieldset dt:last-child, .dialogPopup fieldset dd:last-child {
+	margin:0;
+}
+
+.info-text {
+	font-size:12px;
+	color:#5b5b5b;
+	line-height:150%;
+	padding:0 0 6px;
+	margin:0;
+
+}
+.dialogPopup label input[type="checkbox"] {
+	float:left;
+	margin-right:6px;
+}
+
+.dialogPopup fieldset {
+	padding: 0;
+	clear:both;
+	border:none;
+}
+.dialogPopup fieldset dd input[type="text"], .dialogPopup fieldset dd textarea {
+	width:99.5%;
+	padding:0;
+}
+.dialogPopup fieldset dd input[type="text"] {
+	height:23px;
+}
+.dialogPopup fieldset dd select {
+	width:100%;
+}
+
+fieldset.display_field {
+	/*background-color:#d5d5d5;
+	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2) inset;*/
+	padding:10px;
+	border: 1px solid #8F8F8F;
+}
+label span {
+	font-weight:normal;
+}
+
+.dialogPopup .display_field dt, .dialogPopup .display_field dd {
+    color: #353535;
+    float: left;
+    font-size: 12px;
+    margin: 0;
+    padding: 4px 0;
+    text-align: left;
+	width:auto;
+}
+
+.dialogPopup .display_field dt {
+    clear: left;
+	font-weight:bold;
+	width:auto;
+	min-width:auto;
+	padding-right:8px;
+}
+#show_what_sending textarea {
+    background-color:transparent;
+	border:none;
+    box-shadow: none;
+    font-size: 12px;
+    text-indent: 0;
+	margin:0;
+	width:99%;
+	line-height:180%;
+	resize: none;
+}
+#show_what_sending textarea:focus {
+	border:none;
+}
+#show_what_sending dl {
+	overflow-x: hidden;
+}
+
+#watched-folder-section dd.block-display input[type="text"] {
+    width: 63.6%;
+}
+
+#watched-folder-section dd.block-display input[type="button"] {
+	border: 1px solid #5b5b5b;
+	background-color: #6e6e6e;
+    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
+	color: #ffffff;
+	font-family:Arial, Helvetica, sans-serif;
+	font-size:12px;
+	height:25px;
+	margin:0;
+	display:block;
+	margin-left:5px;
+	line-height:12px;
+	padding:0 10px 1px 10px;
+}
+#watched-folder-section dd.block-display input[type="button"]:hover {
+	border: 1px solid #242424;
+	background-color: #292929;
+    background: -moz-linear-gradient(top, #3b3b3b 0, #292929 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3b3b3b), color-stop(100%, #292929));
+	color: #ffffff;
+}
+
+#watched-folder-section dd.block-display {
+	clear:both;
+	min-height:25px;
+	
+}
+#watched-folder-section dd.block-display.selected-item {
+	clear:both;
+	background:#9a9a9a;
+	margin:2px 0 5px 0;
+	width:84%;
+	padding:4px 8px 0;
+	position:relative;
+	min-height:22px;
+	border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	font-size:13px;
+}
+#watched-folder-section dd.block-display.selected-item .ui-icon {
+	position:absolute;
+	top:4px;
+	right:5px;
+	cursor:pointer;
+}
+#watched-folder-section dd.block-display.selected-item .ui-icon:hover {
+	background-image:url(redmond/images/ui-icons_ff5d1a_256x240.png)
+}
+#watched-folder-section dd.block-display input {
+	float:left;
+}
+
+fieldset > legend {
+    color: #4F4F4F;
+    font-size: 12px;
+    line-height: 140%;
+}
+fieldset.closed, fieldset.display_field.closed {
+    border-width: 1px 0 0;
+    margin-bottom: -6px;
+    margin-left: 1px;
+}
+
+fieldset.closed dl, fieldset.closed textarea, fieldset.closed div {
+	display:none;
+}
+
+fieldset legend .ui-icon, .ui-widget-content fieldset legend .ui-icon {
+    background-image: url(redmond/images/ui-icons_454545_256x240.png);
+    float: left;
+}
+
+input[type="checkbox"][disabled] {
+	opacity: 0.6;
+}
+
+.play_small {
+	height:11px;
+	width: 15px;
+	display:inline-block;
+	background:url(images/play_pause_small.png) no-repeat 0 0;
+	margin:0 7px 0 0;
+	text-indent:-9999px;
+	overflow:hidden;
+	line-height:10px;
+}
+.play_small:hover, .play_small.paused  {
+	background-position: 0 -11px;
+}
+.play_small.paused:hover {
+	background-position: 0 -22px;
+}
+
+.play_small.playing {
+	background-position: -20px 0;
+}
+.play_small.playing:hover {
+	background-position: -20px -11px;
+}
+
+.info-text-small {
+    color: #5B5B5B;
+    font-size: 11px;
+    line-height: 150%;
+    margin: 0;
+    padding: 0 0 6px;
+	font-style:italic;
+	font-weight:normal;
+}
+dd .info-text-small {
+    padding: 1px 0 2px;
+	display:inline-block;
+}
+
+.stream-config dt  {
+	width:120px;
+	padding: 4px 0;
+}
+.stream-config dt.block-display  {
+	width:auto;
+}
+.stream-config dd  {
+	margin-bottom:0px;
+}
+.stream-config dd select {
+	width:160px;
+	line-height:140%;
+}
+
+.stream-config dd input[type="text"] {
+    /*width:98.5%;*/
+	min-width:152px;
+}
+
+.stream-config dd input[id$=port] {
+    width:152px;
+}
+
+dt.block-display.info-block {
+    width: auto;
+	font-size:12px;
+	padding:10px 0;
+}
+.top-margin {
+	margin-top:10px;
+	float: left;
+}
+.left-margin {
+	margin-left:20px;
+	float: left;
+}
+.stream-config dd.block-display textarea {
+    width: 99.5%;
+	height: 110px;
+}
+	
+.input-info {
+	font-size:12px;
+	padding:0 0 0 5px;
+}
+
+.stream-config dd.block-display input[type="text"].with-info, .stream-config dd.block-display input[type="password"].with-info {
+    width: 83.6%;
+}
+.stream-config dd.block-display p {
+    font-size:13px;
+	margin:4px 0 4px 2px;
+}
+
+.stream-config #output_setting {
+	width: 96%;
+}
+
+.stream-config dt.block-display, .stream-config dd.block-display {
+	/*float: left;*/
+}
+.collapsible-header-disabled {
+	cursor:default;
+	opacity:0.6;
+}
+
+/*---////////////////////    ERROR PAGE    ////////////////////---*/
+
+.error-content	{
+	background:url(images/404.png) no-repeat 0 0;
+	width:300px;
+	margin: 24px 15px;
+	padding: 0px 10px 0 420px;
+}
+.error-content h2 {
+    margin:0;
+    padding:0 0 10px 0;
+    font-size:36px;
+    font-weight:bold;
+    color:#3e3e3e;
+    text-align:left;
+	letter-spacing:-.3px;
+	text-shadow: rgba(248,248,248,.3) 0 1px 0, rgba(0,0,0,.8) 0 -1px 0;
+	rgba(51,51,51,.9)
+}
+.error-content p {
+    color: #272727;
+    font-size: 16px;
+    margin: 0;
+    padding:8px 2px;
+}
+.error-content .button-bar	{
+	margin-top:47px;
+	padding-left:2px;
+}
+.error-content .toggle-button	{
+	border: 1px solid #434343;
+	border-width:1px 1px 0px 1px;
+	background-color: #636363;
+    background: -moz-linear-gradient(top, #737373 0, #545454 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #737373), color-stop(100%, #545454));
+	color: #1b1b1b;
+	font-size:15px;
+	font-weight:bold;
+	padding:5px 14px 6px 15px;
+	text-shadow: rgba(248,248,248,.24) 0 1px 0;
+	box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
+	-moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
+	-webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.2) 0 2px 2px inset;
+	margin: 0 5px 0 0;
+}
+.error-content .toggle-button:hover	{
+	border: 1px solid #000;
+	border-width:1px 1px 0px 1px;
+	background-color: #353535;
+    background: -moz-linear-gradient(top, #393939 0, #000000 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #393939), color-stop(100%, #000000));
+	color: #ff5d1a;
+	text-shadow:none;
+	box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
+	-moz-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
+	-webkit-box-shadow: rgba(248,248,248,.3) 0px 1px 0px, rgba(0, 0, 0, 0.6) 0 2px 2px inset;
+}
+
+/*---////////////////////    DEFAULT TABLE    ////////////////////---*/
+
+table {
+    border-color: #5b5b5b;
+    border-style: solid;
+    border-width: 0;
+}
+tbody tr th	{
+	color: #000000;
+	background-color: #b1b1b1;
+    background: -moz-linear-gradient(top, #bebebe 0, #a2a2a2 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #bebebe), color-stop(100%, #a2a2a2));
+	font-size: 13px;
+    padding: 5px 5px;
+    border-color: #b1b1b1;
+    border-style: solid;
+    border-width: 1px 0 0 1px;
+	border-top-color: #5b5b5b;
+	text-align:left;
+}
+thead tr th	{
+	color: #FFFFFF;
+    font-size: 12px;
+    padding: 5px 5px;
+	border-color:#CCCCCC;
+	background-color: #6e6e6e;
+    background: -moz-linear-gradient(top, #868686 0, #6e6e6e 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #868686), color-stop(100%, #6e6e6e));
+    border-style: solid;
+    border-width: 0 0 0 1px;
+}
+tr td	{
+    border-color: #b1b1b1;
+    border-style: solid;
+    border-width: 0;
+    font-size: 12px;
+    padding: 5px 5px;
+}
+tfoot tr td, tfoot tr th	{
+	color:#FFFFFF;
+	background-color: #6e6e6e;
+    background: -moz-linear-gradient(top, #6e6e6e 0, #868686 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6e6e6e), color-stop(100%, #868686));
+    font-size: 13px;
+    padding: 5px 5px;
+    border-color: #b1b1b1;
+    border-style: solid;
+    border-width: 1px 0 0 1px;
+}
+tfoot tr th	{
+	font-weight:bold;
+	text-align:left;
+}
+	
+	
+/*---////////////////////    STATUS TABLE    ////////////////////---*/
+.statustable	{
+	background-color: #D8D8D8;
+    border-width: 2px 1px 1px;
+}
+.statustable tr td, .statustable tr th	{
+	text-align:center;
+	vertical-align:text-top;
+	font-size:13px;
+}
+.statustable tr td	{
+	border-width: 1px 0 0 1px;
+}
+.statustable tr td:first-child, .statustable tr th:first-child {
+	text-align:left;
+    border-left-width: 0 !important;
+}
+.checked-icon	{
+	width:100%;
+	margin:0;
+	background: url("images/accept.png") no-repeat center center;
+	height:16px;
+	margin:0;
+	display:block;
+}
+.not-available-icon	{
+	width:100%;
+	margin:0;
+	background: url("images/delete.png") no-repeat center center;
+	height:16px;
+	margin:0;
+	display:block;
+}
+.statustable ul	{
+	margin:4px 0;
+	padding:0;
+}
+.statustable ul li	{
+	background:#bbb;
+	margin:2px 0 6px 0;
+	padding:4px 8px 0;
+	position:relative;
+	min-height:22px;
+	border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	font-size:13px;
+}
+.statustable .big	{
+	width:120px;
+	height:10px;
+	background:#444444;
+    background: -moz-linear-gradient(top, #464646 0, #3e3e3e 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3e3e3e), color-stop(100%, #464646));
+	border-bottom:1px solid #fff;
+	margin: 0 auto;
+	padding: 1px;
+	display:inline-block;
+}
+.diskspace	{
+	background-color:#e76400;
+    background: -moz-linear-gradient(top, #ff6f01 0, #bc5200 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff6f01), color-stop(100%, #bc5200));
+	height:10px;
+}
+.statustable a			{
+	color: #222;
+	text-decoration: underline;
+}
+
+.statustable a:visited	{
+	color: #666;
+	text-decoration: underline;
+}
+.statustable a:hover		{
+		color: #e76400;
+		text-decoration: underline;
+}
+.strong	{
+	font-weight:bold;
+}
+
+
+/*---////////////////////    PLUPLOAD ERROR    ////////////////////---*/
+
+#plupload_error{
+	margin-top:10px;
+}
+
+#plupload_error table	{
+	color:red;
+	border:1px solid #c83f3f;
+	background:#c6b4b4;
+}
+#plupload_error table td {
+	color:#902d2d;
+	font-size:12px;
+	font-weight:bold;
+	padding:2px 4px;
+	margin-bottom:2px;
+	border:none;
+	margin:0;
+}
+
+/*---////////////////////    TRIAL BOX HEADER    ////////////////////---*/
+
+.trial-box	{
+	width:142px;
+	height:38px;
+	display:block;
+	position:absolute;
+	right:20px;
+	bottom:10px;
+	background-color:#222;
+	background-color:rgba(0, 0, 0, 0.7);
+	z-index:100;
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+	color:#FFF;
+	font-size:11px;
+	padding:7px;
+}
+.trial-box p	{
+	padding:0 0 3px 0;
+	margin:0 0 5px 0;
+	float:left;
+}
+.trial-box-button a {
+	width:92px;
+	height:14px;
+	display:block;	
+	padding: 1px 3px;
+	-moz-border-radius: 1px;
+	-webkit-border-radius: 1px;
+	border-radius: 1px;
+	text-transform:uppercase;
+	text-align:center;
+	font-family:Arial, Helvetica, sans-serif;
+	font-weight:bold;
+	text-decoration:none;
+	color:#FFFFFF;
+	background-color:#ff5d1a;
+    background: -moz-linear-gradient(top, #ff5d1a 0, #dd4202 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff5d1a), color-stop(100%, #dd4202));
+	box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
+	-moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
+	-webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
+	float:left;
+}
+.trial-box-button a:hover {
+	background-color:#dd4202;
+    background: -moz-linear-gradient(top, #dd4202 0, #ff5d1a 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #dd4202), color-stop(100%, #ff5d1a));
+	box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
+	-moz-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
+	-webkit-box-shadow: rgba(248, 248, 248, 0.4) 0 1px 1px inset;
+}
+.trial-box-calendar	{
+	float:right;
+	text-align:center;
+	font-weight:bold;
+}
+.trial-box-calendar-white	{
+	font-size:18px;
+	color:#ff5d1a;
+	background:#FFF;
+	width:36px;
+	height:22px;
+	display:block;
+	-webkit-border-top-right-radius: 1px;
+	-moz-border-radius-topright: 1px;	
+	-webkit-border-top-left-radius: 1px;
+	-moz-border-radius-topleft: 1px;	
+}
+.trial-box-calendar-gray	{
+	width:36px;
+	height:14px;
+	display:block;
+	color:#FFF;
+	font-size:11px;
+	padding:1px 0;
+	text-transform:uppercase;
+	background-color:#676767;
+    background: -moz-linear-gradient(top, #7f7f7f 0, #555555 100%);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #7f7f7f), color-stop(100%, #555555));
+	-webkit-border-bottom-right-radius: 1px;
+	-moz-border-radius-bottomright: 1px;	
+	-webkit-border-bottom-left-radius: 1px;
+	-moz-border-radius-bottomleft: 1px;	
+	box-shadow: rgba(0, 0, 0, 0.4) 0 2px 1px inset;
+	-moz-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset;
+	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 0 2px 2px inset;
+}
+#stream_url {font-size:12px; line-height: 170%;}
+.stream-setting-content fieldset {border-width:0 1px 1px 1px;}
\ No newline at end of file

From 8fe10830d5c961f10bbdf94774a9f8f1e56df2b3 Mon Sep 17 00:00:00 2001
From: Martin Konecny <martin@martin-ThinkPad-T410.(none)>
Date: Tue, 11 Oct 2011 13:36:07 +0200
Subject: [PATCH 3/3] -fixed on-air light not working.

---
 install_minimal/airtime-install                |  2 ++
 python_apps/pypo/airtime-liquidsoap            |  2 +-
 python_apps/pypo/airtime-playout-init-d        | 14 ++++++++++++--
 python_apps/pypo/install/pypo-install.py       |  2 +-
 python_apps/pypo/liquidsoap_scripts/ls_lib.liq |  3 +--
 python_apps/pypo/liquidsoap_scripts/notify.sh  |  2 +-
 6 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/install_minimal/airtime-install b/install_minimal/airtime-install
index b395f409b..ccc2f5c4b 100755
--- a/install_minimal/airtime-install
+++ b/install_minimal/airtime-install
@@ -61,6 +61,8 @@ python ${SCRIPTPATH}/../python_apps/icecast2/install/icecast2-install.py
 # reload its config files.
 /etc/init.d/monit restart
 
+#allow monit to boot up before issuing commands
+sleep 1
 
 set +e
 monit monitor airtime-media-monitor
diff --git a/python_apps/pypo/airtime-liquidsoap b/python_apps/pypo/airtime-liquidsoap
index d2ece4db6..14f7ff94b 100755
--- a/python_apps/pypo/airtime-liquidsoap
+++ b/python_apps/pypo/airtime-liquidsoap
@@ -6,7 +6,7 @@ virtualenv_bin="/usr/lib/airtime/airtime_virtualenv/bin/"
 ls_user="pypo"
 export HOME="/var/tmp/airtime/pypo/"
 api_client_path="/usr/lib/airtime/"
-ls_path="/usr/lib/airtime/pypo/bin/liquidsoap_bin/liquidsoap"
+ls_path="/usr/lib/airtime/pypo/bin/liquidsoap_bin/liquidsoap --verbose"
 ls_param="/usr/lib/airtime/pypo/bin/liquidsoap_scripts/ls_script.liq"
 
 exec 2>&1
diff --git a/python_apps/pypo/airtime-playout-init-d b/python_apps/pypo/airtime-playout-init-d
index f873f671a..ffa300d1e 100755
--- a/python_apps/pypo/airtime-playout-init-d
+++ b/python_apps/pypo/airtime-playout-init-d
@@ -107,11 +107,21 @@ case "${1:-''}" in
            # status commands here
            /usr/bin/airtime-check-system
         ;;
+  'stop-liquidsoap')
+           echo -n "Stopping Liquidsoap: "
+           liquidsoap_stop
+           echo "Done."
+        ;;
+  'start-liquidsoap')
+           echo -n "Starting Liquidsoap: "
+           liquidsoap_start
+           echo "Done."
+        ;;
   'restart-liquidsoap')
            # restart commands here
            echo -n "Restarting Liquidsoap: "
-           liquidsoap_stop
-           liquidsoap_start
+           stop-liquidsoap
+           start-liquidsoap
            echo "Done."
         ;;
   *)      # no parameter specified
diff --git a/python_apps/pypo/install/pypo-install.py b/python_apps/pypo/install/pypo-install.py
index 4b7219534..ae53df546 100644
--- a/python_apps/pypo/install/pypo-install.py
+++ b/python_apps/pypo/install/pypo-install.py
@@ -109,7 +109,7 @@ try:
   os.remove(config["bin_dir"]+"/bin/liquidsoap_scripts/liquidsoap.cfg")
   
   print "Setting permissions"
-  #os.system("chmod -R 755 "+config["bin_dir"])
+  os.system("chmod 755 "+os.path.join(config["bin_dir"], "liquidsoap_scripts/notify.sh"))
   os.system("chown -R pypo:pypo "+config["bin_dir"])
   os.system("chown -R pypo:pypo "+config["cache_base_dir"])
 
diff --git a/python_apps/pypo/liquidsoap_scripts/ls_lib.liq b/python_apps/pypo/liquidsoap_scripts/ls_lib.liq
index c59a211f0..72f202b64 100644
--- a/python_apps/pypo/liquidsoap_scripts/ls_lib.liq
+++ b/python_apps/pypo/liquidsoap_scripts/ls_lib.liq
@@ -1,6 +1,6 @@
 def notify(m)
+  log("/usr/lib/airtime/pypo/bin/liquidsoap_scripts/notify.sh --data='#{!pypo_data}' --media-id=#{m['schedule_table_id']}")
   system("/usr/lib/airtime/pypo/bin/liquidsoap_scripts/notify.sh --data='#{!pypo_data}' --media-id=#{m['schedule_table_id']}")
-  print("/usr/lib/airtime/pypo/bin/liquidsoap_scripts/notify.sh --data='#{!pypo_data}' --media-id=#{m['schedule_table_id']}")
 end
 
 # A function applied to each metadata chunk
@@ -45,7 +45,6 @@ def output_to(output_type, type, bitrate, host, port, pass, mount_point, url, de
         end
         output = output.icecast(host = host,
                     port = port,
-                    encoding = "UTF-8",
                     password = pass,
                     mount = mount_point,
                     fallible = true,
diff --git a/python_apps/pypo/liquidsoap_scripts/notify.sh b/python_apps/pypo/liquidsoap_scripts/notify.sh
index 0f1cc73e9..51563c124 100755
--- a/python_apps/pypo/liquidsoap_scripts/notify.sh
+++ b/python_apps/pypo/liquidsoap_scripts/notify.sh
@@ -10,4 +10,4 @@ SCRIPT=`readlink -f $0`
 # Absolute path this script is in
 SCRIPTPATH=`dirname $SCRIPT`
 
-cd ${SCRIPTPATH}/../ && ./pypo-notify.py $1 $2 $3 $4 $5 $6 $7 $8 &
+cd ${SCRIPTPATH}/../ && python pypo-notify.py $1 $2 $3 $4 $5 $6 $7 $8 &