img {
   behavior: url("http://www.activatedmission.org/am/plugin/pngbehavior.htc");
}
#serendipityStaticpagesNav ul {
    padding:3px 0;
    margin-left:0;
    border-bottom:1px solid #000000;
}

#serendipityStaticpagesNav ul li {
    list-style:none;
    margin:0;
    display:inline;
}

#serendipityStaticpagesNav ul li a {
    padding: 3px 0.5em;
    margin-left:5px;
    border:1px solid #000000;
}

#serendipityStaticpagesNav ul li a#active {
    border-bottom:1px solid #ffffff;
}

#serendipityStaticpagesRed {
    color:#c00000;
}

#serendipityStaticpagesYellow {
    color:#eac131;
}

#serendipityStaticpagesGreen {
    color:#18f11d;
}

#serendipityStaticpagesTableHeader {
    background-color:#c0c0c0;
}

#serendipityStaticpagesTable1 {
    background-color:#dfdfdf;
}

#serendipityStaticpagesTable0 {
    background-color:#f0f0f0;
}

.sp_templateselector {
    float: right;
    margin: 5px;
}

.sp_pageselector {
    background-color: #E0E0E0;
    padding: 5px;
}

.default_staticpage .sp_label {
    font-weight: bold;
}

.default_staticpage .sp_sect {
    margin-bottom: 5px;
}

.default_staticpage .sect_opt {
    font-size: 0.8em;
}

.default_staticpage fieldset {
    margin: 5px;
    border: 1px solid #F0F0F0;
}

.default_staticpage .input_textbox {
    width: 100%;
    margin: 0px auto;
}.serendipity_note {
    width: 50%;
    border: 1px solid black;
    margin: 5px;
    padding: 5px;
}

.note_new {
    background-color: #00FF00;
}
/* templates/default/style_fallback.css  */
/* This is the templates/default/style_fallback.css file.
   It emits CSS rules that all templates should have.
   Classes are declared on top of the file, so if you
   want to make changes in your own template, you
   should override the rules on the bottom of your
   style.css template. 
   IT IS NOT ADVISED TO CREATE YOUR OWN style_fallback.css FILE! */

/* Default image classes for left/right/usual layout */
.serendipity_image_center {
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_left {
  float: left;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.serendipity_image_right {
  float: right;
  border: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

/* Default listing without spacers */
.plainList {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* Messages: Centered, important, notice */
.serendipity_center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.serendipity_msg_important {
    color: red;
}

.serendipity_msg_notice {
    color: green;
}

/* Embedded images with comments inside the s9y image manager */
.serendipity_imageComment_center,
.serendipity_imageComment_left,
.serendipity_imageComment_right {
    border: 1px solid #ddd;
    background-color: #efefef;
    margin: 3px;
    padding: 3px;
    text-align: center;
}

.serendipity_imageComment_center {
    margin: auto;
}

.serendipity_imageComment_left {
    float: left;
}

.serendipity_imageComment_right {
    float: right;
}

.serendipity_imageComment_img,
.serendipity_imageComment_img img {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.serendipity_imageComment_txt {
    border-top: 1px solid #ddd;
    margin: 0px;
    padding: 3px;
    clear: both;
    font-size: 8pt;
    text-align: center;
}

/* END OF style_fallback.css *//* templates/bulletproof/admin/style.css  */
/**********************************************************************/
/* Template: Bulletproof for Serendipity (http://www.s9y.org)         */
/* Authors: Matthias Mees, David Cummins and Don Chambers             */
/*                                                                    */
/* Stylesheet for the Bulletproof admin interface by Don Chambers     */
/* Fluid width design                                                 */
/*                                                                    */
/* http://s9y-bulletproof.com                                         */
/**********************************************************************/

body {
    font: 100.01% Verdana, Arial, Helvetica, sans-serif;
    margin: 5px 0 0 0;
    text-align: center;
    background: #888888;
    direction: ltr;
}

/* body ID */
/* styles to this ID or body would have the same effect */
#serendipity_admin_page { 
}

/* these are a default for headings not styled more specifically through an additional class */
h1 {font-size: 170%;}
h2 {font-size: 150%;}
h3 {font-size: 140%;}
h4 {font-size: 125%;}

/* all links except those specifically overridden by other class or id further down*/
a:link, a:visited, a:active {
   text-decoration: none;
   color: #055BC6;
}

a:hover {
    text-decoration: none;
    color: #FF6600;
}

/* approximately equal to frontend #wrapper but does not include footer         */
#serendipityAdminFrame {
    text-align: left;
    margin: 0px auto;
    border: 0;
    width: 95%;
    background: #ffffff;
}

/* container is a table, so font must be set on tbody to affect td's */
/* this font size affects everything except #footer                  */
#serendipityAdminFrame tbody {
    font-size: 80%;
}

/* equal to frontend #serendipity_banner */
#serendipityAdminBanner {
    color: #ffffff;
    background: #5792D8 url('templates/bulletproof/admin/img/bp_admin_banner_fluid.png') top left repeat-x;
    height: 94px;
    border: 3px solid #ffffff;
    padding: 0;
    line-height: 0.7em;
}

/* First line in banner, ie 'Serendipity Administration Suite' */
#serendipityAdminBanner h1 {
    font-weight: bold;
    padding: 0;
    margin: 17px 0 0 5px;
}

