/* @override http://ex.hei/MLA09/css/screen.css */

/*Color Legend for MLA09

Light Blue	#c1e5e1
Pale Yellow	#ffffcc
Rich Yelow	#ffcc00
Sea Foam	#517166
Dark Green	#07483a

*/


/* @group Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;}

body {
	line-height: 1;}

ol, ul {
	list-style: none;}

blockquote, q {
	quotes: none;}

 remember to define focus styles! 

:focus {
	outline: 0;}

 /*remember to highlight inserts somehow!*/ 

ins {
	text-decoration: none;}

del {
	text-decoration: line-through;}

 /*tables still need 'cellspacing="0"' in the markup*/ 

table {
	border-collapse: collapse;
	border-spacing: 0;}

caption, th {
	text-align: left;}

a img {
	border: none;
	outline: none;
	background: none;}

/* @end */

/* @group Base Typography */

body {
	font: 75%/1.5 sans-serif;}

/* @group Links */

a[href^="http:"] {
	padding: 0px 15px 5px 0;
	background: url(http://exhibitors.heiexpo.com/global-images/icons/icon_external.gif) no-repeat right top;}

a[href$='.doc'], a[href$='.rtf'] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_doc.gif) no-repeat center right;}

a[href$='.xls'] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_xls.gif) no-repeat center right;}

a[href$='.pdf'] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_pdf.gif) no-repeat center right;}

a[href$='.jpg'], a[href$='.gif'], a[href$='.png'], a[href$='.bmp'], a[href$='.jpeg'], a[href$='.svg'], a[href$='.eps'] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_pic.gif) no-repeat center right;}

a[href ^="mailto:"] {
	padding: 5px 15px 5px 0;
	background: transparent url(http://exhibitors.heiexpo.com/global-images/icons/icon_mailto.gif) no-repeat center right;}

a[href^="http://exhibitors.heiexpo.com"],
.imageLink {
	padding-right: 0px !important;
	background: none !important;}

/* @end */

/* @group Headers */

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	height: auto;}

h1 {
	font-size: 3em;
	line-height: 1;
	margin-bottom: 0.5em;}

h2 {
	font-size: 2em;
	margin-bottom: 0.75em;}

h3 {
	font-size: 1.5em;
	line-height: 1;
	margin-bottom: 10px;}

h4 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 1.25em;
	height: auto;}

h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 1.5em;}

h6 {
	font-size: 1em;
	font-weight: bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {
	margin: 0;}


/* @end */

/* @group Lists */

li ul, li ol {
	margin: 0 1.5em;}

ul, ol {
	margin: 0 1.5em 1.5em 1.5em;}

ul {
	list-style-type: square;}

ol {
	list-style-type: decimal;}

dl {
	margin: 0 0 1.5em 0;}

dl dt {
	font-weight: bold;}

dd {
	margin-left: 1.5em;}

/* @end */

/* @group Text Elements */

p {
	margin: 0 0 1.5em;}

#column_1 p {
	font-size: .9em;
	margin-bottom: .5em;}

blockquote {
	margin: 1.5em;}

strong {
	font-weight: bold;}

em, dfn {
	font-style: italic;}

dfn {
	font-weight: bold;}

sup, sub {
	line-height: 0;}

abbr, acronym {
	border-bottom: 1px dotted;
	text-transform: uppercase;
	font-size: 90%;}

address {
	margin: 0 0 1.5em 1.5em;
	font-style: normal;}

#column_1 address {
	font-size: 90%;
	font-style: normal;
	margin: .5em;}

pre, code {
	margin: 1.5em 0;
	white-space: pre;}

pre, code, tt {
	font: 1.2em 'andale mono', 'lucida console', monospace;
	line-height: 1.5;}

/* @end */

/* @group Table */

table {
	margin-bottom: 1.5em;
	width: auto;
	border-collapse: collapse;}

th {
	font-weight: bold;
	border-top: 1px solid;
	border-bottom: 1px solid;}

th, td {
	padding: .5em;}

tr {
	border-bottom: 1px solid #ccc;}

tfoot {
	font-style: italic;}

caption {
	font-weight: bold;}

/* @end */

/* @end */

/* @group Structure */

body.exhibitor_manual {
	}

#page_wrapper {
	width: 960px;
	margin: 10px auto;
	overflow: auto;}

.grid {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px}

#header {
	width: 960px;
	margin: 0;
	height: 200px;}

#header h1 {
	margin: 0;}

#header h1 a {
	display: block;
	height: 200px;
	width: 960px;
	margin: 0;
	text-indent: -9999px;}

#header h1 a:hover {
	background: none;}

#header p, ul#quick_links {
	height: 0;
	overflow: hidden;
	margin: 0;
	text-indent: -9999px;}

#print_header {
	display: none;
	visibility: hidden;}
	
#column_1 {
	width: 220px !important;
	width: 200px;
	position: relative;}

#search_box {
	height: auto;
	margin: 10px 0;
	padding: 10px;
	overflow: hidden;}

#search_form {
	overflow: hidden;
	height: auto;}

