.sample {
	background-color : Aqua;
	border-color : Fuchsia;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 13px;
	font-style : italic;
	font-weight : bold;
	color : #336699;
	text-align : right;
}

.secidx, .leftnavsec  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
	color : #333399;
	text-align : left;
}

.subidx, leftnavsub  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-style : normal;
	font-variant : normal;
	color : #000000;
}

.texttitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	color : #339999;
	font-weight : bold;
	font-style : normal;
}

.textlist  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	font-weight : normal;
	font-style : normal;
}

th  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : #000099;
	vertical-align : top;
}

td  {
	vertical-align : top;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
}

.tdheader  {
	vertical-align : middle;
	align : center;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	background-color : #B0B7DD;
	font-weight : bold;
	color : #FFFFFF;
	text-align : left;
}

.text, .LogEntryForm  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style : normal;
	font-variant : normal;
	color : #003300;
}

.textheavy, BodyTextEmphasize, .LogEntryForm  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style : normal;
	font-weight : bold;
	font-variant : normal;
	color : #003300;
}

.textheavyred, .LogEntryError  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style : normal;
	font-weight : bold;
	font-variant : normal;
	color : #FF3300;
}

.textsmall  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-style : normal;
}

.textsmallit  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	font-style : italic;
}
.runnersloglinksmall, .textsmallerit  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	font-style : italic;
	color : #0033FF;
}
.heading1  {
	font-family : Verdana, Arial, helvetica;
	font-size : 16pt;
	color : #003366;
}

.heading2  {
	font-family : Verdana, Arial, helvetica;
	font-size : 12pt;
	color : #003366;
}

.heading3  {
	font-family : Verdana, Arial, helvetica;
	font-size : 10pt;
	color : #003366;
}

.formtitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : #000099;
	vertical-align : top;
}
.formheading  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : normal;
	color : #330033;
	text-align : right;
}
.formrequired  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : #993399;
}
.formerror  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	color : #ff0000;
}
.formdescrip  {
	vertical-align : top;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
}
.formnote, .footnote, .footnoteInRed  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	font-weight : normal;
	color : #000099;
	font-style: italic;
}
.footnote  {
	color: black;
}
.footnoteInRed  {
	color: red;
}
.BodyText, .CalendarText, .PaceChart, .ResultsText {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	text-align : left;
}

.detailtitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #003399;
	font-weight : normal;
}

.titlelist  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 14pt;
	color : #000000;
	font-weight : bold;
	font-style : normal;
}

.reviewheadingnumber  {
	font-family : Verdana, Arial, helvetica;
	font-size : 12pt;
	color : #CC6633;
	font-weight : bold;
}

.boardtitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	font-weight : bold;
}

.boarddate  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	font-style : normal;
	text-align : justify;
	font-weight : bold;
}

.board-postby {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 8pt;
	color : #333399;
	font-style : italic;
}

.boardnote {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #333399;
	font-style : italic;
}

.recent-post {background:#EEEEEE;}

.internallinks  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-style : italic;
}

h1  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 24pt;
	font-weight : bold;
	text-transform : capitalize;
	color : #CC3333;
}

h2  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 16pt;
	text-transform : uppercase;
	color : #CC3333;
	font-weight : bold;
}

h3  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14pt;
	font-weight : bold;
	color : #663333;
}

.month  {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	font-weight : bold;
}

.date  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	color : #000000;
	font-style : normal;
	text-align : justify;
}

.errornotice  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	color : #FF3300;
	font-weight : bold;
	font-style : normal;
}
.NewsDiv  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12pt;
	color : #3333FF;
	font-weight : bold;
	font-style : normal;
}
.NewsTitle  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	color : #3366FF;
	font-weight : bold;
	font-style : normal;
}
.NewsSecond  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11pt;
	color : #339999;
	font-weight : bold;
	font-style : normal;
}
.NewsFrontPage  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 9pt;
	color : #339999;
	font-weight : normal;
	font-style : normal;
}


.CalcResults  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #333399;
	text-align : left;
}
.CalHeadings  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight : bold;
	color : #000000;
	text-align : left;
}
.BodyTextEmphasize, .CalDates, .ArrowText  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-weight : bold;
	color : #000000;
	text-align : left;
}
.ByLines  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : italic;
	color : #000000;
	text-align : left;
}
.BoxTitleBrown, .BoxTitleOrange, .BoxTitleBlack, .BoxTitleGreen, .BoxTitlePurple {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
}
H1.BoxTitleBrown, H1.BoxTitleOrange, H1.BoxTitleBlack, H1.BoxTitleGreen, H1.BoxTitlePurple {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10pt;
	font-weight : bold;
	text-transform : none;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	display: inline-block;
}
.BoxTitleBrown {
	background-color : #663300;
	color : #FFFFFF;
}
.BoxTitleOrange {
	background-color : #FFCC66;
	color : #000000;
}
.BoxTitleBlack {
	background-color : #000000;
	color : #FFFF66;
}
.BoxTitlePurple {
	background-color : #9999FF;
	color : #FFFFFF;
}
.BoxTitleGreen {
	background-color : #336666;
	color : #FFFFFF;
}
.BoxTitleGray {
	background-color : #CCCCCC;
}
A {
	color : #666666;
}
A.runnersloglinksmall {
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	font-style : italic;
	color : #666699;
}

A:HOVER {
	color : Red;
}
A:ACTIVE {
	color : Lime;
}
PRE {
	font-family : 'Courier New',Courier,monospace;
	font-size : 10pt;
}

.surveyWhiteText {
	color : #FFFFFF;
}

.surveyBlackText {
	color : #000000;
}

/* New styles for estore admin */
.page-header {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
}
.rptHeaderRow {
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #FFFFFF;
}
.rptGroupRow {
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background: #DDDDDD;
}
.rptAltRow1 {
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFFF;
}
.rptAltRow2 {
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #FFFFCC;
}
.rptHighlightRow {
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #07F990;
}

