From 1fdb3cf163b13ea01df508bae58ad2b5bf77cc05 Mon Sep 17 00:00:00 2001
From: Naomi Aro <naomiaro@gmail.com>
Date: Thu, 22 Mar 2012 18:04:22 +0100
Subject: [PATCH] CC-3360 : Timeline Css

adding Css to timeline.
---
 airtime_mvc/application/forms/ShowBuilder.php |    4 +-
 .../application/layouts/scripts/builder.phtml |    4 +-
 airtime_mvc/application/models/Schedule.php   |    2 +-
 .../application/models/ShowBuilder.php        |   94 +-
 .../views/scripts/form/showbuilder.phtml      |   23 +-
 .../scripts/showbuilder/builderDialog.phtml   |    4 +-
 .../public/css/images/filetype_icons.png      |  Bin 0 -> 3436 bytes
 .../public/css/images/round_delete.png        |  Bin 0 -> 1442 bytes
 airtime_mvc/public/css/images/tl-arrow.png    |  Bin 1019 -> 2837 bytes
 .../public/css/images/warning-icon.png        |  Bin 1027 -> 0 bytes
 airtime_mvc/public/css/media_library.css      |   29 +-
 airtime_mvc/public/css/playlist_builder.css   |    5 +-
 airtime_mvc/public/css/showbuilder.css        |  280 +-
 airtime_mvc/public/css/styles.css             | 5345 +++++++++--------
 .../public/js/airtime/schedule/schedule.js    |   12 +-
 .../public/js/airtime/showbuilder/builder.js  |   76 +-
 .../js/airtime/showbuilder/main_builder.js    |  136 +-
 17 files changed, 3182 insertions(+), 2832 deletions(-)
 create mode 100644 airtime_mvc/public/css/images/filetype_icons.png
 create mode 100644 airtime_mvc/public/css/images/round_delete.png
 delete mode 100644 airtime_mvc/public/css/images/warning-icon.png

diff --git a/airtime_mvc/application/forms/ShowBuilder.php b/airtime_mvc/application/forms/ShowBuilder.php
index 0865a51a2..cc1a7c01c 100644
--- a/airtime_mvc/application/forms/ShowBuilder.php
+++ b/airtime_mvc/application/forms/ShowBuilder.php
@@ -76,7 +76,7 @@ class Application_Form_ShowBuilder extends Zend_Form_SubForm
 
         // add a select to choose a show.
         $showSelect = new Zend_Form_Element_Select("sb_show_filter");
-        $showSelect->setLabel("Filter By Show:");
+        $showSelect->setLabel("Show:");
         $showSelect->setMultiOptions($this->getShowNames());
         $showSelect->setValue(null);
         $showSelect->setDecorators(array('ViewHelper'));
@@ -84,7 +84,7 @@ class Application_Form_ShowBuilder extends Zend_Form_SubForm
 
         if ($user->getType() === 'H') {
             $myShows = new Zend_Form_Element_Checkbox('sb_my_shows');
-            $myShows->setLabel('All My Shows')
+            $myShows->setLabel('All My Shows:')
                     ->setDecorators(array('ViewHelper'));
             $this->addElement($myShows);
         }
diff --git a/airtime_mvc/application/layouts/scripts/builder.phtml b/airtime_mvc/application/layouts/scripts/builder.phtml
index 02a9b8253..d3259ab62 100644
--- a/airtime_mvc/application/layouts/scripts/builder.phtml
+++ b/airtime_mvc/application/layouts/scripts/builder.phtml
@@ -25,8 +25,8 @@
 </div>
 
 <div class="wrapper">
-	<div id="library_content" class="tabs ui-widget ui-widget-content block-shadow alpha-block padded" style="display:none"><?php echo $this->layout()->library ?></div>
-	<div id="show_builder" class="ui-widget ui-widget-content block-shadow omega-block padded"><?php echo $this->layout()->builder ?></div>
+	<div id="library_content" class="lib-content tabs ui-widget ui-widget-content block-shadow alpha-block padded" style="display:none"><?php echo $this->layout()->library ?></div>
+	<div id="show_builder" class="sb-content ui-widget ui-widget-content block-shadow omega-block padded"><?php echo $this->layout()->builder ?></div>
 </div>
 
 <?php echo $this->layout()->dialog ?>