#search_form input.text_input {
	line-height: 1.5;
	padding: 2px;
	margin-bottom: 10px;
	width: 192px !important;
	width: 172px;}

#search_form input.submit_input {
	text-align: center;
	font-weight: bold;
	float: right;
	display: inline;}

#help {
	clear: both;
	margin-bottom: 10px;}

#help p {
	margin: 0;
	text-align: center;}

#help p a {
	padding: 10px;
	display: block;
	font-weight: bold;}

#show_home {
	margin: 10px 0;
	height: 85px;
	position: relative;	}

#show_home p {
	margin: 0;
	text-align: right;}

#show_home p a {
	padding: 5px;
	display: block;
	background: none;}

#location {
	margin: 10px 0;
	overflow: hidden;}

#links {
	margin: 10px 0;
	overflow: hidden;}

#column_2 {
	width: 700px !important;
	width: 690px;}

div#nav_secondary_top {
	width: 700px;
	margin: 0 0 1.5em 0;}

div#nav_secondary_top ul {
	margin: .5em;}

div#nav_secondary_top li {
	display: inline;
	list-style: none;}

div#nav_secondary_top li a {
	float: left;
	display: inline;
	padding: .5em;
	white-space: nowrap;}

div.sidebar {
	width: 220px;}

div.sidebar ul {
	margin: 1.5em 2em;}

#page_footer {
	width: 940px;}

/*

 @end */

/* @group General Classes */

hr {
	clear: both;
	height: 1px;
	border: none;
	visibility: hidden;}

img.image_border {
	border: 1px solid #666;
	padding: 2px;}

.highlight {
	background-color: #ffc;}

.caps {
	text-transform: uppercase;}

.note {
	font-size: .9em;
	color: #999;}

.float_right {
	float: right;
	display: inline;
	margin: 0 0 1.5em 1.5em;}

.hide {
	display: none;}

.float_left {
	float: left;
	display: inline;
	margin: 0 1.5em 1.5em 0;}

.clear {
	clear: both;}

.forthcoming {
	font-size: .9em;
	color: #333;
	font-style: italic;}

/* @group Clearfix */

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clearfix, .container {
	display: inline-block;}

* html .clearfix,
* html .container {
	height: 1%;}

.clearfix, .container {
	display: block;}

/* @end */

/* @end */

/* @group Xeno Forms */

/* @group Form Container & Basic Layout */

.form_container {
	background: #fff;
	margin: 0 auto 1em auto;
	text-align: left;
	width: 80%;
	clear: both;}

form.xeno_form {
	margin: 1em;
	padding: 0;}
	

/* @end */

/* @group Form Section */

legend {
	display: block;
	width: 100%;
	font-weight: bold;
	font-size: 1.4em;
	border-bottom: 2px solid #888;}

.xeno_form li {
	width: 100%;}

form ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;}

form li {
	display: block;
	margin: 0 0 1em 0;
	position: relative;}

form li:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;}

.buttons:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;}

.buttons {
	clear: both;
	display: block;
	margin-top: 10px;}

* html form li {
	height: 1%;}

* html .buttons {
	height: 1%;}

* html form li div {
	display: inline-block;}

form li div {
	color: #444;
	margin: 0 4px 0 0;
	padding: 0 0 8px;}

form li span {
	color: #444;
	float: left;
	margin: 0 4px 0 0;
	padding: 0 0 8px;}

form li div.left {
	display: inline;
	float: left;
	width: 48%;}

form li div.right {
	display: inline;
	float: right;
	width: 48%;}

form li div.left .medium {
	width: 98%;}

form li div.right .medium {
	width: 98%;}

form li div label {
	clear: both;
	color: #444;
	display: block;
	font-size: .8em;
	line-height: 9px;
	margin: 0;
	padding-top: 3px;}

form li span label {
	clear: both;
	color: #444;
	display: block;
	font-size: .8em;
	line-height: 9px;
	margin: 0;
	padding-top: 3px;}

form li .datepicker {
	cursor: pointer !important;
	float: left;
	height: 16px;
	margin: .1em 5px 0 0;
	padding: 0;
	width: 16px;}

.form_description {
	border-bottom: 1px dotted #ccc;
	clear: both;
	display: inline-block;
	width: 99%;
	margin: 0 0 1em 0;}

.form_description[class] {
	display: block;}

.form_description h2 {
	clear: left;
	margin: 0 0 .5em 0;}

.form_description p {
	line-height: 130%;
	margin: 0 0 1em 0;}

form hr {
	display: none;}

form li.section_break {
	border-top: 1px solid #660000;
	margin: 1em 0;
	width: 97% !important;}

form ul li.first {
	border-top: none !important;
	margin-top: 0 !important;
	padding-top: 0 !important;}

/* @end */

/* @group Buttons */

input.button_text {
	overflow: visible;
	padding: 0 7px;
	width: auto;}

.buttons input {
	margin-right: 5px;}

/* @end */

/* @group Input & Labels */

