/*////////////////////////////////*/
/* Basic */
/*////////////////////////////////*/

body {
    padding-top: 34px;
	font-family: "Helvetica Neue", "Helvetica", Arial, sans-serif;
	font-size: 11px;
	background: #360600 url(../images/layout/body_bg.jpg) repeat-y center;
}

/*////////////////////////////////*/
/* Page Structure (Wrappers) */
/*////////////////////////////////*/

#wrapper-master {
	width: 1024px;
	margin: 0 auto;
	padding-top: 8px;
}


#wrapper-header {
	position: relative;
	width: 1024px;
	height: 62px;
	margin-bottom: 10px;
	background: url(../images/layout/header_bg.png) no-repeat;
}

#wrapper-content {
	width: 994px;
	padding: 15px 15px 10px 15px;
	margin-bottom: 10px;
	border-top: 2px solid #007e8d;
	background: #000 url(../images/layout/content_bg.gif) repeat-x;
}


#wrapper-map {
	float: right;
	width: 680px;
	margin-left: 14px;
}

#wrapper-map #wrapper-controls {
	width: 662px;
	height: 52px;
	padding: 8px 10px 0 8px;
	border-top: 2px solid #007e8d;
	background: #000;
	color: #939598;
}

#wrapper-feed {
	float: right;
	width: 300px;
}

#wrapper-footer {
	clear: both;
	position: relative;
	width: 1024px;
	height: 75px;
	margin-bottom: 15px;
	border-top: 2px solid #007e8d;
	background: url(../images/layout/footer_bg.gif) no-repeat;
}

#wrapper-copyright {
	width: 1024px;
}

/*////////////////////////////////*/
/* Header */
/*////////////////////////////////*/

#wrapper-header a.cma {
	position: absolute;
	top: -30px;
	left: 127px;
	width: 161px;
	height: 118px;
}

#wrapper-header a.udig {
	position: absolute;
	top: 6px;
	right: 130px;
	width: 142px;
	height: 41px;
}


/*////////////////////////////////*/
/* Map */
/*////////////////////////////////*/

#legend-div a {
	padding-left: 12px;
	cursor: pointer;
}

#legend-div a.show {
	background: url(../images/layout/legend_plus.png) no-repeat 0 3px;
}

#legend-div a.hide {
	background: url(../images/layout/legend_minus.png) no-repeat 0 3px;
}

#legend-div {
	width: 124px;
	opacity: 0.8;
}

#legend-div h4 {
	height: 14px;
	font-size: 11px;
	background: #fff;
	padding: 4px 8px;
	margin-bottom: 1px;
	line-height: 14px;
}

#legend-div ul#legend-nav {
	display: none;
}

#legend-div ul#legend-nav li {
	clear: both;
	height: 25px;
	padding: 4px 8px;
	margin-bottom: 1px;
	line-height: 25px;
	text-decoration: none;
	background: #fff;
}

#legend-div img,
#legend-div div {
	float: left;
}


#wrapper-map #map {
	width: 680px;
	height: 392px;
}


/*////////////////////////////////*/
/* Map Controls */
/*////////////////////////////////*/

#wrapper-controls #startDate,
#wrapper-controls #stopDate {
	float: left;
	width: 55px;
	padding-top: 3px;
	text-align: center;
	font-size: 10px;
	letter-spacing: .05em;
}

#wrapper-controls #wrapper-slider {
	float: left;
	width: 546px;
}

#wrapper-controls #playback {
	width: 526px;
	padding: 0 10px;
	text-align: center;
}


