.ui-sortable-helper {
  padding: 0 !important;
}
body {
  margin-top: 0;
  margin-left: 0;
}
#dialog_wrapper h1 {
  font-size: 16px;
  margin: 0 0 15px 0;
  color: #444;
}
/*
*/

.dialog_content  input[type=checkbox], .dialog_content input[type=radio] {
    margin: 0;
    line-height: normal;
}

.dialog_content img {
  padding: 0px;
  margin: 0px;
  border-width: 0px;
  background: none !important
}
.dialog_content,
.dialog_content fieldset,
.dialog_content label,
.dialog_content p,
.dialog_content h1,
#jHelperTipContainer .tip_title,
#jHelperTipContainer p,
.dialog_content h2,
.dialog_content h3,
.dialog_content h4,
.dialog_content h5,
.dialog_content ul,
.dialog_content ol,
.ui-autocomplete-results li,
.dialog_content h2 span,
.dialog_content li,
.dialog_content a,
.dialog_content form,
.dialog_content .navigation_item,
.dialog_content .navigation_label,
.dialog_content strong,
.mini_dialog,
.dialog_button,
.mini_dialog .button,
#mini_dialog,
.ui-datepicker {
  font-family: Arial, sans-serif;
  font-size: 15px;
  line-height: 1.3em !important;
  text-transform: none !important;
  color: #555;
  text-decoration: none;
  text-align: left;
  float: none;
  text-indent: 0px !important;
  letter-spacing: normal !important;
  font-variant: normal !important;
  margin: 0px;
  padding: 0px;
  background-image: none;
  background-color: transparent;
  text-align: left;
  border-width: 0px;
  visibility: visible;
  font-style: normal;
}
#mini_dialog {
  max-height: 350px;
  overflow-y: auto;
}
#mini_dialog ul {
  list-style: none;
  padding-left: 10px;
}
#mini_dialog ul li {
  margin: 10px 0 0 0;
}
#mini_dialog ul li b {
  line-height: 25px;
}
#mini_dialog ul li span {
  display: block;
  margin-left: 10px;
  font-size: 12px;
}
.dialog_body_wrapper {
  padding-bottom: 30px;
}
/* overrides */

.dialog_content h1 span,
.dialog_content h2 span,
.dialog_content h3 span,
.dialog_content h4 span,
.dialog_content h5 span {
  background-color: transparent;
  padding: 0px;
  margin: 0px;
  text-decoration: none;
  border: none;
}
#dialog_wrapper .ui-autocomplete {
  position: absolute;
  cursor: default;
  background-color: #fff;
  list-style-type: none;
  border: 1px solid #ccc;
  border-radius: 3px;
}
#dialog_wrapper .ui-autocomplete li {
  width: 200px;
  text-align: left;
  background-image: none;
  margin: 0;
  padding: 2px 5px;
}
#dialog_wrapper .ui-autocomplete a {
  border: 1px solid transparent;
}
#dialog_wrapper .ui-autocomplete a.ui-state-hover,
#dialog_wrapper .ui-autocomplete a.ui-state-focus,
#dialog_wrapper .ui-autocomplete a:hover {
  border: 1px solid #ccc;
  background-color: #eee;
  border-radius: 3px;
}
#dialog_wrapper .ui-helper-hidden-accessible {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
#dialog_wrapper .ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  float: left;
  background-color: #fff;
  width: 200px;
}
#dialog_wrapper .ui-menu .ui-menu {
  margin-top: -3px;
}
#dialog_wrapper .ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  zoom: 1;
  float: left;
  clear: left;
  width: 100%;
}
#dialog_wrapper .ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  zoom: 1;
}
#dialog_wrapper .ui-menu .ui-menu-item a.ui-state-hover,
#dialog_wrapper .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}
/*.dialog_content span { display: inline; }*/

.dialog_content a {
  outline: 0;
  color: #3A7DCF;
  text-decoration: none;
  font-weight: normal;
  /*font-size: 12px;*/
}
.dialog_content a:visited {
  color: #3A7DCF;
  text-decoration: none;
}
.dialog_content a:hover {
  color: #499BFF;
}
.dialog_content h2,
.dialog_content h3,
.dialog_content h4,
.dialog_content h1 {
  cursor: default;
  display: block;
}
.dialog_content iframe {
  margin: 0 0 10px 0;
}
.dialog_content p {
  margin: 10px 25px;
}
.dialog_content p,
.dialog_content p strong,
.dialog_content p b,
.dialog_content p span,
.dialog_content p a {
  line-height: 22px !important;
  font-family: "Droid Serif", Georgia;
  /*font-size: 14px;*/
}
.dialog_content .table_wrapper {
  margin: 20px 0 0 0;
  padding: 0 20px;
}
.dialog_content table {
  border-collapse: collapse;
}
.dialog_content table,
.dialog_content td,
.dialog_content tr,
.dialog_content th,
.dialog_content .dialog_table {
  border: none;
  height: auto;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
  background-image: none;
  background-color: transparent;
}
.dialog_content .dialog_table thead tr {
  border-bottom: 3px double #AAA;
}
/*
.dialog_content tr {
  border-bottom: 1px solid #ccc;
}*/

.dialog_content .legend td {
  padding: 0px;
  margin: 0px;
  border: 0px;
}
.dialog_content li {
  list-style: none;
}
.dialog_content ol,
.dialog_content ul,
.dialog_content li {
  margin: 0px;
  padding: 0px;
  line-height: normal !important;
}
.dialog_content ul {
  margin: 5px
}
.dialog_content ol {
  margin: 0px 45px;
}
.dialog_content ol li {
  list-style-type: decimal;
  color: #827B64;
  margin: 10px 0px;
}
.dialog_content ol ol li {
  list-style-type: lower-alpha;
}
.dialog_content textarea,
.dialog_content input,
.dialog_content select,
.dialog_content option {
  font-family: Arial, sans-serif;
  font-size: 12px;
  text-transform: none !important;
  text-indent: 0px !important;
  letter-spacing: normal !important;
  text-align: left;
  color: #555;
  margin: 0px;
  height: auto;
  padding: 0px;
}
/* Dialog styling */

#dialog_overlay {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  z-index: 10002;
  background-color: #000;
  color: #555;
  display: none;
}
#dialog_wrapper {
  z-index: 10002;
}
.dialog_main {
  width: 100%;
  z-index: 10003;
  visibility: hidden;
  position: fixed;
  left: 0;
  top: 0;
  padding: 0;
  /* Overides */
  line-height: normal !important;
  letter-spacing: normal !important;
}
.dialog_content {
  height: 100%;
  width: 100%;
}
.dialog_content h3,
.dialog_content h4 {
  clear: both;
  color: #555;
  font-weight: 200;
  position: relative;
  font-family: "Droid Serif", Georgia;
  background: none;
}
.dialog_content h3 {
  padding: 5px 10px 3px 10px;
  margin: 10px 20px 10px 15px;
  font-size: 18px;
  border-bottom: 1px dotted #AAA;
}
.dialog_content h4 {
  font-size: 16px;
  margin: 10px 0;
  padding: 0;
}
#comment_functions {
  text-align: right;
  float: right;
  margin-right: 4px;
  height: 55px;
  width: 200px;
  background: transparent url('/images/comment_bracket.png') no-repeat right bottom;
}
/***************************
 * Toolbar
 ***************************/

.dialog_tabs .dialog_toolbar {
  position: relative;
  clear: both;
  height: 28px;
  margin-top: 30px;
  padding: 5px;
  border-radius: 3px;
  background: white url('/images/retina_dust.png') repeat;
}
.dialog_content .header_options {
  color: #555;
  font-size: 12px;
  position: absolute;
  top: 1px;
  left: 10px;
}
/* Delete Selected */

.dialog_content .header_options .asterion_delete_selected {
  float: left;
  margin: 0 10px;
}
.dialog_content #delete_multiple {
  float: right;
  margin-right: 20px;
}
.dialog_content #delete_multiple a {
  color: #fff;
}
#flash_message {
  display: none;
  position: fixed;
  background-color: #fff1a7;
  padding: 2px 15px;
  border: 2px solid #dab46f;
  z-index: 10000;
  center: 50%;
  top: 150px;
  left: 50%;
  margin-top: -100px;
  margin-left: -250px;
  padding: 20px;
}
.dialog_main .dialog_header,
.dialog_header {
  background-color: #454545;
  background-image: -webkit-linear-gradient(top, #454545, #111);
  background-image: -moz-linear-gradient(top, #454545, #111);
  background-image: -ms-linear-gradient(top, #454545, #111);
  /* For IE 10 Platform Previews and Consumer Preview */
  background-image: -o-linear-gradient(top, #454545, #111);
  /* For Opera 11.1 to 12.0 */
  background-image: linear-gradient(top, #454545, #111);
  /* Standard syntax; must be the last statement */
  padding: 10px;
  overflow: hidden;
  margin: -1px -1px 0 -1px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
#dialog_wrapper .dialog_main .dialog_header h1 {
  font-size: 17px;
  font-family: "Droid Serif", Georgia;
  color: #eee;
  font-weight: 200;
  float: left;
  margin: 0;
  padding: 0;
}
.dialog_core {
  margin: 0 5px 10px 5px;
  padding-top: 8px;
  border-top: 1px solid #D5D5D5;
  position: relative;
}
.dialog_main .dialog_header .dialog_header_tools {
  float: right;
  margin: 0;
}
.dialog_main .dialog_header .dialog_header_tools li {
  display: inline;
  margin-left: 8px;
}
.dialog_main .dialog_header .dialog_header_tools a {
  color: #fff;
  text-decoration: none;
  font-size: 19px;
}
.dialog_main .dialog_header .dialog_header_tools a:hover {
  color: #1D86D0;
  text-decoration: none;
  font-size: 19px;
}
/*#dialog_help_btn {*/

#dialog_close_btn {
  background: transparent no-repeat center center;
  text-indent: -20000px !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 16px !important;
  margin-left: 15px;
}
#dialog_close_btn {
  background: transparent url('/images/icons/close_white.png') no-repeat center center;
}
#dialog_help_btn {
  color: #eee !important;
  font-size: 11px !important;
  border-color: #666 !important;
  padding: 2px 5px 2px 18px !important;
}
#dialog_help_btn:hover {
  border-color: #aaa !important;
}
.mini_dialog .dialog_body {
  height: 500px;
}
.dialog_main .dialog_body,
.mini_dialog .dialog_body {
  overflow-x: hidden;
  overflow-y: auto;
  position: relative;
  clear: both;
  padding: 0;
}
.drop_down_content {
  background-color: #eee;
  border-bottom: 1px solid #000000;
  left: 0;
  padding: 20px 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 300;
}
.dialog_main #assets_container {
  height: 100%;
}
.dialog_main .asset_select_index {
  text-align: center;
  width: 350px;
  margin: 50px auto;
}
.dialog_main .asset_select_index a {
  display: block;
  width: 400px;
  height: 50px;
  vertical-align: top;
  margin: 0 10px 10px 0;
  text-decoration: none;
  padding: 5px 0 0;
  color: #555;
  font-weight: normal;
  font-size: 16px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background: url("/images/dialog/bg_grey.png") 50% 50% repeat-x;
}
.dialog_main .asset_select_index a:hover {
  background-position: left top;
  border: 1px solid #666;
}
.dialog_main .asset_select_index a span {
  background: transparent no-repeat 10px center;
  text-align: left;
  display: block;
  padding: 15px 0 0 60px;
  margin: 0 0 0 45px;
  height: 32px;
}
.dialog_content .guestbook_action {
  width: 350px;
  margin: 10px auto;
  display: block;
  font-size: 150%;
  color: #333;
  text-shadow: 1px 1px 1px #fff;
}
a#my_images span {
  background-image: url('/images/icons/pictures_32x32.png');
}
a#stock_photos span {
  background-image: url('/images/icons/photos_32x32.png');
}
a#upload_image span {
  background-image: url('/images/icons/picture_add_32x32.png');
}
a#flickr_image span {
  background-image: url('/images/icons/flickr_32x32.png');
}
a#image_url span {
  background-image: url('/images/icons/www_page_32x32.png');
}
.dialog_content form {
  width: auto !important;
  display: block;
  font-size: 14px;
  clear: both;
  margin: 0;
  padding: 0;
}
.dialog_content fieldset {
  border: none;
  margin: 0;
  padding: 10px 20px;
  position: relative;
}
.dialog_content fieldset legend {
  font-family: "Droid Serif", Georgia;
}
.dialog_content fieldset p {
  margin: 0 0 20px 0;
}
.dialog_content label,
.dialog_content fieldset .label {
  display: block;
  font-weight: bold;
/*  font-size: 14px;*/
  padding-bottom: 3px;
}
.dialog_content .radio_field label,
.dialog_content .checkbox_field label {
  display: inline;
  font-weight: normal;
  padding: 0px 5px;
  float: none;
  width: auto;
  text-align: left;
}
.dialog_content .services li {
  padding: 2px 5px !important;
}
.dialog_content .radio_field input,
.dialog_content .checkbox_field input {
  width: auto;
  border: none;
  background: transparent;
}
/* Form elements */

.dialog_content input,
.dialog_content textarea,
.dialog_content select {
  background-color: #fff;
  color: #555;
  font-size: 14px;
  padding: 5px;
  border: 1px solid #aaa;
  border-radius: 3px;
}
.dialog_content input[type="file"] {
  padding: 0;
  margin: 0;
  background-color: transparent;
  border: none;
  font-size: 12px;
}
.dialog_content .radio_group,
.dialog_content .input_field,
.dialog_content .file_field,
.dialog_content .select_field,
.dialog_content .checkbox_field,
.dialog_content .radio_field,
.dialog_content .static_field,
.dialog_content .date_select {
  margin: 0px 15px 20px 0;
  height: auto;
}
.dialog_content .radio_group:last-child,
.dialog_content .input_field:last-child,
.dialog_content .file_field:last-child,
.dialog_content .select_field:last-child,
.dialog_content .checkbox_field:last-child,
.dialog_content .radio_field:last-child,
.dialog_content .static_field:last-child,
.dialog_content .date_select:last-child {
  margin-bottom: 0;
}
.input_field .input_hint {
  font-size: 12px;
  display: block;
}
.radio_group .checkbox_field,
.radio_group .radio_field {
  margin: 5px 20px 0 0;
}
.dialog_content .checkbox_field p {
  margin-left: 22px;
  margin-top: 10px;
  font-size: 12px;
}
.dialog_content #asterion_post_sharing_selection input {
  border: 0;
}
.dialog_content form fieldset .date_select select {
  width: 110px;
  min-width: 110px;
}
.dialog_content input {
  width: 330px;
  margin-right: 5px;
}
.dialog_content select {
  min-width: 200px;
}
.dialog_content .form_editor_field select {
  min-width: 0px;
}
.medium_dialog textarea {
  width: 550px;
  height: 200px;
}
.medium_dialog textarea.medium {
  height: 90px;
  width: 545px;
}
.massive_dialog textarea {
  width: 940px;
  height: 150px;
}
.massive_dialog textarea.full {
  height: 90px;
  width: 940px;
}
.massive_dialog textarea.fullest {
  height: 100%;
  width: 960px;
}
.optional_field {
  font-style: italic;
  color: #666;
  font-size: 10px;
}
.dialog_content input.medium {
  width: 350px;
}
.dialog_content input.tiny {
  min-width: 0px;
  width: 40px;
  border: 1px solid #CCC;
}
.dialog_content input.short {
  min-width: 0px;
  width: 80px;
}
.dialog_content input.long {
  min-width: 0px;
  width: 320px;
}
.dialog_content select.tiny {
  min-width: 0px;
  width: 60px;
}
.dialog_content input.numerical_input {
  width: 30px;
  padding: 0px 5px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.medium_dialog input.long {
  width: 550px;
}
#dialog_wrapper .file_input {
  border: none;
  background-color: transparent;
  padding: 0;
}
.dialog_content .asterion_dialog_submit {
  position: fixed;
  bottom: 5px;
  left: 5px;
  padding: 10px 15px 10px 15px;
  margin: 0 !important;
  height: auto;
  color: #555;
  border-top: 1px dotted #777;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  box-shadow: 0 7px 10px #444;
  background-color: #fff;
}
.dialog_content .asterion_dialog_submit a.download_all {
  line-height: 30px !important;
  float: right;
  margin: 0 15px;
}
.dialog_content .asterion_dialog_submit a.restore_layouts {
  margin-left: 20px;
}
.dialog_content .asterion_dialog_submit .pro-only-message {
  font-size: 12px;
  float: right;
  display: inline;
  padding: 5px;
}
.dialog_content .asterion_dialog_statusbar {
  background-color: #313131;
  color: white;
  text-shadow: #333 1px 1px 1px;
  position: fixed;
  bottom: 58px;
  padding: 6px 0px;
}
.dialog_content .asterion_dialog_statusbar #storage_used {
  float: left;
  margin-left: 20px;
}
.dialog_content .asterion_dialog_statusbar .file_url {
  float: left;
  margin-left: 20px;
}
.dialog_content .asterion_dialog_statusbar .file_url a {
  color: #fff;
}
.dialog_content .asterion_dialog_statusbar .pagination_info {
  float: left;
  margin-left: 20px;
}
.dialog_content .formError {
  color: #d44;
  margin: 0px;
  padding: 0;
  background-image: none;
  font-size: 12px;
}
.dialog_content .fieldWithErrors input {
  background-color: #FFE0E0;
}
/**
 * Dialog sizes
 */

