/**
 * Form elements with small class framework.
 * Commented out parts are optional and for inspirational purposes.
 *
 * ---------------------------------------------------------------------------------------------------------------------
 * @version   1.0.0
 * @date      2012-12-03
 * @since     2010-12-03
 * @author    Christian Oellers <c.oellers@*.de>
 * @copyright Alldesign, http://alldesign.de/
 */

/* ------------------------------------------------------------------------------------------------------------ (all) */

legend {
    color:#BEBEBE;
    font-family:"Droid Serif", "Georgia", "Times New Roman", "Times", "DejaVu Serif", serif;
    font-weight:400;
    font-size:13px;
    line-height:140%;
}

label {
    color:#BEBEBE;
    font-family:"Droid Serif", "Georgia", "Times New Roman", "Times", "DejaVu Serif", serif;
    font-weight:400;
    font-size:13px;
    line-height:140%;
}

input {
    color:#BEBEBE;
    font-family:"Droid Serif", "Georgia", "Times New Roman", "Times", "DejaVu Serif", serif;
    font-weight:400;
    font-size:13px;
    line-height:140%;
}

/* ----------------------------------------------------------------------------------------------------------- Select */

select {
    background:#323232;
    color:#BEBEBE;
    font-family:"Droid Serif", "Georgia", "Times New Roman", "Times", "DejaVu Serif", serif;
    font-weight:400;
    font-size:13px;
    line-height:140%;
    padding:4px;
}

option {
    color:#BEBEBE;
    font-family:"Droid Serif", "Georgia", "Times New Roman", "Times", "DejaVu Serif", serif;
    font-weight:400;
    font-size:13px;
    line-height:140%;
}

/* ----------------------------------------------------------------------------------------------------------- Submit */

input[type="submit"] {
    color:#FFF;
    font-family:"Ruda", "Arial", "Verdana", "Tahoma", "DejaVu Sans", sans-serif;
	text-align:center;
    background:#343434; /* Old browsers */
    background:-moz-linear-gradient(top, #3B3B3B 0%, #292929 100%); /* FF3.6+ */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#3B3B3B), color-stop(100%,#292929)); /* Chrome,Safari4+ */
    background:-webkit-linear-gradient(top, #3B3B3B 0%,#292929 100%); /* Chrome10+,Safari5.1+ */
    background:-o-linear-gradient(top, #3B3B3B 0%,#292929 100%); /* Opera 11.10+ */
    background:-ms-linear-gradient(top, #3B3B3B 0%,#292929 100%); /* IE10+ */
    background:linear-gradient(to bottom, #3B3B3B 0%,#292929 100%); /* W3C */
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#3B3B3B', endColorstr='#292929', GradientType=0); /* IE6-9 */
    border-left:1px solid #363636;
    border-right:1px solid #363636;
    border-bottom:1px solid #0E0E0E;
    overflow:hidden;
    padding:5px 10px;
}

input[type="submit"]:hover,
input[type="submit"]:focus {
    color:#F5D200;
}

/* ------------------------------------------------------------------------------------------------------------- Text */

input[type="text"],
input[type="search"],
input[type="email"],
input[type="password"] {
    background:#323232;
    color:#BEBEBE;
    font-family:"Droid Serif", "Georgia", "Times New Roman", "Times", "DejaVu Serif", serif;
    font-weight:400;
    font-size:13px;
    line-height:140%;
    padding:5px;
}

input[type="text"]:hover,
input[type="text"]:focus,
input[type="search"]:hover,
input[type="search"]:focus,
input[type="password"]:hover,
input[type="password"]:focus {
    color:#FFF;
    background:#363636;
}

/* --------------------------------------------------------------------------------------------------------- Textarea */

textarea {
    background:#323232;
    color:#BEBEBE;
    font-family:"Droid Serif", "Georgia", "Times New Roman", "Times", "DejaVu Serif", serif;
    font-weight:400;
    font-size:13px;
    line-height:140%;
    padding:5px;
}

textarea:hover,
textarea:focus {
    color:#FFF;
    background:#363636;
}


/* -------------------------------------------------------------------------------------------------------- Default Mailchimp */

/**
 * Mailchimp Embedded Form
 * templates/Themes/Layout/right/mailchimp-form.php
 */

/**
 * Layout & Presentation
 */
#mc_embed_signup {
	position:relative;
	margin:20px 0;
	width:auto;
	padding:15px;
	overflow:hidden;
}

#mc_embed_signup .headline {
	margin-bottom:10px;
	font-weight:400;
	color:#F5D200;
}

/* requires Accordion-jQuery.js */
#mc_embed_signup .toggler {
	color:#BEBEBE;
	cursor:pointer;
	overflow:hidden;
}

#mc_embed_signup .toggler p {
	width:160px;
}

#mc_embed_signup .toggler .icon {
	position:absolute;
	top:23px;
	right:15px;
}

#mc_embed_signup .toggler p:hover {
	color:#F5D200;
}

#mc_embed_signup.box-dark {
	background: #323232;
	background: -moz-linear-gradient(top, #323232 0%, #212121 100%);
	background: -webkit-gradient(linear,left top, left bottom, color-stop(0%,#323232), color-stop(100%,#212121));
	background: -webkit-linear-gradient(top, #323232 0%,#212121 100%);
	background: -o-linear-gradient(top, #323232 0%,#212121 100%);
	background: -ms-linear-gradient(top, #323232 0%,#212121 100%);
	background: linear-gradient(to bottom, #323232 0%,#212121 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323232', endColorstr='#212121',GradientType=0 );
	-moz-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.3);
}

/**
 * Form Styles
 */
#mc_embed_signup input,
#mc_embed_signup select {
	display:block;
	width:255px;
}

#mc_embed_signup input[type="text"],
#mc_embed_signup input[type="email"],
#mc_embed_signup select {
	background:#444;
}

#mc_embed_signup label {
	margin-bottom:8px;
}

#mc_embed_signup .mc-field-group {
	margin:15px 0;
}

#mc_embed_signup .input-group > label {
	display:block;
	width:auto;
	color:#F5D200;
}

#mc_embed_signup .input-group input {
	width:auto;
	margin-right:10px;
	display:inline-block;
	vertical-align:baseline;
	/* ie fix */
	*display:inline;
	*zoom:1;
}

#mc_embed_signup .input-group li label {
	display:inline-block;
	/* ie fix */
	*display:inline;
	*zoom:1;
}

#mc_embed_signup .button {
	width:auto;
}


/**
 * Response Styles
 */

#mc_embed_signup .error {
	color:#FF0000;
}

#mc_embed_signup .error a {
	text-decoration:underline;
}

/* -------------------------------------------------------------------------------------------------------- Knowledge Mailchimp */

#mc_embed_signup.knowledge-signup {
	margin-bottom:40px;
}

#mc_embed_signup.knowledge-signup .headline {
	width:255px;
}

#mc_embed_signup.knowledge-signup .toggler p {
	width:auto;
}