body 
{
	margin: auto;
	background-color:#d9f3f4;
	font-family: Arial, Trebuchet MS, Verdana, helvetica, sans-serif;
	background-image:url(../Image/Background/WebSiteBackgroundEdge.jpg);
	color:#225d7b;
	background-repeat:repeat-x; 
	background-position:top; 
	text-align:center;
}
h1
{
    font-size:26px; 
    font-family:Helvetica; 
    font-weight:bold;
}
h2
{
    font-size:12pt; font-family:Helvetica;
}
a
{
    color:#225d7b; 
    text-decoration:none;  
    font-weight:bold;
    font-style:italic;
}
a:visited
{
    color:orange;
}
/* This aligns the page contents centrally on the screen */ 
.pagePlacement
{
	width: 100%; 
	text-align: center;
}
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#003399;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	text-align:center;
}
.watermarked {
	height:20px;
	width:150px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
	font-size:smaller;
}

.HorizontalNavigation
{
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	color: #696969;
	font-size: X-large;
	text-decoration: none;
}
.HorizontalNavigationFooter
{
	font-size:smaller;
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	text-decoration: none;
	color:Black;
}
.newFooter
{
	height: 40px;
	background-color: #1F3888;
	font-size: medium;
	color: White;
	text-align: center;
}
.gecko .litTrainingPromptSpacer
{
	float:right; 
	height:57px;
	width:28px;
}
.litTrainingPromptText
{
	text-align:right;
	padding-right:10px;
	color:#ffffff;
	font-weight:bold;
}
.litTrainingPromptSpacer
{ 
	width:0px;
}
.link1
{
	font-family:Arial, Verdana, helvetica, sans-serif;
	color:#225d7b;
	text-decoration: none;
}
.link2
{
	color:#A3A3A3;
	font-weight:bold;
	text-decoration: none;
}
.link3
{
	color:#190F65;
	text-decoration: none;
}
.link4
{
	color:#696969;
	font-size:X-large;
	text-decoration: none;
}
.link5
{
	color:#30f20a;
	text-decoration: none;
}
.heading1
{
	color:#3484BF;
	font-size:large;
}
.featuredHealthClubText
{
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	color:#696969;
	font-size:smaller;
}
.MainText
{
	font-family:Arial, Trebuchet MS, Verdana, helvetica, sans-serif;
	color:#225d7b;
	text-decoration: none;
}
.NavBox
{
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	color:#696969;
	text-decoration: none;
}
.BannerText1
{
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	color:White;
	font-size:larger;
	text-decoration: none;
}
.BannerText2
{
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	color:#868688;
	font-size:larger;
	text-decoration: none;
}
.HeadingText
{
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	color:#1178B2;
	font-size:X-large;
	font-weight:bold;
}
.HeadingText2
{
	font-family:Verdana, helvetica, sans-serif;
	color:#1178B2;
	font-size:large;
	font-weight:bold;
}
.FreezePaneOff
{
  visibility: hidden;
  display: none;
  position: absolute;
  top: -100px;
  left: -100px;
}

