/* Styling to prevent usage */

p[align="center"], center {
    text-align:left !important;
    border:5px solid red !important;
}

table {
    background-color:red;
    border:5px solid red;
}

/* Global Styling/Foundation Overrides */

.row {
    background-color:#fff;
}

.panel .row {
    background: transparent;
}

.hide {
    display:none;
}

.display-inline {
    display:inline !important;
}

span.middlefix, label.middlefix {
    background: #f2f2f2;
    border-color: #d9d9d9;
    border-right: none;
    border-left: none;
    color: #333;
}

hr {
    margin: 0 0 1em;
}

/* Text Sizing Utilities */

.text-small { font-size:75%; }
.text-smaller { font-size:60%; }
.text-smallest { font-size:50%; }

.text-big { font-size:110%; }
.text-bigger { font-size:125%; }
.text-biggest { font-size:135%; }

@media only screen and (max-width: 768px) {
    .text-center-small {
        text-align:center;
    }
}

/* Department <a> Link Styling -- Which was Rosie's idea from the ~start~ */

a[href^='http://battlepedia.jellyneo.net'],
a[href^='http://items.jellyneo.net'],
a[href^='http://bookofages.jellyneo.net'],
a[href^='http://wardrobe.jellyneo.net'],
a[href^='http://www.jellyneo.net'],
a[href^='http://www.jellyneoforums.net'],
a[href^='http://www.drsloth.com'],
a[href*='neopets.com'] {
    padding-right: 25px;
    background-repeat: no-repeat;
    background-position: right center;
    background-size:contain;
}

a[href^='http://battlepedia.jellyneo.net'] {
    background-image: url('/layout/imgs/battlepedia/link_icon.png');
}

a[href^='http://bookofages.jellyneo.net'] {
    background-image: url('/layout/imgs/boa/link_icon.png');
}

a[href^='http://wardrobe.jellyneo.net'] {
    background-image: url('/layout/imgs/wardrobe/link_icon.png');
}

a[href^='http://items.jellyneo.net'] {
    background-image: url('/layout/imgs/itemdb/link_icon.png');
}

a[href^='http://www.jellyneo.net'] {
    background-image: url('/layout/imgs/mainsite/link_icon.png');
}

a[href^='http://www.drsloth.com'] {
    background-image: url('/layout/imgs/drsloth/link_icon.png');
}

a[href^='http://www.jellyneoforums.net'] {
    background-image: url('/layout/imgs/forums/link_icon.png');
}

a[href*='neopets.com'] {
    background-image: url('/layout/imgs/icon_link_neopets.png');
}

.button.find-more, #layout-footer-links a, #layout-footer-legal a, .clearing-thumbs a, a.no-link-icon {
    background-image:none;
    padding-right:0;
}

.jnbutton.no-link-icon {
    background-image:none;
}

.alert-box.alert {
    padding-left: 5em;
    background-color:#FFB3B5;
    background-image: url('/layout/imgs/alert_error.png');
    background-repeat: no-repeat;
    background-position: -15px -10px;
    color:#222;
}

.alert-box.success {
    padding-left: 5em;
    background-image: url('/layout/imgs/alert_success.png');
    background-repeat: no-repeat;
    background-position: -20px -5px;
}

.alert-box .jnbutton {
    margin-bottom: 0;
}

.multiple-select-expand-toggle {
    margin-bottom:0;
}

select.expanded {
    height:100px;
}

.form-control {
    display: block;
    width: 100%;
    height: 2.3125em;
    padding: 0.5em;
    margin: 0 0 1em 0;
    font-size: 0.875em;
    line-height: 1.42857143;
    color: rgba(0,0,0,0.75);
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    /*border-radius: 4px;*/
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: -webkit-box-shadow 0.45s,border-color 0.45s ease-in-out;
    -moz-transition: -moz-box-shadow 0.45s,border-color 0.45s ease-in-out;
    transition: box-shadow 0.45s,border-color 0.45s ease-in-out;
}

