/*--------------------------------*/

/* theme base color #0B58A2  */
.theme-base-color {
	color: #0B58A2;
}
.theme-base-color-background {
	background: #0B58A2;
}
/*--------------------------------*/


#eventForm dt label {
	color:#ffffff;
}

#eventForm label {
	color: #cccccc !important; /* DARK theme */
}

#eventForm  .ui-state-highlight {
	color: #ffffff;  /* theme */
}

#eventForm .zend_form dt label {
	color: #eeeeee !important; /* DARK theme */
}
/*---- Event Date calendar -----*/
#start_date-block-container h3, #timeline-container h3 {
	color: #eeeeee !important; /* DARK theme */
}


/*----- Timeline Grid -----*/
#timeline-container .weekend-message {
	background:#0B58A2 url(images/ui-bg_dots-medium_30_0b58a2_4x4.png) repeat scroll 50%;
	border:1px solid #052F57;
	color:#FFFFFF;
}

#timeline-container .timeline {
	background:#111111 url(images/ui-bg_gloss-wave_20_111111_500x100.png) repeat-x scroll 50% top;
	border:1px solid #eeeeee;
	color:#D9D9D9;
}
	
.timeline .reserved_time {
	background: #A32D00 url(images/ui-bg_dots-small_30_a32d00_2x2.png) repeat scroll 50%;
	border-right:1px solid #CD0A0A !important;
}

.timeline .selected_time {
	background:#0B58A2 url(images/ui-bg_dots-small_40_00498f_2x2.png) repeat scroll 50%;
	border:1px solid #052F57;
}

.timeline .not_worked_time {
	background:#333333 url(images/ui-bg_dots-small_20_333333_2x2.png) repeat scroll 50%;
	border:1px solid #333333;
}

.timeline .free_time {
	background: #eeeeee;
}
/*------- AUX----------*/

#loading {
	background: #cbffd4 url(images/ui-bg_diagonals-thick_15_0b3e6f_40x40.png) repeat-x scroll 50%;
}

#save_button {
	border: 1px solid #eeeeee; /* theme */
	color: #ffffff; /* theme */
}
.ui-widget-content {
	border-color: #eeeeee !important;
}

#save_button:hover {
	background:#2f2f2f !important; /* theme */
	border: 1px solid #111111; /* theme */
}

.event_price {
	color: #fdf741; /* DARK theme */
}

.duration {
	color: #34454d; /* theme */
}

#events h2 {
	color: #ffffff;
}

/* 
	 Public-timeline Styles 
	 this is added to all ui-color theme files
*/

/* links color 1 */
#timeline .step-title,
#timeline .back-button,
#sign_form .zend_form a.forgot_password, 
.wellcome_message .sign_out_link,
#sign_form .sign_in h2,
#sign_form .sign_up h2,
#timeline .item .event-info div.event-title,
#timeline .item .unit-info div.unit-title,
#sign_form .zend_form dt label, 
#sign_form .zend_form #client__phone_label p.description, 
#sign_form  div.open_id_label, 
#sign_form .zend_form a.forgot_password,
div.wellcome_message h2, 
div.wellcome_message div.message  {
	color: #f0f0f0;
}
/* links color 2 */
#timeline #step_info_container .step-header.checked .step-title:hover,
#timeline #step_info_container .step-header.active .step-title,
#timeline .back-button:hover {
	color: #0b3e6f;
}
#timeline .event-duration {
	color: #6cc0df;
}
/* links color 3 */
#timeline .event-price,
#timeline .location-phone {
	color: #fdf741;
}
/* buttons */
#timeline #time_select div.time-select-item,
#timeline #submit_button,
#timeline div.button,
#sign_form .zend_form #signin-element #signin,
#sign_form .zend_form #register-element #register, 
.wellcome_message a.sign_out_link,
.reserve_time_btn.soft_button {
	border: 1px solid #f0f0f0 !important;
	background: #333333 url(images/ui-bg_dots-small_20_333333_2x2.png) 50% 50% repeat  !important; 
	color: #ffffff  !important;
}
/* buttons hovered */
#timeline #time_select div.time-select-item:hover,
#timeline div#submit_button:hover,
#timeline div.button:hover,
#sign_form .zend_form #signin-element #signin:hover,
#sign_form .zend_form #register-element #register:hover,
.wellcome_message a.sign_out_link:hover {
	border: 1px solid #ffffff!important; 
	background: #00498f url(images/ui-bg_dots-small_40_00498f_2x2.png) 50% 50% repeat  !important;
	color: #ffffff  !important;;
}


