/*############################################################################################################################*/
/*############################################################################################################################*/
/*###########################################   ITB Dialog   #################################################################*/
/*############################################################################################################################*/
/*############################################################################################################################*/

.itbDialog-WidgetOverlay {
  	opacity: 0.6;
  	background: url('../../img/jquery/noise.png');
    background: url('../../img/jquery/noise.png'), -moz-radial-gradient(center, ellipse cover, rgba(17,23,48,0.35) 0%, rgba(17,23,48,1) 70%, rgba(17,23,48,1) 100%);
	background: url('../../img/jquery/noise.png'), -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(17,23,48,0.35)), color-stop(70%,rgba(17,23,48,1)), color-stop(100%,rgba(17,23,48,1)));
	background: url('../../img/jquery/noise.png'), -webkit-radial-gradient(center, ellipse cover, rgba(17,23,48,0.35) 0%,rgba(17,23,48,1) 70%,rgba(17,23,48,1) 100%);
	background: url('../../img/jquery/noise.png'), -o-radial-gradient(center, ellipse cover, rgba(17,23,48,0.35) 0%,rgba(17,23,48,1) 70%,rgba(17,23,48,1) 100%);
	background: url('../../img/jquery/noise.png'), -ms-radial-gradient(center, ellipse cover, rgba(17,23,48,0.35) 0%,rgba(17,23,48,1) 70%,rgba(17,23,48,1) 100%);
	background: url('../../img/jquery/noise.png'), radial-gradient(ellipse at center, rgba(17,23,48,0.35) 0%,rgba(17,23,48,1) 70%,rgba(17,23,48,1) 100%);
    left: 0;
  	position: fixed;
  	top: 0;
  	height: 100%;
  	width: 100%;
}

/*
.itbDialog .ui-widget-header .ui-icon-closethick {
  background-image: url("../../img/jquery/close.png");

  height: 36px;
  position: absolute;
  right: -6px;
  top: -4px;
  width: 36px;
  
}

.itbDialog .ui-widget-header .ui-icon-closethick:hover {
    background-image: url("../../img/jquery/close_hover.png");
}
*/

.itbDialog .ui-icon {
    background-repeat: no-repeat;
    display: block;
    overflow: hidden;
    text-indent: -99999px;
}

.itbDialog {
	background-color: white;
    padding: 14px 20px 20px 40px;
    position:absolute;
    -webkit-box-shadow:  0px 7px 8px 0px rgba(0, 0, 0, 0.3);
    box-shadow:  0px 7px 8px 0px rgba(0, 0, 0, 0.3);
    opacity:0.95;
    margin-top: -100px;
    z-index: 1000;
	min-width: 300px;
}


.itbDialog  * {
	color: #000;
}

/* ------------------------ */
.ui-icon-closethick 
{
	background-image: url("../../img/jquery/close_hover.png");
    height: 36px;
    position: absolute;
    right: -9px;
    top: -4px;
    width: 36px;
}

.ui-dialog .ui-dialog-title
{
/*
    float: left;
	width: 90%;
*/
    margin: .1em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar {
/*
    padding: .4em 1em;
    position: relative;
*/
}
/* ------------------------ */


.itbDialog.no-close .ui-dialog-titlebar-close {
    display: none;
}


.itbDialog .ui-dialog-title {
	border-bottom: 1px solid black;
	font-weight: bold;
	padding-bottom: 7px;
	font-size: 15px;
	display: block;
}

.itbDialog .ui-dialog-buttonset {
	float:right;
	margin-top: 12px;
}
.itbDialog .ui-dialog-content {
  margin-top: 14px;
  line-height: 19px;
  overflow-y: auto;
  max-height: 450px;
}

.itbDialog span {
	margin:0 !important;
}

 .itbDialog  img.icon {
    left: -23px;
    position: absolute;
    top: -14px;
 }

.itbDialog  img.ajaxLoader {
	margin: 0 auto;
	display: block;
}

/*this class is needed for buttons in dialogs -> it takes care of having some separation between buttons if there is more than 1 button*/
.ui-dialog .ui-dialog-buttonpane button {
    margin: 0 0 0 5px;
}

/*############################################################################################################################*/
/*############################################################################################################################*/
/*###########################################   ITB Button   #################################################################*/
/*############################################################################################################################*/
/*############################################################################################################################*/

/*button properties:default*/
button.ui-button {
    cursor: pointer;
	position:relative;
	color: #6f6f6e;
    margin: 0px;

    background:white;
	background-image:url("../../img/jquery/bttn.png");
	background-repeat:repeat;
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#ededed);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#ededed));

    border-radius: 4px;
	border-top: 1px solid #dedede;
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
    border-left: 1px solid #dedede;

	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.2),
		inset 0px 18px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.2),
		inset 0px 18px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.2),
		inset 0px 18px 1px rgba(255,255,255,0.5);
}

