/*
 * CSS-definitions for service book's feeling meters and inspection date
 * reviews (fiilismittari ja oman elämän katsastuspäivä).
 *
 * Also definitions for the page to measure own resources and energygluttons
 * (omat voimavarani ja energiasyöppöni).
 *
 * author  Arttu Salonen
 * author  Jukka Mäkelä
 * version 2009-12-08
 */

/* defintions for feeling meters and inspection dates begin */

.ratingBox {
    position:    relative;
    border:      solid 1px #ccc;
    width:       310px;
    display:     inline-block;
    margin:      5px;
    height:      225px;
    font-family: arial narrow;
}

.ratingBoxTopic {
    display:     block;
    text-align:  left;
    position:    relative;
    top:         5px;
    margin:      0 0 0 10px;
    font-size:   14pt;
    font-weight: bold;
    width:       310px;
    height:      2pt;
    color:       #fff;
}

.ratingMeter {
    text-align: right;    
    position:   relative;
    display:    block;
    right:      20px;
    top:        40px;
}

/*
 * Common settings for all scale elements.
 */
img.ratingScaleItem {
    width:  13px;
    margin: 0 5px 0 0;
    /*
     * cursor: pointer does not exist in media=print, and so this
     * line triggers an error on CSS-validation
     */
    cursor: pointer;
    border: solid 1px #ccc;
}

img.ratingScale1 {
    height: 10px;
}

img.ratingScale2 {
    height: 15px;
}

img.ratingScale3 {
    height: 20px;
}

img.ratingScale4 {
    height: 25px;
}

img.ratingScale5 {
    height: 30px;
}

img.ratingScale6 {
    height: 35px;
}

img.ratingScale7 {
    height: 40px;
}

img.ratingScale8 {
    height: 45px;
}

img.ratingScale9 {
    height: 50px;
}

img.ratingScale10 {
    height: 55px;
}

.ratingBoxSubtitle {
    text-align:  left;
    position:    relative;
    left:        10px;
    top:         40px;
    font-family: arial narrow;
    font-size:   13pt;
    color:       #fff;
}

.ratingBox textarea {
    position: relative;
    left:     15px;
    top:      45px;
    overflow: auto !important;
    width:    250px;
    border:   solid 1px #ccc;
    padding:  0 !important;
}

/* defintions for feeling meters and inspection dates end */

/* definitions for energy begins */

.energyReview {
    position: relative;
    border:   solid 2px #B9C971;
    width:    310px;
    display:  inline-block;
    margin:   5px;
    height:   225px;
}

.positive {
    color:               #B9C971;
    background-image:    url("../images/serviceBook/plussa.png");
    background-position: top right;
    background-repeat:   no-repeat;
}

.negative {
    color:               #F27908;
    background-image:    url("../images/serviceBook/miinus.png");
    background-position: top right;
    background-repeat:   no-repeat;
}

.energyReviewTopic {
    display:     block;
    text-align:  left;
    position:    relative;
    top:         5px;
    font-size:   14pt;
    font-weight: bold;
    height:      2pt;
}

.energyReview textarea {
    margin:     45px 0 0 0;
    width:      302px;
    border:     none;
    border-top: 2px solid #ccc;
}

/* definitions for energy end */