/**
 * project: messe frankfurt - web
 * type: stylesheet
 * media: screen, projection, print
 * description: loader for stylesheets - homepage
 * @author: Stefan Heimann, 21.01.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
 */

.ext-el-mask {
    z-index: 20000;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.ext-el-mask-msg {
    z-index: 20001;
    position: absolute;
    top: 0;
    left: 0;
    border:1px solid #6593cf;
    background: #c3daf9 url(../images/default/box/tb-blue.gif) repeat-x 0 -16px;
    padding:2px;
}
.ext-el-mask-msg div {
    padding:5px 10px 5px 10px;
    background: #eee;
    border:1px solid #a3bad9;
    color:#222;
    font:normal 11px tahoma, arial, helvetica, sans-serif;
    cursor:wait;
}

.ext-shim {
    position:absolute;
    visibility:hidden;
    left:0;
    top:0;
    overflow:hidden;
}
.ext-ie .ext-shim {
    filter: alpha(opacity=0);
}
.ext-ie6 .ext-shim {
    margin-left: 5px;
    margin-top: 3px;
}

.x-mask-loading div {
    padding:5px 10px 5px 25px;
    background: #fbfbfb url( '../images/default/grid/loading.gif' ) no-repeat 5px 5px;
    line-height: 16px;
}
/* class for hiding elements without using display:none */
.x-hidden, .x-hide-offsets {
    position:absolute;
    left:-10000px;
    top:-10000px;
    visibility:hidden;
}
.x-hide-display {
    display:none !important;
}

.x-hide-visibility {
    visibility:hidden !important;
}

.x-masked {
    overflow: hidden !important;
}

.x-masked select, .x-masked object, .x-masked embed {
    visibility: hidden;
}

.x-layer {
    visibility: hidden;
}

.x-unselectable, .x-unselectable * {
    -moz-user-select: none;
    -khtml-user-select: none;
}

.x-repaint {
    zoom: 1;
    background-color: transparent;
    -moz-outline: none;
}

.x-item-disabled {
    color: gray;
    cursor: default;
    opacity: .6;
    -moz-opacity: .6;
    filter: alpha(opacity=60);
}

.x-item-disabled * {
    color: gray !important;
    cursor: default !important;
}

.x-splitbar-proxy {
    position: absolute;
    visibility: hidden;
    z-index: 20001;
    background: #aaa;
    zoom: 1;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
}

.x-splitbar-h, .x-splitbar-proxy-h {
    cursor: e-resize;
    cursor: col-resize;
}

.x-splitbar-v, .x-splitbar-proxy-v {
    cursor: s-resize;
    cursor: row-resize;
}

.x-color-palette {
    width: 150px;
    height: 92px;
    cursor: pointer;
}

.x-color-palette a {
    border: 1px solid #fff;
    float: left;
    padding: 2px;
    text-decoration: none;
    -moz-outline: 0 none;
    outline: 0 none;
    cursor: pointer;
}

.x-color-palette a:hover, .x-color-palette a.x-color-palette-sel {
    border: 1px solid #8BB8F3;
    background: #deecfd;
}

.x-color-palette em {
    display: block;
    border: 1px solid #ACA899;
}

.x-color-palette em span {
    cursor: pointer;
    display: block;
    height: 10px;
    line-height: 10px;
    width: 10px;
}

.x-ie-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
    background:#777;
    zoom:1;
}

.x-shadow {
    display: none;
    position: absolute;
    overflow: hidden;
    left:0;
    top:0;
}

.x-shadow * {
    overflow: hidden;
}

.x-shadow * {
    padding: 0;
    border: 0;
    margin: 0;
    clear: none;
    zoom: 1;
}

/* top  bottom */
.x-shadow .xstc, .x-shadow .xsbc {
    height: 6px;
    float: left;
}

/* corners */
.x-shadow .xstl, .x-shadow .xstr, .x-shadow .xsbl, .x-shadow .xsbr {
    width: 6px;
    height: 6px;
    float: left;
}

/* sides */
.x-shadow .xsc {
    width: 100%;
}

.x-shadow .xsml, .x-shadow .xsmr {
    width: 6px;
    float: left;
    height: 100%;
}

.x-shadow .xsmc {
    float: left;
    height: 100%;
    background: transparent url( ../images/default/shadow-c.png );
}

.x-shadow .xst, .x-shadow .xsb {
    height: 6px;
    overflow: hidden;
    width: 100%;
}

.x-shadow .xsml {
    background: transparent url( ../images/default/shadow-lr.png ) repeat-y 0 0;
}

.x-shadow .xsmr {
    background: transparent url( ../images/default/shadow-lr.png ) repeat-y -6px 0;
}

.x-shadow .xstl {
    background: transparent url( ../images/default/shadow.png ) no-repeat 0 0;
}

.x-shadow .xstc {
    background: transparent url( ../images/default/shadow.png ) repeat-x 0 -30px;
}

.x-shadow .xstr {
    background: transparent url( ../images/default/shadow.png ) repeat-x 0 -18px;
}

.x-shadow .xsbl {
    background: transparent url( ../images/default/shadow.png ) no-repeat 0 -12px;
}

.x-shadow .xsbc {
    background: transparent url( ../images/default/shadow.png ) repeat-x 0 -36px;
}

.x-shadow .xsbr {
    background: transparent url( ../images/default/shadow.png ) repeat-x 0 -6px;
}

.loading-indicator {
    font-size: 11px;
    background-image: url(../images/default/grid/loading.gif);
    background-repeat: no-repeat;
    background-position: left;
    padding-left: 20px;
    line-height: 16px;
    margin: 3px;
}

.x-text-resize {
    position: absolute;
    left: -1000px;
    top: -1000px;
    visibility: hidden;
    zoom: 1;
}

.x-drag-overlay {
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    background-image:url(../images/default/s.gif);
    z-index: 20000;
}

.x-clear {
    clear:both;
    height:0;
    overflow:hidden;
    line-height:0;
    font-size:0;
}


.x-spotlight {
    z-index: 8999;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #CCC;
    width:0;
    height:0;
    zoom: 1;
}



/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

.x-tip{
	position: absolute;
	top: 0;
    left:0;
    visibility: hidden;
	z-index: 20000;
    border:0 none;
}
.x-tip .x-tip-close{
	background-image: url(../images/default/qtip/close.gif);
	height: 15px;
	float:right;
	width: 15px;
    margin:0 0 2px 2px;
    cursor:pointer;
    display:none;
}
.x-tip .x-tip-tc {
	background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -62px;
	padding-top:3px;
    overflow:hidden;
    zoom:1;
}
.x-tip .x-tip-tl {
	background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 0;
	padding-left:6px;
    overflow:hidden;
    zoom:1;
}
.x-tip .x-tip-tr {
	background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right 0;
	padding-right:6px;
    overflow:hidden;
    zoom:1;
}
.x-tip .x-tip-bc {
	background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -121px;
	height:3px;
    overflow:hidden;
}
.x-tip .x-tip-bl {
	background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -59px;
	padding-left:6px;
    zoom:1;
}
.x-tip .x-tip-br {
	background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right -59px;
	padding-right:6px;
    zoom:1;
}
.x-tip .x-tip-mc {
    border:0 none;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
}
.x-tip .x-tip-ml {
	background: #fff url(../images/default/qtip/tip-sprite.gif) no-repeat 0 -124px;
	padding-left:6px;
    zoom:1;
}
.x-tip .x-tip-mr {
	background: transparent url(../images/default/qtip/tip-sprite.gif) no-repeat right -124px;
	padding-right:6px;
    zoom:1;
}
.ext-ie .x-tip .x-tip-header,.ext-ie .x-tip .x-tip-tc {
    font-size:0;
    line-height:0;
}
.x-tip .x-tip-header-text {
    font: bold 11px tahoma,arial,helvetica,sans-serif;
    padding:0;
    margin:0 0 2px 0;
    color:#444;
}
.x-tip .x-tip-body {
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    margin:0 !important;
    line-height:14px;
    color:#444;
    padding:0;
}

.x-tip .x-tip-body .loading-indicator {
    margin:0;
}

.x-tip-draggable .x-tip-header,.x-tip-draggable .x-tip-header-text {
    cursor:move;
}

.x-form-invalid-tip {
}

