body
{
  background-color:#b3ecff;
  margin:0pt;
}
.Heading
{
	background-color:#c0c0c0;
	text-align:center;
	font-weight:bold;
}
.ToppingType
{
	background-color:#c0c0c0;
	text-align:center;
	font-weight:bold;
	font-size:18pt;
}
.ToppingChoice
{
	background-color:white;
	text-align:center;
}
.OddToppingChoice
{
	background-color:#f0f0f0;
	text-align:center;
}
.Topping
{
	background-color:white;
	text-align:left;
}
.OddTopping
{
	background-color:#f0f0f0;
	text-align:left;
}
.PrettyBox {
	border:5px solid blue;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	display:inline-block;
	padding:3px;
	margin:3px
}
/* gmail style buttons */
.g_button {
	color:#191919;
	background-color:#F9F9F9;
	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;
}
.CalendarNotInvited {
  background-color: #ff471a;
}
.CalendarInvited {
  background-color: #ffff66;
}
.CalendarAttending {
  background-color: #00ff00;
}
/* 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;}
    .col-xs-center {text-align:center;}        
}
@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;}
    .col-s-left {text-align:left;}
    .col-s-right {text-align:right;}
}
@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;
}
#ulMenu {
	background-color:#ffffff;	
	list-style-type: none;
	padding-left:0px;	
}
#ulMenu li {
	border:1px solid black;
	font-size:24pt;
}
#ulMenu li:hover {
	background-color: #ccffcc;
}