body {
    margin: 1em auto;
    text-align: center;
/*    widdth: 70em;*/
/*    madx-width: 70em;*/
    font-size: 12px;
    color: #112;
    background-color: #fff;
    font-family: 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;   
}

#content {
    max-width: 90%;
    margin: 0 auto;
    text-align: left;
}
    
td,th {
  font-family: monospace;
  font-size: 0.8em; 
  border: 1px solid black;
  padding: 3px;
  text-align: right;
  background-color: #FFFFFF;
  color: #000000;
}

th {
  font-weight: bold;
  text-align: center;
}

td.left_allign {
 text-align: left; 
}

table {
  border-collapse: collapse;
  background-color: transparent;
  border-spacing: 1px;
  border: 2px solid black;
  margin: 0 auto;
}

p.extra {
    text-align: center;
    border: 1px dashed black;
    background-color: #ffe;
    padding: 2px;
    width: 50%;
    margin:1em auto;    
}

th.voda_cell, td.voda_cell {text-align: left; background-color: #0366B3;}
th.cellc_cell, td.cellc_cell {text-align: left; background-color: #900000;}
th.mtn_cell, td.mtn_cell {text-align: left; background-color: #FFB300;} 
th.virgin_cell, td.virgin_cell {text-align: left; background-color: #CC0000;} 
th.neotel_cell, td.neotel_cell {text-align: left; background-color: #CC3300;} 

td.lowest {color: #FFBF00 ; background-color: #807E79;}
td.secondl {color: #000000 ;background-color: #b2b0a9;}
td.thirdl {background-color: #D9D6CE;}
td.highlight {background-color: #ffc;}
td.highlight_lowest {background-color: #ff0;}
td.highlight_slowest {background-color: #ff4;}
td.highlight_tlowest {background-color: #ff8;}
td.bundle {background-color: #eee; text-align: left;}



div#vodacomtable, div#mtntable {
 /*   wsidth:800px;*/
/*    hesight:300px;*/
    margin: 0 auto;
}

h2 {text-align: center;}
h2.vodacomtable, h2.vodacomtable a {color: #0366B3;}
h2.mtntable, h2.mtntable a {color: #FFB300;}
h2.cellctable, h2.cellctable a {color: #BB0000;}
h2.virgintable, h2.virgintable a {color: #df173b;}
h2.neoteltable, h2.neoteltable a {color: #CC3300;}

h2.mtntable a:hover, h2.cellctable a:hover, h2.vodacomtable a:hover, h2.virgintable a:hover, h2.neoteltable a:hover {color: #000;}


table#loader {
    width:100%;
    height:100%;
    border: none;
}
    
#loader td {
    text-align: center;
    border: none;
}

.clickhere {
    position: relative;
    right: -50px;
    top: 5px;
    background-color: #ffbb66;
    background-color: transparent;
    background-image: url('http://www.grandtrunk.za.org/mobile_internet_data_bundles/reload.png');
    width: 48px;
    height: 48px;
    background-repeat: no-repeat;
    float: right;
    }
table, tr, td{color:inherit;}
#footer {margin: 1em 0 0 0; text-align: center; }