/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *



*/


body {
    text-align: left;
    margin: 0;
    vertical-align: top;
    background: #1E2A59 url(TopBG2.png) repeat center top;
    font-family: Arial, Helvetica, sans-serif;
    color: white;
    font-size: 11pt;
    padding-left: 20px;
    padding-top: 10px;
}

#parcel_1,
#parcel_2,
#parcel_3,
#parcel_4,
#parcel_5,
#parcel_6,
#parcel_7,
#parcel_8,
#parcel_9,
#parcel_10 {
    display: inline-block;
    position: absolute;
    margin: 0;
    padding: 0;
    background-repeat: no-repeat !important;
}

#parcel_1_crop,
#parcel_2_crop,
#parcel_3_crop,
#parcel_4_crop,
#parcel_5_crop,
#parcel_6_crop,
#parcel_7_crop,
#parcel_8_crop,
#parcel_9_crop,
#parcel_10_crop,
#parcel_1_tillage,
#parcel_2_tillage,
#parcel_3_tillage,
#parcel_4_tillage,
#parcel_5_tillage,
#parcel_6_tillage,
#parcel_7_tillage,
#parcel_8_tillage,
#parcel_9_tillage,
#parcel_10_tillage
{
    background-repeat: no-repeat !important;
}
#parcel_1 {
    width: 173px;
    height: 241px;
    background-image: url(Parcel1_Land.png);
    margin-left: 7px;
    z-index: 1;

}

#parcel_1_crop {
    display: inline-block;
    width: 173px;
    height: 241px;
    background-repeat: no-repeat;
}

#parcel_1_tillage {
    display: inline-block;
    width: 173px;
    height: 241px;
    background-repeat: no-repeat;
}

#parcel_2 {
    width: 112px;
    height: 214px;
    background-image: url(Parcel2_Land.png);
    margin-left: 178px;
    margin-top: 27px;
    z-index:2;
}

#parcel_2_crop,
#parcel_2_tillage {
    width: 112px;
    height: 214px;
    display: inline-block;
}

#parcel_3 {
    width: 137px;
    height: 228px;
    background-image: url(Parcel3_Land.png);
    margin-top: 106px;
    margin-left: 43px;
    z-index:3;
}

#parcel_3_crop,
#parcel_3_tillage {
    width: 137px;
    height: 228px;
    display: inline-block;
}

#parcel_4 {
    width: 136px;
    height: 223px;
    background-image: url(Parcel4_Land.png);
    margin-top: 108px;
    margin-left: 178px;
    z-index:4;
}

#parcel_4_crop,
#parcel_4_tillage {
    width: 136px;
    height: 223px;
    display: inline-block;
}

#parcel_5 {
    width: 227px;
    height: 185px;
    background-image: url(Parcel5_Land.png);
    margin-top: 208px;
    margin-left: 77px;
    z-index:5;
}

#parcel_5_crop,
#parcel_5_tillage {
    width: 227px;
    height: 185px;
    display: inline-block;
}

#parcel_6 {
    width: 191px;
    height: 265px;
    background-image: url(Parcel6_Land.png);
    margin-top: 267px;
    margin-left: 102px;
    z-index:6;

}

#parcel_6_crop,
#parcel_6_tillage {
    width: 191px;
    height: 265px;
    display: inline-block;
}

#river {
    display: inline-block;
    position: absolute;
    margin-left: 263px;
    z-index: 900;
    margin-top: 15px;
}

#parcel_7 {
    width: 109px;
    height: 286px;
    background-image: url(Parcel7_Land.png);
    margin-top: -7px;
    margin-left: 302px;
    z-index:7;

}

#parcel_7_crop,
#parcel_7_tillage {
    width: 109px;
    height: 286px;
    display: inline-block;
}

#parcel_8 {
    background-image: url(Parcel8_Land.png);
    margin-top: -25px;
    margin-left: 410px;
    z-index:8;

}

#parcel_8,
#parcel_8_crop,
#parcel_8_tillage {
    width: 109px;
    height: 286px;
    display: inline-block;
}

#parcel_9 {
    background-image: url(Parcel9_Land.png);
    margin-top: 143px;
    margin-left: 310px;
    z-index:9;

}

#parcel_9,
#parcel_9_crop,
#parcel_9_tillage {
    width: 178px;
    height: 254px;
    display: inline-block;
}

