/* Dialog */

.dialog_content img { border: 0px; padding: 0px; margin: 0px; }
.dialog_content strong { font-weight: bold; }
.dialog_main .rich_text_editor { visibility: hidden; } /* Gets turned on automatically, making it visible stops the flash while loading */

#dialog_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 1000;
  background-color: #000;
  color: #000;
  display: none;
}

#dialog_wrapper { z-index: 1000; }
.dialog_scroll_wrapper {
  position: absolute;
  z-index: 1001;
  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: normal !important;
  padding-top: 80px;
  letter-spacing: 1px;
  font: 15px 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: 0px; background: none !important }

.dialog_main {
  line-height: normal !important;
  letter-spacing: normal !important;
  visibility: hidden;
  margin: auto;
  margin-bottom: 5px;
  position: absolute;
  left: 50%;
}

.dialog_content {
  margin: 0px;
  padding: 0px;
  cursor: default;
}
.dialog_content a { cursor: pointer; }
.dialog_main .medium_dialog, .dialog_main .small_dialog, .dialog_main .large_dialog {
  position: relative;
  cursor: default;
}

.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-left: 45px; }
.dialog_content ol li { list-style-type: decimal; }

/* Dialog sizes */

.dialog_main .small_dialog  { width: 400px; }
.dialog_main .medium_dialog { width: 600px; }
.dialog_main .large_dialog  { width: 800px; }

.dialog_content a#dialog_close_btn { position: absolute; top: 5px; right: 6px; z-index: 1; }

