@font-face {
	font-family: 		entypo;
	src:			url('js/entypo.ttf') format('truetype');
}

body {
	background:		#fff;
	font:			normal 10pt Helvetica,Arial;
}

#top {
	position:		absolute;
	top:			0px;
	left:			0px;
	right:			0px;
	height:			20px;
	font:			normal 32pt Audiowide,Helvetica,Arial;
	padding:		5px 20px 40px;
	text-align:		left;
	background-color:	#123;
	box-shadow:		0px 1px 3px 1px #888;
	color:			#eee;
	z-index:		10;
}

#top a {
	border-bottom:		none;
}

#nav {
	position:		absolute;
	display:		inline;
	text-align:		left;
	top:			2px;
	right:			20px;
	z-index:		11;
}

#nav a {
	color:			#def;
	padding:		0px 5px 0px 5px;
	text-decoration:	none;
	font:			bold small-caps 12pt Helvetica,Arial;
}

#nav a:hover {
	color:			#bcd;
	text-decoration:	none;
	border-bottom:		none;
}

#status {
	position:		relative;
	top:			-60px;
	margin:			0 400px;
	z-index:		140;
	border-color:		#fcd;
	background-color:	#feb;
	padding:		0 1px;
	border:			1px solid transparent;
	border-radius:		2px;
	-webkit-border-radius:	2px;
	-moz-border-radius:	2px;
	box-shadow:		0 2px 4px rgba(0,0,0,0.2);
	-webkit-box-shadow:	0 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow:	0 2px 4px rgba(0,0,0,0.2);
	color:			#222;
	font-size:		30%;
	font-weight:		bold; 
	text-align:		center;
}

.highlight {
	display:		inline;
	font:			normal 8pt Helvetica,Arial;
	color:			#567;
}

.highlight .status_title {
	display:		inline;
	font:			bold 8pt Helvetica,Arial;
	color:			#345;
}

#current {
	position:		absolute;
	top:			65px;
	left:			0px;
	right:			0px;
	height:			40px;
	overflow:		hidden;
	background:		#eee;
	box-shadow:		0px 1px 3px 1px #aaa;
	z-index:		100;
}

.subdir, .cdir, #to_edit, #no_dir {
	position:		relative;
	height:			40px;
	float:			left;
	color:			#222;
	text-align:		center;
	padding-left:		5px;
	padding-right:		10px;
	font:			normal 10pt Helvetica,Arial;
	margin-top:		10px;
}

.subdir:after {
	content:		'';
	position:		absolute;
	border-right:		2px solid #aaa;
	top:			-15px;
	bottom:			-4px;
	left:			0;
	right:			1px;
	transform:		rotate(10deg);
	-moz-transform:		rotate(10deg);
	-webkit-transform:	rotate(10deg);
}

.cdir {
	top:			-10px;
}

#no_dir {
	font:			bold 16pt Helvetica,Arial;
}

#act {
	position:		absolute;
	top:			77px;
	right:			10px;
	font:			bold 10pt Helvetica,Arial;
	color:			#234;
	z-index:		105;
}

#act a {
	background:		#ddd;
	padding:		5px;
	padding-left:		20px;
	padding-right:		20px;
	border:			1px solid #bbb;
	border-radius:		3px;
}

#act #newoptions {
	background:		#eee;
	border:			1px solid #ccc;
	border-radius:		3px;
	position:		absolute;
	top:			20px;
	right:			-2px;
	z-index:		10;
	cursor:			pointer;
	padding:		10px;
}

#lectall {
	position:		relative;
	font:			normal 10pt Helvetica,Arial;
}

#lectall a, #selection a {
	color:			#579;
	text-decoration:	none;
	font:			bold 10pt Helvetica,Arial;
}

#main {
	position:		relative;
	margin:			120px -7px;
	font:			normal 10pt Helvetica,Arial;
	color:			#345;
	display:		block;
	text-align:		left;
	overflow:		auto;
}

