/**/
/**************************************************/


nav.navframe,
div.navframe
{
	overflow:		hidden;
	position:		fixed;
	top:			0;
	left:			0;
	width:			99%;
	margin:			0 0 0 0;
	padding:		1px 5px 5px 3px;
	background-color:	#ffffff;
}

nav.navbar,
div.navbar
{
	position:		relative;
	margin:			0;
	padding:		0;
	width:			auto;
	border:			1px solid #000040;
	border-radius:		8px;
	box-shadow:		3px 3px 5px #000040;
	background-color:	#000040;
}

nav.navbar.placeholder,
div.navbar.placeholder
{
	visibility:		hidden;
	padding-bottom:		5px;
}

nav.navbar ul,
div.navbar ul
{
	display:		inline;
	margin:			0 0 0 0;
	padding:		0.3em;
}

nav.navbar ul li,
div.navbar ul li
{
	display:		inline;
	margin:			0;
	font-size:		1em;
	line-height:		1;
	list-style-type:	none;
	padding:		1px 2px;
}

nav.navbar ul li.nav-info,
div.navbar ul li.nav-info,
nav.navbar ul li.nav-warn,
div.navbar ul li.nav-warn,
nav.navbar ul li.user,
div.navbar ul li.user,
nav.navbar ul li.setuid,
div.navbar ul li.setuid,
nav.navbar ul li.extern,
div.navbar ul li.extern
{
	color:			#ffff00;
	background-color:	#000040;
	text-decoration:	none;
	padding:		1px 0.2em;
	border:			none;
}

nav.navbar ul li.nav-info,
div.navbar ul li.nav-info
{
	color:			#ffffff;
}

nav.navbar ul li.nav-warn,
div.navbar ul li.nav-warn
{
	color:			#ffc040;
	font-weight:		bold;
}

nav.navbar ul li.user,
div.navbar ul li.user
{
	color:			#ffffff;
}

nav.navbar ul li.extern,
div.navbar ul li.extern,
nav.navbar ul li.extern a,
div.navbar ul li.extern a
{
	color:			#ff80ff;
}

nav.navbar ul li.setuid,
div.navbar ul li.setuid,
nav.navbar ul li.setuid a,
div.navbar ul li.setuid a
{
	color:			#00ffff;
}

nav.navbar ul li,
div.navbar ul li,
nav.navbar ul li a,
div.navbar ul li a
{
	color:			#00ff00;
	text-decoration:	none;
	padding:		1px 0.2em;
}

nav.navbar ul li.active,
div.navbar ul li.active,
nav.navbar ul li.active a,
div.navbar ul li.active a
{
	color:			#ffff00;
}

nav.navbar ul li:hover,
div.navbar ul li:hover,
nav.navbar ul li a:focus,
div.navbar ul li a:focus,
nav.navbar ul li a:hover,
div.navbar ul li a:hover,
nav.navbar ul li a:active,
div.navbar ul li a:active
{
	background-color:	#606060;
	border-radius:		0.3em;
}

/* ---  navmenu  --- */

nav.navbar ul li.navmenu,
div.navbar ul li.navmenu
{
	color:			#00ffc0;
	display:		inline-block;
	vertical-align:		text-top;
}

nav.navbar ul li.navmenu.active,
div.navbar ul li.navmenu.active
{
	color:			#00ffc0;
}

nav.navbar ul li.navmenu1:hover,
div.navbar ul li.navmenu1:hover
{
	color:			#ff00ff;
}

nav.navbar ul li.navmenu > ul,
div.navbar ul li.navmenu > ul
{
	min-width:		4em;		/* Set width of the dropdown */
	color:			#ddffff;
	display:		none;
	position:		fixed;

	border:			1px solid #000040;
	border-radius:		8px;
	box-shadow:		3px 3px 5px #404040;
	background-color:	#000060;
	margin:			0 0 0 -.3em;
	padding:		0;
}

