/* ### Locator CSS ### */

#map { width:468px; height: 300px; font-family:sans-serif; font-size:10px; display:none }
#map span { margin:0em; }
#map span b { font-size:12px; }

#results_list{ height:auto; margin:0em; }
#address_list{ height:auto; margin:0px; }

#locations_list{ height:auto; margin-top:1em; margin-bottom:1em; }
#locations_list div{ height:auto; width:100% }

/* div holding Expand/Collapse All Locations link */
#locator_table{ width:468px; font-family:sans-serif; font-size:12px; margin-top:0em; }
#locator_table .left{ width:150px; text-align:right; }
#locator_table .right{ width:318px; text-align:left; }

/* Locations and Seminars output table : public side */
#locator_list_table { width:468px; font-family:sans-serif; font-size:9pt; border: 1px solid #678; margin:0px; }
#locator_list_table th { background-color:#567; color:#fff; font-size:12px; padding-left:3px; padding-right:3px; text-align:left; }
#locator_list_table td { font-size:8pt;  padding-left:3px; padding-right:2px;  }

.locator_list_table_odd {
	background-color:#C7D2DF;
}
.locator_list_table_even {
	background-color:#E4E2CB;
}

#locator_list_table td a { color:#003366; font-weight:bold;} /* link for individual locations */

#locator_list_table .LocationName		{ text-align:left; }
#locator_list_table .LocationAddress		{ text-align:left; }
#locator_list_table .LocationContact		{ text-align:left; }
#locator_list_table .LocationDistance	{ text-align:right; }
	
#locator_list_table div {} /* div that holds all seminars : display is toggled when the Location link or Expand/Collapse link is clicked */

/* div holds each individual seminar */
#locator_list_table div div {
	margin: 0px;
	background-color:#fff;
	border-bottom: 1px solid #ddd;
	padding: 3px;
	width:auto;
}

/* link for each individual seminar */
#locator_list_table div div a {
	color:#336699;
	font-weight: normal;
}

#toggle_div {} /* div holding Expand/Collapse All Locations link */



/* these two tables are essentially the same but this will allow for changes later */
.semFormTable, .brochureFormTable 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
}

.semFormTable tr, .brochureFormTable tr
{
	padding: 0px;
	margin: 0px;
}

.semFormTable td, .brochureFormTable td 
{
	padding: 3px;
	margin: 0px;
}

.semTableTr1 {
	background: #eee;
}

.semTableTr2 {
	background: #fcfcfc;
}
	
.semTableBottomTr {
	background: #eee;
}

.semFormTable input, .semFormTable select, .semFormTable textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 250px;
}

.brochureFormTable input, .brochureFormTable select, .brochureFormTable textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 250px;
}

.semFormTable .checkbox input
{
	width: auto;
	margin: 1px 2px;
}

.semFormTable .button 
{
	width: auto;
	padding: 1px 5px;
	margin: 0px 5px;
	font-weight: bold;
}

.brochureFormTable .checkbox input
{
	width: auto;
	margin: 1px 2px;
}

.brochureFormTable .button 
{
	width: auto;
	padding: 1px 5px;
	margin: 0px 5px;
	font-weight: bold;
}