/**
 * @file
 * Form Styling
 */


.form-item { /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error { /* Highlight the form elements that caused a form submission error */
  border: 1px solid #c00;
}

.form-item label { /* The label for a form element */
  display: block;
  font-weight: bold;
}

.form-item label.option { /* The label for a radio button or checkbox */
  display: inline;
  font-weight: normal;
}

.form-required { /* The part of the label that indicates a required field */
  color: #c00;
}

.form-item .description { /* The descriptive help text (separate from the label) */
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item { /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0; /* Drupal core uses "0.4em 0" */
}

.form-submit { /* The submit button */
}

.container-inline div,
.container-inline label { /* Inline labels and form divs */
  display: inline;
}

.tips { /* Tips for Drupal's input formats */
}

a.button { /* Buttons used by contrib modules like Media */
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */

.password-parent,
.confirm-parent {
  margin: 0;
}

/*
 * Search (search-block-form.tpl.php)
 */

#block-search-form { /* Wrapper for the search form */
}

/*
 * Drupal's default login form block
 */

#user-login-form {
  text-align: left; /* LTR */
}

/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */

#user-login-form ul { /* OpenID creates a new ul above the login form's links. */
  margin-bottom: 0; /* Position OpenID's ul next to the rest of the links. */
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link { /* The "Log in using OpenID" link. */
  margin-top: 1.5em;
  margin-left: -20px; /* LTR */ /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link { /* The "Cancel OpenID login" link. */
  margin-top: 1.5em;
}

#user-login ul {
  margin: 1.5em 0;
}

/*
 * Drupal admin tables
 *
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */

form th {
  text-align: left; /* LTR */
  padding-right: 1em; /* LTR */
  border-bottom: 3px solid #ccc;
}

form tbody {
  border-top: 1px solid #ccc;
}

form tr.even {
  background-color: #fff;
}

form table .item-list ul {
  margin: 0;
}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc; /* IE doesn't display borders on table rows */
}

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */

td.menu-disabled {
  background: #ccc;
}

form#search-block-form {
	width: 184px;
	height: 30px;
	float: right;
}

form#search-block-form .form-item-search-block-form {
	display: block;
	margin: 0;
	width: 150px;
	float: left;
}

form#search-block-form  .form-text {
	height: 27px;
	width: 140px;
	padding-left: 8px;
	border: 0;
	background: transparent;
}

form#search-block-form .form-actions {
	width: 34px;
	height: 29px;
	display: block;
	float: left;
	position: relative;
}
form#search-block-form  .form-actions input[type=submit] {
	width: 34px;
	height: 29px;
	text-indent: -9999px;
	border: 0;
	background: url(../images/search-icon.png) no-repeat 10px 6px;
}


.select-wrapper select {
   background: transparent;
   width: 135px;
   padding: 5px;
   font-size: 12px;
   color: #666;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
	
}
   
.select-wrapper {
   width: 135px;
   height: 34px;
   overflow: hidden;
   
   border: 1px solid #ccc;
   background: #dfdfdf; /* Old browsers */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMGMwYzAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #dfdfdf 80%, #c0c0c0 100%); /* FF3.6+ */
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#dfdfdf), color-stop(100%,#c0c0c0)); /* Chrome,Safari4+ */
   background: -webkit-linear-gradient(top,  #ffffff 0%,#dfdfdf 80%,#c0c0c0 100%); /* Chrome10+,Safari5.1+ */
   background: -o-linear-gradient(top,  #ffffff 0%,#dfdfdf 80%,#c0c0c0 100%); /* Opera 11.10+ */
   background: -ms-linear-gradient(top,  #ffffff 0%,#dfdfdf 80%,#c0c0c0 100%); /* IE10+ */
   background: linear-gradient(to bottom,  #ffffff 0%,#dfdfdf 80%,#c0c0c0 100%); /* W3C */
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c0c0c0',GradientType=0 ); /* IE6-9 */
}

.select-wrapper.multiple {
	height: 120px;
}

html>body .select-wrapper select {
    width: 165px !important;
	background-position: 113px center;
}

#contact-site-form .select-wrapper {
	width: 349px;
}
#edit-timezone .select-wrapper {
	width: 350px;
}

#contact-site-form .select-wrapper select {
	width: 365px !important;
	background-position: 325px center !important;
}
#edit-timezone .select-wrapper select {
	width: 370px !important;
	background-position: 335px center;
}

.form-item-order .select-wrapper {
	width: 170px;
}
.form-item-order .select-wrapper select {
	width: 190px !important;
	background-position: 165px center;
}

.form-item input.error, .form-item textarea.error, .form-item select.error {
	border: 1px #fbbebe solid !important;
	background-color: #faf4f4 !important;
	color: #000 !important;
}

.l-inner-page .contact-form {
	width: 521px;
	margin-bottom: 50px;
}
.l-inner-page .contact-form .form-item {
	margin: 0 0 10px;
}
.l-inner-page .contact-form .form-item:after {
	content: '';
	display: table;
	clear: both;
}
.l-inner-page .contact-form .form-item label {
	float: left;
	width: 160px;
	margin-right: 10px;
	padding: 10px 0px 9px;
	font-weight: normal;
}
.l-inner-page .contact-form .form-item .option {
	float: none;
}
.l-inner-page .contact-form .form-item input[type=text],
.l-inner-page .contact-form .form-item textarea {
	float: left;
	width: 351px;
	padding: 12px 9px;
	border: 1px solid #b3b3b3;
	background-color: #fff;
	box-shadow: 0 3px 10px rgba(1,1,1,.29);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.l-inner-page .contact-form .form-item textarea {
	float: none;
}
.l-inner-page .contact-form .form-item .form-textarea-wrapper{
	float: left;
	width: 351px;
}
.l-inner-page .contact-form .form-item .select-wrapper {
	float: left;
	margin-top: 3px;
}
.l-inner-page .contact-form .form-item .select-wrapper select {
	height: auto;
	padding: 10px 3px 10px 5px;
}
.l-inner-page .contact-form .form-actions {
	margin-left: 170px;
	text-align: center;
}