.shortcode {
  background-position: 0 100%;
  background-repeat: repeat-x;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  display: block;
  margin: 15px 0;
}

.shortcode p {
  padding: 0 0 10px 0;
}

.shortcode div {
  background: 10px 10px no-repeat;
  display: block;
  margin: 0;
  padding: 15px 17px 15px 36px;
}

.shortcode .icon {
  background-position: 12px 16px;
}

.alert {
  background-color: #fffbfb;
  background-image: url(/layout/images/shortcodes/notice/alert.png);
  border: 1px solid #f8c9bb;
  color: #d0583f;
}

.alert .icon {
  background-image: url(/layout/images/shortcodes/notice/alert-icon.png);
}

.approved {
  background-color: #fafdf9;
  background-image: url(/layout/images/shortcodes/notice/approved.png);
  border: 1px solid #c1cec1;
  color: #6cb656;
}

.approved .icon {
  background-image: url(/layout/images/shortcodes/notice/approved-icon.png);
}

.attention {
  background-color: #fffdf6;
  background-image: url(/layout/images/shortcodes/notice/attention.png);
  border: 1px solid #e4e4d5;
  color: #e1b42f;
}

.attention .icon {
  background-image: url(/layout/images/shortcodes/notice/attention-icon.png);
}

.camera {
  background-color: #f6fbfb;
  background-image: url(/layout/images/shortcodes/notice/camera.png);
  border: 1px solid #c9d5d8;
  color: #55a0b4;
}

.camera .icon {
  background-image: url(/layout/images/shortcodes/notice/camera-icon.png);
}

.cart {
  background-color: #fcfcfc;
  background-image: url(/layout/images/shortcodes/notice/cart.png);
  border: 1px solid #d3d3d3;
  color: #559726;
}

.cart .icon {
  background-image: url(/layout/images/shortcodes/notice/cart-icon.png);
}

.doc {
  background-color: #ffffff;
  background-image: url(/layout/images/shortcodes/notice/doc.png);
  border: 1px solid #e5e5e5;
  color: #666666;
}

.doc .icon {
  background-image: url(/layout/images/shortcodes/notice/doc-icon.png);
}

.download {
  background-color: #fcfcfc;
  background-image: url(/layout/images/shortcodes/notice/download.png);
  border: 1px solid #d3d3d3;
  color: #666666;
}

.download .icon {
  background-image: url(/layout/images/shortcodes/notice/download-icon.png);
}

.media {
  background-color: #fbf9fd;
  background-image: url(/layout/images/shortcodes/notice/media.png);
  border: 1px solid #dbe1e6;
  color: #8d79a9;
}

.media .icon {
  background-image: url(/layout/images/shortcodes/notice/media-icon.png);
}

.note {
  background-color: #fffaf6;
  background-image: url(/layout/images/shortcodes/notice/note.png);
  border: 1px solid #e6dad2;
  color: #b76f38;
}

.note .icon {
  background-image: url(/layout/images/shortcodes/notice/note-icon.png);
}

.notice {
  background-color: #fafcfd;
  background-image: url(/layout/images/shortcodes/notice/notice.png);
  border: 1px solid #c7cdda;
  color: #6187b3;
}

.notice .icon {
  background-image: url(/layout/images/shortcodes/notice/notice-icon.png);
}

.quote {
  background-color: #f3f3f3;
  background-image: url(/layout/images/shortcodes/notice/quote.png);
  border: 1px solid #d4d4d4;
  color: #727272;
}

.quote .icon {
  background-image: url(/layout/images/shortcodes/notice/quote-icon.png);
}

/* ICON LISTS */

.icon-list ul {
  padding-left: 10px;
}

.icon-list li {
  background-position: 0 5px;
  background-repeat: no-repeat;
  list-style: none;
  padding-left: 25px;
}

.icon-check li {
  background-image: url(/layout/images/shortcodes/list/check.png);
}

