/* themes/Native.css */
/* default includes */
@import url('../css/debug.css');
@import url('../css/explorer.css');
@import url('../css/icons.css');
@import url('../icons/gnome/icons.css');


/* Native theme */
html {
	background-color:	#663366;
	padding:		16px;
}

body {
	background-color:	#dcdad5;
	border:			1px solid #000000;
	color:			#000000;
	font-family:		sans-serif;
	font-size:		8pt;
	margin:			0;
	padding:		0;
}

a {
	color:			#0000d0;
	cursor:			default;
	text-decoration:	none;
}

/* widgets with padding */
button, input[type="button"], input[type="password"], input[type="submit"],
input[type="text"] {
	padding:		4px;
}

/* widgets with a border out */
h1, h2, h3, button, input[type="button"], input[type="submit"] {
	border-bottom:		1px solid #000000;
	border-left:		1px solid #ffffff;
	border-right:		1px solid #000000;
	border-top:		1px solid #ffffff;
	margin:			0;
}

/* widgets with a border in */
input[type="password"], input[type="text"], pre, select, textarea {
	border-bottom:		1px solid #dcdad5;
	border-left:		1px solid #000000;
	border-right:		1px solid #dcdad5;
	border-top:		1px solid #000000;
	margin:			0;
}

/* title corrections */
h1, h2, h3 {
	border-left:		0;
	border-right:		0;
	padding-left:		4px;
}

h1.title, h2.title {
	background-position:	right;
	padding-left:		4px;
}

/* title icons */
h1 img, h2 img, h3 img {
	float:			right;
	padding-right:		2px;
}

form {
	background-color:	#ffffff;
	padding:		4px;
}

h1 {
	min-height:		48px;
}

h2 {
	min-height:		32px;
}

h2 img {
	max-height:		32px;
}

iframe {
	background-color:	#ffffff;
	border-width:		1px;
}

img {
	border-width:		0;
	vertical-align:		middle;
}

p {
	padding:		4px;
}

pre {
	background-color:	#ffffff;
	margin:			4px;
	padding:		4px;
}


/* classes */
#container {
	padding-bottom:		22px;
}

.debug {
	background-color:	#ffffff;
	border-bottom:		1px solid #ffffff;
	border-left:		1px solid #000000;
	border-right:		1px solid #ffffff;
	border-top:		1px solid #000000;
	height:			10em;
	overflow:		auto;
	margin:			4px;
}

.field {
	font-weight:		bold;
}

.hidden {
	display:		none;
}

#main {
	border-top:		1px solid #000000;
	clear:			both;
}

#main .toolbar {
	border-bottom:		1px solid #000000;
	border-top:		1px solid #ffffff;
	padding-bottom:		3px;
	padding-top:		3px;
}

#main .toolbar a {
	padding:		2px;
}

#main .toolbar a:hover {
	background-color:	#eeebe7;
	border-bottom:		1px solid #afa699;
	border-left:		1px solid #ffffff;
	border-right:		1px solid #afa699;
	border-top:		1px solid #ffffff;
	padding:		1px;
}

.style1 img {
	float:			right;
	padding:		2px;
}

.tree {
	background-color:	#ffffff;
	border-bottom:		1px solid #000000;
	border-right:		1px solid #000000;
	overflow:		auto;
	padding-right:		4px;
}

.tree img {
	vertical-align:		text-bottom;
}

.tree .entry
{
	margin-left:		16px;
	white-space:		nowrap;
}

.tree .node {
	background-image:	url('../icons/tree/vertline.gif');
	background-position:	top left;
	background-repeat:	repeat-y;
}


/* modules */
/* explorer */
form.explorer {
	background-color:	#ffffff;
	padding:		0;
}

form.explorer .entry .icon {
	width:			20px;
}

form.explorer .entry .icon, .explorer .entry .thumbnail {
	text-align:		center;
}

form.explorer .header div {
	background-color:	#dcdad5;
	border-bottom:		1px solid #000000;
	border-left:		1px solid #ffffff;
	border-right:		1px solid #000000;
	border-top:		1px solid #ffffff;
	padding-left:		2px;
}

form.explorer .header div a {
	display:		block;
}

form.explorer .header div.sort {
	background-image:	url('../modules/explorer/sort.png');
	background-position:	center right;
	background-repeat:	no-repeat;
}

form.explorer .listing_list div.entry {
	height:			20px;
	overflow:		hidden;
	white-space:		nowrap;
}

