/* Common Layout */
body
{
	background-color		:	#ffffff;
	margin					:	0px 30px 30px 30px;
	padding					:	0px;
	color					:	#333333;
	overflow				:	auto;
}

#PanelCanvas
{
	background-color		:	#ffffff;
	width					:	980px;
	height					:	auto;
	margin-left				:	auto;
	margin-right				:	auto;
	text-align				:	left;
}

/* Header */
#PanelHeader
{
	position					:	relative;
	height					:	80px;
	margin					:	0px 0px 20px 0px;
}
#PanelHeaderLogo
{
	position					:	absolute;
	top						:	15px;
	left						:	0px;
}
#PanelHeaderLogo h1
{
	margin					:	0px;
}
#PanelHeaderComment
{
	position					:	absolute;
	width					:	700px;
	right					:	0px;
	top						:	30px;
	font-weight				:	normal;
	text-align				:	right;
}
#PanelHeaderMenu
{
	position					:	absolute;
	width					:	980px;
	bottom					:	0px;
	left						:	0px;
}

/* Footer */
#PanelFooter
{
	border-top				:	solid 1px #666666;
	text-align				:	center;
	font-size				:	10px;
	margin					:	0px;
	padding-top				:	5px;
	padding-bottom			:	10px;
	overflow				:	hidden;
}
#PanelFooterPowered
{
	display					:	none;
}
#PanelFooterRelated
{
	display					:	none;
}


/* Misc */
#PanelIntroduction
{
	display					:	none;
}

#PanelContentMain
{
	float					:	left;
	width					:	640px;
	margin-top				:	0em;
}
#PanelContentRight
{
	float					:	right;
	width					:	310px;
	padding-right			:	1px;
}

/* Panel */
div.Panel
{
	border					:	solid 1px #999999;
	background-color		:	#ffffff;
}
div.PanelHeader
{
	background-image		:	url(../image/background/PanelHeader.jpg);
	background-repeat		: 	no-repeat;
	background-position		:	right top;
	border-bottom			:	solid 1px #999999;
	padding					:	2px 10px 2px 10px;
	font-weight				:	bold;
	color					:	#660000;
}
div.PanelContent
{
	text-align				:	left;
	padding					:	8px 10px 8px 10px;
	padding-left				:	8px;
}

div.PanelTab
{
	float					:	left;
	width					:	80px;
	border-top				:	solid 1px #999999;
	border-right				:	solid 1px #999999;
	border-left				:	solid 1px #999999;
	background-color		:	#eeeeee;
	padding					:	2px 10px 2px 10px;
	font-weight				:	bold;
	margin-right				:	10px;
	white-space				:	nowrap;
}
div.PanelTab:hover
{
	background-color		:	#ccddee;
}
div.PanelTabSelected
{
	float					:	left;
	width					:	80px;
	border-top				:	solid 1px #999999;
	border-right				:	solid 1px #999999;
	border-left				:	solid 1px #999999;
	background-color		:	#ffffff;
	padding					:	2px 10px 2px 10px;
	font-weight				:	bold;
	margin-right				:	10px;
	white-space				:	nowrap;
}
div.PanelBox
{
	border					:	solid 0px #cccccc;
	padding					:	10px;
	background-color		:	#ffe7e7;
}
#PanelComment
{
	position					:	absolute;
	top						:	300px;
	left						:	300px;
	display					:	none;
	width					:	200px;
	height					:	60px;
	padding					:	10px;
	border					:	solid	1px	#cccccc;
	background-color			:	#ffffff;
	opacity						:	0.9;
	-moz-opacity				:	0.9;
	filter						:	alpha(opacity=90);
}

div.PanelBookmark
{
	padding						:	10px;
	margin-bottom				:	10px;
	background-color			:	#eeeeee;
}
div.PanelBookmark img
{
	margin						:	0px 6px 0px 0px;
}
#PanelWorksTwitter img
{
	float						:	left;
}


/* Side Panel */
td.PanelSideHeader
{
	height						:	20px;
	border						:	solid 1px #cccccc;
	border-collapse				:	collapse;
	line-height					:	1em;
	background-color			:	#999999;
	background-image			:	url(../image/TitleBar/Background.gif);
	padding						:	0px;
	overflow					:	hidden;
}
td.PanelSideContent
{
	border						:	solid 1px #cccccc;
	border-collapse				:	collapse;
	line-height					:	1em;
	background-color			:	#f7f7f7;
	padding						:	10px;
}


/* Panel Photo */
div.PanelPhoto
{
	padding					:	10px;
}
image.Photo
{
	margin					:	10px 0px 4px 0px;
	border					:	solid 1px #999999;
	background-color		:	#ffffff;
}

/* Title */
fieldset
{
	border				:	solid 1px #aaaaaa;
	margin-top			:	-0.5em;
	margin-bottom		:	0.5em;
	padding				:	8px 10px;
}
legend
{
	font-weight			:	bold;
	color				:	#660000;
	margin-top			:	0px;
	padding				:	2px;	
}

#LabelStatus
{
	border				:	solid	1px	#cccccc;
	background-color		:	#eeeeee;
	height				:	1.4em;
	padding-top			:	2px;
	padding-bottom		:	2px;
	padding-left			:	8px;
	padding-right			:	8px;
	margin-top			:	1em;
	margin-bottom		:	4px;
	overflow			:	hidden;
	white-space			:	nowrap;
}
#LabelGreeting, div.LabelGreeting
{
	white-space				:	pre;
	height						:	1.4em;
	border-left					:	solid	4px	#660000;
	padding-left				:	8px;
}

textarea.PanelHtml
{
	width					:	100%;
	height					:	100px;
	background-color		:	#ffffee;
	color					:	#666666;
	border					:	solid 1px #999999;
	overflow				:	hidden;
}

div.left
{
	float					:	left;
}
div.right
{
	float					:	right;
}
div.clear
{
	clear					:	both;
}