/*---- flexible timeline colors (analog of classic timeline colors */
#timeline #time_select .timeline-grid .time-item div.time-select-div.not_worked_time {
	background:#333333 url(images/ui-bg_dots-small_20_333333_2x2.png) repeat scroll 50%;
}
#timeline #time_select .timeline-grid .time-item div.time-select-div.reserved_time {
	background: #A32D00 url(images/ui-bg_dots-small_30_a32d00_2x2.png) repeat scroll 50%;
}
#timeline #time_select .timeline-grid .time-item div.time-select-div.selected {
	background:#0B58A2 url(images/ui-bg_dots-small_40_00498f_2x2.png) repeat scroll 50%;
}
#timeline #time_select .timeline-grid .time-select-div:hover span {
	color: #ffffff;
}
#timeline #time_select .timeline-grid-wrapper {
	background: #111111;
	padding: 4px;
	border: 1px solid #cccccc;
	border-radius: 5px;	
	color: #aaaaaa;
	font-size: 1.2em; /* because  black calendar is bigger also */
}
#timeline #time_select .timeline-grid td.time-item {
	border: 1px dotted #444444;
}
#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: #aaaaaa;
}

/*  css bug fix */
#additional_fields .input.ui-widget-content {
	background: #ffffff;
	border: 1px #cccccc solid;
	border-radius: 2px;
}
#additional_fields .ui-widget-content,
#additional_fields .ui-widget-content option {
	color: #2d2d2d;
}
#booking-result-div {
	color: #ffffff !important;
}
/* end of public-timeline styles */

/*---- Weekly timeline colors ---*/
.date_time_container.week  .time-select-week-container table th .day-div.week-end,
.date_time_container.week .week_timeselect_top .prev-next-button-container .arrow-button:hover .text-container {
	color: #026890;
}
div.date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div:hover,
div.date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div:hover,
div.date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div.selected,
div.date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div.selected,
div.date_time_container.week.startmatrix .time-select-week-container table td .time-select-div:hover,
div.date_time_container.week.startmatrix .time-select-week-container table td .time-select-div.selected {
	background-color: #026890; 
	color: #ffffff;
}
div.date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div.busy,
div.date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div.busy:hover {
	background: #A32D00 url(images/ui-bg_dots-small_30_a32d00_2x2.png) repeat scroll 50%;
}

.booking-result * {
	box-shadow: none !important;
}
.booking-result .calendar-image .time {
	color: #222222;
}
div.booking-result .details .info-row .title {
	color: #eeeeee;
}
/************************************

		Widget button styles

***********************************/
#widget_header,
#widget_footer,
.powered_by a,
#widget_header .title a,
#widget_menu a, 
#widget_menu a:hover,
#widget_header div.company-time span,
#widget_header div.company-time a {
	color: #ffffff;
}
#timeline.bootstrap .date_time_container.week.startmatrix .time-select-week-container table td .time-select-div.selected,
footer .container,
#widget_header,
#widget_footer   {
    background-color: #333333;
}
div.date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div:hover,
#widget_menu,
#widget_header div.company-time,
#widget_content #loading  {
	background-color: #473c3c;
}
#widget_container {
	border: 2px solid #333333;
}
#widget_menu {
	border-bottom: 1px solid #333333;	
}
body.widget div#widget_content {
	background: #222222 !important;
	color: #eeeeee;
}