
/*F.A.Q*/

.press-content-wrapper{float:left;width:90%;margin-top:20px;margin-left:30px;padding-bottom:60px;}
.press-content-wrapper h2{color:black;font-size:18px;font-weight:bold;}
.press-content-wrapper p{margin-bottom:20px;}

.about-avatar{width:96px;padding:7px 7px 21px 6px}
.about-avatar .image-wrapper,.about-avatar .image-inner, .about-avatar .image{height:96px}
.about-avatar .border{background-position:-294px 0px}

.active span.plants .icon{background-position:50% -120px}
.active span.mammals .icon{background-position:50% -200px}
.active span.birds .icon{background-position:50% -280px}
.active span.invertebrates .icon{background-position:50% -360px}
.active span.fungi .icon{background-position:50% -440px}
.active span.reptiles .icon{background-position:50% -520px}
.active span.amphibians .icon{background-position:50% -600px} h2
.active span.fish .icon{background-position:50% -680px}
.active span.pets .icon{background-position:50% -760px}
.active span.other .icon{background-position:50% -1880px}


.categories-faq li{font-size: 82%; float:left; text-align:center; padding: 2px;}
.active .category-title-faq{text-align:center;color:#000;border:none;}


/*About*/

.about-avatar{width:96px;padding:7px 7px 21px 6px}
.about-avatar .image-wrapper,.about-avatar .image-inner, .about-avatar .image{height:96px}
.about-avatar .border{background-position:-294px 0px}
.small-right-column .about-avatar{margin-top:-15px; margin-bottom: 10px;}
.small-right-column .about-name{position:relative; font-size:95%;}
.small-right-column {margin:40px 4% 0 3%;width:17%}
.small-right-column h4{color:#291f10;font-size:18px;text-shadow:0 1px 0 #f5eed3;margin-bottom:10px}
.about-content-wrapper{float:left;width:72%;margin-top:20px;padding-bottom:60px;}
.about-content-wrapper h2{color:black;font-size:18px;font-weight:bold;}
.about-content-wrapper p{margin-bottom:20px;}

.about h1.main-title {margin-top:50px;margin-bottom:40px;}
.about .story {margin: 20px 45px 20px 36px;}
.about .story p {font-size:20px;line-height:30px;color:black;}
.home-about {margin-left:20px;margin-right:20px;}

/* FIXME commented out to fix https://project-noah.lighthouseapp.com/projects/65094/tickets/11-spotting-detail-title-not-aligned-to-category-icon

.page-category-title .icon{position:relative;left:-10px;float:left;margin-top:15px;margin-right:-1000%;width:40px;height:40px;background:url(/images/icons/category-icons.png?672) no-repeat -5px 0}

*/

/*Missions*/

.missions-icon span{display:absolute;margin-top:22px;margin-bottom:-25px;padding:8px 10px 6px 30px;font-size:16px;background:url(/images/icons/icons.png?679) no-repeat 0 -96px;font-size:95%}
.missions-icon .i-leaf{background-position:0 -96px}
.missions-icon .i-spottings{background-position:0 -128px}
.missions-icon .i-friends{background-position:0 -160px}
.missions-icon .i-greencheck{background-position:0 -356px}
.missions-icon .i-missionmap{background-position:0 -384px}
.missions-icon .i-classroom{background-position:0 -836px}
.missions-icon .i-pencil{background-position:0 -868px}
.missions-list .icon {margin-top:6px;}

.page-category-title h3{padding:18px 0 0 46px;font-size:16px;color:#0f0f0f}


.page-category-title .all, .baloon-image-description .all, .category-edit-switcher .all{background-position:50% -800px}
.page-category-title .plants, .baloon-image-description .plants, .category-edit-switcher .plants{background-position:50% -840px}
.page-category-title .mammals, .baloon-image-description .mammals, .category-edit-switcher .mammals{background-position:50% -880px}
.page-category-title .birds, .baloon-image-description .birds, .category-edit-switcher .birds{background-position:50% -920px}
.page-category-title .invertebrates, .baloon-image-description .invertebrates, .category-edit-switcher .invertebrates{background-position:50% -960px}
.page-category-title .arthropods, .baloon-image-description .arthropods, .category-edit-switcher .arthropods{background-position:50% -960px}
.page-category-title .fungi, .baloon-image-description .fungi, .category-edit-switcher .fungi{background-position:50% -1000px}
.page-category-title .reptiles, .baloon-image-description .reptiles, .category-edit-switcher .reptiles{background-position:50% -1040px}
.page-category-title .amphibians, .baloon-image-description .amphibians, .category-edit-switcher .amphibians{background-position:50% -1080px}
.page-category-title .fish, .baloon-image-description .fish, .category-edit-switcher .fish{background-position:50% -1120px}
.page-category-title .pets, .baloon-image-description .pets, .category-edit-switcher .pets{background-position:50% -1160px}
.page-category-title .other, .baloon-image-description .other, .category-edit-switcher .other{background-position:50% -1920px}

.home-page-menu-par .rbs-object-content .i-followers{background-position:0 -640px}


.my-missions {
    width:680px;
}

.my-missions .first-filter, .my-missions .search-filter {
    width: 100%;
}


.my-missions:hover .unsubscribe{display:none}

.home-page-avatar-part h1 {
    line-height:24px;
    overflow:visible;
    padding: 10px 0 0 0;
    margin:0 0 0 0;
}

/* Settings */

.settings .settings-list li { font-size: 12px; padding-right: 0px; }
.settings .twitter-counter { margin-left: 280%; }

.settings a.i-twitter { padding-left: 30px;}

.settings .settings-lists:hover .unsubscribe{display:none;}


/* Like spotting button */
.spotting-doings .doing-like{background:url(/images/icons/heart-active.png);background-size: contain;background-position: center;background-repeat: no-repeat;}
.spotting-doings .doing-like.active{background-size: contain !important;background-position: center !important;background-repeat: no-repeat !important;background:url(/images/icons/heart.png);}


/* Uploader */

#photosLoader #uploader_overlay {
    height: 100%;
    width: 100%;
}
#photosLoader  #uploader_container {
    display: block;
    overflow: hidden;
    position: relative;
 }

 #photosLoader .spotting-avatar-big #uploader_container {
     width: 200px;
     height: 200px;
     top: -30px;
 }

