@charset "UTF-8";
@namespace url(http://www.w3.org/1999/xhtml);

.JS #jsattention {
	display: none;
}

#jsattention {
	margin: 1em;
	padding: 1em;
	background-color: #fff;
	color: #f00;
	font-weight: normal;
}

body, table {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", Verdana, Arial, sans-serif;
}

article {
	width: 40em;
	margin-left: auto;
	margin-right: auto;
}

article.wideView {
	width: 98%;
}

article ul {
	margin: 1em 0;
	padding-left: 1.5em;

	list-style-type: disc;
	list-style-position: outside;
}

article li {
	margin: 1em 0;
}

header {
	border-bottom: 2px solid rgb(192, 192, 192);
	padding-bottom: 0em;
	margin-bottom: 0.5em;
	text-align: left;
}

header h1 {
	font-size: 160%;
	font-weight: bold;
}

section {
	margin: 1em 0em 2em;
}

section h1 {
	font-size: 120%;
	font-weight: bold;
	color: rgb(16, 80, 128);
}

section p {
	font-size: 90%;
}

.libLicense {
	border-top: 1px dotted rgb(192, 192, 192);
	padding-top: 1em;
}

footer {
	padding: 0.5em;
	margin-bottom: 2em;
	border-top: 2px solid rgb(192, 192, 192);
	border-bottom: 2px solid rgb(192, 192, 192);
	font-size: 80%;

	clear: left;
}

#hgsControlPanel {
	padding-bottom: 1em;
}

#hgsAddUserNameText {
	width: 12em;
}

#hgsUrl {
	font-size: 120%;
	font-weight: bold;
}

#hgsUserEntries {
	overflow:auto;
	margin-bottom: 1em;
}




.userEntry {
	padding: 5px;

	float: left;
}

.userActivity_active .userEntryBox {
	background-color: rgb(255, 255, 255);
}

.userActivity_inactive .userEntryBox {
	background-color: rgb(216, 216, 216);
}

.userActivity_active .userTitleBar {
	background-color: rgb(224, 224, 224);
}

.userActivity_inactive .userTitleBar {
	background-color: rgb(180, 180, 180);
}

.userActivity_active a  {
	color: rgb(32, 64, 160);
}

.userActivity_inactive a  {
	color: rgb(48, 48, 48);
}

.userEntryBox {
	border: 2px solid rgb(160, 160, 160);
	width: 15em;
	font-size: 60%;
}

.userEntryBox_searching {
	border-style: dashed;
}


.userBoxController {
	width: 40px;
	padding: 2px;

	text-align: right;
	white-space: nowrap;
	overflow:hidden;

	float: right;
}

.userBoxControllerIcon {
	width: 16px;
	height: 16px;
	vertical-align: middle;
}

.userBoxController_move {
}

.userBoxController_close {
}

.userName, .userLocationInTitle1, .userLocationInTitle2 {
	padding: 2px 0.5em;

	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}

.userLocation {
	padding: 2px;

	overflow: hidden;
	text-align: center;
	white-space: nowrap;

	clear: right;
}