/* buttons */
.control, .menu, .nugget, #controls, #nuggets, #info, .nugget_wide, .nugget_narrow{
	position:relative;
	top:0px;
	left:0px;
	/* overrides happen below; this needs to be at top */
}

.control, .menu, .nugget, .nugget_wide, .nugget_narrow {
	vertical-align:top;
	text-align:left;
	padding:0px;
	padding-left:0px;
	margin:0px;
	z-index:5;
}

.control a, .menu a, .nugget a, .nugget_wide a, .nugget_narrow a {
	position:absolute;
	top:0px;
	height:17px;
	padding:0px;
	padding-left:8px;
	margin:0px;
	text-align:left;
	margin-left:0px;
}


.nugget a, .nugget_wide a, .nugget_narrow a {
	top:-1px;
	height:32px; /* must follow above */
	text-align:right;
	padding-right:8px;
	padding-left:0px;
	}

.control{width:85px;height:19px;}

.control a{left:0px;width:72px;}

#zoom {left:1px;}
	
#room {left:2px;width:71px;}
	
#next {left:3px;}

/* menu */

.menu a, .nugget a, .nugget_wide a {left:5px; width:76px;}

 .nugget_wide a {width:106px;}
 .nugget_narrow a {width:52px;left:0px;}

.menu{width:90px; height:19px;}

.options {height:60px;}

.nugget_cell {width:90px; text-align:right; vertical-align:top;}
.nugget_cell_wide {width:120px; text-align:right; vertical-align:top;}
.nugget_cell_narrow {width:60px; text-align:right; vertical-align:top;}

.menu_cell {width:90px; text-align:right;}

.control_cell {width:85px; text-align:right;}

/* structure */

#controls {
	top:10px;
	height:32px;
	margin:0px;
	margin-bottom:10px;
	vertical-align:bottom;
}

#nuggets {
	height:34px;
	margin:0px;
	padding:0px;
	vertical-align:top;
}

.footer {
	vertical-align:top;
	padding-top:20px;
	border-top:1px solid #999;
	}
	
.logo{
	vertical-align:top;
	text-align:left;
	width:250px;
}

.spacer {width:1px;}

#info {height:32px;overflow:hidden;}

#title {
	position:relative;
	top:10px;
	border:0px solid blue;
	left:10px;
	text-align:left;
	width:160px;
	margin:0px;
	padding:0px;
	height:16px;
}

#artist {
	position:relative;
	top:10px;
	border:0px solid blue;
	left:0px;
	width:160px;
	text-align:right;
	margin:0px;
	padding:0px;
	height:16px;
}

#nuggets {
	height:32px;
	margin:0px;

}

#switchersmall {
	font-size: 9px;
	display: inline;
	text-decoration: none;
}

div#switchersmall a {
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

#switchermedium {
	font-size: 11px;
	display: inline;
	text-decoration: none;
}

#teal {
	background-color: #10506D;
}

#teal_text {
	color: #10506D;
	font-weight: bold;
}

div#switchermedium a {
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

#switcherlarge {
	font-size: 13px;
	display: inline;
	text-decoration: none;
}

div#switcherlarge a {
	font-size: 14px;
	font-weight: normal;
}