/* $Id: forms.css,v 1.3 2009/08/12 08:37:42 johnalbin Exp $ */

/**
 * @file
 * Form Styling
 */


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

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

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

.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 */ {
}

.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.4em 0;
}

.form-submit {
    background: url(../images/bg_button.png) no-repeat top left;
    border: none;
    color: #fff;
    height: 26px;
    padding: 0 0 3px;
    text-align: center;
    width: 136px;
}

.form-submit:hover {
  color: #8b8b8b;
}

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

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

/*
 * Webform-module styling
 */
input.webform-calendar {
  padding: 3px;
  vertical-align: top;
}

.webform-container-inline div,
.webform-container-inline div.form-item {
  display: inline;
}

.webform-client-form {
}

.webform-client-form .form-item input.error, .form-item textarea.error {
border: 1px solid #FF5C00;
color: #494949;
}

.webform-client-form .form-radios, .webform-client-form .form-checkboxes {
    clear: both;
    display: block;
    width: 70%;
    left: 24%;
    position: relative;
}

.webform-client-form .form-item {
  margin: 0px;
  margin-bottom: 7px;
 
}
.webform-client-form label {
  margin: 0px;
  width: 30%;
  float: left;
}
.webform-client-form label.option {
  width: auto; /* We don't want radio labels to follow the same rules as component labels */
  float: none;
}
.webform-component-textfield, .webform-component-select, .webform-component-email,
.webform-component-select .form-radios {
  /*overflow: hidden;*/
  height: 100%;
}

.webform-component-select .form-select {
}

.webform-component-textarea {
	
}

.webform-client-form fieldset.captcha {
	border: 0;
}

.webform-client-form .form-textarea {
	background: url(../images/ferrariclub_loginform_field_bg_ltop.jpg) no-repeat top left,
    url(../images/ferrariclub_loginform_field_bg_rtop.jpg) no-repeat top right,
    url(../images/ferrariclub_loginform_field_bg_lbot.jpg) no-repeat bottom left,
    url(../images/ferrariclub_loginform_field_bg_rbot.jpg) no-repeat bottom right,
    url(../images/ferrariclub_loginform_field_bg_reptop.jpg) repeat-x top left,
    url(../images/ferrariclub_loginform_field_bg_repbot.jpg) repeat-x bottom left,
    url(../images/ferrariclub_loginform_field_bg_lrep.jpg) repeat-y top left,
    url(../images/ferrariclub_loginform_field_bg_rrep.jpg) repeat-y top right;
    border: none;
    background-color: #fff;
    margin: 0;
    padding: 8px 10px 1px 10px;
    width: 414px;
    font-size: 11px;
}

.webform-client-form input.form-text {
  margin: 0;
  height: 26px;
  background: 
    url(../images/ferrariclub_loginform_field_bg_l.jpg) no-repeat top left,
    url(../images/ferrariclub_loginform_field_bg_r.jpg) no-repeat top right,
    url(../images/ferrariclub_loginform_field_bg_repeat.jpg) repeat-x top left;
  border: 0px;
  padding: 1px 10px 1px 10px;
  width: 414px;
}

.webform-client-form fieldset > legend {
	display: none;
}
	
.webform-client-form .description {
  display: block;
  clear: both;
  line-height: normal;
  color: #565656;
  padding: 0;
  margin-left: 30%;
  margin-top:0;
  width: 410px;
}

#edit-captcha-response-wrapper {
	margin: 15px 0 10px;
}

#edit-captcha-response.form-text {
	width: 30px;
}

/* .webform-client-form-3 .form-submit {
  display: block;
  margin-top: 20px;
  float: right;
  width: 96px;
  height: 26px;
  position:relative;
  right: 206px;
  background: url(../images/ferrariclub_login_button.jpg);
  border: 0;
  color: #fff;
  padding-right: 25px;
} */

/*
 * View + Ilmoittautumislomake-webform block
 */

.section-tapahtumat .webform-client-form h2.title {
  margin-top: -30px;
  position: absolute;
  font-size: 12px;
  font-family: Tahoma;
}

.section-tapahtumat .webform-client-form h2.title a {
  color: #fff;
}