#photosLoader .spotting-avatar #uploader_container {
    width: 140px;
    height: 140px;
}

#photosLoader .image-inner img {
    position: absolute;
    top: 0px;
    left: 0px;
}

/*
#photosLoader .loading-photo-preloader {

    z-index: 10;
}
*/

/*
#spottingForm .form-error {
    padding-right: 364%;
}
*/

.sliced-grid {
    max-width: 1500px !important;
}


.tag-placeholder {
    /* position: relative; */
    /* opacity: 0.5; */
   /* height: 23px !important; */
    width: 40px;
    display: inline-block;
}

.tag .icon {
    cursor: pointer;
}

.done-like {
    background-position: 0px -260px;
}

/* Map */

.maptimize_cluster_0, .maptimize_cluster_1, .maptimize_cluster_2, .maptimize_cluster_3, .maptimize_cluster_4 {
  font-weight: bold;
  text-align:center;
  cursor: pointer;
  color:#000;
  font-size:12px;
  font-family: "HelveticaNeue-Bold", "Helvetica Neue Bold", "Helvetica Neue",  Helvetica, sans-serif;
  text-shadow: -1px 1px 1px #fff;
}

.maptimize_cluster_0 {
  width: 32px;
  height: 32px;
  line-height: 32px;
}

.maptimize_cluster_1 {
  width: 38px;
  height: 38px;
  line-height: 38px;
}

.maptimize_cluster_2 {

  width: 46px;
  height: 46px;
  line-height: 46px;
}

.maptimize_cluster_3 {
  width: 51px;
  height: 51px;
  line-height: 51px;
}

.maptimize_cluster_4 {
  width: 57px;
  height: 57px;
  line-height: 57px;
}

.maptimize_marker_0 {
    width: 34px;
    height: 45px;
    cursor: pointer;

}

.baloon .image-wrapper {
    width: 140px;
    height: 140px;
    position: relative;
    overflow: hidden;
}
.baloon .image-wrapper .items{
    position: absolute;
}
.baloon .image-wrapper .items div{
    float: left;
}
/* * /
.needsid-icon {
    position: absolute;
    background: url(/images/icons/needhasid.png?2) no-repeat -0px -39px;
    top: 149px;
    left: 4px;
    height: 15px;
    width: 15px;
    z-index: 2;
}

.hasid-icon {
    position: absolute;
    background: url(/images/icons/needhasid.png?2) no-repeat -0px -54px;
    top: 149px;
    left: 132px;
    height: 15px;
    width: 15px;
    z-index: 2;
}
/* */
.spotting_legend {
    position: absolute;
    top: 149px;
    left: 4px;
    height: 15px;
    width: 55px;
    z-index: 2;
}

