body {
  margin-left: 0;
}

a img { border: 0; }

input, textarea {
  font-size: 1em !important;
}

#admin, body#login, #admin-new {
  font-family: Arial, sans-serif;
  font-size: 12px;
}
div#admin-sidebar {
  width: 280px;
  /*height: 100%;*/
  position: fixed;
  _position: absolute;
  left: -244px;
  top: 32px;
  bottom: 0;
  /*overflow: hidden;*/
  z-index: 3;
  background: url('/images/panel/shadow.png') 244px 0 repeat-y;
  behavior: url(/stylesheets/iepngfix.htc);
}
body.tutorial_active div#admin-sidebar {
  top: 0;
}
body#admin {
  margin: 0;
}

#admin input, #admin textarea {
  font-family: Arial, sans-serif !important;
}

#admin iframe#admin-guest {
  position: fixed;
  _position: absolute;
  left: 0;
  bottom: 2em;
  border: 0;
  width: 3%;
  height: 4.3em; /* 2 buttons */
  background: transparent;
}

#admin iframe#admin-login {
  border: 0;
  width: 100%;
  height: 300px;
  background: transparent;
}


#admin-new {
  display: none;
  position: fixed;
  _position: absolute;
  left: 5em; bottom: 1em;
  width: 80%;
  background: url(/skins/default/black80.png);
  opacity: 0;
  padding: 0 0 .67% 0;
  -moz-border-radius: 1.5em;
  -webkit-border-radius: 1.5em;
  list-style: none;
  border: 1px solid #ccc;
  z-index: 999;
  border-radius: 1.5em;
}
#admin-new li {
  margin: 0; padding: 0;
  float: left;
  width: 11.4%;
  margin: 1% 0 0 1%;
}
#admin-new li a {
  /*background-color: #666;*/
  -moz-border-radius: .8em;
  -webkit-border-radius: .8em;
  display: block;
  color: #999 !important;
  font-size: 1.2em;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 10px 0;
  /*border: 1px solid blue;*/
  border-radius: .8em;
}
#admin-new li a em {
  color: #fff;
  font-style: normal;
}
#admin-new li a .icon {
  display: block;
  font-size: 2em;
}
#admin-new li a:hover {
  color: #fff !important;
  background: url(/skins/default/white20.png);
}

#admin-iframe {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}



#admin ul.sub {
  position: absolute;
  right: 36px; top: 0;
  background-color: #ddd;
  list-style: none;
  margin: 0; padding: 2em 0 0 0;
  width: 3px;
  height: 100%;
  overflow: hidden;
}

#admin ul.sub li {
  margin: 0; padding: 0;
  margin-bottom: .2em;
  clear: both;
  width: 100%;
}

#admin ul.sub li a {
  display: block;
  color: #444;
  text-decoration: none;
  padding: .6em .1em .6em .2em;
  margin: 0 .3em 0 0;
  text-align: center;
}

#admin ul.sub li.new a {
  padding: .4em 0;
}

#admin ul.sub li a:hover {
  color: #fff;
  /* background-color: #777; */
}

#admin ul.sub li.friend {
  margin-top:.6em;
  font-size: 1.4em;
  line-height: .15em;
}
#admin ul.sub li.friend a:hover {
  color: #f06;
}

#admin ul.sub li.sel a {
  background-color: #666;
  color: #fff;
  -moz-border-radius: .4em;
  -webkit-border-radius: .4em;
  -moz-border-radius-topleft: 0;
  -moz-border-radius-bottomleft: 0;
  -webkit-border-top-left-radius: 0;
  -webkit-border-bottom-left-radius: 0;
  border-radius: .4em;
  border-radius-topleft: 0;
  border-radius-bottomleft: 0;
}

#admin ul.sub li#btn-edit.sel a,
body.edit #admin ul.sub li#btn-edit a  {
  background-color: #f00;
  color: #fff;
  margin: 0 0 0 .1em;
  padding-left: 0;
  -moz-border-radius: .4em;
  -webkit-border-radius: .4em;
  border-radius: .4em;
}

#admin .panelcontainer {
  background: #ccc url(/skins/whitespace/bg.png) no-repeat left top;
  behavior: url(/stylesheets/iepngfix.htc);
  width: 241px;
  height: 100%;
  color: #444;
  overflow: auto;
}

#admin-panel {
  padding: 0 0 7px 7px;
  width: 219px;
  position: relative;
}

#admin-panel #logo {
  float: left;
  margin-top: -6px;
  text-decoration: none;
}
#admin-panel #logo span {
  background-color: #ccc;
}

#admin-panel a {
  color: #333 !important;
}

#admin-panel .switchable1 a.logout,
#admin-panel .switchable1 a.community {
  font-size: 1em !important;
  float: right;
  background-color: transparent;
  color: #666 !important;
  margin-top: 1em;
}

#admin-panel .switchable1 a.admin-button {
  padding-left: .4em;
  padding-right: .4em;
}
#admin-panel .switchable1 a.admin-button:hover {
  background-color: #fff;
}


input[type="checkbox"].admin-checkox {
  display: none;
  float: right;
}

input[type="checkbox"].admin-checkbox + label {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: .8em;

  color: #FFF;
  opacity: 0.7;
  background-color: transparent;

  margin: 1px 2px 0;
  padding: 0em .6em !important;

  border-radius: 3px;

  float: right;

  letter-spacing: -.03em;

}

input[type="checkbox"].admin-checkbox + label:hover {
  background-color: #BBB;
  opacity: 1;
}

input[type="checkbox"].admin-checkbox:checked + label {
  color: #666;
  background-color: #fdfdfd;
}

#bookmarklet input[type="checkbox"].admin-checkbox + label {
  background-color: #888;
  opacity: 1;
  margin: 1px;
  padding: .2em .7em .2em .6em !important;
}

#bookmarklet input[type="checkbox"].admin-checkbox + label:hover {
  opacity: 0.7;
}

#bookmarklet input[type="checkbox"].admin-checkbox:checked + label {
  background-color: #333;
  opacity: 1;
  color: white;
}