.dialog_content img { 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 h2 a,
.dialog_content h3 a,
.dialog_content h3,
.dialog_content h4,
.dialog_content h5,
.dialog_content ul,
.ui-autocomplete-results li,
.dialog_content h2 span,
.dialog_content li,
.dialog_content a,
.dialog_content form,
.dialog_content #nav_editor_canvas .navigation_item,
.dialog_content #nav_editor_canvas .navigation_label,
.dialog_content strong {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 16px !important;
  text-transform: none !important;
  color: #000;
  text-align: left;
  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;
}
.dialog_content a { outline: 0 }

.dialog_content table, .dialog_content td, .dialog_content tr,
.dialog_content th, .dialog_content .dialog_table {
  border-style: none;
  border-width: 0px;
  height: auto;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
}


.dialog_content textarea,
.dialog_content input,
.dialog_content select,
.dialog_content option {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-transform: none !important;
  text-indent: 0px !important;
  letter-spacing: normal !important;
  text-align: left;
  color: #000;
  margin: 0px; 
  padding: 0px;
}

.dialog_content h4 {
  font-size: 15px;
  font-weight: bold;
  margin: 10px;
  padding: 8px 0 8px 8px;
  line-height: normal !important;
  overflow: auto;
  zoom: 1;
}
.dialog_content h5 {
  margin: 10px;
  color: #555;
}
.dialog_content h4 span.text {
  display: block;
  float: left;
}

.dialog_content span.rss_icon {
  margin-right: 5px;
}

.dialog_content span.rss_icon img {
  vertical-align: text-bottom;
  margin-bottom: 1px;
}

.dialog_content td span.rss_icon img {
  margin-bottom: -1px;
}

.dialog_content h4 a {
    font-size: inherit;
}

.dialog_content h4 div.toggle {
  float: right;
  line-height: 28px !important;
  font-weight: normal;
  font-size: 9pt;
  margin-right: 10px;
  color: #827B64;
}

.dialog_content h4 div.toggle a {
  text-decoration: none;
  color: inherit;
  line-height: inherit !important;
}

.dialog_content h4 div.toggle img {
  position: relative;
  top: 3px;
  margin-right: 4px;
  margin-left: 4px;
}

.dialog_content p, .dialog_content strong {
  color: #827B64;
}

.dialog_content p {
  padding-left: 10px;
}
.dialog_content td, .dialog_content th {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: left;
  text-transform: none;
  letter-spacing: normal !important;
  color: #000;
  width: auto;
  height: auto;
  background-color: #fff;
  background-image: none;
  padding: 0px; margin: 0px;
}

.dialog_content  p {
  margin: 10px 15px;
  padding: 0px;
}

.dialog_content a, .dialog_content a:visited,
.dialog_content h2 a, .dialog_content h2 a:visited,
.dialog_content h3 a, .dialog_content h3 a:visited
{
  color: #1d86d0;
  text-decoration: underline;
}

.dialog_content h1 {
  font-size: 13px;
  font-weight: bold;
  position: relative;
  display: block;
  margin: 0px;
  width: 100%;
  padding: 0px;
  color: #000;
}

.dialog_content h1 span {
  height: 22px;
  padding: 7px 0 0 8px;
  background-repeat: no-repeat;
  display: block;
}

.dialog_content h1 span.dialog_h1_left {
  float: left;
  width: 90%;
  background-image: url('/images/dialog/h1_left_bg.png');
  background-position: top left;
}

.dialog_content h1 span.dialog_h1_right {
  position: absolute;
  right: 0px;
  background-image: url('/images/dialog/h1_right_bg.png');
  background-position: top right;
  width: 80px;
}

.dialog_content .dialog_body {
  border: 3px solid #fbd637;
  background-color: #fff;
  border-top-width: 1px;
  position: relative;
  padding: 0px;
  margin: 0px;
  clear: both;
  text-align: left;
}

.dialog_content h2 {
  font-weight: normal;
  border-bottom: 3px solid #fbd637;
  background-color: #faedba;
  margin: 0px 0px 0px 0px;
  padding: 10px;
  color: #4f4b40;
}

.dialog_content h3 {
  font-weight: bold;
  display: block;
  position: relative;
  height: 13px;
  padding: 7px 8px;
  background: transparent url('/images/dialog/h3.png') repeat-x top left;
  margin: 10px;
  color: #222;
}

.dialog_content h3 .dialog_h3_right {
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 8px;
  font-weight: normal;
}

.dialog_content h3 .dialog_h3_right a {
  text-decoration: none;
  color: #1D86D0;
  font-weight: normal;
}

.dialog_content .hint {
  padding: 0px 0px 0px 160px;
  color: #4f4b40;
}

.dialog_content form fieldset p {
  padding: 7px 0px 7px 0px;
}

.dialog_content form select {
  border: 1px solid #b9d9f0;
  padding: 5px;
  margin-right: 10px;
  width: 164px;
  background-image: url('/images/dialog/input_bg.png') !important;
  background-repeat: no-repeat !important;
  background-color: #fff !important;
}

.dialog_content form fieldset .date_select select { width:95px; }

.dialog_content .asterion_dialog_submit, .dialog_content .asterion_dialog_paginate {
  margin: 15px 0px 0px 0px;
  padding: 0px;
  clear: both;
  display: block;
  border-top: 3px solid #fbd637;
  background-color: #faedba;
  padding: 10px 10px 10px 10px;
  color: #4f4b40;
  overflow: hidden;
  zoom: 1;
}

.dialog_content .asterion_dialog_paginate {
  padding: 3px;
  height: 36px;
}

.dialog_content .asterion_dialog_paginate .pagination {
  border: 0;
  margin: 0;
  color: #4F4B40;
  padding: 10px 8px 10px;
}

/* Dialog content graphical buttons */

.dialog_content a.dialog_button span { display: none; }

.dialog_content a.dialog_button {
  display: block;
  background-repeat: no-repeat;
  border: 0;
  padding: 0;
  margin: 0px 3px;
  text-decoration: none;
  height: 30px;
}

.dialog_content a.dialog_button { float: right; }
.dialog_content .asterion_dialog_options a.dialog_button { float: none }

.dialog_content .asterion_dialog_options a.dialog_button, .asterion_dialog_submit a.dialog_button { height: 34px; }
.dialog_content .asterion_dialog_options a { margin: auto; }


.dialog_content a.dialog_button { background-position: 0px 0px; }
.dialog_content a.dialog_button:hover { background-position: 0 -30px; }
.dialog_content .asterion_dialog_options a:hover, .asterion_dialog_submit a.dialog_button:hover { background-position: 0 -34px; }

.dialog_content a.button_disabled:hover,
.dialog_content a.button_disabled {
  background-position: 0px -60px;
  cursor: default;
}

.asterion_dialog_submit a.button_disabled:hover,
.asterion_dialog_submit a.button_disabled {
  background-position: 0px -68px;
  cursor: default;
}

.asterion_dialog_submit a.cancel   { background-image: url('/images/buttons/cancel.png'); width: 108px; float: left; }
.asterion_dialog_submit a.save     { background-image: url('/images/buttons/save.png');   width: 87px; }
.asterion_dialog_submit a.done     { background-image: url('/images/buttons/done.png');   width: 92px; }
.asterion_dialog_submit a.copy     { background-image: url('/images/buttons/copy.png');   width: 70px; }
.asterion_dialog_submit a.continue { background-image: url('/images/buttons/continue.png');   width: 128px; }
.asterion_dialog_submit a.create   { background-image: url('/images/buttons/create.png'); width: 107px; }
.asterion_dialog_submit a.delete   { background-image: url('/images/buttons/delete.png'); width: 107px; }
.asterion_dialog_submit a.discover { background-image: url('/images/buttons/discover.png'); width: 118px; }
.asterion_dialog_submit a.send     { background-image: url('/images/buttons/send.png'); width: 89px; }
.asterion_dialog_submit a.next     { background-image: url('/images/buttons/next.png'); width: 69px; }
.asterion_dialog_submit a.back     { background-image: url('/images/buttons/back.png'); width: 69px; float: left; }
.asterion_dialog_submit a.move     { background-image: url('/images/buttons/move.png'); width: 75px; float: left; }
.asterion_dialog_submit a.yes      { background-image: url('/images/buttons/yes.png'); width: 84px; }
.asterion_dialog_submit a.no       { background-image: url('/images/buttons/no.png'); width: 81px; float: left; }
.asterion_dialog_submit a.discard  { background-image: url('/images/buttons/discard.png'); width: 115px; float: left; }

.dialog_content .asterion_dialog_options a.add_to_every_page     { background-image: url('/images/buttons/add_sitewide_component.png'); width: 193px; }
.dialog_content .asterion_dialog_options a.add_to_current_page   { background-image: url('/images/buttons/add_page_specific_component.png'); width: 181px; }

/* Non asterion_dialog_submit buttons */

.dialog_content a.new_friend   { background-image: url('/images/buttons/small_new_friend.png'); width: 89px; }
.dialog_content a.upload       { float: none; margin-left: 170px; margin-top: 10px;  background-image: url('/images/buttons/small_upload.png'); width: 70px }
.dialog_content .dialog_sidebar_left_content a.upload { float: none; margin: 0px 0px 0px 10px; background-image: url('/images/buttons/small_upload_files.png'); width: 101px }

.dialog_content a.select_file  { background-image: url('/images/buttons/small_select_file.png'); width: 84px; }
.dialog_content a.new_post     { background-image: url('/images/buttons/small_new_post.png'); width: 77px; }
.dialog_content a.new_page     { background-image: url('/images/buttons/small_new_page.png'); width: 83px; }
.dialog_content a.new_category { background-image: url('/images/buttons/small_new_category.png'); width: 103px; }
.dialog_content a.add_hostname { background-image: url('/images/buttons/small_add_hostname.png'); width: 111px; }
.dialog_content a.add_feed     { background-image: url('/images/buttons/add_feed.png'); width: 79px; float: left; margin-top: 10px; }
.dialog_content a.add_files    { background-image: url('/images/buttons/add_files.png'); width: 80px; }
.dialog_content a.browse       { background-image: url('/images/buttons/browse.png'); width: 74px; }
.dialog_content a.upload_files { background-image: url('/images/buttons/upload.png'); width: 112px; }
.dialog_content a.upload_image { background-image: url('/images/buttons/upload_image.png'); width: 168px; }
.dialog_content a.link_image { background-image: url('/images/buttons/link_image.png'); width: 88px; }
.dialog_content a.upload_files_small { background-image: url('/images/buttons/small_upload_files.png'); width: 102px; }
.dialog_content a.approve { background-image: url('/images/buttons/approve.png'); width: 77px; }
.dialog_content a.report_spam { background-image: url('/images/buttons/report_spam.png'); width: 99px; }
.dialog_content a.find_address { background-image: url('/images/buttons/find_address.png'); width: 99px; }
.dialog_content a.delete_small { background-image: url('/images/buttons/small_delete.png'); width: 65px; }
.dialog_content a.savefileinfo { background-image: url('/images/buttons/small_save_file_info.png'); width: 102px; }
.dialog_content a.insert { background-image: url('/images/buttons/insert.png');   width: 103px; }
.dialog_content a.select { background-image: url('/images/buttons/select.png');   width: 103px; }
.dialog_content a.enable { background-image: url('/images/buttons/enable.png'); width: 103px; }
.dialog_content a.disable { background-image: url('/images/buttons/disable.png'); width: 103px; }
.dialog_content a.upgrade { background-image: url('/images/buttons/upgrade.png'); width: 125px; }

.dialog_content #upload_upgrade_flash #express_install { width: 594px; height: 200px; }

.dialog_content #add_files { float: right; }

.dialog_content a.new_collection { background-image: url('/images/buttons/small_new_collection.png'); width: 108px; }

.dialog_content a.add { float: left; background-image: url('/images/buttons/add.png'); width: 53px; }
.dialog_content a.usethistheme { background-image: url('/images/buttons/small_use_this_theme.png'); width: 112px; position: absolute; right: 38px; top: 4px; }
.dialog_content a.reinstall_theme { background-image: url('/images/buttons/small_reinstall_theme.png'); width: 144px; position: absolute; right: 38px; top: 4px; }

/* New category  button should be right beside the hostname box, domain mapping page */

#new_host div.input_field, #add_feed_form div.input_field { float: left }
#new_host .hint { clear: both }

/* End buttons */

.dialog_content .asterion_dialog_submit .dialog_submit_info {
  position: absolute;
  top: 19px;
  left: 10px;
}

/* Options in dialogs */

.dialog_content .dialog_icon { text-align: center; }
.dialog_content .dialog_button { text-align: center; margin: 15px 0px 0px 0px; }

.dialog_content .dialog_option {
  width: 50%;
  padding: 0px 0px 10px 0px;
  float: left;
}
.dialog_content .asterion_dialog_options { position: relative; overflow: auto; zoom: 1; }

/* Theme Filter Dialog */

#theme_filter label { position: relative; float: left; padding: 6px 10px 0 0; font-weight: bold; font-size: 12px; }
#theme_filter label img { position: absolute; top: 7px; left: 48px; }

#theme_filter input {
  float: left;
  width: 97px;
  border: 1px solid #b9d9f0;
  padding: 5px 5px 5px 23px;
  background-image: url('/images/dialog/input_bg.png');
  background-repeat: no-repeat;
}