.form-control:focus {
    background: #fafafa;
    border-color: #999;
    outline: none;
    -webkit-box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    box-shadow: 0 0 5px #999;
}

.form-control[disabled], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eee;
    opacity: 1;
}

.text-red { color: #bf2222; }
.text-green { color: #7dc134; }

/* Dept Nav Styling */

#layout-dept-wrapper {
    background-color:#fff;
}

#layout-depts {
    padding-top:5px;
    padding-bottom:8px;
}

#layout-depts a {
    display:inline-block;
    padding:3px 8px;
    color:#000;
    font-size:0.8em;
    font-weight:bold;
    margin-right:5px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-image:none;
}

#layout-depts a:active {
    position:relative;
    top:2px;
}

/* Header Styling */

#layout-logo-row {
    height:120px;
}

#layout-logo-plate {
    width:120px;
    height:120px;
    background-image:url('/layout/imgs/mainsite/plate_icon.png');
    background-repeat:no-repeat;
    display:inline-block;
}

#layout-logo-plate img {
    height:120px;
    width:120px;
}

#layout-logo {
    height:120px;
    width:400px;
    background-repeat:no-repeat;
    background-image:url('/layout/imgs/mainsite/logo.png');
    background-position: left center;
    display:inline-block;
}

#layout-logo.white {
    background-image:url('/layout/imgs/mainsite/logo_white.png');
}

#layout-logo img {
    height:120px;
    width:400px;
}

@media only screen and (max-width: 768px) { /* Mobile Header Title */
    .top-bar {
        background-image: url('/layout/imgs/logos_mobile.png');
        background-repeat: no-repeat;
        background-position:left center;
        background-size:150px 22.5px;
    }
}

/* jnAccount Bar */

#layout-jnacc-bar {
    padding-top:35px;
}

#jnacc-dropdown {
    padding-left:15px;
    text-align:left;
}

#jnacc-drop {
    max-width:270px;
}

#jnacc-login-form {
    padding:10px;
}

#jnacc-login-aisha {
    width:80px;
    height:80px;
    display:block;
    margin:auto;
}

/* Footer */

#layout-footer-links {
    padding-top:10px;
    background-repeat:no-repeat;
    background-position:top center;
}

#layout-footer-links ul, #layout-footer-links p {
    font-size: 0.75em;
}

#layout-footer-links .row, #layout-footer-legal .row {
    background:none;
}

#layout-footer-links strong {
    color:#fff;
    font-size:1em;
}

#layout-footer-links ul {
    list-style: none;
    margin-top: 1.25em;
}

#layout-footer-links a, #layout-footer-legal a, #layout-footer-links p {
    color:#fff;
}

#layout-footer-links li>a {
    display:block;
}

#layout-footer-links li, #layout-footer-legal li {
    padding:2px 10px;
}

#layout-footer-links li:hover, #layout-footer-legal li:hover {
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}

#footer-mascot-holder {
    position:relative;
    min-height:150px;
}

#footer-mascot {
    position:absolute;
    right:0;
    bottom:0;
    width: 300px;
    height: 200px;
}

#layout-footer-legal {
    padding:10px 0;
    color:#fff;
}

#layout-legal-text {
    font-size: 0.75em;
    line-height: 1.5;
}

#layout-footer-links p a:hover, #layout-legal-text a:hover {
    text-decoration: underline;
}

.money_img {
    height:32px;
    background-image:url('/layout/imgs/affiliates.png');
}

.money-donate {
    width:129px;
    background-position:0 0;
}

.money-hosting {
    width:155px;
    background-position:-129px 0;
}

#money-makers-small {
    margin-top:1.25em;
}

/* Affiliates */

.aff_img {
    width:88px;
    height:31px;
    margin:10px 10px 0 0;
    background-image:url('/layout/imgs/affiliates.png');
}