input[type="checkbox"].self-flag-nsfw-feed + label {
  float: right;
  background-color: transparent;
  background-image: url(/images/icon_flag_black.png);
  background-repeat: no-repeat;
  width: 3px;
  height: 6px;
  background-size: 100% 100%;
  opacity: 0.33;
  margin: 1px 2px;
  border: 2px solid transparent;
  border-width: 2px;
  border-right-width: 3px;
  border-left-width: 3px;
  border-radius: 4px;
}

input[type="checkbox"].self-flag-nsfw-feed + label:hover {
  background-color: white;
  border-color: white;
}

input[type="checkbox"].self-flag-nsfw-feed:checked + label {
  opacity: 0.8;
  background-color: transparent;
  border-color: transparent;
}

input[type="checkbox"].self-flag-nsfw-feed:checked + label:hover {
  background-color: white;
  border-color: white;
}

#admin h2 {
  border-top: 1px dotted #888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-style: normal;
  letter-spacing: -0.08em;
  margin: 0;
  cursor: pointer;
  color: #777;
  padding: .3em 0 0 0;
  line-height: 1em;
}
#admin div.sel h2 {
  color: #000;
}

#admin h3 {
  font-size: 1.2em;
  margin-bottom: .5em;
}

#admin #admin-style h3,
#admin #admin-user h3 {
  float: left;
  clear: left;
  margin: 0 .5em 0 0;
  line-height: 1.6em;
  width: 3em;
}

#admin #admin-payments ul {
  padding: 0;
  padding-left: 1.5em;
}

#admin #admin-payments li {
  margin-bottom: 1em;
}
#admin #admin-payments .date {
  font-weight: bold;
  display: block;
}
#admin #admin-payments .total,  #admin #admin-payments .product {
  font-weight: bold;
}

#admin-panel #display
{
  margin-bottom: 0.8em;
}

#admin-panel #display .error
{
  color: #c00;
}

#admin-panel #blog_name {
  width: 100%;
}

#admin-panel .admin-section2 {
  clear: both;
  overflow: hidden;
}

#admin-panel div.admin-section {
  padding: .3em;
  overflow: hidden;
}

#admin-panel .admin-container {
  margin: 1em 0 .5em 0;
}
#admin-panel .admin-container form {
  margin: 0; padding: 0;
}
#admin-panel div.sel .admin-container {
  display: block !important;
}

body.admin-fbconnect {
  margin: 0;
  font-family: Arial,sans-serif;
}
body.admin-fbconnect a.fbconnect_autopost {
  padding: .3em 1em .4em 1em;
  line-height: 2.2em;
  text-align: center;
  text-decoration: none;
  font-size: 13px;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  font-weight: bold;
  border: 1px solid #1A356E;
  background-color: #5F78AB;
  color: #fff;
}
body.admin-fbconnect .info {
  font-size: .9em;
  margin: -.2em 0 .3em .1em;
}
body.admin-fbconnect .error {
  font-size: .9em;
  color: #f00;
}
body.admin-fbconnect .error a { color: #000; }
body.admin-fbconnect .fb_popupContainer { display: none !important; }
body.admin-fbconnect.state-spinner { height: 4em; }

#admin-panel #admin-section-group {
  display: none;
}
#admin-panel #admin-section-group.active {
  display: block;
}
#admin-panel #admin-section-group #group-invite-form .state-spinner input {
  visibility: hidden;
}

#admin #admin-group h3 {
  margin: .5em 0 0 0;
}
#admin #admin-group ul,
#admin #admin-group ul li {
  list-style: none;
  margin: 0; padding: 0;
}

#admin #admin-group p {
  margin: .5em 0 0 0;
}

#admin #admin-group ul.userlist li input.btn {
  position: static;
  float: right;
}

#admin-panel #admin-privacy .switchable1 a.admin-button {
  margin-top: 0;
}
#admin-panel #admin-user .switchable2 h3 {
  width: auto;
}
#admin-panel #admin-user .switchable2 label {
  display: block;
  float: left;
  clear: left;
  width: 7.5em;
}
#admin-panel #admin-user .switchable2 a.admin-button {
  width: 5em;
}

#admin #admin-feeds ul {
  margin: 1em 0 .5em 0;
  padding: 0;
  list-style: none;
  width: 212px;
}
#admin #admin-feeds ul li {
  margin: 0 0 1px 0;
  padding: .15em .4em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  overflow: hidden;
  border-radius: .5em;
}

#admin #admin-feeds ul li.error {
  background-color: #d33;
}

#admin #admin-feeds ul li.progress {
  background-color: #fff;
}

#admin #admin-feeds .progressbar-border {
  border: 1px solid silver;
  margin-bottom: 2px;
  height: 8px;
  width: 200px;
}

/* Firefox rendering bug requires animated background image to be in a separate container */
#admin #admin-feeds .progressbar-bg {
  height: 8px;
  width: 200px;
  background: url('/images/progressbar.gif');
  position: absolute;
  display: none;
}

/* Safari rendering bug: Doesn't hide the absolute positioned container if parent container is invisible */
#admin div.sel #admin-feeds .progressbar-bg {
  display: block;
}

#admin div.opening #admin-feeds .progressbar-bg,
#admin div.closing #admin-feeds .progressbar-bg {
  display: none;
}

#admin #admin-feeds .progressbar-fill {
  height: 6px;
  margin: 1px;
  padding: 0;
  background: #666;
}

#admin #admin-feeds ul li a.feed {
  text-decoration: none;
  display: block;
  height: 1.4em;
  line-height: 1.4em;
  overflow: hidden;
  white-space: pre;
  width: 80%;
}
#admin #admin-feeds ul li a.feed img {
  float: left;
  margin-right: .4em;
}
#admin #admin-feeds ul li a.refresh,
#admin #admin-feeds ul li a.delete {
  text-decoration: none;
  line-height: 9px;
  opacity: .5;
  filter: alpha(opacity=50);
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  padding: 3px;
  margin-top: 1px;
  float: right;
  border-radius: .3em;
}
#admin #admin-feeds ul li a.refresh:hover,
#admin #admin-feeds ul li a.delete:hover {
  background-color: #fff;
}
#admin #admin-feeds ul li a.refresh {
  padding-top: 4px;
}
#admin #feed_url {
  margin-bottom: .3em;
  width: 60%;
}
#admin #admin-feeds .group {
  display: none;
}
#admin #admin-feeds .group label {
  display: block;
}

