/* Common styles */
body {
	font-family: sans-serif;
    background-color:#D8E8D8;
}

xp {color: blue; font-size: 120%; } 

.button {
	font-family: sans-serif;
	font-size:inherit;
	font-weight: inherit;
	padding: inherit;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
    border: 1px solid #AABBBB;
    cursor: pointer;	
    background:#CCDDDD;
}
.larger {
    font-size:larger;
    padding: 10px 20px;
}
.shadow {
    box-shadow: 5px 5px 5px #888888;
}
.button:hover {
    background:#BBCCCC;
    }
    
.grad1
{
height:50px;
background: -webkit-linear-gradient(#D8E8D8, #BBCCCC); /* For Safari 5.1 to 6.0 */
background: -o-linear-gradient(#D8E8D8, #BBCCCC); /* For Opera 11.1 to 12.0 */
background: -moz-linear-gradient(#D8E8D8, #BBCCCC); /* For Firefox 3.6 to 15 */
background: linear-gradient(#D8E8D8, #BBCCCC); /* Standard syntax (must be last) */
}