.mini_dialog,
.small_dialog,
.medium_dialog,
.large_dialog,
.huge_dialog,
.massive_dialog,
.jumbo_dialog,
.fluid_dialog {
  margin: 5px 0 0 5px;
  border-radius: 3px;
  border: 1px solid #333;
  box-shadow: 0 0 10px #222;
  background-color: #f5f5f5;
  box-sizing: initial;
  /* 10px comes from the margins around the dialog */
  max-width: calc(100vw - 10px);
  min-width: 480px;
}
.mini_dialog {
  z-index: 10001;
}
.mini_dialog,
.mini_dialog .asterion_dialog_statusbar {
  width: 300px;
}
.mini_dialog .asterion_dialog_submit {
  width: 270px;
}
.small_dialog,
.small_dialog .asterion_dialog_statusbar {
  width: 400px;
}
.small_dialog .asterion_dialog_submit {
  width: 370px;
}
.medium_dialog,
.medium_dialog .asterion_dialog_statusbar {
  width: 600px;
  max-width: calc(100vw - 10px);
  min-width: 480px;
}
.medium_dialog .asterion_dialog_submit {
  width: 570px;
  max-width: calc(100vw - 40px);
  min-width: 450px;
}
.large_dialog,
.large_dialog .asterion_dialog_statusbar {
  width: 800px;
  max-width: calc(100vw - 10px);
  min-width: 480px;
}
.large_dialog .asterion_dialog_submit {
  width: 770px;
  max-width: calc(100vw - 40px);
  min-width: 450px;
}
.huge_dialog,
.huge_dialog .asterion_dialog_statusbar {
  width: 960px;
  max-width: calc(100vw - 10px);
  min-width: 480px;
}
.huge_dialog .asterion_dialog_submit {
  width: 930px;
  max-width: calc(100vw - 40px);
  min-width: 450px;
}
.massive_dialog,
.massive_dialog .asterion_dialog_statusbar {
  width: 1010px;
  max-width: calc(100vw - 10px);
  min-width: 480px;
}
.massive_dialog .asterion_dialog_submit {
  width: 980px;
  max-width: calc(100vw - 40px);
  min-width: 450px;
}
.jumbo_dialog,
.jumbo_dialog .asterion_dialog_statusbar {
  width: 1200px;
  max-width: calc(100vw - 10px);
  min-width: 480px;
}
.jumbo_dialog .asterion_dialog_submit {
  width: 1170px;
  max-width: calc(100vw - 40px);
  min-width: 450px;
}
.fluid_dialog {
  width: auto;
  margin-right: 5px;
}
.fluid_dialog .asterion_dialog_submit,
.fluid_dialog .asterion_dialog_statusbar {
  right: 5px;
}
.mini_dialog.builder_right,
.mini_dialog.right,
.small_dialog.right,
.medium_dialog.right,
.large_dialog.right,
.huge_dialog.right,
.jumbo_dialog.right,
.massive_dialog.right {
  float: right;
  margin: 5px 5px 0 0;
  border-radius: 4px;
  border: 1px solid #444;
  box-shadow: 0 0 10px #222;
  height: 100%;
}
.mini_dialog.builder_right .asterion_dialog_submit,
.mini_dialog.right .asterion_dialog_submit,
.small_dialog.right .asterion_dialog_submit,
.medium_dialog.right .asterion_dialog_submit,
.large_dialog.right .asterion_dialog_submit,
.huge_dialog.right .asterion_dialog_submit,
.massive_dialog.right .asterion_dialog_submit,
.jumbo_dialog.right .asterion_dialog_submit {
  left: auto;
  right: 5px;
  border-top: 1px solid #ccc;
}
.mini_dialog.right .dialog_core {
  margin-right: 0px;
}
/* Tables */

.dialog_content .dialog_table {
  margin-bottom: 20px;
  overflow: visible;
  width: 100%;
}
.dialog_table tr {
  background: transparent url('/images/dot.png') repeat-x bottom;
}
.dialog_table tr.empty {
  border: none;
}
.dialog_content th,
.dialog_content td {
  vertical-align: middle;
  border-spacing: 0px;
  margin: 0px;
  padding: 5px;
  color: #555;
}
#dialog_wrapper .dialog_table.valigned td {
  vertical-align: top;
  padding: 10px 0;
}
#dialog_wrapper .dialog_table.valigned td .dialog_button {
  margin-top: -2px;
}
/*
.dialog_content td tr, .dialog_content td td {
  border: none;
}
*/

.stats_table td,
.stats_table th {
  padding: 10px 20px;
}
.right_align {
  text-align: right;
}
.dialog_content thead th {
  padding-bottom: 8px;
  padding-top: 0;
  background: transparent;
  color: #555;
  font-weight: 200;
  font-family: "Droid Serif", Georgia;
  font-size: 16px;
}
.dialog_content td {
  font-size: 15px;
}
.dialog_content td a {
  /*font-size: 12px;*/
  text-decoration: none;
}
.dialog_content .dialog_table .table_right_icons {
  position: relative;
  padding-left: 0;
  text-align: right;
  padding: 10px;
  white-space: nowrap;
}
.dialog_content .dialog_table .comment_count {
  white-space: nowrap;
}
.dialog_content .dialog_table .table_right_icons span {
  margin-right: 10px;
}
.dialog_content .dialog_table .table_right_icons input {
  width: auto;
}
.dialog_content .narrow_table {
  width: 600px;
  margin: 0 0 0 20px;
}
.dialog_content .narrow_table a {
  text-decoration: none;
}
.dialog_content .narrow_table a img {
  vertical-align: middle;
}
#dialog_wrapper .dialog_body .left_content {
  width: 590px;
}
#dialog_wrapper .dialog_body .right_content {
  float: right;
  border-left: 1px dotted #aaa;
  padding: 10px 40px 40px;
  margin-top: 5px;
  height: 300px;
  width: 270px;
}
#dialog_wrapper .dialog_body .right_content .input_field {
  margin: 0 0 15px;
}
#dialog_wrapper .dialog_body .right_content .checkbox_field {
  margin: 0 20px 15px 0;
}
#dialog_wrapper .dialog_body .right_content .input_field input {
  width: 260px;
}
#dialog_wrapper .dialog_body .right_content .checkbox_field input {
  width: auto;
}
/* Buttons */

#dialog_wrapper .dialog_button,
#dialog_wrapper .dialog_button:visited,
#dialog_wrapper .dialog_button:active,
div a.dialog_button,
div a.dialog_button:visited,
div a.dialog_button:active,
div button.dialog_button,
div button.dialog_button:visited,
div button.dialog_button:active,
.mini_dialog .button,
.mini_dialog .button:active {
  display: inline-block;
  color: #fff;
  padding: 5px 10px 4px 10px;
  margin: 0 10px 0 0;
  font-size: 14px;
  text-decoration: none;
  cursor: auto;
  font-weight: normal;
  text-shadow: none;
  border: 1px solid transparent;
  border-radius: 3px;
  text-align: center;
  line-height: inherit;
  opacity: 1;
  white-space: nowrap;
}
#dialog_wrapper .dialog_button:hover,
div a.dialog_button:hover,
div button.dialog_button:hover {
  opacity: 1;
}
#dialog_wrapper .asterion_dialog_submit .dialog_button,
.ui-dialog-content .dialog_button.save,
.mini_dialog .button {
  float: right;
  padding: 10px 15px;
  margin: 0px 0 0 10px;
  padding: 5px 15px;
  min-width: 80px;
}

#asterion_map_dialog .save{
  min-width: 60px;
}

#asterion_map_dialog .save:active{
  padding-bottom: 5px;
}

#asterion_map_dialog .save:hover{
background-color: #0c7e40;
}

#dialog_wrapper .dialog_tabs .dialog_button,
#dialog_wrapper.dialog_content h3 .dialog_button,
#dialog_wrapper.dialog_content h3 .dialog_button:visited {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
#dialog_wrapper .dialog_tabs .options {
  float: right;
  font-size: 12px;
  color: #888;
}
#dialog_wrapper .dialog_tabs .dialog_button {
  font-size: 12px;
  margin-left: 10px;
  padding: 5px 15px;
  margin-top: -1px;
}
#dialog_wrapper .dialog_tabs .options input {
  padding: 3px;
  border: 1px solid #CCC;
  border-radius: 3px;
  color: #555;
  font-size: 12px;
}
#dialog_wrapper .dialog_tabs {
  position: relative;
  /*height: 23px;*/
  padding: 7px;
  margin-bottom: 15px;
  background-color: #d5d5d5;
  background-image: -webkit-linear-gradient(top, #D5D5D5, #C5C5C5);
  background-image: -moz-linear-gradient(top, #D5D5D5, #C5C5C5);
  background-image: -ms-linear-gradient(top, #D5D5D5, #C5C5C5);
  background-image: -o-linear-gradient(top, #D5D5D5, #C5C5C5);
  background-image: linear-gradient(top, #D5D5D5, #C5C5C5);
  border-radius: 3px;
}
.dialog_main .dialog_tabs ul {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
.dialog_main .dialog_tabs ul li {
  float: left;
  margin-right: 15px;
}
.dialog_main .dialog_tabs ul li a {
  display: block;
  text-decoration: none;
  padding: 4px 8px;
  font-size: 13px;
  font-weight: 200;
  border-radius: 3px;
  color: #444;
  background-color: #e0e0e0;
}
.dialog_main .dialog_tabs ul li.dialog_tab_on a {
  color: #444;
  background: white;
}
.dialog_main .dialog_tabs ul li.dialog_tab_off {
  background-color: #d6d6d6;
  border-radius: 3px;
}
.dialog_main .dialog_tabs ul li.dialog_tab_off a:hover {
  background: white;
}
.dialog_tabs .dialog_tab_buttons .dialog_button,
.dialog_tabs .dialog_tab_buttons span {
  float: right;
  margin: 0 10px;
}
#dialog_wrapper .dialog_button.cancel,
#dialog_wrapper .dialog_button.red_button,
#dialog_wrapper .dialog_button.close {
  float: none;
  margin-left: 0;
}
.dialog_content .disabled {
  color: #999;
}
.dialog_content input[type=text].disabled {
  color: #999;
  background-color: #ccc;
}
.dialog_content textarea.disabled {
  background-color: #eee;
  color: #999;
  cursor: default;
}
/* Display Type: list or block */

.dialog_content .header_options .asterion_view_select {
  float: right;
  margin: 0 10px;
}
.dialog_content .header_options .asterion_view_select ul {
  float: left;
  margin: 0 0 0 5px;
  padding: 0;
}
.dialog_content .header_options .asterion_view_select li {
  float: left;
  margin-right: 5px;
}
.dialog_content .header_options .asterion_view_select li a img {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.dialog_content .header_options .asterion_view_select li a:hover img,
.dialog_content .header_options .asterion_view_select li a.active_view img {
  opacity: 1.0;
  filter: alpha(opacity=100);
}
.dialog_content .header_options .asterion_view_select span {
  float: left;
}
/* File Type Selection */

.dialog_tabs .header_options .asterion_selection {
  padding: 8px 10px 12px 10px;
  color: #555;
  position: relative;
  background: transparent url(/images/icons/dropdown.png) no-repeat right 13px;
}
.dialog_content .comment_options .dialog_button {
  display: block;
  width: 160px;
  font-size: 13px;
  margin-bottom: 15px;
}
/* Search Bar */

.dialog_content .header_options .asterion_search {
  float: right;
  width: 235px;
  margin: 0 10px;
  position: relative;
}
.dialog_content .header_options .asterion_search div.clear_search {
  position: absolute;
  right: 25px;
  top: 0;
  color: #b4b4b4;
  text-shadow: none;
  cursor: pointer;
}
.dialog_content input#search_filter {
  width: 125px;
  height: 14px;
  padding: 2px 28px 2px 7px;
  margin: -4px 0 0 5px;
  font-size: 12px;
  border-radius: 3px;
  outline: none;
  border: 0px;
  line-height: inherit;
  /* This line is required to override some themes that are setting a line-height on all input elements  */
}
.dialog_content input.loading_indicator {
  background: #fff url(/images/filter_loading.gif) 95% 1px no-repeat;
}
.dialog_content .header_options label {
  display: inline;
  color: #EEE;
  font-size: 12px;
  text-shadow: #333 1px 1px 1px;
  font-weight: normal;
}
/* Toolbar Misc */

.dialog_content .header_options strong {
  padding-left: 5px;
  padding-right: 10px;
  color: #555;
  font-weight: 200;
  padding-bottom: 20px;
}
#dialog_wrapper ul.asterion_header_dropdown {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  width: 160px;
  margin: 0px;
  background: white url('/images/retina_dust.png') repeat;
  border: 5px solid #C5C5C5;
  border-top: none;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  z-index: 10001;
}
#dialog_wrapper .dialog_tabs ul.asterion_header_dropdown {
  top: 37px;
}
#dialog_wrapper ul.asterion_header_dropdown li {
  text-align: left;
  float: none;
  margin: 0;
}
#dialog_wrapper ul.asterion_header_dropdown li a {
  display: block;
  text-align: left;
  color: #555;
  border-bottom: 1px dotted #ccc;
  border-radius: 0;
  font-weight: normal;
  padding: 6px 8px;
  text-decoration: none;
}
#dialog_wrapper ul.asterion_header_dropdown li:last-child a {
  border: none;
}
#dialog_wrapper ul.asterion_header_dropdown li a:hover {
  background-color: #e5e5e5;
  color: #333;
}
/**
 * Button colors
 */

/**
 * Red/Orange
 * cancel, close
 */

#dialog_wrapper .dialog_button.cancel,
#dialog_wrapper .dialog_button.red_button,
#dialog_wrapper .dialog_button.close,
.mini_dialog .revert,
.dialog_button.close {
  background-color: #dd4444;
  border: 1px solid #dd4444;
  cursor: pointer;
}
#dialog_wrapper .dialog_button.cancel:hover,
#dialog_wrapper .dialog_button.red_button:hover,
#dialog_wrapper .dialog_button.close:hover,
.mini_dialog .revert:hover,
.dialog_button.close:hover {
  background-color: #b33737;
  border: 1px solid #b33737;
}
/**
 * Green
 * done, ok, submit, function
 */

