﻿
#body, #widebody
{
   BACKGROUND-COLOR: #f7faea;
     background-image:url(images1/pagebg.png);
     background-repeat:repeat-x;
    FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt;
    text-align:center;

}

 #widebody
{
   BACKGROUND: white;
     FONT-FAMILY: Verdana;
    FONT-SIZE: 8pt;
    padding:0px;
margin: 0px;
width:99.9%;
}

#bodywrapper
{
padding:0px;
margin: 0 auto;
width:900px;
position:relative;
}

#widebodywrapper
{
padding:0px;
margin: 0px;
BACKGROUND-COLOR: #f7faea;
}

#pagebody
{
	padding:0px;
    BACKGROUND-COLOR: white;
    border-top: 2px #abadae solid;
    border-bottom: 2px #abadae solid;
    border-left: 1px #abadae solid;
    border-right: 1px #abadae solid;
    width:99%;
    text-align:left;

}

#pageheader
{
    background-image:url(images1/header.png);
    background-position:top left;
    height:150px; 
    text-align:right;
    width:100%;
}

#controls
{
    position:relative;
    top:8px;
    text-align:right;
    font-size:8pt;
    margin:0px;
    width:210px;
    display:block;
    float:right;
}

#loginControl
{
    padding: 0px 2px 2px 2px;
    text-align:right;
    font-size:8pt;
    margin:0px;
}
#loginControl a
{
    color:white;
}
#unitsControl
{
    padding: 0px 2px 2px 2px;
    text-align:right;
    font-size:8pt;
    margin:0px;
    color:white;
}
#unitsControl select
{
color:#d6a477;
border:1px #f7931d solid;
background-color:White;
}

#heading
{
    vertical-align:top;
    margin-top:0px;
    padding:0px;
    min-height:50px;
    width:888px;
}

#heading p
{
    margin:5px;
}
   
#content
{
padding:1px 0px 0px 5px;
float:left;
width: 630px;
background-color:White;   
}

#content h2
{
    clear:both;
}

#sidebar
{
    margin-top:0px;
    padding-top:3px;
    vertical-align:top;
    float:right;
    width:230px;
 
}

#sidebar h2
{
   margin:0px  0xp 5px 0px;
   padding:0px;
}


#sidebar h3
{
   margin:10px 0xp 5px 0px;
}


/* used for boxes around stuff */
#box
{
    margin-top:3px;
    vertical-align:top;
    background-image:url(images/blueboxtop.png);
    background-position: 0px 3px;
    width:230px;
    background-repeat:no-repeat;
}

#boxinner
{
    background-image:url(images/blueboxbtm.png);
    background-position: 0px bottom;
    background-repeat:no-repeat;
   padding:15px 15px 25px  10px;

}

/* used for comment box */
.commentbox
{
    clear:both;
    margin:15px 10px 10px 0px;
    padding:5px;
    vertical-align:top;
    width:100%;
    background-repeat:no-repeat;
border:1px solid #8f7f58;
}

.commentboxinner
{

}


#widecontent
{
padding:1px 0px 0px 5px;
   clear:both;
    width:100%;


}

H1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-weight:	bold;
    font-style: normal;
    color:#f7931d;
    text-align: left;
    letter-spacing: 1px;
    padding:0px 0px 5px 10px;
    margin:0px;
}	

H1.center
{

    text-align: center;
}	
	
	
	H2	
	{
	    margin:5px 5px 0px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	10pt;
	font-weight:	bold;
	font-style:	normal;
	text-decoration:	none;
	text-transform:	none;
	color:#6D7028;
	}	
		
H3	
{
	    margin:5px 5px 5px 0px;

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	9pt;
	font-weight:	bold;
	font-style:	normal;
	text-decoration:	none;
	color:#6D7028;
	}	
H4	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	9pt;
	font-weight:	400;
	font-style:	normal;
	text-decoration:	none;
	color:##6D7028;
	margin-bottom:3px;
	}			
DT	
{
	margin-top:15px;
	margin-bottom:3px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	9pt;
	font-weight:700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	padding-left:0px;
	}
	a.dt
	{
	color:#2222C1;
	font-size:	10pt;
	
	}
