.clear{
	clear:both;
}

a img{
	border: 0px solid;
}

h1{
	color: #008;
	font-size:1.6em;
	font-weight:normal;
	margin: 0 0 0.8em 0;
}
h2{
	color: #008;
	font-size:1.2em;	
	font-weight:normal;
	margin: 0.8em 0 0.3em 0;
}
h3{
	color: #008;
	font-size:1em;	
	font-weight:bold;
	margin: 0.8em 0 0.3em 0;
}

ul{
	margin: 10px 0 10px 0px;
}
ul ul{
	margin: 10px 0 10px 15px;
}
li{
	margin: 0 0 10px 25px;
}

.center{
    text-align:left;
}

.small{
    font-size:11px;
}

/*************** Start main menu **************/

#logo_div{
	float:left;
	width:214px;
}	
#logo_div img{
	border: solid 0px;
	margin:0 0 0 4px;
}

#menu_inner{
	width:100%;
	background: transparent url(/images/menu_bg.gif) no-repeat top right;
	height:40px;
}
#menu ul{
	list-style:none;
	height:40px;
	overflow:hidden;
	margin:0px;
}
#menu li{
  	float:left;
	font-size:13px;
	color:#666;
	height:38px;
	margin: 1px 0 1px 0;
}
#menu li a{
	display:block; 
	font-family: Verdana, sans-serif;
	padding: 10px 10px 0px 10px;
	border-right:4px solid #c0c0c0;
	height:38px;
}
#menu li a:link, #menu li a:visited{
	background: #cecece url(/images/menu_button_bg.gif) repeat-x top left;
	color:#666;
	text-decoration:none;
}
#menu li a:hover{
	color:#666;
	text-decoration:none;
	background: #a5cef6 url(/images/menu_button_hover_bg.gif) repeat-x top left;
}
#menu li a.selected:link, #menu li a.selected:visited{
	color:white;
	text-decoration:none;
	background: #18528e url(/images/menu_button_on_bg.gif) repeat-x top left;
}
#menu #user_li{
	font-size:11px;
	padding:12px 0 0 10px;
	color:#008
}

#language_select{
	float:right;
	margin:6px 12px 0 0;
}
#language_select img{
	border:0px;
}


#submenu{
	position:absolute;
	top: 55px;
	left:224px;
	width:764px;
	overflow: hidden;
	border: 1px solid #aaa;
	background: #0a3e77 url(/images/submenu_button_bg.gif) repeat-x top left;
}
#submenu ul{
	list-style:none;
	margin: 0px;
}
#submenu li{
  	float:left;
	font-size:11px;
	margin: 0px;
}
#submenu li a{
	display:block;
	padding:2px 10px 2px 10px;
	font-family: Verdana, sans-serif;
	border-bottom: 1px solid #0a3e77;
}
#submenu li a:link, #submenu li a:visited{
	color:white;
	text-decoration:none;
}
#submenu li a:hover{
	color:white;
	text-decoration:none;
}
/*
#submenu li a.selected:link, #submenu li a.selected:visited{
	color:#444;
	text-decoration:none;
	background:white;
	border-bottom: 1px solid white;
}
*/
/*************** End main menu ****************/

#slider_outer{
	margin:8px 0;
	padding:13px 15px 15px 25px;
	background:#e1e1e1 url(/images/slider_bg.png) no-repeat -1px -4px;
}

/*************** Box styles *******************/
.box_outer{
	background: white  url(/images/box_bottom.png) no-repeat left bottom;
	margin: 0px 5px 8px 8px;
	padding-bottom:10px;
}
.box_inner{
	background: #e1e1e1 url(/images/box_top.png) no-repeat left top;
	width: 182px;
	padding: 5px 8px 0px 8px;
	font-size:11px;
	color: #666;
}
.box_inner h3{
	font-size: 13px;
	font-weight:normal;
	line-height:20px;
	color: #2143b8;
	margin:0 0 10px 0;
	text-align: center;
}

.thin_grey{
	width: 216px;
	background: #e1e1e1 url(/images/thin_grey_top.png) no-repeat left top;
	margin: 0px;
	padding: 0px;
	font-size:11px;
	color: #666;
    float: right;
}