#admin #blog_domain {
  width: 60%;
}

#admin #admin-bookmarklet {
  margin: 0em 0 1em 0;
  clear: both;
  line-height: 1.5em;
  padding: .3em;
}
#admin #admin-bookmarklet a {
  cursor: move;
}

#admin #admin-style {
  margin: .3em 0;
}

#admin #admin-style #admin-style-skins {
  width: 186px;
}
#admin #admin-style #admin-style-skins,
#admin #admin-style .admin-style-skins-nav {
  float: left;
  margin-bottom: 5px;
}

#admin #admin-style #admin-style-skins a {
  display: block;
  float: left;
  border: 2px solid transparent;
}
#admin #admin-style #admin-style-skins img {
  display: block;
  opacity: .7;
  filter: alpha(opacity=70);
}
#admin #admin-style #admin-style-skins a:hover img {
}
#admin #admin-style #admin-style-skins a.sel {
  border-color: #900;
}
#admin #admin-style #admin-style-skins a.sel img {
  opacity: 1;
  filter: alpha(opacity=100);
}


#admin #admin-style #admin-colors label {
  width: 1.85em;
  height: 1.5em;
  float: left;
  border: 1px solid #999;
  margin: .1em .2em .3em 0;
  cursor: pointer;
}

#admin #admin-style .admin-slider {
  width: 145px;
  float: left;
  background-color: #aaa;
  margin-top: 9px;
  height: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
#admin #admin-style .admin-slider div {
  width: 11px;
  height: 11px;
  background-color: #777;
  cursor: move;
  -moz-border-radius: 11px;
  -webkit-border-radius: 11px;
  margin-top: -3px;
  border-radius: 11px;
}

#admin #admin-elements {
  overflow: hidden;
}
#admin #admin-elements p {
  margin: 0;
}
#admin #admin-elements ul {
  list-style: none;
  width: 49%;
  float: left;
  margin: 0 0 .3em 0; padding: 0;
}
#admin #admin-elements ul li {
  margin: 0; padding: 0;
  clear: both;
}
#admin #admin-elements ul li input {
  float: left;
}
#admin #admin-elements ul li label {
  float: left;
  width: 80px;
  margin: .3em 0 0 .2em;
}

#admin #admin-privacy .sel {
  border: 1px solid #ccc;
}
#admin #admin-privacy .checkbox,
#admin #admin-content .checkbox,
#admin #admin-group .checkbox {
  width: 25px;
  float: left;
  clear: left;
}
#admin #admin-privacy label,
#admin #admin-content label,
#admin #admin-group label {
  font-weight: bold;
  font-size: 1.2em;
  cursor: pointer;
}
#admin #admin-privacy .admin-subsection {
  border: 1px dotted #aaa;
}
#admin #admin-privacy label[for=blog_privacy_public] { color: #492; }
#admin #admin-privacy label[for=blog_privacy_private] { color: #d64; }
#admin #admin-privacy label[for=blog_privacy_friend] { color: #900; }
#admin #admin-privacy .desc,
#admin #admin-content .desc,
#admin #admin-group .desc {
  margin: .2em 0 .5em 25px;
}

#admin #admin-posting .email {
  margin: 1em 0 .5em 0;
}
#admin #admin-posting .email a {
  background-color: #eee;
  font-family: 'Courier New', monospace;
  padding: .1em .3em;
  text-decoration: none;
  font-weight: bold;
}
#admin #admin-posting .email.state-spinner {
  background-position: top right !important;
}

#admin .soup-fadeout {
  padding-left: 1em;
  opacity: 0;
  filter: alpha(opacity=0);
}

body.admin-fbconnect .soup-fadeout {
  padding: 0;
  position: absolute;
  left: 6em;
  top: .25em;
  opacity: 0;
  filter: alpha(opacity=0);
}

#admin #_soup_fadeout_facebook_error {
  color: #f00;
}

#admin #blog_skin {
  width: 11em;
  margin: 0 0 .3em 0;
}

#react, .admin-buttons {
  clear: both;
}

.post .admin-buttons {
  margin-bottom: 2.5em;
  padding-top: .5em;
}

a.admin-button,
.admin-buttons a {
  padding: .2em .7em .2em .6em;
  background-color: #888;
  text-align: center;
  color: #fff !important;
  text-decoration: none;
  font-family: Arial, sans-serif;
  -moz-border-radius: .3em;
  -webkit-border-radius: .3em;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: -.03em;
  font-size: .8em;
  margin-right: .1em;
  border-radius: .3em;
}
.admin-buttons a {
  display: block;
  float: left;
}
a.admin-button:hover,
.admin-buttons a:hover {
  background-color: #aaa;
}

.admin-edit .admin-bar {
  clear: both;
  overflow: hidden;
  background: url('/images/black50.png');
  border: 1px solid #fff;
  color: #fff;
  margin-top: .8em;
  padding: 4px 7px 4px 5px;
  -moz-border-radius: 1.2em;
  -webkit-border-radius: 1.2em;
  font-family: Arial, sans-serif;
  font-size: 16px;
  min-height: 24px;
  border-radius: 1.2em;
}

.admin-edit .admin-bar .admin-button {
  float: left;
  padding: 0em .6em !important;
  margin: 1px 2px 0 0;
  background: none;
  opacity: .7;
}
.admin-edit .admin-bar a.admin-button:hover {
  opacity: 1;
  background: url('/skins/default/white40.png');
}

.admin-edit .admin-bar .button-tags,
.admin-edit .admin-bar .cancel {
  float: right;
}