dd
{
	margin-left:5px;
	font-size:	9px;
	overflow:hidden;
    FONT-FAMILY: 'Trebuchet MS', geneva Sans-Serif;
    margin-bottom:5px;

}


A
{
	font-weight: bold;
	color: #6D7028;
}
A:hover
{
	font-weight: bold;
	color: #003300;
	text-decoration: underline;
}

p
{
    padding:5px 5px 5px 5px;
    line-height:15px;
}

.smallimages
{
    vertical-align:top !important;
}

.smallimages img, #popup #photo img, .routeStatFull img, .routeStatHomePage img
{
    background-image:url(images/thumbframe.png);
background-repeat:no-repeat;
padding:5px 5px 5px 5px;
    margin:0px;
   height:45px;
    width:45px;
}

#pagefooter
{
margin:  0px;
padding:10px 10px 5px 10px;
clear:both;
font-family:'Trebuchet MS', geneva Sans-Serif 
font-size:	10px;
text-align:center;
vertical-align:middle;
border-bottom:4px #cadb2a solid;
}


#myMap
{
    vertical-align:top;
    background-color:#FFF4DE;
    border:1px solid #B79A75;
    overflow:hidden;
}


#myMap em
{
    vertical-align:middle;
    text-align:center;
    font-size:26px;
    padding-top:80px;
    display:block;
   background-image:url(icons/indicator_orange.gif);
	background-repeat:no-repeat;
	background-position:  150px  88px ;
}

.pinicon
{
    margin-top:0px;
    margin-left:0px;
    width:16px;
    height:16px;

    border:none;
}

select, input
{
    background:#ffefcf;
    border:1px solid #d2b993;
	font-size:9px;
}
.checkbox, .checkbox input, .checkbox span
{
	background:white;
	border:none;
}

.imagebutton
{
    background:transparent;
}

.checkboxlogin, .checkboxlogin input, .checkboxlogin span
{
	background:#FFEFCF;
	border:none;
}

.formbtns
{
    height:30px;
    padding-top:10px;
    padding-bottom:10px;
    clear:both;
}

.btns
{
        padding-top:5px;
    padding-bottom:5px;
    clear:both;
}

.labelvalue
{
    padding-top:4px;
    padding-bottom:2px;
    width:100%;
clear:both;
min-height:15px;
}

.labelvaluegap
{
     margin: 14px 10px 5px 0px;
     
     padding-top:10px;
    border-top: 1px solid #70624D;
}

.closetopmargin
{
        padding-top:0px !important;
    margin-top:0px !important;
}

.leftfloat
{
	float:left;
	width:130px;
}
.rightfloat
{
	float:left;
	width:400px;
}

#sidebar .rightfloat
{	
    width:130px !important;

}
#sidebar .leftfloat
{	
    width:70px !important;
}
#sidebar h2
{	
    margin-bottom:15px;
}

.leftfloatattribute
{
	float:left;
	width:100px;
}
.rightfloatattribute
{
	width:290px;
	font-weight:bold;
}

.userdetails
{
    width:100%;
    clear:both;
min-height:120px;
}

.userpicture
{
    padding-top:5px;
	float:left;
	width:100px;
	height:100px;
}
.userattributes
{
	float:left;
	width:500px;
}


select, input
{
        background:#ffefcf;
    border:1px solid #d2b993;
	font-size:9px;
}

input
{
	font-size:9pt;
 	padding:1px;
    background:#ffefcf;
    border:1px solid #d2b993;
}
textarea
{
 	padding:0px;
}


.checkbox, .checkbox input, .checkbox span
{
	background:white;
	border:none;
}

abbr, #content abbr, .rightfloat abbr, label abbr, .location abbr
{
    border-bottom:1px black dotted;
}

.watermarked
{
    color:#A2D1DF;
    text-align:left;
    font-style:italic;
}


/* for form messages */

.info
{
    clear:both;
    font-weight:bold;
    padding:5px;
    background-repeat:repeat-x;
    background-image:url(images1/orangefader.png);
    border:1px solid #70624D;
    background-color:#FFE9BF;
    margin:5px 0px 5px 0px;
    
}
.warning
{
    clear:both;
    background-image:url(images/warningtriangle.gif);
    background-repeat:no-repeat;
    background-position:top left;
    font-weight:bold;
    padding:5px 5px 5px 65px;
    background-color:white;
    border:1px Red solid;
    min-height:45px;
    margin: 10px 0px 10px 0px;
}

