/* Peakware.com style sheet for MEDIA: SCREEN
	created by Terry Thompson, terry@mountbakermedia.com
	Last updated Dec 27, 2009
	Note: Dark blue background is #336BA8
*/

/* Layout styles */
html { 
	background-color: #C7C2BA;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%; 
	margin: 0px;
	padding: 0px;
	text-align: center;
	height: auto;
}

/* Layout DIVs */
#contentWrapper { 
	position: relative; /* required to get z-index to work */
	margin: 0 auto;
	padding: 0 10px 0 0; /* width of shadow image */
	text-align: left;
	width: 980px;
	z-index: 10;
	background: url('images/shadow_right.jpg') top right repeat-y;
}
#content { 
	padding: 0 0 0 10px; /* width of shadow image */
	background: url('images/shadow_left.jpg') top left repeat-y;
	background-color: #FFF;
}
#bannerWrapper { 
	background: #336BA8 url('images/banner_bg.jpg') top left repeat-x;
	margin: 0;
	padding: 0;
}
#banner { 
	background: url('images/banner_lr.jpg') top right no-repeat;
	margin: 0;
	padding: 0 0 0 0;
	height: 151px;
	min-height: 151px;
}

#main { 
	clear: both;
}
#peakDiv { 
	background: url("images/blueline.jpg") top left repeat-x;
}
#peakMain { 
	clear: left;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
#features, #sidebar {
	margin-left: 0.25em; 
	margin-top: 0;
	padding: 0.25em;
}
#features {
	float: left;
	height: 100%;
	width: 650px; /* adjust in concert with #content and #sidebar widths */
}
#sidebar { 
	margin: 10px 5px 10px 0;
	padding: 0;
	float: right;
	height: 100%; 
	width: 300px; /* width of Outdoor Adventure ads */
}
#bottom {
	clear: both;
	border-top: thin solid #ccc;
	background: url('images/topo_top_original.png') top left no-repeat;
	margin: 0;
	padding: 0;
}

/* Core structural HTML styles */

h1,h2,h3 { 
	font-weight: bold;
	color: #000;
}
h1 { 
	clear: both;
	font-size: 1.8em;
	margin: 0;
	padding: 0.5em;
	text-align: center;
}
h2 { 
	font-size: 1.4em;
	margin: 0.5em;
	padding: 0;
}
h3 { 
	font-size: 1.2em;
	margin: 0.25em 1em;
}
p { 
	margin: 0;
	padding: 0;
	margin-left:0.5em;
	margin-right:0.25em;
	padding-top: 0.75em;
	padding-bottom: 0.25em;
	text-align: left;
}
img { 
	border: 0;
}
a { 
	color: #336BA8;
}
a:hover, a:focus, a:active {	
	background-color: #ffc; 
}

/* Form-related styles */
form { 
	margin: 1em;
}
form div.formField { 
	margin: 1em;
	text-align: left;
}
input, .inputText {
	width: 65%;
}
.inputText, select { 
	margin-bottom: 0.75em;
}
input#captcha { 
	width: 5em;
}
input.button { 
	width: 5em;
}
input.smallbutton { 
	width: 3em;
}
fieldset { 
	margin-bottom: 0.5em;
}
legend { 
	color: #000000;
	margin-left: 0;
	margin-bottom: 0.5em;
}
fieldset.noborder {
	margin: 1em 0;
	border: none;
}
#logSort { 
	margin-top: 0;
	text-align: left;
}
#logSort select { 
	margin-bottom: 0;
	padding-bottom: 0;
}
input.radioButton, input.radio, input.checkbox, input.checkBox { 
	width: 2em;
}
textarea { 
	width: 90%;
}
.inputTall { 
	height: 4em;
}
.submit { 
	width: 5em;
}
.inputShort {
	width: 5em;
}
fieldset#monthChecker { 
	width: 10em;
}
#monthChecker ul, ul#monthChecker {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

/* add-a-peak form styles */

form#addapeak { 
	margin-top: 0;
}
#addapeak fieldset { 
	border: none;
}

/* guardian form styles */

form#peakEditor { 
	margin: 0;
	padding: 0;
}
form#peakEditor li { 
	margin-bottom: 0.25em;
}
form#peakEditor br { 
	margin-bottom: 0.5em;
}
form#peakEditor label { 
	font-weight: bold;
}
form#peakEditor th { 
	display: table-cell; 
	vertical-align: top;
}

/* photo Form styles */

#photoForm { 
}
#photoForm div.instructions { 
	border: 1px solid #000;
	padding: 1em;
	margin-bottom: 1em;
}
#photoForm div.photoDiv { 
	border: 1px solid #336BA8;
	margin: 5px 0 10px;
}
#photoForm .photoDiv img { 
	float: left; 
	padding: 5px 25px 5px 1em;
}
#photoForm .photoDiv ul { 
	margin-top: 0;
	padding-top: 0;
	padding-left: 1em;
}
#photoForm .photoDiv .formField { 
	clear: left;
}
#photoForm .photoDiv label { 
	display: block;
	width: 100%;
	text-align: left;
	margin: 1em 0 0 1em;
}
#photoForm .photoDiv .checkBox { 
	width: 1em;
}
#photoForm .photoDiv textarea { 
	border: 1px solid #ddd;
}
#photoForm .button { 
	text-align: left;
}
	

