/* ****************************************** */
/* GENERAL TAGS                               */
/* ****************************************** */

     .curved {
        -moz-border-radius : 10px;
        -webkit-border-radius : 10px;
     }
     
     .curved_left {
        -moz-border-radius-topleft : 10px;
        -webkit-border-radius-topleft : 10px;
        -moz-border-radius-bottomleft : 10px;
        -webkit-border-radius-bottomleft : 10px;
     }
     
     .curved_top {
        -moz-border-radius-topleft : 10px;
        -webkit-border-radius-topleft : 10px;
        -moz-border-radius-topright : 10px;
        -webkit-border-radius-topright : 10px;
     }
     
     .shadow {
        -moz-box-shadow : 6px 6px 5px #999;
        -webkit-box-shadow : 6px 6px 5px #999;
        filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=6, OffY=6, Color='#999', Positive='true')
     }
     
     .breed_div.shadow {
        margin-bottom   : 10px;
     }

     body {
        font-family     : Arial, Verdana, sans-serif;
        background      : #FFFFFF;
        margin          : 0px;
     }
     
     form {
        margin          : 0px;
     }
     
     body.aquaria {
        font-family     : Arial, sans-serif;
        background      : #9ED8E5;
        margin          : 0px;
     }
     
     
     th {
        background      : #660000;
        color           : #FFCCCC;
        font-size       : 90%;
     }
     
     th a, th a:visited {
        color           : #CCCCFF;
     }
     
     a img {
        text-decoration : none !important;
     }
     
     .forum_head th {
        background      : #660000;
        color           : #FFCCCC;
        font-size       : 80%;
        text-align      : left;
     }
     
     .forum_subhead th {
        background      : #990000;
        color           : #FFCCCC;
        font-size       : 90%;
        text-transform  : uppercase;
        text-align      : left;
     }
     
     .subhead th {
        background      : #990000;
        color           : #FFCCCC;
        font-size       : 80%;
        text-align      : left;
     }
     
     .page_title {
        text-align      : center;
        color           : #222222;
     }
     
     h1.page_title {
        margin-bottom   : 6px;
     }
     
     .page_title a {
        color           : #550000;
     }
     
     p.page_title {
        margin-top      : 0px;
     }
     
     .title_band {
        background-color: #660000;
        background-image: url('http://www.grophland.com/images/title_band.GIF');
    	background-position: center center;
    	background-repeat: repeat-y;
        color           : #FFFFFF;
        font-size       : 20px;
        font-weight     : bold;
        text-align      : center;
        padding         : 8px;
        border          : 1px solid #330000;
        border-bottom   : 2px solid #330000;
        margin-top      : 0px;
        margin-bottom   : 10px;
     }
     
     .title_band h1, .title_band h2, .title_band h3 {
        padding         : 0px;
        margin          : 0px 0px 5px 0px;
        font-family     : 'IM Fell Great Primer', arial, serif;
     }
     
     h1.title_band, h2.title_band {
        font-family     : 'IM Fell Great Primer', arial, serif;
     }
     
     .title_band p {
        padding         : 0px;
        font-size       : 15px;
        margin          : 0px 0px 0px 0px;
     }
     
     .title_band a {
        color           : #FFFFFF;
     }
     
     div.title_band > a, .title_band p a, .title_band form a {
        font-size       : 15px;
     }
     
     .groph_title {
        background      : #993333;
        color           : #FFFFFF;
        padding         : 6px;
        border          : 1px solid #330000;
        margin          : 0px 0px 1px 0px;
     }
     
     .groph_title a {
        color           : #FFFFFF;
        text-decoration : none;
     }
     
     th > *:first-child, td > *:first-child {
        margin-top      : 0px;
     }
     
     th > *:last-child, td > *:last-child {
        margin-bottom   : 0px;
     }

    #tooltip {
        position        : absolute;
        border          : 1px solid #ccc;
        background      : #333;
        padding         : 5px;
        display         : none;
        color           : #fff;
        width           : 200px;
        -moz-border-radius : 6px;
        -webkit-border-radius : 6px;
    }
    
    .tooltip {
        border          : 1px solid #ccc;
        background      : #333;
        padding         : 5px;
        color           : #fff;
        width           : 200px;
        -moz-border-radius : 6px;
        -webkit-border-radius : 6px;
    }
    
    #tooltip h4, .tooltip h4 {
        margin-top      : 0px;
        margin-bottom   : 5px;
    }
    
    #tooltip p, .tooltip p {
        font-size       : 85%;
    }
    
    #tooltip p.description, .tooltip p.description {
        margin-bottom   : 3px;
        font-style      : italic;
    }
    
    #tooltip p.price, .tooltip p.price {
        margin-bottom   : 1px;
        font-style      : italic;
        text-align      : right;
    }
    
    .activities {
        font-style      : italic;
        background      : #FFF963;
        -moz-border-radius : 8px;
        -webkit-border-radius : 8px;
        padding         : 5px;
        color           : #444;
    }
    
    .hide_toggle.closed{
        background-image    : url('/images/icons/arrow_red_closed.gif');
        background-position : 0px 2px;
        background-repeat   : no-repeat;
        padding-left        : 15px;
        cursor              : pointer;
    }
    
    .hide_toggle {
        background-image    : url('/images/icons/arrow_red_open.gif');
        background-position : 0px 2px;
        background-repeat   : no-repeat;
        padding-left        : 15px;
        cursor              : n-resize;
    }


     
