Ticket #11506: 0001-Copied-default-skin-to-negative.patch

new file skins/negative/backend_log.css

@@ +1 @@
+#backend_logs {
+    margin:             10px auto;
+    border:             1px solid #48f;
+    border-right:       2px solid #48f;
+    border-collapse:    collapse;
+    color:              white;
+    width:              99%;
+}
+
+#backend_logs td {
+    padding:        2px;
+    border:         1px solid #48f;
+    border-right:   1px solid #04a;
+}
+#backend_logs th {
+    padding:        2px 5px;
+    border:         1px solid #48f;
+    border-right:   1px solid #04a;
+    text-align:     left;
+}
+
+#backend_logs tr.header {
+    background-color:   #134;
+    color:              #ffb;
+}
+
+#backend_logs tr.odd {
+    background-color:   #475;
+}
+
+#backend_logs tr.even {
+    background-color:   #355;
+}

new file skins/negative/header.css

@@ +1 @@
+#page_header {
+    margin: 5px;
+}
+
+#logo_box {
+}
+#mythtv_logo {
+    margin:     0px 5px;
+    padding:    5px;
+    height:     48px;
+    width:      180px;
+    float:      left;
+    text-align: center;
+}
+
+#sections {
+    white-space: nowrap;
+}
+#sections a {
+    float:              left;
+    margin:             0px 5px;
+    padding:            5px;
+    background-color:   #347;
+    border-top:         1px solid #8ad;
+    border-right:       1px solid #003;
+    border-bottom:      1px solid #000;
+    border-left:        1px solid #79c;
+    -moz-border-radius: 8px;
+    text-align:         center;
+    height:             48px;
+    width:              48px;
+}
+#sections a:hover {
+    background-color:   #458;
+}
+#sections a img {
+    border:  none;
+    display: inline !important;
+}
+
+#sections a.current_section {
+    background-color:   #164;
+    border-top:         1px solid #7b9;
+    border-right:       1px solid #030;
+    border-bottom:      1px solid #000;
+    border-left:        1px solid #6a8;
+}
+#sections a.current_section:hover {
+    background-color:   #275;
+}
+
+#tv_link {
+}
+#music_link {
+}
+#video_link {
+}
+#weather_link {
+}
+#settings_link {
+}
+
+#extra_header {
+    margin-left: 550px;
+    padding:     0px 5px;
+    height:      58px;
+}
+
+/*
+ * IE sucks:  true-height is supposed to be height+padding+margin+border, but IE
+ * doesn't add in padding, so we have to create a wrapper container and use
+ * margin instead of padding to make the "padding" that we need.
+ */
+#help_wrapper {
+    height:             21px;
+    margin-bottom:      3px;
+    background-color:   #247;
+    border-top:         1px solid #013;
+    border-right:       1px solid #79c;
+    border-bottom:      1px solid #68b;
+    border-left:        1px solid #002;
+    -moz-border-radius: 6px;
+    min-width:          225px;
+}
+#help_box {
+    margin:             4px 5px 2px 5px;
+    height:             15px;
+    overflow:           hidden;
+    white-space:        nowrap;
+}
+#search {
+    margin-top:         2px;
+    padding:            3px 5px;
+    height:             26px;
+    background-color:   #247;
+    border-top:         1px solid #013;
+    border-right:       1px solid #79c;
+    border-bottom:      1px solid #68b;
+    border-left:        1px solid #002;
+    -moz-border-radius: 8px;
+    min-width:          225px;
+    white-space:        nowrap;
+}
+#simple_search {
+    padding-top: 1px;
+}
+
+
+#search_text {
+    position:     relative;
+    top:          -1px;
+    width:        150px;
+    margin-right: 3px;
+    padding:      0px 3px;
+    font-size:    9pt;
+}
+#search_submit {
+    position:      relative;
+    top:           1px;
+    padding-left:  .5em;
+    padding-right: .5em;
+    font-size:     9pt;
+}
+

new file skins/negative/img

@@ +1 @@
+../default/img
+ No newline at end of file

new file skins/negative/menus.css

@@ +1 @@
+/* popup and menu classes */
+.popup {
+    font-size:          9pt;
+}
+
+.popup table {
+    font-size:          9pt;
+}
+
+.popup dl {
+    min-width:          40em;
+    color:              #dedede;
+    background-color:   #265990;
+    border:             2px ridge #127;
+    padding:            5px;
+}

new file skins/negative/music.css