/* BottomNavMenu, copyright text (address) same size as BottomNavSections */
.BottomNavSections, address {
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}
.BottomNavSubSections {
	font-family: Arial, Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: none;
}
.breadCrumb {
	font-weight: bold;
}

/* borders for Runzy links */
.border4runzylinksinnerpage {
	border-width: 2px;
	border-style: solid; 
	border-color: #9999CC; 
	padding: .65em;
}

.border4runzylinksfrontpage {
	border-width: 1px;
	border-style: solid; 
	border-color: #9999CC;
	padding: .65em;
	color: #336666;
}

/* center site */
#wrapper {
  max-width: 768px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  background: white;
  padding: 0;
}

/* frontpage submit buttons, contact us link */
.frontpageButton, .contactusLink, .formButton {
	background-color: #999999;
	color: white;
	font-size: 0.8em;
	font-weight: normal;
	padding: .4em 1.4em;
	margin: .2em 0 0 0;
	border-radius: 1em;
	border: 1pt solid #999999;
	cursor: pointer;
}

/* control the space between link button and social media icons */
.contactusLink {
	margin: .2em 0 0.8em 0;
	width: 6em;
}

.frontpageButton {
	font-size: 0.85em;
}

.formButton {
	font-size: 0.9em;
	font-weight: bold;
}

/* frontpage text boxes */
.frontpageTextBox {
	background-color: #EFEFEF;
	margin: .5em 0;
	border: .1em solid #CCCCCC;
	height: 2em;
	text-indent: 0.6em;
}

/* frontpage radio buttons, if clicked, same as box color */
.frontpageRadioButton input[type='radio'] {
   	accent-color: MediumSlateBlue;
}

/* style placeholder */
::placeholder {
	color: #4C4C4C;
	text-indent: 0.6em;
}

/* add logo and move menu */
.spacebetweenMenuAndTopBar {
	margin: 0 0 0.2em 0;
}

/* ads button link: ex. race details */
.adsButtonLink, .revealButtonLink, .verifyButtonLink {
	background-color: #FFCC66;
	color: black;
	font-size: 0.8em;
	font-weight: bold;
	padding: .4em 1.4em;
	margin: .3em 0 0 0;
	border-radius: 1em;
	border: 1pt solid #FFCC66;
	text-decoration: none;
	width: 7em;
	text-align: center;
}

 .verifyButtonLink {
	width: 8em;
}

/* for data tables, single line border */
table.colordataTable {
	width: 100%;
	border-collapse: collapse;
}

/* for data tables, paddding and border #989898  */
table.colordataTable th, table.colordataTable td {
	padding: .4em;
	border: 1pt solid #D3D3D3;
}

table.colordataTable th {
	text-align: center;
	font-weight: bold;
	/* border: 1px solid blue; */
}

/* for data tables, apply alternating colors*/
table.colordataTable tr:nth-child(even) {
	background-color: #f2f2f2;
}



/* NEW FORMAT: top logo, bottom menu, bottom policies */

/* Default 16px = 1em */
body {
	font-family : Arial, Helvetica, sans-serif;
	font-size: 18px;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	body {
		font-family : Arial, Helvetica, sans-serif;
		font-size: 16px;
	}
}

/* Box size includes padding, border etc */
#MGbody *, #bodyContents *, #bodySidebar *, #bodyInnerPageContents *, #bodyStandAlone *, #headerLogo *, #headerNewsLogo *, #bottomMenu *, #bottomInfo * {
  box-sizing: border-box;
}

/* center site: before 768px */
#wrapperResponsive {
  max-width: 1280px;
  margin-top: 5px;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  background: white;
  padding: 0;
}


/******* Main Body ******/

#MGbody {
	width: 100%;
	/* border: 1px solid red; */
	font-family : Arial, Helvetica, sans-serif;
	font-size: 80%;
}

#bodyContents {
	float: left;
	/* Version 2 */
	width: 75%;
	/* border: 1px solid blue; */
	/* padding-right: 1em; */
	border-right: 0.1em solid #f2f2f2;
}

#bodyContents .bodyRow, #bodyInnerPageContents .bodyBoxRow {
	border-bottom: 0.1em solid #f2f2f2;
	padding-right: 1em;
	/* border: 1px solid red; */
}

#bodyContents .bodyColumn1, #bodyInnerPageContents .bodyBoxColumn1 {
	float: left;
	width: 50%;
	padding-right: 1.2em;
	border-right: 0.1em solid #f2f2f2;
	/* border: 1px solid yellow; */
}

#bodyContents .bodyColumn2, #bodyInnerPageContents .bodyBoxColumn2 {
	float: left;
	width: 50%;
	padding-right: 1.2em;
	padding-left: 1.2em;
	/* border-left: 0.1em solid #f2f2f2; */
	/* border: 1px solid blue; */
}

#bodyContents .bodyRow:after, #bodyInnerPageContents .bodyBoxRow:after {
	content: "";
	display: table;
	clear: both; 
}

/* All titles on the contents - ex. Dubai Marathon */
#bodyContents .contentsTitle, #bodyInnerPageContents .contentsTitle {
	font-size : 110%;
	font-weight : bold;	
	padding-top : 0.25em;	
}

/* Display ads on contents */
#bodyContents .adsOnContents {
    display: block;
	text-align: center;
	padding: 2em;
}

/* Display on regular site and mobile phone */
#bodyContents .adsImageBody, #bodySidebar .adsImageBody, #adsColumn .adsImageBody {
	width: 300;
	height: 250;
}

/* Display on mobile phone landscape and tablet, etc */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
  #bodyContents .adsImageBody, #bodySidebar .adsImageBody, #adsColumn .adsImageBody {
    width: 100%;
    height: auto;
  }
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
  #bodyContents {
	border-right: none;
	width: 100%;
  }

  #bodyContents .bodyColumn1, #bodyContents .bodyColumn2,
  #bodyInnerPageContents .bodyColumn1, #bodyInnerPageContents .bodyColumn2,
  #bodyInnerPageContents .bodyBoxColumn1, #bodyInnerPageContents .bodyBoxColumn2 {
    width: 100%;
  }
  
  /* Remove left padding to align */
  #bodyContents .bodyColumn2, #bodyInnerPageContents .bodyBoxColumn2 {
  	padding-left: 0;
  }

  #bodyContents .bodyColumn1, #bodyInnerPageContents .bodyBoxColumn1 {
	border-right: none;
	padding-right: 0;
  }

  #bodyContents .extraRowHidden4Cell {
	display: none;
  }
}


