/* gmail style buttons */
.g_button {
	color:#191919;
	background-color:#99bbff;
	height:30px;
	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;
	text-decoration:none;
}
.g_button:hover {
  color: #191919;
  background-color: #8080FF;
  border: 1px solid #C7C7C7;
}
.g_button:disabled {
  background-color: #808080;
  color: #c0c0c0;
}
.center
{
	text-align:center;
}
.left
{
	text-align:left;
}
.right
{
	text-align:right;
}
.Heading
{
	background-color:#c0c0c0;
	text-align:center;
	font-weight:bold;
}
.Data
{
	background-color:#ffffff;
}
#ulMenu {
	background-color:#ffffff;	
	list-style-type: none;
	padding-left:0px;
}
#ulMenu li {
	border:1px solid black;
}
#ulMenu li:hover {
	background-color: #ccffcc;
}
.nowrap {
	white-space: nowrap;
}

/* For desktop: */
.col-1 {width: 8.33%;}
.col-2 {width: 16.66%;}
.col-3 {width: 25%;}
.col-4 {width: 33.33%;}
.col-5 {width: 41.66%;}
.col-6 {width: 50%;}
.col-7 {width: 58.33%;}
.col-8 {width: 66.66%;}
.col-9 {width: 75%;}
.col-10 {width: 83.33%;}
.col-11 {width: 91.66%;}
.col-12 {width: 100%;}

@media only screen and (min-width: 1001px) { 
  /* For desktop */
  body {
	background-color: #b3f0ff;
  }
  .g_button {
  	font-size: 12pt;
  }
  .d-center
  {
	text-align:center;
  }
  .d-left
  {
	text-align:left;
  }
  .d-right
  {
	text-align:right;
  }
  .d-col-1 {width: 8.33%;display:block;}
  .d-col-2 {width: 16.66%;}
  .d-col-3 {width: 25%;}
  .d-col-4 {width: 33.33%;}
  .d-col-5 {width: 41.66%;}
  .d-col-6 {width: 50%;display:inline-block;}
  .d-col-7 {width: 58.33%;}
  .d-col-8 {width: 66.66%;}
  .d-col-9 {width: 75%;}
  .d-col-10 {width: 83.33%;}
  .d-col-11 {width: 91.66%;}
  .d-col-12 {width: 100%;display:inline-block;}
  .MenuButton {
	width:24px;
	height:24px;
	background-color: #e6e600;
  }
}
@media only screen and (max-width: 1000px) {
  /* For mobile: */
  .m-center
  {
	text-align:center;
  }
  .m-left
  {
	text-align:left;
  }
  .m-right
  {
	text-align:right;
  }
  .m-col-1 {width: 8.33%;display:block;}
  .m-col-2 {width: 16.66%;display:block;}
  .m-col-3 {width: 25%;display:block;}
  .m-col-4 {width: 33.33%;display:block;}
  .m-col-5 {width: 41.66%;display:block;}
  .m-col-6 {width: 50%;display:block;}
  .m-col-7 {width: 58.33%;display:block;}
  .m-col-8 {width: 66.66%;display:block;}
  .m-col-9 {width: 75%;display:block;}
  .m-col-10 {width: 83.33%;display:block;}
  .m-col-11 {width: 91.66%;display:block;}
  .m-col-12 {width: 100%;display:block;}
  body {
  	font-size:36pt;
	background-color: #ffb3ec;
  }
    .g_button {
  	font-size: 36px;
  	height:50px;
  }
  .MenuButton {
	width:48px;
	height:48px;
	background-color: #e6e600;
  }
}
.PrettyBorder {
	-webkit-border-radius: 20px 20px 20px 20px;
	-moz-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;	
	border: 9px solid #4281A4;	
}
.PrettyThinBorder {
	-webkit-border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;	
	border: 4px solid #4281A4;	
}