/**
 * project: messe frankfurt - web
 * type: stylesheet
 * media: screen, projection, print
 * description: loader for stylesheets (internet explorer 6 series)
 * @author: Stefan Heimann, 23.02.2009
 * @copyright: Day Software 2008-2009. All rights reserved.
 */



/* lib definitions */
/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 * 
 * MODIFIED VERSION (copied from ext/resources/css/)
 * - contains only changed class definitions
 */

ul.x-tab-strip-top {
	margin-left: -8px;
}
.x-tab-panel-body {
	margin-bottom: 0;
	padding-bottom: 2em;
}


/* base defintions (elements, classes) */
/**
 * description: base styles for elements for all portals (ie6)
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	/* html, body */
	html, body {
		/*overflow-y: hidden;*/
	}
	body {
		font-size: 63%;
	}
}

/**
 * description: utility classes for all portals (ie6)
 */


/* visibility classes */
.mfCl {
    height: 1%; /* caution: sets "hasLayout" property for element! */
}
.mfClIE6 {
	clear: both;
}


/* ====================  SCREEN Styles  ==================== */
@media screen {
	/* generic class for shadow container generated via ExtJS */
	.mfBoxShadowBL,
	.mfBoxShadowBR {
		bottom: -1px;
	}
}

/**
 * description: form elements and classes for all portals (ie6)
 */


/* block: label and radio button or checkbox */
form p.mfRadio,
form p.mfCheckbox {
	padding-bottom: 0;
}
form p.mfRadio label,
form p.mfCheckbox label {
	left: -.3636em;
	padding: .3636em 0 0 0;
	position: relative;
	z-index: 0;
}
form p.mfRadio input,
form p.mfCheckbox input,
form input.mfCheckbox {
	left: -.3636em;
	position: relative;
	z-index: 0;
}
/* submit with small arrow icon like a link */
form .mfSmallArrow input.mfSubmit {
	padding: .0909em 0 0 1.5454em;
}
form .mfSmallArrow a {
	padding-left: 1.5454em !important;
}

/* ====================  SCREEN Styles  ==================== */
@media screen {
	/* submit buttons */
	input.mfSubmit {
		padding-top: .7273em;
	}
}



/* overall layout type (2 or 3 column) and main container styling */

/**
 * description: banner styles
 */
#B02 {
	width: 174px;
}
#B02wrapper {
	width: 184px;
	overflow: hidden;
}
#B01wrapper ,
#B04wrapper {
	width: 100%;
}

/* component definitions (order does matter!) */
/**
 * component: Messe Frankfurt logo
 */


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfLogo {
		float: none;
		position: absolute;
		right: 0;
	}
}

/**
 * module: top navigation
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfTopNavigation {
		width: 63em;
	}
	#mfTopNavigation li a {
		position: relative;
	}
	#mfTopNavigation li a.mfCurrent:link,
	#mfTopNavigation li a.mfCurrent:visited {
		background-color: #8d8f95;
		color: #fff;
	}
}


/**
 * component: fast accesses
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfPageHome #mfFastAccesses {
		top: 7.5em;
	}
	#mfFastAccesses h3 a {
		width: 15.2727em;
	}
	#mfFastAccesses #mfFastAccessSearch input#mfFastAccessSearchSubmit {
		position: relative;
	}
	#mfFastAccesses #mfFastAccessSearch input#mfFastAccessSearchInput {
		position: relative;
		top: -.0909em;
		width: 11.6em;
	}
	#mfFastAccesses div div.mfFastAccessBody {
		width: 15.3em;
	}
	#mfFastAccesses #mfFastAccessSearch div.mfFastAccessBody  {
		margin-top: -.1em;
	}
	#mfFastAccesses ul li a {
		width: 8.9091em; /* 98px */
	}
	#mfFastAccesses ul.mfFastAccessBodyTop li a {
		width: 10.4545em; /* 115px */
	}
}

/**
 * component: key visual
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfKeyVisual {
		height: 10.3636em; /* 114px */
	}
	#mfKeyVisual img {
		height: 100%;
	}
}

/**
 * component: top teaser
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfTopTeaser {
		top: 10.3636em;
	}
	#mfTopTeaser a {
		display: block;
		position: relative;
	}
	#mfTopTeaser strong {
		display: block;
		position: absolute;
		top: 50%;
	}
	#mfTopTeaser span {
		display: block;
		position: relative;
		top: -50%;
	}
}

/**
 * component: breadcumb trail
 */


#mfBreadcrumb li.mfFirst {
	margin-left: 0;
}


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfBreadcrumb {
		height: 19px;
		overflow: hidden;
	}
	#mfBreadcrumb ol {
		padding-left: 2em;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfBreadcrumb {
		padding-top: 1.5em;
	}
	#mfBreadcrumb li {
		border-left: 1px solid #000;
		display: block;
		margin-left: .5455em;
	}
	#mfBreadcrumb li.mfFirst {
		background-image: none;
		border-left: none;
		padding-left: 0;
	}
}

