html, body { padding: 0; margin: 0; }

/* STANDARD ESHOW ELEMENTS */

.pageTitle { 
}

.fonttitle	{ font-family: Arial, Helvetica, sans-serif; color: #574b7b; font-size: 16px; font-weight: bold; text-decoration: none; }
.fonttitle2 { font-family: Arial, Helvetica, sans-serif; color: #ec510e; font-size: 16px; font-weight: bold; text-decoration: none; }
.fonttitle3 { font-family: Arial, Helvetica, sans-serif; color: #f89321; font-size: 16px; font-weight: bold; text-decoration: none; }
.whitetitle { font-family: Arial, Helvetica, sans-serif; color: #fff; font-size: 16px; font-weight: bold; text-decoration: none; }

.color1 		{ color: #574b7b; }
.color2 		{ color: #ec510e; }
.color3 		{ color: #f89321; }
.colorb		{ color: #000; }
.colorr		{ color: #c00; }
.colorw		{ color: #fff; }

.bgcolor1	{ background-color: #574b7b; color: #fff !important; }
.bgcolor2	{ background-color: #ec510e; color: #fff !important; }
.bgcolor3	{ background-color: #f89321; color: #fff !important; }
.bgcolorw	{ background-color: #fff; color: #333 !important; }

.bgcolor1 > a:link,
.bgcolor1 > a:visited, 
.bgcolor1 > a:active, 
.bgcolor1 > a:hover { color: #fff; }

.bgcolor2 > a:link,
.bgcolor2 > a:visited, 
.bgcolor2 > a:active, 
.bgcolor2 > a:hover { color: #fff; }

.bgcolor3 > a:link,
.bgcolor3 > a:visited, 
.bgcolor3 > a:active,
.bgcolor3 > a:hover { color: #fff; }

.bdcolor1	{ border-color: #574b7b; }
.bdcolor2	{ border-color: #ec510e; }
.bdcolor3	{ border-color: #f89321; }

/*
.lightbg		{ background-color: #829ecc; color: #fff; }
.lightbg1	{ background-color: #d6e1ea; color: #333; }
.lightbg2	{ background-color: #ecd9d8; color: #333; }
.lightbg3	{ background-color: #e1e2d7; color: #333; }
*/

.lightbg,
.lightbg1,
.lightbg2 { background-color: #fff; color: #333; }

.lightbg3 { background-color: #f0f0f0; color: #333; }

.cellGrad	{ color: #333; background-color: #fff;  font-weight: bold; }
.cellReq		{ color: #f00; background-color: #fff; font-weight: bold; }
.cellView	{ color: #333; }

/* this is because sometimes client stylesheets add margins to IMG, thus breaking the form tab header and service center login box */
table#formTab img,
#c1tl img,
#c1tr img,
#c1bl img,
#c1br img {
margin: 0;
}

table.bgcolor1 tr.lightbg1 td { background-color: #574b7b; }

/* this is to give a bg color to form questions */
td.cellReq[height="25"],
td.cellGrad[height="25"] {
background-color: #f5f6f1;
padding:5px;
}

.size1	{ font-size: 10px; }
.size11	{ font-size: 11px; }
.size2b { font-weight: bold; font-size: 14px; }
.size3b { font-weight: bold; font-size: 16px; }
.size4b { font-weight: bold; font-size: 18px; }
.size5b { font-weight: bold; font-size: 20px; }

input.search { font-family: Arial, Helvetica, sans-serif; line-height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #067b50; }
input.clear { font-family: Arial, Helvetica, sans-serif; line-height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #84a36a; }
input.submit { font-family: Arial, Helvetica, sans-serif; line-height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #8AA0AF; }

input.login { font-family: Arial, Helvetica, sans-serif; height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #067b50; }
input.logout { font-family: Arial, Helvetica, sans-serif; height: 22px; font-size: 14px; font-weight: bold; color: #fff; background-color: #8AA0AF; }

/* NAVIGATION */

.nav {
text-align: center;
border-bottom: 1px dotted #7f7f7f;
margin: 8px 0;
padding-bottom: 5px;
font-size: 9pt;
font-weight: bold;
}

.subnav {
text-align: center;
border-bottom: 1px dotted #7f7f7f;
padding: 10px 0;
font-size: 8pt;
}

/*

a.nv:link, a.nv:visited {
text-decoration: none;
color: #7f7f7f;
}

a.nv:active, a.nv:hover, a.nv2 {
text-decoration: underline;
color: #00b6f1; 
}

a.ny:link, a.ny:visited {
text-decoration: none;
color: #7f7f7f;
}

a.ny:active, a.ny:hover, a.ny2 {
text-decoration: underline;
color: #00b6f1; 
}
*/

/* SPONSOR MODULE */

.sponsorListing { text-align: center; }
.sponsorTitle { border-top: 1px dotted #666; padding: 10px; margin-top: 10px; }
.sponsorLogo { margin: 12px 16px; }

/* FORMS */

.address { font-weight: bold; color: #000; text-align: right; }
.address_req { font-weight: bold; color: #f00; text-align: right; }
.question { padding: 3px; background-color: #f89321; font-weight: bold; color: #fff; }
.question_req { padding: 3px; background-color: #f00; font-weight: bold; color: #fff; }

#speaker_wrapper {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* wheelchair icon bg */
td.cellGrad[align="right"] {
background-color: #fff;
}

/* these are necessary because .cellGrad has a background color which we don't want to appear when used in ADDRESSBLOCK */
#TRsalutation_a1 .cellGrad,
#TRfirst_name_a1 .cellGrad,
#TRmiddle_name_a1 .cellGrad,
#TRlast_name_a1 .cellGrad,
#TRbadge_name_a1 .cellGrad,
#TRtitle_a1 .cellGrad,
#TRemail_a1 .cellGrad,
#TRcompany_name_a1 .cellGrad,
#TRcompany_name_a2 .cellGrad,
#TRaddress1_a1 .cellGrad,
#TRaddress1_a2 .cellGrad,
#TRaddress2_a1 .cellGrad,
#TRcity_a1 .cellGrad,
#TRstate_a1 .cellGrad,
#TRzip_code_a1 .cellGrad,
#TRcountry_a1 .cellGrad,
#TRcity_a2 .cellGrad,
#TRstate_a2 .cellGrad,
#TRzip_code_a2 .cellGrad,
#TRcountry_a2 .cellGrad,
#TRphone_a2 .cellGrad,
#TRwork_phone_a1 .cellGrad,
#TRphone_ext_a1 .cellGrad,
#TRfax_a1 .cellGrad,
#TRshort_name_a2 .cellGrad,
#TRaddress1_bill .cellGrad,
#TRcity_bill .cellGrad,
#TRstate_bill .cellGrad,
#TRzip_code_bill .cellGrad,
#TRcountry_bill .cellGrad  { background-color: #fff; color: #333; }

/* these are necessary because .cellReq has a background color which we don't want to appear when used in ADDRESSBLOCK */
#TRsalutation_a1 .cellReq,
#TRfirst_name_a1 .cellReq,
#TRmiddle_name_a1 .cellReq,
#TRlast_name_a1 .cellReq,
#TRbadge_name_a1 .cellReq,
#TRtitle_a1 .cellReq,
#TRemail_a1 .cellReq,
#TRcompany_name_a1 .cellReq,
#TRcompany_name_a2 .cellReq,
#TRaddress1_a1 .cellReq,
#TRaddress1_a2 .cellReq,
#TRaddress2_a1 .cellReq,
#TRcity_a1 .cellReq,
#TRstate_a1 .cellReq,
#TRzip_code_a1 .cellReq,
#TRcountry_a1 .cellReq,
#TRcity_a2 .cellReq,
#TRstate_a2 .cellReq,
#TRzip_code_a2 .cellReq,
#TRcountry_a2 .cellReq,
#TRphone_a2 .cellReq,
#TRwork_phone_a1 .cellReq,
#TRphone_ext_a1 .cellReq,
#TRfax_a1 .cellReq,
#TRshort_name_a2 .cellReq,
#TRaddress1_bill .cellReq,
#TRcity_bill .cellReq,
#TRstate_bill .cellReq,
#TRzip_code_bill .cellReq,
#TRcountry_bill .cellReq  { background-color: #fff; color: #f00; }

/* this is for ENTER DISCOUNT CODE in forms */
/* not needed anymore since lightbgs are now white
.bgcolor1 td.cellGrad { color: #fff; }
*/

/* this is to give some space between the text and the 'Fix Errors' button */
input[alt="Fix errors"] { margin-top: 15px; }

/* add attendee button has a border around it? */
input[name="btn_group_attendee"] {
border: 0;
}

/* POPUPS */
/* some of these may have been superseded by CONFERENCE PROGRAM styles */

.sessionTitle { font-size: 16px; font-weight: bold; color: #574b7b; text-transform: uppercase; }
.sessionTime { font-size: 12px; font-weight: bold; }
.presenterName { font-size: 12px; }

tr.bgcolor1 td.sessionWebTitle,
tr.bgcolor2 td.sessionWebTitle, 
tr.bgcolor3 td.sessionWebTitle,
tr.bgcolor1 .sessionWebTitle,
tr.bgcolor2 .sessionWebTitle,
tr.bgcolor3 .sessionWebTitle {
color: #fff;
font-weight: bold;
font-size: 14px;
padding: 8px;
}

/* CONFERENCE PROGRAM */

#sched_table tr.lightbg2 td {
background-color: #f5f6f1;
color: #333 !important;
}

table#eshowProfile td {
background-color: #574b7b;
color: #fff !important;
}

table#eshowProfile td.bgcolorw,
table#eshowProfile td.lightbg, 
table#eshowProfile td.lightbg1, 
table#eshowProfile td.lightbg2,
table#eshowProfile td.lightbg3, 
table#eshowProfile td.bgcolorw table tr td {
background-color: #fff;
color: #333 !important;
}

table#eshowProfile td.lightbg, 
table#eshowProfile td.lightbg1, 
table#eshowProfile td.lightbg2,
table#eshowProfile td.lightbg3 {
padding: 10px;
border-bottom: 1px dotted #ccc;
}

div#speaker_wrapper table tr td.cellGrad	{ color: #333; background-color: #f5f6f1; font-weight: bold; border-top: 1pt dotted #ccc; }

div#speaker_wrapper table tr td.cellView	{ color: #333; background-color: #f5f6f1; font-weight: bold; border-top: 1pt dotted #ccc; border-right: 1pt dotted #ccc; }

#speaker_wrapper .bgcolor3 .sessionTitle {
color: #fff !important;
}

table#sched_table td {
border-bottom: 1pt dotted #ccc;
}

table#sched_table td.lightbg1 {
background-color: #f5f6f1;
}

table#sched_table tr td {
color: #000 !important;
}

table#sched_table tr td.sessionHeader {
color: #fff !important;
}

table#sched_table .bgcolor1,
table#sched_table .bgcolor2,
table#sched_table .bgcolor3 {
color: #fff !important;
}

/* this is to add a dotted line to separate the session questions from the session description */
#sessionDescTD {
border-top: 1pt dotted #999;
}

.sessionTable {
margin: 0;
padding: 10pt;
border: 0;
}

.sessionHeader {
padding: 10pt;
color: #fff;
font-weight: bold;
font-size: 14pt;
}

.sessionRow {
margin: 0;
padding: 10pt;
border: 0;
width: 100%;
color: #fff;
}

.speakerName, .sessionTitle, .sessionWebTitle {
/* color: #fff; */
font-weight: bold;
font-size: 12pt;
}

blockquote .sessionWebTitle {
color: #000;
}

.sessionCode {
color: #fff;
font-style: italic;
}

.sessionDay {
color: #fff;
}

.sessionTime {
color: #fff;
}

.childSessionRow {
padding: 5pt;
}

.childSessionTime {
border-right: 1pt solid #fff;
color: #fff;
padding: 8pt;
}

.childSessionTitle {
font-weight: bold;
}

.sep {
border-bottom: 1pt solid #fff;
}

td.lightbg span blockquote {
text-decoration: underline;
}

#download_itinerary td {
padding: 10px;
}

/* CONFIRMATION EMAIL */

table.esTableFee td.bgcolor1 {
color: #fff !important;
}

table.esTableFee tr.lightbg1 td {
color: #000 !important;
}

/* BREADCRUMB MODULE */

#breadtrail,
#breadtrail a.breadcrumb:link,
#breadtrail a.breadcrumb:visited,
#breadtrail a.breadcrumb:active,
#breadtrail a.breadcrumb:hover { 
	font-size: 10px; 
	text-transform: uppercase; 
}

/* DEFAULT SITE ELEMENTS */
/* these only appear on the default site */

.showName { font-family: Georgia, "Times New Roman", Times, serif; color: #574b7b; font-size: 24pt; font-weight: normal; text-decoration: none;}
.associationName { font-family: arial, san-serif; color: #999999; font-size: 10pt; font-weight: normal; text-decoration: none;}
.topNav { font-family: arial, san-serif; color: #574b7b; font-size: 10pt; font-weight: bold; text-decoration: none; margin: 0 10px 0 10px; }

/* MISCELLANEOUS */
/* the styles that time forgot, plus some new, useful ones */

.formLabel	{ font-size:10px; text-transform: uppercase; color: #666; }

.clickme 		{ cursor: pointer; cursor: hand; }
.floatleft 		{ float: left; clear: left; margin: 0 12px 10px 0; }
.floatright 	{ float: right; clear: right; margin: 0 0 10px 12px; }
.textleft		{ text-align: left; }
.textcenter	{ text-align: center; }
.textright		{ text-align: right; }

#dropmenudiv { position:absolute; border:1px solid #046846; font:normal 10px Arial, Helvetica; line-height:18px; z-index:100; padding: 0px; }

div#JSMX_loading { position:absolute; margin:0px; padding:0px; width:112px; height:30px; background-image:url(images/global/processing.gif); background-repeat: no-repeat; background-position:center center; z-index:800; }

.qlink	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
.regfee	{ font-family: Arial, Helvetica, sans-serif; font-size: 10px; }

P.withquote { background: url(images/quote.gif) no-repeat left top; text-align: justify; }
P.withunquote { padding-right: 0px; padding-left: 0px; background: url(images/unquote.gif) no-repeat right bottom; padding-bottom: 0px; font: 9pt/17pt Arial; padding-top: 0px; }

a.nav:link			{ font-family: Arial, helvetica, sans-serif; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.nav:visited		{ font-family: Arial, helvetica, sans-serif; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.nav:active		{ font-family: Arial, helvetica, sans-serif; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.nav:hover		{ font-family: Arial, helvetica, sans-serif; font-size:11px; font-weight: bold; color: #fff; padding: 0px 10px 0px 10px; text-decoration: none; background-color: #046846; }

a.menu:link			{ width:100%; font-family: Arial, helvetica, sans-serif; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.menu:visited		{ width:100%; font-family: Arial, helvetica, sans-serif; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.menu:active		{ width:100%; font-family: Arial, helvetica, sans-serif; font-size:11px; font-weight: bold; color: #046846; padding: 0px 10px 0px 10px; text-decoration: none; }
a.menu:hover		{ width:100%; font-family: Arial, helvetica, sans-serif; font-size:11px; font-weight: bold; color: #fff; padding: 0px 10px 0px 10px; text-decoration: none; background-color: #046846; }

A.WhiteLink:link 		{ COLOR: #fff; TEXT-DECORATION: none }
A.WhiteLink:visited	{ COLOR: #fff; TEXT-DECORATION: none }
A.WhiteLink:hover		{ COLOR: #fff; TEXT-DECORATION: underline }
A.WhiteLink:active		{ COLOR: #fff; TEXT-DECORATION: none }

a.colorw:link			{ color: #fff; }
a.colorw:visited		{ color: #fff; }
a.colorw:active		{ color: #ff0; }
a.colorw:hover		{ color: #ff0; }

/* TOOLTIP */

.tip { border: thin solid black; width:250; color:black; background-color: #EEEEEE; layer-background-color: #CCCCCC; position:absolute; visibility:hidden; padding:5; margin-left:50; }

#dhtmlpointer { position:absolute; left: -300px; z-index: 101; visibility: hidden; }

#dhtmltooltip {
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/* Remove below line to remove shadow. Below line should always appear last within this CSS */
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

/* breadcrumb module */

#breadtrail,
#breadtrail a.breadcrumb:link,
#breadtrail a.breadcrumb:visited,
#breadtrail a.breadcrumb:active,
#breadtrail a.breadcrumb:hover
{ 
	font-size: 10px; 
	text-transform: uppercase; 
}

/* MOBILE */

#mcontent h1 {
color: #da2128 !important;
}

ul.iphone li a, ul.iphone li.img a + a {
color: #da2128 !important;
}

#mcopyright, #mpoweredby {
padding: 8px;
font-size: 9px;
color: #9a9a9a;
text-align: center;
}

#mfooter .mainlink {
display: none;
}

/* OVERRIDES */

#eshow table,
#eshow td,
#login table,
#login td {
border: 0;
vertical-align: top;
}

#eshow td {
padding: 5px;
}

#formTab td,
#login td {
padding: 0;
}

table#formTab {
margin-bottom: 0;
}

#application .lightbg {
border-bottom: 1px solid #e5e5e5;
}