/* Second line in banner, ie blog name */ 
#serendipityAdminBanner h2 {
    font-weight: normal;
    padding: 0;
    margin-left: 5px;
}

/* approximately equal to BP frontend #sitenav when located below header */
#serendipityAdminInfopane {
    background: #CCCCCC url('templates/bulletproof/admin/img/bp_admin_infopane_fluid.png') top left repeat-x;
    border-left: 3px solid #ffffff;
    border-right: 3px solid #ffffff;
    text-align: right;
    font-size: 75%;
    line-height: 70%;
    height: 24px;
    color: #055BC6;
    padding:0;
}

/* approximately equal to frontend #content */
.serendipityAdminContent {
    padding: 3px 3px 10px 8px;
    text-align: left;
}

/* all content identified as a span, notably config descriptions */
/* !important required to override in-line styles                */
.serendipityAdminContent span{
    color: #055BC6 !important;
}

/* all fieldsets in admin content, such as "advanced options" */
.serendipityAdminContent fieldset {
    border: 1px solid #72878A;
}

.serendipityAdminContent legend {
    border: 1px solid #72878A;
    padding: 2px 5px;
    background-color: #DFDFDF;
}

/* welcome message on sign-on screen, ie */
/* 'welcome to serendipity admin suite'  */
/* 'please enter your credentials'       */
#serendipityAdminWelcome{
    color: #055BC6;
}

/* 'back to blog' link in bottom left of sign-on screen */
#serendipityBackToBlog {
    padding: 0 0 10px 10px;
}
/* welcome back text displayed after successfully logging in */
.serendipityWelcomeBack {
    color: #055BC6;
    margin: 0;
}

/***** SIDEBAR STYLES *****/

/* s9y v1.2 class between top and bottom menu blocks */
/* display: none prevents excess space (<br />) from */
/* appearing between these 2 menu blocks and the     */
/* menu blocks in between                            */
.serendipitySideBarMenuSpacer {
    display: none;
}

/* Equal to frontend sidebar - positioned left due to table structure */
#serendipitySideBar {
    width: 203px;
    padding: 3px 0 0 0;
}

/* style certain elements of admin frontpage navigation blocks the same      */
.further_links,
/* serendipitySideBarMenu is a combination of sidebaritem and sidebarcontent */
/* actual width will be sidebar width less side margins and side borders     */
ul.serendipitySideBarMenu {
    list-style: none;
    overflow: hidden; 
    background: #EEEEEE url('templates/bulletproof/admin/img/bp_admin_sidebar_body.png') repeat-y;
    padding: 0;
    width: 200px;
    margin: 0 0 3px 3px;
}