@@ +1 @@
+mp3act {
+        padding: 22px;
+        margin:0;
+        color: #333;
+        text-align: center;
+        font: 65% Verdana, Sans-serif;
+}
+
+h2.music{
+        font-size: 100%;
+        margin:0;
+        padding: 0 0 5px 0;
+
+}
+ul.music{
+        list-style-type: none;
+}
+a.music{
+        color: blue;
+}
+
+a.music:hover{
+        /*color: #fff;
+        background: #F21518;
+        text-decoration: none;*/
+        color: #F21518;
+}
+img{
+        border: 0;
+}
+input,select{
+        border: 1px solid #ccc;
+        border-color: #aaa #ccc #ccc #aaa;
+        background: #f3f3f3;
+        color: #555;
+        font-size: 100%;
+        padding: 2px 3px;
+        vertical-align: middle;
+
+}
+input.check{
+  border:0;
+  padding:0;
+  background: transparent;
+}
+select{
+        padding: 2px 0 2px 3px;
+}
+input:focus{
+        border: 1px solid #999;
+        background: #FBF9D3;
+        color: #000;
+        border-color: #777 #bbb #bbb #777;
+}
+
+input.btn,input.redbtn{
+        background: #244A79;
+        color: #fff;
+        padding: 2px;
+        border-color: #0E2F58;
+        font: normal 10px sans-serif;
+}
+input.redbtn{
+        background: #F21518;
+}
+input.redbtn:hover{
+        background: #BE0D0F;
+}
+input.btn:hover{
+        background: #0E2F58;
+}
+
+input.btn2{
+        font-weight: bold;
+        padding: 2px;
+}
+
+input.btn2:hover{
+        background: #eee;
+        border-color: #888;
+        color: #222;
+}
+
+.left{
+        float: left;
+}
+.right{
+        float: right;
+}
+.center{
+        text-align: center;
+}
+.clear{
+  clear: both;
+}
+.error{
+        color: #E63838;
+        font-weight: bold;
+}
+p#error{
+        color: #f20000;
+        font-weight: bold;
+}
+#breadcrumb{
+        height: 14px;
+        padding:2px 0 0 0;
+}
+#breadcrumb span{
+position: relative;
+}
+#breadcrumb span:hover ul{
+        display: block;
+}
+#breadcrumb ul{
+        z-index: 5;
+        border: 1px solid #333;
+        display: none;
+        top:12px;
+        left:0;
+        position: absolute;
+        background: transparent url("./img/music/libg.png");
+        color: #fff;
+        margin:-1px 0 0 0;
+        padding:0;
+        width: 150px;
+
+}
+#breadcrumb ul#letters{
+        left: -55px;
+        width: auto;
+}
+#breadcrumb span{
+        padding: 0;
+        margin:0;
+}
+#breadcrumb ul li{
+width: 100%;
+        padding:0;
+        margin:0;
+        z-index: 6;
+}
+#breadcrumb ul li a{
+        display: block;
+        padding: 2px 4px;
+        color: #fff;
+        margin:0;
+        z-index: 5;
+        text-decoration: none;
+        font-weight: normal;
+        font-size: 90%;
+}
+
+#breadcrumb ul#letters li{
+        float: left;
+
+}
+#breadcrumb ul#letters li a{
+        float: left;
+
+}
+#breadcrumb ul li a:hover{
+        background: #FCF7A5;
+        color: #000;
+}
+#breadcrumb ul#letters li a:hover{
+        background: #FCF7A5;
+        color: #000;
+}
+#topinfo{
+
+        font-size: 90%;
+        color: #666;
+        text-align: left;
+        padding: 0 0 4px 0;
+
+}
+p.pad{
+        padding: 0px 8px;
+}
+
+#wrap{
+        /*background: #fff;
+        border: 1px solid #ccc;*/
+        text-align: left;
+        padding: 0px;
+        margin:0;
+        position: relative;
+
+        color: #333;
+}
+
+#header{
+        position: relative;
+/*      background: #0E2F58;*/
+        height: 50px;
+        color: #fff;
+        padding: 8px 0 0px 15px;
+}
+#header #controls{
+        float: right;
+        background: transparent;
+        height: 48px;
+        margin-right: 8px;
+        width: 48%;
+        font-size: 90%;
+        line-height: 1.1em;
+        color: #fff;
+}
+
+#header #controls .buttons{
+        float: left;
+        margin: 3px 5px 0 5px;
+}
+#header #controls .current{
+        float: left;
+        margin-top: 3px;
+
+}
+#header h1{
+        color: #9ABEE5;
+        padding: 0;
+        margin:0;
+        font-size: 150%;
+}
+ul#nav{
+        position: absolute;
+        bottom:0;
+        list-style-type: none;
+        margin:0;
+        padding:0;
+}
+ul#nav li{
+        float: left;
+        margin-right: 5px;
+}
+ul#nav li a{
+        display: block;
+        background: #265990; /* #244A79; */
+        padding: 4px 5px;
+        color: #dedede;
+        text-decoration: none;
+        margin:0;
+}
+ul#nav li a:hover{
+        background: #416899;
+        color: #fff;
+}
+ul#nav li a.c{
+        background: #fff;
+        color: #F48603;
+        font-weight: bold;
+}
+#loading{
+        display: none;
+        position: absolute;
+        top: 80px;
+        color: #78B855;
+        padding: 10px;
+        background: #CCFF99;
+        border: 1px solid #78B855;
+        z-index: 4;
+        left: 30%;
+}
+#loading h1{
+  font-size: 140%;
+}
+#left{
+        float: left;
+        width: 48%;
+        margin: 15px 0 25px 15px;
+}
+#right{
+        float: right;
+        width: 45%;
+        margin: 15px 15px 25px 0;
+
+}
+.box{
+        background: #E0E0E0;
+        border: 1px solid #ccc;
+        padding: 0 0 8px 0;
+        position: relative;
+}
+#box_extra{
+        display: none;
+        z-index: 2;
+        position: absolute;
+        top: 25px;
+        left:5%;
+        width: 450px;
+        height: 230px;
+        background: transparent url("./img/music/libg.png");
+        color: #fff;
+        font-size: 110%;
+        padding: 5px;
+}
+#box_extra h2{
+        font-size: 120%;
+}
+#box_extra input{
+        background: #333;
+        border-color: #999;
+        color: #fff;
+}
+
+#box_extra select{
+        background: #333;
+        border-color: #999;
+        color: #fff;
+}
+
+.box ul{
+        margin: 0 10px;
+        padding: 0px 0px;
+        background: #f3f3f3;
+        clear: both;
+}
+.box ul li{
+        padding: 2px 0 1px 4px;
+        border: 1px solid transparent;
+        border-width: 1px 0px 1px 0px;
+        position: relative;
+        background: #f3f3f3;
+}
+
+.box ul li.alt{
+        background: #DEE6EC;
+}
+.box ul li span.user{
+        float: left;
+        width: 200px;
+}
+.box ul li small{
+        color: #888;
+        letter-spacing: -1px;
+}
+
+.box ul li span.links a{
+        text-decoration: underline;
+        color: blue;
+}
+.box ul li span.links a:hover{
+        color: red;
+}
+.box ul li:hover{
+        background: #FCF7A5;
+        color: #000;
+        border-color: #999;
+}
+.box ul li.currentplay{
+        background: #96D1EF;
+        color: #000;
+        border-color: #666;
+}
+
+.box ul li p{
+        z-index:5;
+        display: none;
+        position: absolute;
+        top: 7px;
+        font-size: 90%;
+        padding: 2px;
+        right: 15px;
+        width: 145px;
+        background: transparent url("./img/music/libg.png");
+        color: #fff;
+}
+
+.box ul li:hover p{
+        display: block;
+}
+
+.box ul li a{
+        text-decoration: none;
+        color: #333;
+}
+.box ul li a:hover{
+        color: #000;
+}
+.box ul#letters{
+        height: 18px;
+        padding-left: 5px;
+}
+
+.box ul#letters li{
+        float: left;
+        padding: 2px 2px;
+        background: none;
+        border: 1px solid transparent;
+}
+
+.box ul#letters li:hover{
+        background: #FCF7A5;
+        border-color: #999;
+}
+
+.box p{
+        padding: 0 10px;
+        margin: 8px 0 4px 0;
+
+}
+.box p img{
+        display: block;
+        width: 60px;
+        float: right;
+        padding: 2px;
+        background: #f3f3f3;
+        border: 1px solid #999;
+        margin-bottom: 4px;
+}
+.box img#bigart{
+        display: none;
+        position: absolute;
+        z-index: 2;
+        background: #f3f3f3;
+        padding: 3px;
+        border: 1px solid #666;
+        top:10px;
+        right: 80px;
+}
+.box p img:hover{
+        border-color: #555;
+        cursor: pointer;
+}
+
+.box .head{
+        padding: 4px;
+        background: #ccc;
+}
+.box .head a{
+        background: #244A79;
+        color: #fff;
+        padding: 2px;
+        text-decoration: none;
+        font: normal 9px sans-serif;
+}
+.box .head a:hover{
+        background: #0E2F58;
+}
+.box .head a.red{
+        background: #F21518;
+}
+.box .head a.red:hover{
+        background: #BE0D0F;
+}
+.box .head h2{
+        font-size: 120%;
+        padding: 0;
+}
+.box h3{
+        padding: 0 0 0 0px;
+        margin: 0 10px 0 10px;
+        font-size: 120%;
+        border-bottom: 1px solid #ccc;
+}
+
+.loginbox{
+        width: 250px;
+        margin:0 auto;
+        background: #fff;
+        border: 1px solid #ccc;
+        text-align: left;
+}
+.loginbox p{
+        padding: 8px 15px;
+        margin:0;
+}
+.noborder{
+        background: transparent;
+        border:0;
+}

new file skins/negative/programming.css

