/* 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;
text-transform: uppercase;
padding: 0.5em 0.5em 0.5em;
color: #1a1d55;
}

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

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

.chartheader .colhdg.bg3 {
background: url('../../include/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;
}

#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;
padding-bottom:1.5em;
margin-bottom: -0.1em;
height: 1em;
line-height: 100%;
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: url('../../include/images/bg_chart.jpg') repeat-y 0 0;
padding-bottom:10px;
}

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

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

.chart .product.bg3 p {
background: url('../../include/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 .descriptions .hdg_1 span {
font-size: 1.1em;
font-family: arial, helvetica, sans-serif;
text-transform: uppercase;
font-weight: bold;
color: #1a1d55;
height: 1em;
}

#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 span {
display: block;
width: 1.4em;
height: 1.4em;
background: url('../../include/images/dot.gif') no-repeat 0.2em 0.4em;
}

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

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

#content div.chart p.dot.nota span {
background-image: url('../../include/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;
background: url('../../include/images/rule_hdg_b.gif') no-repeat bottom right;; padding-left:0.15em; padding-right:0; padding-top:0; padding-bottom:0.4em
}

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

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

.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 {
line-height: 100%;
padding-top: 1.3em;
height: 1.5em;
}

#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: absolute;
_margin-bottom: 0.3em;
}