/*
 * Add some styles to make our datepicker look a lot nicer.
 */

.ui-datepicker {
	font-size: 0.9em;
}

.ui-widget-header {
	background: #ccc;
	border: 1px solid #aaa;
	color: #222;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #fcefa1;
    color: #363636;
}

.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 {
    background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #999999;
    color: #212121;
    font-weight: normal;
}
.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
    color: #212121;
    text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") repeat-x scroll 50% 50%;
    border: 1px solid #aaaaaa;
    color: #212121;
    font-weight: normal;
}

/*
 * Setup a nice button for adding objects on a form.
 */
.btn.add-button,
.btn.edit-button {
    float: right;
    height: 25px;
    padding: 0;
    width: 25px;
    font-size: 10px;
    margin-left: 5px;
}

.btn.add-button:hover,
.btn.edit-button:hover {
    background-color: #ddd;
}

/**
 * Table styles
 */
.table-hover tbody tr:hover {
    cursor: pointer;
}

.no-bottom-margin {
    margin-bottom: 0;
}

.form-label-special {
    background-color: #fff;
    background-image: none;
    color: #555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    width: 100%;
}