/* yahoo ui reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}

/* gobal */

p {
	padding-bottom:11px;
	line-height:18px;
}

/* layout */

#wrapper {
	width: 752px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 60px;
	text-align: left;
}

#videowrapper {
	width: 802px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
	margin-bottom: 60px;
}

#menu #logo {
	float:left;
}

#menu #tabs {
	float:right;
}

#tabs a.home {
	display:block;
	width:54px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_home.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a.homeactive {
	display:block;
	width:54px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_home.gif) -108px 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a:hover.home {
	background-position:-54px 0;
}

#tabs a.tour {
	display:block;
	width:52px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_tour.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a.touractive {
	display:block;
	width:52px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_tour.gif) -104px 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a:hover.tour {
	background-position:-52px 0;
}
#tabs a.blog {
	display:block;
	width:50px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_blog.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a.blogactive {
	display:block;
	width:50px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_blog.gif) -100px 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a:hover.blog {
	background-position:-50px 0;
}
#tabs a.tutorials {
	display:block;
	width:85px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_tutorials.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a.tutorialsactive {
	display:block;
	width:85px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_tutorials.gif) -170px 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a:hover.tutorials {
	background-position:-85px 0;
}
#tabs a.subscribe {
	display:block;
	width:86px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_subscribe.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a.subscribeactive {
	display:block;
	width:86px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_subscribe.gif) -172px 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a:hover.subscribe {
	background-position:-86px 0;
}
#tabs a.login {
	display:block;
	width:54px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_login.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a.loginactive {
	display:block;
	width:54px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_login.gif) -108px 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a:hover.login {
	background-position:-54px 0;
}
#tabs a.logout {
	display:block;
	width:67px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_logout.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a.logoutactive {
	display:block;
	width:67px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_logout.gif) -134px 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a:hover.logout {
	background-position:-67px 0;
}
#tabs a.map {
	display:block;
	width:47px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_map.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a.mapactive {
	display:block;
	width:47px;
	height:59px;
	background:url(http://www.trippermap.com/images/tab_map.gif) -94px 0 no-repeat;
	text-decoration:none;
	float:left;
}
#tabs a:hover.map {
	background-position:-47px 0;
}

/* map tabs */

#maptabs a.flashactive {
	display:block;
	width:68px;
	height:20px;
	background:url(http://www.trippermap.com/images/tab_flash.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
	margin-right:2px;
}
#maptabs a.flash {
	display:block;
	width:68px;
	height:20px;
	background:url(http://www.trippermap.com/images/tab_flash.gif) -68px 0 no-repeat;
	text-decoration:none;
	float:left;
	margin-right:2px;
}
#maptabs a:hover.flash {
	background-position:-136px 0;
}

#maptabs a.googleactive {
	display:block;
	width:68px;
	height:20px;
	background:url(http://www.trippermap.com/images/tab_google.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
	margin-right:2px;
}
#maptabs a.google {
	display:block;
	width:68px;
	height:20px;
	background:url(http://www.trippermap.com/images/tab_google.gif) -68px 0 no-repeat;
	text-decoration:none;
	float:left;
	margin-right:2px;
}
#maptabs a:hover.google {
	background-position:-136px 0;
}

#maptabs a.randomactive {
	display:block;
	width:68px;
	height:20px;
	background:url(http://www.trippermap.com/images/tab_random.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
	margin-right:2px;
}
#maptabs a.random {
	display:block;
	width:68px;
	height:20px;
	background:url(http://www.trippermap.com/images/tab_random.gif) -68px 0 no-repeat;
	text-decoration:none;
	float:left;
	margin-right:2px;
}
#maptabs a:hover.random {
	background-position:-136px 0;
}

