/* Page Defaults */
body { margin: 0; padding: 0; }
#main-frame { margin: 0; padding: 0; }
#content-messpath-frame { width: 650px; padding-left : 27px; padding-right: 27px; margin-bottom: 15px; border-top: 1px solid transparent; }


/* Header messages */
#message { font: 700 10.5pt arial,sans-serif; letter-spacing: .04em; margin-top: 4px; margin-bottom: 30px; padding-top: 4px; padding-bottom: 3px; padding-left: 4px; padding-right: 4px; border: 0px solid black; }
	#message :link, :visited { text-decoration: none; }
#message-inner-lg { font: 700 12pt arial,sans-serif; letter-spacing: .08em; margin: 0px; padding: 1px; color: #000000; text-align: center; text-decoration: none; }
#message-inner-md { font: 700 10pt arial,sans-serif; letter-spacing: .05em; margin: 0px; padding: 1px; color: #000000; text-align: center; text-decoration: none; }
#message-inner-sm { font: 700 8.5pt arial,sans-serif; letter-spacing: .01em; margin: 0px; padding: 1px; color: #000000; text-align: center; text-decoration: none; }


/* Header Message Buttons */
.button-message { font: 500 9pt helvetica,arial,sans-serif; height: 22px; }
.button-message { padding: 0px; margin: 0px; }
.button-message {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f4f4f4), color-stop(1, #dddddd) );
	background:-moz-linear-gradient( center top, #f4f4f4 10%, #dddddd 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dddddd');
	background-color:#f4f4f4;
	-webkit-border-top-left-radius:6px;
	-moz-border-radius-topleft:6px;
	border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
	-moz-border-radius-topright:6px;
	border-top-right-radius:6px;
	-webkit-border-bottom-right-radius:6px;
	-moz-border-radius-bottomright:6px;
	border-bottom-right-radius:6px;
	-webkit-border-bottom-left-radius:6px;
	-moz-border-radius-bottomleft:6px;
	border-bottom-left-radius:6px;
	text-indent:0;
	border:1px solid #aaaaaa;
	display:inline-block;
	color:#222222;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	height:24px;
	line-height:22px;
	width:115px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.button-message:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dddddd), color-stop(.9, #f4f4f4) );
	background:-moz-linear-gradient( center top, #dddddd 10%, #f4f4f4 90% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#f4f4f4');
	background-color:#dddddd;
}.button-message:active {
	position:relative;
	top:1px;
}


/* Body */
#content-body-frame { font: 400 1em arial,sans-serif; line-height: 1.4em; padding-top: 0px; padding-bottom: 37px; padding-left: 27px; padding-right: 27px; border: 0px solid pink; }

.ts-line { margin-bottom: 15px; }

/* Campaign Thermometer */
.thermometer { display: inline-block; background-color: #ffbb00; width: 80px; height: 80px; border: none; padding: 0em; margin: 0em; position: relative; }
.thermometer > * { border: none; padding: 0px; margin: 0px; position: absolute; }
	.thermometer img { left: 0px; bottom: 0px; width: 100%; height: 100%;}
	.thermometer .value { color: black; font: 500 .78rem arial,sans-serif; left: 38px; }
	.thermometer .value.max { top: 5px; }
	.thermometer .value.min { bottom: 21px; }
	.thermometer .frame { width: 10px; left: 17px; bottom: 26px; height: 50px; border-radius: 4px 4px 0px 0px; overflow: hidden; }
	.thermometer .frame.empty { background-color: white; }
	.thermometer .fill.bar { position: absolute; bottom: 0px;
				 /*width: 10px; */
				 width: 100%;
		background: #8e5959;
		background: -moz-linear-gradient(left, #8e5959 0%, #ffcaca 10%, #d60000 40%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8e5959), color-stop(10%,#ffcaca), color-stop(40%,#d60000));
		background: -webkit-linear-gradient(left, #8e5959 0%,#ffcaca 10%,#d60000 40%);
		background: -o-linear-gradient(left, #8e5959 0%,#ffcaca 10%,#d60000 40%);
		background: -ms-linear-gradient(left, #8e5959 0%,#ffcaca 10%,#d60000 40%);
		background: linear-gradient(to right, #8e5959 0%,#ffcaca 10%,#d60000 40%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e5959', endColorstr='#d60000',GradientType=1 );
      }
.thermometer2 { display: inline-block; background-color: #aadd00; width: 80px; height: 80px; border: none; padding: 0em; margin: 0em; position: relative; }
.thermometer2 > * { border: none; padding: 0px; margin: 0px; position: absolute; }
	.thermometer2 img { left: 0px; bottom: 0px; width: 100%; height: 100%;}
	.thermometer2 .value {color: black; font: 500 7pt arial,sans-serif; left: 33px;}
	.thermometer2 .value.max { top: 5px; }
	.thermometer2 .value.min { bottom: 23px; }
	.thermometer2 .frame {width: 9px; left: 16px; bottom: 25px;height:51px;border-radius: 3px 3px 0px 0px; overflow: hidden;}
	.thermometer2 .frame.empty {background-color: white; }
	.thermometer2 .fill.bar { position: absolute; bottom: 0px;
				  /* width: 10px;*/ width: 100%;
		background: #8e5959;
		background: -moz-linear-gradient(left, #8e5959 0%, #ffcaca 10%, #d60000 40%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#8e5959), color-stop(10%,#ffcaca), color-stop(40%,#d60000));
		background: -webkit-linear-gradient(left, #8e5959 0%,#ffcaca 10%,#d60000 40%);
		background: -o-linear-gradient(left, #8e5959 0%,#ffcaca 10%,#d60000 40%);
		background: -ms-linear-gradient(left, #8e5959 0%,#ffcaca 10%,#d60000 40%);
		background: linear-gradient(to right, #8e5959 0%,#ffcaca 10%,#d60000 40%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8e5959', endColorstr='#d60000',GradientType=1 );
      }	
.thermometer_tall { display: inline-block; background-color: #ffbb00; width: 109px; height: 200px; border: none; padding: 0em; margin: 0em; position: relative; }
.thermometer_tall > * { border: none; padding: 0px; margin: 0px; position: absolute; }
	.thermometer_tall img { left: 0px; bottom: 0px; width: 100%; height: 100%;}
	.thermometer_tall .value { color: black; font: 500 .85rem arial,sans-serif; left: 47px; }
	.thermometer_tall .value.max { top: 9px; } /* where top number appears */
	.thermometer_tall .value.min { bottom: 39px; } /* where bottom number appears */
	.thermometer_tall .frame { width: 15px; left: 21px; bottom: 47px; height: 144px; border-radius: 6px 6px 0px 0px; overflow: hidden; }
	.thermometer_tall .frame.empty { background-color: #eeffee; }
	.thermometer_tall .fill.bar { position: absolute; bottom: 0px;
				      /* width: 13px; */ width: 100%;
		background: #99bb99;
		background: -moz-linear-gradient(left, #99bb99 0%, #44aa44 10%, #00bb00 40%);
		background: -webkit-gradient(linear, left top, right top, color-stop(0%,#99bb99), color-stop(10%,#44aa44), color-stop(40%,#00bb00));
		background: -webkit-linear-gradient(left, #99bb99 0%,#44aa44 10%,#00bb00 40%);
		background: -o-linear-gradient(left, #99bb99 0%,#44aa44 10%,#00bb00 40%);
		background: -ms-linear-gradient(left, #99bb99 0%,#44aa44 10%,#00bb00 40%);
		background: linear-gradient(to right, #99bb99 0%,#44aa44 10%,#00bb00 40%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99bb99', endColorstr='#00bb00',GradientType=1 );
	}
