@import url('/static/css/reset.css');

body {
    font-family: "Helvetica Neue", Helvetica, Arial, "MS Trebuchet", sans-serif;
	background: #003300 url('/static/img/bg_tile.jpg') repeat-x;
    
}

#mobile{
	background: #003300 url('/static/img/bg_blank_tiled.png') repeat-x;
    
}

#delete {
    background:none;
}

h1, h2, h3, h4, h5, input, a, .green {
    color:#003300;
}

sub {
	font-size:10px;	
}

p {
    line-height:1.2em;
    font-size:16px;
}

h5 {
    font-size:13px;
}

a {
    text-decoration:none;
}

th {
    text-align:left;
}

td {
    padding:2px 10px;
}

table {
    font-size:10px;
}

#wrapper {
    width:100%;
}



#ui-wrapper {
    background: transparent url('/static/img/mountain_scene.jpg') no-repeat center top;
}

#ui-container {
    width:885px;
    margin:0px auto;
    position:relative;
    padding-top:10px;
    padding-bottom:50px;
    
}



#jeep-header {
    position:absolute;
    top:24px;
    left:730px;
    z-index:2;
}

#header {
    height:76px;
    margin-bottom:20px;
    padding:0px 10px;
}

#logo {
    float:left;
}


/* -- Navigation --*/
#nav {
    float:left;
    margin-left:30px;
    margin-top:20px;
}

#nav li{
    float:left;
    margin-right:10px;
}

#nav li:hover {
    background: transparent url('/static/img/nav-bg.png') no-repeat; 
}

#footer a {
	color:#fff;
	text-decoration:underline;	
}

#trips li.trips,
#friends li.friends,
#register li.register,
#profile li.profile
 {
    background: transparent url('/static/img/nav-bg.png') no-repeat;
}

#nav a {
    display:block;
    width:140px;
    height:47px;
    background: transparent url('/static/img/nav-sprite.png') no-repeat;
    text-indent:-9000px;
}

#nav li.trips a {
    background-position: 25px 10px;
}

#nav li.friends a {
    background-position: -125px 10px;
}

#nav li.register a{
    background-position: -290px 10px;
}

#nav li.profile a{
    background-position: -455px 10px;
}

#nav li.sign-in a{
    background-position: -650px 10px;
    width:70px;
}

#nav li.sign-out a{
    background-position: -770px 10px;
    width:90px;
}

#nav li.sign-out:hover,
#nav li.sign-in:hover {
    background:none;
}

/* --- Footer --- */

#footer {
    margin:40px auto;
}

#footer p {
    text-align:center;
    color:#fff;
    font-size:12px;
}



#column-left {
    float:left;
    width:450px;
}

#column-right {
    /*background:transparent url('/static/img/module-parts/narrow-bg.png') no-repeat center top;*/
    float:left;
    width:450px;
}


/* -- Globals -- */
.download-cta {
    margin:40px auto;
    text-align:center;
}

.cta-cluster{
	margin:20px 0px 20px 0px;
	width:450px;
}

#home .cta-cluster{
	margin:20px auto 20px auto;
	padding-left:15px;
}

.cta-cluster img{
	margin-right:15px;
}

.cta-cluster .sign-in{
	margin-left:345px;
}

.download-cta p{
    font-size:12px;
    line-height:25px;
}

.datebox {
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    background-color:#E8E3DC;
    padding:15px;
    font-weight:bold;
    text-align:center;
    width:39px;
    height:39px;
}

.date-column {
    width:69px;
}
.datebox div.month{
    text-transform: uppercase;
    font-size:11px;
    
}

.datebox .date{
    font-size:28px;
    margin-bottom:0px;
}

.time {
    font-size:12px;
    font-weight:bold;
    text-align:center;
    margin:10px 0;
}

.rounded {
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    /*border-radius: 5px;
    behavior: url('/static/js/border-radius.htc');*/
    
}

.rounded-left {
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -moz-border-radius:5px 0px 0px 5px;
}

.rounded-right {
    -webkit-border-top-right-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius:0px 5px 5px 0px;
}

.white-bg {
    background-color: #fff;
    border-top:1px solid #999;
    border-left:1px solid #999;
}

.tan-bg {
    background-color:#E8E3DC;
}

.light-tan-bg {
    background-color:#F4F1EE;
}

