a{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 text-decoration: underline;
 font-size: 1em;
 color: #000000;
 font-weight: bold;
}

a:hover{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 text-decoration: none;
 font-size: 1em;
 color: #FFCC66;
 font-weight: bold;
}

a:Active{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 text-decoration: underline;
 font-size: 1em;
 color: #000000;
 font-weight: bold;
}

a img {
 border: 0px;
}

div, p, td, span{ font-family: Arial, Verdana, Helvetica, sans-serif;}

body{
 padding: 0px;
 margin: 0px;
 background-color: #ffffff;
 background-image: url("pics/base/hardwoodfloor.jpg");
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 1.2em;
}

/* TABLE Classes */
td{
 font-size: .8em;
}

h1{
 display: inline;
 font-size: 2em;
 color: #FFFF00;
 font-weight: bold;
 font-style: italic;
}

h2{
 display: inline;
 font-size: 2em;
 color: #000000;
 font-weight: bold;
}

h3{
 display: inline;
 font-weight: bold;
}

p, h1, h2, h3{
 position: relative;
}

/* OPEN Classes */
.dark_header{
 padding-left: 2px;
 padding-right: 2px;
 height: 20px;
 background-color: #666699;
 background-image: url("pics/base/bg_header.gif");
 color: #FFFFFF;
 font-weight: bold;
}

.dark{
 padding: 2px;
 background-color: #666699;
 color: #FFFFFF;
 font-weight: bold;
}

.medium{
 padding: 2px;
 background-color: #9999CC;
 color: #FFFFFF;
 font-weight: bold;
}

.light{
 padding: 2px;
 background-color: #CCCCFF;
 color: #000000;
 font-weight: bold;
}

.money{
 padding: 2px;
 background-color: #99CC99;
 color: #000000;
 font-weight: bold;
}

.highlight{
 padding: 2px;
 background-color: #FFCC66;
 color: #000000;
 font-weight: bold;
}

.not_played_box{
 display: inline;
 border: 3px solid black;
 border-radius: 7px;
 padding: 1px;
 margin: 0px;
 width: 18px;
 height: 18px;
 background-color: #FFFF00;
 vertical-align: middle;
 text-align: center;
 font-size: 1em;
 font-weight: bold;
 color: #000000;
}

.winner_box{
 display: inline;
 border: 3px solid black;
 border-radius: 7px;
 padding: 1px;
 margin: 0px;
 width: 18px;
 height: 18px;
 background-color: #9999CC;
 vertical-align: middle;
 text-align: center;
 font-size: 1em;
 font-weight: bold;
 color: #000000;
}

.underdog_box{
 display: inline;
 border: 3px solid black;
 border-radius: 7px;
 padding: 1px;
 margin: 0px;
 width: 18px;
 height: 18px;
 background-color: #FF0000;
 vertical-align: middle;
 text-align: center;
 font-size: 1em;
 font-weight: bold;
 color: #000000;
}

/* TOP */
.top{
 margin: 0px;
 padding: 0px;
 width: 100%;
 height: 80px;
 background-color: #666699;
}

/* CONTENT */
.main{
 margin: 0px;
 margin-top: 3px;
 margin-left: 5%;
 margin-right: 5%;
 padding: 0px;
 padding-top: 2px;
 padding-left: 2px;
 padding-right: 2px;
 border: 1px solid #000000;
 background-color: #cccccc;
 line-height: 1.2em;
}

.header{
 margin: 0px;
 margin-bottom: 2px;
 padding-left: 10px;
 height: 17px;
 border: 1px solid #000000;
 background-color: #333366;
 background-image: url("pics/base/bg_header.gif");
 font-size: .7em;
 color: #ffffff;
 font-weight: bold;
}

.content{
 margin: 0px;
 margin-bottom: 2px;
 padding: 5px;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 border-left: 0px solid #000000;
 border-right: 0px solid #000000;
 background-color: #666699;
 font-size: .9em;
 color: #000000;
 line-height: 1.2em;
}

/* MAIN MENU */
.main_menu{
 margin: 0px;
 margin-bottom: 2px;
 padding-top: 5px;
 padding-bottom: 5px;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 background-color: #9999CC;
 font-size: 1.0em;
 color: #ffffff;
}

/* FOOTER */
.footer{
 margin: 0px;
 clear: both;
 background-color: #9999CC;
 border-left: 1px solid #000000;
 border-right: 1px solid #000000;
 border-top: 1px solid #000000;
 border-bottom: 1px solid #000000;
 text-align: center;
 font-size: .7em;
 color: #ffffff;;
}

/* MISC */
.box_right{
 position: relative;
 float: right;
 margin: 0px;
 margin-left: 5px;
 padding: 0px;
 width: 200px;
 border: 1px solid #000000; 
}

.box_header{
 margin: 0px;
 padding-left: 10px;
 height: 20px;
 background-color: #000000;
 background-image: url("pics/base/bg_header.gif");
 font-size: 1em;
 color: #ffffff;
 font-weight: bold;
}

.box_content{
 margin: 0px;
 padding: 5px;
 background-color: #CCCCFF;
 background-image: url("pics/base/bg_line.gif");
 font-size: .9em;
 color: #000000;
 line-height: 1.2em;
}

input, textarea, select, option{
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: Black;
 background-color: #FFFFFF;
 border: 1px solid Black;
 font-size: .8em;
 font-weight: bold;
}

input{
 padding-left: 2px;
}

.button{
 background-color: #999999;
 border: 2px solid Black;
}

input:focus, textarea:focus, select:focus, option:focus, input.sffocus, textarea.sffocus, select.focus, option.focus{
 background-color: #FFCC66;
}