+/**
+ * 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;
+}
+
+
+/**
+ * ICONS
+ */
+.iconspacer {
+ display: block;
+ width: 16px;
+ height: 16px;
+}
+.icon {
+ display: block;
+ width: 20px;
+ height: 20px;
+ background: url(icons.png) no-repeat;
+ border: 0;
+ text-decoration: none;
+}
+.icon:hover {
+ border: 0;
+ text-decoration: none;
+}
+.icon.drop,
+.icon.drophide, .icon.delete {
+ float: left;
+}
+.icon.s22 {
+ display: block;
+ background: url(icons.png) no-repeat;
+ width: 22px;
+ height: 22px;
+}
+.icon.s22.delete {
+ display: block;
+ background-position: -110px 0;
+}
+.icon.s22.text {
+ padding: 10px 0px 0px 25px;
+ width: 200px;
+}
+.icon.text {
+ text-indent: 0px;
+}
+.icon.s16 {
+ min-width: 16px;
+ height: 16px;
+}
+.s16 .add {
+ background: url("../../../images/icons/16/add.png") no-repeat;
+}
+.add {
+ margin: 0px 5px;
+}
+.article {
+ background-position: -50px 0;
+}
+.audio {
+ background-position: -70px 0;
+}
+.block {
+ background-position: -90px 0px;
+}
+.drop, .delete {
+ background-position: -110px 0;
+}
+.drophide {
+ background-position: -130px 0;
+}
+.edit {
+ background-position: -150px 0;
+}
+.camera {
+ background-position: -170px 0;
+}
+.dislike {
+ background-position: -190px 0;
+}
+.like {
+ background-position: -211px 0;
+}
+.link {
+ background-position: -230px 0;
+}
+.globe, .location {
+ background-position: -50px -20px;
+}
+.noglobe, .nolocation {
+ background-position: -70px -20px;
+}
+.no {
+ background-position: -90px -20px;
+}
+.pause {
+ background-position: -110px -20px;
+}
+.play {
+ background-position: -130px -20px;
+}
+.pencil {
+ background-position: -151px -18px;
+}
+.small-pencil {
+ background-position: -170px -20px;
+}
+.recycle {
+ background-position: -190px -20px;
+}
+.remote-link {
+ background-position: -210px -20px;
+}
+.share {
+ background-position: -230px -20px;
+}
+.tools {
+ background-position: -50px -40px;
+}
+.lock {
+ background-position: -70px -40px;
+}
+.unlock {
+ background-position: -90px -40px;
+}
+.video {
+ background-position: -110px -40px;
+}
+.attach {
+ background-position: -190px -40px;
+}
+.language {
+ background-position: -210px -40px;
+}
+.starred {
+ background-position: -130px -60px;
+}
+.unstarred {
+ background-position: -150px -60px;
+}
+.tagged {
+ background-position: -170px -60px;
+}
+.on {
+ background-position: -50px -60px;
+}
+.off {
+ background-position: -70px -60px;
+}
+.prev {
+ background-position: -90px -60px;
+}
+.next {
+ background-position: -110px -60px;
+}
+.icon.dim {
+ opacity: 0.3;
+ filter: alpha(opacity=30);
+}
+.border, .border:hover {