/* CSS styles for Product Line charts - some chart-specific adjustments may be required for each specific chart */

.chart {
    clear: left;
    padding: 0;
    margin-top: -0.2em;
    }

.chart.top {
    margin-top: -2.2em;
    }

.chart.new {
    margin-top: 2em;
    }

.chartheader .chartlegend,
.chartheader .colhdg {
    float: left;
    padding-top: 1.5em;
    }

.chartheader .chartlegend span {
    padding: 0.25em 1em 0.25em 0.25em;
    display: block;
    font-size: 1em;
    }

.chartheader .chartlegend.horiz span {
    float: left;
    padding: 0 1.5em 1.5em 0;
    }

.chartheader .chartlegend .label {
    text-transform: uppercase;
    font-size: 0.91em;
    }

.chartheader .chartlegend.horiz .label {
    padding: 0.3em 1em 0.25em 0;
    }

#ieroot .chartheader .chartlegend.horiz .label {
    padding: 0.1em 1em 0.25em 0;
    }

.chartheader .chartlegend img.dot {
    width: 1.1em;
    height: 1.1em;
    margin: 0 0.5em 0 0;
    position: relative;
    top: 0.25em;
    }

.chartheader .colhdg span {
    display: block;
    font-weight: normal;
    padding: 0.5em 0.5em 0.5em;
    color: #1a1d55;
    }

.chartheader .colhdg.bg1  {
    background: #fff url(/images/bg_chart.jpg) repeat-y 0 0;
    }

.chartheader .colhdg.bg2 {
    background: #fff url(/images/bg_chart_alt.jpg) repeat-y 0 0;
    }

.chartheader .colhdg.bg3 {
    background: #fff url(/images/bg_chart_blu.jpg) repeat-y 0 0;
    }


.descriptions {
    clear: left;
    float: left;
    width: 18.6em;
    }

.product {
    float: left;
    width: 6.35em;
    }

#content .chart p {
    border-top: 0.1em #ccc solid;
    height: 1.1em;
    padding: 0.1em 0.3em 0.7em 0.5em;
    margin: 0;
    }

#content .chart p span {
    font-size: 0.91em;
    }

#content .chart p span .smtxt {
    font-size: 0.8em;
    }

#content .chart .descriptions p.hdg_1 {
    padding-left: 0.1em;
    }

#content .chart .descriptions p {
    padding-left: 0.15em;
    background: #fff;
    }

#content .descriptions p span {
    font-size: 0.95em;
    position: relative;
    }

.chart .descriptions p img {
    margin: 0 0.5em -0.35em -2em;
    position: relative;
    z-index: 10;
    }

#content .chart p.hdg_1 {
    border-top: none;
    border-bottom: 0.18em #b4b4b4 solid;
    padding-top: 1.5em;
    margin-bottom: -0.1em;
    height: 1em;
    line-height: 110%;
    font-weight: bold;
    }

#content .chart .product .hdg_1 span {
    font-size: 1em;
    }

#content .chart p .details {
    display: block;
    line-height: 110%;
    }

.chart .product.bg1 p {
    background: #fff url(/images/bg_chart.jpg) repeat-y 0 0;
    }

#content .chart .product.bg1.right p {
    border-top: none;
    background: url() no-repeat top right;
    }

.chart .product.bg2 p {
    background: #fff url(/images/bg_chart_alt.jpg) repeat-y 0 0;
    }

.chart .product.bg3 p {
    background: #fff url(/images/bg_chart_blu.jpg) repeat-y 0 0;
    }

#content .chart .product.bg2.right p {
    border-top: none;
    background: url() no-repeat top right;
    }

#content .chart .descriptions .hdg_1 span {
    font-size: 1.4em;
    font-family: arial,helvetica,sans-serif;
    font-weight: bold;
    color: #1a1d55;
    height: 1em;
    }

#ieroot #content .chart .descriptions .hdg_1 span {
    font-size: 1.4em;
    font-family: helvetica,arial,sans-serif;
    }

#content .chart .hdg_2 {
    height: 2em;
    font-weight: bold;
    border-bottom: 0.1em #707070 solid;
    border-top: none;
    }

#content .chart .hdg_2 span {
    top: 1em;
    }

#content div.chart p.dot {
    overflow: hidden;
    }

