.error {
	color: red;
	font-weight: bold;
}

.namesBg {
	background-image: url(media/names-bg.png);
	height: 63px;
}


.namesCircle {
	background-image: url(media/names-circle.png);
	width: 63px;
	height: 63px;
	text-align: center;
}

.circle {
	background-image: url(media/circle.png);
	height: 31px;
}

html, body {
	height:96%;
	font-family: trebuchet ms, arial;
	font-size: 10px;
	background-color: #ffffff;
}

img {
	border: 0px;
}

td {
	font-family: verdana, trebuchet ms, arial;
	font-size: 10px;
}

form {
	margin-top: 0px; 
	margin-bottom: 0px; 
}

.button {
	width: 100px;
}

#dice {
	position:relative;
	z-index: 0;
}

#theCard {
	position: absolute;
	visibility: hidden;
	width: 350;
	height: 215;
	z-index: 1;
}

.white {
	background-color: #ffffff;
}

.numCards {
	font-family: trebuchet ms, arial;
	font-size: 48px;
	font-style: italic;
	color:#ffffff;
}

.actionBtn {
	width:70px;
	height: 15px;
	font-family: verdana;
	font-size: 8px;
	border: 1px solid #89613A;
	background-color: #cccc99;
}

.line {
	background-color: #cccccc;
}

.figureNumNone {
	font-family: verdana;
	font-size: 10px;
	color: #eeeeee;
	font-weight: bold;
}

.figureNumGreen {
	font-family: verdana;
	font-size: 10px;
	color: #00CC33;
	font-weight: bold;
}

.figureNumRed {
	font-family: verdana;
	font-size: 10px;
	color: #ff0000;
	font-weight: bold;
}

.textGreen {
	color: #00cc33;
}

.textRed {
	color: #ff0000;
}

.titleBg {
	background-color: #cccc99;
}

.titleText {
	font-family: trebuchet ms, arial;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #ffffff;
}

.titleSmall {
	font-weight: bold;
	color: #ffffff;
}

.playerLeft {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #000000;
	background-color: #cccc99;
}

.playerRight {
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	font-style:italic;
	color: #ffffff;
	background-color: #cccc99;
}

.tableLeft {
	width:6px;
	background-image: url(media/table/left.png);
}

.tableRight {
	width:6px;
	background-image: url(media/table/right.png);
}

.tableTop {
	background-image: url(media/table/top.png);
}

.tableBottom {
	height:9px;
	background-image: url(media/table/bottom.png);
}

.copyright {
	font-family: verdana;
	font-size: 7px;
	text-align: center;
}

.cardGreenOff {
	text-align: center;
	background-color: #00cc33;
	background-image: url(media/cards/off/green.gif);
}

.cardYellowOff {
	text-align: center;
	background-color: #ffff00;
	background-image: url(media/cards/off/yellow.gif);
}

.cardPurpleOff {
	text-align: center;
	background-color: #993399;
	background-image: url(media/cards/off/purple.gif);
}

.cardOrangeOff {
	text-align: center;
	background-color: #ff9900;
	background-image: url(media/cards/off/orange.gif);
}

.cardGreenOn {
	text-align: center;
	cursor: pointer;
	background-color: #00cc33;
	background-image: url(media/cards/on/green.gif);
}

.cardYellowOn {
	text-align: center;
	cursor: pointer;
	background-color: #ffff00;
	background-image: url(media/cards/on/yellow.gif);
}

.cardPurpleOn {
	text-align: center;
	cursor: pointer;
	background-color: #993399;
	background-image: url(media/cards/on/purple.gif);
}

.cardOrangeOn {
	text-align: center;
	cursor: pointer;
	background-color: #ff9900;
	background-image: url(media/cards/on/orange.gif);
}

.cardGreen {
	background-color: #00cc33;
}

.cardYellow {
	background-color: #ffff00;
}

.cardPurple {
	background-color: #993399;
}

.cardOrange {
	background-color: #ff9900;
}

.cardWhite {
	background-color: #ffffff;
}

.cardGrey {
	background-color: #f7f7f7;
}

.buttonGreen {
	font-family: trebuchet ms, arial;
	background-color: #ffffff;
	border: 1px solid #00cc33;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	width:120px;
}

.buttonYellow {
	font-family: trebuchet ms, arial;
	background-color: #ffffff;
	border: 1px solid #ffff00;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	width:120px;
}

.buttonPurple {
	font-family: trebuchet ms, arial;
	background-color: #ffffff;
	border: 1px solid #993399;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	width:120px;
}

.buttonOrange {
	font-family: trebuchet ms, arial;
	background-color: #ffffff;
	border: 1px solid #ff9900;
	color:#000000;
	font-weight:bold;
	font-size:10px;
	width:120px;
}

