/* ==================================================================
** These classes are created to override 
** class in jquery.jqplot.css
** ==================================================================
*/

/*------ Target Date Fund Pie Chart custom overrides ---------*/
table.jqplot-table-legend {
    /*width: 215px;*/
    width: 80%;
}

@media screen and (min-width: 700px) and (max-width: 990px) {
    table.jqplot-table-legend {
	    /*width: 250px;*/
        width: 45% !important;
    }

}



/*tr > td.jqplot-table-legend {
    padding: 0.75em 0 0.75em 0 !important;
    /*width:10px;*//*

}*/

tr > td.jqplot-table-legend  + td {
	width:230px;
}

td.jqplot-table-legend {
    padding: 0.75em 0.5em 0.75em 0 !important;
    text-align: left !important;
    border-top: 1px solid #ccc;

}

#chart1, #chart2 {
	display: none;	
}

@media screen and (min-width: 700px) {
        #chart1 {
            display: block;
            height:300px;
            width:325px; 
        }
    }   


 @media screen and (max-width: 699px) {
        #chart2 {
            display: block;
            height:500px;
            width:300px; 
            margin:0 auto;
        }
    }

.l-content-holder .l-columns__item.investment-info-box {
     margin-top: 80px;
     margin-left: 0px;

 }

@media screen and (max-width: 699px) {
    div.l-content-holder .l-columns__item.investment-info-box {
         margin-top: 0px; 
         margin-left: 0px;

    }
}