how to apply themeroller theme

how to apply themeroller theme


I am unable to get theme to be aplied to simple test page. what am I
doing wrong ?
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="jquery-ui-
personalized-1.5.3.min.js"></script>
    <link type="text/css" rel="Stylesheet" href="ui.all.css" />
    <script>
     $(document).ready(function(){
        $('#example').datepicker();
        $('#exampleRange').datepicker({rangeSelect: true, firstDay: 1});
     });
    </script>
</head>
<body>
    <input type="text" id="example" value="Click inside me to see a
datepicker" style="width:300px;"/>
    <input type="text" id="exampleRange" value="Range datepicker starting
on Monday." style="width:300px;"/>
</body>
</html>