#dialog_wrapper .dialog_button.done,
#dialog_wrapper .dialog_button.submit,
#dialog_wrapper .dialog_button.function,
#dialog_wrapper .dialog_button.ok,
.ui-dialog-content .dialog_button.save,
.mini_dialog .save,
.dialog_button.ok {
  background-color: #0f9d50;
  border: 1px solid #0f9d50;
  cursor: pointer;
}
#dialog_wrapper .dialog_button.done:hover,
#dialog_wrapper .dialog_button.submit:hover,
#dialog_wrapper .dialog_button.function:hover,
#dialog_wrapper .dialog_button.ok:hover,
.mini_dialog .save:hover,
.dialog_button.ok:hover {
  background-color: #0c7e40;
  border: 1px solid #0c7e40;
}

#dialog_wrapper .dialog_button.submit[disabled] {
    opacity: 0.5;
}
/**
 * Blue
 * action
 */

#dialog_wrapper .dialog_button.action,
.dialog_button.action {
  background-color: #2688a5;
  border: 1px solid #2688a5;
  cursor: pointer;
}
#dialog_wrapper .dialog_button.action:hover,
.dialog_button.action:hover {
  background-color: #497a89;
  border: 1px solid #497a89;
}
/**
 * Grey
 *
 */

#dialog_wrapper .dialog_button.general,
.dialog_button.general {
  font-size: 13px;
  color: #000;
  background-color: #eaeaea;
  background-image: -webkit-linear-gradient(top, #eaeaea, #e4e4e4);
  background-image: -moz-linear-gradient(top, #eaeaea, #e4e4e4);
  background-image: -ms-linear-gradient(top, #eaeaea, #e4e4e4);
  /* For IE 10 Platform Previews and Consumer Preview */
  background-image: -o-linear-gradient(top, #eaeaea, #e4e4e4);
  /* For Opera 11.1 to 12.0 */
  background-image: linear-gradient(top, #eaeaea, #e4e4e4);
  /* Standard syntax; must be the last statement */
  border: 1px solid #999;
  cursor: pointer;
}
#dialog_wrapper .dialog_button.general:hover,
.dialog_button.general:hover {
  background-color: #dadada;
  background-image: -webkit-linear-gradient(top, #dadada, #d4d4d4);
  background-image: -moz-linear-gradient(top, #dadada, #d4d4d4);
  background-image: -ms-linear-gradient(top, #dadada, #d4d4d4);
  /* For IE 10 Platform Previews and Consumer Preview */
  background-image: -o-linear-gradient(top, #dadada, #d4d4d4);
  /* For Opera 11.1 to 12.0 */
  background-image: linear-gradient(top, #dadada, #d4d4d4);
  /* Standard syntax; must be the last statement */
  border: 1px solid #AAA;
}
.dialog_content .dialog_button.button_disabled,
.dialog_content .dialog_button.button_disabled:hover {
  opacity: 0.4;
}
.button_selected {
  border: 2px solid #2688a5 !important;
  border-color: #2688a5 !important;
}
#dialog_wrapper .dialog_button.mini,
.dialog_button.mini:active {
  padding: 5px 5px 5px 5px;
  font-size: 15px;
  line-height: 15px !important;
}
/**
 * Icons in dialog buttons
 */

#dialog_wrapper .dialog_button.icon,
#dialog_wrapper .dialog_button.icon_only,
.dialog_button.icon,
.dialog_button.icon_only,
.icon,
.icon_only {
  padding-left: 30px;
  background-image: none;
  background-position: 5px center;
  background-repeat: no-repeat;
}
#dialog_wrapper .dialog_button.icon:hover,
#dialog_wrapper .dialog_button.icon_only:hover,
.dialog_button.icon:hover,
.dialog_button.icon_only:hover,
.icon:hover,
.icon_only:hover {
  background-image: none;
  background-position: 5px center;
  background-repeat: no-repeat;
}
#dialog_wrapper .dialog_button.icon_only,
.dialog_button.icon_only,
.icon_only {
  display: inline-block;
  text-indent: -20000px !important;
  background-position: center center;
  width: 22px;
  height: 16px;
}
#dialog_wrapper .dialog_button.icon_only:hover,
.dialog_button.icon_only:hover,
.icon_only:hover {
  background-position: center center;
}
#dialog_wrapper .dialog_button.icon_only.mini,
.dialog_button.icon_only.mini {
  padding: 5px;
  height: auto;
}
#dialog_wrapper .dialog_button.transparent,
.dialog_button.transparent {
  background-color: transparent;
}
#dialog_wrapper .dialog_button.transparent:hover,
.dialog_button.transparent:hover {
  background-color: transparent;
}
#dialog_wrapper .dialog_button.disabled,
.dialog_button.disabled {
  opacity: 0.4;
  cursor: auto;
}
#dialog_wrapper .dialog_button.placeholder,
.dialog_button.placeholder {
  visibility: hidden;
}
#dialog_wrapper .dialog_button.large,
.dialog_button.large {
  padding: 10px 15px 10px 15px;
  font-size: 14px;
}
.add_icon,
.add_icon:hover {
  background-image: url('/images/icons/add.png') !important;
}
.crop_icon,
.crop_icon:hover {
  background-image: url('/images/icons/crop.png') !important;
}
.copy_icon,
.copy_icon:hover {
  background-image: url('/images/icons/copy_10x10.png') !important;
}
.rename_icon,
.rename_icon:hover {
  background-image: url('/images/icons/rename.png') !important;
}
.download_icon,
.download_icon:hover {
  background-image: url('/images/icons/download.png') !important;
}
.edit_icon,
.edit_icon:hover {
  background-image: url('/images/icons/edit.png') !important;
}
.eye_icon,
.eye_icon:hover {
  background-image: url('/images/icons/eye.png') !important;
}
.facebook_icon,
.facebook_icon:hover {
  background-image: url('/images/icons/facebook.png') !important;
}
.file_icon,
.file_icon:hover {
  background-image: url('/images/icons/file.png') !important;
}
.folder_icon,
.folder_icon:hover {
  background-image: url('/images/icons/folder.png') !important;
}
.guestbook_icon,
.guestbook_icon:hover {
  background-image: url('/images/icons/guestbook.png') !important;
}
.home_icon,
.home_icon:hover {
  background-image: url('/images/icons/home.png') !important;
}
.locked_icon,
.locked_icon:hover {
  background-image: url('/images/icons/locked.png') !important;
}
.open_folder_icon,
.open_folder_icon:hover {
  background-image: url('/images/icons/folder_open.png') !important;
}
.page_icon,
.page_icon:hover {
  background-image: url('/images/icons/page.png') !important;
}
.pictures_icon,
.pictures_icon:hover {
  background-image: url('/images/icons/pictures.png') !important;
}
.photo_icon,
.photo_icon:hover {
  background-image: url('/images/icons/photo.png') !important;
}
.refresh_icon,
.refresh_icon:hover {
  background-image: url('/images/icons/refresh.png') !important;
}
.settings_icon,
.settings_icon:hover {
  background-image: url('/images/icons/settings.png') !important;
}
.speech_icon,
.speech_icon:hover {
  background-image: url('/images/icons/speech.png') !important;
}
.trash_icon,
.trash_icon:hover {
  background-image: url('/images/icons/trash.png') !important;
}
.twitter_icon,
.twitter_icon:hover {
  background-image: url('/images/icons/twitter.png') !important;
}

.instagram_icon,
.instagram_icon:hover {
  background-image: url('/images/icons/instagram.png') !important;
}
.unlocked_icon,
.unlocked_icon:hover {
  background-image: url('/images/icons/unlocked.png') !important;
}
.upload_icon,
.upload_icon:hover {
  background-image: url('/images/icons/upload.png') !important;
}
#dialog_wrapper .dialog_button.white_close_icon,
#dialog_wrapper .dialog_button.white_close_icon:hover {
  background-image: url('/images/icons/close_white.png');
}
#dialog_wrapper .dialog_button.white_question_icon,
#dialog_wrapper .dialog_button.white_question_icon:hover {
  background-image: url('/images/icons/white_question.png');
}
.dialog_content tbody.linked_accounts td .select_field {
  margin: 0px;
}
tbody.linked_accounts ul {
  margin: 0px;
  padding: 0px;
}
tbody.linked_accounts li {
  list-style-type: none;
  margin: 20px 0 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 18px !important;
}
tbody.linked_accounts li:first-child {
  margin-top: 0;
}
tbody.linked_accounts li:hover {
  background-color: #f4f4f4;
}
tbody.linked_accounts li a {
  float: right;
  margin-top: -2px;
}
tbody.linked_accounts .new_account {
  text-align: right;
}
#selected_favicon {} .dialog_content ul.favicons {
  margin: 0;
  overflow: hidden;
  zoom: 1
}
.dialog_content ul.favicons li {
  float: left
}
.dialog_content ul.favicons li img {
  border-width: 0px;
}
.dialog_content .current_favicon {
  display: inline-block;
  border: 1px solid #d5d5d5;
  text-decoration: none;
  background-color: #fff;
}
.current_favicon img {
  margin: 20px;
}
.dialog_content ul.favicons li a {
  float: left;
  margin: 0 5px 5px 0;
  padding: 5px;
  border: 1px solid #d5d5d5;
  text-decoration: none;
  background-color: #fff;
}
.dialog_content ul.favicons li a:hover {
  background-color: #ccc;
}
.dialog_content div.pagination {
  color: #827B64;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
  zoom: 1;
  margin: 0px 10px 0px 0;
  padding: 10px 10px 5px 0;
  height: 24px;
}
.dialog_content div.pagination .next_prev_links {
  float: right;
  font-weight: bold;
}
.dialog_content div.pagination .pagination_info {
  float: left
}
.custom_sizes {
  overflow: hidden
}
.custom_sizes input {
  width: 60px;
}
.custom_sizes .input_field {
  float: left;
  margin: 0 10px 0px 0px
}
.tipsy {
  line-height: normal;
  padding: 5px;
  font-family: Verdana, sans-serif;
  margin-left: 5px;
  font-size: 10px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  padding: 5px;
  font-size: 10px;
  position: absolute;
  z-index: 10004;
}
.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}
.tipsy-inner {
  border-radius: 3px;
}
.tipsy-arrow {
  position: absolute;
  background: url('../images/tipsy.gif') no-repeat top left;
  width: 9px;
  height: 5px;
}
.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}
.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}
#collection_file_preview {
  padding: 5px 0px;
}
.dialog_content div.pagination .pagination_info {
  float: left
}
.custom_sizes {
  overflow: hidden
}
.custom_sizes input {
  width: 60px;
}
.custom_sizes .input_field {
  float: left;
  margin: 0 10px 0px 0px
}
.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: center;
}
.tipsy-inner {
  border-radius: 3px;
}
.tipsy-arrow {
  position: absolute;
  background: url('../images/tipsy.gif') no-repeat top left;
  width: 9px;
  height: 5px;
}
.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}
.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}
.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}
.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}
.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}
.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}
.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}
.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}
#collection_file_preview {
  padding: 5px 0px;
}
#collection_file_preview ul {
  margin: 10px 0 10px 10px;
  overflow: hidden;
  padding-left: 10px;
}
#collection_file_preview ul li {
  float: left;
  padding: 4px 4px 2px 4px;
  text-align: left;
  width: 120px;
  height: 92px;
  margin: 0 16px 16px 0;
  border: 1px solid #bbb;
  border-radius: 3px;
}
#collection_file_preview ul li div.file_title {
  padding-top: 5px;
  font-size: 12px;
}
#collection_file_preview ul.more li:nth-last-child(1),
#collection_file_preview ul.more li:nth-last-child(2) {
  text-align: center;
  line-height: 92px !important;
  border: none;
  font-family: "Droid Serif", Georgia;
}
#collection_file_preview ul.more li:nth-last-child(3) {
  opacity: 0.2;
}
#collection_file_preview ul.more li:nth-last-child(4) {
  opacity: 0.4;
}
#collection_file_preview ul.more li:nth-last-child(5) {
  opacity: 0.6;
}
#collection_file_preview .mp3_preview li {
  height: 160px;
}
.dialog_content #dialog_pages_table .table_left_icons {
  width: 16px;
  vertical-align: middle;
  padding: 0;
}
.dialog_content #dialog_pages_table .table_page_status {
  width: 100px;
}
.dialog_content #dialog_pages_table .nested_table_container {
  border-width: 0px;
  padding: 0;
}
#asterion_post_sharing_selection {
  margin-bottom: 15px;
}

#asterion_post_sharing_selection ul li {
  width: 180px;
  float: left;
}
#asterion_post_sharing_selection ul label img {
  vertical-align: middle;
}
#asterion_post_sharing_selection ul label span {
  margin-left: 2px;
  font-weight: normal;
  margin-top: 1px;
  vertical-align: middle;
}
#asterion_post_sharing_selection ul label {
  display: inline;
  float: none;
  width: auto;
}
#asterion_post_sharing_selection ul input {
  margin: 0 5px 0 0;
  padding: 0;
  vertical-align: middle;
  width: auto;
}
#asterion_post_sharing_selection ul .checkbox_field {
  margin-left: 13px;
}
#asterion_post_sharing_selection ul .checkbox_field input {
  vertical-align: top;
}
/* asset manager */

