/*

body 
{
	font-family:arial,sans-serif;
	background-color:#DCE2F6;
	font-size:12px;
	color:#2A4095;
}

whereAmI
{
	
}

h1
{
	font-size:22px;
	color:#2A4095;
}

h2
{
	font-size:18px;
	color:#2A4095;
}

h3
{
	font-size:16px;
	color:#2A4095;
}

a:link {
    text-decoration: underline;
    color: #FE9900;
}

a:visited {
    text-decoration: underline;
    color: #CE7E06;
}

a:active {
    text-decoration: underline;
    color: #FE9900;
}

.pageTitle
{
	background-color: #C7D1F1;
}

*/

.RedBox 
{
	background-color: #FEDADA;
	border:solid 1px Red;
	color:Red;
	padding: 5px 5px 5px 5px;
	width:85%;
}

.GreenBox 
{
	background-color: #D1FED0;
	border:solid 1px Green;
	color:Green;
	padding: 5px 5px 5px 5px;
	width:55%;
}

.BlueBox 
{
	background-color: #C7D1F1;
	border:solid 1px #2A4095;
	color:#2A4095;
	padding: 5px 5px 5px 5px;
} 



.FloatTopRight
{
	float:right;
	padding: 5px;
	margin: 5px;
}

.GridViewHeader
{
	background-color:#356da9;
	/* color:#000000; */
	font-size:14px;
	text-align:left;
}

.GridViewHeader th 
{
	color:#FFFFFF;
}

.GridViewRow
{
	background-color:#FFFFFF;
	vertical-align:top;
}

.GridViewAlternatingRow
{
	background-color:#DCE2F6;
	vertical-align:top;
}

.button 
{
	background-color: #FE9900;
	color: #FFFFFF;
}

.mobileHeaderText {
  font-weight: bold;
  display: none;
}

@media screen and (max-width: 500px) {

    .responsive-page .RedBox,
    .responsive-page .GreenBox,
    .responsive-page .BlueBox {
	    padding: 5px 0;
	    width: 100%;
    }

  .responsive-page .mobileHeaderText {
    display: inline;
  }
  
  .responsive-page .GridView th {
    display: none;
  }

  .responsive-page .GridView {
    display: table;
    border: none;
    width: 100%;
  }

  .responsive-page .GridView tr {
    display:table-row;
    border: 1px solid #808080;
    width: 100%;
  }

  .responsive-page .GridViewRow {
    background: #FFFFFF;
  }

  .responsive-page .GridViewAlternatingRow {
    background-color: #DCE2F7;
  }

  .responsive-page .GridView td {
    display: block;
    border: none;
    padding: 3px;
  }
}



/*
CSS inside @media print can customise the page when printed or print previewed.
*/
/*
@media print 
{
	.button 
	{ 
		display:none;
		visibility:hidden; 
	}
}
*/