label.description {
	border: none;
	color: #222;
	display: block;
	font-size: 1em;
	font-weight: 700;
	line-height: 150%;
	padding: 0 0 1px;}

form span.symbol {
	font-size: 1.2em;
	line-height: 130%;}

input.text {
	background: #eee url(/AN08/manual/images/shadow.gif) repeat-x top;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	color: #333;
	margin: 0;
	padding: 3px;}

input.file {
	color: #333;
	margin: 0;
	padding: 2px 0;}

textarea.textarea {
	background: #eee url(/AN08/manual/images/shadow.gif) repeat-x;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	color: #333;
	margin: 0;
	width: 98%;}

select.select {
	color: #333;
	margin: 1px 0;
	padding: 1px 0 0;
	background: #eee url(/AN08/manual/images/shadow.gif) repeat-x top;
	border-bottom: 1px solid #ddd;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;}

input.text:focus,
textarea.textarea:focus,
select:focus {
	border: 1px solid #666;
	background: #fff;}

input.currency {
	text-align: right;}

input.checkbox {
	display: block;
	height: 13px;
	line-height: 1.4em;
	margin: 6px 0 0 3px;
	width: 13px;}

input.radio {
	display: block;
	height: 13px;
	line-height: 1.4em;
	margin: 6px 0 0 3px;
	width: 13px;}

label.choice {
	color: #444;
	display: block;
	font-size: 1em;
	line-height: 1.4em;
	margin: -1.55em 0 0 25px;
	padding: 4px 0 5px;
	width: 90%;}

select.select[class] {
	margin: 0;
	padding: 1px 0;}

*:first-child+html select.select[class] {
	margin: 1px 0;}

.safari select.select {
	font-size: 110% !important;
	margin-bottom: 1px;}

input.small {
	width: 25%;}

select.small {
	width: 25%;}

input.medium {
	width: 50%;}

select.medium {
	width: 50%;}

input.large {
	width: 99%;}

select.large {
	width: 99%%;}

textarea.small {
	height: 5.5em;}

textarea.medium {
	height: 10em;}

textarea.large {
	height: 20em;}

/* @end */



/* @end */

/* @group Site Specific Structure */

/*= Hey!
If adding borders to any of the #column_1 elements, the stated width of that element will have to be updated in the Structure section above.
=*/

body {
	background: #c1e5e1 url(../images/bg_body.png) repeat-x;}

div#header {
	background: url("../images/site_header.png") no-repeat;
	margin: 0;
	border-bottom: 1px solid #07483a;}

#page_wrapper {
	background: #fff;
	border: 1px solid #07483a;}

#column_1 {
	}

#search_box {
	margin-bottom: 10px;
	background: #fff url(../images/gradient.png) repeat-x;
	border: 1px solid #07483a;}

#search_form input.text_input {
	border: 1px solid #999;
	color: #333;}

#search_form input.text_input:focus {
	color: #000;
	border-color: blue;}

#search_form input.submit_input {
	border: 1px solid #999;
	color: #fff;
	background: #07483a;}

#menu-container {
	background: #fff;
	margin-bottom: 10px;}

#help {
	background-color: #ffffcc;
	border: 1px solid #ffcc00;}

#show_home {
	background: transparent url("../images/show_home.png") left no-repeat;}

#location {
	background: #fff;}

#links {
	background: none;}

#column_2 {
	}

div#nav_secondary_top {
	background: #ffffcc;
	border: 1px solid #07483a;}

div.sidebar {
	background: #ffffcc;
	border: 1px solid #07483a;}
	
div.callout {
	background: #fff url(../images/gradient.png) repeat-x;
	border: 1px solid #07483a;
	width: 50%;}

#page_footer {
	border-top: 2px solid #c1e5e1;
	background: none;}

/* @end */

/* @group Site Specific Typography */

body {
	font-family: Candara,'Trebuchet MS', Helvetica, Arial, sans-serif;}
	
a:link,
a:visited {
	color: #07483a;
	font-weight: bold;}

a:hover,
a:focus,
a:active {
	color: #07483a;
	background-color: #c1e5e1;}

#column_1 h5 {
	margin: .75em;
	height: auto;}

#column_1 p {
	font-size: .9em;}

#location h5 {
	color: #517166;
	font-weight: bold;
	border-bottom: 2px solid #ffcc00;}

	
#location address {
	font-size: .9em;
	font-style: normal;
	margin-left: 10px;}

#show_home p {
	position: absolute;
	left: 80px;
	top: 10px;}

#column_2 h2 {
	color: #517166;
	font-weight: bold;
	border-bottom: 2px solid #ffcc00;}

#column_2 h3,
#column_2 h4 {
	color: #517166;
	font-weight: bold;}

div.sidebar h3,
div.sidebar p,
div.callout h3,
div.callout p {
	margin: .5em;}

ol.alpha {
	list-style: lower-alpha;}
	
table.dates td.col1,
table.three_col td.col1 {
	font-weight: bold;
	width: 125px;}

table.three_col td.col3 {
	width: 150px;}
	
#page_footer p {
	margin: 10px;}

/* @end */