DOCUMENT, BODY, HTML {margin: 0; padding: 0; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; height: 100%;}
BODY {background: url(/images/bg_darker.gif) #000; background-position: top center;}
A IMG {border: 0;}
FORM {margin: 0; padding: 0}
H1 {color: #f2c581; font-size: 24px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; margin: 7px 0px 17px; text-align: left;}
H2 {color: #b7f4ff; font-size: 20px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; margin: 35px 0px 25px;}
H3 {color: #17acc0; font-size: 18px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; margin: 25px 0px 15px;}
#content {color: #7c7c7c; font-family: Trebuchet MS, Trebuchet, Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; font-size: 16px;}
H3.mainmenu {color: #b7f4ff; font-size: 12px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; margin: 0;}
UL {margin: 5px 0px 5px 27px; padding: 0;}
LI {margin: 0; padding: 0px; text-align: left !important;}
UL, UL.arrow {list-style-image: url(/images/li_marker.png);}
BLOCKQUOTE.redline {margin: 21px; padding: 0px 0px 0px 21px; border-left: 2px solid #ff0000; font-size: 13px;}
INPUT:required {color: red; font-weight: normal;}
INPUT:required:invalid {color: red; font-weight: normal;}
INPUT[type="text"], TEXTAREA {background-color: #a8a8a8; border: 1px solid #575759; color: black;}
INPUT[type="text"]:focus, TEXTAREA:focus {background-color: #FFF; border: 1px solid #bababa; color: black;}

div#page {width: 996px; margin: 0 auto; position: relative;}
div#top {height: 165px; background: url(/images/top.png) no-repeat center; margin-top: 6px; position: relative;}
div#slogan {position: absolute; top: 87px; right: 21px;}
div#content {clear: both; overflow: hidden;}
div#bottom_menu {color: #596267; text-align: center; margin-top: 29px; margin-bottom: 13px; font-size: 11px;}
div#top_menu {height: 40px; padding-left: 22px; position: relative;}

#logo {width: 322px; height: 112px; position: absolute; top: 39px; left: 334px;}

.main_small_sidebar {width: 208px; height: 185px; background: url(/images/jp_bg.png) no-repeat top center;}

#auth_block{width: 135px; position: absolute; top: 21px; left: 47px; color: #d1a187;}
#auth_block .login_input {font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-size: 11px; width: 124px; height: 19px; background: url(/images/login_input.png) no-repeat top left; text-align: left; vertical-align: top; border: 0; padding-left: 11px; color: #4d4034;}

#auth_block a, #auth_block a:link, #auth_block a:visited {color: #d1a187; text-decoration: none; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-size: 11px;}
#auth_block a:hover {color: #d1a187; text-decoration: underline;}

#auth_block .username {width: 127px; height: 19px;}
#auth_block .username_wrapper {width: 133px; height: 19px;}

div.sidebar {margin-top: 0px;}
div.sidebar div.header {width: 208px; height: 38px; background: url(/images/main_sidebar_header.png) no-repeat top left;}
div.sidebar div.header div.title {background-repeat: no-repeat; background-position: center 11px; height: 54px;}
div.sidebar div.content {background:url(/images/main_sidebar_bg.gif) repeat-y; height: 410px; position: relative;}
div.sidebar div.content div.wrapper {padding: 0 19px; height: 370px; overflow: hidden; position: relative;}
div.sidebar div.footer {height: 17px;  background:url(/images/main_sidebar_footer.png) no-repeat;}

div.main_sidebar_news_item {position: relative; margin-bottom: 9px;}
div.main_news_mask {background: url(/images/main_news_mask.png) top center; height: 23px; width: 170px; position: absolute; bottom: 0;}
.main_sidebar_news_separator {background: url(/images/main_news_sidebar_separator.png) no-repeat top center; padding-top: 11px;}
#bt_main_all_news {width: 84px; height: 25px; margin: 0px auto; margin-top: 15px;}
#bt_main_calendar {width: 84px; height: 25px; margin: 0px auto; margin-top: 7px;}

div.main_sidebar_banner {text-align: center; vertical-align: top; padding: 19px; color: #818f96; font-size: 11px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;}
div.main_sidebar_banner a, table#main_layout td.main_sidebar_banner a:link, table#main_layout td.main_sidebar_banner a:visited {color: #107e92; text-decoration: underline;}
div.main_sidebar_banner a:hover {text-decoration: none;}

#user_menu {margin: 31px 0 0 28px; list-style: none; padding: 0; }
#user_menu li {padding-left: 21px;}
#user_menu li#envelope {background: url(/images/envelope.gif) 0px 7px no-repeat;}

#user_menu a, #user_menu a:link, #user_menu a:visited {color: #c0a67d; text-transform: uppercase; text-shadow: #2f0b06 1px 1px 1px; text-decoration: none; font-size: 13px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;line-height: 21px;}
#user_menu a:hover {color: #d0b68d; text-decoration: underline;}

#main_column {vertical-align: top; padding-top: 0; margin-left: 10px; width: 560px; float: left; overflow: hidden; color: #7c7c7c; font-family: Trebuchet MS, Trebuchet, Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; font-size: 16px;}
#left_column {float: left; width: 208px;}
#right_column {float: right; width: 208px;}

#main_column a, #main_column a:link, #main_column a:visited {color: #107e92; text-decoration: underline;}
#main_column a:hover {text-decoration: none;}

#bottom_menu a, #bottom_menu a:link, #bottom_menu a:visited {color: #107e92; text-decoration: underline;}
#bottom_menu a:hover {text-decoration: none;}

#main_ps {background: url(/images/main_ps_bg.png) no-repeat top center; text-align: center; height: 56px; display: table-cell; width: 996px; clear: both; vertical-align: middle;}
#main_ps .ps {opacity: 0.5; display:-moz-inline-stack; display: inline-block; _overflow:hidden; *zoom:1; *display:inline; margin-left: 5px;}
#main_ps .ps:hover {opacity: 1.0;}

#main_ps table {height: 56px; width: 100px; padding: 0; margin: 0; border-spacing: 8px; margin: 0 auto;}
#main_ps table td {text-align: center;}

#wm_att {width: 400px; margin: 13px auto; text-align: center;}
#copyright {font-size:9px; color: #5f6f78; width: 400px; text-align: center; margin: 0 auto 39px;}

#main_sidebar_news {font-family: Arial, Tahoma, Verdana, Geneva, sans-serif;}
.main_news_date {color: #936a51;  font-size: 10px; margin-bottom: 5px;}
.main_news_text {color: #c0a67d; font-size: 12px; text-decoration: none;}
.main_news_text a, .main_news_text a, .main_news_date a:link, .main_news_date a:visited {color: #c0a67d; font-size: 12px; text-decoration: none;}
.main_news_text a:hover {text-decoration: underline;}
.center {text-align: center;}

#common_page_wrapper {padding: 0px 34px 21px 34px; position: relative; text-align: justify;}
#common_page_wrapper a, #common_page_wrapper a:link, #common_page_wrapper a:visited {color: #20abb0; text-decoration: underline; font-size: 16px;}
#common_page_wrapper a:hover {text-decoration: underline; color: #8bd3dd;}
#common_page_wrapper a.up {font-size: 90%; padding-left: 17px; background: url(/images/a_up.png) no-repeat left center;}

div.main_text {margin-top: 1em; text-align: justify; font-size: 11px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;}
div.main_text h1 {font-size: 13px; margin: 0; padding: 0}
div.main_text h2 {font-size: 12px; margin: 0; padding: 0}

.normal_text {font-family: Verdana, Tahoma, Arial; font-weight: normal; font-size: 10pt;}
.small_text {font-family: Verdana, Tahoma, Arial; font-weight: normal; font-size: 8pt;}

.shadow {box-shadow: 1px 1px 4px rgba(0,0,0,0.5);}
.word-wrap {
/*	white-space: pre; /* CSS 2.0 */
/*	white-space: pre-wrap; /* CSS 2.1 */
/*	white-space: pre-line; /* CSS 3.0 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap; /* HP Printers */
	word-wrap: break-word; /* IE 5+ */
}
.calendar {width: 510px; margin-bottom: 13px; overflow: hidden;}
.calendar .cell {width: 70px; display: inline-block; padding-top: 2px; margin-bottom: -2px; text-align: center; font-family: Trebuchet MS, Trebuchet, Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: bold; font-size: 15px; float: left; margin-left: 1px;}
.calendar .th {height: 27px; color: #17acc0; background: url(/images/calendar_hdr.png) no-repeat top left;}
.calendar .td0 {height: 23px; color: #8f8f8f; background: url(/images/calendar_td0.png) no-repeat top left;}
.calendar .td1 {height: 23px; color: #101112; background: url(/images/calendar_td1.png) no-repeat top left;}
.personal_data {border: 0; width: 100%; border-spacing: 0;}
.personal_data td {padding: 5px; vertical-align: middle;}
.personal_data>tr>td:nth-child(odd) {text-align: right;}
.personal_data>tr>td:nth-child(even) {text-align: left;}
.personal_data>tr>td:only-child {text-align: left;}

.hand {display: inline-block; margin: 0; padding: 0;}
.hand li {display: block; font-size: 10px; float: left; padding: 0 12px 0 0; background-position: right center; background-repeat: no-repeat; margin: 0;}
.spades {background-image: url(/images/spades.png);}
.diamonds {background-image: url(/images/diamonds.png);}
.hearts {background-image: url(/images/hearts.png);}
.clubs {background-image: url(/images/clubs.png);}

#archive_years {color: #17acc0; margin: 0; padding: 0px; list-style: none; width: 350px; font-family: Trebuchet MS, Trebuchet, Tahoma, Verdana, Geneva, Arial, sans-serif; font-size: 15px; line-height: 32px;}
#archive_years li {width: 51px; height: 32px; text-align: center !important; padding: 0px 3px 3px 0px; float: left; background: url(/images/archive_year.png) no-repeat;}
#archive_years li.active {background: url(/images/archive_year_active.png) no-repeat; color: #000;}

#archive_years li a:link, #archive_years li a:visited {color: #17acc0; text-decoration: none;}
#archive_years a:hover {color: #17acc0; text-decoration: underline !important;}

#archive_monthes {margin: 0; padding: 0px; list-style: none; color: #7c7773; font-family: Trebuchet MS, Trebuchet, Tahoma, Verdana, Geneva, Arial, sans-serif; font-size: 15px; line-height: 29px;}
#archive_monthes li {width: 38px; height: 27px; text-align: center !important; padding: 0px 3px 3px 0px; float: left; background: url(/images/archive_month.png) no-repeat;}
#archive_monthes li.active {background: url(/images/archive_month_active.png) no-repeat; color: #b4eff9;}

#archive_monthes li a:link, #archive_monthes li a:visited {color: #7c7773; text-decoration: none;}
#archive_monthes a:hover {color: #17acc0; text-decoration: underline !important;}

#page_big_icon {position: absolute; top: 0; right: 0;}

H3.archive {border-left: 6px double #17a2b4; color: #17a2b4; margin: 35px 17px 21px; padding: 0px 13px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-size: 18px; font-weight: normal;}

.bright {color: #ebd19d}

#popup_page {width: 996px; margin: 0 auto;}
#popup_page #content {padding: 17px 31px 17px; text-align: justify;}
#popup_page #content a, #popup_page #content a:link, #popup_page #content a:visited {color: #107e92; text-decoration: underline;}
#popup_page #content a:hover {text-decoration: none;}

.slot_game {width: 493px; min-height: 90px; overflow: hidden; background-repeat: no-repeat; background-position: 0 21px;}
.slot_game h2 {margin: 25px 0 7px 83px;}
.slot_game .icon {width: 80px; height: 75px; float: left; margin-top: 35px;}
.slot_game ul {margin-left: 100px; width: 380px;}
.slot_game li {width: 50%; float: left; margin-top: 7px;}

H3.archive {border-left: 6px double #17a2b4; color: #17a2b4; margin: 35px 17px 21px; padding: 0px 13px; font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-size: 18px; font-weight: normal;}
.big_note {border-left: 6px double #17a2b4; color: #17a2b4; margin: 35px 0px 21px; padding-left: 13px; font-size: 18px;}

#chat h3 {font-size: 14px; margin: 0;}
#chat h3.user {color: #f47e57;}
#chat h3.operator {color: #dbab81;}
#chat>div {padding: 15px 0px; border-top: 1px solid #aeaeae;}
#chat div.chat_message {width: 493px; overflow: auto;}
#chat div:first-child  {padding: 15px 0px; border: 0;}
.small_grey {font-size: 11px;  font-family: Tahoma, Verdana, Geneva, Arial, sans-serif;}

/*form#playerInfo input[type="text"] {width: 142px;}*/
.label-error {font-weight: bold; color: #f47e57;}
.input-error {border-color: #f47e57;}

div.error {color: red; margin: 15px 30px; text-align: center;}
div.message {color: green; margin: 15px 30px; text-align: center;}

table.grid {font-family: Trebuchet MS, Trebuchet, Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; font-size: 12px; text-align: center;}
table.grid thead tr:first-child th {border-top: 3px solid #10abc2; font-size: 14px;}
table.grid th {font-weight: normal; color: #ace5ef; background-color: #3b3b3b; padding: 3px;}
table.grid td {font-weight: normal; color: #8f9191; background-color: #2b2b2b; border-bottom: 1px solid #363737;}
table.grid a {font-size: 12px;}

table.personal_data  th {text-align: right; padding: 5px 13px 5px 0px; width: 50%; font-weight: normal; vertical-align: top;}
table.personal_data  td {text-align: left; padding: 5px 0px 5px 13px; width: 50%; vertical-align: top;}
table.personal_data  input[type="text"], table.personal_data  textarea, table.personal_data  select {width: 99%}

table.ps {font-family: Tahoma, Verdana, Geneva, Arial, sans-serif; font-weight: normal; font-size: 11px; text-align: center; border-spacing: 1px;}
table.ps thead tr:first-child th {border-top: 3px solid #17acc0; font-size: 13px; font-weight: bold; color: #ace5ef; border-bottom: 1px solid black; background-color: #3b3b3b;}
table.ps thead tr th {font-size: 13px; font-weight: bold; color: #ace5ef; border-bottom: 1px solid black; background-color: #3b3b3b;}
table.ps th {font-weight: bold; color: #ace5ef; background-color: #eeeeee; padding: 3px; height: 41px; vertical-align: middle;}
table.ps th {font-weight: bold; color: #ace5ef; background-color: #eeeeee; padding: 3px; height: 41px; vertical-align: middle;}
table.ps .thin th {height: 27px;}
table.ps td {font-weight: normal; color: #404040; background-color: #dddddd; height: 41px; vertical-align: middle;}
table.ps td.select, table.ps td.disabled {text-align: left;}
table.ps td.select {cursor: pointer;}
table.ps td.disabled {color: #909090;}
table.ps a {font-size: 11px; color: #007ccd;}
table.ps span {display: table-cell; vertical-align: middle; padding-left: 11px;}

div#accounts {font-weight: bold; font-size: 16px; margin-bottom: 11px;}
div#accounts span.title {color: #17acc0;}
div#accounts span {color: #f8efde; padding: 0 0 0 15px;}

.hr_double {height: 2px; border-top: 2px solid #515151; border-bottom: 2px solid #515151; margin: 21px 0;}

.payment_stage {margin: 13px 0px 0px; overflow: auto;}
.payment_stage .table {display: block; float: right; font-weight: normal;}
.payment_stage .table label {text-align: right; width: 41px; display: inline-block;}
.payment_stage .table span {text-align: right; padding-left: 15px;}

#history td {padding: 3px; font-size: 14px;}
#history a, #history a:link, #history a:visited {color: #20abb0; text-decoration: underline;}
#history a:hover {text-decoration: underline; color: #8bd3dd;}

.handCards {white-space: nowrap; margin-left: 5px; margin-right: 5px;}
.historyBG1_1 {font-size: 150% !important;}
.amountBG1_negative_active .amountBG1_zero_active .amountBG1_positive_active {font-weight: bold !important;}
.amountBG1_negative_active {color: red !important;}
.amountBG1_positive_active {color: green !important;}

IMG, A IMG {border: 0;}

.tb {width: 100%}
.tb td{padding: 0 5px 0 5px; text-align: center}
.tb img {cursor:pointer}