/* login form styles */

#loginDiv { 
	margin: 0.75em;
	border: 1px solid #000;
	background: #efe; 
	width: auto;
	margin-bottom: 1em;
}
#loginDiv p, #loginDiv div { 
	margin: 0 1em 0.5em;
	padding: 0;
}
#loginForm { 
	margin-left: 1.5em;
	margin-bottom: 0;
}
#loginForm input { 
	width: 50%;
	margin-bottom: 1em;
}
#loginForm .button { 
	width: 5em;
}
#loginForm p { 
	margin-left: 1em;
}

/* Styles within #Banner */
#logo { 
	float: left;
	padding: 5px 0 0 10px;
}
#logo img { 
}
#siteTitle, #siteSubtitle { 
	padding: 0;
	font-weight: bold;
	overflow: visible;
}
#siteTitle { 
	margin: 0;
	padding: 0;
	font-size: 1.4em;
	color: #FFF;
	font-weight: bold;
	/* text-shadow: 2px 2px 2px #777; */
}
#siteSubtitle { 
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #EEE;
	font-weight: bold;
}
#cse-search-box { 
	clear: right;
	float: right;
	margin: 115px 5px 0 0;
	padding: 0;
}
#cse-search-box .inputText { 
	width: 10em;
	margin: 0;
	padding: 0;
}
#cse-search-box .button { 
	width: 5em;
	margin: 0;
	padding: 0;
}
#cse { 
/* new Google Custom Search Engine */
	clear: right;
	float: right;
	margin: 115px 5px 0 0;
	padding: 0;
}
#cse div.gsc-control-cse { 
	background-color: transparent !important;
	/* height: 14px; */
	margin: 0;
	padding: 1px;
}
#cse input.gsc-input { 
	width: 10em;
	padding-right: 1em;
}
#cse input.gsc-search-button { 
	width: 4em;
	margin: 0;
	padding: 0;
}

/* #myConfig form styles */

#myConfig .checkBox, #myConfig .radio { 
	width: 1em;
	margin: 0;
	padding: 0 1em;
}
#myConfig fieldset { 
	margin-top: 2em;
}
#myConfig legend { 
	font-weight: bold;
}
#prefSelector, #unitSelector ul { 
	list-style-type: none;
	margin-left: 1em;
	padding-left: 0;
}
#prefSelector li, #unitSelector li { 
	margin-bottom: 0.5em;
}
#prefSelector li span { 
	float: left;
	width: 12em;
}
#prefSelector label { 
	margin-right: 1.5em;
}
#prefSelector .formField { 
	clear: both;
}
#myConfig #unitSelector { 
	margin-top: 1em;
}
#myConfig #unitSelector legend { 
	padding-bottom: 0;
}
#myConfig #unitSelector p { 
	padding-top: 0;
	padding-bottom: 0;
}


.waiting { 
	display: block;
	width: 500px;
	height: 100px;
	border: 1px solid #336BA8;
	background: #fff url('images/spinner.gif') center center no-repeat;
}
#uploadMsg.alert { 
	margin-left: 0 !important;
}

/* #UserMenu styles */
#userMenuWrapper { 
	margin: 0;
	padding: 5px;
	background: #336BA8;
	min-height: 1.5em;
}
#userMenu { 
	float: right;
	color: white;
	font-weight: bold;
}	
#userMenu ul { 
	list-style-type: none;
	margin: 0;
}
#userMenu li { 
	float: left;
}
li.userName { 
	color: #ff0; /* alt: #cf6823 */
	border-right: thin dotted white;
	padding-right: 1em;
}
#userMenu a { 
	color: white;
	text-decoration: none;
	padding: 0 1em;
}
#userMenu a:hover, #userMenu a:focus, #userMenu a:active { 
	color: #036;
	background-color: white;
}


/* #navMenu and #peakTabs styles */

