body {
overflow-x: hidden;
}

::-webkit-scrollbar {
  width:.4vw;
}

#banner {
display: none;
}

.tooltip {
font-size: 1vw;
}

#pn_docs {
border-width: .25vw;
margin: 1.5vw 2vw 1.5vw 2vw;
padding: 1vw;
font-size: 3vw;
}

#pn_docs h2, #pn_docs h4 {
border-width:     .25vw;
margin: 2vw auto 2vw auto;
}

#pn_docs h2 {
width: 60%;
}

#pn_docs h4 {
width: 80%;
}

#pn_docs ol li {
margin: 2vw 0 1vw 0;
}

#adult_only_barrier {
position: fixed;
z-index: 999;
width: 100%;
height: 100%;
margin: 0 0 0 0;
color: white;
background: url(/images/gradients/pn-bg.png) #121c38;
}

#adult_only_barrier div {
border-width: .5vw;
border-radius: 4vw;
width: 95vw;
margin-top: 1vw;
border-width: .5vw;
padding: 1vw;
font-size: 2vw;
}

#adult_only_barrier div .sexy_suc {
width: 45vw;
float: left;
}

#adult_only_barrier div #pn_adult_logo {
width: 40vw;
float: left;
margin-left: 5vw;
} 

#adult_only_barrier div h2 {
margin: 0;
padding: 0;
margin-left: 10vw;
font-size: 4.5vw;
}

#adult_only_barrier div div {
width: 45vw;
border-width: .5vw;
float: left;
background-color: #091525;
margin: 1vw 0 0 1vw;
}

#margin_box {
width: 100%;
}

.warning_header {
font-size: 2vw;
text-align: center;
}

.warning_header img {
width: 2vw;
}

.warning_header h2 {
font-size: 2.1vw;
}

#intro_box {
font-size: 3vw;
width: 95%;
}

#intro_box a {
font-size: 4vw;
}

#intro_image {
width: 60%;
height: auto;
}

#intro_header {
font-size: 3.1vw;
}

#adult_check {
font-size: 2vw;
width: 100%;
}

#border_box {
width:                      100%;
min-height:                 auto;
margin:                     0;
padding:                    0;
border-bottom:              none;
border-top-right-radius:    0px;
border-top-left-radius:     0px;
}

#banner {
margin: 0;
padding: 0;
display: none;
visibility: hidden;
border: none;
}

#stretch_display_box, #story-npc-talk {
width: 99.5vw;
padding:            1vw 0vw .5vw 0;
min-height: 10vw;
border: none;
border-radius: 0;
}

#margin_box #stretch_display_box {
background-position: top;
background-size: cover;
}

/* Start Growth Section */

#growth_legend {
font-size: 2vw;
}

#growth_box {
width:              95vw;
min-height:         20vw;
padding:            1vw;
margin:             3vw auto .5vw auto;
border-width:       .25vw;
color:              white;
font-size:          2vw;
box-shadow:         .5vw .5vw .5vw black;
border-radius:      5vw;
}

#growth_box table {
width:              100%;
margin:             0 0 0 .25vw;
border-bottom-right-radius:    .5vw;
border-top-right-radius:       .5vw;
}

#growth_box #growth_amount {
margin:             -1vw 0 0 0px;
}

#growth_box #growth_amount img {
min-width: 5vw;
}

#growth_box h5 {
padding:            0 0 0 0;
margin:             1vw auto 1vw auto;
text-align:         center;
font-size:          2.5vw;
width:              90%;
border-bottom-right-radius:    5px;
border-top-right-radius:       5px;
font-weight:        normal;
}

#growth_box table .growth_img {
min-width: 5vw;
margin: .5vw;
}

#growth_box table .growth_upgrade {
min-width: 8vw;
margin: .5vw;
}


/* End Growth Section */

#margin_box {
width:                auto;
min-width:            auto;
min-height:           auto;
background-repeat:    no-repeat;
background-position:  center;  
margin:               0 auto 0 auto;
}

/*Begin Battle Rankings */

#game-rankings ul {
}

#game-rankings h3 {
font-size: 3vw;
}

#game-rankings p {
font-size: 2vw;
}

#game-rankings ul li {
font-size: 2vw;
}

#game-rankings table {
width: 90%;
font-size: 2.5vw;
}

/* Sprite Sheet Rewards */

#stretch_display_box #sprite_sheet_reward_box h4 {
font-size: 2.2vw;
}

#sprite_sheet_reward_box .sheet_box div {
width: 22vw;
border-width: .25vw;
height: 25vw;
}

#sprite_sheet_reward_box .sheet_box p {
font-size: 2vw;
}

#sprite_sheet_reward_box .sheet_box .token_img {
width: 2vw;
margin: -1vw 0 0 0;
}

#sprite_sheet_reward_box .sheet_box div p a,
#sprite_sheet_reward_box .sheet_box div h5 a {
font-size: 2vw;
}

#sprite_sheet_reward_box .sheet_box div img {
width: 15vw;
margin: 1vw 3vw 1vw 3vw;
}

#sprite_sheet_reward_box .spr_sheet_notice {
font-size: 2.1vw;
padding: 1vw;
margin: 1vw;
border-width: .5vw;
}

#sprite_sheet_reward_box #sheet_links {
border-radius: .5vw;
border-width: .5vw;
width: 90%;
padding: .5vw;
}

#sprite_sheet_reward_box #sheet_links ul {
font-size: 2vw;
}

#sprite_sheet_reward_box #sheet_links ul li {
margin-top: 2vw;
margin-bottom: 2vw;
margin-left: 5vw;
}

#sprite_sheet_reward_box #close_button {
width: 7vw;
margin: 2vw;
}

/* General Book Stuff */

#collection_header {
font-size: 2.5vw;
}

#book_completion div h3 {
font-size:      2.25vw;
margin: 1vw 0 0 30vw;
}

#book_completion div {
width: 75vw;
height: 5vw;   
border-radius: .5vw;
padding: 1vw;
margin: 0 auto 3vw auto;
}

#book_completion div span {
border-top-left-radius: .5vw;
border-bottom-left-radius: .5vw;
}

/* General Nav */

#stretch_display_box .general_navigation_box {
min-height: 5vw;
}

#stretch_display_box .general_navigation_box .next_button,
#stretch_display_box .general_navigation_box .prev_button {
width: 25vw;
height: 5vw;
line-height: 5vw;
border-width:  .5vw;
border-radius: .5vw;
margin: .25vw;
font-size: 4vw;
margin-top: 3vw;
margin-bottom: 3vw;
}

#stretch_display_box .general_navigation_box .next_button {
margin-right: 5vw;
}

#stretch_display_box .general_navigation_box .prev_button {
margin-left: 5vw;
}

/* begin Aavatar selection */

#avatar_browser {
border-width: .25vw;
margin: 3vw;
padding: 2vw;
}

#avatar_browser h1 {
font-size:             2vw;
}

#avatar_browser .folders {
float:                 left;
width:                 15vw;
height:                5vw;
margin:                2vw;
font-size:             2vw;
line-height: normal;
padding-left:          1vw;
background-position: top right;
background-size:       5vw 5vw;
border-width: .25vw;
    text-shadow:
    -1px -1px 0 #000,
    1px -1px 0 #000,
    -1px 1px 0 #000,
    1px 1px 0 #000; 
}

#avatar_browser ul {
margin: 1vw auto 1vw auto;
width: 75%;
font-size:             2vw;
}


#avatar_browser .folder_avatar {
border-width:          .25vw;
width: 10vw;
height: 10vw;
margin:                1vw 0 1vw 2vw;
}

/* Custom Creature Layout */

.outer_custom_box {
margin:       .5vw auto .5vw auto; 
font-size: 2.5vw;
}

.outer_custom_box .inner_custom_box {
width:        96%;
padding:      .5vw;
margin:       .5vw auto .5vw auto; 
border-width: .25vw;
}

.outer_custom_box .inner_custom_box h3,
.outer_custom_box .inner_custom_box table th {
margin: .15vw auto .15vw auto;
padding: .10vw;
border-width: .25vw;
}

.outer_custom_box .inner_custom_box h2 {
font-size: 3vw;
margin: 0px 0 5px 0;
padding: 2px;
}

.outer_custom_box .inner_custom_box h3 {
font-size: 2.8vw;
}

.outer_custom_box .inner_custom_box table {
padding: .10vw;
border-width: .25vw;
}

.outer_custom_box .inner_custom_box ul {
padding: .10vw;
padding-left: 3vw;
border-width: .25vw;
}

.outer_custom_box .inner_custom_box table input,
.outer_custom_box .inner_custom_box table select,
.outer_custom_box .inner_custom_box input,
.outer_custom_box .inner_custom_box select,
.outer_custom_box .inner_custom_box table textarea,
.outer_custom_box .inner_custom_box textarea  {
border-width: .25vw;
margin: .10vw;
font-size: 2vw;
}

.outer_custom_box .inner_custom_box table input:hover,
.outer_custom_box .inner_custom_box table select:hover,
.outer_custom_box .inner_custom_box input:hover,
.outer_custom_box .inner_custom_box select:hover,
.outer_custom_box .inner_custom_box table textarea:hover,
.outer_custom_box .inner_custom_box textarea:hover  {
border-width: .25vw;
margin: .10vw;
}

.outer_custom_box .inner_custom_box p {
border-width: .25vw;
padding: .10vw;
margin: 10px;
border-radius: .25vw;
}

.outer_custom_box .inner_custom_box .range {
width: 4vw;
}

.outer_custom_box .inner_custom_box .skill_box .skill_name {
width: 200px;
}

.outer_custom_box .inner_custom_box .skill_box textarea {
width:        80%;
height:       3vw;
}

.outer_custom_box .inner_custom_box .file_upload {
width: 90%;
}

.outer_custom_box .inner_custom_box .mobile_enlarge {
width: 5vw;
height: 5vw;
}

#stretch_display_box #player_activity_list {
margin: 1vw 2vw 1vw 2vw;
padding: 15px 0 15px 0;
}

#stretch_display_box #player_activity_list h3 {
text-align: center;
padding-bottom: 1vw;
font-size: 2.5vw;
margin: 0;
}

#stretch_display_box #player_activity_list table {
margin: 0 auto 0 auto;
border: black solid .5vw;
padding: 2vw;
border-radius: .5vw;
width: 90%;
}

#stretch_display_box #player_activity_list table td,
#stretch_display_box #player_activity_list table th {
border-bottom: black solid .25vw;
font-size: 2vw;
}

#design_selector {
margin: 2% auto 2% auto;
display: block;
}

#design_vote_menu {
background-color:   #353749;
border-width: .25vw;
border-radius: 2.5vw;
}

#design_vote_menu #design_img {
border-width: .25vw;
border-radius: 2.5vw;
}

#design_vote_menu h3 {
    text-align: center;
    font-size: 2.5vw;
}

#design_vote_menu h4 {
    text-align: center;
    font-size: 2.5vw;
}

#design_vote_menu ul {
    text-align: center;
    font-size: 2.5vw;
}

input[type='checkbox'] {
    width: 2.5vw;
    height: 2.5vw;        
}

#margin_box #user_bottom_information {
margin:       0vw auto 0 auto;
padding:      1vw 0 1vw 0;
border-width: .15vw;
font-size:     1.25vw;
line-height:   normal;
border-radius: 0;
}

/* Cookie Notice Layout */

#cookie_notice {
font-size: 1.55vw;
width: 100%;
border-width: .15vw;
}

#cookie_notice h5 {
padding: 2vw 0 2vw 0;
}

#cookie_notice p {
padding: .25vw;
width: 90%;
border-width: .15vw;
border-radius: 1vw;
}

#cookie_notice_1 .image_pn_box#got_it {
font-size: 2vw;
width: auto;
line-height: 2vw;
padding: 0 1vw 0 3vw;
border-width: .3vw;
}

/* Suckerfish */

.sf-menu
  {
width: 100vw;
  top: 0;
  left: 0;
  }

.sf-menu, .sf-menu * {
width: 100vw;
margin: 0;
} 

.sf-menu a {
box-shadow: inset 0px 0px 0px .15vw black;
background-position: left center; 
margin: 0;
width: 16.55vw;
height: auto;
font-size: 1.50vw;
line-height: normal;
padding: 0 0 0 0;
line-height: 2.50vw;
background-size: 5vh 5vh;
vertical-align: middle;
border-width: .15vw;
}

.sf-menu ul {
padding: 0;
margin: 0;
background-color: black;
width: 100vw;
}

.sf-menu li {
width: 16.55vw;
padding: 0;
margin: 0;
}

.sf-menu ul li a {
height: auto;
padding: 0;
margin: 0;
line-height: normal;
background-size: 5vh 5vh;
}

.sf-menu li ul {
width: 100vw;
left: 0;
min-width: auto;
position: absolute;
font-size: inherit;
padding: 0;
margin: 0;
background-color: black;
}

.sf-menu li ul li {
width: 16.55vw;
padding: 0;
margin: 0;
}

.sf-menu li ul a {
width: 16.55vw;
margin: 0;
padding: 1vw 0 1vw 0;
}

.sf-menu li ul ul {
background-color: transparent;
padding: 0;
margin: 0;
}

/* Map Area */

.map_container  {
width: 99.5vw;
min-height: 10vw;
border-right: none;
border-left: none;
border-width: none;
overflow: hidden;
border-radius: 0;
padding: 1vh 0 1vh 0;
border-bottom: none;
}

.map_container#dungeon {
border-width: .3vw;
}

.map_container span.pending_reward {
width:               80%;
font-size:         1.5vw;
padding: .5vw;
margin:           .25vw auto .50vw auto;
border-width:      .3vw;
}

.map_container#world h4, 
.map_container#world h3 {
box-sizing:         border-box; 
width:             75vw;
border-width:     .3vw;
max-width:         1000px;
font-size: clamp(1px, 1.50vw, 28px);
padding: .5vw;
}

.map_container#world h3 {
border-top-left-radius: 5vw;
border-top-right-radius: 5vw;
border-bottom;
}

.map_container#world h4 {
border-bottom-left-radius: 5vw;
border-bottom-right-radius: 5vw;
border-top: none;
}

.map_container #map_box {
background-size: cover;
max-width:         1000px;
max-height:         750px;
width:             75vw;
height:            56.25vw;
padding:          0;
border-width:     .3vw;
}

/* Account Menu */

#manage_box {
width:              90%;
min-height:        none;
font-size:          1.5vw;
}

#manage_box h3 {
margin:              0 auto 0 auto;
}

#manage_box #info_menu {
width:                100%;
float:                none;
margin:               0 0 0 0;
overflow: auto;
}

#manage_box #info_menu #avatar {
border-width: .3vw;
border-radius: .5vw;
width: 10%;
height: auto;
float: left;
}

#manage_box #info_menu div {
width:  27%;
border-width: .3vw;
margin-left: 2.5%;
float: left;
overflow: auto;
max-height: 33.5vh;
}


#manage_box #info_menu h5 {
border-width:           .3vw;
margin:  .15vw 0 .15vw 0;
padding:.15vw 0 .15vw 0;
font-size: 1.4vw;
}

#manage_box #info_menu ul li {
padding:             0;
line-height:         2vw;
margin:    .5vw 0 0 .5vw;
float: left;
width: 45%;
border-width: .3vw;
background-size: 2vw auto;
}

#manage_box #info_menu ul li.image_pn_box {
    padding: .5vw;
}

#manage_box #info_menu ul li a {
border-width: .3vw;
}

#manage_box .player_information {
width: 100%;
float: none;
display: none;
border-width: .3vw;
padding-bottom: 1vw;
border-radius: 1vw;
margin-top: .25vw;
}

#manage_box .player_information p {
    font-size: 1.5vw;
    padding: .25vw;
    margin: 1vw 3vw 1vw 3vw;
}

#manage_box .player_information h2 {
    font-size: 1.65vw;
    margin: 1vw 0 1vw 0;
}

#manage_box .player_information h3 {
    font-size: 1.55vw;
    margin: .5vw 0 .5vw 0;
}

#manage_box .player_information img {
width: 1vw;
}

#manage_box .player_information li {
border-width: .3vw;
width: 45%;
padding: .5vw;
        margin:  .15vw 2.5% .15vw 2.5%;
        height: auto;
        line-height: 3vw;
}

#manage_box .player_information li img {
width: 2vw;
margin: .5vw;
}

#manage_box .player_information .image_pn_box,
#manage_box .player_information .pn_box {
	font-size: 1.5vw;
	padding: .25vw;
	border-width: .3vw;
	margin: .25vw;
}

#manage_box .player_information li.long {
        width: 95%;
        margin:  .15vw 2.5% .15vw 2.5%;
        height: auto;
        line-height: 3vw;
}

#manage_box .player_information .central {
    margin: .25vw auto 0 auto;
    width: 30%;
}

#manage_box .player_information textarea {
    width: 95%;
    max-width: 95%;
    margin: .15vw 2.5% .15vw 2.5%;
    padding: .15vw;
    min-height: 15vw;
    border-width: .3vw;
    font-size: 1.5vw;
}

#manage_box .player_information table {
    border-width: .3vw;
    width: 95%; 
    max-width: 95%;
    margin: .5vw auto 0 auto;
    padding: 1%;
    border-radius: 1vw;
    font-size: 1.5vw;
}

#player_accolades p {
padding: .15vw;
border-width: .3vw;
}

#player_accolades div {
border-width: .3vw;
padding: 1vw;
margin: 1vw;
border-radius: .5vw;
}

/* Player Status Menu */

#extra_player_status_menu_container {
clear: both;
overflow: auto;
}

.extra_player_status_menu  {
width:            94.4vw;
min-height:       auto;
padding:          0;
margin:           1vw 0 0 .5vw;
border-width:     .3vw;
padding:          .25vw;
}

.extra_player_status_menu h5 {
margin:              1vw 2vw 1vw 1vw;
padding:             0;
border-width:        .3vw;
clear:               both;
font-size: 1.4vw
}

.extra_player_status_menu p {
font-size: 1.5vw;
border-width: .3vw;
padding: .5vw;
}

.extra_player_status_menu table {
font-size: 1.5vw;
}

.extra_player_status_menu input {
margin: 1vw;
font-size: 1.5vw;
border-width: .3vw;
}

.extra_player_status_menu .image_pn_box {
margin: 1vw;
padding: 1vw 1vw 2vw 1vw;
line-height: 1vw;
font-size: 1.5vw;
background-size: 2vw 2vw;
border-width: .3vw;
}

.extra_player_status_menu input:hover, 
.extra_player_status_menu .image_pn_box:hover {
border-width: .3vw;
}

/* Taskbar */
#taskbar {
  height: 3vw;
  padding: 1vw 0 2vw 0;
  margin: 0 0 0 0;
  border-width: .3vw;
  font-size: 1.5vw;
  padding-bottom: 1vw;
}

#taskbar .tskbr_entry {
border-width: .3vw;
border-radius: .15vw;
margin: 0 .35vw .75vw .75vw;
padding: .35vw;
}

#taskbar .tskbr_entry img {
margin-right: .50vw;
width: 2vw;
}

#taskbar .tskbr_entry a,
#taskbar .tskbr_entry b {
display: inline-block;
font-size: 1.75vw;
text-align: center;
}

