@charset "UTF-8";
/* CSS Document */

html, body {
	background: #efefef;
	font-family: Arial, Helvetica, sans-serif;
	color:#777;
	font-size: 11px;
	margin: 5px 0 10px 0;
	line-height: 15px;
	}
	
a {
	color: #0088ff;
	text-decoration:underline;
	}

a:hover {
	text-decoration:none;
	}

.myFields {
	line-height: 18px;
	padding: 4px;
	border: 2px solid #ddd;
	background: #fff url(../images/formfield-bg.gif) top left repeat-x;
	color: #999;
	font-weight:bold;
	width: 250px;
	}

#holder {
	width: 410px;
	margin: 0px auto;
	}

.topFrame {
	width: 410px;
	float:left;
	display:block;
	background:url(../images/top-login-bg.gif) top left no-repeat;
	padding: 6px 0 0 0;
	}

.loginFrame {
	width: 370px;
	float:left;
	display:block;
	padding: 0 20px 0 20px;
	background:url(../images/login-bg.gif) repeat-y;
	}

.bottomFrame {
	width: 410px;
	float:left;
	display:block;
	background:url(../images/top-bottom-login-bg.gif) bottom left no-repeat;
	padding: 0 0 6px 0;
	}

.header {
	float:left;
	width: 370px;
	display:block;
	border-bottom: 3px solid #ccc;
	padding: 0 20px 10px 20px;
	}	

.header2 {
	float:left;
	width: 345px;
	display:block;
	border-bottom: 3px solid #ccc;
	padding: 0 20px 10px 45px;
	background:url(../images/orange-sign-icon.png) no-repeat; 
	background-position: 8px 3px;
	}	

h1 {
	font-size: 20px;
	font-weight:bold;
	color:#000000;
	line-height: 20px;
	float: left;
	display:block;
	width: auto;
	white-space:nowrap;
	margin: 0;
	padding: 5px 0 0 0;
	}

h2 {
	font-size: 20px;
	font-weight:bold;
	color:#000000;
	line-height: 20px;
	margin: 0;
	padding: 5px 0 0 0;
	}

.register {
	float: right;
	display:block;
	width: auto;
	white-space:nowrap;
	text-align:right;
	margin: 10px 0 0 0;
	}

table.myFormFields td {
	/* white-space:nowrap;*/
	}