#navMenuWrapper { 
	margin: 0;
	background: #8DA3BB url("images/navMenuTopRight.gif") top right no-repeat; 
}
#navMenu { 
	clear: both;
	width: 100%;
	height: auto;
	background: #8DA3BB url("images/navMenuTopLeft.gif") top left no-repeat;
}
#navMenu { 
	float: left;
}
.navSubmenu, #peakTabs { 
	float: left;
	/* width: auto; (*/
	width: auto;
	margin: 0 2em;
	line-height: normal;
}
/*
.navSubmenu h3 { 
	margin: 0.25em 0;
	padding: 0;
	font-size: 1em;
	color: #663300;
	font-weight: bold;
}
*/
#peakTabs { 
}
.navSubmenu ul, #peakTabs ul { 
	list-style: none;
	margin: 5px 0;
	padding: 0;
	background: transparent;
}
#peakTabs ul { 
}
.navSubmenu li, #peakTabs li { 
	float: left;
	margin: 0;
	padding: 0;
}
.navSubmenu li { 
	background: transparent url('images/tab_right.gif') top right no-repeat;
}	
#peakTabs li { 
	background: transparent url('images/pktab_right.gif') top right no-repeat;
}	
.navSubmenu li.thisItem { 
	background: url('images/tab_right_on.gif') top right no-repeat; 
}
#peakTabs li.thisItem { 
	background: url('images/pktab_right_on.gif') top right no-repeat;
}
.navSubmenu a, #peakTabs a { 
	display: block;
	color: #336BA8;
	font-size: 0.9em;
	text-decoration: none;
	margin: 0;
	padding: 5px 15px;
}
.navSubmenu a{ 
	background: transparent url('images/tab_left.gif') top left no-repeat;
}
#peakTabs a{ 
	background: transparent url('images/pktab_left.gif') top left no-repeat;
}
.navSubmenu .thisItem a, #peakTabs .thisItem a { 
	color: #000;
	font-weight: bold; 
	text-decoration: none;
	/* text-transform: uppercase;	*/
}
.navSubmenu .thisItem a { 
	background: transparent url('images/tab_left_on.gif') top left no-repeat;
}
#peakTabs .thisItem a { 
	background: transparent url('images/pktab_left_on.gif') top left no-repeat;
}
.navSubmenu a:hover, .navSubmenu a:focus, .navSubmenu a:active, 
#peakTabs a:hover, #peakTabs a:focus, #peakTabs a:active { 
	color: #000 !important;
	text-decoration: underline;
}


/* #peakMain styles */

#peakMain h2, #peakMain ul, #peakMain ol, #peakMain p { 
	text-align: left;
}
#peakMain #caption { 
	text-align: center;
}

/* #highest styles */

#highestMenu { 
	float: left;
	width: 200px;
	border: 1px solid #336BA8;
	background: #ffc;	
}
#highestMenu ul { 
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
}
#highestMenu li { 
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #336BA8;
}
#highestMenu a { 
	font-size: 0.9em;
	display: block;
	padding: 0.5em 0.25em;
	text-decoration: none;
}
#highestMenu a:hover, #highestMenu a:focus, #highestMenu a:focus { 
	background-color: #336BA8;
	color: #fff;
}
#highestMain {
	display: block;
	clear: left;
	width: 650px; 	
	margin: 0;
	padding-top: 1em;
}
#highestMain h2 { 
	margin: 0 0.25em; 
	text-align: center;
}
#highestMain p { 
	margin: 0;
	font-style: italic;
	text-align: center;
}


/* RangeTree styles (areas.html) */

#rangeTree div { 
	float: left;
	width: 300px;
	margin: 0;
	padding: 0 5px 0 10px;
}
#rangeTree h3 { 
	margin-bottom: 0.75em;
}
#rangeTree ul { 
	list-style-type: none;
	margin-left: 1em;
	padding-left: 1em;
}
#rangeTree ul ul { 
	list-style-type: disc;
	padding-top: 0.25em;
}
#rangeTree ul ul li { 
	padding-bottom: 0.25em;
}

/* Cam styles */

#cams div {
	margin-top: 1em;
}
.cam { 
	display: block;
	float: left;
	width: 290px;
	height: 300px;
	border: 1px solid #000;
	text-align: center;
}
.camImgWrapper { 
	width: 280px;
	height: 210px;
	margin-left: auto;
	margin-right: auto;
	background: #000;
	color: #FFF;
}
.camImgWrapper.loading { 
	background: #000 url(images/spinner.gif) no-repeat center center;
}
.cam img { 
	width: 280px;
	height: 210px;
}
.cam p a { 
	font-size: 0.9em;
	text-align:center;
}
.cam h2 { 
	font-size: 0.9em;
}

/* People styles (people.html) */

#personDetails { 
}
#personDetails img { 
	float: left;
	padding: 5px;
	width: 200px;
}
#personDetails p { 
	margin: 0 1em 0.25em;
	padding: 0;
}
#personDetails a { 
}
.profileDiv { 
	clear: left;
	width: auto;
	border: 1px solid #336BA8;
	margin: 1em 0;
	padding: 0.25em;
}
.profileDiv h3 { 
	margin-left: 1em;
}
.profileDiv #gallery { 
	border: 1px solid black;
	padding: 0.25em;
}
#mycontributions, #myClimbs, #myFavorites { 
	/* these are all .profileDiv classes */
}
#myFavPhotos ul { 
	list-style-type: none;
}
#myFavPhotos li { 
	margin-top: 0.5em;
}