#taskbar #mini_notice {
  margin-right: 1vw;
}

/* Mini Chat */
#mini_chat {
width:                            20vw; 
height:                           35vw; 
font-size:                        1vw;
border-width:                    .3vw;
border-radius:                    2vw;
bottom:                           6vw;
right:                            1.25vw;
}

#mini_chat #rp_button {
margin:  .5vw;
width:   3vw;
right: .15vw;
top: .15vw;
}


#mini_chat #mini_chat_close_button {
margin:  .5vw;
width:   2.5vw;
right: .15vw;
top: .15vw;
}

#mini_chat h4 {
margin:     1.25vw 0 0 0;
padding:    0 0 0 0;
font-size:  1.25vw;
width:      100%;
}

#mini_chat #selector_container  {
margin: .50vw auto .25vw auto;
padding: 0;
width: 90%;
}

#mini_chat #selector_container h6 {
font-size:                        1.15vw;
}

#mini_chat #selector_container select {
font-size:                        1.25vw;
padding:                          0;
border:                           .3vw solid black;
}

#mini_chat #chat_messages {
width:              96%;
height:             17vw;
padding:           .15vw;
border-width:      .3vw;
font-size:         1.25vw;
margin:            1vw .50vw 0 .50vw;
}

#mini_chat #chat_messages .player_message img {
width: 1.15vw;
height: auto;
}

#mini_chat textarea {
height:      5vw;
width:       96%;
font-size:   1vw;
border-width:  .15vw;
margin:      0.25vw .50vw 0 .50vw;
}

#mini_chat input {
border-width:      .3vw;
font-size:   1.25vw;
margin:      .5vw 1vw .25vw 1vw;
padding:    .50vw;
border-bottom-right-radius:       1vw;
}

/* LESP Reward Ad */

#lesp_countdown_display {
font-size:                        1.5vw;
border-width: .3vw;
height:                           auto;
}

#lesp_countdown_display h4 {
margin:  .3vw;
font-size: 1.5vw;
}

#lesp_countdown_display p {
font-size: 1.5vw;
}

/* Dungeon Layout */

#diff_header {
padding: .25vw .15vw .25vw .15vw;
margin: 0 auto 0 auto;
font-size: 1.5vw;
width: 100vw;
border-width: .3vw;
text-align: center;
}

#dungeon_container {
width:              90vw; 
margin:             0 auto 0 auto;
box-sizing:         border-box; 
}

#dungeon_container #dungeon_map #player_hunt_notice {
width:                20%;
border-radius:        5%;
padding:              0;  
font-size:            225%;
margin:               0;
top:                  2.5%;
left:                 2.5%;
padding:              1%;
}

#dungeon_container #dungeon_map #player_hunt_notice img {
width: 3vw; 
height: auto;
}

#dungeon_container #dungeon_map #player_hunt_notice b {
line-height: 250%;
margin-left: 1%;
}

#dungeon_container h6 {
line-height:                  1.35vw;
margin:                       0 0 0 13vw;
width:                        75vw;
border-top-right-radius:      1.15vw;
border-top-left-radius:       1.15vw;
font-size:                    1.65vw;
padding:                      1vw 0 1vw 0;
border-width:                 .3vw;
}

#dungeon_map {
height:            50vw; 
width:             50vw;
border-width:     .3vw;
}

#dungeon_map div span {
clear:              both;
border-width:       .3vw;
text-align:         center;
display:            block;
padding:            .15vw;
}

#dungeon_map div h5,
#dungeon_map span {
font-size: 1.5vw;
border-width:    .3vw;
} 

#dungeon_map div#uber_enemy,
#dungeon_map div#holiday_event {
height: 32.00%;
width:  22.22%; 
}

#dungeon_map .dungeon_enemy_click {
box-shadow: 0px 0px .75vw #ff5f5f;
border-radius: .5vw;
}

#dungeon_map #maze_panel {
line-height:           1.25vw;
font-size:             1.5vw;
}

#dungeon_menu {
width:             38vw;
min-height:         35.0vw; 
border-width:       .3vw;
border-bottom-right-radius:   1.5vw;
}

#dungeon_menu .spacer {
margin: 0 0 0 0;
padding: .50vw 0 .50vw 0;
}

#dungeon_menu table {
width: 100%;
}

#dungeon_menu table td,
#dungeon_menu table td select {
font-size: 1.5vw;
}

#dungeon_menu table td select  {
margin: .30vw 0 .50vw 0;
border-width:       .3vw;
}

#dungeon_menu table td input {
width: 14vw;
height: auto;
font-size: 1.5vw;
border-width:       .3vw;
padding: 1vw 1vw 1vw 3vw;
background-size:    3vw 3vw;
}

#dungeon_menu h2 {
font-size: 2.50vw;
width: auto;
}

#dungeon_menu h2 img {
margin-bottom: -.75vw;
width: 3vw;
}

#dungeon_menu p {
text-align: left;
padding: 5px;
}

#dungeon_menu h4 {
border-width:       .3vw;
width:              98%;
font-size:          1.5vw;
margin:             .15vw auto .15vw auto;
}

#dungeon_menu #dun_item_use {
margin-top:0;
}

/* Universal Overlay Menus */

.overlay_menu {
width:              35.25vw;
min-height:         5vw;
top:                10vh;
max-height:         75vh;
padding:            .25vw .25vw .25vw .15vw;
border-radius:      .5vw;
box-shadow:         .3vw .3vw .3vw black;
border-width:       .3vw;
font-size:          1.5vw;
}

.overlay_menu input {
min-width: 10vw;
border-width: .3vw;
font-size: 1.15vw;
padding: .5vw;
background-size: 2vw 2vw;
min-height: 3vw;
}

.overlay_menu #main_display_img {
width:        5vw;
border-width: .3vw;
padding:      .25vw;
}

.overlay_menu #main_display_img.marble {
border-radius: 5vw;
}

.overlay_menu select {
font-size: 1.5vw;
border-width: .3vw;
margin: 1vw auto 1vw auto;
}

.overlay_menu input[type='checkbox'] {
    width: 3vw;
    height: 3vw;  
}

.overlay_menu input[type='text'] {
    width: 70%; 
}

.overlay_menu input[type='number'] {
    width: 70%; 
}

.overlay_menu .close {
width: 4vw;
height: 4vw;
}

.overlay_menu h1 {
margin: 1.75vw 0 1.75vw 0;
font-size: 1.75vw;
}

.overlay_menu h2 {
margin: 1.65vw 0 1.65vw 0;
font-size: 1.65vw;
}

.overlay_menu h3 {
margin: 1.55vw 0 1.55vw 0;
font-size: 1.55vw;
}

.overlay_menu h4 {
margin: 1.45vw 0 1.45vw 0;
font-size: 1.5vw;
}

.overlay_menu h5 {
text-align: center;
margin: 1.35vw 0 1.35vw 0;
font-size: 1.40vw;
}

.overlay_menu h6 {
margin: 1.25vw 0 1.25vw 0;
font-size: 1.3vw;
}

.overlay_menu p {
border-width: .3vw;
padding: .25vw;
}

.overlay_menu .option_container {
margin: .50vw auto .50vw auto;
width: 30vw;
}

.overlay_menu .option_container .just_one {
margin: 0 auto 0 auto;
}

/* Dungeon Overlay Menu Layout */

.overlay_menu#party_manage {
width:     45vw;
}

.overlay_menu#party_manage .creature_card {
width:              28%;
margin:             .25vw .15vw 0 .15vw;
border-radius:      .50vw;
padding:            .50vw 0 0 0;
border-width:       .3vw;
}

.overlay_menu#party_manage .creature_card h6 {
font-size:     1.15vw;
}

.overlay_menu#party_manage .creature_card table {
font-size: 1.15vw;
}

.overlay_menu#party_manage .creature_card .card_spr {
width:             80%;
border-width:      .3vw;
margin:            .50vw auto .50vw auto;
}

.overlay_menu#party_manage .creature_card .card_spr:hover {
opacity: .75;
}

.overlay_menu#party_manage .creature_card table img {
width: 2vw;
}

.overlay_menu#party_manage .option_container input {
font-size: 1.15vw;
}

.overlay_menu#party_manage #party_select {
margin: .20vw;
padding: 1.15vw 0 1.15vw 0;
}

.overlay_menu#party_manage #party_select span {
line-height: 1.25vw;
}


.overlay_menu#supply_viewer {
width: 50vw;
}

.overlay_menu#supply_viewer table, 
.overlay_menu#supply_viewer .reward_container,
.overlay_menu#supply_viewer .half_reward_container {
margin: 1vw auto 2vw auto;
font-size: 1.25vw;
padding: .25vw;
border-width: .3vw;
border-radius: .5vw;
}

.overlay_menu#supply_viewer .reward_container h4,
.overlay_menu#supply_viewer .half_reward_container h4 {
margin:  0;
padding:  .75vw 0 .75vw 0;
}

.overlay_menu#supply_viewer .reward_container span,
.overlay_menu#supply_viewer .half_reward_container span {
font-size:  1.25vw;
}

.overlay_menu#supply_viewer .half_reward_container {
    margin:  0 0 0 2.5%;
}

.overlay_menu#supply_viewer .reward_container .sm_icon,
.overlay_menu#supply_viewer .half_reward_container .sm_icon,
.overlay_menu#supply_viewer table img {
width:  3vw;
}


.overlay_menu#party_member_modifier {
width:     45vw;
}

.overlay_menu#party_member_modifier h3 {
font-size: 1.25vw;
width: 90%;
}

/* Party Overlay Layout */

/* It's necessary #replace_output and #creation_information are separate 
   since they both may be present on the same page */

.overlay_menu#party_creation_box {
width: 60vw;
}

.overlay_menu#party_member_modifier #replace_output,
.overlay_menu#party_creation_box #creation_information {
margin:              .15vw auto .15vw auto;
width:               90%;
padding:             .15vw;
border-width: .3vw;
}

.overlay_menu#party_member_modifier #replace_output #spr_img_container,
.overlay_menu#party_creation_box #creation_information #spr_img_container {
width: 30%;
}

.overlay_menu#party_member_modifier #replace_output img 
.overlay_menu#party_creation_box #creation_information img {
width: 2vw;
}

.overlay_menu#party_member_modifier #replace_output h5
.overlay_menu#party_creation_box #creation_information h5 {
font-size: 1.5vw;
}

.overlay_menu#party_creation_box #creation_information #formation_img_display {
width: 5vw;
margin: 0vw auto 1vw auto;
}

.overlay_menu#party_creation_box #creation_information .formation_info {
margin-top: .50vw;
}

.overlay_menu#party_creation_box #creation_information .formation_info img {
width: 3vw;
}

.overlay_menu#party_member_modifier #replace_output p,
.overlay_menu#party_creation_box #creation_information p {
font-size: 1.5vw;
border-width: .3vw;
}

.overlay_menu#party_member_modifier table.limited,
.overlay_menu#party_creation_box #creation_information table.limited {
max-width: 70%;
width: 70%;
}

.overlay_menu#party_member_modifier table img,
.overlay_menu#party_creation_box #creation_information table img {
width: 1.5vw;
}

.overlay_menu#party_member_modifier table td,
.overlay_menu#party_creation_box #creation_information table td {
border-width: .3vw;
}

.overlay_menu#party_member_modifier table th,
.overlay_menu#party_creation_box #creation_information table th {
border-width: .3vw;
}

.overlay_menu#party_member_modifier input,
.overlay_menu#party_creation_box input {
margin:             .50vw auto .50vw auto;
font-size:          1.5vw;
background-size:    2vw 2vw;
border-width: .3vw;
}

.overlay_menu#party_creation_box table {
margin-top: .30vw;
padding: .15vw;
border-width: .3vw;
}

.overlay_menu#party_creation_box table#top_table {
margin-top: 2.5vw;
}

.overlay_menu#party_creation_box table th {
border-width: .3vw;
}

.overlay_menu#party_log_display_box textarea {
width:              95%;
margin: 3vw auto .15vw auto;
height: 10vw;
}

.overlay_menu#party_formation_menu #selected_formation_image {
width: 5vw;
margin: .50vw auto 0 auto;
}

.overlay_menu#party_adventure_menu #adventure_info_display h6,
.overlay_menu#party_adventure_menu div .bounty_information h6 {
font-size: 1.05vw;
padding: .15vw;
width: 90%;
margin: 1vw auto 1vw auto;
border-width: .3vw;
}

.overlay_menu#party_adventure_menu #adventure_info_display img {
width: 1.5vw;
}

.overlay_menu#party_adventure_menu #adventure_info_display table {
width: 100%;
border-width:      .3vw;
padding:           .3vw;
}

.overlay_menu#party_adventure_menu #adventure_info_display .reward {
width:               30%;
border-width:       .3vw;
border-radius:       .5vw
padding:             .15vw .15vw .15vw .15vw;
margin: 2% 0 0 2%;
}


.overlay_menu#party_adventure_menu #adventure_info_display .reward span {
width: 50%;
margin-left: 5%;
}

.overlay_menu#party_adventure_menu #adventure_info_display .reward img {
width: 40%;
}

.overlay_menu#party_adventure_menu .sm_key_item {
width: 3vw;
}

.overlay_menu#party_adventure_menu #adventure_info_display .bounty_information p img {
width: 3vw;
}

.overlay_menu#party_adventure_menu #adventure_info_display .bounty_information .bounty_img {
margin:             .25vw .25vw .25vw .15vw;
border-width:       .3vw;
border-radius:      .5vw;
width: 5vw;
}

.overlay_menu#quick_party_generation_box table {
border-width:       .3vw;
}


.overlay_menu#quick_party_generation_box table th {
border-width:       .15vw;
}

.overlay_menu#quick_party_generation_box #gen_adventure_party {
display: block; 
margin: .15vw auto .15vw auto;
}

/* Camp Creature Overlay Layout */

.overlay_menu#skip_page_menu .option_container #page_skip {
margin-bottom: 1vw;
}

.overlay_menu#confirmation .option_container {
width: 12vw;
padding: .25vw;
}

.overlay_menu#confirmation .option_container input {
font-size: 1.15vw;
width: 4vw;
padding: 1vw;
margin-left: 1vw;
border-width: .3vw;
}

.overlay_menu#feeding_menu {
    width: 70vw;
}

.overlay_menu#feeding_menu #exp_food_information {
width: 98%;
margin: .50vw auto .50vw auto;
border-width: .3vw;
padding: .50vw;
}

.overlay_menu#feeding_menu #exp_food_information img {
width: 4vw;
margin: .50vw;
}

.overlay_menu#feeding_menu .option_container#primary {
width: 100%;
}

/* Camp Equip Overlay Layout */

.overlay_menu#bloodstain_menu #bloodstained {
width: 5vw;
display: block;
border-width: .3vw;
padding: .25vw;
}

.overlay_menu#bloodstain_menu ul {
margin: 0;
padding-left: 2vw;
}


.overlay_menu#after_battle {
top: 18vw;
width: 20vw;
padding: .25vw;
}

.overlay_menu#after_battle h4 {
padding:            .25vw;
font-size:          1.15vw;
}

.overlay_menu#after_battle h2 {
border-radius:      .25vw;
border-width:       .3vw;
}

.overlay_menu#after_battle img.reward {
width: 3vw;
}

.overlay_menu#after_battle #exit_link #exit_button {
border-width: .3vw;
padding: 1vw;
}

.overlay_menu#formation_menu #formation_image {
width: 5vw;
border: black solid .15vw;
padding: .25vw;
}

.overlay_menu#taskbar_legend {
width: 50vw;
padding-bottom: 1vw;
}

.overlay_menu#taskbar_legend table {
border-width: .3vw;
}

.overlay_menu#taskbar_legend table img {
max-width: 2vw;
margin-right: .15vw;
}

/* Auto Battle Layout */

#ab_container {
margin:           0vw auto 0vw auto;
width:            100%;
border-radius:    0;
height:           6vh;
border-width: .3vw;
}

#ab_dungeon_wrap  #ab_container {
width:            50vw;
margin:           1vw auto 1vw auto;
border-radius: 2vw;
}

#auto_battle_bar #ab_countdown {
font-size: 5vh;
text-shadow: .15vw .15vw #000000;
}

/* Camp Layout */

.camp_notification {
border-width:     .3vw;
}

.camp_notification h4 {
margin:          .5vw;
border-radius:    1vw;
border-width:     .3vw;
font-size: 1.65vw;
}

.camp_notification p {
font-size: 1.5vw;
}

.camp_spacer {
height:      5vw;
}

#top_camp_menu {
width:             99.25vw;
min-height:      3.5vw;
margin:          -1vw 0 0 0;
padding:         .50vw 0 0vw 0;
border-width:    .3vw;
}

#top_camp_menu #menu_buttons {
width:           90%;
margin:          0;
height:          auto;
max-height:      10.5vw;
}

#top_camp_menu #mod_buttons {
width:           10%;
}

#top_camp_menu #mod_buttons img {
width: 3vw;
border-width: .3vw;
border-radius: .5vw;
width: 45%;
margin: 2.5%;
}

#top_camp_menu #menu_buttons ul {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

#top_camp_menu #menu_buttons ul li {
margin: .50vw 0 0 .50vw;
}

#top_camp_menu #menu_buttons input {
min-height: none;
height: 2vw;
font-size: 1.5vw;
width: 14.25vw;
padding: .25vw 1vw 2vw 2.5vw;
margin: 0 0 0 .5vw;
border-width: .3vw;
background-size: 2vw 2vw;
}

#camp_notice {
width:             99.25vw;
padding:          .5vw .5vw .15vw .5vw;
margin:            0;
border-width:     .3vw;
}

#camp_notice #camp_info_header h4  {
min-width:       auto; 
margin:          .15vw .15vw .15vw .15vw;
border-radius:   1vw;
border-width:    .3vw;
font-size:       1.5vw;
}

#camp_notice #camp_info_header p {
padding:         .15vw;
max-height:      none;
font-size: 1.5vw;
}

#camp_notice p {
width: 90%;
padding: .15vw;
max-height: none;
max-width: none;
font-size: 1vw;
}

#camp_notice table {
margin:           0 auto 0 auto;
}

.inventory_containers {
margin: 0px 0 0 0;
}

#inventory_holder {
overflow: hidden;
}

.camp_info {
width:            100%;
color:            white;
margin:           0px auto;
}

#creature_changer .camp_creature {
width:         19.15%;
height:    22.25vw;
padding:       0 0 .30vw 0;
margin:        .4% .4% 0 .4%;
border-radius: 1vw;
border-width:  .3vw;
}


#creature_changer .camp_creature h3 {
margin:        .5vw 0 .5vw 0;
font-size:     1.65vw; 
}

#creature_changer .camp_creature table {
margin:        0 auto 0 auto;
width:         90%;
font-size:     1.5vw;
}

#creature_changer .camp_creature table img {
    margin-right: .30vw;
    width: 2vw;
}

#creature_changer .camp_creature .camp_sprite {
width:             10vw;
height:            10vw;
max-height:        none;
max-width:         none;
background-size: 100% 100%;
border-width:  .3vw;
}

#creature_changer .camp_creature .camp_sprite p {
margin: 0 0 0 0;
font-size: 1vw;
padding:     .3vw .15vw .3vw .15vw;
}

