/* ****************************************** */
/* PLAY NOW                                   */
/* ****************************************** */

    #play_now {
        display         : block;
        position        : absolute;
        background-image: url('/welcome/play_now2.png');
        background-repeat: no-repeat;
        width           : 218px;
        height          : 65px;
        top             : 28px;
        right           : 30px;
        z-index         : 100;
    }
    
    #play_now a {
        text-decoration : none;
        display         : block;
        width           : 218px;
        height          : 65px;
    }
    
    #play_now a span {
        display         : none;
    }
    
/* ****************************************** */
/* SIGNUP                                     */
/* ****************************************** */

    #signup_box {
        background      : #FFFFF9;
        padding         : 8px;
        width           : 70%;
        margin-left     : auto;
        margin-right    : auto;
    }
    
    #signup_box h2 {
        background      : #990000;
        color           : white;
        margin          : 0px;
        padding         : 6px;
        border          : 1px solid #660000;
    }
    
    #signup_box .signup_section {
        border          : 1px solid #660000;
        padding         : 0px;
        overflow        : hidden;
    }
    
    #instructions {
        margin-top      : 10px;
    }
    
    #note {
        color           : #999;
        font-size       : 80%;
    }
    
    .submit {
        margin-left     : 158px;
    }
    .submit input {
        font-size       : 16px;
    }
    
    .form_item {
        margin          : 6px 0px;
        min-height      : 30px;
    }
    
    .form_item label {
        font-size       : 18px;
        font-weight     : bold;
        display         : inline-block;
        width           : 154px;
        text-align      : right;
        margin-right    : 6px;
        margin          : 0px;
        vertical-align  : middle;
    }
    
    .form_item input {
        height          : 28px;
        font-size       : 16px;
        border          : 1px solid #633;
        padding         : 4px;
        color           : #555;
        width           : 220px;
        margin          : 0px;
        display         : inline-block;
        vertical-align  : middle;
        -moz-border-radius : 6px;
        -webkit-border-radius : 6px;
        border-radius    : 6px;
    }
    
    .form_item input:focus {
        background      : #FFCCCC;
        border-color    : black;
        -moz-border-radius-topright : 0px;
        -moz-border-radius-bottomright : 0px;
        -webkit-border-radius-topright : 0px;
        -webkit-border-radius-bottomright : 0px;
        border-top-right-radius : 0px;
        border-bottom-right-radius  : 0px;
    }
    
    .form_item .dyn.show {
        height          : 28px;
        font-size       : 16px;
        line-height     : 28px;
        border          : 1px solid #999;
        background      : #EEEEE9;
        padding         : 4px;
        color           : #222;
        width           : 300px;
        display         : inline-block;
        margin          : 0px;
        border-left-width : 0px;
        vertical-align  : middle;
        -moz-border-radius-topright : 6px;
        -moz-border-radius-bottomright : 6px;
        -webkit-border-radius-topright : 6px;
        -webkit-border-radius-bottomright : 6px;
        border-top-right-radius : 6px;
        border-bottom-right-radius  : 6px;
    }
    
    .form_item.serror input {
        border-color    : red;
        -moz-border-radius-topright : 0px;
        -moz-border-radius-bottomright : 0px;
        -webkit-border-radius-topright : 0px;
        -webkit-border-radius-bottomright : 0px;
        border-top-right-radius : 0px;
        border-bottom-right-radius  : 0px;
    }
    
    .form_item.serror .dyn {
        border-color    : red;
        background      : #FF9999;
    }
    
    .explanation {
        margin-left     : 160px;
        font-size       : 90%;
        color           : #999;
        display         : none;
    }
    
    .cookie_ico {
        font-size       : 85%;
        font-style      : italic;
        color           : #999;
        padding-left    : 6px;
        padding-right   : 6px;
    }

/* ****************************************** */
/* HOME PAGE                                  */
/* ****************************************** */

     p { 
        font-size       : 90%;
     }

     .little_images {
        text-align      : center;
        background      : #600;
        width           : 819px;
        border-top      : 1px solid #600;
        border-bottom   : 1px solid #600;
     }
     
     .little_images img {
        height          : 55px;
        width           : 55px;
        padding-right   : 3px;
     }
     
     .little_images img.last {
        padding-right   : 0px;
     }
     
     .logo {
        background-color        : transparent;
        padding-bottom          : 0px;
        background-image        : url('/images/icons/logo.gif');
        background-position     : 0px 0px;
        background-repeat       : no-repeat;
        height                  : 32px;
        padding-left            : 39px;
        display                 : block;
        font-size               : 26px;
        line-height             : 32px;
     }
     
     .main_body {
        background      : url("/welcome/home_background.gif");
        background-repeat : repeat-x;
     }
     
     .mbbw {
        background      : url("/welcome/home_back_bw.gif");
        background-repeat : repeat-x;
     }
     
     .mbbl {
        background      : url("/welcome/home_back_bl.gif");
        background-repeat : repeat-x;
        padding         : 0px;
     }
     
     .panel {
        padding         : 7px;
     }
     
     #back_panel {
        background      : url("/images/maps/front_world.png");
        background-position: -15px -100px;
        background-repeat : no-repeat;
     }
     
     .mb {
        background      : white;
     }
     
     #error_box {
        width           : 700px;
        border          : 2px solid black;
        background      : #FF0000;
        padding         : 10px;
        margin-bottom   : 15px;
     }
     
     #error_box h2, #error_box h3 { padding :5px; margin : 0px; }