#wrapper-controls #playback-buttons {
	float: left;
	width: 200px;
	margin-right: 16px;
	padding: 4px 0;
}

	#playback-buttons a {
		display: block;
		height: 15px;
		line-height: 16px;
		overflow: hidden;
		outline: none;
		cursor: pointer;
		background: url(../images/layout/map_controls.gif) no-repeat;
	}

	#playback-buttons span.wrapper {
		display: block;
		float: left;
		height: 15px;
		margin-right: 10px;
		padding-right: 9px;
		border-right: 1px solid #232323;
	}

	#playback-buttons a.loop {
		width: 15px;
		text-indent: 16px;
		background-position: -42px 0 ;
	}

	#playback-buttons a.loop:hover {
		background-position: -42px -15px ;
	}

	#playback-buttons a.straight {
		width: 15px;
		text-indent: 16px;
		background-position: -57px 0 ;
	}

	#playback-buttons a.straight:hover {
		background-position: -57px -15px ;
	}

	#playback-buttons a.play {
		float: left;
		width: 12px;
		text-indent: 13px;
		background-position: 0px 0 ;
	}

	#playback-buttons a.play:hover {
		background-position: 0 -15px ;
	}

	#playback-buttons a.pause {
		float: left;
		width: 12px;
		text-indent: 13px;
		background-position: -12px 0 ;
	}

	#playback-buttons a.pause:hover {
		background-position: -12px -15px ;
	}


	#playback-buttons a.forward {
		float: left;
		width: 18px;
		margin-right: 12px;
		text-indent: 19px;
		background-position: -24px 0 ;
	}

	#playback-buttons a.forward:hover {
		background-position: -24px -15px ;
	}

	#playback-buttons div.rate {
		float: left;
	}

	#playback-buttons div.rate span.label {
		font-size: 10px;
		text-transform: uppercase;
		color: #008191;
	}

#wrapper-controls #wrapper-results {
	float: left;
	width: 308px;
	height: 15px;
	padding: 4px 0 4px 0;
	text-align: right;
}

	#wrapper-controls .slider-result-label {
		width: 80px;
		padding-top: 1px;
		margin-right: 7px;
		font-size: 10px;
		text-transform: uppercase;
		color: #008191;
	}

	#wrapper-controls #slider-result {
		width: 226px;
		font-weight: bold;
		font-size: 12px;
		letter-spacing: .1em;
		color: #fff;
	}


/*////////////////////////////////*/
/* Feeds */
/*////////////////////////////////*/

#wrapper-feed .wrapper-posts {
	clear: both;
	width: 298px;
	height: 405px;
	border-left: 1px solid #333;
	border-right: 1px solid #333;
	border-bottom: 2px solid #939097;
	overflow: auto;
}

#wrapper-feed ul#feed-tab {
	width: 300px;
	height: 40px;
	overflow: hidden;
	background: url(../images/layout/feed_tabs.jpg) no-repeat;  }
}

	#feed-tab li {
		list-style-type: none;
		display: inline; }

		#feed-tab li a {
			float: left;
			display: block;
			height: 40px;
			margin-right: 3px;
			text-indent: 65px;
			line-height: 41px;
			overflow: hidden;
			outline: none;
			background: url(../images/layout/feed_tabs.jpg) no-repeat;  }

		#feed-tab a#all { width: 58px; background-position: 0 0; }
		#feed-tab a#all:hover { background-position: 0 -40px; }
		.all #feed-tab a#all { background-position: 0 -80px !important; }

		#feed-tab a#twitter { width: 57px; background-position: -61px 0; }
		#feed-tab a#twitter:hover { background-position: -61px -40px; }
		.twitter #feed-tab a#twitter { background-position: -61px -80px !important; }

		#feed-tab a#foursquare { width: 58px; background-position: -121px 0; }
		#feed-tab a#foursquare:hover { background-position: -121px -40px; }
		.foursquare #feed-tab a#foursquare { background-position: -121px -80px !important; }

		#feed-tab a#flickr { width: 57px; background-position: -182px 0; }
		#feed-tab a#flickr:hover { background-position: -182px -40px; }
		.flickr #feed-tab a#flickr { background-position: -182px -80px !important; }

		#feed-tab a#skyhook { width: 58px; margin-right: 0; background-position: -242px 0; }
		#feed-tab a#skyhook:hover { background-position: -242px -40px; }
		.skyhook #feed-tab a#skyhook { background-position: -242px -80px !important; }

#feed-tab .img_status {
	position: relative;
	left: 11px;
	top: 6px;
}


/* Styles for Tipsy tool tips */
/* http://plugins.jquery.com/project/tipsy */