.x-form-invalid-tip .x-tip-tc {
	background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -12px;
    padding-top:6px;
}
.x-form-invalid-tip .x-tip-tl {
	background-image: url(../images/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-tr {
	background-image: url(../images/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-bc {
	background: url(../images/default/form/error-tip-corners.gif) repeat-x 0 -18px;
    height:6px;
}
.x-form-invalid-tip .x-tip-bl {
	background: url(../images/default/form/error-tip-corners.gif) no-repeat 0 -6px;
}
.x-form-invalid-tip .x-tip-br {
	background: url(../images/default/form/error-tip-corners.gif) no-repeat right -6px;
}
.x-form-invalid-tip .x-tip-ml {
	background-image: url(../images/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-mr {
	background-image: url(../images/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-body {
    padding:2px;
}
.x-form-invalid-tip .x-tip-body {
    padding-left:24px;
    background:transparent url(../images/default/form/exclamation.gif) no-repeat 2px 2px;
}


/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

.x-panel-noborder .x-panel-body-noborder {
    border-width:0;
}

.x-panel-noborder .x-panel-header-noborder {
    border-width:0;
    border-bottom:1px solid #99bbe8;
}

.x-panel-noborder .x-panel-tbar-noborder .x-toolbar {
    border-width:0;
    border-bottom:1px solid #99bbe8;
}

.x-panel-noborder .x-panel-bbar-noborder .x-toolbar {
    border-width:0;
    border-top:1px solid #99bbe8;
}

.x-window-noborder .x-window-mc {
    border-width:0;
}

.x-window-plain .x-window-body-noborder {
    border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-body-noborder {
	border-width:0;
}

.x-tab-panel-noborder .x-tab-panel-header-noborder {
	border-top-width:0;
	border-left-width:0;
	border-right-width:0;
}

.x-tab-panel-noborder .x-tab-panel-footer-noborder {
	border-bottom-width:0;
	border-left-width:0;
	border-right-width:0;
}


.x-tab-panel-bbar-noborder .x-toolbar {
    border-width:0;
    border-top:1px solid #99bbe8;
}

.x-tab-panel-tbar-noborder .x-toolbar {
    border-width:0;
    border-bottom:1px solid #99bbe8;
}
/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

.x-panel {
    border-style: solid;
    border-color: #99bbe8;
    border-width:0;
}

.x-panel-header {
    overflow:hidden;
    zoom:1;
    color:#15428b;
	font:bold 11px tahoma,arial,verdana,sans-serif;
    padding:5px 3px 4px 5px;
    border:1px solid #99bbe8;
    line-height: 15px;
    background: transparent url(../images/default/panel/white-top-bottom.gif) repeat-x 0 -1px;
}

.x-panel-body {
    border:1px solid #99bbe8;
    border-top:0 none;
    overflow:hidden;
    background:white;
    position: relative; /* added for item scroll positioning */
}

.x-panel-bbar .x-toolbar {
    border:1px solid #99bbe8;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}


.x-panel-tbar .x-toolbar {
    border:1px solid #99bbe8;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}

.x-panel-tbar-noheader .x-toolbar, .x-panel-mc .x-panel-tbar .x-toolbar {
    border-top:1px solid #99bbe8;
    border-bottom: 0 none;
}
.x-panel-body-noheader, .x-panel-mc .x-panel-body {
    border-top:1px solid #99bbe8;
}
.x-panel-header {
    overflow:hidden;
    zoom:1;
}
.x-panel-tl .x-panel-header {
    color:#15428b;
	 font:bold 11px tahoma,arial,verdana,sans-serif;
    padding:5px 0 4px 0;
    border:0 none;
    background:transparent;
}
.x-panel-tl .x-panel-icon, .x-window-tl .x-panel-icon {
    padding-left:20px !important;
    background-repeat:no-repeat;
    background-position:0 4px;
    zoom:1;
}
.x-panel-inline-icon {
    width:16px;
	 height:16px;
    background-repeat:no-repeat;
    background-position:0 0;
	 vertical-align:middle;
	 margin-right:4px;
	 margin-top:-1px;
	 margin-bottom:-1px;
}
.x-panel-tc {
	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 0;
	overflow:hidden;
}
/* fix ie7 strict mode bug */
.ext-strict .ext-ie7 .x-panel-tc {
    overflow: visible;
}
.x-panel-tl {
	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 0;
	padding-left:6px;
    zoom:1;
    border-bottom:1px solid #99bbe8;
}
.x-panel-tr {
	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right 0;
	zoom:1;
    padding-right:6px;
}
.x-panel-bc {
	background: transparent url(../images/default/panel/top-bottom.gif) repeat-x 0 bottom;
    zoom:1;
}
.x-panel-bc .x-panel-footer {
    zoom:1;
}

.x-panel-bl {
	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat 0 bottom;
	padding-left:6px;
    zoom:1;
}
.x-panel-br {
	background: transparent url(../images/default/panel/corners-sprite.gif) no-repeat right bottom;
	padding-right:6px;
    zoom:1;
}
.x-panel-mc {
    border:0 none;
    padding:0;
    margin:0;
    font: normal 11px tahoma,arial,helvetica,sans-serif;
    padding-top:6px;
    background:#dfe8f6;
}
.x-panel-mc .x-panel-body {
    background:transparent;
    border: 0 none;
}
.x-panel-ml {
	background: #fff url(../images/default/panel/left-right.gif) repeat-y 0 0;
	padding-left:6px;
    zoom:1;
}
.x-panel-mr {
	background: transparent url(../images/default/panel/left-right.gif) repeat-y right 0;
	padding-right:6px;
    zoom:1;
}
.x-panel-bc .x-panel-footer {
    padding-bottom:6px;
}
.x-panel-nofooter .x-panel-bc, .x-panel-nofooter .x-window-bc {
	height:6px;
    font-size:0;
    line-height:0;
}

.x-panel-bwrap {
    overflow:hidden;
    zoom:1;
    left:0;top:0;
}
.x-panel-body {
    overflow:hidden;
    zoom:1;
}

.x-panel-collapsed .x-resizable-handle{
    display:none;
}

.ext-gecko .x-panel-animated div {
    overflow:hidden !important;
}

/* Plain */
.x-plain-body {
    overflow:hidden;
}

.x-plain-bbar .x-toolbar {
    overflow:hidden;
    padding:2px;
}

.x-plain-tbar .x-toolbar {
    overflow:hidden;
    padding:2px;
}

.x-plain-bwrap {
    overflow:hidden;
    zoom:1;
}

.x-plain {
    overflow:hidden;
}

/* Tools */
.x-tool {
    overflow:hidden;
    width:15px;
    height:15px;
    float:right;
    cursor:pointer;
    background:transparent url(../images/default/panel/tool-sprites.gif) no-repeat;
    margin-left:2px;
}

/* expand / collapse tools */
.x-tool-toggle {
    background-position:0 -60px;
}
.x-tool-toggle-over {
    background-position:-15px -60px;
}
.x-panel-collapsed .x-tool-toggle {
    background-position:0 -75px;
}
.x-panel-collapsed .x-tool-toggle-over {
    background-position:-15px -75px;
}

.x-tool-close {
    background-position:0 -0;
}
.x-tool-close-over {
    background-position:-15px 0;
}

.x-tool-minimize {
    background-position:0 -15px;
}
.x-tool-minimize-over {
    background-position:-15px -15px;
}

.x-tool-maximize {
    background-position:0 -30px;
}
.x-tool-maximize-over {
    background-position:-15px -30px;
}

.x-tool-restore {
    background-position:0 -45px;
}
.x-tool-restore-over {
    background-position:-15px -45px;
}

.x-tool-gear {
    background-position:0 -90px;
}
.x-tool-gear-over {
    background-position:-15px -90px;
}

.x-tool-pin {
    background-position:0 -135px;
}
.x-tool-pin-over {
    background-position:-15px -135px;
}
.x-tool-unpin {
    background-position:0 -150px;
}
.x-tool-unpin-over {
    background-position:-15px -150px;
}
.x-tool-right {
    background-position:0 -165px;
}
.x-tool-right-over {
    background-position:-15px -165px;
}
.x-tool-left {
    background-position:0 -180px;
}
.x-tool-left-over {
    background-position:-15px -180px;
}
.x-tool-up {
    background-position:0 -210px;
}
.x-tool-up-over {
    background-position:-15px -210px;
}
.x-tool-down {
    background-position:0 -195px;
}
.x-tool-down-over {
    background-position:-15px -195px;
}
.x-tool-refresh {
    background-position:0 -225px;
}
.x-tool-refresh-over {
    background-position:-15px -225px;
}

.x-tool-minus {
    background-position:0 -255px;
}
.x-tool-minus-over {
    background-position:-15px -255px;
}
.x-tool-plus {
    background-position:0 -240px;
}
.x-tool-plus-over {
    background-position:-15px -240px;
}

.x-tool-search {
    background-position:0 -270px;
}
.x-tool-search-over {
    background-position:-15px -270px;
}
.x-tool-save {
    background-position:0 -285px;
}
.x-tool-save-over {
    background-position:-15px -285px;
}
.x-tool-help {
    background-position:0 -300px;
}
.x-tool-help-over {
    background-position:-15px -300px;
}
.x-tool-print {
    background-position:0 -315px;
}
.x-tool-print-over {
    background-position:-15px -315px;
}

/* Ghosting */
.x-panel-ghost {
    background:#cbddf3;
    z-index:12000;
    overflow:hidden;
    position:absolute;
    left:0;top:0;
    opacity:.65;
    -moz-opacity:.65;
    filter:alpha(opacity=65);
}

.x-panel-ghost ul {
    margin:0;
    padding:0;
    overflow:hidden;
    font-size:0;
    line-height:0;
    border:1px solid #99bbe8;
    border-top:0 none;
    display:block;
}

.x-panel-ghost * {
    cursor:move !important;
}

.x-panel-dd-spacer {
    border:2px dashed #99bbe8;
}
/* Buttons */

.x-panel-btns-ct {
    padding:5px;
}

.x-panel-btns-ct .x-btn{
	float:right;
	clear:none;
}
.x-panel-btns-ct .x-panel-btns td {
	border:0;
	padding:0;
}
.x-panel-btns-ct .x-panel-btns-right table{
	float:right;
	clear:none;
}
.x-panel-btns-ct .x-panel-btns-left table{
	float:left;
	clear:none;
}
.x-panel-btns-ct .x-panel-btns-center{
	text-align:center; /*ie*/
}
.x-panel-btns-ct .x-panel-btns-center table{
	margin:0 auto; /*everyone else*/
}
.x-panel-btns-ct table td.x-panel-btn-td{
	padding:3px;
}

.x-panel-btns-ct .x-btn-focus .x-btn-left{
	background-position:0 -147px;
}
.x-panel-btns-ct .x-btn-focus .x-btn-right{
	background-position:0 -168px;
}
.x-panel-btns-ct .x-btn-focus .x-btn-center{
	background-position:0 -189px;
}

.x-panel-btns-ct .x-btn-over .x-btn-left{
	background-position:0 -63px;
}
.x-panel-btns-ct .x-btn-over .x-btn-right{
	background-position:0 -84px;
}
.x-panel-btns-ct .x-btn-over .x-btn-center{
	background-position:0 -105px;
}

.x-panel-btns-ct .x-btn-click .x-btn-center{
	background-position:0 -126px;
}
.x-panel-btns-ct .x-btn-click  .x-btn-right{
	background-position:0 -84px;
}
.x-panel-btns-ct .x-btn-click .x-btn-left{
	background-position:0 -63px;
}
/*
 * Ext JS Library 2.2
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */

.x-tab-panel {
    overflow:hidden;
}
.x-tab-panel-header, .x-tab-panel-footer {
	background: #deecfd;
	border: 1px solid #8db2e3;
    overflow:hidden;
    zoom:1;
}


.x-tab-panel-header {
	border: 1px solid #8db2e3;
	padding-bottom: 2px;
}

.x-tab-panel-footer {
	border: 1px solid #8db2e3;
	padding-top: 2px;
}


.x-tab-strip-wrap {
	width:100%;
    overflow:hidden;
    position:relative;
    zoom:1;
}
ul.x-tab-strip {
	display:block;
    width:5000px;
    zoom:1;
}

ul.x-tab-strip-top{
	padding-top: 1px;
	background: url(../images/default/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
	border-bottom: 1px solid #8db2e3;
}

ul.x-tab-strip-bottom{
	padding-bottom: 1px;
	background: url(../images/default/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
	border-top: 1px solid #8db2e3;
	border-bottom: 0 none;
}

.x-tab-panel-header-plain .x-tab-strip-top {
    background:transparent !important;
    padding-top:0 !important;
}
.x-tab-panel-header-plain {
    background:transparent !important;
    border-width:0 !important;
    padding-bottom:0 !important;
}

.x-tab-panel-header-plain .x-tab-strip-spacer,
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border:1px solid #8db2e3;
    height:2px;
    background: #deecfd;
    font-size:1px;
    line-height:1px;
}
.x-tab-panel-header-plain .x-tab-strip-spacer {
    border-top: 0 none;
}
.x-tab-panel-footer-plain .x-tab-strip-spacer {
    border-bottom: 0 none;
}

.x-tab-panel-footer-plain .x-tab-strip-bottom {
    background:transparent !important;
    padding-bottom:0 !important;
}
.x-tab-panel-footer-plain {
    background:transparent !important;
    border-width:0 !important;
    padding-top:0 !important;
}

.ext-border-box .x-tab-panel-header-plain .x-tab-strip-spacer,
.ext-border-box .x-tab-panel-footer-plain .x-tab-strip-spacer {
    height:3px;
}


ul.x-tab-strip li {
    float:left;
    margin-left:2px;
}


ul.x-tab-strip li.x-tab-edge {
    float:left;
    margin:0 !important;
    padding:0 !important;
    border:0 none !important;
    font-size:1px !important;
    line-height:1px !important;
    overflow:hidden;
    zoom:1;
    background:transparent !important;
    width:1px;
}

.x-tab-strip a, .x-tab-strip span, .x-tab-strip em {
	display:block;
}

.x-tab-strip a {
	text-decoration:none !important;
	-moz-outline: none;
	outline: none;
	cursor:pointer;
}

.x-tab-strip-inner {
    overflow:hidden;
	text-overflow: ellipsis;
}

.x-tab-strip span.x-tab-strip-text {
	font:normal 11px tahoma,arial,helvetica;
	color:#416aa3;
	white-space: nowrap;
	cursor:pointer;
    padding:4px 0;
}
.x-tab-strip-top .x-tab-with-icon .x-tab-right {
    padding-left:6px;
}
.x-tab-strip .x-tab-with-icon span.x-tab-strip-text {
	padding-left:20px;
    background-position: 0 3px;
    background-repeat: no-repeat;
}

.x-tab-strip-over span.x-tab-strip-text {
	color:#15428b;
}

.x-tab-strip-active, .x-tab-strip-active a.x-tab-right {
    cursor:default;
}

.x-tab-strip-active span.x-tab-strip-text {
	cursor:default;
	color:#15428b;
    font-weight:bold;
}

.x-tab-strip-disabled .x-tabs-text {
	cursor:default;
	color:#aaaaaa;
}

.x-tab-panel-body {
    overflow:hidden;
}
.x-tab-panel-bwrap {
    overflow:hidden;
}
.ext-ie .x-tab-strip .x-tab-right {
    position:relative;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right {
    margin-bottom:-1px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-bottom:5px;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
    margin-top:-1px;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right span.x-tab-strip-text {
    padding-top:5px;
}


.x-tab-strip-top .x-tab-right {
	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat 0 -51px;
    padding-left:10px;
}

.x-tab-strip-top .x-tab-left {
	background: transparent url(../images/default/tabs/tabs-sprite.gif) no-repeat right -351px;
    padding-right:10px;
}

.x-tab-strip-top .x-tab-strip-inner {
	background: transparent url(../images/default/tabs/tabs-sprite.gif) repeat-x 0 -201px;
}

.x-tab-strip-top .x-tab-strip-over .x-tab-right {
	 background-position:0 -101px;
}
.x-tab-strip-top .x-tab-strip-over .x-tab-left {
	 background-position:right -401px;
}
.x-tab-strip-top .x-tab-strip-over .x-tab-strip-inner {
	 background-position:0 -251px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right {
	background-position: 0 0;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-left {
	background-position: right -301px;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-strip-inner {
	background-position: 0 -151px;
}

.x-tab-strip-bottom .x-tab-right {
	background: url(../images/default/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
}

.x-tab-strip-bottom .x-tab-left {
	background: url(../images/default/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
	background: url(../images/default/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background: url(../images/default/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
}
.x-tab-strip-bottom .x-tab-left {
    padding:0 10px;
}
.x-tab-strip-bottom .x-tab-right {
    padding:0;
}
.x-tab-strip .x-tab-strip-close {
    display:none;
}
.x-tab-strip-closable {
    position:relative;
}

.x-tab-strip-closable .x-tab-left {
    padding-right:19px;
}

.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close {
	background-image:url(../images/default/tabs/tab-close.gif);
    opacity:.6;
    -moz-opacity:.6;
    background-repeat:no-repeat;
    display:block;
	width:11px;height:11px;
    position:absolute;
    top:3px;
    right:3px;
    cursor:pointer;
    z-index:2;
}

.x-tab-strip .x-tab-strip-active a.x-tab-strip-close {
    opacity:.8;
    -moz-opacity:.8;
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover{
	background-image:url(../images/default/tabs/tab-close.gif);
    opacity:1;
    -moz-opacity:1;
}

.x-tab-panel-body {
    border: 1px solid #8db2e3;
    background:#fff;
}
.x-tab-panel-body-top {
    border-top: 0 none;
}
.x-tab-panel-body-bottom {
    border-bottom: 0 none;
}

.x-tab-scroller-left {
    background: transparent url(../images/default/tabs/scroll-left.gif) no-repeat -18px 0;
    border-bottom: 1px solid #8db2e3;
    width:18px;
    position:absolute;
    left:0;
    top:0;
    z-index:10;
    cursor:pointer;
}
.x-tab-scroller-left-over {
    background-position: 0 0;
}
.x-tab-scroller-left-disabled {
    background-position: -18px 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}
.x-tab-scroller-right {
    background: transparent url(../images/default/tabs/scroll-right.gif) no-repeat 0 0;
    border-bottom: 1px solid #8db2e3;
    width:18px;
    position:absolute;
    right:0;
    top:0;
    z-index:10;
    cursor:pointer;
}
.x-tab-scroller-right-over {
    background-position: -18px 0;
}
.x-tab-scroller-right-disabled {
    background-position: 0 0;
    opacity:.5;
    -moz-opacity:.5;
    filter:alpha(opacity=50);
    cursor:default;
}

.x-tab-scrolling .x-tab-strip-wrap {
    margin-left:18px;
    margin-right:18px;
}

.x-tab-scrolling {
    position:relative;    
}

.x-tab-panel-bbar .x-toolbar {
    border:1px solid #99bbe8;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}

.x-tab-panel-tbar .x-toolbar {
    border:1px solid #99bbe8;
    border-top:0 none;
    overflow:hidden;
    padding:2px;
}


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

.ext-el-mask-msg {
    background-image: url(/js/libs/ExtJS_2.2/resources/images/default/box/tb-blue.gif);
}
.x-mask-loading div,
.loading-indicator {
    background-image: url(/js/libs/ExtJS_2.2/resources/images/default/grid/loading.gif);
}
.x-shadow .xsmc {
    background-image: url(/js/libs/ExtJS_2.2/resources/images/default/shadow-c.png);
}
.x-shadow .xsml,
.x-shadow .xsmr {
    background-image: url(/js/libs/ExtJS_2.2/resources/images/default/shadow-lr.png);
}
.x-shadow .xstl,
.x-shadow .xstc,
.x-shadow .xstr,
.x-shadow .xsbl,
.x-shadow .xsbc,
.x-shadow .xsbr {
    background-image: url(/js/libs/ExtJS_2.2/resources/images/default/shadow.png);
}
.x-drag-overlay {
    background-image: url(/js/libs/ExtJS_2.2/resources/images/default/s.gif);
}

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

.x-tip .x-tip-tc,
.x-tip .x-tip-tl,
.x-tip .x-tip-tr,
.x-tip .x-tip-bc,
.x-tip .x-tip-bl,
.x-tip .x-tip-br,
.x-tip .x-tip-ml,
.x-tip .x-tip-mr {
	background-image: url(/img/libs/ExtJS_2.2/qtip/tip-sprite.gif);
	background: #fff;
	margin: 0;
	padding: 0;
}
.x-tip .x-tip-header-text,
.x-tip .x-tip-body {
	font-family: Verdana,Geneva,Arial,Helvetica,sans-serif;
}
.x-tip .x-tip-header-text {
	display: block;
	margin: 10px 10px 0 10px;
}
.x-tip .x-tip-body {
	font-size: 10px;
}

/* part only used to overwrite urls, original images are used */
.x-tip .x-tip-close {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/qtip/close.gif);
}
.x-form-invalid-tip .x-tip-tc,
.x-form-invalid-tip .x-tip-tl,
.x-form-invalid-tip .x-tip-tr,
.x-form-invalid-tip .x-tip-bc,
.x-form-invalid-tip .x-tip-bl,
.x-form-invalid-tip .x-tip-br,
.x-form-invalid-tip .x-tip-ml,
.x-form-invalid-tip .x-tip-mr {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-body {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/form/exclamation.gif);
}
/*
 * 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
 */

.x-panel-header {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/panel/white-top-bottom.gif);
}
.x-panel-tc,
.x-panel-bc {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/panel/top-bottom.gif);
}
.x-panel-tl,
.x-panel-tr,
.x-panel-bl,
.x-panel-br {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/panel/corners-sprite.gif);
}
.x-panel-ml,
.x-panel-mr {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/panel/left-right.gif);
}
.x-tool {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/panel/tool-sprites.gif);
}

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

.x-tab-panel {
	width: 100% !important;
}
.x-tab-panel-header, .x-tab-panel-footer {
	background-color: #f4f4f4;
}
.x-tab-panel-header {
	border: 0;
	padding-bottom: 0;
}
ul.x-tab-strip-top {
	background-color: #fff;
	background-image: url(/img/libs/ExtJS_2.2/tabs/tab-strip-bg.gif);
	border-bottom-color: #e3e3e3;
}
ul.x-tab-strip li {
	list-style: none;
	margin-left: 8px;
}
.x-tab-strip span.x-tab-strip-text {
	color: #8d8f95;
}
.x-tab-strip-over span.x-tab-strip-text {
	color: #50555f;
}
.x-tab-strip-active span.x-tab-strip-text {
	color: #8d8f95;
	cursor: pointer;
}
.x-tab-strip-top .x-tab-right,
.x-tab-strip-top .x-tab-left,
.x-tab-strip-top .x-tab-strip-inner {
	background-image: url(/img/libs/ExtJS_2.2/tabs/tabs-sprite.gif);
}
.x-tab-scroller-left {
	background-image: url(/img/libs/ExtJS_2.2/tabs/scroll-lr.gif);
	border-bottom-color: #efefef;
}
.x-tab-scroller-right {
	background-image: url(/img/libs/ExtJS_2.2/tabs/scroll-lr.gif);
	background-position: -36px 0;
	border-bottom-color: #efefef;
}
.x-tab-scroller-right-over {
	background-position: -54px 0;
}
.x-tab-scroller-left-disabled,
.x-tab-scroller-right-disabled {
	opacity:.9;
	-moz-opacity:.9;
	filter:alpha(opacity=90);
}
.x-tab-panel-body {
	border-color: #e3e3e3;
	margin-bottom: 2em;
}


/* part only used to overwrite urls, original images are used */
ul.x-tab-strip-bottom {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/tabs/tab-strip-btm-bg.gif);
}
.x-tab-strip-bottom .x-tab-right {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/tabs/tab-btm-inactive-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-left {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/tabs/tab-btm-inactive-left-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/tabs/tab-btm-right-bg.gif);
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/tabs/tab-btm-left-bg.gif);
}
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close,
.x-tab-strip .x-tab-strip-closable a.x-tab-strip-close:hover {
	background-image: url(/js/libs/ExtJS_2.2/resources/images/default/tabs/tab-close.gif);
}


/* ====================  PRINT Styles  ==================== */
@media print {
	.x-tab-panel-header {
		display: none;
	}
}


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

/* global whitespace reset !!! */
* {
	margin: 0;
	padding: 0;
}

/* font size inheritance ! */
blockquote address, blockquote blockquote, blockquote dt, blockquote dd, blockquote li, blockquote p, blockquote pre, blockquote table,
dd address, dd blockquote, dd dt, dd dd, dd li, dd p, dd pre, dd table,
li address, li blockquote, li dt, li dd, li li, li p, li pre, li table,
table address, table blockquote, table dt, table dd, table li, table p, table pre, table table {
	font-size: 1em;
}

/* text - block */
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 1.0;
}
address {
	display: block;
	font-style: normal;
}
blockquote {
	clear: left;
	font-style: normal;
}

/* text - inline */
abbr, acronym, cite, code, dfn, em, kbd, q, samp, strong, var {
	font-style: normal;
}
abbr, acronym {
	cursor: help;
}
em {
	font-weight: inherit;
}
code, kbd, samp, var {
	font-family: "Courier New", Courier, monospace;
	font-weight: bold;
}
sup {
	position: relative;
	vertical-align: top;
}
strong {
	font-weight: bold;
}

/* horizontal rule */
hr {
	display: none;
}

/* images */
img {
	border: none;
}

/* lists */
ol {
	clear: left;
  	list-style: decimal outside none;
}
ul {
	clear: left;
  	list-style: square outside none;
}

/* tables */
table {
	border: none;
	border-collapse: collapse;
	border-spacing: 0;
	caption-side: top;
	clear: left;
	empty-cells: show;
	width: 100%; /* Remember !!! */
}
caption, th {
	font-weight: bold;
	text-align: left;
}
th, td {
	border-style: solid;
	vertical-align: top;
}
/* table body */
tbody th {
	font-weight: normal;
}


/* ====================  SCREEN Styles  ==================== */
@media screen {
	/* font family */
	body, button, input, optgroup, option, pre, select, table, textarea {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	
	/* html, body */
	html, body {
		color: #50555f;
		height: 100%;
	}
	html {
		background: #8e8f94;
	}
	body {
		background-color: transparent;
		font-size: 10px; /* base font size ! */
		line-height: 1.0;
	}

	/* text - block */
	address, blockquote, dt, dd, li, p, pre, table {
		font-size: 1.1em; /* 11px */
		line-height: 1.3636; /* 15px */
	}

	/* text - inline */
	abbr, acronym {
		border-bottom: 1px dotted #50555f;
	}

	/* links - specificity: "LVHAF"! */
	a {
		outline: none; /* to prevent FF ugly border */
		text-decoration: none;
	}
	a:link, a:visited {
		background-color: transparent;
		color: #8d8f95;
	}
	a:hover {
		background-color: transparent;
		color: #50555f;
	}
	a:active, a:focus {
		background-color: transparent;
		color: #50555f !important;
	}
	
	/* images */
	img {
		display: block;
		color: #50555f;
	}

	/* tables */
	th, td {
		border-color: #8d8f95;
		border-width: 0 0 1px 0;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	
	#mfContentMain .mfMyAccountFavoritesView a[href^="http"]:after,
	#mfContentRight .mfMyAccountFavoritesView a[href^="http"]:after {
	  content: "";  /* <- if link target should be displayed */
	}
	
	/* global border settings */
	* {
		border-color: #000 !important;
	}

	/* font family */
	body, button, input, optgroup, option, pre, select, table, textarea {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	/* body */
	body {
		background-color: #fff;
		color: #000;
		font-size: 8pt;
		line-height: 1.0;
		orphans: 2;
		widows: 2;
		padding: 0 3em;
	}

	/* headlines */
	h1, h2, h3, h4, h5, h6 {
		page-break-after: avoid;
		page-break-inside: avoid;
	}
	
	/* text - block */
	address, blockquote, dt, dd, li, p, pre, table {
		font-size: 1.125em; /* 9pt */
		line-height: 1.4444; /* 13pt */
	}

	/* text - inline */
	abbr, acronym {
		border-bottom: none;
	}
	abbr:after, acronym:after {
		content: " (" attr(title) ")";
		font-size: xx-small;
	}
	
	/* text, img, forms */
	address, q, img, fieldset, ul, ol, li, tr, th, td {
		page-break-inside: avoid;
	}
	
	/* links */
	a {
		background-color: transparent;
		color: #000;
		text-decoration: none;
	}
	#mfContentMain a[href^="http"]:after,
	#mfContentRight a[href^="http"]:after {
		content: " (" attr(href) ")";  /* <- if link target should be displayed */
	}

	/* tables */
	th, td {
		border-width: 1px;
	}
}
/**
 * description: base styles for elements for all portals
 */
 

/* ====================  SCREEN Styles  ==================== */
@media screen {
	html {
		background-image: url(/img/background/bg_body_homepage.png);
		background-position: 50% 50%;
		background-repeat: no-repeat;
	}
}

/**
 * description: utility classes for all portals
 */
/* visibility classes */
.mfHd {
	height: 1em;
	left: -400em;
	overflow: hidden !important;
	position: absolute !important;
	width: 100em;
}
.mfDn {
	display: none !important;
}
.mfInv {
	visibility: hidden;
}
/* for clearing issues */
.mfCl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.mfCl.sortby.addspace {
    margin-bottom: 7px;
}

/*nowrap*/
.mfNoWrap {
	display: inline-block;
	white-space: nowrap;
}
/* for rendering an email address - anti spam*/
.mfMailaddress {
    cursor:pointer;
    background-image: url(/img/icon/ic_arrow_13x13.gif);
    background-position: 0 -600px;
    background-repeat: no-repeat;
	color: #8D8F95;
    padding-left: 16px;
    font-weight: bold;
}
.mfMailaddress:hover {
	background-position: 0 -500px;
	color: #50555F;
}
.mfMailaddress img {
    display: inline;
}
a span.mfMailaddress {
    background-image: none;
    padding-left: 0px;
}
/* hide text to befog email addresses */
span.mfBefog {
    display:none;
}
.mfBold {
	font-weight:bold;
}
.mfFRight {
	float: right;
}
.mfFLeft {
	float: left;
}
/* generic lists */
.mfHNav,
.mfVNav {
	list-style-type: none;
}
.mfHNav li,
.mfVNav li {
	font-size: 11px;
	line-height: 1;
}
.mfHNav li {
	display: inline;
}
.mfHNav li a,
.mfHNav li strong {
	display: block;
	float: left;
	line-height: 1.0;
	width: auto;
}
.mfHNav li.mfFirst a,
.mfHNav li.mfFirst strong {
	margin-left: 0 !important;
}
/*icon links and buttons*/
.icn, .richtext a {
 	display: block;
 	background: url(/img/icon/ic_arrow_13x13.gif) 0 -297px no-repeat;
	display: block;
	padding: 1px 0 1px 21px;
	font-size: 11px;
	line-height: 1.5;
}
.richtext a {
	display: inline-block;
	padding-left: 15px;
	font-weight: bold;
}
.icn:hover,
.icn:active,
.icn:focus,
.richtext a:hover,
.richtext a:active,
.richtext a:focus {
 	background-position: 0 -497px;
}
.icn.right {
	padding: 1px 21px 1px 0;
 	background-position: 100% -297px;
}
.icn.right:hover,
.icn.right:active,
.icn.right:focus {
	background-position: 100% -497px;
}

.icn.mfExternalLink,
.richtext a.mfExternalLink {
	background-position: 0 -797px;
}
.icn.mfExternalLink:hover,
.icn.mfExternalLink:focus,
.icn.mfExternalLink:active,
.richtext a.mfExternalLink:hover,
.richtext a.mfExternalLink:focus,
.richtext a.mfExternalLink:active {
	background-position: 0 -997px;
}
.icn.up {
	background-position: 100% -1496px;
	padding: 1px 20px 1px 0px;
}
.icn.up:hover,
.icn.up:focus,
.icn.up:active {
	background-position: 100% -1697px;
}
.icn.down {
	background-position: 0 -1196px;
}
.icn.down:hover,
.icn.down:focus,
.icn.down:active {
	background-position: 0 -1397px;
}
.icn.left {
	background-position: 0 2px;
}
.icn.left:hover,
.icn.left:focus,
.icn.left:active {
	background-position: 0 -197px;
}
.icn.info {
	background-position: 0 -1796px;
}
.icn.info:hover,
.icn.info:focus,
.icn.info:active {
	background-position: 0 -1997px;
}
.icn.sub {
	background-position: 100% -397px;
}
.icn.sub:hover,
.icn.sub:focus,
.icn.sub:active {
	background-position: 100% -297px;
}
.icn.plus {
	background-position: 0 -2195px;
}
.icn.plus:hover,
.icn.plus:focus,
.icn.plus:active {
	background-position: 0 -2395px;
}
.icn.minus {
	background-position: 0 -2495px;
}
.icn.minus:hover,
.icn.minus:focus,
.icn.minus:active {
	background-position: 0 -2695px;
}

.bicn {
	font-size: 14px;
	display: block;
 	background: #f4f4f4;
}
.btn {
	border: 1px solid #fff;
	font-size: 10px;
	line-height: 1;
	float: left;
	background: url(/img/background/bg_1x21.gif) 0 0;
}
.btn span {
	background: transparent url(/img/icon/ic_arrow_13x13.gif) no-repeat 0 -2093px;
	padding: 4px 10px 5px 12px;
	color: #fff;
	display: block;
	font-weight: bold;
}
.btn:hover {
	background: #fff;
	-webkit-box-shadow: #50555F 0px 0px 3px;
	-moz-box-shadow: #50555F 0px 0px 3px;
	box-shadow: #50555F 0px 0px 3px;
}
.btn:hover span {
	background-position: 0 -397px;
	color: #8D8F95;
}
.pie {
	behavior: url(/css/base/PIE.htc);
}

/*global big arrow links*/
.mfLinks a {
	background-image: url(/img/icon/ic_arrow_22x22.gif);
	background-position: 0 -296px;
	background-repeat: no-repeat;
	display: block;
	font-size: 14px;
	padding: 8px 0 8px 30px;
}
.mfLinks a:hover,
.mfLinks a:focus,
.mfLinks a:active {
	background-position: 0 -496px;
}
.mfLinks a.mfExternalLink {
	background-position: 0 -596px;
}
.mfLinks a.mfExternalLink:hover,
.mfLinks a.mfExternalLink:focus,
.mfLinks a.mfExternalLink:active {
	background-position: 0 -796px;
}
.mfLinks a.mfSubmit {
	background-position: 100% -297px;
	display: block;
	font-size: 11px;
	font-weight: bold;
	padding: 8px 30px 8px 0;
}
.mfLinks a.mfSubmit:hover,
.mfLinks a.mfSubmit:active,
.mfLinks a.mfSubmit:focus {
	background-position: 100% -497px;
}
/*loader*/
.mfLoadingIndicator {
	background: transparent url(/img/icon/ic_loading.gif) no-repeat 45% 50%;
	height: 20px;
}
/*richtext*/
.richtext,
.richtext p,
.richtext ul,
.richtext ol,
.richtext li {
	font-size: 11px;
	line-height: 14px;
}
.richtext p {
	margin-bottom: 10px;
}
.richtext ul {
	margin-left: 15px;
	margin-bottom: 10px;
}
.richtext ol {
	margin-left: 18px;
	margin-bottom: 10px;
}

/* ====================  SCREEN Styles  ==================== */
@media screen {
	/* generic class for shadow container generated via ExtJS */
	.mfBoxShadow {
		margin-bottom: .5em;
	}
	/* top+bottom sides */
	.mfBoxShadowTC,
	.mfBoxShadowBC {
		background: transparent url(/img/background/bg_shadow_tb.gif) repeat-x 0 0;
		height: 5px;
		position: relative;
		width: 100%;
		z-index: 10;
	}
	.mfBoxShadowBC {
		background-position: 0 -10px;
	}
	/* middle sides */
	.mfBoxShadowMC {
		background-color: #fff;
	}
	.mfBoxShadowML,
	.mfBoxShadowMR {
		background: transparent url(/img/background/bg_shadow_lr.gif) repeat-y 0 0;
		overflow: hidden;
	}
	.mfBoxShadowML {
		padding-left: 5px;
	}
	.mfBoxShadowMR {
		background-position: 100% -10px;
		padding-right: 5px;
	}
	/* corners */
	.mfBoxShadowTL,
	.mfBoxShadowTR,
	.mfBoxShadowBL,
	.mfBoxShadowBR {
		background: transparent url(/img/background/bg_shadow_corners.gif) no-repeat 0 0;
		height: 10px;
		overflow: hidden;
		position: absolute;
		width: 10px;
	}
	.mfBoxShadowTL {
		left: 0;
		top: 0;
	}
	.mfBoxShadowTR {
		background-position: 0 -10px;
		right: 0;
		top: 0;
	}
	.mfBoxShadowBL {
		background-position: 0 -20px;
		bottom: 0;
	}
	.mfBoxShadowBR {
		background-position: 0 -30px;
		bottom: 0;
		right: 0;
	}
	/* in a layer */
	.mfPageLayer #mfHeader .mfBoxShadow {
		float: right;
		width: 18.5em;
	}

	/* generic styling of no flash variant */
	.mfNoFlash img {
		position: relative;
		left: -2px;
	}
	.mfNoFlash h2 {
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1.5;
		padding: 1em 0 .5em;
	}
	.mfNoFlash p {
		padding-bottom: .9091em;
	}
	.mfNoFlash a {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 0 -299px;
		background-repeat: no-repeat;
		display: block;
		padding: 0 0 0 16px;
	}
	.mfNoFlash a:hover {
		background-position: 0 -499px;
	}
}

/* ====================  PRINT Styles  ==================== */
@media print {
	.mfBoxShadow,
	.mfNoFlash {
		display: none;
	}
}

/**
 * description: form elements and classes for all portals
 */


/* fieldset */
fieldset {
	border: none;
}
/* legend */
legend {
	display: block;
	font-weight: bold;
}
/* base form field definitions */
label, input, select, textarea {
	display: block;
	font-weight: normal;
	line-height: normal;
}
input, select, textarea {
	font-size: 1em; /* font size inheritance: remember! */
}
optgroup {
	font-style: normal;
	font-weight: bold;
}
/* error messages */
form h2.mfError,
form h3.mfError,
form h4.mfError,
form label.mfError {
	font-weight: bold !important;
}
/* block: label and radio button or checkbox */
form p.mfRadio,
form p.mfCheckbox {
	clear: left;
	padding-bottom: .4545em;
	margin-bottom: 0;
}
form p.mfRadio label,
form p.mfCheckbox label {
	padding: 0 0 0 1.5455em;
}
form p.mfRadio input,
form p.mfCheckbox input {
	cursor: pointer;
	float: left;
	width: auto;
}
/* radio/checkbox button group */
form div.mfRadioGroup,
form div.mfCheckboxGroup {
	clear: both;
	padding-bottom: 1.5em;
}
form div.mfRadioGroup h3,
form div.mfCheckboxGroup h3 {
	font-size: 1.1em;
}
/* submit buttons block */
form p.mfSubmitBlock {
	clear: both;
}


/* ====================  SCREEN Styles  ==================== */
@media screen {
	/* label */
	label { /* separated from next style rule to be interpreted by IE6 */
		cursor: pointer;
	}
	/* clickable form fields */
	input[type=button], input[type=checkbox], input[type=image], input[type=radio], input[type=reset], input[type=submit], select, button {
		cursor: pointer;
	}
	/* select */
	select {
		background-color: #fff;
		color: #50555f;
		border: 1px solid #8d8f95;
		height: 1.7273em; /* 19px */
	}
	select.mfSelectBig {
		height: auto;
	}
	select:active, select:focus {
		background-color: #dddddf;
		border-color: #50555f; /* TODO: check */
	}
	option {
		padding: .1818em 0 .1818em .3636em;
	}
	/* textarea */
	textarea {
		background-color: #fff;
		color: #50555f;
		border: 1px solid #8d8f95;
		padding: .1818em .3636em;
	}
	textarea:active, textarea:focus {
		background-color: #dddddf;
		border-color: #50555f;
	}
	/* text, file input */
	input.mfText,
	input.mfFile {
		background-color: #fff;
	}
	input.mfInputUpload {
		float: left;
		width: 284px; 
	}
	input.mfText {
		border: .0909em solid #8d8f95;
		color: #50555f;
		padding: .1818em .3636em;
	}
	input.mfText:active,
	input.mfText:focus {
		background-color: #dddddf;
		border-color: #50555f;
		color: #333;
	}
	/* submit buttons */
	input.mfSubmit {
		background: transparent url(/img/icon/ic_arrow_22x22.gif) no-repeat 100% -300px;
		border: none;
		cursor: pointer;
		float: right;
		font-weight: bold;
		height: 2em;
		color: #8d8f95;
		padding: .3636em 27px 0 0;
		text-align: right;
		width: auto;
	}
	input.mfSubmit:hover,
	input.mfSubmit:active,
	input.mfSubmit:focus {
		background-position: 100% -500px;
		color: #50555f;
	}

	/* error messages */
	.mfError {
		/*color: #df0a29;*/ /*primär*/
		color: #780F1E; /*secondär*/
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	/* submit buttons */
	input.mfSubmit {
		background-color: transparent;
		float: right;
		font-weight: bold;
	}
}


/* overall layout type (2 or 3 column) and main container styling */
/**
 * description: 3-column pagelayout with fluid column widths and main container definitions
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	/**
     * no javascript ?
     */
    #mfNoScript span {
        background: red;
        color: #fff;
        font-weight: bold;
        display: block;
        padding: 20px 0;
        position: absolute;
        top: 0;
        text-align: center;
        width: 100%;
        z-index: 2000;
    }
	/**
	 * container: wrapper
	 */
	#mfWrapper {
		margin: 0 auto 4em;
		/*min-height: 100%;*/
		position: relative;
		width: 96.8em; /* 968px */
		z-index: 0;
	}

	#mfWrapperHomeOuter {
		display: table;
		height: 100%;
		overflow: hidden;
		position: static;
		width: 100%;
	}
	#mfWrapperHomeMiddle {
		display: table-cell;
		position: static;
		vertical-align: middle;
	}


	/**
	 * container: header
	 */
	#mfHeader {
		background: #fff url(/img/background/bg_header_footer.gif) repeat-x 0 100%;
		height: 5em;
		position: static;
		width: 100%;
		z-index: 1000;
	}


	/**
	 * container: wrapper for content
	 */
	#mfContentWrapper {
		position: relative;
		width: 100%;
		z-index: 2;
	}

	/**
	 * container: content header (visual, title, fast accesses...)
	 */
	#mfContentHeader {
		position: relative;
	}

	#mfContentMain {
		height: 479px;
	}


	/**
	 * container: content area (left navigation, content components, ...)
	 */
	#mfContentArea {
		clear: both;
	}


	/**
	 * container: footer
	 */
	#mfFooter {
		background: #fff url(/img/background/bg_header_footer.gif) repeat-x 0 0;
		bottom: 0;
		clear: both;
		height: 3.5em;
		padding-top: 1.5em;
		position: static;
		width: 100%;
		z-index: 100;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	/**
	 * container: wrapper
	 */
	#mfWrapper {
		width: 100%;
	}

	/**
	 * container: footer
	 */
	#mfFooter {
		display: none;
	}
}

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


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfLogo {
		float: left;
		padding-top: .5455em;
		width: 16.3636em; /* 180px */
	}
	#mfLogo img {
		margin-left: 1.3636em;
		padding: .4545em;
	}
	#mfLogo a:hover {
		background-color: transparent;
		color: #fff;
	}
	.mfAuthorMode #mfHeader .logo {
		float: left;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfLogo {
		float: right;
		padding: 1em 0 0;
		width: auto;
	}
}