/***** Sidebar ****/
#bodySidebar {
	/* Version 2 */
	width: 25%;
	float: right;
	/* border: 1px solid yellow; */
}

#bodySidebar .linesApart, #adsColumnQuickLinks .linesApart {
	line-height:180%;
}


/* Display on mobile phones */
@media only screen and (max-width: 600px) {
  #bodySidebar {
    float: left;
    width: 100%;
	/* margin-left: 5em; */
  }
}

#bodySidebar a.internallinks, #adsColumnQuickLinks a.internallinks {
	font-size : 90%;
	font-style : italic;
}

#bodySidebar .topic {
	width: 100%;
	padding-left: 0.5em;
	border-bottom: 0.1em solid #f2f2f2;
}
#bodySidebar .topicNoBottomLine {
	width: 100%;
	padding-left: 0.5em;
	padding-bottom: 1em;
}

/* Displays ads on sidebar */
#bodySidebar .adsonSidebar {
	width: 100%;
	text-align: center;
	padding-left: 0.5em;
	padding-bottom: 1em;
}


/* Patterned after the original box titles */

.topicTitleWhite {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}
/* #663300 */
.topicTitleBrown {
	color: #994d00;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}
.topicTitleOrange {
	color: #FFCC66;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}
.topicTitleBlack {
	color: black;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}
.topicTitlePurple {
	color: #9999FF;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}
/* #336666 */
.topicTitleGreen {
	color: #448888;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}
.topicTitleGray {
	color: #CCCCCC;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}



/******* Header with the logo ******/
#headerLogo {
	width: 100%;
	padding: 0 0 6em 0;
	margin-left: auto;
	margin-right: auto;
}

#headerLogo div.logo {
	width: 12%;
	float: left;
	padding-top: 2%;
	padding-right: 1%;
	/* border: 1px solid blue; 0.4em */
}

#headerLogo div.bannerAd, #headerLogo div.newsBannerAd {
	width: 58%;
	float: left;
	padding-right: 1.5%;
	/* border: 1px solid blue; */
}

#headerLogo div.search4RaceForm {
	width: 21%;
	float: right;
	padding-right: 1%;
	padding-top: 2.25%;
	/* border: 1px solid yellow; */
}

/* Search4race text boxes */
#headerLogo input[type=text] {
	background-color: #EFEFEF;
	width: 100%;
	padding-top: 1.1em; 
	padding-bottom: 1.1em;
	height: 2em;
	text-indent: 0.6em;
	border-radius: 1em;
	border: 1pt solid #e6e6e6;
	font-size: 70%;
	color: black;
	background-image: url('http://www.marathonguide.com/images/search_icon.png');
  	background-position: 0.5em; 
  	background-repeat: no-repeat;
	text-indent: 2em;
 } 

/* Contact Us button */
#headerLogo div.contactUsButton {
	width: 9%;
	float: left;
	padding-top: 3%;	
	/* border: 1px solid blue; */
}

#headerLogo .contactusLink {
	background-color: #9999FF;
	color: white;
	width: 8em;
	font-size: 70%;
	font-weight: normal;
	padding: 0.5em;
	margin: 0;
	border-radius: 1em;
	border: 1pt solid #9999FF;
}


/* Not displayed on regular site */
#headerLogo div.search4CellRaceForm {
	display: none;
}

/* Not displayed on regular site*/
#headerLogo div.contactUs4CellButton {
	display: none;
} 


/* Display on mobile phones 
Line 1: logo / race search / contact us 
Line 2: ad
Line 3: date and menu
*/
@media only screen and (max-width: 600px) {

  #headerLogo div.logo {
  	width: 30%;
	float: left;
 	padding-bottom: 0.4em; 
  }

  /* Not displayed on cell */
  #headerLogo div.search4RaceForm {
  	display: none;
  }

  /* Not displayed on cell */
  #headerLogo div.contactUsButton {
  	display: none;
  }  
  
  #headerLogo div.search4CellRaceForm {
  	display: block;
    width: 45%;
	float: left;
	padding-right: 2%;
	padding-top: 1em;
  }
  
  #headerLogo div.contactUs4CellButton {
  	display: block;
    width: 20%;
	float: left;
	padding-top: 1.4em;	
	/* border: 1px solid blue; */
  }
  
  /* Items on one line */
  #headerLogo div.bannerAd {
  	width: 100%;
	padding-right: 0;
  }
}


/*** newsviewer header - without search and contact us ***/
#headerNewsLogo {
	width: 80%;
	padding: 0 0 4em 0;
	margin-left: auto;
	margin-right: auto;
}
#headerNewsLogo div.newsLogo {
	width: 25%;
	float: left;
	padding-top: 0.4em;
	padding-right: 1%;
	/* border: 1px solid blue; */
}

#headerNewsLogo div.newsBannerAd {
	width: 67%;
	float: left;
	padding-right: 1%;
	/* border: 1px solid red; */
}

/* Additional info on news logo header - ex. news "This site relies on you..." 
   padding is the logo space
*/
 #headerNewsLogo div.newsHeaderInfo {
	width: 100%;
	float: left;
	padding-left: 33%;
}

#headerNewsLogo h1.topicTitleOrange {
	font-family : Arial, Helvetica, sans-serif;
	color: #FFCC66;
	text-transform: uppercase;
	font-size: 90%;
	font-weight: bold;
}

/* Additional row on news logo header - ex */
#headerNewsLogo div.newsHeaderInfoColumn1 {
	float: left;
	/* border: 1px solid red; */
}
 