.FreezePaneOn
{
  position: absolute;
  top: 0px;
  left: 0px;
  visibility: visible;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #003399;
  z-index: 999;
  filter:alpha(opacity=85);
  -moz-opacity:0.85;
  padding-top: 20%;
}
/* We will overide the h1 standard property as some search engines give weight to this style */
.TableRow
{
	background-color: #C3D3E3;
	color:#003399;
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	text-decoration: none;
}
.TableAlternateRow
{
	background-color: #C3D3E3;
	color:Orange;
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	text-decoration: none;
}
.TableHeader
{
	font-size :larger;  
    color:#3366cc; 
    text-align:center;
    font-family:Trebuchet MS, Verdana, helvetica, sans-serif; 
}
.selectedTableRow
{
	border-top: black thin dotted;
	border-bottom: black thin dotted;
}
.InnerFreezePane
{
  text-align: center;
  width: 66%;
  background-color: #30f20a;
  color: Black;
  font-size: x-large;
  border: dashed 2px #ffffff;
  padding: 9px;
  margin: 0 auto;
}
.mainTable
{
    background-color:White;
    border-right: #30f20a 1px solid;
    padding-right: 0px;
    border-top: #30f20a 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #30f20a 1px solid;
    padding-top: 0px;
    border-bottom: #30f20a 1px solid;
    width: 1024px;
}
.popupTable
{
    background-color:White;
    border-right: #30f20a 1px solid;
    padding-right: 0px;
    border-top: #30f20a 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #30f20a 1px solid;
    padding-top: 0px;
    border-bottom: #30f20a 1px solid;
    width: 600px;
    font-size:smaller;
}
.mainHeader
{
	border-right: #30f20a 1px solid;
    padding-right: 0px;
    border-top: #30f20a 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #30f20a 1px solid;
    padding-top: 0px;
    border-bottom: #30f20a 1px solid;
    background-color:#003399;
}
.mainContent
{
	background-color: White;
	border-right: #30f20a 1px solid;
	padding-right: 0px;
	border-top: #30f20a 1px solid;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #30f20a 1px solid;
	padding-top: 0px;
	border-bottom: #30f20a 1px solid;
	text-align: center;
	color: Black;
}
.mainFooter
{
    border-right: #30f20a 1px solid;
    padding-right: 0px;
    font-size:x-large;
    border-top: #30f20a 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #30f20a 1px solid;
    padding-top: 0px;
    border-bottom: #30f20a 1px solid;
    text-align:center;
    background: #003399;
    color:White;
}
.tableHeader
{
    border-right: #003399 1px solid;
    padding-right: 0px;
    font-size:large;
    border-top: #30f20a 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    border-left: #003399 1px solid;
    padding-top: 0px;
    border-bottom: #30f20a 3px solid;
    text-align:left;
    background: #003399;
    color:White;
}
.pageHeader
{
	padding: 5px 5px 5px 5px; 
    font-size:x-large;
    border-top: #003399 1px solid;
    padding-left: 0px;
    padding-bottom: 0px;
    margin: 0px;
    padding-top: 0px;
    border-bottom: #003399 3px solid;
    text-align:left;
    background: #30f20a;
    color:#003399;
}
.errorMessage
{
	font-size: small;
	color: red;
	font-family: Trebuchet MS, Verdana, helvetica, sans-serif;
}
.signMeUpMainTable
{
	width:100%;
}
.SignMeUpHeaderText
{
	font-weight: bold; 
	font-size: larger; 
	color: #003399; 
	text-align: left;
}
.SignMeUpHeaderDesc
{
	text-align: left;
}
.SignMeUpContentHeader
{
	color: white;
	background-color: #003399;
	text-align: left;
}
.SignMeUpContentHeaderContentSeperator
{
	height:5px; 
	background-color: #30f20a;
}
.informationRespnseCell
{
	border-bottom: #003399 1px solid;
}
.informationSubjectCell
{
	background-color:#D8FFCA;
	border-bottom: #003399 1px solid;
}
.SignMeUpQuestion
{
	color:#003399;
	background-color:#94FF6E; 
	border-right: #30f20a thin solid; 
	border-top: #30f20a thin solid; 
	border-left: #30f20a thin solid; 
	border-bottom: #30f20a thin solid;
	height:30px;
}
.SignMeUpAnswer
{
	color:#003399;
	background-color:#D8FFCA; 
	border-right: #30f20a thin solid;
	border-top: #30f20a thin solid; 
	border-left: #30f20a thin solid; 
	border-bottom: #30f20a thin solid;
	height:30px;	
}
.SignMeUpCentre
{
	width:10px; 
	background-color: #30f20a;
}
.SignMeUpContentHeaderOuter
{
	width:5px; 
	background-color: #30f20a;
}
.questionairreTable
{
	font-size: x-small;
	vertical-align: baseline;
	text-align: center;
}

