@font-face {
  font-family: 'OpenSans300';
  font-weight: 300;
  font-style: normal;
  src: url('/fonts/Open-Sans-300/Open-Sans-300.eot');
  src: url('/fonts/Open-Sans-300/Open-Sans-300.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-300'),
       url('/fonts/Open-Sans-300/Open-Sans-300.woff2') format('woff2'),
       url('/fonts/Open-Sans-300/Open-Sans-300.woff') format('woff'),
       url('/fonts/Open-Sans-300/Open-Sans-300.ttf') format('truetype'),
       url('/fonts/Open-Sans-300/Open-Sans-300.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans';
  font-weight: 400;
  font-style: normal;
  src: url('/fonts/Open-Sans-regular/Open-Sans-regular.eot');
  src: url('/fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-regular'),
       url('/fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
       url('/fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
       url('/fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
       url('/fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}
@font-face {
  font-family: 'OpenSans700';
  font-weight: 700;
  font-style: normal;
  src: url('/fonts/Open-Sans-700/Open-Sans-700.eot');
  src: url('/fonts/Open-Sans-700/Open-Sans-700.eot?#iefix') format('embedded-opentype'),
       local('Open Sans'),
       local('Open-Sans-700'),
       url('/fonts/Open-Sans-700/Open-Sans-700.woff2') format('woff2'),
       url('/fonts/Open-Sans-700/Open-Sans-700.woff') format('woff'),
       url('/fonts/Open-Sans-700/Open-Sans-700.ttf') format('truetype'),
       url('/fonts/Open-Sans-700/Open-Sans-700.svg#OpenSans') format('svg');
}
html {
	width:100%;
	height:100%
} 
.print_map{
    width: 576px;
	height: 756px;
	z-index: -1;
}
/* print_map_container{
	width: 7.5in;
	height: 10.0in;
} */
/* .print_container{
} */
body{
	margin: 0px;
}
.document_emulator, body {
	/* body { */
	width:100%;
	height:100%;
	margin:0px;
	font-family: OpenSans300;
	font-size:11pt;
}
#tooltip{
	display: none;
	width: 300px;
	height: 190px;
	position: absolute;
	top: 200px;
	left: 150px;
	background-color: #ffffff;
	z-index: 5000;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	background-image: url('img/close.png');
	background-position: right top;
	background-repeat: no-repeat;
	z-index: 2;
}
div.maplibregl-ctrl-group > button.layer_button {
	font-family: 'OpenSans300';
	font-size: 12pt;
	font-weight: bold;
	background-color: #ffffff;
	color: #000000;
	display: inline;
    width: auto;
    padding-left: 5px;
	padding-right: 5px;
	border-left: 1px solid #dddddd;
	border-top: 0px;
}
div.maplibregl-ctrl-group > button.selected_layer{
	background-color: #2e63c9;
    color: #ffffff;
}
div.maplibregl-ctrl-group > button.layer_button:first-of-type{
	border-left: 0px;
}
div.maplibregl-ctrl-group > button.layer_button:hover{
	background-color: rgba(0, 0, 0, 0.05);
}
div.maplibregl-ctrl-group > button.selected_layer:hover{
	background-color: rgba(46, 99, 201, .8);	
}
.maplibregl-canvas{
	cursor: crosshair;
}
.tt_navbar{
	display: inline-block;
}
#announcementDiv{
	display: none;
	position: absolute;
	top: 200px;
	bottom: 200px;
	left: 400px;
	right: 400px;
	box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
	background-color: #ffffff;
	padding: 5px;
}

#tooltip:after, #tooltip:before {
	right: 100%;
	top: 40px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

#tooltip:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #ffffff;
	border-width: 15px;
	margin-top: -15px;
}
#tooltip:before {
	border-color: rgba(127, 127, 127, 0);
	border-right-color: #808080;
	border-width: 16px;
	margin-top: -16px;
}
#tooltip.rightarrow:before,#tooltip.rightarrow:after{
	left: 100%;
}
#tooltip.rightarrow:before{
	border-left-color: #808080;
	border-right: 0px;
}
#tooltip.rightarrow:after{
	border-left-color: #ffffff;
	border-right: 0px;
}
#tooltip.noarrow:before,#tooltip.noarrow:after{
	content: none;
}
#tooltip > #heading{
	width: 275px;	
	height: 25px;
	font-family: OpenSans700;
	font-size: 16px;
	line-height: 0.9;
	color: #4a4a4a;
	padding-left: 25px;
	padding-top: 25px;
}
#tooltip > #text{
	width: 275px;	
	height: 90px;
	padding-top: 10px;
	padding-left: 25px;
	overflow-y: scroll;
}
#tooltip > #prev{
	background-color: #424242;
	border-bottom-left-radius: 5px;
}
#tooltip > #next{
	background-color: #2e63c9;
	border-bottom-right-radius: 5px;
}
#tooltip > #progress{
	padding-left: 11px;
	width: 137px;
	height: 40px;
	background-color: #4a4a4a;
}
#tooltip > #progress > img{
	width: 7px;
	height: 7px;
	display: inline;
	padding-right: 4.5px;
}
#tooltip > #prev, #tooltip > #next{
	padding-left: 16px;
	width: 60px;
}
#tooltip > #prev,#tooltip > #progress,#tooltip > #next{
	color: #ffffff;
	font-family: OpenSans;
	font-size: 11px;
	line-height: 1.4;
	padding-top: 13px;
	height: 27px;
}
.enableNav{
	opacity: 1.0;
	cursor: pointer;
}
.disableNav{
	opacity: 0.3;
	cursor: default;
}
.location_box_div{
	width: 225px;
	top: 23px;
}
#locationBox{
	border: none;
	font-size: 14px;
	font-family: OpenSans;
	width: 160px;
	height: 22px;
	color: #4a4a4a;
    border: 1px solid #cccccc;
    background: transparent url(/img/mag_glass_small.png) no-repeat scroll right center;
}
#control_panel{
	font-family: OpenSans300;
	font-size: 11px;
	position: absolute;
	width: 300px;
	height: 520px;
	top: 20px;
	left: 20px;
	overflow-y: auto;
	overflow-x: hidden;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	z-index: 1;
}
/*#control_panel:hover{
	overflow-y: scroll;
	overflow-x: scroll;
}
*/
.control_panel_member{
	position: absolute;
	color: #4a4a4a;
}
.grow{
	display: none;
	border: 1px solid #2e63c9;
	border-radius: 3px;
	padding: 3px;
	position: absolute;
	top: 20px;
	left: 20px;
	height: 23px;
	width: 23px;
	background-color: #ffffff;
	z-index: 1;
}
.shrink{
	top: 24px;
	right: 68px;
	height: 23px;
	width: 23px;
}
.help_div{
	top: 22px;
	right: 20px;
    border: 1px solid #2e63c9;
    padding: 3px;
    border-radius: 5px;
    font-size: 12px;
    color: #2e63c9;
    cursor: pointer;
}
.help_div:hover{
    color: #ffffff;
    background-color: #2e63c9;
}
.control_panel_left_justified{
	left: 30px;
}
.route_type_select{
	top: 231px;
	font-size: 12px;
	line-height: 17px;
	color: #4a4a4a;
	font-family: OpenSans;
}
.route_type_select select{
	border: 0;
	font-weight: normal;
	background: transparent;
	font-size: 12px;
	font-family: OpenSans;
}
.start_button{
	background:#d8d8d8;
	border-radius:5px;
	width:250px;
	height:40px;
	top: 126px;
	left: 25px;
}
.start_button.button_active{
	border: 2px solid #2e63c9;
	width: 246px;
	height: 36px;
}
.buttonhover:hover{
	background-color: #969696;
}
.start_icon{
	width: 16px;
	height: 25px;
	top: 8px;
	left: 26px;
	position: absolute;
}
.button_active > .start_icon{
	top: 6px;
	left: 24px;
}
.undo_button{
	background:#d8d8d8;
	border-radius:5px;
	width:250px;
	height:40px;
	top: 176px;
	left: 25px;
}
.undo_icon{
	width: 26px;
	height: 26px;
	top: 9px;
	left: 22px;
	position: absolute;
}
.startundo_button_text{
	left: 64px;
	top: 9px;
	position: absolute;
	font-size:16px;
	line-height:22px;
	cursor: default;
}
.button_active > .startundo_button_text{
	top: 7px;
	left: 62px;
}
.start_hover{
	position: absolute;
    top: 0px;
    width: 125px;
    height: 40px;
    font-size: 9pt;
    line-height: 40px;
    text-align: center;
    display: none;
}
#start_from_new{
    left: 125px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#start_from_default{
    left: 0px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.distance_readout{
	top: 72px;
	font-size: 16px;
	height: 22px;
	width: 270px;
}
.distance_readout > #distance{
	font-family: OpenSans700;
}
.distance_readout > div{
	float: left;
	padding-right: 5px;
}
.calorie_readout{
	top: 98px;
	font-size: 16px;
	height: 22px;
}
.calorie_readout > div{
	float: left;
	padding-right: 5px;
}
.action_label{
	padding-left: 5px;
	line-height: 24px;
	font-size: 10pt;
	color: #b0b0b0;
	font-style: italic;
	cursor: pointer;
}
.action_label:hover{
	text-decoration: underline;
}
.current_units{
	color: #000000;
	font-style: normal;
	cursor: default;
}
.current_units:hover{
	text-decoration: none;
}
#getlink_box{
	display: none;
}
#weight_entry_box{
	top: 175px;
	left: 100px;
	display: none;
}
#route_name{
	top: 264px;
	border: 1px solid #cccccc;
}
#name_label{
    top: 258px;
    position: absolute;
    font-size: 7pt;
    font-style: italic;
    left: 35px;
    z-index: 2;
	background-color: #ffffff;
	line-height: 13px;
}
#routename_input{
	border: none;
	font-size: 16px;
	font-family: OpenSans;
	width: 200px;
	height: 22px;
	color: #4a4a4a;
	text-overflow: ellipsis;
    width: 240px;
    height: 22px;
}
#route_description{
	top: 296px;
	border: 1px solid #cccccc;
}
#description_label{
    top: 290px;
    position: absolute;
    font-size: 7pt;
    font-style: italic;
    left: 35px;
    z-index: 2;
	background-color: #ffffff;
	line-height: 13px;
}
div[contenteditable=true]:empty:before{
  content: attr(placeholder);
  display: block; /* For Firefox */
  color: #a9a9a9;
}
#routedescription_input{
	border: none;
	font-size: 16px;
	font-family: OpenSans;
	width: 200px;
	height: auto;
	color: #4a4a4a;
	text-overflow: ellipsis;
    width: 240px;
    resize: none;
    /* textareas have 2 pixels of padding? wtf? */
    padding: 1px;
}
#power_tools{
	top: 335px;
}
#power_tools > span,#power_tools > img{
	position: absolute;
}
#power_tools > div.iconholder{
	background-repeat: no-repeat;
    height: 20px;
    width: 20px;
    background-size: contain;
    position: absolute;
}
.elevation_icon{
	background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
	vertical-align: bottom;
}
.elevation_icon_container{
	position: relative;
	margin-left: 5px;
	padding: 2px;
	border: 1px solid #ffffff;
}
.elevation_icon_container.clicked{
	border: 1px solid #2e63c9;
	border-radius: 3px;
}
#small_elevation_icon{
	background-position-y: 8px;
}
#none_elevation_icon{
	width: 26px;
	line-height: 20px;
}
#none_elevation_icon:hover,#none_elevation_icon.clicked{
	color: #2e63c9;
	font-weight: bold;
}
#big_elevation_icon{
	background-image: url(img/elevation.png);
}
#big_elevation_icon:hover,#big_elevation_icon.clicked{
	background-image: url(img/elevation_blue.png);
}
#small_elevation_icon{
	background-image: url(img/elevation_small.png);
}
#small_elevation_icon:hover,#small_elevation_icon.clicked{
	background-image: url(img/elevation_small_blue.png);
}
#startover_icon{
	background-image: url(img/startover.png);
}
#startover_icon:hover{
	background-image: url(img/startover_blue.png);
}
#thereandback_icon{
	background-image: url(img/thereback.png);
}
#thereandback_icon:hover{
	background-image: url(img/thereback_blue.png);
}
#share_print{
	background-image: url(img/print.png)
}
/* doofy little override for share page */
#share_print_share_page{
	background-image: none;
}
#share_print:hover{
	background-image: url(img/print_blue.png)
}
#download{
	background-image: url(img/download.png);
}
#download:hover,#download.clicked{
	background-image: url(img/download_blue.png);
}
#power_tools > span{
	font-size: 8pt;
	width: 90px;
}
#power_tools > img{
	height: 20px;
}
#elevation_label{
	/*vertical-align: top;*/
}
/*#small_elevation_icon > img{
    transform: scaleY(.60) translate(0px,5px);
    left: 85px;
}
*/
#none_elevation_icon{
    /*left: 115px;*/
    /*vertical-align: middle;*/
    cursor: default;
}
.elevation_icon_button{
}
#power_tools > img:hover{
	/*background-color: #d8d8d8;*/
}
.elevation_icon_button:hover{
	/*background-color: #d8d8d8;*/
}
.elevation_icon_button.clicked{
	border: 1px solid #2e63c9;
	border-radius: 3px;
	margin: 2px;
	height: 24px;
	width: 24px;
}
.powertools_secondrow{
	top: 35px;	
}
.powertools_thirdrow{
	top: 65px;			
}
#milemarkers_icon{
	left: 128px;
}
#milemarkers_icon.milemarkers_on{
    border: 1px solid #2e63c9;
    padding: 1px;
	left: 126px;
	top: 33px;
    /*background-color: #d8d8d8;*/
}
/*Special case for Elevation button since several icons are present*/
div.powertools_firstrow{
	display: inline;		
	font-size: 8pt;
	display: inline-block;
	line-height: 16px;
}

