body {
    background: #f7edfa;
}

#bodyi {
    height: 633px;
    background: #f7edfa url('/images/layout_pride/bkg_body_img.png') repeat-x;
    z-index: -1;
}

#holder {
    z-index: 1;
}

#topbanner {
    width: 779px;
    height: 84px;
}

#topbanneri {
    top: 0px;
    left: 0px;
    width: 779px;
    height: 84px;
    z-index: 1;
}

#link_home {
    display: block;
    position: absolute;
    top: 5px;
    left: 39px;
    z-index: 3;
}

#link_home_spacer {
    width: 133px;
    height: 32px;
    border: 0;
}

#layoutuinfo
{
    position: absolute;
    top: 44px;
    right: 9px;
    color: #874cd9;
    z-index: 2;
}

#menu_holder
{
    z-index: 3;
    width: 364px;
    height: 40px;
    overflow: visible;
    position: absolute;
    top: 0px;
    left: 412px;
}

#menu_image
{
    position: absolute;
    bottom: 3px;
    left: 4px;
    width: 356px;
    height: 17px;
    z-index: 4;
}

.menu_link_holder
{
    top: 0px;
    position: absolute;
    border: 0;
    height: 41px;
    z-index: 5;
    overflow: visible;
}

.menu_shadow
{
    display: none;
    top: 0px;
    height: 41px;
    position: absolute;
    z-index: 3;
    background: #f7edfa;
}

.menu_link_spacer
{
    top: 0px;
    position: absolute;
    border: 0;
    height: 41px;
    z-index: 2000;
}

.menu_link_spacer img
{
    height: 41px;
    border: 0;
}

#cattery_shadow, #cattery_link, #cattery_link_spacer, #cattery_link_holder
{
    width: 75px;
    left: 0px;
}

#explore_shadow, #explore_link, #explore_link_spacer
{
    width: 66px;
    left: 75px;
}

#chat_shadow, #chat_link, #chat_link_spacer
{
    width: 59px;
    left: 141px;
}

#news_shadow, #news_link, #news_link_spacer
{
    width: 54px;
    left: 200px;
}

#help_shadow, #help_link, #help_link_spacer
{
    width: 44px;
    left: 254px;
}

#logout_shadow, #logout_link, #logout_link_spacer
{
    width: 68px;
    left: 298px;
}

#menu_holder div.menu_dropdown
{
    font-size: 11px;
    line-height: 12px;
    background: #f7edfa;
    position: absolute;
    z-index: 1000;
    top: 40px;
    display: none;
}

#menu_holder div.menu_dropdown div.menu_dropdown_inner
{
    background: #ffffff;
    overflow: auto;
    position: relative;
    top: 5px;
    left: 5px;
}

#menu_holder div.menu_dropdown div.menu_dropdown_divider
{
    border-right: 1px dotted #86d4eb;
    float: left;
}

#menu_holder div.menu_dropdown div.menu_link_container
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2000;
    padding: 0px;
}

#menu_holder div.menu_dropdown div.menu_subtitle
{
    font-weight: bold;
    margin-bottom: 4px;
    display: block;
    letter-spacing: 1px;
    color: #874cd9;
    border-bottom: 1px solid #86d4eb;
}

#menu_holder div.menu_dropdown div.menu_subtitle_spacer
{
    margin-top: 10px;
}

#menu_holder div.menu_dropdown a
{
    display: block;
    margin-bottom: 2px;
    color: #042069;
}

#menu_holder div.menu_dropdown a:hover
{
    color: #874cd9;
}

.menu_dropdown_floater
{
    float: left;
    margin: 7px;
    width: 100px;
}

.menu_dropdown_bkg
{
    position: absolute;
    bottom: 5px;
    right: 5px;
    width: 271px;
    height: 35px;
    z-index: 1500;
}

#cattery_dropdown
{
    left: 0px;
    width: 360px;
    height: 135px;
}

#cattery_dropdown_inner
{
    width: 350px;
}

#cattery_dropdown_inner, #cattery_divider
{
    height: 125px;
}


#explore_dropdown
{
    left: 75px;
    width: 360px;
    height: 360px;
}

#explore_dropdown_inner
{
    width: 350px;
}

#explore_dropdown_inner, #explore_divider
{
    height: 350px;
}

#chat_dropdown
{
    left: 141px;
    width: 360px;
    height: 160px;
}

#chat_dropdown_inner
{
    width: 350px;
}

#chat_dropdown_inner, #chat_divider
{
    height: 150px;
}

#cattery_shadow {
    background: #e65062;
}

#menu_holder #cattery_dropdown {
    background: #e65062;
}

#explore_shadow {
    background: #ff9a4c;
}

#menu_holder #explore_dropdown {
    background: #ff9a4c;
}

#chat_shadow {
    background: #f3d43d;
}

#menu_holder #chat_dropdown {
    background: #f3d43d;
}

#news_shadow {
    background: #4fa72e;
}

#help_shadow {
    background: #4581e6;
}

#logout_shadow {
    background: #874cd9;
}

#gametime
{
    color: #042069;
    font-size: 10px;
    position: absolute;
    left: 67px;
    top: 71px;
    z-index: 5;
}