/**
 * module: top navigation
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfTopNavigation {
		left: 18em;
		position: absolute;
		width: 63em;
	}
	/* states for link pseudo classes and "current" tab */
	#mfTopNavigation li a:link,
	#mfTopNavigation li a:visited {
		background-color: transparent;
		color: #50555f;
	}
	#mfTopNavigation li a:hover,
	#mfTopNavigation li a:active,
	#mfTopNavigation li a:focus,
	#mfTopNavigation li a.mfCurrent {
		background: #8d8f95 url(/img/background/bg_mainnav.gif) no-repeat 0 100%;
		color: #fff;
	}
	/* one line link */
	#mfTopNavigation li a span {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 100% -578px;
		background-repeat: no-repeat;
		display: block;
		margin-right: .4545em;
		padding: 2.0909em 1.3636em 1.4545em 1.0909em;
		white-space: nowrap;
	}
	#mfTopNavigation li a:hover span,
	#mfTopNavigation li a:active span,
	#mfTopNavigation li a:focus span,
	#mfTopNavigation li a.mfCurrent span {
		background-color: transparent;
		background-image: url(/img/background/bg_mainnav.gif);
		background-position: 100% 0;
		color: #fff;
		margin-right: 0;
		padding-right: 1.8182em;
	}
	/* special case: display default (grey) tabs, when fair specific skin is used inside corporate area */
	#mfTopNavigation .mfTopNavigationDefault li a:hover,
	#mfTopNavigation .mfTopNavigationDefault li a:active,
	#mfTopNavigation .mfTopNavigationDefault li a:focus,
	#mfTopNavigation .mfTopNavigationDefault li a.mfCurrent {
		background-color: #8d8f95;
		background-image: url(/img/background/bg_mainnav.gif);
	}
	#mfTopNavigation .mfTopNavigationDefault li a.mfFairTab:hover {
		background-color: #8d8f95;
		background-image: url(/img/background/bg_mainnav.gif);
	}

	/* special case: corporate tab */
	#mfTopNavigation li.mfCorporateTab a {
		margin-right: 0;
	}
	#mfTopNavigation li.mfCorporateTab a:hover,
	#mfTopNavigation li.mfCorporateTab a:active,
	#mfTopNavigation li.mfCorporateTab a:focus,
	#mfTopNavigation li.mfCorporateTab a.mfCurrent {
		background-color: #df0a29;
		background-position: -300px 100%;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfTopNavigation {
		display: none;
	}
}
/**
 * component: Messe Frankfurt claim
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfClaim img {
		float: right;
		padding: 2.2727em 2.7273em 0 0;
		width: auto;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfClaim {
		display: none;
	}
}

/**
 * component: fast accesses
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfFastAccesses {
		position: absolute;
		right: 2em;
		top: 1.5em;
		width: 17.5em;
		z-index: 200;
	}
	.mfPageHome #mfFastAccesses {
		top: 7.6em;
	}
	#mfFastAccesses div {
		position: absolute;
		width: 100%;
	}
	/* ff slide bug - used for animation */
	#mfFastAccesses div.mfSliding,
	#mfFastAccesses div.mfSliding * {
		overflow: hidden !important;
	}
	#mfFastAccesses #mfFastAccessSearch {
		top: 0;
		z-index: 4;
	}
	#mfFastAccesses #mfFastAccessFairs {
		top: 3.1em;
		z-index: 3;
	}
	#mfFastAccesses #mfFastAccessEvents {
		top: 6.2em;
		z-index: 2;
	}
	#mfFastAccesses #mfFastAccessNews {
		top: 9.3em;
		z-index: 1;
	}
	#mfFastAccesses div h3 {
		font-size: 1em;
	}
	#mfFastAccesses #mfFastAccessSearch h3 {
		position: absolute;
		right: 0;
	}
	#mfFastAccesses #mfFastAccessSearch h3 span {
		background: url(/img/background/bg_1x21.gif) repeat-x 0 100%;
    	height: 21px;
    	position: absolute;
    	width: 21px;
	}
	#mfFastAccesses div h3 a {
		background-image: url(/img/icon/ic_actionarrow_22x21.gif);
		background-position: 100% -700px;
		background-repeat: no-repeat;
		display: block;
		line-height: 2.1;
		padding-right: 22px;
	}
	#mfFastAccesses div h3 a.mfFastAccessesUp {
		background-position: 100% -600px;
	}
	#mfFastAccesses div h3 a span {
		background-color: #8d8f95;
		color: #fff;
		display: block;
		padding-left: 2em;
	}
	#mfFastAccesses #mfFastAccessSearch input#mfFastAccessSearchSubmit {
		background: transparent url(/img/icon/ic_actionarrow_22x21.gif) no-repeat -1px -1300px; /*300*/
		border: none;
		height: 21px;
		width: 21px;
		position: relative;
	}
	#mfFastAccesses #mfFastAccessSearch input#mfFastAccessSearchInput {
		border-color: #fff;
		font-size: 1em;
		height: 1.5455em;
		padding: .1818em 0 0 2.0909em;
		width: 11.7em; /* 132px */
		border-color: #BEBFC1 #DFDFDF #DFDFDF #BEBFC1 !important;
		background: #fff url(/img/background/bg_search_shadow.gif) no-repeat 0 0;
	}
	#mfFastAccesses #mfFastAccessSearch input#mfFastAccessSearchInput:focus {
		background-color: #dddddf;
		border-color: #fff;
	}

	/* body parts (hidden) */
	#mfFastAccesses div div {
		position: static;
		width: auto;
	}
	#mfFastAccesses div div.mfFastAccessBody {
		background-color: #fff;
		border: 1px solid #dddddf;
		border-top: none;
		margin-top: .1em;
		overflow: hidden;
		padding: 1.7em 0 0 2em;
	}
	#mfFastAccesses #mfFastAccessSearch div.mfFastAccessBody {
		height: 33.4em;
	}
	#mfFastAccesses #mfFastAccessFairs div.mfFastAccessBody {
		height: 30.3em;
	}
	#mfFastAccesses #mfFastAccessEvents div.mfFastAccessBody {
		height: 27.2em;
	}
	.mfPageHome #mfFastAccesses #mfFastAccessSearch div.mfFastAccessBody {
		height: 28.7em;
	}
	.mfPageHome #mfFastAccesses #mfFastAccessFairs div.mfFastAccessBody {
		height: 25.6em;
	}
	.mfPageHome #mfFastAccesses #mfFastAccessEvents div.mfFastAccessBody {
		height: 22.5em;
	}
	.mfPageHome #mfFastAccesses #mfFastAccessNews div.mfFastAccessBody {
		height: 19.3em;
	}
	#mfFastAccesses div div.mfFastAccessBody p.mfFastAccessBodyTop {
		border-bottom: .0909em solid #8d8f95;
		margin-right: 1.8182em;
		padding-bottom: 1.2727em;
	}
	#mfFastAccesses div div.mfFastAccessBody ul.mfFastAccessBodyTop {
		border-bottom: .1em solid #8d8f95;
		margin-right: 2em;
		padding-bottom: 1.4em;
	}
	#mfFastAccesses div div.mfFastAccessBody ul {
		list-style: none;
	}
	#mfFastAccesses div div.mfFastAccessBody div {
		padding-right: 2em;
		overflow-y: auto;
		overflow-x: hidden;
	}
	#mfFastAccesses #mfFastAccessSearch div.mfFastAccessBody div {
		height: 29.3em;
	}
	#mfFastAccesses #mfFastAccessFairs div.mfFastAccessBody div {
		height: 23em;
		margin-top: 2em;
	}
	#mfFastAccesses #mfFastAccessEvents div.mfFastAccessBody div {
		height: 15.2em;
		margin-top: 2em;
	}
	.mfPageHome #mfFastAccesses #mfFastAccessSearch div.mfFastAccessBody div {
		height: 24.6em;
	}
	.mfPageHome #mfFastAccesses #mfFastAccessFairs div.mfFastAccessBody div {
		height: 18.3em;
	}
	.mfPageHome #mfFastAccesses #mfFastAccessEvents div.mfFastAccessBody div {
		height: 10.5em;
	}
	.mfPageHome #mfFastAccesses #mfFastAccessNews div.mfFastAccessBody div {
		height: 17.3em;
	}
	#mfFastAccesses div div.mfFastAccessBody h4 {
		color: #8d8f95;
		font-size: 1.2em;
		padding-bottom: .75em;
	}
	#mfFastAccesses div div.mfFastAccessBody div ul {
		padding-bottom: 1.8em;
	}
	#mfFastAccesses #mfFastAccessNews div.mfFastAccessBody div ul li {
		padding-bottom: .9091em;
	}
	/* links */
	#mfFastAccesses div div.mfFastAccessBody a {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 0 -299px;
		background-repeat: no-repeat;
		display: block;
		padding-bottom: .2727em;
		padding-left: 1.6364em;
	}
	#mfFastAccesses div div.mfFastAccessBody a:hover,#mfFastAccesses div div.mfFastAccessBody a.mfActive {
		background-position: 0 -499px;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfFastAccesses {
		display: none;
	}
}


