/* include src/css/core/base.css here */
/* here lied src/css/header/old-menu.css content*/
/* START SITEWIDE CSS rules */
.clear{
clear: both !important;
font-size:0 !important;
height:0 !important;
}
/* CLEAR FIX
---------------------------------------------------------*/
/*
* See http://positioniseverything.net/easyclearing.html
* for a description of this code.
example (meant to fix parent container):
Ntran: Use this so that you don't have to put which
takes it harder to do complicated float layout.
*/
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
display: inline-table;
}
/* Hides from IE-mac \*/
* html .clearfix {
height:1%;
}
*+html .clearfix {
height:1%;
}
.clearfix {
display:block;
}
/* End hide from IE-mac */
.noshow {
display: none;
}
.hidden {
visibility: hidden;
}
.accessAid{
visibility:hidden;
position:absolute;
}
/* END SITEWIDE CSS Rules */
/* Start GAIA HEADER */
/*** Start GAIA HEADER LANDING PAGE BACKGROUNDS */
#gaia_header .header_content {
height: 150px;
position: relative;
width:1040px;
}
/*** start location-specific header backgrounds */
/* glive landing */
.time-day div.town-glive .header_content,
.time-dawn div.town-glive .header_content,
.time-dusk div.town-glive .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_beach_sprite.jpg) no-repeat 0 0;
}
.time-day div.town-glive,
.time-dawn div.town-glive,
.time-dusk div.town-glive {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_beach_tile_sprite.jpg) repeat-x top left;
}
.time-night div.town-glive .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_beach_sprite.jpg) no-repeat bottom left;
}
.time-night div.town-glive {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_beach_tile_sprite.jpg) repeat-x;
background-position: 0px 0px;
}
/* barton town */
.time-day div.town-barton .header_content,
.time-dawn div.town-barton .header_content,
.time-dusk div.town-barton .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_barton_sprite.jpg?v=4) no-repeat 0 0;
}
.time-day div.town-barton,
.time-dawn div.town-barton,
.time-dusk div.town-barton {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_barton_tile_sprite.jpg?v=1) repeat-x top left;
}
.time-night div.town-barton .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_barton_sprite.jpg?v=4) no-repeat bottom left;
}
.time-night div.town-barton {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_barton_tile_sprite.jpg?v=1) repeat-x;
background-position: 0px -150px;
}
/* isle de gambino */
.time-day div.town-isledegambino .header_content,
.time-dawn div.town-isledegambino .header_content,
.time-dusk div.town-isledegambino .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_gambino_sprite.jpg) no-repeat 0 0;
}
.time-day div.town-isledegambino,
.time-dawn div.town-isledegambino,
.time-dusk div.town-isledegambino {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_gambino_tile_sprite.jpg) repeat-x top left;
}
.time-night div.town-isledegambino .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_gambino_sprite.jpg) no-repeat bottom left;
}
.time-night div.town-isledegambino {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_gambino_tile_sprite.jpg) repeat-x;
background-position: 0px -150px;
}
/* aekea */
.time-day div.town-aekea .header_content,
.time-dawn div.town-aekea .header_content,
.time-dusk div.town-aekea .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_aekea_sprite.jpg) no-repeat 0 0;
}
.time-day div.town-aekea,
.time-dawn div.town-aekea,
.time-dusk div.town-aekea {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_aekea_tile_sprite.jpg) repeat-x top left;
}
.time-night div.town-aekea .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_aekea_sprite.jpg) no-repeat bottom left;
}
.time-night div.town-aekea {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_aekea_tile_sprite.jpg) repeat-x;
background-position: 0px -150px;
}
/* durem */
.time-day div.town-durem .header_content,
.time-dawn div.town-durem .header_content,
.time-dusk div.town-durem .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_durem_sprite.jpg) no-repeat 0 0;
}
.time-day div.town-durem,
.time-dawn div.town-durem,
.time-dusk div.town-durem {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_durem_tile_sprite.jpg) repeat-x top left;
}
.time-night div.town-durem .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_durem_sprite.jpg) no-repeat bottom left;
}
.time-night div.town-durem {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_durem_tile_sprite.jpg) repeat-x;
background-position: 0px -150px;
}
/* bassken */
.time-day div.town-basskenlake .header_content,
.time-dawn div.town-basskenlake .header_content,
.time-dusk div.town-basskenlake .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_bassken_sprite.jpg) no-repeat 0 0;
}
.time-day div.town-basskenlake,
.time-dawn div.town-basskenlake,
.time-dusk div.town-basskenlake {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_bassken_tile_sprite.jpg) repeat-x top left;
}
.time-night div.town-basskenlake .header_content {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/il_header_bg_bassken_sprite.jpg) no-repeat bottom left;
}
.time-night div.town-basskenlake {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/rs_header_bg_bassken_tile_sprite.jpg) repeat-x;
background-position: 0px -150px;
}
/*** End location-specific header backgrounds */
#gaia_header {
min-width:1140px;
}
#gaia_header .header_content{
position:relative;
width:1170px;
}
#gaia_header .header_content ul{
margin:0;
padding:0;
line-height: 14px;
}
#gaia_header .header_content li{
list-style-type:none;
}
#gaia_header .header_content .gaiaLogo{
top: 46px;
left: 20px;
position: absolute;
width:141px;
}
#gaia_header .header_content .gaiaLogo a{
width:121px;
height:57px;
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png) no-repeat 0 0;
display: block;
}
#gaia_header .header_content .gaiaLogo a:hover{
width:121px;
height:57px;
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/br_gaia_logo_header.png) no-repeat scroll left bottom;
display: block;
}
#gaia_header .header_content .gaiaLogo span{
display:none;
}
#gaia_header #gaiaClock {
display: block;
width: 120px;
height: 94px;
background-color: #777777;
position: absolute;
top: 53px;
left: 10px;
color: #fff;
text-align: center;
font-weight: bold;
}
#gaia_header .header_content .imgAvatar{
position:absolute;
top:0;
left:168px;
}
#gaia_header .header_content #animated_item {
position: absolute;
top: 0;
left: 168px;
width: 120px;
}
/*** Start DAILY REWARD */
#dailyReward{position:absolute;top:54px;left:860px;}
body.guest-experience #dailyReward{left:720px;}
#dailyReward .clawMachine{width:69px;height:97px;display:block;background:transparent url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/dc_claw_red.gif) no-repeat scroll 0 0;}
#dailyReward .clawMachine.frequent_visitor{background:transparent url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/dc_claw_yellow.gif) no-repeat scroll 0 0;}
#dailyReward a span{display:none;}
/*** End DAILY REWARD */
/*** Start HUD */
#gaia_header .hud {
float: right;
/* position: absolute;
top: 18px;
right: 0;*/
background-position:-13px -20px;
}
#gaia_header .hud-item-list {
border-right: 1px solid #374C62;
overflow: hidden;
}
#gaia_header .hud-item {
float: left;
overflow: hidden;
font-size: 14px;
line-height: 28px;
white-space: nowrap;
height: 28px;
_max-width: 150px;
_padding: 0 1px 0 1px;
}
/*new hud-item-list*/
#gaia_header .hud-item-new {
float: left;
overflow: hidden;
font-size: 12px;
white-space: nowrap;
_max-width: 150px;
_padding: 0 1px 0 1px;
}
#gaia_header .hud-spacer {
width: 0;
margin: 0 3px;
}
#gaia_header .hud-group-spacer {
border-left: 1px solid #4c5f75;
height: 27px;
margin: 1px 8px 0;
}
#gaia_header .hud-item a:hover {
text-decoration: underline;
}
#gaia_header .hud .padded-icon {
color: #FFF;
font-weight: bold;
text-decoration: none;
padding: 1px 0 1px 25px;
}
#gaia_header .hud .gold-icon {
background-position: -125px -53px;
background-repeat: no-repeat;
}
#gaia_header .hud .gold-icon-new {
background-position: 0 1px;
}
#gaia_header .hud .gold-icon-new.platinum {
background-position: 0 0;
}
#gaia_header .hud .anim-gold-icon {
background-position: -9px -10px;
}
#gaia_header .hud .gcash-icon{
background-position: -250px -53px;
background-repeat: no-repeat;
}
#gaia_header .hud .icon-new {
background-image: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/goldcap_sprites.png?v=2);
display: inline-block;
width: 30px;
height: 30px;
background-repeat: no-repeat;
float:right;
}
#gaia_header .hud .icon-new.platinum {
background-image: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/goldcap_sprites_platinum.png);
}
#gaia_header .hud .anim-icon {
background-image: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/goldcoin_ani_smaller.gif);
display: inline-block;
width: 30px;
height: 30px;
background-repeat: no-repeat;
float:right;
}
#gaia_header .hud .gcash-icon-new {
background-position: -32px 0;
}
#gaia_header .hud .trophy-icon {
background-position: -373px -53px;
background-repeat: no-repeat;
}
#gaia_header .hud .trophy-icon-new {
background-position: -63px 0;
}
#gaia_header .header_content .gcash-refill-new {
margin-left: -27px;
background-position: -9px -30px;
width: 23px;
height: 23px;
}
#gaia_header .header_content .gcash-refill-new:hover {
background-position: -38px -30px;
}
#gaia_header .header_content .gcash-refill-new:active {
background-position: -69px -30px;
}
#gaia_header .header_content #achievements-unlocked-list {
border-left: 1px dotted #FFF;
background: transparent url(https://graphics.gaiaonline.com/images/achievements/ic_arrow_unlocked_achievements_menu_10x6.png) no-repeat center center;
cursor: pointer;
display: inline;
height: 16px;
padding: 0 9px;
text-decoration: none;
outline: none;
}
#gaia_header .header_content #achievements-unlocked-list:hover {
text-decoration: none;
}
#gaia_header .user-dropdown-menu {
width: 130px;
height: 90px;
background-color: #393535;
position: absolute;
right: 10px;
top: 26px;
border-radius: 0 0 10px 10px;
}
#gaia_header .user-dropdown-menu ul {
list-style-type: none;
padding: 5px 0 0 20px;
}
#gaia_header .user-dropdown-menu .dropdown-list-item{
margin: 9px 0;
}
#gaia_header .user-dropdown-menu .dropdown-list-item a,
#gaia_header .user-dropdown-menu .dropdown-list-item a:link,
#gaia_header .user-dropdown-menu .dropdown-list-item a:active,
#gaia_header .user-dropdown-menu .dropdown-list-item a:visited {
text-decoration: none;
color: #fff;
font-size: 12px;
font-family: Arial;
}
#gaia_header .user-dropdown-menu .dropdown-list-item a:hover {
text-decoration: underline;
}
/* HUD Specific Styings */
/* GCash Sale Module */
#gaia_header #gcash-discount-module {
display: block;
width: 51px;
height: 24px;
margin: 3px 15px 0 82px
}
#gaia_header .discount-off-generic {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/sprite_gcashsale.png) no-repeat;
}
/* TierSpend Module */
#gaia_header #tiespend_header {
position: relative;
float: right;
right: -26px;
color: #fff;
font-size: 10px;
width: 175px;;
}
#gaia_header #tiespend_header .tierspend-event {
height: 34px;
position: relative;
}
#gaia_header #tiespend_header .tierspend-event a,
#gaia_header #tiespend_header .tierspend-event a:link,
#gaia_header #tiespend_header .tierspend-event a:active,
#gaia_header #tiespend_header .tierspend-event a:visited {
text-decoration: none;
color: #fff;
display:block;
height:28px;
width:160px;
}
#gaia_header #tiespend_header .tierspend-event .max-out {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/tiered_funder_headersprites_new.png) no-repeat;
background-position: 0 -57px;
width: 139px;
position: relative;
left: -6px;
height: 28px;
}
#gaia_header #tiespend_header .tierspend-event .status-bar {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/tiered_funder_headersprites_new.png) no-repeat;
background-position: 0px -25px;
width: 165px;
height: 33px;
margin-left: -26px;
}
#gaia_header #tiespend_header .tierspend-event .process-text {
width: 145px;
height: 12px;
position: relative;
left: -8px;
top: -45px;
}
#gaia_header #tiespend_header .tierspend-event .process-text .level {
float: left;
}
#gaia_header #tiespend_header .tierspend-event .process-text .progress {
float: right;
position: relative;
right: 9px;
}
#gaia_header #tiespend_header .tierspend-event .process-bar {
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/tiered_funder_headersprites_new.png) no-repeat;
background-position: 0px 0px;
top: -30px;
left: 16px;
height: 21px;
position: relative;
}
#gaia_header #tiespend_header .tierspend-event .gift-box-right {
position: relative;
top: -67px;
left: 136px;
}
#gaia_header #tiespend_header .tierspend-event .gift-box{
background: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/tierspend_reward.png) no-repeat;
width: 30px;
height: 30px;
}
/* HUD Stats */
#gaia_header .hud-stats {
height: 32px;
}
#gaia_header .hud-stats .hud-item-list {
margin-bottom: 4px;
margin-left: 10px;
}
#gaia_header .hud-stats .hud-item-list-new {
margin-bottom: 4px;
margin-left: 10px;
margin-top: 3px;
}
#gaia_header .hud-stats .hud-item {
color: #FFF;
font-weight: bold;
}
/* new stats item */
#gaia_header .hud-stats .hud-item-new .round-corner{
width: 12px;
height: 22px;
background-image: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/meter_corner.png);
margin-right: 5px;
margin-top: 2px;
float:right;
display: inline-block;
}
#gaia_header .hud-stats .hud-item-new .gold-round-corner{
background-image: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/meter_corner_gold.png);
}
#gaia_header .hud-stats .hud-item-new a{
text-decoration: none;
}
#gaia_header .hud-stats .hud-item-new .gcash-refill-new{
text-decoration: none;
}
#gaia_header .hud-stats .hud-item-value-new#cash_amt {
padding-right: 12px;
}
#gaia_header .hud-stats .hud-item-value-new {
color: #FFF;
/* background-image: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/meter_repeat.jpg); */
background-repeat: repeat;
padding-left: 20px;
min-height: 24px;
min-width: 40px;
text-align: right;
margin: 2px 0 2px -20px;
float: right;
display: inline-block;
height: 24px;
background-color: rgba(57, 53, 53, 0.9);
}
#gaia_header .hud-stats .gold-background {
background-image: url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/meter_repeat_gold.jpg);
}
#cash_amt.hud-item-value-new {
min-width: 50px;
}
#gaia_header .hud-stats .hud-item-value-new span{
font-family: poppins, arial, helvetica, clean, sans-serif;
font-weight: 400;
display: inline-block;
padding-top: 5px;
}
/* HUD Account */
#gaia_header .hud-account {
height: 35px;
}
#gaia_header .hud-account .hud-item {
color: #FFF;
}
#gaia_header .hud-account .hud-item.avatarName {
color: #FFF;
text-align: right;
min-width: 200px;
float: left;
}
#gaia_header .hud-account .hud-item-new {
color: #FFF;
font-size: 12px;
}
#gaia_header .hud-account .hud-item-new.avatarName {
color: #FFF;
text-align: right;
padding: 9px 28px 2px 13px;
min-width: 90px;
font-size: 14px;
cursor: pointer;
}
#gaia_header .hud-account .user-dropdown-arrow {
position: absolute;
width: 10px;
height: 8px;
top: 13px;
right: 22px;
display: inline;
float: right;
background: transparent url(https://graphics.gaiaonline.com/images/achievements/ic_arrow_unlocked_achievements_menu_10x6.png) no-repeat center center;
}
#gaia_header .hud-account {
background-repeat: no-repeat;
background-position: -11px 0;
/* position:absolute;
top:0;
right:0;*/
float: right;
overflow: hidden;
}
#gaia_header .hud-account .hud-item {
float: left;
font-size:85%;
line-height:18px;
}
#gaia_header .hud-account .hud-item.welcome_edge {
width: 7px;
height: 20px;
}
#gaia_header .hud-account .hud-item a {
color: #3E53A2;
text-decoration: none;
}
#gaia_header .hud-account a:hover {
color: #8599C7;
text-decoration: underline;
}
#gaia_header .hud-account .pipe {
color: #424242;
}
#gaia_header .hud-account .hud-item {
padding: 0 3px;
}
/* @group GCash CTAs */
#gaia_header .header_content #cta-get_gaia_cash,
#gaia_header .header_content #cta-refill {
display: block;
position: relative;
top: 5px;
}
#gaia_header .header_content #cta-refill {
width: 23px;
height: 19px;
background-position: 0 -53px;
background-repeat: no-repeat;
}
#gaia_header .header_content #cta-get_gaia_cash {
width: 81px;
height: 19px;
background-position: -42px -53px;
background-repeat: no-repeat;
}
#gaia_header .header_content #cta-get_gaia_cash span,
#gaia_header .header_content #cta-refill span {
display: none;
}
/* @end */
#gaia_header .header_content .goldMessage{
color:#f90;
font-size:93%;
height:22px;
position:absolute;
white-space: nowrap;
bottom:-26px;
right:55px;
}
#gaia_header .header_content .goldMessage.time {
color:#f90;
font-size:93%;
height:22px;
position:absolute;
white-space: nowrap;
bottom:-26px;
right:20px;
}
#gaia_header .header_content .goldCoin {
position:absolute;
left:-26px;
top:-15px;
}
#gaia_header .header_content .goldMessageText {
position: relative;
color:#FFF;
font-size:93%;
text-decoration: none;
}
#gaia_header .header_content .goldMessageText:hover {
text-decoration: underline;
}
/* new user name header */
#gaia_header .header_content .hud-account.hud-sprite-new {
background-color:#393535;
/* background: rgba(00, 00, 00, 0.7);*/
-webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-radius: 0 0 10px 10px;
/* box-shadow: 0px 0px 6px -1px #c37912;*/
margin-right: 10px;
}
/* new stats header*/
#gaia_header .header_content .hud-stats.hud-sprite-new {
}
.colorswitcher-disabled .header_content .hud-sprite,
.colorswitcher-color .header_content .hud-sprite {
background-image:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/header_vitals_PNG24.png?v=1);
}
.colorswitcher-color-green .header_content .hud-sprite {
background-image:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/header_vitals_green_PNG24.png);
}
.colorswitcher-color-pink .header_content .hud-sprite {
background-image:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/header_vitals_pink_PNG24.png);
}
.colorswitcher-color-yellow .header_content .hud-sprite {
background-image:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/header_vitals_yellow_PNG24.png);
}
.colorswitcher-color-red .header_content .hud-sprite {
background-image:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/header_vitals_red_PNG24.png);
}
.colorswitcher-color-purple .header_content .hud-sprite {
background-image:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/header_vitals_purple_PNG24.png);
}
.colorswitcher-color-grey .header_content .hud-sprite {
background-image:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/new_header/header_vitals_grey_PNG24.png);
}
/*** End GAIA HEADER CURRENCY INFORMATION */
/*** Start GAIA HEADER ACCOUNT CHANGE MESSAGES */
#gaia_header .header_content .notificationChanges{
position:absolute;
left:288px;
top:5px;
width:152px;
}
#gaia_header .header_content .notificationChanges .changeMessages{
margin:0 0 0 auto;
}
.colorswitcher-disabled .header_content .notificationChanges .changeMessages strong,
.colorswitcher-color .header_content .notificationChanges .changeMessages strong{
font-size:93%;
color:#77ced9;
display:block;
font-weight:bold;
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_144x32.gif) no-repeat 0 0;
padding:5px 0 0 10px;
}
.colorswitcher-color-green .header_content .notificationChanges .changeMessages strong{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_green_144x32.gif) no-repeat 0 0;
color: #6acf8e;
}
.colorswitcher-color-pink .header_content .notificationChanges .changeMessages strong{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_pink_144x32.gif) no-repeat 0 0;
color: #e877e4;
}
.colorswitcher-color-yellow .header_content .notificationChanges .changeMessages strong{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_yellow_144x32.gif) no-repeat 0 0;
color: #f78c18;
}
.colorswitcher-color-red .header_content .notificationChanges .changeMessages strong{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_red_144x32.gif) no-repeat 0 0;
color: #eb4e64;
}
.colorswitcher-color-purple .header_content .notificationChanges .changeMessages strong{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_purple_144x32.gif) no-repeat 0 0;
color: #b64eeb
}
.colorswitcher-color-grey .header_content .notificationChanges .changeMessages strong{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_grey_144x32.gif) no-repeat 0 0;
color:#323232;
}
.colorswitcher-disabled .header_content .notificationChanges .changeMessages .messageContent,
.colorswitcher-color .header_content .notificationChanges .changeMessages .messageContent{
padding:0 5px 0 5px;
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_144x32.gif) repeat-y 0 -8px;
}
.colorswitcher-color-green .header_content .notificationChanges .changeMessages .messageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_green_144x32.gif) repeat-y 0 -8px;
}
.colorswitcher-color-pink .header_content .notificationChanges .changeMessages .messageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_pink_144x32.gif) repeat-y 0 -8px;
}
.colorswitcher-color-yellow .header_content .notificationChanges .changeMessages .messageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_yellow_144x32.gif) repeat-y 0 -8px;
}
.colorswitcher-color-red .header_content .notificationChanges .changeMessages .messageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_red_144x32.gif) repeat-y 0 -8px;
}
.colorswitcher-color-purple .header_content .notificationChanges .changeMessages .messageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_purple_144x32.gif) repeat-y 0 -8px;
}
.colorswitcher-color-grey .header_content .notificationChanges .changeMessages .messageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_grey_144x32.gif) repeat-y 0 -8px;
}
.colorswitcher-disabled .header_content .notificationChanges .changeMessages h3,
.colorswitcher-color .header_content .notificationChanges .changeMessages h3{
position:absolute;
margin:0;
top:21px;
left:-17px;
width:22px;
height:14px;
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alerts_sub_bubbles.png) no-repeat bottom left;
}
.colorswitcher-color-green .header_content .notificationChanges .changeMessages h3{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alerts_sub_bubbles_green.png) no-repeat bottom left;
}
.colorswitcher-color-pink .header_content .notificationChanges .changeMessages h3{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alerts_sub_bubbles_pink.png) no-repeat bottom left;
}
.colorswitcher-color-yellow .header_content .notificationChanges .changeMessages h3{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alerts_sub_bubbles_yellow.png) no-repeat bottom left;
}
.colorswitcher-color-red .header_content .notificationChanges .changeMessages h3{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alerts_sub_bubbles_red.png) no-repeat bottom left;
}
.colorswitcher-color-purple .header_content .notificationChanges .changeMessages h3{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alerts_sub_bubbles_purple.png) no-repeat bottom left;
}
.colorswitcher-color-grey .header_content .notificationChanges .changeMessages h3{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alerts_sub_bubbles_grey.png) no-repeat bottom left;
}
#gaia_header .header_content .notificationChanges .changeMessages h3 span{
display:none;
}
#gaia_header .header_content .notificationChanges .changeMessages ul li{
text-align:left;
width:145px;
white-space:nowrap;
}
#gaia_header .header_content .notificationChanges .changeMessages ul li a{
padding:0 0 0 18px;
margin:0 0 0 5px;
font-size:77%;
color:#3e53a2;
}
#gaia_header .header_content .notificationChanges .changeMessages ul li a:link{
color:#3e53a2;
}
#gaia_header .header_content .notificationChanges .changeMessages ul li a:hover{
color:#77CED9;
}
.colorswitcher-color-green .header_content .notificationChanges .changeMessages ul li a:hover{
color:#6ACF8E;
}
.colorswitcher-color-pink .header_content .notificationChanges .changeMessages ul li a:hover{
color:#E877E4;
}
.colorswitcher-color-yellow .header_content .notificationChanges .changeMessages ul li a:hover{
color:#F78C18;
}
.colorswitcher-color-red .header_content .notificationChanges .changeMessages ul li a:hover{
color:#EB4E64;
}
.colorswitcher-color-purple .header_content .notificationChanges .changeMessages ul li a:hover{
color:#B64EEB;
}
.colorswitcher-color-grey .header_content .notificationChanges .changeMessages ul li a:hover{
color:#323232;
}
.colorswitcher-disabled .header_content .notificationChanges .changeMessages .endMessageContent,
.colorswitcher-color .header_content .notificationChanges .changeMessages .endMessageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_144x32.gif) no-repeat bottom left;
height:5px;
}
.colorswitcher-color-green .header_content .notificationChanges .changeMessages .endMessageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_green_144x32.gif) no-repeat bottom left;
}
.colorswitcher-color-pink .header_content .notificationChanges .changeMessages .endMessageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_pink_144x32.gif) no-repeat bottom left;
}
.colorswitcher-color-yellow .header_content .notificationChanges .changeMessages .endMessageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_yellow_144x32.gif) no-repeat bottom left;
}
.colorswitcher-color-red .header_content .notificationChanges .changeMessages .endMessageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_red_144x32.gif) no-repeat bottom left;
}
.colorswitcher-color-purple .header_content .notificationChanges .changeMessages .endMessageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_purple_144x32.gif) no-repeat bottom left;
}
.colorswitcher-color-grey .header_content .notificationChanges .changeMessages .endMessageContent{
background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/rs_alert_bubble_grey_144x32.gif) no-repeat bottom left;
}
#gaia_header .header_content .notificationChanges .changeMessages .endMessageContent span{
display:none;
}
#notifyBubbleContainer{
z-index: 2;
}
#notifyBubbleContainer .notify_item {
height: 14px;
}
#notifyBubbleContainer .notify_item .notify_item_link {
display: block;
}
#notifyBubbleContainer .notify_icon_sprite {
background-image: url(https://graphics.gaiaonline.com/images/layout/gaialol/notify_icon/notify_icon_sprite.png?20110331);
background-repeat: no-repeat;
}
#notifyBubbleContainer .notify_icon_mangaalerts {
background-position: 0 -140px;
}
#notifyBubbleContainer .notify_icon_devalerts {
background-position: 0 -154px;
}
#notifyBubbleContainer .notify_icon_announcement {
background-position: 0 -98px;
}
#notifyBubbleContainer .notify_icon_achievements {
background-position: 0 -112px;
}
#notifyBubbleContainer .notify_icon_private_message {
background-position: 0 -56px;
}
#notifyBubbleContainer .notify_icon_account {
background-position: 0 -126px;
}
#notifyBubbleContainer .notify_icon_notices {
background-position: 0 0;
}
#notifyBubbleContainer .notify_icon_requests {
background-position: 0 -28px;
}
#notifyBubbleContainer .notify_icon_trades {
background-position: 0 -14px;
}
#notifyBubbleContainer .notify_icon_clans {
background-position: 0 -126px;
}
/* TRESURE CHEST */
#gaia_header .header_content #treasureChest{display:none;position:absolute;top:80px;left:860px;}
#gaia_header .header_content #treasureChest a{display:block;width:85px;height:86px;background:url(https://graphics.gaiaonline.com/images/gaia_global/gaia_header/luckybox_85x86.png);}
/*** End GAIA HEADER ACCOUNT CHANGE MESSAGES */
/* End GAIA HEADER */
/* Start GAIA Daily Reward Panel */
#rewardMessage .bd{
text-align:center;
}
/* End GAIA Daily Reward Panel */
/* Start GAIA FOOTER */
#launchChat
{
position:fixed;
bottom:100px;
right:50px;
-webkit-border-radius: 28;
-moz-border-radius: 28;
border-radius: 28px;
text-shadow: 1px 1px 3px #666666;
font-family: "Avant Garde";
color: #ffffff;
font-size: 20px;
background: #fa9a25;
padding: 10px 20px 10px 20px;
text-decoration: none;
font-weight:bold;
}
#launchChat a:link
{
text-decoration: none;
color:#ffffff;
}
#launchChat a:visited
{
text-decoration: none;
color:#ffffff;
}
#launchChat:hover
{
background: #f79f08;
background-image: -webkit-linear-gradient(top, #f79f08, #f0de13);
background-image: -moz-linear-gradient(top, #f79f08, #f0de13);
background-image: -ms-linear-gradient(top, #f79f08, #f0de13);
background-image: -o-linear-gradient(top, #f79f08, #f0de13);
background-image: linear-gradient(to bottom, #f79f08, #f0de13);
text-decoration: none;
}
#gaia_footer{
clear:both;
padding: 30px 25px 25px 25px;
line-height: 15px;
}
#gaia_footer p {
font-size: 77%;
}
#gaia_footer a{
color: #3e53a2;
text-decoration: none;
}
#gaia_footer ul{
list-style-type: none;
margin: 0;
font-size: 85%;
}
#gaia_footer ul li{
display:inline;
border-right:1px solid #333;
padding: 0 6px;
}
#gaia_footer p {
margin-top: 10px;
}
/* End GAIA FOOTER */
/* Start GAIA GRID LAYOUTS */
/* Start GAIA YUI GRID RESET */
/*** Reset BODY text-align */
body{
text-align:left;
}
/*** Use the #gaia_content ID to reset width */
#gaia_content{
min-width: 1140px;
padding:20px 14px;
margin:0;
background:#666 url(https://graphics.gaiaonline.com/images/gaia_global/body/shared/rs_tile_offset_diamond_666_12x16.gif) repeat;
}
#gaia_content #hd{
margin:0 0 10px 0;
}
#gaia_content #ft{
margin:10px 0 0 0;
}
#gaia_content #hd,
#gaia_content #ft{
clear:both;
height:50px;
background-color:none;
}
#gaia_content #bd{
width:940px;
background-color:#fff;
overflow: hidden;
border-radius: 5px;
}
#gaia_content #bd a,
#gaia_modal #bd a{
color:#3e53a2;
text-decoration:none;
}
#gaia_content #bd a:hover,
#gaia_modal #bd a:hover{
color: #77CED9;
}
/* End GAIA YUI GRID RESET */
/* Define Rounded Corner Parameters */
#gaia_content #bd .grid_rc_container_top,
#gaia_content #bd .grid_rc_container_bottom{
clear:both;
position:relative;
z-index:1;
}
#gaia_content #bd .grid_rc_container_top .rc_top_left,
#gaia_content #bd .grid_rc_container_top .rc_top_right,
#gaia_content #bd .grid_rc_container_bottom .rc_bottom_left,
#gaia_content #bd .grid_rc_container_bottom .rc_bottom_right{
background-repeat: no-repeat;
background-color:transparent;
width: 8px;
height: 8px;
position:absolute;
font-size:0;
}
#gaia_content #bd .grid_rc_container_top .rc_top_left{
left: 0;
top: 0;
}
#gaia_content #bd .grid_rc_container_top .rc_top_right{
right: 0;
top: 0;
}
#gaia_content #bd .grid_rc_container_bottom .rc_bottom_right{
right: 0;
bottom: 0;
}
#gaia_content #bd .grid_rc_container_bottom .rc_bottom_left{
left: 0;
bottom: 0;
}
#gaia_content #bd .grid_rc_container_top .rc_top_left{
border-top-left-radius: 5px;
}
#gaia_content #bd .grid_rc_container_top .rc_top_right{
border-top-right-radius: 5px;
}
#gaia_content #bd .grid_rc_container_bottom .rc_bottom_left{
border-bottom-left-radius: 5px;
}
#gaia_content #bd .grid_rc_container_bottom .rc_bottom_right{
border-bottom-right-radius: 5px;
}
/* START NAVIGATION TABS */
#content .gaia_navigation_tabs {
display: block;
margin: 0 0 0 1px;
width:99%;
height:35px;
}
#content .gaia_navigation_tabs .tab {
text-align: center;
display: block;
margin: 0 0 0 -1px;
width: 140px;
height: 28px;
float: left;
border: 1px solid #DCDEE3;
background: #EBEBEB;
}
#content .gaia_navigation_tabs .last_tab {
border-right: 0;
}
#content .gaia_navigation_tabs .tab.current_tab {
background-color:#fff;
color:#29c;
border-bottom:1px solid #fff;
}
#content .gaia_navigation_tabs .tab:hover {
background:#FFF;
}
#content .gaia_navigation_tabs .tab.locked_tab {
width: auto;
}
#content .gaia_navigation_tabs .tab a {
color: #5A4564;
font-weight: bold;
line-height: 28px;
text-decoration: none;
display:block;
white-space:nowrap;
}
#content .gaia_navigation_tabs .tab a:hover {
background: #FFF;
color: #2299CC;
}
#content .gaia_navigation_tabs .tab_end {
display: block;
float: left;
background: transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/tabs/rs_secondnav_gradient_113x30.gif);
width: 113px;
height: 30px;
}
#content .gaia_navigation_tabs .tab_withsubnav {
width:152px;
}
#content .gaia_navigation_tabs .tab_withsubnav a {
width:140px;
height:29px;
float:left;
}
#content .gaia_navigation_tabs .tab .yuimenu_trigger {
text-indent:-5000px;
width: 12px;
float:left;
background: url(https://graphics.gaiaonline.com/images/gaia_global/body/tabs/tb_tab_icons_12x35.gif) no-repeat 0 0;
}
#content .gaia_navigation_tabs .menu_enabled {
border-bottom:0;
}
#content .gaia_navigation_tabs .tab .yuimenu_trigger:hover,
#content .gaia_navigation_tabs .menu_enabled .yuimenu_trigger {
background-image: url(https://graphics.gaiaonline.com/images/gaia_global/body/tabs/tb_tab_icons_12x35.gif);
background-position: 0px -36px;
}
#content .gaia_navigation_tabs .tab .yuimenu {
visibility: hidden;
position: absolute;
}
#content .gaia_navigation_tabs .tab .yuimenu ul {
margin: 0;
padding: 0;
border:1px solid #ccc;
border-top:0;
}
#content .gaia_navigation_tabs .yuimenu li {
list-style-type: none;
margin:0;
padding:0;
background:#fff;
border-bottom: 1px solid #f5f5f5;
}
#content .gaia_navigation_tabs .yuimenu li.last {
border-bottom:0
}
#content .gaia_navigation_tabs .yuimenu li a,
#content .gaia_navigation_tabs .yuimenu li a:hover {
display: block;
font: 85% arial,helvetica,clean,sans-serif;
background-color: #fff;
background-image:none;
color: #3e53a2;
float: none;
text-align: left;
margin: 0;
padding:4px;
font-weight: normal;
text-indent: 0;
height:12px;
line-height:12px;
min-width:100px;
width:auto;
_width:100px;
border:0;
}
#content .gaia_navigation_tabs .yuimenu li a:hover{
background: #edf2f7;
text-decoration:underline;
}
#content .gaia_navigation_tabs .yuimenu li.yuimenuitem-selected,
#gaia_content .gaia_navigation_tabs .yuimenu li.yuimenuitem-selected {
background-color:#edf2f7;
}
#content ul.gaia_tab_orphans {
margin:0 10px 0 0;
padding:0;
}
#content ul.gaia_tab_orphans li {
list-style:none;
margin:9px 0 0 5px;
padding:0;
text-align:right;
float:right;
}
/* END NAVIGATION TABS */
/*** End Common Grid Elements */
/*** Start Generic Layouts */
/* rounded corners */
#gaia_content #bd-sub .grid_rc_container_top,
#gaia_content #bd-sub .grid_rc_container_bottom{clear:both;position:relative;z-index:1;}
#gaia_content #bd-sub .grid_rc_container_top .rc_top_right,
#gaia_content #bd-sub .grid_rc_container_bottom .rc_bottom_right{background-repeat:no-repeat;background-color:transparent;width:8px;height:8px;position:absolute;font-size:0;}
#gaia_content #bd-sub .grid_rc_container_top .rc_top_right{right:0;top:0;}
#gaia_content #bd-sub .grid_rc_container_bottom .rc_bottom_right{right:0;bottom:0;}
#gaia_content #bd-sub .grid_rc_container_top .rc_top_right{background:url(https://graphics.gaiaonline.com/images/landing/new_home/rs_rounded_corners_40-93_8x8.gif) top right;}
#gaia_content #bd-sub .grid_rc_container_bottom .rc_bottom_right{background:url(https://graphics.gaiaonline.com/images/landing/new_home/rs_rounded_corners_40-93_8x8.gif) bottom right;}
/*** End Generic Layouts */
#gaia_content #yui-main .yui-b{margin-bottom:0;}
/*** Set Fixed Content Modules */
#gaia_content .fixedContent_310x120{overflow:hidden;margin:0 0 10px 0;}
#gaia_content .fixedContent_310x120{width:310px;height:120px;}
#gaia_content .fixedContent_277x200{width:295px;overflow:hidden;}
/* Set Ad default sizes */
.gaia-ad .hd,
#gaia_content .gaia-ad .hd{width:100%;height:15px;display:block;margin:0;background-color:transparent;text-align:left;padding:0;font-family:arial,helvetica,clean,sans-serif;}
.gaia-ad p,
#gaia_content .gaia-ad p{padding:1px 0 0;font-size:10px;color:#000;font-weight:bold;}
.gaia-ad,
#gaia_content .gaia-ad{overflow:hidden;position:relative;border:none;}
.gaia-ad iframe,
#gaia_content .gaia-ad iframe{z-index:50;position:absolute;top:19px;border:0;border-collapse:collapse;}
.wskyscraper,
#gaia_content .wskyscraper{width:160px;height:640px;}
.wskyscraper iframe,
#gaia_content .wskyscraper iframe{width:160px;height:600px;}
.wskyscraper .hd .ad_label,
#gaia_content .wskyscraper .hd .ad_label{background:url(https://graphics.gaiaonline.com/images/gaia_global/buttons/adbutton/advertisement.png) no-repeat;font-size:10px;float:left;margin-top:8px;width:77px;height:5px;margin-left:5px;}
.wskyscraper .bd,
#gaia_content .wskyscraper .bd{height:605px;}
.wskyscraper .bd,
#gaia_content .wskyscraper .ft{height:20px;}
.wskyscraper .bd .disable_ad,
#gaia_content .wskyscraper .ft .disable_ad{float:right;}
.mrec .hd,
#gaia_content .mrec .hd{height:20px;font-size:10px}
.mrec .hd .ad_label,
#gaia_content .mrec .hd .ad_label{background:url(https://graphics.gaiaonline.com/images/gaia_global/buttons/adbutton/advertisement.png) no-repeat;float:left;width:77px;height:5px;margin-top:8px;margin-left:5px;margin-left:5px;}
.mrec .hd .ad_label_video,
#gaia_content .mrec .hd .ad_label_video{background:url(https://graphics.gaiaonline.com/images/gaia_global/buttons/adbutton/advertisement_video.png) no-repeat;float:left;width:77px;height:5px;margin-top:8px;margin-left:5px;}
.mrec .hd .disable_ad,
#gaia_content .mrec .hd .disable_ad{float:right;}
.disable_ad a{display:block;}
.mrec,
#gaia_content .mrec{width:326px;height:290px;margin-top:5px;}
.mrec iframe,
#gaia_content .mrec iframe{width:326px;height:290px;top:19px;border:1px #000 solid;}
.lrec,
#gaia_content .lrec{width:300px;height:265px;}
.lrec iframe,
#gaia_content .lrec iframe{width:300px;height: 250px;}
.leaderboard,
#gaia_content .leaderboard{}
.leaderboard .hd .ad_label,
#gaia_content .leaderboard .hd .ad_label{background: url(https://graphics.gaiaonline.com/images/gaia_global/buttons/adbutton/advertisement.png) no-repeat;font-size:10px;float:left;margin-top:8px;width:77px;height:5px;margin-left:5px;}
.leaderboard .bd,
#gaia_content .leaderboard .bd{}
.leaderboard iframe,
#gaia_content .leaderboard iframe{}
.skyscraper,
#gaia_content .skyscraper{width:130px;height:640px;}
.skyscraper iframe,
#gaia_content .skyscraper iframe{width:120px;height:600px;}
.skyscraper .bd,
#gaia_content .skyscraper .bd{height:600px;}
.skyscraper .bd,
#gaia_content .skyscraper .ft{height:20px;}
.skyscraper .bd .disable_ad,
#gaia_content .skyscraper .ft .disable_ad{float:right;}
#post_container .leaderboard {border-bottom: 3px solid #ced3f7;}
/* End GAIA GRID LAYOUTS */
/* Start GAIA GENERIC CONTENT MODULES */
/*** Generic content block. This contains space for a title and subtitle in the header (class hd)
**** and a link to information in the footer. The hd and ft are position:absolute so they can
**** float above custom imaging.
***/
#gaia_content .gaia-wm .hd,
#gaia_content .gaia-wm .ft{
position:relative;
height:0;
}
#gaia_content .gaia-wm .hd{
visibility:hidden;
}
#gaia_content .gaia-wm .hd h3{
position:absolute;
margin:0;
}
#gaia_content .gaia-wm .hd h4{
position:absolute;
margin:0;
}
#gaia_content .gaia-wm .bd{
position: relative;
background-repeat: no-repeat;
background-position: top left;
font-size:93%;
}
#gaia_content .gaia-wm .bd .main_text,
#gaia_content .gaia-wm .bd .sub_text{
margin:0;
}
#gaia_content .gaia-wm .bd .icon_generic{
position:absolute;
z-index:0;
font-size:0;
}
#gaia_content .gaia-wm .bd .icon_generic span{
visibility:hidden;
font-size:0;
}
#gaia_content .gaia-wm .ft{
z-index:1;
}
#gaia_content .gaia-wm .ft a{
position:absolute;
white-space:nowrap;
color:#3e53a2;
text-decoration:none;
}
#gaia_content .gaia-wm .ft .main_cta{
bottom:10px;
right:10px;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/arrows/ic_hyperlink_arrow_15x15.png) no-repeat;
font-weight:bold;
padding:0 0 0 18px;
display:block;
height:15px;
}
/*** Generic content block. This contains space for a title and subtitle in the header (class hd)
**** and a link to information in the footer. The hd and ft are position:absolute so they can
**** float above custom imaging.
***/
#gaia_content .gaia-hero .hd{
position:relative;
height:0;
visibility:hidden;
z-index:1;
}
#gaia_content .gaia-hero .hd h3{
position:absolute;
font-weight:bold;
font-size:123.1%;
top:5px;
left:6px;
color:#fff;
margin:0;
}
#gaia_content .gaia-hero .hd h4{
position:absolute;
visibility:hidden;
color:#fff;
margin:0;
}
#gaia_content .gaia-hero .hd h3 a,
#gaia_content .gaia-hero .hd h4 a{
text-decoration:none;
color:#fff;
}
#gaia_content .gaia-hero .ft{
position:relative;
height:0;
}
#gaia_content .gaia-hero .ft a{
position:absolute;
bottom:10px;
right:10px;
color:#000;
text-decoration:none;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/arrows/ic_hyperlink_arrow_15x15.png) no-repeat;
font-size:100%;
font-weight:bold;
padding:0 0 0 18px;
margin-left: 210px;
display:block;
height:15px;
white-space:nowrap;
}
#gaia_content .gaia-hero .bd{
position: relative;
}
#gaia_content .gaia-hero .bd a{
display:block;
background-repeat: no-repeat;
background-position: top left;
text-decoration:none;
font-size:93%;
color:#000;
}
/* Use margin or padding to position the info text instead of position:absolute; */
#gaia_content .gaia-hero .bd a .info_text{
display:block;
visibility:hidden;
color:#000;
}
/*** Generic information block. This contains space for a title and subtitle in the header (class hd)
**** and up to two button links in the footer. The hd and ft are position:relative so they can
**** accomodate rounded corner floating. The defaults are as follows:
**** hd/ft:background-color:5c4c65;/hd:rs_header_purplegradient.gif/ft:images/rs_footer_purplegradient.gif/bd:background-color:#f8f3ec;
**** If you add the .alt class to .gaia-info the colors change to:
**** hd/ft:background-color:#a9cbe8;/hd:rs_header_bluegradient.gif/ft:images/rs_footer_bluegradient.gif/bd:background-color:#f8f8f8;
****
***/
#gaia_content .gaia-info{
border:1px solid #fff;
}
#gaia_content .gaia-info .hd,
#gaia_content .gaia-info .bd,
#gaia_content .gaia-info .ft{
position:relative;
}
#gaia_content .gaia-info .bd{
background-color:#f8f3ec;
overflow:hidden;
}
#gaia_content .gaia-info .hd,
#gaia_content .gaia-info .ft{
background-color:#5c4c65;
}
#gaia_content .gaia-info .hd{
height:30px;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/contentContainer/rs_header_purplegradient.gif) repeat-x 0 0;
}
#gaia_content .gaia-info .hd h3{
color:#fff;
font-size:123.1%;
font-weight:bold;
padding:5px 0 0 6px;
margin:0;
}
#gaia_content .gaia-info .hd h4{
display:none;
margin:0;
}
#gaia_content .gaia-info .ft{
height:31px;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/contentContainer/rs_footer_purplegradient.gif) repeat-x 0 0;
}
#gaia_content .gaia-info .ft .message_text{
color:#fff;
font-size:93%;
padding:9px 0 0 6px;
}
/* nofooter - no visible corners, bd has bottom rounded corners. used for item grouping sections */
#gaia_content .gaia-info.nofooter .bd {
padding: 4px 4px 0 4px;
}
#gaia_content .gaia-info.nofooter .ft {
background:#f8f3ec;
height: 4px;
}
#gaia_content .gaia-info.alt.nofooter .ft {
background:#f8f8f8;
}
/* justhd - only shows the header with 4 rounded corners. used for expand/collapse sections */
#gaia_content .gaia-info.justhd .bd {
display: none;
}
#gaia_content .gaia-info.justhd .ft {
background:#5c4c65;
height: 4px;
}
#gaia_content .gaia-info.alt .hd,
#gaia_content .gaia-info.alt .ft{
background-color:#a9cbe8;
}
#gaia_content .gaia-info.alt .bd{
background-color:#f8f8f8;
}
#gaia_content .gaia-info.alt .hd{
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/contentContainer/rs_header_bluegradient.gif);
}
#gaia_content .gaia-info.alt .hd h3{
color:#4d3a56;
}
#gaia_content .gaia-info.alt .ft{
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/contentContainer/rs_footer_bluegradient.gif);
}
#gaia_content .gaia-info.alt .ft .message_text{
color:#000;
}
#gaia_content .gaia-info .ft .info_button{
float:right;
margin:6px 6px 0 0;
}
/* Define Rounded Corner Parameters */
#gaia_content .gaia-info .hd .rc_top_left,
#gaia_content .gaia-info .hd .rc_top_right,
#gaia_content .gaia-info .ft .rc_bottom_left,
#gaia_content .gaia-info .ft .rc_bottom_right
{
background-repeat: no-repeat;
width: 4px;
height: 4px;
position:absolute;
font-size:0;
}
#gaia_content .gaia-info .hd .rc_top_left{
left: -1px;
top: -1px;
}
#gaia_content .gaia-info .hd .rc_top_right{
right: -1px;
top: -1px;
}
#gaia_content .gaia-info .ft .rc_bottom_right{
right: -1px;
bottom: -1px;
}
#gaia_content .gaia-info .ft .rc_bottom_left{
left: -1px;
bottom: -1px;
}
#gaia_content .gaia-info .hd .rc_top_left,
#gaia_content .gaia-info .hd .rc_top_right,
#gaia_content .gaia-info .ft .rc_bottom_left,
#gaia_content .gaia-info .ft .rc_bottom_right{background:url(https://graphics.gaiaonline.com/images/gaia_global/body/contentContainer/rs_corners_e4ded8.gif);}
#gaia_content .gaia-info .hd .rc_top_left{background-position:0 0;}
#gaia_content .gaia-info .hd .rc_top_right{background-position:top right;}
#gaia_content .gaia-info .ft .rc_bottom_left{background-position:bottom left;}
#gaia_content .gaia-info .ft .rc_bottom_right{background-position:bottom right;}
/* define basic icon parameters */
#gaia_content .gaia-info .icon_generic,
#gaia_content .gaia-info .icon_close,
#gaia_content .gaia-info .icon_expand {
display:none;
overflow: hidden;
text-indent: -5000em;
}
#gaia_content .gaia-info .icon_expand {
display: block;
background: url(https://graphics.gaiaonline.com/images/forum/pulse/pulse_expand_collapse.png) center top no-repeat;
height: 15px;
width: 15px;
}
#gaia_content .gaia-info .icon_expand.closed {
background: url(https://graphics.gaiaonline.com/images/forum/pulse/pulse_expand_collapse.png) center bottom no-repeat;
height: 15px;
width: 15px;
}
/* define basic button parameters */
#gaia_content .info_button,
.yui-panel-container .info_button{
display:block;
height:21px;
text-decoration:none;
font-size:93%;
font-weight:bold;
cursor: pointer;
}
#gaia_content .info_button .button_cap,
.yui-panel-container .info_button .button_cap {
font-size:0;
width:8px;
height:21px;
display:block;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_silver_button.gif) no-repeat 0 0;
float:left;
}
#gaia_content .info_button .button_text,
.yui-panel-container .info_button .button_text {
white-space: nowrap;
height:17px;
display:block;
color:#000;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_silver_button.gif) no-repeat top right;
padding:4px 8px 0 0;
float:left;
vertical-align:middle;
}
#gaia_content .info_button:hover .button_cap,
.yui-panel-container .info_button:hover .button_cap {
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_silver_button.gif) left -21px;
}
#gaia_content .info_button:hover .button_text,
.yui-panel-container .info_button:hover .button_text {
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_silver_button.gif) right -21px ;
color: #2299cc;
}
#gaia_content .info_button.disabled,
.yui-panel-container .info_button.disabled {
cursor: default;
}
#gaia_content .info_button.disabled .button_cap,
#gaia_content .info_button.disabled:hover .button_cap,
.yui-panel-container .info_button.disabled .button_cap,
.yui-panel-container .info_button.disabled:hover .button_cap {
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_silver_button.gif) bottom left;
}
#gaia_content .info_button.disabled .button_text,
#gaia_content .info_button.disabled:hover .button_text,
.yui-panel-container .info_button.disabled .button_text,
.yui-panel-container .info_button.disabled:hover .button_text {
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/bn_silver_button.gif) bottom right;
color:#999;
}
#gaia_content .info_button.hero {
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/arrows/ic_hyperlink_arrow_15x15.png) no-repeat;
font-size:100%;
padding:0 0 0 18px;
}
/* action button - use when button refers to "doing" something */
#gaia_content .action_button,
.yui-panel-container .action_button {
position: relative;
display: block;
height: 36px;
text-decoration: none;
font-size: 98%;
font-weight: bold;
cursor: pointer;
}
#gaia_content .action_button .button_cap,
.yui-panel-container .action_button .button_cap {
font-size: 0;
width: 8px;
height: 36px;
display: block;
background: url(https://graphics.gaiaonline.com/images/common/rs/rs_action_button_tile.gif) no-repeat 0 0;
float: left;
}
#gaia_content .action_button .button_text,
.yui-panel-container .action_button .button_text {
white-space: nowrap;
height: 36px;
display: block;
color: #000;
background: url(https://graphics.gaiaonline.com/images/common/rs/rs_action_button_tile.gif) no-repeat top right;
line-height: 36px;
padding-right: 13px;
float: left;
vertical-align: middle;
}
.yui-panel-container .action_button .button_text {
line-height: 36px !important; /* important required for yui panel container */
}
#gaia_content .action_button:hover .button_text,
.yui-panel-container .action_button:hover .button_text {
color: #c20023;
}
#gaia_content .action_button.disabled,
.yui-panel-container .action_button.disabled {
cursor: default;
}
#gaia_content .action_button.disabled .button_text,
#gaia_content .action_button.disabled:hover .button_text,
.yui-panel-container .action_button.disabled .button_text,
.yui-panel-container .action_button.disabled:hover .button_text {
color:#999;
}
/* start of sub menu/ secondary button */
#gaia_content .subnav_button{
display:block;
height:16px;
text-decoration:none;
font-size:85%;
font-weight:bold;
float: left;
margin-left: 5px;
cursor: pointer;
cursor: hand;
}
#gaia_content .subnav_button .button_cap{
font-size:0;
width:4px;
height:16px;
display:block;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/nv_secondary_tabs.gif) no-repeat 0 0;
float:left;
}
#gaia_content .subnav_button .button_text{
white-space: nowrap;
height:14px;
display:block;
color:#fff;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/nv_secondary_tabs.gif) no-repeat top right;
padding:2px 15px 0px 11px;
float:left;
vertical-align:middle;
}
#gaia_content .subnav_button:hover .button_cap{
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/nv_secondary_tabs.gif) bottom left;
}
#gaia_content .subnav_button:hover .button_text{
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/nv_secondary_tabs.gif) bottom right;
}
/* start submenu list- this may be used by defaultfor all sub menu components */
#gaia_content #submenu_container{
padding:0;
margin:0;
}
#gaia_content #submenu_container li{
float:left;
list-style-type:none;
margin:0 0 10px 0;
}
#gaia_content #page_hd ul{
list-style:none;
}
#gaia_content #page_hd li a {
float:left;
display:block;
color:#fff;
padding:0px 10px 0px 5px; /* top right bottom left */
margin-right: -5px;
background: url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/nv_secondary_tabs.gif) no-repeat 100% 0px;
text-decoration:none;
line-height:16px;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#gaia_content #page_hd a {float:none;}
/* End IE5-Mac hack */
#gaia_content #page_hd li {
float:left;
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/nv_secondary_tabs.gif) no-repeat 0px 0px;
margin-left:10px;
padding:0 0 0 5px;
}
#gaia_content #page_hd ul .current {
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/nv_secondary_tabs.gif) no-repeat 0 -16px;
}
#gaia_content #page_hd ul .current a {
background:url(https://graphics.gaiaonline.com/images/gaia_global/body/buttons/nv_secondary_tabs.gif) no-repeat 100% -16px;
}
#gaia_content #page_hd li a:hover {
color:#cccccc;
}
/* End GAIA GENERIC CONTENT MODULES */
/* Start COMMON LAYOUT FEATURES */
/*#gaia_content .horizontal .gaia-info, #gaia_content .horizontal .gaia-hero {
float: left;
margin-right: 10px;
}
#gaia_content .vertical .gaia-info, #gaia_content .vertical .gaia-hero {
margin-bottom: 10px;
}*/
#gaia_content table.data {
margin: 0;
padding: 0;
border: 0;
width: 100%;
}
#gaia_content table.data a {
text-decoration: none;
}
#gaia_content table.data tbody tr {
border-bottom: 1px dashed #abc;
}
#gaia_content table.data tbody td {
padding: 2px;
}
#gaia_content table.data tbody tr:hover {
background-color: #e9eff5;
}
/* USER LEVEL COLORS */
.user-admin,
.user-mod,
.user-npc,
.user-forum-ass,
.user-staff {
font-weight: bold;
}
.user-admin {
color: #ffa500;
}
.user-mod {
color: #0eb32a;
}
.user-npc {
color: #d75252;
}
.user-staff {
color: #963;
}
.user-forum-ass{
color: #D431C2;
}
/* MESSAGE BOXES */
#messagebox,
#gaia_content #messagebox {
padding:10px 10px 10px 90px;
margin:10px;
border:1px solid #c8cdd3;
position:relative;
background-color:#f8f8f8;
min-height:60px;
height:auto;
}
#messagebox.good,
#messagebox.msggood,
div.good {
background:#f8f8f8 url(https://graphics.gaiaonline.com/images/layout/gaialol/info_rockpuppy.gif) no-repeat 10px 10px;
}
#messagebox.bad,
#messagebox.msgbad,
div.bad {
background:#f8f8f8 url(https://graphics.gaiaonline.com/images/layout/gaialol/warning_rockpuppy.gif) no-repeat 10px 10px;
}
/* yui logger change for readability */
.yui-log-sourcefilters .yui-log-filtergrp {
display: block;
}
#yui-history-iframe{position:absolute;height:1px;width:1px;left:0;top:0;border:0;visibility:hidden}
#gaia_content .generalerror,
.generalerror {
background:transparent url(https://graphics.gaiaonline.com/images/common/ic/ic_warning.gif) no-repeat scroll 2px top;
padding:0 0 0 19px;
color:#c20023;
}
/* BEGIN new pagination pattern */
#gaia_content #bd ul.pagination,
#content ul.pagination{
font-size: 93%;
margin: 16px 0;
padding:0;
list-style-type:none;
}
#gaia_content #bd ul.pagination li,
#content ul.pagination li{
display:inline;
margin:0;
padding:0;
}
#gaia_content #bd ul.pagination li span.inactive,
#content ul.pagination li span.inactive,
#gaia_content #bd ul.pagination li a,
#content ul.pagination li a,
#gaia_content #bd ul.pagination li a:link,
#content ul.pagination li a:link,
#gaia_content #bd ul.pagination li a:visited,
#content ul.pagination li a:visited{
text-decoration: none;
color: #3e53a2;
padding: 2px 5px;
text-align: center;
margin: 0 1px;
}
#gaia_content #bd ul.pagination li span.inactive,
#content ul.pagination li span.inactive{
color: #ccc;
}
#gaia_content #bd ul.pagination li span.inactive.page_gap,
#content ul.pagination li span.inactive.page_gap {
font-weight:bold;
}
#gaia_content #bd ul.pagination li a:hover,
#content ul.pagination li a:hover{
background-color: #e0edfb;
border: 1px solid #c0d0f0;
border-color: #c0d0f0 #90a0f0 #90a0f0 #c0d0f0;
padding: 1px 4px;
}
#gaia_content #bd ul.pagination li a.selected,
#content ul.pagination li a.selected,
#gaia_content #bd ul.pagination li a.selected:hover,
#content ul.pagination li a.selected:hover{
border:1px solid #999;
font-weight:bold;
color:#000;
background:transparent;
padding:1px 4px;
}
#gaia_content #bd ul.pagination li.first,
#content ul.pagination li.first{
border-right:1px solid #999;
padding-right:2px;
}
#gaia_content #bd ul.pagination li.last,
#content ul.pagination li.last {
border-left:1px solid #999;
padding-left:2px;
}
/* BEGIN Avatar Pulldown landing page */
#friends .mygaia-friends {
font-size: 130%;
}
#friends.mygaia .individual_menu {
font-size: 130%;
}
#gaia_content #friends .dropBox {
border:1px solid transparent;
padding:1px;
width: 61px;
margin: auto;
overflow:hidden;
}
#gaia_content #friends .dropBox.trig {
border:1px solid #BBB;
background: #FFF;
}
#gaia_content #friends img.avatarImage {
float:left;
height:48px;
width:48px;
padding: 0 1px 0 0;
}
#gaia_content #friends span.user_name {
display:block;
font-size:93%;
width:100%;
color: #3E53A2;
font-weight:bold;
overflow:hidden;
white-space: nowrap;
}
#gaia_content #friends .avatarDropLink {
float:left;
background:transparent url(https://graphics.gaiaonline.com/images/template/icons/ic_avatar_head_dropdown.gif) no-repeat scroll left top;
width: 12px;
height:48px;
visibility:hidden;
}
#gaia_content #friends .down .avatarDropLink, #gaia_content #friends .hover .avatarDropLink {
background:transparent url(https://graphics.gaiaonline.com/images/template/icons/ic_avatar_head_dropdown.gif) no-repeat scroll left -48px;
}
#gaia_content #friends .dropBox.trig .avatarDropLink {
visibility:visible;
}
#gaia_content #friends .online_status {
font-size: 85%;
font-weight: bold;
color:#3c9c00;
}
#gaia_content #friends .online_status.offline {
font-weight: normal;
color:#666;
}
#gaia_content #friends .bd .individual_menu, #gaia_content #friends .bd .individual_menu ul,#gaia_content #friends .bd .individual_menu li {
display:block;
float:none;
margin:0;
padding:0;
text-align:left;
}
#gaia_content #friends .bd .individual_menu
{
width:114px;
padding:3px;
}
#gaia_content #friends .bd .individual_menu li {
width:100%;
}
#gaia_content #friends .bd .individual_menu li.menu_seperator {
font-size:0;
line-height:1px;
height: 1px;
background: #CCC;
margin: 3px 0;
}
#gaia_content #friends .bd .individual_menu {
position:absolute;
z-index:1;
border: 1px solid #BBB;
background: #FFF;
display:none;
border-right:1px solid #777;
border-bottom:1px solid #777;
}
#gaia_content #friends .bd .individual_menu li a{
font-size:85%;
height:1%;
display: block;
text-decoration:none;
color: #3e53a2;
padding:2px;
}
#gaia_content #friends .bd .individual_menu li a:hover{
background: #e7edf4;
}
/* END avatar pulldown */
/*** Start FRIENDS MODULE */
#gaia_content #friends .find_friends:hover{
text-decoration:underline;
}
#gaia_content #friends{
margin:5px 5px 0 0;
}
#gaia_content #friends .bd {
background: #FFF;
}
#gaia_content #friends .bd {
width: 100%;
padding:10px 0 0 7px;
overflow:visible;
z-index:1;
}
#gaia_content #friends .bd ul{
margin:0;
}
#gaia_content #friends .bd li{
float:left;
width:75px;
margin:0 0 3px 5px;
text-align:center;
list-style-type:none;
}
#gaia_content #friends .bd li a{
text-decoration:none;
}
#gaia_content #friends .bd li a .user_name{
font-size:93%;
font-weight:bold;
display:block;
color:#3e53a2;
height:1.24em;
overflow:hidden;
}
#gaia_content #friends .bd li a:hover .user_name{
text-decoration:underline;
}
#gaia_content #friends .bd li a .online_status {
font-size: 85%;
color:#3c9c00;
}
#gaia_content #friends .bd li a .online_status.offline {
color:#666;
}
#gaia_content #friends .ft .message_text {
display: none;
}
/*** End FRIENDS MODULE */
/* BEGIN new avatar pulldown PM */
.forum_userstatus{
/* background: url(https://graphics.gaiaonline.com/images/template/icons/icon_end_t.gif) top right no-repeat;*/
border: 1px solid #CCC;
padding:3px !important;
width:114px;
overflow:hidden;
}
.statuslinks {
background: url(https://graphics.gaiaonline.com/images/template/icons/ic_avatar_dropdown.gif) right top no-repeat;
text-align:left;
}
.statuslinks.trig {
background: url(https://graphics.gaiaonline.com/images/template/icons/ic_avatar_dropdown.gif) right -15px no-repeat;
text-align:left;
}
.post .forum_userstatus .statuslinks a, .post .forum_userstatus .statuslinks span {
overflow: hidden;
display:block;
margin:0;
padding:0;
height: 15px;
width: 100%;
}
.forum_userstatus .pushBox {
background: url(https://graphics.gaiaonline.com/images/template/icons/ic_avatar_dropdown.gif) right top no-repeat;
float:right;
height:15px;
width:12px;
font-size: 1;
line-height:15px;
}
.pushBox.trig {
background: url(https://graphics.gaiaonline.com/images/template/icons/ic_avatar_dropdown.gif) right -15px no-repeat;
}
.forum_userstatus.hover .statuslinks {
background: url(https://graphics.gaiaonline.com/images/template/icons/ic_avatar_dropdown.gif) right -15px no-repeat;
text-align:left;
}
.forum_userstatus .statuslinks span {
display:block;
height:15px;
float:left;
font-size: 12px;
line-height:15px;
}
.forum_userstatus .statuslinks span.online {
background: url(https://graphics.gaiaonline.com/images/template/icons/ic_status_smile.gif) top left no-repeat;
padding-left: 20px;
width:80px;
}
.forum_userstatus .statuslinks span.offline {
background: url(https://graphics.gaiaonline.com/images/template/icons/ic_status_smile.gif) left -15px no-repeat;
padding-left: 20px;
width:80px;
color: #666;
}
/* END */
/* guest user header */
#gaia_header .header_content #guestLogin{width:164px;height:132px;position:absolute;right:0;top:18px;text-align:center;background:#D3D3D3;opacity:.8;}
#gaia_header .header_content #guestLogin h1{font-size:20px;color:#5e4d6c;font-family:Arial,sans-serif;font-weight:normal;margin:5px 0 5px 0;}
#gaia_header .header_content #guestLogin p{font-size:12px;font-family:Arial,sans-serif;font-weight:normal;color:#291b32;margin:0;}
#gaia_header .header_content #guestLogin #background {background:#D3D3D3;opacity:.8;}
#gaia_header .header_content #guestLogin div{font-size:12px;font-family:Arial,sans-serif;font-weight:normal;color: #3e53a2;}
#gaia_header .header_content #guestLogin #gold{float:left;margin-left:28px;}
#gaia_header .header_content #guestLogin ul li.gold {background:transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/guest/ic_toolbar_gold.gif) no-repeat scroll 0 0;height:16px;padding-left:20px;}
#gaia_header .header_content #guestLogin #signup {background:transparent url(https://graphics.gaiaonline.com/images/gaia_global/guest_landing/bn_register_78x28.gif) no-repeat scroll 0 0;height:28px;width:78px;display:block;margin:auto;margin:10px auto 10px auto;}
#gaia_header .header_content #guestLogin #signup span{visibility:hidden;position:absolute;}
#gaia_header .header_content #memberLogin #memberloginForm #guest_entry{float:right;padding-top:25px;}
#gaia_content .cta_link,
#gaia_header .header_content #memberLogin #memberloginForm #guest_entry a{font-size:11px;color:#3e53a2;text-decoration:none;background:transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/arrows/ic_hyperlink_arrow_15x15.png) no-repeat scroll 0 0;padding:0 0 0 18px;display:block;height:15px;}
body.guest-experience{;}
/* gaia modal window rules. Needs revision for variable-sized windows */
#modal,
#gaia_modal, .gaia_modal {
border:0;
background:transparent none;
}
#modal .hd,
#gaia_modal .hd, .gaia_modal .hd {
background:transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/modal/modal-hdr_570.gif) no-repeat 0 0;
padding:0 20px 0 10px;
border:0;
}
#modal .hd h3,
#gaia_modal .hd h3, .gaia_modal .hd h3 {
color:#fff;
padding:9px 0;
margin:0;
font-size:108%;
}
#modal .bd,
#gaia_modal .bd, .gaia_modal .bd {
padding:30px 25px 30px 20px;
background:transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/modal/modal-ftr_570.gif) no-repeat bottom left;
}
#modal .progress_indicator,
#gaia_modal .progress_indicator {
width:72px;
margin:50px auto;
text-align:center;
}
#modal .container-close,
#gaia_modal .container-close, .gaia_modal .container-close {
background:transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/icons/ic_close_13x13.png) no-repeat;
height:13px;
width:13px;
right:20px;
top:9px;
}
#modal fieldset,
#gaia_modal fieldset {
border:0;
}
.yui-panel-container .width-264 .hd,
#gaia_modal .yui-panel-container .width-264 .hd {
background: transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/modal/modal-hdr_264x226.gif) no-repeat 0 0;
}
.yui-panel-container .width-264 .bd,
#gaia_modal .yui-panel-container .width-264 .bd {
background: transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/modal/modal-ftr_264x900.gif) no-repeat bottom left;
}
.yui-panel-container .width-373 .hd,
#gaia_modal .yui-panel-container .width-373 .hd {
background: transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/modal/modal-hdr_373x226.gif) no-repeat 0 0;
}
.yui-panel-container .width-373 .bd,
#gaia_modal .yui-panel-container .width-373 .bd {
background: transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/modal/modal-ftr_373x900.gif) no-repeat bottom left;
}
#gaia_content .yui-panel-container .width-760 .hd,
#gaia_modal .yui-panel-container .width-760 .hd {
background: transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/modal/modal-hdr_760x226.gif);
}
#gaia_content .yui-panel-container .width-760 .bd,
#gaia_modal .yui-panel-container .width-760 .bd {
background: transparent url(https://graphics.gaiaonline.com/images/gaia_global/body/modal/modal-ftr_760x900.gif) left bottom;
}
#body-wrapper{margin:0 0 30px 0;padding:0;}
/* override username color in header */
#gaia_header .avatarName .userlevel-user{color:#fff!important;}
#gaia_header .avatarName .userlevel-mod{;}
#gaia_header .avatarName .userlevel-admin{;}
#gaia_header .avatarName .userlevel-staff{;}
#avatar_dropbox{position:absolute;z-index:500;height:52px;width:65px;background:transparent url(https://graphics.gaiaonline.com/images/template/dropdown/hoverbox_65x104.png) no-repeat scroll 0 0;display:none;}
#avatar_dropbox #trigger{height:48px;width:12px;float:right;}
#avatar_dropbox.trigger{background:transparent url(https://graphics.gaiaonline.com/images/template/dropdown/hoverbox_65x104.png) no-repeat scroll 0 -52px;}
#avatar_dropbox.gfooter{position:absolute;z-index:500;height:28px!important;width:41px!important;background:url(https://graphics.gaiaonline.com/images/template/dropdown/hoverbox_41x56.png) no-repeat!important;display:none;}
#avatar_dropbox.gfooter #trigger{height:24px!important;}
#avatar_dropbox.gfooter.trigger{background:url(https://graphics.gaiaonline.com/images/template/dropdown/hoverbox_41x56.png) no-repeat 0 -28px!important;}
#avatar_menu{background:#fff;position:absolute;z-index:500;display:none;margin:0;list-style:none;border:1px solid #bbb;border-right:1px solid #777;border-bottom:1px solid #777;width:120px;}
#avatar_menu a{color:#3E53A2;display:block;font-size:85%;height:1%;padding:2px;margin:1px;text-decoration:none;}
#avatar_menu a:hover{background:#e7edf4;}
#avatar_menu li{margin:0;list-style:none;}
#avatar_menu li.menu_seperator{width:100%;height:1px;font-size:0;margin:3px 0;background:#bbb;}
/***********************************************************************
* CSS Grids
* adapted from
* http://github.com/stubbornella/oocss/blob/master/css/grids.css
* by Nicole Sullivan
**********************************************************************/
/* Yes, the long trail of periods is neccessary. */
.clearFx,
.grid:after,
.lastUnit:after {
content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
visibility: hidden;
clear: both;
height: 0 !important;
display: block;
line-height: 0;
font-size: xx-large;
overflow: hidden;
}
.grid { *zoom:1;}
.unit{ float: left; }
.size1of1 { float:none; }
.size1of10 { width: 10%; }
.size1of5 { width: 20%; }
.size1of4 { width: 25%; }
.size3of10 { width: 30%;}
.size1of3 { width: 33.3333%; }
.size2of5 { width: 40%; }
.size1of2 { width: 50%; }
.size3of5 { width: 60%; }
.size2of3 { width: 67.6666%; }
.size7of10 { width: 70%; }
.size3of4 { width: 75%; }
.size4of5 { width: 80%; }
.size9of10 { width: 90%; }
.lastUnit {
display: table-cell;
*display: block;
*zoom: 1;
float: none;
_position: relative;
_left: -3px;
_margin-right: -3px;
width: auto;
}
/*** End CSS Grids ****************************************************/
/** "IE6 dicontinued" banner - override the wrapper class with a more specific selector in browsers we want to target */
.ie6-discontinued-wrapper{padding:10px 15px 0 15px;}
/* styles for results container */
#menu_search{float:left;width:230px;}
#gsearch_ac.inactive{width:156px;font-size:13px;}
#gsearch_ac{width:270px;}
#gsearch_ac form{width:280px;}
#gsearch_ac #gsearch_ac_input{background:url(https://graphics.gaiaonline.com/images/search/global_search_tile_sprite.png) repeat-x;font:bold 11px arial;color:#000;width:178px;}
#gsearch_ac.inactive #gsearch_ac_input{width:64px;color:#5f6364;}
#gsearch_ac.inactive #gsearch_submit_container{display:none;}
#gsearch_ac #gsearch_ac_menu.active{background-position:-62px -72px;}
#gsearch_ac .yui-ac-highlight{color:#53a5af;background-color:#e6f2f3;}
#gsearch_ac .yui-ac-highlight .name{text-decoration:underline;}
#gsearch_ac .ta_bg{background:url(https://graphics.gaiaonline.com/images/search/global_search_tile_sprite.png) repeat-x 0 0;background-position:-1000px 0;padding:0;margin:0;}
#gsearch_ac #gsearchContainer .yui-ac-content{border:none;width:200px;margin:0 5px;}
#gsearch_ac #gsearchContainer .yui-ac-content .yui-ac-bd{background:url(https://graphics.gaiaonline.com/images/search/global_search_bg.png) repeat-y 0 0;background-position:-201px 0;border:none;margin:0;padding:0;width:200px;}
#gsearch_ac .header, #gsearch_ac .yui-ac-highlight .header{margin:0;text-transform:capitalize;text-decoration:none !important;font-size:11px;color:#fefefe;height:20px;line-height:20px;padding:0 0 0 10px;background-position:0 -36px;}
#gsearch_ac .ta_ic{background:url(https://graphics.gaiaonline.com/images/search/global_search_sprite.png) no-repeat 0 0;background-position:-1000px 0;padding:5px 14px 5px 15px;margin:0 0 0 10px;}
#gsearch_ac .name{line-height:29px;height:29px;font-size:13px;color:#3e53a2;}
#gsearch_ac .ta_submit{background-position:0 -36px;text-indent:-5000em;height:17px;width:44px;padding:0;margin:3px 0 0 2px;border:none;line-height:0;}
#gsearch_ac .ta_submit:hover{background-position:0 -54px;}
#gsearch_ac .ta_submit_menu{background-position:-44px -36px;text-indent:-1000px;height:17px;width:17px;padding:0;margin:3px 0 0 0;border:none;float:left;}
#gsearch_ac .ta_submit_menu:hover{background-position:-44px -72px;}
#gsearch_ac .search_ic{float:left;background-position:0 0;width:19px;height:16px;margin:3px 0 0 5px;padding:0;}
#gsearch_ac .search_ic_end{float:left;background-position:-20px 0;width:3px;height:16px;margin:3px 0 0 0;padding:0;}
#gsearch_ac input{float:left;position:relative;height:15px;border:none;margin:3px 0 -1px 0;padding:2px 0 0 2px;}
#gsearch_ac select{float:left;height:13px;border:none;margin:5px 0 0 0;}
#gsearch_ac .ta_friend img{margin:2px 5px 7px 10px;height:26px;float:left;}
#gsearch_ac .ta_friend .name{float:left;}
#gsearch_ac .ta_ic.games{background-position:-1500px -92px;}
#gsearch_ac .ta_ic.avatar{background-position:-0px -92px;}
#gsearch_ac .ta_ic.aquarium{background-position:-50px -92px;}
#gsearch_ac .ta_ic.auto{background-position:-100px -92px;}
#gsearch_ac .ta_ic.house{background-position:-150px -92px;}
#gsearch_ac .ta_ic.mail{background-position:-200px -92px;}
#gsearch_ac .ta_ic.friends{background-position:-250px -92px;}
#gsearch_ac .ta_ic.profile{background-position:-300px -92px;}
#gsearch_ac .ta_ic.journal{background-position:-350px -92px;}
#gsearch_ac .ta_ic.account{background-position:-400px -92px;}
#gsearch_ac .ta_ic.shops{background-position:-450px -92px;}
#gsearch_ac .ta_ic.mc{background-position:-500px -92px;}
#gsearch_ac .ta_ic.cash_shop{background-position:-550px -92px;}
#gsearch_ac .ta_ic.marketplace{background-position:-600px -92px;}
#gsearch_ac .ta_ic.gcash{background-position:-650px -92px;}
#gsearch_ac .ta_ic.search{background-position:-700px -92px;}
#gsearch_ac .ta_ic.arenas{background-position:-750px -92px;}
#gsearch_ac .ta_ic.guilds{background-position:-800px -92px;}
#gsearch_ac .ta_ic.forums{background-position:-850px -92px;}
#gsearch_ac .ta_ic.action_9{background-position:-900px -92px;}
#gsearch_ac .ta_ic.manga{background-position:-950px -92px;}
#gsearch_ac .ta_ic.comic{background-position:-1000px -92px;}
#gsearch_ac .ta_ic.rally{background-position:-1050px -92px;}
#gsearch_ac .ta_ic.towns{background-position:-1100px -92px;}
#gsearch_ac .ta_ic.cinemas{background-position:-1150px -92px;}
#gsearch_ac .ta_ic.vj{background-position:-1200px -92px;}
#gsearch_ac .ta_ic.pinball{background-position:-1250px -92px;}
#gsearch_ac .ta_ic.jigsaw{background-position:-1300px -92px;}
#gsearch_ac .ta_ic.blackjack{background-position:-1350px -92px;}
#gsearch_ac .ta_ic.wordbump{background-position:-1400px -92px;}
#gsearch_ac .ta_ic.zomg{background-position:-1450px -92px;}
#gsearch_ac .ta_ic.mygaia{background-position:-1550px -92px;}
#gsearch_ac .ta_ic.default{background-position:-1600px -92px;}
#gsearch_ac .name .match{font-weight:bold;}
#gsearch_ac #gsearch_submit_menu{background-color:#fff;right:0;left:auto!important;top:20px;width:61px;font:11px arial;border:1px solid #000;border-top:none;}
#gsearch_ac #gsearch_submit_menu li a{color:#3e53a2;display:block;width:auto;text-decoration:none;padding:6px 4px 4px;}
#gsearch_ac #gsearch_submit_menu li a:hover{background-color:#c1e7ea;border-top:#97c9cd;border-bottom:#97c9cd;text-decoration:underline;}
#gsearch_ac #gsearchContainer .yui-ac-ft{background:url(https://graphics.gaiaonline.com/images/search/global_search_bg.png) no-repeat 0 0;display:block !important;height:10px;}
#newmenu #nav #gsearch_ac .yui-ac-bd ul{margin:0 1px;width:197px;}
/* hide these for JS-disabled browsers: */
body.noJs #footer{display:none;}
/* this is needed for IE7+ so that it doesn't preserve space block */
.trackingPixel{position:absolute;}
/* cross browser way to hide text from browser but not messup screen readers */
.screenReaderText {
position: absolute;
left: -10000px;
top: 0;
width: 1px;
height: 1px;
display: block;
}
#cashtree {
background: transparent url(https://graphics.gaiaonline.com/images/cashtree/cash_tree.gif) no-repeat;
position: absolute;
top: 80px;
left: 660px;
width: 74px;
height: 72px;
}
#dailytreat {
cursor:pointer;
position:absolute;
width:100px;
height:100px;
top:50px; left:501px;
background: transparent url(https://graphics.gaiaonline.com/images/sponsorships/sponsoredtreat/video_sponsor.gif) no-repeat;
}
#grid_ad_top .hd,
#grid_ad_bottom .hd {
height: 20px;
}
#gaiaonline_leaderboard_atf,
#gaiaonline_leaderboard_btf {
display: flex;
width: 100%;
flex-direction: column;
align-items: center;
}
#theme_slider {
display: flex;
align-items: center;
-webkit-tap-highlight-color: transparent;
font-size: 6px; /* Added this line to scale down the switch */
left: -130px;
position: relative;
}
.theme__fill,
.theme__icon {
pointer-events: none;
transition: transform 0.3s ease-in-out;
}
.theme__fill {
display: block;
mix-blend-mode: difference;
position: fixed;
inset: 0;
height: 100%;
transform: translateX(-100%);
}
.theme__icon,
.theme__toggle {
z-index: 1;
}
.theme__icon,
.theme__icon-part {
position: absolute;
}
.theme__icon {
display: block;
top: 0.75em;
left: 0.35em;
width: 2.0em;
height: 2.0em;
}
.theme__icon-part {
border-radius: 50%;
box-shadow: 0.4em -0.4em 0 0.5em hsl(0, 0%, 100%) inset;
top: calc(50% - 0.5em);
left: calc(50% - 0.35em);
width: 1em;
height: 1em;
transition: box-shadow 0.3s ease-in-out,
opacity 0.3s ease-in-out, transform 0.3s ease-in-out;
transform: scale(1.1);
}
.theme__icon-part ~ .theme__icon-part {
background-color: hsl(0, 0%, 100%);
border-radius: 0.5em;
box-shadow: none;
top: 50%;
left: calc(50% - 0.05em);
transform: rotate(0) translateY(0.7em);
transform-origin: 50% 0;
width: 2px;
height: 2px;
}
.theme__icon-part:nth-child(3) {
transform: rotate(45deg) translateY(0.7em);
}
.theme__icon-part:nth-child(4) {
transform: rotate(90deg) translateY(0.7em);
}
.theme__icon-part:nth-child(5) {
transform: rotate(135deg) translateY(0.7em);
}
.theme__icon-part:nth-child(6) {
transform: rotate(180deg) translateY(0.7em);
}
.theme__icon-part:nth-child(7) {
transform: rotate(225deg) translateY(0.7em);
}
.theme__icon-part:nth-child(8) {
transform: rotate(270deg) translateY(0.7em);
}
.theme__icon-part:nth-child(9) {
transform: rotate(315deg) translateY(0.7em);
}
.theme__label,
.theme__toggle,
.theme__toggle-wrap {
position: relative;
}
.theme__toggle,
.theme__toggle::before {
display: block;
}
.theme__toggle {
margin-top:2px;
background-color: white !important;
border-radius: 25% / 50%;
padding: 0.03em;
width: 6em;
height: 3em;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
transition: background-color 0.3s ease-in-out,
box-shadow 0.15s ease-in-out, transform 0.3s ease-in-out;
border: 1px solid #FBAD18;
}
.theme__toggle::before {
background-color: #FBAD18;
border-radius: 50%;
content: '';
width: 2.6em;
height: 2.6em;
transition: background-color 0.3s ease-in-out,
transform 0.3s ease-in-out;
}
.theme__toggle:focus {
outline: transparent;
}
/* Checked */
.theme__toggle:checked {
background-color: black !important;
border: 1px solid #0d549b;
}
.theme__toggle:checked::before,
.theme__toggle:checked ~ .theme__icon {
transform: translateX(3.3em);
}
.theme__toggle:checked::before {
background-color: #0d549b;
}
.theme__toggle:checked ~ .theme__fill {
transform: translateX(0);
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(1) {
transform: scale(1.5);
box-shadow: 0.2em -0.2em 0 0.2em hsl(0, 0%, 100%) inset;
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part ~ .theme__icon-part {
opacity: 0;
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(2) {
transform: rotate(45deg) translateY(0.8em);
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(3) {
transform: rotate(90deg) translateY(0.8em);
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(4) {
transform: rotate(135deg) translateY(0.8em);
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(5) {
transform: rotate(180deg) translateY(0.8em);
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(6) {
transform: rotate(225deg) translateY(0.8em);
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(7) {
transform: rotate(270deg) translateY(0.8em);
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(8) {
transform: rotate(315deg) translateY(0.8em);
}
.theme__toggle:checked ~ .theme__icon .theme__icon-part:nth-child(9) {
transform: rotate(360deg) translateY(0.8em);
}
.theme__toggle-wrap {
margin: 0 0.75em;
}
:root {
--transDur: 0.3s;
}