#parcel_10 {
    background-image: url(Parcel10_Land.png);
    margin-top: 267px;
    margin-left: 306px;
    z-index:10;
}

#parcel_10,
#parcel_10_crop,
#parcel_10_tillage {
    width: 170px;
    height: 246px;
    display: inline-block;
}

#crop_chooser {
    position: absolute;
    z-index: 1001;
    display: none;
    left: 20px;
    top: 50px;
    display: none;
    height: 548px;
    width: 709px;
    background-image: url(Choose_FullBG.png);
}

#fertilizer_chooser {
    position: absolute;
    z-index: 1001;
    display: none;
    width: 512px;
    left: 50px;
    top: 100px;
    height: 349px;
    background-image: url(Fertilizer_FullBG.png);
}

#grazing_chooser {
    position: absolute;
    z-index: 1001;
    display: none;
    width: 425px;
    left: 50px;
    top: 100px;
    height: 349px;
    background-image: url(Grazing_FullBG.png);
}

#urban_chooser {
    position: absolute;
    z-index: 1001;
    display: none;
    width: 670px;
    left: 50px;
    top: 100px;
    height: 380px;
    /*background-image: url(Urban_FullBG.png);*/
    background-image: url(Tillage_FullBG.png);
}

#housing_chooser {
  position: absolute;
  z-index: 1001;
  display: none;
  width: 425px;
  left: 50px;
  top: 100px;
  height: 349px;
  background-image: url(Urban_FullBG.png);
  /*background-image: url(Tillage_FullBG.png);*/
}

#mall_chooser {
  position: absolute;
  z-index: 1001;
  display: none;
  width: 425px;
  left: 50px;
  top: 100px;
  height: 349px;
  background-image: url(Urban_FullBG.png);
  /*background-image: url(Tillage_FullBG.png);*/
}

#tillage_chooser {
    position: absolute;
    z-index: 1001;
    display: none;
    width: 670px;
    height: 380px;
    left: 50px;
    top: 100px;
    background-image: url(Tillage_FullBG.png);
}

#more_info {
    position: absolute;
    z-index: 1006;
    display: none;
    width: 512px;
    left: 50px;
    top: 100px;
    color:#333333;
}

#more_info_top {
    display: block;
    height: 80px;
    width: 512px;
    background-image: url(LearnMore_Top.png);
    text-align: right;
}

#choose_fertilizer_top {
    display: block;
    height: 80px;
    width: 500px;
    text-align: right;
}

#choose_fertilizer_middle {
    display: block;
    width: 460px;
    padding: 30px 30px;
}

#choose_fertilizer_bottom {
    display: block;
    height: 60px;
    width: 500px;
    padding: 0;
    vertical-align: top;
}

#choose_grazing_top, #choose_urban_top, #choose_housing_top, #choose_mall_top {
    display: block;
    height: 80px;
    width: 500px;
    text-align: right;
}

#choose_grazing_middle, #choose_urban_middle, #choose_housing_middle, #choose_mall_middle {
    display: block;
    width: 670px;
    padding: 30px 30px;
}

#choose_grazing_bottom, #choose_urban_bottom {
    display: block;
    height: 60px;
    width: 500px;
    padding: 0;
    vertical-align: top;
}

#choose_tillage_top {
    display: block;
    height: 80px;
    width: 500px;
    text-align: right;
}

#choose_tillage_bottom {
    display: block;
    height: 60px;
    width: 500px;
    padding: 0;
    vertical-align: top;
}

#choose_tillage_middle {
    display: block;
    width: 620px;
    padding: 30px 30px;
}

a#hide_more_info,
a#hide_land_chooser {
    display: inline-block;
    margin-top: 32px;
    padding-right: 75px;
    color: white;

}

#more_info_bottom {
    display: inline-block;
    height: 60px;
    width: 512px;
    background-image: url(LearnMore_Bottom.png);
    background-repeat: no-repeat;
    background-position: top center;
    padding: 0;
    vertical-align: top;
}

#more_info_middle {
    display: block;
    width: 460px;
    padding: 30px 36px;
    background-image: url(LearnMore_Middle.png);
    background-repeat: repeat-y;
}

a.choice {
    display: inline-block;
    width: 100px;
    text-align: center;
    text-decoration: none;
    color: black;
    vertical-align: top;
    border:none !important;
    border-color:transparent;
}

