/* palette info page */

#palettesPage {
    position: relative;
    top: 10px;
    margin-bottom: 10px;
    padding: 20px;
    background-color: #FFFFFF;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
}

#palettesPage .column {
    margin-left: 320px;
    width: 600px;
    overflow: hidden;
}

#palettesPage h1 {
    background-color: #95D224;
    border: 1px solid #95D224;
    border-bottom: none;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -webkit-top-left-border-radius: 6px;
    -webkit-top-right-border-radius: 6px;
    color: #FFFFFF;
    padding: 10px;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.pInfoBox {
    margin-bottom: 10px;
    background-color: #FFFFFF;
    border: 1px solid #95D224;
    border-top: 0px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
    -webkit-bottom-left-border-radius: 6px;
    -webkit-bottom-right-border-radius: 6px;
    padding: 10px;    
}

#paletteDesc {
    font-size: 20px;
    color: #95D224;
    margin-bottom: 10px;
}

#palettesPage .column p {
    margin: 0 0 5px;
    padding: 0 10px;
}

#palettesPage .column ol {
    margin: 0 0 0 25px;
}

#palettesPage .column li {
    padding: 0 10px 0 0;
    margin: 0 0 5px;
}

#palettesPage .palette {
    position: absolute;
    top: 55px;
    left: 10px;
}

* html #palettesPage .palette { left: 0; }

.db1>div, .db2>div, .db3>div, .db4>div, .db5>div {
    height: 35px !important;
    margin-top: 5px;
}

* html .bb1, * html .bb2, * html .bb3, * html .bb4, * html .bb5 {
    position: absolute;
    bottom: 0;
    left: 0;
}

.palette {
    width: 300px !important;
}

.pHeader {
    padding-top: 10px;
}