#loading_indicator {
  background:url('/images/loading.gif') left center no-repeat;
  position: absolute;
  top: 5px;
  right: 8px;
  height: 16px;
  width: 16px;
}

a#clear_filter, a#clear_filter:visited {
  position: absolute;
  top: 40px;
  right: 10px;
  letter-spacing: normal !important;
  line-height: normal !important;
  font-size: 10px !important;
  font-family: verdana !important;
  text-decoration: none !important;
}

/* Dialog Forms */

.dialog_content form { width: auto !important; position: relative; display: block; font-size: 12px; clear: both; margin: 0; padding: 0; }
.dialog_content fieldset { border: none; padding: 0; margin: 0; }

.dialog_content .input_field, .dialog_content .select_field, .dialog_content .radio_field, .dialog_content .static_field { margin: 10px 0px; }

.dialog_content .static_field div.static_field_content {
  float: left;
  padding: 5px 10px 0 0;
}

.dialog_content form fieldset {
  clear: both;
  display: block;
}

.dialog_content form fieldset label, .dialog_content form fieldset .label {
  display: block;
  float: left;
  color: #4f4b40;
  font-weight: bold;
  width: 160px;
  padding: 5px 10px 0px 0px;
  text-align: right;
}
.dialog_content .favicon_preview { float: left; padding: 5px 10px 0px 0px; }
.dialog_content .favicon_preview img { margin-right: 10px; border-width: 0px; width: 16px; vertical-align: middle; height: 16px; }

ul.favicons { margin: 5px; overflow: hidden; zoom: 1 }
ul.favicons li { float: left }
ul.favicons li img { border-width: 0px; }
ul.favicons li a { float: left; margin: 5px; padding: 5px; border: 1px solid #aaa; text-decoration: none; }
ul.favicons li a:hover { background-color: #ddd; border-color: #000; }


.dialog_content .checkbox_field label {
  display: inline;
  font-weight: normal;
  padding: 0px 10px 0px 5px;
  float: none;
  width: auto;
  text-align: left;
}

.dialog_content form fieldset input, .dialog_content form fieldset textarea {
  border: 1px solid #b9d9f0;
  background-color: #fff;
  padding: 5px;
  margin-right: 10px;
  width: 150px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #000;
  letter-spacing: normal;
  background-image: url('/images/dialog/input_bg.png');
  background-repeat: no-repeat;
}

.dialog_content form fieldset input[disabled] { border-color: #ccc; color: #999; background-image: url(/images/dialog/input_bg_disabled.png); }

.dialog_content form fieldset input.tiny, .dialog_content form fieldset select.tiny { width: 50px; }
.dialog_content form fieldset input.short, .dialog_content form fieldset select.short { width: 100px; }
.dialog_content form fieldset input.medium, .dialog_content form fieldset select.medium { width: 200px; }
.dialog_content form fieldset input.long, .dialog_content form fieldset select.long { width: 300px; }
.dialog_content .checkbox_field { margin-left: 170px; }
.dialog_content .checkbox_field.beside_text { margin-left: 0px; }
.dialog_content .checkbox_field input { 
  margin: 0px;
  width: auto;
  background: none;
  border-width: 0px;
  vertical-align: middle;
}

.dialog_content .checkbox_field label {
  vertical-align: middle;
  color: #000;
  padding: 0;
  margin: 0 5px 0 5px;
}

.dialog_content .radio_field ul { margin-left: 180px; padding-top: 5px; }

.dialog_content form fieldset #custom_video_sizes p { margin: 4px; padding:0;}
.dialog_content form fieldset #custom_video_sizes { overflow: auto; }
.dialog_content form fieldset #custom_image_sizes,
.dialog_content form fieldset #custom_video_sizes { margin-left: 120px; }
.dialog_content form fieldset #custom_image_sizes input,
.dialog_content form fieldset #custom_video_sizes input { width: 30px; }
.dialog_content form fieldset #custom_image_sizes label,
.dialog_content form fieldset #custom_video_sizes label { width: 40px; }
.dialog_content form fieldset #custom_image_sizes .input_field,
.dialog_content form fieldset #custom_video_sizes .input_field { float: left; margin-top: 0px;  }
.dialog_content form fieldset #custom_image_sizes .formError,
.dialog_content form fieldset #custom_video_sizes .formError { margin-left: 20px; }

.dialog_content form fieldset span.optional_field,
.dialog_content form fieldset span.field_help {
  font-style: italic;
  font-family: "trebuchet ms",helvetica,sans-serif;
  color: #585858;
  vertical-align: top;
}
.dialog_content form fieldset span.field_help img {
  vertical-align: top;
  padding-right: 2px;
}

.dialog_content .richtext_field { margin-left: 10px }
.dialog_content .textarea_field { margin-left: 10px }

.dialog_content form fieldset p.hint {
  color: #4F4B40;
  font-size: 12px;
  padding: 0px 0px 0px 156px;
}

.dialog_content form select optgroup, .dialog_content form select option { padding-left: 5px; }
.dialog_content form select optgroup option { padding-left: 15px; }

/* Small Dialog */
.dialog_content .small_dialog form fieldset label { width: 100px }
.dialog_content .small_dialog form fieldset .hint { padding: 0px 0px 0px 100px; }
.dialog_content .small_dialog .checkbox_field { margin-left: 110px; }
.dialog_content .small_dialog .formError { margin-left: 110px; }

/* Medium Dialog */
.dialog_content .medium_dialog .input_field textarea { width: 300px; height: 100px; } /* textareas shouldnt be in .input_fields */
.dialog_content .medium_dialog .textarea_field textarea { width: 300px; height: 100px; }
.dialog_content .medium_dialog form fieldset .hint { padding: 0px 0px 0px 170px; }

/* Large Dialog */
.dialog_content .large_dialog .richtext_field textarea { width: 775px; height: 350px;  }
.dialog_content .large_dialog .richtext_field textarea#blog_post_content { height: 270px; }
.dialog_content .large_dialog .textarea_field textarea { width: 760px; height: 300px; }

/* Sidebar Forms */
.dialog_content .dialog_sidebar_left_content input { width: 100px; margin: 0px; }
.dialog_content .dialog_sidebar_left_content label { width: 40px; }

/* Form Errors */
.dialog_main .formError, .form_button { margin-left: 170px; margin-top: 3px; }
.dialog_main div.richtext_field .formError { margin-left: 0px; }
.dialog_main div.textarea_field .formError { margin-left: 0px; }

.dialog_main .fieldWithErrors { display: inline; }
.dialog_main .fieldWithErrors input, .dialog_main .fieldWithErrors textarea { border: 1px solid #f00; }

.dialog_main form fieldset .fieldWithErrors input { background-image: url('/images/dialog/input_error_bg.png'); }

.dialog_main .errors { text-align: center;}
.dialog_main .base_error {
  color: #f00;
  padding-left: 20px;
  display: inline;
  background: transparent url('/images/icons/bullet_error.png') center left no-repeat;
}

.dialog_main .formError
{
  color: #f00;
  padding-left: 20px;
  background: transparent url('/images/icons/bullet_error.png') center left no-repeat;
}

.dialog_main form fieldset #blog_category_select span { display: block; padding:5px; }

.dialog_main #publish_page {
  position: absolute;
  right: 123px;
  bottom: 17px;
}

.dialog_main #publish_page label { 
  padding-right: 5px;
}

.dialog_main #blog_post_checkbox_fields {
  margin-top: 10px;
}

.dialog_main #post_comments_enabled {
  float: left;
  padding-right: 10px;
}

