/* 
    Document   : ${name}
    Created on : ${date}, ${time}
    Author     : ${user}
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

.mouseScrollHorizontal {

    width: 100%;
    height: auto;
    overflow-x: scroll;
    overflow-y: hidden;
    overflow: -moz-scrollbars-horizontal;
    /*overflow : visible;*/
}

table {
    font-family: sans-serif;
    font-size: x-small;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 0px;
    vertical-align: top;
    width: 100%;
    border: 0px solid red
}

table.model {
    border-collapse: collapse;
    border-spacing: 1px;
    color: #250517;
    font: normal 100%/150% geneva, arial, helvetical, sans-serif;
    font-weight: normal;
    line-height: normal;
    overflow: auto;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

table.model tr th {
    background: #3b5998;
    border: 1px solid white;
    color: #FFFFFF;
    font: normal 80%/90% sans-serif;
    font-size: 10px;
    font-weight: bold;
    line-height: normal;
    padding: 4px 4px 4px 4px;
    text-align: center;
}

table.model tr td {
    background: #F0F9FF;
    border: 1px solid white;
    border-bottom: 0px;
    border-spacing: 2px;
    border-width: 1px 1px;
    font-family: arial, serif;
    font-size: 10px;
    line-height: auto;
    padding: 4px 4px 4px 4px;
    text-align: left;
}

table.model th a,table.model tr th a:hover {
    color: #FFFFFF;
    font-size: 10px;
    font-weight: bold;
}

table.model tr.odd td {
    /*background-color: #BDBCF4;*/
    background-color: #FFFFFF;
}

table.model tr.even td {
    background-color: #EDECFF;
}

table.model tr:hover td {
    background-color: #ECC2FF;
    cursor: pointer;
}

table.model tr td.middle {
    text-align: center;
}

table.model th.sortable a {
    background-image: url(../image/arrow_off.png);
    background-repeat: no-repeat;
}

table.model th.order1 a {
    background-image: url(../image/arrow_down.png);
    background-repeat: no-repeat;
}

table.model th.order2 a {
    background-image: url(../image/arrow_up.png);
    background-repeat: no-repeat;
}

table.model th.order1 sorted {
    background-color: #FEF9ED;
}

th.sorted a, th.sortable a {
    background-position: right;
    display: block;
}

table.model tr td.view {
    text-align: center;
    width: 2%;
}

span.pagelinks {


    text-align: right;
    width: 100%;
    font: bold 9px arial, sans-serif, geneva, helvetical;
    line-height: normal;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    background-color: #FEF9ED;
    color: #152B76;

}

div.pagelinks {

    text-align: right;
    width: 100%;
    font: bold 9px arial, sans-serif, geneva, helvetical;
    line-height: normal;
    padding: 4px 0px 4px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px solid red;
    background-color: #FEF9ED;
    color: #152B76;

}

table.model tr td.right {
    text-align: right;
}

table.model tr th.right {
    text-align: right;
}

table.model tr.total td, tr.subtotal td {
    background-color:#EEEEEE;
    font-weight:bold;
}

table.model tr td.top {
    vertical-align: top;
}

table.model tr th.top {
    vertical-align: top;
}

table.model tr td.yellowHighlight{

    background-color: #F4FA58;
}

table.model tr:hover td.yellowHighlight{
    background-color: #ECC2FF;
    cursor: pointer;
}