body {
}

.grid { BORDER-COLLAPSE: collapse; /*margin-left: 10px! important;*/}
.grid thead th { COLOR: #fff! important; border: 1px solid black}
.grid tfoot td {border: 1px solid black;}
.grid tbody td {border: 1px solid black; vertical-align: middle;}
.grid_alternating td {BACKGROUND-COLOR: #ccc; }
.grid_white_row td
{
    background-color: white;
}
.grid_black_row td
{
    background-color: black;
}
.grid_changed_row
{
    background-color: khaki;
}

.grid_done_row
{
    background-color: lemonchiffon;
}

.grid_extrainfo_row
{
    background-color: mintcream;
}

.grid tbody tr.selected td
{
    background-color: #238DE4 !important;
    color: white !important;
}

.grid tbody tr.approve-error td
{
    background-color: #FFC8C8;
    /*color: white;*/
}

.grid tbody tr.gateway-error td
{
    background-color: #B3B3B3;
    /*color: white;*/
}

.detail-footer td
{
    background-color: #ccc !important;
}

#content table {margin-left: 3px;}

.validation-summary-errors ul li
{ color: Red;}

.labelleft
{
    clear: left;
    display: block !important;
    float: left;
    margin: 0 0 0 10px !important;
    padding-right: 5px; 
    text-align: left !important;
    vertical-align: top;
    width: 175px    
}

.close-image
{
    display: block;
    float: right;
    position: relative;
    height: 15px;
}

.bold 
{
    font-weight: bold;
}

input {float: none !important} /*overrides a global.css float style*/

fieldset { 
    position: relative; 
    padding:15px 11px 13px 11px;     
    margin-bottom: 30px; 
    background: #F6F6F6; 
    -webkit-border-radius: 8px; 
    -moz-border-radius: 8px; 
    border-radius: 8px;     
    background: -webkit-gradient(linear, left top, left bottom, from(#EEEEEE), to(#FFFFFF)); 
    background: -moz-linear-gradient(center top, #EFEFEF, #FFFFFF 100%); 
    background: linear-gradient(to bottom, #EFEFEF, #FFFFFF 100%);
    position: relative;
}


fieldset.nobackgrd
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;       
    border-radius: 10px;    
    padding:15px 11px 13px 11px;
    background: none;
}

legend
{
    position: absolute;
    top: 0;
}

legend span
{
    border: none;
    border-bottom: none;
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EEEEEE)); 
    background: -moz-linear-gradient(center top, #FFFFFF, #EFEFEF 100%); 
    background: linear-gradient(to bottom, #FFFFFF, #EFEFEF 100%);
    position: absolute;
    white-space: nowrap;
    left: -3px;
    top: -9px;
}

legend span.nobackgrd
{
    border: none;
    border-bottom: none;
    background: white; 
    position: absolute;
    white-space: nowrap;
    left: -3px;
    top: -9px;
}

.required label:before
{
    content: "* ";
    font-weight: bold;
    color: red; 
}

.grid 
{
    width: 98%;
}

.search-button {
    background: url("Content/images/magnifier.png") no-repeat;
    padding-left: 14px;
}

/*MVC Default Form Styles Fix*/
.editor-label label
{
    width: 130px !important;
}

.close-reveal-modal {
    text-decoration: none !important;
}

#RefundSubmittedMessage {
    background:url('Content/images/check.png') no-repeat;
    padding: 5px 5px 5px 22px;
    background-position: left center;
    background-position:3px;
    text-align: left;
    font-weight:bold;
    color: green;
    border: 1px solid green;
    background-color: lightgreen;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    margin-top: 5px;
}

#ViewMessage {
    background:url('Content/images/check.png') no-repeat;
    padding: 5px 5px 5px 22px;
    background-position: left center;
    background-position:3px;
    text-align: left;
    font-weight:bold;
    color: green;
    border: 1px solid green;
    background-color: lightgreen;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    margin-top: 5px;
}

.eraider-button {
    margin: 7px 0px 0px 7px;
}

caption { 
    font-size: 17px; 
    margin-bottom: 5px; 
    text-align: left;
}

#button-delete {
    background: url("Content/images/cross.png") no-repeat;
    padding: 0px 0px 2px 14px;
}

#button-addrow {
    background: url("Content/images/add.png") no-repeat;
    padding: 0px 0px 2px 14px;
    background-color: rgb(235, 235, 235);
}

#button-return {
    background: url("Content/images/arrow_undo.png") no-repeat;
    padding: 0px 0px 2px 14px;
}

#button-approve {
    background: url("Content/images/tick.png") no-repeat;
    padding: 0px 0px 2px 14px;
}

#button-save {
    background: url("Content/images/disk.png") no-repeat;
    padding: 0px 0px 2px 14px;
}

#button-container{
    background-color: #EDEDED; 
    width: 350px; 
    margin: 5px 0px; 
    padding: 10px;
    border: 1px solid gray;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#vendor-search-button {
    vertical-align: top;
    margin-left: 2px;
    cursor: pointer;
}

.buttons-container {
    text-align: center;
    margin-top: 10px;
}

#submit-container {
    width: 95%;
    margin: 10px auto 15px !important;
    /*text-align: center;*/
}

.submit-column {
    float: left;   
    width: 30%;
}

td img{
    vertical-align: middle;
}

textarea {
    width: 123px;
}

.left{
    text-align: left;
}

.left-i{
    text-align: left !important;
}

.reveal-modal{
    width: 900px;
    left: 50%;
    top: 15%;
}

.comment-approver {
    background-color: lightgray;
    padding: 3px 0px 2px;
}

#tblSubmittedToday {
    margin-bottom: 100px;
}

#processing {
    margin: 0px auto;
    text-align:center;
    background-color: white;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    border: 1px solid #cc0000;

    padding: 5px;
    width: auto;
}

#processing img {
    vertical-align: middle;
}

.error {
    color: red;
}

.center {
    margin: 0px auto;
    text-align: center;
}

.right 
{
    text-align: right !important;
}

.test-mode {
    font-size: 16px; 
    text-align: center; 
    color: red; 
    margin: 10px 5px 0px; 
    border: 1px solid red; 
    background: white; 
    padding: 5px;    
}