.dialog_content .end_of_line_container { position: relative; }
.dialog_content .end_of_line_option {
  position: absolute;
  top: 5px;
  left: 320px;
}

/* Add Component Dialog*/

.dialog_content #component_types { overflow: auto; zoom: 1; }

.dialog_content #component_types .available_component p {
  color: #827B64;
  padding: 0px;
  margin: 0px;
}

div#component_types div.available_component a { font-weight: bold; line-height: 16px; }

.dialog_content div#component_types div.available_component {
  display: block;
  float: left;
  text-align: center;
  padding: 10px 0px 0px 10px;
  height: 160px;
  width: 178px;
}
.dialog_content .available_component p { text-align: center }

/* Dialog Tabs */

.dialog_content h2 .dialog_tabs {
  height: 30px;
  position: relative;
}

.dialog_content h2 ul {
  list-style-type: none;
  position: absolute;
  bottom: -13px;
  right: 10px;
}

.dialog_content h2 ul li a, .dialog_content h2 ul li a:visited  {
  color: #444;
  text-decoration: none;
}

.dialog_content h2 ul li { display: inline }
.dialog_content h2 ul li a {
  display: block;
  float: left;
  height: 28px;
  padding: 0px 0px 0px 15px;
  margin-right: 5px;
  background: transparent url(/images/dialog/tabs.png) no-repeat left top;
}

.dialog_content h2 ul li a span {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  float: left;
  height: 20px;
  padding: 7px 15px 0px 0px;
  background: transparent url(/images/dialog/tabs.png) no-repeat right top;
}

.dialog_content h2 ul li.dialog_tab_on a {
  background-position: left -28px;
}
.dialog_content h2 ul li.dialog_tab_on a span {
  background-position: right -28px;
}

.dialog_content h2 ul li.dialog_tab_off a:hover {
  color: #000;
}

/* Table Header */

.dialog_content th.icon { width: 6px; }

/* Table */
.dialog_content table.dialog_table {
  margin: 0px 10px;
  padding: 0px 10px 10px 10px;
  width: 574px;
  border-collapse: collapse;
}

.dialog_content .large_dialog table.dialog_table { width: 773px; }

.dialog_content table.dialog_table thead tr th  {
  background: #daeffd url('/images/dialog/thead_bg.png') repeat-x;
}

.dialog_content table.dialog_table thead tr th { color: #000; }
.dialog_content table.dialog_table th { font-weight: bold; padding: 5px; background-image: transparent; }
.dialog_content table.dialog_table td { padding: 9px 5px 6px; background-image: transparent; }

.dialog_content table.dialog_table th.last {
  display: block;
  position: relative;
}

.dialog_content table.dialog_table th { border-top: 1px solid #dbebf7; color: #000; }
.dialog_content table.dialog_table tr td { border-top: 1px solid #b9d9f0; color: #000; font-weight:normal; }

.dialog_content table.dialog_table tr th {
  border-bottom: 0;
  color: #827b64;
}

.dialog_content table.dialog_table tr th img {
  position: absolute;
  bottom: 0;
  right: 0;
}

.dialog_content table.dialog_table tr.cycle td {
  background-image: url('/images/dialog/tr_bg.png');
  background-repeat: repeat-x;
  background-position: bottom left;
}

.dialog_content table.dialog_table tr td.hint {
  padding: 5px;
  color: #4f4b40;
  text-align: center;
  font-style: italic;
}

.dialog_content div.table_scroll_wrapper {
  width: 590px;
  max-height: 400px;
  height: 250px;
  overflow: auto;
  overflow-x: hidden;
  position: relative;
}

.dialog_content div.table_scroll_wrapper table.asset_table {
  width: 565px;
  margin-top: 1px;
  padding: 0px 8px 0px 0px;
}

.dialog_content table.dialog_table .select_row.asterion_right input {
    margin-top: 0;
}

.dialog_content table.dialog_table td.icons.asterion_right a {
    margin-left: 10px;
}

/* Pagination */

.dialog_content div.pagination {
  border-top: 1px solid #B9D9F0;
  color: #827B64;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  overflow: hidden;
  zoom: 1;
  margin: 0px 10px 0px;
  padding: 10px 8px 5px 8px;
}

.dialog_content div.table_scroll_wrapper div.pagination {
  width: 549px;
}
#queue_information.pagination { position: static; width: 100%; width: 550px; }

.dialog_content div.pagination .next_prev_links { float: right }
.dialog_content div.pagination .pagination_info { float: left }
.dialog_content div#assets_container #delete_multiple { position: absolute; right: 20px; top: 432px; }
.dialog_content div#assets_container #storage_used { position: absolute; left: 18px; bottom: 2px; color: #999; font-size: 10px; }

/* Friend service manager */

.dialog_content #asterion_no_friends p {
  color: #4f4b40;
  text-align: center;
  font-style: italic;
  margin: 0;
  padding:5px;
}

.dialog_content ul#asterion_friends {
  padding: 5px 15px;
  overflow: hidden;
  zoom: 1;
}

.dialog_content ul#asterion_friends li.asterion_friend {
  display: block;
  float: left;
  margin: 10px;
  position: relative;
  width: 48px;
  height: 75px;
  line-height: normal !important;
}

.dialog_content ul#asterion_friends li.asterion_friend a span {
  display: block;
  font-size: 11px;
  padding: 5px 0px 0px 0px;
  text-align: center;
  width: 48px;
  overflow: hidden;
}

.dialog_content ul#asterion_friends li.asterion_friend a.delete {
  position: absolute;
  display: block;
  top: -3px;
  right: -5px;
  width: 16px;
  height: 16px;
}
.dialog_content ul#asterion_friends li img.friend { border: 1px solid black }

/* Left sidebar for theme manager etc  */

.dialog_content_with_sidebar {
  overflow: hidden;
  width: 100%;
  position: relative;
  background-position: top left;
  background-repeat: repeat-y;
  background-image: url('/images/dialog/sidebar_bg.png');
}

.dialog_content .dialog_sidebar_left_content h3 {
  height: auto;
  background-image: none;
  padding: 0px;
  color: #4f4b40;
}

.dialog_sidebar_left_top {
  background-color: #cee8f8;
  border-bottom: 3px solid #b9d9f0;
  padding: 14px 3px;
  margin-bottom: 10px; 
  overflow: auto;
}

.dialog_content .dialog_sidebar_left_top input { width: 94px; margin-right: 4px; padding-right: 20px;}
.dialog_content .dialog_sidebar_left_top fieldset label { padding: 5px 10px 0px 2px; width: 25px; }

.dialog_sidebar_left_content {
  position: relative;
  float: left;
  width: 170px;
  border-right: 3px solid #b9d9f0;
  background-color: #e1f3fe;
  color: #4f4b40;
}

.dialog_sidebar_right_content {
  float: left;
  position: relative;
  width: 620px;
  height: 465px;
  overflow: hidden;
}

.form_fields_right_content {
  height: auto;
}


.dialog_youtube_sidebar_content { height: 504px }
#asterion_youtube_videos_container { height: 495px; }
.dialog_sidebar_youtube_preview { height: 408px; }

#asterion_youtube_video_info {
  float: right;
  width: 165px;
}

#asterion_youtube_preview_description { margin-top: 10px; }

