body {
	margin:10px 20px; 
	background:#eee; 
}
body,p,div,td,th {
	font-family:"lucida grande","trebuchet ms",arial,helvetica;
	font-size:10px;
}
form {
	margin:0px ;
}
input,select,textarea {
	font-family:"lucida grande","trebuchet ms",arial,helvetica; 
	font-size:10px
}
textarea {
	width:400px ;
}

a {color:#000; }
a:hover {color:#c00; }

/* Important, the break is used under a two column layout to make sure that a floating column doesn't cock up the formatting */

div.break {
	clear:both ;
	height:1px ;
}

/* HEADERS */

#loggedinas {
	float:right;
	color:#666;
}
#adminlogo {
	color:#666;
	margin-bottom:5px;
}
.header1 {
	clear:both;
	margin:0;
	padding:0 20px;
	color:#fff;
	background:#339;
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#aaa;
	overflow:hidden;
}
#clientname {
	padding:5px 0;
	font-family:futura,"trebuchet ms",arial,helvetica;
	font-size:24px;
	color:#fff;
}
#clientname small {
	font-size:10px;
}
.header2 {
	clear:both;
	margin:0;
	height:18px;
	padding:0 20px;
	color:#fff;
	background:#339;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#aaa;
	overflow:hidden;
}
.header2 ul	{
	list-style-type:none;
	margin:0;
	padding:0;
}
.header2 li	{
	display:inline;
	margin:0;
	padding:0;
}
.header2 a	{
	float:left;
	margin-right:1px;
	padding:2px 8px 4px 8px;
	background:#99f;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
}
.header2 a:hover	{
	background:#666 ;
}
.header2 a.on	{
	color:#000;
	background:#fff ;
}
.header2 a.public {
	color:#000;
	background:#fc0;
}
.header2 a.public:hover {
	color:#000;
	background:#da0;
}
.header3 {
	margin:0;
	padding:5px 20px ;
	background:#fff ;
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#aaa;
	font-size:16px;
	color:#000 ;
	text-align:left;
}
.header3_sub {
	margin:0 ;
	padding:3px 20px ;
	border-width:0 1px 1px 1px;
	border-style:solid ;
	border-color:#aaa;
	background:#ddf ;
	color:#66f ;
	text-align:left;
}
.header3_sub a {
	margin:0;
	margin-left:1px;
	padding:3px 10px ;
	color:#fff;
	background:#99f;
	text-decoration:none;
}
.header3_sub a:hover {
	background:#666 ;
}

/* FORM TABLE */

