/*
Title: JRF Equip screen
Author: RZ
Date: 2010-06
*/

/* HTML
-------------------------------------------------- */
body {
    text-align: center;
    color: #222;
    font-size: .75em;
}

a {
    text-decoration: underline;
    color: #386197;
}

a:focus {
    outline: 0;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-size: 2.75em;
    color: #5A8F7C;
    border-bottom: 1px solid #C2C2C2;
    padding-bottom: .25em;
    margin-bottom: .35em;
    letter-spacing: -1px;
}

    h1 span {
        color: #555;
        font-weight: normal;
        padding-right: 7em;
    }

h2 {
    font-size: 1.917em;
    letter-spacing: -1px;
}

h3 {
    font-size: 1.5em;
}

h4 {
    font-size: 1.333em;
}

table {
    width: 100%;
}

/* Common
-------------------------------------------------- */
.intro {
    font-size: 1.333em;
    color: #555;
    position: relative;
    border-bottom: 5px solid #5A8F7C;
    margin-bottom: 0;
    min-height: 100px;
}

    .intro p {
        width: 70%;
    }

    .intro .pic {
        background: url(/static/img/create_pic.png) 0 0 no-repeat;
        position: absolute;
        display: block;
        right: 20px;
        bottom: 0;
        width: 253px;
        height: 172px;
    }

.divider {
    clear: both;
    height: 1px;
    overflow: hidden;
    width: 100%;
    margin: 30px 0;
    border-top: 1px solid #ddd;
}

.helptext {
    cursor: help;
}

/* Page
-------------------------------------------------- */
#page {
    width: 100%;
    background: url(/static/img/bg_topbar.png) 0 0 repeat-x;
}

#content, #header, #footer {
    clear: both;
    margin: 0 auto;
    position: relative;
    text-align: left;
    width: 960px;
}

/* Header
-------------------------------------------------- */
#header {
    height: 55px;
    margin-bottom: 25px;
}

    #logo {
        width: 710px;
        height: 20px;
        display: block;
        float: left;
        background: url(/static/img/logo_equip.png) 0 0 no-repeat;
        text-indent: -9999em;
        margin: 16px 0 0;
    }

    #nav {
        float: right;
        display: block;
        margin: 0;
    }

        #nav li {
            float: left;
            display: inline;
            margin: 0 0 0 25px;
        }
            #nav li a {
                width: auto;
                height: 25px;
                text-align: center;
                display: block;
                font-size: 1.15em;
                font-weight: bold;
                color: #a3b3c3;
                padding-top: 8px;
                border-top: 6px solid #272727;
                float: left;
                text-decoration: none;
            }

            #nav li a:hover {
                text-decoration: none;
            }

            #nav li a:hover,
            .body-homepage #nav li.h a,
            .body-about #nav li.a a,
            .body-contact #nav li.c a {
                color: white;
                border-top: 6px solid white;
            }

/* Content
-------------------------------------------------- */
#content {
}


/* Footer
-------------------------------------------------- */
#footer {
    border-top: 5px solid #5A8F7C;
}

    #footer li {
        margin: 0;
        list-style: none inside;
        float: left;
        display: inline;
        margin-top: 20px;
    }

    #footer li.jrht,
    #footer li.jrf {
        border-right: 1px dotted #ccc;
        margin-right: 15px;
        padding-right: 15px;
    }

    #footer li.tbx {
        float: right;
        margin-top: 25px;
    }

        #footer li.logo a {
            float: left;
            display: block;
            text-indent: -9999em;
        }

        #footer li.jrht a {
            width: 201px;
            height: 28px;
            background: url(/static/img/logo_jrht.png) 0 0 no-repeat;
        }

        #footer li.jrf a {
            width: 197px;
            height: 28px;
            background: url(/static/img/logo_jrf.png) 0 0 no-repeat;
        }

        #footer li.ecotec a {
            width: 92px;
            height: 38px;
            background: url(/static/img/logo_ecotec.png) 0 0 no-repeat;
        }
		
		  #footer li.ecorys a {
            width:115px;
            height: 48px;
            background: url(/static/img/logo_ecorys.png) 0 0 no-repeat;
        }

        #footer li.tbx a {
            width: 100px;
            height: 15px;
            background: url(/static/img/logo_sitebytbx.png) 0 0 no-repeat;
        }

