
/*-----[ STYLE SHEET :: FORM
*/

form {
    margin-bottom: 1.0em;
    padding-bottom: 0;
    }

    form .field {
        padding-bottom: 0.3em;
        }

    form br, .buttonGroup br {
        clear: both;
        margin-bottom: 0.3em;
        font-size: 0;
        line-height: 0;
/*
        background-color: #000;
*/
        }

    form fieldset {
        margin: 12px 0 10px 0;
        margin: 0 0 10px 0;
	    padding: 0.9em 10px 0.6em 10px;
	    border: 1px solid #D7D7D7;
	    font-weight: normal;
	    color: #000;
	    }

        form fieldset legend {
            margin-bottom: 0.5em;
            padding: 0 0.5em 0 0.5em;
            font-weight: bold;
            color: #999;
            }

        form fieldset br {
            clear: both;
            margin-bottom: 0.3em;
            font-size: 0;
            line-height: 0;
            }

    form div.field label {
        display: block;
	    float: left;
	    margin: 0;
	    padding: 0.2em 1.4em 0 0;
	    font-weight: normal;
	    color: #000;
	    text-align: right;
	    cursor: default;
	    }

        form div.field label.required {
            background: url(/images/warning.png) no-repeat right 3px;
            background: url(/images/required.png) no-repeat right 5px !important;
            background: url(/images/required.png) no-repeat right 6px;
            }

        form label.checkBox, form label.radio-button {
            float: none;
            margin: 0 0 0 150px;
            font-weight: normal;
            text-align: left;
            color: #000;
            }

    form input, form textarea, form select {
	    display: block;
	    margin: 0 0 0.3em 11.0em;
	    }

        form input.hidden {
            display: none;
            }

    form input, form textarea {
	    padding: 0.2em 0.2em 0.2em 0.2em !important;
	    padding: 0.0em 0.3em 0.5em 0.3em;
	    color: #000;
	    }

        form input.radio-button {
            float: left;
            margin-left: 130px;
            background-color: #CCC;
            }

    form textarea {
	    }

    form select {
        padding: 0;
	    vertical-align : middle;
	    }

        form select option {
	        display: block;
	        padding: 0.0em 1.0em 0.2em 0;
	        }

    form .note, form .help {
	    margin: 0 0 0.3em 97px !important;
        font-size: 0.95em;
        line-height: 1.0em;
	    color: #000;
	    }

    form .buttonGroup {
        height: 2.7em;
	    padding: 0.5em 0 0.3em 0;
	    }

        form .buttonGroup input, form .buttonGroup button {
            display: block;
            margin: 0 0 0 5px;
            padding: 0.3em 1.0em 0.25em 1.0em !important;
            line-height: 1.0em
            }

    form .buttonsTop button {
        margin: -0.9em 0 0.9em 0.5em;
        }

form .button {
	}

.ieFix {
    background-color: transparent;
    font-size: 0;
    line-height: 0;
    }

p.dataRequired {
	padding: 0 0 0 1.5em;
	background: url(/images/datarequired.png) no-repeat left;
	}


div.fieldErrors {
    margin: 0 0 1.0em 0;
    clear: both;
	border: 1px solid #DD7777;
	padding: 1px 1px 0 1px;
	background-color: #EBCBCB;
	}

    div.fieldErrors h6 {
        margin: 0 0 0.9em 0;
        padding: .5em .7em .5em 30px;
        background: #D77 url(/images/icons/error.png) 0.6em 0.45em no-repeat;
        font-size: 11px;
        color: #900;
        line-height: 1.35em;
        }

        div.fieldErrors h6 img {
            display: inline;
            vertical-align: middle;
            border: 0px solid #000;
            }

	div.fieldErrors p {
        margin: 0 0.6em;
        font-size: 11px;
        line-height: 1.3em;
		}

        div.fieldErrors p span {
            border: 1px solid #C00;
            padding: 0 0.3em;
            background-color: #DD7777;
            font-weight: bold;
            color: #000;
            }

        div.fieldErrors p strong {
            color: #C00;
            }

form h2 {
	margin: -2px -10px 2px -10px;
	padding: 4px 4px 4px 5px !important;
	padding: 4px 4px 4px 3px;
	border-bottom: 1px solid #DDD;
	background-color: #EEE;
	font-size: 11px;
	font-weight: bold;
	color: #666;
	}

#content p.field {
    clear: both;
	float: left;
	width: 14.0em;
    padding: 0.4em 0 0 0;
	font-weight: bold;
	text-align: right;
	color: #006;
	}

#content div.value {
	margin: 0 0 0.6em 15.0em;
    border: 1px solid #DDD;
    background-color: #F7F7F7;
    padding: 0.3em 0.5em 0.0em 0.5em;
	}

#content div.value p {
	margin: 0 0 0.4em 0;
	}

.footnote {
    font-size: 11px;
    line-height: 1.3em;
    }