.aff_img.small {
    height:15px;
}

#aff-neopets { background-position: -284px 0; }
#aff-tno { background-position: -372px 0; }
#aff-lostandpound { background-position: -460px 0; }
#aff-pettp { background-position: -548px 0; }
#aff-metaneo { background-position: -636px 0; }

/* Global Content Styling */

.alert-box {
    background-color: #f5f5f5;
    border: none;
    border-left: 5px solid #666;
    color: #222;
    font-weight: normal;
    line-height:1.6;
}

.row.results .columns {
    margin-bottom:20px;
}

.row.results .columns img {
    margin-bottom:5px;
}

.jnbutton {
    border:none;
    -webkit-box-shadow:none;
    box-shadow:none;
}

.breadcrumbs {
    margin-top: 0.5em;
    -webkit-border-radius:20px;
    border-radius:20px;
}

ul.indented-list {
    margin-left:1.25em;
}

ol.indented-list {
    margin-left:2em;
}

.indented-list li {
    margin-bottom: 0.6em;
}

.jnheader {
    -webkit-border-radius:20px;
    border-radius:20px;
    background-color: #f6f6f6;
    background-position: left center;
    background-repeat: no-repeat;
    border-color: #dcdcdc;
    border-style: solid;
    border-width: 1px;
    margin-top:0.5em;
    padding: 6px 10px;
    color: #444;
}

@media only screen and (min-width: 768px) { /* Ditch fance headers on mobile */
    .jnheader:before {
        content: "";
        -webkit-border-radius: 20px 0px 0px 20px;
        border-radius: 20px 0px 0px 20px;
        padding: 8px 18px 8px;
        position: relative;
        left: -10px;
    }

    .jnheader:after {
        content: "";
        background-image: url('/layout/imgs/icons_20.png');
        background-repeat: no-repeat;
        margin: 2px 25px;
        padding: 10px;
        position: absolute;
        left: 0px;
    }
}

h3.jnheader {
    font-size: 1em;
}