.spotting_legend > span {
    position: relative;
    background: url(/images/icons/needhasid.png?4) no-repeat 0px -1px;
    width: 15px;
    height: 15px;
    display:inline-block;
    float:left;
    margin-right:2px;
}
.spotting_legend > .needsid-icon {background: url(/images/icons/needhasid.png?4) no-repeat 0px -1px;}
.spotting_legend > .has-sugg-icon {background: url(/images/icons/needhasid.png?4) no-repeat -1px -89px;}
.spotting_legend > .hasid-icon {background: url(/images/icons/needhasid.png?4) no-repeat -1px -21px;}

    /* Twitter button */

#twitterbtn a{
	width: 109px;
	height: 21px;
	float: left;
	background:url(/images/twitterbutton.png) no-repeat top;
}
#twitterbtn a:hover{
	background-position: center;
}
#twitterbtn a:active{
	background-position: bottom;
}

.twitterstyle {
	float:left;
	position: absolute;
	left: 502px;
	top: 83px;
	font: bold 12px Arial,Helvetica,sans-serif;
	color: #2A7090;
}

/* Fixes */

/* https://project-noah.lighthouseapp.com/projects/65094/tickets/11-spotting-detail-title-not-aligned-to-category-icon */
.suggest-species-ID-link{position:relative;top:-34px;left:0px;text-decoration:none;}

/* https://project-noah.lighthouseapp.com/projects/65094/tickets/1-for-suggested-id-divs-the-copy-is-not-aligned-correctly  */
.my-spotting-block p small {
    position: relative;
    font-size: 14px;
}

.shares li { margin-left: 0px; }

.spotting-edit-icon{background:url(/images/icons/small-icons.png) no-repeat 0 -359px;padding-left:25px;padding-bottom:2px;z-index:2;}

.spotting .page-category-title h1 { width: 490px; }

/* Mobile */

.app-description-tabs li {width:850%;}

/* errors on new spotting */
.category-edit .form-error {margin:5px 0 15px 0; width: 680px;}
.add-spotting-form-right .form-error {width: 360px;}

/* scientific name italicized */
.scientific_name {font-style: italic;}

/* main page mission images */
/*.help-tabs-par-image img {width:100%;height:100%;}*/
.help-tabs-par-image img {width:100%;}
.help-tabs-par {height: 200px;}
.help-tab-content-wrapper {overflow:hidden;}


.missions-spottings-wrapper .found-organisms {
    width: 98%;
    margin-left: 2%;
}

.missions-spottings-wrapper .only-filter { right: 7%; }

.missions-spottings-wrapper .search-results { padding-bottom: 0; }


/* main page gallery */
.left-gallery-hover {
    height: 200px;
    position: absolute;
    width: 250px;
    z-index: 1000;
    display: none; /* initially hidden */
    background: chocolate;/*IE fix*/
    opacity: 0;
    filter: alpha(opacity=1);/*IE fix*/
}

.right-gallery-hover {
    height: 200px;
    position: absolute;
    width: 250px;
    right: 0px;
    z-index: 1000;
    background: chocolate;/*IE fix*/
    opacity: 0;
    filter: alpha(opacity=1);/*IE fix*/
}

/* Spotting of the day */
.sotd-image {
    height: 60px;
    width: 60px;
    margin: 10px;
    border: solid 4px #FEF4EB;
    border-bottom: solid 9px #FEF4EB;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #222;
    float: left;
    position: relative;
}
.sotd-user-image {
    height:40px;
    width: 40px;
    margin: 10px;
    border: solid 4px #FEF4EB;
    border-bottom: solid 9px #FEF4EB;
    border-radius: 3px;
    box-shadow: 1px 1px 1px #222;
    float: right;
    position: relative;
}

.sotd-holder {
    float: left;
    margin: 31px 0 0 0;
    /*background: url('/images/sotd.png');*/
    background-color: #F2EFEB;
    width: 702px;
    height: 95px;
    border-radius: 10px;
    border: solid 1px #D4C4AE;
    position: relative;
}

