/**
 * @file
 * Form Styling
 */

input {
  outline: none;
}

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


/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}


/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form /* Wrapper for the search form */ {
  /* 
   * CSS3 Code
   * background-color: #fff;
   * box-shadow: inset 0px 0px 6px #aaa;
   * border-radius: 5px;
   * border: 1px solid #fff;
   * height: 38px;
   */
  width: 291px;
  height: 40px;
  background: url(../images/input-search.png) no-repeat 0 0; 
  margin-right: 1px;
}
 
#block-search-form form {
  /* If using CSS 3 in #block-search-form, use padding: 4px */
  padding: 5px;
}

#block-search-form .form-item-search-block-form /* Wrapper for Search Input */ {
  margin: 0;
  padding: 0;
}

#block-search-form .form-item-search-block-form input /* Search Input */ {
  background: none;
  border: none 0;
  height: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-size: 1.0em;
  color: #888;
  width: 235px;
  padding-left: 2px;
}

#block-search-form .form-item-search-block-form input:focus /* Search Input */ {
  color: #272727;
}

#block-search-form #edit-actions /* Wrapper for Search Button */ {
  float: right;
  clear: both;
}

#block-search-form #edit-actions input /* Search Button */ {
  height: 30px;
  width: 34px;
  border: 0;
  text-indent: -5000em;
  background: url(../images/button-search.png) no-repeat 0 0;
  cursor: pointer;
  
  /* IE 7
  text-indent: 0;
  margin-top: -38px;
  line-height: 0;
  font-size: 0;
  */
}

#block-search-form #edit-actions input:hover /* Search Button */ {
  height: 30px;
  width: 34px;
  border: 0;
  text-indent: -5000em;
  background: url(../images/button-search-hover.png) no-repeat 0 0;
  
  /* IE 7
  text-indent: 0;
  margin-top: -38px;
  line-height: 0;
  font-size: 0;
  */
}

/*
 * 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 html-reset.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;
}


/* Generic Form Stylings */

select#region-select , select#country-select {
    width: 100%;
/*    box-shadow: 1px 1px 3px #999; /* Drop down menu */
    margin-top: 10px;
	height: 27px;
	color: #005971;	
	text-transform: uppercase;
	font-size: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px;
	background: url(../images/bg_select.png) no-repeat top left;
	padding: 4px 0 2px 5px;
	
}

select:hover {
	cursor: pointer;	
}