/* CSS Document */
#MainPanel {
	position: relative;
	margin: 0 auto;
	width: 600px;
	text-align: left;
	border: 2px solid #003366;
}
				
/*-------- Default Style --------*/
*{font: 11px/1.5}
body,th,td,div,p,table,h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover, input, .CommandButton{color: #6e6f73; font: 12px/1.5 Arial, FreeSans, Verdana, Helvetica, 'Liberation Sans', sans-serif;}
/*body,th,td,div,p,table,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}*/
h1, h2, h3{color:#336699 !important;}
h4{color:#5588bb !important;}
h3, h4, h5, h6{font-weight:bold !important;}
h1, h1 input, h2{font-weight:normal}
/*h1, h2, h1 input{font-size:14px;margin:10px 0;}*/
/*h3, h4{font-size:12px;margin:8px 0;}*/
/*h5, h6{font-size:10px;margin:6px 0;}*/
h1, h1 input {
	font-size: 150% !important; /*24px;*/
	line-height: 1em;
}

/* .lower will be placed on the headers of the second and following modules in the ContentPane */
h2 {
	font-size: 128% !important; /*18px;*/
	line-height: 1em;
}

#regDetailSidebar h2 
{
    margin-top: 0;
    margin-bottom: 6px;
}

h3 {
	font-size: 110%; /*16px !important;*/
	line-height: 1em;
}

h4 {
	font-size: 1em; /*1em;*/
	line-height: 1em;
}

h5 {
	font-size: 1em;
	font-style: italic;
	line-height: 1em;
}

h6 {
	font-size: 1em;
	font-style: italic;
	line-height: 1em;
}

.tabAndHeader #lblFormHeader 
{
    font-weight: bold;
}

tr.header			{
				background-color: #003366; /*#C38859;*/
				color: #FFFFFF;
				font-weight: bold;
				}
				
tr.odd			{
				background-color: #E9E9E9;
				}
				
tr.even			{
				background-color: #FFFFFF; /*#F5E1C9;*/
				}


/* increase height for select. */
select {
	height: 20px;
	font-size: 10px;
}


table {
 table-layout: fixed;
 margin-top: 0;
 margin-bottom: 0.5em;
}

table.regTable tr td {
	vertical-align: top;
}

table.regTable tr td table.tabBar tr.sectionTab td {
	height: 20px;
	text-align: center;
	vertical-align: middle;
	color: #336699;
	background-color: #84B7E3;
}

table.regTable tr td table.tabBar tr.sectionTab td.activeTab {
	color: #000000;
	background-color: #FFFFFF;
}

table.regTable tr td.divider, 
table.regTable tr td table.tabBar tr.sectionTab td.divider, 
table.evtSummary tr th.headerCell, 
table.evtSummary tr.headerRow {
	background-color: #003366;
}

table.evtSummary tr.headerRow th {
	border-top: 1px solid #50341D;
	border-bottom: 1px solid #50341D;
}

/* override the headerrow attributes from above */
table.evtSummary tr.headerRow,
table.evtSummary tr.headerRow th {
	background-color: #84B7E4;
	border-top: 2px solid #50341D;
	border-bottom: 1px solid #50341D;
	text-align: left;
}

table.evtSummary tr th.subHeaderCell,
table.evtSummary tr.subHeaderRow, 
span.subHeaderRow {
	background-color: #C9C9C9;
}

table.evtSummary tr.subHeaderRow td,
table.evtSummary tr.subHeaderRow th {
	border-bottom: 1px solid #C9C9C9;
}

table.evtSummary tr th.headerCell,
table.evtSummary tr th.subHeaderCell, 
table.evtSummary tr td.headerCell,
table.evtSummary tr td.subHeaderCell {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	white-space: nowrap;
}

table.evtSummary tr.altRow, 
span.altRow {
	background-color: #C9C9C9;
}

table.evtSummary tr.questionRow td {
	border-bottom: 1px solid #C9C9C9;
}

table.evtSummary tr.questionRow td.noBottomBorder {
	border-bottom: 0px solid transparent !important;
}

table.evtSummary tr.questionRow td table tr td {
	border-bottom: none;
}

td.addCellMargins {
	margin: 0;
	padding: 0 17px 0 17px;
}

table.itemList {
	width: 564px; /*550px;*/
}

table.itemList tr {
	padding: 3px;
}

table.itemList tr td.priceCell {
	width: 100px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

div#eventDescription table.itemList tr td, 
div#eventDescription table.itemList tr th {
	text-align: left !important;
	vertical-align: top !important;
}

h1.formHeader1 {
	color: #84B7E3;
	margin: 0;
	padding: 0.5em 0 0.5em 0;
}

div#eventDescription {
	position: relative;
	top: 0;
	left: 0;
	margin: 1em 0;
	background-color: white;
}

/* Event Form Styles */
.formContent {
	width: 531px;
}

form div.fieldDiv {
	display: block;
	width: 100%; /*550px;*/
}

div.fieldDiv div.fm-optional {
	display : block; /* Default display option for optional divs */
}

form.remove div.fieldDiv div.fm-optional {
	display: none;
}

div.fieldDiv div {
	margin : 0;
	padding : 0;
}

fieldset {
	padding: 6px;
}

div.fieldDiv div input.textbox, 
div.fieldDiv div textarea, 
div.fieldDiv fieldset input.textbox, 
div.fieldDiv fieldset textarea {
	width: 150px;
	height: 16px;
	border : 1px solid #7F9DB9;
	padding : 1px;
	margin: 0;
	background-color: white;
}

div.fieldDiv fieldset {
	margin-bottom: 9px;
}

div.fieldDiv fieldset legend {
	font-size: 1em; /*12px;*/
	font-weight: bold;
	margin-bottom: 9px;
}

div.fieldDiv div.floatLeftWithSpacer select {
	position: relative;
	width: 154px;
	background-color: white;
}

/* This rule was moved above the next few as a test to fix overflowing text. */
div.floatLeftWithSpacer, 
div.fieldDiv div.choiceList {
	margin-bottom: 18px !important;
	background-color: transparent;
}

div.fieldDiv div.twoColumn select, 
div.fieldDiv div.twoColumn span.label, 
div.fieldDiv div.twoColumn {
	display: block;
	width: 329px !important;
	background-color: transparent;
	text-align: left;
}

div.fieldDiv div.threeColumn select, 
div.fieldDiv div.threeColumn span.label, 
div.fieldDiv div.threeColumn {
	width: 502px !important;
	background-color: transparent;
	text-align: left;
}

div.fieldDiv .defaultWidth {
	width: 154px !important;
}

.fm-optional input.textbox {
	border : 1px solid #ccc;  /* Give optional fields a grey border */
	border-style: solid;
}

div.fieldDiv div.choiceList table.listItemControl {
	display: block;
	width: auto; /* Must be 'auto' to keep the width at a minimum. */
	padding: 2px 0 0 0;
	/*margin: -3px 0 -2px -6px;*/
	margin: 0 0 -2px -6px;
	background-color: white;
}

div.fieldDiv div.choiceList table.listItemControl tr td {
	background-color: white;
}

div.fieldDiv div.choiceList table.listItemControl tr td label, 
div.fieldDiv div.choiceList table.listItemControl tr td span {
	display: inline !important; 
	color: #000;
}

div.fieldDiv div.choiceList table.listItemControl tr td input {
	display: inline !important;
	border: none;
	/*margin: 0 0 -2px -2px;*/
}

.clearLeft {
	clear: left;
}

.clearBoth {
	clear: both;
}

label, span.label {
	font-size: 10px;
	color: #666;
	background-color: transparent;
}

.radioButton label, 
.radio label, 
.choiceList .radio label,
.choiceList span, 
.floatLeftWithSpacer span {
	font-size: 10px !important;
	color: #666;
}

.fieldDiv .questionText,
.questionText table tr td,
.fieldDiv p.questionText {
	font-size: 10px; /*1em;*/
	color: #8E7A57;
	font-style: normal;
	white-space: normal;
	padding-bottom: 24px;
}

.fieldDiv div.twoColumn,
.fieldDiv span.twoColumn {
	width: 333px;
	padding-right: 0;
}

.fieldDiv div.twoColumn textarea, 
.fieldDiv div.twoColumn input.textbox {
	width: 326px !important;
}

.fieldDiv div.threeColumn, 
.fieldDiv span.threeColumn {
	width: 507px;
	padding-right: 0;
}

.fieldDiv div.threeColumn textarea,
.fieldDiv div.threeColumn input.textbox {
	width: 500px !important;
	/*background-color: yellow;*/
}

.fieldDiv div.twoColumn textarea, 
.fieldDiv div.threeColumn textarea, 
select.multiple {
	height: 72px;
}

.fieldDiv div table.listItemControl label, 
.fieldDiv div table.listItemControl span.label {
	display: inline;
	float: right;
	position: relative;
	top: 3px;
}

.reverse, .reverse a {
	color: #FFFFFF;
}

.padLeft {
	padding-left: 12px;
}

/*
div#eventDescription h2 {
	position: relative;
	top: 0;
	left: 0;
	width: 200px;
}
*/

div#eventDescription table#regDetailSidebar {
	font-size: 0.9em;
	float: right;
	padding: 5px;
	/*width: 188px !important;*/
	margin: 0 0 0 15px;
	background-color: #84B7E3;
}

/*
div#eventDescription table#regDetailSidebar tr td {
	padding: 9px;
}
*/

div#eventDescription table#regDetailSidebar tr td img {
	display: block;
	border: 1px solid #FFF;
	margin-bottom: 6px;
}