table.form { 
	width: 100% ; 
	margin-top:10px ; 
	background:#FFF; 
}
table.form th { 
	border-left: 1px solid #666; 
	border-top: 1px solid #666; 
	padding: 3px; 
	text-align: left; 
	background:#BBB; 
}
table.form th.cell1 { 
	background:#999; 
}
table.form td { 
	padding: 3px; 
	border-left: 1px solid #999; 
	border-top: 1px solid #999; 
	background:#EEE; 
	vertical-align:top ;
}
table.form td.cell1 { 
	background:#CCC;
}
table.form .prev_next {
	border:none;
	border-left: 1px solid #aaf; 
	border-top: 1px solid #aaf; 
	background:#ddf;
	color:#339 ;
	text-align:right;
}
table.form .align_left {
	text-align:left;
}
table.form .empty {
	border:none;
	background:none;
}
table.form .prev_next a {
	color:#33f ;
}
table.form .prev_next a:hover {
	color:#c00 ;
}
table.form .add_item {
	float:right;
	width:150px ;
	height:16px ;
	margin:2px ;
	border-width: 2px ;
	border-style: solid ;
	border-color: #fff #99f #99f #fff;
	background:#ddf ;
	text-align:center ;
}
table.form .add_item a {
	display:block ;
	padding: 2px ;
	font-family:"lucida grande",arial,helvetica; 
	font-size:10px ;
	text-decoration:none ;
	color:#000 ;
	white-space:nowrap ;
}
table.form .add_item a:hover {
	background:#ccf ;
	color:#c00 ;
}
table.form img.thumb {
	float:left ;
	margin:none ;
	margin-right:5px ;
	border:1px solid #000;
}
table.form .delete1 {background:#fcc;}
table.form .preview1 {background:#ccf;}
table.form .buttonrow { background:#ccc; text-align: right;}


/* SLOTS TABLE */

table.slots { 
	width: 100% ; 
}
table.slots td { 
	width: 100% ;
	padding: 2px; 
	border: none; 
	background:#EEE; 
}
table.slots td.cell1 { 
	width: auto ;
	background:#ddd; 
}
table.slots a {
	color:#33f ;
}
table.slots a:hover {
	color:#c00 ;
}
div.slots .loaded {
	width:150px ;
	margin:0 ;
	margin-top:3px ;
	padding:3px ;
	color:#060;
	background:#fff;
	border: 1px solid #393;
}


/* BUTTONS */

.button {
	float:left ;
	width:80px ;
	height:16px ;
	margin:2px 0 ;
	border-width: 2px ;
	border-style: solid ;
	border-color: #fff #99f #99f #fff;
	background:#ddf ;
}
.button_off {
	float:left ;
	width:76px ;
	height:12px ;
	margin:2px 0 ;
	padding: 2px ;
	border-width: 2px ;
	border-style: solid ;
	border-color: #fff #999 #999 #fff;
	background:#ddd ;
	color:#666 ;
	font-size:10px ;
	text-align:center ;
}
.button a {
	display:block ;
	padding: 2px ;
	font-family:"lucida grande",arial,helvetica; 
	font-size:10px ;
	text-decoration:none ;
	text-align:center ;
	color:#000 ;
	white-space:nowrap ;
}
.button a:hover {
	background:#ccf ;
	color:#c00 ;
}


/* DOH! */

.doh { 
	color: #c00 ; 
	font-weight:bold ;
}
input.doh,select.doh,textarea.doh,table.form td.doh { 
	background: #fee ;  
}
div.doh { 
	margin:5px 0 ; 
	padding:5px ; 
	background: #fee ;
	color: #c00 ; 
	border:1px solid #c00 ;
}
div.slots .doh {
	width:150px ;
	margin:0 ;
	margin-top:3px ;
	padding:3px ;
}



/* FILE SYSTEM */
h3 {
	position:relative;
	height:16px;
	margin:2px;
	padding-left:3px ;
	background:#99f;
	color:#fff;
	font-size:11px;
	font-style:bold ;
}
div.group {
	position:relative;
	padding-left:10px;
	display:block;
}
div.item {
	position:relative;
	height:16px;
	margin:2px;
	background:#eee;
}
div.folder {
	position:relative;
	height:16px;
	margin:2px;
	background:#ddf;
}
div a.block {
	display:block;
	height:16px;
	text-decoration:none;
}
div.item a:hover {
	background:#ddd;
	color:#000;
}
div.folder a:hover {
	background:#ccf;
	color:#000;
}
img.icon {
	width:16px;
	height:16px;
	float:left;
	border:0;
}
span.buttons {
	position:absolute;
	width:44px ;
	right:2px;
	top:2px ;
}
span.buttons img.button {
	width:11px;
	height:10px;
	float:right;
	border:0;
}
div.folder_upload,
div.item_upload {
	background:#ddd;
}
div.folder_upload a,
div.item_upload a {
	color:#666;
}
div.folder_upload a:hover,
div.item_upload a:hover {
	background:#ccc;
}



/* HOME */

.home_container {
	width: 100% ;
	margin-top:10px ;
	text-align:left;
}
.home_container .left_col {
	float:left ;
	width: 49% ;
}
.home_container .right_col {
	margin-left: 51% ;
}
.null {
	width:auto;
}
.home .group {
	margin-bottom:10px ;
	padding: 2px; 
	border-left: 1px solid #999; 
	border-top: 1px solid #999; 
	border-right: 1px solid #ccc; 
	border-bottom: 1px solid #ccc; 
	background:#fff; 
	vertical-align:top ;
}
.home h3 {
	margin:0;
	margin-bottom:5px ;
}
.options_title {
	margin:0 ;
	padding: 2px 5px ;
	background:#99f ; 
	border-left: 1px solid #339; 
	border-top: 1px solid #339; 
	font-style:bold ;
	color:#FFF ;
}
table.serverinfo .cell1,table.hitgraph .cell1 {
	background:#ccf ;
	vertical-align:top ;
}
.home_container .button {
	float:none ;
	width:auto ;
	text-align:left ;
}



/* FOOTER */

.footer1 {
	margin-top:10px;
	padding:5px 0 ;
	border-top: 1px dashed #999; 
	color:#666;
	text-align:left;
}
.footer1 a {
	color:#555;
}
.footer1 a:hover {
	color:#c00;
}