.white-bg-no-border {
    background-color:#fff;
}

#trip-list-container li {
    margin-bottom:20px;
}

.trip-snapshot h3 {
    margin-bottom:15px;
    padding-bottom:5px;
}

.trip-snapshot {
    margin-left:0px;
}
.sat-frame {
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    background-color: #fff;
    border-top:1px solid #999;
    border-left:1px solid #999;
    padding:3px;
    width:50px;
    margin-left:0px;
    float:left;
    margin-right:10px;
}

.trip-owner{
    font-size:12px;
    font-weight:bold;
    color:#666;
    margin-right:40px;
    padding:0px;
    padding-top:5px;
}

.trip-owner img {
    margin-left:5px;
    float:right;
}

.trip-owner span {
}

#home .trip-owner{
    margin-top:5px;
    margin-right:20px;
}

.tan {
    color:#E8E3DC;
}

.left {
    float:left;
}

.right {
    float:right;
}

.centered {
    text-align:center;
    margin:20px auto;
}

img.right {
    margin-left:10px;
}

.clear {
    clear:both;
}

p.small-text {
    font-size:12px;
    margin-bottom:5px;
}

.bold {
    font-weight:bold;
}

.avatar {
    width:75px;
    margin-right:20px;
    text-align:center;
}

.avatar a, a.edit{
    font-size:14px;
    font-weight:bold;
    background:transparent url('/static/img/gear.png') no-repeat 0px 2px;
    padding-left:18px;
}

.avatar img {
    margin-bottom:5px;
}

.greeting-block {
    margin-bottom:60px;
}
.greeting-block h1 {
        
}

.greeting-block p{
    width:350px;
}
.styled-header {
    background-image: url('/static/img/tile_orange.png');
    color:#fff;
    text-shadow:none;
    font-size:22px;
    padding:10px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    width:80%;
    margin:10px 0;
    
}

.headered-block p {
    width:250px;
    margin-bottom:20px;
}

.headered-block p.small-text {
    margin-bottom:5px;
}

.headered-block p.wide-center {
    width:320px;
    margin-bottom:20px;
    margin-left:30px;
    text-align:center;
}

.headered-block {
    margin:40px 0;
    width:450px;
}

#edit .headered-block {
    margin:40px 0;
    width:490px;
}

#friends .wide-right .headered-block, #edit .wide-right .headered-block {
    width:450px;
    margin-left:15px;
}



.wide-right .headered-block {
    margin-left:15px;
    width:400px;
}

.wide-right .first, #edit .first {
    margin-top:-10px;
}

.headered-block .centered {
    margin:10px;
    margin-left:72px;
    text-align:left;
}

.friend-head {
    margin-left:20px;
    float:left;
    width:97px;
    margin-bottom:20px;
}

#user .friend-head {
    margin-right:5px;
    margin-left:0px;
    margin-bottom:5px;
    width:40px;
}

.friend-head img{
    margin-bottom:10px;
}

/* -- Tabbed navigation --*/

.tabbed-nav {
    width:380px;
    margin:0px auto;
    margin-bottom:10px;
}



.tabbed-nav li {
    float:left;
    width:189px;
    margin-right:1px;
}

.tabbed-nav  a {
    display:block;
    height:30px;
    background-image: url('/static/img/tile_green.png');
    line-height:15px;
    color:#fff;
    text-decoration:none;
    text-shadow:none;
    font-size:18px;
    font-weight:bold;
    padding:10px 0px;
    padding-bottom:0px;
    text-align:center;
}

.tabbed-nav a.active {
    background-image: url('/static/img/tile_orange.png');
}

.tabbed-nav a span {
    background:transparent url('/static/img/icon_sprites.png') no-repeat;
    padding:5px 0;
    padding-left:30px;
}

.tabbed-nav a.recent span{
    background-position: 0 -322px;
}

.tabbed-nav a.visited span{
    background-position: 0 -127px;
}

.tabbed-nav a.pins span{
    background-position: 0 -282px;
}

.tabbed-nav a.notes span{
    background-position: 0 -245px;
}

.tabbed-nav a.photos span{
    background-position: 0 -365px;
}

.tabbed-nav a.audio span{
    background-position: 5px -205px;
}

.tabbed-nav a.videos span{
    background-position: 0 -168px;
}