#creature_changer .camp_creature .camp_sprite p img {
margin: 0 0 0 0;
width: 1vw;
}

/* Camp Order Menu */

.order_menu {
z-index:          25;
width:            100%;
border-width:     .3vw;
}

.order_menu .camp_controls {
width: 100%; /* Add this to make the .camp_controls take up the full width */
}

.order_menu .camp_controls ul {
width: 45vw;
list-style: none;
padding: 0;
margin: 0;
display: inline-block; /* Add this to display the ul elements inline */
}

.order_menu .camp_controls ul li {
float: left;
line-height: 2.5vw;
padding: 0;
margin: 0;
}

.order_menu .camp_controls ul li p {
    width: 5vw;
    float: left;
    padding: 0;
    margin: 0;
font-size: 1.5vw;
line-height: 5vw;
}

.order_menu .camp_controls ul li input,
.order_menu .camp_controls ul li select  {
    width: 10vw;
font-size: 1.5vw;
border-width: .3vw;
margin-top: 1.5vw;
}

.order_menu .camp_controls ul li input {
    width: 9vw;
}
 
.order_menu .control_button {
width: 5vw;
margin: 0 .5vw 0 .5vw;
padding-top: .5vw;
}

/* Key Inventory Layout */

.key_box {
height:            12vw;
width:             30vw;
margin:            .15vw 0 0 .5vw;
padding:           0 0 0 0;
font-size:         1.5vw;
border-width:      .3vw;
}

.key_box img.inventory_pic {
width:             5vw;
height:            5vw;
margin:            .5vw .5vw 0 .5vw;
border-width:      .3vw;
border-radius:     1vw;
}

.key_box p {
font-size:         1.15vw;
height:            5vw;
margin:            .5vw 1vw 0 7vw;
padding:           .5vw;
border-width:     .3vw;
}

.key_box p.expanded {
height:            6vw;
}

.key_box h4 {
margin:            0 0 0 0;
padding:           .5vw 0 .5vw 0;
border-width:      .3vw;
height:            1.75vw;
font-size:         1.65vw;
}

.key_box span {
    margin-top: .3vw;
}

/* Marble Inventory Layout */

.marble_box {
width:             24vw;
height:            16vw;
margin:            .3vw 0 0px .5vw;
font-size:         1.5vw;
border-width:      .3vw;
}

.marble_box h4 {
margin:            0 0 0 0;
padding:           .5vw 0 .5vw 0;
border-width:      .3vw; 
height:             3vw;
font-size:         1.5vw;
}

.marble_box h5 {
    font-size: 1.5vw;
    padding: 0;
    margin: 0;
}

.marble_box img.inventory_pic {
width:             7.5vw;
height:            7.5vw;
margin:            .5vw .3vw 0 .5vw;
border-width:      .3vw;  
border-radius:     4vw;
}

.marble_box ul {
height:        10vw;
margin:        0;
padding:      .50vw 0 0 0;
}

.marble_box ul li img {
width: 4vw;
margin-right: .5vw;
}

/* Equip Inventory Layout */

.outer_equip_box {
height:        23vw;
margin:        1vw 0 0 1vw;
}

.outer_equip_box .equip_box {
width:             47vw;
height:            17vw;
font-size:         1.5vw;
border-width:     .3vw;
padding: 0 0 0 0vw;
}

.outer_equip_box .equip_box img {
width:            1.5vw;
}

.equip_box img.inventory_pic {
width: 5vw;
}

.outer_equip_box .equip_box h4 {
padding:           .15vw 0 .15vw 0;
margin:            0;
border-width:     .3vw;
height:            3vw;
font-size:         1.65vw;
line-height:       2vw;
}

.outer_equip_box .equip_box p {
font-size:         1.5vw;
border-width:     .3vw;
margin:           0 .30vw 0 6vw;
padding:         .15vw;
}

.outer_equip_box .equip_box p img {
    width: 1.75vw;
    margin-bottom: -.30vw;
}

.outer_equip_box .equip_box .eq_attributes {
height:           4.5vw;
border-radius:    .30vw;    
margin-top:      .5vw;  
margin-left: 5vw;
}

.outer_equip_box .equip_box .eq_special {
height:           4vw;
border-top-right-radius:    .30vw;
border-top-left-radius:    .30vw;
margin-top:      .5vw; 
margin-left:     .5vw;
}

.outer_equip_box .equip_box .eq_extensions {
height:           3vw;
margin-left:     .5vw;
}

.outer_equip_box .eq_marble {
margin-left: 1vw;
}

.outer_equip_box .eq_marble img, 
.outer_equip_box .safety {
width:             5vw; 
height:            auto;
border-width:     .3vw;
padding:           .15vw;
border-bottom-right-radius:    .50vw;
border-bottom-left-radius:     .50vw;
margin-left: 1vw;
margin-top: 0;
}

.outer_equip_box .safety {
margin-right: 1vw;
}

/* Item Inventory Layout */

.item_box {
height:            19.5vw;
width:             48vw;
margin:            1vw 0 0 1vw;
padding:            0;
font-size:         1vw;
z-index:           1;
border-width:      .3vw;
}

.item_box img.inventory_pic {
width: 8vw;
left: 0;
padding: .5vw;
}

.item_box h4 {
padding:           .15vw 0 .15vw 0;
margin:            0;
border-width:       .3vw;
height:            4.5vw;
line-height:        4vw;
font-size:         1.5vw;
}

.item_box h4 img {
width: 2vw;
margin-bottom: -.5vw;
}

.item_box h4 .hide_option {
right: .5vw;
border-width:       .3vw;
width: 7vw;
height: auto;
margin: .3vw .3vw .3vw 0;
padding: .5vw;
font-size: 1.5vw;
}

.item_box p {
border-width:       .3vw;
padding: 0 .3vw 0.5vw .3vw;
margin: 0;
}

.item_box p img {
width: 3vw;
margin-bottom: -1vw;
}

.item_box .item_top_info {
font-size:         1.5vw;
height:            8vw;
margin:            .3vw .3vw 0 9vw;
}

.item_box .item_top_info input {
width: auto;
height: 2vw;
margin: .3vw .3vw .3vw 0;
font-size: 1.5vw;
}

.item_box .item_bottom_info {
height: 5.5vw;
margin:       .3vw;
font-size: 1.5vw;
}

.item_bottom_info .pn_box {
width: 5vw;
height: 2.5vw;
font-size: 1.5vw;
border-width: .3vw;
}

.item_box .fav_icon {
right: .3vw;
top: .3vw;
}

.item_box .pn_box_link {
width: 5vw;
height: 2.5vw;
font-size: 1.5vw;
padding: .15vw;
border-width: .3vw;
}

/* Party Layout */

.party_container {
width:               32vw;
margin:              .5vw 0 .5vw .3vw;
}

.party_container .creature_party {
width:               31vw;
height:              28vw;
margin:              0 auto 0 auto;
padding:             .5vw .3vw .5vw .3vw;
border-radius:       .5vw;
border-width:        .3vw;
}

.party_container .creature_party .group_wrap {
height: 15vw;
margin: 2vw auto 0 auto;
}

.party_container .creature_party .group_wrap .creature_box {
width:            9.5vw;
height:           11vw;
margin:           .15vw 0 0 .30vw;
font-size:        1.5vw;
}

.party_container .creature_party .group_wrap .creature_box .party_level {
margin-top: 0;
margin-bottom: -.15vw;
width: 1.5vw;
}

.party_container .creature_party .group_wrap .creature_box h6 {
margin:              .3vw 0 .3vw 0;
font-size:           1.5vw;
}

.party_container .creature_party .group_wrap .creature_box img {
border-width:       .3vw;
border-radius:       .50vw;
padding:              0 0 0 0;
}

.party_container .creature_party .group_wrap .creature_box img.spr {
    width: 9vw;
    padding: 0;
}

.party_container .creature_party .group_wrap .creature_box img.party_battle_type {
    height:  2.75vw;
    top:  9vw;
    left:  6.5vw;
}

.party_container .creature_party .group_wrap .creature_box .arrow_switch_r,
.party_container .creature_party .group_wrap .creature_box .arrow_switch_l {
width: 1.5vw;
}

.party_container .creature_party .adventure_container {
margin:     1vw 0 0 0;
height:     2vw;
padding:    0;
}

.party_container .creature_party .adventure_container .adv_repeat {
top: 0;
left: 6vw;
width: 4vw;
}

.party_container .creature_party .adventure_container  .adv_image {
    width: 15vw;
    margin-left: 35%;
}

.party_container .creature_party .adventure_container .wait_message {
width:   29vw;
top: 6.5vw;
border-radius: .5vw;
padding: 1vw;
font-size: 1.5vw;
}

.party_container .creature_party .party_header,
.party_container .creature_party .party_footer {
min-height:          3vw;
margin:              0 0 0 0;
}

.party_container .creature_party .party_header h4,
.party_container .creature_party .party_footer h5 {
font-size:           1.15vw;
border-width:        .3vw;
border-radius:       .5vw;
font-size:           1.65vw;
width:               20vw;
margin:              0 auto 0 auto;
padding:             0;
line-height:         2vw;
}

.party_container .creature_party .party_header h4 a {
font-size:           1.5vw;
}

.party_container .creature_party .party_footer h5 {
    margin-top: 1vw;
}

.party_container .creature_party .party_footer h5 b {
margin:             0 .5vw 0 .5vw;
}

.party_container .creature_party .party_footer img,
.party_container .creature_party .party_header img {
width: 5vw;
}

/* Battle Layout */

#background_map_display {
width: 45vw;
height: 45vw;
top: 10vw;
border-width:  .15vw;
border-radius: .30vw;
}

.action_button {
margin-left: 1vw;
}

#admin_battle_menu {
padding: .5vw 2vw .5vw 2vw;
margin: .5vw auto .5vw auto; 
}

#admin_battle_menu tr td .pn_box {
font-size: 1.15vw;
}

#battle_header_container {
width: auto;
min-height: 3.5vw;
padding: 0 0 0 0;
margin: 0 auto 0 auto;
}

#battle_header_container #turn_info_container {
width: 100%;
display: block;
padding: 0;
margin: 0 auto 0 auto;
}

#battle_header_container #turn_info_container h4 {
font-size: 1.25vw;
width: 100%;
margin: 0 auto 0 auto;
padding: 0;
display: block;
border-radius: 0;
}

#battle_header_container #turn_info_container h5 {
line-height: 3vw;
margin: 0 auto 0 auto;
}

#battle_header_container #turn_info_container h5 img {
width: 3vw;
height: 3vw;
}

#battle_header_container #turn_info_container h6 {
width: 100%;
font-size: 1.15vw;
border-radius: 5vw;
padding: 0;
display: block;
margin: -2vw auto 0 auto;
text-align: center;
background: none;
position: absolute;
    text-shadow:
    -.15vw -.15vw 0 #000,
    .15vw -.15vw 0 #000,
    -.15vw .15vw 0 #000,
    .15vw .15vw 0 #000; 
}

.choose_action  {
position: absolute; 
margin: 3vw  0 0 24vw;
padding: .30vw;
}

.choose_action input {
width: auto;
font-size: 1.15vw;
padding: .5vw 1vw .5vw 3vw;
background-size: 2vw 2vw;
border-width: .15vw;
height: auto;
background-image: url('/images/icons/battle-mobile/choose-action.png');
background-repeat: no-repeat;
}

#battle_execute {
width: 60vw;
height: 2.25vw;
padding: .5vw;
margin: 1vw auto 0 auto;
}

#battle_execute input {
    font-size: 1.15vw;
    width: 10vw;
    height: auto;
    padding: .30vw .30vw .30vw 2vw;
    background-size: 2vw 2vw;
}

#battle_execute img {
width: 2vw;
}

#battle_execute #reposition_button {
left: 1vw;
}

#battle_execute #repeat {
left: 24vw;
}

#battle_execute #execute {
left: 27vw;
}

#battle_execute #run {
right: 1vw;
}

.battle_row_container {
width:   60vw;
height:  10vw;
padding: 1vw;
margin:  .15vw auto 0 auto;
}

#guest_wrap.battle_row_container {
width:   24vw;
}

.battle_row_container .battle_table_l, 
.battle_row_container .battle_table_r {
margin: 0;
height: 24vh;
top: 0vh;
width: 50vw;
display: none;
position: fixed;
float: none;
border-width: .25vw;
border-top: none;
border-bottom-right-radius: .25vw;
border-bottom-left-radius: .25vw;
border-radius: 1vw;
left: 50%;
transform: translateX(-50%);
background: rgba(25,25,25,0.8);
z-index:         21;
border: black solid .15vw;
}

#battle_menu_1 {
display: none;
}

.battle_row_container .battle_table_l h4, 
.battle_row_container .battle_table_r h4 {
margin: .5vw 0 .5vw 0;
line-height: 1.5vw;
font-size: 1.25vw;
height: 1.5vw;
}

.battle_row_container .battle_table_l .close, 
.battle_row_container .battle_table_r .close {
width: 2.5vw;
height: 2.5vw;
right: 0;
position: absolute;
margin: .5vw .5vw 0 0;
}

.battle_row_container .battle_table_r input,
.battle_row_container .battle_table_l input 
{
width:          10vw;
height:         2.5vw;
font-size:      1.15vw;
background-size: 1.5vw 1.5vw;
}

.battle_options {
width:          29vw;
height:         auto;
min-height:     auto;
max-height:     17vh;
margin:         2.40vw 0 0 0;
top:            0;
background:     none;
border:         none;
}

.battle_options a {
width:       12vw;
font-size:   1.15vw;
height:      2.30vw;
line-height: 2.30vw;
border: black solid .15vw;
}

.battle_options a:hover {
border-width: .15vw;
}

#guest_wrap {
    margin: 0 0 0 18.5vw;
    padding: 1vw;
}

#battle_option_info {
top: 25vh;
width: 50vw;
display: none;
padding-bottom: .25vw;
left: 50%;
transform: translateX(-50%);
position: fixed;
background: rgba(25,25,25,0.8);
border-radius: 1vw;
}

#battle_option_info #option_information p {
border-radius: .15vw;
border-width: .25vw;
width: 90%;
margin: .25vw auto .25vw auto;
padding: .15vw;
}

#battle_option_info #option_information table {
margin:    0 auto 0 .5vw;
width: 90%;
font-size: 1.15vw;
}

#battle_option_info input {
font-size: 1.15vw;
margin: .5vw auto 0 auto;
display: block; 
}

#battle_option_info img {
min-width: 1.5vw;
width: 2vw;
height: auto;
}

.creature_battle_display_r,
.creature_battle_display_l {
width: 19vw;
}

.battle_row_container .r_b_type {
width: 2.0vw;
height: 2.0vw;
}

.battle_row_container .l_b_type {
width: 2vw;
height: 2vw;
}

.battle_row_container .r_f_type,
.battle_row_container .l_f_type {
    top: 6vw;
    font-size: 1.15vw;
}

.battle_row_container .swapper {
top: 5.5vw;
left: -7.75vw;
padding: .15vw .5vw .15vw 2vw;
font-size: 1.15vw;
width: auto;
height: auto;
border-radius: 0;
background-size: 2vw 2vw;
}

.battle_row_container .creature_holder_l h4,
.battle_row_container .creature_holder_r h4 {
width: 10vw;
}

.battle_row_container .creature_holder_r h4 {
left: 1.5vw;
}

.battle_row_container .creature_holder_l h4 {
right: 1.5vw;
}

.battle_row_container .creature_image {
display: block;
top: 1.5vw;
width: 7.5vw;
height: 7.5vw;
background-repeat: no-repeat;
background-size: cover;
font-size: 1.15vw;
}

.battle_row_container .creature_holder_l .creature_image {
right: 2.5vw;
}

.battle_row_container .creature_holder_r .creature_image {
left: 2.5vw;  
}

.battle_row_container .creature_holder_l .creature_image img,
.battle_row_container .creature_holder_r .creature_image img {
min-width: 1.5vw;
height: auto;
}

.battle_row_container h4 a {
font-size: 1.15vw;
}

.battle_row_container .energy_display_l,
.battle_row_container .energy_display_r {
 top: 9vw;
}

.battle_row_container .energy_display_l p,
.battle_row_container .energy_display_r p  {
font-size:        1.25vw;
border-radius:    .15vw;
}

.battle_row_container .battle_status_l,
.battle_row_container .battle_status_r {
height: 8vw;
width: 7vw;
font-size: 1.5vw;
}

.battle_row_container .battle_status_l {
right: 12vw;
}

.battle_row_container .battle_status_r {
left: 12vw;
}

.battle_row_container .battle_status_l img,
.battle_row_container .battle_status_r img {
width: 1.5vw;
margin-bottom: -.25vw;
height: auto;
}

.hidden_affliction {
display: none;
}

.battle_row_container  .battle_status_r {
margin:         0 0 0 .15vw;
}

.battle_row_container .battle_formation_l, 
.battle_row_container .battle_formation_r {
width: 2.5vw;
top: 5vw;
}

.battle_row_container .battle_formation_r {
left: 20vw;
}

.battle_row_container .battle_formation_l {
right: 20vw;
}

#cho_targ {
margin: 0;
top: 1vh;
left: 50%;
transform: translateX(-50%);
padding: .3vw 2vw .3vw 2vw;
width: auto;    
border-radius: 1vw;
position: absolute;
font-size: 1.15vw;
text-align: center;
animation: glowing 3s infinite;
background: rgba(25,25,25,0.85);
}

#battle_message.message_overlay {
top: 5vh;
width: 60vw;
height: 80vh;
font-size: 1.15vw;
}

#battle_message.guest_present {
width: 37vw;
font-size: 1.15vw;
height: 10.5vw;
bottom: -.5vw;
right: 18vw;
}

#battle_message.no_guest {
height: 12.5vw;
width: 60vw;
margin: 0 auto 0 auto;
font-size: 1.15vw;
min-height: 10vw;
}

#battle_message #battle_settings h6 {
font-size: 1.25vw;
line-height: 1vw;
padding: .5vw .25vw .5vw .25vw;
margin: 1vw .15vw 1vw .15vw;
border-width: .15vw;
}

#battle_message #battle_settings h6:hover {
border-width: .15vw;
} 

#battle_message #battle_settings h6 b {
font-size: 1.15vw;
}

#battle_message #battle_settings img {
width:  2.5vw;
height: 2.5vw;
margin: .25vw .50vw .25vw .50vw;
}

.creature_holder_r .shrinking_sickness,
.creature_holder_r .growing_sickness,
.creature_holder_r .message_display,
.creature_holder_r .battle_ability_display,
.creature_holder_r .ep_damage_display, 
.creature_holder_r .hp_damage_display,
.creature_holder_l .shrinking_sickness,
.creature_holder_l .growing_sickness,
.creature_holder_l .message_display,
.creature_holder_l .battle_ability_display,
.creature_holder_l .ep_damage_display, 
.creature_holder_l .hp_damage_display {
font-size: 1.15vw;
}


.text_bubble_l, .text_bubble_r {
width:              7vw;
height:             3vw;
margin:             0 0 0 0;
background-size: cover;
font-size: 1.15vw;
}

