body 
{
  font-family: sans-serif;
}
html, body {
    height: 100%;
    margin:0;
}
html, body, table
{
  font-size: 16px;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    vertical-align:top;
}
a {
	font-weight: bold;
}
#wrapper {
    position: relative;
    min-height: 100%;
    vertical-align:bottom;
    margin:0 auto;
    height:100%;
}
#main-header {
	position:absolute;
    left:0;
    top:0;
	width: 100%;
}
#main-container {
  width: 96%;
  max-width: 800px;
  padding: 0.5rem;
  margin:0 auto -30px;
  min-height:100%;
  height:auto !important;
  height:100%;  
}
.grid-header {
  margin-bottom: 0.5rem;
  height: 3rem;
}
#content-spacer-top {
    height:64px;
}
#content-spacer-bottom {
    height:30px;
}
.small-font {
	font-size: 0.6rem;	
}
#main-footer {
    width:100%;
    height: 30px;
	margin: 0.1rem 1rem;
}
#rankings {
  font-size: 0.8rem;
  margin: 0.5rem;
  float: left;
}  
#myGrid {
  font-size: 0.8rem;
  min-height: 20rem;
  height: 100%;
  width: 100%;
}
#loadingGrid {
  min-height: 10rem;
  height: 100%;
  width: 100%;
  display: block; 
  z-index: 99;
  position: fixed;
}

.slick-header {
  font-size: 0.8rem;
  font-weight: bold;
}

.loading-indicator {
      display: inline-block;
      padding: 12px;
      background: white;
      -opacity: 0.5;
      color: black;
      font-weight: bold;
      z-index: 9999;
      border: 1px solid red;
      -moz-border-radius: 10px;
      -webkit-border-radius: 10px;
      -moz-box-shadow: 0 0 5px red;
      -webkit-box-shadow: 0px 0px 5px red;
      -text-shadow: 1px 1px 1px white;
    }
    .loading-indicator label {
      padding-left: 20px;
      background: url('../images/ajax-loader-small.gif') no-repeat center left;
    }
	
.img-header {
	background: url('../images/header.png') no-repeat center left;
	width: 480px;
	height: 64px;
	margin: 0 auto;	
}
@media all and (min-width: 960px) {
    body{
        font-size: 18px;
    }
}
 
@media all and (max-width: 959px) and (min-width: 600px) {
    body{
        font-size: 16px;
    }
}
 
@media all and (max-width: 599px) and (min-width: 480px) {
    body{
        font-size: 14px;
    }
 
}

@media all and (max-width: 479px) {
    body{
        font-size: 14px;
    }	
	
    .img-header {
	background: url('../images/header-360.png') no-repeat center left;
	width: 360px;
	height: 48px;
}
 
}


/* Jquery UI */
.ui-button .ui-button-text {
    margin: 0.2rem 0.5rem;
}