Procházet zdrojové kódy

[core] Added new style, ported icons to monochromatic, converted help app
(cherry picked from commit bfb85d1cf7338ac134d44fda9ea047a4cf05a1c8)

Conflicts:

apps/shell/src/shell/static/art/icon_shell_24.png

Enrico Berti před 12 roky
rodič
revize
bb4cd0438b
30 změnil soubory, kde provedl 8542 přidání a 1722 odebrání
  1. binární
      apps/beeswax/static/art/icon_beeswax_24.png
  2. binární
      apps/filebrowser/src/filebrowser/static/art/icon_filebrowser_24.png
  3. binární
      apps/hbase/static/art/icon_24.png
  4. binární
      apps/help/src/help/static/art/icon_help_24.png
  5. 30 48
      apps/help/src/help/templates/display.mako
  6. 2 1
      apps/help/src/help/views.py
  7. binární
      apps/impala/static/art/icon_impala_24.png
  8. binární
      apps/jobbrowser/static/art/icon_jobbrowser_24.png
  9. binární
      apps/jobsub/static/art/icon_jobsub_24.png
  10. binární
      apps/metastore/static/art/table-browser-24-1.png
  11. binární
      apps/oozie/static/art/icon_oozie_24.png
  12. binární
      apps/pig/static/art/icon_pig_24.png
  13. binární
      apps/search/static/art/icon_search_24.png
  14. binární
      apps/sqoop/static/art/icon_sqoop_24.png
  15. 116 104
      apps/useradmin/src/useradmin/templates/list_groups.mako
  16. 59 53
      apps/useradmin/src/useradmin/templates/list_permissions.mako
  17. 157 143
      apps/useradmin/src/useradmin/templates/list_users.mako
  18. binární
      apps/useradmin/static/art/icon_useradmin_24.png
  19. 1 1
      desktop/core/src/desktop/templates/actionbar.mako
  20. 5 4
      desktop/core/src/desktop/templates/common_header.mako
  21. 1 1
      desktop/core/src/desktop/templates/config_alert_dock.mako
  22. 24 36
      desktop/core/src/desktop/templates/home.mako
  23. 1 1
      desktop/core/src/desktop/templates/jasmine.mako
  24. 3 15
      desktop/core/src/desktop/templates/login.mako
  25. binární
      desktop/core/static/art/home.png
  26. binární
      desktop/core/static/art/hue-logo-mini.png
  27. 0 1307
      desktop/core/static/css/hue2.css
  28. 1230 0
      desktop/core/static/css/hue3.css
  29. 6913 0
      desktop/core/static/ext/css/bootplus.css
  30. 0 8
      desktop/core/static/ext/css/bootstrap.min.css

binární
apps/beeswax/static/art/icon_beeswax_24.png


binární
apps/filebrowser/src/filebrowser/static/art/icon_filebrowser_24.png


binární
apps/hbase/static/art/icon_24.png


binární
apps/help/src/help/static/art/icon_help_24.png


+ 30 - 48
apps/help/src/help/templates/display.mako

@@ -15,54 +15,36 @@
 ## limitations under the License.
 <%!
 from desktop.views import commonheader, commonfooter
-%>
-${ commonheader("Hue Help", "help", user, "100px") | n,unicode }
-
-<style type="text/css">
-  .nav-pills li a {
-    font-size: 13px;
-  }
-</style>
-
-	<div class="subnav subnav-fixed">
-		<div class="container-fluid">
-		<ul class="nav nav-pills">
-			% for app in apps:
-				<li><a href="${url("help.views.view", app=app.name, path="/")}">${app.nice_name}</a></li>
-			% endfor
-		</ul>
-		</div>
-	</div>
-	<div class="container-fluid">
-		${content|n}
-	</div>
-
-  <script>
-    $(document).ready(function () {
-      $.jHueScrollUp();
 
-      resizeSubnav();
-
-      var resizeTimeout = -1;
-      var winWidth = $(window).width();
-      var winHeight = $(window).height();
-
-      $(window).on("resize", function () {
-        window.clearTimeout(resizeTimeout);
-        resizeTimeout = window.setTimeout(function () {
-          // prevents endless loop in IE8
-          if (winWidth != $(window).width() || winHeight != $(window).height()) {
-            resizeSubnav();
-            winWidth = $(window).width();
-            winHeight = $(window).height();
-          }
-        }, 200);
-      });
-
-      function resizeSubnav(){
-        $(".subnav").height($(".nav-pills").outerHeight());
-      }
-    });
-  </script>
+def is_selected(section, matcher):
+  if section == matcher:
+    return "active"
+  else:
+    return ""
+%>
+${ commonheader("Hue Help", "help", user, "70px") | n,unicode }
+
+<div class="container-fluid">
+  <div class="row-fluid">
+    <div class="span2">
+      <div class="sidebar-nav">
+        <ul class="nav nav-list">
+            % for app in apps:
+              <li class="${is_selected(app.name, current)}"><a href="${url("help.views.view", app=app.name, path="/")}">${app.nice_name}</a></li>
+            % endfor
+        </ul>
+      </div>
+    </div>
+    <div class="span10 well">
+      ${content|n}
+    </div>
+  </div>
+</div>
+
+<script>
+  $(document).ready(function () {
+    $.jHueScrollUp();
+  });
+</script>
 
 ${ commonfooter(messages) | n,unicode }

+ 2 - 1
apps/help/src/help/views.py

@@ -80,6 +80,7 @@ def view(request, app, path):
     'content': content,
     'apps': sorted([ x for x in appmanager.DESKTOP_MODULES if x.help_dir ],
       key = lambda app: app.menu_index),
-    'title': appmanager.get_desktop_module(app).nice_name
+    'title': appmanager.get_desktop_module(app).nice_name,
+    'current': app
   }
   return render("display.mako", request, data)

binární
apps/impala/static/art/icon_impala_24.png


binární
apps/jobbrowser/static/art/icon_jobbrowser_24.png


binární
apps/jobsub/static/art/icon_jobsub_24.png


binární
apps/metastore/static/art/table-browser-24-1.png


binární
apps/oozie/static/art/icon_oozie_24.png


binární
apps/pig/static/art/icon_pig_24.png


binární
apps/search/static/art/icon_search_24.png


binární
apps/sqoop/static/art/icon_sqoop_24.png


+ 116 - 104
apps/useradmin/src/useradmin/templates/list_groups.mako

@@ -26,57 +26,69 @@ ${ commonheader(_('Hue Groups'), "useradmin", user, "100px") | n,unicode }
 ${layout.menubar(section='groups', _=_)}
 
 <div class="container-fluid">
-    <h1>${_('Hue Groups')}</h1>
+  <div class="card">
+    <h1 class="card-heading simple">${_('Hue Groups')}</h1>
 
     <%actionbar:render>
-        <%def name="search()">
-          <input id="filterInput" type="text" class="input-xlarge search-query" placeholder="${_('Search for name, members, etc...')}">
-        </%def>
-        <%def name="actions()">
-            %if user.is_superuser:
-                <button id="deleteGroupBtn" class="btn confirmationModal" title="${_('Delete')}" disabled="disabled"><i class="icon-trash"></i> ${_('Delete')}</button>
-            %endif
-        </%def>
-        <%def name="creation()">
-            %if user.is_superuser:
-                <a id="addGroupBtn" href="${url('useradmin.views.edit_group')}" class="btn"><i class="icon-plus-sign"></i> ${_('Add group')}</a>
-                <a id="addLdapGroupBtn" href="${url('useradmin.views.add_ldap_groups')}" class="btn"><i class="icon-refresh"></i> ${_('Add/Sync LDAP group')}</a>
-            %endif
-        </%def>
+      <%def name="search()">
+          <input id="filterInput" type="text" class="input-xlarge search-query"
+                 placeholder="${_('Search for name, members, etc...')}">
+      </%def>
+      <%def name="actions()">
+        %if user.is_superuser:
+            <button id="deleteGroupBtn" class="btn confirmationModal" title="${_('Delete')}" disabled="disabled"><i
+                class="icon-trash"></i> ${_('Delete')}</button>
+        %endif
+      </%def>
+      <%def name="creation()">
+        %if user.is_superuser:
+            <a id="addGroupBtn" href="${url('useradmin.views.edit_group')}" class="btn"><i
+                class="icon-plus-sign"></i> ${_('Add group')}</a>
+            <a id="addLdapGroupBtn" href="${url('useradmin.views.add_ldap_groups')}" class="btn"><i
+                class="icon-refresh"></i> ${_('Add/Sync LDAP group')}</a>
+        %endif
+      </%def>
     </%actionbar:render>
 
     <table class="table table-striped table-condensed datatables">
-    <thead>
+      <thead>
       <tr>
         %if user.is_superuser:
-          <th width="1%"><div id="selectAll" class="hueCheckbox"></div></th>
+            <th width="1%">
+              <div id="selectAll" class="hueCheckbox"></div>
+            </th>
         %endif
         <th>${_('Group Name')}</th>
         <th>${_('Members')}</th>
         <th>${_('Permissions')}</th>
       </tr>
-    </thead>
-    <tbody>
-    % for group in groups:
-      <tr class="tableRow" data-search="${group.name}${', '.join([group_user.username for group_user in group.user_set.all()])}">
-        %if user.is_superuser:
-          <td data-row-selector-exclude="true">
-              <div class="hueCheckbox groupCheck" data-group="${group.name}" data-confirmation-url="${ url('useradmin.views.delete_group', name=urllib.quote(group.name))}" data-row-selector-exclude="true"></div>
-          </td>
-        %endif
-        <td>
+      </thead>
+      <tbody>
+          % for group in groups:
+          <tr class="tableRow"
+              data-search="${group.name}${', '.join([group_user.username for group_user in group.user_set.all()])}">
+          %if user.is_superuser:
+              <td data-row-selector-exclude="true">
+                <div class="hueCheckbox groupCheck" data-group="${group.name}"
+                     data-confirmation-url="${ url('useradmin.views.delete_group', name=urllib.quote(group.name))}"
+                     data-row-selector-exclude="true"></div>
+              </td>
+          %endif
+          <td>
             %if user.is_superuser:
-            <strong><a title="${_('Edit %(groupname)s') % dict(groupname=group.name)}" href="${ url('useradmin.views.edit_group', name=urllib.quote(group.name)) }" data-row-selector="true">${group.name}</a></strong>
+              <strong><a title="${_('Edit %(groupname)s') % dict(groupname=group.name)}"
+                         href="${ url('useradmin.views.edit_group', name=urllib.quote(group.name)) }"
+                         data-row-selector="true">${group.name}</a></strong>
             %else:
-            <strong>${group.name}</strong>
+              <strong>${group.name}</strong>
             %endif
-         </td>
-        <td>${', '.join([group_user.username for group_user in group.user_set.all()])}</td>
-        <td>${', '.join([perm.app + "." + perm.action for perm in group_permissions(group)])}</td>
-      </tr>
-    % endfor
-    </tbody>
-    <tfoot class="hide">
+          </td>
+            <td>${', '.join([group_user.username for group_user in group.user_set.all()])}</td>
+            <td>${', '.join([perm.app + "." + perm.action for perm in group_permissions(group)])}</td>
+          </tr>
+          % endfor
+      </tbody>
+      <tfoot class="hide">
       <tr>
         <td colspan="8">
           <div class="alert">
@@ -84,86 +96,86 @@ ${layout.menubar(section='groups', _=_)}
           </div>
         </td>
       </tr>
-    </tfoot>
+      </tfoot>
     </table>
+  </div>
 </div>
 
-
 <div id="deleteGroup" class="modal hide fade groupModal"></div>
 
 <script type="text/javascript" charset="utf-8">
-    $(document).ready(function(){
-        $(".datatables").dataTable({
-            "bPaginate": false,
-            "bLengthChange": false,
-            "bInfo": false,
-            "bFilter": false,
-            "bAutoWidth": false,
-            "aoColumns": [
-                %if user.is_superuser:
-                { "bSortable": false },
-                %endif
-                { "sWidth": "20%" },
-                { "sWidth": "20%" },
-                null
-             ],
-            "oLanguage": {
-                "sEmptyTable": "${_('No data available')}",
-                "sZeroRecords": "${_('No matching records')}",
-            }
-        });
+  $(document).ready(function () {
+    $(".datatables").dataTable({
+      "bPaginate": false,
+      "bLengthChange": false,
+      "bInfo": false,
+      "bFilter": false,
+      "bAutoWidth": false,
+      "aoColumns": [
+        %if user.is_superuser:
+            { "bSortable": false },
+        %endif
+        { "sWidth": "20%" },
+        { "sWidth": "20%" },
+        null
+      ],
+      "oLanguage": {
+        "sEmptyTable": "${_('No data available')}",
+        "sZeroRecords": "${_('No matching records')}",
+      }
+    });
 
-        $(".dataTables_wrapper").css("min-height","0");
-        $(".dataTables_filter").hide();
+    $(".dataTables_wrapper").css("min-height", "0");
+    $(".dataTables_filter").hide();
 
-        $(".confirmationModal").click(function(){
-            var _this = $(this);
-            $.ajax({
-                url: _this.data("confirmation-url"),
-                beforeSend: function(xhr){
-                    xhr.setRequestHeader("X-Requested-With", "Hue");
-                },
-                dataType: "html",
-                success: function(data){
-                    $("#deleteGroup").html(data);
-                    $("#deleteGroup").modal("show");
-                }
-            });
-        });
+    $(".confirmationModal").click(function () {
+      var _this = $(this);
+      $.ajax({
+        url: _this.data("confirmation-url"),
+        beforeSend: function (xhr) {
+          xhr.setRequestHeader("X-Requested-With", "Hue");
+        },
+        dataType: "html",
+        success: function (data) {
+          $("#deleteGroup").html(data);
+          $("#deleteGroup").modal("show");
+        }
+      });
+    });
 
-        $("#selectAll").click(function(){
-            if ($(this).attr("checked")) {
-                $(this).removeAttr("checked");
-                $(".groupCheck").removeClass("icon-ok").removeAttr("checked");
-            }
-            else {
-                $(this).attr("checked", "checked");
-                $(".groupCheck").addClass("icon-ok").attr("checked", "checked");
-            }
-            toggleActions();
-        });
+    $("#selectAll").click(function () {
+      if ($(this).attr("checked")) {
+        $(this).removeAttr("checked");
+        $(".groupCheck").removeClass("icon-ok").removeAttr("checked");
+      }
+      else {
+        $(this).attr("checked", "checked");
+        $(".groupCheck").addClass("icon-ok").attr("checked", "checked");
+      }
+      toggleActions();
+    });
 
-        $(".groupCheck").click(function(){
-            if ($(this).attr("checked")) {
-                $(this).removeClass("icon-ok").removeAttr("checked");
-            }
-            else {
-                $(this).addClass("icon-ok").attr("checked", "checked");
-            }
-            toggleActions();
-        });
+    $(".groupCheck").click(function () {
+      if ($(this).attr("checked")) {
+        $(this).removeClass("icon-ok").removeAttr("checked");
+      }
+      else {
+        $(this).addClass("icon-ok").attr("checked", "checked");
+      }
+      toggleActions();
+    });
 
-        function toggleActions() {
-            if ($(".groupCheck[checked='checked']").length == 1) {
-                $("#deleteGroupBtn").removeAttr("disabled").data("confirmation-url", $(".groupCheck[checked='checked']").data("confirmation-url"));
-            }
-            else {
-                $("#deleteGroupBtn").attr("disabled", "disabled");
-            }
-        }
+    function toggleActions() {
+      if ($(".groupCheck[checked='checked']").length == 1) {
+        $("#deleteGroupBtn").removeAttr("disabled").data("confirmation-url", $(".groupCheck[checked='checked']").data("confirmation-url"));
+      }
+      else {
+        $("#deleteGroupBtn").attr("disabled", "disabled");
+      }
+    }
 
-        $("a[data-row-selector='true']").jHueRowSelector();
-    });
+    $("a[data-row-selector='true']").jHueRowSelector();
+  });
 </script>
 
 ${layout.commons()}

+ 59 - 53
apps/useradmin/src/useradmin/templates/list_permissions.mako

@@ -27,71 +27,77 @@ ${ commonheader(_('Hue Permissions'), "useradmin", user, "100px") | n,unicode }
 ${layout.menubar(section='permissions', _=_)}
 
 <div class="container-fluid">
-    <h1>${_('Hue Permissions')}</h1>
+  <div class="card">
+    <h1 class="card-heading simple">${_('Hue Permissions')}</h1>
     <%actionbar:render>
       <%def name="search()">
-        <input id="filterInput" type="text" class="input-xlarge search-query" placeholder="${_('Search for application, group, etc...')}">
+          <input id="filterInput" type="text" class="input-xlarge search-query"
+                 placeholder="${_('Search for application, group, etc...')}">
       </%def>
     </%actionbar:render>
 
     <table class="table table-striped table-condensed datatables">
-        <thead>
-        <tr>
-            <th>${_('Application')}</th>
-            <th>${_('Permission')}</th>
-            <th>${_('Groups')}</th>
-        </tr>
-        </thead>
-        <tbody>
-            % for perm in permissions:
-            <tr class="tableRow" data-search="${perm.app}${perm.description}${', '.join([group.name for group in Group.objects.filter(grouppermission__hue_permission=perm).order_by('name')])}">
-                <td>
-                %if user.is_superuser:
-                    <strong><a title="${_('Edit permission')}" href="${ url('useradmin.views.edit_permission', app=urllib.quote(perm.app), priv=urllib.quote(perm.action)) }" data-name="${perm.app}" data-row-selector="true">${perm.app}</a></strong>
-                %else:
-                    <strong>${perm.app}</strong>
-                %endif
-                </td>
-                <td>${perm.description}</td>
-                <td>${', '.join([group.name for group in Group.objects.filter(grouppermission__hue_permission=perm).order_by('name')])}</td>
-            </tr>
-            % endfor
-        </tbody>
-        <tfoot class="hide">
-        <tr>
-            <td colspan="3">
-                <div class="alert">
-                    ${_('There are no permissions matching the search criteria.')}
-                </div>
-            </td>
-        </tr>
-        </tfoot>
+      <thead>
+      <tr>
+        <th>${_('Application')}</th>
+        <th>${_('Permission')}</th>
+        <th>${_('Groups')}</th>
+      </tr>
+      </thead>
+      <tbody>
+          % for perm in permissions:
+          <tr class="tableRow"
+              data-search="${perm.app}${perm.description}${', '.join([group.name for group in Group.objects.filter(grouppermission__hue_permission=perm).order_by('name')])}">
+          <td>
+            %if user.is_superuser:
+              <strong><a title="${_('Edit permission')}"
+                         href="${ url('useradmin.views.edit_permission', app=urllib.quote(perm.app), priv=urllib.quote(perm.action)) }"
+                         data-name="${perm.app}" data-row-selector="true">${perm.app}</a></strong>
+            %else:
+              <strong>${perm.app}</strong>
+            %endif
+          </td>
+            <td>${perm.description}</td>
+            <td>${', '.join([group.name for group in Group.objects.filter(grouppermission__hue_permission=perm).order_by('name')])}</td>
+          </tr>
+          % endfor
+      </tbody>
+      <tfoot class="hide">
+      <tr>
+        <td colspan="3">
+          <div class="alert">
+            ${_('There are no permissions matching the search criteria.')}
+          </div>
+        </td>
+      </tr>
+      </tfoot>
     </table>
+  </div>
 </div>
 
 <script type="text/javascript" charset="utf-8">
-    $(document).ready(function(){
-        $(".datatables").dataTable({
-            "bPaginate": false,
-            "bLengthChange": false,
-            "bInfo": false,
-            "bFilter": false,
-            "aoColumns": [
-                null,
-                null,
-                null
-            ],
-            "oLanguage": {
-                "sEmptyTable": "${_('No data available')}",
-                "sZeroRecords": "${_('No matching records')}",
-            }
-        });
+  $(document).ready(function () {
+    $(".datatables").dataTable({
+      "bPaginate": false,
+      "bLengthChange": false,
+      "bInfo": false,
+      "bFilter": false,
+      "aoColumns": [
+        null,
+        null,
+        null
+      ],
+      "oLanguage": {
+        "sEmptyTable": "${_('No data available')}",
+        "sZeroRecords": "${_('No matching records')}",
+      }
+    });
 
-        $(".dataTables_wrapper").css("min-height","0");
-        $(".dataTables_filter").hide();
+    $(".dataTables_wrapper").css("min-height", "0");
+    $(".dataTables_filter").hide();
 
-        $("a[data-row-selector='true']").jHueRowSelector();
-    });
+    $("a[data-row-selector='true']").jHueRowSelector();
+  });
 </script>
 
 ${layout.commons()}

+ 157 - 143
apps/useradmin/src/useradmin/templates/list_users.mako

@@ -26,91 +26,105 @@ ${ commonheader(_('Hue Users'), "useradmin", user, "100px") | n,unicode }
 ${layout.menubar(section='users', _=_)}
 
 <div class="container-fluid">
-    <h1>${_('Hue Users')}</h1>
+  <div class="card">
+    <h1 class="card-heading simple">${_('Hue Users')}</h1>
 
     <%actionbar:render>
-        <%def name="search()">
-          <input id="filterInput" type="text" class="input-xlarge search-query" placeholder="${_('Search for name, group, etc...')}">
-        </%def>
-        <%def name="actions()">
-            %if user.is_superuser:
-                <button id="deleteUserBtn" class="btn" title="${_('Delete')}" disabled="disabled"><i class="icon-trash"></i> ${_('Delete')}</button>
-            %endif
-        </%def>
-        <%def name="creation()">
-            %if user.is_superuser:
-                <a href="${ url('useradmin.views.edit_user') }" class="btn"><i class="icon-user"></i> ${_('Add user')}</a>
-                <a href="${ url('useradmin.views.add_ldap_users') }" class="btn"><i class="icon-briefcase"></i> ${_('Add/Sync LDAP user')}</a>
-                <a href="javascript:void(0)" class="btn confirmationModal" data-confirmation-url="${ url('useradmin.views.sync_ldap_users_groups') }"><i class="icon-refresh"></i> ${_('Sync LDAP users/groups')}</a>
-            %endif
-        </%def>
+      <%def name="search()">
+          <input id="filterInput" type="text" class="input-xlarge search-query"
+                 placeholder="${_('Search for name, group, etc...')}">
+      </%def>
+      <%def name="actions()">
+        %if user.is_superuser:
+            <button id="deleteUserBtn" class="btn" title="${_('Delete')}" disabled="disabled"><i
+                class="icon-trash"></i> ${_('Delete')}</button>
+        %endif
+      </%def>
+      <%def name="creation()">
+        %if user.is_superuser:
+            <a href="${ url('useradmin.views.edit_user') }" class="btn"><i class="icon-user"></i> ${_('Add user')}</a>
+            <a href="${ url('useradmin.views.add_ldap_users') }" class="btn"><i
+                class="icon-briefcase"></i> ${_('Add/Sync LDAP user')}</a>
+            <a href="javascript:void(0)" class="btn confirmationModal"
+               data-confirmation-url="${ url('useradmin.views.sync_ldap_users_groups') }"><i
+                class="icon-refresh"></i> ${_('Sync LDAP users/groups')}</a>
+        %endif
+      </%def>
     </%actionbar:render>
 
-    <table class="table table-striped table-condensed datatables">
-        <thead>
-            <tr>
-                %if user.is_superuser:
-                    <th width="1%"><div id="selectAll" class="hueCheckbox"></div></th>
-                %endif
-                <th>${_('Username')}</th>
-                <th>${_('First Name')}</th>
-                <th>${_('Last Name')}</th>
-                <th>${_('E-mail')}</th>
-                <th>${_('Groups')}</th>
-                <th>${_('Last Login')}</th>
-            </tr>
-        </thead>
-        <tbody>
-        % for listed_user in users:
-            <tr class="tableRow" data-search="${listed_user.username}${listed_user.first_name}${listed_user.last_name}${listed_user.email}${', '.join([group.name for group in listed_user.groups.all()])}">
-                %if user.is_superuser:
-                    <td data-row-selector-exclude="true">
-                        <div class="hueCheckbox userCheck" data-row-selector-exclude="true" data-id="${ listed_user.id }"></div>
-                    </td>
-                %endif
-                <td>
-                    %if user.is_superuser or user.username == listed_user.username:
-                        <strong><a title="${_('Edit %(username)s') % dict(username=listed_user.username)}" href="${ url('useradmin.views.edit_user', username=urllib.quote(listed_user.username)) }" data-row-selector="true">${listed_user.username}</a></strong>
-                    %else:
-                        <strong>${listed_user.username}</strong>
-                    %endif
-                </td>
-                <td>${listed_user.first_name}</td>
-                <td>${listed_user.last_name}</td>
-                <td>${listed_user.email}</td>
-                <td>${', '.join([group.name for group in listed_user.groups.all()])}</td>
-                <td>${date(listed_user.last_login)} ${time(listed_user.last_login).replace("p.m.","PM").replace("a.m.","AM")}</td>
-            </tr>
-        % endfor
-        </tbody>
-        <tfoot class="hide">
-            <tr>
-                <td colspan="8">
-                    <div class="alert">
-                        ${_('There are no users matching the search criteria.')}
-                    </div>
-                </td>
-            </tr>
-        </tfoot>
+    <table class="table table-condensed datatables">
+      <thead>
+      <tr>
+        %if user.is_superuser:
+            <th width="1%">
+              <div id="selectAll" class="hueCheckbox"></div>
+            </th>
+        %endif
+        <th>${_('Username')}</th>
+        <th>${_('First Name')}</th>
+        <th>${_('Last Name')}</th>
+        <th>${_('E-mail')}</th>
+        <th>${_('Groups')}</th>
+        <th>${_('Last Login')}</th>
+      </tr>
+      </thead>
+      <tbody>
+          % for listed_user in users:
+          <tr class="tableRow"
+              data-search="${listed_user.username}${listed_user.first_name}${listed_user.last_name}${listed_user.email}${', '.join([group.name for group in listed_user.groups.all()])}">
+          %if user.is_superuser:
+              <td data-row-selector-exclude="true">
+                <div class="hueCheckbox userCheck" data-row-selector-exclude="true" data-id="${ listed_user.id }"></div>
+              </td>
+          %endif
+          <td>
+            %if user.is_superuser or user.username == listed_user.username:
+              <strong><a title="${_('Edit %(username)s') % dict(username=listed_user.username)}"
+                         href="${ url('useradmin.views.edit_user', username=urllib.quote(listed_user.username)) }"
+                         data-row-selector="true">${listed_user.username}</a></strong>
+            %else:
+              <strong>${listed_user.username}</strong>
+            %endif
+          </td>
+            <td>${listed_user.first_name}</td>
+            <td>${listed_user.last_name}</td>
+            <td>${listed_user.email}</td>
+            <td>${', '.join([group.name for group in listed_user.groups.all()])}</td>
+            <td>${date(listed_user.last_login)} ${time(listed_user.last_login).replace("p.m.","PM").replace("a.m.","AM")}</td>
+          </tr>
+          % endfor
+      </tbody>
+      <tfoot class="hide">
+      <tr>
+        <td colspan="8">
+          <div class="alert">
+            ${_('There are no users matching the search criteria.')}
+          </div>
+        </td>
+      </tr>
+      </tfoot>
     </table>
-
-    <div id="syncLdap" class="modal hide fade"></div>
-
-    <div id="deleteUser" class="modal hide fade">
-        <form id="dropTableForm" action="${ url('useradmin.views.delete_user') }" method="POST">
-            <div class="modal-header">
-                <a href="#" class="close" data-dismiss="modal">&times;</a>
-                <h3 id="deleteUserMessage">${ _("Are you sure you want to delete the selected user(s)?") }</h3>
-            </div>
-            <div class="modal-footer">
-                <a href="#" class="btn" data-dismiss="modal">${_('No')}</a>
-                <input type="submit" class="btn btn-danger" value="${_('Yes')}"/>
-            </div>
-            <div class="hide">
-                <select name="user_ids" data-bind="options: availableUsers, selectedOptions: chosenUsers" multiple="true"></select>
-            </div>
-        </form>
-    </div>
+  </div>
+
+  <div id="syncLdap" class="modal hide fade"></div>
+
+  <div id="deleteUser" class="modal hide fade">
+    <form id="dropTableForm" action="${ url('useradmin.views.delete_user') }" method="POST">
+      <div class="modal-header">
+        <a href="#" class="close" data-dismiss="modal">&times;</a>
+
+        <h3 id="deleteUserMessage">${ _("Are you sure you want to delete the selected user(s)?") }</h3>
+      </div>
+      <div class="modal-footer">
+        <a href="#" class="btn" data-dismiss="modal">${_('No')}</a>
+        <input type="submit" class="btn btn-danger" value="${_('Yes')}"/>
+      </div>
+      <div class="hide">
+        <select name="user_ids" data-bind="options: availableUsers, selectedOptions: chosenUsers"
+                multiple="true"></select>
+      </div>
+    </form>
+  </div>
 
 </div>
 
