body.body {
	margin: 1%;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: black;
	background-color: white;
	vertical-align: top;
}
.warning {
/*	background-color: #ffc0cb;	/pink*/
	color: #ff8d00;
	font-weight: bold;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	border: thin;
	margin: 0em;
	padding: .2em;
}
.lessError {
/*	background-color: #ffc0cb;	pink*/
	color: red;
	font-weight: bold;
}
.error {
	background-color: #ffc0cb;	/*pink*/
	color: red;
	font-weight: bold;
}
.fPRerror {
	background-color: #ffc0cb;	/*pink*/
	color: red;
	font-weight: bold;
}
.notify {
	background-color: #33cc00;
	font-weight: bold;
}
.fPRnotify {
	background-color: #33cc00;
	font-weight: bold;
}

.screenOnly {
	display: none;
}

/*	*	*	*	*	*	*	*	*	*	*
	misc styles
	Styles which I'm not sure what to do with
*	*	*	*	*	*	*	*	*	*	*/
table2 {
	border: 0em;
	padding: 0em;
	margin: 0em;
}

/*NS4 doesn't inherit from body*/
.line {
	background-image: url(/cc/images/LineBlue5.jpg);
	background-repeat: repeat-x;
}
.line2 {
	background-image: url(/cc/images/LineBlue10.jpg);
	background-repeat: repeat-x;
}
li em {
	font-size: 80%;
}
.heading {
	margin-top: 3em;
}
td.subheading {
	font-size: 115%;
	font-weight: bold;
/*	text-index: 2em;  20040224 Al, was this supposed to be indexnt?  -Martin*/
	color: white;
	padding-top: .25em;
}

/** 2004.07.13. Alex.  Added back in after someone removed it. */
td {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	vertical-align: top;
}
ol {
	padding-left: 2em;
	list-style-type: decimal;
	list-style-position: inside;
}
ol ol {
	padding-left: 2em;
	list-style-type: lower-alpha;
	list-style-position: outside;
}
ol ol ol {
	padding-left: 5em;
	list-style-type: lower-roman;
	list-style-position: outside;
}

/*	*	*	*	*	*	*	*	*	*	*
	 begin Contract Styles
	 Styles defined for the sales contract creation tool.
	 Using prefix: "page"
*	*	*	*	*	*	*	*	*	*	*/
.subtitle {
	text-align: center;
}
.clause ol li, p {
	page-break-inside: avoid;
	font-size: 8pt;
}

.clause td {
	font-size: 7pt;
	vertical-align: top;
}

div.variable {
	width: 100%;
	text-align: center;
	border-width: 0pt 0pt 0.75pt 0pt;
	border-style: none none solid none;
}
div.variableLeft {
	width: 100%;
	text-align: left;
	border-width: 0pt 0pt 0.75pt 0pt;
	border-style: none none solid none;
}
span.variable {
	padding-left: 3em;
	padding-right: 3em;
	border-width: 0pt 0pt 0.75pt 0pt;
	border-style: none none solid none;
}
span.variableLeft {
	text-align: left;
	padding-left: 3em;
	padding-right: 3em;
	border-width: 0pt 0pt 0.75pt 0pt;
	border-style: none none solid none;
}
span.variableclose {
	padding-left: 0em;
	padding-right: 0em;
	border-width: 0pt 0pt 0.75pt 0pt;
	border-style: none none solid none;
}
td.address {
	width: 45%;
	height: 30px;
	border-left: none;
}
td.addressLabel {
	width: 5%;
	font-size: 7pt;
	border-right: none
}



/*	*	*	*	*	*	*	*	*	*	*
	 begin page
	 Styles defined for the whole page structure.
	 Using prefix: "page"
*	*	*	*	*	*	*	*	*	*	*/
.pageThinBorder {
	background-color: rgb(0,72,32);
}
.pageMain {
	background-color: white;
}



/*	*	*	*	*	*	*	*	*	*	*
	form styles
*	*	*	*	*	*	*	*	*	*	*/
input.mod {
	font-size: 8pt;
	border: 0px;
	margin: 0px;
	padding: 0px;
	margin-left: 0.2em;
}
input {
	font-size: 8pt;
}
select {
	font-size: 8pt;
}



/*	*	*	*	*	*	*	*	*	*	*
	 begin bannerTop
	 Style defined for the banner on the top of the page.
	 Using prefix "bannerTop"
*	*	*	*	*	*	*	*	*	*	*/
table.bannerTopTable {
	border: thick;
	border-color: black;
}
/*NS4 ignores bgimage in table; must be in td*/
.bannerTopTable td {
	background-repeat: repeat-x;
	vertical-align: top;
	padding-bottom: 0px;
}
img.bannerTopLogo {
	width: 80px;
}
td.bannerTopPageTitle {
}
.bannerTopRight {
	text-align: right;
	padding: 10px;
}
.bannerTopLeft {
	text-align: left;
	padding: 10px;
}
.bannerTop {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
}
.bannerTopRight a {
}
.emergencynotice {
	background-color: white;
	color: red;
	font-weight: bold;
}
aa.navlink {
	display: none;
}
form.navlink {
	display: none;
}
.navlink {
	display: none:
}