.required
{
    color:Red;
    font-family:Arial;
    font-size:13px;
}

.progress
{
    font-size:1.1em;
    font-weight:bold;
    background-image:url(images/leftgreyfade.png);
    background-image:url(images/progress.png);
    
    background-repeat:no-repeat;
    color:#000000;
    padding:8px  0px 0px 6px;
    height:34px;
    width:104px;
}


input.btn, a.btn
{
    background-color:#f7931d;
    background-image:url(images1/btnbg.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    text-align:center;
    padding:5px;
    border:1px solid #c9b59d;
    font-weight:bold;
    text-decoration:none;
    color:#F6B856;
    color:White;
    height:17px;
    padding:3px 0px 0px 0px;
    margin:5px;
    display:block;
    width:110px;
}

a.btn
{
    float:left;
}

a.btn:hover, input.btn:hover
{

    background-image:url(images1/btnbgon.png);
    color:#f69d33;
}

/* special stuff for input buttons */
input.btn
{
    padding:5px;
    height:23px;
    margin:5px;
        display:inline;
    background-image:url(images1/btnbg.png);
    background-repeat:no-repeat;
    background-position:0px -1px;
    padding:3px 0px  3px 0px;

}


#uploader
{
    border:1px silver solid;
    background:#fefefe;
width:98%;
    margin:5px 0px 0px 0px;
    padding:3px;
}

.gridview
{
    width:99%;
    border:1px #b79a76 solid;
    margin:0px;
    padding:3px;
    border-collapse:collapse;
}
.bar
{
    width:80px;
    border:1px solid silver;
    background:white;
}
.bar div
{
    background-image:url(images1/barbg.png);
    border-right:1px #CADB2A solid;
}
.headerrow
{
    background-color:#f7931d;
      background-image:url(images1/btnbg.png);
  background-position:top left;
    background-repeat:repeat-x;
    font-size:9pt;
    font-weight:bold;
    height:20px;
    vertical-align:middle;
}
.headerrow a
{
    color: white;
}

.altrow
{
    background-image:url(images1/altrow.png);
    background-repeat:repeat-x;
    background-position:0px 50%;
    border-top:1px solid #f4ca99;
    border-bottom:1px solid #f4ca99;
}
.altrowimages
{
    border-top:1px solid #f4ca99;
    border-bottom:1px solid #f4ca99;
    background-color:#f9ebda;
}

.altrow input 
{
    border:none;
    background-image:url(images1/altrow.png);

}

.selectedrow
{
    background-image:url(images/editrow.gif) !important;
    background-color: #F3EFD6 !important;
    border-top: 1px solid #eee8aa;
    border-bottom: 1px solid #eee8aa;
}
.selectedrow  input
{
      background-image:none !important;
      background-color: #F3EFD6 !important;
}



.gridview input
{
        border:none;
}
.nobr
{
    white-space: nowrap;
}

.loginbox
{
    text-align:left;
    margin-top:3px;
    vertical-align:top;
    background-image:url(images1/logintop.png);
    background-position: 0px 3px;
    width:350px;
    background-repeat:no-repeat;
}

.loginboxinner
{
    text-align:left;
    background-image:url(images1/loginbtm.png);
    background-position: 0px bottom;
    background-repeat:no-repeat;
    margin:0px;
    padding:10px 15px 25px  10px;
}

.loginboxinner .labelvalue
{
    width:330px;
}
.loginboxinner .labelvalue .leftfloat
{
    width:140px;
}

.loginboxinner .labelvalue .rightfloat
{
    width:100px;
}

.boxinner .labelvalue .leftfloat .checkbox input
{
    background:#C5F6FF;
}

.boxinner .labelvalue .rightfloat
{
    width:190px;
}
.boxinner h2
{
    padding:0px;
    margin:3px 3px 5px 3px;
}

#topmenu 
{
    position:absolute;
    top:100px;
    right:20px;
	margin: 0px  0px 15px 0px;
	padding: 5px 0px 5px 10px;
}


#topmenu li 
{
    margin:0px;
    list-style-type:none;
    display:inline-block;
    height:30px;
  	width:90px;
  background-image:url(images1/btnyellow.png);
    background-repeat:no-repeat;
    background-position:0px 0px;
    float:left;
	text-align:center;
	vertical-align:middle;
	padding-top:7px;
}

#topmenu  .spacer 
{
    margin: 0px 0px 0px 0px;
}

#topmenu a, #topmenu a:visited 
{
	color:#6D7028;
	margin: 10px 5px 0px 5px;
	text-decoration:none;
	margin-left:1px;
}
#topmenu a:hover 
{
	text-decoration:underline;

}

#topmenu li.yellow
{
  background-image:url(images1/btnyellow.png);
}
#topmenu li.green
{
  background-image:url(images1/btngreen.png);
}
#topmenu li.brown
{
  background-image:url(images1/btnbrown.png);
}
#topmenu li.pink
{
  background-image:url(images1/btnpink.png);
}
#topmenu li.orange
{
  background-image:url(images1/btnorange.png);
}

/* use the nice version for non IE6 by using selectors */

#topmenu > li
{
  background-image:url(images1/btnyellow24bit.png);
}

#topmenu > li.yellow
{
  background-image:url(images1/btnyellow24bit.png);
}
#topmenu > li.green
{
  background-image:url(images1/btngreen24bit.png);
}
#topmenu > li.brown
{
  background-image:url(images1/btnbrown24bit.png);
}
#topmenu > li.pink
{
  background-image:url(images1/btnpink24bit.png);
}
#topmenu > li.orange
{
  background-image:url(images1/btnorange24bit.png);
}

/* css2 hover stuff */

#topmenu > li.yellow:hover
{
  background-image:url(images1/btnyellow24biton.png);
}
#topmenu > li.green:hover
{
  background-image:url(images1/btngreen24biton.png);
}
#topmenu > li.brown:hover
{
  background-image:url(images1/btnbrown24biton.png);
}
#topmenu > li.pink:hover
{
  background-image:url(images1/btnpink24biton.png);
}
#topmenu > li.orange:hover
{
  background-image:url(images1/btnorange24biton.png);
}


/*
--orginal version

#topmenu 
{
    position:absolute;
    top:103px;
    right:20px;
	margin: 0px  0px 15px 0px;
	padding: 5px 0px 5px 10px;
}


#topmenu li 
{
    margin:0px;
    list-style-type:none;
    display:inline;
    height:26px;
}

#topmenu  .spacer 
{
    margin: 0px 0px 0px 5px;
}

#topmenu a, #topmenu a:visited 
{
	color:White;
	background-color:#ffc20e;
	min-width:200px;
	padding:4px;
	border:1px #988164 outset;
	text-decoration:none;
	margin-left:3px;
}
#topmenu a:hover 
{
	color:White;
	background-color:#fee599;
	border:1px #ffc20e outset;
}


*/


#routemenu
{
	margin: 0px  0px 0px 0px;
	padding: 0px 0px 3px 0px;
}

#routemenu li 
{
    margin:0px 5px 5px 0px;
    list-style-type:none;
}


#routemenu  a
{
	color:white;
	
	height:26px;
	width:210px;
	display:block;
    background-color:#ffefcf;
    background-image:url(images1/btnbg.png);
    border:1px solid #ffefcf;
    font-weight:bold;
    text-decoration:none;
    color:#cc6633;
    height:17px;
    margin:5px;
    text-align:center;
    vertical-align:middle;
    padding:2px 5px 0px 0px;
    margin:0px;
    
}

#routemenu  a.current, #routemenu  a.current:hover
{
	color:#4A4949;	
	border:1px gray solid;
	background-color:#e9eced;
    background-image:url(images1/btnbgdull.png);
	
}


#routemenu a:hover 
{
    color:#ff9900;
    background-color:#caf2fa;
    border:1px solid #f69d33;
    background-image:url(images1/btnbgon.png);
}



#routestatistics
{
    background-image: url(images1/downloadbg.png);
    background-repeat:repeat-x;
    background-color:#dae9fc;
    padding:5px;
    margin:0px 10px 0px 0px;
    border:1px solid silver;
    font-size:8pt;
}

#routestatistics .routestatsline, .routestatsline
{
    margin-left:0px;
    margin-top:1px;
    margin-bottom:0px;
}

#routestatistics .routestatlabel, .routestatlabel
{
	float:left;
	width:75px;
}
#routestatistics .routestatvalue, .routestatvalue
{
    font-weight:bold;
}

#download
{
    background-color:#f3f9c1;
     background-image: url(images1/downloadbg.png);
     background-repeat:repeat-x;
   padding:10px;
    margin:  15px 0px 5px 0px;
    border:1px solid silver;
    font-size:8pt;
}
#download h3
{
    margin:0px;
}

#rss
{
    background-color:#FCEDDA;
     background-image: url(images/rssbg.gif);
     background-repeat:repeat-x;
   padding:10px;
    margin:  15px 0px 5px 0px;
    border:1px solid silver;
    font-size:8pt;
}
#rss h3
{
    margin:0px;
}

.essentialinfo
{
    margin:5px;
}
#imagedescription
{
    margin:10px 5px 10px 0px;
    font-weight:bold;
}

.help
{
    border-top:1px solid #968264;
    border-bottom:1px solid #968264;
    border-left:1px solid #968264;
    padding: 5px 5px 5px 5px;
    margin:0px;
    background-image: url(images1/downloadbg.png);
    background-repeat:repeat-x;
    background-color:#f3f9c1;

}

#photogallery
{
    
}

#photogallery .photogalleryitem
{
width:90%;
clear:both;
margin-bottom:15px;
}

#photogallery span
{
float:left;
width:135px;
height:135px;
}

.mediumimage img
{
    background-image:url(images/120thumbnail.png);
background-repeat:no-repeat;
padding:7px 10px 10px 7px;
    margin:0px;
   height:120px;
    width:120px;
}

#photogallery .text
{
padding:0px 0px  0px 10px;
float:left;

}

#photogallery h3
{
font-weight:bold;
padding:0px 0px 3px 0px;
margin:0px;
font-size:9pt;
}


#photogallery .description
{
    margin-top:5px;
font-weight:normal;
width:250px;
}

#photogallery .location
{
    margin-top:10px;
font-weight:normal;
}

.location abbr
{
    border-bottom:1px black dotted;
}
.taggroup
{
    margin:5px 0px 20px 0px;
}
.pager
{
    width:99%;
    text-align:right;
    margin:5px 0px 5px 0px;
}


.watermarked
{
    color:#d6a477;
    text-align:left;
    font-style:italic;
}

.infopanel
{
    background-color:#F9FCDA;
     background-image: url(images/panelbg.gif);
     background-repeat:repeat-x;
   padding:10px;
    margin:  15px 0px 5px 0px;
    border:1px solid #C6CC5A;
    font-size:8pt;
}
.infopanel h2
{
    margin:0px;
}
.infopanel .email
{
    background:white;
    padding:5px;
    font-family:Courier New, Courier;
}



#comments .commentitem
{
    margin-bottom:30px;
}

#comments .commentitem .topbar
{
    font-size:9pt;
    BACKGROUND-COLOR: #EBF4F7;
    border-top: 1px #A2D1DF solid;
    border-bottom: 1px #A2D1DF solid;
    height:15px;
    padding:5px;

}

#comments .commentitem .commentTitle
{
    float:left;
    font-weight:bold;

}


#comments .commentitem .commentName
{
    padding-right:10px;
    float:right;
    width:100px;
    text-align:right;
    font-size:9pt;
}

#comments .commentitem .commentDate
{
float:right;
font-size:9pt;
}
#comments .commentitem .comment
{
    margin-top:10px;
    clear:both;
    color:black;
    font-size:9pt;
    line-height:20px;
}

#comments .commentitem .rating
{
    margin:5px 0px 10px 0px;
}

#comments .commentitem .rating abbr
{
    padding:0px;
   border-bottom:1px black dotted;
}

#comments .commentitem .rating img
{
    vertical-align:bottom;
}

#comments .commentitem .footer
{
    margin-top:10px;
    clear:both;
    color:gray;
    font-size:9pt;
    line-height:20px;
    border-top:1px dotted silver;
    border-bottom:1px dotted silver;
}


/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 10px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(images1/buttons/rating_on.png);

}

