﻿


.CalendarPrintoutTitle
{
	font-size: 1.2em;
}

.ToColumn
{
	color: Gray;
}

.CompressionLevelColumn
{
	white-space: nowrap;
}

.CommandsColumn
{
	background-color: #F0F8FF;
}



.CommandsColumnAlt
{
	background-color: #D7ECFF;
}



.CommandsColumnAlt img,.CommandsColumn img
{
	width:20px;
}


.AppointmentTypeColumn
{
	white-space:nowrap;	
	padding-left:2px;
	padding-right:2px;
}

.ReservationReasonName
{
	color: #222;
}

.TicketNumber
{
	font-weight: bold;
	background-color: #F3F3F3;
	padding: 0 3px 0 3px;
}

.CustomerLevel
{
	/*font-style: italic;*/
	color: #555;
	font-weight:bold;
}

.Subject
{
	font-size: 0.9em;
	color: Navy;
    overflow:hidden;
}


.GapRow
{
	background-position: center;
	background-image: url(../../Images/Calendar/gap.gif);
	background-repeat: repeat-x;
}

.EmptyTimeRow
{
	background-position: center;
	background-image: url(../../Images/Calendar/empty-time.gif);
	background-repeat: repeat-x;
}

.AlternateHour
{
	background-color: #F0F8FF;
}


.WorkingHoursWithoutSlots
{
	text-align: center;
	font-style: italic;
	font-size: 0.9em;
}

.CurrentTime
{
	background-color: #FFCC66;
}

.CurrentTime a
{
	text-decoration: none;
	color: Black;
	cursor: text;
}

.CurrentTime a:hover
{
	text-decoration: none;
	cursor: text;
}

.CalendarManagementDailyDetails
{
	/*border:1px solid #B9B9B9;
	background:url("../../Images/Theme/bg.png") repeat-x scroll 0 top #F0EFF0;
	padding: 4px 4px 4px 4px;*/
}

.MessageBox
{
	background-color: White;
	border: solid 1px black;
}
.MessageBoxTitle
{
	background-color: #DADADA;
	border-bottom: solid 1px black;
	padding: 4px 2px 4px 2px;
}

.MessageBoxBackground
{
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}



.OverbookedSlot
{
	color: Orange;
}


.OccupiedTime
{	
	border:0px solid gray;
	width:100%;
	margin:1px;	
}

.OccupiedTimeLink
{	
	width:1%; 
	white-space:nowrap;  
}

.OccupiedTimeSubject
{	
	font-weight:bold;
	width:99%; 	
	padding-left:5px;
	padding-right:5px;  
}

.OccupiedTimeNotes
{	
	color: Gray;
}

.OccupiedTimeRow
{
	background-color: #f3f3f3;
}

.LockedSlotDetails
{
 font-size:0.9em;
 color:Gray;   
}

.AllocatedToColumn
{
	white-space: nowrap;
}




.textAlignRight
{
    text-align:right;   
}

.textAlignLeft
{
    text-align:left;   
}

/*===========  CompositeAppointmentScheduling ==========*/

#CompositeAppointmentSchedulingMainDiv 
{
    width:500px;
    min-height:320px;
    overflow-y:scroll;
}


.CompositeAppointmentScheduling table
{
    /*background-color:white;
    border:1px solid #ccc;*/
    border-collapse:collapse;
    border-spacing:0;
    table-layout: auto;
    
}

.CompositeAppointmentScheduling thead
{
    background-color:#e6e6e6;
    overflow:hidden;
}

.CompositeAppointmentScheduling th
{
    border:0;
    border-spacing:0;
    background-color:#2E486B;   
    font-size:0.9em;
    color:White;
}


.CompositeAppointmentScheduling th.HeaderObjectName
{
    width:150px;
}

.CompositeAppointmentScheduling th.HeaderTime
{
    width:58px;
    font-size: 0.8em;
    white-space:normal;
    height:30px;
    text-align:center;
}

.CompositeAppointmentScheduling th.HeaderTime a
{
    color:White;
    font-size:11px;
    font-weight:bold;
}

.CompositeAppointmentScheduling span.SelectedObjectTitle
{
    padding:0 5px;
    font-size:0.9em;
}