.tabbed-nav a.friends span{
    background-position: 0 -5px;
}

.tabbed-nav a.featured span{
    background-position: 0 -47px;
}

.tabbed-nav a.twitter span{
    background-position: 0 -504px;
    font-size:15px;
}

.tabbed-nav a.facebook span{
    background-position: 5px -549px;
    font-size:15px;
}

.styled-header span {
    background:transparent url('/static/img/icon_sprites.png') no-repeat;
    padding:2px 0;
    padding-left:30px;
}

.get-app span {
    background-position: 0 -408px;
}

.find-friends span {
    background-position: -5px -458px;
}

.friend-requests span {
    background-position: -3px -90px;
}

.tabbed-nav  a:hover {
    background-image: url('/static/img/tile_orange.png');
}


/* -- trips view -- */

#trip-view {
    width:900px;
    margin:0px auto;
    padding:3px;
    
}

#trip-view .wide-inner {
    padding-top:430px;
    background:transparent url('/static/img/inverse_split.png') repeat-y;
    
}

#trips #flashmap-container {
    position:absolute;
    width:940px;
    left:-10px;
    margin-top:-8px;
}

#trip-view .tabbed-nav {
    width:580px;
    margin:0px auto;
}

#trip-view .tabbed-nav li {
    float:left;
    width:115px;
    margin-right:1px;
}

#trip-view .tabbed-nav  a {
    font-size:15px;
    font-weight:normal;
}

#trip-view #column-left {
    width:595px;
    background-color:#fff;
    padding-top:20px;
}


#trip-view #column-right {
    width:275px;
    margin:0px;
    padding:15px;
    padding-right:10px;
}

#trip-view #column-right div {
    margin:20px auto;
}

#trip-view #column-right div.clear {
    margin:0;
}

.point-media {
    margin:20px 0;
    width:300px;
}

.point-media-item {
    float:left;
    margin:0px 15px 25px 0px;
    padding:3px;
    -moz-border-radius: 3px; 
    -webkit-border-radius: 3px;
    -webkit-box-shadow: 0px 0px 5px #888;
    -moz-box-shadow: 0px 0px 5px #888;
    background-color:#fff;
}

.audio-player {
    margin:0px 15px 25px 0px;
}

.video-thumb {
    float:left;
    margin:0px 15px 25px 0px;
    padding:0px;
    background:transparent url(/static/img/video_thumb_bg.png) repeat-x 0px 4px;
}

.video-thumb .inner{
	margin-top:15px;
    padding:0px 3px 10px 3px;
    margin-bottom:4px;
    background:transparent url(/static/img/video_thumb_bg.png) repeat-x 0px bottom;
}

#column-right input {
    width:250px;
    height:25px;
    margin:10px 0;
    font-size:12px;
    color:#6C665E;
}

#column-right h5 {
    padding-right:10px;
}

.trip-content {
    margin-left:-3px;
}

.trip-content li, .pin-list li {
    border-bottom:4px solid #E8E3DC;
    padding:20px 0;
    padding-top:0px;
}

.pin-list li {
    padding:20px 0 20px 20px;
    margin-left:-24px;
    width:407px;
}

.pin-list li .left {
    margin-right:25px;
}

.wide-right .trip-content{
    margin-top:55px;
}

.wide-right .trip-content li{
    margin-left:-8px;
    width:393px;
}

#owner-trips  {
    margin-top:-40px;
}

#owner-trips .trip-content li {
    border-bottom:4px solid #fff;
    width:416px;
}

#owner-trips .trip-content li.last, .trip-content li.last {
    border:none;
}

.trip-item {
    
}

.trip-item .trip-item-column{
    float:left;
    padding:0px 10px;
}



.trip-item p {
    width:320px;
}

#notes-container p{
    width:400px;
}

.point-wrapper {
    padding:3px;
    width:110px;
    margin-bottom:15px;
}

.download-small {
    width:253px;
    margin:40px 0 40px 55px;
}

.download-small p{
    margin:5px;
    text-align:center;
}


.social-links {
    background:transparent url('/static/img/social_icons_sprite.png') no-repeat;
    padding-bottom:20px;
}

.social-links a, .social-links span {
    font-weight:bold;
    font-size:13px;
    padding-left:35px;
}

