/**
 * project: messe frankfurt - web
 * type: stylesheet
 * media: screen, projection, print
 * description: loader for stylesheets
 * @author: Stefan Heimann, 22.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, body {
		height: auto;
	}
	html {
		background-color: transparent;
		background-image: none;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	/* body */
	body {
		padding-top: 1em;
	}
}
/**
 * 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;
	}
}

/* component definitions (order does matter!) */
/**
 * component: layer close link
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	p.mfLayerClose {
		padding: 0 !important;
		width: 15.9091em !important;
	}
	p.mfLayerClose a {
		background-image: url(/img/icon/ic_close_13x13.gif);
		background-repeat: no-repeat;
		background-position: 0 4px;
		display: block;
		line-height: 1.8182;
		margin-left: 1.8182em;
		padding: 0 0 0 18px;
	}
	p.mfLayerClose a:hover {
		background-position: 0 -196px;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	p.mfLayerClose {
		display: none;
	}
}



/**
 * component: downloads layer
 */


.mfDownloadLayer #mfContentMain {
	clear: both;
	overflow: hidden;
}
.mfDownloadLayer #mfContentMain h2 {
    color: #8d8f95;
    font-size: 1em;
    font-weight: bold;
    height:2.1em;
  }
.mfDownloadLayer #mfContentMain .mfArticleFunctions .mfArticleDownloads {
	right: 2.1em;
	top: 1em;
}
.mfDownloadLayer #mfContentMain .mfArticleFunctions {
		z-index: 1 !important;
	}

.mfMediaGallery .mfMediaGalleryRow span.mfOuter {
	height:9.2em;
	width:100%;
	margin: 0 0 .1818em 0;
	overflow: hidden;
	display: inline-block;
	align:center;
  position:relative;
}

.mfMediaGallery .mfMediaGalleryRow span .mfImgCont {
position:absolute;
bottom:0;
width:100%;
}
.mfMediaGallery .mfMediaGalleryRow span img {
		margin:auto;
}


.mfDownloadLayer #mfContentMain .mfMediaGallery .mfMediaGalleryRow p strong {
  display: block;
  font-weight: normal;
  word-wrap: break-word;
}
/* delete from download selection link */
.mfDownloadLayer #mfContentMain .mfMediaGallery .mfMediaGalleryRow a.mfDelDl {
  background-image: url(/img/icon/ic_functions.gif);
  background-position: 0 -1898px;
  background-repeat: no-repeat;
	margin-top:2px;
  padding: 0 0 0 20px;
}
.mfDownloadLayer #mfContentMain .mfMediaGallery .mfMediaGalleryRow a.mfDelDl:hover {
  background-position: 0 -2000px;
}
.mfDownloadLayer #mfContentMain .mfMediaGallery .mfMediaGalleryRow a.mfDelDl.mfActive {
  background-position: 0 -2000px;
}

.mfDownloadLayer #mfContentMain .mfMediaGallery p a.mfFlushDl {
  display: block;
  float: right;
  padding: 0.7273em 20px 0 1.3636em;
  background-image: url(/img/icon/ic_functions.gif);
  background-repeat: no-repeat;
  background-position:  100% -1890px;
}

.mfDownloadLayer #mfContentMain .mfMediaGallery p a.mfFlushDl:hover {
  background-position:  100% -1992px;
}