#headerNewsLogo div.newsHeaderInfoColumn2 {
	float: right;
	font-size: 80%;
	padding-top: 0.6em;
	/* border: 1px solid blue; */
}
 

/* Display on mobile phones */
@media only screen and (max-width: 600px) {

  /* newsviewer header */
  #headerNewsLogo {
	width: 100%;
  }
	
  #headerNewsLogo div.newsBannerAd {
  	width: 100%;
  }
  
  /* Remove space for logo */
  #headerNewsLogo div.newsHeaderInfo {
    padding-left: 0;
  }  
  
  #headerNewsLogo div.newsHeaderInfoColumn2 {
	float: left;
	padding-top: 0;
  }
}



/********** Bottom Menu **********/
#bottomMenu, #bottomInfo  {
	width: 100%;
	font-size: 0.7em;
	color: #666;
	padding: 0.5em 0 5em 0;
	border-top: 0.1em solid #f2f2f2;
}

#bottomMenu div.bottomLogo {
	float: left;
    width: 10%;
	padding: 0;
}

#bottomMenu div.menuItems {
	float: left;
    width: 90%;
	padding: 0;
}

#bottomMenu a {
	text-decoration: none;
}

#bottomMenu div.menuItems div {
	padding: 0 0 0 5%;
	float: left;
	text-align: left;
}

#bottomMenu p.sectionHeading {
	font-weight: bold;
	font-size: 115%;
}

/* Display on mobile phone landscape and tablet, etc */
@media only screen and (min-width: 600px) and (max-width: 1024px) {
	#bottomMenu div.bottomLogo {
	  width: 100%;
	}
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
  #bottomMenu div.menuItems {
    width: 100%;
  }
  
  #bottomMenu div.menuColOne {
  	float: left;
	width: 50%;
	padding-left: 0;
  }
  
  #bottomMenu div.menuColTwo {
  	float: left;
	width: 50%;
  }

}


/******** Bottom copyright and policies ********/
#bottomInfo {
	padding: 1em 0 3em 0;
}

#bottomInfo a {
	text-decoration: none;
	z-index: 10;
}

#bottomInfo div.copyright {
	float: left;
	text-align: left;
	width: 45%;
}

#bottomInfo div.policies {
	float: left;
	text-align: right;
	width: 55%;
}

#bottomInfo span {
	padding: 0 0 0 5em;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
  #bottomInfo div.copyright, #bottomInfo div.policies {
    width: 100%;
  }
  
  /* So the link will show; copyright has padding over policies to move it to the bottom, below policies */
  #bottomInfo div.copyright {
    z-index: -1;
  }
  #bottomInfo a {
    z-index: 10;
  }  
  
  #bottomInfo div.policies {
  	text-align: left;
	padding-bottom: 1em;
	border-bottom: 0.1em solid #f2f2f2;
  }
  
  #bottomInfo span {
	text-align: left;
	padding: 0.5em 23% 0 0;
  }
  
  #bottomInfo span.middlePolicy {
	padding: 0.5em 18% 0 0;
  } 
  
  #bottomInfo span.lastPolicy {
	float: right;
	padding: 0;
  } 

  #bottomInfo div.copyright {
	position: absolute;
	right: 0;
	padding: 3em 0 2em 0.2em;
  }
}


/********** Specified inner pages ***********/

/****** Common ******/

#bodyInnerPageContents {
	float: left;
	width: 75%;
	padding-right: 1em;
	/* font-family : Arial, Helvetica, sans-serif; */
	font-size : 105%;
	/* border: 1px solid blue; */
}


/***** ads column ****/
#adsColumn {
	float: left;
	width: 25%;
	text-align: center;
	font-size: 80%
	/* border: 1px solid yellow; */
}

#bodyInnerPageContents .topicTitleGreen {
	color: #448888;
	text-transform: uppercase;
	/* font-size: 120%; WILL BRING BACK */
	font-weight: bold;
}


#bodyInnerPageContents .footnote  {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 0.9em;
	font-weight : normal;
	color : black;
	font-style: italic;
}


/****** Calendars ******/

#bodyInnerPageContents .stateNavLinks, #bodyInnerPageContents .monthNavLinks, #bodyInnerPageContents .otherpagesNavLinks {
	font-size: 110%;
	word-spacing: 0.25em;
	line-height: 160%;
}

#bodyInnerPageContents .cityNavLinks, #bodyInnerPageContents .countryNavLinks {
	font-size: 102%;
	line-height: 160%;
}

#bodyInnerPageContents .noteLegends, #bodyInnerPageContents .pageNavDescription  {
	float: left;
	width: 83%;
	padding-bottom: 0.5em;
}

#bodyInnerPageContents .displayOnSameLine {
	white-space: nowrap;
}

#bodyInnerPageContents .bottomNoteLegends {
	font-style: italic;
}

#bodyInnerPageContents .pageNavLinks {
	float: right;
	width: 18%;
	font-size: 100%;
	padding-bottom: 1em;
	text-align: right;
	white-space: nowrap;
	/* border: 1px solid blue; */
}

#bodyInnerPageContents .bottompageNavLinks {
	float: left;
	font-size: 100%;
	padding-top: 1em;
	padding-bottom: 1em;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#adsColumn, #bodyInnerPageContents {
		width: 100%;
		float: left;
	}
	#bodyInnerPageContents .noteLegends, #bodyInnerPageContents .pageNavDescription {
		width: 100%;
		float: left;
	}
	#bodyInnerPageContents .pageNavLinks {
		width: 100%;
		float: right;
	}
}

/* List of races, single line border */
#bodyInnerPageContents table.racesListTable {
	width: 100%;
	border-collapse: collapse;
}

#bodyInnerPageContents table.racesListTable th {
	font-size : 80%;
	font-weight : bold;
	color : black;
	text-align : left;
}

#bodyInnerPageContents table.racesListTable th,
#bodyInnerPageContents table.racesListTable td {
	padding: 0.5em;
	border: 1pt solid #D3D3D3;
}

