#header .toolstrip
{
  font-family: 'Roboto-Regular', Arial, sans-serif;
	text-align:left;
	/*float:left;*/
  background: #ededed;  
  margin:0;
  padding:0;
  border-bottom: #ddd 1px solid;
  display: block;
}


/************************************************** widetoolbar *************************************************/
#disp_main_toolbar
{
  height: 40px;
}

#disp_list_filter_toolbar_toolbar
{
  height: 32px;
}

.top_toolstrip
{
  height: 44px;
}

.top_toolstrip .button i>span
{
  height: 26px;
}

.top_toolstrip .button i>span span
{
  height: 26px;
}

.widetoolbar
{
  display: block;
  border: 0;
  margin:0px 2px 0px;
  /*margin:3px 2px 2px 2px;*/
  padding:0px;
  background: transparent;
  
}

.widetoolbar i
{
  cursor: pointer;
}

.widetoolbar div.separator
{
  display:block;
  float:left;
  height:100%;
  width: 1px;
  border-left: #ccc 1px solid;
  border-right: #fff 1px solid;
  margin:0 4px 0 5px;
  padding: 5px 0 0;
}


.widetoolbar div.textfield, .widetoolbar div.selectfield
{
  display:inline-block;
  float:left;
  margin: 0;
  padding:0;
  
}

.widetoolbar div.textfield>span, .widetoolbar div.selectfield>span
{
  display:inline-block;
  float:left;
  color:                   #404040;  
  font-size:               13px;
  padding:                 3px 2px 3px 3px;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  margin:2px 0 0 0;
  cursor: default;
  
}

.widetoolbar div.textfield>input
{
  display:inline;
  float:left;
  border: 1px solid;
  border-color:            #cccccc #e6e6e6 #e6e6e6 #cccccc;
  color:                   #666;  
  font-size:               13px;
  padding:                 3px 2px 3px 3px;
  white-space:             nowrap;
  margin:2px 0 0 0;
  padding:2px;
  background-color: white;

}


.widetoolbar div.infolabel
{
  /*display:inline-block;*/
  float:left;
  margin:0px;
  padding: 10px 5px 0 0;
  /*background-color: #ffd;*/
  
  margin:3px 2px 0 3px;
  height: 24px;
}

.widetoolbar div.infolabel span, .widetoolbar div.infolabel i
{
  margin: 0;
  padding-top: 3px;
  color: #666;
  font-size: 16px;
  text-shadow: #fff 1px 1px 0;
  font-style: normal;
}


.widetoolbar div.selectfield>select
{
  display:inline;
  float:left;
  border: 1px solid;
  border-color:            #cccccc #e6e6e6 #e6e6e6 #cccccc;
  color:                   #404040;  
  font-size:               13px;  
  padding: 1px 1px 2px 1px;
  white-space:             nowrap;
  margin:2px 0 0 0;  
  background-color: white;
}

.widetoolbar div.textfield_disabled>input, .widetoolbar div.selectfield_disabled>select
{
  background-color: #eee;
}

.widetoolbar div.textfield_disabled>span, .widetoolbar div.selectfield_disabled>span
{
  color: #b0b0b0;

}

.widetoolbar .button
{
  display:inline-block;
  float:left;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  margin:2px 0 0 0;
  position: relative;
}