/*button properties:hover*/
button.ui-button.ui-state-hover{
	background:#fefefe;
	background-image:url("../../img/jquery/bttn_hover.png");
	background: -moz-linear-gradient(
		top,
		#ffffff 0%,
		#dbdbdb);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ffffff),
		to(#dbdbdb));

    border-top: 1px solid #aaaaaa;
    border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #aaaaaa;

	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.3),
		inset 0px 18px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.3),
		inset 0px 18px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.3),
		inset 0px 18px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px 1px 1px rgba(255,255,255,0.9),
		0px 0px 0px rgba(255,255,255,0);
}

/*button properties:active*/
button.ui-button.ui-state-active {

    background-image:url("../../img/jquery/bttn_down.png");
	background: -moz-linear-gradient(
		top,
		#ededed 0%,
		#ffffff 89%,
		#f0efef);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ededed),
		color-stop(0.89, #ffffff),
		to(#f0efef));

	border-top: 1px solid #bbbbbb;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #dddddd;
	border-left: 1px solid #cccccc;

	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.3),
		inset 0px 18px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.3),
		inset 0px 18px 1px rgba(255,255,255,0.5);
	box-shadow:
		0px 1px 0px rgba(255,255,255,0.7),
		0px 4px 6px rgba(187,187,187,0.3),
		inset 0px 18px 1px rgba(255,255,255,0.5);
	text-shadow:
		0px 1px 1px rgba(255,255,255,0.9),
		0px 0px 0px rgba(255,255,255,0);
}

/*prevent the outline (dotted line), when the button has the focus.*/
button:focus {outline:none;border:0;padding:0;margin:0;text-indent:0;}

/*Firefox: prevent the outline (dotted line), when the button has the focus. correct the size of the buttons.*/
button::-moz-focus-inner {
	outline:none;
	border:0;
	padding:0;
	margin:0;
	text-indent:0;
}

/*this makes sure the button shows the whole text*/
button.itbButton.ui-button {
	overflow:visible;
}

/*positioning of the icon: disabled=false*/
button.itbButton .ui-icon {
  	background-position: center 1px;
 	background-repeat: no-repeat;
	position: absolute;
	width: 36px;
	height:16px;
}

/*positioning of the icon: disabled=true*/
button.itbButton.ui-button-disabled .ui-icon {
	background-position: center -15px;
}

/*padding of the icon(s)*/
button.itbButton.ui-button-text-icon-primary {
  padding: 6px 12px 6px 48px;
}

button > span.ui-button-text {
  float: left;
}

/*padding of the icon(s)*/
button.itbButton.ui-button-text-icon-secondary {
  padding: 6px 48px 6px 12px;
}

/*padding of the icon(s)*/
button.itbButton.ui-button-text-only {
  padding: 6px 12px 6px 12px;
}

/*padding of the icon(s). hide the text*/
button.itbButton.ui-button-icon-only {
  padding: 6px 12px;
  width:38px;
  text-indent: -9999px;
}

/*padding of the icon(s). hide the text*/
button.itbButton.ui-button-icons-only {
  padding: 6px 12px;
  width:74px;
  text-indent: -9999px;
}

/*padding of the icon(s)*/
button.itbButton.ui-button-text-icons {
  padding: 6px 48px 6px 48px;
}

/*creates the vertical line between the icon and the text*/
button.itbButton .ui-button-icon-primary {
	left: 0;
	border-right: 1px solid #dddddd;
}

/*creates the vertical line between the icon and the text*/
button.itbButton .ui-button-icon-secondary {
	right: 0;
	border-left: 1px solid #dddddd;
}

/*this style sets the span-border to 0 for icon-only/icons-only - otherwise it will be in front of the button border*/
/*it also prevents a double border between the primary and the secondary icon if there is no text */
button.itbButton.ui-button-icon-only .ui-button-icon-primary, button.itbButton.ui-button-icon-only .ui-button-icon-secondary,  button.itbButton.ui-button-icons-only .ui-button-icon-secondary{
  border: none;
}

/*disabled button*/
.ui-button-disabled span {
	color:#cccccc;
}

/*this button highlights the button that has the focus (if the class was set correctly)*/
button.ui-button.ui-state-focus {
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #888888;
	border-right: 1px solid #888888;
}

/*disabled button*/
button.itbButton.ui-button-disabled {
	background: #ebebeb;
	cursor: default;
}

/*disabled button*/
.ui-button-disabled span {
	color:#cccccc;
}

/* prio button */
button.itbButton.itbButtonPrio {
    border: 1px solid #D3031C; /* ggf. parametrisierbar */
}

/* prio button */
.itbButtonPrio span {
	color:#000000;
}

/* active button browse */
.itbButtonBrowseActive span {
	color:#D30316; /* ggf. parametrisierbar */
}

.itbButtonRight	{
	float: right;
}

.itbButtonLeft	{
	float: left;
}

/*OK icon*/
button.itbButton .ui-icon-ok {
	background-image:url('../../img/jquery/bttn_ok.png');
}

/*Cancel icon*/
button.itbButton .ui-icon-canc {
	background-image:url('../../img/jquery/bttn_cancel.png');
}

/* Start icon */
button.itbButton .ui-icon-start {
    background-image:url('../../img/sprites/nav_start.png');
}

/* End icon */
button.itbButton .ui-icon-end {
    background-image:url('../../img/sprites/nav_end.png');
}

/* Forward icon */
button.itbButton .ui-icon-fwd {
    background-image:url('../../img/sprites/nav_fwd.png');
}

/* Back icon */
button.itbButton .ui-icon-back {
    background-image:url('../../img/sprites/nav_back.png');
}

/* Save icon */
button.itbButton .ui-icon-save {
    background-image:url('../../img/sprites/save.png');
}

/* Cart icon */
button.itbButton .ui-icon-cart {
    background-image:url('../../img/sprites/cart.png');
}

/* Logout icon */
button.itbButton .ui-icon-logout {
    background-image:url('../../img/sprites/logout.png');
}

/* Note / Ausrufezeichen icon */
button.itbButton .ui-icon-note {
    background-image:url('../../img/sprites/note.png');
}

/* Aktualisieren icon */
button.itbButton .ui-icon-update {
    background-image:url('../../img/sprites/update.png');
}

/* Admin icon */
button.itbButton .ui-icon-admin {
    background-image:url('../../img/sprites/admin.png');
}

/* print icon */
button.itbButton .ui-icon-print {
    background-image:url('../../img/sprites/print.png');
}

/* pdf icon */
button.itbButton .ui-icon-pdf {
    background-image:url('../../img/sprites/pdf.png');
}

/* pdf icon */
button.itbButton .ui-icon-search {
    background-image:url('../../img/sprites/search.png');
}

/* pdf icon */
button.itbButton .ui-icon-upload {
    background-image:url('../../img/sprites/upload.png');
}


/*############################################################################################################################*/
/*############################################################################################################################*/
/*###########################################   ITB Input   ##################################################################*/
/*############################################################################################################################*/
/*############################################################################################################################*/

div.input-icon {
    float: left;
    height: 16px;
    margin: 3px 0 0 0;
}

div.input-icon-dummy {
    width: 4px;
}

div.input-icon-left {
    background-position: 4px 0px;
    background-repeat: no-repeat;
    width: 24px;
}

div.input-icon-right {
    background-position: 4px 0px;
    background-repeat: no-repeat;
    width: 24px;
}

input.itbInput {
    outline:0 none;
    background: transparent;
    border-width:0px;
    float:left;
    margin: 2px 0px 0px 0px;
}

div.itbInput {
    background-color: white;
    color: #6f6f6e;
    border-color: #B7B7B7 #CCCCCC #EEEEEE #CCCCCC;
    border-style: solid;
    border-width: 1px;
    height: 22px;
}

div.itbInput-hover {
    border-color: #999999 #AAAAAA #CCCCCC #BBBBBB;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.75),
        0 1px 6px rgba(111, 111, 111, 0.4),
        0 0px 3px rgba(125, 125, 125, 0.15) inset;
}

div.itbInput-focus {
    border-color: #999999 #AAAAAA #BBBBBB #AAAAAA;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7),
        0 0px 3px rgba(125, 125, 125, 0.40) inset;
}

div.itbInput-disabled {
    border-color: #CCC #BBB #BBB #CCC;
    background-color: #EEE;
}

div.itbInput-hover.itbInput-invalid {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.75),
        0 1px 6px rgba(255, 0, 0, 0.4);
}

