diff --git a/data/css/style.css b/data/css/style.css
old mode 100755
new mode 100644
diff --git a/data/interfaces/brink/CSS/StyleSheet.css b/data/interfaces/brink/CSS/StyleSheet.css
new file mode 100644
index 00000000..4a7cea56
--- /dev/null
+++ b/data/interfaces/brink/CSS/StyleSheet.css
@@ -0,0 +1,1197 @@
+/* HTML5 ✰ Boilerplate */
+
+html, body, div, span, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
+small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section, summary,
+time, mark, audio, video {
+ margin: 0;
+ padding: 0;
+ border: 0;
+ font-size: 100%;
+ font: inherit;
+ vertical-align: baseline;
+}
+
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+ display: block;
+}
+
+blockquote, q { quotes: none; }
+blockquote:before, blockquote:after,
+q:before, q:after { content: ''; content: none; }
+ins { background-color: #ff9; color: #000; text-decoration: none; }
+mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }
+del { text-decoration: line-through; }
+table { border-collapse: collapse; border-spacing: 0; }
+hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
+input, select { vertical-align: middle; }
+
+body { font:13px/1.231 sans-serif; *font-size:small; }
+select, input, textarea, button { font:99% sans-serif; }
+pre, code, kbd, samp { font-family: monospace, sans-serif; }
+
+a:hover, a:active { outline: none; }
+ul, ol { margin-left: 2em; }
+ol { list-style-type: decimal; }
+nav ul, nav li { margin: 0; list-style:none; list-style-image: none; }
+small { font-size: 85%; }
+strong, th { font-weight: bold; }
+td { vertical-align: top; }
+
+sub, sup { font-size: 75%; line-height: 0; position: relative; }
+sup { top: -0.5em; }
+sub { bottom: -0.25em; }
+
+pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; padding: 15px; }
+textarea { overflow: auto; }
+.ie6 legend, .ie7 legend { margin-left: -7px; }
+input[type="radio"] { vertical-align: text-bottom; }
+input[type="checkbox"] { vertical-align: bottom; }
+.ie7 input[type="checkbox"] { vertical-align: baseline; }
+.ie6 input { vertical-align: text-bottom; }
+label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }
+button, input, select, textarea { margin: 0; }
+input:valid, textarea:valid { }
+input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }
+.no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; }
+
+::-moz-selection{ background: grey; color:#fff; text-shadow: none; }
+::selection { background: grey; color:#fff; text-shadow: none; }
+
+button { width: auto; overflow: visible; }
+.ie7 img { -ms-interpolation-mode: bicubic; }
+
+body, select, input, textarea { color: #444; }
+h1, h2, h3, h4, h5, h6 { font-weight: bold; }
+
+/*
+ // ========================================== \\
+ || ||
+ || Custom Styles ||
+ || ||
+ \\ ========================================== //
+*/
+
+/*
+ * Univarsal
+ * */
+
+ .clear{
+ clear:both;
+ }
+
+ /*Removes outline in Chrome*/
+ *:focus{
+ outline: none;
+ }
+
+ /*
+ * Links Styles
+ * */
+a:link {
+ color: rgb(240,240,240);
+ text-decoration: none;
+ }
+a:visited {
+ color: #fff;
+ text-decoration: none;
+ }
+a:hover { /*this effect is not shown in NN4.xx*/
+ color: rgb(255,255,255);
+ text-decoration: underline;
+ }
+a:active {/*colour in NN4.xx is red*/
+ color: #fff;
+ text-decoration: underline;
+ }
+
+#container { width: 100%; margin: auto; }
+
+body { background-color: #313131; color: rgb(190,190,190); overflow: hidden; overflow-y: hidden; overflow-x: hidden; }
+
+h1,
+h1 a,
+h1 a:hover
+{
+ font-size: 14px;
+ padding: 5px 0px 5px 10px;
+ color: #000;
+ text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
+ text-decoration: none;
+ border: 1px solid #000;
+}
+h2 { font-size: 13px; color: #FFF; text-decoration: none;}
+h3 { font-size: 12px; color: rgb(160,160,160); text-shadow: 1px 1px 0px rgb(10,10,10); text-decoration: none;}
+h4 { font-size: 10px; color: #FFF; text-decoration: none;}
+
+p { margin-top: 8px; margin-bottom: 8px; }
+
+p.indented { margin-top: 20px; margin-bottom: 20px; font-size: 12px; }
+p.center { text-align: center; font-size: 18px; }
+.smalltext2 { font-size: 12px; margin-left: 45px; }
+
+/*Main Header*/
+header
+{
+/*ColorStyles.css*/
+position: fixed;
+left: 0px;
+top: 0px;
+z-index: 999;
+width: 100%;
+height: 35px;
+border-bottom: 1px solid #000;
+box-shadow: 0px 0px 2px #000;
+}
+
+div#logo
+{
+ padding-left: 5px;
+ height: 30px;
+ width: 30px;
+}
+/*Update box*/
+div.btnClose:after
+{
+ content: "X";
+}
+div.btnClose
+{
+ overflow: hidden;
+ -moz-border-radius: 0px 0px 0px 5px; -webkit-border-radius: 0px 0px 0px 5px; border-radius: 0px 0px 0px 5px;
+ background-color: rgba(0,0,0,0.2);
+ cursor: pointer;
+ width: 20px;
+ height: 20px;
+ position: relative;
+ top: -20px;
+ right: -20px;
+ float: right;
+ border: 1px solid #000;
+ box-shadow: 0px 0px 3px #000;
+ font-weight: bold;
+ font-size: 12px;
+ line-height: 18px;
+}
+
+div#updatebar
+{
+ border-top: 1px solid #000;
+ text-align: center;
+ width: 160px;
+ min-height: 60px;
+ position: fixed;
+ bottom: 31px;
+ left: 0px;
+ z-index: 9999;
+ padding: 20px;
+}
+
+a.update-link
+{
+ border: 1px solid #000;
+ border-radius: 3px;
+ padding: 5px 10px 5px 10px;
+ font-size: 16px;
+ font-weight: bold;
+ background-image: linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%);
+ background-image: -o-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%);
+ background-image: -moz-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%);
+ background-image: -webkit-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%);
+ background-image: -ms-linear-gradient(bottom, rgb(8,97,0) 0%, rgb(0,153,7) 100%);
+ text-shadow: 1px 1px 0px rgb(0,173,7);
+ color: #000;
+}
+
+/*Main Menu*/
+ul#nav
+{
+ position: fixed;
+ top: 35px;
+ left: 0px;
+ z-index: 998;
+ list-style-type: none;
+ height: 100%;
+ width: 200px;
+ padding: 0;
+ margin: 0;
+ background-color: rgba(255,255,255,0.1);
+ border-right: 1px solid #000;
+ padding-top: 30px;
+ z-index: 300;
+ box-shadow: 0px 0px 3px #000;
+}
+
+ul#nav li
+{
+ display: block;
+ width: 100%;
+ padding: 0;
+ margin: 0;
+}
+ul#nav li:hover {
+ display: block;
+ width: 100%;
+ background: rgba(0,0,0,0.2);
+}
+
+ul#nav li a
+{
+line-height: 25px;
+padding-left: 30px;
+font-size: 12px;
+color: #FFF;
+text-decoration: none;
+width: 170px;
+display: block;
+}
+ul#nav li a:hover { color: #fff; }
+
+/*Subhead menu*/
+div#subhead_container
+{
+/*ColorStyles.css*/
+position: fixed;
+top: 0px;
+left: 200px;
+height: 35px;
+z-index: 1000;
+}
+
+ul#subhead_menu
+{
+height: 35px;
+list-style: none;
+padding: 0px;
+margin: 0px;
+}
+
+ul#subhead_menu li
+{
+float: left;
+line-height: 35px;
+border-left: 1px solid rgb(45,45,45);
+border-right: 1px solid rgb(15,15,15);
+display: inline;
+text-align: center;
+}
+
+ul#subhead_menu li:hover
+{
+background-image: linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%);
+background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%);
+background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%);
+background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%);
+background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.8) 100%);
+border-right: 1px solid rgb(45,45,45);
+border-left: 1px solid rgb(15,15,15);
+}
+
+ul#subhead_menu li a
+{
+ padding-left: 10px;
+ padding-right: 10px;
+ display: block;
+ line-height: 35px;
+ color: rgb(0,0,0);
+ text-shadow: 1px 1px 0px rgba(255,255,255,0.3);
+ font-size: 12px;
+ font-weight: bold;
+ text-decoration: none;
+}
+
+ul#subhead_menu li a:hover
+{
+ color: rgb(255,255,255);
+ font-weight: bold;
+}
+
+/* Searchbar Styles */
+div#searchbar
+{
+ position: fixed;
+ padding-left: 16px;
+ top: 5px;
+ right: 20px;
+ border-radius: 20px;
+ background-position: 5px center;
+ background-repeat: no-repeat;
+}
+div#searchbar input[type=text] {
+ background-color: rgba(0,0,0,0.0);
+ color: #fff;
+ border: 0px;
+ box-shadow: none;
+}
+div#searchbar select
+{
+ background-color: rgba(0,0,0,0.0);
+ border: 0;
+}
+div#searchbar input[type=submit]
+{
+background-color: rgb(70,0,10);
+border-radius: 0px 20px 20px 0px;
+border-top: 1px solid #000;
+border-left: 1px solid rgb(45,0,10);
+height: 22px;
+width: 40px;
+line-height: 13px;
+margin-top: -1px;
+color: #000;
+text-align: center;
+}
+
+div#searchbar input[type=submit]:hover {
+color: rgb(170,0,10); }
+
+
+
+div#main
+{
+ position: fixed;
+ top: 35px;
+ left: 200px;
+ min-width: 200px;
+ min-height: 300px;
+ height: 100%;
+ width: 100%;
+}
+
+/*Filter position*/
+.dataTables_filter
+{
+ position: fixed;
+ bottom: 0px;
+ left: 200px;
+ z-index: 901;
+ padding-left: 10px;
+ height: 30px;
+ line-height: 30px;
+ width: 250px;
+ font-size: 12px;
+ font-weight: bold;
+ color: rgb(20,0,5);
+ text-shadow: 1px 1px 0px rgba(0,0,0,0.1);
+}
+
+/*Filter text input styles*/
+#artist_table_filter type[type="text"],
+#log_table_filter type[type="text"],
+.dataTables_filter [type="text"] {
+ color: #FFF;
+ border-radius: 20px;
+ -webkit-border-radius: 20px;
+ -moz-border-radius: 20px;
+ height: 12px;
+ padding-left: 10px;
+ background-color: rgba(0,0,0,0.8);
+ border: 1px solid #000;
+ box-shadow: 1px 1px 0px rgba(255,255,255,0.3);
+}
+
+.dataTables_length
+{
+ position: fixed;
+ bottom: 0px;
+ left: 400px;
+ z-index: 901;
+ padding-left: 10px;
+ height: 30px;
+ line-height: 30px;
+ width: 350px;
+ font-size: 12px;
+ font-weight: bold;
+ color: rgb(20,0,5);
+ text-shadow: 1px 1px rgb(123,0,10);
+}
+
+.dataTables_info
+{
+ width: 200px;
+ position: fixed;
+ bottom: 0px;
+ right: 0px;
+ z-index: 990;
+ text-align: left;
+ line-height: 30px;
+ font-weight: bold;
+ color: rgb(190,190,190);
+}
+
+.btnStatus
+{
+ background: rgb(30,170,140);
+ border: 1px solid #000;
+ border-radius: 3px;
+ color: #000;
+ font-size: 12px;
+ height: 18px;
+ line-height: 18px;
+ text-align: center;
+ font-weight: bold;
+ float: left;
+ padding: 3px 6px 3px 6px;
+}
+#status.btnStatus:hover {
+ text-decoration: none;
+}
+
+#status a
+{
+ color: #000;
+ display: block;
+}
+
+/*Status buttons*/
+.btnDownloaded
+{
+ background-image: linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+background-image: -o-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+background-image: -moz-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+background-image: -webkit-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+background-image: -ms-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+text-shadow: 1px 1px 0px rgb(87,170,0);
+}
+.btnWanted
+{
+ background-image: linear-gradient(bottom, rgb(85,0,128) 0%, rgb(128,0,153) 100%);
+background-image: -o-linear-gradient(bottom, rgb(85,0,128) 0%, rgb(128,0,153) 100%);
+background-image: -moz-linear-gradient(bottom, rgb(85,0,128) 0%, rgb(128,0,153) 100%);
+background-image: -webkit-linear-gradient(bottom, rgb(85,0,128) 0%, rgb(128,0,153) 100%);
+background-image: -ms-linear-gradient(bottom, rgb(85,0,128) 0%, rgb(128,0,153) 100%);
+text-shadow: 1px 1px 0px rgb(128,0,160);
+}
+.btnSkipped {
+background-image: linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+background-image: -o-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+text-shadow: 1px 1px 0px rgb(180,180,180);
+}
+
+.btnAbort {
+background-image: linear-gradient(bottom, rgb(128,0,0) 0%, rgb(153,0,0) 100%);
+background-image: -o-linear-gradient(bottom, rgb(128,0,0) 0%, rgb(153,0,0) 100%);
+background-image: -moz-linear-gradient(bottom, rgb(128,0,0) 0%, rgb(153,0,0) 100%);
+background-image: -webkit-linear-gradient(bottom, rgb(128,0,0) 0%, rgb(153,0,0) 100%);
+background-image: -ms-linear-gradient(bottom, rgb(128,0,0) 0%, rgb(153,0,0) 100%);
+text-shadow: 1px 1px 0px rgb(190,0,31);
+}
+.btnGet {
+ background-image: linear-gradient(bottom, rgb(128,26,0) 0%, rgb(153,61,0) 100%);
+background-image: -o-linear-gradient(bottom, rgb(128,26,0) 0%, rgb(153,61,0) 100%);
+background-image: -moz-linear-gradient(bottom, rgb(128,26,0) 0%, rgb(153,61,0) 100%);
+background-image: -webkit-linear-gradient(bottom, rgb(128,26,0) 0%, rgb(153,61,0) 100%);
+background-image: -ms-linear-gradient(bottom, rgb(128,26,0) 0%, rgb(153,61,0) 100%);
+text-shadow: 1px 1px 0px rgb(173,61,0);
+}
+.btnNew
+{
+ background-image: linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ background-image: -o-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ background-image: -moz-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ background-image: -webkit-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ background-image: -ms-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ text-shadow: 1px 1px 0px rgb(87,170,0);
+}
+.btnRetry {
+ background-image: linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ background-image: -o-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ background-image: -moz-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ background-image: -webkit-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ background-image: -ms-linear-gradient(bottom, rgb(51,128,0) 0%, rgb(87,153,0) 100%);
+ text-shadow: 1px 1px 0px rgb(87,160,0);
+}
+#btnBack
+{
+ position: static;
+ background-image: linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ background-image: -o-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ text-shadow: 1px 1px 0px rgb(180,180,180);
+ color: #000;
+ margin-left: 20px;
+ margin-top: 20px;
+}
+
+.table_wrapper {
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ width: 100%;
+ background-color: #313131;
+ min-height: 50px;
+ clear: both;
+ _height: 302px;
+ zoom: 1;
+}
+/*All inputs in the main content */
+
+.checkbox,
+.radio {
+ width: 19px;
+ height: 25px;
+ padding: 0 5px 0 0;
+ background: url(../images/checkbox.png) no-repeat;
+ display: block;
+ clear: left;
+ float: left;
+}
+
+.radio
+{
+ background: url(../images/radio.png) no-repeat;
+}
+
+.select{
+ position: absolute;
+ height: 20px;
+ width: 115px;
+ padding: 0px 15px 0px 10px;
+ color: #000;
+ font-weight: bold;
+ text-shadow: 1px 1px 0px rgb(170,170,170);
+ font-size: 12px/21px;
+ line-height: 20px;
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ box-shadow: 1px 1px 0px rgba(255,255,255,0.2);
+ border: 1px solid #000;
+ background: url(../Images/sort_asc.png);
+ background-position: 98% 50%;
+ background-repeat: no-repeat;
+ background-color: rgb(160,160,160);
+ overflow: hidden;
+}
+
+/*Tooltip*/
+.tooltip
+{
+ /*ColorStyles.css*/
+ margin-right: 3px;
+ float: left;
+ position: relative;
+ color: #000;
+ border-radius: 20px;
+ border: 1px solid #000;
+ box-shadow: 1px 1px 0px rgb(90,90,90);
+ width: 20px;
+ font-weight: bold;
+ font-size: 12px;
+ height: 20px;
+ text-align: center;
+ line-height: 20px;
+ cursor: help;
+ text-shadow: 1px 1px 0px rgba(255,255,255,0.2);
+}
+.tooltip:after {
+ content: "!";
+}
+/*Tooltip info*/
+.tooltip span
+{
+ display: none;
+}
+.tooltip:hover span
+{
+ border: 1px solid #000;
+ border-radius: 3px;
+ box-shadow: 0px 0px 3px #000;
+ color: #000;
+ display: block;
+ font-style: italic;
+ font-weight: normal;
+ position: absolute;
+ z-index: 999;
+ top: 10px;
+ left: 30px;
+ text-align: left;
+ padding: 3px 6px 3px 6px;
+ width: 15em;
+}
+
+.submit,
+input[type="submit"]
+{
+ border: 1px solid #000;
+ border-radius: 3px;
+ color: #000;
+ font-weight: bold;
+ padding: 3px 6px 3px 6px;
+ background-image: linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ background-image: -o-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ background-image: -moz-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ background-image: -webkit-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ background-image: -ms-linear-gradient(bottom, rgb(117,117,117) 0%, rgb(156,156,156) 100%);
+ text-shadow: 1px 1px 0px rgb(180,180,180);
+}
+.text-pass,
+.text-field,
+input[type="password"],
+input[type="text"]
+{
+ color: rgb(120,120,120);
+ padding: 3px 10px 3px 10px;
+ border-radius: 20px;
+ background-color: rgb(30,30,30);
+ border: 0;
+ border-top: 1px solid rgb(20,20,20);
+ border-left: 1px solid rgb(20,20,20);
+ box-shadow: 1px 1px 1px rgb(70,70,70);
+}
+.manage_wrapper { width: 88%; margin: 20px auto 0 auto; padding: 25px; min-height: 150px; clear: both; _height: 302px; zoom: 1; }
+.table_wrapper_half { float: left; width: 50%; min-height: 100px; padding-bottom: 15px; }
+
+.configtable { font-size: 14px; line-height:18px; }
+.configtable td { width: 350px; padding: 10px; }
+.configtable td#middle { vertical-align: middle; }
+
+/* Artist Table Style*/
+table#artist_table { width: 100%;}
+
+table#artist_table th#select { text-align: left; }
+table#artist_table th#name { text-align: left; min-width: 150px; }
+table#artist_table th#status { text-align: left; min-width: 40px; }
+table#artist_table th#album { text-align: left; min-width: 100px; }
+table#artist_table th#have { text-align: center; min-width: 50px; }
+
+table#artist_table td#name { vertical-align: middle; text-align: left; }
+table#artist_table td#status { vertical-align: middle; text-align: left; }
+table#artist_table td#album { vertical-align: middle; text-align: left; }
+table#artist_table td#have { vertical-align: middle; }
+
+#artist_table div { color: #000; text-shadow: 1px 1px rgb(100,100,100); font-size: 12px; font-weight: bold; }
+
+/*
+ Paddingheader
+*/
+div#paddingheader {
+padding-top: 48px;
+font-size: 24px;
+font-weight: bold;
+text-align: left;
+}
+div#nopaddingheader { font-size: 24px; font-weight: bold; text-align: left; }
+
+
+table#album_table { width: 100%; }
+/* Album Tableheader*/
+table#album_table th#select { vertical-align: middle; text-align: left; width: 25px; }
+table#album_table th#albumart {vertical-align: middle; text-align: left; width: 70px; }
+table#album_table th#albumname {vertical-align: middle; text-align: left; min-width: 150px; }
+table#album_table th#reldate {vertical-align: middle; width: 175px; text-align: left; min-width: 70px; }
+table#album_table th#status {vertical-align: middle; width: 175px; text-align: left; min-width: 80px; }
+table#album_table th#type {vertical-align: middle; width: 175px; text-align: left; min-width: 60px; max-width: 100px; }
+table#album_table th#bitrate {vertical-align: middle; text-align: left; min-width: 60px; }
+/* Album tabledata */
+table#album_table td#select { vertical-align: middle; text-align: left; }
+table#album_table td#albumart { vertical-align: middle; text-align: left; }
+
+/* Album art image sizes */
+.album-art-small
+{
+ margin: 3px;
+ float: left;
+ overflow: hidden;
+ background-color: #000;
+ width: 60px;
+ height: 60px;
+ box-shadow: 1px 1px 1px #000;
+ border-radius: 3px;
+}
+.album-art-small img { width: 60px; height: 60px; z-index: 200; }
+.album-art-big
+{
+ background: url(../images/box-big.png) no-repeat top left;
+ float: left;
+ height: 200px;
+ margin-left: 20px;
+ margin-top. 20px;
+ padding-top:5px;
+ padding-left: 27px;
+ padding-bottom: 5px;
+ padding-right: 110px;
+ position: relative;
+ width: 200px;
+ z-index: 200;
+}
+.album-art-cd
+{
+ background: url(../images/cd-big.png);
+ width: 191px;
+ height: 191px;
+ position: absolute;
+ top: 9px;
+ right: 20px;
+ z-index: 1;
+}
+.album-art-big img { width: 200px; height: 200px; position: absolute; z-index: 2; }
+
+#album-describtion { float: left; width: 400px; min-height: 200px; margin-left: 20px; }
+table#album_table td#albumname { vertical-align: middle; text-align: left; }
+table#album_table td#reldate { vertical-align: middle; text-align: left; }
+table#album_table td#status { vertical-align: middle; text-align: left; }
+table#album_table td#type { vertical-align: middle; text-align: left; }
+table#album_table td#have { vertical-align: middle; }
+table#album_table td#bitrate { vertical-align: middle; text-align: left; }
+
+div#albumheader { margin: 20px 0px 40px 0px; min-height: 200px; }
+
+/*
+ Track
+*/
+div#track_wrapper { font-size: 16px; width: 100%; clear:both; }
+div#track_table { margin-top: 20px; }
+table#track_table th#number { text-align: right; width: 8px; }
+table#track_table th#name { text-align:left ; min-width: 160px; }
+table#track_table th#duration { text-align: left; width: 20px; }
+table#track_table th#location { text-align: left; min-width: 180px; }
+table#track_table th#bitrate { text-align: left; min-width: 75px; }
+
+table#track_table td#number { vertical-align: middle; text-align: left; font-size: 12px; overflow: hidden; }
+table#track_table td#name { vertical-align: middle; text-align: left; font-size: 12px; overflow: hidden; }
+table#track_table td#duration { vertical-align: middle; text-align: left; font-size: 12px; overflow: hidden; }
+table#track_table td#location { vertical-align: middle; text-align: left; font-size: 12px; overflow: hidden; }
+table#track_table td#bitrate { vertical-align: middle; text-align: left; font-size: 12px; overflow: hidden; }
+table#history_table { width: 100%; font-size: 12px; }
+
+/* History table*/
+
+table#history_table td#dateadded { vertical-align: middle; text-align: left; min-width: 150px; font-size: 14px; }
+table#history_table td#filename { vertical-align: middle; text-align: left; min-width: 100px; font-size: 15px; }
+table#history_table td#size { vertical-align: middle; text-align: left; min-width: 75px; font-size: 14px; }
+table#history_table td#status { vertical-align: middle; text-align: left; font-size: 14px; }
+table#history_table td#action { vertical-align: middle; text-align: left; font-size: 14px; }
+
+/*
+ Log
+*/
+table#log_table { width: 100%; }
+
+table#log_table th#timestamp { text-align: left; min-width: 150px; }
+table#log_table th#level { text-align: left; min-width: 60px; }
+table#log_table th#message { text-align: left; min-width: 500px; }
+/*
+ Upcoming
+*/
+/*Upcoming Tablehead*/
+table#upcoming_table th#albumart { text-align: left; min-width: 20%; }
+table#upcoming_table th#albumname { text-align: left; min-width: 200px; }
+table#upcoming_table th#artistname { text-align: left; min-width: 150px; }
+table#upcoming_table th#reldate { text-align: left; min-width: 100px; }
+table#upcoming_table th#type { text-align: left; min-width: 75px; }
+
+/*Upcoming Tabledata*/
+table#upcoming_table td#select { vertical-align: middle; text-align: left; }
+table#upcoming_table td#albumart { vertical-align: middle; text-align: left; min-width: 50px; }
+table#upcoming_table td#albumname { vertical-align: middle; text-align: left; min-width: 200px; }
+table#upcoming_table td#artistname { vertical-align: middle; text-align: left; min-width: 150px; }
+table#upcoming_table td#reldate { vertical-align: middle; text-align: left; min-width: 100px; }
+table#upcoming_table td#type { vertical-align: middle; text-align: left; min-width: 75px; }
+table#upcoming_table td#status { vertical-align: middle; text-align: left; }
+
+/*Wanted Tablehead*/
+table#wanted_table { width: 100%; }
+table#wanted_table th#albumart { text-align: left; min-width: 50px; }
+table#wanted_table th#albumname { text-align: left; min-width: 200px; }
+table#wanted_table th#artistname { text-align: left; min-width: 150px; }
+table#wanted_table th#reldate { text-align: left; min-width: 100px; }
+table#wanted_table th#type { text-align: left; min-width: 75px; }
+
+/*Wanted Tabledata*/
+table#wanted_table td#select { vertical-align: middle; text-align: left; }
+table#wanted_table td#albumart { vertical-align: middle; text-align: left; min-width: 50px; }
+table#wanted_table td#albumname { vertical-align: middle; text-align: left; min-width: 200px; }
+table#wanted_table td#artistname { vertical-align: middle; text-align: left; min-width: 150px; }
+table#wanted_table td#reldate { vertical-align: middle; text-align: left; min-width: 100px; }
+table#wanted_table td#type { vertical-align: middle; text-align: left; min-width: 75px; }
+table#wanted_table td#status { vertical-align: middle; text-align: left; }
+
+/*Search Results Tablehead*/
+table#searchresults_table th#albumname { text-align: left; min-width: 225px; }
+table#searchresults_table th#artistname { text-align: left; min-width: 325px; }
+table#searchresults_table th#score { text-align: left; min-width: 75px; }
+
+table#searchresults_table td#albumname { vertical-align: middle; text-align: left; min-width: 200px; }
+table#searchresults_table td#artistname { vertical-align: middle; text-align: left; min-width: 300px; }
+table#searchresults_table td#score { vertical-align: middle; text-align: left; min-width: 75px; }
+
+/*progress container*/
+
+div.progress-container span
+{
+ float: left;
+ margin: auto;
+}
+div.progress-container
+{
+ border: 1px solid rgb(20,20,20);
+ width: 100%;
+ height: 15px;
+ margin: 2px 5px 2px 0px;
+ background-color: rgba(0,0,0,0.2);
+ color: rgb(30,30,30);
+ text-shadow: 1px 1px rgb(50,50,50);
+ text-align: center;
+ border-radius: 20px;
+ overflow: hidden;
+}
+/*Progress bar*/
+div.progress-container div
+{
+ height: 100%;
+ background-color: rgba(255,255,255,0.1);
+}
+/*text format for match/procent*/
+.searchmatch,
+.havetracks
+{
+ display: block;
+ float: left;
+ width: 100%;
+ font-size: 12px;
+ position: relative;
+ text-align: center;
+ color: rgb(0,0,0);
+ text-shadow: 1px 1px 0px rgb(50,50,50);
+}
+
+
+footer
+{
+ /*ColorStyles.css*/
+ position: fixed;
+ bottom: 0px;
+ left: 0px;
+ width: 100%;
+ height: 30px;
+ z-index: 900;
+ box-shadow: 0px 0px 12px #000;
+}
+div#version { text-align: center; font-weight: bold; }
+div#donate { text-align: center; margin: 20px auto 20px auto; }
+
+div#shutdown
+{
+ position: fixed;
+ top: 0px;
+ left: 0px;
+ width: 100%;
+ height: 100%;
+ background-color: rgba(0,0,0,0.9);
+ z-index: 9999;
+}
+div#shutdown div
+{
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ width: 0px;
+ height: 0px;
+}
+div#shutdown div div
+{
+ text-align: center;
+ position: relative;
+ float: left;
+ left: -150px;
+ top: -100px;
+ width: 300px;
+ height: 200px;
+}
+
+
+.cloudtag { padding-top: 30px; font-size:16px; }
+#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
+#cloud a.tag2 { font-size: 0.8em; font-weight: 200; }
+#cloud a.tag3 { font-size: 0.9em; font-weight: 300; }
+#cloud a.tag4 { font-size: 1.0em; font-weight: 400; }
+#cloud a.tag5 { font-size: 1.2em; font-weight: 500; }
+#cloud a.tag6 { font-size: 1.4em; font-weight: 600; }
+#cloud a.tag7 { font-size: 1.6em; font-weight: 700; }
+#cloud a.tag8 { font-size: 1.8em; font-weight: 800; }
+#cloud a.tag9 { font-size: 2.2em; font-weight: 900; }
+#cloud a.tag10 { font-size: 2.5em; font-weight: 900; }
+
+#cloud { padding: 2px; line-height: 1.5em; text-align: center; }
+#cloud a { padding: 0px; }
+#cloud { margin: 0; }
+#cloud li { display: inline; }
+
+
+
+.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
+.hidden { display: none; visibility: hidden; }
+.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
+.visuallyhidden.focusable:active,
+.visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
+.invisible { visibility: hidden; }
+.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; }
+.clearfix:after { clear: both; }
+.clearfix { zoom: 1; }
+
+
+@media all and (orientation:portrait) {
+
+}
+
+@media all and (orientation:landscape) {
+
+}
+
+@media screen and (max-device-width: 480px) {
+ html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; }
+}
+
+
+@media print {
+ * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
+ -ms-filter: none !important; }
+ a, a:visited { color: #444 !important; text-decoration: underline; }
+ a[href]:after { content: " (" attr(href) ")"; }
+ abbr[title]:after { content: " (" attr(title) ")"; }
+ .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }
+ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
+ thead { display: table-header-group; }
+ tr, img { page-break-inside: avoid; }
+ @page { margin: 0.5cm; }
+ p, h2, h3 { orphans: 3; widows: 3; }
+ h2, h3{ page-break-after: avoid; }
+}
+
+/********************************
+ * Data_tables.css moved here *
+ ********************************/
+
+table.display thead tr th
+{
+ cursor: pointer;
+ * cursor: hand;
+ padding-left: 15px;
+ border: 1px solid #000;
+ color: #000;
+ text-shadow: 1px 1px rgba(255,255,255,0.2);
+ height: 20px;
+ line-height: 20px;
+ overflow: hidden;
+}
+
+table.display td
+{
+ padding: 0px 5px 0px 15px;
+ font-size: 12px;
+}
+
+table.display tfoot th
+{
+ padding: 3px 18px 3px 15px;
+ border-top: 1px solid black;
+ font-weight: bold;
+}
+
+table.display tr.heading2 td
+{
+ border-bottom: 1px solid #aaa;
+}
+
+table.display td.center
+{
+ text-align: center;
+}
+
+/*Sorting*/
+.sorting_asc {
+ background: url(../images/sort_asc.png) no-repeat center right;
+}
+
+.sorting_desc {
+ background: url(../images/sort_desc.png) no-repeat center right;
+}
+
+.sorting {
+ background: url(../images/sort_both.png) no-repeat center right;
+}
+
+.sorting_asc_disabled {
+ background: url(../images/sort_asc_disabled.png) no-repeat center right;
+}
+
+.sorting_desc_disabled {
+ background: url(../images/sort_desc_disabled.png) no-repeat center right;
+}
+
+/*
+ * Grades
+ * */
+
+table.display tr.odd.gradeA {
+ background-color: #546B00;
+}
+
+table.display tr.even.gradeA {
+ background-color: #445014;
+}
+
+
+
+/*Wanted*/
+table.display tr.odd.gradeC {
+ background-color: #7A51A5;
+}
+
+table.display tr.even.gradeC {
+ background-color: #6A33A5;
+}
+
+/*
+ * GradeSkipped
+ * */
+table.display tr.odd.gradeX {
+ background-color: #4F0043;
+}
+
+table.display tr.even.gradeX {
+ background-color: #3B0F34;
+}
+
+table.display tr.odd.gradeU {
+ background-color: #28064C;
+}
+
+table.display tr.even.gradeU {
+ background-color: #241239;
+}
+
+/*Skipped*/
+table.display tr.odd.gradeZ {
+ background-color: #373737;
+}
+
+table.display tr.even.gradeZ {
+ background-color: #313131;
+}
+
+.dataTables_scroll {
+ clear: both;
+}
+
+.dataTables_scrollBody {
+ *margin-top: -1px;
+}
+
+.top, .bottom {
+ padding: 15px;
+ background-color: #F5F5F5;
+ border: 1px solid #CCCCCC;
+}
+
+.top .dataTables_info {
+ float: none;
+}
+
+.clear {
+ clear: both;
+}
+
+.dataTables_empty {
+ color: #575757;
+ font-size: 24px;
+ text-align: center;
+ vertical-align: middle;
+ background-color: #343434;
+ height: 50px;
+ width: 90%;
+}
+
+tfoot input {
+ margin: 0.5em 0;
+ width: 100%;
+ color: #444;
+}
+
+tfoot input.search_init {
+ color: #999;
+}
+
+td.group {
+ background-color: #d1cfd0;
+ border-bottom: 2px solid #A19B9E;
+ border-top: 2px solid #A19B9E;
+}
+
+td.details {
+ background-color: #d1cfd0;
+ border: 2px solid #A19B9E;
+}
+
+.paging_full_numbers {
+ width: 400px;
+ height: 22px;
+ line-height: 22px;
+}
+
+.paging_full_numbers span.paginate_button,
+ .paging_full_numbers span.paginate_active {
+ border: 1px solid #000;
+ color: #000;
+ font-weight: bold;
+ padding: 3px 5px;
+ margin: 0 3px;
+ cursor: pointer;
+ *cursor: hand;
+ border-radius: 3px;
+ text-shadow: rgb(255,255,255);
+}
+
+.paging_full_numbers span.paginate_button {
+ background-image: linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
+ background-image: -o-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
+ background-image: -moz-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
+ background-image: -webkit-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
+ background-image: -ms-linear-gradient(bottom, rgb(82,0,0) 0%, rgb(117,0,10) 100%);
+ border-bottom: 1px solid #000;
+}
+
+.paging_full_numbers span.paginate_button:hover {
+ background-image: linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
+ background-image: -o-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
+ background-image: -moz-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
+ background-image: -webkit-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
+ background-image: -ms-linear-gradient(bottom, rgb(117,0,10) 0%, rgb(82,0,0) 100%);
+ border-bottom: 1px solid #000;
+ color: #fff;
+}
+
+.paging_full_numbers span.paginate_active {
+ background-color: #800000;
+ color: #fff;
+}
+
+table.display tr.even.row_selected td {
+ background-color: #660000;
+ color: #fff;
+}
+
+table.display tr.odd.row_selected td {
+ background-color: #4d0000;
+ color: #fff;
+}
+
+div.box {
+ height: 100px;
+ padding: 10px;
+ overflow: auto;
+ border: 1px solid #8080FF;
+ background-color: #E5E5FF;
+}
\ No newline at end of file
diff --git a/data/interfaces/brink/CSS/data_table.css b/data/interfaces/brink/CSS/data_table.css
new file mode 100644
index 00000000..d39f51d0
--- /dev/null
+++ b/data/interfaces/brink/CSS/data_table.css
@@ -0,0 +1,143 @@
+.dataTables_wrapper {
+ border-radius: 5px;
+ -webkit-border-radius: 5px;
+ -moz-border-radius: 5px;
+ width: 100%;
+ background-color: #313131;
+ min-height: 155px;
+ clear: both;
+ _height: 302px;
+ zoom: 1; /* Feeling sorry for IE */
+}
+
+.dataTables_processing {
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ width: 20px;
+ height: 30px;
+ margin-left: -125px;
+ margin-top: -15px;
+ padding: 14px 0 2px 0;
+ border: 1px solid #ddd;
+ text-align: center;
+ color: #999;
+ font-size: 14px;
+ background-color: #343434;
+}
+
+.dataTables_length {
+ /*
+ * Look in styles.css
+ * */
+}
+
+.dataTables_filter {
+ /*
+ * Look in style.css
+ * */
+}
+
+.dataTables_info {
+ /*
+ * Look in style.css
+ * */
+}
+
+.dataTables_paginate {
+ width: 44px;
+ * width: 50px;
+ float: right;
+ text-align: right;
+ margin-top: 15px;
+}
+
+/* Pagination nested */
+.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next {
+ height: 19px;
+ width: 19px;
+ margin-left: 3px;
+ float: left;
+}
+
+.paginate_disabled_previous {
+ background-image: url('../images/back_disabled.jpg');
+}
+
+.paginate_enabled_previous {
+ background-image: url('../images/back_enabled.jpg');
+}
+
+.paginate_disabled_next {
+ background-image: url('../images/forward_disabled.jpg');
+}
+
+.paginate_enabled_next {
+ background-image: url('../images/forward_enabled.jpg');
+}
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables display
+ */
+table.display {
+ margin: auto;
+ width: 100%;
+ clear: both;
+
+ /* Note Firefox 3.5 and before have a bug with border-collapse
+ * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
+ * border-spacing: 0; is one possible option. Conditional-css.com is
+ * useful for this kind of thing
+ *
+ * Further note IE 6/7 has problems when calculating widths with border width.
+ * It subtracts one px relative to the other browsers from the first column, and
+ * adds one to the end...
+ *
+ * If you want that effect I'd suggest setting a border-top/left on th/td's and
+ * then filling in the gaps with other borders.
+ */
+}
+
+table.display thead th {
+ /*Moved*/
+}
+
+table.display tfoot th {
+ /*Moved*/
+}
+
+table.display tr.heading2 td {
+ border-bottom: 1px solid #aaa;
+}
+
+table.display td {
+ /* Moved */
+}
+
+table.display td.center {
+ text-align: center;
+}
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables sorting
+ */
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables row classes
+ */
+ /*Downloaded*/
+/*Moved*/
+
+
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Misc
+ */
+
diff --git a/data/interfaces/brink/CSS/jquery.jscrollpane.css b/data/interfaces/brink/CSS/jquery.jscrollpane.css
new file mode 100644
index 00000000..6cab4b9e
--- /dev/null
+++ b/data/interfaces/brink/CSS/jquery.jscrollpane.css
@@ -0,0 +1,126 @@
+/*
+ * CSS Styles that are needed by jScrollPane for it to operate correctly.
+ *
+ * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
+ * may not operate correctly without them.
+ */
+
+.jspContainer
+{
+ overflow: hidden;
+ position: relative;
+}
+
+.jspPane
+{
+ position: absolute;
+}
+
+.jspVerticalBar
+{
+ position: absolute;
+ top: 0;
+ right: 0;
+ width: 10px;
+ height: 100%;
+ background: red;
+}
+
+.jspHorizontalBar
+{
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ width: 100%;
+ height: 10px;
+ background: red;
+}
+
+.jspVerticalBar *,
+.jspHorizontalBar *
+{
+ margin: 0;
+ padding: 0;
+}
+
+.jspCap
+{
+ display: none;
+}
+
+.jspHorizontalBar .jspCap
+{
+ float: left;
+}
+
+.jspTrack
+{
+ background: rgb(10,10,10);
+ position: relative;
+}
+
+.jspDrag
+{
+ background: rgb(90,0,10);
+ position: relative;
+ top: 0;
+ left: 0;
+ cursor: pointer;
+ border-radius: 20px;
+}
+.jspDrag:active,
+.jspDrag:hover
+{
+ background: rgb(160,0,10);
+}
+
+.jspHorizontalBar .jspTrack,
+.jspHorizontalBar .jspDrag
+{
+ float: left;
+ height: 100%;
+}
+
+.jspArrow
+{
+ background: #50506d;
+ text-indent: -20000px;
+ display: block;
+ cursor: pointer;
+}
+
+.jspArrow.jspDisabled
+{
+ cursor: default;
+ background: #80808d;
+}
+
+.jspVerticalBar .jspArrow
+{
+ height: 10px;
+}
+
+.jspHorizontalBar .jspArrow
+{
+ width: 10px;
+ float: left;
+ height: 100%;
+}
+
+.jspVerticalBar .jspArrow:focus
+{
+ outline: none;
+}
+
+.jspCorner
+{
+ background: #eeeef4;
+ float: left;
+ height: 100%;
+}
+
+/* Yuk! CSS Hack for IE6 3 pixel bug :( */
+* html .jspCorner
+{
+ margin: 0 -3px 0 0;
+}
\ No newline at end of file
diff --git a/data/interfaces/brink/Images/box-big.png b/data/interfaces/brink/Images/box-big.png
new file mode 100644
index 00000000..ed600faf
Binary files /dev/null and b/data/interfaces/brink/Images/box-big.png differ
diff --git a/data/interfaces/brink/Images/cd-big.png b/data/interfaces/brink/Images/cd-big.png
new file mode 100644
index 00000000..e0d1e144
Binary files /dev/null and b/data/interfaces/brink/Images/cd-big.png differ
diff --git a/data/interfaces/brink/Images/checkbox-original.png b/data/interfaces/brink/Images/checkbox-original.png
new file mode 100644
index 00000000..c27eb5bf
Binary files /dev/null and b/data/interfaces/brink/Images/checkbox-original.png differ
diff --git a/data/interfaces/brink/Images/checkbox.png b/data/interfaces/brink/Images/checkbox.png
new file mode 100644
index 00000000..53e596bf
Binary files /dev/null and b/data/interfaces/brink/Images/checkbox.png differ
diff --git a/data/interfaces/brink/Images/cover.ai b/data/interfaces/brink/Images/cover.ai
new file mode 100644
index 00000000..1e18f528
--- /dev/null
+++ b/data/interfaces/brink/Images/cover.ai
@@ -0,0 +1,1297 @@
+%PDF-1.5
%
+1 0 obj
<>/OCGs[10 0 R 6 0 R 7 0 R 11 0 R 8 0 R 9 0 R]>>/Pages 3 0 R/Type/Catalog>>
endobj
2 0 obj
<>stream
+
+
+
+
+ application/pdf
+
+
+ cover
+
+
+
+
+ Adobe Illustrator CS5.1
+ 2012-03-07T19:57:57+02:00
+ 2012-03-07T19:57:58+01:00
+ 2012-03-07T19:57:58+01:00
+
+
+
+ 256
+ 204
+ JPEG
+ /9j/4AAQSkZJRgABAgEASABIAAD/7QAsUGhvdG9zaG9wIDMuMAA4QklNA+0AAAAAABAASAAAAAEA
AQBIAAAAAQAB/+4ADkFkb2JlAGTAAAAAAf/bAIQABgQEBAUEBgUFBgkGBQYJCwgGBggLDAoKCwoK
DBAMDAwMDAwQDA4PEA8ODBMTFBQTExwbGxscHx8fHx8fHx8fHwEHBwcNDA0YEBAYGhURFRofHx8f
Hx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8fHx8f/8AAEQgAzAEAAwER
AAIRAQMRAf/EAaIAAAAHAQEBAQEAAAAAAAAAAAQFAwIGAQAHCAkKCwEAAgIDAQEBAQEAAAAAAAAA
AQACAwQFBgcICQoLEAACAQMDAgQCBgcDBAIGAnMBAgMRBAAFIRIxQVEGE2EicYEUMpGhBxWxQiPB
UtHhMxZi8CRygvElQzRTkqKyY3PCNUQnk6OzNhdUZHTD0uIIJoMJChgZhJRFRqS0VtNVKBry4/PE
1OT0ZXWFlaW1xdXl9WZ2hpamtsbW5vY3R1dnd4eXp7fH1+f3OEhYaHiImKi4yNjo+Ck5SVlpeYmZ
qbnJ2en5KjpKWmp6ipqqusra6voRAAICAQIDBQUEBQYECAMDbQEAAhEDBCESMUEFURNhIgZxgZEy
obHwFMHR4SNCFVJicvEzJDRDghaSUyWiY7LCB3PSNeJEgxdUkwgJChgZJjZFGidkdFU38qOzwygp
0+PzhJSktMTU5PRldYWVpbXF1eX1RlZmdoaWprbG1ub2R1dnd4eXp7fH1+f3OEhYaHiImKi4yNjo
+DlJWWl5iZmpucnZ6fkqOkpaanqKmqq6ytrq+v/aAAwDAQACEQMRAD8A4pHHH6a/COg7DwxVd6Uf
8g+4Yq70o/5B9wxV3pR/yD7hirvSj/kH3DFXelH/ACD7hirvSj/kH3DFXelH/IPuGKu9KP8AkH3D
FXelH/IPuGKu9KP+QfcMVd6Uf8g+4Yq70o/5B9wxV3pR/wAg+4Yq70o/5B9wxV3pR/yD7hirvSj/
AJB9wxV3pR/yD7hirvSj/kH3DFXelH/IPuGKu9KP+QfcMVd6Uf8AIPuGKu9KP+QfcMVd6Uf8g+4Y
q70o/wCQfcMVd6Uf8g+4Yq70o/5B9wxV3pR/yD7hirvSj/kH3DFXelH/ACD7hirvSj/kH3DFVskc
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
+
+
+
+
+
+ proof:pdf
+ uuid:65E6390686CF11DBA6E2D887CEACB407
+ xmp.did:A002955C6867E111B9DDF64F563B3816
+ uuid:da5104b8-722e-43dc-807d-44d7e3d8f23b
+
+ xmp.iid:9902955C6867E111B9DDF64F563B3816
+ xmp.did:9902955C6867E111B9DDF64F563B3816
+ uuid:65E6390686CF11DBA6E2D887CEACB407
+ proof:pdf
+
+
+
+
+ saved
+ xmp.iid:9902955C6867E111B9DDF64F563B3816
+ 2012-03-06T09:43:49+01:00
+ Adobe Illustrator CS5.1
+ /
+
+
+ saved
+ xmp.iid:A002955C6867E111B9DDF64F563B3816
+ 2012-03-07T19:57:53+01:00
+ Adobe Illustrator CS5.1
+ /
+
+
+
+
+
+ Web
+ Document
+
+
+ 1
+ True
+ False
+
+ 1120.000000
+ 1020.000000
+ Pixels
+
+
+
+ Cyan
+ Magenta
+ Yellow
+ Black
+
+
+
+
+
+ Default Swatch Group
+ 0
+
+
+
+ White
+ RGB
+ PROCESS
+ 255
+ 255
+ 255
+
+
+ Black
+ RGB
+ PROCESS
+ 0
+ 0
+ 0
+
+
+ RGB Red
+ RGB
+ PROCESS
+ 255
+ 0
+ 0
+
+
+ RGB Yellow
+ RGB
+ PROCESS
+ 255
+ 255
+ 0
+
+
+ RGB Green
+ RGB
+ PROCESS
+ 0
+ 255
+ 0
+
+
+ RGB Cyan
+ RGB
+ PROCESS
+ 0
+ 255
+ 255
+
+
+ RGB Blue
+ RGB
+ PROCESS
+ 0
+ 0
+ 255
+
+
+ RGB Magenta
+ RGB
+ PROCESS
+ 255
+ 0
+ 255
+
+
+ R=193 G=39 B=45
+ RGB
+ PROCESS
+ 193
+ 39
+ 45
+
+
+ R=237 G=28 B=36
+ RGB
+ PROCESS
+ 237
+ 28
+ 36
+
+
+ R=241 G=90 B=36
+ RGB
+ PROCESS
+ 241
+ 90
+ 36
+
+
+ R=247 G=147 B=30
+ RGB
+ PROCESS
+ 247
+ 147
+ 30
+
+
+ R=251 G=176 B=59
+ RGB
+ PROCESS
+ 251
+ 176
+ 59
+
+
+ R=252 G=238 B=33
+ RGB
+ PROCESS
+ 252
+ 238
+ 33
+
+
+ R=217 G=224 B=33
+ RGB
+ PROCESS
+ 217
+ 224
+ 33
+
+
+ R=140 G=198 B=63
+ RGB
+ PROCESS
+ 140
+ 198
+ 63
+
+
+ R=57 G=181 B=74
+ RGB
+ PROCESS
+ 57
+ 181
+ 74
+
+
+ R=0 G=146 B=69
+ RGB
+ PROCESS
+ 0
+ 146
+ 69
+
+
+ R=0 G=104 B=55
+ RGB
+ PROCESS
+ 0
+ 104
+ 55
+
+
+ R=34 G=181 B=115
+ RGB
+ PROCESS
+ 34
+ 181
+ 115
+
+
+ R=0 G=169 B=157
+ RGB
+ PROCESS
+ 0
+ 169
+ 157
+
+
+ R=41 G=171 B=226
+ RGB
+ PROCESS
+ 41
+ 171
+ 226
+
+
+ R=0 G=113 B=188
+ RGB
+ PROCESS
+ 0
+ 113
+ 188
+
+
+ R=46 G=49 B=146
+ RGB
+ PROCESS
+ 46
+ 49
+ 146
+
+
+ R=27 G=20 B=100
+ RGB
+ PROCESS
+ 27
+ 20
+ 100
+
+
+ R=102 G=45 B=145
+ RGB
+ PROCESS
+ 102
+ 45
+ 145
+
+
+ R=147 G=39 B=143
+ RGB
+ PROCESS
+ 147
+ 39
+ 143
+
+
+ R=158 G=0 B=93
+ RGB
+ PROCESS
+ 158
+ 0
+ 93
+
+
+ R=212 G=20 B=90
+ RGB
+ PROCESS
+ 212
+ 20
+ 90
+
+
+ R=237 G=30 B=121
+ RGB
+ PROCESS
+ 237
+ 30
+ 121
+
+
+ R=199 G=178 B=153
+ RGB
+ PROCESS
+ 199
+ 178
+ 153
+
+
+ R=153 G=134 B=117
+ RGB
+ PROCESS
+ 153
+ 134
+ 117
+
+
+ R=115 G=99 B=87
+ RGB
+ PROCESS
+ 115
+ 99
+ 87
+
+
+ R=83 G=71 B=65
+ RGB
+ PROCESS
+ 83
+ 71
+ 65
+
+
+ R=198 G=156 B=109
+ RGB
+ PROCESS
+ 198
+ 156
+ 109
+
+
+ R=166 G=124 B=82
+ RGB
+ PROCESS
+ 166
+ 124
+ 82
+
+
+ R=140 G=98 B=57
+ RGB
+ PROCESS
+ 140
+ 98
+ 57
+
+
+ R=117 G=76 B=36
+ RGB
+ PROCESS
+ 117
+ 76
+ 36
+
+
+ R=96 G=56 B=19
+ RGB
+ PROCESS
+ 96
+ 56
+ 19
+
+
+ R=66 G=33 B=11
+ RGB
+ PROCESS
+ 66
+ 33
+ 11
+
+
+ R=102 G=102 B=102
+ PROCESS
+ 100.000000
+ RGB
+ 102
+ 102
+ 102
+
+
+ R=139 G=0 B=122
+ PROCESS
+ 100.000000
+ RGB
+ 139
+ 0
+ 122
+
+
+ R=77 G=77 B=77
+ PROCESS
+ 100.000000
+ RGB
+ 77
+ 77
+ 77
+
+
+ R=242 G=242 B=242
+ PROCESS
+ 100.000000
+ RGB
+ 242
+ 242
+ 242
+
+
+ R=153 G=153 B=153
+ PROCESS
+ 100.000000
+ RGB
+ 153
+ 153
+ 153
+
+
+ R=4 G=4 B=4
+ PROCESS
+ 100.000000
+ RGB
+ 4
+ 4
+ 4
+
+
+ R=26 G=26 B=26
+ PROCESS
+ 100.000000
+ RGB
+ 26
+ 26
+ 26
+
+
+ R=22 G=22 B=22
+ PROCESS
+ 100.000000
+ RGB
+ 22
+ 22
+ 22
+
+
+ R=25 G=25 B=25
+ PROCESS
+ 100.000000
+ RGB
+ 25
+ 25
+ 25
+
+
+ R=179 G=179 B=179
+ PROCESS
+ 100.000000
+ RGB
+ 179
+ 179
+ 179
+
+
+ R=51 G=51 B=51
+ PROCESS
+ 100.000000
+ RGB
+ 51
+ 51
+ 51
+
+
+
+
+
+ Grays
+ 1
+
+
+
+ R=0 G=0 B=0
+ RGB
+ PROCESS
+ 0
+ 0
+ 0
+
+
+ R=26 G=26 B=26
+ RGB
+ PROCESS
+ 26
+ 26
+ 26
+
+
+ R=77 G=77 B=77
+ RGB
+ PROCESS
+ 77
+ 77
+ 77
+
+
+ R=102 G=102 B=102
+ RGB
+ PROCESS
+ 102
+ 102
+ 102
+
+
+ R=128 G=128 B=128
+ RGB
+ PROCESS
+ 128
+ 128
+ 128
+
+
+ R=153 G=153 B=153
+ RGB
+ PROCESS
+ 153
+ 153
+ 153
+
+
+ R=179 G=179 B=179
+ RGB
+ PROCESS
+ 179
+ 179
+ 179
+
+
+ R=204 G=204 B=204
+ RGB
+ PROCESS
+ 204
+ 204
+ 204
+
+
+ R=230 G=230 B=230
+ RGB
+ PROCESS
+ 230
+ 230
+ 230
+
+
+ R=242 G=242 B=242
+ RGB
+ PROCESS
+ 242
+ 242
+ 242
+
+
+
+
+
+ Headphones
+ 1
+
+
+
+ R=79 G=0 B=67 2
+ RGB
+ PROCESS
+ 79
+ 0
+ 67
+
+
+ R=106 G=51 B=165 1
+ RGB
+ PROCESS
+ 106
+ 51
+ 165
+
+
+ R=122 G=81 B=165 1
+ RGB
+ PROCESS
+ 122
+ 81
+ 165
+
+
+ R=68 G=80 B=20 1
+ RGB
+ PROCESS
+ 68
+ 80
+ 20
+
+
+ R=84 G=107 B=0 1
+ RGB
+ PROCESS
+ 84
+ 107
+ 0
+
+
+ R=79 G=0 B=67 1
+ RGB
+ PROCESS
+ 79
+ 0
+ 67
+
+
+
+
+
+
+
+
+ Adobe PDF library 9.90
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+endstream
endobj
3 0 obj
<>
endobj
13 0 obj
<>/Resources<>/ExtGState<>/Font<>/ProcSet[/PDF/Text]/Properties<>/Shading<>/XObject<>>>/Thumb 26 0 R/TrimBox[0.0 0.0 1120.0 1020.0]/Type/Page>>
endobj
14 0 obj
<>stream
+HVKk1W19kc)(IvJff4
n6WP@FIyE0hy0<ճjȻa11Ĉ挔4Jg-ʔIsa5hd!Іs-[U0&