.Header2
{
    font-size:large;
    line-height: 35px;
}
.Header3
{
    font-size: medium;
    color: Gray;
    font-weight: bold;  
}
.SubHeader
{
	font-weight:bold
}
.inputText
{
    width:250px
}
.imageMap
{
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
.HelpTable
{
	vertical-align:top
}
.SignMeUpSideBarStyle
{
	width: 20%;
	vertical-align: top;
	text-align: left;
}
.SignMeUpStep
{
	width: 80%;
	vertical-align: top;
	text-align: left;
}
.ContentSubHeader
{
	background-color:#003399; 
	color:White; 
	text-align:left;
	font-weight:bold;
}
.detailTableAlternateRowStyle
{
	background-color:#EFF3FB;	
}
.AlliancePartnerHomePageWebPartHeader
{
	background-color:#003399;
	font-weight:bold;
	color:White;
	text-align:center;
}
.validatorCalloutHighlight 
{
    background-color: #C3D3E3; 
}
.calTitle
{
	font-weight:bold;
	background-color: #003399;
	color:#ffffff;
}

/* These relate to the tables e.g. MyMessages etc used on various pages */
.tablestyle 
{
	font-family: Trebuchet MS, Verdana, helvetica, sans-serif;
	font-size: small;
	border: solid 1px #7f7f7f;
	width:100%;
}

.altrowstyle 
{
    background-color: #D8FFCA;
}

.headerstyle th 
{
	background-repeat:repeat-x;
    background-position:0px 0px; 
    border-color: #989898 #cbcbcb #989898 #989898;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px medium;
    color: #000;
    padding: 4px 5px 4px 10px;
    text-align: center;
    vertical-align: bottom;
}  

.headerstyle th a
{
    font-weight: normal;
	text-decoration: none;
	text-align: center;
    color: #000;
	display: block;
    padding-right: 10px;
}    

.rowstyle .sortaltrow, .altrowstyle .sortaltrow 
{
    background-color: #afff91;
}

.rowstyle .sortrow, .altrowstyle .sortrow 
{
    background-color: #4aff06;
}

.rowstyle td, .altrowstyle td 
{
    padding: 4px 10px 4px 10px;
    border-right: solid 1px #cbcbcb;
}

.headerstyle .sortascheader 
{
	background-repeat:repeat-x;
    background-position:0px -100px; 
    
}

.headerstyle .sortascheader a 
{
    background: url(/Image/Arrows/whiteup.gif) no-repeat right 50%;
    color:#ffffff;
    font-weight:bold;
} 

.headerstyle .sortdescheader 
{
    background-repeat:repeat-x;
    background-position:0px -100px; 
    
    
}   

.headerstyle .sortdescheader a 
{
    background: url(/Image/Arrows/whitedown.gif) no-repeat right 50%;
    color:#ffffff;
    font-weight:bold;
} 
/* This is the progress bars used by tables on sorting and updates */
.progress
{
    display: block;
    position: absolute;
    padding: 2px 3px;
}
.progresscontainer
{
    border: solid 1px #808080;
    border-width: 1px 0px;
    width:250px;
    
}
.progressheader
{
    background-repeat:repeat-x;
    background-position:0px 0px; 
    border-color: #808080 #808080 #ccc;
    border-style: solid;
    border-width: 0px 1px 1px;
    padding: 0px 10px;
    color: #000000;
    font-size: 9pt;
    font-weight: bold;
    line-height: 1.9;  
    font-family: Trebuchet MS, Verdana, helvetica, sans-serif;
}
.progressbody
{
    background-color: #f2f2f2;
    border-color: #808080;
    border-style: solid;
    border-width: 0px 1px;
    padding: 10px;
}
.gymClassDetailsHeader
{
	font-weight: bold; color: white; background-color: #003399; text-align: center;
	text-decoration:none; width:100%
}
.gecko .clubFinder
{
	z-index:1000; position:relative; left:54px; top:-85px;
}
.clubFinder
{
	z-index:1000; position:relative; left:-198px; top:-88px;
}
.testimonial
{
	font-family: Verdana; font-size: smaller; font-style:italic;
}
.signMeUpMain
{
	background-color: white;
	font-size:large;
	font-family:Trebuchet MS, Verdana, helvetica, sans-serif;
	
}
.SummaryTable
{
	border:none;
	border-width:0px;	
}
.SummaryTable td
{
	border:none;
	border-width:0px;	
}
/*Page related styles for you to view*/
#mycustomscroll {
/* Typical fixed height and fixed width example */
height: 355px;
overflow: auto;
/* IE overflow fix, position must be relative or absolute*/
position: relative;
background-color: #ffffff;

}

/* CSS container shadow */
  #shadow-container {
  position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}
#shadow-container .shadow1,
#shadow-container .shadow2,
#shadow-container .shadow3,
#shadow-container .container {
position: relative;
left: -1px;
top: -1px;
}

#shadow-container .shadow1 
{
	background: #CEDEFF;
}
 
#shadow-container .shadow2 
{
	background: #80A9FF;
}
 
#shadow-container .shadow3 
{
	background: #2F73FF;
}
 
#shadow-container .container 
{
	background: #ffffff;
	border: 1px solid #0046D7;
	padding: 0px;
}
/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : #ffffff;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.bronze
{
    color:#784703;  
}
.silver
{
    color:#8f9798;   
}
.gold
{
    color:#b18418;   
}
.diamond
{
    color:#08b5a7;   
}