/* FooterStickAlt: http://www.themaninblue.com/writing/perspective/2005/08/29/ */

/* pga
  blue: #5f5d56
*/

html { height: 99%; }

body, input, textarea, select, input[type=file], .small, .fine, .tagline {
  font-family: "Lucida Grande", Arial; 	
}

body {
  font-size: 12px; 
  margin: 0px;
  padding: 0px;
  background:#F4F4F4;
  height: 99%;
}

#header {
  margin-left:0px;
  margin-right:0px;
  padding-left:0px;
  padding-right:0px;
  border-left:0px;
  border-right:0px;
  width:100%;
}

#top_navbar {
  margin-left:auto;
  margin-right:auto;
  padding-left:0px;
  padding-right:0px;
  border-left:0px;
  border-right:0px;
  border-top:1px solid #202020;
  border-bottom:1px solid #202020;
  text-align:center;
  background: url(/images/menubg.gif) center center repeat-x;
}

#container {
	width:990px;
	margin-left:auto;
	margin-right:auto;
	padding-top:5px;
	padding-left:5px;
	padding-right:5px;
	padding-bottom:0px;
	margin-bottom:0px;
  border:1px solid #ccc;
  border-top:0px;
  background:white;
  position: relative; 
  min-height: 80%; 
  height: auto !important; 
  height: 100%; 
}

#yield_section {
}

#content_section {
  width:840px;
  text-align:left;
  float:left;
	display: inline;
}

#action_section {
  width:140px;
  text-align:center;
  float:right;
	display: inline;
}

#action_menu {
  border:1px solid #060;
  margin-top:0px;
  margin-bottom:2em;
  background:white;
  margin-left: auto;
	margin-right: auto;
	text-align:center;
	padding-bottom:5px;
}

#action_menu .action_item {
  font-size:11px;
  margin-left:2px;
  margin-right:2px;
  margin-top:2px;
  padding-left:0px;
  float: none;
  height:1.5em;
}
#action_menu .action_item a {
  font-size:12px;
  padding:3px;
  height:1.5em;
}

#action_menu_header {
  background-color:#efefa9;
  background: url(/images/menubg.gif) center center repeat-x;
  font-weight:bold;
  padding-top:2px;
  padding-left:3px;
  border-bottom:1px solid #060;
  margin-bottom:2px;
  height:1.4em;
}

#paypal_donate {
  clear:both;
}

.content_title {
  float:left;
  padding-bottom:6px;
}

.title_message {
  float:right;
  text-align:right;
  padding-bottom:-5px;
}

#content {
  display:inline-block;
  padding-bottom: 10px;
}

#footer { 
  font-size:11px; 
  text-align: center; 
  width: 100%; 
  color: #666; 
  border-top: 0px solid red; 
  margin: 0px;
  position: relative; 
}
#footer a {color:#666; font-weight:bold;}

.altcursor {  }

p { margin-bottom: 10px; }

.clear { clear:both; }

