html {
	width:100%;
	height:100%
} 
body {
	width:100%;
	height:100%;
	margin:0px;
	font-family:arial;
	font-size:11pt;
}
#panel table {
  border:solid 1px grey;
  width:50%;
  margin-bottom: 5px;
}

#panel table td:first-child  {
  width: 24px;
}

body div
{
}
.label {
  font-size:smaller;
  font-family:sans-serif;
}

.plain {
	font-family:arial;
	font-size:10pt;
}
.hdng {
	font-weight:bold;
	margin-top:10pt;
}
span.menu
{
	float: right;
	display: none;
}
.new {
	font-weight:bold;
	margin-top:10pt;
	color:#ff0000
}
.para {
	margin-top:10pt;
}
.col1 {
	width:100px;
}
#nameData
{
	width:175px;
}
#descriptionData
{
	width:175px;
}
.nameDescriptionInput
{
	display:none;
}
.fieldLabel 
{
	width:100px;
	float:left;
}
.nameDescriptionData
{
	/*width:0px;*/
	float:left;
	/*
	display:block;
	*/
}
.descriptionRow
{
	display:block;
}
.nameRow
{
	display:block;
}
.fieldData
{
	/*
	float:left;
	*/
}

.sectionHdng{
	margin-top:10pt;
	background-color:#000000;
	font-weight:bold;
	font-size:12pt;
	color:#ffffff;
	width:100%
}
.distanceRow
{
	font-weight:bold;
	font-size:12pt;
}
#zoomControl
{
	text-align:right;
	float:right;
	height:32pt
}
#title
{
	font-family:sans-serif;
	font-size:12pt;
	display:inline;
}
#navbar
{
	/*
	border:1px solid black;
	padding-left:7px;
	height:92px;
	font-family:arial;
	*/
}
#topLogo img
{
	border:0px;
}
#leftCol
{
	/*float:left;*/
}
.leftCol
{
	/*float:left;*/
}
#navLinks ul
{
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 60px;
}
#navLinks li
{
	width: auto;
	height: 58px;
}
#infoPane
{
	/*
	height:75px;
	font-size:14pt;
	*/
	font-family:sans-serif;
}
#searchBox
{
	height:30px;
	margin-bottom:0px;
	position:absolute;
	background-color:#ffffff;
	border:1px solid #000000;
	left:5px;
	top:55px;
}
#headerSpacer
{
	height:149px
}
#moremapbutton
{
	font-size:16px;
	display:none;
}
#header
{
	height:165px;
}
#adContainer
{
	height:92px;
	position:relative;
}
#headerAd
{
	width:728px;
	height:90px;
	border:1px solid #000000;
	margin-left: auto;
    margin-right: auto;
}
.adWlBottomBanner
{
	width:728px;
	height:90px;
}
.mmLeftMost
{
	left:0px;
	display:none;
}
.mmRightMost
{
	right:0px;
}
.mmLeaderboard
{
	width:728px;
	height:90px;
	bottom:0px;
	border:1px solid #000000;
	position:absolute;
}
.mmBanner
{
	width:468px;
	height:60px;
	bottom:0px;
	border:1px solid #000000;
	position:absolute;
}
.mmHalfBanner
{
	width:234px;
	height:60px;
	bottom:0px;
	border:1px solid #000000;
	position:absolute;
}
#footerLeaderboard
{
	width:728px;
	height:90px;
	border:1px solid #000000;
	right:0px;
	bottom:0px;
	position:absolute;
}
#controls
{
	width:300px;
	height:460px;
	border:solid 1px #000000;
	padding:3px 3px 3px 3px;
}
#copy
{
	/*
	width:356px;
	height:406px;
	*/
	background-color:#ffffff;
	top:90px;
	left:5px;
	/*
	width:300px;
	height:400px;
	*/
	position:absolute;
	/*right:72%;*/
}
.weightCol1
{
	float:left;
	width:100px;
}
.calorieCol1
{
	float:left;
	width:100px;
}
#routeName
{
	/*
	height: 0px;
	visibility: hidden;
	*/
}
#routeDescription
{
	display:inline;
	/*
	visibility: hidden;
	height: 0px;
	*/
}
.weightRow
{
	display:none;
	height:1.5em;
}
.calorieRow
{
	display:none;
	height:1.5em;
}
#links
{
	display:none;
}
/* Heads up -- height of map is actually handled via javascript. */
#mapPane 
{
	position: absolute;
	width:100%;
	height: 100%;
	margin:0px;
	border-top:1px solid #000000;
	border-bottom:1px solid #000000;
}
.editHighlight
{
	background-color:#FAEE91;
}
.editTip
{
	color:#888888;
	width:175px;
	float:left;
}
#nameHolder
{
	width: 275px;
}
#descriptionHolder
{
	width: 275px;
}
#map 
{
	position: relative;
	height:100%;
	width: 100%;
	margin:0px;
}
#distanceBox
{
	background-color:#FFF7B8;
}
.infoPaneData
{
	/*
	position:relative;
	*/	
}
.infoPaneLabel
{
	/*
	width:150px;
	display:inline;
	float:left;
	*/	
}
#elevationChart
{
	/* opacity: 0; */
	/* display:none; */
	left:5px;
	right:5px;
	bottom:92px;
	border:-170px;
	position:absolute;
	height:0px;
	overflow:auto;
	background-color:#ffffff;
	display:none; 
}
#zoomLink
{
	top:90px;
	left:5px;
	position:absolute;
	padding:3px;
	border:1px solid #000000;
	background-color:#ffffff;
	z-index:100;
	display:none;
	
}
.generalButton
{
	background-color:#00ff00;
	padding:10px;
	border:1px solid black;
	color:#000000;
	top:20px;
	position:relative;
	text-decoration:none;
}
.generalButton:hover
{
	background-color:#66ff66;
	text-decoration:underline;
}
#saveButtonHolder
{
	float:left;
	margin-right:50px;
}
.dialogText
{
	margin-bottom:1em;
}
input[ type="submit" ], button[ type="submit" ]
{
	background-color:#00ff00;
	padding:10px;
	border:1px solid black;
	color:#000000;
	position:relative;
	text-decoration:none;
	font-family:arial;
	font-size:12pt;
}
input[type="submit"]:hover, button[ type="submit" ]:hover
{
	background-color:#66ff66;
	text-decoration:underline;
}
.adSpacer
{
	height:80px;
}
th
{
	text-align:left;
}
/*
label
{
    display: inline-block;
    width: 150px;
    text-align: right;
    padding-right: 5px;
    margin-right: 5px;
    color: #444444;
    font-weight: bold;
}
*/
div.olControlLayerSwitcher{
	width: 225px;
}
input[type="submit"][value="go"]
{
	font-size:13px;
	padding:1px 6px 1px 6px;
	background-color:#c0c0c0;
	border:2px outset buttonface;
}
input[type="submit"][value="go"]:hover
{
	background-color:#c0c0c0;
	text-decoration:none;
}
.row 
{ 
	clear:both;
	display:inline-block;
}
.rowgray
{
	background-color:#cccccc;
}
.	
{ 
	float:left;
}
.nonefound
{
/*must be the sum of the following 7 classes...*/
	padding-top:15px;
	padding-bottom:15px;
	position:relative;
	text-align:center
}
.even
{
	background-color: #eeeeee;
}
.bookmark_row
{
	width: 820px;
	overflow: hidden;
}
.bookmark_row div
{
	/*display: inline-block;*/
	float: left;

}
.bookmarksTable.phone
{
	display: none;
}
/*.bookmarksTable.tablet,.bookmarksTable.desktop
{
	display: none;
}
*/