#image_library_container {
  margin-bottom: 20px;
}
div#stock_photos_container {
  padding: 0;
  margin: 1px 0 0 0;
  position: relative;
}
div#asset_list_wrapper {
  position: relative;
  float: right;
  padding: 0;
  margin: 0;
  width: 790px;
  height: 100% !important;
}
div#asset_list_container {
  height: 100%;
  width: 100%;
  overflow-y: scroll;
}
ul#asset_list {
  padding-top: 15px;
}
ul#asset_list.has_items {
  padding-bottom: 80px;
}
ul#asset_list.thumbnail li {
  display: inline-block;
  position: relative;
  margin: 0 10px 10px 0;
  background-color: transparent;
  width: 188px;
  height: 168px;
}
ul#asset_list.detailed li:hover {
  background: #e9e9e9;
}
ul#asset_list.detailed li {
  padding: 5px;
  border: none;
}
ul#asset_list.detailed li.ui-selected,
ul#asset_list.detailed li.ui-selecting {
  background: #cbe3ff;
}
ul#asset_list.thumbnail li .thumbnail_wrapper {
  border: 1px solid #DDD;
  border-radius: 5px;
  padding: 5px;
  overflow: hidden;
  background-color: #fff;
}
ul#asset_list.detailed li img {
  vertical-align: text-top;
  padding-right: 7px;
}
ul#asset_list div.asset_icon {
  background-color: transparent;
  /* if we don't do this, weird things happen when we stack icons for dragging: original -> #eee   */
  height: 133px;
  cursor: pointer;
  background-image: url(/images/checker_background.png);
  background-repeat: repeat;
}
ul#asset_list.thumbnail li.ui-sortable-placeholder {
  width: 126px;
  height: 120px;
  margin: 0 24px 24px 0;
  background-color: black;
}
ul#asset_list.thumbnail div.ui-sortable-helper li span.asset_name {
  display: none;
}
ul#asset_list.thumbnail div.asset_toolbar {
  position: absolute;
  top: 60px;
  left: 2px;
  width: 90px;
  height: 22px;
  border: 1px solid #444;
  background-color: #eee;
}
ul#asset_list.thumbnail li.ui-selected,
ul#stock_photo_list li.ui-selected {} ul#asset_list.thumbnail li img.asset_image {
  border: 4px;
  border-color: #fff;
  margin: 0;
}
ul#asset_list.thumbnail li .asset_thumbnail {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
}
ul#asset_list.thumbnail li.ui-selected .asset_icon {
  cursor: move;
}
ul#asset_list.thumbnail li .asset_icon .asset_icon_overlay {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 120px;
  height: 90px;
  background-color: #ff0;
  opacity: 0.2;
  filter: alpha(opacity=20);
  display: none;
}
ul#asset_list.thumbnail li.ui-selected .asset_icon .asset_icon_overlay,
ul#asset_list.thumbnail li.ui-selecting .asset_icon .asset_icon_overlay {
  display: block;
}
ul#asset_list.list li {
  padding: 5px;
  float: left;
  clear: left;
}
ul#asset_list.list li img {
  vertical-align: middle;
  margin-right: 10px;
  border: 2px solid transparent;
}
ul#asset_list.list li a {
  font-size: 13px;
}
ul#asset_list.list li.ui-selected img {
  border-color: #f00;
}
ul#stock_photo_list li {} ul#stock_photo_list li img {
  /*box-shadow: -1px 1px 5px #999;*/
  margin-bottom: 10px;
}
ul#stock_photo_list li div.stock_photo a:hover img {} #stock_photo_preview #asset_footer_details {
  width: 594px;
  height: 40px;
  min-height: 40px;
}
#stock_photo_preview {
  background: #fff no-repeat center center;
  border: 1px solid #ccc;
  width: 300px;
  height: 300px;
  margin: 0 20px;
  padding: 5px;
  float: left;
  position: relative;
}
#stock_photo_preview span {
  position: absolute;
  left: 0px;
  bottom: -20px;
  text-align: center;
  width: 300px;
}
#stock_photo_keywords {
  float: left;
  width: 400px;
  padding-top: 20px;
  text-align: left;
}
#stock_photo_keywords p {
  text-align: left;
}
div.asset_toolbar a.select_asset {
  float: left;
}
div.asset_toolbar a.view_asset {
  float: left;
}
#asset_list .asset_icon img {
  border: 1px solid transparent;
}
#asset_list .asset_icon img.asset_image,
#asterion_flickr_photo_list img.asset_image {
  margin: 2px;
  border: 1px solid transparent;
}
#asterion_flickr_photo_list {
  margin: 0 0 0 10px;
}
#asterion_flickr_info {
  margin: 20px;
}
#asset_list span,
#asterion_flickr_photo_list span {
  display: block;
  text-align: center;
}
a.delete,
a.animated_delete {
  display: block;
  width: 16px;
  height: 16px;
  background-color: transparent;
  background-image: url('/images/icons/trash.png');
  background-repeat: no-repeat;
  background-position: left center;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
}
#assets_container a.delete_asset {
  display: block;
  width: 16px;
  height: 16px;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  background: transparent url('/images/icons/trash.png') no-repeat center center;
  opacity: 0.3;
  margin-right: 5px;
}
#assets_container a.delete_asset:hover {
  opacity: 0.8;
}
#assets_container a.edit_asset {
  float: right;
  margin-right: 6px;
  display: block;
  width: 16px;
  height: 16px;
  text-decoration: none;
  overflow: hidden;
  cursor: pointer;
  background: transparent url('/images/icons/edit.png') no-repeat center center;
  text-indent: -20000px !important;
  opacity: 0.3;
}
#assets_container a.edit_asset:hover {
  opacity: 0.8;
}
ul#asset_list.thumbnail li .thumbnail_wrapper {
  position: absolute;
  top: 0;
  left: 0;
}
#asset_list span.asset_name {
  bottom: 5px;
  right: 5px;
  text-align: left;
  height: 15px;
  padding: 3px;
  margin: 2px 0 0 0;
  font-size: 11px;
  width: 170px;
}
#asset_list span.asset_name em {
  top: -26px;
  background-color: transparent;
  opacity: 0.7;
  bottom: 0;
  padding: 2px 2px;
  overflow: hidden;
  white-space: nowrap;
  overflow: hidden;
  width: 120px;
  display: inline-block;
  float: left;
}
#asset_list span.asset_name a,
#asterion_flickr_photo_list span.asset_name a {
  font-size: 11px;
  line-height: 16px !important;
}
#asset_list span.asset_name .delete_asset {
  float: right;
}
#collection_list li .delete_asset {
  float: right;
  margin-top: 5px;
}
.dialog_content .asset_delete_preview {
  margin: 20px;
  overflow: auto;
  width: 100%;
}
.dialog_content .asset_delete_preview div.asset_icon {
  float: left;
}
.dialog_content .asset_delete_preview div.asset_metadata {
  margin-left: 15px;
  float: left;
}
.dialog_content .asset_delete_preview div.asset_icon img.asset_image {
  border: 1px solid #444444;
}
.ui-dialog-content .dialog_button,
.ui-dialog-content .dialog_button:active,
.ui-dialog-content .dialog_button:visited {
  padding: 5px 15px 6px;
}
.dialog_content #dialog_pages_table .table_left_icons {
  width: 30px;
  padding: 0;
}
.dialog_content #dialog_pages_table .table_page_name,
.dialog_content #dialog_pages_table .table_folder_name {
  line-height: 24px !important;
}
.dialog_content #dialog_pages_table .table_page_name {
  font-weight: bold;
}
.dialog_content #dialog_pages_table .home {
  /*background-color: #DCFADF;*/
}
.dialog_content #dialog_pages_table .unpublished {
  opacity: 0.7;
}
.dialog_content #dialog_pages_table .table_page_status {
  width: 150px;
}
.dialog_content #dialog_pages_table .nested_table_container {
  padding: 0;
  border-width: 0px;
}
.dialog_content #dialog_pages_table .nested_table_container table {
  border-collapse: collapse;
  width: 100%;
}
#dialog_wrapper .dialog_table .title {
  /*font-size: 12px;*/
  padding: 10px;
  color: #444;
}
#dialog_pages_table .table_right_icons a {
  text-decoration: none;
}
#dialog_pages_table .table_right_icons img {
  margin-right: 5px;
  vertical-align: top;
}
/* Theme picker */

.dialog_content h3.asterion_theme_header {
  margin-bottom: 20px;
}
#asterion_browse_themes {
  margin: 0 0px 10px 10px;
}
#asterion_browse_themes .asterion_theme {
  float: left;
  margin-right: 16px;
  margin-bottom: 20px;
}
#asterion_browse_themes .asterion_theme strong {
  color: #555;
}
#asterion_browse_themes a {
  text-decoration: none;
}
#asterion_browse_themes .asterion_more_by_this_author a {
  font-size: 9px;
}
#asterion_browse_themes .asterion_theme .asterion_theme_preview {
  float: left;
  position: relative;
  background-color: white;
  padding: 5px;
  border: 1px solid #ddd;
  border-radius: 3px;
}
.asterion_theme_preview .mobile {
  position: absolute;
  width: 90px;
  height: 116px;
  right: 10px;
  bottom: 0;
  background-image: url('/images/black-phone.png');
  background-repeat: no-repeat;
}
.asterion_theme_preview .screen {
  width: 75px;
  height: 79px;
  position: absolute;
  top: 37px;
  left: 8px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-color: #fff;
}
#asterion_browse_themes .asterion_theme .asterion_theme_install_button {
  position: absolute;
  right: 0;
  top: 5px;
}
#asterion_browse_themes .asterion_theme .asterion_theme_install_button button {
  font-size: 14px;
}
#asterion_browse_themes .asterion_theme .asterion_theme_layouts {
  margin-left: 5px;
}
#asterion_browse_themes .asterion_theme .asterion_theme_layouts ul {
  margin: 5px 0;
}
#asterion_browse_themes .asterion_theme .asterion_theme_layouts ul li {
  float: left;
  margin-right: 5px;
}
#asterion_browse_themes .asterion_theme div.image {
  background-color: #000;
}
#asterion_browse_themes .asterion_theme.hover img.preview {
  opacity: 0.4;
}
#asterion_browse_themes .asterion_theme.hover .mobile {
  opacity: 0.7;
}
#asterion_browse_themes .asterion_theme div.asterion_theme_info {
  padding: 5px;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  height: 30px;
  background: #fff;
}
.asterion_theme_layouts span {
  line-height: 2;
}
#asterion_browse_themes .asterion_theme div.editable_header_image,
#asterion_browse_themes .asterion_theme div.responsive_layout {
  position: absolute;
  padding: 5px;
  top: 5px;
  right: 15px;
  background: #fff;
  min-width: 16px;
  min-height: 16px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
#asterion_browse_themes .asterion_theme div.responsive_layout {
  right: 45px;
}
#asterion_browse_themes .asterion_theme .editable_mouse_over_text,
#asterion_browse_themes .asterion_theme .responsive_mouse_over_text {
  display: none;
  padding: 0 5px;
  margin: 0;
  line-height: 16px;
  color: #000;
  font-size: 13px;
}
#asterion_browse_themes .asterion_theme div.editable_header_image img,
#asterion_browse_themes .asterion_theme div.responsive_layout img {
  float: right;
}
#asterion_browse_themes .asterion_theme div.editable_header_image.hover {
  left: 15px;
}
#asterion_browse_themes .asterion_theme div.responsive_layout:hover .responsive_mouse_over_text,
#asterion_browse_themes .asterion_theme div.editable_header_image:hover .editable_mouse_over_text {
  display: inline;
}
#asterion_browse_themes .asterion_current_theme_tag {
  letter-spacing: 1.5px;
  position: absolute;
  top: 8px;
  left: 8px;
  background-color: #1D86D0;
  padding: 8px 8px;
  color: white;
  border-radius: 3px;
}
.dialog_content #upload_theme_wrapper iframe {
  display: none;
}
.dialog_content #upload_theme_status {
  padding: 5px;
  right: 100px;
  width: 250px;
  color: #d44;
}
#upload_errors {
  margin-top: 20px;
  display: none;
}
#upload_errors .messages {
  padding: 0 10px;
}
#upload_errors .messages p {
  color: #d44;
}

/**
 * Add Component Dialog
 */

#asterion_component_list {
  padding: 0 5px 0 0;
  margin-left: 10px;
}
#asterion_component_list h3:hover,
.mini_dialog h3:hover {
  background-color: #1f6e86;
}
#asterion_component_list h3,
.mini_dialog h3 {
  color: #fff !important;
  background-color: #2688a5;
  border-radius: 3px;
  position: relative;
  cursor: pointer;
  margin: 0 0 5px 0;
  border: 1px solid #2688a5;
  box-shadow: 0 2px 3px #DDD;
  padding: 10px;
  font-family: Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.1px !important;
}
#asterion_component_list h3 span,
.mini_dialog h3 span {
  float: right;
  background: transparent url('/images/icons/dropdown-white.png') no-repeat center center;
  display: block;
  width: 16px;
  height: 16px;
}
#asterion_component_list h3.ui-state-active span,
.mini_dialog h3.ui-state-active span {
  background-image: url('/images/icons/dropup-white.png');
}
#asterion_component_list .component_icon {
  position: relative;
  margin: 0;
  padding: 8px 0;
  height: 92px !important;
  border: none;
  cursor: move;
  background: #fff no-repeat 15px center;
  box-shadow: 0 1px 1px #ccc;
  margin-bottom: 10px;
  width: 180px;
  float: left;
  margin-right: 5px;
  margin-left: 4px;
  margin-top: 7px;
  margin-bottom: 7px;
  background-position: 50% 30%;
  border-radius: 5px;
}

#asterion_component_list .component_selection {
  cursor: pointer;
}

#asterion_component_list .component_icon.premium {
  cursor: auto;
}
#asterion_component_list .component_icon .drag {
  display: none;
  position: absolute;
  font-size: 11px;
  top: 0;
  right: 5px;
  text-transform: uppercase;
  color: #888;
}
#asterion_component_list .component_icon.active {
     box-shadow: 0 2px 5px #999;
     transition: box-shadow 0.2s ease;
}
#asterion_component_list .component_icon.active .drag {
  display: block;
}
.component_icon strong {
  font-family: Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  color: #555;
  margin-left: 60px;
  border-left: 1px solid #DDD;
  display: inline-block;
  padding-left: 15px;
}
.component_icon img.component_icon_image {
  width: 32px;
  margin: 5px 20px 0 5px;
  float: left;
}
.component_icon_helper {
  position: relative;
  margin: 0;
  width: 42px !important;
  height: 42px !important;
  border: 3px solid #333;
  border-radius: 3px;
  cursor: move;
  background: #fff no-repeat center center;
}
.component_icon_helper .component_name,
.component_icon_helper .drag {
  display: none;
}
.component_premium {
  position: absolute;
  width: 38px;
  height: 38px;
  padding: 0;
  margin-left: 5px !important;
  border: none;

  cursor: pointer;
  right: 0;
  top: 0;
}
/* Lists */

.dialog_content pre.highlighted_code {
  width: 530px;
  margin-left: 20px;
}
/* Manage pages dialog */

.dialog_content div.layout_icons_wrapper {
  height: 120px;
  position: relative;
}
.dialog_content div#layout_icons {
  position: absolute;
  top: 0;
  left: 0;
}
.dialog_content #layout_icons .layout_icon_wrapper {
  margin: 0 10px 10px 0;
  float: left;
  position: relative;
  width: 102px;
  height: 102px;
}
.dialog_content div.layout_icon {
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #ddd;
  border-radius: 3px;
  opacity: 0.7;
}
.dialog_content div.layout_icon a img {
  border: 5px solid transparent;
  border-radius: 3px;
  cursor: pointer;
}
.dialog_content div.inactive_layout a img {
  border-color: #999;
}
.dialog_content div.active_layout a img,
.dialog_content div.layout_icon a:hover img {
  /*border-color: #DED0CE;*/
}
.dialog_content #publish_page {
  float: left;
}
.dialog_content #code_highlighting {
  margin-top: 10px;
}
.dialog_content .favicon_preview {
  margin-top: 5px;
}
.dialog_content ul.graphical_select {
  margin-left: 15px;
}
.graphical_select {
  overflow: auto;
  zoom: 1;
}
.graphical_select li span {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #4F4B40;
}
.graphical_select li {
  list-style-type: none;
  float: left;
  margin: 5px !important;
}
.graphical_select li img {
  cursor: pointer;
  border: 3px solid #BFBEB6;
}
.dialog_content .graphical_select li label {
  width: auto;
  padding: 0;
}
.dialog_content .radio_field ul.graphical_select {
  float: left;
  padding: 0;
  margin: 0;
}
#asterion_page_layout_selection li img {
  border: 3px solid #bfbeb6;
  width: 176px;
  height: 98px;
}
#asterion_avatar_selection li {
  overflow: hidden;
  display: inline;
}
/* display: inline to fix msie double-margin bug */

#asterion_avatar_selection li img {
  border: 3px solid #bfbeb6;
  width: 48px;
  height: 48px;
}
/* Help */

.help_content ul {
  margin: 10px 20px;
}
.asterion_help_tools {
  padding: 10px 20px;
  background-color: #ddd;
  overflow: hidden;
  margin-bottom: 20px;
}
.asterion_help_categories {
  float: left;
  line-height: 28px;
}
.asterion_help_search {
  float: right;
}
.help_content table {
  width: 745px;
  margin: 0 auto;
}
.help_content .asterion_help_tools .search_field {
  width: 140px;
  font-size: 90%;
  margin-right: 4px;
}
.help_content ul.category_results li {
  list-style: disc inside none;
  margin: 5px auto;
  color: #aaa;
}
#custom_time_format_help {
  left: 560px;
}
/* Image selection dialog */