.text_bubble_l {
padding:            1vw 0 0 .5vw;
top: 6vw;
left: 8vw;
}

.text_bubble_r {
padding:            1vw 0 0 .5vw;
top: 6vw;
right: 8vw;
}

#target_information_window {
display: none;
top: 15vh;
width: 60vw;
height: auto;
max-height: 70vh;
margin: 0 0 0 0;
padding: .25vw;
}

.formation_block_container_1, .formation_block_container_2 {
width:  15vw;
height: 15vw;
float:  left;
border: none;
}

.formation_block_container_2 {
float: right;
}

.formation_block {
width: 5vw; 
height: 5vw;
float: left;
border: black solid .15vw;
overflow: hidden;
box-sizing: border-box;
}


.formation_block h4, #guest_formation_slot h4 {
width: 5vw;
height: 1vw;
margin: 0;
font-size: 1vw;
overflow: hidden;
text-align: center;
padding: .15vw 0 .15vw 0;
}

.formation_block_container_1 .creature, .flip_sprite {
transform: scaleX(-1);
-webkit-transform: scaleX(-1);
}

.formation_block img, #guest_formation_slot img {
width: 3.5vw; 
height: 3.5vw; 
max-width: none;
display: block;
margin: 0 auto 0 auto;
}

#target_information_window #range_information {
top: 0px;
position: absolute;
width: 15vw;
margin: 0 0 0 15vw;
}

#target_information_window #range_information h4 {
margin: 1vw 0 0 7.5vw;
padding: 0 0 0 0;
font-size: 1.25vw;
text-align: center;
width: 100%;
}


#target_information_window #range_information img {
width: 5vw;
height: 5vw;
margin: 0vw;
border: black solid .15vw;
display: block;
position: absolute;
top: 5vw;
left: 12vw;
}


#target_information_window #guest_formation_slot {
float:  none;
position: absolute;
left: 15.15vw;
border: black solid .15vw;
top: 10.20vw;
}

#hotkey_img {
margin:          0;
top: 2vw;
right: 23vw;
width: 4vw;
}

/* Battle Animations */
/* (0vw to 7.5vw for each sprite) */
.creature_holder_r .shrinking_sickness,
.creature_holder_r .growing_sickness,
.creature_holder_r .message_display,
.creature_holder_r .battle_ability_display,
.creature_holder_r .ep_damage_display, 
.creature_holder_r .hp_damage_display,
.creature_holder_l .shrinking_sickness,
.creature_holder_l .growing_sickness,
.creature_holder_l .message_display,
.creature_holder_l .battle_ability_display,
.creature_holder_l .ep_damage_display, 
.creature_holder_l .hp_damage_display {
font-size: 1.15vw;
padding: .15vw;
border-radius: .30vw;
}


.battle_ability_display {
border-width: .15vw;
padding: .15vw;
border-radius: .3vw;
}

.growing_buff, .growing_sickness, .growing_revive {
padding: .5vw;
border-radius: 5vw;
}

.shrinking_debuff, .shrinking_sickness {
padding: .5vw;
border-radius: .5vw;
}

.critical_effect {
width: 3.75vw;
}

.element_effect {
width: 3.75vw;
}

.bad_effect, .first_appear, .going_out {
width: 7.5vw;
height: 7.5vw;
}

@keyframes grow_icon {
from {width: 0px; height: 0px; opacity: 1;}
to {width: 7.5vw; height: 7.5vw; opacity: 0;}
}

@keyframes shrink_icon {
from {width: 7.5vw; height: 7.5vw; opacity: 1;}
to {width: 0px; height: 0px; opacity: 0;}
}

@keyframes mov_ability_display {
from {margin-left: 4vw; opacity: 1;}
to {margin-left: 0px; opacity: 0;}
}

@keyframes damage_display {
0% {margin-left: 0; margin-top: 0; opacity: 1;}
100% {margin-left: 4vw; margin-top: 4vw; opacity: 0;}
}

@keyframes moving_strike {
0%   {opacity: 0; width: 4vw; height: 1vw;}
100% {opacity: 1; width: 7.5vw; height: 5vw;}
}

@keyframes moving_element {
0%   {opacity: 0; width: 4vw; height: 1.5;}
100% {opacity: 1; width: 7.5vw; height: 7.5vw;}
}


@keyframes hp_flash {
0%     {color: #ff9b9b;}
50%    {color: #38ff29;}
100%   {color: white;}
}

@keyframes ep_flash {
0%    {color: #ff9b9b;}
50%   {color: #ffed29;}
100%  {color: white;}
}

@keyframes fadeout {
0%   {opacity: 1;}
100% {opacity: 0;}
}

@keyframes reappear_fadein {
0%   {opacity: 0;}
100% {opacity: 1;}
}

@keyframes miss_fadeout {
0%   {opacity: 1; margin-top: 0; }
100% {opacity: 0; margin-top: 3.5vw;}
}

@keyframes drop_and_fade {
0%   {margin-bottom: 0;}
50%  {opacity: 1;}
100% {margin-bottom: -4vw; opacity: 0;}
}

@keyframes step_right {
0%   {margin-left: 0px;}
100% {margin-left: 7.5vw;}
}

@keyframes step_left {
0%   {margin-left: 0px;}
100% {margin-left: -7.5vw;}
}

@keyframes back_right {
0%   {margin-left: -7.5vw; transform: scaleX(-1);}
100% {margin-left: 0px; transform: none;}
}

@keyframes back_left {
0%   {margin-left: 7.5vw; transform: none;}
100% {margin-left: 0px; transform: scaleX(-1);}
}

/* Mass Pending Rewards Layout */

#mass_dungeon_rewards {
width: 60vw;
border-radius: .50vw;
padding: .50vw .50vw .50vw .50vw;
border-width: .3vw;
}

#mass_dungeon_rewards h4 {
font-size: 1.5vw;
padding: 0;
margin: 1vw 0 1vw 0;
}

#mass_dungeon_rewards ul  {
border-width: .3vw;
margin: 0 0 0 0;
padding: 0 2vw 0 2vw;
border-radius: .50vw;
}

#mass_dungeon_rewards ul li {
font-size: 1.5vw;
margin: .50vw 0 .50vw 0;
padding: 0 0 0 0;
}

#mass_dungeon_rewards ul li img {
  width: 3vw;
}

#mass_dungeon_rewards input,
#mass_dungeon_rewards ul li .sell_reward {
margin: .30vw 1.25vw .30vw 1.25vw;
border-width: .3vw;
font-size: 1.5vw; 
padding: .5vw 1vw .5vw 1vw;
}

#mass_dungeon_rewards #reward_exit {
font-size: 1.5vw;
width: 60vw;
margin: .5vw 0 .5vw 0;
border-width: .3vw;
}

/* PVP Interface Layout */

.game_timer {
width:            100%;
min-height:       1vw;
margin:           -1vw auto 0 auto;
padding:          0 0 0 0;
border-width:     .15vw;
border-radius:    0;
font-size: 1.15vw;
}

.game_timer input {
font-size: 1.25vw;
width: 5vw;
}

#battle_rules {
margin:           .5vw  auto .5vw auto;
width:            100%;
padding:          .75vw .5vw .75vw .5vw;
border-radius:    0;
border-width:     .15vw;
font-size: 1.15vw;
}

#battle_inaction {
width:             13vw;
padding:       1vw;
border-radius:     0;
margin:            0;
top: 25vh;
left: 50%;
transform: translateX(-50%);
border-width: .15vw;
border-radius: .50vw;
font-size: 1.15vw;
}

/* Login Notice Layout */

#important_notice {
width: 55vw;
padding:         .15vw;
margin:           .15vw auto .15vw auto;
border-radius:    .5vw;
border-width:     .3vw;
}

#important_notice #update_notice p {
padding: 1vw;
margin: .25vw;
border-width: .3vw;
border-radius: 1vw;
font-size: 1.5vw;
}

#important_notice #update_notice h2 {
font-size: 1.65vw;
}

#important_notice h1 {
font-size:        1.75vw;
margin:           2.15vw 0 2.15vw 0;
}

#important_notice h3 {
font-size:        1.60vw;
margin:           .75vw 0 .75vw 0;
}

#important_notice h4 {
font-size:        1.50vw;
margin:           .75vw 0 .75vw .5vw;
}

#important_notice .promotion-info {
padding-bottom: 1.5vw;
}

#important_notice h5.admin_notice {
font-size:        1.40vw;
margin: -1.5vw 0 0 0;
padding:0;
padding: .3vw;
}

#important_notice .promotion-info p {
padding: .5vw;
margin: .5vw 1vw .5vw 1vw;
max-width: none;
font-size: 1.5vw;
border-width: .3vw;
}

#important_notice .promotion-info ul {
padding: 0;
margin: 0 1vw 0 1vw;
max-width: none;
font-size: 1.5vw;
}

#important_notice .promotion-info ul li {
min-height: 5vw;
padding-left: 6vw;
padding-bottom: 2vw;
max-width: none;
border-width: .3vw;
}

#important_notice .promotion-info ul li .preorder_reward {
margin: .15vw 1vw .05vw .05vw;
font-size: 1.5vw;
}

#important_notice .promotion-info ul li .left_icon {
width: 5vw;
left: 0px;
top: 1vw;
}

#important_notice .promotion-info ul li img {
width: 2vw;
}

#important_notice .promotion-info ul li i {
right: .5vw;
bottom: .5vw;
}

#important_notice .promotion-info ul li ul {
padding-left: 1vw;
}

#important_notice .promotion-info ul li ul li {
padding-top: 1vw;
padding-left: 0;
padding-bottom: 0;
}

#important_notice img.nacho_image {
width: 53vw;
height: auto;
margin: 1.5vw auto 1.5vw auto;
display: block;
border-width: .3vw;
}

#important_notice .nacho_info {
    border-width: .3vw;
    padding: .15vw .15vw .15vw .15vw;
    margin: -1.5vw auto 0 auto;
    width: 53vw;
    border-bottom-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
    height: 3vw;
}

#important_notice .nacho_info h4 {
    font-size: 1.5vw;
    left: 1vw;
    top: .4vw;
}

#important_notice .nacho_info h6 {
font-size: 1.4vw;
padding: 0;
margin: .15vw 0 0 0;
right: 1vw;
top: .4vw;
}

#important_notice #close_button {
width: 3vw;
height: 3vw;
background-size: 3vw 3vw;
padding-top: .3vw;
font-size: 1.5vw;
}

/* Front Page Layout */

#outer_box {
margin:           3vw 0 3.25vw 0;
padding:          0;
}

#outer_box #js_warning_header {
margin:           0 auto 0 auto;
border:           black solid .10vw;
background:       rgba(25,25,25,.9);
font-size:        1.15vw;
}

#outer_box #footer,
#outer_box #main_menu {
height:           3.50vw;
margin:           0 auto 0 auto;
border-width:     .10vw;
font-size:        .60vw;
}

#outer_box #main_menu {
  padding: .15vw;
}

#outer_box #footer {
  padding: .15vw;
  text-align: center;
  width: 66vw;
}

#outer_box #footer p {
margin: 0;
font-size: 1.15vw;
padding: .25vw .15vw .25vw .15vw;
}

#outer_box #footer p.copyright {
font-size: .90vw;
}


#outer_box #main_menu #left_menu {
left: 1.15vw;
width: 50vw;
}

#outer_box #main_menu #left_menu  #main_logo {
width: 5vw;
top: .15vw;
}

#outer_box #main_menu #left_menu ul {
left: 6vw;
}

#outer_box #main_menu #right_menu {
right: 1.15vw;
width: 25vw;
}

#outer_box #main_menu ul li {
padding:         0;
margin:          .75vw 1vw 0 0;
}

#outer_box #main_menu ul li a {
padding:              .50vw 1vw .50vw 3vw;
margin:                0;
border-width:          .15vw;
font-size:             1.25vw;
text-shadow:
    -.1vw -.1vw 0 #000,
    .1vw -.1vw 0 #000,
    -.1vw .1vw 0 #000,
    .1vw .1vw 0 #000; 
background-size:       2.5vw;
}

#outer_box #main_menu  ul li a#layout_link {
padding-left: 2vw;
}

#outer_box #content_box {
margin:          1vw auto .5vw auto;
padding:          1vw 0 1vw 0;
border-width:    .15vw;
width:           65vw;
border-radius:   1vw;
}

#outer_box #content_box::before,
#outer_box #content_box::after {
  height: 8vw;  
}

#outer_box #content_box #front_page_container {
  margin: 0 auto 7vw auto;
}

#outer_box #content_box #front_page_container #front_img {
margin:           0 auto 0 auto;
box-shadow:       .6vw .6vw 0 black;
border: black solid .15vw;
width:            60vw;
}

#outer_box #content_box #front_page_container #join_button {
width:            10vw;
top:              28.75vw;
}

#outer_box #content_box #join_button a {
padding:          1vw 1.50vw 1vw 1.50vw;
line-height:      1.75vw;
font-size:        1.75vw;
border-width:     .15vw;
text-shadow:
    -.10vw -.10vw 0 #000,
    .10vw -.10vw 0 #000,
    -.10vw .10vw 0 #000,
    .10vw .10vw 0 #000; 
border-radius:    1vw;
}

#outer_box #content_box #join_button a:hover {
color:            white;
opacity:          .50;
box-shadow:        0vw 0vw 1vw #ac76c3;
}

@keyframes join-glowing-border {
  0% {
    box-shadow: 0 0 1vw .10vw  #aff2b7;
  }
  50% {
    box-shadow: 0 0 1vw .25vw #7693c3;
  }
  100% {
    box-shadow: 0 0 1vw .30vw #ac76c3;
  }
}

.slime_me::before,
.slime_me::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6vw;  
  background-repeat: repeat-y;
  z-index: 0;
  background-size: 100%;
 opacity: 1;
}

.slime_me::before {
    border-top-left-radius: 1vw;
    border-bottom-left-radius: 1vw;
}

.slime_me::after {
    border-top-right-radius: 1vw;
    border-bottom-right-radius: 1vw;
}

#outer_box #content_box #feature_box,
#outer_box #content_box #social_media_box,
#outer_box #content_box #front_affiliate_box {
width:            62vw;
margin:           1vw auto 0vw auto;
padding:          .50vw .50vw 0vw .50vw;
border-width:     .15vw;
font-size:        1.15vw;
border-radius:    1vw;
}

#outer_box #content_box #feature_box h3,
#outer_box #content_box #social_media_box h3,
#outer_box #content_box #front_affiliate_box h3 {
font-size: 1.05vw;
margin: .25vw auto 0 auto;
text-align: center;
}

 #outer_box #content_box #feature_box .feature {
width:             14.25vw;
border-width:      .15vw;
box-shadow:        .25vw .25vw 0 black;
margin:            .75vw 0vw .5vw 1.05vw;
border-radius:     .5vw;
}

#outer_box #content_box #feature_box .feature h5 {
font-size: 1.05vw;
margin: .5vw 0 .5vw 0;
padding: 0;
}

#outer_box #content_box #feature_box .feature img {
border-width:          .15vw;
box-shadow:       .25vw .25vw 0 black;
border-radius:   .15vw;
margin:          .10vw;
width:            11vw;
}

#outer_box #content_box #feature_box .feature p {
height: 5vw;
margin:      0;
text-shadow:
    -.15vw -.15vw 0 #000,
    .15vw -.15vw 0 #000,
    -.15vw .15vw 0 #000,
    .15vw .15vw 0 #000; 
padding:    .50vw;
border-width:          .15vw;
border-bottom-right-radius: .5vw;
border-bottom-left-radius: .5vw;
font-size: 1.15vw;
}

#outer_box #content_box #feature_box h4 {
padding:           .5vw 0vw .5vw 0vw;
margin:            0vw auto 0vw auto;
width:             10vw;
border-width:          .15vw;
border-top-right-radius: .50vw;
border-top-left-radius: .50vw;
box-shadow:       .25vw .25vw 0 black;
}

#outer_box #content_box #feature_box h4 a {
font-size: 1.05vw;
}

#outer_box #content_box #social_media_box img,
#outer_box #content_box #front_affiliate_box img {
padding:          .10vw;
border-width:     .10vw;
width:            11vw;
margin:           .75vw .75vw .75vw 0vw;
box-shadow:       .35vw .35vw 0 black;
}

#register {
top:               2vw;
width:             70vw;
margin:            0;
padding:           0;
z-index:           20;
border-radius:    .60vw;
background-size:  25vw;
border-width:     .25vw;
box-shadow:     0vw .20vw 2vw #1c8340;
}

#register #result_output {
  font-size: 1.15vw;
  border-width: .15vw;
  padding: .25vw;
  border-radius: .50vw;
  width: 30vw;
  margin: .50vw 6vw 0vw auto;
  min-height: 1vw;
}

@keyframes red-glowing-border {
  0% {
    box-shadow: 0 0 1vw .10vw  yellow;
  }
  50% {
    box-shadow: 0 0 1vw .25vw orange;
  }
  100% {
    box-shadow: 0 0 1vw .30vw red;
  }
}

#register #needed_reg_info {
width:          25vw;
top:            31.75vw;
left:           1vw;
padding:        1.15vw .65vw 1.15vw .65vw;
box-shadow:     0vw .20vw 2vw #1c2183;
border-radius: .5vw;
border-width:   .15vw;
font-size:      1.15vw;
}

#register #needed_reg_info ul {
margin:            .10vw;
}

#register #reg_input_panel {
width:             40vw;
padding:           1vw .5vw 1vw .5vw;
margin:            1vw auto 1vw 28vw;
border-radius:     .5vw;
border-width:      .10vw;
}

#register #reg_input_panel table {
border-spacing: .50vw;
margin: 0 auto 0 auto;
}

#register #reg_input_panel b,
#register #needed_reg_info b {
    margin: .15vw;
    font-size: 1.5vw;
    line-height: 1.5vw;
}

#register #reg_input_panel table th {
font-size: 1.20vw;
}

#register #reg_input_panel table td {
font-size: 1.15vw;
}


#register #reg_input_panel .please_agree {
    margin-left: .5vw;
}

#register #reg_input_panel input,
#register #reg_input_panel select {
font-size: 1.15vw;
}

#register #reg_input_panel .center input,
#register #reg_input_panel .center select {
margin: 0 auto 0 auto;
}

#register #reg_input_panel .results span {
    font-size: .95vw;
}

#register #reg_input_panel p {
    font-size: 1vw;
    margin: 0.25vw;
    padding:0;
}

#register #reg_input_panel .pn_box[type='button'] {
padding: 0 .5vw 0 .5vw;
}

#register #reg_input_panel p input[type='checkbox'] {
    width: 2vw;
    height: 2vw;        
}

#register #reg_input_panel ol {
padding:           .10vw 0 0 .10vw;
font-size:         1vw;
width:             30vw;
}

#register #reg_input_panel ol li {
    margin: .25vw 0 .25vw 1.5vw;
    padding: 0;
}

#register #reg_input_panel ol li .pn_box {
font-size:      1.15vw;
margin-right:    2vw;
padding:        0 .5vw 0 .5vw;
}

#register #reg_input_panel #recapcha {
  margin: 1vw 0 1vw 0;
}

/* Used on several pages listed below */

