.asterion_drop_spot_container { position: absolute; top: 0; left: 0; z-index: 900; }
.asterion_components_container { position: relative; }

.asterion_drop_spot { border: 2px dashed; position: absolute; }
.asterion_drop_spot .drop_spot_overlay { filter: alpha(opacity=07); opacity: 0.07; height: 100%; }
.asterion_drop_spot .drop_spot_label {
  position: absolute;
  top: -2px;
  left: -2px;
  padding: 5px;
  color: #fff;
  font-size: 8pt;
  font-family: arial;
  padding: 5px;
}

.asterion_empty_components_container {
  height: 30px;
}

.asterion_drop_spot.site_wide { border-color: red }
.asterion_drop_spot.site_wide .drop_spot_overlay { background-color: red; }
.asterion_drop_spot.site_wide .drop_spot_label { background-color: red; }
.asterion_drop_spot.page_specific { border-color: #e8a609; }
.asterion_drop_spot.page_specific .drop_spot_overlay { background-color: #e8a609; }
.asterion_drop_spot.page_specific .drop_spot_label { background-color: #e8a609; }
.asterion_drop_spot.path_specific { border-color: #007dab; }
.asterion_drop_spot.path_specific .drop_spot_overlay { background-color: #007dab; }
.asterion_drop_spot.path_specific .drop_spot_label { background-color: #007dab; }

#asterion_page_wrapper { padding-top: 48px; position: relative; padding-bottom: 25px; zoom: 1; }

#asterion_toolbar_wrapper {
  position: fixed; 
  z-index: 950;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 965px; 
  height: 65px;
  background-image: url('/images/toolbar/main_bg.png');
  background-repeat: repeat-x;
  background-position: top center;
}

#asterion_toolbar {
  height: 40px;
  width: 965px;
  margin: 0 auto;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #6a6558;
  padding: 12px 0 0;
}


/* Overides */
#asterion_statusbar div,
#asterion_statusbar span,
#asterion_statusbar p,
#asterion_statusbar a
#asterion_toolbar div,
#asterion_toolbar span, 
#asterion_toolbar p, 
#asterion_component_indicator_toolbar_text,
#asterion_toolbar a {
  background-image: none; 
  background-color: transparent;
  text-align: left !important;
  font-variant: normal !important;
  font: 12px Arial, Helvetica, Sans-serif;
  line-height: 16px; 
  letter-spacing: normal !important;
  line-height: normal !important;
  border: none;
  letter-spacing: normal !important;
  text-transform: none !important;
}
#asterion_toolbar ul, #asterion_toolbar li, #asterion_statusbar ul, #asterion_statusbar li { 
  margin: 0px; padding: 0px; 
  text-align: left; 
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  line-height: normal;
  border: none;
}
#asterion_statusbar a,#asterion_statusbar a:visited, #asterion_statusbar a:hover,
#asterion_toolbar a:visited, #asterion_toolbar a:hover { 
  background-color: transparent; background-image: none;
  border-width: 0px;
}
#asterion_toolbar a, #asterion_toolbar a:visited { text-decoration: none; }
#asterion_toolbar img { margin: 0px; padding: 0px; border-width: 0px !important; background: none !important;}

/* End overides */

#asterion_toolbar_logo { float: left; }
#asterion_toolbar ul#asterion_toolbar_menu { float: left; margin-left: 5px; }
#asterion_toolbar #asterion_toolbar_menu li { float: left; margin-left: 8px; list-style-type: none; background: none; }

#asterion_toolbar .asterion_toolbar_button { display: block; height: 31px; background-position: 0px 0px; }
#asterion_toolbar .asterion_toolbar_button:hover { background-position: 0px -31px; }
#asterion_toolbar .asterion_toolbar_button span { display: none }

#asterion_toolbar .toolbar_label { width: 78px; padding-top: 8px; font-weight: bold; }

#asterion_toolbar #asterion_add_page { background-image: url('/images/toolbar/add_page.png'); width: 101px; }
#asterion_toolbar #asterion_add_more { background-image: url('/images/toolbar/add_to_page.png'); width: 123px; height: 31px; }  

#asterion_toolbar #asterion_page_jump_current { display: block; padding: 8px 10px 9px; background-image: url('/images/toolbar/page_select.png'); height: 10px; width: 145px; }
#asterion_toolbar #asterion_page_jump_current:hover { background-position: 0px -31px; }

#asterion_toolbar li#asterion_my_website { background-image: url('/images/toolbar/my_website.png'); width: 116px; height: 31px; }
#asterion_toolbar li#asterion_my_content { margin-right: 25px; background-image: url('/images/toolbar/my_content.png'); width: 116px; height: 31px; }
#asterion_toolbar li#asterion_my_website:hover, #asterion_toolbar li#asterion_my_content:hover { background-position: 0px -31px; }

#asterion_toolbar li#asterion_vertical_rule { padding: 0px 5px; }
#asterion_toolbar #asterion_hide_toolbar, #asterion_toolbar #asterion_account { margin: -3px 0px 3px 6px; }

#asterion_toolbar #asterion_hide_toolbar a, 
#asterion_toolbar #asterion_account a { 
  background: transparent url('/images/icons/house_go.png') no-repeat center left;
  margin-left: 15px; 
  padding: 2px 0px 0px 24px;
  color: #6a6558;
  font-size: 11px;
  text-decoration: none;
  display: block;
  height: 14px;
}
#asterion_toolbar #asterion_hide_toolbar a  { background-image: url('/images/icons/hide.png') }
#asterion_toolbar #asterion_page_select { margin-right: 8px; }

