body {
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	padding-bottom: 2em;
	color:#003366;
	margin:0;
}

input 
{
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color:#003366;
}

select
{
	font-family: Verdana, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color:#003366;
}

/* Controls (skin) */

.outSideSmall
{
	font-size:11px;
	color:#999999;
	text-decoration:none;
}

.darkBlue
{
	color:#003366;
}

.darkBlueUndecorated
{
	color:#003366;
	text-decoration:none;
}

.controlClass {
	font-family: Verdana, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color:#003366;
}

.outSide {
	font-family: Verdana, Sans-serif;
	font-size: 12px;
	font-weight: normal;
	letter-spacing: normal;
	text-transform: none;
	word-spacing: normal;
	color:#666666;
}

.gvLink {
	text-decoration:none;
	color:#003366;
}

/* Main Content */

#content 
{
	/*margin-top:1em;
	margin-left: 16em;
	margin-right: 2em;*/
	font-size: 11px;
}
h1 {
	font: 150% Arial, serif;
}

/* masterpage */

.MasterPageHeader
{
	/*background-color: #FCCC8B;*/
	background-image: url(../../Images/TopHeaderBackground.png);
}

.Footer
{
	background-image:url(../../Images/Footer.jpg);
}

/* navigation */
.navigation , .navigationSelect {
	text-decoration:none;
	color:White;
	font-size:11px;
	line-height:30px; /* center vertically, adjust if font-size changes */
	height:30px;
	text-align: center;
	display: block;
	border:0px;
	border-width:0px;
}

.navigation {
	background-image:url(../../Images/Navigation.png);
	color:#003366;
}

.navigationSelect {
	color:#F4F8FB;
	background-image:url(../../Images/NavigationHover.png);
}

.navigation:hover {
 	color:#F4F8FB;
	background-image:url(../../Images/NavigationHover.png);
}

.navigationRight {
	background-image:url(../../Images/Navigation.png);
}

.navigationSpace {
	text-decoration:none;
	font-size:12px;
	line-height:30px; /* center vertically, adjust if font-size changes */
	height:30px;
	text-align: center;
	display: block;
	border:0px;
	border-width:0px;
	background-image:url(../../Images/NavigationSpace.png);
	width:1px;
}

/* sub navigation */
.subnavigationShadowLeft
{
	width:20px;
	background-image:url(../../Images/NavigationShadowLeft.jpg);
}

.subnavigationShadowMiddle
{
	background-image:url(../../Images/NavigationShadowMiddle.jpg);
}

.subnavigationShadowRight
{
	width:15px;
	background-image:url(../../Images/NavigationShadowRight.jpg);
}

.subnavigation 
{
   color:#000000;
   text-decoration:none;
}

.subnavigationSelect 
{
	color:#000000;
	text-decoration:none;
	font-weight:bold;
}

.widgetTitle
{
	color:#FFFFFF;
}

.widgetTitleBackground
{
	background-color:#5580BB;
	width:100%;
	height: 21px; 
	color:#FFFFFF;
}

.widgetGreenBackground
{
	background-color:#E2F3D0;
	border-color:#E2F3D0;
}

.widgetGrayBackground
{
	background-color:#EBEBEB;
	border-color:#EBEBEB;
}

.widgetTableHeader
{
	height:18px;
	background-color:#6699CC;
	color:#FFFFFF;
	vertical-align:middle;
}

.widgetTable 
{
	width:100%;
	height:100%;
	border-width:1px;
	border-color:#CCCCCC;
}

.widgetTopRight
{
	background-image:url(../../Images/WidgetCornerUpperRight.gif);
	height: 21px; 
	width: 18px;
	font-size:1px;
}

.widgetContentBackgroundGray
{
	background-color:#EBEBEB;
}

.widgetContentBackgroundLightGray
{
	background-color:#F8F8F8;
}

.widgetContentBackgroundGrayer
{
	background-color:#CCCCCC;
}

.widgetContentBackgroundDarkGray
{
	background-color:#AAAAAA;
}

.widgetContentBackgroundGreen
{
	background-color:#E2F3D0;
}

.widgetBottomLeftGray
{
	background-image:url(../../Images/WidgetCornerBottomLeftGray.gif);
	height: 15px;
	width: 18px;
}

.widgetBottomRightGray
{
	background-image:url(../../Images/WidgetCornerBottomRightGray.gif);
	height: 15px;
	width: 18px;
}

.widgetBottomLeftGreen
{
	background-image:url(../../Images/WidgetCornerBottomLeftGreen.gif);
	height: 15px;
	width: 18px;
}

.widgetBottomRightGreen
{
	background-image:url(../../Images/WidgetCornerBottomRightGreen.gif);
	height: 15px;
	width: 18px;
}

.btnPaging
{
	text-decoration:none;
	font-size:12px;
	font-weight:normal !important;
	border-width:0px;
	color:#5580BB;
}