#main .admin-edit .admin-bar a.cancel {
  font-size: 1.3em;
  font-weight: normal;
  padding: 0 .3em !important;
}

.admin-edit .admin-bar .cancel img {
  opacity: .7;
  -moz-opacity: .7;
  -webkit-opacity: .7;
  padding-bottom: .2em;
  vertical-align: middle;
}

.admin-edit .admin-bar .state-spinner { display: none; }
.admin-edit .admin-bar.saving * { display: none; }
.admin-edit .admin-bar.saving .state-spinner { display: block; }

.admin-buttons a.spinner {
  background-image: url(/images/spinner.gif);
  background-position: center;
  background-repeat: no-repeat;
}

.admin-buttons a.edit {
  padding-left: 1.5em;
  padding-right: 1.5em;
}
div.state-edit .admin-buttons a.edit {
  background-color: #666;
}

.actionbar a.del {
  width: 10px;
  background: url(/images/delete_white.gif) center 4px no-repeat;
}
.post .actionbar li a.del:hover {
  background: #fff url(/images/delete.gif) center 4px no-repeat;
}

/** Hide action bar in edit mode */
body.edit .actionbar { visibility: hidden; }
body.edit .actionbar.admin-edit-on { visibility: visible; }

.admin-buttons a.del:hover,
div.state-del .admin-buttons a.del {
  background: #f00;
}
.admin-buttons a.sel, .best a.best, .best a.best:hover {
  background-color: #ba4;
  color: #fff;
}


.state-del .admin-buttons a,
.state-edit .admin-buttons a {
  margin-top: .2em;
  margin-bottom: .2em;
}

#admin-feeds .admin-buttons {
  clear: both;
  display: none;
}
#admin-feeds .state-edit .admin-buttons {
  display: block;
}
#admin-feeds .state-edit .close {
  display: none;
}
#admin-feeds .admin-buttons a {
  font-size: .9em;
  padding: .2em .3em;
}

#admin #admin-style .switchable2 .admin-button {
  float: left;
  margin: .3em 0 .3em 4.8em;
}

#admin #admin-style-pro-buttons {
  margin-top: -0.75em;
}
#admin #admin-style-pro-buttons a {
  float: left;
  margin-right: .8em;
}

#admin .switchable .switchable2_html {
  display: none;
}
#admin .switchable_switched_html .switchable1 {
  display: none;
}
#admin .switchable_switched_html .switchable2_html {
  display: block;
}
#admin #admin-customhtml .admin-button {
  margin-bottom: 1.5em;
  margin-top: .8em;
  font-size: .9em;
}

#admin #admin-customcss p {
  margin: .5em 0 0 0;
}
#admin #admin-customcss .admin-section2 {
  margin: 0 0 .5em 0;
}

#admin #admin-customcss .admin-button {
  float: left;
  margin-bottom: .6em;
}

textarea.sourcecode, #admin #admin-customcss textarea, #admin #admin-customhtml textarea {
  font-family: 'Lucida Console', 'Consolas', 'Courier New', Courier, fixed !important;
  line-height: 1.3em;
  margin-bottom: .3em;
  width: 100%;
}
textarea.sourcecode {
  font-size: 13px !important;
}


/*.post_image .admin-edit .admin-bar {
  padding-top: .5em;
}
.post_image .admin-edit .toggle {
  padding-top: .5em;
}*/
.post .or {
  font-size: .9em;
}

.post_file .admin-edit object {
  float: left;
  margin-right: 1em;
}
.post_file .admin-edit p {
  clear: both;
}
.post_file .admin-edit .notice {
  margin: .5em 0 0.2em 0;
  line-height: 1.3em;
  font-size: .85em;
}

body#login {
  background-color: #666;
  color: #aaa;
}
body#login input {
  font-size: 1.4em;
}
body#login input[type=text],
body#login input[type=password] {
  width: 100%;
}
body#login .error {
  font-size: 1.6em;
  color: #fff;
  font-weight: bold;
  background-color: #900;
  padding: .3em .5em;
}
body#login .relevant {
  font-size: 1.2em;
}

.calendar_input {
  position: relative;
  width: 8em;
  float: left;
  margin-right: .5em;
}
.calendar_input input {
  width: 8em;
}
.calendar_input a {
  display: block;
  position:absolute;
  z-index: 2;
  top: 0;
  right: 0;
}


/************************* REACT **************************/

#react-toggle .admin-button {
  margin-right: .5em;
}

.sel #react-name {
  display: block;
}
#react.sel #react-toggle {
  display: none;
}
#react.sel #react-toggle .admin-button,
.state-del .admin-buttons a.del,
.state-edit .admin-buttons a.edit {
  -moz-border-radius-topleft: 0 !important;
  -moz-border-radius-topright: 0 !important;
  -webkit-border-top-left-radius: 0 !important;
  -webkit-border-top-right-radius: 0 !important;
  margin-top: 0;
  line-height: 1.4em;
  border-radius-topleft: 0;
  border-radius-topright: 0;
}
#react-expanded {
  display: none;
  clear: both;
  overflow: hidden;
  font-size: .8em;
}
#react.sel #react-expanded {
  display: block;
}

#react-expanded .login {
  font-size: 1.1em;
}
#react-expanded form input {
  font-size: 1.2em !important;
  margin: 0;
}
#react-expanded form input.focus {
  width: 80%;
}
#react-expanded form .reply {
  background-color: #000;
  color: #fff;
  font-size: 1em;
  margin: 0 0 0 .5em;
  padding: .2em .5em;
}

#react-expanded form .admin-button {
  /*background-color: #666;*/
  width: 10%;
  margin: .3em .5em 0 0;
}

#react-expanded .left {
  float: left;
  width: 85%;
}

#react-expanded .right {
  margin: 0;
  font-size: .9em;
  float: right;
  width: 15%;
}

#react-content {
  font-size: 1.2em;
  background-color: #ccc;
  padding: .5em;
  -moz-border-radius: .5em;
  -webkit-border-radius: .5em;
  margin: 1em 0 0 0;
  border-radius: .5em;
}

