@charset "utf-8";
/* CSS Document */

/*****************************COMMERCE*****************************************/
/* ADDED BY LYLE ON 06/04/2009 - for PEM Registration commerce step form */
/******************************************************************************/

span.reqStar { font-weight: bold; color: red; }

table.commerce tr td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: black; }
table.commerce tr td.sectionHeader { background-color: #666666; color: white; font-size: 11pt; font-weight: bold; font-style: italic; padding: 10px; }
table.commerce tr td.sectionSubheader { background-color: #999999; color: white; font-size: 10pt; font-weight: bold; font-style: italic; padding: 5px 10px; }
table.commerce tr td input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: black; border: 1px solid #999999; }

table.commerce tr td div.div_ConfirmationInfo
	{
		display: block;
		clear: both;
		float: none;
		border: 0px solid blue;
		margin: 0px;
		padding: 3px 0px 0px 0px;
	}

table.commerce tr td input.confirmationDescription
	{
		font-size: 8pt;
		font-weight: bold;
		height: 20px;
		width: 75%;
		text-align: left;
		float: left;
		margin: 0px 0px 0px 15px;
		padding: 3px;
		border: 0px;
		border-bottom: 1px dotted #cccccc;
	}

table.commerce tr td input.confirmationMoney
	{
		font-size: 8pt;
		font-weight: bold;
		height: 20px;
		width: 15%;
		text-align: right;
		float: left;
		margin: 0px;
		padding: 3px;
		border: 0px;
		border-bottom: 1px dotted #cccccc;
		/*border-left: 1px dotted #ff0000;*/
	}

table.commerce tr td input.confirmationLabel
	{
		font-size: 8pt;
		font-weight: bold;
		height: 20px;
		width: 17%;
		text-align: left;
		float: left;
		margin: 0px 0px 0px 15px;
		padding: 3px;
		border: 0px;
		border-bottom: 1px dotted #cccccc;
	}

table.commerce tr td input.confirmationBadge
	{
		font-size: 8pt;
		font-weight: bold;
		height: 20px;
		width: 73%;
		text-align: left;
		float: left;
		margin: 0px;
		padding: 3px;
		border: 0px;
		border-bottom: 1px dotted #cccccc;
		/*border-left: 1px dotted #ff0000;*/
	}


table.commerce tr td input.confirmationMultiplier
	{
		font-size: 8pt;
		font-weight: bold;
		height: 20px;
		width: 3%;
		text-align: left;
		float: left;
		margin: 0px 0px 0px 15px;
		padding: 3px;
		border: 0px;
		border-bottom: 1px dotted #cccccc;
	}

table.commerce tr td input.confirmationOptionalTicket
	{
		font-size: 8pt;
		font-weight: bold;
		height: 20px;
		width: 72%;
		text-align: left;
		float: left;
		margin: 0px;
		padding: 3px;
		border: 0px;
		border-bottom: 1px dotted #cccccc;
		/*border-left: 1px dotted #ff0000;*/
	}


table.commerce tr td select { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: black; border: 1px solid #999999; }
table.commerce tr td select option { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: black; }

tr.missingStyle td { font-weight: bold !important; color: red !important; }
tr.missingStyle td input { border: 1px solid red !important; }
tr.missingStyle td textarea { border: 1px solid red !important; }
tr.missingStyle td select { border: 1px solid red !important; }
tr.missingStyle td select option { background-color: #ffcccc !important; }

p.missingStyle { font-weight: bold !important; color: red !important; }
p.missingStyle input { border: 1px solid red !important; }
p.missingStyle textarea { border: 1px solid red !important; }
p.missingStyle select { border: 1px solid red !important; }
p.missingStyle select option { background-color: #ffcccc !important; }

/* tr.missingStyle span.reqStar { display: none; } */

div.numberon { color: #ff3333; }
div.numberon a { text-decoration: none !important; color: #ff3333 !important; }
div.numberon a:hover { text-decoration: none !important; color: #ff3333 !important; }

div.numberoff { color: #cccccc; }
div.numberoff a { text-decoration: none !important; color: #cccccc !important; }
div.numberoff a:hover { text-decoration: none !important; color: #cccccc !important; }

.numberon div.circle
	{
		color: #ffffff;
		cursor: hand;
		cursor: pointer;
		background-image: url("../../images/steps_red.gif");
		background-repeat: no-repeat;
		background-position: top center;
		width: 46px;
		height: 46px;
	}

.numberoff div.circle
	{
		cursor: hand;
		cursor: pointer;
		background-image: url("../../images/steps_grey.gif");
		background-repeat: no-repeat;
		background-position: top center;
		width: 46px;
		height: 46px;
	}

table.nocheckborder tr td input { border: 0px !important; }
input.radio { border: 0px !important; }
input.checkbox { border: 0px !important; }

#commerceworksheet
	{
		border: 1px solid black;
		background-color: #eeeeee;
	}

#commerceworksheet td
	{
		font-size: 8pt;
	}

table.ConfirmationTable td
	{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 8pt;
		color: black;
	}


body.newform
	{
		margin: 0px;
		color: #333333;
		background-color: #3433cc;
		padding: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 9pt;
	}

tr.smalltext td
	{
		font-size: 8pt;
	}

.small_text
	{
		font-size: 8pt;
	}

.missingField
	{
		font-weight: bold;
		color: red;
	}

.reqStar
	{
		font-weight: bold;
		color: red;
	}

table#regtable
	{
		background-color: #a4a8ff;
		border: 2px solid #ffde00;
	}

div#paymentinfo
	{
		background-color: #efefef;
		padding: 5px;
		margin: 0px auto;
		border: 1px solid black;
		width: 560px;
	}

.greyBlack
	{
		background-color: #efefef;
		border: 1px solid #333333;
	}

h1.reg
	{
		color: #333399;
		font-size: 14pt;
		font-weight: bold;
		margin: 1ex 0px;
		text-align: center;
	}

h2.reg
	{
		color: #000000;
		font-weight: bold;
		font-size: 12pt;
		margin: 1em 0px;
	}

p
	{
		color: black !important;
	}

p.conference
	{
		font-weight: bold;
		font-size: 12pt;
	}

span.conferenceheader
	{
		color: #900200; font-size: 16pt;
	}

span.conferencedate
	{
		color: #333399;
	}

.indent25
	{
		padding-left: 25px;
	}

div.clearClass
	{
		padding: 0px;
		margin: 0px;
		border: 0px;
		float: none;
		clear: both;
	}

p.p_confirm
	{
		border: 0px solid red;
		padding: 5px;
		margin: 1em 0px 0px 0px;
	}

input.CopyAddressButton
	{
		background-color: #666666 !important;
		color: white !important;
		border: 1px solid black !important;
	}

input.ChangeOptions
	{
		margin: 5px 55px 0px 0px !important;
		float: right !important;
		clear: right !important;
		width: 130px !important;
		padding: 3px !important;
		font-size: 7pt !important;
		background-color: #666666 !important;
		color: white !important;
		border: 1px solid black !important;
	}
input.subtotalfield
	{
		border: 0px !important;
		text-align: right !important;
		font-weight: bold !important;
	}

.confirmationemail
	{
		font-family: Verdana, Arial, Helvetica;
		font-size: 10pt;
	}

.confirmationemail td
	{
		font-family: Verdana, Arial, Helvetica;
		font-size: 10pt;
	}