#maptabs a.flashgoogleactive {
	display:block;
	width:94px;
	height:20px;
	background:url(http://www.trippermap.com/images/tab_flashgoogle.gif) 0 0 no-repeat;
	text-decoration:none;
	float:left;
	margin-right:2px;
}
#maptabs a.flashgoogle {
	display:block;
	width:94px;
	height:20px;
	background:url(http://www.trippermap.com/images/tab_flashgoogle.gif) -94px 0 no-repeat;
	text-decoration:none;
	float:left;
	margin-right:2px;
}
#maptabs a:hover.flashgoogle {
	background-position:-188px 0;
}



#footer {
	width: 100%;
	margin-top: 30px;
	padding-top: 10px;
	border-top-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	border-left-width: 4px;
	border-top-style: solid;
	border-top-color: #F4922F;
	border-right-color: #F4922F;
	border-bottom-color: #F4922F;
	border-left-color: #F4922F;
}

#login {
	float: right;
	padding: 0px;
	margin-top: 27px;
}

#intro {
	float: left;
	margin-top: 40px;
}

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 10px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

/* tabs on home page */

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	color: #ffffff;
	background: #666666;
	border: 2px solid #000000;
}

.shadetabs li a:visited{
color: #ffffff;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #ffffff;
}

.shadetabs li.selected{
}

.shadetabs li.selected a{ /*selected main tab style */
background-color:#000000;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
}

/* end tabs on home page */

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:18px;
	background-color: #4F4F4F;
	margin: 0px;
	padding: 0px;
	text-align: left;
}

a {
  outline: none;
}

input {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	outline: none;
	padding: 2px;
}

#checkbox input {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top: 0px solid;
	border-right: 0px solid;
	border-bottom: 0px solid;
	border-left: 0px solid;
}

textarea {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

select {
	border: 1px solid #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	outline: none;
}

#navlist {
	padding: 3px 0;
	margin-left: 0;
	font: bold 11px Verdana, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #000;
	text-align: right;
}

#navlist li {
list-style: none;
margin: 0;
display: inline;
}

#navlist li a {
	padding: 3px 0.5em;
	margin-left: 3px;
	border: 1px solid #000;
	border-bottom: none;
	text-decoration: none;
	color: #000000;
	background-color: #FFCC00;
}

#navlist li a:link {
	color: #000000;
}
#navlist li a:visited {
	color: #000000;
}

#navlist li a:hover {
color: #fff;
background: #000;
border-color: #000;
}

#navlist li a#current {
	background: #000;
	border-bottom: 1px solid black;
	color: #FFFFFF;
}
		
h1 {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px;
	padding: 0px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
h4 {
	font-size: 17px;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.flickrthumb {
	margin-right: 10px;
	margin-bottom: 10px;
	float:left;
}

#photo_check {
	clear:both;
}

#photo_check_test {
	clear:both;
	border: 1px solid #000000;
}

#photo_check_info {
	margin-left: 10px;
	margin-right: 10px;
}

.nolocation {
	padding: 5px;
	margin: 5px;
}
.haslocation {
	padding: 5px;
	margin: 5px;
	border: 1px solid #000000;
	background-color: #DDE9D8;
}


.orange {
	color: #FF9900;
	font-weight:bold;
}

a {
	color: #000000;
	text-decoration: underline;
}
a:hover {
	color:#000000;
	font-weight: bold;
	text-decoration: underline;
}
h3 {
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	font-size: 12px;
}

.feature_left {
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
	width: 268px;
}
.MainFrame {
	background-color: #00FF66;
	text-align: center;
	vertical-align: middle;
	height: 100%;
	width: 100%;
	position: relative;
}

.feature_right {
	float: left;
	margin-bottom: 20px;
	width: 268px;
}
#ajaxcontentarea {
	background-color:#000000;
	margin: 0px;
	padding: 0px;
	height: 505px;
	width: 750px;
}
.NavMenu {
	height: 25px;
	width: 600px;
	text-align: right;
	vertical-align: bottom;
	padding-top: 2px;
	padding-right: 1px;
	padding-left: 1px;
	position: absolute;
	right: 3px;
	background-position: right center;
	top: 0px;
}
.BoxCenter {
	background-position: left top;
	height: 575px;
	width: 900px;
	text-align: left;
	vertical-align: top;
	position: relative;
	background-color: #4F4F4F;
}

