/* Common styles */

body {
	font-family: Verdana, Arial, sans-serif;	font-size: 12px;
	color: #3A3A3A;
	margin: 0 0 0 0;	
	padding: 0 0 0 0;	
	
	background-color: #E7E7DE;
}

body.facebook {
	height: 1000px;	
}

body.www {
		
}

body.mobile {
	
	background-color: #E7E7DE;	
}


input.blur {
	color: #999;
}

.notification_area, .notification {
	padding: 0.7em;
	margin-top:5px;
	margin-bottom: 3px;
	
	background: #C7F257;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.notification_area {
		clear: both;
}

.notification_area a, .notification a {
	font-weight: bold;	
}

.notification_area a, .notification_area a:visited, .notification_area a:hover {
	text-decoration: underline;	
	color: #26386E;
}

.notification-bar-item {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: white;
	background-color: #FF3B3B;
	padding: 0.4em;
	border-bottom: 1px solid gray;
}

.content {
	width: 1000px;	
	background-color: white;
		
	overflow: auto;
	
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}


body.facebook .content {
	min-height: 1200px;
	padding: 0px;
	width: 760px;
}

body.www .content {
	padding: 1em;
	border-left: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;	
	min-height: 600px;
	
	
	margin: auto;
}

body.www .widthcontainer {
	width: 1000px;
	margin: auto;	
	background-color: white;
}

.main-header { 
	background-color: white;	
}

.footer {
	text-align: center;
	margin-top: 50px;
	margin-bottom: 0px;
	
	font-size: 14px;
	
	background-color: #1C243B;
	border-top: 3px solid #A5D71C;
	
	color: white;
	
	clear: both;
	
	padding: 0.5em;
}

.footer a, .footer a:visited {
		color: #92b01a;
}

.footer .find-us {
	font-weight: bold;
	margin-bottom: 0.5em;	
}

a, a:visited {
	color: #26386E;
	text-decoration: none;
}

a:hover{
	color: #92b01a;
	text-decoration: underline;
}

a.plain:hover{
	text-decoration: none;
}


a img {
	border: none;
}

a.user {
	font-weight: bold;	
}

a.tip {
	font-weight: bold;
	border-bottom: 1px dotted gray;
	color: #3C55A3;
	background-color: #FFFCBF;
}

a.tip:hover {
	color: #26386E;
	text-decoration: none;
}

.call_to_action{
	font-weight: bold; 
	color: #92b01a;	
}

img.thumb {
	
	height: 125px;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #dddddd;
		
}

img.thumb-nav {
	
	height: 50px;
	background-color: #eeeeee;
	padding: 2px;
	border: 1px solid #dddddd;
		
}

img.gear-thumb {
	
	height: 200px;
	background-color: #eeeeee;
	padding: 5px;
	border: 1px solid #dddddd;
}

img.badge-thumb {
	width: 100px;	
}

img.fullsize {
		background-color: #eeeeee;
		padding: 7px;
		border: 1px solid #dddddd;
		width: 500px;	
}

body.www img.fullsize {
	width: 600px;	
}

.title {
	font-size: 35px;
	color: #50301e;
}

.menu {
	width: 100%;
	background-color: #263c7e;
	 
	border-bottom: 3px solid #A5D71C;
	
	margin-bottom: 5px;
	
	float: left;
	
}

body.facebook .menu {
	
	width: 100%;
	background-color: #263c7e;
	
	margin-bottom: 10px;
	
	float: left;
	
}

.menu ul {
	
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu ul li {
	float: left;
	//width: 7em;
	
	
	position: relative;
	font-size: 12px;
	font-weight: bold;
	
	text-align: center;
}

.menu ul li ul {
	 display: none;
     position: absolute;
     top: 25px;
     left: 0px;
     width: 250px;
     border: 3px solid #ccc;
     background: white;
     z-index: 999;
}

.menu ul li ul li {
	float: none;
	width: 100%;
	text-align: left;
	
	display: block;
}

.menu ul li ul li a {
	color: black;
	
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}

.menu ul li ul li a:hover {
	color: black;
	background-color: #dddddd;	
}

.menu ul li.promo {
	background-color: #C5192C;
}


body.facebook .menu ul li {
	font-size: 12px;
	font-weight: normal;
	width: 6em;
	
		
}

.menu ul li a {
	
	display: block;
	color: white;
	
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 1.25em;
	padding-right: 1.25em;
	
	
	text-decoration: none;		
}

.menu ul li a:hover, .menu ul li a.active {

	color: #A5D71C;
	background-color: #4D5D8D;
}

form {
	margin-bottom: 0px;	
}

input[type=text], input[type=password] {
	border: 1px solid gray;
	background: #FFFFFF url("../img/misc/form_top_shadow.png");
	background-repeat: repeat-x;
	padding: 2px;
}

#top_search_form {
	margin: 0px;	
}

#top_search_field {

	color: black;
	padding: 0.3em;
	font-size: 12px;
	border: 1px solid gray;
	background-image: url("../img/icons/search.png");
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 25px;
}

#media_tag_friend {
	width: 600px;
	color: black;
	padding: 0.3em;
	font-size: 20px;
	border: 1px solid gray;
	background-image: url("../img/icons/search.png");
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 25px;
}