#content div.chart p.dot span {
    display: block;
    width: 1.4em;
    height: 1.4em;
    background: url(/images/dot.gif) no-repeat 0.2em 0.4em;
    padding: 10em 0 0 3em;
    font-weight: bold;
    }

#content div.chart p.dot.addon span {
background-image: url(/images/dot_upgrade.gif);
}

#content div.chart p.dot.reqd span {
background-image: url(/images/dot_half-fill_v.gif);
}

#content div.chart p.dot.nota span {
background-image: url(/images/dot_not-available.gif);
}

.features {
padding: 0;
clear: left;
}

#content .features h5 {
font-size: 1.2em;
font-family: arial,helvetica,sans-serif;
text-transform: uppercase;
font-weight: bold;
color: #1a1d55;
padding: 0 0 0.4em 0.15em;
background: url(/images/rule_hdg_b.gif) bottom right no-repeat;
}

#content .features h5.hdg_a {
background-image: url(/images/rule_hdg_a.gif);
font-family: arial,helvetica,sans-serif;
font-size: 1.3em;
padding: 0 1.25em 0.25em 0.15em;
}

.features .featureset {
background: url(/images/rule_doclist.gif) top right no-repeat;
padding: 0.75em 0 1.5em 0.25em;
clear: left;
}

.features .featureset.featureset_top {
margin-top: 0.4em;
}

.features .featureset.featureset_norule {
background: none;
padding-top: 0;
margin: 0.4em 0 0 0;
}

.features .featureset.featureset_bottom {
margin-bottom: -1.5em;
}

.features .featureset .featuresethdg {
float: left;
width: 15em;
height: auto;
margin: 0;
padding: 0 3em 0 0;
}

#content .features .featureset .featuresethdg h6 {
line-height: normal;
font-size: 1.1em;
margin: 0.5em 0 0 0;
padding: 0;
}

#content .features .featureset .featuresethdg p {
margin-top: 0.5em;
font-size: 1em;
line-height: normal;
}

.features .featureset .featuresetlist {
float: left;
width: 36em;
padding-right: 2em;
}

#content .features .featuresetlist h5 {
clear: none;
background: none;
font-size: 1.1em;
color: #666;
margin-left: -0.25em; 
}

#content .features .featuresetlist h5.top {
margin-top: 0.65em;
} 

#content .features .featureset .featuresetlist ul {
margin: -0.5em 0 0 1.75em;
padding: 0;
}

#content .features .featureset .featuresetlist ul li {
padding: 0.25em 0 0 0;
line-height: 130%;
}
 
/* IE-ONLY CSS styles for Product Line chart - some chart-specific adjustments may be required for each chart */
#ieroot .chart {
clear: both;
}

#ieroot .descriptions {
display: inline;
width: 19em;
}

#ieroot .product {
_display: inline;
}

#ieroot #content .chart p {
height: 1.6em;
padding: 0.2em 0.5em 0.4em;
}

#ieroot #content .chart .descriptions p.hdg_1 {
padding-left: 0.1em;
}

#ieroot #content .chart .descriptions p {
padding-left: 0.15em;
}

#ieroot #content .descriptions p span {
font-size: 0.9em;
}

#ieroot #content .chart p.hdg_2 span {
top: 0.5em;
}

#ieroot #content .chart p.hdg_1 {
padding-top: 1.5em;
height: 1em;
}

#ieroot #content .descriptions .hdg_1 span {
font-size: 1.1em;
}

#ieroot .features .featureset .featuresethdg {
_display: inline;
}

#ieroot #content .features .featureset .featuresethdg h6 {
_margin: 0.4em 0 0 0;
}

#ieroot #content .features .featureset .featuresetlist  {
_display: inline;
}

#ieroot #content .features .featuresetlist h5 {
_margin-left: 0;
}

#ieroot #content .features .featureset .featuresetlist ul {
margin: -0.25em 0 0 1.75em;
}

#ieroot #content .features .featureset .featuresetlist .ftnote {
_position: fixed;
_margin-bottom: 0.3em;
}


/* start - print only styles */
@media print {

#ieroot #content .descriptions p span {
position: relative;
z-index: 10;
}

#content div.chart p.dot span,
#content div.chart p.dot.nota span,
#content div.chart p.dot.addon span {
width: 1.1em;
height: 1.3em;
padding: 0.1em 0 0 0.3em;
background: none;
}

}
/* end - print only styles */