RSS Reader

CSS Menu Concept

<style type="text/css">
    ul#nav li { float:left; list-style-image: none; 
		list-style-position:outside;  list-style-type:none; }                
    ul#nav li a { text-indent: -999999px; display:block; 
		height:50px; width:100px; 
		background: URL(images/menuButton.png); }
    ul#nav:hover li a {background-position:0 -50px;}
    ul#nav li a:hover {background-position:0 0;} 
</style>
<ul id="nav">
     <li><a href="#" id="LINK1">LINK</a></li>
     <li><a href="#" id="LINK2">LINK</a></li>
     <li><a href="#" id="LINK3">LINK</a></li>
     <li><a href="#" id="LINK4">LINK</a></li>
     <li><a href="#" id="LINK5">LINK</a></li>
</ul>

Textbox Graphics

<style type="text/css">
    /*Login Form*/
    #login , #Search {width:300px;}
    .textboxGraphic { margin:0px; padding:0px 0px 7px 4px; 
		vertical-align:bottom; }
    .textboxBorder{border:1px solid #dcdcdc; width:100%; 
		height:30px; vertical-align:middle; 
		margin:5px 0px 5px 0px; background-color: #fff; }
    .customTextBox { border:1px solid white; 
		padding:2px 4px 0px 4px; color:#333333; 
		font-family:arial; font-size:120%; 
		vertical-align:middle; }
    /*Search Box*/
    .customTextBoxSearch { border:1px solid white; 
		color:#333333; padding:0px 5px 0px 5px; 
		font-family:arial; font-size:110%; 
		vertical-align:middle; }
    .btnSearch {background:url("images/magnify.png") no-repeat; 
		border:medium none; cursor:pointer; 
		height:16px; vertical-align:middle; width:16px; }
</style>
<div id="login">
    <div class="textboxBorder">
        <img class="textboxGraphic" src="images/user.png" 
			alt="" title="Username" />
        <input type="text" id="txtUserName" 
			style="width:250px;" class="customTextBox" />
    </div>
    <div class="textboxBorder">
        <img class="textboxGraphic" src="images/lock.png" 
			alt="" title="password" />
        <input type="password" id="Password1"  
			style="width:250px;" class="customTextBox" />
   </div>
</div>
<div  id="Search">
   <div id="addStock" class="textboxBorder">
        <input type="text" id="txtTicker" style="width:260px;" 
			class="customTextBoxSearch" />
        <input id="track" class="btnSearch" type="submit" 
			value="" title="Search" tabindex="0" name="add"/>
   </div>            
</div>

© Microsoft 2008
Matthew M. Osborn
Valid CSS 2.1!