/* Asset list */
#browse_assets_info {
  height: 26px;
}

#no_files { height:365px; }

.dialog_content #browse_assets_info h4 { padding-bottom: 0px; margin-bottom: 5px; }
.dialog_content #browse_assets_info p { padding: 0px 20px; margin: 0px; }

div#asset_list_container {
  padding: 0;
  margin: 1px 0 0 0;
  height: 385px;
  width: 610px;
  overflow: auto;
  position: relative;
}

ul#asset_list {
  margin: 0;
  padding: 10px 0 10px 10px;
  overflow: hidden; /* we need the asset_list to contain the assets so click events will have the proper target element */
  min-height: 300px;
  position: relative;
}

ul#asset_list li {
  float: left;
  width: 96px;
  height: 110px;
  padding: 0px;
  margin: 0px 20px 0px 0px;
  overflow: hidden;
  position: relative;
}

ul#asset_list div.asset_icon {
  background-color: white; /* if we don't do this, weird things happen when we stack icons for dragging */
}

ul#asset_list li.ui-sortable-placeholder {
  width: 1px;
  margin-left: -11px;
  margin-right: 10px;
  margin-top: 5px;
  margin-bottom: 25px;
  height: 80px;
  background-color: black;
}

ul#asset_list div.ui-sortable-helper li span.asset_name {
  display: none;
}

ul#asset_list div.asset_toolbar {
  position: absolute;
  top: 60px;
  left: 2px;
  width: 90px;
  height: 22px;
  border: 1px solid #3F98D7;
  background-image: url('/images/dialog/asset_overlay_bg.png');
}

div.asset_toolbar a.select_asset {
  float: left;
}

div.asset_toolbar a.view_asset {
  float: left;
}

div.asset_toolbar a.delete_asset {
  float: right;
}

ul#asset_list li img {
  border-width: 0px;
  margin: 3px;
}

#asset_list .asset_icon img.asset_image, #asterion_flickr_photo_list img.asset_image {
  border: 1px solid #444; margin: 2px;
}

ul#asset_list li.ui-selected .asset_icon img, ul#asset_list li.ui-selecting .asset_icon img {
  border: 3px solid #3F98D7;
  margin: 0;
}

ul#asset_list li.ui-selected .asset_icon {
  cursor: move;
}

ul#asset_list li .asset_icon .asset_icon_overlay {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 90px;
  height: 80px;
  background-color: #3F98D7;
  opacity: 0.5; filter: alpha(opacity=50);
  display: none;
}

ul#asset_list li.ui-selected .asset_icon .asset_icon_overlay, ul#asset_list li.ui-selecting .asset_icon .asset_icon_overlay {
  display: block;
}

#asset_list span, #asterion_flickr_photo_list span {
  display: block;
  text-align: center;
}

#asset_list span.asset_name a, #asterion_flickr_photo_list span.asset_name a { font-size: 11px; }
#asset_list li.ui-selected span.asset_name a, #asset_list li.ui-selecting span.asset_name a { background-color: #cbe8ff; }
#asterion_flickr_photo_list span.asset_actions { color: #999999; font-size: 11px; }
#asterion_flickr_photo_list span.asset_actions a { font-size: 11px; }
#asterion_flickr_photo_list img.asset_image { border: 1px solid #444; }

#asset_delete_preview { margin: 15px; overflow: auto; width: 100%;}
#asset_delete_preview div.asset_icon { float: left; }
#asset_delete_preview div.asset_metadata { margin-left: 15px; float: left; }
#asset_delete_preview div.asset_icon img.asset_image { border:1px solid #444444; }

#completed_uploads li {
  padding: 10px;
  border-bottom: 1px solid #777;
  overflow: auto;
  zoom: 1;
  margin: 0px 5px;
}
#completed_uploads li img { border: 1px solid #000; }
#completed_uploads .upload_icon {
  float: left;
  padding-right: 10px;
}

.dialog_content .dialog_sidebar_left_content li {
  list-style-type: none;
  margin: 0px 0px 0px 10px;
  padding: 3px 0px 3px 25px;
  background: #e1f3fe url(/images/icons/bullet_black.png) no-repeat 5px 3px;
}

.dialog_content ul#asterion_theme_list,
.dialog_content ul#asterion_component_list,
.dialog_content ul#asterion_youtube_video_list,
.dialog_content ul#asterion_flickr_photo_list {
  overflow: auto;
  width: 100%;
  margin-left: 12px;
  height: 370px;
  width: 597px;
  margin-bottom: 10px;
}

.dialog_content #asterion_youtube_videos_container {
  padding: 0;
  margin: 0 auto;
  width: 776px;
}

#asterion_youtube_title {
  float: left;
  width: 620px;
  position: relative;
  overflow: hidden;
}

/* Theme selector */

.dialog_content #asterion_theme_list li,
.dialog_content #asterion_component_list li,
.dialog_content #asterion_youtube_video_list li,
.dialog_content #asterion_flickr_photo_list li {
  float: left;
  padding: 5px 8px 5px 0px;
  margin: 0px;
  text-align: center;
  font-weight: bold;
}
.dialog_content #asterion_component_list li { width: 135px; height: 170px; margin-top: 5px; }
.dialog_content #asterion_component_list p { font-weight: normal; margin: 0px; text-align: center; }

.dialog_content #asterion_component_list .component_title a,
.dialog_content #asterion_component_list .component_title a:visited,

.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;
  font-size: 11px;
}

.dialog_content ul#asterion_youtube_video_list { height: 410px; margin-bottom: 10px; }
.dialog_content #asterion_youtube_video_list li { width: 135px; height: 119px; margin-top: 5px; }
.dialog_content #asterion_youtube_preview { padding: 0px 15px 15px 15px; }

.dialog_content .component_title { padding-bottom: 10px; }

.dialog_content #asterion_theme_list li a,
.dialog_content #asterion_theme_list li a:visited {
  color: #4f4b40;
  text-align: center;
  text-decoration: none;
}

.dialog_content #asterion_theme_list li a img { border: 3px solid #bfbeb6; }
.dialog_content #asterion_theme_list li a:hover { color: #3f98d7; }
.dialog_content #asterion_theme_list li a:hover img { border-color: #3f98d7; }

.dialog_content .dialog_sidebar_right_content div.layout {
  clear: both;
  line-height: 13pt;
  padding: 7px 10px;
}

.dialog_content img.theme_preview { margin: 20px; border: 1px solid #000; }

/* Misc */

.dialog_content table.dialog_table tr .asterion_right { text-align: right; }

/* navigation editors */

#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 a.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;
}

#lookup_address input {
  float: left;
}

#lookup_address a {
  float: left;
}

#lookup_address label {
  width: 115px;
}

#geocode_errors {
  display: block;
  margin-left: 125px;
  color: red;
  clear: left;
}

div.progress_bar {
  width: 170px;
  height: 15px;
  border: solid 1px #000;
  position: relative;
  margin-left: 8px
}

div.progress_bar span.status_bar {
  display: block;
  height: 15px;
  width: 0px;
  background-color: #8CDD81;
  border-right: solid 1px #000;
  position: absolute;
}

div.progress_bar span.status_text {
  display: block;
  position: absolute;
  font-size: 11px;
  text-align: center;
  width: 100%;
}

/*  Asset manager */

#asset_information .asset_preview { text-align: center; margin: 80px 10px 80px 20px; }
#asset_information .asset_preview.asset_image_preview { width: 390px; }
#asset_information .asset_preview p { text-align: center }

