/** Mailchimp CSS **/

/** DIV Element  	This DIV element wraps around the form. Use this selector to target anything within the form. **/

#mc_embed_signup {
 
}

/** FIELDSET Element  	This FIELDSET element wraps around the form. Use this slector to target border and padding. **/

#mc_embed_signup fieldset  {
 border: none; padding: 0; margin: 0; 
}


/** FORM Element 	Use this selector to set base width and font size. **/

#mc-embedded-subscribe-form {
 width:400px;

}


/** Field Group 	Container for each label and input combination. Use this to control horizontal and vertical spacing (padding). **/

div.mc-field-group {
 padding:10px;
 margin:10px;
 border-bottom: 1px dashed #cccccc;
 clear:both;

}


/** Labels 	Default label selector. Use this to style all labels. **/

div.mc-field-group label {
 display: block;
 width: 150px;
 float: left;
 clear:left;
 font-weight: bold;
}


/** Input(s) 	Default input selector. Use this to style all inputs. **/

div.mc-field-group input {
 -x-system-font:none;
 border:1px solid #bbdd7d;
 font-size-adjust:none;
 font-stretch:normal;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:normal;
 margin-bottom:5px;
 padding:3px;
 width:150px;
}

div.mc-field-group input:hover {
 background:#EAEAEA none repeat scroll 0 0;
}

div.mc-field-group input:focus {
 background:#f6f6f6 none repeat scroll 0 0;
}



/** Drop-down Menus 	Default select (drop-down) selector. Use this to style all drop-down menus. **/

div.mc-field-group select {
 border:1px solid #bbdd7d;
 font-size-adjust:none;
 font-stretch:normal;
 font-style:normal;
 font-variant:normal;
 font-weight:normal;
 line-height:normal;
 margin-bottom:5px;
 padding:3px;
 width:247px;
}


div.mc-field-group select:hover {
background:#EAEAEA none repeat scroll 0 0;
}


div.mc-field-group select:hover:focus {
background:#f6f6f6 none repeat scroll 0 0;
}

/** Submit  Button 	Use this selector to style the submit button. **/

fieldset input.btn {
 margin: 20px 0 10px 150px;
 font-weight: bold;
 width:100px;
 background:#ffffff;
 border: 1px solid #bbdd7d;
 padding:3px;
 cursor:pointer;
}

fieldset input.btn:hover {
 background:#EAEAEA;
}

/** Links 	Use this selector to style all links in the form. **/

fieldset a {


}


/* ++++++++++++++  Checkboxes and Radio buttons  +++++++++++++++++ */


/** DIV Element 	Main DIV container for checkbox/radio groups. **/

div.input-group {
 width:350px;
 margin-top:10px;
 clear:both;
}


/** UL Element 	UL Container for checkbox/radio groups. **/

div.input-group ul {
 display:block;
 list-style-type:none;
 margin-left:100px;

}


/** LI Element 	LI Element containing the label and input. (checkbox/radio groups) **/

div.input-group ul li {
 list-style-type:none;

}

div.input-group input {

 border:none;
 width:15px;
}



/** Checkbox/Radio Labels 	Default checkbox/radio groups label selector. **/


div.mc-field-group.input-group label {
 clear:both;
}


/** Checkbox/Radio Inputs 	Default checkbox/radio groups input selector. **/

div.input-group input {

}


/* ++++++++++++++  Number of subscripbers  +++++++++++++++++ */

/** DIV Element 	Container for number of subscribers. **/

#num-subscribers {


}


/** SPAN Container 	Container for number of subscribers. **/

#num-subscribers span {


}


/* ++++++++++++++  Required Fields  +++++++++++++++++ */
 	  	 
/** DIV Element 	Container for "* All field required" message. **/

.indicate-required 	{
 text-align:right; 
 font-size:11px; 
 font-weight:bold;

}


/** SPAN Element 	Container for "*" on labels that are required. **/

span.note-required 	{


}


/* ++++++++++++++  Response Messages (Ajax)  +++++++++++++++++ */

/** DIV Element 	Container for error responses. **/

#mce-responses {


}


/** DIV Element 	Default response message container. This will need to be set to display:none; by default so they don't show as empty styled boxes. The JS will write in an inline style display:block to show them when needed. **/

div.response {
 display:none;

}


/** Error Message 	Default error message container. **/

label.error {
 color:#FF0000;
}


/** Error Message 	Contianer for error message. **/

#mce-error-response {
 background-color:#FFEEEE;
 padding:5px;
 margin:3px;

}


/** Error Message 	Container for success message. **/

#mce-success-response {


}


/* ++++++++++++++  Date Fields  +++++++++++++++++ */

/** DIV Element 	Container for date fields. **/

.datefield {


}


/** Input(s) 	Default date inputs. **/

.datefield input {


}


/** SPAN Element 	Date input container **/

.datefield span {


}


/** LABEL Element 	Date label(s) **/

.datefield span label {


}


/** Text Input 	Month text input **/

.datefield .monthfield {


}


/** Text Input 	Day text input **/

.datefield .dayfield {


}


/** Text Input 	Year text input **/

.datefield .yearfield {


}

/* ++++++++++++++  Address Fields  +++++++++++++++++ */

/** DIV Element 	Address group containing element. **/

.mc-address-group {


}


/** Label(s) 	General address group labels. **/

.mc-address-group label {


}


/** Field Group 	Containing element for all label and input groups. **/

.addressfield {


}


/** LI Element 	Containing element for individual label and input groups. **/

.addressfield li {


}


/** Label(s) 	Individual address labels. **/

.addressfield li label {


}


/** Input(s) 	Individual address inputs. **/

.addressfield input {


}


/** Drop-down(s) 	Individual drop-down selects. **/

.addressfield select {


}