Add locked icon for private providers, and unlocked icon for public.

Add classes to color providers by type: nzb or torrent

gui/slick/css/dark.css

@@ -574,6 +574,14 @@ config*.mako
 	color: #fff;
 }
 
+#provider_order_list .ui-state-default.torrent-provider {
+	background-color: #555 !important;
+}
+
+#provider_order_list .ui-state-default.nzb-provider {
+	background-color: #222 !important;
+}
+
 [class^="icon16-"], [class*=" icon16-"] {
 	background-image: url("../images/glyphicons-config-white.png");
 	background-position: -40px 0;

gui/slick/css/style.css

@@ -1656,6 +1656,14 @@ select .selected {
 	font-size: 14px;
 }
 
+#provider_order_list .ui-state-default.torrent-provider {
+	background-color: #DDD !important;
+}
+
+#provider_order_list .ui-state-default.nzb-provider {
+	background-color: #AAA !important;
+}
+
 #provider_order_list input,
 #service_order_list input {
 	margin: 0px 2px;

gui/slick/views/config_providers.mako

@@ -79,12 +79,13 @@ $('#config-components').tabs();
 
                                 curName = curProvider.getID()
                             %>
-                            <li class="ui-state-default ${('private', 'public')[bool(curProvider.public)]}" id="${curName}">
+                            <li class="ui-state-default ${('nzb-provider', 'torrent-provider')[bool(curProvider.providerType == "torrent")]}" id="${curName}">
                                 <input type="checkbox" id="enable_${curName}" class="provider_enabler" ${('', 'checked="checked"')[curProvider.isEnabled() == True]}/>
                                 <a href="${anon_url(curProvider.url)}" class="imgLink" rel="noreferrer" onclick="window.open(this.href, '_blank'); return false;"><img src="${sbRoot}/images/providers/${curProvider.imageName()}" alt="${curProvider.name}" title="${curProvider.name}" width="16" height="16" style="vertical-align:middle;"/></a>
                                 <span style="vertical-align:middle;">${curProvider.name}</span>
                                 ${('*', '')[bool(curProvider.supportsBacklog)]}
                                 <span class="ui-icon ui-icon-arrowthick-2-n-s pull-right" style="vertical-align:middle;"></span>
+                                <span class="ui-icon ${('ui-icon-locked','ui-icon-unlocked')[bool(curProvider.public)]} pull-right" style="vertical-align:middle;"></span>
                             </li>
                         % endfor
                         </ul>