body {
				padding: 0px;
				margin: 0px;
				color: #444444;
				background: #FFFFFF;
				font-family: Arial, Sans-Serif;

				height: 100%;
				overflow: hidden;
			}
			body, div, ul, a {
				cursor: hand;
			}

			div#content
			  {
			  width: 100%;
			  height: 100%;
			  overflow: visible;
			  }

			a {
				text-decoration: none;
			}
			a.download {
				font-weight: bold;
			}
			form {
				margin: 30px;
			}
				form input.text {
					width: 100%;
					font-size: 1.5em;
				}
				form input.button {
					font-size: 1.5em;
					float: right;
				}
			#scrollingarea {
				top: 48px;
				width: 100%;
				bottom: 78px;
				overflow: hidden;
				position: absolute;
			}

			#scrollingarea2 {
				top: 48px;
				width: 25%;
				height: 70%;
				overflow: hidden;
				position: absolute;
			}

			#scrollingarea3 {
				top: 48px;
				width: 25%;
				float: right;
				height: 70%;
				overflow: hidden;
				position: absolute;
			}

			#narrowscrollingarea {
				top: 48px;
				width: 50%;
				height: 70%;
				overflow: hidden;
				position: absolute;
			}


			#wide {
				width: 200%;
				margin-top: 355px;
			}


			#narrow {
				width: 100%;
				margin-top: 355px;
			}


			div.col {
				width: 50%;
				float: left;
				min-height: 355px;
				position: relative;
			}

			div.col2 {
				width: 25%;
				float: left;
				min-height: 355px;
				position: relative;
			}

			div.col3 {
				width: 25%;
				float: right;
				min-height: 355px;
				position: relative;
			}


			#column1 {
				list-style: none;
				padding: 0px;
				margin: 0px;
			}

			#column2 {
				list-style: none;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}

			#column3 {
				list-style: none;
				left: 50%;
				width: 100%;
				padding: 0px;
				margin: 0px;
			}


				ul li {
					border-bottom: 1px solid #E9E9E9;
					border-left: 1px solid #E9E9E9;
					border-right: 1px solid #E9E9E9;
				}
					ul li a, ul li a:active, ul li div.story {
						display: block;
						padding: 7px;
						padding-left: 15px;
						color: #444444;
						min-height: 18px;
					}
					ul li a div.spinner {
						display: none;
					}
						ul li a.on div.spinner {
							display: block;
							float: right;
							height: 16px;
							color: #FFFFFF;
							font-size: .7em;
							font-style: italic;
							margin-right: 10px;
							margin-top: 6px;
						}


					ul li div.story {
						font-size: .8em;
						padding-right: 35px;
						padding-left: 54px;
					}
						ul li div.story div.diggs {
							background: url("shade-compact.gif") no-repeat;
							color: rgb(147, 136, 63);
							width: 36px;
							height: 24px;
							float: left;
							text-align: center;
							margin-left: -46px;
							line-height: 1.9em;
						}
					ul li a.on, ul li div.on {
						background: url("images/row-repeat-x.gif") left bottom repeat-x #408cef;
						color: #FFFFFF;
					}
						ul li div.on div.diggs {
							background-image: none;
							color: #FFFFFF;
							border: 1px solid #FFFFFF;
							width: 34px;
							height: 22px;
						}
					ul li a div.container {
						font-size: .6em;
						color: #888888;
					}
					ul li a.on div.container {
						color: #FFFFFF;
					}


			#scroll {
				background: #999999;
				position: absolute;
				right: 3px;
				margin-top: 2px;
				top: 0px;
				height: 0px;
				width: 4px;
				z-index: 10;
				display: none;
			}



/* toolbar */

#toolbar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 32px;
	padding: 8px 8px 8px 16px;
	background: black url(images/bg_gelblack.png) repeat-x;
	z-index: 999;
}

#toolbar img {
	float: left;
	cursor: pointer;
}
a.btn {
	float: left;
	clear: none;
	display: block;
	height: 32px;
	
}

a.btn:active {
    color: #ddd;
    background-position: bottom left;
    padding: 1px 0px 0px 0px; /* push text down 1px */
}

a.btn:active div {
    background-position: bottom left;
    padding: 9px 0px 7px 10px; /* push text down 1px */
}

a.btn div {

}

a.hmbtn:active {
    color: #ddd;
    background-position: bottom right;
    padding: 1px 0px 0px 0px; /* push text down 1px */
}



a.hmbtn {
	float: right;
	clear: none;
	display: block;
	height: 32px;
	width:60px;
	margin-right:28px;
	z-index:10;
}



a.hmbtn div {

}


a.hmbtn:active {
    color: #ddd;
    background-position: bottom left;
    padding: 1px 0px 0px 0px; /* push text down 1px */
}





.spaced {
	margin-right: 8px;
}

#title {
	position: absolute;
	top: 0px;
	left: 100px;
	right:100px;
	height: 16px;
	color: #F1F1F1;
	padding: 16px 0px 16px 0px;
	text-align: center;
}
#title a {
	color: #888;
}

#btnBack div, #btnHome div {
	padding: 5px 0px 11px 10px;
}

#btnBack:active div, #btnHome:active div {
	padding: 6px 0px 10px 10px;
}

#btnAdd {
	float: right !important;
	clear: none;
	display: block;
	width: 34px;
	height: 32px;
	margin-left: 8px;
	z-index: 999;
}


#btnTW div, #btnHome div {
	padding: 5px 5px 11px 6px;
	float:right;
}


/* Footer */

#Footer {
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 78px;

	background: black url(images/bg4.png) repeat-x;
	z-index: 500;
}

#Footer img {
	float: left;
	cursor: pointer;
	z-index:300;
}

#EqualsSign {
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	font-size: 22px;
	color: white;
	position: absolute;
	bottom: 38px;
	left: 140px;
	right: 140px;
	height: 24px;
	text-align: center;
}

.greenInput {
		font-size: 18px;
		font-family: Arial, Sans-Serif;
		font-weight: bold;
		color: green;
		border-width: 0px;
		border-color: #000000;
		background-color: #FFFFFF;
}


#FromBox {
	position: absolute;
	bottom: 40px;
	left: 15px;
	width: 100px;
	height: 24px;
	z-index:999;
}

#ToBox {
	position: absolute;
	bottom: 40px;
	right: 15px;
	width: 100px;
	height: 24px;
	z-index:999;
	visibility:visible;
}

#FromLabel {
	font-size: 16px;
	font-family: Arial, Sans-Serif;
	color: white;
	position: absolute;
	bottom: 10px;
	left: 15px;
	width: 140px;
	height: 16px;
}

#ToLabel {
	font-size: 16px;
	font-family: Arial, Sans-Serif;
	color: white;
	position: absolute;
	bottom: 10px;
	right: 15px;
	width: 140px;
	height: 16px;
	text-align: right;
}