@charset "UTF-8";

/* vertical split view */

.vertical-split-view {
	margin-top: 10px;
	width: 100%;
	height: 490px;
}

.vertical-split-view .left-col {
	width: 440px;
}

.vertical-split-view .left-side, .vertical-split-view .right-side {
	vertical-align: top;
}

.vertical-split-view .right-side {
	background-image: url(images/vertical-line.gif);
	background-position: left 0px;
	background-repeat: repeat-y;
}

.vertical-split-view .raw-content {
	padding: 0px 10px;
}

/* detail view */

.detail-view .no-image {
	height: 85px;
}

.detail-view .image {
	height: 310px;
	background-image: url(images/big-image-border.gif);
	background-position: center center;
	text-align: center;
	vertical-align: middle;
}

.detail-view .image-navigation {
	font-size: 1.2em;
	height: 20px;
}

.detail-view .page-title {
	text-align: center;
	vertical-align: top;
	padding: 0px 16px;
	background-image: url(images/horizontal-line.gif);
	background-position: right 31px;
}

.detail-view .title-div {
	width: 100%;
	height: 50px;
	overflow: auto;
	font-size: 1.2em;
}

.detail-view .legend {
	font-size: 0.9em;
}

/* details */

.detail-view .details-td {
	padding-right: 12px;
	vertical-align: middle;
}

.detail-view .details {
	width: 100%;
}

.details .title {
	padding-left: 14px;
	background-image: url(images/horizontal-line.gif);
	background-position: left 6px;
	vertical-align: top;
	font-weight: bold;
	width: 130px;
}

.details .value {
	padding: 0px 5px 6px 5px;
	color: #666666;
}

.details .textarea {
	width: 100%;
	height: 72px;
}

.details .space {
	height: 22px;
}