/***************************************************
Overloaded Ext Gwt style. 

All bellow Css selectors are changed to fit Lufthansa FMs look.
***************************************************/
/*  Lufthansa Logo*/

.lsy .LogoComponent{
background-color: #ffffff;
background-image: url(../images/default/logo.gif);
background-repeat: no-repeat ;
background-position: 98% 50%;
padding-right: 20px;
border-bottom:5px solid #FFB300;
height:75px;

}

.lsy-logout .LogoComponent{
background-color: #ffffff;
background-image: url(../images/default/logo.gif);
background-repeat: no-repeat ;
background-position: 98% 50%;
padding-right: 20px;
border-bottom:5px solid #FFB300;
height:75px;

}
/*** Bottom info component ***/
/**Main component **/
.lsy .info {
background-color: #FFB300;
}
/**Main component + group(.label + .value)**/
.lsy .info ,.lsy .infoGroup table{
	
	font-family:Arial,Helvetica,sans-serif;
	text-decoration:none;
	text-align: left;
	color:#787878;
	line-height:19px;
}
/** label style **/
.lsy .info .label {
	font-size: 14px;
	font-family: Arial,Helvetica,sans-serif;
	text-decoration:none;
	font-weight:bold;
}
.lsy .info table{
	width: auto;
}
.lsy .info .infoGroup{
	width: auto;
}
/**value style**/
.lsy .infoGroup .value{
	margin-left: 5px;
	width: auto;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	text-decoration:none;
}
.lsy .infoGroup table{
	width: auto;	
	margin-top :15px; 
	margin-right: 30px;
	margin-left: 7px;
}
/*** Labels & Fields ***/
/**LabeledField right label**/
.lsy .LabeledField-right{ 
	margin-bottom: 5px;
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:12px;
}
/** Default field style**/
.lsy .x-form-field{
   margin: 0;
   color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
}

.lsy .x-form-empty-field {
    color:gray;
}

.lsy textarea.x-form-field {
    padding:2px 3px;
    background:repeat-x 0 0;
    border:1px solid;
	 background-color: #fffff;
    border-color:#d2d2d2;

}
.lsy .ext-ie .ext-ie7 .x-form-item{
	margin: 0px;
	margin-bottom: 2px;	
}
.lsy .x-form-text{
	padding-left:6px;
	border:1px solid;
	border-color:#b5b8c8;
	background-color:#ffffff;
	padding-top :1px;
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	background-image:none;
	height:22px;
   line-height:18px ;
   vertical-align:middle;
}

/** Field with top-left arrow **/
.lsy .x-form-text-select{
   /**  background-position: left,top; **/
    background-image: url(../images/default/up-select-arrow.PNG);
    background-repeat: no-repeat;
}

.lsy .ext-ie .x-form-file{
	height:22px !important;
    line-height:18px !important;
    vertical-align:middle;
}
/*** Combo Box **/
.lsy .x-combo-list {
    font:normal 12px tahoma, arial, helvetica, sans-serif;
    border:1px solid #d2d2d2;
    zoom:1;
    overflow:hidden;
    background-color: white !important;
}
/** Selected item **/
.lsy .x-combo-list .x-combo-selected{

   background-color:#ffb300;
  	border:1px dotted #d2d2d2 !important;
    cursor:pointer;
}
/** Simple combo-box item **/
.lsy .x-combo-list-item{
    	vertical-align:middle;
    	/*padding:2px;*/
   	border:1px solid;
    	white-space: nowrap;
    	overflow:hidden;
    	text-overflow: ellipsis;
    	border-color:#fff;
    	padding-left: 2px;
}
.lsy .x-combo-list-item{
		height:20px;
    	line-height:20px;
}
.ext-ie8 .x-combo-list-item,
.ext-ie7 .x-combo-list-item{	
	line-height: 18px;	
	height: 22px;
}
/**Drop down Triger **/
/**.x-form-field-wrap .x-form-trigger{
    background-image:url(../images/default/form/trigger.gif);
    border-bottom-color:#b5b8c8;
    height:21px;
    */
.lsy .x-form-field-wrap .x-form-trigger {
background:transparent none no-repeat scroll 0 0;
background-image:url(../images/default/form/trigger.gif);
border-bottom-color:#b5b8c8;
border-style:none none solid;
border-width:0 0 1px;
cursor:pointer;
height:21px;
position:absolute;
top:0;
width:17px;
}
/*** Cursors **/
.lsy .cursor-wait {
  cursor:wait;
} 
.lsy .cursor-normal{
cursor:  default;
}
/**Top left arrow in combo-box**/
.lsy .x-triggerfield-noedit{
    cursor:pointer;
}
/*** Tables ***/
.lsy .x-table-layout-cell{
	margin: 3px;
}
.lsy .x-table-layout-cell table td{

	empty-cells: hide;
	border-spacing: 0px;
	border-collapse: collapse;
}
/*** Login Box ***/
.lsy .login{
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	background-color: #d2d2d2;
	padding: 5px;
	margin:auto;
}

.lsy .login-label {
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
}