/* for races tables, apply alternating colors*/
#bodyInnerPageContents table.racesListTable tr:nth-child(even) {
	background-color: #f2f2f2;
}

#bodyInnerPageContents a.headingLink {
	color : black;
}

/* Display ads on contents of inner pages */
#bodyInnerPageContents .adsOnInnerPageContents {
    display: block;
	text-align: center;
	padding: 2em;
}

/* Display ads on contents of inner pages - when in columns */
#bodyInnerPageContents .adsOnInnerPageColumnContents {
    display: block;
	text-align: left;
}
/* Display on mobile phones */
@media only screen and (max-width: 600px) {
#bodyInnerPageContents .adsOnInnerPageColumnContents {
    display: block;
	text-align: center;
}


}


/***** Results inner page ******/
#bodyInnerPageContents .bodyRow {
	/* border-bottom: 0.1em solid #f2f2f2; */
	padding-right: 1em;
	/* border: 1px solid red; */
}

#bodyInnerPageContents .bodyColumn1 {
	float: left;
	width: 50%;
	padding-right: 1em;
	/* border-right: 0.1em solid #f2f2f2; */
	/* border: 1px solid yellow; */
}

#bodyInnerPageContents .bodyColumn2 {
	float: left;
	width: 50%;
	padding-right: 1em;
	padding-left: 1em;
	/* border-left: 0.1em solid #f2f2f2; */
	/* border: 1px solid blue; */
}


#bodyInnerPageContents .bodyRow:after {
	content: "";
	display: table;
	clear: both; 
}

/* Marathon names links and more results links */
#bodyInnerPageContents a.resultsLinks, #bodyInnerPageContents a.moreresultsLinks {
	color: black;
	font-weight: bold;
	display: inline-block;
} 

/* More results links */
#bodyInnerPageContents a.moreresultsLinks {
	padding-bottom: 0.5em;
} 

/* List of marathons */
#bodyInnerPageContents a.resultsLinksList {
	color: black;
	display: inline-block;
	padding-bottom: 0.5em;
} 

/* Results by year links */
#bodyInnerPageContents a.resultsByYearLinks {
	display: inline-block;
	padding-bottom: 0.5em;
}

/* Icons with texts in results */
#bodyInnerPageContents .iconsText {
	line-height: 200%;
}

/* More races button link */
#bodyInnerPageContents .moreMarathonsButtonLink{
	background-color: #9999FF;
	color: white;
	font-size: 90%;
	font-weight: bold;
	padding: .4em 1.4em;
	margin: .3em 0 0 0;
	border-radius: 1em;
	border: 1pt solid #9999FF;
	text-decoration: none;
	width: 7em;
	text-align: center;
}

#bodyInnerPageContents img.icon {
	text-align: left;
	vertical-align: baseline;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
  #bodyInnerPageContents .bodyColumn1, #bodyInnerPageContents .bodyColumn2 {
    width: 100%;
  }
  
  /* Remove left padding to align */
  #bodyInnerPageContents .bodyColumn2 {
  	padding-left: 0;
  }

  /* list by years - centered */
  #bodyInnerPageContents .resultsByYear {
	text-align: center;
  } 
}


/************* Map ***************/
#bodyInnerPageContents .mapDisplay {
  text-align: center;
} 


/************ Top Pages: Category description and section links *********/

/* Also used on other pages - ex. News */
#bodyInnerPageContents .bodyCategoryDescColumn {
	float: left;
	width: 70%;
	padding-right: 1em;
	/* border-right: 0.1em solid #f2f2f2; */
	/* border: 1px solid yellow; */
}

#bodyInnerPageContents .bodySectionLinkColumn {
	float: left;
	width: 30%;
	padding-right: 1em;
	padding-left: 1em;
	/* border-left: 0.1em solid #f2f2f2; */
	/* border: 1px solid blue; */
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
  #bodyInnerPageContents .bodyCategoryDescColumn, #bodyInnerPageContents .bodySectionLinkColumn {
    width: 100%;
  }
  
  /* Remove left padding to align */
  #bodyInnerPageContents .bodySectionLinkColumn {
  	padding-left: 0;
  }
}

/* Used in https://runzy-dev.marathonguide.com/fitnesscalcs/ */
#bodyInnerPageContents .bodyColumn1Of3 {
	float: left;
	width: 33%;
	padding-right: 1em;
	/* border-right: 0.1em solid #f2f2f2; */
	/* border: 1px solid yellow; */
}

#bodyInnerPageContents .bodyColumn2Of3 {
	float: left;
	width: 34%;
	padding-right: 1em;
	padding-left: 1em;
	/* border-left: 0.1em solid #f2f2f2; */
	/* border: 1px solid blue; */
} 

#bodyInnerPageContents .bodyColumn3Of3 {
	float: left;
	width: 33%;
	padding-right: 1em;
	padding-left: 1em;
	/* border-left: 0.1em solid #f2f2f2; */
	/* border: 1px solid blue; */
} 

#bodyInnerPageContents .bodyFormColumn3Of3 {
	float: left;
	width: 33%;
	padding-right: 1em;
	padding-left: 1em;
	padding-top: 2em;
}
 
/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#bodyInnerPageContents .bodyColumn1Of3, #bodyInnerPageContents .bodyColumn2Of3, #bodyInnerPageContents .bodyColumn3Of3, #bodyInnerPageContents .bodyFormColumn3Of3 {
		width: 100%;
		padding-left: 0;
		padding-right 0;
		padding-top:0;
	}
}

/**** Information Page ****/

/* obsolete after design version 2 for info page */
#bodyInnerPageContents .topicLink {
	width: 100%;
	padding:0;
	border-bottom: 0.1em solid #f2f2f2;
} 
 
#bodyInnerPageContents .infoTabTable {
	border-collapse: collapse;
	width: 100%;
}
#bodyInnerPageContents .infoTabTable td {
	padding: 0.25em;
} 

/* tab title and tab link */ 
#bodyInnerPageContents .infoTabTitle {
	font-size : 110%;
	font-weight : bold;	
	text-decoration: none;
	white-space: nowrap;*/
}