/* just the further links container */
.further_links {
/* for width equal to left sidebar links, set width equal to sidebar less */
/* serendipitySideBarMenu left & right margins plus L&R borders.          */
/* Width does not need to be uniquely defined if ul.serentipitySideBarMenu*/
/* has no borders or L&R padding                                          */
    float: right;
}

/* navigation within the container of further_links */
.further_links ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* all <li>s -  serendipitySideBarMenuHead then needs to be styled separately    */
/* this can change when all plugins have been updated to include s9y ver.1.2     */
/* class of serendipitySideBarMenuLink which applies only to navigational links  */
/* just as serendipitySideBarMenuHead only applies to the title even though both */
/* are <li>s. */
/* Update: All plugins HAVE been modified to include class serendipitySideBarLink*/
/* The method below, however, works for users not using the most recent plugins. */
.further_links li,
.serendipitySideBarMenu li{
    line-height: 105%
}

.further_links li a,
.serendipitySideBarMenu li a {
    font-size: 90%;
    padding-left: 5px;
}

/* these are the titles for each menu block */
.further_links .further_links_head,
li.serendipitySideBarMenuHead {
/* this background is a default in the event additional menu blocks are added in the future, but not presently defined */
    background: #B0BEC0 url('templates/bulletproof/admin/img/bp_admin_sidebar_default.png') no-repeat;
    font-weight: bold;
    font-size: 100%;
    color: #30303f;
    height: 30px;
    padding: 0 0 0 5px;
    line-height: 28px;
    margin: 0 0 5px 0;
    overflow: hidden;
}

/* unique graphics for the middle 4 menu blocks and further_links */
ul.serendipitySideBarMenuEntry .serendipitySideBarMenuHead {
    background: #B0BEC0 url('templates/bulletproof/admin/img/bp_admin_sidebar_entries.png') no-repeat;
}
ul.serendipitySideBarMenuMedia .serendipitySideBarMenuHead {
    background: #B0BEC0 url('templates/bulletproof/admin/img/bp_admin_sidebar_media.png') no-repeat;
}
ul.serendipitySideBarMenuAppearance .serendipitySideBarMenuHead {
    background: #B0BEC0 url('templates/bulletproof/admin/img/bp_admin_sidebar_appearance.png') no-repeat;
}
ul.serendipitySideBarMenuUserManagement .serendipitySideBarMenuHead {
    background: #B0BEC0 url('templates/bulletproof/admin/img/bp_admin_sidebar_admin.png') no-repeat;
}
.further_links .further_links_head {
    background: #B0BEC0 url('templates/bulletproof/admin/img/bp_admin_sidebar_further.png') no-repeat;
}

/* set background for all menu block footers including any added in the future, but not presently defined */
.further_links .further_links_foot,
ul.serendipitySideBarMenu .serendipitySideBarMenuFoot {
background: #EEEEEE url('templates/bulletproof/admin/img/bp_admin_sidebar_foot.png') no-repeat;
    display: block !important;
    height: 8px;
    margin: 3px 0 0 0;
    font-size: 0; /* ie6, otherwise item is too tall */
}

/* main links (top 2) and logout links (bottom 2) are styled to */
/* look like buttons - each of which has a unique icon          */
ul.serendipitySideBarMenuLogout,
ul.serendipitySideBarMenuMain {
    background: none;
    margin-bottom: 0;
    padding: 0;
}

ul.serendipitySideBarMenuLogout li,
ul.serendipitySideBarMenuMain li {
    margin-bottom: 3px;
    overflow: hidden;
}

ul.serendipitySideBarMenuLogout li a,
ul.serendipitySideBarMenuMain li a,
ul.serendipitySideBarMenuLogout li a:hover,
ul.serendipitySideBarMenuMain li a:hover{
    font-size: 100%;
    font-weight: bold;
    margin: 0;
    padding-left: 5px;
    line-height: 28px;
}

