/*
   Copyright 2007 Google, Inc.  All rights reserved.

   CSS for the blog widget config page.
*/

* {
  -moz-box-sizing: border-box;
}

h3 {
  margin-bottom: 0;
}

.checkbox {
  margin-right: 1em;
}

#blogconfig td {
  padding: 2px 0;
}

body .hidden {
  display: none;
}

.errorbox-good {
  display: inline;
}

#preview {
  border: 1px solid #333333;
  background-color: #f5ede3;
  font-size: small;
  float:left;
  width:100%;
  padding:4px;
  position:relative;
}

.reactions-preview-button {
  margin: 0 1px;
  padding: 1px 5px 0 5px;
  border: solid 1px #DDDDDD;
  border-bottom-color: #A48E77;
  border-right-color: #A48E77;
  background: #E6DAC9;
  line-height: 1.25em;
}

#preview .reactions-preview-button {
  margin: 1px;
  padding: 1px 5px 0 5px;
  border: 1px solid #AAAAAA;
  background: #DED2C1;
  line-height: 1.25em;
}

.post-body {
  width: 95%;
}

.item-container {
  padding:0 2px 2px 2px;
  margin:2px 0;
  width:95%;
  float:left;
  clear:left;
  border:1px dashed #e6dac9;
}

.fixed-item {
  border: 1px solid #cccccc;
  padding: 2px;
  margin: 2px 0;
  background-color: #f5ede3;
  float: left;
  clear:left;
}

.draggable-item, .dropregion_h {
  height:1.8em;
  line-height:1.8em;
  overflow:hidden;
  white-space:nowrap;
  float: left;
  display:inline;
  position:relative;
  user-select:none;
  -moz-user-select: none;
  -khtml-user-select: none;
  zoom: 1;
}

.draggable-item {
  padding: 0 .25em;
  border: 1px solid #999999;
  background-color: #e6dac9;
  margin:2px 4px 0 0;
  cursor: move;
}

.dropregion_h {
  width:0;
  margin:2px 0 0 0;
}

.dr_active {
  border: 1px dashed #999999;
  background-color: #fff8f2;
  margin:2px 4px 0 0;
}

#QUICKEDIT {
  background: url('//img2.blogblog.com/img/icon18_edit_allbkg.gif') no-repeat left;
  padding: 9px;
}

#EMAIL_ICON {
  background: url('//img1.blogblog.com/img/icon18_email.gif') no-repeat left;
  padding: 7px;
}

#SHARE_BUTTON_ICON {
  display: inline-block;
  margin-right: 3px;
}

/* Hack for IE7 inline block*/
*+html body #SHARE_BUTTON_ICON {
  display: inline;
  zoom: 1;
}

#colortip {
  float:right;
  width:35%;
  font-size:90%;
}

#adsense-config-options h3 {
  font-size:100%;
}

#inline-ads-config {
  border: 1px solid #333333;
}

.post_share_buttons {
  margin: 0 3px 0 1em;
  vertical-align: middle;
}

.share_button {
  width: 20px;
  height: 20px;
  background: url(/img/share_buttons_20_2.png) no-repeat !important;
  margin: 0 0 0 -1px;
}

.sb-email {
  background-position: 0 -20px !important;
}

.sb-blog {
  background-position: -20px -20px !important;
}

.sb-twitter {
  background-position: -40px -20px !important;
}

.sb-facebook {
  background-position: -60px -20px !important;
}

.sb-orkut {
  background-position: -80px -20px !important;
}