body { background: #000 url(../layout-images/beardathon_Generic-BGtile.jpg) repeat-x; font-family: Helvetica, Arial, sans-serif; font-size: 11px; line-height: 15px; color: #ffffff; }
h1 { font-size: 11px; line-height: 11px; }
h2 { margin: 0 0 10px 0; }
h3 { font-size: 11px; }
p {line-height: 115%; margin: 8px 0;}

/* COMMON CSS CLASSES*/
.hidden { display: none; }
.clear { clear: both; }
.floatLeft { position: relative; float: left; }
.floatRight { position: relative; float: right; }
.homeBoxes { padding: 0 20px 0 30px; }




#nhlHeader { background: url(../layout-images/NHL_headertile.gif) repeat-x top; }
#nhlHeader img /*TEMP style*/ { display: block; margin: auto; }
#page { width: 990px; margin: auto; position: relative; }

#batLogo { position:relative; float:left; /*width:250px;*/ height:115px; margin-right: 35px; }

/*#sponsorLogo { position: relative; float: left; width: 320px; height: 65px; top: 25px; }*/
#sponsorBanner { position: relative; float: left; width: 560px; height: 65px; top: 25px; }

#socialLogos { position: absolute; top: -17px; left: 880px; }
#socialLogos span,
#socialLogos a,
#socialLogos img { vertical-align: middle; line-height: 17px; }
#shareLink { position: absolute; top: -17px; left: 790px; }
.searchTop { width: 110px; height: 10px; position: relative; top: 8px; left: 6px; float: left; }

#searchBtn { padding-top: 3px; float: left; }

/*SUB MENU*/
#subMenu { width: 972px; height: 63px; background: url(../layout-images/beardathon_submenu-bg.jpg) no-repeat; clear: both; margin: auto; }
#subMenu .loginButton { position: relative; z-index: 2; float: left; left: 18px; width: 200px; top: 17px; }
#subMenu .subMenuButtons { text-align: right; position: relative; float: right; right: 20px; top: 16px; }


#content { position: relative; margin: auto; width: 990px; background: url(../layout-images/beardathon_content-bg.jpg) center repeat-y; }
#contentLeft { float: left; width: 662px; margin: 0 0 0 9px; }
#contentRight { float: right; width: 302px; margin: 0 9px 0 0; }
#footer { clear: both; width: 752px; height: 84px; padding: 8px 10px 8px 210px; margin: 0 auto 8px; background: url(../layout-images/footer_bg.jpg) no-repeat;}






#homeRightcontent { height: 455px; background: url(../layout-images/home_charity-bg.jpg) no-repeat; margin-bottom: 10px; }
#homeTeamBanner { height: 250px; width: 300px; padding: 1px; margin-bottom: 10px; background: url(../layout-images/home_banner_BG.jpg) no-repeat; }
#homeTeamBanner p{ margin: 0; }
#homeBeardOfTheDay { float: left; width: 302px; height: 195px; padding-top: 20px; margin-bottom: 10px; background: url(../layout-images/home_botd_bg.jpg) no-repeat; }
#homeTopTeamBeards { float: right; width: 354px; height: 195px; padding-top: 20px; margin-bottom: 10px; background: url(../layout-images/home_leader_bg.jpg) no-repeat; }
#homeBuildABeard { float: left; width: 302px; height: 232px; padding-top: 20px; margin-bottom: 10px; background: url(../layout-images/home_build_bg.jpg) no-repeat; }
#homeHowItWorks { float: right; width: 354px; height: 232px; padding-top: 20px; margin-bottom: 10px; background: url(../layout-images/home_works_bg.jpg) no-repeat; }

/*BOXES*/
.boxGrowOneMsg { height: 235px; }
.boxGrowOneMsg h2 { padding-top: 22px; text-align: center; margin: 0; }
.boxGrowOneMsg .btnBox { text-align: center; margin-top: 5px; }

.boxTotalRaised { height: 220px; text-align: center; }
.boxTotalRaised h3 { margin: 10px 0; }

.boxBeardOfTheDay { }
.boxBeardOfTheDay .thumb { float: left; width: 100px; padding: 5px; margin-left: 10px; }
.boxBeardOfTheDay .thumb a { display: block; }
.boxBeardOfTheDay .thumb img { display: block; border: 1px solid #fff; }
.boxBeardOfTheDay .thumb span { display: block; text-align: center; }
.boxBeardOfTheDay .text { float: left; width: 150px; padding: 5px; }
.boxBeardOfTheDay .btnBox { clear: both; margin-left: 125px; }
#homeRightcontent .boxBeardOfTheDay { height: 215px; padding-top: 20px; }

.boxBuildABeard { text-align: center; }
.boxBuildABeard .flashHolder { margin: 15px 0; }
#homeRightcontent .boxBuildABeard { height: 200px; padding-top: 15px; }

.boxHowItWorks { }
.boxHowItWorks .btnBox { text-align: center; }


.boxTopTeamBeards { }
.boxTopTeamBeards table { width: 90%; margin: 0 5%; }
.boxTopTeamBeards table td { vertical-align: middle; padding: 0 3px; height: 26px; }
.boxTopTeamBeards table td.amount,
.boxTopTeamBeards table td.rank { text-align: right; }
.boxTopTeamBeards table td.rank { font-size: 16px; font-style: italic; font-weight: bold; text-align: right; }
.boxTopTeamBeards .btnBox { text-align: center; }



/*LEADER POPUP*/
.leaderPopup { display: none; background: #0d0d0d; border: 1px solid #ccc; padding: 10px; z-index: 100; }
.leaderPopThumb { position: relative; float: left; }
.leaderPopText { position: relative; float: left; left: 30px; width: 160px; text-align: left; }


/*LEADERBOARD PAGE*/
#leaderboardPage { background: url(../layout-images/BaT_Pages-bg.gif) no-repeat; height: 710px; width: 662px; margin-top: 6px; }
#leaderboardPage #leaderboardHeader { float: left; width: 300px; }
#leaderboardPage #leaderboardTotalCount { float: left; margin: 20px 0 0 0; text-align: center; }

#leaderboardPage #leaderboardSearch { float: right; margin: 10px 10px 0 0; }
#leaderboardPage #leaderboardSearch .textbox { width: 130px; height: 10px; font-size: 10px; vertical-align: middle; }
#leaderboardPage #leaderboardSearch .button { vertical-align: middle; margin-left: -9px; padding-top: 3px;}

#leaderboardPage #leaderboardScroll { overflow: auto; height: 643px; width: 652px; clear: both; margin: auto; }

#leaderboardPage table.leaderTable { width: 97%; border: 0 none; margin: auto; background: url(../layout-images/leaderboard_divider-tile.gif) top repeat-x; }
#leaderboardPage table.leaderTable tr { background: url(../layout-images/leaderboard_divider-tile.gif) bottom repeat-x; height: 33px; }
#leaderboardPage td { padding: 5px; }
#leaderboardPage td.leaderboardRank { width: 45px; font-size: 16px; font-weight: bold; font-style: italic; text-align: right; }
#leaderboardPage td.leaderboardName { width: 105px; white-space: nowrap; text-align: right; }
#leaderboardPage td.leaderboardDash { width: 1em; font-size: 16px; font-weight: bold; }
#leaderboardPage td.leaderboardLoc { font-weight: bold; }
#leaderboardPage td.leaderboardTotal { width: 50px; font-weight: bold; text-align: right; }
#leaderboardPage table.leaderTable table tr { background: none; height: auto; }
#leaderboardPage table.leaderTable table td { padding: 0 5px; }



/*LOGGED IN BOX*/
.loggedInBox { height: 60px; }
.loggedInBox .userImageBox { float: left; width: 72px; border-right: 1px solid #393939; margin: 2px 0 0 3px; }
.loggedInBox .userInfoTxtBox { float: left; width: 152px; padding: 5px 0 0 5px; }
.loggedInBox .userAmountBox { float: left; padding: 5px 0 0 5px; }
.loggedInBox .userInfoTxtBox h4 { margin-bottom: 3px; }
.loggedInBox .userInfoTxtBox p { margin: 0 0 3px 0; color: #fff; }
.loggedInBox .userInfoTxtBox p a { font-size: 10px; margin-right: 4px; color: #fff; }
.loggedInBox .userAmountBox h4 { margin-bottom: 10px; }
.loggedInBox .userAmountBox span { font-size: 18px; font-weight: bold; }


/*SEARCH PAGE*/
#searchPage { height: 710px; width: 662px; margin-top: 6px; overflow: auto; background: url(../layout-images/BaT_Pages-bg.gif) no-repeat; }
#searchPage hr { display: block; height: 0; border: 0 none; border-top: 1px solid #666; }
#searchPage .searchResult { }
#searchPage .imageHolder { float: left; margin: 10px; width: 100px; }
#searchPage .infoHolder { float: left; margin: 10px; padding: 25px 0 0 0; }


/*ID TABS*/
.idTabList { text-align: center; width: 66%; margin: auto; }
.idTabList li { list-style-type: none; float: left; }
.idTabList li a { display: block; height: 100%; padding-top: 10px; text-decoration: none; color: #555; }
.idTabList li a span.tabLine { display: block; font-size: large; font-weight: bold; font-style: italic; }
.idTabList li a.selected { color: #fff; }

/*ID TABS CONTAINER*/
.idTabsContainer { clear: both; margin-bottom: 10px; }
.idTabsContainer ul { list-style-type: none; }
.idTabsContainer ul li { line-height: 2em; vertical-align: middle; }
.idTabsContainer ul li label { float: left; clear: left; width: 18em; text-align: right; margin-right: 1em; }
.idTabsContainer ul li div { line-height: 2em; display:inline;}
.idTabsContainer ul li input, 
.idTabsContainer ul li select { vertical-align: middle; }


/* TEAM PAGE */
.homeTeamImage {width: 660px; height: 240px; }

/*SIGN UP PAGE*/
#signUp {height: 710px; width: 662px; margin-top: 6px; overflow: auto; background: url(../layout-images/BaT_Pages-bg.gif) no-repeat; }
#signUp .idTabList li { width: 24.9%; }
#signUp .descText { margin: 30px; clear: both; }
#signUp .btnBox { text-align: center; padding-top: 10px; }

#signUp #tab-1 ul { margin: 0 0 0 20px; }
#signUp #tab-1 ul li label {width: 210px;}
#signUp #tab-1 ul li input {width: 250px;}
#signUp #tab-1 ul li.country select {width: 120px;}
#signUp #tab-1 ul li.cityState input {width: 150px;}
#signUp #tab-1 ul li.cityState select {width: 120px;}
#signUp #tab-1 ul li.phone input {width: 120px;}

#signUp #tab-2 ul { margin-top: 20px; }
#signUp #tab-2 ul li { margin: 2px 0; }
#signUp #tab-2 ul li label { width: 330px; }
#signUp #tab-2 ul li label.getTeamUpdates { line-height: 100%;}

#signUp #tab-3 ul li { line-height: 2em; }
#signUp #tab-3 ul li label { float: none; clear: none; width: auto; margin: 0; }
#signUp #tab-3 ul li.preview img { vertical-align:text-top; margin-bottom:20px; border: 1px solid #ccc; }

#signUp #tab-4 h3 { font-size: 16px; }
#signUp #tab-4 .descText { margin-bottom: 60px; }


/*PLEDGE PAGE*/
#pledgeTop {width: 642px; height: 115px; text-align: center; margin: 6px 0 10px; padding: 10px; background: url(../layout-images/pledge_top-bg.jpg) no-repeat; }
#pledgeTop h2 { margin: 0; }

#pledge { width: 652px; height: 556px; padding: 5px; overflow: auto; background: url(../layout-images/pledge_content-bg.jpg) no-repeat;}
#pledge h2 { margin: 0; padding: 5px; }
#pledge p { font-weight: normal; color: #fff; margin: 0 0 0.2em 0; line-height: normal; }
#pledge input { vertical-align: middle; }
#pledge .idTabList li { width: 24.9%; }
#pledge .btnBox { text-align: center; padding-top: 10px; }

#pledge #tab-1 ol { margin: 0 0 0 20px; }
#pledge #tab-1 ol li { font-weight: bold; margin: 5px 10px 15px; list-style-type: decimal; }
#pledge #tab-1 ol li h4 { font-size: 11px; }
#pledge #tab-1 ol li label,
#pledge #tab-1 ol li p.note { font-style: italic; color:#fff;}
#pledge #tab-1 ol li p.note a { font-style: normal; }
#pledge #tab-1 ol li .donorName { padding-left: 25px; }
#pledge #tab-1 ol li#donationType p { margin-left: 15px; }

#pledge #tab-2 { padding: 5px 30px; }
#pledge #tab-2 ul li { margin: 3px 0; }
#pledge #tab-2 ul li label { width: 18em; }
#pledge #tab-2 ul li input { width: 18em; }
#pledge #tab-2 ul li.cityState input { width: 10em; }
#pledge #tab-2 ul li.cityState select { width: 9em; }
#pledge #tab-2 ul li.country select { width: 9em; }
#pledge #tab-2 ul li.phoneNumber input { width: 9em; }
#pledge #tab-2 ul li.cardSecurityCode input { width: 4em; }

#pledge #tab-3 {}
#pledge #tab-3 ul.topList { margin: 20px auto 0; }
#pledge #tab-3 ul li label { width: 330px; }

#pledge #tab-3 #formBlock,
#pledge #tab-3 #payPalBlock { margin-top: 20px; }

#pledge #tab-4 .finalMsg { margin-top: 30px; padding: 10px; text-align: center; }

/*PROFILE PAGE*/
#yourProfile {height: 710px; width: 632px; padding: 0 15px; margin-top: 6px; overflow:auto; background: url(../layout-images/BaT_Pages-bg.gif) no-repeat;}
#yourProfile #user_box .FB_Link { text-transform: capitalize; }
#yourProfile .profileBox { width: 300px; padding: 2px;}
#yourProfile #profilePicture { float: left; clear: left; min-height: 300px; padding: 0;margin: 25px 0 0 5px; }
#yourProfile #profilePicture img { }
#yourProfile #profileUserRating { float: right; clear: right; min-height: 240px; }
#yourProfile #profileUserRating .userRating { margin: 5px 0 0 20px; }
#yourProfile #profileUserRating .advice { }
#yourProfile #profileUserRating .advice ul li { margin-left: 30px; }
#yourProfile #profilePreviousPictures { float: left; clear: left; min-height: 180px; }
#yourProfile #profileInfo { float: right; clear: right; min-height: 180px; }
#yourProfile #profileInfo p { margin-bottom: 3px; }
#yourProfile #profileInfo p span { float: left; width: 8em; margin-right: 0.5em; clear: left; }
#yourProfile #profileButtons {  padding-top: 15px;}
#yourProfile .profilePledge { float: left; clear: left; }
#yourProfile #profilSendToFriend { float: right; clear: right; }
#yourProfile div.btnGradientLeft2 { width: 460px; height: 20px; text-align: center; position: relative; }
#yourProfile div.btnGradientLeft2 .lnkPledgeOnThisBeard { position: absolute; left: 40px; top: 0; }
#yourProfile div.btnGradientLeft2 .lnkSendToFriendSmall { position: absolute; right: 40px; top: 0; }
#yourProfile div.profilImportContacts { margin: 5px 15px 0; }
#yourProfile p { margin: 0 15px; }
#yourProfile h3 { margin: 15px 15px 5px; }
#yourProfile .jCarouselLite { margin: auto; }
#yourProfile .jCarouselLite li { margin: 0 5px 0 0; }
#yourProfile .jCarouselLite li img { border: 0 none; }
#yourProfile .jCarouselPaging { text-align: center; }
#yourProfile .lnkEditProfile { display: block; margin: 5px 15px 0; }
#yourProfile .btnGradientLeft { margin-left: -3px; }

#profileContributions { padding: 0 15px; margin: 6px 0; clear: both;}
#profileContributions table { text-align:left; width: 90%; }
#profileContributions table th,
#profileContributions table td { padding: 1px 3px; }
#profileContributions table .amount { text-align:right;  }
#profileContributions table th.comment { text-align:center;  }
#profileContributions a.lnkYourComments { position: relative; float: right; height: 17px; padding-top: 8px; margin-bottom: 20px; line-height: 17px; vertical-align: middle; }

#profileComments { padding: 0 15px; margin: 6px 0; clear: both;}
#profileComments ul { margin: 5px; }
#profileComments ul li { list-style-type: none; padding: 3px 0; border-top: 1px solid #fff; font-size: 90%; }
#profileComments ul li.first { border-top: 0; }
#profileComments h4 { margin: 0 7px 10px; font-size: 90%; }
#profileComments hr { height: 0; line-height: 0; display: block; border: 0 none; border-top: 1px solid #fff; margin: 10px 7px; }
#profileComments label { margin: 0 7px 0; }
#profileComments textarea { display: block; margin: 10px auto 20px; }
#profileComments .btnGradientLeft { position: static !important; }


/*THE CAUSE PAGE*/
#theCause .causeImage { width: 660px; height: 325px; margin:6px 0; }
#theCause .causeCounter { width: 335px; height: 100px; padding: 10px 15px; margin: 0 auto 10px; text-align: center; background:url(../layout-images/theCause_total-bg.jpg) no-repeat center top;}
#theCause .causeCounter h3 { margin: 10px 0; }
#theCause .causeCounter .flashHolder strong {display: block; margin-top: 15px; font-style: italic;}
#theCause .teamCharityCopy { width:620px; height:210px; background:url(../layout-images/theCause_content-bg.gif) no-repeat; padding:20px; }

/*HOW IT WORKS PAGE*/
#howItWorks ul li{ list-style-type: disc; margin-left: 15px;}
#howItWorks .howJoin { width:460px; height:212px; padding:10px 15px 10px 185px; margin:5px 0 6px; background:url(../layout-images/howWorks-join_bg.jpg) no-repeat; }
#howItWorks .howPledge { width:297px; height:213px; padding:10px 15px; margin-bottom:10px; background:url(../layout-images/howWorks-leftcol_bg.jpg) no-repeat; }
#howItWorks .howPledge ul { margin-bottom: 10px;}
#howItWorks .howPledge p.center { margin-top: 10px;}
#howItWorks .howGetPledges { width:297px; height:455px; float:right; padding: 10px 15px; margin: 0 1px 10px 0; background:url(../layout-images/howWorks-rightcol_bg.jpg) no-repeat; }
#howItWorks .howGetPledges ul { margin-bottom: 10px;}
#howItWorks .howGetPledges li { margin-bottom: 3px;}
#howItWorks .howGetPledges p.center { margin-top: 10px;}
#howItWorks .howFaq { width:282px; height:213px; padding:10px 15px 10px 30px; margin-bottom:10px; background:url(../layout-images/howWorks-leftcol_bg.jpg) no-repeat;}
#howItWorks .howFaq .faqQst { position:relative; float:left; clear:left; text-indent:-12px; margin-bottom:8px; cursor:pointer;}
#howItWorks .howFaq .faqTip { display: none; width:265px; height:150px; padding: 20px 65px 0px 45px; z-index: 100; background:url(../layout-images/FAQ_hoverbox.png) no-repeat;}

#contactUs { clear: both; width: 970px; height: 43px; padding: 10px 0; margin: 10px auto; background: url(../layout-images/how_contact-bg.jpg) no-repeat;}


/*RATE THE BEARDS PAGE*/
#rateBeards { background: url(../layout-images/BaT_Pages-bg.gif) no-repeat; height: 710px; width: 662px; margin-top: 6px; }
#rateBeards #previousBeard { float: left;  width: 136px; margin-left: 49px;	margin-top: 25px; }
#rateBeards #randomBeard {	float:right; width: 300px; margin-right: 49px; }
#rateBeards #previousBeard img,
#rateBeards #randomBeard img{ display: block; border: 3px solid #222;}
#rateBeards #previousBeard img { margin-top: 3px; }
#rateBeards .name {	margin-bottom: 5px; }
#rateBeards h4 { margin-bottom: 5px; font-weight: bold; font-size: 11px; }
#rateBeards #previousBeard .rating h4 {	float:left;	margin-right: 3px; }
#rateBeards #previousBeard .rating .hilighted { font-weight: bold; font-size: 12px; }
#rateBeards div.advice { margin: 0 auto 20px; width: 500px; font-size: medium; }
#rateBeards div.advice ul { margin: 25px 0; }
#rateBeards div.advice ul li { margin-left: 25px; list-style-type:circle;}

/*FAN ZONE PAGE*/
#fanZone .fanTop { width:630px; height:225px; padding:10px 15px 10px 15px; margin:5px 0 12px; background:url(../layout-images/fanZone_top-bg.jpg) no-repeat;}
#fanZone .fanTopLeft {float:left; width:140px; padding-top:25px; }
#fanZone .fanTopCopy {float:left; width:475px;}
#fanZone .fanTopCopy li {list-style:inside; margin-top:7px; margin-left:10px;}
#fanZone .fanTeamCopy {width:295px; height:425px; float:left; padding:15px; clear:both; background:url(../layout-images/fanZone_col-bg.jpg) no-repeat; }
#fanZone .fanTeamCopy img {margin:-21px 0 5px -15px;}
#fanZone .fanTeamCopy p.center img {margin:0;}
#fanZone .fanTeamCopy li {list-style:inside; margin-top:4px; margin-left:10px;}
#fanZone .fanSocial {width:305px; height:435px; float:right; padding:10px; background:url(../layout-images/fanZone_col-bg.jpg) no-repeat; }
#fanZone .fanSocialFeed {height:370px; overflow: auto; background:#fff; color: #000;}

#fanZone .fanSocialFeed ul.twitterFeed {margin: 5px;}
#fanZone .fanSocialFeed ul.twitterFeed li {border-top: 1px solid #eee; color: #999; padding: 7px;}
#fanZone .fanSocialFeed ul.twitterFeed li:hover {background: #f7f7f7;}
#fanZone .fanSocialFeed ul.twitterFeed li.first {border-top: 0 none;}
#fanZone .fanSocialFeed ul.twitterFeed li .content {font-size: small; }
#fanZone .fanSocialFeed ul.twitterFeed li a.date {font-size: x-small; color: #999; text-decoration: none;}
#fanZone .fanSocialFeed ul.twitterFeed li a.date:hover {text-decoration:underline;}

#fanZone .fanSocialFeed ul.facebookFeed {margin: 0 7px;}
#fanZone .fanSocialFeed ul.facebookFeed li {border-top:1px solid #eee; color: #333; margin-bottom:7px; min-height:50px; padding:7px 0 0 60px; position:relative;}
#fanZone .fanSocialFeed ul.facebookFeed li.first {border-top: 0 none;}
#fanZone .fanSocialFeed ul.facebookFeed li a.icon {position:absolute; left:0;}
#fanZone .fanSocialFeed ul.facebookFeed li h3 {font-weight:normal; overflow:hidden;}
#fanZone .fanSocialFeed ul.facebookFeed li h3 span.author{font-weight:bold;}
#fanZone .fanSocialFeed ul.facebookFeed li a {color: #3b5998; text-decoration: none;}
#fanZone .fanSocialFeed ul.facebookFeed li a:hover {text-decoration: underline;}
#fanZone .fanSocialFeed ul.facebookFeed li a.date {font-size: x-small; color: #777; }

#fanZone .fanTwittBtn {float:left; width:100px; height:22px; position:relative; top:7px; clear:both; background:url(../layout-images/fan_twittBtn-bg.jpg) no-repeat; padding-left:48px; padding-top:13px; }
#fanZone .fanFaceBtn {float:left; width:100px; height:22px; position:relative; top:7px; margin-left:7px; background:url(../layout-images/fan_faceBtn-bg.jpg) no-repeat; padding-left:48px; padding-top:13px; }