.actions
{
	font-size: 8pt;
	max-width:65px;
	min-width:65px;
	min-height: 1px;
}
.id
{
	font-size: 8pt;
	max-width:55px;
	min-width:55px;
}
.distance
{
	max-width:100px;
	min-width:100px;
	min-height: 1px;
}
.name
{
	max-width:100px;
	min-width:100px;
	padding-right:10px;
	min-height: 1px;
}
.description
{
	max-width:150px;
	min-width:150px;
	padding-right:10px;
}
.elevation_gain
{
	max-width:75px;
	min-width:75px;
}
.elevation_change
{
	max-width:75px;
	min-width:75px;
}
.created_at
{
	font-size: 9pt;
	max-width:85px;
	min-width:85px;
}
.updated_at
{
	font-size: 9pt;
	max-width:85px;
	min-width:85px;
}
.heading .updated_at
{
	font-size: 11pt;
}
.heading
{
	font-size: 10pt;
}
.adBookmarksSkyscraper
{
	margin-top:10pt;
}
.adBookmarksSkyscraper, .adForumSkyscraper, .viewThreadSkyscraper, .aboutSectionSkyscraper
{
	left:840px;
}
.adWlSkyscraper
{
	left:1005px;
}
.adForumBanner, .viewThreadBanner, .aboutSectionBottomBanner
{
	width:468px;
	height:60px;
	/*float:left;*/
}
.adBookmarksBottomBanner
{
	width:820px;
}
.bookmarksLeftCol, .wlLeftCol, .aboutSectionLeftCol
{
	float: left;
	width: 864px; 
}
.wlLeftCol
{
	width: 1000px; 
}