/*	*	*	*	*	*	*	*	*	*	*
	 begin bannerBottom
	 Style defined for the banner on the bottom of the page.
	 Using prefix "bannerBottom"
*	*	*	*	*	*	*	*	*	*	*/
.bannerBottomLegal {
	font-size: 60%;
	color: #999999;
}



/*	*	*	*	*	*	*	*	*	*	*
	 begin mainContent
	 Style defined for the main content of the page.
	 Using prefix "mainContent"
*	*	*	*	*	*	*	*	*	*	*/
table.mainContentTable {
}
.mainContentBody td {
	vertical-align: top;
}
p.click {
	color: rgb(0,72,32);
}
a {
	color: rgb(0,0,0);
	text-decoration: none;
}
a.click {
	color: rgb(0,0,0);
}
img.click {
	border-style: none;
}



/*	*	*	*	*	*	*	*	*	*	*
	 begin folder
	 Style defined for the folder on the page.
	 Using prefix "folder"
*	*	*	*	*	*	*	*	*	*	*/
table.folderHeading {
	margin-top: .5em;
}
table.folderHeading1 {
	margin-top: .5em;
	border: 3px solid #ECF3EF;
/*	margin: 5px;*/
	background-color: #E3E3E3;

}
table.folderHeading1Bigger {
	font-size: 130%;
	margin-top: .5em;
	border: 3px solid #ECF3EF;
/*	margin: 5px;*/
	background-color: white;

}

table.folderHeadingNoBorder {
	margin-top: .5em;
	border: 0px solid white;
	font-size: 9pt;
/*	margin: 5px;*/
	background-color: white;
}
td.folderHeadingColSpan {
	background-color: white;
	font-size: 9pt;
	font-weight: bold;
	color: white;
	vertical-align: middle;
	margin: 0em;
	padding: 0em;
	border: 0em;
}
td.folderHeading {
	background-color: #E3E3E3;
	background-repeat: repeat-x;
	font-size: inherit;
	font-weight: bold;
	color: black;
	border: 0em;
	padding-left: .2em;
	padding-right: .2em;
	padding-bottom: .1em;
	vertical-align: middle;
}
td.folderHeadingSpace {
	background-color: white;
	font-size: 9pt;
	font-weight: bold;
	color: white;
	border: 0em;
	padding: 0em;
	margin: 0em;
}
tr.folderHeading {
	margin-top: 2em;
	font-weight: bold;
	color: white;
}
td.folderHeadingColSpan {
	background-color: rgb(99,142,107);
	background-image: url(/cc/images/tab_mid.jpg);
	background-repeat: repeat-x;
	font-size: 9pt;
	font-weight: bold;
	color: white;
	padding-top: .2em;
	padding-left: .2em;
	padding-right: .2em;
	padding-bottom: .2em;
	vertical-align: middle;
}
td.folderHeadingImg {
	background-color: rgb(99,142,107);
	vertical-align: top;
}
table.folderBox {
	background-color: rgb(99,142,107);
	margin-bottom: .5em;
}
td.folderBox {
	background-color: rgb(99,142,107);
	margin: 0em;
	padding: 0em;
	border: 0em;
}
table.folderContent {
	vertical-align: top;
	font-size: 10pt;
	color: black;
	border: 0em;
	margin: 0em;
	padding: 0em;
	background-color: #e5e5e5;
}
table.folderContentNoBkGd{
	vertical-align: top;
	font-size: 10pt;
	color: black;
	border: 0em;
	margin: 0em;
	padding: 0em;
	background-color: white;
}
td.folderSubHeading {
	font-weight: bold;
	border-color: rgb(99,142,107);
}
td.folderColumnHeading {
	font-size: 7pt;
	vertical-align: top;
	background-color: #E3E3E3;
	color: black;
	border: 0em;
	margin: 0em;
	padding-left: .2em;
	padding-right: .2em;
	padding-top: 0em;
	padding-bottom: 0em;
}






tr:nth-of-type(odd) {
      background-color: white;
}

tr:nth-of-type(even) {
      background-color: #f1f1f1;
}





td.fL {
	font-size: inherit;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	border: thin;
	margin: 0em;
	padding: .2em;

}

td.fC {
	font-size: inherit;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	border: thin;
	margin: 0em;
	padding: .2em;

}

