@import url('http://fonts.googleapis.com/css?family=Oswald:400,700,300');
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
.fadlarge {
display:none;
}
.fadsmall {
display:none;
}
.news300ad {
display:none;
}

.bt {
   border-top: 1px solid #96d1f8;
      background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   padding:8px;
   }
.bt:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.bt:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }
   

#stalk {
cursor: pointer;
}
#stalkit {
cursor:pointer; 
font-weight:bold; 
height:29px; 
text-decoration:underline; 
color:#4b6d9a; 
font-size:.9em;
}

#shortlist {
	position:fixed;
	padding: 2px 8px 3px 8px;
	z-index:9999;
	background: #2d4461;
	border-bottom-right-radius: 5px 5px;	
	border-bottom-left-radius: 5px 5px;	
}
#shortlist a, #shortlist a:visited, #shortlist a:hover{
	font-weight: bold;
	color: #fff;
	background: #2d4461;
}
#mobshortlist {
	position:fixed; 
	font-weight: bold;
	bottom:5px;
	right:5px; 
	z-index:9999; 
	background:#ffbbbb; 
	padding:5px; 
	border-radius: 5px;
}

.sbutton {
position:absolute;
right:5px;
bottom:5px;
cursor:pointer;
}
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { font-family: Helvetica, Arial, sans-serif; margin: 0; font-size: .9em; line-height: 1.4; }

::-moz-selection { background: #de574e; color: #fff; text-shadow: none; }
::selection { background: #de574e; color: #fff; text-shadow: none; }

.ldm {
width: 492px; 
height:100%; 
border: 1px solid black;
position:absolute; 
z-index:100; 
left:440px;
top:0px;
}
a , a:visited{ color: #4b6d9a; }
#container a:hover { background: #eee; color: #000; }
#container a:focus { outline: thin dotted; background: #ffc200; color: #222;}
#nav a:focus{ outline: 0; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ffffff; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
hr{display: none;}
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
iframe{width: 100%;}
#content img{max-width: 100%;}
p{margin: 0 0 1em 0;}

h1{font-weight: normal;color: #313432; margin: 0 0 .5em;}
h1,h2,h3{font-family:'Oswald';}
h6{margin: 0;padding:0;}

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

body{
background: #4a6d99;
}
#container{
max-width: 984px;
margin: 0 auto;
background: #afd3df;
background: #fff;
}



/******************************************** accessnav */

#accessnav ul{
list-style: none;
margin: 0;
padding: 0;
list-style: none;
margin: auto;
max-width: 1200px;
}

#accessnav a{
position: absolute;
top: -1000px;
left: -1000px;
text-decoration: none;
padding: 10px 30px;
}

#accessnav a:focus,
#accessnav a:active{
position: absolute;
top: 50px;
left: 50px;
z-index: 5000;
background: #FFCF0D;
}


@media screen and (min-width: 601px) {
	/*************************************** usernav */

	#usernav{
	background: #2d4461;
	}

	#usernav ul{
	font-size: 1.2em;
	margin: 0;
	padding: 0;
	list-style: none;
	max-width: 984px;
	margin: 0 auto;
	height: 1.5em;
	}

	#usernav li{
	position:relative;
	z-index: 100;
	left: 0;
	top: 0;
	float: left;
	}

	#usernav li a.clickit{
	margin-right: 15px;
	}

	#usernav li a.clickit2{
	cursor: text;
	}
	
	#usernav li a.clickit2:hover,
	#usernav li a.clickit2:focus{
	color: #fff !important;
	background: none;
	outline: 0;
	}

	#usernav a,
	#usernav a:visited{
	text-decoration: none;
	color: #afd3df;
	padding: 1px 0;
	}

	#usernav a:focus{
	background: #ffc200;
	color: #2d4461 !important;
	}

	#usernav a.highlight,
	#usernav a.highlight:visited{
	color: #eab300;
	}

	#usernav a:hover,
	#usernav a.highlight:hover{
	background: transparent;
	color: #eee;
	}

	#usernav ol a{
	font-size: 1rem;
	}

	/********************************** user dropnav */

	.usernav{
	font-size: 1.1em;
	display: none;
	width: 300px;
	position: absolute;
	top: 22px;
	left: 0;
	z-index: 200;
	padding: 20px 0;
	background: #2d4461;
	box-shadow: 7px 7px 10px rgba(0,0,0,.4);
	}

	.usernav ol{
	margin: 0;
	padding: 0 10px;
	list-style: square !important;
	}

	.ie7 .usernav ol,
	.ie7 .usernav ol ol,
	.ie7 .usernav ol li,
	.ie7 .usernav ol ol li{
	list-style: none !important;
	}

	.ie7 .usernav{
	top: 20px;
	}

	.usernav ol ol{
	margin: 0 0 0 !important;
	padding: 0 !important;
	}

	.usernav li{
	display: block;
	clear: both;
	float: none !important;
	margin: 0;
	padding: 2px 20px;
	color: #fff;
	line-height: 1;
	}

	.usernav li:before{
	content: "\25A0";
	float: left;
	margin-right: 10px;
	font-size: 1em;
	}

	.usernav li li:before{
	color: #5b6c82;
	}

	.usernav a,
	.usernav a:visited{
	text-transform: inherit !important;
	display: block;
	line-height: 1;
	margin: 0;
	padding: 0;
	color: #fff !important;
	}

	.ie7 .usernav a,
	.ie7 .usernav a:visited{
	text-transform: capitalize !important;
	}

	.usernav li span{
	font-size: .7em;
	margin-left: 3px;
	opacity: .8;
	}

	.usernav li a:hover,
	.usernav li a:focus{
	color: #ffd800 !important;
	}
}

