#xultop {
	position:absolute;
    background: -webkit-gradient(linear, left top, right top, from(#DDEEFF), color-stop(0.25, #6ac), color-stop(0.5, #DDEEFF), color-stop(0.75, #6ac), to(#DDEEFF));
    background: -webkit-linear-gradient(left, #DDEEFF, #6ac, #DDEEFF, #6ac, #DDEEFF);
    background: -moz-linear-gradient(left, #DDEEFF, #6ac, #DDEEFF, #6ac, #DDEEFF);
    background: -ms-linear-gradient(left, #DDEEFF, #6ac, #DDEEFF, #6ac, #DDEEFF);
    background: -o-linear-gradient(left, #DDEEFF, #6ac, #DDEEFF, #6ac, #DDEEFF);

	width:100%;
	min-width:100%;	
	height:96px;
	min-height:96px;
	border-bottom:1px solid #69c;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.25);				
}

#xulicons {
	position:absolute;
	right:64px;
	top:8px;	
}
a img {
    border: 0;
}

.xulico {
	float:left;
	margin:8px 16px;
}

#logo
{
	position:absolute;
	top:22px;
	left:32px;
	background-image: url(/images/xul.png);
	background-repeat: no-repeat;
	padding:0 0 0 0;
	width:117px;
	height:48px;
}

#ajax
{
	position:absolute;
	top:18px;
	left: 120px;
	background-image: url(ajax.png);
	background-repeat: no-repeat;
	padding:0 0 0 0;
	width:54px;
	height:24px;
}

#shade
{
	position:absolute;
	top:0;
	background-color: white;
	background-image: url(xul-shade.jpg);
	background-repeat: repeat-y;
	height: 40px;
	width:100%;
}

#antishade
{
	position:absolute;
	top:40px;
	background-color: #33CC00;
	background-image: url(xul-antishade.jpg);
	background-repeat: repeat-y;
	height: 20px;
	width:100%;
}

.sidepub
{
	background:#DDEEFF;
	padding:4px;
	-moz-border-radius:8px;
	 border-radius:8px;	
	-moz-box-shadow:2px 2px 4px #CCC;  
	-webkit-box-shadow:2px 2px 4px #CCC;  
	box-shadow:2px 2px 4px #CCC;	
	border:2px solid #69C;
}