/*
 * -File    $Id: form.css 8397 2005-03-15 19:29:11Z manuel $
 * -Author  alex black, enigma@turingstudio.com
 * -Author  manuel holtgrewe <purestorm at teforge dot org>
 */

/* Utility <div> class: spacer to force box sizes */
div.Spacer 
{
    clear: both;
    height: 0px;
}

/*************************************************
 * The form structure defining tags
 *************************************************/

/* the form root tag */
form.Form
{
    display: block;
}

/* error display list */
form.Form ul.Errors
{
	padding: 0 0 0 0;
	margin: 0 10% 0 10%;
	clear: both;
	font-size: 0.9em;
	list-style: none;
}

form.Form ul.Errors li
{
	margin: 2px 5px 2px 5px;
	padding: 2px 0 2px 0;
}

/* form components */

form.Form div.Component
{
    clear: both;
}

form.Form div.ComponentActionButtons
{
    text-align: center;
}

/* All labels and spaces are in a "leftColumn" class span */
form.Form div.LeftColumn
{
    float: left;
    width: 30%;
}

/* all input elements must be layed out in a span with the class "input" */
form.Form div.RightColumn
{
    float: right;
    width: 70%;
    text-align: left;
    vertical-align: top;
    padding-bottom: 1em;
}

form.Form div.LeftColumn label
{
    text-align: right;
    font-weight: bolder;
}

/* Highlight the required asterisk. */
form.Form label span.Required
{
    font-weight: bold;
}

/*************************************************
 * The form input styles
 *************************************************/

/* binarycloud inputs */

form.Form input.Button {}
form.Form input.CheckBox {}
form.Form input.File {}
form.Form input.Hidden {}
form.Form input.Image {}
form.Form input.Password {}
form.Form input.Reset {}
form.Form input.Submit {}
form.Form input.Text {}

form.Form textarea {}

form.Form select.ComboBox {}
form.Form select.SelectBox {}

form.Form div.CheckboxGroup {}
form.Form div.RadioGroup {
    float: left;
    width: auto;
    margin-right: 1em;
}

form.Form div.Actions {}
form.Form div.Actions input {}
form.Form div.Actions input.Default {
}

/* form GUI nodes */

form.Form div.Notes
{
	font-size: 0.9em;
	margin: -1em 1em 0em 1em;
}

form.Form a.Hintbutton 
{
    cursor: help;
}

form.Form div.HintText
{
    padding: 2px;
    font-family: Verdana, Helvetica, sans-serif;
    font-size: 0.9em;
    width:200px; 
    z-index: 1;
    position:absolute;
    top:5px; 
    right:5px; 
    visibility:hidden; 
    background-color: #FFFFCC;
    border:1px solid #666;
}