.emptyRatingStar {
    background-image: url(images1/buttons/rating_off.png);
}

.savedRatingStar {
    background-image: url(images1/buttons/rating_on_saved.png);
}

ul#progresslist
{
padding:0px;
margin:10px 0px 15px 0px;
}
#progresslist li
{
    background-image:url(/images/arrow_right.gif);
 background-repeat:no-repeat;
 background-position:0px 3px;
    padding:3px 0px 3px 15px;
    margin:5px 3px 5px 3px;
    display:inline;
}
#progresslist  a
{
    font-weight:normal;
	color: #ff9900;
	padding:0px;
}
#progresslist a.current,#progresslist a.current:hover
{
    font-weight:bold;
    color:black;
    text-decoration:none;
    width:auto;
   padding:0px 5px 0px 5px;
padding:0px;
}
#progresslist a.dull,#progresslist a.dull:hover
{
    text-decoration:none;
    	color: #A29E9E;

}

.code
{
    margin-left: 10px;
    border-left: 5px silver solid;
    padding: 0px 5px 0px 5px;
    color: #696969;
}

.collapseHeader
{
    margin-top:30px;
    padding:3px;
    border-top:1px solid silver;
    border-bottom:1px solid silver;    
     cursor: pointer; 
     vertical-align: middle;
     background-position:0px 1px;
    background-color:#D5F1FA;
    background-image:url(images1/btnbg.png);
    border:1px solid #A5C9D5;
    }