#header.main_map
{
	height:50px;
}
#topLogo.main_map
{
	display:none;
}
.nav-toggle
{
	width: 100%;
}
.top_navitem
{
	padding: 15px;
	font-family: 'Open Sans Condensed', sans-serif;
	color: #0000EE;
	float: left;
}
.pseudologo
{
	font-size: 28px;
}
.pseudologo
{
	padding-left: 5px;	
	padding-top: 5px;
}
.top_navitem a,.top_navitem a:visited 
{
	text-decoration: none;
	color: #0000EE;
}	
.top_navitem a:hover
{
	color: #3DC930;
}
#navLinks
/* #navLinks.main_map */
{
	/*margin-top:0px;*/
	font-size: 18px;
}
nav#navLinks
{
	width: 100%;
	height: 50px;
	margin-bottom: 10px;
}
.viewThreadBanner
{
	margin-top:36px;
}
.successMessage
{
	color:#00cc00;
}
.submit_row_createtopic
{
    margin-left: 155px;
    padding-left: 10px;
    clear:both;
}
#calendar
{
	width: 1000px;
}
#listLinkOff
{
	display:none;
}
#calendarLinkOff
{
	display:none;
}
.moduleHeading
{
	font-size:12pt;
	font-weight:bold;
}
.wlBar
{
	margin-bottom:14px;
}
th.woSml, th.woMed, th.woLrg
{
	vertical-align: top;
}
.woSml
{
	width:25px;
}
.woMed
{
	width:65px;
}
.woLrg
{
	width:100px;
}
.woXtraLrg
{
	width:120px;
}
#listViewTable
{
	font-size:10pt;
	border-spacing:0;
}
#listViewTable td
{
	border-bottom:1px solid #aaaaaa;
}
#listViewTable td.wlNew
{
	border-bottom:0;
}
#listViewTable th
{
	background-color:#7d77cb;
	font-weight:normal;
	padding:3px;
}
#listViewTable div
{
	float:left;
}
#listViewRow
{
	width: 1000px;
}
#listviewEntry
{
	margin-bottom: 6px;
	border:1px solid #cccccc;
}
#listViewRow.gray
{
	background-color: #eeeeee;
}
#jsChart
{
	height:600px;
	width:800px;
	position:relative;
	float:left
}
.table_filter
{
	margin-top: 18px;
	margin-bottom: 18px;
}
.routeHelperSwim,.routeHelperDistance
{
	display: none;
}
.bookmarksTable
{
	font-size:10pt;
	border-spacing:0;
}
.bookmark_row.heading
{
	background-color:#0000ff;
	font-weight:normal;
}
.bookmark_row.heading th
{
	padding-top: 8px;
	padding-bottom: 8px;
}
.bookmark_row.heading a
{
	color: #ffffff;
}
#milesLink
{
	display: none;
}
#kilometersLink
{
	display: none;
}
.workout_message, .bookmark_message, .newfeature_message
{
	padding: 10px;
	background-color: #aaffaa;
	display: block;
	width: 100%;
	border: 2px solid #00ff00;
}
.deleteConfirmMessage
{
	padding: 10px;
	background-color: #ffaaaa;
	display: block;
	width: 776px;
	border: 2px solid #ff0000;
}
.deleteButtonStyle
{
	float:right;
	font-weight:bold;
}
.bold
{
	font-weight:bold;
}
.deleteButtonStyle a
{
	color:#ffffff;
}
#aboutSubNav
{
	font-size:9pt;
}
.text_logo
{
	color:#312c78;
	font-weight:bold;
}
#defaultLocMap
{
	width:400px;
	height:300px;
}
#clearLink
{
	font-size:9pt;
}
.profileLeftHalf
{
	float:left;
	width: 400px;
}
.profileRightHalf
{
	margin-left: 432px;
	width: 400px;
	position: absolute:
}
.settingsHeader
{
	background-color: #000000;
	color: #ffffff;
	font-size: 16pt;
}
#noDefaultLocButtons
{
	display:block;
}
#hasDefaultLocButtons
{
	display:none;
}
#fbHolder
{
	display:inline-block;
}
#tweetHolder
{
	display:inline-block;
	float:left;
}
#fbHolder a
{
	text-decoration:none;
	color:#000000;
	padding-right:2px;
}
#fbHolder 
{
	margin-left:10px;
	display:inline;
	left:10px;
	border: 1px solid #000000;
	height:16px;
	font-family: arial, helvetica, sans-serif;
	float:left;
}
#fbIcon
{
	float:left;
	width:16px;
	height:16px;
	border: 0px;
}
#autoSaveMessage
{
	clear:both;
}
#panZoomContainer
{
	position: absolute;
	top: 250px;
	right: 4px;
	z-index: 2000;
}
#mmLeaderboardRight
{
	width: 728px;
	height: 90px;
	right: 0px;
}
#mmLeaderboardLeft
{
	display: none;
	width: 728px;
	height: 90px;
	left: 0px;
}
#mmBannerLeft
{
	display: none;
	width: 468px;
	height: 60px;
}
#mmHalfBannerLeft
{
	display: none;
	width: 234px;
	height: 60px
}
#pagingHotness
{
	padding-bottom: 12px;
}
#share_modal_div
{
	position:absolute;
	bottom: 20%;
	right:30%;
	height:60%;
	width:40%;
	border: 1px solid black;
	padding: 10px;
	z-index:11;
	background-color: #ffffff;
	display: none;
}
#announceHeading
{
	margin-top:0px;
}
#exitBox
{
	position: absolute;
	right:5px;
	top:5px;
}
div#headerMobileAd
{
	display: none;
}
input[id^="workout"],input[id^="distance_workout"],input[id^="swim_workout"]
{
	width: 45px;	
}
input[id="workout_workout_date"]
{
	width: 75px;		
}
/* some stuff being overridden from blog stylesheet */
body
{
	-webkit-font-smoothing: auto;	
}
* 
{
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
/* reverting to normal sequential theme styles */
.widget-area input[ type="submit" ],
.content-area input[ type="submit" ]{
	background-color: rgb(97, 95, 139);
	padding-bottom: 12px;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	border: 0px none rgb(255, 255, 255); 
	color: rgb(255, 255, 255);
	position: static; 
	font-family: Montserrat, sans-serif;
	font-size: 100%;
}
ul.share-buttons
{
  list-style: none;
  padding: 0;
  margin-bottom: 0px;
  margin-top: 5px;
}
ul.share-buttons li
{
  display: inline;
}
#save_progress
{
	display: none;
}
#lap_length_other,#swim_workout_unit_length{
	display: none;
}
.mobile_list_entry
{
	margin-top: 14pt;
	overflow: hidden;
	border: 5px solid #0000ff;
	border-radius: 10px;
}
.mobile_row
{
	position: relative;
	width: 100%;
	display: block;
	float: left;
	font-size: 14pt;
}

