@media (orientation:portrait) 
{

body {
    background-position: top left;
    background-attachment: fixed;
    background-size: auto auto;
}

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


.tooltip
{
    padding: 1vw;
    border-radius: .50vw;
    border-width: .25vw;
    font-size: 3.50vw;
}

.tooltip h4 {
margin:       .25vw .25vw 1vw .25vw;
padding: .25vw 0 .25vw 0;
border-radius: .50vw;
border-width: .25vw;
font-size: 3.75vw;
}

.tooltip p {
margin:           .50vw;
padding:          1vw;
border-radius:    .15vw;
background:       #190426;
word-wrap:        break-word;
}

.tooltip table {
width:            100%;
margin:           0 auto 0 auto;
}

.tooltip ul {
padding: 0;
margin: 0;
}

.tooltip .taskbar_legend img {
max-width: 4vw;
margin-right: .25vw;
}

.tooltip .dp_area {
position:              absolute;
margin:                -50px 0 0 -70px;
border:                black solid 2px;
box-shadow:           -5px 5px 20px #3d3791;
}
 
    .tooltip:after /* triangle decoration */
    {
        width: 0;
        height: 0;
        border-left: .50vw solid transparent;
        border-right: .50vw solid transparent;
        border-top: .50vw solid #111;
        content: '';
        position: absolute;
        left: 50%;
        bottom: -1vw;
        margin-left: -1vw;
    }
 
        .tooltip.top:after
        {
            border-top-color: transparent;
            border-bottom: .50vw solid #111;
            top: -2vw;
            bottom: auto;
        }
 
        .tooltip.left:after
        {
            left: 1vw;
            margin: 0;
        }
 
        .tooltip.right:after
        {
            right: 1vw;
            left: auto;
            margin: 0;
        }


#margin_box #user_bottom_information {
margin:       0 auto 0 auto;
padding:      2vh 0 2vh 0;
border-width: .15vw;
font-size:     2.25vw;
line-height:   normal;
}

/* Cookie Notice Layout */

#cookie_notice_1 {
font-size: 3vw;
width: 100%;
border-width: .40vw;
box-shadow:     0vw .20vw 2vw yellow;
}

#cookie_notice_1 p {
border-width: .25vw;
font-size: 3.5vw;
padding: 2vw;
text-align: left;
font-size: 3vw;
border-radius: 2vw;
}

#cookie_notice_1 h5 {
border-width: .25vw;
margin: 2vw auto 2vw auto;
font-size: 3.5vw; 
}

#cookie_notice_1 .image_pn_box#got_it {
line-height: 2vw;
padding: 2vw 3vw 2vw 7vw;
font-size: 4vw;
margin: 2vw auto 2vw auto;
border-width: .60vw;
background-size: 6vw;
}

/* Suckerfish Menu */

.sf-menu, .sf-menu * {
width: 99.5vw;
margin: 0;
border-width: .6vw;
} 

.sf-menu a {
width: 16.58vw;
height: 5vh;
font-size: 2.5vw;
line-height: 5vh;
box-shadow: inset 0px 0px 0px .15vw black;
background-position: left center; 
margin: 0;
padding: 1vw 0 1vw 0;
border-width: .3vw;
}

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

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

 .sf-menu ul li a {
height: 10vh;
line-height: 3vh;
padding: 0;
margin: 0;
}

.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.58vw;
padding: 0;
margin: 0;
}

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

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

/* Account Menu */

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

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

#manage_box #info_menu {
width:                25%;
margin:               0 0 0 0;
overflow: auto;
float: left;
max-height: 75vh;
}

#manage_box #info_menu #avatar {
border-width: .6vw;
border-radius: 2.5vw;
width: 100%;
height: auto;
float: none;
}

#manage_box #info_menu div {
width: 95%;
border-width: .3vw;
margin-left: 2.5%;
float: left;
max-height: none;
}


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

#manage_box #info_menu ul li {
padding:             0;
line-height:         4vw;
margin:    1.5vw 0 0vw 0;
float: none;
width: 100%;
border-width: .6vw;
background-size: 4vw auto;
}

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

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

#manage_box .player_information {
width: 70%;
float: left;
display: none;
border-width: .6vw;
padding-bottom: 2vw;
border-radius: 2vw;
margin-top: .5vw;
max-height: none;
max-height: 75vh;
}

#manage_box .player_information p {
    font-size: 3vw;
    padding: .5vw;
    margin: 2vw 6vw 2vw 6vw;
}

#manage_box .player_information h2 {
    font-size: 3.25vw;
    margin: 4vw 0 4vw 0;
}

#manage_box .player_information h3 {
    font-size: 3.10vw;
    margin: 2vw 0 2vw 0;
}

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

#manage_box .player_information li {
border-width: .6vw;
width: 95%;
margin: 1vw 2.5% 1vw 2.5%;
height: auto;
line-height: auto;
padding: .6vw;
}

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

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

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

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

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

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

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

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

/* Player Status Menu */

.extra_player_status_menu  {
width:            95%;
min-height:       auto;
border-width:     .6vw;
padding: .5vw;
}

.extra_player_status_menu h5 {
margin:              2vw 4vw 2vw 2vw;
padding:             0;
border-width:        .5vw;
clear:               both;
font-size: 2.8vw
}

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

.extra_player_status_menu p {
font-size: 3vw;
border-width: .6vw;
padding: 1vw;
}

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

.extra_player_status_menu .image_pn_box {
padding-left: 3vw;
padding-bottom: 4vw;
background-size: 3vw 3vw;
font-size: 3vw;
line-height: 2vw;
border-width: .6vw;
}

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

/* Map Container */

.map_container span.pending_reward {
font-size:         2.75vw;
padding:          1vw;
margin:           .50vw auto 1vw auto;
border-width:      .60vw;
width: 90%;
}

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

.map_container#world h4, 
.map_container#world h3 {
width:             90vw;
border-width:     .6vw;
max-width:         1000px;
font-size: clamp(1px, 3vw, 28px);
padding: 1;
}


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

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

.map_container #map_box {
background-size: cover;
max-width:         1000px;
max-height:         750px;
width:             90vw;
height:            67.5vw;
padding:          0;
border-width:     .6vw;
}

#taskbar {
  height: 20vw;
  padding: .15vw 0 .15vw 0;
  border-width: .6vw;
  font-size: 2vw;
}

#taskbar .tskbr_entry {
width: auto;
height: 5vw;
margin: 1vw;
padding: 1vw;
border-width: .6vw;
}

#taskbar .tskbr_entry a,
#taskbar .tskbr_entry b {
margin-right: 0.5vw;
font-size: 3vw;
}

#taskbar .tskbr_entry img {
border: none;
height: auto;
width: 6vw;
}

#taskbar #mini_notice {
margin-right: 0;
float: left;
display: none;
}

#mini_chat {
display: none;
width:                            40vw; 
height:                           70vw; 
background:                       black;
font-size:                        1vw;
z-index:                          100;
background-color:                 #161f2d;
background:                       rgba(22,31,45,0.90);
border:                           .25vw solid black;
border-radius:                    2vw;
color:                            white;
bottom:                           22vw;
right:                            1.25vw;
position:                         fixed;
}

#mini_chat #mini_chat_close_button {
border:                           none;
width:                            7vw;
}

#mini_chat h4 {
margin:     2vw auto 2vw auto;
padding:    0;
font-size: 2.50vw;
}

#mini_chat #selector_container  {
overflow:                         auto;
margin-top:                       .50vw;
}

#mini_chat #selector_container select {
font-size:                        2.5vw;
border:                           .25vw solid black;
}

#mini_chat select, #mini_chat h5 {
font-size:                        2.15vw;
margin:                           0 0 0 .75vw;
padding:                          0;
text-align:                       center;
border:                           none;
float: left;
}

#mini_chat #chat_messages {
width:              97.5%;
height:             35vw;
background-color:   #283b49;
padding:           .15vw;
background:         rgba(42,62,77,0.90);
margin:             1vw;
color:              white;
border:             .25vw solid black;
font-size:          2vw;
overflow:           auto;
word-wrap:   break-word;
}

#mini_chat textarea {
height:             14vw;
width:              97.5%;
background:         black;
color:              white;
font-size:          2.25vw;
border:            .25vw solid black;
padding:            0;
margin:             0 0 0 1vw;
resize:             none;
}

#mini_chat input {
background-color:   #283b49;
border:      .25vw solid black;
font-size:   2.40vw;
padding: 1vw;
margin:      1vw;
color:       white;
float:       right;
border-bottom-right-radius:       1.5vw;
}

/* LESP Reward Ad */

#lesp_countdown_display {
color:           white;
width:           30vw; 
height:          auto;
left:                             -14vw;
bottom:                            26vw;
padding:                          1vw 1vw 1vw 2vw;
border-width:                     .6vw;
border-top-right-radius:          1vw;
border-bottom-right-radius:       1vw;
}

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

#lesp_countdown_display #sprite {
width: 90%;
height: auto;
max-width: 200px;
}

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

/* Conversations */

.screen_cover#storyteller #inner_convo {
width:       95vw;
min-height:  60vw;
margin-left: 2.25vw;
}

.screen_cover#storyteller #inner_convo #title_display {
font-size: 6vw;
margin-top: 14vw;
right: -50%;
border-width:   .5vw;
padding: .5vw;
text-align: center;
border-radius:.5vw;
width: 94%;
}

.screen_cover#storyteller #inner_convo #background_div {
width: 82vw;
margin-top: 10vw;
height: 19.5vw;
border-width: .3vw;
border-radius: .5vw;
left: 4vw;
}

.screen_cover#storyteller #inner_convo #message_window {
margin-top: 20vw;
width: 80vw;
height: 24.5vw;
left: 5vw;
}

.screen_cover#storyteller #inner_convo #message_window #c_avatar {
margin-left: 5vw;
top: 5vw;
width:  9vw;
height: 9vw;
border-width: .3vw;
}

.screen_cover#storyteller #inner_convo #message_window #c_message {
height: 11.5vw;
width: 49.5vw;
margin-left: 16vw;
margin-top: 5vw;
font-size: 2.5vw;
}

.screen_cover#storyteller #inner_convo #next_button, 
.screen_cover#storyteller #inner_convo #battle_button {
width: 10vw; 
height: 16vw;
margin-right:  5vw;
bottom: 1vw;
}

.screen_cover#storyteller #inner_convo #next_button h4, 
.screen_cover#storyteller #inner_convo #battle_button h4 {
line-height: 10vw;
font-size: 4vw;
}

.screen_cover#storyteller #inner_convo .left_images, 
.screen_cover#storyteller #inner_convo .right_images {
position: absolute;
height: 25vw;
margin-top: 5vw;
}

.screen_cover#storyteller #choice_box {
margin-left: 5vw;
margin-top: 20vw;
max-height: 50vw;
overflow: auto;
width: 80vw;
font-size: 2.5vw;
border-radius: 3vw;
background:   rgba(0,0,0,.80); 
padding: 1vw;
}

.screen_cover#storyteller #choice_box h4 {
margin: .25vw 0 .25vw 0;
}

.screen_cover#storyteller #choice_box .choice {
border-width: .25vw;
border-radius: .5vw;
padding: .25vw .25vw .25vw 5vw;
margin: 2vw 0 2vw 0;
font-size: 2.5vw;
background-size: 5vw 3vw;
}

/* Tutorial Section */

.screen_cover#tutorial div .icon {
width: 3vw; 
margin-bottom: -.5vw;
}

.screen_cover#tutorial div #close {
min-width: 5vw;
}

.screen_cover#tutorial div h4 {
font-size: 3.5vw;
}

.screen_cover#tutorial div p, .screen_cover#tutorial div ul, .screen_cover#tutorial div ol {
font-size: 3vw;
}

.screen_cover#tutorial div ol {
margin: 0 0 0 2vw;
}

.screen_cover#tutorial div .avatar, 
.screen_cover#tutorial div .avatar_r, 
.screen_cover#tutorial div .avatar_l,
.screen_cover#tutorial div .spr {
margin:           .5vw;
border-radius: .5vw;
width: 7vw;
height: auto;
}

.screen_cover#tutorial div h6 {
font-size: 2vw; 
}

.screen_cover#tutorial div #next_tutorial {
width: 20vw;
height: auto;
border-width: .25vw;
padding: .25vw;
margin-bottom: .5vw;
}

.screen_cover#tutorial div #next_tutorial span {
width: 5.5vw;
text-align: center;
font-size: 3vw;
float: left;
margin: 0;
padding: 0;
}

.screen_cover#tutorial div #next_tutorial #moving_arrow {
float: right;
height: 5.5vw;
margin: .25vw .5vw 0 0;
padding: 0;
}

/* Dungeon Layout */

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

#dungeon_container {
width:              100%;
margin:             0;
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:                  2.25vw;
font-size:                    3vw;
width:                        80vw; 
border-top-right-radius:      1.5vw;
border-top-left-radius:       1.5vw;
padding:                      2vw 0 2vw 0;
border-width:                 .6vw;
margin-left:       10vw;
}

#dungeon_map {
width:              80vw; 
height:             80vw; 
border-width:      .6vw;
margin:       0 auto 0 auto;
float: none;
}

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

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

#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: .6vw;
}

#dungeon_menu {
width:              80vw;
min-height:         35.0vw; 
border:             black solid .6vw;
border-top:         none;
border-bottom-right-radius:   2vw;
border-bottom-left-radius:   2vw;
margin:       0 auto 0 auto;
float: none;
clear: both;
}

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

#dungeon_menu table {
width: 100%;
}

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

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