.collapseHeader:hover
{
    color:#ff9900;
    background-color:#caf2fa;
    border:1px solid #f69d33;
    background-image:url(images1/btnbgon.png);
    }
    
.collapseHeader span
{
    position:relative;
    top:-2px;
    font-size:10px;
    font-weight:bold;
}
.collapseHeader img
{
    margin-top:3px;
    padding:0px;
}
#routelistwrapper
{
    vertical-align:top;
    max-height:430px;
    overflow:auto;
    border:1px solid silver;
    float:left;
    width:880px;
}

.routeStat
{
   margin-bottom:10px;
    width:250px;
    min-height:45px;
    float:left;
}

.routeStatFull
{
   margin-bottom:10px;
    width:400px;
    min-height:45px;
    clear:both;
}
.routeStatHomePage
{
   margin-bottom:10px;
    width:280px;
    min-height:45px;
    clear:both;
}

.routeStat .photo, .routeStatFull .photo, .routeStatHomePage  .photo
{
   float:left;
    padding:5px;
}


.routeStat .text, .routeStatFull .text, .routeStatHomePage .text
{
   float:left;
    padding:5px 5px 3px 10px;
    width:270px;
}

.routeStatHomePage .text
{
   float:left;
    padding:5px 5px 3px 10px;
    width:187px !important;
}

