.smallbox {
  width: 600px;
  margin: auto; 
  margin-top: 60px;
}
  
.smallbox-header {
  background-color: #4d6f9f;
  padding: 10px 10px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.smallbox-header-title a {
  font-size: 16px;
  color: #fff;
}

.smallbox-header-right {
  float: right;
  position: relative;
  top: 4px;
  right: 5px;
}

.smallbox-header-right .user-name {
  font-size: 12px;
  color: #fff;
  font-weight: bold;
  font-style: italic;
}

.smallbox-spinner {
  float: right;
}
  
.smallbox-container {
  padding: 10px 10px 0 10px;
  border-left: 1px solid #4d6f9f;
  border-right: 1px solid #4d6f9f;
}

.smallbox-footer {
  border-left: 1px solid #4d6f9f;
  border-right: 1px solid #4d6f9f;
  border-bottom: 1px solid #4d6f9f;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
}

.smallbox-title {
  font-size: 16px;
  font-weight: bold;
  margin: 0 0 10px 0;
  color: #4d6f9f;
}

/* bookmarklet */
.bookmark-form .field-line {
  clear: both;
  padding-bottom: 3px;
}

.bookmark-form .field-name {
  font-weight: bold;
  float: left;
  margin-top: 6px;
  width: 100px;
}

.bookmark-form .field-submit {
  padding-top: 10px;
  display: block;
}

.bookmark-form .apply-labels {
  font-weight: bold;
  font-size: 14px;
  padding: 3px 0;
  color: #a6b1c3;
}

.bookmark-form .warning-for-source {
}

/* exports */
.export-file {
  margin: 5px 0 10px 10px;
  font-weight: bold;
  font-size: 14px;
}
  
.export-file > img {
  margin-right: 5px;
}