a.more_info_button {
    display: inline-block;
    width: 46px;
    height: 45px;
    background-image: url(More_Info_Button.png);
    background-position: 0px 0px;
}

a.more_info_button:hover {
    background-position: 0px -44px;
}

#game_areas {
    width: 980px;
    margin: 0px auto;
    text-align: left;
}

#game_outputs {
    display: inline-block;
    width: 177px;
    height: 413px;
    background-image: url(ResultsBG.png);
    margin-left: 620px;
    padding-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 100px;
    margin-top: -20px;
}
#game_play{
    display: inline-block;
    width: 420px;
    height:450px;
    margin-left: 550px;
    padding-top: 70px;
    padding-left: 10px;
    padding-right: 10px;
    margin-bottom: 100px;
    margin-top: -50px;
    font-family: Verdana !important;
    font-size:14px;
    line-height:16px;
}
.result_label {
    display: inline-block;
    margin-left: -14px;
}

#game_logo {
    display: inline-block;
    margin-bottom: 20px;
}

#choose_land_top {
    display: block;
    height: 80px;
    /*width:818px;
    background-image:url(Choose_Top.png);
    background-repeat:no-repeat;  */
    text-align: right;
}

.choose_land_middle, .choose_urban_middle {
    display: block;
    /* background-image: url(Choose_Middle.png);
background-repeat:repeat-y;    */
    width: 798px;
    padding: 20px 30px;
}

#choose_land_bottom {
    display: block;
    /* background-image: url(Choose_Bottom.png);  */
    width: 838px;
    height: 60px;
    background-repeat: no-repeat;
}

#directions {
    display: inline-block;
    vertical-align: top;
    margin-top: 50px;
    margin-left: 50px;
    font-style: italic;
}

#money_box {
    background-image: url(graph_background.png);
    height: 17px;
    display: block;
    background-repeat: no-repeat;
}

.money_results {
    display: block;
    background-color: white;
    height: 17px;
    width: 150px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
}

#nitrogen_box {
    background-image: url(graph_background.png);
    height: 17px;
    display: block;
    background-repeat: no-repeat;
}

.nitrogen_results {
    display: block;
    background-color: white;
    height: 17px;
    width: 150px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
}

#sediment_box {
    background-image: url(graph_background.png);
    height: 17px;
    display: block;
    background-repeat: no-repeat;
}

.sediment_results {
    display: block;
    background-color: white;
    height: 17px;
    width: 150px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
}

#phosphorus_box {
    background-image: url(graph_background.png);
    height: 17px;
    display: block;
    background-repeat: no-repeat;
}

.phosphorus_results {
    display: block;
    background-color: white;
    height: 17px;
    width: 150px;
    margin-left: 10px;
    margin-top: 5px;
    text-align: left;
}

.box_unselected {
    display: none;
}

#disablingDiv {
    /* do not display on entry */
    display: none;

    z-index: 1002;

    /* cover screen */
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;

    background-color: #989898;
}

#results_display {
    background-image: url(results_displayBG.png);
    width: 222px;
    height: 411px;
    text-align: center;
    display: none;
    z-index: 1003;
    position: absolute;
    left: 400px;
    top: 100px;
}
#results_display_text{
    width:200px;
    display:inline-block;
}

#rain_result{
    background-image: url(result_box.png);
    width:169px;
    height:52px;
    display:block;
    color:white;
    text-transform: uppercase;
    text-align:center;
    margin-top:-20px;
    margin-left:15px;
}
#rain_result_text   {
    padding-top:17px;
    display:block;
}