/**************************************** header */

header{
position: relative;
overflow: visible;
}

header p{
min-height: 128px;
background: #39587d url("/images/banner-desktop.png") 0 0 no-repeat;
margin: 0;
}

header p a,
header p a:visited{
color: #fff;
font-size: 2em;
font-family: "trebuchet ms";
text-decoration: none;
}

header p a:hover{
opacity: .5;
}

header p a:focus{
outline: solid 3px #ffc200;
}

header form{
position: absolute;
top: 17px;
right: 0;
}

header input{
border: 0 !important;
}

header form .button{
position: relative;
top: -2px;
background: #474948;
color: #fff;
font-size: .7em;
padding: 5px 7px 4px;
text-transform: uppercase;
}

header input:focus,
header form .button:hover,
header form .button:focus{
background: #ffc200 !important;
color: #474948;
}

/*************************************************** nav */

@media screen and (min-width: 601px) {

	nav[role="navigation"]{
	float: left;
	height: auto;
	background: #afd3df;
	margin-bottom: 1em;
	width: 100%;
	}

	#nav{
	height:100%;
	float:left;
	}

	#nav li{
	position:relative;
	float:left;
	color: #fff;
	}

	#nav li a,
	#nav li a:visited{
	display: block;
	text-decoration: none;
	padding: 5px 11px 7px 11px;
	color: #313432;
	font-size: 1.2em;
	}

	#nav li a:hover,
	#nav li a:focus{
	color: #fff;
	background: #2d4461;
	}

	.clickit span{
	font-size: .6em;
	margin-left: 3px;
	}

	#nav li.hovering .clickit{
	cursor: pointer;
	background: #2d4461;
	color:#fff;
	}

	#nav li li a,
	#nav li li a:visited{
	color: #fff;
	}

	#nav li li a:focus{
	color: #2d4461 !important;
	background: #ffc200 !important;
	}

	#nav > li li a:not(:only-child):after{
	content: " \25B6";
	font-size: .8em;
	color: #5b6c82;
	}

	.dropnav,
	.dropnav2{
	display: none;
	position: absolute;
	top: 2.4em;
	z-index: 100;
	border: solid 3px #2d4461;
	background: #2d4461;
	overflow: visible;
	}

	.dropnav ul,
	.dropnav2 ul{
	margin: 0;
	padding: 0;
	}
	.mobad {
	display:none;
	}

	.dropnav li,
	.dropnav2 li{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	position: relative;
	}

	#nav .dropnav li a,
	#nav .dropnav li a:visited{
	width: 10em;
	padding: 6px 10px;
	display: block;
	font-size: 1.1em;
	line-height: 1;
	margin: 0;
	color: #fff;
	background: #2d4461;
	}

	#nav .dropnav2 li a,
	#nav .dropnav2 li a:visited{
	font-size: 1.1em;
	color: #fff;
	background: #88826c;
	}

	#nav .dropnav li a:hover,
	#nav .dropnav2 li a:hover
	{
	background: #fff !important;
	color: #2d4461 !important;
	}


	.dropnav ul li a:focus, 
	.dropnav2 ul li a:focus{
	background: #ffc200 !important;
	color: #000 !important;
	}

	.dropnav2{
	top: -3px;
	left: 11.37em;
	border: solid 3px #88826c;
	background: #88826c;
	}


	#nav li:nth-child(1) .dropnav2 a:nth-child(1){ width: 11em; }

	.ie7 .dropnav a{ width: 9.25em !important; }
	.ie8 .dropnav a{ width: 11em !important; }
	.ie7 #nav, .ie8 #nav {
	font-size:0.9em;
	}
}