.widetoolbar .button>i 
{
  
  display:                 inline-block;  
  background:           -moz-linear-gradient(0% 170% 90deg, #b8b8b8, white);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#b8b8b8));
  border-color:          #99ccff;
  color:                 #333333; 
  border:                  1px solid;
  border-color:            #e6e6e6 #cccccc #cccccc #e6e6e6;
  color:                   #404040;  
  font-size:               17px;
  font-style: normal;
  outline:                  0;
  padding:                 3px 5px 3px 5px;
  text-decoration:         none;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
  
  -moz-border-radius:      2px;
  -webkit-border-radius:   2px;
  border-radius:           2px;
  /*height: 24px;*/
}

.widetoolbar .button i>span
{
  display:                 inline-block;
  margin:0;
  padding: 2px 6px;
  /*line-height: 24px;
  height: 24px;*/
}

.widetoolbar .button>i>span>span
{
  display:                 inline-block;
  
  /*line-height: 24px;
  height: 24px;
  width: 14px;*/
}

.widetoolbar .pillow-left
{
  -moz-border-radius-topleft:      2px;
  -webkit-border-top-left-radius:   2px;
  border-top-left-radius:           2px;
  -moz-border-radius-bottomleft:      2px;
  -webkit-border-bottom-left-radius:   2px;
  border-bottom-left-radius:           2px;
}


.widetoolbar .pillow-right
{
  -moz-border-radius-topright:      2px;
  -webkit-border-top-right-radius:   2px;
  border-top-right-radius:           2px;
  -moz-border-radius-bottomright:      2px;
  -webkit-border-bottom-right-radius:   2px;
  border-bottom-right-radius:           2px;
}


.widetoolbar .dock-left>i
{
  -moz-border-radius-topleft:      0;
  -webkit-border-top-left-radius:   0;
  border-top-left-radius:           0;
  -moz-border-radius-bottomleft:      0;
  -webkit-border-bottom-left-radius:   0;
  border-bottom-left-radius:           0;

}

.widetoolbar .dock-right>i
{
  -moz-border-radius-topright:      0;
  -webkit-border-top-right-radius:   0;
  border-top-right-radius:           0;
  -moz-border-radius-bottomright:      0;
  -webkit-border-bottom-right-radius:   0;
  border-bottom-right-radius:           0;
}


.widetoolbar .button>i:hover  
{
  /*background:            white url(../core/resources/graphic/buttonbg_h.png) 0 0 repeat-x; */
  background:           -moz-linear-gradient(0% 170% 90deg, #b8b8b8, white);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#b8b8b8));
  border-color:          #99ccff;
  color:                 #333333; 
}

.widetoolbar .button>i:active
{
  position:              relative;
  top:                   -1px;
  left:                  1px;
  background-position:   0 -25px;
  /*background:            white url(../core/resources/graphic/buttonbg_a.png) 0 0 repeat-x; */
  background:           -moz-linear-gradient(0% 170% 90deg, white, #dedede);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));
  border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
  color:                 #1a1a1a;
  text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5);
}



.widetoolbar .active>i
{
  background-position:   0 -25px;
  /*background:            white url(../core/resources/graphic/buttonbg_a.png) 0 0 repeat-x; */
  background:           -moz-linear-gradient(0% 170% 90deg, white, #dedede);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));
  border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
  color:                 #1a1a1a;
  text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5);
}





.widetoolbar .disabled>i, 
.widetoolbar .disabled>i:active, 
.widetoolbar .disabled>i:focus, 
.widetoolbar .disabled>i:hover
{
  cursor:                 default;
  opacity:                0.15;
	-moz-opacity:           0.15;
  filter:                 alpha(opacity=15);
  background:             #eaeaea;
  border-color:           #ccc #999 #999 #ccc;
  position:               relative;
  top:                    0;
  left:                   0;
  color:                  #5f5f5f;

}



.widetoolbar ul.buttongroup
{
  list-style:none; 
  display: inline-block; 
  float:left;
  margin:0;
  padding:0 
}


.widetoolbar ul.buttongroup>li.button
{
  display:inline-block;
  float:left;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  margin:4px 0 0 0;
}

.widetoolbar ul.buttongroup>li.button span
{
  /*margin:0;
  padding:0;*/
}


.widetoolbar ul.buttongroup li.button>i 
{

  background:              white url(../core/resources/graphic/buttonbg.png) 0 0 repeat-x; 
  background:             -moz-linear-gradient(0% 170% 90deg, #c4c4c4, white);
  background:             -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#c4c4c4));
  border:                  1px solid;
  border-color:            #e6e6e6 #cccccc #cccccc #e6e6e6;
  color:                   #404040;
  display:                 inline-block;  
  font-size:               17px;
  outline:                 0;
  /*padding:                 5px 2px;*/
  text-decoration:         none;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
  text-align:left;
  opacity:      0.8;
	-moz-opacity: 0.8;
  filter:       alpha(opacity=80);  
}

.widetoolbar ul.buttongroup li.button:first-child>i
{
  -moz-border-radius-topleft:      2px;
  -webkit-border-top-left-radius:   2px;
  border-top-left-radius:           2px;
  -moz-border-radius-bottomleft:      2px;
  -webkit-border-bottom-left-radius:   2px;
  border-bottom-left-radius:           2px;
}

.widetoolbar ul.buttongroup li.button:last-child>i
{
  -moz-border-radius-topright:      2px;
  -webkit-border-top-right-radius:   2px;
  border-top-right-radius:           2px;
  -moz-border-radius-bottomright:      2px;
  -webkit-border-bottom-right-radius:   2px;
  border-bottom-right-radius:           2px;
}



.widetoolbar ul.buttongroup li.button>i:hover  
{
  background:            white url(../core/resources/graphic/buttonbg_h.png) 0 0 repeat-x; 
  background:           -moz-linear-gradient(0% 170% 90deg, #b8b8b8, white);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(white), to(#b8b8b8));
  border-color:          #99ccff;
  /*color:                 #333333; */
}

.widetoolbar ul.buttongroup li.button>i:active 
{
  position:              relative;
  top:                   -1px;
  left: 1px;

}

.widetoolbar ul.buttongroup li.button>i:active
{
  background-position:   0 -25px;
  background:            white url(../core/resources/graphic/buttonbg_a.png) 0 0 repeat-x; 
  background:           -moz-linear-gradient(0% 170% 90deg, white, #dedede);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));
  border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
  /*color:                 #1a1a1a;*/
  text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5);
}




.widetoolbar ul.buttongroup li.button.active>i
{
  background-position:   0 -25px;
  background:            white url(../core/resources/graphic/buttonbg_a.png) 0 0 repeat-x; 
  background:           -moz-linear-gradient(0% 170% 90deg, white, #dedede);
  background:           -webkit-gradient(linear, 0% 0%, 0% 170%, from(#dedede), to(white));
  border-color:          #8fc7ff #94c9ff #94c9ff #8fc7ff;
  color:                 #1a1a1a;
  text-shadow:           1px -1px 0 rgba(255, 255, 255, 0.5);
}



.widetoolbar ul.buttongroup li.disabled>i, 
.widetoolbar ul.buttongroup li.disabled>i:active, 
.widetoolbar ul.buttongroup li.disabled>i:focus, 
.widetoolbar ul.buttongroup li.disabled>i:hover
{
  cursor: default;
  opacity:      0.15;
	-moz-opacity: 0.15;
  filter:       alpha(opacity=15);
  background: #eaeaea;
  border-color: #ccc #999 #999 #ccc;
  position: relative;
  top: 0;
  left: 0;
  color: #5f5f5f;
  
}

.widetoolbar ul.buttongroup li.activebutton>i
{
  color: #ff0000;
}

.widetoolbar input, .widetoolbar select
{  
  font-size:               12px;
}

.widetoolbar div.datefield
{
  font-size:               12px;
  margin: 2px 0 0 0;
  padding: 2px 2px 0px 3px;
  height: 18px;
} 

.widetoolbar div.datefield span.datefield_caption
{
  display:inline-block;
  float:left;
  color:                   #404040;
  font-size:               13px;
  padding:                 2px 2px 3px 3px;
  text-shadow:             1px 1px 0 white; 
  white-space:             nowrap;
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  margin:0;
  cursor: default;  
}

.widetoolbar ul.menu
{
  display: block; 
  position: absolute; 
  list-style: none; 
  padding: 0;
  margin:0;
  display: none;
  background: #ededed;
  border: 1px solid;
  border-color:            #e6e6e6 #cccccc #cccccc #e6e6e6;
}

.widetoolbar ul.menu li.menuitem
{
  /*display:inline-block;*/
  user-select:none;
  -moz-user-select:none;
  -webkit-user-select:none;
  padding: 0;
  padding: 1px 2px;
  white-space: nowrap;  
  color: #444;
}

/*.widetoolbar ul.menu li.menuitem:hover, */
.widetoolbar ul.menu li.menuitem:active
{
  background-color: #f6f6f6;
}

.widetoolbar ul.menu li.menuitem, .widetoolbar ul.menu li.menuitem.disabled
{
  /*background: #ddd;*/
}

.widetoolbar ul.menu li.menuitem>i
{
  /*display: inline-block;*/
  font-style: normal;
  font-size: 17px;
  /*background: #eee;  */
}

.widetoolbar ul.menu li.menuitem>i>span
{
  padding: 5px;
}

.widetoolbar ul.menu li.menuitem>i>span>span
{
  padding: 5px;
}

/****************************************** end of widetoolbar ****************************************************/

.subribbon
{
  background-color: #f6f6f6;
  padding:2px 0;
  margin: 2px 0;
}

/**/