ul.serendipitySideBarMenuMain a,
ul.serendipitySideBarMenuLogout a{
/* this background is a default in the event additional links are added in the future, but not presently defined */
/* it is an orange button with a double blue arrow pointing right */
    background: #FBB73C url('templates/bulletproof/admin/img/bp_admin_button_default.png') left top no-repeat;
    display: block;
    height: 33px;
}

/* default button hover and active states */
ul.serendipitySideBarMenuMain a:hover,
ul.serendipitySideBarMenuLogout a:hover{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_default.png') left 50% no-repeat;
}

ul.serendipitySideBarMenuMain a:active,
ul.serendipitySideBarMenuLogout a:active{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_default.png') left 100% no-repeat;
    line-height: 30px !important;
}

/* unique images for each of the main and logout links - normal, hover and active states */
li.serendipitySideBarMenuMainFrontpage a{
    background: #FBB73C url('templates/bulletproof/admin/img/bp_admin_button_frontpage.png') left top no-repeat;
}

li.serendipitySideBarMenuMainFrontpage a:hover{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_frontpage.png') left 50% no-repeat;
}

li.serendipitySideBarMenuMainFrontpage a:active{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_frontpage.png') left 100% no-repeat;
    line-height: 30px !important;
}

li.serendipitySideBarMenuMainPersonal a{
    background: #FBB73C url('templates/bulletproof/admin/img/bp_admin_button_personal.png') left top no-repeat;
}

li.serendipitySideBarMenuMainPersonal a:hover{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_personal.png') left 50% no-repeat;
}

li.serendipitySideBarMenuMainPersonal a:active{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_personal.png') left 100% no-repeat;
    line-height: 30px !important;
}

li.serendipitySideBarMenuLogoutWeblog a{
    background: #FBB73C url('templates/bulletproof/admin/img/bp_admin_button_weblog.png') left top no-repeat;
}

li.serendipitySideBarMenuLogoutWeblog a:hover{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_weblog.png') left 50% no-repeat;
}

li.serendipitySideBarMenuLogoutWeblog a:active{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_weblog.png') left 100% no-repeat;
    line-height: 30px !important;
}

li.serendipitySideBarMenuLogoutLogout a{
    background: #FBB73C url('templates/bulletproof/admin/img/bp_admin_button_logout.png') left top no-repeat;
}

li.serendipitySideBarMenuLogoutLogout a:hover{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_logout.png') left 50% no-repeat;
}

li.serendipitySideBarMenuLogoutLogout a:active{
    background: #FDE33F url('templates/bulletproof/admin/img/bp_admin_button_logout.png') left 100% no-repeat;
    line-height: 30px !important;
}

/* do not show MenuFoot for the button type links */
ul.serendipitySideBarMenuLogout .serendipitySideBarMenuFoot,
ul.serendipitySideBarMenuMain .serendipitySideBarMenuFoot {
    display: none !important;
}

/***** END OF SIDEBAR STYLES *****/

/* Admin items presented consecutively such as entries  */
/* comments, users, groups, templates etc.              */
/* first class common to both odd and even items        */
.serendipity_admin_list_item {
    border: 1px solid #72878A;
    margin: 0 0 5px 0;
}
/* only the uneven/odd list items */
.serendipity_admin_list_item_uneven {
    background: #DFDFDF;
}

/* only the even list items */
.serendipity_admin_list_item_even {
    background: #EEEEEE;
}

/* admin messages reporting an error */
.serendipityAdminMsgError {
    text-align: center; 
    font-weight: bold;
    margin: 10px 0;
    color: red;
    font-size: 100%;
}

/* any message indicating no error */
.serendipityAdminMsgSuccess {
    text-align: center;
    font-weight: bold;
    margin: 10px 0; 
    color: green;
    font-size: 100%;
}

/* used in spartacus and plugin config*/
.serendipityAdminMsgNotice,
.serendipityAdminMsgNote {
    text-align: center;
    font-weight: bold;
    margin: 10px 0;
    color: blue;
    font-size: 100%;
}

/* installation and upgrade admin messages */
/* defined here due to this template's styling of all other spans */
/* these classes are available in s9y v1.3.2 and above */
.serendipityAdminContent span.serendipityAdminMsgSuccessInstall {
    color: green !important;
    font-weight: bold !important;
}

