/* Global Styles */
body
{
	font: 10pt Arial, Helvetica, san-serif;
	background-image: url(images/SiteBg.gif);
	background-color: #ffffff;	
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;	
}
#TopRightHeader
{
    background-image: url(images/Header_r1_c2.jpg);
    width: 658px;
    vertical-align:top;
    text-align:right;
    padding:2px;
}
img
{
	border: 0px
}
#wrapper
{
	position: relative;
	width: 900px;
	margin: 0 auto;
	border-left: solid 1px #A6A6A6;
	border-right: solid 1px #A6A6A6;
	/*background-color: #C0DFFD;*/
	background-color: #d3d3d3;
}
#Container
{
	width: 900px;
}
.Scrollable
{
	overflow: scroll
}
div.Center
{
	text-align: center;
}
div.Center table
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;	
}
/*** SubHeader ***/
.SubHeader
{
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	/*background-color: #66CC66;*/
	background-color: #BA242F;
	height:20px;
	/*color: #003366;*/
	color: #FFFFFF;
	letter-spacing: .2em;
}
/***  Page Title ***/
#PageTitle
{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	text-align: left;
	/*color: #66cc66;*/
	color: #2a2a2a;
	line-height:24px;
	letter-spacing:.2em;
}
/***  Page Subtitle ***/
#PageSubtitle
{
	font: 14px Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding-top: 0px;
	padding-bottom: 10px;
	white-space: nowrap;
	text-align: center;
}
/*** Content column***/
#ContentColumn
{
	background-image:url(/getfit/images/Transition.gif);
	background-repeat: repeat-y;
	padding: 5px;
	vertical-align:top;
	text-align:left;
	width:100%;
	padding-bottom:10px;
	background-color:white;
}
/***  Footer ***/
.Footer
{
	width: 904px;
	position: relative;
	/*background: #66CC66;*/
	background: #BA242F;
	margin-top: -22px;
	height: 22px;
	margin: 0 auto;
	border-left: solid 1px #A6A6A6;
	border-right: solid 1px #A6A6A6;	
}
.FooterRow
{
	height: 20px;		
}
.SpacerRow
{
	background-color: #003366;
	height: 1px;
}
/*** Menu Items ***/
.MenuItem
{
	padding-top:4px;
}
#MenuColumn
{
	 vertical-align:top;
	 padding:5px 0px 5px 5px;
}
/*** Global Controls ***/
.HintText
{
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	color: #708090;
}
.Note
{
	padding-left:5px; 
	font-size:9pt; 
	color:#404040
}
.StandardLabel
{
	font:10pt Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
}

.StandardHeading
{
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}

.StandardHelpText
{
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #008080;
}

.ControlInfo
{
	font:10pt Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
}

.ControlReq{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10pt; 
	 color: Navy;
	 background-color: White;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #003366;
}

.ControlWaterMarkReq
{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10pt; 
	 color: Silver;
	 background-color: White;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #003366;
}

.ControlOpt{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10pt; 
	 color: Navy;
	 background-color: #ddffff;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #003366;
}

.ControlWaterMarkOpt
{
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 font-size: 10pt; 
	 color: Silver;
	 background-color: #ddffff;
	 border-style: solid;
	 border-width: 1px;
	 border-color: #003366;
}

CalendarEvent
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt; 
	color: Green;
	 
}

.MessageGood
{
 font-family: Arial;
 font-size: 10pt; 
 color: Green;
}

.MessageBad
{ 
 font-family: Arial;
 font-size: 10pt; 
 color: Red;
}
.LinkTop
{
	color:Red;
}
.LinkStandard
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color:#400040;	
}
.LinkStandard:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color:#800000;	
}
.LinkStandard:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color:#00c000;	
}
/*** Misc ***/
.txtIsDirty
{
	border: solid 1px White;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color: Navy;
}
#logo{
	font:24px/30px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:0.2em;
	vertical-align: middle;
	text-align: center;
}


	
#tagline{
	font:normal 12px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	letter-spacing:0.4em;
	text-align: center;
}
/*** Grid Views ***/
.gvHeader
{
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	/*color: #C0DFFD;*/
	color: #323232;
	/*background-color: #4040ff;*/
	background-color: #a9a9a9;
	padding: 0px 0px 0px 4px;
	margin: 0px;
	text-align: left;
	white-space: nowrap;
}
.gvRow
{
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #EEEEEE;
}
.gvRowAlternate
{
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #ffccff;
}
.gvFooter
{
	font: 10pt Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background-color: #CCCCCC;
}

