.ui-datatable{
    font-size: smaller;
}
.ui-datatable .ui-column-filter {
    display:block;
    margin:auto;
    width:100%;
}
.ui-panelgrid td, .ui-panelgrid tr
{
    border-style: none !important
}

.gridBorderNone tr, .gridBorderNone td {
    border: none;
}

.five-percent{
    width: 5%;
}

.ten-percent{
    width: 10%;
}

.fifteen-percent{
    width: 15%;
}

.twenty-percent{
    width: 20%;
}

.twenty-five-percent {
    width: 25%;
}

.thirty-percent{
    width: 30%;
}

.thirty-five-percent{
    width: 35%;
}

.forty-percent {
    width: 40%;
}

.fifty-percent {
    width: 50%;
}

.fifty-five-percent {
    width: 55%;
}

.sixty-percent {
    width: 60%;
}

.eighty-percent {
    width: 80%;
}

.eighty-five-percent {
    width: 85%;
}

.ninety-percent {
    width: 90%;
}

.right_alignment {
    text-align: right;
}

.top-alignment {
    vertical-align: top;
}

.top-alignment td{
    vertical-align: top;
}

.middle-alignment td{
    vertical-align: middle;
}

.styleTableDiff
{
    color: #000000;
    background:#d7e9fc;
}

.ui-tabs-left .ui-tabs-nav {
    width:15% !important;
}

.ui-tabs-left  .ui-tabs-panels {
    height:100% !important;
    float:right !important;
    width:84% !important;
}

.ui-layout-north {
    z-index:20 !important;
    overflow:visible !important;;
}

.ui-layout-north .ui-layout-unit-content {
    overflow:visible !important;
}

.statusAction1ColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #006699;
    border-color:#0078ff;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;
}

.statusAction1ColoredButton .ui-button-text {
    color: #ffffff;
    background: #009900;
    border-color:#008200;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;
}

.statusAction2ColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #ff6600;
    border-color:#9F6000;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;
}

.statusActionRedColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #D8000C;
    border-color:#ffffff;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;
}


.ui-panel .ui-panel-footer{
    background:#FFFFFF;
}

.company2ColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #0066cc;
    border-color:#0078ff;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;

    background: #0073b7 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #0073b7), color-stop(1, #0089db)) !important;
    background: -ms-linear-gradient(bottom, #0073b7, #0089db) !important;
    background: -moz-linear-gradient(center bottom, #0073b7 0%, #0089db 100%) !important;
    background: -o-linear-gradient(#0089db, #0073b7) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089db', endColorstr='#0073b7', GradientType=0) !important;
    color: #fff;
}

.company3ColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #ff1493;
    border-color:#0078ff;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;

    background: #00a65a !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #00a65a), color-stop(1, #00ca6d)) !important;
    background: -ms-linear-gradient(bottom, #00a65a, #00ca6d) !important;
    background: -moz-linear-gradient(center bottom, #00a65a 0%, #00ca6d 100%) !important;
    background: -o-linear-gradient(#00ca6d, #00a65a) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ca6d', endColorstr='#00a65a', GradientType=0) !important;
    color: #fff;
}

.company4ColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #CC0000;
    border-color:#0078ff;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;

    background: #605ca8 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #605ca8), color-stop(1, #9491c4)) !important;
    background: -ms-linear-gradient(bottom, #605ca8, #9491c4) !important;
    background: -moz-linear-gradient(center bottom, #605ca8 0%, #9491c4 100%) !important;
    background: -o-linear-gradient(#9491c4, #605ca8) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9491c4', endColorstr='#605ca8', GradientType=0) !important;
    color: #fff;
}

.company5ColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #ff6600;
    border-color:#0078ff;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;

    background: #f39c12 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #f39c12), color-stop(1, #f7bc60)) !important;
    background: -ms-linear-gradient(bottom, #f39c12, #f7bc60) !important;
    background: -moz-linear-gradient(center bottom, #f39c12 0%, #f7bc60 100%) !important;
    background: -o-linear-gradient(#f7bc60, #f39c12) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7bc60', endColorstr='#f39c12', GradientType=0) !important;
    color: #fff;
}

.company6ColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #008200;
    border-color:#0078ff;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;

    background: #dd4b39 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #dd4b39), color-stop(1, #e47365)) !important;
    background: -ms-linear-gradient(bottom, #dd4b39, #e47365) !important;
    background: -moz-linear-gradient(center bottom, #dd4b39 0%, #e47365 100%) !important;
    background: -o-linear-gradient(#e47365, #dd4b39) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e47365', endColorstr='#dd4b39', GradientType=0) !important;
    color: #fff;
}

.company7ColoredPanel .ui-panel-titlebar {
    color: #ffffff;
    background: #aa7700;
    border-color:#0078ff;
    border-style:solid;
    border-width:0 1px;
    margin:0 -1px;

    background: #d81b60 !important;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #d81b60), color-stop(1, #e73f7c)) !important;
    background: -ms-linear-gradient(bottom, #d81b60, #e73f7c) !important;
    background: -moz-linear-gradient(center bottom, #d81b60 0%, #e73f7c 100%) !important;
    background: -o-linear-gradient(#e73f7c, #d81b60) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e73f7c', endColorstr='#d81b60', GradientType=0) !important;
    color: #fff;
}

input[readonly] {
    background-color: #fff;
    /* any other styles */
}

.ui-fileupload-buttonbar {
    overflow:hidden;
}

.voffset  { margin-top: 2px; }
.voffset1 { margin-top: 5px; }
.voffset2 { margin-top: 10px; }
.voffset3 { margin-top: 15px; }
.voffset4 { margin-top: 30px; }
.voffset5 { margin-top: 40px; }
.voffset6 { margin-top: 60px; }
.voffset7 { margin-top: 80px; }
.voffset8 { margin-top: 100px; }
.voffset9 { margin-top: 150px; }