#media-tag-spot, #media-tag-labels {

	width: 600px;
	color: black;
	background-color: white;
	padding: 0.3em;
	font-size: 20px;
	border: 1px solid gray;
	background-image: url("../img/icons/search.png");
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 25px;
}

body.facebook .menu input[type=text]#top_search_field {
	font-size: 10px;
	padding: 2px;
}

#home-tease {
	position: relative;
	width: 1000px;
	height: 400px;
	background-image: url("../img/misc/everyspot-front-skate.jpg");
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.home-tease2 {
	
	position: relative;
	
	font-size: 16px;
	
	text-align: center;
	
	color: white;
	background-color: #212121;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.tease-blurb {
	position: absolute;
	width: 200px;
	padding: 3px;
	padding-top: 10px;
	right: 0px;	
}

.tease-blurb ul {
	text-align: left;
	list-style-type:square	
}

.tease-blurb li {
	margin-left: -0.5em;	
}

#fb-login-button {
	position: absolute;
	bottom: 5px;
	right: 5px;
		
}

ul.nostyle {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 10px;
}


textarea {
	border: 1px solid gray;
	background: #FFFFFF url("../img/misc/form_top_shadow.png");
	background-repeat: repeat-x;
	padding: 5px;
}

.clearBoth {
	clear:both;	
}

div.inline { float:left; }

.right {
	float: right;	
}

.page-nav {
	text-align: center;
	padding: 5px;
	font-size: 14px;
	background: #eeeeee;	
}

.newuser_tip, .newuser_tip_big{
	
	font-size: 14px;	
	margin-top: 1em;
	margin-bottom: 1em;
	color: gray;
	
}

.newuser_tip_big {
	font-size: 18px;
}

.user_thumb {
	margin: 1px;
}

.fan_box .connect_button .UIActionButton{margin:0;!important;}
.profileimage{display:none!important;} 
.name_block{display:none!important;}

.login-bar-out, .login-bar-in {
	
	
	padding-left: 2em;	
	padding-right: 2em;
	padding-top: 3px;
	padding-bottom: 5px;
	
	text-align: center;
	
	-moz-border-radius-bottomleft: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-webkit-border-bottom-right-radius: 0.5em;
}

.login-area {

	padding: 2em;
	
	font-size: 16px;
	
	background: #F9F9F9;
	
	text-align: center;
	
	-moz-border-radius: 1m;
	-webkit-border-radius: 1em;	
	
	margin: 50px auto 60px;
	overflow: auto;
	width: 600px;
		
}

.login-bar-in {
	background: #eee;
	color: #888888;
}

.login-bar-out {
	background: #eee;
	
	font-size: 14px;
}

.login-bar-out a {
	color: #A5D71C;
	font-weight: bold;
}

.login-bar a {
	color: #888888;
}

.notif-counter, .notif-counter-zero {

	display: inline-block;
	color: white;
	background-color: #DB0000;
	font-weight: bold;	
		
	padding-top: 0.2em;	
	padding-bottom: 0.2em;
	padding-left: 0.5em;	
	padding-right: 0.5em;
		
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;	
	
	vertical-align: -15%;
}

.notif-counter-zero {
	background-color: #ddd;	
}

.notif-counter a, .notif-counter a:hover, .notif-counter a:visited {
	color: white;
	text-decoration: none;	
}

.notif-counter-zero a, .notif-counter-zero a:hover, .notif-counter-zero a:visited {
	color: #bbb;
	text-decoration: none;	
}

.extra a, .extra, .extra a:visited {
	color: #263c7e;	
}


.centered {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 50%;
  height: 50%;
  margin: auto;
}

.play-button {
	position: absolute;
	
	bottom: 50px;
	height: 38px;
	left: 50%;
	margin-left: -19px;
	width: 38px;
	background: transparent url(../img/misc/video_overlay.png) no-repeat 0% 0%;	
}


.new {
	color: #BC0000;
	font-weight: bold;
	font-variant: small-caps;
}