img.powertools_leftcolumn,div.powertools_leftcolumn{
	left: 0px;
}
span.powertools_leftcolumn{
	left: 30px;
}

img.powertools_rightcolumn,div.powertools_rightcolumn{
	left: 125px;
}
span.powertools_rightcolumn{
	left: 150px;
}

img.powertools_leftcolumn,div.powertools_leftcolumn.powertools_thirdrow{
	left: 0px;
}
span.powertools_leftcolumn.powertools_thirdrow{
	left: 25px;
}
img.powertools_rightcolumn,div.powertools_rightcolumn.powertools_thirdrow{
	left: 80px;
}
span.powertools_rightcolumn.powertools_thirdrow{
	left: 105px;
}

img.powertools_rightcolumn,div.powertools_thirdcolumn.powertools_thirdrow{
	left: 165px;
}
span.powertools_thirdcolumn.powertools_thirdrow{
	left: 185px;
}
.download_msg{
	font-family: OpenSans;
    font-size: 10pt;
    text-align: center;
    color: #2e63c9;
}
/* start spinner classes */
/* https://loading.io/css/ */
.lds-ring {
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
	left: 16px;
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 6px;
	border: 6px solid #2e63c9;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #2e63c9 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
  
/* end spinner classes */
.mask {
    width: 100%;
    height: 100%;
    background: #000000;
    z-index: 10;
    position: absolute;
    top: 0px;
    opacity: .3;
}
.dload_spinner {
    height: 100px;
    width: 100px;
    position: absolute;
    z-index: 11;
    background: #ffffff;
    left: 200px;
    top: 430px;
    border-radius: 10px;
}
#save_button{
    top: 430px;
    left: 0px;
    height: 40px;
    width: 300px;
    color: #ffffff;
    background-color: #2e63c9;
    font-size: 16px;
    text-align: center;
    vertical-align: middle;
    line-height: 40px;
    cursor: pointer;
}
#save_button:hover{
	background-color: #408aff;
}
.share_button,#gpx_button,#getlink_button{
	cursor: pointer;
}
#share_links{
    top: 470px;
    left: 0px;
	height: 50px;
    width: 300px;
    background-color: #f4f4f4;
}
#share_links_inner > img{
	height: 15px;
	width: 15px;
	padding-left: 5px;
}
#share_links_inner > span{
	padding-left: 25px;
}
#share_links_inner > span.first{
	padding-left: 30px;
}
#share_links_inner{
	/*padding-left: 30px;*/
	padding-top: 14px;
	line-height: 15px;
	font-size: 10px;
	color: #4a4a4a;
	float: left;
	display: inline-flex;
}
.dialog{
  border-radius: 5px;
  background-color: #ffffff;
  box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 5000;
  padding: 3px;
  padding-top: 16px;
  background-image: url('img/close.png');
  background-position: right top;
  background-repeat: no-repeat;
}
#getlink_box{
	width: 500px;
	height: 75px;
}
.getlink_field{
	margin-top: 12px;
	padding: 3px;
	border: 1px solid #000000;

}
#weightinput_container{
	width: 225px;
	height: 100px;
	margin-top: 24px;
}
#weight_savebutton{
	background-color: #2e63c9;
    display: inline;
    color: #ffffff;
    border-radius: 3px;
    padding: 3px;
    font-size: 8pt;
}
#weight_input{
	width: 30px;
	float: left;
	margin-right:3px;
}
.weight_units{
	margin-right: 3px;
	float: left;
}
#weight_units_m{
	display: none;
}
#km_label{
	display: none;
}
#panel table {
  border:solid 1px grey;
  width:50%;
  margin-bottom: 5px;
}
.horizontal_rule{
  width: 300px;
  height: 0px;
  opacity: 0.4;
  border-bottom: solid 2px rgba(155, 155, 155, .4);
  top: 58px;
  position: absolute;
}
#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;
}
div.menu
{
	display: none;
	position: absolute;
	right:20px;
	top: 15px;
}
.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
{
	background-color: #2e63c9;
	color: #ffffff;
	height:90px;
	/*
	border:1px solid black;
	padding-left:7px;
	font-family:arial;
	*/
}
#topLogo img
{
	border:0px;
}
#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:95px;
}
#headerSpacer
{
	height:149px
}
#moremapbutton
{
	font-size:16px;
	display:none;
}
#header
{
	height:165px;
}
#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;
}
.mmAd{
	z-index: 1;
	position:absolute;
}
.mmRightAd{
	height: 250px;
    width: 300px;
    bottom: 90px;
    position: absolute;
    right: 0px;
}
.mmLeaderboard
{
	width:728px;
	height:90px;
	bottom:0px;
	/* border:1px solid #000000; */
}
.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:130px;
	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. 