/**
 * component: home page flash
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfHomeFlash {
	}
	.mfHomeFlash .mfNoFlash {
		padding: 9.6em 0 0 2em;
		width: 45em;
	}
}


/**
 * component: home page no flash
 */
/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfHomeNoFlash {
		height: 48em;
		overflow: hidden;
	}
	.mfHomeNoFlash img.mfBackground {
		width: 101%;
	}
	.mfHomeNoFlash .mfThemeWrapper {
		position: absolute;
		left: 2.1em;
		overflow: hidden;
		width: 74.3em;
		top: 7.6em;
	}
	.mfHomeNoFlash .mfTheme {
		height: 2.1em;
		margin-bottom: 1em;
	}
	.mfHomeNoFlash .mfTheme p {
		background: #fff;
		float: left;
		line-height: 1.8;
		padding-left: 25px;
		width: 45.5454em; /*501px*/
	}
	.mfHomeNoFlash .mfTheme div {
		float: right;
	}
	.mfHomeNoFlash .mfTheme a {
		background: #8D8F95;
		color: #fff;
		display: block;
		float: left;
		margin-left: 1em;
		padding: .5em .7em;
	}
	.mfHomeNoFlash .mfTheme a:hover,
	.mfHomeNoFlash .mfTheme a:active,
	.mfHomeNoFlash .mfTheme a:focus,
	.mfHomeNoFlash .mfTheme a.mfActive {
		color: #8D8F95;
		background: #fff;
	}
	.mfHomeNoFlash .mfLogo {
		background: #fff;
		height: 52px;
		margin-bottom: 10px;
		overflow: hidden;
	}
	.mfHomeNoFlash .mfLogo img {
		float: left;
		margin: 0 25px;
	}
	.mfHomeNoFlash .mfLogo p {
		float: right;
		padding: 22px 15px 0 0;
	}
	.mfHomeNoFlash .mfLogo p a {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 8px -299px;
		background-repeat: no-repeat;
		display: block;
		float: left;
		padding: 0 .9091em 0 25px;
	}
	.mfHomeNoFlash .mfImage {
		overflow: hidden;
		height: 234px;
	}
	.mfHomeNoFlash .mfImage img {
		width: 100%;
	}
	.mfHomeNoFlash p.mfLoadingIndicator {
		background: transparent url(/img/icon/ic_loading.gif) no-repeat 0 50%;
		height: 16px;
		left: 48%;
		position: absolute;
		width: 16px;
		top: 200px;
	}

	/*new home container without flash*/
	#mfHome,
	#mfHomeBg {
		position: relative;
		height: 100%;
		width: 100%;
		background: #fff;
	}
	#mfHome ul {
		list-style: none;
		width: 762px;
		top: 170px;
		position: absolute;
		z-index: 1;
	}
	#mfHome li {
		height: 22px;
		overflow: hidden;
		margin-bottom: 10px;
		position: relative;
		opacity: 0;
	}
	.ext-ie #mfHome li {
		opacity: 1;
	}
	#mfHome li.cur {
		height: 53px;
		background: #fff;
	}
	#mfHome li div {
		background: #fff;
		position: absolute;
		right: 0;
		height: 100%;
		width: 100%;
		cursor: pointer;
	}
	#mfHome img,
	#mfHome p.logo,
	#mfHome p.text {
		display: none;
	}
	#mfHome li.cur img,
	#mfHome li.cur p.logo,
	#mfHome li.cur p.text {
		display: block;
	}
	#mfHome li.cur p.text {
		top: 18px;
	}
	#mfHome li.cur p.logo {
		top: 13px;
	}
	#mfHome .text {
		position: absolute;
		left: 20px;
		font-size: 14px;
		color: #999;
	}
	#mfHome .logo {
		position: absolute;
		left: 220px;
		font-size: 18px;
		color: #999;
	}
	#mfHome a.icn {
		float: right;
		margin: 21px 18px 0 0;
	}
	#mfHome span {
		display: block;
		position: absolute;
		right: 18px;
		top: 5px;
		width: 13px;
		height: 13px;
		background: #FFF url(/img/icon/ic_arrow_13x13.gif) 0 -600px no-repeat;
	}
	#mfHome li.cur span {
		display: none;
	}
}

