BODY
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #282828;
}

.applet
{
	text-align: left;
}

.mystlogo1
{
	width: 213px;
	height: 117px;
	margin: 0px;
	padding: 0px;
	background-image: URL('../images/irc/mystlogo_1.gif');
	background-repeat: no-repeat;
	background-position: right top;
}

.mystlogo2
{
	width: 58px;
	height: 72px;
	margin: 0px;
	padding: 0px;
	background-image: URL('../images/irc/mystlogo_2.gif');
	background-repeat: no-repeat;
	background-position: left top;
}

.windowTitle
{
	margin: 0px;
	padding: 0px;
	background-image: URL('../images/irc/window-title.gif');
	background-repeat: no-repeat;
	background-position: left bottom;
}

/* table-less forms */


/* TEXTBOXES
	<div class="textbox-panel">
		<label for="foo">Foo:</label>
		<input type="text" id="foo" />
	</div>
*/
.textbox-panel { clear: both; float: none; }
.textbox-panel label { clear: left; display: block; float: left; text-align: right; width: 150px; }
.textbox-panel input,
.textbox-panel select { clear: right; float: left; margin-left: 10px; width: 200px; }

/* CHECKBOXES
	<div class="checkbox-panel">
		<input type="checkbox" id="foo" />
		<label for="foo">Foo</label>
	</div>
 */
.checkbox-panel { clear: both; float: none; }
.checkbox-panel input,
.checkbox-panel select { clear: left; padding: 0px; margin: 0px; margin-left: 160px; }
.checkbox-panel label { clear: right; width: 150px; }

.login-panel { background-color: #383838; border: solid 1px black; width: 400px; padding: 10px;margin: auto; font-size: 11px; margin-bottom: 100px; }
.login-panel .textbox-panel,
.login-panel .checkbox-panel { margin: auto; width: 400px; padding-top: 5px; }
.login-panel .button-panel { text-align: center; padding-top: 15px; }