.sotd-content {
    float: left;
    margin: 10px;
    width: 500px;
    position: relative;
}

.sotd-leaf {
    width: 28px;
    height: 32px;
    background: url(/images/icons/icons.png?6766) no-repeat 0 -96px;
    background-position: 0 -96px;
    display: inline-block;
    vertical-align: top;
}

.sotd-twitter {
    width: 28px;
    height: 32px;
    background: url(/images/icons/icons.png?6766) no-repeat 0 -478px;
    /*background-position: 0 -478px;*/
    display: inline-block;
}
.sotd-facebook {
    width: 28px;
    height: 32px;
    background: url(/images/icons/icons.png?6766) no-repeat 0 -574px;
    /*background-position: 0 -574px;*/
    display: inline-block;
}
.sotd-description {
    margin-top: 4px;
    margin-left: 5px;
    position: relative;
}
/* Delete comment */
.patch_on_comment {margin-right:-9px;width:50px;height:50px;margin-top:-10px;}
.delete_comment .icon,.delete_suggestion .icon, .activity_action .icon{width:26px;height:32px;background:url(../images/icons/icons.png?6766) no-repeat 50% 0;}
.i-delete .icon {background-position:-4px 25px;} /*Show nothing in the icon-space*/
/*.i-delete:hover .icon{background-position:-4px -704px}*/

/*.draft_flag {position:absolute;z-index:1000;background:url('/images/draftflag.png');top:-2px;left:-2px;height:72px;width:71px;}*/
.draft_flag {position:absolute;z-index:1000;top:-2px;left:-2px;height:72px;width:71px;}

.act_action {width:7000%; margin-top:-30px; margin-right:0px;}
.act_action .i-likes {background-position:-4px -195px;}
.act_action .i-comments {background-position:-4px -220px;}
.act_action .i-spottings {background-position:-4px -125px;}
.act_action .i-suggestion {background-position:-4px -670px;}
.my-spotting-title span.loc_icon {background:url('/images/icons/small-icons.png?67?1234') 0px -100px no-repeat;width:20px; height:15px;display:inline-block;vertical-align:top;}
.my-spotting-title span.clock_icon {background:url('/images/icons/small-icons.png?67?1234') 0px -600px no-repeat;width:20px; height:15px;display:inline-block;vertical-align:top;margin-left:4px;}
.act_cat_style {float:right;}

#save_overlay {
    position:absolute; opacity:0.5; filter:alpha(opacity=50); background:#555; width:100%; height:95%; z-index:100; cursor:default;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius:8px 8px 8px 8px;
}


.video_overlay_big{ display:block;position:absolute;z-index:0;top:0;background:url('/images/videoplaybig.png') no-repeat 50% 50%; width:100%; height:100%}
.video_overlay{
    background: url(/images/icons/needhasid.png?4) 0px -72px no-repeat;
    position: absolute;
    top: 149px;
    left:132px;
    height: 15px;
    width: 15px;
    z-index: 2;
    display: none;
}

.x1 {top: 149px; left: 132px}
.x2 {margin-bottom:5px}

#organisms_loading_indicator {margin: 6px 0 0 12px; display:none;}

.organisms-page {clear:both;}

#organisms_page_indicator {
    position: absolute;
    top: 0px;
    left: -80px;
    top: 25px;
}

.page-indicator {
    display: inline-block;
    padding-top: 7px;
    text-decoration: none;
    margin-left: 10px;
}

/* deprecated */
.page-indicator-current {
    font-weight: bold;
    text-decoration: none;
    list-style-type: none;
}

.page-indicator-active {
    list-style-type:none;
    padding-top:8px;
}


.location-list {
    width: 450%;
    margin-top: 5px;
}

.location-list a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

.organisms_loading_spinner {
    padding-right: 10px;
    margin-bottom: -2px;
}
/*
.GF3XLO3BES {
    visibility: hidden;
    display: none;
}
.GF3XLO3BEU{
    font-size: 13px !important;
}

.GF3XLO3BMH. .GF3XLO3BL- {
    font-weight: normal !important;
}
*/

/*
.GF3XLO3BJO{
    width: 150px;
}

.GF3XLO3BCV{
    left: 130px;
}
*/

#joined_missions .mission-object, #created_missions .mission-object {
    width:310px;
    height:330px;
    padding-top:10px;
}
#joined_missions .mission-object:hover, #created_missions .mission-object:hover{
    background:#dbd0be;
    width:308px;
    height:328px;
    border:1px solid #a59988;
}