/* Toolbar dropdowns */

#asterion_toolbar .asterion_toolbar_dropdown_menu { 
  position: absolute;
  top: 35px;
  z-index: 951;
  background-repeat: repeat-x;
  display: none;
}


#asterion_toolbar .asterion_toolbar_dropdown_menu { 
  background-color: #fad182;
  border: 1px solid #fbc570;
  width: 180px;
  border-top-width: 0px; 
  margin: 4px 0px 0px 2px; 
}

#asterion_toolbar #asterion_toolbar_menu .asterion_toolbar_dropdown_menu li {
  float: none;
  margin: 0;
  padding: 0;
  font-size: 12px;
  list-style-type: none;
  font-family: Arial, Helvetica, sans-serif;
  padding: 6px 0px 6px 6px;
}


#asterion_toolbar #asterion_page_select .asterion_toolbar_dropdown_menu { 
  background-color: #f5eddb;
  border: 1px solid #ffdd9a;
  width: 180px;
}

/* hide components when we drag them to pages */
#asterion_toolbar #asterion_page_select .asterion_toolbar_dropdown_menu .component {
  display: none;
}
#asterion_toolbar a { outline: 0 }
#asterion_toolbar #asterion_page_select li.hover_drop { background-color: #dabc7b; }

#asterion_toolbar .asterion_toolbar_dropdown_menu a, #asterion_toolbar .asterion_toolbar_dropdown_menu a:visited { color: #f28400; text-decoration: none; font-weight: bold; }
#asterion_toolbar .asterion_toolbar_dropdown_menu a:hover { color: #5faa2b; }

#asterion_toolbar #asterion_page_select a, #asterion_toolbar #asterion_toolbar_page_jump_menu a:visited { color: #6a6558; }
#asterion_toolbar #asterion_page_select a:hover { color: #5faa2b; }

#asterion_toolbar .asterion_toolbar_dropdown_menu a { 
  background: transparent url('/images/icons/settings.png') no-repeat left center; 
  padding: 3px 0px 0px 22px; 
  display: block; 
  height: 16px; 
} 


#asterion_toolbar #asterion_show_all_services a span { display: none }
#asterion_toolbar #asterion_toolbar_menu #asterion_show_all_services { 
  padding: 0px 0px 5px; 
  border-top: 1px dotted #f28400;
}

#asterion_toolbar #asterion_show_all_services a { 
  background: transparent url('/images/toolbar/more_content.png') bottom center no-repeat; 
  height: 8px;
  display: block;
}

#asterion_toolbar #asterion_my_content li.inactive_service { display: none; }

#asterion_toolbar #asterion_manage_friends a { background-image: url('/images/icons/group.png') }
#asterion_toolbar #asterion_manage_blog a { background-image: url('/images/icons/book_edit.png') }
#asterion_toolbar #asterion_manage_comments a { background-image: url('/images/icons/comments.png') }

