body,form
{
	margin: 0px;
	padding: 0px;
}

div,td,textarea,input
{
	font-family: arial;
	font-size: 12px;
}

p
{
	margin-top: 5px;
	margin-bottom: 5px;
	text-indent: 10px;
}

/*************************************
   HYPERLINKS
*************************************/

a:link 
{
	font-weight: bold;
	color: #725854;
	text-decoration: none;
}

a:visited 
{
	font-weight: bold;
	color: #725854;
	text-decoration: none;
}

a:hover 
{
	font-weight: bold;
	color: #725854;
	text-decoration: underline;
}

a:active 
{
	font-weight: bold;
	color: #725854;
	text-decoration: underline;
}

/*************************************
   THE MAIN TABLE
*************************************/

.tdBack
{
	background-image: url("../graphic/scifi/arcana_back2.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 40px;
	height: 900px;
}

.tdBackBottom
{
	background-image: url("../graphic/scifi/arcana_back_bottom.jpg");
	background-repeat: no-repeat;
	background-color: black;
	background-position: 183px 0px;
	/* height: 100px; */
}

.tableBack
{
	/* margin-left: 40px; */
	background-image: url("../graphic/scifi/arcana_back_repeat.jpg");
	background-repeat: repeat-y;
	background-position: 183px 0px;
}

/*************************************
   MENUS
*************************************/

.menuBox
{
	z-index: 100;
	position: absolute;

	/*
	top: 170px;
	left: 30px;
	width: 140px;
	*/
	
	top: 10px;
	left: 10px;
	width: 980px;
	
	/* border: 1px solid white; */
}

.menuCat
{
	/*border: 1px solid white;*/
	float: left;
	display: inline;
	/*text-align: center;*/
	margin-left: 6px;
	margin-right: 6px;
}

.menuItem
{
	display: inline;
	border: 2px solid black;
	/* background-color: black;*/
	/* background-image: url("../graphic/scifi/arcana_menu_back.jpg"); */
	margin-bottom: 3px;
	z-index: 1;
}

a.menuItemLink:link 
{
	font-size: 14px;
	font-weight: bold;
	color: #7A5248;
	text-decoration: none;
}

a.menuItemLink:visited 
{
	font-size: 14px;
	font-weight: bold;
	color: #7A5248;
	text-decoration: none;
}

a.menuItemLink:hover 
{
	font-size: 14px;
	font-weight: bold;
	color: #7A5248;
	text-decoration: underline;
}

a.menuItemLink:active 
{
	font-size: 14px;
	font-weight: bold;
	color: #7A5248;
	text-decoration: underline;
}

/*************************************
   SUBMENUS
*************************************/

.menuSubItemHider
{
	z-index: 2;
	display: none;
}

.menuSubItem
{
	position: absolute;
	/*display: none;*/
	/* border: 2px solid black; */
	/*background-color: black;*/
	text-align: center;
	/* background-image: url("../graphic/scifi/arcana_submenu_back.jpg");*/
	text-align: left;
	margin-bottom: 3px;
	width: 120px;
	margin-left: 10px;
}

.subMain
{
	position: absolute;
	width: 100%;
	padding: 3px;
	border: 2px solid black;
	/*background-color: red;*/
}

.transparent
{
	position: absolute;
	width: 100%;

	border: 2px solid black;
	padding: 3px;
	z-index: -1;
	
	background-color: #7A5248;
	opacity:0.4;
	filter:alpha(opacity=40);
}

a.menuSubItemLink:link 
{
	font-weight: bold;
	color: #7A5248;
	text-decoration: none;
}

a.menuSubItemLink:visited 
{
	font-weight: bold;
	color: #7A5248;
	text-decoration: none;
}

a.menuSubItemLink:hover 
{
	font-weight: bold;
	color: #7A5248;
	text-decoration: underline;
}

a.menuSubItemLink:active 
{
	font-weight: bold;
	color: #7A5248;
	text-decoration: underline;
}

.loginBox
{
	display: inline;
	float: right;
	color: #725854;
}

.loginboxText
{
	display: none;
}

/*************************************
   ACTIONBOX (RIGHT)
*************************************/

.actionBox
{
	z-index: 100;
	position: absolute;
	/*
	background-image: url("../graphic/scifi/arcana_menu300_back2.jpg");
	border: 2px solid black;
	*/

	top: 240px;
	left: 700px;
	width: 295px;
	height: 100px;
	
	padding-bottom: 35px;
}

.actionTitle
{
	display: block;
	background-image: url("../graphic/scifi/arcana_menu300_back.jpg");
	/*font-size: 14px;*/
	margin-top: 3px;
	margin-bottom: 3px;
	border: 2px solid black;
	cursor: pointer;
}

.actionTitleWide
{
	display: block;
	background-image: url("../graphic/scifi/arcana_menu450_back.jpg");
	/*font-size: 14px;*/
	margin-top: 3px;
	margin-bottom: 3px;
	border: 2px solid black;
	cursor: pointer;
	width: 400px;
	margin-left: 15px;
}

.commentTitle
{
	/*padding: 2px;*/
	padding-left: 10px;
	font-weight: bold;
	
	color: black;
	
	/*color: #BA2334;*/
}

.commentInfo
{
	font-size: 10px;
	padding: 2px;
	color: black;
	text-align: right;
}

.commentBox
{
	display: block;
	margin-top: 3px;
	border: 2px solid black;
	font-size: 11px;
	padding: 3px;
}

.even
{
	background-image: url("../graphic/scifi/arcana_back_light300.jpg");
}

.odd
{
	background-image: url("../graphic/scifi/arcana_back_dark300.jpg");
}

.commentBoxTitle
{
	font-weight: bold;
	text-align: left;
}

.commentBoxInfo
{
	font-weight: bold;
	text-align: right;
}

.replyText
{
	width: 100%;
	height: 160px;
	border: 1px solid black;
}

/*************************************
   THE MAIN CONTENT DIV
*************************************/

.content
{
	margin-left: 180px;
	margin-top: 180px;
	width: 470px;
}

/*************************************
   CONTAINERS
*************************************/

.mainContainer
{
	position: relative;
	width: 475px;

	padding: 7px;
	margin-bottom: 12px;
	
	display: block;
}

.subContainer
{
	/*position: relative;*/
	/*width: 475px;*/
	
	float: left;
	
	background-color: #D0D0D0;
	padding: 7px;
	margin-bottom: 8px;
	
	/*
	border: 2px solid #3E2B0D;
	opacity:0.7;
	filter:alpha(opacity=70);
	*/

	display: block;
}

div.textContainer
{
	/* border: 1px solid green; */
	float: left;
	width: 470px;
}

/*************************************
   QUOTES & IMAGES
*************************************/

div.photoLeft
{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url("../graphic/scifi/photo_frame.jpg");
	padding-top: 9px;
	padding-left: 10px;
	padding-bottom: 13px;
	padding-right: 13px;
	
	float: left;
}

div.photoRight
{
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-image: url("../graphic/scifi/photo_frame.jpg");
	padding-top: 9px;
	padding-left: 10px;
	padding-bottom: 13px;
	padding-right: 13px;
	
	float: right;
}

.photoimg
{
	/*
	margin-left: 10px;
	margin-top: 9px;
	*/
}

p.quote
{
	margin-top: 0px;
	margin-bottom: 0px;
}

img.divider
{
	margin-top: 15px;
	margin-bottom: 15px;
}

table.quote
{
	width: 350px;
	margin-bottom: 15px;
	font-style: italic;
	background-color: #D0D0D0;
	border: 3px double #D0D0D0;
}

table.rule
{
	width: 370px;
	margin-top: 15px;
	margin-bottom: 15px;
	background-color: #D0D0D0;
	border: 3px dotted #725854;
}

td.rulebody
{
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}

td.ruletitle
{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 15px;
	color: #725854;
	font-weight: bold;
	text-align: right;
}

table.textTable
{
	font-size: 12px;
	width: 90%;
	text-align: center;
	margin-left: 15px;
}

th.textTable
{
	padding-left: 8px;
	padding-right: 8px;
	font-weight: bold;
	color: #D0D0D0;
	background-color: #3F3F3F;
}

th.center
{
	text-indent: 0px;
	text-align: center;
}

th.left
{
	text-align: left;
}

td.textTable
{
	padding-left: 8px;
	padding-right: 8px;
}

td.center
{
	text-indent: 0px;
	text-align: center;
}

td.left
{
	text-align: left;
}

tr.hl
{
	background-color: #D0D0D0;
}

p.pTable
{
	margin-top: 5px;
	margin-bottom: 5px;
	text-indent: 0px;
}

/*************************************
   ICONS IN CONTAINERS
*************************************/

.iconContainer
{
	/*position: absolute;*/
	
	float: right;
	width: 100px;
	
	/*left: 365px;*/
	
	text-align: right;
}

.iconContainerInline
{
	position: relative;
	width: 100px;
	left: 365px;
	text-align: right;
}

.buttonContainer
{
	width: 100%;
	text-align: right;
}

.icon
{
	cursor: pointer;
}

/*************************************
   HEADERS IN CONTAINERS
*************************************/

.header1
{
	font-size: 20px;
	font-weight: bold;
}

.header2
{
	font-size: 16px;
	font-weight: bold;
}

.header3
{
	font-size: 13px;
	font-weight: bold;
}

/*************************************
   LIST STYLES
*************************************/

.listGrouping1
{
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding-top: 6px;
}

.listGrouping2
{
	font-size: 13px;
	font-weight: bold;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-left: 10px;
	display: block;
}

.listItems
{
	margin-left: 20px;
	padding-bottom: 10px;
}

/*************************************
   FIELDS IN CONTAINERS
*************************************/

.fieldKey
{
	width: 12%;
	font-weight: bold;
}

.fieldKeyFull
{
	font-weight: bold;
}

.fieldValue
{
	width: 88%;
}

.fieldDisplay
{
	margin-bottom: 5px;
}

.button50
{
	width: 50px;
	border: 1px solid #7A5248;
	color: #7A5248;
	background-color: black;
	/*margin-top: 7px;*/
}

.checkbox
{
	/*
	border: 1px solid #7A5248;
	color: #7A5248;
	background-color: black;
	*/
}

.inputField40
{
	width: 40px;
	border: 1px solid black;
}

.inputField90
{
	width: 90px;
	border: 1px solid #7A5248;
	color: #7A5248;
	background-color: black;
	margin-right: 2px;
}

.inputField120
{
	width: 120px;
	border: 1px solid black;
}

.inputField200
{
	width: 200px;
	border: 1px solid black;
}

.inputAreaFull
{
	margin-left: 15px;
	display: block;
	width: 450;
	height: 350px;
	font-family: arial;
	border: 1px solid black;
}