/* ****************************************** */
/* ACTIVITY                                   */
/* ****************************************** */

    .activity {
        background      : #FFF963;
        -moz-border-radius : 8px;
        -webkit-border-radius : 8px;
        padding         : 5px;
        text-align      : center;
        width           : 100px;
        margin-left     : auto;
        margin-right    : auto;
    }

    .activity.active {
        background      : #AFA;
    }

    .activity.offline {
        background      : #BBB;
    }

     
/* ****************************************** */
/* LOGIN PAGE                                 */
/* ****************************************** */


     .login_box_outer {
        border-right    : 3px solid #CCC9BB;
        border-bottom   : 3px solid #CCC9BB;
        padding         : 0px;
        background      : #FFFFF9;
     }
     
     .login_box_inner {
        margin-bottom   : 0px;
        border          : 1px solid #660000;
     }
     
     .login_box_inner th {
        background      : #660000;
        color           : #FFFFF9;
        border-bottom   : 2px solid #999993;
        font-size       : 120%;
        margin-bottom   : 5px;
     }

    .tip_box {
        margin-left     : 20px;
        margin-right    : 10px;
        margin-bottom   : 20px;
        width           : 250px;
        border          : 2px solid #660000;
        background      : #FFEEEE;
        padding         : 10px;
    }

    .tip_box h3 {
        padding         : 0px;
        margin-left     : 0px;
        margin-right    : 0px;
        margin-bottom   : 5px;
        margin-top      : 0px;
    }

    .tip_box p {
        padding         : 0px;
        margin-left     : 0px;
        margin-right    : 0px;
        margin-bottom   : 5px;
        margin-top      : 0px;
    }
     
/* ****************************************** */
/* LIST USERS                                 */
/* ****************************************** */
     
     .user_list_table {
        border-right    : 3px solid #CCC9BB;
        border-bottom   : 3px solid #CCC9BB;
        padding         : 0px;
        background      : #660000;
     }


/* *********************************************** */
/* SEARCH ROW CLASSES                              */
/* *********************************************** */
     
     .p_search_link {
         border            : none;
         font-size         : 10px;
         text-align        : center;
         line-height       : 20px;
     }
     
     .search_link {
         text-decoration   : none;
         color             : #222222;
         background        : #DDDDDD;
         padding           : 2px;
         border            : 1px solid #555555;
     }
     
     .search_link:hover {
         color             : #FFFFFF;
         background        : #997777;
     }
     
     .search_link_attn {
         text-decoration   : none;
         color             : #222222;
         background        : #99FF99;
         padding           : 2px;
         border            : 1px solid #555555;
     }
     
     .search_link_chosen {
         text-decoration   : none;
         color             : #FFFFFF;
         background        : #660000;
         padding           : 2px;
         border            : 1px solid #555555;
     }
     
/* ****************************************** */
/* TOP MENU                                   */
/* ****************************************** */
     
     .menu_table a {
        background      : transparent;
        border          : 1px solid transparent;
        color           : #000033;
        text-decoration : none;
        font-weight     : bold;
        padding         : 4px;
        display         : block;
        font-size       : 100%;
     }
     
     .menu_table a:hover {
        background      : #FFEEDD;
        border          : 1px dashed #660000;
        color           : #000033;
        text-decoration : none;
        font-weight     : bold;
        padding         : 4px;
        display         : block;
        font-size       : 100%;
     }
     
