/******************************************/
/*                                        */
/*           Display of Calendar          */
/*                                        */
/******************************************/
/*Codes like "c27" let the config utility
find the values to be changed. So don't
separate these values from their css-variables.
You may however change the css-values by hand
and also move code together with variable
around. */

.calendar_main,
.bigcalendar_main {
    text-align: center;
    border-collapse: collapse;
    width:100%;
    table-layout: fixed;
}
.calendar_main td  {
/*c36*/line-height:1.95;
/*c27*/font-family:inherit;
/*c28*/font-size:8pt;
    width:14%;
}
.calendar_main td a,
.bigcalendar_main td a {
    text-decoration: none;
    display: block;
}
.calendar_main td a:hover,
.bigcalendar_main td a:hover {
    background-color: red !important;
    color: white !important;
    font-weight: bold !important;
}

/*Calendar headline of month and year*/
/* =================================== */
.calendar_monthyear {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
/*c28*/font-size:8pt;
    white-space: nowrap;
}
/*previous and next month button*/
.calendar_monthyear a {
    text-decoration: none;
    color: red;
    display: inline !important;
}
/*Calendar subheading with daynames*/
.calendar_daynames {
    color: #888;
    font-weight: bold;
}
/* columns? */
.months_in_columns {
    vertical-align: top;
    border:1px solid silver;
}
.calendarheadline  {
    text-align: center;
}
.calendarheadline a {
    text-decoration: none;
}
/* Special settings for  B I G  C A L E N D A R */
/* ============================================ */

.bigcalendar_main {
/*c2*/background-color:none;
/*c3*/background-image: url(../backgroundimages/flower.jpg);
/*c4*/border-color:#4BA67E;
/*c5*/border-width:2px;
    border-style: solid;
    border-collapse: separate;
/*c6*/border-spacing:3px;
}
.bigcalendar_main td  {
    line-height: 40px;
/*c34*/font-family:inherit;
/*c35*/font-size:8pt;
    width:14%;
}
span.no_event {
    padding-left: 3px;
}

.bigcalendar_main .calendar_shortevent a,
.bigcalendar_main .calendar_startevent a,
.bigcalendar_main .calendar_midevent a,
.bigcalendar_main .calendar_endevent a,
.bigcalendar_main .calendar_birthday a {
/*c9*/background:#DDFFC9;
/*c11*/color:#0F8A07;
    font-weight:bold;
/*c20*/border-radius:;
    padding-left: 3px;
}
.bigcalendar_main .calendar_shortevent,
.bigcalendar_main .calendar_startevent,
.bigcalendar_main .calendar_midevent,
.bigcalendar_main .calendar_endevent,
.bigcalendar_main .calendar_birthday {
    opacity:1 !important;
}
.bigcalendar_main .calendar_weekend.calendar_shortevent a,
.bigcalendar_main .calendar_weekend.calendar_startevent a,
.bigcalendar_main .calendar_weekend.calendar_midevent a,
.bigcalendar_main .calendar_weekend.calendar_endevent a,
.bigcalendar_main .calendar_weekend.calendar_birthday a,
.bigcalendar_main .calendar_holiday.calendar_shortevent a,
.bigcalendar_main .calendar_holiday.calendar_startevent a,
.bigcalendar_main .calendar_holiday.calendar_midevent a,
.bigcalendar_main .calendar_holiday.calendar_endevent a,
.bigcalendar_main .calendar_holiday.calendar_birthday a {
/*c10*/background:#D4E4FF;
/*c12*/color:#0F8A07;
/*c20*/border-radius:;
    padding-left: 3px;
}
.bigcalendar_main .calendar_daynames {
    text-align:center;
    font-size: 12px;
/*c18*/color:white;
}
/*daynames in subhead big calendar set via program*/
.bigcalendar_main .calendar_daynames span {
/*c32*/
font-size:120%;
font-family:times;
}
/*today's weekday name in subhead big calendar set via program*/
.bigcalendar_main .calendar_daynames span.today {
/*c33*/
/*values for today‘s weekday*/
}

