.clear{
	clear:both;
}

/**
 * Messaging
 */
div.messages {
	color:#333333;
	font-size:14px;
	margin:15px 0;
	padding:15px;
}
div.success-message {
	background-color:#CCFFCC;
	border:1px solid #009900;
}
div.error-message {
	background-color:#FFCCCC;
	border:1px solid #DD7777;
}
div.warning-message {
	background-color:#FFFFDD;
	border:1px solid #F0C020;
}
div.message-message {
	background-color:#E5EFF3;
	border:1px solid #81ACBF;
}

/**
 * Form Validation
 */
label.error{
	color:red;
}
input.error,
select.error,
textarea.error{
	border: 1px solid red;
	background:#FFFBFB;
}

/**
 * AJAX "Loading" indicator
 */
.indicator{
	width:16px;
	height:16px;
	background:url(/images/indicator.gif) 0 0 no-repeat;
}

/**
 * Menus
 */
.client-nav .active{
	background-color:#999;
	color:#fff;
}


/**
 *  Form Styles
 */
.save-and-add{
	margin-bottom:1em;
}
.wordCountDiv{
	font-size:10px;
}
.maxLengthMsgDiv {
	background-color:#FFFFBD !important;
	border:2px solid #CC0000;
	color:#CC0000;
	font-size:10px;
	padding:5px;
	width:390px;
}


/**
 * Customer Details Page
 */
.page-client-edit-customer .preferred-heading,
.page-client-edit-customer .preferred-col{
	width:60px;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	display:block;
	float:left;
	clear:left;
}

.page-client-edit-customer .number-col,
.page-client-edit-customer .email-col,
.page-client-edit-customer .save-btn,
.page-client-edit-customer .delete-btn{
	float:left;
	padding-left:5px;
}

.page-client-edit-customer .save-and-add,
.page-client-edit-customer .preferred-heading{
	float:left;
	clear:left;
	padding: 5px 0;
}

.page-client-edit-customer .combo,
.page-client-edit-customer .ui-datepicker-trigger{
	float:left;
	margin: 0 5px 0 0;
}
.page-client-edit-customer #customer-datepick{
	width:0;
	float:left;
	border:0 solid #fff;
	background:#fff;	
	padding:0;
}

.page-client-edit-customer .edit-customer-previous-appts-table{
	width:100%;
}
.page-client-edit-customer .edit-customer-previous-appts-table td{
	white-space:nowrap;
	width:6em;
}
.page-client-edit-customer .edit-customer-previous-appts-table td.notes-col{
	white-space:normal;
	width:auto;
}

/**
 * Style for all date picker calendars
 */
#ui-datepicker-div{
	font-size:11px;
	z-index:99;
}


/**
 * Today Page
 */ 
#appointments-table th.next-col,
#appointments-table th.hide-col{
	background-image:none !important;
}
#appointments-table .notes-col{
	width:200px;
}
.location-hide,
.provider-hide,
.hidden-row,
.arrival-status-sort{
	display:none;
}
.show-all-btn{
	float:right;
	clear:both;
}
.seen-edit{
	width:60px;
}
.providers-tabs .active{
	background-color:#999;
	color:#fff;
}


/**
 * Appointment Details Page
 */ 
.page-client-edit-appointment .combo,
.page-client-edit-appointment .ui-datepicker-trigger{
	float:left;
	margin: 0 10px 0 0;
}

.page-client-edit-appointment .sexy{
	width: 75px;	
}
.page-client-edit-appointment .sexy input{
	width: 50px;
}
.page-client-edit-appointment .sexy .icon{
	left: 58px;
}
.page-client-edit-appointment .sexy div.list-wrapper {
	width: 73px;
}
.page-client-edit-appointment #appointment-datepick{
	width:0;
	float:left;
	border:0 solid #fff;
	padding:0;
} 
.page-client-edit-appointment .left-col{
	width:600px;
	float:left;
}
.page-client-edit-appointment .left-col textarea{
	width:300px;
}
.page-client-edit-appointment .right-col{
	width:400px;
	float:left;
}
.page-client-edit-appointment .right-col .week-calendar {
	font-size:10px;	
}
.page-client-edit-appointment .right-col .week-calendar .grid-timeslot-header {
	width:9%;
}
.page-client-edit-appointment .right-col .week-calendar .week-calendar-header .time-column-header{
	width:8%;
}
.page-client-edit-appointment .right-col .week-calendar .cal-event {
	background-color:#68A1E5;
}
.page-client-edit-appointment .right-col .week-calendar .past{
	background-color:#aaa;
}
.page-client-edit-appointment .right-col .week-calendar .future{
	background-color:#999;
}
.page-client-edit-appointment .right-col .week-calendar .closed{
	-moz-border-radius: 0;
	-webkit-border-radius: 0;	
	background-color: #000;
	border-right: 1px solid #000;	
}
.page-client-edit-appointment .right-col .week-calendar .cal-event .time,
.page-client-edit-appointment .right-col .week-calendar .cal-event .title{
	color:#fff;
	font-size:9px;
	line-height:10px;
}
.page-client-edit-appointment .right-col .week-calendar .cal-event .time{
	display:none;
}
.page-client-edit-appointment .right-col .week-calendar .new-cal-event-creating{
	opacity:.5;
	filter: alpha(opacity=50);
}
.page-client-edit-appointment .right-col .week-calendar{
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;	
}
.edit-appointment-textalarms span{
	margin-right: 10px;
	float:left;
	display:block;
	width:100px;
}
.edit-appointment-textalarm{
	padding:5px 5px 5px 35px;
	margin: 1px 0;
	border: 1px solid #ccc;
	background: url(/images/add.png) 5px 7px no-repeat #fff;
	font-size:12px;
	line-height:20px;
}
.edit-appointment-textalarm select{
	font-size:12px;
}
.edit-appointment-textalarms .status-sent {
	border: 1px solid green;
	background: url(/images/sent.png) 5px 7px no-repeat #efe;	
}
.edit-appointment-textalarms .status-scheduled {
	border: 1px solid #FC3;
	background: url(/images/clock.gif) 5px 6px no-repeat #ffe;
}
.edit-appointment-textalarms .message-col,
.edit-appointment-textalarms .email-col{
	width: 200px;
}

.edit-appointment-textalarms .message-col select,
.edit-appointment-textalarms .email-col select{
	max-width:200px;
	*width:auto !important;
	*width:200px;
}

.edit-appointment-textalarms .number-col select{
	max-width:145px;
	*width:auto !important;
	*width:145px;
}

.edit-appointment-textalarms .number-col,
.edit-appointment-textalarms .date-col,
.edit-appointment-textalarms .time-col{
	width:145px;
}
.edit-appointment-textalarms .delete-btn,
.edit-appointment-textalarms .add-btn{
	clear:right;
}
.edit-appointment-textalarms .email-col{
	overflow:hidden;
}