/* CSS Document */
/*---------------------------------classes for the DIV CSS2 specifications ------------------*/
body{
  overflow-x: hidden;
  overflow-y: visible; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  scrollbar-base-color: #B8D4D8;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #B8D4D8;
  scrollbar-shadow-color: #000000;
  scrollbar-lightshadow-color: black; 
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #000000;
}

iframe.agreement {
  overflow-x: hidden;
  overflow-y: visible; 
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
  scrollbar-base-color: #B8D4D8;
  scrollbar-arrow-color: #ffffff;
  scrollbar-track-color: #B8D4D8;
  scrollbar-shadow-color: #000000;
  scrollbar-lightshadow-color: black; 
  scrollbar-darkshadow-color: #ffffff;
  scrollbar-highlight-color: #ffffff;
  scrollbar-3dlight-color: #000000;
}

#maindiv {
  width: 100%;
  background-image:url(../images/bgbig.jpg);
  background-repeat:repeat-x;
  background-position:top;
}

#updiv {
 width: 94%;
 height: 82px;
 margin-left: 3%;
 margin-right: 3%;
 margin-bottom: 0px;
 margin-top: 0px;
 padding: 0px;
 background-image:url(../images/upbg2.jpg);
 background-repeat:repeat-x; 
}

#menu {
 width: 94%;
 height: 37px;
 margin-left: 3%;
 margin-right: 3%;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
 background-image:url(../images/bgmenu.jpg);
 background-repeat:repeat-x; 
 position:relative;
 
}

#header {
 width: 94%;
 height: 46px;
 margin-left: 3%;
 margin-right: 3%;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
 background-image:url(../images/headerbg3.jpg);
 background-repeat:repeat-x;
 position:relative;
}

#page {
 width: 94%;
 height: 100%;
 margin-left: 3%;
 margin-right: 3%;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
 background-color:#FFFFFF;
}

div.page_title1 {
 width: 60%;
 margin: 0px;
 padding: 0px;
 margin-top:8px;
 float: left;
 text-align:left;
 vertical-align:middle;
}

div.page_title2 {
 width: 40%;
 margin: 0px;
 padding: 0px;
 float: left;
 text-align:right;
 vertical-align:top;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:0.8em;
 font-weight:bold;
}

div.hdiv {
 width: 100%;
 height: 33px;
 margin: 15px 0px 0px 0px;
 padding: 0px;
 float: left;
}

div.hdiv2 {
 width: 100%;
 height: 33px;
 margin: 0px;
 padding: 0px;
 float: left;
}

div.divcontent {
 width: 100%;
 margin: 0px;
 padding: 0px;
 float: left;
}

#footer {
 width: 94%;
 height: 46px;
 margin-left: 3%;
 margin-right: 3%;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px;
 background-image:url(../images/btmbg.jpg);
 background-repeat:repeat-x;
}

#headercontent {
 height: 46px;
 background-image:url(../images/headerbg.jpg);
 background-repeat:no-repeat; 
 vertical-align:middle;
}

#headertable {
 height: 46px;
 background-image:url(../images/headerbg3.jpg);
 background-repeat:repeat-x; 
}

#pageleft {
 width: 13px;
 height:100%;
 background-image:url(../images/bgleft.jpg);
 background-repeat:repeat-y;
}

#pageright {
 width: 15px;
 height: 100%;
 background-image:url(../images/bgright.jpg);
 background-repeat:repeat-y;
}

table.hdivtable {
 background-image:url(../images/hbg.jpg);
 background-repeat:repeat-x; 
}

#tablegames {
 float: left;
}

#tabletools {
 float: right;
}

table.tgames {
 margin:15px;
}

table.ttools1 {
 margin-right: 1%;
 width: 220px;
}

table.ttools2 {
 margin-right: 1%;
 width: 360px;
}

.tools-td {
vertical-align:middle;

}

table.tscores {
 margin-top:15px;
 margin-bottom:15px;
 border: 0px solid #CCCCCC;
 background-color:#CCCCCC;
}

table.display {
 margin-top:15px;
 margin-bottom:15px;
 background-color:#CCCCCC;
}

table.tchart {
 margin-top:15px;
 margin-bottom:15px;
 border: 0px solid #CCCCCC;
 background-color:#F8F9F4;
}