.bigcalendar_main td.calendar_workday,
.bigcalendar_main td.calendar_weekend {
    border: 1px dashed #ddd;
/*c13*/height:8em;
    vertical-align: top;
    text-align: left;
    line-height: 1.3;
    background:#fff;
/*c22*/opacity:0.9;
/*c20*/border-radius:;
/*c21*/box-shadow:;
}
.bigdayname  {
    white-space: nowrap;
    overflow:hidden;
    font-weight:normal;
    color:#444;
    font-size:80%
}
.big_entry  {
/*c7*/white-space:normal;
    overflow:hidden;
}
.big_time  {
    font-weight:normal;
    font-style: italic;
    color:#04f;
}
.big_entry1  { /*e.g. location*/
    font-weight:normal;
    font-style: italic;
    color:#048;
}
.big_event  {
    font-weight:normal;
    font-style: normal;
    color:#620;
}
.bigcalendar_main .anniversary  {
    font-weight:normal;
    font-style: normal;
    color:#d20;
}

p.hint_under_bigcalendar  {
    text-align:center;
    margin-top:0;
}

/*Headline of big calendar*/
/*===================================*/
.bigcalendar_monthyear {
    white-space: nowrap;
/*c14*/margin-top:200px;
}
.bigcalendar_monthyear a {
    display: inline !important;
    color:red;
}
/*{

}*/
.bigcalendar_monthyear span {
/*all set by config*/
/*c31*/
font-family:Monotype Corsiva;
font-size:42px
}

.bigcalendar_monthyear_color {
/*c1*/color:#FFFFFC;
}
.bigcalendar_monthyear span a,
.bigcalendar_monthyear span a:hover{
    font-weight: normal !important;
}
/* Styling of calendar days */
/* ======================== */
.calendar_noday {
/*this are the fields in the
beginning and end of the calendar,
which are empty (no numbers)*/
}

.calendar_today {
/*c8*/background:#B3FFD6;
}

/*normal day*/
.calendar_workday,
.calendar_workday a {
    color: #055;
    font-weight: normal;
}
/*weekends + holidays*/
.calendar_weekend,
.calendar_weekend a,
.calendar_holiday a {
    color: #06f;
    font-weight: bold;
}
.calendar_shortevent a,
.calendar_startevent a {
    color: red;
    font-weight: bold;
}
.calendar_main .calendar_birthday a {
    font-weight: bold;
    color: #c04;
    background: #ffd !important;
}

/* ======== Calendar-Popups =========== */
/* ==================================== */
.calendar_main a.info_pop-up:hover span,
.bigcalendar_main a.info_pop-up:hover span {
    text-align:left;
    font-weight:normal;
/*c29*/font-family:Verdana, Sans-Serif;
/*c30*/font-size:8.5pt;
}
.holiday_name, .separator  {
    padding-bottom:2px;
    margin-bottom:3px;
    border-bottom: 1px solid #999;
}
.time_popup {
    color: #037;
    font-style: italic;
    letter-spacing: 1px;
}
.endtime_popup {
    color: #037;
    font-style: italic;
    letter-spacing: 1px;
    margin-left:32px;
}
.date_popup {
    margin-left:32px;
}
.event_popup {
    font-weight:bold;
    margin-left:32px;
    color:black;
}
.entry3_popup {
    color: #940;
    margin-left:32px;
}
.anniversary  {
    border-top:2px solid #bbb;
    border-bottom:2px solid #bbb;
/*c19*/background-color:#F7FFC2 !important;
    padding-bottom:2px;
    margin: 2px 0 1px;
    overflow: hidden;
}
.calendar_main a.info_pop-up:hover span .anniversary,
.bigcalendar_main a.info_pop-up:hover span .anniversary {
    border:none;
}

.bigcalendar_main a.info_pop-up,
.calendar_main a.info_pop-up  {
    cursor: pointer;
}
/*location of the pop-up frames*/
/*there are different possibilites*/
.calendar_main a.info_pop-up:hover span.right {
    top:1em;
    left:200px;
}
a.info_pop-up:hover span.down0 {
    top:3em;
    left:160px;
}
a.info_pop-up:hover span.down1 {
    top:3em;
    left:150px;
}
a.info_pop-up:hover span.down2 {
    top:3em;
    left:140px;
}
a.info_pop-up:hover span.down3 {
    top:3em;
    left:90px;
}
a.info_pop-up:hover span.down4 {
    top:3em;
    left:40px;
}
a.info_pop-up:hover span.down5 {
    top:3em;
    left:30px;
}
a.info_pop-up:hover span.down6 {
    top:3em;
    left:20px;
}
.bigcalendar_main a.info_pop-up:hover span  {
    top:4.5em;
    left:3em;
}


