/*** BlackJack.com.ua - Main Styles ***/
html {margin:0;	padding:0; font-size:medium; fo\nt-size:medium;	color:#333;	background-color:#FFF; Wbackground:#FFF url('../images/bg.gif') repeat-y center 0}
body {margin:0;	padding:0; font-family:Georgia, "Times New Roman", Times, serif; font-size:75%; text-align:center; background:url('../images/black_jack_com_ua.gif') no-repeat center 25px; background-attachment:fixed}
img, div, h1, h2, h3, h4, p, ul, dl, form {border:0; margin:0; padding:0}
#mainBlock {width:786px; margin:0 auto; text-align:left; sborder:1px solid #CCC; padding:0 1px}
.clr {width:100%; clear:both; height:1px; overflow:hidden; padding:0; margin:0}

/*** Header Styles ***/
h1  {font-size:75%; word-spacing:1px; position:absolute; padding:1px 3px; font-family:Arial, Helvetica, sans-serif}
h2 {font-size:125%; line-height:50px; background:url('../images/h-line.gif') repeat-x bottom; padding:0}
.leftItem h2 {margin-right:12px}
h2:first-letter, .red {color:#7A0000}
h3 {font-size:117%}
.home h1 {color:#333}
#header {background:#FFF url('../images/band6.jpg') no-repeat; min-height:200px}
#header object {float:right; margin:0 20px 0 0}
#header p {background-color:#000; filter: alpha(opacity=40); opacity:.4; height:31px; clear:both; position:relative; top:81px}
#header ul#nav {list-style:none; margin-top:-31px; clear:both; float:right; font-size:108.5%; font-family:"Trebuchet MS"; position:relative; top:81px}
#header ul#nav li {position:relative; float:left; border-left:1px solid #777}
#header ul#nav li.active a {background-color:#000}
#header ul#nav li a {text-decoration:none; float:left; padding:6px 10px 6px 9px; color:#FFF; font-weight:bold; position:relative; z-index:3}
#header ul#nav li a:hover {color:#EEE; border:1px solid #333; padding:6px 9px 5px 8px}
#header ul#nav li b {position:absolute; background-color:#000; z-index:1; left:0; top:0; opacity:0; filter : alpha(opacity=0); border-bottom:1px solid #555}
#header ul.clearB li b {opacity:0 !important; filter : alpha(opacity=0) !important}

ul.lang {list-style:none; text-align:right; padding:0 3px 33px 0; height:20px; font-size:12px; line-height:12px; cursor:default}
ul.lang li {display:inline; font-family:Arial, Helvetica, sans-serif}
#mainBlock #header ul.ukrL {padding-right:1px}
#mainBlock #header ul.ukrL li a {padding:6px 15px 6px 14px}
#mainBlock #header ul.ukrL li a:hover {padding:6px 14px 5px 13px}
#mainBlock #header ul.ruL li a {padding:6px 15px 6px 13px}
#mainBlock #header ul.ruL li a:hover {padding:6px 14px 5px 12px}
#mainBlock #header ul.enLang {padding-right:2px}
#mainBlock #header ul.enLang li a {padding:6px 12px 6px 11px}
#mainBlock #header ul.enLang li a:hover {padding:6px 11px 5px 10px}

#audioplayer_1 {position:absolute; margin:0 0 0 24px !important; top:173px}

/*** Contacts ***/
.contacts #header {background-image:url('../images/downloads.jpg')}
.contacts .leftItem h2 {background:none}
.contacts h1 {color:#AAA}
.contacts ul.lang li, .contacts ul.lang a {color:#AAA}
.contacts .rightItem h2 {background-image:url('../images/h-line_gray.gif')}
.contacts #content dl {padding:0 0 25px 0; font-size:11px; color:#444}
.contacts #content dl dt {font-weight:bold; padding-top:7px; float:left; width:60px}
.contacts #content dl dd {margin:0 0 0 15px; padding:7px 0 0 60px}
.contacts #content dl.active dt {float:none; width:auto}
.contacts #content dl.active dd {padding-top:0}
.contacts .rightItem .itemBlock {padding-top:10px !important}

/*** The Band ***/
.band #content {background-color:#D8DCDF}
.band #header {background-image:url('../images/band5.jpg')}
.band #content .rightItem .themeList {width:430px}
.band h1, .band ul.lang li, .band ul.lang a {color:#FFF}
.band .subNav {margin:0 12px 5px 12px; height:1px; overflow:hidden; background:url('../images/h-line.gif') repeat-x 0 0; clear:left; position:relative}
.band h4 {padding:5px 0}
.band ul.scroller {list-style:none; padding:17px 0 16px 0; font-size:119%; width:430px; float:left; background:url('../images/h-line.gif') repeat-x 0 50px; margin-bottom:10px; overflow:hidden; height:18px}
.band ul.scroller li {font-weight:bold; color:#7A0000; cursor:pointer; float:left; margin:0 10px 0 0; border-right:1px solid #CCC; padding-right:10px}
.band ul.scroller li:hover, #actName {color:#996666}
.band ul.scroller li.active, .home li.scroller p strong.active {color:#333 !important; cursor:default}
.band .ruL ul.scroller li {margin-right:9px; padding-right:9px}

/*** Img Carousel ***/
.imgSlide {height:640px; overflow:hidden; position:relative; width:306px; margin-bottom:10px}
#imgSlide {position:absolute}
.band .leftItem p a {position:absolute; width:306px; height:200px; overflow:hidden; z-index:99; opacity:0; -moz-outline: none;; filter: alpha(opacity=0); cursor:pointer}
.band .leftItem p a:hover {opacity:1; filter: alpha(opacity=100)}
.band .leftItem p a.active:hover {opacity:0.5; cursor:default; filter: alpha(opacity=50)}
.band .leftItem p.linkPlaceTop a {background:url('../images/scroll_up.gif') no-repeat center top; top:0}
.band .leftItem p.linkPlaceBot a {background:url('../images/scroll_down.gif') no-repeat center bottom; bottom:0}
#eng_lang p.linkPlaceTop a {background:url('../images/scroll_up_en.gif') no-repeat center top}
#eng_lang p.linkPlaceBot a {background:url('../images/scroll_down_en.gif') no-repeat center bottom; bottom:0}

/*** Img Gallery ***/
#content .imgGallery {background:url('../images/h-line.gif') repeat-x top}
#content .imgGallery img {padding-bottom:10px}
#content .imgGallery ul {position:absolute; background:none; padding-top:16px; padding-left:12px; list-style:none}
#content .imgGallery ul li {float:left; width:79px; height:53px; margin:0 3px 0 0; padding:0; background:none}
#content .imgGallery ul a {float:left; width:79px; height:53px; filter: alpha(opacity=00); opacity:0; position:relative; background:white; border:1px solid #FFF}
#content .imgGallery ul a:hover, #content .imgGallery #actPic {background-color:#009999; filter: alpha(opacity=20); opacity:.2; border:none}

/*** The Press ***/
.press #content {background:#D9DAAE url('../images/content-bg_press.gif') repeat-y left 0}
.press #header {background-image:url('../images/press.jpg')}
.press h2 {background:none; float:left}
.press #content .rightItem .itemBlock {background:url('../images/h-line.gif') repeat-x top; width:428px; padding:10px 0}
.press .rightItem p.floatedRight {line-height:50px; color:#666; padding-right:10px}
.press .rightItem h3 {background:url('../images/press.gif') no-repeat 0 0; padding-left:15px}
.press .leftItem h3 {background:url('../images/comment.gif') no-repeat 0 0; padding-left:15px}
.press .itemBlock p {padding:5px 0}
.press .itemBlock img {margin-top:5px}
.itemBlock p.info {color:#666; padding:0 0 0 15px}
.itemBlock p.info img {vertical-align:text-bottom}
.press p.linkPlace {font-style:italic; padding-top:0; width:100%; overflow:hidden}
.press #content p.floatedRight {line-height:50px}

/*** The Songs ***/
.songs #content {background:#D5DADE url('../images/content-bg_songs.gif') repeat-y left 0}
.songs #header {background-image:url('../images/songs.jpg')}
.songs h1, .songs ul.lang li, .songs ul.lang a {color:#EEE}
.songs .leftItem h3 span {font-weight:normal}
.songs .leftItem ul, .songs .leftItem ol {padding:10px 0 0 0; margin:0}
.songs .leftItem li {margin-top:1px; padding:4px 4px 5px 4px}
.songs ol.nav {color:#7A0000; float:left; clear:left; width:120px; margin-right:-145px; position:relative; list-style:decimal; margin-left:25px; >list-style:none; >margin-left:0}
.songs ol.nav li {float:left; clear:left; cursor:pointer; text-decoration:underline; white-space:nowrap}
.songs ol.nav li:hover {color:#996666}
.songs ol.nav li.active {color:#333; font-weight:bold; text-decoration:none; cursor:default}
.songs ol.nav li.disabled {cursor:default; color:#7A0000 !important; text-decoration:none}
.songs ol.nav li.disabled span {color:#333 !important}
.songs .leftItem .themeTitle {padding-top:5px; height:80px}
.songs .leftItem .themeTitle h3 {padding:5px 0 5px 0}
.songs .leftItem .themeTitle p {color:#666}
.songs .leftItem .itemList {padding:5px 0 20px 0}
.songs .downloads {padding-top:10px}
.songs .downloads p {background-color:#C4CBD0; width:300px; padding:3px 4px 5px 4px; text-align:right; margin-bottom:1px}
.songs .downloads p object {float:right}
.songs .downloads p a {margin-right:5px}
.songs pre {font-size:13px; font-family:Georgia, "Times New Roman", Times, serif; line-height:135%}
.songs #actPages p.linkPlace a:visited {color:#7A0000}
.spesT {font-size:15px; padding:5px 0}

/*** The Forum ***/
.forum {width:800px !important; font-family:tahoma, arial}
.forum #header {width:100%; float:left; height:217px}
.forum #content {width:100%; background:#FAFAF2; border:0}
.forum #content .leftItem {width:430px; padding-left:40px}
.forum #content .rightItem {width:240px; padding-right:40px}
.forum #header .rightBlock {float:right; padding:30px 165px 0 0}
.forum #footer {width:100%; /*background:#CCCC99 url('../images/footer_bg.png') no-repeat 0 0;*/ border:0; padding:56px 0 25px 0; color:#FFF; background-color:#FAFAF2}
.forum #footer p {padding:0 25px}
.forum #footer a:hover {color:#7A0000}
.loginBlock {background:url('../images/login_bg.png') no-repeat 0 0; padding:15px 0 0 43px; min-height:190px}
.forum .textFld {width:100px}
.forum #content .leftItem .itemBlock {width:100%}




.forum #content {padding-top:10px; position:relative}
.forum #content .leftItem {position:relative}
.forum #content .rightItem {line-height:150%; position:static}
.forum #content h2 {font-family:Georgia, "Times New Roman", Times, serif}
.forum #header {background-image:url('../images/header.jpg')}
.forum h1, .forum ul.lang li, .forum ul.lang a {color:#EEE}
.forum .rightItem ul.forumBlock {float:left; width:430px; padding-bottom:15px; list-style:none}
.forum .leftItem ul.forumBlock {float:left; width:100%; padding-bottom:25px; list-style:none}
.forum a {color:#ac0040 !important}
.forum a:hover {color:#999 !important}
.forum .leftItem li.themeTitle {}
.forum ul.forumBlock li.themeTitle {padding:12px 0 10px 0; background:none}
.forum ul.forumBlock li.themeTitle h3 {float:left; color:#66cccc; font:normal 18px/130% Arial, Helvetica, sans-serif}
.forum #content h2 {color:#66cccc; font:normal 18px/130% Arial, Helvetica, sans-serif}
.forum #content h2:first-letter {color:#66cccc}
.forum ul.forumBlock li.themeTitle p {float:right; color:#333; font-size:11px; line-height:18px; padding-top:5px}
.forum ul.forumBlock a {text-decoration:none; font-weight:bold}
.forum ul.forumBlock li {width:100%; float:left; clear:left; background:url('../images/a.gif') no-repeat 0 1px; padding:0 0 5px 16px}
.forum ul.forumBlock li p {color:#777; font-size:12px; padding-top:2px}
.forum ul.forumBlock li p a {font-weight:normal}
.forum #content .leftItem div.comments {margin-top:8px; background:url('../images/a.gif') no-repeat 0 20px; padding-left:16px; margin-left:-16px}
.forum #content .rightItem .itemBlock {width:427px}
.forum .checkImg {vertical-align:middle; margin-right:5px; border:1px solid #FFF}
.forum div.itemBlock .user {padding:0 0 8px 0; margin-top:8px}
.forum div.itemBlock .user img, .forum .itemBody .leftBlock img  {float:left; width:60px; height:auto; margin-right:10px; padding:5px; background-color:#FFF; border:1px solid #DDD}
.forum div.itemBlock .user p {color:#666; padding-top:5px}
.forum div.itemBlock p.linkPlace {position:relative; text-align:right; font-family:Arial, Helvetica, sans-serif; padding-bottom:7px}
.forum #content div.itemBlock p.linkPlace a:hover {color:#009933}
.forum #content div.itemBlock p.linkPlace a:visited {color:#7A0000}
.forum div.postBody {line-height:135%; width:100%; overflow:hidden; padding-top:10px}
.forum img.uploadedImg {width:100%; height:auto}
.forum p#actPostTab {border:1px outset; float:right; background:#FFF; padding:3px 4px 7px 4px; border-bottom:1px solid #EEE; margin-bottom:-3px; width:auto}
.forum p#actPostTab a {text-decoration:none; cursor:default; color:#333; font-weight:bold}
.forum .postForm {width:426px; background-color:#FFF; float:left; border:1px outset; font-family:Arial, Helvetica, sans-serif; position:absolute; top:264px; display:none; padding:0 1px; z-index:10; clear:left; left:40px; >margin-top:12px}
.forum .postForm form {padding:10px}
.forum .postForm p.info {background:#FFCC57}
.forum .postForm dt {float:left; clear:left; width:80px; padding-top:10px}
.forum .postForm dd {margin:0; padding:0; display:table; height:1%; padding-top:5px}
.forum .postForm dd.linkPlace {text-align:right; display:block}
.forum .postForm b.required {color:#7A0000; padding-left:3px}
.btn {color:#7A0000; font:bold 13px/100% Arial, Helvetica, sans-serif; background-color:#ECDDCD; border:1px solid; border-color:#EFE3D6 #B5AA9E #B4A99D #EFE3D6; cursor:pointer; padding:2px 5px; overflow:visible; margin-right:5px}
.btn:hover, .btn:focus {border-color:#EFE3D6 #938A80 #938A80 #EFE3D6}
.btn:active {border-color: #B5AA9E #EFE3D6 #EFE3D6 #B4A99D}
.forum .comments .title {width:100%; float:left; padding:10px 0; background:#FFF; margin-bottom:7px; border-bottom:1px solid #EEE}
.forum .comments .title .leftBlock {padding-left:10px}
.forum .comments .title .rightBlock {font-size:11px; padding-right:10px; color:#666}
.forum .comments .leftBlock {float:left}
.forum .comments .rightBlock {float:right}
.forum .itemBody .leftBlock {width:60px; padding-right:10px; font-size:11px}
.forum .itemBody {width:100%; float:left}
.forum .itemBody .rightBlock {width:340px; display:table; >height:1%; padding:5px 8px}
.forum .itemBody .rightBlock p.quot {color:#666; padding:5px 0 7px 0; border-bottom:1px solid #DDD; margin-bottom:5px}
.forum .itemBody .rightBlock div {line-height:135%}
.forum p.linkPlace {float:right; width:100%; padding-top:3px}
p.rightLink {text-align:right; float:right; margin-top:-30px}

.formBlock {margin:10px 0}
.formBlock td {vertical-align:middle; padding:4px 10px 4px 0}
.formBlock td a {font-size:12px}
.formBlock input, .formBlock label {vertical-align:middle}
.formBlock .fieldBlc {padding-right:0}
.formBlock .titleBlc {font-weight:bold; padding:20px 0 5px 0; font-size:15px; font-family:Georgia, "Times New Roman", Times, serif} 
.popupBlock {width:420px; position:absolute; background-color:#FFF; border:20px solid #B6B6B6; top:50px; left:170px; padding:15px; z-index:30; bsorder-color:#555 #000 #000 #555; display:none}
.popupBlock h3 {font-size:18px; border-bottom:1px solid #DDD; padding-bottom:15px; margin-bottom:5px}
.popupBlock h3 span {font-size:14px; font-weight:normal; line-height:18px; padding-left:6px}
#layBlock {width:100%; height:100%; position:absolute; left:0; top:0; background-color:#FFF; z-index:1; opacity:.8; filter: alpha(opacity=80); display:none}
.forum p.info {padding:10px 12px; margin:10px 0; clear:both}
.forum div.error {background-color:#7A0000; color:#FFF; padding:10px 12px; margin:15px 0 15px 0; clear:both}

#forgotPass {display:none}


/*** Login/Reg blocks ***/
.hdnBlocks {display:none; border:1px outset; width:306px; overflow:hidden; position:absolute; top:0px; border-top:none; background-color:#FFF}
.hdnBlocks .info {position:relative; z-index:10; padding:10px; color:#990000; margin:10px}
.hdnBlocks table {margin:10px 0 10px 10px; position:relative}
.hdnBlocks table td {vertical-align:middle; padding:5px}
.hdnBlocks table label {color:#000}
.hdnBlocks .layBgnd {display:none; position:absolute; width:306px; height:270px; background-color:#FFF; opacity:.9}
.hdnBlocks .txtField {width:130px}
#regBlock, #regBlock .layBgnd {height:auto}


/*** Downloads ***/
.downloads #content {background-color:#DED5D7 !important}
.downloads .leftItem {background-color:#C8B8BB !important}
.downloads #header {background-image:url('../images/contacts.jpg')}
.downloads h1, .downloads ul.lang li, .downloads ul.lang a {color:#CCC}

/*** Content Styles ***/
#content {background:#EEE url('../images/content-bg.gif') repeat-y left 0; width:786px; float:left; border-top:1px solid #FFF; padding-bottom:10px}
.home #content {background:#F0D999 url('../images/content-bg_home.gif') repeat-y left 0}
#content .leftItem {float:left; width:318px; padding-left:12px}
#content .rightItem {float:right; width:428px; padding:0 12px; position:relative}
#content .leftItem div.themeList {float:left; width:306px}
#content .itemBlock {list-style:none; margin:0; padding:0; float:left}
#content .leftItem .itemBlock li {width:306px; margin:0; background:url('../images/h-line.gif') repeat-x top; padding:10px 0; clear:left}
.home .leftItem .itemBlock li h3 {background:url('../images/news_item.gif') no-repeat right 0; padding-right:14px; margin-bottom:3px}
.home .rightItem img.floatedLeft {border:none !important}
#content .floatedLeft {float:left; margin-right:10px}
.home #content img.floatedLeft {padding-top:7px}
#content .floatedRight {float:right; margin-left:10px}
#content p {line-height:135%; }
#content p.text {padding-top:5px}
.home #content .leftItem .itemBlock li p {margin-bottom:5px; padding-top:5px}
#content .date, .home #content .leftItem .itemBlock li span {color:#666}
p.up {clear:both; text-align:right; padding-right:10px}
#content a, ul.lang a, #content p.up a:visited {color:#7A0000}
#content a:visited {Wcolor:#D30D86}
#content a:hover, ul.lang a:hover, #content p.up a:hover {color:#006600}
.band .leftItem div.itemBlock, .home .leftItem h2 {background:none !important}
#content .rightItem .itemBlock p {margin:0 0 10px 0}
#content .rightItem div.itemBlock p strong {color:#7A0000}
.home #content ul.scroller {list-style:none; padding:0 0 10px 0; float:left; position:absolute; width:22px; margin:0 0 0 -35px; top:252px; display:none; font-family:Tahoma, Verdana}
.home #content ul.scroller li {float:left; padding:6px 0 7px 0; line-height:11px; cursor:pointer; smargin-bottom:1px; background-color:#F0D999; behavior:url('resource/ieHover2.htc'); width:22px; text-align:center; color:#900; border-bottom:1px solid #FFF}
.home #content ul.scroller li:hover {color:#333; padding:6px 1px 7px 0; margin-left:-1px}
.home #content ul.scroller li.active {font-weight:bold; background-color:#E4C268; border-right:1px solid #E4C268 !important; padding:7px 1px 7px 1px; cursor:default; margin-left:-1px; position:relative; color:#333}
.home li.scroller p strong {color:#7A0000; cursor:pointer; behavior:url('resource/ieHover.htc')}
.home li.scroller p strong:hover, .home li.scroller p strong.onHover {color:#996666}
#content div.closedTab {display:none}
#activeTab {display:block !important}
#content .leftItem div.itemBlock {background: url('../images/h-line.gif') repeat-x top; padding:10px 0; width:430px}
#content .leftItem div.itemBlock {width:306px}
#content .themeList div.itemBlock {background:none}
.home #content .rightItem div.itemBlock {padding:10px 0}
#content .rightItem div.itemBlock img.floatedLeft {border:1px solid #CCC}
.hiddenPart {display:none}
#content .leftItem .themeList ul.itemBlock p.linkPlace {text-align:right; font-size:11px}

/*** Footer Styles ***/
#footer {background:#000; line-height:40px; color:#CCC; padding:5px; clear:both; border-top:1px solid #FFF; width:776px; float:left}
#footer p {padding-left:8px; float:left}
#footer ul {float:right; width:428px; list-style:none; font-size:11px}
#footer li {float:left; padding:0 20px 0 5px}
#footer .enLang li {padding:0 14px 0 5px}
#footer a {color:#FFF}
#footer a:hover {color:#CCC}
#footer li.active a {font-weight:bold; text-decoration:none}



#introBlock {position:absolute; width:100%; height:100%; top:0; left:0; text-align:center; z-index:102; /*display:none*/}
#introBlock b {position:absolute; z-index:103; width:100%; height:100%; background:#000; opacity:.98; left:0; top:0}
#introBlock .imgBlock {position:relative; z-index:104; cursor:pointer; width:800px; margin:0 auto; margin-top:50px; font-size:15px}
#introBlock .imgBlock:hover {color:#FFF}