/* Google Map styles */
#googleMap { 
	width: 640px;
	min-height: 520px;
	margin: 5px 0 5px; 
	padding: 0;
	border: 1px solid #336BA8;
	text-align: center;
}
#map { 
  width: 640px;
  height: 480px;
  border-bottom: 1px solid #336BA8;
}
#map svg, #map canvas { 
	/* without this route polylines are hidden in Safari and Chrome */
	visibility: visible !important;
}
#msg { 
	font-size: 0.9em;
	margin: 5px;
}
#msg ul { 
	list-style-type: none;
	margin: 0 auto;
	width: 90%;	
	text-align: center;
}
#msg li { 
	float: left;
	width: 30%;
}
#printLink { 
	margin: 5px;
}
p#googleEarthLink { 
	clear: left;
	text-align: left;
	font-style: normal;
	padding: 0.5em;
}
#myMap { 
	clear: both;
	border: 1px solid #336BA8;
}
#myMap #googleMap { 
	border: none;
	min-height: 480px;
}
form #googleMap { 
	margin: 5px 0 0 -5px;
}
#myMap fieldset { 
	margin: 0.75em 0.25em;
	border: none;
	font-size: 0.9em;
}
#myMap fieldset legend { 
	margin: 0;
	padding: 0;
}
#myMap fieldset ul { 
	margin: 0;
	float: left;
	list-style-type: none;
	width: 16em;
}
#myMap fieldset li { 
}
#myMap fieldset label { 
}
#map div span { 
	/* hide extra long credit span introduced in Spring 2010 */
	/* Need a more specific selector - this could have unwanted side effects */
	/* display: none !important; */
}

/* Editable Google Map styles (for routes) */

#btn_hand, #hand_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bsu.png);
}
#btn_hand.selected, #hand_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bsd.png);
}

#btn_placemark, #placemark_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bmu.png);
}
#btn_placemark.selected, #placemark_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bmd.png);
}

#btn_line, #line_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Blu.png);
}
#btn_line.selected, #line_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bld.png);
}

#btn_shape, #shape_b {
  width:31px;
  height:31px;
  background-image: url(http://google.com/mapfiles/ms/t/Bpu.png);
}
#btn_shape.selected, #shape_b.selected {
  background-image: url(http://google.com/mapfiles/ms/t/Bpd.png);
}
#editor_tips { 
	width: 500px;
	font-weight: bold;
	color: #f00;
	background-color: #fff;
	vertical-align: bottom;
}
	
.tooltip { 
	font-weight:bold;
	padding: 0.25em;
	border:2px #006699 solid;
}
.imgOfButton { 
	height: 1em;
	width: 1em;
}
div#fileUploader { 
	border: 1px solid #000;
	background: #ffc;
	padding: 0.25em;
}
div#fileUploader p { 
}
div#fileUploader label { 
	font-weight: bold;
}
div#fileUploader input { 
}
div#markerForm { 
	text-align: left;
}
div#markerForm input.button { 
	width: 7em;
	text-align: center;
}
#routeData { 
	margin: 1em;
}
#routeData h3 { 
	margin: 0;
}
#routeData label, #routeData input, #routeData textarea { 
	display: block;
	margin: 1em;
}
#routeData div.waypoint { 
	position: relative;
	border: 1px solid #ccc;
	padding: 0.5em;
	margin-bottom: 0.75em;
	background: #ddd;
	text-align: left;
}
.xButton { 
	position: absolute;
	top: 0px;
	right: 0px;
	width: 2em;
}
.xButton:active { 
	font-weight: bold;
}	

/* Peaks List styles */

div.featureContent ul#charList { 
	list-style-type: none !important;
}
ul#charList li { 
	float: left;
	padding: 0.25em;
}
ul#charList li a { 
	text-decoration: none;
}
ul#contList, ul#peakList { 
	margin-left: 1em;
}
ul#contList li, ul#peakList li { 
	padding: 0.25em 0;
}
ul#contList li a.thisChoice, ul#charList li a.thisChoice { 
	font-weight: bold;
	text-decoration: underline;
}

/* Summit Log Styles */

#logList { 
	margin-top: 0;
	padding-top: 0;
	margin-left: 1em;
}
#logList li { 
	line-height: 20px;
}
#logList li img { 
	padding-left: 0.5em;
}
ul#logMeta li { 
	margin-bottom: 0.25em;
}
div#log { 
	margin-left: 1em;
	margin-right: 1em;
}

/* Log, Route, and Photo Edit Form Styles */

form#logForm, form#routeForm { 
	border-top: thin dashed #000;
	padding-top: 0.75em;
}
form#logForm .logDiv { 
	margin-bottom: 1em;
	border-bottom: thin dashed #000;
}
form#logForm label, form#routeForm label, form#photoForm label { 
	font-weight: bold;
}
form#routeForm { 
	text-align: left;
}
#logForm .formfield { 
	text-align: left;
}
#logForm h3 { 
	font-size: 1.2em;
}
#logForm fieldset { 
	width: 25em;
}

/* Route styles */

#route h3 { 
	margin-top: 0.75em;
	font-size: 1.2em;
}
.routeSwatch {
	color: #ffffff;
	width: 10px;
}
div#routeToggles p { 
	margin-bottom: 0.5em;
}
div#routeToggles table { 
	border: none;
	margin-top: 0.25em;
}
div#routeToggles table td { 
	margin: 10px 0;
	padding: 0 5px;
	text-align: left;
}

