html, body, form, ul, li {
    padding: 0;
    margin: 0;
}
body {
    background: #293603;
}
body, td, a:link, a:visited {
    font-family: arial;
    color: #342619;
	font-size: 14px;
}
a:hover {
	text-decoration: none;
}
div {
    position: absolute;
}
img {
	border: none;
}
#main {
    position: relative;
    width: 800px;
    height: 633px;
    background-image: url(pole.jpg);
    background-repeat: no-repeat;
    overflow: hidden;
}
#content {
    width: 800px;
    font-size: 10px;
	z-index: 1;
}
.playercard {
    width: 115px;
    height: 115px;
    top: 91px;
    background-position: 0 0;
    overflow: hidden;
}
#playercard0 {
    left: 85px;
}
#playercard1 {
    left: 213px;
}
#playercard2 {
    left: 338px;
}
#playercard3 {
    left: 463px;
}
#playercard4 {
    left: 588px;
}



#mycard0 {
    left: 85px;
}
#mycard1 {
    left: 213px;
}
#mycard2 {
    left: 338px;
}
#mycard3 {
    left: 463px;
}
#mycard4 {
    left: 588px;
}
.mycard {
    width: 115px;
    height: 115px;
    top: 407px;
    overflow: hidden;
	cursor: pointer;
}
.mycard a:link, .mycard a:visited {
    display: block;
    width: 115px;
    height: 115px;
    line-height: 115px;
    text-decoration: none;
    background-position: 0 0;
}
.mycard a:hover {
    background-position: -115px 0;
    text-decoration: none;
}


#rules {
    top: 583px;
    left: 470px;
}
#rules a:link, #rules a:visited, #menu a:link, #menu a:visited {
    color: #342619;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
}
#rules a:hover, #menu a:hover {
    color: #F7E9AA;
    text-decoration: none;
}
#menu:link, #menu:visited, #rules:link, #rules:visited {
	display: block;
	position: absolute;
	top: 53px;
	width: 84px;
	height: 26px;
	background: transparent no-repeat scroll url(bt_top.gif) left 0;
	color: #dffc9a;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
	text-align: center;
	line-height: 26px;
	z-index: 1;
}
#menu:link, #menu:visited {
    left: 210px;
}
#rules:link, #rules:visited {
	left: 510px;
}
#back:link, #back:visited {
	display: block;
	position: absolute;
	top: 530px;
	left: 367px;
	width: 71px;
	height: 33px;
	background: transparent no-repeat scroll url(bt_bk.gif) left 0;
	color: #dffc9a;
    font-size: 13px;
    font-weight: bold;
    text-decoration: none;
	text-align: center;
	line-height: 30px;
	z-index: 1;
}

#menu:hover, #rules:hover, #back:hover {
	background-position: right 0;
}


#mylive {
    width: 71px;
    left: 368px;
    bottom: 49px;
    background: transparent url(live_downw.png) no-repeat 0 bottom;
    overflow: hidden;
}
#playerlive {
    width: 71px;
    left: 368px;
    bottom: 540px;
    background: transparent url(live_topw.png) no-repeat 0 bottom;
    overflow: hidden;
}
#toplive {
    width: 71px;
    left: 368px;
    top: 40px;
    color: #f7e9aa;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
}
#bottomlive {
    width: 71px;
    left: 367px;
    bottom: 79px;
    color: #f7e9aa;
    text-align: center;
    font-size: 19px;
    font-weight: bold;
    font-style: italic;
}

#go {
    width: 117px;
    height: 49px;
    top: 354px;
    right: 96px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
#go a:link, #go a:visited {
    display: block;
    width: 117px;
    height: 49px;
    line-height: 49px;
    text-decoration: none;
    background: transparent url(bt_start.png) no-repeat left 0;
    color: #464034;
}
#go a:hover {
    background-position: center 0;
    text-decoration: none;
    color: #464034;
}
#go a:active {
    background-position: right 0;
    text-decoration: none;
    color: #464034;
}
#result {
    width: 375px;
    height: 210px;
    top: 196px;
    left: 213px;
	display: none;
	z-index: 2;
}
.prevcard {
    width: 115px;
    height: 115px;
    background-repeat: no-repeat;
    overflow: hidden;
}
#playerprevcard0 {
    top: 0px;
    left: 0px;
}
#playerprevcard1 {
    top: 0px;
    left: 125px;
}
#playerprevcard2 {
    top: 0px;
    left: 250px;
}
#myprevcard0 {
    top: 101px;
    left: 0px;
}
#myprevcard1 {
    top: 101px;
    left: 125px;
}
#myprevcard2 {
    top: 101px;
    left: 250px;
}
#legend {
    width: 120px;
    top: 218px;
    left: 588px;
    font-size: 10px;
}
#legend span, #precount span {
    color: #fffdd4;
}
#legend a:link, #legend a:visited {
    font-weight: bold;
	font-size: 11px;
	color: #342619;
}
#rulescontent {
    width: 614px;
    top: 114px;
    left: 94px;
    font-size: 11px;
}
#rulescontent td {
    font-size: 11px;
    font-weight: bold;
}
#pack_number {
    top: 240px;
    left: 98px;
}
#text {
    top: 215px;
    left: 96px;
}
#text1 {
    top: 235px;
    left: 94px;
}
#alert {
    top: 285px;
    left: 94px;
}
#progress {
    width: 36px;
    height: 190px;
    top: 202px;
    left: 729px;
    background: url(progres_v.png) 0 0 no-repeat;
}
#progressbar {
    width: 6px;
    height: 143px;
    bottom: 24px;
    left: 16px;
    background-color: #63ae00;
	overflow: hidden;
	line-height: 0px;
}
.shift {
    background-position: right 0;
}
#popup, #time, #menucontent {
    border: 1px solid #FFFDD4;
    padding: 2px 5px;
    color: #F7E9AA;
    background-color: #342619;
    font-size: 11px;
    display: none;
	z-index: 110;
	text-align: center;
}
#time {
    top: 170px;
    left: 663px;
}
#menucontent {
	top: 208px;
	left: 344px;
	line-height: 27px;
	display: none;
}
#popup ul, #menucontent ul {
	text-align: center;
	list-style: none;
	line-height: 20px;
}
#popup a, #menucontent a {
	color: #F7E9AA;
	font-size: 11px;
}
#notice {
	top: 205px;
	left: 239px;
}
.hint {
	position: static;
}
.hint  td {
	font-size: 10px;
}
.hint  div {
	position: static;
	width: 30px;
	height: 30px;
	overflow: hidden;
}

