body {
	background-color:#70e0ff;
}
.Heading {
	background-color:#c0c0c0;
	text-align:center;
	font-weight:bold;
}
.LeftHeading {
	background-color:#c0c0c0;
	text-align:left;
	font-weight:bold;
}
.DataCell
{
	background-color:#ffffff;
}
/* gmail style buttons */
.g_button {
	color:#191919;
	background-color:#99ff66;
	height:30px;
	font-size: 14px;
	text-align: center;
	border: 1px solid #C7C7C7;
	padding: 0 8px;
	font-family:  Ariel;
	/* rounded corners */
	-webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
}
.g_button:hover {
  color: #191919;
  background-color: #E0E0E0;
  border: 1px solid #C7C7C7;
}
.g_button:disabled {
  background-color: #808080;
  color: #c0c0c0;
}
.centered {
  text-align:center;
}
.SelectedButton {
  background-color:#6699FF;
}

.fat {
	width:100%;
}
/* For mobile phones: */
@media only screen and (max-width: 599px) {
    .col-xs-1 {width: 8.33%;display: inline-block;}
    .col-xs-2 {width: 16.66%;display: inline-block;}
    .col-xs-3 {width: 25%;display: inline-block;}
    .col-xs-4 {width: 33.33%;display: inline-block;}
    .col-xs-5 {width: 41.66%;display: inline-block;}
    .col-xs-6 {width: 50%;display: inline-block;}
    .col-xs-7 {width: 58.33%;display: inline-block;}
    .col-xs-8 {width: 66.66%;display: inline-block;}
    .col-xs-9 {width: 75%;display: inline-block;}
    .col-xs-10 {width: 83.33%;display: inline-block;}
    .col-xs-11 {width: 91.66%;display: inline-block;}
    .col-xs-12 {width: 100%;display: inline-block;}
    .col-xs-hidden {display:none;}
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-s-1 {width: 8.33%;display: inline-block;}
    .col-s-2 {width: 16.66%;display: inline-block;}
    .col-s-3 {width: 25%;display: inline-block;}
    .col-s-4 {width: 33.33%;display: inline-block;}
    .col-s-5 {width: 41.66%;display: inline-block;}
    .col-s-6 {width: 50%;display: inline-block;}
    .col-s-7 {width: 58.33%;display: inline-block;}
    .col-s-8 {width: 66.66%;display: inline-block;}
    .col-s-9 {width: 75%;display: inline-block;}
    .col-s-10 {width: 83.33%;display: inline-block;}
    .col-s-11 {width: 91.66%;display: inline-block;}
    .col-s-12 {width: 100%;display: inline-block;}
    .col-s-hidden {display:none;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;display: inline-block;}
    .col-2 {width: 16.66%;display: inline-block;}
    .col-3 {width: 25%;display: inline-block;}
    .col-4 {width: 33.33%;display: inline-block;}
    .col-5 {width: 41.66%;display: inline-block;}
    .col-6 {width: 50%;display: inline-block;}
    .col-7 {width: 58.33%;display: inline-block;}
    .col-8 {width: 66.66%;display: inline-block;}
    .col-9 {width: 75%;display: inline-block;}
    .col-10 {width: 83.33%;display: inline-block;}
    .col-11 {width: 91.66%;display: inline-block;}
    .col-12 {width: 100%;display: inline-block;}
    .col-hidden {display:none;}
}
.Row
{
    display: table;
    table-layout: fixed;
}

.Column
{
    display: table-cell;
}