div#routeToggles table td.swatch { 
	width: 10px;
}
div#routeToggles input.checkBox { 
	width: 2em;
}
div#routeDetails { 
	margin-left: 0;
	margin-right: 0;
}
div#routeDetails h3 { 
	margin-top: 0.5em;
	font-size: 1.2em;
}
div#routeDetails p { 
	padding-bottom: 0.75em;
}

/* Quick Tour styles */

#quicktour li img { 
	display: block;
	margin: 5px auto;
}
#quicktour li { 
	margin-bottom: 1em;
}
#quicktour-item1 { 
	list-style-image: url('../images/ol1.gif');
}
#quicktour-item2 { 
	list-style-image: url('../images/ol2.gif');
}
#quicktour-item3 { 
	list-style-image: url('../images/ol3.gif');
}

/* Other styles within #main */

td#google, td#adNetwork { 
  padding-left: 5px;
}
td#adNetwork { 
  font-size: 14px;
  font-weight: bold;
}
#topoImg { 
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	/* part 1 of hack to address stray MyTopo characters */
	visibility: hidden;
}
#topoImg img { 
	border: none; 
	padding-left: 50px;
	padding-right: 50px;
	/* part 2 of hack to address stray MyTopo characters */
	visibility: visible; 
	text-align: center;
}
table.overview {
  width: 100%;
  margin-top: 0;
  padding-top: 0;
}
table#ads { 
  margin-left: 2em;
  border: thin solid #000000;
}
#ads td { 
  padding: 1em;
  font-size: 120%;
}
#ads td.IDColumn { 
  text-align: right;
}
#ads td.PicColumn {
  text-align: left;
}
.overview th { 
  text-align: right;
  padding-left: 10px;
}
.overview td { 
  text-align: left;
}
table#thumbnails { 
  margin-left: 2em;
}
table#thumbnails tr, table#thumbnails td { 
  padding: 1em;
}

/* Styles within #bottom */
#bottom p { 
	text-align: center;
}
#bottom a { 
	padding: 1em;
	color: #336BAB;
	text-decoration: underline;
}
#bottom a:hover, #bottom a:focus, #bottom a:active { 
	background-color: #336BAB;
	color: #FFF;
}
.copyright { 
	padding-bottom: 1em;
}
/* Ad-related styles (see also Marketplace styles) */
.bannerLink { 
  text-align: right;
}
#bannerAdWrapper { 
	text-align: center;
	width: 468px;
	height: 70px; /* ad height + 10px top padding */
	margin: 0 auto;
	background: transparent;
}
#adSpacer { 
	height: 30px;
	min-height: 30px;
	background: transparent;
}
#bannerAd { 
	width: 468px;
	height: 60px;
	margin: 0;
}
.googleAdTop { 
}
.googleAdBottom { 
	clear: both;
	padding: 0.25em;
	text-align: center;
}
.googleAdRight { 
	width: 160px;
	height: 600px;
	margin: 10px 0;
	text-align: left;
}
.marketplaceAd {
  margin: 0;
  padding: 0; 
  padding-bottom: 2px;
  text-align: center;
}
.marketplaceAd a { 
  margin: 0;
  padding: 0;

}
.marketplaceAd img { 
  margin: 0;
  padding: 0;
  border: none;
}
#topAd {
  margin-top: 0;
  padding-top: 0;
}
.marketplaceContent { 
  text-align:center;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.markeplaceContent p { 
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.topAd { 
  margin-top: 0;
  padding-top: 1em;
}
.marketLink { 
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
img.marketAd { 
  border: 0;
  margin-bottom: 0.5em;
  text-align: center;
  margin-left:0;
  margin-right:0;
  padding-left:0;
  padding-right:0;
}

/* Marketplace styles */

#marketplace, #marketplace p { 
	text-align: center !important;
}
#marketplace img { 
	border: none;
}
#marketplace a { 
	text-decoration: none;
}

/* five-star rating widget styles */
div.stars {
	margin: -0.25em 0 0.5em 0;
}
.stars p { 
	margin: 0;
	padding: 0;
}
div#yourRating, div#avgRating { 
	clear: left;
	margin: 0;
	padding: 0;
}
#yourRating p, #avgRating p {
	font-size: 0.9em;
}
#yourRating p { 
	padding-top: 0.25em;
}
#avgRating p { 
}
#yourRatingValue, #avgRatingValue { 
	font-weight: bold;
}
.star-on,.star-off { 
	float: left;
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
}
.star-on { 
	background: transparent url('../images/star-on.png') top left no-repeat; 
}
.star-off { 
	background: transparent url('../images/star-off.png') top left no-repeat; 
}

/* social networking styles */
div#facebook { 
	text-align: center;
	margin-bottom: 3px;
}
div#share { 
	width: 140px;
	text-align: center;
	margin: 0 auto;
}

/* clearfix hack */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

* html .clearfix {
	height: 1%;
}

/* Ascents view styles */
table#ascents { 
	margin: 0 auto;
	background-color: #000;
}
#ascents th, #ascents td {
	padding: 1em; 
	background-color: #FFF;
}