#score_result{
    background-image: url(result_box.png);
    width:169px;
    height:52px;
    display:block;
    color:white;
    text-transform: uppercase;
    text-align:center;
    margin-top:-20px;
    margin-left:15px;
}
#score_result_text {
    padding-top:17px;
    display:block;
}
a.start_over_button {
    display: inline-block;
    width: 122px;
    height: 43px;
    background-image: url(startover_button.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

a.start_over_button:hover {
    background-position: 0px -46px;
}
a.waterrock_home_button {
    display: inline-block;
    width: 183px;
    height: 43px;
    background-image: url(waterrock_home_buttom.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left:30px;
}

a.waterrock_home_button:hover {
    background-position: 0px -47px;
}
a.leaderboard_button {
    display: inline-block;
    width: 136px;
    height: 41px;
    background-image: url(leaderboard_button.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin-left:30px;
}

a.leaderboard_button:hover {
    background-position: 0px -44px;
}

a.game_button {
  display: inline-block;
  width: 81px;
  height: 41px;
  background-image: url(game_button.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  margin-left:30px;
}

a.game_button:hover {
  background-position: 0px -44px;
}



a.resultleaderboard_button {
    display: inline-block;
    width: 152px;
    height: 43px;
    background-image: url(result_leaderboard.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

a.resultstartover_button {
    display: inline-block;
    width: 137px;
    height: 43px;
    background-image: url(result_startover.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}
#button_span{
    width:700px;
    display:inline-block;
    text-align:right;
}

a.rock_it_button {
    display: inline-block;
    width: 200px;
    height: 92px;
    background-image: url(rock_it.png);
    margin-left: 100px;
}

#close_link{
    background-image: url(close_button.png);
    width:30px;
    height:28px;
    display:inline-block;
    margin-left:155px;
    margin-top:25px;
}

.star{
    margin-top:-20px;
    display:inline;
    height:50px;
    width:50px;
    position:absolute;
    margin-left:50px;
    z-index:2001;
}

#results_close_link{
    background-image: url(results_close.png);
    width:51px;
    height:48px;
    display:inline-block;
    margin-right:65px;
    margin-top:45px;
}
#land_close_link{
    background-image: url(results_close.png);
    width:51px;
    height:48px;
    display:inline-block;
    margin-right:30px;
    margin-top:20px;
}
#results_close_span{
    width:968px;
    display:inline-block;
    text-align: right;
}

#result_title_span{
    width:968px;
    display:inline-block;
    text-align:center;
    margin-bottom:15px;
    margin-top: -10px;
}
#results_screen {
    background-image: url(results_background.png);
    width: 968px;
    height: 679px;
    display: none;
    z-index: 1003;
    position: absolute;
    left: 150px;
    top: 50px;
    vertical-align: top;
    font-family: Verdana !important;
    font-size:14px;
}
#result_outputs{
    width: 200px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-left:30px;
    margin-right:30px;
}
#result_rainfall{
    width: 200px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-left:75px;
    margin-right:50px;
}
#result_score{
    width: 200px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    margin-left:50px;
    margin-right:50px;
}
#results{
    display:inline-block;
    vertical-align: top;

}
#result_line_one{
    vertical-align: top;
    margin-top:10px;
    background-image: url(result_line_one.png);
    width:5px;
    height:301px;
    display: inline-block;

}
#result_line_two{
    vertical-align: top;
    margin-top:10px;
    background-image: url(result_line_two.png);
    width:6px;
    height:390px;
    display: inline-block;

}
#score_result_label{
    font-size:24px;
    line-height:25px;
}
#rank_result{
    font-size:24px;
    line-height:25px;
}
#score_submit{
    background-image: url(submit_button.png) !important;
    width:107px;
    height:64px;
    display:inline-block;
    background:transparent;
    border:none;
    margin-top:-10px;
    position:relative;
}
#results_hr{
    vertical-align: top;
    background-image: url(result_hr.png);
    width:169px;
    height:5px;
    display: inline-block;

}
#button_result_div{
    width:152px;
    text-align: left;
    display: inline-block;
}
.rain_off{
    width:31px;
    height:31px;
    display:inline-block;
    background-image: url(rain_off.png);
}
.rain_on{
    width:31px;
    height:31px;
    display:inline-block;
    background-image: url(rain_on.png);
}

#spinner{
    position: absolute;
    top: 390px;
    left: 45%;
    display: none;
    padding-top: 25px;
    padding-left: 75px;
    z-index: 1003;
}

#disablingDiv #centered-loading-header {
    position: absolute;
    top: 330px;
    left: 40%;
    padding-top: 25px;
    padding-left: 75px;
    z-index: 1003;
}

a img{
    border-style: none;
}
#game_areas{
    z-index: 1000;
}
.leader_label{
    width:60px;
    display:inline-block;
    text-align: right;
    padding-right:10px;
}
.error_label{
    color:#9D1124;
}
.leader_div{
    width: 175px;
    display: inline-block;
    text-align: left;
}
.errortextArea {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
    display: inline-block;
}
.hidden{
    display:none;
}

.game_link{
    color: #fff;
}