#bodyInnerPageContents a.infoTabLink {
	font-size : 105%;
	font-weight : normal;	
	text-decoration: underline;
	white-space: nowrap;
} /*

/* Location, date, URL - see updates at end */
#bodyInnerPageContents div.mainInfoText {
	float: left;
} 


/* Other running events in */
#bodyInnerPageContents div.otherLinksText {
	float: right;
	text-align: right;
}

#bodyInnerPageContents a.otherLinks {
	color: #79a6d2;
}

/*
#bodyInnerPageContents .infoComments {
	width: 100%;
	padding-top: 1em;
	border-top: 0.1em solid #f2f2f2;
} */


#bodyInnerPageContents .infoReviewData {
	float: left;
	color: #696969;
	line-height: 200%;
	font-size: 90%;
}

/* Grey separator line */
#bodyInnerPageContents .infoLine, #bodySidebar .infoLine, #bodyContents .infoLine  {
	width: 100%;
	padding-bottom: 0;
	border-bottom: 0.1em solid #f2f2f2;
}

/* review button and link: ex. info page */
#bodyInnerPageContents .reviewButton {
	float: right;
	width: 20%;
	padding: .8em 1.4em;
	margin: .3em 0 0 0;
	border-radius: 1em;
	border: 1pt solid #9999FF;
	width: 10em;
	text-align: center;
}

#bodyInnerPageContents a.reviewButtonLink {
	background-color: white;
	color: #9999FF;
	font-size: 1em;
	font-weight: bold;
	text-decoration: none;
}	
	
#bodyInnerPageContents a.reviewButtonLink:active {
	color : #9999FF;
}	
	
#bodyInnerPageContents .ratingBox {
	float: left;
	width: 20%;
	padding: .8em .2em;
	margin: .3em 0 0 0;
	border-radius: 0.25em;
	border: 1pt solid #BEBEBE;
	text-align: center;
	white-space: nowrap;
}
#bodyInnerPageContents .ratingBetweenBox {
	float: left;
	width: 2%;
}	
	
#bodyInnerPageContents .reviewTextPages, #bodyInnerPageContents .reviewRunnerInfo {
	float: left;
	width: 45%;
}
#bodyInnerPageContents .reviewPages, #bodyInnerPageContents .reviewRunnerStars {
	float: right;
	width: 55%;
	text-align: right;
}

#bodyInnerPageContents .resultsSummaryData {
	line-height: 150%;
	font-size: 100%;
}


/* Display on mobile phones, landscape and tablets */
@media only screen and (max-width: 1024px) {
	#bodyInnerPageContents .ratingBox {
		float: left;
		width: 45%;
	}

	#bodyInnerPageContents .reviewButton {
		float: left;
	}
}


/* See info page and VerifiedRacesList.cfm */
@media only screen and (max-width: 600px) {
	#bodyInnerPageContents .adActionButton {
		float: left;
		width:100%;
		padding-top: 1em;
	}
	
	#bodyInnerPageContents .reviewTextPages, #bodyInnerPageContents .reviewRunnerInfo {
		float: left;
		width: 100%;
	}
	#bodyInnerPageContents .reviewPages, #bodyInnerPageContents .reviewRunnerStars {
		float: left;
		width: 100%;
		text-align: left;
	}
}


/**** Generic table for forms - used in results list ****/
#bodyInnerPageContents table.formTable {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	border: 0;
	width: 100%;
}

#bodyInnerPageContents table.formTable th, #bodyInnerPageContents table.formTable td {
  padding: 0.25em;
  margin: 0;
}



/******* Form in column format ******/

/* Provides extra row for spacing on the form */
#bodyInnerPageContents .formRow {
	width: 100%;
}

/* Centers desciption over form */
#bodyInnerPageContents .formRowText {
	text-align:center;
}

/* formTitleColumn4Submit - so no extra line for that column during cell display */
#bodyInnerPageContents .formTitleColumn, #bodyInnerPageContents .formTitleColumn4Submit { 
	float: left;
	width: 40%;
	text-align: right;
	padding: 0.25em;
	/* border: 1px solid blue; */
}

#bodyInnerPageContents .formEntryColumn {
	float: left;
	width: 60%;
	text-align: left;
	padding: 0.25em;
	/* border: 1px solid red; */
}

#bodyInnerPageContents .formRow:after {
	content: "";
	display: table;
	clear: both; 
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#bodyInnerPageContents .formTitleColumn { 
		float: left;
		width: 100%;
		text-align: left;
	}
	#bodyInnerPageContents .formEntryColumn { 
		float: left;
		width: 100%;
	}
	#bodyInnerPageContents .formTitleColumn4Submit {
		display: none;
	}
}

/******** Used for standalone form pages ********/

/* Provides extra row for spacing on the form */
#bodyStandAlone .formRow {
	width: 100%;
}

/* Centers description over form */
#bodyStandAlone .formRowText {
	width: 100%;
	text-align:center;
}

/* formTitleColumn4Submit - so no extra line for that column during cell display */
#bodyStandAlone .formTitleColumn, #bodyStandAlone .formTitleColumn4Submit { 
	float: left;
	width: 30%;
	text-align: right;
	padding: 0.25em;
	/* border: 1px solid blue; */
}

#bodyStandAlone .formEntryColumn {
	float: left;
	width: 70%;
	text-align: left;
	padding: 0.25em;
	/* border: 1px solid red; */
}

#bodyStandAlone .formRow:after {
	content: "";
	display: table;
	clear: both; 
}

/* Display on mobile phones - standalone pages */
@media only screen and (max-width: 500px) {
	#bodyStandAlone .formTitleColumn { 
		float: left;
		width: 100%;
		text-align: left;
	}
	#bodyStandAlone .formEntryColumn { 
		float: left;
		width: 100%;
	}
	#bodyStandAlone .formTitleColumn4Submit {
		display: none;
	}
}


/***** Calculators ****/

