+.directory-item {
+ float: left;
+ margin: 50px 50px 0px 0px;
+}
+
+
+/**
+ * sidebar
+ */
+#group-sidebar {
+ margin-bottom: 10px;
+}
+.group-selected, .nets-selected {
+ padding: 3px;
+ border: 1px solid #CCCCCC;
+ background: #F8F8F8;
+ font-weight: bold;
+}
+.groupsideedit {
+ margin-right: 10px;
+}
+#sidebar-group-ul {
+ padding-left: 0;
+}
+#sidebar-group-list {
+ margin: 0 0 5px 0;
+}
+#sidebar-group-list ul {
+ list-style-type: none;
+ list-style-position: inside;
+}
+#sidebar-group-list li {
+ margin-top: 10px;
+}
+#sidebar-group-list .icon {
+ display: inline-block;
+ height: 12px;
+ width: 12px;
+}
+#sidebar-new-group {
+ margin: auto;
+ display: inline-block;
+ color: #efefef;
+ text-decoration: none;
+ text-align: center;
+}
+
+#sidebar-new-group:hover {
+ /*background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b20202), color-stop(1, #d60808) );*/
+ /*background: -moz-linear-gradient( center top, #b20202 5%, #d60808 100% );*/
+ /*background-color: #b20202;*/
+}
+
+#sidebar-new-group:active {
+ position: relative;
+ top: 1px;
+}
+.nets-ul {
+ list-style-type: none;
+ padding-left: 0px;
+}
+.nets-ul li {
+ margin: 10px 0 0;
+}
+
+.nets-link {
+ margin-left: 0px;
+}
+.nets-all {
+ margin-left: 0px;
+}
+#netsearch-box {
+ margin-top: 20px;
+ width: 150px;
+}
+#netsearch-box #search-submit {
+ margin: 5px 0px 0px 0px;
+}
+
+/**
+ * ADMIN
+ */
+#pending-update {
+ float:right;
+ color: #fff;
+ font-weight: bold;
+ background-color: #ff0000;
+ padding: 0 .3em;
+}
+.admin.linklist {
+ border: 0; padding: 0;
+}
+.admin.link {
+ list-style-position: inside;
+}
+#adminpage dl {
+ clear:left;
+ margin-bottom: 2px;
+ padding-bottom: 2px;
+ border-bottom: 1px solid #000;
+}
+#adminpage dt {
+ width: 200px;
+ float: left;
+ font-weight: bold;
+}
+#adminpage dd {
+ margin-left: 200px;
+}
+#adminpage h3 {
+ border-bottom:1px solid #ccc;
+}
+
+#adminpage .submit {
+ clear:left;
+}
+
+#adminpage #pluginslist {
+ margin: 0;
+ padding: 0;
+}
+#adminpage .plugin {
+ list-style: none;
+ display: block;
+ border: 1px solid #888;
+ padding: 1em;
+ margin-bottom: 5px;
+ clear: left;
+}
+#adminpage .toggleplugin {
+ float:left;
+ margin-right: 1em;
+}
+
+#adminpage table {
+ width: 100%;
+ border-bottom: 1px solid #000;
+ margin: 5px 0;
+}
+#adminpage table th {
+ text-align: left;
+}
+#adminpage td .icon {
+ float: left;
+}
+#adminpage table#users img {
+ width: 16px; height: 16px;
+}
+#adminpage table tr:hover {
+ background-color:#bbc7d7;
+}
+#adminpage .selectall {
+ text-align: right;
+}
+
+/**
+ * Form fields
+ */
+.field {
+ margin-bottom: 10px;
+ padding-bottom: 10px;
+ overflow: auto;
+ width: 100%;
+}
+.field label {
+ float: left;
+ width: 200px;
+}
+
+.field input,
+.field textarea {
+ width: 400px;
+}
+.field textarea {
+ height: 100px;
+}
+.field_help {
+ display: block;
+ margin-left: 0px;
+ color: #666;
+}
+.field .onoff {
+ float: left;
+ width: 80px;
+}
+.field .onoff a {
+ display: block;
+ border: 1px solid #666;
+ background: url("../../../images/onoff.jpg") no-repeat;
+ padding: 4px 2px 2px;
+ height: 16px;
+ text-decoration: none;
+}
+.field .onoff .off {
+ border-color: #666;
+ padding-left: 40px;
+ background: #ccc left center;
+ color: #666;
+ text-align:right;
+}
+.field .onoff .on {
+ border-color:#204a87;
+ padding-right:40px;
+ background-position:right center;
+ background-color:#3465A4;
+ color:#fff;
+ text-align:left;
+}
+.hidden {
+ display:none !important;
+}
+
+.field.radio .field_help {
+ margin-left:0;
+}
+
+
+/*
+ * UPDATE
+ */
+.popup {
+ width: 100%;
+ height: 100%;
+ top:0px;
+ left:0px;
+ position: absolute;
+ display: none;
+}
+.popup .background {
+ background-color: rgba(0,0,0,128);
+ opacity: 0.5;
+ width: 100%;
+ height: 100%;
+ position: absolute;
+ top:0px;
+ left:0px;
+}
+.popup .panel {
+ top: 25%;
+ left: 25%;
+ width: 50%;
+ height: 50%;
+ padding: 1em;
+ position: absolute;
+ border: 4px solid #000000;
+ background-color: #FFFFFF;
+}
+#panel {
+ z-index: 100;
+}
+.grey {
+ color: grey;
+}
+.orange {
+ color: orange;
+}
+.red {
+ color: red;
+}
+.popup .panel .panel_text {
+ display: block;
+ overflow: auto;
+ height: 80%;
+}
+.popup .panel .panel_in {
+ width: 100%;
+ height: 100%;
+ position: relative;
+}
+.popup .panel .panel_actions {
+ width: 100%;
+ bottom: 4px;
+ left: 0px;
+ position: absolute;
+}
+.panel_text .progress {
+ width: 50%;
+ overflow: hidden;
+ height: auto;
+ border: 1px solid #cccccc;
+ margin-bottom: 5px;
+}
+.panel_text .progress span {
+ float: right;
+ display: block;
+ width: 25%;
+ background-color: #eeeeee;
+ text-align: right;
+}
+
+/**
+ * OAuth
+ */
+.oauthapp {
+ height: auto;
+ overflow: auto;
+ border-bottom: 2px solid #cccccc;
+ padding-bottom: 1em;
+ margin-bottom: 1em;
+}
+.oauthapp img {
+ float: left;
+ width: 48px; height: 48px;
+ margin: 10px;
+}
+.oauthapp img.noicon {
+ background-image: url("../../../images/icons/48/plugin.png");
+ background-position: center center;
+ background-repeat: no-repeat;
+}
+.oauthapp a {
+ float: left;
+}
+