﻿*
{
	margin:0;
	padding:0;
	border:0;
}

*:focus
{
	outline-style:none;
}

.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/**/
h2
{
	font-family:"Trebuchet MS",Verdana,Arial;
}

h2 span
{
	font-size:11px;
}

/**/
body
{
	background-color:#1a1a1a;
	color:#c8c8c8;
	font-size:11px;
	font-family:Verdana,Arial;
}

a
{
	color:#c8c8c8;
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

/* panel_login */
div#panel_login
{
	width:493px;
	margin:135px auto 100px auto;
}

div#panel_login div.row
{
	margin-bottom:12px;	
}

div#panel_login div.col1
{
	float:left;
	width:42px;
	padding-top:6px;
}

div#panel_login div.col2
{
	float:left;
	width:451px;
}

div#panel_login div.col2 input
{
	width:318px;	/* 350 */
	height:18px;	/* 30 */
	padding:6px 16px;
	font-size:11px;
	background-color:#c8c8c8;
}

div#panel_login div.col2 input.buttonSubmit,
.button
{
	width:auto;
	height:auto;
	padding:6px 16px;
	font-size:11px;
	background-color:#c8c8c8;
	cursor:pointer;
	text-decoration:none;
}

.button:hover
{
	text-decoration:none;
}

div#panel_login span.error
{
	color:#a70000;	
}


/* main */
div#main
{
	width:960px;
	margin:135px auto 100px auto;
}

div#main #top
{
	margin-bottom:120px;
}

div#main #top .buttons
{
	float:right;
	margin-right:10px;
	width:500px;
}

div#main #top .buttons #username
{
	float:right;
	padding:7px 11px;
}

div#main #top .buttons .logout
{
	float:right;
}

div#main #top .buttons #upload
{
	width:auto;
	height:auto;
	float:right;
	padding:6px 16px;
	font-size:11px;
	background-color:#c8c8c8;
	cursor:pointer;
	text-decoration:none;
	color:#000;
	margin-right:1px;
}

div#main #top .buttons .errors
{
	position:absolute;
	width:403px;
	background-color:#C8C8C8;
	color:#000;
	padding:6px 16px;
	line-height:14px;
	margin-top:26px;
	/*margin-right:68px;*/
	margin-left:-3px;
	display:inline-block;
}

div#main #browser_check
{
	display:none;
	color:#666;
}

div#main div#logo
{
	margin-bottom:10px;
	padding-left:38px;
}

div#main div#left
{
	float:left;
	width:600px;
}

/**/
#structure_levelup
{
	display:none;
	cursor:pointer;
	height:20px;
}
/**/
#structure_container
{
	width:960px;
	overflow:hidden;
}
/**/
.panel
{
	float:left;
	width:310px;
	margin-right:10px;
	color:#000;
}

.panel .item
{
	padding:5px 4px;
	margin-bottom:1px;
}

.panel .item .img
{
	float:left;
	width:30px;
}

.panel .item .name
{
	float:left;
	width:250px;
	line-height:20px;
	margin-right:4px;
}

.panel .item .delete
{
	float:left;
	cursor:pointer;
}

.panel .item img.icon
{
	vertical-align:middle;
	margin-right:4px;
}

.panel .parentName
{
	color:#FFF;
	font-size:14px;
	font-family:"Trebuchet MS",Verdana,Arial;
	font-weight:bold;
}

.panel .file,
.panel .folder
{
	background-color:#949494;
	color:#000;
}

.panel .file
{
	cursor:pointer;
}

.panel .error
{
	color:#933;
}


.panel .error a
{
	color:inherit;
	text-decoration:underline;
}

.panel .no_items
{
	font-style:italic;
	color:#C8C8C8;
	background-color:#333;
	height:16px;
	padding:7px 4px;
}

.panel .buttons
{
	float:right;
}

.panel .buttons .button
{
	float:left;
	margin-left:1px;
	padding:7px 11px;
}

#bread_crumbs {
	color: #FFF;
	font-size: 12px;
	font-family: "Trebuchet MS",Verdana,Arial;
	font-weight: bold;
	/**/
	margin-bottom:12px;
}

#bread_crumbs span {
	cursor:pointer;
	background-color:#000;
	padding:2px 8px;
	margin:0 2px;
}