/* Home
-------------------------------------------------- */
.body-homepage .steps {
    position: relative;
    margin-bottom: 2em;
    width: 100%;
}

    .body-homepage .steps h2 {
        margin-bottom: 0;
        text-indent: 310px;
        font-size: 1.833em;
    }

        .body-homepage .steps h2 strong {
            font-weight: normal;
            color: #646464;
            font-style: normal;
            padding-right: 17px;
        }

    .body-homepage .steps p {
        font-size: 1.167em;
        color: #555;
        border-bottom: 1px dotted #ccc;
        margin: 0 0 16px;
        padding: 0 0 17px;
        text-indent: 397px;
    }

    .body-homepage .steps .pic {
        background: url(/static/img/home_pic.png) 0 0 no-repeat;
        position: absolute;
        display: block;
        left: 0;
        top: 0;
        width: 269px;
        height: 310px;
    }

.body-homepage .create {
    position: relative;
    padding-left: 310px;
    overflow: hidden;
    clear: both;
    margin-bottom: 3.5em;
}

    .body-homepage .create .button {
        float: left;
        border-right: 1px dotted #ccc;
        margin: 0 1.5em 0 0;
        padding: 0 2em 0 0;
        list-style: none inside;
    }

        .body-homepage .create .button a {
            display: block;
            text-indent: -9999em;
            background: url(/static/img/btn_start.png) 0 0 no-repeat;
            width: 92px;
            height: 34px;
        }

    .body-homepage .create .more {
        background: url(/static/img/icon_pdf.png) 0 .5em no-repeat;
        list-style: none inside;
        margin: 0;
        float: left;
        padding-left: 2.25em;
        padding-top: .5em;
        padding-bottom: .5em;
        width: 350px;
    }

/* Form
-------------------------------------------------- */
.body-form form {
    margin-bottom: 0;
}

.body-form table th,
.body-form table td {
    padding: .5em 0;
}

.body-form table th {
    font-size: 1em;
    color: #7f7f7f;
    font-weight: bold;
    border: 1px dotted #ddd;
    border-width: 1px 0;
    text-transform: uppercase;
    vertical-align: middle;
}

.body-form table td {
    border: 0;
}

.body-form table th.title,
.body-form table td.title {
    font-size: 1.167em;
    color: #555;
    font-weight: normal;
    width: 290px;
    padding-right: 20px;
}

.body-form table th.na,
.body-form table td.na {
    width: 45px;
}

.body-form table th.negative,
.body-form table td.negative {
    width: 425px;
}

.body-form .submit,
.body-form .report-foot {
    clear: both;
    width: 100%;
    background: url(/static/img/bg_greybar.png) 0 0 repeat;
    padding: 25px 0;
    overflow: hidden;
    border-top: 1px solid #c2c2c2;
}

    .body-form #continue {
        background: url(/static/img/btn_continue.png) 0 0 no-repeat;
        margin-left: 305px;
        width: 113px;
        height: 34px;
        text-indent: -9999em;
        border: 0;
        display: block;
    }

.body-form .tr-top td {
    padding-top: 1.5em;
}

.body-form .tr-bottom td {
    padding-bottom: 1.5em;
}

/* Create
-------------------------------------------------- */
.tb-create-enter {
    border-bottom: 0;
    margin: 0;
}