#image_component_selection {
  overflow: hidden;
  width: 350px;
  margin-left: 20px;
}
#image_component_selection .formError {
  margin-top: 40px;
}
#image_preview,
.image_preview {
  margin: 0px;
}
#image_preview_wrapper .formError {
  margin-left: 0;
}
#image_preview_wrapper {
  text-align: center;
  margin: -5px 20px 5px 20px;
}
#image_preview .external_preview {
  float: left;
  width: 400px;
}
#image_preview .external_preview label {
  width: auto;
}
#image_preview .external_preview input {
  width: 250px;
}
#image_preview .external_preview .formError {
  margin-left: 26px;
}
#image_preview #image_preview_image {
  line-height: 0px;
}
#image_preview #image_browse_asterion {
  padding-top: 3px;
}
#image_preview #image_preview_wrapper,
.image_preview .image_preview_wrapper {
  float: left;
}
#image_browse_flickr {
  float: left;
}
#image_preview #image_browse_flickr p {
  margin: 0 0 10px 0;
}
#image_preview #image_browse_flickr .dialog_button {} #image_preview #image_browse_flickr input {
  float: none;
}
.help_content h2 {
  margin: 10px 20px 0;
  padding: 5px 0;
  font-weight: bold;
  border-bottom: 1px solid #ddd;
}
.help_content h2 span {
  font-size: 15px;
  color: #444;
}
.help_content h4 span {
  font-size: 13px;
}
.help_content .note {
  background-color: #FFFFD5;
  border: 1px solid #EAEAA8;
  color: black;
  margin: 5px 20px 10px;
  padding: 10px;
}
.help_content .note b {
  display: block;
}
.help_content .note p {
  margin: 5px 0;
}
#blog_post_advanced_block {
  padding: 10px 0 0 10px;
}
.blog_post_block .input_field,
.blog_post_block .select_field {
  margin: 0 0 15px 0;
}
#asterion_blog_date_settings {
  position: relative;
}
#asterion_blog_date_example {
  position: absolute;
  left: 350px;
  top: 5px;
}
span.draft,
span.unapproved {
  color: #d00;
}
span.publishing {
  color: #080;
}
#custom_date_format_help,
#custom_time_format_help {
  position: absolute;
  font: 9px verdana;
  left: 230px;
  top: -5px;
  width: 225px;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #ccc;
  z-index: 2;
}
#custom_time_format_help {
  left: 560px;
}
.dialog_main .announce_to_checkbox {
  position: relative;
}
.dialog_main ul.account_selector {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10005;
  width: 110px;
  border: 1px solid #999;
  background-color: #eee;
  margin: 0px;
  display: none;
  padding: 0px;
  border-radius: 3px;
  -webkit-box-shadow: 2px 2px 5px #ccc;
  -moz-box-shadow: 2px 2px 5px #ccc;
  -ms-box-shadow: 2px 2px 5px #ccc;
  -o-box-shadow: 2px 2px 5px #ccc;
  box-shadow: 2px 2px 5px #ccc;
}
.dialog_main ul.account_selector li.link_new_account {
  border-top: 1px dotted #bbb
}
.dialog_main ul.account_selector li a {
  display: block;
  padding: 3px 5px;
}
.dialog_main ul.account_selector li a:hover {
  background-color: #fff;
}
.dialog_main ul.account_selector li.select_account {
  padding: 3px 5px;
  color: #555;
  border-bottom: 1px dotted #bbb;
}
.dialog_main #blog_post_announce_options .checkbox_field {
  margin: 0;
}
.dialog_main #post_comments_enabled .checkbox_field {
  margin: 10px 0 0 0;
}
.dialog_main #published_at_selection #time_published {
  margin-left: 10px;
}
.dialog_main #published_at_selection .checkbox_field {
  margin-right: 0px;
}

.dialog_content .richtext_left {
  float: left;
  width: 220px;
  padding: 10px 0 0 10px;
}
.dialog_content .richtext_right {
  float: right;
  width: 760px;
}
.dialog_content .richtext_left .input_field {
  margin: 0 0 15px 0;
}
.dialog_content .richtext_field {
  position: absolute;
  top: 75px;
  bottom: 0px;
  width: 1188px;
  height: auto;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.dialog_content .richtext_field .editor_tab {
  position: absolute;
  top: -25px;
  font-size: 12px;
  text-align: center;
  width: 90px;
  height: 25px;
  background-color: #ddd;
  color: #555;
  cursor: pointer;
  border: 1px solid #ccc;
  border-bottom: none;
  border-radius: 5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  line-height: 24px;
}
.dialog_content .richtext_field .editor_tab.active {
  background-color: #eee;
  cursor: default;
}
.dialog_content .richtext_title {
  height: auto;
  padding: 0 10px 10px;
}
.dialog_content .richtext_title .input_field {
  margin-right: 40px;
  width: 620px;
}
.dialog_content .richtext_title input {
  width: 500px;
}
.dialog_content .richtext_field .inlinesourceeditor {
  position: relative;
  height: 100%;
  width: 100%;
}
.dialog_content .richtext_field .inlinesourceeditor textarea {
  width: 99% !important;
  height: 99% !important;
  font-family: "Courier New", Monospace;
  color: #222;
}
.dialog_content .richtext_field span.mceEditor.defaultSkin {
  display: block;
  height: 100%;
}
.dialog_content #tiny_with_template_wrapper {
  position: relative;
}
.dialog_content .mceLayout {
  width: 100% !important;
  height: 100% !important;
  position: relative;
}
.dialog_content .mceLayout .mceFirst {
  height: 60px;
}
.dialog_content .mceLayout fieldset {
  vertical-align: top;
}
.dialog_content .mceLayout iframe {} .dialog_content .title_link,
.dialog_content .title_link_remove {
  border: 1px solid #ccc;
  border-radius: 3px;
  padding: 6px;
}
.dialog_content .title_link {
  background: url("/images/icons/link.png") 4px 50% no-repeat;
  height: 16px;
  padding-left: 22px;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 6px;
  color: #000 !important;
  text-decoration: none !important;
}
.dialog_content .title_link_remove {
  background: url("/images/icons/link_remove.png") center center no-repeat;
  height: 16px;
  width: 16px;
  margin-left: 2px;
  padding-left: 16px;
}
.dialog_content .title_link_remove span {
  display: none;
}
.dialog_content .title_link:visited,
.dialog_content .title_link_remove:visited {
  color: #000 !important;
  text-decoration: none !important;
}
.dialog_content .title_link:hover,
.dialog_content .title_link_remove:hover {
  border-color: #e17c4d;
}
.dialog_content .linked {
  background-color: #ee5;
  border-color: #cd8f00 !important;
}
#tiny_templates {
  width: 500px;
  height: 30px;
  float: left;
  position: relative;
  overflow: hidden;
  white-space: nowrap;
}
.dialog_content ul.tiny_template_list {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.dialog_content ul.tiny_template_list a {
  display: block;
}
.dialog_content #tiny_template_info {
  margin: 0 0 15px 0;
  display: block;
}
.dialog_content #tiny_template_info p {
  color: #4F4B40;
  padding: 0;
  margin: 0;
}
.dialog_content #tiny_template_info strong {
  color: #4F4B40;
}
.dialog_content ul.tiny_template_list li {
  float: left;
  margin: 0 5px 0 0;
}
.dialog_content ul.tiny_template_list li a img {
  border: 3px solid #999;
}
.dialog_content ul.tiny_template_list li a:hover img {
  border: 3px solid #1D86D0;
}
#charmapView {
  padding: 15px 0pt 0pt 15px;
}
.dialog_content #charmap {
  width: 462px;
  border-spacing: 2px;
  border-collapse: separate;
}
.dialog_content #charmap tr {
  height: auto;
}
.dialog_content #charmap td {
  width: 19px;
  height: 18px;
  border: 1px solid #aaa;
  vertical-align: middle;
  line-height: 18px !important;
}
.dialog_content #charmap a {
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  text-align: center;
  width: 18px;
  height: 18px;
  color: #000 !important;
  text-decoration: none;
  font-size: 12px;
  line-height: 18px !important;
}
.dialog_content #charmap a:hover {
  background: #CCC;
  color: #2B6FB6
}
.dialog_content #charmapSidebar {
  position: absolute;
  top: 17px;
  right: 16px;
  width: 100px;
}
.dialog_content #charmapSidebar #codeN {
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  height: 10px;
}
.dialog_content #charmapSidebar #codeV {
  font-size: 40px;
  height: 80px;
  line-height: 80px !important;
  border: 1px solid #AAA;
  text-align: center
}
.dialog_content .charmapBox {
  border: 1px solid #aaa;
  margin-top: 10px;
}
.dialog_content .charmapLabel {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
}
.dialog_content #codeA,
.dialog_content #codeB {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}
.dialog_content .CodeMirror-wrapping iframe {
  border: 1px solid #555;
}
.dialog_content .textarea_field.code_editor_container {
  padding: 0;
  height: auto;
}
.code_editor_container .CodeMirror-wrapping {
  border: 1px solid #aaa;
  border-radius: 3px;
  overflow: hidden;
  overflow-y: auto;
  height: 100%;
  width: auto !important;
  padding-right: 4px;
}
.code_editor_container .CodeMirror-wrapping iframe {
  width: 98%;
  border: none;
}
/** Navigation and Form Editors **/

#large_indicator_arrow {
  width: 80px;
  height: 230px;
  float: left;
  margin-right: 20px;
  opacity: 0.7;
}
/** Navigation Editor **/

#navigation_sidebar,
#form_sidebar {
  width: 290px;
  float: left;
  margin-left: 10px;
  position: absolute;
}
#form_sidebar {
  width: 260px;
}
#navigation_sidebar p,
#form_sidebar p {
  padding: 0 2px;
  margin-top: 20px;
  line-height: 25px !important;
}
p.navigation_items {
  margin-left: 80px;
}
#navigation_content,
#form_content {
  float: left;
}
#navigation_content {
  margin-left: 400px;
  width: 640px;
}
#form_content {
  margin-left: 280px;
  width: 700px;
}
#primary_navigation_editor,
#navigation_editor {
  zoom: 1;
  margin-left: 5px;
  background: transparent url(/images/dialog/drag_bg.png) no-repeat 0% 50%;
  margin-bottom: 10px;
}
#primary_navigation_editor h5,
#navigation_editor h5 {
  margin-left: 0;
}
#navigation_editor_right label {
  width: 40px !important;
  text-align: left !important;
}
#navigation_editor_right input.short {
  float: left;
  width: 120px !important;
}
#navigation_editor_right .dialog_button {
  float: right;
}
#navigation_editor_right input {
  width: 180px !important;
}
#navigation_editor li.label {
  margin: 0 12px;
}
#navigation_editor li.label ul {
  padding: 0 15px 0 15px;
  margin-bottom: 5px;
}
#navigation_editor li.label h6 {
  font-size: 12px;
  margin: 0;
}
div#new_item_id {
  border-width: 0px;
}
div.form_editor_canvas,
ul.editor_canvas {
  padding: 5px 2px 10px;
}
div#form_editor_canvas .form_editor_field h3 {
  background-color: #fff;
  color: #555;
  text-shadow: none;
  font-size: 20px;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
div#form_editor_canvas,
ul#nav_editor_canvas {
  overflow: visible;
  border: none;
  padding: 0;
  margin: 0;
  position: relative;
  min-height: 165px;
}
div#form_editor_canvas.empty,
ul#nav_editor_canvas.empty {
  /*background: transparent url('/images/drop_here.png') no-repeat left center;*/
}
.dialog_content #nav_editor_canvas .navigation_label {
  font-weight: bold
}
form#fieldset_form .asterion_dialog_submit,
form#navigation_form .asterion_dialog_submit {
  margin-top: 0;
}
div.form_editor_canvas .ui-sortable-placeholder,
ul.editor_canvas .ui-sortable-placeholder {
  margin: 0 5px 5px;
  padding: 11px;
}
div.form_editor_canvas div.form_editor_field,
ul.editor_canvas li.editor_item,
li.editor_item_placeholder,
div.editor_item_placeholder {
  padding: 26px 10px;
  margin: 0 0 10px 0;
  position: relative;
  background-color: white;
  display: block;
  box-shadow: 0 1px 2px #AAA;
  border-radius: 3px;
}
/*li.editor_item_placeholder, div.editor_item_placeholder { background-color: #E0ECFE; height: 1px; }*/

li.editor_item_placeholder,
div.editor_item_placeholder {
  background-color: #EDF1F2;
  -moz-box-shadow: inset 0 0 5px #888;
  -webkit-box-shadow: inset 0 0 5px#888;
  box-shadow: inner 0 0 5px #888;
}
ul.editor_canvas li.ui-sortable-helper {
  min-height: 46px !important;
}
div.form_editor_canvas div.form_editor_field {
  /* We have to do this to make the divs contain the inputs for radio buttons and
     checkboxes, but we can't do it for the generic .editor_canvas because it causes
     nested lists (i.e. the navigation menu editor) to explode. */
  overflow: hidden;
  padding-left: 60px;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-e {
  background: #333 url(/images/icons/drag_e.png) no-repeat scroll center center;
  overflow: hidden;
  right: -10px;
  height: 100%;
  position: absolute;
  cursor: e-resize;
  width: 10px;
  top: 0px;
  bottom: 0px;
  font-size: 0.1px;
}
.asterion_selectbox .ui-resizable-e {
  right: -10px;
}
.ui-resizable-se {
  background: #333 url(/images/icons/drag_se.png) no-repeat scroll center center;
  overflow: hidden;
  bottom: 0px;
  right: 0px;
  position: absolute;
  cursor: se-resize;
  width: 10px;
  height: 10px;
}
div.form_editor_canvas div.form_editor_field.ui-sortable-helper,
ul.editor_canvas li.editor_item.ui-sortable-helper {
  width: 450px;
}
ul.editor_canvas li.editor_item ul {
  margin: 30px 0 -30px 60px;
  min-height: 70px;
  background: transparent url("/images/drop_here_small.png") no-repeat 110px 15px;
}
ul#nav_editor_canvas div.navigation_item {
  position: absolute;
  left: 110px;
  top: 16px;
  padding-left: 5px;
  color: #555;
  max-width: 300px;
  overflow: hidden;
  white-space: nowrap;
}
ul#nav_editor_canvas div.editor_item_type {
  background-repeat: no-repeat;
  background-position: 2px 2px;
  position: absolute;
  top: 14px;
  left: 80px;
  height: 20px;
  width: 21px;
}
.dialog_content li.empty_first {
  height: 10px;
}
.dialog_content li.empty_last {
  height: 10px;
}
ul#nav_editor_canvas div.editor_item_type span {
  display: none;
}
ul#nav_editor_canvas .ui-draggable {
  width: 200px;
  height: 20px;
}
.dialog_content div.form_editor_field label,
.dialog_content div.form_editor_field .label {
  float: none;
  text-align: left;
  padding: 0;
}
div.form_editor_canvas div.form_editor_field div.radio_options {
  float: left;
  margin-top: 3px;
}
div.radio_option {
  display: block;
  clear: both;
}
div.form_editor_canvas div.form_editor_field.dialog_form_radio_field .radio_options label,
div.form_editor_canvas div.form_editor_field.dialog_form_check_box_field label {
  float: left;
}
div.form_editor_canvas div.form_editor_field.dialog_form_radio_field .radio_options input,
div.form_editor_canvas div.form_editor_field.dialog_form_check_box_field input {
  float: left;
  width: auto;
}
div.form_editor_canvas div.form_editor_field_actions,
ul.editor_canvas div.editor_item_actions {
  position: absolute;
  right: 5px;
}
ul.editor_canvas div.editor_item_actions {
  top: 13px;
}
div.form_editor_canvas div.form_editor_field_actions {
  top: 14px;
}
div.form_editor_canvas div.dialog_form_submit_field input {
  border: none;
  background: none;
}
.dialog_content .drag_form_field {
  display: inline-block;
  text-indent: -20000px !important;
  width: 35px;
  padding: 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url('/images/component/move_indicator.png');
  font-size: 8pt;
  opacity: 0.5;
}
.dialog_content .form_editor_canvas .drag_form_field {
  position: absolute;
  left: 10px;
  top: 50%;
  height: auto;
  margin: -9px 0 0 0;
  padding: 0;
}
#editor_palette {
  background: transparent url('/images/medium_right_arrow.png') no-repeat right center;
  width: 345px;
}
#editor_palette #available_items {
  margin: 0;
  padding: 0;
}
#editor_palette ul#available_items li {
  position: relative;
  padding: 15px 45px 15px 40px;
  background-color: white;
  display: block;
  margin: 0 0 10px 0;
  cursor: move;
  background-position: 15px center;
  background-repeat: no-repeat;
  z-index: 10005;
  color: #555;
  box-shadow: 0 1px 2px #AAA;
  border-radius: 3px;
  width: 185px;
}
#form_sidebar #editor_palette ul#available_items li {
  width: 120px;
}
#form_sidebar #editor_palette {
  width: 260px;
}
/**
 * Form Editor Items
 */