/************************************ breadcrumb */

#breadcrumb{
background: #ffffff !important;
clear: both;
margin: 20px 30px;
overflow: hidden;
}

#breadcrumb li{
display: block;
float: left;
margin-right: 5px;
}

#breadcrumb li:after{
content: " \25B6";
font-size: .9em;
margin: 0 3px;
color: #999;
}

#breadcrumb li:last-child:after{
content: "";
margin: 0;
}

#wrapper{
float:left;
width:100%;
margin-left:-490px;
}

#content{
margin-left:490px;
padding: 0 30px;
}

h1 a:hover,
h1 a:focus{
background: transparent;
}

h1 a img,
h1 a:visited img{
opacity: .25;
margin-left: 10px;
font-size: .7em;
}

h1 a:hover img,
h1 a:focus img{
opacity: 1;
}

#content h2,
#walk_desc h3{
color: #4b6d9a;
font-size: 1em;
text-transform: uppercase;
font-weight: normal;
line-height: 1;
margin: 0;
}

#col{
float:right;
width:460px;
padding-right: 30px;
}


#col p{
margin: 0 0 20px 20px;
}

#col h2{
color: #2d4461;
font-size: 1.2em;
line-height: 1;
margin: 0 0 5px;
padding: 0;
}

/* blue separator box (accommodation links etc.) */
.box{
overflow: hidden;
height:215px;
color: #2d4461;
padding: 20px;
background: #eee;
list-style: none;
margin: 0 0 20px 0;
}
.ywp-mod a:hover {
color: inherit !important;
background-color: inherit !important;
}

.box li{
display: block;
line-height: 24px;
margin: 6px 0;
}

.box li span{
margin: 0 10px -6px 0;
display: inline-block;
width: 24px;
height: 24px;
background: #ddd url("/images/map-icons.png") 0 0 no-repeat;
}

.box li:nth-child(2) span{background-position: 0 -30px;}
.box li:nth-child(3) span{background-position: 0 -60px;}
.box li:nth-child(4) span{background-position: 0 -90px;}
.box li:nth-child(5) span{background-position: 0 -120px;}
.box li:nth-child(6) span{background-position: 0 -150px;}

.tall_upright{
width: 120px;
height: 600px;
background: #eee;
text-align: center;
}

.small_upright{
width: 120px;
height: 180px;
background: #eee;
text-align: center;
}

.small_banner{
width: 468px;
height: 60px;
background: #eee;
text-align: center;
}

/******************* walk stats + summits + maps */

dl{
zoom:1;
overflow:hidden;
color: #2d4461;
padding: 20px 0;
background: #eee;
margin: 0 0 1em;
}    

dt{
position:relative;
z-index:1;
float:left;
overflow:hidden;
white-space: nowrap;
background:#eee;
padding: 0 5px 0 20px;
clear:both;
}    

.bog, .grade, .votes {
width:130px;
}

.bog img, .grade img {
width:22px;
}

dd{
position:relative;
float:right;
width:auto;
white-space: nowrap;
text-align:right;
padding-right: 20px;
}

.ie7 dd{
padding-left: 25px;
}

dd:before {
content:"...........................................................................................................................................................................................";
position:absolute;
right:100%;
white-space: nowrap;
}

.icons div{
text-align: center;
float: left;
margin-right: 10px;
}

.icons div:last-child{
margin: 0;
}

/*********************************** pop-up keys */

.popup{
position: relative;
}

.popup a img[alt="close"]{
position: absolute;
right: 10px;
width: 24px !important;
height: 24px !important;
top: 10px;
}

.popup a:hover img[alt="close"],
.popup a:focus img[alt="close"]{
opacity: .5;
}