#addbookmark
{
    position: absolute;
    right: 11px;
    top: 71px;
    z-index: 5;
    cursor: pointer;
}

#loginbox {
    position: relative;
    width: 750px;
    height: 400px;
    left: 10px;
}

#intro {
    position: absolute;
    top: 20px;
    left: 10px;
    height: 250px;
    width: 260px;
    z-index: 2;
}

#index_middle {
    position: absolute;
    top: 0px;
    left: 220px;
    height: 400px;
    width: 228px;
}

#index_login {
    background: #ffffff url('/images/layout3/index_login.png') no-repeat;
    position: absolute;
    top: 70px;
    left: 450px;
    height: 192px;
    width: 262px;
}

#login_footer {
    margin-top: 200px;
}

#lostpass {
    text-align: center;
    margin-bottom: 20px;
}

#socialmedia {
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
}

#socialmedia > div {
    margin-bottom: 5px;
}

#newaccount {
    background: #ffffff url('/images/layout3/newaccount.png?1') no-repeat;
    width: 700px;
    height: 471px;
    left: 15px;
    position: relative;
}

#newaccount .g-recaptcha {
    position: absolute;
    top: 350px;
    left: 10px;
}

#mpreview {
    position: absolute;
    top: 45px;
    left: 294px;
}

#content {
    background: url('/images/layout_pride/bkg_content.png') repeat-y;
    width: 770px;
    left: 9px;
    color: #000000;
    padding: 5px 0 10px 0;
}

#contentholder {
    width: 730px;
    position: relative;
    left: 20px;
}

#bottombanner {
    clear: both;
    width: 770px;
    height: 9px;
    position: relative;
    left: 9px;
}

#bottombanneri {
    width: 770px;
    height: 9px;
    position: absolute;
    top: 0px;
    left: 0px;
}

#footer
{
    margin-top: 0px;
    padding: 10px 0;
    width: 770px;
    left: 9px;
    position: relative;
    text-align: center;
    color: #4581e6;
}

#footer a {
    color: #874cd9;
    text-decoration: none;
    cursor: pointer;
}

#footer a:hover {
    color: #ffffff;
}

a {
    color: #252469;
}

a:hover
{
    color: #5f28ad;
}

.formholder
{
    color: #262626;
    background: #aee2f2;
}

#eventtxt
{
    background: #ffdce5;
}

.theader, tr.theader
{
    background: #e65062;
}

.trow1, .trow1 table, .trow1 tr, .trow1 td
{
    background: #ffffff;
    color: #582d94;
}

.trow2, .trow2 table, .trow2 tr, .trow2 td
{
    background: #ffe4eb;
    color: #582d94;
}

.trow3, .trow3 table, .trow3 tr, .trow3 td
{
    background: #ffffff;
    color: #582d94;
}

.shop_item.new
{
    background: #edfaff;
}

.shop_item.old
{
    background: #d0edf8;
}

#cpicker
{
    z-index: 25;
    position: absolute;
    border: 1px solid black;
    background: #b1bae0;
}

.commentbox
{
    background: #cdf9bd;
    border-top: 2px solid #abe396;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 3px;
    clear: both;
}

.itemholder {
    background: #f8dae2;
}

.popup {
    background: #f8dae2;
    color: #000000;
    border: 1px solid rgba(0, 0, 0, 0.5);
}

#popupclose {
    color: #874cd9;
}

#bookmarkclose {
    color: #874cd9;
}

.button, .button_tall {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0fcff), to(#bbeefc))!important;
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f0fcff, #bbeefc)!important;
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f0fcff, #bbeefc)!important;
    /* IE 10 */
    background: -ms-linear-gradient(top, #f0fcff, #bbeefc)!important;
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f0fcff, #bbeefc)!important;
    background-color: #f0fcff !important;
}

.button:hover, .button_tall:hover {
    border-color: #874cd9 !important;
    color: #874cd9 !important;
}

#titletxt {
    width: 650px;
    height: 20px;
    color: #331e0b!important;
}

.ui-widget-header {
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f0fcff), to(#bbeefc))!important;
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #f0fcff, #bbeefc)!important;
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #f0fcff, #bbeefc)!important;
    /* IE 10 */
    background: -ms-linear-gradient(top, #f0fcff, #bbeefc)!important;
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #f0fcff, #bbeefc)!important;
    background-color: #f0fcff !important;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: 1px solid #bbeefc;
    background: #f0fcff!important;
    color: #000;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    border: 1px solid #000;
    background: #fff !important;
    font-weight: normal;
    color: #000;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover {
    background: #bbeefc;
}

ul.report_menu .current {
    background: #ffdce5!important;
}
ul.report_menu .current a {
    color: #000000!important;
}

.itemholder {
    background: #E3F9FF;
}

.commentbox {
    background: #cdf9bd;
    border-top: 2px solid #abe396;
}

.ui-tooltip {
    box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.2);
    background: white !important;
    border: 1px solid black !important;
    color: black !important;
    border-radius: 0px;
    text-align: justify;
}

.highlight_me {
    background: #E3F9FF!important;
}

.ui-state-focus {
    background: #E3F9FF!important;
}

.ci_notice, #notice {
    background: #f0fcff!important;
}