#form_palette_heading {
  background-image: url('/images/icons/heading.png');
}
#form_palette_paragraph {
  background-image: url('/images/icons/paragraph.png');
}
#form_palette_text_field {
  background-image: url('/images/icons/text_field.png');
}
#form_palette_text_area {
  background-image: url('/images/icons/text_area.png');
}
#form_palette_radio {
  background-image: url('/images/icons/radio.png');
}
#form_palette_check_box {
  background-image: url('/images/icons/check_box.png');
}
#form_palette_select_box {
  background-image: url('/images/icons/select_box.png');
}
#form_palette_date_field{
  background-image: url('/images/icons/calendar.png');
}
#form_palette_time_field{
  background-image: url('/images/icons/time.png');
}
#form_palette_attachment_field{
  background-image: url('/images/icons/attachment.png');
}
/* Drag-to-add Items  */

#editor_palette ul#available_items li .drag_item {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  width: 45px;
  height: 100%;
  background: transparent url('/images/component/move_indicator.png') no-repeat center center;
  text-indent: -20000px;
  opacity: 0.5;
}
.dialog_scroll_wrapper {
  position: absolute;
  z-index: 10001;
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  overflow: auto;
  margin: 0px;
  padding: 0px;
}
#asterion_applying_changes,
#asterion_loading {
  text-align: center;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-weight: strong !important;
  padding-top: 80px;
  letter-spacing: 1px;
  font: 17px"Trebuchet MS", Helvetica, sans-serif !important;
  color: #fff;
  z-index: 1005;
  opacity: .85;
  filter: alpha(opacity=85);
}
#asterion_applying_changes {
  background-color: #000;
  display: none;
}
#asterion_applying_changes img,
#asterion_loading img {
  border: 0px;
  padding: 0px;
  margin: 10px 0 0 0;
  background: none !important
}
.dialog_content #asterion_youtube_video_list li,
.dialog_content #asterion_flickr_photo_list li {
  float: left;
  padding: 5px;
  margin: 5px 10px 20px 14px;
  text-align: center;
  font-weight: bold;
  overflow: hidden;
  width: 126px;
  height: 120px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
}
.dialog_content #asterion_youtube_video_list a,
.dialog_content #asterion_youtube_video_list a:visited {
  line-height: normal !important;
  text-align: center;
  text-decoration: none;
}
.dialog_content ul#asterion_youtube_video_list {
  height: 410px;
  margin: 0px 20px 20px 20px;
}
.dialog_content #asterion_youtube_video_list li {
  width: 141px;
  height: 147px;
}
.dialog_content #asterion_youtube_video_list li .video_title {
  margin-top: 5px;
}
.dialog_content #asterion_youtube_video_list li a img {
  width: 100%;
}
.dialog_content ul.asterion_youtube_video_info {
  margin: 0 20px;
}
#asterion_youtube_preview_description {
  margin-top: 10px;
}
/* asset information */

.dialog_content .org_files {
  line-height: 2;
  margin-left: 15px;
}
.dialog_content .right_options .header_options {
  position: inherit;
  margin-top: -9px;
}
.dialog_content .right_options {
  position: absolute;
  right: 10px;
  top: 9px;
  width: 650px;
}
.dialog_content #asset_options.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
.dialog_content #asset_options.disabled a {
  cursor: default;
}
/* Asset Collections*/

.dialog_content .collection_container {
  float: right;
  width: 300px;
  padding-top: 8px;
  position: relative;
  height: 90%;
}
.dialog_content .collection_container h4 {
  padding: 5px 0;
  margin: 0;
}
.dialog_content .collection_container .collections_actions {
  float: right;
  padding-right: 15px;
}
.collection_container #collection_manager {
  border: none;
}
.dialog_content #collection_list {
  list-style-type: none;
  padding-bottom: 20px;
  margin: 10px 0 0 0;
}
.dialog_content #collection_list li {
  border: 1px solid transparent;
  border-left: none;
  border-right: none;
  background-image: none;
  padding: 2px 0 0 10px;
  clear: both;
  height: 26px;
  cursor: pointer;
}
.dialog_content #collection_list li .collection_label {
  position: relative;
  padding: 4px 0 0 8px;
  line-height: 25px;
  color: #666;
}
.dialog_content #collection_list .collection_actions {
  display: block;
  float: left;
  width: 24px;
  margin-top: 2px;
}
.dialog_content #collection_list .collection_actions span {
  display: inline-block;
}
.dialog_content #collection_list .collection_actions .add_to_collection,
.dialog_content #collection_list .collection_actions .remove_from_collection,
.dialog_content #collection_list .collection_actions .complete_collection {
  display: none;
}
.dialog_content .add_to_collection a {
  display: block;
}
.dialog_content #collection_list.with_assets_selected .collection_actions .no_action {
  display: none;
}
.dialog_content #collection_list.with_assets_selected .collection_actions .add_to_collection {
  display: block;
}
.dialog_content #collection_list.with_assets_selected li.contains_some .collection_actions .add_to_collection,
.dialog_content #collection_list.with_assets_selected li.contains_all .collection_actions .add_to_collection {
  display: none;
}
.dialog_content #collection_list.with_assets_selected li.contains_some .collection_actions .complete_collection {
  display: block;
}
.dialog_content #collection_list.with_assets_selected li.contains_all .collection_actions .remove_from_collection {
  display: block;
}
.dialog_content #collection_list li a,
.dialog_content #collection_list li .collection_label {
  font-size: 13px;
}
.dialog_content #collection_list li .collection_label a,
.dialog_content #collection_list li .collection_label .folder {
  font-shadow: none;
}
.dialog_content #collection_list li .collection_label .folder.selected {
  font-weight: bold;
}
.dialog_content #collection_list .collection_count {
  margin: 0 1px;
}
/*.dialog_content #collection_list.with_assets_selected li.contains_all .collection_label .folder,
.dialog_content #collection_list.with_assets_selected li.contains_all .collection_label a {
  color: #e6ffff;
  background-color: #518ebd;
  text-decoration: none;
}

.dialog_content #collection_list.with_assets_selected li.contains_some .collection_label .folder,
.dialog_content #collection_list.with_assets_selected li.contains_some .collection_label a {
  color: #e6ffff;
  background-color: #afd0e8;
  text-decoration: none;
}*/

.dialog_content #asset_collection_list {
  height: 140px;
  overflow: auto;
}
.dialog_content #collection_list #collection_root {
  /*padding: 2px 0 2px 10px;*/
}
.dialog_content #collection_root span {} .dialog_content .CodeMirror-line-numbers {
  font-family: monospace;
  font-size: 10pt;
  text-align: right;
  line-height: 15px;
}
.dialog_content #collection_list li.selected_folder {
  background-color: #C9E4EE;
  border-radius: 3px;
}
.dialog_content #collection_list li.selected_folder a {
  color: #d14836;
}
.dialog_content #collection_list li.selected_folder a:hover {
  color: #EDF1F2;
}
.dialog_content #collection_list li.hover {
  background-color: #a9d4e3;
  border-radius: 3px;
}
/* Image */

#asset_footer_details {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #555;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  width: 621px;
  min-height: 60px;
}
.dialog_content div.progress_bar {
  width: 170px;
  height: 15px;
  border: solid 1px #888;
  position: relative;
  border-radius: 3px;
}
.dialog_content div.progress_bar span.status_bar {
  display: block;
  height: 15px;
  width: 0px;
  background-color: #8CDD81;
  position: absolute;
}
.dialog_content div.progress_bar span.status_text {
  display: block;
  position: absolute;
  font-size: 11px;
  text-align: center;
  width: 100%;
}
.dialog_content #add_files_container {
  position: relative;
}
.dialog_content #basic_upload_wrapper {
  margin-top: 15px;
}
.dialog_content #or_wrapper {
  padding-top: 40px;
  padding-bottom: 5px;
}
.dialog_content #upload_swfobject {
  height: 90%;
  padding: 20px 0 0 0;
}
.dialog_content #upload_swfobject .upload_container {
  width: 600px;
  float: right;
  padding: 0 15px;
  height: 100%;
}
.dialog_content #upload_swfobject .upload_container table {
  width: 100%;
}
.dialog_content #upload_swfobject .table_scroll_wrapper {
  max-height: 80%;
  overflow-x: visible;
  overflow-y: auto;
}
.dialog_content #upload_swfobject thead {
  /*background-color: #d8d8d8;
  border-top: 1px solid #000;*/
}
.dialog_content #upload_swfobject #organize_files {
  float: left;
  width: 345px;
  height: 300px;
  border-right: 1px dotted #aaa;
  padding: 0 0 0 15px;
}
.dialog_content #organize_files div.input_field {
  margin: 0;
}
.dialog_content #organize_files label {
  margin-bottom: 5px;
}
.dialog_content #organize_files .desc {
  margin-bottom: 5px;
}
#no_uploads_notice td {
  text-align: center;
  padding: 23px;
}
/* friend dialog */

.dialog_content .dialog_table.friendlist img {
  width: 64px;
}
#asset_dialog_container {
  position: relative;
  overflow: hidden;
  clear: both;
  height: 100%;
}
#collection_manager {
  width: 200px;
  height: 100%;
  float: left;
  border-right: 1px dotted #ccc;
  margin-top: 2px;
}
#collection_manager ul li {
  padding-left: 15px;
}
#collection_manager span {
  text-shadow: none;
}
#collection_manager h4 {
  margin-top: 0px;
  margin-bottom: 5px;
  font-size: 15px;
}
#collection_list_container {
  position: absolute;
  top: 0;
  bottom: 65px;
  overflow-y: auto;
  width: 194px;
}
.collection_container #collection_list_container {
  position: static;
  overflow-y: visible;
  width: auto;
  top: auto;
  bottom: auto;
}
#inline_folder_manager {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 10px 0 10px 17px;
  width: 170px;
  height: 25px;
}
.asset_preview_container {
  float: left;
  margin-right: 10px;
  max-width: 322px;
}
.asset_preview {
  width: 300px;
  height: 250px;
  border: 1px solid #ccc;
  text-align: center;
  padding: 10px;
  background: #fff no-repeat center center;
}
.asset_image img {
  border: 1px solid #666;
}
.asset_preview .asset_preview_link {
  width: 100%;
  height: 100%;
  display: block;
  text-decoration: none;
}
.asset_preview_container .metadata {
  background-color: #DDDDDD;
  border: 1px solid #ccc;
  border-top: none;
  padding: 5px;
}
.asset_document_preview img,
.asset_audio_preview img,
.asset_other_preview img,
.asset_video_preview img {
  margin-top: 80px;
}
/*
 * Asset Details
 */

#file_info_form {
  height: 100%;
  float: left;
}
.dialog_content #show_assets_container {
  width: 700px;
  position: relative;
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}
.dialog_content .asset_container {
  float: left;
  width: 680px;
}
.dialog_content .asset_information {
  padding: 15px;
}
.dialog_content .asset_information .buttons {
  background-color: #fff;
  margin: 10px 0;
  padding: 5px;
  text-align: right;
  border: 1px solid #ccc;
}
.dialog_content .asset_information .buttons a {
  padding-top: 2px;
}
.dialog_content .asset_information .buttons a.rotate {
  margin-left: 10px;
  padding: 0;
  opacity: 0.3;
}
.dialog_content .asset_information .buttons a.rotate:hover {
  opacity: 1;
}
.dialog_content .asset_file_info {
  float: left;
  width: 300px;
  margin-top: 15px;
}
.dialog_content .asset_file_info label {
  float: none;
  text-align: left !important;
  padding: 0px !important;
}
.dialog_content .asset_file_info input,
.dialog_content .asset_information .asset_file_info textarea {
  width: 280px;
}
.dialog_content .asset_file_info textarea {
  height: 90px;
  width: 280px;
}
.dialog_content .asset_file_info .dialog_button {
  float: none !important;
  margin: 10px 0 0 0 !important;
  display: block;
}
.dialog_content form .input_field {
  margin-bottom: 20px;
  height: auto;
}
#no_files {
  text-align: center;
  margin-top: 50px;
}
#no_files br {
  display: block;
  margin: 5px;
}
#dialog_wrapper #create_folder_button {
  font-size: 13px;
  padding-left: 30px;
  background-image: url('/images/icons/folder_add.png') !important;
  background-position: 5px center;
  background-repeat: no-repeat;
  line-height: 15px !important;
}
.dialog_content #collection_list li.dropping {
  background-color: #ffe04d;
  border-color: #e9c617;
}
.sortable-helper {
  width: 66px;
  height: 50px;
}
.sortable-helper div {
  border: 1px solid #888;
  width: 66px;
  height: 50px;
  opacity: 0.5;
}
.dialog_content .ajax_scroll_inner_wrap {
  height: 100%;
}
.dialog_content .index_folder {
  display: block;
  text-decoration: none;
  background: transparent url('/images/index_folder.png') no-repeat center center;
  width: 126px;
  height: 120px;
  margin: 25px 13px 0 14px;
  padding: 0;
  border: 1px solid transparent;
  text-align: center;
  float: left;
  overflow: hidden;
  position: relative;
}
.dialog_content .index_folder span {
  display: inline-block;
  margin: 40px 5px 0 5px;
  font-size: 13px;
  color: #555;
  padding: 5px;
  background-color: #ffc;
  border: 1px solid #ffa;
  font-weight: bold;
}
/**
 Jquery-ui dialog
 */

div.ui-dialog {
  position: absolute;
  border: 1px solid transparent;
  border-radius: 3px;
  box-shadow: 0 0 10px #222;
  padding: 0;
  z-index:1000000 !important;
  width: auto;
  max-width: 500px;
  background-color: #fff;
}
div.ui-dialog .ui-dialog-titlebar {
  position: relative;
  background-color: #454545;
  background-image: -webkit-linear-gradient(top, #454545, #111);
  background-image: -moz-linear-gradient(top, #454545, #111);
  background-image: -ms-linear-gradient(top, #454545, #111);
  background-image: -o-linear-gradient(top, #454545, #111);
  background-image: linear-gradient(top, #454545, #111);
  padding: 10px;
  overflow: hidden;
  margin: -1px -1px 0 -1px;
  border: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  text-align: left;
}
div.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  white-space: nowrap;
  font-size: 17px;
  color: #EEE;
  font-weight: 200;
  font-family: Arial, sans-serif;
  line-height: 1em;
}
div.ui-dialog .message {
  padding: 15px 10px 12px 10px;
  font-size: 14px;
}
div.ui-dialog .message h3 {
  font-style: normal;
  font-size: 1.4em;
  font-weight: normal;
  margin: 0 0 15px 0;
  padding: 0;
  text-transform: none;
  text-decoration: none;
  color: #222;
  font-family: Arial, sans-serif;
}
div.ui-dialog .message p {
  color: #222;
  margin: 10px 0;
}
div.ui-dialog .message select {
  font-size: 16px;
}
div.ui-dialog .ui-dialog-buttonpane {
  background-color: transparent;
  padding: 10px;
  margin: 0 -1px -1px;
  min-width: 350px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
div.ui-dialog .ui-dialog-buttonset {
  text-align: right;
}
div.ui-dialog .ui-dialog-buttonset button {} div.ui-dialog .ui-dialog-buttonset button .ui-button-text {} div.ui-dialog .ui-dialog-buttonset button:last-child {
  margin-right: 0;
}
div.ui-dialog .ui-dialog-content,
div.ui-dialog .message {
  text-align: left;
  max-width: 420px;
  color: #555;
}
div.ui-widget-overlay {
  opacity: 0.3;
  filter: alpha(opacity=30);
  background-image: none;
  background-color: #000;
  z-index: 10003 !important;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  top: 8px;
  right: 8px;
  background: transparent url('/images/icons/close_white.png') no-repeat center center;
  text-indent: -20000px !important;
  display: inline-block;
  width: 20px;
  height: 20px;
  line-height: 16px !important;
  margin-left: 40px;
}
.ui-widget-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-widget-overlay {
  background: #aaaaaa url(/images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: .30;
  filter: Alpha(Opacity=30);
}
/*
 * jQuery.ui date picker
 */

.full_height,
.full_height div,
.full_height fieldset,
.full_height form {
  height: 100%;
}
.select_field {
  height: auto !important;
}
.CodeMirror-wrapping {
  height: auto;
  overflow: visible;
}
.CodeMirror-wrapping iframe {
  margin: 0;
  background-color: #fff;
  padding-left: 5px;
}
.dialog_content .image_selection {
  height: 100px;
}
#autosave_toggle {
  float: right;
  margin: 6px 0 0 0;
  height: 16px;
}
#autosave_toggle input {
  padding: 0;
}
#autosave_toggle label {
  color: #555;
}
.indent {
  margin-left: 15px;
  position: relative;
}
.dialog_content .button_a {
  float: right;
  color: #fff;
  margin-top: -6px;
}
.dialog_content .left_aligned .input_field {
  float: left;
}
.dialog_content .massive_dialog .left_aligned .input_field {
  width: 400px;
}
.dialog_content #image_gallery_thumbnail_styles img {
  border: 4px solid transparent;
  cursor: pointer;
}
.dialog_content #image_gallery_thumbnail_styles img.selected {
  border-color: #1D86D0;
}
.quick_size {
  position: absolute;
}
.quick_size img {
  cursor: pointer;
}
.quick_size span {
  position: absolute;
  top: 5px;
  left: 5px;
  background-color: #fff;
  padding: 2px 4px;
  color: #555;
  font-size: 11px;
  font-weight: bold;
}
/*
 Ecwid Product Listing Component Dialog
*/

