body {background-color: #CCCCCC;}

/* Column setup */
.MobileColumn {text-align: left; margin-left: 0px; margin-right: auto; width: 100%; margin-bottom: 0px; background-color: #7796B2}
.iPhonePortrait {width: 320px; margin-left: auto; margin-right: auto; text-align: center;}
.iPhoneLandscape {width: 480px; text-align: center; margin-left: auto; margin-right: auto;}

/* Panel Setup */
.PanelCaption
{
    border-right: #666666 thin solid;
    padding-right: 2px;
    border-top: #666666 thin solid;
    margin-top: 5px;
    padding-left: 2px;
    padding-bottom: 2px;
    margin-left: auto;
    border-left: #666666 thin solid;
    width: 100%;
    color: white;
    margin-right: auto;
    padding-top: 0px;
    border-bottom: #999999 thin solid;
    height: 16px;
    background-color: #7796B2;
    text-align: left;
    font-weight: bold;
    font-size: 10pt;
    font-family: Arial, sans-serif;
}
.PanelWorking
{
	width: 100%;
	border-right: #333333 thin solid;
	border-left: #333333 thin solid;
	border-bottom: #333333 thin solid;
	padding-top: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	background-color: white;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	text-align: center;
}

/* Handicap Lookup Styles */
.HandicapLookupLabel {width: 90px;    font-family: Arial, sans-serif;    font-size: 8pt;    font-weight: normal;    font-style: normal;    color: #AC0A21;}
.HandicapLookupWarning {    margin-top: 10px;    font-family: Arial, sans-serif;    font-size: 10pt;    font-weight: normal;    font-style: normal;    color: Red;}
.HandicapLookupData {    width: 210px;    font-family: Arial, sans-serif;    font-size: 10pt;    font-weight: 400;    font-style: normal;    padding-left: 2px;}
.HandicapLookupData2 {    width: 65px;    font-family: Arial, sans-serif;    font-size: 10pt;    font-weight: 400;    font-style: normal;    padding-left: 2px;}
.HandicapLookupHI{    width: 50px;    font-family: Arial, sans-serif;    font-size: 16pt;    font-weight: bold;    color: Black;    font-style: normal;    padding-left: 2px;}
.HandicapLookupDataEntry{    width: 210px;    font-family: Arial, sans-serif;    font-size: 12pt;    font-style: normal;    padding-left: 2px;    margin-bottom: 3px;}


/* Button Bars */
.home-nav { padding-top:10px; margin:0 auto; width:90%;}
.home-nav ul { list-style:none; text-align:center; margin:0 auto; padding:0;}
.home-nav ul li { margin:0 auto 10px auto; padding:3px 0 5px 0; text-align:center; color:#fff; font-family: Arial, sans-serif; font-size:12pt; line-height:24px; display:block; text-decoration:none; color:#AB0707; background-color:#7796B2; -webkit-border-radius: 10px;}
.home-nav ul li:focus,
.home-nav ul li:active,
.home-nav ul li:hover { text-decoration:none; color:#FCC99A; display:block; background-color:#7796B2;-webkit-border-radius: 10px;}
.home-nav ul li a { text-decoration:none; color:#fff; display:block; background-color:#7796B2;-webkit-border-radius: 10px;}
.home-nav ul li input {background: none; color:#fff; border: none; text-decoration: none; cursor:pointer; display: block; -webkit-border-radius: 10px; text-align: center; width: 100%; font-family: Arial, sans-serif; font-size:12pt; line-height:24px} 
.home-nav ul li input:focus,
.home-nav ul li input:active,
.home-nav ul li input:hover {background: none; color:#FCC99A; border: none; text-decoration: none; cursor:pointer; display: block; -webkit-border-radius: 10px; text-align: center; width: 100%; font-family: Arial, sans-serif; font-size:12pt; line-height:24px}
.home-nav ul li a:focus,
.home-nav ul li a:active,
.home-nav ul li a:hover { text-decoration:none; color:#FCC99A; display:block; background-color:#7796B2;-webkit-border-radius: 10px;}
.home-nav ul li:last-child { margin-bottom:15px;}

/* Score Grid information */
.ScoreGrid { font-family: Arial, sans-serif; }
.ScoreGridHeader { background-color: #999999; font-size: 8pt; color: #ffffff; }
.ScoreGridRow { background-color: #cccfde; font-size: 8pt; color: black; }
.ScoreGridRowAlt { background-color: #ffffff; font-size: 8pt; color:#000000; }
.ScoreGridRow9 {background-color: #cccfde; font-size: 8pt; color:#3333FF; }
.ScoreGridSelected { background-color: yellow; font-size: 8pt; color:#000000; }

/* Top menu bar */
#topbar{font-size:12px; font-family: Arial, sans-serif; font-weight: bold; color:White; background:#494949; font-weight:bold; padding:0px; overflow:auto; height:1%; clear:both; border-width: 1px 1px 1px 1px; border-style: solid; border-color: White;}
#topbar a{color:White; text-decoration:none; margin: 0 4px; padding-right: 6px; height:24px; line-height:24px; float:left; display:block; border-width: 0px 1px 0px 0px; border-style: solid; border-color: White; }
#topbar a:focus, 
#topbar a:active, 
#topbar a:hover {color:#FCC99A; text-decoration:none; margin:0 4px; height:24px; line-height:24px; float:left; display:block;}

/* Text messages to give user info */
.HLData {font-family: Arial, sans-serif; font-size: 8pt; font-weight: normal; color: Black;}

/* Handicap History Grid */
.HIGrid { font-family: Arial, sans-serif; }
.HIGridHeader { background-color: #999999; font-size: 10pt; color: #ffffff; }
.HIGridRow { background-color: #cccfde; font-size: 10pt; color: black; }
.HIGridRowAlt { background-color: #ffffff; font-size: 10pt; color:#000000; }
.HIGridRow9 {background-color: #cccfde; font-size: 10pt; color:#3333FF; }
.HIGridSelected { background-color: yellow; font-size: 10pt; color:#000000; }

.NameLookupItem {list-style:none; font-family: Arial, sans-serif; padding-top:3px; margin:0 auto; width:320px; background-color: White}
.NameLookupItem table {background-color: White; color: Black; border-bottom-width: 1px; border-spacing: 1px; border-style: solid; border-color: Gray}
.NameLookupItem table:focus,
.NameLookupItem table:active,
.NameLookupItem table:hover  {background-color:#7796B2; color: White}
.NameLookupItem .Name {font-size: 10pt; font-weight: bold; color: Red}
.NameLookupItem .Name:focus,
.NameLookupItem .Name:active,
.NameLookupItem .Name:hover {font-size: 10pt; font-weight: bold; color: White}
.NameLookupItem .Club {font-size: 8pt;}
.NameLookupItem .Assoc {font-size: 8pt;}
.NameLookupItem .HI {font-size: 12pt; font-weight: bold}
.NameLookupItem .Eff {font-size: xx-small}

/* Buttons throughout the app */
.ButtonStyle {margin:0 auto 10px auto; padding:3px 10px 5px 10px; text-align:center; font-family: Arial, sans-serif; font-size:12pt; line-height:24px; text-decoration:none; color:#fff; background-color:#7796B2; -webkit-border-radius: 10px;} 
.ButtonStyle:focus,
.ButtonStyle:active,
.ButtonStyle:hover {color:#FCC99A}

/* Posting a Score styles */
.PostScoreLabel {   font-family: Arial, sans-serif;    font-size: 8pt;    font-weight: normal;    font-style: normal;    color: #AC0A21;}
.PostScoreLabelConfirm { width: 55px;  font-family: Arial, sans-serif;    font-size: 8pt;    font-weight: normal;    font-style: normal;    color: #AC0A21;}
.PostScoreWarning {    margin-top: 10px;    font-family: Arial, sans-serif;    font-size: 10pt;    font-weight: normal;    font-style: normal;    color: Red;}
.PostScoreData {    width: 250px;    font-family: Arial, sans-serif;    font-size: 12pt;    font-style: normal;   }
.PostScoreDataEntry{    font-family: Arial, sans-serif;    font-size: 12pt;    font-style: normal;     margin-bottom: 5px;}
.PostScoreDataEntryCR{ width: 60px;    font-family: Arial, sans-serif;    font-size: 12pt;    font-style: normal;     margin-bottom: 5px;}
.PostScoreDataEntryFull { width:300px;    font-family: Arial, sans-serif;    font-size: 12pt;    font-style: normal;     margin-bottom: 5px;}
.PostScoreDataEntryMonth{    width: 80px;     font-family: Arial, sans-serif;    font-size: 12pt;    font-style: normal;     margin-bottom: 5px;}
.PostScoreDataEntryDay{    width: 62px;     font-family: Arial, sans-serif;    font-size: 12pt;    font-style: normal;     margin-bottom: 5px;}
.PostScoreDataEntryYear{    width: 80px;     font-family: Arial, sans-serif;    font-size: 12pt;    font-style: normal;     margin-bottom: 5px;}
.PostScoreMessage {font-family: Arial, sans-serif; font-size: 10pt; text-align: center; margin-bottom: 8px; display: block; margin-top: 5px}