/* Misc styles, alphabetized (sort of) */
.alert, #maperror { 
	margin: 0.75em;
	padding: 1em;
	font-weight: bold;
	background: #ffc; /* light yellow */
	border: thin solid #036;
}
#maperror { 
	display: none;
}
ul.alert li { 
	margin-left: 1em;
}
.beta { 
	margin: 0 1em;
	font-weight: bold;
	color: #FF0000;
}
a.btnLink { 
	font-size: 0.9em;
	padding: 0.25em;
	color: #000;
	background-color: #eee;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #003;
}
a.btnLink:hover, a.btnLink:focus, a.btnLink:active { 
	background-color: #ffc;
}
div.guardianLink a { 
	margin: 1em;
}	
span.guardianEditLink { 
	font-size: 0.75em;
	vertical-align: top;
	font-weight: normal;
	color: #336BA8;
}
.guardianEditLink a { 
	/* for some reason not inherited in Chrome */
	vertical-align: top;
}
.helpImage { 
	text-align: center;
}
img.logo { 
	margin-top: 0;
	padding-top: 0;
}
input#saveSort { 
	width: 1em;
}
.intro { 
	margin: 0.5em;
}
.helpLink { 
	color: #000000;
	text-decoration: none;
}
.left { 
	text-align: left !important;
}
.center { 
	text-align: center !important;
}
.error { 
	font-weight: bold;
	color: #FF0000;
}
p.flat { 
	margin-top: 0;
	padding-top: 0;
	padding-bottom: 0;
	margin-bottom: 0;
}
.guardianThanks { 
	font-size: 0.9em;
	margin-left: 0.5em;
	margin-right:0.5em;
	font-style: italic;
}
.hidden { 
	position: absolute;
	top: 1px;
	left: -999px;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
ul#linkEditor { 
	list-style-type: none;
	margin: 5px;
}
#linkEditor li { 
	margin: 0.5em 0.25em;
	background: #cddcbe; /* camouflage green */
	padding: 5px;
}
#linkEditor a { 
	font-size: 0.8em;
}
#myTopoMap { 
	width: 500px;
	border: 1px solid #000;
	margin: 10px auto 0;
}
.numberCell { 
	text-align: right;
}
.peakResults li { 
	margin-bottom: 0.5em;
}
.readonly { 
	color: #999;
	background-color: #fff;
}
#showGmap { 
	margin: 0; 
	padding: 5px;
	background: #336BA8 url("images/H2_510.gif") top left no-repeat;
	width: 500px; /* Background image - 10px for padding */
	text-align: center;
	border-bottom: 2px solid #AAA;
}
#showGmap a { 
	color: #FFF;
	font-size: 0.9em;
	font-weight : bold;
}
.small { 
	font-size: 0.8em;
}
.submittedBy { 
	font-size: 0.9em;
	font-style: italic;
	text-align: center;
	margin-bottom: 0.25em;
	margin-top: 0.5em;
}
canvas { 
	/* Not sure why this was added. COmmenting out for now 7-20-10 */
	/* visibility: hidden; */
}
#imgPointer { 
	visibility: hidden;
}
.feature, .smallFeature, .photo, .googleMap { 
	position: relative;
	clear: left;
}
.feature, .photo, .googleMap {
	padding: 0;
	margin: 0.25em auto 1em;
}
.feature, .photo, iframe#weather { /* similar to #googleMap */
	width: 640px;
	margin: 5px; 
	padding: 0;
	border: 1px solid #336BA8;
}
iframe#weather, iframe#weather td { 
	font-size: 9px;
}
p#weatherCredit { 
	font-size: 0.85em;
	font-weight: bold
}
.smallFeature {
	width: 300px; /* Same as h2 background image */
	margin: 0.25em 0 1em;
	padding: 0;
}
.photo h2, .smallFeature h2  { 	/* .feature h2 removed 7/4/10 */
	border-style: none;
	font-size: 1.2em;
	font-weight : bold;
	margin-top: 0;
	margin-left: 0;
	margin-bottom: 0;
	padding: 5px;
}
.feature h2, .photo h2 { 
	color: #000;
}
.smallFeature h2  {
	color: #FFF;	
	background: #336BA8 url("images/H2_300.gif") top left no-repeat;
	width: 290px; /* Background image - 10px for padding */
}
input#uploadedFile { 
	width: 50%;
	/* margin-right: 8em; */
}
#whatsNew h3 { 
	font-size: 1em;
	margin-bottom: 0.25em;
}
#whatsNew ul, .featureContent ul { 
	margin-top: 0;
	margin-left: 0;
	padding-left: 1em;
}
.feature h3, .feature h3 a, #pwForm h3 { 
	font-size: 1em;
	margin-top: 0; /* was .5em */
	margin-left: 0; /* was 0.25em - too far right on search.html */ 
	margin-bottom: 0;
}
.featureContent, .smallFeatureContent, .photoContent,
.marketplaceContent, .mapContent {
	vertical-align: top;
	margin: 0;
	padding-top: 0;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
.smallFeatureContent, .marketplaceContent {
	border-left: thin solid #336BA8;
	border-right: thin solid #336BA8;
	border-bottom: thin solid #336BA8;
}	
.listDiv { 
	margin: 0 0.25em 0.5em 1em;
	padding-top: 0.75em;
	text-align: left;
}
.listDiv ul { 
	margin: 0;
	padding: 0;
}
.topPara { /* first paragraph following an H2 */
	margin-top: 0;
	padding-top: 0.75em;
	margin-left:0.5em; 
	margin-right:0.25em;
	text-align: left;
}
.photoContent, .googleMap { 
	padding-left: 0;
	padding-right: 0;
	text-align: center;
}
img.photo {
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
p.photoCredit {
	margin-top: 0.25em;
	padding: 0;
	font-size: 80%;
	text-align: center;
}
.introPara { 
	margin-top: 0.5em;
	margin-bottom: 0.25em;
	margin-left: 0.5em;
}
form.siteMap { 
	margin-top: 0;
	margin-left: 0.5em;
}
form.wideForm { 
	width: 50%;
}
.formSection { 
	margin: 1em 0.5em;
}
.formSection label { 
	display: table-cell;
	vertical-align: top;
	margin-top: 0;
	padding-top: 0;
}
.smallElevation { 
	font-size: 80%;
}
.userEmail { 
	font-weight: bold;
}
.adminList { 
	line-height: 1.5em;
}
.x { 
	padding: 0 0.5em;
	color: #000;
	background-color: #ddd;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #003;
}
a.x:hover, a.x:focus, a.x:active { 
	background-color: #ff3;
}

/* FullWidth classes (for wide single column pages) */
.fullWidth {
}
.fullWidth H2 { 
	margin-top: 0.5em;
	margin-left: 0.25em;
}
.fullWidth p { 
	margin-left: 0.5em;
	margin-bottom: 1em;
}

/* Other custom classes */
#newPhotosTable { 
	padding-top: 0.25em;
}
#newPhotosTable td { 
	vertical-align: top;
}
ul.guardianList ul {
	list-style-type: square;
	margin-top: 0.75em;
	margin-bottom: 1em; 
} 
ul#googleEarthList li { 
	margin-bottom: 1em;
}