#ecwid_product_layouts {
  margin-top: 20px;
  padding: 0 0 0 20px;
}
#ecwid_product_layouts .layout {
  position: relative;
  width: 230px;
  height: 260px;
  margin-right: 70px;
  float: left;
}
#ecwid_product_layouts img {
  cursor: pointer;
  background-color: #fff;
  border: 4px solid #ddd;
}
#ecwid_product_layouts .layout label {
  height: 17px
}
#ecwid_product_layouts .grid_layout {
  margin-right: 0;
}
#ecwid_product_layouts .quantity_limits {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: transparent;
}
#ecwid_product_layouts .right_option {
  position: absolute;
  top: 20px;
  right: 0;
  width: 40px;
  height: 172px;
  border-left: 2px solid #666;
}
#ecwid_product_layouts .bottom_option {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 156px;
  height: 40px;
  border-top: 2px solid #666;
}
#ecwid_product_layouts .option span {
  width: 40px;
  display: block;
  background-color: #fff;
}
#ecwid_product_layouts .right_option input,
#ecwid_product_layouts .bottom_option input {
  border: 2px solid #666;
  text-align: center;
  width: 30px;
}
#ecwid_product_layouts .right_option span {
  margin: 67px 0 0 -22px;
  padding: 4px 0;
}
#ecwid_product_layouts .bottom_option span {
  margin: -15px 0 0 52px;
  width: 52px;
  text-align: center;
}
#ecwid_product_layouts .layout img.selected {
  border-color: #1D86D0;
}
.weekend td {
  background-color: #E8E8E8;
}
.dialog_content .guestbook {
  background-image: url('/images/icons/guestbook.png') !important;
}
.dialog_content .guestbook_plus {
  background-image: url('/images/icons/guestbookplus.png') !important;
}
.dialog_content .asset_select_index a {
  margin: 5px auto;
}
.favicon_upload_container {} .favicon_upload_container td.file_name,
.favicon_upload_container td.file_size,
.favicon_upload_container td.asterion_right {
  display: none;
}
.favicon_upload_container .progress_bar {
  margin-top: 15px;
  width: 154px !important;
}
.massive .wide {
  width: 960px;
}
.dialog_content #file_name div {
  margin-bottom: 20px;
}
.dialog_content .caption {
  margin-top: 10px;
}
.dialog_content #layout_icons .layout_icon img {
  width: 90px;
}
.dialog_content .remove_link {
  margin-top: 90px;
}
.dialog_content .remove_link h2 {
  font-weight: bold;
  padding-bottom: 10px;
  display: block;
}
.upgrade_notice a {
  float: right;
}
.upgrade_notice {
  padding: 10px;
  margin: 20px;
  background-color: #e1e1e1;
}
/**
 * Hide the youtube players when a dialog is open
 * This is mostly to fix an issue in IE8 where the youtube player is visible through open dialogs.
 */

body.active-dialog iframe.mceYoutubeVideo {
  visibility: hidden;
}
/*
 * Div layouts
 */

.aclear {
  clear: both;
}
.split {
  width: 49%;
  float: left;
  position: relative;
}
._90 {
  width: 89%;
}
._80 {
  width: 79%;
}
._70 {
  width: 69%;
}
._60 {
  width: 59%;
}
._50 {
  width: 49%;
}
._40 {
  width: 39%;
}
._30 {
  width: 29%;
}
._20 {
  width: 19%;
}
._10 {
  width: 9%;
}
.pad_90 {
  margin-right: 89%;
}
.pad_80 {
  margin-right: 79%;
}
.pad_70 {
  margin-right: 69%;
}
.pad_60 {
  margin-right: 59%;
}
.pad_50 {
  margin-right: 49%;
}
.pad_40 {
  margin-right: 39%;
}
.pad_30 {
  margin-right: 29%;
}
.pad_20 {
  margin-right: 19%;
}
.pad_10 {
  margin-right: 9%;
}
.r_border {
  border-right: 1px dotted #aaa;
}
.l_border {
  border-left: 1px dotted #aaa;
}
fieldset.justify {
  padding-left: 20px;
  padding-right: 20px;
}
fieldset.l_justify {
  padding-left: 20px;
}
fieldset.r_justify {
  padding-right: 20px;
}
/********************************************************************************
 * ShareButtons Component
 ********************************************************************************/

/* Dialog Styles  */

#share_buttons .icons_container {
  position: absolute;
  top: 170px;
  left: 0;
  bottom: 0;
  width: 100%;
}
#share_buttons #preview_icons li {
  position: relative;
  cursor: move;
}
#share_buttons .pick_icons_container {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
}
#share_buttons .pick_icons_container img {
  cursor: pointer;
}
#share_buttons .switch_icons_button {
  float: right;
  font-size: 11px;
}
#share_buttons #pick_icons_all {
  display: none;
}
#share_buttons .icon_list {
  margin: 10px 20px 20px 20px;
}
#share_buttons .icon_list li {
  float: left;
  padding: 0 16px 16px 0;
  margin: 0 0 16px 0;
}
#share_buttons .icon_list img {
  margin: 0;
}
#share_buttons #pick_icons_all .icon_list {
  position: absolute;
  top: 80px;
  bottom: 0;
  overflow-y: auto;
}
#share_buttons .pick_icons_container img.picked {
  opacity: 0.3;
  filter: alpha(opacity=30);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100001;
  border: 1px dotted black;
}
ul#asset_list.thumbnail li.ui-selected .thumbnail_wrapper,
ul#asset_list.thumbnail li.ui-selecting .thumbnail_wrapper,
.popup-selected {
  box-shadow: -5px 5px 6px #555;
  top: -5px;
  left: 5px;
  opacity: 1 !important;
  border-color: #E5B700;
  border-width: 2px;
  background-color: #fae9a5;
}
.text-highlight {
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 2px 4px;
  font-weight: 200;
  background-color: white;
  color: #000;
}

.container_size {
  clear: both;
}
#asterion_components_container .notice {
  margin: 0 6px 10px 0;
  padding: 10px;
  background-color: #CBEBAE;
  border-radius: 3px;
}
#dialog_wrapper .theme_image_preview div {
  border: 1px dashed #aaa;
  padding: 5px;
}
#dialog_wrapper .theme_image_preview img {
  width: 100%;
}
#dialog_wrapper .theme_image_blank p {
  padding: 30px;
  margin: 0;
}
#dialog_wrapper .hidden {
  display: none;
}
#dialog_wrapper .freemium-content {
  position: relative;
  border: 1px solid #ECDA3D;
  margin: 0 20px;
  border-radius: 3px;
  padding: 0 0 1px 10px;
  background: #f5f5d3 url('/images/icons/yellow_star.png') no-repeat 10px 12px;
}
#dialog_wrapper .freemium-content a.dialog_button {
  position: absolute;
  right: -3px;
  top: 7px;
}
#dialog_wrapper fieldset div.freemium-content {
  margin: 0;
}
#dialog_wrapper fieldset div.freemium-content p {
  margin: 10px 25px;
}
#dialog_wrapper .asterion_dialog_submit .freemium-content {
  font-size: 12px;
  line-height: 25px;
  float: right;
  background-position: 10px 5px;
  padding-left: 35px;
  padding-right: 10px;
}
#after_effects, #button_editor, #divider_editor {
  width: 300px;
  position: absolute;
  z-index: 10001;
  top: 100px;
  right: 5px;
  display: none;
  font-size: 15px;
  line-height: 1.5em;
  border: 1px solid #666;
  vertical-align: top;
  font-weight: 400;
  text-align: left;
  color: #333;
}
.mini_dialog a,
.mini_dialog a:hover {
  color: #fff;
  text-decoration: none;
}
.dialog_body .checkbox {
  margin: inherit;
}
.mini_dialog .checkbox {
  float: left;
  padding-right: 2px;
}
.mini_dialog .picker {
  margin-top: 2px;
}
.mini_dialog .titlebar {
  display: block;
  background-image: url('/images/icons/close_white.png') repeat-x;
  cursor: move;
  color: #fff;
  font-size: 17px;
  font-family: "Droid Serif", Georgia;
  color: #eee;
  font-weight: 200;
}
.mini_dialog .ui-accordion-content {
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 10px;
}
.mini_dialog .disabled,
.mini_dialog .disabled:hover {
  background-color: #666;
  color: #999 !important;
  top: 0;
  cursor: default;
  border: 1px solid #666;
}
.mini_dialog .restore, .mini_dialog .restore:active {
  padding: 1px 0;
  margin: 0;
  margin-right: 10px;
  font-size: 11px;
  min-width: 60px;
  border: 1px solid #AAA;
}
.mini_dialog .restore:hover {
  border: 1px solid #fff;
}
.mini_dialog .button, .mini_dialog .button:active {
  font-family: Arial, sans-serif;
}
.mini_dialog .save,
.mini_dialog .save:active{
  float: right;
  position: relative;
  margin: 0;
  padding: 5px;
}
.mini_dialog .revert,
.mini_dialog .revert:active {
  float: left;
  margin: 0;
  padding: 5px;
}
.mini_dialog input,
.mini_dialog textarea {
  background-color: #fff;
  border: 1px solid #eee;
  color: #000;
  font-size: 15px;
  font-weight: none;
  margin: 0;
  padding: 5px;
}
.mini_dialog select,
.mini_dialog select:hover {
  background-color: #fff;
  border: 1px solid #eee;
  color: #000;
}
.mini_dialog label {
  font-weight: 400;
  display: inline;
}
.mini_dialog input[type="checkbox"] {
  background: none;
  border: 0;
  margin-right: 2px;
  padding: 0;
  margin-left: 0;
}
.mini_dialog .saved {
  border: 1px solid #24572A;
  color: #24572A;
  font-weight: 700;
  background: #C2FFA8 url(/images/icons/accept.png) no-repeat;
  background-position: 3px center;
  padding: 5px 30px;
  clear: both;
  margin-top: 40px;
  margin-left: 0;
}
.mini_dialog .skinny {
  zoom: 1;
  clear: both;
  margin: 0;
  padding: 10px 0;
  min-height: 50px;
}
.mini_dialog .close {
  float: right;
  font-size: 16px;
  line-height: 1em;
  color: #ccc !important;
  height: 18px !important;
  text-align: center;
  padding: 0 2.5px 0 0 !important;
  font-weight: bold !important;
  font-family: verdana !important;
  margin-top: -1px;
  text-decoration: none !important;
  background: transparent url('/images/icons/close_white.png') no-repeat center center;
  text-indent: -20000px !important;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.mini_dialog .close:hover {
  color: #fff !important;
  text-decoration: none !important;
}
.mini_dialog .dialog_body div {
  margin-bottom: 15px;
}

.mini_dialog .picker_wrapper{
position: relative;
line-height: 20px;
float: none;
}
.mini_dialog .val {
  display: block;
  position: absolute;
  right: 0;
  top: -5px;
  width: 60px;
  height: 14px;
  text-align: right;
  background: transparent;
  border: none;
}
.mini_dialog .ui-accordion-header {
  clear: both;
  font-weight: 200;
  color: #555;
}
#effects_saving {
  line-height: 2.5em;
}
.mini_dialog,
.mini_dialog input,
.mini_dialog select {
  margin-left: 10px;
}
/* After Effects sliders */

.mini_dialog .ui-slider {
  position: relative;
  text-align: left;
}
.mini_dialog .ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}
.mini_dialog .ui-slider-horizontal {
  height: .8em;
  background-color: #fff;
  border-radius: 3px;
  background: #ffffff url(/images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
  font-size: 1.1em;
  border: 1px solid #aaaaaa;
}
.mini_dialog .ui-slider-horizontal .ui-slider-handle {
  top: -.3em;
  margin-left: -.6em;
  font-weight: normal;
  border-radius: 3px;
  cursor: pointer;
  border: 1px solid #bbb;
  background: #eee 50% 50% repeat-x;
}
.asterion_mini_gallery a {
  height: 45px;
  width: 75px;
  margin: 7px 7px 0px 0px;
  display: inline-block;
  border: 1px solid #333;
  background-position: center;
}
.asterion_mini_gallery a:hover {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.25)
}
.asterion_mini_gallery img {
  display: none;
}
.dialog_content p.small {
  font-size: 0.8em;
}
#component_content_pagebreak {
  display: none !important;
}
#dialog_main .asterion_site_fonts {
  color: black;
  background: url("/images/icons/fonts.png") top left no-repeat !important;
  padding-left: 20px !important;
  padding-right: 2px !important;
  border-bottom: 1px solid black;
}
#dialog_main .info_graphic {
  background-color: #fffce7;
  border: 1px solid #b0aa7a;
  border-radius: 5px;
  width: 350px;
  padding: 20px;
  clear: both;
}
#dialog_main .info_graphic b {
  font-weight: bold;
  color: #000;
}
#dialog_main .upload_new_files {
  padding-left: 30px !important;
  background: #2688a5 url(/images/icons/plus-white.png) no-repeat 8px center;
}
.labels {
  -webkit-column-count: 2;
  /* Safari and Chrome */
  -moz-column-count: 2;
  /* Firefox */
  column-count: 2;
}
.labels fieldset {
  display: inline-block;
}
#blog_date_format_custom,
#blog_subscribe_email {
  width: 215px;
}
.theme_name {
  font-size: 10px;
  line-height: 2em;
  font-color: #ccc;
  margin-top: 5px;
  padding-left: 2px;
}
.picker.text_shadow {
  margin-top: 2px;
  float: left;
}
.account_notice {
  border: 3px solid #FAEDC0;
  background-color: #FDFFE9;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-border-radius: 8px;
  padding: 15px;
  margin-bottom: 20px;
}
.account_notice h3 {
  border: none;
  font-weight: bold;
  font-family: sans-serif;
}
.shadow_settings {
  display: none;
  width: 100%;
  clear: both;
}
#select_style {
  position: absolute;
  top: 55px;
  right: 0;
}
#select_label {
  display: inline;
  margin-right: 10px;
}
#style_selection {
  display: inline;
  margin: 0;
}
#background_editor .background_button {
  background: #2688a5;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 8px;
  padding-left: 8px;
  font-size: 14px;
  padding-right: 10px;
  line-height: 21px;
  border-radius: 3px;
  color: #fff;
  margin-bottom: 10px;
  display: inline-block;
}
#image_options_container label {
  margin-bottom: 2px;
  display: block;
  margin-left: 5px;
}
#image_options_container select {
  width: 280px;
  margin: 0px;
  margin-bottom: 10px;
}
#image_options_container #image_scroll_label {
  display: inline;
}
#image_options_container {
  margin-bottom: 10px;
}
.mini_container {
  padding: 10px;
  border: 1px solid #ccc;
  zoom: 1;
  overflow: hidden;
  margin-bottom: 20px;
  margin-top: 5px;
  background-color: #f2f2f2;
}
.choose_background_button,
.choose_background_button:visited {
  padding: 10px;
  float: right;
  background-color: #2688a5;
  color: #fff;
  vertical-align: middle;
  margin-top: 15px;
  border-radius: 3px;
}
.choose_background_button:hover,
#background_editor .background_button:hover {
  text-decoration: none;
  background-color: #497a89;
}
/* image preview */

