/* <style type="text/css">  handig voor highlight */
body {
    color: rgb(253, 251, 249);
	background-color: #97540f;
	padding: 0;
}
.container {width: auto;}
#book-appointment-wizard {
    background: rgb(227, 148, 67) none repeat scroll 0 0;
    box-shadow: 0 1px 1px #b6b6b6;
	width: 100%;
	min-height: 234px;
	overflow: hidden;
	margin-bottom: 100px;
	font-size: 14px;
}
#book-appointment-wizard .wizard-frame {
	min-height: 180px;
	height: auto;
}

#book-appointment-wizard .wizard-frame .frame-container {
	height: auto;
	overflow: hidden;
	width: 100%;
}
#book-appointment-wizard .wizard-frame .command-buttons { margin-bottom: 20px; }
#header {
/*    background: rgb(253, 251, 249) none repeat scroll 0 0!important;
    border-bottom: 4px solid #f0eeec!important;*/
	background: #d68b3f none repeat scroll 0 0!important;
    border-bottom: 4px solid #ca843c!important;
}
#book-appointment-wizard #company-name {
    /*color: rgb(227, 148, 67);*/
    text-shadow: none;
	color: rgb(253, 251, 249);
}
#book-appointment-wizard .book-step {
    background: rgb(227, 148, 67) none repeat scroll 0 0;
    border: 3px solid rgb(253, 251, 249);
}
#book-appointment-wizard .book-step strong {
    color: rgb(253, 251, 249);
}
#book-appointment-wizard .active-step {
    background: rgb(227, 148, 67) none repeat scroll 0 0;
    border: 3px solid rgb(253, 251, 249);
}
#book-appointment-wizard .active-step strong {
    color: rgb(253, 251, 249);
}
#book-appointment-wizard #service-description {
    background: #d68b3f none repeat scroll 0 0;
	border: 1px solid #ca843c;
}
#book-appointment-wizard #available-hours {
	margin-top: 5px
}
#book-appointment-wizard #available-hours .available-hour:hover {
    background-color: #CAEDF3;
	background-color: rgb(253, 251, 249);
	color: rgb(227, 148, 67);
}
#book-appointment-wizard #available-hours .selected-hour {
    text-decoration: none;
		background-color: rgb(253, 251, 249);
	color: rgb(227, 148, 67);
}
.btn-primary {	
    background-color: #e4e2e0;
    color: #000000;
	background-image: none;
	background-image: linear-gradient(to bottom, rgb(253, 251, 249), #e4e2e0);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: rgb(253, 251, 249);
    color: #000000;
	background-image: none;
}
.text-info {
    color: #e4e2e0;
}
/* calender */

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
/*    border: 1px solid #ddd;
    background: #fff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
    font-weight: bold;*/
    color: rgb(253, 251, 249);
	border: 1px solid #ff0000;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus{
	border:1px solid #e4e2e0;
	background:rgb(253, 251, 249) url(images/ui-bg_highlight-soft_25_1A865F_1x100.png) 50% 50% repeat-x;
	color: rgb(227, 148, 67);
	/*background: rgb(253, 251, 249)!important;*/
	}
.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#fff;text-decoration:none}
#success-frame {
	width: auto;
	margin: 50px auto 0 auto;
	border: 1px solid #DDDADA;
	padding: 20px;
}
#success-icon {
	float: right;
	margin-top: 17px;
}
#wizard-frame-2 .frame-content .span3 { 
	min-width: 250px!important;
	
}
#wizard-frame-2 .frame-content .span3:first-child {/*margin-right: 30px!important;*/}
.frame-content {
	width: 100%!important;
	overflow: hidden;
}
#cancel-appointment-frame {
	width: 94%;
	/*padding: 12px 17px 0;*/
	padding: 2% 3% 0;
}
#cancel-appointment-frame p { width: auto; }

input, textarea, .uneditable-input {
    width: 90%;
}