#asset_information .asset_id3_info p, 
#asset_information .asset_id3_info strong { margin: 0px; padding: 0px;  }

/* Image */
#asset_information .asset_image_preview { text-align: center;  margin: 20px; }
#asset_information .asset_image_preview img { border: 1px solid #000; }

#asset_file_info {
  float: right;
  width: 190px;
}

#asset_exif_data {
  margin: 10px 0 0;
  padding-left: 0 10px 0 0;
}

#asset_file_info label {
  float: none;
  text-align: left !important;
  padding-top: 12px !important;
}

#asset_file_info input, #asset_information .asset_file_info textarea {
  width: 160px;
}

#asset_file_info textarea {
  height: 60px;
  width: 160px;
}

#asset_file_info .dialog_button {
  float: none !important;
  margin: 10px 0 0 0 !important;
}

#asset_footer_details {
  position: absolute;
  bottom: 0px;
  right: 0px;
  color: #000;
  background-color: #fafafa;
  border-top: 1px solid #ddd;
  width: 621px;
  min-height: 60px;
}

#upload_theme { position: relative }
#upload_theme form fieldset input { border-width: 0px; background-image: none; width: 200px; }
#upload_theme_status {
  position: absolute;
  padding: 5px;
  right: 100px;
  top: 0px;
  width: 250px;
  color: #f00;
}

#upload_asset_status {
 padding: 5px;
 margin-left: 90px;
 color: #f00;
}

#upload_theme_status strong, #edit_theme_status strong { color: #f00; }

#edit_theme_status {
  color: #f00;
  margin: 10px;
}

#new_collection {
  width: 100%;
  bottom: 0px;
  padding: 10px;
}

div.dialog_sidebar_left_bottom {
  padding: 5px 0 0 15px;
}

.dialog_content #asset_collections form fieldset select { width: 150px; margin-left: 10px; }
#asset_collections, #asset_tags { position: relative; }

.dialog_content .collections_actions, .dialog_content .collections_actions a {
  font-size: 10px;
}

.dialog_content #collection_list {
  list-style-type: none;
  height: 315px;
  overflow: auto;
}

.dialog_content #collection_list li {
  background-image: none;
  padding: 2px 0;
}

.dialog_content #collection_list li .collection_label {
  position: relative;
  top: -3px;
  padding-left: 3px;
}

.dialog_content #collection_list .collection_actions {
  position: relative;
}

.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 {
  position: absolute; top: -5px; left: 0;
  display: none;
}

.dialog_content #collection_list.with_assets_selected .collection_actions .no_action {
  visibility: hidden;
}

.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 .collection_label a,
.dialog_content #collection_list li .collection_label .collection_name {
  padding: 2px;
}

.dialog_content #collection_list.with_assets_selected li.contains_all .collection_label .collection_name,
.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 .collection_name,
.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 #asset_tag_list {
  height: 230px;
  overflow: auto;
}

#add_new_tag, #add_to_collection {
 background-color: #fff;
 border: 1px solid #444;
 width: 165px;
 position: absolute;
 top: 22px;
 left: 2px;
 z-index: 1005;
}

.dialog_content #add_to_collection ul.full {
  height: 270px;
  overflow: auto;
}

.dialog_content #add_to_collection ul {
  clear: both;
}

.dialog_content #add_to_collection li {
  list-style-type: none;
  background-image: none;
  margin: 0px;
  padding: 0px;
}

.dialog_content #add_to_collection div.already_added {
  padding: 5px 0px 5px 25px;
  color: #888;
  background: white url(/images/icons/folder_star.png) 5px 3px no-repeat;
}

.dialog_content #add_to_collection li a, .dialog_content #add_to_collection li a:visited {
  display: block;
  text-decoration: none;
  padding: 5px 0px 5px 25px;
  background: white url(/images/icons/folder_add.png) 5px 3px no-repeat;
}
.dialog_content #add_to_collection li a:hover {
  background-color: #fe9;
}
.dialog_content div.popup_options {
  clear: both;
  text-align: center;
  border-top: 1px solid #ddd;
  padding: 4px;
  margin-top: 5px;
  width: 100%;
  float: left;
}

.dialog_content div.popup_options.top {
  border-top: none;
  border-bottom: 1px solid #ddd;
}

.dialog_content #add_new_tag p, .dialog_content #add_new_collection p {
  margin: 0px 0px 0px 10px;
  padding: 0px;
  width: 80px;
  float: left;
}

.dialog_content #add_new_tag a.add, .dialog_content #add_new_collection a.add { float: right; margin-right: 10px; margin-bottom: 5px  }
.dialog_content #add_new_tag input, .dialog_content #add_new_collection input { width: 130px; margin-left: 10px; }
/* End Asset Manager styles */

/* Graphical selections */
.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 { 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; }
.dialog_content .radio_field .helper_wrapper { float: left; margin: 6px 0 0 4px; }

#asterion_page_layout_selection li img { border: 3px solid #bfbeb6; width: 176px; height: 98px; }
#asterion_avatar_selection { margin: 0 100px; }
#asterion_lastfm_type_selection { margin: 0 85px; }
#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; }

#asterion_lastfm_type_selection li img { border: 3px solid #bfbeb6; width: 51px; height: 51px; }

.dialog_content form fieldset #asterion_lastfm_type_selection li label { text-align: center; width: 80px;}
.dialog_content ul#asterion_page_layout_selection { margin: 0 8px; }
.dialog_content form fieldset #asterion_avatar_selection li label { text-align: center; width: 75px; }
.dialog_content form fieldset .graphical_select li input { display: none; }

/* Tooltip style */
#jHelperTipContainer {
  z-index: 2000;
  width: 300px;
  background-color: #FAEDBA;
  border: 2px solid #FBD637;
  color: #000;
}

#jHelperTipContainer .tip_title {
  font-size: 15px;
  display: block;
  font-weight: bold;
  margin: 0px 0px 5px 0px;
  padding: 10px;
  background-color: #FBD637;
}

#jHelperTipContainer p { padding: 5px 15px; }
#jHelperTipContainer p .left { float: left; }
#jHelperTipContainer img { padding: 5px 15px; float: left; }


/* Blog date settings */
#asterion_blog_date_settings { float: left; }
#asterion_blog_date_example {
  float: left;
  margin-left: 30px;
  margin-top: 30px;
}

/* Image selection dialog */
#image_component_selection { overflow: hidden; width: 350px; margin-left: 20px; }
#image_component_selection .formError { margin-top: 40px; }
#image_component_selection a.browse, #image_preview a.browse, .image_preview a.dialog_button { float: left; margin-left: 20px }
#image_preview, .image_preview { float: left }
#image_preview_wrapper .formError { margin-left:0; }
#image_preview .external_preview { float: left; width: 400px; margin: 30px 0 0 15px;}
#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 { border: 1px solid #444; }
#image_preview .external_image #image_preview_image { width: 128px; min-height: 80px; background: url('/images/image_not_found.png') no-repeat; }

/* Youtube video selection dialog*/
#youtube_component_selection a.browse { float: left; margin-bottom: 5px; }
#youtube_component_selection a.dialog_button { margin: 0; }
#youtube_component_selection input { float: left; }
#youtube_component_selection { overflow: auto; height: 32px; }

/* Tinymce stuff */
#asterion_pages_label {
  width: 100px;
}

.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: Verdana,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: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10px;
  text-align: center;
}