/* ====================  SCREEN Styles  ==================== */
@media screen {
	p.mfLayerDownloadClose {
		padding: 0 !important;
		width: 15.9091em !important;
	}
	p.mfLayerDownloadClose a {
		background-image: url(/img/icon/ic_close_13x13.gif);
		background-repeat: no-repeat;
		background-position: 0 4px;
		display: block;
		line-height: 1.8182;
		margin-left: 1.8182em;
		padding: 0 0 0 18px;
	}
	p.mfLayerDownloadClose a:hover {
		background-position: 0 -196px;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	p.mfLayerDownloadClose {
		display: none;
	}
}

/**
 * component: main article functions
 */


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfArticleFunctions {
		padding: 2.8em 3.1em 1em 1.9em;
		position: relative;
	}
	.mfArticleFunctions p a {
		background-image: url(/img/icon/ic_functions.gif);
		background-repeat: no-repeat;
		display: block;
		float: right;
		padding: .7273em 20px 0 1.3636em;
	}
	.mfArticleFunctions a.mfBack {
		background-image: url(/img/icon/ic_arrow_22x22.gif);
		background-position: 0 0;
		float: left;
		padding-left: 30px;
		width: auto;
	}
	.mfArticleFunctions a.mfBack:hover {
		background-position: 0 -200px;
	}
	.mfArticleFunctions a.mfPrintArticle {
		background-position: 100% 8px;
	}
	.mfArticleFunctions a.mfPrintArticle:hover {
		background-position: 100% -92px;
	}
	.mfArticleFunctions a.mfDownloadArticle {
		background-position: 100% -392px;
	}
	.mfArticleFunctions a.mfDownloadArticle:hover {
		background-position: 100% -592px;
	}
	/* download box */
	.mfArticleFunctions .mfArticleDownloads {
		background: #fff url(/img/background/bg_download_box.jpg) repeat-x 0 100%;
		padding: 0 0 1.2em 0;
		position: absolute;
		right: 3.1em;
		text-align: left;
		top: 0;
		width: 20em; /*200px;*/
		z-index: 11;
	}
	.mfArticleFunctions .mfArticleDownloads h2 {
		background-color: #50555F;
		background-image: url(/img/background/bg_1x21.gif);
		background-repeat: repeat-x;
		background-position: 0 0;
		color: #fff;
		cursor: pointer;
		font-size: 1em;
		font-weight: bold;
		height: 2.1em;
		line-height: 1.0;
		padding: 0;
	}
	.mfArticleFunctions .mfArticleDownloads h2 a {
		background: transparent url(/img/icon/ic_close_13x13.gif) no-repeat 100% -102px;
		color: #fff !important;
		float: right;
		margin: .6em .8em 0 0;
		padding-right: 16px;
		width: auto;
	}
	.mfArticleFunctions .mfArticleDownloads .mfArticleColumn1 {
		float: left;
		margin-left: 1.5em;
		width: 7.5em;
	}
	.mfArticleFunctions .mfArticleDownloads .mfArticleColumn2 {
		float: right;
		margin-right: 1em;
		width: 7em;
	}
	.mfArticleFunctions .mfArticleDownloads h3 {
		font-size: 1.1em;
		padding: 1.1818em 0 .7273em;
	}
	.mfArticleFunctions .mfArticleDownloads p {
		padding-bottom: .3636em;
	}
	.mfArticleFunctions .mfArticleDownloads p .mfSubmit	{
		background-image: url(/img/icon/ic_functions.gif);
		background-position: 100% -400px;
		height: auto;
		margin: .9091em .7273em 0 0;
		padding: 0 20px 0 0;
	}
	.mfArticleFunctions .mfArticleDownloads p .mfSubmit:hover	{
		background-position: 100% -500px;
	}
	/*without right column*/
	.mfContentRightFalse .mfArticleFunctions {
		padding-right: 2em;
	}
	.mfContentRightFalse .mfArticleFunctions .mfArticleDownloads {
		right: 2em;
	}
	.mfContentRightFalse .mfContentMainParsys .mfArticleFunctions .mfArticleDownloads {
		right: 0;
	}
	
	/* article functions in main parsys */
	.mfContentMainParsys .mfArticleFunctions {
		padding: 0;
	}
	.mfContentMainParsys .mfArticleFunctions .mfArticleDownloads {
		right: 0;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	.mfArticleFunctions {
		display: none;
	}
}
/**
 * component: media gallery
 */


.mfMediaGallery {
	padding-bottom: 2.3em;
}
.mfMediaGallery h2 {
	clear: both;
	color: #50555F;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.5;
	padding: 1em 0 .6428em;
} 
.mfMediaGallery .mfMediaGalleryRow {
	clear: both;
}
.mfMediaGallery .mfMediaGalleryRow p.mfWrap {
	float: left;
	margin: 0 .8182em .2727em 0;
	overflow: hidden;
	width: 8.9091em;
}
.mfMediaGallery .mfMediaGalleryRow p.mfLast {
	margin-right: 0;
}

.mfMediaGallery .mfMediaGalleryRow a {
	display: block;
	padding: 0 0 .3636em;
}

.mfMediaGallery .mfMediaGalleryRow a span.mfOuter {
	height:9.2em;
	width:100%;
	margin: 0 0 .1818em 0;
	overflow: hidden;
	display: inline-block;
	align:center;
  position:relative;
}

.mfMediaGallery .mfMediaGalleryRow a span .mfImgCont {
position:absolute;
bottom:0;
width:100%;
}
.mfMediaGallery .mfMediaGalleryRow a span img {
		margin:auto;
}

.mfMediaGallery .mfMediaGalleryRow a strong {
	display: block;
	font-weight: normal;
	word-wrap: break-word;
}

/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfMediaGallery .mfMediaGalleryRow a strong {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 0 -299px;
		background-repeat: no-repeat;
		padding: 0 0 0 16px;
	}
	.mfMediaGallery .mfMediaGalleryRow a:hover strong {
		background-position: 0 -499px;
	}
	/* add 2 download selection link */
	.mfMediaGallery .mfMediaGalleryRow a.mfAdd2Dl {
		background-image: url(/img/icon/ic_functions.gif);
		background-position: 0 -600px;
		background-repeat: no-repeat;
		padding: 0 0 0 19px;
	}
	.mfMediaGallery .mfMediaGalleryRow a.mfAdd2Dl:hover {
		background-position: 0 -400px;
	}
	.mfMediaGallery .mfMediaGalleryRow a.mfAdd2Dl.mfActive {
		background-image: url(/img/icon/ic_functions.gif);
		background-position: 0 -400px;
	}
	
	/* ajax tips preview */
	.mfMediaGalleryPreview {
		background-color: #fff;
		padding-top: 1.5em;
	}
	.mfMediaGalleryPreview h2 {
		background: transparent url(/img/icon/ic_arrow_22x22.gif) no-repeat 15px -300px;
		color: #8d8f95;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1.5714;
		padding: 0 .7143em 0 45px;
	}
	.mfMediaGalleryPreview p {
		padding: .2727em .9091em 1.3636em 45px;
	}
	.mfMediaGalleryPreview img {
		margin-bottom: -3px;
		width: 100%;
	}
	.mfMediaGalleryPreview .mfMediaGalleryPlace {
		float: left;
		font-weight: bold;
		padding: .4545em;
	}
	.mfMediaGalleryPreview .mfMediaGallerySource {
		float: right;
		font-style: italic;
		padding: .4545em;
	}
	.mfMediaGalleryPreview .mfMediaGalleryText {
		clear: both;
		padding: .4545em;
	}

	/* download - big image */
	.mfMediaGalleryDownload {
		width: 42.4em;
	}
	.mfMediaGalleryDownload h2 {
		color: #50555f;
		font-size: 1.4em;
		font-weight: normal;
		line-height: 1.5;
		padding: 1em 0 0.6428em;
	}
	.mfMediaGalleryDownload img {
		width: 100%;
	}
	.mfMediaGalleryDownload .mfMediaGalleryPlace {
		float: left;
		font-weight: bold;
		padding-top: .4545em;
	}
	.mfMediaGalleryDownload .mfMediaGallerySource {
		float: right;
		font-style: italic;
		padding-top: .4545em;
	}
	.mfMediaGalleryDownload .mfMediaGalleryText {
		clear: both;
		padding-top: 1em;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
}

%>

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