/*!
 * cache=false;cachewrite=true
 * @license Licences are viewable at this URL: https://moutest3.gaiaonline.com/src/_/f27c27b6cbaea3559afd8c7b58b51f36-1765683872-1445-281/src/css/forum/nli_welcome.css
 */


/*! /src/css/forum/nli_welcome.css */
/***********************************************************************
 * Some Anchor->Button Stylings
 * Should probably get into core at some point...
 **********************************************************************/
.button,
.button:link,
.button:visited {
    position: relative;
    zoom: 1; /* for IE hasLayout */
    margin-right: 8px;
    padding-left: 8px;
    line-height: 100%;
    background-position: 0 0;
    background-repeat: no-repeat;
    text-decoration: none !important;
}

.button span {
    display: block;
    position: absolute;
    right: -8px;
    top: 0;
    bottom: 0;
    width: 8px;
    background-position: 100% 0;
    background-repeat: no-repeat;
}
/***********************************************************************
 * NLI Forums Welcome Banner
 * NOTE: The background image is applied to the #content element
 * due to the #content-padding element's padding
 **********************************************************************/
.nli #content-padding,
.nli #gaia_content.welcome,
#det-nli-welcome-fltr {
    background-image: url(https://graphics.gaiaonline.com/images/forum/nli_banner_20100105.png);
    background-position: 0 0;
    background-repeat: repeat-x;
}

.nli #gaia_content #det-nli-welcome,
.nli .welcome {
    width: 100%;
    margin-bottom: 18px;
    min-width: 1000px; /* keep it from wrapping -- also aligns the button
                          on the right side nicely with the login/register
                          stuff in the header */
}

.welcome .message p {
    font-size: 107.6923% !important;
}

.nli #gaia_content #det-nli-welcome .message,
.nli #gaia_content #det-nli-welcome .actions,
.welcome .message,
.welcome .actions {
    padding: 0 10px;
}

.welcome .message p {
    margin-top: 0 !important;
    margin-bottom: 4px !important; /* used to override '#content-padding p' rule */
}

.balloon .message strong,
.welcome .message strong {
    color: #800;
}

.welcome .message strong.cta {
    font-style: oblique;
}

.nli #gaia_content #det-nli-welcome .actions,
.welcome .actions {
    padding-top: 14px;
    *padding-top: 5px;
}

.action .button,
.actions .button {
    padding-top: 9px;
    padding-bottom: 8px;
    *padding-bottom: 9px;
    text-decoration: none;
    text-transform: capitalize;
    letter-spacing: 0.08em;
    font-family: helvetica, arial, sans-serif;
    font-size: 123.0769%;
    opacity: 0.95;
    text-shadow: rgba(0, 0, 0, 0.5) 1px 1px 2px;
    padding-left: 18px;
    margin-right: 18px;
}
/* need to overwrite some tag-specific styling
   ~~~ I don'wanna play the specificty wars ~~~
*/
.action .button,
.actions .button:link,
.actions .button:visited {
    color: #fff !important;
}

.action .button:hover,
.actions .button:hover {
    background-position: 0 -38px;
    text-shadow: rgba(0, 0, 0, 0.75) 0 0 0.5em;
}

.action .button:hover span,
.actions .button:hover span {
    background-position: 100% -38px;
}

.action .button span,
.actions .button span {
    right: -18px;
    width: 18px;
}

.actions .cancel {
    *display: relative;
    zoom: 1;
    *padding-bottom: 10px;
}

.action .button,
.action .button span,
.actions .button,
.actions .button span {
    background-image: url(https://graphics.gaiaonline.com/images/forum/nli_cta_button_20100107.png);
}