@@ +1 @@
+/*
+ *
+ * The following subclasses are used for list displays that deal with tv
+ * programming.
+ *
+/*/
+
+/* some classes for various list displays */
+    .list {    background-color: #191c26 }
+    .list_separator {
+        background-color: #203670;
+        border-top:       4px;
+    }
+
+/* The category legend, and its associated popup */
+    #command_choices a {
+        white-space: nowrap;
+    }
+
+    #category_legend_popup {
+        position:         absolute;
+        visibility:       hidden;
+        top:              0px;
+        left:             0px;
+        padding:          2px;
+        white-space:      nowrap;
+    }
+    #category_legend_popup table {
+        font-size:        9pt;
+    }
+
+/* A class for the left-cleared <dl> lists used for program details popups */
+    dl.details_list {
+        font-size:  9pt;
+        margin:     .125em;
+        max-width:  41em;
+    }
+    dl.details_list dt {
+        clear:       left;
+        float:       left;
+        width:       9em;
+        padding-top: 3px;
+        text-align:  right;
+        color:       #ffe;
+        white-space: nowrap;
+    }
+    dl.details_list dd {
+        padding-top: 3px;
+        margin-left: 9.5em;
+    }
+
+/* Control the look of the text-based HDTV stamp throughout MythWeb */
+    .hdtv_icon {
+        font-size:   9pt;
+        float:       right;
+        color:       yellow;
+        display:     inline;
+        font-weight: bold;
+    }
+
+/* a class for the the cells containing recorded programs in recorded_programs.php */
+.scheduled   { background-color: #506090; }
+.conflict    { background-color: #806050; }
+.duplicate   { background-color: #304050; }
+.deactivated { background-color: #508060; }
+
+.will_record              { border: 1px solid  #00F000 !important; }
+.record_weekly            { border: 1px solid  #00F000 !important; }
+.record_timeslot          { border: 1px solid  #00F000 !important; }
+.record_once              { border: 1px solid  #00F000 !important; }
+.record_channel           { border: 1px solid  #00F000 !important; }
+.record_always            { border: 1px solid  #00F000 !important; }
+.record_conflicting       { border: 1px solid  #FF0000 !important; }
+.record_duplicate         { border: 2px dashed #90B0A0 !important; }
+.record_old_duplicate     { border: 1px dashed #90B0A0 !important; }
+.record_suppressed        { border: 2px dotted #60B0B0 !important; }
+.record_override_suppress { border: 2px dotted #D03060 !important; }
+.record_override_record   { border: 2px solid  #00FF90 !important; }
+
+
+/* There should be exactly one class in the next section corresponding to
+    each possible value of RecStatus_Types as defined in
+    includes/programs.php */
+.rec_class {
+    background:  transparent;
+    text-align:  center;
+}
+.rec_class.WillRecord     { font-weight: bold; }
+.rec_class.Recording      { font-weight: bold; }
+.Recording                { color: #00FF00; border-width: 2px }
+.WillRecord               { color: #00FF00; }
+.PreviousRecording        { color: #90B0A0; }
+.CurrentRecording         { color: #90D0A0; }
+.Repeat                   { color: #90B0A0; }
+.EarlierShowing           { color: #90FFA0; }
+.LaterShowing             { color: #90FFA0; }
+.TooManyRecordings        { color: #60B0B0; }
+.Cancelled                { color: #60B0B0; }
+.Conflicting              { color: #FF0000; }
+.LowDiskSpace             { color: #60B0B0; }
+.TunerBusy                { color: #60B0B0; }
+.ManualOverride           { color: #D03060; }
+.Overlap                  { color: #FF0000; }
+
+.cat_Action         { background-color: #906020; }
+.cat_Adult          { background-color: #702020; }
+.cat_Animals        { background-color: #609060; }
+.cat_Art_Music      { background-color: #801060; }
+.cat_Business       { background-color: #703010; }
+.cat_Children       { background-color: #B00010; }
+.cat_Comedy         { background-color: #006080; }
+.cat_Crime_Mystery  { background-color: #105050; }
+.cat_Documentary    { background-color: #504020; }
+.cat_Drama          { background-color: #400060; }
+.cat_Educational    { background-color: #606060; }
+.cat_Food           { background-color: #208040; }
+.cat_Game           { background-color: #701010; }
+.cat_Health_Medical { background-color: #806060; }
+.cat_History        { background-color: #807020; }
+.cat_HowTo          { background-color: #A0A000; }
+.cat_Horror         { background-color: #101040; }
+.cat_Misc           { background-color: #403060; }
+.cat_News           { background-color: #606040; }
+.cat_Reality        { background-color: #304040; }
+.cat_Romance        { background-color: #A02050; }
+.cat_Science_Nature { background-color: #008050; }
+.cat_SciFi_Fantasy  { background-color: #606090; }
+.cat_Shopping       { background-color: #103010; }
+.cat_Soaps          { background-color: #508080; }
+.cat_Spiritual      { background-color: #804080; }
+.cat_Sports         { background-color: #005030; }
+.cat_Talk           { background-color: #203040; }
+.cat_Travel         { background-color: #2060B0; }
+.cat_War            { background-color: #B06050; }
+.cat_Western        { background-color: #806040; }
+.cat_Unknown        { background-color: #303030; }
+
+.cat_movie          { background-color: #809090 !important; }
+.cat_series         { }
+.cat_tvshow         { }
+
+/* deprecated show categories that need to be integreted into the above list via regex, or have new categories created for them */
+.tv_Cine           { background-color: blue;            }
+.tv_Classic        { background-color: gray;            }
+.tv_Collectibles   { background-color: #708090;         }
+.tv_Magazine       { background-color: #48D1CC;         }
+.tv_Movies         { background-color: blue;            }
+.tv_Serie          { background-color: #9932CC;         }
+.tv_SHOW           { background-color: #A0522D;         }
+.tv_Tiempo         { background-color: #33ff99;         }

new file skins/negative/remote.css

@@ +1 @@
+/* @deprecated
+ * A class for the the cells containing settings in the various settings files
+/*/
+    .settings {
+        background-color: #506080;
+    }
+
+/* The main box surrounding all settings editors */
+    #remote {
+        margin-top:     1em;
+    }
+
+/* Overview of the settings */
+
+    #remote .x-overview {
+        text-align:     center;
+        width:          15em;
+    }
+    #remote .x-title {
+        margin:         .5em;
+        font-size:      125%;
+    }
+
+/* The list of modules. */
+
+    #remote .x-modules {
+        white-space:    nowrap;
+    }
+    #remote .x-modules ul {
+        margin:             1em;
+        list-style-type:    none;
+        padding:            0px;
+    }
+    #remote .x-modules li {
+    }
+    #remote .x-modules a {
+        display:            block;
+        padding:            .2em 1em;
+        background-color:   #345;
+        border:             1px dotted #9090B0;
+        margin-top:         1px;
+        margin-bottom:      11px;
+    }
+    #remote .x-modules a:hover, #remote .x-modules a.x-selected {
+        background-color:   #023;
+        margin-top:         -1px;
+        margin-bottom:      10px;
+        border-width:       2px;
+        border-color:       #abd;
+    }
+    #remote .x-modules a.x-selected {
+        border-style:       solid;
+    }
+
+/* The list of sections for the current module. Normally displayed as tabs. */
+
+    #remote .x-sections {
+        padding:        0px 1em;
+        border-bottom:  1px solid #9090B0;
+        height:         2.25em;
+        vertical-align: bottom;
+    }
+
+    #remote .x-sections ul {
+        display:        inline;
+        list-style:     none;
+        margin:         0;
+        padding:        0;
+    }
+    #remote .x-sections a {
+        float:              left;
+        color:              #ccd;
+        background-color:   #405953;
+        padding:            2px 6px;
+        margin:             3px 5px 0px 0px;
+        border:             2px solid #578;
+        border-bottom:      none;
+        white-space:        nowrap;
+        -moz-border-radius-topleft:     8px;
+        -moz-border-radius-topright:    8px;
+    }
+    #remote .x-sections a:hover, #remote .x-sections a.x-selected {
+        color:              white;
+        background-color:   #102923;
+        border-color:       #9090B0;
+    }
+    #remote .x-sections a.x-selected {
+        border-bottom:      1px solid #102923;
+        margin-bottom:      -1px;
+    }
+
+    #remote .x-sections a.active {
+        color:              white;
+        font-weight:        bold;
+        background-color:   #102923;
+        border:             2px solid #9090B0;
+        border-bottom:      1px solid #102923;
+        margin-bottom:      -1px;
+    }
+
+/* Select which host to edit the settings for. */
+
+    #remote .x-host {
+        text-align:         right;
+        border-bottom:      1px solid #9090B0;
+    }
+
+/* A notification/warning */
+
+    #remote .x-notice {
+        margin:             1em;
+        padding:            .5em;
+        text-align:         center;
+        color:              #fbb;
+        background-color:   #360000;
+        border:             1px solid #F03030;
+    }
+
+/* The content of the settings that are being edited */
+
+    #remote .x-content {
+        background-color:   #102923;
+        border:             1px solid #9090B0;
+        border-top:         none;
+        padding:            .5em;
+    }
+
+    #remote .x-content table {
+        width:              100%;
+    }
+    #remote .x-content table th, #remote .x-content table td {
+        padding:            .5em;
+    }
+
+    #remote .x-content th {
+        text-align:         right;
+        font-weight:        normal;
+        white-space:        nowrap;
+    }
+
+    #remote .x-content tr.x-sep th, #remote .x-content tr.x-sep td {
+        border-bottom:      1px solid #304943;
+    }
+
+/* Key controls */
+
+    #remote_keys table td {
+        text-align:         center;
+        padding:            2px !important;
+    }
+    #remote_keys table a {
+        display:            block;
+        min-width:          2em;
+        padding:            .25em .5em;
+        font-weight:        bold;
+        border:             1px solid #7b8;
+        background-color:   #263;
+    }
+    #remote_keys table a:hover {
+        border:             1px solid #9da;
+        background-color:   #485;
+        text-decoration:    none;
+    }
+    #remote_keys table a.pressed {
+        border:             1px solid #9da;
+        background-color:   #685;
+    }
+    #remote_keys table a.pressed:hover {
+        background-color:   #8a7;
+    }
+    #remote_keys table a.noshift {
+    }
+    #remote_keys table a.reqshift {
+    }
+    #remote_keys table a.x-hidden {
+        display:            none;
+    }
+

new file skins/negative/settings.css

@@ +1 @@
+/* @deprecated
+ * A class for the the cells containing settings in the various settings files
+/*/
+    .settings {
+        background-color: #506080;
+    }
+
+/* The main box surrounding all settings editors */
+    #settings {
+        margin-top:     1em;
+    }
+
+/* Overview of the settings */
+
+    #settings .x-overview {
+        text-align:     center;
+        width:          15em;
+    }
+    #settings .x-title {
+        margin:         .5em;
+        font-size:      125%;
+    }
+
+/* The list of modules. */
+
+    #settings .x-modules {
+        white-space:    nowrap;
+    }
+    #settings .x-modules ul {
+        margin:             1em;
+        list-style-type:    none;
+        padding:            0px;
+    }
+    #settings .x-modules li {
+    }
+    #settings .x-modules a {
+        display:            block;
+        padding:            .2em 1em;
+        background-color:   #345;
+        border:             1px dotted #9090B0;
+        margin-top:         1px;
+        margin-bottom:      11px;
+    }
+    #settings .x-modules a:hover, #settings .x-modules a.x-selected {
+        background-color:   #023;
+        margin-top:         -1px;
+        margin-bottom:      10px;
+        border-width:       2px;
+        border-color:       #abd;
+    }
+    #settings .x-modules a.x-selected {
+        border-style:       solid;
+    }
+
+/* The list of sections for the current module. Normally displayed as tabs. */
+
+    #settings .x-sections {
+        padding:        0px 1em;
+        border-bottom:  1px solid #9090B0;
+        height:         2.25em;
+        vertical-align: bottom;
+        min-width:      60%;
+    }
+
+    #settings .x-sections ul {
+        display:        inline;
+        list-style:     none;
+        margin:         0;
+        padding:        0;
+    }
+    #settings .x-sections a {
+        float:              left;
+        color:              #ccd;
+        background-color:   #405953;
+        padding:            2px 6px;
+        margin:             3px 5px 0px 0px;
+        border:             2px solid #578;
+        border-bottom:      none;
+        white-space:        nowrap;
+        -moz-border-radius-topleft:     8px;
+        -moz-border-radius-topright:    8px;
+    }
+    #settings .x-sections a:hover, #settings .x-sections a.x-selected {
+        color:              white;
+        background-color:   #102923;
+        border-color:       #9090B0;
+    }
+    #settings .x-sections a.x-selected {
+        border-bottom:      1px solid #102923;
+        margin-bottom:      -1px;
+    }
+
+    #settings .x-sections a.active {
+        color:              white;
+        font-weight:        bold;
+        background-color:   #102923;
+        border:             2px solid #9090B0;
+        border-bottom:      1px solid #102923;
+        margin-bottom:      -1px;
+    }
+
+/* Select which host to edit the settings for. */
+
+    #settings .x-host {
+        text-align:         right;
+        border-bottom:      1px solid #9090B0;
+    }
+
+/* A notification/warning */
+
+    #settings .x-notice {
+        margin:             1em;
+        padding:            .5em;
+        text-align:         center;
+        color:              #fbb;
+        background-color:   #360000;
+        border:             1px solid #F03030;
+    }
+
+/* The content of the settings that are being edited */
+
+    #settings .x-content {
+        background-color:   #102923;
+        border:             1px solid #9090B0;
+        border-top:         none;
+    }
+
+    #settings .x-content table {
+        width:              100%;
+    }
+    #settings .x-content table th, #settings .x-content table td {
+        padding:            .5em;
+    }
+
+    #settings .x-content th {
+        text-align:         right;
+        font-weight:        normal;
+        white-space:        nowrap;
+    }
+
+    #settings .x-content tr.x-sep th, #settings .x-content tr.x-sep td {
+        border-bottom:      1px solid #304943;
+    }

new file skins/negative/stats.css

@@ +1 @@
+#content_wrapper {
+    padding-left:       1em;
+    padding-right:      1em;
+    padding-bottom:     1em;
+    margin:             auto;
+}
+
+h2 {
+    text-align:         center;
+}
+
+#count_div {
+    float:              left;
+    padding-left:       5em;
+    padding-top:        1em;
+}
+#query_time_div {
+    float:              right;
+    padding-right:      5em;
+    padding-top:        1em;
+}
+
+/* The general stats box */
+#general_stats dl {
+    font-size:          9pt;
+    max-width:          35em;
+    margin:             1em auto;
+    padding:            .2em .5em .5em .5em;
+    border:             1px dotted #9090B0;
+}
+
+#general_stats dt {
+    clear:              left;
+    float:              left;
+    width:              15em;
+    padding-top:        3px;
+    text-align:         right;
+}
+
+#general_stats dd {
+    padding-top:        3px;
+    margin-left:        15.5em;
+}
+
+#stats {
+    border:             1px solid #9090B0;
+    border-collapse:    collapse;
+    margin:             auto;
+}
+
+.caption {
+    border:             1px dotted #9090B0;
+    font-weight:        bold;
+    text-align:         center;
+}
+
+.center {
+    text-align:         center;
+}
+
+#stats td {
+    border:             1px dotted #9090B0;
+    padding:            0px .5em;
+}
+
+#stats th {
+    border:             1px solid  #9090B0;
+    border-right:       1px dotted #9090B0;
+    border-left:        1px dotted #9090B0;
+    padding:            0px .5em;
+}

new file skins/negative/status.css

@@ +1 @@
+#content_wrapper {
+    margin-left: 15%;
+    margin-right: 15%;
+}
+
+h1 {
+    font-size:      28px;
+    font-weight:    900;
+    color:          #ccc;
+    letter-spacing: 0.5em;
+    margin-bottom:  30px;
+    width:          70%;
+    text-align:     center;
+}
+h2 {
+    font-size:      18px;
+    font-weight:    800;
+    color:          #7c4;
+    border:         none;
+    letter-spacing: 0.3em;
+    padding:        0px;
+    margin-bottom:  10px;
+    margin-top:     0px;
+}
+hr {
+    display:none;
+}
+div.content {
+    width:              90%;
+    border-top:         1px  solid #88a;
+    border-right:       1px  solid #88a;
+    border-bottom:      1px  solid #88a;
+    border-left:        10px solid #88a;
+    padding:            10px;
+    margin-bottom:      30px;
+    -moz-border-radius: 8px 0px 0px 8px;
+}
+div.schedule a {
+    position:        relative;
+    display:         block;
+    color:           white;
+    text-decoration: none;
+    padding:         .2em .8em;
+    border:          thin solid #668;
+    margin-right:   280px;
+    /*width:           340px;*/
+}
+div.schedule a span {
+    display:none;
+}
+div.schedule a:hover {
+    background-color: #204670;
+    border-top:       thin solid #668;
+    border-bottom:    thin solid #668;
+    border-left:      thin solid #668;
+    cursor:           default;
+}
+div.schedule a:hover span {
+    display:          block;
+    position:         absolute;
+    background-color: #204670;
+    color:            white;
+    right:            -291px;
+    margin-top:       -20px;
+    width:            280px;
+    padding:          5px;
+    border:           thin dashed #88a;
+}
+div.diskstatus {
+    /* width:  325px; */
+    height: 7em;
+    float:  left;
+}
+div.loadstatus {
+    /* width:  325px; */
+    height: 7em;
+    float:  right;
+}
+.jobfinished { color: white; }
+.jobaborted  { color: #ff2222;  }
+.joberrored  { color: #ff4444;  }
+.jobrunning  { color: #00ff00;  }
+

new file skins/negative/style.css

@@ +1 @@
+/*
+ * Global page handlers.
+/*/
+
+    html,body {
+        border:           0;
+        margin:           0;
+        padding:          0;
+        font-size:        9pt;
+        font-family:      Arial, Helvetica, sans-serif;
+        background-color: #191c26;
+        color:            #dedede;
+    }
+
+    /* For some reason, settings for the main body element doesn't always work for
+     * text inside of tables
+    /*/
+    .body {
+        font-size: 12px;
+        font-family: Arial, Helvetica, sans-serif;
+    }
+
+/*
+ * We should try to keep links and labels looking consistent across the app.
+/*/
+
+    a, a:link, .link { color: #E0E0FF; text-decoration: none; cursor: pointer;}
+    a:active  { color: #990033; text-decoration: none; }
+    a:visited { color: #E0E0FF; text-decoration: none; }
+    a:hover   { color: #F0F000; text-decoration: underline; }
+
+    label       { color: #E0E0FF; text-decoration: none; }
+    label:hover { color: #F0F000; text-decoration: underline; }
+
+/* a class for the menu across the top of the page as well as menu headers throughout the page */
+    .menu {          background-color: #265990 }
+    .menu_border_t { border-top:    2px solid #9090B0 }
+    .menu_border_b { border-bottom: 2px solid #9090B0 }
+    .menu_border_l { border-left:   2px solid #9090B0 }
+    .menu_border_r { border-right:  2px solid #9090B0 }
+
+/* a class for commands and other user input boxes */
+
+/* @deprecated old classes */
+.command { background-color: #1040A0 }
+.command_border_t { border-top:    2px solid #9090B0 }
+.command_border_b { border-bottom: 2px solid #9090B0 }
+.command_border_l { border-left:   2px solid #9090B0 }
+.command_border_r { border-right:  2px solid #9090B0 }
+.activecommand    { background-color: #108040 }
+
+/* New command classes */
+
+    /* Box to hold commands */
+    .commandbox {
+        background-color:   #102923;
+        color:              #E0E0FF;
+        border:             1px solid #9090B0;
+    }
+
+    /* Commands themselves */
+
+    .commands { /* Placeholder for handling sub-elements */ }
+
+    .commands input.x-submit {
+        border:             2px outset #7b8;
+        padding:            0 .5em;
+        height:             2em;
+        background-color:   #263;
+        color:              #E0E0FF;
+    }
+    .commands input.x-submit:hover {
+        border:             1px outset #9da;
+        background-color:   #485;
+        color:              #F0F000;
+        text-decoration:    underline;
+    }
+
+    .commands a {
+        font-weight:        bold;
+        border:             1px solid #7b8;
+        padding:            .15em .5em;
+        background-color:   #263;
+    }
+    .commands a:hover {
+        border:             1px solid #9da;
+        background-color:   #485;
+    }
+
+/*
+ * The following styles refer to forms and form elements throughout MythWeb
+/*/
+
+    /* Avoid those nasty extra linefeeds in IE </form> tags */
+    form { display: inline; }
+
+    /* A special class for submit buttons */
+    .submit {
+        border:             2px outset #7b8;
+        padding:            0 .5em;
+        background-color:   #263;
+        color:              #E0E0FF;
+        font-weight:        bold;
+        height:             2em;
+    }
+    .submit:hover {
+        border:             2px outset #9da;
+        background-color:   #485;
+        color:              #F0F000;
+        text-decoration:    underline;
+    }
+
+    /* A special class for radio buttons and check boxes because some browsers render them weirdly */
+    .radio {
+        height:             14px !important;
+        width:              14px !important;
+        color:              #002000;
+        background-color:   #C0D0C0;
+    }
+
+    /* Default styles for form fields */
+    select {
+        font-family:        Arial, Helvetica, sans-serif;
+        color:              #002000;
+        background-color:   #C0D0C0;
+        font-size:          9pt;
+    }
+
+    input {
+        padding-left:       .25em;
+        font-family:        Arial, Helvetica, sans-serif;
+        color:              #002000;
+        background-color:   #C0D0C0;
+        font-size:          9pt;
+    }
+
+    textarea {
+        font-family:        courier, courier-new;
+        color:              #002000;
+        background-color:   #C0D0C0;
+        font-size:          9pt;
+    }
+
+    /* Quantity-sized elements look better with the text centered */
+    input.quantity {
+        width:              2em !important;
+        text-align:         center;
+    }
+
+/*
+ * A special class for error stuff, so all page errors look the same.
+/*/
+
+    #error, .error {
+        color:              #F03030;
+        background-color:   #360000;
+        border-color:       #F03030;
+        border:             thin groove #F03030;
+        padding:            8px;
+    }
+
+/*
+ * The following represent some global classes to accommodate minor but
+ * oft-used manipulations like font sizes.0
+/*/
+
+    /* font size classes */
+    .tiny   { font-size: 9px; }
+    .small  { font-size: 9pt; }
+    .normal { font-size: 10pt; }
+    .large  { font-size: 12pt; }
+    .huge   { font-size: 24px; }
+
+    /* fony style classes */
+    .bold, .bold a, .bold a:link, .bold a:visited, .bold a:active, .bold a:hover {
+        font-weight: bold !important;
+    }
+    .italic, .italic a, .italic a:link, .italic a:visited, .italic a:active, .italic a:hover {
+        font-style: italic !important;
+    }
+
+    /* Handy for, well, hiding things..  Also for mouseover popup menus */
+    .hidden {
+        visibility: hidden;
+        display:    none;
+    }
+
+/*
+ * clearfix -- see http://positioniseverything.net/easyclearing.html for details on how/why this works
+/*/
+
+    .clearfix:after {
+        content:    ".";
+        display:    block;
+        height:     0;
+        clear:      both;
+        visibility: hidden;
+    }
+    .clearfix {display: inline-block;}
+    /* Hides from IE-mac \*/
+    * html .clearfix {height: 1%;}
+    .clearfix {display: block;}
+    /* End hide from IE-mac */
+
+    /* Ajax little popup request thing style */
+    #ajax_working {
+        position:           fixed;
+        background-color:   green;
+        bottom:             0px;
+        left:               1em;
+        padding:            1em;
+        width:              10em;
+        text-align:         center;
+    }
+
+    .link {
+        cursor:             pointer;
+    }
+
+/* I don't think we have a single image with a border in the default template, so disable it */
+    a img {
+        border:             0px;
+    }
+
+    .nowrap {
+        white-space:        nowrap;
+    }
+
+#feed_buttons {
+    padding-top:        1em;
+    padding-bottom:     1em;
+    padding-left:       1.35em;
+}
+
+#feed_buttons a {
+    padding-right:      1em;
+}
+
+#dialog-overlay {
+    background-color:   #506090;
+}
+
+#dialog-top {
+    background-color:   #203670;
+    border:             1px solid #203670;
+}
+
+#dialog-title {
+    color:              white;
+
+}
+
+#dialog-content {
+    background-color:   #265990;
+    text-align:         center;
+}

new file skins/negative/tv_channel.css

@@ +1 @@
+/*
+ *
+ * Styles used in /tv/list
+ *
+/*/
+
+.right_arrow {
+    float: right;
+}
+.left_arrow {
+    float: left;
+}
+
+#list_head {
+    width:              80%;
+    margin:             1em auto;
+}
+
+#x_current_time {
+    font-size:          150%;
+    margin-top:         .25em;
+    float:              left;
+}
+#x_current_time img {
+    margin-top:         -.25em;
+    float:              left;
+    margin-right:       .5em;
+    max-width:          160px;
+    max-height:         70px;
+}
+
+#x-jumpto {
+    float:              right;
+}
+#x-jumpto td {
+    padding:            .35em 1em;
+    vertical-align:     middle;
+    white-space:        nowrap;
+}
+#x-jumpto td.x-jumpto {
+    font-size:          110%;
+    font-weight:        bold;
+    border-right:       1px solid #304943;
+}
+#x-jumpto td.x-hour {
+    border-right:       1px solid #304943;
+}
+#x-jumpto td.x-hour select {
+    text-align:         right;
+}
+#x-jumpto .x-day select {
+    text-align:         center;
+}
+
+#x-jumpto a img {
+    vertical-align:     middle;
+    height:             16px;
+    width:              16px;
+    margin-top:         -2px;
+}
+#x-jumpto a {
+    height:             20px;
+    width:              20px;
+    padding:            2px;
+    border:             1px solid #7b8;
+    background-color:   #263;
+}
+#x-jumpto a:hover {
+    border:             1px solid #9da;
+    background-color:   #485;
+}

new file skins/negative/tv_detail.css

@@ +1 @@
+/*
+ * Table around all program info (left column)
+/*/
+
+#x-info {
+    float:              left;
+    padding:            0px;
+    width:              45em;
+    margin:             10px 0px 10px 10px;
+    background-color:   #101a29;
+    color:              #E0E0FF;
+    border:             1px solid #9090B0;
+}
+
+/*
+ * This div contains the program overview:
+ * channel/title/subtitle/time/description
+/*/
+
+.x-channel {
+    width:              8em;
+    padding:            0 !important;
+    vertical-align:     middle;
+    background-color:   #202a49;
+    white-space:        nowrap;
+    border-right:       1px solid #9090B0;
+    border-bottom:      1px solid #9090B0;
+}
+.x-channel img {
+    position:           relative;
+    top:                -4px;
+    vertical-align:     middle;
+    max-width:          90px;
+    max-height:         50px;
+}
+.x-channel a {
+    display:            block;
+    text-align:         center;
+    padding:            5px;
+}
+.x-channel .x-preferred {
+    margin-left:        5px;
+    font-size:          200%;
+}
+
+#x-title {
+    padding:            .2em .5em;
+    border-bottom:      1px solid #9090B0;
+}
+#x-title a {
+    font-size:      175% !important;
+    font-weight:    bold;
+}
+
+#x-time {
+    margin-top:     .2em;
+    color:          #E0E0FF;
+    white-space:    nowrap;
+}
+#x-description {
+    padding:        .5em;
+    border-bottom:  1px solid #9090B0;
+}
+#x-progflags td {
+    padding:        .5em;
+    border-bottom:  1px solid #9090B0;
+}
+#x-progflags img {
+    margin-right:   .3em;
+}
+#x-progflags a img {
+    border:         1px solid transparent;
+}
+#x-progflags a:hover img {
+    border:         1px solid #F0F000;
+}
+
+#x-status {
+    background-color:   #102923;
+}
+
+
+#x-status th {
+    vertical-align:     top;
+    font-weight:        normal;
+    text-align:         right;
+    padding:            .25em;
+    white-space:        nowrap;
+    border-top:         1px solid #9090B0;
+}
+#x-status td {
+    padding:            .25em;
+    border-top:         1px solid #9090B0;
+}
+#x-status td a {
+    float:              left;
+    margin-right:       .5em;
+    font-weight:        bold;
+    border:             1px solid #7b8;
+    padding:            .15em .5em;
+    background-color:   #263;
+}
+#x-status td a:hover {
+    border:             1px solid #9da;
+    background-color:   #485;
+}
+
+#x-info .x-extras {
+}
+#x-info .x-extras th {
+    vertical-align: top;
+    font-weight:    normal;
+    text-align:     right;
+    padding:        .25em;
+    white-space:    nowrap;
+    border-top:      1px solid #202933;
+}
+#x-info .x-extras td {
+    padding:        .25em;
+    border-top:      1px solid #202933;
+}
+
+#x-conflicts th {
+    vertical-align:     top;
+    font-weight:        normal;
+    text-align:         right;
+    white-space:        nowrap;
+    padding:            .5em .25em;
+    border-top:         1px solid #9090B0;
+}
+#x-conflicts td {
+    padding:            .25em;
+    padding-bottom:     0;
+    border-top:         1px solid #9090B0;
+}
+#x-conflicts td a {
+    display:            block;
+    padding:            .15em .25em;
+    margin-bottom:      .25em;
+}
+#x-conflicts {
+}
+
+#x-info .x-links th {
+    vertical-align:     top;
+    font-weight:        normal;
+    text-align:         right;
+    white-space:        nowrap;
+    padding:            .4em .25em;
+    border-top:         1px solid #9090B0;
+}
+#x-info .x-links td {
+    padding:            .25em;
+    padding-bottom:     0;
+    border-top:         1px solid #9090B0;
+}
+#x-info .x-links td a {
+    display:            block;
+    padding:            .15em .25em;
+    margin-bottom:      .25em;
+}
+
+#x-downloads {
+    float:              left;
+    padding:            0px;
+    min-width:          350px;
+    max-width:          500px;
+    margin:             10px 0px 10px 10px;
+    background-color:   #101a29;
+    color:              #E0E0FF;
+    border:             1px solid #9090B0;
+}
+#x-downloads img {
+    margin-right:       .3em;
+}
+#x-downloads a img {
+    border:             1px solid transparent;
+}
+#x-downloads a {
+    border:             1px solid transparent;
+}
+#x-downloads a:hover img {
+    border:             1px solid #F0F000;
+}
+#x-downloads div.x-pixmap {
+    padding:            1em 1em 0em 1em;
+    background-color:   black;
+    text-align:         center;
+}
+#x-downloads div.x-pixmap a.x-pixmap {
+    margin:             .25em auto;
+}
+
+#x-downloads div.x-links {
+    padding:            .5em;
+    background-color:   black;
+    text-align:         center;
+}
+
+#x-downloads div.x-links a {
+    position:           relative;
+    top:                -10px;
+    margin:             0px 1.5em;
+    padding:            .75em;
+}
+#x-downloads div.x-links a img {
+    position:           relative;
+    top:                10px;
+}
+#x-downloads div.x-links a:hover img {
+    border:             1px solid transparent;
+}
+#x-downloads div.x-links a:hover {
+    background-color:   #121;
+    border:             1px solid #F0F000;
+    text-decoration:    none;
+}
+#x-downloads div.x-jobs {
+    border-top:         1px solid #9090B0;
+    padding:            .5em;
+}
+
+#x-downloads div.x-jobs a {
+    margin-right:       .5em;
+    font-weight:        bold;
+    border:             1px solid #7b8;
+    padding:            .15em .5em;
+    background-color:   #263;
+}
+#x-downloads div.x-jobs a:hover {
+    border:             1px solid #9da;
+    background-color:   #485;
+}
+
+#x-downloads div.x-jobs ul {
+    padding:            0px 0px 0px 1.5em;
+}
+#x-downloads div.x-jobs li {
+    padding-bottom:     .25em;
+}
+
+#x-downloads div.x-jobs ul.x-queue li {
+    padding-bottom:     .75em;
+}
+
+#x-downloads div.x-frontends {
+    padding:            0.5em;
+}
+
+#x-downloads div.x-frontends ul {
+    padding:            0px 0px 0px 1.5em;
+}
+#x-downloads div.x-frontends li {
+    padding-bottom:     .25em;
+}
+
+#x-downloads div.x-frontends ul li {
+    padding-bottom:     .75em;
+}
+
+#x-downloads div.x-frontends ul li a {
+    background-color:   #226633;
+    border:             1px solid #77BB88;
+    font-weight:        bold;
+    margin-right:       0.5em;
+    padding:            0.15em 0.5em;
+}
+
+#x-downloads div.x-frontends ul li a:hover {
+    color:              #F0F000;
+    text-decoration:    underline;
+}
+
+#metadata-home-page {
+    margin-left:        20px;
+}

