Resize ReCaptcha width height

First using this code in head section

<script type="text/javascript">
var RecaptchaOptions = {
theme : 'custom',
custom_theme_widget: 'recaptcha_widget'
};
</script>

this is style for adjust the width
<style>
#recaptcha_challenge_image{
    width:230px;
    overflow:hidden;

   
    }
#recaptcha_widget{
    width:240px;
   
    }
</style>

Than Put this code where you want to show Captcha


<?php
                                  require_once('recaptchalib.php');

                                        ?>
                                        <div id="recaptcha_widget" style="display:none">

<div id="recaptcha_image"></div>
<div class="recaptcha_only_if_incorrect_sol" style="color:red">Incorrect please try again</div>

<span class="recaptcha_only_if_image">Enter the words above:</span>
<span class="recaptcha_only_if_audio">Enter the numbers you hear:</span>

<input type="text" id="recaptcha_response_field" name="recaptcha_response_field" />

<div><a href="javascript:Recaptcha.reload()">Get another CAPTCHA</a></div>
<div class="recaptcha_only_if_image"><a href="javascript:Recaptcha.switch_type('audio')">Get an audio CAPTCHA</a></div>
<div class="recaptcha_only_if_audio"><a href="javascript:Recaptcha.switch_type('image')">Get an image CAPTCHA</a></div>

<div><a href="javascript:Recaptcha.showhelp()">Help</a></div>

</div>

<script type="text/javascript"
src="http://www.google.com/recaptcha/api/challenge?k=6LcmKu8SAAAAACHbZDLBFXiyA808lR-EocoZNSCU">
</script>
<noscript>
<iframe src="http://www.google.com/recaptcha/api/noscript?k=6LcmKu8SAAAAACHbZDLBFXiyA808lR-EocoZNSCU"
height="300" width="100" frameborder="0"></iframe><br>
<textarea name="recaptcha_challenge_field" rows="3" cols="40">
</textarea>
<input type="hidden" name="recaptcha_response_field"
value="manual_challenge">
</noscript>