#outer_box #content_box #h_c h1 {
font-size:         1.35vw;
padding:           0vw 0 0vw 0;
box-shadow:        0vw 0vw .85vw #1c2183;
margin:            0vw auto 1vw auto;
    text-shadow:
    -.125vw -.125vw 0 #000,
    .125vw -.125vw 0 #000,
    -.125vw .125vw 0 #000,
    .125vw .125vw 0 #000; 
}

/* Login Page */

#outer_box #content_box #log_in_container {
margin:            0 auto 0 auto;
width:            63vw;
border-radius:    1vw;
padding:          .5vw;
border-width:     .15vw;
font-size:        1.15vw;
}

#outer_box #content_box #log_in_container #log_info {
width:              23vw;
height:            25vw;
padding:            1.15vw;
border-width:       .15vw;
box-sizing:         border-box;
border-radius: .5vw;
margin-left:        1.5vw;
}

#outer_box #content_box #log_in_container #log_info p {
padding:           .40vw;
}

#outer_box #content_box #log_in_container #log_info ul {
padding:            1.15vw;
font-size:          1.15vw;
border-width:       .15vw;
}

#outer_box #content_box #log_in_container #log_info ul li {
padding:           .25vw 0 .25vw 0;
margin:            .25vw 0 .25vw 0;
}

#outer_box #content_box #log_in_container #log_info ul li input[type='checkbox'] {
    width: 2vw;
    height: 2vw;  
}

#outer_box #content_box #log_in_container #log_info ul li input {
font-size: 1.25vw;
border-width: .15vw;
}

#outer_box #content_box #log_in_container #log_info ul li #login {
    font-size: 1.5vw;
    padding: .30vw 1.15vw .30vw 1.15vw;
    border-width: .15vw;
}

#outer_box #content_box #log_in_container #log_info p {
bottom: -1.25vw;
right: .5vw;
width: 9vw;
height: 1.5vw;
line-height: 1.5vw;
padding: 0 .5vw .25vw .5vw;
border-width: .15vw;
border-top-right-radius: .65vw;
border-top-left-radius: .65vw;
box-shadow:       0vw -.25vw 1.15vw #1c8340;
}

#outer_box #content_box #log_in_container #log_info p:hover {
box-shadow:       0vw -.25vw 1.15vw #831c7d;
}

#outer_box #content_box #log_in_container #log_info p a {
font-size: 1.15vw;
}

#outer_box #content_box #log_in_container #login_news {
width:             35vw;
height:            25vw;
padding:           .15vw;
margin:            0 0 0 .5vw;
border-width:      .15vw;
}

#outer_box #content_box #log_in_container #login_news h3 {
text-align:        center;
padding:           .5vw 0 .5vw 0;
margin:            0 0 0 0;
}

#outer_box #content_box #log_in_container #login_news .article {
background-color: #0e2236;
width:            29vw;
padding:          5%;
border-width:     .15vw;
margin:           0 auto 1vw auto;
}


#outer_box #content_box #log_in_container #login_news .article h4 {
border-width:     .15vw;
margin:           0 .10vw 0 .10vw;
padding:          .15vw 0 .15vw 0;
}

#outer_box #content_box #log_in_container #login_news .article ul,
#outer_box #content_box #log_in_container #login_news .article ol {
    margin:             0 0 0 .5vw;
    padding:            0 0 0 0;
border-width:     .15vw;
}

#outer_box #content_box #log_in_container #login_news .article ul li, 
#outer_box #content_box #log_in_container #login_news .article ol li {
    margin:             0 0 0 1.50vw;
    padding:            0 0 0 0;
}

#outer_box #content_box #log_in_container #login_news .article  p {
padding:          .5vw;
border-width:     .15vw;
}

#outer_box #content_box #log_in_container #login_news .article h5 {
padding-right: .15vw;
font-size: 1vw;
}

/* 404 Page */

#outer_box #content_box #broken {
width:             30vw;
margin:            1vw auto 1vw auto;
box-shadow:        .50vw .50vw black;
border:             black solid .15vw;
display:           block;
border-radius:     .25vw;
}

/* Contact Page */

#outer_box #content_box #contact_box {
width:            60vw;
margin:           .5vw auto .5vw auto;
padding:          1vw;
border-width:     .15vw;
border-radius:    1vw;
}

#outer_box #content_box #contact_box p {
width:                     90%;
padding:          1.5vw;
margin:           1vw auto 1vw auto;
border-width:     .15vw;
font-size:        1.15vw;
}

/* Features Page */

#outer_box #content_box #features {
padding:          0 .15vw 0 .15vw;
margin:           .75vw .75vw .75vw .75vw;
padding-top:      1.15vw;
border-width:     .15vw;
border-radius:   .75vw;
font-size:        1.15vw;
}

#outer_box #content_box #features img {
width: 90%;
}

#outer_box #content_box #features p {
padding:                    1vw;
margin:                    1vw .50vw 1vw .5vw;
border-width:              .15vw;
}

#outer_box #content_box #features ul {
padding:                    .5 .5 1.25 .5vw;
margin:                    .75vw .5vw .75vw .5vw;
}

#outer_box #content_box #features ul li {
margin:                    .5vw .4vw .5vw .4vw;
}

#outer_box #content_box #features p.small_note {
font-size:                  1vw;
padding:                    .75vw;
}

#outer_box #content_box #features .panel {
border-width:              .15vw;
}

#outer_box #content_box #features h3 { 
margin:                0;
border-radius:         .30vw;
border-width:          .15vw;
margin:              .35vw 1.15vw .20vw 1.15vw;
font-size:           1.25vw;
}

#outer_box #content_box #features #join_img {
width: 30%;
margin: 1% 1% 0 1%;
}

#outer_box #content_box #features #final {
width: 65%;
margin-left: 2%;
}

/* Affiliates Page */

#outer_box #content_box #affiliates {
width:            60vw;
margin:           .5vw auto .5vw auto;
padding:          1vw;
border-width:     .15vw;
border-radius: .5vw;
}

#outer_box #content_box #affiliates div {
width:                     29vw;
border-width:             .15vw;
margin:                    .5vw;
padding-bottom:           .25vw;
}

#outer_box #content_box #affiliates h4 {
font-size: 1.25vw;
}

#outer_box #content_box #affiliates div img {
    width: 25vw;
    height: 3.25vw;
    border-width: .15vw;
}

#outer_box #content_box #affiliates p {
   font-size: 1.15vw;
   height: 6vw;
   margin: .5vw .5vw .5vw .5vw;
   padding: .5vw .5vw .5vw .5vw;
   border-width: .15vw;
}

/* Password Reset Page / Email Validation */

#outer_box #content_box #outside_data_box {
width:            55vw;
padding:          .5vw;
margin:           0vw auto .30vw auto;
border-width:     .15vw;
border-radius:    1vw;
font-size:        1.15vw;
}

#outer_box #content_box #outside_data_box p {
margin:           1.15vw auto 1.15vw auto;
padding:          .5vw;
border-radius:    .75vw;
border-width:     .15vw;
}

#outer_box #content_box #outside_data_box ul {
margin:           0vw auto 0vw auto;
padding:          1.15vw 0.15vw 1.15vw 1.15vw;
border-radius:    .75vw;
border-width:     .15vw;
}

#outer_box #content_box #outside_data_box li {
margin:  .75vw 0 .75vw 0;
padding:  0 0 0 0;
}

#outer_box #content_box #outside_data_box #email_to_reset {
font-size:         1.30vw;
margin: 1.4vw auto 1.40vw auto;
}

#outer_box #content_box #outside_data_box input[type='button'],
#outer_box #content_box #outside_data_box input[type='submit'] {
font-size:         1.30vw;
margin:            .65vw auto .65vw auto;
padding:           .25vw .65vw .25vw .65vw;
}

#outer_box #content_box #outside_data_box .result {
    width: 80%;
    margin: 1vw auto 0 auto;
    border-width: .15vw;
    padding: .65vw;
}

#outer_box #content_box #outside_data_box textarea {
    width: 90%;
    height: 20vw;
    font-size: 1.15vw;
}

#outer_box #content_box #outside_data_box input[type='text'],
#outer_box #content_box #outside_data_box input[type='password'] {
width: 40%;
padding: 0.50vw .65vw 0.50vw .65vw;
line-height: 1.15vw;
font-size: 1.15vw;
}

/* Bottom *dvertising Menu */

.bottom_eclectic {
margin:             .15vw auto 6vw auto;
display:            block;
pointer-events:     none;
}

.bottom_eclectic p {
color:              white;
text-align:         center;
margin:             0 auto 0 auto;
}

.bottom_eclectic img {
border-width:       .10vw;
width:              44vw;
margin-bottom: 5.25vw;
min-height: 5vw;
}

.bottom_eclectic img.nacho_image {
width: 53vw;
height: auto;
margin: 1.5vw auto 1.5vw auto;
display: block;
border-width: .15vw;
}

.bottom_eclectic .nacho_info {
    border-width: .15vw;
    padding: .15vw .15vw .15vw .15vw;
    margin: -1.5vw auto 0 auto;
    width: 53vw;
    border-bottom-right-radius: 1vw;
    border-bottom-left-radius: 1vw;
    height: 2vw;
}

.bottom_eclectic .nacho_info h4 {
    font-size: 1.15vw;
}

.bottom_eclectic .nacho_info h6 {
font-size: 1vw;
padding: 0;
margin: .15vw 0 0 0;
right: 1vw;
}

#outer_box .bottom_eclectic {
min-height:         5vw;
margin:             .15vw auto .75vw auto;
}

/* 0.11575 */
#outer_box .bottom_eclectic img {
border:             .15vw solid black;
width:              44vw;
margin: 0 auto 0 auto;
}

/* Quick Action Layout */

#mobile_quick_actions {
width: 99.9vw;
min-height: 10vw;
margin: 0 auto 1vw auto;
border-radius: .5vw;
border-width: .3vw;
}

#mobile_quick_actions h1 {
font-size: 1.76vw;
margin: 0;
padding: 1vw 0 .5vw 0;
}

#mobile_quick_actions h2 {
    font-size: 1.25vw;
}

#mobile_quick_actions #quick_display_options {
border-width: .3vw;
margin: 1vw auto 1vw auto;
padding: .50vw 2vw .50vw 2vw;
border-right: none;
border-left: none;
font-size: 1.75vw;
}

#mobile_quick_actions #quick_display_options .image_pn_box {
margin-top: 0;
margin-right: 1vw;
font-size: 1.5vw;
height: auto;
border-width: .3vw;
padding: .25vw .25vw .25vw 1.75vw;
background-size: 1.5vw 1.5vw;
}

#mobile_quick_actions #quick_display_options select {
font-size: 1.5vw;
margin-left: 1vw;
border-width: .3vw;
}

.quick_button_container {
width: auto;
}

.quick_button_container h5 img {
margin-left: 1vw;
width: 2.5vw;
}

.quick_button, .faded_quick_button {
width: 10vw;
height:10vw;
margin: .5vw;
padding: 0;
border-radius: 1vw;
border-width: .3vw;
}

.quick_button img, .faded_quick_button img {
top: .25vw;
margin: 0 auto 0 auto;
width: 5vw;
display: block;
}

.quick_button p, .faded_quick_button p {
min-height:         4vw;
width:              100%;
border-width:            .3vw;
padding:                 .15vw;
 border-bottom-left-radius: 1vw;
border-bottom-right-radius: 1vw;
font-size: 1.5vw;
}

.faded_quick_button .unavailable {
position: absolute;
top:    .5vw;
left:   .5vw;
width:  8.5vw;
height: 8.5vw;
border-radius: .5vw;
padding: .15vw;
}

.faded_quick_button .unavailable h5 {
    margin: 0;
    font-size: 1.4vw;
    color: lime;
}

.faded_quick_button .unavailable span {
    margin: 0 auto 0 auto;
    font-size: 1.5vw;
}

.faded_quick_button .unavailable ul {
    margin: 0 0 0 0;
    padding: 0 0 0 1.25vw;
    font-size: 1.5vw;
}

#quick_actions_results {
border-width: .3vw;
margin: .15vw;
width: 95vw;
margin: 0 auto 1vw auto;
max-height: 25vw;
font-size: 1.5vw;
}

#quick_actions_results .sm_icon {
    width: 2vw;
    height: auto;
}

#quick_actions_results .close {
    position: absolute;
    width: 4vw;
    top: 1vw;
    right: 1vw;
    height: auto;
}

#quick_actions_results .pn_box, 
#quick_actions_results .image_pn_box,
#quick_actions_results input {
font-size: 1.5vw;
border-width: .3vw;
}

#quick_actions_results h3 {
color: white;
padding-left: .15vw;
font-size: 1.60vw;
}

#quick_actions_results h4 {
color: white;
padding-left: .15vw;
font-size: 1.5vw;
}

#quick_actions_results p {
padding:      .5vw;
border-width: .30vw;
margin:        1%;
}

#quick_actions_results ul {
color: white;
border-width: .10vw;
margin:        1%;
}

#quick_actions_results li {
margin:        .3vw .15vw .3vw .15vw;
}

#quick_actions_results #quick_preset_breed li {
border-width: .3vw;
margin:        .5vw .25vw .5vw .25vw;
padding:       .5vw;
}

#quick_action_options {
padding:       .5vw;
border-width:  .30vw;
}


/* Inside Alert */

#alert {
margin:           0;
padding:          .25vw;
border-width:     .15vw;
box-shadow:       .15vw .15vw .25vw black;
border-radius:    0;
width:            98.75vw;
font-size:        1.5vw;
left:             0;
margin-left:      0;
}

#alert img {
margin:           .25vw .25vw 0 0;
padding:          .25vw;
width:            4vw;
}

/* Outside Alert */

#outer_box #alert {
color:            white;
width:            95vw;
margin:           0;
top: 3.25vw;
left:             50%;
transform: translateX(-50%);
padding:          .75vw;
box-shadow:        0vw .30vw .5vw black;
border-radius:    .30vw;
z-index:          101;
font-size: 1vw;
}

#outer_box #alert img {
margin:           .15vw .15vw 0 0;
padding:          .15vw;
width:            2vw;
}

/* Payment Preview Page */

#premium_reward {
padding:       .15vw 1vw .3vw 1vw;
width:         52vw;
height:        26.5vw;
margin:       1vw .5vw 0 .5vw;
border-width: .3vw;
}

#premium_reward h3 {
margin: .3vw 0 0 0;
padding: .15vw;
font-size: 1.65vw;
border-width: .3vw;
}

#premium_reward .left_icon {
width: 4vw;
margin-right: 1vw;
}

#premium_reward ul li {
margin: .5vw 0 .5vw 0;
padding: .3vw;
font-size: 1.5vw;
min-height: 5vw;
border-radius: 1vw;
border-width: .3vw;
}

#premium_reward ul li i {
right: .30vw;
bottom: .30vw;
}

#premium_reward .earn_message {
left: 30vw;
right: auto;
}

#credit_purchase_block {
margin:        1vw .5vw 0 .5vw;
width:         45vw;
padding-bottom: 1vw;
min-height:     20vw;
border-width: .3vw;
}

#credit_purchase_block #payment_processor_links {
margin: 1vw auto 0 11vw;
height: 4vw;
}

#credit_purchase_block #payment_processor_links h5 {
margin:      0 0 0 1.15vw;
line-height: 4vw;
font-size:   1.35vw;
}

#credit_purchase_block #payment_processor_links a img {
border-radius: .3vw;
border-width: .3vw;
height:        2vw;
margin-left:   1vw;
margin-top:    1vw;
}

#credit_purchase_block #payment_processor_links a img:hover {
border-width: .3vw;
}

#credit_purchase_block #buy_menu {
margin:          1vw 0 0 1vw;
min-height:      10vw;
padding:         0;
width:           42.5vw;
border-width:    .3vw;
box-sizing:       border-box;
}

#credit_purchase_block #payment_button {
margin: 3vw auto 3vw auto;
width: 25vw;
}

#credit_purchase_block #order_option {
margin:          1vw 0 0 1vw;
border-width:             .3vw;
min-height:      5vw;
padding:         1vw;
width:           42.5vw;
font-size: 1.5vw;
}

#credit_purchase_block .option {
margin: 1vw 5vw 0 0;
}

#credit_purchase_block #order_option select {
	font-size: 1.5vw;
	border-width: .3vw;
}

#credit_purchase_block p {
margin: 1vw;
}

#current_processor img {
border-radius: .3vw;
border-width: .30vw;
height: 1vw;
}

#payment_reward_message {
width:         98vw;
margin:        .5vw;
padding:       .5vw;
border-width:  .3vw;
border-radius: .5vw;
}

#payment_reward_message p {
padding: .5vw;
margin:  .5vw;
border-width:  .3vw;
font-size: 1.5vw;
text-align: center;
}

#payment_reward_message p a {
font-size: 1.65vw;
}

#payment_reward_message p b {
color: yellow;
font-size: 1.65vw;
}

#payment_reward_message h3 {
text-align: center;
font-size: 1.5vw;
}

#reward_display_box {
width:         98vw;
margin:        1vw .5vw 0 .5vw;
border-radius: 0;
border-width: .3vw;
}

#reward_display_box h4 {
width:         50vw;
margin:        .5vw .5vw .5vw .5vw;
padding:       .5vw;
border-radius:   1vw;
font-size:       1.45vw;
margin:          1vw auto 1vw auto;
border-width:      .3vw;
} 

#payment_policies_notice {
margin:     1vw auto 1vw auto;
font-size: 1.5vw;
}

#reward_display_box ul {
margin: .15vw auto .15vw auto; 
padding: 0;
font-size: 1.5vw;
}

#reward_display_box ul li {
margin: 1vw 0 1vw 5vw; 
padding: .5vw;
}
 
#reward_display_box ul li .premium_preview_sprite {
width: 2vw; 
height: 2vw; 
margin: .15vw;
}

#reward_display_box p {
padding: .5vw;
margin: 1vw .5vw 1vw .5vw;
border-width:      .3vw;
border-radius: .5vw;
font-size: 1.5vw;
}

/* Revised General NPCs Shops */

#re_shop_container #re_npc_image {
margin:        0 1vw 0 1vw;
border-width: .3vw;
max-height:        35vw;
}

#re_shop_container .re_npc_speech {
margin:             1vw 0 1vw 10vw;
width:               80vw;
min-height:          5vw;
border-bottom-right-radius: .5vw;
border-top-left-radius: .5vw;
border-width:    .3vw;
font-size:      1.5vw;
}

#re_shop_container .re_npc_speech .avatar {
width: 8vw;
bottom: 0;
}

#re_shop_container .re_npc_speech p {
padding:              .15vw;
margin-top:           .15vw;
left:                 10vw;
max-width:            67vw;
}

#re_shop_container .re_npc_speech a {
padding:              .15vw 0 0 0;
margin:               0 0 0 0;
line-height:          .3vw;
font-size: 1.5vw;
}
#re_shop_container .re_npc_speech h3 {
font-size:            1.18vw;
padding:              0 .15vw 0 .15vw;
}

#re_shop_container .re_npc_speech h4 {
font-size:            1.50vw;
padding:              .3vw 0 .3vw 0;
border-bottom-right-radius: 2vw;
border-top-left-radius: .25vw;
border-width:        .3vw;
margin-right: 1vw;
}