.thin_grey h2{
	font-size: 13px;
	font-weight:normal;
	line-height:20px;
	color: #2143b8;
	margin:0 0 10px 0;
	text-align: center;
}
.recent_activity{
    padding:5px 10px;
}
.recent_activity a:link, .recent_activity a:visited{
    color: #666;
    text-decoration:none;
}.recent_activity a:hover{
    color: #008;
    text-decoration:none;
}


.mid_grey_outer{
	background: white  url(/images/mid_grey_bottom.png) no-repeat left bottom;
	margin: 0px 15px 15px 0px;
	padding-bottom:16px;
	width:535px;
}
.mid_grey_inner, .mid_grey_inner2{
	background: #e1e1e1 url(/images/mid_grey_top.png) no-repeat left top;
	width: 505px;
	padding: 5px 15px 0px 15px;
	font-size:11px;
	color: #666;
}
.mid_grey_inner2{
	background: #e1e1e1 url(/images/mid_grey_top2.png) no-repeat left top;
	padding:15px 15px 0px 15px;
}
.mid_grey_inner h2{
	font-size: 13px;
	font-weight:normal;
	line-height:20px;
	color: #2143b8;
	margin:0 0 10px 0;
	text-align: center;
}

.wide_blue_outer{
	background: transparent url(/images/wide_blue_bottom.png) no-repeat left bottom;
	margin: 5px 0px 8px 0px;
	padding-bottom:17px;
	width:766px;
}
.wide_blue_inner{
	background: #a3b9cc url(/images/wide_blue_top.png) no-repeat left top;
	width: 750px;
	padding: 5px 8px 0px 8px;
	font-size:11px;
	color: white;
}
.wide_grey_outer{
	background: transparent url(/images/wide_grey_bottom.png) no-repeat left bottom;
	margin: 5px 0px 8px 0px;
	padding-bottom:16px;
	width:766px;
}
.wide_grey_inner, .wide_grey_inner2 {
	background: #e1e1e1 url(/images/wide_grey_top.png) no-repeat left top;
	width: 750px;
	padding: 5px 8px 0px 8px;
	font-size:11px;
	color: #666;
}
.wide_grey_inner2{
	background: #e1e1e1 url(/images/wide_grey_top2.png) no-repeat left top;
}
.wide_blue_inner h2, .wide_grey_inner2 h2, .wide_grey_inner h2{
	font-size: 15px;
	font-weight:normal;
	line-height:20px;
	color: white;
	margin:0 0 5px 0;
	text-align: center;
}
.wide_blue_inner h3, .wide_grey_inner h3,  .wide_grey_inner2 h3{
	font-size: 13px;
	font-weight:normal;
	line-height:20px;
	color: white;
	margin:10px 0 10px 0;
}
.wide_grey_inner h2, .wide_grey_inner2 h2, .wide_grey_inner2 h3, .wide_grey_inner h3{
	color: #1e428a;
}

.wide_left{
    border-right: 1px solid white;    
    margin-top:15px;
    float:left;
	width:344px;
	padding:0 10px 0 10px;
}
.wide_left2{
    margin-top:15px;
    float:left;
}
.wide_left2 .inner{
	width:354px;
	padding:0px 10px 0 10px;    
    border-right: 1px solid #bbb;   
}
.wide_right{
	width:349px;
	float:right;
    margin-top:15px;
	padding:0px 10px 0 15px;
}

#username_reg, #email_reg, #password_reg, #password2_reg{
    width:230px;
}


/*************** End - Box styles *************/


/*************** Control buttons **************/

#goButton{
	width: 25px;
	height: 25px;
	overflow:hidden;
	background: transparent url(/images/go_button.png) no-repeat 0 0;
	border: 0px solid;
	margin: 0 0 0 10px;
	cursor: pointer;
	vertical-align: bottom;
}
#goButton:hover{
	background-position: 0px -25px;
}

.previousButton, .nextButton{
	width: 25px;
	height: 25px;
	overflow:hidden;
	background: transparent url(/images/searchnav_sprite.png) no-repeat 0 0;
	border: 0px solid;
	cursor: pointer;
	vertical-align: middle;
	margin: 0 3px 0 0;
	float:left;
}
.previousButton:hover{
	background-position: -50px 0px;
}
.nextButton{
	background-position: -25px 0px;
	margin: 0 0 0 3px;
	float:right;
}
.nextButton:hover{
	background-position: -75px 0px;
}
#routesShowing{
	line-height:200%;
}