.tb-create-main {
    border: 0;
    border-bottom: 1px solid #AFAFAF;
    margin-bottom: 0;
}
    #content .tb-create-enter .rowtop td {
        padding-top: 1em;
        padding-bottom: 1em;
    }
    #content .tb-create-enter .rowsec td {
        padding-top: 0;
        padding-bottom: 1em;
    }

    .tb-create #id_title {
        background: url(/static/img/bg_inputtitle.png) 0 0 no-repeat;
        width: 550px;
        /* height: 29px; */
        padding: 7px;
        display: block;
        border: 0;
        font-size: 1.167em;
        font-weight: bold;
        line-height: 1;
    }

    .tb-create #id_title:focus {
        outline: none;
    }

    .dynamic-form .title input{
        background: url(/static/img/bg_custom-element.png) 0 0 no-repeat;
        padding: 7px;
        border: 0;
        line-height: 1;
        color: inherit;
        width:250px;
    }

    .dynamic-form .title input:focus {
        outline: none;
    }

    .error {
        background-color: #FEFDD5;
    }

    .slider-scale {
        background: url(/static/img/uibar-hr.png) 0 -26px no-repeat;
    }
    .ui-slider {
        background: transparent;
        display: block;
        height: 26px;
        width: 488px;
        border: 0;
        margin-left: 40px;
    }

    .slider-scale:hover {
        background-position: 0 0;
    }

        .ui-slider .ui-slider-handle {
            background: url(/static/img/uibar-ar.png) 0 0 no-repeat;
            height: 26px;
            width: 81px;
            margin-left: -40px;
            display: block;
            border: 0;
            cursor: pointer;
            margin-top: 4px;
        }

    .value-disable .slider-scale,
    .value-disable  .slider-scale:hover {
        background-position: 0 -52px;
    }

        .value-disable .ui-slider-handle {
            display: none;
        }

    div.checker span {
        margin-top: 2px;
        height: 24px;
        width: 24px;
        background: url(/static/img/uf_checkbox.png) 0 0 no-repeat !important;
    }

    div.checker span.checked {
        height: 24px;
        width: 24px;
        background: url(/static/img/uf_checkbox.png) 0 -24px no-repeat !important;
    }

    .checker.focus span {
        outline: 1px dotted #000000 !important;
    }

    .add-row {
        background: url(/static/img/btn_add-assessment-criteria.png) 0 0 no-repeat;
        margin-left: 305px;
        width: 196px;
        height: 24px;
        text-indent: -9999em;
        border: 0;
    }

    .add-row:hover {
        cursor:pointer;
    }

    .delete-row img {
        margin:0 2px -3px 0;
    }

    .custom-policy-element-row {
        border-top:1px solid #C2C2C2 !important;
        padding:15px 0 !important;
    }


/* Report
-------------------------------------------------- */
.section-head {
    height: 45px;
    border-bottom: 1px solid #c2c2c2;
    overflow: hidden;
    margin-bottom: 2em;
}

    .section-head h2 {
        color: #5A8F7C;
        float: left;
        border-right: 1px dotted #ccc;
        margin-top: .5em;
        padding-right: .75em;
        margin-right: .75em;
        line-height: .85em;
    }

    .section-head .edit {
        float: left;
        font-size: 1.25em;
        margin-top: .7em;
    }

.overall-content {
    clear: both;
    margin-bottom: 1em;
    overflow: hidden;
}

    .overall-content .assessment-value,
    .overall-content .major-impact {
        float: left;
    }

    .overall-content .assessment-value {
        width: 235px;
        display: block;
        padding: 20px;
        border: 1px solid #c7c7c7;
        background-color: #DEE9E5;
    }

        .overall-content .assessment-value h3 {
            font-size: 1.167em;
            font-weight: bold;
            letter-spacing: -.025em;
            border-bottom: 1px solid #9AA39F;
            padding-bottom: 1em;
            padding-right: 2em;
            margin-bottom: 1.5em;
        }

        .overall-content .assessment-value .chart {
            height: 225px;
            width: 100%;
        }

        .overall-content .assessment-value .major-negative {
            background: url(/static/img/pie-red.png) 0 0 no-repeat;
        }

        .overall-content .assessment-value .significant-negative {
            background: url(/static/img/pie-dark-orange.png) 0 0 no-repeat;
        }

        .overall-content .assessment-value .minor-negative {
            background: url(/static/img/pie-light-orange.png) 0 0 no-repeat;
        }

        .overall-content .assessment-value .neutral {
            background: url(/static/img/pie-yellow.png) 0 0 no-repeat;
        }

        .overall-content .assessment-value .minor-positive {
            background: url(/static/img/pie-light-green.png) 0 0 no-repeat;
        }

        .overall-content .assessment-value .significant-positive {
            background: url(/static/img/pie-medium-green.png) 0 0 no-repeat;
        }

        .overall-content .assessment-value .major-positive {
            background: url(/static/img/pie-dark-green.png) 0 0 no-repeat;
        }

            .overall-content .assessment-value .chart .value {
                font-size: 4.25em;
                font-weight: bold;
                color: white;
                text-shadow: 0 0 5px #555;
                display: block;
                width: 100%;
                text-align: center;
                padding-top: 40px;
            }

    .overall-content .major-impact {
        float: right;
    }

        .overall-content .major-impact h4 {
            font-size: 1em;
            font-weight: bold;
            text-transform: uppercase;
            margin-bottom: 1em;
        }

