/* Far West Masters web site styles */
/* Color scheme: #990000, rust red banners; #CCCCCC, light blue nav areas; #000033, near-black text */

body {
  color: #000033;
  background-color: white;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}
/*"be kind to Netscape 4" nonsense*/
div, p, th, td, li, ul, ol, dd, dl, dt, h1, h2, h3, h4, h5, h6 {
  font-family: Arial, Helvetica, sans-serif;
}

h1 {
  font-size: 14px;
  font-weight: bold;
}
h2 {
  font-size: 14px;
  font-weight: bold;
}
h3 {
  font-size: 12px;
  font-weight: bold;
}
h4, h5, h6 {  /*??what to do??*/
  font-size: 12px;
  font-style: italic;
}
div, p, th, td, li, ul, ol, dd, dl, dt {
  font-size: 11px;
}

div {
  /*DO NOT USE (causes problems in Mozilla, at least with current layout table nonses):margin: 0;*/
  padding: 0;
  border: 0;
}
img {
  border: 0;
}

table {
  /*DO NOT USE (causes problems in Mozilla, at least with current layout table nonses):margin: 0;*/
  padding: 0;
  border: 0;
}
td {
  vertical-align: top;
}

.layoutArea {
  width: 100%;
}
.rightAlignedArea {
  width: 100%;
  text-align: right;
}

/* General text styles */
.error {
  color: red;
  font-weight: bold;
}
.alert, .warning {
  color: red;
  font-weight: bold;
  font-style: italic;
}
.explanation {
  font-style: italic;
  /*font-size: 10px;*/
}

.subtitle {
  font-weight: bold;
  text-decoration: underline;
}

.strikeout {text-decoration: line-through;}
.alert-strikeout {color: red; text-decoration: line-through;}

.operationName {
  font-style: italic;
  font-weight: bold;
}

.matchBannerBackground {
  color: #990000;
}
.matchNavBackground {
  color: #CCCCCC;
}

/* vertical and horizontal nav areas */
.vnavbar {
  margin: 0;
  padding: 4px;
}
.vnavbar li, .vnavbar div {
  margin: 0;
  padding: 0 6px;
  list-style: none;
  list-style-image: none;
}
.vnavbar li.subtitle, .vnavbar div.subtitle {
  padding: 0 4px 0 0;
}
hr.vnavbarBorder {
  height: 2px; color: #676767; background-color: #676767;
  margin: 0; border-width:0;
}
.hnavbar {
  margin: 0;
  padding: 0;
}
.hnavbar li {
  margin: 0;
  padding: 0 4px;
  display: inline;
  list-style: none;
  list-style-image: none;
}
.vnavbar a, .hnavbar a {
  text-decoration: none;
  font-weight: bold;
}
.vnavbar a:hover, .hnavbar a:hover {
  color: navy;
  background-color: #d3d3d3;
}

/*============================ HEADER, FOOTER, NAV AREAS =========================*/

#PageHeader {
  color: white;
  background-color: #990000;
}
#HeaderNav {
  font-size: 10px;
}
#HeaderNav a {
  color: white;
  font-weight: bold;
  text-decoration: none;
}
#HeaderNav a.distinguished {
  color: #FFFF00;
}
#HeaderNav a:hover {
  color: red;
  background-color: #d3d3d3;
  text-decoration: underline;
}

/* #PrimaryNav and #Sidebar nav panels */
#PrimaryNav {
  width: 130px;
}
#PrimaryNav, .navPanel, .leftNav, .rightNav {
  font-size: 11px;
  font-weight: bold;
  color: #000066;
  background-color: #CCCCCC;
}
/*TO DO: convert links in .navPanel areas to .vnavbar list markup*/
.navPanel div.distinguished {
  color: white;
  background-color: #990000;
}
.navPanel a {
  color: #000066;
  text-decoration: underline;
}
.navPanel div.distinguished a {
  color: white;
}
.navPanel a.distinguished, .navPanel div.distinguished a.distinguished {
  color: #FFFF00;
}
.navPanel a:hover, .navPanel div.distinguished a:hover {
  color: red;
  background-color: #d3d3d3;
}

#Sidebar {
  float: right;
  width: 170px;
  margin-left: 2px;
}
#Sidebar .navPanel {
  padding-left: 2px;
}

/*TO DO: define std colors for links in HeaderNav, PrimaryNav, generic (right) links panel */

/*BEGIN needs-cleanup: nav link areas need to be completely redon*/
.yellowSubtitle {
  font-size: 12px;
  font-weight: bold;
  color: #FFFF00;
}
.blueSubtitle {
  font-size: 12px;
  font-weight: bold;
  color: #000033;
}
.blueLink {
  font-size: 11px;
  font-weight: bold;
  color: #000066;
}
.redlink {
  font-size: 11px;
  color: #990000;
}
.whiteSubtitle {
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}
.whiteLink {
  font-size: 11px;
  font-weight: bold;
  color: #FFFFFF;
}
/*END needs-cleanup*/

