#userProfileDlg {
    background: #f5f5f5;
    padding: 22px;
    padding-right: 0;
    padding-bottom: 0;
}
#userProfileDlg table{
    width: 100%;
}
#userProfileDlg td{
    vertical-align: middle;
    font-size: 11px;
    height: 40px;
}
#userProfileDlg input, #userProfileDlg select {
    height: 21px;
    border: 1px solid #999;
    box-shadow: 1px 1px 3px #ccc;
    padding-left: 5px;
}
#userProfileDlg select {
    height: 25px;
    border-right: 0;
    width:308px !important;
}

#userProfileDlg .shortInput {
    width: 186px;
}

#userProfileDlg .longInput {
    width: 301px;
}

#userProfileDlg .inputWithBtn {
    width: 269px;
}

#profileImgBox {
    height: 114px;
    width: 114px;
    border: 1px solid #567;
    box-shadow: 2px 2px 3px #999;
    position: relative;
}
#uploadProfileImgLbl {
    width: 114px;
    height: 114px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
}
#profileImgBox img {
    width: 100%;
    height: 100%;
}
#changeImg {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}
#profileImgBox:hover #changeImg {
    display: block;
}

#userProfileDlg #secondTd {
    width: 108px;
}
#userProfileDlg .sideBtn {
    float: right;
    height: 25px;
    width: 25px;
}
#userProfileDlg .label {
    text-align: right;
    padding-right: 7px;
    line-height: 40px;
}
#userProfileDlg .horizontalRuleTop {
    border-bottom: 1px solid #eee;
    height: 13px;
}
#userProfileDlg .horizontalRuleBottom {
    border-top: 1px solid #ccc;
    height: 13px;
}
#userProfileDlg .wideBtn {
    height: 27px;
    width: 100%;
    margin: 0;
}
#userProfileDlg .lightBtn {
    height: 38px;
    padding: 0 14px;
    background: #fbfbfb;
    float: right;
    line-height: 24px;
    width: 102px;
    margin: 0 0 14px 14px;
}
#userProfileDlg .lightBtn img {
    position: relative;
    left: -5px;
    top: 3px;
    margin: 0 3px;
}
#userProfileDlg .btn {
    box-shadow: 2px 2px 5px #cccccc;
    border: 1px solid #999;
    padding: 0;
    background: -webkit-linear-gradient(top, #FFFFFF, #D3D3D3);
}
#userProfileDlg .addBtn {
    background: url("/images/add3-bw.png") no-repeat center center, -webkit-linear-gradient(top, #f9f9f9, #d9d9d9);
}
#userProfileDlg .addBtn:hover {
    background: url("/images/add2.png") no-repeat center center, -webkit-linear-gradient(top, #f9f9f9, #d9d9d9);
}
#userProfileDlg .removeBtn {
    background: url("/images/delete-bw.png") no-repeat center center, -webkit-linear-gradient(top, #f9f9f9, #d9d9d9);
}
#userProfileDlg .removeBtn:hover {
    background: url("/images/delete.png") no-repeat center center, -webkit-linear-gradient(top, #f9f9f9, #d9d9d9);
}

.wideBtn div, .wideBtn span {
    vertical-align: middle;
    padding: 0 4px;
}
.wideBtn span {
    position: relative;
    top: -1px;
}
.wideBtn div {
    height: 16px;
    width: 16px;
    display: inline-block;
    /* zoom: 1;
    *display: inline; uncomment these if supporting ie7*/
}
#addAFieldBtn div {
    background: url("/images/add-bw.png") no-repeat center center;
}
#addAFieldBtn:hover div {
    background: url("/images/add2.png") no-repeat center center;
}
#proCustomPrivilegesBtn #addIcon {
    background: url("/images/checkbox-bw.png") no-repeat center center;
}
#proCustomPrivilegesBtn:hover #addIcon {
    background: url("/images/checkbox.png") no-repeat center center;
}
#proCustomPrivilegesBtn #editIcon {
    background: url("/images/checkbox-pencil-bw2b.png") no-repeat center center;
}
#proCustomPrivilegesBtn:hover #editIcon {
    background: url("/images/checkbox-pencil2.png") no-repeat center center;
}
#userProfileDlg .proFieldSelector{
    width:109px !important;
}
#userProfileDlg .scrollableArea {
    max-height: 592px;
    overflow-y: auto;
    overflow-x: hidden;
}
#userProfileDlg .scrollableArea table {
    overflow: visible;
    padding-right: 22px;
}
#proDepartmentInput {
    width: 185px;
    margin: 0;
}
#saveUserProfileBtn {
    margin-right: 22px !important;
}