h1 { color: #000; font-size: 22px; font-weight: bold; padding:0px; margin:0px; }
h2 { color: #000; font-size: 20px; font-weight: bold; padding:0px; margin:0px; }
h3 { color: #000; font-size: 14px; font-weight: bold; padding:0px; margin:0px; }
h4 { color: #000; font-size: 12px; font-weight: bold; padding:0px; margin:0px; }
h5 { color: #000; font-size: 10px; font-weight: bold; padding:0px; margin:0px; }

table { width: 100%; background:white; }
table thead { background-color: #efefa9; font-weight:bold; }
table thead th { color: #060; text-align:left; }
table tbody { border-top: 0px solid #ddd; }
table tbody td { vertical-align:middle; padding: 2px 2px; }

.scrollable { overflow-y: auto; border: 1px solid #ddd; padding: 5px; }
.nowrap { white-space: nowrap }
    
.left,   .columnLeft   {text-align:left;}
.center, .columnCenter {text-align:center;}
.right,  .columnRight  {text-align:right;}

.fleft  {float:left;}
.fright {float:right;}

.mauto {margin-left:auto; margin-right:auto;}
.mzero {margin-left:0px; margin-right:0px;}

.vmiddle {vertical-align:middle;}
.vtop    {vertical-align:top;}

a {text-decoration: none; color:navy;}
a:visited {text-decoration: none;}
a:hover {color: red; }

input { text-indent: 2px; }
input, textarea, select, input[type=file] {
  font-size: 12px; 
  color: #333;
  vertical-align: middle;
  margin: 1px;
}
input[type=button]{
  font-weight:bold;
}

input[type=submit] {
  text-decoration:none;
  border:1px solid #060;
  color: #060;
  padding:2px 15px;
  font-weight:bold;
  background-color:#efefa9;
  margin-right:5px;
  margin-bottom:3px;
}
A.button_link, .button_link A {
  text-decoration:none;
  border:1px solid #060;
  color: #060;
  padding:3px 20px;
  font-weight:bold;
  background-color:#efefa9;
  margin-right:5px;
  margin-bottom:0px;
}

.fine {
  font-size:10px;
  color: #666666;
  text-align: left;
}

.small {
  font-size:10px;
  text-align: left;
}

#bardisplay {
  width:180px;
  height:5px;
}
#bardisplayGood {
  float:left;
  width:1px; 
  background:#006000;
  height:5px;
}
#bardisplayBad {
  float:left;
  width:179px; 
  background:#d0d0d0;
  height:5px;
}

.bgnormal {background-color: #fff;}
.bghighlight {background-color: #F4F4F4;}
.bgscorecard {background-color: #efefa9;}
.bgscorecardsep {background-color: #eee;}
.bggray {background-color: #ddd;}
.bgtan {background-color: #efefa9;}

.mouseover {background-color:#bfb;}

.spacerline { background-color:#4682B4; height:1px; }
.hide { display:none; }
.red { color:red; }
.clickable { cursor: pointer; }

/* yes, this is on purpose */
.fieldWithErrors { }
.field-with-errors { color: red; }

label { font-weight: bold; white-space: nowrap; }

.large { font-size:12pt; }
.larger { font-size:12pt; font-weight:bold; }
.label { font-weight: bold; text-align: right; padding-right:5px; white-space: nowrap; }
.labelLeft { font-weight: bold; text-align:left; white-space: nowrap; }
.labelCenter {font-weight:bold; text-align:center; white-space: nowrap; }
.labelRight {font-weight:bold; text-align:right; white-space: nowrap; }
.labelRightLarge {font-size:12pt;font-weight:bold; text-align:right; white-space: nowrap; }

.round_header {
  background-color:#efefa9;
  font-size:12pt;
  padding-top:7px;
  padding-bottom:7px;
  border-bottom:1px solid #aaa;
  margin-bottom:1em;
}

.headerTitle  {
  font-size:32pt; 
  font-family: Verdana, Arial, sans-serif;
  color:#060;
  vertical-align:middle;
  padding-left: 5px;
  padding-right: 20px;
}

.headerTitle A {text-decoration: none; color:#060;}
.headerTitle A visited {text-decoration: none; color:#060;}
.headerTitle A:hover {text-decoration: none; color:#060;}

.memberHeaderTitle {
  font-size:18pt; 
  font-family: Verdana, Arial, sans-serif;
  color:#060;
  vertical-align:middle;
  padding-left: 5px;
  padding-right: 20px;
}

.memberHeaderTitle A {text-decoration: none; color:#060;}
.memberHeaderTitle A visited {text-decoration: none; color:#060;}
.memberHeaderTitle A:hover {text-decoration: none; color:#060;}

.tagline {
  font-size:11px;
  padding-left:4px;
  padding-bottom:2px;
  margin-bottom:2px;
}

dl {
  padding-top: 0px;
  margin-top: 0px;
}
dt {
  margin-top:3px;
  margin-left:2px;
  font-weight: bold;
}
dd {
  margin-left: 15px;
}


.content-top {
  background: url(/images/c_top_simple.gif) top left repeat-x ;
}
.content-bottom {
  background: url(/images/c_bottom_simple.gif) top left repeat-x ;
}
.content-left {
  background: url(/images/c_left.gif) top right repeat-y;
}
.content-right {
  background: url(/images/c_right.gif) top left repeat-y;
}

/* the content color of #f4f4f4 is important because it matches the titlebox colors */
.content {
  background-color: #f4f4f4;
  padding: 0px 1px 0px 0px;
  vertical-align:top;
}
.content-navbar {
  padding: 8px 2px 0px 0px;
}

/* inputs */
form {
  display: inline;
  padding: 0;
  margin: 0;
}

form.inline-form {
  display: block;
  margin-top: 3px;
}

.BlueTee  {color:blue;}
.RedTee, .MaroonTee, PinkTee {color:red;}
.WhiteTee {color:#a1a1a1;}
.GreenTee {color:#060;}
.GoldTee  {color:orange;}
.BlackTee, .GrayTee, .SilverTee {color:black;}
.PurpleTee {color:purple;}
.OrangeTee {color:orange;}
.Tee {color:black;}

.datetime {font-size: 10px; color: #000000; text-align:right; font-weight:bold; padding-right:3px;}
.datetimePrint {font-size: 10px; color: #000000; font-weight:bold; padding-right:3px;}

.welcome, .welcome A {
  font-weight:bold;
  text-align:center;
  margin-bottom:1ex;
  color:#060;
}
.bestRound {color:red;}

.loginError {
  color:red;
  font-weight:bold;
}
.errors {
  color:red;
  font-weight:bold;
}

.joinNow {font-size: 11pt; color:red;}
.joinNow a {color: red; text-decoration: none; font-weight: bold;}
.joinNow a:hover {color: red; }
.joinNow a:active {color: red;}

.sortColLeft {font-size: 10px; color: red; text-align:left;}
.sortColLeft a {color: red; text-decoration: none; font-weight:bold;}
.sortColCenter {font-size: 10px; color: red; text-align:center;}
.sortColCenter a {color: red; text-decoration: none; font-weight:bold;}

.underline {text-decoration: underline;}

.print {
  padding: 0px 1px 0px 0px;
  vertical-align:top;
}

.sepline {
  background-color: #000000;
  padding: 0px;
}

.sepline_ccc {
  background-color: #ccc;
  padding: 0px;
}

#courses {
  position: absolute;
  margin: 0px;
  background: #fff;
}

#courses table {
  width: 100%;
}

.course_search {
  color: navy;
}
.find_label {
  font-weight: bold;
}

.required_label {
  font-weight: bold;
  color: red;
  text-align: right;
  padding-right:5px;
}

.basic_list {
  margin: 0;
  border: 1px solid gray;
}

.basic_list table {
  border-collapse: separate;
  border-spacing: 0px;
  width: 100%;
  font-size: 80%;
  background: #fff;
}

.basic_list thead th {
  background-color: #efefa9;
  position: relative;
  border-bottom: solid 1px #ccc;
  cursor: default;
}

.basic_list table tr {
  cursor: pointer;
  height: 1.5em;
  background: #fff;
}

.basic_list table tr:hover {
  background: #bfb;
}

.basic_list table tbody {
  overflow-y: auto;
  overflow-x: hidden;
  height: 20em;
  cursor: pointer;
}

.basic_list table td {
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.basic_list table td:first-child {
  border-left: 0px;
}

.round_comments {
  border: 1px solid gray;
  height: 5em;
  overflow-y: auto;
  padding: 5px;
}

.score_row tr {
  border: 1px solid gray;
}

#page_footer td {
  padding-top: 15px; color:#060;
}

#page_footer, .paginate a {
  color:#060;
}
#page_footer a:visited, .paginate a:visited {
  text-decoration: none;
}
#page_footer a:hover, .paginate a:hover {
  color: red;
  font-weight: normal;
}

.course_results {
  border: 1px solid #ccc;
  height: 30em;
  overflow-y: auto;
}

.row_hover {
  background: #bfb;
}

.link_unless {
  color: #060;
  font-weight: bold;
}

.course_data_item  {
  font-size: 8pt;
  text-align: center;
}

.readonly_form_value {
  font-size: 10pt;
  text-align: left;
}

.bold {
  font-weight: bold;
}

.poster {
  vertical-align: top;
  border-bottom: 3px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.post {
  vertical-align: top;
  border-bottom: 3px solid #ccc;
  border-right: 1px solid #ccc;
}

.top {
  vertical-align: top;
}

.round_detail_table {
  width: 100%;
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}

.round_detail_table tr {
  height:1.3em;
}
.round_detail_table td {
  text-align: center;
}

.round_detail_sep {
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  vertical-align: middle;
}

#todays_members {
  border: 1px solid #999;
  padding: 2px;
}

.tr_sep {
  border-top: 1px solid gray;
}

.admin_box {
  border: 1px solid #060;
  width: 600px;
}

.admin_box thead, .tops thead {
  font-weight:bold;
  background-color:#efefa9;
  text-align:left;
}

.admin_box .top_header, .tops top_header {
  background-color:#060;
  color:#efefa9;
}

.tipsBox {
  position: absolute;
  visibility: hidden;
  border: 1px solid black;
  background-color: #efefa9;
  padding: 3px;
}

#stats_section {
  height: 550px;
  width: 800px;
  overflow-y: auto;
  overflow-x: hidden;
  border: 1px solid #ccc;
}

.header_login_text_box {
  font-size: 11px;
}
.login_button {
  font-size: 10pt;
  margin-top: 4px;
}

.admin_row_header {
  font-weight:bold;
  background-color:#efefa9;
  color:#060;
}

#round_form {
  vertical-align: top;
}

#course_selection {
  vertical-align: top;
  padding-right: 10px;
}

.course_tees {
  font-size: 9px;
}

.scorecard_hole {
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  width: 20px;
  text-align:center;
}
.scorecard {
  padding-top:1em;
  margin-top:5px;
  padding-right:2px;
  text-align:center;
  background:white;
}
.scorecard_hole_total {
  background:#efefa9;
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  font-weight:bold;
  text-align:center;
}
table.scorecard tbody td { vertical-align: middle; padding:2px; }
table.scorecard {padding-right:1ex;}

.hole_detail {
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  width: 20px;
  text-align:center;
}
.hole_total {
  background:#efefa9;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  width: 25px;
  text-align:center;
  font-weight:bold;
}

.hole_header {
  border-top: 1px solid #aaa;
  border-right: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
  text-align:center;
  background-color: #efefa9;
  font-weight: bold;
}

#outing_rounds thead th, .statistics thead th, #my_leagues thead th,
#league_week_rounds thead th, #next_round_hci thead th,
.statistics td, #league_week_rounds td {
  text-align:center;
}

#new_course_my_courses {
  border-top: 1px solid #aaa;
  margin-top:1ex;
}
#new_course_my_courses thead {
  background-color: #efefa9;
  font-weight:bold;
  text-align:left;
}

#my_courses td, #my_groups td, #my_10_rounds td, #all_groups td,
#my_scores td, #boards td, #club_members td, #my_groups td,
#search_results table td, #member_list td, #outing_participants td,
.top_holes td, .total_skins td, #next_round_hci td {
  border-bottom:1px solid #bbb;
}

#top_holes table thead th {
  padding:0px;
}

#next_round_hci td {
  text-align:center;
  border-bottom:1px solid #bbb;
}

#outing_rounds tr {
  height:1.3em;
}

#outing_rounds td {
  font-size:11px;
  text-align:center;
  border-bottom:1px solid #bbb;
  padding-left:3px;
  padding-right:3px;
}

#member_list td, #member_list th {
  font-size:11px;
}

.title_box_link {
  padding:2px;
  color:white;
  font-size:10px;
  font-weight:normal;
  float:right;
  padding-top:1px;
  padding-bottom:3px;
}
.title_box_link A {
  color:white;
  font-weight:normal;
}
.title_box_link A:hover {
  color:yellow;
  font-weight:normal;
}

.title_box_label {
  float:left;
  padding:0px;
  padding-bottom:2px;
  color:white;
  font-weight:bold;
}

.title_box {
  border:1px solid #060;
}
.red_title_box {
  border:1px solid red;
}

.title_box_title, .red_title_box_title {
  height:1.4em;
  color:white;
  padding:2px;
  padding-bottom:0px;
}
.title_box_title {
  background-color:#060;
}
.red_title_box_title {
  background-color:red;
}

.title_box_content, .red_title_box_content {
  margin-bottom:1ex;
  border: 1px solid #060;
  border-top:0px;
  text-align:left;
}
.title_box_content {
  border: 1px solid #060;
}
.red_title_box_content {
  border: 1px solid red;
}

.simple_box_header {
  font-weight:bold;
  background-color:#efefa9;
  padding:2px;
  font-size:10pt;
}
.simple_box_content {
  clear:both;
  padding-bottom:1ex;
  border:1px solid #060;
  text-align:left;
}

.course_form_holes {
  text-align:center;
  background-color:#efefa9;
  padding-top:1ex;
  padding-bottom:1ex;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
}

#course_detail_mini th {
  text-align:center;
  font-weight:bold;
  padding:1px;
}
#course_detail_mini td {
  text-align:center;
}

#terms_letters {
	background-color:#efefa9;
	text-align:center;
	padding:2px;
	border:1px solid #aaa;
}
#terms_letters a {
  font-size:10pt;
  padding-left:2ex;
}
#terms_letters a:hover {
  font-size:10pt;
  font-weight:normal;
}
#admin_menu {
  padding:2px 0px 2px 2px;
}

#boards th {
  text-align:left;
  font-size:11px;
}
#boards td, #posts td {
  font-size:11px;
}