#dungeon_menu table td input {
width: 27vw;
font-size: 3vw;
padding: 2vw 2vw 2vw 5vw;
margin: 1vw;
border-width:       .6vw;
background-size: 5vw 5vw;
}

#dungeon_menu h2 {
    font-size: 6vw;
width: auto;
border-width:       .6vw;
padding: 2vw 0 2vw 0;
margin: 0;
}

#dungeon_menu h2 img {
margin-bottom: 0vw;
width: 6vw;
}

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

#dungeon_menu h4 {
border-width:       .6vw;
font-size:          3vw;
padding:             1vw 0 1vw 0;
margin:             .15vw auto .15vw auto;
}

/* Universal Overlay Menu Layout */

.overlay_menu {
top: 1vh;
width:              90vw;
min-height:         5vw;
max-height:         80vh;
padding:            1vw 1vw 1vw .60vw;
border-radius:      .30vw;
box-shadow:         .30vw .30vw .50vw black;
border-width:       .6vw;
z-index:            20;
font-size:          3vw;
}

.overlay_menu .sm_icon {
    width:  3vw;
}

.overlay_menu#affliction_display {
    top: 10vh;
}

.overlay_menu input {
min-width: 20vw;
font-size: 3vw;
padding: 1vw;
background-size: 4vw 4vw;
min-height: 3vw;
border-width: .6vw;
}

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

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

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

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

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

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

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

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

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

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

.overlay_menu h4 {
margin: 2.9vw 0 2.9vw 0;
font-size: 3vw;
}

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

.overlay_menu h6 {
margin: 2.5vw 0 2.5vw 0;
font-size: 2.6vw;
}

.overlay_menu p {
background-color:      #2a3e4d;
border-width: .6vw;
padding: .25vw;
}

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

.overlay_menu .option_container input {
    width: auto;
}

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

/* Dungeon Overlay Menu Layout */

.overlay_menu#party_manage {
width:     90vw;
}

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

.overlay_menu#party_manage .creature_card h6 {
font-size:     3vw;
margin:        1vw 0 1vw 0;
}

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

.overlay_menu#party_manage .creature_card .card_spr {
width:             80%;
border-width:      .6vw;
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: 3vw;
}

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

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


.overlay_menu#supply_viewer {
width: 90vw;
}

.overlay_menu#supply_viewer table, 
.overlay_menu#supply_viewer .reward_container,
.overlay_menu#supply_viewer .half_reward_container {
margin: 1vw auto 1vw auto;
font-size: 3vw;
padding: .25vw;
width: 90%;
border-width: .6vw;
border-radius: .6vw;
padding-bottom:  2vw;
float: none;
}

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

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

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

.overlay_menu#party_member_modifier {
width:     90vw;
}

.overlay_menu#party_member_modifier h3 {
font-size: 3vw;
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: 90vw;
}

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

.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: 4vw;
}

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

.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: 1vw;
}

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

.overlay_menu#party_member_modifier #replace_output p,
.overlay_menu#party_creation_box #creation_information p {
font-size: 3vw;
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: 3vw;
}

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

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

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

.overlay_menu#party_creation_box table {
width: 100%;
border-width: .6vw;
}

.overlay_menu#party_creation_box table select,
.overlay_menu#party_creation_box table input[type='text'] {
width: 90%;
border-width: .6vw;
}

.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: 10vw;
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: 3vw;
padding: .30vw;
width: 90%;
margin: 1vw auto 1vw auto;
border-width: .6vw;
}

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

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

.overlay_menu#party_adventure_menu div .reward {
width:               30%;
border-width:        .6vw;
border-radius:       .50vw;
padding:             .3vw .3vw .3vw .3vw;
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: 30%;
}

.overlay_menu#party_adventure_menu #adventure_info_display .sm_key_item {
width: 6vw;
}

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

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

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


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

.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: 50vw;
padding: .25vw;
}

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

.overlay_menu#feeding_menu {
    width: 90vw;
}

.overlay_menu#feeding_menu #exp_food_information {
width: 98%;
margin: .50vw auto .50vw auto;
border-width: .6vw;
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: 20vw;
display: block;
border-width: .6vw;
padding: .5vw;
}

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


.overlay_menu#after_battle {
width: 50vw;
top: 25vh;
padding: .25vw;
}

.overlay_menu#after_battle h4 {
padding:            .50vw;
}

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

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

.overlay_menu#after_battle #exit_link #exit_button {
border-width: .6vw;
padding: 2vw;
}

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

.overlay_menu#taskbar_legend {
width: 90vw;
padding-bottom: 2vw;
}

.overlay_menu#taskbar_legend table {
border-width: .6vw;
font-size: 3vw;
width: 90%;
}

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


/* Auto Battle Layout */

#ab_container {
height:           4vh;
border:   black solid .60vw;
border-top: none;
}

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

/* Camp Layout */

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

.camp_notification h4 {
width: 90%;
margin:          2vw auto 2vw auto;
border-radius:    1vw;
border-width:     .6vw;
font-size: 3.3vw;
}

.camp_notification p {
font-size: 3vw;
padding: 1vw;
}

.camp_spacer {
height:      7vw;
}

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

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

#top_camp_menu #mod_buttons {
width: 15%;
margin: 0 .5vw .5vw .5vw;
}

#top_camp_menu #mod_buttons img {
width: 6vw;
border-width: .6vw;
border-radius: 1vw;
width: 90%;
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: 4vh;
font-size: 2.75vw;
width: 24vw;
padding: .50vw 2vw .50vw 5vw;
margin: 1vw;
background-size: 4vh 4vh;
border-width: .6vw;
}

#camp_notice {
padding:          1vw 1vw .30vw 1vw;
margin:            0;
border-width:     .6vw;
}

#camp_notice #camp_info_header h4  {
min-width:       auto; 
margin:          .15vw .15vw .15vw .15vw;
border-radius:   2vw;
border-width:    .6vw;
font-size:       3.25vw;
}

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

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

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

.inventory_containers {
margin: 0 0 0 0;
}

#creature_changer .camp_creature {
width:         48%;
height:        60vw;
padding:       0 0 .60vw 0;
margin:        .75vw .75vw 0 .75vw;
border-radius: 2vw;
border-width:  .60vw;
}

#creature_changer .camp_creature .magnifier {
width:         8vw; 
height:        auto;
}

#creature_changer .camp_creature h3 {
margin:        2vw 0 2vw 0;
font-size:     4vw; 
}

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

#creature_changer .camp_creature table img {
    margin-right: .60vw;
    width: 4.5vw;
}

#creature_changer .camp_creature .camp_sprite {
width:             30vw;
height:            30vw;
background-size: 100% 100%;
margin: 1vw auto 0 auto;
border-width:  .60vw;
}

#creature_changer .camp_creature .camp_sprite p {
margin:       0 0 0 0;
font-size:    2.30vw;
padding:     .6vw .30vw .6vw .30vw;
}

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

/* Camp Order Menu */

.order_menu {
bottom:           0; 
left:             0;
z-index:          25;
border-width:    .60vw;
}

.order_menu .camp_controls {
margin: 2vw auto 0 auto;
padding: 0;
}

.order_menu .camp_controls ul {
width: 100%;
overflow: auto;
padding: 0;
margin: 0;
clear: both;
display: block;
}

.order_menu .camp_controls ul li {
line-height: 5vw;
float: left;
}

.order_menu .camp_controls ul li p {
    width: 10vw;
    padding: 0;
    margin: 0;
font-size: 3vw;
line-height: 10vw;
}

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

.order_menu .camp_controls ul li input {
    width: 18vw;
}
 
.order_menu .control_button {
width: 10vw;
margin: 1vw 1vw 1vw 1vw;
padding-top: 0vw;
}

/* Key Inventory Layout */

.key_box {
height:            auto;
width:             95%;
margin:            .30vw auto 0 auto;
padding-bottom:           2vw;
font-size:         3vw;
border-width:      .6vw;
float: none;
margin: 0 auto 0 auto;
}

.key_box img.inventory_pic {
width:             10vw;
height:            10vw;
margin:            1vw 1vw 0 1vw;
border-width:      .60vw;
border-radius:     2vw;
}

.key_box p {
font-size:         3vw;
height:            auto;
min-height:        10vw;
margin:            1vw 1vw 0vw 14vw;
padding:           1vw;
border-width:     .60vw;
}

.key_box p.expanded {
height:            auto;
}

.key_box h4 {
margin:            0 0 0 0;
padding:           1vw 0 1vw 0;
border-width:      .60vw;
height:            3vw;
font-size:         3.3vw;
}

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

/* Marble Inventory Layout */

.marble_box {
width:             48vw;
height:            27vw;
margin:            1vw 0 0px 1vw;
font-size:         3vw;
border-width:      .6vw;
}

.marble_box ul {
height:   14vw;
margin:   0;
padding: .60vw 0 0 0;
font-size: 3vw;
}

.marble_box ul li img {
width: 6vw;
margin-right: 1vw;
margin-bottom: -.50vw;
}

.marble_box h4 {
margin:            0 0 0 0;
padding:           1vw 0 0 0;
border-width:      .60vw; 
height:             6vw;
font-size: 3.3vw;
}

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

.marble_box img.inventory_pic {
width:             15vw;
height:            15vw;
margin:            1vw 1vw 0 1vw;
border-width:      .60vw;  
border-radius:     8vw;
}


/* Equip Inventory Layout */

.outer_equip_box {
height:        auto;
margin:        2vw 0 2vw 2vw;
}

.outer_equip_box .equip_box {
width:             94vw;
height:            auto;
font-size:         3vw;
border-width:     .60vw;
padding: 0 0 2vw 0;
}

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

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

.outer_equip_box .equip_box h4 {
padding:           .30vw 0 .30vw 0;
margin:            0;
border-width:     .6vw;
height:            auto;
font-size:         3.3vw;
line-height:       6vw;
}

.outer_equip_box .equip_box p {
font-size:        3vw;
border-width:     .60vw;
margin:           0 .60vw 0 12vw;
padding:         .30vw;
}

.outer_equip_box .equip_box p img {
    width: 6vw;
    margin-bottom: -.60vw;
}

.outer_equip_box .equip_box .eq_attributes {
height:           auto;
min-height:       15vw;
border-radius:    2vw;    
margin-top:      1vw;  
margin-left: 16vw;
}

.outer_equip_box .equip_box .eq_special {
height:          auto;
border-top-right-radius:    2vw;
border-top-left-radius:    2vw;
margin-top:      1vw; 
margin-left:     1vw;
}

.outer_equip_box .equip_box .eq_extensions {
height:           auto;
margin-left:     1vw;
}

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

.outer_equip_box .eq_marble img, 
.outer_equip_box .safety {
width:             10vw; 
height:            auto;
border-width:     .60vw;
padding:           .60vw;
border-bottom-right-radius:    2vw;
border-bottom-left-radius:     2vw;
margin-left: 4vw;
margin-top: 0;
}

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

/* Item Inventory Layout */

.item_box {
height:            auto;
width:             95%;
margin:            2vw auto 0 auto;
padding:            0;
font-size:         2vw;
z-index:           2;
border-width:      .60vw;
float: none;
}

.item_box img.inventory_pic {
width: 15vw;
left: 0;
padding: 1vw;
}

.item_box h4 {
padding:           .30vw 0 .30vw 0;
margin:            0;
border-width:       .60vw;
height:            8vw;
line-height:        7vw;
font-size:         3vw;
}

.item_box h4 img {
width: 4vw;
margin-bottom: -1vw;
}

.item_box h4 .hide_option {
right: 1vw;
border-width:       .6vw;
width: 10vw;
height: auto;
margin: .6vw .6vw .6vw 0;
font-size: 3vw;
}

.item_box p {
border-width:       .6vw;
padding: .5vw .6vw .5vw .6vw;
margin: 0;
}

.item_box p img {
width: 4vw;
}

.item_box .item_top_info {
font-size:         3vw;
height:            auto;
min-height:        16vw;
margin:            .6vw .6vw 0 16vw;
}

.item_box .item_top_info input {
height: 5vw;
margin: .6vw .6vw .6vw 0;
font-size: 3vw;
}

.item_box .item_bottom_info {
height:       auto;
margin:       .6vw;
line-height: 8vw;
font-size: 2.5vw;
}

.item_bottom_info .pn_box {
width: 10vw;
height: auto;
font-size: 3vw;
border-width: .6vw;
}

.item_box .fav_icon {
width: 8vw;
right: .6vw;
top: .6vw;
}

.item_box .pn_box_link {
width: 10vw;
height: auto;
font-size: 3vw;
padding: .30vw;
border-width: .6vw;
}

/* Party Layout */

.party_container {
width:               95vw;
margin:              1vw 0 1vw .6vw;
}

.party_container .creature_party {
width:               93vw;
height:              78vw;
margin:              0 auto 0 auto;
padding:             2vw .6vw 2vw .6vw;
border-radius:       2vw;
border-width:        .60vw;
}

.party_container .creature_party .group_wrap {
height: 44vw;
margin: 5vw auto 2vw auto;
}

.party_container .creature_party .group_wrap .creature_box {
width:            30vw;
height:           28vw;
margin:           .30vw 0 0 .60vw;
font-size:        3vw;
line-height: 5vw;
}

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

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

.party_container .creature_party .group_wrap .creature_box img {
border-border:       .30vw;
border-radius:       .60vw;
padding:              0 0 0 0;
}

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

.party_container .creature_party .group_wrap .creature_box img.party_battle_type {
    height:  8vw;
    top:  25vw;
    left:  20.75vw;
}

.party_container .creature_party .group_wrap .creature_box .arrow_switch_r,
.party_container .creature_party .group_wrap .creature_box .arrow_switch_l {
width: 5vw;
margin-top: -1vw;
}

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