new file skins/negative/tv_list.css

@@ +1 @@
+/*
+ *
+ * Styles used in /tv/list
+ *
+/*/
+
+.right_arrow {
+    float: right;
+}
+.left_arrow {
+    float: left;
+}
+
+.x-channel {
+    width:              8em;
+    height:             70px;
+    padding:            0 !important;
+    vertical-align:     middle;
+    background-color:   #202a49;
+    white-space:        nowrap;
+}
+.x-channel img {
+    position:           relative;
+    top:                -4px;
+    vertical-align:     middle;
+    max-width:          70px;
+    max-height:         30px;
+}
+.x-channel a {
+    display:            block;
+    text-align:         center;
+    padding:            5px;
+}
+.x-channel .x-preferred {
+    margin-left:        5px;
+    font-size:          200%;
+}
+
+#list_head {
+    width:              80%;
+    margin:             1em auto;
+}
+
+
+#x_current_time {
+    font-size:          150%;
+    margin-top:         .25em;
+    float:              left;
+}
+
+#x-jumpto {
+    float:              right;
+}
+#x-jumpto td {
+    padding:            .35em 1em;
+    vertical-align:     middle;
+    white-space:        nowrap;
+}
+#x-jumpto td.x-jumpto {
+    font-size:          110%;
+    font-weight:        bold;
+    border-right:       1px solid #304943;
+}
+#x-jumpto td.x-hour {
+    border-right:       1px solid #304943;
+}
+#x-jumpto td.x-hour select {
+    text-align:         right;
+}
+#x-jumpto .x-day select {
+    text-align:         center;
+}
+
+#x-jumpto a img {
+    vertical-align:     middle;
+    height:             16px;
+    width:              16px;
+    margin-top:         -2px;
+}
+#x-jumpto a {
+    height:             20px;
+    width:              20px;
+    padding:            2px;
+    border:             1px solid #7b8;
+    background-color:   #263;
+}
+#x-jumpto a:hover {
+    border:             1px solid #9da;
+    background-color:   #485;
+}

