/* @group GW Forms */

div.formWrapper { 
    overflow: hidden; 
    clear: both; }

div.row { 
    overflow: hidden; 
    clear: both; 
    margin-top: 2px;
    padding: 2px 0 2px 0;
}

div.withRowSpacer { 
    padding-bottom: 12px; }

div.withSmallRowSpacer { 
    padding-bottom: 6px; }

/*div.cell { 
    overflow: hidden; 
    float: left; }*/

div.cell {
    display: table-cell;
    vertical-align: middle;
}

div.cell.top {
    vertical-align: top;
}

fieldset { 
    margin: 0; 
    padding: 0; 
    border: none; }

legend { 
    height: 0; 
    visibility: hidden; }

div.controlBar { 
    overflow: hidden; 
    clear: both; 
    padding: 12px 0 12px 0; }

label, 
span.field, 
span.data { 
    display: block; 
    float: left; }

label.label { 
    padding: 2px 6px 2px 2px; 
    /*font-weight: bold;*/ 
    text-align: left; 
    /*color: #5d3c00;*/ 
    /*background-color: #e7e8d0;*/ }

label.valueListItem { 
    float: none; 
    margin-top: 0; 
    padding: 0 0 2px 0; 
    font-weight: normal; 
    text-align: left; 
    /*color: #000;*/ 
    /*background-color: transparent;*/ 
    cursor: pointer; }

span.field, 
span.data { 
    padding: 3px 3px 3px 5px; 
    /*background-color: #dcdcb4;*/ }

span.data { 
    font-weight: normal; 
    text-align: left; }

input[type=text], input[type=password], textarea { 
    margin: 0 0 0 2px; 
    padding: 2px; 
    border: 1px solid #a1a1a1; 
    color: black; 
    font-size: 12px; 
    font-family: Verdana, Arial, Helvetica,  sans-serif; 
}

input.pbInputRadio { 
    margin: 2px 0 2px 4px; 
    border: none; }

div.formWrapper .left { 
    text-align: left; }

div.formWrapper .center { 
    text-align: center; }

div.formWrapper .righttext { 
    text-align: right; }

form field.empty { 
    /*background-color: #ffffff;*/ }

/* @group Cell Widths */

div.cellw1 { 
    overflow: hidden; 
    float: left; 
    width: 40px; }

div.cellw2 { 
    overflow: hidden; 
    float: left; 
    width: 80px; }

div.cellw3 { 
    overflow: hidden; 
    float: left; 
    width: 120px; }

div.cellw4 { 
    overflow: hidden; 
    float: left; 
    width: 160px; }

div.cellw5 { 
    overflow: hidden; 
    float: left; 
    width: 200px; }

div.cellw6 { 
    overflow: hidden; 
    float: left; 
    width: 240px; }

div.cellw7 { 
    overflow: hidden; 
    float: left; 
    width: 280px; }

div.cellw8 { 
    overflow: hidden; 
    float: left; 
    width: 320px; }

div.cellw9 { 
    overflow: hidden; 
    float: left; 
    width: 360px; }

div.cellw10 { 
    overflow: hidden; 
    float: left; 
    width: 400px; }

div.cellw11 { 
    overflow: hidden; 
    float: left; 
    width: 440px; }

div.cellw12 { 
    overflow: hidden; 
    float: left; 
    width: 480px; }

div.cellw13 { 
    overflow: hidden; 
    float: left; 
    width: 520px; }

div.cellw14 { 
    overflow: hidden; 
    float: left; 
    width: 560px; }

div.cellw15 { 
    overflow: hidden; 
    float: left; 
    width: 600px; }

div.cellw16 { 
    overflow: hidden; 
    float: left; 
    width: 640px; }
    
div.cellw17 { 
    overflow: hidden; 
    float: left; 
    width: 680px; }

div.cellw18 { 
    overflow: hidden; 
    float: left; 
    width: 720px; }


/* @end */

/* @group Label/Span Widths */

label.w1,
span.w1 { 
    width: 12px; }

label.w2,
span.w2 { 
    width: 32px; }

label.w3,
span.w3 { 
    width: 52px; }

label.w4,
span.w4 { 
    width: 72px; }

label.w5,
span.w5 { 
    width: 92px; }

label.w6,
span.w6 { 
    width: 110px; }

label.w7,
span.w7 { 
    width: 132px; }

label.w8,
span.w8 { 
    width: 152px; }

label.w9,
span.w9 { 
    width: 172px; }

label.w10,
span.w10 { 
    width: 192px; }

label.w11,
span.w11 { 
    width: 212px; }