/* for first marathons pages */
#bodyInnerPageContents .firstmarContentsColumn {
	width: 75%;
	float: left;
	padding-right: 0.5em;
}
	
#bodyInnerPageContents .firstmarStoryColumn {
	width: 25%;
	float: left;
	text-align: left;
	font-size: 80%;
}

#bodyInnerPageContents .topicStoryColumn {
	color: #994d00;
	text-transform: uppercase;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
}


#bodyInnerPageContents .calcContentsColumn {
	width: 85%;
	float: left;
	padding-right: 0.5em;
}

#bodyInnerPageContents .calcBookColumn {
	width: 15%;
	float: left;
	text-align: center;
}


#bodyInnerPageContents .topicBookColumn {
	color: #994d00;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
	text-align: center;
}

#bodyInnerPageContents .calcContentsColumn1 {
	width: 40%;
	float: left;
}

#bodyInnerPageContents .calcContentsColumn2 {
	width: 60%;
	float: left;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#bodyInnerPageContents .calcContentsColumn, #bodyInnerPageContents .calcBookColumn,
	#bodyInnerPageContents .firstmarContentsColumn, #bodyInnerPageContents .firstmarStoryColumn {
		width: 100%;
	}
	
	#bodyInnerPageContents .calcContentsColumn1, #bodyInnerPageContents .calcContentsColumn2 {
		width: 100%;
	}
}


/***** RD pages: runner reviews *******/
#bodyInnerPageContents .runnerReviewStatus4RD {
	float: right;
	border: 1px solid grey;
	padding: 0.5em;
	margin-top: 0.2em;
	margin-left: 0.2em;
}



/***** Frontpage updates version 2 *******/

/* Round Check for frontpage */
#bodyContents img.roundCheck {
    float: left;
    width: 45px;
    height: 45px;
	padding: 0.75em;
	background-color: #F5F5FF;
	border-radius: 50%;
	margin-right: 1em;
} 

/* Round photo for frontpage */
#bodyContents img.roundPhoto {
	border-radius: 50%;
} 

/* Read more link */
#bodyContents a.readMoreLink {
	font-size: 90%;
	color: #9999FF;
} 

/* Center */
#bodyContents .center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#bodyContents .whatsHereColumn1 {
	float: left;
	width: 6%;
}

#bodyContents .whatsHereColumn2 {
	float: right;
	width: 94%;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#bodyContents .whatsHereColumn1 {
		float: left;
		width: 15%;
	}
	
	#bodyContents .whatsHereColumn2 {
		float: right;
		width: 85%;
	}
}

/* Trainig tips for the frontpage */
#bodyContents .frontpageTrainigTips {
	padding-bottom: 1em;
}

/* Race reviews for the frontpage */
#bodyContents .frontpageReviewColumn1 {
	float: left;
	width: 50%;
	padding-right: 1em;
}
#bodyContents .frontpageReviewColumn2 {
	float: left;
	width: 50%;
	padding-right: 1em;
}

/* Links to types of results - International or USA/Canada, only on mobile phones */
#bodyContents .cellOnlyDisplay {
	display: none;
 }
  
/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#bodyContents .cellOnlyDisplay {
		display: block;
	 }
	
	#bodyContents .frontpageReviewColumn1, #bodyContents .frontpageReviewColumn2 {
	width: 100%;
	padding-right: 0;
}
}


/* Featured News - Recent News uses current under bodyContents */

#featuredNewsContents {
    display: block;
}

/* Title with left bar */
#bodyContents .featuredNewsTitle {
	display: block;
	border-left: #696969 solid 0.15em;
	padding-left : 0.5em;
}

/* Title with link to article */
#bodyContents a.newsTitleLink {
	color: #666666;
	font-size : 110%;
	font-weight : bold;	
	padding-top : 0.25em;
	text-decoration: none;
}
#bodyContents a.newsTitleLink:hover {
	color: #666666;
	text-decoration: underline;
}

/* Summary - same left space as title */
#bodyContents .featuredNewsSummary {
	padding-left : 0.5em;
}

/* Date | Author */
#bodyContents .newsInfo, #bodyContents .featuredNewsInfo {
	float: left;
	color: #696969;
	line-height: 200%;
	font-size: 80%;
	padding-bottom: 1em;
}

/* Date | Author - same left space as title */
#bodyContents .featuredNewsInfo {
	padding-left : 0.5em;
	padding-bottom: 2em;
}


/* Display ads on featured news; recent ads uses on bodyContents */
#featuredNewsContents .adsOnContents {
    display: block;
	text-align: center;
	padding: 1em 2em 2em 2em;
}

#bodyContents .bodyFeaturedNewsRow {
	padding-right: 1em;
}
#bodyContents .bodyFeaturedNewsRow:after {
	content: "";
	display: table;
	clear: both; 
}

#bodyContents .bodyFeaturedNewsColumn1 {
	float: left;
	width: 50%;
	padding-right: 1.2em;
}

#bodyContents .bodyFeaturedNewsColumn2 {
	float: left;
	width: 50%;
	padding-right: 1em;
	padding-left: 1em;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
  #bodyContents .bodyFeaturedNewsColumn1, #bodyContents .bodyFeaturedNewsColumn2 {
    width: 100%;
  }
  
  /* Remove spaces to the right */
  #bodyContents .bodyFeaturedNewsColumn1 {
	padding-right: 0;
  }

  /* Remove left padding to align */
  #bodyContents .bodyFeaturedNewsColumn2 {
  	padding-left: 0;
	padding-right: 0;
  }
}


/* For Quick Links */
#adsColumnQuickLinks {
	width: 100%;
	float: left;
	text-align: left;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#adsColumnQuickLinks {
		padding-left: 4em;
	}
}


/* Photo on 2-column recent news */
#bodyContents .photoOnRecentNews {
	width: 50%;
}


/********** News article with photos 
1) photo across the page - 40% (not used)
2) photo on one column - 50%
3) photo on one column, type 2 - 70%
*************/

