/* MAIN BLOCKS */
#mainframe												{background:#fff;}
#mainframe.embedded										{height:100%; width:100%; position:absolute; top:0; left:0; }
#mainframe .wrapper										{padding:15px;}
#mainframe #header 										{margin-bottom:20px;}
#mainframe #dirs 										{margin-bottom:20px;}
#mainframe #uploader 									{position:absolute; top:15px; right:15px;} /* upload swf - invisible */



/* HEADER */
#mainframe #dirList 									{float:left;}
#mainframe #uploadNav 									{float:right;}
#mainframe #uploadNav a									{margin-left:5px}
#mainframe #loader 										{float:left; background:#f00; color:#fff; padding:2px}
#mainframe .fileUpload 									{background:#f00; color:#fff; margin-left:5px }
.mac #mainframe .fileUpload								{padding:1px 0}
#mainframe div.endFloat 								{clear:both}



/* TEXT STYLES */
#mainframe div, #mainframe span 						{font:11px Arial, sans-serif; color:#000; line-height:normal}
#mainframe h2{
	font-family: "Helvetica", Arial, sans-serif;
	display:inline; color:#000;
	font-size:36px; line-height:36px;
	font-weight:bold; letter-spacing:-2px;
}



/* TABLES */
#mainframe td											{width:100px; border-right:2px solid transparent}



/* file / dir blocks */
#mainframe td 											{text-align:center;}
#mainframe td a.thumb 									{display:block; height:100px; background:url(../gfx/img_bg.png);  }
#mainframe td a.icon img 								{background:#06f;}
#mainframe td a.icon:hover img 							{background:#000}
#mainframe div.buttons 									{margin:2px 0; }
#mainframe div.buttons a.button							{margin:0 2px; }
#mainframe .label span 									{font-size:0px; letter-spacing:-1px }



/* PALETTE */
.red, #mainframe a.button.red							{background:#f00; color:#fff}
.blue, #mainframe a.button.blue							{background:#06f; color:#fff}
.yellow, #mainframe a.button.yellow						{background:#FEF200; color:#000}



/* LINKS / BUTTON */
#mainframe a.button 									{text-decoration:none; padding:0;}
#mainframe a.button img 								{display:inline; position:static;}
.mac #mainframe a.button 								{padding:1px 0 }
.gecko.mac #mainframe a.button 							{padding:1px 0 0 0 }
#mainframe a.button:hover								{background:#000; color:#fff}
#mainframe a img										{border:0}
img.corner												{vertical-align:bottom;}
.mac img.corner											{vertical-align:-3px;}