/******************************************/
/*                                        */
/*         Display of event list          */
/*                                        */
/******************************************/

.event_table  {
    width:100%;
}

.event_data {
/*c23*/font-family:inherit;
}

/* Display of introductory
   text-line in events list */
.period_of_events {
    font-size: 110%;
    font-variant: small-caps;
    margin-bottom: .5em;
}
.period_of_events span {
    font-size: 91%;
    font-weight: bold;
    font-variant: normal;
}

/*Heading with month and year*/
.event_monthyear {
    font-weight: bold !important;
/*c26*/font-size:110%;
    padding-top: 1.5em !important;
    padding-bottom: .2em;
}
/*sub heading*/
.event_heading_row td {
    background-color: #eee;
    line-height:1.25;
    color: #777 !important;
    font-weight: bold;
    font-style: italic;
/*c25*/font-size:70%;
}
.event_heading {
    height:12px;
    padding-left:1px;
}

.event_data_row td,
.birthday_data_row td  {
/*definition here take precedence
 over definitions in fields*/
   /* color:black;*/
/*c24*/font-size:95%;
    line-height:1.5;
    padding:.4em .15em;
}

/*different background-color for birthdays*/
.birthday_data_row td {
/*b11*/background:#FFE8BF;
}

/*================================*/
/*show past events in grey*/
.past_event td, .past_event td a,
.past_event td i, .past_event td li,
.past_event td u  {
    background: transparent;
    color:#777 !important;
}
.past_event td big {
    color:#aaa !important;
}
.past_event td b {
    color:#999 !important;
}
.past_event a.info_pop-up:hover span  {
    background: white;
    border:2px solid #ddd;
}
/*no description in past events*/
.past_event td.event_description  {
    display: none;
}
/*================================*/


/*this is for ALL data fields*/
.event_data {
    vertical-align: middle;
}

.event_date   {
/*b1*/width:15%;
/*b9*/background:#FFFBF0;
}
.event_time   {
/*b2*/width:11%;
/*b10*/background:#E6FFE8;
}
.event_entry1   {
/*b13*/width:14%;
/*b14*/background:#EBFFFC;
}
.event_main_entry   {
/*b3*/width:17%;
/*b4*/background:#EDEBFF;
/*b12*/font-weight:bold;
}
.event_entry3   {
/*b5*/width:17%;
/*b6*/background:#FFF0FB;
}
.event_link   {
/*b7*/width:8.5%;
/*b8*/background:#eee;
    text-align:center;
}
/*description field*/
.event_description   {
    padding-bottom:2em !important;
}

/*====================================*/
/*settings for some reduced formatting in
fields, mainly additional description field*/

td.event_data p  {
    margin:0;
    padding:0;
}

td.event_data big,
td.event_description big,
a.info_pop-up:hover span big  {
    font-weight:bold;
    color: #337;
}
td.event_data small,
td.event_description small,
a.info_pop-up:hover span small  {
    color:#444;
}
td.event_data i,
td.event_data em,
td.event_description i,
td.event_description em,
a.info_pop-up:hover span i  {
    letter-spacing: 0.05em;
    color:#006;
}
td.event_description hr,
td.event_data hr  {
    clear: none;
    color:#bbb !important;
    background:#bbb !important;
    height:2px;
    margin: 1px 0;
    padding:0;
    display: block;
}
td.event_description p span.red,
td.event_description span.red,
td.event_data .red  {
    color:red;
}
td.event_description img.left,
td.event_data img.left  {
    float:left;
    margin-right:10px;
}
td.event_description img.left2,
td.event_data img.left2  {
    float:left;
    margin-right:40px;
}
td.event_description img.right,
td.event_data img.right  {
    float:right;
    margin:0 0 0 10px;
}
td.event_data ul,
td.event_data ol  {
    margin: 0 0 0 30px !important;
    padding:0 0 0 30px !important;
}
td.event_data ul li,
td.event_data ol li  {
/*c24*/font-size:95%;
    margin: 0;
    padding:0;
    line-height:1.4;
}
td.event_data ul,
td a.info_pop-up ul li {

    list-style-image: url("../images/ul-list-button.gif");
}

