/* WIDGET STYES -- 200x420 */

/* STRUCTURE */

#widget200x420, #link-wrap {
	height: 420px;
	width: 200px;
}

	#widgettitle {
		border-bottom: 1px solid #c4e2f3;
		padding: 15px;
		text-align: center
	}

	#widgettitle h2 {
		max-width: 130px;
		overflow: hidden;
		text-overflow: ellipsis;
	}

		#logo {
			float: left;
			width: 34px;
			height: 34px;
			border: 1px solid #c4e2f3;
		}

			#logo img {
				width: 30px;
				height: 30px;
				display: block;
				margin: 2px;
			}

			h2, h3 {
				width: 125px;
				float: right;
				text-align: left;
				margin: 0 0 3px 0;
			}

		#thermo {
			width: 62px;
			margin: 0 auto;
			position: relative;
			left: 0;

			*margin-top: 20px;
		}

			#mask {
				position: absolute;
				top: -10px;
				left: -9px;
				width: 72px;
				height: 215px;
				background: url('../../../img/widgets/200x420thermo/thermo_mask.png') no-repeat center center;
				z-index: 1000 !important;
			}

			#track {
				margin: 15px 0 0 5px;
				font-size: 14px;
				line-height: 18px;
				background: url('../../../img/widgets/200x420thermo/bg_track.jpg') #444 center center;
				width: 53px;
				height: 197px;
				color: #fff;
				position: relative;
				top: 10px;
			}

				#bulb {
					background: url('../../../img/widgets/200x420thermo/bg_thermo.png') repeat-y;
					width: 100%;
					height: 53px;
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 10;
					background-color: #009b80
				}

					#raised {
						height: 148px;
						width: 53px;
						position: relative;
						z-index: 100;
					}


				#mercury {
					background: url('../../../img/widgets/200x420thermo/bg_thermo.png') repeat-y;
					width: 53px;
					color: #fff;
					position: absolute;
					bottom: 0;
					left: 0;
					background-color: #009b80;
					z-index: -1 !important;
				}

					#raisedflag {
						background: url('../../../img/widgets/200x420thermo/bg_raised_flag.gif') no-repeat;
						position: absolute;
						top: -10px;
						right: -60px;
						z-index: 1000000 !important;
						width: 61px;
						height: 23px;
						font-size: 11px;
						padding: 1px 0 0 10px;
						*padding-top: 3px;
						voice-family: "\"}\"";
  						voice-family:inherit;
						width: 51px;
						height: 22px;
					}

			#goalflag {
				background: url('../../../img/widgets/200x420thermo/bg_goal_flag.png') no-repeat;
				position: absolute;
				text-align: right;
				top: 0;
				left: -58px;
				width: 88px;
				color: #fff;
				width: 68px;
				height: 44px;
				font-size: 11px;
				line-height: 12px;
				z-index: 1000000;
				padding: 5px 12px 0 0;
				voice-family: "\"}\"";
  				voice-family:inherit;
				width: 55px;
				height: 38px;
				background-color: #009b80;
				overflow: hidden;
			}

			#goalflag em {
				color: #fff;
				font-size: 14px;
				margin-top: 2px;
				text-align: right;
			}

			#goalflag.complete {
				background: url('../../../img/widgets/200x420thermo/bg_goal_reached_flag.jpg') no-repeat transparent;
				color: #e37020 !important;
				height: 37px;
			}

				#goalflag.complete em {
					color: #e37020 !important;
				}

			#supportbtn {
				display: block;
				max-width: 125px;
				text-align: center;
				margin: 20px auto 0 auto;
			}