.tipsy {
	padding: 5px;
	font-size: 10px;
	opacity: 1;
	filter: alpha(opacity=100);
	background-repeat: no-repeat;
	background-image: url(../images/layout/tipsy.gif);
}
.tipsy-inner {
	max-width: 200px;
	padding: 7px 10px 6px 10px;
	font-weight: bold;
	letter-spacing: .05em;
	color: white;
	text-align: center;
	background-color: #007b8a;
 }
.tipsy-north { background-position: top center; }
.tipsy-south { background-position: bottom center; }
.tipsy-east { background-position: right center; }
.tipsy-west { background-position: left center; }


.wrapper-posts .no-results {
	width: 278px;
	height: 370px;
	padding: 10px;
	color: #939598;
}

.wrapper-posts .post {
	min-height: 38px;
	padding: 10px 10px 10px 48px;
	margin-bottom: 1px;
	border-bottom: 1px solid #333;
	overflow: hidden;
}
div#map .wrapper-posts .post .geotag span {
    display: inline;
    text-align: left;
}

.gmnoprint .wrapper-posts .post {
	border: none;
	padding: 10px;
}

.wrapper-posts .spotrank { background: #fff url(../images/layout/posts_spotrank.png) no-repeat left center; }
.wrapper-posts .twitter { background: #fff url(../images/layout/posts_twitter.png) no-repeat left center; }
.wrapper-posts .foursquare { background: #fff url(../images/layout/posts_foursquare.png) no-repeat left center; }
.wrapper-posts .flickr { background: #fff url(../images/layout/posts_flickr.png) no-repeat left center; }
.wrapper-posts .skyhook { background: #fff url(../images/layout/posts_skyhook.png) no-repeat left center; }


.wrapper-posts .highlight {
   background-color: #fcedd4;
}

.wrapper-posts .post a {
	color: #007b8a;
	outline: none;
}

.wrapper-posts .post a:hover {
	text-decoration: underline;
}

.wrapper-posts .post .thumb {
	float: left;
	width: 40px;
	margin-right: 10px;
	margin-bottom: 5px;
}

.wrapper-posts .post .user {
	display: block;
	margin-bottom: 3px;
	font-weight: bold;
	color: #007b8a;
}

.wrapper-posts .post p {
	line-height: 1.4em;
	margin-bottom: 5px;
}

.wrapper-posts .post .info {
	clear: both;
	padding-top: 4px;
	font-size: 10px;
	color: #939598;
}

.wrapper-posts .post .geotag {
	height: 18px;
	padding-left: 20px;
	background: url(../images/layout/geotag.png) no-repeat;
}

/*////////////////////////////////*/
/* Footer & Copyright  */
/*////////////////////////////////*/

#wrapper-footer h2 {
	visibility: hidden;
}

#wrapper-footer div.learn-more {
	display: block;
	position: absolute;
	right: -8px;
	bottom: -8px;
	width: 99px;
	height: 79px;
	text-indent: 100px;
	line-height: 80px;
	overflow: hidden;
	background: url(../images/layout/learn_more.png) no-repeat;
}


#wrapper-copyright p {
	display: block;
	width: 450px;
	margin: 0 auto 15px auto;
	font-family: Verdana, Arial, sans-serif;
	font-size: 8px;
	text-align: center;
	color: #fbfbfb;
}

#wrapper-copyright p a {
	color: #007b8a;
}

#wrapper-copyright p a:hover {
	text-decoration: underline;
}

/*////////////////////////////////*/
/* Global Classes */
/*////////////////////////////////*/

.left {
	float: left; }

.right {
	float: right; }

.hidden {
	display: none;
}

.clear {
	clear: both;
	float: none !important;
	width: auto !important;
	height: auto !important;
	border: none !important;
	margin: 0 !important;
	padding: 0 !important;
}
/*modal*/
#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#FFF; border:8px solid #444; padding:12px;}
#simplemodal-container a.modalCloseImg {
	background:url(../images/x.png) no-repeat; /* adjust url as required */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:-15px;
	right:-18px;
	cursor:pointer;
}

#basicModalContent p
{
    margin-bottom: 10px;
}

div#map span
{
    display: block;
    white-space: normal;
    top: 0px;
    color: #ccc;
    font-size: 6pt;
    line-height: 6pt;
    left: 0px;
    position: relative;
    text-align: center;
    width: 100%;
}