#PageFooter {
  font-size: 10px;
  /*color: #000033;*/
  text-align: center;
  padding-top: 4px;
  padding-bottom: 4px;
}

/*============================ CONTENT AREAS ================================*/

#ContentHeader, #Content {
  color: #000033;
  background-color: white;
}
#ContentHeader {
  margin-top:  0;
}
#Content {
  padding-left: 4px;
  padding-bottom: 10px;
}

/* ContentHeader area holds <h1> page title, optionally preceded by image and intro text */
#ContentHeaderImage {
  width: 174px;
  text-align: center;
}
/*#ContentHeaderImage img {
  width: 174px;
  height: 130px;
}*/
#ContentIntro {
  padding: 10px 10px 0 10px; /* top | right | bottom | left */
}
#ContentIntro .title {
  font-size: 14px;
  font-weight: bold;
  color: black;
}
/* ContentHeader area containing only text */
#ContentHeaderTextIntro {
  padding: 0 10px; /* top and bottom | left and right */
}

#ContentHeader h1 {
  font-size: 13px;
  /*DO NOT USE (doesn't seem to be necessary and doesn't work right in Mozilla):width: 100%;*/
  color: white;
  background-color: #990000;
  padding: 2px 8px;
  margin-bottom: 6px;
}
h1.ContentHeader {
  font-size: 13px;
  color: white;
  background-color: #333366;
  padding: 2px 8px;
  margin-top:  0;
  margin-bottom: 6px;
}

/* horizontal nav bar for sub-section links */
#Content .hnavbar {
  padding: 0 10px 6px 10px;
  /*Mozilla does this wrong, use hr border workaround: border-bottom: 1px solid #676767;*/
  text-align: center;
  width: 100%;
}
#Content hr.hnavbarBorder {
  height: 2px; color: #676767; background-color: #676767;
  margin: 0; border-width:0;
}
#Content .hnavbar li {
  padding: 0 6px;
}
#Content .hnavbar a {
  color: navy;
}
#Content .hnavbar a:hover {
  color: red;
  background-color: #d3d3d3;
  text-decoration: underline;
}
#Content .hnavbar a.active {
  color: red;
  background-color: #d3d3d3;
  /*border-bottom: 2px solid navy;*/
}

/* page contents TOC */
.tocHeader {
  margin-bottom: 2px;
}
ul.tocList {
  margin-top: 0;
  list-style: none;
  list-style-image: none;
  padding-left: 10px;
  margin-left: 0;
}

/* news items */
.newsToc {color: red; font-style: italic; font-weight: bold; }
.newsToc a {color: red; font-style: italic; font-weight: normal; }

ul.newsItems {
  color: #000033; font-weight: bold; font-style: normal;
}
ul.hotNewsItems {
  list-style: none;
  list-style-image: none;
  padding: 0.5em 0;
  margin-left: 0;
  margin-top: 0; margin-bottom: 0;
  color: red; font-weight: bold; font-style: normal;
}

ul.newsItems li p, ul.hotNewsItems li p, ul.newsItems li div, ul.hotNewsItems li div {
  padding-left: 0.5em;
  margin-top: 0.5em; margin-bottom: 0.5em;
  color: #000033; font-weight: normal; font-style: normal;
}
ul.newsItems .posted, ul.hotNewsItems .posted {
  color: #000033; font-weight: normal; font-style: italic;
}
ul.newsItems .newsItemBody, ul.hotNewsItems .newsItemBody {
  margin: 0;
  padding: 0;
}
.newsItemBody p {
  margin: 0px;
  padding: 4px 0px 0px 0px;
}
.newsItemBody p.posted {
  margin: 0px;
  padding: 2px 0px 4px 0px;
}
ul.hotNewsItems li p, ul.hotNewsItems li div {
  padding-left: 1em;
}
.hotNewsItems p.posted {
  padding-left: 1em;
}

/* info and news item source */
.contentItemProperties {
  margin-left: 20px;
}
.contentItemProperties th {
  text-align: left;
  padding-right: 1em;
}
.contentItemProperties td.name {
  font-weight: bold;
}
.contentItemProperties td.value {
  font-style: italic;
}
.infoItemBody {
  margin-left: 20px;
}

ul.nomarker {
  list-style-type: none;
}

ul.trainingInfo div {
  margin: 4px 12px;
  font-style: italic;
}

/* tabular info */
.infoTable, .eventInfo {
  /*border: 1px solid black;*/
  margin-left: 5px;
  margin-right: 5px;
}
table.bordered {
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  margin-left: 4px; margin-right: 4px;
  border-collapse: collapse;
}
table.bordered th, table.bordered td {
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 2px;
  /*margin-right: 2px;*/
}
tr.header, table.bordered th, .infoTable th {
  color: #FFFFFF;
  background-color: #003366;
  font-weight: bold;
  /*font-size: 71%; -> 11px */
}
table.bordered th {
  text-align: left;
}
tr.subHeader, tr.summary, tr.special {
  background-color: #CCCCCC;  /* #D3D3D3;*/
}