.social-links li {
    margin-bottom:20px;
}

/* --- Home Specific --- */
#homepage-greeting{
    width:445px;
}

#homepage-greeting h1{
    color:#003300;
    font-size:40px;
    text-shadow: 1px 1px 1px #fff;
    margin-bottom:10px;
}

#homepage-greeting h2{
    font-size:15px;
    text-shadow: 1px 1px 1px #fff;
    color:#000;
    line-height:18px;
    font-weight:500;
}

#homepage-greeting h2 span{
    font-size:12px;
    vertical-align:top;
}

#home #ui-container {
    width:940px;
}

#featured-trips-module {
    width:424px;
    padding:10px 0;
    margin-left:20px;
    padding-left:20px;
    padding-bottom:0px;
}


#home-authenticated .wide-left {
    width:430px;
}

#home-authenticated .wide-right {
    width:414px;
    padding-left:0px;
    padding-top:0px;
}

#home .trip-list, #home-authenticated .trip-list {
    margin-top:480px;
}

.trip-list {
    margin-top:80px;
    padding-bottom:20px;
}

#featured-trips-module li{
    padding:10px 0;
}

.trip-list li {
    margin-top:20px;
    margin-left:-17px;
    padding:20px 0;
    padding-top:0px;
    padding-left:35px;
    width:402px;
}

.trip-content li {
    margin-top:20px;
}

.headered-block .trip-list {
    margin-left:-18px;
}

#home-authenticated .trip-list li {
    padding-left:20px;
    width:408px;
    margin-left:-17px;
}

#home .trip-list li {
    width:424px;
    padding-left:20px;
}



#home-authenticated #featured-trips-module {
    width:434px;
    padding:10px 0px;
    
}

#home-authenticated #flashmap-container {
    height:465px;
    width:470px;
    position:absolute;
    top:150px;
    left:435px;
}

#home #flashmap-container {
    height:465px;
    width:470px;
    position:absolute;
    top:150px;
    left:458px;
}

/* -- iPhone interactive stuff -- */

#interactive-iphone-shell {
    position:relative;
    height:450px;
}

#iphone-body {
    background:transparent url('/static/img/iphone-blank.png') no-repeat;
    width:250px;
    height:450px;
    position:absolute;
    left:150px;
    z-index:3;
}

#iphone-active-indicator {
    position:absolute;
    z-index:1;
    background:transparent url('/static/img/iphone-active-indicator.png') no-repeat;
    width:187px;
    height:65px;
    left:0px;
    top:50px;
}

#iphone-nav {
    position:absolute;
    z-index:2;
    left:0px;
    top:50px;
    background:transparent url('/static/img/iphone-nav-sprite.png') no-repeat 10px 10px;
    padding-bottom:20px;
}

#iphone-nav li {
    margin-bottom:7px;
}

#iphone-nav a {
    width:100px;
    height:50px;
    display:block;
    color:#fff;
    text-decoration:none;
    padding-left:70px;
    padding-top:15px;
    font-weight:800;
}

#iphone-screen {
    position:absolute;
    top:85px;
    left:26px;
}

#iphone-screen div {
    position:absolute;
    width:189px;
    height:283px;
    opacity: 0;
    -moz-opacity: 0;
    filter:alpha(opacity=0);
}

#iphone-screen-log {
    background:#333 url('/static/img/iphone_screens/preview_screen_1_map.jpg') no-repeat;
}

#iphone-screen-share {
    background:#333 url('/static/img/iphone_screens/preview_screen_2_friends.jpg') no-repeat;
}

#iphone-screen-post {
    background:#333 url('/static/img/iphone_screens/preview_screen_3_pin.jpg') no-repeat;
}

#iphone-screen-discover {
    background:#333 url('/static/img/iphone_screens/preview_screen_4_poa.jpg') no-repeat;
}

#iphone-screen-publish {
    background:#333 url('/static/img/iphone_screens/preview_screen_5_share.jpg') no-repeat;
}


/*--- End iPhone ---*/




/* -- Sub page -- */

#wide-content {
    padding:5px;
    text-shadow: 1px 1px 1px #fff;
}

#utility-content h1, #utility-content p, #wide-content h1, #wide-content p, #wide-content label, #column-right h5, .datebox, table, .time {
    color:#6C675E;
}