.serendipityAdminContent span.serendipityAdminMsgWarningInstall {
    color: orange !important;
    font-weight: bold !important;
}

.serendipityAdminContent span.serendipityAdminMsgErrorInstall{
    color: red !important;
    font-weight: bold !important;
}

/* Pending comments in the admins comment list */
.serendipity_admin_comment_pending {
    border: 2px solid #FF0000;
}

.serendipity_admin_comment_pending_header{
    background: #FFFF9D;
    border: 2px solid #FF0000;
    border-bottom: 0;
}

/* new input classes available in s9y v1.2 */
.input_checkbox, .input_radio, .input_file, .input_textbox, .input_button, label, select, textarea{
    font: 100% Verdana, Arial, Helvetica, sans-serif;
}
.input_textbox, select, textarea {
    border: 1px solid #72878A;
    background: #F8F9FA;
}

/* style for text of input buttons */
/* new class of input_button also exists for all input buttons */
input.serendipityPrettyButton,
a.serendipityPrettyButton {
    text-decoration: none;
    font-weight: bold;
    padding: 2px;
    margin: 2px 2px 0px 2px;
    color: #ffffff;
    cursor: pointer;
    background: #055BC6 url('templates/bulletproof/admin/img/bp_admin_prettybutton.png') 0% 50%;
    border: 1px solid #055BC6;
    font-size: 90%;
}

/* make anchor version look more like the input version */
a.serendipityPrettyButton {
    padding: 3px;
}

/* entry preview window  */
#serendipity_iframe {
    border: 1px solid #72878A !important;
    text-align: left !important;
    margin: 0; }


/* this exists exclusively in /templates/default/admin/media_items.tpl */
.serendipityImageButton {
    cursor: pointer; }

/* icon links, such as edit, delete, reply, etc     */
/* IconLink is used when icon is left of link text  */
/* IconLinkRight is when icon is right of link text */
/* Style approx the same except for margin settings */
/* which provide separation between icon and text   */
a:link.serendipityIconLink,
a:visited.serendipityIconLink {
    border: 0;
    font-weight: bold;
    text-decoration: none;
    margin-right: 4px; }

.serendipityIconLink img {
    margin-right: 2px;
    vertical-align: bottom;
    border: 0; }

a:link.serendipityIconLinkRight,
a:visited.serendipityIconLinkRight {
    border: 0;
    font-weight: bold;
    text-decoration: none;
    margin-left: 4px; }

.serendipityIconLinkRight img {
    margin-left: 2px;
    vertical-align: bottom;
    border: 0; }

/* this is not really implemented, but classes do exist in backend code */
.direction_ltr {direction: ltr;}
.direction_rtl {direction: rtl;}

/*style for block that appears above list of available plugins available for installation */
/* usually contains a filter dropdown box */ 
.serendipity_pluginlist_header form{
    border: 1px solid #72878A;
    padding: 10px;
    margin: 0 0 15px 0;
    background: #EEEEEE;
}

/* style for block that appears above each type of plugin (Backend: User management, Frontend: Entry Related, etc)*/
.serendipity_pluginlist_section {
    margin:20px 0 20px 0;
    padding:10px;
    border:1px solid #72878A;
    color:#505050;
    line-height:1.5em;
    background: #EEEEEE;
}

/* custom fields within Advanced Options for entries */
#serendipity_customfields {
    width: 100%; }

#serendipity_customfields .customfield_name {
    background-color: #FAFAFA;
    width: 25%;
    padding-left: 5px; }

#serendipity_customfields .customfield_value {
    background-color: #FFFFFF;
    width: 75%;
    padding: 0;
}

#serendipity_customfields .customfield_value textarea {
    width: 100%;
    height: 100px;
    padding: 0;
    margin:0; }

/* left side window for choosing media to insert into entry */
#serendipityAdminBodyImageSelectorTree {
    width: auto;
    font-size: 73%;
}

