body,form
{
	margin: 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: #772722;
	text-decoration: none;
}

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

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

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

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

.tdBack
{
	background-image: url("../graphic/arcana_back2.jpg");
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

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

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

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

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

	top: 170px;
	left: 30px;
	width: 140px;
}

.menuCat
{
}

.menuItem
{
	border: 2px solid black;
	/* background-color: #3E2B0D; */
	background-image: url("../graphic/arcana_menu_back.jpg");
	text-align: center;
	margin-bottom: 3px;
}

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

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

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

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

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

.menuSubItemHider
{
	position: absolute;
	display: none;
}

.menuSubItem
{
	position: relative;
	border: 2px solid black;
	top: -25px;
	left: 110px;
	/* background-color: #E6D094; */
	background-image: url("../graphic/arcana_submenu_back.jpg");
	text-align: center;
	margin-bottom: 3px;
	width: 120px;
	margin-left: 10px;
}

.subMain
{
}

.transparent
{
	display: none;
}

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

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

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

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

.loginBox
{
	border: 2px solid black;
	background-image: url("../graphic/arcana_submenu_back.jpg");
	padding: 5px;
}

.loginboxText
{

}

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

.actionBox
{
	z-index: 100;
	position: absolute;
	/*
	background-image: url("../graphic/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/arcana_menu300_back.jpg");*/
	background-color: #46301A;
	/*font-size: 14px;*/
	margin-top: 3px;
	margin-bottom: 3px;
	border: 2px solid black;
	cursor: pointer;
}

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

.isRead
{
	/*background-color: #E6D094;*/
	background-color: #1E1408;
}

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

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

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

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

.odd
{
	background-image: url("../graphic/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;
}

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

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

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

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

	display: block;
}

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

p.quote
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 16px;
	min-height: 50px;
	vertical-align: middle;
}

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

div.quote
{
	width: 350px;
	padding: 15px;
	
	margin-bottom: 25px;
	background-color: #E6D094;
	border: 3px double #E6D094;
	box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.3);
	border-radius: 30px;
}

.quote>table
{
	width: 100%;
	font-style: italic;
}

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: #E6D094;
	background-color: #37260A;
}

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: #E6D094;
}

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

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

.iconContainer
{
	position: absolute;
	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 FILTER STYLES
*************************************/

.lf
{
	margin-bottom: 5px;
}

.lf div
{
	display: inline-block;
	vertical-align: top;
}

.lfName
{
	width: 15%;
	font-weight: bold;
}

.lfOption
{
	width: 85%;
}

.lfOption>div
{
	margin-left: 5px;
	cursor: pointer;
	padding: 2px 6px;
	border-radius: 7px;
	margin-bottom: 5px;
	background-color: #e1c37b;
}

.lfOption>div.Selected
{
	background-color: #772722;
	color: #f9f2dd;
}

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

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

.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;*/
}

.listItems  li.Faded a
{
	color: #C59E78;
}

/*************************************
   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 black;
	background-color: #B5803A;
	margin-top: 7px;
}

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

.inputField90
{
	width: 90px;
	border: 1px solid black;
}

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

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

.inputAreaFull
{
	/*margin-left: 15px;*/
	display: block;
	width: 100%;
	height: 250px;
	font-family: arial;
	border: 1px solid black;
}

.editTable
{
	width: 450px;
}

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;
	*/
	border: 1px solid black;
	margin-right: 10px;
	box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.75);
	
	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;
	*/
	border: 1px solid black;
	margin-left: 10px;
	box-shadow: 2px 2px 10px rgba(50, 50, 50, 0.75);

	
	float: right;
}