#react-content input {
  width: 77%;
}
#react-content a {
  padding: .5em 1em .4em 1em;
}
#react-content a.cancel {
  margin-left: .8em;
}

#react-name {
  font-size: .9em;
  background: url('/images/speech.gif') top right no-repeat;
  padding: .3em 3em 0 0;
  margin-right: 3em;
  text-align: right;
}

.content.admin-edit {
  position: relative;
}

.admin-edit .admin-bar .save {
  float: left;
  margin-right: 10px;
  font-size: 15px !important;
  border: 0;
  cursor: pointer;
  padding: 2px 20px;
  -moz-border-radius: 12px;
  -webkit-border-radius: 12px;
  background: #fff url('/images/button.gif') bottom;
  text-shadow: #fff 0 0 2px;
  -moz-box-shadow: 1px 1px 9px #555;
  border-radius: 12px;
  box-shadow: 1px 1px 9px #555;
}
.admin-edit .admin-bar .save:hover {
  background: #fff url('/images/button_hover.gif') bottom;
  -moz-box-shadow: 1px 1px 9px #000;
  box-shadow: 1px 1px 9px #000;
}
.admin-edit .admin-bar .save:active {
  background: #fff url('/images/button_active.gif') top;
}
.admin-bar .confirm, #react-expanded .confirm {
  text-align: right;
}

.post .admin-edit .state-spinner .admin-bar-inner {
  opacity: 0;
  filter: alpha(opacity=0);
}

.post .admin-del {
  background: #f00;
  color: #fff;
  -moz-border-radius: 0.7em;
  -webkit-border-radius: 0.7em;
  margin: 1em 0 0;
  padding: .3em .5em .6em;
  border-radius: .7em;
}
.post .admin-del a {
  padding: .2em .7em .2em .6em;
  background-color: #999;
  text-align: center;
  text-decoration: none;
  -moz-border-radius: .7em;
  -webkit-border-radius: .7em;
  font-size: .9em;
  border-radius: .7em;
}
.post .admin-del .confirm {
  padding-top: .35em;
}
.post .admin-del a:hover {
  background-color: #ccc;
}
#posts .post .admin-del a.cancel {
  color: #c00;
  background-color: #fff;
}
#posts .post .admin-del a.del {
  color: #fff;
  background-color: #a00;
}


/* Styles for ColorPicker popUp */

#colorpicker {
  position: fixed;
  _position: absolute;
  width: 137px;
  height: 147px;
  overflow: hidden;
  background: #aaa;
  border: 2px outset #888;
  z-index: 1000;
}

#colorpicker-title {
  color: #333;
  font-size: 12px;
  margin: 4px 8px;
}

#colorpicker-hue-container {
    position: absolute;
    top: 16px;
    left: 112px;
    width: 18px;
    height: 110px;
}

#colorpicker-hue-bg-img {
    width: 100%;
    height: 100%;
}

#colorpicker-hue-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#colorpicker-hue-thumb {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    z-index: 1009;
    cursor: default;
}

#colorpicker-bar {
  text-align: right;
  padding-right: 10px;
}

#colorpicker-close {
  cursor: pointer;
  color: blue;
  font-size: 10px;
  font-family: Tahoma, Helvetica, Sans-Serif;
  font-weight: bold;
}

#colorpicker-div {
  position: absolute;
  top: 20px;
  left: 8px;
  width: 100px;
  height: 100px;
  border: 1px solid #666;
}

#colorpicker-bg,
#colorpicker-bg-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1001;
  overflow: hidden;
}
#colorpicker-selector {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 11px;
  height: 11px;
  z-index: 1009;
  margin-top: -6px;
  margin-left: -6px;
  cursor: default;
}
#colorpicker-selector img {
  position: absolute;
  left: 0;
  top: 0;
}
#colorpicker-footer {
  position: absolute;
  top: 126px;
  left: 10px;
  width: 127px;
}

#colorpicker-value {
  /*display: none;*/
  float: right;
  margin-right: 1em;
}

#colorpicker-value,
#colorpicker-value-input {
  font-size: 10px !important;
  font-family: Helvetica, Verdana, Sans-Serif;
  /*height: 11px;*/
}

#colorpicker-value-input {
  width: 5em;
}
#colorpicker-okbutton {
  padding: 0 6px;
  background: #fff;
  color: #000;
  float: left;
}



/******************************************************************************
** STRUCTURE OF DYNAMICALLY CREATED ELEMENTS
*******************************************************************************
**
** <div id="ORIGINAL_IDWidgContainer" class="widgContainer">
**     <ul id="ORIGINAL_IDWidgToolbar" class="widgToolbar">
**         <li id="BUTTON_ID" class="widgEditButton">
**             <a></a>
**         </li>
**         <li class="widgEditSelect">
**             <select>
**             </select>
**         </li>
**     </ul>
**     <iframe id="ORIGINAL_IDWidgIframe" class="widgIframe">
**     </iframe>
**     <textarea id="ORIGINAL_IDWidgTextarea" class="widgEditor">
**     </textarea>
** </div>
*/

.post .admin-edit .widgContainer {
  padding-right: 7px;
}

/* TOOLBAR BUTTONS */


.widgToolbar a {
  display: block;
  width: 21px;
  height: 20px;
  overflow: hidden;
  text-indent: 1000em;
  text-decoration: none;
  background-position: 2px 2px;
  background-repeat: no-repeat;
  background-color: #fff;
}
.widgToolbar a:hover {
  background-color: #ddd;
}
.widgToolbar li.on a,
.widgToolbar li.on a:hover,
.state-html li.widgButtonHTML a,
.state-html li.widgButtonHTML a:hover {
  background-color: #aaa;
}

.state-html .widgToolbar li {
  display: none;
}

.widgButtonBold a { background-image: url(/images/wysiwyg/bold.gif); }
.widgButtonItalic a { background-image: url(/images/wysiwyg/italic.gif); }
.widgButtonLink a { background-image: url(/images/wysiwyg/link.gif); }
.widgButtonHTML a { background-image: url(/images/wysiwyg/html.gif); }
.state-html .widgButtonHTML a { background-image: url(/images/wysiwyg/html2.gif); }
/* .widgButtonOrdered .widgButtonUnordered ... */