#serendipityAdminBodyImageSelectorTree tbody{
    font-size: 80%;
}

/* right side window for choosing media to insert into entry */
/* will default to body background if not specified */
#serendipityAdminBodyImageSelector {
    width: auto;
    margin: 0px;
    background: #FFFFFF;
    font-size: 80%;
}

#serendipityAdminBodyImageSelector tbody{
    font-size: 80%;
}

/* Manage Styles - template name in list of available templates */
/* !important required to override inline style */
span.serendipityTemplateSelectName {
    color: #055BC6 !important;
}

/* New v1.2 class - a hover effect in the plugin list */
.serendipity_PluginAdminHighlight {
    background: #ededed;
}
/* Added class in s9y v1.2 */
/* container between AdminFrame and AdminFooter */
/* can be used to emulate a footer while allowing */
/* "powered by" text to fall below everything else in the actual footer */
.serendipityAdminFooterSpacer {
    display: none;
}

/* Equal to frontend #footer but falls below of #serendipityAdminFrame wrapper */
#serendipityAdminFooter {
    border: 0;
/*have to pick up some of the styles from wrapper so they apply to footer div below table*/
    margin: 0 auto;
/*    background: #CCCCCC; */
    width: 95%;
    height: 24px;
    font-size: 70%;
    line-height: 24px;
    padding: 0;
}

/**********************************************************************************************/
/* style_dlmanager_backend.css in serendipity_event_downloadmanager.php v.0.25 2010-09-23 ian */
/**********************************************************************************************/

/*********************************************/
/* Backend only styles - colour you life ;-) */
/* web colors used:                          */
/*             #F8F8FF ghostwhite            */
/*             #E8E8E8 gray91                */
/*             #BC8F8F RosyBrown             */
/* nearby colors used:                       */
/*             #FAFAFA ~ linenwhite          */
/*             #F8F8F8 ~ ghostgrey           */
/*             #F4F4F4 ~ ghostwhite          */
/*             #EDE3E3 ~ rosegrey            */
/*             #AAAAAA ~ bordergrey box      */
/*             #888888 ~ bordergrey dyn      */
/*             #777777 ~ bordergrey head     */
/*             #EEEEEE ~ ivorygrey           */
/*             #F0F0F0 ~ ivorywhite          */
/*********************************************/


#backend_downloadmanager {
    margin: 0;
    padding: 0;
    max-width: 1040px; /* keep design together in case of tables width:100% on wide-screens and long error messages */
}

/* generally set vertical correction of images to baseline without borders */
#backend_downloadmanager img { vertical-align: baseline; border: 0 none; }

#backend_downloadmanager table {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #aaa;
}

#dlm_messages {
    margin: 16px 0;
    padding: 4px;
    text-align: center;
}

#dlm_toggle_optionall,
#back_to_rootpage,
#back_to_catpage {
    display:inline;
    float:right;
}

#backend_downloadmanager h3 {
    background-color: #f0f0f0;
    border: 1px solid #777;
    font-size: 1em;
    margin: 0 0 16px;
    padding: 10px 0 10px 20px;
    background: -moz-linear-gradient(left 20deg, #BC8F8F, #F0F0F0);
}

.dlm_page_header {
    background-color: #f0f0f0;
    border: 1px solid #aaa;
    margin: 0 0 32px;
    padding: 0;
    width: 43em; /* What's this supposed to do?!? */ 
    /* I tried with a variety of long and short filenames and found 43em to fit them all 
       without breaking and still keeping the header box as small as possible! 
       If the filename is longer than this we'll have a break 
       - please note: the #dlm_edit_file has same width */
    background: -moz-linear-gradient(left 20deg, #F0F0F0, #EDE3E3); /* I like it! */
}
.dlm_page_header h4 {
    background-color: rgb(248, 248, 248); 
    background: -moz-linear-gradient(center top , rgb(238, 238, 238), rgb(159, 182, 205)) repeat scroll 0% 0% transparent; 
    border-bottom: 1px solid rgb(187, 187, 187);
    margin: 2px 0 16px 0;
    padding: 2px 0 2px 20px;
    font-size: 1em;
}
.dlm_page_header #back_to_rootpage a { display: inline-block; margin: -10px 0 0; padding: 0; }
.dlm_page_header #back_to_rootpage img { vertical-align: text-bottom; }

.dlm_page_header ul {
    list-style: none;
    margin: 0 0 16px;
    padding: 0 0 0 20px;
}

/* set closed dlm boxes to have a bottom margin of 16px */
.dlm_backend_option {
    font-weight: bold;
    margin: 0 0 16px; 
}

.dlm_backend_option a,
#dlm_toggle_optionall a {
    border: 0px none;
    text-decoration: none;
}

