
html
{
	scrollbar-face-color: #00d0d0;
	scrollbar-track-color: #00b0b0;
	scrollbar-arrow-color: #000000;
	scrollbar-highlight-color: #d0d000;
	scrollbar-3dlight-color: #f0f0f0;
	scrollbar-shadow-color: #808080; 
	scrollbar-darkshadow-color: #202020;
	overflow: hidden;
}

::-webkit-scrollbar
{
	width: 12px;
}

::-webkit-scrollbar-track
{
	background-color: #00d0d0;
	border-left: 1px solid #ccc;
}

::-webkit-scrollbar-thumb
{
	background-color: #00b0b0;
}

body
{
	margin: 0px 0px 0px 0px;
	width: 100%;
	height: 100%;
	background: url(webench.gif) no-repeat;
	background-size: 100% 100%;
	background-attachment: fixed;
	font-family: Lucida Console;
	font-size: 18px;
	text-align: left;
	cursor: url(cursor.cur), auto;
	overflow: hidden;
}

input
{
	font-family: Lucida Console;
	font-size: 16px;
}

#zoomimg
{
	max-width: 256px;
	max-height: 256px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

#zoomimg:hover
{
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-ms-transform: scale(2.0);
	-o-transform: scale(2.0);
	transform: scale(2.0);
}

#zoombigimg
{
	max-width: 512px;
	max-height: 512px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

#zoombigimg:hover
{
	-webkit-transform: scale(2.0);
	-moz-transform: scale(2.0);
	-ms-transform: scale(2.0);
	-o-transform: scale(2.0);
	transform: scale(2.0);
}

.btnimg
{
	max-width: 64px;
	max-height: 64px;
	border: 5px outset blue;
}

#webenchscreen
{
	margin: 16px 16px 16px 16px;
	background-color: #b0b0b0;
	cursor: url(cursor.cur), auto;
	z-index: 0;
}

#webenchscreentitle
{
	width: 100%;
	height: 32px;
	line-height: 32px;
	background-color: #f0f0f0;
	cursor: url(cursor.cur), auto;
	z-index: 2;
}

#webench
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: white;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: black;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: black;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: white;
	top: 2px;
	left: 2px;
	width: 300px;
	height: 300px;
//	border: 4px solid #00b0b0;
	background-color: #b0b0b0;
	overflow: hidden;
	z-index: 1;
}

#webenchtitle, .webenchtitle
{
//	position: absolute;
	width: inherit;
	height: 32px;
	line-height: 32px;
	background-color: #00b0b0;
	cursor: url(cursor.cur), auto;
}

#webenchcontent, .webenchcontent
{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: black;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: white;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: white;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: black;
	width: inherit;
	height: 95%;
	overflow: auto;
}

#webenchsystem, .webenchsystem
{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: white;
	width: 32px;
	height: 32px;
	text-align: center;
	float: left;
}

#webenchquit, .webenchquit
{
	margin: 12px 12px 12px 12px;
	width: 7px;
	height: 7px;
	border: 1px solid black;
	background-color: white;
}

#RAMdiv
{
	visibility: hidden;
}

.webenchicon
{
	position: absolute;
	padding: 4px;
	width: 80px;
	height: 96px;
	text-align: center;
	font-family: Lucida Console;
	font-weight: bold;
	font-size: 14px;
//	border: 1px solid black;
	background-color: #b0b0b0;
	cursor: url(cursor.cur), auto;
	overflow: hidden;
	float: left;
	opacity: 0.75;
}

.webenchwindow
{
	position: absolute;
	border: 1px solid black;
	background-color: #b0b0b0;
	cursor: url(cursor.cur), auto;
	overflow: hidden;
}