#wide-content h1 {
    font-size:26px;
    margin-bottom:10px;
}



.wide-inner {
    padding-bottom:30px;
}


.split-bg {
    background:transparent url('/static/img/bg_frame_tile.png') repeat-y;
    
}

.wide-left {
    padding-left:20px;
    width:431px;
    padding-top:40px;
}

.wide-right {
    width:403px;
    padding: 0px 10px;
    padding-top:40px;
}

.full-inner {
    padding:30px;
}



.inputfield {
    width:290px;
    height:40px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size:18px;
    padding-left:10px;
}

.textinputfield {
    width:290px;
    height:100px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    border-top: 1px solid #999;
    border-left: 1px solid #999;
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    font-size:18px;
    padding:10px;
}

#utility-content {
    padding:5px;
    text-shadow: 1px 1px 1px #fff;
    width:80%;
    margin:30px auto;
    
}

#utility-content .inner-container{
    margin:0px;
    padding:10px 20px;
    min-height:300px;
    
}

#utility-content .styled-header{
    width:100%;
    
}



#utility-content .headered-block{
    margin:0px;
    padding:0px;
    width:98%;
}

#utility-content h1{
    margin:20px 0 10px 0;
    font-size:26px;
}

#utility-content p{
    width:300px;
    font-size:13px;
}

#utility-content p a{
    font-weight:bold;
}

#edit .inputfield, #edit .textinputfield
{
    width:375px;
    color:#003300;
}

#edit .wide-right .textinputfield {
    width:365px;
    margin:20px 0;
}

input, select, textarea {
    margin-bottom:20px;
}

.date-dropdown {
    background-color: #003300;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    padding:10px;
    color:#fff;
    height:40px;
    border:none;
    font-size:18px;
}

label {
    font-weight:bold;
    margin-right:10px;
    width:100px;
    display:block;
    float:left;
    padding-top:10px;
}

.checkbox-container {
    margin-left:110px;
    margin-bottom:20px;
}

#profile .checkbox-container {
    clear:left;
    margin:50px 0 20px 0;
    width:300px;
}


#profile .checkbox-container .checkboxes{
    float:left;
}


#profile label.inline {
    width:100%;
    display:inline;
    float:none;
    font-weight:normal;
}

.gender-radio-group {
    margin-bottom:20px;
    height:44px;
}

.checkbox, .submit, .nonval-submit {
    margin-right:10px;
    margin-left:110px;
}

.checkboxes, .radios {
    margin-right:10px;
    vertical-align:middle;
}


#profile .checkbox{
    float:left;
}

#profile label, #edit label {
    width:100%;
    margin-bottom:5px;
}



.submit-with-option {
    margin-top:30px;
}
.submit-with-option input
{
    float:left;
}

.submit-with-option p
{
    float:left;
    margin-top:5px;
    margin-left:10px;
}

#edit .submit-with-option p
{
    margin-top:12px;
    margin-left:60px;
}

.submit {
    opacity: 0.5;
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    filter:alpha(opacity=50);
}

#edit .right-side-label {
    color:#003300;
    float:left;
    width:380px;
    padding:0px;
    margin-bottom:20px;
    
}

#edit .radios {
    float:left;
}

.right-side-label {
    float:none;
    display:inline;
    
}
.right-side-label span{
    margin-top:5px;
    font-weight:normal;
    display:block;
}

#privacy div {
    margin-bottom:15px;
    clear:left;
}
#sign-in h1, #register h1, #reset h1 {
    background:transparent url('/static/img/login_icon.png') no-repeat;
    padding-left: 90px;
    padding-bottom:80px;
    padding-top:5px;
}

#register h1 {
    background:transparent url('/static/img/register_icon.png') no-repeat;
}

#sign-in h1 span, #register h1 span {
    font-weight:normal;
    font-size:14px;
}

.login {
    width:500px;
    margin:0px auto;
    margin-top:-50px;
    margin-bottom:0px;
}

.login-error {
    width:650px;
    margin-left:120px;
    background: transparent url('/static/img/login_error.png') no-repeat 420px 18px;
}

.reset {
    width:500px;
    margin:0px auto;
    margin-top:-50px;
    margin-bottom:0px;
}


.recover{
    margin-top:-50px;
    width:860px;
    margin:0px auto;
}