.lsy .login .x-triggerfield-noedit {
	background-image: none !important;
	height: auto;
}
.lsy .login-box {
	background-image: none;
	background-color:#FFFFFF;
	cursor:pointer;
	font-weight:normal;
	margin: 0;
   color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	height: 20px ;
	vertical-align: middle;
	padding: 0px;	
}

/*** Panels ***/
.lsy .x-panel-header {
	font-size:15px;
	font-weight:bold;
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
   overflow:hidden;
   zoom:1;
   padding:5px 3px 4px 5px;
	border: 1px solid #d3d3d3;
	background-image: url(../images/default/panel/white-top-bottom.gif);
	background-repeat: repeat-x;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	}
.lsy .x-panel-body{
	background-color: #f7f7f7;	
	border: none;
}
.lsy .x-panel{

   overflow:hidden;
   position: relative;  
   background-color: #f7f7f7;
   border: 1px solid #d3d3d3;
   color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
}
.lsy .lsy-data-box-body{
	padding :5px;
}
.lsy .lsy-data-box-body td{
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
}
.lsy .x-date-middle .x-btn .x-btn-text {
    color:#5a5a5a;
}
 
/** tab panel **/
.lsy .x-tab-panel {
background-color: #d2d2d2;	
}
.lsy .x-tab-panel-body {
    border: 1px solid #B3B3B3;
    background-color:#D2D2D2;
}
.lsy .x-tab-panel-header,
.lsy .x-tab-panel-footer {
	color: #5a5a5a;
	background-color: #d2d2d2;
	border-color:1px solid #ffb300;
   overflow:hidden;
   zoom:1;
}
.lsy .x-tab-panel-header,
.lsy .x-tab-panel-footer {
	border:0px solid;
}
.lsy ul.x-tab-strip-top{
	background: repeat-x bottom;
	border: none;
	background-image: url(../images/default/tabs/tab-strip-bg.gif);
}

/*** Grid ***/
.lsy .x-grid3-row td.x-grid3-cell,
.lsy .x-grid3-summary-row td.x-grid3-cell {
  /*line-height: 13px;*/
  vertical-align: top; 
  -moz-outline: none;
  border-right: 1px solid #d2d2d2;
  color:#5A5A5A;
 	font-family:Arial,Helvetica,sans-serif;
 	font-size:13px;
 	padding: 0px;

}
/** selected row **/
.lsy .x-grid3-row-selected {
   background-image: none !important;
	background-color: #ffb300 !important;
	color:#000;
	border: 1px solid #ffb300;
}
/** selected cell **/
.lsy .x-grid3-cell-selected{
	background-color: #fff !important;
	color:#ffb300;
	border: 1px solid #ffb300;
}
.lsy .x-grid3-row {
  cursor: default;
   border: 1px solid #d2d2d2;
   border-right: none;
   width: 100%;
}
.lsy .x-grid3-row-alt{
	background-color:#f7f7f7;
}
.lsy .x-grid3-row-over {
   background-color:#f7f7f7;
   border: 1px solid #ffb300;
}
.lsy .x-grid3-header{
    background-color:#fff;
    cursor: default;
    zoom: 1;
    padding: 0px 0 0 0;
    background-image: none;
    
}
.lsy .x-grid3-hd-row .x-grid3-hd {
	border-color:#D2D2D2 #D2D2D2 #D2D2D2;
	border-style:solid;
	border-width:1px;
  	vertical-align: middle;
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	height: 25px ;
	text-align: center;
}
.lsy x-grid3-hd-row{
	height: 25px;
}
.lsy .x-grid3-header-inner {
  
  overflow: hidden;
  zoom: 1;
  float: left;
}

.lsy td.x-grid3-hd-over,
.lsy td.sort-desc,
.lsy td.sort-asc,
.lsy td.x-grid3-hd-menu-open {
    
}
.lsy td.x-grid3-hd-over .x-grid3-hd-inner,
.lsy td.sort-desc .x-grid3-hd-inner,
.lsy td.sort-asc .x-grid3-hd-inner,
.lsy td.x-grid3-hd-menu-open .x-grid3-hd-inner {
    background-color:#ffb300;
}
.lsy .x-grid3-cell-inner{
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  padding: 3px 3px 3px 5px;
  white-space: nowrap;
}

.lsy .x-grid3-hd-inner {
  position: relative;
  cursor: inherit;
  /*padding: 4px 3px 4px 5px;*/
  vertical-align: top;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 25px !important;
  text-align:center;
  padding: 0px;
}
.lsy .x-grid3-header-offset {
padding: 0px;
}
/*** Button ***/
.lsy .x-btn{
 	border:1px solid #a5a5a5;
	cursor:pointer;
	white-space: nowrap;
	background-color: #fff;

   
}
.lsy .x-btn button{
	color:#5A5A5A;
    font-family:Arial,Helvetica,sans-serif;
	 font-size:11px;
	 font-weight:normal;
    background-color:#fff;
    padding-left:3px;
    padding-right:3px;
    cursor:pointer;
    margin:0;
    overflow:visible;
    width:auto;
    -moz-outline:0 none;
    outline:0 none;
    border: 0px;
}
.lsy .currentCRState {
margin:0 0 0 100px;
}

