@charset "utf-8";
body { margin:0; padding:0; width:100%; font-family:'Segoe UI', -apple-system, sans-serif; }
html { padding:0; margin:0;}
img {border:none;}
input, select, button{padding:.25em; margin:.1em; border-radius:4px; font-family:inherit;}

/* main */
.main { margin:0; padding:0;}
.main_color{ background:transparent; }
.main_resize { margin:0 auto; padding:0px; width:96%; background:transparent;}
.main_resize h2 { font-weight:600; font-size:1.2em; color:#333; padding:12px 5px; margin:0;}
.main_resize h2 span { font-weight:normal; font-style:italic; font-size:.65em; color:#999;}
.main_resize h3 { font-weight:600; font-size:1.5em; color:#ccc; padding:10px 10px; margin:0; text-align:center; background:transparent;}
.main_resize p { font-size:.9em; color:#555; line-height:1.7; padding:6px 5px; margin:0;}
.main_resize p span { color:#999; font-style:italic; font-size:.9em; line-height:1.7;}
.main_resize a, .main a, .max600 a {color: #999; text-decoration:underline;}
.main_resize a:hover, .main a:hover, .max600 a:hover {color: #666;}
.main_resize img { margin:5px auto; padding:0;}
.main_left { width:250px; float:left; padding:0 0 0 10px; margin:0;}
.main_right { width:90%; height:auto; padding:25px 0; margin:0 auto; background:#fff; text-align:center; border-radius:8px;}
.main_right p { text-align:center; }
.main_right input{padding:.25em;}

p.clr, .clr { clear:both; padding:0; margin:0; background:none;}

/* Login form */
.logininput{
	width:80%;
	background-color:#f7f7f8;
	border:solid 1px #aaa;
	font-size:1.3em;
	color:#333;
	display:block;
	margin:0 auto;
	padding:.6em .75em;
	transition:border-color .2s, box-shadow .2s;
}
.logininput:focus{
	outline:none;
	border-color:#f26520;
	box-shadow:0 0 0 2px rgba(242,101,32,.15);
}

/* Buttons */
.login_button{
	font-family:inherit;
	font-size:1.1em;
	font-weight:600;
	background:linear-gradient(135deg, #f26520, #C84A00);
	color:#fff;
	padding:.6em 3em;
	border:none;
	border-radius:4px;
	-webkit-appearance:none;
	width:auto;
	cursor:pointer;
	transition:opacity .2s;
}
.login_button:hover{
	opacity:.9;
}
.login_button:disabled{
	background:none;
	background-color:#ccc;
	color:#888;
	border:solid 1px #bbb;
	opacity:1;
}

/*Table styles for SignUp*/
.table2{
	font-family:inherit;
	color:#444;
	width:100%;
	max-width:560px;
	background-color:#fff;
	display:block;
	margin:auto;
	border-collapse:separate;
	border-spacing:0 2px;
	border:none;
	border-radius:8px;
	overflow:hidden;
	padding-top:15px;
}
.table2 td{
	padding:6px 8px;
	vertical-align:middle;
}
.table2 td span{
	display:inline-block;
	font-size:.8em;
	color:#888;
}
.table2 td:nth-child(odd){
	width:30%;
	text-align:right;
	font-size:.85em;
	font-weight:500;
	color:#555;
	padding-right:12px;
}
.table2 td:nth-child(even){
	width:70%;
	text-align:left;
}
.table2 td strong{
	font-size:1em;
	color:#333;
	text-transform:uppercase;
	letter-spacing:.5px;
}
.table2 td input{
	width:90%;
	background-color:#f7f7f8;
	border:solid 1px #aaa;
	font-size:1em;
	color:#333;
	padding:.55em .7em;
	transition:border-color .2s, box-shadow .2s;
}
.table2 td input:focus{
	outline:none;
	border-color:#f26520;
	box-shadow:0 0 0 2px rgba(242,101,32,.15);
}
.table2 td select{
	background-color:#f7f7f8;
	border:solid 1px #aaa;
	font-size:1em;
	color:#333;
	padding:.55em .7em;
	transition:border-color .2s;
}
.table2 td select:focus{
	outline:none;
	border-color:#f26520;
}
.tablehead{
	background:linear-gradient(135deg, #f26520, #C84A00);
	color:#fff;
	font-weight:600;
	text-align:center;
}
.tablehead th{
	padding:12px 10px;
	font-size:1.05em;
	letter-spacing:.5px;
}
.tableform{
	background-color:#EEEEEE;
	border:solid 1px #CCCCCC;
}

/* Utility */
.signup_main{
	max-width:600px; border:solid 1px rgba(186,186,186,1.00); border-radius:.2em; padding:2%; margin:5% auto;
	background-color:white;
	box-shadow:5px 5px 10px rgba(0,0,0,1.0);
	font-size:1.1em;
}
.max600{
	max-width:600px;
	margin:auto;
}
.entryerror{
	text-align:center; border:solid 1px #e74c3c; padding:20px; margin:15px; border-radius:6px;
	color:#333;
	background-color:#fef2f2;
}

/* Legacy classes kept for compatibility */
.main_resize ul.serv { list-style:square inside; margin:10px 0 10px 5px; padding:0; width:230px; float:left;}
.main_resize li.serv { padding:5px; margin:0; font-size:.85em; color:#00cc33;}
.main_resize ul.trade { list-style:none; margin:10px 0 10px 5px; padding:0; width:auto;}
.main_resize li.trade { padding:5px; margin:0; font-size:.85em; color:#555;}
.main_resize img.floated { float:left; margin:5px 10px 5px 0; padding:0;}
li.bg, .bg { clear:both; border-top:1px solid #ccc; width:100%; padding:0; margin:15px 0; background:none; line-height:0;}