/* --- Site-wide settings --- */

body { background-color: #FFF; font-family: Verdana, sans-serif; font-size: 11px; margin: 0px; padding: 0px; margin: 0 auto; behavior:url("/media.introplay.com/css/csshover.htc"); }
a, a:visited, .a-class { color: #0070BF; text-decoration: none; }
button.a-class { background: inherit; border: none; font: inherit; padding: 0; }
a:hover, .a-class:hover { color: #97B4C9; }
a img { border: none; }
table th { text-align: left; vertical-align: top; width: 150px; }

table th.title-hide { position: absolute; top: -9999em; left: -9999em; }

.HorizRule { padding: 1em 0; min-height: 2px; width: 98%; background: url(../img/bg.horizrule.gif) 0 50% repeat-x; }
* HTML .HorizRule { height: 2px; }

ul.radiolist, ul.radiolist li {
    list-style-type: none;
    padding-left: 0;
}

ul.inline li {
    float: left;
}

.appBox { background-color: #FFF; border-bottom: 8px solid #01195F; padding: 16px; clear: left; }
* HTML .appBox { margin-right: 0; }
.appBox H3 { margin: 0 0 0 3px; padding: 0; }
.appBox.table { padding: 12px 0; }
.appBox.last { border-bottom: none; }
.appBox.pageHead { padding: 16px; }
.appBox.pageHead H2 { margin: 0 0 .25em 0; }
.appBox.pageHead .subTitle { margin: 0 0 0 10px; }
#friends_full .appBox { border: 0; padding: 24px 16px 0; width: 500px; }

.fakeData { color: red; }
.boxTitle { font-family: Trebuchet MS, Verdana, sans-serif; font-size: 141%; font-weight: bold; margin: 0; }
#profileTicker .boxTitle { margin: 0px 16px 10px; }
#playerBasic TABLE { float: left; width: 215px; padding: 0 10px; margin-top: 12px; }
#playerBasic TABLE TD SPAN { font-weight: bold; }
#playerBasic .ProfileActivities { float: left; width: 200px; padding: 0 10px; margin-top: 12px; }
#playerBasic .PlayerInfo { float: left; width: 135px; text-align: center; }
.liveTitle { color: #FFC32F; font-weight: normal; }
.Pagination { float: right; margin-right: 178px; padding: 12px; }
#footer { clear: both; padding: 12px 10px; border: none; width: 805px; float: right; border-top: 8px solid #FFF; }
#footer .footNav { margin-left: 10px; margin-bottom: 12px; }
#footerAd { height: 90px; margin: 12px 12px 12px 6px; width: 728px; }
#workoutBG { background-color: black; display: none; filter: alpha(opacity=80); height: 100%; left: 0px; opacity: .8; position: absolute; top: 0px; width: 100%; z-index: 0; }
#workoutBase { display: none; font-size: 10px; position: absolute; width: 925px; top: 50px; }
#workoutBase h3 { font-size: 14px; font-weight: bold; margin: 0px; }
#workoutBase a:hover, #workoutBase .a-class:hover { background-color: #0981FF; color: #FFF; }

#bundled_workout_summary { display: none; }

#ieframe { filter: alpha(opacity=0); display: none; height: 800px; left: 0px; opacity: 0; position: absolute; top: 0px; width: 100%; }

#loadingBase { background-color: #0981FF; color: white; float: right; opacity: 1; position: absolute; right: 0px; text-align: right; top: 0px; visibility: hidden; z-index: 60;}

.form_error_label { color: #BE0514; }
.form_error_text { font-size: 9px; }


/* --- base.html settings --- */

#main { background: url(../img/bg.main.gif) 0 0 repeat-y; margin: 0 auto; width: 995px; padding: 0; }
#maincolumn { width: 825px; float: right; padding: 0; border-left: 8px solid #01195F; }
#maincontent { width: 825px; padding: 0; background-color: #FFF; }

/* --- topbar --- */

#topbar { background-color: #FFF; border-bottom: 8px solid #01195F; padding: 12px 0px; width: 825px; }

#logoWrap { width: 242px; float: left; padding: 0 16px; }
#topAd { height: 90px; margin: 0 12px 12px; width: 728px; }
#mainLogo { display: block; padding: 12px 0;}
#pageTitle { display: block; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 20px; padding-top: 10px; text-align: left; width: 400px; float: left; }
#messages { color: #CF4401; font-weight: bold; padding: 16px 24px 0; float: left; }
#uberNav { color: #01195F; float: right; }
#TitleMessageWrap { padding: 0 15px; clear: both; }

#topbarNav { float: left; width: 420px; margin: 32px 0 0 24px; }
#topbarNav UL { list-style: none; padding: 0; margin: 0; }
#topbarNav LI { float: left; width: 75px; margin: 0; padding: 0 12px; text-align: center; background: #FFF; z-index: 10; }
#topbarNav LI A { color: black; font-weight: bold; }

#topbarNav .topbarTreb { position: relative; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 12px; }

#topbarNav .topPopup { width: auto; position: absolute; top: 16px; left: 7.5%; border: 1px solid #999393; padding: 8px 0 0; font-weight: normal; }
#topbarNav .topPopup UL { background-color: white; list-style-type: none; margin: 0; padding: 0; }
#topbarNav .topPopup UL LI { float: none; margin: 4px 0 0; padding: 0 5px; text-align: center; z-index: 9; }
#topbarNav .topPopup UL LI:hover { background-color: #009EFF; color: #FFF; cursor: pointer; }
#topbarNav .topPopup A { font-weight: normal; margin-left: 5px; }
#topbarNav .topPopup { }

.navigate-button { position: absolute; top: 17px; left: 45%; z-index: 15; }

/* --- sidebar --- */

#sidebar { width: 162px; background-color: #01195F; color: #FFF; float: left; }
.sideBox { background: #0170BF url(../img/bg.left-column-top.gif) no-repeat top center; clear: both; }
.bottom-shadow { min-height: 10px; background: url(../img/bg.left-column-bottom.gif) no-repeat bottom center; }
* HTML .bottom-cap { height: 10px; }

#side1 { min-height: 160px; position: relative; }
* HTML #side1 { height: 160px; }
#side2 { }
#side3 { }

.helpButton { display: block; width: 20px; height: 20px; float: right; background: url(../img/buttons/help.png) 0 0 no-repeat; }
* HTML .helpButton { background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='../img/buttons/help.png'); }
.helpButton SPAN { position: absolute; top: -9999em; left: -9999em; }
.helpHeader { float: left; }

#qm1 { float: right; }
#qm2 { padding-left: 39px; }
#qm_workout_summary { float: right; text-align: right; }

#alerts { color: #CF4401; background-color: white; border: #BE0514 solid 1px; margin: 40px 0px 0px 175px; position: absolute; text-align: left; width: 280px; }
#alerts ul { margin: 0px; padding: 0px; }
#alerts li { list-style-position: inside; list-style-type: disc; margin: 0px; margin-left: 5px; padding: 0px; }
#alertBox { background-color: #CF4401; cursor: pointer; padding: 6px 3px; text-align: center; width: 90px; /*margin-top: 135px;*/ position: absolute; bottom: 0; left: 0; }
#alertBox a { }
#alertLink { color: white; }

.sidebarHeaders { background-color: #01195F; color: white; font-weight: bold; padding: 6px 10px 4px; }
.sidebarHeaders a { color: white; }
.sidebarHeaders H3 { margin: .25em 0; font-size: 100%; }
#sideAd { height: 600px; margin: 10px 0px 0px 10px; width: 120px; }
.sideAdWrap { padding: 10px; }

/* --- sidebar calendar settings --- */

#new_calendar { background-color: white; border: 1px solid #0070BF; border-collapse: separate; border-spacing: 0px; /* for normal browsers that support CSS */ border-spacing: expression(cellSpacing=0);  /* and why you should _HATE_ ie */ font-family: Verdana, Arial, sans-serif; font-size: 10px; width: 162px; }
#new_calendar a { color: #0070BF; padding: 2px; }
#new_calendar a:hover { color: #97B4C6; }
#new_calendar td, #new_calendar th { text-align: center; vertical-align: middle; width: 7%; }
#new_calendar th { border-bottom: 2px solid #81b8df; color: #03236e; padding: 4px 2px; }

.day_header { color: #03236D; font-weight: bold; }
.cal_in_month { color: #999393; height: 20px; width: 20px; }
.cal_in_month a, .cal_in_month a:visited { font-weight: bold; }
.cal_not_in_month { color: #999393; font-weight: normal; height: 20px; width: 20px; }

.a_workout { background-color: #DFF1FF; }
.not_a_workout { background-color: white; }

#new_calendar td.right_now a { color: #FFF; font-weight: bold; background-color: #0070BF; padding: 1px; }
#new_calendar td.right_now { }
#new_calendar td.right_now a:hover { color: #97B4C6; }

.leaguesList { display: block; padding: 3px 0px;   /*top-bottom spacing *in* the div*/ }
.leaguesList a { border-width: 0px; color: white; padding: 0px 10px;   /*right-left spacing around the link*/ }
.leaguesList a:hover,
.leaguesList a:visited { color: white; }
.leaguesList:hover { background-color: #009EFF; }

#createLeague TR { padding: 10px 0; position: relative; }
.form-note { position: absolute; top: 0; right: 0; }
#id_private UL,
#id_private LI { list-style-type: none; padding-left: 0; margin: 0; }
#id_private LI { float: left; margin-right: 10px; }
#id_private LI INPUT { vertical-align: bottom; }

#leagueTop.header H1 { display: inline; }
#leagueBase .rightColumn .panel-wrap .panel .block#invite { padding-bottom: 16px; } 
#leagueBase .rightColumn .panel-wrap .panel .block A#invite { display: block; text-align: center; } 
#leagueBase .rightColumn .panel-wrap .panel .block P#invite { font-weight: bold; text-align: center; } 

#leagueMenu { padding-bottom: 16px; }
#leagueMenu #leagueNavRight,
#leagueMenu #leagueNavRight LI,
#leagueMenu #leagueNavRight UL,
#leagueMenu #leagueNavRight UL LI { text-align: left; list-style: none; padding: 0; font-weight: bold; }
#leagueMenu #leagueNavRight .menuHeader { padding: 8px 0 0; }
#leagueMenu #leagueNavRight .menuHeader UL LI { padding-left: 16px; }
#leagueMenu #leagueNavRight .menuHeader LI { margin: 4px 0; }


/* -------- Center Column --------- */

.centerColumn { width: 610px; float: left; margin: 0; padding: 0; }

/* -------- Right Column --------- */

.rightColumn { width: 209px; background: #FFF; float: right; margin: 0; padding: 0; }
.rightColumn .panel-wrap { width: 200px; margin-top: 9px; padding-right: 9px; background: url(../img/bg.column-shadow.gif) no-repeat top right; }
* HTML .rightColumn .panel-wrap { padding-right: 7px; }
.rightColumn .panel-wrap .panel { width: 200px; border: 1px solid #CBCBCB; position: relative; }
#shadow-bottom { background: url(../img/bg.column-shadow-bottom.gif) no-repeat top right; min-height: 18px; width: 209px; margin: 0; padding: 0; }
* HTML #shadow-bottom { height: 18px; }
/*.rightColumn .panel-wrap .panel .block { width: 176px; padding: 0 12px; }
*/
div.levels label { display: block; float: left; text-align: left; margin: 20px 0 0 0; width: 40px; }
div.levels { display: block; margin-bottom: 20px; text-align: right; vertical-align: bottom; }
* HTML div.levels { }
.vitalsImage { border: none; margin: 0 -4px 0 0; width: 15px; }
#vital-alert { position: absolute; top: 4px; right: 4px; }

#vitalsform { color: #514F4F; margin: 0; }
#vitalsform UL { width: 180px; list-style-type: none; margin: 10px auto 0; padding-left: 0; font-size: 92.5%; }
#vitalsform UL LI { font-weight: bold; padding: 8px 0; margin: 0; clear: both; }
#vitalsform UL.blue-box { background: #DFEAFE; width: 200px; margin-top: 0; padding: 5px 0; position: relative; }
#vitalsform UL.blue-box LI { padding-left: 12px; }
#vitalsform UL.blue-box .helpButton { position: absolute; bottom: 5px; right: 5px; }
#vitalsform UL LI#vital-header { padding-bottom: 0; }
#vitalsform UL LI#yesterday_vitals { padding-bottom: 0; font-size: 112%; color: #111; }
#vitalsform UL LI SELECT { border: 1px solid #999; }
#vitalsform #vitals-table { width: 92.5%; border-collapse: collapse; }
#vitalsform #vitals-table TD { width: 50%; vertical-align: bottom; border-bottom: 10px solid #FFF; }
#vitalsform #vitals-table TD.vital-bars { text-align: right; }
#vitalsform H3 { color: #111; font-family: Trebuchet MS, Verdana, sans-serif; font-size: 141%; font-weight: bold; margin-bottom: 0px; margin-top: 0; }

#heart_rate { line-height: 1em; }
#vitamin { margin-bottom: 0; }
#vitamin LABEL { margin-top: 2px; }
#vitamin IMG { float: left; margin-left: 16px; }

.vIntegerField { border: 1px solid #999; padding: 2px; width: 30px; margin: 0 2px; }

#alcohol { width: 180px; }
#id_error_icon { font-size: 11px; }
#error_message { font-size: 10px; }
#id_saving { background-color: #0981FF; color: #FFF; font-size: 10px; font-weight: normal; margin-left: 38px; visibility: hidden; }
/* for the saving nodes in the workout entry pane */
.saving { visibility: hidden; float: right; background-color: #009EFF; color: #FFFFFF; }

#talk { margin: 0px 8px; padding: 2px; position: relative; z-index: 1; }
#talk th { font-family: Trebuchet MS, Verdana, sans-serif; }
#talk h3 { margin: 0px; }

#talk td { padding-top: 10px; }

/* for public talk */
.publicInput { width: 112px; } 


/* --- player analysis in locker room --- */

#lockerPlayer { }
#PlayerInfo { padding-bottom: 1em; text-align: center; }
.ProfilePhoto { float: left; height: 133px; width: 80px; padding: 0 12px; text-align: center; }
#profilePhoto { }
#leaugeTable { float: left; margin-top: 8px; }
#lockerPlayerStats { float: left; margin: 16px 0 0 4px; width: 256px; text-align: left;}
.playerStat { font-weight: bold; padding: 4px; width: 165px; }
#lockerGraphWrap { width: 578px; margin-top: 24px; position: relative; zoom: 1; z-index: 1; }
.lockerGraph { float: left; height: 145px; margin: 0 24px 0 0; width: 245px; }

/* --- league stats in the locker room --- */
#lockerLeagueSummary { }
#lockerLeagueSummary FORM { float: right; width: 180px; }
#lockerLeagueSummary H3 { float: none; }
#lockerLeagueSummary H3#introLeaguesHeader A { color: #000; }
#lockerLeagueSummary table { width: 500px; padding: 0 0 12px; }
#publicSignups { padding-bottom: 8px; }

/* --- introLEAGUES --- */
#LeagueInfo { float: left; }
#introleagues { width: 100%; }
#leagueStats { border-bottom: none; }

/* for the create introLEAGUE page */
#easyTitle { margin: 5px; }

/* for the live leagues on the league summary page */
#liveLeagues table{ width: 600px; }
#liveLeagues td,th { width: 25%; }

/* this is for the invite box in the invitation stage of the league page */
#invite BUTTON{ width: 90%; }
#invite p { text-align: center; }
#friendTable { border: 1px solid #514F4F; margin: 0; padding: 0; border-spacing: 0px;}
#friendTable td { height: 20px; vertical-align: middle; }

/* status for invitation/team creation widgets */
.blueStatus { background-color: #01195F; color: #FFFFFF; }

/* for the league info table individual league pages */
#tblLeagueInfo { width: 100%; }
#tblLeagueInfo td,th { width: 25%; }
.leagueTable { padding: 1em 0; }

.standings { border-collapse: collapse; width: 100%; }
.standings th { width: auto; }

/* --- Workout Analysis --- */
th.analysisStat { text-align: right; }
#statBtns { float: left; width: 200px; height: 200px;  margin: 8px; }
#statBtns button { width: 200px; }

/* --- profile ticker --- */
#profileTicker { width: 100%; /* width: 615px; */ }
#profileTicker TABLE { border-collapse: collapse; margin: 0 0 12px; padding: 0; width: 100%; }
#profileTicker TD { vertical-align: top; }

.tickerCell1 { padding-left: 17px; padding-top: 8px; width: 25%; }
.tickerCell2 { height: 50px; padding-top: 8px; width: 25%; }
.tickerCell3 { padding-right: 12px; padding-top: 8px; width: 50%; }
.tickerActivityName { width: 176px; }
.tickerActivityDuration { width: 110px; }
.tickerRow1 { background-color: #E5E1E0; }
.tickerRow2 { }
.tickerNotes { padding-left: 12px; }
.tickerInjury { padding-bottom: 12px; padding-left: 12px; }
.tickerTotalPoints { font-size: 15px; font-weight: bold; }

.tickerTotal { }

.tickerTotalMinutes { border-top: 1px solid #AAAAAA; margin-right: 50px; padding-bottom: 7px; }

/* --- splash screen tour --- */
#tourContainer { background-color: white; display: none; float: right; left: 0px; opacity: 1; position: absolute; top: 0px; }

/* --- workout journal --- */

#workoutJournal { min-height: 608px; position: relative; z-index: 2; width: 925px; margin: 0 auto; top: -8px; }
* HTML #workoutJournal { height: 608px; }
#workoutGlow { position: absolute; z-index: 1; width: 955px; background: url(../img/bg.glow-tile.png) top center repeat-y; }
#workoutGlow #glow-top { position: absolute; top: -22px; height: 22px; width: 955px; }
#workoutGlow #glow-btm { position: absolute; bottom: -22px; height: 22px; width: 955px; }
* HTML #workoutGlow { background: none; }
* HTML #workoutGlow #glow-btm,
* HTML #workoutGlow #glow-top { display: none; }
#journalbar-btm { position: absolute; bottom: -14px; height: 15px; width: 925px; }

#workoutTopWrap { background: url(../img/journalbar.gif) top center no-repeat; padding-top: 6px; }
#workoutTop { min-height: 30px; color: #FFF; background: #000; font-family: Trebuchet MS, Verdana, sans-serif; margin-top: 6px; }
* HTML #workoutTop { height: 30px; }
#workoutTop H1 { float: left; color: #FFF; font-size: 150%; font-weight: bold; padding: 0 16px; margin: 0; }
#workoutTop #workout-wrap A { }
#workoutTop SPAN { font-size: 133%; font-weight: bold; margin: 0 5px; }
#workoutTop #finishedButton { float: right; height: 20px; margin: 0 10px; width: 57px; }
#workoutTop #nextButton { float: right; height: 20px; margin: 0 10px; width: 57px; }

#workoutTop A { background-color: black; }

#workoutActivity { float: right; font-weight: bold; width: 625px; min-height: 600px; background-color: #FFF; line-height: 1em; }
* HTML #workoutActivity { height: 600px; }
#workoutActivity BUTTON { background: none; border: none; color: #0070BF; font-size: 100%; padding: 0; }
#workoutActivity BUTTON:hover,
#workoutActivity BUTTON.sfhover { background: #0981FF; color: #FFF; }
#workoutActivity h3 { font-family: Trebuchet MS, Verdana, sans-serif; margin-bottom: 10px; }

#workoutWrap { background: url(../img/bg.workoutWrap.gif) 0 0 repeat-y; }

#activityWrap { padding: 12px; }
#workoutSide { background: #CCC; float: left; width: 300px; }

#wShortcuts { float: right; width: 170px; }
#wShortcutsTop { background-image: url('../img/box_top.jpg'); background-repeat: no-repeat; height: 30px; }
#wShortcutsMiddle { background-image: url('../img/box_middle.jpg'); background-repeat: repeat-y; padding-left: 20px; }
#wShortcutsBottom { background-image: url('../img/box_bottom.jpg'); background-repeat: no-repeat; height: 30px; }
#wShortcuts a { font-weight: normal; }
#wShortcuts ul { list-style-type: none; margin: 0px; padding: 0px; }

#workout { min-height: 265px; padding: 10px; color: #000; background-color: #0981FF; line-height: 17px; overflow: auto; margin: 0; }
* HTML #workout { height: 265px; }
#workout a, #workout .a-class { color: #BE0514; font-size: 12px; font-weight: bold; text-decoration: none; }
#workout a:hover, #workout .a-class:hover { text-decoration: underline; }
#workout h3 { font-family: Trebuchet MS, Verdana, sans-serif; margin: 8px 0px 7px 0px; }

#workout_summary_div TD { text-align: left; }
#workout .delete-workout FORM { display: inline; }
#workout .delete-workout .X { display: block; width: 12px; text-align: center; }

table.workout { border: 0px; border-collapse: collapse; color: #000000; font-size: 10px; font-weight: normal; margin: 0px; padding: 0px; }
table.workout td { border: 0px; line-height: 12px; margin: 0px; padding: 0px 1px; }
tr.workouthead { color: #FFF; }
td.workoutNotesBottom { padding-top: 10px; vertical-align: top; }
#workoutNotes, 
#journalFormWrap,
#workoutInjuryReport { background: #CCC; }
#notesContainer { background-color: #CCC; }
#notesContainer textarea { height: 200px; width: 278px; }
#notesContainer h3 { font-family: Trebuchet MS, Verdana, sans-serif; }
#notesNotify { background-color: #F7C32F; left: 60px; padding-right: 2px; position: absolute; text-align: center; top: 414px; visibility: hidden; width: 190px; }
#sJournal { float: right; font-size: 10px; margin-right: 1px; margin-top: 1px; visibility: hidden; }

#workoutInjuryReport { display: none; }
#SaveWorkout { bottom: 20px; cursor: pointer; font-size: 10px; font-weight: bold; text-decoration: underline; visibility: visible; }
#SaveWorkoutForm { bottom: 20px; color: #FFF; font-size: 10px; font-weight: normal; visibility: hidden; }
#SaveWorkoutFormText { width: 100px; }

/* --- Activites --- */

#actTimePlace { width: 462px; }
#actTimePlace ul { list-style-position: outside; list-style-type: none; margin-left: 0px; margin-top: 0px; padding-left: 0px; }
#actTimePlace li { margin-left: 0px; }
#id_genericP { margin-left: 5px; width: 458px; }
#id_genericP input { width: 30px; }
.activityHead { color: #000; font-weight: bold; }
table.activities { border-spacing: 0px; color: #514F4F; font-weight: normal; padding-top: 10px; width: 420px; }
.actSubhead { background: url("../img/act_header_bg.gif") no-repeat; color: #0981FF; font-weight: bold; margin-top: 12px; padding-left: 5px; }
.actSubhead a { color: #000; float: right; font-weight: normal; }
.actSubheadWide { background: url("../img/act_header_bg_wide.gif") no-repeat; color: #0981FF; font-weight: bold; margin-top: 12px; padding-left: 5px; }

.actSubheadWide a { color: #000; float: right; font-weight: normal; }
#activitiesBase { font-weight: normal; overflow: auto; }
#activitiesBase table { width: 100%; }
#actBasicInfo { border: 3px solid #FC0; position: relative; visibility: hidden; }
#actGeneralInfo { position: relative; width: 462px; }
#actGeneralInfo td { width: 50%; }
#actGeneralInfo input { width: 30px; }

td.terrain { width: 60px; }
#actGeneralInfo input { width: 30px; }
#actParticipants { position: relative; }

/* --- Running Foo, at least for now. Some of these may end up as cross activity ids --- */
#id_time_HH, #id_time_MM { width: 20px; }
#id_distance { width: 30px; }
#id_distance_type { width: 50px; }
.tbl_running_leg { border-spacing: 0px; padding: 0px; }
.tbl_running_leg td { border-style: dashed; border-top: 0px; border-width: 1px; }
.GenericP { /* this might need to be changed to height since IE doesn't understand max-height */ max-height: 175px; overflow: auto; width: 462px; }
.GenericP td { border-color: #999; border-style: dashed; border-width: 1px; }
.GenericForm td { border-style: none; border-width: 0px; }

#RunningP { /* this might need to be changed to height since IE doesn't understand max-height */ max-height: 175px; overflow: auto; width: 462px; }
#RunningP td { border-color: #999; border-style: dashed; border-width: 1px; }
#divRunningForm table, #divRunningForm td { border-style: none; border-width: 0px; }
#divRunningForm { width: 100%; }
#actGeneralInfo label { float: left; margin-top: 7px; text-align: left; width: 100px; }
#raceInfo input { width: 40px; }
#raceInfo #id_event_name { width: 80px; }

/* For golf_nongeneric.html, which isn't currently being used
#golfSeq { background-color: #E5E1E1; }
#golfSeq input { width: 24px; }
#golfSeq { border-spacing: 0px; }
#golfNum td { text-align: center; width: 5%; }
*/

/* --- Community Workout Ticker --- */
#workoutTicker { padding-left: 12px; padding-right: 212px; padding-top: 8px; }
#workoutTicker table { border-collapse: collapse; font-size: 11px; }
#workoutTicker h2 { margin: 0px; }

/* --- Friends --- */
#yourFriends { padding: 12px; }
#yourFriends td { width: 80px; }
.ClearFix { clear: both; font-size: 0; height: 0; line-height: 0; }
.clearMe { clear: both; height: 0; }

#friends_mini { padding: 3px; height: 315px; }
#friends_mini ol{  display: inline; padding: 0; margin: 0; } 
#friends_mini li{ display: inline; padding: 0; margin: 1px; }

#miniNav { width: 100%; text-align: center; }
#miniNav A { font-size: 24px; font-weight: bold; }

#friends_full{ min-height: 735px; }
.friendsApp { width: 615px; border: none; border-collapse: collapse; }

.friendShortTable { width: 500px; border: none; border-collapse: collapse; }
.friendShortTable TBODY { border: none; border-collapse: collapse; }
.friendShortTable .friendsButtons TD { width: 33%; }
.friendShortTable .friendsButtons TD FORM { display: inline; }
#friendRightColumn { margin-left: 620px; position: fixed; width: 209px; display: none; } 
* HTML #friendRightColumn { margin: 0; } 

/* profile "player card" */
#playerBasic td{ vertical-align: top; }
#profilePlayerStats { width: 550px; }
#pCardPhoto { text-align: center; }
#pCardPhoto img { margin: 10px auto; }
.cardGraph {  height: 145px; width: 245px; padding: 0; } 

/* profile Edit */
.profileData ul { list-style-type: none; margin: 0; padding: 0; }
#acctSettings th { vertical-align: middle; }

/* -- Site Elements -- */

/* these are for the league invitation widget but they should probably be used anywhere we have alternating rows */
.row1 { background-color: #e5e1e0; }
.row2 { background-color: #ffffff; }
.rowY { background-color: #FFF999; }

/* league summary tabs will probably be used elsewhere as well */
.tabs { text-align: center; font-size: 112%; margin: 0 16px; padding: 0; border-bottom: 1px solid #01195F; width: 94%; }
.tabs ul { width: 364px;  margin: 0 auto; padding: 0; }
.tabs li { list-style-type: none; float: left; width: 100px; background-color: #DFF1FF; border: 1px solid #01195F; border-bottom: none; padding: 5px; color: #01195F; cursor: pointer; margin: 0; }
.tabs li:hover { text-decoration: underline; }
.tabs .activeTab { font-weight: bold; background-color: #0170BF; color: #FFFFFF; }
.tabs .middleTab { border-left: 0px; border-right: 0px; } 


/* -- Buttons -- */

.PushButton { background: url(../img/bg.button-shadow.gif) no-repeat bottom right; position: relative; padding-right: 3px; margin: 6px; border: none; }
* HTML .PushButton { padding-right: 6px; }
.PushButton SPAN { font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold; display: block; padding-bottom: 12px; font-size: 12px; background: url(../img/bg.button-bottom.gif) no-repeat bottom left; }
.PushButton SPAN SPAN { background-color: #0170BF; background-image: none; color: #FFF; text-align: center; padding: 8px 10px; zoom: 1; }
.PushButton.sfhover SPAN SPAN,
.PushButton:hover SPAN SPAN { background-color: #99B4C9; }
.PushButton:hover { cursor: pointer; }

.PushButton#closeBtn,
.PushButton#talkBtn { width: 76px; float: left; }
.PushButton#pubtalkBtn { }
.PushButton.btsmall { width: 58px; }
#talk .PushButton.btsmall { float: right; margin: 0; }
.appBox { position: relative; zoom: 1; }
.appBox .PushButton.btn-top-right { width: 180px; position: absolute; top: 10px; right: -6px; zoom: 1; }
.appBox#playerBasic .PushButton { margin: 0; width: 132px; }
.appBox#playerBasic .PlayerInfo .PushButton.btnEdit { width: 76px; }
.friendShortTable .friendsButtons TD .PushButton { width: 140px; }

/* 1-on-1 Talk */

#talk ol { list-style: none; padding-left: 0; margin-left: 0; clear: both; }
#talk .talk-new { /* background-color: #DFEAFE; does nothing for now */ }
#talk ol.talk-full-history { overflow: scroll; height: 25em; }
.talk-sender { font-weight: bold; }
.talk-time { font-size: 8px; color: #514F4F; }
.talk-private { color: black; }
.talk-public { color: black; }

/* for contact us, stuff that comes up from the footer */

#contactBase { background-color: white; display: none; height: 445px; left: 0px; padding: 20px 0px 0px 20px; position: absolute; bottom: 0px; width: 335px; } 


/* for log in page */

.rightColumnLogin { width: 309px; background: #FFF; float: right; margin: 0; padding: 0; }
.centerColumnLogin { width: 410px; margin: 0; padding: 0; }
#pProfileBtns { text-align: center; }
#pProfileBtns button{ width: 150px }