* {
  margin:0;
  padding: 0;
  background: #DAE5DC;
  font: 11px verdana, arial, sans-serif;
  color: #000;
  font-weight: bold;
  line-height: 150%;
}

.top {}

.logo {
  position:absolute;
  height:196px; 
  width:595px;
  margin-left: -286px;
  left: 50%;
  top: 80px;
}

.back {
  position: absolute;
  
  /**margin-left: -260px;**/
  right: 0;
  bottom: 0px;
}

.menu {
  overflow:hidden;
  position: absolute;
  width:450px;
  height:88px;
  margin-left: -265px;
  left: 50%;
  top: 12px;
  font-size: 14px;
  font-weight: bold;
	display: block;
	border-bottom: 1px solid black;
}

.menu ul {
  margin: 0;
  padding: 0;
  line-height: normal;
}

.menu ul li {
  display: inline;
  float: left;
  padding-top: 88px;
  list-style: none;
  text-align: center;
  width: 88px;
  margin-right: 1px;
}

.menu ul li a:link,
.menu ul li a:visited {
  overflow: visible;
  position: absolute;
  display: block;
  width: 88px;
  height: 88px;
  top: 0;
  padding-top: 88px;
  text-decoration: none;
  background: url("../img/gball.jpg") no-repeat center;
}


.menu ul li a.active,
.menu ul li a:hover {
  padding-top: 0px;
}

.menu ul li a:link span,
.menu ul li a:visited span {
  position: absolute;
  background-color: transparent;
  top: 68px;
  width: 100%;
  display: block;
}

.menu ul li a.active span,
.menu ul li a:hover span {
  position: absolute;
  display: block;
  background-color: transparent;
  top: 33px;
  color: #1787AC;
}

.content {
  direction: ltr;
  overflow: auto;
  position: absolute;
  right: 20%;
  height: 460px;
  left: 70px;
  top: 300px;
  font-size: 14px;
  font-weight: bold;
	display: block;
	border: 3px solid #0A801C;
	background-color: #BED074;
}

.content ul, .content ul li, u, p {
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
	background-color: #BED074;
}

h1 {
  padding-left: 10px;
	background-color: #0A801C; /** #1787AC; **/  /** #BED074; **/  /** #0A801C; **/
	color: #BED074;
	font-size: 24px;
	line-height: 200%;
	font-style: italic;
}

hr {
  margin-right: 10px;
  color: #0A801C; 
}

h1 em {
	background-color: #0A801C; 
	font-size: 24px;
  color: #000;
	font-style: italic;
}

.yellow {
	background-color: #0A801C; /** #1787AC; **/  /** #BED074; **/  /** #0A801C; **/
	font-size: 24px;
  color: #FAE027;
	font-style: italic;
}

h2 {
  background-color: #BED074; /** #1787AC; **/  /** #BED074; **/  /** #0A801C; **/
  font-weight: bold;
  padding-left: 10px;
  font-size: 12px;
}

.content ul li {
  margin-left: 30px;
}

u { padding-left: 0; padding-right: 0; }

.sbgDark {
  color: #BBB; position: absolute; top:80px; left:70px; margin: 0; width:250px;
  height:250px; text-align:center; background-image: url("../img/starDark.png");
  background-repeat: no-repeat; background-color: transparent;
}

.sbgLight, .sbgDark:hover {
  color: #BBB;
  position: absolute; top:80px; left:70px; text-align:center;
  background-image: url("../img/star.png"); background-repeat: no-repeat;
}

.starbg a, 
.starbg a:visited {
  background-color: transparent;
  position: relative; width:250px; height: 250px;
  display:block; color: #BBB; font-size:20px; font-weight:bold;
  text-decoration:none; text-align:center;
}

.starbg a:active, 
.starbg a:hover {
  color: #F00; 
}

.sbgDarkGame {
  color: #BBB; position: relative; top:0px; left:0px; margin: 0; width:150px;
  height:150px; text-align:center; background-image: url("../img/starDark2.png");
  background-repeat: no-repeat; background-color: transparent;
}

.sbgLightGame, .sbgDarkGame:hover {
  color: #BBB;
  position: relative; top:0px; left:0px; text-align:center;
  background-image: url("../img/star2.png"); background-repeat: no-repeat;
}

.starbgGame a, 
.starbgGame a:visited {
  background-color: transparent;
  position: relative; width:150px; height: 150px;
  display:block; color: #BBB; font-size:14px; font-weight:bold;
  text-decoration:none; text-align:center;
}

.starbgGame a:active, 
.starbgGame a:hover {
  color: #F00; 
}

#menuSide {
  position: absolute;
  top: 400px;
  width: 200px;
  right: 3%;
  border-style: solid solid none solid;
  border-color: #889944;
  border-size: 1px;
  border-width: 1px;
}

#menuSide li {
  list-style-type: none;
}

#menuSide li a {
  height: 32px;
  height: 24px;
  text-decoration: none;
}

#menuSide li a:link, #menuSide li a:visited {
  color: #889944;
  display: block;
  background: url(../img/menuSide.gif);
  padding: 8px 0 0 25px;
}

