/*
 * Ext JS Library 2.2.1
 * Copyright(c) 2006-2009, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
/* @webteam: notwendige Aenderungen durch das Web-Team, die nicht in der ext-personalized.css gemacht werden koennen, z.B. font-size.
Kennzeichnung: del: deleted, add: added, upd: updated */
/* @webteam: general definitions, see reset.css del */ 
/*
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
p,
blockquote,
th,
td {
	margin: 0;
	padding: 0;
}
img,
body,
html {
	border:0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
	font-style: normal;
	font-weight: normal;
}
ol,
ul {
	list-style: none;
}
caption,
th {
	text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
}
q:before,
q:after {
	content: '';
}
*/
.ext-el-mask {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: .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(../img/olb/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('../img/olb/grid/loading.gif') no-repeat 5px 5px;
	line-height: 16px;
}
.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-relative {
	position: relative !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;
}
.x-shadow .xstc,
.x-shadow .xsbc {
	height: 6px;
	float: left;
}
.x-shadow .xstl,
.x-shadow .xstr,
.x-shadow .xsbl,
.x-shadow .xsbr {
	width: 6px;
	height: 6px;
	float: left;
}
.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(../img/olb/shadow-c.png);
}
.x-shadow .xst,
.x-shadow .xsb {
	height: 6px;
	overflow: hidden;
	width: 100%;
}
.x-shadow .xsml {
	background: transparent url(../img/olb/shadow-lr.png) repeat-y 0 0;
}
.x-shadow .xsmr {
	background: transparent url(../img/olb/shadow-lr.png) repeat-y -6px 0;
}
.x-shadow .xstl {
	background: transparent url(../img/olb/shadow.png) no-repeat 0 0;
}
.x-shadow .xstc {
	background: transparent url(../img/olb/shadow.png) repeat-x 0 -30px;
}
.x-shadow .xstr {
	background: transparent url(../img/olb/shadow.png) repeat-x 0 -18px;
}
.x-shadow .xsbl {
	background: transparent url(../img/olb/shadow.png) no-repeat 0 -12px;
}
.x-shadow .xsbc {
	background: transparent url(../img/olb/shadow.png) repeat-x 0 -36px;
}
.x-shadow .xsbr {
	background: transparent url(../img/olb/shadow.png) repeat-x 0 -6px;
}
.loading-indicator {
	font-size: 11px;
	background-image: url(../img/olb/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(../img/olb/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: .5;
	opacity: .50;
	filter: alpha(opacity = 50);
	background-color: #CCC;
	width: 0;
	height: 0;
	zoom: 1;
}
.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(../img/olb/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
	border-bottom: 1px solid #8db2e3;
}
ul.x-tab-strip-bottom {
	padding-bottom: 1px;
	background: url(../img/olb/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: #aaa;
}
.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(../img/olb/tabs/tabs-sprite.gif) no-repeat 0 -51px;
	padding-left: 10px;
}
.x-tab-strip-top .x-tab-left {
	background: transparent url(../img/olb/tabs/tabs-sprite.gif) no-repeat right -351px;
	padding-right: 10px;
}
.x-tab-strip-top .x-tab-strip-inner {
	background: transparent url(../img/olb/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(../img/olb/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
}
.x-tab-strip-bottom .x-tab-left {
	background: url(../img/olb/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
	background: url(../img/olb/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
}
.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background: url(../img/olb/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(../img/olb/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(../img/olb/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(../img/olb/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(../img/olb/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-bottom .x-tab-scroller-left,
.x-tab-scrolling-bottom .x-tab-scroller-right {
	margin-top: 1px;
}
.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;
}
/* .x-form-field{margin:0;font:normal 12px tahoma,arial,helvetica,sans-serif;} @webteam: font-size del*/
.x-form-field {
	margin: 0;
	font: normal tahoma, arial, helvetica, sans-serif;
}  /* @webteam: upd */
.x-form-text,
textarea.x-form-field {
	padding: 1px 3px;
	background: #fff url(../img/olb/form/text-bg.gif) repeat-x 0 0;
	border: 1px solid #B5B8C8;
}
textarea.x-form-field {
	padding: 2px 3px;
}
.x-form-text {
	height: 22px;
	line-height: 18px;
	vertical-align: middle;
}
.ext-ie .x-form-text {
	margin: -1px 0;
	height: 22px;
	line-height: 18px;
}
.ext-ie textarea.x-form-field {
	margin: -1px 0;
}
.ext-strict .x-form-text {
	height: 18px;
}
.ext-safari .x-form-text {
	height: 20px;
	padding: 0 3px;
}
.ext-safari.ext-mac textarea.x-form-field {
	margin-bottom: -2px;
}
.ext-gecko .x-form-text {
	padding-top: 2px;
	padding-bottom: 0;
}
textarea {
	resize: none;
}
.x-form-select-one {
	height: 20px;
	line-height: 18px;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #B5B8C8;
}
.x-form-check-group,
.x-form-radio-group {
	margin-bottom: 0;
}
.x-form-check-group .x-form-invalid .x-panel-body,
.x-form-radio-group .x-form-invalid .x-panel-body {
	background-color: transparent;
}
.x-form-check-wrap,
.x-form-radio-wrap {
	padding: 3px 0 0 0;
	line-height: 18px;
}
.x-form-check-group .x-form-check-wrap,
.x-form-radio-group .x-form-radio-wrap {
	height: 18px;
}
.ext-ie .x-form-check-group .x-form-check-wrap,
.ext-ie .x-form-radio-group .x-form-radio-wrap {
	height: 21px;
}
.ext-ie .x-form-check-wrap input,
.ext-ie .x-form-radio-wrap input {
	width: 15px;
	height: 15px;
}
.x-form-check,.x-form-radio {
	height: 13px;
	width: 13px;
	vertical-align: bottom;
}
.x-form-radio {
	margin-bottom: 3px;
}
.x-form-check,
.ext-ie .x-form-radio {
	margin-bottom: 2px;
}
.x-form-check-wrap-inner,
.x-form-radio-wrap-inner {
	display: inline;
	padding: 3px 0 0 0;
}
.x-form-check {
	background: url('../img/olb/form/checkbox.gif') no-repeat 0 0;
}
.x-form-radio {
	background: url('../img/olb/form/radio.gif') no-repeat 0 0;
}
.x-form-check-focus .x-form-check,
.x-form-check-over .x-form-check,
.x-form-check-focus .x-form-radio,
.x-form-check-over .x-form-radio {
	background-position: -13px 0;
}
.x-form-check-down .x-form-check,
.x-form-check-down .x-form-radio {
	background-position: -26px 0;
}
.x-form-check-checked .x-form-check-focus .x-form-check,
.x-form-check-checked .x-form-check-over .x-form-check {
	background-position: -13px -13px;
}
.x-form-check-checked .x-form-check-down .x-form-check {
	background-position: -26px -13px;
}
.x-form-check-checked .x-form-check,
.x-form-check-checked .x-form-radio {
	background-position: 0 -13px;
}
.x-form-check-group-label {
	border-bottom: 1px solid #99BBE8;
	color: #15428B;
	margin-bottom: 5px;
	padding-left: 3px !important;
	float: none !important;
}
.x-form-field-wrap {
	position: relative;
	zoom: 1;
	white-space: nowrap;
}
.x-form-field-wrap .x-form-trigger {
	width: 17px;
	height: 21px;
	border: 0;
	background: transparent url(../img/olb/form/trigger.gif) no-repeat 0 0;
	cursor: pointer;
	border-bottom: 1px solid #B5B8C8;
	position: absolute;
	top: 0;
}
.ext-safari .x-form-field-wrap .x-form-trigger {
	height: 21px;
}
.x-form-field-wrap .x-form-date-trigger {
	background-image: url(../img/olb/form/date-trigger.gif);
	cursor: pointer;
}
.x-form-field-wrap .x-form-clear-trigger {
	background-image: url(../img/olb/form/clear-trigger.gif);
	cursor: pointer;
}
.x-form-field-wrap .x-form-search-trigger {
	background-image: url(../img/olb/form/search-trigger.gif);
	cursor: pointer;
}
.ext-safari .x-form-field-wrap .x-form-trigger {
	right: 0;
}
.x-form-field-wrap .x-form-twin-triggers .x-form-trigger {
	position: static;
	top: auto;
	vertical-align: top;
}
.x-form-field-wrap .x-form-trigger-over {
	background-position: -17px 0;
}
.x-form-field-wrap .x-form-trigger-click {
	background-position: -34px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
	background-position: -51px 0;
}
.x-trigger-wrap-focus .x-form-trigger-over {
	background-position: -68px 0;
}
.x-trigger-wrap-focus .x-form-trigger-click {
	background-position: -85px 0;
}
.x-trigger-wrap-focus .x-form-trigger {
	border-bottom: 1px solid #7eadd9;
}
.x-item-disabled .x-form-trigger-over {
	background-position: 0 0 !important;
	border-bottom: 1px solid #B5B8C8;
}
.x-item-disabled .x-form-trigger-click {
	background-position: 0 0 !important;
	border-bottom: 1px solid #B5B8C8;
}
.x-form-focus,textarea.x-form-focus {
	border: 1px solid #7eadd9;
}
.x-form-invalid,textarea.x-form-invalid {
	background: #fff url(../img/olb/grid/invalid_line.gif) repeat-x bottom;
	border: 1px solid #dd7870;
}
.ext-safari .x-form-invalid {
	background-color: #fee;
	border: 1px solid #ff7870;
}
.x-editor {
	visibility: hidden;
	padding: 0;
	margin: 0;
}
.x-editor .x-form-check-wrap,
.x-editor .x-form-radio-wrap {
	background: #fff;
	padding: 3px;
}
.x-editor .x-form-checkbox {
	height: 13px;
}
.x-form-grow-sizer {
	font: normal 12px tahoma, arial, helvetica, sans-serif;
	left: -10000px;
	padding: 8px 3px;
	position: absolute;
	visibility: hidden;
	top: -10000px;
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	word-wrap: break-word;
	zoom: 1;
}
.x-form-grow-sizer p {
	margin: 0 !important;
	border: 0 none !important;
	padding: 0 !important;
}
/* .x-form-item{font:normal 12px tahoma,arial,helvetica,sans-serif;display:block;margin-bottom:4px;zoom:1;} @webteam: font-size del */
.x-form-item {
	font: normal tahoma, arial, helvetica, sans-serif;
	display: block;
	margin-bottom: 4px;
	zoom: 1;
}  /* @webteam: upd */
.x-form-item label {
	display: block;
	float: left;
	width: 100px;
	padding: 3px;
	padding-left: 0;
	clear: left;
	z-index: 2;
	position: relative;
}
.x-form-element {
	padding-left: 105px;
	position: relative;
}
.x-form-invalid-msg {
	color: #e00;
	padding: 2px;
	padding-left: 18px;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	background: transparent url(../img/olb/shared/warning.gif) no-repeat 0 2px;
	line-height: 16px;
	width: 200px;
}
.x-form-label-left label {
	text-align: left;
}
.x-form-label-right label {
	text-align: right;
}
.x-form-label-top .x-form-item label {
	width: auto;
	float: none;
	clear: none;
	display: inline;
	margin-bottom: 4px;
	position: static;
}
.x-form-label-top .x-form-element {
	padding-left: 0;
	padding-top: 4px;
}
.x-form-label-top .x-form-item {
	padding-bottom: 4px;
}
.x-form-empty-field {
	color: gray;
}
.x-small-editor .x-form-field {
	font: normal 11px arial, tahoma, helvetica, sans-serif;
}
.x-small-editor .x-form-text {
	height: 20px;
	line-height: 16px;
	vertical-align: middle;
}
.ext-ie .x-small-editor .x-form-text {
	margin-top: -1px !important;
	margin-bottom: -1px !important;
	height: 20px !important;
	line-height: 16px !important;
}
.ext-strict .x-small-editor .x-form-text {
	height: 16px !important;
}
.ext-safari .x-small-editor .x-form-field {
	font: normal 12px arial, tahoma, helvetica, sans-serif;
}
.ext-ie .x-small-editor .x-form-text {
	height: 20px;
	line-height: 16px;
}
.ext-border-box .x-small-editor .x-form-text {
	height: 20px;
}
.x-small-editor .x-form-select-one {
	height: 20px;
	line-height: 16px;
	vertical-align: middle;
}
.x-small-editor .x-form-num-field {
	text-align: right;
}
.x-small-editor .x-form-field-wrap .x-form-trigger {
	height: 19px;
}
.x-form-clear {
	clear: both;
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
.x-form-clear-left {
	clear: left;
	height: 0;
	overflow: hidden;
	line-height: 0;
	font-size: 0;
}
.x-form-cb-label {
	width: auto !important;
	float: none !important;
	clear: none !important;
	display: inline !important;
	margin-left: 4px;
}
.x-form-column {
	float: left;
	padding: 0;
	margin: 0;
	width: 48%;
	overflow: hidden;
	zoom: 1;
}
.x-form .x-form-btns-ct .x-btn {
	float: right;
	clear: none;
}
.x-form .x-form-btns-ct .x-form-btns td {
	border: 0;
	padding: 0;
}
.x-form .x-form-btns-ct .x-form-btns-right table {
	float: right;
	clear: none;
}
.x-form .x-form-btns-ct .x-form-btns-left table {
	float: left;
	clear: none;
}
.x-form .x-form-btns-ct .x-form-btns-center {
	text-align: center;
}
.x-form .x-form-btns-ct .x-form-btns-center table {
	margin: 0 auto;
}
.x-form .x-form-btns-ct table td.x-form-btn-td {
	padding: 3px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-left {
	background-position: 0 -147px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-right {
	background-position: 0 -168px;
}
.x-form .x-form-btns-ct .x-btn-focus .x-btn-center {
	background-position: 0 -189px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-center {
	background-position: 0 -126px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-right {
	background-position: 0 -84px;
}
.x-form .x-form-btns-ct .x-btn-click .x-btn-left {
	background-position: 0 -63px;
}
.x-form-invalid-icon {
	width: 16px;
	height: 18px;
	visibility: hidden;
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	background: transparent url(../img/olb/form/exclamation.gif) no-repeat 0 2px;
}
.x-fieldset {
	border: 1px solid #B5B8C8;
	padding: 10px;
	margin-bottom: 10px;
	display: block;
}
.x-fieldset legend {
	font: bold 11px tahoma, arial, helvetica, sans-serif;
	color: #15428b;
}
.ext-ie .x-fieldset legend {
	margin-bottom: 10px;
}
.ext-ie .x-fieldset {
	padding-top: 0;
	padding-bottom: 10px;
}
.x-fieldset legend .x-tool-toggle {
	margin-right: 3px;
	margin-left: 0;
	float: left !important;
}
.x-fieldset legend input {
	margin-right: 3px;
	float: left !important;
	height: 13px;
	width: 13px;
}
fieldset.x-panel-collapsed {
	padding-bottom: 0 !important;
	border-width: 1px 1px 0 1px !important;
	border-left-color: transparent;
	border-right-color: transparent;
}
.ext-ie6 fieldset.x-panel-collapsed {
	padding-bottom: 0 !important;
	border-width: 1px 0 0 0 !important;
	margin-left: 1px;
	margin-right: 1px;
}
fieldset.x-panel-collapsed .x-fieldset-bwrap {
	visibility: hidden;
	position: absolute;
	left: -1000px;
	top: -1000px;
}
.ext-ie .x-fieldset-bwrap {
	zoom: 1;
}
.ext-ie td .x-form-text {
	position: relative;
	top: -1px;
}
.x-fieldset-noborder {
	border: 0 none transparent;
}
.x-fieldset-noborder legend {
	margin-left: -3px;
}
.ext-ie .x-fieldset-noborder legend {
	position: relative;
	margin-bottom: 23px;
}
.ext-ie .x-fieldset-noborder legend span {
	position: absolute;
	left: 16px;
}
.ext-gecko .x-window-body .x-form-item {
	-moz-outline: none;
	overflow: auto;
}
.ext-gecko .x-form-item {
	-moz-outline: none;
}
.x-hide-label label.x-form-item-label {
	display: none;
}
.x-hide-label .x-form-element {
	padding-left: 0 !important;
}
.x-fieldset {
	overflow: hidden;
}
.x-fieldset-bwrap {
	overflow: hidden;
	zoom: 1;
}
.x-fieldset-body {
	overflow: hidden;
}
.x-btn {
	font: normal 11px tahoma, verdana, helvetica;
	cursor: pointer;
	white-space: nowrap;
}
.x-btn button {
	border: 0 none;
	background: transparent;
	font: normal 11px tahoma, verdana, helvetica;
	padding-left: 3px;
	padding-right: 3px;
	cursor: pointer;
	margin: 0;
	overflow: visible;
	width: auto;
	-moz-outline: 0 none;
	outline: 0 none;
}
* html .ext-ie .x-btn button {
	width: 1px;
}
.ext-gecko .x-btn button {
	padding-left: 0;
	padding-right: 0;
}
.ext-ie .x-btn button {
	padding-top: 2px;
}
.x-btn-icon .x-btn-center .x-btn-text {
	background-position: center;
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	cursor: pointer;
	white-space: nowrap;
	padding: 0;
}
.x-btn-icon .x-btn-center {
	padding: 1px;
}
.x-btn em {
	font-style: normal;
	font-weight: normal;
}
.x-btn-text-icon .x-btn-center .x-btn-text {
	background-position: 0 2px;
	background-repeat: no-repeat;
	padding-left: 18px;
	padding-top: 3px;
	padding-bottom: 2px;
	padding-right: 0;
}
.ext-gecko3 .x-btn-text-icon .x-btn-center .x-btn-text {
	padding-top: 2px;
}
.x-btn-left,.x-btn-right {
	font-size: 1px;
	line-height: 1px;
}
.x-btn-left {
	width: 3px;
	height: 21px;
	background: url(../img/olb/button/btn-sprite.gif) no-repeat 0 0;
}
.x-btn-right {
	width: 3px;
	height: 21px;
	background: url(../img/olb/button/btn-sprite.gif) no-repeat 0 -21px;
}
.x-btn-left i,.x-btn-right i {
	display: block;
	width: 3px;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
}
.x-btn-center {
	background: url(../img/olb/button/btn-sprite.gif) repeat-x 0 -42px;
	vertical-align: middle;
	text-align: center;
	padding: 0 5px;
	cursor: pointer;
	white-space: nowrap;
}
.x-btn-over .x-btn-left {
	background-position: 0 -63px;
}
.x-btn-over .x-btn-right {
	background-position: 0 -84px;
}
.x-btn-over .x-btn-center {
	background-position: 0 -105px;
}
.x-btn-click .x-btn-center,
.x-btn-menu-active .x-btn-center {
	background-position: 0 -126px;
}
.x-btn-disabled * {
	color: gray !important;
	cursor: default !important;
}
.x-btn-menu-text-wrap .x-btn-center {
	padding: 0 3px;
}
.ext-gecko .x-btn-menu-text-wrap .x-btn-center {
	padding: 0 1px;
}
.x-btn-menu-arrow-wrap .x-btn-center {
	padding: 0;
}
.x-btn-menu-arrow-wrap .x-btn-center button {
	width: 12px !important;
	height: 21px;
	padding: 0 !important;
	display: block;
	background: transparent url(../img/olb/button/btn-arrow.gif) no-repeat left 3px;
}
.x-btn-with-menu .x-btn-center {
	padding-right: 2px !important;
}
.x-btn-with-menu .x-btn-center em {
	display: block;
	background: transparent url(../img/olb/toolbar/btn-arrow.gif) no-repeat right 0;
	padding-right: 10px;
}
.x-btn-text-icon .x-btn-with-menu .x-btn-center em {
	display: block;
	background: transparent url(../img/olb/toolbar/btn-arrow.gif) no-repeat right 3px;
	padding-right: 10px;
}
.x-btn-pressed .x-btn-left {
	background: url(../img/olb/button/btn-sprite.gif) no-repeat 0 -63px;
}
.x-btn-pressed .x-btn-right {
	background: url(../img/olb/button/btn-sprite.gif) no-repeat 0 -84px;
}
.x-btn-pressed .x-btn-center {
	background: url(../img/olb/button/btn-sprite.gif) repeat-x 0 -126px;
}
.x-toolbar {
	border-color: #a9bfd3;
	border-style: solid;
	border-width: 0 0 1px 0;
	display: block;
	padding: 2px;
	background: #d0def0 url(../img/olb/toolbar/bg.gif) repeat-x top left;
	position: relative;
	zoom: 1;
}
.x-toolbar .x-item-disabled .x-btn-icon {
	opacity: .35;
	-moz-opacity: .35;
	filter: alpha(opacity = 35);
}
.x-toolbar td {
	vertical-align: middle;
}
.mso .x-toolbar,
.x-grid-mso .x-toolbar {
	border: 0 none;
	background: url(../img/olb/grid/mso-hd.gif);
}
.x-toolbar td,.x-toolbar span,
.x-toolbar input,
.x-toolbar div,
.x-toolbar select,
.x-toolbar label {
	white-space: nowrap;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
}
.x-toolbar .x-item-disabled {
	color: gray;
	cursor: default;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity = 60);
}
.x-toolbar .x-item-disabled * {
	color: gray;
	cursor: default;
}
.x-toolbar .x-btn-left {
	background: none;
}
.x-toolbar .x-btn-right {
	background: none;
}
.x-toolbar .x-btn-center {
	background: none;
	padding: 0;
}
.x-toolbar .x-btn-menu-text-wrap .x-btn-center button {
	padding-right: 2px;
}
.ext-gecko .x-toolbar .x-btn-menu-text-wrap .x-btn-center button {
	padding-right: 0;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
	padding: 0 2px;
}
.x-toolbar .x-btn-menu-arrow-wrap .x-btn-center button {
	width: 12px;
	background: transparent url(../img/olb/toolbar/btn-arrow.gif) no-repeat 0 3px;
}
.x-toolbar .x-btn-text-icon .x-btn-menu-arrow-wrap .x-btn-center button {
	width: 12px;
	background: transparent url(../img/olb/toolbar/btn-arrow.gif) no-repeat 0 3px;
}
.x-toolbar .x-btn-over .x-btn-menu-arrow-wrap .x-btn-center button {
	background-position: 0 -47px;
}
.x-toolbar .x-btn-over .x-btn-left {
	background: url(../img/olb/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
}
.x-toolbar .x-btn-over .x-btn-right {
	background: url(../img/olb/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
}
.x-toolbar .x-btn-over .x-btn-center {
	background: url(../img/olb/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}
.x-toolbar .x-btn-click .x-btn-left,
.x-toolbar .x-btn-pressed .x-btn-left,
.x-toolbar .x-btn-menu-active .x-btn-left {
	background: url(../img/olb/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
}
.x-toolbar .x-btn-click .x-btn-right,
.x-toolbar .x-btn-pressed .x-btn-right,
.x-toolbar .x-btn-menu-active .x-btn-right {
	background: url(../img/olb/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
}
.x-toolbar .x-btn-click .x-btn-center,
.x-toolbar .x-btn-pressed .x-btn-center,
.x-toolbar .x-btn-menu-active .x-btn-center {
	background: url(../img/olb/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
}
.x-toolbar .x-btn-with-menu .x-btn-center em {
	padding-right: 8px;
}
.x-toolbar .ytb-text {
	padding: 2px;
}
.x-toolbar .ytb-sep {
	background-image: url(../img/olb/grid/grid-blue-split.gif);
	background-position: center;
	background-repeat: no-repeat;
	display: block;
	font-size: 1px;
	height: 16px;
	width: 4px;
	overflow: hidden;
	cursor: default;
	margin: 0 2px 0;
	border: 0;
}
.x-toolbar .ytb-spacer {
	width: 2px;
}
.x-tbar-page-number {
	width: 24px;
	height: 14px;
}
.x-tbar-page-first {
	background-image: url(../img/olb/grid/page-first.gif) !important;
}
.x-tbar-loading {
	background-image: url(../img/olb/grid/refresh.gif) !important;
}
.x-tbar-page-last {
	background-image: url(../img/olb/grid/page-last.gif) !important;
}
.x-tbar-page-next {
	background-image: url(../img/olb/grid/page-next.gif) !important;
}
.x-tbar-page-prev {
	background-image: url(../img/olb/grid/page-prev.gif) !important;
}
.x-item-disabled .x-tbar-loading {
	background-image: url(../img/olb/grid/loading.gif) !important;
}
.x-item-disabled .x-tbar-page-first {
	background-image: url(../img/olb/grid/page-first-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-last {
	background-image: url(../img/olb/grid/page-last-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-next {
	background-image: url(../img/olb/grid/page-next-disabled.gif) !important;
}
.x-item-disabled .x-tbar-page-prev {
	background-image: url(../img/olb/grid/page-prev-disabled.gif) !important;
}
.x-paging-info {
	position: absolute;
	top: 5px;
	right: 8px;
	color: #444;
}
.x-statusbar .x-status-text {
	height: 21px;
	line-height: 21px;
	padding: 0 4px;
	cursor: default;
}
.x-statusbar .x-status-busy {
	padding-left: 25px;
	background: transparent url(../img/olb/grid/loading.gif) no-repeat 3px 3px;
}
.x-statusbar .x-status-text-panel {
	border-top: 1px solid #99BBE8;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #99BBE8;
	padding: 2px 8px 2px 5px;
}
.x-resizable-handle {
	position: absolute;
	z-index: 100;
	font-size: 1px;
	line-height: 6px;
	overflow: hidden;
	background: white;
	filter: alpha(opacity = 0);
	opacity: 0;
	zoom: 1;
}
.x-resizable-handle-east {
	width: 6px;
	cursor: e-resize;
	right: 0;
	top: 0;
	height: 100%;
}
.ext-ie .x-resizable-handle-east {
	margin-right: -1px;
}
.x-resizable-handle-south {
	width: 100%;
	cursor: s-resize;
	left: 0;
	bottom: 0;
	height: 6px;
}
.ext-ie .x-resizable-handle-south {
	margin-bottom: -1px;
}
.x-resizable-handle-west {
	width: 6px;
	cursor: w-resize;
	left: 0;
	top: 0;
	height: 100%;
}
.x-resizable-handle-north {
	width: 100%;
	cursor: n-resize;
	left: 0;
	top: 0;
	height: 6px;
}
.x-resizable-handle-southeast {
	width: 6px;
	cursor: se-resize;
	right: 0;
	bottom: 0;
	height: 6px;
	z-index: 101;
}
.x-resizable-handle-northwest {
	width: 6px;
	cursor: nw-resize;
	left: 0;
	top: 0;
	height: 6px;
	z-index: 101;
}
.x-resizable-handle-northeast {
	width: 6px;
	cursor: ne-resize;
	right: 0;
	top: 0;
	height: 6px;
	z-index: 101;
}
.x-resizable-handle-southwest {
	width: 6px;
	cursor: sw-resize;
	left: 0;
	bottom: 0;
	height: 6px;
	z-index: 101;
}
.x-resizable-over .x-resizable-handle,
.x-resizable-pinned .x-resizable-handle {
	filter: alpha(opacity = 100);
	opacity: 1;
}
.x-resizable-over .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-east {
	background: url(../img/olb/sizer/e-handle.gif);
	background-position: left;
}
.x-resizable-over .x-resizable-handle-west,
.x-resizable-pinned .x-resizable-handle-west {
	background: url(../img/olb/sizer/e-handle.gif);
	background-position: left;
}
.x-resizable-over .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-south {
	background: url(../img/olb/sizer/s-handle.gif);
	background-position: top;
}
.x-resizable-over .x-resizable-handle-north,
.x-resizable-pinned .x-resizable-handle-north {
	background: url(../img/olb/sizer/s-handle.gif);
	background-position: top;
}
.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast {
	background: url(../img/olb/sizer/se-handle.gif);
	background-position: top left;
}
.x-resizable-over .x-resizable-handle-northwest,
.x-resizable-pinned .x-resizable-handle-northwest {
	background: url(../img/olb/sizer/nw-handle.gif);
	background-position: bottom right;
}
.x-resizable-over .x-resizable-handle-northeast,
.x-resizable-pinned .x-resizable-handle-northeast {
	background: url(../img/olb/sizer/ne-handle.gif);
	background-position: bottom left;
}
.x-resizable-over .x-resizable-handle-southwest,
.x-resizable-pinned .x-resizable-handle-southwest {
	background: url(../img/olb/sizer/sw-handle.gif);
	background-position: top right;
}
.x-resizable-proxy {
	border: 1px dashed #3b5a82;
	position: absolute;
	overflow: hidden;
	display: none;
	left: 0;
	top: 0;
	z-index: 50000;
}
.x-resizable-overlay {
	width: 100%;
	height: 100%;
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	background: white;
	z-index: 200000;
	-moz-opacity: 0;
	opacity: 0;
	filter: alpha(opacity = 0);
}
.x-grid3 {
	position: relative;
	overflow: hidden;
	background-color: #fff;
}
.x-grid-panel .x-panel-body {
	overflow: hidden !important;
}
.x-grid-panel .x-panel-mc .x-panel-body {
	border: 1px solid #99bbe8;
}
.x-grid3 table {
	table-layout: fixed;
}
.x-grid3-viewport {
	overflow: hidden;
}
.x-grid3-hd-row td,
.x-grid3-row td,
.x-grid3-summary-row td {
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	-moz-outline: none;
	-moz-user-focus: normal;
}
.x-grid3-row td,
.x-grid3-summary-row td {
	line-height: 13px;
	vertical-align: top;
	padding-left: 1px;
	padding-right: 1px;
	-moz-user-select: none;
}
.x-grid3-hd-row td {
	line-height: 15px;
	vertical-align: middle;
	border-left: 1px solid #eee;
	border-right: 1px solid #d0d0d0;
}
.x-grid3-hd-row .x-grid3-marker-hd {
	padding: 3px;
}
.x-grid3-row .x-grid3-marker {
	padding: 3px;
}
.x-grid3-cell-inner,
.x-grid3-hd-inner {
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	padding: 3px 3px 3px 5px;
	white-space: nowrap;
}
.x-grid3-hd-inner {
	position: relative;
	cursor: inherit;
	padding: 4px 3px 4px 5px;
}
.x-grid3-row-body {
	white-space: normal;
}
.x-grid3-body-cell {
	-moz-outline: 0 none;
	outline: 0 none;
}
.ext-ie .x-grid3-cell-inner,
.ext-ie .x-grid3-hd-inner {
	width: 100%;
}
.ext-strict .x-grid3-cell-inner,
.ext-strict .x-grid3-hd-inner {
	width: auto;
}
.x-grid-row-loading {
	background: #fff url(../img/olb/shared/loading-balls.gif) no-repeat center center;
}
.x-grid-page {
	overflow: hidden;
}
.x-grid3-row {
	cursor: default;
	border: 1px solid #ededed;
	border-top-color: #fff;
	width: 100%;
}
.x-grid3-row-alt {
	background-color: #fafafa;
}
.x-grid3-row-over {
	border: 1px solid #ddd;
	background: #efefef url(../img/olb/grid/row-over.gif) repeat-x left top;
}
.x-grid3-resize-proxy {
	width: 1px;
	left: 0;
	background-color: #777;
	cursor: e-resize;
	cursor: col-resize;
	position: absolute;
	top: 0;
	height: 100px;
	overflow: hidden;
	visibility: hidden;
	border: 0 none;
	z-index: 7;
}
.x-grid3-resize-marker {
	width: 1px;
	left: 0;
	background-color: #777;
	position: absolute;
	top: 0;
	height: 100px;
	overflow: hidden;
	visibility: hidden;
	border: 0 none;
	z-index: 7;
}
.x-grid3-focus {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	-moz-outline: 0 none;
	outline: 0 none;
	-moz-user-select: text;
	-khtml-user-select: text;
}
.x-grid3-header {
	background: #f9f9f9 url(../img/olb/grid/grid3-hrow.gif) repeat-x 0 bottom;
	cursor: default;
	zoom: 1;
	padding: 1px 0 0 0;
}
.x-grid3-header-pop {
	border-left: 1px solid #d0d0d0;
	float: right;
	clear: none;
}
.x-grid3-header-pop-inner {
	border-left: 1px solid #eee;
	width: 14px;
	height: 19px;
	background: transparent url(../img/olb/grid/hd-pop.gif) no-repeat center center;
}
.ext-ie .x-grid3-header-pop-inner {
	width: 15px;
}
.ext-strict .x-grid3-header-pop-inner {
	width: 14px;
}
.x-grid3-header-inner {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.x-grid3-header-offset {
	padding-left: 1px;
	width: 10000px;
}
td.x-grid3-hd-over,
td.sort-desc,
td.sort-asc,
td.x-grid3-hd-menu-open {
	border-left: 1px solid #aaccf6;
	border-right: 1px solid #aaccf6;
}
td.x-grid3-hd-over .x-grid3-hd-inner,
td.sort-desc .x-grid3-hd-inner,
td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
	background: #ebf3fd url(../img/olb/grid/grid3-hrow-over.gif) repeat-x left bottom;
}
.x-grid3-sort-icon {
	background-repeat: no-repeat;
	display: none;
	height: 4px;
	width: 13px;
	margin-left: 3px;
	vertical-align: middle;
}
.sort-asc .x-grid3-sort-icon {
	background-image: url(../img/olb/grid/sort_asc.gif);
	display: inline;
}
.sort-desc .x-grid3-sort-icon {
	background-image: url(../img/olb/grid/sort_desc.gif);
	display: inline;
}
.ext-strict .ext-ie .x-grid3-header-inner {
	position: relative;
}
.ext-strict .ext-ie6 .x-grid3-hd {
	position: relative;
}
.ext-strict .ext-ie6 .x-grid3-hd-inner {
	position: static;
}
.x-grid3-body {
	zoom: 1;
}
.x-grid3-scroller {
	overflow: auto;
	zoom: 1;
	position: relative;
}
.x-grid3-cell-text,
.x-grid3-hd-text {
	display: block;
	padding: 3px 5px 3px 5px;
	-moz-user-select: none;
	-khtml-user-select: none;
	color: black;
}
.x-grid3-split {
	background-image: url(../img/olb/grid/grid-split.gif);
	background-position: center;
	background-repeat: no-repeat;
	cursor: e-resize;
	cursor: col-resize;
	display: block;
	font-size: 1px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	top: 2px;
	width: 6px;
	z-index: 3;
}
.x-grid3-hd-text {
	color: #15428b;
}
.x-dd-drag-proxy .x-grid3-hd-inner {
	background: #ebf3fd url(../img/olb/grid/grid3-hrow-over.gif) repeat-x left bottom;
	width: 120px;
	padding: 3px;
	border: 1px solid #aaccf6;
	overflow: hidden;
}
.col-move-top,.col-move-bottom {
	width: 9px;
	height: 9px;
	position: absolute;
	top: 0;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
	visibility: hidden;
	z-index: 20000;
}
.col-move-top {
	background: transparent url(../img/olb/grid/col-move-top.gif) no-repeat left top;
}
.col-move-bottom {
	background: transparent url(../img/olb/grid/col-move-bottom.gif)	no-repeat left top;
}
.x-grid3-row-selected {
	background: #DFE8F6 !important;
	border: 1px dotted #a3bae9;
}
.x-grid3-cell-selected {
	background-color: #B8CFEE !important;
	color: black;
}
.x-grid3-cell-selected span {
	color: black !important;
}
.x-grid3-cell-selected .x-grid3-cell-text {
	color: black;
}
.x-grid3-locked td.x-grid3-row-marker,
.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker {
	background: #ebeadb url(../img/olb/grid/grid-hrow.gif) repeat-x 0 bottom !important;
	vertical-align: middle !important;
	color: black;
	padding: 0;
	border-top: 1px solid white;
	border-bottom: none !important;
	border-right: 1px solid #6fa0df !important;
	text-align: center;
}
.x-grid3-locked td.x-grid3-row-marker div,
.x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div {
	padding: 0 4px;
	color: #15428b !important;
	text-align: center;
}
.x-grid3-dirty-cell {
	background: transparent url(../img/olb/grid/dirty.gif) no-repeat 0 0;
}
.x-grid3-topbar,.x-grid3-bottombar {
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	overflow: hidden;
	display: none;
	zoom: 1;
	position: relative;
}
.x-grid3-topbar .x-toolbar {
	border-right: 0 none;
}
.x-grid3-bottombar .x-toolbar {
	border-right: 0 none;
	border-bottom: 0 none;
	border-top: 1px solid #a9bfd3;
}
.x-props-grid .x-grid3-cell {
	padding: 1px;
}
.x-props-grid .x-grid3-td-name .x-grid3-cell-inner {
	background: transparent url(../img/olb/grid/grid3-special-col-bg.gif) repeat-y -16px !important;
	padding-left: 12px;
	color: black !important;
}
.x-props-grid .x-grid3-body .x-grid3-td-name {
	padding: 1px;
	padding-right: 0;
	background: white !important;
	border: 0 none;
	border-right: 1px solid #eee;
}
.xg-hmenu-sort-asc .x-menu-item-icon {
	background-image: url(../img/olb/grid/hmenu-asc.gif);
}
.xg-hmenu-sort-desc .x-menu-item-icon {
	background-image: url(../img/olb/grid/hmenu-desc.gif);
}
.xg-hmenu-lock .x-menu-item-icon {
	background-image: url(../img/olb/grid/hmenu-lock.gif);
}
.xg-hmenu-unlock .x-menu-item-icon {
	background-image: url(../img/olb/grid/hmenu-unlock.gif);
}
.x-grid3-col-dd {
	border: 0 none;
	padding: 0;
	background: transparent;
}
.x-dd-drag-ghost .x-grid3-dd-wrap {
	padding: 1px 3px 3px 1px;
}
.x-grid3-hd {
	-moz-user-select: none;
}
.x-grid3-hd-btn {
	display: none;
	position: absolute;
	width: 14px;
	background: #c3daf9 url(../img/olb/grid/grid3-hd-btn.gif) no-repeat left center;
	right: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
}
.x-grid3-hd-over .x-grid3-hd-btn,
.x-grid3-hd-menu-open .x-grid3-hd-btn {
	display: block;
}
a.x-grid3-hd-btn:hover {
	background-position: -14px center;
}
.x-grid3-body .x-grid3-td-expander {
	background: transparent url(../img/olb/grid/grid3-special-col-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
	padding: 0 !important;
	height: 100%;
}
.x-grid3-row-expander {
	width: 100%;
	height: 18px;
	background-position: 4px 2px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../img/olb/grid/row-expand-sprite.gif);
}
.x-grid3-row-collapsed .x-grid3-row-expander {
	background-position: 4px 2px;
}
.x-grid3-row-expanded .x-grid3-row-expander {
	background-position: -21px 2px;
}
.x-grid3-row-collapsed .x-grid3-row-body {
	display: none !important;
}
.x-grid3-row-expanded .x-grid3-row-body {
	display: block !important;
}
.x-grid3-body .x-grid3-td-checker {
	background: transparent url(../img/olb/grid/grid3-special-col-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner,
.x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
	padding: 0 !important;
	height: 100%;
}
.x-grid3-row-checker,.x-grid3-hd-checker {
	width: 100%;
	height: 18px;
	background-position: 2px 2px;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../img/olb/grid/row-check-sprite.gif);
}
.x-grid3-row .x-grid3-row-checker {
	background-position: 2px 2px;
}
.x-grid3-row-selected .x-grid3-row-checker,
.x-grid3-hd-checker-on .x-grid3-hd-checker {
	background-position: -23px 2px;
}
.x-grid3-hd-checker {
	background-position: 2px 3px;
}
.x-grid3-hd-checker-on .x-grid3-hd-checker {
	background-position: -23px 3px;
}
.x-grid3-body .x-grid3-td-numberer {
	background: transparent url(../img/olb/grid/grid3-special-col-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
	padding: 3px 5px 0 0 !important;
	text-align: right;
	color: #444;
}
.x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
.x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
	background: transparent url(../img/olb/grid/grid3-special-col-sel-bg.gif) repeat-y right;
}
.x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
	padding: 1px 0 0 0 !important;
}
.x-grid3-check-col {
	width: 100%;
	height: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../img/olb/menu/unchecked.gif);
}
.x-grid3-check-col-on {
	width: 100%;
	height: 16px;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: transparent;
	background-image: url(../img/olb/menu/checked.gif);
}
.x-grid-group,
.x-grid-group-body,
.x-grid-group-hd {
	zoom: 1;
}
.x-grid-group-hd {
	border-bottom: 2px solid #99bbe8;
	cursor: pointer;
	padding-top: 6px;
}
.x-grid-group-hd div {
	background: transparent url(../img/olb/grid/group-expand-sprite.gif) no-repeat 3px -47px;
	padding: 4px 4px 4px 17px;
	color: #3764a0;
	font: bold 11px tahoma, arial, helvetica, sans-serif;
}
.x-grid-group-collapsed .x-grid-group-hd div {
	background-position: 3px 3px;
}
.x-grid-group-collapsed .x-grid-group-body {
	display: none;
}
.x-group-by-icon {
	background-image: url(../img/olb/grid/group-by.gif);
}
.x-cols-icon {
	background-image: url(../img/olb/grid/columns.gif);
}
.x-show-groups-icon {
	background-image: url(../img/olb/grid/group-by.gif);
}
.ext-ie .x-grid3 .x-editor .x-form-text {
	position: relative;
	top: -1px;
}
.ext-ie .x-props-grid .x-editor .x-form-text {
	position: static;
	top: 0;
}
.x-grid-empty {
	padding: 10px;
	color: gray;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
}
.ext-ie7 .x-grid-panel .x-panel-bbar {
	position: relative;
}
.x-dd-drag-proxy {
	position: absolute;
	left: 0;
	top: 0;
	visibility: hidden;
	z-index: 15000;
}
.x-dd-drag-ghost {
	color: black;
	font: normal 11px arial, helvetica, sans-serif;
	-moz-opacity: .85;
	opacity: .85;
	filter: alpha(opacity = 85);
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	border-right: 1px solid #bbb;
	border-bottom: 1px solid #bbb;
	padding: 3px;
	padding-left: 20px;
	background-color: white;
	white-space: nowrap;
}
.x-dd-drag-repair .x-dd-drag-ghost {
	-moz-opacity: .4;
	opacity: .4;
	filter: alpha(opacity = 40);
	border: 0 none;
	padding: 0;
	background-color: transparent;
}
.x-dd-drag-repair .x-dd-drop-icon {
	visibility: hidden;
}
.x-dd-drop-icon {
	position: absolute;
	top: 3px;
	left: 3px;
	display: block;
	width: 16px;
	height: 16px;
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}
.x-dd-drop-nodrop .x-dd-drop-icon {
	background-image: url(../img/olb/dd/drop-no.gif);
}
.x-dd-drop-ok .x-dd-drop-icon {
	background-image: url(../img/olb/dd/drop-yes.gif);
}
.x-dd-drop-ok-add .x-dd-drop-icon {
	background-image: url(../img/olb/dd/drop-add.gif);
}
.x-view-selector {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	background: #c3daf9;
	border: 1px dotted #39b;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity = 50);
	zoom: 1;
}
.x-tree .x-panel-body {
	background-color: #fff;
}
.ext-strict .ext-ie .x-tree .x-panel-bwrap {
	position: relative;
	overflow: hidden;
}
.x-tree-icon,
.x-tree-ec-icon,
.x-tree-elbow-line,
.x-tree-elbow,
.x-tree-elbow-end,
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
	border: 0 none;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 16px;
	background-repeat: no-repeat;
}
.x-tree-node-collapsed .x-tree-node-icon,
.x-tree-node-expanded .x-tree-node-icon,
.x-tree-node-leaf .x-tree-node-icon {
	border: 0 none;
	height: 18px;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 16px;
	background-position: center;
	background-repeat: no-repeat;
}
.ext-ie .x-tree-node-indent img,
.ext-ie .x-tree-node-icon,
.ext-ie .x-tree-ec-icon {
	vertical-align: middle !important;
}
.x-tree-node-expanded .x-tree-node-icon {
	background-image: url(../img/olb/tree/folder-open.gif);
}
.x-tree-node-leaf .x-tree-node-icon {
	background-image: url(../img/olb/tree/leaf.gif);
}
.x-tree-node-collapsed .x-tree-node-icon {
	background-image: url(../img/olb/tree/folder.gif);
}
.ext-ie input.x-tree-node-cb {
	width: 15px;
	height: 15px;
}
input.x-tree-node-cb {
	margin-left: 1px;
}
.ext-ie input.x-tree-node-cb {
	margin-left: 0;
}
.x-tree-noicon .x-tree-node-icon {
	width: 0;
	height: 0;
}
.x-tree-node-loading .x-tree-node-icon {
	background-image: url(../img/olb/tree/loading.gif) !important;
}
.x-tree-node-loading a span {
	font-style: italic;
	color: #444;
}
.ext-ie .x-tree-node-el input {
	width: 15px;
	height: 15px;
}
.x-tree-lines .x-tree-elbow {
	background-image: url(../img/olb/tree/elbow.gif);
}
.x-tree-lines .x-tree-elbow-plus {
	background-image: url(../img/olb/tree/elbow-plus.gif);
}
.x-tree-lines .x-tree-elbow-minus {
	background-image: url(../img/olb/tree/elbow-minus.gif);
}
.x-tree-lines .x-tree-elbow-end {
	background-image: url(../img/olb/tree/elbow-end.gif);
}
.x-tree-lines .x-tree-elbow-end-plus {
	background-image: url(../img/olb/tree/elbow-end-plus.gif);
}
.x-tree-lines .x-tree-elbow-end-minus {
	background-image: url(../img/olb/tree/elbow-end-minus.gif);
}
.x-tree-lines .x-tree-elbow-line {
	background-image: url(../img/olb/tree/elbow-line.gif);
}
.x-tree-no-lines .x-tree-elbow {
	background: transparent;
}
.x-tree-no-lines .x-tree-elbow-plus {
	background-image: url(../img/olb/tree/elbow-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-minus {
	background-image: url(../img/olb/tree/elbow-minus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end {
	background: transparent;
}
.x-tree-no-lines .x-tree-elbow-end-plus {
	background-image: url(../img/olb/tree/elbow-end-plus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-end-minus {
	background-image: url(../img/olb/tree/elbow-end-minus-nl.gif);
}
.x-tree-no-lines .x-tree-elbow-line {
	background: transparent;
}
.x-tree-arrows .x-tree-elbow {
	background: transparent;
}
.x-tree-arrows .x-tree-elbow-plus {
	background: transparent url(../img/olb/tree/arrows.gif) no-repeat 0 0;
}
.x-tree-arrows .x-tree-elbow-minus {
	background: transparent url(../img/olb/tree/arrows.gif) no-repeat
		-16px 0;
}
.x-tree-arrows .x-tree-elbow-end {
	background: transparent;
}
.x-tree-arrows .x-tree-elbow-end-plus {
	background: transparent url(../img/olb/tree/arrows.gif) no-repeat 0 0;
}
.x-tree-arrows .x-tree-elbow-end-minus {
	background: transparent url(../img/olb/tree/arrows.gif) no-repeat -16px 0;
}
.x-tree-arrows .x-tree-elbow-line {
	background: transparent;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-plus {
	background-position: -32px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-minus {
	background-position: -48px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-plus {
	background-position: -32px 0;
}
.x-tree-arrows .x-tree-ec-over .x-tree-elbow-end-minus {
	background-position: -48px 0;
}
.x-tree-elbow-plus,
.x-tree-elbow-minus,
.x-tree-elbow-end-plus,
.x-tree-elbow-end-minus {
	cursor: pointer;
}
.ext-ie ul.x-tree-node-ct {
	font-size: 0;
	line-height: 0;
	zoom: 1;
}
.x-tree-node {
	color: black;
	font: normal 11px arial, tahoma, helvetica, sans-serif;
	white-space: nowrap;
}
.x-tree-node-el {
	line-height: 18px;
	cursor: pointer;
}
.x-tree-node a,
.x-dd-drag-ghost a {
	text-decoration: none;
	color: black;
	-khtml-user-select: none;
	-moz-user-select: none;
	-kthml-user-focus: normal;
	-moz-user-focus: normal;
	-moz-outline: 0 none;
	outline: 0 none;
}
.x-tree-node a span,
.x-dd-drag-ghost a span {
	text-decoration: none;
	color: black;
	padding: 1px 3px 1px 2px;
}
.x-tree-node .x-tree-node-disabled a span {
	color: gray !important;
}
.x-tree-node .x-tree-node-disabled .x-tree-node-icon {
	-moz-opacity: .5;
	opacity: .5;
	filter: alpha(opacity = 50);
}
.x-tree-node .x-tree-node-inline-icon {
	background: transparent;
}
.x-tree-node a:hover,.x-dd-drag-ghost a:hover {
	text-decoration: none;
}
.x-tree-node div.x-tree-drag-insert-below {
	border-bottom: 1px dotted #36c;
}
.x-tree-node div.x-tree-drag-insert-above {
	border-top: 1px dotted #36c;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below {
	border-bottom: 0 none;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above {
	border-top: 0 none;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-below a {
	border-bottom: 2px solid #36c;
}
.x-tree-dd-underline .x-tree-node div.x-tree-drag-insert-above a {
	border-top: 2px solid #36c;
}
.x-tree-node .x-tree-drag-append a span {
	background: #ddd;
	border: 1px dotted gray;
}
.x-tree-node .x-tree-node-over {
	background-color: #eee;
}
.x-tree-node .x-tree-selected {
	background-color: #d9e8fb;
}
.x-dd-drag-ghost .x-tree-node-indent,
.x-dd-drag-ghost .x-tree-ec-icon {
	display: none !important;
}
.x-tree-drop-ok-append .x-dd-drop-icon {
	background-image: url(../img/olb/tree/drop-add.gif);
}
.x-tree-drop-ok-above .x-dd-drop-icon {
	background-image: url(../img/olb/tree/drop-over.gif);
}
.x-tree-drop-ok-below .x-dd-drop-icon {
	background-image: url(../img/olb/tree/drop-under.gif);
}
.x-tree-drop-ok-between .x-dd-drop-icon {
	background-image: url(../img/olb/tree/drop-between.gif);
}
.x-tree-root-ct {
	zoom: 1;
}
.x-date-picker {
	border: 1px solid #1b376c;
	border-top: 0 none;
	background: #fff;
	position: relative;
}
.x-date-picker a {
	-moz-outline: 0 none;
	outline: 0 none;
}
.x-date-inner,
.x-date-inner td,
.x-date-inner th {
	border-collapse: separate;
}
.x-date-middle,.x-date-left,.x-date-right {
	background: url(../img/olb/shared/hd-sprite.gif) repeat-x 0 -83px
		;
	color: #FFF;
	font: bold 11px "sans serif", tahoma, verdana, helvetica;
	overflow: hidden;
}
.x-date-middle .x-btn-left,.x-date-middle .x-btn-center,.x-date-middle .x-btn-right
	{
	background: transparent !important;
	vertical-align: middle;
}
.x-date-middle .x-btn .x-btn-text {
	color: #fff;
}
.x-date-middle .x-btn-with-menu .x-btn-center em {
	background: transparent
		url(../img/olb/toolbar/btn-arrow-light.gif) no-repeat right 0;
}
.x-date-right,.x-date-left {
	width: 18px;
}
.x-date-right {
	text-align: right;
}
.x-date-middle {
	padding-top: 2px;
	padding-bottom: 2px;
	width: 130px;
}
.x-date-right a,.x-date-left a {
	display: block;
	width: 16px;
	height: 16px;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
	-moz-opacity: .6;
	opacity: .6;
	filter: alpha(opacity = 60);
}
.x-date-right a:hover,.x-date-left a:hover {
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity = 100);
}
.x-date-right a {
	background-image: url(../img/olb/shared/right-btn.gif);
	margin-right: 2px;
	text-decoration: none !important;
}
.x-date-left a {
	background-image: url(../img/olb/shared/left-btn.gif);
	margin-left: 2px;
	text-decoration: none !important;
}
table.x-date-inner {
	width: 100%;
	table-layout: fixed;
}
.x-date-inner th {
	width: 25px;
}
.x-date-inner th {
	background: #dfecfb url(../img/olb/shared/glass-bg.gif) repeat-x left top;
	text-align: right !important;
	border-bottom: 1px solid #a3bad9;
	font: normal 10px arial, helvetica, tahoma, sans-serif;
	color: #233d6d;
	cursor: default;
	padding: 0;
	border-collapse: separate;
}
.x-date-inner th span {
	display: block;
	padding: 2px;
	padding-right: 7px;
}
.x-date-inner td {
	border: 1px solid #fff;
	text-align: right;
	padding: 0;
}
.x-date-inner a {
	padding: 2px 5px;
	display: block;
	font: normal 11px arial, helvetica, tahoma, sans-serif;
	text-decoration: none;
	color: black;
	text-align: right;
	zoom: 1;
}
.x-date-inner .x-date-active {
	cursor: pointer;
	color: black;
}
.x-date-inner .x-date-selected a {
	background: #dfecfb url(../img/olb/shared/glass-bg.gif) repeat-x left top;
	border: 1px solid #8db2e3;
	padding: 1px 4px;
}
.x-date-inner .x-date-today a {
	border: 1px solid darkred;
	padding: 1px 4px;
}
.x-date-inner .x-date-selected span {
	font-weight: bold;
}
.x-date-inner .x-date-prevday a,
.x-date-inner .x-date-nextday a {
	color: #aaa;
	text-decoration: none !important;
}
.x-date-bottom {
	padding: 4px;
	border-top: 1px solid #a3bad9;
	background: #dfecfb url(../img/olb/shared/glass-bg.gif) repeat-x left top;
}
.x-date-inner a:hover,
.x-date-inner .x-date-disabled a:hover {
	text-decoration: none !important;
	color: black;
	background: #ddecfe;
}
.x-date-inner .x-date-disabled a {
	cursor: default;
	background: #eee;
	color: #bbb;
}
.x-date-mmenu {
	background: #eee !important;
}
.x-date-mmenu .x-menu-item {
	font-size: 10px;
	padding: 1px 24px 1px 4px;
	white-space: nowrap;
	color: #000;
}
.x-date-mmenu .x-menu-item .x-menu-item-icon {
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background-position: center -4px !important;
}
.x-date-mp {
	position: absolute;
	left: 0;
	top: 0;
	background: white;
	display: none;
}
.x-date-mp td {
	padding: 2px;
	font: normal 11px arial, helvetica, tahoma, sans-serif;
}
td.x-date-mp-month,td.x-date-mp-year,td.x-date-mp-ybtn {
	border: 0 none;
	text-align: center;
	vertical-align: middle;
	width: 25%;
}
.x-date-mp-ok {
	margin-right: 3px;
}
.x-date-mp-btns button {
	text-decoration: none;
	text-align: center;
	text-decoration: none !important;
	background: #083772;
	color: white;
	border: 1px solid;
	border-color: #36c #000055 #005 #3366cc;
	padding: 1px 3px 1px;
	font: normal 11px arial, helvetica, tahoma, sans-serif;
	cursor: pointer;
}
.x-date-mp-btns {
	background: #dfecfb url(../img/olb/shared/glass-bg.gif) repeat-x
		left top;
}
.x-date-mp-btns td {
	border-top: 1px solid #c5d2df;
	text-align: center;
}
td.x-date-mp-month a,td.x-date-mp-year a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
	text-align: center;
	color: #15428b;
}
td.x-date-mp-month a:hover,td.x-date-mp-year a:hover {
	color: #15428b;
	text-decoration: none;
	cursor: pointer;
	background: #ddecfe;
}
td.x-date-mp-sel a {
	padding: 1px 3px;
	background: #dfecfb url(../img/olb/shared/glass-bg.gif) repeat-x left top;
	border: 1px solid #8db2e3;
}
.x-date-mp-ybtn a {
	overflow: hidden;
	width: 15px;
	height: 15px;
	cursor: pointer;
	background: transparent url(../img/olb/panel/tool-sprites.gif) no-repeat;
	display: block;
	margin: 0 auto;
}
.x-date-mp-ybtn a.x-date-mp-next {
	background-position: 0 -120px;
}
.x-date-mp-ybtn a.x-date-mp-next:hover {
	background-position: -15px -120px;
}
.x-date-mp-ybtn a.x-date-mp-prev {
	background-position: 0 -105px;
}
.x-date-mp-ybtn a.x-date-mp-prev:hover {
	background-position: -15px -105px;
}
.x-date-mp-ybtn {
	text-align: center;
}
td.x-date-mp-sep {
	border-right: 1px solid #c5d2df;
}
.x-tip {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 20000;
	border: 0 none;
}
.x-tip .x-tip-close {
	background-image: url(../img/olb/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(../img/olb/qtip/tip-sprite.gif) no-repeat 0 -62px;
	padding-top: 3px;
	overflow: hidden;
	zoom: 1;
}
.x-tip .x-tip-tl {
	background: transparent url(../img/olb/qtip/tip-sprite.gif) no-repeat 0 0;
	padding-left: 6px;
	overflow: hidden;
	zoom: 1;
}
.x-tip .x-tip-tr {
	background: transparent url(../img/olb/qtip/tip-sprite.gif) no-repeat right 0;
	padding-right: 6px;
	overflow: hidden;
	zoom: 1;
}
.x-tip .x-tip-bc {
	background: transparent url(../img/olb/qtip/tip-sprite.gif) no-repeat 0 -121px;
	height: 3px;
	overflow: hidden;
}
.x-tip .x-tip-bl {
	background: transparent url(../img/olb/qtip/tip-sprite.gif) no-repeat 0 -59px;
	padding-left: 6px;
	zoom: 1;
}
.x-tip .x-tip-br {
	background: transparent url(../img/olb/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(../img/olb/qtip/tip-sprite.gif) no-repeat 0 -124px;
	padding-left: 6px;
	zoom: 1;
}
.x-tip .x-tip-mr {
	background: transparent url(../img/olb/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-tip-tc {
	background: url(../img/olb/form/error-tip-corners.gif) repeat-x 0 -12px;
	padding-top: 6px;
}
.x-form-invalid-tip .x-tip-tl {
	background-image: url(../img/olb/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-tr {
	background-image: url(../img/olb/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-bc {
	background: url(../img/olb/form/error-tip-corners.gif) repeat-x 0 -18px;
	height: 6px;
}
.x-form-invalid-tip .x-tip-bl {
	background: url(../img/olb/form/error-tip-corners.gif) no-repeat 0 -6px;
}
.x-form-invalid-tip .x-tip-br {
	background: url(../img/olb/form/error-tip-corners.gif) no-repeat right -6px;
}
.x-form-invalid-tip .x-tip-ml {
	background-image: url(../img/olb/form/error-tip-corners.gif);
}
.x-form-invalid-tip .x-tip-mr {
	background-image: url(../img/olb/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(../img/olb/form/exclamation.gif) no-repeat 2px 2px;
}
.x-menu {
	border: 1px solid #718bb7;
	z-index: 15000;
	zoom: 1;
	background: #f0f0f0 url(../img/olb/menu/menu.gif) repeat-y;
	padding: 2px;
}
.x-menu a {
	text-decoration: none !important;
}
.ext-ie .x-menu {
	zoom: 1;
	overflow: hidden;
}
.x-menu-list {
	background: transparent;
	border: 0 none;
}
.x-menu li {
	line-height: 100%;
}
.x-menu li.x-menu-sep-li {
	font-size: 1px;
	line-height: 1px;
}
.x-menu-list-item {
	font: normal 11px tahoma, arial, sans-serif;
	white-space: nowrap;
	-moz-user-select: none;
	-khtml-user-select: none;
	display: block;
	padding: 1px;
}
.x-menu-item-arrow {
	background: transparent url(../img/olb/menu/menu-parent.gif) no-repeat right;
}
.x-menu-sep {
	display: block;
	font-size: 1px;
	line-height: 1px;
	margin: 2px 3px;
	background-color: #e0e0e0;
	border-bottom: 1px solid #fff;
	overflow: hidden;
}
.x-menu-focus {
	position: absolute;
	left: -1px;
	top: -1px;
	width: 1px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	-moz-outline: 0 none;
	outline: 0 none;
	-moz-user-select: text;
	-khtml-user-select: text;
	overflow: hidden;
	display: block;
}
.x-menu a.x-menu-item {
	display: block;
	line-height: 16px;
	padding: 3px 21px 3px 27px;
	white-space: nowrap;
	text-decoration: none;
	color: #222;
	-moz-outline: 0 none;
	outline: 0 none;
	cursor: pointer;
	position: relative;
}
.x-menu-item-active {
	background: #ebf3fd url(../img/olb/menu/item-over.gif) repeat-x left bottom;
	border: 1px solid #aaccf6;
	padding: 0;
}
.x-menu-item-active a.x-menu-item {
	color: #233d6d;
}
.x-menu-item-icon {
	border: 0 none;
	height: 16px;
	padding: 0;
	vertical-align: top;
	width: 16px;
	position: absolute;
	left: 3px;
	top: 3px;
	margin: 0;
	background-position: center;
}
.x-menu-check-item .x-menu-item-icon {
	background: transparent url(../img/olb/menu/unchecked.gif) no-repeat center;
}
.x-menu-item-checked .x-menu-item-icon {
	background-image: url(../img/olb/menu/checked.gif);
}
.x-menu-group-item .x-menu-item-icon {
	background: transparent;
}
.x-menu-item-checked .x-menu-group-item .x-menu-item-icon {
	background: transparent url(../img/olb/menu/group-checked.gif) no-repeat center;
}
.x-menu-plain {
	background: #fff !important;
}
.x-menu-date-item {
	padding: 0;
}
.x-menu .x-color-palette,
.x-menu .x-date-picker {
	margin-left: 26px;
	margin-right: 4px;
}
.x-menu .x-date-picker {
	border: 1px solid #a3bad9;
	margin-top: 2px;
	margin-bottom: 2px;
}
.x-menu-plain .x-color-palette,
.x-menu-plain .x-date-picker {
	margin: 0;
	border: 0 none;
}
.x-date-menu {
	padding: 0 !important;
}
.x-cycle-menu .x-menu-item-checked {
	border: 1px dotted #a3bae9 !important;
	background: #DFE8F6;
	padding: 0;
}
.x-box-tl {
	background: transparent url(../img/olb/box/corners.gif) no-repeat 0 0;
	zoom: 1;
}
.x-box-tc {
	height: 8px;
	background: transparent url(../img/olb/box/tb.gif) repeat-x 0 0;
	overflow: hidden;
}
.x-box-tr {
	background: transparent url(../img/olb/box/corners.gif) no-repeat right -8px;
}
.x-box-ml {
	background: transparent url(../img/olb/box/l.gif) repeat-y 0;
	padding-left: 4px;
	overflow: hidden;
	zoom: 1;
}
.x-box-mc {
	background: #eee url(../img/olb/box/tb.gif) repeat-x 0 -16px;
	padding: 4px 10px;
	font-family: "Myriad Pro", "Myriad Web", "Tahoma", "Helvetica", "Arial", sans-serif;
	color: #393939;
	font-size: 12px;
}
.x-box-mc h3 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 4px 0;
	zoom: 1;
}
.x-box-mr {
	background: transparent url(../img/olb/box/r.gif) repeat-y right;
	padding-right: 4px;
	overflow: hidden;
}
.x-box-bl {
	background: transparent url(../img/olb/box/corners.gif) no-repeat 0 -16px;
	zoom: 1;
}
.x-box-bc {
	background: transparent url(../img/olb/box/tb.gif) repeat-x 0 -8px;
	height: 8px;
	overflow: hidden;
}
.x-box-br {
	background: transparent url(../img/olb/box/corners.gif) no-repeat right -24px;
}
.x-box-tl,.x-box-bl {
	padding-left: 8px;
	overflow: hidden;
}
.x-box-tr,.x-box-br {
	padding-right: 8px;
	overflow: hidden;
}
.x-box-blue .x-box-bl,.x-box-blue .x-box-br,
.x-box-blue .x-box-tl,.x-box-blue .x-box-tr {
	background-image: url(../img/olb/box/corners-blue.gif);
}
.x-box-blue .x-box-bc,
.x-box-blue .x-box-mc,
.x-box-blue .x-box-tc {
	background-image: url(../img/olb/box/tb-blue.gif);
}
.x-box-blue .x-box-mc {
	background-color: #c3daf9;
}
.x-box-blue .x-box-mc h3 {
	color: #17385b;
}
.x-box-blue .x-box-ml {
	background-image: url(../img/olb/box/l-blue.gif);
}
.x-box-blue .x-box-mr {
	background-image: url(../img/olb/box/r-blue.gif);
}
#x-debug-browser .x-tree .x-tree-node a span {
	color: #222297;
	font-size: 11px;
	padding-top: 2px;
	font-family: "monotype", "courier new", sans-serif;
	line-height: 18px;
}
#x-debug-browser .x-tree a i {
	color: #FF4545;
	font-style: normal;
}
#x-debug-browser .x-tree a em {
	color: #999;
}
#x-debug-browser .x-tree .x-tree-node .x-tree-selected a span {
	background: #c3daf9;
}
#x-debug-browser .x-tool-toggle {
	background-position: 0 -75px;
}
#x-debug-browser .x-tool-toggle-over {
	background-position: -15px -75px;
}
#x-debug-browser.x-panel-collapsed .x-tool-toggle {
	background-position: 0 -60px;
}
#x-debug-browser.x-panel-collapsed .x-tool-toggle-over {
	background-position: -15px -60px;
}
.x-combo-list {
	border: 1px solid #98c0f4;
	background: #ddecfe;
	zoom: 1;
	overflow: hidden;
}
.x-combo-list-inner {
	overflow: auto;
	background: white;
	position: relative;
	zoom: 1;
	overflow-x: hidden;
}
.x-combo-list-hd {
	font: bold 11px tahoma, arial, helvetica, sans-serif;
	color: #15428b;
	background-image: url(../img/olb/layout/panel-title-light-bg.gif);
	border-bottom: 1px solid #98c0f4;
	padding: 3px;
}
.x-resizable-pinned .x-combo-list-inner {
	border-bottom: 1px solid #98c0f4;
}
.x-combo-list-item {
	font: normal 12px tahoma, arial, helvetica, sans-serif;
	padding: 2px;
	border: 1px solid #fff;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.x-combo-list .x-combo-selected {
	border: 1px dotted #a3bae9 !important;
	background: #DFE8F6;
	cursor: pointer;
}
.x-combo-noedit {
	cursor: pointer;
}
.x-combo-list .x-toolbar {
	border-top: 1px solid #98c0f4;
	border-bottom: 0 none;
}
.x-combo-list-small .x-combo-list-item {
	font: normal 11px tahoma, arial, helvetica, sans-serif;
}
.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(../img/olb/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;
}
.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(../img/olb/panel/top-bottom.gif) repeat-x 0 0;
	overflow: hidden;
}
.ext-strict .ext-ie7 .x-panel-tc {
	overflow: visible;
}
.x-panel-tl {
	background: transparent url(../img/olb/panel/corners-sprite.gif) no-repeat 0 0;
	padding-left: 6px;
	zoom: 1;
	border-bottom: 1px solid #99bbe8;
}
.x-panel-tr {
	background: transparent url(../img/olb/panel/corners-sprite.gif) no-repeat right 0;
	zoom: 1;
	padding-right: 6px;
}
.x-panel-bc {
	background: transparent url(../img/olb/panel/top-bottom.gif) repeat-x 0 bottom;
	zoom: 1;
}
.x-panel-bc .x-panel-footer {
	zoom: 1;
}
.x-panel-bl {
	background: transparent url(../img/olb/panel/corners-sprite.gif) no-repeat 0 bottom;
	padding-left: 6px;
	zoom: 1;
}
.x-panel-br {
	background: transparent url(../img/olb/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(../img/olb/panel/left-right.gif) repeat-y 0 0;
	padding-left: 6px;
	zoom: 1;
}
.x-panel-mr {
	background: transparent url(../img/olb/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;
}
.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;
}
.x-tool {
	overflow: hidden;
	width: 15px;
	height: 15px;
	float: right;
	cursor: pointer;
	background: transparent url(../img/olb/panel/tool-sprites.gif) no-repeat;
	margin-left: 2px;
}
.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;
}
.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;
}
.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;
}
.x-panel-btns-ct .x-panel-btns-center table {
	margin: 0 auto;
}
.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;
}
.x-window {
	zoom: 1;
}
.x-window .x-resizable-handle {
	opacity: 0;
	-moz-opacity: 0;
	filter: alpha(opacity = 0);
}
.x-window-proxy {
	background: #C7DFFC;
	border: 1px solid #99bbe8;
	z-index: 12000;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 0;
	display: none;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity = 50);
}
.x-window-header {
	overflow: hidden;
	zoom: 1;
}
.x-window-bwrap {
	z-index: 1;
	position: relative;
	zoom: 1;
	left: 0;
	top: 0;
}
.x-window-tl .x-window-header {
	color: #15428b;
	font: bold 11px tahoma, arial, verdana, sans-serif;
	padding: 5px 0 4px 0;
}
.x-window-header-text {
	cursor: pointer;
}
.x-window-tc {
	background: transparent url(../img/olb/window/top-bottom.png) repeat-x 0 0;
	overflow: hidden;
	zoom: 1;
}
.x-window-tl {
	background: transparent url(../img/olb/window/left-corners.png) no-repeat 0 0;
	padding-left: 6px;
	zoom: 1;
	z-index: 1;
	position: relative;
}
.x-window-tr {
	background: transparent url(../img/olb/window/right-corners.png) no-repeat right 0;
	padding-right: 6px;
}
.x-window-bc {
	background: transparent url(../img/olb/window/top-bottom.png) repeat-x 0 bottom;
	zoom: 1;
}
.x-window-bc .x-window-footer {
	padding-bottom: 6px;
	zoom: 1;
	font-size: 0;
	line-height: 0;
}
.x-window-bl {
	background: transparent url(../img/olb/window/left-corners.png) no-repeat 0 bottom;
	padding-left: 6px;
	zoom: 1;
}
.x-window-br {
	background: transparent url(../img/olb/window/right-corners.png) no-repeat right bottom;
	padding-right: 6px;
	zoom: 1;
}
.x-window-mc {
	border: 1px solid #99bbe8;
	padding: 0;
	margin: 0;
	font: normal 11px tahoma, arial, helvetica, sans-serif;
	background: #dfe8f6;
}
.x-window-ml {
	background: transparent url(../img/olb/window/left-right.png) repeat-y 0 0;
	padding-left: 6px;
	zoom: 1;
}
.x-window-mr {
	background: transparent url(../img/olb/window/left-right.png) repeat-y right 0;
	padding-right: 6px;
	zoom: 1;
}
.x-window-body {
	overflow: hidden;
}
.x-window-bwrap {
	overflow: hidden;
}
.x-window-maximized .x-window-bl,
.x-window-maximized .x-window-br,
.x-window-maximized .x-window-ml,
.x-window-maximized .x-window-mr,
.x-window-maximized .x-window-tl,
.x-window-maximized .x-window-tr {
	padding: 0;
}
.x-window-maximized .x-window-footer {
	padding-bottom: 0;
}
.x-window-maximized .x-window-tc {
	padding-left: 3px;
	padding-right: 3px;
	background-color: white;
}
.x-window-maximized .x-window-mc {
	border-left: 0 none;
	border-right: 0 none;
}
.x-window-tbar .x-toolbar,.x-window-bbar .x-toolbar {
	border-left: 0 none;
	border-right: 0 none;
}
.x-window-bbar .x-toolbar {
	border-top: 1px solid #99bbe8;
	border-bottom: 0 none;
}
.x-window-draggable,
.x-window-draggable .x-window-header-text {
	cursor: move;
}
.x-window-maximized .x-window-draggable,
.x-window-maximized .x-window-draggable .x-window-header-text
	{
	cursor: default;
}
.x-window-body {
	background: transparent;
}
.x-panel-ghost .x-window-tl {
	border-bottom: 1px solid #99bbe8;
}
.x-panel-collapsed .x-window-tl {
	border-bottom: 1px solid #84a0c4;
}
.x-window-maximized-ct {
	overflow: hidden;
}
.x-window-maximized .x-resizable-handle {
	display: none;
}
.x-window-sizing-ghost ul {
	border: 0 none !important;
}
.x-dlg-focus {
	-moz-outline: 0 none;
	outline: 0 none;
	width: 0;
	height: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.x-dlg-mask {
	z-index: 10000;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: .5;
	opacity: .50;
	filter: alpha(opacity = 50);
	background-color: #CCC;
}
body.ext-ie6.x-body-masked select {
	visibility: hidden;
}
body.ext-ie6.x-body-masked .x-window select {
	visibility: visible;
}
.x-window-plain .x-window-mc {
	background: #CAD9EC;
	border-right: 1px solid #DFE8F6;
	border-bottom: 1px solid #DFE8F6;
	border-top: 1px solid #a3bae9;
	border-left: 1px solid #a3bae9;
}
.x-window-plain .x-window-body {
	border-left: 1px solid #DFE8F6;
	border-top: 1px solid #DFE8F6;
	border-bottom: 1px solid #a3bae9;
	border-right: 1px solid #a3bae9;
	background: transparent !important;
}
body.x-body-masked .x-window-plain .x-window-mc {
	background: #C7D6E9;
}
.x-html-editor-wrap {
	border: 1px solid #a9bfd3;
	background: white;
}
.x-html-editor-tb .x-btn-text {
	background: transparent url(../img/olb/editor/tb-sprite.gif) no-repeat;
}
.x-html-editor-tb .x-edit-bold .x-btn-text {
	background-position: 0 0;
}
.x-html-editor-tb .x-edit-italic .x-btn-text {
	background-position: -16px 0;
}
.x-html-editor-tb .x-edit-underline .x-btn-text {
	background-position: -32px 0;
}
.x-html-editor-tb .x-edit-forecolor .x-btn-text {
	background-position: -160px 0;
}
.x-html-editor-tb .x-edit-backcolor .x-btn-text {
	background-position: -176px 0;
}
.x-html-editor-tb .x-edit-justifyleft .x-btn-text {
	background-position: -112px 0;
}
.x-html-editor-tb .x-edit-justifycenter .x-btn-text {
	background-position: -128px 0;
}
.x-html-editor-tb .x-edit-justifyright .x-btn-text {
	background-position: -144px 0;
}
.x-html-editor-tb .x-edit-insertorderedlist .x-btn-text {
	background-position: -80px 0;
}
.x-html-editor-tb .x-edit-insertunorderedlist .x-btn-text {
	background-position: -96px 0;
}
.x-html-editor-tb .x-edit-increasefontsize .x-btn-text {
	background-position: -48px 0;
}
.x-html-editor-tb .x-edit-decreasefontsize .x-btn-text {
	background-position: -64px 0;
}
.x-html-editor-tb .x-edit-sourceedit .x-btn-text {
	background-position: -192px 0;
}
.x-html-editor-tb .x-edit-createlink .x-btn-text {
	background-position: -208px 0;
}
.x-html-editor-tip .x-tip-bd .x-tip-bd-inner {
	padding: 5px;
	padding-bottom: 1px;
}
.x-html-editor-tb .x-toolbar {
	position: static !important;
}
.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;
}
.x-border-layout-ct {
	background: #dfe8f6;
}
.x-border-panel {
	position: absolute;
	left: 0;
	top: 0;
}
.x-tool-collapse-south {
	background-position: 0 -195px;
}
.x-tool-collapse-south-over {
	background-position: -15px -195px;
}
.x-tool-collapse-north {
	background-position: 0 -210px;
}
.x-tool-collapse-north-over {
	background-position: -15px -210px;
}
.x-tool-collapse-west {
	background-position: 0 -180px;
}
.x-tool-collapse-west-over {
	background-position: -15px -180px;
}
.x-tool-collapse-east {
	background-position: 0 -165px;
}
.x-tool-collapse-east-over {
	background-position: -15px -165px;
}
.x-tool-expand-south {
	background-position: 0 -210px;
}
.x-tool-expand-south-over {
	background-position: -15px -210px;
}
.x-tool-expand-north {
	background-position: 0 -195px;
}
.x-tool-expand-north-over {
	background-position: -15px -195px;
}
.x-tool-expand-west {
	background-position: 0 -165px;
}
.x-tool-expand-west-over {
	background-position: -15px -165px;
}
.x-tool-expand-east {
	background-position: 0 -180px;
}
.x-tool-expand-east-over {
	background-position: -15px -180px;
}
.x-tool-expand-north,
.x-tool-expand-south {
	float: right;
	margin: 3px;
}
.x-tool-expand-east,
.x-tool-expand-west {
	float: none;
	margin: 3px auto;
}
.x-accordion-hd .x-tool-toggle {
	background-position: 0 -255px;
}
.x-accordion-hd .x-tool-toggle-over {
	background-position: -15px -255px;
}
.x-panel-collapsed .x-accordion-hd .x-tool-toggle {
	background-position: 0 -240px;
}
.x-panel-collapsed .x-accordion-hd .x-tool-toggle-over {
	background-position: -15px -240px;
}
.x-accordion-hd {
	color: #222;
	padding-top: 4px;
	padding-bottom: 3px;
	border-top: 0 none;
	font-weight: normal;
	background: transparent url(../img/olb/panel/light-hd.gif) repeat-x 0 -9px;
}
.x-layout-collapsed {
	position: absolute;
	left: -10000px;
	top: -10000px;
	visibility: hidden;
	background-color: #d2e0f2;
	width: 20px;
	height: 20px;
	overflow: hidden;
	border: 1px solid #98c0f4;
	z-index: 20;
}
.ext-border-box .x-layout-collapsed {
	width: 22px;
	height: 22px;
}
.x-layout-collapsed-over {
	cursor: pointer;
	background-color: #d9e8fb;
}
.x-layout-collapsed-west .x-layout-collapsed-tools,
.x-layout-collapsed-east .x-layout-collapsed-tools {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}
.x-layout-split {
	position: absolute;
	height: 5px;
	width: 5px;
	line-height: 1px;
	font-size: 1px;
	z-index: 3;
	background-color: transparent;
}
.ext-strict .ext-ie6 .x-layout-split {
	background-color: #fff !important;
	filter: alpha(opacity = 1);
}
.x-layout-split-h {
	background-image: url(../img/olb/s.gif);
	background-position: left;
}
.x-layout-split-v {
	background-image: url(../img/olb/s.gif);
	background-position: top;
}
.x-column-layout-ct {
	overflow: hidden;
	zoom: 1;
}
.x-column {
	float: left;
	padding: 0;
	margin: 0;
	overflow: hidden;
	zoom: 1;
}
.x-layout-mini {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 5px;
	height: 35px;
	cursor: pointer;
	opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity = 50);
}
.x-layout-mini-over,.x-layout-collapsed-over .x-layout-mini {
	opacity: 1;
	-moz-opacity: 1;
	filter: none;
}
.x-layout-split-west .x-layout-mini {
	top: 48%;
	background-image: url(../img/olb/layout/mini-left.gif);
}
.x-layout-split-east .x-layout-mini {
	top: 48%;
	background-image: url(../img/olb/layout/mini-right.gif);
}
.x-layout-split-north .x-layout-mini {
	left: 48%;
	height: 5px;
	width: 35px;
	background-image: url(../img/olb/layout/mini-top.gif);
}
.x-layout-split-south .x-layout-mini {
	left: 48%;
	height: 5px;
	width: 35px;
	background-image: url(../img/olb/layout/mini-bottom.gif);
}
.x-layout-cmini-west .x-layout-mini {
	top: 48%;
	background-image: url(../img/olb/layout/mini-right.gif);
}
.x-layout-cmini-east .x-layout-mini {
	top: 48%;
	background-image: url(../img/olb/layout/mini-left.gif);
}
.x-layout-cmini-north .x-layout-mini {
	left: 48%;
	height: 5px;
	width: 35px;
	background-image: url(../img/olb/layout/mini-bottom.gif);
}
.x-layout-cmini-south .x-layout-mini {
	left: 48%;
	height: 5px;
	width: 35px;
	background-image: url(../img/olb/layout/mini-top.gif);
}
.x-layout-cmini-west,.x-layout-cmini-east {
	border: 0 none;
	width: 5px !important;
	padding: 0;
	background: transparent;
}
.x-layout-cmini-north,.x-layout-cmini-south {
	border: 0 none;
	height: 5px !important;
	padding: 0;
	background: transparent;
}
.x-viewport,.x-viewport body {
	margin: 0;
	padding: 0;
	border: 0 none;
	overflow: hidden;
	height: 100%;
}
.x-abs-layout-item {
	position: absolute;
	left: 0;
	top: 0;
}
.ext-ie input.x-abs-layout-item,.ext-ie textarea.x-abs-layout-item {
	margin: 0;
}
.x-progress-wrap {
	border: 1px solid #6593cf;
	overflow: hidden;
}
.x-progress-inner {
	height: 18px;
	background: #e0e8f3 url(../img/olb/qtip/bg.gif) repeat-x;
	position: relative;
}
.x-progress-bar {
	height: 18px;
	float: left;
	width: 0;
	background: #9CBFEE url(../img/olb/progress/progress-bg.gif) repeat-x left center;
	border-top: 1px solid #D1E4FD;
	border-bottom: 1px solid #7FA9E4;
	border-right: 1px solid #7FA9E4;
}
.x-progress-text {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	padding: 1px 5px;
	overflow: hidden;
	position: absolute;
	left: 0;
	text-align: center;
}
.x-progress-text-back {
	color: #396095;
	line-height: 16px;
}
.ext-ie .x-progress-text-back {
	line-height: 15px;
}
.x-window-dlg .x-window-body {
	border: 0 none !important;
	padding: 5px 10px;
	overflow: hidden !important;
}
.x-window-dlg .x-window-mc {
	border: 0 none !important;
}
.x-window-dlg .ext-mb-text,.x-window-dlg .x-window-header-text {
	font-size: 12px;
}
.x-window-dlg .ext-mb-input {
	margin-top: 4px;
	width: 95%;
}
.x-window-dlg .ext-mb-textarea {
	margin-top: 4px;
	font: normal 12px tahoma, arial, helvetica, sans-serif;
}
.x-window-dlg .x-progress-wrap {
	margin-top: 4px;
}
.ext-ie .x-window-dlg .x-progress-wrap {
	margin-top: 6px;
}
.x-window-dlg .x-msg-box-wait {
	background: transparent url(../img/olb/grid/loading.gif) no-repeat left;
	display: block;
	width: 300px;
	padding-left: 18px;
	line-height: 18px;
}
.x-window-dlg .ext-mb-icon {
	float: left;
	width: 47px;
	height: 32px;
}
.x-window-dlg .ext-mb-icon {
	float: left;
	width: 47px;
	height: 32px;
}
.ext-ie .x-window-dlg .ext-mb-icon {
	width: 44px;
}
.x-window-dlg .ext-mb-info {
	background: transparent url(../img/olb/window/icon-info.gif) no-repeat top left;
}
.x-window-dlg .ext-mb-warning {
	background: transparent url(../img/olb/window/icon-warning.gif) no-repeat top left;
}
.x-window-dlg .ext-mb-question {
	background: transparent url(../img/olb/window/icon-question.gif) no-repeat top left;
}
.x-window-dlg .ext-mb-error {
	background: transparent url(../img/olb/window/icon-error.gif) no-repeat top left;
}
.ext-gecko2 .ext-mb-fix-cursor {
	overflow: auto;
}
.x-slider {
	zoom: 1;
}
.x-slider-inner {
	position: relative;
	left: 0;
	top: 0;
	overflow: visible;
	zoom: 1;
}
.x-slider-focus {
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	-moz-outline: 0 none;
	outline: 0 none;
	-moz-user-select: text;
	-khtml-user-select: text;
}
.x-slider-horz {
	padding-left: 7px;
	background: transparent url(../img/olb/slider/slider-bg.png) no-repeat 0 -22px;
}
.x-slider-horz .x-slider-end {
	padding-right: 7px;
	zoom: 1;
	background: transparent url(../img/olb/slider/slider-bg.png) no-repeat right -44px;
}
.x-slider-horz .x-slider-inner {
	background: transparent url(../img/olb/slider/slider-bg.png) repeat-x 0 0;
	height: 22px;
}
.x-slider-horz .x-slider-thumb {
	width: 14px;
	height: 15px;
	position: absolute;
	left: 0;
	top: 3px;
	background: transparent url(../img/olb/slider/slider-thumb.png) no-repeat 0 0;
}
.x-slider-horz .x-slider-thumb-over {
	background-position: -14px -15px;
}
.x-slider-horz .x-slider-thumb-drag {
	background-position: -28px -30px;
}
.x-slider-vert {
	padding-top: 7px;
	background: transparent url(../img/olb/slider/slider-v-bg.png) no-repeat -44px 0;
	width: 22px;
}
.x-slider-vert .x-slider-end {
	padding-bottom: 7px;
	zoom: 1;
	background: transparent url(../img/olb/slider/slider-v-bg.png) no-repeat -22px bottom;
}
.x-slider-vert .x-slider-inner {
	background: transparent url(../img/olb/slider/slider-v-bg.png) repeat-y 0 0;
}
.x-slider-vert .x-slider-thumb {
	width: 15px;
	height: 14px;
	position: absolute;
	left: 3px;
	bottom: 0;
	background: transparent url(../img/olb/slider/slider-v-thumb.png) no-repeat 0 0;
}
.x-slider-vert .x-slider-thumb-over {
	background-position: -15px -14px;
}
.x-slider-vert .x-slider-thumb-drag {
	background-position: -30px -28px;
}
/**
 * ===============================
 * OLB Fonts
 * ===============================
 */
.x-window-mc,
.x-window-tl .x-window-header,
.form-group .form-group-header-text,
.x-combo-list-item,
.x-menu-list-item,
.x-date-inner em,
.x-date-inner a,
td.x-date-mp-month a,
td.x-date-mp-year a,
.x-btn button,
.x-date-mp-btns button,
.x-tip .x-tip-header-text,
.x-tip .x-tip-body,
.olbForm input.hscChapter,
.olbForm input.hscPosition,
.olbForm input.hscSubPosition,
.olbForm input.inputCombo,
.olbForm input.inputDate,
.olbForm input.inputTime,
.olbForm input.inputEdit,
.olbForm input.inputField,
.olbForm input.mcName,
.olbForm input.mcSupplement,
.olbForm input.tnfInternationalDialing,
.olbForm input.tnfNationalDialingCode,
.olbForm input.tnfSubscriberNumber,
.olbForm input.multiColList,
.olbForm select.multiColList,
.olbForm pre.textAreaNonEdit,
.olbForm textarea.textArea,
.olbForm textarea.textAreaNonEdit {
    font-family : Helvetica Neue, HelveticaNeue, Arial, Helvetica, sans-serif;
}
/* multi column combo box list items properties */
.multiColList .x-combo-list-item {
    font-family : "Lucida Console", "Courier New", "Courier", monospace;
}
/* Tree */
.olbForm input.treeButton,
.olbForm input.treeButtonSelected {
    font-family : Arial, Helvetica, sans-serif;
}
/**
* ===============================
* OLB CSS Images
* ===============================
*/
.selectionArrow {
    background-image : url(../img/olb/data_table_arrow.png);
}
.icon-anchor {
    background-image: url(../img/olb/anchor-icon.gif);
}
/**
* ===============================
* OLB SVG Icons
* ===============================
*/
.icon-questionmark,
.icon-star,
.icon-star-plus,
.icon-video {
    cursor: pointer;
}
.icon-questionmark,
.icon-star,
.icon-star-plus,
.icon-video,
.olbForm .icon-chevron-down-bold,
.olbForm .icon-calendar,
.olbForm .icon-magnifying-glass {
    transition : background-color 0.3s, color 0.3s;
}
.olbForm .icon-chevron-down-bold {
    margin-left    : -20px;
    vertical-align : middle;
}
.olbForm .icon-calendar {
    margin-left    : -25px;
    vertical-align : middle;
}
.olbForm .icon-magnifying-glass {
    border-radius  : 3px;
    margin-left    : -30px;
    padding        : 4px;
    vertical-align : bottom;
}
/*
* ============================================================================
* This file overwrites style properties of the javascript framework extjs.com.
* Include this file after ext-all.css.
* This file has dependencies on styles defined in global.css -> see comments
* ============================================================================
*/
.x-window-tl,
.x-window-tr,
.x-window-tc,
.x-window-ml,
.x-window-mr,
.x-window-bl,
.x-window-br,
.x-window-bc {
    background : none;
}
.x-window-tl {
    border-top-style  : solid;
    border-top-width  : 1px;
}
.x-window-tl,
.x-window-ml,
.x-window-bl {
    border-left-style : solid;
    border-left-width : 1px;
}
.x-window-tr,
.x-window-mr,
.x-window-br {
    border-right-style : solid;
    border-right-width : 1px;
}
.x-window-mc {
    border      : none;
}
.x-window-bl {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
.x-window-bc .x-window-footer {
    padding-bottom : 0;
}
.hal-container-content > .x-column,
.olbForm .hal-container-content > .x-column {
    float    : none;
    padding  : 0;
    margin   : 0;
    overflow : visible;
    zoom     : 1;
}
/*
* x-window-header
* ===============
*/
.x-window-tl .x-window-header {
    font-size   : 14px !important;
    text-align  : center;
}
.x-window-tl .x-window-header .x-tool {
    background : none;
}
/*
* x-window-body
* =============
*/
.x-window-body {
    font-size  : 14px !important; /* TODO: for spotlight help 16px ? */
    padding    : 12px 6px;
    text-align : left;
}
.x-window-body p,
.x-window-body ul,
.x-window-body ol {
    font-weight : normal;
}
.x-window-body h2 {
    font-size : 2rem;
}
.hlag-spotlight-window {
    z-index : 222222 !important;
}
.hlag-timeout-window {
    z-index : 333333 !important;
}
/*
* form-group
* ==========
*/
/* add some padding so it spaces nice and relative elements don't get clipped */
.form-group {
    clear          : both;
    overflow       : hidden;
    padding-bottom : 5px;
}
.olbForm .form-group {
    position : relative;
}
#boxApplicationCrossLinks .form-group {
    padding-bottom : 0;
}
/*
* form-group-header
* =================
*/
/* Simple blue border */
.form-group .form-group-header {
    background-position : 0 0; /* panel-line.gif */
    background-repeat   : repeat;
    margin-bottom       : 0.75em;
    margin-top          : 0.75em;
    padding             : 0;
    display             : none;
}
#boxApplicationCrossLinks .form-group .form-group-header {
    margin-bottom : 0;
    margin-top    : 0;
}
/*
* form-group-header-text
* ======================
*/
/* Position the text element so it appears over the border added above */
.form-group .form-group-header-text {
    background-position : 0 -15px; /* collapse-icon.gif */
    background-repeat   : no-repeat;
    font-size           : 11px;
    height              : auto;
    line-height         : 13px;
    margin-left         : 0;
    padding             : 1px 4px 1px 18px;
    text-transform      : uppercase;
    top                 : 6px;
    width               : 15px;
}
/* Change the toggle icon when collapsed */
.x-panel-collapsed .form-group-header-text {
    background-position : 0 0;
}
/*
* form-group-body
* ===============
*/
/* Copied from x-plain (for IE + layouts to work) */
.form-group-body {
    overflow : hidden;
}
/*
* form-group-bwrap
* ================
*/
/* Copied from x-plain (for IE + layouts to work) */
.form-group-bwrap {
    overflow : hidden;
}
/*
* x-form-item
* ===========
*/
/* currently empty, root class for all ext js form items */
.x-form-item {
    font-size     : 100.1%;
    margin-bottom : 0.25em;
    margin-right  : 0.25em;
}
.olbForm .x-form-item {
    margin-bottom : 0.25em;
    margin-right  : 1.5em;
}
#contentSearch .x-form-item {
    margin : 0 1.5em 0 0;
}
/*
* x-form-element
* ==============
*/
/* remove padding between ext js form label and element */
.x-form-element {
    padding-left : 0;
}
/*
* x-form-field-wrap
* =================
*/
.x-form-field-wrap {
    display : inline-block;
    margin  : 0 0.25em 0 0;
}
#contentSearch .x-form-field-wrap {
    font-size     : 0.75em;
    margin-bottom : 0;
}
/*
* x-form-text
* ===========
*/
.ext-strict .x-form-text {
    border-style : solid;
    border-width : 1px;
    height       : 30px;
    line-height  : 1.42857143;
    padding      : 6px 10px;
}
/*
* x-form-field
* ============
*/
/* remove top gray pipe effect from combo box and date field */
textarea.x-form-field {
    background : none;
    font-size  : 0.75em;
}
/*
* x-form-trigger
* ==============
*/
.x-form-field-wrap .x-form-trigger { /* trigger.gif */
    border         : none;
    font-size      : 12px;
    height         : 1.75em;
    position       : static;
    vertical-align : middle;
}
#contentSearch .x-form-field-wrap .x-form-trigger {
    height : 1.6667em;
}
.x-trigger-wrap-focus .x-form-trigger {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
/*
* x-combo-list
* ============
*/
.x-combo-list {
    border-style : solid;
    border-width : 1px;
    height       : 0;
}
.x-resizable-pinned .x-combo-list-inner {
    border-bottom : none;
}
.x-combo-list,
.x-resizable-over .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast,
.x-resizable-over .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-south {
    background : none;
}
/*
* x-combo-selected
* ================
*/
.x-combo-list .x-combo-selected {
    border-style : solid !important;
    border-width : 1px !important;
}
/*
* x-combo-list-item
* =================
*/
/* combo box properties for list items you can choose from */
.x-combo-list-item {
    font-size     : 14px;
    padding-left  : 10px;
    padding-right : 10px;
    text-align    : left;
}
/*
* x-combo
* =======
*/
.combo-result-item {
    border-style : solid;
    border-width : 1px;
    padding      : 1px;
    text-align   : left;
}
.combo-name,
.combo-full-address {
    padding-left  : 8px;
    padding-right : 8px;
}
.combo-name {
    font-size : 14px;
}
.combo-full-address {
    font-size : 12px;
}
.icon-anchor {
    background-position : 0 0; /* anchor-icon.gif */
    background-repeat   : no-repeat;
    float               : right;
    height              : 12px;
    line-height         : 12px;
    margin-left         : 0.375em;
    margin-top          : 3px;
    width               : 12px;
}
/*
* x-menu
* ======
*/
.x-menu {
    background : none;
}
.x-menu-item-active {
    background   : none;
    border-style : solid;
    border-width : 1px;
    padding      : 0;
}
/*
* x-menu-list
* ===========
*/
.x-menu-list {
    list-style-image : none;
    margin           : 0;
    padding          : 0;
}
.x-menu li {
    margin : 0;
}
/* overwrite text alignment property set in global.css and font color property for context menu */
.x-menu a.x-menu-item {
    height         : auto;
    line-height    : 4rem;
    padding-top    : 0;
    padding-bottom : 0;
    text-align     : left;
}
/* overwrite font properties for context menu */
.x-menu-list-item {
    font-size   : 0.75em;
}
/*
* x-date-menu
* ===========
*/
.x-shadow {
    display : none !important;
}
/* fixed width for ie9 compatibility */
.x-date-menu {
    max-width : 220px;
}
.x-date-mp,
.x-date-mp > table {
    height : auto;
    width  : auto;
}
.x-date-mp-btns td {
    border-top : none;
    padding    : 10px;
}
.x-date-middle,
.x-date-left,
.x-date-right,
.x-date-left a,
.x-date-right a,
.x-date-mp-ybtn a {
    background : none;
}
.x-date-middle,
.x-date-left,
.x-date-right {
    padding    : 0;
}
.x-date-middle .x-btn-with-menu .x-btn-center em {
    background-position-y : 9px;
}
/*
* x-date-inner
* ============
*/
/* popup calendar: remove italic style */
.x-date-inner em,
.x-date-inner a,
td.x-date-mp-month a,
td.x-date-mp-year a {
    font-size   : 14px;
    font-weight : normal;
}
td.x-date-mp-month a,
td.x-date-mp-year a {
    padding : 5px 6px 6px;
}
.x-date-inner th,
.x-date-inner .x-date-selected a,
td.x-date-mp-sel a,
.x-date-bottom,
.x-date-mp-btns,
.x-btn-left,
.x-btn-center,
.x-btn-right {
    background : none;
}
.x-date-inner th {
    border-bottom : none;
    font-size     : 14px;
}
.x-date-inner th span {
    padding : 7px 6px 7px 2px;
}
.x-date-inner a {
    padding : 5px;
}
.x-date-inner .x-date-today a {
    border  : none;
    padding : 5px;
}
.x-date-inner .x-date-selected a,
td.x-date-mp-sel a {
    border     : none;
    padding    : 4px 5px 5px;
}
td.x-date-mp-sel a {
    border-style : solid;
    border-width : 1px;
    font-weight  : bold;
    padding      : 4px 5px 5px;
}
.x-date-bottom {
    border-top : none;
    padding    : 10px;
}
.x-btn button,
.x-date-mp-btns button {
    border-radius   : 3px;
    border-style    : solid;
    border-width    : 1px;
    box-sizing      : border-box;
    cursor          : pointer;
    display         : inline-block;
    font-size       : 14px;
    font-weight     : bold;
    height          : 4rem;
    line-height     : 4rem;
    margin          : 0;
    padding         : 0 20px !important;
    text-decoration : none;
    transition      : background-color 0.3s, color 0.3s;
}
.x-date-mp-btns .x-date-mp-ok {
    margin-right : 19px;
}
.today-btn .x-btn-right {
    padding-right : 3px;
}
/*
* x-progress-wrap
* ===============
*/
.x-window-dlg .x-progress-wrap {
    border-style  : solid;
    border-width  : 1px;
    line-height   : normal;
    margin-bottom : 4px;
}
.x-progress-inner,
.x-progress-bar {
    background : none;
}
.x-progress-center {
    display    : inline-block;
    text-align : center;
}
.x-progress-bar {
    border-top-style    : solid;
    border-top-width    : 1px;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-right-style  : solid;
    border-right-width  : 1px;
}
/*
* x-tool-help
* ===========
*/
.x-tool,
.icon-large,
.x-tip .x-tip-tl,
.x-tip .x-tip-tr,
.x-tip .x-tip-tc,
.x-tip .x-tip-ml,
.x-tip .x-tip-mr,
.x-tip .x-tip-bl,
.x-tip .x-tip-br,
.x-tip .x-tip-bc {
    background : none;
}
.x-tool {
    width  : 24px;
    height : 24px;
}
.icon-small,
.icon-medium {
    float : right;
}
.icon-large {
    float       : left;
    margin-left : 0.375em;
}
.x-tool-plus-over {
    background-position : -18px 0; /* help-icon-large.gif */
}
.x-tip {
    border-style : solid;
    border-width : 1px;
}
/*
* ext-el-mask
* ===========
*/
.ext-el-mask {
    z-index : 10000;
}
.olbForm .form-group .form-group-header {
    background          : none;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    cursor              : pointer;
    height              : 13px;
    margin-left         : 80px;
}
.olbForm .form-group .form-group-header-text {
    background   : none;
    font-weight  : bold;
    margin-left  : -80px;
    padding-left : 0;
}
.olbForm p,
.olbForm ul,
.olbForm ol {
    font-weight : normal;
}
.olbForm ul {
    list-style : none;
    padding    : 0;
}
.olbForm caption,
.olbForm th {
    text-align : left;
}
.olbForm td,
.olbForm th {
    padding : 0;
}
.olbForm .hal-table--pdf .hal-table-col-right {
    padding-right : 20px;
    text-align    : right;
}
.olbForm .hal-table-header {
    padding : 15px 10px;
}
/*
* ===============================
* Tag:     LABEL
* ===============================
* Class:   hlLabel
*          inputLabel
* ===============================
*/
.olbForm label.hlLabel,
.olbForm label.inputLabel {
    display     : block;
    font-size   : 1.4rem;
    margin      : 0 0.5rem 0 0;
    white-space : normal;
}
.olbForm label.inputLabel {
    font-weight : bold;
}
#schedules_vessel_tracing_f.olbForm label[for] {
	cursor: default;
}
/*
* ===============================
* Tag:     INPUT
*          SELECT
* ===============================
* Class:   hscChapter
*          hscPosition
*          hscSubPosition
*          inputCombo
*          inputDate
*          inputTime
*          inputField
*          mcName
*          mcSupplement
*          multiColList
*          tnfInternationalDialing
*          tnfNationalDialingCode
*          tnfSubscriberNumber
* ===============================
*/
.olbForm input.hscChapter,
.olbForm input.hscPosition,
.olbForm input.hscSubPosition,
.olbForm input.inputCombo,
.olbForm input.inputDate,
.olbForm input.inputTime,
.olbForm input.inputEdit,
.olbForm input.inputField,
.olbForm input.mcName,
.olbForm input.mcSupplement,
.olbForm input.tnfInternationalDialing,
.olbForm input.tnfNationalDialingCode,
.olbForm input.tnfSubscriberNumber {
    background    : none;
    border-radius : 3px;
    border-style  : solid;
    border-width  : 1px;
    font-size     : 14px;
    height        : 30px;
    line-height   : 14px;
    margin        : 0 0.25em 0 0;
    padding       : 7px 10px;
    text-overflow : ellipsis;
}
.olbForm input.mcName {
    width : 10rem;
}
.olbForm input.mcSupplement {
    width : 6.1rem;
}
.olbForm input.hscChapter:focus,
.olbForm input.hscPosition:focus,
.olbForm input.hscSubPosition:focus,
.olbForm input.inputCombo:focus,
.olbForm input.inputDate:focus,
.olbForm input.inputTime:focus,
.olbForm input.inputEdit:focus,
.olbForm input.inputField:focus,
.olbForm input.mcName:focus,
.olbForm input.mcSupplement:focus,
.olbForm input.tnfInternationalDialing:focus,
.olbForm input.tnfNationalDialingCode:focus,
.olbForm input.tnfSubscriberNumber:focus {
    border-style : solid;
    border-width : 1px;
}
.olbForm input.inputDate {
    width         : 11.5rem;
    padding-right : 25px;
}
.olbForm input.inputTime {
    width         : 7.6rem;
    padding-right : 25px;
}
.olbForm input.inputEdit {
    width : 16em;
}
.olbForm input.inputField {
    width : 10em; /* Standardbreite fuer alle Eingabefelder */
}
.olbForm .x-form-field-wrap input.inputDate,
.olbForm .x-form-field-wrap input.inputTime {
    margin : 0;
}
.olbForm input.inputCombo,
.olbForm select.inputCombo {
    margin        : 0;
    padding-right : 30px;
    width         : 20rem;
}
.olbForm select.inputCombo {
    border-style : solid;
    border-width : 1px;
    height       : 1.75em;
    margin       : 0 0.25em 0 0;
    width        : 11.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/**
* Zur Vereinheitlichung des gesamten Erscheinungsbildes im OLB gibt es alle Eingabefelder
* und Combo-Boxen in 9 festen Breiten. Diese werden durch das JSF-Framework aus FIT
* abhaengig von der Zeichenlaenge reingerendert.
* ------------------------------------------------
* Folgende Eigenschaften aus dem FIT werden ausgewertet:
* 1. HLTextfield, HLNumericField und HLPasswordField: "DisplayLength"
* 2. HLComboBox: "Length"
* ------------------------------------------------
* und in folgende Klassen umgesetzt:
* 1. sizeSingleChar<suffix> (1 Zeichen)
* 2. sizeMini<suffix> (2-6 Zeichen)
* 3. sizeTiny<suffix> (7-10 Zeichen)
* 4. sizeSmall<suffix> (11-15 Zeichen)
* 5. "sizeNormal" (16-20 Zeichen) - existiert nicht, wird per default gesteuert
* 6. sizeBig<suffix> (21-30 Zeichen)
* 7. sizeLarge<suffix> (31-40 Zeichen)
* 8. sizeGigantic<suffix> (41-50 Zeichen)
* 9. sizeBombastic<suffix> (51-? Zeichen)
* ------------------------------------------------
* Eine weitere Unterscheidung betrifft den Eingabeelementtyp, da die Anzeigebreite hier
* unterschiedlich koennen sein soll.
* A) <suffix>="Combo" fuer Comboboxen
* B) HLTextfield, HLNumericField und HLPasswordField haben keinen Suffix
*/
/*
* sizeSingleChar<suffix> (1 Zeichen)
*/
.olbForm input.sizeSingleChar,
.olbForm input.sizeSingleCharCombo {
    width : 6rem;
}
.olbForm select.sizeSingleCharCombo {
    width : 2.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/*
* sizeMini<suffix> (2-6 Zeichen)
*/
.olbForm input.sizeMini,
.olbForm input.sizeMiniCombo {
    width : 8rem;
}
.olbForm select.sizeMiniCombo {
    width : 5.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/*
* sizeTiny<suffix> (7-10 Zeichen)
*/
.olbForm input.sizeTiny,
.olbForm input.sizeTinyCombo {
    width : 12rem;
}
.olbForm select.sizeTinyCombo {
    width : 9.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/*
* sizeSmall<suffix> (11-15 Zeichen)
*/
.olbForm input.sizeSmall,
.olbForm input.sizeSmallCombo {
    width : 16rem;
}
.olbForm select.sizeSmallCombo {
    width : 10.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/*
* sizeBig<suffix> (21-30 Zeichen)
*/
.olbForm input.sizeBig,
.olbForm input.sizeBigCombo {
    width : 24rem;
}
.olbForm select.sizeBigCombo {
    width : 14.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/*
* sizeLarge<suffix> (31-40 Zeichen)
*/
.olbForm input.sizeLarge,
.olbForm input.sizeLargeCombo {
    width : 28rem;
}
/* Hack: width changed since input fields cause content to push into nonvisible area */
/* TODO: should be changed in the web booking app */
.olbForm .TabbedPaneContent input.sizeLarge,
.olbForm .TabbedPaneContent input.sizeLargeCombo {
    width : 20rem;
}
.olbForm select.sizeLargeCombo {
    width : 17.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/*
* sizeGigantic<suffix> (41-50 Zeichen)
*/
.olbForm input.sizeGigantic,
.olbForm input.sizeGiganticCombo {
    width : 32rem;
}
.olbForm select.sizeGiganticCombo {
    width : 23.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/*
* sizeBombastic<suffix> (51-? Zeichen)
*/
.olbForm input.sizeBombastic,
.olbForm input.sizeBombasticCombo {
    width : 36rem;
}
.olbForm select.sizeBombasticCombo {
    width : 26.4166em; /* add 17px ~ 1.4166em for ext trigger image */
}
/*
* ===============================
* Tag:     TEXTAREA
* ===============================
* Class:   textArea
*          textAreaNonEdit
* ===============================
*/
.olbForm pre.textAreaNonEdit,
.olbForm textarea.textArea,
.olbForm textarea.textAreaNonEdit {
    font-size   : 1.4rem;
    margin      : 0 .5rem .5rem 0;
    white-space : pre-wrap;
}
.olbForm pre.textAreaNonEdit:empty,
.olbForm textarea.textAreaNonEdit:empty {
    padding : 0;
}
.olbForm textarea.textArea {
    border-style : solid;
    border-width : 1px;
}
.olbForm textarea.textArea:focus {
    border-style : solid;
    border-width : 1px;
}
/*
* ===============================
* Tag:     INPUT
* Type:    RADIO
* ===============================
* Class:   inputRadio
* ===============================
*/
.olbForm input.inputRadio {
    font-size : 0.75em;
}
/*
* ===============================
* Tag:     INPUT
* Type:    CHECKBOX
* ===============================
* Class:   inputCheckBox
* ===============================
*/
.olbForm input.inputCheckBox {
    font-size : 0.75em;
    margin    : 0 0.5em 0 0;
}
.olbForm table.data tbody td input.inputCheckBox {
    margin : 0 !important;
}
/*
* ===============================
* Tag:     INPUT
* Type:    BUTTON
* ===============================
* Class:   hal-olb-link
* ===============================
*/
.olbForm input.hal-olb-link {
    font-weight: 600;
}
/**
* ===============================
* Tag:     TABLE
* ===============================
* Class:   data
*          details
*          factsAndFigures
*          smallerTable
*          smallTable
* ===============================
*/
.olbForm .emptyTable {
    font-size   : 14px;
    font-weight : bold;
}
/* replacement for margin-top and margin-bottom properties of table text content */
.olbForm td {
    height : 40px;
}
.olbForm table.data {
    clear        : both;
    font-size    : 14px;
    table-layout : auto;
    white-space  : normal;
    width        : 100%;
}
.olbForm table.data .right {
    text-align : right;
}
.olbForm table.data tbody td.strong {
    font-weight : bold;
}
.olbForm table.data tbody td.check {
    text-align     : center;
    vertical-align : middle;
}
.olbForm table.data thead th.invisible,
.olbForm table.data tbody td.invisible {
    display : none;
}
.olbForm table.data thead th.cellRedDot,
.olbForm table.data tbody td.cellRedDot {
    width : 16px;
}
.olbForm table.data tbody tr:last-child {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
.olbForm table.data tfoot > .hal-table-row {
    background : none;
}
.olbForm table.data tfoot tr td:first-child {
    vertical-align : top;
}
.olbForm table.data tfoot td .button {
    margin : 0 1em 1em 0;
}
.olbForm table.data tfoot td .next,
.olbForm table.data tfoot td .previous {
    float        : right !important;
    margin-left  : 1em !important;
    margin-right : 0 !important;
}
/* data table single selection arrow */
.olbForm table.data .selectionArrow {
    background-position : 0 0; /* data_table_arrow.png */
    background-repeat   : no-repeat;
    height              : 19px;
    margin              : 0 auto;
    margin-top          : 10px;
    width               : 19px;
}
.olbForm table.smallTable {
    font-weight : bold;
    width       : 75% !important;
}
.olbForm table.smallerTable {
    font-weight : bold;
    width       : 50% !important;
}
.olbForm table.details td {
    vertical-align : top;
}
.olbForm .hal-table-head tr {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
.olbForm .hal-table-row th,
.olbForm .hal-table-row td {
    padding : 10px 5px;
}
.olbForm .hal-table-row td {
    transition : background-color 0.3s, color 0.3s;
}
.olbForm .hal-table-row td.lowerScrollButton {
    padding : 15px 0 10px 10px;
}
.olbForm .hal-table-row th {
    vertical-align : top;
}
.olbForm table.data tfoot tr td:empty {
    height : 0;
    padding : 0;
}
/**
* ===============================
* Allgemein benutzbare Klassen
* ===============================
*/
/* Diese Klasse sollte in einem div- oder break-Element platziert werden */
/* und das letzte Element vor dem Schließen eines Containers sein, */
/* der wiederum einen vollstaendigen Float enthalten sollte. */
.olbForm div.clearfloat {
    clear       : both;
    font-size   : 0;
    height      : 0;
    line-height : 0;
}
.olbForm a {
    font-size : inherit;
}
.olbForm .hal-tabnavigation a {
    font-size : 14px;
}
/**
* ===============================
* OLB Generics
* ===============================
* Styles aus dem OnlineBusiness, die Verallgemeinert wurden.
* Hier oben, damit es noch überschrieben werden kann.
* ===============================
*/
/* ==== Inhaltsbereich von H-/V-Boxen  ==== */
.olbForm .boxContent {
    padding : 0.5em;
}
/* ==== fillHorizontal von H-/V-Boxen  ==== */
/* Ist die Eigenschaft fillHorizontal = true gesetzt ... */
.olbForm .boxFill {
    width : 100%;
}
/* CC version 53 */
/* contentOlb.css */
/**
* ===============================
* Online Business CSS Definitionen
* ===============================
* Diese Datei enthaelt spezifische CSS Formatierungen, die im Online Business verwendet werden.
* Sie wird zusaetzlich zur global.css eingebunden.
* ===============================
*/
.hal-page.page-online-business .hal-page-body .hal-page-container-content,
.hal-page.page-online-business .hal-page-body .hal-page-container-content .hal-container-content,
.hal-page.page-online-business .hal-page-body .hal-stagetext,
.hal-page.page-online-business .hal-page-body .hal-stagetext .hal-stagetext-content,
.hal-page.page-online-business .hal-page-body .hal-medialibrary,
.hal-page.page-online-business .hal-page-body .hal-medialibrary .hal-container-content
{
	max-width: 1580px;
}
.hal-page.page-online-business .hal-totop.hal-button {
	display:none;
}
#contentOlb form.olbForm {
    padding : 0 0 2.25em;
}
#contentOlb > form.olbForm,
.olbForm > div.portlet-message-I {
    padding : 2.25em 30px;
}
.olbForm H1:empty {
    margin : 0;
}
.olbForm img {
    margin-right : 0.25em;
}
.olbForm .x-form-field-wrap img {
    margin-right : 0;
    margin-left  : -23px;
    opacity      : 0;
    width        : 25px;
}
/* ==== Skips ==== */
.olbForm .hl-skip-small {
    height : 0.5em;
    width  : 0.5em;
}
.olbForm .hl-skip-medium {
    height : 1em;
    width  : 1em;
}
.olbForm .hl-skip-big {
    height : 1.5em;
    width  : 1.5em;
}
/* ==== Fehlermeldungen (ICEs) ==== */
/* Formatierung fuer Fehlermeldungstexte und zu kennzeichnende Label und Eingabefelder */
/* dependancy: div.qaf .error, .warning, .information in global.css */
/* ==== Fehler ==== */
/* Fehlermeldungstexte */
.olbForm span.error {
    font-size   : 14px;
    font-weight : bold;
}
/* Label von Eingabeelementen von Fehlermeldungen */
.olbForm label.error {
    text-decoration : underline;
}
/* Eingabeelemete von Fehlermeldungen */
.olbForm input.error {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
/* ==== Warnungen ==== */
/* Warnmeldungstexte */
.olbForm span.warning {
    font-size   : 14px;
    font-weight : bold;
}
/* Label von Eingabeelementen von Warnmeldungen */
.olbForm label.warning {
    text-decoration : underline;
}
/* Eingabeelemente von Warnmeldungen */
.olbForm input.warning {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
/* ==== Informationen ==== */
/* Informationsmeldungstexte */
.olbForm span.info {
    font-size   : 14px;
    font-weight : bold;
}
.olbForm span.error p,
.olbForm span.info p,
.olbForm span.warning p {
    font-size   : 1em;
    font-weight : bold;
    margin      : 0;
}
.olbForm span.error a,
.olbForm span.info a,
.olbForm span.warning a {
    text-decoration : underline;
}
/* Label von Eingabeelementen von Informationsmeldungen */
.olbForm label.info {
    text-decoration : underline;
}
/* Eingabeelemente von Informationsmeldungen */
.olbForm input.info {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
/* boxes definition */
/* ==== farbige Boxen ==== */
.olbForm .bgLight {
    border-style : solid;
    border-width : 1px;
    padding      : 0.5em; /* immer eher margin als padding verwenden, wenn moeglich! */
}
/**
* ==== Groupborder ====
* -  TODO:
* 1. Groupborders koennten sich innerhalb von Tabellen mit Hintergrundfarbe anders darstellen
*    als ausserhalb solcher Tabellen.
* 2. .boxLabel rausnehmen
*/
.olbForm .boxLabel,
.olbForm .groupBorder th {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
.olbForm .boxLabel,
.olbForm .groupBorder th div {
    font-size   : 14px;
    font-weight : bold;
    line-height : 14px;
    padding     : 6px 8px;
}
.olbForm .groupBorder th div.inetHelpId {
    float   : right;
    height  : 24px;
    padding : 2px 0 0;
    width   : 24px;
}
.olbForm .groupBorderTopLine {
    border-top-style : solid;
    border-top-width : 1px;
}
.olbForm .groupBorderBottomLine {
    border-bottom-style : solid;
    border-bottom-width : 1px;
}
.olbForm .groupBorderLeftLine {
    border-left-style : solid;
    border-left-width : 1px;
}
.olbForm .groupBorderRightLine {
    border-right-style : solid;
    border-right-width : 1px;
}
/* properties for displayed data (disabled input fields) */
.olbForm .inputNonEdit {
    margin-right   : 0.25em;
    vertical-align : inherit !important;
}
.olbForm .inputNonEdit > span p,
.olbForm .inputNonEdit > span label.inputLabel,
.olbForm .inputNonEdit.user-generated-content p {
    font-size : 1em;
}
.x-item-disabled {
  color: #fff;
  cursor: default;
  opacity: 1;
}
.olbForm .inputNonEdit > .x-item-disabled {
    filter  : none;
    opacity : 1;
}
.x-item-disabled * {
  color: #fff !important;
}
.x-item-disabled button {
  background-color: #e7520066 !important;
}
.olbForm .inputNonEdit .nonEditableContent {
    font-size : 14px;
    padding   : 0 0.5em 0;
}
.olbForm #vesselProperties td.inputNonEdit span.nonEditableContent {
    font-size : 1em;
}
/* benutzt? */
.olbForm .inputText {
    font-size : 0.75em;
}
.olbForm .inputPickBox {
    background-position : 0 0; /* search-trigger.gif */
    background-repeat   : no-repeat;
    border-style        : solid;
    border-width        : 0 0 1px;
    cursor              : pointer;
    font-size           : 1em;
    height              : 24px;
    left                : -0.1875em;
    margin-right        : 0.1875em;
    overflow            : visible;
    opacity             : 0;
    position            : relative;
    width               : 24px;
}
.olbForm .inputPickBoxOver {
    background-position: -17px 0;
}
.olbForm .inputPickBoxClick {
    background-position: -34px 0;
}
.olbForm .inputTableButton {
    border          : 0;
    cursor          : pointer;
    font-weight     : bold;
    text-decoration : underline;
}
.olbForm img.hlCaptcha {
    margin-top    : 0.5em;
    margin-bottom : 0.5em;
}
.olbForm span.messageHidden {
    display: none;
}
/**
* ===============================
* JSF Customizing
* ===============================
*/
/**
* ==== Button-Panels ====
* - search stripe buttons
*/
.olbForm div.buttonPanelLeft {
    float          : left;
    padding-bottom : 1em;
    padding-top    : 1em; /* hier eher margin, falls moeglich */
    width          : auto;
}
.olbForm div.buttonPanelRight {
    float          : right;
    padding-bottom : 1em;
    padding-top    : 1em; /* hier eher margin, falls moeglich */
    width          : auto;
}
.olbForm .hl-skip-button-panel {
    width : 1.5em;
}
/* Tree */
.olbForm input.treeButton,
.olbForm input.treeButtonSelected {
    border          : 0;
    cursor          : pointer;
    font-size       : 12px;
    font-weight     : bold;
    margin          : 0;
    overflow        : visible;
    padding         : 0;
    text-align      : left;
    text-decoration : none;
}
.olbForm div.tree {
    padding-left : 20px;
}
/**
* ===============================
* JSF TabbedPane Component
* ===============================
*/
.olbForm #s9810_booking_f #table-stripe > table,
.olbForm .TabbedPane {
    width : 100%;
}
.olbForm .TabbedPane ul {
    line-height : 1rem;
}
.olbForm .TabbedPane .tabMarker {
    right : .2rem;
}
.olbForm .TabbedPaneWizard .tabMarker {
    right : -.9rem;
}
.olbForm .TabbedPaneTab {
    display : inline-block;
}
.olbForm .TabbedPaneTab button {
    background          : none;
    border              : none;
    border-bottom-style : solid;
    border-bottom-width : .4rem;
    font-size           : 1.2rem;
    height              : 4rem;
    line-height         : 1.6rem;
    margin              : 0 .8rem 0 0;
    padding             : 0;
    position            : relative;
    text-align          : left;
    width               : 10.2rem;
    _noFocusLine        : expression(this.hideFocus=true); /* removes dotted outline in IE7 */
}
.olbForm .TabbedPaneWizard .TabbedPaneTab button {
    margin : 0 3rem 0 0;
}
.olbForm .TabbedPaneWizard .TabbedPaneTab button:after {
    border-bottom-style : solid;
    border-bottom-width : .4rem;
    bottom              : -.4rem;
    content             : ' ';
    height              : 0;
    left                : 100%;
    position            : absolute;
    width               : 2.2rem;
}
.olbForm .TabbedPaneTab button.activeTab {
    border-bottom-style : solid;
    border-bottom-width : .4rem;
}
.olbForm .TabbedPaneWizard .TabbedPaneTab button.activeTab:after {
    border-bottom-style : solid;
    border-bottom-width : .4rem;
}
.olbForm .TabbedPaneTab button[class~="activeTab"],
.olbForm .TabbedPaneTab button[class~="enabledTab"] {
    cursor : pointer;
}
.olbForm .TabbedPaneTab button > div {
    height  : 4rem;
    padding : .2rem .8rem .4rem .8rem;
}
.olbForm .TabbedPaneWizard .TabbedPaneTab button > div:after {
    border-bottom-style : solid;
    border-bottom-width : 3.6rem;
    border-left-style   : solid;
    border-left-width   : 0;
    border-right-style  : solid;
    border-right-width  : 2.2rem;
    border-top-style    : solid;
    border-top-width    : 0;
    bottom              : 0;
    content             : ' ';
    height              : 0;
    left                : 100%;
    position            : absolute;
    width               : 0;
}
.olbForm .TabbedPaneWizard .TabbedPaneTab button.activeTab > div:after {
    border-bottom-style : solid;
    border-bottom-width : 3.6rem;
}
.olbForm .TabbedPaneTab button > div > span {
    font-weight : bold;
    position    : absolute;
}
.olbForm .TabbedPaneActiveTab > table > tbody > tr > td,
.olbForm .TabbedPaneInactiveTab > table > tbody > tr > td {
    padding : 0.5em 0.75em;
}
.olbForm .TabbedPaneActiveTab > table > tbody > tr > td > table,
.olbForm .TabbedPaneInactiveTab > table > tbody > tr > td > table {
    margin : 6px;
    width  : 98.8% !important;
}
.olbForm .TabbedPaneInactiveTab {
    display : none;
}
.olbForm .TabbedPaneAjaxStatus {
    position : absolute;
    width    : 100%;
    height   : 100%;
    left     : 0;
    top      : 0;
    opacity  : 0.6;
    z-index  : 10;
}
.olbForm .TabbedPaneAjaxStatus img {
    position : absolute;
    margin   : auto !important;
    left     : 0;
    right    : 0;
    top      : 0;
    bottom   : 0;
}
.olbForm .tabMarker {
    font-size   : 15px;
    font-weight : bold;
    position    : absolute;
    right       : -9px;
    bottom      : 1px;
    z-index     : 1;
}
.olbForm .hl_message {
    border-width : 1px;
    border-style : solid;
    padding      : 0.375em 0.375em 0.375em 0.375em;
    font-weight  : bold;
}
.olbForm .info-message-border,
.olbForm .warning-message-border,
.olbForm .error-message-border {
    border-width       : 1px !important;
    border-style       : solid !important;
    border-right-width : 2px !important;
    border-left-width  : 2px !important;
}
.olbForm .info-message-color span.info,
.olbForm .warning-message-color span.warning,
.olbForm .error-message-color span.error {
    font-size   : 1.2rem;
    font-weight : bold;
}
/**
* ===============================
* BOOKMARK OLB Start Page
* ===============================
*/
.startpage,
.startpagebookmark {
  display: none;
}
.olbForm .olbname {
    float: left;
}
.olbForm:not(#loginReq_f) .startpage,
.olbForm:not(#loginReq_f) .startpagebookmark {
    display: inline;
    float: right;
    font-size: 1.5em;
    margin-right: -4px;
}
/**
* ===============================
* OLB OVERVIEW STYLES
* ===============================
* == OLB Overview Page Teaser ===
* ===============================
*/
#contentOlb .olbTeaser {
    float        : left;
    margin-right : 0.188em;
    width        : 9.688em;
}
#contentOlb .olbTeaser H2 {
    float : left;
}
#contentOlb .olbTeaser .inetHelpId {
    margin-top : 1.125em;
}
#contentOlb .olbTeaser div.grayBox {
    border-width  : 1px;
    border-style  : solid;
    height        : 19.375em !important;
    margin-bottom : 3.125em;
    margin-top    : 0.625em;
    position      : relative;
}
#contentOlb .olbTeaser div ul {
    margin-bottom : 0;
    margin-left   : 0;
    margin-top    : 1em;
    width         : 9.375em;
}
#contentOlb .olbTeaser div ul li {
    margin-bottom : 0.375em;
}
#contentOlb .olbTeaser img.teaser {
    height       : 4.313em;
    margin-right : 0;
    width        : 9.563em;
}
#contentOlb .olbTeaser li a,
#contentOlb .olbTeaser li a:link {
    background-position : 0 0; /* link_icons.gif */
    background-repeat   : no-repeat;
    display             : block;
    font-size           : 0.75em;
    margin-left         : 0.5em;
    padding-left        : 0.8em;
    text-decoration     : none !important;
}
#contentOlb .olbTeaser li a:visited {
    background-position : 0 -200px;
}
#contentOlb .olbTeaser li a:hover,
#contentOlb .olbTeaser li a:active {
    background-position : 0 -100px;
}
#contentOlb .olbTeaser li a.alinkButton {
    bottom    : 1em;
    font-size : 1em;
    position  : absolute;
    right     : 0.5em;
}
#contentOlb .olbTeaser p {
    font-size : 0.75em;
    margin    : 1em 0.375em 0.375em;
}
/*
 SEIBEKE180928: Video tutorials not in use actually. Disabled to allow videos in general on OLB pages (e.g. in X-Column-Module on Quick-Quotes page).
 Check ext.personalized.js as well.
 #contentOlb .video {
     display: none;
 }
*/
#content .olbForm {
    margin-left    : 0;
    margin-right   : 0;
    padding-bottom : 0;
}
.olbForm #search-stripe,
.olbForm #detail-stripe,
.olbForm #table-stripe {
    margin-left : 0.0625em;
    width       : 99.9%;
}
.olbForm #search-stripe:empty,
.olbForm #detail-stripe:empty,
.olbForm #table-stripe:empty {
    height   : 34px;
    position : absolute;
    top      : 0;
}
/**
* ===============================
* OLB Colors
* ===============================
*/
.x-window-tl .x-window-header,
.x-date-inner .x-date-active a:visited,
td.x-date-mp-month a,
td.x-date-mp-month a:visited,
td.x-date-mp-month a:hover,
td.x-date-mp-year a,
td.x-date-mp-year a:visited,
td.x-date-mp-year a:hover {
    color : #000;
}
.olbForm span.info {
    color : #007419;
}
.x-menu a.x-menu-item,
.olbForm .inputTableButton,
.olbForm input.treeButton,
.olbForm input.treeButtonSelected {
    color : #111565;
}
.olbForm .TabbedPaneTab button.activeTab {
    color : #333;
}
.form-group .form-group-header-text {
    color : #4e79b2;
}
.olbForm .inputNonEdit > input,
.olbForm .inputNonEdit > textarea,
.olbForm .inputNonEdit > .x-item-disabled > input {
    color : #545454 !important;
}
.icon-questionmark,
.icon-star-plus,
.icon-video,
.x-date-mp-ybtn .icon-chevron-left-bold,
.x-date-mp-ybtn .icon-chevron-right-bold,
.olbForm .icon-chevron-down-bold,
.olbForm .icon-calendar,
.olbForm .TabbedPaneTab button.disabledTab {
    color : #999;
}
.combo-full-address {
    color : #666;
}
.icon-questionmark:hover,
.icon-star,
.icon-star-plus:hover,
.icon-video:hover,
.x-date-mp-ybtn .icon-chevron-left-bold:hover,
.x-date-mp-ybtn .icon-chevron-right-bold:hover,
.olbForm .x-form-field-wrap img:hover + .icon-chevron-down-bold,
.olbForm .x-form-field-wrap img:hover + .icon-calendar,
.olbForm .form-group .form-group-header-text,
.olbForm .TabbedPaneTab button.enabledTab {
    color : #f60;
}
.olbForm span.warning {
    color : #fa8e00;
}
.x-date-left .icon-chevron-left-bold,
.x-date-right .icon-chevron-right-bold,
.x-menu-item-active a.x-menu-item,
.olbForm .info-message-color span.info,
.olbForm .warning-message-color span.warning,
.olbForm .error-message-color span.error,
.olbForm .icon-magnifying-glass {
    color : #fff;
}
.x-btn button,
.x-date-mp-btns button {
    color: #fff;
}
.olbForm span.error,
.olbForm .tabMarker,
.olbForm .hl_message {
    color : red;
}
.olbForm .icon-magnifying-glass {
    background-color : #999;
}
.olbForm .inputPickBox:hover + .icon-magnifying-glass,
.x-combo-list,
.x-resizable-over .x-resizable-handle-east,
.x-resizable-pinned .x-resizable-handle-east,
.x-resizable-over .x-resizable-handle-southeast,
.x-resizable-pinned .x-resizable-handle-southeast,
.x-resizable-over .x-resizable-handle-south,
.x-resizable-pinned .x-resizable-handle-south,
.x-menu-item-active,
.x-date-middle,
.x-date-left,
.x-date-right,
.x-btn button,
.x-date-mp-btns button {
    background-color : #f60;
}
.x-window-tl,
.x-window-tr,
.x-window-tc,
.x-window-ml,
.x-window-mr,
.x-window-bl,
.x-window-br,
.x-window-bc,
.x-date-inner th,
.x-date-bottom,
.x-date-mp-btns {
    background-color : #eee;
}
.x-window-tl {
    border-top-color : #999;
}
.x-window-tl,
.x-window-ml,
.x-window-bl {
    border-left-color : #999;
}
.x-window-tr,
.x-window-mr,
.x-window-br {
    border-right-color : #999;
}
.x-window-bl,
.olbForm .boxLabel,
.olbForm .groupBorder th {
    border-bottom-color : #999;
}
.x-window-ml,
.x-window-mr,
.x-window-mc,
.form-group .form-group-header-text,
.ext-strict .x-form-text,
textarea.x-form-field,
.x-menu,
.olbForm > form.olbForm,
.olbForm > div.portlet-message-I,
.olbForm .TabbedPaneAjaxStatus,
.olbForm #search-stripe:empty,
.olbForm #detail-stripe:empty,
.olbForm #table-stripe:empty,
.olbForm .hal-table-head tr,
.olbForm input.hscChapter,
.olbForm input.hscPosition,
.olbForm input.hscSubPosition,
.olbForm input.inputCombo,
.olbForm input.inputDate,
.olbForm input.inputTime,
.olbForm input.inputEdit,
.olbForm input.inputField,
.olbForm input.mcName,
.olbForm input.mcSupplement,
.olbForm input.tnfInternationalDialing,
.olbForm input.tnfNationalDialingCode,
.olbForm input.tnfSubscriberNumber {
    background-color : #fff;
}
.form-group .form-group-header,
.icon-anchor,
.olbForm .inputPickBox,
.olbForm .inputTableButton,
.olbForm input.treeButton {
    background-color : transparent;
}
.ext-strict .x-form-text,
.x-combo-list,
.x-menu,
.x-window-dlg .x-progress-wrap,
.x-tip,
.olbForm input.hscChapter,
.olbForm input.hscPosition,
.olbForm input.hscSubPosition,
.olbForm input.inputCombo,
.olbForm input.inputDate,
.olbForm input.inputTime,
.olbForm input.inputEdit,
.olbForm input.inputField,
.olbForm input.mcName,
.olbForm input.mcSupplement,
.olbForm input.tnfInternationalDialing,
.olbForm input.tnfNationalDialingCode,
.olbForm input.tnfSubscriberNumber,
.olbForm textarea.textArea,
.olbForm pre.textAreaNonEdit,
.olbForm textarea.textAreaNonEdit {
    border-color : #999;
}
.x-trigger-wrap-focus .x-form-trigger {
    border-bottom-color : #111565;
}
.x-combo-list .x-combo-selected {
    border-color : #fddeba !important;
}
.x-combo-list .x-combo-selected,
.x-date-inner a:hover,
.x-date-inner .x-date-disabled a:hover,
td.x-date-mp-month a:hover,
td.x-date-mp-year a:hover,
.x-date-inner .x-date-selected a,
td.x-date-mp-sel a,
.olbForm table.data tbody td.hover,
.olbForm table.data tbody tr.hover,
.olbForm table.data tbody tr.selected,
.olbForm table.data tbody tr.marked {
    background-color : #fddeba;
}
.combo-result-item {
    border-color : #fff;
}
.combo-full-address,
.olbForm .boxBgColor {
	background-color: #F0F2F5;
}
.x-menu-item-active,
td.x-date-mp-sel a,
.x-date-inner .x-date-today,
.x-date-inner .x-date-selected {
    border-color : #f60;
}
.x-date-inner .x-date-prevday:hover,
.x-date-inner .x-date-active:hover,
.x-date-inner .x-date-nextday:hover,
td.x-date-mp-sel a:hover {
    border-color : #fddeba;
}
td.x-date-mp-sep {
    border-color : #eee;
}
.x-btn button,
.x-date-mp-btns button {
    border-color : rgba(0, 0, 0, 0);
}
.x-progress-bar {
    background-color    : #f60;
    border-top-color    : #f60;
    border-right-color  : #f60;
}
.x-progress-bar,
.olbForm .form-group .form-group-header,
.olbForm .TabbedPaneTab button.enabledTab:hover,
.olbForm .TabbedPaneTab button.enabledTab:hover:after,
.olbForm .TabbedPaneTab button.activeTab,
.olbForm .TabbedPaneTab button.activeTab:after {
    border-bottom-color : #f60;
}
.olbForm input.hscChapter:focus,
.olbForm input.hscPosition:focus,
.olbForm input.hscSubPosition:focus,
.olbForm input.inputCombo:focus,
.olbForm input.inputDate:focus,
.olbForm input.inputTime:focus,
.olbForm input.inputEdit:focus,
.olbForm input.inputField:focus,
.olbForm input.mcName:focus,
.olbForm input.mcSupplement:focus,
.olbForm input.tnfInternationalDialing:focus,
.olbForm input.tnfNationalDialingCode:focus,
.olbForm input.tnfSubscriberNumber:focus,
.olbForm textarea.textArea:focus {
    border-color : #333;
}
.olbForm select.inputCombo,
.olbForm .bgLight {
    border-color : #9ba9be;
}
.olbForm table.data tbody td.click,
.olbForm table.data thead th.click,
.olbForm .bgSelected {
    background-color : #ffcd93;
}
.olbForm table.data tbody tr:last-child,
.olbForm .hal-table-head tr {
    border-bottom-color : #333;
}
.olbForm input.error {
    border-bottom-color : red;
}
.olbForm input.warning {
    border-bottom-color : #fa8e00;
}
.olbForm input.info {
    border-bottom-color : #007419;
}
.olbForm table.bgDark {
    background-color : #b5c6de;
}
.olbForm table.bgLight,
.olbForm .bgLight {
    background-color : #e2e9f4;
}
.olbForm .TabbedPaneContent .boxBgColor,
.olbForm .boxLabel,
.olbForm .groupBorder thead {
    background-color : #ddd;
}
.olbForm .groupBorderTopLine {
    border-top-color : #9ba9be;
}
.olbForm .groupBorderBottomLine {
    border-bottom-color : #9ba9be;
}
.olbForm .groupBorderLeftLine {
    border-left-color : #9ba9be;
}
.olbForm .groupBorderRightLine {
    border-right-color : #9ba9be;
}
.olbForm .inputPickBox {
    border-color : #9ba9be #9ba9be #b5b8c8;
}
.olbForm input.treeButtonSelected {
    background-color : #b7c0db;
}
.olbForm .TabbedPaneTab button {
    background-color    : rgba(237, 237, 237, 0.5);
    border-bottom-color : rgba(237, 237, 237, 0.5);
}
.olbForm .TabbedPaneTab button:after {
    border-bottom-color : rgba(237, 237, 237, 0.5);
}
.olbForm .TabbedPaneTab button.activeTab {
    background-color    : #ebebeb;
}
.olbForm .TabbedPaneTab button > div:after {
    border-bottom-color : rgba(237, 237, 237, 0.5);
    border-left-color   : transparent;
    border-right-color  : transparent;
    border-top-color    : transparent;
}
.olbForm .TabbedPaneTab button.activeTab > div:after {
    border-bottom-color : #ebebeb;
}
.olbForm .hl_message {
    border-color : red;
    background-color : rgb(240, 240, 240);
}
.olbForm .inputNonEdit > input,
.olbForm .inputNonEdit > textarea,
.olbForm .inputNonEdit > .x-item-disabled > input,
.olbForm .TabbedPaneActiveTab > table,
.olbForm .TabbedPaneInactiveTab > table,
.olbForm .hl_message {
    background-color : #ebebeb;
}
.olbForm .info-message-border {
    border-color : #007419 !important;
}
.olbForm .info-message-color {
    background-color : #007419;
}
.olbForm .warning-message-border {
    border-color : #fa8e00 !important;
}
.olbForm .warning-message-color {
    background-color : #fa8e00;
}
.olbForm .error-message-border {
    border-color : red !important;
}
.olbForm .error-message-color {
    background-color : red;
}
.olbForm .olbTeaser div.grayBox {
    border-color : #d5d5d5;
}
.olbForm input[type="button"].emphasized {
    background-color: #15428b;
}
.olbForm input[type="button"].emphasized:hover {
    background-color: #111565;
}
/**
* ===============================
* OLB Refactoring
* ===============================
*/
.olbForm iframe.payment {
  border  : none;
  height  : 67rem;
  width   : 100%;
}
/**
* HLButton
*/
.olbForm input.hl-btn {
  background-color  : #f60;
  border            : 1px solid #0000;
  border-radius     : 3px;
  box-sizing        : border-box;
  color             : #fff;
  cursor            : pointer;
  display           : inline-block;
  font-size         : 14px;
  font-weight       : 600;
  height            : 4rem;
  line-height       : 4rem;
  margin            : 0;
  padding           : 0 2rem;
  text-decoration   : none;
  transition        : background-color .3s,color .3s;
}
.olbForm input.hl-btn:hover {
  background-color : #b94200;
}
/**
* HLOLBButton
*/
.hal-olb-button {
  background-color  : #f60;
  border            : 1px solid #f60;
  border-radius     : 3px;
  box-sizing        : border-box;
  color             : #fff;
  cursor            : pointer;
  display           : inline-block;
  font-size         : 1.4rem;
  font-weight       : 600;
  height            : 4rem;
  line-height       : 4rem;
  margin            : 0;
  padding           : 0 2rem;
  text-decoration   : none;
  transition        : background-color .3s,color .3s;
}
.hal-olb-button:focus,
.hal-olb-button:hover,
.spinner {
  background-color: #fff !important;
  border-color: #f60;
    color: #f60;
}
.spinner {
  color: #f60;
    opacity: .7;
    position: relative;
}
@keyframes spinner {
  to {transform: rotate(360deg);}
}
.spinner:after {
    animation: spinner .6s linear infinite;
  content: '';
    border-radius: 50%;
    border-right: 2px solid transparent;
  border-top: 2px solid #fa8e00;
  box-sizing: border-box;
  height: 20px;
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  position: absolute;
  top: 50%;
  width: 20px;
}
.hal-olb-button:disabled,
.hal-olb-button:disabled:hover {
    background-color: #e7520066 !important;
    border-color: #0000 !important;
  cursor: default;
    color: #fff;
}
.spinner:disabled,
.spinner:disabled:hover {
    background-color: #fff !important;
    border-color: #f60 !important;
  cursor: default;
    color: #f60;
}
/**
* HLTable
*/
.olbForm table.hl-tbl {
  border-collapse   : collapse;
  color             : #333;
  font-size         : 14px;
  font-size         : 1.4rem;
  line-height       : 2rem;
  margin-bottom     : 3rem;
  padding           : 0;
  table-layout      : auto;
  white-space       : normal;
  width             : 100%;
}
.olbForm table.hl-tbl > tbody > tr,
.olbForm table.hl-tbl > tbody > tr:last-child {
  border-bottom : 5px solid #fff;
}
.olbForm table.hl-tbl > thead > tr {
  background-color  : #fff;
  border-bottom     : 1px solid #333;
}
.olbForm table.hl-tbl > tbody > tr:nth-child(odd) {
  background-color : #f0f0f0;
}
.olbForm table.hl-tbl > tbody > tr:nth-child(even) {
  background-color : #fafafa;
}
.olbForm table.hl-tbl > thead > tr > th,
.olbForm table.hl-tbl > tbody > tr > td {
  padding           : 1rem .5rem;
  text-align        : left;
  vertical-align    : top;
}
.olbForm table.hl-tbl > tbody > tr > td {
  transition : background-color .3s,color .3s;
}
.olbForm table.hl-tbl > tbody > tr > td.hover {
  background-color  : #fddeba;
}
.olbForm table.hl-tbl > tfoot > tr > td:first-child {
  vertical-align : top;
}
.olbForm table.hl-tbl > thead > tr > th:first-child,
.olbForm table.hl-tbl > tfoot > tr > td:first-child,
.olbForm table.hl-tbl > tbody > tr > td:first-child {
  width : 2rem;
}
.olbForm table.hl-tbl > thead > tr > th.hl-tbl-text-align-right,
.olbForm table.hl-tbl > tbody > tr > td.hl-tbl-text-align-right {
  text-align : right;
}
.olbForm table.hl-tbl > tbody > tr > td > div.nonEditableContent > span {
  display : block;
}
.olbForm table.hl-tbl > tfoot > tr > td.hl-tbl-lower-scroll-button {
  padding : 1.5rem 0 1rem .5rem;
}
.olbForm table.hl-tbl > tfoot > tr > td.hl-tbl-lower-scroll-button > input.hl-btn {
  margin : 0 1rem 1rem 0;
}
/**
* HLTableSelectionArrow
*/
.olbForm table.hl-tbl > tfoot > tr > td > div.hl-tbl-selection-arrow {
  height    : 2rem;
  padding   : 1.8rem 2rem 0 .8rem;
  width     : 2rem;
}
.olbForm table.hl-tbl > tfoot > tr > td > div.hl-tbl-selection-arrow > div {
  border-bottom : solid 1px currentColor;
  border-left   : solid 1px currentColor;
  color         : #000;
  height        : 14px;
  left          : 1rem;
  position      : relative;
  top           : -.5rem;
  width         : 8px;
}
.olbForm table.hl-tbl > tfoot > tr > td > div.hl-tbl-selection-arrow > div:after {
  border-bottom     : solid 5px currentColor;
  border-left       : solid 5px transparent;
  border-right      : solid 5px transparent;
  border-top        : solid 5px transparent;
  color             : black;
  content           : '';
  height            : 0;
  left              : 5px;
  position          : absolute;
  top               : 8px;
  width             : 0;
  -webkit-transform : rotate(90deg);
          transform : rotate(90deg);
}
/**
* HLRadio
*/
.olbForm .hl-radio {
  height    : 2rem;
  padding   : 0 2rem 0 .5rem;
  width     : 2rem;
}
.olbForm .hl-radio input[type="radio"] {
  display : none;
}
.olbForm .hl-radio input[type="radio"]:checked + label:before {
  border-color  : #f60;
  border-width  : 2px;
}
.olbForm .hl-radio input[type="radio"]:checked + label:after {
  transform : scale(1);
}
.olbForm .hl-radio label {
  cursor            : pointer;
  display           : inline-block;
  height            : 2rem;
  margin-bottom     : 0;
  margin-left       : 0;
  position          : relative;
  vertical-align    : bottom;
}
.olbForm .hl-radio label:before,
.olbForm .hl-radio label:after {
  border-radius         : 50%;
  content               : '';
  position              : absolute;
  transition            : all .3s ease;
  transition-property   : transform, border-color;
}
.olbForm .hl-radio label:before {
  background    : #fff;
  border        : 1px solid rgba(0, 0, 0, 0.54);
  height        : 2rem;
  left          : 0;
  top           : 0;
  width         : 2rem;
}
.olbForm .hl-radio label:after {
  background    : #f60;
  height        : 1rem;
  left          : .5rem;
  top           : .5rem;
  transform     : scale(0);
  width         : 1rem;
}
/**
* HLCheckbox
*/
.olbForm .hl-checkbox {
  height    : 2rem;
  padding   : 0 2rem 0 .5rem;
  width     : 2rem;
}
.olbForm .hl-checkbox input[type="checkbox"] {
  display : none;
}
.olbForm .hl-checkbox input[type="checkbox"]:checked + label:before {
  background    : #f60;
  border        : none;
}
.olbForm .hl-checkbox input[type="checkbox"]:checked + label:after {
  border                : 2px solid #fff;
  border-right-style    : none;
  border-top-style      : none;
  height                : .6rem;
  left                  : .4rem;
  top                   : .5rem;
  transform             : rotate(-45deg);
  width                 : 1.2rem;
}
.olbForm .hl-checkbox label {
  cursor            : pointer;
  display           : inline-block;
  height            : 2rem;
  margin-bottom     : 0;
  margin-left       : 0;
  position          : relative;
  vertical-align    : bottom;
}
.olbForm .hl-checkbox label:before,
.olbForm .hl-checkbox label:after {
  content   : "";
  left      : 0;
  position  : absolute;
  top       : 0;
}
.olbForm .hl-checkbox label:before {
  background    : #fff;
  border        : 1px solid rgba(0, 0, 0, 0.54);
  border-radius : 2px;
  cursor        : pointer;
  height        : 2rem;
  transition    : background .3s;
  width         : 2rem;
}
/**
* HLMessages
*/
.olbForm .olb-exception {
  border-style        : solid !important;
  border-width        : 1px !important;
  border-left-width   : 2px !important;
  border-right-width  : 2px !important;
  display             : none;
  min-width           : 150px;
  position            : absolute;
  z-index             : 2;
}
.olbForm .olb-exception > span {
  color       : #fff;
  font-size   : 1.2rem;
  font-weight : bold;
}
.olbForm .olb-exception--bottom {
  left    : 0;
  margin  : 1px 0 0 0;
  top     : 100%;
}
.olbForm .olb-exception--left {
  margin  : 0 1px 0 0;
  right   : 100%;
    top     : 0;
}
.olbForm .olb-exception--right {
  left    : 100%;
  margin  : 0 0 0 1px;
  top     : 0;
}
.olbForm .olb-exception--top {
  bottom  : 100%;
  left    : 0;
  margin  : 0 0 1px 0;
}
.olbForm .olb-exception--error {
  background-color  : red;
  border-color      : red !important;
}
.olbForm .olb-exception--info {
  background-color  : #007419;
  border-color      : #007419 !important;
}
.olbForm .olb-exception--warning {
  background-color  : #fa8e00;
  border-color      : #fa8e00 !important;
}
.olbForm .olb-exception-field--error,
.olbForm .olb-exception-field--info,
.olbForm .olb-exception-field--warning {
  border-style        : solid !important;
  border-width        : 1px !important;
  border-left-width   : 2px !important;
  border-right-width  : 2px !important;
}
.olbForm .olb-exception-field--error {
  border-color      : red !important;
}
.olbForm .olb-exception-field--info {
  border-color      : #007419 !important;
}
.olbForm .olb-exception-field--warning {
  border-color      : #fa8e00 !important;
}

/*
SCHUPPT 07/21: Adding these classes for the project of blocking full vessels from being booked on the Web Schedule.
Icon URLs which shall receive these new tooltip styling classes are:
https://www.hapag-lloyd.com/etc/designs/website/img/olb/schedule-vessel-block/login_to_check_icon.png
https://www.hapag-lloyd.com/etc/designs/website/img/olb/schedule-vessel-block/not_bookable_icon.png
 */
.olbForm a.vessel-blocking {
  display:inline-block;
}
.olbForm a.vessel-blocking img {
  display:block;
}

.olbForm .vessel-blocking {
  text-decoration: none;
}
.olbForm .vessel-blocking:hover {
  cursor:help;
  position: relative
}
.olbForm .vessel-blocking span {
  display: none
}
.olbForm .vessel-blocking:hover span {
  padding: 7px 7px 7px 7px;
  display: block;
  z-index: 100;
  background: #000 no-repeat 100% 5%;
  border-radius: 8px;
  color: #fff;
  text-align: center;
  margin-top: 8px;
  width: 130px;
  position: absolute;
  top: 20px;
  text-decoration: none;
  text-align: center;
}

/* style new login iframe within genericportlet */
.genericportlet .b2cAuthFrame {
	border: none;
	width: 100%;
	height:1000px;
}

/**
 * ===============================
 * PRINT STYLES
 * ===============================
 */
@media print {
	@page {
        margin : 0.5in;
	}
    html,
    body {
        height  : auto;
        margin  : 0 !important;
        padding : 0 !important;
        width   : auto;
    }
    * { 
        background  : transparent !important;
        color       : black !important;
        text-shadow : none !important;
        filter      : none !important;
        -ms-filter  : none !important;
    }
    img {
        max-width         : 100% !important;
        page-break-inside : avoid; 
    }
    p,
    h2,
    h3 {
        orphans : 3;
        widows  : 3;
    }
    h2,
    h3 {
        page-break-after : avoid;
    }
    /**
    * ===============================
    * S2
    * ===============================
    */
	.hal-navigation-logo {
		padding : 2rem 0;
	}
	.hal-logo {
		left 	 : 0;
		position : static;
		top 	 : 0;
	}
	.hal-page--olb .hal-page-container--first .hal-container-content,
    .hal-page--olb .hal-page-body {
    	padding : 0;
    }
    /**
    * ===============================
    * OLB
    * ===============================
    */
    .icon-calendar,
    .icon-chevron-down-bold,
	.icon-questionmark,
	.icon-star,
	.icon-star-plus,
    .form-group .form-group-header,
    .x-form-field-wrap .x-form-trigger,
    div.buttonPanelRight,
    div.x-panel-header, 
    img.startpage, 
    img.startpagebookmark, 
    input.inputPickBox,
    #contentOlb .button,
    #contentOlb table.data.single-select > thead > tr > th:first-child,
    #contentOlb table.data.single-select > tbody > tr > td:first-child {
        display : none;
    }
    #contentOlb,
    #contentOlb > form.olbForm,
    #contentOlb > div.portlet-message-I {
        margin 	: 0;
        padding : 0;
    }
    #contentOlb .boxBgColor,
    .x-form-text,
    input.focus, 
    input.inputCheckBox, 
    input.inputField,
    textarea.x-form-field,
    #contentOlb .boxLabel,
    #contentOlb .groupBorder thead {
    	background-color : transparent;
        background-image : none !important;
    }
    #contentOlb input.hscChapter,
    #contentOlb input.hscPosition,
    #contentOlb input.hscSubPosition,
    #contentOlb input.inputCombo,
    #contentOlb input.inputDate,
    #contentOlb input.inputTime,
    #contentOlb input.inputEdit,
    #contentOlb input.inputField,
    #contentOlb input.mcName,
    #contentOlb input.mcSupplement,
    #contentOlb input.tnfInternationalDialing,
    #contentOlb input.tnfNationalDialingCode,
    #contentOlb input.tnfSubscriberNumber,
    #contentOlb .inputNonEdit .nonEditableContent,
    #contentOlb label.hlLabel,
    #contentOlb label.inputLabel {
    	font-size : 1.2rem;
    }
    #contentOlb input.hscChapter,
    #contentOlb input.hscPosition,
    #contentOlb input.hscSubPosition,
    #contentOlb input.inputCombo,
    #contentOlb input.inputDate,
    #contentOlb input.inputTime,
    #contentOlb input.inputEdit,
    #contentOlb input.inputField,
    #contentOlb input.mcName,
    #contentOlb input.mcSupplement,
    #contentOlb input.tnfInternationalDialing,
    #contentOlb input.tnfNationalDialingCode,
    #contentOlb input.tnfSubscriberNumber {
    	border  : none;
    	padding : 0;
    }
    #contentOlb input.hscChapter[value=""],
    #contentOlb input.hscChapter:not([value]),
    #contentOlb input.hscPosition[value=""],
    #contentOlb input.hscPosition:not([value]),
    #contentOlb input.hscSubPosition[value=""],
    #contentOlb input.hscSubPosition:not([value]),
    #contentOlb input.inputCombo[value=""],
    #contentOlb input[type="hidden"][value=""] + input.inputCombo,
    #contentOlb input.inputDate[value=""],
    #contentOlb input.inputDate:not([value]),
    #contentOlb input.inputTime[value=""],
    #contentOlb input.inputTime:not([value]),
    #contentOlb input.inputEdit[value=""],
    #contentOlb input.inputEdit:not([value]),
    #contentOlb input.inputField[value=""],
    #contentOlb input.inputField:not([value]),
    #contentOlb input.mcName[value=""],
    #contentOlb input.mcName:not([value]),
    #contentOlb input.mcSupplement[value=""],
    #contentOlb input.mcSupplement:not([value]),
    #contentOlb input.tnfInternationalDialing[value=""],
    #contentOlb input.tnfInternationalDialing:not([value]),
    #contentOlb input.tnfNationalDialingCode[value=""],
    #contentOlb input.tnfNationalDialingCode:not([value]),
    #contentOlb input.tnfSubscriberNumber[value=""],
    #contentOlb input.tnfSubscriberNumber:not([value]) {
    	width  : 1rem;
    }
	#contentOlb table.data {
		border-collapse : collapse;
		display         : table;
		font-size       : 1.2rem;
		width           : 0 !important;
		text-align      : left !important;
	}
	#contentOlb table.data > thead {
		display	: table-header-group;
	}
	#contentOlb table.data > tbody {
		display	: table-row-group;
	}
	#contentOlb table.data > tfoot {
		display	: none;
	}
	#contentOlb table.data > thead > tr,
	#contentOlb table.data > tbody > tr {
		display : table-row;
	}
	#contentOlb table.data > thead > tr > th,
	#contentOlb table.data > tbody > tr > td {
		background-image : none !important;
		display 		 : table-cell;
		height 			 : 3rem;
		padding 		 : 0 1rem 0 0;
		text-align		 : left !important;
	}
}