/* General */
body,td,th,input,textarea,select { font-family: sans-serif; font-size: 12px; font-style: italic; color: rgb( 60,120,240 ); }
body { background: white; margin: 10px 1px; }
div,img,table,form,h1,h2,h3,h4,p,iframe { margin: 0px; border: 0px; padding: 0px; }

a { color: rgb( 60,120,240 ); text-decoration: none; font-weight: bold; font-style: normal; }
a:hover { text-decoration: underline; }

h1 { font-size: 28px; position: absolute; bottom: 0px; left: 10px; }
h2 { font-size: 16px; text-align: center; margin: 10px; }
h3 { font-size: 14px; }
h4 { font-size: 14px; margin: 10px 10px 0px 10px; }

p { margin: 10px; }
dl { padding: 0px 10px }
dt { font-weight: bold; margin: 10px 0px 0px 10px; }

/* ID's */
#page {
    border: 5px solid rgb( 60,120,240 );
    width: 760px; height: 520px;
    position: relative;
    margin: auto;
    background-color: white;
    background-image: url( '../images/grid.gif' );
}

#line  { position: absolute; top:  59px; left: 90px; z-index: 2; }
#arrow { position: absolute; top:  48px; left: 661px; }

#menu { position: absolute; top:  12px; left: 29px; z-index: 1; }
#menu img { margin-top: 17px; }

#title,#top,#contents,#bottom { position: absolute; left: 101px; width: 599px; }
#title    { top:  21px; height:  39px; z-index: 4; }
#top      { top:  61px; height:  39px; z-index: 3; }
#contents { top: 101px; height: 359px; overflow: auto; background-color: white; }
#bottom   { top: 461px; height:  59px; z-index: 3; }

/* classes's */
.text-center { text-align: center; }
.text-right { text-align: right; }
.disabled { color: rgb( 195,210,240 ); }
.error { color: red; font-weight: bold; }
.red { color: red; }
.underline { text-decoration: underline; }

/*  */
.button a { display: block; padding: 1px 5px; margin: 1px; border: 2px solid rgb( 60,120,240 ); background-color: white; text-align: center; }
.button a:hover { margin: 0px; border-width: 3px; text-decoration: none; }
.button .selected a { color: white; background-color: rgb( 60,120,240 ); }

#top .menu { position: absolute; bottom: 0px; left: 5px; }
#top .menu td { padding: 0px 5px; }

.odd { background: rgb( 230,235,250 ); }
.even  { background: white; }

/* Series */
.series { text-align: center; margin: 10px; }
.series select { vertical-align: middle; border: 1px solid rgb( 60,120,240 ); }
.series table { margin: 0px auto; }
.series table td { padding: 0px; vertical-align: middle; }

/* Play Page */
.play_page { text-align: center; }
.play_page table { margin: auto; }
.play_page img { margin: 26px 0px 15px 10px; }
.play_page td { padding: 20px 50px; }
.play_page .button a { border-width: 3px; font-size: 22px; }
.play_page .button a:hover { border-width: 4px; }
.game_info { margin: 0px 40px; }


/* Applet */
.java_error { width: 500px; margin: auto; padding-top: 20px; text-align: center; font-weight: bold; }
.applet { width: 800px; margin: auto; margin-top: 20px; border: 2px solid rgb( 60,120,240 ); }
.title_bar { background-color: rgb( 60,120,240 ); border: 0px solid rgb( 60,120,240 ); border-bottom-width: 2px; }
.title_bar table { border: 0px solid white; border-bottom-width: 1px; }
.title_bar td { padding-left: 5px; font-size: 16px; font-weight: bold; color: white; }
.title_bar img { margin: 3px; }

/* Scores */
.all_scores table { margin: auto; }
.all_scores td  { padding: 10px; vertical-align: top; }
.all_scores h2 { margin: 0px; }
.all_scores form table { margin-right: 0px; }
.all_scores form table td { padding: 0px; }
.scores table { width: 100%; border: 1px solid rgb( 60,120,240 ); }
.scores th { font-size: 12px; padding: 1px 4px; }
.scores td { font-size: 11px; padding: 1px 4px 0px; }
.scores_form table { margin: 6px auto; border: 1px solid rgb( 60,120,240 ); background-color: white; }
.scores_form td { padding: 4px; }
.scores_form input { vertical-align: middle; }

/* Message Board */
.messages { margin: 10px 40px; border: 1px solid rgb( 60,120,240 ); }
.messages .header { padding: 2px 5px; color: white; background-color: rgb( 60,120,240 ); }
.messages .header a { color: white; }
.messages .body { margin: 5px; }

.message_post_form table { margin: 6px auto; }
.message_post_form input { border-width: 0px; width: 150px; padding: 2px; }
.message_post_form textarea { border-width: 0px; width: 300px; height: 40px; padding: 2px; overflow: auto; white-space: pre; }
.message_post_form .button { margin-left:5px; }
.message_post_form .mpf1 { background-color: white; border: 1px solid rgb( 60,120,240 ); border-width: 1px 0px 1px 1px; }
.message_post_form .mpf2 { background-color: white; border: 1px solid rgb( 60,120,240 ); border-width: 0px 0px 1px 1px;  }
.message_post_form .mpf3 { background-color: white; border: 1px solid rgb( 60,120,240 ); }

/* Contact Form */
.contact_form table { margin: 6px auto; }
.contact_form input { border-width: 0px; width: 500px; padding: 2px; }
.contact_form textarea { border-width: 0px; width: 500px; height: 150px; padding: 2px; overflow: auto; white-space: pre; }
.contact_form .cf1 { background-color: white; border: 1px solid rgb( 60,120,240 ); }
.contact_form .cf2 { background-color: white; border: 1px solid rgb( 60,120,240 ); border-width: 0px 1px; }
.contact_form .cf3 { background-color: white; border: 1px solid rgb( 60,120,240 ); }
#sendMessageResult { text-align: center; margin: 10px; vertical-align: bottom; }
#sendMessageResult img { vertical-align: text-bottom; }

/* About */
.copyright { margin: 10px; position: absolute; bottom: 0px; right: 0px; }

/* 4k */
.k_page img { margin: 0px 5px 5px 0px; float: left; }

/* Advertising */
#advertising {
    border: 5px solid rgb( 120,0,200 );
    width: 760px;
    position: relative;
    margin: auto; 
    margin-top: 100px;
    background-color: white;
    background-image: url( '../images/grid.gif' );
}
#advertising table { width: 100%; }
#advertising td  { padding: 10px; vertical-align: top; text-align: center; }
.google_ads {
    border: 0px;
    border-right-width: 5px;
    width: 418px;
}
.google_ads table { margin-top: 20px; }
.games_sites img { margin: 10px; }