div.itbInput-focus.itbInput-invalid {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7),
        0 0px 3px rgba(255, 0, 0, 0.40) inset;
}

div.itbInput-hover.itbInput-valid {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.75),
        0 1px 6px rgba(0, 255, 0, 0.4);
}

/*necessary for opera, because opera bubbles the hover event even on disabled inputs*/
div.itbInput-hover.itbInput-disabled  {
    box-shadow: none;
}

div.itbInput-focus.itbInput-valid {
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7),
        0 0px 3px rgba(0, 255, 0, 0.40) inset;
}

div.itbInput-invalid {
  border-color: #E00 #C00 #C00 #E00;
}

div.itbInput-valid {
  border-color: #3E3 #1C1 #1C1 #3E3;
}

/*############################################################################################################################*/
/*############################################################################################################################*/
/*###########################################   ITB File Input  ##############################################################*/
/*############################################################################################################################*/
/*############################################################################################################################*/

div.itbFileUpCont {
    height:          35px;
    width:           250px;
    position:        relative;
    overflow:        hidden;
    cursor:			 pointer;
}

div.itbFileUpCont * {
    cursor:          pointer;
}

div.itbFileUp {
    float:           left;
    margin-top:      4px;
}

button.itbFileUp {
    margin-left:     2px;
    float:           left;
    display:         block;
}