.popup img{
float: left;
margin-right: 3px;
clear: none;
display: inline;
}

.popup td:nth-child(1){ width: 170px; }
.popup td{padding: 15px 0;}
.popup tr{border-bottom: solid 1px #ccc; }
.popup tr:last-child{border: 0; }
.popup table{margin-bottom: 50px;}


.popup {
position: fixed;
top: 0;
left: 0;
z-index: 100;
background: rgba(0, 0, 0, .3);
width: 100%;
height: 100%;
border: 0 !important;
overflow-y: auto;
overflow-x: hidden;
}

.popup div,
.popup div{
width: 80%;
min-width: 50%;
max-width: 800px;
margin: 50px auto;
padding: 1%;
background: rgba(0,0,0, .3);
border: 0 !important;
border-radius: 20px;
}

.popup div div,
.popup div div{
position: relative;
background: #eee;
width: 90%;
color: #222;
padding: 2.5% 5%;
margin: 0 auto !important;
border: 0 !important;
border-radius: 10px;
}

/*************************** blue box separators */

.notice{
clear: both;
background: #afd3df;
color: #01234c;
padding: 20px 30px;
font-size: 1.2em;
overflow:hidden;
}

.notice p{
line-height: 1.1;
}

.notice h3{
float: left;
text-transform: uppercase;
margin: 0 10px 0 0;
padding: 0;
}

.notice h3:after{
content: ":";
}

.notice ul{
list-style: none;
margin: 0;
padding: 0;
}

.notice li{
display: block;
float:left;
margin-right: 10px
}

.notice li:after{
content: ",";
}

.notice li:last-child:after{
content: "";
}

.notice a,
.notice a:visited{
color: #01234c;
}

/************************************* walk info */

#walk_info{
background: #fff;
margin-left: 30px;
}

#walk_info h2,
#route-profile h2{
font-size: 2em;
font-weight: normal;
}

#walk_desc{
background: #fff;
display: table;
}

.row{
display: table-row;
}

.desc{
display: table-cell;
padding: 0 30px 2em 0;
clear:left;
}

.img{
display: table-cell;
vertical-align: top;
padding-bottom: 2em;
}

.img a img{
border: solid 5px #ddd;
display: block;
cursor: -webkit-zoom-in; 
cursor: -moz-zoom-in;
}
.ldr img {
cursor: -webkit-zoom-in; 
cursor: -moz-zoom-in;
}
.pr {
padding-right:20px;
}

.img a:hover img{
border-color: #395981;
}

.img a:focus img{
border-color: #ffc200;
}

#adpic img {
width:240px;
height:165px;
}
#adpic {
float:left;
width:245px;
}


.ob-widget-header {
font-family:'Oswald' !important;
}

h4 {
font-weight:bold;
margin: 0;
padding-bottom:2px;
}

#route-profile{
margin: 0 0 30px 30px;
}

#route-profile img{
max-width: 774px;
}

.social{
margin-bottom: 1em;
overflow: visible !important;
}

footer{
clear:both;
max-width: 984px;
margin: 7px auto 30px;
color: #fff;
font-size: .9em;
}

footer p{
float: right;
margin: 0;
}

footer ul{
float: left;
}

footer li{
display: block;
float: left;
margin-right: 10px;
padding-right: 10px;
border-right: solid 1px #fff;
line-height: 1;
}

footer li:last-child{
border: 0;
margin: 0;
padding: 0;
}

footer a,
footer a:visited{
color: #fff;
text-decoration: none;
text-transform: uppercase;
}

footer a:hover{
color: #ccc;
background: transparent;
}

footer a:focus{
color: #222;
}

.ads, .adst, .ldr{
float:right; 
border: solid 5px #ddd;
margin: 0 0 20px 20px;
padding: 0;
}
.ldrl {
float:left;
width:430px;
}
.adb {
width:468px;
}
.rp {
margin: 20px;
clear:right;
width:120px;
}

.rp1 {
height:240px;
}


/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	padding-bottom:6px;
	margin-bottom:6px;
	}

