/*
 * Base styles for 9 Point Scaling
 */
.ninepoint {
    margin-bottom: 3px;
}
.ninepoint .outline div.border {
    position: absolute;
    overflow: hidden; 
    z-index: 13; 
}
.ninepoint em,
.ninepoint em b,
.ninepoint em i,
.ninepoint s,
.ninepoint s i,
.ninepoint s b,
.ninepoint u,
.ninepoint u i,
.ninepoint u b  {
    position: absolute;
    display: block;
    z-index: 13;
}
.ninepoint p {
    margin: 0;
}
.is_ie6 .ninepoint p {
    margin-right: auto;
}
.is_ie6 #fullSizeContainer .border {
    overflow: visible;
}
/* row 1 */
.ninepoint em {
    width: 100%;
    top: 0;
    left: 0;
}
.ninepoint em i { 
    background-repeat: no-repeat;
    background-position: top left;
    left: 0;
    top: 0;
}
.ninepoint em b { 
    background-repeat: no-repeat;
    background-position: top right;
    right: 0;
    left: auto;
}
.ninepoint em p { 
    background-position: top left;
}
/* row 2 */
.ninepoint s {
    height: 100%;
    left: 0;
    width: 100%;
    overflow: hidden;
}
.ninepoint s i { 
    background-position: top left;
    height: 100%;
    left:0;
}
.ninepoint s b { 
    background-position: top right;
    height: 100%;
    right:0;
}
/* row 3 */
.ninepoint u {
    width: 100%;
    bottom: 0;
    left: 0;
}
.ninepoint u i { 
    background-repeat: no-repeat;
    background-position: top left;
    left: 0;
}
.ninepoint u b { 
    background-repeat: no-repeat;
    background-position: top right;
    right: 0;
}
.ninepoint u p { 
    background-position: top left;
}