/*
| Registration Stylesheet
*/

/* Reg Steps */
#reg-steps {
	margin-bottom: 2em;
}

#reg-steps ul {
	overflow: hidden;
}

#reg-steps li {
	display: inline-block;

}

#reg-steps a {
	position: relative;
	display: block;
	padding: .5em 1.2em .5em 2.6em;
	background-color: #f3e6d1;
	font-family: Franklin, Arial, Helvetica, sans-serif;
	font-size: 13.5pt;
	color: #3f1e17;
}

#reg-steps a.current,
#reg-steps li a.completed {
	background-color: #922748;
	background-image: -moz-linear-gradient(to bottom, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	background-image: -webkit-linear-gradient(to bottom, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	background-image: -o-linear-gradient(to bottom, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	background-image: -ms-linear-gradient(to bottom, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	background-image: linear-gradient(to bottom, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#922748', endColorstr='#871c3d');
	color: #ffffff;
}

#reg-steps a::after {
	content: ' ';
	position: absolute;
	z-index: 2;
	height: 32px;
	width: 32px;
	right: -17px;
	top: 50%;
	margin-top: -16px;
	background-color: #f3e6d1;
	box-shadow: 3px -3px 0 #FEFAEF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
}

#reg-steps ul li:last-child a:after {
	display: none;
}

#reg-steps a.current:after, 
#reg-steps a.completed:after {
	background-color: #922748;
	background-image: -moz-linear-gradient(to bottom right, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	background-image: -webkit-linear-gradient(to bottom right, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	background-image: -o-linear-gradient(to bottom right, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	background-image: -ms-linear-gradient(to bottom right, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	background-image: linear-gradient(to bottom right, #922748 0%,#922748 50%,#871c3d 50%,#871c3d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#922748', endColorstr='#871c3d');
}

/** Specific fields - registration form **/
#register-forms form {
	margin:0 0 2em;
}
#register-forms header h2 {
	position:relative;
	font-size:14pt;
	font-style:normal;
	display:block;
	margin:0 -1em -1em;
}
#register-forms header h2:before,
#register-forms header h2:after {
	content:' ';
	position:absolute;
	width:0;
	height:0;
	top:100%;
	border-bottom:none;
	border-top:7px solid #871C3D;
}
#register-forms header h2:before {
	border-left:1em solid transparent;
	left:0;
}
#register-forms header h2:after {
	border-right:1em solid transparent;
	right:0;
	left:auto;
}
#register-forms header a {
	color:inherit;
	display:block;
	text-align:left;
	position:relative;
}
#register-forms header a:after {
	content:' ';
	position:absolute;
	right:0;
	top:50%;
	margin-top:-6px;
	border-top:11px solid #3f1e17;
	border-left:12px solid transparent;
	border-right:12px solid transparent;
}
#register-forms header a small {
	float:right;
	margin-right:2.5em;
	font-size:10pt;
	line-height:1.7;
	font-weight:normal;
	font-style:italic;
}

#register-forms .open header a:after {
	border-top:none;
	border-bottom:11px solid #fff;
	right:1em;
}

#register-forms .closed header {
	margin-bottom:2em;
}
#register-forms .closed header h2 {
	margin-left:0;
	margin-right:0;
	background:transparent url('../images/site/bg-design.jpg') repeat center top;
	color:#3f1e17;
	box-shadow:inset 0 0 60px rgba(236,218,191,0.3);
}
#register-forms .closed header h2:before,
#register-forms .closed header h2:after {
	display:none;
}
#register-forms .closed fieldset {
	display:none;
}

#register-forms .closed.new header a:after {
	content:'+';
	border:none;
	height:1em;
	width:1em;
	text-align:center;
	line-height:1em;
	font-size:20pt;
	color:#f9f1e0;
	background:#3f1e17;
	border-radius:100%;
	top:0.2em;
}

#register-forms .open.new .button.del {
	display: none;
}

#register-forms li {
	margin-right:1.5em;
}

#register-forms input[id^="register-email"] {
	width:21em;
}
#register-forms input[id^="register-email"]+small,
#register-forms input[id^="register-email"]+small+small,
#register-forms input[id^="register-email"]+small+small+small {
	display:inline-block;
	vertical-align:middle;
	width:23em;
	margin-left:1em;
}
#register-forms input[id^="register-first-name"],
#register-forms input[id^="register-last-name"],
#register-forms input[id^="register-role"] {
	width:13.3em;
}
#register-forms input[id^="register-address-"] {
	width:44em;
}
#register-forms input[id^="register-address2"] {
	width:22em;
}
#register-forms input[id^="register-city"] {
	width:20.5em;
}
#register-forms select[id^="register-state"] {
	width:14em;
}
#register-forms input[id^="register-zip"] {
	width:8em;
}
#register-forms input[id^="register-promo-code"] {
	width: 23em;
}
#register-forms input[id^="register-promo-code"]+small,
#register-forms input[id^="register-promo-code"]+small+small {
	display: none;
	vertical-align:middle;
	width:22em;
	margin-left:1em;
}

#register-forms input[id^="register-promo-code"] + .promo-code-valid {
	color: darkgreen;
	font-weight: bold;
}

#register-forms select.register-role, 
#register-forms select.register-role-2,
#register-forms .exhibit-options select,
#register-forms .exhibit-addons select {
	width: 20em;
}

#register-forms .exhibit-options {
	visibility: hidden;
}

#register-forms .exhibit-addons {
	display: none;
}

#register-forms .exhibit-addons ul {
	margin-left: 2em;
	list-style-type: none;
}

#register-forms .going-conf-opt:before {
	display: block;
	content: ' ';

}