.controls td, .controls2 td{
	font-size:11px;
	text-align:center;
	padding-bottom:5px;
}
.controls2{
    width: 100%;
}
.controls2 td{
	text-align:left;
}
.controls2 .lastrow td, .controls .lastrow td{
	padding-bottom:0px;
}

.control_button{
	width: 73px;
	height: 25px;
	overflow:hidden;
	background: transparent url(/images/button_sprites_new.png) no-repeat 0 0;
	border: 0px solid;
	margin: 0 6px 0 5px;
	cursor: pointer;
}
.control_button2{
	width: 73px;
	height: 25px;
	overflow:hidden;
	background: transparent url(/images/button_sprites_new.png) no-repeat 0 0;
	border: 0px solid;
	cursor: pointer;
}

.loopButton			{ background-position: 0px 0px; }
.loopButton:hover	{ background-position: -73px 0px; }
.loopButton:active	{ background-position: -146px 0px; }
.outButton			{ background-position: 0px -25px; }
.outButton:hover	{ background-position: -73px -25px; }
.outButton:active	{ background-position: -146px -25px; }
.undoButton			{ background-position: 0px -50px; }
.undoButton:hover	{ background-position: -73px -50px; }
.undoButton:active	{ background-position: -146px -50px; }
.clearButton		{ background-position: 0px -75px; }
.clearButton:hover	{ background-position: -73px -75px; }
.clearButton:active	{ background-position: -146px -75px; }
.saveButton			{ background-position: 0px -100px; }
.saveButton:hover	{ background-position: -73px -100px; }
.saveButton:active	{ background-position: -146px -100px; }
.printButton		{ background-position: 0px -125px; }
.printButton:hover	{ background-position: -73px -125px; }
.printButton:active	{ background-position: -146px -125px; }
.searchButton		{ background-position: 0px -175px; }
.searchButton:hover	{ background-position: -73px -175px; }
.searchButton:active{ background-position: -146px -175px; }
.fileButton			{ background-position: 0px -225px; }
.fileButton:hover	{ background-position: -73px -225px; }
.fileButton:active	{ background-position: -146px -225px; }
.doneButton			{ background-position: 0px -450px; }
.doneButton:hover	{ background-position: -73px -450px; }
.doneButton:active	{ background-position: -146px -450px; }
.backButton			{ background-position: 0px -425px; }
.backButton:hover	{ background-position: -73px -425px; }
.backButton:active	{ background-position: -146px -425px; }
.questionButton		{ background-position: 0px -275px; }
.questionButton:hover{ background-position: -73px -275px; }
.questionButton:active{ background-position: -146px -275px; }
.newRouteButton		{ background-position: 0px -400px; }
.newRouteButton:hover{ background-position: -73px -400px; }
.newRouteButton:active{ background-position: -146px -400px; }
.gpxButton			{ background-position: 0px -375px; }
.gpxButton:hover	{ background-position: -73px -375px; }
.gpxButton:active	{ background-position: -146px -375px; }
.editButton			{ background-position: 0px -300px; }
.editButton:hover	{ background-position: -73px -300px; }
.editButton:active	{ background-position: -146px -300px; }
.copyButton			{ background-position: 0px -350px; }
.copyButton:hover	{ background-position: -73px -350px; }
.copyButton:active	{ background-position: -146px -350px; }
.shareButton		{ background-position: 0px -325px; }
.shareButton:hover	{ background-position: -73px -325px; }
.shareButton:active	{ background-position: -146px -325px; }
.deleteButton		{ background-position: 0px -200px; }
.deleteButton:hover	{ background-position: -73px -200px; }
.deleteButton:active	{ background-position: -146px -200px; }
.contactButton		{ background-position: 0px -150px; }
.contactButton:hover{ background-position: -73px -150px; }
.contactButton:active{ background-position: -146px -150px; }
.adButton			{ background-position: 0px -425px; }
.adButton:hover		{ background-position: -73px -425px; }
.adButton:active		{ background-position: -146px -425px; }
.renewButton		{ background-position: 0px -500px; }
.renewButton:hover	{ background-position: -73px -500px; }
.renewButton:active	{ background-position: -146px -500px; }
.showButton			{ background-position: 0px -525px; }
.showButton:hover	{ background-position: -73px -525px; }
.showButton:active	{ background-position: -146px -525px; }
.hideButton			{ background-position: 0px -550px; }
.hideButton:hover	{ background-position: -73px -550px; }
.hideButton:active	{ background-position: -146px -550px; }