.party_container .creature_party .adventure_container .adv_repeat {
top: 0;
left: 12vw;
width: 10vw;
}

.party_container .creature_party .adventure_container  .adv_image {
    width: 50vw;
    margin-left: 25%;
}

.party_container .creature_party .adventure_container .wait_message {
width:    95%;
top: 13vw;
border-radius: 1vw;
padding: 2vw;
font-size: 3vw;
}

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

.party_container .creature_party .party_header h4,
.party_container .creature_party .party_footer h5 {
border-width:        .60vw;
border-radius:       1vw;
font-size:           3.25vw;
width:               40vw;
margin:              0 auto 0 auto;
padding:             0 !important;
line-height:         4vw;
}

.party_container .creature_party .party_footer h5 {
font-size:           3vw;
line-height: 5vw;
}

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

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

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

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

/* Battle Layout */

#background_map_display {
width: 80vw;
height: 80vw;
top: 18vw;
border-width:  .30vw;
border-radius: .50vw;
}

.action_button {
margin-left: 1vw;
}

#admin_battle_menu {
padding: 1vw 4vw 1vw 4vw;
margin: 1vw auto 3vw auto; 
  position: relative;
  top: 2vw;
}

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

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

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

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

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

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

#battle_header_container #turn_info_container h6 {
width: 100%;
font-size: 2.30vw;
border-radius: 10vw;
padding: 0;
margin: -4vw auto 0 auto;
    text-shadow:
    -.30vw -.30vw 0 #000,
    .30vw -.30vw 0 #000,
    -.30vw .30vw 0 #000,
    .30vw .30vw 0 #000; 
}

.choose_action  {
margin: 9vw  0 0 35vw;
padding: .60vw;
}

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

#battle_execute {
width: 90vw;
height: 4.50vw;
padding: 1vw;
margin: 0 auto 0 auto;
}

#battle_execute input {
    font-size: 2.30vw;
    width: 20vw;
    padding: .60vw .60vw .60vw 4vw;
    background-size: 4vw 4vw;
}

#battle_execute img {
width: 4vw;
}

#battle_execute #reposition_button {
left: 2vw;
}

#battle_execute #repeat {
left: 32vw;
}

#battle_execute #execute {
left: 37vw;
}

#battle_execute #run {
right: 1vw;
}

.battle_row_container {
width: 90vw;
height:  28vw;
padding: 1vw;
}

#guest_wrap.battle_row_container {
width:   37vw;
}

.battle_row_container .battle_table_l, 
.battle_row_container .battle_table_r {
margin: 0;
height: 20vh;
top: 7.5vh;
width: 90vw;
border-width: .50vw;
border-top: none;
border-bottom-right-radius: .50vw;
border-bottom-left-radius: .50vw;
border-radius: 2vw;
border-width: .30vw;
padding-top: 2vh;
}

.battle_row_container .battle_table_l h4, 
.battle_row_container .battle_table_r h4 {
margin: 0 0 0 0;
padding: 1vw 0 1vw 0;
line-height: 3vw;
font-size: 2.50vw;
height: 3vw;
}

.battle_row_container .battle_table_l .close, 
.battle_row_container .battle_table_r .close {
width:  7.5vw;
height: 7.5vw;
margin: 1vw 1vw 0 0;
position: absolute;
right: 0;
top: 0;
}

.battle_row_container .battle_table_r input,
.battle_row_container .battle_table_l input 
{
width:          20vw;
height:         5vw;
font-size:      2.30vw;
background-size: 3vw 3vw;
}

.battle_options {
width:          52vw;
max-height:     16vh;
margin:         8.30vw 0 0 0;
box-sizing: border-box;
}

.battle_options a {
width:       22vw;
height:      5.00vw;
font-size:   2.30vw;
line-height: 4.50vw;
border-width: .30vw;
box-sizing: border-box;
}

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

#guest_wrap {
    margin: 0 0 0 3vw;
    padding: 2vw;
    width: 42vw;
}

#battle_option_info {
top: 30vh;
width: 90vw;
display: none;
padding-bottom: .50vw;
}

#battle_option_info #option_information p {
border-radius: .30vw;
border-width: .50vw;
margin: .50vw auto .50vw auto;
padding: .30vw;
}

#battle_option_info #option_information table {
margin:    0 auto 0 1vw;
font-size: 2.30vw;
}

#battle_option_info input {
font-size: 2.30vw;
margin: 1vw auto 0 auto;
}

#battle_option_info img {
min-width: 3.0vw;
}

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

.battle_row_container .r_b_type {
left: -2vw;
width: 4.0vw;
height: 4.0vw;
}

.battle_row_container .l_b_type {
right: -2vw;
width: 4vw;
height: 4vw;
}

.battle_row_container .r_f_type,
.battle_row_container .l_f_type {
    top: 24.5vw;
    font-size: 2.30vw;
    transform:rotate(0deg);
}

.battle_row_container .r_f_type {
left: -2vw;
}

.battle_row_container .l_f_type {
right: -2vw;
}

.battle_row_container .swapper {
top: 11vw;
left: -5vw;
padding: .30vw 1vw .30vw 3vw;
font-size: 2.30vw;
background-size: 4vw 4vw;
}

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

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

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

.battle_row_container .creature_image {
display: block;
width: 15vw;
height: 15vw;
background-repeat: no-repeat;
background-size: cover;
font-size: 2.30vw;
top: 3.5vw;
}

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

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

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

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

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

.battle_row_container .energy_display_l {
right: -2vw;
}

.battle_row_container .energy_display_r {
left: -2vw;
}

.battle_row_container .energy_display_l p,
.battle_row_container .energy_display_r p  {
font-size: 2.50vw;
}

.battle_row_container .battle_status_l,
.battle_row_container .battle_status_r {
height: 14vw;
width: 12vw;
margin-top: 0vw;
top: 4vw;
font-size: 3vw;
}

.battle_row_container .battle_status_l {
right: 21vw;
}

.battle_row_container .battle_status_r {
left: 21vw;
}

.battle_row_container .battle_status_l img,
.battle_row_container .battle_status_r img {
width: 3vw;
margin-bottom: -.50vw;
}

.hidden_affliction {
display: none;
}

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

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

.battle_row_container .battle_formation_r {
left: 35vw;
}

.battle_row_container .battle_formation_l {
right: 35vw;
}

#cho_targ {
margin: 0;
top: 11vh;
padding: .3vw 2vw .3vw 2vw;   
border-radius: 2vw;
font-size: 2.30vw;
}

#battle_message.message_overlay {
top: 2.5vh;
width: 90vw;
height: 40vh;
font-size: 2.30vw;
}

#battle_message.guest_present {
width: 45vw;
height: 29vw;
bottom: -1.5vw;
right: 4vw;
}

#battle_message.no_guest {
height: 30vw;
width: 90vw;
margin: 1vw auto 0 auto;
font-size: 2.30vw;
min-height: 30vw;
}

#battle_message.no_guest {
top: 0vw;
}

#battle_message #battle_settings h6 {
font-size: 2.50vw;
line-height: 2vw;
padding: 1vw .50vw 1vw .50vw;
margin: 2vw .30vw 2vw .30vw;
border-width: .30vw;
}

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

#battle_message #battle_settings img {
width:  5vw;
height: 5vw;
margin: .5vw 1vw .5vw 1vw;
}

.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: 2.30vw;
}


.text_bubble_l, .text_bubble_r {
width:              14vw;
height:             6vw;
margin:             0 0 0 0;
font-size: 2.30vw;
}

.text_bubble_l {
padding:            3vw 0 0 2vw;
top: 12vw;
left: 16vw;
}

.text_bubble_r {
padding:            3vw 0 0 2vw;
top: 12vw;
right: 16vw;
}

#target_information_window {
top: 20vh;
width: 90vw;
height: auto;
max-height: 35vh;
margin: 0 0 0 0;
padding: .50vw;
}

.formation_block_container_1, .formation_block_container_2 {
width:  30vw;
height: 30vw;
}

.formation_block {
width: 10vw; 
height: 10vw;
border-width: .30vw;
}


.formation_block h4, #guest_formation_slot h4 {
width: 10vw;
height: 2vw;
margin: 0;
font-size: 2vw;
padding: .30vw 0 .30vw 0;
}

.formation_block img, #guest_formation_slot img {
width: 7vw; 
height: 7vw; 
margin: 0 auto 0 auto;
}

#target_information_window #range_information {
top: 0;
width: 30vw;
margin: 0 0 0 30vw;
}

#target_information_window #range_information h4 {
margin: 2vw 0 0 0vw;
padding: 0 0 0 0;
font-size: 2.50vw;
}


#target_information_window #range_information img {
width: 10vw;
height: 10vw;
margin: 0vw;
border: black solid .30vw;
top: 9vw;
left: 10vw;
}


#target_information_window #guest_formation_slot {
left: 30.30vw;
border-width: .30vw;
top: 20.40vw;
}

#hotkey_img {
margin:          0;
top: 4vw;
right: 10vw;
width: 8vw;
}

/* Battle Animations */
/* (0vw to 15vw 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: 2.30vw;
padding: .30vw;
border-radius: .60vw;
}


.battle_ability_display {
border-width: .30vw;
padding: .30vw;
border-radius: .6vw;
}

.growing_buff, .growing_sickness, .growing_revive {
padding: 1w;
border-radius: 10vw;
}

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

.critical_effect {
width: 7vw;
}

.element_effect {
width: 7vw;
}

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

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

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

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

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

@keyframes moving_strike {
0%   {opacity: 0; width: 8vw; height: 2vw;}
100% {opacity: 1; width: 15vw; height: 10vw;}
}

@keyframes moving_element {
0%   {opacity: 0; width: 8vw; height: 3;}
100% {opacity: 1; width: 15vw; height: 15vw;}
}


@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: -8vw; opacity: 0;}
}

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

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

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

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

/* Mass Pending Rewards Layout */

#mass_dungeon_rewards {
width: 95vw;
border-radius: 1vw;
padding: 1vw 1vw 1vw 1vw;
border-width: .6vw;
}

#mass_dungeon_rewards h4 {
font-size: 3vw;
padding: 0;
margin: 2vw 0 2vw 0;
}

#mass_dungeon_rewards ul  {
border-width: .6vw;
margin: 0 0 0 0;
padding: 1vw 0 1vw 4vw;
border-radius: .50vw;
}

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

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

#mass_dungeon_rewards input,
#mass_dungeon_rewards ul li .sell_reward {
margin: 2.5vw 2.50vw 2.5vw 2.50vw;
padding: 1vw 2vw 1vw 2vw;
font-size: 3vw; 
border-width: .6vw;
}

#mass_dungeon_rewards #reward_exit {
font-size: 3vw;
width: 90vw;
margin: 1vw 0 1vw 0;
border-width: .6vw;
}

/* Story Tutor layout */

.screen_cover#adult_content {
margin-top: -1vw;
width: 100%; 
height: 110%;
}

.screen_cover #tutorial {
width:             80%;
margin:            0;
padding:           1vw;
border-width:      .30vw;
}

.screen_cover #tutorial {
border-bottom-right-radius: 1vw;
border-bottom-left-radius: 1vw;
font-size:        2.30vw;
}

.screen_cover #tutorial .icon {
width: 4vw; 
margin-bottom: -1vw;
}

.screen_cover #tutorial #close {
width: 7vw;
margin:           .50vw .25vw .25vw .25vw;
}

.screen_cover #tutorial img {
margin: .30vw;
}

.screen_cover #tutorial h1 {
padding: .50vw; 
font-size:        2.50vw;
}

.screen_cover #tutorial h4 {
margin:           1vw .50vw 0 .50vw;
padding:          .50vw 0 .50vw 0;
font-size:        2.50vw;
}

.screen_cover #tutorial h3 {
margin:           .6vw .30vw 0 1vw;
font-size:        2.30vw;
border-width:     .30vw; 
padding:          .30vw;
border-radius:    1vw;
box-shadow:       .50vw .50vw .1vw black;
}


.screen_cover #tutorial .avatar, 
.screen_cover #tutorial .avatar_r, 
.screen_cover #tutorial .avatar_l,
.screen_cover #tutorial .spr {
margin:           1vw 1vw 1vw .30vw;
border-width:      .30vw;
border-radius:    1vw;
width: 14vw;
}

.screen_cover #tutorial .avatar_r {
margin:           1vw .30vw 1vw 1vw;
}

.screen_cover #tutorial p {
margin:           1vw 0 1vw 0;
padding:          .50vw 1vw .50vw 1vw;
border-width:     .30vw;
border-radius:     1vw;
}

.screen_cover #tutorial ul,  #tutorial ol {
border-width:         .30vw;
border-radius:         1vw;
}

.screen_cover #tutorial ol {
padding:          0vw 0vw 0vw 3vw;
}

.screen_cover #tutorial .img_float {
padding: 0;
margin: 0;
border-width: .5vw;
}

.screen_cover #tutorial ul li, .screen_cover #tutorial ol li {
margin:           1vw 0 1vw 0;
padding:          .50vw .50vw .50vw .50vw;
}

.screen_cover #tutorial #next_tutorial {
width:              20vw;
padding:            0;
border-width:       .30vw;
padding:            .50vw;
margin-bottom:      2vw;
border-radius:      1vw;
}

.screen_cover #tutorial #next_tutorial span {
width: 8vw;
}

.screen_cover #tutorial #next_tutorial #moving_arrow {
height: 6vw;
margin: .30vw 1vw 0 0;
padding: 0;
}

/* PVP Interface Layout */