/* ****************************************** */
/* TOP-LEFT INFO AREA                         */
/* ****************************************** */
     
     .home_title_box {
        width           : 430px;
        height          : 163px;
        padding         : 0px;
        background-image   : url("/welcome/top_box_plain.gif");
        background-repeat  : no-repeat;
        background-color   : #fff9ee;
        border             : 1px solid #660000;
        -moz-box-shadow    : inset 0px 0px 5px 0px #660000;
        -o-box-shadow      : inset 0px 0px 5px 0px #660000;
        -webkit-box-shadow : inset 0px 0px 5px 0px #660000;
        box-shadow         : inset 0px 0px 5px 0px #660000; 
        margin-bottom   : 13px;
        overflow        : hidden;
     }
     
     .home_title_inner {
        padding         : 15px;
        margin          : 0px;
     }
     
     .home_title_inner h1 {
        margin-top      : 0px;
        margin-bottom   : 5px;
        font-variant    : small-caps;
        font-size       : 32px;
        line-height     : 38px;
        padding         : 0px;
     }
     
     .home_title_inner p {
        margin-top      : 0px;
        margin-bottom   : 5px;
        font-size       : 16px;
        line-height     : 18px;
        padding         : 0px;
     }
     

/* ****************************************** */
/* RIGHT HAND BAR                             */
/* ****************************************** */

     .home_box {
        width              : 375px;
        height             : 555px;
        padding            : 0px;
        background-color   : #fff9ee;
        border             : 1px solid #660000;
        -moz-box-shadow    : inset 0px 0px 5px 0px #660000;
        -o-box-shadow      : inset 0px 0px 5px 0px #660000;
        -webkit-box-shadow : inset 0px 0px 5px 0px #660000;
        box-shadow         : inset 0px 0px 5px 0px #660000; 
        text-align         : center;
        overflow           : hidden;
     }
     
     .home_box_inner {
        padding-top     :  5px;
        padding-left    : 15px;
        padding-bottom  :  5px;
        padding-right   : 15px;
        margin          :  0px;
        height          : 330px;
     }
     
     .home_box_inner h1 {
        margin-top      : 0px;
        text-align      : center;
     }

     .home_image_big {
        margin-top      : 10px;
        width           : 300px;
        height          : 300px;
        border          : 1px solid #B99;
        background      : white;
     }

     .home_image_small {
        width           : 150px;
        height          : 150px;
        border          : 1px solid #B99;
     }
 
     .home_image_title {
        text-align      : center;
        margin-top      : 0px;
        margin-bottom   : 5px;
        padding         : 0px;
        font-size       : 14px;
        font-variant    : small-caps;
        color           : #9F9988;
     }
     
     .home_image_title_small {
        width           : 150px;
     }
     
     .image_box {
        margin-top      : 5px;
        position        : relative;
        height          : 326;
        width           : 308;
        margin-left     : 18px;
     }
     
     #big {
        display         : block;
        width           : 300px;
        height          : 300px;
        position        : absolute;
        z-index         : 10000;
        top : 18px;
        left : 0px;
        border : 4px solid #B99;
     }
     
     #ttl {
        position        : absolute;
        z-index         : 5;
        top             : 0px;
        left            : 0px;
     }
     
     #ttr {
        position        : absolute;
        z-index         : 5;
        top             : 0px;
        left            : 156px;
     }
     
     #tl {
        position        : absolute;
        z-index         : 5;
        top             : 18px;
        left            : 0px;
     }
     
     #tr {
        position        : absolute;
        z-index         : 5;
        top             : 18px;
        left            : 156px;
     }
     
     #bl {
        position        : absolute;
        z-index         : 5;
        top             : 174px;
        left            : 0px;
     }
     
     #br {
        position        : absolute;
        z-index         : 5;
        top             : 174px;
        left            : 156px;
     }
     

/* ****************************************** */
/* LOGIN BOX                                  */
/* ****************************************** */
     
     
     .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;
     }
    
     .home_login {
        margin-top      : 10px;
     }
    
     .home_login_link {
        padding         : 0px;
        margin          : 3px;
        text-align      : center;
     }
    
     .home_login_link a {
        text-align      : center;
        font-size       : 12px;
     }
     

/* ****************************************** */
/* NEWS AREA                                  */
/* ****************************************** */
     
     #news {
        width           : 430px;
     }
    
     #newstitle {
        background-color  : #660000;
        padding           : 5px;
        background        : url("/welcome/news.gif");
        background-repeat : no-repeat;
        font-size         : 20px;
        margin            : 0px;
        line-height       : 22px;
     }
    
     #newstitle h4 {
           margin: 0px;
           font-size: 20px;
           color: #fff;
     }
    
     #newsbody {
              height: 347px;
              overflow: auto;
              background-color: #EFD6D6;
          border-left : 1px #660000 solid;
          border-right : 1px #660000 solid;
          border-bottom : 1px #660000 solid;
     }
    
     #newsbody h3 {
          background-color: #993333;
          color: #fff;
          margin: 0px;
          padding: 5px;
     }
    
     #newsbody h4 {
         margin-left   : 5px;
         margin-right  : 5px;
         margin-top    : 15px;
         margin-bottom : 15px;
         font-size     : 15px;
     }
    
     #newsbody p {
         font-size: 12px;
         margin: 5px 5px 10px 5px;
     }
     
     #newsbody img {
        max-width       : 400px;
     }
     
     #newsbody img[width="100"] {
        background-color    : white;
     }

/* ****************************************** */
/* ABOUT PAGE                                 */
/* ****************************************** */
     
     .about {
        color:#660000;font-size:140%;
     }