#current_description span {
	position:		relative;
	margin-top:		120px;
	margin-bottom:		-100px;
	font:			normal 10pt Helvetica,Arial;
	display:		block;
	text-align:		left;
	overflow:		auto;
	padding:		5px;
	box-shadow:		0px 0px 5px 1px #ddd;
}

#loginbutton {
	position:		relative;
	margin:			10px auto auto;
	text-align:		right;
	width:			280px;
}

#login {
	position:		relative;
	margin:			64px auto auto;
	width:			350px;
	white-space:		nowrap;
	font:			normal 16pt Helvetica,Arial;
	color:			#fff;
	text-align:		right;
	background-color:	#123;
	border-bottom-right-radius:	10px;
	border-bottom-left-radius:	10px;
	padding:		10px;
	box-shadow:		1px 2px 1px 1px #888;
	z-index:		11;
}

#login p { 
	margin:			10px 10px 10px auto;
}

#login p:first-letter { 
	color:			#fa5;
}

#login input {
	background-color:	#777;
	border:			none;
	outline:		none;
	padding:		3px;
	color:			#fff;
	border-radius:		5px;
}

a {
	color:			#456;
	text-decoration:	none;
}

a:hover {
	color:			#234;
	text-decoration:	none;
}

table {
	table-layout:		fixed;
	border-collapse:	collapse;
}

#bottom, q.table tfoot tr td {
	color:			#234;
	padding:		5px;
	font:			normal 8pt Helvetica,Arial;
	background-color:	#eee;
	text-align:		right;
	width:			100%;
}

.sortable {
	position:		relative;
	margin-top:		5px;
	table-layout:		fixed;
	width:			100%;
}

.sortable th, .table th {
	border-bottom:		1px solid #ccc;
	background-color:	#eee;
	padding:		5px;
}

.sortable .row td {
	border-bottom:		1px solid #ccc;
	background:		#fff;
}

.sortable .selectedrow td {
	border-bottom:		1px solid #aaa;
	background:		#fff8e0;
}

.sortable .head_type, .sortable .col_type {
	width:			30px;
}

.sortable .col_type img {
	border:			0;
}

.sortable .head_size, .sortable .col_size {
	width:			40px;
}

.sortable .col_type {
	text-align:		left;
	padding:		3px;
}

.sortable .head_filename, .sortable .col_filename {
	width:			250px;
	white-space:		nowrap;
	overflow:		hidden;
	padding:		3px;
	z-index:		0;
}

.sortable .col_description {
	font:			normal 8pt Helvetica,Arial;
	overflow:		hidden;
	white-space:		nowrap;
	color:			#777;
}

.sortable .col_description div {
	padding:		8px;
}

.sortable .head_time, .sortable .col_time {
	width:			150px;
	white-space:		nowrap;
	padding:		3px;
}

.sortable .col_time {
	text-align:		left;
	padding:		3px;
	white-space:		nowrap;
	overflow:		hidden;
}

.sortable .head_type, .sortable .head_filename, .sortable .head_description, .sortable .head_time, .sortable .head_size {
	cursor:			default;
}

.table .col_description a {
	text-decoration:	underline;
}

.row a, .row a:hover, .selectedrow a, .selectedrow a:hover, .descr a, .descr a:hover, .sortable .col_type a, .sortable .col_type a:hover {
	text-decoration:	none;
}

.renameinput {
	width:			160px;
}

hr.line {
	border:			0;
	background-color:	#345;
	color:			#345;
	height:			1px;
}

.sortable th:hover, .dir:hover {
	color:			#789;
}

#settingsblock {
	width:			inherit;
	font-size:		10pt;
	color:			#234;
	padding:		1px;
	text-align:		center;
	border:			2px solid #234;
	margin:			5px 0 0 0;
	background:		#fff;
}

.tab, .stab {
	display:		inline;
	border:			2px solid #234;
	padding:		10px;
	margin:			0px auto 0px auto;
	background:		#234;
	color:			#eee;
}

