/*********************************/
/*                               */
/*         Webfactory            */
/*                               */
/*********************************/

/* 
	Theme css composed for third-part theme css + 
	our css rules for certain interfaces. 
	Place all your rules here
*/	
	
#timeline div#step_info_container,
#timeline div.button,
#timeline div#submit_button,
#timeline #time_select div.time-select-item,
#sign_form .zend_form #signin-element #signin
#sign_form .zend_form #register-element #register
.wellcome_message .sign_out_link  {
	box-shadow: 2px 2px 4px #999999;	
	border: 1px solid #aaaaaa;
	background-color: #fafafa;
}
#timeline div.button:hover,
#timeline div#submit_button:hover,
#timeline #time_select div.time-select-item:hover,
#sign_form .zend_form #signin-element #signin:hover,
#sign_form .zend_form #register-element #register:hover,
.wellcome_message .sign_out_link:hover  {
	color: #ffffff;
}
#timeline div.item {
	border-color: #aaaaaa;
}
#timeline  {
	margin: 0px !important; /* fix for this theme */
}
 #timeline div#step_info_container {
	margin-right: 4px;
	border-radius: 5px;	
}
#timeline .button,
#timeline div.back-button {
	margin-bottom: 3px;
}
#timeline .zend_form input {
	height: auto;
}
#sign_form div.sign_up {
	border-left: 1px solid #999999;
}


/*---- Flexible timeline styles ---*/

#timeline .bottom-info span.title {
	color: #222222;
}
#timeline .bottom-info .selected-event-container span.description {
	color: #222222;
	border-bottom-color: #999999;
}
#timeline #time_select .timeline-grid-wrapper {
	background: #ffffff;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 5px;	
}
#timeline #time_select .timeline-grid td.time-item {
	border: 1px dotted #999999;
}
#timeline #time_select .timeline-grid .time-select-div.reserved_time:hover span,
#timeline #time_select .timeline-grid .time-select-div.not_worked_time:hover span {
	color: #000000;
}
#eventManageForm .ui-combobox-toggle  {
	/* old timeline case */
	height:26px;
	margin-left: -20px;
}

.date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table th .day-div, 
.date_time_container.week.startmatrix .time-select-week-container table th .day-div {
	width: 77px !important;
}
/***************************************

	Widget styles
	
****************************************/

body.widget #widget_content #timeline {
	box-sizing: border-box;
	padding: 10px;
	margin: 0;
	margin-top: -30px !important;
}
body.widget #widget_menu ul {
	margin: 0;
	padding: 0;
	display: inline;
}
body.widget #widget_header .company-time {
	padding: 5px 10px;
}
body.widget #widget_content #timeline #time_select_container {
	height: auto;
	overflow: visible;
}

/* 5min am\pm (with +1 day) old flexible grid */
#timeline #time_select .timeline-grid.with-titles .time-item .time-select-div {
	height: 35px;
	line-height: 35px;
}
#timeline #time_select .timeline-grid.with-titles  .hour-title .info {
	height: 35px;
	width: 50px;
	position: relative;
}
#timeline #time_select .timeline-grid.with-titles .hour-title .info span.am-pm {
	font-size: 8px;	
}

.booking-result .left-block {
	margin-right: 10px;
}
.booking-result .right-block {
	width: 420px;
}
.booking-result div.buttons a {
	padding: 5px 10px;
	margin-right: 5px;
}
.calendars-popup .content .buttons {
	padding: 0;
}
.calendars-popup .content .buttons li span {
	position: relative;
	top: -10px;
	font-size: 1.2em;
}