/* NEW BOOKING CSS Document iV4 */

#new_booking {
	min-height:300px;
	width:100%;
	overflow:hidden;
	}
	#new_booking .leftBlocks {
		float:left; 
		overflow:hidden;
		}
        #dashboard #waitinglist .module,
		#dashboard #new_booking .module {
			float:left;
			clear:none;
			}
			/* 30-04-2015: bootstrap module --> first use on index.tpl (templates/default/booking/modAdminNewbooking/) Maybe nice for replacing all module-blocks? */
			#dashboard #new_booking .bootstrap_module {
				margin: 0 0 0.5em;
				word-wrap: break-word;
				border-radius:5px;
				border:1px solid #aaaaaa;
				}
				/* table 100% of available width! */
				#dashboard #new_booking .bootstrap_module #newbooking_add_customer_wrapper .dijitContentPane[style] {
					width:100%!important;
					}
			
            #dashboard #waitinglist .mod-header {
                min-height:35px;
                padding:5px;
				}
            #dashboard #waitinglist .mod-header .box{
                margin-left:40px;
				}
			#dashboard #new_booking .FullWidth {
				clear:both;
				float:none;
				}		
			#new_booking .table {
				display:table;
				}
				#new_booking .table-row {
					display:table-row;
					}
					#new_booking .table-row:hover {
						background-color:#ededed;
						}
						#new_booking .table-row.no_hover:hover {
							background-color:transparent;
							}
							
						#new_booking .table-cell {
							display:table-cell;
							padding:2px;
							vertical-align:middle;
							}
							#new_booking .top {
								vertical-align:top;
								}
							#new_booking .tiny {
								padding:0 2px;
								}
							#new_booking .spacer {
								padding:2px 5px 2px 10px;
								width:1em;
								}
		#new_booking #action_section {
			clear:both;
			margin-left:0.5em;
			margin-top:1.5em;
			border-width: 0px!important;
			}
	
		/***optional section***/
		#new_booking #optional_section {
			min-height:150px;
			}
		/***optional section***/
		#new_booking #price_section .mod-content {
			overflow-x: hidden!important;
		}
		/***availablity + price section***/
		#new_booking .booking_available {
			color:#93c30f;
			font-weight:bold;
			}
		#new_booking .waiting_list_booking_available {
			color:#ffa500;
			font-weight:bold;
			}
		#new_booking .booking_NotPossible {
			color:#ff0000;
			font-weight:bold;
			}
		#new_booking .attention {
			color:#a1a1a1;
			font-style:italic;
			display:block;
			height:20px;
			margin-left:0.5em;
			}
		
		/*** final section ***/
		#new_booking #final_section {
			min-height:150px;
			}
		#new_booking #selected_customer_wrapper,
		#new_booking #select_customer_wrapper {
			float:left;
			}

/***** NOTE: styling formfields in forms.css, styling choosen formfield in customfields.css  *****/				