.inputHintOverlay { color: #999;}

span.favorite {

	font-weight:bold;
	color: white;
	background-color: #A5D71C;
	padding: 0.5em;
		
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.green-button {
	font-weight: bold;
	font-size: 16px;
	color: white;
	background-color: #A5D71C;
	border: 0px solid white;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.like-button, .like-button-liked {
	font-weight: bold;
	font-size: 16px;
	color: white;
	background-color: #6F87CC;
	
	border: 4px solid #799E15;
	border: 4px solid #4D5D8D;
	
		
	display: inline-block;
		
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	
	width: 90%;
}

.like-count {
	display: inline-block;
	width: 50px;
	background-color: #4D5D8D;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	margin-right: 5px;
		
	font-size: 18px;
	
	text-align: center;
}

.like-action {
	display: inline-block;
	padding-right: 0.5em;
	padding-left: 0.5em;	
}

.like-list {
	margin-top: 0.3em;
}

.like-button-liked {
	background-color: #A5D71C;
}

/* HOME PAGE */
.spotlight {
	
	position: relative;
	margin-top: 1em;
	margin-bottom: 1em;
	
	background-color: #212121;
	color: white;
	padding: 10px;
			
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	
}

.spotlight a {
	color: #92b01a;
}

input[type=text]#note {
	padding: 0.5em;	

}

.spotlight h2, .spotlight h3, .spotlight h4 {
	margin-top: 0px;	
}

.spotlight .middle-pane {
	position: absolute;
	top: 4em;
	left: 525px;
	width: 200px;	
}

.spotlight .right-pane {
	position: absolute;
	top: 1em;
	bottom: 1em;
	left: 750px;
	width: 210px;	
	border-left: 1px solid #555555;
	padding-left: 2em;
}

.newsfeeds {
	width: 500px;
	padding: 0.1em;	
}

.newsfeeds h3 {
	margin-top: 0px;	
}

body.www .newsfeeds {
	width: 650px;	
}

.newsfeed_item, .newsfeed_item_highlight {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #eeeeee;
	margin-bottom: 20px;
	min-height: 50px;
}

.newsfeed_item img, .newsfeed_item_highlight img {
	float: left;
	margin-right: 5px;	
}

.newsfeed_item .body, .newsfeed_item_highlight .body {
	margin-left: 60px;	
}

.extra, .extra-big {
	font-size: 11px;
	margin-top: 10px;
	color: gray;
}

.extra-big {
	font-size: 12px;
}

.attachment {
	overflow: auto;
	padding: 0.8em;
}

.attachment .title {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 0.5em;	
}

.attachment .desc {
	font-size: 10px;	
}

.featured {

	width: 220px;
	padding: 10px;
	margin-bottom: 1em;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	
	background-color: #eeeeee;
	
}

.announcement {
	display: none;
	margin-top: 3em;
	font-size: 11px;
	background-color: #eeeeee;
	border-bottom: 1px solid silver;
	padding: 5px;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.announcement a {
	text-decoration: underline;	
}

.lastconnected img, .recentpics img {
	margin: 1px;	
}

.lastconnected a {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}

.tag {
	font-weight: bold;
	display: inline-block;
	background-color: #FFFCBF;
	padding: 0.5em;
	padding-left: 0.8em;
	padding-right: 0.8em;
	border-bottom: 1px solid #DBD9A4;
	border-left: 1px solid #DBD9A4;
}


/* SPOT PAGE */
.spot-discussion {
	background: #212121;
	color: white;
	padding: 0.6em;
	margin-top: 0.5em;
	margin-bottom: 1em;
		
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.spot-widget {

	background: #eeeeee;
	border: 1px solid #dddddd;
	margin-bottom: 1em;
		
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.spot-widget h1 {
	font-size: 12px;	
	background-color: #BBBBBB;
	color: white;

	margin: 0px;
	padding: 0.4em;
	
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
}

.spot-widget .widget-content {
	padding: 0.5em;	
}

.spot-info-thumb {
	width: 90px;
	border: 3px solid white;
	margin-left: 2px;
	margin-right: 2px;
}

.addsession_bubble {
	width: 400px;
	font-size: 12px;
}

#map {
	margin-top: 5px;
	margin-bottom: 5px;
	
}

#map_canvas {
	margin-top: 5px;
	margin-bottom: 5px;
}

#selectSpotForm {
	float: right;
	font-size: 12px;
}

#selectSpotForm select#spotSelector {
	font-size: 16px;
	background-color: white;	
}

#right_pane {
	float: right;
	width: 320px;
		
}

#right_pane .header{
	background: silver;
	color: white;
	font-weight: bold;
	margin-bottom: 5px;
	padding: 1px;
}

#spot_info .spot_name{
	
	font-size: 12px;
	font-weight: bold;
}

#spot_info .spot_geo{
	font-size: 10px;
}

#spot_header .spot_name{
	font-size: 20px;
	font-weight: bold;
	padding: 0px;
	margin: 0px;
}

#spot_header .spot_geo{
	font-size: 12px;
	margin-bottom: 0.7em;
	margin-top: 0.4em;

}

#spot_header .spot_geo a {
	color: gray;	
}

#spot_header {
	height: 75px;
	margin-bottom: 5px;
}

.spot-content {
	margin-top: 0px;
}

#spot_header .spot_tools, #spot_header .spot_basic_info {
	float: left;	
	height: 50px;
}

#spot_header .spot_tools  {
	background: #eeeeee;	
	padding: 2px;
	margin-right: 5px;
}


ul.userlist {
	list-style-type: none;
	margin-left: 0px;
	padding-left: 10px;
}

ul.userlist li {
	padding-bottom: 5px;
}

.spot_blog {
	width: 200px;
	height: 25px;	
}


.spot_activity .left_pane{
	padding-right: 1em;
	border-right: 1px solid #eeeeee;
	width: 525px;
}

body.www .left_pane {
	width: 650px;	
}

.spot_activity textarea {
	width: 510px;
}

body.www .spot_activity textarea {
	width: 450px;
}


#bottom_pane{
	margin-top: 2em;	
}

#tabs {
	border-bottom: 1px solid #dddddd;
	font-size: 18px;	
	padding: 13px;
	margin-bottom: 10px;
}


#tabs ul {
	list-style: none;
	margin: -18px 0px 0px 2px;
	padding: 0px;
}

#tabs ul li {

	float: left;
	padding: 5px 20px 5px 20px;
	font-size: 12px;

	text-align: center;
}

#tabs ul li a {
	color: black;
	font-weight: bold;
		
}

#tabs ul li.inactive a {
	color: gray;
	font-weight: bold;
		
}