td.fN {
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	margin: 0em;
	padding: .2em;
	border: thin;

}

td.fO {
	font-size: inherit;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	border: thin;
	margin: 0em;
	padding: .2em;

}

td.fPR {
	font-size: inherit;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	border: thin;
	margin: 0em;
	padding: .2em;

}

td.fPM {
	font-size: inherit;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	border: thin;
	margin: 0em;
	padding: .2em;

}

.trhighlight { page-break-inside: avoid; }


span.clauseVarComplete {
	color: black;
}

span.clauseVarInComplete {
	color: black;
}


table.strike td {
	text-decoration: line-through;
}


.strike {
	text-decoration: line-through;
}

table.bold td {
	font-weight: bold;
}




table.thinBorder {
	margin: 0em;
	padding: 0em;
	border: 1px solid black;
}

td.thinBorder {
	border-left: 1px solid black; 
	border-top: 1px solid black;
}

@media print {
	.noprint {
		display: none;
	}
}

.font4pt {
	font-size: 4pt;
}

.font6pt {
	font-size: 6pt;
}

.font8pt {
	font-size: 8pt;
}

.font10pt {
	font-size: 10pt;
}

.font12pt {
	font-size: 12pt;
}

.font24pt {
	font-size: 24pt;
}

.font20Bigger {
	font-size: 120%;
	font-weight: bold;
}

p.paragraphSmall {
	margin: 0;
	padding: 0;
}



/* arial is in 99% of browsers http://www.visibone.com/font/FontResults.html */

/* most browsers default to color:black; bg: white, but just be sure */





.G {
	margin: 0in;
	border-width: 0in;
	border-style: none;
	padding: 0in;
	font-family: arial;
	font-size: 10pt;
	color: black;
	background-color: white;
}


.G p {
	margin: 0.2in;
	border-width: 0in;
	border-style: none;
	padding: 0in;
	font-size: 100%;
}

.G p.tarionsmallwarning {
	border-width: 1px;
	border-style: solid;
	padding: 0.06in;
	background-color: #cccccc;
	width: 1.1in;
	font-size: 58%;
	font-weight: bold;
	text-align: center;
}

/* Firefox and IE make h1's 200% by default, but in case they change that */

.G h1 {
	font-size: 200%;
	text-align: center;
}

.G td {
	font-size: 100%;
	vertical-align: top;
	font-family: arial;
}

/* section titles on the left side of the table (underlined) */
.G td.h {
	text-decoration: underline;
	width: 10%;
}

/* small print font size*/
.G td.sp {
	font-size: 70%;
}

/* section titles on the left side of the table (not underlined) */
.G td.fc {
	width: 10%;
}

/* width of tables*/
.G table.t {
	width: 100%;
}

/* grey tables sections*/
.G table.bg {
	background-color: #cccccc;
	width: 100%;
}

td.rightBuffer {
	padding-right: 10px;
}

td.noborder {
	border: 0px;
}

tbody.scrollTable {
/*	overflow:auto;
	overflow-x: hidden
	height: 300px;
 */
	padding: 0px;
	border: 1px solid black;
}


.displayNone {
	display: none;
}



















/* Setup for Rickshaw D3 Charting */

#chart_container {
        position: relative;
        font-family: Arial, Helvetica, sans-serif;
}
#chart {
        position: relative;
        left: 40px;
}
.rickshaw_graph .y_ticks {
        left: 0;
}
#y_axis {
        position: absolute;
        top: 0;
        bottom: 0;
        width: 40px;
}
#legend {
        display: inline-block;
        vertical-align: top;
        margin: 0 0 0 10px;
}





.highlightGood {
	background-color: #33cc00;
	font-weight: bold;
}

.highlightGoodLess {
	background-color: #6ae846;
	font-weight: bold;
}

.highlightMid {
	background-color: #ffd800;
	font-weight: bold;
}

.highlightBad {
	background-color: #ff3e3e;
	font-weight: bold;
}



td.highlightGood {
	background-color: #33cc00;
	font-weight: bold;
}

td.highlightGoodLess {
	background-color: #6ae846;
	font-weight: bold;
}

td.highlightMid {
	background-color: #ffd800;
	font-weight: bold;
}

td.highlightBad {
	background-color: #ff3e3e;
	font-weight: bold;
}

.CSSGreen10 {
	background-color: #dde8cb !important;
}

.CSSGreen30 {
	background-color: #81d41a !important;
}

.CSSGreen60 {
	background-color: #77bc65 !important;
}

.CSSGreen80 {
	background-color: #3faf46 !important;
}

.CSSGreen100 {
	background-color: #158466 !important;
}

.CSSRed {
	background-color: #dd0000 !important;
}