/* ****************************************** */
/* FORMS                                      */
/* ****************************************** */

     textarea:focus {
         background     : #EEEEFF;
     }
     
     .toolbar input:focus {
         background     : #FFFFCC;
     }

     
/* ****************************************** */
/* HOME PAGE MAPS AND TOOLBAR                 */
/* ****************************************** */

     .main_map {
        text-align      : center;
        margin-top      : 4px;
     }
     
     .logo {
        color           : #FFCCCC;
     }
     
     .main_body {
        padding         : 8px;
        background-image: url('http://www.grophland.com/images/background.gif'); 
    	background-position: right top;
    	background-repeat: no-repeat; 
    	/*padding-bottom  : 400px;*/
    	min-height  : 555px;
     }
     
     table.flat_table {
        border-collapse : collapse;
     }
     
     table.flat_table > td, table.flat_table > th {
        border          : 1px solid #330000;
        background      : white;
     }
     
     .flat_row th, .flat_row td {
        border          : 1px solid #330000;
     }
     
     .main_footer {
        color           : #662222;
        text-align      : center;
        margin-top      : 45px;
        font-size       : 11px;
        padding         : 4px;
     }
     
     .main_footer a {
        color           : #662222;
     }
     
     .main_tools {
        background      : #660000;
        color           : #FFFFFF;
        font-size       : 20px;
        font-weight     : bold;
        padding         : 8px;
     }
     
     .main_tools table {
        color           : #FFFFFF;
        font-size       : 20px;
        font-weight     : bold;
     }
     
     .exp_row {
        background      : #993333;
        color           : #FFFFFF;
        padding         : 3px 8px 4px 8px;
        border-bottom   : 2px solid #330000;
     }
     
     .exp_td {
        font-size       : 13px;
        font-weight     : bold;
        color           : #FFCCCC;
     }
     
     .exp_td a {
        color           : #FFCCCC;
     }
     
     .exp_row_alt {
        background      : #993333;
        color           : #FFFFFF;
        padding         : 3px 8px 4px 8px;
        border-bottom   : 1px solid #000033;
     }
     
     .exp_td_alt {
        font-size       : 13px;
        font-weight     : bold;
        color           : #FFCCCC;
     }
     
     .exp_td_alt a {
        color           : #FFCCCC;
     }
     
     .grped_row {
        background      : #5870cC;
        color           : #FFFFFF;
        padding         : 2px 8px 4px 8px;
        border-bottom   : 2px solid #000033;
     }
     
     .grped_td {
        font-size       : 90%;
        font-style      : italic;
        color           : #FFFFFF;
     }
     
     .grped_td a {
        color           : #FFFFFF;
     }
     
     .main_tools a {
        color           : #FFFFFF;
        text-decoration : none;
     }
     
     .main_tools a:hover {
        color           : #FFCCCC;
     }
     
/* ****************************************** */
/* MESSAGE BOX STYLES                         */
/* ****************************************** */
     
     .msg {
        margin-left     : 17%;
        margin-right    : 17%;
        border          : 2px solid #000000;
        background      : #FFE6C4;
        text-align      : center;
        margin-top      : 5px;
        margin-bottom   : 5px;
        padding         : 4px 4px 8px 4px;
        color           : #000000;
     }
     
     .msg h1, .msg h2, .msg form, .msg input,
     .msg_body h1, .msg_body h2, .msg_body form, .msg_body input,
     .msg_top h1, .msg_top h2, .msg_top form, .msg_top input {
        margin          : 5px;
     }
     
     .msg h3, .msg_body h3, .msg_top h3 {
        margin          : 3px;
     }
     
     .red { 
        background      : #FF6666;
     }
     
     .error {
        background      : #FF3333;
        text-align      : left;
        padding-left    : 10px;
        border-left     : 7px solid black;
     }
     
     .blank {
        background      : transparent;
        border          : none;
     }
     
     .wider {
        margin-left     : 10%;
        margin-right    : 10%;
     }
     
     .king {
        margin-left     : 10%;
        margin-right    : 17%;
     }
     
     .king2 {
        border          : 2px solid #990000;
        padding         : 0px;
     }
     
     .msg_slim {
        margin-left     : 17%;
        margin-right    : 17%;
        width           : 66%;
        border          : 2px solid #000000;
        background      : #660000;
        text-align      : center;
        margin-top      : 5px;
        margin-bottom   : 5px;
        padding         : 4px 4px 4px 4px;
     }
     
     .msg_top {
        background      : #660000;
        color           : #FFFFFF;
        padding         : 4px 4px 8px 4px;
        margin          : 0px;
     }
     
     .msg_top a {
        font-size       : 90%;
        font-weight     : bold;
        color           : #FFFFFF;
        text-decoration : none;
     }
     
     .msg_body {
        padding         : 8px 4px 8px 4px;
        background      : #FFE6C4;
     }
     
     .bubble {
        margin-left         : 17%;
        background          : url('../images/icons/tail.gif');
        background-repeat   : no-repeat;
        margin-top          : -7px;
        width               : 60px;
        height              : 25px;
        background-position : 20px top;
     }
     
     .bubble_right {
        margin-left         : 17%;
        margin-right        : 19%;
        background          : url('../images/icons/tail_right.gif');
        background-repeat   : no-repeat;
        margin-top          : -7px;
        height              : 25px;
        background-position : right top;
     }
     
     .bubble_left {
        margin-left         : 17%;
        background          : url('../images/icons/tail_right.gif');
        background-repeat   : no-repeat;
        margin-top          : -7px;
        width               : 60px;
        height              : 25px;
        background-position : 20px top;
     }
     