.routeStat h2, .routeStatFull h2, .routeStatHomePage h2
{
    font-size:10pt;
    padding-left:5px;
}

.routeStat .text .description, .routeStatFull .text .description, .routeStatHomePage .text .description
{
   font-size:8pt;
   padding:3px 0px  5px 3px;
}

.routeStat .stats, .routeStatFull .stats, .routeStatHomePage .stats
{
    padding:0px;
   font-size:9pt;
}

#mapControls
{
    text-align:left;
}
#mapControls label
{
    text-align:left;
}

.smallMap
{
 float:right; 
 padding-right:5px; 
 width:440px;
}
.bigMap
{
 float:none;   
 width:130px;
}


#otherPOI
{
    padding:5px;
 width:430px;
}

#divSeeAlso
{
    position:absolute;
    top:25px;
    left:1px;
    padding-left:25px;
    background-image:url(images1/downrightarrow.png);
    background-repeat:no-repeat;
    background-position:0px 5px;
}
#divSeeAlso span
{
      padding-left:15px;
  
}

#filterparams
{
    position:relative;
    border:1px solid silver;
    width:auto;
    clear:both;
    height:50px;
    margin:  1px 10px 5px 0px;
    
}
#filterparams .param
{
    padding: 8px 10px 3px 5px;
    float:left;
}

