/* @group Login */
#logintitle, #loginform {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}
#loginform {
	margin-top: 2em;
	margin-bottom: 5em;
}
#loginform td {
	padding: .3em;
}
#logintitle div h1 {
	text-align: right;
}
#logintitle div.first h1 {
	text-align: left;
}
#loginform div {
	border: 1px solid #CCC;
	width: 380px;
	text-align: center;
	height: 250px;
}
#loginform h3 {
	margin: 1em 0;
}
#loginform td {
	padding: .3em;
}
#loginform p {
	margin-top: 2em;
}
/* @end */
/* @group Listing */
table.listing {
	font-size: 85%;
	margin: 1em 0;
	width: 95%;
}
table.listing th {
	background-color: #999;
}
table.listing .noshow {
	background-color: #EFEFEF;
}
table.listing .highlight {
	background-color: #efde57;
}
table.listing tr.data td, table.listing th {
	padding: .5em;
	text-align: center;
	white-space: nowrap;
	border: 1px solid #DDD;
}
table.listing .tools {
	text-align: right;
	padding: 1em;
}
table.listing td.header {
	text-align: left;
	font-size: 116%;
	color: #0F6BB5;
	font-weight: bold;
}
#serieslisting .data td{
	vertical-align: top;
}
#serieslisting .seriesskus{
	margin: .5em 0 0 3em;
}
/* @end */
/* @group Form */
table.baseform {
	width: 40em;
	margin: 1em auto;
	padding: 0 5px;
	border: 1px solid #CCC;
}
table.baseform th {
	background-color: #0F6BB5;
	text-align: center;
	color: #FFF;
	font-size: 107%;
	font-weight: bold;
}
table.baseform th, table.baseform td {
	padding: .3em;
	vertical-align: top;
}
.formitem {
	white-space: nowrap;
	width: 30em;
	text-align: left;
}
.formitem img,.formitem .inputRequirement {
	vertical-align: top;
}
.inputRequirement {
	color: red;
	margin-left: 2px;
	vertical-align: middle;
}
#bd .formlabel, .formlabel {
	width: 12em;
	vertical-align: top;
	text-align: right;
	font-size: 93%;
	font-weight: bold;
	color: #666;
	white-space: nowrap;
}
.inlinelabel {
	font-weight: bold;
	font-size: 93%;
	padding: 0 2px;
	color: #666;
}
.formelement {
	font-size: 85%;
}
.formmessage,.invalid {
	color: #F00;
	text-align: center;
	font-weight: bold;
}
.baseform textarea {
	height: 5em;
	width: 20em;
}
.baseform textarea.longtext {
	height: 10em;
	width: 25em;
}
.smallnote {
	font-size: 85%;
}
input {
	padding: .1em .2em;
}
.formFieldFocus {
	font-size: 85%;
	color: #000000;
	text-align: left;
	background-color: #ffffff;
}
.baseform .formcontrols td {
	padding: 1em 0;
	text-align: left;
}
/* @end */
/* @group Order */
#receipt {
	width: 50em;
	margin: 1em auto;
}
#ordersummary {
	width: 50em;
	border: 1px solid #000;
	color: #624a84;
	line-height: 1.5em;
}
#ordersummary th {
	text-align: left;
	background-color: #FFF;
	border: 0;
	border-bottom: 1px solid #000;
}
#ordersummary th.money, #ordersummary td.money {
	text-align: right;
}
#ordersummary td.centered {
	text-align: center;
}
#ordersummary th, #ordersummary td {
	padding: .3em .5em;
	vertical-align: top;
}
#ordersummary #subtotal {
	border-top: 1px solid #CCC;
	font-weight: bold;
}
#ordersummary .totalrow td {
	font-weight: bold;
}
#messagebox {
	width: 40em;
}
#messagebox td {
	padding: 2em;
}
/* @end */
/* @group Reserve */
#reservePrograms td{
	vertical-align: top;
	padding: .5em;
}
/* @end */

/* @group Pager */
.pager {
	text-align: right;
	font-size: 85%;
	padding: .2em 0;
}
.pagerhighlight {
	color: #666;
	font-weight: bold;
	font-size: 108%;
}
.pager a {
	white-space: nowrap;
}
/* @end */
/* @group Base Styles */
.clear {
	clear: both;
}
.right, td.right{
	text-align: right;
}
.center, td.center {
	text-align: center;
}
.left, td.left{
	text-align: left;
}
.message {
	margin: 1em auto;
	border: 1px solid #999;
	background-color: #f0f0e6;
	width: 95%;
	color: #000;
	padding: .4em;
	text-align: center;
	line-height: 1.5em;
}
.nowrap{
	white-space: nowrap;
}
/* @end */
table.cfdebug {
	margin-top: 50%;
}
table.cfdebug table {
	margin-top: 0;
}