/* set opened dlm boxes to override closed status and have a bottom margin of 32px */
#dlm1, #dlm2, #dlm3, #dlm4 { margin: -16px 0 32px 0; }
/* special case dlm4 is dlm_help on rootpage */
#dlm4.dlm_help_box { margin: 0; }

.dlm_backend_newcat select { min-width:120px; }

.dlm_backend_newcat input,
.dlm_backend_newcat select { width: auto; } /* leave, until experiencing unusual behaviours */

#addcat,
#dlm_edit_file {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #aaa;
    overflow: hidden;
    width: auto;
}

.addcat_field {
    display: inline;
    float: left;
    margin: 5px;
    width: 40%;
}

.addcat_field label,
#dlm_edit_file label,
#dlm_edit_file textarea {
    display: block;
    margin: 0 0 5px;
}

#addcat_submit { margin: 25px 0 0; }

/* holds the addcat block in a single line */ 
.addcat_field label,
#dlm_edit_file label,
#dlm_edit_file textarea,
#addcat_submit { display: inline-block; margin: 5px; }

/* behave like .dlm_page_header */
#dlm_edit_file { width: 43em; padding-bottom: 10px; }

/* float dynamic fields to right side of box and give them the same size */
#dlm_edit_file .edit_field input,
#dlm_edit_file .edit_field select,
#dlm_edit_file .edit_field textarea { float: right; display: inline-block; margin-right: 10px; width: auto; min-width: 260px; }
#dlm_edit_file .edit_field textarea { width: 260px; }

/* put some colors to dynamic fields */
input#dlm_file_rename { border: 1px solid #888; background-color: rgb(221, 230, 237); }
#dlm_edit_file select:hover,
#dlm_edit_file input:hover,
#dlm_edit_file textarea:hover { 
    border: 1px solid #888;
    color: #31709F; /* some sort of slate light blue */
}
#dlm_edit_file select:focus,
#dlm_edit_file input:focus,
#dlm_edit_file textarea:focus{
    background-color: rgb(221, 230, 237); /* some sort of slate blue */
    border: 1px solid #000;
    color: #000;
}

#catfiles,
#catlist,
#ftpfiles,
#smlfiles {
    font-size: 1em;
    width: 100%;
}

#catfiles thead,
#catlist thead,
#ftpfiles thead,
#smlfiles thead {
    font-weight: bold;
}

#catfiles tr,
#catlist tr,
#ftpfiles tr,
#smlfiles tr {
    background: none repeat scroll 0 0 #e8e8e8;
    padding: 0;
}

#catfiles td,
#catlist td,
#ftpfiles td,
#smlfiles td { padding: 0 2px; }

#catfiles thead th,
#catlist thead th,
#ftpfiles thead th,
#smlfiles thead th { border-bottom: 1px solid #aaa; text-align: left; padding: 3px 2px; font-size: 11.0px;}

#catfiles #no_files_uploaded,
#ftpfiles #no_ftp_files,
#smlfiles #no_ml_files {
    font-weight: bold;
    text-align: center;
}
/* some little voodoo magic to make the tree/input pair appear as squeezed as possible */
#catlist td img { margin: 0; width: 1.56em; vertical-align: bottom; }
#catlist tbody tr { line-height: 1.4; }
#catlist tbody td { padding: 0; background: none repeat scroll 0 0 #f8f8ff; }

