html, body {
font-family: Arial, Helvetica, sans-serif;
padding: 0;
margin: 0;
}

/* SAG styles */
table.sagTable tr:nth-child(odd),
.sess:nth-child(odd) { 
background: #f5f5f5;
}

table.sagTable tr:nth-child(even),
.sess:nth-child(even) { 
background: #fff; 
}

.sess {
padding: 12px 0;
}

.clickme:hover {
color: #ca0000;
}

.technology, .thelanguage {
padding-left: 5px;
}

/* end */

.color1 		{ color: #03587f; }
.color2 		{ color: #5a2c1c; }
.color3 		{ color: #ed8a1d; }
.colorr		{ color: #cc0000; }
.colorw		{ color: #fff; }
.colorb		{ color: #000; }

.bgcolor1	{ background-color: #03587f; color: #fff; }
.bgcolor2	{ background-color: #5a2c1c; color: #fff; }
.bgcolor3	{ background-color: #ed8a1d; color: #fff; }
.bgcolorw	{ background-color: #fff; color: #333; }

.bdcolor1	{ border-color: #03587f; }
.bdcolor2	{ border-color: #5a2c1c; }
.bdcolor3	{ border-color: #ed8a1d; }

.lightbg {
background-color: #f5f6f1;
color: #333;
}

table#fee_table td.lightbg {
border-bottom: 1px dotted #ccc;
}

.lightbg1	{ background-color: #f2a650; color: #333 !important; }
.lightbg2	{ background-color: #e3b8a9; color: #333 !important; }
.lightbg3	{ background-color: #e1e2d7; color: #333; }

#reg-btns {
}

ul#vicslide li img {
border: 1px solid #ccc;
}

.partners {
border-bottom: 1px dotted #ccc;
padding: 15px 0;
}

.partners h3 {
color: #03587f;
text-transform: uppercase;
}

.partners img {
margin: 4px 12px;
}

#yourSection {
/* width:361px; */
width: 470px;
height: 41px;
font-size: 30pt;
font-family: "Arial Narrow", sans-serif;
font-weight: bold;
color: #fc0;
}

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

.clickme {
cursor: pointer;
cursor: hand;
}

table.chart {
width: 600px;
margin: 12px 0 0 0;
padding: 0;
border: 1px solid #666;
border-collapse: collapse;
}

.widthA		{ width: 440px; }
.widthB		{ width: 80px; text-align: center; }
.widthC		{ width: 80px; text-align: center; }
.widthAB	{ width: 520px; }

table.chart tr th {
background-color: #f5f6f1;
}

table.chart tr th,
table.chart tr td {
padding: 6px;
border: 1px dotted #666;
}

.centerMe {
text-align: center;
}

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

/* pertaining to 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: #f2a650; font-weight: bold; color: #fff; }
.question_req	 	{ padding: 3px; background-color: #f00; font-weight: bold; color: #fff; }

/* pertaining to popups */
.sessionTitle			{ font-size: 16px; font-weight: bold; color: #03587f; text-transform: uppercase; }
.sessionTime		{ font-size: 12px; font-weight: bold; }
.presenterName	{ font-size: 12px; }

.sessionWebTitle { color: #000000; }

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

/* ADDRESS BLOCK */
/* 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; }

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; }

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 }

.fonttitle	{ font-family: Arial, Helvetica, sans-serif; color: #03587f; font-size: 16px; font-weight: bold; text-decoration: none; }
.fonttitle2 { font-family: Arial, Helvetica, sans-serif; color: #5a2c1c; font-size: 16px; font-weight: bold; text-decoration: none; }
.fonttitle3 { font-family: Arial, Helvetica, sans-serif; color: #ed8a1d; 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; }

.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; }

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

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

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

.floatleft {
float: left;
margin: 0 10px 10px 0;
}

.floatright {
float: right;
margin: 0 0 10px 10px;
}

.centerme {
text-align: center;
}

.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; }

#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);
}

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

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;
}

/* 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; 
}

#crawl #breadtrail {
/* margin-left: 10px; */
padding: 11px;
}

#crawl #breadtrail,
#crawl #breadtrail a.breadcrumb:link,
#crawl #breadtrail a.breadcrumb:visited,
#crawl #breadtrail a.breadcrumb:active,
#crawl #breadtrail a.breadcrumb:hover { 
	font-size: 11px; 
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

/* */

table#formTab,
table#formTab tbody,
table#formTab tbody tr,
table#formTab tbody tr td {
height: 20px;
padding: 0;
margin: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}

table#formTab tr td {
padding: 0;
margin: 0;
border: 0;
border-collapse: collapse;
border-spacing: 0;
}

#eshowDiv .lightbg {
background-color: #f5f6f1;
}

#eshowDiv table#speaker_profile .bgcolor3 {
background-color: #03587f;
}

#eshowDiv table#speaker_profile td.bgcolor3 .sessionTitle {
color: #fff !important;
}

/* this is for ENTER DISCOUNT CODE in forms */
.bgcolor1 td.cellGrad { 
background-color: #999;
color: #fff; 
}

.pageTitle { font-family: arial, san-serif; color: #d72041; font-size: 14pt; font-weight: bold; text-decoration: none; }

#content ul {
list-style: disc;
list-style-position: outside;
margin-left: 40px;
margin-bottom: 24px;
} 

.question {
background-color: #f5f6f1;
color: #333;
}

table#sched_table td,
table#search_table td {
padding: 6px;
border-bottom: 1px dotted #ccc;
}

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

table#sched_table td blockquote {
text-decoration: underline;
}

/* ten things to do in st. louis */

.gallerycontainer{
position: relative;
}
.thumbnail img{
border: 0;
margin: 0;
}
.thumbnail:hover{
background-color: transparent;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #e5e4e2;
padding: 5px;
left: -1000px;
border: 1px solid #333333;
visibility: hidden;
color: #333333;
text-decoration: none;
font-weight: normal;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.right:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: -525px; /*position where enlarged image should offset horizontally */
z-index: 50;
}
.left:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0;
left: 250px; /*position where enlarged image should offset horizontally */
z-index: 50;
}

/* MOBILE */

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

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

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

#mfooter .mainlink {
display: none;
}

/* overrides */

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

#login td {
line-height: .7;
vertical-align: middle;
}

#login td[colspan="4"] {
padding: 6px;
text-align: center;
}

#application table[width="575"] td table[width="575"] td {
padding: 6px;
font-size: 0.9em;
}

#application table#formTab td {
padding: 0;
margin-bottom: 0;
}