/* small calendar styles */
.cmsSmallCalendarElement
{
  /*  background-color:#fff;*/
    border:1px solid #9F9F9F;
    color:#000;
    cursor:default;
    font-weight:normal;
}

.cmsSmallCalendarHeader
{
    background-color:#DCDCDC;
    border:1px solid #C9C9C9;
    padding:4px 7px;
}
.cmsSmallCalendarHeader.hiddenHeader, .cmsBigCalendarHeader.hiddenHeader
{
    display:none;
}
.cmsSmallCalendarDayHeader
{
    border-bottom:1px solid #CFCFCF;
    padding:2px 4px 5px;
    text-align:center;
}

.cmsSmallCalendarWeekNumber
{
    color:#BFBFBF;
    padding:6px 8px 6px 4px;
    text-align:right;
    vertical-align:middle;
}

.cmsSmallCalendarDay
{
    padding:4px 6px;
    text-align:center;
    vertical-align:middle;
}

.cmsSmallCalendarDay a:link,
    .cmsSmallCalendarDay a:visited
{
    color:#999999;
	text-decoration:none;
}

.cmsSmallCalendarOtherMonth,
    .cmsSmallCalendarOtherMonth a:link,
    .cmsSmallCalendarOtherMonth a:visited
{
    color:#999999;
	text-decoration:none;
}

.cmsSmallCalendarWeekend,
    .cmsSmallCalendarWeekend a:link,
    .cmsSmallCalendarWeekend a:visited
{
    color:#00A8EF;
}

.cmsSmallCalendarToday
{
    border:none;
    padding:3px 3px 2px;
}

.cmsSmallCalendarToday a:link,
    .cmsSmallCalendarToday a:visited
{
    color:#2259BE;
    font-size:1.2em;
    font-weight:bold;
text-decoration:none;
}

.cmsSmallCalendarLoading
{
    border:1px solid #555;
}
/*************************/

/* big calendar styles */
.bigCalendarContainer
{
	width:auto!important;
    background-color:#eee;
    border:1px solid #bbb;
    left:320px;
    padding:5px;
    position:fixed;
    top:249px;
    z-index:100;
}

.bigCalendarContainerHeader
{
    height:20px;
    text-align:right;
}

.bigCalendarContainerHeader img
{
    cursor:pointer;
}

.cmsBigCalendarElement
{
    background-color:#fff;
    border:1px solid #9F9F9F;
    color:#000;
    cursor:default;
    font-weight:normal;
}

.cmsBigCalendarHeader
{
    background-color:#DCDCDC;
    border:1px solid #C9C9C9;
    padding:4px 7px;
}

.cmsBigCalendarHeader table td span
{
    display:block;
    line-height:1.2em;
}

.cmsBigCalendarDayHeader
{
    border-bottom:1px solid #CFCFCF;
    padding:2px 4px 5px;
    text-align:center;
}

.cmsBigCalendarWeekNumber
{
    color:#BFBFBF;
    padding:6px 8px 6px 4px;
    text-align:right;
    vertical-align:middle;
}

.cmsBigCalendarDay
{
    padding:1px;
    text-align:center;
    vertical-align:middle;
}

.cmsBigCalendarDay a:link,
    .cmsBigCalendarDay a:visited
{
    color:#000;
    display:block;
    font-weight:bold;
    text-align:left;
}

.cmsBigCalendarDayInner
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    
    background-color:#ddd;
    border:4px solid #ddd;
    font-size:0.9em;
    height:60px;
    margin:2px;
    overflow:hidden;
    padding:4px;
    text-align:left;
    width:64px;
}

.cmsBigCalendarDayInner:hover
{
    background-color:#bbb;
    border:4px solid #bbb;
    cursor:pointer;
}

.cmsBigCalendarDayInner span.day
{
    display:block;
    font-size:1.1em;
    font-weight:bold;
    margin-bottom:5px;
}

.cmsBigCalendarOtherMonth,
    .cmsBigCalendarOtherMonth a:link,
    .cmsBigCalendarOtherMonth a:visited
{
    color:#888;
}

.cmsBigCalendarWeekend,
    .cmsBigCalendarWeekend a:link,
    .cmsBigCalendarWeekend a:visited
{
    color:#C00000;
}

.cmsBigCalendarToday
{
    border:none;
    padding:3px 3px 2px;
}

.cmsBigCalendarToday a:link,
    .cmsBigCalendarToday a:visited
{
    color:#2259BE;
    font-size:1.2em;
    font-weight:bold;
}

.cmsBigCalendarLoading
{
    border:1px solid #555;
}
/***********************/

/* day info popup */
.calendarDayInfoContainer
{
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    
    color:#fff;
    background-color:#979797;
    border:1px solid #777;
    height:260px;
    margin:0;
    padding:5px;
    position:fixed;
    text-align:left;
    width:360px;
    z-index:101;
}

.calendarDayInfoHeader
{
    height:20px;
    position:relative;
    text-align:left;
}

.calendarDayInfoHeader .calendarDayInfoTitle
{
    font-weight:bold;
}

.calendarDayInfoHeader .calendarDayInfoTitle a
{
    cursor:pointer;
    font-weight:normal;
}

.calendarDayInfoHeader img
{
    cursor:pointer;
    right:0;
    position:absolute;
    top:0;
}

.calendarDayInfoContent
{
    height:240px;
    overflow:auto;
}