.specific-content {
    clear: both;
}

    .specific-head {
        border-top:5px solid #5A8F7C;
        margin-bottom: 0;
        border-bottom: 0;
		height:auto;
    }
		.specific-head h2{
			width:70%;
			line-height:1em;
		}

    .specific-content .groups h3 {
        background-color: #f5f5f5;
        padding: .45em 10px;
        margin: 0 0 15px 0;
        border-top: 3px solid #5A8F7C;
        border-bottom: 1px solid #c2c2c2;
    }

    .specific-content .groups h3.major-negative {
        border-top: 3px solid #ED1C39;
    }

    .specific-content .groups h3.significant-negative {
        border-top: 3px solid #F48221;
    }

    .specific-content .groups h3.minor-negative {
        border-top: 3px solid #FAAD65;
    }

    .specific-content .groups h3.neutral {
        border-top: 3px solid #FDCD00;
    }

    .specific-content .groups h3.minor-positive {
        border-top: 3px solid #8CC63E;
    }

    .specific-content .groups h3.significant-positive {
        border-top: 3px solid #1BB15A;
    }

    .specific-content .groups h3.major-positive {
        border-top: 3px solid #00855A;
    }

    .specific-content .groups h4 {
        color: #555;
        margin-bottom: 0;
    }

        .specific-content .groups h4 .value {
            display: none;
        }

    .specific-content .groups .list {
        list-style: none inside;
        margin: 0 10px 0;
    }

    .specific-content .groups .list ul {
        margin-bottom: .85em;
    }

        .specific-content .groups .list ul li {
            list-style: square inside;
            margin: 0;
            color: #5A8F7C;
        }

            .specific-content .groups .list ul li.major-negative,
            .specific-content .groups .list ul li.major-negative .title {
                color: #ED1C39;
            }

            .specific-content .groups .list ul li.significant-negative {
                color: #F48221;
            }

                .specific-content .groups .list ul li.significant-negative .title {
                    color: #D36536;
                }

            .specific-content .groups .list ul li.minor-negative {
                color: #FAAD65;
            }

                .specific-content .groups .list ul li.minor-negative .title {
                    color: #C4A973;
                }

            .specific-content .groups .list ul li.neutral {
                color: #FAAD65;
            }

                .specific-content .groups .list ul li.neutral .title {
                    color: #C2A724;
                }

            .specific-content .groups .list ul li.minor-positive {
                color: #8CC63E;
            }

                .specific-content .groups .list ul li.minor-positive .title {
                    color: #74B03D;
                }

            .specific-content .groups .list ul li.significant-positive {
                color: #1BB15A;
            }

                .specific-content .groups .list ul li.significant-positive .title {
                    color: #4FAB4C;
                }

            .specific-content .groups .list ul li.major-positive {
                color: #00855A;
            }

                .specific-content .groups .list ul li.major-positive .title {
                    color: #247B58;
                }

            .specific-content .groups .list ul li span {
                color: #555;
            }

                .specific-content .groups .list ul li span.value {
                    display: none;
                }

    .specific-content .editonly {
        font-size: 1.083em;
        margin-bottom: 1em;
        font-weight: bold;
    }

.body-form .report-foot {
    clear: both;
    border-top: 2px solid #c2c2c2;
}

    .report-foot p {
        float: left;
        margin: 0;
        margin-left: 20px;
        font-weight: bold;
    }

    .report-foot .extra {
        font-size: 1.083em;
        clear: both;
    }

        .report-foot .extra a {
            float: left;
        }

        .report-foot .extra span {
            float: left;
        }

        .report-foot .extra .print {
            display: block;
            text-indent: -9999em;
            background: url(/static/img/btn_report.png) 0 0 no-repeat;
            width: 138px;
            height: 34px;
            margin-right:10px;
        }
        .report-foot .extra .pdf{
            display: block;
            text-indent: -9999em;
            background: url(/static/img/btn_report_pdf.png) 0 0 no-repeat;
            width: 250px;
            height: 34px;
            margin-right:10px;
         }

        .report-foot .extra .new,
        .report-foot .extra .save,
        .report-foot .extra span {
            margin-left: 1em;
            margin-top: .65em;
        }

        .report-foot .extra span,
        .report-foot .extra .save {
            margin-left: .5em;
        }

        .report-foot .extra span {
            font-weight: normal;
        }

