/*
 * File name  : jq-forms.css
 * Created on : Jun 22, 2015, 2:17:52 PM
 * Author     : Thomas
 */

/*
.sp-palette {
	max-width: 200px;
	}

form {
	display:block;
	padding:0;
	margin:0;
	color: #333333;
	margin: 0 auto;
	}
*/

fieldset { 
	padding: 10px; 
	margin-bottom: 8px; 
	border:none;
	border-radius: 0; 
	-moz-border-radius: 0;
	-webkit-border-radius: 0; 
	background: #F6F6F6;
	background: -webkit-gradient(linear, left top, left bottom, from(#EFEFEF), to(#FFFFFF)); 
	background: -moz-linear-gradient(center top, #EFEFEF, #FFFFFF 100%); 
	box-shadow: 3px 3px 3px 0 #ccc;
	-moz-box-shadow: 3px 3px 3px 0 #ccc;
	-webkit-box-shadow: 3px 3px 3px 0 #ccc;
	}
/*
legend { padding: 6px 12px; position: absolute; left: 10px; top: -11px; background-color: #4F709F; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 4px #888; -moz-box-shadow: 2px 2px 4px #888; -webkit-box-shadow: 2px 2px 4px #888; text-shadow: 1px 1px 1px #333 }


.ui-dialog xspan { float: left; clear: left; display: block; width: 180px; padding-right: 20px; text-align: right; height: 20px; line-height: 20px }
*/

.ui-dialog label {
	display: block;
	font-weight:bold;
	padding: .25em 0;
	margin-bottom:3px;
	}

.ui-dialog input[type='text'],
.ui-dialog select,
.ui-dialog textarea {
	display: block;
	padding: .25em;
	margin-bottom:3px;
	width: 100%;
	box-sizing: border-box;
	font-weight: normal;
	}

/*
label.error { text-align: left; margin-left: 200px; color: #CC0000; padding: 0; height: auto; width: 208px; font-size: 11px }
input, textarea, select { padding: 3px; float: left; width: 200px; border: 1px solid #d9d9d9 }
.submit { width: 100px; float: right; margin-right: 37px; border: 0; padding: 5px 10px; background: #4F709F; color: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; box-shadow: 2px 2px 4px #888; -moz-box-shadow: 2px 2px 4px #888; -webkit-box-shadow: 2px 2px 4px #888; margin-bottom: 4px; text-shadow: 1px 1px 1px #333 }
textarea { background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(1%, #EEEEEE), to(#FFFFFF)) }
select { width: 208px }
input:focus, textarea:focus, select:focus { background: white; border-color: #666 }
input.error { border: 1px solid #CC0000 }
*/

.ui-dialog p {
	display: block;
	font-family: inherit;
	font-size: .8em;
	font-weight: 300;	/* bolder than bold */
	color: #333;
	line-height: 1.5em;
	padding: 0;
	margin: .4em 0;
	xborder: 1px solid black;
	}
/*
p:first-of-type { padding-top: 25px }
.contact-method label { clear: none; width: auto }
.contact-method input { float: none; width: 20px }

*/

input.error, textarea.error {
	border: 1px solid red;
	}
 
input.valid, textarea.valid {
    border: 1px solid green;
	}
	
.ui-dialog label.error {
	color: red;
	font-weight: normal;
	font-style: italic;
	}
	
/* from http://stackoverflow.com/questions/26660914/jquery-ui-selectmenu-inside-modal-dialog
to allow display of selectmenu select box in a dialog */	
/*.ui-dialog {
	overflow: visible;
	}
*/