input.itbFileUpHddn {

    top:			 0px;
	left:			 0px;
	font-size:	     50em;
	background:      transparent;
    opacity:         0.01;
    -moz-opacity:    0.01;
    filter:          alpha(opacity=1);
    z-index:         999;
    float:			 right;
}

/*############################################################################################################################*/
/*############################################################################################################################*/
/*###########################################   ITB Select  ##################################################################*/
/*############################################################################################################################*/
/*############################################################################################################################*/
div.itbSelectWrapper
{
    float:                            none;
}

div.itbSelectHideElem
{
    height:                           0px;
    width:                            0px;
	display:						  none;
    overflow:                         hidden;
}

div.itbSelectDiv
{
    float:                            left;
    color:                            #000;
    background-color:                 #d7d7d7;

    height:                           21px;
    width:                            180px;
    min-width:                        140px;


    background:                       -webkit-gradient(
                                          linear, left top, left bottom,
                                          from(#ffffff),
                                          to(#ededed)
                                      );

    -webkit-box-shadow:               0px 1px 0px rgba(255,255,255,0.7),
                                      0px 4px 6px rgba(187,187,187,0.2),
                                      inset 0px 18px 1px rgba(255,255,255,0.5);

    box-shadow:                       0px 1px 0px rgba(255,255,255,0.7),
                                      0px 4px 6px rgba(187,187,187,0.2),
                                      inset 0px 18px 1px rgba(255,255,255,0.5);

    border:                           1px outset buttonface;
    border-radius:                    2px;

    overflow:                         hidden;
    cursor:                           pointer;
}

li.itbSelectLiHover
{
	background-color:				  #888 !important;
}

li.itbSelectLiSelected
{
	background-color:				  #bbb;
}

div.itbSelectDiv:hover
{
    border:                           1px solid #aaa;
    -webkit-box-shadow:               0px 1px 0px rgba(255,255,255,0.7),
                                      inset 0px -8px 2px rgba(88,88,88,0.1);

}

div.itbSelectDivHover
{
    border:                           1px solid #888;
    -webkit-box-shadow:               0px 1px 0px rgba(255,255,255,0.7),
                                      inset 0px 0px 0px rgba(255,255,255,0.9);

}

div.itbSelectDivDisabled
{
    border:                           1px solid #aaa;
    color:                            #999;
}


div.itbSelectDivDisabled:hover
{
    border:                           1px solid #aaa;
    color:                            #999;
    -webkit-box-shadow:               none;
}

div.itbSelectDiv.active:hover
{
    border:                           1px solid #888;
    -webkit-box-shadow:               0px 1px 0px rgba(255,255,255,0.7),
                                      inset 0px 0px 0px rgba(255,255,255,0.9);
}

div.itbSelectDiv div.itbSelectCap
{
    float:                            left;
    margin:                           1px 1px 1px 5px;

    -webkit-user-select:              none;
    -khtml-user-select:               none;
    -moz-user-select:                 none;
    -o-user-select:                   none;
    user-select:                      none;
}

div.itbSelectDiv div.itbSelectArrow
{
    float:                            right;
    margin:                           1px 5px 1px 1px;
    background-image:                 url("../../img/jquery/slct_arrow.png");
    background-repeat:				  no-repeat;
	background-position: 			  center;
    height:                           18px;
    width:                            18px;

    -webkit-user-select:              none;
    -khtml-user-select:               none;
    -moz-user-select:                 none;
    -o-user-select:                   none;
    user-select:                      none;
}

div.itbSelectWrapper div.itbSelectContents
{
    position:                         absolute;
    max-height:                       290px;
    overflow-y:                       auto;
    z-index:                          1001;
    display:                          none;
    background-color:                 #fff;
    border:                           1px solid #aaa;
    -webkit-box-shadow:               1px 1px 1px rgba(0, 0, 0, 0.2)

}

div.itbSelectWrapper div.itbSelectContents ol
{
    margin:                            2px 0px 2px 0px;
    list-style-type:                   none;

    -webkit-margin-before:             0px;
    -webkit-margin-after:              0px;
    -webkit-margin-start:              0px;
    -webkit-margin-end:                0px;
    -webkit-padding-start:             0px;
}

div.itbSelectWrapper div.itbSelectContents ol li
{
    height:                            18px;
    padding-top:                       2px;
    padding-bottom:                    2px;
    padding-left:                      5px;
    cursor:                            pointer;

    -webkit-user-select:               none;
    -khtml-user-select:                none;
    -moz-user-select:                  none;
    -o-user-select:                    none;
    user-select:                       none;
    white-space:					   nowrap;	
}


/*
div.itbSelectWrapper div.itbSelectContents ol li:hover
{
    background-color:                  #bbb;
}
*/

button.ui-dialog-titlebar-close
{
	position: 							absolute;
    top: 								-10px;
	right: 								-5px;
	padding: 							1px;
    width: 								14px;
    height: 							14px;
	overflow: 							visible;
	background: 						none;
	filter: 							alpha(opacity = 0);
}

.ui-dialog-titlebar-close span.ui-button-text
{
	opacity: 							0;
	filter: 							alpha(opacity = 0);
}

/**************** Einlösecodes  **********************/

input.itbElcsErrInputAttention {
	color: red;
	border-color: red;
}

div.itbElcsErrDivAttention {
	margin-bottom: 2px;
	
}

div.itbElcsErrDivAttention,
label.itbElcsErrLabelAttention {
	color: red;
	font-weight: bolder;
}

.layoutElcsPrc {
	margin-bottom: 10px;
}

.layoutElcsPrc a.close {
	display: block;
	height: 14px;
	width: 14px;
	background-image: url('../../img/jquery/bttn_cancel.png');
	text-decoration: none;
	float: left;
	margin-right: 5px;
}