.inner {
    padding:0px 10px;
}
.split {
    width:410px;
    padding:0px 10px;
}

.split .inner {
    margin-left:10px;
    width:80%;
}

.split p {
    font-size: 16px;
    margin:20px 0 10px 0;
}


.register-form {
    width:650px;
    margin-top:-50px;
    margin-bottom:0px;
    margin-left:130px;
}

.friend-block {
    margin:10px 0;
    padding:10px;
    padding-top:15px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    width:360px;
}

.friend-block img, .friend-block-text, .friend-response-container {
    float:left;
}

.friend-block-text {
    margin-left:10px;
}

.friend-block-text p{
    margin:5px 0px;
    font-size:12px;
    padding-bottom:0px;
    margin-botom:0px;
    width:240px;
}



.friend-response-container {
    margin-top:3px;
    margin-left:0px;
}

.friend-response-container img {
    margin-left:10px;
}

.password-mismatch{
    background:transparent url('/static/img/password_error.png') no-repeat 420px 15px;
}

.status-field {
    float:right;
    width:170px;
    font-size:12px;
    padding-top:45px;
}

.valid-field{
    background:transparent url('/static/img/valid_check.png') no-repeat left center;
    width:210px;
    height:40px;
    float:right;
    margin-left:10px;
}

.checking-field{
    background:transparent url('/static/img/ajax-loader.gif') no-repeat left center;
    width:210px;
    height:40px;
    float:right;
    margin-left:10px;
}

.invalid-field{
    background:transparent url('/static/img/alert.png') no-repeat left 15px;
    width:180px;
    height:40px;
    float:right;
    margin-left:10px;
    color:#E54C43;
    font-size:12px;
    padding-left:25px;
    padding-top:18px;
}



#password-group .invalid-field{
    background:transparent url('/static/img/grouped_error.png') no-repeat left center;
    padding-left:50px;
    padding-top:40px;
    width:170px;
    height:60px;
    float:right;
    margin-top:-60px;
}

#profile #password-group .invalid-field, #profile .invalid-field, #sign-in .invalid-field{
    background:transparent url('/static/img/alert.png') no-repeat left 10px;
    width:300px;
    height:40px;
    float:none;
    color:#E54C43;
    margin:20px 0 -10px 0;
    padding:14px 0 0 30px;
    clear:left;
}

#sign-in .valid-field{
    background:transparent url('/static/img/valid_check.png') no-repeat left 10px;
    width:300px;
    height:40px;
    float:none;
    color:#E54C43;
    margin:20px 0 -10px 0;
    padding:14px 0 0 30px;
    clear:left;
}

#password-reset-group .invalid-field{
    background:transparent url('/static/img/grouped_error.png') no-repeat left center;
    padding-left:50px;
    padding-top:40px;
    width:160px;
    height:60px;
    float:right;
    margin-top:-60px;
}

#terms-wrapper .invalid-field{
    width:100px;
}

#password-group .valid-field{
    background:transparent url('/static/img/valid_grouping.png') no-repeat left center;
    padding-left:50px;
    width:170px;
    height:60px;
    padding:5px 0;
    float:right;
    margin-top:-45px;
}



p.alert {
    color:#E54C43;
}
.register-form input{
    float:left;
}

.twitter-fb {
    background:#fff url('/static/img/twitter_facebook.png') no-repeat;
    width:200px;
    margin:0px auto 47px auto;
    padding:10px;
    padding-left:80px;
    padding-bottom:20px;
}

.data-table table {
    float:left;
    font-size:14px;
}

.friend-search .inputfield{
    width:238px;
    float:left;
    margin-left:73px;
    margin-right:10px;
    height:44px;
}

.start-instructions {
    background: transparent url('/static/img/home_icon.png') no-repeat;
    width:300px;
    padding:20px 0;
    padding-left:100px;
    margin-bottom:30px;
}

.upload-field{
    margin-top:-50px;
}

.delete {
    color:#990000;
    background:transparent url('/static/img/trash.png') no-repeat;
    font-size:12px;
    font-weight:bold;
    padding-left:20px;
    margin-bottom:20px;
    clear:both;
}



li.flag {
    background:transparent url('/static/img/flag.png') no-repeat;
    margin-top:40px;
}

