@charset "UTF-8";
/******************************************************************************
 ** BrightTALK Dot Com
 ** Copyright BrightTALK Ltd, 2008.
 ** All Rights Reserved.
 ** $Id: form.css 22975 2010-11-18 17:09:41Z acairns $
 ******************************************************************************/
/**************************************************************/
/* Form Defaults                                              */
/**************************************************************/
form {
  margin: 0px;
  padding: 0px;
}

.form-item {
  margin-top: 0px;
  margin-bottom: 0px;
  height: 42px;
}

.form-item.display-only, .display-only {
  height: 25px;
}

.form-item.textarea, .form-item.readonlyscroll {
  height: 97px;
}

.disabled {
  filter: alpha( opacity = 50); /* IE7,IE8 buttons */
opacity:
  0.5;
}

.form-item .form-text, .form-item .form-select, .form-item textarea, .form-item .form-checkbox, .form-item .form-readonlyscroll, .form-item .form-file {
  font-size: 11px;
  color: #333333;
  margin: 0px;
  padding: 0px;
}

.form-item .form-file {
  height: 22px;
  border: 1px solid #9BB786;
}

.form-item .form-select {
  padding: 3px 3px 3px 0;
}

.form-item .form-text, .form-item .form-select, .form-item textarea, .form-item .form-date, .form-item .form-readonlyscroll {
  border: 1px solid #9bb786;
  background-color: #FFF !important;
}

.form-item .form-text, .form-item textarea, .form-item .form-readonlyscroll {
  width: 100%;
}

.form-item .form-text, .form-item .form-date {
  height: 16px;
}

.form-item textarea, .form-item .form-text, .form-item .form-date, .form-item .form-readonlyscroll {
  padding: 2px;
}

.form-item .form-readonlyscroll {
  overflow: scroll;
}

.form-item label {
  font-size: 11px;
  font-weight: normal;
  padding-top: 5px;
}

.form-radios .form-item.radio label {
  width: auto;
}

.form-item .description {
  font-size: 10px;
  margin-top: 3px;
  color: #3d5e1c;
  float: left;
}

a.help-icon {
  cursor: help;
}

a.help-icon:HOVER {
  cursor: help;
}

a.help-icon span {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url('images/help_icons_V2_off.gif') no-repeat;
  border: none;
}

a.help-icon:HOVER span {
  background: url('images/help_icons_V2_on.gif') no-repeat;
}

.form-required {
  color: #333333;
}

.form-item .control {
  float: left;
  width: 300px;
  font-size: 11px;
}

.form-item label.error {
  clear: left;
  color: red;
  display: block;
  padding: 0px;
  margin-bottom: 0px;
  width: 300px;
}

.form-item .form-checkbox-wrapper label.error {
  top: 18px;
  position: relative;
  height: 0px;
  display: inline;
  float: left;
  width: 150px;
}

.form-item label.error .dtstart {
  color: red;
}

input.error, textarea.error, select.error {
  border: 2px solid red !important;
}

/* For JQuery */
input.blur {
  color: #999999;
}

/***********************************************************************
 * Button Style
 ***********************************************************************/
.button, input.button {
  background-color: transparent;
  background-repeat: no-repeat;
  height: 21px;
  border: 0px;
  cursor: pointer;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  position: relative;
  display: block;
  /* make the font fairly small so that the image covers it */
  font-size: 10px;
}

/* push the text of the button below the image */
input.button {
  padding-top: 21px;
}

.button span {
  width: 100%;
  height: 100%;
  position: absolute;
}

/***************************************************************
 * Common Buttons
 ***************************************************************/
.button-proceed {
  float: right;
  width: 84px;
}

.button-proceed span, input.button-proceed {
  background-image: url(images/buttonproceed.gif);
}

.button-import {
  float: right;
  width: 69px;
}

.button-import span, input.button-import {
  background-image: url(images/import.jpg);
}

/***************************************************************
 * Date Picker styles
 ***************************************************************/
.form-date {
  width: 80px !important;
}

.date-picker input {
  height: 12px;
}

.ui-datepicker-trigger {
  top: 3px;
  left: 2px;
  position: relative;
}

.ui-datepicker {
  z-index: 99999;
}

/*********************************************************************
 * File Field
 *********************************************************************/
.file .existing-file label {
  float: none;
  margin-bottom: 2px;
  margin-left: 0px;
}

.file .existing-file label.option {
  margin-left: 20px;
}

/*******************************************************************
 * Tooltips
 ******************************************************************/
div.tooltip {
  background-color: #000;
  border: 1px solid #fff;
  padding: 10px 15px;
  width: 200px;
  display: none;
  color: #fff;
  text-align: left;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  /* outline radius for mozilla/firefox only */
  -moz-box-shadow: 0 0 10px #000;
  -webkit-box-shadow: 0 0 10px #000;
}

/********************************************************************
 * Expose
 ********************************************************************/
#mask {
  background-color: #000;
}

.exposed {
  z-index: 9999;
  position: relative;
}

/*******************************************************************
 * Radios
 ******************************************************************/
.form-radio-wrapper {
  float: left;
  width: 400px;
}

.radio-group {
  float: left;
  width: 100px;
}

.radio-group .radio-label {
  float: left;
  padding-left: 5px;
  padding-top: 2px;
  margin: 0px;
}

.form-radio {
  float: left;
}