img {
   behavior: url("http://www.katineudert.de/index.php?/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;
}/* 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;
}

/* # $Id: style_guestbook_backend.css - v.3.20 2010-07-17 ian */

/******** Begin Guestbook Styles *********/

.serendipity_guestbook  {
    margin: 0 none;
    padding: 0 none;
}

.serendipity_guestbook  h2.serendipity_title {
    text-align: center;
}

.serendipity_entry, 
.serendipity_entry_body {
    border-top: 0 none;
}

#guestbook_wrapper  { 
    margin: 0 none;
    padding: 0 none; 
}
br.clear { clear: both; }

#guestbook_wrapper .guestbook_intro { 
    padding: 4px;
    text-align: justify;
    background-color: transparent;
    /* mozilla, chrome, safari, ie7+, (opera?) round corners */
    border-color: hsl(360,100%,35%);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px; 
    border: 1px solid hsl(360,100%,35%);
}

#guestbook_entrypaging {
    border: 0 none;
    padding-bottom: 10px;
    line-height: 1.6em; 
    text-align: center;
}


/*********************************************
 *** GUESTBOOK BACKEND ONLY - START **********/
/*********************************************/
/* css color styles - colour you life ;-)    */
/* 'gray' is a color & 'grey' is a colour!   */
/* background colors potentially used:       */
/*             #FFB90F DarkGoldenrod1        */
/*             #FFC125 Goldenrod1            */
/*             #FFD700 Gold1                 */
/*             #FF8247 Sienna1               */
/*             #ADD8E6 LightBlue             */
/*             #6280A2 ~ PaginatorBlue       */
/*             #5792d8 ~ nearNavBlue         */
/*             #b6c9cc ~ nearNavGrey         */
/*             #6280A2 ~ SkyBlue4            */
/*             #D5BFC0 ~ darkrose            */
/*             #FDECE1 ~ lightrose           */
/*             #EEEEEE ~ light gray          */
/*             #E0E0E0 ~ light grey 2        */
/*             #F0F0F0 ~ ivory white         */
/*********************************************/
#backend_guestbook_wrapper table, #backend_guestbook_wrapper tbody, #backend_guestbook_wrapper tr, #backend_guestbook_wrapper th, #backend_guestbook_wrapper td,
#backend_guestbook_wrapper div, #backend_guestbook_wrapper span, #backend_guestbook_wrapper font { 
    font: 500 11px/16px 'Vollkorn Regular', arial, helvetica, sans-serif; 
}
#backend_guestbook_wrapper { border: 0 none; background: 0 none; } /* get rid of intro and frontend messages borders and background-colors */
#backend_guestbook_wrapper code { vertical-align: top; white-space: nowrap; }
#backend_guestbook_wrapper .guestbook_helptip span { font: xx-small arial, helvetica, sans-serif; }