new file skins/negative/tv_recorded.css

@@ +1 @@
+/* This table holds the title and recgroup choices */
+
+#title_choices {
+    margin:     1em auto;
+}
+#title_choices td {
+    padding:            .35em 1em;
+    vertical-align:     middle;
+    white-space:        nowrap;
+}
+#title_choices td.x-group, #title_choices td.x-recordings {
+    font-size:          110%;
+    font-weight:        bold;
+    border-right:       1px solid #304943;
+}
+#title_choices td.x-recordings {
+    border-left:        1px solid #304943;
+}
+
+/* This is the table that holds the list of recorded shows */
+
+#recorded_list {
+    width:          100%;
+}
+
+#recorded_list td {
+    padding:        4px;
+    border:         1px solid #191c26;
+}
+#recorded_list th {
+    padding:        0;
+    border:         1px solid #191c26;
+    text-align:     left;
+    font-weight:    normal;
+}
+#recorded_list th a {
+    padding:        2px .5em;
+    display:        block;
+}
+
+#recorded_list td.x-pixmap {
+    background-color:   black;
+    padding:            0 !important;
+    width:              150px;
+    position:           relative;
+}
+#recorded_list td.x-pixmap.x-noimg {
+    width:              50px;
+}
+#recorded_list td.x-pixmap a {
+    border:         1px solid transparent;
+}
+#recorded_list td.x-pixmap a:hover {
+    background-color:   #121;
+    border:         1px solid #F0F000;
+}
+
+#recorded_list td.x-pixmap a.x-pixmap {
+    float:          left;
+}
+#recorded_list td.x-pixmap a.x-pixmap img {
+    width:          100px;
+}
+#recorded_list td.x-pixmap a.x-download {
+    margin-left:    102px;
+    display:        block;
+    padding:        7px;
+    height:         24px;
+    text-align:     center;
+    vertical-align: middle;
+}
+#recorded_list td.x-pixmap.x-noimg a.x-download {
+    margin-left:    2px;
+}
+
+
+#recorded_list th.x-title a, #recorded_list td.x-title {
+}
+#recorded_list th.x-subtitle a, #recorded_list td.x-subtitle {
+}
+#recorded_list th.x-programid a, #recorded_list td.x-programid {
+}
+#recorded_list th.x-channum a, #recorded_list td.x-channum {
+}
+#recorded_list th.x-airdate a, #recorded_list td.x-airdate {
+    text-align:     center;
+    white-space:    nowrap;
+}
+#recorded_list th.x-recgroup a, #recorded_list td.x-recgroup {
+}
+#recorded_list th.x-length a, #recorded_list td.x-length {
+    white-space:    nowrap;
+    text-align:     center;
+}
+#recorded_list th.x-filesize a, #recorded_list td.x-filesize {
+    white-space:    nowrap;
+    text-align:     center;
+}
+
+#recorded_list td.x-commands {
+    padding:            2px;
+    width:              5%;
+    white-space:        nowrap;
+    text-align:         center;
+    vertical-align:     top;
+    background-color:   #191c26;
+}
+#recorded_list td.x-commands a {
+    display:            block;
+    padding:            .25em .5em;
+    margin:             0 0 3px 0;
+}
+#recorded_list td img.channelicon
+{
+    text-align:         center;
+    display:            block; 
+    margin-left:        auto; 
+    margin-right:       auto;
+    max-width:          70px;
+    max-height:         70px;
+    width:              expression(this.width > 70 ? "70px" : true);
+    height:             expression(this.height > 70 ? "70px" : true);
+}
+
+/* a class for the the cells containing recored programs in recorded_programs.php */
+.recorded {    background-color: #506080; }
+
+.recorded .x-progflags img {
+    padding:    .3em;
+}
+
+.recorded a img {
+    border:     1px solid transparent;
+}
+.recorded .x-progflags a:hover img {
+    border:     1px solid #F0F000;
+}
+
+#recorded_pager {
+    margin-top:         1em;
+    margin-bottom:      1em;
+    margin-left:        1em;
+    float:              left;
+}