/**
 * component: page functions
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfPageFunctions {
		height: 2.1em;
	}
	/* font size switcher */
	#mfPageFunctions #mfFontsizeSwitcher {
		height: 1.6364em;
		padding-top: .2727em;
		width: 5.5455em; /* 61px */
	}
}


/**
 * component: left navigation
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfLeftNavigation li {
		clear: left;
		display: block;
		float: left;
	}
	#mfLeftNavigation li li {
		float: none;
	}
	#mfLeftNavigation .mfBoxShadowTR,
	#mfLeftNavigation .mfBoxShadowBR {
		right: -1px;
	}
	/* level 2, 3 */
	#mfLeftNavigation .mfCurrent ul a {
		height: 1%;
	}
}


/**
 * component: main article functions
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfContentMainParsys .mfArticleFunctions .mfArticleDownloads {
		right: -.0909em;
	}
	.mfArticleFunctions .mfArticleDownloads .mfArticleColumn1 {
		margin-left: 1.25em;
	}
	.mfArticleFunctions .mfArticleDownloads .mfArticleColumn2 {
		margin-right: 1em;
	}
	.mfArticleFunctions .mfArticleDownloads h3 {
		padding-bottom: .4545em;
	}
	.mfArticleFunctions .mfArticleDownloads p {
		padding-bottom: 0;
	}
	.mfArticleFunctions .mfArticleDownloads p .mfSubmit	{
		background-position: 100% -401px;
		margin-right: .3636em;
	}
}
/*
 * component: Search Field
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfSearchFormFairs #mfSFFInfo {
		height: 25px;
		overflow: visible;
	}
	.mfSearchField p.mfSubmitBlock span {
	
		width: expression(21 + "px");
	}
	.mfSearchField p.mfSubmitBlock .mfSubmit {
		left: 2px;
	}
}

/**
 * component: search form exhibitor
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfSearchFormExhibitor select#mfSFELocation {
		margin-right: .2727em;
	}
	.mfSearchFormExhibitor select#mfSFECountry {
		width: 28.8182em; /* 317px */
	}
	.mfSearchFormExhibitor input#mfSFEZipCode {
		margin-right: .2727em;
	}
	.mfSearchFormExhibitor input#mfSFECity {
		width: 27.9091em; /* 307px */
	}
}

/**
 * component: search form products
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfSearchFormProducts li a {
		width: 36.3636em; /* 400px */
	}
	.mfSearchFormProducts li li a {
		width: 35em; /* 385px */
	}
	.mfSearchFormProducts li li li a {
		width: 33.6364em; /* 370px */
	}
	.mfSearchFormProducts li li li li a {
		width: 32.2727em; /* 355px */
	}
}

/**
 * component: search form scopes
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfSearchFormScopes li a {
		width: 36.3636em; /* 400px */
	}
	.mfSearchFormScopes li li a {
		width: 35em; /* 385px */
	}
	.mfSearchFormScopes li li li a {
		width: 33.6364em; /* 370px */
	}
	.mfSearchFormScopes li li li li a {
		width: 32.2727em; /* 355px */
	}
}

/**
 * component: search form directories
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfSearchFormDirectories li a {
		width: 36.3636em; /* 400px */
	}
	.mfSearchFormDirectories li li a {
		width: 35em; /* 385px */
	}
	.mfSearchFormDirectories li li li a {
		width: 33.6364em; /* 370px */
	}
	.mfSearchFormDirectories li li li li a {
		width: 32.2727em; /* 355px */
	}
}

/**
 * component: search form fairs
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfSearchFormFairs select {
		width: 24.9090em; /*274px*/
	}
	.mfSearchFormFairs input.mfText {
		width: 23.9090em; /*263px*/
	}
	.mfSearchFormFairs div.mfWrap label {
		width: 	13.5454em; /*149px*/
	}
	.mfSearchFormFairs div.mfWrap select {
		width: 10.7272em; /*118px*/
	}
}

/**
 * component: search results (generic)
 */


#mfSearchResults .mfText {
	height: 1%;
	padding-left: 1.1em;
}


/**
 * component: search results general
 */


#mfSearchResultsGeneral .mfMoreResults ul {
	padding-left: 1.6em;
}


/**
 * component: search results exhibitor
 */

#mfSearchResultsExhibitor .mfText h2.mfResultLink a {
	padding-left: 13px;
}
#mfSearchResultsExhibitor .mfText ul li {
	float: left;
	width: 30em;
}

/**
 * component: search results products detail
 */


#mfSearchResultsProductsDetail .mfDescription ul {
	padding-left: 1.4545em;
}
#mfSearchResultsProductsDetail .mfDescription ol {
	padding-left: 2.7273em;
}

#mfSearchResultsProductsDetail .mfDescription p {
  margin: 0;
}

/**
 * component: exhibitor general info
 */