.negative-impact .group {
    list-style: none inside;
    margin: 0;
    font-weight: bold;
    color: white;
}
    .negative-impact .group ul {
        padding: 0.5em 0;
    }

    .negative-impact .major-negative {
        border-left: 20px solid #ED1C39;
    }

        .negative-impact .major-negative .list {
            background: #ED1C39 url(/static/img/arr_red.png) 0 center no-repeat;
        }

    .negative-impact .significant-negative {
        border-left: 20px solid #F48221;
    }

        .negative-impact .significant-negative .list {
            background: #D36536 url(/static/img/arr_darko.png) 0 center no-repeat;
        }

    .negative-impact .minor-negative {
        border-left: 20px solid #FAAD65;
    }

        .negative-impact .minor-negative .list {
            background: #C4A973 url(/static/img/arr_lighto.png) 0 center no-repeat;
        }

    .negative-impact .neutral {
        border-left: 20px solid #FDCD00;
    }

        .negative-impact .neutral .list {
            background: #C2A724 url(/static/img/arr_yellow.png) 0 center no-repeat;
        }

    .negative-impact .minor-positive {
        border-left: 20px solid #8CC63E;
    }

        .negative-impact .minor-positive .list {
            background: #74B03D url(/static/img/arr_lightg.png) 0 center no-repeat;
        }

    .negative-impact .significant-positive {
        border-left: 20px solid #1BB15A;
    }

        .negative-impact .significant-positive .list {
            background: #4FAB4C url(/static/img/arr_midg.png) 0 center no-repeat;
        }

    .negative-impact .major-positive {
        border-left: 20px solid #00855A;
    }

        .negative-impact .major-positive .list {
            background: #247B58 url(/static/img/arr_darkg.png) 0 center no-repeat;
        }

    .negative-impact .value {
        display: none;
    }

    .negative-impact .list {
        list-style: none inside;
        margin: 0 0 0 30px;
        border-bottom: 1px solid white;
        height: 22px;
        line-height: 22px;
        width: 570px;
        display: block;
    }

    .negative-impact .text {
        padding: 0 17px;
    }


/* Diversity
-------------------------------------------------- */
.ul-diversity {
    margin-bottom: 0;
}

.ul-diversity li {
    list-style: none inside;
    border-top:1px solid #C2C2C2;
    list-style:none inside none;
    margin:0;
    padding:5px 0 3px 20px;
}

