body.body {
	margin: 0%;
	font-family: verdana, arial, sans-serif;
	color: rgb(0, 0, 0);
	background-color: rgb(254, 254, 254);
	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;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	border: thin;
	margin: 0em;
	padding: .2em;
}
.error {
	background-color: #ffc0cb;	/*pink*/
	color: #ff3e3e;
	font-weight: bold;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	border: thin;
	margin: 0em;
	padding: .2em;
}
.fPRerror {
	background-color: #ffc0cb;	/*pink*/
	color: red;
	font-weight: bold;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	border: thin;
	margin: 0em;
	padding: .2em;
}
.notify {
	background-color: #33cc00;
	font-weight: bold;
}
.fPRnotify {
	background-color: #33cc00;
	font-weight: bold;
}
.progress {
	background-color: blue;
	color: blue;
}
.working {
	background-color: #cccccc;
	color: #cccccc;
}

.loginLarge {
	font-size: 150%;
	background-color: #FFD800;
}






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

/** 2004.07.12. Alex.  Added back in after someone removed it. */
td {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	vertical-align: top;
}

/*NS4 doesn't inherit from body*/
td {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	vertical-align: top;
}
.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;
}

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 li, p {
	page-break-inside: avoid;
	font-size: 8pt;
}
.clause td {
	font-size: 8pt;
	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
}


.nobr	{ white-space:nowrap; }

/*	*	*	*	*	*	*	*	*	*	*
	 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 {
}

td.bannerTopPageTitle {
}
.bannerTopRight {
	text-align: right;
	padding: 10px;
}
.bannerTopLeft {
	text-align: left;
	padding: 10px;
}
.bannerTop {
	text-align: left;
	padding: 0px;
//	padding-left: 10px;
//	padding-right: 10px;
}
.bannerTopRight a {
}
.emergencynotice {
	background-color: white;
	color: red;
	font-weight: bold;
}



/*	*	*	*	*	*	*	*	*	*	*
	 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 {
}

table.fancyTable {
	border-width: 1px;
	border-color: black;
	border: thin;
	
}

.mainContentBody td {
	vertical-align: top;
}
p.click {
	color: black;
	font-weight: bold;
}
a {
	font-weight: bold;
  color: blue;
}
a:hover {
	background: #ffffa1;
	font-weight: bold;
}
div.link {
	font-weight: bold;
	color: blue;
	text-decoration: underline;
}

a.heading {
	vertical-align: top;
	background-color: #E9E9E9;
	color: #666666;
	border: 0em;
	margin: 0em;
	padding-right: .2em;
	padding-top: 0em;
	padding-bottom: 0em;
}
a.lighterLink {
	font-weight: bold;
	color: #e9e9e9;
}
a.lighterLink:hover {
	font-weight: bold;
	color: blue;
}

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: white;

}
table.folderHeading1Bigger {
	font-size: 110%;
	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: #464646;

	font-size: 10pt;
	font-weight: bold;
	color: white;

	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.bigger {
	font-size: 110%;
}
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;
}

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

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

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

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

}

td.folderSubHeading {
	font-weight: bold;
	border-color: rgb(99,142,107);
}
td.folderColumnHeading {
	font-size: 7pt;
	font-weight: bold;
	vertical-align: top;
	background-color: #E9E9E9;
	color: #666666;
	border: 0em;
	margin: 0em;
	padding-left: .2em;
	padding-right: .2em;
	padding-top: 0em;
	padding-bottom: 0em;
}
th.folderColumnHeading {
	font-size: 7pt;
	font-weight: bold;
	vertical-align: top;
	background-color: #E9E9E9;
	color: #666666;
	border: 0em;
	margin: 0em;
	padding-left: .2em;
	padding-right: .2em;
	padding-top: 0em;
	padding-bottom: 0em;
}
td.fL {
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	border: thin;
	margin: 0em;
	padding: .2em;
	border: thin;

}

/*table.folderHeading1 tr tr tr:hover td.fL2 { background: #fff3e8; } */
td.fC {
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	margin: 0em;
	padding: .2em;
	border: thin;

}

/*table.folderHeading1 tr tr tr:hover td.fC2 { background: #fff3e8; } */
td.fO {
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	color: black;
	border: thin;
	margin: 0em;
	padding: .2em;
	border: thin;

}

/*table.folderHeading1 tr tr tr:hover td.fO2 { background: #fff3e8; } */


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

}


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

}



.rowSelected {
	background-color: #55bb55;
	border-color: #55bb55;
}

.rowSelectedRed {
	background-color: #ff0000;
	border-color: #ff0000;
//	border-radius: 15px;
}

.rowSelectedOrange {
	background-color: #FFC300;
	border-color: #FFC300;
}

div.calCellRow {
//	width: 13%;
	white-space: nowrap; 
	overflow: hidden; 
	text-overflow: ellipsis; 
	//padding-left: 20px; 
	border-top: 1px solid black;
	border-bottom: 1px solid black;
//	background-color: #ffffff;
	padding-right: 5px; 
}

div.calCellRow.calCellRowText {
	padding-left: 10px;
}

td.calCellRow {
	background-color: #ffffff;
}

div.calCellRowEmpty {
	wid3th: 100px; 
	padding-left: 10px; 
	border: 1px solid white;
	background-color: #ffffff;
}

div.calCellRow.rowSelectedRed {
	background-color: #99ff99 !important;
	//border-color: #ff5555 !important;
	border-color: 1 px solid black !important;
}

div.calCellRow.rowSelectedRed a {
	c3olor: black !important;
}


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

}