.linkButtonGray
{
	text-decoration:none;
	color:#9C9C9C;
}

.linkButtonSmallGray
{
	font-size:10px;
	text-decoration:none;
	color:#9C9C9C;
}


.textSmall
{
	font-size:10px;
	text-decoration:none;
}

.textSmallGray
{
	font-size:10px;
	text-decoration:none;
	color:#9C9C9C;
}


/* validators */

.validatorCalloutHighlight 
{
    background-color: #FCCC8B;
}

.pwStrength
{
     color:#FF5400;
     font-family:Arial;
     font-size:x-small; 
     font-weight:bold; 
     padding: 2px 3px 2px 3px;   
}

.linkButton
{
	font-size:11px;
	text-decoration:none;
	color:#5580BB;
}

.undecorated
{
	text-decoration:none;
}

.myWorkouts
{
	background-image: url(../../Images/myWorkoutsBack.png);
}

.myWorkoutsFooter
{
	background-image: url(../../Images/myWorkoutsFooterBack.png);
}

.linkButtonBig
{
	text-decoration: none;
	color: #003366; 
	font-weight: bold;
	font-size: 14px;
}

.linkButtonBigNotBold
{
	text-decoration: none;
	color: #003366; 
	font-size: 14px;
}

.linkButtonHuge
{
	text-decoration: none;
	color: #003366; 
	font-weight: bold;
	font-size: 28px;
}

.linkButtonNormal
{
	text-decoration: none;
	color: #003366; 
	font-weight: bold;
}

.linkButtonStandard
{
	text-decoration: none;
	color: #000000; 
}

.updateProgress
{
	position: absolute;
	background-color: #fff;
	/*filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;*/
	padding: 0px;
	margin: 0px;
	top:50%;
	left:50%;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

/* edit buttons */
.btnEdit 
{
	height:20px;
	text-decoration:none !important;
	color:#003366;
}

.btnEdit:hover
{
	text-decoration:none !important;
	color:#77AA44;
}

/* update progress */
#progressBackgroundFilter {
  position:absolute;
  top:0px;
  bottom:0px;
  left:0px;
  right:0px;
  overflow:hidden;
  padding:0;
  margin:0;
  background-color:#000; 
  filter:alpha(opacity=50);
  opacity:0.5;
  z-index:1000;
}

#processMessage { 
  position:absolute; 
  text-align:center;
  top:30%; 
  left:43%;
  padding:10px;
  width:14%;
  z-index:1001;
  background-color:#fff;
} 

/* "modern browser" (not ie) specific */
.MapBigMyStart
{
	position:relative; 
	z-index:2; 
	top:422px; 
	left:287px; 
	background-color:#FFFFFF; 
	height:17px; 
	width:120px; 
	text-align:center; 
	vertical-align:middle;
}

.MapSmallMyStart
{
	position:relative; 
	z-index:2; 
	top:64px; 
	left:662px;
	background-color:#FFFFFF; 
	height:17px; 
	width:120px; 
	text-align:center; 
	vertical-align:middle;
}

.MapBigProfile
{
	position:relative; 
	z-index:2; 
	top:422px; 
	left:286px; 
	background-color:#FFFFFF; 
	height:17px; 
	width:120px; 
	text-align:center; 
	vertical-align:middle;
}

.MapSmallProfile
{
	position:relative; 
	z-index:2; 
	top:69px; 
	left:662px;
	background-color:#FFFFFF; 
	height:17px; 
	width:120px; 
	text-align:center; 
	vertical-align:middle;
}

.MapBigLatestSmartRuns
{
	position:relative; 
	z-index:2; 
	top:422px; 
	left:286px; 
	background-color:#FFFFFF; 
	height:17px; 
	width:120px; 
	text-align:center; 
	vertical-align:middle;
}

.MapSmallLatestSmartRuns
{
	position:relative; 
	z-index:2; 
	top:69px; 
	left:662px;
	background-color:#FFFFFF; 
	height:17px; 
	width:120px; 
	text-align:center; 
	vertical-align:middle;
}

.MDMOverlayFL
{
	position:relative; 
	z-index:3; 
	top:-620px; 
	left:738px;
	background-color:#FFFFFF; 
	height:42px; 
	width:111px; 
	text-align:center; 
	vertical-align:middle;
}

.MDMOverlay
{
	position:relative; 
	z-index:3; 
	top:-617px; 
	left:889px;
	background-color:#FFFFFF; 
	height:42px; 
	width:111px; 
	text-align:center; 
	vertical-align:middle;
}

.FinalSpurtAmazon 
{
	position:relative; 
	z-index:1; 
	top:-617px; 
	left:1px;
	background-color:#FFFFFF; 
	height:114px; 
	width:144px; 
	text-align:center; 
	vertical-align:middle;
	background-image:url(../../Images/FinalSpurtAmazon.png);
	background-repeat:no-repeat;
}