label.w12,
span.w12 { 
    width: 232px; }

/* @end */

/* @group Input Widths */

/* input and textarea will all be 2px shorter to account for weirdness by Safari in drawing inputs 2px too wide */

input.w1, 
textarea.w1 { 
    width: 50px; }

input.w2, 
textarea.w2 { 
    width: 110px; }

input.w3, 
textarea.w3 { 
    width: 170px; }

input.w4, 
textarea.w4 { 
    width: 230px; }

input.w5, 
textarea.w5 { 
    width: 290px; }

input.w6, 
textarea.w6 { 
    width: 350px; }

input.w7, 
textarea.w7 { 
    width: 410px; }

input.w8, 
textarea.w8 { 
    width: 470px; }

input.w9, 
textarea.w9 { 
    width: 530px; }

input.w10, 
textarea.w10 { 
    width: 590px; }

input.w11, 
textarea.w11 { 
    width: 650px; }

input.w12, 
textarea.w12 { 
    width: 710px; }

/* @end */

/* @group Input Widths Narrrow */

/* input and textarea will all be 2px shorter to account for weirdness by Safari in drawing inputs 2px too wide */

input.w1n, 
textarea.w1n { 
    width: 40px; }

input.w2n, 
textarea.w2n { 
    width: 100px; }

input.w3n, 
textarea.w3n { 
    width: 160px; }

input.w4n, 
textarea.w4n { 
    width: 220px; }

input.w5n, 
textarea.w5n { 
    width: 280px; }

input.w6n, 
textarea.w6n { 
    width: 340px; }

input.w7n, 
textarea.w7n { 
    width: 400px; }

input.w8n, 
textarea.w8n { 
    width: 480px; }

input.w9n, 
textarea.w9n { 
    width: 520px; }

input.w10n, 
textarea.w10n { 
    width: 580px; }

input.w11n, 
textarea.w11n { 
    width: 640px; }

input.w12n, 
textarea.w12n { 
    width: 700px; }

/* @end */

/* @group Unified widths */

div.formWrapper .w1 { 
    width: 20px; }

div.formWrapper .w2 { 
    width: 40px; }

div.formWrapper .w3 { 
    width: 60px; }

div.formWrapper .w4 { 
    width: 80px; }

div.formWrapper .w5 { 
    width: 100px; }

div.formWrapper .w6 { 
    width: 120px; }

div.formWrapper .w7 { 
    width: 140px; }

div.formWrapper .w8 { 
    width: 160px; }

div.formWrapper .w9 { 
    width: 180px; }

div.formWrapper .w10 { 
    width: 200px; }

div.formWrapper .w11 { 
    width: 220px; }

div.formWrapper .w12 { 
    width: 240px; }

div.formWrapper .w13 { 
    width: 260px; }

div.formWrapper .w14 { 
    width: 280px; }

div.formWrapper .w15 { 
    width: 300px; }

div.formWrapper .w16 { 
    width: 320px; }
    
div.formWrapper .w17 { 
    width: 340px; }

div.formWrapper .w18 { 
    width: 360px; }

div.formWrapper .w19 { 
    width: 380px; }

div.formWrapper .w20 { 
    width: 400px; }

div.formWrapper .w21 { 
    width: 420px; }

div.formWrapper .w22 { 
    width: 440px; }

div.formWrapper .w23 { 
    width: 460px; }

div.formWrapper .w24 { 
    width: 480px; }

div.formWrapper .w25 { 
    width: 500px; }

div.formWrapper .w26 { 
    width: 520px; }

div.formWrapper .w27 { 
    width: 540px; }

div.formWrapper .w28 { 
    width: 560px; }

div.formWrapper .w29 { 
    width: 580px; }

div.formWrapper .w30 { 
    width: 600px; }

div.formWrapper .w31 { 
    width: 620px; }

div.formWrapper .w32 { 
    width: 640px; }

div.formWrapper .w33 { 
    width: 660px; }

div.formWrapper .w34 { 
    width: 680px; }
    
div.formWrapper .w35 { 
    width: 700px; }

div.formWrapper .w36 { 
    width: 720px; }

/* @end */




/* @end */





/* @group Visual Style */

label.label { 
    
    }

label.valueListItem { 
    font-weight: normal; 
    color: #000; 
    background-color: transparent; }

span.field, 
span.data { 
    background-color: #dcdcb4; }

span.data { 
    font-weight: normal; }

form field.empty { 
    background-color: #ffffff; }


div.cell p {
    margin: 0;
    padding: 2px 6px 2px 2px; 
}


/* @end */