.toggle_button{
	width: 80px;
	height: 25px;
	overflow:hidden;
	background: transparent url(/images/toggle_button_sprites.png) no-repeat 0 0;
	border: 0px solid;
	cursor: pointer;
}
.toggle_left{
	margin: 0 0px 0 5px;	
}
.toggle_right{
	margin: 0 9px 0 0px;
}

#startButton{
	background-position: 0px 0px;
}
#startButton:hover{
	background-position: -80px 0px;
}
#startButton.selected, #startButton:active{
	background-position: -160px 0px;
	cursor: default;
}

#stopButton{
	background-position: 0px -75px;
}
#stopButton:hover{
	background-position: -80px -75px;
}
#stopButton.selected, #stopButton:active{
	background-position: -160px -75px;
	cursor: default;
}

#drawButton{
	background-position: 0px -25px;
}
#drawButton:hover{
	background-position: -80px -25px;
}
#drawButton.selected, #drawButton:active{
	background-position: -160px -25px;
	cursor: default;
}

#editButton{
	background-position: 0px -100px;
}
#editButton:hover{
	background-position: -80px -100px;
}
#editButton.selected, #editButton:active{
	background-position: -160px -100px;
	cursor: default;
}

#followButton{
	background-position: 0px -50px;
}
#followButton:hover{
	background-position: -80px -50px;
}
#followButton.selected, #followButton:active{
	background-position: -160px -50px;
	cursor: default;
}

#dontButton{
	background-position: 0px -125px;
}
#dontButton:hover{
	background-position: -80px -125px;
}
#dontButton.selected, #dontButton:active{
	background-position: -160px -125px;
	cursor: default;
}



.social_div{
	float:left;
	width:58px;
	margin-right:10px;
	overflow:visible;
	text-align:center;
}
.social_button{
	background: transparent url(/images/social_sprite.png) no-repeat 0px 0px;
	width:30px;
	height:30px;
	overflow:hidden;
	border: 0px solid;
	cursor: pointer;
}
.facebookButton{
	background-position: 0px 0px;
}
.twitterButton{
	background-position: -30px 0px;
}
.googleButton{
	background-position: -60px 0px;
}
.yahooButton{
	background-position: -90px 0px;
}
.openidButton{
	background-position: -120px 0px;
}



/*************** End Control buttons **********/

#footer_menu{
	margin: 20px 0;
	background-color: #eee;
	color:#666;
	font-size:12px;
	font-family: Verdana, sans-serif;
}
#footer_menu ul{
	list-style:none;
	padding:4px 0 4px 15px;
	margin:0px;
}
#footer_menu li{
  	display:inline;
}
#footer_menu li a:link, #footer_menu li a:visited{
	padding:0px 20px 0px 0px;
	color:#999;
	text-decoration:none;
}
#footer_menu li a:hover{
	color:#000;
	text-decoration:underline;
}

#map{
	margin-top:-2px;
	margin-left:2px;
	overflow:hidden;
}


#description{
	margin:10px 5px;
	color:#999;
	font-size:9pt;
	text-align:justify;
}

#panel{
	display:none;
}

a.extern_link, a.extern_link:hover{
	color:#999;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}
a.extern_link:hover{
	color:#999;
	font-size:10pt;
	font-weight:bold;
	text-decoration:none;
}


#alt_stats{
	float:left;
	width:130px;
	font-size: 12px;
	color: black;
	margin:13px 10px 0 0;
}
#google_graph{
	float:left;
}
#graph{
	display:none;
}


#advert_info{
	font-size:8pt;
}
#advert_info #ad_title{
	font-weight:bold;
	font-size:10pt;
}
#advert_info #ad_telephone{
	font-weight:bold;
}
#advert_info #ad_website{
	font-weight:bold;
}
#advert_info #ad_logo{
	float:right;
}
#advert_info p{
	margin:0px;
}
#ad_description{
	font-size:10pt;	
}

