/*******************************************************************/
body
  {
  background-color: #888888;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12pt;
  padding: 0.25em;
  }

@font-face { font-family:RockSalt; src:url(/fonts/RockSalt.ttf); }

.header
  {
  background: #000040;
  background: -moz-linear-gradient(45deg, #000040 0%, #5ca85a 100%);
  background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#000040), color-stop(100%,#5ca85a));
  background: -webkit-linear-gradient(45deg, #000040 0%,#5ca85a 100%);
  background: -o-linear-gradient(45deg, #000040 0%,#5ca85a 100%);
  background: -ms-linear-gradient(45deg, #000040 0%,#5ca85a 100%);
  background: linear-gradient(45deg, #000040 0%,#5ca85a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000040', endColorstr='#5ca85a',GradientType=1 );
  color: #FFF;
  border: 3px solid #fff;
  border-top-left-radius:16px;
  border-top-right-radius:16px;
  -moz-border-top-left-radius:16px;
  -moz-border-top-right-radius:16px;
  padding-bottom: 0.5em;
  text-align: center;
  }
.headertext { font-size: 32pt; font-family:RockSalt; }
.headertext img { vertical-align: middle; }

.body
  {
  background: #fff;
  padding: 0.5em;
  vertical-align: top;
  }

.footer
  {
  padding-top: 1em;
  align: center;
  font-size: 8pt;
  }

.nav
  {
  display: inline-block;
  text-align:center;
  text-decoration:none;
  padding: 0.2em;
  width: 6.5em;
  color: #fff;
  background: #000040;
  border: 1px solid #fff;
  border-radius:8px;
  -moz-border-radius:8px;
  }
.nav:hover { background: #26A; }

.nav a
  {
  color: #FFF;
  text-decoration: none;
  }

.fpcontent
  {
  vertical-align: top;
  display: inline-block;
  width: 48%;
  }

/*******************************************************************/
/* For basic text */

H1
{
font-size: 18pt;
text-decoration: bold;
line-height: 24pt;
font-style: normal;
color: #000000;
font-weight: bold;
}

H2
{
font-size: 14pt;
text-decoration: bold;
line-height: 18pt;
font-style: normal;
color: #000000;
font-weight: bold;
}

H3
{
font-size: 12pt;
text-decoration: bold;
line-height: 18pt;
font-style: normal;
color: #000000;
font-weight: bold;
}

td
{
font-size: 11pt;
padding-top: 5pt;
padding-bottom: 4pt;  /* plus 1 for pixel.gif */
padding-left: 5pt;
padding-right: 4pt;  /* plus 1 for pixel.gif */
vertical-align: top;
}
.pad li { margin-top: 0.25em; padding-top: 0.25em; }

.outline { text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000; }
.darkred { color:#a00; }
.red { color:#f00; }
.pink { color:#f88; }
.green { color:#0f0; }
.blue { color:#00f; }
.lightgreen { color:#8f8; }
.darkgreen { color:#040; }
.darkblue { color:#008; }
.lightblue { color:#88f; }
.purple { color:#f0f; }
.darkpurple { color:#808; }
.yellow { color:#ff0; }
.point { cursor:pointer; }
.wrap { word-wrap: break-word; }
.round { border-radius: 5px; -moz-border-radius: 5px; }

.bgchallenge
  {
  border:2px solid #000;
  background-color:#ccf;
  border-radius: 5px; -moz-border-radius: 5px;
  padding:0.5em;
  margin:0.25em;
  }
.bggoal
  {
  border:2px solid #000;
  background-color:#fcc;
  border-radius: 5px; -moz-border-radius: 5px;
  padding:0.5em;
  margin:0.25em;
  }
.bgrestrictions
  {
  border:2px solid #000;
  background-color:#cfc;
  border-radius: 5px; -moz-border-radius: 5px;
  padding:0.5em;
  margin:0.25em;
  }
.bgnotes
  {
  border:2px solid #000;
  background-color:#ffc;
  border-radius: 5px; -moz-border-radius: 5px;
  padding:0.5em;
  margin:0.25em;
  }

ff-box { display:inline-block; vertical-align:top; border:1px solid; padding:5px; margin:1px; background:#FFF; color:#000; }
ff-box img { text-align:center; }

.ff-box { display:inline-block; vertical-align:top; border:1px solid; padding:5px; margin:1px; background:#FFF; color:#000; }
.ff-box img { text-align:center; }

.tabs { height:1.75em; margin:0; z-index:10; }
.tabs ul { font-size: 1em; list-style:none; }
.tabs ul li {
	height: 1.21em;
	margin-left: 0.2em;
	padding: 0.25em 1em;
	display:block;
	float:left;
	color:#000;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	background: #99f;
	border: 1px solid #000;
}
.tabs ul li:hover { background: #ff0; cursor:pointer; color: #333; }
.tabs ul li.tabActiveHeader {
	background: #bbf;
	cursor:pointer;
	color: #000;
	border: 1px solid #000;
	border-bottom: 1px solid #bbf;
}
#tabContainer { width:100%; }
.tabpage {
	padding: 1em;
	border: 1px solid #000;
	border-radius: .5em;
	-moz-border-radius: .5em;
	background-color: #bbf;
}
.tabpage h1 { clear:both; }