*
{
	margin:				0;
	padding:			0;
	background-color:	transparent;
}

html
{
	height:				100%;
}

body
{
	background-color:	#383810;
	font-family:		verdana, "nimbus sans l", myriad, arial;
	font-size:			1em;
	color:				#000000;
	margin-top :		0;
	font-weight:		normal;
	font-style:			normal;
	text-decoration:	none;
}

a:link
{
	color:				#000000;
	text-decoration:	none;
	font-style:			none;
	font-weight:		none;
}
a:visited
{
	color:				#000000;
	text-decoration:	none;
}
a:hover
{
	color:				#200000;
}
a:active
{
	color:				#200000;
}

div
{
	padding:			4px;
}
div.userdata
{
	position:					absolute;
	top:						0px;
	right:						0px;
	height:						20px;
	width:						240px;
//	border:						1px solid #00ffff;
	text-align:					right;
}
div.nav
{
	position:					absolute;
	bottom:						0px;
	right:						0px;
//	border:						1px solid #00ffff;
	text-align:					right;
}

img
{
	border-style:		none;
}

h1
{
	font-family:		verdana, "nimbus sans l", myriad, arial;
	font-size:			1.2em;
	font-variant:		small-caps;
	color:				#383810;
	text-align:			center;
	text-decoration:	underline;
	text-shadow:		-1px 1px #200000;
}
h2
{
	font-family:		verdana, "nimbus sans l", myriad, arial;
	font-size:			1.2em;
	font-variant:		small-caps;
	color:				#383810;
	text-align:			center;
	text-shadow:		-1px 1px #000000;
}

hr
{
	border:				1px solid;
	border-color:		#000000;
}

table
{
	border-collapse:	collapse;
	table-layout:		fixed;
}
table.default
{
	width:				900px;
	border:				1px solid;
	margin-left:		auto;
	margin-right:		auto;
}
table.highlight
{
	width:				900px;
	border:				1px solid #200000;
	margin-left:		auto;
	margin-right:		auto;
}
table.highlight2
{
	width:				900px;
	border:				1px solid #909030;
	margin-left:		auto;
	margin-right:		auto;
}
tr.odd
{
	background-color:	#353508;
}
tr.even
{
	background-color:	#484820;
}
td
{
	spacing-left:		2px;
	spacing-right:		2px;
	vertical-align:		top;
}

.caption_1
{
	font-size:			0.7em;
	text-transform:		uppercase;
	padding:			2px;
}
.caption_2
{
	font-size:			0.9em;
	font-variant:		small-caps;
}
.caption_2_highlight
{
	font-size:			0.9em;
	font-variant:		small-caps;
	color:				#909030;
}
.mark
{
	font-size:			0.8em;
	color:				#484820;
}
.errormsg
{
	font-size:			0.8em;
	text-transform:		uppercase;
	color:				#301010;
}

input.btn_checkbox
{
	color:				#000000;
	background-color:	#383810;
	border:				1px solid;
	border-color:		#000000;
	width:				26px;
	font-size:			1.2em;
	font-weight:		bold;
}
input.btn_dropdown
{
	color:				#000000;
	background-color:	#383810;
	border:				1px solid;
	border-color:		#000000;
	font-size:			1.2em;
	font-weight:		bold;
}
input.btn
{
	color:				#000000;
	background-color:	#383810;
	border:				1px solid;
	border-color:		#000000;
	width:				100px;
	font-size:			0.6em;
	font-weight:		bold;
	text-transform:		uppercase;
}
input.btn_rm
{
	color:				#301010;
	background-color:	#383810;
	border:				1px solid;
	border-color:		#000000;
	width:				20px;
	font-size:			0.6em;
	font-weight:		bold;
	text-transform:		uppercase;
}
input.btn_rm_even
{
	color:				#301010;
	background-color:	#484820;
	border:				1px solid;
	border-color:		#000000;
	width:				20px;
	font-size:			0.6em;
	font-weight:		bold;
	text-transform:		uppercase;
}
input.btn_check
{
	color:				#000000;
	background-color:	#383810;
	border:				1px solid;
	border-color:		#000000;
	width:				20px;
	font-size:			0.8em;
	font-weight:		bold;
	text-transform:		uppercase;
}
input.btn_check_even
{
	color:				#000000;
	background-color:	#484820;
	border:				1px solid;
	border-color:		#000000;
	width:				20px;
	font-size:			0.8em;
	font-weight:		bold;
	text-transform:		uppercase;
}
input.btn_check_disabled
{
	color:				#202010;
	background-color:	#383810;
	border:				1px solid;
	border-color:		#202010;
	width:				20px;
	font-size:			0.8em;
	font-weight:		bold;
	text-transform:		uppercase;
}
input.btn_check_even_disabled
{
	color:				#202010;
	background-color:	#484820;
	border:				1px solid;
	border-color:		#202010;
	width:				20px;
	font-size:			0.8em;
	font-weight:		bold;
	text-transform:		uppercase;
}
input.txt
{
	color:				#001000;
	background-color:	#383810;
	border:				1px solid;
	border-color:		#000000;
	width:				100px;
	font-size:			1em;
	font-style:			italic;
}
input.quantity
{
	color:				#001000;
	background-color:	#383810;
	border:				1px solid;
	border-color:		#000000;
	width:				40px;
	font-size:			1em;
	text-align:			center;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav
{
	list-style:			none;
}
#nav li
{
	float:				right;
	margin-right:		0px;
	position:			relative;
}
#nav a
{
	display:			block;
	padding:			2px;
}

/*--- DROPDOWN ---*/
#nav ul
{
	background:			#383810;
	background:			rgba(255,255,255,0); /* But! Let's make the background fully transparent where we can, we don't actually want to see it if we can help it... */
	list-style:			none;
	position:			absolute;
//	left:				-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
	right:				0px;
	visibility:			hidden;
	bottom:				100%; /* 1st level go above their parent item */
}
#nav ul li
{
	padding-top:		2px; /* Introducing a padding between the li and the a give the illusion spaced items */
	float:				none;
}
#nav ul a
{
	white-space:		nowrap; /* Stop text wrapping and creating multi-line dropdown items */
}
#nav li:hover ul
{ /* Display the dropdown on hover */
	right:				0; /* Bring back on-screen when needed */
	bottom:				100%; /* 1st level go above their parent item */
	visibility:			visible;
	font-size:			0.6em;
	text-transform:		uppercase;
}
#nav li:hover a
{ /* These create persistent hover states, meaning the top-most link stays 'hovered' even when your cursor has moved down the list. */
	background:			#383810;
}
#nav li:hover ul a
{ /* The persistent hover state does however create a global style for links even before they're hovered. Here we undo these effects. */
	text-decoration:	none;
}
#nav li:hover ul li a:hover
{ /* Here we define the most explicit hover states--what happens when you hover each individual link. */
	background:			#383810;
}