img {
   behavior: url("http://djpedros.pl/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;
}.dashboard {
    margin: 0px auto;
    padding: 5px;
}

.dashboard h3 {
}

.dashboard_future, .dashboard_comments, .dashboard_draft, .dashboard_comments_pending {
}

.dashboard_start {
    clear: both;
}

#notifier {
    padding: 10px;
    background-color: red;
}
/* 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.28 2011-12-15 ian */

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

.input-text input, .input-textarea textarea {
    filter: progid:DXImageTransform.Microsoft.Shadow(color='#888888', Direction=145, Strength=2); /* IE Shadow setting */
    /* shadow settings */
    -webkit-box-shadow: 0 0 2px 2px #DDDDDD;
    -moz-box-shadow: 0 0 2px 2px #DDDDDD;
    -o-box-shadow: 0 0 2px 2px #DDDDDD;
    box-shadow: 0 0 2px 2px #DDDDDD; /* html5 standard */
}

.input-text input, .input-textarea textarea, #search-term, #captcha {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #AAAAAA;
    color: #888888;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    -o-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px; /* html5 standard */
    /* need only of IE 6/7/8 gradient/border-radius/border-shadow */
    position: relative; /* IE PIE lt 9 need this here */
    behavior: url(plugins/serendipity_event_guestbook/PIE.htc);
}
.input-text label, .input-select label, .input-textarea label {
    display: block;
    font-weight: bold;
    margin: 10px 0 4px;
}

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

.serendipity_guestbook  h2.serendipity_title {
    padding-left: 0;
    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;
    background-color: transparent;
    border: 1px solid #B20000;
    border: 1px solid hsl(360,100%,35%);
    text-align: justify;
    /* mozilla, chrome, safari, ie7+, opera round corners */
    border-color: hsl(360,100%,35%);
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;
    -khtml-border-radius: 8px 8px 8px 8px;
    -o-border-radius: 8px 8px 8px 8px;
    border-radius: 8px 8px 8px 8px; /* html5 standard */
    /* need only of IE 6/7/8 gradient/border-radius/border-shadow */
    position: relative; /* IE PIE lt 9 need this here */
    behavior: url(plugins/serendipity_event_guestbook/PIE.htc);
}

#guestbook_entrypaging {
    line-height: 1.6;
    margin: 20px 0;
    padding: 0;
    border: 0 none;
    text-align: center;
}

#guestbook_entrypaging a,
#guestbook_entrypaging a:hover {
    background: none repeat scroll 0 0 #FFFFFF;
    text-decoration: none;
}

div.frontend_guestbook_paginator{}
span.frontend_guestbook_paginator_left { color: #BBB; } 
span.frontend_guestbook_paginator_center { }
span.frontend_guestbook_paginator_right { color: #BBB; } 

/*********************************************
 *** 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, #backend_guestbook_wrapper table, #backend_guestbook_wrapper tr, #backend_guestbook_wrapper th, 
#backend_guestbook_wrapper td, #backend_guestbook_wrapper div, #backend_guestbook_wrapper .guestbook_entries, 
#backend_guestbook_wrapper .guestbook_entrybottom, #backend_guestbook_wrapper span, #backend_guestbook_wrapper font {
    font: 500 11px/16px Verdana,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_entrytop { 
    background: none repeat scroll 0 0 #B6C9CC; 
    padding: 4px 4px 0;
}
#backend_guestbook_wrapper .guestbook_entrybottom {
    background: none repeat scroll 0 0 #E1E5DE;
    border-bottom: 1px solid #B6C9CC;
    border-top: 1px solid #A0A0A0; /*#999966;*/
    margin: 2px 0 0;
}
#backend_guestbook_wrapper .guestbook_validation { 
    float: right;
    margin-left: 8px;
}
#backend_guestbook_wrapper .guestbook_entries dt { display: inline-block; }
#backend_guestbook_wrapper .guestbook_move { padding: 0 4px; }

