/***************************************

		Square rainbow
		 light colored theme

***************************************/


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

/* theme base color  #4584f1 */
.theme-base-color {
	color: #4584f1;
}
.theme-base-color-background {
	background: #4584f1;
}
/*--------------------------------*/


body {
	background: -webkit-linear-gradient(left, #eeeeee, #ffffff, #eeeeee); 
	background: -moz-linear-gradient(left, #eeeeee, #ffffff, #eeeeee); 
	background: -ms-linear-gradient(left, #eeeeee, #ffffff, #eeeeee); 
	background: -o-linear-gradient(left, #eeeeee, #ffffff, #eeeeee);
	background: linear-gradient(left, #eeeeee, #ffffff, #eeeeee);
    color: #222222;
}
h1,h2,h3 {
	color: #555555;
}
a, a:visited,
a:hover,
header a, 
header a:visited {
	color: #666666;
}
header .logo .lmain {
	color: #666666;
}
#content-container,
.box {
	background: #ffffff;
	box-shadow:0px 5px 15px #cccccc;
	border: 1px solid #cccccc;
}
.box:hover {
	border: 1px solid #4584f1;
}
.box a, 
.box a:visited {
	color: #4584f1;
	font-weight: bold;
}
.box:hover a,
.box.active a,
.box a:hover {
	color: #4584f1;
}


/******************************

		Timeline Light
		
*******************************/	

#timeline.bootstrap .step-content {}
#timeline.bootstrap #step_info_container  .step-header {
	background: #dddddd;
	border: 1px solid #d0d0d0;
    box-shadow: none;/*0px 3px 5px #dddddd;*/
}
#timeline.bootstrap #step_info_container {
	margin: -5px 0 15px 0;
}
#timeline.bootstrap #step_info_container  .step-header * {
    color: #555555;
}	
#timeline.bootstrap .step-header .step-title .step-name {
	border-bottom: 1px solid #777777;
}
#timeline.bootstrap #step_info_container .step-header.active .step-title .step-name,
#timeline.bootstrap #step_info_container .step-header:hover .step-title .step-name   {
	color: #4584f1;
	border-bottom: 1px solid #4584f1;
}
#timeline.bootstrap .button,
.reserve_time_btn,
#pay_btn,
.iphone-favorites-button a  {
    background: #4584f1;
	color: #ffffff;      
}
#timeline.bootstrap .item:hover .button {
	border: 1px solid #498cff;
	background: #498cff;
}
#timeline.bootstrap .item:hover .button:hover {
	text-decoration: underlined;
}
#timeline.bootstrap .item .location-image,
#timeline.bootstrap .item .category-image,
#timeline.bootstrap .item .event-image,
#timeline.bootstrap .item .unit-image,
#timeline.bootstrap .bottom-info .service-info-block .image {
 	background: #f9f9f9;
}
#timeline.bootstrap .item .location-info .location-title,
#timeline.bootstrap .item .category-info .category-title,
#timeline.bootstrap .item .event-info .event-title,
#timeline.bootstrap .item .unit-info .unit-title {
    color: #777777;
}
#timeline.bootstrap .item .location-info .location-address,
#timeline.bootstrap .item .event-info .event-duration,
#timeline.bootstrap .item .unit-info .unit-duration {
    color: #222222;
}
#timeline.bootstrap #date_start .ui-datepicker,
#timeline.bootstrap #date_start .ui-widget-header {
	color: #666666;
}
#timeline.bootstrap #date_start .ui-datepicker .ui-datepicker-header {
	border-bottom: 1px solid #666666;
}
#timeline.bootstrap #date_start .ui-datepicker .ui-widget-header .ui-datepicker-prev,
#timeline.bootstrap #date_start .ui-datepicker .ui-widget-header .ui-datepicker-next {
	border: none;
	border-radius: 0;
	height: 26px;
	width: 20px;
	margin-top: 5px;
}
#timeline.bootstrap #date_start .ui-datepicker .ui-widget-header .ui-datepicker-prev {
	background: url(images/arrow_left.png) 0 0 no-repeat transparent !important;
}
#timeline.bootstrap #date_start .ui-datepicker .ui-widget-header .ui-datepicker-next {
	background: url(images/arrow_right.png) 0 0 no-repeat transparent;
}
#timeline.bootstrap #date_start .ui-datepicker .ui-state-default,
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div {
	border: 1px solid transparent;
}
#timeline.bootstrap #date_start .ui-datepicker .ui-state-disabled {
	opacity: 1;
}
#timeline.bootstrap #date_start .ui-datepicker .ui-state-disabled span {
	background: #cccccc;
}	
#timeline.bootstrap #date_start .ui-datepicker .ui-state-active {
	background: #498cf1;
	border: 1px solid #498cf1;
}
#timeline.bootstrap #date_start .ui-datepicker .ui-state-highlight {
	border: 1px solid #498cf1;
}
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div,
#timeline.bootstrap .ui-state-default, 
#timeline.bootstrap .ui-widget-content .ui-state-default, 
#timeline.bootstrap .ui-widget-header .ui-state-default {
	background: #e6e6e6; /*url(images/ui-bg_highlight-hard_75_e6e6e6_1x100.png) 50% 50% repeat-x;*/
}
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div:hover,
#timeline.bootstrap .ui-state-hover, 
#timeline.bootstrap .ui-widget-content .ui-state-hover,
#timeline.bootstrap  .ui-widget-header .ui-state-hover, 
#timeline.bootstrap .ui-state-focus, 
#timeline.bootstrap .ui-widget-content .ui-state-focus,
#timeline.bootstrap  .ui-widget-header .ui-state-focus { 
	background: #dadada; /* url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;*/
}
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div:hover,
#timeline.bootstrap .ui-datepicker .ui-state-hover {
	border: 1px solid transparent;
}
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div.not_worked_time {
	background: #cccccc;
	border: 1px solid #cccccc; 
}
#timeline.bootstrap #time_select .timeline-grid .time-item .time-select-div.selected {
	background: #498cf1;
	border: 1px solid #498cf1;
}
#timeline.bootstrap #submit_button {
	background: #498cf1;
}
#timeline.bootstrap #submit_button:hover {
	background: #498cff;
}
#timeline.bootstrap .info-block .datetime .image {
	background: url(images/clock.png) no-repeat bottom center transparent;
}
#timeline.bootstrap .info-block .datetime .data {
	color: #498cf1; 
}
#timeline.bootstrap #navigation {
	background: #dddddd;
	border: 1px solid #d0d0d0;
}
#timeline.bootstrap .book-another-button {
	border: 1px solid #cccccc;
	background: #dddddd;
}
#timeline.bootstrap .book-item,
#timeline.bootstrap .book-item.current-booking {
	background: #eeeeee;
}
#timeline.bootstrap .book-item:hover {
	background: #eeeeee;
	border: 1px solid #cccccc;
}