/* forms and services */

#status-messages {
  padding: 4px 10px;
  background-color: #fff5c8;
}
.entry-form #status-messages {
  margin: 8px 20px;
  background-color: white;
}

.formData {
  margin-left: 10px;
  margin-right: 10px;
  background-color: #CCCCCC;
}
.itemLabel {
}
.requiredItemLabel {
  color: #990000;
  font-weight: bold;
}
.formInfoMessage {
  font-style: italic;
  background-color: white;
}
.formProcessingMessage, .formErrorMessage {
  color: red;
  font-weight: bold;
  font-style: italic;
}
.formProcessingMessage {
  background-color: white;
}
td.formErrorMessage {
  border: 1px solid red;
  margin: 2px; padding: 2px;
  background-color: #f0e68c;
}
.formButton {
  background-color: #dddddd; /* makes it look like a push-button */
}

/* icons */
img.info, img.error, img.star, img.hand-point, img.photos, img.external-link {
  vertical-align: middle;
}
img.info { width: 16px; height: 16px; }
img.error { width: 16px; height: 16px; }
img.star { width: 17px; height: 15px; }
img.hand-point { width: 24px; height: 14px; }
img.photos { width: 16px; height: 16px; }
img.external-link {width: 12px; height: 12px; vertical-align: middle; }  /*??baseline??*/

/* merging from ussamasters.org, do cleanup for doc and pdf icon usage */
img.icon {width: 16px; height: 16px; vertical-align: middle; }
img.docIcon {width: 10px; height: 11px; vertical-align: middle; }  /*??baseline??*/
img.pdfIcon {width: 17px; height: 17px; vertical-align: middle; }
/*img.infoIcon {width: 16px; height: 16px; vertical-align: middle; }*/

/* schedule info */
.border-top {
  border-top: 1px solid black;
}
.space-top {
  padding-top: 4px;
}
.border-space-top {
  margin-top: 4px;
  border-top: 1px solid black;
}

/* status information */
.scheduled {}
.rescheduled {
  color: red;
  background-color: #F0E68C;
}
.completed {
  color: black;
  background-color: #CCCCCC;
}
.cancelled {
  color: white;
  background-color: #CC3333;
  font-weight: bold;
  font-style: italic;
}
.combined {
  background-color: #FFD1CC;
}
.unscored {
  background-color: #F5DEB3;
  font-style: italic;
}

.cancelled .alert {
  color: yellow;
}

th.resultReport, th.photoLink {
  width: 60px;
}
.resultReport, .photoLink {
  text-align: center;
}
.scheduled .resultReport a, .rescheduled .resultReport a, .cancelled .resultReport a {
  visibility: hidden;
}
/*
// back this out, handle in season .metadata specs by presence/absence of results report spec
.combined .resultReport a {
  visibility: hidden;
}
*/

.seasonBib {
  color: #990000;
  font-weight: bold;
}

/* Scholarship Program pages */
table.scholarship-sponsors {
  width:  100%;
  margin-left: 10px;
}
/*cellpadding="4" cellspacing="4"*/
.scholarship-sponsors td {
  padding: 4px;
  margin: 4px;
}
.scholarship-sponsors img {
  vertical-align: middle;
}
.scholarship-sponsors div.description {
  margin-top: 4px;
}

/*##################### COMPATIBILITY ENTRIES (styles.css) - SCRUB THESE OUT ########################*/

.footer {
  font-size: 10px;
  color: black;
}

.blueContent {
  color: #000033;
  left: 2px;
}

.blueIndent {
  margin-left: -20px;
  color: #000033;
}

.contentLink {
  color: #0000FF;
}

.header {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #FFFFFF;
  font-size: 80%;
}

.subtitle {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 71%;
  color: #000000;
}

.title {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 150%;
  color: #000000;
}

.navbar {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 70%;
  color: #FFFFFF;
}


/*############# RENAMED ###########################
.contentRed -> .matchBannerBackground
.redError -> errorNote (logon.asp only)
.blackHeader -> .title within #ContentIntro header graphic area
.header-row => tr.header
.completedRace -> .completed
.cancelledRace, .cancelled-race -> .cancelled
##############################*/

/*############# OBSOLETE ###########################
//71% fontsize -> 11px
.content {
  color: #000000;
}
.listSubtitle {
  font-weight: bold;
  color: #000000;
  font-size: 71%;
  margin-left: -20px;
}
.listBlueSubtitle {
  font-weight: bold;
  color: #000033;
  font-size: 71%;
  margin-left: -20px;
}
.radioBg {
  background-color: #990000;
  color: #000000;
}
.break-row {
  font-weight: bold;
  color: #000000;
  font-size: 71%;
  background-color: #FFFF00;
}
.indent {
  margin-left: -20px;
  padding-bottom: 10px;
}
.search {
  font-size: 71%;
  color: #FFFFFF;
}
######################*/