.game_timer {
min-height:       2vw;
margin:           -1vw auto 0 auto;
padding:          0 0 0 0;
border-width:     .30vw;
border-radius:    0;
font-size: 2.30vw;
}

.game_timer input {
font-size: 2.50vw;
width: 9vw;
text-align: center;
}

#battle_rules {
margin:           1vw  auto 1vw auto;
padding:          1.4vw 1vw 1.4vw 1vw;
border-width:     .30vw;
font-size:         2.30vw;
}

#battle_inaction {
width:            26vw;
padding:          1vw;
border-radius:    0;
margin:           0;
border-width:    .15vw;
border-radius:   .50vw;
font-size:        2.30vw;
}

/* Login Notice Layout */

#important_notice {
width: 96vw;
padding:         .3vw;
margin:           .3vw auto .3vw auto;
border-radius:    1vw;
border-width:     .6vw;
}

#important_notice #update_notice p {
padding: 2vw;
margin: .5vw;
border-width: .6vw;
border-radius: 2vw;
font-size: 3vw;
}

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

#important_notice h1 {
font-size:        3.3vw;
margin:           4.3vw 0 4.3vw 0;
}

#important_notice h3 {
font-size:        3.15vw;
margin:           1.4vw 0 1.4vw 0;
}

#important_notice h4 {
font-size:        3vw;
margin:           1.5vw 0 1.5vw 1vw;
}

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

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

#important_notice .promotion-info p {
padding: 2vw;
margin: 1vw 2vw 1vw 2vw;
font-size: 3vw;
border-width: .6vw;
}

#important_notice .promotion-info ul {
padding: 0;
margin: 0 2vw 0 2vw;
font-size: 3vw;
}

#important_notice .promotion-info ul li {
min-height: 10vw;
padding-left: 12vw;
padding-bottom: 7vw;
border-width: .6vw;
}

#important_notice .promotion-info ul li .preorder_reward {
margin: .3vw 2vw .1vw .1vw;
font-size: 3vw;
}

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

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

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

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

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

#important_notice img.nacho_image {
width: 91vw;
margin: 3vw auto 3vw auto;
border-width: .6vw;
}

#important_notice .nacho_info {
    border-width: .6vw;
    padding: .3vw .3vw .3vw .3vw;
    margin: -3vw auto 0 auto;
    width: 91vw;
    border-bottom-right-radius: 2vw;
    border-bottom-left-radius: 2vw;
    height: 6vw;
}

#important_notice .nacho_info h4 {
font-size: 3vw;
left: 2vw;
top: .8vw;
}

#important_notice .nacho_info h6 {
font-size: 2.85vw;
padding: 0;
margin: .3vw 0 0 0;
right: 2vw;
top: .8vw;
}

#important_notice #close_button {
width: 8vw;
height: 8vw;
background-size: 8vw 8vw;
right: 2vw;
top: 2vw;
padding-top: .60vw;
font-size: 3vw;
}

#important_notice h1 {
font-size:        3vw;
margin:           4.30vw 0 4.30vw 0;
}

#important_notice h3 {
font-size:        2.50vw;
margin:           2.30vw 0 2.30vw 0;
}

#important_notice h4 {
font-size:        2.40vw;
margin:           2.30vw 0 2.30vw 3vw;
}

#important_notice h5 {
font-size:        2.20vw;
padding: 2vw;
}

#important_notice p {
margin:           .30vw;
padding:          1vw;
border-width:     .30vw;
max-width: 91vw;
border-radius: 1vw;
}

#important_notice .backdrop {
border-radius: .20vw;
margin: 0 -.30vw 0 -.30vw;
}

#important_notice .preorder_reward {
margin: .5vw .30vw .30vw .30vw;
font-size: 2.30vw;
}

#important_notice ul {
padding:          0 0 0 0;
margin:           0 1vw 0 4vw;
}

#important_notice ul li {
margin:           1vw 0 1vw 0;
border-radius:    1vw;
padding:          1vw;
border-width:     .30vw;
max-width: 87vw;
}

#important_notice ul ul {
    padding: .60vw;
}

#important_notice ul ul ul {
margin:           0;
border-radius:    .60vw;
    padding: .60vw;
}

#important_notice ul li .mult {
padding: 1vw;
}

#important_notice ul li  .left_icon {
margin: .6vw;
}

/* Front Page Layout */

#outer_box {
margin:           10vw 0 11vw 0;
padding:          0;
}

#outer_box #js_warning_header {
margin:           0 auto 0 auto;
border-width:     .15vw;
font-size:        2.30vw;
}

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

#outer_box #main_menu {
  height:           10vw;
  padding: .30vw;
}

#outer_box #footer {
  width: 90vw;
  margin-top: 1vw;
  height:           10vw;
  padding: .30vw;
  text-align: center;
}

#outer_box #footer p {
margin: .5vw 0 0 0;
font-size: 2.5vw;
padding: .5vw .3vw .5vw .3vw;
}

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

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

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

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

#outer_box #main_menu #right_menu {
right: 3vw;
width: 50vw;
}

#outer_box #main_menu ul li {
padding:         0;
margin:          0;
}

#outer_box #main_menu ul li a,
#outer_box #main_menu  ul li a#layout_link {
padding:              1.5vw 3vw 1.5vw 5vw;
margin:                1vw;
border-width:          .30vw;
font-size:             3vw;
display:               block;
width:                 12vw;
text-shadow:
    -.2vw -.2vw 0 #000,
    .2vw -.2vw 0 #000,
    -.2vw .2vw 0 #000,
    .2vw .2vw 0 #000; 
background-size:       5vw;
}

#outer_box #content_box {
margin:           -0.15vw auto 0vw auto;
padding:          2vw 0 2vw 0;
border-width:    .30vw;
width:            100%;
border-radius:    0;
box-sizing: border-box;
}

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

#outer_box #content_box::before {
border-top-right-radius: 0;
border-top-left-radius: 0;
}

#outer_box #content_box::after {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}

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

#outer_box #content_box #front_page_container #front_img {
margin:           0 auto 0 auto;
width:            90vw;
}

#outer_box #content_box #front_page_container #join_button {
width:            20vw;
top:              43vw;
}

#outer_box #content_box #join_button a {
padding:          1.5vw 2vw 1.5vw 2vw;
line-height:      2.50vw;
font-size:        3vw;
border-width:     .40vw;
text-shadow:
    -.20vw -.20vw 0 #000,
    .20vw -.20vw 0 #000,
    -.20vw .20vw 0 #000,
    .20vw .20vw 0 #000; 
border-radius:    4vw;
}

#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 2vw .10vw  #aff2b7;
  }
  50% {
    box-shadow: 0 0 2vw .25vw #7693c3;
  }
  100% {
    box-shadow: 0 0 2vw .30vw #ac76c3;
  }
}

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

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

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


#outer_box #content_box #feature_box,
#outer_box #content_box #social_media_box,
#outer_box #content_box #front_affiliate_box {
width:            90vw;
margin:           2vw auto .40vw auto;
padding:          .50vw .50vw 0vw .50vw;
border-width:     .40vw;
font-size:        2.3vw;
border-radius:    2vw;
}

#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: 2.25vw;
margin: .5vw auto 0 auto;
text-align: center;
}

 #outer_box #content_box #feature_box .feature {
width:             27.5vw;
border-width:      .30vw;
box-shadow:        .5vw .5vw 0 black;
margin:            1vw 0vw 1vw 2vw;
border-radius:     1vw;
}

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

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

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

#outer_box #content_box #feature_box h4 {
padding:           1vw 0vw 1vw 0vw;
margin:            0vw auto 0vw auto;
width:             20vw;
border-width:          .3vw;
border-top-right-radius: 1vw;
border-top-left-radius: 1vw;
box-shadow:       .5vw .5vw 0 black;
}

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

#outer_box #content_box #social_media_box img,
#outer_box #content_box #front_affiliate_box img {
padding:          .20vw;
border-width:     .20vw;
width:             25vw;
margin:           1.5vw 1.5vw 1.5vw 1.5vw;
box-shadow:       .7vw .7vw 0 black;
}

#register {
top:               1vh;
width:             90vw;
min-height:        96vh;
margin:            0;
padding:           1vw;
z-index:           20;
border-radius:    .60vw;
background-size:  25vw;
border-width:     .25vw;
background-image: none;
background-position: initial;
background-size: 0;
box-shadow:     0vw .20vw 2vw #1c8340;
}

#register #result_output {
  font-size: 2.30vw;
  border-width: .30vw;
  padding: .25vw;
  border-radius: .50vw;
  width: 80vw;
  margin: .50vw 3.5vw 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:          60vw;
position:       static;
padding:        1vw;
margin: 0 auto 0 auto;
box-shadow:     none;
background: transparent;
border-radius: 1vw;
border-width:   .30vw;
font-size:      2.30vw;
box-sizing: border-box;
}

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

#register #reg_input_panel {
border-width:   .30vw;
width:             89vw;
padding:           1vw .5vw 1vw .5vw;
margin:            0vw auto 0vw auto;
border-radius:     1vw;
border-width:      .15vw;
margin: 0 auto 0 auto;
box-shadow:     none;
}

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

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

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

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


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

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

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

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

#register #reg_input_panel p {
    font-size: 3vw;
    margin: 2vw auto 2vw auto;
    padding:0;
    width:             70vw;
}

#register #reg_input_panel .pn_box[type='button'] {
padding: 0 2vw 0 2vw;
margin-left: 2vw;
}

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

#register #reg_input_panel ol {
padding:           .10vw 0 0 .10vw;
margin:            0 auto 0 auto;
font-size:         3vw;
width:             70vw;
}

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

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

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

/* Used on several pages listed below */

#outer_box #content_box #h_c h1 {
font-size:          2.70vw;
padding:            0vw 0 0vw 0;
box-shadow:        0vw 0vw 1.5vw #1c2183;
margin:            0vw auto 1vw auto;
border-radius: 2vw;
    text-shadow:
    -.25vw -.25vw 0 #000,
    .25vw -.25vw 0 #000,
    -.25vw .25vw 0 #000,
    .25vw .25vw 0 #000; 
}

/* Login Page */

#outer_box #content_box #log_in_container {
margin:            0 auto 0 auto;
width:            95vw;
border-radius:     1vw;
padding:          1vw;
border-width:     .3vw;
font-size:        2.30vw;
}

#outer_box #content_box #log_in_container #log_info {
width:              55vw;
height:            50vw;
margin:            1.5vw auto 0 auto;
padding:            2.30vw;
border-width:       .3vw;
box-sizing:         border-box;
float: none;
border-radius: 1vw;
}

#outer_box #content_box #log_in_container #log_info p {
bottom: -2.50vw;
right: 1vw;
width: 18vw;
height: 3vw;
line-height: 3vw;
padding: .5vw 2vw .5vw 2vw;
border-width: .3vw;
border-top-right-radius: 1vw;
border-top-left-radius: 1vw;
box-shadow:       0vw -.50vw 2.30vw #1c8340;
}

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

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


#outer_box #content_box #log_in_container #log_info ul {
padding:            2.3vw;
font-size:          2.3vw;
border-width:       .3vw;
margin: 0 auto 0 auto;
width: 45vw;
}

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

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

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

#outer_box #content_box #log_in_container #log_info ul li #login {
    font-size: 3vw;
    padding: .60vw 2.3vw .60vw 2.3vw;
    border-width: .3vw;
}

#outer_box #content_box #log_in_container #login_news {
width:             90vw;
height:            60vw;
padding:           .15vw;
margin:            3vw auto 0 auto;
float: none;
border-width:      .15vw;
}

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

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


#outer_box #content_box #log_in_container #login_news .article h4 {
border-width:     .3vw;
margin:           0 .20vw 0 .10vw;
padding:          .3vw 0 .3vw 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 1vw;
    padding:            0 0 0 0;
border-width:     .3vw;
}

#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 3vw;
    padding:            0 0 0 0;
}

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

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

/* 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:            90vw;
margin:           1vw auto 1vw auto;
padding:          2vw;
border-width:     .3vw;
border-radius:    2vw;
}

#outer_box #content_box #contact_box p {
width:            90%;
padding:          3vw;
margin:           2vw auto 2vw auto;
border-width:     .3vw;
font-size:        2.30vw;
border-radius:    .5vw;
}

/* Features Page */

#outer_box #content_box #features {
padding:          0 .30vw 0 .30vw;
margin:           1.40vw;
padding-top:      2.30vw;
border-width:     .30vw;
border-radius:   1.40vw;
font-size:        2.30vw;
}

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

#outer_box #content_box #features p {
padding:                    2vw;
margin:                    2vw 1vw 2vw 1vw;
border-width:              .3vw;
}

#outer_box #content_box #features ul {
padding:                    1 1 2.5 1vw;
margin:                    1.40vw 1vw 1.40vw 1vw;
}

#outer_box #content_box #features ul li {
margin:                    1vw .8vw 1vw .8vw;
}

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

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

#outer_box #content_box #features h3 { 
margin:                0;
border-radius:         .60vw;
border-width:          .3vw;
margin:              .7vw 2.3vw .40vw 2.3vw;
font-size:           2.50vw;
}

/* Affiliates Page */

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

#outer_box #content_box #affiliates div {
width:                     88vw;
border-width:             .3vw;
margin:                    1vw;
padding-bottom:           .5vw;
}

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

#outer_box #content_box #affiliates div img {
    width: 75vw;
    height: 9.75vw;
    border-width: .3vw;
}

#outer_box #content_box #affiliates p {
   font-size: 2.3vw;
   height: 6vw;
   margin: 1vw;
   padding: 1vw;
   border-width: .3vw;
}

/* Password Reset Page / Email Validation */