@media (hover: none), (hover: on-demand), (-moz-touch-enabled: 1), (pointer:coarse) {
	td.fPM {
		border-right: 3px solid #00ff00
	}
}




td.fPR:hover { background-color: #fff3e8; }
td.fPR:hover { background-color: #fff3e8; }
td.fPM:hover { background-color: #00ff00; }
td.fPM:hover { background-color: #00ff00; }

span.fPM:hover { background-color: #00ff00; color: black }
span.fPM:hover { background-color: #00ff00; color: black }


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

tr.trhighlight:hover td { background-color: #d4d4d4; }

tr.trhighlight td.fPR:hover { background-color: #fff3e8; }
tr.trhighlight td.fPR:hover { background-color: #fff3e8; }
tr.trhighlight td.fPM:hover { background-color: #00ff00; }
tr.trhighlight td.fPM:hover { background-color: #00ff00; }
 


/* These are the styles to use in the Property Modify widgets so that they don't get greyed out */
td.fPMW {
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	background-color: #FFFFFF;
	color: black;
	margin: 0em;
	padding: .2em;
	border: thin;

}
td.fPMW {
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	background-color: #d9d9d9;
	color: black;
	margin: 0em;
	padding: .2em;
	border: thin;

}

span.clauseVarComplete {
	color: #009999;
}

span.clauseVarIncomplete {
	color: #cc3333;
}

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;
	}
}

.imageViewer {
	border: solid black; 
	border-width: 1px; 
	white-space:nowrap; 
	height:100%; 
	width:300px; 
	overflow:auto;
}

@media .imageViewer {
	border: solid black; 
	border-width: 1px; 
	white-space:nowrap; 
	height:100%; 
	overflow:auto;
}

#ToolTip {position:absolute; visibility:hidden; z-index:200; width:260px; }


.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;
}

div.fO2 {
	font-size: 8pt;
	padding-left: .2em;
	padding-right: .2em;
	vertical-align: top;
	background: #d9d9d9;
	color: black;
	border: thin;
	margin: 0em;
	padding: .2em;
	border: thin;

}


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

table.folderHeading1 td.TableSortedAscending {
	background-image:url("/cc/images/sorted_up.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left: 1.5em;
}
table.folderHeading1 td.TableSortedDescending {
	background-image:url("/cc/images/sorted_down.gif");
	background-position:center left;
	background-repeat:no-repeat;
	padding-left: 1.5em;
}


/* 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;
}

div.dropdownBox {
	position:absolute;
	overflow:auto;
	border: 4px solid orange;
	background-color: white;
	height: 300px;
	width: 95%;
	padding: 0px;
	display:none;
	z-index: 160000;
}

tbody.scrollTable {
	overflow:auto;

	height: 500px;

	padding: 0px;
	border: 1px solid black;
	overflow-x: hidden
}

#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}
/*
div.analysisResults { 
    width: 600px; 
    overflow-x:scroll;  
    margin-left:5em; 
    overflow-y:visible;
    padding-bottom:1px;
}
td.analysisFreezeColumn {
     position:absolute; 
     width:5em; 
     left:0;
     top:auto;
     border-right: 0px none black; 
     border-top-width:3px; /*only relevant for first row*/
     margin-top:-3px; /*compensate for top border*/
 }
*/



/* Setup for JQuery autocomplete widget */
.custom-combobox {
position: relative;
display: inline-block;
}
.custom-combobox-input {
margin: 0;
padding: 0.3em;
}

.ui-menu-item-autocomplete-odd {
	font-size: 8pt;
	background-color: #eeeeee;
}
.ui-menu-item-autocomplete-even {
	font-size: 8pt;
	background-color: #dddddd;
}

.ui-tooltip {
    max-width: 300px;
}

.ui-dialog {
	z-index: 160000;
}

.ui-button-icon-only {
    height: 21px;
}
.ui-corner-all {
	font-size: 8pt;
}

.ui-autocomplete { 
	max-height: 80%;
	overflow-y: scroll; 
	overflow-x: hidden;
}

.tooltiptext {
	display: none;
}

.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;
}


/* TinyMCE version 5.4.  Change to get editor to overlay the Builder Lynx z-index on propertyModifyAjax popups. */
.tox.tox-tinymce-aux,
.tox-fullscreen .tox.tox-tinymce-aux {
  z-index: 16000;
}


svg {
	pointer-events: visiblePainted;
}







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

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

.highlightGoodLess2 {
	background-color: #8ee077;
	font-weight: bold;
}

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

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


td.highlightBlueLight, .highlightBlueLight {
	background-color: #add9ea;
	font-weight: bold;
}

td.highlightBlueMid, .highlightBlueMid {
	background-color: #87CEEB;
	font-weight: bold;
}

td.highlightBlueDark, .highlightBlueDark {
	background-color: #5cc3ed;
	font-weight: bold;
}



td.highlightOrangeLight, .highlightOrangeLight {
	background-color: #f7e09a;
	font-weight: bold;
}

td.highlightOrangeMid, .highlightOrangeMid {
	background-color: #eaca6b;
	font-weight: bold;
}

td.highlightOrangeDark, .highlightOrangeDark {
	background-color: #eeb300;
	font-weight: bold;
}


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

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

td.highlightGoodLess2 {
	background-color: #8ee077;
	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;
}

.CSSRed10 {
	background-color: #ddc7c7 !important;
}

.CSSRed30 {
	background-color: #dd9b9b !important;
}

.CSSRed60 {
	background-color: #dd5858 !important;
}

.CSSRed80 {
	background-color: #dd2c2c !important;
}

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

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