/* Guardian auto-complete styles */
#acDiv{ border: 1px solid #9F9F9F; background-color:#F3F3F3; padding: 3px; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000000; display:none; position:absolute; z-index:999;}
#acDiv ul{ list-style:none; margin: 0; padding: 0; } 
#acDiv ul li{ display:block;}
#acDiv a{ color:#000000; text-decoration:none; }
#acDiv a:hover{ color:#000000; }
#acDiv li.selected{ background-color:#7d95ae; color:#000000; }

/* Photo gallery styles */

#gallery { 
	width: 520px;
	margin: 10px auto;
	padding: 0;
	border: 1px solid #000;
}
#gallery img { 
	max-width: 500px;
}
#photoNav { 
	margin-left: 10px;
}
#photoNav ul { 
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#photoNav li { 
	float: left;
}
#photoNav img { 
	width: 100px;
	height: 100px;
	clip: rect(50px, 100px, 100px, 0px);
	overflow: hidden;
	/* background: url(yourimagelocation); */
}	
#slideshow { 
}
#loading { 
	background: url('images/loader_on_white.gif') no-repeat;
}
#caption { 
	margin-top: 0;
	padding-top: 0;
	text-align: center;
	font-size: 0.9em;
}
div.content {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float:right;
	width:550px; 
}
div.controls {
	margin-top: 5px;
	height: 23px;
}
div.ss-controls {
	float: left;
}
div.ss-controls span {
	color: #666666;
	cursor: pointer;
}
div.nav-controls {
	float: right;
}
div.nav-controls a {
	padding: 5px;
}
div.slideshow {
	clear: both;
}
div.slideshow span.image-wrapper {
	float: left; 
	padding-bottom: 12px;
}
div.slideshow a.advance-link {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
div.slideshow img {
	border: none;
	display: block;
}
div.embox {
	clear: both;
	border: 1px solid #ccc;
	background-color: #eee;
	padding: 12px;
}
div#photoTitle {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0.5em;
	text-align: center;
}
p.caption {
	line-height: 1.3em;
	padding-top: 12px;
	text-align: center !important;
	width: 500px;
	margin: 0 auto;
}
p.overviewCaption { 
	margin-top:0;
	padding-top:0;
	font-size: 0.9em;
	font-weight: bold;
	text-align: center !important;
	width: 500px;
	margin: 0 auto;
}
span.permalink { 
	font-size: 0.9em;
}
span.permalink a { 
	font-style: italic;
}
div.photoNav {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
}
ul.thumbs {
	clear: both;
	margin: 0;
	padding: 0;
}
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
}
ul.thumbs li a {
	padding: 2px;
	display: block;
	border: 1px solid #ccc;
}
ul.thumbs li.selected a {
	background: #88f;
}
ul.thumbs a:focus {
	outline: none;
}
ul.thumbs img {
	border: none;
	display: block;
}
div.pagination {
	clear: both;
}
div.photoNav div.top {
	margin-bottom: 12px;
	height: 11px;
}
div.photoNav div.bottom {
	margin-top: 12px;
}