form.explorer .listing_thumbnails .entry {
	width:			100px;
}

form.explorer .listing_thumbnails .entry .name {
	overflow:		hidden;
}

form.explorer .selected {
	background-color:	#4b6983;
	color:			#ffffff;
}

form.explorer .selected a {
	color:			#ffffff;
}

form.explorer .toolbar {
	background-color:	#dcdad5;
	border-bottom:		1px solid #000000;
	border-top:		1px solid #ffffff;
}

form.explorer .toolbar img {
	border:			1px solid #dcdad5;
}

form.explorer .toolbar img:hover {
	background-color:	#eeebe7;
	border-bottom:		1px solid #afa699;
	border-left:		1px solid #ffffff;
	border-right:		1px solid #afa699;
	border-top:		1px solid #ffffff;
	padding:		2px;
}

form.explorer .toolbar .separator {
	border-left:		1px solid #9e9a91;
	border-right:		1px solid #ffffff;
	margin-left:		2px;
	margin-right:		2px;
}


/* menu */
ul.menu, ul.menu li, ul.menu ul, ul.menu ul li {
	margin:			0;
	padding:		0;
}

ul.menu, ul.menu li ul {
	background-color:	#dcdad5;
	border-top:		1px solid #ffffff;
	list-style-type:	none;
}

ul.menu a {
	color:			#000000;
}

ul.menu li {
	float:			left;
	margin:			0;
	padding:		2px;
	padding-bottom:		4px;
	white-space:		nowrap;
}

ul.menu li a {
	padding:		4px;
	padding-left:		6px;
	padding-right:		6px;
	padding-top:		2px;
}

ul.menu select {
	float:			left;
}

ul.menu li ul {
	border-left:		1px solid #ffffff;
	display:		none;
	margin-left:		-2px;
	margin-top:		4px;
	padding:		0;
	padding-bottom:		1px;
}

ul.menu li ul li {
	float:			none;
	border-left:		1px solid #ffffff;
	margin:			0;
}

ul.menu li ul li a {
	display:		block;
	margin-right:		1px;
	padding-bottom:		2px;
	padding-left:		20px;
	padding-right:		10px;
	padding-top:		2px;
}

ul.menu li:hover {
	background-color:	#4b6983;
}

ul.menu li:hover a {
	color:			#ffffff;
}

ul.menu li:hover ul {
	border:			1px solid #000000;
	border-top:		1px solid #ffffff;
	display:		block;
	position:		absolute;
}

ul.menu li:hover ul li a {
	color:			#000000;
}

ul.menu li:hover ul li ul {
	border-top:		1px solid #000000;
	display:		none;
	margin-left:		99%;
	margin-top:		-2em;
	float:			right;
}

ul.menu li:hover ul li:hover a, ul.menu li:hover ul li:hover ul li:hover a {
	color:			#ffffff;
}

ul.menu li:hover ul li:hover ul {
	display:		block;
}

ul.menu li:hover ul li:hover ul li a {
	color:			#000000;
}

.style1 {
	background-color:	#dcdad5;
	border:			1px solid #000000;
	bottom:			0;
	left:			16px;
	right:			16px;
	min-height:		18px;
	padding:		2px;
	position:		fixed;
}


/* top */
div.top {
	background-color:	#000000;
	border:			1px solid #333333;
	color:			#ffffff;
	min-height:		16px;
	padding:		2px;
}

div.top a {
	color:			#ffffff;
	padding:		2px;
	font-weight:		bold;
}


/* probe */
div.probe div.graph {
	float:			left;
	height:			250px;
	padding:		4px;
}


#folders {
	float:			left;
	width:			200px;
}


/* project */
.bug_reply div {
	padding:		4px;
}

.bug_reply .author {
	display:		inline;
	padding-right:		0;
}

.bug_reply .date {
	display:		inline;
	padding-left:		0;
}

.bug_reply .status {
	font-weight:		bold;
	margin:			4px;
}

.bug_reply .title {
	font-weight:		bold;
}


/* search */
.search .entry {
	padding-bottom:		4px;
	padding-top:		4px;
}

.search .entry .title {
	border-bottom:		1px solid #000000;
	border-left:		1px solid #ffffff;
	border-right:		1px solid #000000;
	border-top:		1px solid #ffffff;
	margin:			0;
}

.search .entry .author, .search .entry .date {
	display:		inline;
}


/* top_search */
.top_search {
	float:			right;
}