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

#top {
	position:		absolute;
	top:			0px;
	left:			0px;
	right:			0px;
	height:			20px;
	font:			bold 24pt Helvetica,Arial;
	padding:		15px 20px 28px 30px;
	text-align:		left;
	background-color:	#eeeeee;
	border-bottom:		31px solid #5566aa;
}

#top a {
	border-bottom:		none;
}

#nav {
	position:		absolute;
	display:		inline;
	text-align:		left;
	top:			25px;
	right:			20px;
}

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

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

#status {
	position:		fixed;
	top:			0px;
	right:			25px;
	background:		#ffeebb;
	padding:		3px;
}

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

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

#current {
	position:		absolute;
	top:			70px;
	left:			25px;
	font:			normal 10pt Helvetica,Arial;
	color:			#fff;
}

#act {
	position:		absolute;
	top:			70px;
	right:			0px;
	font:			normal 10pt Helvetica,Arial;
	color:			#eeeeee;
}

#lectall {
	position:		relative;
	margin-left:		5px;
	font:			normal 8pt Helvetica,Arial;
}

#lectall a, #selection a {
	color:			#0033dd;
	text-decoration:	none;
	font:			bold 8pt Helvetica,Arial;
}

#main {
	position:		absolute;
	top:			110px;
	right:			20px;
	left:			20px;
	bottom:			20px;
	font:			normal 8pt Helvetica,Arial;
	color:			#334455;
	display:		block;
	text-align:		left;
	overflow:		auto;
	bottom:			5px;
}

.filtersbox {
	position:		absolute;
	top:			110px;
	left:			10px;
	width:			200px;
	color:			#334455;
	font:			normal 8pt Helvetica,Arial;
}

#login {
	position:		relative;
	margin:			150px 50px auto auto;
	width:			300px;
	height:			120px;
	font:			bold 12pt Helvetica,Arial;
	color:			#5566aa;
	text-align:		right;
	background-color:	#eeeeee;
	border:			10px solid #5566aa;
	padding:		10px;
}

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

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

.table {
	padding:		3px;
	table-layout:		fixed;
}

#bottom {
	color:			#234;
	padding:		3px;
	font:			normal 7pt Helvetica,Arial;
	background-color:	#ddddee;
	text-align:		right;
	width:			100%;
}

.sortable {
	position:		relative;
	border:			1px solid #aabbff;
	margin-top:		5px;
	padding:		3px;
	table-layout:		fixed;
	width:			100%;
}

.sortable th, .table th {
	border-bottom:		1px solid #cccccc;
	background-color:	#eeeeff;
	padding:		2px;
}

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

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

.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:		1px;
}

.sortable .head_filename, .sortable .col_filename {
	width:			130px;
	white-space:		nowrap;
	overflow:		hidden;
}

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

.sortable .head_time, .sortable .col_time {
	width:			130px;
	white-space:		nowrap;
}

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

.sortable .col_description:hover, .sortable .col_filename:hover, .sortable .col_time:hover {
	overflow:		visible;
	z-index:		100;
}

.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;
	border:			0px;
}

.renameinput {
	width:			160px;
}

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

#do {
	font:			normal 8pt Helvetica,Arial;
}

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

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

.tab, .stab {
	display:		inline;
	border:			2px solid #78c;
	padding:		5px;
	margin:			0px auto 0px auto;
	background:		#eeeeee;
	color:			#234;
}

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

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

.settingsrow {
	width:			100%;
	border-bottom:		1px solid #bbccdd;
	padding:		2px;
	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:			448px;
	height:			180px;
	margin:			0px;
	padding:		3px;
	background-color:	#fff;
	overflow:		auto;
	white-space:		pre-wrap;
}

blockquote * { quotes: ''; }
blockquote > *:before { content: '\201C'; }
blockquote > *:after { content: '\201D'; }
blockquote q:before { content: '\2018'; }
blockquote q:after { content: '\2019'; }

#ibox_wrapper { padding: 10px 10px 5px 10px; background-color: #cccccc; }
#ibox_content { background-color:#eeeeee; border:10px solid #5566aa; }
#ibox_footer_wrapper a { background-color: #cccccc; border:2px solid #5566aa; }
#ibox_footer_wrapper a:hover { background-color: #eeeeee; border:2px solid #5566aa; }