/*
-----------------------------------------------
Client:Demand Local
Project:Dashboard

File Name: form.css
Version: 1.0
Notes: Sets rules for forms.

Author: Dayspring Technologies, Inc.
Email: info@dayspring-tech.com
Web: http://www.dayspring-tech.com/
----------------------------------------------- */

/* Layout (Basic Vertical)
------------------------------------------------- */
form {
	margin:0 0 20px;
	width:auto;
}
form ul {
	font-size:100%;
	margin:0;
}
form li {
	list-style:none;
	margin:0;
	padding:5px 0;
	overflow:hidden;
	position:relative;
}

/* Typography and Form Elements
------------------------------------------------- */
form label {
	color:#000;
	display:inline;
	font-size:100%;
	font-weight:bold;
	margin:0 0 4px 0;
	padding:0;
	vertical-align:middle;
}

form li label {
	display:block;
}
form li.send_email label {
	display:inline;
        text-align:right;
        margin-left:0.5em;
}
form label.norm {
	font-weight:normal;
}
form label abbr, form legend abbr { /* Styles asterisk that indicates a required field. */
	border:0;
	color:#df0000;
	cursor:help;
}
form label abbr.info, form legend abbr.info { /* Styles description for fields. */
	border-bottom:1px dotted #005aa3;
	color:#005aa3;
	cursor:help;
}
form input[type="text"], form input[type="password"] {
	border:1px solid #32669d;
	color:#000;
	display:inline;
	font-size:100%;
	margin:0;
	padding:4px;
	width:300px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
form input.ui-widget {
	border-color:#32669d;
	font-size:100%;
	margin:0;
	padding:4px;
	width:266px;
}
form input[type="text"].zip {
	width:100px;
}
form input[type="text"].date {
	width:270px;
}
form fieldset {
	border:0;
	margin:0;
	padding:0;
}
form legend {
	color:#000;
	font-weight:normal;
	margin:0;
	padding:0 0 4px 0;
}
form select {
	background:#efefef;
	border:1px solid #a7a8a2;
	color:#000;
	display:inline;
	font-size:93%;
	font-weight:bold;
	margin:0;
	padding:1px;
	vertical-align:middle;
	width:300px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	border-radius:2px;
}
form option {
	margin:2px;
}
form textarea {
	color:#000;
	margin:0 0 4px;
	padding:2px;
	width:300px;
}
form input[type="submit"] {
	background:#32669d;
	border:0;
	color:#fff;
	display:inline;
	font-weight:bold;
	margin:0 5px 5px 0;
	padding:5px 15px;
	width:auto;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	border-radius:3px;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
form input[type="submit"]:hover, form input[type="submit"]:focus {
	background:#c4e4f3;
	color:#32669d;
	cursor:pointer;
}

/* Filter field for table data
------------------------------------------------- */
fieldset.filter {
	float:right;
	margin:0;
}
fieldset.filter label {
	left:-99999px;
	position:absolute;
}
fieldset.filter input[type="text"] {
	border:1px solid #32669d;
	color:#666;
	display:block;
	font-size:69%;
	font-weight:normal;
	margin:0;
	padding:2px;
	width:300px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	border-radius:0;
}
fieldset.filter input[type="text"]:focus {
	color:#000;
}

/* Phone Number Area
------------------------------------------------- */
form fieldset.phone legend {
	font-weight:bold;
	margin:0 0 4px;
	padding:0;
}
form fieldset.phone span {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
form fieldset.phone span input {
	display:inline;
	margin:0 0 2px;
	width:40px;
}
form fieldset.phone span label {
	display:block;
	font-size:85%;
	font-weight:normal;
	margin:0;
	padding:0 0 0 3px;
}


/* Show inactive checkbox
------------------------------------------------- */
fieldset.inactive {
	float:left;
	margin:0 10px 25px;
	width:48%px;
}
fieldset.inactive {
	overflow:show;
}
fieldset.inactive legend {
	float:left;
	font-family:'trebuchet ms';
	font-weight:bold;
	margin:0 15px 0 0;
	padding:0;
}
fieldset.inactive span {
	float:left;
	margin:0;
	padding:0;
}
fieldset.inactive input {
	display:inline;
	margin:2px 2px 0 0;
	padding:0;
	vertical-align:top;
}
fieldset.inactive span label {
	display:inline;
	font-family:'trebuchet ms';
	font-weight:normal;
	margin:0;
	padding:0;
}


/* Radio buttons
------------------------------------------------- */
form fieldset.radio {
	overflow:auto;
}
form fieldset.radio legend {
	font-weight:bold;
	margin:0 0 4px;
	padding:0;
}
form fieldset.radio span {
	display:block;
	float:none;
	margin:0 0 2px;
	padding:0;
}
form fieldset.radio input {
	display:inline;
	margin:3px 5px 0 0;
	padding:0;
	vertical-align:top;
	width:auto;
}
form fieldset.radio label {
	display:inline;
	font-weight:normal;
	margin:0;
	padding:0;
}

/* Styles for error message at top
------------------------------------------------- */
form li.info, form li p { /* when there is no error */
	display:none;
}
form li p.note {
	display:block;
}
form td.right {
    padding-top:0.5em;
    padding-left:1em;
}
form li.error p {
	color:#df0000;
	display:block;
	margin-bottom:0;
}
form li#errorMsg { /* Error message at the top. */
	background-color:#ffdfdf;
	border:1px solid #df0000;
	margin:0 0 10px;
	padding:10px;
}
form li#errorMsg h3 {
	color:#df0000;
}
form li#errorMsg p {
	display:block;
	margin:0;
}
form li#errorMsg strong {
	color:#df0000;
}

img.ui-datepicker-trigger {
	display:inline;
	margin-bottom:0;
	vertical-align:middle;
}