.dialog_content #codeA, .dialog_content #codeB {
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/* styles for new add image dialog */
.dialog_content div.dialog_body div.option_regular {
    width: 49%;
    float: left;
    padding: 0 0 10px 0;
}
.dialog_content a.upload_image,
.dialog_content a.upload_image:visited {
    height: 34px;
    float: none;
    margin-left: 0;
}
.dialog_content a.upload_image:hover {
 background-position: 0 -34px;
}
div#enterurl input,
div#enterurl a { float: left; text-decoration: none; }
div#enterurl form { overflow: hidden; }
div#enterurl #image_url { padding-top: 4px; }
div#enterurl .formError { margin-left: 0; }
div.dialog_option_content { padding: 10px; }
div.dialog_option_content strong {
  display: block;
  padding: 10px 0 10px 0;
}


#image_preview, .image_preview {
  margin: 0 10px 10px 10px;
  overflow: hidden;
}

#image_preview a.dialog_button, #image_preview #image_preview_wrapper, .image_preview .image_preview_wrapper { float: left; }

#image_browse_flickr { float: left; width: 400px; }
#image_browse_flickr p { margin-top: 0; }
#image_browse_flickr input { margin-left: 15px; width: 100px; }
#image_browse_flickr a { margin-left: 0 !important; }

#image_browse_asterion { margin-left: 10px; float: left; }


/* Flickr image selector */

.dialog_content #asterion_flickr_photo_list {
  height: 357px !important;
}

.dialog_content #asterion_flickr_photo_list li {
  width: 106px;
  height: 110px;
  font-weight: normal !important;
  line-height: 12px !important;
}

.dialog_content .dialog_flickr_sidebar_content {
  height: 450px;
}

.dialog_content .dialog_flickr_sidebar_content .dialog_sidebar_left_top label {
  width: 55px;
}

.dialog_content .dialog_flickr_sidebar_content .dialog_sidebar_left_top input {
  width: 65px;
}

.dialog_content #asterion_flickr_preview { padding: 0 15px 15px 15px; float: left; }

.dialog_content #asterion_flickr_preview_description { overflow: hidden; }
.dialog_content #asterion_flickr_preview_description p { margin-left: 4px;  margin-right: 4px; }
.dialog_content #asterion_flickr_preview_description a { float: none; }


.dialog_content ul.services li {
  height: 20px;
}

.dialog_content fieldset ul.services input {
    padding: 0;
    width: auto;
    margin-right: 5px;
    vertical-align: text-bottom;
}

.dialog_content ul.services label {
  display: inline;
  float: none;
  text-align: left;
}

.dialog_content ul.services label,
.dialog_content ul.services label img {
  vertical-align: text-bottom;
}

.dialog_content ul.services label span { margin-left: 5px; }

/* Throwaway form editor styles */

div.form_editor_canvas, ul.editor_canvas {
  width: 598px;
  margin-left: 10px;
  padding: 5px 2px 10px;
  float: left;
}
div#form_editor_canvas, ul#nav_editor_canvas {
  height: 390px;
  overflow: auto;
  border: 2px dashed #b9d9f0;
  padding: 5px 0 5px;
}
.nav_component_form ul#nav_editor_canvas { height: 320px; }
.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 {
  border: 1px solid #b9d9f0;
  padding: 10px;
  margin: 0 5px 5px;
  position: relative;
  background: #fff;
}

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: 50px;
}

.ui-resizable-e {
    background: #b9d9f0 url(/images/icons/drag_e.png) no-repeat scroll center center;
    overflow: hidden;
    right: 0pt;
    height: 100%;
    position: absolute;
    cursor: e-resize;
    width: 10px;
    top: 0px;
    bottom: 0px;
    font-size: 0.1px;
}

.ui-resizable-se {
    background: #b9d9f0 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: 0 -5px -5px -5px;
}

ul#nav_editor_canvas div.navigation_item {
  position: absolute; left: 63px; top: 1px;
  padding-left: 5px;
}

ul#nav_editor_canvas div.editor_item_type {
  background-repeat: no-repeat;
  background-position: 2px 2px;
  position: absolute;
  top: 0px;
  left: 39px;
  height: 20px;
  width: 21px;
  background-color: #dce9fa;
}

.dialog_content li.empty_first { height: 15px; }
.dialog_content li.empty_last { height: 5px; }

ul#nav_editor_canvas div.editor_item_type span { display: none; }

.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.form_editor_canvas div.form_editor_field div.radio_options input,
div.form_editor_canvas div.form_editor_field.dialog_form_check_box_field input {
  float: left;
}

div.form_editor_canvas div.form_editor_field_actions, ul.editor_canvas div.editor_item_actions { position: absolute; top: 2px; right: 2px; }
div.form_editor_canvas div.dialog_form_submit_field input { border: none; background: none; }

.dialog_content div.drag_form_field, .dialog_content div.drag_editor_item {
  background-color: #b9d9f0;
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 18px;
  color: white;
  padding: 2px 0 0 11px;
  background-position: 4px;
  background-repeat: no-repeat;
  background-image: url('/images/icons/vertical_drag_arrows.png');
  cursor: move;
  font-size: 8pt;
}

/* Shawn's styles */

.form_palatte_item, #editor_palatte #available_items div {
   border: 1px solid #b9d9f0;
   padding: 5px 5px 5px 25px;
   background-color: #fff;
   display: block;
   margin: 8px 10px 0px 10px;
   cursor: move;
   background-position: 5px 5px;
   background-repeat: no-repeat;
   padding-left: 25px;
   width: 118px;
   z-index: 1050
}
div#form_palatte_text_field { background-image: url('/images/icons/text_field.png'); }
div#form_palatte_text_area { background-image: url('/images/icons/text_area.png'); }
div#form_palatte_radio { background-image: url('/images/icons/radio.png'); }
div#form_palatte_check_box { background-image: url('/images/icons/check_box.png'); }
div#form_palatte_select_box { background-image: url('/images/icons/select_box.png'); }

div#nav_palatte_group, li.editor_item_group .editor_item_type { background-image: url('/images/icons/shape_handles.png'); }
div#nav_palatte_page, li.editor_item_page .editor_item_type { background-image: url('/images/icons/page_white_world.png'); }
div#nav_palatte_asset, li.editor_item_asset .editor_item_type { background-image: url('/images/icons/page_link.png'); }
div#nav_palatte_external, li.editor_item_external .editor_item_type { background-image: url('/images/icons/world_go.png'); }
div#nav_palatte_email, li.editor_item_email .editor_item_type { background-image: url('/images/icons/email_link.png'); }

