/*generic box attributes */
.content-box {
	float: left;
	font-size: 12px;
	width: 100%;
}

.content-box .form_input {
	padding-bottom: 10px;
	text-align: right;
	color: #333;
	font-size: 11px;
}
.content-box .help_light{
	font-size: 10px;
	text-align: right;
	color: #999;
}

.content-box .help_light a {
	color: #999;
}

.content-box .help_light input{
	vertical-align: middle;
}

.content-box .class_details_left{
	float: left;
	width: 50px;
	padding-right: 8px;
	font-weight: bold;
	font-size: 11px;
	text-align: right;
}
.content-box .class_details_right{
	width: 150px;
	float: left;
	font-size: 11px;
}

.content-box .moreclasses_details_left{
	float: left;
	width: 13px;
	padding-right: 5px;
	font-weight: bold;
	text-align: right;
	color: #333;
}
.content-box .moreclasses_details_right{
	width: 190px;
	float: left;
	font-weight: bold;
	color: #333;
}

.content-box .moreclasses_details_right a{
	text-decoration: none;
	color: #333;
}

.content-box .middle{
	border-right: 1px solid;
	border-left: 1px solid;
	padding: 0 11px;		
}

.content-box .middle-sub-title{
	border: 1px solid;
}


.content-box .middle-title{
	border-right: 1px solid;
	border-left: 1px solid;
	padding: 7px 11px 0;		
}

.content-box .top{
	height: 11px;
}

.content-box .top-title{
	height: 33px;
}

.content-box .bottom{
	height: 11px;
}


/* blue boxes */

/* blue box backgrounds */
.blue .small {
	background: #c8deec url(../images/content_boxes/blue-box-background-small.jpg) repeat-x left top;
}
.blue .medium {
	background: #c8deec url(../images/content_boxes/blue-box-background-medium.jpg) repeat-x left top;
}
.blue .large {
	background: #c8deec url(../images/content_boxes/blue-box-background-large.jpg) repeat-x left top;
}

/* blue box styles */
.blue .top {
	background: url(../images/content_boxes/blue-box-top-right.gif) no-repeat right top;
}

.blue .top-title {
	background: url(../images/content_boxes/blue-box-top-title-right.gif) no-repeat right top;
}

.blue .middle {
	border-color: #599ccb;
}

.blue .middle-sub-title{
	border-left-color: #599ccb;
	border-right-color: #599ccb;
	border-top-color: #a3c9e3;
	border-bottom-color: #a3c9e3;
	background: url(../images/content_boxes/blue-box-middle-title-right.gif) repeat-x right top;
}

.blue .middle-title{
	border-color: #599ccb;
}

.blue .bottom{
	background: url(../images/content_boxes/blue-box-bottom-right.gif) no-repeat right top;
}

/* orange boxes */

/* orage box backgrounds */
.orange .small {
	background: #f8c06b url(../images/content_boxes/orange-box-background-small.jpg) repeat-x left top;
}
.orange .medium {
	background: #f8c06b url(../images/content_boxes/orange-box-background-medium.jpg) repeat-x left top;
}
.orange .large {
	background: #f8c06b url(../images/content_boxes/orange-box-background-large.jpg) repeat-x left top;
}
/* blue box styles */
.orange .top {
	background: url(../images/content_boxes/orange-box-top-right.gif) no-repeat right top;
}

.orange .top-title {
	background: url(../images/content_boxes/blue-box-top-title-right.gif) no-repeat right top;
}

.orange .middle {
	border-color: #dd6437;
}

.orange .middle-sub-title{
	border-left-color: #dd6437;
	border-right-color: #dd6437;
	border-top-color: #a3c9e3;
	border-bottom-color: #a3c9e3;
	background: url(../images/content_boxes/blue-box-middle-title-right.gif) repeat-x right top;
}

.orange .bottom {
	background: url(../images/content_boxes/orange-box-bottom-right.gif) no-repeat right top;
}
/* light orange boxes */

/* light orage box backgrounds */
.lorange .small {
	background: #f8c06b url(../images/content_boxes/orange-box-background-small.jpg) repeat-x left top;
}
.lorange .medium {
	background: #f8c06b url(../images/content_boxes/orange-box-background-medium.jpg) repeat-x left top;
}
.lorange .large {
	background: #f8c06b url(../images/content_boxes/orange-box-background-large.jpg) repeat-x left top;
}
/* blue box styles */
.lorange .top {
	background: url(../images/content_boxes/lorange-box-top-right.gif) no-repeat right top;
}

.lorange .top-title {
	background: url(../images/content_boxes/lorange-box-top-title-right.gif) no-repeat right top;
}

.lorange .middle {
	border-color: #fcc47a;
}

.lorange .middle-title{
	border-color: #fcc47a;
}

.lorange .middle-sub-title{
	border-left-color: #fcc47a;
	border-right-color: #fcc47a;
	border-top-color: #a3c9e3;
	border-bottom-color: #a3c9e3;
	background: url(../images/content_boxes/lorange-box-middle-title-right.gif) repeat-x right top;
}

.lorange .bottom {
	background: url(../images/content_boxes/lorange-box-bottom-right.gif) no-repeat right top;
}

/* light grey boxes */

/* light grey box backgrounds */
.lgrey .small {
	background: #f1f1f1 url(../images/content_boxes/lgrey-box-background-small.jpg) repeat-x left top;
}
.lgrey .medium {
	background: #f1f1f1 url(../images/content_boxes/lgrey-box-background-medium.jpg) repeat-x left top;
}
.lgrey .large {
	background: #f1f1f1 url(../images/content_boxes/lgrey-box-background-large.jpg) repeat-x left top;
}
/* light grey box styles */
.lgrey .top {
	background: url(../images/content_boxes/lgrey-box-top-right.gif) no-repeat right top;
}

.lgrey .top-title {
	background: url(../images/content_boxes/lgrey-box-top-title-right.gif) no-repeat right top;
}

.lgrey .middle-title {
	border-color: #ccc;
	padding-top: 5px;
}

.middle-sub-title{
	border-left-color: #ccc;
	border-right-color: #ccc;
	border-top-color: #ddd;
	border-bottom-color: #ddd;
	background: url(../images/content_boxes/lgrey-box-middle-title-right.gif) repeat-x right top;
	border-width: 1px;
	border-style: solid;
}

.lgrey .middle {
	border-color: #ccc;
}
.lgrey .bottom {
	background: url(../images/content_boxes/lgrey-box-bottom-right.gif) no-repeat right top;
}