new file skins/negative/tv_schedule.css

@@ +1 @@
+/*
+ * This div contains all of the scheduling options.  It's shared by the program
+ * details page, as well as the manual and custom schedule pages.
+/*/
+
+#schedule {
+    float:              left;
+    margin:             10px;
+    background-color:   #102923;
+    color:              #E0E0FF;
+    border:             1px solid #9090B0;
+}
+#schedule h3 {
+    margin: 0px;
+    display:    inline;
+}
+#schedule ul {
+    padding-left: 1em;
+}
+#schedule li {
+    list-style-type: none;
+    white-space:     nowrap;
+}
+
+#schedule .x-options {
+    border-bottom:      1px solid #304943;
+    padding:            .5em 1em;
+    margin:             .5em 0 .5em 0;
+}
+#schedule .x-options ul {
+    margin-top:         .5em;
+    margin-bottom:      .5em;
+}
+#schedule .x-options dl {
+    margin-top:         .5em;
+    margin-bottom:      .5em;
+}
+#schedule .x-options dl dt {   /* remember that the vertical margins of dt and dd *must* line up */
+    clear:          both;
+    float:          left;
+    width:          13em;
+    margin:         0.25em 0;
+    text-align:     right;
+    white-space:    nowrap;
+    position:       relative; /*IEWin hack*/
+}
+#schedule .x-options dl dd {
+    clear:          right;
+    margin-left:    13.5em;
+    margin-bottom:  0.5em;
+}
+#schedule .x-options input {
+    width:     18em;
+}
+#schedule .x-options select {
+    width:     18em;
+}
+
+#schedule input.inetref {
+    width:         5em !important;
+    margin-right:  20px;    
+}
+
+/* A special subclass for options with extra-long input fields */
+#schedule .x-options dl.x-long input, .x-options dl.x-long textarea {
+    width:     32em;
+}
+
+
+#x-schedule_advanced_off {
+    margin:         .5em 1em;
+    font-style:     italic;
+    font-size:      90%;
+}
+
+#x-schedule_submit {
+    text-align:     center;
+    padding:        .5em 0 1em 0;
+}
+
+/* Metadata specific classes */
+
+#metadata-message {
+    margin-bottom:      10px;
+}
+
+.multiple-metadata {
+}
+
+.metadata-item {
+    width:              500px;
+    min-height:         150px;
+    margin:             0px 15px 10px 0px;
+    border:             1px solid white;
+}
+
+.metadata-item.hover {
+   background-color:    white;
+   cursor:              pointer;
+   color:               #265990;
+}
+
+.metadata-item img {
+   float:               left;
+}
+
+.metadata-item img.coverart {
+   height:              150px;
+   width:               100px;
+   margin-right:        10px;
+}
+
+.metadata-item img.fanart {
+   height:              150px;
+   width:               100px;
+   margin-right:        10px;
+}
+
+.metadata-item img.banner {
+   height:              55px;
+   width:               300px;
+   margin:              5px auto -10px;
+   float:               none;
+}
+
+.metadata-item .no-art {
+   height:              2em;
+}
+
+
+.metadata-item .title {
+   font-size:           2em;
+   font-weight:         bold;
+   padding-top:         .5em;
+}
+
+.metadata-item .description {
+   padding:            0px 10px 10px;
+   text-align:         left;
+}