/**
 * component: toolbar navigation
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfToolbarNav {
		float: left;
		padding-left: .2em;
		width: 76em;
	}
	#mfToolbarNav ul {
		clear: none;
	}
	#mfToolbarNav li {
		font-size: 1em;
		line-height: 1.3;
	}
	#mfToolbarNav ul a {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 100% -596px;
		background-repeat: no-repeat;
		line-height: 2em;
		margin-left: 1.7273em;
		padding-right: 1.4em;
	}
	#mfToolbarNav ul a:link,
	#mfToolbarNav ul a:visited {
		background-color: transparent;
		color: #50555f;
	}
	#mfToolbarNav ul a.mfCurrent {
		font-weight: bold;
	}
	#mfToolbarNav ul a:hover {
		background-position: 100% -496px;
	}
	#mfToolbarNav ul a.mfFirst {
		margin-left: 0;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfToolbarNav {
		display: none;
	}
}
/**
 * component: language switcher
 */
/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfLanguageSwitcher {
		display: none;
		position: absolute;
		right: 35px;
		overflow: hidden;
		z-index: 1000;
		height: 21px;
		top: 18px;
		width: 78px;
	}
	.mfPageHome #mfLanguageSwitcher {
		right: 20px;
	}
	#mfLanguageSwitcher.show {
		display: block;
	}
	
	#mfLanguageSwitcher a.toggle {
		background-image: url(/img/icon/ic_actionarrow_22x21.gif);
		background-repeat: no-repeat;
		background-position: -1px -1100px;
		display: block;
		height: 21px;
		width: 21px;
		position: absolute;
		right: 0;
		top: 0;
	}
	#mfLanguageSwitcher a.toggle:hover,
	#mfLanguageSwitcher a.toggle.hover {
		background-position: -1px -700px;
	}  
	#mfLanguageSwitcher.open a.toggle {
		background-position: -1px -1000px;
	}
	#mfLanguageSwitcher.open a.toggle:hover,
	#mfLanguageSwitcher.open a.toggle.hover {
		background-position: -1px -600px;
	}
	
	#mfLanguageSwitcher ul {
		list-style: none;
		border-bottom: 1px solid #8D8F95;
		background: #fff;
	}
	#mfLanguageSwitcher li {
		font-size: 11px;
		line-height: 1;
	}
	#mfLanguageSwitcher li a {
		padding: 4px 0 4px .6364em;
		margin: 0;
		border: 1px solid #8D8F95;
		border-top: 0;
		border-bottom: 0;
		display: block;
		width: 69px;
	}
	#mfLanguageSwitcher li a img {
		display: block;
		float: right;
		width: 17px;
		margin: -2px 26px 0 0;
	}
	#mfLanguageSwitcher li a.mfActive {
		color: #50555f;
		border: 1px solid #8D8F95;
		width: 47px;
	}
	#mfLanguageSwitcher li a.mfActive img {
		margin-right: 4px;
	}
	/*ie6*/
	.ie6 #mfLanguageSwitcher li {
		width: 100%;
	}
	.ie6 #mfLanguageSwitcher li a {
		position: relative;
	}
	.ie6 #mfLanguageSwitcher li a img {
		position: absolute;
		right: -2px;
		top: 3px;
	}
	.ie6 #mfLanguageSwitcher li a.mfActive img {
		margin-right: 2px;
		right: 0;
		top: 2px;
	}
	
	.ie7 #mfLanguageSwitcher li a {
		padding-bottom: 1px;
		margin: -1px 0;
	}
	.ie7 #mfLanguageSwitcher li a.mfActive {
		margin: 0;
	}
	.ie7 .mfPageHome #mfLanguageSwitcher li a {
		padding-top: 3px;
	}
	.ie7 .mfPageHome #mfLanguageSwitcher li a img {
		margin-top: -1px;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfLanguageSwitcher {
		display: none;
	}
}
/**
 * component: right myaccount login - style markup coming from login-widget
 */