#asterion_toolbar #asterion_manage_assets a { background-image: url('/images/icons/pictures.png'); } 
#asterion_toolbar #asterion_manage_pages a { background-image: url('/images/icons/pages.png'); } 
#asterion_toolbar #asterion_change_theme a { background-image: url('/images/icons/palette.png'); }
#asterion_toolbar #asterion_customize_theme a { background-image: url('/images/icons/html.png'); }
#asterion_toolbar #asterion_manage_account a { background-image: url('/images/icons/house.png'); }
#asterion_toolbar #asterion_website_navigation a { background-image: url('/images/icons/sitemap.png'); }

#asterion_toolbar #asterion_customize_theme { border-bottom: 1px dotted #cfaf71; }

#asterion_toolbar #asterion_page_select a { background-image: url('/images/icons/page_white_world.png'); }
#asterion_toolbar #asterion_page_select li.password_protected a { background-image: url('/images/icons/page_white_key.png'); }
#asterion_toolbar #asterion_page_select li.unpublished a { background-image: url('/images/icons/page_white.png'); }

#asterion_toolbar #asterion_page_select .asterion_not_in_primary_nav { border-top: 1px dotted #cfaf71; }
#asterion_toolbar #asterion_page_select li.more_pages { border-top: 1px dotted #cfaf71; }
#asterion_toolbar #asterion_page_select li.more_pages a { background-image: none; }
/*
  #asterion_toolbar #asterion_manage_blog { border-top: 1px solid #fbc570; padding-top: 10px; }
*/
.asterion_add_component_placeholder .button_placeholder { height: 50px; width: 90%; margin-left: auto; margin-right: auto; padding-bottom: 10px; }

.asterion_add_component {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  border-width: 2px !important;
  border-style: solid !important;
  padding: 10px 5px 5px !important;
}

.asterion_add_component span.asterion_add_button {
  display: block;
  width: 88x;
  margin: auto;
  height: 30px;
  background: url('/images/buttons/add_it_here_page_specific.png') center top no-repeat;
}

.asterion_drop_spot.page_specific .asterion_add_component { border-color: #f09e00 !important; background-color: #FFF8E6 !important; }

.asterion_drop_spot.site_wide .asterion_add_component { border-color: red; background-color: #ffe6e6; }
.asterion_drop_spot.site_wide .asterion_add_component span.asterion_add_button { background-image: url('/images/buttons/add_it_here_site_wide.png'); }

.asterion_drop_spot.path_specific .asterion_add_component { border-color: #007DAB; background-color: #e6f8ff; }
.asterion_drop_spot.path_specific .asterion_add_component span.asterion_add_button { background-image: url('/images/buttons/add_it_here_path_specific.png'); }

.asterion_add_component:hover span.asterion_add_button {
  background-position: center -30px;
}

#asterion_component_indicator_overlay {
    z-index: 900; 
    background-color: black; 
    position: fixed;
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    opacity: .5;
    filter: alpha(opacity=50);
}

#asterion_component_indicator_toolbar_overlay {
    width: 940px;
    height: 53px;
    left: 50%;
    margin-left: -405px;
    top: 0px;
    position: absolute;
    background-image: url(/images/toolbar/main_bg.png) !important;
    background-position: left top;
    background-repeat: no-repeat;
}

div#asterion_component_indicator_toolbar_overlay div#asterion_component_indicator_toolbar_text {
    padding-top: 20px;
    padding-right: 10px;
    color: #000; 
    font-weight: bold;
    text-align: center !important;
}

#asterion_component_indicator_toolbar_overlay.dragging { width: 250px; }
#asterion_component_indicator_toolbar_overlay.dragging #asterion_component_indicator_toolbar_text { padding-top: 15px; }
/****** Status Bar ****/
 
div#asterion_statusbar_wrapper { 
  position: fixed; 
  bottom: 0px; 
  left: 0px;
  width: 100%;
  border-bottom: 1px solid #ebdeb1;
  border-top: 1px solid #e6d69e;
  background: #f6ebc6 url('/images/toolbar/statusbar_bg.png');
  height: 25px; 
  z-index: 945;
}

#asterion_statusbar { 
  width: 900px;
  padding: 0px 40px;
  margin: auto;
  height: 25px;
  position: relative;
}
#asterion_statusbar span, #asterion_statusbar a { color: #666; font: 10px Verdana, sans-serif; }

