/**
 * 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: generic form
 * grid |<- 140px ->|<-     284px     ->|
 */


.mfGenericForm form {
	padding-bottom: 2em;
}
.mfGenericForm form h2 {
	font-size: 1.4em;
	padding: .875em 0;
}
/* radio/checkbox button group */
.mfGenericForm div.mfRadioGroup h3,
.mfGenericForm div.mfCheckboxGroup h3 {
	float: left;
	font-weight: normal;
	margin: .0909em 1.8182em 0 0;
	width: 10.9091em; /* 120px */
}
.mfGenericForm div.mfRadioGroup div,
.mfGenericForm div.mfCheckboxGroup div {
	float: left;
	width: 28.4em; /* 284px */
}
/* shared definitions */
.mfGenericForm p.mfInputText,
.mfGenericForm p.mfSelect,
.mfGenericForm p.mfTextarea,
.mfGenericForm p.mfFile,
.mfGenericForm p {
	clear: both;
	margin-bottom: .9091em;
}
.mfGenericForm p.mfInputText label,
.mfGenericForm p.mfTextarea label,
.mfGenericForm p.mfSelect label,
.mfGenericForm p.mfFile label {
	float: left;
	margin-right: 1.8182em;
	width: 10.9091em; /* 120px */
}
/* text field, textarea */
.mfGenericForm p.mfInputText label,
.mfGenericForm p.mfTextarea label {
	margin-top: .2727em;
}
.mfGenericForm p.mfInputText input.mfText,
.mfGenericForm p.mfFile input.mfFile,
.mfGenericForm p.mfTextarea textarea {
	float: left;
	width: 24.9091em; /* 274px */
}
/* select */
.mfGenericForm p.mfSelect label {
	margin-top: .1818em;
}
.mfGenericForm p.mfSelect select {
	float: left;
	width: 25.8182em; /* 284px */
}
/* error messages */
.mfGenericForm p.mfError {
	clear: both;
	padding: .9091em 0 .1818em 12.7273em;
}
.mfGenericForm ul.mfError {
	clear: both;
	padding: 1em 0 1em 15.2em;
}
.mfGenericForm ul.mfError li {
	font-size: 1em;
	line-height: 1.1;
}

/* capture image */
.mfGenericForm div.mfReCapture {
	margin: 2.2em 0 2.5em;
}
.mfGenericForm div.mfReCapture div.mfReCaptureImage {
	height: 59px;
	position: relative;
}
.mfGenericForm div.mfReCapture div.mfReCaptureImage div {
	border: 1px solid #dddddf;
}
.mfGenericForm div.mfReCapture p.mfReCaptureInput {
	clear: both;
	padding: .9091em 0 0 12.7273em;
}
.mfGenericForm div.mfReCapture p.mfReCaptureInput label {
	padding-bottom: .1818em;
}
.mfGenericForm div.mfReCapture p.mfReCaptureInput input {
	width: 24.9091em; /* 274px */
}


/* ====================  SCREEN Styles  ==================== */
@media screen {
	.mfGenericForm div.mfReCapture div.mfReCaptureImage div {
		float: right;
		width: auto;
	}
	.mfGenericForm div.mfReCapture div.mfReCaptureImage p {
		top: 0;
		position: absolute;
		left: 0;
		width: 114px;
	}
	.mfGenericForm div.mfReCapture div.mfReCaptureImage p a {
		background-image: url(/img/icon/ic_arrow_13x13.gif);
		background-position: 0 -299px;
		background-repeat: no-repeat;
		display: block;
		padding-left: 16px;
	}
	.mfGenericForm div.mfReCapture div.mfReCaptureImage p a:hover {
		background-position: 0 -499px;
	}
}


/* ====================  PRINT Styles  ==================== */
@media print {
	.mfGenericForm div.mfReCapture div.mfReCaptureImage div {
		margin-left: 14em;
	}
	.mfGenericForm div.mfReCapture div.mfReCaptureImage p {
		display: none;
	}
}
/**
 * component: send to a friend
 */


.mfSendToAFriend #mfHeader h1 {
	font-size: 1.8em;
	line-height: 1.1111;
}
.mfSendToAFriend #mfContentMain {
	clear: both;
	padding-top: 1.5em;
}
.mfSendToAFriend #mfContentMain p {
	padding-bottom: 1em;
}
.mfSendToAFriend #mfContentMain form p {
	padding-bottom: 0;
}
.mfSendToAFriend #mfContentMain form h2 {
	clear: both;
	font-size: 1.4em;
	font-weight: normal;
	line-height: 1.1429;
	padding: .8571em 0 .7143em;
}


/* ====================	SCREEN Styles	==================== */
@media screen {
	.mfSendToAFriend {
		width: 42.4em;
	}
}


%>

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