@import url("../Web+Defaults/Stylesheet");
/* I made these 99% wide since they caused IE to add a couple pixels of width to the whole thing
     for some reason */
p.orderInfo { font-style: italic; width: 99% }
p.paymentInfo { font-weight: bold; width: 99% }
#billingInformation {
	clear: left;
	color: black;
}
#RegType_Name { margin-bottom: 0.5em }
#RegType_Row input { float: left }
#RegType_Row div.eventInfo { margin-bottom: 0 }
.questionRow {
	clear: left;
	margin: 0 7%;
	border-top: 1px solid #ccc;
	padding: 5px 0;
}
#DiscountCode_Row, #BillingPhoneNumber_Row, #Password_Row { border-bottom: 1px solid #ccc }
#LearnAbout_Row { margin-top: 2em }
.evalQuestion {
	text-align: right;
	padding-right: 5px;
	padding-top: 3px;
	width: 30%;
	float: left;
}
.requiredField .evalQuestion, #RegType_Name, #LearnAbout_Name { font-weight: bold }
#CCType_Name { height: 4em }
#Cost_Row { margin-bottom: 2em; font-weight: bold }
#Cost_Field { font-size: 120% }
/*input, select { width: 18em }*/
#CCExpMonth_Row select, #CCExpYear_Row select { width: 17em }
#CCType_Row input, #LearnAbout_Row select, #SameAsAbove_Row input, #submitButton, #RegType_Row input, #recalcCost, #Registration_Size_Row input, #WithCD_Row input, #EventSet_Row input { width: auto }
.expLabel {
	display: block;
	float: left;
	width: 1.5em;
	padding-top: 3px;
}
.expLabel, #SameAsAbove_Row .field { font-weight: bold; color: rgb(153, 0, 0) }
input, select { font-weight: normal; color: black }
.errorMessage { color: red; font-weight: bold; background-color: white }
#submitButton { margin-top: 2em }


.field { margin-left: 200px }