﻿.carousel  {
   /*width: 610px;  ширина всего блока */
   margin-left: auto;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 0px;
}
.carousel-wrapper {
   /*width: 540px;  ширина области карусели */
   overflow: hidden; /* скрываем содержимое, выходящее за рамки основной области */
   margin:0px;
   padding:0px;
}
.carousel-items {   
   position: relative; /* позиционируем блок относительно основной области карусели */ 
   left : 0px;
   border-collapse: collapse;
   border-spacing: 0px;
   border-width : 0px;
   table-layout: fixed;
   width: auto;   
}
.carousel-item-tr {
   margin: 0px;
   padding: 0px;
}

.carousel-item-td
{
   border-width : 1px;
   border-color: #515051;
   border-style: solid;
   padding : 4px;
   width: 30px; /* устанавливаем ширину для столбца */
   max-width: 30px;
   min-width: 30px;
   height: 20px;   
   font-size: 8pt;
   line-height: normal;
   vertical-align:bottom;
   text-align:center;   
}

.footerDiv {
    height: 80px;
    clear: both;
}

.eventCalendarContainer {
    clear: both;
}

.clickable
{
    cursor: pointer;
}

.clickable:hover
{
    background-color: Silver;
}

.total-wrapper
{
    display:block;
    margin-top: 1px;
    margin-left: 25px;
    font-size: 8pt;
    float: left;
}

.total-item
{    
    padding: 7px 0px 0px 10px;    
}

.all-events-count
{
    color: black;
    cursor: pointer;
}

.new-events-count
{
    color: #f98c19;
    cursor: pointer;
}

.old-events-count
{
    color: red;
    cursor: pointer;
}
.acreditation-wrapper
{
    display:block;
    margin-top: 1px;
    margin-right: 25px;
    font-size: 8pt;
    float: right;
    background-color: #D8EEC0;
    border: 1px solid;
    padding: 2px 2px 2px 5px;
}

.boldfont {
    font-weight : bold;
}

/*********** Раскраска дат ***********/
/*Рабочий день без событий в текущем месяце. Число.*/
.workdate-no-event-this-month
{
    background-color: #9bb895;
    color : Black;
}
/*Рабочий день с событиями. Число.*/
.workdate-with-event
{
    background-color: #F5AA10;
    color: Black;
}

/*Рабочий день без событий не в текущем месяце. Число.*/
.workdate-no-event
{
    background-color: #cae2b0;
    color : Black;
}

/*Текущая дата. Число.*/
.current-date {
    background-color: #0b9a05 !important;
    color: Black;
}

/*Выходной или праздник в текущем месяце. Число.*/
.holidate-this-month
{
    background-color: #9bb895;
    color: Black;
}

/*Выходной или праздник не в текущем месяце. Число.*/
.holidate
{
    background-color: #cae2b0;
    color: Black;
}

/*Верхняя цифра (как степень числа)*/
.carousel-item-td sup
{
    color: #FF1C3E;
    font-weight: bold;
    vertical-align:super;
    font-size:small;
    
}
/*День недели рабочий*/
.workday-of-week
{
    background-color: #056a00;
    color: #eaeaea;
    cursor: default;
}

/*День недели выходной*/
.holiday
{
    background-color: #dadada;
    color: Black;
    cursor: default;
}
 
/*********** Кнопки ***********/
.carousel-button-left a, .carousel-button-right a{
   width: 25px; 
   height: 36px; 
   position: relative;
   top: 26px; 
   cursor: pointer; 
   text-decoration:none;
}
.carousel-button-left a{
   float: left; 
   background: url(../event-calendar/images/carousel-left.png); 
}
.carousel-button-right a{
   float: right;
   background: url(../event-calendar/images/carousel-right.png); 
}