/* ====================  SCREEN Styles  ==================== */
@media screen {
    .mfMyAccountLoginWidget #MyAccountLw {
        width: 100%;
        padding: 8px 8px 17px 8px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        background: #fff;
    }
    .mfMyAccountLoginWidget h2 {
        font-size: 12px;
    }
    .mfMyAccountLoginWidget #messeLogo {
        float: left;
    }
    .mfMyAccountLoginWidget #loginboxTitle {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 18px;
        padding: 0 0 10px 18px;
    }
    .mfMyAccountLoginWidget #loginboxSubtitle {
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 11px;
        padding: 0 0 10px 0;
    }
    .mfMyAccountLoginWidget  #buttonLogin {
        font-size: 11px;
        font-weight: bold;
        cursor: default;
        display: none !important;
        margin-bottom: .5em;
        color: #8D8F95 !important;
    }
    .mfMyAccountLoginWidget #MyAccountLwStatusText,
    .mfMyAccountLoginWidget a#cancelLogin,
    .mfMyAccountLoginWidget .customercenter {
        display: none;
    }
    .mfMyAccountLoginWidget.loggedIn .customercenter {
        display: block;
    }
    .mfMyAccountLoginWidget.loggedIn #MyAccountLwStatusText {
        display: block;
        font-size: 11px;
        margin: 0 0 5px 0;
    }   
    .mfMyAccountLoginWidget input {
        border: 1px solid #8D8F95;
        color: #50555F;
        margin-bottom: .5em;
        padding: 3px;
        width: 150px;
    }   
    .mfMyAccountLoginWidget #MyAccountPassword {
        display: none;
    }
    .mfMyAccountLoginWidget input:focus {
        display: none;
    }
    .mfMyAccountLoginWidget input:first-child {
        margin-top: .5em;
    }
    .mfMyAccountLoginWidget input#MyAccountLwUsername {
        display: none;
    }   
    .mfMyAccountLoginWidget #MyAccountLwLoginButton {
        display: none;
    }
    .mfMyAccountLoginWidget #MyAccountLwLoginButton:hover {
        display: none;
    }
    .mfMyAccountLoginWidget #MyAccountLwForgotPasswordButton {
        display: none;
    }
    .mfMyAccountLoginWidget #loginError {
       display: none;
    }
    .mfMyAccountLoginWidget input.err {
        border: 1px solid red;
    }
    /*footer*/
    .mfMyAccountLoginWidget.footer {
        width: 175px;
        position: absolute;
        right: 20px;
        top: 15px;
    }
    .mfMyAccountLoginWidget.footer .icn.cctoggle {
        background: url(/img/icon/ic_misc.png) no-repeat 5px -2192px;
    }
    .mfMyAccountLoginWidget.footer #MyAccountLw {
        position: absolute;
        right: 0;
        bottom: -10px;
        border: 1px solid #DDDDDF;
        display: none;
    }
    .mfMyAccountLoginWidget .buttonStyles {
        background: url(/skins/a0a296/img/background/bg_1x21.gif) repeat-x;
        border: 1px solid #fff;
        color: #fff;
        font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
        font-size: 10px;
        line-height: 1;
        margin: -1px 5px 0 0;
        padding: 5px;
        text-align: center;
    }
    .mfMyAccountLoginWidget .buttonStyles:hover {
        color: #50555F;
        background: #fff;
        -webkit-box-shadow: #50555F 0px 0px 3px;
        -moz-box-shadow: #50555F 0px 0px 3px;
        box-shadow: #50555F 0px 0px 3px;
    }
}


		
			
