html, body { width: 100%; margin: 0px; padding: 0px; font-family: arial, helvetica; font-size: small; }
body { background-image: url('/ContentPartners/Backpacker/images/vertical_gradient_bg.gif'); background-repeat: repeat-x; background-color: #E2EEF3; }

.ad728x90 { width: 728px; height: 90px; }
.ad160x600 { width: 160px; height: 600px; }
.ad300x250 { width: 300px; height: 250px; }

.bpCentered { width: 960px; margin: 0 auto; }
.bpContent { background-color: #FFFFFF; margin-top: 3px; }

/* Override of TrimbleOutdoors style */
.pageTitle { margin: 0px 0px 0px 0px; }
h1, h2, h3, h4, h5 { padding: 0px; margin: 0px; }

.DataGridHeaderStyle { background: #AEC5D5; }
.DataGridAlternatingItemStyle { background-color: #E9ECEF; }
.DataGridPagerStyle { background: #AEC5D5; }

.calendar .calendarTitle, .calendar td { background-color: #E9ECEF !important; } /* The !important is necessary because ASP.NET outputs a background-color of Silver in the <td> that contains the <table> of the title. */
.calendar .calendarDayHeader { background-color: #AEC5D5 !important; }
.calendar .calendarOtherMonthDay { background-color: #E0E0E0 !important; }

.bpTopNavLinks a { text-decoration: none; color: #e1e1e1; }

.bpMainMenu { background-color: White; height: 40px; padding: 1px 0px 0px 2px; overflow: hidden; margin: 0px 0px 0px 0px; }
.bpMainMenu .bpMenuItem { background: url('http://www.backpacker.com/2007/images/menu_3.gif') no-repeat; height: 38px; float: left; }
.bpMainMenu .bpBookmark { background: url('http://www.backpacker.com/2007/images/social.png') no-repeat; height: 20px; float: left; width: 20px; margin: 10px 4px 0px 0px; }
.bpMainMenu img { float: left; }

.pageTitle { color: #000000; }
.subTitle { color: #000000; }
.tripViewSubtitle { color: #000000; }

div.pod { background-color:#E9ECEF; border:1px solid #AEC5D5; }

#menu_home { width: 55px; background-position: 0px -38px; }
#menu_home:hover { background-position: 0px 0px; }

#menu_destinations { width: 99px; background-position: -55px 0px; }

#menu_gear { width: 46px; background-position: -154px -38px; }
#menu_gear:hover { background-position: -154px 0px; }

#menu_skills { width: 55px; background-position: -200px -38px; }
#menu_skills:hover { background-position: -200px 0px; }

#menu_nature { width: 61px; background-position: -255px -38px; }
#menu_nature:hover { background-position: -255px 0px; }

#menu_community { width: 82px; background-position: -316px -38px; }
#menu_community:hover { background-position: -316px 0px; }

#menu_videos { width: 55px; background-position: -398px -38px; }
#menu_videos:hover { background-position: -398px 0px; }

#menu_blogs { width: 55px; background-position: -453px -38px; }
#menu_blogs:hover { background-position: -453px 0px; }

#menu_photos { width: 55px; background-position: -508px -38px; }
#menu_photos:hover { background-position: -508px 0px; }

#menu_events { width: 55px; background-position: -563px -38px; }
#menu_events:hover { background-position: -563px 0px; }

#b_delicious { background-position: -20px 0px; }
#b_delicious:hover { background-position: -20px -20px; }

#b_reddit { background-position: -40px 0px; }
#b_reddit:hover { background-position: -40px -20px; }

#b_digg { background-position: -60px 0px; }
#b_digg:hover { background-position: -60px -20px; }

#b_stumbleupon { background-position: -80px 0px; }
#b_stumbleupon:hover { background-position: -80px -20px; }

#b_facebook { background-position: -160px 0px; }
#b_facebook:hover { background-position: -160px -20px; }

#b_yahoo { background-position: -140px 0px; }
#b_yahoo:hover { background-position: -140px -20px; }

#b_myspace { background-position: -180px 0px; }
#b_myspace:hover { background-position: -180px -20px; }

#b_twitter { background-position: -200px 0px; }
#b_twitter:hover { background-position: -200px -20px; }

#search_text { float: left; width: 146px; height: 18px; border: 0px; padding: 3px 5px 0px 5px; margin: 9px 0px 6px 2px; background: url('http://www.backpacker.com/2007/images/search_field.gif') no-repeat; }
#search_button { margin: 5px 0px 0px 5px; }

.bpFooter { background-color: #464646; margin-top: 3px; }
.bpFooter p { text-align: center; font-family: verdana; font-size: 9px; color: #808080; margin: 5px 0px 5px 0px; }
.bpFooter p a { color: #808080; padding: 0 5px; text-decoration: none; font-size: 9px; }

.bpFooter .bpCentered .bpBrands a { text-decoration: underline; }
.bpFooter .bpCentered .bpCopyright { padding-top: 7px; color: #acacac; }

/* for the popup media viewer overrides */
#popupTitleBar { background-image: none; background-color: #AEC5D5; }

/* Override just the background color of the modal dialog title header. */
.modalDialog h2 { background-color: #AEC5D5; border-bottom: solid 1px #464646; }