/*


#lefthandcol
{
    float:left;
    width:350px;
}

#centrecol
{
    margin:0px 10px 0px 10px;
    float:left;
    width:150px;
    }

#righthandcol
{
    float:right;
    width:320px;
}

#activities
{
    margin-top:3px;
    vertical-align:top;
    background-image:url(images1/activitiestop.png);
    background-position: 0px 3px;
    width:160px;
    background-repeat:no-repeat;
}

#activitiesinner
{
    background-image:url(images1/activitiesbtm.png);
    background-position: 0px bottom;
    background-repeat:no-repeat;
   padding: 109px  15px 25px  10px;




*/

#lefthandcol
{
    float:left;
    width:285px;
}

#centrecol
{
    margin:0px 10px 0px 10px;
    float:left;
    width:235px;
    }

#righthandcol
{
    float:right;
    width:310px;
}

#activities
{
    margin-top:3px;
    vertical-align:top;
    background-image:url(images1/activitiestopnew.png);
    background-position: 0px 3px;
    width:230px;
    background-repeat:no-repeat;
}



#activitiesinner
{
    background-image:url(images1/activitiesbtmnew.png);
    background-position: 0px bottom;
    background-repeat:no-repeat;
   padding: 109px 20px 25px 10px;
}

#activitiesinner a
{
    font-size:8pt;
    color:#6D7028;
}

#quote
{
    clear:both;
    margin-top:15px;
    width:540px;
    font-style:italic;
     font-weight:normal;
  
}
#quote .author
{
    font-variant:small-caps;
    font-style:normal;
    font-weight:normal;
}

.notopmargin
{
    margin-top:0px;
   padding-top:0px;
   padding-bottom:5px;
   margin-bottom:5px;
}

#pointdata
{
    border:1px black solid;
    background-repeat:repeat-x;
    background-image: url(images1/downloadbg.png);
    border:1px solid #70624D;
    background-color:#F3F9C1;
    width:200px;
    padding:5px;
}

#profile>#pointdata
{
    border:none!important;
    background-repeat:no-repeat;
    background-image: url(images1/popupbox.png);
    background-position:left top;
    background-color:Transparent;
    width:200px;
    padding:0px 0px 0px 0px;
}
#profile>#pointdata>#pointdatainner
{
    padding:5px 5px 5px 15px;
    background-position:left bottom;
    background-repeat:no-repeat;
    background-image: url(images1/popupboxinner.png);
    background-color:Transparent!important;
}

#pointdata .labelvalue
{
    padding:0px;
    clear:both;
}

#pointdata .label
{
    width:90px;
    float:left;
}
#pointdata .value
{
    width:90px;
    float:left;
}

.charactersleft
{
    font-size:8pt;
}
.error
{
    color:Red;
    font-weight:bold;
}
textarea.error
{
    border:1px Red solid;
}

#wideheader
{
    text-align:left;
    width:100%;
    height:50px;
    background-image:url(images1/orangestripe.png);
    background-repeat:repeat-x;
}
#wideheader #logo
{
    border:none;
    display:block;
    text-align:left;
    margin-left:10px;
    width:120px;
    height:50px;
    background-image:url(images1/sharemyrouteslogosmall.png);
    background-repeat:no-repeat;
    background-position:0px 5px;

}
#mapwrapper
{
    text-align:center;
}

.smallmargin
{
    padding:5px;
}

ul.collection
{
    margin:5px 0px 4px 0px;
    padding:0px;
    font-size:8pt;
    list-style:none;
}
ul.collection li
{
    font-weight:bold;
}
ul.collectionmembers
{
    margin:0px 0px 5px 10px;
    padding:0px;
}
ul.collectionmembers li
{
    font-weight:normal;
    list-style:none;
}

/* reorder list */

/*Reorder List*/


