/*///////////////////BOOKING///////////////////*/
.bookingUserControl
{
    border-bottom:1px rgb(196, 196, 196) solid;
	border-left:1px rgb(196, 196, 196) solid;
	background-color:#fff;
    padding-left: 5px;
    margin-left: 0px;
}

.bookingUserControl.TempSelected,
.bookingUserControl.Selected
{
    padding-left: 1px;
    border-bottom:1px #5E8998 solid;
	border-left:5px #5E8998 solid;
}

.bookingUserControl.Active
{
    padding-left: 1px;
    border-bottom:1px #95D2DF solid;
	border-left:5px #95D2DF solid;
}

.bookingUserControl.NotEditable 
{
    opacity: .5;
    filter: alpha(opacity = 50);
}

/*A booking when something is dragged over it*/
.bookingUserControl.dragOver
{
	background-color:#fffad4;
}

/*////////////////////////END////////////////////////*/

/*///////////////////BOOKING TABLE///////////////////*/
.bookingUserControl .bookingTable
{
	vertical-align:middle;
    padding-bottom: 5px;
    height: 56px;
    padding-top: 2px;
}


.bookingUserControl .bookingRow
{
    padding-top: 3px;
}

.bookingUserControl .bookingColumn1
{
	width:44px;
	min-width:44px;
	max-width:44px;
}

.bookingUserControl .bookingColumn2 {
	width:102px;
	min-width:102px;
	max-width:102px;
}

.bookingContent.UseFromTo .bookingUserControl .bookingColumn2
{
	width:156px;
	min-width:156px;
	max-width:156px;
}

.bookingUserControl .bookingColumn3
{
    margin-right: 4px;
}

.bookingUserControl .bookingColumn4
{
	width:100%;
}

.bookingUserControl .bookingColumn5
{
	width:52px;
	min-width:52px;
	max-width:52px;
}
/*///////////////////////END////////////////////////*/

/*///////////////////BOOKING FIELDS///////////////////*/

.bookingUserControl .isTimeBooking,
.bookingUserControl .isFromToBooking,
.bookingUserControl .timeToComplete,
.bookingUserControl .activityType,
.bookingUserControl .freeText,
.bookingUserControl .description,
.bookingUserControl .isService,
.bookingUserControl .percentOfCompletion,
.bookingUserControl .timeTo,
.bookingUserControl .timeFrom,
.bookingUserControl .timeBreak,
.bookingUserControl .time,
.bookingUserControl .hoverPanel {
    display: inline-block;
}


.bookingUserControl .timeTo .inputItemRest,
.bookingUserControl .timeFrom .inputItemRest,
.bookingUserControl .timeBreak .inputItemRest {
    font-size: 11px;
    padding-top: 1px;
}


.bookingUserControl .percentOfCompletion {
    max-width: 50px;
    min-width: 50px;
    width: 50px;
    margin-right: 2px;
}

.bookingUserControl .timeTo,    
.bookingUserControl .timeFrom,
.bookingUserControl .timeBreak
{
    width: 37px;
}

.bookingContent.UseFromTo .bookingUserControl .time {
    width: 78px;
}

.bookingUserControl .time {
    width: 55px;
}

.bookingUserControl .timeToComplete,
.bookingUserControl .customer,
.bookingUserControl .project,
.bookingUserControl .projectTask,
.bookingUserControl .customer:not(.Error),
.bookingUserControl .project:not(.Error),
.bookingUserControl .projectTask:not(.Error)
{
    border: transparent;
    /*-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;*/
	background-color:transparent;
}

.bookingUserControl .timeToComplete .inputItem,
.bookingUserControl .customer .inputItem,
.bookingUserControl .project .inputItem,
.bookingUserControl .projectTask .inputItem ,
.bookingUserControl .customer:not(.Error) .inputItem,
.bookingUserControl .project:not(.Error) .inputItem,
.bookingUserControl .projectTask:not(.Error) .inputItem {
	background-color:transparent;
}

.bookingUserControl .timeToComplete {
    margin-top: 1px;
}

.bookingUserControl .customer.Empty,
.bookingUserControl .customer.Empty .inputItem
{
    border: transparent;
    /*-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;*/
	background-color:transparent;
}

.bookingUserControl .isFromToBooking,
.bookingUserControl .description,
.bookingUserControl .timeTo,
.bookingUserControl .timeFrom,
.bookingUserControl .timeBreak {
    margin-top: 2px;
}

.bookingUserControl .isTimeBooking,
.bookingUserControl .isFromToBooking,
.bookingUserControl .timeTo,
.bookingUserControl .timeFrom,
.bookingUserControl .timeBreak,
.bookingUserControl .activityType,
.bookingUserControl .freeText,
.bookingUserControl .isService {
    margin-right: 2px;
}

.bookingUserControl .saveButton .buttonUserControl .buttonItemImage
{
	width:30px;
	height:30px;
}


/*////////////////////END////////////////////////*/
/*///////////////////BOOKING INPUTS///////////////////*/
.bookingUserControl .customer.inputItemContainer,
.bookingUserControl .project.inputItemContainer,
.bookingUserControl .projectTask.inputItemContainer
{
	padding:0px;
	margin:0px;
}

.bookingUserControl .customer .inputItem
{
    font-weight: bold;  
	font-size:15px;
	line-height:14px;
	height:18px;
	color: gray;
}

.bookingUserControl .customer.IsCustomer .inputItem
{
	color: #A0C2E9;

}

.bookingUserControl .customer.IsProduct .inputItem
{
	color: #3E78B3;
}

.bookingUserControl .customer.IsInternal .inputItem
{
	color: #119D77;
}

.bookingUserControl .saveButton
{
    margin-left: 11px;
    margin-right: 7px;
}

.bookingUserControl .playPauseButton {
    margin-left: 2px;
    margin-right: 8px;
}

.bookingUserControl .percentImage {
    margin-left: 14px;
    margin-right: 14px;
}

/*////////////////////END////////////////////////*/

/*///////////////////BOOKING PANEL///////////////////*/


.bookingUserControl .hoverPanel
{
    height: 18px;
    margin: 0px;
    padding: 0px;
    z-index: 1000;
    margin-top: 3px;
    width: 40px;
    padding-left: 3px;
}

.bookingUserControl.percentage .hoverPanel {
    margin-left: 106px;
}

.bookingUserControl .hoverPanel .bookingHoverPanelButton {
    display: inline-block;
}

.bookingUserControl .hoverPanel .bookingHoverPanelButton.assignNodeToBookingSmallButton {
    margin-right: 3px;
}

.grayedText
{
    color:DarkGray;
}

/*////////////////////END////////////////////////*/