#asterion_statusbar img { border-width: 0px; padding: 0px; margin: 0px; }
#asterion_statusbar ul.status_actions {
  float: left; 
  margin: 0px 10px 0px 0px;
  overflow: hidden;
  border-left: 1px solid #e6d69e;
}


#asterion_statusbar ul.status_actions li { 
  float: left;
  list-style-type: none;
  border-right: 1px solid #e6d69e;
}
#asterion_statusbar .status_actions li a { 
  text-decoration: none; 
  height: 20px;
  padding: 5px 5px 0 5px;
  float: left;
  padding-left: 21px; /* icon is 16, + 5px to match left*/
  background-color: #f6ebc6;
  display: block;
  background-position: 5px 5px;
  background-repeat: no-repeat;
}
#asterion_statusbar #statusbar_layout_mode a    { background-image: url('/images/icons/layout_content.png') }
#asterion_statusbar #statusbar_page_settings a  { background-image: url('/images/icons/page_white_gear.png') }
#asterion_statusbar #statusbar_delete_page a    { background-image: url('/images/icons/page_white_delete.png') }
#asterion_statusbar #statusbar_comments a       { background-image: url('/images/icons/comments.png') }
#asterion_statusbar #statusbar_notifications a  { background-image: url('/images/icons/email.png') }
#asterion_statusbar #statusbar_help a  { background-image: url('/images/icons/help.png') }

#asterion_statusbar #statusbar_locked_page a  { background-image: url('/images/icons/lock.png') }

#asterion_statusbar #statusbar_layout_mode a.asterion_disabled { cursor: default; background-image: url('/images/icons/layout_content_disabled.png') }
#asterion_statusbar #statusbar_page_settings a.asterion_disabled { cursor: default; background-image: url('/images/icons/page_white_gear_disabled.png') }
#asterion_statusbar #statusbar_delete_page a.asterion_disabled { cursor: default; background-image: url('/images/icons/page_white_delete_disabled.png') }

#asterion_statusbar #statusbar_orphaned_components a { background-image: url('/images/icons/brick_error.png'); }

#asterion_statusbar .status_actions li a span { display: none }
#asterion_statusbar #statusbar_notifications span, #asterion_statusbar #statusbar_comments span { display: inline; padding: 0px 5px; font-weight: bold; }

#asterion_statusbar .status_actions li a:hover, #asterion_statusbar .status_actions li a.active_status_link { background-color: #fad182; }
#asterion_statusbar .status_actions li a.asterion_disabled:hover { background-color: #f6ebc6; }

#asterion_statusbar #asterion_comment_notifications, #asterion_statusbar #asterion_notifications { margin: 0px 0px 0px 10px; float: right }
#asterion_statusbar a { outline: 0 }
#asterion_statusbar .status_action_tooltip {
  font: 10px Verdana, sans-serif; 
  color: #fff;
  background-color: #f06a00;
  padding: 3px 5px;
  position: absolute;
  z-index: 940;      
  bottom: 30px;
  display: none;
}

/*** Notices ***/
#asterion_statusbar #asterion_orphaned_components_window, 
#asterion_statusbar #asterion_notification_window { 
  position: absolute; 
  bottom: 25px;
  width: 250px; 
  right: 0px;
  background-color: #fcf9ee;
  z-index: 941;
  border: 1px solid #e6d69e;
  border-bottom-width: 0px;
  display: none;
}
#asterion_statusbar #asterion_orphaned_components_window a { 
  padding-left: 26px;
  background-color: transparent;
  background-image: url('/images/icons/shape_square_add.png');
  border-bottom: 1px dashed #e6d69e;
}
#asterion_statusbar #asterion_orphaned_components_window a { float: none; display: block; } 
#asterion_statusbar #asterion_orphaned_components_window a:hover { background-color: #FAD182; }

#asterion_statusbar #asterion_notification_window div, #asterion_statusbar #asterion_notification_window p { color: #6a6558; }

#asterion_statusbar #asterion_notification_window a {
  background: none;
  float: none;
  padding: 0px;
  margin: 0px;
  display: inline;
  font: 12px Arial, Helvetica, Sans-Serif;
  color: #f09200;
  text-decoration: underline;
}