#outer_box #content_box #outside_data_box {
width:            90vw;
padding:          1vw;
margin:           .60vw auto .60vw auto;
border-width:     .3vw;
border-radius:    2vw;
font-size:        2.3vw;
}

#outer_box #content_box #outside_data_box p {
margin:           2.3vw auto 2.3vw auto;
padding:          1vw;
border-radius:    1.4vw;
border-width:     .3vw;
}

#outer_box #content_box #outside_data_box ul {
margin:           0vw 0vw 0vw 0vw;
padding:          2.3vw 0.3vw 2.3vw 2.3vw;
border-radius:    1.4vw;
border-width:     .3vw;
}

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

#outer_box #content_box #outside_data_box #email_to_reset {
font-size:         2.60vw;
margin: 2.8vw auto 2.80vw auto;
}

#outer_box #content_box #outside_data_box input[type='button'],
#outer_box #content_box #outside_data_box input[type='submit'] {
font-size:         2.60vw;
margin:            1.3vw auto 1.3vw auto;
padding:           .5vw 1.2vw .5vw 1.3vw;
}

#outer_box #content_box #outside_data_box .result {
    width: 80%;
    margin: 2vw auto 0 auto;
    border-width: .3vw;
    padding: 1.3vw;
}

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

#outer_box #content_box #outside_data_box input[type='text'],
#outer_box #content_box #outside_data_box input[type='password'] {
width: 40%;
padding: 1vw 1.3vw 1vw 1.3vw;
line-height: 2.3vw;
font-size: 2.3vw;
}

/* Bottom *dvertising Menu */

.top_eclectic {
top: 2.5vw;
left: 40.5vw;
width:32vw;
transform: initial;
border-width: .3vw;
}

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

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

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

#outer_box .bottom_eclectic {
overflow:           hidden;
min-height:         5vw;
margin:             0 auto 0 auto;
height: 13vw;
}

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

.bottom_eclectic img.nacho_image {
width: 91vw;
margin: 3vw auto 3vw auto;
border-width: .5vw;
}

.bottom_eclectic .nacho_info {
    border-width: .3vw;
    padding: .3vw .3vw .3vw .3vw;
    margin: -3vw auto 0 auto;
    width: 91vw;
    border-bottom-right-radius: 2vw;
    border-bottom-left-radius: 2vw;
    height: 3.75vw;
}

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

.bottom_eclectic .nacho_info h6 {
font-size: 1.8vw;
padding: 0;
margin: .3vw 0 0 0;
right: 2vw;
}

/* Quick Action Layout */

#mobile_quick_actions {
width: 99.9vw;
min-height: 20vw;
margin: 0 auto 2vw auto;
border-radius: 1vw;
border-width: .6vw;
}

#mobile_quick_actions h1 {
font-size: 3.25vw;
margin: 0;
padding: 2vw 0 1vw 0;
}

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

#mobile_quick_actions #quick_display_options {
border-width: .6vw;
margin: 2vw auto 2vw auto;
padding: 1vw 2vw 1vw 2vw;
font-size: 3.3vw;
}

#mobile_quick_actions #quick_display_options .image_pn_box {
margin-right: 2vw;
font-size: 3vw;
border-width: .6vw;
padding: .5vw .5vw .5vw 3.50vw;
background-size: 3vw 3vw;
}

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

.quick_button_container h5 img {
margin-left: 2vw;
width: 5vw;
}

.quick_button, .faded_quick_button {
width: 22vw;
height:25vw;
margin: 1vw;
padding: 0;
border-radius: 2vw;
border-width: .6vw;
}

.quick_button img, .faded_quick_button img {
    top: 1vw;
margin:  0 auto 0 auto;
width:   10vw;
}

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

.faded_quick_button .unavailable {
position: absolute;
top:    1vw;
left:   1vw;
width:  18.5vw;
height: 18.5vw;
border-radius: 1vw;
padding: .3vw;
}

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

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

.faded_quick_button .unavailable ul {
    margin: 0 0 0 0;
    padding: 0 0 0 2.5vw;
    font-size: 2.3vw;
}

#quick_actions_results {
border-width: .6vw;
margin: .3vw;
width: 95vw;
margin: 0 auto 2vw auto;
max-height: 50vw;
font-size: 3vw;
}

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

#quick_actions_results .close {
    width: 8vw;
    top: 2vw;
    right: 2vw;
}

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

#quick_actions_results h3, 
#quick_actions_results h4 {
color: white;
padding-left: .3vw;
font-size: 3vw;
}

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

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

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

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

#quick_action_options {
padding:       1vw;
border-width:  .20vw;
}

/* Global Alert */

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

#alert img {
margin:           .75vw 2vw 0 0;
padding:          .25vw;
width:            7.5vw;
}

/* Outside Alert */

#outer_box #alert {
color:            white;
width:            95vw;
margin:           0;
top:              0vw;
left:             .25vw;
transform: none;
padding:          1.4vw;
box-shadow:        0vw .6vw .5vw black;
border-radius:    .30vw;
z-index:          101;
font-size: 3vw;
}

#outer_box #alert img {
margin:           .3vw .3vw 0 0;
padding:          .3vw;
width:            5vw;
}

/* Payment Preview Page */

#premium_reward {
margin:        1vw auto 1vw auto;
width:         96vw;
padding:       1vw 2vw 1vw 2vw;
height:        30vh;
border-width: .6vw;
float: none;
}

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

#premium_reward .left_icon {
width: 10vw;
margin-right: 2vw;
}

#premium_reward ul li {
margin: .6vw 0 .6vw 0;
padding: .3vw;
font-size: 3vw;
min-height: 15vw;
border-radius: 2vw;
border-width: .6vw;
}

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

#premium_reward .earn_message {
left: 1vw;
}

#credit_purchase_block {
margin:        1vw auto 1vw auto;
width:         96vw;
padding-bottom: 2vw;
min-height:     40vw;
overflow: auto;
border-width: .6vw;
float: none;
}

#credit_purchase_block #payment_processor_links {
margin: 2vw auto 0 22vw;
height: 8vw;
}

#credit_purchase_block #payment_processor_links h5 {
margin:      0 0 0 2.3vw;
line-height: 8vw;
font-size:   2.75vw;
}

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

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

#credit_purchase_block #buy_menu {
margin:          2vw 0 0 2vw;
min-height:      20vw;
padding:         0;
width:           91.5vw;
border-width:    .6vw;
}

#credit_purchase_block #payment_button {
margin:          6vw auto 6vw auto;
width:           50vw;
}

#credit_purchase_block #order_option {

margin:          2vw 0 0 2vw;
min-height:      10vw;
padding:         2vw;
width:           91.5vw;
font-size:       3vw;
border-width:    .6vw;
}

#credit_purchase_block .option {
margin: 2vw 10vw 0 0;
}

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

#credit_purchase_block p {
margin: 2vw;
}

#current_processor img {
border-radius: .5vw;
border-width: .60vw;
height: 2vw;
}

#payment_reward_message {
margin:        1vw auto 1vw auto;
width:         96vw;
padding:       1vw;
border-width:  .6vw;
border-radius: .5vw;
}

#payment_reward_message p {
padding: 1vw;
margin:  1vw;
border-width:  .6vw;
font-size: 3vw;
}

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

#payment_reward_message p b {
font-size: 3.25vw;
}

#payment_reward_message h3 {
font-size: 3vw;
}

#reward_display_box {
margin:        1vw auto 1vw auto;
width:         96vw;
border-width: .6vw;
}

#reward_display_box h4 {
width:         90vw;
margin:        1vw;
padding:       1vw;
border-radius:   2vw;
font-size:       2.8vw;
margin:          2vw auto 2vw auto;
border-width:      .6vw;
} 

#payment_policies_notice {
margin:     2vw auto 2vw auto;
font-size: 3vw;
}

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

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

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

/* Revised General NPCs Shops */

#re_shop_container #re_npc_image {
margin:        0 2vw 0 2vw;
border-width: .6vw;
}

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

#re_shop_container .re_npc_speech .avatar {
left: 0;
position: absolute;
width: 15vw;
}

#re_shop_container .re_npc_speech p {
padding:              .3vw;
margin-top:           .3vw;
left:                  17vw;
max-width:            70vw;
clear: both;
}

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

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

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

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

#re_shop_container .re_npc_speech #admin_buttons input {
    font-size: 3vw;
    background-size: 4vw 4vw;
    margin: 0 0 1vw 0;
    padding-left: 6vw;
    border-width: .6vw;
}

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

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

#re_shop_container #shop_restock_notice {
background-color: #501414;
margin: 0 auto 2vw auto;
padding: 1vw;
text-align: center;
width: 80vw;
border-radius: 1vw;
border-width: .6vw;
font-size: 3vw;
}

#re_shop_container .re_shop_stock {
width:               90vw;
min-height:          20vw;
padding:             0;
margin:              0 auto .3vw auto;
border-width:        .6vw;
border-radius:       1vw;
}

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

#re_shop_container .re_shop_stock .limited_stock_display {
max-height: 50vh; 
margin-bottom: .75vw;
}

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

#re_shop_container .re_shop_stock h3 {  
margin:               1.5vw 2vw  .6vw 2vw ;
padding:              .3vw 0 .3vw 0;
font-size:           3vw;
border-width:         .60vw;
border-radius:        1vw;
}

#re_shop_container .re_shop_stock h4 {  
margin:               0vw 1vw  4vw 1vw;
padding:              .3vw 0 .3vw 0;
font-size:            2.90vw;
border-width:         .6vw;
border-radius:        1vw;
}

#re_shop_container .re_shop_stock .re_shop_selection  {
width:                18.5vw;
height:               28vw;
margin:               1vw 1.4vw 1vw 1.4vw;
padding:              .3vw 0 0 0;
border-width:         .6vw;
}

#re_shop_container .re_shop_stock .re_shop_selection img {
width:                15vw;
height:               15vw;
border-radius:        8vw;
border-width:         .6vw;
}

#re_shop_container .re_shop_stock .re_shop_selection p {
font-size:            3vw;
margin:               0 0 0 0;
padding:              .20vw;
height:               12vw;
}

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

#re_shop_container .re_product_display .close {
width: 10%;
height: auto;
}

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


#re_shop_container .re_product_display h3 {
border-radius:        1vw;
margin:               1vw .40vw 1vw .40vw;
border-width:         .6vw;
font-size:            3.10vw;
}

#re_shop_container .re_product_display h4 {
border-radius:        1vw;
margin:               1vw 3vw 1vw 3vw;
border-width:         .6vw;
font-size:            3vw;
}

#re_shop_container .re_product_display h5 {
border-radius:       1vw;
margin:               1vw 6vw 1vw 6vw;
border-width:         .6vw;
font-size:            2.9vw;
}

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

#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:   10vw;
height:      6vw;
margin:      2vw;
padding:     1vw 2vw 2vw 2vw;
font-size:   3vw;
border-width: .6vw;
background-size: auto 6vw;
}

#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: 6vw;
}

#re_shop_container .re_product_display .section,
#re_shop_container .re_product_display .wide_section {
width:                75vw;
margin-left:          2vw;
margin-top:           1vw;
font-size:            3vw;
}

#re_shop_container .re_product_display .section#limit_me,
#re_shop_container .re_product_display .wide_section#limit_me {
max-height: 20vh;
}

#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: 3vw;
padding: .3vw;
margin: .3vw;
border-width: .6vw;
}

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

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

#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: 4vw;
}

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

#re_shop_container .re_product_display .wide_section .they_be_mates h6 {
font-size: 3vw;
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: 3vw;
border-width: .6vw;
}

#re_shop_container .re_product_display #re_product_img {
margin:               .3vw auto .3vw auto;
width:                20vw;
border-width:         .6vw;
border-radius:         5vw;
}

#re_shop_container .re_product_display p {
margin:               .3vw .40vw .3vw .40vw;
padding:             1.2vw;
border-radius:       1vw;
border-width:         .6vw;
font-size:           3vw;
}

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

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

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

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

#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: 3vw;
border-width: .6vw;
padding: 1vw 2vw 1vw 2vw; 
background-size: auto 4vw;
}

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

#re_shop_arrows {
min-height:        4vw;
border-radius:     1vw;
line-height:       7vw;
}

#re_shop_arrows .re_left_button, 
#re_shop_arrows .re_right_button {
font-size:         3vw;
width:             12vw;
height:            7vw;
border-radius:     1vw;
margin:            2vw 0 0 0;
border-width:     .6vw;
}

#re_shop_arrows .re_left_button {
padding-left:      .40vw;
padding-right:     .40vw;
margin-left:       2vw;
margin-bottom:     2vw;
}

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

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

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

/* Custom Creature Shop */

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

#re_shop_container .re_shop_stock #custom_sale_conditionals .re_shop_selection {
width: 14vw;
margin-left: 2vw;
}

#re_shop_container .re_shop_stock #custom_sale_conditionals .re_shop_selection p {
    font-size: 3vw;
}

#re_shop_container .re_shop_stock #custom_shop_buyer_protection {
    width: 50vw;
}


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

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

#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: 20vw;
    font-size: 3vw;
}

#re_shop_container  .re_product_display#custom_shop_image_settings_display .wide_section#image_settings input {
    border-width:       .6vw;
    margin-bottom: 1vw;
}

#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: 20vw;
    height: 20vw;
    border-radius: 1vw;
    border-width: .6vw;
    float: none;
    margin: 0 auto 0 auto;
    display: block;
}