new file skins/negative/tv_schedules.css

@@ +1 @@
+#no_schedules {
+    margin:         1em;
+    padding:        1em;
+    font-size:      200%;
+    text-align:     center;
+}
+
+#listings th {
+    font-weight:        normal;
+    text-align:         left;
+    white-space:        nowrap;
+}
+#listings th.x-title {
+}
+#listings th.x-priority {
+    text-align:         center;
+}
+#listings th.x-channel {
+}
+#listings th.x-profile {
+}
+#listings th.x-transcoder {
+}
+#listings th.x-group {
+}
+#listings th.x-type {
+}
+
+#listings td {
+}
+#listings td.x-title {
+}
+#listings td.x-priority {
+    text-align:         center;
+}
+#listings td.x-channel {
+}
+#listings td.x-profile {
+}
+#listings td.x-transcoder {
+}
+#listings td.x-group {
+}
+#listings td.x-type {
+}
+#listings td.x-sgroup {
+}
+

new file skins/negative/tv_search.css

@@ +1 @@
+#search_options {
+    margin:     1em auto;
+}
+#search_options td {
+    padding:            .5em 1em;
+    vertical-align:     top;
+    white-space:        nowrap;
+}
+#search_options td.x-advanced {
+    border-right:       1px solid #304943;
+}
+#search_options td.x-timeopts {
+    border-right:       1px solid #304943;
+}
+#search_options td.x-progtype {
+    border-right:       1px solid #304943;
+}
+#search_options td.x-submit {
+    vertical-align:     middle;
+    padding:            1.5em;
+}
+
+
+#x_search_name {
+    font-size:          150%;
+    text-align:         center;
+}
+
+#search_results th {
+    font-weight:        normal;
+    text-align:         left;
+    white-space:        nowrap;
+}
+#search_results th.x-title {
+}
+#search_results th.x-category {
+}
+#search_results th.x-description {
+}
+#search_results th.x-channum {
+}
+#search_results th.x-airdate {
+}
+#search_results th.x-length {
+}
+
+#search_results td {
+}
+#search_results td.x-title {
+}
+#search_results td.x-category {
+}
+#search_results td.x-description {
+}
+#search_results td.x-channum {
+}
+#search_results td.x-airdate {
+    white-space:        nowrap;
+}
+#search_results td.x-length {
+    white-space:        nowrap;
+}
+