/*----- Week timeline styles for rainbow-light theme ---*/

#timeline.bootstrap .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table {
	margin-top: 1px;
}	
#timeline.bootstrap .date_time_container.week .week_timeselect_top .prev-next-button-container .text-container {
	background: #4584f1;
	color: #f0f0f0;	
}
#timeline.bootstrap .date_time_container.week .week_timeselect_top .prev-next-button-container .left-side-arrow {
	border-right: 16px solid  #4584f1;
}
#timeline.bootstrap .date_time_container.week .week_timeselect_top .prev-next-button-container .right-side-arrow {
	border-left: 16px solid  #4584f1;	
}
#timeline.bootstrap .date_time_container.week .week_timeselect_top .calendar-button-container .calendar_button {
	background: url(/common/images/g_calendar_gray_30.png) no-repeat top left;
}
#timeline.bootstrap .date_time_container.week .week_timeselect_top .date-title-container .date_title,
#timeline.bootstrap .date_time_container.week .time-select-week-container table th .day-div {
	color: #4584f1;
}
#timeline.bootstrap .date_time_container.week .week_timeselect_top .date-title-container,
#timeline.bootstrap .date_time_container.week  .time-select-week-container table th .day-div {
	border-radius: 0px;
	background: #ffffff;
	box-shadow: 0 2px 7px #cccccc;
	border: 1px solid #cccccc;
}
#timeline.bootstrap .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table th .day-div {
	width: 75px;
}
#timeline.bootstrap  .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div,
#timeline.bootstrap  .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .lefttime-select-div {
	
}
#timeline.bootstrap .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div:hover,
#timeline.bootstrap .date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div:hover {
	background: #9fc1d0;
}
#timeline.bootstrap .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div.selected,
#timeline.bootstrap .date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div.selected {
	background: #498cf1;
}
#timeline.bootstrap  .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div.busy,
#timeline.bootstrap  .date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table td .time-select-div.busy:hover {
	background: #ee8877;
}
#timeline.bootstrap .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div.not_worked_time,
#timeline.bootstrap .date_time_container.week.time-grid.leftside-weekly-timeline .time-select-week-container table td .time-select-div.not_worked_time.busy {
	background: #eeeeee;
}
#timeline.bootstrap .date_time_container.week.time-grid.slots-weekly-timeline .time-select-week-container table th .day-div,
#timeline.bootstrap .date_time_container.week.startmatrix .time-select-week-container table th .day-div {
	width: 85px;
	margin: 0px 7px 5px 0;
}
#timeline.bootstrap .date_time_container.week.startmatrix .time-select-week-container table td .time-select-div:hover,
#timeline.bootstrap .date_time_container.week.startmatrix .time-select-week-container table td .time-select-div.selected {
	background: #498cf1;
	border-color: #498cf1;
}


/******************************

		Other pages Light
		
*******************************/

.about-page .button-container #save_button.btn.btn-success,
.feedback_add .btn-success,
.feedback-form #Submit,
.video-conversation-page #save_button {
	border-radius: 3px;
	color: #ffffff;
	background: #498cf1;
	border: 1px solid #498cf1;
	font-weight: bold;
}
.about-page .button-container #save_button.btn.btn-success:hover,
.feedback_add .btn-success:hover,
.feedback-form #Submit:hover,
.video-conversation-page #save_button:hover  {
	background: #498cff;
	border: 1px solid #498cff;
	 
}

/*----- Payment plugin pages ---*/

#content-container  #booking-message-div,
#content-container #booking-result-div,
#success-button  {
	color: #222222;
}


body.widget #widget_content {
    background: -moz-linear-gradient(left center , #eeeeee, #ffffff, #eeeeee) repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #222222;
}