/*********************************************/
/*   pop-up with mouse over the info icon    */
/*********************************************/
td.event_link a img, a.info_pop-up img {
    border:none;
    vertical-align:bottom;
}
a.info_pop-up:hover img {
    vertical-align:bottom;
}
a.info_pop-up {
    position:relative;
    cursor: help;
    text-decoration: none;
    background: transparent;
    z-index: 1;
}
a.info_pop-up:hover  {
    background:#ffffff;
    text-decoration:none;
    z-index: 3;
}
a.info_pop-up span {
    display: none;
}
a.info_pop-up:hover span {
/*c29*/font-family:Verdana, Sans-Serif;
/*c30*/font-size:8.5pt;
    line-height:1.4;
    display:inline;
    position:absolute;
    top:-3em;
    left:-2em;
    width:15em;
/*c16*/border-width:2px;
    border-style: solid;
/*c15*/border-color:#f00;
    padding: 4px 5px;
    margin-left: -160px;
    width: 160px;
/*c17*/background:#dfd;
    color:black;
}
a.info_pop-up span table td  {
/*c29*/font-family:Verdana, Sans-Serif;
/*c30*/font-size:8.5pt;
}
a.info_pop-up:hover span ul,
a.info_pop-up:hover span ol {
    margin: 0 0 0 10px !important;
    padding:0 0 0 10px !important;
}
a.info_pop-up:hover span ul li,
a.info_pop-up:hover span ol li  {
/*c30*/font-size:8.5pt;
    margin: 0;
    padding:0;
    line-height:1.4;
}

/*********************************************/
/*  marquee style announcement of next event */
/*********************************************/

.calendar_marquee  {
    width: 100%;
    /*height set in config!*/
    color: #777;
    margin: 10px 0;
    padding:0;
    border: 1px solid #aaf;
}
.calendar_marquee div  {
    width: 100%;

}
.headline_marquee  {
    width: 100%;
    color: #555;
    letter-spacing: 0.05em;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    padding:0 0 2px;
    margin:0;
    /*height set in config!*/
    background: #def;
}
.nextevent_main_entry {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .1em;
    margin:0;
    text-align: center;
}
.nextevent_entry3 {
    font-size: 13px;
    font-style: italic;
    margin:0;
    text-align: center;
}


/*========================================*/
/*========================================*/
/*                                        */
/*             B A C K E N D              */
/*                                        */
/*========================================*/
/*========================================*/

/******************************************/
/*             backend input              */
/******************************************/
.nowrap  {
    white-space: nowrap;
}

/* =============  config ================ */
.eventlistconfig div  {
    width:7em;
    float:left;
}
.eventlistconfig {
    line-height: 1.8;
    font-size: 12px;
    font-family: tahoma, verdana,arial, sans-serif;
}
.eventlistconfig input {
    vertical-align: baseline;
}
.calendar_config div div {
    float:left;
    height:2.3em;
    white-space: nowrap;
    margin-right:1em;
    font: normal normal 12px tahoma, verdana,arial, sans-serif;
}
.config_text, .config_text form {
    font: normal normal 12px tahoma, verdana,arial, sans-serif;
    margin:0;
    padding:0;
}
.calendar_config .separator  {
    clear:both;
    width:100%;
    border-top:1px solid #999;
    border-bottom:none;
    height:6px;
    margin:0;
    padding:0;
}
#eventlistconfig .separator  {
    padding-top:3px;
    margin-bottom:8px;
}
.calendar_config textarea  {
    clear:both;
    padding:0;
    margin:0;
    font: normal normal 12px/1.4 verdana;
    background:white;
    color:black;
}
#headlineconfig, #daynameconfig  {
    clear:both;
    display:none;
    height:10em;
    width:25em;
}

