/* ===============
   LOGIN PANEL
   =============== */
   
.clear {
	clear: both;
	height: 0;
	line-height: 0;
}

.clearfix:after {
	clear: both;
	content:".";
	display: block;
	height: 0;
	visibility: hidden;
}

.clearfix { display:inline-block; }

* html .clearfix { height:1%; }

.clearfix { display:block; }

.clearfix { height:1%; }

.clearfix { display:block; }

#toppanel {
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 999;
}

#panel {
	background: #fff none repeat scroll 0 0;
/*	color: #999;*/
	/*opacity: .95;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=95)"; 
	filter: alpha(opacity=95);	*/			
	display: none;
	overflow: hidden;
/*	position: relative;*/
/*	width: 100%;*/
	z-index: 3;
	padding: 0px 15px 0px 15px;
	height: 35px;
}

#panel form { margin: 0px; }

#panel fieldset { border: none; }

#panel p {
float: left;
padding-top:3px;
}

#panel h1 {
	color: #fff;
	font-size: 16px;
}

#panel h2 {
	color: #fff;
	font-size: 14px;
	margin: 0;
	padding: 10px 0 5px;
}

#panel a {
	color: #15ADFF;
	text-decoration: none;
}

#panel a:hover { 
/*color:white; */
}

ul#TheColours {
float: left
}

ul#TheColours li {
display: inline;
}

a.white, a.red, a.blue, a.silver, a.black, a.green, a.close {
	display: block;
	width: 20px;
	height: 20px;
	border: 1px solid #666;
	margin-left: 5px;
	float: left;
}

a.white {
background: #fff;
}

a.red{
background: #ac0029;
}

a.blue {
background: #156aa5;
}

a.silver {
background: #a9a9a6;
}

a.black {
background: #000;
}

a.green {
background: #649661;
}

a.close {
border: none;
background: transparent url(../images/icons/bt_close.png) no-repeat;
}

a.close:hover {
background-position: 0px -20px;
}