02/2016 -- not so much true anymore
*/
#mapPane 
{
	position: absolute;
	top: 90px;
	bottom: 0px;
	width:100%;
	margin:0px;
}
.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;
	*/	
}
#elevationChartContainer
{
	height:0px;
	position:absolute;
	z-index: 1;
	width: 100%;
	bottom: 90px
}
#elevationChart
{
	/* opacity: 0; */
	/* display:none; */
	left:5px;
	right:5px;
	bottom:92px;
	border:-170px;
	position:static;
	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:#2e63c9;
	padding:10px;
	color:#ffffff;
	font-family:OpenSans;
	font-size:12pt;
	border-radius: 5px;
	top:20px;
	position:relative;
	text-decoration:none;
}
.generalButton:hover
{
	background-color:#408aff;
}
#saveButtonHolder
{
	float:left;
	margin-right:50px;
}
.dialogText
{
	margin-bottom:1em;
}
input[ type="submit" ], button[ type="submit" ]
{
	background-color:#2e63c9;
	padding:10px;
	color:#ffffff;
	border-radius: 5px;
	position:relative;
	text-decoration:none;
	font-family:OpenSans;
	font-size:12pt;
}
input[type="submit"]:hover, button[ type="submit" ]:hover
{
	background-color:#408aff;
}
.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:90px;
}
#topLogo.main_map
{
	display:none;
}
.nav-toggle
{
	width: 100%;
}
.top_navitem
{
	font-family: 'OpenSans300';
	color: #2e63c9;
	position:absolute;	
}
.top_navitem.logo{
	background-image: url('/img/logo.png');
	width: 193px;
	height: 40px;
}
.map
{
	left:450px;
	top:34px;
}
.about
{
	left:515px;
	top:34px;
}
.routes
{
	left:615px;
	top:34px;
}
.workoutlog
{
	left:715px;
	top:34px;
}
.shop
{
	right:317px;
	top:35px;
	font-size: 14px;
}
.blog
{
	right:262px;
	top:35px;
	font-size: 14px;
}
.forum
{
	right:193px;
	top:35px;
	font-size: 14px;
}
.login
{
	right: 74px;
	top:25px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	padding:8px;
}
.logout
{
	right: 74px;
	top: 15px;
	border-radius: 5px;
	border: 1px solid #ffffff;
	padding:8px;
}
.settings
{
	right: 74px;
	top: 60px;
	font-size: 13px;
}
.settings > a {
    right: 1.85em;
    position: absolute;
    text-decoration: underline;
}
.logo
{
	left:73px;
	top:25px;
}
.top_navitem a,.top_navitem a:visited 
{
	text-decoration: none;
	color: #ffffff;
}	
.top_navitem a:hover
{
	text-decoration: underline;
}
#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;
}
#km_label{
	display: none;
}
#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:#2e63c9;
	font-weight:normal;
}
.bookmark_row.heading th
{
	padding-top: 8px;
	padding-bottom: 8px;
}
.bookmark_row.heading a
{
	color: #ffffff;
}
.distance_component{
	float:left;
}
#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: 970px;
	height: 90px;
	right: 0px;
	z-index:1;
}
#mmLeaderboardLeft
{
	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 #2e63c9;
	border-radius: 10px;
}
.mobile_row
{
	position: relative;
	width: 100%;
	display: block;
	float: left;
	font-size: 14pt;
}
.mobile_delete_button
{
	float: right;
	padding-right: 3px;
	padding-top: 3px;
}
.mobile_heading
{
	width: 40%;
	float: left;
}
.mobile_row div.cell
{
	width: 60%;
	overflow: hidden;

}
#newWorkout
{
	font-size: 14pt;	
}
#newWorkout
{
	display: none;
}
.g-recaptcha{
	display: inline-block;
}
label[ for="sfApplyApply_captcha" ]{
	vertical-align: top;
}
@media only screen and ( min-width: 320px ) and (max-width: 1280px), only screen and (min-device-width : 320px) and (max-device-width : 1280px) {
	#mapPane 
	{
		top: 50px;
	}
	.menu_overlay
	{
		z-index: 99;
		position: absolute;
		left: 0px;
		right: 0px;
		top: 50px;
		bottom: 0px;
		opacity: 0;
		background-color: #2e63c9;
		height:100%;
		width:100%;
		display: none;
	}
	.collapsible{
		z-index: 100;
		opacity: 0;
		display: none;
	}
	.top_navitem.collapsible
	{
		left: 0px;
		right: 0px;
		text-align: center;
		font-size: 25px;	
		line-height: 60px;
	}
	.top_navitem.logo{
		background-image: url('/img/small_logo.png');
		left: 30px;
		top: 15px;
		width: 20px;
		height: 20px;
	}
	#navbar{
		height: 50px;
	}	
	div.menu{
		display:block;
	}
	.top_navitem.collapsible.map
	{
		top:100px;

	}
	.top_navitem.collapsible.about
	{
		top:150px;

	}
	.top_navitem.collapsible.routes
	{
		top:200px;

	}
	.top_navitem.collapsible.workoutlog
	{
		top:250px;

	}
	.top_navitem.collapsible.blog
	{
		top:300px;

	}
	.top_navitem.collapsible.shop
	{
		top:350px;

	}
	.top_navitem.collapsible.forum
	{
		top:400px;

	}
	.top_navitem.collapsible.login
	{
		top:475px;
		border: 0px;
	}
	.top_navitem.collapsible.logout
	{
		top:475px;
		border: 0px;
	}
	.top_navitem.collapsible.settings
	{
		top:525px;
	}
	.top_navitem.collapsible.settings > a
	{
		position: static;
	    font-size: 20px;
	    text-decoration: underline;
    }
	.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;
	}
	.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; 
	} 
}