.loading {
	height: 25px;
	background: url('../images/working.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 25px;
	position: relative;
	background: url('../images/star.gif') top left repeat-x;		
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:25px;
	height: 25px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover{
	background: url('../images/star.gif') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:25px;}
.unit-rating a.r2-unit:hover{width: 50px;}
.unit-rating a.r3-unit{left: 50px;}
.unit-rating a.r3-unit:hover{width: 75px;}
.unit-rating a.r4-unit{left: 75px;}	
.unit-rating a.r4-unit:hover{width: 100px;}
.unit-rating a.r5-unit{left: 100px;}
.unit-rating a.r5-unit:hover{width: 125px;}


.unit-rating li.current-rating {
	background: url('../images/star.gif') left bottom;
	position: absolute;
	height: 25px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}


.lightbox {
	cursor: pointer;
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgb(0, 0, 0); /* IE Fallback (Solid Colour) */
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=);
	background: rgba(0, 0, 0, 0.7);
	-webkit-filter: none !important;
	z-index: 9997;
}
.lightbox img {
	display: block;
	position: absolute;
	border: 5px solid #fff;
	box-shadow: 0 0 20px #000;
	border-radius: 1px;
}
body.blurred > * {
  -webkit-filter: blur(2px);
  -webkit-transform: translate3d(0, 0, 0);
}
.lightbox-loading {
	background: url(/images/loadinglb.gif) center center no-repeat;
	width: 31px;
	height: 31px;
	margin: -16px 0 0 -16px;
	position: absolute;
	top: 48%;
	left: 50%;
}
.lightbox-caption {
	display: none;
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	text-align: center;
	z-index: 9998;
	background: #000;
	background: rgba(0,0,0,0.7);
}

.lightbox-caption p {
	margin: 0 auto;
	max-width: 70%;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
}

.lightbox-button {
	position: absolute;
	z-index: 9999;
	background: no-repeat center center;
	width: 32px;
	height: 32px;
	opacity:1;
	-webkit-transition: all 0.3s;
	-moz-transition:    all 0.3s;
	-ms-transition:     all 0.3s;
	transition: 		all 0.3s;
}

.lightbox-button:hover,
.lightbox-button:focus {
	-webkit-transform: scale(1.4);
	-moz-transform: scale(1.4);
	-ms-transform: scale(1.4);
	transform: scale(1.4);
}

.lightbox-close {
	right: 10px;
	top: 10px;
	background-image: url('/images/closelb.png');
}
.lightbox-next {
	right: 10px;
	top: 48%;
	background-image: url('/images/next.png');
}
.lightbox-previous {
	left: 10px;
	top: 48%;
	background-image: url('/images/previous.png');
}








#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.panel {
	margin-bottom: 4px;
	padding: 0 10px;
	background-color: #ddd;
}
span.corners-top, span.corners-bottom, span.corners-top span, span.corners-bottom span {
	font-size: 1px;
	line-height: 1px;
	display: block;
	height: 5px;
	background-repeat: no-repeat;
}

span.corners-top {
	background-position: 0 0;
	margin: 0 -5px;
}

span.corners-top span {
	background-position: 100% 0;
}

span.corners-bottom {
	background-position: 0 100%;
	margin: 0 -5px;
	clear: both;
}
span.corners-top, span.corners-bottom, span.corners-bottom2 { background-image: url("/Forum/styles/prosilver/theme/images/corners_left.gif"); }
span.corners-top span, span.corners-bottom span, span.corners-bottom2 span { background-image: url("/Forum/styles/prosilver/theme/images/corners_right.gif"); }
span.corners-bottom span {
	background-position: 100% 100%;
}
.panel span.corners-top, .panel span.corners-bottom {
	margin: 0 -10px;
}	