#locationBox{
	width: 125px;
}

#adsense{
	margin:3px 0 0 0px;
	padding:0px;
}
#adsense3{
	 margin-top:0px;
	 clear:both;
}

#locationFieldset{
	background: transparent url(/images/blank.gif) no-repeat 96% 90%;
	height:85px;
}

.found_route{
/*	height:70px; */
	padding: 5px 8px 5px 8px;
	margin:0px -8px 0 -8px;
	width:100%;
	clear:both;
}
.light_bg{
	background-color: #f0f0f0;
}
.found_route a img{
	border:1px solid white;
}
.found_route a:hover img{
	border:1px solid #0000a0;
}
.route_colour{
	width:27px;
	height:7px;
	float:left;
	background: #e1e1e1 url(/images/route_colour.png) no-repeat top left;
	margin:5px 15px 3px 0;
}
.distance{
	font-size:10px;
}

.search_page{
	font-size:12pt;
	color:black;
	margin-bottom:5px;
}
.search_page img{
	vertical-align:middle;
}
.search_page a,.search_page a:visited,.search_page a:hover{
	text-decoration:none;
	color:#0000A0;
}

/*.searchSelect{
	width:100px;
	float:left;
	text-align: center;
}
.searchSelect a:link, .searchSelect a:hover, .searchSelect a:visited{
	color: #000080;
	text-decoration:none;
}*/

#routes_form{
	display: none;
}

#sport_popup{
	display:none; 
	background-color: #e1e1e1;
}
#sport_popup td{
	padding-left:5px;
}


.bottom p{
	float:right;
	font-size:8pt;
}
.bottom a:link,.bottom a:visited{
	color:#aaa;
	text-decoration:none;
}
.bottom a:hover{
	color:#666;
	text-decoration:underline;
}

#adsense4{
    position: absolute;
    top: 100px;
    left:16px;
}


#my_routes_table{
    margin:12px 0 0 0;
    padding:0px;
    width:766px;
    font-size:11px;
    line-height:120%;
    overflow:visible;
}

#my_routes_table td{
    padding: 15px 5px 0px 10px;
    vertical-align:top;
    text-align:center;
}

#my_routes_table .route_descr{
    text-align:left;
    width: 295px;
}
#my_routes_table .route_descr h2{
    font-weight:bold;
    font-size:13px;
    margin:0px 0 0px 0;
    color:#666;
}
#my_routes_table .route_descr p{
    margin-bottom: 0px;
}
.route_form{
    float:left;
    margin-right:5px;
    text-align:center;
}
.last{
    margin-right:0px;
    border-right:0px solid;
}
.route_light, .route_light td{
    background-color: #f0f0f0;
}
.route_dark, .route_dark td{
    background-color: #e1e1e1;
}

#my_routes_table a:link, #my_routes_table a:visited{
    color:#00F;
    text-decoration: none;
}
#my_routes_table a:hover{
    text-decoration: underline;
}



#contacts_table{
    background: #c0c0c0 url(/images/contacts_header.png) top left no-repeat;
    margin:30px 0 20px 0;
    padding:0px;
    font-size: 12px;
    width:767px;
    overflow:visible;
}
#contacts_table td{
    padding:3px 10px 3px 15px;
    border-right:1px solid white;
    margin:0px;
    vertical-align:top;
}
#contacts_table td.last{
    border-right: 0px solid;
    width:80px;
}
#contacts_table th{
    color:white;
    text-align:left;
    font-weight:normal;
    border-right:1px solid white;
    padding:3px 10px 3px 15px;
    margin:0px;
}
#new_contact td{
    display:none;
}

