@charset "utf-8";
/* CSS Document */
/** Module 1 **/
/* set the image to use and establish the lower-right position */
.cssbox01, .cssbox_body01, .cssbox_head01, .cssbox_head01 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox01 {
    width: 485px !important;   /* intended total box width - padding-right(next) */
    width: 450px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head01 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head01 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body01 {
	background-position: bottom left;
	margin-right: 25px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head01 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body01 p {
    margin: 0 0 20px;
}
.cssbox_body01 a, .css_body a:hover {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	text-decoration: underline;
}

code { 
    white-space: pre; 
} 

/** Module 2 **/
/* set the image to use and establish the lower-right position */
.cssbox02, .cssbox_body02, .cssbox_head02, .cssbox_head02 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox02 {
    width: 215px !important;   /* intended total box width - padding-right(next) */
    width: 200px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head02 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head02 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body02 {
	background-position: bottom left;
	margin-right: 25px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head02 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body02 p {
    margin: 0 0 20px;
}
.cssbox_body02 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}
/** Module 3 **/
/* set the image to use and establish the lower-right position */
.cssbox03, .cssbox_body03, .cssbox_head03, .cssbox_head03 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox03 {
    width: 215px !important;   /* intended total box width - padding-right(next) */
    width: 200px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head03 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head03 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body03 {
	background-position: bottom left;
	margin-right: 25px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}

/* Misc Text formatting */
.cssbox_head03 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body03 p {
    margin: 0 0 20px;
}
.cssbox_body03 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}

/** Module 4 **/
/* set the image to use and establish the lower-right position */
.cssbox04, .cssbox_body04, .cssbox_head04, .cssbox_head04 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox04 {
    width: 215px !important;   /* intended total box width - padding-right(next) */
    width: 200px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head04 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head04 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body04 {
	background-position: bottom left;
	margin-right: 25px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head04 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body04 p {
    margin: 0 0 20px;
}
.cssbox_body04 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}
/** Module 5 **/
/* set the image to use and establish the lower-right position */
.cssbox05, .cssbox_body05, .cssbox_head05, .cssbox_head05 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox05 {
    width: 215px !important;   /* intended total box width - padding-right(next) */
    width: 200px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head05 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head05 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body05 {
	background-position: bottom left;
	margin-right: 25px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head05 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body05 p {
    margin: 0 0 20px;
}
.cssbox_body05 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}

/** Module 6 **/
/* set the image to use and establish the lower-right position */
.cssbox06, .cssbox_body06, .cssbox_head06, .cssbox_head06 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox06 {
    width: 215px !important;   /* intended total box width - padding-right(next) */
    width: 200px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head06 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head06 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body06 {
	background-position: bottom left;
	margin-right: 15px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head06 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body06 p {
    margin: 0 0 20px;
}
.cssbox_body06 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}

/** Module 7 **/
/* set the image to use and establish the lower-right position */
.cssbox07, .cssbox_body07, .cssbox_head07, .cssbox_head07 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox07 {
    width: 485px !important;   /* intended total box width - padding-right(next) */
    width: 450px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head07 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head07 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body07 {
	background-position: bottom left;
	margin-right: 25px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head07 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body07 p {
    margin: 0 0 20px;
}
.cssbox_body07 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}


/** Module 8 - SalesTools**/
/* set the image to use and establish the lower-right position */
.cssbox08, .cssbox_body08, .cssbox_head08, .cssbox_head08 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox08 {
    width: 215px !important;   /* intended total box width - padding-right(next) */
    width: 200px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head08 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head08 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body08 {
	background-position: bottom left;
	margin-right: 15px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head08 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body08 p {
    margin: 0 0 20px;
}
.cssbox_body08 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}
/** Module 9 - ArtSpecs**/
/* set the image to use and establish the lower-right position */
.cssbox09, .cssbox_body09, .cssbox_head09, .cssbox_head09 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox09 {
    width: 215px !important;   /* intended total box width - padding-right(next) */
    width: 200px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head09 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head09 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body09 {
	background-position: bottom left;
	margin-right: 15px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head09 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body09 p {
    margin: 0 0 20px;
}
.cssbox_body09 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
	
}
/** Module 10 - Add a Survey**/
/* set the image to use and establish the lower-right position */
.cssbox10, .cssbox_body10, .cssbox_head10, .cssbox_head10 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox10 {
    width: 253px !important;   /* intended total box width - padding-right(next) */
    width: 238px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head10 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head10 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body10 {
	background-position: bottom left;
	margin-right: 10px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head10 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body10 p {
    margin: 0 0 20px;
}
.cssbox_body10 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}
/** Module 1 **/
/* set the image to use and establish the lower-right position */
.cssbox01, .cssbox_body01, .cssbox_head01, .cssbox_head01 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox01 {
    width: 485px !important;   /* intended total box width - padding-right(next) */
    width: 450px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head01 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head01 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body01 {
	background-position: bottom left;
	margin-right: 25px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head01 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cssbox_body01 p {
    margin: 0 0 20px;
}
.cssbox_body01 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}

code { 
    white-space: pre; 
} 

/** card Specs **/
/* set the image to use and establish the lower-right position */
.cardspecbox01, .cardspecbox_body01, .cardspecbox_head01, .cardspecbox_head01 h2 {
    background: transparent url(../../images/clearbox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cardspecbox01 {
    width: 485px !important;   /* intended total box width - padding-right(next) */
    width: 450px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cardspecbox_head01 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cardspecbox_head01 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cardspecbox_body01 {
	background-position: bottom left;
	margin-right: 25px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cardspecbox_head01 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}
.cardspecbox_body01 p {
    margin: 0 0 20px;
}
.cardspecbox_body01 a, .css_body a:hover {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    text-decoration: underline;
}

code { 
    white-space: pre; 
} 

/** Module Left nav bar - Nav**/
/* set the image to use and establish the lower-right position */
.cssbox99, .cssbox_body99, .cssbox_head99, .cssbox_head99 h2 {
    background: transparent url(../../images/demobox.png) no-repeat bottom right;
    margin: 0;
    padding: 0; 
}

.cssbox99 {
    width: 160px !important;   /* intended total box width - padding-right(next) */
    width: 145px;              /* IE Win = width - padding */
    padding-right: 15px;       /* the gap on the right edge of the image (not content padding) */
    margin: 0px;         /* use to position the box */
}

/* set the top-right image */
.cssbox_head99 {
	background-position: top right;
	margin-right: -15px;       /* pull the right image over on top of border */
	padding-right: 40px;       /* right-image-gap + right-inside padding */
	height: 38px;
}

/* set the top-left image */
.cssbox_head99 h2 {
	background-position: top left;
	margin: 0;                 /* reset */
	border: 0;                 /* reset */
	/*    padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */
	padding: 20px 0px 5px 25px; /* padding-left = image gap + interior padding ... no padding-right */
	/*padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
    height: auto !important;
	height: 1%;                /* IE Holly Hack */
}

/* set the lower-left corner image */
.cssbox_body99 {
	background-position: bottom left;
	margin-right: 15px;        /* interior-padding right */
	padding: 0px 0 15px 32px; /* mirror .cssbox_head right/left */
/*	padding: 0px 0 15px 15px; /* mirror .cssbox_head right/left */

}


/* Misc Text formatting */
.cssbox_head99 h2 {
/*	color: black; */
/*	letter-spacing: 2px; */
	font-weight: bold;
	font-size: 12px;      /* this is tricky if box width is in ems */
	text-align: left;
/*	text-align: center;*/
	color: #24618E;
}