#_main_top_subheader {
-webkit-box-pack:justify; -ms-flex-pack: justify;
-webkit-box-align:center; -ms-flex-align: center;
-webkit-align-items: center;     align-items: center;
-webkit-justify-content: space-between; justify-content: space-between;






height: 20px; 
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;
    background-color: rgb(241, 221, 87);

    z-index: 1;
    position: relative;
margin-left: 76px; margin-right: 10px; border-radius: 12px
}




.rotate {-webkit-animation: rotation 2s infinite linear;}

@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}


#_js {display:none}
#_left_bg {position: fixed; left: 0px; height: 100%; width: calc(50% - 952px); z-index: 1; background-image: linear-gradient(to right, #127212, #76b076, #eeffee); border-right: 1px solid #767676}
#_right_bg {position: fixed; right: 0px; height: 100%; width: calc(50% - 952px); z-index: 1; background-image: linear-gradient(to right, #eeffee, #76b076, #127212); border-left: 1px solid #767676}

body, html {margin: 0px; padding: 0px; font-family: Arial; font-size: 14px}

#_main {position: fixed; width: 1900px; left: 50%; margin-left: -950px; height: 100%; background-color: #ffffff; top: 0px; bottom: 0px; overflow-y: auto;}


#_nav {position: fixed; width: 66px; left: 50%; margin-left: -950px; height: 100%; background-color: #50a050; top: 0px; bottom: 0px; z-index: 9;}
#_nav_top  {position: absolute; top: 0px; width: 66px; left: 0px}
#_nav_bottom  {position: absolute; bottom: 0px; width: 66px; left: 0px}
#_nav_top div {border-bottom: 1px solid #409040}
#_nav_bottom div {border-top: 1px solid #409040}
._nav_item {position: relative; height: 66px; width: 66px}
._nav_item:hover {cursor: pointer; background-color: #60b060}



#_main_top {position: absolute; top: 0px; height: 60px; right: 0px; left: 0px; background-color: #ffffff; border-bottom: 1px solid #767676} 





#_main_static_header {position: fixed; width: 1820px; left: 50%; margin-left: -882px;  height: 66px; border-bottom: 1px solid #dddddd; z-index:2; background-color: #ffffff}
  ._main_static_header_1 {float: right; border: 1px solid #dddddd; height: 50px; width: 50px; margin: 7px 7px 7px 0px}
  ._main_static_header_2 {float: right; border: 1px solid #dddddd; height: 50px; width: 120px; margin: 7px 7px 7px 0px}


.sticky1  {position: fixed; left: 50%; margin-left: 649px; top:73px; border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-top-left-radius: 12px; width: 250px; padding: 12px; min-height: 366px}


#stickys {display: none}
#stickylogo {position:fixed; top: 0px;  left: 50%; margin-left: -884px; width: 285px; height: 66px; z-index: 101}
#stickyborder {background-color: rgb(241, 221, 87);  z-index: 100;
    position: fixed; top: 61px; left: 50%; margin-left: -884px; width: 1820px; height:4px; border-top: 2px solid #ffffff; border-left: 2px solid #ffffff; border-right: 2px solid #ffffff;     box-shadow: rgb(0 0 0 / 20%) 0px 2px 4px 0px;}

#_main_top_header {position: relative; width: 100%; height: 144px; margin-top: 66px; background-repeat: no-repeat; background-image: url('https://sandbox.stlouisclassicrock.com/i/logo_slcr.png'); background-size: cover; background-position: 50% 0%}

  #_main_content {position: relative; width: 100%; margin-top: 7px }
  #_main_content_left {position: absolute; left: 84px; border-top: 1px solid #aaaaaa; border-right: 1px solid #aaaaaa; border-top-right-radius: 12px; right: 300px; padding: 12px; min-height: 1366px}
  .unsticky1 {position: absolute; right: 16px; border-top: 1px solid #aaaaaa; border-left: 1px solid #aaaaaa; border-top-left-radius: 12px; width: 250px; padding: 12px; min-height: 366px}


#_extraleft {position: fixed; left: 0px; height: 100%; width: calc(50% - 952px); z-index: 2}
  #_extraleft_buffer {position: absolute; top: 0px; height: 100%; left: 780px; right: 0px; background-image: linear-gradient(to right, #121212, #767676); z-index: 1}
  #_extraleft_main {position: absolute; top: 0px; left: 0px; width: 800px; background-color: #364859; height: 100%; z-index: 2; color: #ffffff; border: 3px solid #ffffff; border-top-right-radius: 23px}
  #_extraleft_main_top {position: absolute; top: 0px; height: 36px; right: 0px; left: 0px; background-color: #000000; border-bottom: 1px solid #767676; border-top-right-radius: 23px} 
  #_extraleft_main_top_x {position: absolute; top: 0px; right: 0px; height: 24px; width: 24px; padding: 6px; border-top-right-radius: 23px}
  #_extraleft_main_top_x:hover {cursor: pointer; background-color: #444444}

  #_extraleft_main_tileset {position: absolute; top: 44px; left: 7px; right: 0px}
  ._extraleft_tile {float: left; height: 100px; width: 100px; border: 1px solid #ffffff; border-radius: 5px; padding: 7px; margin: 7px}
  ._extraleft_tile:hover {cursor: pointer; -webkit-box-shadow: -1px 1px 5px 9px rgba(0,240,160,0.66);
-moz-box-shadow: -1px 1px 5px 9px rgba(0,240,160,0.66);
box-shadow: -1px 1px 5px 9px rgba(0,240,160,0.66); background-color: #009966}

#_extraright {position: fixed; right: 0px; height: 100%; width: calc(50% - 952px); z-index: 2}
  #_extraright_buffer {position: absolute; top: 0px; height: 100%; left: 0px; right: 780px; background-image: linear-gradient(to right, #767676, #121212); z-index: 1}
  #_extraright_main {position: absolute; top: 0px; right: 0px; width: 800px; background-color: #364859; height: 100%; z-index: 2; color: #ffffff; border: 3px solid #ffffff; border-top-left-radius: 23px}
  #_extraright_main_top {position: absolute; top: 0px; height: 36px; right: 0px; left: 0px; background-color: #000000; border-bottom: 1px solid #767676; border-top-left-radius: 23px} 
  #_extraright_main_top_left {}
  #_extraright_main_top_x {position: absolute; top: 0px; right: 0px; height: 24px; width: 24px; padding: 6px}
  #_extraright_main_top_x:hover {cursor: pointer; background-color: #444444}
 
#_jsOnly {position: fixed; width: 2020px; left: 50%; margin-left: -982px;  top: 3px; bottom: 3px; border: 3px solid #dddddd; z-index:999; background-color: #364859; display: none; -webkit-box-shadow: -1px 1px 5px 9px rgba(0,0,0,0.66);
-moz-box-shadow: -1px 1px 5px 9px rgba(0,0,0,0.66);
box-shadow: -1px 1px 5px 9px rgba(0,0,0,0.66); border-radius: 12px}
  #_jsOnly_top {position: absolute; top: 0px; height: 60px; right: 0px; left: 0px; background-color: #000000; border-bottom: 1px solid #767676; border-top-left-radius: 12px; border-top-right-radius: 12px}
    #_jsOnly_top_left {position: absolute; left: 5px; width: 42px; top: 3px; height: 42px; line-height: 42px; font-family: BebasNeueRegular; color: #ffffff; font-size: 42px }
    #_jsOnly_top_x {position: absolute; right: 6px; width: 25px; top: 6px; height: 25px; text-align: ceneter; padding: 10px; color: #ffffff; font-size: 25px; border: 1px solid #767676; border-radius: 25px}
    #_jsOnly_top_x:hover {cursor: pointer; -webkit-box-shadow: -1px 1px 5px 5px rgba(240,50,50,0.66);
-moz-box-shadow: -1px 1px 5px 5px rgba(240,50,50,0.66);
box-shadow: -1px 1px 5px 5px rgba(240,50,50,0.66); background-color: #aa3333} 

.icon {display: block; fill: currentColor; height: 1em; width: 1em; line-height: 1; flex-shrink: 0; max-width: initial}

#_player {z-index: 999; position: fixed; width: 1820px; left: 50%; margin-left: -882px;  bottom: 0px; background-color: #000000; box-shadow: rgb(0 0 0 / 20%) 0px -4px 3px 0px;}
._player_big {height: 100px; transition:all 0.4s}
._player_sm {height: 45px; transition:all 0.4s}



.notifybox_good {}
.notifybox_bad {}
.notifybox_neutral {}


::-webkit-scrollbar {width: 10px;}
::-webkit-scrollbar-track {background: #c1c1c1;   box-shadow: inset 0 0 5px #50a050; border-radius: 10px;}
::-webkit-scrollbar-thumb {background: #50a050; border-radius: 10px}
::-webkit-scrollbar-thumb:hover {background: #555;}