﻿/******************************************/
/*                                        */
/*           Display of Calendar          */
/*                                        */
/******************************************/

.calendar_main,
.calendar_main2 {
    text-align: center;
    border-collapse: collapse;
    width:100%;
    direction:rtl;
}
.calendar_main td  {
    line-height: 20px;
    font-size: 8pt;
    width:14%;
}
.calendar_main2 td  {
    line-height: 40px;
    font-size: 12pt;
    width:14%;
}
.calendar_main td a,
.calendar_main2 td a {
    text-decoration: none;
    display: block;
}
.calendar_main td a:hover,
.calendar_main2 td a:hover {
    background-color: red;
    color: white !important;
    font-weight: bold;
}

/*Calendar headline of month and year*/
.calendar_monthyear {
    font-family:Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 8pt;
    white-space: nowrap;
}
.calendar_main2 .calendar_monthyear {
    font-size:16px;
}
/*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;
}
.calendar_main2 .calendar_daynames {
    text-align:center;
}
.calendar_noday {
/*this are the fields in the
beginning and end of the calendar,
which are empty (no numbers)*/
}

.calendar_today {
    background: #eee;
}

.calendar_workday,
.calendar_workday a { /*normal day*/
    color: #055;
    font-weight: normel;
}
.calendar_weekend,
.calendar_weekend a { /*weekend days*/
    color: #06f;
    font-weight: bold;
}
.calendar_shortevent a {
    color: red;
    font-weight: bold;
}
.calendar_startevent a {
    color: red;
    font-weight: bold;
}
.calendar_birthday,
.calendar_birthday a {
    font-weight: bold;
    color: #090;
    background: #efe;
}
/* ======== Calendar-Popups =========== */
.date_pop-up {
    font-weight: normal;
    text-align: left;
}
.date_pop-up em {
    color: #a00;
    font-style: normal;
}
li.birthday  {
    border-top:2px solid #bbb;
    border-bottom:2px solid #bbb;
    background-color: #eff !important;
}
.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;
}
.calendar_main2 a.info_pop-up:hover span  {
    top:4em;
    left:3em;
}
/******************************************/
/*                                        */
/*         Display of event list          */
/*                                        */
/******************************************/

.event_table  {
    width:100%;
    border:none;
}
.event_table td,
.event_table td p {
    font-family:Arial, Helvetica, sans-serif;
}

/* 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;
    font-size: 10pt;
    padding-top: 13px !important;
}
/*sub heading*/
.event_heading_row td {
    background-color: #eee;
    line-height:1.25;
    color: #777 !important;
    font-weight: bold;
    font-style: italic;
    font-size: 16px;
}
.event_heading {
    height:12px;
    padding-left:1px;
}

.event_data_row td {
/*definition here take precedence
 over definitions in fields*/
   /* color:black;*/
    font-size: 16px;
    line-height:1.5;
}

/*different background-color for birthdays*/
.birthday_data_row td {
    font-size: 16px;
    background: #fdd;
    line-height:1.5;
}

/*================================*/
/*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: #fff;
    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 {
    padding: 1px 1px 3px 2px;
    vertical-align: middle;
}

/*date field*/
.event_date   {
    width:14%;
    background: #ff9945;
}
/*time field*/
.event_time   {
    width:11%;
    background: #ff9945;
}
/*formerly event event field*/
.event_main_entry   {
    width:28%;
    background:#ff9945;
}
/*formerly location field*/
.event_main_entry2   {
    width:29%;
    background: #ff9945;
}
/*link/link-text and info field*/
.event_link   {
    width:25%;
    background: #ff9945;
}
/*description field*/
.event_description   {
    padding-bottom:1em;
    font-size:11px;

}
.event_description p  {
    font-size:11px;

}
/*settings for formatting in fields*/
td.event_data p  {
    margin:0;
    padding:0;
}

td.event_data big,
a.info_pop-up:hover span big  {
    font-size:13px;
    font-weight:bold;
    color: #337;
}
td.event_data small,
a.info_pop-up:hover span small  {
    font-size:9px;
    color:#444;
}
td.event_data i,
a.info_pop-up:hover span i  {
    letter-spacing: 0.05em;
    color:#006;
}
td.event_data hr  {
    color:#bbb !important;
    background:#bbb !important;
    height:2px;
    margin: 1px 0;
    padding:0;
    display: block;
}
td.event_data .red  {
    color:red;
}
td.event_data img.left  {
    float:left;
    margin-right:10px;
}
td.event_data img.left2  {
    float:left;
    margin-right:40px;
}
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  {
    font-size: 11px;
    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 {
    font-size: 11px;
    line-height:1.4;
    display:inline;
    position:absolute;
    top:-3em;
    left:-2em;
    width:15em;
    border:2px solid #e00;
    padding: 5px;
    margin-left: -160px;
    width: 160px;
    background:#efe;
    color:black;
}

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  {
    font-size: 11px;
    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: #000000;
    letter-spacing: 0.05em;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    direction:rtl;
    padding:0 0 2px;
    margin:0;
    /*height set in config!*/
    background: #f87a17;
}
.nextevent_main_entry {
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .1em;
    margin:0;
    text-align: center;
}
.nextevent_main_entry2 {
    font-size: 13px;
    font-style: italic;
    margin:0;
    text-align: center;
}


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

/******************************************/
/*          backend input table           */
/******************************************/

/* =============  input table  =============== */
span.error  {
    color:red;
    font-weight: bold;
}
span.success  {
    color:green;
    font-weight: bold;
}
.calendar_input td.eventfile_notice  {
    font: normal normal 10pt/1.3 Arial, sans-serif;
}
.calendar_input {
    border: 2px solid #777;
    padding:0 3px 3px;
    background: #eee;
    width:100%;
    margin-bottom: .5em;
}
.calendar_input td  {
    font-family: arial, sans-serif;
    margin:0;
    padding:0;
}

.calendar_input input,
.calendar_input textarea  {
    font-size:8pt;
    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  {
    height:10em;
    width: 100%;
}
.calendar_input_caption,
.calendar_input_caption td {
    vertical-align: bottom;
    font-size: 11px;
    line-height:1.3;
}
.calendar_input_caption_rightaligned {
    text-align: right;
    font-size: 11px;
    line-height:1.3;
    padding-right:3px;
    vertical-align: top;
}
.calendar_input_date  {
    width:58px;
}
.calendar_input_time  {
    width:32px;
}
.calendar_input_event  {
/*controls main_entry and main_entry2*/
    min-width:200px;
    width: 100%;
}
.input_highlighting  {
    color:red;
}
.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;
}



/******************************************/
/*             backup admin               */
/******************************************/
table.source_view  {
    border: 2px solid #777;
    padding:0 3px 3px;
    background: #eee;
    margin-bottom: 2em;
    position: absolute;
    left: 50%;
    margin-left:-600px;
    z-index: 2;
    width:1200px !important;
}
.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 {
    display: none;
}

.filelist td{
    margin:0;
    font-family:Arial, Helvetica, sans-serif;
    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;
}
