
#icon {
	height			: 16px;
	vertical-align	: middle;
}

.clearfix {
    min-height: 1px;
}
.clearfix:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

TABLE#baseTable {
	background-color: #aec;
	border			: thin solid #fff;
	border-collapse	: collapse;
	width			: 100%;
	font-size		: 10pt;
	text-align		: center;
}

#float-table {
    backgroundColor: #ffc;
    border: 1px solid #888;
    border-radius: 10px;
    box-shadow: 5px 5px 10px 3px #aaa;
}
#float-header {
    border-radius: 10px 10px 0px 0px;
	background-color	: #ec9;
    font-size: 10pt;
}
#float-footer {
    border-radius: 0px 0px 10px 10px;
	background-color: #ec9;
    font-size: 10pt;
}

TR#header {
	background-color: #66CC99;
}

TR#controller {
	background-color: #fff;
}

TABLE#contentsTable {
	border-collapse	: collapse;
	width			: 100%;
	font-size		: 9pt;
}

#narrowArea {
	background-color: #fff;
	text-align		: left;
    font-size       : 10px;
    padding-left    : 8px;
    padding-top     : 7px;
    padding-bottom  : 2px;
}

#contents {
	background-color: #aec;
}

#selectionPanel {
    background: #fff;
    font-family: arial, Helvetica;
    font-size: 10pt;
    padding: 10px;
    margin-left: 5px;
    margin-right: 5px;
    border: thin solid #aaa;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 2px #888;
}

DIV#message {
	color			: #00f;
	font-size		: 8pt;
}

TABLE#editorTable {
	background-color: #ff0;
	border			: thin solid #000;
	border-collapse	: collapse;
	width			: 100%;
	font-size		: 10pt;
}

#editorLabel {
	padding-left: 5px;
}

TD#editorIcon {
	width			: 16px;
}

TD#usageSelector {
	text-align		: center;
}

#inputArea {
	text-align		: right;
    padding: 5px 10px;
}

TD#usageName {
	padding			: 0px 10px;
}

TD#rightAlign {
	text-align		: right;
	padding			: 1px 5px;
}

TD#leftSide {
	text-align		: left;
}

TD#rightSide {
	text-align		: right;
}

#editorControlArea {
	text-align		: right;
	padding-top		: 5px;
    padding-right   : 5px;
}
#editorControlArea:after {
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

#displayArea {
	padding-left    : 10px;
	color			: #a63; /* brown */
}

#popupMenuArea {
    background: #7db;
    text-align: left;
    padding-left: 5px;
}
#popupMenuArea:after {
    /* clearfix */
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.separator {
    background: #7db;
}

#groupList {
    padding-left: 10px;
    background: #ffc;
    margin: 5px;
    border-radius: 10px;
}

TD#centerAlign {
	text-align		: center;
}

TD#menu1 {
	font-size		: 8pt;
	text-align		: center;
}

#anchorArea {
	font-size		: 8pt;
	text-align		: right;
	padding			: 1px 5px;
}

#templateFrame {
    background: #ec9;
    font-size: 10pt;
    padding: 5px 5px;
    border: thin solid #aaa;
    border-radius: 10px;
    box-shadow: 2px 2px 10px 2px #ccc;
}

.myButton {
    display: inline;
    font-size: 9pt;
    margin-right: 5px;
    padding: 0px 5px;
    background: #fff;
    border-radius: 10px;
    border: thin solid #363;
    box-shadow: 1px 1px 5px 1px #aaa;
}
.myButton:hover {
    background: #00f;
    color: #ff0;
    border: thin solid #fff;
    box-shadow: 2px 2px 10px 3px #555;
}




