@CHARSET "UTF-8";

div.content h2{
    display:none;
}

table.datagrid{
    border:1px solid #DDD;
    border-spacing:1px;
    width:100%;
    margin:0;
}

table.smalltable{
    width:auto;
    margin: 3px;
}

div.noData {
    float: left;
    margin-top: 50px;
    margin-left: 50px;
    font-weight:bolder;
    font-size: 18px;
    height: 150px;
}

div.dataBlock table {
    float: left;
}

div.clear {
    clear:both;
}

table.datagrid thead tr{
    background-color: #E0E0E0;
    font-weight:bold;
    text-shadow: #FFF 0 0 3px;
    min-height:16px;
}


table.datagrid tbody tr {
    background-color: #F0F0F0;
}

table.datagrid tbody tr:nth-child(2n):not(:first-of-type) {
    background-color: #E0E0E0
}

table.datagrid tbody tr.hover {
    background-color: #EEFFEE;
}

table.datagrid td{
    padding:1px 3px;
}

table.datagrid tbody td{
    border-top:1px solid #DDD;
}

table.datagrid td.filter{
    padding:0;
    margin:0;
    padding-top:1px;
    min-width: 50px;
}

table.datagrid td.filter div input{
    background:url('../img/form/search.gif') no-repeat;
    background-position: left top;
    margin-top:0;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:2px;
    padding-right:0;
    color:#333;
    font-style:normal;
    font-size:11px;
    border:0;
    height:15px;
    width: calc(100%  - 16px);
    width: -moz-calc(100%  - 16px);
    width: -webkit-calc(100% - 16px);
    float:left;
}

table.datagrid td.filter div.focus input{
    background-position: left center;
    color:#111;
}

table.datagrid td.filter div.select input {
    min-width: 25px;
}

table.datagrid td.filter div.filtered input{
    background-position: left bottom;
}

table.datagrid tr.sumrow{
    background-color: #E0E0E0;

}

table.datagrid tr.sumrow td{
    border-top:3px double #666;
    font-weight: bold;
}
table.datagrid td.filter div img{
    background:url('../img/form/search.gif') no-repeat;
    background-position: right top;
    width:15px;
    height:21px;
    margin:0;
    cursor:pointer;
}

table.datagrid td.filter div.focus img{
    background-position: right center;
}

table.datagrid td.filter div.filtered img{
    background-position: right bottom;
}

table.datagrid td.editable{
}

table.datagrid td.editable div.edit{
    display:none;
}

table.datagrid td.editable input{
    border:1px solid #CCCCCC;
}

table.datagrid td.edithover{
    background-color: #CCFFCC;
    cursor:pointer;
}

table.datagrid td.editstore{
    padding-left:16px;
}

table.datagrid td.sortClickable{
    cursor: pointer;
}

.messageBoxOverLayer {
    position:absolute;
    top:-3px;
    left:50%;
    transform: translate(-50%, 0);
}

.messageBoxOverLayer .message {
    box-shadow: 0 0 8px #666;
    border-radius:3px;
    position:relative;
    display:none;
    width:500px;
    margin:0 auto;
}

.ui-datepicker-trigger{
    border:none;
    background:none;
}