.datagrid table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
.datagrid {
    /*font: normal 12px/150% Geneva, Arial, Helvetica, sans-serif;*/
    background: #fff;
    overflow: hidden;
    border: 0 none;
    float: left;
    width: 100%;
}
.datagrid table td{
    padding: 10px 5px;
}
.datagrid table th {
    padding: 5px 5px;
}
.datagrid table thead{
    border: solid 1px #bd0316;
}
.datagrid table thead th {
    background:#ff0000;
    background:-o-linear-gradient(bottom, #ff0000 5%, #e43432 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ff0000), color-stop(1, #e43432) );
    background:-moz-linear-gradient( center top, #ff0000 5%, #e43432 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff0000", endColorstr="#e43432");
    background: -o-linear-gradient(top,#ff0000,e43432);

    color:#FFFFFF;
    font-size: 12px;
    font-weight: bold;
    border-left: solid 1px #FFF;
}
.datagrid table thead th:first-child {
    border: none;
}
.datagrid table thead th.min{
    background:-o-linear-gradient(bottom, #e5e5e5 5%, #cccccc 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e5e5e5), color-stop(1, #cccccc) );
    background:-moz-linear-gradient( center top, #e5e5e5 5%, #cccccc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e5e5e5", endColorstr="#cccccc");
    background: -o-linear-gradient(top,#e5e5e5,cccccc);
    background-color:#e5e5e5;
}
.datagrid table tbody{
    border: solid 1px #CCCCCC  ;
}
.datagrid table tbody td a{
    text-decoration: none;
    font-size: 11px;
    text-transform: uppercase;
}
.datagrid table tbody td a:hover{
    text-decoration: underline;
}
.datagrid table tbody td a.orderer{
    width: 32px;
    height: 32px;
    padding: 0;
    float: right;
    margin: 0;
}
.datagrid table tbody td a.icon{
    width: 18px;
    height: 18px;
    padding: 0;
    float: right;
    margin: 0;
}
.datagrid table tbody td a.orderer:hover, .datagrid table tbody td a.icon:hover{
    text-decoration: none;

}
.datagrid table tbody td a.orderer.up{
    float:left;
    background: transparent url('../images/up32.png') no-repeat center center;

}
.datagrid table tbody td a.orderer.down{
    background: transparent url('../images/down32.png') no-repeat center center;

}
.datagrid table tbody td a.icon.tick{
    background: transparent url('../images/tick32.png') no-repeat center center;
    background-size: 18px;
    -o-background-size: 18px;
}
.datagrid table tbody td a.icon.delete{
    background: transparent url('../images/delete32.png') no-repeat center center;
    background-size: 18px;
    -o-background-size: 18px;
}
.datagrid table tbody tr {
    color: #555555;
    font-size: 13px;
    font-weight: normal;
}
.datagrid table tbody td {
    border-left: 1px solid #AAAAAA;
}
.datagrid table tbody tr.alt{
    background: #F5F5F5;
    color: #555555;
}
.datagrid table tbody .alt td {

}
.datagrid table tbody td:first-child {
    border-left: none;
}
.datagrid table tbody tr:last-child td {
    border-bottom: none;
}
.datagrid table tfoot{
    border: solid 1px #AAAAAA  ;
    background: #FAFAFA;
}
.datagrid table tfoot td{
    border: solid 1px #AAAAAA  ;
}
.datagrid table tfoot td div {
    border-top: 1px solid #AAAAAA;
    background: #EEEEEE;
}
.datagrid table tfoot td {
    border-left: 1px solid #AAAAAA;
    font-size: 12px;
    font-weight: bold;
}
.datagrid table tfoot td div{
    padding: 2px;
}
.datagrid table tfoot td ul {
    margin: 0;
    padding:0;
    list-style: none;
    text-align: right;
}
.datagrid table tfoot  li {
    display: inline;
}
.datagrid table tfoot li a {
    text-decoration: none;
    display: inline-block;
    padding: 2px 8px;
    margin: 1px;
    color: #FFFFFF;
    border: 1px solid #FF8800;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF8800), color-stop(1, #FF8800) );
    background:-moz-linear-gradient( center top, #FF8800 5%, #FF8800 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF8800', endColorstr='#FF8800');
    background-color:#FF8800;
}
.datagrid table tfoot ul.active, .datagrid table tfoot ul a:hover {
    text-decoration: none;
    border-color: #FF8800;
    color: #FFFFFF;
    background: none;
    background-color:#A35700;
}
/********************************
*          EMAIL TABLE          *
********************************/
.emailTable {
    margin:0px;padding:0px;
    width:100%;
    border:1px solid #e5e5e5;

    -moz-border-radius-bottomleft:0px;
    -webkit-border-bottom-left-radius:0px;
    border-bottom-left-radius:0px;

    -moz-border-radius-bottomright:0px;
    -webkit-border-bottom-right-radius:0px;
    border-bottom-right-radius:0px;

    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;

    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}.emailTable table{
     border-collapse: collapse;
     border-spacing: 0;
     width:100%;
     height:100%;
     margin:0px;padding:0px;
 }.emailTable tr:last-child td:last-child {
      -moz-border-radius-bottomright:0px;
      -webkit-border-bottom-right-radius:0px;
      border-bottom-right-radius:0px;
  }
.emailTable table tr:first-child td:first-child {
    -moz-border-radius-topleft:0px;
    -webkit-border-top-left-radius:0px;
    border-top-left-radius:0px;
}
.emailTable table tr:first-child td:last-child {
    -moz-border-radius-topright:0px;
    -webkit-border-top-right-radius:0px;
    border-top-right-radius:0px;
}.emailTable tr:last-child td:first-child{
     -moz-border-radius-bottomleft:0px;
     -webkit-border-bottom-left-radius:0px;
     border-bottom-left-radius:0px;
 }.emailTable tr:hover td{

}
.emailTable tr:nth-child(odd){
    background-color:#ffffff;
}
.emailTable tr:nth-child(even)    {
    background-color:#f0f0f0;
}
.emailTable td{
    vertical-align:middle;
    border:1px solid #e5e5e5;
    border-width:0px 1px 1px 0px;
    text-align:left;
    padding:7px;
    font-size:10px;
    font-family:Arial;
    font-weight:normal;
    color:#000000;
}
.emailTable tr:last-child td{
    border-width:0px 1px 0px 0px;
}
.emailTable tr td:last-child{
    border-width:0px 0px 1px 0px;
}
.emailTable tr:last-child td:last-child{
    border-width:0px 0px 0px 0px;
}
.emailTable tr:first-child td{
    background:-o-linear-gradient(bottom, #cccccc 5%, #cccccc 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc) );
    background:-moz-linear-gradient( center top, #cccccc 5%, #cccccc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#cccccc");
    background: -o-linear-gradient(top,#cccccc,cccccc);

    background-color:#cccccc;
    border:0px solid #e5e5e5;
    text-align:center;
    border-width:0px 0px 1px 1px;
    font-size:14px;
    font-family:Arial;
    font-weight:bold;
    color:#000000;
}
.emailTable tr:first-child:hover td{
    background:-o-linear-gradient(bottom, #cccccc 5%, #cccccc 100%);
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #cccccc), color-stop(1, #cccccc) );
    background:-moz-linear-gradient( center top, #cccccc 5%, #cccccc 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#cccccc", endColorstr="#cccccc");
    background: -o-linear-gradient(top,#cccccc,cccccc);

    background-color:#cccccc;
}
.emailTable tr:first-child td:first-child{
    border-width:0px 0px 1px 0px;
}
.emailTable tr:first-child td:last-child{
    border-width:0px 0px 1px 1px;
}


div.dhtmlx_window_active, div.dhx_modal_cover_dv {
    position: fixed !important;
}
/********************************
*           SIMPLE TABLE        *
********************************/
#simpleTable{
    float: left;
    font-size: 14px;
    border-collapse: collapse;

}
#simpleTable thead td{
    padding: 2px 5px;
    border: solid 1px #cccccc;
    font-weight: bold;
    text-transform: uppercase;
}
#simpleTable tbody td{
    padding: 2px 5px;
    border: solid 1px #cccccc;
}
#simpleTable tfoot td{
    padding: 2px 5px;
    border: solid 1px #cccccc;
    background: #efefef;
}

h1.heading{padding:0px;margin: 0px 0px 10px 0px;text-align:center;font: 18px Georgia, "Times New Roman", Times, serif;}

/* width and height of google map */
#google_map {width: 90%; height: 500px;margin-top:0px;margin-left:auto;margin-right:auto;}

/* Marker Edit form */
.marker-edit label{display:block;margin-bottom: 5px;}
.marker-edit label span {width: 100px;float: left;}
.marker-edit label input, .marker-edit label select{height: 24px;}
.marker-edit label textarea{height: 60px;}
.marker-edit label input, .marker-edit label select, .marker-edit label textarea {width: 60%;margin:0px;padding-left: 5px;border: 1px solid #DDD;border-radius: 3px;}

/* Marker Info Window */
h1.marker-heading{color: #585858;margin: 0px;padding: 0px;font: 18px "Trebuchet MS", Arial;border-bottom: 1px dotted #D8D8D8;}
div.marker-info-win {max-width: 300px;margin-right: -20px;}
div.marker-info-win p{padding: 0px;margin: 10px 0px 10px 0;}
div.marker-inner-win{padding: 5px;}
span.info-content{
    width:100%;
    /*float: left;*/
}
span.info-content label{
    display: block;
}
form#SaveMarker{
    padding-bottom: 5px;
    padding-top: 0;
}
button.save-marker, button.remove-marker{
    border: none;
    background: rgba(0, 0, 0, 0);
    color: #AAA;
    padding: 0px;
    text-decoration: underline;
    margin-right: 10px;
    cursor: pointer;
    font-size: 12px;
}
button.save-marker{
    float:right;
}
button.remove-marker{
    margin-top: 15px;
    margin-left: 5px;
}
div.gmnoprint img, div.gm-style img{
    max-width: none;
}