input[type="button"]
{
    color: white;
    font-weight: bold;
    font-size: 12px;
    font-family: helvetica, arial, verdana, sans-serif;
}

input[type="button"]:disabled
{
  border-color: #ADD2ED;
  background-image: none;
  background-color: #ADD2ED;
}

input[type="button"]:hover
{
  border-color: #157fcc;
  background-image: none;
  background-color: #3386c2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4792c8), color-stop(50%, #3386c2), color-stop(51%, #307fb8), color-stop(100%, #3386c2));
  background-image: -webkit-linear-gradient(top, #4792c8, #3386c2 50%, #307fb8 51%, #3386c2);
  background-image: -moz-linear-gradient(top, #4792c8, #3386c2 50%, #307fb8 51%, #3386c2);
  background-image: -o-linear-gradient(top, #4792c8, #3386c2 50%, #307fb8 51%, #3386c2);
  background-image: linear-gradient(top, #4792c8, #3386c2 50%, #307fb8 51%, #3386c2);
}

input[type="button"]:active
{  border-color: #157fcc;
  background-image: none;
  background-color: #2a6d9e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a6d9e), color-stop(50%, #276796), color-stop(51%, #2a6d9e), color-stop(100%, #3f7ba7));
  background-image: -webkit-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: -moz-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: -o-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
}

.head_panel_text
{
    font-size: 18px;    
    font-family: 'Segoe UI',Tahoma,Helvetica,Sans-Serif;
    color:#023c73;
}


.input_error
{

    color:#444;
    background:#fff url(../scripts/ext/resources/images/default/form/text-bg.gif) repeat-x 0 0;
    border:1px solid red !important;
}

.readonly, :disabled
{
    font-family :Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    color:#888;
    padding:2px 1px 2px 1px;
    border: 1px solid #cde;
}


input[type="button"]:disabled
{
border-color: #157fcc;
  background-image: none;
  background-color: #2a6d9e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a6d9e), color-stop(50%, #276796), color-stop(51%, #2a6d9e), color-stop(100%, #3f7ba7));
  background-image: -webkit-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: -moz-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: -o-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
}

.clickable:hover{
    color: white;
    font-family: helvetica, arial, verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
  border-color: #157fcc;
  background-image: none;
  background-color: #3386c2;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4792c8), color-stop(50%, #3386c2), color-stop(51%, #307fb8), color-stop(100%, #3386c2));
  background-image: -webkit-linear-gradient(top, #4792c8, #3386c2 50%, #307fb8 51%, #3386c2);
  background-image: -moz-linear-gradient(top, #4792c8, #3386c2 50%, #307fb8 51%, #3386c2);
  background-image: -o-linear-gradient(top, #4792c8, #3386c2 50%, #307fb8 51%, #3386c2);
  background-image: linear-gradient(top, #4792c8, #3386c2 50%, #307fb8 51%, #3386c2);
}

.clickable:active{
    border-color: #157fcc;
  background-image: none;
  background-color: #2a6d9e;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #2a6d9e), color-stop(50%, #276796), color-stop(51%, #2a6d9e), color-stop(100%, #3f7ba7));
  background-image: -webkit-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: -moz-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: -o-linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
  background-image: linear-gradient(top, #2a6d9e, #276796 50%, #2a6d9e 51%, #3f7ba7);
}

/* http://www.extjs.com/forum/showthread.php?38627-TabPanel-inside-html-lt-table-gt-stetches-mega-far */
.auto-width-tab-strip ul.x-tab-strip {
    width: auto;
}