

.calendar-edit form {
  margin: 0px;
  padding: 0px;
}

.calendar{
  width: 340px;
  margin-top: 30px;
}

.calendar-outer td{
  vertical-align: top;
}


.calendar a{
  color: #36779F;
  font-weight: bold;
  text-decoration: none;
}
.calendar a:hover{
  text-decoration: underline;
}


.current-events{
 width: 200px;
 margin: 30px 30px 30px 30px;
}




/*css tooltip*/

a.info{
  position:relative;
  z-index:24;
  background:none;
  color:#000000;
  text-decoration:none;
  display: block;
}

.info-outer{
  width: 18px;
  margin: auto;
  margin-top: 3px;
  margin-bottom: 3px;
}


a.info:hover{
  z-index:25;
  background-color:#CECECE;
}

a.info u{
  background: #FFFFFF;
  padding: 3px;
  display: block;
  text-decoration: none;
  margin-bottom: 2px;
  border-bottom: solid 1px #AEAEAE;
}

a.info span{
  display: none;
  position:absolute;
  top:10px;
  left:35px;
  width:200px;
  border:1px solid #C4C4C4;
  background-color:#F2F2F2;
  color:#424242;
}

a.info:hover span{
  display:block;
}

/*css tooltip*/






.day-events-div{
  z-index: 1000;
  background-color: #FEFEFE;
  border: 1px dashed #5583A9;
  padding: 10px;
  position: absolute;
  display: none;
  color: #648FB0;
  font-weight: normal;
  width: 160px;
}

/*/////////////////////////////////*/

.wsc_messages_div{
font-size: 14px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
}


.clear-both{
  clear: both;
}


.c-headers {
background: #F4F4F4;
border: solid 1px #C4C4C4;
padding: 10px;
font-weight: bold;
margin-bottom: 5px;
border-bottom: solid 3px #FF9966;
}

.c-view-event {
background: #FFFFFF;
border: solid 1px #C4C4C4;
border-bottom: solid 3px #C4C4C4;
padding: 5px;
font-weight: normal;
margin-bottom: 5px;
}

.c-view-event img{
  float: left;
}


.c-day {
font-size: 14px;
}

.c-last p {

border-bottom: solid 1px #ADADAD;

}


.c-last td {
border-bottom: solid 1px #ADADAD;
float: left;
}


 /* == YEARS NAVIDATION START == */
.calendar .year_navigation{
  border: 1px solid #C4C4C4;
  background-color: #E3E3E3;
  margin-bottom: 5px;
}
.calendar .year_navigation a{
   font-size: 16px;
   font-weight: bold;
}



 /* == MONTH NAVIDATION START == */
.calendar .month_navigation{
  background-color: #C4C4C4;
  text-align: center;
  margin-bottom: 5px;
}
.calendar .month_navigation td{
  width: 10%;
  vertical-align: top;
  background-color: #F4F4F4;
  font-weight: bold;
}



 /* == DAYS NAVIDATION START == */

.a-box {
  padding: 3px;
  border: solid 1px #9A9A9A;
}


.calendar .days_table{
  background-color: #838383;

}
.calendar .days_table td{
  width: 10%;
  vertical-align: top;
}
.calendar .day_empty{
   background-color: #E3E3E3;
   height: 50px;
}
.calendar .day_regular{
  background-color: #FFFFFF;
  height: 50px;
}
.calendar .day_current{
  background-color: #FFE4AE;
  height: 50px;
}
.calendar .week_day{
  background: #9699A0;
  font-weight: bold;
  color: #FFFFFF;
  text-align: center;
}


.calendar .day-title{
  text-align: left;
  clear: both;
}


/*///////////////// ///////  */


.edit-events-outer-div {
background: #EEF1F4;
border: solid #7D97AE 1px;
padding: 4px;
margin-bottom: 20px;
}

.editor-event-title-left {
padding:5px;
background: #EEF1F4;
border: solid #7D97AE 1px;
cursor: pointer;
width: 100%;

}

.editor-event-title-left span{
  float: left;
}


.editor-event-table td {
  margin-bottom: 25px;
  font-size: 14px;
  background: #F9FBFD;
  color: #324869;
}

.editor-event-table {
  margin-bottom: 5px;
  margin-top: 5px;
  border: solid #9FB3C4 1px;
    border-bottom: solid #A3BCD6 3px;
}


.editor-event-table1 td {
  border: solid #CACACA 1px;
  font-size: 14px;
  background: #FFFFFF;
   border-bottom: solid #A3A3A3 1px;
}


.editor-event-space {
  margin-bottom: 20px;
}

.calendar-editor-btn {
  border: solid 1px #52677A;
  background: #D2DAE1;
}

.calendar-header {
  background: #89ACC7;
  color: #FFFFFF;
  font-size: 15px;
  font-weight: bold;
  padding: 10px;
  text-align: center;
}


.editor-event-lang{
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 6px;
  color: #525252;
}