/* Photo on news article - across page */
#bodyInnerPageContents .photoOnNewsArticle {
	width: 40%;
}

/* Photo on news article in one column */
#bodyInnerPageContents .photoOnNewsColumn {
	width: 80%;
	padding: 0;
	margin: 0;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#bodyContents .photoOnRecentNews, 
	#bodyInnerPageContents .photoOnNewsArticle,
	#bodyInnerPageContents .photoOnNewsColumn {
		width: 100%;
	}
}


#bodyInnerPageContents .newsColumn {
	float: left; 
	width: 50%;"
	padding-right: 0.5em;
}
#bodyInnerPageContents .photoColumn {
 	float: left; 
	text-align: center; 
	width: 50%;
	padding: 0.5em;
}
#bodyInnerPageContents .newsType2Column {
 	float: left; 
	width: 70%;
	padding-right: 0.5em;
}
#bodyInnerPageContents .photoType2Column {
 	float: left; 
	text-align: center; 
	width: 30%;
	padding: 0.5em;
}


/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#bodyInnerPageContents .newsColumn,
	#bodyInnerPageContents .photoColumn,
	#bodyInnerPageContents .newsType2Column,
	#bodyInnerPageContents .photoType2Column {
		width: 100%;
	}
}


/***** Details page or Info page version 2 *******/

/* #f9f9f9 */
#raceDetailsPage {
	background-color: #ffffff;
}

#raceDetailsPage .raceLogoColumn {
	float: left;
	width: 20%;
	padding: 0 1em 2em 0;
}

#raceDetailsPage .raceBasicInfoColumn {
	float: left;
	width: 80%;
}

/* If there is no logo */
#raceDetailsPage .raceBasicInfoRow {
	float: left;
	width: 100%;
}

/* Section Title */
#raceDetailsPage .sectionTitle {
	color: #448888;
	text-transform: uppercase;
	font-size: 95%;
	font-weight: bold;
}


/* Button with + or - image that can be clicked */
#raceDetailsPage .plusminusButton {
	border: none;
	background-color: #ffffff;
	padding: 0 1em 0 0;
}
 
/* Hide some sections at start */
#raceDetailsPage #descriptionSection,
#raceDetailsPage #moreInfoSection,
#raceDetailsPage #raceorgCommentsSection,
#raceDetailsPage #runnerCommentsSection {
	display: none;
}

/* Not all boxes or areas will have top border */
#raceDetailsPage .basicInfoBox {
	width: 100%;
	padding-bottom: 0.5em;
	clear: both;
	/* border: 1px solid red; */
}

 /* Top border for all boxes or areas */
#raceDetailsPage .resultsBox,
#raceDetailsPage .descriptionBox,
#raceDetailsPage .contactInfoBox, 
#raceDetailsPage .moreInfoBox, 
#raceDetailsPage .raceorgCommentsBox, 
#raceDetailsPage .runnerCommentsBox {
	width: 100%;
	/* border: 1px solid blue; */
	border-top: 0.1em solid #f2f2f2;
	padding-bottom: 0.5em;
	clear: both;
}

#raceDetailsPage .infoTable {
	border-collapse: collapse;
	width: 100%;
}
#raceDetailsPage .infoTable td {
	padding: 0.5em 0.5em 0.5em 0;
} 

#raceDetailsPage .raceDirectorName {
	float: right;
	color: #9999FF;
	font-size: 80%;
}
#raceDetailsPage .raceDirectorNameLink {
	color: #9999FF;
	font-size: 100%;
}
#raceDetailsPage .raceorgCommentsSummary {
	float: left;
	font-size: 90%;
}


/* Trial and error, can't be calculated */
#raceDetailsPage .bannerAdOnPage {
	width: 84.5%;
	float: left;
	padding-left: 7.75%;
	/* border: 1px solid blue; */
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#raceDetailsPage .bannerAdOnPage {
		width: 100%;
		float: left;
		padding: 0;
		margin: 0;
	}
}


/* At the top, before page division */

/* Account Row */
#MGBody .accountRow {
	width: 100%;
	padding: 0;
	padding-bottom: 4em;
	text-align: center;
	/* border: 1px solid red; */
}

/* Account Box - subsequent ones */
#MGBody .accountBox, #MGBody .accountFirstBox {
    float: left;
	width: 25%;
	border-bottom: 0.1em solid #f2f2f2;
	border-right: 0.1em solid #f2f2f2;
	border-top: none;
	border-left: none;
	padding: 0.5em 0 0.5em 0;
	/* white-space: nowrap; */
	font-weight: bold;
	font-size: 90%;
}
/* Account first box */
#MGBody .accountFirstBox {
	border-left: 0.1em solid #f2f2f2;
}

/* Display on mobile phones */
@media only screen and (max-width: 600px) {
	#MGBody .accountRow {
		text-align: left;
	}
	#MGBody .accountBox, #MGBody .accountFirstBox {
		width: 100%;
		border: none;
	}
}

#MGBody a.accountBoxLink {
	text-decoration: none;
}


/* race director page #9999FF #f2f2f2 */
#bodyInnerPageContents .accountAdBox {
	border: 0.1em solid black;
	padding: 1em;
	font-weight: bold;
}

#bodyInnerPageContents a.accountAdBoxLink {
	color: blue;
}

.premiumListingsButtonLink {
	width: 11em;
	background-color: #FFCC66;
	color: black;
	font-size: 70%;
	font-weight: normal;
	text-align: center;
	padding: .4em .9em;
	margin: 0 0 0 0;
	border-radius: 1em;
	border: 1pt solid #FFCC66;
	cursor: pointer;
	text-decoration: none;
}


/* reply by race director wider if not on cellphone */
#bodyInnerPageContents .textareaReply {
	width: 35em;
	height: 20em;
}

/* Display on mobile phone landscape and tablet, etc */
@media only screen and (max-width: 1024px) {
	#bodyInnerPageContents .textareaReply {
		width: 25em;
		height: 10em;
	}
}


/*---------------------- First Marathons page ----------------
   similar to calculators (see above)
*/