@@ -119,91 +133,91 @@ ${layout.menubar(section='users', _=_)}
 <script type="text/javascript" charset="utf-8">
   $(document).ready(function () {
     var viewModel = {
-        availableUsers : ko.observableArray(${ users_json | n }),
-        chosenUsers : ko.observableArray([])
+      availableUsers: ko.observableArray(${ users_json | n }),
+      chosenUsers: ko.observableArray([])
     };
 
     ko.applyBindings(viewModel);
 
     $(".datatables").dataTable({
-        "bPaginate": false,
-        "bLengthChange": false,
-        "bInfo": false,
-        "bFilter": false,
-        "aoColumns": [
-            %if user.is_superuser:
+      "bPaginate": false,
+      "bLengthChange": false,
+      "bInfo": false,
+      "bFilter": false,
+      "aoColumns": [
+        %if user.is_superuser:
             { "bSortable": false },
-            %endif
-            null,
-            null,
-            null,
-            null,
-            null,
-            { "sType": "date" }
-        ],
-        "oLanguage": {
-            "sEmptyTable": "${_('No data available')}",
-            "sZeroRecords": "${_('No matching records')}",
-        }
+        %endif
+        null,
+        null,
+        null,
+        null,
+        null,
+        { "sType": "date" }
+      ],
+      "oLanguage": {
+        "sEmptyTable": "${_('No data available')}",
+        "sZeroRecords": "${_('No matching records')}",
+      }
     });
 
-    $(".dataTables_wrapper").css("min-height","0");
+    $(".dataTables_wrapper").css("min-height", "0");
     $(".dataTables_filter").hide();
 
-    $(".confirmationModal").click(function(){
-        var _this = $(this);
-        $.ajax({
-            url: _this.data("confirmation-url"),
-            beforeSend: function(xhr){
-                xhr.setRequestHeader("X-Requested-With", "Hue");
-            },
-            dataType: "html",
-            success: function(data){
-                $("#deleteUser").html(data);
-                $("#deleteUser").modal("show");
-            }
-        });
+    $(".confirmationModal").click(function () {
+      var _this = $(this);
+      $.ajax({
+        url: _this.data("confirmation-url"),
+        beforeSend: function (xhr) {
+          xhr.setRequestHeader("X-Requested-With", "Hue");
+        },
+        dataType: "html",
+        success: function (data) {
+          $("#deleteUser").html(data);
+          $("#deleteUser").modal("show");
+        }
+      });
     });
 
-    $("#selectAll").click(function(){
-        if ($(this).attr("checked")) {
-            $(this).removeAttr("checked");
-            $(".userCheck").removeClass("icon-ok").removeAttr("checked");
-        }
-        else {
-            $(this).attr("checked", "checked");
-            $(".userCheck").addClass("icon-ok").attr("checked", "checked");
-        }
-        toggleActions();
+    $("#selectAll").click(function () {
+      if ($(this).attr("checked")) {
+        $(this).removeAttr("checked");
+        $(".userCheck").removeClass("icon-ok").removeAttr("checked");
+      }
+      else {
+        $(this).attr("checked", "checked");
+        $(".userCheck").addClass("icon-ok").attr("checked", "checked");
+      }
+      toggleActions();
     });
 
-    $(".userCheck").click(function(){
-        if ($(this).attr("checked")) {
-            $(this).removeClass("icon-ok").removeAttr("checked");
-        }
-        else {
-            $(this).addClass("icon-ok").attr("checked", "checked");
-        }
-        toggleActions();
+    $(".userCheck").click(function () {
+      if ($(this).attr("checked")) {
+        $(this).removeClass("icon-ok").removeAttr("checked");
+      }
+      else {
+        $(this).addClass("icon-ok").attr("checked", "checked");
+      }
+      toggleActions();
     });
 
     function toggleActions() {
-        if ($(".userCheck[checked='checked']").length >= 1) {
-            $("#deleteUserBtn").removeAttr("disabled");
-        }
-        else {
-            $("#deleteUserBtn").attr("disabled", "disabled");
-        }
+      if ($(".userCheck[checked='checked']").length >= 1) {
+        $("#deleteUserBtn").removeAttr("disabled");
+      }
+      else {
+        $("#deleteUserBtn").attr("disabled", "disabled");
+      }
     }
 
     $("#deleteUserBtn").click(function () {
-        viewModel.chosenUsers.removeAll();
+      viewModel.chosenUsers.removeAll();
 
-        $(".hueCheckbox[checked='checked']").each(function( index ) {
-            viewModel.chosenUsers.push($(this).data("id"));
-        });
+      $(".hueCheckbox[checked='checked']").each(function (index) {
+        viewModel.chosenUsers.push($(this).data("id"));
+      });
 
-        $("#deleteUser").modal("show");
+      $("#deleteUser").modal("show");
     });
 
     $("a[data-row-selector='true']").jHueRowSelector();

binární
apps/useradmin/static/art/icon_useradmin_24.png


+ 1 - 1
desktop/core/src/desktop/templates/actionbar.mako

@@ -18,7 +18,7 @@
 %>
 
 <%def name="render()">
-    <div class="well" style="padding-top: 10px; padding-bottom: 0">
+    <div style="padding: 10px;">
         <div class="pull-right" style="margin:0">
             %if hasattr(caller, "creation"):
                 ${caller.creation()}

+ 5 - 4
desktop/core/src/desktop/templates/common_header.mako

@@ -49,9 +49,9 @@ from django.utils.translation import ugettext as _
   <meta name="description" content="">
   <meta name="author" content="">
 
-  <link href="/static/ext/css/bootstrap.min.css" rel="stylesheet">
+  <link href="/static/ext/css/bootplus.css" rel="stylesheet">
   <link href="/static/ext/css/font-awesome.min.css" rel="stylesheet">
-  <link href="/static/css/hue2.css" rel="stylesheet">
+  <link href="/static/css/hue3.css" rel="stylesheet">
   <link href="/static/ext/css/fileuploader.css" rel="stylesheet">
 
   <style type="text/css">
@@ -140,13 +140,14 @@ from django.utils.translation import ugettext as _
       % endif
       $(".navbar .nav-tooltip").tooltip({
         delay:0,
+
         placement:'bottom'});
     });
   </script>
 </head>
 <body>
 
-<div class="navbar navbar-fixed-top">
+<div class="navbar navbar-inverse navbar-fixed-top">
     % if conf.CUSTOM.BANNER_TOP_HTML.get():
     <div id="banner-top" class="banner">
         ${conf.CUSTOM.BANNER_TOP_HTML.get()}
@@ -154,7 +155,7 @@ from django.utils.translation import ugettext as _
     % endif
     <div class="navbar-inner">
       <div class="container-fluid">
-        <a class="brand nav-tooltip" title="${_('About Hue')}" href="/about"><img src="/static/art/hue-logo-mini-letterpress.png" /></a>
+        <a class="brand nav-tooltip" title="${_('About Hue')}" href="/about"><img src="/static/art/hue-logo-mini.png" /></a>
         % if user.is_authenticated():
         <div id="usernameDropdown" class="btn-group pull-right">
           <a class="btn dropdown-toggle" data-toggle="dropdown" href="#">

+ 1 - 1
desktop/core/src/desktop/templates/config_alert_dock.mako

@@ -18,6 +18,6 @@ from django.utils.translation import ugettext as _
 %>
 % if error_list:
   <a href="${url('about:index')}" title="${_('Misconfiguration detected')}" alt="${_('Misconfiguration detected')}">
-    <i class="icon-warning-sign" style="color:#fef052"></i>
+    <i class="icon-warning-sign" style="color:#3189C1"></i>
   </a>
 % endif

+ 24 - 36
desktop/core/src/desktop/templates/home.mako

@@ -34,27 +34,21 @@ ${ commonheader(_('Home'), "home", user) | n,unicode }
 <div style="position: absolute;top:80px;right:30px"><img src="/static/art/hue-logo-subtle.png"/></div>
 
 <div class="container-fluid">
-  <h1>${_('Welcome Home.')}</h1>
-
   <div class="row-fluid">
-    <div class="span12">
-      <p>
-        ${ _('Hue is a Web UI for Apache Hadoop. Select an application below.') }
-      </p>
-    </div>
+  <div class="span12">
+    <h1>${_('Welcome Home.')}</h1>
+    <p>
+      ${ _('Hue is a Web UI for Apache Hadoop. Select an application below.') }
+    </p>
   </div>
-
+</div>
   <div class="row-fluid" style="margin-top: 30px">
 
     <div class="span4">
-      <div class="widget-box">
-        <div class="widget-title">
-          <span class="icon">
-            <i class="icon-th-list"></i>
-          </span>
-          <h5>${_('Query')}</h5>
-        </div>
-        <div class="widget-content">
+      <div class="card">
+         <h2 class="card-heading simple">${_('Query')}</h2>
+      <div class="card-body">
+        <p>
           <ul>
             ${ app_link("beeswax", "Hive") }
             ${ app_link("impala", "Impala") }
@@ -63,19 +57,16 @@ ${ commonheader(_('Home'), "home", user) | n,unicode }
             ${ app_link("hbase", _('HBase')) }
             ${ app_link("shell", _('Shell')) }
           </ul>
-        </div>
+        </p>
       </div>
-    </div>
+       </div>
+     </div>
 
     <div class="span4">
-      <div class="widget-box">
-        <div class="widget-title">
-          <span class="icon">
-            <i class="icon-th-list"></i>
-          </span>
-          <h5>${_('Hadoop')}</h5>
-        </div>
-        <div class="widget-content">
+      <div class="card">
+        <h2 class="card-heading simple">${_('Hadoop')}</h2>
+        <div class="card-body">
+        <p>
           <ul>
             ${ app_link("filebrowser", _('Files')) }
             ${ app_link("jobbrowser", _('Jobs')) }
@@ -83,27 +74,24 @@ ${ commonheader(_('Home'), "home", user) | n,unicode }
             ${ app_link("sqoop", _('Sqoop 2')) }
             ${ app_link("jobsub", _('Designs')) }
           </ul>
-        </div>
+        </p>
       </div>
     </div>
+      </div>
 
     <div class="span4">
-      <div class="widget-box">
-        <div class="widget-title">
-          <span class="icon">
-            <i class="icon-th-list"></i>
-          </span>
-          <h5>${_('Workflow')}</h5>
-        </div>
-        <div class="widget-content">
+      <div class="card">
+        <h2 class="card-heading simple">${_('Workflow')}</h2>
+        <div class="card-body">
+        <p>
           <ul>
             ${ app_link("oozie", _('Dashboard')) }
             ${ app_link("oozie", _('Editor'), "list_workflows/") }
           </ul>
         </div>
       </div>
+     </div>
     </div>
-  </div>
 </div>
 
 <script type="text/javascript" charset="utf-8">

+ 1 - 1
desktop/core/src/desktop/templates/jasmine.mako

@@ -21,7 +21,7 @@
 <%inherit file="common_jasmine.mako"/>
 
 <%block name="specs">
-  <link href="/static/css/hue2.css" rel="stylesheet">
+  <link href="/static/css/hue3.css" rel="stylesheet">
 
   <script src="/static/ext/js/jquery/plugins/jquery.dataTables.1.8.2.min.js"></script>
   <script src="/static/ext/js/bootstrap.min.js"></script>

+ 3 - 15
desktop/core/src/desktop/templates/login.mako

@@ -31,9 +31,9 @@ from django.utils.translation import ugettext as _
   <meta name="description" content="">
   <meta name="author" content="">
 
-  <link href="/static/ext/css/bootstrap.min.css" rel="stylesheet">
+  <link href="/static/ext/css/bootplus.css" rel="stylesheet">
   <link href="/static/ext/css/font-awesome.min.css" rel="stylesheet">
-  <link href="/static/css/hue2.css" rel="stylesheet">
+  <link href="/static/css/hue3.css" rel="stylesheet">
 
   <style type="text/css">
     body {
@@ -89,24 +89,12 @@ from django.utils.translation import ugettext as _
 </head>
 
 <body>
-  <div class="navbar navbar-fixed-top">
-    % if conf.CUSTOM.BANNER_TOP_HTML.get():
-    <div id="banner-top" class="banner">
-      ${conf.CUSTOM.BANNER_TOP_HTML.get()}
-    </div>
-    % endif
-    <div class="navbar-inner">
-      <div class="container-fluid"></div>
-    </div>
-  </div>
 
   <div class="container">
-    <div class="row">
-      <img id="logo" src="/static/art/hue-login-logo.png" />
-    </div>
     <div class="row">
       <div class="login-content">
         <form method="POST" action="${action}" class="well">
+        <img id="logo" src="/static/art/hue-login-logo.png" />
           <label
           % if backend_name == 'OAuthBackend':
             class="hide"

binární
desktop/core/static/art/home.png


binární
desktop/core/static/art/hue-logo-mini.png


+ 0 - 1307
desktop/core/static/css/hue2.css

@@ -1,1307 +0,0 @@
-.navbar .brand {
-  color: #FFFFFF;
-  padding-top: 8px;
-  padding-bottom:0px;
-}
-
-.subnav {
-    background-color: #EEEEEE;
-    background-image: -moz-linear-gradient(center top , #F5F5F5 0%, #EEEEEE 100%);
-    background-repeat: repeat-x;
-    border: 1px solid #E5E5E5;
-    border-radius: 4px;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    height: 36px;
-    width: 100%;
-}
-.subnav .nav {
-    margin-bottom: 0;
-}
-.subnav .nav > li > a {
-    border-left: 1px solid #F5F5F5;
-    border-radius: 0;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    border-right: 1px solid #E5E5E5;
-    margin: 0;
-    padding-bottom: 11px;
-    padding-top: 11px;
-}
-.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
-    background-color: #E9E9E9;
-    border-left: 0 none;
-    border-right-color: #DDDDDD;
-    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
-    color: #777777;
-    padding-left: 13px;
-}
-.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
-    border-top-color: #777777;
-}
-.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
-    border-left: 0 none;
-    border-radius: 4px 0 0 4px;
-    -webkit-border-radius: 4px 0 0 4px;
-    -moz-border-radius: 4px 0 0 4px;
-    padding-left: 12px;
-}
-.subnav .nav > li:last-child > a {
-    border-right: 0 none;
-}
-.subnav .dropdown-menu {
-    border-radius: 0 0 4px 4px;
-    -webkit-border-radius: 0 0 4px 4px;
-    -moz-border-radius: 0 0 4px 4px;
-}
-.subnav-fixed {
-    border-color: #D5D5D5;
-    border-radius: 0;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-    border-width: 0 0 1px;
-    box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
-    left: 0;
-    position: fixed;
-    right: 0;
-    top: 40px;
-    z-index: 1020;
-}
-.subnav-fixed .nav {
-    margin: 0 auto;
-    padding: 0 1px;
-}
-.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
-    border-radius: 0;
-    -webkit-border-radius: 0;
-    -moz-border-radius: 0;
-}
-
-.navbar-inner {
-    padding-left: 20px;
-    padding-right: 20px;
-    background-color: #2c2c2c;
-    background-image: -moz-linear-gradient(top, #2c7fb3, #01639c);
-    background-image: -ms-linear-gradient(top, #2c7fb3, #01639c);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c7fb3), to(#01639c));
-    background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c);
-    background-image: -o-linear-gradient(top, #2c7fb3, #01639c);
-    background-image: linear-gradient(top, #2c7fb3, #01639c);
-    background-repeat: repeat-x;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c7fb3', endColorstr='#01639c', GradientType=0);
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
-}
-
-.navbar .divider-vertical {
-    height: 40px;
-    width: 1px;
-    margin: 0 9px;
-    overflow: hidden;
-    background-color: #01639c;
-    border-right: 1px solid #2c7fb3;
-    border-left: 0;
-}
-
-.navbar .nav > li > a {
-    float: none;
-    padding: 5px 10px 7px;
-    line-height: 28px;
-    font-size: 13px;
-    color: #e5e5e5;
-    text-decoration: none;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-}
-.navbar .nav > li > a:hover {
-    background-color: transparent;
-    color: #ffffff !important;
-    text-decoration: none;
-}
-.navbar .nav .active > a, .navbar .nav .active > a:hover {
-    background-color: rgba(0, 0, 0, 0.5);
-    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#103951', endColorstr='#103951'); /* IE */
-    color: #FFFFFF;
-    text-decoration: none;
-}
-
-h1 {
-    margin-bottom:.7em;
-}
-
-.form-stacked {
-    margin: 0;
-}
-
-.form-inline input, .form-inline a {
-  vertical-align: baseline;
-}
-
-.pagination p {
-    padding-top:6px;
-}
-
-.right {
-    text-align:right!important;
-}
-
-.center {
-    text-align:center!important;
-}
-
-.left {
-    text-align:left!important;
-}
-
-.nowrap {
-    white-space: nowrap;
-}
-
-.btn.primary {
-    background-color: #01639c;
-    background-image: -moz-linear-gradient(center top , #2c7fb3, #01639c);
-    background-repeat: repeat-x;
-    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-    color: #FFFFFF;
-    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
-}
-
-.btn.primary, .btn-primary {
-    background-color: #006dcc;
-    color: #ffffff;
-    background-image: -moz-linear-gradient(top, #2c7fb3, #01639c);
-    background-image: -ms-linear-gradient(top, #2c7fb3, #01639c);
-    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#2c7fb3), to(#01639c));
-    background-image: -webkit-linear-gradient(top, #2c7fb3, #01639c);
-    background-image: -o-linear-gradient(top, #2c7fb3, #01639c);
-    background-image: linear-gradient(top, #2c7fb3, #01639c);
-    background-repeat: repeat-x;
-    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#'2c7fb3, endColorstr='#'01639c, GradientType=0);
-    border-color: #0044cc #0044cc #002a80;
-    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
-}
-.btn.primary:hover,
-.btn-primary:hover,
-.btn-primary:active,
-.btn-primary.active,
-.btn-primary.disabled,
-.btn-primary[disabled] {
-    background-color: #01639c;
-}
-
-a.toggle-display-link:link {
-  color: black; text-decoration: none;
-}
-
-a.toggle-display-link:active {
-  color: black; text-decoration: none;
-}
-
-a.toggle-display-link:visited {
-  color: black; text-decoration: none;
-}
-
-a.toggle-display-link:hover {
-  color: black; text-decoration: none;
-}
-
-.withTitle {
-    top: 60px!important;
-}
-
-.clear {
-    clear:both;
-}
-
-.sectionbar {
-    background-color: #E5E5E5;
-    background-image: linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
-    background-image: -o-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
-    background-image: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
-    background-image: -webkit-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
-    background-image: -ms-linear-gradient(top, rgb(255,255,255) 0%, rgb(229,229,229) 100%);
-
-    background-image: -webkit-gradient(
-        linear,
-        left top,
-        left bottom,
-        color-stop(0, rgb(255,255,255)),
-        color-stop(1, rgb(229,229,229))
-    );
-    height:40px;
-    border-bottom:1px solid #CBCBCB;
-    padding-top:10px;
-}
-.sectionbar h2 {
-    font-size: 20px;
-    font-weight: 400;
-    padding-left:20px;
-    float:left;
-}
-.sectionbar h2.selected {
-    color:#01639C;
-}
-.sectionbar h2.subsection, .sectionbar h2.subsubsection {
-    padding-left:6px;
-}
-
-.sectionbar h3 {
-    float:left;
-    padding-left:6px;
-    color:#CCC;
-    font-size:12px;
-}
-
-
-.sectionbar a {
-    float:right;
-    margin-right:14px;
-    color:#1F92D8;
-    padding-top:7px;
-    text-shadow: 0 -1px 0 #E5E5E5;
-}
-
-.toolbar {
-    float:right;
-}
-
-.toolbar ul {
-    list-style: none outside none;
-    display: inline;
-}
-
-.toolbar li {
-    display: inline;
-}
-
-.wordbreak {
-    max-width:500px;
-    word-wrap:break-word;
-}
-
-.menubar {
-    height: 30px;
-    left: 0;
-    overflow: visible;
-    position: fixed;
-    right: 0;
-    top: 40px;
-    z-index: 9999;
-}
-
-.menubar-inner, .menubar .fill {
-    background-color: #d0e1f4;
-    background-image: -moz-linear-gradient(center top , #d0e1f4, #d0e1f4);
-    background-image: -webkit-linear-gradient(top, #d0e1f4, #d0e1f4);
-    background-repeat: repeat-x;
-}
-
-.menubar-inner a {
-    color:#333;
-    font-weight:bold;
-}
-
-.menubar-inner a:hover {
-    color:#01639C;
-}
-
-
-.menubar-inner a.selected {
-    color:#FFFFFF;
-    padding:2px;
-    padding-left:10px;
-    padding-right:10px;
-    margin-top:8px;
-    background-color: #01639C;
-    background-image: -moz-linear-gradient(center top , #01639C, #015382);
-    background-repeat: repeat-x;
-    box-shadow: 0 0 3px #015382 inset;
-    -moz-box-shadow: 0 0 3px #015382 inset;
-    -webkit-box-shadow: 0 0 3px #015382 inset;
-    border-radius: 30px;
-}
-
-.menubar-inner a.disabled {
-    cursor: default;
-    opacity: 0.65;
-}
-
-.menubar-inner a.disabled:hover {
-    color:#333;
-}
-
-
-.widget-box {
-  background: none repeat scroll 0 0 #F9F9F9;
-  border-top: 1px solid #CDCDCD;
-  border-left: 1px solid #CDCDCD;
-  border-right: 1px solid #CDCDCD;
-  clear: both;
-  margin-top: 10px;
-  margin-bottom: 16px;
-  position: relative;
-}
-
-.widget-title {
-  background-color: #efefef;
-  background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
-  background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
-  border-bottom: 1px solid #CDCDCD;
-  height: 36px;
-}
-
-.widget-title span.icon {
-  border-right: 1px solid #cdcdcd;
-  padding: 9px 10px 7px 11px;
-  float: left;
-  opacity: .7;
-}
-
-.widget-title h5 {
-  color: #666666;
-  text-shadow: 0 1px 0 #ffffff;
-  float: left;
-  font-size: 16px;
-  font-weight: bold;
-  padding: 10px;
-  line-height: 16px;
-  margin: 0;
-}
-
-.widget-content {
-  padding-top: 15px;
-  padding-bottom: 15px;
-  border-bottom: 1px solid #cdcdcd;
-}
-
-.widget-content ul {
-  margin: 0;
-  padding: 0;
-  list-style: none;
-}
-
-.widget-content ul li {
-  margin: 0;
-  padding: 0;
-}
-
-.widget-content a {
-  padding: 5px 15px;
-  display: block;
-  font-size: 14px;
-  font-weight: bold;
-}
-
-.widget-content a i {
-  color: #999999;
-}
-
-.widget-content a:hover {
-  background-color: #EEEEEE;
-  text-decoration: none;
-}
-
-.widget-content a:hover i {
-  color: #333333;
-}
-
-
-code {
-    line-height:1.4em;
-}
-
-.noPadding {
-    padding:0;
-}
-
-.contextMenu {
-    display:none;
-}
-
-.contextItem {
-    cursor:pointer;
-}
-
-.fieldError {
-    border-color: #EE5F5B;
-    color: #B94A48;
-}
-
-ul.errorlist {
-    list-style: none outside none;
-    margin: 0;
-}
-
-ul.errorlist li {
-    color: #B94A48;
-    padding:2px;
-    font-weight:bold;
-    font-style:italic;
-}
-
-.hueBreadcrumb {
-    list-style: none outside none;
-    padding: 9px 9px;
-}
-.hueBreadcrumb li {
-    display: inline-block;
-    text-shadow: 0 1px 0 #FFFFFF;
-}
-.hueBreadcrumb .divider {
-    color: #999999;
-    padding: 0 5px;
-}
-.hueBreadcrumb .active a {
-    color: #333333;
-}
-.hueBreadcrumb a.nounderline:hover {
-    text-decoration:none;
-}
-
-.hueBreadcrumb > li:last-child > a {
-    font-weight:bold;
-    color: #333333;
-}
-
-.hueBreadcrumb > li:last-child > span {
-    display:none;
-}
-
-.hueWell {
-    padding-bottom:0;
-}
-
-.hueBreadcrumbBar {
-    padding: 8px 15px;
-    margin: 0 0 20px;
-    list-style: none;
-    border: 1px solid #E5E5E5;
-    -webkit-border-radius: 4px;
-    -moz-border-radius: 4px;
-    border-radius: 4px;
-}
-
-.ribbon-wrapper {
-  width: 85px;
-  height: 88px;
-  overflow: hidden;
-  position: fixed;
-  top: 74px;
-  right: -3px;
-  z-index: 1001;
-}
-
-.ribbon {
-  font: bold 15px sans-serif;
-  text-align: center;
-  text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
-  -webkit-transform: rotate(45deg);
-  -moz-transform:    rotate(45deg);
-  -ms-transform:     rotate(45deg);
-  -o-transform:      rotate(45deg);
-  position: relative;
-  padding: 7px 0;
-  left: -5px;
-  top: 15px;
-  width: 120px;
-  background-color: #da4f49;
-  *background-color: #bd362f;
-  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
-  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
-  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
-  background-repeat: repeat-x;
-  color: #ffffff;
-  -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
-  -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
-  box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
-}
-
-.ribbon:before, .ribbon:after {
-  content: "";
-  border-top:   3px solid #c09853;
-  border-left:  3px solid transparent;
-  border-right: 3px solid transparent;
-  position:absolute;
-  bottom: -3px;
-}
-
-.ribbon:before {
-  left: 0;
-}
-.ribbon:after {
-  right: 0;
-}
-
-
-/*********************************************************
- * From: http://datatables.net/blog/Twitter_Bootstrap
- */
-
-div.dataTables_length label {
-    width: 460px;
-    float: left;
-    text-align: left;
-}
-
-div.dataTables_length select {
-    width: 75px;
-}
-
-div.dataTables_filter label {
-    float: right;
-    width: 460px;
-}
-
-div.dataTables_info {
-    padding-top: 8px;
-}
-
-div.dataTables_paginate {
-    float: right;
-    margin: 0;
-}
-
-/*
- *********************************************************/
-
-
-/* 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('../art/datatables/back_disabled.jpg');
-}
-
-.paginate_enabled_previous {
-    background-image: url('../art/datatables/back_enabled.jpg');
-}
-
-.paginate_disabled_next {
-    background-image: url('../art/datatables/forward_disabled.jpg');
-}
-
-.paginate_enabled_next {
-    background-image: url('../art/datatables/forward_enabled.jpg');
-}
-
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables display
- */
-table.display {
-    margin: 0 auto;
-    clear: both;
-    width: 100%;
-
-    /* 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 {
-    padding: 3px 18px 3px 10px;
-    border-bottom: 1px solid black;
-    font-weight: bold;
-    cursor: pointer;
-    * cursor: hand;
-}
-
-table.display tfoot th {
-    padding: 3px 18px 3px 10px;
-    border-top: 1px solid black;
-    font-weight: bold;
-}
-
-table.display tr.heading2 td {
-    border-bottom: 1px solid #aaa;
-}
-
-table.display td {
-    padding: 3px 10px;
-}
-
-table.display td.center {
-    text-align: center;
-}
-
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables sorting
- */
-
-.dataTables_wrapper table {
-    border-collapse: separate;
-    *border-collapse: collapsed;
-}
-
-.sorting_asc {
-    cursor: pointer;
-    background: url('../art/datatables/sort_asc.png') no-repeat center left;
-    border-top: 3px solid #FFFFFF!important;
-    padding-left: 20px!important;
-}
-
-.sorting_desc {
-    cursor: pointer;
-    background: url('../art/datatables/sort_desc.png') no-repeat center left;
-    border-top: 3px solid #FFFFFF!important;
-    padding-left: 20px!important;
-}
-
-.sorting {
-    cursor: pointer;
-    background: url('../art/datatables/sort_both.png') no-repeat center left;
-    border-top: 3px solid #FFFFFF!important;
-    padding-left: 20px!important;
-}
-
-.sorting:hover, .sorting_asc:hover, .sorting_desc:hover {
-    border-top: 3px solid #EEEEEE!important;
-}
-
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * Misc
- */
-.dataTables_scroll {
-    clear: both;
-}
-
-.dataTables_scrollBody {
-    *margin-top: -1px;
-}
-
-.top .dataTables_info {
-    float: none;
-}
-
-.clear {
-    clear: both;
-}
-
-.dataTables_empty {
-    text-align: center;
-}
-
-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;
-}
-
-
-.example_alt_pagination div.dataTables_info {
-    width: 40%;
-}
-
-.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 #aaa;
-    -webkit-border-radius: 5px;
-    -moz-border-radius: 5px;
-    padding: 2px 5px;
-    margin: 0 3px;
-    cursor: pointer;
-    *cursor: hand;
-}
-
-.paging_full_numbers span.paginate_button {
-    background-color: #ddd;
-}
-
-.paging_full_numbers span.paginate_button:hover {
-    background-color: #ccc;
-}
-
-.paging_full_numbers span.paginate_active {
-    background-color: #99B3FF;
-}
-
-table.display tr.even.row_selected td {
-    background-color: #B0BED9;
-}
-
-table.display tr.odd.row_selected td {
-    background-color: #9FAFD1;
-}
-
-
-/*
- * Sorting classes for columns
- */
-/* For the standard odd/even
-tr.odd td.sorting_1 {
-	background-color: #E8F1F7;
-}
-
-tr.odd td.sorting_2 {
-	background-color: #DADCFF;
-}
-
-tr.odd td.sorting_3 {
-	background-color: #E0E2FF;
-}
-
-tr.even td.sorting_1 {
-	background-color: #E8F1F7;
-}
-
-tr.even td.sorting_2 {
-	background-color: #F2F3FF;
-}
-
-tr.even td.sorting_3 {
-	background-color: #F9F9FF;
-}
-*/
-
-/* For the Conditional-CSS grading rows */
-/*
- 	Colour calculations (based off the main row colours)
-  Level 1:
-		dd > c4
-		ee > d5
-	Level 2:
-	  dd > d1
-	  ee > e2
- */
-tr.odd.gradeA td.sorting_1 {
-    background-color: #c4ffc4;
-}
-
-tr.odd.gradeA td.sorting_2 {
-    background-color: #d1ffd1;
-}
-
-tr.odd.gradeA td.sorting_3 {
-    background-color: #d1ffd1;
-}
-
-tr.even.gradeA td.sorting_1 {
-    background-color: #d5ffd5;
-}
-
-tr.even.gradeA td.sorting_2 {
-    background-color: #e2ffe2;
-}
-
-tr.even.gradeA td.sorting_3 {
-    background-color: #e2ffe2;
-}
-
-tr.odd.gradeC td.sorting_1 {
-    background-color: #c4c4ff;
-}
-
-tr.odd.gradeC td.sorting_2 {
-    background-color: #d1d1ff;
-}
-
-tr.odd.gradeC td.sorting_3 {
-    background-color: #d1d1ff;
-}
-
-tr.even.gradeC td.sorting_1 {
-    background-color: #d5d5ff;
-}
-
-tr.even.gradeC td.sorting_2 {
-    background-color: #e2e2ff;
-}
-
-tr.even.gradeC td.sorting_3 {
-    background-color: #e2e2ff;
-}
-
-tr.odd.gradeX td.sorting_1 {
-    background-color: #ffc4c4;
-}
-
-tr.odd.gradeX td.sorting_2 {
-    background-color: #ffd1d1;
-}
-
-tr.odd.gradeX td.sorting_3 {
-    background-color: #ffd1d1;
-}
-
-tr.even.gradeX td.sorting_1 {
-    background-color: #ffd5d5;
-}
-
-tr.even.gradeX td.sorting_2 {
-    background-color: #ffe2e2;
-}
-
-tr.even.gradeX td.sorting_3 {
-    background-color: #ffe2e2;
-}
-
-tr.odd.gradeU td.sorting_1 {
-    background-color: #c4c4c4;
-}
-
-tr.odd.gradeU td.sorting_2 {
-    background-color: #d1d1d1;
-}
-
-tr.odd.gradeU td.sorting_3 {
-    background-color: #d1d1d1;
-}
-
-tr.even.gradeU td.sorting_1 {
-    background-color: #d5d5d5;
-}
-
-tr.even.gradeU td.sorting_2 {
-    background-color: #e2e2e2;
-}
-
-tr.even.gradeU td.sorting_3 {
-    background-color: #e2e2e2;
-}
-
-
-/*
- * Row highlighting example
- */
-.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
-    background-color: #ECFFB3;
-}
-
-.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
-    background-color: #E6FF99;
-}
-
-.ex_highlight_row #example tr.even:hover {
-    background-color: #ECFFB3;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_1 {
-    background-color: #DDFF75;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_2 {
-    background-color: #E7FF9E;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_3 {
-    background-color: #E2FF89;
-}
-
-.ex_highlight_row #example tr.odd:hover {
-    background-color: #E6FF99;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_1 {
-    background-color: #D6FF5C;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_2 {
-    background-color: #E0FF84;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_3 {
-    background-color: #DBFF70;
-}
-
-
-/*
- * KeyTable
- */
-table.KeyTable td {
-    border: 3px solid transparent;
-}
-
-table.KeyTable td.focus {
-    border: 3px solid #3366FF;
-}
-
-table.display tr.gradeA {
-    background-color: #eeffee;
-}
-
-table.display tr.gradeC {
-    background-color: #ddddff;
-}
-
-table.display tr.gradeX {
-    background-color: #ffdddd;
-}
-
-table.display tr.gradeU {
-    background-color: #ddd;
-}
-
-div.box {
-    height: 100px;
-    padding: 10px;
-    overflow: auto;
-    border: 1px solid #8080FF;
-    background-color: #E5E5FF;
-}
-
-
-/*
- * jHueFileChooser
- */
-
-.jHueFilechooserActions {
-    margin-top: 14px;
-    padding-top: 10px;
-    border-top: 1px dashed #EEEEEE;
-}
-
-.pathChooser, .pathChooserKo, .pathFolderChooserKo {
-    border-radius: 3px 0 0 3px!important;
-    border-right:0!important;
-}
-.fileChooserBtn {
-    border-radius: 0 3px 3px 0!important;
-}
-
-/*
- * jHueSelector
- */
-
-.jHueSelector {
-    border:1px solid #CCC;
-    padding:0;
-    margin:0;
-    width:300px;
-}
-.jHueSelectorHeader {
-    background-color:#CCC;
-    padding:4px;
-}
-
-.jHueSelector label {
-    float: none;
-    padding-left:4px;
-}
-.jHueSelector label input[type=checkbox] {
-    display: inline;
-    margin-top:-2px;
-    margin-right:6px;
-}
-
-.jHueSelectorHeader input[type=text] {
-    position:absolute;
-    margin-left:180px;
-    width:100px;
-    height:11px;
-    border: 1px solid #CCCCCC;
-    border-radius: 10px;
-    -webkit-border-radius: 10px;
-    -moz-border-radius: 10px;
-    color: #555555;
-    font-size: 10px;
-    padding-left: 4px;
-}
-
-.jHueSelectorBody {
-    height:150px;
-    overflow:auto;
-}
-.jHueSelector ul, li {
-    margin: 0;
-    padding: 0;
-}
-.jHueSelector ul {
-    padding:4px;
-    list-style: none;
-}
-.jHueSelector li.selectorDivider {
-    background-color:#EEE;
-    padding:4px;
-}
-
-.modal-body iframe {
-    border:0;
-    width:100%;
-    height:100%;
-    overflow:hidden;
-}
-
-.modal-body iframe.scroll {
-    overflow:auto;
-}
-
-.form-padding-fix{
-    display: inline;
-    padding: 0;
-    margin: 0;
-}
-
-.table tbody tr:hover td, .table tbody tr:hover th {
-    background-color: #E8F1FB;
-}
-
-.nounderline:hover {
-    text-decoration: none;
-}
-
-.bar-label {
-    text-align: center;
-    color: #FFFFFF;
-    font-size: 12px;
-    text-shadow: -1px 0 1px #333, 0 1px 1px #333, 1px 0 1px #333, 0 -1px 1px #333;
-}
-
-.jHueNotify {
-    position: fixed;
-    top: 20px;
-    left: 50%;
-    margin-left: -200px;
-    width: 400px;
-    text-align: center;
-    z-index: 8000;
-}
-
-.jHueNotify .close {
-    right: -27px;
-}
-
-/*
- * Advanced options
- */
-
-#advanced-btn {
-  center:right
-}
-
-a#advanced-btn:link {
-  color: black; text-decoration: none;
-}
-
-a#advanced-btn:active {
-  color: black; text-decoration: none;
-}
-
-a#advanced-btn:visited {
-  color: black; text-decoration: none;
-}
-
-a#advanced-btn:hover {
-  color: black; text-decoration: none;
-}
-
-.hand {
-  cursor: pointer;
-}
-
-.hueCheckbox {
-  width: 15px;
-  height: 15px;
-  border: 1px solid #CCCCCC;
-  margin-top: 2px !important;
-  padding: 0 !important;
-  display: block !important;
-  cursor: default;
-}
-
-.hueCheckbox:hover {
-  border-color: #999999;
-}
-
-.modal form {
-  margin: 0;
-}
-
-/*
- * jHueTableExtender
- */
-
-.rowSelected {
-  background-color: #EEEEEE !important;
-}
-
-.columnSelected {
-  background-color: #EEEEEE !important;
-}
-
-.cellSelected {
-  background-color: #DDDDDD !important;
-}
-
-#jHueTableExtenderNavigator {
-  position: absolute;
-  left: 0;
-  top: 0;
-  z-index: 1000;
-  display: none;
-  min-width: 160px;
-  padding: 10px 20px 2px 10px;
-  margin: 2px 0 0;
-  background-color: #ffffff;
-  border: 1px solid #ccc;
-  -webkit-border-radius: 6px;
-  -moz-border-radius: 6px;
-  border-radius: 6px;
-  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
-  -webkit-background-clip: padding-box;
-  -moz-background-clip: padding;
-  background-clip: padding-box;
-  white-space: nowrap;
-}
-
-#jHueTableExtenderNavigator a {
-  margin-left: 10px;
-  margin-right: -14px;
-  margin-top: -12px;
-}
-
-#jHueScrollUpAnchor {
-  color: #FFFFFF;
-  opacity: 0.65;
-  filter: alpha(opacity=65);
-  display: none;
-  position: fixed;
-  z-index: 2147483647;
-  bottom: 20px;
-  right: 20px;
-  -webkit-border-radius: 6px;
-  -moz-border-radius: 6px;
-  border-radius: 6px;
-  background-color: #333333;
-  padding: 10px;
-  padding-left: 14px;
-  padding-right: 14px;
-}
-
-#jHueScrollUpAnchor:hover {
-  text-decoration: none;
-  opacity: 0.85;
-  filter: alpha(opacity=85);
-}
-
-#jHueTourMask {
-  position: absolute;
-  display: none;
-  top: 0px;
-  left: 0px;
-  z-index: 9998;
-  background-color: #FFFFFF;
-  opacity: 0.9;
-  filter: alpha(opacity=90);
-}
-
-.jHueTourBadge {
-  background-color: #2c7fb3;
-  background-image: -moz-linear-gradient(bottom, #2c7fb3, #01639c);
-  background-image: -ms-linear-gradient(bottom, #2c7fb3, #01639c);
-  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#2c7fb3), to(#01639c));
-  background-image: -webkit-linear-gradient(bottom, #2c7fb3, #01639c);
-  background-image: -o-linear-gradient(bottom, #2c7fb3, #01639c);
-  background-image: linear-gradient(bottom, #2c7fb3, #01639c);
-  background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01639c', endColorstr='#2c7fb3', GradientType=0);
-  border: 1px solid #01639C;
-  border-right: none;
-  color: #FFFFFF;
-  padding: 4px;
-  padding-left: 8px;
-  -webkit-border-top-left-radius: 4px;
-  -webkit-border-bottom-left-radius: 4px;
-  -moz-border-radius-topleft: 4px;
-  -moz-border-radius-bottomleft: 4px;
-  border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;
-  position: fixed;
-  top: 100px;
-  z-index: 10000;
-  right: 0;
-  cursor: pointer;
-}
-
-.jHueTourBadgeLeft {
-  right: auto!important;
-  left: 0;
-  padding-left: 4px;
-  padding-right: 8px;
-  border-left: none;
-  border-right: 1px solid #01639C;
-  -webkit-border-top-left-radius: 0px;
-  -webkit-border-bottom-left-radius: 0px;
-  -moz-border-radius-topleft: 0px;
-  -moz-border-radius-bottomleft: 0px;
-  border-top-left-radius: 0px;
-  border-bottom-left-radius: 0px;
-  -webkit-border-top-right-radius: 4px;
-  -webkit-border-bottom-right-radius: 4px;
-  -moz-border-radius-topright: 4px;
-  -moz-border-radius-bottomright: 4px;
-  border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;
-}
-
-.jHueTourBadge:hover {
-  background-color: #2C7FB3;
-}
-
-.jHueTourExposed {
-  z-index: 9999;
-}
-
-.popover-inner {
-  text-align: left;
-}
-
-.popover {
-  z-index: 10000;
-}
-
-.CodeMirror-hints {
-  z-index: 10000 !important;
-}

+ 1230 - 0
desktop/core/static/css/hue3.css

@@ -0,0 +1,1230 @@
+/*
+ Licensed to Cloudera, Inc. under one
+ or more contributor license agreements.  See the NOTICE file
+ distributed with this work for additional information
+ regarding copyright ownership.  Cloudera, Inc. licenses this file
+ to you under the Apache License, Version 2.0 (the
+ "License"); you may not use this file except in compliance
+ with the License.  You may obtain a copy of the License at
+
+     http://www.apache.org/licenses/LICENSE-2.0
+
+ Unless required by applicable law or agreed to in writing, software
+ distributed under the License is distributed on an "AS IS" BASIS,
+ WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ See the License for the specific language governing permissions and
+ limitations under the License.
+*/
+
+.subnav {
+  background-color: #EEEEEE;
+  background-image: -moz-linear-gradient(center top, #F5F5F5 0%, #EEEEEE 100%);
+  background-repeat: repeat-x;
+  border: 1px solid #E5E5E5;
+  border-radius: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  height: 36px;
+  width: 100%;
+}
+
+.subnav .nav {
+  margin-bottom: 0;
+}
+
+.subnav .nav > li > a {
+  border-left: 1px solid #F5F5F5;
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-right: 1px solid #E5E5E5;
+  margin: 0;
+  padding-bottom: 11px;
+  padding-top: 11px;
+}
+
+.subnav .nav > li > a:hover {
+  border-right: 1px solid #E5E5E5;
+  border-left: 1px solid #F5F5F5;
+}
+
+.subnav .nav > .active > a, .subnav .nav > .active > a:hover {
+  background-color: #E9E9E9;
+  border-left: 0 none;
+  border-right-color: #DDDDDD;
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.05) inset;
+  color: #777777;
+  padding-left: 13px;
+}
+
+.subnav .nav > .active > a .caret, .subnav .nav > .active > a:hover .caret {
+  border-top-color: #777777;
+}
+
+.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
+  border-left: 0 none;
+  border-radius: 4px 0 0 4px;
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  padding-left: 12px;
+}
+
+.subnav .nav > li:last-child > a {
+  border-right: 0 none;
+}
+
+.subnav .dropdown-menu {
+  border-radius: 0 0 4px 4px;
+  -webkit-border-radius: 0 0 4px 4px;
+  -moz-border-radius: 0 0 4px 4px;
+}
+
+.subnav-fixed {
+  border-color: #D5D5D5;
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-width: 0 0 1px;
+  box-shadow: 0 1px 0 #FFFFFF inset, 0 1px 5px rgba(0, 0, 0, 0.1);
+  left: 0;
+  position: fixed;
+  right: 0;
+  top: 48px;
+  z-index: 1020;
+}
+
+.subnav-fixed .nav {
+  margin: 0 auto;
+  padding: 0 1px;
+}
+
+.subnav .nav > li:first-child > a, .subnav .nav > li:first-child > a:hover {
+  border-radius: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+}
+
+.form-stacked {
+  margin: 0;
+}
+
+.form-inline input, .form-inline a {
+  vertical-align: baseline;
+}
+
+.pagination p {
+  padding-top: 6px;
+}
+
+.right {
+  text-align: right !important;
+}
+
+.center {
+  text-align: center !important;
+}
+
+.left {
+  text-align: left !important;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
+
+a.toggle-display-link:link {
+  color: black;
+  text-decoration: none;
+}
+
+a.toggle-display-link:active {
+  color: black;
+  text-decoration: none;
+}
+
+a.toggle-display-link:visited {
+  color: black;
+  text-decoration: none;
+}
+
+a.toggle-display-link:hover {
+  color: black;
+  text-decoration: none;
+}
+
+.withTitle {
+  top: 60px !important;
+}
+
+.clear {
+  clear: both;
+}
+
+.sectionbar {
+  background-color: #E5E5E5;
+  background-image: linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
+  background-image: -o-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
+  background-image: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
+  background-image: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
+  background-image: -ms-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(229, 229, 229) 100%);
+
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgb(255, 255, 255)), color-stop(1, rgb(229, 229, 229)));
+  height: 40px;
+  border-bottom: 1px solid #CBCBCB;
+  padding-top: 10px;
+}
+
+.sectionbar h2 {
+  font-size: 20px;
+  font-weight: 400;
+  padding-left: 20px;
+  float: left;
+}
+
+.sectionbar h2.selected {
+  color: #01639C;
+}
+
+.sectionbar h2.subsection, .sectionbar h2.subsubsection {
+  padding-left: 6px;
+}
+
+.sectionbar h3 {
+  float: left;
+  padding-left: 6px;
+  color: #CCC;
+  font-size: 12px;
+}
+
+.sectionbar a {
+  float: right;
+  margin-right: 14px;
+  color: #1F92D8;
+  padding-top: 7px;
+  text-shadow: 0 -1px 0 #E5E5E5;
+}
+
+.toolbar {
+  float: right;
+}
+
+.toolbar ul {
+  list-style: none outside none;
+  display: inline;
+}
+
+.toolbar li {
+  display: inline;
+}
+
+.wordbreak {
+  max-width: 500px;
+  word-wrap: break-word;
+}
+
+.menubar {
+  height: 30px;
+  left: 0;
+  overflow: visible;
+  position: fixed;
+  right: 0;
+  top: 40px;
+  z-index: 9999;
+}
+
+.menubar-inner, .menubar .fill {
+  background-color: #d0e1f4;
+  background-image: -moz-linear-gradient(center top, #d0e1f4, #d0e1f4);
+  background-image: -webkit-linear-gradient(top, #d0e1f4, #d0e1f4);
+  background-repeat: repeat-x;
+}
+
+.menubar-inner a {
+  color: #333;
+  font-weight: bold;
+}
+
+.menubar-inner a:hover {
+  color: #01639C;
+}
+
+.menubar-inner a.selected {
+  color: #FFFFFF;
+  padding: 2px;
+  padding-left: 10px;
+  padding-right: 10px;
+  margin-top: 8px;
+  background-color: #01639C;
+  background-image: -moz-linear-gradient(center top, #01639C, #015382);
+  background-repeat: repeat-x;
+  box-shadow: 0 0 3px #015382 inset;
+  -moz-box-shadow: 0 0 3px #015382 inset;
+  -webkit-box-shadow: 0 0 3px #015382 inset;
+  border-radius: 30px;
+}
+
+.menubar-inner a.disabled {
+  cursor: default;
+  opacity: 0.65;
+}
+
+.menubar-inner a.disabled:hover {
+  color: #333;
+}
+
+.widget-box {
+  background: none repeat scroll 0 0 #F9F9F9;
+  border-top: 1px solid #CDCDCD;
+  border-left: 1px solid #CDCDCD;
+  border-right: 1px solid #CDCDCD;
+  clear: both;
+  margin-top: 10px;
+  margin-bottom: 16px;
+  position: relative;
+}
+
+.widget-title {
+  background-color: #efefef;
+  background-image: -webkit-gradient(linear, 0 0%, 0 100%, from(#fdfdfd), to(#eaeaea));
+  background-image: -webkit-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
+  background-image: -moz-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
+  background-image: -ms-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
+  background-image: -o-linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
+  background-image: -linear-gradient(top, #fdfdfd 0%, #eaeaea 100%);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#eaeaea', GradientType=0); /* IE6-9 */
+  border-bottom: 1px solid #CDCDCD;
+  height: 36px;
+}
+
+.widget-title span.icon {
+  border-right: 1px solid #cdcdcd;
+  padding: 9px 10px 7px 11px;
+  float: left;
+  opacity: .7;
+}
+
+.widget-title h5 {
+  color: #666666;
+  text-shadow: 0 1px 0 #ffffff;
+  float: left;
+  font-size: 16px;
+  font-weight: bold;
+  padding: 10px;
+  line-height: 16px;
+  margin: 0;
+}
+
+.widget-content {
+  padding-top: 15px;
+  padding-bottom: 15px;
+  border-bottom: 1px solid #cdcdcd;
+}
+
+.widget-content ul {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+
+.widget-content ul li {
+  margin: 0;
+  padding: 0;
+}
+
+.widget-content a {
+  padding: 5px 15px;
+  display: block;
+  font-size: 14px;
+  font-weight: bold;
+}
+
+.widget-content a i {
+  color: #999999;
+}
+
+.widget-content a:hover {
+  background-color: #EEEEEE;
+  text-decoration: none;
+}
+
+.widget-content a:hover i {
+  color: #333333;
+}
+
+code {
+  line-height: 1.4em;
+}
+
+.noPadding {
+  padding: 0;
+}
+
+.contextMenu {
+  display: none;
+}
+
+.contextItem {
+  cursor: pointer;
+}
+
+.fieldError {
+  border-color: #EE5F5B;
+  color: #B94A48;
+}
+
+ul.errorlist {
+  list-style: none outside none;
+  margin: 0;
+}
+
+ul.errorlist li {
+  color: #B94A48;
+  padding: 2px;
+  font-weight: bold;
+  font-style: italic;
+}
+
+.hueBreadcrumb {
+  list-style: none outside none;
+  padding: 9px 9px;
+}
+
+.hueBreadcrumb li {
+  display: inline-block;
+  text-shadow: 0 1px 0 #FFFFFF;
+}
+
+.hueBreadcrumb .divider {
+  color: #999999;
+  padding: 0 5px;
+}
+
+.hueBreadcrumb .active a {
+  color: #333333;
+}
+
+.hueBreadcrumb a.nounderline:hover {
+  text-decoration: none;
+}
+
+.hueBreadcrumb > li:last-child > a {
+  font-weight: bold;
+  color: #333333;
+}
+
+.hueBreadcrumb > li:last-child > span {
+  display: none;
+}
+
+.hueWell {
+  padding-bottom: 0;
+}
+
+.hueBreadcrumbBar {
+  padding: 8px 15px;
+  margin: 0 0 20px;
+  list-style: none;
+  border: 1px solid #E5E5E5;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.ribbon-wrapper {
+  width: 85px;
+  height: 88px;
+  overflow: hidden;
+  position: fixed;
+  top: 74px;
+  right: -3px;
+  z-index: 1001;
+}
+
+.ribbon {
+  font: bold 15px sans-serif;
+  text-align: center;
+  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  position: relative;
+  padding: 7px 0;
+  left: -5px;
+  top: 15px;
+  width: 120px;
+  background-color: #da4f49;
+  *background-color: #bd362f;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
+  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
+  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
+  background-repeat: repeat-x;
+  color: #ffffff;
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
+}
+
+.ribbon:before, .ribbon:after {
+  content: "";
+  border-top: 3px solid #c09853;
+  border-left: 3px solid transparent;
+  border-right: 3px solid transparent;
+  position: absolute;
+  bottom: -3px;
+}
+
+.ribbon:before {
+  left: 0;
+}
+
+.ribbon:after {
+  right: 0;
+}
+
+/*********************************************************
+ * From: http://datatables.net/blog/Twitter_Bootstrap
+ */
+
+div.dataTables_length label {
+  width: 460px;
+  float: left;
+  text-align: left;
+}
+
+div.dataTables_length select {
+  width: 75px;
+}
+
+div.dataTables_filter label {
+  float: right;
+  width: 460px;
+}
+
+div.dataTables_info {
+  padding-top: 8px;
+}
+
+div.dataTables_paginate {
+  float: right;
+  margin: 0;
+}
+
+/*
+ *********************************************************/
+
+/* 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('../art/datatables/back_disabled.jpg');
+}
+
+.paginate_enabled_previous {
+  background-image: url('../art/datatables/back_enabled.jpg');
+}
+
+.paginate_disabled_next {
+  background-image: url('../art/datatables/forward_disabled.jpg');
+}
+
+.paginate_enabled_next {
+  background-image: url('../art/datatables/forward_enabled.jpg');
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables display
+ */
+table.display {
+  margin: 0 auto;
+  clear: both;
+  width: 100%;
+
+  /* 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 {
+  padding: 3px 18px 3px 10px;
+  border-bottom: 1px solid black;
+  font-weight: bold;
+  cursor: pointer;
+  *cursor: hand;
+}
+
+table.display tfoot th {
+  padding: 3px 18px 3px 10px;
+  border-top: 1px solid black;
+  font-weight: bold;
+}
+
+table.display tr.heading2 td {
+  border-bottom: 1px solid #aaa;
+}
+
+table.display td {
+  padding: 3px 10px;
+}
+
+table.display td.center {
+  text-align: center;
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * DataTables sorting
+ */
+
+.dataTables_wrapper table {
+  border-collapse: separate;
+  *border-collapse: collapsed;
+}
+
+.sorting_asc {
+  cursor: pointer;
+  background: url('../art/datatables/sort_asc.png') no-repeat center left;
+  border-top: 3px solid #FFFFFF !important;
+  padding-left: 20px !important;
+}
+
+.sorting_desc {
+  cursor: pointer;
+  background: url('../art/datatables/sort_desc.png') no-repeat center left;
+  border-top: 3px solid #FFFFFF !important;
+  padding-left: 20px !important;
+}
+
+.sorting {
+  cursor: pointer;
+  background: url('../art/datatables/sort_both.png') no-repeat center left;
+  border-top: 3px solid #FFFFFF !important;
+  padding-left: 20px !important;
+}
+
+.sorting:hover, .sorting_asc:hover, .sorting_desc:hover {
+  border-top: 3px solid #EEEEEE !important;
+}
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Misc
+ */
+.dataTables_scroll {
+  clear: both;
+}
+
+.dataTables_scrollBody {
+  *margin-top: -1px;
+}
+
+.top .dataTables_info {
+  float: none;
+}
+
+.clear {
+  clear: both;
+}
+
+.dataTables_empty {
+  text-align: center;
+}
+
+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;
+}
+
+.example_alt_pagination div.dataTables_info {
+  width: 40%;
+}
+
+.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 #aaa;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  padding: 2px 5px;
+  margin: 0 3px;
+  cursor: pointer;
+  *cursor: hand;
+}
+
+.paging_full_numbers span.paginate_button {
+  background-color: #ddd;
+}
+
+.paging_full_numbers span.paginate_button:hover {
+  background-color: #ccc;
+}
+
+.paging_full_numbers span.paginate_active {
+  background-color: #99B3FF;
+}
+
+table.display tr.even.row_selected td {
+  background-color: #B0BED9;
+}
+
+table.display tr.odd.row_selected td {
+  background-color: #9FAFD1;
+}
+
+tr.odd.gradeA td.sorting_1 {
+  background-color: #c4ffc4;
+}
+
+tr.odd.gradeA td.sorting_2 {
+  background-color: #d1ffd1;
+}
+
+tr.odd.gradeA td.sorting_3 {
+  background-color: #d1ffd1;
+}
+
+tr.even.gradeA td.sorting_1 {
+  background-color: #d5ffd5;
+}
+
+tr.even.gradeA td.sorting_2 {
+  background-color: #e2ffe2;
+}
+
+tr.even.gradeA td.sorting_3 {
+  background-color: #e2ffe2;
+}
+
+tr.odd.gradeC td.sorting_1 {
+  background-color: #c4c4ff;
+}
+
+tr.odd.gradeC td.sorting_2 {
+  background-color: #d1d1ff;
+}
+
+tr.odd.gradeC td.sorting_3 {
+  background-color: #d1d1ff;
+}
+
+tr.even.gradeC td.sorting_1 {
+  background-color: #d5d5ff;
+}
+
+tr.even.gradeC td.sorting_2 {
+  background-color: #e2e2ff;
+}
+
+tr.even.gradeC td.sorting_3 {
+  background-color: #e2e2ff;
+}
+
+tr.odd.gradeX td.sorting_1 {
+  background-color: #ffc4c4;
+}
+
+tr.odd.gradeX td.sorting_2 {
+  background-color: #ffd1d1;
+}
+
+tr.odd.gradeX td.sorting_3 {
+  background-color: #ffd1d1;
+}
+
+tr.even.gradeX td.sorting_1 {
+  background-color: #ffd5d5;
+}
+
+tr.even.gradeX td.sorting_2 {
+  background-color: #ffe2e2;
+}
+
+tr.even.gradeX td.sorting_3 {
+  background-color: #ffe2e2;
+}
+
+tr.odd.gradeU td.sorting_1 {
+  background-color: #c4c4c4;
+}
+
+tr.odd.gradeU td.sorting_2 {
+  background-color: #d1d1d1;
+}
+
+tr.odd.gradeU td.sorting_3 {
+  background-color: #d1d1d1;
+}
+
+tr.even.gradeU td.sorting_1 {
+  background-color: #d5d5d5;
+}
+
+tr.even.gradeU td.sorting_2 {
+  background-color: #e2e2e2;
+}
+
+tr.even.gradeU td.sorting_3 {
+  background-color: #e2e2e2;
+}
+
+/*
+ * Row highlighting example
+ */
+.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
+  background-color: #ECFFB3;
+}
+
+.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
+  background-color: #E6FF99;
+}
+
+.ex_highlight_row #example tr.even:hover {
+  background-color: #ECFFB3;
+}
+
+.ex_highlight_row #example tr.even:hover td.sorting_1 {
+  background-color: #DDFF75;
+}
+
+.ex_highlight_row #example tr.even:hover td.sorting_2 {
+  background-color: #E7FF9E;
+}
+
+.ex_highlight_row #example tr.even:hover td.sorting_3 {
+  background-color: #E2FF89;
+}
+
+.ex_highlight_row #example tr.odd:hover {
+  background-color: #E6FF99;
+}
+
+.ex_highlight_row #example tr.odd:hover td.sorting_1 {
+  background-color: #D6FF5C;
+}
+
+.ex_highlight_row #example tr.odd:hover td.sorting_2 {
+  background-color: #E0FF84;
+}
+
+.ex_highlight_row #example tr.odd:hover td.sorting_3 {
+  background-color: #DBFF70;
+}
+
+/*
+ * KeyTable
+ */
+table.KeyTable td {
+  border: 3px solid transparent;
+}
+
+table.KeyTable td.focus {
+  border: 3px solid #3366FF;
+}
+
+table.display tr.gradeA {
+  background-color: #eeffee;
+}
+
+table.display tr.gradeC {
+  background-color: #ddddff;
+}
+
+table.display tr.gradeX {
+  background-color: #ffdddd;
+}
+
+table.display tr.gradeU {
+  background-color: #ddd;
+}
+
+div.box {
+  height: 100px;
+  padding: 10px;
+  overflow: auto;
+  border: 1px solid #8080FF;
+  background-color: #E5E5FF;
+}
+
+/*
+ * jHueFileChooser
+ */
+
+.jHueFilechooserActions {
+  margin-top: 14px;
+  padding-top: 10px;
+  border-top: 1px dashed #EEEEEE;
+}
+
+.pathChooser, .pathChooserKo, .pathFolderChooserKo {
+  border-radius: 3px 0 0 3px !important;
+  border-right: 0 !important;
+}
+
+.fileChooserBtn {
+  border-radius: 0 3px 3px 0 !important;
+}
+
+/*
+ * jHueSelector
+ */
+
+.jHueSelector {
+  border: 1px solid #CCC;
+  padding: 0;
+  margin: 0;
+  width: 300px;
+}
+
+.jHueSelectorHeader {
+  background-color: #CCC;
+  padding: 4px;
+}
+
+.jHueSelector label {
+  float: none;
+  padding-left: 4px;
+}
+
+.jHueSelector label input[type=checkbox] {
+  display: inline;
+  margin-top: -2px;
+  margin-right: 6px;
+}
+
+.jHueSelectorHeader input[type=text] {
+  position: absolute;
+  margin-left: 180px;
+  width: 100px;
+  height: 11px;
+  border: 1px solid #CCCCCC;
+  border-radius: 10px;
+  -webkit-border-radius: 10px;
+  -moz-border-radius: 10px;
+  color: #555555;
+  font-size: 10px;
+  padding-left: 4px;
+}
+
+.jHueSelectorBody {
+  height: 150px;
+  overflow: auto;
+}
+
+.jHueSelector ul, li {
+  margin: 0;
+  padding: 0;
+}
+
+.jHueSelector ul {
+  padding: 4px;
+  list-style: none;
+}
+
+.jHueSelector li.selectorDivider {
+  background-color: #EEE;
+  padding: 4px;
+}
+
+.modal-body iframe {
+  border: 0;
+  width: 100%;
+  height: 100%;
+  overflow: hidden;
+}
+
+.modal-body iframe.scroll {
+  overflow: auto;
+}
+
+.form-padding-fix {
+  display: inline;
+  padding: 0;
+  margin: 0;
+}
+
+.table tbody tr:hover td, .table tbody tr:hover th {
+  background-color: #E8F1FB;
+}
+
+.nounderline:hover {
+  text-decoration: none;
+}
+
+.bar-label {
+  text-align: center;
+  color: #FFFFFF;
+  font-size: 12px;
+  text-shadow: -1px 0 1px #333, 0 1px 1px #333, 1px 0 1px #333, 0 -1px 1px #333;
+}
+
+.jHueNotify {
+  position: fixed;
+  top: 20px;
+  left: 50%;
+  margin-left: -200px;
+  width: 400px;
+  text-align: center;
+  z-index: 8000;
+}
+
+.jHueNotify .close {
+  right: -27px;
+}
+
+/*
+ * Advanced options
+ */
+
+#advanced-btn {
+  center: right
+}
+
+a#advanced-btn:link {
+  color: black;
+  text-decoration: none;
+}
+
+a#advanced-btn:active {
+  color: black;
+  text-decoration: none;
+}
+
+a#advanced-btn:visited {
+  color: black;
+  text-decoration: none;
+}
+
+a#advanced-btn:hover {
+  color: black;
+  text-decoration: none;
+}
+
+.hand {
+  cursor: pointer;
+}
+
+.hueCheckbox {
+  width: 15px;
+  height: 15px;
+  border: 1px solid #CCCCCC;
+  margin-top: 2px !important;
+  padding: 0 !important;
+  display: block !important;
+  cursor: default;
+}
+
+.hueCheckbox:hover {
+  border-color: #999999;
+}
+
+.modal form {
+  margin: 0;
+}
+
+/*
+ * jHueTableExtender
+ */
+
+.rowSelected {
+  background-color: #EEEEEE !important;
+}
+
+.columnSelected {
+  background-color: #EEEEEE !important;
+}
+
+.cellSelected {
+  background-color: #DDDDDD !important;
+}
+
+#jHueTableExtenderNavigator {
+  position: absolute;
+  left: 0;
+  top: 0;
+  z-index: 1000;
+  display: none;
+  min-width: 160px;
+  padding: 10px 20px 2px 10px;
+  margin: 2px 0 0;
+  background-color: #ffffff;
+  border: 1px solid #ccc;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  white-space: nowrap;
+}
+
+#jHueTableExtenderNavigator a {
+  margin-left: 10px;
+  margin-right: -14px;
+  margin-top: -12px;
+}
+
+#jHueScrollUpAnchor {
+  color: #FFFFFF;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  display: none;
+  position: fixed;
+  z-index: 2147483647;
+  bottom: 20px;
+  right: 20px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  background-color: #333333;
+  padding: 10px;
+  padding-left: 14px;
+  padding-right: 14px;
+}
+
+#jHueScrollUpAnchor:hover {
+  text-decoration: none;
+  opacity: 0.85;
+  filter: alpha(opacity=85);
+}
+
+#jHueTourMask {
+  position: absolute;
+  display: none;
+  top: 0px;
+  left: 0px;
+  z-index: 9998;
+  background-color: #FFFFFF;
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+}
+
+.jHueTourBadge {
+  background-color: #2c7fb3;
+  background-image: -moz-linear-gradient(bottom, #2c7fb3, #01639c);
+  background-image: -ms-linear-gradient(bottom, #2c7fb3, #01639c);
+  background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#2c7fb3), to(#01639c));
+  background-image: -webkit-linear-gradient(bottom, #2c7fb3, #01639c);
+  background-image: -o-linear-gradient(bottom, #2c7fb3, #01639c);
+  background-image: linear-gradient(bottom, #2c7fb3, #01639c);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#01639c', endColorstr='#2c7fb3', GradientType=0);
+  border: 1px solid #01639C;
+  border-right: none;
+  color: #FFFFFF;
+  padding: 4px;
+  padding-left: 8px;
+  -webkit-border-top-left-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+  -moz-border-radius-topleft: 4px;
+  -moz-border-radius-bottomleft: 4px;
+  border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;
+  position: fixed;
+  top: 100px;
+  z-index: 10000;
+  right: 0;
+  cursor: pointer;
+}
+
+.jHueTourBadgeLeft {
+  right: auto !important;
+  left: 0;
+  padding-left: 4px;
+  padding-right: 8px;
+  border-left: none;
+  border-right: 1px solid #01639C;
+  -webkit-border-top-left-radius: 0px;
+  -webkit-border-bottom-left-radius: 0px;
+  -moz-border-radius-topleft: 0px;
+  -moz-border-radius-bottomleft: 0px;
+  border-top-left-radius: 0px;
+  border-bottom-left-radius: 0px;
+  -webkit-border-top-right-radius: 4px;
+  -webkit-border-bottom-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -moz-border-radius-bottomright: 4px;
+  border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;
+}
+
+.jHueTourBadge:hover {
+  background-color: #2C7FB3;
+}
+
+.jHueTourExposed {
+  z-index: 9999;
+}
+
+.popover-inner {
+  text-align: left;
+}
+
+.popover {
+  z-index: 10000;
+}
+
+.CodeMirror-hints {
+  z-index: 10000 !important;
+}
+
+.card table {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+
+.tooltip {
+  border: 0;
+}
+
+.nav i {
+  line-height: 24px!important;
+}
+
+.navbar .nav > li > a {
+  margin-right: 0px!important;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+
+.brand {
+  padding: 10px 20px!important;
+  margin-top: 4px!important;
+}

+ 6913 - 0
desktop/core/static/ext/css/bootplus.css

@@ -0,0 +1,6913 @@
+/*!
+ * Bootplus v1.0.3
+ *
+ * Copyright 2013 Marcello Palmitessa
+ * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) or the GPL v2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
+ *
+ * based on Twitter Bootstrap v2.3.2
+ */
+
+.clearfix {
+  *zoom: 1;
+}
+
+.clearfix:before,
+.clearfix:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.clearfix:after {
+  clear: both;
+}
+
+.hide-text {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0;
+}
+
+.input-block-level {
+  display: block;
+  width: 100%;
+  min-height: 30px;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.no-background {
+  background-image: none;
+  background-repeat: no-repeat;
+}
+
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+nav,
+section {
+  display: block;
+}
+
+audio,
+canvas,
+video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1;
+}
+
+audio:not([controls]) {
+  display: none;
+}
+
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+      -ms-text-size-adjust: 100%;
+}
+
+a:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+a:hover,
+a:active {
+  outline: 0;
+}
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sup {
+  top: -0.5em;
+}
+
+sub {
+  bottom: -0.25em;
+}
+
+img {
+  width: auto\9;
+  height: auto;
+  max-width: 100%;
+  vertical-align: middle;
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+}
+
+#map_canvas img,
+.google-maps img {
+  max-width: none;
+}
+
+button,
+input,
+select,
+textarea {
+  margin: 0;
+  font-size: 100%;
+  vertical-align: middle;
+}
+
+button,
+input {
+  *overflow: visible;
+  line-height: normal;
+}
+
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+
+button,
+html input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  cursor: pointer;
+  -webkit-appearance: button;
+}
+
+label,
+select,
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"],
+input[type="radio"],
+input[type="checkbox"] {
+  cursor: pointer;
+}
+
+input[type="search"] {
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+  -webkit-appearance: textfield;
+}
+
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+textarea {
+  overflow: auto;
+  vertical-align: top;
+}
+
+@media print {
+  * {
+    color: #000 !important;
+    text-shadow: none !important;
+    background: transparent !important;
+    box-shadow: none !important;
+  }
+  a,
+  a:visited {
+    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;
+  }
+  img {
+    max-width: 100% !important;
+  }
+  @page  {
+    margin: 0.5cm;
+  }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3;
+  }
+  h2,
+  h3 {
+    page-break-after: avoid;
+  }
+}
+
+body {
+  margin: 0;
+  font-family: Roboto, arial, sans-serif;
+  font-size: 13px;
+  line-height: 20px;
+  color: #444444;
+  background-color: #f1f1f1;
+}
+
+a {
+  color: #338bb8;
+  text-decoration: none;
+}
+
+a:hover,
+a:focus {
+  color: #225e7c;
+  text-decoration: underline;
+}
+
+.img-rounded {
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+}
+
+.img-polaroid {
+  padding: 4px;
+  background-color: #fff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+}
+
+.img-circle {
+  -webkit-border-radius: 500px;
+     -moz-border-radius: 500px;
+          border-radius: 500px;
+}
+
+.row {
+  margin-left: -20px;
+  *zoom: 1;
+}
+
+.row:before,
+.row:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.row:after {
+  clear: both;
+}
+
+[class*="span"] {
+  float: left;
+  min-height: 1px;
+  margin-left: 20px;
+}
+
+.container,
+.navbar-static-top .container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+  width: 940px;
+}
+
+.span12 {
+  width: 940px;
+}
+
+.span11 {
+  width: 860px;
+}
+
+.span10 {
+  width: 780px;
+}
+
+.span9 {
+  width: 700px;
+}
+
+.span8 {
+  width: 620px;
+}
+
+.span7 {
+  width: 540px;
+}
+
+.span6 {
+  width: 460px;
+}
+
+.span5 {
+  width: 380px;
+}
+
+.span4 {
+  width: 300px;
+}
+
+.span3 {
+  width: 220px;
+}
+
+.span2 {
+  width: 140px;
+}
+
+.span1 {
+  width: 60px;
+}
+
+.offset12 {
+  margin-left: 980px;
+}
+
+.offset11 {
+  margin-left: 900px;
+}
+
+.offset10 {
+  margin-left: 820px;
+}
+
+.offset9 {
+  margin-left: 740px;
+}
+
+.offset8 {
+  margin-left: 660px;
+}
+
+.offset7 {
+  margin-left: 580px;
+}
+
+.offset6 {
+  margin-left: 500px;
+}
+
+.offset5 {
+  margin-left: 420px;
+}
+
+.offset4 {
+  margin-left: 340px;
+}
+
+.offset3 {
+  margin-left: 260px;
+}
+
+.offset2 {
+  margin-left: 180px;
+}
+
+.offset1 {
+  margin-left: 100px;
+}
+
+.row-fluid {
+  width: 100%;
+  *zoom: 1;
+}
+
+.row-fluid:before,
+.row-fluid:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.row-fluid:after {
+  clear: both;
+}
+
+.row-fluid [class*="span"] {
+  display: block;
+  float: left;
+  width: 100%;
+  min-height: 30px;
+  margin-left: 2.127659574468085%;
+  *margin-left: 2.074468085106383%;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.row-fluid [class*="span"]:first-child {
+  margin-left: 0;
+}
+
+.row-fluid .controls-row [class*="span"] + [class*="span"] {
+  margin-left: 2.127659574468085%;
+}
+
+.row-fluid .span12 {
+  width: 100%;
+  *width: 99.94680851063829%;
+}
+
+.row-fluid .span11 {
+  width: 91.48936170212765%;
+  *width: 91.43617021276594%;
+}
+
+.row-fluid .span10 {
+  width: 82.97872340425532%;
+  *width: 82.92553191489361%;
+}
+
+.row-fluid .span9 {
+  width: 74.46808510638297%;
+  *width: 74.41489361702126%;
+}
+
+.row-fluid .span8 {
+  width: 65.95744680851064%;
+  *width: 65.90425531914893%;
+}
+
+.row-fluid .span7 {
+  width: 57.44680851063829%;
+  *width: 57.39361702127659%;
+}
+
+.row-fluid .span6 {
+  width: 48.93617021276595%;
+  *width: 48.88297872340425%;
+}
+
+.row-fluid .span5 {
+  width: 40.42553191489362%;
+  *width: 40.37234042553192%;
+}
+
+.row-fluid .span4 {
+  width: 31.914893617021278%;
+  *width: 31.861702127659576%;
+}
+
+.row-fluid .span3 {
+  width: 23.404255319148934%;
+  *width: 23.351063829787233%;
+}
+
+.row-fluid .span2 {
+  width: 14.893617021276595%;
+  *width: 14.840425531914894%;
+}
+
+.row-fluid .span1 {
+  width: 6.382978723404255%;
+  *width: 6.329787234042553%;
+}
+
+.row-fluid .offset12 {
+  margin-left: 104.25531914893617%;
+  *margin-left: 104.14893617021275%;
+}
+
+.row-fluid .offset12:first-child {
+  margin-left: 102.12765957446808%;
+  *margin-left: 102.02127659574467%;
+}
+
+.row-fluid .offset11 {
+  margin-left: 95.74468085106382%;
+  *margin-left: 95.6382978723404%;
+}
+
+.row-fluid .offset11:first-child {
+  margin-left: 93.61702127659574%;
+  *margin-left: 93.51063829787232%;
+}
+
+.row-fluid .offset10 {
+  margin-left: 87.23404255319149%;
+  *margin-left: 87.12765957446807%;
+}
+
+.row-fluid .offset10:first-child {
+  margin-left: 85.1063829787234%;
+  *margin-left: 84.99999999999999%;
+}
+
+.row-fluid .offset9 {
+  margin-left: 78.72340425531914%;
+  *margin-left: 78.61702127659572%;
+}
+
+.row-fluid .offset9:first-child {
+  margin-left: 76.59574468085106%;
+  *margin-left: 76.48936170212764%;
+}
+
+.row-fluid .offset8 {
+  margin-left: 70.2127659574468%;
+  *margin-left: 70.10638297872339%;
+}
+
+.row-fluid .offset8:first-child {
+  margin-left: 68.08510638297872%;
+  *margin-left: 67.9787234042553%;
+}
+
+.row-fluid .offset7 {
+  margin-left: 61.70212765957446%;
+  *margin-left: 61.59574468085106%;
+}
+
+.row-fluid .offset7:first-child {
+  margin-left: 59.574468085106375%;
+  *margin-left: 59.46808510638297%;
+}
+
+.row-fluid .offset6 {
+  margin-left: 53.191489361702125%;
+  *margin-left: 53.085106382978715%;
+}
+
+.row-fluid .offset6:first-child {
+  margin-left: 51.063829787234035%;
+  *margin-left: 50.95744680851063%;
+}
+
+.row-fluid .offset5 {
+  margin-left: 44.68085106382979%;
+  *margin-left: 44.57446808510638%;
+}
+
+.row-fluid .offset5:first-child {
+  margin-left: 42.5531914893617%;
+  *margin-left: 42.4468085106383%;
+}
+
+.row-fluid .offset4 {
+  margin-left: 36.170212765957444%;
+  *margin-left: 36.06382978723405%;
+}
+
+.row-fluid .offset4:first-child {
+  margin-left: 34.04255319148936%;
+  *margin-left: 33.93617021276596%;
+}
+
+.row-fluid .offset3 {
+  margin-left: 27.659574468085104%;
+  *margin-left: 27.5531914893617%;
+}
+
+.row-fluid .offset3:first-child {
+  margin-left: 25.53191489361702%;
+  *margin-left: 25.425531914893618%;
+}
+
+.row-fluid .offset2 {
+  margin-left: 19.148936170212764%;
+  *margin-left: 19.04255319148936%;
+}
+
+.row-fluid .offset2:first-child {
+  margin-left: 17.02127659574468%;
+  *margin-left: 16.914893617021278%;
+}
+
+.row-fluid .offset1 {
+  margin-left: 10.638297872340425%;
+  *margin-left: 10.53191489361702%;
+}
+
+.row-fluid .offset1:first-child {
+  margin-left: 8.51063829787234%;
+  *margin-left: 8.404255319148938%;
+}
+
+[class*="span"].hide,
+.row-fluid [class*="span"].hide {
+  display: none;
+}
+
+[class*="span"].pull-right,
+.row-fluid [class*="span"].pull-right {
+  float: right;
+}
+
+.container {
+  margin-right: auto;
+  margin-left: auto;
+  *zoom: 1;
+}
+
+.container:before,
+.container:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.container:after {
+  clear: both;
+}
+
+.container-fluid {
+  padding-right: 20px;
+  padding-left: 20px;
+  *zoom: 1;
+}
+
+.container-fluid:before,
+.container-fluid:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.container-fluid:after {
+  clear: both;
+}
+
+p {
+  margin: 0 0 10px;
+}
+
+.lead {
+  margin-bottom: 20px;
+  font-size: 19.5px;
+  font-weight: 200;
+  line-height: 30px;
+}
+
+small {
+  font-size: 85%;
+}
+
+strong {
+  font-weight: bold;
+}
+
+em {
+  font-style: italic;
+}
+
+cite {
+  font-style: normal;
+}
+
+.muted {
+  color: #999999;
+}
+
+a.muted:hover,
+a.muted:focus {
+  color: #808080;
+}
+
+.text-warning {
+  color: #c09853;
+}
+
+a.text-warning:hover,
+a.text-warning:focus {
+  color: #a47e3c;
+}
+
+.text-error {
+  color: #dd4b39;
+}
+
+a.text-error:hover,
+a.text-error:focus {
+  color: #c23321;
+}
+
+.text-info {
+  color: #5bc0de;
+}
+
+a.text-info:hover,
+a.text-info:focus {
+  color: #31b0d5;
+}
+
+.text-success {
+  color: #3d9400;
+}
+
+a.text-success:hover,
+a.text-success:focus {
+  color: #286100;
+}
+
+.text-left {
+  text-align: left;
+}
+
+.text-right {
+  text-align: right;
+}
+
+.text-center {
+  text-align: center;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  margin: 10px 0;
+  font-family: inherit;
+  font-weight: 300;
+  line-height: 20px;
+  color: inherit;
+  text-rendering: optimizelegibility;
+}
+
+h1 small,
+h2 small,
+h3 small,
+h4 small,
+h5 small,
+h6 small {
+  font-weight: normal;
+  line-height: 1;
+  color: #999999;
+}
+
+h1,
+h2,
+h3 {
+  line-height: 40px;
+}
+
+h1 {
+  font-size: 35.75px;
+}
+
+h2 {
+  font-size: 29.25px;
+}
+
+h3 {
+  font-size: 22.75px;
+}
+
+h4 {
+  font-size: 16.25px;
+}
+
+h5 {
+  font-size: 13px;
+}
+
+h6 {
+  font-size: 11.049999999999999px;
+}
+
+h1 small {
+  font-size: 22.75px;
+}
+
+h2 small {
+  font-size: 16.25px;
+}
+
+h3 small {
+  font-size: 13px;
+}
+
+h4 small {
+  font-size: 13px;
+}
+
+.page-header {
+  padding-bottom: 9px;
+  margin: 20px 0 30px;
+  border-bottom: 1px solid #f5f5f5;
+}
+
+ul,
+ol {
+  padding: 0;
+  margin: 0 0 10px 25px;
+}
+
+ul ul,
+ul ol,
+ol ol,
+ol ul {
+  margin-bottom: 0;
+}
+
+li {
+  line-height: 20px;
+}
+
+ul.unstyled,
+ol.unstyled {
+  margin-left: 0;
+  list-style: none;
+}
+
+ul.inline,
+ol.inline {
+  margin-left: 0;
+  list-style: none;
+}
+
+ul.inline > li,
+ol.inline > li {
+  display: inline-block;
+  *display: inline;
+  padding-right: 5px;
+  padding-left: 5px;
+  *zoom: 1;
+}
+
+dl {
+  margin-bottom: 20px;
+}
+
+dt,
+dd {
+  line-height: 20px;
+}
+
+dt {
+  font-weight: bold;
+}
+
+dd {
+  margin-left: 10px;
+}
+
+.dl-horizontal {
+  *zoom: 1;
+}
+
+.dl-horizontal:before,
+.dl-horizontal:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.dl-horizontal:after {
+  clear: both;
+}
+
+.dl-horizontal dt {
+  float: left;
+  width: 160px;
+  overflow: hidden;
+  clear: left;
+  text-align: right;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.dl-horizontal dd {
+  margin-left: 180px;
+}
+
+hr {
+  margin: 20px 0;
+  border: 0;
+  border-top: 1px solid #f5f5f5;
+  border-bottom: 1px solid #ffffff;
+}
+
+abbr[title],
+abbr[data-original-title] {
+  cursor: help;
+  border-bottom: 1px dotted #999999;
+}
+
+abbr.initialism {
+  font-size: 90%;
+  text-transform: uppercase;
+}
+
+blockquote {
+  padding: 0 0 0 15px;
+  margin: 0 0 20px;
+  border-left: 5px solid #f5f5f5;
+}
+
+blockquote p {
+  margin-bottom: 0;
+  font-size: 16.25px;
+  font-weight: 300;
+  line-height: 1.25;
+}
+
+blockquote small {
+  display: block;
+  line-height: 20px;
+  color: #999999;
+}
+
+blockquote small:before {
+  content: '\2014 \00A0';
+}
+
+blockquote.pull-right {
+  float: right;
+  padding-right: 15px;
+  padding-left: 0;
+  border-right: 5px solid #f5f5f5;
+  border-left: 0;
+}
+
+blockquote.pull-right p,
+blockquote.pull-right small {
+  text-align: right;
+}
+
+blockquote.pull-right small:before {
+  content: '';
+}
+
+blockquote.pull-right small:after {
+  content: '\00A0 \2014';
+}
+
+q:before,
+q:after,
+blockquote:before,
+blockquote:after {
+  content: "";
+}
+
+address {
+  display: block;
+  margin-bottom: 20px;
+  font-style: normal;
+  line-height: 20px;
+}
+
+code,
+pre {
+  padding: 0 3px 2px;
+  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
+  font-size: 11px;
+  color: #444444;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+code {
+  padding: 2px 4px;
+  color: #d14;
+  white-space: nowrap;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+
+pre {
+  display: block;
+  padding: 9.5px;
+  margin: 0 0 10px;
+  font-size: 12px;
+  line-height: 20px;
+  word-break: break-all;
+  word-wrap: break-word;
+  white-space: pre;
+  white-space: pre-wrap;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+pre.prettyprint {
+  margin-bottom: 20px;
+}
+
+pre code {
+  padding: 0;
+  color: inherit;
+  white-space: pre;
+  white-space: pre-wrap;
+  background-color: transparent;
+  border: 0;
+}
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll;
+}
+
+form {
+  margin: 0 0 20px;
+}
+
+fieldset {
+  padding: 0;
+  margin: 0;
+  border: 0;
+}
+
+legend {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 20px;
+  font-size: 19.5px;
+  line-height: 40px;
+  color: #444444;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+legend small {
+  font-size: 15px;
+  color: #999999;
+}
+
+label,
+input,
+button,
+select,
+textarea {
+  font-size: 13px;
+  font-weight: normal;
+  line-height: 20px;
+}
+
+input,
+button,
+select,
+textarea {
+  font-family: Roboto, arial, sans-serif;
+}
+
+label {
+  display: block;
+  margin-bottom: 5px;
+}
+
+select,
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  display: inline-block;
+  height: 20px;
+  padding: 4px 6px;
+  margin-bottom: 10px;
+  font-size: 13px;
+  line-height: 20px;
+  color: #333333;
+  vertical-align: middle;
+  -webkit-border-radius: 1px;
+     -moz-border-radius: 1px;
+          border-radius: 1px;
+}
+
+input,
+textarea,
+.uneditable-input {
+  width: 206px;
+}
+
+textarea {
+  height: auto;
+}
+
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  background-color: #ffffff;
+  border: 1px solid #d9d9d9;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
+     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
+       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
+          transition: border linear 0.2s, box-shadow linear 0.2s;
+}
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus {
+  border-color: rgba(82, 168, 236, 0.8);
+  outline: 0;
+  outline: thin dotted \9;
+  /* IE6-9 */
+
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
+}
+
+input[type="radio"],
+input[type="checkbox"] {
+  margin: 4px 0 0;
+  margin-top: 1px \9;
+  *margin-top: 0;
+  line-height: normal;
+}
+
+input[type="file"],
+input[type="image"],
+input[type="submit"],
+input[type="reset"],
+input[type="button"],
+input[type="radio"],
+input[type="checkbox"] {
+  width: auto;
+}
+
+select,
+input[type="file"] {
+  height: 30px;
+  /* In IE7, the height of the select element cannot be changed by height, only font-size */
+
+  *margin-top: 4px;
+  /* For IE7, add top margin to align select with labels */
+
+  line-height: 30px;
+}
+
+select {
+  width: 220px;
+  background-color: #ffffff;
+  border: 1px solid #d9d9d9;
+}
+
+select[multiple],
+select[size] {
+  height: auto;
+}
+
+select:focus,
+input[type="file"]:focus,
+input[type="radio"]:focus,
+input[type="checkbox"]:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+.uneditable-input,
+.uneditable-textarea {
+  color: #999999;
+  cursor: not-allowed;
+  background-color: #fcfcfc;
+  border-color: #d9d9d9;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025);
+}
+
+.uneditable-input {
+  overflow: hidden;
+  white-space: nowrap;
+}
+
+.uneditable-textarea {
+  width: auto;
+  height: auto;
+}
+
+input:-moz-placeholder,
+textarea:-moz-placeholder {
+  color: #999999;
+}
+
+input:-ms-input-placeholder,
+textarea:-ms-input-placeholder {
+  color: #999999;
+}
+
+input::-webkit-input-placeholder,
+textarea::-webkit-input-placeholder {
+  color: #999999;
+}
+
+.radio,
+.checkbox {
+  min-height: 20px;
+  padding-left: 20px;
+}
+
+.radio input[type="radio"],
+.checkbox input[type="checkbox"] {
+  float: left;
+  margin-left: -20px;
+}
+
+.controls > .radio:first-child,
+.controls > .checkbox:first-child {
+  padding-top: 5px;
+}
+
+.radio.inline,
+.checkbox.inline {
+  display: inline-block;
+  padding-top: 5px;
+  margin-bottom: 0;
+  vertical-align: middle;
+}
+
+.radio.inline + .radio.inline,
+.checkbox.inline + .checkbox.inline {
+  margin-left: 10px;
+}
+
+.input-mini {
+  width: 60px;
+}
+
+.input-small {
+  width: 90px;
+}
+
+.input-medium {
+  width: 150px;
+}
+
+.input-large {
+  width: 210px;
+}
+
+.input-xlarge {
+  width: 270px;
+}
+
+.input-xxlarge {
+  width: 530px;
+}
+
+input[class*="span"],
+select[class*="span"],
+textarea[class*="span"],
+.uneditable-input[class*="span"],
+.row-fluid input[class*="span"],
+.row-fluid select[class*="span"],
+.row-fluid textarea[class*="span"],
+.row-fluid .uneditable-input[class*="span"] {
+  float: none;
+  margin-left: 0;
+}
+
+.input-append input[class*="span"],
+.input-append .uneditable-input[class*="span"],
+.input-prepend input[class*="span"],
+.input-prepend .uneditable-input[class*="span"],
+.row-fluid input[class*="span"],
+.row-fluid select[class*="span"],
+.row-fluid textarea[class*="span"],
+.row-fluid .uneditable-input[class*="span"],
+.row-fluid .input-prepend [class*="span"],
+.row-fluid .input-append [class*="span"] {
+  display: inline-block;
+}
+
+input,
+textarea,
+.uneditable-input {
+  margin-left: 0;
+}
+
+.controls-row [class*="span"] + [class*="span"] {
+  margin-left: 20px;
+}
+
+input.span12,
+textarea.span12,
+.uneditable-input.span12 {
+  width: 926px;
+}
+
+input.span11,
+textarea.span11,
+.uneditable-input.span11 {
+  width: 846px;
+}
+
+input.span10,
+textarea.span10,
+.uneditable-input.span10 {
+  width: 766px;
+}
+
+input.span9,
+textarea.span9,
+.uneditable-input.span9 {
+  width: 686px;
+}
+
+input.span8,
+textarea.span8,
+.uneditable-input.span8 {
+  width: 606px;
+}
+
+input.span7,
+textarea.span7,
+.uneditable-input.span7 {
+  width: 526px;
+}
+
+input.span6,
+textarea.span6,
+.uneditable-input.span6 {
+  width: 446px;
+}
+
+input.span5,
+textarea.span5,
+.uneditable-input.span5 {
+  width: 366px;
+}
+
+input.span4,
+textarea.span4,
+.uneditable-input.span4 {
+  width: 286px;
+}
+
+input.span3,
+textarea.span3,
+.uneditable-input.span3 {
+  width: 206px;
+}
+
+input.span2,
+textarea.span2,
+.uneditable-input.span2 {
+  width: 126px;
+}
+
+input.span1,
+textarea.span1,
+.uneditable-input.span1 {
+  width: 46px;
+}
+
+.controls-row {
+  *zoom: 1;
+}
+
+.controls-row:before,
+.controls-row:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.controls-row:after {
+  clear: both;
+}
+
+.controls-row [class*="span"],
+.row-fluid .controls-row [class*="span"] {
+  float: left;
+}
+
+.controls-row .checkbox[class*="span"],
+.controls-row .radio[class*="span"] {
+  padding-top: 5px;
+}
+
+input[disabled],
+select[disabled],
+textarea[disabled],
+input[readonly],
+select[readonly],
+textarea[readonly] {
+  cursor: not-allowed;
+  background-color: #f5f5f5;
+}
+
+input[type="radio"][disabled],
+input[type="checkbox"][disabled],
+input[type="radio"][readonly],
+input[type="checkbox"][readonly] {
+  background-color: transparent;
+}
+
+.control-group.warning .control-label,
+.control-group.warning .help-block,
+.control-group.warning .help-inline {
+  color: #c09853;
+}
+
+.control-group.warning .checkbox,
+.control-group.warning .radio,
+.control-group.warning input,
+.control-group.warning select,
+.control-group.warning textarea {
+  color: #c09853;
+}
+
+.control-group.warning input,
+.control-group.warning select,
+.control-group.warning textarea {
+  border-color: #c09853;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.control-group.warning input:focus,
+.control-group.warning select:focus,
+.control-group.warning textarea:focus {
+  border-color: #a47e3c;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
+}
+
+.control-group.warning .input-prepend .add-on,
+.control-group.warning .input-append .add-on {
+  color: #c09853;
+  background-color: #f9edbe;
+  border-color: #c09853;
+}
+
+.control-group.error .control-label,
+.control-group.error .help-block,
+.control-group.error .help-inline {
+  color: #dd4b39;
+}
+
+.control-group.error .checkbox,
+.control-group.error .radio,
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
+  color: #dd4b39;
+}
+
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
+  border-color: #dd4b39;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.control-group.error input:focus,
+.control-group.error select:focus,
+.control-group.error textarea:focus {
+  border-color: #c23321;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ec9a90;
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ec9a90;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ec9a90;
+}
+
+.control-group.error .input-prepend .add-on,
+.control-group.error .input-append .add-on {
+  color: #dd4b39;
+  background-color: #dd4b39;
+  border-color: #dd4b39;
+}
+
+.control-group.success .control-label,
+.control-group.success .help-block,
+.control-group.success .help-inline {
+  color: #3d9400;
+}
+
+.control-group.success .checkbox,
+.control-group.success .radio,
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
+  color: #3d9400;
+}
+
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
+  border-color: #3d9400;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.control-group.success input:focus,
+.control-group.success select:focus,
+.control-group.success textarea:focus {
+  border-color: #286100;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67fa00;
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67fa00;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67fa00;
+}
+
+.control-group.success .input-prepend .add-on,
+.control-group.success .input-append .add-on {
+  color: #3d9400;
+  background-color: #3d9400;
+  border-color: #3d9400;
+}
+
+.control-group.info .control-label,
+.control-group.info .help-block,
+.control-group.info .help-inline {
+  color: #5bc0de;
+}
+
+.control-group.info .checkbox,
+.control-group.info .radio,
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+  color: #5bc0de;
+}
+
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+  border-color: #5bc0de;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.control-group.info input:focus,
+.control-group.info select:focus,
+.control-group.info textarea:focus {
+  border-color: #31b0d5;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b0e1ef;
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b0e1ef;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b0e1ef;
+}
+
+.control-group.info .input-prepend .add-on,
+.control-group.info .input-append .add-on {
+  color: #5bc0de;
+  background-color: #5bc0de;
+  border-color: #5bc0de;
+}
+
+input:focus:invalid,
+textarea:focus:invalid,
+select:focus:invalid {
+  color: #b94a48;
+  border-color: #ee5f5b;
+}
+
+input:focus:invalid:focus,
+textarea:focus:invalid:focus,
+select:focus:invalid:focus {
+  border-color: #e9322d;
+  -webkit-box-shadow: 0 0 6px #f8b9b7;
+     -moz-box-shadow: 0 0 6px #f8b9b7;
+          box-shadow: 0 0 6px #f8b9b7;
+}
+
+.form-actions {
+  padding: 19px 20px 20px;
+  margin-top: 20px;
+  margin-bottom: 20px;
+  background-color: #ffffff;
+  border-top: 1px solid #e5e5e5;
+  *zoom: 1;
+}
+
+.form-actions:before,
+.form-actions:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.form-actions:after {
+  clear: both;
+}
+
+.help-block,
+.help-inline {
+  color: #6a6a6a;
+}
+
+.help-block {
+  display: block;
+  margin-bottom: 10px;
+}
+
+.help-inline {
+  display: inline-block;
+  *display: inline;
+  padding-left: 5px;
+  vertical-align: middle;
+  *zoom: 1;
+}
+
+.input-append,
+.input-prepend {
+  display: inline-block;
+  margin-bottom: 10px;
+  font-size: 0;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
+.input-append input,
+.input-prepend input,
+.input-append select,
+.input-prepend select,
+.input-append .uneditable-input,
+.input-prepend .uneditable-input,
+.input-append .dropdown-menu,
+.input-prepend .dropdown-menu,
+.input-append .popover,
+.input-prepend .popover {
+  font-size: 13px;
+}
+
+.input-append input,
+.input-prepend input,
+.input-append select,
+.input-prepend select,
+.input-append .uneditable-input,
+.input-prepend .uneditable-input {
+  position: relative;
+  margin-bottom: 0;
+  *margin-left: 0;
+  vertical-align: top;
+  -webkit-border-radius: 0 1px 1px 0;
+     -moz-border-radius: 0 1px 1px 0;
+          border-radius: 0 1px 1px 0;
+}
+
+.input-append input:focus,
+.input-prepend input:focus,
+.input-append select:focus,
+.input-prepend select:focus,
+.input-append .uneditable-input:focus,
+.input-prepend .uneditable-input:focus {
+  z-index: 2;
+}
+
+.input-append .add-on,
+.input-prepend .add-on {
+  display: inline-block;
+  width: auto;
+  height: 20px;
+  min-width: 16px;
+  padding: 4px 5px;
+  font-size: 13px;
+  font-weight: normal;
+  line-height: 20px;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  background-color: #f5f5f5;
+  border: 1px solid #ccc;
+}
+
+.input-append .add-on,
+.input-prepend .add-on,
+.input-append .btn,
+.input-prepend .btn,
+.input-append .btn-group > .dropdown-toggle,
+.input-prepend .btn-group > .dropdown-toggle {
+  vertical-align: top;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.input-append .active,
+.input-prepend .active {
+  background-color: #a9dba9;
+  border-color: #46a546;
+}
+
+.input-prepend .add-on,
+.input-prepend .btn {
+  margin-right: -1px;
+}
+
+.input-prepend .add-on:first-child,
+.input-prepend .btn:first-child {
+  -webkit-border-radius: 1px 0 0 1px;
+     -moz-border-radius: 1px 0 0 1px;
+          border-radius: 1px 0 0 1px;
+}
+
+.input-append input,
+.input-append select,
+.input-append .uneditable-input {
+  -webkit-border-radius: 1px 0 0 1px;
+     -moz-border-radius: 1px 0 0 1px;
+          border-radius: 1px 0 0 1px;
+}
+
+.input-append input + .btn-group .btn:last-child,
+.input-append select + .btn-group .btn:last-child,
+.input-append .uneditable-input + .btn-group .btn:last-child {
+  -webkit-border-radius: 0 1px 1px 0;
+     -moz-border-radius: 0 1px 1px 0;
+          border-radius: 0 1px 1px 0;
+}
+
+.input-append .add-on,
+.input-append .btn,
+.input-append .btn-group {
+  margin-left: -1px;
+}
+
+.input-append .add-on:last-child,
+.input-append .btn:last-child,
+.input-append .btn-group:last-child > .dropdown-toggle {
+  -webkit-border-radius: 0 1px 1px 0;
+     -moz-border-radius: 0 1px 1px 0;
+          border-radius: 0 1px 1px 0;
+}
+
+.input-prepend.input-append input,
+.input-prepend.input-append select,
+.input-prepend.input-append .uneditable-input {
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.input-prepend.input-append input + .btn-group .btn,
+.input-prepend.input-append select + .btn-group .btn,
+.input-prepend.input-append .uneditable-input + .btn-group .btn {
+  -webkit-border-radius: 0 1px 1px 0;
+     -moz-border-radius: 0 1px 1px 0;
+          border-radius: 0 1px 1px 0;
+}
+
+.input-prepend.input-append .add-on:first-child,
+.input-prepend.input-append .btn:first-child {
+  margin-right: -1px;
+  -webkit-border-radius: 1px 0 0 1px;
+     -moz-border-radius: 1px 0 0 1px;
+          border-radius: 1px 0 0 1px;
+}
+
+.input-prepend.input-append .add-on:last-child,
+.input-prepend.input-append .btn:last-child {
+  margin-left: -1px;
+  -webkit-border-radius: 0 1px 1px 0;
+     -moz-border-radius: 0 1px 1px 0;
+          border-radius: 0 1px 1px 0;
+}
+
+.input-prepend.input-append .btn-group:first-child {
+  margin-left: 0;
+}
+
+input.search-query {
+  padding-right: 14px;
+  padding-right: 4px \9;
+  padding-left: 14px;
+  padding-left: 4px \9;
+  /* IE7-8 doesn't have border-radius, so don't indent the padding */
+
+  margin-bottom: 0;
+  -webkit-border-radius: 15px;
+     -moz-border-radius: 15px;
+          border-radius: 15px;
+}
+
+/* Allow for input prepend/append in search forms */
+
+.form-search .input-append .search-query,
+.form-search .input-prepend .search-query {
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.form-search .input-append .search-query {
+  -webkit-border-radius: 14px 0 0 14px;
+     -moz-border-radius: 14px 0 0 14px;
+          border-radius: 14px 0 0 14px;
+}
+
+.form-search .input-append .btn {
+  -webkit-border-radius: 0 14px 14px 0;
+     -moz-border-radius: 0 14px 14px 0;
+          border-radius: 0 14px 14px 0;
+}
+
+.form-search .input-prepend .search-query {
+  -webkit-border-radius: 0 14px 14px 0;
+     -moz-border-radius: 0 14px 14px 0;
+          border-radius: 0 14px 14px 0;
+}
+
+.form-search .input-prepend .btn {
+  -webkit-border-radius: 14px 0 0 14px;
+     -moz-border-radius: 14px 0 0 14px;
+          border-radius: 14px 0 0 14px;
+}
+
+.form-search input,
+.form-inline input,
+.form-horizontal input,
+.form-search textarea,
+.form-inline textarea,
+.form-horizontal textarea,
+.form-search select,
+.form-inline select,
+.form-horizontal select,
+.form-search .help-inline,
+.form-inline .help-inline,
+.form-horizontal .help-inline,
+.form-search .uneditable-input,
+.form-inline .uneditable-input,
+.form-horizontal .uneditable-input,
+.form-search .input-prepend,
+.form-inline .input-prepend,
+.form-horizontal .input-prepend,
+.form-search .input-append,
+.form-inline .input-append,
+.form-horizontal .input-append {
+  display: inline-block;
+  *display: inline;
+  margin-bottom: 0;
+  vertical-align: middle;
+  *zoom: 1;
+}
+
+.form-search .hide,
+.form-inline .hide,
+.form-horizontal .hide {
+  display: none;
+}
+
+.form-search label,
+.form-inline label,
+.form-search .btn-group,
+.form-inline .btn-group {
+  display: inline-block;
+}
+
+.form-search .input-append,
+.form-inline .input-append,
+.form-search .input-prepend,
+.form-inline .input-prepend {
+  margin-bottom: 0;
+}
+
+.form-search .radio,
+.form-search .checkbox,
+.form-inline .radio,
+.form-inline .checkbox {
+  padding-left: 0;
+  margin-bottom: 0;
+  vertical-align: middle;
+}
+
+.form-search .radio input[type="radio"],
+.form-search .checkbox input[type="checkbox"],
+.form-inline .radio input[type="radio"],
+.form-inline .checkbox input[type="checkbox"] {
+  float: left;
+  margin-right: 3px;
+  margin-left: 0;
+}
+
+.control-group {
+  margin-bottom: 10px;
+}
+
+legend + .control-group {
+  margin-top: 20px;
+  -webkit-margin-top-collapse: separate;
+}
+
+.form-horizontal .control-group {
+  margin-bottom: 20px;
+  *zoom: 1;
+}
+
+.form-horizontal .control-group:before,
+.form-horizontal .control-group:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.form-horizontal .control-group:after {
+  clear: both;
+}
+
+.form-horizontal .control-label {
+  float: left;
+  width: 160px;
+  padding-top: 5px;
+  text-align: right;
+}
+
+.form-horizontal .controls {
+  *display: inline-block;
+  *padding-left: 20px;
+  margin-left: 180px;
+  *margin-left: 0;
+}
+
+.form-horizontal .controls:first-child {
+  *padding-left: 180px;
+}
+
+.form-horizontal .help-block {
+  margin-bottom: 0;
+}
+
+.form-horizontal input + .help-block,
+.form-horizontal select + .help-block,
+.form-horizontal textarea + .help-block,
+.form-horizontal .uneditable-input + .help-block,
+.form-horizontal .input-prepend + .help-block,
+.form-horizontal .input-append + .help-block {
+  margin-top: 10px;
+}
+
+.form-horizontal .form-actions {
+  padding-left: 180px;
+}
+
+table {
+  max-width: 100%;
+  background-color: transparent;
+  border-collapse: collapse;
+  border-spacing: 0;
+}
+
+.table {
+  width: 100%;
+  margin-bottom: 20px;
+}
+
+.table th,
+.table td {
+  padding: 8px;
+  line-height: 20px;
+  text-align: left;
+  vertical-align: top;
+  border-top: 1px solid #e5e5e5;
+}
+
+.table th {
+  font-weight: bold;
+}
+
+.table thead th {
+  vertical-align: bottom;
+}
+
+.table caption + thead tr:first-child th,
+.table caption + thead tr:first-child td,
+.table colgroup + thead tr:first-child th,
+.table colgroup + thead tr:first-child td,
+.table thead:first-child tr:first-child th,
+.table thead:first-child tr:first-child td {
+  border-top: 0;
+}
+
+.table tbody + tbody {
+  border-top: 2px solid #e5e5e5;
+}
+
+.table .table {
+  background-color: #f1f1f1;
+}
+
+.table-condensed th,
+.table-condensed td {
+  padding: 4px 5px;
+}
+
+.table-bordered {
+  border: 1px solid #e5e5e5;
+  border-collapse: separate;
+  *border-collapse: collapse;
+  border-left: 0;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.table-bordered th,
+.table-bordered td {
+  border-left: 1px solid #e5e5e5;
+}
+
+.table-bordered caption + thead tr:first-child th,
+.table-bordered caption + tbody tr:first-child th,
+.table-bordered caption + tbody tr:first-child td,
+.table-bordered colgroup + thead tr:first-child th,
+.table-bordered colgroup + tbody tr:first-child th,
+.table-bordered colgroup + tbody tr:first-child td,
+.table-bordered thead:first-child tr:first-child th,
+.table-bordered tbody:first-child tr:first-child th,
+.table-bordered tbody:first-child tr:first-child td {
+  border-top: 0;
+}
+
+.table-bordered thead:first-child tr:first-child > th:first-child,
+.table-bordered tbody:first-child tr:first-child > td:first-child,
+.table-bordered tbody:first-child tr:first-child > th:first-child {
+  -webkit-border-top-left-radius: 2px;
+          border-top-left-radius: 2px;
+  -moz-border-radius-topleft: 2px;
+}
+
+.table-bordered thead:first-child tr:first-child > th:last-child,
+.table-bordered tbody:first-child tr:first-child > td:last-child,
+.table-bordered tbody:first-child tr:first-child > th:last-child {
+  -webkit-border-top-right-radius: 2px;
+          border-top-right-radius: 2px;
+  -moz-border-radius-topright: 2px;
+}
+
+.table-bordered thead:last-child tr:last-child > th:first-child,
+.table-bordered tbody:last-child tr:last-child > td:first-child,
+.table-bordered tbody:last-child tr:last-child > th:first-child,
+.table-bordered tfoot:last-child tr:last-child > td:first-child,
+.table-bordered tfoot:last-child tr:last-child > th:first-child {
+  -webkit-border-bottom-left-radius: 2px;
+          border-bottom-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+}
+
+.table-bordered thead:last-child tr:last-child > th:last-child,
+.table-bordered tbody:last-child tr:last-child > td:last-child,
+.table-bordered tbody:last-child tr:last-child > th:last-child,
+.table-bordered tfoot:last-child tr:last-child > td:last-child,
+.table-bordered tfoot:last-child tr:last-child > th:last-child {
+  -webkit-border-bottom-right-radius: 2px;
+          border-bottom-right-radius: 2px;
+  -moz-border-radius-bottomright: 2px;
+}
+
+.table-bordered tfoot + tbody:last-child tr:last-child td:first-child {
+  -webkit-border-bottom-left-radius: 0;
+          border-bottom-left-radius: 0;
+  -moz-border-radius-bottomleft: 0;
+}
+
+.table-bordered tfoot + tbody:last-child tr:last-child td:last-child {
+  -webkit-border-bottom-right-radius: 0;
+          border-bottom-right-radius: 0;
+  -moz-border-radius-bottomright: 0;
+}
+
+.table-bordered caption + thead tr:first-child th:first-child,
+.table-bordered caption + tbody tr:first-child td:first-child,
+.table-bordered colgroup + thead tr:first-child th:first-child,
+.table-bordered colgroup + tbody tr:first-child td:first-child {
+  -webkit-border-top-left-radius: 2px;
+          border-top-left-radius: 2px;
+  -moz-border-radius-topleft: 2px;
+}
+
+.table-bordered caption + thead tr:first-child th:last-child,
+.table-bordered caption + tbody tr:first-child td:last-child,
+.table-bordered colgroup + thead tr:first-child th:last-child,
+.table-bordered colgroup + tbody tr:first-child td:last-child {
+  -webkit-border-top-right-radius: 2px;
+          border-top-right-radius: 2px;
+  -moz-border-radius-topright: 2px;
+}
+
+.table-striped tbody > tr:nth-child(odd) > td,
+.table-striped tbody > tr:nth-child(odd) > th {
+  background-color: #f9f9f9;
+}
+
+.table-hover tbody tr:hover > td,
+.table-hover tbody tr:hover > th {
+  background-color: #ffffd6;
+}
+
+table td[class*="span"],
+table th[class*="span"],
+.row-fluid table td[class*="span"],
+.row-fluid table th[class*="span"] {
+  display: table-cell;
+  float: none;
+  margin-left: 0;
+}
+
+.table td.span1,
+.table th.span1 {
+  float: none;
+  width: 44px;
+  margin-left: 0;
+}
+
+.table td.span2,
+.table th.span2 {
+  float: none;
+  width: 124px;
+  margin-left: 0;
+}
+
+.table td.span3,
+.table th.span3 {
+  float: none;
+  width: 204px;
+  margin-left: 0;
+}
+
+.table td.span4,
+.table th.span4 {
+  float: none;
+  width: 284px;
+  margin-left: 0;
+}
+
+.table td.span5,
+.table th.span5 {
+  float: none;
+  width: 364px;
+  margin-left: 0;
+}
+
+.table td.span6,
+.table th.span6 {
+  float: none;
+  width: 444px;
+  margin-left: 0;
+}
+
+.table td.span7,
+.table th.span7 {
+  float: none;
+  width: 524px;
+  margin-left: 0;
+}
+
+.table td.span8,
+.table th.span8 {
+  float: none;
+  width: 604px;
+  margin-left: 0;
+}
+
+.table td.span9,
+.table th.span9 {
+  float: none;
+  width: 684px;
+  margin-left: 0;
+}
+
+.table td.span10,
+.table th.span10 {
+  float: none;
+  width: 764px;
+  margin-left: 0;
+}
+
+.table td.span11,
+.table th.span11 {
+  float: none;
+  width: 844px;
+  margin-left: 0;
+}
+
+.table td.span12,
+.table th.span12 {
+  float: none;
+  width: 924px;
+  margin-left: 0;
+}
+
+.table tbody tr.success > td {
+  background-color: #3d9400;
+}
+
+.table tbody tr.error > td {
+  background-color: #dd4b39;
+}
+
+.table tbody tr.warning > td {
+  background-color: #f9edbe;
+}
+
+.table tbody tr.info > td {
+  background-color: #5bc0de;
+}
+
+.table-hover tbody tr.success:hover > td {
+  background-color: #327b00;
+}
+
+.table-hover tbody tr.error:hover > td {
+  background-color: #d73925;
+}
+
+.table-hover tbody tr.warning:hover > td {
+  background-color: #f7e7a7;
+}
+
+.table-hover tbody tr.info:hover > td {
+  background-color: #46b8da;
+}
+
+/* BOOTSTRAP SPECIFIC CLASSES
+ * -------------------------- */
+
+/* keeps Bootstrap styles with and without icons the same */
+
+.btn [class^="icon-"],
+.nav [class^="icon-"],
+.btn [class*=" icon-"],
+.nav [class*=" icon-"] {
+  line-height: 29px;
+}
+
+.btn.btn-mini [class^="icon-"],
+.btn.btn-mini [class*=" icon-"] {
+  line-height: 20px;
+}
+
+.dropup,
+.dropdown {
+  position: relative;
+}
+
+.dropdown-toggle {
+  *margin-bottom: -3px;
+}
+
+.dropdown-toggle:active,
+.open .dropdown-toggle {
+  outline: 0;
+}
+
+.caret {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  vertical-align: top;
+  border-top: 4px solid #000000;
+  border-right: 4px solid transparent;
+  border-left: 4px solid transparent;
+  content: "";
+}
+
+.dropdown .caret {
+  margin-top: 8px;
+  margin-left: 2px;
+}
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 160px;
+  padding: 5px 0;
+  margin: 2px 0 0;
+  list-style: none;
+  background-color: #ffffff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box;
+}
+
+.dropdown-menu.pull-right {
+  right: 0;
+  left: auto;
+}
+
+.dropdown-menu .divider {
+  *width: 100%;
+  height: 1px;
+  margin: 9px 1px;
+  *margin: -5px 0 5px;
+  overflow: hidden;
+  background-color: #e5e5e5;
+  border-bottom: 1px solid #ffffff;
+}
+
+.dropdown-menu > li > a {
+  display: block;
+  padding: 3px 20px;
+  clear: both;
+  font-weight: normal;
+  line-height: 20px;
+  color: #444444;
+  white-space: nowrap;
+}
+
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus,
+.dropdown-submenu:hover > a,
+.dropdown-submenu:focus > a {
+  color: #444444;
+  text-decoration: none;
+  background-color: #f0f0f0;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e8e8e8);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e8e8e8));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e8e8e8);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e8e8e8);
+  background-image: linear-gradient(to bottom, #f5f5f5, #e8e8e8);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+}
+
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  color: #000000;
+  text-decoration: none;
+  background-color: #f0f0f0;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #e8e8e8);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#e8e8e8));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #e8e8e8);
+  background-image: -o-linear-gradient(top, #f5f5f5, #e8e8e8);
+  background-image: linear-gradient(to bottom, #f5f5f5, #e8e8e8);
+  background-repeat: repeat-x;
+  outline: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
+}
+
+.dropdown-menu > .disabled > a,
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  color: #999999;
+}
+
+.dropdown-menu > .disabled > a:hover,
+.dropdown-menu > .disabled > a:focus {
+  text-decoration: none;
+  cursor: default;
+  background-color: transparent;
+  background-image: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.open {
+  *z-index: 1000;
+}
+
+.open > .dropdown-menu {
+  display: block;
+}
+
+.dropdown-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 990;
+}
+
+.pull-right > .dropdown-menu {
+  right: 0;
+  left: auto;
+}
+
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  border-top: 0;
+  border-bottom: 4px solid #000000;
+  content: "";
+}
+
+.dropup .dropdown-menu,
+.navbar-fixed-bottom .dropdown .dropdown-menu {
+  top: auto;
+  bottom: 100%;
+  margin-bottom: 1px;
+}
+
+.dropdown-submenu {
+  position: relative;
+}
+
+.dropdown-submenu > .dropdown-menu {
+  top: 0;
+  left: 100%;
+  margin-top: -6px;
+  margin-left: -1px;
+  -webkit-border-radius: 0 6px 6px 6px;
+     -moz-border-radius: 0 6px 6px 6px;
+          border-radius: 0 6px 6px 6px;
+}
+
+.dropdown-submenu:hover > .dropdown-menu {
+  display: block;
+}
+
+.dropup .dropdown-submenu > .dropdown-menu {
+  top: auto;
+  bottom: 0;
+  margin-top: 0;
+  margin-bottom: -2px;
+  -webkit-border-radius: 5px 5px 5px 0;
+     -moz-border-radius: 5px 5px 5px 0;
+          border-radius: 5px 5px 5px 0;
+}
+
+.dropdown-submenu > a:after {
+  display: block;
+  float: right;
+  width: 0;
+  height: 0;
+  margin-top: 5px;
+  margin-right: -10px;
+  border-color: transparent;
+  border-left-color: #cccccc;
+  border-style: solid;
+  border-width: 5px 0 5px 5px;
+  content: " ";
+}
+
+.dropdown-submenu:hover > a:after {
+  border-left-color: #444444;
+}
+
+.dropdown-submenu.pull-left {
+  float: none;
+}
+
+.dropdown-submenu.pull-left > .dropdown-menu {
+  left: -100%;
+  margin-left: 10px;
+  -webkit-border-radius: 6px 0 6px 6px;
+     -moz-border-radius: 6px 0 6px 6px;
+          border-radius: 6px 0 6px 6px;
+}
+
+.dropdown .dropdown-menu .nav-header {
+  padding-right: 20px;
+  padding-left: 20px;
+}
+
+.typeahead {
+  z-index: 1051;
+  margin-top: 2px;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.well {
+  min-height: 20px;
+  padding: 19px;
+  margin-bottom: 20px;
+  background-color: #ffffff;
+  border: 1px solid #ededed;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
+}
+
+.well blockquote {
+  border-color: #ddd;
+  border-color: rgba(0, 0, 0, 0.15);
+}
+
+.well-large {
+  padding: 24px;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.well-small {
+  padding: 9px;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+.fade {
+  opacity: 0;
+  -webkit-transition: opacity 0.15s linear;
+     -moz-transition: opacity 0.15s linear;
+       -o-transition: opacity 0.15s linear;
+          transition: opacity 0.15s linear;
+}
+
+.fade.in {
+  opacity: 1;
+}
+
+.collapse {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  -webkit-transition: height 0.35s ease;
+     -moz-transition: height 0.35s ease;
+       -o-transition: height 0.35s ease;
+          transition: height 0.35s ease;
+}
+
+.collapse.in {
+  height: auto;
+}
+
+.close {
+  float: right;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #000000;
+  text-shadow: 0 1px 0 #ffffff;
+  opacity: 0.2;
+  filter: alpha(opacity=20);
+}
+
+.close:hover,
+.close:focus {
+  color: #000000;
+  text-decoration: none;
+  cursor: pointer;
+  opacity: 0.4;
+  filter: alpha(opacity=40);
+}
+
+button.close {
+  padding: 0;
+  cursor: pointer;
+  background: transparent;
+  border: 0;
+  -webkit-appearance: none;
+}
+
+.btn {
+  display: inline-block;
+  *display: inline;
+  height: 29px;
+  min-height: 29px;
+  padding: 0 8px;
+  margin: 0;
+  *margin-left: .3em;
+  font-size: 13px;
+  font-weight: 400;
+  font-weight: bold;
+  line-height: 1;
+  color: #444444;
+  text-align: center;
+  text-shadow: none;
+  vertical-align: bottom;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: #f9f9f9;
+  *background-color: #f1f1f1;
+  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
+  background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
+  background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
+  background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
+  background-repeat: repeat-x;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  *border: 0;
+  border-color: #f1f1f1 #f1f1f1 #cbcbcb;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff1f1f1', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  *zoom: 1;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.btn:hover,
+.btn:focus,
+.btn:active,
+.btn.active,
+.btn.disabled,
+.btn[disabled] {
+  color: #444444;
+  background-color: #f1f1f1;
+  *background-color: #e4e4e4;
+}
+
+.btn:active,
+.btn.active {
+  background-color: #d8d8d8 \9;
+}
+
+.btn:first-child {
+  *margin-left: 0;
+}
+
+.btn:hover,
+.btn:focus {
+  color: #333333;
+  text-decoration: none;
+  background-position: 0 -15px;
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+  -webkit-transition: background-position 0.1s linear;
+     -moz-transition: background-position 0.1s linear;
+       -o-transition: background-position 0.1s linear;
+          transition: background-position 0.1s linear;
+}
+
+.btn:focus {
+  outline: thin dotted #333;
+  outline: 5px auto -webkit-focus-ring-color;
+  outline-offset: -2px;
+}
+
+.btn.active,
+.btn:active {
+  border-color: rgba(0, 0, 0, 0.1);
+  outline: 0;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
+}
+
+.btn.disabled,
+.btn[disabled] {
+  cursor: default;
+  background-image: none;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+a.btn {
+  line-height: 29px;
+}
+
+.btn-large {
+  height: 54px;
+  min-height: 54px;
+  padding: 11px 19px;
+  font-size: 16.25px;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+a.btn-large {
+  height: 30px;
+  min-height: 30px;
+  line-height: 30px;
+}
+
+.btn-large [class^="icon-"],
+.btn-large [class*=" icon-"] {
+  margin-top: 4px;
+}
+
+.btn-small {
+  padding: 2px 10px;
+  font-size: 11.049999999999999px;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+.btn-small [class^="icon-"],
+.btn-small [class*=" icon-"] {
+  margin-top: 0;
+}
+
+.btn-mini [class^="icon-"],
+.btn-mini [class*=" icon-"] {
+  margin-top: -1px;
+}
+
+.btn-mini {
+  width: auto;
+  height: 20px;
+  min-width: 10px;
+  min-height: 20px;
+  padding: 0 4px;
+  font-size: 9.75px;
+  line-height: 20px;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+.btn-block {
+  display: block;
+  width: 100%;
+  padding-right: 0;
+  padding-left: 0;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.btn-block + .btn-block {
+  margin-top: 5px;
+}
+
+input[type="submit"].btn-block,
+input[type="reset"].btn-block,
+input[type="button"].btn-block {
+  width: 100%;
+}
+
+.btn-primary.active,
+.btn-warning.active,
+.btn-danger.active,
+.btn-success.active,
+.btn-info.active,
+.btn-inverse.active {
+  color: rgba(255, 255, 255, 0.75);
+}
+
+.btn-primary:hover,
+.btn-warning:hover,
+.btn-danger:hover,
+.btn-success:hover,
+.btn-info:hover,
+.btn-inverse:hover {
+  color: #ffffff;
+}
+
+.btn-primary {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #4699c3;
+  *background-color: #64aed4;
+  background-image: -moz-linear-gradient(top, #338bb8, #64aed4);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#338bb8), to(#64aed4));
+  background-image: -webkit-linear-gradient(top, #338bb8, #64aed4);
+  background-image: -o-linear-gradient(top, #338bb8, #64aed4);
+  background-image: linear-gradient(to bottom, #338bb8, #64aed4);
+  background-repeat: repeat-x;
+  border-color: #64aed4 #64aed4 #338bb8;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff338bb8', endColorstr='#ff64aed4', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.btn-primary:hover,
+.btn-primary:focus,
+.btn-primary:active,
+.btn-primary.active,
+.btn-primary.disabled,
+.btn-primary[disabled] {
+  color: #ffffff;
+  background-color: #64aed4;
+  *background-color: #50a3ce;
+}
+
+.btn-primary:active,
+.btn-primary.active {
+  background-color: #3c99c9 \9;
+}
+
+.btn-warning {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #f9b049;
+  *background-color: #f5ab3f;
+  background-image: -moz-linear-gradient(top, #fbb450, #f5ab3f);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f5ab3f));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f5ab3f);
+  background-image: -o-linear-gradient(top, #fbb450, #f5ab3f);
+  background-image: linear-gradient(to bottom, #fbb450, #f5ab3f);
+  background-repeat: repeat-x;
+  border-color: #f5ab3f #f5ab3f #dc870b;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff5ab3f', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.btn-warning:hover,
+.btn-warning:focus,
+.btn-warning:active,
+.btn-warning.active,
+.btn-warning.disabled,
+.btn-warning[disabled] {
+  color: #ffffff;
+  background-color: #f5ab3f;
+  *background-color: #f4a027;
+}
+
+.btn-warning:active,
+.btn-warning.active {
+  background-color: #f2960f \9;
+}
+
+.btn-danger {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #d84a38;
+  *background-color: #d14836;
+  background-image: -moz-linear-gradient(top, #dd4b39, #d14836);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dd4b39), to(#d14836));
+  background-image: -webkit-linear-gradient(top, #dd4b39, #d14836);
+  background-image: -o-linear-gradient(top, #dd4b39, #d14836);
+  background-image: linear-gradient(to bottom, #dd4b39, #d14836);
+  background-repeat: repeat-x;
+  border-color: #d14836 #d14836 #983023;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd4b39', endColorstr='#ffd14836', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.btn-danger:hover,
+.btn-danger:focus,
+.btn-danger:active,
+.btn-danger.active,
+.btn-danger.disabled,
+.btn-danger[disabled] {
+  color: #ffffff;
+  background-color: #d14836;
+  *background-color: #c13e2c;
+}
+
+.btn-danger:active,
+.btn-danger.active {
+  background-color: #ad3727 \9;
+}
+
+.btn-success {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #5aac41;
+  *background-color: #65b045;
+  background-image: -moz-linear-gradient(top, #53a93f, #65b045);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#53a93f), to(#65b045));
+  background-image: -webkit-linear-gradient(top, #53a93f, #65b045);
+  background-image: -o-linear-gradient(top, #53a93f, #65b045);
+  background-image: linear-gradient(to bottom, #53a93f, #65b045);
+  background-repeat: repeat-x;
+  border-color: #65b045 #65b045 #45792f;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff53a93f', endColorstr='#ff65b045', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.btn-success:hover,
+.btn-success:focus,
+.btn-success:active,
+.btn-success.active,
+.btn-success.disabled,
+.btn-success[disabled] {
+  color: #ffffff;
+  background-color: #65b045;
+  *background-color: #5a9e3e;
+}
+
+.btn-success:active,
+.btn-success.active {
+  background-color: #508b37 \9;
+}
+
+.btn-info {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #59bcdd;
+  *background-color: #57b6db;
+  background-image: -moz-linear-gradient(top, #5bc0de, #57b6db);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#57b6db));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #57b6db);
+  background-image: -o-linear-gradient(top, #5bc0de, #57b6db);
+  background-image: linear-gradient(to bottom, #5bc0de, #57b6db);
+  background-repeat: repeat-x;
+  border-color: #57b6db #57b6db #2993bd;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff57b6db', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.btn-info:hover,
+.btn-info:focus,
+.btn-info:active,
+.btn-info.active,
+.btn-info.disabled,
+.btn-info[disabled] {
+  color: #ffffff;
+  background-color: #57b6db;
+  *background-color: #42add6;
+}
+
+.btn-info:active,
+.btn-info.active {
+  background-color: #2da4d2 \9;
+}
+
+.btn-inverse {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #535154;
+  *background-color: #514b52;
+  background-image: -moz-linear-gradient(top, #555555, #514b52);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#514b52));
+  background-image: -webkit-linear-gradient(top, #555555, #514b52);
+  background-image: -o-linear-gradient(top, #555555, #514b52);
+  background-image: linear-gradient(to bottom, #555555, #514b52);
+  background-repeat: repeat-x;
+  border-color: #514b52 #514b52 #2a262a;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff514b52', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.btn-inverse:hover,
+.btn-inverse:focus,
+.btn-inverse:active,
+.btn-inverse.active,
+.btn-inverse.disabled,
+.btn-inverse[disabled] {
+  color: #ffffff;
+  background-color: #514b52;
+  *background-color: #443f45;
+}
+
+.btn-inverse:active,
+.btn-inverse.active {
+  background-color: #373337 \9;
+}
+
+button.btn,
+input[type="submit"].btn {
+  *padding-top: 3px;
+  *padding-bottom: 3px;
+}
+
+button.btn::-moz-focus-inner,
+input[type="submit"].btn::-moz-focus-inner {
+  padding: 0;
+  border: 0;
+}
+
+button.btn.btn-large,
+input[type="submit"].btn.btn-large {
+  *padding-top: 7px;
+  *padding-bottom: 7px;
+}
+
+button.btn.btn-small,
+input[type="submit"].btn.btn-small {
+  *padding-top: 3px;
+  *padding-bottom: 3px;
+}
+
+button.btn.btn-mini,
+input[type="submit"].btn.btn-mini {
+  *padding-top: 1px;
+  *padding-bottom: 1px;
+}
+
+.btn-link,
+.btn-link:active,
+.btn-link[disabled] {
+  background-color: transparent;
+  background-image: none;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.btn-link {
+  color: #338bb8;
+  cursor: pointer;
+  border-color: transparent;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.btn-link:hover,
+.btn-link:focus {
+  color: #225e7c;
+  text-decoration: underline;
+  background-color: transparent;
+}
+
+.btn-link[disabled]:hover,
+.btn-link[disabled]:focus {
+  color: #444444;
+  text-decoration: none;
+}
+
+.btn-group {
+  position: relative;
+  display: inline-block;
+  *display: inline;
+  *margin-left: .3em;
+  font-size: 0;
+  white-space: nowrap;
+  vertical-align: middle;
+  *zoom: 1;
+}
+
+.btn-group:first-child {
+  *margin-left: 0;
+}
+
+.btn-group + .btn-group {
+  margin-left: 5px;
+}
+
+.btn-toolbar {
+  margin-top: 10px;
+  margin-bottom: 10px;
+  font-size: 0;
+}
+
+.btn-toolbar > .btn + .btn,
+.btn-toolbar > .btn-group + .btn,
+.btn-toolbar > .btn + .btn-group {
+  margin-left: 5px;
+}
+
+.btn-group > .btn {
+  position: relative;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.btn-group > .btn + .btn {
+  margin-left: -1px;
+}
+
+.btn-group > .btn,
+.btn-group > .dropdown-menu,
+.btn-group > .popover {
+  font-size: 13px;
+}
+
+.btn-group > .btn-mini {
+  font-size: 9.75px;
+}
+
+.btn-group > .btn-small {
+  font-size: 11.049999999999999px;
+}
+
+.btn-group > .btn-large {
+  font-size: 16.25px;
+}
+
+.btn-group > .btn:first-child {
+  margin-left: 0;
+  -webkit-border-bottom-left-radius: 2px;
+          border-bottom-left-radius: 2px;
+  -webkit-border-top-left-radius: 2px;
+          border-top-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+  -moz-border-radius-topleft: 2px;
+}
+
+.btn-group > .btn:last-child,
+.btn-group > .dropdown-toggle {
+  -webkit-border-top-right-radius: 2px;
+          border-top-right-radius: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+          border-bottom-right-radius: 2px;
+  -moz-border-radius-topright: 2px;
+  -moz-border-radius-bottomright: 2px;
+}
+
+.btn-group > .btn.large:first-child {
+  margin-left: 0;
+  -webkit-border-bottom-left-radius: 2px;
+          border-bottom-left-radius: 2px;
+  -webkit-border-top-left-radius: 2px;
+          border-top-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+  -moz-border-radius-topleft: 2px;
+}
+
+.btn-group > .btn.large:last-child,
+.btn-group > .large.dropdown-toggle {
+  -webkit-border-top-right-radius: 2px;
+          border-top-right-radius: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+          border-bottom-right-radius: 2px;
+  -moz-border-radius-topright: 2px;
+  -moz-border-radius-bottomright: 2px;
+}
+
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active {
+  z-index: 2;
+}
+
+.btn-group .dropdown-toggle:active,
+.btn-group.open .dropdown-toggle {
+  outline: 0;
+}
+
+.btn-group > .btn + .dropdown-toggle {
+  *padding-top: 5px;
+  padding-right: 8px;
+  *padding-bottom: 5px;
+  padding-left: 8px;
+  -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+     -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+          box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.btn-group > .btn-mini + .dropdown-toggle {
+  *padding-top: 2px;
+  padding-right: 5px;
+  *padding-bottom: 2px;
+  padding-left: 5px;
+}
+
+.btn-group > .btn-small + .dropdown-toggle {
+  *padding-top: 5px;
+  *padding-bottom: 4px;
+}
+
+.btn-group > .btn-large + .dropdown-toggle {
+  *padding-top: 7px;
+  padding-right: 12px;
+  *padding-bottom: 7px;
+  padding-left: 12px;
+}
+
+.btn-group.open .dropdown-toggle {
+  background-image: none;
+  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.btn-group.open .btn.dropdown-toggle {
+  background-color: #f1f1f1;
+}
+
+.btn-group.open .btn-primary.dropdown-toggle {
+  background-color: #64aed4;
+}
+
+.btn-group.open .btn-warning.dropdown-toggle {
+  background-color: #f5ab3f;
+}
+
+.btn-group.open .btn-danger.dropdown-toggle {
+  background-color: #d14836;
+}
+
+.btn-group.open .btn-success.dropdown-toggle {
+  background-color: #65b045;
+}
+
+.btn-group.open .btn-info.dropdown-toggle {
+  background-color: #57b6db;
+}
+
+.btn-group.open .btn-inverse.dropdown-toggle {
+  background-color: #514b52;
+}
+
+.btn .caret {
+  margin-top: 8px;
+  margin-left: 0;
+}
+
+.btn-large .caret {
+  margin-top: 6px;
+}
+
+.btn-large .caret {
+  border-top-width: 5px;
+  border-right-width: 5px;
+  border-left-width: 5px;
+}
+
+.btn-mini .caret,
+.btn-small .caret {
+  margin-top: 8px;
+}
+
+.dropup .btn-large .caret {
+  border-bottom-width: 5px;
+}
+
+.btn-primary .caret,
+.btn-warning .caret,
+.btn-danger .caret,
+.btn-info .caret,
+.btn-success .caret,
+.btn-inverse .caret {
+  border-top-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+
+.btn-group-vertical {
+  display: inline-block;
+  *display: inline;
+  /* IE7 inline-block hack */
+
+  *zoom: 1;
+}
+
+.btn-group-vertical > .btn {
+  display: block;
+  float: none;
+  max-width: 100%;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.btn-group-vertical > .btn + .btn {
+  margin-top: -1px;
+  margin-left: 0;
+}
+
+.btn-group-vertical > .btn:first-child {
+  -webkit-border-radius: 2px 2px 0 0;
+     -moz-border-radius: 2px 2px 0 0;
+          border-radius: 2px 2px 0 0;
+}
+
+.btn-group-vertical > .btn:last-child {
+  -webkit-border-radius: 0 0 2px 2px;
+     -moz-border-radius: 0 0 2px 2px;
+          border-radius: 0 0 2px 2px;
+}
+
+.btn-group-vertical > .btn-large:first-child {
+  -webkit-border-radius: 2px 2px 0 0;
+     -moz-border-radius: 2px 2px 0 0;
+          border-radius: 2px 2px 0 0;
+}
+
+.btn-group-vertical > .btn-large:last-child {
+  -webkit-border-radius: 0 0 2px 2px;
+     -moz-border-radius: 0 0 2px 2px;
+          border-radius: 0 0 2px 2px;
+}
+
+.alert {
+  padding: 8px 35px 8px 14px;
+  margin-bottom: 20px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  background-color: #f9edbe;
+  border: 1px solid #f0c36d;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.alert,
+.alert h4 {
+  color: #c09853;
+}
+
+.alert h4 {
+  margin: 0;
+}
+
+.alert .close {
+  position: relative;
+  top: -2px;
+  right: -21px;
+  line-height: 20px;
+}
+
+.alert-success {
+  color: #ffffff;
+  background-color: #3d9400;
+  border-color: #477b00;
+}
+
+.alert-success h4 {
+  color: #3d9400;
+}
+
+.alert-danger,
+.alert-error {
+  color: #ffffff;
+  background-color: #dd4b39;
+  border-color: #db2c36;
+}
+
+.alert-danger h4,
+.alert-error h4 {
+  color: #ffffff;
+}
+
+.alert-info {
+  color: #ffffff;
+  background-color: #5bc0de;
+  border-color: #3dced8;
+}
+
+.alert-info h4 {
+  color: #ffffff;
+}
+
+.alert-block {
+  padding-top: 14px;
+  padding-bottom: 14px;
+}
+
+.alert-block > p,
+.alert-block > ul {
+  margin-bottom: 0;
+}
+
+.alert-block p + p {
+  margin-top: 5px;
+}
+
+.nav {
+  margin-bottom: 20px;
+  margin-left: 0;
+  list-style: none;
+}
+
+.nav > li > a {
+  display: block;
+}
+
+.nav > li > a:hover,
+.nav > li > a:focus {
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+
+.nav > li > a > img {
+  max-width: none;
+}
+
+.nav > .pull-right {
+  float: right;
+}
+
+.nav-header {
+  display: block;
+  padding: 3px 15px;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 20px;
+  color: #999999;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  text-transform: uppercase;
+}
+
+.nav li + .nav-header {
+  margin-top: 9px;
+}
+
+.nav-list {
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-bottom: 0;
+}
+
+.nav-list > li > a,
+.nav-list .nav-header {
+  margin-right: -15px;
+  margin-left: -15px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+}
+
+.nav-list > li > a {
+  padding: 3px 15px;
+}
+
+.nav-list > .active > a,
+.nav-list > .active > a:hover,
+.nav-list > .active > a:focus {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
+  background-color: #338bb8;
+}
+
+.nav-list [class^="icon-"],
+.nav-list [class*=" icon-"] {
+  margin-right: 2px;
+}
+
+.nav-list .divider {
+  *width: 100%;
+  height: 1px;
+  margin: 9px 1px;
+  *margin: -5px 0 5px;
+  overflow: hidden;
+  background-color: #e5e5e5;
+  border-bottom: 1px solid #ffffff;
+}
+
+.nav-tabs,
+.nav-pills {
+  *zoom: 1;
+}
+
+.nav-tabs:before,
+.nav-pills:before,
+.nav-tabs:after,
+.nav-pills:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.nav-tabs:after,
+.nav-pills:after {
+  clear: both;
+}
+
+.nav-tabs > li,
+.nav-pills > li {
+  float: left;
+}
+
+.nav-tabs > li > a,
+.nav-pills > li > a {
+  padding-right: 12px;
+  padding-left: 12px;
+  margin-right: 2px;
+  line-height: 14px;
+}
+
+.nav-tabs {
+  border-bottom: 1px solid #ddd;
+}
+
+.nav-tabs > li {
+  margin-bottom: -1px;
+}
+
+.nav-tabs > li > a {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  line-height: 20px;
+  border: 1px solid transparent;
+  -webkit-border-radius: 4px 4px 0 0;
+     -moz-border-radius: 4px 4px 0 0;
+          border-radius: 4px 4px 0 0;
+}
+
+.nav-tabs > li > a:hover,
+.nav-tabs > li > a:focus {
+  border-color: #f5f5f5 #f5f5f5 #dddddd;
+}
+
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
+  color: #333333;
+  cursor: default;
+  background-color: #f1f1f1;
+  border: 1px solid #ddd;
+  border-bottom-color: transparent;
+}
+
+.nav-pills > li > a {
+  padding-top: 8px;
+  padding-bottom: 8px;
+  margin-top: 2px;
+  margin-bottom: 2px;
+  -webkit-border-radius: 5px;
+     -moz-border-radius: 5px;
+          border-radius: 5px;
+}
+
+.nav-pills > .active > a,
+.nav-pills > .active > a:hover,
+.nav-pills > .active > a:focus {
+  color: #ffffff;
+  background-color: #338bb8;
+}
+
+.nav-stacked > li {
+  float: none;
+}
+
+.nav-stacked > li > a {
+  margin-right: 0;
+}
+
+.nav-tabs.nav-stacked {
+  border-bottom: 0;
+}
+
+.nav-tabs.nav-stacked > li > a {
+  border: 1px solid #ddd;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.nav-tabs.nav-stacked > li:first-child > a {
+  -webkit-border-top-right-radius: 4px;
+          border-top-right-radius: 4px;
+  -webkit-border-top-left-radius: 4px;
+          border-top-left-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -moz-border-radius-topleft: 4px;
+}
+
+.nav-tabs.nav-stacked > li:last-child > a {
+  -webkit-border-bottom-right-radius: 4px;
+          border-bottom-right-radius: 4px;
+  -webkit-border-bottom-left-radius: 4px;
+          border-bottom-left-radius: 4px;
+  -moz-border-radius-bottomright: 4px;
+  -moz-border-radius-bottomleft: 4px;
+}
+
+.nav-tabs.nav-stacked > li > a:hover,
+.nav-tabs.nav-stacked > li > a:focus {
+  z-index: 2;
+  border-color: #ddd;
+}
+
+.nav-pills.nav-stacked > li > a {
+  margin-bottom: 3px;
+}
+
+.nav-pills.nav-stacked > li:last-child > a {
+  margin-bottom: 1px;
+}
+
+.nav-tabs .dropdown-menu {
+  -webkit-border-radius: 0 0 6px 6px;
+     -moz-border-radius: 0 0 6px 6px;
+          border-radius: 0 0 6px 6px;
+}
+
+.nav-pills .dropdown-menu {
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+}
+
+.nav .dropdown-toggle .caret {
+  margin-top: 6px;
+  border-top-color: #338bb8;
+  border-bottom-color: #338bb8;
+}
+
+.nav .dropdown-toggle:hover .caret,
+.nav .dropdown-toggle:focus .caret {
+  border-top-color: #225e7c;
+  border-bottom-color: #225e7c;
+}
+
+/* move down carets for tabs */
+
+.nav-tabs .dropdown-toggle .caret {
+  margin-top: 8px;
+}
+
+.nav .active .dropdown-toggle .caret {
+  border-top-color: #fff;
+  border-bottom-color: #fff;
+}
+
+.nav-tabs .active .dropdown-toggle .caret {
+  border-top-color: #333333;
+  border-bottom-color: #333333;
+}
+
+.nav > .dropdown.active > a:hover,
+.nav > .dropdown.active > a:focus {
+  cursor: pointer;
+}
+
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle,
+.nav > li.dropdown.open.active > a:hover,
+.nav > li.dropdown.open.active > a:focus {
+  color: #ffffff;
+  background-color: #999999;
+  border-color: #999999;
+}
+
+.nav li.dropdown.open .caret,
+.nav li.dropdown.open.active .caret,
+.nav li.dropdown.open a:hover .caret,
+.nav li.dropdown.open a:focus .caret {
+  border-top-color: #ffffff;
+  border-bottom-color: #ffffff;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+
+.tabs-stacked .open > a:hover,
+.tabs-stacked .open > a:focus {
+  border-color: #999999;
+}
+
+.tabbable {
+  *zoom: 1;
+}
+
+.tabbable:before,
+.tabbable:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.tabbable:after {
+  clear: both;
+}
+
+.tab-content {
+  overflow: auto;
+}
+
+.tabs-below > .nav-tabs,
+.tabs-right > .nav-tabs,
+.tabs-left > .nav-tabs {
+  border-bottom: 0;
+}
+
+.tab-content > .tab-pane,
+.pill-content > .pill-pane {
+  display: none;
+}
+
+.tab-content > .active,
+.pill-content > .active {
+  display: block;
+}
+
+.tabs-below > .nav-tabs {
+  border-top: 1px solid #ddd;
+}
+
+.tabs-below > .nav-tabs > li {
+  margin-top: -1px;
+  margin-bottom: 0;
+}
+
+.tabs-below > .nav-tabs > li > a {
+  -webkit-border-radius: 0 0 4px 4px;
+     -moz-border-radius: 0 0 4px 4px;
+          border-radius: 0 0 4px 4px;
+}
+
+.tabs-below > .nav-tabs > li > a:hover,
+.tabs-below > .nav-tabs > li > a:focus {
+  border-top-color: #ddd;
+  border-bottom-color: transparent;
+}
+
+.tabs-below > .nav-tabs > .active > a,
+.tabs-below > .nav-tabs > .active > a:hover,
+.tabs-below > .nav-tabs > .active > a:focus {
+  border-color: transparent #ddd #ddd #ddd;
+}
+
+.tabs-left > .nav-tabs > li,
+.tabs-right > .nav-tabs > li {
+  float: none;
+}
+
+.tabs-left > .nav-tabs > li > a,
+.tabs-right > .nav-tabs > li > a {
+  min-width: 74px;
+  margin-right: 0;
+  margin-bottom: 3px;
+}
+
+.tabs-left > .nav-tabs {
+  float: left;
+  margin-right: 19px;
+  border-right: 1px solid #ddd;
+}
+
+.tabs-left > .nav-tabs > li > a {
+  margin-right: -1px;
+  -webkit-border-radius: 4px 0 0 4px;
+     -moz-border-radius: 4px 0 0 4px;
+          border-radius: 4px 0 0 4px;
+}
+
+.tabs-left > .nav-tabs > li > a:hover,
+.tabs-left > .nav-tabs > li > a:focus {
+  border-color: #f5f5f5 #dddddd #f5f5f5 #f5f5f5;
+}
+
+.tabs-left > .nav-tabs .active > a,
+.tabs-left > .nav-tabs .active > a:hover,
+.tabs-left > .nav-tabs .active > a:focus {
+  border-color: #ddd transparent #ddd #ddd;
+  *border-right-color: #ffffff;
+}
+
+.tabs-right > .nav-tabs {
+  float: right;
+  margin-left: 19px;
+  border-left: 1px solid #ddd;
+}
+
+.tabs-right > .nav-tabs > li > a {
+  margin-left: -1px;
+  -webkit-border-radius: 0 4px 4px 0;
+     -moz-border-radius: 0 4px 4px 0;
+          border-radius: 0 4px 4px 0;
+}
+
+.tabs-right > .nav-tabs > li > a:hover,
+.tabs-right > .nav-tabs > li > a:focus {
+  border-color: #f5f5f5 #f5f5f5 #f5f5f5 #dddddd;
+}
+
+.tabs-right > .nav-tabs .active > a,
+.tabs-right > .nav-tabs .active > a:hover,
+.tabs-right > .nav-tabs .active > a:focus {
+  border-color: #ddd #ddd #ddd transparent;
+  *border-left-color: #ffffff;
+}
+
+.nav > .disabled > a {
+  color: #999999;
+}
+
+.nav > .disabled > a:hover,
+.nav > .disabled > a:focus {
+  text-decoration: none;
+  cursor: default;
+  background-color: transparent;
+}
+
+.navbar {
+  *position: relative;
+  *z-index: 2;
+  margin-bottom: 20px;
+  overflow: visible;
+}
+
+.navbar-inner {
+  min-height: 44px;
+  padding-right: 20px;
+  padding-left: 20px;
+  background-color: #fbfbfb;
+  background-image: -moz-linear-gradient(top, #ffffff, #f5f5f5);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f5f5f5));
+  background-image: -webkit-linear-gradient(top, #ffffff, #f5f5f5);
+  background-image: -o-linear-gradient(top, #ffffff, #f5f5f5);
+  background-image: linear-gradient(to bottom, #ffffff, #f5f5f5);
+  background-repeat: repeat-x;
+  border: 1px solid #338bb8;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff5f5f5', GradientType=0);
+  *zoom: 1;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
+}
+
+.navbar-inner:before,
+.navbar-inner:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.navbar-inner:after {
+  clear: both;
+}
+
+.navbar .container {
+  width: auto;
+}
+
+.nav-collapse.collapse {
+  height: auto;
+  overflow: visible;
+}
+
+.navbar .brand {
+  display: block;
+  float: left;
+  padding: 12px 20px 12px;
+  margin-left: -20px;
+  font-size: 20px;
+  font-weight: 200;
+  color: #737373;
+  text-shadow: 0 1px 0 #ffffff;
+}
+
+.navbar .brand:hover,
+.navbar .brand:focus {
+  text-decoration: none;
+}
+
+.navbar-text {
+  margin-bottom: 0;
+  line-height: 44px;
+  color: #737373;
+}
+
+.navbar-link {
+  color: #737373;
+}
+
+.navbar-link:hover,
+.navbar-link:focus {
+  color: #262626;
+}
+
+.navbar .divider-vertical {
+  height: 44px;
+  margin: 0 9px;
+  border-right: 1px solid #ffffff;
+  border-left: 1px solid #f5f5f5;
+}
+
+.navbar .btn,
+.navbar .btn-group {
+  margin-top: 7px;
+}
+
+.navbar .btn-group .btn,
+.navbar .input-prepend .btn,
+.navbar .input-append .btn,
+.navbar .input-prepend .btn-group,
+.navbar .input-append .btn-group {
+  margin-top: 0;
+}
+
+.navbar-form {
+  margin-bottom: 0;
+  *zoom: 1;
+}
+
+.navbar-form:before,
+.navbar-form:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.navbar-form:after {
+  clear: both;
+}
+
+.navbar-form input,
+.navbar-form select,
+.navbar-form .radio,
+.navbar-form .checkbox {
+  margin-top: 7px;
+}
+
+.navbar-form input,
+.navbar-form select,
+.navbar-form .btn {
+  display: inline-block;
+  margin-bottom: 0;
+}
+
+.navbar-form input[type="image"],
+.navbar-form input[type="checkbox"],
+.navbar-form input[type="radio"] {
+  margin-top: 3px;
+}
+
+.navbar-form .input-append,
+.navbar-form .input-prepend {
+  margin-top: 5px;
+  white-space: nowrap;
+}
+
+.navbar-form .input-append input,
+.navbar-form .input-prepend input {
+  margin-top: 0;
+}
+
+.navbar-search {
+  position: relative;
+  float: left;
+  margin-top: 7px;
+  margin-bottom: 0;
+}
+
+.navbar-search .search-query {
+  padding: 4px 14px;
+  margin-bottom: 0;
+  font-family: Roboto, arial, sans-serif;
+  font-size: 13px;
+  font-weight: normal;
+  line-height: 1;
+  -webkit-border-radius: 15px;
+     -moz-border-radius: 15px;
+          border-radius: 15px;
+}
+
+.navbar-static-top {
+  position: static;
+  margin-bottom: 0;
+}
+
+.navbar-static-top .navbar-inner {
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.navbar-fixed-top,
+.navbar-fixed-bottom {
+  position: fixed;
+  right: 0;
+  left: 0;
+  z-index: 1030;
+  margin-bottom: 0;
+}
+
+.navbar-fixed-top .navbar-inner,
+.navbar-static-top .navbar-inner {
+  border-width: 0 0 1px;
+}
+
+.navbar-fixed-bottom .navbar-inner {
+  border-width: 1px 0 0;
+}
+
+.navbar-fixed-top .navbar-inner,
+.navbar-fixed-bottom .navbar-inner {
+  padding-right: 0;
+  padding-left: 0;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.navbar-static-top .container,
+.navbar-fixed-top .container,
+.navbar-fixed-bottom .container {
+  width: 940px;
+}
+
+.navbar-fixed-top {
+  top: 0;
+}
+
+.navbar-fixed-top .navbar-inner,
+.navbar-static-top .navbar-inner {
+  -webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 10px rgba(0, 0, 0, 0.1);
+}
+
+.navbar-fixed-bottom {
+  bottom: 0;
+}
+
+.navbar-fixed-bottom .navbar-inner {
+  -webkit-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 -1px 10px rgba(0, 0, 0, 0.1);
+}
+
+.navbar .nav {
+  position: relative;
+  left: 0;
+  display: block;
+  float: left;
+  margin: 0 10px 0 0;
+}
+
+.navbar .nav.pull-right {
+  float: right;
+  margin-right: 0;
+}
+
+.navbar .nav > li {
+  float: left;
+}
+
+.navbar .nav > li > a {
+  float: none;
+  padding: 12px 15px 12px;
+  color: #737373;
+  text-decoration: none;
+  text-shadow: 0 1px 0 #ffffff;
+}
+
+.navbar .nav .dropdown-toggle .caret {
+  margin-top: 8px;
+}
+
+.navbar .nav > li > a:focus,
+.navbar .nav > li > a:hover {
+  color: #262626;
+  text-decoration: none;
+  background-color: transparent;
+}
+
+.navbar .nav > .active > a,
+.navbar .nav > .active > a:hover,
+.navbar .nav > .active > a:focus {
+  color: #ffffff;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+}
+
+.navbar .btn-navbar {
+  display: none;
+  float: right;
+  padding: 7px 10px;
+  margin-right: 5px;
+  margin-left: 5px;
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #eeeeee;
+  *background-color: #e8e8e8;
+  background-image: -moz-linear-gradient(top, #f2f2f2, #e8e8e8);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e8e8e8));
+  background-image: -webkit-linear-gradient(top, #f2f2f2, #e8e8e8);
+  background-image: -o-linear-gradient(top, #f2f2f2, #e8e8e8);
+  background-image: linear-gradient(to bottom, #f2f2f2, #e8e8e8);
+  background-repeat: repeat-x;
+  border-color: #e8e8e8 #e8e8e8 #c2c2c2;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2f2f2', endColorstr='#ffe8e8e8', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
+     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
+          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.075);
+}
+
+.navbar .btn-navbar:hover,
+.navbar .btn-navbar:focus,
+.navbar .btn-navbar:active,
+.navbar .btn-navbar.active,
+.navbar .btn-navbar.disabled,
+.navbar .btn-navbar[disabled] {
+  color: #ffffff;
+  background-color: #e8e8e8;
+  *background-color: #dbdbdb;
+}
+
+.navbar .btn-navbar:active,
+.navbar .btn-navbar.active {
+  background-color: #cfcfcf \9;
+}
+
+.navbar .btn-navbar .icon-bar {
+  display: block;
+  width: 18px;
+  height: 2px;
+  background-color: #f5f5f5;
+  -webkit-border-radius: 1px;
+     -moz-border-radius: 1px;
+          border-radius: 1px;
+  -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+     -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+          box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+}
+
+.btn-navbar .icon-bar + .icon-bar {
+  margin-top: 3px;
+}
+
+.navbar .nav > li > .dropdown-menu:before {
+  position: absolute;
+  top: -7px;
+  left: 9px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.navbar .nav > li > .dropdown-menu:after {
+  position: absolute;
+  top: -6px;
+  left: 10px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.navbar-fixed-bottom .nav > li > .dropdown-menu:before {
+  top: auto;
+  bottom: -7px;
+  border-top: 7px solid #ccc;
+  border-bottom: 0;
+  border-top-color: rgba(0, 0, 0, 0.2);
+}
+
+.navbar-fixed-bottom .nav > li > .dropdown-menu:after {
+  top: auto;
+  bottom: -6px;
+  border-top: 6px solid #ffffff;
+  border-bottom: 0;
+}
+
+.navbar .nav li.dropdown > a:hover .caret,
+.navbar .nav li.dropdown > a:focus .caret {
+  border-top-color: #262626;
+  border-bottom-color: #262626;
+}
+
+.navbar .nav li.dropdown.open > .dropdown-toggle,
+.navbar .nav li.dropdown.active > .dropdown-toggle,
+.navbar .nav li.dropdown.open.active > .dropdown-toggle {
+  color: #ffffff;
+  background-color: transparent;
+}
+
+.navbar .nav li.dropdown > .dropdown-toggle .caret {
+  border-top-color: #737373;
+  border-bottom-color: #737373;
+}
+
+.navbar .nav li.dropdown.open > .dropdown-toggle .caret,
+.navbar .nav li.dropdown.active > .dropdown-toggle .caret,
+.navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
+  border-top-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+
+.navbar .pull-right > li > .dropdown-menu,
+.navbar .nav > li > .dropdown-menu.pull-right {
+  right: 0;
+  left: auto;
+}
+
+.navbar .pull-right > li > .dropdown-menu:before,
+.navbar .nav > li > .dropdown-menu.pull-right:before {
+  right: 12px;
+  left: auto;
+}
+
+.navbar .pull-right > li > .dropdown-menu:after,
+.navbar .nav > li > .dropdown-menu.pull-right:after {
+  right: 13px;
+  left: auto;
+}
+
+.navbar .pull-right > li > .dropdown-menu .dropdown-menu,
+.navbar .nav > li > .dropdown-menu.pull-right .dropdown-menu {
+  right: 100%;
+  left: auto;
+  margin-right: -1px;
+  margin-left: 0;
+  -webkit-border-radius: 6px 0 6px 6px;
+     -moz-border-radius: 6px 0 6px 6px;
+          border-radius: 6px 0 6px 6px;
+}
+
+.navbar-inverse .navbar-inner {
+  background-color: #f9f9f9;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #ffffff);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#ffffff));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #ffffff);
+  background-image: -o-linear-gradient(top, #f5f5f5, #ffffff);
+  background-image: linear-gradient(to bottom, #f5f5f5, #ffffff);
+  background-repeat: repeat-x;
+  border-color: #338bb8;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffffffff', GradientType=0);
+}
+
+.navbar-inverse .brand,
+.navbar-inverse .nav > li > a {
+  color: #999999;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+
+.navbar-inverse .brand:hover,
+.navbar-inverse .nav > li > a:hover,
+.navbar-inverse .brand:focus,
+.navbar-inverse .nav > li > a:focus {
+  color: #262626;
+}
+
+.navbar-inverse .brand {
+  color: #999999;
+}
+
+.navbar-inverse .navbar-text {
+  color: #999999;
+}
+
+.navbar-inverse .nav > li > a:focus,
+.navbar-inverse .nav > li > a:hover {
+  color: #262626;
+  background-color: transparent;
+}
+
+.navbar-inverse .nav .active > a,
+.navbar-inverse .nav .active > a:hover,
+.navbar-inverse .nav .active > a:focus {
+  color: #ffffff;
+  background-color: transparent;
+}
+
+.navbar-inverse .navbar-link {
+  color: #999999;
+}
+
+.navbar-inverse .navbar-link:hover,
+.navbar-inverse .navbar-link:focus {
+  color: #262626;
+}
+
+.navbar-inverse .divider-vertical {
+  border-right-color: #f5f5f5;
+  border-left-color: #ffffff;
+}
+
+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
+.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
+.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
+  color: #ffffff;
+  background-color: transparent;
+}
+
+.navbar-inverse .nav li.dropdown > a:hover .caret,
+.navbar-inverse .nav li.dropdown > a:focus .caret {
+  border-top-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+
+.navbar-inverse .nav li.dropdown > .dropdown-toggle .caret {
+  border-top-color: #999999;
+  border-bottom-color: #999999;
+}
+
+.navbar-inverse .nav li.dropdown.open > .dropdown-toggle .caret,
+.navbar-inverse .nav li.dropdown.active > .dropdown-toggle .caret,
+.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle .caret {
+  border-top-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+
+.navbar-inverse .navbar-search .search-query {
+  color: #ffffff;
+  background-color: #ffffff;
+  border-color: #ffffff;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.15);
+  -webkit-transition: none;
+     -moz-transition: none;
+       -o-transition: none;
+          transition: none;
+}
+
+.navbar-inverse .navbar-search .search-query:-moz-placeholder {
+  color: #cccccc;
+}
+
+.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
+  color: #cccccc;
+}
+
+.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
+  color: #cccccc;
+}
+
+.navbar-inverse .navbar-search .search-query:focus,
+.navbar-inverse .navbar-search .search-query.focused {
+  padding: 5px 15px;
+  color: #444444;
+  text-shadow: 0 1px 0 #ffffff;
+  background-color: #ffffff;
+  border: 0;
+  outline: 0;
+  -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+     -moz-box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+          box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
+}
+
+.navbar-inverse .btn-navbar {
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #ececec;
+  *background-color: #f2f2f2;
+  background-image: -moz-linear-gradient(top, #e8e8e8, #f2f2f2);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#f2f2f2));
+  background-image: -webkit-linear-gradient(top, #e8e8e8, #f2f2f2);
+  background-image: -o-linear-gradient(top, #e8e8e8, #f2f2f2);
+  background-image: linear-gradient(to bottom, #e8e8e8, #f2f2f2);
+  background-repeat: repeat-x;
+  border-color: #f2f2f2 #f2f2f2 #cccccc;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#fff2f2f2', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.navbar-inverse .btn-navbar:hover,
+.navbar-inverse .btn-navbar:focus,
+.navbar-inverse .btn-navbar:active,
+.navbar-inverse .btn-navbar.active,
+.navbar-inverse .btn-navbar.disabled,
+.navbar-inverse .btn-navbar[disabled] {
+  color: #ffffff;
+  background-color: #f2f2f2;
+  *background-color: #e5e5e5;
+}
+
+.navbar-inverse .btn-navbar:active,
+.navbar-inverse .btn-navbar.active {
+  background-color: #d9d9d9 \9;
+}
+
+.breadcrumb {
+  padding: 8px 15px;
+  margin: 0 0 20px;
+  list-style: none;
+  background-color: #f5f5f5;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.breadcrumb > li {
+  display: inline-block;
+  *display: inline;
+  text-shadow: 0 1px 0 #ffffff;
+  *zoom: 1;
+}
+
+.breadcrumb > li > .divider {
+  padding: 0 5px;
+  color: #ccc;
+}
+
+.breadcrumb > .active {
+  color: #999999;
+}
+
+.pagination {
+  margin: 20px 0;
+}
+
+.pagination ul {
+  display: inline-block;
+  *display: inline;
+  margin-bottom: 0;
+  margin-left: 0;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+  *zoom: 1;
+  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.pagination ul > li {
+  display: inline;
+}
+
+.pagination ul > li > a,
+.pagination ul > li > span {
+  float: left;
+  padding: 4px 12px;
+  line-height: 20px;
+  text-decoration: none;
+  background-color: #ffffff;
+  border: 1px solid #dddddd;
+  border-left-width: 0;
+}
+
+.pagination ul > li > a:hover,
+.pagination ul > li > a:focus,
+.pagination ul > .active > a,
+.pagination ul > .active > span {
+  background-color: #f5f5f5;
+}
+
+.pagination ul > .active > a,
+.pagination ul > .active > span {
+  color: #999999;
+  cursor: default;
+}
+
+.pagination ul > .disabled > span,
+.pagination ul > .disabled > a,
+.pagination ul > .disabled > a:hover,
+.pagination ul > .disabled > a:focus {
+  color: #999999;
+  cursor: default;
+  background-color: transparent;
+}
+
+.pagination ul > li:first-child > a,
+.pagination ul > li:first-child > span {
+  border-left-width: 1px;
+  -webkit-border-bottom-left-radius: 2px;
+          border-bottom-left-radius: 2px;
+  -webkit-border-top-left-radius: 2px;
+          border-top-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+  -moz-border-radius-topleft: 2px;
+}
+
+.pagination ul > li:last-child > a,
+.pagination ul > li:last-child > span {
+  -webkit-border-top-right-radius: 2px;
+          border-top-right-radius: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+          border-bottom-right-radius: 2px;
+  -moz-border-radius-topright: 2px;
+  -moz-border-radius-bottomright: 2px;
+}
+
+.pagination-centered {
+  text-align: center;
+}
+
+.pagination-right {
+  text-align: right;
+}
+
+.pagination-large ul > li > a,
+.pagination-large ul > li > span {
+  padding: 11px 19px;
+  font-size: 16.25px;
+}
+
+.pagination-large ul > li:first-child > a,
+.pagination-large ul > li:first-child > span {
+  -webkit-border-bottom-left-radius: 2px;
+          border-bottom-left-radius: 2px;
+  -webkit-border-top-left-radius: 2px;
+          border-top-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+  -moz-border-radius-topleft: 2px;
+}
+
+.pagination-large ul > li:last-child > a,
+.pagination-large ul > li:last-child > span {
+  -webkit-border-top-right-radius: 2px;
+          border-top-right-radius: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+          border-bottom-right-radius: 2px;
+  -moz-border-radius-topright: 2px;
+  -moz-border-radius-bottomright: 2px;
+}
+
+.pagination-mini ul > li:first-child > a,
+.pagination-small ul > li:first-child > a,
+.pagination-mini ul > li:first-child > span,
+.pagination-small ul > li:first-child > span {
+  -webkit-border-bottom-left-radius: 3px;
+          border-bottom-left-radius: 3px;
+  -webkit-border-top-left-radius: 3px;
+          border-top-left-radius: 3px;
+  -moz-border-radius-bottomleft: 3px;
+  -moz-border-radius-topleft: 3px;
+}
+
+.pagination-mini ul > li:last-child > a,
+.pagination-small ul > li:last-child > a,
+.pagination-mini ul > li:last-child > span,
+.pagination-small ul > li:last-child > span {
+  -webkit-border-top-right-radius: 3px;
+          border-top-right-radius: 3px;
+  -webkit-border-bottom-right-radius: 3px;
+          border-bottom-right-radius: 3px;
+  -moz-border-radius-topright: 3px;
+  -moz-border-radius-bottomright: 3px;
+}
+
+.pagination-small ul > li > a,
+.pagination-small ul > li > span {
+  padding: 2px 10px;
+  font-size: 11.049999999999999px;
+}
+
+.pagination-mini ul > li > a,
+.pagination-mini ul > li > span {
+  padding: 0 4px;
+  font-size: 9.75px;
+}
+
+.pager {
+  margin: 20px 0;
+  text-align: center;
+  list-style: none;
+  *zoom: 1;
+}
+
+.pager:before,
+.pager:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.pager:after {
+  clear: both;
+}
+
+.pager li {
+  display: inline;
+}
+
+.pager li > a,
+.pager li > span {
+  display: inline-block;
+  padding: 5px 14px;
+  background-color: #fff;
+  border: 1px solid #ddd;
+  -webkit-border-radius: 15px;
+     -moz-border-radius: 15px;
+          border-radius: 15px;
+}
+
+.pager li > a:hover,
+.pager li > a:focus {
+  text-decoration: none;
+  background-color: #f5f5f5;
+}
+
+.pager .next > a,
+.pager .next > span {
+  float: right;
+}
+
+.pager .previous > a,
+.pager .previous > span {
+  float: left;
+}
+
+.pager .disabled > a,
+.pager .disabled > a:hover,
+.pager .disabled > a:focus,
+.pager .disabled > span {
+  color: #999999;
+  cursor: default;
+  background-color: #fff;
+}
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000000;
+}
+
+.modal-backdrop.fade {
+  opacity: 0;
+}
+
+.modal-backdrop,
+.modal-backdrop.fade.in {
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+
+.modal {
+  position: fixed;
+  top: 10%;
+  left: 50%;
+  z-index: 1050;
+  width: 560px;
+  margin-left: -280px;
+  background-color: #ffffff;
+  border: 1px solid #999;
+  border: 1px solid rgba(0, 0, 0, 0.3);
+  *border: 1px solid #999;
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+  outline: none;
+  -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+     -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+          box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding-box;
+          background-clip: padding-box;
+}
+
+.modal.fade {
+  top: -25%;
+  -webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
+     -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
+       -o-transition: opacity 0.3s linear, top 0.3s ease-out;
+          transition: opacity 0.3s linear, top 0.3s ease-out;
+}
+
+.modal.fade.in {
+  top: 10%;
+}
+
+.modal-header {
+  padding: 9px 15px;
+  border-bottom: 1px solid #eee;
+}
+
+.modal-header .close {
+  margin-top: 2px;
+}
+
+.modal-header h3 {
+  margin: 0;
+  line-height: 30px;
+}
+
+.modal-body {
+  position: relative;
+  max-height: 400px;
+  padding: 15px;
+  overflow-y: auto;
+}
+
+.modal-form {
+  margin-bottom: 0;
+}
+
+.modal-footer {
+  padding: 14px 15px 15px;
+  margin-bottom: 0;
+  text-align: right;
+  background-color: #f5f5f5;
+  border-top: 1px solid #ddd;
+  -webkit-border-radius: 0 0 6px 6px;
+     -moz-border-radius: 0 0 6px 6px;
+          border-radius: 0 0 6px 6px;
+  *zoom: 1;
+  -webkit-box-shadow: inset 0 1px 0 #ffffff;
+     -moz-box-shadow: inset 0 1px 0 #ffffff;
+          box-shadow: inset 0 1px 0 #ffffff;
+}
+
+.modal-footer:before,
+.modal-footer:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.modal-footer:after {
+  clear: both;
+}
+
+.modal-footer .btn + .btn {
+  margin-bottom: 0;
+  margin-left: 5px;
+}
+
+.modal-footer .btn-group .btn + .btn {
+  margin-left: -1px;
+}
+
+.modal-footer .btn-block + .btn-block {
+  margin-left: 0;
+}
+
+.tooltip {
+  position: absolute;
+  z-index: 1030;
+  display: block;
+  font-size: 11px;
+  line-height: 1.4;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  visibility: visible;
+}
+
+.tooltip.in {
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+
+.tooltip.top {
+  padding: 5px 0;
+  margin-top: -3px;
+}
+
+.tooltip.right {
+  padding: 0 5px;
+  margin-left: 3px;
+}
+
+.tooltip.bottom {
+  padding: 5px 0;
+  margin-top: 3px;
+}
+
+.tooltip.left {
+  padding: 0 5px;
+  margin-left: -3px;
+}
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 8px;
+  color: #ffffff;
+  text-align: center;
+  text-decoration: none;
+  background-color: #000000;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.tooltip-arrow {
+  position: absolute;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.tooltip.top .tooltip-arrow {
+  bottom: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-top-color: #000000;
+  border-width: 5px 5px 0;
+}
+
+.tooltip.right .tooltip-arrow {
+  top: 50%;
+  left: 0;
+  margin-top: -5px;
+  border-right-color: #000000;
+  border-width: 5px 5px 5px 0;
+}
+
+.tooltip.left .tooltip-arrow {
+  top: 50%;
+  right: 0;
+  margin-top: -5px;
+  border-left-color: #000000;
+  border-width: 5px 0 5px 5px;
+}
+
+.tooltip.bottom .tooltip-arrow {
+  top: 0;
+  left: 50%;
+  margin-left: -5px;
+  border-bottom-color: #000000;
+  border-width: 0 5px 5px;
+}
+
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1010;
+  display: none;
+  max-width: 276px;
+  padding: 1px;
+  text-align: left;
+  white-space: normal;
+  background-color: #ffffff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+     -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+     -moz-background-clip: padding;
+          background-clip: padding-box;
+}
+
+.popover.top {
+  margin-top: -10px;
+}
+
+.popover.right {
+  margin-left: 10px;
+}
+
+.popover.bottom {
+  margin-top: 10px;
+}
+
+.popover.left {
+  margin-left: -10px;
+}
+
+.popover-title {
+  padding: 8px 14px;
+  margin: 0;
+  font-size: 14px;
+  font-weight: normal;
+  line-height: 18px;
+  background-color: #ffffff;
+  border-bottom: 1px solid #f2f2f2;
+  -webkit-border-radius: 5px 5px 0 0;
+     -moz-border-radius: 5px 5px 0 0;
+          border-radius: 5px 5px 0 0;
+}
+
+.popover-title:empty {
+  display: none;
+}
+
+.popover-content {
+  padding: 9px 14px;
+}
+
+.popover .arrow,
+.popover .arrow:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+}
+
+.popover .arrow {
+  border-width: 6px;
+}
+
+.popover .arrow:after {
+  border-width: 5px;
+  content: "";
+}
+
+.popover.top .arrow {
+  bottom: -6px;
+  left: 50%;
+  margin-left: -6px;
+  border-top-color: #999;
+  border-top-color: #ffffff;
+  border-bottom-width: 0;
+}
+
+.popover.top .arrow:after {
+  bottom: 1px;
+  margin-left: -5px;
+  border-top-color: #ffffff;
+  border-bottom-width: 0;
+}
+
+.popover.right .arrow {
+  top: 50%;
+  left: -6px;
+  margin-top: -6px;
+  border-right-color: #999;
+  border-right-color: #ffffff;
+  border-left-width: 0;
+}
+
+.popover.right .arrow:after {
+  bottom: -5px;
+  left: 1px;
+  border-right-color: #ffffff;
+  border-left-width: 0;
+}
+
+.popover.bottom .arrow {
+  top: -6px;
+  left: 50%;
+  margin-left: -6px;
+  border-bottom-color: #999;
+  border-bottom-color: #ffffff;
+  border-top-width: 0;
+}
+
+.popover.bottom .arrow:after {
+  top: 1px;
+  margin-left: -5px;
+  border-bottom-color: #ffffff;
+  border-top-width: 0;
+}
+
+.popover.left .arrow {
+  top: 50%;
+  right: -6px;
+  margin-top: -6px;
+  border-left-color: #999;
+  border-left-color: #ffffff;
+  border-right-width: 0;
+}
+
+.popover.left .arrow:after {
+  right: 1px;
+  bottom: -5px;
+  border-left-color: #ffffff;
+  border-right-width: 0;
+}
+
+.thumbnails {
+  margin-left: -20px;
+  list-style: none;
+  *zoom: 1;
+}
+
+.thumbnails:before,
+.thumbnails:after {
+  display: table;
+  line-height: 0;
+  content: "";
+}
+
+.thumbnails:after {
+  clear: both;
+}
+
+.row-fluid .thumbnails {
+  margin-left: 0;
+}
+
+.thumbnails > li {
+  float: left;
+  margin-bottom: 20px;
+  margin-left: 20px;
+}
+
+.thumbnail {
+  display: block;
+  padding: 4px;
+  line-height: 20px;
+  border: 1px solid #ddd;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+     -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
+  -webkit-transition: all 0.2s ease-in-out;
+     -moz-transition: all 0.2s ease-in-out;
+       -o-transition: all 0.2s ease-in-out;
+          transition: all 0.2s ease-in-out;
+}
+
+a.thumbnail:hover,
+a.thumbnail:focus {
+  border-color: #338bb8;
+  -webkit-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
+     -moz-box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
+          box-shadow: 0 1px 4px rgba(0, 105, 214, 0.25);
+}
+
+.thumbnail > img {
+  display: block;
+  max-width: 100%;
+  margin-right: auto;
+  margin-left: auto;
+}
+
+.thumbnail .caption {
+  padding: 9px;
+  color: #333333;
+}
+
+.media,
+.media-body {
+  overflow: hidden;
+  *overflow: visible;
+  zoom: 1;
+}
+
+.media,
+.media .media {
+  margin-top: 15px;
+}
+
+.media:first-child {
+  margin-top: 0;
+}
+
+.media-object {
+  display: block;
+}
+
+.media-heading {
+  margin: 0 0 5px;
+}
+
+.media > .pull-left {
+  margin-right: 10px;
+}
+
+.media > .pull-right {
+  margin-left: 10px;
+}
+
+.media-list {
+  margin-left: 0;
+  list-style: none;
+}
+
+.label,
+.badge {
+  display: inline-block;
+  padding: 2px 4px;
+  font-size: 10.998px;
+  font-weight: bold;
+  line-height: 14px;
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  white-space: nowrap;
+  vertical-align: baseline;
+  background-color: #999999;
+}
+
+.label {
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+.badge {
+  padding-right: 9px;
+  padding-left: 9px;
+  -webkit-border-radius: 9px;
+     -moz-border-radius: 9px;
+          border-radius: 9px;
+}
+
+.label:empty,
+.badge:empty {
+  display: none;
+}
+
+a.label:hover,
+a.label:focus,
+a.badge:hover,
+a.badge:focus {
+  color: #ffffff;
+  text-decoration: none;
+  cursor: pointer;
+}
+
+.label-important,
+.badge-important {
+  background-color: #dd4b39;
+}
+
+.label-important[href],
+.badge-important[href] {
+  background-color: #c23321;
+}
+
+.label-warning,
+.badge-warning {
+  background-color: #f89406;
+}
+
+.label-warning[href],
+.badge-warning[href] {
+  background-color: #c67605;
+}
+
+.label-success,
+.badge-success {
+  background-color: #3d9400;
+}
+
+.label-success[href],
+.badge-success[href] {
+  background-color: #286100;
+}
+
+.label-info,
+.badge-info {
+  background-color: #5bc0de;
+}
+
+.label-info[href],
+.badge-info[href] {
+  background-color: #31b0d5;
+}
+
+.label-inverse,
+.badge-inverse {
+  background-color: #444444;
+}
+
+.label-inverse[href],
+.badge-inverse[href] {
+  background-color: #2b2b2b;
+}
+
+.btn .label,
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+.btn-mini .label,
+.btn-mini .badge {
+  top: 0;
+}
+
+@-webkit-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+@-moz-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+@-ms-keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+@-o-keyframes progress-bar-stripes {
+  from {
+    background-position: 0 0;
+  }
+  to {
+    background-position: 40px 0;
+  }
+}
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 40px 0;
+  }
+  to {
+    background-position: 0 0;
+  }
+}
+
+.progress {
+  height: 20px;
+  margin-bottom: 20px;
+  overflow: hidden;
+  background-color: #f7f7f7;
+  background-image: -moz-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9));
+  background-image: -webkit-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: -o-linear-gradient(top, #f5f5f5, #f9f9f9);
+  background-image: linear-gradient(to bottom, #f5f5f5, #f9f9f9);
+  background-repeat: repeat-x;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.progress .bar {
+  float: left;
+  width: 0;
+  height: 100%;
+  font-size: 12px;
+  color: #ffffff;
+  text-align: center;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #0e90d2;
+  background-image: -moz-linear-gradient(top, #149bdf, #0480be);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
+  background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
+  background-image: -o-linear-gradient(top, #149bdf, #0480be);
+  background-image: linear-gradient(to bottom, #149bdf, #0480be);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
+  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+     -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+  -webkit-transition: width 0.6s ease;
+     -moz-transition: width 0.6s ease;
+       -o-transition: width 0.6s ease;
+          transition: width 0.6s ease;
+}
+
+.progress .bar + .bar {
+  -webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+     -moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+          box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
+}
+
+.progress-striped .bar {
+  background-color: #149bdf;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 40px 40px;
+     -moz-background-size: 40px 40px;
+       -o-background-size: 40px 40px;
+          background-size: 40px 40px;
+}
+
+.progress.active .bar {
+  -webkit-animation: progress-bar-stripes 2s linear infinite;
+     -moz-animation: progress-bar-stripes 2s linear infinite;
+      -ms-animation: progress-bar-stripes 2s linear infinite;
+       -o-animation: progress-bar-stripes 2s linear infinite;
+          animation: progress-bar-stripes 2s linear infinite;
+}
+
+.progress-danger .bar,
+.progress .bar-danger {
+  background-color: #dd514c;
+  background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#c43c35));
+  background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
+  background-image: linear-gradient(to bottom, #ee5f5b, #c43c35);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffc43c35', GradientType=0);
+}
+
+.progress-danger.progress-striped .bar,
+.progress-striped .bar-danger {
+  background-color: #ee5f5b;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-success .bar,
+.progress .bar-success {
+  background-color: #5eb95e;
+  background-image: -moz-linear-gradient(top, #62c462, #57a957);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#57a957));
+  background-image: -webkit-linear-gradient(top, #62c462, #57a957);
+  background-image: -o-linear-gradient(top, #62c462, #57a957);
+  background-image: linear-gradient(to bottom, #62c462, #57a957);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff57a957', GradientType=0);
+}
+
+.progress-success.progress-striped .bar,
+.progress-striped .bar-success {
+  background-color: #62c462;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-info .bar,
+.progress .bar-info {
+  background-color: #4bb1cf;
+  background-image: -moz-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#339bb9));
+  background-image: -webkit-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: -o-linear-gradient(top, #5bc0de, #339bb9);
+  background-image: linear-gradient(to bottom, #5bc0de, #339bb9);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff339bb9', GradientType=0);
+}
+
+.progress-info.progress-striped .bar,
+.progress-striped .bar-info {
+  background-color: #5bc0de;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-warning .bar,
+.progress .bar-warning {
+  background-color: #faa732;
+  background-image: -moz-linear-gradient(top, #fbb450, #f89406);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406));
+  background-image: -webkit-linear-gradient(top, #fbb450, #f89406);
+  background-image: -o-linear-gradient(top, #fbb450, #f89406);
+  background-image: linear-gradient(to bottom, #fbb450, #f89406);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffbb450', endColorstr='#fff89406', GradientType=0);
+}
+
+.progress-warning.progress-striped .bar,
+.progress-striped .bar-warning {
+  background-color: #fbb450;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.accordion {
+  margin-bottom: 20px;
+}
+
+.accordion-group {
+  margin-bottom: 2px;
+  border: 1px solid #e5e5e5;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.accordion-heading {
+  border-bottom: 0;
+}
+
+.accordion-heading .accordion-toggle {
+  display: block;
+  padding: 8px 15px;
+}
+
+.accordion-toggle {
+  cursor: pointer;
+}
+
+.accordion-inner {
+  padding: 9px 15px;
+  border-top: 1px solid #e5e5e5;
+}
+
+.carousel {
+  position: relative;
+  margin-bottom: 20px;
+  line-height: 1;
+}
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+}
+
+.carousel-inner > .item {
+  position: relative;
+  display: none;
+  -webkit-transition: 0.6s ease-in-out left;
+     -moz-transition: 0.6s ease-in-out left;
+       -o-transition: 0.6s ease-in-out left;
+          transition: 0.6s ease-in-out left;
+}
+
+.carousel-inner > .item > img,
+.carousel-inner > .item > a > img {
+  display: block;
+  line-height: 1;
+}
+
+.carousel-inner > .active,
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  display: block;
+}
+
+.carousel-inner > .active {
+  left: 0;
+}
+
+.carousel-inner > .next,
+.carousel-inner > .prev {
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.carousel-inner > .next {
+  left: 100%;
+}
+
+.carousel-inner > .prev {
+  left: -100%;
+}
+
+.carousel-inner > .next.left,
+.carousel-inner > .prev.right {
+  left: 0;
+}
+
+.carousel-inner > .active.left {
+  left: -100%;
+}
+
+.carousel-inner > .active.right {
+  left: 100%;
+}
+
+.carousel-control {
+  position: absolute;
+  top: 40%;
+  left: 15px;
+  width: 40px;
+  height: 40px;
+  margin-top: -20px;
+  font-size: 60px;
+  font-weight: 100;
+  line-height: 30px;
+  color: #ffffff;
+  text-align: center;
+  background: #222222;
+  border: 3px solid #ffffff;
+  -webkit-border-radius: 23px;
+     -moz-border-radius: 23px;
+          border-radius: 23px;
+  opacity: 0.5;
+  filter: alpha(opacity=50);
+}
+
+.carousel-control.right {
+  right: 15px;
+  left: auto;
+}
+
+.carousel-control:hover,
+.carousel-control:focus {
+  color: #ffffff;
+  text-decoration: none;
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+}
+
+.carousel-indicators {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  z-index: 5;
+  margin: 0;
+  list-style: none;
+}
+
+.carousel-indicators li {
+  display: block;
+  float: left;
+  width: 10px;
+  height: 10px;
+  margin-left: 5px;
+  text-indent: -999px;
+  background-color: #ccc;
+  background-color: rgba(255, 255, 255, 0.25);
+  border-radius: 5px;
+}
+
+.carousel-indicators .active {
+  background-color: #fff;
+}
+
+.carousel-caption {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 15px;
+  background: #444444;
+  background: rgba(0, 0, 0, 0.75);
+}
+
+.carousel-caption h4,
+.carousel-caption p {
+  line-height: 20px;
+  color: #ffffff;
+}
+
+.carousel-caption h4 {
+  margin: 0 0 5px;
+}
+
+.carousel-caption p {
+  margin-bottom: 0;
+}
+
+.hero-unit {
+  padding: 60px;
+  margin-bottom: 30px;
+  font-size: 18px;
+  font-weight: 200;
+  line-height: 30px;
+  color: inherit;
+  background-color: #ffffff;
+  -webkit-border-radius: 6px;
+     -moz-border-radius: 6px;
+          border-radius: 6px;
+}
+
+.hero-unit h1 {
+  margin-bottom: 0;
+  font-size: 60px;
+  line-height: 1;
+  letter-spacing: -1px;
+  color: inherit;
+}
+
+.hero-unit li {
+  line-height: 30px;
+}
+
+.pull-right {
+  float: right;
+}
+
+.pull-left {
+  float: left;
+}
+
+.hide {
+  display: none;
+}
+
+.show {
+  display: block;
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+.affix {
+  position: fixed;
+}
+
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"],
+.uneditable-input {
+  min-height: 29px;
+  padding: 0 8px;
+  border-top: 1px solid #c0c0c0;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus,
+.uneditable-input:focus,
+textarea:hover,
+input[type="text"]:hover,
+input[type="password"]:hover,
+input[type="datetime"]:hover,
+input[type="datetime-local"]:hover,
+input[type="date"]:hover,
+input[type="month"]:hover,
+input[type="time"]:hover,
+input[type="week"]:hover,
+input[type="number"]:hover,
+input[type="email"]:hover,
+input[type="url"]:hover,
+input[type="search"]:hover,
+input[type="tel"]:hover,
+input[type="color"]:hover,
+.uneditable-input:hover {
+  border-color: #b9b9b9;
+  border-top-color: #a0a0a0;
+  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+          box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+}
+
+.input-append .add-on,
+.input-prepend .add-on {
+  min-height: 29px;
+  padding: 0 8px;
+  line-height: 29px;
+  text-shadow: none;
+  border: 1px solid #c0c0c0;
+}
+
+.input-append .btn,
+.input-prepend .btn {
+  -webkit-box-sizing: content-box;
+     -moz-box-sizing: content-box;
+          box-sizing: content-box;
+}
+
+.uneditable-input {
+  line-height: 29px;
+}
+
+input.search-query {
+  padding: 0 8px;
+  -webkit-border-radius: 1px;
+     -moz-border-radius: 1px;
+          border-radius: 1px;
+}
+
+.form-search > .btn[type="submit"] {
+  padding: 0 24px;
+  margin: 0 15px;
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-color: #4699c3;
+  *background-color: #64aed4;
+  background-image: -moz-linear-gradient(top, #338bb8, #64aed4);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#338bb8), to(#64aed4));
+  background-image: -webkit-linear-gradient(top, #338bb8, #64aed4);
+  background-image: -o-linear-gradient(top, #338bb8, #64aed4);
+  background-image: linear-gradient(to bottom, #338bb8, #64aed4);
+  background-repeat: repeat-x;
+  border-color: #64aed4 #64aed4 #338bb8;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff338bb8', endColorstr='#ff64aed4', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+
+.form-search > .btn[type="submit"]:hover,
+.form-search > .btn[type="submit"]:focus,
+.form-search > .btn[type="submit"]:active,
+.form-search > .btn[type="submit"].active,
+.form-search > .btn[type="submit"].disabled,
+.form-search > .btn[type="submit"][disabled] {
+  color: #ffffff;
+  background-color: #64aed4;
+  *background-color: #50a3ce;
+}
+
+.form-search > .btn[type="submit"]:active,
+.form-search > .btn[type="submit"].active {
+  background-color: #3c99c9 \9;
+}
+
+.form-search > .btn[type="submit"] .caret {
+  border-top-color: #ffffff;
+  border-bottom-color: #ffffff;
+}
+
+.form-search .input-append .search-query {
+  -webkit-border-radius: 1px 0 0 1px;
+     -moz-border-radius: 1px 0 0 1px;
+          border-radius: 1px 0 0 1px;
+}
+
+.form-search .input-append .btn {
+  -webkit-border-radius: 0 1px 1px 0;
+     -moz-border-radius: 0 1px 1px 0;
+          border-radius: 0 1px 1px 0;
+}
+
+.form-search .input-prepend .search-query {
+  -webkit-border-radius: 0 1px 1px 0;
+     -moz-border-radius: 0 1px 1px 0;
+          border-radius: 0 1px 1px 0;
+}
+
+.form-search .input-prepend .btn {
+  -webkit-border-radius: 1px 0 0 1px;
+     -moz-border-radius: 1px 0 0 1px;
+          border-radius: 1px 0 0 1px;
+}
+
+.control-group.error .control-label,
+.control-group.error .help-block,
+.control-group.error .help-inline {
+  color: #dd4b39;
+}
+
+.control-group.error .checkbox,
+.control-group.error .radio,
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
+  color: #dd4b39;
+}
+
+.control-group.error input,
+.control-group.error select,
+.control-group.error textarea {
+  border-color: #dd4b39;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.control-group.error input:focus,
+.control-group.error select:focus,
+.control-group.error textarea:focus {
+  border-color: #c23321;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ec9a90;
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ec9a90;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ec9a90;
+}
+
+.control-group.error .input-prepend .add-on,
+.control-group.error .input-append .add-on {
+  color: #dd4b39;
+  background-color: #dd4b39;
+  border-color: #dd4b39;
+}
+
+.control-group.success .control-label,
+.control-group.success .help-block,
+.control-group.success .help-inline {
+  color: #3d9400;
+}
+
+.control-group.success .checkbox,
+.control-group.success .radio,
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
+  color: #3d9400;
+}
+
+.control-group.success input,
+.control-group.success select,
+.control-group.success textarea {
+  border-color: #3d9400;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.control-group.success input:focus,
+.control-group.success select:focus,
+.control-group.success textarea:focus {
+  border-color: #286100;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67fa00;
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67fa00;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67fa00;
+}
+
+.control-group.success .input-prepend .add-on,
+.control-group.success .input-append .add-on {
+  color: #3d9400;
+  background-color: #3d9400;
+  border-color: #3d9400;
+}
+
+.control-group.info .control-label,
+.control-group.info .help-block,
+.control-group.info .help-inline {
+  color: #5bc0de;
+}
+
+.control-group.info .checkbox,
+.control-group.info .radio,
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+  color: #5bc0de;
+}
+
+.control-group.info input,
+.control-group.info select,
+.control-group.info textarea {
+  border-color: #5bc0de;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
+}
+
+.control-group.info input:focus,
+.control-group.info select:focus,
+.control-group.info textarea:focus {
+  border-color: #31b0d5;
+  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b0e1ef;
+     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b0e1ef;
+          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #b0e1ef;
+}
+
+.control-group.info .input-prepend .add-on,
+.control-group.info .input-append .add-on {
+  color: #5bc0de;
+  background-color: #5bc0de;
+  border-color: #5bc0de;
+}
+
+.form-actions {
+  border-top: 0;
+}
+
+.btn-group > .btn,
+.btn-group > .dropdown-menu,
+.btn-group > .popover {
+  font-weight: normal;
+}
+
+.btn-group > .btn + .dropdown-toggle {
+  width: 20px;
+  min-width: 20px;
+  padding-right: 2px;
+  padding-left: 2px;
+}
+
+.btn-group > .btn.dropdown-toggle .caret {
+  margin-top: 0;
+}
+
+.alert {
+  text-shadow: none;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.well {
+  border: 1px solid #d8d8d8;
+  border-top-width: 0;
+  border-bottom-width: 2px;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.well-large {
+  padding: 24px;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.well-small {
+  padding: 9px;
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+}
+
+.dropdown-menu {
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+  -webkit-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
+     -moz-box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
+          box-shadow: 0 2px 40px rgba(0, 0, 0, 0.4);
+}
+
+.dropdown-menu > li > a:hover,
+.dropdown-menu > li > a:focus,
+.dropdown-submenu:hover > a,
+.dropdown-submenu:focus > a {
+  background-image: none;
+  background-repeat: no-repeat;
+}
+
+.dropdown-menu > .active > a,
+.dropdown-menu > .active > a:hover,
+.dropdown-menu > .active > a:focus {
+  background-image: none;
+  background-repeat: no-repeat;
+}
+
+.caret {
+  width: 16px;
+  height: 16px;
+  border: 0;
+}
+
+.caret:after {
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: bold;
+  content: "\F107";
+}
+
+.dropup .caret,
+.navbar-fixed-bottom .dropdown .caret {
+  border-bottom: 0;
+  content: "";
+}
+
+.dropup .caret:after,
+.navbar-fixed-bottom .dropdown .caret:after {
+  font-family: FontAwesome;
+  font-size: 14px;
+  font-weight: bold;
+  content: "\F106";
+}
+
+.dropdown-notification {
+  padding: 10px 0;
+}
+
+.navbar .nav > li > a.dropdown-toggle.btn-notification {
+  width: 29px;
+  height: 27px;
+  min-height: 27px;
+  padding: 0;
+  *margin-left: .3em;
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 27px;
+  color: #444444;
+  text-align: center;
+  text-shadow: none;
+  vertical-align: middle;
+  cursor: pointer;
+  background-color: #f9f9f9;
+  *background-color: #f1f1f1;
+  background-image: -moz-linear-gradient(top, #ffffff, #f1f1f1);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f1f1f1));
+  background-image: -webkit-linear-gradient(top, #ffffff, #f1f1f1);
+  background-image: -o-linear-gradient(top, #ffffff, #f1f1f1);
+  background-image: linear-gradient(to bottom, #ffffff, #f1f1f1);
+  background-repeat: repeat-x;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+  *border: 0;
+  border-color: #f1f1f1 #f1f1f1 #cbcbcb;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  border-color: rgba(0, 0, 0, 0.1);
+  -webkit-border-radius: 2px;
+     -moz-border-radius: 2px;
+          border-radius: 2px;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff1f1f1', GradientType=0);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.navbar .nav > li > a.dropdown-toggle.btn-notification:hover,
+.navbar .nav > li > a.dropdown-toggle.btn-notification:focus,
+.navbar .nav > li > a.dropdown-toggle.btn-notification:active,
+.navbar .nav > li > a.dropdown-toggle.btn-notification.active,
+.navbar .nav > li > a.dropdown-toggle.btn-notification.disabled,
+.navbar .nav > li > a.dropdown-toggle.btn-notification[disabled] {
+  color: #444444;
+  background-color: #f1f1f1;
+  *background-color: #e4e4e4;
+}
+
+.navbar .nav > li > a.dropdown-toggle.btn-notification:active,
+.navbar .nav > li > a.dropdown-toggle.btn-notification.active {
+  background-color: #d8d8d8 \9;
+}
+
+.navbar .nav > li > a.dropdown-toggle.btn-notification:first-child {
+  *margin-left: 0;
+}
+
+.dropdown-menu.dropdown-notifications {
+  width: auto;
+  min-width: 320px;
+}
+
+.dropdown-menu.dropdown-notifications > ul {
+  overflow-y: auto;
+}
+
+.dropdown-menu.dropdown-notifications > li {
+  padding: 15px;
+  background-color: #F0F0F0;
+  border-top: 1px solid #d0d0d0;
+}
+
+.dropdown-menu.dropdown-notifications > li.header {
+  padding: 5px;
+  text-align: right;
+  background-color: #ffffff;
+  border-top: 0;
+}
+
+.dropdown-menu.dropdown-notifications > li .title {
+  display: block;
+  height: 17px;
+  margin: 0 0 12px 0;
+  overflow: hidden;
+  font-size: 13px;
+  color: #737373;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.nav-list {
+  background-color: #f5f5f5;
+  border: 1px solid #d8d8d8;
+  border-bottom: 1px solid #d5d5d5;
+  border-top-width: 0;
+  border-bottom-width: 2px;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+.nav-list > li {
+  background-color: #ffffff;
+}
+
+.nav-list > li > a,
+.nav-list .nav-header {
+  padding: 9px 18px;
+  margin-top: 1px;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.4;
+  color: #737373;
+  text-overflow: ellipsis;
+  text-shadow: none;
+  background-color: #ffffff;
+  border-left: 2px solid transparent;
+  -webkit-transition: border 0.218s;
+     -moz-transition: border 0.218s;
+       -o-transition: border 0.218s;
+          transition: border 0.218s;
+}
+
+.nav-list .nav-header {
+  color: #338bb8;
+}
+
+.nav li + .nav-header {
+  margin-top: 1px;
+}
+
+.nav-list > li > a:hover,
+.nav-list > li > a:focus,
+.nav-list > .active > a,
+.nav-list > .active > a:hover,
+.nav-list > .active > a:focus {
+  color: #262626;
+  text-shadow: none;
+  background-color: #f5f5f5;
+  border-color: #338bb8;
+}
+
+/* just ignore divider, default nav-list has always dividers between items */
+
+.nav-list .divider {
+  display: none;
+}
+
+.nav-tabs .dropdown-toggle .caret,
+.navbar .nav li.dropdown > .dropdown-toggle .caret {
+  margin-top: 0;
+}
+
+.navbar .nav li.dropdown.open > .dropdown-toggle,
+.navbar .nav li.dropdown.active > .dropdown-toggle,
+.navbar .nav li.dropdown.open.active > .dropdown-toggle {
+  color: #737373;
+}
+
+.nav-tabs > li > a {
+  -webkit-border-radius: 2px 2px 0 0;
+     -moz-border-radius: 2px 2px 0 0;
+          border-radius: 2px 2px 0 0;
+}
+
+.nav-tabs > .active > a,
+.nav-tabs > .active > a:hover,
+.nav-tabs > .active > a:focus {
+  color: #262626;
+  background-color: #ffffff;
+}
+
+.nav-pills > li > a {
+  color: #737373;
+  white-space: nowrap;
+  background-color: transparent;
+  border-bottom: 2px solid transparent;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.nav-pills > .active > a,
+.nav-pills > .active > a:hover,
+.nav-pills > .active > a:focus {
+  font-weight: bold;
+  color: #262626;
+  text-decoration: none;
+  background-color: transparent;
+  border-color: #338bb8;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: border-color 0.218s ease 0s;
+     -moz-transition: border-color 0.218s ease 0s;
+       -o-transition: border-color 0.218s ease 0s;
+          transition: border-color 0.218s ease 0s;
+}
+
+.nav.nav-pills > li > a:hover,
+.nav.nav-pills > li > a:focus {
+  background-color: transparent;
+  border-color: #338bb8;
+}
+
+.nav.nav-pills > .disabled > a {
+  border-color: transparent;
+}
+
+.nav-pills.nav-stacked > .active > a,
+.nav-pills.nav-stacked > .active > a:hover,
+.nav-pills.nav-stacked > .active > a:focus {
+  color: #ffffff;
+  background-color: #338bb8;
+  border-color: transparent;
+}
+
+.nav-pills.nav-stacked > li > a:hover,
+.nav-pills.nav-stacked > li > a:focus {
+  background-color: #f5f5f5;
+  border-color: transparent;
+}
+
+.nav-tabs .dropdown-menu {
+  -webkit-border-radius: 0 0 3px 3px;
+     -moz-border-radius: 0 0 3px 3px;
+          border-radius: 0 0 3px 3px;
+}
+
+.nav-pills .dropdown-menu {
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+.nav-tabs .open .dropdown-toggle,
+.nav-pills .open .dropdown-toggle,
+.nav > li.dropdown.open.active > a:hover,
+.nav > li.dropdown.open.active > a:focus {
+  color: #737373;
+  background-color: transparent;
+  border-color: transparent;
+}
+
+.nav .dropdown-toggle .caret {
+  margin-top: 0;
+}
+
+.tabs-below > .nav-tabs > li > a {
+  -webkit-border-radius: 0 0 2px 2px;
+     -moz-border-radius: 0 0 2px 2px;
+          border-radius: 0 0 2px 2px;
+}
+
+.tabs-left > .nav-tabs > li > a {
+  -webkit-border-radius: 2px 0 0 2px;
+     -moz-border-radius: 2px 0 0 2px;
+          border-radius: 2px 0 0 2px;
+}
+
+.tabs-right > .nav-tabs > li > a {
+  -webkit-border-radius: 0 2px 2px 0;
+     -moz-border-radius: 0 2px 2px 0;
+          border-radius: 0 2px 2px 0;
+}
+
+.navbar-inner {
+  background-image: none;
+  background-repeat: no-repeat;
+  border: 0;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.navbar .nav > li > a {
+  max-width: 180px;
+  min-width: 20px;
+  padding: 13px 0 10px 0;
+  margin: 0 18px;
+  overflow: hidden;
+  font-size: 14px;
+  line-height: 1.4;
+  color: #737373;
+  text-overflow: ellipsis;
+  text-shadow: none;
+  white-space: nowrap;
+  vertical-align: top;
+  border-bottom: 2px solid transparent;
+}
+
+.navbar .nav > li > a:hover,
+.navbar .nav > li > a:focus {
+  color: #262626;
+  border-color: #338bb8;
+}
+
+.navbar .nav > .active > a,
+.navbar .nav > .active > a:hover,
+.navbar .nav > .active > a:focus {
+  font-weight: bold;
+  color: #262626;
+  text-decoration: none;
+  border-color: #338bb8;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+  -webkit-transition: border-color 0.218s ease 0s;
+     -moz-transition: border-color 0.218s ease 0s;
+       -o-transition: border-color 0.218s ease 0s;
+          transition: border-color 0.218s ease 0s;
+}
+
+.navbar-fixed-top .navbar-inner,
+.navbar-static-top .navbar-inner {
+  -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+     -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+          box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15);
+}
+
+.navbar-search {
+  margin-top: 3px;
+}
+
+.navbar-search .search-query {
+  padding: 2px 14px;
+  -webkit-border-radius: 1px;
+     -moz-border-radius: 1px;
+          border-radius: 1px;
+}
+
+.navbar-inverse .navbar-inner {
+  background-image: none;
+  background-repeat: no-repeat;
+}
+
+.navbar-inverse .brand,
+.navbar-inverse .nav > li > a {
+  text-shadow: none;
+}
+
+.navbar-inverse .brand:hover,
+.navbar-inverse .brand:focus {
+  color: #262626;
+}
+
+.navbar-inverse .navbar-search .search-query {
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.navbar-inverse .navbar-search .search-query:-moz-placeholder {
+  color: #999999;
+}
+
+.navbar-inverse .navbar-search .search-query:-ms-input-placeholder {
+  color: #999999;
+}
+
+.navbar-inverse .navbar-search .search-query::-webkit-input-placeholder {
+  color: #999999;
+}
+
+.navbar-inverse .navbar-search .search-query:focus,
+.navbar-inverse .navbar-search .search-query.focused {
+  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+     -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
+}
+
+.navbar .nav > li > a.btn {
+  padding: 0 8px;
+  margin-top: 13px;
+  margin-bottom: 10px;
+  font-size: 13px;
+  line-height: 29px;
+  border: 1px solid rgba(0, 0, 0, 0.1);
+}
+
+.modal-backdrop {
+  background-color: #ffffff;
+}
+
+.modal-backdrop.fade {
+  opacity: 0;
+}
+
+.modal-backdrop,
+.modal-backdrop.fade.in {
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+}
+
+.modal {
+  padding: 35px 40px;
+  color: #000000;
+  border: 0;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+     -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.2);
+}
+
+.modal-header {
+  padding: 0 0 30px;
+  border: 0;
+}
+
+.modal-header .close {
+  position: absolute;
+  top: 15px;
+  right: 15px;
+  margin-top: 0;
+}
+
+.modal-header h3 {
+  font-size: 24px;
+  font-weight: 400;
+  color: #737373;
+}
+
+.modal-body {
+  padding: 0;
+}
+
+.modal-footer {
+  padding: 20px 0 0;
+  text-align: left;
+  background-color: #ffffff;
+  border: 0;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.tooltip {
+  font-weight: bold;
+  border: 1px solid #ffffff;
+}
+
+.tooltip-inner {
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}
+
+.popover {
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+     -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
+}
+
+.popover-title {
+  color: #262626;
+  border: 0;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+}
+
+.popover-content {
+  color: #737373;
+}
+
+.label-important,
+.badge-important {
+  background-color: #dd4b39;
+}
+
+.label-important[href],
+.badge-important[href] {
+  background-color: #c23321;
+}
+
+.label-warning,
+.badge-warning {
+  background-color: #f89406;
+}
+
+.label-warning[href],
+.badge-warning[href] {
+  background-color: #c67605;
+}
+
+.label-success,
+.badge-success {
+  background-color: #3d9400;
+}
+
+.label-success[href],
+.badge-success[href] {
+  background-color: #286100;
+}
+
+.label-info,
+.badge-info {
+  background-color: #5bc0de;
+}
+
+.label-info[href],
+.badge-info[href] {
+  background-color: #31b0d5;
+}
+
+.label-inverse,
+.badge-inverse {
+  background-color: #444444;
+}
+
+.label-inverse[href],
+.badge-inverse[href] {
+  background-color: #2b2b2b;
+}
+
+.progress {
+  height: 10px;
+  padding: 1px;
+  background-image: none;
+  background-repeat: no-repeat;
+  border: 1px solid #999999;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.progress .bar {
+  background-color: #6188F5;
+  background-image: none;
+  background-repeat: no-repeat;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.progress-striped .bar {
+  background-color: #6188f5;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  -webkit-background-size: 40px 40px;
+     -moz-background-size: 40px 40px;
+       -o-background-size: 40px 40px;
+          background-size: 40px 40px;
+}
+
+.progress .bar + .bar {
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+}
+
+.progress-danger .bar,
+.progress .bar-danger {
+  background-color: #c13e2c;
+}
+
+.progress-danger.progress-striped .bar,
+.progress-striped .bar-danger {
+  background-color: #ee5f5b;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-success .bar,
+.progress .bar-success {
+  background-color: #2f973f;
+}
+
+.progress-success.progress-striped .bar,
+.progress-striped .bar-success {
+  background-color: #2f973f;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-info .bar,
+.progress .bar-info {
+  background-color: #53bddc;
+}
+
+.progress-info.progress-striped .bar,
+.progress-striped .bar-info {
+  background-color: #53bddc;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.progress-warning .bar,
+.progress .bar-warning {
+  background-color: #fbb450;
+}
+
+.progress-warning.progress-striped .bar,
+.progress-striped .bar-warning {
+  background-color: #fbb450;
+  background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+
+.accordion {
+  background-color: #ffffff;
+}
+
+.accordion-group {
+  margin: 0;
+  font-size: 12px;
+  line-height: 16px;
+  color: #666;
+  background-color: #ffffff;
+  border: 0;
+  -webkit-border-radius: 2;
+     -moz-border-radius: 2;
+          border-radius: 2;
+  outline: none;
+  -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 -3px 8px rgba(0, 0, 0, 0.2);
+     -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 -3px 8px rgba(0, 0, 0, 0.2);
+          box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3), 0 -3px 8px rgba(0, 0, 0, 0.2);
+  -webkit-transition: background-color 200ms cubic-bezier(0.52, 0, 0.48, 1);
+     -moz-transition: background-color 200ms cubic-bezier(0.52, 0, 0.48, 1);
+       -o-transition: background-color 200ms cubic-bezier(0.52, 0, 0.48, 1);
+          transition: background-color 200ms cubic-bezier(0.52, 0, 0.48, 1);
+}
+
+.card {
+  padding-top: 20px;
+  margin: 10px 0 20px 0;
+  background-color: #ffffff;
+  border: 1px solid #d8d8d8;
+  border-top-width: 0;
+  border-bottom-width: 2px;
+  -webkit-border-radius: 3px;
+     -moz-border-radius: 3px;
+          border-radius: 3px;
+  -webkit-box-shadow: none;
+     -moz-box-shadow: none;
+          box-shadow: none;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.card .card-heading {
+  padding: 0 20px;
+  margin: 0;
+}
+
+.card .card-heading.simple {
+  font-size: 20px;
+  font-weight: 300;
+  color: #777;
+  border-bottom: 1px solid #e5e5e5;
+}
+
+.card .card-heading.image img {
+  display: inline-block;
+  width: 46px;
+  height: 46px;
+  margin-right: 15px;
+  vertical-align: top;
+  border: 0;
+  -webkit-border-radius: 50%;
+     -moz-border-radius: 50%;
+          border-radius: 50%;
+}
+
+.card .card-heading.image .card-heading-header {
+  display: inline-block;
+  vertical-align: top;
+}
+
+.card .card-heading.image .card-heading-header h3 {
+  margin: 0;
+  font-size: 14px;
+  line-height: 16px;
+  color: #262626;
+}
+
+.card .card-heading.image .card-heading-header span {
+  font-size: 12px;
+  color: #999999;
+}
+
+.card .card-body {
+  padding: 0 20px;
+  margin-top: 20px;
+}
+
+.card .card-media {
+  padding: 0 20px;
+  margin: 0 -14px;
+}
+
+.card .card-media img {
+  max-width: 100%;
+  max-height: 100%;
+}
+
+.card .card-actions {
+  min-height: 30px;
+  padding: 0 20px 20px 20px;
+  margin: 20px 0 0 0;
+}
+
+.card .card-comments {
+  padding: 20px;
+  margin: 0;
+  background-color: #f8f8f8;
+}
+
+.card .card-comments .comments-collapse-toggle {
+  padding: 0;
+  margin: 0 20px 12px 20px;
+}
+
+.card .card-comments .comments-collapse-toggle a,
+.card .card-comments .comments-collapse-toggle span {
+  padding-right: 5px;
+  overflow: hidden;
+  font-size: 12px;
+  color: #999;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.card-comments .media-heading {
+  font-size: 13px;
+  font-weight: bold;
+}
+
+.card.people {
+  position: relative;
+  display: inline-block;
+  width: 170px;
+  height: 300px;
+  padding-top: 0;
+  margin-left: 20px;
+  overflow: hidden;
+  vertical-align: top;
+}
+
+.card.people:first-child {
+  margin-left: 0;
+}
+
+.card.people .card-top {
+  position: absolute;
+  top: 0;
+  left: 0;
+  display: inline-block;
+  width: 170px;
+  height: 150px;
+  background-color: #ffffff;
+}
+
+.card.people .card-top.green {
+  background-color: #53a93f;
+}
+
+.card.people .card-top.blue {
+  background-color: #338bb8;
+}
+
+.card.people .card-info {
+  position: absolute;
+  top: 150px;
+  display: inline-block;
+  width: 100%;
+  height: 101px;
+  overflow: hidden;
+  background: #ffffff;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.card.people .card-info .title {
+  display: block;
+  margin: 8px 14px 0 14px;
+  overflow: hidden;
+  font-size: 16px;
+  font-weight: bold;
+  line-height: 18px;
+  color: #404040;
+}
+
+.card.people .card-info .desc {
+  display: block;
+  margin: 8px 14px 0 14px;
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 16px;
+  color: #737373;
+  text-overflow: ellipsis;
+}
+
+.card.people .card-bottom {
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  display: inline-block;
+  width: 100%;
+  padding: 10px 20px;
+  line-height: 29px;
+  text-align: center;
+  -webkit-box-sizing: border-box;
+     -moz-box-sizing: border-box;
+          box-sizing: border-box;
+}
+
+.card.hovercard {
+  position: relative;
+  width: 240px;
+  padding-top: 0;
+  overflow: hidden;
+  text-align: center;
+  background-color: #fff;
+}
+
+.card.hovercard img {
+  width: 240px;
+  height: 135px;
+}
+
+.card.hovercard .avatar {
+  position: relative;
+  top: -40px;
+  margin-bottom: -40px;
+}
+
+.card.hovercard .avatar img {
+  width: 80px;
+  height: 80px;
+  max-width: 80px;
+  max-height: 80px;
+  -webkit-border-radius: 50%;
+     -moz-border-radius: 50%;
+          border-radius: 50%;
+}
+
+.card.hovercard .info {
+  padding: 4px 8px 10px;
+}
+
+.card.hovercard .info .title {
+  margin-bottom: 4px;
+  font-size: 24px;
+  line-height: 1;
+  color: #262626;
+  vertical-align: middle;
+}
+
+.card.hovercard .info .desc {
+  overflow: hidden;
+  font-size: 12px;
+  line-height: 20px;
+  color: #737373;
+  text-overflow: ellipsis;
+}
+
+.card.hovercard .bottom {
+  padding: 0 20px;
+  margin-bottom: 17px;
+}
+
+.hero-unit {
+  padding: 60px 0;
+  -webkit-border-radius: 0;
+     -moz-border-radius: 0;
+          border-radius: 0;
+}

Rozdílová data souboru nebyla zobrazena, protože soubor je příliš velký
+ 0 - 8
desktop/core/static/ext/css/bootstrap.min.css


Některé soubory nejsou zobrazeny, neboť je v těchto rozdílových datech změněno mnoho souborů