.hint img {
	margin: -2px 0 0 -5px;
}
#help {
	width: 122px;
	top: 303px;
    left: 89px;
	background-color: #d2cfc5;
	border: 1px solid #342619;
	padding: 2px;
	display: none;
	text-align: center;
}
.name {
	font-weight: bold;
	font-size: 11px;
	color: #342619;
	font-style: normal;
}
#precount {
	top: 255px;
    left: 94px;
}
#end {
	display: none;
	background-image: url(win.png);
	background-repeat: no-repeat;
	top: 46px;
	left: 172px;
	width: 458px;
	height: 411px;
	overflow: hidden;
	text-align: center;
	color: #378410;
	font-size: 18px;
	z-index: 0;
}
#v_menu, #message_close {
	width: 117px;
	height: 49px;
	background: url(bt_un.png) 0 0;
	background-repeat: no-repeat;
	border: none;
	padding-bottom: 9px;
	cursor: pointer;
}
#v_menu:hover, #message_close:hover {
	background-position: center 0;
}
#v_menu:active , #message_close:active {
	background-position: right 0;
}
#message {
	display: none;
	width: 280px;
	height: 198px;
	top: 202px;
	left: 266px;
	background: transparent url(window.jpg) no-repeat 0 0;
	text-align: center;
	z-index: 100;
}
#message div {
	width: 100%;
	top: 56px;
	left: 0px;
	text-align: center;
	width: 280px;
}
#waiting {
	display: none;
	width: 35px;
    height: 47px;
    top: 346px;
    right: 136px;
    background: transparent url(cl.gif) 0 0 no-repeat;
	overflow: hidden;
}
.playerimg {
	margin-bottom: -1px;
	width: 13px;
	height: 11px;
}
#info {
	width: 800px;
	text-align: center;
	top: 110px;
	left: 0;
}

#drop {
    width: 117px;
    height: 49px;
    top: 354px;
    left: 93px;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
}
#drop a:link, #drop a:visited {
    display: block;
    width: 117px;
    height: 53px;
    line-height: 49px;
    text-decoration: none;
    background: transparent url(bt_un.png) no-repeat left bottom;
    color: #342619;
	font-size: 11px;
}
#drop a:hover {
    background-position: center bottom;
    text-decoration: none;
    color: #342619;
}
#drop a:active {
    background-position: right bottom;
    text-decoration: none;
    color: #342619;
}

#messageConfirm {
	width: 280px;
	height: 198px;
	top: 202px;
	left: 266px;
	background: transparent url(window.jpg) no-repeat 0 0;
	text-align: center;
	z-index: 100;
}

#messageConfirm table {
	width: 100%;
	height: 142px;
	text-align: center;
	vertical-align: middle;
}

#messageConfirm button {
	width: 117px;
	height: 49px;
	background: url(bt_un.png) 0 0;
	border: none;
	padding-bottom: 9px;
	cursor: pointer;
	position: relative;
	top: -15px;
}
#messageConfirm button:hover {
	background-position: center 0;
}
#messageConfirm button:active {
	background-position: right 0;
}
#premiumimg {
	width: 64px;
	height: 64px;
	left: 115px;
	top: -5px;
}
#topreqs {
	width: 150px;
	left: 558px;
	top: -11px;
}
#chat_switch {
	display: inline-block;
	width: 11px;
	height: 11px;
	background-image: url(sell.jpg);
	margin-bottom: -1px;
	overflow: hidden;
}
 .shiftleft {
	background-position: left 0;
}
#timeform {
	margin-bottom: 4px; 
}
#copy {
	top: 600px;
	left: 670px;
	font-weight: bold;
}
#training {
	cursor: pointer;
	top: 203px;
	left: 227px;
	padding: 5px 25px;
	text-align: center;
	background-color: #d2cfc5;
	border: 1px solid #342619;
	font: bold 18px/23px arial;
	
}
#training span {
	font-size: 12px;
}
#training em {
	font-size: 16px;
	font-style: normal;
}