.flag a, .flag span
{
    color:#6C665E;
}

.live 
{
    background:transparent url('/static/img/live.png') no-repeat;
    padding-left:40px;
    padding-bottom:5px;
}

.you 
{
    background:transparent url('/static/img/you.png') no-repeat;
    padding-left:40px;
    padding-bottom:5px;
}

#edit h1 {
    color:#003300;
}

.pad-3 {
    padding:3px;
}

.image-left {
    margin:0 10px 10px 0;
    float:left;
}



.modal-inner {
    padding:15px;
    background-color:#E8E3DC;
    width:409px;
    height:313px;
}

.modal-right {
    margin-left:10px;
    padding-top:10px;
    width:300px;
}

.modal-right h2, .modal-right p{
    text-shadow: 1px 1px 1px #fff;
    color:#6C675E;
}

.modal-right p{
    font-weight:bold;
    font-size:13px;
    margin:20px 0;
}

.modal-right h2{
    font-size:22px;
}

p.red {
    color:#990000;
    text-shadow: 1px 1px 1px #fff;
    font-size:12px;
    font-weight:bold;
}

.remove {
	background: transparent url("/static/img/decline.png") no-repeat;
	padding:5px 0 7px 35px;
	color:#990000;
}

.add {
	background: transparent url("/static/img/add.png") no-repeat;
	padding:5px 0 7px 35px;
}

.shift-up {
	margin-top:-30px
}

.green-header {
 margin:-20px 0px 20px 10px;
}

.deletable * {
	float:left;
}

.deletable input {
	margin-top:0px;
}

.left-10 {
	margin-left:10px;
}

#edit .pin-list .data-table table{
	width:150px;
	font-size:10px;
}

#edit .pin-list .data-table{
	width:210px;
}

.ajax-progress {
	background: transparent url('/static/img/ajax-loader-grill.gif') no-repeat left center;
	padding:10px 0px 10px 65px;
}

.ajax-progress-right {
	background: transparent url('/static/img/ajax-loader-grill.gif') no-repeat right center;
	padding:10px 65px 10px 0px;
}

.cta-container {
	width:320px;
	padding:10px 65px 10px 0px;
}

.upgrade-fallback{
	background-color:#fff;
	padding:5px;
	margin:3px 0 20px 0;
	-webkit-box-shadow: 0px 0px 5px #888;
    -moz-box-shadow: 0px 0px 5px #888;
}

.upgrade-fallback img{
	-moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    margin-bottom:5px;
}

.upgrade-fallback h4{
	font-size:20px;
	margin-bottom:10px;
}

.upgrade-fallback p{
	color:#666;
	margin-bottom:10px;
}

.upgrade-prompt {
	padding-top:70px;
	width:280px;
	margin-left:20px
}

.static-map-header {
	width:590px;
	background-image: url('/static/img/tile_orange.png');
    color:#fff;
    text-shadow:none;
    font-size:22px;
    padding:10px;
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px;
    margin:10px 0;
}

#home-authenticated .static-map-header{
	width:410px;
}

#home .static-map-header{
	width:420px;
}

#home-authenticated .upgrade-fallback{
	width:430px;
	margin-left:18px;
}

#home .upgrade-fallback, #home-authenticated .upgrade-fallback{
	width:440px;
	margin-left:10px;
}

#photos-container, #videos-container {
	margin-left:20px;
}

#photos-container .point-media, #videos-container .point-media{
	width:100%;
}

#flash-message {
	position:absolute;
	width:100%;
	padding:5px 0;
	text-align:center;
	color:#fff;
	background-color:#003300;
	font-size:12px;
}

.friend-heads {
	width:400px;
}

.twitter-bg {
	background:transparent url(/static/img/btn_twitter_square.png) no-repeat left center;
}

.facebook-bg {
	background:transparent url(/static/img/btn_facebook_square.png) no-repeat left center;
}

.social-disconnect {
	padding:5px 0px 5px 30px;
	font-size:13px;
	width:350px;
	margin-bottom:10px;
	margin-left:5px;
}

.social-disconnect .response {
	display:block;
	width:200px;
	float:right;	
}
.social-disconnect a{
	background:transparent url(/static/img/icon_remove_social.png) no-repeat left top;
	color:#990000;
	padding:6px 0px 6px 30px;
	
}