/*
div#eventDescription table#regDetailSidebar tr td h2 {
	width: 176px;
}
*/

div#eventDescription div#descriptionSection, 
div#eventDescription div#pricingSection {
	clear: both;
	margin-bottom: 18px;
}

table#scheduleDetail {
	font-size: 0.9em;
	width: 99%; /*344px;*/ /*362px;*/ 
	border-style: solid none; 
	border-collapse: collapse;
	border-width: 1px 0; 
	border-color: #000;
    empty-cells: hide;
}

table#scheduleDetail tr td * {
    /*display: block;
    margin-right: 9px;
    margin-left: 9px;*/
}

table#scheduleDetail tr td div.sessionDetail {
    margin-left: 12px;
}

.tinyType {
	font-size: 9px;
}

.boilerplate {
	font-size: 9px;
	color: gray;
}

.alert {
	color: #FF0000;
}

.fieldIcon {
	position: relative;
	top: 3px;
}

.arrowIcon {
	width: 9px;
	height: 7px;
}

.warning { color: #F00; font-weight: bold; }

.formButton {
	width: 100px; 
	height: 24px; 
	margin-right: 3px;
	margin-left: 3px;
	font: 8pt Tahoma, Geneva, Arial, Helvetica, sans-serif
}

.formButtonX2 {
	width: 144px; 
}

.strongText {
	font-weight: bold;
}

.fixedWidth {
	font-size: 10px;
	color: #999;
}

#LinksPanel, .LinksPanel {
	margin: 9px 0 12px 0 !important;
	padding: 3px !important;
}