.widgToolbar li.widgButtonHTML,
.widgToolbar li.widgButtonHTML a {
  height: 13px;
  background-position: 1px 1px;
}
.state-html .widgToolbar li.widgButtonHTML,
.state-html .widgToolbar li.widgButtonHTML a {
  height: 20px;
  display: block;
  background-position: 0 5px;
}


/* TOOLBAR */

.widgToolbar {
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  width: 21px;
  float: left;
  margin-left: -22px;
  z-index: 40;
  display: none;
  border: 1px solid #ccc;
  border-right: 0;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius-topright: 0;
  -moz-border-radius-bottomright: 0;
  -webkit-border-top-right-radius: 0;
  -webkit-border-bottom-right-radius: 0;
  border-radius: 3px;
  border-radius-topright: 0;
  border-radius-bottomright: 0;
}

.widgContainer.show-toolbar .widgToolbar {
  display: block;
}

.widgToolbar li {
  display: inline;
  float: left;
  width: 21px;
  height: 20px;
  line-height: 20px;
  margin: 0;
}

.widgSource li {
  visibility: hidden;
}


/* EDITING AREA */

.widgIframe {
  clear: left;
  width: 100%;
  border: 2px inset #ccc; /* firefox */
}
*+html .widgIframe {
  border: 0; /* ie */
}

textarea.wysiwyg {
  background-color: #fff;
  margin: 0;
}

.widgContainer textarea.wysiwyg {
  clear: left;
  width: 100%;
  padding: 0;
}

.widgButtonLink span {
  display: none;
}
.widgButtonLink:hover span {
  display: block;
}



input.url {
  background-image:url('/images/input_url.png');
  background-position: 2px center;
  background-repeat: no-repeat;
  background-color: #fff;
  padding-left: 22px;
  color: blue;
  text-decoration: underline;
}
/* a.url {
  background-image:url('/images/input_url.png');
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
  line-height: 20px;
} */


.post .admin-edit p input[type=text],
.post .admin-edit h3 input[type=text],
.post .admin-edit p textarea,
.post blockquote textarea {
  width: 100%;
}
/*.post .admin-edit p input[type=text].url,
.post .admin-edit h3 input[type=text].url {
  width: 90%;
}*/

.post_link .admin-edit .post_title_label {
  padding-right: 7px;
}

.post_video .admin-edit p input#post_title {
  width: 65%;
}

.post_review .admin-edit .hint {
  font-size: small;
  margin-bottom: 1em;
  line-height: 1.4em;
}

.post .admin-edit h3,
.post .admin-edit .textarea {
  padding-right: 7px;
}
.post_review .admin-edit h3,
.post_event .admin-edit h3,
.post_event .admin-edit div.location {
  display: block;
  height: 1.6em;
  margin-right: 0;
  margin-bottom: .2em;
  padding-right: 7px;
}

.post_event .admin-edit h3 {
  margin-bottom: 0;
}
.post_event .admin-edit div.location {
  font-size: 1.1em;
  height: 1.3em;
  margin-bottom: .8em;
}

.post_event .admin-edit .startdate,
.post_event .admin-edit .enddate {
  overflow: hidden;
}

.post_event .admin-edit .optional,
.post_event .admin-edit .admin-bar {
  margin-top: .5em;
}

.post_event .admin-edit .image {
  margin: .5em 0;
  overflow: hidden;
}
.post_event .admin-edit .image .toggle {
  float: left;
}

.post .admin-edit label.inlinelabel {
  display: block;
  position: relative;
  line-height: 1.5em;
  width: 100%;
}

.post_event .admin-edit .toggle label {
  float: left;
  margin-right: .5em;
  width: 5em;
}

.post_link .admin-edit label.post_title_label,
.post_event .admin-edit div.location label {
  line-height: 1.6em;
}
.post_link .admin-edit label.post_source_label {
  line-height: 1.4em;
}

.post .admin-edit label.inlinelabel .innerlabel {
  position: absolute;
  z-index: 1;
  font-weight: normal;
  color: #aaa;
  width: 100%;
  background-color: #fff;
  padding-left: 4px;
}
.post .admin-edit label.post_source_label .innerlabel {
  padding-left: 26px;
}

.post .admin-edit label.inlinelabel input {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  background-color: transparent;
  font-weight: bold;
}
.post_link .admin-edit label.inlinelabel input,
.post_link .admin-edit label.inlinelabel .innerlabel {
  width: 96.8%;
}

.post_link .admin-edit h3 {
  display: block;
  height: 1.2em;
}

.post_link .admin-edit label.post_title_label {
  height: 2em;
  margin-top: .3em;
}

.post_event .admin-edit div.location label.inlinelabel input,
.post_link .admin-edit label.post_title_label input {
  font-weight: normal;
}

.post .admin-edit label input.nolabel {
  background-color: #fff;
}

.post_review .admin-edit .rating {
  margin: -.6em 0 .5em 0;
  overflow: hidden;
  float: none;
  width: auto;
}

.post_review .admin-edit .rating a:focus { outline: none; } /* Get rid of Firefox outline on click. */

.post_review .admin-edit .rating a {
  float: left;
}

.post_review .admin-edit .rating a img {
  margin-right: .2em;
}

.post_review .admin-edit .rating .info {
  margin-left: .3em;
  font-size: small;
  opacity: .7;
  font-family: 'Lucida Sans Unicode','Lucida Grande',sans-serif;
  font-style: normal;
  font-weight: bold;
  letter-spacing: 0;
  float: left;
  margin-top: .1em;
}

.post_review .admin-edit .rating .info span {
  display: none;
}
.post_review .admin-edit .rating0 .info .rating0,
.post_review .admin-edit .rating1 .info .rating1,
.post_review .admin-edit .rating2 .info .rating2,
.post_review .admin-edit .rating3 .info .rating3,
.post_review .admin-edit .rating4 .info .rating4,
.post_review .admin-edit .rating5 .info .rating5 {
  display: block;
}

