/*============================common buttons layout styles===============================*/
.button, .buttonImportant, .buttonActivated {
	border-left:   solid 1px #DEDCDC;
	border-top:    solid 1px #DEDCDC;
	border-right:  solid 2px #DEDCDC;
	border-bottom: solid 2px #DEDCDC;
    font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
    /*height:20px;*/
    line-height:125%;
    /*  *line-height:13px;*/
    cursor: pointer;
    text-align: center;
    padding:0px 3px 2px;
    overflow: visible;
    white-space:nowrap;
    vertical-align:middle;
    margin:0;
}

 .button{ line-height:15px\9;*line-height:125%;  padding:0px 6px\9 2px;  *padding:0px 5px 2px;  } /*ie8 hack ))
/*======================individual buttons colors and backgrounds=======================*/
.button {
	color: #FFFFFF;
    background: url(/images/buttonBg.gif) #7E7E7E no-repeat right 1px;
}
.clearUlstyle {  padding:0px 3px 2px !important; margin:0 10px 0 0}
.buttonImportant {
	color: #FFFFFF;
    background: url(/images/buttonImportantBg.gif) #D32A2A no-repeat right 1px;
}
.buttonActivated {
	color: #313231;
    background: url(/images/buttonActivatedBg.gif) #FDDE44 no-repeat right 1px;
}

.inactive {
    color: #F2F2F2;
    background: url(/images/buttonBgNA.gif) #BEBEBE no-repeat right 1px;
}
/*============================common E-buttons layout styles===============================*/
.ebutton, .ebuttonImportant, .ebuttonSelected, .ebuttonDark, .ebuttonpopup, .ebuttonpopupImportant {
  /*  height:22px;  */
    cursor: pointer;
    text-align: center;
}
.ebutton, .ebuttonDark, .ebuttonpopup {
    /*font: normal 12px Verdana, Tahoma, Arial, Helvetica, sans-serif; */
    color: #000000;
     font: bold 11px Tahoma, Arial, Verdana, Helvetica, sans-serif;
    /*height:21px; */
    line-height:14px;
    *line-height:12px;
     padding:0px 3px 2px;
    overflow: visible;
    white-space:nowrap;
}
.ebuttonImportant, .ebuttonSelected, .ebuttonpopupImportant {
    font: bold 12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
    color: #336699;
}

/*======================individual E-buttons colors and backgrounds=======================*/
.ebutton, .ebuttonpopup {
	border-left:   solid 1px #E6E6E6;
	border-top:    solid 1px #ECECEC;
	border-right:  solid 2px #DBDBDB;
	border-bottom: solid 2px #CACACA;
    background: url(/images/ebuttonBg.gif) #E9E9E9 no-repeat right 1px;
}

.ebuttonImportant, .ebuttonpopupImportant {
	border-left:   solid 1px #E6E6E6;
	border-top:    solid 1px #ECECEC;
	border-right:  solid 2px #C4C6DE;
	border-bottom: solid 2px #B3B6D4;
    background: url(/images/ebuttonImportantBg.gif) #D32A2A no-repeat right 1px;
}

.ebuttonSelected {
	border-left:   solid 1px #D7D7D7;                         
	border-top:    solid 1px #D5D5D5;
	border-right:  solid 1px #CFCFCF;
	border-bottom: solid 1px #CDCDCD;
    background: url(/images/ebuttonSelectedBg.gif) #FDDE44 no-repeat right 1px;
}
.ebuttonDark {
	border-left:   solid 1px #D0D0D0;
	border-top:    solid 1px #D0D0D0;
	border-right:  solid 2px #9C9C9C;
	border-bottom: solid 2px #747474;
    background: url(/images/ebuttonDarkBg.gif) #FFFFFF no-repeat right 1px;
}

.ebuttonpopup, .ebuttonpopupImportant {
    width:125px;
}


/*============================mozilla and opera layout hacks========================*/
/*html>body .button, html>body .buttonImportant, html>body .buttonActivated,
html>body .ebutton, html>body .ebuttonImportant, html>body .ebuttonSelected, html>body .ebuttonDark {
	white-space: nowrap;
    height:auto;
    padding-bottom:2px;
}
html>body .button, html>body .buttonImportant, html>body .buttonActivated {
    max-height:20px;
}
html>body .ebutton, html>body .ebuttonImportant, html>body .ebuttonSelected, html>body .ebuttonDark {
    max-height:21px;
}
   */
/*============================ie6 hack to make width fit text========================*/
/**html body .button, *html body .buttonImportant, *html body .buttonActivated,
*html body .ebutton, *html body .ebuttonImportant, *html body .ebuttonSelected, *html body .ebuttonDark{
    overflow:visible; padding:0px .25em;
    width:1px;
}
 */
/*============================ie7 hack to make width fit text========================*/
/**:first-child+html .button, *:first-child+html .buttonImportant, *:first-child+html .buttonActivated,
*:first-child+html .ebutton, *:first-child+html .ebuttonImportant, *:first-child+html .ebuttonSelected, *:first-child+html .ebuttonDark{
    overflow:visible;
    padding-left:.25em;
    padding-right:.25em;
    padding-bottom:0px;
    height:21px;
}  */
/*========================opera hack to make padding on the edges===================*/
/*@media all and (min-width: 0px){
   html>body .button, html>body .buttonImportant, html>body .buttonActivated,
   html>body .ebutton, html>body .ebuttonImportant, html>body .ebuttonSelected, html>body .ebuttonDark {
       padding-left:.25em;
       padding-right:.25em;
   }
}    */