.lsy .x-btn-disabled *{
	cursor:default !important;
	color:gray !important;
}
.lsy .x-btn-tl,
.lsy .x-btn-tr,
.lsy .x-btn-tc,
.lsy .x-btn-ml,
.lsy .x-btn-mr,
.lsy .x-btn-mc,
.lsy .x-btn-bl,
.lsy .x-btn-br,
.lsy .x-btn-bc{
	background-color: #fff;
	background-image: none;
}
/*** Windows & Dialogs ***/
.lsy .lsy-blocking-wnd-base table, .lsy .lsy-blocking-wnd-base td{
	vertical-align: middle;
	text-align: left;
	font-family:Arial,Helvetica,sans-serif;
	color:#5A5A5A;
	font-size:13px;	
}

.lsy .lsy-blocking-wnd-base .x-window-tl,
.lsy .lsy-blocking-wnd-base .x-window-tr,
.lsy .lsy-blocking-wnd-base .x-window-tc{
	background-color: #d3d3d3;
	background-image: none !important;
}

.lsy .x-window-dlg .ext-mb-content {
	vertical-align: middle;
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-align: left;
}

.lsy .x-window {
    zoom:1;
    background-color: #d3d3d3;
    border: 2px solid #d3d3d3;
}

.lsy .x-window-header {
    overflow:hidden;
    zoom:1;
}
.lsy .x-window-bwrap {
    z-index:1;
    position:relative;
    zoom:1;
    left:0;top:0;
}
.lsy .x-window-header-text {
    cursor:pointer;
}
.lsy .x-window-tc {
	font-size:15px;
	font-weight:bold;
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
   overflow:hidden;
   zoom:1;
   padding:5px 3px 4px 5px;
	background-image: url(../images/default/panel/white-top-bottom.gif);
	background-repeat: repeat-x;
	overflow:hidden;
    zoom:1;
}
.lsy .x-window-tl {
	background-image: url(../images/default/panel/white-top-bottom.gif);
	background-repeat: repeat-x;
	padding-left:6px;
    zoom:1;
    z-index:1;
    position:relative;
}
.lsy .x-window-tr {
	background-image: url(../images/default/panel/white-top-bottom.gif);
	background-repeat: repeat-x;
	padding-right:6px;
}
.lsy .x-window-bc {

    zoom:1;
}
.lsy .x-window-bc .x-window-footer {
    padding-bottom:6px;
    zoom:1;
    font-size:0;
    line-height:0;
}
.lsy .x-window-bl {
	padding-left:6px;
    zoom:1;
}
.lsy .x-window-br {

	padding-right:6px;
    zoom:1;
}
.lsy .x-window-mc {

    padding:0;
    margin:0;
    border:none;
}
.lsy .x-window-ml {

	padding-left:6px;
    zoom:1;
}
.lsy .x-window-mr {

	padding-right:6px;
    zoom:1;
}
.lsy .x-window-body {
    overflow:hidden;
}
.lsy .x-window-bwrap {
    overflow:hidden;
}
.lsy .x-window-tl .x-window-header {
  	vertical-align: middle;
	color:#5A5A5A;
	font-family:Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	height: 20px ;
	text-align: left;
	padding-left: 10px;
	padding-top: 3px;  
}
.lsy .x-window-bc,
.lsy .x-window-bl,
.lsy .x-window-br, 
.lsy .x-window-mc,
.lsy .x-window-ml,
.lsy .x-window-mr{
	background-image: none;
	background-color: #d3d3d3;
}
/** 
Labeled input syles 
*/
/**select field**/
.lsy .lsy-labeled-field-base td{
	padding-left:2px;
}
.lsy .lsy-labeled-field-base form{
	padding: 0;
}
.lsy .lsy-labeled-field-select input{
    cursor:pointer;
    /**  background-position: left,top; **/
    background-image: url(../images/default/up-select-arrow.PNG);
    background-repeat: no-repeat;
    background-color:#ffffff;
}
/**read only field**/
.lsy .lsy-labeled-field-readonly input{
   background-color:#fdf5e6;
}

.lsy .lsy-result-list-wnd-base .x-window-tl {
	border-bottom: 2px solid #ffb300;
}
.lsy .x-window-plain .x-window-mc {
    border-color: #a3bae9 #dfe8f6 #dfe8f6 #a3bae9;
}

.lsy-logout td {
	font-family:Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#5A5A5A;	
}

.lsy-logout td a {
	font-family:Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
}
.ext-ie7 .x-form-text{	
/*	margin: -1px 0px;	*/
	line-height: 18px !important;	
	height: 22px !important;
}

.hide{
	cursor: wait;
}

.zoom-out { background: url(../../../img/Zoom-Out-16x16.png) no-repeat center  !important; } 
.zoom-in { background: url(../../../img/Zoom-In-16x16.png) no-repeat center  !important; }