.bg1	{ background-color: #ECF3F7; }
.bg2	{ background-color: #e1ebf2;  }
.bg4	{ background-color: #fffbb8; }
	
.adt {
float:left;
max-width:650px;
}

p.adv, p.ad{
font-size: 1em;
line-height: 1em;
padding-left:5px;
}

table.table1 tbody tr:hover, table.table1 tbody tr.hover, table.table1 tbody a.hover{
	background-color: #fff;
	color: #000;
}

table.table1 thead {
background: #afd3df;
color: #000;
text-align:left;
}
table.table2 {
width:100%;
margin: 0px !important;
padding: 0px !important;
}
table.table2 th {
text-align:left !important; 
background-color: #2E3539 !important;
color: #ffffff !important;
}

td.s {
padding: 5px 0px !important;}


.walktable {
margin-left:16px;
margin-right:170px;
}

img.areapic {
float:right;
padding: 0 0 15px 10px;
}
	
#areamap {
float:right;
}
#arealist {
float:left;	
min-width:485px;
}	
	
	
	
	
	
	
	a.sm2_button {
 position:relative;
 display:inline-block; /* If you worry about old browser bugs, Firefox 2 might not like this and may need -moz-inline-box instead. :D */
 width:18px;
 height:18px;
 text-indent:-9999px; /* don't show link text */
 overflow:hidden; /* don't draw inner link text */
 vertical-align:middle;
 /* and, a bit of round-ness for the cool browsers. */
 border-radius:6px;
 margin-top:-1px; /* vertical align tweak */
 /* safari 3.1+ fun (/W3 working draft extension, TBD.) */
 -webkit-transition-property: hover;
 -webkit-transition: all 0.2s ease-in-out;
 -moz-transition: all 0.2s ease-in-out 0s; /* firefox 4 (couldn't sort out -moz-transform vs. MozTransform, so, "all" for now) */
 -o-transition-property: background-color; /* opera 10.5 */
 -o-transition-duration: 0.15s;
 /* weird IE 6/7 display fixes, and/or I'm doing it wrong */
 *text-indent:0px;
 *line-height:99em;
 *vertical-align: top;
}

a.sm2_button:focus {
 outline:none; /* maybe evil, but don't show the slight border outline on focus. */
}

a.sm2_button,
a.sm2_button.sm2_paused:hover {
 background-color:#3399cc;
 background-image:url(/images/arrow-right-white.png);
 /* where possible, use data: and skip the HTTP request. Fancy-pants. Would use short-hand background: for above, but IE 8 doesn't override background-image. */
 background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAKCAYAAABmBXS+AAAAbklEQVQY02NgQAL//v1jZMAF/v//vwuIs9HEUBUBTbj4HwIeA3EGVsVAxtn/qOAVUGM8uknIiv4hsV8A5ZKxKfoLVvnvHwifAzLtMKwDSQLBVSBti27dJajkcSD2RJODO3wtkOOMz/tMSJJYAxMA5dmsL0IfubQAAAAASUVORK5CYII=);
 *background-image:url(/images/arrow-right-white.gif); /* IE 6+7 don't do DATA: URIs */
 background-repeat:no-repeat;
 background-position:5px 50%;
 *background-position:5px 4px; /* IE 6 again */
}

a.sm2_button:hover,
a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 background-color:#cc3333;
}

a.sm2_button.sm2_playing,
a.sm2_button.sm2_playing:hover {
 -moz-transform:rotate(90deg);
 -webkit-transform:rotate(90deg);
 -ms-transform:rotate(90deg);
}

a.sm2_button.sm2_paused,
a.sm2_button.sm2_paused:hover {
 background-color:#666;
}

	
	
	
	
	
@media screen and (min-width:1100px) {
body {
   background:#6985b4 url('/images/back.JPG') no-repeat center bottom;
   background-attachment:fixed;
}
}

@media screen and (max-width: 980px) {


#areamap {
clear:both;
float:none;
margin:auto;
min-width:0px;
max-width:100% !important;
width:100% !important;
}

#arealist {
float:none;	
clear:both;
min-width:0px;
width:100% !important;
}	

.ldr, .ldrl {
float:none;
display:block;
margin:auto;
}
.ldrl {
width:100% !important;
}

#breadcrumb{
margin: 0 30px 1em;
}

#walk_info{
margin: 0 0 0 30px;
}

#walk_desc{
background: #fff;
display: table;
}

#route-profile{
margin: 0 30px 30px 30px;
}

#route-profile img{
max-width: 100%;
}

footer li{
margin-right: 5px;
padding-right: 5px;
}
#arealist img {
max-width:100%;
}
#areamap img {
max-width:100%;
}


.ldm {
position:relative;
clear:both;
left:0px;
height:600px; 
width:100%;
}

}

@media screen and (max-width: 840px) {

#col{
float: none;
width: auto;
padding: 30px;
}
.adb {
float:none;
margin-top:45px;
}

#col h2{
clear: both;
}
#wrapper{
float: none;
width: 100%;
margin: 0;
}

#content{
margin: 0;
}
#content .ads p:nth-child(1){
float: none;
margin: 0;
}
#content .adst p:nth-child(1){
float: none;
margin: 0;
}


#content, #col{
clear:both;
padding: 0 10px;
}


