/* IE Quirks Mode Hack */
* html * {
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}
* html .tooltip {
	width: 480px;
}
* html #header {
	width: 880px;
}
* html #main {
	margin-right: 10px;
}
* html #sidebar {
	margin-right: 5px;
}
* html .download h3.download_astah {
	margin-right: 4px;
}

/* Default Style */
a {
	color:#24871C;
}
a:hover {
	color:#FF9409;
}
a:visited {
	color:#24871C;
}
a.external {
	margin-right: 2px;
	padding-right: 12px;
	background: url(../image/link-icon_external.gif) no-repeat right;
}
a.pdf {
	margin-right: 2px;
	padding-right: 12px;
	background: url(../image/link-icon_pdf.gif) no-repeat right;
}
body,form,div,dl {
	margin: 0px;
	padding: 0px;
}
img {
	border: none;
}
dl.definition_panel dd {
	margin: 0px;
}

/* Page Layout */

body {
	background-color: #f3f3f3;
	font-size: 12px;
	font-family: Arial, Verdana, sans-serif;
}

fieldset {
	padding: 10px;
	display: block;
}

hr {
	border-width: 1px 0px 0px 0px;
}

#container {
	width: 900px;
	margin: 0px auto;
	background-color: white;
	background-image: url("../image/bg-side-l.png");
	background-position: top left;
	background-repeat: repeat-y;
}

#container form {
	background-image: url("../image/bg-side-r.png");
	background-position: top right;
	background-repeat: repeat-y;
}

#header {
	margin: 0px 10px;
}

#footer {
	clear: both;
	padding: 4px 18px 18px 18px;
	text-align: right;
	background-image: url("../image/bg-bottom.png");
	background-position: bottom left;
	background-repeat: no-repeat;
}

#footer div a {
	margin-left: 6px;
}

#main {
	float: right;
	width: 850px;
	margin-right: 20px;
}

#sidebar {
	float: right;
	width: 190px;
	height: 480px;
	margin-right: 10px;
}

#navigation .rich-pmenu-top-group-div {
	width: 186px;
}

#banner span.label {
	display: block;
	color: #404040;
}

#messages {
}

#contents {
	padding: 8px 0px;
}

/* Heading Style */

h1 { font-size: 16px; }
h2 { font-size: 15px; }
h3 { font-size: 14px; }
h4 { font-size: 13px; }
.heading {
	color: #162008;
	border-left: solid 8px #88c611;
	border-bottom: solid 1px #c0c0c0;
}
.heading span {
	padding: 0px 8px;
	line-height: 1.5em;
	vertical-align: middle;
}

.indent {
	margin-left: 2em;
}

input:disabled {
	color: #afafaf;
}

/* Breadcrumb Style */

div.breadcrumb {
	color: #789048;
	width: 420px;
}

.breadcrumb .active {
	color: #344b07;
}

.breadcrumb img {
	margin: 0px 4px;
	width: 3px;
	height: 5px;
	vertical-align: middle;
}

/* Message Style */

.messages {
	font-weight: bold;
	color: #AB170C;
}
.messages .info {
	color: #200060;
}
#messages .messages {
	padding: 6px;
	border: 1px solid #ffB0B0;
	background-color: #ffE0E0;
}
#contents .messages {
	display: block;
}

/* Label Style */

strong {
	color: #cc0033;
	font-weight: bold;
}

.notice {
	color: #AB170C;
	font-weight: bold;
}

fieldset.notice legend {
	color: #AB170C;
	font-weight: bold;
}

.new_arrival {
	color: #ff0000;
	font-weight: bold;
	font-style: italic;
}

.recommended {
	color: #cc0033;
	font-weight: bold;
	font-style: italic;
}

div.attention_block {
	margin: 10px 0px;
	padding: 8px;
	border: solid 1px #c0c0c0;
}

.modified, tr.modified td {
	font-weight: bolder;
	color: #3c1c1c;
	background-color: #f0f8ff;
}

/* Contact Info Style */

div.contact {
	width: 260px;
	padding: 10px;
	margin: 40px 10px auto 10px;
	border-top: dashed 1px black;
	border-bottom: dashed 1px black;
}
div.contact span {
	display: block;
	margin: 0px auto;
}

/* ToolTip Style */

img.tooltip_icon {
	width: 11px;
	height: 11px;
	margin: 2px;
	vertical-align: text-bottom;
}
.tooltip {
	text-align: left;
	max-width: 480px;
}

/* Panel Style */

table.panel {
	margin: auto;
	border: none;
	border-collapse: separate;
}
table.panel th.explanation {
	text-align: left;
}
table.panel .label {
	padding: 2px;
	min-width: 120px;
	text-align: right;
	vertical-align: middle;
	background-color: #e0ffb8;
	border: solid 1px #d8ffa6;
}
table.panel .value {
	padding: 2px;
	min-width: 400px;
	text-align: left;
	vertical-align: middle;
}

/* Form Sytle */

input.help_label,
textarea.help_label {
	color: #808080;
	font-style: italic;
}

input.calendar_date {
	width: 80px;
}

/* Action Block Style */

div.action_left {
	float: left;
	text-align: left;
	padding: 4px;
}
div.action {
	text-align: right;
	padding: 4px;
}
div.action_modal {
	text-align: center;
	padding: 4px;
}

/* Agreement Block Style */

div.agreement {
	padding: 4px;
	height: 400px;
	overflow: scroll;
	border: 1px inset gray;
	background-color: #f8f8f8;
}

/* Download Block Style */

div.summary h3 {
	margin: 10px 0px;
}

dl.summary_file {
	margin: 10px 20px;
}
dl.summary_file dt {
	margin-left: 0px;
	font-weight: bold;
}
dl.summary_file dd {
	margin-left: 20px;
}
.download h3.download_astah {
	float: left;
	width: 650px;
	margin-right: 8px;
}
.download a.download_astah img {
	width: 180px;
	height: 52px;
	border-radius: 5px;
}
.download a.download_astah + * {
	clear: left;
}

/* Dialog Style */
div.dialog_body {
	margin: 5px;
}

div.dialog_body fieldset {
	padding: 10px;
	display: block;
	border-color: #c0c0c0;
	border-width: 1px;
	border-style: solid;
}