#asterion_statusbar .asterion_notice_normal, #asterion_statusbar .asterion_notice_urgent {
  padding: 10px; 
  border-bottom: 1px dashed #e6d69e;
}

#asterion_statusbar .asterion_notice_delete { float: right; }

#asterion_statusbar .asterion_notice_normal { background: transparent url('/images/icons/email.png') no-repeat 10px 10px; }
#asterion_statusbar .asterion_notice_urgent { background: transparent url('/images/icons/email_urgent.png') no-repeat 10px 10px; }

#asterion_statusbar .asterion_notice_title { 
  display: block;
  padding-left: 23px;
  margin-right: 23px;
  font-weight: bold;
}

#asterion_statusbar .asterion_notice_content { padding: 10px; }


/*********** Component Toolbar ***************/



.asterion_component_editor {
  position: absolute;
  text-align: right;
  line-height: normal !important;
  opacity: .90;
  z-index: 900
}
.asterion_component_editor ul, .asterion_component_editor li
{
  line-height: normal;
  letter-spacing: normal;
  padding: 0px; 
  margin: 0px;
  border-width: 0px;
  background-image: none;
}

.asterion_component_toolbar_label {
  display: block;
  padding: 3px 5px;
  position: absolute;
  top: -16px;
  left: -1px;
  font: 10px Verdana;
  z-index: 905;
  border-style: solid;
  border-width: 1px 1px 0px;
  height: 10px;
  text-align: left;
  overflow: hidden;
}

.asterion_component_toolbar {
  cursor: move;
  z-index: 900;
  padding: 1px 10px;
  color: #000;
  height: 28px;
  border-style: solid;
  border-width: 1px 1px 0px; 
  text-transform: none !important;
  position: absolute;
}

.asterion_readonly_component_editor .asterion_component_toolbar { cursor: default; }
.layout_mode .asterion_readonly_component_editor .asterion_component_toolbar { cursor: move; }
.asterion_readonly_component_editor .move_options { display: none }
.layout_mode .asterion_readonly_component_editor .asterion_component_toolbar .asterion_readonly_component_editor .move_options { display: block }
.asterion_readonly_component_editor a.remove { display: none; }
.layout_mode .asterion_readonly_component_editor a.remove { display: block; }

.asterion_component_editor_mini_toolbars {
  position: absolute;
  top: 0;
  left: 0;
}

.asterion_component_editor_mini_toolbars div {
  z-index: 900;
  position: absolute;
  left: -37px;
  width: 50px;
}

.asterion_component_editor_mini_toolbars ul {
  z-index: 900;
  position: absolute;
  left: 0px;
  margin: 0px; padding: 0px; border: 0px; list-style-type: none;
}

.asterion_component_editor_mini_toolbars li {
  text-align: left;
  width: 50px;
  height: 30px;
  background-repeat: no-repeat;
  margin-bottom: 10px;
}

.asterion_component_editor_mini_toolbars a {
  display: block;
  padding: 7px;
  background: none;
  border: none;
}

.asterion_component_editor_mini_toolbars a:hover {
  background-color: inherit;
  padding: 7px;
  border-width: 0px;
}
.asterion_component_editor a:focus { outline: 0; }

.asterion_component_editor_mini_toolbars img {
  background: none !important;
  border: none !important;
  padding: 0px !important;
  margin: 0px !important;
}

.nondraggable .asterion_component_toolbar { cursor: default; }

