﻿/*
Fieldsets
*/
fieldset {position: relative; display: block; padding: 0; margin: 0 0 0 -2em; padding: 0 0 0 2em; border: none; border-left: dotted 1px #c2bdab; min-height: 1px;}
fieldset legend { position: relative; padding: 0; margin: 0; display: none; }
fieldset .fieldset{ border: solid 1px #d5d5d5; background: #eee; padding: 25px 20px; margin: 0 0 1em; -webkit-box-shadow: 0 1px 0 #fff; -moz-box-shadow: 0 1px 0 #fff; box-shadow: 0 1px 0 #fff;}
.fieldset .center{width: 420px; margin: 0 auto; padding-left: 1.5em;}

/*
Fieldgroup
*/
.field-group{min-height: 1px; margin: 0 0 1.5em 0; position: relative; clear: both;}
.field-group:after {clear: both; visibility: hidden; display: block; height: 0; content: ".";}
* html .field-group{height: 1px;}	
.field-group .field {float: left; position: relative; margin: 0 0 0; width: 100%;}

@media only screen and (min-width: 665px) { 
.field-group .field {float:left; margin:0 1em 0 0; width:auto;}
}
	

/***********************
Fields
************************/
	
	
/* Labels - left aligned */	
.field label {display:block; margin:0 0 5px; padding:0; font-size:18px;	text-align: left; line-height: 1.1;	font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;}
.field.hide-label label {
	/* Copied from style.css .visuallyhidden */
	border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;
}
.field label small {font-size: 75%;	color: #aaa;}
input:focus,textarea:focus{outline: none;}
.field input[type='text'],
.field input[type='password'],
.field input[type='email'],
.field textarea {visibility: hidden;}
		
.field .txtinput input[type='text'],
.field .txtinput input[type='password'],
.field .txtinput input[type='email'],
.field .txtinput textarea{visibility:visible; font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;padding:0; margin: 0; border: none; background: none; width: 100%; font-size: 16px; line-height: 1.4; min-height: 1.4em;}
.field .txtinput{background: #fff;padding: 5px;position: relative;border: solid 1px #aaa;}
.field select{visibility: visible;font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;padding: 0;margin: 0; border: none; background: none; width: 100%; font-size: 16px; line-height: 1.4; min-height: 1.4em; background: #fff; padding: 5px; position: relative; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border: solid 1px #0f0f0f;}

@media only screen and (min-width : 665px) { 
.field .txtinput,
.field select{padding:10px;}      
.field .txtinput input[type='text'],
.field .txtinput input[type='password'],
.field .txtinput input[type='email'],
.field .txtinput textarea,
.field select{font-size: 18px;}
} 

/* checkbox */	
.checkbox{display: block; clear: both; margin: 2px 10px 0 0;}		
.checkbox label {position: relative; padding: 0 0 0 20px; width: auto; font-size: 14px; line-height: 1.4;}
.checkbox label input{position: absolute; top: 3px; left: 0; width: auto; float: none; margin: 0; padding:0; width: 14px; height: 14px;}
.checkbox-list{margin: 0 0 1em;}
.checkbox-list label{display: block; margin: 0 0 5px; padding: 0; font-size: 18px; text-align: left; line-height: 1.1; font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;}
.checkbox-list table{padding:0; margin:.25em 0 0;}
.checkbox-list td{border:none; padding:0px 0px 5px 0; position:relative;}
.checkbox-list table label{position:relative; padding:0 0 0 0px; margin:0; color:#444; clear:none; float:none; line-height:1.4em; display:inline; font-family:'univers_45_lightregular', Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal;}
	
/* field notes */
.field-note{display: block; padding-left: 200px; font-size: 12px; line-height: 1.3; color: #999; margin: -.75em 0 2em 0; clear: both;}
.button-note {display: block; font-size: 12px; line-height: 1.3; color: #999; margin: 1em 0;}
.button-note a{color: #555;	border-bottom: 1px solid #ccc;}
.button-note a:hover {border-bottom-color:#666; text-decoration:none;}
.field-note strong {color: #666;}
	
/*
** Placeholder
*/
:-webkit-input-placeholder {color: #888;}
:-moz-placeholder {color: #888;}

.locked input,
.locked select,
.locked textarea,
input[disabled]{opacity: .5;}

/*
** Special 
*/
.field.stacked label{float: none;width: auto;display: block;margin: 0 0 .5em 0;font-size: 13px;text-transform: uppercase;letter-spacing: 1px;}
.story textarea {font-size: 16px;line-height: 1.2;font-weight: 400;	width: 600px;min-height: 200px;padding: 15px;}
fieldset.small {border: none;}
fieldset.small .field-group {margin: 0;}
fieldset.small textarea {font-size: 16px;}

/*
// Client side H5F display
*/

input[type=text].error,
input[type=text].required,
input[type=email].error,
input[type=email].required,
input[type=password].required,
input[type=password].error,
select.error,
select.required,
textarea.error,
textarea.required {
	/* border: 1px solid #aa0000 !important; */
	background-image: url(alert.png) !important;
	background-position: 0 center !important;
	background-repeat: no-repeat !important;
	padding-left: 30px !important;
	/*-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;    
	box-sizing: border-box;         */
}

textarea.required {background-position: 0 0 !important;}
label.required {display: block;color: #fff;	background:#aa0000;padding: 5px 5px 5px 32px;margin: -5px -5px -4px -12px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: none;
}
label.required a {color: #fff;}
label.required input[type=checkbox] {top:8px;left:12px;}
input[type=text].valid-custom,
input[type=email].valid-custom,
select.valid-custom,
textarea.valid-custom {border: 1px solid #00cc00 !important;}
.name input[type="text"]{width: 165px;margin: 0 10px 0 0;}

/*
// inline labels
*/
.inline label{float: left; padding:.75em 1em 0 0;}
.inline *{ float: left; clear: none; }
fieldset .button-group{order-top: dotted 1px #c2bdab;padding: 2em 0 0; margin: 2em 0 0;}