/* body
{

} */

body {
    /* baseball_vidgame_stylesheet_1 */
    background-color: grey;
    position:relative;
}

/* INTRO PAGE ========================================================================================================================================= */
#intro_container {
    background-color: mediumpurple;
    background-color: firebrick;
    color: white;
    color: gold;
    position: absolute;
    width: 350px;
    height: 650px;
    top: 10px;
    /*left: 200px; */
    /*left: auto;*/
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border: 4px solid black;
    display: block;
    padding: 10px;
}


#start_game {
    background-color: yellow;
    margin: 5px;
}

#intro_exit {
    margin: 10px;
    width: 110px;
    height: 20px;
}

#ryecatcher_site {
    border: black 2px solid;
    margin-left: 10px;
    color: firebrick;
    background-color: gold;
}


#important_info {
    position: absolute;
    width: 350px;
    bottom: 100px;
}



/* HELP PAGE ONE (HITTING) ========================================================================================================================== */
#help_hitting_container {
    background-color: mediumpurple;
    background-color: firebrick;
    background-color: beige;
    color: white;
    color: gold;
    color: black;
    position: absolute;
    width: 350px;
    height: 650px;
    top: 10px;
  /*  left: 200px;  */
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border: 4px solid black;
    display: block;
    padding: 10px;
    font-family: Arial;
    font-size: 14px;
    display: none;
}

.help_hilite {
    color: white;
}

.color_white {
    color: white;
}

.color_white {
    color: red;
}




#ready2 {
    /* position: absolute;
            bottom: 5px;
            right: 5px;  */
    background-color: lightblue;
    width: 60px;
    height: 50px;
    z-index: 3;
}

#swing_placeholder {
    /* position: absolute;
            bottom: 5px;
            right: 5px;   */
    background-color: green;
    width: 60px;
    height: 50px;
    z-index: 2;
}

#swing2 {
    /* position: absolute;
            bottom: 5px;
            right: 5px;   */
    background-color: yellow;
    width: 60px;
    height: 50px;
    z-index: 2;
}


#hitting_grid {
    display: grid;
    grid-template-row: 60px 60px 60px 60px 60px;
    grid-template-columns: 70px 270px;
    grid-row-gap: 10px;
}

#bball_in_strikezone2 {
    width: 60px;
    height: 50px;
}

#strike_outside_zone2 {
    width: 60px;
    height: 50px;
}

#baseball_inside_plate {
    width: 60px;
    height: 50px;
}

#baseball_outside_plate {
    width: 60px;
    height: 50px;
}

.close_button {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: yellow;
}

.next_button {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: yellow;
}

.next_button2 {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: yellow;
}

.previous_button {
    position: absolute;
    bottom: 10px;
    right: 100px;
    background-color: yellow;
}

.previous_button2 {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-color: yellow;
}

#help_page_1, #help_page_2, #help_page_3 {
    position: absolute;
    width: 30px;
    bottom: 10px;
    left: 100px;
}


/* HELP PAGE TWO (PITCHING) ==============================================================================================================================*/
#help_pitching_container {
    background-color: mediumpurple;
    background-color: firebrick;
    background-color: beige;
    color: white;
    color: gold;
    color: black;
    position: absolute;
    width: 350px;
    height: 650px;
    top: 10px;
   /* left: 200px;  */
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border: 4px solid black;
    display: block;
    padding: 10px;
    font-family: Arial;
    font-size: 14px;
    display: none;
}

#pitching_grid {
    display: grid;
    grid-template-rows: 120px 80px 60px 60px 60px;
    grid-template-columns: 70px 270px;
    grid-row-gap: 10px;
}

#pitch_buttons_placeholder_help {
    background-color: green;
    width: 60px;
    height: 50px;
}

#pitch_buttons {
    background-color: yellow;
    width: 60px;
    height: 50px;
}

.pseudo_pitch_buttons {
    /* position: absolute;
    bottom: 5px;
    right: 5px;  */
    background-color: green; /*yellow*/
    /* background-image:url("bball_images/bball_yellow2.jpg");  */
    background-image: url("bball_images/bball_trans_50x50px.png");
    background-repeat: no-repeat;
    background-position: center;
    width: 60px;
    height: 50px;
    /*margin-bottom: 5px; */
    /*    margin-top: 5px;   */
    text-align: center;
}


.pseudo_control_button_right {
    /* position: absolute;  
            bottom: 160px;
            left: 5px;   */
    background-color: green; /*yellow*/
    background-image: url("bball_images/aim_right_trans_50x50px.png");
    background-repeat: no-repeat;
    background-position: center;
    font-size: 11px;
    width: 60px;
    height: 50px;
    z-index: 2;
}

.pseudo_control_button_left {
    /* position: absolute;  
            bottom: 160px;
            left: 5px;   */
    background-color: green; /*yellow*/
    background-image: url("bball_images/aim_left_trans_50x50px.png");
    background-repeat: no-repeat;
    background-position: center;
    font-size: 11px;
    width: 60px;
    height: 50px;
    z-index: 2;
    margin-bottom:5px;
}


#skip_button2 {
    background-color: orange;
    width: 60px;
    height: 50px;
}


/* HELP PAGE THREE (OTHER INFO) =============================================================================================================*/
#help_other_container {
    background-color: mediumpurple;
    background-color: firebrick;
    background-color: beige;
    color: white;
    color: gold;
    color: black;
    position: absolute;
    width: 350px;
    height: 650px;
    top: 10px;
/*    left: 200px;  */
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    border: 4px solid black;
    display: block;
    padding: 10px;
    font-family: Arial;
    font-size: 14px;
    display: none;
}

#field_grid {
    display: grid;
    grid-template-row: 60px 60px;
    grid-template-columns: 70px 270px;
    grid-row-gap: 10px;
}

#field_button2 {
    background-image: url(bball_images/field_button_60x50px.jpg);
    width: 60px;
    height: 50px;
}

#return3 {
    background-image: url(bball_images/batting_button_60x50px.jpg);
    width: 60px;
    height: 50px;
}

#speed_grid {
    display: grid;
    grid-template-row: 60px 60px;
    grid-template-columns: 70px 270px;
    grid-row-gap: 10px;
}

#faster2 {
    background-color: lightblue;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    height: 17px;
    padding-bottom: 1px;
}

#slower2 {
    background-color: lightblue;
    font-size: 10px;
    text-align: center;
    vertical-align: middle;
    width: 60px;
    height: 17px;
}

#boxscore_div_container {
    /*position:absolute; */
    width: 365px;
    height: 100px;
    /*margin-left:10px;  */
    margin-bottom: -15px;
}

.red_hilite {
    color: red;
}

#boxscore_image {
    width: 90px;
    height: 60px;
    /*position:absolute;
            top:0px;  */
}

#boxscore_image_div {
    width: 100px;
    /* display:inline-block; */
    /*position:absolute;
            left:0px; */
    float: left;
}

#score_info {
    width: 250px;
    /* display:inline-block;  */
    /*position:absolute;
           padding-right:10px;
           right:0px;  */
    padding-right: 10px;
    float: right;
}






#pseudo_div {
    position: absolute;
    top: 720px;
    left: 20px;
}

#pseudo_help_button {
    /* position:absolute;
            top:720px;
            left:20px;   */
}