.ul-diversity li a{
    text-decoration:none;
}

    .ul-diversity li h2 {
        font-size: 1.5em;
        font-weight: bold;
        background-color: #f5f5f5;
        border-top: 1px solid #c2c2c2;
        padding: 8px 20px;
        margin: 0;
    }

    .ul-diversity li h2.inactive {
        background: url(/static/img/icon_slideoff.png) 98.5% center no-repeat;
        color: #305483;
    }

    .ul-diversity li h2.last {
        border-bottom: 1px solid #c2c2c2;
    }

    .ul-diversity li h2.hover {
        cursor: pointer;
    }

    .ul-diversity li h2.active {
        color: #222;
        border-bottom: 1px solid #c2c2c2;
        background: url(/static/img/icon_slideact.png) 98.5% center no-repeat;
    }

    .ul-diversity li h3 {
        font-size: 1.333em;
        font-weight: bold;
        padding: 8px 20px;
        margin: 0;
    }

    .tb-diversity td.title {
        padding-left: 20px;
    }

    .sub-group-container {
        height: 35px;
    }

        .sub-group-button {
            margin:0 0 0 410px !important;
        }

        .sub-group-form {
            padding:2px 0 0;
        }

        .sub-group-button-container {
            padding:5px 0 0;
        }

        .textfield_custom-diversity-sub-group {
            background: url(/static/img/bg_custom-element.png) 0 0 no-repeat;
            padding: 7px !important;
            border: 0;
            font-size: 1.167em;
            font-weight: bold;
            line-height: 1;
            color: inherit;
            width:250px;
        }

        .textfield_custom-diversity-sub-group:focus {
            outline: none;
        }

        .btn_custom-diversity-sub-group {
            background:url(/static/img/btn_add-custom-diversity-sub-group.png) center no-repeat;
            text-indent:-9999px;
            border:0px;
            width:245px;
            height:24px;
        }

        .btn_remove-diversity-sub-group {
        }

        .textfield_custom-diversity-group {
            background: url(/static/img/bg_custom-element.png) 0 0 no-repeat;
            padding: 7px !important;
            border: 0;
            font-size: 1.167em;
            font-weight: bold;
            line-height: 1;
            color: inherit;
            width:250px;
        }

        .textfield_custom-diversity-group:focus {
            outline:none;
        }

        .btn_custom-diversity-group {
            background:url(/static/img/btn_add-custom-diversity-group.png) center no-repeat;
            text-indent:-9999px;
            border:0px;
            width:212px;
            height:24px;
        }

        .btn_remove-diversity-group {
        }

    .group-container {
        border-top:1px solid #C2C2C2;
        padding:8px 0 0;
        height:35px;
    }

    .ul-diversity .plain-text {
        font-weight:bold;
        font-size:1.5em;
        color:#305483;
        letter-spacing:-1px;
    }

    .update_delete_diversity_group {
        margin-left:-20px;
    }

    .update_delete_diversity_group .plain-text-value:hover {
        cursor:pointer;
    }

    .update_delete_diversity_group_element .plain-text-value {
        color: #222222;
    }

        .btn_remove-diversity-group {
            margin:0 2px -2px 0;
        }

        .diversity_group_title {
            background: url(/static/img/bg_custom-element.png) 0 0 no-repeat;
            padding: 7px !important;
            border: 0;
            font-size: 1.167em;
            font-weight: bold;
            line-height: 1;
            color: inherit;
            width:250px;
        }

        .diversity_group_title:focus {
            outline:none;
        }

    .update_delete_diversity_group_element {
        margin:10px 0;
    }

        .update_delete_diversity_group_element .plain-text {
            line-height:1.2;
            font-weight:bold;
            font-size: 1.333em;
        }

        .btn_remove-diversity-sub-group {
            margin:0 1px -2px 0;
        }

        .diversity_group_element_title {
            background: url(/static/img/bg_custom-element.png) 0 0 no-repeat;
            padding: 7px !important;
            border: 0;
            font-size: 1.167em;
            font-weight: bold;
            line-height: 1;
            color: inherit;
            width:250px;
        }

        .diversity_group_element_title:focus {
            outline:none;
        }

    .group-button,
    .sub-group-button {
        margin:0 0 0 330px;
    }

    .group-button:hover,
    .sub-group-button:hover {
        cursor:pointer;
    }

    .transform-textfield .save,
    .transform-textfield .edit {
        font-size:12px;
        margin:0 0 0 5px;
        font-weight:normal;
        letter-spacing:0px;
    }

    .expand-close {
        float:right;
        margin:4px 15px 0 0;
    }

    .expand-close:hover {
        cursor:pointer;
    }


/* Dialog
-------------------------------------------------- */
.ui-widget {
    font-family: arial;
    line-height: 1.5;
    font-size: 1em;
}

.ui-dialog {
    text-align: left;
    padding: 1em 1.5em 5em;
    -moz-box-shadow: 0 5px 24px #666;
    -webkit-box-shadow: 0 5px 24px #666;
    box-shadow: 0 5px 24px #666;
}

    .ui-dialog .ui-dialog-content {
        font-size: 1.167em;
    }

    .ui-dialog p {
        margin-bottom: 1em;
    }

    .ui-dialog .ui-dialog-titlebar {
        padding: .25em 1em;
    }

        .ui-dialog .ui-dialog-title {
            font-size: 2.75em;
            font-weight: normal;
            border-bottom:1px solid #C2C2C2;
            color:#5A8F7C;
            font-size:2.75em;
            letter-spacing:-1px;
            margin-bottom:0.35em;
            padding-bottom:0.15em;
            width: 100%;
        }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        padding: 0;
        margin: 0;
        top: .5em;
        right: 2em;
    }

    .ui-widget-header {
        background: none transparent;
        border: 0;
    }

        .ui-widget-header .ui-icon {
            background: url(/static/img/btn_close.png) 0 0 no-repeat;
            width: 32px;
            height: 32px;
            display: block;
            padding: 0;
            margin: 0;
        }

    .ui-widget-header .ui-state-hover,
    .ui-widget-header .ui-state-focus {
        background-position: 0 0;
        border: 0;
        background-color: transparent;
    }

/*
-------------------------------------------------- */