.asterion_component_toolbar a, .asterion_component_toolbar a:visited, .asterion_component_toolbar a:hover,
.asterion_mini_toolbar a, .asterion_mini_toolbar a:visited, .asterion_mini_toolbar a:hover { 
  color: #58390F;
  font-size: 11px;
  padding: 2px;
  border: none;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
}
.asterion_component_toolbar a:hover { color: #58390F; }

.asterion_component_editor_sides { position: absolute; font-size: 0px; left: -3px; }

.asterion_component_editor_sides div { position: absolute; }

.asterion_component_editor_sides .asterion_left { top: 0; left: 0; width: 3px;  }
.asterion_component_editor_sides .asterion_right { top: 0; right: 0; width: 3px; }
.asterion_component_editor_sides .asterion_top { width: 100%; height: 3px; top: 0; left: 0;}
.asterion_component_editor_sides .asterion_bottom { width: 100%; height: 3px; top: 0; left: 0;}

.asterion_component_toolbar ul { color: #58390F; font: 11px Trebuchet MS, sans-serif; font-weight: bold; float: left; height: 25px; margin: 0px; padding: 7px 0px 0px; border: 0px; list-style-type: none; }
.asterion_component_toolbar ul li  { float: left; margin: 0px; padding: 0px; border: 0px; list-style-type: none;  }
.asterion_component_toolbar ul li img { vertical-align: middle; margin: 0px; padding: 0px; border: 0px; background: none; }
.asterion_component_toolbar ul li { padding-left: 5px; border-width: 0px; }

.asterion_component_toolbar ul.main_options { float: right; }

.asterion_component_toolbar ul li#drag_component {  padding-left: 0px; padding-right: 5px; }
.asterion_component_toolbar ul li#drag_component img { padding-right: 2px; }

.asterion_component_toolbar ul li#move_component { padding-left: 7px; width: 8px; margin-top: -6px; }
.asterion_component_toolbar ul li#move_component a { display: block }

.asterion_page_specific_component_editor .asterion_component_toolbar_label  { background-color: #f9e7a3; border-color: #f2a901; }
.asterion_page_specific_component_editor .asterion_component_toolbar  { border-color: #f2a901; }
.asterion_page_specific_component_editor .asterion_component_toolbar { background: #f9e7a3 url(/images/component_editor/editor_top_background.png) repeat-x bottom left; }
.asterion_page_specific_component_editor .asterion_component_editor_sides div { background-color: #f2a901; }
.asterion_page_specific_component_editor .asterion_component_editor_mini_toolbars li { background-image: url(/images/component_editor/page_specific_mini_tab.png); }

.asterion_site_wide_component_editor .asterion_component_toolbar_label  { background-color: #f9cba3; border-color: #f35c01; }
.asterion_site_wide_component_editor .asterion_component_toolbar  { border-color: #f35c01; }
.asterion_site_wide_component_editor .asterion_component_toolbar { background: #f9cba3 url(/images/component_editor/site_wide_editor_top_background.png) repeat-x bottom left; }
.asterion_site_wide_component_editor .asterion_component_editor_sides div { background-color: #f35c01; }
.asterion_site_wide_component_editor .asterion_component_editor_mini_toolbars li { background-image: url(/images/component_editor/site_wide_mini_tab.png); }

.asterion_path_specific_component_editor .asterion_component_toolbar { border-color: #6eb3cc; }
.asterion_path_specific_component_editor .asterion_component_toolbar_label { background-color: #cae1ea; border-color: #6eb3cc; }
.asterion_path_specific_component_editor .asterion_component_toolbar { background: #6eb3cc url(/images/component_editor/path_specific_editor_top_background.png) repeat-x bottom left; }
.asterion_path_specific_component_editor .asterion_component_editor_sides div { background-color: #6eb3cc; }
.asterion_path_specific_component_editor .asterion_component_editor_mini_toolbars li { background-image: url(/images/component_editor/path_specific_mini_tab.png); }

.asterion_static_component_editor .asterion_component_toolbar_label  { background-color: #d3e5bf; border-color: #94bc52; }
.asterion_static_component_editor .asterion_component_toolbar  { border-color: #94bc52; }
.asterion_static_component_editor .asterion_component_toolbar { background: #d3e5bf url(/images/component_editor/nondraggable_editor_top_background.png) repeat-x bottom left; }
.asterion_static_component_editor .asterion_component_editor_sides div { background-color: #94bc52; }

.asterion_dynamic_component_editor .asterion_component_toolbar_label  { background-color: #d3e5bf; border-color: #94bc52; }
.asterion_dynamic_component_editor .asterion_component_toolbar  { border-color: #94bc52; }
.asterion_dynamic_component_editor .asterion_component_toolbar { background: #d3e5bf url(/images/component_editor/nondraggable_editor_top_background.png) repeat-x bottom left; }
.asterion_dynamic_component_editor .asterion_component_editor_sides div { background-color: #94bc52; }

/* asterion_button_change: push button replacement for checkboxes */

.dialog_content input.asterion_button_change { display: none; }
.dialog_content div.asterion_button_change { margin-top: 5px; }
.dialog_content .asterion_button_change fieldset { border: none; }

.dialog_content .asterion_button_change fieldset ul { padding-left: 5px; }
.dialog_content .asterion_button_change fieldset ul li { display: inline; float: left; padding-left: 5px; }

.dialog_content .asterion_button_change fieldset ul li div {
  background: transparent url(../images/dialog/button_change_left_off.gif) no-repeat 0px 50% !important; 
  padding: 4px 0px !important;
}

.dialog_content form .asterion_button_change fieldset label {
  background: transparent url(../images/dialog/button_change_right_off.gif) no-repeat 100% 50% !important;
  margin: 0pt 0pt 0pt 8px !important;
  padding: 2px 8px 2px 0px !important;
  font-weight: normal !important;
  font-size: 12px !important;
}
 
.dialog_content form .asterion_button_change fieldset div.asterion_button_change_on {
  background: transparent url(../images/dialog/button_change_left_on.gif) no-repeat 0% 50% !important;
}

.dialog_content form .asterion_button_change fieldset label.asterion_button_change_on {
  background: transparent url(../images/dialog/button_change_right_on.gif) no-repeat 100% 50% !important;
}


/* asterion_friend_form */

#asterion_friend_form_right { width: 350px; }
#asterion_friend_form_right { float: right; margin-top: 13px; }
#asterion_friend_form_left { float: left; }
#asterion_friend_form_left div input { width: 200px; }
#asterion_friend_form_left div label { width: 110px !important; }

#asterion_friend_form_right .checkbox {
  float: none;
  display: inline;
  padding: 0px 10px 0px 0px;
}

#asterion_friend_form_right legend {
  color: #4F4B40;
  font-weight: bold;
}

/* tab styles */

#show_tab {
  position: fixed;
  top: -38px;
  right: 100px;
  background-image: url('/images/toolbar/show_tab_bg.png');
  background-repeat: no-repeat;
  width: 85px;
  height: 38px;
  z-index: 900;
}

a.toggle_tab, a.toggle_tab:visited {
    background:transparent url(/images/icons/show.png) no-repeat scroll 0pt 1px;
    color:#6A6558;
    display:block;
    font-family:helvetica,arial;
    font-size:8pt;
    height: 16px;
    text-decoration:none;
    padding: 4px 0px 0px 25px;
    margin: 10px 0px 0px 15px;
}
a.toggle_tab:hover {
  color: #000;
}
#show_tab #asterion_hide_explanation {
    background: url(/images/toolbar/hidden_message.png) no-repeat;
    height:38px;
    position:absolute;
    right:100px;
    top:0px;
    width:420px;
}

/* general clearer div */

.asterion_clearer { clear: both; line-height: 0.01em; }


/* Social networking */
#asterion_post_sharing_selection { margin: 0pt 155px; }

.dialog_content form fieldset #asterion_post_sharing_selection ul { margin: 0px 15px; }
.dialog_content form fieldset #asterion_post_sharing_selection li { float: left; margin: 10px 15px 0 0; width: 153px; }
.dialog_content #dialog_body form fieldset  #asterion_post_sharing_selection p { padding-bottom: 0; margin-bottom: 0;}
.dialog_content form fieldset #asterion_post_sharing_selection label img { vertical-align: middle; }
.dialog_content form fieldset #asterion_post_sharing_selection label span { margin-left: 2px; }
.dialog_content form fieldset #asterion_post_sharing_selection label { display: inline; float: none; width: auto; }
.dialog_content form fieldset #asterion_post_sharing_selection input { margin: 0 5px 0 0; padding: 0; vertical-align: middle; width: auto; }
.dialog_content form fieldset #asterion_post_sharing_selection .checkbox_field { margin-left: 13px; }
.dialog_content form fieldset #asterion_post_sharing_selection .checkbox_field input { vertical-align: top; }

/* Color picker CSS */

.dialog_content .colorpicker {
  top: 30px;
  width: 212px;
  height: 176px;
  overflow: hidden;
  position: absolute;
  background: url(/images/colorpicker/colorpicker_background.png);
  font-family: Arial, Helvetica, sans-serif;
  z-index: 9000;
}

.dialog_content .colorpicker_color {
  width: 150px;
  height: 150px;
  left: 14px;
  top: 13px;
  position: absolute;
  background: #f00;
  overflow: hidden;
  cursor: crosshair;
}
.dialog_content .colorpicker_color div {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px;
  background: url(/images/colorpicker/colorpicker_overlay.png);
}

.dialog_content .colorpicker_color div div {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 11px;
  overflow: hidden;
  background: url(/images/colorpicker/colorpicker_select.gif);
  margin: -5px 0 0 -5px;
}
.colorpicker_hue {
  position: absolute;
  top: 13px;
  left: 171px;
  width: 35px;
  height: 150px;
  cursor: n-resize;
}
.colorpicker_hue div {
  position: absolute;
  width: 35px;
  height: 9px;
  overflow: hidden;
  background: url(/images/colorpicker/colorpicker_indic.gif) left top;
  margin: -4px 0 0 0;
  left: 0px;
}
.colorpicker_new_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 213px;
  top: 13px;
  background: #f00;
  display: none;
}
.colorpicker_current_color {
  position: absolute;
  width: 60px;
  height: 30px;
  left: 283px;
  top: 13px;
  background: #f00;
  display: none;
}
.dialog_content .colorpicker input {
  background-color: transparent;
  border: 1px solid transparent;
  position: absolute;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #898989;
  top: 4px;
  right: 11px;
  text-align: right;
  margin: 0;
  padding: 0;
  height: 11px;
}
.colorpicker_hex {
  position: absolute;
  width: 72px;
  height: 22px;
  background: url(/images/colorpicker/colorpicker_hex.png) top;
  left: 212px;
  top: 142px;
  display: none;
}
.dialog_content .colorpicker_hex input {
  right: 6px;
}
.colorpicker_field {
  height: 22px;
  width: 62px;
  background-position: top;
  position: absolute;
}
.dialog_content .colorpicker_field span {
  position: absolute;
  width: 12px;
  height: 22px;
  overflow: hidden;
  top: 0;
  right: 0;
  cursor: n-resize;
}
.colorpicker_rgb_r {
  background-image: url(/images/colorpicker/colorpicker_rgb_r.png);
  top: 52px;
  left: 212px;
  display: none;  
}
.colorpicker_rgb_g {
  background-image: url(/images/colorpicker/colorpicker_rgb_g.png);
  top: 82px;
  left: 212px;
  display: none;  
}
.colorpicker_rgb_b {
  background-image: url(/images/colorpicker/colorpicker_rgb_b.png);
  top: 112px;
  left: 212px;
  display: none;
}
.colorpicker_hsb_h {
  background-image: url(/images/colorpicker/colorpicker_hsb_h.png);
  top: 52px;
  left: 282px;
  display: none;
}
.colorpicker_hsb_s {
  background-image: url(/images/colorpicker/colorpicker_hsb_s.png);
  top: 82px;
  left: 282px;
    display: none;display: none;
}
.colorpicker_hsb_b {
  background-image: url(/images/colorpicker/colorpicker_hsb_b.png);
  top: 112px;
  left: 282px;
  display: none;
}
.colorpicker_submit {
  position: absolute;
  width: 22px;
  height: 22px;
  background: url(/images/colorpicker/colorpicker_submit.png) top;
  left: 322px;
  top: 142px;
  overflow: hidden;
}
.colorpicker_focus {
  background-position: center;
}
.colorpicker_hex.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
  background-position: bottom;
}
.colorpicker_slider {
  background-position: bottom;
}

.dialog_content .color_picker_box {
  height:36px;
  width:36px;
  position:relative;
  margin-left: 166px;
}

.dialog_content .current_picker_color {
  background:transparent url(/images/colorpicker/select.png) repeat scroll center center;
  height:28px;
  left:4px;
  position:absolute;
  top:4px;
  width:28px;
}

.dialog_content .color_picker_container { display: none; }


.layout_mode_information { 
  text-align: center; 
  padding: 25px 0px; 
}

#file_link a.dialog_button, #file_link input { float: left; }
#file_link #file_name { float: left; padding: 5px 10px 5px 0; }

.dialog_content #published_at_selection .end_of_line_option { left: 242px; }


#ad_container #ad_placeholder { 
  text-align: center;
  font: 42px 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
  color: #ddd;
  padding: 20px 0px;
  letter-spacing: 4px;
}

#available_blog_importees { text-align: center; }
#available_blog_importees img { margin-right: 50px;}