/* 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: 20vh;
overflow: auto;
}

#re_shop_container .re_product_display#search_display {
    width: 90vw;
    position: relative;
    margin: -21vw 0 5vw 5vw;
}

#re_shop_container .re_product_display#search_display #clear_portrait {
    clear: both;
}

#re_shop_container .re_product_display#search_display .wide_section {
float: left;
width: 50%;
}

#re_shop_container .re_shop_stock#auction_stock {
margin: 0 auto 0 auto;
}

#re_shop_container .re_product_display#search_display #search {
margin: .10vw auto 2vw auto;
border-width: .6vw;
}

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

/* Eq Build Shop */

#re_shop_container .re_npc_speech .st_equip {
    width: 10vw;
    margin: 1vw 1vw 1vw 0;
}

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

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

/* Mail NPC Shop */

#mail_notice {
width: 60vw;
border-width: .6vw;
margin: .3vw auto 1.5vw 19vw;
padding: .30vw;
border-radius: 1vw;
}

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

.re_shop_stock#mail_container {
width: 95vw;
margin-left: 2vw;
padding-bottom: 1vw;
}

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

#mail_container .mail_options input {
margin-left:    6vw;
font-size:       3vw;
border-width:   .6vw;
padding:        .75vw;
}

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

#mail_container #mail_list {
max-height:         50vh;
width:              95%;
}

#mail_container #mail_list #load_more_mail_button {
margin:             1vw auto 0 auto;
font-size:          3vw;
}


#mail_container #mail_list .mail_box {
border-top-left-radius:    .6vw;
border-bottom-left-radius: .6vw;
width:                     95%;
margin:                    .6vw auto .6vw auto;
border-width:              .6vw;
height:                    13vw;
max-height:                13vh;
}

#mail_container #mail_list .mail_box .info h6 {
    margin: .3vw 0 0 .3vw;
    font-size: 2.80vw;
}

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

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

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

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

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

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

#mail_display #mail .avatar img {
margin:           .3vw .3vw 0 0;
border-width:     .6vw;
border-radius:    1vw;
}

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

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

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

#mail_display #mail p {
width:            90%;
border-width:     .6vw;
margin:           3vw 5% 3vw 5%;
padding:          1vw;
font-size:        3vw;
clear: both;
}

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

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

#mail_display #mail .single_mail_options input,
#mail_display #mail #send {
    margin-left: 4vw;
    font-size: 3vw;
    padding: .3vw 1vw .3vw 5vw;
    background-size: 2.5vw auto;
    border-width: .6vw;
    background-size: 4vw auto;
}

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

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

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

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


#filter_panel {
left: 5vw;
top: 0vw;
width: 90vw;
padding: .5vw;
border-radius: 1vw;
border-width:  .6vw;
}

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

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

#filter_panel p {
margin: 1vw;
font-size: 3vw;
}

#filter_panel table {
border-width:      .6vw;
margin: 0 auto 0 auto;
padding: .3vw
font-size: 3vw;
}

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

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

#filter_panel #filter_button {
margin: 1vw;
font-size: 3vw;
border-width: .6vw;
}

/* News NPC Shop */

#re_shop_container #news_shop_product_display {
width: 90vw;
padding: 0 3vw 0 3vw;
font-size: 3vw;
}

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

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

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

#re_shop_container #news_list li {
margin:            2vw 0 2vw 0;
padding:          .60vw .60vw .60vw 1vw;
border-width:      .6vw;
border-radius:     1vw;
}

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

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

/* Equip NPC Shop */

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

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

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

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

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

/* Tutorial NPC Shop */

#re_shop_container #tutor_category {
margin:                1vw auto 1vw auto;
width:                 90vw;
padding:              .3vw .5vw .3vw .5vw;
border-radius:        1vw;
border-width:         .6vw;
max-height:            none;
}

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

#re_shop_container #tutor_category .sp_link {
width:                 38vw;
border-width:         .6vw;
margin:               2.5vw;
}

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

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

#re_shop_container #display_lesson {
width:                 95vw;
min-height:            20vw;
margin:               .3vw auto 3vw auto;
padding:              .3vw 2vw .3vw 2vw;
border-width:         .6vw;
}

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

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

#re_shop_container #display_lesson .return_link  {
margin:                1vw 20vw 1vw 20vw;
border-width:          .6vw;
padding:               1vw 4vw 1vw 4vw;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

#re_shop_container #display_lesson h4 {
font-size:         3vw;
margin:            2vw 8vw 2vw 8vw;
padding:          .5vw 0 .5vw 0;
border-width:     .6vw;
}

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

#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: 6vw;
height: 6vw;
}

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

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

/* Breeding Shop */

#breeding_result {
width:        90vw;
border-width: 2vw;
box-shadow:   .3vw .3vw .6vw black;
}

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

#breeding_result p {
margin: 2vw 12vw 2vw 2vw;
padding:.3vw .3vw 1vw .3vw;
font-size: 3vw;
border-width: .6vw;
}

#breeding_result .egg_icon {
width: 6vw;
}

/* 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: 75vh;
}

#the_bedroom  #bedroom_img {
width:   75vw;
height:   75vw;
border-width: .6vw;
}

#the_bedroom .breeding_talk {
border-width: .3vw;
width: 90%;
border-bottom-right-radius: 2vw;
border-top-left-radius: 4vw;
font-size: 3vw;
position: relative;
margin: 2vw auto 2vw auto;
}

#the_bedroom .breeding_talk#bedroom_text_l,
#the_bedroom .breeding_talk#bedroom_text_r,
#the_bedroom .breeding_talk#bedroom_text_egg,
#the_bedroom .breeding_talk#bedroom_text_b,
#the_bedroom .breeding_talk#bedroom_text_c {
left: inherit;
top: inherit;
right: inherit;
transform: none;
}

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

#the_bedroom .breeding_talk p {
padding: .6vw;
margin:  .6vw 0 .6vw 15vw;
}

#the_bedroom .breeding_talk p#bedroom_exit {
    border-width: .6vw;
    border-radius: 2vw;
    margin: 2vw auto 2vw auto;
    width: 50vw;
    padding: .20vw;
}

#the_bedroom .breeding_talk h3 {
font-size:           3.30vw;
padding:              .10vw 0 .10vw 0;
border-bottom-right-radius: 4vw;
border-top-left-radius: 2vw;
border-width: .6vw;
}


/* Laboratory & Breeding Shops */

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

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

#re_shop_container .re_product_display #info_display ul li img,
#re_shop_container .re_product_display #info_display p img {
    width: 5vw;
}

#re_shop_container .re_product_display #info_display #info_sprite {
margin:               .3vw auto .3vw auto;
border-width:         .6vw;
border-radius:       1vw;
width: 20vw;
}

#re_shop_container .re_product_display .preparation_table td .spr {
    width: 100%;
    border-width: .6vw;
    border-radius: 1vw;
}

#re_shop_container .re_product_display .preparation_table td.math {
    font-size: 6vw;
}

#re_shop_container .re_product_display .preparation_table td.math img {
    width: 6vw;
    margin-right: 2vw;
}

/* Cooking Shops */

#re_shop_container .re_product_display .preparation_table td h6.warning {
    font-size: 4vw;
    border-width: 1vw;
    border-radius: 10vw;
}

/* Suggestion Board */

.suggestion_box {
width:               90%;
min-height:          2vw;
padding:              .3vw;
margin:              .3vw auto .3vw auto;
border-radius:       2vw;
border-width:        .6vw;
}

#stretch_display_box .suggestion_box h1  {
font-size:          3.5vw;
}

#stretch_display_box .suggestion_box h2 {
font-size:          3.3vw;
}

#stretch_display_box .suggestion_box h3 {
font-size:         3.10vw;
}

#stretch_display_box .suggestion_box h4 {
font-size:         2.90vw;
}

#stretch_display_box .suggestion_box h5 {
font-size:         2.70vw;
}

#stretch_display_box .suggestion_box h6 {
font-size:         2.3vw;
}

.suggestion_box h3,  
.suggestion_box h4, 
#suggestion_listing ul li h6 {
width:      90%;
margin:     .5vw auto .5vw auto;
border-width: .6vw;
border-radius: .6vw;
padding: .6vw;
}

.suggestion_box h4 {
 width: 80%;
}

.suggestion_box ul {
width: 90%;
}

#suggestion_listing ul li {
line-height: 4vw;
padding: .6vw;
font-size: 3vw;
width: 100%;
margin: 2vw 0 2vw 0; 
}

#suggestion_listing ul li#central {
width: 100%;
}

#suggestion_listing ul li .pn_box_link,
#suggestion_listing ul li .image_pn_box {
height: 7vw;
width: 90%;
margin: 0 5% 0 5%;
background-size: 5vw 5vw;
border-width: .6vw;
font-size: 3vw;
line-height: 4.5vw;
}

#suggestion_listing ul li h6 {
margin-top: 0px;
padding: 0px;
font-size: 2vw;
width: 70%;
border-top-right-radius: 0px;
border-top-left-radius: 0px;
}

#suggestion_posting {
    font-size: 3vw;
}

#suggestion_posting th {
    font-size: 2.5vw;
}

#suggestion_posting #cat_select {
  width: 36vw;
  border-width: .6vw;
  padding: .6vw;
  border-radius: 2vw;
}

#suggestion_posting #cat_select select {
    font-size: 3vw;
    border-width: .6vw;
}

#suggestion_posting table {
width: 90%;
margin: 0 auto 0 auto;
}

#suggestion_posting #header {
width: 90%;
padding: 2vw;
font-size: 3vw;
border-width: .6vw;
}

#suggestion_posting #body {
width: 90%;
max-width: 90%;
height: auto;
min-height: 25vh;
padding: 2vw;
font-size: 3vw;
border-width: .6vw;
}

#suggestion_display {
border-radius: 0;
border-top-right-radius:       2vw;
border-top-left-radius:       2vw;
}

#suggestion_display, #suggestion_posting, #suggestion_notice {
width: 95%;
margin: 2vw 0 0 0;
border-width: .6vw;
padding-bottom: 0;
}

#suggestion_display .close, 
#suggestion_posting .close, 
#suggestion_notice .close {
    width: 8vw;
    height: auto;
}

#suggestion_display h2 {
margin-left:       .3vw;
border-width:      .6vw;
}

#suggestion_display h3 {
width:              70%;
border-width:      .6vw;
}

#suggestion_display h4,
#suggestion_display h5,
#suggestion_display h6 {
margin-right:       2vw;
border-width:      .6vw;
}

#suggestion_display #avatar {
width:              10%;
margin:             2.5%;
border-width:      .6vw;
border-radius:      2vw;
}

#suggestion_display p {
width:              80%;
padding:            2vw;
border-radius:      .6vw;
border-width:       .6vw;
font-size: 3vw;
}

#suggestion_display .image_pn_box,
#suggestion_posting .image_pn_box {
padding: .6vw 4vw .6vw 6vw;
margin-bottom: .6vw;
font-size: 3vw;
background-size: 4vw 4vw;
border-width: .6vw;
}

#suggestion_posting .image_pn_box {
margin: 1.5vw .3vw 2vw .3vw;
}

#suggestion_display #staff_options  {
padding: 1vw 0 0 1vw;
height: 7vw;
border-width: .6vw;
}

#suggestion_display #staff_options .image_pn_box {
margin-right: 4vw;
}

#suggestion_display #option_container {
padding:      .6vw 0 0 .6vw;
height:        8vw;
border-width: .6vw;
}

#suggestion_display #option_container #vote_updater .vote_option {
width: 8vw;
font-size: 4vw;
}

#suggestion_display #option_container #vote_updater {
width: 40vw;
}

#suggestion_display #option_container #vote_updater img {
width: 6vw;
}

#suggestion_display #option_container .pn_box_link {
margin-right: 1vw;
}

#suggestion_display #option_container .image_pn_box {
margin-top: 1vw;
}

#suggestion_notice ol {
width: 80%;
border-width: .6vw;
border-radius: 2vw;
padding: 2vw 2vw 2vw 4vw;
}

#suggestion_notice ol li {
margin: 2vw 0 2vw 0;
font-size: 3vw;
}

#suggestion_notice .option {
width: 20vw;
margin: 4vw auto 0vw auto;
height: 7vw;
}

#suggestion_notice .option .pn_box_link {
margin: 2vw;
padding: .6vw 1vw .6vw 4.3vw;
font-size: 3vw;
background-size: 4vw 4vw;
border-width: .6vw;
}

/* 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: .6vw;
font-size: 3vw;
}

#margin_box .developer_info {
width:            100%;
padding:            .3vw 0 .3vw 0;
border-width:       .6vw;
}

#margin_box .developer_info table {
border-radius: 0;
width: 90%;
margin: 0 auto 0 auto;
padding: .3vw;
font-size: 3vw;
}

#margin_box  #user_bottom_information p {
margin: 2vw 0 2vw 0;
}

#footer {
background: transparent;
border: none;
width: 100%;
}

/* Error Report Page */

#error_report_display {
padding:           .3vw;
border-width: .6vw;;
margin: .5vw 1vw .5vw 1vw;
font-size: 3vw;
}

#error_report_display .er_section {
width: 100%;
float: none;
}

#error_report_display h1 {
  font-size: 3.50vw;
}

#error_report_display h2 {
  font-size: 3.35vw;
}

#error_report_display h3 {
  font-size: 3.15vw;
}

#error_report_display textarea {
height: 25vh;
border-width: .6vw;
font-size: 3vw;
}

#error_report_display input {
margin: 2vw;
font-size: 3vw;
border-width: .6vw;
}

#error_report_display p, 
#error_report_display ul,
#error_report_display ol {
border-width:       .6vw;
padding:           .5vw;
border-radius:     .6vw;
margin:            .20vw auto .20vw auto;
}

#error_report_display ul,
#error_report_display ol {
padding:  .20vw 0 .20vw 6vw;
}