/* ****************************************** */
/* BREEDING / TRAINING / CONTEST PAGE         */
/* ****************************************** */
     
     .breed_row {
        border          : 2px solid #330000;
        margin-top      : 3px;
        background      : #FFF9EE;
     }
     
     .breed_div_blank {
        margin-left     : auto;
        margin-right    : auto;
        margin-top      : 20px;
        width           : 90%;
        padding         : 10px;
     }
     
     .breed_div {
        margin-left     : auto;
        margin-right    : auto;
        margin-top      : 20px;
        padding         : 10px;
        width           : 90%;
        border          : 1px dashed #330000;
        background      : #FFEEDD;
     }
     
     .breed_div .darker {
        background      : #F9DDC1;
     }
     
     .solid {
        border-style    : solid;
     }
     
     .breed_div h1 {
        margin-top      : 0px;
        margin-bottom   : 9px;
        padding         : 0px;
     }
     
     .breed_div h2 {
        margin-top      : 0px;
        margin-bottom   : 6px;
        padding         : 0px;
     }
     
     .breed_div h3 {
        margin-top      : 0px;
        margin-bottom   : 3px;
        padding         : 0px;
     }
     
     .breed_div form, .breed_div input {
        margin-top      : 0px;
        margin-bottom   : 0px;
        padding         : 0px;
     }
     
     .breed_div p {
        margin-top      : 0px;
        margin-bottom   : 3px;
        font-size       : 85%;
     }
     
     .breed_div.padded_para p {
        margin-top      : 0px;
        margin-bottom   : 8px;
     }
     
     input.money {
        width           : 6em;
        margin-right    : 2px;
        text-align      : right;
     }
     
     .note {
        color           : #666;
        font-style      : italic;
     }
     
     input[readonly] {
        background      : #DDD;
        border          : 1px solid #441111;
        padding         : 4px;
     }
     
     input.button {
        border-top      : 1px solid #000000;
        border-left     : 1px solid #000000;
        border-bottom   : 1px solid #000000;
        border-right    : 1px solid #000000;
        background      : #FFFFFF;
        padding         : 3px 12px 3px 12px;
        text-decoration : none;
        font-size       : 12px;
        font-weight     : bold;
        color           : #000000;
        font-family     : Arial, sans-serif;
     }
     
     a.button {
        border-top      : 1px solid #000000;
        border-left     : 1px solid #000000;
        border-bottom   : 1px solid #000000;
        border-right    : 1px solid #000000;
        background      : #FFFFFF;
        padding         : 3px 12px 3px 12px;
        text-decoration : none;
        font-size       : 12px;
        font-weight     : bold;
        font-family     : Arial, sans-serif;
        margin-top      : 4px;
        color           : #000000;
        font-family     : Arial, sans-serif;
     }
     
     a.button:hover {
        background      : #999999;
        color           : #000000;
     }
     
     a.button:visited, a.g_button:visited, a.r_button:visited {
        color           : #000000;
     }
     
     a.g_button {
        border-top      : 1px solid #000000;
        border-left     : 1px solid #000000;
        border-bottom   : 1px solid #000000;
        border-right    : 1px solid #000000;
        background      : #CCFFCC;
        padding         : 3px 12px 3px 12px;
        text-decoration : none;
        font-size       : 12px;
        font-weight     : bold;
        font-family     : Arial, sans-serif;
        margin-top      : 4px;
        color           : #000000;
        font-family     : Arial, sans-serif;
     }
     
     a.g_button:hover {
        background      : #999999;
        color           : #000000;
     }
     
     a.r_button {
        border-top      : 1px solid #000000;
        border-left     : 1px solid #000000;
        border-bottom   : 1px solid #000000;
        border-right    : 1px solid #000000;
        background      : #FFCCCC;
        padding         : 3px 12px 3px 12px;
        text-decoration : none;
        font-size       : 12px;
        font-weight     : bold;
        font-family     : Arial, sans-serif;
        margin-top      : 4px;
        color           : #000000;
        font-family     : Arial, sans-serif;
     }
     
     a.r_button:hover {
        background      : #999999;
        color           : #000000;
     }
     
