/* vim: set enc=utf8 ts=4 fdm=marker: */
/***************************************************************
 * Firefly Navigator
 * COPYRIGHT (C) 2007 MADDY PROJECT ALL RIGHTS RESERVED.
 * $Id: firefly.css 216 2007-09-26 17:20:18Z  $
 ***************************************************************/

* {
	margin: 0px;
	margin: 0px;
}

body {
	font: normal normal 11px "VL PGothic","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-family: "HGP創英角ｺﾞｼｯｸUB","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	font-weight: normal;
	color: #666666;
}

img {
	vertical-align: middle;
	border: none;
}

#ViewerTabs .warning,
#ViewerTabs .error {
	margin: 16px 32px 16px 16px;
	color: #666666;
	font-size: 12px;
	vertical-align: middle;
	line-height: 32px;
	padding: 4px 40px 0px;
	border: dotted 1px #999999;
}

	#ViewerTabs .warning {
		background: url(../img/warning.png) 2px 4px no-repeat;
	}

	#ViewerTabs .error {
		background: url(../img/error.png) 2px 4px no-repeat;
	}

#HeaderPane {
	height: 40px;
}

#HeaderPane h1 {
	font-size: 28px;
	margin-left: 16px;
	display: none;
}

#HeaderPane .HeaderPane_Title {
	float: left;
	width: 69%;
	padding-left: 1%;
}

#HeaderPane .HeaderPane_Tools {
	float: left;
	width: 29%;
	text-align: right;
	padding-right: 1%;
}

#ViewerTabs h2 {
	font-size: 20px;
	margin: 16px;
}

#ViewerTabs h3 {
	font-size: 16px;
	margin: 16px;
	background: transparent url(../img/bar_orange.png) no-repeat left bottom;
}

#ViewerTabs p,
#ViewerTabs dl,
#ViewerTabs ul {
	margin: 4px 32px;
	font-size: 12px;
}

#ViewerTabs dt {
	font-weight: bold;
	text-decoration: underline;
	margin: 4px 0px;
}

#ViewerTabs dd {
	margin: 0px 32px 16px 32px;
}

#ViewerTabs li {
	margin: 4px 16px;
}

#FooterPane {
	text-align: center;
	padding-top: 4px;
	height: 32px;
}

address {
	color: #666666;
}

.x-layout-panel-south,
.x-layout-panel-west,
.x-layout-panel-east,
.x-layout-panel-center,
.x-tabs-body {
	background-image: url(../img/firefly_bg.png);
}

.x-layout-panel-north {
	background-color: #4f4f4f;
}

.Thumbnail {
	float: left;
	border: solid 2px #dcdcdc;
	margin: 6px;
	width: 100px;
	height: 120px;
	text-align: center;
	cursor: pointer;
	background-image: url(../img/snow_ridge.png);
}

.Thumbnail:hover {
	border: solid 2px #083772;
}

.Thumbnail_Image {
	width: 100%;
	height: 90px;
	overflow: hidden;
}

.Thumbnail_Title {
	width: 100%;
	height: 30px;
	overflow: hidden;
}

#DetailDialog_Image {
	text-align: center;
	vertical-align: center;
}

#DetailDialog_Info {
	padding: 4px;
}

	#DetailDialog_Info table {
		width: 100%;
		border: solid 1px #999999;
		border-spacing: 0px;
		font-size: 11px;/* against IE bugs */
	}

	#DetailDialog_Info tr,
	#DetailDialog_Info th,
	#DetailDialog_Info td {
		border: dotted 1px #666666;
		padding: 4px;
	}

	#DetailDialog_Info th {
		font-weight: bold;
		background-color: #dcdcdc;
	}

#ViewerTabs_Help table,
#ViewerTabs_Support table {
	border: solid 1px #999999;
	border-spacing: 0px;
	margin: 4px 64px;
	font-size: 11px;/* against IE bugs */
}

#ViewerTabs_Help tr, #ViewerTabs_Help th, #ViewerTabs_Help td,
#ViewerTabs_Support tr, #ViewerTabs_Support th, #ViewerTabs_Support td {
	border: dotted 1px #666666;
	padding: 4px;
}

#ViewerTabs_Help th,
#ViewerTabs_Support th {
	font-weight: bold;
	background-color: #dcdcdc;
}