#error_report_display ul li,
#error_report_display ol li {
    margin: 1vw 0 1vw 0;
}

/* Status Screen Layout */

#view_status_menu {
margin: 0;
padding-top: 0vw 1vw 0 1vw;
}

#view_status_menu input {
font-size: 3vw;
padding: 1vw 1vw 1vw 5vw;
margin: 1vw;
background-size: auto 4vw;
border-width: .6vw;
}
 
.status_page .status_window, 
.status_page .small_status_window, 
.status_page .large_status_window, 
.status_page .extra_large_status_window {
padding: 2%;
border-width: .6vw;
font-size: 3vw;
width: 100%;
}

.status_page div h1 img {
    margin: 0 0 -.4vw 1vw;
    height: 4vw;
    width: auto;
}

.status_page div#profile .portrait {
border-width: .6vw;
border-radius: 1vw;
width: 15vw
}

.status_page div#profile img#creature_portrait {
width: 20vw;
}

.status_page div#profile p {
max-height: 40vh;
}

.status_page #outfit_selection {
max-height: 30vh;
}

.status_page .image_pn_box {
padding:.3vw .3vw .3vw 5vw;
margin: .5vw 0 .5vw 0;
  font-size: 3vw;
background-size: 4vw auto;
border-width: .6vw;
}

.status_page .pn_box {
  border-width: .6vw;
  font-size: 3vw;
padding:.3vw;
}

.status_page div#profile #conv_form {
padding:       1vw;
}

.status_page div#profile #first_superb {
top: 22vw;
left: 18vw;
width: 14vw;
}

.status_page h1,.status_page h2,.status_page h3,.status_page h4,.status_page h5,.status_page h6 {
border-width:       .6vw;
}

.status_page h1 {
font-size: 3.5vw;
width: 90%;
margin: 4vw auto 4vw auto;
}

.status_page h2 {
font-size: 3.40vw;
width: 85%;
margin: 3.6vw auto 3.6vw auto;
}

.status_page h3 {
font-size: 3.10vw;
width: 80%;
margin: 3.2vw auto 3.2vw auto;
}

.status_page h4 {
font-size: 3vw;
width: 75%;
margin: 3vw auto 3vw auto;
}

.status_page h5 {
font-size: 3vw;
width: 70%;
margin: 2.8vw auto 2.8vw auto;
}

.status_page h6 {
font-size: 2.6vw;
width: 60%;
margin: 2.6vw auto 2.6vw auto;
}

.status_page h2 input {
    font-size: 3vw;
    margin: .3vw;
    padding: 2vw;
    border-width: .6vw;
}

.status_page table {
width: 96%;
margin: 2%;
font-size: 3vw;
padding: .3vw;
border-width:.6vw;
}

.status_page .big_number {
font-size: 4vw;
}

.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: 6vw;
}

.status_page .tat_area {
width: 8vw;
}

.status_page table .sm_avatar {
border-width: .6vw;
border-radius: 4vw;
}

.status_page #sprite_viewer {
max-height: 60vh;
}

.status_page #sprite_viewer table th {
    float: left;
    width: 33%;
    box-sizing: border-box;
}

.status_page #spr_group img,
.status_page #spr_assignment img {
width: 35vw;
}

.status_page #sprite_viewer img {
width: 100%;
}

.status_page #spr_group img,
.status_page #spr_assignment img {
border-width: .6vw;
margin: .3vw;
border-radius: 1vw;
}

.status_page table input {
width: 20vw;
}

.status_page table .push_down {
margin-bottom: -1vw;
}

.status_page table th {
border-width: .6vw;
padding: 1vw;
}

.status_page ul,
.status_page ol {
border-width: .6vw;
padding: 1vw;
margin: .5vw;
}

.status_page ul img,
.status_page ol img {
  margin: 2vw 2vw -1vw 2vw;
}

.status_page p {
margin:             4%;
padding:            4%;
border-width:       .6vw;
}

.status_page #outfit_sprite_selector {
border-width: .6vw;
padding: .5vw;
}

.status_page #outfit_sprite_selector .image_pn_box {
width: 40vw;
}

.status_page .outfit_tab {
width: 96%;
margin: 2%;
padding: 0;
border-radius: 1vw;
border-width: .6vw;
}

.status_page .outfit_tab .outfit_spr {
width: 20%;
}

.status_page .outfit_tab p {
height: auto;
overflow: auto;
display: block;
border-radius: 1vw;
margin-bottom: 1vw;
border-width: .6vw;
}

.status_page .default_spr_selection {
width: 20vw;
}

.status_page .default_spr_selection:hover {
width: 20vw;
}

.status_page #discipline_display {
height: 20vw;
}

.status_page #discipline_display h5 {
margin: 0;
}

.status_page #discipline_display .attribute_container {
width:          10vw;
border-radius:  1vw;
margin:         .3vw .5vw  .3vw .5vw;
font-size:      3vw;
}

#outfit_output {
padding: 1vw;
}

#custom_warning {
border-width: .6vw;
margin:       .6vw auto .6vw auto; 
}

#custom_warning p {
margin: .3vw 1vw 1vw 1vw;
padding: .3vw;
border-width: .6vw;
font-size: 3vw;
}

#custom_warning h2 {
margin: 0;
padding: .6vw .3vw .6vw .3vw;
font-size:    3.3vw;
}

.status_page #custom_sprites tr {
float: none;
width: 100%;
}

.status_page #custom_sprites img {
width: 30vw;
}

.status_page #custom_sprites img:hover {
width: 40vw;
}

.status_page #custom_sprites input {
    margin: .20vw 0 .20vw 0;
    width: 30vw;
    padding: .20vw;
}

/* Species Status Voting Menu */

.status_page #vote_options_menu .vote_selector {
width: 100%;
}

.status_page #vote_options_menu .vote_selector ul {
height: 22vw;
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: 70%;
margin: 2.5%;
}

/* Simplified Guest Menu */

#guest_menu {
width:    100%;
height: 12vw;
border-bottom: black solid .6vw;
}

#guest_menu ul li {
    width: 20vw;
    height: 7vw;
    margin: 2vw 0 0 0;
    padding: 0;
}

#guest_menu ul li#main {
margin-left: 4vw;
}

#guest_menu ul li#login {
margin-right: 4vw;
}

#guest_menu ul li a {
    font-size: 3vw;
    padding: 1vw 1vw 1vw 4vw;
border-width: .6vw;
background-size: auto 6vw;
}

/* Evolution Section */

.status_page #evo_wrapper {
height: 50vw;
}

.status_page #evolve_button {
margin-top: 2vw;
margin-bottom: 2vw;
}

.status_page #evolution_message {
    font-size: 8vw;
  text-shadow:
   -.6vw -.6vw 0 #000,  
    .6vw -.6vw 0 #000,
    -.6vw .6vw 0 #000,
     .6vw .6vw 0 #000;
}

/* Equip Creature */

#equip_creature_container {
width:               96%;
margin:              0;
border-bottom:       0px;
overflow: auto;
padding: 2%;
}

#equip_creature_container h2 {
width: 100%;
padding: 2vw 1vw 1vw 1vw;
font-size: 3.15vw;
border-top-right-radius: 2vw;
border-top-left-radius: 2vw;
border-width:       .6vw;
}

#equip_creature_container #character_panel {
height: 68vw;
}

#equip_creature_container #equip_selection_box {
height: auto;
}

#equip_creature_container #character_panel {
width: 100%;
border: black solid .6vw;
border-top: none;
border-bottom: none;
margin: 0;
padding: 2vw 0 2vw 0;
}

#equip_creature_container #character_panel #critter_level {
margin-bottom: -.3vw;
width: 2vw;
}

#equip_creature_container #character_panel h4 {
padding:             .5vw;
border-radius:       2vw;
width:               90%;
border-width:       .6vw;
font-size:          3.30vw;
}

#equip_creature_container #character_panel .spr_image {
margin:              1vw  auto 1vw auto;
width:               30%;
border-width:       .6vw;
border-radius:       1vw;
}

#equip_creature_container #character_panel table {
width:               90%;
border-width:       .6vw;
font-size:           3vw;
border-radius:       2vw;
}

#equip_creature_container #character_panel table img {
width: 4vw;
}

#equip_creature_container #equip_selection_box {
width: 100%;
border: black solid .6vw;
padding: 1vw 2vw 1vw 2vw;
}

#equip_selection_box ul li {
    height: auto;
    margin: 1vw 0 1vw 0;
}

#equip_creature_container #equip_selection_box ul li h5 {
width: 85%;
font-size: 3.1vw;
padding: .3vw;
border-width: .6vw;
margin:             0 0 0 0;
}

#equip_creature_container #equip_selection_box ul li select {
width: 85%;
font-size: 3vw;
border-width: .6vw;
}


#equip_creature_container #equip_selection_box ul li .examine {
transition:    all 1s ease;
height: 8vw;
margin: -4vw 1vw 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: .6vw;
}

#equip_creature_container #equip_management ul {
list-style: none;
margin: 0;
padding: 0;
border-radius: .5vw;
border-width: .6vw;
width: 100%;
}

#equip_creature_container #equip_management ul li {
padding: 1vw;
width: 25%;
}

#equip_creature_container #equip_management ul li {
border-width: .6vw;
}

#equip_creature_container #equip_management ul li img {
width: 8vw;
margin: 0 auto 0 auto;
display: block;
}

#equip_creature_container #equip_management input {
margin: 2.5%;
width: 45%;
font-size: 3vw;
height: 10vw;
padding: 1vw 1vw 1vw 8vw;
border-width: .6vw;
background-size: 8vw 8vw;
}

#equip_creature_container #comparison_container {
border-width: .6vw;
border-bottom-left-radius: 2vw;
border-bottom-right-radius: 2vw;
}

#equip_creature_container #comparison_container .eq_output, 
#equip_creature_container #comparison_container #compare_arrow {
height:              60vw;
}

#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%;
overflow:           auto;
font-size:          3vw;
padding: 1vw;
}

#equip_creature_container #comparison_container .eq_output img {
width: 6vw;
margin: .3vw;
}

#equip_creature_container #comparison_container .eq_output p {
font-size:           3vw;
padding:             2vw;
border-radius:       1vw;
margin:               .3vw;
border-width:        .6vw;
}

#equip_creature_container #comparison_container .eq_output .eq_img {
width: 16vw;
margin: .3vw auto 1vw auto;
border-width:        .6vw;
border-radius: 1vw;
}

#equip_creature_container #comparison_container .eq_output h4 {
margin: 2vw 1vw 2vw 1vw; 
font-size: 3.25vw;
border-width:        .6vw;
padding: .3vw;
border-radius: 1vw;
}

#equip_creature_container #quick_creature {
margin:              1vw auto .3vw  auto;
border-radius:       1vw;
padding:             2vw;
width:               90%;
border-width:        .6vw;

}

#equip_creature_container #quick_creature h5 {
    margin: 0 0 0 5%;
    padding: 0;
    line-height: 5vw;
    width: 35%;
    font-size: 3vw;
}

#equip_creature_container #quick_creature select {
    width: 60%;
    font-size: 3vw;
    border-width:  .6vw;
}

/* Daily Rewards */

#daily_reward_box {
border-width: .6vw;
}

#daily_reward_box .daily_reward {
border-radius: .3vw;
margin: 2%;
padding: 1%;
width: 45%;
height: 30vw;
border-width:       .6vw;
}

#daily_reward_box .daily_reward h4 {
font-size: 2.8vw;
}

#daily_reward_box .daily_reward img {
width: 8vw;
}

#daily_reward_box .daily_reward p {
font-size: 2.6vw;
}

#daily_reward_box .daily_reward input {
font-size: 2.6vw;
border-width: .6vw;
padding: .6vw 4vw .6vw 4vw;
background-size: 4vw auto;
}

/* Begin Conversation Layout */

#dark_convo #close_conversation {
width: 10vw;
}

#dark_convo #inner_convo #background_div {
margin-top: 15vw;
}

#dark_convo #inner_convo #message_window {
margin-top: 37vw;
width: 90vw;
height: 27.25vw;
font-size: 3vw;
}

#dark_convo #inner_convo #message_window #c_avatar {
position: absolute;
top: 5vw;
left: 5vw;
width: 10vw;
height: 10vw;
border-width: .3vw;
}

#dark_convo #inner_convo #message_window #c_message {
  font-size: 3vw;  
  width: 68vw;
left: 17vw;
top: 3vw;
}

#dark_convo #inner_convo .left_images, 
#dark_convo #inner_convo .right_images {
margin-top: 12.75vw;
}

#dark_convo #inner_convo #next_button, 
#dark_convo #inner_convo #battle_button {
width: 14vw; 
height: 14vw;
top: 65vw;
left: 50%;
transform: translateX(-50%);
}


#dark_convo #inner_convo #next_button h4, 
#dark_convo #inner_convo #battle_button h4 {
line-height: 14vw;
font-size: 4vw;
    text-shadow:
    -.3vw -.3vw 0 #000,
    .3vw -.3vw 0 #000,
    -.3vw .3vw 0 #000,
    .3vw .3vw 0 #000; 
}

#dark_convo #choice_box {
top: 15vw;
width: 90vw;
border-width: black solid 1vw;
border-radius: 2vw;
}

#dark_convo #choice_box h4 {
font-size: 4vw;
}

#dark_convo #choice_box .choice {
border-width:          .6vw;
border-radius: 1vw;
padding: .6vw .6vw .6vw 8vw;
width: 75vw;
margin: 2vw 0 2vw 2vw;
font-size: 3vw;
background-size: 4vw 4vw;
}