#LinksPanel a, .LinksPanel a {
	text-decoration: none !important;
}

#event .event, 
#sessions .sessions, 
#adjustments .adjustments, 
#prices .prices, 
#questions .questions {
	padding: 3px;
	background-color: #E9E9E9; /*#F5E1C9;*/
	text-decoration: none;
}

#detail .detail, 
#registrantinfo .registrantinfo, 
#eventinfo .eventinfo, 
#confirmation .confirmation, 
#fullfillment .fullfillment {
	color: #000000;
	background-color: #E9E9E9;
}

.tabAndHeader {
	background-color: #E9E9E9;}

a {
	font-weight: normal !important;
}

.floatLeftWithSpacer {
	padding: 0;
}

span.questionMark {
	position: relative;
	top: 3px;
	border: 0;
	margin: 0;
	padding: 0;
	width: 7px;
	height: 10px;
	background-image: url("/images/icons/questionMark_blue.gif");
	background-position: right top;
	background-repeat: no-repeat;
	text-decoration: none;
}

span.clear label, label.clear {
	background-color: transparent;
}

.fieldDiv .floatLeftWithSpacer a {
	display: inline;
	margin: 0;
	padding: 0;
}

div.floatLeftWithSpacer select,
div.floatLeftWithSpacer .textbox {
	border: 1px solid #7F9DB9;
	/*position: relative;
	top: 2px;*/
}

input.formTextBox {
	height: 16px;
}

/* THE FOLLOWING IS TAKEN IN PART FROM A TUTORIAL ON http://www.knusperpixel.com/playground/more-more-links.php */
/* It turns the descriptive text on the field labels to a pop-up text box. */
/* Here comes the fancy part */
.fieldDiv .floatLeftWithSpacer a span.questionText
{
	/*
	Use 'position:absolute' to push the span inside the anchor
	way off the screen
	*/
	position: 		absolute;
	left: 			-9999px;
	width: 			900px;
}

span.answerRequired, 
.answerRequired {
	color: #981A29;
}

.fieldDiv .floatLeftWithSpacer a:hover span.questionText:before,
.fieldDiv .floatLeftWithSpacer a:focus span.questionText:before,
.fieldDiv .floatLeftWithSpacer a:active span.questionText:before
{
	/*
	IE doesn't show this - but others do.
	*/
	content:		"";
}

label, span.label {
	background-color: transparent;
	display: block;
	float: left;
	margin-right: 6px;
	text-align: right;
	width: 166px;
}

span.label span.label {
	width: auto;
	
}

#tblFormFields label, #tblFormFields span.label {
	text-align: left;
	display: inline;
	float: none;
}

table.listItemControl label {
	width: auto;
}

div.floatLeftWithSpacer, 
div.fieldDiv div.choiceList {
	background-color: white;
}

div.fieldDiv div.choiceList table.listItemControl {
	background-color: white;
}

div.fieldDiv div.choiceList table.listItemControl tr td input {
	background-color: white;
}

.twoColumn { background-color: white !important; }

.threeColumn .label, 
.twoColumn .label {
	margin-bottom: 3px;
}

.tooltip {
	display:none;
	border: 1px solid Black;
	text-align: left;
	background-color: White;
	padding: 9px;
	/*background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;*/
}

/* override the arrow image of the tooltip */
.tooltip.bottom {
	background:url(/registration/images/black_arrow_bottom.png);
	padding-top:40px;
	height:55px;
}

.tooltip.bottom {
	background:url(/tools/img/tooltip/black_arrow_bottom.png);
}




/*Modal Popup*/

.modalBackground {
	background-color: Gray;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.modalPopup 
{
    text-align: left;
	background-color: #fefefe;
	border-width: 1px;
	border-style: solid;
	border-color: Gray;
	padding: 9px;
	width: 620px;
	padding: 12px;
}

.displayNone 
{
    display: none;
}

.totalRow, .totalRow th, totalRow td 
{
    background-color: #000000; 
    font-weight: bold; 
    color: #fff; 
    border-top: 4px #000000 solid; 
    border-bottom: 2px #000000 solid;
}