/*=================================button images layout==============================*/
.button img, .buttonImportant img, .buttonActivated img,
.ebutton img, .ebuttonImportant img, .ebuttonSelected img, .ebuttonDark img {
	 vertical-align:text-bottom;
     *vertical-align: bottom;
    padding:3px 0 2px;
}



#divColumnForButton  .ebutton  { padding:0}
 #divColumnForButton  .ebutton img {margin:0; padding:0}
 .eSSDIVabsoluteText  .ebutton { *padding: 2px 0 1px}




/*html>body .button img, html>body .buttonImportant img, html>body .buttonActivated img  {
	vertical-align: baseline
}
html>body .ebutton img, html>body .ebuttonImportant img, html>body .ebuttonSelected img, html>body .ebuttonDark img {
	vertical-align: text-top;
    margin-bottom:-1px;
    margin-top:0px
}

  */
/*====================================================================================*/
.buttonLight {
    width:122px;
    height:17px;
    border:none;
    background: url(/images/buttonLightBg.gif) #FFFFFF no-repeat;
    font: normal 11px/11px Tahoma, Arial, Verdana;
    color: #646464;
    cursor: pointer;
}

/*html>body .buttonLight {padding-bottom:2px} */

.buttonArrowDown {
    width:107px;
    height:17px;
    border:none;
    background: url(/images/buttonArrowDown.gif) #FFFFFF no-repeat;
    font: normal 11px/11px Tahoma, Arial, Verdana;
    color: #646464;
    cursor: pointer;
    padding-right:12px;
    text-align:center;
}

html>body .buttonArrowDown {padding-bottom:2px}
.buttonArrowDownOver {
    width:107px;
    height:17px;
    border:none;
    background: url(/images/buttonArrowDownOver.gif) #FFFFFF no-repeat;
    font: normal 11px/11px Tahoma, Arial, Verdana;
    color: #646464;
    cursor: pointer;
    padding-right:12px;
    padding-top:2px;
    text-align:center;
}

html>body .buttonArrowDownOver {padding-bottom:2px; padding-top:0px}

.buttonDisabled /**/ {
    background:#CFE1FD;
    border:solid 1px #A6C5FC;
    font: normal 11px/11px Tahoma, Arial, Verdana;
    color: #376798;
}

div.abutton {
	display:block;
	float:left;
	height:15px;
	cursor: pointer;
	border-left:solid 1px #DEDCDC;
	border-top:solid 1px #DEDCDC;
	border-right:solid 2px #DEDCDC;
	border-bottom:solid 2px #DEDCDC;
	padding:1px;
	background:#FFFFFF;
}

div.abutton a:link, div.abutton a:visited {
	display:block;
	float:left;
	font: bold 12px Tahoma, Arial, Verdana;
	color: #FFFFFF;
    background: url(/images/buttonBg.gif) #FFFFFF no-repeat right top;
	height:15px;
	text-decoration: none;
	padding:0px 2px;
	text-align:center;
	white-space:nowrap;
}

* html body div.abutton a:link, * html body div.abutton a:visited {
	background-position: right 1px;
}

div.abutton a img { vertical-align: middle}

div.abuttonsm {
	display:block;
	float:left;
	height:12px;
	cursor: pointer;
	border-left:solid 1px #DEDCDC;
	border-top:solid 1px #DEDCDC;
	border-right:solid 2px #DEDCDC;
	border-bottom:solid 2px #DEDCDC;
	padding:1px;
	background:#FFFFFF;
}

div.abuttonsm a:link, div.abuttonsm a:visited {
	display:block;
	float:left;
	font: bold 8px Tahoma, Arial, Verdana;
	color: #FFFFFF;
    background: url(/images/buttonBg.gif) #FFFFFF no-repeat right top;
	height:12px;
	text-decoration: none;
	padding:0px 2px;                                                             
	text-align:center;
	white-space:nowrap;
}

* html body div.abuttonsm a:link, * html body div.abuttonsm a:visited {
	background-position: right 1px;  font-size:10px
}

div.abuttonsm a img { vertical-align: middle}

/*============================other===============================*/
*html body .bContainer button {margin-left:4px}

.lefttext {text-align:left; padding-left:3px}


/*============================other===============================*/
*html body .bContainer button {margin-left:4px}

.lefttext {text-align:left; padding-left:3px}

.ui-dialog .button {padding:0 3px 2px !important; margin:0 2px !important}
#windowContainer input {vertical-align:middle;}


    
/* repotr navigation  styles */
#DivMainBottomMenuNavigation .BodyText, #DivMainBottomMenuNavigation  { padding:5px 0 2px 5px}
#DivMainTopMenuNavigation  .BodyText, #DivMainTopMenuNavigation { padding:5px 0 2px 5px}


.buttonKub, .buttonKubPrint {margin:0 2px; *margin:0 0px; height:20px; vertical-align:middle; }
.buttonKubPrint { margin:0;   *height:21px; overflow:hidden;}
.buttonKubPrint b {display:block; width:10px; height:14px;  vertical-align:middle;  background:url(/images/icoPrint.gif)  no-repeat 0  1px;   }
.activeN .buttonKubPrint { height:19px; }