@CHARSET "UTF-8";

/***** content-box *****/

.content-box .content-box-top {
	background: transparent url('/images/content-box/box-top.jpg') top left repeat-x;
	margin-left: 17px;
	margin-right: 17px;
}
.content-box .content-box-right {
	background: transparent url('/images/content-box/box-right.jpg') top right repeat-y;
}
.content-box .content-box-bottom {
	background: transparent url('/images/content-box/box-bottom.jpg') bottom left repeat-x;
}
.content-box .content-box-left {
	background: transparent url('/images/content-box/box-left.jpg') top left repeat-y;
}
.content-box .content-box-top-left {
	background: transparent url('/images/content-box/box-top-left.jpg') top left no-repeat;
}
.content-box .content-box-top-right {
	background: transparent url('/images/content-box/box-top-right.jpg') top right no-repeat;
}
.content-box .content-box-bottom-left {
	background: transparent url('/images/content-box/box-bottom-left.jpg') bottom left no-repeat;
}
.content-box .content-box-bottom-right {
	background: transparent url('/images/content-box/box-bottom-right.jpg') bottom right no-repeat;
}

.content-box h2 {
	color: #72A12D;
	text-align: center;
	font-size: 24px;
	font-weight: normal;
	padding-top: 10px;
}

.content-box .content-box-content {
	padding-bottom: 30px;
}

/***** small-button *****/
.small-button {
	width: 150px; /* A sensible default width */
}
.small-button,
.small-button div  {
	height: 22px;
}

.small-button-left {
	background: transparent url('/images/small-button/small-button-left.jpg') center left no-repeat;
}
.small-button-right {
	background: transparent url('/images/small-button/small-button-right.jpg') center right no-repeat;
}
.small-button {
	background: transparent url('/images/small-button/small-button-middle.jpg') center left repeat-x;
}
.small-button-arrow-left {
	background: transparent url('/images/small-button/small-button-left-arrow.gif') center left no-repeat;
	margin-left: 7px;
	padding-left: 10px;
	padding-right: 10px; /* Pad both sides to keep text in the middle */
}
.small-button-arrow-right {
	background: transparent url('/images/small-button/small-button-right-arrow.gif') center right no-repeat;
	margin-right: 7px;
	padding-right: 10px;
	padding-left: 10px; /* Pad both sides to keep text in the middle */
}
.small-button-content {
	padding-left: 10px;
	padding-right: 10px;
}
.small-button-content a {
	font-weight: bold;
	display: block;
	height: 22px;
	padding-top: 2px;
	text-decoration: none;
	vertical-align: middle;
	text-align: center;
	color: #9ABA11;
}
a .small-button-label {
	text-decoration: underline;
}

/***** progress bar *****/

.progress-bar {
	margin-left: auto;
	margin-right: auto;
	height: 17px;
}
.progress-bar-label {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-weight: bold;
	padding-bottom: 3px;
}
.progress-bar .progress-bar-label {
	text-align: center;
}

.progress-bar .progress-bar-fade-in {
	background: transparent url('/images/progress-bar/progress-fade-in-complete.jpg') top left no-repeat;
	width: 47px;
}
.progress-bar .progress-bar-start {
	background: transparent url('/images/progress-bar/progress-start-complete.jpg') top left no-repeat;
	width: 8px;
}
.progress-bar-zero-percent .progress-bar-start {
	background: transparent url('/images/progress-bar/progress-start-incomplete.jpg') top left no-repeat;
	width: 8px;
}
.progress-bar .progress-bar-complete-bg {
	background: transparent url('/images/progress-bar/progress-middle-complete.jpg') top left repeat-x;
}
.progress-bar .progress-bar-incomplete-bg {
	background: transparent url('/images/progress-bar/progress-middle-incomplete.jpg') top left repeat-x;
}
.progress-bar .progress-bar-end {
	background: transparent url('/images/progress-bar/progress-end-incomplete.jpg') top left no-repeat;
	width: 8px;
}
.progress-bar-hundred-percent .progress-bar-end {
	background: transparent url('/images/progress-bar/progress-end-complete.jpg') top left no-repeat;
	width: 8px;
}
.progress-bar .progress-bar-fade-out {
	background: transparent url('/images/progress-bar/progress-fade-out-incomplete.jpg') top left no-repeat;
	width: 47px;
}
.progress-bar-component {
	height: 17px;
	float: left;
}

/*
.progress-bar .progress-bar-complete {
	height: 17px;
}
.progress-bar-continuing .progress-bar-complete {
	background: transparent url('/images/progress-bar/progress-middle-complete.gif') 0px 0px no-repeat;
	margin-left: 47px;
}
.progress-bar-starting .progress-bar-complete {
	background: transparent url('/images/progress-bar/progress-middle-complete.gif') 8px 0px no-repeat;
}
.progress-bar .progress-bar-incomplete-bg {
	background: transparent url('/images/progress-bar/progress-middle-incomplete.jpg') top left repeat-x;
	height: 17px;
}
.progress-bar .progress-bar-start {
	background: transparent url('/images/progress-bar/progress-start-complete.jpg') top left no-repeat;
	height: 17px;
}
.progress-bar-zero-percent .progress-bar-start {
	background: transparent url('/images/progress-bar/progress-start-incomplete.jpg') top left no-repeat;
	height: 17px;
}
.progress-bar .progress-bar-fade-in {
	background: transparent url('/images/progress-bar/progress-fade-in-complete.jpg') top left no-repeat;
	position: relative;
	left: -47px;
}*/