﻿/* set the image to use and establish the lower-right position */ 
.box_po, .box_po_body, .box_po_head, .box_po_head h2 {
    background: transparent url(images/plan_other.png) no-repeat bottom right; 
} 
.box_po { 
    width: 102px !important; /* intended total box width - padding-right(next) */
    width: 99px; /* IE Win = width - padding */
    padding-left: 0px;
    padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
    margin: 3px 0px 3px 4px; /* use to position the box */ 
} 

/* set the top-right image */ 
.box_po_head { 
    background-position: top right; margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 8px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_po_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
    /*height: auto !important; */
    height: 7px; /* IE Holly Hack */ 
    font-size: 2px;
} 

/* set the lower-left corner image */ 
.box_po_body { 
    background-position: bottom left; 
    margin-right: 3px; /* interior-padding right */ 
    padding: 0px 5px 10px 5px; /* mirror .box_po_head right/left */ 
} 


.box_ao, .box_ao_body, .box_ao_head, .box_ao_head h2 {
    background: transparent url(images/actual_other.png) no-repeat bottom right; 
} 
.box_ao { 
    width: 102px !important; /* intended total box width - padding-right(next) */
    width: 99px; /* IE Win = width - padding */
    padding-left: 0px;
    padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
    margin: 3px 0px 3px 4px; /* use to position the box */ 
} 

/* set the top-right image */ 
.box_ao_head { 
    background-position: top right; margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 8px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_ao_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
    /*height: auto !important; */
    height: 7px; /* IE Holly Hack */ 
    font-size: 2px;
} 

/* set the lower-left corner image */ 
.box_ao_body { 
    background-position: bottom left; 
    margin-right: 3px; /* interior-padding right */ 
    padding: 0px 5px 10px 5px; /* mirror .box_ao_head right/left */ 
} 


.box_pc, .box_pc_body, .box_pc_head, .box_pc_head h2 {
    background: transparent url(images/plan_current.png) no-repeat bottom right; 
} 
.box_pc { 
    width: 102px !important; /* intended total box width - padding-right(next) */
    width: 99px; /* IE Win = width - padding */
    padding-left: 0px;
    padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
    margin: 3px 0px 3px 4px; /* use to position the box */ 
} 

/* set the top-right image */ 
.box_pc_head { 
    background-position: top right; margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 8px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_pc_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
    /*height: auto !important; */
    height: 7px; /* IE Holly Hack */ 
    font-size: 2px;
} 

/* set the lower-left corner image */ 
.box_pc_body { 
    background-position: bottom left; 
    margin-right: 3px; /* interior-padding right */ 
    padding: 0px 5px 10px 5px; /* mirror .box_pc_head right/left */ 
} 


.box_ac, .box_ac_body, .box_ac_head, .box_ac_head h2 {
    background: transparent url(images/actual_current.png) no-repeat bottom right; 
} 
.box_ac { 
    width: 102px !important; /* intended total box width - padding-right(next) */
    width: 99px; /* IE Win = width - padding */
    padding-left: 0px;
    padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
    margin: 3px 0px 3px 4px; /* use to position the box */ 
} 

/* set the top-right image */ 
.box_ac_head { 
    background-position: top right; margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 8px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_ac_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
    /*height: auto !important; */
    height: 7px; /* IE Holly Hack */ 
    font-size: 2px;
} 

/* set the lower-left corner image */ 
.box_ac_body { 
    background-position: bottom left; 
    margin-right: 3px; /* interior-padding right */ 
    padding: 0px 5px 10px 5px; /* mirror .box_ac_head right/left */ 
} 


.box_pt, .box_pt_body, .box_pt_head, .box_pt_head h2 {
    background: transparent url(images/plan_today.png) no-repeat bottom right; 
} 
.box_pt { 
    width: 102px !important; /* intended total box width - padding-right(next) */
    width: 99px; /* IE Win = width - padding */
    padding-left: 0px;
    padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
    margin: 3px 0px 3px 4px; /* use to position the box */ 
} 

/* set the top-right image */ 
.box_pt_head { 
    background-position: top right; margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 8px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_pt_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
    /*height: auto !important; */
    height: 7px; /* IE Holly Hack */ 
    font-size: 2px;
} 

/* set the lower-left corner image */ 
.box_pt_body { 
    background-position: bottom left; 
    margin-right: 3px; /* interior-padding right */ 
    padding: 0px 5px 10px 5px; /* mirror .box_pt_head right/left */ 
} 


.box_at, .box_at_body, .box_at_head, .box_at_head h2 {
    background: transparent url(images/actual_today.png) no-repeat bottom right; 
} 
.box_at { 
    width: 102px !important; /* intended total box width - padding-right(next) */
    width: 99px; /* IE Win = width - padding */
    padding-left: 0px;
    padding-right: 3px; /* the gap on the right edge of the image (not content padding) */
    margin: 3px 0px 3px 4px; /* use to position the box */ 
} 

/* set the top-right image */ 
.box_at_head { 
    background-position: top right; margin-right: -3px; /* pull the right image over on top of border */
    padding-right: 8px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.box_at_head h2 { 
    background-position: top left; 
    margin: 0; /* reset main site styles*/ 
    border: 0; /* ditto */ 
    padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
    /*height: auto !important; */
    height: 7px; /* IE Holly Hack */ 
    font-size: 2px;
} 

/* set the lower-left corner image */ 
.box_at_body { 
    background-position: bottom left; 
    margin-right: 3px; /* interior-padding right */ 
    padding: 0px 5px 10px 5px; /* mirror .box_at_head right/left */ 
} 