/** Registration list (sidebar) **/
#registrant-list {
	background:#3f1e17;
	padding-bottom:1em;
}
#registrant-list h3 {
	font:italic normal 15pt/1.3 Franklin,Arial,Helvetica,sans-serif;
	color:#fff;
	padding:0.4em 1em;
	margin:0;
}
#registrant-list h3 a {
	color: #fff;
}
#registrant-list h3:before {
	content:url('../images/icons/people.png');
	vertical-align:middle;
	margin-right:0.4em;
}
#registrant-list h3 .top-price {
	display: none;
	float: right;
}
#registrant-list ol {
	list-style:none;
	margin:0;
	padding:0;
}
#registrant-list li {
	margin:0;
	position:relative;
}
#registrant-list li:after {
	content:' ';
	display:block;
	width:90%;
	height:2px;
	margin:0 auto;
	background:transparent url('../images/site/dot.png') repeat-x center center;
}
#registrant-list li a,
#registrant-list li span {
	display:block;
	padding:0.4em 2em 0.4em 1.2em;
	color:#fff;
	font-weight:normal;
}
#registrant-list li a:hover {
	background:#48271f;
	position:relative;
}
#registrant-list li a:hover:after {
	content:' ';
	position:absolute;
	border-left:8px solid #fff;
	border-top:9px solid transparent;
	border-bottom:9px solid transparent;
	margin-top:-9px;
	right:1.4em;
	top:50%;
}

#registrant-list li .indiv-price {
	float: right;
}

#registrant-list .reg-price {
	color: #FFF;
	display: block;
	text-align: center;
	margin-top: 1em;
	font-size: 12pt;
}

#registrant-list .hide-price {
	display: none;
}

/* Compact View */
#registrant-list.compact-view {
	position: absolute;
	top: 3.5em;
	right: .95em;
	width: 430px;
}

#registrant-list.compact-view.closed {
	padding-bottom: 0;
}

#registrant-list.compact-view.closed h3 .top-price {
	display: inline;
}

#registrant-list.compact-view.closed ol {
	dipslay: none;
}

#registrant-list.compact-view.closed ol,
#registrant-list.compact-view.closed .reg-price {
	display: none;
}

/**********************************************************************
Registration Billing page */
#page-reg-billing {
	position: relative;
}

#page-reg-billing form li {
	display: block;
	max-width: none;
}

#page-reg-billing form.billing .col {
	width: 45%;
}

#page-reg-billing form.billing li.billing-name {
	display: inline-block;
	margin-right: 0;
}

#page-reg-billing form.billing li.billing-name input {
	width: 14.8em;
}

/* Credit card validation */
#page-reg-billing #card_number.valid {
	background-color:#afa;
}
#page-reg-billing #card_number.invalid {
	background-color:#faa;
}

#page-reg-billing .credit-cards img {
	opacity: .2;
}

#page-reg-billing .credit-cards img.sel {
	opacity: 1;
}

#page-reg-billing input[name="payment[card_cvv2]"] {
	width: 5em;
}

#page-reg-billing select[name="payment[expire_month]"], 
#page-reg-billing select[name="payment[expire_year]"] {
	width: 8em;
}

#page-reg-billing .error-msg {
	font-weight: bold;
	color: red;
	font-size: 13pt;
}

/**********************************************************************
Registration Overview page */

#page-reg-overview h2 {
	font:italic bold 20pt/1.3 Franklin,Arial,Helvetica,sans-serif;
	color:#871C3D;
}
#page-reg-overview h3 {
	font-size:18pt;
	font-style:italic;
}
#page-reg-overview h3:after {
	content:'............................................................';
	color:#d9d0c5;
	font:16pt/1 'Times New Roman',Times,serif;
	letter-spacing:0.2em;
	vertical-align:text-top;
	margin-left:0.4em;
}

#page-reg-overview .col {
	width:46%;
}
#page-reg-overview .col+.col {
	margin-left:6%;
}
#page-reg-overview .col h3 {
	overflow:hidden;
	white-space:nowrap;
}


/* Edit icons */
#page-reg-overview .box .edit {
	position:absolute;
	right:1.5em;
	bottom:1.5em;
	padding:0.2em 1em;
	font:italic normal 8.5pt/1.2 Franklin,Arial,Helvetica,sans-serif;
	color:inherit;
	text-align:right;
	background:#f3ecdc;
}
#page-reg-overview .edit:before {
	content:url('../images/icons/pencil.png');
	display:block;
	margin-left:auto;
}
#page-reg-overview #registrant-info .edit {
	right:0.5em;
	bottom:1em;
}



/* List of registrants */
#registrant-info {
	list-style:none;
	margin:1em 0;
	padding:0;
}
#registrant-info>li {
	display:inline-block;
	vertical-align:top;
	position:relative;
	margin:0 3% 0.4em 0;
	width:30%;
}

/** Receipt/thank-you page tweaks **/

#page-reg-overview .submit-registration-msg {
	font-size: 13pt;
}

#page-reg-overview.receipt {
	padding-bottom:3.5em;
}
#page-reg-overview.receipt #registrant-info section {
	visibility:visible;
	opacity:1;
	display:block;
	position:static;
	margin:0 0 1em;
}
#page-reg-overview.receipt .edit {
	display:none;
}
#page-reg-overview.receipt .registrant-info-header a:after {
	display:none;
}

#page-reg-overview .table-reg-info {
	width: 100%;
}

#page-reg-overview .table-reg-info tr td {
	text-align: right;
}

#page-reg-overview .table-reg-info tr td:first-child {
	text-align: left;
}

#page-reg-overview .button.submit-registration {
	font-size: 14pt;
	font-weight: bold;
}

#page-reg-registrants .exhibit-people{
	display:none;
}