/**
 * 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 url(/img/background/bg_body_contentpage.jpg) repeat-y 50% 0;
	}
	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 {
	/* 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.jpg);
		background-position: 50% 50%;
	}
}

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

/* for clearing issues */
.mfCl:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/*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 horizontal navigation */
.mfHNav {
	list-style-type: none;
}
.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;
}


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


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

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


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

/**
 * component: toolbar navigation
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfToolbarNav {
		float: left;
		padding-left: .2em;
		width: 45em;
	}
	#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;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfToolbarNav {
		display: none;
	}
}
/**
 * component: language switcher
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfLanguageSwitcher {
		float: right;
		margin-right: 1em;
		position: relative;
		width: auto;
	}
	#mfLanguageSwitcher a.mfGoDown,
	#mfLanguageSwitcher a.mfGoLeft,
	#mfLanguageSwitcher a.mfGoRight {
		background-image: url(/img/icon/ic_actionarrow_22x21.gif);
		background-repeat: no-repeat;
		display: block;
		height: 21px;
		width: 21px;		
	}
	#mfLanguageSwitcher a.mfGoDown {
		background-position: -1px -1100px;
	}
	#mfLanguageSwitcher a.mfGoDown:hover {
		background-position: -1px -700px;
	}
	#mfLanguageSwitcher a.mfGoLeft {
		background-position: -1px -800px;
		display: none;
		position: absolute;
		top: 0;
		left: -35em;
	}
	#mfLanguageSwitcher a.mfGoLeft:hover {
		background-position: -1px -400px;
	}
	#mfLanguageSwitcher a.mfGoRight {
		background-position: -1px -900px;
		display: none;
	}
	#mfLanguageSwitcher a.mfGoRight:hover {
		background-position: -1px -500px;
	}
	#mfLanguageSwitcher ul {
		border: 1px solid #8D8F95;
		height: 35px;
		overflow: auto;
		position: absolute;
		right: 0;
		top: -7px;
		width: 7.8em;
	}
	#mfLanguageSwitcher ul.mfLanguageListDynamic {
		height: 19px;
		overflow: hidden;
		right: 23px;
		top: 0;
		width: 5.7em;
	}
	#mfLanguageSwitcher li a {
		padding: 3px 0 3px .6364em;
		width: 4.0909em;
	}
	#mfLanguageSwitcher li a.mfActive {
		color: #50555f;
	}
	#mfLanguageSwitcher li a img {
		float: right;
		margin-top: -2px;
		width: 17px;
	}
}


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

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


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


/**
 * component: my account login (form - navigation)
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	#mfMyAccountLogin {
		border-right: .1em solid #8d8f95;
		float: left;
		position: relative;
		width: 49em;
	}
	#mfMyAccountLogin h2 {
		float: left;
		font-size: 1em;
		line-height: 2em;
		/*width: auto;*/
		width: 5.3em;
	}
	#mfMyAccountLogin h2 img {
		padding-top: .6em;
		padding-left: 1em;
		width: 100%;
	}
	/* indicator for my account action state */
	#mfMyAccountLogin .myAccountIndicator {
		background: transparent url(/img/icon/ic_loading.gif) no-repeat 0 50%;
		color: #8d8f95;
		float: left;
		font-size: 1em;
		line-height: 2.0;
		padding-left: 21px;
		margin-left: 3.4em;
		width: auto;
	}
	/* login form */
	#mfMyAccountLogin form {
		background-color: #fff;
		left: 8.1em;
		position: absolute;
		width: auto;
		z-index: 100;
	}
	#mfMyAccountLogin input {
		float: left;
		font-size: 1em;
	}
	#mfMyAccountLogin #mfMyAccountLoginName,
	#mfMyAccountLogin #mfMyAccountLoginPwdText,
	#mfMyAccountLogin #mfMyAccountLoginPwd {
		border-width: .1em;
		padding: .3em 0 .4em .2em;
		width: 8.4em;
	}
	#mfMyAccountLogin #mfMyAccountLoginPwdText,
	#mfMyAccountLogin #mfMyAccountLoginPwd {
		margin-left: .2em;
	}
	#mfMyAccountLogin #mfMyAccountLoginSubmit {
		background: #fff url(/img/icon/ic_actionarrow_22x21.gif) no-repeat -1px -900px;
		border: none;
		height: 21px;
		margin-left: .2em;
		width: 21px;
	}
	#mfMyAccountLogin #mfMyAccountLoginSubmit:hover {
		background-position: -1px -500px;
	}
	/* close link */
	#mfMyAccountLogin form a {
		background-image: url(/img/icon/ic_close_13x13.gif);
		background-position: 0 4px;
		background-repeat: no-repeat;
		display: block;
		float: left;
		line-height: 2em;
		margin-left: 2em;
		padding: 0 0 0 14px;
		width: auto;
	}
	#mfMyAccountLogin form a:link,
	#mfMyAccountLogin form a:visited {
		background-color: transparent;
		color: #50555f;
	}
	#mfMyAccountLogin form a:hover {
		background-position: 0 -196px;
	}
	/* forgot pwd link in form */
	#mfMyAccountLogin form a.mfMyAccountLostPwd {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 100% -596px;
		padding: 0 18px 0 0;
	}
	#mfMyAccountLogin form a.mfMyAccountLostPwd:hover {
		background-position: 100% -496px;
	}
	/* login navigation (logged out state) */
	#mfMyAccountLogin ul {
		clear: none;
		float: right;
		width: auto;
	}
	#mfMyAccountLogin ul li {
		font-size: 1em;
		line-height: 1.3;
	}
	#mfMyAccountLogin ul a {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 100% -596px;
		background-repeat: no-repeat;
		line-height: 2em;
		margin-right: 1em;
		padding-right: 1.4em;
	}
	#mfMyAccountLogin ul a:link,
	#mfMyAccountLogin ul a:visited {
		background-color: transparent;
		color: #50555f;
	}
	#mfMyAccountLogin ul a:hover {
		background-position: 100% -496px;
	}
	#mfMyAccountLogin ul a.mfCurrent {
		font-weight: bold;
	}
	/* login navigation (logged in state) */
	#mfMyAccountLogin ul.mfLoggedIn {
		float: left;
	}
	#mfMyAccountLogin ul.mfLoggedIn li strong {
		line-height: 2.0;
		padding: 0 5em 0 3.4em;
	}
	/* login navigation overlay */
	#mfMyAccountLogin .mfMyAccountLoginOverlay {
		background-color: #fff;
		height: 2.1em;
		position: absolute;
		right: 0;
		width: 48.5em;
		z-index: 50;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	#mfMyAccountLogin {
		display: none;
	}
}
/**
 * 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;
		width: 37.5em;
	}
	#mfToolbarNav ul a {
		margin-left: 1em;
	}
}