#crop_chooser_mall_chooser {
  display: none;
  width: 148px;
  margin-right: 0;
}
#header{text-align:center;font-family:Impact, Charcoal, sans-serif}#logbook_sign_header{text-align:left;font-family:Impact, Charcoal, sans-serif}#logbookers{width:50%;margin-left:auto;margin-right:auto}.flickr_pagination{text-align:center;padding:0.3em;cursor:default}.flickr_pagination a,.flickr_pagination span,.flickr_pagination em{padding:0.2em 0.5em}.flickr_pagination .disabled{color:#aaaaaa}.flickr_pagination .current{font-style:normal;font-weight:bold;color:#ffffff}.flickr_pagination a{border:1px solid #dddddd;color:#339933;text-decoration:none}.flickr_pagination a:hover,.flickr_pagination a:focus{border-color:#ffffff;background:#339933;color:white}.flickr_pagination .page_info{color:#aaaaaa;padding-top:0.8em}.flickr_pagination .previous_page,.flickr_pagination .next_page{border-width:2px}.flickr_pagination .previous_page{margin-right:1em}.flickr_pagination .next_page{margin-left:1em}
h1{text-align:left;font-family:Impact, Charcoal, sans-serif}#map-image{display:block;position:relative;top:0;left:0;z-index:5}#geocache-map{display:block;position:relative;top:0;left:0;width:957px;height:575px}.geocache-location{display:block;font-size:60px !important;position:absolute;z-index:20;width:27px;height:49px;background:#000}.geocache-location a{text-decoration:none}.mcintosh-woods-state-park{top:81px;left:478px;background:url(/assets/mcintosh-woods-state-park.png) no-repeat}.black-hawk-state-park{top:212px;left:260px;background:url(/assets/black-hawk-state-park.png) no-repeat}.elinor-bedell-state-park{top:20px;left:262px;background:url(/assets/elinor-bedell-state-park.png) no-repeat}.george-wyth-state-park{top:165px;left:600px;background:url(/assets/george-wyth-state-park.png) no-repeat}.mines-of-spain-recreation-area{top:167px;left:810px;background:url(/assets/mines-of-spain-park.png) no-repeat}.lewis-and-clark-state-park{top:262px;left:124px;background:url(/assets/lewis-and-clark-state-park.png) no-repeat}.lake-manawa-state-park{top:375px;left:170px;background:url(/assets/lake-manawa-state-park.png) no-repeat}.brushy-creek-state-recreation-area{top:185px;left:415px;background:url(/assets/brushy-creek-state-recreation-area.png) no-repeat}.big-creek-state-park{top:298px;left:434px;background:url(/assets/big-creek-state-park.png) no-repeat}.palisades-kepler-state-park{top:294px;left:707px;background:url(/assets/palisades-kepler-state-park.png) no-repeat}.viking-lake-state-park{top:451px;left:264px;background:url(/assets/viking-lake-state-park.png) no-repeat}.red-haw-state-park{top:446px;left:476px;background:url(/assets/red-haw-state-park.png) no-repeat}.geode-state-park{top:445px;left:718px;background:url(/assets/geode-state-park.png) no-repeat}#location_map{position:absolute;z-index:1001;display:none;left:200px;top:150px;height:360px;width:373px}#location_map_top{display:block;height:40px;width:288px;background-image:url(/assets/top_map_background.png);background-repeat:no-repeat;position:relative;top:0;left:0;padding:20px 50px 0px 35px;font-family:Impact, Charcoal, sans-serif;font-size:14pt}#map_main{height:229px;overflow-x:hidden;overflow-y:auto}#location_map_middle{display:block;background-image:url(/assets/middle_map_background.png);background-repeat:repeat-y;width:288px;padding:0px 50px 0px 35px}#location_map_bottom{display:block;background-image:url(bottom_map_background.png);width:373px;height:71px;background-repeat:no-repeat}#map_close_link{background:url(map_close.png) no-repeat;width:30px;height:28px;display:inline-block;margin-right:42px;margin-top:8px;position:absolute;right:0;top:0}#map_location_title{display:inline-block;text-align:left;text-decoration:none;color:#fff;margin-left:10px}#map_location_info{font-size:9pt;margin-left:10px;width:262px}table#sites{border-collapse:collapse;border-right:1px solid black;border-left:1px solid black;background:#DBC997;color:black;font-size:9pt;width:265px;margin-left:7px}table#sites td{border-top:1px solid black;border-bottom:1px solid black;padding:2px 0px 2px 4px}table#sites a{text-decoration:none;color:#000}