.mobile_heading
{
	width: 40%;
	float: left;
}
.mobile_row div.cell
{
	width: 60%;
	overflow: hidden;

}
#newWorkout
{
	font-size: 14pt;	
}
#newWorkout
{
	display: none;
}
@media only screen and ( min-width: 320px ) and (max-width: 840px), only screen and (min-device-width : 320px) and (max-device-width : 840px) {
	.top_navitem a,.top_navitem a:visited 
	{
		color: #ffffff;
	}	
	#navlinks li.top_navitem,li.top_navitem,#navlinks li,#navlinks div,
	{
		width: 100%;
	}
	#navlinks li.collapsible,li.top_navitem.collapsible,div.top_navitem.collapsible
	{
		width: 100%;
	}
	#navlinks ul,ul.menulist
	{
		height: auto;
	}
	#navlinks li.pseudologo,li.top_navitem.pseudologo,div.top_navitem.pseudologo
	{
		height: 40px;
	}
	div.top_navitem
	{
		text-decoration: none;
		background-color: #0000EE;
		color: ffffff;
		position: relative;
		z-index: 5;
		width: 100%;
/*		height: 24px;
*/		padding-top: 5px;
		padding-bottom: 5px;
		border-top: 1px solid #ffffff;
	}	
	div.collapsible.initial
	{
		height: 0px;
		padding-top: 0px;
		padding-bottom: 0px;		
		display:none;
	}
	div.collapsible.closed
	{
		animation-duration: 1s;
  		animation-name: slideout;
		height: 0px;
		padding-top: 0px;
		padding-bottom: 0px;		
		display:none;
	}
	div.collapsible.open
	{
		animation-duration: 1s;
  		animation-name: slidein;
		height: 24px;
		padding-top: 5px;
		padding-bottom: 5px;		
		display:block;
	}
	@keyframes slidein {
		from {
			height: 0px;
			padding-top: 0px;
			padding-bottom: 0px;		
		}
		to {
			height: 24px;
			padding-top: 5px;
			padding-bottom: 5px;		
		}
	}
	@keyframes slideout {
		from {
			height: 24px;
			padding-top: 5px;
			padding-bottom: 5px;		
		}
		to {
			height: 0px;
			padding-top: 0px;
			padding-bottom: 0px;		
		}
	}
	div.pseudologo
	{
		padding-bottom: 5px;
		height: 50px;
	}
	.menuburger
	{
		width: 40px;
		height: 40px;
	}
	span.menu
	{
		display: block;
	}
	.bookmark_row
	{
		width: 320px;
	}
	.adBookmarksSkyscraper
	{
		display:none;
	}
	.adBookmarksBottomBanner
	{
		width: 320px;
	}
	.bookmark_row.heading
	{
		display: none;
	}
	.bookmark_row
	{
		width: 100%;
		border: 1px solid #0000ff;
		margin-bottom: 12px;
	}
	.bookmarksTable.phone
	{
		display: block;
	}
	.sortby_field
	{
		font-style: italic;
	}
		position: relative;
	.arrow_holder
	{
		display: inline;
	}
	.arrow_holder img
	{
		position: absolute;
		top: -5px;
		width: 30px;
		height: 30px;
	}
	.sort_tools
	{
		margin-top: 14pt;
		font-size: 14pt;
	}
	.filter
	{
		margin-top: 12pt;
	}
	.sort_choice
	{
		margin-left: 20px;
		font-size: 13px;
		text-decoration: underline;
		color: #0000ff;
	}
	.sort_tools div
	{
		position: relative;
	}
	.change_link
	{
		color: #0000ff;
		text-decoration: underline;
	}
	.table_filter
	{
		display: none;
	}
	.bookmarksTable.tablet,.bookmarksTable.desktop
	{
		display: none;
	}
	a[ng-click]
	{
    	cursor: pointer;
	}
	.deleteConfirmMessage
	{
		width: 100%;
		-webkit-box-sizing: border-box; /* Safari 3.0 - 5.0, Chrome 1 - 9, Android 2.1 - 3.x */
  		-moz-box-sizing: border-box;    /* Firefox 1 - 28 */
  		box-sizing: border-box; 
  	}
}
/* calendar on workoutlog needs a bit more width, max is 1000 */
@media only screen and ( min-width: 320px ) and (max-width: 1000px), only screen and (min-device-width : 320px) and (max-device-width : 1000px) 
{
	.wlLeftCol
	{
		width: 100%;	
	}		
	#newWorkout
	{
		display: block;
	}

}
@media only screen and ( min-width: 320px ) and (max-width: 1160px), only screen and (min-device-width : 320px) and (max-device-width : 1160px) 
{
	.adWlSkyscraper
	{
		display: none;	
	}
}
@media only screen and ( min-width: 320px ) and ( max-width:467px ), only screen and ( min-device-width: 320px ) and ( max-device-width:467px ){ 
	#headerAd 
	{ 
		width: 320px; 
		height: 100px; 
	} 
	.adWlBottomBanner
	{ 
		width: 320px; 
		height: 100px; 
	} 
}
@media only screen and ( min-width:468px ) and ( max-width:727px ),only screen and ( min-device-width:468px ) and ( max-device-width:727px ) { 
	#headerAd 
	{ 
		width: 468px; 
		height: 60px; 
	}
	.adWlBottomBanner
	{ 
		width: 468px; 
		height: 60px; 
	} 
}