.image_preview {
  border: 1px solid #ccc;
  width: 65px;
  height: 65px;
  float: left;
  zoom: 1;
  background-color: #fff;
  margin: 0 !important;
}
.mini_dialog .dialog_core,
.mini_dialog .titlebar {
  border-top: none;
  margin-top: 0px;
  margin-bottom: 0px;
}
.asterion_dialog_submit .formError {
  position: absolute;
  bottom: 15px;
  left: 200px;
}
.footer_dialog {
  height: 50%;
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #eee;
}
.footer_dialog textarea {
  width: 100%;
}
.dialog_content .footer_dialog .asterion_dialog_submit {
  position: absolute;
  top: -45px;
  right: 150px;
  padding: 0;
  margin: 0;
  color: transparent;
  border: 0;
  background-color: transparent;
  box-shadow: none;
  height: 50px;
  z-index: 10001;
}
.footer_dialog .dialog_body {
  overflow: visible !important;
}
.dialog_content .footer_dialog .dialog_header,
.shim {
  cursor: ns-resize;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.footer_dialog .dialog_header ul li a {
  font-size: 12px !important;
}
.footer_dialog .dialog_core,
.footer_dialog .CodeMirror-wrapping {
  height: calc(100% - 35px) !important;
}
/*  the shim is used to cancel mouse over events when dragging */

.shim {
  width: 100%;
  height: 100%;
  z-index: 1;
  position: fixed;
  top: 0;
  left: 0;
  display: none;
}
#dialog_wrapper .cke,
#dialog_wrapper .cke_inner {
  height: 100%;
}
#dialog_wrapper .theme_files .dialog_button {
  font-size: 12px;
}
#dialog_wrapper .theme_files .html {
  margin-right: 35px;
}
.filename_input {
  width: 250px;
  margin-left: 10px;
  font-size: 14px;
}

span.navdots, span.navarrows {
  margin-left: 20px;
}
span.navdots {
  font-weight: bold;
  font-size: 50px;
  line-height: 14px;
  display: inline-block;
  vertical-align: middle;
  color: #aaa;
  font-family: serif;
}
span.navdots b {
  color: #333;
}
span.navarrows {
  transform: scale(1,2);
  display: inline-block;
  font-family: 'Courier new';
}

#asterion_map_dialog_message{
margin-bottom: 15px;
}

.map_colors .color_picker_box{
  padding: 0;
}

.dialog_left_right_toggle span {
  white-space: nowrap;
  color: #ccc;
  font-size: 12px;
  position: absolute;
  top: 0;
}
.dialog_left_right_toggle {
  position: absolute;
  right: 150px;
  top: 12px;
  width: 25px;
  height: 25px;
  line-height: 25px;
  cursor: pointer;
  background-image: url('/images/nav3.png');
  background-size: cover;
  background-position: left;
}
.dialog_left_right_toggle .r {
  display: none;
}
.dialog_left_right_toggle .l {
  display: inline;
  left: 25px;
}

.right .dialog_left_right_toggle {
  left: 150px;
  background-position: right;
}
.right .dialog_left_right_toggle .r {
  display: inline;
  right: 25px;
}
.right .dialog_left_right_toggle .l {
  display: none;
}

.dialog_content input[type="file"] {
  background-color: #eaeaea;
  padding: 3px;
}

#animation_list button.dialog_button.general {
  width: 160px;
  border-radius: 3px;
  margin: 0 2px 5px 0;
  font-size: 11px;
  padding: 2px;
}
#animation_list button.dialog_button.general.active {
  background-color: #1D86D0;
  background-image: none;
  color: #fff;
}
#animation_preview {
  margin: 20px 0;
}
#animation_preview div {
  font-size: 40px;
  width: 400px;
  text-align: center;
  line-height: initial;
  padding: 20px;
  margin: 0 auto;

  border-top: 3px dotted #888;
  border-bottom: 3px dotted #888;
  box-shadow: inset 0 -1px 0 0 #888, inset 0 1px 0 0 #888, 0 1px 0 0 #888, 0 -1px 0 0 #888;
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  color: #666;
}

#google_lookup_form{
    margin-bottom: 20px;
}

.or_section{
text-align: center;
}

.dialog_content a.big_icon{
    display: inline-block;
    padding: 20px;
    width: 103px;
    text-align: center;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    color: #333;
}

.dialog_content a.big_icon img { transform: scale(1,1); transition: transform .2s; }
.dialog_content .question { font: 18px arial; margin-bottom: 10px; }
.dialog_content a.big_icon:hover img {transform: scale(1.05,1.05); transition: transform .2s;}
.dialog_content a.big_icon:hover {background:#fff; border:1px solid #ddd ; opacity: 1;}

.dialog_content a.big_icon.disabled-link {
	cursor: not-allowed !important;
}

.dialog_content a.big_icon.disabled-link > span {
	opacity: 0.5
}

.dialog_content a.big_icon.pro {
	background: url("/images/pro.png") no-repeat 100px 140px;
}

.dialog_content a .words{
  display: inline-block;
  font: 13px arial;
  margin-top: 8px;
}

.inactive{
opacity: 0.4;
}

.dialog_content .mid_wrapper{
width: 750px;
margin: 100px auto;
clear: both;

}

.dialog_content .lightbox_preview p{
padding: 0;
margin: 0;
margin-bottom: 10px;
}

.dialog_tip {
font-size: 12px;
line-height: 2.7;
float: right;
}

.dialog_content .lightbox_preview{
padding: 20px;
padding-top: 10px;
background-color: #fff;
margin-top: 20px;
}


.layout {
  border: 1px solid #eee;
  padding: 4px;
  height: 50px;
  cursor: move;
  background: #fff no-repeat 15px center;
  box-shadow: 0 1px 1px #ccc;
  float: left;
  width: 45%;
  margin-bottom: 20px;
  margin-left: 10px;
  white-space: nowrap;
  border-radius: 3px;
  position: relative;
}
.layout .drag {
  display: none;
  position: absolute;
  font-size: 11px;
  top: 4px;
  right: 9px;
  text-transform: uppercase;
  color: #888;
}
.layout:nth-child(even) {
  margin-left: 20px;
}
.layout:hover {
  box-shadow: 0 2px 5px #999;
  transition: box-shadow 0.2s ease;
}
.layout:hover .drag {
  display: block;
}
.layout div {
  display: inline-block;
  background-color: #bbb;
  opacity: 0.7;
  height: 100%;
  margin: 0;
  padding: 0;
  border-radius: 3px;
}
.rex{ display: inline;}

.picker_title{
  min-width: 90px;
  display: inline-block;
}

.dialog_content  .col50{
width: 50%;
box-sizing: border-box;
float:left;
margin:0;
}
.dialog_content  .col33{
width:33%;
box-sizing: border-box;
float:left;
margin: 0;
}
.dialog_content .col25{
width: 25%;
box-sizing: border-box;
float:left;
margin:0;
}

input.small{
width: 75px;
}

#component_size{
width: 140px;
}

.colorpicker, .colorpicker * {
  z-index: 100999;
}

#component_radius, #component_spacing{
width: 140px;
}

.component_icon{
opacity: 0;
}


.dialog_content .tabs{
  overflow: hidden;
  clear: both;
  margin-bottom: 10px;

}

.dialog_content .tabs li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 10px;
  white-space: nowrap;
}

.dialog_content .tabs li a {
  font-size: 16px;
  padding: 10px;
  text-decoration: none;
}

.dialog_content .tabs li.active{
  border-top: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-radius: 4px 4px 0 0;
  margin-bottom: -1px;
}

.dialog_content .component_name{
  position: absolute;
  bottom: 2px;
  text-align: center;
  width: 100%;
  padding: 16px 0px;
}

.ui-state-focus:focus { outline:1px dotted red !important }

.fadeInOpacity{
  opacity: 1;
  transition: opacity 1s ease;
}

.ui-widget :active { outline: none; }

#divider_editor .edit_section{
 padding: 10px;
}

#divider_editor{
  min-height: 400px;
}

#divider_editor .dialog_body{
  height: 300px;
}

.dialog_content #component_max_images,
.dialog_content #component_row_num,
.dialog_content #component_row_num_sm,
.dialog_content #component_thumbnail_padding{
  display: inline;
  width: 50%;
}

.dialog_content label[for="component_row_num"],
.dialog_content label[for="component_row_num_sm"],
.dialog_content label[for="component_max_images"],
.dialog_content label[for="component_thumbnail_padding"] {
  display: inline;
}

.dialog_content #row_num_val,
.dialog_content #row_num_sm_val,
.dialog_content #thumbnail_padding_val{
  min-width: 25px;
  display: inline-block;
}

.dialog_content .r_desc{
  font-family: Arial, sans-serif;
  font-size: 14px;
  display: block;
  font-weight: 400;
  margin-bottom: 0;
}

.dialog_content #max_images_val {
  min-width: 54px;
  display: inline-block;
}

.dialog_content .input[type=checkbox], .dialog_content input[type=radio]{
  margin: 0 0;
}

.blog_sharing_icons_options{
  transition: all 0.5s ease;
  min-height: 0px;
  max-height: 0px;
  overflow:   hidden;
}

.blog_sharing_icons_options.expanded{
  transition: all 0.5s ease;
  height:auto;       /* animation will stop when it reaches the content's height. */
  min-height: 100px;
  max-height: 700px; /* if you set too high of a value, there will be a lag before it scrolls back up. */
}

.blog_sharing_icons_options input{ max-width: 80%; }

.dialog_content ul.social_sharing_sites{
  margin: 20px 0;
  overflow: hidden;
}

.design_layout_onion * {
    position: relative;
    box-sizing: border-box !important;
}

.design_layout_onion .onion_layer {
    margin: 44px;
}

.design_layout_onion label {
    position: absolute;
    font-size: 9px;
    line-height: 9px;
    top: 6px;
    left: 5px;
    margin: 0;
    padding: 0;
    font-weight: normal;
}

.design_layout_margin {
    border: 1px dashed #bababa;
    margin: 1px;
    background: white;
}

.design_layout_onion input {
    position: absolute;
    text-align: center;
    padding: 3px 0;
    height: 24px;
    width: 34px;
    margin: 0;
    border: 1px solid #dbdbdb;
    font-size: 11px;
    line-height: 11px;
}

.design_layout_onion .design_layout_top {
    top: 11px;
    left: 50%;
    margin-left: -17px;
}

.design_layout_onion .design_layout_right {
    top: 50%;
    right: 5px;
    margin-top: -12px;
}

.design_layout_onion .design_layout_bottom {
    bottom: 11px;
    left: 50%;
    margin-left: -17px;
}

.design_layout_onion .design_layout_left {
    top: 50%;
    left: 5px;
    margin-top: -12px;
}

.design_layout_border {
    border: 1px solid #d7d7d7;
    background: #f6f6f6;
}

.design_layout_padding {
    border: 1px solid #bababa;
    background: #ebebeb;
}

.design_layout_content_placeholder:before {
    display: block;
    content: "";
    padding-top: 75%;
}

.dialog_body .helper_text {
    font-size: 80%;
    color: #bababa;
    margin-bottom: 0;
}

.dialog_content input[type="color"] {
    height: 2em;
    padding: 0;
}

.dialog_content .row, .dialog_content .row *,
.dialog_content .pure-g, .dialog_content .pure-g * {
    box-sizing: border-box !important;
}

.dialog_content .pure-g {
    margin-left: -5px;
    margin-right: -5px;
}

.dialog_content .pure-g [class*="pure-u"] {
    padding-left: 5px;
    padding-right: 5px;
}

.dialog_content .row input,
.dialog_content .row select,
.dialog_content .pure-g input,
.dialog_content .pure-g select {
    width: 100%;
    display: block;
    min-width: 0;
}

.design_layout_image_selection figure {
    display: inline-block;
    width: 75%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 0.25;
}

.design_layout_image_selection figure:after {
    display: block;
    content: "";
    padding-top: 100%;
}

.design_layout_image_selection nav {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}

.design_layout_image_selection nav button {
    padding: 2px 0;
    display: block;
    width: 100%;
}

.custom_design_options .CodeMirror-wrapping {
    overflow: hidden;
}

/* MOD Nathan | 2017-09-25 | adding in some CSS rules to make the HTML editor
    function a little better */
#dialog_theme_edit_html .textarea_field {
    position: absolute;
    top: 0;
    bottom: 3em;
    height: auto;
}

#dialog_theme_edit_html #edit_theme_status {
    height: auto;
    position: absolute;
    bottom: 0;
    width: 100%;
}

#dialog_theme_edit_html #edit_theme_status .alert-danger,
#dialog_theme_edit_html #edit_theme_status .alert-danger strong {
    color: red;
}

#dialog_theme_edit_html .CodeMirror-wrapping:not(:first-of-type) {
    display: none;
}

#seo_checklist .fa {
	font-size: 150%;
}

#seo_checklist .fa-square-o {
	color: red;
}

#seo_checklist .fa-check-square-o {
	color: green;
}

#seo_checklist .checklist_container {
	width: 100%;
	margin-bottom: 25px;
}

#seo_checklist .checklist_container > tbody > tr {
	border-bottom: 1px solid #ccc;
}

#seo_checklist table.checklist_table tbody td:first-of-type {
	width: 1em;
	font-size: 22px;
}

/* START NEW FORM RESIZER */
#form_editor_canvas .asterion_input.ui-resizable {
	display: inline-block;
	position: relative;
}

#form_editor_canvas .asterion_input.ui-resizable:after {
	border-right: 2px dashed #ffad67;
	height: 500px;
	width: 0px;
	position: absolute;
	top: -50px;
	right: 0;
	content: "";
}

#form_editor_canvas .ui-resizable-se {
	background: #333 url(/images/icons/drag_se.png) no-repeat scroll center center;
	overflow: hidden;
	bottom: 0px;
	position: absolute;
	cursor: se-resize;
	width: 15px;
	height: 19px;
	right: -15px;
}

#form_editor_canvas .ui-resizable-e {
	background: #333 url(/images/icons/drag_e.png) no-repeat scroll center center;
	overflow: hidden;
	right: -15px;
	height: 100%;
	position: absolute;
	cursor: e-resize;
	width: 15px;
	top: 0px;
	bottom: 0px;
	font-size: 0.1px;
}
/* END NEW FORM RESIZER */

/*.form_palette_item.ui-draggable.ui-dragging {
	z-index: 16384;
}*/

.table_redirect_name, .table_redirect {
	word-break: break-all;
}

#storage-usage-container {
    display: inline-block;
    float: left;
    margin-right: 15px;
}

#storage-usage-container .storage-usage-bar {
    box-sizing: border-box !important;
    display: inline-block;
    position: relative;
    width: 300px;
    height: 30px;
    border-radius: 10px;
    border: 2px solid #b5b5b5;
    color: white;
    background: #c1c1c1;
}

#storage-usage-container .storage-usage-bar .storage-usage-percent {
    background: #222;
    height: 26px;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0 0 10px;
}

#storage-usage-container .storage-usage-bar .storage-used,
#storage-usage-container .storage-usage-bar .storage-allowed {
    font-size: 13px;
    line-height: 28px;
    position: absolute;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.8);
}

#storage-usage-container .storage-usage-bar .storage-used {
    left: 10px;
}

#storage-usage-container .storage-usage-bar .storage-allowed {
    right: 10px;
}