/* Gridview */
.DataWebControlStyle
{
    font-size: 11px;
    color: Black;
}

.HeaderStyle
{
    background-color:#5580BB;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.FooterStyle
{
    background-color:#5580BB;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: bold;
}

.AlternatingRowStyle
{
    background-color:#EBEBEB;
    color:#003366;
}

.RowStyle
{
	background-color:#F8F8F8;
	color:#003366;
}

.SelectedRowStyle
{
    background-color: Yellow;
}

/* Tooltip */
.tooltip {
 background-color:#FFFFFF;
 color:#003366;
 -moz-opacity:.95;
 opacity:.95;
 position:absolute;
 width:250px;
 border:solid 3px #5580BB;
 padding:4px;
 z-index:100;
}

.pagingButtonSelected 
{
	font-size:11px;
	text-decoration:none;
	color:#5580BB;
	border-style:solid;
	border-width:thin;
	border-color:#5580BB;
	padding:3px;
	padding-top:1px;
	padding-bottom:1px;
}

.pagingButtonSelected:hover
{
	font-size:11px;
	text-decoration:none;
	color:#5580BB;	
	border-style:solid;
	border-width:thin;
	border-color:#5580BB;
	padding:3px;
	padding-top:1px;
	padding-bottom:1px;
	background-color:White;
}

.pagingButton 
{
	font-size:11px;
	text-decoration:none;
	color:#AAAAAA;
	background-color:#EBEBEB;
	border-style:solid;
	border-width:thin;
	border-color:#AAAAAA;
	padding:3px;
	padding-top:1px;
	padding-bottom:1px;
}

.pagingButton:hover
{
	font-size:11px;
	text-decoration:none;
	color:#AAAAAA;
	border-style:solid;
	border-width:thin;
	border-color:#AAAAAA;
	padding:3px;
	padding-top:1px;
	padding-bottom:1px;
	background-color:White;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
a.ovalbutton
{
    background: transparent url('../../Images/oval-gray-left.gif') no-repeat top left;
    display: block;
    float: left;
    font: normal 13px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}
a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton
{
    color: #494949; /*button text color*/
}
a.ovalbutton span
{
    background: transparent url('../../Images/oval-gray-right.gif') no-repeat top right;
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}
a.ovalbutton:hover
{
    /* Hover state CSS */
    background-position: bottom left;
    cursor:pointer;
}
a.ovalbutton:hover span
{
    /* Hover state CSS */
    background-position: bottom right;
    color: black;
}
.buttonwrapper
{
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}

/* kevins component */
.RubberBandBox {
	position: absolute;
	overflow: hidden;
	padding: 0;
	opacity: .5;
	filter: alpha(opacity=50);
	background-image: "img/selection.gif";
	background-color: #d3d3d3;
	border: 1px solid #596380;
	visibility: hidden;
}
.ConfirmDiv {
	width: 500px;
	height: 280px;
	left: 14px;
	top: 58px;
	position: absolute;
	background-color: Gray;
	opacity: .9;
	filter: alpha(opacity=90);
	z-index: 100;
	visibility: hidden;
}

.DataDiv{
	width:85px; 
	height:70px; 
	background-color:White;
	visibility:hidden;
	position:fixed;
	opacity: .8;
	filter: alpha(opacity=80);
	border-style:solid;
	border-width:1px;
	border-color:Silver;
	vertical-align:middle;
}
.currAlt{
	color: #5580BB; 
	width: 85px; 
	font-family:Verdana; 
	white-space:nowrap;
	text-align:right;
}
.currSpeed{
	color: #CE450B;
	width: 85px; 
	font-family:Verdana; 
	white-space:nowrap;
	text-align:right;
}
.currDist{
	color: #003366;
	width: 85px; 
	font-family:Verdana; 
	white-space:nowrap;
	text-align:right;
}

.resetlink{
	color:Blue;
}
.resetlink:hover{
	color:#000080;
	cursor:pointer;
}


/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	margin : 0px!important;
	background-color : #FFFFFF;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #E2F3D0;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

.btnTwitter 
{
	width:165px !important;
	height:28px;
	background-repeat:no-repeat;
	display: block;
	line-height:28px; /* center vertically, adjust if font-size changes */
	border-width:0px;
	background-image:url(../../Images/Networking/twitter_button_1_lo.gif);
}

.btnTwitter:hover 
{
	background-image:url(../../Images/Networking/twitter_button_1_hi.gif);	
}

/* gray/silver button */
.btnGray {
    background: transparent url('../../Images/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

.btnGray span {
    background: transparent url('../../Images/bg_button_span.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

.btnGray:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

.btnGray:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:White;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopup p {
    padding: 5px;
}

/* turn off VEMap's Birds Eye popup */
#MSVE_obliqueNotification { visibility: hidden; }