.mission-object .unsubscribe, .mission-object .spotting-edit-icon { display:none; }

.flasher {
    position: fixed;
    background-color: #f3eada;
    width: 950px;
    height: 32px;
    top: -60px;
    left: 50%;
    z-index: 1000;
    margin: -3px 0 0 -475px;
    border: 3px solid #663912;
    text-align: center;
    padding-top: 9px;
    -moz-box-shadow: 5px 5px 20px #333;
    -webkit-box-shadow: 5px 5px 20px #333;
    box-shadow: 5px 5px 20px #333;
}


.mission-icon {
    display: block;
    width: 34px;
    height: 32px;
    position: relative;
    float: left;
    margin-right: -1000%;
    left: 70px;
    top: -6px;
    background: url(/images/icons/mission-tabs-icons.png) no-repeat 0 0;
}

.mission-icon.overview {
    background-position: 0 0;
}

.mission-icon.details {
    background-position: 0 -32px;
}

.mission-icon.map {
    background-position: 0 -64px;
}

.mission-icon.overview.on {
    background-position: 0 -96px;
}

.mission-icon.details.on {
    background-position: 0 -128px;
}

.mission-icon.map.on {
    background-position: 0 -160px;
}


.edu-icon {
    display: block;
    width: 46px;
    height: 32px;
    position: relative;
    float: left;
    margin-right: -1000%;
    left: 51px;
    top: -6px;
    background: url(/images/icons/edu-tabs-icons.png) no-repeat 0 0;
}

.edu-icon.overview {
    background-position: 0 0;
}

.edu-icon.details {
    background-position: 0 -32px;
}

.edu-icon.map {
    background-position: 0 -64px;
}

.edu-icon.overview.on {
    background-position: 0 -96px;
}

.edu-icon.details.on {
    background-position: 0 -128px;
}

.edu-icon.map.on {
    background-position: 0 -160px;
}

.hide { display:none;}

.btn-primary.noah-button {


    background-color: #673C14;
    background-image: -moz-linear-gradient(top, #82542E, #673C14);
    background-image: -ms-linear-gradient(top, #82542E, #673C14);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#82542E), to(#673C14));
    background-image: -webkit-linear-gradient(top, #82542E, #673C14);
    background-image: -o-linear-gradient(top, #82542E, #673C14);
    background-image: linear-gradient(top, #82542E, #673C14);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#82542E', endColorstr='#673C14', GradientType=0);
    border-color: #673C14 #673C14 #673C14;
    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);


}

.si-students{background:#fff url(/images/pnedusignin.png) no-repeat 50px -3px;}

.about-column
{
    float: left;
    width: 30%;
    padding: 14px;
}

.about-column-home
{
    float: left;
    width: 40%;
    padding: 10px;
    padding-right:100px;
    margin-top: 25px;
}

.about-column-team
{
    float: left;
    width: 50%;
}

/* Clear floats after image containers */
.about-row:after
  {
    content: "";
    clear: both;
    display: table;
  }

.about-row
{
  text-align:center;
  padding-left:10px;
  padding-right:30px;
}

.about-row-homepage
{
  text-align:center;
  padding-left:100px;
  padding-right:30px;
}

/* Clear floats after image containers */
.about-row-home:after
  {
    content: "";
    clear: both;
    display: table;
  }

.about-row-home
{
  text-align:center;
  margin-left: 242px;
}


.lisaPowers {
    width:212px;
    padding:30px;
    display:inline-block;

    margin-top:95px;
    background: white;

}

.LisaSpottings{
    width:700px;
    float:right;
    padding-left:55px;
    display:inline-block;
}


/*style="width:700px; float:right; padding-left:55px; display:inline-block;"*/

@media only screen and (max-width: 1271px) {
    .about-column-home {
        float: none;
        width: 90%;

    }
}

/*.lisaPowersSmallScreen{*/
/*    display: inline-block;*/
/*    margin-bottom: 0px;*/
/*}*/



@media only screen and (max-width: 1138px) {
    .lisaPowers {
        width: 212px;
        padding: 30px;
        display: inline-block;
        margin-top: 95px;
        background: #fff;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 40px;

    }


    .LisaSpottings {
        width: 700px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        float: none;
        padding-left: 0px;
    }


}