/* Featured peak styles */

#featuredPeak { 
	text-align: center;
	border: 1px solid #336BA8;
}
#featuredPeak ul { 
	list-style-type: none;
	margin-bottom: 0;
	width: 500px; /* same as photo */
	margin-left: auto;
	margin-right: auto;
}
#featuredPeak li { 
	text-align: left;
}
#featuredPeak img { 
	margin-top: 10px;
}

/* People page styles */

#aboutMe { 
	margin-top: 0.75em !important;
}
#peopleChoices ul { 
	list-style-type: none;
	margin: 0;
	padding: 0.5em 0;
	border: 1px solid #336BA8;
}
#peopleChoices li { 
	margin-bottom: 0.5em;
}

/* Google Maps KML Styles */

p.mapInstructions { 
	margin-top: 0;
	margin-bottom: 1em;
}
fieldset.waypoint { 
	margin-top: 1em;
	margin-bottom: 1em;
}
.waypoint legend { 
	font-weight: bold;
	color: #000;
}
.waypoint div.formfield {
	margin-bottom: 0.75em;
}

/* dialog styles */
div#dialog { 
	width: 88% !important;
	font-size: 1em;
	overflow: auto;
}
#dialog p { 
	margin: 0;
}
#dialog input { 
	margin: 0;
}
#dialog ul { 
	list-style-type: none;
	text-align: left;
	margin-left: 0;
	padding-left: 0;
}	

/* JQModal Styles */
/* default styles are in jqModal.css */

#preview { 
	top: 5px;
}

.jqmClose { 
	background:#FFDD00; 
	border:1px solid #FFDD00; 
	color:#000; 
	clear:right; 
	float:right; 
	padding:0 5px; 
	cursor:pointer; 
}
.jqmClose:hover { 
	background-color:#FFF; 
} 
#jqmContent { 
	width:99%; 
	height:99%; 
	display: block; 
	clear:both; 
	margin:auto; 
	margin-top:10px; 
	background:#111; 
	border:1px dotted #444; 
}
#jqmTitle { 
	height: 1.25em;
}
#modalWindow {
	/* height: 400px; */
	top: 5%;
	bottom: 10%;
	width: 80%;
	margin-left: -40%;
	/* left: 10%;
	right: 10%; */
	padding-bottom: 10px;
}

/* Search Results */
#searchResults h2 { 
	margin: 0 0.5em;
}
#searchResults h3 { 
	margin-left: 1.25em;
}
h2#searchAgain { 
	margin-top: 2em;
	padding-top: 0.75em;
	border-top: 1px solid #ccc;
}

/* bookend ads */
#outsidehub { 
	position: fixed;
	top: -10000px;
	left: -10000px;
	width:1px;
	height:1px;
	overflow:hidden;
}
#bookend-left-package { 
	position: fixed;
	top: 0;
	left: 0; 
	width: 210px; /* image width + 10px shadow */
	height: 800px; 
	margin: auto;
	padding: 0;
	background: url('images/shadow_left.jpg') top left repeat-y; 
	z-index: 0;
/*	background-position: top left;
	background-repeat: repeat-y;
	background-attachment: fixed;	
*/
	visibility: hidden;
}
#bookend-left { 
	margin: 0;
	padding: 0; /* previously 0 0 0 10px = width of shadow image */
	padding: 0 0 0 10px;
	background: url('../ads/bookends/left.jpg') top right no-repeat; 
	width: 200px;
	height: 800px;
/*	background-color: transparent;
	background-position: top right;
	background-repeat: no-repeat;
	background-attachment: fixed;
*/	
}
#bookend-right-package { 
	position: fixed;
	top: 0;
	right: 0;
	width: 210px; /* image width + 10px shadow */
	height: 800px;
	z-index: 0;
	margin: auto;
	padding: 0;
/*	background-position: top right;
	background-repeat: repeat-y;
	background-attachment: fixed;
*/	
	background: url('images/shadow_right.jpg') top right repeat-y; 
	visibility: hidden;
}
#bookend-right { 
	margin: 0;
	padding: 0; /* previously 0 10px 0 0 = width of shadow image */
	padding: 0 10px 0 0; /* width of shadow image */
/*	
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	background-attachment: fixed;	
*/	
	background: url('../ads/bookends/right.jpg') top left no-repeat; 
	width: 200px;
	height: 800px;
}
#bookend-left a, #bookend-right a { 
	width: 100%;
	height: 100%;
	display: block;
}
#bookend-left a:hover, #bookend-left a:focus, #bookend-left a:active,
#bookend-right a:hover, #bookend-right a:focus, #bookend-right a:active { 
	width: 100%;
	height: 100%;
	display: block;
	background-color: transparent;
}