<script src="../../Scripts/jquery.colorbox.js" type="text/javascript"></script> <link href="<%= "../../Content/colorbox.css?version=" + Guid.

NewGuid() %>" rel="stylesheet" type="text/css" /> <script type="text/javascript" >

$('FORM#login').live("submit", function() { Sys.Mvc.FormContext._Application_Load(); $.fn.colorbox.resize(); }); $(document).ready(function() {

$('#change_password').click(function() { var url = $(this).attr("Href"); $.ajax({ url: url, cache: false, success: function(data) { if (data != '') { $.fn.colorbox({ html: data, scrolling:false, opacity:0.85}); } else { alert(url); window.location = url; } } }); return false; });

}); </script>

$( ".selector" ).dialog({ minHeight: 300 });

Get or set the minHeight option, after init.

//getter var minHeight = $( ".selector" ).dialog( "option", "minHeight" ); //setter $( ".selector" ).dialog( "option", "minHeight", 300 );

a.selected { background-color:#1F75CC; color:white; z-index:100; } .messagepop { background-color:#FFFFFF; border:1px solid #999999; cursor:default; display:none; margin-top: 15px; position:absolute; text-align:left; width:394px; z-index:50; padding: 25px 25px 20px; } label { display: block; margin-bottom: 3px; padding-left: 15px; text-indent: -15px; } .messagepop p, .messagepop.div { border-bottom: 1px solid #EFEFEF; margin: 8px 0; padding-bottom: 8px; }

<div class="messagepop pop"> <form method="post" id="new_message" action="/messages"> <p><label for="email">Your email or name</label><input type="text" size="30" name="email" id="email" /></p>

<p><label for="body">Message</label><textarea rows="6" name="body" id="body" cols="35"></textarea></p> <p><input type="submit" value="Send Message" name="commit" id="message_submit"/> or <a class="close" href="/">Cancel</a></p> </form> </div> <a href="/contact" id="contact">Contact Us</a>