/* popup */

body.ie6 #facebox {
    position: absolute;
    z-index: 9999999;
}

#facebox a.close {
    position: absolute;
    top: 15px;
    right: 17px;
    width: 22px;
    height: 22px;
    background: url(/media/lib/facebox/closelabel.gif) right top;
}

#facebox td.body {
    padding: 0px;
}

#facebox div.content {
    padding: 0;
    position: relative;
}

#facebox #dialog {
    margin: 10px;
}


#facebox img.icon {
    float: left;
}

#facebox div.title {
    border-bottom: 1px solid #cccccc;
    padding-bottom: 5px;
}


#facebox h2 {
    padding: 3px 0 3px 10px;
    margin: 0 0 5px 0;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
}

#facebox div.title h2 {
    padding-top: 28px;
    margin-left: 80px;
}

#facebox h3 {
	padding: 3px 0 3px 10px;
	margin: 0 0 5px 0;
}

#facebox small {
    padding: 0 0 0 10px;
}

#facebox .undecide small {
    padding: 0;
}

#facebox form {
    margin-top: 5px;
}

#facebox div.warning,
#facebox div.error {
    padding: 10px 5px 7px 60px;
    background: #FCF31C url(../images/co2m-eingabefeld-important-info-icon.jpg) 15px 12px no-repeat;
    margin: 0 0 8px 0;
}

#facebox div#dialog.info {
    background: #BDD6FE url(../images/co2m-info-icon.jpg) 15px 12px no-repeat;
    padding: 10px 25px 7px 60px;
}

#facebox div#dialog.warning {
    padding: 10px 25px 7px 60px;
}

body.ie6 #facebox div.warning {
    padding: 10px 25px 7px 60px;
    background: #FCF31C;
}

#facebox fieldset {
    margin: 5px 0;
}

#facebox table.undecide {
    margin: 5px 0 10px 10px;
}

#facebox table.undecide tr td {
    padding-bottom: 5px;
}

#facebox div.decide-radio li.selected,
#facebox table.decide-items {
    background: #A4DEF6;
}

#facebox table.decide-items {
    /*border: 10px solid #A4DEF6;
    margin: 5px 5px 0 0;*/
    width: 350px;
    height: 100%;
}

#facebox table.decide-items tbody tr:first-child th {
	padding-top: 10px;
}

#facebox table.decide-items tbody tr:first-child td {
	padding-top: 5px;
}

#facebox table.decide-items tr#filler td {
    /*background: #ff0000;*/
}

#facebox div.decide-radio {
    width: 245px;
    float: left;
    border: 0px solid red; /* this fixes the display in chrome, strangely enough */
}

#facebox div.decide-radio ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#facebox div.decide-radio li {
    display: block;
    padding: 3px 0 3px 10px;
    margin: 0;
}

#facebox div.decide-radio input {
    display: block;
    float: left;
    margin: 3px 5px 0 0;
}


#facebox div.buttons {
    margin: 5px 0 0 0;
    padding: 5px 0 0 0;
    border-top: 1px solid #ccc;
    position: absolute;
    bottom: 0;
    width: 600px;
    height: 40px;
}

#facebox div.related_specialoffers ul {
	list-style: none;
}

#dialog div.buttons a {
    float: right;
}

#dialog div.buttons a.delete {
    float: left;
}

#facebox #dialog {
    min-height: 250px!important;
    min-width: 600px!important;
    max-width: 600px!important;
    padding: 0 0 50px 0;
}

#facebox #dialog.warning,
#facebox #dialog.info {
    padding: 0;
    margin: 0;
    min-height: 0px!important;
    min-width: 0px!important;
}

form fieldset {
    border: none;
    border-top: 1px solid #ccc;
    padding: 10px 0 0 0;
}

form th {
    padding: 5px 20px 0 10px;
    width: 135px;
}

form th small {
    padding: 0;
    font-weight: normal;
}

form .req {
    display: none;
    color: #00b;
}

form .required .req {
    display: inline;
}

form input.text,
form input.password {
    border: 1px solid #ccc;
    padding: 5px 6px;
    margin: 0 5px 5px 0;
    background: #fff;
    width: 160px;
}

form select {
    border: 1px solid #ccc;
    padding: 4px 0;
    margin: 0 5px 5px 0;
    width: 172px;
}

form input.date_inp {
    background: #fff url(../images/co2m-kalender-icon.jpg) no-repeat 149px 1px;
}

form td ul {
    list-style: none;
    padding: 0;
    margin: 5px 0;
}

form td li {
    padding: 0;
    margin: 3px 0;
}

#electricity_mix_slider {
    margin: 10px 10px 10px 40px;
}

#electricity_mix_slider {
    background: url(../images/slider.jpg);
    width: 300px;
}

#electricity_mix_slider_value {
    display: block;
    float: left;
    padding: 8px 0 0 0;
}

form table.undecide {
    width: 580px;
}

form table.undecide tr.line td,
form table.undecide tr.line th {
    border-top: 1px solid #ccc;
    padding-top: 5px;
}

form input.checkbox {
    margin: 5px 2px 0 0;
}





table.feedback {
    width: 600px;
}

#facebox div.buttons {
    width: 600px;
}

table.feedback td {
    width: 100px;
    vertical-align: bottom;
}

table.feedback td.nr {
    text-align: right;
}

table.feedback td.bar {
    width: 400px;
}

table.feedback tr td {
    height: 40px;
}

table.feedback #thisyear td.bar {
    height: 80px;
}

table.feedback div.bar {
    background: url(/media/images/co2m-feedback-bar-green.jpg) right top;
    height: 20px;
    width: 400px;
    position: relative;
}

table.feedback div.bar div {
    position: absolute;
    top: 0;
    height: 20px;
}

table.feedback div.bar div.bubble {
    background: url(/media/images/co2m-feedback-bubble.jpg) left top;
    position: absolute;
    top: -40px;
    left: 140px;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 35px;
    display: none;
}

table.feedback div.bar div.estimate {
    background: url(/media/images/co2m-feedback-bar-green-light.jpg) right top;
    right: 0;
    /*width: 150px;*/
}

table.feedback div.bar div.this {
    background: url(/media/images/co2m-feedback-bar-yellow.jpg) right top;
    /*left: 200px;*/
    width: 0px;
}

table.feedback #thisyear div.bar {
    /* width: 350px; */
}

table.feedback #lastyear div.bar {
    background: url(/media/images/co2m-feedback-bar-blue.jpg) right top;
}

#dialog.measures th {
    width: 300px;
}


#ui-datepicker-div {
    z-index: 190;
}