new file skins/negative/tv_upcoming.css

@@ +1 @@
+#display_options {
+    margin:     1em auto;
+}
+#display_options td {
+    padding:            .35em 1em;
+    vertical-align:     middle;
+    white-space:        nowrap;
+}
+#display_options td.x-title {
+    font-size:          110%;
+    font-weight:        bold;
+}
+#display_options td.x-check {
+    padding:            .35em .5em;
+    border-left:        1px solid #304943;
+    height:             2em;
+}
+#display_options td.x-check label {
+    border:             1px solid #7b8;
+    background-color:   #263;
+    padding-top:        .15em;
+    padding-bottom:     .15em;
+    padding-left:       .5em;
+    padding-right:      .35em;
+    margin-top:         .5em;
+    margin-bottom:      .5em;
+    margin-left:        0em;
+    margin-right:       0em;
+}
+#display_options td.x-check label:hover {
+    border:             1px solid #9da;
+    background-color:   #485;
+}
+#display_options td.x-check input {
+    float:              none;
+    padding:            0px;
+    margin:             0px;
+    margin-right:       5px;
+    margin-top:         -1px;
+}
+
+#listings {
+    width: 100%;
+}
+#listings th {
+    font-weight:    normal;
+    text-align:     left;
+}
+
+#listings th.x-status {
+    text-align:         center;
+}
+#listings th.x-title {
+}
+#listings th.x-originalairdate {
+}
+#listings th.x-episodenumber {
+}
+#listings th.x-channum {
+}
+#listings th.x-recgroup {
+}
+#listings th.x-airdate {
+}
+#listings th.x-length {
+}
+
+#listings td.x-status {
+    text-align:         center;
+}
+#listings td.x-title {
+}
+#listings td.x-originalairdate {
+}
+#listings td.x-episodenumber {
+}
+#listings td.x-channum {
+}
+#listings td.x-recgroup {
+}
+#listings td.x-airdate {
+    white-space:        nowrap;
+}
+#listings td.x-length {
+    white-space:        nowrap;
+}
+#listings td.x-commands {
+    padding:            2px;
+    text-align:         center;
+    white-space:        nowrap;
+    background-color:   #191c26;
+}
+#listings td.x-commands a {
+    display:            block;
+    padding:            .25em .5em;
+    margin:             0;
+}
+#listings td.x-recording a {
+    border:             1px solid #0f0;
+}

new file skins/negative/welcome.css

@@ +1 @@
+#modules {
+    width:              600px;
+    margin:             100px auto;
+}
+
+#module_names {
+    margin:             0px;
+    padding:            0px;
+    float:              left;
+    width:              7em;
+    font-size:          2em;
+    min-height:         15em;
+}
+
+#module_names ul {
+    margin:             0px;
+    padding:            0px;
+    list-style-type:    none;
+    text-align:         right;
+}
+
+#module_names li {
+    position:           relative;
+    z-index:            2;
+    margin:             0px -6px 0px 0px;
+    padding:            0px .5em .15em 0px;
+    border:             2px solid transparent;
+    white-space:        nowrap;
+}
+#module_names li.selected {
+    background-color:   #475;
+    border-top:         2px solid #48f;
+    border-right:       2px solid #688;
+    border-bottom:      2px solid #48f;
+    border-left:        2px solid #48f;
+    -moz-border-radius: 8px;
+}
+#module_names li.selected a {
+    display:            block;
+}
+
+#module_info {
+    background-color:   #355;
+    margin-left:        14em;
+    border:             2px solid #48f;
+    min-width:          314px;
+    height:             30em;
+    padding:            .5em 1em;
+    -moz-border-radius:     8px;
+}
+
+.module_icon {
+    display: block;
+    margin: auto;
+}
+
+#mythtv_link {
+    float:          left;
+    width:          14em;
+    text-align:     center;
+    margin-top:     -1.5em;
+}