.desc {
float:none;
clear:both;
display:block;
}
.img{
max-width:85%;
display: block;
float:none;
padding-bottom: 1em;
}
.img a img{
border: solid 5px #ddd;
display: block;
max-width:100%;
height:auto;
}
.popup div{
width: 95%;
}
}

@media screen and (max-width:640px) {
.walktable {
margin:0px;
}

 
.adst{
display:none;
}
}

@media screen and (max-width: 515px) {

.ywp-container {
display:none !important;
}

.ads{
display: none;
}
.mobad {
display:block;
}


.gmap {
display:none;
}
}

@media screen and (min-width:500px) and (max-width:749px) {
.fadsmall {
display: block;
width:468px;
margin:auto;
}
}
@media screen and (min-width:750px) {
.fadlarge {
display: block;
width:728px;
margin:auto;
}
}
@media screen and (max-width:749px) {
.news300ad {
display: block;
width: 300px;
margin:auto;
}
}




@media screen and (max-width: 600px){
.ldr, .ldrl {
width:100% !important;
display:block;
border: 0;
}

td.cell img {
width:12px;
}

.adplain {
display:none;
}

	#container{
		clear: both;
	}

	.navstrip{
		height: 39px;
		background: #afd3df;
	}
	
	/* main navigation */
	.mobile_link,
	.mobile_link:visited,
	.mobile_link:focus,
	.search_link,
	.search_link:visited,
	.search_link:focus{
		font-size: 1.5em;
		display: block;
		color: #2d4461 !important;
		float: left;
		display: block;
		padding: 3px 10px;
		text-decoration: none;
		line-height: 1.5;
		background: #afd3df;
	}

	.mobile_link.active,
	.mobile_link:hover,
	.mobile_link:focus{
		text-decoration: none;
		background: #fff;
		color: #2d4461 !important;
		outline: 0;
	}
	
	.search_link b,
	.mobile_link b{
		text-transform: uppercase;
		font-size: .8rem;
		font-weight: normal;
		display: inline-block;
		position: relative;
		top: -4px;
		margin-left: 3px;
	}

	.search_link,
	.search_link:visited,
	.search_link:focus{
		float: right;
	}

	.search_link.active,
	.search_link:hover,
	.search_link:focus{
		text-decoration: none;
		background: #fff;
		color: #2d4461 !important;
		outline: 0;
	}

	.search_link span{
		margin-left: 0;
		padding-left: 0;
	}

	header form.search_hidden{
		position: absolute;
		transition: .3s;
		top: -300px;
		left: 0;
		width: 100%;
		text-align: center;
	}
	
	header form.search_shown{
		position: absolute;
		transition: .3s;
		top: 50px;
		left: 0;
		width: 100%;
		text-align: center;
		z-index: 100;
	}
	
	header form.search_shown input[name="q"]{
		width: 70%;
		padding: 2px 2px 4px;
		font-size: 1.5em;
		display: block;
		margin: 0 auto 10px;
		clear: both;
	}

	header form.search_shown input[type="submit"]{
		padding: 6px 15px;
		position: relative;
		top: 1px;
		clear: both;
		font-size: 1.5em;
		background: orange;
		color: #000;
	}
	
	header form.search_shown .close_search{
		background: rgba(251,251,251,.7);
		padding: 11px 11px 12px;
		position: relative;
		top: 2px;
		font-size: 1.2em;
		text-transform: uppercase;
		color: #222;
		margin-left: 10px
	}

	.overlay{
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: 100%;
		height: 100%;
		background: rgba(0,0,0,.6);
	}

	nav{
		position: relative;
		background: #afd3df;
	}

	#nav{
		position: absolute;
		z-index: 50000 !important;
		left: 0;
		top: 38px;
		width: 100%;
		background: #afd3df;
	}

	.usernav{
		position: absolute;
		z-index: 50000 !important;
		top: 0;
		left: 0;
		width: 100%;
		background: #afd3df;
	}
	
	#nav li a,
	#nav li a:visited{
		text-decoration: none;
		font-size: 1.3rem;
		padding: 10px;
		display: block;
		color: #2d4461;
	}

	#nav a.clickit:hover,
	#nav li a.active:hover,
	#nav li a:hover{
		color: #2d4461;
		background: #94c1d1;
	}
	
	#nav li a:focus,
	#nav li a.active{
		background: #afd3df;
		color: #2d4461;
	}

	#usernav .clickit2 span,
	#nav .clickit span{
		font-size: .8em;
		margin-left: 5px;
		opacity: .7;
	}

	.dropnav{
		/*border-top: solid 1px #eee;*/
		border: solid 20px #afd3df;
		border-top: 0;
	}

	.dropnav ul li a,
	.dropnav ul li a:visited{
		background: #2d4461;
		color: #fff !important;
	}

	#nav > li li a:not(:only-child):after{
		content: " \25bc";
		font-size: .8em;
		color: #5b6c82;
	}

	#nav .dropnav a.active,
	#nav .dropnav a:focus{
		color: #fff !important;
		background: #2d4461 !important;
	}

	.dropnav2{
		border: solid 20px #afd3df;
		border-top: 0;
	}

	#nav .dropnav2 ul{
		margin: 0;
	}

	#nav .dropnav2 li a{
		width: auto;
	}

	#nav .dropnav2 li a,
	#nav .dropnav2 li a:visited{
		color: #fff;
		background: #88826c;
	}

	#nav .dropnav li a:hover,
	#nav .dropnav2 li a:hover{
		background: #fff !important;
		color: #2d4461 !important;
	}


	.dropnav ul li a:focus, 
	.dropnav2 ul li a:focus{
		background: #ffc200 !important;
		color: #000 !important;
	}

	/*profile nav*/

	#usn > li:nth-of-type(2){
		font-size: .8em;
		height: 38px;
	}
	
	.profile_link,
	.profile_link:visited{
		font-size: 1.5em;
		display: block;
		color: #fff !important;
		float: left;
		display: block;
		padding: 3px 10px;
		text-decoration: none !important;
		max-height: 38px;
		width: 100%;
		max-width: 24px;
		background: #2d4461 !important;
	}

	.profile_link.active2,
	.profile_link:hover,
	.profile_link:focus{
		background: #afd3df !important;
		color: #2d4461 !important;
	}

	.usernav{
		top: 37px;
	}

	.dropnav3{
		border: solid 20px #afd3df;
		border-top: 0;
	}

	#usn,
	#usn_not_logged_in{
		list-style: none;
		padding: 0;
		margin: 0;
		background: #2d4461;
	}
	
	#usn_not_logged_in,
	#usn li{
		display: block;
		line-height: 1.5;
	}

	#usn li.drop b:after{
		content: " \25BC";
		opacity: .7;
		font-size: 1rem;
	}

	#usn li li a,
	#usn li li a:visited{
		outline: 0;
		font-size: 1.3rem;
		padding: 10px;
		display: block;
		color: #2d4461;
		text-decoration: none;
		background: #afd3df;
	}

	#usn li li a.active,
	#usn li li a:hover{
		background: #94c1d1;
	}

	#usn li li li a,
	#usn li li li a:visited{
		color: #fff;
		background: #2d4461;
	}

	#usn li li li a:focus,
	#usn li li li a:hover{
		color: #2d4461;
		background: #fff;
	}

	/* #nav a.clickit:hover,
	#nav li a.active:hover,
	#nav li a:hover{
		color: #2d4461;
		background: #94c1d1;
	} */

	#usn > li:nth-of-type(2) a,
	#usn > li:nth-of-type(2) a:visited{
		color: #2d4461;
		background: #afd3df;
	}
	
	#usn_not_logged_in a,
	#usn > li:nth-of-type(2) a,
	#usn > li:nth-of-type(2) a:visited{
		padding: 10px 5px;
		line-height: 1.5;
		display: inline-block;
		color: #fff;
		background: #2d4461;
		font-size: 1em;
	}

	@font-face {
		font-family: 'icomoon';
		src: url(data:application/x-font-ttf;charset=utf-8;base64,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) format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	[class^="icon-"], [class*=" icon-"] {
		font-family: 'icomoon';
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-search:before {
		content: "\e036";
	}

	.icon-cross:before {
		content: "\e117";
	}

	.icon-menu:before {
		content: "\e120";
	}

	.icon-profile-male:before {
		content: "\e040";
	}
	
	img.areapic {
	margin:auto;
	width:100%;
	padding: 0 0 0 0px;
	}
	
	img {
	margin:auto;
	padding: 0px !important;
	max-width:100%;
	}
	
	.usernav {
	display:none;
	}
	#nav {
	display:none;
	}
}