.round {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

.f-dropdown-section {
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
    font-weight: bold;
    text-align: center;
    background-color: #eee;
    font-size: 0.9em;
    padding: 0.25em;
}

div.f-dropdown ul {
    list-style:none;
    margin-bottom:0;
}

.f-dropdown a {
    padding-right:0;
    background-image:none;
}

ul.pagination li a {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}

textarea.tall {
    min-height:100px;
}

/* Faux-Tables */

.table {
    border:1px solid #ddd;
    margin-bottom:1.5em;
    padding:2px;
}

.row.table-header {
    font-weight: bold;
    background-color: #f5f5f5;
}

.table .row {
    margin-left:auto;
    margin-right:auto;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.table-row:nth-of-type(odd) {
    background-color:#eee;
}

/* Sidebar Lists */

.sidebar-list {
    list-style: none;
}

.sidebar-list li {
    border-bottom: 1px solid #ccc;
}

.sidebar-list li a {
    display: block;
    padding: 0.5em;
}

/* Utilities */

.make-invisible {
    visibility: hidden;
}

.word-wrap-break-word {
    word-wrap:break-word;
}

/* Sidebar Search */

.hiddenSearchFieldsToggle.closed {
    display:none;
}

.hiddenSearchFields.closed {
    display:none;
}

label.inline-block {
    display: inline-block;
    padding-right: 10px;
}

/* Top Nav search for mobile */
.top-bar .search-toggle {
    position:absolute;
    right: 95px;
    top: 50%;
    margin-top: -23px;
    width: 45px;
    height: 45px;
    cursor:pointer;
    background-image: url('/layout/imgs/icon_search_bar.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 30px 30px;
}

@media only screen and (min-width: 58.75em) {
    .top-bar .search-toggle {
        display: none;
    }
}

@media only screen and (max-width: 768px) { /* Mobile only */
    body.search-open {
        overflow: hidden;
    }

    .dept-search-bar {
        display:none;
        position: fixed;
        top: 45px;
        width: 100%;
        height: calc(100% - 45px);
        overflow-y: auto;
        z-index: 1000;
        border-bottom-left-radius: 0 !important;
    }
}

/* Icons */

.icon-20 {
    background-image:url('/layout/imgs/icons_20.png');
    background-repeat:no-repeat;
    width:20px;
    height:20px;
    display:inline-block;
    vertical-align:middle;
}

.icon-20.jn { background-position:0 0; }
.icon-20.boa { background-position:-20px 0; }
.icon-20.wardrobe { background-position:-40px 0; }
.icon-20.idbp { background-position:-60px 0; }
.icon-20.drsloth { background-position:-80px 0; }
.icon-20.items { background-position:-100px 0; }
.icon-20.forums { background-position:-120px 0; }
.icon-20.jnacc { background-position:-140px 0; }
.icon-20.twitter { background-position:-160px 0; }

/* Lightbox Thumbs */

.clearing-blackout {
    background: rgba(0,0,0,0.8);
}

.clearing-assembled .clearing-container .visible-img {
    background:none;
}

.clearing-thumbs img {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    margin-bottom:10px;
}

.clearing-blackout .clearing-thumbs img {
    -moz-border-radius:0;
    -webkit-border-radius:0;
    border-radius:0;
    margin-bottom:0;
}

/* Read More Navigation */

.read-more {
    margin-bottom: 1.25em;
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
    background: #cccccc;
    text-align: right;
}

.read-more .row {
    background:transparent;
}

.read-more-back, .read-more-forward {
    display:inline-block;
}

.read-more .button {
    margin-bottom:0;
}

.read-more-back {
    float: left;
}

.read-more-back a {
    -webkit-border-top-left-radius: 1000px;
    -webkit-border-bottom-left-radius: 1000px;
    border-top-left-radius: 1000px;
    border-bottom-left-radius: 1000px;
}

.read-more-forward a {
    -webkit-border-top-right-radius: 1000px;
    -webkit-border-bottom-right-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
}

.read-more.with-center .read-more-forward, .read-more.with-center .read-more-back {
    width:25%;
}

.read-more.with-center .read-more-back {
    text-align: left;
}

.read-more-center {
    display: inline-block;
    float: left;
    width: 50%;
    text-align: center;
    padding-top: 0.8125em;
    padding-bottom: 0.75em;
}

/* Item Tables */

.item-grid {
    border: 3px solid #999;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    margin: 0 0.5em 1.25em 0.5em;
}

.item-grid-title {
    background-color: #999;
    padding: 0.3em;
    padding-bottom: 0.4em;
    font-weight: bold;
    color: #fff;
}

.item-grid ul {
    padding: 1.25em 0.5em 0 0.5em;
}

.item-grid a {
    padding-right: 0;
    background-image: none;
}

.item-grid img {
    border: 2px solid #F6F6F6;
    padding: 4px;
    background-color: #fff;
    max-width: 92px;
}

.wearable-text {
    font-size: 0.75em;
    font-weight: bold;
    color: #2367B5;
}

.nc-price-text {
    color: #fff;
    background: #8A68AD;
    border-radius: 50px;
    font-weight: bold;
    padding: 0.05em 0.5em;
    display: inline-block;
}

.nc-text {
    color: #663399;
}

.pb-text {
    color: blue;
}

.centered-grid li {
    text-align:center;
}

/* Avatar Solution Boxes */

.avatar-solution-img {
    padding-top: 0.7em;
}

/* Chosen Customization */

.chosen-container {
    margin-bottom:1em;
}

.chosen-container-multi .chosen-choices {
    border-color:#ccc !important;
}

.chosen-container-multi .chosen-choices {
  background-image: url('/layout/imgs/chosen/multi-select-arrow@2x.png') !important;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 15px 15px;
}