html, body
{
	font-family: "Trebuchet MS",Verdana,"Lucida Grande","Lucida Sans Unicode",Tahoma,Arial,sans-serif;
	color: Black;
	font-size: 13.5px;
	line-height: 130%;
	margin: 0;
	padding: 0;
	
	height: 100%;
	min-height: 100%;
	
	/* Workaround for chrome */
	background: transparent url('../../Resources/Images/shadow.png') repeat-y fixed 50% 50%;
}

.PageShadow
{
	height: 100%;
	min-height: 100%;
	width: 975px;
	margin: 0 auto;
}

.PageCenter
{
	height: 100%;
	min-height: 100%;
	width: 940px;
	margin: 0 auto;
	text-align: justify;
}

.SiteName
{
	position: relative; 
	left: 70px; 
	top: 20px;
}

/* Search box */
.SearchBox { width: 250px; }
.SearchBoxWatermark { color: #7D9EFF; }

/* Footer */
.Copyright { font-size: smaller; }

/* Skyscraper */
.Skyscraper { width: 120px; text-align: center; left: auto; right: auto; }

/* Slides */
.SlideContainer { float: left; width: 600px; }
.SlideContainer .WidgetContainer { width: 100%; }
.SlideContainer .WidgetContainer .SlideImageStyle {}

.SlideContainer
.MenuContainer 
{ 
	clear: both;
	float: left;
	width: 100%;
	background-color: #99CCFF; 
	height: 35px;
}

.SlideContainer 
.MenuContainer 
.SlideButtonContainer 
{ 
	float: left;
	background-color: White;
	margin: 3px 0px 3px 6px;
	text-align: center;
	vertical-align: middle;
	height: 24px;
	width: 140px;
	padding-top: 4px;
	padding-bottom: 1px;
}

.SlideContainer 
.MenuContainer 
.SlideButtonContainer:hover
{
	background-color: #FFCC33;
}

.SlideContainer 
.MenuContainer 
.SlideButtonContainer 
.SlideButtonStyle 
{
	text-decoration: none;
	font-weight: bold;
	color: #7D9EFF;
}

.SlideContainer 
.MenuContainer 
.SlideButtonContainer
.SlideButtonStyle:hover { color: #7D9EFF; }

.SlideContainer 
.MenuContainer 
.SlideButtonContainer
.SlideButtonStyle:focus { color: #7D9EFF; }

/* selected */
.SlideContainer 
.MenuContainer 
.SlideButtonSelectedContainer 
{ 
	float: left;
	background-color: Black; 
	margin: 3px 0px 3px 6px;
	text-align: center;
	vertical-align: middle;
	height: 22px;
	width: 140px;
	padding-top: 4px;
	padding-bottom: 1px;
	border: Solid 1px White;
}

.SlideContainer 
.MenuContainer 
.SlideButtonSelectedContainer 
.SlideButtonStyle 
{
	text-decoration: none;
	font-weight: bold;
	color: White;
}

/* Membership Access */
.MembershipAccessContainer { width: 330px; height: 265px; float: left; border: Solid 1px Gray; background-image: url('../../Resources/Images/MemberAccessBG.jpg'); background-repeat: repeat; }
.MembershipAccessContainer .Spacer { height: 5px; width: 100%; }
.MembershipAccessContainer .TitleContainer { width: 100%; text-indent: 5px; padding-top: 10px; padding-bottom: 10px; }
.MembershipAccessContainer .TitleContainer .TitleLabel { font-size: 20px; font-weight: bold; }
.MembershipAccessContainer .UserDetailsContainer { width: 95%; margin-left: auto; margin-right: auto; }
.MembershipAccessContainer .SeparatorLine  
{
	width: 100%; 
	margin-left: auto; 
	margin-right: auto; 
	text-align: center; 
	padding-top: 10px; 
	padding-bottom: 10px; 
	text-align: center;
	height: 2px;
	clear: both;
}
.MembershipAccessContainer .HelpLinksContainer { width: 100%; }
.MembershipAccessContainer .HelpLinksContainer .SignInTroubleHyperLinkContainer { width: 100%; text-indent: 5px; }
.MembershipAccessContainer .HelpLinksContainer .SignInTroubleHyperLinkContainer .SignInTroubleLink { }
.MembershipAccessContainer .HelpLinksContainer .ForgotYourPasswordHyperLinkContainer { width: 100%; text-indent: 5px; }
.MembershipAccessContainer .HelpLinksContainer .ForgotYourPasswordHyperLinkContainer .ForgotYourPasswordLink { }
.MembershipAccessContainer .HelpLinksContainer .PasswordProtectionHyperLinkContainer { width: 100%; text-indent: 5px; }
.MembershipAccessContainer .HelpLinksContainer .PasswordProtectionHyperLinkContainer .PasswordProtectionLink { }

.MembershipAccessContainer .LoggedInUser { width: 100%; }

/* Promotions */
.PromoFeaturesContainer { float: left; width: 640px; margin-left: 5px; }
.UnderLoginPromo { width: 335px; }
.FeaturePromo { float: left; }

/* Benefits accordion */
.BenefitsContainer { float: left; width: 290px; }
.BenefitsContainer .Title { background-color: #9595FF; color: White; font-weight: bold; border-top: Solid 1px Black; border-right: Solid 1px Black; border-left: Solid 1px Black; text-align: center; padding: 5px; }
.BenefitsContainer .HeaderContainer { cursor: pointer; min-height: 15px; padding: 5px; margin-bottom: 2px; border: Solid 1px Black; background-color: #99CCFF; }
.BenefitsContainer .HeaderContainer .Content { font-weight: bold; color: White; }
.BenefitsContainer .HeaderSelectedContainer { min-height: 15px; margin-bottom: 2px; padding: 5px; border: Solid 1px Black; background-color: #CCCCCC; }
.BenefitsContainer .HeaderSelectedContainer .Content { font-weight: bold; color: Black; }
.BenefitsContainer .ContentContainer { padding: 5px; }
.BenefitsContainer .ContentContainer .Content {  }

/* Privacy Policy page */
.PrivacyPolicy { }
.PrivacyPolicy h1 { text-transform: uppercase; font-weight: bold; margin-bottom: 0; margin-top: 0; }
.PrivacyPolicy h2 { font-weight: bold; font-size: 14pt; margin-bottom: 0; margin-top: 0; }
.PrivacyPolicy h3 { font-weight: bold; font-size: 12pt; margin-bottom: 0; margin-top: 0; }

/* Item container inlcuding Sign Up page & profile page */
.ItemContainer { width: 100%; }
.ItemContainer .Row { width: 100%; float: left; padding-top: 5px; padding-bottom: 5px; clear: both; }
.ItemContainer .Row .Label { width: 150px; float: left; margin-right: 5px; text-align: right; vertical-align: middle; }
.ItemContainer .Row .Input { float: left; }
.ItemContainer .Row .PasswordStrengthContainer { float: left; }
.ItemContainer .Row .PasswordStrengthContainer .PasswordStrength { background-color: Transparent; vertical-align: middle; }

/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(../../Resources/Images/Stars/FilledStar.png);
}

.emptyRatingStar {
    background-image: url(../../Resources/Images/Stars/EmptyStar.png);
}

.savedRatingStar {
    background-image: url(../../Resources/Images/Stars/SavedStar.png);
}

/* Google adsense */
.GoogleAdsenseHoriz { width: 730px; }
.GoogleAdsenseVert { width: 120px; }

/* Frequently asked questions */
.FAQ
{
	width: 100%;
}

.FAQ .Category
{
	width: 98%;
	padding: 5px;
	min-height: 20px;
	background-color: #E4E4E4;
	cursor: pointer;
	margin-bottom: 2px;
}

.FAQ .Category a
{
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

.FAQ .Item
{
	width: 98%;
	margin: 0;
}

.FAQ .Item .Header
{
	width: 100%;
	background-color: #33CCFF;
	border: solid 1px black;
	padding: 4px;
	min-height: 20px;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	color: White;
	font-weight: bolder;
}

.FAQ .Item .Content
{
	width: 98%;
	padding: 4px;
	font-weight: normal;
}

/* link reciprocal / partners */
.Link
{
	width: 100%;
}

.Link .Category
{
	width: 98%;
	padding: 5px;
	min-height: 20px;
	background-color: #E4E4E4;
	cursor: pointer;
	margin-bottom: 2px;
}

.Link .Category a
{
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}

.Link .Item
{
	width: 98%;
	margin: 0;
}

.Link .Item .Header
{
	width: 100%;
	background-color: #33CCFF;
	border: solid 1px black;
	padding: 4px;
	min-height: 20px;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	color: White;
	font-weight: bolder;
}

.Link .Item .Content
{
	width: 98%;
	padding: 4px;
	font-weight: normal;
}

.ProgressBackgroundFilter { 
  position:absolute; 
  top:0px; 
  bottom:0px; 
  left:0px; 
  right:0px; 
  overflow:hidden; 
  padding:0; 
  margin:0; 
  background-color:#000;  
  filter:alpha(opacity=20); 
  opacity:0.2;
  z-index:1000; 
}
 
.ProcessMessage {  
  top:50%;  
  margin: 0 auto; 
  width: 32px;
  z-index:1001;
}