div.backend_guestbook_nav { 
    border: medium solid;
    float: right; 
    margin: 1em auto; 
    width: 24em; 
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#5792d8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
    -pie-background: linear-gradient(#EEEEEE, #5792d8);
}
div.backend_guestbook_nav ul li#active { 
    border-bottom: 1px solid #888; 
    background: rgb(224,224,224); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(224,224,224,1) 0%, rgba(213,191,192,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(213,191,192,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#d5bfc0',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, rgba(224,224,224,1) 0%,rgba(213,191,192,1) 100%); /* W3C */
    -pie-background: linear-gradient(#E0E0E0, #D5BFC0);
}
div.backend_guestbook_menu { 
    border: 1px solid #777; 
    padding: 0 0 0 20px;
    background: rgb(240,240,240); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(240,240,240,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(240,240,240,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#5792d8',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, rgba(240,240,240,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
    -pie-background: linear-gradient(#F0F0F0, #5792d8);
}
div.backend_guestbook_entrywrapper { margin: 99px 14% 0 0; padding: 0; }
div.backend_guestbook_head { 
    border: 1px solid red; 
    float: left;
    margin: 30px 0 0 0px; 
    padding: 4px 20px; 
    background: rgb(87,146,216); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(87,146,216,1) 0%, rgba(240,240,240,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,146,216,1)), color-stop(100%,rgba(240,240,240,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5792d8', endColorstr='#f0f0f0',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(87,146,216,1) 0%,rgba(240,240,240,1) 100%); /* W3C */
    -pie-background: linear-gradient(#5792d8, #F0F0F0);
 }
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 { 
    border: 1px solid #808; 
    display: block; 
    margin: 20px 0 20px 0;
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(87,146,216,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(87,146,216,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#5792d8',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(87,146,216,1) 100%); /* W3C */
    -pie-background: linear-gradient(#EEEEEE, #5792d8);
}
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: rgb(255,193,37); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255,193,37,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,193,37,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc125', endColorstr='#e0e0e0',GradientType=1 ); /* IE6-9 */
    background: linear-gradient(left, rgba(255,193,37,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
    -pie-background: linear-gradient(#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 }
div.guestbook_backend_form { 
    background-color: #E0E0E0; 
    border: 1px solid #333333; 
    padding: 8px;
}
div.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 { 
    border: 1px solid #FF8247; /*#CCCCCC;*/
    display: block; 
    overflow:auto;
    margin: 10px 0 2px 40px; 
    padding: 4px;
    background: none repeat scroll 0 0 #EFEFEF;/*wheat;*/
    font-size:80% !important;
    font-style: italic; 
    /* rounded corners */
    -webkit-border-radius: 1em 1em 1em 1em;
    -moz-border-radius: 1em 1em 1em 1em;
    -o-border-radius: 1em 1em 1em 1em;
    border-radius: 1em 1em 1em 1em; /* html5 standard */
    /* need only of IE 6/7/8 gradient/border-radius/border-shadow */
    position: relative; /* IE PIE lt 9 need this here */
    behavior: url(plugins/serendipity_event_guestbook/PIE.htc);
}
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;}
#backend_guestbook_wrapper .input-text input[type="button"] { 
    background: url("plugins/serendipity_event_guestbook/admin/img/bp_admin_prettybutton.png") repeat scroll 0 50% #055BC6;
    border: 1px solid #055BC6;
    color: #FFFFFF;
}
/*********************************************
 *** GUESTBOOK BACKEND ONLY - END ***********/
/********************************************/

/* one guestbook entry wrapper */
#guestbook_entrybundle dl {
    margin: 0;
}

#guestbook_entrybundle { 
    margin: 0;
    overflow: hidden;
    padding: 0;
    background-color: #AAAAAA;
    border: 1px solid #BBBBBB;
    text-align: left;
    /* rounded corners */
    -webkit-border-radius: 0 0 7px 7px;
    -moz-border-radius: 0 0 7px 7px;
    -o-border-radius: 0 0 7px 7px;
    border-radius: 0 0 7px 7px; /* html5 standard */
}

.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_wrapper .guestbook_entrytop { 
    margin-bottom: 5px;
    padding: 4px; 
    /* standard color #EEEEEE no gradient */
    background: rgb(238,238,238); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    background: linear-gradient(top, rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
    position: relative; /* PIE specific */
    -pie-background: linear-gradient(#EEEEEE, #FFFFFF);
}

.guestbook_entries {
    padding: 0;
    margin: 0; 
    border: 0 none;
    font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
    text-align: left;
    width: 100%;
}

.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: 1em;
    font-weight: 600;
    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;
}

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

/* the entry value only - depends on #guestbook_entrybundle */
.guestbook_entrybottom { 
    background: none repeat scroll 0 0 #FDFDFD;
    border: 1px solid #DFDFDF;
    margin-bottom: 6px;
    padding: 4px;
    color: #333333;
    font: 500 11px/16px Verdana,Arial,Helvetica,sans-serif;
    text-align: left;
}

.guestbook_splitentries { 
    clear: both;
}

.guestbook_errorbundled { 
    padding-top: 30px;
    width: auto;
}

.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 { 
    color: #1D2E3F;
    text-decoration: none;
}

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

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

#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 *********/