#re_shop_container .re_npc_speech h4 i a, 
#re_shop_container .re_npc_speech h3 i a  {
border-width:           .3vw;
padding: 0 1vw 0 1.8vw;
text-shadow:
    -.15vw  -.15vw  0 #000,
    .15vw  -.15vw  0 #000,
    -.15vw  .15vw  0 #000,
    .15vw  .15vw  0 #000; 
margin: -.15vw -.15vw 0 0px;
height: 2vw;
line-height: 2vw;
background-size: 1.5vw;
border-bottom-left-radius: .3vw;
}

#re_shop_container .re_npc_speech #admin_buttons {
	margin-left: 15vw;
}

#re_shop_container .re_npc_speech #admin_buttons input {
	font-size: 1.5vw;
	width: auto;
	height: auto;
	background-size: 2vw 2vw;
	margin: 0 0 .5vw 0;
	padding-left: 3vw;
	border-width: .3vw;
}

#re_shop_container .re_npc_speech #shop_restock_notice {
border-bottom-right-radius:  .5vw;
}

#re_shop_container #shop_restock_notice {
background-color: #501414;
margin: 0 0 1vw 35vw;
padding: .5vw;
text-align: center;
width: 35vw;
border-radius: .5vw;
border-width: .3vw;
font-size: 1.5vw;
}

#re_shop_container .re_shop_stock {
width:               60vw;
min-height:          10vw;
padding:             0;
margin:              0 0 .15vw 25vw;
border-width:        .3vw;
border-radius:       .5vw;
}

#re_shop_container .re_shop_stock p.empty,
#re_shop_container .re_product_display p.empty  {
padding:            .15vw;
font-size:           1.5vw;
border-radius:      1vw;
border-width:       .3vw;
margin:             2vw 1vw .5vw 1vw;
}

#re_shop_container .re_shop_stock .limited_stock_display {
max-height: 30vw; 
margin-bottom: .25vw;
}

#re_shop_container .re_shop_stock p {
padding:         .15vw;
}

#re_shop_container .re_shop_stock h3 {  
margin:               .75vw .50vw  .15vw .50vw;
padding:              .15vw 0 .15vw 0;
font-size:            1.5vw;
border-width:         .3vw;
border-radius:        .30vw;
}

#re_shop_container .re_shop_stock h4 {  
margin:               0vw 1vw  2vw 1vw;
padding:              .15vw 0 .15vw 0;
font-size:            1.45vw;
border-width:         .3vw;
border-radius:        .3vw;
}

#re_shop_container .re_shop_stock .re_shop_selection  {
width:                8.3vw;
height:               14vw;
margin:               .5vw .75vw .5vw .75vw;
padding:              .15vw 0 0 0;
border-width:         .3vw;
}

#re_shop_container .re_shop_stock .re_shop_selection img {
width:                7.5vw;
height:               7.5vw;
border-radius:        4vw;
border-width:         .3vw;
}

#re_shop_container .re_shop_stock .re_shop_selection p {
font-size:            1.5vw;
margin:               0 0 0 0;
padding:              .10vw;
height:               8vw;
}

#re_shop_container .re_product_display {
width:                70vw;
min-height:           10vw;
top:                  1vw;
border-radius:        .5vw;
border-width:         .3vw;
}

#re_shop_container .re_product_display .close {
width: 5vw;
height: auto;
}

#re_shop_container .re_product_display h1 {
font-size:            1.75vw;
margin:               1vw .20vw .5vw .20vw;             
}

#re_shop_container .re_product_display h3 {
border-radius:        .3vw;
margin:               .5vw .20vw .5vw .20vw;
border-width:         .3vw;
font-size:            1.5vw;
}

#re_shop_container .re_product_display h4 {
border-radius:        .5vw;
margin:               .5vw 2vw .5vw 2vw;
border-width:         .3vw;
font-size:            1.5vw;
}

#re_shop_container .re_product_display h5 {
border-radius:       .5vw;
margin:               .5vw 4vw .5vw 4vw;
border-width:         .3vw;
font-size:            1.35vw;
}

#re_shop_container .re_product_display input[type='checkbox'] {
	width: 3vw;
}

#re_shop_container .re_product_display input[type='button'].image_pn_box,
#re_shop_container .re_product_display input[type='button'].pn_box,
#re_shop_container .re_product_display input[type='submit'].image_pn_box,
#re_shop_container .re_product_display input[type='submit'].pn_box {
min-width:   6vw;
height:      4vw;
margin:      1vw;
padding:     .5vw 1vw .5vw 1vw;
font-size:   1.75vw;
border-width: .3vw;
background-size: auto 3vw;
}

#re_shop_container .re_product_display input[type='button'].image_pn_box,
#re_shop_container .re_product_display input[type='submit'].image_pn_box {
padding-left: 3vw;
}

#re_shop_container .re_product_display .section,
#re_shop_container .re_product_display .wide_section {
width:                30vw;
margin-left:          1vw;
margin-top:           1vw;
margin-bottom:        1vw;
font-size:            1.5vw;
}

#re_shop_container .re_product_display .section#limit_me,
#re_shop_container .re_product_display .wide_section#limit_me {
max-height: 25vw;
}

#re_shop_container .re_product_display .section select,
#re_shop_container .re_product_display .wide_section select,
#re_shop_container .re_product_display .section input,
#re_shop_container .re_product_display .wide_section input {
font-size: 1.5vw;
padding: .15vw;
margin: .15vw;
border-width: .3vw;
}

#re_shop_container .re_product_display .wide_section {
width: 90%;
margin: 0 auto .15vw auto;
float: none;
}

#re_shop_container .re_product_display p {
margin:               .3vw .3vw .3vw .3vw;
padding:              .3vw;
border-radius:        .5vw;
border-width:         .35vw;
}

#re_shop_container .re_product_display p img,
#re_shop_container .re_product_display table img,
#re_shop_container .re_product_display ol img,
#re_shop_container .re_product_display ul img {
width: 3vw;
}

#re_shop_container .re_product_display .wide_section .they_be_mates {
margin: 1vw 0 1vw 0;
}

#re_shop_container .re_product_display .wide_section .they_be_mates h6 {
font-size: 1.5vw;
line-height: 2.5vw;
}

#re_shop_container .re_product_display .wide_section .they_be_mates select,
#re_shop_container .re_product_display .wide_section .they_be_mates input {
font-size: 1.5vw;
border-width: .3vw;
}

#re_shop_container .re_product_display #re_product_img {
margin:               .15vw auto .15vw auto;
width: 10vw;
border-width:             .3vw;
border-radius:         2.5vw;
}

#re_shop_container .re_product_display p {
margin:               .15vw .20vw .15vw .20vw;
padding:             .3vw;
border-radius:       .5vw;
border-width:         .3vw;
font-size:           1.5vw;
}

#re_shop_container .re_product_display .icon {
width: 2vw;
height: 2vw;
}

#re_shop_container .re_product_display ul {
margin:             .15vw .15vw .15vw 1vw;
padding:            .15vw;
border-width:       .3vw;
border-radius:      .5vw;
}

#re_shop_container .re_product_display ul li {
margin: .15vw 0 .15vw 0;
}

#re_shop_container .re_product_display table th {
border-width:       .3vw;
}

#re_shop_container .re_product_display p input[type='button'],
#re_shop_container .re_product_display td input[type='button'] {
width: auto;
height: auto;
font-size: 1.75vw;
border-width: .3vw;
padding: .5vw 2vw .5vw 3vw; 
background-size: auto 2vw;
}

#re_shop_container .re_product_display p input[type='checkbox'] {
	width: 2vw;
	height: 2vw;
}

#re_shop_arrows {
min-height:        2vw;
border-radius:     .3vw;
line-height:       3.5vw;
}

#re_shop_arrows .re_left_button, 
#re_shop_arrows .re_right_button {
font-size:         1.5vw;
width:             6vw;
height:            3.5vw;
border-radius:     .5vw;
margin:            1vw 0 0 0;
border-width:     .3vw;
}

#re_shop_arrows .re_left_button {
padding-left:      .20vw;
padding-right:     .20vw;
margin-left:       1vw;
margin-bottom:     1vw;
}

#re_shop_arrows .re_right_button {
margin-right:      1vw;
margin-bottom:     1vw;
}

#re_shop_container .return_link  {
margin:                .3vw 14vw .5vw 14vw;
border-width:          .3vw;
padding:               .3vw;
line-height:            2vw;
background-size:        2vw 2vw;
border-radius:          1vw;
font-size: 1.5vw;
}

#re_shop_container .return_link a {
font-size:             1.5vw;
}

/* Custom Creature Shop */

#re_shop_container .re_product_display#custom_shop_buyer_list ul {
    max-height: 50vh;
    margin-bottom: 1vw;
}

#re_shop_container .re_shop_stock #custom_sale_conditionals .re_shop_selection {
width: 8vw;
    margin-left: 2.5vw;
}

#re_shop_container .re_shop_stock #custom_sale_conditionals .re_shop_selection p {
    font-size: 1.5vw;
    height: auto;
}

#re_shop_container .re_shop_stock #custom_shop_buyer_protection {
    width: 35vw;
    margin: 0 auto 0 auto;
}


#re_shop_container .re_product_display#custom_shop_primary_display .custom_spr {
	width: 10vw;
}

#re_shop_container .re_shop_stock #custom_shop_buyer_protection p {
margin:              .5vw .15vw .3vw .15vw;
padding:             .3vw;
border-radius:       .5vw;
font-size:          1.5vw;
    border-width: .3vw;
}

#re_shop_container  .re_product_display#custom_shop_text_settings_display .wide_section#text_settings textarea {
    width: 96%;
    max-width: 96%;
    margin: 0 auto 0 auto;
    min-height: 10vw;
    font-size: 1.5vw;
}

#re_shop_container  .re_product_display#custom_shop_image_settings_display .wide_section#image_settings input {
    border-width:       .3vw;
}

#re_shop_container  .re_product_display#custom_shop_image_settings_display .wide_section#image_settings h6 {
    width: 30%;
}

#re_shop_container  .re_product_display#custom_shop_image_settings_display .wide_section#image_settings img {
    width: 10vw;
    height: 10vw;
    border-radius: .5vw;
    border-width: .3vw;
}

/* Auction */

#re_shop_container .re_product_display .section#auction_buy {
	margin-right: 2vw;
	margin-bottom: 1vw;
}

#re_shop_container .re_product_display .wide_section ol#bid_history {
max-height: 10vw;
overflow: auto;
}

#re_shop_container .re_product_display#search_display {
	width: 28vw;
}

#re_shop_container .re_shop_stock#auction_stock {
	margin-left: 35vw;
}

#re_shop_container .re_product_display#search_display #search {
margin: 0.10vw auto .3vw auto;
border-width: .3vw;
}

#re_shop_container .re_product_display #pricing_information {
	font-size: 1.5vw;
	padding: .3vw;
}

/* Eq Build Shop */

#re_shop_container .re_npc_speech .st_equip {
	width: 4vw;
    height: auto;
	margin: .5vw .5vw .5vw 0;
}

#re_shop_container .re_npc_speech#build_reward_display {
	margin-left: 16vw;
    height: auto;
}

#re_shop_container .re_npc_speech#build_reward_display .close {
    width: 3vw;
    height: auto;
}

/* Mail NPC Shop */

#mail_notice {
width: 30vw;
border-width: .3vw;
margin: .15vw auto .75vw 40vw;
padding: .30vw;
border-radius: .5vw;
}

#mail_notice h4 {
font-size: 1.45vw;
}

.re_shop_stock#mail_container {
padding-bottom: .5vw;
}

#mail_container .mail_options {
min-height:         2vw;
border-radius:      .5vw;
padding:            .15vw;
margin:             .5vw 1vw .15vw 1vw;
border-width:        .3vw;
}

#mail_container .mail_options input {
margin-left: 7.5vw;
font-size: 1.5vw;
border-width:        .3vw;
padding: .25vw;
}

#mail_container .mail_options table {
font-size:          1.13vw;
}

#mail_container #mail_list {
max-height:         20vw;
width:              95%;
}

#mail_container #mail_list #load_more_mail_button {
margin:             .5vw auto 0 auto;
font-size: 1.5vw;
}


#mail_container #mail_list .mail_box {
border-top-left-radius:    .5vw;
border-bottom-left-radius: .5vw;
width:                     95%;
margin:                    .15vw auto .15vw auto;
border-width:              .3vw;
height:                    6vw;
}

#mail_container #mail_list .mail_box .info h6 {
	margin: .15vw 0 0 .15vw;
	padding: 0;
	font-size: 1.25vw;
}

#mail_container #mail_list .mail_box .info h6 img {
margin-left: 1vw;
width: 2vw;
}

#mail_container #mail_list .mail_box .info p {
	margin: .15vw 0 0 .15vw;
	padding: 0;
	font-size: 1.5vw;
}

#mail_container #mail_list .mail_box .info i {
	right: .15vw;
	top: .15vw;
	font-size: 1.4vw;
}

#mail_display #mail {
width:              90vw;
border-width:       .3vw;
border-top-right-radius: .5vw;
border-top-left-radius: .5vw;
}

#mail_display #mail .close {
width: 3vw;
height: auto;
}

#mail_display #mail .avatar {
width:       7.5%;
margin:      .5vw;
}

#mail_display #mail .avatar img {
width:            100%;
height:           auto;
margin:           .15vw .15vw 0 0;
border-width:     .3vw;
border-radius:    .5vw;
}

#mail_display #mail h3 {
width:            70%;
margin:           0 0 0 10%;
padding:           0px 0px 0 .15vw;
font-size:        1.55vw;
}

#mail_display #mail h4 {
width:            70%;
margin:           1vw 15% 0 15%;
padding:          0px 0px 0 .15vw;
border-width:     .3vw;
font-size:        1.45vw;
}

#mail_display #mail h5 {
margin-left: 1.5%;
font-size:        1.35vw;
}

#mail_display #mail p {
width:            85%;
border-width:     .3vw;
margin:           1vw 0 1vw 10%;
padding:          .3vw;
font-size:        1.5vw;
}

#mail_display #mail span img {
margin:       0 .3vw 0 .3vw;
}

#mail_display #mail .single_mail_options {
padding:            .3vw;
border-width:       .3vw;
}

#mail_display #mail .single_mail_options input,
#mail_display #mail #send {
	margin-left: 4vw;
	font-size: 1.5vw;
	width: auto;
	height: auto;
	padding: .15vw .5vw .15vw 1.5vw;
	background-size: 1.25vw auto;
	border-width: .3vw;
}

#mail_display #mail .data_entry,
#mail_display #mail .big_data_entry {
border-width: .3vw;
width: 95%;
padding: .15vw;
margin-left: 1.5%;
font-size: 1.5vw;
}

#mail_display #mail .big_data_entry {
max-width: 100%;
min-height: 15vh;
}

#mail_display #mail .big_data_entry#reference {
min-height: 7.5vh;
}

#mail_display #mail #send {
margin: 1vw;
}

#filter_panel {
left: 20vw;
top: 5vw;
width: 50vw;
padding: .15vw;
border-radius: .5vw;
border-width:  .3vw;
}

#filter_panel h4 {
font-size: 1.45vw;
}

#filter_panel .close {
width: 3vw;
height: auto;
}

#filter_panel p {
margin: .5vw;
font-size: 1.5vw;
}

#filter_panel table {
border-width:      .3vw;
width: 100%;
padding: .15vw
font-size: 1.5vw;
}

#filter_panel table th {
font-size: 1.5vw;
}

#filter_panel input {
font-size: 1.5vw;
border-width: .3vw;
}

#filter_panel #filter_button {
margin: .5vw;
font-size: 1.5vw;
}

/* News NPC Shop */

#re_shop_container #news_shop_product_display {
width: 95vw;
padding: 0 1.5vw 0 1.5vw;
font-size: 1.5vw;
}

#re_shop_container #news_shop_product_display h3 {
margin-bottom: 1vw;
}

#re_shop_container #news_shop_product_display h5 {
margin-top: 1vw;
margin-bottom: 1vw;
padding: 1vw;
border-width: .3vw;
}

#re_shop_container #news_list {
	padding: 0 2.5vw 0 2.5vw;
}

#re_shop_container #news_list li {
margin:            1vw 0 1vw 0;
padding:          .30vw .50vw .30vw .50vw;
border-width:      .3vw;
border-radius:     .5vw;
}

#re_shop_container #news_list li b {
font-size: 1.60vw;
}

#re_shop_container #news_list li i {
font-size: 1.45vw;
}

/* Equip NPC Shop */

#re_shop_container .re_product_display #fitting_information {
border-radius:  .5vw;
margin:         .15vw 0 1vw 0;
border-width:   .3vw;
}

#re_shop_container .re_product_display #fitting_information table {
	font-size: 1.5vw;
}

#re_shop_container .re_product_display #fitting_information table img {
	width: 3vw;
}

#re_shop_container .re_product_display #fitting_information .equals {
font-size: 2vw;
}

#re_shop_container .re_product_display #fitting_information .unknown {
font-size: 2vw;
}

/* Tutorial NPC Shop */

#re_shop_container #tutor_category {
margin:                1vw 0 1vw 20vw;
width:                 71vw;
padding:              .15vw .25vw .15vw .25vw;
border-radius:         .5vw;
border-width:         .3vw;
max-height:            25vw;
}

#re_shop_container #tutor_category h4 {
margin:                .15vw .5vw .15vw .5vw;
border-radius:         .3vw;
font-size:              1.45vw;
padding:               .25vw .15vw .25vw .15vw;
margin:                .25vw .25vw .25vw .25vw;
border-width:          .3vw;
}

#re_shop_container #tutor_category .sp_link {
width:                 45%;
border-width:         .3vw;
margin:               .5vw .5vw .5vw 2.5%;
}

#re_shop_container #tutor_category .sp_link a {
font-size:          1.40vw;
padding:            .5vw .5vw .5vw 0;
}

#re_shop_container #tutor_category .sp_link:hover,
#re_shop_container .return_link:hover {
border-width:       .3vw;
}

#re_shop_container #display_lesson {
width:                 95vw;
min-height:            10vw;
margin:               .15vw auto 1.5vw auto;
padding:              .15vw 1vw .15vw 1vw;
border-width:         .3vw;
}

#re_shop_container #display_lesson input {
border-width: .3vw;
font-size: 1.5vw;
width: auto;
height: auto;
background-size: 2vw 2vw;
}

#re_shop_container #display_lesson .pocket_nightmare_list, #display_lesson .enemy_list {
border-width: .30vw; 
padding-bottom: .30vw; 
padding-top: 1.30vw; 
}

#re_shop_container #display_lesson .return_link  {
margin:                .5vw 20vw .5vw 20vw;
border-width:          .3vw;
padding:               .5vw 2vw .5vw 2vw;
}

#re_shop_container #display_lesson table {
font-size: 1.5vw;
}

#re_shop_container #display_lesson ol,
#re_shop_container #display_lesson ul {
border-width:        .3vw;
padding: .5vw 0 .5vw 2vw;
margin:  0 1vw 0 2vw;
font-size: 1.5vw;
}