#tabs ul li.active {
	background-color: white;
	border-top: 3px solid #A5D71C;
	border-right: 1px solid gray;
	border-left: 1px solid gray;
	
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	
	margin-right: 2px;
	
}

#tabs ul li.inactive {
	background-color: #eeeeee;
	border-top: 1px solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom: 1px solid #dddddd;
	
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	
	margin-right: 2px;
}


.upload-media {
	background: #dddddd;
	padding: 1em;	
	margin-top: 1em;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.map-container {
	margin-top: 1em;
	margin-bottom: 1em;
	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	
	background: #eeeeee;
		
	position: relative;
		
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
}

.spot-timeline {
	margin-left: 1em;	
}

.spot-name {
	font-size: 14px;
	font-weight: bold;	
}

.spot-right-pane {
	position: absolute; 
	top: 10px; 
	right: 10px; 
	width: 330px;	
}

.spot-right-pane h2 {
	font-size: 12px;	
}

.spot-right-pane p {
	font-size: 10px;	
}

.check-in {
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	
	padding: 1em;
	margin-top:5px;
	margin-bottom: 20px;
	
	background: #C7F257;
		
	text-shadow: #6374AB 0px 1px 1px;
	
		
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;	
}

a.check-in {
	display: block;
	color: white;	
}

a.check-in:hover {
	color: yellow;
	text-decoration: none;	
}

.rating{
	font-weight: bold;
	color: white;
	padding: 0.3em;
	padding-left: 0.5em;
	padding-right: 0.5em;
	
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
}

.spot-session-report .rating{
	display: block;	
	margin-bottom: 0.2em;
}

/* WORLD PAGE */
.world_popup {
	width: 300px;
}

ul.spot-directory {

	list-style-type: none;
	margin-left: 0px;
	padding-left: 10px;
		
}

ul.spot-directory li {
	position: relative;
	width: 650px;
	
	border-bottom: 1px solid #dddddd;
}

ul.spot-directory li:hover {
	background-color: #eeeeee;	
}

body.mobile ul.spot-directory li {
	position: relative;
	width: 100%;
	
	border-bottom: 1px solid #dddddd;
}

ul.spot-directory li.add-spot {
	font-size: 13px;
	color: gray;	
}

ul.spot-directory li img.spot-thumb {

	position: absolute;
	left: 0px;
	top: 0px; 
		
}


ul.spot-directory li .spot-info {
	margin-left: 80px;
	
	padding-bottom: 10px;
	margin-top: 10px;
	min-height: 90px;
		
	
}

body.mobile ul.spot-directory li .spot-info {
	margin-left: 60px;
	
	padding-bottom: 5px;
	margin-top: 5px;
	min-height: 60px;
	
	
}

ul.spot-directory li .spot-info .spot-location {	
	color: gray;
	
}

ul.spot-directory li .spot-info .spot-desc {
	margin: 0px;
	padding-top: 0.6em;
	padding-bottom: 2em;
	width: 380px;
}

body.mobile ul.spot-directory li .spot-info .spot-desc {
	margin: 0px;
	padding-top: 0.6em;
	padding-bottom: 2em;
	width: 100%;
}

ul.spot-directory .spot-tools {

	position: absolute;
	top: 5px;
	right: 5px;
	text-align: right;
	
	font-size: 11px;
		
}

.spot-directory-ads {

	position: absolute;
	right: 0px;
	
}

#search-form {
	background-color: #dddddd;
	padding: 0.5em;	
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

#directory-search {
	width: 550px;
	font-size: 20px;
	padding: 0.3em;	
}

.search-spots-btn, .add-spot-btn {
	font-size: 16px;
	padding: 0.3em;	
	width: 150px;
	
}

.add-spot-btn {
	position: absolute;
	
	right: 5px;
	top: 10px;
}

select#activitySelector {
	font-size: 18px;	
	padding-left: 0.5em;
	padding-right: 0.5em;
}

/* SPOT EDIT PAGE */
#spot_edit textarea {
	width: 600px;	
}

/* PROFILE PAGE */
#profile_left {
	padding-right: 5px;
	float: left;
	width: 220px;
	border-right: 1px solid #eeeeee;
}

.profile-image-big {
	max-width: 	220px;
}

#profile_right {
	float: left;
	margin-left: 20px;
	width: 750px;

}

#profile_content {
	position: relative;	
}

body.facebook #profile_right {
	width: 500px;
	margin-left: 10px;	
}

#profile-tools {
	margin-top: 1em;
	border-bottom: 1px solid #eeeeee;	
}

#profile-tools ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#profile-tools ul li a{
	display: block;
	font-size: 12px;
	border-bottom: 1px solid silver;
	padding: 4px;

}

.name {
	font-size: 22px;
	margin-bottom: 0.7em;
	border-bottom: 1px solid #eeeeee;
}

#blog {
	font-size: 14px;
}

#blog h2 {
	font-size: 18px;
	margin: 0px;
	padding: 0px;
}

.blogdate {
	font-weight: bold;
	margin-top: 1em;
}

.blogentry {
	margin-left: 1em;
}

#blog textarea {
	width: 480px;
}


.newsfeed {

	float: left;
	border: 1px solid #9adc8d;
	height: 500px;
	width: 220px;
	padding: 3px;
	
	font-size: 12px;
}