/**
 * description: 3-column pagelayout with fluid column widths and main container definitions
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	/**
	 * container: footer
	 */
	#mfFooter {
		position: relative;
	}
}

/**
 * component: myaccount - generic styles
 */
.mfProcessIndicator {
	background: #fff url(/js/libs/Shadowbox_2.0/_mf/skin/loading.gif) no-repeat 50% 40%;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

/*my account login*/
#mfMyAccountLogin .myAccountIndicator {
	background: transparent url(/img/icon/ic_loading.gif) no-repeat 0 50%;
	color: #8d8f95;
	font-size: 1em;
	margin-top: 10px;
	padding: 5px 0 5px 21px;
}
.mfPageHome #mfMyAccountLogin .myAccountIndicator {
	position: absolute;
	left: 10px;
	width: 170px;
	top: -3px;
	background-color: #fff;
}
.mfBoxShadow #mfMyAccountLogin {
	margin: 0;
	border: 0;
}
#mfMyAccountLogin {
	padding: 8px 8px 11px 8px;
	border: 1px solid #DDDDDF;
	margin-bottom: 1.5em;
}
#mfMyAccountLogin .toggleDiv {
	display: none;
	overflow: hidden;
	background: #fff;
	height: 0;
}
#mfMyAccountLogin.loggedin .toggleDiv {
	height: auto;
	display: block;
}
#mfMyAccountLogin.open .toggleDiv {
	display: block !important;
}
/*login form*/
#mfMyAccountLogin form {
	position: relative;
}
#mfMyAccountLogin input.mfText {
	border: 1px solid #8d8f95;
	padding: 3px 0 4px 2px;
	margin-bottom: 8px;
	width: 109px;
	color:  #8D8F95;
	font-size: 10px;
	height: 12px;
}
#mfMyAccountLogin form a {
	position: absolute;
	right: -2px;
	top: 27px;
	background: #8d8f95 url(/img/icon/ic_login_48x25.gif) no-repeat 0 100%;
	width: 48px;
	height: 25px;
}
#mfMyAccountLogin form a:focus,
#mfMyAccountLogin form a:hover {
	background-position: 0 0;
}
/*myaccount image*/
#mfMyAccountLogin h2 {
	background: #fff url(/img/icon/ic_lock.gif) no-repeat 0 -97px;
	height: 20px;
}
#mfMyAccountLogin.loggedin h2 {
	background-position: 0 1px;
}
/*toggle link*/
#mfMyAccountLogin h2 a {
 	background: url(/img/icon/ic_actionarrow_22x21.gif) 140px -299px no-repeat;
 	width: 100%;
 	height: 20px;
 	display: block;
 	float: right;
}
#mfMyAccountLogin.loggedin h2 a {
	display: none;
}
#mfMyAccountLogin.open h2 a {
 	background-position: 140px -199px;
}
/*linklist*/
#mfMyAccountLogin ul {
	list-style-type: none;
	margin: 8px 0 8px 10px;
}
/*reset - causes px differences - line-height issue*/
#mfMyAccountLogin ul li {
	line-height: 1;
	font-size: 10px;
}
#mfMyAccountLogin ul li strong {
	display: block;
	margin: 0 0 7px 0;
	padding-top: 1px;
	font-size: 10px;
}
#mfMyAccountLogin ul li a {
	background: url(/img/icon/ic_arrow_13x13.gif) 0 -301px no-repeat;
	display: block;
	padding: 0 0 7px 20px;
	color: #50555F;
}
#mfMyAccountLogin ul li a:hover,
#mfMyAccountLogin ul li a:focus {
	background-position: 0 -501px;
}
#mfMyAccountLogin.loggedin ul {
	margin: 6px 0 0 10px;
}
/*on homepage*/
.mfPageHome #mfMyAccountLogin {
	border-color: transparent;
	width: 157px;
	position: absolute;
	right: 20px;
	bottom: 3px;
	margin: 0;
}
.mfPageHome #mfMyAccountLogin.loggedin .toggleDiv {
	height: 0;
	display: none;
}
.mfPageHome #mfMyAccountLogin .toggleDiv {
	position: absolute;
	border: 1px solid #ccc;
	border-bottom: none;
	bottom: 35px;
	left: -1px;
	width: 157px;
	padding: 8px 8px 0 8px;
	background: #fff;
}
.mfPageHome #mfMyAccountLogin.open {
	border-color: #ccc;
	border-top: none;
}
/*toggle*/
.mfPageHome #mfMyAccountLogin.loggedin h2 a {
	display: block;
}
.mfPageHome #mfMyAccountLogin h2 a {
	margin: 0 37px 0 0;
	background-position: 139px -199px;
}
.mfPageHome #mfMyAccountLogin.open h2 a {
 	background-position: 139px -299px;
}
.mfPageHome #mfMyAccountLogin input {
	width: 107px;
}
.mfPageHome #mfMyAccountLogin ul li strong {
	padding-top: 0;
}
/*x-browser*/
.ie6 .mfPageHome #mfMyAccountLogin {
	border: none;
}
.ie6 #mfMyAccountLogin form a {
	right: 10px;
	top: 30px;
}
.ie6 .mfPageHome #mfMyAccountLogin h2 {
	width: 156px;
	overflow: hidden;
}
.ie7 #mfMyAccountLogin form a {
	top: 30px;
}
.ie7 #mfMyAccountLogin ul li a {
	margin-top: -1px;
}
.ie7 .mfPageHome #mfMyAccountLogin ul li strong {
	padding-top: 5px;
}
.ie7 .mfPageHome #mfMyAccountLogin h2 a {
	background-position: 103px -199px;
}
.ie7 .mfPageHome #mfMyAccountLogin.open h2 a {
	background-position: 103px -299px;
}

/**
 * component: my account layer
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	/* mask */
	#mfMyAccountMask {
		background-color: #fff;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: 1001;
	}
	/* layer */
	#mfMyAccountLayerWrapper {
		left: 0;
		overflow: hidden;
		position: absolute;
		width: 96.8em;
		z-index: 1002;
	}
	#mfMyAccountLayer {
		background: #fff;
		border: 1px solid #ddd;
		border-width: 1px 1px 0;
		height: 100%;
		overflow: hidden;
		position: absolute;
	}
	/* iframe */
	#mfMyAccountIframe {
		display: none;
		height: 100%;
		overflow: auto;
		width: 100%;
	}
	/* iframe loading indicator */
	#mfMyAccountLoading {
		background: #eee url(/js/libs/Shadowbox_2.0/_mf/skin/loading.gif) no-repeat 50% 25%;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
	}
}
/**
 * component: toolbar navigation
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfToolbarNav {
		border-right: .1em solid #8d8f95;
		padding-left: 0;
	}

	#mfToolbarNav.mfNoMyAccount{
		border-right: none;
	}

	#mfToolbarNav ul a {
		margin-left: 1em;
	}
}