/*********  training log ***********/
#chart_tab{
    width:253px;
    background: url(/images/training_tab_sprite.png) no-repeat 0 -38px;
    height:38px;
    border:0px solid;
    color:#666;
    cursor: pointer;
}
#chart_tab:hover{
    background: url(/images/training_tab_sprite.png) no-repeat 0 -76px;
}
#chart_tab.selected, #chart_tab.selected:hover{
    background: url(/images/training_tab_sprite.png) no-repeat 0 0px;
    color:#333;
    cursor: default;
}
#table_tab{
    width:252px;
    background: url(/images/training_tab_sprite.png) no-repeat -253px -38px;
    height:38px;
    border:0px solid;
    color:#666;
    cursor:pointer;
}
#table_tab:hover{
    background: url(/images/training_tab_sprite.png) no-repeat -253px -76px;
}
#table_tab.selected, #table_tab.selected:hover{
    background: url(/images/training_tab_sprite.png) no-repeat -253px 0px;
    color:#333;
    cursor: default;
}
#charttable_div{
    width:505px;
    padding-bottom:15px;
    background: url(/images/tab_bottom.png) bottom left no-repeat;
}
#table_div{
    width:505px;
    overflow:visible;
    background:#c9c9c9 url(/images/tab_bottom2.png) bottom left no-repeat;
    padding:5px 0 16px 0;
}
.table_header_tr{
    background-color: #c9c9c9;
}
.table_header_th{
    text-align: center;
    border-left:0px solid;
    border-right:1px solid #e9e9e9;
}
.table_tableRow td{
    background-color:#fff;
    border-left:0px solid;
    border-right:1px solid #c9c9c9;
}
.table_oddTableRow td{
    background-color:#e9e9e9;
    border-left:0px solid;
    border-right:1px solid #c9c9c9;
}
.table_hoverRow td, .table_selectedRow td{
    background-color:#a5cef6;
    border-left:0px solid;
    border-right:1px solid #c9c9c9;
}

.button_div{
    text-align:center;
    float:left;
    margin-right:5px;
    line-height:120%;
    font-size:8pt;
}
.button_div_right{
    float:right;
    text-align:center;
    margin-left:5px;
    line-height:120%;
    font-size:8pt;
}

.prefs_box{
    background: #d8d8d8 url(/images/prefs_box_top.png) top left no-repeat;
    margin:0 0 10px 0;
    width: 233px;
}
.prefs_box .inner{
    width: 208px;
    background: transparent url(/images/prefs_box_bottom.png) bottom left no-repeat;
    padding:10px 10px 10px 15px; 
    text-align:left;
}
#map_prefs{
    width:233px;
}
#map_prefs h3{
    margin:0px 0px 0px 15px;
}

.alt_button{
	background: white url(/images/alt_button_sprite.png) no-repeat 0 0;
	width: 108px;
	height: 34px;
	border: 0px solid;
	cursor: pointer;
}

a.search_view:link, a.search_view:visited{
	background-color:#73cef7;
	color:white;
	border: 1px solid #73cef7;
	text-decoration: none;
}
a.search_view:hover{
	background-color:#73cef7;
	color:white;
	border: 1px solid #0000A0;
	text-decoration: none;
}

.user_feedback{
	margin:0 0 10px 0
}
.user_feedback .header{
	font-size:15px;
	color: #d00;
	font-weight:bold;
}
.user_feedback .message{
	font-size:14px;
	color: #d00;	
}


/* login2 styles */

.mid_blue_outer{
	background: transparent url(/images/mid_blue_bottom.png) no-repeat left bottom;
	margin: 5px 0px 8px 0px;
	padding-bottom:17px;
	width:317px;
}
.mid_blue_inner{
	background: #a3b9cc url(/images/mid_blue_top.png) no-repeat left top;
	width: 287px;
	height:180px;
	padding: 5px 15px 0px 15px;
	font-size:11px;
	color: white;
}
.mid2_grey_outer{
	background: transparent url(/images/mid2_grey_bottom.png) no-repeat left bottom;
	margin: 5px 0px 8px 0px;
	padding-bottom:16px;
	width:317px;
}
.mid2_grey_inner{
	background: #e1e1e1 url(/images/mid2_grey_top.png) no-repeat left top;
	width: 287px;
	height: 180px;
	padding: 5px 15px 0px 15px;
	font-size:11px;
	color: #666;
}
.mid_blue_inner h3, .mid2_grey_inner h3{
	font-size: 13px;
	line-height:20px;
	color: white;
	margin:0px 0 20px 0;
	text-align: center;
}
.mid2_grey_inner h3{
	color: #1e428a;
}

.login2_left{
	float:left;
	width: 317px;
	padding-right:50px;
	border-right: 1px solid #9d9d9d;
}

.login2_right{
	float:left;
	width: 317px;
	padding-left:50px;
}