.Mainbox {
	background-color: #000000;
	background-position: center top;
	position: relative;
	height: 550px;
	width: 900px;
	border: 2px solid #000000;
	top: 21px;
	margin: 0px;
	padding: 0px;
}
.Title {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #FFCC00;
	position: absolute;
	height: 25px;
	width: 350px;
	top: 0px;
	float: left;
	text-align: left;
	left: 0px;
	background-color: #000000;
	padding: 2px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
	margin-left: 3px;
}
.MainText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: left;
	vertical-align: top;
	background-color: dddddd;
	margin: 2px;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 10px;
}

.LocationNavi {
	background-color: #CCCCCC;
	margin: 0px;
	height: 545px;
	width: 222px;
	position: absolute;
	left: 1px;
	top: 3px;
	overflow: auto;
	color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	border-top-color: #000000;
	border-right-color: #000000;
	border-bottom-color: #000000;
	border-left-color: #000000;
}
.locationInstruction {
	background-color: #CCCCCC;
	margin: 0px;
	width: 222px;
	position: absolute;
	left: 1px;
	color: #000000;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	color: #000000;
	text-align: center;
	vertical-align: middle;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
	border-top-color: #CCCCCC;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #CCCCCC;
}

.locationAlbum {
	position: absolute;
	height: 546px;
	width: auto;
	left: 230px;
	top: 2px;
	background-color: 656565;
}


.dtree {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	white-space: nowrap;
}
.dtree img {
	border: 0px;
	vertical-align: middle;
}
.ImgBorder {
	background-color: #000000;
	padding: 2px;
	border: 1px solid #999999;
}

.dtree a {
	color: #000000;
	text-decoration: none;
}
.dtree a.node, .dtree a.nodeSel {
	white-space: nowrap;
	padding: 1px 2px 1px 2px;
}
.dtree a.node:hover, .dtree a.nodeSel:hover {
	color: #000000;
	text-decoration: underline;
}
.dtree a.nodeSel {
	background-color: #999999;
	color: #000000;
	border: 1px dashed #000000;
}
.dtree .clip {
	overflow: hidden;
}

.leftnavlist  {
	text-decoration: none;
	color: #FFFFFF;
	text-align: left;
	height: 46px;
	width: 210px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	padding: 2px;
	font-size: 13px;
}

.leftnavlist a {
	padding: 2px;
	text-decoration: none;
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.leftnavlist a:link {
	color: #FFFFFF;
	font-weight: bold;
}
.leftnavlist a:visited {
	color: #FFFFFF;
	font-weight: bold;
}

.leftnavlist a:hover {
	color: #fff;
	font-weight: bold;
	background-color: #666666;
	height: 50px;
	width: 200px;
	border: 1px dashed #CCCCCC;
}
.leftnavlist  #current {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #666666;
	border: 1px dashed #CCCCCC;
}


.textinput {
	background-color: #FFFFCC;
	text-align: left;
	padding: 1px;
	border: 1px solid #333333;
	width: 150px;
	left: 0px;
	top: 0px;
	position: relative;
	height: 20px;
}
		
.submitinput {
	background-color: #666666;
	text-align: left;
	padding: 0px;
	width: 55px;
	height: 24px;
	color: #FFFFFF;
	top: 0px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: outset;
	border-right-style: outset;
	border-bottom-style: outset;
	border-left-style: outset;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-weight: bold;
}
h2 {
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	margin: 0px 0px 5px;
	padding: 0px;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
}
.locationOverview {
	position: absolute;
	height: 546px;
	width: 666px;
	left: 0px;
	background-color: #333333;
	overflow: auto;
	top: 0px;
}
.LocationPic {
	padding: 2px;
	clear: none;
	float: none;
	height: 100px;
	width: 100px;
	border: 1px dashed #CCCCCC;
	position: relative;
	text-align: center;
	vertical-align: middle;
	background-color: #333333;
}