/* ****************************************** */
/* SEARCH PETS PAGE                           */
/* ****************************************** */
     
     .p_num_list {
        text-align      : center;
     }
     
     .num_list {
        background      : #993333;
        color           : #FFFFFF;
        padding         : 2px 8px 2px 8px;
        border          : 1px solid #660000;
     }
     
     .num_list_chosen {
        background      : #660000;
        color           : #FFFFFF;
        padding         : 2px 8px 2px 8px;
        border          : 1px solid #660000;
     }
     
/* ****************************************** */
/* SHOP LIST PAGE                             */
/* ****************************************** */
     
     .shop_list_title {
          background      : #FFEEEE;
          padding         : 6px;
          color           : #0000FF;
     }
     
     .shop_list_title a {
          color           : #0000FF;
     }
     
     .shop_list_desc_td {
          background      : #FFFFFF;
     }

     .shop_list_desc {
          padding         : 6px;
     }

/* ****************************************** */
/* ITEM QUEST                                 */
/* ****************************************** */
     
     .item_quest {
          border          : 2px solid #440000;
          background      : #ECC;
          padding         : 0px;
          width           : 300px;
          margin-left     : auto;
          margin-right    : auto;
          margin-top      : 10px;
     }
     
     .item_quest_float {
          position        : absolute;
          top             : 130px;
          left            : 30px;
     }
     
     .item_quest_float2 {
          position        : absolute;
          top             : 280px;
          left            : 30px;
     }
     
     .item_quest p {
          margin-top      : 0px;
     }
     
     .item_quest table {
          padding         : 0px 8px 8px 8px;
     }
     
     .item_quest p.title {
          font-weight     : bold;
          text-align      : center;
          padding         : 6px 8px 6px 8px;
          margin-bottom   : 7px;
          background      : #C99;
          font-style      : italic;
          -moz-border-radius-topleft : 10px;
          -webkit-border-radius-topleft : 10px;
          -moz-border-radius-topright : 10px;
          -webkit-border-radius-topright : 10px;
     }
     
     .item_quest p.title2 {
          font-weight     : bold;
          text-align      : center;
          padding         : 6px 8px 6px 8px;
          margin-bottom   : 7px;
          background      : #C99;
          font-style      : italic;
     }
     
     .item_quest p.item {
          font-weight     : bold;
          margin-left     : 5px;
          font-size       : 16px;
          margin-bottom   : 5px;
     }
     
     .item_quest p.detail {
          margin-left     : 5px;
          color           : #222;
          font-style      : italic;
          height          : 40px;
     }
     
     .item_quest p.reason {
          margin          : -3px 8px 5px 8px;
          color           : #222;
          font-style      : italic;
     }
     
     .item_quest form {
          text-align      : right;
          padding         : 0px 3px 3px 0px;
          margin-top      : -14px;
     }
     
     .item_quest_form {
          padding         : 3px 0px 0px 3px;
          background      : #F7F5BF;
     }
     
     .item_quest img {
          border          : 1px solid #440000;
     }
     
     span.grp_search {
        background-image    : url('/images/icons/search.gif');
        background-position : 2px 3px;
        background-repeat   : no-repeat;
        padding             : 1px 4px 1px 15px;
        display             : inline;
        background-color    : #FEE; 
     }