.newsfeed-post {
	background: #dddddd;
	color: white;
	padding: 0.6em;
	margin-top: 0.5em;
	margin-bottom: 1em;
		
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.newsfeed_item, .newsfeed_item_highlight{
	margin-top: 3px;
	margin-bottom: 3px;
}

.newsfeed_item_highlight {
	
}

.newsfeed-comments {
	margin-top: 3px;	
	font-size: 12px;
}

.newsfeed-comments form {
	font-size: 12px;	
}

.newsfeed-comment {
	width: 550px;
	padding: 6px;
	//background-color: #eeeeee;
	background-color: #EDEFF4;
	margin-bottom: 2px;	
	overflow: auto;	
}

.newsfeed-comment img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	
	width: 30px;
}

.board-add-button {
	
	float: right;
	
	font-weight: bold;
	font-size: 14px;
	background-color: #A5D71C;	
	
	padding: 7px;
	display: inline;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

.board-add-button a {
		color: white;
}

.board-add-button a:hover {
		color: yellow;
		text-decoration: none;
}

.board {
	position: relative;
	padding: 10px;
	border-bottom: 1px solid silver;
	min-height: 200px;
}

.board-image {
	
}

.gear-detail {
	position: absolute;
	top: 1em;
	left: 350px;	
}

.gear-summary {
	margin: 1em;
	text-align: left;
	background-color: #eeeeee;
	padding: 1em;	
}

#profile_activity, #profile_info, #profile_gear, #profile_media {

	margin: 1em;
		
}

#profile_info {
	font-size: 14px;	
}


.checkin {

	margin-bottom: 5px;
	
	width: 650px;
		
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EEE;
	
}

.checkin .checkin-img {
	display: inline-block;	
}

.checkin .checkin-info {
	
	display: inline-block;
	margin-left: 1em;	
	min-height: 100px;
	
	position: relative;
	
	vertical-align: top;
		
}

.checkin .checkin-body {
	margin-top: 1em;	
	width: 500px;
}

.checkin .checkin-comment {
	font-style: italic;	
	margin-top: 1em;
	background-color: #efefef;
	border-left: 1px solid #cccccc;
	padding: 0.7em;
}

.checkin .checkin-users {
	
	margin-top: 1em;
}

#user-stats {
	font-variant: small-caps;
	position: absolute;
	right: 0px;
	top: 5px;
	//background: #eeeeee;
	padding: 0.5em;
	
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	
	
	
}

#user-stats li {
	list-style: none;
	font-size: 11px;
	width: 105px;
	float: left;
	text-align: center;
		
}

#user-stats strong{
	font-size:24px;
	font-weight: bold;
	display: block;
	margin-top: 0.3em;
}

.profile-badge, .profile-badge-locked {
	position: relative;	
	margin-bottom: 1em;
	
	padding-bottom: 1em;
	
	border-bottom: 1px solid #eeeeee;
}

.profile-badge-info {
	position: absolute;
	left: 120px;
	top: 5px;	
}

.profile-badge-info .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 0.5em;
	color: #3A3A3A;
}

.profile-badge-info .locked-unlocked {
	font-weight: bold;
	margin-top: 1em;
}

.profile-badge-locked { 
	opacity:0.25;
	filter:alpha(opacity=25); /* For IE8 and earlier */
}

/* PROFILE EDIT */

.profile_edit {
	margin-top: 2em;	
}

.profile_edit input[type=text]{
	font-size: 14px;
}

.profile-edit-section, .gear-edit {
	
	position: relative;
	
	background: #eeeeee;
	padding: 1em;	
		
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	
	margin-bottom: 2em;
}

.profile-edit-section h3 {
	margin-top: 0px;
	border-bottom: 1px solid #aaaaaa;	
}

.label {
	font-weight: bold;
}

.value {
	position: absolute;
	left: 175px;
}

.profile-edit-section .tip {
	color: gray;	
}

.profile-edit-section textarea {
	width: 100%;
	height: 80px;
	font-size: 14px;
	
} 

/* PEOPLE PAGE */

.people-directory-spot, .people-directory-user {
	background-color: #eeeeee;
	border-bottom: 1px solid #dddddd;
	margin-bottom: 1em;	
	padding: 1em;
	
	-moz-border-radius-topleft: 0.5em;
	-webkit-border-top-left-radius: 0.5em;
	-moz-border-radius-topright: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
}

.people-directory-spot h1, .people-directory-user h1  {
	margin-bottom: 5px;	
	margin-top: 0px;
}

.people-directory-spot .spot-image, .people-directory-user .user-image {
	display: inline-block;	
	vertical-align: top;
	margin-right: 10px;
}

.people-directory-spot .spot-info, .people-directory-user .user-info {
	display: inline-block;
	vertical-align: top;	
}

.people-directory-spot .spot-location {
	color: gray;
	margin-bottom: 10px;
}


.people {
	
	height: 70px;
	background: white;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 0.8em;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
}

.people:hover {
	background-color: #eeeeee;
	
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
}

.people-img {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	
}

.people-info {
	display: inline-block;
	vertical-align: top;
	width: 300px;
}

.people .last-session {
	display: inline-block;
	vertical-align: top;
	width: 250px;
	color: gray;
}

.people-info .people-name {
	font-size: 16px;
}

.people-location {
	color: gray;	
}

