@charset "UTF-8";

body
{
    font-family: 'Roboto', sans-serif;
    margin: 0px auto;
}

.ui-fluid .ui-button
{
    width: inherit !important;
}

/********************************* panel styles *******************************/

.button-grid-2 > tbody > tr > td
{
    /*text-align: center;*/
    width: 50%
}

.button-grid-3 > tbody > tr > td
{
    /*text-align: center;*/
    width: 33%
}

/********************************* table styles *******************************/


.button-column
{
    white-space: nowrap !important;
    text-align: center !important;
}

.button-column .ui-button
{
    width: 18px !important;
    height: 18px !important;
    margin-left: 1px !important;
    margin-right: 1px !important;
    vertical-align: middle !important;
}

.button-column-1
{
    width: 60px;
}

.button-column-2
{
    width: 90px;
}

.button-column-3
{
    width: 120px;
}

.button-column-4
{
    width: 150px;
}

.button-column-5
{
    width: 180px;
}

.button-column-6
{
    width: 210px;
}

.button-column-7
{
    width: 240px;
}

.button-column-8
{
    width: 270px;
}

/********************************* dialog styles ******************************/

.left-button-panel
{
    margin-top: 15px;
    min-width: 250px;
    overflow: hidden;
    text-align: left;
}

.center-button-panel
{
    margin-top: 15px;
    min-width: 250px;
    overflow: hidden;
    text-align: center;
}

.right-button-panel
{
    margin-top: 15px;
    min-width: 250px;
    overflow: hidden;
    text-align: right;
}

/********************************** icon styles *******************************/

.tree-icon
{
    margin: 0px 5px 0px 0px;
    vertical-align: -3px;
}

.link-icon
{
    margin-right: 4px;
    vertical-align: middle;
    border: 0px solid red;
}

.link-flag-icon
{
    margin-right: 4px;
    vertical-align: -2px;
    border: 0px solid red;
}

/********************************** link styles *******************************/

/*a:hover
{
    color: #DD7700;
}

 patch ugly IE link images: http://webdev-il.blogspot.de/2009/12/how-to-remove-blue-link-image-border-in.html
a img
{
    border: none;
}

a.selected
{
    font-weight: bold;
}

table a img
{
    margin-right: 3px;
    border: none;
    vertical-align: text-bottom;
}*/