body {margin: 0}

/* Hintergrundfarbe */
.headerpanel, .headerlogo, .headertext {
    background-color: #fff;
}

/**** HEADER --> ****/
.headerpanel {
    height: 80px;
    font-size: 20px !important;
    background-color: #fff;
}
.headerlogo {
    border: none;
    display: inline-block;
    position: relative;
    margin-right: 0px;
    margin-top: 10px;
    /*padding: 10px 10px 0 0;*/
    float: right;
    width: 200px;
    height: 70px;
    background-image: url("../images/logo_gisconsult.jpg");
    background-repeat: no-repeat;
}

.headertext {
    border: none;
    padding: 10px;
    display: inline-block;
    position: relative;
    margin: 0px;
    float: left;
    background-color: transparent;
}

/**** <-- HEADER ****/

.welcomePage {
    background-color: #ffffff;
    background-image: url("../images/welcome-background2.jpg") !important;
    background-repeat: no-repeat;
}

.welcomeUserText {
    font-size: 12pt;
    font-weight: bold;
}

.loginText {
    font-size: 18pt;
    font-weight: bold;
}

.loginImage {
    background-image: url("../images/profile.png") !important;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
}

.maintenanceImage {
    background-image: url("../images/roadblock.png") !important;
    background-repeat: no-repeat;
    width: 64px;
    height: 64px;
}

.footerpanel {
    padding: 3px;
    height: 70px;
    border: none;
    background-color: #EAEAEA;
    overflow: hidden;
}

/* Überschrift auf den einzelnen Wizard-Seiten */
.pageHeader {
    font-size: 16pt;
    font-weight: bold;
}

.msgBoxCautionIcon {
    background-image: url("../images/alert_caution.png") !important;
    background-repeat: no-repeat;
}

/* Action-Column-Icons */
.x-action-col-icon {
    height: 16px;
    width: 16px;
    margin-right: 8px;
}

.paButtonNext {
    background-image: url("../images/bullet_arrow_right.png") !important;
}
.paButtonPrev {
    background-image: url("../images/bullet_arrow_left.png") !important;
}
.paButtonCancel {
    background-image: url("../images/bullet_delete.png") !important;
}

.wizardNavBar {
    background-color: #efefef;
}

/* Tab-Panel-Header nicht anzeigen */
.x-tab-hide .x-tab-bar-top {
    display: none;
}