#backend_guestbook_wrapper #guestbook_entrybundle_x .guestbook_entrytop { background-color: #b6c9cc; }
div.backend_guestbook_nav { float: right; background-color: #EEEEEE; background: -moz-linear-gradient(top, #EEEEEE, #5792d8); width: 24em; margin: 1em auto; border: solid; }
div.backend_guestbook_nav ul li#active { border-bottom: 1px solid #888; background-color: #FFD700; background: -moz-linear-gradient(left 20deg, #E0E0E0, #D5BFC0); }
div.backend_guestbook_menu { background-color: #F0F0F0; background: -moz-linear-gradient(left 20deg, #F0F0F0, #5792d8); border: 1px solid #777; padding: 0 0 0 20px; }
div.backend_guestbook_entrywrapper { margin: 99px 14% 0 0; padding: 0; }
div.backend_guestbook_head { background-color: #5792d8; background: -moz-linear-gradient(left 20deg, #5792d8, #F0F0F0); border:1px solid red; margin: 30px 0 0 0px; padding: 4px 20px; float: left; }
div.backend_guestbook_paginator { background-color: transparent; border: 0 none; margin: 10px 0; height: 25px; }
span.backend_guestbook_paginator_left { float: left; width: 40%; text-align: left; margin-left: 20px; color: #aaa !important; } 
span.backend_guestbook_paginator_center { margin: 5px 20px; width: 20%; text-align: center; font-weight: 700 !important; }
span.backend_guestbook_paginator_right { float: right; width:40%; text-align: right; margin-right: 20px; color: #aaa !important; } 
div.backend_guestbook_noresult { margin: 100px 0 0 0; border: 0 none; }
div.backend_guestbook_dbclean_title { margin: 100px 0 20px 10px; }
div.backend_guestbook_dbclean_menu { background-color: #EEEEEE; background: -moz-linear-gradient(left 20deg, #EEEEEE, #5792d8); border:1px solid #808; display:block; margin:20px 0 20px 0; }
ul.backend_guestbook_dbclean_menu { padding: 4px 80px; }
li.backend_guestbook_dbclean_menu { list-style-type: circle; line-height: 20px; font-size: 1.2em; text-decoration: none; }
div.backend_guestbook_dbclean_menu ul li#active { border-bottom: 1px solid #888; background-color: #FFD700; background: -moz-linear-gradient(left 20deg, #FFC125, #E0E0E0); }
div.backend_guestbook_dbclean_innercat { text-decoration: underline; }
div.backend_guestbook_dbclean_innertitle { text-decoration: underline; margin-bottom: 1px; }
div.backend_guestbook_dbclean_error { color: red; }
div.backend_guestbook_dbclean_object { width: 740px; max-width: 1000px; max-height: 200px; overflow: auto; background-color: #D5BFC0; border: 1px solid #808; font: 9pt/1.3em #000 'courier new','times new roman',monospace; }
tr.backend_guestbook_line { float: left; width: auto; margin: 0px; padding: 0px; }
td.backend_guestbook_linenum { padding: 0px 2px; background:#FDECE1; border-right: 1px solid gray; color: gray; text-align: right; }
td.backend_guestbook_linetxt  { padding-left: 2px; }
span.backend_guestbook_right { float: right; padding: 0 20px 0 0; }
img.backend_attention { width: 22px; height: 22px; border: 0 none; padding-right: 4px; vertical-align: middle; }
.backend_guestbook_inline { display: inline }
table.guestbook_backend_form { background-color: #e0e0e0; border: 1px solid #333; }
td.guestbookformdesc { padding: 2px 0; font: 500 11px verdana, arial, geneva, helvetica, sans-serif; text-align: left; background-color: #e0e0e0; /* form gray */ }
span.guestbook_admin_comment { display: block; font-style: italic; background: wheat; margin: 10px 0 2px 40px; border: 1px solid #FF8247; }
span.guestbook_admin_comment q{quotes:"\00AB" "\00BB"; }
.guestbook_admin_comment blockquote  p,
.guestbook_admin_comment blockquote p q { 
    color: #055bc6; 
    text-align: left;
    /* font-style, font-variant, font-weight, font-size/line-height, font-family */
    font: italic normal 500 11px/16px 'arial', helvetica, sans-serif !important;
}
.guestbook_admin_comment blockquote p:first-child { 
    background: url('plugins/serendipity_event_guestbook/img/quote-start.gif') no-repeat scroll left top transparent !important;
    text-indent: 25px;
}
.guestbook_admin_comment blockquote, 
.guestbook_admin_comment p { 
    margin: 4px 2px !important; padding: 0 !important; border: 0 !important; color: #055bc6;
    background: url('plugins/serendipity_event_guestbook/img/quote-end.gif') no-repeat scroll right bottom transparent !important; 
}
.guestbook_reiter { text-align: center; font: 700 10.0px arial, helvetica, sans-serif; text-decoration: none; vertical-align: middle; }
.guestbook_reiter_dim { color: #888; font: 500 x-small arial, helvetica, sans-serif; vertical-align: bottom; }

#backend_guestbook_wrapper input.bbc_i { clear: both; font-style: italic; font-size: 12px;}
#backend_guestbook_wrapper input.bbc_b { font-weight: bold; font-size: 12px;}
#backend_guestbook_wrapper input.bbc_u { text-decoration: underline; font-size: 12px;}
#backend_guestbook_wrapper input.bbc_s { font-style: italic; font-size: 12px;}
#backend_guestbook_wrapper input.bbc_q { font-style: italic; font-size: 12px;}

/*********************************************
 *** GUESTBOOK BACKEND ONLY - END ***********/
/********************************************/

/* one guestbook entry wrapper */
#guestbook_entrybundle { 
    border: 1px solid #666;
    margin: 0;
    padding: 0;
    background-color: #555;
    text-align: left;
    -moz-border-radius: .0em 0 1em 1em;
}

.serendipity_commentDirection { 
    text-align:justify;
}

.guestbook_emailprotect { 
    font-size: x-small;
}

.captcha { 
    border: 1px solid #777;
}

/* the entry title mail date etc - depends on #guestbook_entrybundle */
.guestbook_entrytop { 
    padding: 4px;
    background-color: #FFB90F; 
}

table.guestbook_entries {
    padding: 0 none;
    margin: 0 none;
    width: 100%;
    border: 0 none;
    border-collapse: collapse;
    font: 500 12px/16px 'Vollkorn Regular', arial, helvetica, sans-serif; 
    color: #222;
    text-align: left;
    white-space:nowrap;
    /*border-collapse: separate; border-spacing: 1px 1px; empty-cells: hide;*/
}

.guestbook_entrytop a,
.guestbook_entrytop a:link,
.guestbook_entrytop a:visited,
.guestbook_entrytop a:active,
.guestbook_entrytop a:focus { 
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #7389F5;
    text-decoration: none; 
}

.guestbook_entrytop a:hover {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: 700;
    color: #ADB4D9; 
}

.guestbook_admin { 
    text-align: right;
}

.guestbook_admintext { 
    text-align: right; 
    padding-right: 10px;
}

.guestbook_admintextdim { 
    color: #777; 
    text-decoration: none;
}

td.guestbook_adminbutton { 
    text-align: right;
    vertical-align: top;
}
td.guestbook_adminbutton  img { width:14px; height:14px; }

/* the entry value only - depends on #guestbook_entrybundle */
.guestbook_entrybottom { 
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: 500;
    color: #333;
    text-align: left;
    padding: 4px;
    background: #e1e5de;
    border-top: 1px solid #996;
    border-bottom: 1px solid #996;
    margin-bottom: 6px;
}

.guestbook_dynamicentry {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    color: #ccc;
    font-weight: 500;
    text-align: left;
    padding: 4px;
    white-space:nowrap;
}

.guestbook_dynamicentrylabel {
    font-size: 12px;
    font-weight: 700;
    color: #7389F5;
}

.guestbook_splitentries { 
    clear: both;
}

.guestbook_errorbundled { 
    width: auto;
    border: 1px dashed #FF3300;
    -moz-border-radius: .0em 0 1em 1em;
}

.guestbook_error_red { 
    color: #ff0000;
}

.guestbook_errors { 
    font-family: verdana,arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: 600;
    text-align: left;
    color: #800040;
}

.guestbook_questionaire { 
    line-height: 1.4em;
 }
 
 .guestbook_ripped { 
    line-height: 1.4em;
	font-weight: bold;
 }
 
.guestbook_popup { 
    text-align:center;
    padding-bottom: 10px;
}

#guestbook_wrapper a:link.serendipityPrettyButton,
#guestbook_wrapper a:visited.serendipityPrettyButton,
#guestbook_wrapper a:hover.serendipityPrettyButton { 
    text-decoration: none;
    color: #1D2E3F;
}

#guestbook_wrapper .serendipityPrettyButton { 
    padding: 1px;
    color: #1D2E3F;
    font-weight: bold;
    font-size: 0.9em;
    border: 1px outset #000;
    margin: 2px;
}

/* Special class if the button is a <a> tag */
#guestbook_wrapper a.serendipityPrettyButton { 
    padding: 2px 4px 2px 4px;
    cursor: pointer;
}

#guestbook_wrapper .serendipityPrettyButton {
    background: url('plugins/serendipity_event_guestbook/img/button_background.png') repeat scroll 0 50% #80B0DA;
}
#guestbook_wrapper a.serendipityPrettyButton {
    background: url('plugins/serendipity_event_guestbook/img/button_background.png') repeat-x scroll center top transparent;
}

/******** End Guestbook Styles *********/