/* -------------------------- MAIN TEMPLATE -------------------------- */


body {margin: 0px;
	padding: 0px;
	color: white;
	font-family: sans-serif;}
	
div {background-image: url('bg.jpg');}
div div {background-image: none;}

div.container {margin: 0px auto 0px;
	padding: 20px 300px 0px 0px;}

	
	
form.main {float: left;
	width: 200px;
	margin-left: 5px;
	text-align: center;}
	
form.main input {width: 160px;
	margin: 0px 0px 5px;}
	
form.main p {margin: 0px; text-align: center;}
form.main h3 {margin: 5px 0px 20px;}
	
div.content {margin-left: 210px;}	

div.buttons {margin: 0px 0px 30px; text-align: center;}
div.buttons input {width: 85px;}

table {margin: 0px auto;}
td {padding: 1px 20px;}

h3 {margin-top: 0px;
	font-size: 18px;
	color: white;
	text-align: center;}

p {text-align: center;}	
	
div.container a {color: #bcd;}
div.container a:link {color: #bcd;}
div.container a:visited {color: #bcd;}
div.container a:hover {color: #eee;}	
	
	
div.error {margin: 10px 0px 20px;
	text-align: center;
	font-size: 18px;
	color: #fab;}
	
form {text-align: right;
	font-size: 14px;}

form p {margin: 0px 0px 7px; text-align: right;}

p input, p textarea  {width: 300px;
	margin: -2px 0px 0px 5px;
	background-color: transparent; 
	vertical-align: text-top; 
	color: white;
	border-top: 1px solid #999;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	border-left: 1px solid #999;}
	
div.center {width: 220px; margin: 20px auto;}	
div.submit {margin: 20px 0px; height: 30px; border: 0px solid #eee;}	
div.submit input, div.center input {float: right; margin: 0px 5px;}
span.mandatory {font-size: 12px; font-style: italic; text-align: right; color: #ddd;}


form.login {margin-top: 40px;
	padding-right: 100px;}
	
p.login {margin: 50px 0px 0px 0px;
	text-align: center;
	font-size: 16px;}
	

p.pagestop {margin: 0px 0px 0px; text-align: center; line-height: 30px;}		
p.pagesfoot {margin: 0px 0px 0px; text-align: center; line-height: 30px;}		
p.pagestop span.wide, p.pagesfoot span.wide  {margin: 0px 15px;}		
p.pagestop span, p.pagesfoot span   {margin: 0px 5px;}		

	


/* ----------------------------------- CLIENT AREA -------------------------------------- */


form.appt-main {margin: 0px 0px 0px;
	padding-right: 0px;}
	
form.appt-main table {margin: 30px auto 50px; text-align: center; font-size: 14px; border: 1px solid #999;}
form.appt-main td {padding: 5px 10px; border: 1px solid #555;}
form.appt-main td.head {color: #bbb; font-size: 13px;}


form.appt {margin: 25px 0px 0px;
	padding-right: 0px;
	text-align: center;}
	
form.appt p {margin: 0px 0px 40px 0px; text-align: center;}

form.appt table {margin: 10px auto 10px; text-align: left;}
form.appt td {padding: 5px; vertical-align: text-top;}
form.appt td.left {text-align: right;}



form.clients {margin: 20px 0px 0px;
	padding-right: 100px;}
	
form.clients div {margin: 20px 0px;}	
form.clients p.checkbox {margin: 40px 0px; font-size: 16px; line-height: 40px;}
form.clients p.checkbox input {width: auto; vertical-align: text-bottom; border: 0px;}
form.clients select {width: 302px; background-color: #2a2a2a; color: white; border-width: 1px;}
form.clients option {background-color: #2a2a2a;}
		
	
form.password {padding: 0px 100px;}
form.password p {margin: 10px 0px; line-height: 30px; text-align: left;}

	
	
table.account {margin-bottom: 30px; margin-left: 100px; font-size: 14px; text-align: right;}
table.account td {padding: 3px 20px; border: 0px solid white;}	
table.account td.left {text-align: left;}	
table.account td.online {padding-top: 20px; font-size: 12px; color: #ccc; text-align: center;}
table.account td.comments {text-align: center;}	
table.account td.spacer {height: 15px; padding: 10px 0px;}	
table.account hr {height: 1px; background-color: #999; border: 0px;}


form.forgot {margin: 40px 100px 0px 0px;}