.calendarDayInfoContent .dayEventContainer
{
    margin-bottom:10px;
    width:100%;
}

.calendarDayInfoContent .dayEventContainer td
{
    padding:1px;
    text-align:left;
    vertical-align:top;
}

.calendarDayInfoContent .dayEventContainer td.icons
{
    width:20px;
}
/******************/

/* day info edit form */
/*.calendarDayInfoEdit
{
    width:100%;
}

.calendarDayInfoEdit td
{
    padding:4px;
    vertical-align:top;
}

.calendarDayInfoEdit td.text
{
    color:#555;
    text-align:right;
    width:10%;
}

.calendarDayInfoEdit td select,
    .calendarDayInfoEditLocalizedTextBox
{
    border:1px solid #777;
    padding:1px;
    width:95%;
}*/

.calendarDayInfoEditLocalized
{
    background-color:#F8F7F7;
    border:1px solid #ccc;
    width:96%;
}

.calendarDayInfoEditLocalized td
{
    padding:3px;
    width:90%;
}

.calendarDayInfoEditLocalized td.txt
{
    text-align:right;
    width:5%;
}
/**********************/

/* events' legend */
.calendarEvent
{
    height:16px;
    margin:2px 0;
}

.calendarEventItem
{
    float:left;
    height:10px;
    margin-right:5px;
    width:10px;
}
/******************/


/* Multi month view specific css */

.dxeCalendarWeekend
{
	color: #00a8ef!important;
}

.dxeCalendarDay
{
	color: #999999;
	font: 12px Verdana,Geneva,sans-serif;
	padding: 2px 5px 3px;
	text-align: center;
	border-bottom-style: solid;
	border-color: #c8c8c8;
	border-width:1px;
}

.dxeCalendarOtherMonth
{
	color: #999999;
	border-bottom-style: solid;

}

.dxeCalendarDayHeader
{
	font-size: 11px;
	font-family:Arial, Helvetica, sans-serif;
	padding: 2px 5px 6px;
color:#989898;
}

.dxeCalendarToday
{
    background-color:#FFFFFF;
} 

.calendarBackground
{
    background-color:#e7e7e7;
}

.dxeCalendar
{
  /*  background-color:#e7e7e7;*/
    border:none;
}

.dxeCalendarHeader
{
	border-style: none;
	padding: 3px 4px 3px;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	background-color: #00A9EE;
	color:#fff;
	text-transform:uppercase;
	text-align:left;
}

td:nth-last-child(1).dxeCalendarDayHeader,
        td:nth-last-child(2).dxeCalendarDayHeader
        {
        	color: #00A8EF !important;
        }
		
.dxeCalendar td.dxMonthGridWithWeekNumbers {
    padding: 5px 8px 8px;
}

/* Multi month view specific css */

.dxeCalendar td.dxMonthGrid {
    padding:0px;
}

.dxeCalendarHeader td.dxe {
    cursor: pointer;
    text-align: center;
}


.fpCalendar table
{
	width:100%;
	background:none;
}

/*.cmsSmallCalendarWeekNumber, #phDesign_phContent_ctl01_ctrl190_smallCalendar190_AUX_0_0_0{ display:none;}*/


.dxeCalendarDay {
    border-bottom: 1px solid #C8C8C8;
    border-color: #C8C8C8;
    border-width: 1px;
    color: #999999;
    font: 12px Verdana,Geneva,sans-serif;
    padding: 0;
    text-align: center;
}

/*-------------- Admin Calander css ------------------------------- */

.dxpc-contentWrapper {
    -moz-box-sizing: border-box;
    border-spacing: 0;
    display: table;
}

.calendarDayInfoEdit td select
{
    border: 1px solid #777777;
    padding: 1px;
    width:100%!important;
	float:left;
}

.calendarDayInfoEditLocalizedTextBox
{
    border: 1px solid #777777;
    padding: 1px;
    width:98%!important;
	float:left;
}

/*.calendarDayInfoEdit td span
{
	width:104%!important;
}*/

.calendarDayInfoEditLocalized {
    background-color: #F8F7F7;
    border: 1px solid #CCCCCC;
    width: 100%;
}

.calendarDayInfoEdit td {
    padding: 4px;
    vertical-align: top;
	    color: #555555;
    font-size: 12px;
}

.dxeButtonEditButton{ padding:1px 2px!important;}

.calendarDayInfoEdit .text { color:#555555; font-size:12px; text-align:right;}

#txtEditor_SBarCell{ padding:0px;}

#txtEditor_MainCell table {	width:100%!important;}


.dxpcLite .dxpc-header, .dxdpLite .dxpc-header {
    background-color: #DCDCDC;
    border-bottom: 1px solid #C9C9C9;
    color: #404040;
    font-weight: bold;
    padding: 8px 2px 8px 12px!important;
}

/*-------------- Admin Calander css ------------------------------- */
.calendar.printBtn
{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(/img/print.png) no-repeat left top;
    float: right
}
.calendar.buttons_wrapper a
{
    margin-right: 10px;
}
.calendar.monthSelect
{
    background: url("../img/month_arrow.png") no-repeat scroll 100% 0 #fff;
    border: 1px solid #777;
    color: #777;
    font-size: 9px;
    height: 11px;
    margin-left: 4px;
    padding-right: 10px;
    width: 65px;
}