.button, .button-selected, .button-next, .join-button {
	
	display: inline-block;
	vertical-align: 10%;
	
	border: 1px solid silver;
	
	font-size: 12px;
	font-weight: bold;
	color: #2C3034;
	
	padding: 0.5em;
	padding-left: 1.5em;
	padding-right: 1.5em;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	
	background: -moz-linear-gradient(top,white,white 55%,#E4E4E4);
	background: -webkit-gradient(linear,left top,left bottom,from(white),to(#E4E4E4),color-stop(0.55,white));

}

a.join-button {
	font-size: 18px;	
	
	-moz-border-radius: 0.3em;
	-webkit-border-radius: 0.3em;
	
	background: -webkit-gradient(linear, left top, left bottom, from(#A7E300), to(#99D100));
	background: -moz-linear-gradient(top, #A7E300, #99D100);
	
	border: 1px solid #87B800;
	
	text-shadow: rgba(0, 0, 0, .25) 0 -1px 1px;
	
	color: white;	
}

.join-button a {
	color: white;	
}

.button-next {
	padding: 0.3em;
	height: 45px;
	vertical-align: top;
	
	margin-top: 0px;
}

a.button-next:hover {
	text-decoration: none;	
}

.arrow-right {
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAHCAYAAAAvZezQAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEZJREFUeNpiYGBgMP7//z8DDDMBBUwYGRmNGJCAGBAHA7EuSAULkHgFVHEeKOABpL/AVIQAsQFIBQikA7ERzFAGdFsAAgwA5AwmecRdkaYAAAAASUVORK5CYII=);
	background-position: 100% 50%;
	background-repeat: no-repeat;
	
	vertical-align: middle;
	height: 45px;
}

.button-selected, .button:hover, a.button-next:hover {
	background: -moz-linear-gradient(top,#E7E9EA,#D4D6D7);
	background: -webkit-gradient(linear,left top,left bottom,from(#E7E9EA),to(#D4D6D7));
	border: 1px solid rgba(0, 0, 0, 0.2);
}

.button a, .button a:hover {
	font-weight: bold;
	color: #2C3034;
	text-decoration: none;
	font-size: 12px;
}

.button-selected a, .button-selected a:hover {
	font-weight: bold;
	color: #5B6064;
	text-decoration: none;
	font-size: 12px;
}


.user-directory-list {
	position: relative;
	
	min-height: 500px;
		
}

.suggested-users {
	position: absolute;
	right: 0px;
	top: 0px;
	
	width: 320px;
	
	border: 1px solid #eeeeee;
	
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	
}

.suggested-users-body {

	padding: 1em;
		
}

.suggested-users h2 {
	background-color: #dddddd;
	color: white;
	font-weight: bold;
	font-size: 14px;
	
	padding: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	
	margin-top: 0px;
	
	-moz-border-radius-topleft: 0.7em;
	-webkit-border-top-left-radius: 0.7em;
	-moz-border-radius-topright: 0.7em;
	-webkit-border-top-right-radius: 0.7em;
}

.suggested-users .people {
	border: 0px;
	padding: 0.3em;
	margin-top: 0px;
	margin-bottom: 5px;	
}

.suggested-users .people-info {

	width: 200px;
		
}

/* FRIENDS PAGE */

.friends-ads {

	position: absolute;
	right: 0px;
	top: 50px;
}

.friends_list {
	margin-top: 30px;
	width: 650px;
}

.friend {
	height: 50px;
	background: white;
	margin-top: 5px;
	margin-bottom: 10px;
	padding: 2px;
	border-top: 1px solid #dddddd;
	border-bottom: 1px solid #eeeeee;
}

.friend_img {
	float: left;
}

.friend_info {
	margin-left: 55px;
}

.friend-suggestion {
	padding: 1em;
	text-align: center;
	display: inline-block;
}
/* WORLD PAGE */
#add_spot, #zoom_spot {
	background: #dddddd;
	height: 50px;
	padding: 3px;
	font-size: 16px;
}

#add_spot input {
	font-size: 16px;	
}


ul.country {
	list-style-type: none;
	font-weight: bold;
	font-size: 10px;

	margin-left: 0px;
	padding-left: 2px;
	margin-top: 0px;
	margin-bottom: 5px;
	
}

ul.region {
	list-style-type: none;
	font-weight: normal;
	margin-left: 0px;
	padding-left: 15px;
	
}

ul.spot {
	list-style-type: none;
	font-weight: normal;
	
	margin-left: 0px;
	padding-left: 3px;
	
}

.spot_list {
	float: left;
	padding: 0.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	width: 115px;
	background: #eeeeee;
}

.popular_spots {
		
}

.map_container_normal,  .map_container_add{
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 1px;
	padding-bottom: 10px;
	background-color: #dddddd;
	
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	
}

.map_container_add {
	background-color: #92b01a;
}

/* GALLERY */
table#gallery {
	width: 100%;	
}

table#gallery tr {
	margin-bottom: 50px;	
}

table#gallery tr td {
	font-size: 11px;
	text-align: center;
	width: 250px;
	padding-bottom: 2em;
}


/* MEDIA */
.media {
	position: relative;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #dddddd;
	padding-top: 0.5em;
	
	background-color: #212121;
	color: white;
		
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
}

.media a {
	color: #A5D71C;
}

.media .left-pane {
	text-align: center;
	width: 700px;
	border-right: 1px solid #dddddd;
	vertical-align: top;	
}

.media .right-pane {
	position: absolute;
	right: 0em;
	top: 0em;
	padding-left: 1em;
	padding-top: 0.5em;
	width: 280px;
	
	background-color: #212121;
	color: white;
		
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
		
}

.media .title {
	font-size: 16px;
	font-weight: bold;	
	margin-bottom: 0.8em;
	color: white;
}

.media .description {
	font-size: 12px;
	margin-bottom: 2em;	
}

.comment-section {
	background-color: #eeeeee;
	padding: 0.5em;
}

.comment img {
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	
	width: 30px;
}

.comment {
	padding: 6px;
	//background-color: #eeeeee;
	background-color: #EDEFF4
	clear: both;
	margin-bottom: 2px;	
	overflow: auto;
}

.comment-section textarea { 
	width: 500px;	
}

.comment-body {
	margin-bottom: 3px;
	color: black;
}

.comment-date {
	color: gray;
	font-size: 10px;	
}


.media-edit {
	
	background-color: #eeeeee;
	margin: 1em;
	clear: both;
	padding: 1em;	
	
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
	
}

.media-edit #tabs li {
	font-size: 20px;
	padding: 5px 30px 5px 30px;
}

.media-edit input[type=text] {
	font-size: 20px;
	font-weight: bold;
	width: 600px;	
}

.media-edit textarea {
	font-size: 20px;
	font-family: Arial;
	width: 600px;
	height: 200px;	
}

.media-edit input[type=submit] {
	font-size: 20px;	
}


.media-edit .media-spot-label {
	background-color: white;
	width: 600px;
	display: inline-block;
	border: 1px solid silver;
}

/* SESSION REPORT */

.session-report-container {
		position: relative;
		height: 650px;
}

.session-report-container .left-pane {
	position: absolute;
	left: 0px;	
}

.session-report-container .right-pane {
	position: absolute;
	left: 250px;
	top: 0px;
	padding-left: 1em;
	width: 720px;	
}

.session-report-header {
	background-color: white;
	margin-left: 1em;
	margin-right: 1em;
	padding-left: 1em;
	padding-right: 1em;
	height: 60px;
		
	clear: both;
	
	font-size: 13px;
}

.session-report, .session-invite {
	background-color: #eeeeee;
	margin: 1em;
	clear: both;
	padding: 1em;	
	
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
}

/* INVITE PAGE */

.invite-by-link {
	margin-top: 2em;
	
}

.invite-by-fb-request {
	margin-top: 2em;
	
}

.invite-link {
	font-size: 16px;
	padding: 0.4em;
	background: #eeeeee;
	border: 1px solid #dddddd;
	margin-top: 1em;
	margin-bottom: 0.5em;
	
}


/* SETTINGS */
form.settings {
	margin-top: 3em;	
	position: relative
}

form.settings, form.settings input[type=text] {
	font-size: 14px;	
}

/* WELCOME PAGE */
.welcome {
	
	font-size: 16px;
	background-color: #eeeeee;
	margin: 1em;
	margin-top: 3em;
	clear: both;
	padding: 1em;	
	
	-moz-border-radius: 0.7em;
	-webkit-border-radius: 0.7em;
}

input[type=text].welcome-email, input[type=password].welcome-email {
	text-align: center;
	font-size: 18px;
	padding: 5px;
}

.welcome input[type=submit]{
	font-size: 18px;
	padding: 5px;	
}

/* FAQ */
.faq-question {
	font-weight: bold;
}

.faq-answer {
	margin-left: 1em;
	margin-top: 0.1em;
	margin-bottom: 2em;
}

.faq-answer a {
	text-decoration: underline;
}

/* ABOUT */
.exec_profile {
	position: relative;	
	margin-bottom: 4em;
}

.exec_profile a {
	font-weight: bold;
}

.exec_profile .bio {
	position: absolute;
	left: 190px;
	top: 0px;
}

/* MESSAGES */
.notif-list {
	margin-top: 2em;	
	border-top: 1px solid #ddd;
}

.notification-short-unread, .notification-short {
	padding: 0.3em;
	border-bottom: 1px solid #eee;
	font-weight: normal;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	border-left: 4px solid white;
	
	
}

.notification-short-unread {
	font-weight: bold;
	background-color: #eee;
	border-left: 4px solid #A5D71C;
}

.notification-short-unread img, .notification-short img{
	vertical-align: middle;
	margin-right: 1em;
}

.notif-sender {
	display: inline-block;
	width: 200px;	
}

.notif-title {
	display: inline-block;
	width: 570px;
	padding: 1em;
	padding-right: 2em;	
	vertical-align: middle;
}

.notif-date {
	vertical-align: top;	
}

/* MOBILE TEASER */

.mobile-url-teaser {
	
	font-size: 18px;
	margin-top: 3em;
	font-weight: bold;
	background-color: #eeeeee;
	padding: 0.5em;
	
	width: 500px;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}

/* MOBILE */
body.mobile .nav-menu {

	text-align: center;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	background-color: #263C7E;
	border-bottom: 3px solid #A5D71C;
	color: white;
	font-weight: bold;
	font-size: 13px;
	
}

body.mobile .nav-menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

body.mobile .nav-menu ul li{
	display: inline-block;
	padding: 0.7em;
	padding-left: 1.0em;
	padding-right: 1.0em;
	
	
}

body.mobile .nav-menu li a {
	color: white;
}

body.mobile .nav-menu a:active, body.mobile .nav-menu a:hover{
	text-decoration: none;
}

body.mobile .nav-menu li.active a {
	color: #A5D71C;
}

body.mobile .nav-menu li.active {
	background-color: #4D5D8D;
}


body.mobile .header {
	background-color: white;
	text-align: center;
}

body.mobile .header img {
	width: 320px;
}

body.mobile .newsfeeds {
	width: 100%;	
}

body.mobile .newsfeed_item {
	font-size: 14px;
	margin-right: 1em;
}

body.mobile .newsfeed-comment {
	width: 100%;
	margin-right: 1em;
	
}

body.mobile img.fullsize {
	width: 300px;
}

body.mobile img.fullsize-zoom {
	width: 500px;
}

body.mobile .profile-header {
	position: relative;	
	padding-bottom: 0.5em;
	border-bottom: 1px solid gray;
}

body.mobile .spot-header, body.mobile .session-header {
	position: relative;
	padding-bottom: 0.5em;	
	border-bottom: 1px solid gray;
	white-space: nowrap;	
		
}

body.mobile .spot-header .spot-img, body.mobile .session-header .session-img {
	display: inline-block;
	vertical-align: top;
	white-space: nowrap;	
}

body.mobile .profile-image-big {
	width: 120px;
	max-height: 150px;
}

body.mobile .user-info {

	position: absolute;
	left: 125px;
	top: 0px;
	
}


body.mobile .spot-header .spot-info, body.mobile .session-header .session-info {

	display: inline-block;
	vertical-align: top;
	white-space: normal;	
	
}

body.mobile .user-info .user-name {

	font-size: 20px;
	font-weight: bold;
	
}

body.mobile .spot-header .spot-info .spot-name {

	font-size: 20px;
	font-weight: bold;
	
}

body.mobile .feed-input {

	margin-top: 0.5em;
	margin-bottom: 0.5em;
	background-color: #ededed;
	padding: 0.3em;
		
}

body.mobile .feed-input input[type=text] {
	font-size: 22px;
	width: 75%;	
}

body.mobile .spot-geo, body.mobile .user-geo{
	font-size: 11px;
	margin-bottom: 0.6em;
}

body.mobile .spot-distance {
	margin-bottom: 0.6em;	
}

body.mobile .spot-checkin, body.mobile .spot-checkin-disabled {
	background-color: #A5D71C;
	border: 2px solid #A5D700;
	color: white;
	font-weight: bold;	
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}

body.mobile .spot-checkin-disabled {
	background-color: #d2d2d2;
	border: 2px solid #d2d2d2;
	
	color: #E7E7DE;
}

body.mobile .user-follow, body.mobile .user-unfollow, body.mobile .user-you {
	background-color: #A5D71C;
	border: 2px solid #A5D700;
	color: white;
	font-weight: bold;	
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
}

body.mobile .user-you {
	background-color: silver;
	color: gray;	
	border: 2px solid gray;
	
}

body.mobile .signin-cta {
	text-align: center;
	padding: 0.8em;	
	background-color: #9FC733;

}

body.mobile .signin-cta a {
	color: white;
	font-weight: bold;
	font-size: 14px;
}

body.mobile .signin {
	text-align: center;
}

body.mobile .signin h1 {
	font-size: 18px;
}

body.mobile .newsfeed-comment, body.mobile .newsfeed-comments{
	font-size: 14px;
	margin-right: 0.5em;
}

body.mobile .mobile-button {
	background-color: #A5D71C;
	border: 2px solid #A5D700;
	color: white;
	font-weight: bold;	
	padding: 0.5em;
	padding-left: 1em;
	padding-right: 1em;
	-webkit-appearance: none;
}

body.mobile .spot-add {
	background-color: #A5D71C;
	border: 2px solid #A5D700;
	color: white;
	font-weight: bold;
	font-size: 16px;	
	padding: 0.1em;
	-webkit-appearance: none;
}

body.mobile .recent-users {
	clear: both;
	padding: 5px;
	border-bottom: 1px solid gray;
	
}

body.mobile .media {
	border-bottom: 1px solid gray;
	padding-bottom: 1em;
}

body.mobile .comment-section {
	padding-top: 5px;
	padding-bottom: 5px;	
}

body.mobile .comment-section textarea {
	width: 100%;
	padding-right: 1em;
}

body.mobile img.large-thumb {
	
	height: 150px;
}

body.mobile .play-button {
	position: absolute;
	
	bottom: 90px;
		
}

body.mobile .spots-filter {
	padding-left: 1em;
	padding-right: 1em;
	border-bottom: 1px solid silver;
}

body.mobile .session-report textarea {
	width: 100%;
	font-size: 14px;
}

body.mobile .session-report select {
	font-size: 16px;
	font-weight: bold;
}

body.mobile .report-byline {
	margin-top: 0.3em;
	background-color: #EEE;
}

/* BADGE */
.badge-desc {
	position: absolute;
	left: 310px;
	top: 0px;
	padding: 3em;

	font-size: 14px;
	
	background-color: #eeeeee;
	
	-moz-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
}