/* Example
	<div class='row'>
		<span class='label'>Comments</span>
		<span class='field'><input type='text' name='thisField'></span>
	</div>
	<div class='row'>
		<span class='field'><input type='checkbox' name='this_checkbox' value=1> Yes, I want one of these.</span>
	</div>
	<div class="spacer">&nbsp;</div>
*/

div.row {
    clear: both;
    padding-top: 2px;
    margin-left: 6px;
    /*line-height: 24px;*/
}

    div.row span.column1 {
        float: left;
        /*display:inline-block;*/ /* not required if float:left is set. */
        width: 170px;
        text-align: left;
        line-height: 22px;
    }

    div.row span.column1b /* same as column1a, but a little wider */ {
        float: left;
        /*display:inline-block;*/ /* not required if float:left is set. */
        width: 185px;
        text-align: left;
        line-height: 22px;
    }

    div.row span.column1c /* Use when a wide first column is needed, along with a 3rd column */ {
        float: left;
        /*display:inline-block;*/ /* not required if float:left is set. */
        width: 270px;
        text-align: left;
        line-height: 22px;
    }

    div.row span.column2 /* Use when a third column is not needed */ {
        /*float: left;*/
        width: 450px;
        text-align: left;
        line-height: 22px;
    }

    div.row span.column2b /* Use when a third, right-aligned column is needed. Narrower than column2. */ {
        /*border:1px solid black;*/
        display: inline-block;
        width: 230px;
        text-align: left;
        line-height: 22px;
    }

    div.row span.column2c /* Use with column1c */ {
        /*border:1px solid black;*/
        display: inline-block;
        width: 130px;
        text-align: left;
        line-height: 22px;
    }

    div.row span.column3b /* Use when a third, right-aligned column is needed */ {
        /*border:1px solid black;*/
        display: inline-block;
        width: 200px;
        text-align: right;
        line-height: 22px;
    }

    /* two_column is deprecated, use full_width instead: */
    div.row span.two_column {
        /*float: left;*/
        width: 670px;
        text-align: left;
        line-height: 22px;
    }

    div.row span.full_width {
        /*float: left;*/
        width: 670px;
        text-align: left;
        line-height: 22px;
    }

    div.row span.full_width_short {
        /* Has no min line-height. Useful for long texts that wrap */
        width: 670px;
        text-align: left;
    }

div.table_width_row {
    width: 630px;
    /*text-align: left;*/
}

    div.table_width_row span {
        line-height: 22px;
    }

div.spacer {
    clear: both;
}

div.row span.buttons {
    float: left;
    width: 600px;
    text-align: center;
}

div.outerBox {
    background-color: #EEEEEE;
    border: 1px solid lightgrey;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    width: 630px;
}

div.outerClear {
    width: 630px;
}

div.column_note {
    border: 1px solid black;
    margin: 2px;
    margin-right: 6px;
    padding-left: 5px;
    padding-right: 5px;
    background-color: #c8c8c8;
}

p.errorMessage {
    color: red;
    text-align: center;
    font-weight: bold
}