.dragHandle {
	width:15px;
	height:15px;
	background-color:orange;
	background-image:url(images1/btnbg.png);
	cursor:move;
	border:outset 1px white;
	margin-left:3px;
}
/*
.dragHandle 
{
    vertical-align:top;
    z-index:10;
    position:absolute;
	width:600px;
	height:24px;
	cursor:move;
	margin:0px;
	border:1px red solid;
	background:white;
	margin-top:-10px;
	opacity: .5;
	filter: alpha(opacity=5);
}
*/
.reorderList ul 
{
    margin:0px;
}

.reorderList li 
{
	list-style:none;
	padding:1px;
	margin:2px;
    border:1px silver solid;
	color:black;
	background-color:#e9eced;
	background-repeat:repeat-x;
	background-position:left 1px;
    background-image:url(images1/btnbgdull.png);

}

.reorderList li img
{
    padding-top:13px;
    border:1px red solid;
}
.reorderList li a 
{
    color:silver !important; 
    font-weight:bold;
}

.reorderCue {
	list-style:none;
	border:dashed thin black;
	width:100%;
	height:25px;
	text-align:left;
}

.itemArea {
	margin-left:15px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

.reorderList .additem
{
    margin-left:25px;
}


/* front page stuff */

.whatistop
{
background-image:url(images1/whatistop.png);
background-repeat:no-repeat;
padding:75px 5px 1px 0px;
}
.whatisbottom
{
background-image:url(images1/whatisbottom.png);
background-repeat:no-repeat;
background-position:bottom left;
padding:5px;


}

.mapstop
{
background-image:url(images1/mapstop.png);
background-repeat:no-repeat;
padding:5px;
padding:55px 5px 0px 0px;

}
.mapsbottom
{
background-image:url(images1/mapsbottom.png);
background-repeat:no-repeat;
padding:5px;
background-position:bottom left;

}

.mapsbottom ul
{
    list-style-type:none;
}



.recenttop
{
    margin-top:20px;
background-image:url(images1/recenttop.png);
background-repeat:no-repeat;
padding:75px 5px 0px 0px;

}
.recentbottom
{
background-image:url(images1/recentbottom.png);
background-repeat:no-repeat;
padding:5px;
background-position:bottom left;

}


.featuredtop
{
background-image:url(images1/featuredtop.png);
background-repeat:no-repeat;
padding:5px;
padding:75px 5px 0px 0px;

}
.featuredbottom
{
background-image:url(images1/featuredbottom.png);
background-repeat:no-repeat;
padding:5px;
background-position:bottom left;
min-height:150px;

}


.boxtop
{
margin-top:20px;
background-image:url(images1/boxtop.png);
background-repeat:no-repeat;
padding:135px 5px 1px 0px;

}
.boxbottom
{
background-image:url(images1/boxbottom.png);
background-repeat:no-repeat;
background-position:bottom left;
padding:5px;
}

.narrowboxtop
{
background-image:url(images1/boxnarrowtop.png);
background-repeat:no-repeat;
padding:115px 5px 2px 0px;
margin-top:40px;
}
.narrowboxbottom
{
background-image:url(images1/boxnarrowbottom.png);
background-repeat:no-repeat;
background-position:bottom left;
margin-top:5px;
padding:5px;
}

#searchroutes
{
margin-top:20px;
background-image:url(images1/searchbox.png);
background-repeat:no-repeat;
padding:95px 5px 0px 10px;
width:224px;
height:180px;
}



#searchroutes .labelvalue
{
    padding:0px;
    width:230px;
}

#searchroutes .labelvalue  input 
{
    width:195px;
}

#searchroutes .labelvalue  select
{
    margin-top:3px;
    width:199px;
}

#searchroutes .searchbtn
{
    width:85px;
    text-align:center;
     display:block;
     margin: 5px 0px 0px 107px;
     background:#85884B;
     color:white;
     border:1px #56582A solid;
     padding:3px;
        text-decoration:none;
 	text-align:center;
	vertical-align:middle;
}

#searchroutes .orangebtn:hover
{
    background:#D8DD72;
   text-decoration:underline;
        border:1px #535438 solid;

}

/* rss */

.mainpagerss
{
    clear:both;
    margin-left:10px;
    vertical-align:middle;
}
.mainpagerss img
{
   padding-top:5px;
   border:none;
}

.mainpagerss a
{
    vertical-align:middle;
}