.dialog_content .dialog_sidebar_instructions { margin: 15px 10px; color: #53585b; }
.dialog_content .dialog_sidebar_instructions strong { color: inherit; }

span.good { color: green; }
span.bad { color: red; }

span.response_status .good { padding: 1px 0px 0px 22px; background: url(/images/icons/accept.png) no-repeat; }
span.response_status .bad { padding: 1px 0px 0px 22px; background: url(/images/icons/exclamation.png) no-repeat; }

#charmapView { padding: 15px 0pt 0pt 15px; }

#category_selection { margin-left: 10px; }
#category_selection_wrapper { margin-left: 20px; overflow: hidden; }
#category_selection .category_option { float: left; width: 180px; }
#category_selection #category_selection_wrapper .category_option { width: 140px; }
.dialog_content .select_all a { font-weight: normal; color: #1D86D0; font-size: x-small; margin-left: 15px; position: relative; top: -2px}

.dialog_content #upload_error { color: red; margin-left: 90px; }
.dialog_content form fieldset p.file_help { margin-left: 32px; }

#upcoming_categories { overflow: hidden; zoom: 1; }

div#upcoming_categories ul { margin: 0px; padding: 0px; display: block }
#upcoming_categories li { display: block;float: left; margin: 10px 15px 0 0; width: 130px;}
#upcoming_categories label { display: inline; float: none; padding:5px 0 0 0; }
#upcoming_categories input { margin: 0 5px 0 0; padding: 0; vertical-align: middle; width: auto; }


ul.tiny_template_list {
  margin: 0 10px;
  float: left;
}

#tiny_template_info {
  float: left;
  margin: 5px;
  padding: 0 0 10px;
}

#tiny_template_info p {
  color: #4F4B40;
  padding: 0;
  margin: 0;
}

#tiny_template_info strong {
  color: #4F4B40;
}

ul.tiny_template_list li {
  border: 1px solid #888888;
  float: left;
  height: 32px;
  margin-right: 5px;
  padding: 5px;
  width: 32px;
}

tr.important_row td { color: #000; font-weight: bold; }

#collection_file_preview {
  padding: 5px 0px;  
}

#collection_file_preview ul {
  margin: 10px 0 10px 10px;
  overflow: hidden;
  padding-left: 10px;
  width: 570px;
}

#collection_file_preview ul li.photo_preview img { border: 1px solid #000; }
#collection_file_preview ul li {
  float: left;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 110px;
  text-align : center;
}
#collection_file_preview ul li div.file_title { padding-top: 5px; }

#collection_preview p {
  padding: 30px 0px;
  text-align: center;
  font-style: italic;
}

.dialog_content .image_gallery_all_images { margin-left: 0; }

.dialog_content .checkbox_field .numerical_input_field {
  border:1px solid #B9D9F0;
  margin:0 3px;
  width: 30px;   
}


#ui-datepicker-div {   z-index: 1010; }
.ui-datepicker-control, .ui-datepicker-current { display: none; }
.ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: #f3f3f3;
	border: 3px solid #fa9e0f;
	width: 190px;
	padding: 5px;
	position: relative;
	font: 10px Verdana, sans-serif;
}
.ui-datepicker-div, #ui-datepicker-div {
	z-index: 9999; /*must have*/
	display: none;
}


table.ui-datepicker tr { height: auto; }
table.ui-datepicker { margin: 5px 0 0 0; }
table.ui-datepicker td, table.ui-datepicker th, table.ui-datepicker tr, .ui-datepicker-header select, .ui-datepicker-header option { 
  font-family: Verdana,sans-serif; 
}

table.ui-datepicker td { padding: 0; border: none; }
table.ui-datepicker td a {
	padding: 5px;
	display: block;
	text-align: right;
	color: #444444;
	background-color: #e0e0e0;
	cursor: pointer;
	border: 1px solid #f3f3f3;
        text-decoration: none;
}
table.ui-datepicker td a:hover {
	border: 1px solid #888;
	color: #111111;
	background-color: #d8d8d8;
}
table.ui-datepicker thead td { font-weight: bold; }
table.ui-datepicker td a:active, table.ui-datepicker td.ui-datepicker-current-day a {
	border: 1px solid #444;
	color: #000000;
	background-color: #fa9e0f;
}

.ui-datepicker-next, .ui-datepicker-prev {
	position: absolute;
	top: 5px;
}
.ui-datepicker-next { right: 2px; }
.ui-datepicker-prev { left: 2px; }

.ui-datepicker-next a, .ui-datepicker-prev a {
	text-indent: -999999px;
	width: 15px;
	height: 16px;
	display: block;
	font-size: 1em;
	background: url(/images/icons/arrow_left_light.gif) 50% 50% no-repeat;
	border: 1px solid #cccccc;
	cursor: pointer;
}

.ui-datepicker-header { text-align: left; }

.ui-datepicker-header select {
	border: 1px solid #cccccc;
	color: #444444;
	background: #dad8d8;
        padding: 0;
        font-size: 11px;
        margin: 0;
}

.ui-datepicker-header select.ui-datepicker-new-month {
	width: 90px;
	margin-left: 18px;
}
.ui-datepicker-header select.ui-datepicker-new-year {
	width: 60px;
	margin-left: 2px;
}

.ui-datepicker-next a {	background: url(/images/icons/arrow_right_light.gif) 50% 50% no-repeat; }
.ui-datepicker-prev a:hover {	background: url(/images/icons/arrow_left_dark.gif) 50% 50% no-repeat; }
.ui-datepicker-next a:hover {	background: url(/images/icons/arrow_right_dark.gif) 50% 50% no-repeat; }
.ui-datepicker a:hover { border-color: #333; }


/* ui-autocomplete */
.ui-autocomplete-results {
  /*resets*/margin: 0; padding: 0; border: 0; outline: 0; text-decoration: none; font-size: 100%; list-style: none;
  font: 10px Verdana, sans-serif;
  z-index: 9999;	
  background-color: #fff;
}
.ui-autocomplete-results ul, .ui-autocomplete-results li {
  margin: 0; 
  padding: 0; 
  list-style: none;
}
.ui-autocomplete-results li {
  padding: 2px 5px;
  font-size: 12px;
}
.ui-autocomplete-results ul { border: 1px solid #777; }
.ui-autocomplete-results li.ui-autocomplete-even { background-color: #eee; }
.ui-autocomplete-results li.ui-autocomplete-over { background-color: #FBD637; }
.autocomplete_extrainfo { color: #777; }


/* the manage dialog */

.dialog_content #dialog_pages_table .table_left_icons { width: 16px; padding: 0; }
.dialog_content #dialog_pages_table .table_page_name { }
.dialog_content #dialog_pages_table .table_page_status { width: 80px; }
.dialog_content .dialog_table .table_right_icons { width: 16px; padding-left:0; text-align: right; }
.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_content #comment_filter { text-align: right; font-size: 11px; margin: 0 12px 8px 0; font-weight: normal; }
.dialog_content #comment_filter a { font-size: 11px; font-weight: normal; font-style: italic; }
.dialog_content #comment_filter label { font-size: 11px; font-weight: bold; margin-right: 5px; display:inline;}

.dialog_content img.crumbs_arrow { vertical-align: middle; margin-right: 5px;}



#help_dialog { background: #fff url(/images/help/bg.png) repeat-x bottom left; }
#help_dialog h4 { 
  font: 24px Arial, sans-serif;
  color: #e68307;
  margin: 10px 0px 0px 10px;
  padding-bottom: 0px;
}

#help_dialog h5 { 
  padding: 0px 8px 8px; 
  margin: 0px 10px 20px; 
  color: #000;
  font-weight: bold; 
}

ul.help_tips { overflow: hidden; zoom: 1 }
ul.help_tips li { clear: both; margin: 0px 0px 20px 20px; overflow: hidden; zoom: 1}
ul.help_tips li img { 
  float: left; 
  border: 8px solid #333; 
}
ul.help_tips li a img:hover { border-color: #d67826; }

p#help_stuck { color: #000 }
p#help_stuck img { vertical-align: bottom; }

ul.help_tips li p { padding-top: 5px; float: left; width: 290px; color: #000; font-weight: bold; }

.dialog_content .highlighted_code {
  width: 562px; margin: 10px 15px; padding: 0;
}