
#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: #bfd; /* #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;
}

#contents {
	background-color: #bfd;
}

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

#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 */
}

#narrowFrame {
	background-color: #bfd;
    font-size       : 10px;
    padding         : 10px;
    border-left     : thin solid #aaa;
    border-right    : 3px solid #bbb;
    border-radius   : 8px 8px 0 0;
}

#popupMenuArea {
    /* Loading... のメッセージを表示 */
	font-size       : 9pt;
}
#popupMenuBar {
    padding         : 0 5px 10px 5px;
	font-family     : arial, Helvetica;
    color           : #333;
    border-left     : thin solid #aaa;
    border-right    : 3px solid #bbb;
    background: -webkit-linear-gradient(top, #bfd, #fff);
}
#popupMenuBar:after {
    /* clearfix */
    content: ".";  /* 新しい要素を作る */
    display: block;  /* ブロックレベル要素に */
    clear: both;
    height: 0;
    visibility: hidden;
}

.separator {
    background: #aec;
	font-size			: 10pt;
	font-family			: arial, Helvetica;
    padding             : 2px 0px;
    color               : #333;
    height              : 22px;
    margin              : 0 1px;
    border-left: thin solid #ddd;
    border-right: 2px solid #ccc;
}

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

.green-tab {
    display: inline;
    float: left;
    height: 20px;
    margin-top: 5px;
    margin-left: 5px;
    padding: 1px 10px;
    background: #bfd;
    color: #000;
    text-align: center;
    font-size: 9pt;
    box-shadow: 2px -4px 5px 2px #ddd;
    border-radius: 8px 8px 0px 0px;
    border-top: thin solid #aaa;
    border-left: thin solid #ccc;
    border-right: thin solid #444;
    top: -1;
    text-shadow: 1px 1px 0px #fff;
    z-index: 100;
}

