             return "Set email address"
 
     render: ->
-        <LabeledRow label='Email address'  style={marginBottom: '15px'}>
+        <LabeledRow label='Email address'  style={if @props.disabled then {color:"#666"}}>
             <div>
                 {@props.email_address}
-                {if @state.state == 'view' then <Button className='pull-right' onClick={@start_editing}>{@button_label()}...</Button>}
+                {if @state.state == 'view' then <Button disabled={@props.disabled} className='pull-right' onClick={@start_editing}>{@button_label()}...</Button>}
             </div>
             {@render_edit() if @state.state != 'view'}
         </LabeledRow>

        />

    render_sign_out_buttons: (is_anon) ->
        <div className='pull-right'>
            <SignOut everywhere={false}/>
            {if not is_anon then <Space/>}
            {if not is_anon then <SignOut everywhere={true}/>}
        </div>

    render_sign_in_strategies: ->
        if not STRATEGIES? or STRATEGIES.length <= 1
            return
        strategies = (x.slice(0,x.indexOf('-')) for x in misc.keys(@props.passports?.toJS() ? {}))
        <div>
            <hr key='hr0' />
            <h5 style={color:"#666"}>Linked external accounts</h5>
            <ButtonToolbar style={marginBottom:'10px'} >
                {(@render_strategy(strategy, strategies) for strategy in STRATEGIES)}
            </ButtonToolbar>
            {@render_add_strategy_link()}
            {@render_remove_strategy_button()}
        </div>

    render_anonymous_warning:  (is_anon)  ->

                    onChange = {@props.onChange}
                    onBlur   = {@props.onBlur}
                    maxLength= {@props.maxLength}
                    disabled = {@props.disabled}
                />
            </FormGroup>
        </LabeledRow>