.mfExhibitorGeneral .mfAlias ul {
	padding-left: 1.6em;
}

#mfExhibitorDetail .mfFavorites {
  height: 1.3636em;
}
/**
 * component: exhibitor event data
 */


.mfExhibitorEventData .mfFair ul {
	padding-left: 1.6em;
}

/**
 * component: main text+image
 */


.mfTextImage .mfImage a {
	float: left;
	width: 100%;
}
.mfTextImage .mfText ul {
	padding-left: 1.6em;
}
.mfTextImage .mfText ol {
	padding-left: 3em;
}

/**
 * component: teaser image
 */


.mfContentTeaserImage .mfImage {
	width: expression(
		(document.all.item('mfContentMain').clientWidth > 474) ?  "42.4em" : "auto"
	);
}

/**
 * component: teaser text, image
 */

.mfContentTeaserTextImage .mfText ul {
	padding-left: 1.6em;
}
.mfContentTeaserTextImage .mfText ol {
	padding-left: 3em;
}

/**
 * component: teaser text and teaser news box
 */

.mfContentTeaserText ul {
	padding-left: 1.6em;
}
.mfContentTeaserText ol {
	padding-left: 3em;
}

/**
 * component: teaser text, image top
 */


.mfContentTeaserTextImageTop .mfImage {
	width: expression(
		(document.all.item('mfContentMain').clientWidth > 474) ? "42.4em" : "auto"
	);
}
/**
 * component: teaser event
 */


.mfContentTeaserEvent .mfText {
	padding: .4545em 0 0 0;
}


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfContentTeaserEvent .mfContentTeaserEventInfos {
		float: left;
		padding-left: 1em;
		width: 20.7em;
	}
	.mfContentRightFalse .mfContentTeaserEvent .mfContentTeaserEventInfos {
		width: 43.5em;
	}
}

/**
 * component: eventlist media portal
 */


.mfContentTeaserEventMediaportal .mfText {
	height: 1%;
	padding-left: 1.1em;
}

/**
 * component: teaser multimedia
 */


.mfContentTeaserMultimedia .mfImage {
	width: 9.8em;
}

/**
 * component: media gallery
 */


.mfMediaGalleryPreview img {
	position: relative;
	bottom: 0;
}

/**
 * component: extjs table
 */


.table ul {
	margin-left: 1.4545em;
}
.table ol {
	margin-left: 2em;
}

/**
 * component: pager
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfPager .mfPagerNavi a.mfPagesRight {
		margin-right: .6364em;
	}
}
/**
 * component: generic form
 */


/* radio/checkbox button group */
.mfGenericForm div.mfRadioGroup h3,
.mfGenericForm div.mfCheckboxGroup h3 {
	margin-top: .3636em;
	width: 10.8182em;
}
/* shared definitions */
.mfGenericForm p.mfInputText label,
.mfGenericForm p.mfTextarea label,
.mfGenericForm p.mfSelect label {
	width: 10.8182em;
}
/* select */
.mfGenericForm p.mfSelect label {
	margin-top: .2727em;
}
/* error messages */
.mfGenericForm ul.mfError {
	padding-left: 15.5em;
}
/**
 * component: teaser event details
 */


.mfContentTeaserEventDetails table td span.mfAdressBox {
	width: 24em;
	overflow: hidden;
	display: block;
}
/**
 * component: exhibitor news item
 */


.mfExhibitorNewsItem .mfImage a {
	float: left;
	width: 100%;
}
.mfExhibitorNewsItem .mfText ul {
	padding-left: 1.6em;
}
.mfExhibitorNewsItem .mfText ol {
	padding-left: 3em;
}


/**
 * component: right teaser 
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfRightTeaser a {
		display: block;
		position: relative;
	}
	.mfRightTeaser a strong {
		display: block;
		position: absolute;
		top: 50%;
	}
	.mfRightTeaser a span {
		display: block;
		position: relative;
		top: -50%;
	}
}
/**
 * component: right teaser download 
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfRightTeaserDownload a {
		display: block;
		position: relative;
	}
	.mfRightTeaserDownload a .mfDownloadFile {
		display: block;
		position: absolute;
		top: 50%;
	}
	.mfRightTeaserDownload a span.mfDownloadFileData {
		display: block;
		position: relative;
		top: -50%;
	}
}
/**
 * component: advanced search
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfAdvancedSearch form h4 {
		padding-bottom: .1818em;
	}
}

/**
 * component: right web cam preview
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfWebcam {
		margin-bottom: -1em;
	}
}

/**
 * component: toolbar navigation
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfToolbarNav ul {
		margin-left: -1.7em;
	}
}



		
			
/**
 * component: search results exhibitor
 */


#mfSearchResultsExhibitor .mfText .mfFavorites {
	height: 1.3636em;
}


/**
 * component: toolbar navigation
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfToolbarNav ul {
		margin-left: -1em;
	}
}

Í