#menuSide li a:hover, #menuSide li #current {
  color: #889944;
  background: url(../img/menuSide.gif) 0 -32px;
  padding: 8px 0 0 27px;
}
        
input,
textarea,
select {
  padding: 1px 3px;
  margin: 5px 0;
  font: 1em verdana, arial, sans-serif;
  color: #000;
  background-color: #FFF;
  border: 1px solid #0080FF;
}

input:hover,
textarea:hover,
select:hover {
  background-color: #0080FF;
}

input:focus,
textarea:focus,
select:focus {

}


.nav {
	padding-left: 10px;
	background-color: #BED074;
}
.nav span {
	background-color: #BED074;
	font-weight: normal;
}
.paging {
	margin-left: 10px;
	background-color: #BED074;
}
.paging span, .paging a {
	background-color: #BED074;
}
.reply {
	background-color: #BED074;
}
form {
	padding-left: 10px;
	background-color: #BED074;
}
label, label span, form span {
	paddin-left: 10px;
	background-color: #BED074;
}

.messagec {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
  background-color: #0A801C; 
  padding: 2px;
}

.messagetop {
  color: #BED074; 
  background-color: #0A801C; 
}

.messagetop .name {
  margin:5px;
  color: #BED074; 
  font-style: italic;
  background-color: #0A801C; 
}

.messagetop .date {
  margin:5px;
  margin-left:30px;
  color: #BED074; 
  font-weight: normal;
  background-color: #0A801C; 
}

.message {
  background-color: #BED074; 
  border-top: 1px solid #0A801C;
}

#main {
    margin: auto;
	border: 1px solid #cccccc;
	width: 450px;
    min-height:150px;
	background: #F1F3F5;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
}

#result {
    margin-left: 70px;
    margin-top:40px;
	border: 1px solid #cccccc;
	width: 350px;
	background: #E9ECEF;
    text-align:center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 12px;
    padding:5px;
}

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 10px;
    color:#dd1111;
    padding:5px;

}

table, tr, td {
background-color: #BED074;
} 

.text {
	border: 1px solid #cccccc;
}

#caption{
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    margin:10px;
    font-size : 14px;
    color:#C64934;
    background-color: #BED074;
}

#icon {
    width:60px;
    height:100px;
    float:left;
    background-color: transparent;
    background-image:url(../img/icon.gif);
    background-repeat: no-repeat;
    background-position:center center;
}

.links { margin-left: 30px; }
.links a:link,
.links a:visited,
.links a.active {
  text-decoration: none;
  background-color: #BED074;
}

.links a:hover {
  color: #FAE027;
  background-color: #0080FF;
}

.links b {
  background-color: #BED074;
}

.ads {
  position: absolute;
  right: 5%;
  height: 100px;
  top: 650px;
  font-size: 14px;
  font-weight: bold;
	display: block;
	border: 3px solid #0A801C;
	background-color: #BED074;
	text-align: center;
	padding:5px;
}

#playingfield {
  position: absolute;
  top: 0;
  left: 0;
  width:900px;
  height: 430px;
  background-color: #99F;
  background-image: url(../img/game.jpg);
}

#controls {
  position: absolute;
  top: 470px;
  left: 0;
  width:900px;
  border: 3px solid #0A801C;
	background-color: #BED074;
}

#figure1 {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 21px;
  height: 41px;
  background: url(../img/figure.gif) no-repeat;
  z-index: 100;
  display: none;  
}

#startButton {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 10px;
}
 
#restartButton {
  text-align: center;
  margin-bottom: 20px;
  margin-left: 10px;
}

.fl {
    width: 880px;
    float: left;
    margin-bottom: 10px;
    background-color: #BED074;
}

.dice {
    border: 1px solid #000;
    padding: 3px 5px 5px;
    font-weight: bold;
    color: #000;
    width: 20px;
    height: 20px;
    float: left;
    text-align: center;
    margin-right: 5px;
    font-style: italic;
    font-size: 16px;
    
}

#dicediv {
    width: 360px;
    float: right;
    background-color: #BED074;
}

#roughdicediv, #putdicediv {
    background-color: #BED074;
    width: 480px;
    margin-right:10 px;
    float: right;
}

.points {
    font-weight: bold;
    font-size: 24px;
    background-color: #BED074;
}

.smallFont {
    font-size: 16px;
    margin-top: 5px;
}

.red {
    background-color: #F00;
}

.white {
    background-color: #DDD;
}

.green {
    background-color: yellowgreen;
}

.yellowD {
    background-color: yellow;
}

#batsdiv, #roughdice, #putdice, #scorediv {
  background-color: #BED074;
  margin-top: 10px;
  margin-left: 10px;
  margin-right:10 px;
}

h3 {
  background-color: #0A801C; /** #1787AC; **/  /** #BED074; **/  /** #0A801C; **/
  color: #BED074;
  font-weight: bold;
  font-size: 12px;
}

#scoretxt {
  background-color: #BED074; /** #1787AC; **/  /** #BED074; **/  /** #0A801C; **/
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
}