/* Default Style */
body, td, a, div, .p {
	font-family: arial, sans-serif;
}
div, td {
	color: #000000;
}
a:link, .w, .w a:link {
	color:#0000cc;
}
a:visited {
	color:#551a8b;
}
a:active {
	color:#ff0000;
}

.label-title {
	color: gray;
	font-size: x-large;
	font-family: serif;
}

.caption {
	color: black;
	font-size: small;
	font-family: serif;
	font-style: italic;
}

.center {
	text-align: center;
}

.outer-panel {
	background-color: white;
	padding: 8px 8px 8px 8px;
}

.button-panel {
	background-color: #669933;
	text-align: right;
}

.prototype-panel {
	background-color: white;
	width: 100%;
}

.info-panel {
	background-color: #f9f5ea;
	font-weight: bold;
	font-size: x-small;
	width: 100%;
}

.message-panel, .font-panel {
	background-color: #f9f5ea;
	font-weight: bold;
	font-size: x-small;
}

.configuration-panel {
	background-color: #f9f5ea;
	font-size: x-small;
	color: gray;
	width: 100%;
}

.prototype-thumbnail {
	margin: 10px 10px 10px 10px;
	cursor: pointer;
}

.prototype-thumbnail:hover, .prototype-thumbnail-selected {
	border: 1px solid black;
	margin: 9px 9px 9px 9px;
}

.label-image {
	margin: 10px 10px 10px 10px;
	border-top: 1px solid gray;
	border-right: 4px solid gray;
	border-bottom: 4px solid gray;
	border-left: 1px solid gray;
}

.progress-bar {
	background-color: green;
	font-weight: bold;
}

.margin-left {
	margin-left: 10px;
}