/* CSS Document */

body{
font: 12px/12px Arial, Helvetica, sans-serif;
margin: 0 auto;
padding: 0;
background:url(img/Xilio_backsoon.gif) no-repeat fixed center;
background-color: #666666;
}
fieldset {
border:none;
padding:0.7em;
font:80%/1 sans-serif;
}
label {
font:12px Arial, Helvetica, sans-serif; 
font-weight:bold; 
color:#666;
float:left;
width:20%;
margin-right:0.5em;
padding-top:0.2em;
text-align:right;
vertical-align:middle;
}
input, textarea, select {
	font:12px/12px Arial, Helvetica, sans-serif;
	border: 1px solid #999999;
	margin-top:5px;
	padding:0;
	margin-left: 30px;
	vertical-align:middle;
}
input:focus, textarea:focus, select:focus {
border:1px solid #0099CC;
}
#framecontent{
position: absolute; 
top: 0; 
left: 0; 
width: 100%; 
background-color: #666666;
}
a:focus {
outline-style:none;
}
.innertube {
padding: 0;
margin: 0 auto;
}
#panel {
	background: #f2f2e6;
	height: 250px;
	display: none;
	width: 450px;
	margin: 0 auto;
	padding: 0;
}
.slide {
	width:450px;
	font: bold 12px Arial, Helvetica, sans-serif;
	margin: 0 auto;
	padding: 0;
	border-top: solid 4px #422410;
	background: url(img/btn-slide.gif) no-repeat center top;	
	display:block;
}
.btn-slide {
	background: url(img/white-arrow.gif) no-repeat right -50px;
	text-align: center;
	width: 144px;
	height: 31px;
	padding: 10px 10px 0 0;
	margin: 0 auto;
	display: block;
	font: bold 1em Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
}
.active {
	background-position: right 12px;
}
#panel p { clear: both; padding-bottom: 2em; }
#panel .btn { display: block; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
#panel .btn * { font-style: normal; background-image: url(img/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
#panel .btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
#panel .btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
#panel .btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
#panel .btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }
#panel .btn.blue { background: #006699; }
#panel .btn:hover { background-color: #45B0E4;} 
#panel .btn:active { background-color: #444; }
#panel .btn[class] {  background-image: url(img/shade.png); background-position: bottom; }

#panel form p .btn { margin-right: 1px; }