.CompositeAppointmentScheduling th div
{
    overflow:hidden;
    white-space:nowrap;
    width:250px;
}

.CompositeAppointmentScheduling td
{
    border:0;
    border-spacing:0;
    padding:0;
}

.CompositeAppointmentScheduling .LeadingService, .CompositeAppointmentScheduling .LeadingService th , .CompositeAppointmentScheduling .LeadingService td 
{
    background-color:#FFF;
    color:#000;
    padding:5px 2px;
    vertical-align:middle;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
}

/*.CompositeAppointmentScheduling .LeadingService a
{
    color:#000;
}*/

/*.CompositeAppointmentScheduling .LeadingService th
{
    background-color:#f07d22;
    color:#FFF;
}*/

.CompositeAppointmentScheduling .SupportingService, .CompositeAppointmentScheduling .SupportingService th, .CompositeAppointmentScheduling .SupportingService td
{
    background-color:#fff;
    color:#000;
    padding:5px 2px;
    vertical-align:middle;
    border-bottom:1px solid #000;
    border-top:1px solid #000;
}
/*.CompositeAppointmentScheduling .SupportingService a
{
    color:#000;
}*/

/*.CompositeAppointmentScheduling .SupportingService th
{
    background-color:#663399;
    color:#fff;
}*/

.CompositeAppointmentScheduling td.ComponentOptionData
{
    background-color:#fff;
    padding:0 1px;
}

.CompositeAppointmentScheduling  td.ComponentOptionData input[type=image]
{
    padding:0;
    margin: 0;
    height:20px;
    
	background-color: #3399FF;
	/*background-color: #C6D9F1;*/
	display:inline;
}


.CompositeAppointmentScheduling  td.ComponentOptionData .ReservedSlot input[type=image]
{
   	background-image: url('../../Images/Calendar/reserved-sequence.gif');
}

.CompositeAppointmentScheduling  td.ComponentOptionData input[type=image]:hover
{
	background-color: rgba(51,153,255,0.5);
}

.CompositeAppointmentScheduling  td.ComponentOptionData input[type=image][disabled]
{
	background-color: #ccc;
	cursor:default;
}

.CompositeAppointmentScheduling  td.ComponentOptionData input[type=image].SelectedCell {
    background-color:#55D43F;
    border:1px solid #2E486B;
}

.CompositeAppointmentScheduling  td.ComponentOptionData input.SelectedCellExteneded[type=image] {
    background-color: #55D43F;
}
.CompositeAppointmentScheduling  td.ComponentOptionData input.SelectedCellExteneded[type=image][disabled] {
    background-color:rgba(85, 212, 63, 0.5);
}

.CompositeAppointmentScheduling  .ComponentAppointmentInfo 
{
    padding:0 5px;
}

.CompositeHeadersLayerContainer
{
    position:relative;
    width:0;
    height:0;
}


.CompositeHeadersLayerContainerABS
{
    position:absolute ;    
    width:1px;
}

.compositeSelectionResults img
{
    padding:0 4px;
}

.compositeSelectionResults .FormFrame
{
    padding:5px;
}

.compositeSelectionResults LeadingService
{
    margin:5px 0;
}
.compositeSelectionResults .SupportingService
{
    padding-right:15px;
    padding-left:15px;
    margin-bottom:3px;
}

.AppointmentRequestRejection 
{
    background:#ccc !important;   
    
}


.AppointmentRequestRejection .ListRowDelimited
{
    border-bottom:1px solid #ccc;   
    
}


.CurrentTimeContainer 
{
    position:relative;
    height:0px;
}


.CurrentTimeMark
{
    position: absolute; 
    left: 0pt; 
    width: 100%; 
    border: 1px solid orange; 
    background-color:  orange; 
    height: 2px; 
}

.CurrentTimeMark a
{
   display:block;
   height:0px;
}

.clickableLabels label{
    cursor:pointer;
}


.resizeOnHover:hover{
    width:18px !important;
    height:18px !important;
    margin:1px;

}


.aspNetDisabled.resizeOnHover:hover{
    width:20px !important;
    height:20px !important;
    margin:0px;

}