.stab {
	border-bottom:		2px solid #fff;
	background:		#fff;
	padding-top:		7px;
	color:			#234;
}

.tab:hover, .stab:hover {
	border:			2px solid #456;
	background:		#456;
	color:			#fff;
}

.settingsrow {
	border-bottom:		1px solid #bbccdd;
	padding:		5px;
	text-align:		right;
}

.settingsrow .input {
	display:		inline;
}

.settingsusername {
	display:		inline;
	font-weight:		bold;
	text-align:		center;
}

.version {
	margin:			3px;
	padding:		3px;
	background-color:	#fff;
	border:			1px solid #bcd;
}

.bq {
	border:			2px solid #bcd;
	width:			480px;
	height:			80px;
	margin:			0px;
	padding:		3px;
	background-color:	#fff;
	overflow:		auto;
	white-space:		pre-wrap;
}

.levels_help {
	padding:		3px;
	background-color:	#ddd;
	font:			normal 8pt Helvetica,Arial;
	border:			1px solid #bcd;
}

#overlay {
	position:		fixed !important;
	top:			0px;
	left:			0px;
	width:			100% !important;
	height:			100% !important;
	background:		#000;
	opacity:		0.75;
	filter:			alpha(opacity=75);
	z-index:		110;
	visibility:		hidden;
	text-align:		center;
}

#overoverlay {
	position:		absolute;
	top:			0px;
	left:			0px;
	width:			100%;
	height:			100%;
	z-index:		111;
	visibility:		hidden;
	text-align:		center;
}

#overoverlay #action {
	margin:			80px auto;
	text-align:		left;
	width:			500px;
	background-color:	#ddd;
	border:			5px solid #123;
	padding:		10px;
	overflow:		auto;
	box-shadow:		0px 0px 10px 2px #888;
}

#overoverlay #oclose {
	margin:			100px auto -120px auto;
	width:			500px;
	font:			normal 24pt entypo;
	text-align:		right;
	z-index:		112;
}

.button {
	border-radius:		6px;
	border:			1px solid #ccc;
	display:		inline-block;
	color:			#777;
	font:			bold 10pt Helvetica,Arial;
	padding:		5px 10px;
	text-decoration:	none;
	text-shadow:		1px 1px 0px #eee;
}

.button:hover {
	color:			#777;
	background:		#ccc;
}

.button:active {
	position:		relative;
	top:			1px;
}

.input {
	border-radius:		3px;
	border:			1px solid #999;
	background:		#ccc;
	transition:		background 1s;
	-moz-transition:	background 1s;
	-webkit-transition:	background 1s;
	-o-transition:		background 1s;
	outline:		none;
	padding:		3px;
}

.input:focus {
	border-radius:		3px;
	border:			1px solid #999;
	background:		#eee;
}

#search_form {
	position:		absolute;
	top:			10px;
	right:			200px;
	text-align:		right;
	color:			#eee;
	width:			300px;
}

#search_form small a {
	font:			normal 7pt Helvetica,Arial;
}

#search_form input {
	background:		#bbb;
	transition:		width 1s;
	-moz-transition:	width 1s;
	-webkit-transition:	width 1s;
	-o-transition:		width 1s;
	width:			150px;
}

#search_form input:focus, #search_form input:hover {
	background:		#eee;
}

#search_form input:focus {
	width:			200px;
}

.icon {
	top:			-8px;
	font:			normal 24pt entypo;
}

#editor, #_editor {
	position:		absolute;
	top:			40px;
	right:			0;
	bottom:			0;
	left:			0;
}

#_editor {
	width:			95%;
	left:			20px;
}

#edit_mode {
	position:		absolute;
	top:			70px;
	right:			1px;
	bottom:			10px;
	left:			1px;
	overflow:		auto;
}

.ace_scrollbar {
	display:		none !important;
}

.toggle_te {
	border-right:		2px solid #999;
	padding:		10px;
	margin-right:		10px;
}