<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* For publishing pages the background color is set using the class "ms-WPBorder" instead of class "ms-wpcell". */
/* So, set the background color for class "s4-wpcell" to transparent.                                           */
.s4-wpcell {
	background-color: transparent;
}

.style1 {
	color: #0072BC;
}
	
ul#cssmenu {
	width: 690px;
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 5px auto 0px auto;
}
	
ul#cssmenu ul {
	list-style-type: none;
	list-style-image: none;
	padding: 0px;
	margin: 0px;
}
	
ul#cssmenu &gt; li {
	display: block;
	float: left;
	padding-left: 4px;
}
	
ul#cssmenu &gt; li:first-child {
	display: block;
	float: left;
	padding-left: 0px;
}
	
ul#cssmenu &gt; li.has-sub &gt; ul {
	display: none;
	position: absolute;
	z-index: 99999;
	background-color: #aeb586;
	border: solid 1px #4a5122;
	width: 107px;
}
	
ul#cssmenu &gt; li.has-sub:hover &gt; ul {
	display: block;
}
	
ul#cssmenu &gt; li.has-sub &gt; ul &gt; li {
	text-align: center;
}
	
ul#cssmenu &gt; li.has-sub &gt; ul &gt; li &gt; a {
	color: #4a5122;
	font-weight: bold;
	font-size: 6.5pt;
	text-decoration: none;
	display: block;
	padding: 5px 3px;
}
	
ul#cssmenu &gt; li.has-sub &gt; ul &gt; li:first-child &gt; a {
	border-bottom: solid thin #4a5122;
}
	
ul#cssmenu &gt; li.has-sub &gt; ul &gt; li &gt; a:hover {
	background-color: #133d19;
	color: white;
}

/* Classes for Calculator Tutorial pages */
.content {
	display:block;
	padding: 10px;        
	height: 100%;
	font-size: 1.3em;
	line-height: 140%;
}

/* set line height for h1 header tags */
.content h1 {
	line-height: 1.5em;
}

div.content a {
	text-decoration: underline !important;
}

/* Classes for Calculator pages */
#calcDiv {
	min-height: 415px;
}

.calcSelectImage A {
	TEXT-DECORATION: none !important;
}

.calcSelectImage IMG {
	BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; BORDER-TOP: medium none; BORDER-RIGHT: medium none
}

.calcSelectImage:hover {
	BACKGROUND-COLOR: #7e874c
}

.calcHeaderText {
	font-size: 1.2em !important;
}

.calcButton {
	width: 76px;
}

.calcReqInput {
	background-color: #aeb586 !important;
}

.calcTextOutput {
	width: 60px;
        text-align: center;
        font-weight: bold;
	font-size: 1.1em;
}

.calcSourceText {
	font-size:0.8em;
	margin: 0px 12px;
	padding-left: 40px;
	text-indent: -40px;
	clear: both;
}

.calcShortInputText {
	width: 35px;
}

.calcPedSign {
	width: 61px;
	height: 45px;
}

.calcPedRow {
	height: 50px;
        vertical-align: middle;
        text-align: left;
}

table.calcInputTable td {
	font-size: 1.2em !important;
	padding: 5px;
}
/* End: Classes for Calculator pages */

/* Classes for Calculator Tutorial pages */
.content {
	display:block;
	padding: 10px;        
	height: 100%;
	font-size: 1.3em;
	line-height: 140%;
}

div.content a {
	text-decoration: underline !important;
}

/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; /* this padding mirrors the right padding in the headings and paragraph rule above. Padding was placed on the bottom for space between other elements on the lists and on the left to create the indention. These may be adjusted as you wish. */
}

.contsigns {
	min-height:600px;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrt {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 10px 0 5px 8px;
}

.fltlft { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin: 10px 8px 5px 0;
}

/* ~~ miscellaneous float/clear classes ~~ */
.fltrttight {  /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 5px 5px 5px 5px;
}

.fltlfttight { /* this class can be used to float an element left in your page. The floated element must precede the element it should be next to on the page. */
	float: left;
	margin: 5px 5px 5px 5px;
}

.clearfloat { /* this class can be placed on a &lt;br /&gt; or empty div as the final element following the last floated div (within the #container) if the #footer is removed or taken out of the #container */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

.bgover { /* this class removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
	border: none;
}
/* End: Classes for Calculator Tutorial pages */

.sidebar1 {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 5px; WIDTH: 225px; PADDING-RIGHT: 5px; FLOAT: left; HEIGHT: 100%; PADDING-TOP: 0px
}
.sidebar1 UL {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-SIZE: 10px; PADDING-TOP: 5px
}
.sidebar1 OL {
	PADDING-BOTTOM: 5px; PADDING-LEFT: 10px; PADDING-RIGHT: 5px; FONT-SIZE: 10px; PADDING-TOP: 5px
}
UL.sidebar1 {
	LIST-STYLE-TYPE: none; OVERFLOW: hidden; LIST-STYLE-IMAGE: none
}
UL.sidebar1 LI {
	LINE-HEIGHT: 1.3em; MARGIN-BOTTOM: 2px; FLOAT: left; MARGIN-RIGHT: 2px
}
UL.sidebar1 A {
	WIDTH: 130px; DISPLAY: block; MARGIN-RIGHT: 2px; TEXT-DECORATION: none !important
}
UL.sidebar1 A:visited {
	WIDTH: 130px; DISPLAY: block; MARGIN-RIGHT: 2px; TEXT-DECORATION: none !important
}
UL.sidebar1 A:hover {
	FONT-WEIGHT: bold; TEXT-DECORATION: underline !important
}
UL.sidebar1 A:active {
	TEXT-DECORATION: underline !important
}
UL.sidebar1 A:focus {
	TEXT-DECORATION: underline !important
}
UL.sidebar1 LI UL {
	LIST-STYLE-TYPE: none; MARGIN-TOP: -2px; MARGIN-BOTTOM: -3px; FLOAT: left; LIST-STYLE-IMAGE: none; MARGIN-RIGHT: 10px
}
UL.sidebar1 LI UL LI {
	LIST-STYLE-TYPE: none; MARGIN: 0px 10px 0px 0px; FLOAT: left; LIST-STYLE-IMAGE: none
}

/*hide the span showing the number of records */
/*in each question group by (there should be  */
/*only one answer for each question.)         */
td.ms-gb&gt;span {
	display: none !important;
}
</pre></body></html>