.bordertop {
 border-top: 1px solid #CCCCCC;
}

.borderleft {
 border-left: 1px solid #CCCCCC;
}

td.menutd {
 text-align:center;
}

td.playbt {
 width: 198px;
 height: 19px;
 background-image:url(../images/playgamebg.jpg);
 background-repeat:no-repeat;
 vertical-align:top;
 padding-top: 2px;
}

#auth {
 width: 97%;
 height: 250px;
 margin-top: 0px;
 margin-bottom: 0px;
 padding: 0px; 
 vertical-align:middle;
}

form {
 margin-top: 10px;
}


/* -------------------------------text formatting classes ---------------------------------------*/
h1 {
 font-size: 0.9em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#666666;
 padding-left: 35px; 
 margin: 0px;
}

h2 {
 font-size: 0.8em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#666666;
 padding-top: 3px;
 padding-left: 3px;
 padding-bottom: 0px;
 margin:0px;
}

h3 {
 font-size: 0.7em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#333333;
 padding-top: 3px;
 padding-left: 3px;
 padding-bottom: 0px;
 margin:0px;
}

.menuitem {
 font-size: 0.7em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#666666;
 line-height: 1em; 
}

.menuitem2 {
 font-size: 0.7em;
 line-height: 1em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#333333;
}

.linksmall {
 font-size: 0.6em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#666666;
 text-decoration:none;
 margin-left: 112px;
 }
 
p, li {
 font-size: 0.7em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 color:#333333;
 margin: 5px 2px 5px 2px;
 padding: 0px;
}

ul.ul1, ol.ol1 {
 margin-top:2px;
 margin-bottom:2px;
 padding:0px;
 line-height:1em;
}

p.p1 {
 margin-left:8px;
}

a:link {
 color:#333333;
 text-decoration:none;
}
a:hover {
 color: #666666;
 text-decoration:none;
}
a:visited {
 color:#333333;
 text-decoration:none;
}
a:active {
 color: #666666;
 text-decoration:none;
}

.formtxt {
 vertical-align:middle;
 font-size: 0.95em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 
}

.formtxt10 {
 margin:5px;
 vertical-align:middle;
 font-size: 0.95em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 
}

p.footertext {
 text-align:center;
 font-weight:bold;

}

.borderimage {
	border: 1px solid #CCCCCC;
 
 }
 
.tableheader {
 font-size: 0.7em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#333333;
 margin: 0px;
 padding: 0px;
}

.tableheader10 {
 font-size: 1em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#333333;
 margin: 0px;
 padding: 0px;
}

.tablenormal {
 font-size: 0.7em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 color:#333333;
 margin: 0px;
 padding: 0px;
}

.tablenormal2 {
 font-size: 0.7em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 margin: 0px;
 padding: 0px;
 background-color:#F8F9F4;
}

.tablenormal10 {
 font-size: 1em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 margin: 0px;
 padding: 0px;
 background-color:#F8F9F4;
}

.tablenormal3 {
 font-size: 0.7em;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-weight:normal;
 height:1em;
 margin: 0px;
 padding: 0px;
 background-color:#dedede;
}

div.dotted1 {
	 text-align: left; 
	 width: 48%;
	 float:left;
	 padding: 2px;
	 margin: 2px;
	 border-right:0px solid #999999;
	 height: 135px;
}

div.dotted3 {
	 text-align: center; 
	 width: 42%;
	 float:left;
	 padding: 2px;
	 margin: 2px;
	 height: 135px;
}

div.dotted2 {
	 text-align: center; 
	 width: 42%;
	 float:right;
	 padding: 2px;
	 margin: 2px;
	 height: 135px;
}

div.dotted4 {
	 text-align: center; 
	 width: 10%;
	 float:left;
	 padding: 2px;
	 margin: 2px;
	 height: 135px;
}

div.dotted5 {
	 text-align: left; 
	 width: 39%;
	 float:right;
	 padding: 2px;
	 margin: 2px;
	 height: 135px;
}

div.infolabel8 {
	 text-align: left; 
	 width: 98%;
	 float:left;
	 height: 170px;
	 padding-bottom: 5px;
	 margin: 2px;
	 font-size: 0.8em;
     font-family:Verdana, Arial, Helvetica, sans-serif;
     font-weight:normal;
	 
}