#dark_convo #inner_convo #codec_div  {
margin-top: 10vw;
height: 50vw;
}

#dark_convo #inner_convo #codec_div #codec_text {
color: #ddb4e7;
margin: 23vw 0px 0 3vw;
font-size: 3vw;
}

#dark_convo #inner_convo #codec_div #codec_text b {
margin-right: 2vw;
}

#dark_convo #inner_convo .bottom_foreground_images {
    top: 32.5vw;
}


/* Main Story Section & Selections */

#story_display_box {
border-width: .6vw;
}

#story_display_box h3, 
#story_display_box h5  {
font-size: 3vw;
width: 90%;
margin: 3vw auto 1vw 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: 3vw;
margin: 3vw 2vw 3vw 2vw;
}

#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: 4vw;
margin: 4vw 2vw 4vw 2vw;
border-width: .6vw;
padding: 1vw;
}

#story_display_box #difficulty_selector {
width: 90%;
}

#story_display_box #episode_selector li,
#story_display_box #fetish_selection li {
    float: none;
    width: 100%;
    padding: 0;
    margin: 2vw 0 2vw 0;
}

#story_display_box #episode_selector li img,
#story_display_box #fetish_selection li img {
width: 90%;
margin: 0 auto 0 auto;
}

#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: .6vw;
border-radius: 2vw;
margin: 0 auto 2vw auto;
padding: 2vw;
font-size: 3vw;
}

/* NPC Story Section */

#story-npc-talk div {
width: 90vw;
min-height: 23vw;
font-size: 3vw;
padding-bottom: 1vw;
margin: 2vw auto 2vw auto;
border-width: .6vw;
border-top-left-radius: 3vw;
}

#story-npc-talk div img {
width: 20vw;
height: auto;
margin-right: 1vw;
margin-bottom: .5vw;
}

#story-npc-talk div img.st_item {
width: 8vw;
height: 8vw;
}

#story-npc-talk div img.st_item_l {
width: 14vw;
height: 14vw;
}

#story-npc-talk div .player_spirit {
width: 20vw;
height: 20vw;
background-size: 20vw 20vw;
margin: 0;
}

#story-npc-talk div h4 {
font-size: 3.3vw;
border-width: .6vw;
}

#story-npc-talk div a {
padding: 0 0 0 6vw;
white-space: normal;
margin: 1vw 0 1vw 22vw;
width: auto;
background-size: 5vw auto;
}

#story-npc-talk div p {
padding: 1vw;
margin: 0;
}

#story-npc-talk a {
font-size: 3vw;
width: 40vw;
padding: 0 0 0 5vw;
margin: 1vw auto 1vw auto;
background-size: 5vw auto;
}

/* Chat Layout */

#birthday_box {
    padding: 1vw;
    border-radius: 5vw;
}

#birthday_box h5 {
margin: 0 3vw 0 0;
}

#chat_room {
width:       100%;
}

#chat_room h2 {
border:      .6vw solid black;
margin:      .5vw auto .5vw auto;
width: 90%;
font-size: 2.9vw;
border-radius: 2vw;
}

#chat_room h3 {
border-width:   .3vw;
font-size: 2.7vw;
}


#chat_room h4 {
margin:      .5vw auto .5vw auto;
width:       90%;
padding:     .2vw 0 .2vw 0;
margin:      .4vw auto .4vw auto;
border-width: .6vw;
font-size:   2.5vw;
}

#chat_room .chat_bar {
padding:        .20vw 0 .20vw 0;
min-height:     0;
border-width:  .60vw;
line-height: 4vw;
font-size: 2.5vw;
clear: both;
}

#chat_room .chat_bar#room_description {
border-top-left-radius: 2vw;
border-top-right-radius: 2vw;
}

#chat_room .chat_bar#notice {
border-bottom-left-radius: 2vw;
border-bottom-right-radius: 2vw;
}

#chat_room #room_list {
height:      auto;
width:       100%;
border: black solid   .60vw;
border-top: none;
border-bottom: none;
font-size: 2.3vw;
float: none;
padding-bottom: 1vw;
}

#chat_room #room_list .mobile_separator {
    width: 50%;
    float: left;
}

#chat_room #room_list .mobile_separator#watch {
    display: none;
}

#chat_room #room_list .image_pn_box {
margin: 1vw 0 1vw 3vw;
width: 40%;
background-size: 3vw 3vw;
border-width: .6vw;
float: left;
    padding-left: 3vw;
}

#chat_room #room_list ul li img {
margin-right: .3vw;
}


#chat_room #room_list #room_selection {
overflow: auto;
max-height: 10vh;
}

#chat_room #room_list #room_selection li {
    width: 50%;
    float: left;
}

#chat_room #room_list #room_selection li a {
border-width: .6vw;
margin:       .3vw auto .3vw auto;
background-size: 3vw auto;
font-size: 2.15vw;
}

#chat_room #chat_messages {
height:      50vh;
border-width: .6vw;
width: 65%;
}

#chat_room #chat_messages .player_message {
padding:     .5vw;
margin:      .5vw 0 .5vw 1%;
border-width: .6vw;
font-size: 2.5vw;
}

#chat_room .player_message .pn_box {
margin: .6vw;
}

#chat_room #chat_messages .player_message i {
margin-top: .3vw;
margin-right: .3vw;
font-size: 2.3vw;
}

#chat_room #chat_messages .player_message img.player_avatar,
#chat_room #chat_messages .player_message .content_rating {
width:  3.5vw; 
}

#chat_room #chatter_list {
height:      50vh;
border-width:  .6vw;
width: 35%;
}

#chat_room #chatter_list #notifications {
padding-left: 2vw;
margin: 0 auto 0 auto;
}

#chat_room #chat_messages .player_message img {
width:  3.5vw; 
}

#chat_room #chatter_list ul {
font-size: 2.3vw;
}

#chat_room #chatter_list ul li img {
margin-right: .3vw;
width: 4vw;
}

#chat_room #chatter_list #chatter_selection li {
font-size: 2.5vw;
line-height: 4vw;
margin-left: 2vw;
margin-bottom: 2vw;
}

#chat_room #chatter_list #chatter_selection li span img {
width: 3vw; 
margin: .3vw 0 0 .3vw;
border-radius: 2vw;
}

#chat_room #chatter_list #chatter_selection li span .avatar {
    border-width: .3vw;
    border-radius: 2vw;
    width: 4vw;
    margin: 0 .20vw -.60vw 0;
}

#chat_room #smiley_box {
border-width:    .6vw;
margin: .3vw auto .3vw auto;
padding: .3vw;
border-radius: 1vw;
}

#chat_room #smiley_box h5 {
    margin: .3vw 0 .3vw 0;
    padding: .3vw .2vw .3vw .2vw;
    font-size: 2.5vw;
    border-width: .6vw;
}

#chat_room #smiley_box img {
    margin: .8vw;
    width: 6vw;
}

#chat_room #private_communications_panel {
border-width:         .6vw;
border-top-left-radius:  2vw;
border-top-right-radius: 2vw;
width: 90%;
padding:         .3vw;
margin:          .3vw auto -2vw auto;
}

#chat_room #private_communications_panel h5 {
font-size:   2.5vw;
margin: .3vw auto .3vw auto;
border-width: .6vw;
}

#chat_room #private_communications_panel input {
font-size: 5vw;
border-width: .6vw;
margin: 1.2vw;
}


#chat_room #chat {
min-height: 10vh;
border-width:     .3vw;
width: 90%;
margin: 2vw auto 2vw auto;
display: block;
}

#chat_room input, 
#chat_room select {
margin: 1vw 0 1vw 2vw;
border-width:    .6vw;
font-size: 2.5vw;
}

#chat_room input:hover, 
#chat_room select:hover {
margin: 1vw 0 1vw 2vw;
border-width:    .6vw;
}

.overlay_menu#profile_card {
width: 95vw;
max-height: 90vh;
top: 1vh;
}

.overlay_menu#profile_card #profile_comment {
    border-width: .6vw;
    padding: 2vw;
    min-height: 20vh;
    font-size: 4.6vw;
    border-radius: 2vw;
}

.overlay_menu#profile_card #update_comment {
    margin: 1vw;
    width: auto;
}

.overlay_menu#profile_card h3 {
    font-size: 3.5vw; 
}

.overlay_menu#profile_card h4 {
    text-shadow:
    -.2vw -.2vw 0 #000,
    .2vw -.2vw 0 #000,
    -.2vw .2vw 0 #000,
    .2vw .2vw 0 #000;
    font-size: 3vw; 
}

.overlay_menu#profile_card ul {
    border-width: .6vw;
    width: 95%;
    padding: .6vw .6vw .6vw .6vw;
    margin: 1vw auto 0 auto;
    border-radius: 2vw;
}

.overlay_menu#profile_card ul li {
    margin: 2%;
    width: 45%;
    margin: 2.5% 0% 2.5% 2.5%;
}

.overlay_menu#profile_card ul li input {
    background-size: 4vw auto;
}

.overlay_menu#profile_card #avatar_holder {
    width: 20vw;
}

.overlay_menu#profile_card #avatar_holder #profile_avatar {
    border-width: .6vw;
    border-radius: 10vw;
}

.overlay_menu#profile_card #avatar_holder #chat_status {
    bottom: -10%;
    right: -10%;
    border-radius: 10vw;
    border-width: .6vw;
    width: 8vw;
}

.overlay_menu#room_creation_menu, 
.overlay_menu#room_editing_menu,
.overlay_menu#roleplay_options_menu {
   top: 1vh;
   max-height: 90vh;
}

.overlay_menu#roleplay_options_menu {
    width: 90vw;
}

.overlay_menu#room_creation_menu select, 
.overlay_menu#room_editing_menu select {
border-width: .6vw;
}

.overlay_menu#room_creation_menu p, 
.overlay_menu#room_editing_menu p {
padding: 2vw 1vw 2vw 1vw;
}

.overlay_menu#room_creation_menu ul, 
.overlay_menu#room_editing_menu ul {
    width: 75%;
    padding: 1vw;
    border-radius: 2vw;
    border-width: .6vw;
    padding: 1vw;
}

.overlay_menu#room_creation_menu ul li textarea,
.overlay_menu#room_editing_menu ul li textarea {
    font-size: 5vw;
   border-width: .6vw;
   min-height: 24vh;
   margin: 0;
}

.server_data {
font-size:        4vw;
border-width: .6vw;
padding: .5vw;
}

/* Creature Collection Book */

#collector_cat_list,
#creature_collector_panel {
max-height: 125vw;
overflow:  auto;
padding: 1%;
margin-left: 1%;
margin-top:  1%;
margin-bottom:  2%;
}

#collector_cat_list {
width: 48%;
border-width: .7vw;
}

#collector_cat_list h2 {
margin: 2vw 0 2vw 0;
font-size:        3.5vw;
}

#collector_cat_list ul li {
border-width: .5vw;
padding:  .80vw;
margin-top: 1vw;
font-size: 3.2vw;
}

#creature_collector_panel {
width: 48%;
border-width: .7vw;
}

#collector_cat_list select {
font-size: 3vw;
border-width:  .4vw;
}

#creature_collector_panel .creature_container {
border-radius:  3vw;
margin:         1%;
width:          98%; 
height:         20vw;
border-width:   .6vw;
}


#creature_collector_panel .creature_container .creature_portrait,
#creature_collector_panel .creature_container .faded_creature_portrait {
width:  30%;
border-width: .6vw;
margin: 2%;
border-radius: 1vw;
}

#creature_collector_panel .creature_container .creature_details {
width: 60%;
}

#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: 2vw 0 0vw 0;
}


#creature_collector_panel .creature_container .creature_details h3 {
font-size: 4vw;
}

#creature_collector_panel .creature_container .creature_details h4 {
font-size: 3.6vw;
}

#creature_collector_panel .creature_container .creature_details h5 {
font-size: 3.2vw;
}

#creature_collector_panel #prev,
#creature_collector_panel #next {
width: 14vw;
margin: 3vw;
}

/* Fashion Handbook */

#fashion_handbook {
width:  95vw;
border-width:  .5vw;
margin:  2vw auto 0 auto;
border-radius:  1vw;
padding:  0;
}

 #fashion_handbook h3 {
font-size: 3vw;
 }

#fashion_handbook #search_options table {
font-size: 2.7vw;
}

#fashion_handbook #search_options table select,
#fashion_handbook #search_options table input {
margin: .5vw;
border-width:  .40vw;
padding:  1vw;
font-size: 2.5vw;
}

#fashion_handbook .fashion_entry {
border-width: .5vw;
width: 90%;
margin: 2vw auto 2vw auto;
border-radius:  1vw;
padding: .3vw;
float:  none;
overflow: auto;
}

#fashion_handbook .fashion_entry h4 {
 width: 90%;
font-size: 2.8vw;
 height: auto;
 margin: 2vw auto 0 auto;
}

#fashion_handbook .fashion_entry .fashion_info {
}

#fashion_handbook .fashion_entry .fashion_info .stand_img {
width:  25%;
margin: 2.5%;
margin-right:  0;
border-width: .5vw;
padding: .4vw;
border-bottom-left-radius: 1vw;
border-top-left-radius: 1vw;
border-bottom-right-radius: 1vw;
}


#fashion_handbook .fashion_entry .fashion_info p {
width:  70%;
margin: 2.5%;
border-width: .5vw;
margin-left:  0;
font-size:  2.85vw;
border-width: .5vw;
padding: 2vw;
border-bottom-right-radius: 1vw;;
border-top-right-radius: 1vw;;
}

#fashion_handbook .directory_arrows img {
width: 20vw;
margin: 2vw;
}

/*End Media*/
}