.section-tapahtumat .webform-client-form /* With resizeable background */ {
	background: url(../images/ferrariclub_form_bg_slice_topleft.png) no-repeat left top,
  				url(../images/ferrariclub_form_bg_slice_topright.png) no-repeat right top,
  				url(../images/ferrariclub_form_bg_slice_topmid.png) repeat-x left top,
  				url(../images/ferrariclub_form_bg_slice_bottomleft.png) no-repeat left bottom,
				url(../images/ferrariclub_form_bg_slice_bottomright.png) no-repeat right bottom,
				url(../images/ferrariclub_form_bg_slice_bottommid.png) repeat-x left bottom,
				url(../images/ferrariclub_form_bg_slice_leftmid.png) repeat-y left top,
				url(../images/ferrariclub_form_bg_slice_rightmid.png) repeat-y right top;
  background-color: #111111;
  min-height: 348px;
  padding-left: 23px;
  padding-top: 32px;
  padding-right: 23px;
  margin-top: 30px;
  width: 530px;
  border-radius: 3px;
  -moz-border-radius: 3px;
}

.section-tapahtumat .webform-client-form {
  clear: both;
  margin-top: 35px;
  padding-bottom: 3px;
  padding-top: 50px;
}

.section-tapahtumat .webform-client-form .webform-component label {
  width: 25%;
}

.section-tapahtumat .webform-client-form .webform-component input[type="text"] {
  width: 370px;
}

.section-tapahtumat .webform-client-form .webform-component textarea {
  width: 370px;
}

.section-tapahtumat .webform-client-form .form-submit {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
}
/* Hiding webform on comment pages */
.section-comment .webform-client-form {
  display: none;
}


/*
 * Search (search-theme-form.tpl.php)
 */
#search-box /* Wrapper for the search form */ {
}

#edit-search-theme-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}


/*
 * Search (search-block-form.tpl.php)
 */
#search-block-form /* Wrapper for the search form */ {
}

#edit-search-block-form-1-wrapper label /* Label that says "Search this site:" */ {
  display: none;
}


/*
 * Drupal's default login form + Jäsenet-page's login from + Password page's shared styles
 */
.not-logged-in #user-login,
.not-logged-in .block-user,
.not-logged-in #user-pass {
  width: 360px;
  height: 230px;
  padding: 81px 20px 5px 23px;
  text-align: left; /* LTR */
  background: url(../images/ferrariclub_login_form_bg.png) no-repeat;
}

.not-logged-in #user-login-form,
.page-jasenet .block-user {
    text-align: left;
}

.not-logged-in #user-login .form-item label,
.page-jasenet .block-user .form-item label {
    display: inline;
    float: left;
    margin: 0;
    width: 105px;
    font-size: 13px;
    font-weight: normal;
    font-family: Tahoma, sans-serif;
    color: #808080;
}

.not-logged-in #user-login .form-item,
.page-jasenet .block-user .form-item {
  margin: 10px 0 20px;
}

.not-logged-in #user-login .form-item .description,
.page-jasenet .block-user .form-item .description {
	left: 106px;
    position: relative;
    width: 246px;
    font-size: 11px;
}   


.not-logged-in #user-login input.form-text,
.not-logged-in .block-user input.form-text,
.page-user-password #user-pass input.form-text {
  border: 0px;
  padding: 1px 0 0 10px;
  height: 26px;
  width: 240px;
  background:
    url(../images/ferrariclub_loginform_field_bg_l.jpg) no-repeat top left,
    url(../images/ferrariclub_loginform_field_bg_r.jpg) no-repeat top right,
    url(../images/ferrariclub_loginform_field_bg_repeat.jpg) repeat-x top left;
}

.not-logged-in #user-login .edit-pass-wrapper,
.page-jasenet .block-user .edit-pass-wrapper {
  margin-top: 30px;
}

.not-logged-in #user-login .form-submit,
.page-jasenet .block-user .form-submit /* Style for login button */ {
  position: relative;
  left: 216px;
}

.page-jasenet #user-login-form .item-list ul li {
    font-size: 11px;
    left: 85px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    top: -50px;
    width: 200px;
}

/*
 * Password page's form
 */

.page-user-password #user-pass .form-item label {
  color: #808080;
  font-family: Tahoma,sans-serif;
  font-size: 13px;
  font-weight: normal;
  margin: 0;
  padding-left: 1px;
}

.page-user-password #user-pass input.form-text {
  width: 345px;
}

.page-user-password #user-pass input.form-submit /* Style for login button */ {
  float: right;
  position: relative;
  right: 6px;
  top: 88px;
  padding: 0 28px 2px;
  background: url(../images/ferrariclub_button_bg_wide.png) no-repeat top right;
  width: auto;
}
 
/*
 * 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. */
}

#user-login-form li.openid-link /* The "Log in using OpenID" link. */ {
  margin-top: 1em;
  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: 1em;
}

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

#user-login li.openid-link,
#user-login li.user-link /* The OpenID links on the /user form. */ {
  margin-left: -2em; /* LTR */ /* Un-do all of the padding on the ul list. */
}


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

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

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

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