﻿/* LogOn
-----------------------------------------------------------*/
.inputform {
	width:340px;
}
.inputform #Email,
.inputform #Password {
	width:320px; 
	padding:5px; 
	font-size:1.4em; 
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
	color: #ff0000;
}
.field-validation-valid {
	display: none;
}
body form .input-validation-error {
	border-top: 1px solid #F27495;
	border-left: 1px solid #F593AD;
	border-right: 1px solid #ff0000;
	border-bottom: 1px solid #ff0000;
	background-color: #ffeeee;
	padding: 2px;
}
.validation-summary-errors {
	font-weight: bold;
	color: #ff0000;
	background-color: #ffeeee;
	border: 1px solid #ff0000;
	margin: 1em;
	padding: 1em;
}
div.validation-summary-errors ul li {
	margin: 0;
	padding: 0;
}
.validation-summary-valid {
	display: none;
}


/* Styles for forms
-----------------------------------------------------------*/
form {
	display: block;
	position: relative;
	margin: 0 !important;
}
form ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 100%;
}
* html form ul {
	width: 99%;
	zoom: 1;
}
form ul>li.focused {
	background-color: #FFB471;
}
form ul>li {
	margin: 0;
	padding: 6px 1% 6px 1%;
	background-color: transparent;
	position: relative;
	width: auto !important;
	-webkit-transition: background-color 350ms ease-out;
	-moz-transition: background-color 350ms ease-out;
	-o-transition: background-color 350ms ease-out;
	transition: background-color 350ms ease-out;
}
form ul:after,
form ul li:after,
form ul li div:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
* html form li {
	height: 1%;
	margin-bottom: -3px;
}
* + html form li {
	height: 1%;
	margin-bottom: -3px;
}
* html form li div {
	display: inline-block;
}
* + html form ul, * + html form li div {
	display: inline-block;
}
form ul>li>div {
	margin: 0;
	padding: 0;
	color: #444;
}
form ul>li>span {
	margin: 0 .3em 0 0;
	padding: 0;
	float: left;
	color: #444;
}
form ul>li>div>span {
	margin: 0;
	display: block;
	width: 100%;
	float: left;
}
form li.buttons {
	width: auto !important;
	position: relative;
	clear: both;
	margin-top: 25px;
	padding: 10px 1% 10px 1%;
	text-align: left;
}
form ul>li.buttons input.ui-state-default {
	outline: 0;
	margin:0 4px 0 0;
	padding: .4em 1em;
	text-decoration:none !important;
	cursor:pointer;
	position: relative;
	text-align: center;
	zoom: 1;
}
form ul li.buttons input.ui-state-default:hover {
	border: 1px solid #79b7e7; background: #f5f8f9 url(images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x;
}
label.desc {
	font-size: 130%;
	font-weight: bold;
	color: #222;
	line-height: 150%;
	margin: 0;
	padding: 0 0 3px 0;
	border: none;
	display: block;
}
label.desc button.ui-button {
	font-size: 0.65em;
}
form ul li div label,
form ul li span label {
	margin: 0 0 5px 0;
	padding-top: 2px;
	clear: both;
	font-size: 1.1em;
	line-height: 160%;
	color: #444;
	display: block;
}
input.text, input.search, input.file, textarea.textarea, select.select {
	font-family: "Lucida Grande" , Tahoma, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 2px;
	border-top: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-bottom: 1px solid #ddd;
}
select.select {
	padding: 2px;
}
form ul li div.full input,
form ul li div.full selest,
form ul li span.medium input,
form ul li span.medium select,
form ul li span.small input,
form ul li span.small select,
form ul li div textarea {
	width: 95%;
}
form ul li span input.date-selector {
	width: 75%;
}
form ul li .full {
	width: 415px;
}
form ul li .medium {
	width: 200px;
}
form ul li .small {
	width: 100px;
	margin-bottom: 0;
}