/*** Menu used as tabs - Horizontal ***/
/*** Used relative links for graphics due to Tech's test server setup***/
#MenuStyler0, #MenuStyler1, #MenuStyler3{ /* nothing in here right now */
}
#MenuStyler0 .Item, #MenuStyler1 .Item, #MenuStyler3 .Item
{ 
  /* CSS class for non-selected Menu Item */
  background: url(images/MenuGraphics/horrank3_b1.gif) top left no-repeat;
  color: Gray; 
  font-weight: bold;
  min-width: 95px;
  height: 20px; 
  text-align: center;
  text-decoration: none;
  font: Arial 10pt;
  padding-left: 5px;
  padding-right:5px;
}

#MenuStyler0 .ItemSelected, #MenuStyler1 .ItemSelected, #MenuStyler3 .ItemSelected
{ 
  /* CSS class for hovering and selected Menu Item */
  background: url(images/MenuGraphics/horrank3_b1_over.gif) top left no-repeat;
  color: White;
  font-weight: bold;
  text-decoration: None;
}

#MenuStyler0 .ItemHover, #MenuStyler1 .ItemHover, #MenuStyler3 .ItemHover
{ 
  /* CSS class for hovering and selected Menu Item */
  background: url(images/MenuGraphics/horrank3_b1_over.gif) top left no-repeat;
  color: Black; 
  font-weight: bold;
  text-decoration: underline;
}
/* CSS classes for standard Links, only valid inside the #menu DIV */
#MenuStyler0 a, #MenuStyler0 a:visited, #MenuStyler1 a, #MenuStyler1 a:visited, #MenuStyler3 a, #MenuStyler3 a:visited
{
  background: transparent ! important;
}
#MenuStyler0 a:hover, #MenuStyler0 a:active, #MenuStyler0 a:focus, #MenuStyler1 a:hover, #MenuStyler1 a:active, #MenuStyler1 a:focus, #MenuStyler3 a:hover, #MenuStyler3 a:active, #MenuStyler3 a:focus
{
  background: transparent ! important;
}

/*** Menu used as tabs - Vertical ***/
/*** Used relative links for graphics due to Tech's test server setup***/
#MenuStyler2, #MenuStyler4{ /* nothing in here right now */
}
#MenuStyler2 .Item, #MenuStyler4 .Item
{ 
  /* CSS class for non-selected Menu Item */
  background: url(images/MenuGraphics/verrank2_b1.gif) no-repeat;
  color:Gray; 
  font-weight: bold;
  width: 95px;
  height: 20px; 
  text-align: center;
  text-decoration: none;
  font: Arial 10pt;
}
#MenuStyler2 .ItemSelected, #MenuStyler4 .ItemSelected
{ 
  /* CSS class for hovering and selected Menu Item */
  background: url(images/MenuGraphics/verrank2_b1_over.gif) no-repeat;
  color: White;
  font-weight: bold;
  text-decoration: None;
}
#MenuStyler2 .ItemHover, #MenuStyler4 .ItemHover
{ 
  /* CSS class for hovering and selected Menu Item */
  background: url(images/MenuGraphics/verrank2_b1_over.gif) no-repeat;
  color: Black;
  font-weight: bold;
  text-decoration: underline;
}
/* CSS classes for standard Links, only valid inside the #menu DIV */
#MenuStyler2 a, #MenuStyler2 a:visited, #MenuStyler4 a, #MenuStyler4 a:visited
{
  background: transparent ! important;
}
#MenuStyler2 a:hover, #MenuStyler2 a:active, #MenuStyler2 a:focus, #MenuStyler4 a:hover, #MenuStyler4 a:active, #MenuStyler4 a:focus
{
  background: transparent ! important;
}

/*** BLOGS ***/
.BlogInfo
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	Font-size: 8pt;
	color: Blue;
	white-space: nowrap;
}.BlogStd
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	Font-size: 8pt;
	color: Black;
	white-space: nowrap;
}
.BlogTitle
{
	font: 11pt Verdana, Arial, Helvetica, sans-serif;
	color: #003366;
	font-weight: bold;
}
.BlogDesc
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	Font-size: 10.5pt;
	color: Black;
	/*white-space: nowrap;	*/
}
.BlogLinkStandard
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color:#400040;	
}
.BlogLinkStandard:visited
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color:#800000;	
}
.BlogLinkStandard:hover
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt; 
	color:#00c000;	
}
/*** modal Popup Stuff***/
.ModalBackground {
	background-color: Gray;
	filter: alpha(opacity=70);
	opacity: 0.7;
}

.ModalPopupHeader
{
     text-align: center; 
     font-weight: bold; 
     padding: 2px; 
     background-color: #deeffe; 
     border-bottom: solid 1px gray;     
}
.ModalPopup
{
	background-color: #f0f8ff;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	width: 625px;

}
.ModalPopupContent
{
 	height: 400px;   
}