body
{
	margin: 0px;
	padding: 0px;
	
	background-color: #000;
	background: #000 url('../../images/elysium/desktop/lanternback.jpg') 0 0 no-repeat;
	height: 819px;
	width: 1024px;
}

#topbar
{
	position: relative;
	height: 32px;
	
	/*background-color: #999;*/
	background: url('../../images/interface/overlay.png');
}

#topbar .toolbar
{
	position: absolute;
	height: 32px;
	width: 32px;
	left: 0px;
	/*background-color: #999;*/
}

.launcherButton
{	
	position: relative;
	height: 30px;
	width: 30px;
	background: #000 url('../../images/elysium/launcher_btn_full.png') 0 0 no-repeat;
	border: 1px solid #FFF;
}

#topbar .panel
{
	position: relative;
	height: 32px;
	margin-left: 32px;
}

#topbar .version
{
	float: left;
	
	color: #FFF;
	font-family: Verdana, Trebuchet MS, Geneva, sans-serif;
	font-size: 18px;
	font-weight: bold;
	
	margin-left: 9px;
	padding: 4px 6px;
}

#topbar .sysmsg
{
	float: left;
	
	color: #FFF;
	font-family: Verdana, Trebuchet MS, Geneva, sans-serif;
	font-size: 14px;
	/*font-weight: bold;*/
	
	padding: 7px 9px;
}

#topbar .tray
{
	position: absolute;
	
	right: 0px;
	top: 0px;
	height: 26px;
	width: 72px;
	
	border: 1px solid white;
	margin: 2px;
	background-color: #555;
}

#desktop
{
	position: relative;
	
}

#launcher
{
	position: absolute;
	float: left;
	top: 5px;
	left: 5px;
	
	width: 150px;
	
	z-index: 30;	/* must be set inline to modf with JS */
	background: url('../../images/interface/overlay.png');
	border: 3px double #777;
}

#cntlpanel .itempanel
{
	position: relative;

	width: 100%;
}

#launcher .item
{
	position: relative;
	height: 128px;
	width: 128px;
	border: 1px dashed #777;
	margin: 11px;
}

#console
{
	position: absolute;
	float: left;
	top: 15px;
	right: 15px;
	
	width: 255px;
	
	z-index: 30;	/* must be set inline to modf with JS */
	background-color: #000;
	border: 3px double #777;
}

.consoleButton
{
	position: relative;
	float: left;
	height: 16px;
	width: 16px;
	background: #000 url('../../images/elysium/console_btn.png') 0 0 no-repeat;
	margin-top: 5px;
	margin-left: 5px;
}

.desktopButton
{
	position: relative;
	float: left;
	height: 16px;
	width: 16px;
	background: #000 url('../../images/elysium/desktop_btn.png') 0 0 no-repeat;
	margin-top: 5px;
	margin-left: 5px;
}

.clearer
{
	clear: both;
	line-height: 0;
	height: 0;
}

.handlebar
{
	position: relative;
	
	height: 26px;
	width: 100%;
	
	background-color: #CCC;
	
	/*border: 1px solid black;*/
	cursor: move;
	
	background: url('../../../images/interface/handlebar.png') 0 0 repeat-x;
}


.handlebar .widget
{
	/*float: left;*/
	
	height: 20px;
	width: 20px;
	
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
	
	background-color: #000;
	border: 1px solid black;
	
	background: url('../../../images/interface/blankHandleWidgetSprite.png') 0 0 no-repeat;
}

.handlebar .close
{
	background: url('../../../images/interface/close_icon.png') 50% 50% no-repeat;
}

.handlebar .shade
{
	background: url('../../../images/interface/shade_icon.png') 50% 50% no-repeat;
}

.handlebar .info
{
	background: url('../../../images/interface/info_icon.png') 50% 50% no-repeat;
}
/*

.handlebar .icon
{
	float: right;
	
	margin-top: 2px;
	margin-right: 7px;
}

*/
.handlebar div
{
	height: 18px;
	width: 18px;
	
	margin-top: 1px;
	margin-left: 1px;
}

.handlebar .title
{
	float: left;
	margin-left: 8px;
	margin-right: 3px;
	margin-top: 5px;
	
	color: #000;
	font-family: Verdana, Trebuchet MS, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.fl
{
	float: left;
	margin-left: 3px;
	margin-right: 0px;
}

.fr
{
	float: right;
	margin-left: 0px;
	margin-right: 3px;
}