/* content.css are the styles for the content, typography, forms, etc. within the 
container DIVs that are defined in structure.css and this style sheet should only 
contain typographic or content-related styles for a site. The styles within this css 
file should be the only ones necessary to be edited for better integration with iCreate */

/* ----- comment styles well for better reference later! ----- */
/* ----- iCreate requires these to be classes not IDs ----- */

/* STYLE REQUIRED BY iCreate -- DO NOT DELETE */
.none {/*an empty style always required for sites using iCreate*/
}
.subheadingshort {
	font-size: 12px;
	background-image: url(../images/heading_short.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 229px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadingmedium {
	font-size: 12px;
	background-image: url(../images/heading_medium.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 497px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadinglong {
	font-size: 12px;
	background-image: url(../images/heading_long.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 673px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadingshortgrey {
	font-size: 12px;
	background-image: url(../images/heading_short_grey.gif);
	background-repeat: no-repeat;
	display: block;
	height: 25px;
	width: 229px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadingmediumgrey {
	font-size: 12px;
	background-image: url(../images/heading_medium_grey.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 497px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.subheadinglonggrey {
	font-size: 12px;
	background-image: url(../images/heading_long_grey.gif);
	background-repeat: no-repeat;
	display: block;
	height: 35px;
	width: 673px;
	padding-top: 6px;
	padding-left: 10px;
	color: #333333;
}
.border {
	border: 1px solid #999999;
}
.smalltext {
	font-size: 9px;
}
.lineImageDiv
    {
        align:center;
        position: relative;
        width: 100px;
        height: 100px;
    }   
        .lineImage
        {
            z-index: 100;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100px;
            height: 100px;
            border: 0px;
            margin: 0px;                                      
        }
        .backImage
        {
            z-index: 99;
            position: absolute;
            left: 0px;
            top: 0px;
            width: 100px;
            height: 100px;
            border: 0px;
            margin: 0px;                    
        }
    #swatches img 
    {
        padding: 5px;
    }
#jacksonChart table, #test td, #test tr, #test th
{
	padding:5px !important;
	margin:0px 0px 0px 0px !important;
	background-image:none;
}

#test th
{
	height:auto;
}

#test
{
	float:left;
}

.tableblack {
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
}
.tableblack td {
	padding:5px;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #000000;
}
.tablewhite {
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
}
.tablewhite td {
	padding:5px;
	font-size: 11px;
	color: #000000;
	background-color: #FFFFFF;
}
.heading {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	background-image: url(../images/header_bg.gif);
	background-repeat: repeat-y;
	display: block;
	padding: 10px;
}
.center {
	text-align: center;
}
.pheading {
	font-size: 19px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 9px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;	
}