diff --git a/airtime_mvc/application/models/Schedule.php b/airtime_mvc/application/models/Schedule.php
index 204d5d983..9c47cea6d 100644
--- a/airtime_mvc/application/models/Schedule.php
+++ b/airtime_mvc/application/models/Schedule.php
@@ -358,7 +358,7 @@ class Application_Model_Schedule {
         $sql = "SELECT DISTINCT
 
         showt.name AS show_name, showt.color AS show_color,
-        showt.background_color AS show_background_colour, showt.id AS show_id,
+        showt.background_color AS show_background_color, showt.id AS show_id,
 
         si.starts AS si_starts, si.ends AS si_ends, si.time_filled AS si_time_filled,
         si.record AS si_record, si.rebroadcast AS si_rebroadcast, si.id AS si_id, si.last_scheduled AS si_last_scheduled,
diff --git a/airtime_mvc/application/models/ShowBuilder.php b/airtime_mvc/application/models/ShowBuilder.php
index 7eab349a0..b6343a433 100644
--- a/airtime_mvc/application/models/ShowBuilder.php
+++ b/airtime_mvc/application/models/ShowBuilder.php
@@ -17,9 +17,7 @@ class Application_Model_ShowBuilder {
 
     private $contentDT;
     private $epoch_now;
-    
-    private $hasCurrent;
-
+   
     private $defaultRowArray = array(
         "header" => false,
         "footer" => false,
@@ -38,7 +36,8 @@ class Application_Model_ShowBuilder {
         "cueout" => "",
         "fadein" => "",
         "fadeout" => "",
-        "current" => false,
+        "color" => "", //in hex without the '#' sign.
+        "backgroundColor"=> "", //in hex without the '#' sign.
     );
 
     /*
@@ -53,8 +52,6 @@ class Application_Model_ShowBuilder {
         $this->user = Application_Model_User::GetCurrentUser();
         $this->opts = $p_opts;
         $this->epoch_now = time();
-        
-        $this->hasCurrent = false;
     }
 
     //check to see if this row should be editable.
@@ -77,6 +74,23 @@ class Application_Model_ShowBuilder {
             $row["allowed"] = true;
         }
     }
+    
+    private function getItemColor($p_item, &$row) {
+        $defaultColor = "ffffff";
+        $defaultBackground = "3366cc";
+        
+        $color = $p_item["show_color"];
+        if ($color === '') {
+            $color = $defaultColor;
+        }
+        $backgroundColor = $p_item["show_background_color"];
+        if ($backgroundColor === '') {
+            $backgroundColor = $defaultBackground;
+        }
+        
+        $row["color"] = $color;
+        $row["backgroundColor"] = $backgroundColor;
+    }
 
     //information about whether a track is inside|boundary|outside a show.
     private function getItemStatus($p_item, &$row) {
@@ -95,29 +109,59 @@ class Application_Model_ShowBuilder {
         }
         $row["timestamp"] = $ts;
     }
-
-    private function isCurrent($p_epochItemStart, $p_epochItemEnd, &$row) {
-
-        if ($this->epoch_now >= $p_epochItemStart && $this->epoch_now < $p_epochItemEnd) {
-            $row["current"] = true;
-            //how many seconds the view should wait to redraw itself.
-            $row["refresh"] = $p_epochItemEnd - $this->epoch_now;
-            
-            $this->hasCurrent = true;
+    
+    /*
+     * marks a row's status.
+     * 0 = past
+     * 1 = current
+     * 2 = future
+     */
+    private function getScheduledStatus($p_epochItemStart, $p_epochItemEnd, &$row) {
+        
+        if ($row["footer"] === true && $this->epoch_now > $p_epochItemStart && $this->epoch_now > $p_epochItemEnd) {
+            $row["scheduled"] = 0;
         }
+        else if ($row["footer"] === true && $this->epoch_now < $p_epochItemEnd) {
+            $row["scheduled"] = 2;
+        }
+        else if ($row["header"] === true && $this->epoch_now > $p_epochItemStart) {
+            $row["scheduled"] = 0;
+        }
+        else if ($row["header"] === true && $this->epoch_now < $p_epochItemEnd) {
+            $row["scheduled"] = 2;
+        }
+        
+        //item is in the past.
+        else if ($this->epoch_now > $p_epochItemEnd) {
+            $row["scheduled"] = 0;
+        }
+        
+        //item is the currently scheduled item.
+        else if ($this->epoch_now >= $p_epochItemStart && $this->epoch_now < $p_epochItemEnd) {
+            $row["scheduled"] = 1;
+            //how many seconds the view should wait to redraw itself.
+            $row["refresh"] = $p_epochItemEnd - $this->epoch_now;
+        }
+        
+        //item is in the future.
+        else if ($this->epoch_now < $p_epochItemStart) {
+            $row["scheduled"] = 2;
+        }
     }
 
     private function makeHeaderRow($p_item) {
 
         $row = $this->defaultRowArray;
         $this->isAllowed($p_item, $row);
-        Logging::log("making header for show id ".$p_item["show_id"]);
         $this->getRowTimestamp($p_item, $row);
+        $this->getItemColor($p_item, &$row);
 
         $showStartDT = new DateTime($p_item["si_starts"], new DateTimeZone("UTC"));
         $showStartDT->setTimezone(new DateTimeZone($this->timezone));
+        $startsEpoch = intval($showStartDT->format("U"));
         $showEndDT = new DateTime($p_item["si_ends"], new DateTimeZone("UTC"));
         $showEndDT->setTimezone(new DateTimeZone($this->timezone));
+        $endsEpoch = intval($showEndDT->format("U"));
 
         $row["header"] = true;
         $row["starts"] = $showStartDT->format("Y-m-d H:i");
@@ -127,6 +171,8 @@ class Application_Model_ShowBuilder {
         $row["title"] = $p_item["show_name"];
         $row["instance"] = intval($p_item["si_id"]);
         $row["image"] = '';
+        
+        $this->getScheduledStatus($startsEpoch, $endsEpoch, $row);
 
         $this->contentDT = $showStartDT;
 
@@ -136,6 +182,7 @@ class Application_Model_ShowBuilder {
     private function makeScheduledItemRow($p_item) {
         $row = $this->defaultRowArray;
 
+        $this->getItemColor($p_item, &$row);
         $this->getRowTimestamp($p_item, $row);
         $this->isAllowed($p_item, $row);
 
@@ -154,7 +201,7 @@ class Application_Model_ShowBuilder {
             $showEndEpoch = intval($showEndDT->format("U"));
 
             //don't want an overbooked item to stay marked as current.
-            $this->isCurrent($startsEpoch, min($endsEpoch, $showEndEpoch), $row);
+            $this->getScheduledStatus($startsEpoch, min($endsEpoch, $showEndEpoch), $row);
 
             $row["id"] = intval($p_item["sched_id"]);
             $row["image"] = '<img src="/css/images/icon_audioclip.png">';
@@ -208,6 +255,16 @@ class Application_Model_ShowBuilder {
         $timeFilled = new TimeFilledFormatter($runtime);
         $row["fRuntime"] = $timeFilled->format();
         $row["image"] = '';
+        
+        $showStartDT = new DateTime($p_item["si_starts"], new DateTimeZone("UTC"));
+        $showStartDT->setTimezone(new DateTimeZone($this->timezone));
+        $startsEpoch = intval($showStartDT->format("U"));
+        $showEndDT = new DateTime($p_item["si_ends"], new DateTimeZone("UTC"));
+        $showEndDT->setTimezone(new DateTimeZone($this->timezone));
+        $endsEpoch = intval($showEndDT->format("U"));
+        
+        $this->getScheduledStatus($startsEpoch, $endsEpoch, $row);
+        
         return $row;
     }
 
@@ -298,9 +355,6 @@ class Application_Model_ShowBuilder {
             $display_items[] = $this->makeFooterRow($scheduled_items[count($scheduled_items)-1]);
         }
         
-        if (!$this->hasCurrent) {
-        }
-
         return $display_items;
     }
 }
\ No newline at end of file
diff --git a/airtime_mvc/application/views/scripts/form/showbuilder.phtml b/airtime_mvc/application/views/scripts/form/showbuilder.phtml
index e2b67262e..0ca74959d 100644
--- a/airtime_mvc/application/views/scripts/form/showbuilder.phtml
+++ b/airtime_mvc/application/views/scripts/form/showbuilder.phtml
@@ -8,11 +8,20 @@
     <input type="button" id="sb_edit" class="ui-button ui-state-default sb-edit" value="Add Files"></input>
 </div>
 <div class="sb-advanced-options">
-    <label><?php echo $this->element->getElement('sb_show_filter')->getLabel() ?></label>
-    <?php echo $this->element->getElement('sb_show_filter') ?>
-
-    <?php if ($this->element->getElement('sb_my_shows')):?>
-    <label><?php echo $this->element->getElement('sb_my_shows')->getLabel(); ?></label>
-    <?php echo $this->element->getElement('sb_my_shows'); ?>
-    <?php endif;?>
+    <fieldset class="padded display_field toggle push-down-8 closed">
+        <legend style="cursor: pointer;">
+        	<span class="ui-icon ui-icon-triangle-2-n-s"></span>
+        Filter By Show:
+        </legend>
+        
+        <div class="sb-options-form">
+            <label><?php echo $this->element->getElement('sb_show_filter')->getLabel() ?></label>
+            <?php echo $this->element->getElement('sb_show_filter') ?>
+        
+            <?php if ($this->element->getElement('sb_my_shows')):?>
+            <label><?php echo $this->element->getElement('sb_my_shows')->getLabel(); ?></label>
+            <?php echo $this->element->getElement('sb_my_shows'); ?>
+            <?php endif;?>
+        </div>
+    </fieldset>   
 </div>
\ No newline at end of file
diff --git a/airtime_mvc/application/views/scripts/showbuilder/builderDialog.phtml b/airtime_mvc/application/views/scripts/showbuilder/builderDialog.phtml
index 8c8bee2b5..24dc20323 100644
--- a/airtime_mvc/application/views/scripts/showbuilder/builderDialog.phtml
+++ b/airtime_mvc/application/views/scripts/showbuilder/builderDialog.phtml
@@ -1,9 +1,9 @@
 <div class="wrapper">
-    <div id="library_content" class="tabs ui-widget ui-widget-content block-shadow alpha-block padded">
+    <div id="library_content" class="lib-content tabs ui-widget ui-widget-content block-shadow alpha-block padded">
         <div id="import_status" style="display:none">File import in progress...</div>
         <table id="library_display" cellpadding="0" cellspacing="0" class="datatable"></table>
     </div>
-    <div id="show_builder" class="ui-widget ui-widget-content block-shadow omega-block padded">
+    <div id="show_builder" class="sb-content ui-widget ui-widget-content block-shadow omega-block padded">
         <table id="show_builder_table" cellpadding="0" cellspacing="0" class="datatable"></table>
     </div>
 </div>
\ No newline at end of file
diff --git a/airtime_mvc/public/css/images/filetype_icons.png b/airtime_mvc/public/css/images/filetype_icons.png
new file mode 100644
index 0000000000000000000000000000000000000000..4f646c2331b901967c7f1b9af913fdd1c5634880
GIT binary patch
literal 3436
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
O0000<MNUMnLSTY85o139

literal 0
HcmV?d00001

diff --git a/airtime_mvc/public/css/images/round_delete.png b/airtime_mvc/public/css/images/round_delete.png
new file mode 100644
index 0000000000000000000000000000000000000000..1102dce2fdadf5f27fce2e8fc5fb2c878ec622db
GIT binary patch
literal 1442
zcmeAS@N?(olHy`uVBq!ia0vp^LO^WB!3HExeLh(Zq$EpRBT9nv(@M${i&7aJQ}UBi
z6+Ckj(^G>|6H_V+Po~;1Ffc1*hD4M^`1)8S=jZArg4F0$<Q4#RGcefLR}>^BXQ!4Z
zB&DWj=GiK}-@RW+Av48RDcsc8z_-9TH6zobswg$M$}c3jDm&RSMakYy!KT6rXh3di
zNuokUZcbjYRfVk**jy_h8zii+qySb@l5ML5aa4qFfP!;=QL2Keo`G(%fti7VnW3Jc
zv5C34xsHO7fuVuEfswwUk*=Y+m9dePfq?=PC;@FNN=dT{a&d#&1?1T(Wt5Z@Sn2DR
zmzV368|&p4rRy77T3Uk4Ff!5ws?aU2%qvN((9J7WhMC}!TAW;zSx}OhpQivaF)=B>
zw8T~k=u(Imatq+b<`qMO2^e7d6^RA<hI$4dFToW0`r=obn+sQ6ToROua4%Mai$f|4
zQuTvUi}Op1l7SJIrVO&Gz{<HOHL)bWC?r2W2NsF}8Tlpo#Toep3eLf%3gMY~Df#8a
zVAa09R-SpqC5d^-sh%#jN<jU3nVBh81}<h`WNu_>YG~+cXklV#>Eh~S>SAPO>}2R_
z3DfJ6pIn-onpXnTn}X2mic>ErA><YSZFWg5$}CGwaVyHtRRDX~DigO`oN$^4)tiFb
zEzUUg>H{644~kZ#Xod*^(+-FUPqaV|JlUt_0n>UBFi~sk9zDUpz$D@6;uunK>rL23
zKPE?kyV02{ZO8ngGBq?zVsdmeUTE}oDjw^*5%_~qY+90I>qg@?E@@$F?qA9gg2@L0
zqHfMH-13~~+@pK<?iJ4I7S*r3lluIbq493x$kh=#My#0$tPxDN4&+AFGg}?d`ygmB
zajuT*3Z6BL{1GPa8qE)=Z`?5LY}(P^f**u-oPVawe}}n_fqhfJOqU`ZJF`aC2igT^
zR;q1fb!91fGW%IbM7-~-uU5q}>JM78GlCoTiTdq+?7TH<uH`AEO}>truF-Frb8j2F
zn=)<5OnCfl_lHRrBLiJrF63>G+<cQ~^;Pxswg$nk4|gusUen>S&etRByvCKL>A`b5
z-mHk8TyS<}d5u8e3BE_MH$+Mdm24(#H~gi&>b;*usiD~ejm8rlHR_A5AG^}P`fA}0
zrRN9OxBh0o((wAq-OrbH3MlQWoKmr2Y1Ll2Xtn~q(uR97WiO(23!M0pJ2?1GstcS{
zQrZ*|sh6kT*fB>fYlHLE8yO}xExY<0X1np2MtDD05ZJ1=ap~L%(^5Cie=ph0!DM!~
z<%qnwPW{9r7q2Eg^Gc52yXq$@PgLgaT#>)#hTHc0HyTZ@DY?!5c0Spq+(+2g<J`2C
zt1Ug&isi=h%J+!o2u3*1UgxTlWpRHin@rvL<9DlH%&J+tF@uFgFY3_8S5LEl*__UA
z>GaW$x+pv;sK?{vpB9s8vo<D4-~M;C<<D`>pSlMaEH(vRO`5Kk2`V)`UHx3vIVCg!
E0KNwf1ONa4

literal 0
HcmV?d00001

diff --git a/airtime_mvc/public/css/images/tl-arrow.png b/airtime_mvc/public/css/images/tl-arrow.png
index a7ce13702c66e693e110829b4bae73e369228001..9348db8098e2701ebf3e5efb543bbd2641f6d560 100644
GIT binary patch
literal 2837
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

literal 1019
zcmaJ=OK1~87~WR!5n61aE%k92wo)rJ`${$;OV>8dCN|J5B@HxqF`L~<v$VUj-JP0k
z@lZSndJwD%_2$ikARbf@529#MsW-u*7olD}i3g!xtg~s7dN3}`&V%p!{_p?ipR3bT
z=Q=~jLli}IW+#*!nU9dsfA}Ez51shPkm(ps7w`-!<ErLDDruk+1X)X)gE^=f%ZqQ}
z2t^$LX1;(6>ZGJ2i_roM<6914Q`E?)?`Zlw#GnM{Ok1YEKYLCC(~#*|QRP%81uN#n
ziVJ5}rt<pAyq+-V(X(L0mxzD`u?Bo=!S*Cyrfa$qSqH}~4QdcPFVlOb3hFdSAr}IX
z;ler><3NmO_((J!j}HTZ<2jZSSY8P8aVa8590%$jO`^F*S;{GydMvV&=?cb<#In_D
zm8nJ;<j%2tB9RC*1R+ciVQ<;Snjf~kfrf$tJ>4}OY$6*3idqRRVVNdQ_foK&rmXGN
z%R~ys`kKS?3>T!-0IKT$p_bJ|dpHO8{r*$f%P%{S%|Q<>xjMPH@<0&Eky0+yFmm$<
zEi|e)T|pRm736@_j0k2;+dx&XhE`Q6YkOF;b(mFTn(!IZG^9*~6U0nX5fxG3`81zQ
z#^R|=LP;lMVv>tS8e9eGOBS?ogKO+_(=E9{BUlcJtU%Yi2#t)3EKo~WGFy8YZ>d-3
z8m+ygT5?%ph7GRuuWN1`k=_ZG&88)rX4^xX^twx$`UAZ4ggl7Ftdh+8pGr|t{0WQ2
zt<BX#T-%R9@cZbi_d7i=#yXkTlZ9w$sQhxfXT5ac(zWxe>)l_^^qpLL{HA?)=hThf
zU)`b88@s!^k*@a14uyJ1Z(Ip?;78ZHicjBdN?U88?cTw@aqUaI|7K`xwT-&{dEox7
SyZ62Y&oP^xQXY&KFaH73WkenT

diff --git a/airtime_mvc/public/css/images/warning-icon.png b/airtime_mvc/public/css/images/warning-icon.png
deleted file mode 100644
index a5419f5c1fac9c3bc882d11858fe2f09fd4ac53c..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1027
zcmV+e1pNDnP)<h;3K|Lk000e1NJLTq000;O000;W1^@s6;CDUv000BZNkl<Zc-pO%
zZERCz6vzM1)7^X9wUib{k&Q*E8FQ1lxL}M(!d$Y1_yIM_3<NQ1Ml><9p<iG&fY~G=
z;M)@U;9G<U8WIt|88^WQ_!6@?!;3OA5hTQ|?dZC;_uk%nAJ4trM#nm~0Z-EAKKD82
z{LcTJ^Rx^zT)iK<d3D(T0l++iv5{v=*QU&w__3J+GT$tClzU2#0)koE;5tv^mBY6U
zaPgo|SrA&-!_@vN+6v(bU(iy~n!uVw`j!FjzR1}NYZkV0k=ZS@s|<pi6u%IzIXk}n
zX`tiromp{9faqag$n6cB6UocLzE8u@V=gS+^bh1kB}qdYSr&LAap|T3M<WueUtY40
z>Ct9&pqTaSDyI4fR6Uo)yxN2%<j|q>f5$gI(4vZ)0>nP|))h(0k3x$Vsj)fi7Y6`T
zZO9^Ye_SvnXql$DYF^XusaXSl-7B+jxxb6Ducx3aoATm^9XUW<a~8qMt6;XbQu1?r
zD7o_PO`16?z`z0TS`PCNvs7jStgMV<+k-F-11nl|_)3!wKyXD^On&~e?$rL)Pb@Jb
z!1>N1PjIes8rjrcV$?>M9N%?>pr>^-Y*nH7)6R*_faJZRYkGBAb9Q)Iz&p=^J-t$C
zW5U=8nB(Vy3UK`GJCIHoSREM#m-JkToG9E9Ox}I!tk(AATSD9raN#|a%Mw2gSU$?_
z8i3qRejGx22x#0gNHIlz6xwjrG_Bh5m+{w>fUjD>>cZGhnXRJ(o_}To2KyF4&$v)l
z^DhA=<Ym(sb>PUQD4u%w4Tyq({=Hb?;`n|vILr68_XH8nO=cLY|Me8hw6Hq-D!L{C
zPHY1&4dNs@KRC&eJWT`WI-o#HaWrgD;R}dsJ;+Z);P(*~%WEPq#sRI3U@tv_jg<XI
z<ixI5W&<)wAC7bi=O))TNhqsGOaeHjwuyyTzV5}oEnm=2ul=@nJN#Y+XUL(f(AYY2
zL8h1c%1HsRr1n4RfmR4G28kLbs_%&)=9v81j?J874{coeO)Kzh!^Eh{scf8dsNs>N
zZP?|!{G%Pqia0jYqlDYD3~KiKm9L{Gr=SCOx)|=mEdJr9S+;^Rq@aJSL;=olFPkPj
zgPXo2DpS(w%Z=<w!8uY8A2;cH6N?GrE2P2>W*HuIADj<0l|{pP9p1S^Q#P5hPgiWi
zMdSxN+YXmo#(d-wn>eQQ$s{Cv*(o{Gw5rL#;!3U1MROW#nuu3y&ASI<tA7uu*W;5k
xQ8JnT)-7Y0L_hSH26yok#V6AxujPW<>wh-1jVKQy6axSN002ovPDHLkV1n0m^u7Q9

diff --git a/airtime_mvc/public/css/media_library.css b/airtime_mvc/public/css/media_library.css
index f6fa6486b..2c0e956b5 100644
--- a/airtime_mvc/public/css/media_library.css
+++ b/airtime_mvc/public/css/media_library.css
@@ -9,6 +9,10 @@
     table-layout:fixed;
 }
 
+#library_display th {
+        text-align: left;
+}
+
 #library_content #library_display {
 	width:100%;
 }
@@ -89,4 +93,27 @@ td.library_bitrate {
 .library_import img {
 	vertical-align: middle;
 	padding-left: 5px;
-}
\ No newline at end of file
+}
+
+
+.file_type {
+	width:16px;
+	height:13px;
+	display:block;
+	background-image: url(images/filetype_icons.png);
+	background-repeat:no-repeat;
+	}
+	.file_type.audioclip {
+		background-position: 0 0;
+		}
+		a.file_type.audioclip:hover {
+			background-position: 0 -15px;
+			}
+	.file_type.playlist {
+		background-position: -20px 0;
+		}
+		a.file_type.playlist:hover {
+			background-position: -20px -15px;
+			}
+
+
diff --git a/airtime_mvc/public/css/playlist_builder.css b/airtime_mvc/public/css/playlist_builder.css
index 8a1e98125..9e4a88425 100644
--- a/airtime_mvc/public/css/playlist_builder.css
+++ b/airtime_mvc/public/css/playlist_builder.css
@@ -93,9 +93,6 @@
 .ui-state-active .spl_artist, .ui-state-active .spl_offset {
     color: #606060 !important;
 }
-/*#spl_editor {
-	height: 50px;
-}*/
 
 #spl_editor > div > span {
 /*	display: inline-block;
@@ -422,7 +419,7 @@
     margin: 0 0 8px 0;
     padding: 8px;
 }
-#side_playlist fieldset.closed .zend_form{
+#side_playlist fieldset.closed .zend_form {
 	display:none;
 }
 #side_playlist fieldset.closed {
diff --git a/airtime_mvc/public/css/showbuilder.css b/airtime_mvc/public/css/showbuilder.css
index 4a2a47673..2f5048d6e 100644
--- a/airtime_mvc/public/css/showbuilder.css
+++ b/airtime_mvc/public/css/showbuilder.css
@@ -1,71 +1,211 @@
-@CHARSET "UTF-8";
-
-#show_builder {
-    width:95%;
-    overflow: auto;
-}
-
-#show_builder_table th {
-	text-align: left;
-}
-
-#show_builder input.input_text {
-    width:100px;
-}
-
-table.datatable tr.cursor-selected-row td, table.datatable tr.cursor-selected-row th {
-    border-bottom: 2px solid #db0000 !important;
-}
-.innerWrapper {
-    position:relative;
-    width:100%;
-    }
-.marker {
-    position:absolute;
-    bottom:-10px;
-    left:-14px;
-    width:9px;
-    height:9px;
-    background:url(images/tl-arrow.png) no-repeat 0 0;
-    display:block;
-}
-tr.cursor-selected-row .marker {
-    background-position: 0 -15px;
-}
-
-.sb-boundry {
-    background-color:#e66a31;
-}
-
-.sb-over {
-    background-color:#ff3030;
-}
-
-.sb-now-playing {
-    background-color:#17eb25 !important;
-}
-
-.ui-dialog .wrapper {
-    margin: 0;
-    padding: 10px 0 0 0;
-    overflow: hidden;
-}
-
-.ui-dialog #library_content {
-    margin: 0 10px 10px 0;
-    overflow: auto;
-    min-height: 0;
-}
-
-.ui-dialog #show_builder {
-    margin: 0 0 10px 0;
-    overflow: auto;   
-}
-
-.ui-dialog .padded {
-    padding: 5px 10px 5px 8px;
-}
-
-.ui-dialog .ui-buttonset {
-    margin-right: 0 !important;
+@CHARSET "UTF-8";
+
+.sb-content {
+    overflow: hidden;	
+}
+
+.sb-content .dataTables_scrolling {
+    overflow: auto;
+}
+
+.sb-content .dataTables_wrapper {
+	margin-left: -16px;
+}
+
+.sb-padded {
+	/*
+	the padding is needed here so that the cursor arrows with a negative margin are displayable.
+	*/
+	padding-left: 16px;
+}
+
+.sb-content fieldset legend {
+    font-size: 13px;
+    white-space: nowrap;
+    width: 110px;
+}
+
+.sb-content fieldset label {
+    padding: 2px;
+    font-size: 12px;
+}
+
+.sb-content fieldset select {
+	margin-right: 10px;
+}
+
+.sb-content input[type="checkbox"] {
+	position: relative;
+	top: 3px;
+}
+
+.sb-content fieldset.closed {
+	border-width: 1px 0 0;
+    margin-bottom: -16px;
+    margin-left:1px;
+}
+
+.sb-content fieldset.closed .sb-options-form {
+	display: none;
+}
+
+.sb-content th {
+	text-align: left;
+}
+
+.sb-content input.input_text {
+    width:100px;
+}
+
+table.datatable tr.cursor-selected-row td, table.datatable tr.cursor-selected-row th {
+    border-bottom: 1px solid rgba(215, 0, 0, 1) !important;
+}
+.innerWrapper {
+    position:relative;
+    width:100%;
+}
+.marker {
+    background: url(images/tl-arrow.png) no-repeat scroll 3px 4px;
+    bottom: -14px;
+    display: block;
+    height: 9px;
+    left: -17px;
+    padding: 4px 0 4px 3px;
+    position: absolute;
+    width: 9px;
+    background-color: rgba(70, 70, 70, 0.35);
+    border-radius: 2px 0 0 2px;
+	cursor:pointer;
+}
+.marker:hover {
+	background-color: rgba(70, 70, 70, 0.95);
+	border-radius: 2px 0 0 2px;
+}
+tr.cursor-selected-row .marker {
+    background-color: rgba(215, 0, 0, 1);
+}
+
+.sb-content .sb-past {
+	opacity: .6;
+}
+
+.sb-boundry td.sb-image, 
+.sb-boundry td.sb-starts, 
+.sb-boundry td.sb-ends,
+.sb-boundry td.sb-length, 
+.sb-boundry td.sb-title, 
+.sb-boundry td.sb-creator, 
+.sb-boundry td.sb-album,
+.sb-boundry td.sb-cue-in, 
+.sb-boundry td.sb-cue-out, 
+.sb-boundry td.sb-fade-in, 
+.sb-boundry td.sb-fade-out {
+    background-color: rgba(230, 106, 49, 0.5);
+}
+
+.sb-over td.sb-image,
+.sb-over td.sb-starts, 
+.sb-over td.sb-ends,
+.sb-over td.sb-length, 
+.sb-over td.sb-title, 
+.sb-over td.sb-creator, 
+.sb-over td.sb-album,
+.sb-over td.sb-cue-in, 
+.sb-over td.sb-cue-out, 
+.sb-over td.sb-fade-in, 
+.sb-over td.sb-fade-out {
+    background-color: rgba(255, 0, 0, 0.5);
+}
+
+.sb-now-playing td {
+    background-color: rgba(23, 235, 37, 1) !important;
+}
+
+.sb-content.padded {
+	padding: 8px 8px 8px 16px;
+}
+
+table.datatable tr.sb-header.odd td, table.datatable tr.sb-header.even td,
+table.datatable tr.sb-header.odd:hover td, table.datatable tr.sb-header.even:hover td{
+    background: -moz-linear-gradient(top, #a4a4a4 0, #bcbcbc 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a4a4a4), color-stop(100%, #bcbcbc));
+	background: linear-gradient(top, #a4a4a4 0, #bcbcbc 100%);
+	border-top-color:#6b6a6a !important;
+}
+
+.sb-content tr:last-child td {
+	border-bottom-width: 1px !important;
+    border-bottom-color:#6b6a6a !important;	
+}
+
+.sb-content table th.ui-state-default {
+    background: -moz-linear-gradient(top, #b2b2b2 0, #a2a2a2 100%);
+	background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b2b2b2), color-stop(100%, #a2a2a2));
+	background: linear-gradient(top, #b2b2b2 0, #a2a2a2 100%);
+    border: 1px solid #8F8F8F;
+    color: #363636;
+}
+
+.sb-content input.ui-button {
+    padding: 3px 1em;
+}	
+.color-box {
+	position:absolute;
+	top:-5px;
+	bottom:-5px;
+	left:-5px;
+	width:27px;
+	background: rgba(140, 2, 140, 1);
+}
+
+.show-title, .show-time {
+	display:inline-block;
+	font-size:13px;
+}
+.show-title {
+	font-weight: bold;
+	margin: 0 8px;
+}
+.show-time {
+	font-size:12px;
+	color: #363636;
+	margin: 0 5px;
+}
+		
+.push-right {
+	float:right;
+	margin-right:5px;
+}
+
+/*
+* keep the dialog css at the bottom so it can override previous rules if needed.
+*/
+
+.ui-dialog .wrapper {
+    margin: 0;
+    padding: 10px 0 0 0;
+    overflow: hidden;
+}
+
+.ui-dialog .lib_content {
+    margin: 0 10px 10px 0;
+    overflow: auto;
+    min-height: 0;
+}
+
+.ui-dialog .sb-content {
+    margin: 0 0 10px 0;
+    overflow: auto;   
+}
+
+.ui-dialog .lib_content .padded {
+    padding: 5px 10px 5px 8px;
+}
+
+.ui-dialog .sb_content .padded {
+    padding: 5px 10px 5px 16px;
+}
+
+.ui-dialog .ui-buttonset {
+    margin-right: 0 !important;
 }
\ No newline at end of file
diff --git a/airtime_mvc/public/css/styles.css b/airtime_mvc/public/css/styles.css
index eddf3d8b1..8d0cdec92 100644
--- a/airtime_mvc/public/css/styles.css
+++ b/airtime_mvc/public/css/styles.css
@@ -1,2655 +1,2690 @@
-@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;
-}
-
-/* Version Notification Starts*/
-#version-icon {
-	position:absolute;
-	right:96px;
-	top:104px;
-	height:35px;
-	width:35px;
-	z-index:1000;
-	display:block;
-    cursor:pointer;
-    background-repeat:no-repeat;
-    background-position:center;
-}
-#version-icon.outdated {
-	background-image:url(/css/images/icon_outdated.png);
-}
-#version-icon.update2 {
-	background-image:url(/css/images/icon_update2.png);
-}
-#version-icon.update {
-	background-image:url(/css/images/icon_update.png);
-}
-#version-icon.uptodate {
-	background-image:url(/css/images/icon_uptodate.png);
-}
-
-#ui-tooltip-version a {
-    color:#ff5d1a;
-    text-decoration:none;
-}
-
-#ui-tooltip-version {
-    font-size: 14px;
-}
-/* Version Notification Ends*/
-
-/* Info Tooltip Starts */
-.info-tooltip {
-        cursor: help;
-        position: relative;
-        
-        display:inline-block; zoom:1; display:inline;
-        width:14px; height:14px;
-        background:url(/css/images/icon_info.png) 0 0 no-repeat;
-        float:right; position:relative; top:2px; right:7px;
-        line-height:16px !important;
-}
-.info-tooltip span {
-        margin-left: -9999em;
-        position: absolute;
-        padding: 1em 1em 1em 1em;
-        text-indent:0; font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important;
-        border:#505050 solid 3px;
-        background:#e6e6e6;
-        cursor:text;
-}
-.info-tooltip:hover span:before {
-        content:"";
-        position:absolute; top:22px; left:-11px;
-        width:8px; height:15px;
-        margin:-7px 0 0 0;
-        background:url(/css/images/tooltip_arrow.png) 0 0 no-repeat;
-}
-.info-tooltip:hover span {
-        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
-        position: absolute; left: 25px; top: -18px; z-index: 99;
-        margin-left: 0; width: 250px;
-}
-/* Info Tooltip Ends */
-
-/* Clearfix */
-.clearfix:after, #side_playlist li:after { content: "."; display: block;	height: 0; clear: both;  visibility: hidden;}
-.clearfix, #side_playlist li {	display: inline-block; }
-* html .clearfix, * html li { height: 1%;}
-.clearfix, #side_playlist 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, .source-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;
-}
-
-.source-info-block {
-    padding:0 14px 0 2px;
-    min-width:180px;
-}
-
-.source-info-block li {
-    list-style-type:none;
-    font-size:14px;
-    color:#bdbdbd;
-    margin:0 0 6px;
-}
-
-.source-info-block ul {
-    margin:0;
-    padding:6px 0 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, .listen-control-button {
-	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;
-	text-align:center;
-	
-}
-.listen-control-button {
-	margin-top:6px;
-}
-.listen-control-block a span, .listen-control-button 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-button span {
-	padding:2px 10px;
-}
-.listen-control-block a:hover, .listen-control-button:hover {
-	border:1px solid #000;
-}
-.listen-control-block a:hover span, .listen-control-button: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;
-}
-
-.source-switch-button {
-	font-size:11px;
-    text-transform:uppercase;
-    padding:0;
-    border:1px solid #242424;
-    color:#fff;
-    text-decoration:none;
-    font-weight:bold;
-    display:block;
-    text-align:center;
-    width: 40px;
-    float: right;
-}
-
-.source-switch-button 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));
-    border:1px solid #a1a1a1;
-    border-width:1px 0;
-    border-bottom-color:#646464;
-    color:#dcdcdc;
-    text-shadow: #555555 0px -1px;
-    display:block;
-}
-
-.source-switch-button:hover {
-    border:1px solid #000;
-}
-
-.source-switch-button: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;
-}
-
-.source-kick-button {
-    border:1px solid #242424;
-    color:#fff;
-    min-height:14px;
-    min-width:14px;
-    background-color:#464646;
-    margin-right: 2px;
-    float: left;
-}
-
-.source-kick-button:hover{
-	cursor:pointer;
-	background-color:#FFFFFF;
-}
-
-.line-to-switch {
-	float: right;
-	width: 10px;
-	height:6px;
-    border:1px solid #242424;
-    border-width:1px 1px 0 1px;
-    margin-left: 5px;
-}
-
-.line-to-switch.off{
-	background:#FFFFFF
-}
-
-.line-to-switch.on{
-    background:#D40000
-}
-
-.line-to-on-air {
-    float: right;
-    height:6px;
-    border:1px solid #242424;
-    border-width:1px 1px 0 1px;
-    width: 10px;
-}
-
-.line-to-on-air.off{
-    background:#FFFFFF
-}
-
-.line-to-on-air.on{
-    background:#D40000
-}
-
-/* END Master Panel */
-
-
-.wrapper {
-	margin: 0 20px 0 20px;
-	padding:10px 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 th {
-    text-align: left;
-}
-
-.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 .show-builder-placeholder {
-	height: 30px;
-}
-
-.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_scrolling {
-    overflow: auto;
-}
-
-.dataTables_scrolling table{
-    border-width: 0px 1px 0 1px;
-}
-
-.DataTables_sort_wrapper .ui-icon {
-    display: block;
-    float: left;
-	margin: 0 3px 0 -2px;
-}
-.dataTables_type {
-    float:right;
-    margin:0 8px 0 0;
-    
-}
-
-.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:0 0 0 8px;
-}
-.dataTables_filter .auto-search {
-	width:55%;
-}
-.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 {
-	float: left;
-	padding: 8px 0 0 8px;
-	font-size:12px;
-	color:#555555;
-	font-weight:normal;
-}
-
-.dataTables_paginate {
-	float: right;
-	padding: 8px 0 8px 8px;
-	clear: left;
-}
-.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: 55%;
-    border: 1px solid #5B5B5B;
-    margin-left: -8px;
-    padding: 5px 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;
-}
-#library_display thead th, #library_display tbody td {
-    cursor: pointer;
-}
-#library_display thead th.library_checkbox,
-#library_display thead th.library_id,
-#library_display thead th.library_title {
-    cursor: default;
-}
-
-.ColVis.TableTools .ui-button {
-    height: 21px;
-}
-button.ColVis_Button.ColVis_ShowAll {
-    text-align: center;
-    margin-top: 10px;
-}
-.library_toolbar .ui-button, .ColVis.TableTools .ui-button {
-    float: right;
-    text-align:center;
-    font-size:12px;
-    font-weight:normal;
-    padding: 0.2em 1em;
-    margin: 0.5em 0.2em -0.5em 0.2em;
-}
-
-.library_length {
-    text-align: right;
-}
-
-/*----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 .liquidsoap_status{
-    width: 95%;
-}
-
-.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 {
-    float: left;
-    height: 26px;
-    margin: 0 0 20px 0;
-    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;
-	padding: 0 3px;
-}
-.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;
-}
-
-div.errors{
-	color:#902d2d;
-	font-size:11px;
-    padding:2px 4px;
-    background:#c6b4b4;
-    margin-bottom:2px;
-    border:1px solid #c83f3f;
-}
-
-.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;
-	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 {
-    width: 500px;
-}
-
-.stream-config {
-    width: 1100px;
-}
-
-.preferences .padded {
-    margin-top: 5px; /* Firefox needs this */
-}
-
-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 .display_field dd input[type="text"], .stream-config .display_field dd input[type="password"], .stream-config .display_field dd textarea {
-	min-width:99%;
-	padding: 4px 3px;
-}
-.stream-config .display_field dd textarea {
-	min-height:60px;
-}
-.simple-formblock .display_field dd {
-	min-width:68%;
-}
-
-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;}
-
-.stream-setting-content fieldset {
-    border-width: 0 1px 1px;
-}
-.stream-setting-content fieldset.display_field {
-    border: 1px solid #8F8F8F;
-    padding: 10px;
-}
-.stream-setting-content fieldset.display_field.closed {
-    border-width: 1px 0 0;
-}
-
-/*---////////////////////    STREAM SETTINGS STATUS    ////////////////////---*/
-.stream-status {
-	border: 1px solid;
-	padding:2px 10px 4px 22px;
-	margin:2px 1px 10px 0px;
-	width: auto;
-}
-dd .stream-status {
-	margin-bottom:1px;
-}
-.stream-status h3 {
-	font-size: 12px;
-	font-weight: bold;
-	line-height: 12px;
-	padding:0;
-	margin:5px 4px 2px 4px;
-}
-.stream-status p {
-	padding:0;
-	margin:2px 3px 1px 4px;
-	color:#4F4F4F;
-	font-size: 11px;
-}
-.stream-config dd.stream-status	{
-	padding:2px 10px 4px 22px;
-	margin:4px 0 10px 14px;
-	width: 65%;
-}
-.status-good {
-	background:#e3ffc9 url(images/stream_status.png) no-repeat 5px 5px;
-	border-color:#54b300;
-}
-.status-good h3 {
-	color:#54b300;
-}
-.status-error {
-	background:#ffeded url(images/stream_status.png) no-repeat 5px -128px;
-	border-color:#f90000;
-}
-.status-error h3 {
-	color:#DA0101;
-}
-.status-info {
-	background:#fff7e0 url(images/stream_status.png) no-repeat 5px -278px;
-	border-color:#f68826;
-}
-.status-info h3 {
-	color:#f1830c;
-}
-.status-disabled {
-	background:#c8ccc8 url(images/stream_status.png) no-repeat 5px -429px;
-	border-color:#7f827f;
-}
-.status-disabled h3 {
-	color:#646664;
-}
-
-.stream-setting-global dt{
-	width: 180px;
-}
-
-.stream-setting-global dd{
-    width: auto;
-}
-
-.qtip div > span {
-    padding: 5px;
-}
-	
+@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;
+}
+
+/* Version Notification Starts*/
+#version-icon {
+	position:absolute;
+	right:96px;
+	top:104px;
+	height:35px;
+	width:35px;
+	z-index:1000;
+	display:block;
+    cursor:pointer;
+    background-repeat:no-repeat;
+    background-position:center;
+}
+#version-icon.outdated {
+	background-image:url(/css/images/icon_outdated.png);
+}
+#version-icon.update2 {
+	background-image:url(/css/images/icon_update2.png);
+}
+#version-icon.update {
+	background-image:url(/css/images/icon_update.png);
+}
+#version-icon.uptodate {
+	background-image:url(/css/images/icon_uptodate.png);
+}
+
+#ui-tooltip-version a {
+    color:#ff5d1a;
+    text-decoration:none;
+}
+
+#ui-tooltip-version {
+    font-size: 14px;
+}
+/* Version Notification Ends*/
+
+/* Info Tooltip Starts */
+.info-tooltip {
+        cursor: help;
+        position: relative;
+        
+        display:inline-block; zoom:1; display:inline;
+        width:14px; height:14px;
+        background:url(/css/images/icon_info.png) 0 0 no-repeat;
+        float:right; position:relative; top:2px; right:7px;
+        line-height:16px !important;
+}
+.info-tooltip span {
+        margin-left: -9999em;
+        position: absolute;
+        padding: 1em 1em 1em 1em;
+        text-indent:0; font-family:Arial, Helvetica, sans-serif !important; font-size:13px !important;
+        border:#505050 solid 3px;
+        background:#e6e6e6;
+        cursor:text;
+}
+.info-tooltip:hover span:before {
+        content:"";
+        position:absolute; top:22px; left:-11px;
+        width:8px; height:15px;
+        margin:-7px 0 0 0;
+        background:url(/css/images/tooltip_arrow.png) 0 0 no-repeat;
+}
+.info-tooltip:hover span {
+        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
+        position: absolute; left: 25px; top: -18px; z-index: 99;
+        margin-left: 0; width: 250px;
+}
+/* Info Tooltip Ends */
+
+/* Clearfix */
+.clearfix:after, #side_playlist li:after { content: "."; display: block;	height: 0; clear: both;  visibility: hidden;}
+.clearfix, #side_playlist li {	display: inline-block; }
+* html .clearfix, * html li { height: 1%;}
+.clearfix, #side_playlist 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, .source-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;
+}
+
+.source-info-block {
+    padding:0 14px 0 2px;
+    min-width:180px;
+}
+
+.source-info-block li {
+    list-style-type:none;
+    font-size:14px;
+    color:#bdbdbd;
+    margin:0 0 6px;
+}
+
+.source-info-block ul {
+    margin:0;
+    padding:6px 0 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, .listen-control-button {
+	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;
+	text-align:center;
+	
+}
+.listen-control-button {
+	margin-top:6px;
+}
+.listen-control-block a span, .listen-control-button 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-button span {
+	padding:2px 10px;
+}
+.listen-control-block a:hover, .listen-control-button:hover {
+	border:1px solid #000;
+}
+.listen-control-block a:hover span, .listen-control-button: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;
+}
+
+.source-switch-button {
+	font-size:11px;
+    text-transform:uppercase;
+    padding:0;
+    border:1px solid #242424;
+    color:#fff;
+    text-decoration:none;
+    font-weight:bold;
+    display:block;
+    text-align:center;
+    width: 40px;
+    float: right;
+}
+
+.source-switch-button 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));
+    border:1px solid #a1a1a1;
+    border-width:1px 0;
+    border-bottom-color:#646464;
+    color:#dcdcdc;
+    text-shadow: #555555 0px -1px;
+    display:block;
+}
+
+.source-switch-button:hover {
+    border:1px solid #000;
+}
+
+.source-switch-button: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;
+}
+
+.source-kick-button {
+    border:1px solid #242424;
+    color:#fff;
+    min-height:14px;
+    min-width:14px;
+    background-color:#464646;
+    margin-right: 2px;
+    float: left;
+}
+
+.source-kick-button:hover{
+	cursor:pointer;
+	background-color:#FFFFFF;
+}
+
+.line-to-switch {
+	float: right;
+	width: 10px;
+	height:6px;
+    border:1px solid #242424;
+    border-width:1px 1px 0 1px;
+    margin-left: 5px;
+}
+
+.line-to-switch.off{
+	background:#FFFFFF
+}
+
+.line-to-switch.on{
+    background:#D40000
+}
+
+.line-to-on-air {
+    float: right;
+    height:6px;
+    border:1px solid #242424;
+    border-width:1px 1px 0 1px;
+    width: 10px;
+}
+
+.line-to-on-air.off{
+    background:#FFFFFF
+}
+
+.line-to-on-air.on{
+    background:#D40000
+}
+
+/* END Master Panel */
+
+
+.wrapper {
+	margin: 0 20px 0 20px;
+	padding:10px 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 th {
+    text-align: left;
+}
+
+.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 .show-builder-placeholder {
+	height: 30px;
+}
+
+.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_scrolling {
+    overflow: auto;
+}
+
+.dataTables_scrolling table{
+    border-width: 0px 1px 0 1px;
+}
+
+.DataTables_sort_wrapper .ui-icon {
+    display: block;
+    float: left;
+	margin: 0 3px 0 -2px;
+}
+.dataTables_type {
+    float:right;
+    margin:0 8px 0 0;
+    
+}
+
+.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:0 0 0 8px;
+}
+.dataTables_filter .auto-search {
+	width:55%;
+}
+.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 {
+	float: left;
+	padding: 8px 0 0 8px;
+	font-size:12px;
+	color:#555555;
+	font-weight:normal;
+}
+
+.dataTables_paginate {
+	float: right;
+	padding: 8px 0 8px 8px;
+	clear: left;
+}
+.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: 55%;
+    border: 1px solid #5B5B5B;
+    margin-left: -8px;
+    padding: 5px 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;
+}
+#library_display thead th, #library_display tbody td {
+    cursor: pointer;
+}
+#library_display thead th.library_checkbox,
+#library_display thead th.library_id,
+#library_display thead th.library_title {
+    cursor: default;
+}
+
+.ColVis.TableTools .ui-button {
+    height: 21px;
+}
+button.ColVis_Button.ColVis_ShowAll {
+    text-align: center;
+    margin-top: 10px;
+}
+.library_toolbar .ui-button, .ColVis.TableTools .ui-button {
+    float: right;
+    text-align:center;
+    font-size:12px;
+    font-weight:normal;
+    padding: 0.2em 1em;
+    margin: 0.5em 0.2em -0.5em 0.2em;
+}
+
+.library_length {
+    text-align: right;
+}
+
+/*----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 .liquidsoap_status{
+    width: 95%;
+}
+
+.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 {
+    float: left;
+    height: 26px;
+    margin: 0 0 20px 0;
+    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;
+	padding: 0 3px;
+}
+.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;
+}
+
+div.errors{
+	color:#902d2d;
+	font-size:11px;
+    padding:2px 4px;
+    background:#c6b4b4;
+    margin-bottom:2px;
+    border:1px solid #c83f3f;
+}
+
+.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;
+	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 {
+    width: 500px;
+}
+
+.stream-config {
+    width: 1100px;
+}
+
+.preferences .padded {
+    margin-top: 5px; /* Firefox needs this */
+}
+
+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 input[type="text"] {
+    /*width:98.5%;*/
+	min-width:152px;
+}
+.stream-config .display_field dd input[type="text"], .stream-config .display_field dd input[type="password"], .stream-config .display_field dd textarea {
+	min-width:99%;
+	padding: 4px 3px;
+}
+.stream-config .display_field dd textarea {
+	min-height:60px;
+}
+.simple-formblock .display_field dd {
+	min-width:68%;
+}
+.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;
+	list-style-type: none;
+}
+.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;}
+
+.stream-setting-content fieldset {
+    border-width: 0 1px 1px;
+}
+.stream-setting-content fieldset.display_field {
+    border: 1px solid #8F8F8F;
+    padding: 10px;
+}
+.stream-setting-content fieldset.display_field.closed {
+    border-width: 1px 0 0;
+}
+
+/*---////////////////////    STREAM SETTINGS STATUS    ////////////////////---*/
+.stream-status {
+	border: 1px solid;
+	padding:2px 10px 4px 22px;
+	margin:2px 1px 10px 0px;
+	width: auto;
+}
+dd .stream-status {
+	margin-bottom:1px;
+}
+.stream-status h3 {
+	font-size: 12px;
+	font-weight: bold;
+	line-height: 12px;
+	padding:0;
+	margin:5px 4px 2px 4px;
+}
+.stream-status p {
+	padding:0;
+	margin:2px 3px 1px 4px;
+	color:#4F4F4F;
+	font-size: 11px;
+}
+.stream-config dd.stream-status	{
+	padding:2px 10px 4px 22px;
+	margin:4px 0 10px 14px;
+	width: 65%;
+}
+.status-good {
+	background:#e3ffc9 url(images/stream_status.png) no-repeat 5px 5px;
+	border-color:#54b300;
+}
+.status-good h3 {
+	color:#54b300;
+}
+.status-error {
+	background:#ffeded url(images/stream_status.png) no-repeat 5px -128px;
+	border-color:#f90000;
+}
+.status-error h3 {
+	color:#DA0101;
+}
+.status-info {
+	background:#fff7e0 url(images/stream_status.png) no-repeat 5px -278px;
+	border-color:#f68826;
+}
+.status-info h3 {
+	color:#f1830c;
+}
+.status-disabled {
+	background:#c8ccc8 url(images/stream_status.png) no-repeat 5px -429px;
+	border-color:#7f827f;
+}
+.status-disabled h3 {
+	color:#646664;
+}
+
+.stream-setting-global dt{
+	width: 180px;
+}
+
+.stream-setting-global dd{
+    width: auto;
+}
+
+.qtip div > span {
+    padding: 5px;
+}
+	
+.pull-left {
+	float:left;
+}
+.pull-right {
+	float:right;
+}
+.push-down-8 {
+	margin-top:8px !important
+}
+.push-down-12 {
+	margin-top:12px !important
+}
+.push-down-16 {
+	margin-top:16px !important
+}
+.close-round {
+	display:block;
+	float:right;
+	height:18px;
+	width:18px;
+	background:url(images/round_delete.png) no-repeat 0 0;
+	text-indent: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+	margin: 3px 0 0 10px;
+	}
+	.close-round:hover {
+		background-position:0 -18px;
+		}
+	.close-round:active {
+		background-position:0 -36px;
+		}
\ No newline at end of file
diff --git a/airtime_mvc/public/js/airtime/schedule/schedule.js b/airtime_mvc/public/js/airtime/schedule/schedule.js
index 9fb962ba4..3b72cc2d0 100644
--- a/airtime_mvc/public/js/airtime/schedule/schedule.js
+++ b/airtime_mvc/public/js/airtime/schedule/schedule.js
@@ -104,7 +104,7 @@ function buildScheduleDialog (json) {
 		width = Math.floor(viewport.width * 0.96),
 		fnServer = AIRTIME.showbuilder.fnServerData,
 		//subtract padding in pixels
-		widgetWidth = width - 50,
+		widgetWidth = width - 60,
 		libWidth = Math.floor(widgetWidth * 0.5),
 		builderWidth = Math.floor(widgetWidth * 0.5),
 		libLength,
@@ -112,11 +112,11 @@ function buildScheduleDialog (json) {
 		libFilter;
 	
 	dialog.find("#library_content")
-		.height(height - 110)
+		.height(height - 115)
 		.width(libWidth);
 	
 	dialog.find("#show_builder")
-		.height(height - 110)
+		.height(height - 115)
 		.width(builderWidth);
 	
 	dialog.dialog({
@@ -141,9 +141,13 @@ function buildScheduleDialog (json) {
 	AIRTIME.library.libraryInit();
 	AIRTIME.showbuilder.builderDataTable();
 	
-	dialog.find(".dataTables_scrolling")
+	//set max heights of datatables.
+	dialog.find(".lib-content .dataTables_scrolling")
 		.css("max-height", height - 110 - 155);
 	
+	dialog.find(".sb-content .dataTables_scrolling")
+		.css("max-height", height - 110 - 60);
+	
 	dialog.dialog('open');
 	
 	//calculate dynamically width for the library search input.
diff --git a/airtime_mvc/public/js/airtime/showbuilder/builder.js b/airtime_mvc/public/js/airtime/showbuilder/builder.js
index b215b50d4..e6689a157 100644
--- a/airtime_mvc/public/js/airtime/showbuilder/builder.js
+++ b/airtime_mvc/public/js/airtime/showbuilder/builder.js
@@ -128,18 +128,18 @@ var AIRTIME = (function(AIRTIME){
 		
 		oTable = tableDiv.dataTable( {
 			"aoColumns": [
-		    /* checkbox */ {"mDataProp": "allowed", "sTitle": "<input type='checkbox' name='sb_cb_all'>", "sWidth": "15px", "sClass": "sb_checkbox"},
-            /* Type */ {"mDataProp": "image", "sTitle": "", "sClass": "library_image", "sWidth": "25px", "bVisible": true},
-	        /* starts */{"mDataProp": "starts", "sTitle": "Start"},
-	        /* ends */{"mDataProp": "ends", "sTitle": "End"},
-	        /* runtime */{"mDataProp": "runtime", "sTitle": "Duration", "sClass": "library_length"},
-	        /* title */{"mDataProp": "title", "sTitle": "Title"},
-	        /* creator */{"mDataProp": "creator", "sTitle": "Creator"},
-	        /* album */{"mDataProp": "album", "sTitle": "Album"},
-	        /* cue in */{"mDataProp": "cuein", "sTitle": "Cue In", "bVisible": false},
-	        /* cue out */{"mDataProp": "cueout", "sTitle": "Cue Out", "bVisible": false},
-	        /* fade in */{"mDataProp": "fadein", "sTitle": "Fade In", "bVisible": false},
-	        /* fade out */{"mDataProp": "fadeout", "sTitle": "Fade Out", "bVisible": false}
+		    /* checkbox */ {"mDataProp": "allowed", "sTitle": "<input type='checkbox' name='sb_cb_all'>", "sWidth": "15px", "sClass": "sb-checkbox"},
+            /* Type */ {"mDataProp": "image", "sTitle": "", "sClass": "library_image sb-image", "sWidth": "25px", "bVisible": true},
+	        /* starts */{"mDataProp": "starts", "sTitle": "Start", "sClass": "sb-starts"},
+	        /* ends */{"mDataProp": "ends", "sTitle": "End", "sClass": "sb-ends"},
+	        /* runtime */{"mDataProp": "runtime", "sTitle": "Duration", "sClass": "library_length sb-length"},
+	        /* title */{"mDataProp": "title", "sTitle": "Title", "sClass": "sb-title"},
+	        /* creator */{"mDataProp": "creator", "sTitle": "Creator", "sClass": "sb-creator"},
+	        /* album */{"mDataProp": "album", "sTitle": "Album", "sClass": "sb-album"},
+	        /* cue in */{"mDataProp": "cuein", "sTitle": "Cue In", "bVisible": false, "sClass": "sb-cue-in"},
+	        /* cue out */{"mDataProp": "cueout", "sTitle": "Cue Out", "bVisible": false, "sClass": "sb-cue-out"},
+	        /* fade in */{"mDataProp": "fadein", "sTitle": "Fade In", "bVisible": false, "sClass": "sb-fade-in"},
+	        /* fade out */{"mDataProp": "fadeout", "sTitle": "Fade Out", "bVisible": false, "sClass": "sb-fade-out"}
 	        ],
 	        
 	        "bJQueryUI": true,
@@ -213,10 +213,13 @@ var AIRTIME = (function(AIRTIME){
 					sSeparatorHTML,
 					fnPrepareSeparatorRow,
 					node,
-					cl="";
+					cl="",
+					//background-color to imitate calendar color.
+					r,g,b,a,
+					$nRow = $(nRow);
 				
                 //call the context menu so we can prevent the event from propagating.
-                $(nRow).find('td:not(.sb_checkbox)').click(function(e){
+                $(nRow).find('td:not(.sb-checkbox)').click(function(e){
                     
                     $(this).contextMenu({x: e.pageX, y: e.pageY});
                     
@@ -226,9 +229,12 @@ var AIRTIME = (function(AIRTIME){
 				//save some info for reordering purposes.
 				$(nRow).data({"aData": aData});
 				
-				if (aData.current === true) {
+				if (aData.scheduled === 1) {
 					$(nRow).addClass("sb-now-playing");
 				}
+				else if (aData.scheduled === 0) {
+					$(nRow).addClass("sb-past");
+				}
 				
 				if (aData.allowed !== true) {
 					$(nRow).addClass("sb-not-allowed");
@@ -266,10 +272,13 @@ var AIRTIME = (function(AIRTIME){
                 });
             
 				if (aData.header === true) {
+					node = nRow.children[0];
+					node.innerHTML = '';
 					cl = 'sb-header';
 					
-					sSeparatorHTML = '<span>'+aData.title+'</span><span>'+aData.starts+'</span><span>'+aData.ends+'</span>';
-					fnPrepareSeparatorRow(sSeparatorHTML, cl, 0);
+					sSeparatorHTML = '<span class="show-title">'+aData.title+'</span>';
+					sSeparatorHTML += '<span class="push-right"><span class="show-time">'+aData.starts+'</span>-<span class="show-time">'+aData.ends+'</span></span>';
+					fnPrepareSeparatorRow(sSeparatorHTML, cl, 1);
 				}
 				else if (aData.footer === true) {
 					node = nRow.children[0];
@@ -289,18 +298,22 @@ var AIRTIME = (function(AIRTIME){
 					fnPrepareSeparatorRow(sSeparatorHTML, cl, 1);
 				}
 				else if (aData.empty === true) {
+					node = nRow.children[0];
+					node.innerHTML = '';
 					
 					sSeparatorHTML = '<span>Show Empty</span>';
 					cl = cl + " sb-empty odd";
 					
-					fnPrepareSeparatorRow(sSeparatorHTML, cl, 0);
+					fnPrepareSeparatorRow(sSeparatorHTML, cl, 1);
 				}
 				else if (aData.record === true) {
+					node = nRow.children[0];
+					node.innerHTML = '';
 					
 					sSeparatorHTML = '<span>Recording From Line In</span>';
 					cl = cl + " sb-record odd";
 					
-					fnPrepareSeparatorRow(sSeparatorHTML, cl, 0);
+					fnPrepareSeparatorRow(sSeparatorHTML, cl, 1);
 				}
 				else {
 					
@@ -312,6 +325,27 @@ var AIRTIME = (function(AIRTIME){
 						node.innerHTML = '';
 					}
 				}
+				
+				//add the show colour to the leftmost td
+                if (aData.footer !== true) {
+                	
+                	if ($nRow.hasClass('sb-header')) {
+                		a = 1;
+                	}
+                	else if ($nRow.hasClass('odd')) {
+                		a = 0.3;
+                	}
+                	else if ($nRow.hasClass('even')) {
+                		a = 0.4;
+                	}
+                	
+                	//convert from hex to rgb.
+                	r = parseInt((aData.backgroundColor).substring(0,2), 16);
+                	g = parseInt((aData.backgroundColor).substring(2,4), 16);
+                	b = parseInt((aData.backgroundColor).substring(4,6), 16);
+                	
+                	$nRow.find('td.sb-checkbox').css('background', 'rgba('+r+', '+g+', '+b+', '+a+')');
+                }
 			},
 			"fnDrawCallback": function(oSettings, json) {
 				var wrapperDiv,
@@ -440,7 +474,7 @@ var AIRTIME = (function(AIRTIME){
 			},
 			
 	        // R = ColReorderResize, C = ColVis, T = TableTools
-	        "sDom": 'Rr<"H"CT>t',
+	        "sDom": 'Rr<"sb-padded"<"H"CT>><"dataTables_scrolling sb-padded"t>',
 	        
 	        "sAjaxDataProp": "schedule",
 			"sAjaxSource": "/showbuilder/builder-feed"	
@@ -641,7 +675,7 @@ var AIRTIME = (function(AIRTIME){
 		
 		//begin context menu initialization.
         $.contextMenu({
-            selector: '#show_builder_table td:not(.sb_checkbox)',
+            selector: '#show_builder_table td:not(.sb-checkbox)',
             trigger: "left",
             ignoreRightClick: true,
             
diff --git a/airtime_mvc/public/js/airtime/showbuilder/main_builder.js b/airtime_mvc/public/js/airtime/showbuilder/main_builder.js
index 78c6d5723..3a45e905e 100644
--- a/airtime_mvc/public/js/airtime/showbuilder/main_builder.js
+++ b/airtime_mvc/public/js/airtime/showbuilder/main_builder.js
@@ -1,23 +1,36 @@
 $(document).ready(function(){
 	
 	var viewport = AIRTIME.utilities.findViewportDimensions(),
-		lib = $("#library_content"),
-		builder = $("#show_builder"),
+		$lib = $("#library_content"),
+		$libWrapper,
+		$builder = $("#show_builder"),
 		widgetHeight = viewport.height - 185,
-		screenWidth = Math.floor(viewport.width - 110),
+		screenWidth = Math.floor(viewport.width - 120),
 		oBaseDatePickerSettings,
 		oBaseTimePickerSettings,
 		oRange,
 		dateStartId = "#sb_date_start",
 		timeStartId = "#sb_time_start",
 		dateEndId = "#sb_date_end",
-		timeEndId = "#sb_time_end";
+		timeEndId = "#sb_time_end",
+		$toggleLib = $('<input />', {
+			"class": "ui-button ui-state-default sb-edit",
+			"id": "sb_edit",
+			"type": "button",
+			"value": "Add Files"
+		}),
+		$libClose = $('<a />', {
+			"class": "close-round",
+			"href": "#",
+			"id": "sb_lib_close"
+		});
 	
 	//set the heights of the main widgets.
-	lib.height(widgetHeight);
+	$lib.height(widgetHeight);
 	
 	//builder takes all the screen on first load
-	builder.height(widgetHeight)
+	$builder
+		.height(widgetHeight)
 		.width(screenWidth);
 	
 	oBaseDatePickerSettings = {
@@ -34,12 +47,24 @@ $(document).ready(function(){
 		defaultTime: '0:00'
 	};
 	
-	builder.find(dateStartId).datepicker(oBaseDatePickerSettings);
-	builder.find(timeStartId).timepicker(oBaseTimePickerSettings);
-	builder.find(dateEndId).datepicker(oBaseDatePickerSettings);
-	builder.find(timeEndId).timepicker(oBaseTimePickerSettings);
+	$builder.find(dateStartId).datepicker(oBaseDatePickerSettings);
+	$builder.find(timeStartId).timepicker(oBaseTimePickerSettings);
+	$builder.find(dateEndId).datepicker(oBaseDatePickerSettings);
+	$builder.find(timeEndId).timepicker(oBaseTimePickerSettings);
 	
-	$("#sb_submit").click(function(ev){
+	oRange = AIRTIME.utilities.fnGetScheduleRange(dateStartId, timeStartId, dateEndId, timeEndId);	
+	AIRTIME.showbuilder.fnServerData.start = oRange.start;
+	AIRTIME.showbuilder.fnServerData.end = oRange.end;
+	
+	AIRTIME.library.libraryInit();
+	AIRTIME.showbuilder.builderDataTable();
+	
+	$libWrapper = $lib.find("#library_display_wrapper");
+	$libWrapper.prepend($libClose);
+	
+	$builder.find('.dataTables_scrolling').css("max-height", widgetHeight - 110);
+	
+	$builder.on("click", "#sb_submit", function(ev){
 		var fn,
 			oRange,
 			op,
@@ -67,44 +92,69 @@ $(document).ready(function(){
 		oTable.fnDraw();
 	});
 	
-	$("#sb_edit").click(function(ev){
-		var $button = $(this),
-			$lib = $("#library_content"),
-			$builder = $("#show_builder"),
-			schedTable = $("#show_builder_table").dataTable();
+	$builder.on("click","#sb_edit", function(ev){
+		var schedTable = $("#show_builder_table").dataTable();
 		
-		if ($button.hasClass("sb-edit")) {
-			
-			//reset timestamp to redraw the cursors.
-			AIRTIME.showbuilder.resetTimestamp();
-			
-			$lib.show();
-			$lib.width(Math.floor(screenWidth * 0.5));
-			$builder.width(Math.floor(screenWidth * 0.5));
-			
-			$button.removeClass("sb-edit");
-			$button.addClass("sb-finish-edit");
-			$button.val("Close Library");
-		}
-		else if ($button.hasClass("sb-finish-edit")) {
-			
-			$lib.hide();
-			$builder.width(screenWidth);
-			
-			$button.removeClass("sb-finish-edit");
-			$button.addClass("sb-edit");
-			$button.val("Add Files");
-		}
+		//reset timestamp to redraw the cursors.
+		AIRTIME.showbuilder.resetTimestamp();
+		
+		$lib.show()
+			.width(Math.floor(screenWidth * 0.5));
+		
+		$builder.width(Math.floor(screenWidth * 0.5))
+			.find("#sb_edit")
+				.remove()
+				.end();
 		
 		schedTable.fnDraw();	
 	});
 	
-	oRange = AIRTIME.utilities.fnGetScheduleRange(dateStartId, timeStartId, dateEndId, timeEndId);	
-	AIRTIME.showbuilder.fnServerData.start = oRange.start;
-	AIRTIME.showbuilder.fnServerData.end = oRange.end;
+	$lib.on("click", "#sb_lib_close", function(ev) {
+		var schedTable = $("#show_builder_table").dataTable();
+
+		$lib.hide();
+		$builder.width(screenWidth)
+			.find(".sb-timerange")
+				.append($toggleLib)
+				.end();
+		
+		schedTable.fnDraw();
+	});
 	
-	AIRTIME.library.libraryInit();
-	AIRTIME.showbuilder.builderDataTable();
+	$builder.find('legend').click(function(ev, item){
+		
+		$fs = $(this).parents('fieldset');
+		
+		if ($fs.hasClass("closed")) {
+    
+        	$fs.removeClass("closed");
+        	$builder.find('.dataTables_scrolling').css("max-height", widgetHeight - 150);
+        }
+        else {
+        	$fs.addClass("closed");
+        	
+        	//set defaults for the options.
+        	$fs.find('select').val(0);
+        	$fs.find('input[type="checkbox"]').attr("checked", false);
+        	$builder.find('.dataTables_scrolling').css("max-height", widgetHeight - 110);
+        }
+	});
+	
+	//set click event for all my shows checkbox.
+	$builder.on("click", "#sb_my_shows", function(ev) {
+		
+		if ($(this).is(':checked')) {
+			$(ev.delegateTarget).find('#sb_show_filter').val(0);
+		}	
+	});
+	
+	//set select event for choosing a show.
+	$builder.on("change", '#sb_show_filter', function(ev) {
+		
+		if ($(this).val() !== 0) {
+			$(ev.delegateTarget).find('#sb_my_shows').attr("checked", false);
+		}
+	});
 	
 	//check if the timeline viewed needs updating.
 	setInterval(function(){