/* factor groups */
/* fieldsets and legends are impossible to style with browser consistency. We
 * wrap the fieldset in a div, and place a span in the legend, and style them
 * instead as per:
 *   http://www.tyssendesign.com.au/articles/css/legends-of-style/ */
.factors-form div
{
    position: relative;
}

.factors-form div fieldset
{
    margin: 0 0 1em; /* 0 0 14px */
    padding: 2em 0 0; /* 28px 0 0 */
    border: none;
}

.factors-form legend span
{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0 0 .333em; /* 0 0 7px */
    line-height: 1em; /* 21px */
    font-family: Georgia, Times, "Times New Roman", serif;
    font-weight: normal;
    font-size: 1.5em; /* 21px */
    color: white;
}

/* factors multiple select lists */
.factors-form ul
{
    margin: 0;
    padding: 0;
    list-style: none;
    color: black;
}

.factors-form ul li
{
    display: block;
    position: relative;
    width: 100%; /* cures ie bug in which top border was not visible */
    margin: 0;
    padding: 0;
    background: white;
    border-top: 1px solid white;
    border-bottom: 1px solid #cccccc;
}

.factors-form ul li.checked
{
    background: #c2b000;
    border-top-color: #dad066;
    border-bottom-color: #9b8d00;
}

.factors-form ul li input
{
    position: absolute;
    top: 8px;
    left: 10px;
}

.factors-form ul li label
{
    display: block;
    margin: 0;
    padding: 8px 10px 8px 40px;
    cursor: pointer;
}

/* paragraphs used for modifiers to factor options. */
/* list items containg options wih modifiers will be given the class
 * has-modifers if javascript is turned on. */
.factors-form ul li.has-modifiers
{
    background-image: url(images/expand-arrow.gif);
    background-repeat: no-repeat;
    background-position: 98% center;
}

.factors-form ul li.has-modifiers p
{
    display: none;
}

.factors-form ul li.has-modifiers.checked
{
    background-image: none;
}

.factors-form ul li.has-modifiers.checked p
{
    display: block;
}

.factors-form ul li p input
{
    position: static;
}

.factors-form ul li p label
{
    display: inline;
    padding: 0;
    font-weight: bold;
}

/* other form elements */
.factors-form input
{
    width: auto;
}

.factors-form fieldset p
{
    margin: 0;
    padding: 9px 10px 9px 36px;
    color: black;
    background: #e1deae;
}

.factors-form select
{
    font-weight: bold;
}

/* adjustments for when the form is on the sidebar */
#sub .factors-form ul li input
{
    top: 2px;
    left: 6px;
}

#sub .factors-form ul li label
{
    padding: 4px 10px 4px 32px;
}

#sub .factors-form ul li p label
{
    padding: 0;
    font-weight: normal;
}

#sub .factors-form fieldset p
{
    margin: 0;
    padding: 4px;
}