/* Ext-Overrides ---> */
.x-tab-top-disabled {
    background: -moz-linear-gradient(center top , #E9E9E9, #E8E6E6) repeat scroll 0 0 #E9E9E9 !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#E7DFDF, endColorstr=#E8E6E6)" !important;
    background: linear-gradient(top, #E7DFDF, #E8E6E6) !important;
}

.x-btn-default-medium-icon-text-left .x-btn-inner, .x-btn-default-large-icon-text-left .x-btn-inner {
    padding-right: 15px;
}

.x-btn-default-medium-icon-text-left .x-btn-inner {
    padding-left: 32px;
}

.x-btn-default-large-icon-text-left .x-btn-icon, .x-btn-default-medium-icon-text-left .x-btn-icon {
    left: 5px;
}
/* <--- Ext-Overrides */

/* Ladebalken in der Map --> */
.x-statusbar .x-status-custom {
    padding-left: 20px;
    width: 160px;
    background: transparent url(../images/loading-bar2.gif) no-repeat 4px 3px !important;
}

.x-statusbar .x-status-custom-inactive {
    width: 160px;
}
/* <-- Ladebalken in der Map */

.loadmask {
    z-index: 30000;
}

.x-form-clear-trigger {
    height: 30px !important;
    background-image: url("../images/xtrigger.png");
}

.icon-flaechig {background-image:url(../images/flaechig.png) !important;}
.icon-linear {background-image:url(../images/linear.png) !important;}

.editUserIcon {
    background-image:url(../images/editUser.png) !important;
}

.icon-profile-small {
	background-image:url(../images/profile_small.png)
}
.icon-logout-small {
	background-image:url(../images/logout.png)
}
.icon-save-small {
	background-image:url(../images/save-small.png)
}
.icon-key-small {
	background-image:url(../images/key-small.png)
}

/* LinkLabel --> */
.linkLabel {
	cursor: pointer;
}
.linkLabel:hover {
	text-decoration: underline;
}
/* <-- LinkLabel */

/* TabPanel - Breadcrumb --> */
.breadcrumbs .x-tab-bar {
    height: 24px;
}

.breadcrumbs .x-tab-bar .x-tab-bar-body {
    padding: 0;
    height: 24px;
    border-width: 0;
}

.breadcrumbs .x-tab-bar .x-tab-bar-strip {
    display: none;
}

.breadcrumbs .x-tab-bar .x-box-inner {
    height: 24px;
}

.breadcrumbs .x-tab-bar .x-tab {
    position: relative !important;
    display: inline;
    left: 0 !important;
    margin-left: -2px;
    float: left;
    height: 24px;
    padding: 0;
    border-width: 0;
}

.breadcrumbs .x-tab-bar .x-tab .x-tab-inner,
.breadcrumbs .x-tab-bar .x-tab button {
    height: 24px;
    line-height: 24px;
    cursor: default !important;
}

.breadcrumbs .x-tab-default-top {
    -moz-border-radius-topleft: 0px;
    -webkit-border-top-left-radius: 0px;
    -o-border-top-left-radius: 0px;
    -ms-border-top-left-radius: 0px;
    -khtml-border-top-left-radius: 0px;
    border-top-left-radius: 0px;
    -moz-border-radius-topright: 0px;
    -webkit-border-top-right-radius: 0px;
    -o-border-top-right-radius: 0px;
    -ms-border-top-right-radius: 0px;
    -khtml-border-top-right-radius: 0px;
    border-top-right-radius: 0px;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    -o-border-bottom-right-radius: 0;
    -ms-border-bottom-right-radius: 0;
    -khtml-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    -o-border-bottom-left-radius: 0;
    -ms-border-bottom-left-radius: 0;
    -khtml-border-bottom-left-radius: 0;
    border: 0px;
    cursor: default !important;
    border-bottom-left-radius: 0;
    border-bottom: 0 !important;
    box-shadow: none;
    background-image: none !important;
    background-color: transparent;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #CCDEF6), color-stop(25%, #D6E6FA), color-stop(45%, #DEECFD));
    background-image: -webkit-linear-gradient(top, #CCDEF6,#D6E6FA 25%,#DEECFD 45%);
    background-image: -moz-linear-gradient(top, #CCDEF6,#D6E6FA 25%,#DEECFD 45%);
    background-image: -o-linear-gradient(top, #CCDEF6,#D6E6FA 25%,#DEECFD 45%);
    background-image: -ms-linear-gradient(top, #CCDEF6,#D6E6FA 25%,#DEECFD 45%);
    background-image: linear-gradient(top, #CCDEF6,#D6E6FA 25%,#DEECFD 45%);
}

.breadcrumbs .x-tab-bar .x-tab-top-active {
    box-shadow: none;
    font-weight: bold;
    margin-left: -2px;
    background-image: none;
    background-color: transparent;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, white), color-stop(25%, #F5F9FE), color-stop(45%, #DEECFD));
    background-image: -webkit-linear-gradient(top, white,#F5F9FE 25%,#DEECFD 45%);
    background-image: -moz-linear-gradient(top, white,#F5F9FE 25%,#DEECFD 45%);
    background-image: -o-linear-gradient(top, white,#F5F9FE 25%,#DEECFD 45%);
    background-image: -ms-linear-gradient(top, white,#F5F9FE 25%,#DEECFD 45%);
    background-image: linear-gradient(top, white,#F5F9FE 25%,#DEECFD 45%);
}

.breadcrumbs .x-tab-bar .x-tab-top-active * {
    cursor: default;
}

.breadcrumbs .x-tab-bar .x-tab-breadcrumbs-over button {
    color: #1A4070;
    cursor: default !important;
}

.icon-arrow {
    background: url(../../OsirisWizard/images/bullet_arrow_right.png) no-repeat center center !important;
    padding-right: 12px;
    margin-left: -4px;
    height: 24px !important;
}
.breadcrumbs .x-tab button {
    cursor: default !important;
    color: #9A9A9A;
}

.breadcrumbs .x-tab-active button {
    cursor: default !important;
    color: #333;
}
/* <-- TabPanel - Breadcrumb */

.pwdGenIcon {
	background: url(../../OsirisWizard/images/genpw.png) !important;
	background-position: 0 0;
	border-bottom: 1px solid #b5b8c8;
}

.emptyTextComplexPassword {
	font: normal 7pt tahoma,sans-serif;
}
.x-field-default-emptyTextComplexPasswordFocus {
	font: normal 7pt tahoma,sans-serif;
}


.arrange-horizontally > * {
    display: inline-block;
}
.arrange-vertically > * {
    display: block;
}