.title  {
    border-bottom:1px dashed #888;
}
.color  {
    width:5em;
}
#eventlistconfig input  {
    font-size:12px;
}
.config_button  {
    width:1.5em;
    padding:0;
    border-style:outset;
    background:#ccc;
}
.config_button_pressed  {
    width:1.5em;
    padding:0;
    border-style:inset;
    background:#eee;
}
/* ===========  input table  ============= */
.error  {
    color:red;
    font-weight: bold;
}
.success  {
    color:green;
    font-weight: bold;
}
.calendar_input td.eventfile_notice  {
    font: normal normal 10pt/1.3 Arial, sans-serif;
    color:black;
}
.calendar_input {
    border: 2px solid #777;
    padding:0 3px 3px;
    background: #eee;
    width:100%;
    margin-bottom: .5em;
    /*table-layout: fixed;*/
}
.calendar_input .column1 {
    min-width:86px;
}
.calendar_input .column2 {
    min-width:40px;
}
.calendar_input .column3 {
    min-width:40px;
}
.calendar_input .column4 {
    min-width:86px;
}

.calendar_input td  {
    font-family: arial, sans-serif;
    margin:0;
    padding:0;
}

.calendar_input input,
.calendar_input textarea  {
    font-family: tahoma, verdana, arial, sans-serif;
    font-size:8.5pt;
    text-indent:0;
    vertical-align: middle;
}
.calendar_input textarea  {
    padding:0;
    margin:0;
    background:white;
}
.calendar_input textarea.calendar_input_event  {
    height:5em;
}
.calendar_input textarea.description  {
    font: normal normal 12px/1.4 Consolas,monospace;
}
.calendar_input_caption,
.calendar_input_caption td {
    vertical-align: bottom;
    font-size: 11px;
    line-height:1.3;
    color:black;
}
.calendar_input_caption_rightaligned,
.calendar_input_caption_leftaligned {
    text-align: right;
    font-size: 11px;
    line-height:1.3;
    padding-right:3px;
    vertical-align: middle;
    color:black;
}
.calendar_input_caption_leftaligned {
    text-align: left;
    color:black;
}

.calendar_input_date  {
    width:58px;
}
.calendar_input_time  {
    width:32px;
}
.calendar_input_event  {
/*controls main_entry and main_entry3*/
    min-width:200px;
    width: 100%;
}
.input_highlighting  {
    color:#c00;
}
.calendar_edit_off,
.calendar_edit_on  {
    width:16px;
    margin-left:-16px;
    background:white;
    border:1px solid grey;
    color:black;
}
.calendar_edit_off:hover,
.calendar_edit_on:hover  {
    border:1px solid red;
    color:red;
}
.toggle  {
    /*width:16px;*/
    background:white;
    border:1px solid grey;
    color:black;
}
.toggle:hover  {
    border:1px solid red;
    color:red;
}


/******************************************/
/* file view and backup admininistration  */
/******************************************/
table.source_view  {
    border: 2px solid #777;
    padding:0 3px 3px;
    background: #eee;
    margin-bottom: 2em;
    position: absolute;
    left: 50%;
    z-index: 2;
}
.source_view input.submit {
    min-width: 100px;
    letter-spacing: .2em;
    font-weight: bold;
}
table.source_view textarea  {
    height:30em;
    padding:0;
    margin:0;
    background:white;
    font: normal normal 13px/1.4 Consolas, monospace;
}
table.source_view td.filestructure  {
    font: bold normal 11px/1.5 Consolas, monospace;
    letter-spacing: 0.01em;
    color:black;
}
table.source_view input  {
    width: 15em;
}
table.source_view span.comma  {
    color: red;
    font-weight:bold;
    font-size: 140%;
    line-height: 60%;
}
#hidden_merge_menu,
#hidden_delete_menu,
#hidden_source_view_links,
#hidden_preset_links {
    display: none;
}

.filelist td{
    margin:0;
    font-family:verdana;
    font-size:12px;
    line-height:1.4;
    color:black;
}

.filename  {
    font-size:15px !important;
    font-family: Consolas,monospace !important;
    height:3ex !important;
    width:14em;
}
.calendar_button  {
    color:black;
    border-style:outset;
    background: #dedede;
    letter-spacing: 1px;
    padding:1px 0;
}
.calendar_button_pressed  {
    color: #a00;
    border-style:inset;
    background:#eee;
    letter-spacing: 1px;
    padding:1px 0;
}