nav.navbar ul li.navmenu:hover > ul,
div.navbar ul li.navmenu:hover > ul
{
	color:			#00ff00;
	display:		block;
}

nav.navbar ul li.navmenu > ul > li,
div.navbar ul li.navmenu > ul > li
{
	color:			#00ff00;
	position:		relative;
	display:		block;
}

nav.navbar ul li.navmenu > ul > li a,
div.navbar ul li.navmenu > ul > li a
{
	color:			#00ff00;
	display:		block;
}

nav.navbar ul li.navmenu > ul > li.active a,
div.navbar ul li.navmenu > ul > li.active a
{
	color:			#ffff00;
}

/**/
/**************************************************/

h1.narrow,
h2.narrow,
h3.narrow,
h4.narrow,
h5.narrow,
h6.narrow
{
	margin-bottom:		0;
	color:			#000000;
}

.gmode-0 { color: #808080; font-weight: bold; }
.gmode-1 { color: #800000; font-weight: bold; }
.gmode-2 { color: #e08040; font-weight: bold; }
.gmode-3 { color: #0000c0; font-weight: bold; }
.gmode-4 { color: #006080; font-weight: bold; }
.gmode-5 { color: #006000; font-weight: bold; }

.suspend { color: #800000; }

table.tabpad td, td.tabpad { padding: 0.5em; }
table.tabpad th, th.tabpad { padding: 0.5em 0.8em; }

.maintenance
{
	max-width:		22em;
	margin:			1.5em 0;
	padding:		1.5em;
	background-color:	#ffe0e0;
	font-weight:		bold;
	font-size:		150%;
	text-align:		center;

	border:			solid 2px #a00000;

	box-shadow:		5px 5px 10px #988;
	-moz-box-shadow:	5px 5px 10px #988;
	-webkit-box-shadow:	5px 5px 10px #988;
	-khtml-box-shadow:	5px 5px 10px #988;

	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
}

.text, .text-warn
{
	max-width:		52em;
	margin:			1em 1em 1em 0;
	padding:		0.2em 1.5em 1.2em 1.5em;
	background-color:	#e0e0ff;
	border:			solid 1px #0000a0;

	box-shadow:		5px 5px 10px #889;
	-moz-box-shadow:	5px 5px 10px #889;
	-webkit-box-shadow:	5px 5px 10px #889;
	-khtml-box-shadow:	5px 5px 10px #889;

	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
}

.text-warn
{
	color:			#000000;
	background-color:	#ffd0d0;
	border-color:		#a00000;
}

div.warn
{
	color:			#000000;
	background-color:	#ffd0d0;
	border-style:		solid;
	border-width:		1px;
	border-color:		#a00000;
	padding:		0.5em;
	margin:			1em 0;
}

.bg-ligth, .bg-dark
{
	margin:			0;
	padding:		2em;
	background-color:	#ffffff;
	height:			200px;
	width:			200px;
}

.bg-dark
{
	background-color:	#000000
}

dt.changelog
{
	font-weight:		bold;
	color:			#0000a0;
}

img.text-img
{
	vertical-align:		baseline;
	margin-bottom:		-4px;
}

a img
{
	text-decoration:	none;
}

/*****************************************************************************/

.user-margin
{
	margin:			5px 0 1em 0;
}

.user-menu,
.setuser-menu,
.admin-menu
{
	color:			#000000;
	background-color:	#ffe0b0;
	border-style:		solid;
	border-width:		1px;
	border-color:		#000060;
	padding:		0.2em 0.5em;
}

.setuser-menu,
.setuser-menu a
{
	background-color:	#ff0000;
	color:			#ffffff;
	text-decoration:	none;
}

.user-menu a,
.admin-menu a,
a.symbol
{
	color:			#000000;
	text-decoration:	none;
}

.user-name,
.admin-name
{
	font-weight:		bold;
	padding-right:		0.2em;
}

/*
.admin-name,
.admin-name a
{
	color:			#c0c0c0;
}
*/

.error
{
	color:			#000000;
	background-color:	#ffe0e0;
	font-weight:		bold;
	font-size:		120%;
	border-style:		solid;
	border-width:		1px;
	border-color:		#800000;
	padding:		0.2em 0.5em;
	margin:			1em 0;
}

/*****************************************************************************/

.std-select
{
	width:			11em;
}

.wide-select
{
	width:			98%;
}

.opt-checked
{
	color:			#000080;
	font-weight:		bold;
}

.opt-disabled
{
	color:			#808080;
}

td.oh-disabled
{
	border-left:		solid 12px rgba(0,0,0,0);
	border-right:		solid 12px rgba(0,0,0,0);
}

td.oh-deny
{
	border-left:		solid 12px #600000;
	border-right:		solid 12px #600000;
}

td.oh-white
{
	border-left:		solid 12px #ffffff;
	border-right:		solid 12px #ffffff;
}

td.oh-black
{
	border-left:		solid 12px #000000;
	border-right:		solid 12px #000000;
}

td.opt-checked
{
	background-color:	#ffd0d0;
}

tr.sep td
{
	border-top:		solid 8px #ffffff;
}

/*****************************************************************************/

table.layout
{
	margin:			0.7em 0;
	padding:		0;
}

table.options
{
	border-style:		solid;
	border-width:		0.15em;
	border-color:		#0000a0;
	border-spacing:		0.15em;
	margin:			0.7em 0;
	padding:		0.3em 0;
}

table.layout td,
table.layout th,
table.options td,
table.options th
{
	padding:		0 0.4em;
	text-align:		left;
}


button, input.button,
warn-button, input.warn-button,
table.layout input.button,
table.options input.button
{
	font-weight:		bold;
	border-radius:		10px;
	-moz-border-radius:	10px;
	-webkit-border-radius:	10px;
	-khtml-border-radius:	10px;
	padding:		0.3em 1.5em;
	white-space:		nowrap;
}

warn-button, input.warn-button
{
	color:			#000000;
	background-color:	#ffc0c0;
}

.nobr { white-space: nowrap }

.reg-orig  { color: #ffffff; background-color: #000080 }
.reg-allow { color: #ffffff; background-color: #008000 }
.reg-deny  { color: #ffffff; background-color: #800000 }
.reg-cheat { color: #000000; background-color: #ffc080 }
.reg-speed { color: #000000; background-color: #e0e000 }

p.sep1
{
	margin:			0.5em 0 0.5em 0;
	text-indent:		-0.5em;
	font-weight:		bold;
}

p.sep
{
	margin:			1.5em 0 0.5em 0;
	text-indent:		-0.5em;
	font-weight:		bold;
}

/**************************************************/

div.ask
{
	margin:			1.2em 0
}

table.ask
{
	margin:			0 0 0.5em 0;
	border:			1px solid #000;
	padding:		0.5em;
	background-color:	#e8e8ff;
}

table.ask caption
{
	font-size:		120%;
	font-weight:		bold;
	margin:			0 0 0.1em 0;
}

table.ask th
{
	text-align:		left;
	padding-left:		0.3em;
	padding-right:		0.5em;
}

table.ask td
{
	padding-left:		0.6em;
	padding-right:		0.5em;
	vertical-align:		text-top;
}

table.ask td.wide
{
	padding-left:		1.2em;
}

table.ask td.nochange
{
	color:			#0000c0;
	font-style:		italic;
}

table.ask input.edit
{
	width:			95%;
}

/**************************************************/

label.active,
option.active
{
	color:			#0000c0;
	font-weight:		bold;
}

td.no-access
{
	color:			#000000;
	background-color:	#c0c0c0;
	text-align:		center;
}

tr.tr0 td.no-access { background-color: #b0d0b0; }
tr.tr1 td.no-access { background-color: #b0b0d0; }

/**************************************************/

td.label label
{
	xdisplay:		block;
}

td input[type="text"],
td textarea
{
	background-color:	#ffffff;
	width:			98%;
}