.post_review .admin-edit div.url,
.post_review .admin-edit div.image,
.post_review .admin-edit div.video {
  clear: both;
  margin-bottom: 0.5em;
  font-size: 0.9em;
}

.post_review .admin-edit textarea#post_body {
  margin-bottom: .3em;
}

#admin-description {
  background-color: transparent;
  width: 100%;
}

#admin-customdomain {
  margin: .5em 0;
}

.content div.tags {
  margin-top: .5em;
}

.content div.tags input {
  width: 70%;
}

.content.admin-edit a.close {
  float: right;
  font-size: 19px !important;
  font-weight: normal;
  line-height: 1.1em;
  padding: 2px 6px 0;
  background-color: transparent;
  color: #fff !important;
}
.content.admin-edit a.close:hover {
  background: url('/images/black50.png');
}

.content.admin-edit a.close span {
  opacity: .7;
}
.content.admin-edit a.close:hover span {
  opacity: 1;
}

/*#posts .over .repost a { visibility: hidden }*/
#content.friends .over .repost a { visibility: visible; }


/* editmode */
.admin-edit-on { display: none; visibility: hidden; }
body.edit .admin-edit-on { display: block; visibility: visible; }
body.edit .admin-edit-off { display: none; visibility: hidden; }
body.editable-posts-only .admin-edit-off { display: block; }
body.edit #content.friends .author-friend .admin-edit-on { display: none; }
body.edit #content.friends .author-friend .admin-edit-off { display: block; }

.admin-edit-on input,
.admin-edit-on textarea,
.admin-edit-on .widgIframe {
  margin-top: -3px;
  margin-left: -2px;
  border: 1px solid #999;
  background: transparent;
}
.admin-edit-on input.submit {
  margin-top: -2px;
}

#header .admin-edit-on form input.submit {
  font-size: 12px !important;
  font-weight: bold;
  padding: 5px 8px;
  background: #999;
  border: 0;
  margin-left: 0;
  position: absolute;
  letter-spacing: 0;
  cursor: pointer;
}
#header .admin-edit-on form input.submit:hover {
  background: #ccc;
}
#header .admin-edit-on form input.state-spinner {
  background-color: #999 !important;
  color: #333;
}
#header #descriptioncontainer input.submit,
#header #descriptioncontainer .widgToolbar {
  position: relative;
  top: -3px;
  left: -2px;
}

.admin-edit-on form.over input,
.admin-edit-on form.over textarea,
.admin-edit-on form.over .widgIframe {
  border-color: #ccc;
}


/* post edit state */
.admin-edit { display: none; }                                                /* By default, don't show edit mode stuff */
.state-edit .content, .new-container .post .content { display: none; }        /* If edit mode or new post, don't show normal post */
.state-edit.post_image .content { display: block; }                                      /* (except for images) */
.state-edit.post_image .content .description { display: none; }
.state-edit .admin-edit, .new-container .post .admin-edit { display: block; } /* If edit mode/new post, show edit mode stuff */
div.state-edit .actionbar, body.edit .state-del .actionbar { display: none; }  /* While editing or deleting, hide the other admin buttons */

.post .admin-del, .post .admin-edit { display: none; } /* By default, hide edit/delete confirmations/submissions */
.state-del .admin-del { display: block; }              /* if deleting, show deletion confirmation */
.state-edit .admin-edit { display: block; }            /* if editing, show post submission */

/* feed entry state  */
.admin-container .state-custom-on { display: none; }
.admin-container .state-custom .state-custom-on { display: inline; }
.admin-container .state-custom .state-custom-off { display: none; }


