从jquery-ui调整对话框小部件的样式

Question

我正在尝试在jquery-ui的对话框小部件中进行一些自定义。为了实现这一点，我在jsp页面中包含了一个带有以下内容的css文件：

.ui-dialog .ui-dialog-titlebar {
    padding: .4em 1em;
    position: relative;
    background-color: black;
}

.ui-dialog .ui-dialog-title {
    float: left;
    margin: .1em 0;
    white-space: nowrap;
    width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-decoration-color: white;
}

.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
    right: .3em;
    top: 50%;
    width: 20px;
    margin: -10px 0 0 0;
    padding: 1px;
    height: 20px;
}

我从官方页面（http://jqueryui.com/dialog/）中提供的示例中获取，但是当我运行应用程序时，它在对话框中没有任何效果（它以相同的方式显示，使用css或没有它）。

我正在使用对话框的jsp页面的完整代码是：

https://github.com/klebermo/webapp_horario_livre/blob/master/WebContent/WEB-INF/jsp/acesso/start.jsp

有人知道我做错了什么吗？