#re_shop_container #display_lesson .month_banner {
border-width:  black solid .3vw;
}

#re_shop_container #display_lesson table h4 {
margin: 0 auto 0 auto;
}

#re_shop_container #display_lesson table tr th {
border-width:   .3vw;
padding:        .3vw;
}

#re_shop_container #display_lesson table tr td  {
border-width:   .3vw;
padding: .15vw;
}

#re_shop_container #display_lesson table tr td img  {
margin:               0 auto 0 auto;
}

#re_shop_container #display_lesson .learn {
box-shadow:        .15vw .15vw .3vw black;
border-width:         .3vw;
}

#re_shop_container #display_lesson ul {
border-width:         .3vw;
padding-bottom:       .3vw;
padding-top:          .3vw;
}

#re_shop_container #display_lesson p {
margin:              .3vw;
border-width:        .3vw;
padding:             .3vw;
font-size:            1.5vw;
}

#re_shop_container #display_lesson td p { 
border-radius:       .5vw;
}

#re_shop_container #display_lesson td ol,
#re_shop_container #display_lesson td ul {
border-radius:       .5vw;
border-width:        .3vw;
padding: .5vw 0 .5vw 2vw;
margin:  0 1vw 0 2vw;
}

#re_shop_container #display_lesson h3 {
font-size:             1.55vw;
margin:               1vw 2vw 1vw 2vw;
padding:          .4vw 0 .4vw 0;
border-width:         .3vw;
}

#re_shop_container #display_lesson h4 {
font-size:        1.45vw;
margin:            1vw 4vw 1vw 4vw;
padding:          .25vw 0 .25vw 0;
border-width:     .3vw;
}

#re_shop_container #display_lesson h5 {
border-width:     .3vw;
margin:            1vw 6vw 1vw 6vw;
padding:          .15vw 0 .15vw 0;
font-size:        1.35vw;
}

#re_shop_container #display_lesson .growth_attr, 
#re_shop_container #display_lesson .key_item,
#re_shop_container #display_lesson .smaller,
#re_shop_container #display_lesson table .shrink img,
#re_shop_container #display_lesson .tutorial_avatar {
width: 3vw;
height: 3vw;
}

#re_shop_container #display_lesson .diff_image {
width: 20vw; 
}

#re_shop_container #display_lesson #cat_info_list li b {
font-size: 1.65vw;
}

/* Breeding Shop */

#breeding_result {
width:        50vw;
border-width: .5vw;
box-shadow:   .15vw .15vw .3vw black;
}

#breeding_result .close {
height: 5vw;
width: 5vw;
}

#breeding_result p {
margin: 1vw 6vw 1vw 1vw;
padding:.15vw .15vw .5vw .15vw;
font-size: 1.5vw;
border-width: .3vw;
}

#breeding_result .egg_icon {
width: 3vw;
}

/* Bedroom/Playroom Shop */

#the_bedroom {
    height: 50vw;
}

#the_bedroom  #bedroom_img {
width:   45vw;
height:   45vw;
border-width: .3vw;
}


#the_bedroom .breeding_talk {
border-width: .3vw;
width:45%;
border-bottom-right-radius: 1vw;
border-top-left-radius: 2vw;
font-size: 1.5vw;
}

#the_bedroom .breeding_talk#bedroom_text_l {
   left: 1vw;
    top: 1vw;
}

#the_bedroom .breeding_talk#bedroom_text_r {
    right: 1vw;
    top: 2vw;
}

#the_bedroom .breeding_talk#bedroom_text_egg {
top: 18vw;
}

#the_bedroom .breeding_talk#bedroom_text_b {
top: 35vw;
left: 1vw;
}

#the_bedroom .breeding_talk#bedroom_text_c {
top: 42vw;
right: 1vw;
}

#the_bedroom .breeding_talk .avatar {
width: 7vw;
}

#the_bedroom .breeding_talk p {
padding: .3vw;
margin:  .3vw 0 .3vw 8vw;
}

#the_bedroom .breeding_talk p#bedroom_exit {
    border-width: .3vw;
    border-radius: 1vw;
    margin: 1vw auto 1vw auto;
    width: 25vw;
    padding: .10vw;
}

#the_bedroom .breeding_talk h3 {
font-size:           1.65vw;
padding:              .05vw 0 .05vw 0;
border-bottom-right-radius: 2vw;
border-top-left-radius: 1vw;
border-width: .3vw;
}

/* Laboratory & Breedin Shops */

#re_shop_container .re_product_display #info_display ul,
#re_shop_container .re_product_display #info_display p {
padding: .15vw;
margin: .3vw 0 .3vw 0;
}

#re_shop_container .re_product_display #info_display ul li {
padding: .15vw;
margin: 0;
}

#re_shop_container .re_product_display #info_display ul li img,
#re_shop_container .re_product_display #info_display p img {
    width: 2.5vw;
}

#re_shop_container .re_product_display #info_display #info_sprite {
margin:               .15vw auto .15vw auto;
border-width:         .3vw;
border-radius:       .5vw;
width:                10vw;
}

#re_shop_container .re_product_display .preparation_table td .spr {
    width: 50%;
    border-width: .3vw;
    border-radius: .5vw;
}

#re_shop_container .re_product_display .preparation_table td.math {
    font-size: 3vw;
}

#re_shop_container .re_product_display .preparation_table td.math img {
    width: 3vw;
    margin-right: 1vw;
}

/* Cooking Shops */

#re_shop_container .re_product_display .preparation_table#cook_table td .spr {
    width: 100%;
}

#re_shop_container .re_product_display .preparation_table td h6.warning {
    font-size: 2vw;
    border-width: .3vw;
    border-radius: 5vw;
}

/* Suggestion Board */

.suggestion_box {
width:               70%;
min-height:          1vw;
padding:              .3vw;
margin:              .3vw auto .3vw auto;
border-radius:       .6vw;
border-width:        .3vw;
}

#stretch_display_box .suggestion_box h1 {
font-size:          1.75vw;
}

#stretch_display_box .suggestion_box h2 {
font-size:          1.65vw;
}

#stretch_display_box .suggestion_box h3 {
font-size:         1.55vw;
}

#stretch_display_box .suggestion_box h4 {
font-size:         1.45vw;
}

#stretch_display_box .suggestion_box h5 {
font-size:         1.35vw;
}

#stretch_display_box .suggestion_box h6 {
font-size:         1.15vw;
}

.suggestion_box h3,  
.suggestion_box h4, 
#suggestion_listing ul li h6 {
width:      90%;
margin:     .25vw auto .25vw auto;
border-width: .3vw;
border-radius: .30vw;
padding: .3vw;
}

.suggestion_box h4 {
 width: 80%;
}

.suggestion_box ul {
width: 90%;
}

#suggestion_listing ul li {
line-height: 2vw;
padding: .3vw;
font-size: 1.5vw;
width: 50%;
margin: 1vw 0 1vw 0; 
}

#suggestion_listing ul li#central {
width: 100%;
}

#suggestion_listing ul li .pn_box_link,
#suggestion_listing ul li .image_pn_box {
height: 3.5vw;
width: 90%;
margin: 0 5% 0 5%;
background-size: 3vw 3vw;
border-width: .3vw;
font-size: 1.5vw;
line-height: 2.25vw;
}

#suggestion_listing ul li h6 {
margin-top: 0px;
padding: 0px;
font-size: 1vw;
width: 70%;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}

#suggestion_posting {
	font-size: 1.5vw;
}

#suggestion_posting th {
	font-size: 1.25vw;
}

#suggestion_posting #cat_select {
  width: 18vw;
  border-width: .3vw;
  padding: .3vw;
  border-radius: 1vw;
}

#suggestion_posting #cat_select select {
	font-size: 1.5vw;
	border-width: .3vw;
}

#suggestion_posting table {
width: 90%;
margin: 0 auto 0 auto;
}

#suggestion_posting #header {
width: 90%;
padding: 1vw;
font-size: 1.5vw;
border-width: .3vw;
}

#suggestion_posting #body {
width: 90%;
max-width: 90%;
height: auto;
min-height: 15vw;
padding: 1vw;
font-size: 1.5vw;
border-width: .3vw;
}

#suggestion_display {
border-radius: 0;
border-top-right-radius:       1vw;
border-top-left-radius:       1vw;
padding-bottom: 0;
padding-right: 0;
}

#suggestion_display, #suggestion_posting, #suggestion_notice {
width: 80%;
margin: 1vw 0 0 0;
border-width: .3vw;
}

#suggestion_display .close, 
#suggestion_posting .close, 
#suggestion_notice .close {
	width: 4vw;
	height: auto;
}

#suggestion_display h2 {
margin-left:       .15vw;
border-width:      .3vw;
}

#suggestion_display h3 {
width:              80%;
border-width:      .3vw;
}

#suggestion_display h4,
#suggestion_display h5,
#suggestion_display h6 {
margin-right: 1vw;
border-width:      .3vw;
}

#suggestion_display #avatar {
width:              10%;
margin:             2.5%;
border-width:      .3vw;
border-radius:      1vw;
}

#suggestion_display p {
width:              80%;
padding:            1vw;
border-radius:      .3vw;
border-width:       .3vw;
font-size: 1.5vw;
}

#suggestion_display .image_pn_box,
#suggestion_posting .image_pn_box {
padding: .3vw 2vw .3vw 3vw;
margin-bottom: .3vw;
font-size: 1.5vw;
background-size: 2vw 2vw;
border-width: .3vw;
}

#suggestion_posting .image_pn_box {
margin: .75vw .15vw 1vw .15vw;
}

#suggestion_display #staff_options  {
padding: .5vw 0 0 .5vw;
height: 3.5vw;
border-width: .3vw;
}

#suggestion_display #staff_options .image_pn_box {
margin-right: 2vw;
}

#suggestion_display #option_container {
padding:      .3vw 0 0 .3vw;
height:        4.5vw;
border-width: .3vw;
}

#suggestion_display #option_container #vote_updater .vote_option {
width: 4vw;
font-size: 2vw;
}

#suggestion_display #option_container #vote_updater {
width: 20vw;
}

#suggestion_display #option_container #vote_updater img {
width: 3vw;
}

#suggestion_display #option_container .pn_box_link {
margin-right: .5vw;
}

#suggestion_display #option_container .image_pn_box {
margin-top: .5vw;
}

#suggestion_notice ol {
width: 80%;
border-width: .3vw;
border-radius: 1vw;
padding: 1vw 1vw 1vw 2vw;
}

#suggestion_notice ol li {
margin: 1vw 0 1vw 0;
font-size: 1.5vw;
}

#suggestion_notice .option {
width: 10vw;
margin: 1vw auto 0vw auto;
height: 2.5vw;
}

#suggestion_notice .option .pn_box_link {
margin: 1vw;
padding: .3vw .5vw .3vw 2.15vw;
font-size: 1.5vw;
background-size: 2vw 2vw;
border-width: .3vw;
}

/* Bottom Info */

#margin_box  #user_bottom_information, 
#margin_box .developer_info,
#margin_box  #footer {
width:        100%;
margin:       0;
padding:      0;
border-right: none;
border-left: none;
border-width: .3vw;
font-size: 1.5vw;
}

#margin_box  #user_bottom_information p {
margin: 1vw 0 1vw 0;
}

#footer {
background: transparent;
border: none;
}

#margin_box .developer_info {
width:            100%;
border-radius:    0;
margin:             0 auto 0 auto;
padding:            .3vw 0 .3vw 0;
border-width:       .3vw;
border-top: none;
}

#margin_box .developer_info table {
border-radius: 0;
width: 50%;
margin: 0 auto 0 auto;
padding: .3vw;
font-size: 1.5vw;
}

/* Error Report Page */

#error_report_display {
padding:           .15vw;
border-width: .3vw;;
margin: .25vw .5vw .25vw .5vw;
font-size: 1.5vw;
}

#error_report_display .er_section {
width: 50%;
float: left;
}

#error_report_display h1 {
  font-size: 1.75vw;
}

#error_report_display h2 {
  font-size: 1.65vw;
}

#error_report_display h3 {
  font-size: 1.55vw;
}

#error_report_display textarea {
height: 25vw;
border-width: .3vw;
font-size: 1.5vw;
}

#error_report_display input {
margin: 1vw;
font-size: 1.5vw;
border-width: .3vw;
}

#error_report_display p, 
#error_report_display ul,
#error_report_display ol {
border-width:       .3vw;
padding:           .25vw;
border-radius:     .3vw;
margin:            .10vw auto .10vw auto;
}

#error_report_display ul,
#error_report_display ol {
padding:  .10vw 0 .10vw 3vw;
}

#error_report_display ul li,
#error_report_display ol li {
    margin: .5vw 0 .5vw 0;
}



/* Status Screen Layout */

#view_status_menu {
margin: 0;
padding-top: 0vw 1vw 0 1vw;
}

#view_status_menu input {
width: auto;
font-size: 1.5vw;
padding: .5vw .5vw .5vw 2.5vw;
margin: .5vw;
background-size: auto 2vw;
border-width: .3vw;
}
 

.status_page .status_window, 
.status_page .small_status_window, 
.status_page .large_status_window, 
.status_page .extra_large_status_window {
padding: 1%;
border-width: .3vw;
font-size: 1.5vw;
}

.status_page div h1 img {
    margin: 0 0 -.25vw .5vw;
    height: 2vw;
    width: auto;
}

.status_page div#profile .portrait {
border-width: .3vw;
border-radius: .5vw;
width: 7.5vw
}

.status_page div#profile img#creature_portrait {
width: 10vw;
}

.status_page div#profile p {
max-height: 10vh;
}

.status_page #outfit_selection {
max-height: 38vw;
}

.status_page .image_pn_box {
padding:.15vw .15vw .15vw 2.5vw;
margin: .25vw 0 .25vw 0;
  font-size: 1.5vw;
background-size: 2vw auto;
border-width: .3vw;
}

.status_page .pn_box {
  border-width: .3vw;
  font-size: 1.5vw;
padding:.15vw;
}

.status_page div#profile #conv_form {
padding:       .5vw;
}

.status_page div#profile #first_superb {
top: 11vw;
left: 9vw;
width: 7vw;
}

.status_page h1,.status_page h2,.status_page h3,.status_page h4,.status_page h5,.status_page h6 {
border-width:       .30vw;
}

.status_page h1 {
font-size: 1.75vw;
width: 90%;
margin: 2vw auto 2vw auto;
}

.status_page h2 {
font-size: 1.65vw;
width: 85%;
margin: 1.8vw auto 1.8vw auto;
}

.status_page h3 {
font-size: 1.55vw;
width: 80%;
margin: 1.6vw auto 1.6vw auto;
}

.status_page h4 {
font-size: 1.5vw;
width: 75%;
margin: 1.5vw auto 1.5vw auto;
}

.status_page h5 {
font-size: 1.4vw;
width: 70%;
margin: 1.4vw auto 1.4vw auto;
}

.status_page h6 {
font-size: 1.3vw;
width: 60%;
margin: 1.3vw auto 1.3vw auto;
}

.status_page h2 input {
    font-size: 1.5vw;
    margin: .15vw;
    padding: 1vw;
    border-width: .3vw;
}

.status_page table {
width: 96%;
margin: 2%;
font-size: 1.5vw;
padding: .15vw;
border-width:.3vw;
}

.status_page .big_number {
font-size: 2vw;
}

.status_page table img,
.status_page p img,
.status_page img,
.status_page ul li img,
.status_page ol li img,
.status_page #discipline_display .attribute_container img {
width: 3vw;
}

.status_page .tat_area {
width: 4vw;
}

.status_page table .sm_avatar {
border-width: .3vw;
border-radius: 2vw;
}

.status_page #sprite_viewer {
max-height: 30vw;
}

.status_page #spr_group img,
.status_page #spr_assignment img,
.status_page #sprite_viewer img {
width: 15vw;
}

.status_page #spr_group img,
.status_page #spr_assignment img {
border-width: .3vw;
margin: .15vw;
border-radius: .5vw;
}

.status_page table input {
width: 10vw;
}

.status_page table .push_down {
margin-bottom: -.5vw;
}

.status_page table th {
border-width: .3vw;
padding: .5vw;
}

.status_page ul,
.status_page ol {
border-width: .3vw;
padding: .5vw;
margin: .25vw;
}

.status_page ul img,
.status_page ol img {
  margin: 1vw 1vw -.5vw 1vw;
}

.status_page p {
margin:             2%;
padding:            2%;
border-width:       .3vw;
}

.status_page #outfit_sprite_selector {
border-width: .3vw;
padding: .25vw;
}

.status_page #outfit_sprite_selector .image_pn_box {
width: 20vw;
}

.status_page .outfit_tab {
width: 96%;
margin: 1%;
padding: 0;
border-radius: .5vw;
border-width: .3vw;
}

.status_page .outfit_tab .outfit_spr {
width: 20%;
}

.status_page .outfit_tab p {
height: auto;
overflow: auto;
display: block;
border-radius: .5vw;
margin-bottom: .5vw;
border-width: .3vw;
}

.status_page .default_spr_selection {
width: 10vw;
}

.status_page .default_spr_selection:hover {
width: 10vw;
}

.status_page #discipline_display {
height: 10vw;
}

.status_page #discipline_display h5 {
margin: 0;
}

.status_page #discipline_display .attribute_container {
width:          5vw;
border-radius:  .5vw;
margin:         .15vw .25vw  .15vw .25vw;
font-size:      1.5vw;
box-sizing: border-box;
}

#outfit_output {
padding: .5vw;
}

#custom_warning {
border-width: .3vw;
margin:       .3vw auto .3vw auto; 
}

#custom_warning p {
margin: .15vw .5vw .5vw .5vw;
padding: .15vw;
border-width: .3vw;
font-size: 1.5vw;
}

#custom_warning h2 {
margin: 0;
padding: .3vw .15vw .3vw .15vw;
font-size: 1.65vw;
}

.status_page #custom_sprites img {
width: 15vw;
}

.status_page #custom_sprites img:hover {
width: 20vw;
}

.status_page #custom_sprites input {
    margin: .10vw 0 .10vw 0;
    width: 15vw;
    padding: .10vw;
}

/* Species Status Voting Menu */

.status_page #vote_options_menu .vote_selector {
width: 33%;
float: left;
}


.status_page #vote_options_menu .vote_selector ul {
height: 10vw;
overflow: auto;
}


.status_page #vote_options_menu .vote_selector ul li {
float: left;
overflow: auto;
width: 25%;
margin: 0;
}

.status_page #vote_options_menu .vote_selector ul li img {
width: 90%;
margin: 0;
}

/* Simplified Guest Menu */

#guest_menu {
width:    100%;
height: 4.5vw;
border-bottom: black solid .3vw;
}

#guest_menu ul  {
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    margin: 0 auto 0 auto;
}

#guest_menu ul li {
    width: 11vw;
    height: 3vw;
    margin: .5vw 0 0 0;
    padding: 0;
}

#guest_menu ul li#main {
margin-left: 2vw;
}

#guest_menu ul li#login {
margin-right: 2vw;
}

#guest_menu ul li a {
    font-size: 1.5vw;
    padding: .30vw .30vw .30vw 2vw;
border-width: .3vw;
background-size: auto 2.4vw;
}