#admin-feeds select option[value] {
  height: 17px;
  padding-left: 22px;
  line-height: 18px;
  background-position: left top;
  background-repeat: no-repeat;
}
#admin-feeds select option[value=TwelveSeconds] { background-image:url('/images/favicons/12seconds.png') }
#admin-feeds select option[value=TwentyThree] { background-image:url('/images/favicons/twentythree.png') }
#admin-feeds select option[value=BlipFM] { background-image:url('/images/favicons/blipfm.png') }
#admin-feeds select option[value=BlipPL] { background-image:url('/images/favicons/blippl.png') }
#admin-feeds select option[value=Buboo] { background-image:url('/images/favicons/buboo.png') }
#admin-feeds select option[value=DeviantArt] { background-image:url('/images/favicons/deviantart.png') }
#admin-feeds select option[value=EBay] { background-image:url('/images/favicons/ebay.png') }
#admin-feeds select option[value=group-facebook] { background-image:url('/images/favicons/facebook.png') }
#admin-feeds select option[value=FanFou] { background-image:url('/images/favicons/fanfou.png') }
#admin-feeds select option[value=Fotolog] { background-image:url('/images/favicons/fotolog.png') }
#admin-feeds select option[value=FriendFeed] { background-image:url('/images/favicons/friendfeed.png') }
#admin-feeds select option[value=Goodreads] { background-image:url('/images/favicons/goodreads.png') }
#admin-feeds select option[value=GoogleBlogsearch] { background-image:url('/images/favicons/google.png') }
#admin-feeds select option[value=GoogleNews] { background-image:url('/images/favicons/google.png') }
#admin-feeds select option[value=GoogleReader] { background-image:url('/images/favicons/googlereader.png') }
#admin-feeds select option[value=group-ilike] { background-image:url('/images/favicons/ilikeloved.png') }
#admin-feeds select option[value=Identica] { background-image:url('/images/favicons/identica.png') }
#admin-feeds select option[value=Ipernity] { background-image:url('/images/favicons/ipernity.png') }
#admin-feeds select option[value=Jaiku] { background-image:url('/images/favicons/jaiku.png') }
#admin-feeds select option[value=group-last-fm] { background-image:url('/images/favicons/lastfm.png') }
#admin-feeds select option[value=LiveJournal] { background-image:url('/images/favicons/livejournal.png') }
#admin-feeds select option[value=MagnoliaFull] { background-image:url('/images/favicons/magnoliafull.png') }
#admin-feeds select option[value=MisterWong] { background-image:url('/images/favicons/misterwong.png') }
#admin-feeds select option[value=Mixx] { background-image:url('/images/favicons/mixx.png') }
#admin-feeds select option[value=group-myspace] { background-image:url('/images/favicons/myspace.png') }
#admin-feeds select option[value=group-netlog] { background-image:url('/images/favicons/netlog.png') }
#admin-feeds select option[value=Picasa] { background-image:url('/images/favicons/picasa.png') }
#admin-feeds select option[value=Qik] { background-image:url('/images/favicons/qik.png') }
#admin-feeds select option[value=RedditLiked] { background-image:url('/images/favicons/reddit.png') }
#admin-feeds select option[value=Sevenload] { background-image:url('/images/favicons/sevenload.png') }
#admin-feeds select option[value=SlideShare] { background-image:url('/images/favicons/slideshare.png') }
#admin-feeds select option[value=group-soundcloud] { background-image:url('/images/favicons/soundcloud.png') }
#admin-feeds select option[value=Summize] { background-image:url('/images/favicons/summize.png') }
#admin-feeds select option[value=Tupalo] { background-image:url('/images/favicons/tupalo.png') }
#admin-feeds select option[value=Tweems] { background-image:url('/images/favicons/tweems.png') }
#admin-feeds select option[value=VisualizeUs] { background-image:url('/images/favicons/visualizeus.png') }
#admin-feeds select option[value=Vox] { background-image:url('/images/favicons/vox.png') }
#admin-feeds select option[value=Yigg] { background-image:url('/images/favicons/yigg.png') }
#admin-feeds select option[value=Delicious] { background-image:url('/images/favicons/delicious.png') }
#admin-feeds select option[value=group-digg] { background-image:url('/images/favicons/diggdugg.png') }
#admin-feeds select option[value=Ffffound] { background-image:url('/images/favicons/ffffound.png') }
#admin-feeds select option[value=Flickr] { background-image:url('/images/favicons/flickr.png') }
#admin-feeds select option[value=FlickrTag] { background-image:url('/images/favicons/flickr.png') }
#admin-feeds select option[value=Flixster] { background-image:url('/images/favicons/flixster.png') }
#admin-feeds select option[value=Plurk] { background-image:url('/images/favicons/plurk.png') }
#admin-feeds select option[value=Qype] { background-image:url('/images/favicons/qype.png') }
#admin-feeds select option[value=Seesmic] { background-image:url('/images/favicons/seesmic.png') }
#admin-feeds select option[value=group-stumbleupon] { background-image:url('/images/favicons/stumbleupon.png') }
#admin-feeds select option[value=Tumblr] { background-image:url('/images/favicons/tumblr.png') }
#admin-feeds select option[value=group-twitter] { background-image:url('/images/favicons/twitter.png') }
#admin-feeds select option[value=Upcoming] { background-image:url('/images/favicons/upcoming.png') }
#admin-feeds select option[value=Venteria] { background-image:url('/images/favicons/venteria.png') }
#admin-feeds select option[value=Vimeo] { background-image:url('/images/favicons/vimeo.png') }
#admin-feeds select option[value=WeHeartIt] { background-image:url('/images/favicons/weheartit.png') }
#admin-feeds select option[value=group-youtube] { background-image:url('/images/favicons/youtube.png') }
#admin-feeds select option[value=YouTubeTag] { background-image:url('/images/favicons/youtube.png') }
#admin-feeds select option[value=Zooomr] { background-image:url('/images/favicons/zooomr.png') }

/* custom icons: */
#admin-feeds select option[value=LastFMLoved] { background-image:url('/images/favicons/lastfm-loved.png') }
#admin-feeds select option[value=RssTitleOnly] { background-image:url('/images/rss16.gif') }
#admin-feeds select option[value=Ics] { background-image:url('/images/ics.gif') }
#admin-feeds select option.url { background-image:url('/images/rss16.gif') }



/* calendar */

img.tcalIcon {
  cursor: pointer;
  margin-left: 1px;
  vertical-align: middle;
}
/* calendar container element */
div#tcal {
  position: absolute;
  visibility: hidden;
  z-index: 30;
  width: 158px;
  padding: 0;
  margin-top: 2px;
  border-top: 1px solid silver;
  color: #000;
}
/* all tables in calendar */
div#tcal table {
  width: 100%;
  border: 1px solid silver;
  border-collapse: collapse;
  background-color: white;
  border-top: 0;
}
div#tcal table tr.wd {
  border-right: 1px solid silver;
  border-left: 1px solid silver;
  border-collapse: collapse;
}

div#tcal .nav:hover {
  background: #eee;
}

/* navigation table */
div#tcal table.ctrl {
  border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
  /*width: 15px;*/
  height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
  background-color: white;
  color: black;
  border: 0;
  font-size: 11px;
}
/* week days header */
div#tcal th {
  border-bottom: 1px solid #aaa;
  border-collapse: collapse;
  text-align: center;
  padding: 3px 0;
  font-family: tahoma, verdana, arial;
  font-size: 10px;
  color: #888;
}
/* date cells */
div#tcal td {
  border: 0;
  border-collapse: collapse;
  text-align: center;
  padding: 2px 0;
  font-family: tahoma, verdana, arial;
  font-size: 11px;
  width: 22px;
  cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
  color: #aaa;
}
div#tcal td.weekend {
  background-color: #eee;
}
div#tcal td.today {
  border: 1px solid #999;
}
div#tcal td.selected {
  background-color: yellow;
}
div#tcal td:hover {
  background-color: #ffc;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
  position: absolute;
  visibility: hidden;
  z-index: 28;
  border: 0;
}
/* transparent shadow */
div#tcalShade {
  display: none;
  position: absolute;
  visibility: hidden;
  z-index: 29;
}
div#tcalShade table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
div#tcalShade table td {
  border: 0;
  border-collapse: collapse;
  padding: 0;
}