.icon-crank li {
  background-image: url(/layout/images/shortcodes/list/crank.png);
}

.icon-delete li {
  background-image: url(/layout/images/shortcodes/list/delete.png);
}

.icon-doc li {
  background-image: url(/layout/images/shortcodes/list/doc.png);
}

.icon-plus li {
  background-image: url(/layout/images/shortcodes/list/plus.png);
}

.icon-star li {
  background-image: url(/layout/images/shortcodes/list/star.png);
}

.icon-star2 li {
  background-image: url(/layout/images/shortcodes/list/star2.png);
}

.icon-warning li {
  background-image: url(/layout/images/shortcodes/list/warning.png);
}

.icon-write li {
  background-image: url(/layout/images/shortcodes/list/write.png);
}

/* TABS */

.themeblvd-tabs {
  margin: 0 0 20px 0;
}

.themeblvd-tabs .tab-wrapper {
  border: 1px solid #dddddd;
  border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0 5px 5px 5px;
  margin: -1px 0 0 0;
}

.themeblvd-tabs .tab-menu ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.themeblvd-tabs .tab-menu li {
  display: inline;
  float: left;
  margin: 0;
  padding: 0;
}

.themeblvd-tabs .tab-menu a {
  background-color: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  color: #aaaaaa;
  display: block;
  font-size: 12px;
  letter-spacing: 1px;
  margin: 0 2px 0 0;
  padding: 8px 20px;
}

.themeblvd-tabs .tab-menu a:hover {
  background-color: #f2f2f2;
  color: #666666;
}

.themeblvd-tabs .tab-menu a.active {
  background-color: #ffffff;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#fafafa');
  background: -moz-linear-gradient(bottom, #fafafa 0px, #f6f6f6 90%) repeat
    scroll 0 0 transparent;
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #fafafa),
    color-stop(90%, #f6f6f6)
  );
  border-bottom: none;
  color: #666666;
  padding: 8px 20px 9px 20px;
}

.themeblvd-tabs .tab {
  background-color: #fafafa;
  border-radius: 0 5px 5px 5px;
  -moz-border-radius: 0 5px 5px 5px;
  -webkit-border-radius: 0 5px 5px 5px;
  padding: 20px;
}

/* TOGGLE */

.themeblvd-toggle {
  padding: 0 0 15px 0;
}

.themeblvd-toggle .trigger {
  color: #666666;
  display: block;
  padding: 12px 12px 12px 40px;
  position: relative;
}

.themeblvd-toggle .trigger span {
  background: url(/layout/images/shared/toggle.png) 0 0 no-repeat;
  display: block;
  position: absolute;
  top: 11px;
  left: 10px;
  text-indent: -9999px;
  width: 22px;
  height: 20px;
}

.themeblvd-toggle .active span {
  background-position: 0 -20px;
}

.themeblvd-toggle .box {
  background-color: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 5px 0 0 0;
  padding: 20px;
}

.toggle-fancy .trigger {
  background-color: #f5f5f5;
  background: -moz-linear-gradient(bottom, #f2f2f2 0px, #ffffff 100%);
  background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #f2f2f2),
    color-stop(1, #ffffff)
  );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f2f2');
  border: 1px solid #dddddd;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
  color: #666666;
  display: block;
  padding: 12px 12px 12px 40px;
  position: relative;
}

.toggle-fancy .trigger span {
  background: url(/layout/images/shared/toggle.png) 0 0 no-repeat;
  display: block;
  position: absolute;
  top: 11px;
  left: 10px;
  text-indent: -9999px;
  width: 22px;
  height: 20px;
}

.toggle-fancy .active span {
  background-position: 0 -20px;
}

/* VIDEO */

#content .themeblvd-video,
#full-width-content .themeblvd-video {
  margin-bottom: 14px;
}

/* AUDIO */

#content .themeblvd-audio,
#full-width-content .themeblvd-audio {
  margin-bottom: 14px;
}