/* Evolution Section */

.status_page #evo_wrapper {
height: 30vw;
}

.status_page #evolve_button {
margin-top: 1vw;
margin-bottom: 1vw;
}

.status_page #evolution_message {
    font-size: 6vw;
  text-shadow:
   -.3vw -.3vw 0 #000,  
    .3vw -.3vw 0 #000,
    -.3vw .3vw 0 #000,
     .3vw .3vw 0 #000;
   }

/* Equip Creature */

#equip_creature_container {
width:               100%;
margin:              0;
border-bottom:       0px;
overflow: auto;
padding: 1%;
}

#equip_creature_container h2 {
width: 100%;
padding: .5vw;
font-size: 1.65vw;
border-top-right-radius: 1vw;
border-top-left-radius: 1vw;
border-width:       .3vw;
}

#equip_creature_container #character_panel,
#equip_creature_container #equip_selection_box {
height: 38vw;
}

#equip_creature_container #character_panel {
width: 40%;
border-width: .3vw;
margin: 0;
}

#equip_creature_container #character_panel #critter_level {
margin-bottom: -.3vw;
width: 2vw;
}

#equip_creature_container #character_panel h4 {
margin:              0 auto 0 auto;
padding:             .25vw;
border-radius:       2vw;
width:               90%;
border-width:       .3vw;
font-size:          1.65vw;
}

#equip_creature_container #character_panel .spr_image {
margin:              .5vw  auto .5vw auto;
width:               50%;
border-width:       .3vw;
border-radius:       .5vw;
}

#equip_creature_container #character_panel table {
width:               90%;
border-width:       .3vw;
font-size:           1.5vw;
border-radius:       1vw;
}

#equip_creature_container #character_panel table img {
width: 2vw;
}

#equip_creature_container #equip_selection_box {
width: 60%;
padding-left: .3vw;
border-width: .3vw;
}

#equip_creature_container #equip_selection_box ul {
list-style: none;
padding: 0;
}

#equip_selection_box ul li {
    height: 3vw;
    margin: 0;
}

#equip_creature_container #equip_selection_box ul li h5 {
width: 85%;
font-size: 1.55vw;
padding: .15vw;
border-width: .3vw;
margin:             0 0 0 0;
}

#equip_creature_container #equip_selection_box ul li select {
width: 85%;
font-size: 1.5vw;
border-width: .3vw;
}


#equip_creature_container #equip_selection_box ul li .examine {
transition:    all 1s ease;
height: 4vw;
margin: -2vw 2vw 0 0;
float: right;
}

#equip_creature_container #equip_selection_box ul li .examine:hover {
opacity: .50;
}

#equip_creature_container #equip_management {
width: 100%;
border-width: .3vw;
}

#equip_creature_container #equip_management ul {
list-style: none;
margin: 0 0 0 8%;
padding: 0;
border-radius: .25vw;
border-width: .3vw;
}

#equip_creature_container #equip_management ul li {
padding: .5vw;
}

#equip_creature_container #equip_management ul li {
border-width: .3vw;
}

#equip_creature_container #equip_management ul li img {
width: 4vw;
}

#equip_creature_container #equip_management input {
margin: 0 4% 0 0;
font-size: 1.5vw;
padding: .25vw .25vw .25vw 2vw;
border-width: .3vw;
background-size: 2vw 2vw;
}

#equip_creature_container #comparison_container {
border-width: .3vw;
border-bottom-left-radius: 1vw;
border-bottom-right-radius: 1vw;
}

#equip_creature_container #comparison_container .eq_output, 
#equip_creature_container #comparison_container #compare_arrow {
height:              30vw;
}

#equip_creature_container #comparison_container #compare_arrow {
width:              10%;
padding: .25vw;
}

#equip_creature_container #comparison_container #compare_arrow img {
margin: 2vw auto 0 auto;
width: 3vw;
}

#equip_creature_container #comparison_container .eq_output  {
width:              45%;
font-size:          1.5vw;
padding: .5vw;
}

#equip_creature_container #comparison_container .eq_output img {
width: 4vw;
margin: .15vw;
}

#equip_creature_container #comparison_container .eq_output p {
font-size:           1.5vw;
padding:             .5vw;
border-radius:       .5vw;
margin:               .15vw;
border-width:        .3vw;
}

#equip_creature_container #comparison_container .eq_output .eq_img {
width: 8vw;
margin: .15vw auto 1vw auto;
border-width:        .3vw;
border-radius: .5vw;
}

#equip_creature_container #comparison_container .eq_output h4 {
margin: 1vw .5vw 1vw .5vw; 
font-size: 1.65vw;
border-width:        .3vw;
padding: .15vw;
border-radius: .5vw;
}

#equip_creature_container #quick_creature {
margin:              1vw auto .15vw  auto;
border-radius:       .5vw;
padding:             1vw;
width:               60%;
border-width:        .3vw;

}

#equip_creature_container #quick_creature h5 {
    margin: 0 0 0 5%;
    padding: 0;
    line-height: 2.5vw;
    width: 25%;
    font-size: 1.5vw;
}

#equip_creature_container #quick_creature select {
    width: 65%;
    font-size: 1.5vw;
    border-width:  .3vw;
}

/* Daily Rewards */

#daily_reward_box {
border-width: .3vw;
}

#daily_reward_box, #daily_reward_box * {
    box-sizing: border-box;
}

#daily_reward_box .daily_reward {
border-radius: .15vw;
margin: 2%;
padding: 1%;
width: 29%;
height: 15vw;
border-width:       .3vw;
}

#daily_reward_box .daily_reward h4 {
font-size: 1.4vw;
}

#daily_reward_box .daily_reward img {
width: 4vw;
}

#daily_reward_box .daily_reward p {
font-size: 1.3vw;
}

#daily_reward_box .daily_reward input {
font-size: 1.3vw;
border-width: .3vw;
padding: .3vw 2vw .3vw 2vw;
background-size: 2vw auto;
}

/* Main Story Section & Selections */

#story_display_box {
width: 95%;
border-width: .3vw;
}

#story_display_box h3, #story_display_box h5  {
font-size: 1.75vw;
width: 90%;
margin: 1vw auto 0 auto;
}

#story_display_box h5 {
font-size: 3vw;
font-weight: normal;
}

#story_display_box p, #story_display_box ul, #story_display_box ol {
font-size: 1.5vw;
margin: 2vw 1vw 2vw 1vw;
}

#story_display_box form {
padding: 0;
margin: 2%;
}

#story_display_box form p {
width: 90%;
margin: 2% 0 2% 5%;
}

#story_display_box a, #story_display_box .pn_box {
font-size: 2vw;
margin: 2vw 1vw 2vw 1vw;
border-width: .3vw;
padding: .5vw;
}

#story_display_box #difficulty_selector {
width: 90%;
}

#story_display_box #difficulty_selector img {
width: 30vw;
}

#story_display_box #episode_selector li p {
text-align: center;
margin: 0 0 0 0;
padding:  1% 0 1% 0;
font-size: 2vw;
}

#story_display_box #selection_notice {
border-width: .3vw;
border-radius: 1vw;
width: 80%;
margin: 0 auto 1vw auto;
padding: 1vw;
font-size: 1.65vw;
}

/* NPC Story Section */

#story-npc-talk * {
box-sizing: border-box;
}

#story-npc-talk .slab_image {
width: 90%;
height: auto;
margin: 2% 5% 2% 5%;
}

#story-npc-talk div {
width: 90vw;
min-height: 12vw;
font-size: 1.5vw;
padding-bottom: .5vw;
margin: 1vw auto 1vw auto;
float: none;
border-width: .3vw;
border-top-left-radius: 1.5vw;
overflow: auto;
}

#story-npc-talk div.sm_speech {
width: 45%;
}

#story-npc-talk div img {
width: 10vw;
height: auto;
margin-right: 1vw;
margin-bottom: .5vw;
}

#story-npc-talk div img.st_item {
width: 4vw;
height: 4vw;
}

#story-npc-talk div img.st_item_l {
width: 7vw;
height: 7vw;
}

#story-npc-talk div .player_spirit {
width: 10vw;
height: 10vw;
background-size: 10vw 10vw;
margin: 0;
}

#story-npc-talk div h4 {
font-size: 1.65vw;
border-width: .3vw;
}

#story-npc-talk div a {
line-height: normal;
padding: 0 0 0 4vw;
white-space: normal;
margin: .5vw 0 .5vw 11vw;
width: auto;
background-size: 3vw auto;
}

#story-npc-talk div p {
padding: .5vw;
margin: 0;
}

#story-npc-talk a {
line-height: normal;
font-size: 1.5vw;
width: 40vw;
padding: 0 0 0 5vw;
margin: 1vw auto 1vw auto;
background-size: 3vw auto;
}

/* Chat Layout */

#birthday_box {
    padding: .5vw;
    border-radius: 2.5vw;
}

#birthday_box h5 {
margin: 0 .15vw 0 0;
}

#chat_room {
width:       97%;
padding:     0 0 0 0;
margin:      0 auto 0 auto;
color:       white;
}

#chat_room h2 {
border:      .3vw solid black;
margin:      .25vw auto .25vw auto;
width: 90%;
font-size: 1.45vw;
border-radius: 1vw;
}

#chat_room h3 {
border-width:   .15vw;
font-size: 1.35vw;
}


#chat_room h4 {
margin:      .25vw auto .25vw auto;
width:       90%;
padding:     .1vw 0 .1vw 0;
margin:      .2vw auto .2vw auto;
border-width: .3vw;
font-size:   1.25vw;
}

#chat_room .chat_bar {
padding:        .10vw 0 .10vw 0;
min-height:     0;
border-width:  .30vw;
line-height: 2vw;
font-size: 1.25vw;
}

#chat_room .chat_bar#room_description {
border-top-left-radius: 1vw;
border-top-right-radius: 1vw;
}

#chat_room .chat_bar#notice {
border-bottom-left-radius: 1vw;
border-bottom-right-radius: 1vw;
}

#chat_room #room_list {
height:      50vh;
width:       20%;
border-width:   .30vw;
font-size: 1.15vw;
}

#chat_room #room_list .image_pn_box {
margin: .15vw auto 0 auto;
width: 60%;
background-size: 1.5vw 1.5vw;
}

#chat_room #room_list ul li img {
margin-right: .15vw;
}


#chat_room #room_list #room_selection {
overflow: auto;
max-height: 20vh;
}

#chat_room #room_list #room_selection li a {
border-width: .3vw;
margin:       .15vw auto .15vw auto;
background-size: 1.5vw auto;
font-size: 1.25vw;
}

#chat_room #chat_messages {
height:      50vh;
border-width: .3vw;
}

#chat_room #chat_messages .player_message {
padding:     .25vw;
margin:      .25vw 0 .25vw 1%;
border-width: .3vw;
font-size: 1.25vw;
}

#chat_room .player_message .pn_box {
margin: .15vw;
}

#chat_room #chat_messages .player_message i {
margin-top: .15vw;
margin-right: .15vw;
font-size: 1.15vw;
}

#chat_room #chat_messages .player_message img.player_avatar,
#chat_room #chat_messages .player_message .content_rating {
width:  1.25vw; 
}

#chat_room #chatter_list {
height:      50vh;
border-width:  .3vw;
}

#chat_room #chat_messages .player_message img {
width:  1.25vw; 
}

#chat_room #chatter_list #notifications {
padding-left: 1vw;
margin: 0px auto 0 auto;
}

#chat_room #chatter_list ul {
font-size: 1.15vw;
}

#chat_room #chatter_list ul li img {
margin-right: .15vw;
width: 2vw;
}

#chat_room #chatter_list #chatter_selection li {
font-size: 1.25vw;
line-height: 2vw;
margin-left: 1vw;
margin-bottom: 1vw;
}

#chat_room #chatter_list #chatter_selection li span img {
width: 1.5vw; 
height: auto;
margin: .15vw 0 0 .15vw;
border-radius: 1vw;
}

#chat_room #chatter_list #chatter_selection li span .avatar {
    border-width: .15vw;
    border-radius: 1vw;
    width: 2vw;
    margin: 0 .10vw -.30vw 0;
}

#chat_room #smiley_box {
border-width:    .3vw;
margin: .15vw auto .15vw auto;
padding: .15vw;
border-radius: .5vw;
}

#chat_room #smiley_box h5 {
    margin: .15vw 0 .15vw 0;
    padding: .15vw .10vw .15vw .10vw;
    font-size: 1.25vw;
    border-width: .3vw;
}

#chat_room #smiley_box img {
    margin: .3vw;
    width: 2vw;
}

#chat_room #private_communications_panel {
border-width:         .3vw;
border-top-left-radius:  1vw;
border-top-right-radius: 1vw;
padding:         .15vw;
margin:          .15vw 0 0 0;
}

#chat_room #private_communications_panel h5 {
font-size:   1.25vw;
margin: .15vw auto .15vw auto;
border-width: .3vw;
}

#chat_room #private_communications_panel input {
font-size: 1.25vw;
border-width: .3vw;
margin: .3vw;
}


#chat_room #chat {
min-height: 10vh;
border-width:     .3vw;
}

#chat_room input, 
#chat_room select {
margin: .5vw 0 .5vw 1vw;
border-width:    .3vw;
font-size: 1.25vw;
}



#chat_room input:hover, 
#chat_room select:hover {
margin: .5vw 0 .5vw 1vw;
border-width:    .3vw;
}

.overlay_menu#profile_card {
width: 60vw;
max-height: 90vh;
top: 1vh;
}

.overlay_menu#profile_card #profile_comment {
    border-width: .3vw;
    padding: 1vw;
    min-height: 20vh;
    font-size: 1.15vw;
    border-radius: 1vw;
}

.overlay_menu#profile_card #update_comment {
    margin: .5vw;
}

.overlay_menu#profile_card h4 {
    text-shadow:
    -.1vw -.1vw 0 #000,
    .1vw -.1vw 0 #000,
    -.1vw .1vw 0 #000,
    .1vw .1vw 0 #000; 
}

.overlay_menu#profile_card ul {
    border-width: .3vw;
    width: 95%;
    padding: .3vw .3vw .3vw .3vw;
    margin: .5vw auto 0 auto;
    border-radius: 1vw;
}

.overlay_menu#profile_card ul li {
    margin: 1%;
    width: 22%;
    margin: 2.5% 0% 2.5% 2.5%;
}

.overlay_menu#profile_card ul li input {
    background-size: 2vw auto;
}

.overlay_menu#profile_card #avatar_holder {
    width: 5vw;
}

.overlay_menu#profile_card #avatar_holder #profile_avatar {
    border-width: .3vw;
    border-radius: 5vw;
}

.overlay_menu#profile_card #avatar_holder #chat_status {
    bottom: -10%;
    right: -10%;
    border-radius: 5vw;
    border-width: .3vw;
    width: 2vw;
}

.overlay_menu#room_creation_menu, 
.overlay_menu#room_editing_menu,
.overlay_menu#roleplay_options_menu {
   top: 1vh;
   max-height: 95vh;
}

.overlay_menu#roleplay_options_menu {
    width: 60vw;
}

.overlay_menu#room_creation_menu ul, 
.overlay_menu#room_editing_menu ul,
.overlay_menu#roleplay_options_menu ul {
    width: 75%;
    padding: .5vw;
    border-radius: 1vw;
    border-width: .3vw;
    padding: .5vw;
}

.overlay_menu#room_creation_menu ul li textarea,
.overlay_menu#room_editing_menu ul li textarea {
    font-size: 1.25vw;
   border-width: .3vw;
   min-height: 12vh;
   margin: 0;
    width: 90%;
    max-width: 90%;
    min-width: 90%;
}

.server_data {
width:            100vw;
font-size:        2vw;
line-height:      initial;
border: black solid .3vw;
background-color: #333333;
padding: .25vw;
border-bottom: none;
}

/* Creature Collection Book */

#collector_cat_list,
#creature_collector_panel {
min-height: 0;
padding: .5%;
margin-left: .5%;
margin-top:  2.5%;
margin-bottom:  1%;
}

#collector_cat_list {
width: 28%;
border-width: .35vw;
}

#collector_cat_list h2 {
margin:  .5vw 0 .5vw 0;
font-size: 2.00vw;
}

#collector_cat_list ul li {
border-width: .25vw;
padding:  .40vw;
margin-top: .5vw;
font-size: 1.6vw;
}

#creature_collector_panel {
width: 70%;
border-width: .35vw;
}

#collector_cat_list select {
font-size: 1.5vw;
border-width:  .2vw;
}

#creature_collector_panel .creature_container {
border-radius:  1.5vw;
margin:         .5%;
width:          48%; 
height:         10vw;
border-width:   .3vw;
}


#creature_collector_panel .creature_container .creature_portrait,
#creature_collector_panel .creature_container .faded_creature_portrait {
width:  25%;
border-width: .3vw;
margin: 2.5%;
border-radius: .5vw;
}

#creature_collector_panel .creature_container .creature_details {
width: 70%;
}

#creature_collector_panel .creature_container .creature_details h3,
#creature_collector_panel .creature_container .creature_details h4,
#creature_collector_panel .creature_container .creature_details h5 {
padding: 0;
margin: 1vw 0 0vw 0;
}


#creature_collector_panel .creature_container .creature_details h3 {
font-size: 2vw;
}

#creature_collector_panel .creature_container .creature_details h4 {
font-size: 1.8vw;
}

#creature_collector_panel .creature_container .creature_details h5 {
font-size: 1.6vw;
}

#creature_collector_panel #prev,
#creature_collector_panel #next {
width: 7vw;
margin: 1.5vw;
}

/* Fashion Handbook */

#fashion_handbook {
width:  95vw;
border-width:  .25vw;
margin:  1vw auto 0 auto;
border-radius:  .5vw;
padding:  0;
}

 #fashion_handbook h3 {
font-size: 1.5vw;
 }

#fashion_handbook #search_options table {
font-size: 1.35vw;
}

#fashion_handbook #search_options table select,
#fashion_handbook #search_options table input {
margin: .25vw;
border-width:  .20vw;
padding:  .5vw;
font-size: 1.25vw;
}

#fashion_handbook .fashion_entry {
border-width: .25vw;
width: 47%;
margin: .15vw;
border-radius:  .5vw;
padding: .15vw;
}

#fashion_handbook .fashion_entry h4 {
 width: 90%;
font-size: 1.35vw;
 height: 2.5vw;
 margin: 1vw auto 0 auto;
}

#fashion_handbook .fashion_entry .fashion_info {
}

#fashion_handbook .fashion_entry .fashion_info .stand_img {
width:  15vw;
margin: .5vw;
margin-right:  0;
border-width: .25vw;
padding: .2vw;
border-bottom-left-radius: .5vw;
border-top-left-radius: .5vw;
border-bottom-right-radius: .5vw;
}


#fashion_handbook .fashion_entry .fashion_info p {
width:  27.5vw;
margin: .5vw;
border-width: .25vw;
margin-left:  0;
font-size:  1.25vw;
border-width: .25vw;
padding: .2vw;
border-bottom-right-radius: .5vw;;
border-top-right-radius: .5vw;;
}

#fashion_handbook .directory_arrows img {
width: 10vw;
margin: 1vw;
}