.catlist_catname_input {
    background: none repeat scroll 0 0 #EEE; 
    border: 0px none;
}
/* category list input selected, hover and focus behaviour */
.catlist_cats_selected,
.catlist_catname_input:focus { background: none repeat scroll 0 0 #EDE3E3; /* ~rosegrey */ }
.catlist_catname_input:hover { background: none repeat scroll 0 0 #FFFF99; /* light yellow */ }
.catlist_catname_input:focus:hover { background: none repeat scroll 0 0 #99FF99; /* light green */ }

#catname_submit { margin-bottom: 2px; }

.catlist_numoffiles {
    font-size: 1em;
    text-align: center;
}

#dlm_help {
    display: inline;
    float: right;
    margin: 16px 0 0;
    padding: 10px 0 0;
    text-align: left;
}

#dlm_help div,
#dlm_help h4 {
    background: none repeat scroll 0 0 #dfdfdf;
    border: 1px solid #888;
}

#dlm_help div {
    font-size: 10px;
    line-height: 1.5;
}

#dlm_help h4 {
    font-size: 12px;
    margin: 0 0 2px;
    padding: 5px;
}

#dlm_help ul {
    margin: 0 0 10px;
    padding: 5px 10px 0 20px;
}

#dlm_trash_box {
    display: inline;
    float: left;
    margin: 16px 0 0;
    padding: 10px 0 0;
}

#dlm_backend_uploadform {
    background: none repeat scroll 0 0 #f0f0f0;
    border: 1px solid #aaa;
    width: auto;
}

#dlm_backend_uploadform form { margin: 0; }

#uploads h4 {
    border-bottom: 1px solid #aaa;
    font-size: 1em;
    margin: 0;
    padding: 10px 0 10px 20px;
}

.upload label {
    display: block;
    margin: 0 0 5px;
}

.upload {
    padding: 10px 10px 10px 20px;
    overflow: hidden;
}

.upload_file,
.upload_description {
    display: inline;
    float: left;
    width: 50%;
}

/* put some colors to dynamic fields */
#uploads textarea:hover { 
    border: 1px solid #888;
    color: #31709F; /* some sort of slate light blue */
}
#uploads textarea:focus{
    background-color: rgb(221, 230, 237); /* some sort of slate blue */
    border: 1px solid #000;
    color: #000;
}

#upload_submit { margin: 5px 0 5px 20px; }

#dlm_trash_ftp {
    display: inline;
    float: right;
    margin: 0;
    padding: 0;
}
#dlm_trash_ftp input { padding: 4px; }

.dlm_backend_info { 
    margin: 0;
    border: 1px solid #aaa;
    border-bottom: 0 none;
    font-size: 0.88em;
    color: #888; }

#ftpfiles { clear: right; }

#dlm_edit_file h4 {
    font-size: 1em;
    margin: 0 0 16px;
    padding: 10px 0 0 20px;
}

.edit_field {
    margin: 0 0 5px;
    padding: 0 0 0 20px;
}

#editfile_submit { margin: 0 0 5px 20px; }

/* #FAFAFA-F8F8F8, now with #F4F4F4 a slightly little more difference */
#backend_downloadmanager .odd {  background: none repeat scroll 0 0 #fafafa; }
#backend_downloadmanager .even { background: none repeat scroll 0 0 #f4f4f4; }

/* the background of info text in subpage 2 trash and media library */
.dlm_backend_info { background: none repeat scroll 0 0 #FAFAFA; }

/* the font-size of file and ftp box tfoot being smaller than id boxes 1em */
.dlm_backend_file_box tfoot,
.dlm_backend_ftp_box tfoot { font-size: 0.8em; }

/* special image centering in input-img-text rows, while all others are generally baselined. */
#backend_downloadmanager .dlm_backend_file_box img,
#backend_downloadmanager .dlm_backend_ftp_box img,
#backend_downloadmanager .dlm_backend_s9ml_box img { vertical-align: text-bottom; /* this is important */ }