.header_navbar {
  background-color: #efefa9;
  margin-bottom: 2px;
}

.dashboard_header {
  margin-top: 2px;
  text-align: center;
  font-weight: bold;
  color: #060;
}

.hoverdrop {
  border:1px solid red;
}

.dragclass {
  border:1px solid #060;
  background-color:#efefa9;
}

.myoutinground, .myleagueround {
  background-color:#bfb;
}

#my_scores td {
  font-size: 11px;
}

#my_scores thead {
  background-color:#060;
}

#my_scores th {
  font-size: 11px;
  color:white;
}

#my_scores th a {
  font-size: 11px;
  color:#efef45;
}

#round_filters td {
  font-size:11px;
}


/* =status_dropdown_list */
.status_dropdown_list {
  margin: 0;
  padding: .25em 0 0 0;
  text-align: left;
  border: 1px solid #bbb;
  list-style: none;
  background: #fff;
  cursor: default;
  width: 17em;
}
.status_dropdown_list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.status_dropdown_list li div { padding-left: .25em; }
.status_dropdown_list ul li { padding: 0; margin: 0; }
.status_dropdown_list ul li a {
  display: block;
  padding: 2px 1em 2px 1.5em;
  _width: 160px; /* IE hack */
}
.status_dropdown_list ul li a:hover { background: #f57525; color: #fff;}

.status_dropdown {
  padding: 0 6px 0 0;
  vertical-align: top;
  background-image: url(/images/bw_arrow.gif);
  background-position: 99% 50%;
  background-repeat: no-repeat;
}

A.done_button, .done_button A {
  display: block;
  width: 50px;
  padding: 2px 8px;
  border: 1px solid #202020;
  text-decoration: none;
  background: url(/images/menubg.gif) center center repeat-x;
  color: #000;
  font-weight: bold;
  text-align:center;
}

a.done_link {
  color:red;
}

.working {
  font-size:10pt;
  font-weight: bold;
  color:#060;
  text-align:center;
  margin-top:1em;
  margin-bottom:1em;
}

.submit_form_buttons {
  margin-top:1ex;
  margin-bottom:1em;
  text-align:center;
}

/*
 * Balloons
 */
a.balloon_link, img.balloon_link {
  cursor: pointer;
}

.balloon {
  border: 1px solid #ccc;
  color: #2864B4;
  padding: 10px;
  background: #eee;
}

.balloon_message {
  display: none;
}




.round_import_table {
  border:1px solid #ddd;
}
.round_import_table td {
  border-bottom:1px solid #ddd;
  font-size:10px;
  text-align:center;
  border-right:1px solid #ddd;
}
.round_import_table th {
  background-color:#efefa9;
  text-align:center;
  font-weight:bold;
  font-size:10px;
}

.paginate {
  font-size:11px;
  margin-top:1.2em;
  margin-bottom:1em;
  text-align:center;
}

.round_list_footer {
  clear:both;
  padding-top:1.5em;
  padding-bottom:1em;
  font-size:11px;
  margin-left:1ex;
  margin-right:1ex;
}

.faq_hci_table {
  width:250px;
  border:1px solid #060;
}

.faq_hci_table th {
  text-align:center;
}
.faq_hci_table td {
  text-align:center;
  border-bottom:1px dashed #ddd;
}
.faq_hci_table tr {
  border-bottom:1px dashed #ddd;
}

.button_links {
  padding-top:1em;
}