/*--------------Reset browser default--------------------------*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote { padding: 0; margin: 0; } fieldset, img { border: 0; } ol, ul { list-style: none; } address, caption, cite, code, dfn, em, th, var { font-weight: normal; font-style: normal; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } /********** Global Settings **********/ html, body { border:0; margin:0; padding:0; } body { font:12px/1.25 Arial, Helvetica, sans-serif; color:#333; background-image:url(http://i.dir.bg/football.dir.bg/images/bodybackgr.png);} .verdana { font-family:Verdana, Geneva, sans-serif; } /********** Wrapper **********/ #wrap { width:962px; margin:0 auto; } /********** Headings **********/ h1, h2, h3, h4, h5, h6 { margin:0; padding:0; font-weight:normal; } h1 { padding:10px 0 10px 0; letter-spacing:-1px; font-size:28px !important; color: #000; font-weight: 700; } h2 { padding:20px 0 15px 0; font-size:1.5em; border-bottom: 1px dashed #ccc; } h3 { font-size:13px; font-weight:bold; padding: 5px 0 10px 10px; color: #930; } h3 a { color:#930; display:block; height: 18px; } h3 a:hover { color:#F60; display:block; text-decoration: none;} /********** Links **********/ a:link, a:visited { text-decoration:none; color: #930; } a:hover { text-decoration:none; color: #000; } /********** Float elements **********/ .left { float:left; } .right { float:right } .clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; } .clearleft { clear:left; height:0; font-size: 1px; line-height: 0px; } .clearright { clear:right; height:0; font-size: 1px; line-height: 0px; } /********** Butons **********/ /************************************************ Round Corners Button Rollover Example 2 ************************************************/ .buttons li { display:inline; list-style:none; } .buttons li a { background:transparent url(http://i.dir.bg/corner/images/buttons-backgr.png) no-repeat top left; display:block; float:left; height:22px; margin-right:5px; } .buttons li a span { background:transparent url(http://i.dir.bg/corner/images/buttons-backgr.png) no-repeat right top; display:inline; float:left; height:19px; padding:3px 10px 0 0; margin-left:10px; cursor:pointer; color: #036; } .buttons li a:hover { background-position:0px bottom; color:#fff; } .buttons li a:hover span { background-position:right bottom; color: #000; } /********** share icons**********/ #share { margin:0; background-repeat: no-repeat; width: 100px; } #share li { display:inline; } #share a { float:left; color:#000; font-size:10px; background-repeat: no-repeat; width: 64px; height: 18px; padding-top: 1px; background-repeat:no-repeat; padding-left: 19px; font-family: Verdana, Geneva, sans-serif; margin-right: 3px; } #share li a:link { display:block; } #share li a:hover { color:#F60; background-repeat: repeat; text-decoration: none; } /********** Font size**********/ #font-size { padding:0; margin:0 0 0 10px; width: 60px;} #font-size li { display:inline; float:left; padding:0; margin:0; } #font-size a { display:block; font-size:11px; text-align:center; color:#333; width:16px; height:15px; margin:0 0 0 2px; padding:1px 0 0 0; font-weight: bold; background-image: url(http://i.dir.bg/corner/images/font-size.png); background-repeat:no-repeat; background-color:#FFF;} #font-size a:hover { color:#777; background-image: url(http://i.dir.bg/corner/images/font-size-hover.png); background-repeat:no-repeat;} #font-size a.small { font-size:10px; } #font-size a.big { font-size:12px; height: 16px; } #lenta { color:#A2B5CE; background-color:#069; font-size:12px; height:20px; padding:3px 0 0 4px } #lenta a { color:#FFF; } #lenta a:hover { color:#A2B5CE; } #header { height: 96px; } #logo { background-image: url(http://i.dir.bg/football.dir.bg/images/logo.png); height: 65px; width: 201px; margin-top: 15px;} #topBaner { height: 90px; width: 728px; padding-top: 3px; } #content { background-color: #FFF; border-width: 0 1px 0 1px; border-color:#486385; border-style:solid; background-image: url(http://i.dir.bg/corner/images/prelivka.png); background-repeat: repeat-x; } #content-new { background-color: #FFF; border-width: 0 1px 0 1px; border-color:#486385; border-style:solid; padding-top:15px;} #rightClomn { width: 300px; padding: 15px 15px 0 0; } #rightColumn { width: 300px; padding-right: 15px; } #leftClomn { padding-left: 15px; width: 615px; } #source { font-size: 11px; color: #555; margin-bottom: 20px; width:320px; } #share { width: auto; } #newsbody { font-size: 12px; color: #333; line-height: 1.5; } #newsbody p { margin-bottom:12px; } #newsbody ul { list-style:circle; margin:0; padding:0 0 0 27px; } #newsbody em { font-style:italic; } #newsImage { margin: 0 8px 0 0; width: 355px !important; color: #777; font-size: 11px; } #anons { font-weight: bold; margin-bottom: 8px; } #footer { background-image: url(http://i.dir.bg/corner/images/footer-backgr.png); height: 115px; background-repeat: no-repeat; color: #FFF; padding: 20px 15px 10px 15px; } #footer a { color:#FFF; } .whiteInput { border:0px solid #373737; background-color:#373737; width: 240px; color:#CCC; } #searchButt { height: 22px; width: 28px; position: relative; top: -4px; } #searchButt-new {width: 29px; height: 26px; position: relative; top: -5px; padding:0 5px 0 10px; } .rightBlock li { padding-bottom:5px; } .rightBlock { background-image: url(http://i.dir.bg/corner/images/block-bottom.png); background-repeat: no-repeat; background-position: 0px bottom; padding-bottom: 5px; margin-bottom: 15px; } .blockHeader { background-image: url(http://i.dir.bg/corner/images/block-header-backgr.png); background-repeat: no-repeat; height: 40px; } .blockContent { padding: 0 10px; } .blockContentGallery { padding: 0; } #moreTheme { margin-bottom: 15px; line-height: 1.5; } #moreTheme li { background-image: url(http://i.dir.bg/corner/images/bulet.png); display: inline; padding-left: 6px; background-repeat: no-repeat; margin-right: 6px; background-position: 0 5px; } #xmlNews { background-color: #F1F1F1; border-top: 1px solid #CECECE; padding: 15px; width:930px; } .footerLinks { margin-bottom: 25px; } #goTop { float: right; width:81px; height:36px; position: relative; top: -12px; } #goTop a { display:block; width:81px; height:36px; background-image:url(http://i.dir.bg/corner/images/go-top.png); font-size:11px; text-align:center; } #goTop a:hover { background-image:url(http://i.dir.bg/corner/images/go-top-hover.png); color:#FFF; text-decoration:none; } #goTop a b { padding-top:14px; display:block; } #copyright { color: #999; font-size: 12px; } #rss { float: right; margin-right: 17px;} #rss a { display:block; width:45px; height:33px; text-indent:-9999px; background-image: url(http://i.dir.bg/corner/images/rss.png); } #rss a:hover { background-image: url(http://i.dir.bg/corner/images/rss-hover.png); } .comentator { border-bottom:1px dashed #CCC; height: 32px; padding: 5px 0; } .comentator div { padding-top:6px; } .comentNumber { background-image: url(http://i.dir.bg/corner/images/icon-coment.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0 9px; width: auto; } #rssBulgaria { float: left; width: 455px; margin-right:20px; } #rssWorld { float: left; width: 455px; } #xmlNews h4 { color: #444; padding-left: 0px; font-weight: bold; padding-bottom: 15px; font-size: 14px; } .allSources a { display:block; width:127px; height: 21px; background-image: url(http://i.dir.bg/corner/images/all-rss-sourcess.png); } #trigger, #trigger2 { background:transparent no-repeat scroll 0 50%; color:#333; display:block; font-size:14px; text-decoration:none; position:relative; width: 127px; background-image: url(http://i.dir.bg/corner/images/all-rss-sourcess.png); text-indent: -9999px; height: 21px; } /* simple mouseover effect for the trigger */ #trigger:hover { color:#000; } /*- listNavigation ----------------------- */ #listNavigation { margin:0 0 10px 0; padding:0; float:left; width:605px; height:26px; border-bottom: 1px solid #D9D9D9; } #listNavigation ul, #listNavigation li { margin:0; padding:0; list-style: none; } #listNavigation li { display:inline; } #listNavigation a { float:left; margin:0 1px 0 0; padding: 8px 0 0 0; background-image: url(http://i.dir.bg/corner/images/list_tab.png); width: 130px; height: 19px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#444; text-align: center; font-weight: bold; } #listNavigation li a:link { display:block; width: 130px; } #listNavigation li a:hover, #listNavigation li.active a, #listNavigation li a.current { background-image: url(http://i.dir.bg/corner/images/list_tab_hover.png); background-repeat: no-repeat; text-decoration: none; display:block; width: 130px; height:19px; } #listNavigation span { color:#900; font-size:10px; font-weight:normal; font-style:italic; } /*- listNavigationSmall ----------------------- */ #listNavigationSmall { margin:0 0 10px 0; padding:0; float:left; width:615px; height:26px; border-bottom: 1px solid #D9D9D9; } #listNavigationSmall ul, #listNavigationSmall li { margin:0; padding:0; list-style: none; } #listNavigationSmall li { display:inline; } #listNavigationSmall a { float:left; margin:0 1px 0 0; padding: 8px 0 0 0; background-image: url(http://i.dir.bg/corner/images/list_tab_small.png); width: 100px; height: 19px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#444; text-align: center; font-weight: bold; } #listNavigationSmall li a:link { display:block; width: 100px; } #listNavigationSmall li a:hover, #listNavigationSmall li.active a { background-image: url(http://i.dir.bg/corner/images/list_tab_hover_small.png); background-repeat: no-repeat; text-decoration: none; display:block; width: 100px; height:19px; } #listNavigationSmall span { color:#900; font-size:10px; font-weight:normal; font-style:italic; } #listNavigationSmall li#predComment a { background-image: url(http://i.dir.bg/corner/images/list_tab_ultra.png); background-repeat:no-repeat; width: 180px;} #listNavigationSmall li#predComment a:hover, #listNavigationSmall li#predComment.active a { background-image: url(http://i.dir.bg/corner/images/list_tab_ultra_hover.png); background-repeat:no-repeat; width: 180px;} /*- listNavigationFP ----------------------- */ #listNavigationFP { margin:-5px 0 10px 0; padding:0; float:left; width:301px; height:26px;} #listNavigationFP ul, #listNavigationFP li { margin:0; padding:0; list-style: none; } #listNavigationFP li { display:inline; } #listNavigationFP a { float:left; margin:0 1px 0 0; padding: 8px 0 0 0; background-image: url(http://i.dir.bg/corner/images/list_tab_small.png); width: 100px; height: 19px; font-family:Verdana, Geneva, sans-serif; font-size:10px; color:#444; text-align: center; font-weight: bold; } #listNavigationFP li a:link { display:block; width: 100px; } #listNavigationFP li a:hover, #listNavigationFP li.active a { background-image: url(http://i.dir.bg/corner/images/list_tab_hover_small.png); background-repeat: no-repeat; text-decoration: none; display:block; width: 100px; height:19px; } #listNavigationFP span { color:#900; font-size:10px; font-weight:normal; font-style:italic; } /*- rssFp ----------------------- */ #rssFP { padding:5px 0 10px 0; font-family:Arial, Helvetica, sans-serif; } /*- newsBlock ----------------------- */ #newsBlock { padding:5px 0 10px 0; font-family:Arial, Helvetica, sans-serif; } #newsBlock a { font-size:14px; font-weight:bold;} #newsBlock p { line-height:16px; font-size:12px; color:#666; } #newsBlock .newsdate { color:#555; font-size:10px; font-family:Verdana, Geneva, sans-serif; margin-top:5px; } .newsList { width:99%; padding:13px 5px; border-bottom: 1px dashed #ccc; } .newsList:hover { background-color: #FFFFCC; text-decoration: none; } .newsListImage { position:relative; margin-right: 10px; width:70px; height:70px; text-align:center; } /*- Paging --------------------------- */ #paging { margin:20px 0 15px 175px; padding:0; } #paging ul, #paging li { margin:0; padding:0; } #paging li { display:inline; } #paging li a { float:left; display:block; background-image:url(http://i.dir.bg/corner/images/paging_bgr.png); background-repeat:repeat-x; border:1px solid #B9B9B9; padding:4px 7px 2px 7px; margin:0 3px 0 0; text-decoration:none; font-family:Verdana, Geneva, sans-serif; font-weight:bold; font-size:10px; color:#666; } #paging li a:link, #paging li a:visited { text-decoration:none; } #paging li a:hover, #paging li.active a { background:none; background-color:#FFF; color:#000; } /*- newForm --------------------------- */ #newForm { margin:0; padding:0; } #newForm label, #newForm input, #newForm select { display: block; width: 160px; height:18px; float: left; margin-bottom: 22px; padding:2px 0 0 2px; } #newForm select { width: 446px; height:22px; } #newForm input, #newForm textarea, #newForm select { border:1px solid #B3C2D9; font-size:13px; color:#666; font-family:Arial, Helvetica, sans-serif; } #newForm input:hover, #newForm textarea:hover, #newForm select:hover { border:1px solid #D9D9D9; } #newForm textarea { width:440px; height:120px; margin-bottom:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:2px; } #newForm label { cursor:pointer; text-align: right; width: 55px; padding:0 10px 0 20px; font-size:12px; font-family:Arial, Helvetica, sans-serif; } #newForm #button { width:100px; margin:5px 0 0 250px; cursor:pointer; background-color:#E7ECF3; font-weight: bold; height: 24px; font-size:11px; font-family:Verdana, Geneva, sans-serif; color:#036; padding-bottom:4px; } #newForm #button:hover { background-color:#FFF; border:1px solid #B3C2D9; } #newForm br { clear: left; } /*- RSS --------------------------- */ .rssFeeds { line-height:24px; margin-bottom:20px; } .rssFeeds p { background-image:url(http://i.dir.bg/corner/images/down.png); background-repeat:no-repeat; background-position:0 center; } .rssFeeds a { padding:0 0 0 25px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; color:#005FBF; } .rssInfo { font-family:Arial, Helvetica, sans-serif; line-height:18px; margin-bottom:100px; } .rssInfo h1 { font-size:16px; color:#27384C } .rssInfo p { font-size:12px; color:#666; margin-bottom:10px; } .rssTable { width:583px; padding:10px 10px 0 10px; margin:20px 0; background-color:#F4F4F4; border:1px solid #DADADA; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:14px; color:#666; } .upButton { background-image:url(http://i.dir.bg/corner/images/up.png); background-repeat:no-repeat; width:70px; height:17px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#0060BF; text-align:center; padding-left:7px; } .rssList { margin-bottom:10px; } .rssList li a { display:block; height: 22px; padding:0 0 0 30px; margin-bottom:5px; background-image:url(http://i.dir.bg/corner/images/rss_lite.png); background-repeat:no-repeat; background-position:0 0; width: 255px; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#005FBF; } .tableList { width:145px; float:left; padding:10px 0; } .moreContent { border-bottom:1px dashed #CCC; margin-bottom:15px; padding-bottom:15px; } .moreContent a { font-size:16px; } .moreContent p { color:#666; font-family:Verdana, Geneva, sans-serif; } .moreImage { float:left; width:80px; text-align:center; } .rssSource { background-image: url(http://i.dir.bg/corner/images/rss-iztochnik.png); background-repeat: no-repeat; height: 17px; width: 129px; margin-left: 10px; position: relative; top: -3px; left: 5px; } /*gallery scrolable*/ /* root element for the scrollable. when scrolling occurs this element stays still. */ div.scrollable { /* required settings */ position:relative; overflow:hidden; width: 258px; height:71px; /* custom decorations */ padding:5px 0; border-top:1px solid #CECECE; border-bottom:1px solid #CECECE; background-color:#FFF; } div.scrollable div.items { width:20000em; position:absolute; clear:both; margin-left:5px; } .items img { margin-bottom:10px;} /* single scrollable item */ div.scrollable div.items div { float:left; /* custom decoration */ text-align:center; width:67px; font-size:20px; font-family: 'bitstream vera sans'; border:1px outset #ccc; background-color: #ddd; margin-right: 4px; -moz-border-radius:4px; height: 40px; padding: 3px; } /* active item */ div.scrollable div.items div.active { border:1px inset #ccc; background-color:#fff; } /* this makes it possible to add next button beside scrollable */ div.scrollable { float:left; } /* prev, next, prevPage and nextPage buttons */ a.prev, a.next, a.prevPage, a.nextPage { display:block; width:21px; height:83px; float:left; margin:0; cursor:pointer; font-size:1px; background-image: url(http://i.dir.bg/corner/images/galery-min-left.png); background-repeat: no-repeat; margin-bottom: 15px; } /* mouseover state */ a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover { background-position:0px -100px; } /* next button uses another background image */ a.next, a.nextPage { background-image:url(http://i.dir.bg/corner/images/galery-min-right.png); clear:right; } a.prevGall, a.nextGall { display:block; width:21px; height:83px; float:left; margin:0; cursor:pointer; font-size:1px; background-image: url(http://i.dir.bg/corner/images/galery-min-left.png); background-repeat: no-repeat; margin-bottom: 15px; } a.prevGall:hover, a.nextGall:hover { background-position:0px -100px; } a.nextGall { background-image:url(http://i.dir.bg/corner/images/galery-min-right.png); clear:right; } /*********** navigator ***********/ /* position and dimensions of the navigator */ div.navi { width:200px; height:20px; } /* items inside navigator */ div.navi a { width:8px; height:8px; float:left; margin:3px; background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat; display:block; font-size:1px; } /* mouseover state */ div.navi a:hover { background-position:0 -8px; } /* active state (current page state) */ div.navi a.active { background-position:0 -16px; } .scrollinfo { color:#9A9A9A; font-size:11px; padding-left:8px; } /*big srol*/ div.scrollable2 { /* required settings */ position:relative; overflow:hidden; width: 558px; height:570px; /* custom decorations */ padding: 10px 5px; background-color:#FFF; } div.scrollable2 div.items { width:20000em; position:absolute; clear:both; margin-left:10px; } /* single scrollable item */ div.scrollable2 div.items div { float:left; /* custom decoration */ text-align:center; width:520px; font-size:12px; font-family: Arial, Helvetica, sans-serif; background-color: #FFF; margin-right: 10px; -moz-border-radius:5px; height: 420px; padding: 5px; color: #666; } /* active item */ div.scrollable2 div.items div.active { border:1px inset #ccc; background-color:#fff; } /* this makes it possible to add next button beside scrollable */ div.scrollable2 { float:left; } /* prev, next, prevPage and nextPage buttons */ #bigGalery a.prev, #bigGalery a.next, #bigGalery a.prevPage, #bigGalery a.nextPage { display:block; width:22px; height:462px; float:left; margin:0; cursor:pointer; font-size:1px; background-image: url(http://i.dir.bg/corner/images/gal-big-left.png); background-repeat: no-repeat; margin-bottom: 15px; } /* mouseover state */ #bigGalery a.prev:hover, #bigGalery a.next:hover, #bigGalery a.prevPage:hover, #bigGalery a.nextPage:hover { background-position:0px -550px; } /* next button uses another background image */ #bigGalery a.next, #bigGalery a.nextPage { background-image:url(http://i.dir.bg/corner/images/gal-big-right.png); clear:right; } /*rssMenu*/ .rssMenu { width:605px; height:48px; background-image:url(http://i.dir.bg/corner/images/rssmenu.png); background-repeat:repeat-x; background-position:center 18px; margin:5px 0 -15px 0; } .rssMenuList ul, .rssMenuList li { margin:0; padding:0; } .rssMenuList li { display:inline; } .rssMenuList li a { float:left; display:block; padding:0 10px 10px 10px; margin:0; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#4E76A1; } .rssMenuList li a:hover, .rssMenuList li.active a { background-image:url(http://i.dir.bg/corner/images/rssMenu-active.png); background-repeat:no-repeat; background-position:center bottom; color: #000; } /*rssMenu end*/ .comentBroi, .photoBroi, .videoBroi, .viewBroi { font-size:11px; color:#777; background-repeat: no-repeat; padding-left: 15px; background-position: 0 1px; width: auto; } .comentBroi { background-image: url(http://i.dir.bg/corner/images/icon-coment.gif); } .photoBroi { background-image: url(http://i.dir.bg/corner/images/photo.png); } .videoBroi { background-image: url(http://i.dir.bg/corner/images/icn_video.gif); } .viewBroi { background-image: url(http://i.dir.bg/esspresso/images/eye.png); background-position:0 center;} .scrollinfo { color:#9A9A9A; font-size:11px; padding-left:8px; padding-bottom: 5px; } /*vertical tabs*/ /* root element for tabs */ ul.css-tabs { margin:0 !important; padding:0; height:30px; border-bottom:1px solid #666; } /* single tab */ ul.css-tabs li { float:left; padding:0; margin:0; list-style-type:none; } /* link inside the tab. uses a background image */ ul.css-tabs a { float:left; font-size:13px; display:block; padding:5px 30px; text-decoration:none; border:1px solid #666; border-bottom:0px; height:18px; background-color:#efefef; color:#777; margin-right:2px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright:4px; position:relative; top:1px; } ul.css-tabs a:hover { background-color:#F7F7F7; color:#333; } /* selected tab */ ul.css-tabs a.current { background-color:#ddd; border-bottom:2px solid #ddd; color:#000; cursor:default; } /* tab pane */ div.css-panes div { display:none; height:168px; padding:10px; background-color:#EAEEF4; position: absolute; width: 150px; margin-left: 436px; margin-top: -188px; font-size: 11px; color: #666; } .panes .contactContainer { padding-top:10px; } /*slideshow*-----------------------------------------------------------------------/ /* this makes it possible to add next button beside scrollable */ div.scrollable3 { float:left; } /* prev, next, prevPage and nextPage buttons */ #slideshow a.prev, #slideshow a.next, #slideshow a.prevPage, #slideshow a.nextPage { display:block; width:31px; height:305px; float:left; background-image:url(../img/left.png); cursor:pointer; font-size:1px; background-repeat: no-repeat; } /* mouseover state */ #slideshow a.prev:hover, #slideshow a.next:hover, #slideshow a.prevPage:hover, #slideshow a.nextPage:hover { background-position:0px -310px; } /* next button uses another background image */ #slideshow a.next, #slideshow a.nextPage { background-image:url(../img/right.png); clear:right; } /*********** navigator ***********/ /* position and dimensions of the navigator */ #slideshow div.navi { width:200px; height:28px; position:absolute; z-index: 888; top: 265px; left: 230px; } /* items inside navigator */ #slideshow div.navi a { width:16px; height:16px; float:left; margin:3px; display:block; font-size:1px; background-image:url(navigator.gif); } /* mouseover state */ #slideshow div.navi a:hover { background-position:-21px 0px; } /* active state (current page state) */ #slideshow div.navi a.active { background-position:-42px 0; } /* root element for the whole scrollable setup */ div.scrollable3 { position:relative; overflow:hidden; width: 540px; height:310px; background-image: url(../img/slider-big-backgr.png); background-repeat: repeat-x; } /* root element for scrollable items. It is absolutely positioned with large width. */ #thumbs { position:absolute; width:20000em; clear:both; height: 310px; padding-top: 15px; } /* custom positioning for navigational links */ #slideshow a.prev, #slideshow a.next { margin-top:0px; } /* single item */ #thumbs div { float:left; width:510px; height:224px; color:#fff; cursor:pointer; margin-left: 15px; } /* style when mouse is over the item */ #thumbs div.hover { background-image: url(read-more.gif); background-repeat: no-repeat; background-position: 235px 200px; } /* style when element is active (clicked) */ #thumbs div.active { cursor:pointer; } #thumbs h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#fff; line-height: 1.5; } #thumbs p { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#CCCCCC; line-height: 1.5; } #thumbs span { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#748FB6; line-height: 1.5; margin: 0; } #bigFlash { background-image: url(..img/slider-big-backgr.png); background-repeat: no-repeat; width: 598px; height: 305px; position: relative; } /*News Tabs*/ /* root element for tabs */ #container-2, #container-3 { background-image:url(http://i.dir.bg/corner/images/rss-backgr.png); background-repeat:repeat-x; background-position:0 30px; } #container-2 .nolink { width:50px; font-weight:bold; padding-top:6px; min-width:50px; color:#444; font-size:14px } ul.tabs2 { list-style:none; margin:0 !important; padding:0; height:30px; position:relative; top:1px;} /* single tab */ ul.tabs2 li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs2 a { font-size:11px; display:block; height: 29px; line-height:29px; text-align:center; text-decoration:none; padding:0px; margin:0px; position:relative; top:1px; background-image: url(http://i.dir.bg/corner/images/new-tabs.png); background-repeat: no-repeat; font-weight: bold; } ul.tabs2 a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs2 a:hover { color:#fff; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs2 a.current, ul.tabs2 a.current:hover, ul.tabs2 li.current a { cursor:default !important; color:#000 !important; } .tabs2 a.w1 { width:89px; } .tabs2 a.w1:hover { background-position:0 -29px; } .tabs2 a.w1.current { background-position:0 -58px; } .tabs2 a.w2 { width:134px; background-position:-89px 0; } .tabs2 a.w2:hover { background-position:-89px -29px; } .tabs2 a.w2.current { background-position:-89px -58px; } .tabs2 a.w3 { width:77px; background-position:-223px 0; } .tabs2 a.w3:hover { background-position:-223px -29px; } .tabs2 a.w3.current { background-position:-223px -58px; } /* initially all panes are hidden */ .panes2 { width:298px; border-style:solid; border-color:#CECECE; border-width:1px 1px 1px 1px; margin-bottom:15px;} div.panes2 div.pane { display:none; } /*News Tabs*/ /* root element for tabs */ #container-3 .nolink { width:75px; font-weight:bold; padding-top:6px; min-width:50px; color:#444; font-size:14px } ul.tabs3, ul.tabs4 { list-style:none; margin:0 !important; padding:0; height:30px; width:440px; } /* single tab */ ul.tabs3 li, ul.tabs4 li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } /* link inside the tab. uses a background image */ ul.tabs3 a, ul.tabs4 a { font-size:11px; display:block; line-height:29px; text-align:center; text-decoration:none; color:#036; padding:0px 9px 6px 9px; margin:0px; position:relative; top:1px; background-repeat: no-repeat; font-weight: bold; } ul.tabs3 a:active, ul.tabs4 a:active { outline:none; } /* when mouse enters the tab move the background image */ ul.tabs3 a:hover, ul.tabs4 a:hover { color:#F60; } /* active tab uses a class name "current". it's highlight is also done by moving the background image. */ ul.tabs3 a.current, ul.tabs3 a.current:hover, ul.tabs3 li.current a, ul.tabs4 a.current, ul.tabs4 a.current:hover, ul.tabs4 li.current a { cursor:default !important; color:#000 !important; } .tabs3 a.current, .tabs4 a.current { background-position:center bottom; background-image: url(http://i.dir.bg/corner/images/rss-active.png); background-repeat: no-repeat; } /* initially all panes are hidden */ .panes3, .panes4 { padding-top: 4px; } div.panes3 div.pane, div.panes4 div.pane { display:none; } div.panes3 a, div.panes4 a { display:block; padding:5px 0; } b.data { margin-right:5px; color:#000; font-weight:normal; font-size:11px; } /*RSS FP TABS*/ .rssFpContainer { background-image:url(http://i.dir.bg/corner/images/rss-backgr2.png); background-repeat:repeat-x; background-position:0 30px; margin-bottom: 15px; } .rssFpContainer .nolink { width:85px; font-weight:bold; padding-top:6px; min-width:50px; color:#444; font-size:14px } ul.tabs5, ul.tabs6, ul.tabs7 { list-style:none; margin:0 !important; padding:0; height:30px; } ul.tabs5 li, ul.tabs6 li, ul.tabs7 li { float:left; text-indent:0; padding:0; margin:0 !important; list-style-image:none !important; } ul.tabs5 a, ul.tabs6 a, ul.tabs7 a { font-size:11px; display:block; height: 35px; line-height:29px; text-align:center; text-decoration:none; color:#036; padding:0px 9px; margin:0px; position:relative; top:1px; background-repeat: no-repeat; font-weight: bold; } ul.tabs5 a:active, ul.tabs6 a:active, ul.tabs7 a:active { outline:none; } ul.tabs5 a:hover, ul.tabs6 a:hover, ul.tabs7 a:hover { color:#F60; } ul.tabs5 a.current, ul.tabs5 a.current:hover, ul.tabs5 li.current a, ul.tabs6 a.current, ul.tabs6 a.current:hover, ul.tabs6 li.current a, ul.tabs7 a.current, ul.tabs7 a.current:hover, ul.tabs7 li.current a { cursor:default !important; color:#000 !important; } .tabs5 a.current, .tabs6 a.current, .tabs7 a.current { background-position:center bottom; background-image: url(http://i.dir.bg/corner/images/rss-active.png); background-repeat: no-repeat; } .panes5, .panes6, .panes7 { padding-top: 10px; position: relative; } div.panes5 div.pane, div.panes6 div.pane, div.panes7 div.pane { display:none; } div.panes5 a, div.panes6 a, div.panes7 a { display:block; padding:5px 0; } /*.anonsi {position:absolute; margin-left:350px; margin-top:-100px;}*/ /*komentatori*/ #slidingDiv { background-color: #C8D3DD; position: absolute; width: 200px; height: 140px; margin-left: 405px; margin-top: 40px; } #moreflash a { width:294px; height:54px; background-repeat:no-repeat; background-image:url(http://i.dir.bg/corner/images/flash-galery-background.png); margin-bottom:15px; display:block; padding:6px } #moreflash a:hover {background-position:0 -66px; color:#FFF; text-decoration:none;} #moreflash a.active { background-position:0 -132px; color:#666; text-decoration:none; cursor:default; } #moreflash img {margin-right:10px; float:left;} #moreflash span {margin-right:10px; float:left;} #komentatori { float:right; background-image:url(http://i.dir.bg/corner/images/komnetatori.png); background-repeat:no-repeat; width:158px; height:139px; margin:5px 0 5px 5px; padding:8px; } #komentatori p { margin:0; padding:0; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; line-height:15px; } #komentatori i { color:#000; } #komentatori a { color:#FFF; text-decoration:none; font-size:11px; } #komentatori a:hover { text-decoration:underline; } /*komentatori end*/ /*leads RSS FP*/ .anonsi li { position:static; } .anonsi li img { float:left; margin-right: 2px; } .anonsi li a {display:block; padding:6px; border-bottom:1px dashed #CCC;} .anonsi li em { background: url(http://i.dir.bg/corner/images/anons2.png) no-repeat; width: 140px; height: 225px; position: absolute; padding: 10px; font-style: normal; z-index: 888; display: none; color: #666; font-size: 11px; left:446px; background-repeat:no-repeat; top: 0; line-height:14px; } #headlines .anonsi li em { background: url(http://i.dir.bg/corner/images/anons3.png); height:456px; background-repeat:no-repeat;} .anonsi li em b {display:block; margin-bottom:5px;} .anonsi li a:hover { background-color:#E1E1E1; color:#444; text-decoration:none; background-image:url(http://i.dir.bg/corner/images/anons-link-backgr.png); background-repeat:no-repeat; background-position:435px 10px } /*leads RSS topnews*/ .anonsi2 li em { background: url(http://i.dir.bg/corner/images/anons-news-backgr.png) no-repeat; width: 421px; height: 61px; position: absolute; padding: 10px; font-style: normal; z-index: 888; display: none; color: #FFF; font-size: 12px; left:-440px; background-repeat:no-repeat; top: -4px; } .anonsi2 li a { display: block; background-image: url(http://i.dir.bg/corner/images/right-news-backgr.png); background-repeat: repeat-x; background-position: 0px bottom; padding: 8px; padding:7px; } .anonsi2 li a:hover { background-image: url(http://i.dir.bg/corner/images/right-news-backgr-hover.png); background-repeat: repeat-x; background-position: 0px top; } .anonsi2 img { border:1px solid #fff; float:left; margin-right:5px; } .anonsi2 li a:hover { text-decoration:none; color:#000; } #headlines .anonsi li em img { padding-bottom:3px; margin-left:0px; } #simular li a:hover {background-position:0 -1000px;} #topnav ul .active a, #topnav ul .active a:hover { background-color:#FFF; color: #151E28; font-weight: bold; } .anonsi2 .spanAnonce { display:block; padding-top:5px; } /*Fp SPORT*/ #settings { height: 23px; width: 40px; float:right; background-image:url(http://i.dir.bg/corner/images/settings.png); background-repeat:no-repeat; display:block; margin-right:15px; position: relative; } #reset { height: 23px; width: 40px; float:right; background-image:url(http://i.dir.bg/corner/images/restore.png); background-repeat:no-repeat; display:block; } #settit { background-color: #444; display: none; color:#FFF; border: 1px solid #243143; padding: 17px; } #settit a { color:#FFF; } #fpCheckboxes { } a { outline: 0; } fieldset { border: 0; } .checklist { list-style: none; margin: 0; padding: 0; s } .checklist li { float: left; margin-right: 18px; background: url(http://i.dir.bg/corner/images/checkboxbg.gif) no-repeat 0 0; width: 139px; height: 45px; position: relative; font: normal 11px/1.3 "Verdana", Sans-serif; color: #000; margin-bottom: 15px; } .checklist li.selected { background-position: -139px 0; } .checklist li.selected .checkbox-select { display: none; } .checkbox-select { display: block; float: left; position: absolute; top: 25px; left: 32px; width: 85px; height: 23px; background: url(http://i.dir.bg/corner/images/select.gif) no-repeat 0 0; text-indent: -9999px; } .checklist li input { display: none; } a.checkbox-deselect { display: none; color: white; font-weight: bold; text-decoration: none; position: absolute; top: 27px; left: 39px; } .checklist li.selected a.checkbox-deselect { display: block; } .checklist li p { text-align: center; padding: 4px; } .sendit { display: block; width: 83px; height: 22px; border: 0; cursor: pointer; text-indent: -9999px; background-repeat: no-repeat; background-image: url(http://i.dir.bg/corner/images/saveit.png); float: left; margin-right: 15px; } .cancel { display: block; width: 83px; height: 22px; border: 0; cursor: pointer; text-indent: -9999px; background-repeat: no-repeat; background-image: url(http://i.dir.bg/corner/images/cancelit.png); } .submits { padding:10px 0 10px 370px; } #closeit { float: right; position: relative; top: -5px; left: -3px; width: 79px; } #closeit a { background-image:url(http://i.dir.bg/corner/images/clozeit.png); display:block; height:20px; width:79px; text-indent:-99999px; } #fpContent { background-color: #FFF; border-width: 0 1px 0 1px; border-color:#486385; border-style:solid; } .fpTopRight { float: right; width: 300px; } #fpSearch { background-image: url(http://i.dir.bg/corner/images/fpSearchBackgr.png); background-repeat: no-repeat; height: 25px; padding: 4px 0 0 7px; margin-bottom: 12px; } /*-------------fp slideshow*--------------------------------------------------*/ #smallSlide { background-image:url(http://i.dir.bg/corner/images/slide-min-backr.png); background-repeat: no-repeat; position: relative; height: 166px; } div.scrollable4 { float:left; } .scrollable4 h3 { margin:0; padding:0; margin-bottom:10px } /* prev, next, prevPage and nextPage buttons */ #smallSlide a.prev, #smallSlide a.next, #smallSlide a.prevPage, #smallSlide a.nextPage { display:block; width:41px; height:15px; float:none; cursor:pointer; font-size:1px; top: 148px; position: absolute; background-image: url(http://i.dir.bg/corner/images/slide-min_prev.png); background-position: 20px 0; margin-left: 0px; } /* mouseover state */ #smallSlide a.prev:hover, #smallSlide a.next:hover, #smallSlide a.prevPage:hover, #smallSlide a.nextPage:hover { background-position:20px -20px; } /* next button uses another background image */ #smallSlide a.next, #smallSlide a.nextPage { background-image:url(http://i.dir.bg/corner/images/slide-min_next.png); clear:right; left: 250px; } /*********** navigator ***********/ /* position and dimensions of the navigator */ #smallSlide div.navi { width:110px; height:18px; position:absolute; z-index: 999; left: 103px; top: 150px; margin-left: 0px; } /* items inside navigator */ #smallSlide div.navi a { width:8px; height:8px; float:left; margin:3px; display:block; font-size:1px; background-repeat:no-repeat; background-image:url(http://i.dir.bg/corner/images/navigator2.gif) } /* mouseover state */ #smallSlide div.navi a:hover { background-position:-13px 0px; } /* active state (current page state) */ #smallSlide div.navi a.active { background-position:-26px 0; } /* root element for the whole scrollable setup */ div.scrollable4 { position:relative; overflow:hidden; width: 300px; height:145px; } /* root element for scrollable items. It is absolutely positioned with large width. */ #thumbs2 { position:absolute; width:20000em; clear:both; height: 130px; padding-top: 15px; } /* custom positioning for navigational links */ a.prev, a.next { margin-top:0px; } /* single item */ #thumbs2 div { float:left; width:280px; height:160px; color:#fff; cursor:pointer; margin-left: 10px; } /* style when mouse is over the item */ #thumbs2 div.hover { background-image: url(img/read-more.gif); background-repeat: no-repeat; background-position: 235px 200px; } /* style when element is active (clicked) */ #thumbs2 div.active { cursor:pointer; } #thumbs2 h3 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff; } #thumbs2 p { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#A5B7CF; margin: 0; } #thumbs2 span { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#748FB6; line-height: 1.5; margin: 0; } #fpVideo { background-image: url(http://i.dir.bg/corner/images/fp-video-backgr.png); background-repeat: repeat-x; height: 190px; width: 930px; margin: auto; margin-bottom: 15px; } /*-------------video slide*--------------------------------------------------*/ /* this makes it possible to add next button beside scrollable */ div.scrollable5 { float:left; } /* prev, next, prevPage and nextPage buttons */ #fpVideo a.prev, #fpVideo a.next, #fpVideo a.prevPage, #fpVideo a.nextPage { display:block; width:41px; height:80px; float:left; background-image:url(http://i.dir.bg/corner/images/fp-video-left.png); cursor:pointer; font-size:1px; background-repeat: no-repeat; margin-top: 30px; } /* mouseover state */ #fpVideo a.prev:hover, #fpVideo a.next:hover, #fpVideo a.prevPage:hover, #fpVideo a.nextPage:hover { background-position:0px -84px; } /* next button uses another background image */ #fpVideo a.next, #fpVideo a.nextPage { background-image:url(http://i.dir.bg/corner/images/fp-video-right.png); clear:right; } /*********** navigator ***********/ /* position and dimensions of the navigator */ #fpVideo div.navi { margin-left:230px; width:200px; height:28px; position:absolute; margin-top:265px; z-index: 888; } /* items inside navigator */ #fpVideo div.navi a { width:16px; height:16px; float:left; margin:3px; display:block; font-size:1px; background-image:url(navigator.gif); } /* mouseover state */ #fpVideo div.navi a:hover { background-position:-21px 0px; } /* active state (current page state) */ #slideshow div.navi a.active { background-position:-42px 0; } /* root element for the whole scrollable setup */ div.scrollable5 { position:relative; overflow:hidden; width: 848px; height:170px; } div.scrollable5 a { color:#666 } div.scrollable5 a:hover { text-decoration:none; color:#000; } /* root element for scrollable items. It is absolutely positioned with large width. */ #thumbs4 { position:absolute; width:20000em; clear:both; height: 150px; padding-top: 15px; } /* custom positioning for navigational links */ #fpVideo a.prev, #fpVideo a.next { margin-top:30px; } /* single item */ #thumbs4 div { float:left; width:195px; height:120px; color:#fff; cursor:pointer; margin-left: 15px; text-align: center; line-height: 1.1; } /* style when mouse is over the item */ #thumb4s div.hover { background-image: url(read-more.gif); background-repeat: no-repeat; background-position: 235px 200px; } /* style when element is active (clicked) */ #thumbs4 div.active { cursor:pointer; } #thumbs4 h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; line-height: 1.1; } #thumbs4 img { background-color:#111; padding:4px; margin-bottom: 3px; } #fpVideo { background-image: url(http://i.dir.bg/corner/images/fp-video-backgr.png); background-repeat: repeat-x; height: 190px; width: 930px; margin: auto; margin-bottom: 15px; } .insideColumns { float:left; width:300px; margin-bottom:15px; background-color: #FFF; } .insideBlock { background-image: url(http://i.dir.bg/corner/images/fp-block-bottom.png); background-repeat: no-repeat; background-position: 0px bottom; background-color: #FFF; } /*dragable blocks*/ .fpColumns { float: left; width:300px; background: #fff; padding-left:15px; min-height:400px; margin-bottom:15px; background-color: #FFF; } .fpBlock { background-image: url(http://i.dir.bg/corner/images/fp-block-bottom.png); background-repeat: no-repeat; background-position: 0px bottom; margin-bottom: 15px; background-color: #FFF; } .fpBlockHed, .fpBlockHed2 { height:27px; padding-left: 6px; padding-right:3px; background-image: url(http://i.dir.bg/corner/images/fpBlock-header.png); background-repeat: no-repeat; background-position: left top; padding-top: 5px; line-height: 12px; } .fpBlockHed2 { cursor:pointer !important; } .ui-sortable-placeholder { border: 1px dashed #fff; visibility: visible !important; background:#C6C6C6; } .ui-sortable-placeholder * { visibility: hidden; } .fpBlockBody { padding:10px; } .fpBlockBody .anonsi2 li a { background-position:-500px -500px; background-repeat:no-repeat; padding:2px; margin-bottom: 5px; } .fpBlockBody p { color:#555;} .fpBlockHed h3 a { cursor:pointer; width:100px; display:block; background-position:-400px; left: -4px; } .headButt { margin:0; height:27px; background-repeat: no-repeat; float: right; top: -1px; } .headButt li { display:inline; } .headButt li a { float:left; background-repeat: no-repeat; background-position: 0 0; text-decoration: none; width: 22px; height: 22px; background-image: url(http://i.dir.bg/corner/images/fp-block-buttons.png); margin-right:3px; } .headButt li a:link { display:block; } .headButt li a:hover { color:#FFF; } .headButt li.order a { background-position:0 0 } .headButt li.order a:hover { background-position:0 -24px; } .headButt li.order2 a { background-position:-27px 0 } .headButt li.order2 a:hover { background-position:-27px -24px; } .headButt li.actual a { background-position:-54px 0 } .headButt li.actual a:hover { background-position:-54px -24px; } .headButt li.actual2 a { background-position:-81px 0 } .headButt li.actual2 a:hover { background-position:-81px -24px; } .headButt li.plus a { background-position:-108px 0; height:15px; width:15px; margin-top:3px; } .headButt li.plus a:hover { background-position:-108px -24px; } .headButt li.minus a { background-position:-128px 0; height:15px; width:15px; margin-top:3px; } .headButt li.minus a:hover { background-position:-128px -24px; } .headButt li.close a { background-position:-148px 0; height:15px; width:15px; margin-top:3px; } .headButt li.close a:hover { background-position:-148px -24px; } #rssAll { float: left; width: 930px; } .anonsiFP li a { display: block; padding: 8px; padding:7px 0; height: 50px; } .anonsiFP img { border:1px solid #fff; float:left; margin-right:5px; } .anonsiFP li a:hover { text-decoration:none; color:#000; } .anonsiFP2 li a { display:block; margin-bottom:5px; } .anonsiFP3 { padding-top:5px; } .anonsiFP3 li a { line-height:22px; } /*leads RSS FP*/ .anonsi3 li { position:static; } .anonsi3 li img { float:left; margin-right: 2px; } .anonsi3 li a { display:block; padding:6px; border-bottom:1px dashed #CCC; } .anonsi3 li em { background: url(http://i.dir.bg/corner/images/fp-anonce-backgr.png) no-repeat; width: 300px; height: 189px; position: absolute; padding: 10px; font-style: normal; z-index: 888; display: none; color: #666; font-size: 12px; left:610px; background-repeat:no-repeat; top: -5px; line-height: 1.4; } .anonsi3 li em b { display:block; margin-bottom:5px; } .anonsi3 li a:hover { background-color:#E1E1E1; color:#555; text-decoration:none; background-image:url(http://i.dir.bg/corner/images/anons-link-backgr.png); background-repeat:no-repeat; background-position:580px 10px } #smallSlide .prev { z-index:600; left:0px; } /*Sport last*/ #topNews { float:left; padding: 15px 0 15px 15px; height:auto; width: 618px;} #topNewsSport { float:left; margin-right:12px; height:auto; width: 618px;} /* newsAnonceVideo */ .newsAnonceVideo{ background-image: url(http://i.dir.bg/corner/images/anons_bgr_big.png); background-repeat:no-repeat; padding-top:1px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:293px; height:66px; line-height:15px; } .newsAnonceVideo img {padding:2px 2px 0 3px;} .newsAnonceVideo a:link { text-decoration:none;} .newsAnonceVideo a:visited { text-decoration:none;} .newsAnonceVideo:hover, .newsAnonceVideo:active { background-image: url(http://i.dir.bg/corner/images/anons_hover_big.png); background-repeat:no-repeat; margin-left:-7px; padding-left:7px; } /* newsAnonce */ .newsAnonce{ background-image: url(http://i.dir.bg/corner/images/anons_bgr.png); background-repeat:no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; width:255px; height:68px; line-height:15px; margin-top:-1px; } .newsAnonce img { padding:6px 5px 0 5px;} .newsAnonce a:link { text-decoration:none;} .newsAnonce a:visited { text-decoration:none;} .newsAnonce:hover, .newsAnonce:active { background-image: url(http://i.dir.bg/corner/images/anons_hover.png); background-repeat:no-repeat; margin-left:-7px; padding-left:7px; } /* newsAnonce end */ .newsTitle {display:block; width:355px; height:38px; line-height:16px;} .newsTitle a { font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; text-decoration:none;} .newsContent {display:block; width:355px; height:40px;} .fpTopLeft { width:363px;} .fpTopLeft img {margin-bottom:5px;} .fpTopRightNews {width: 255px;} .anonceImage {height:62px; width:115px; overflow:hidden;} .anonceText {display:block; padding:5px; height:55px;} .anonceTextVideo {display:block; padding:5px; height:35px;} .anonceVideo {height:62px; width:80px; overflow:hidden;} .fpvideo { display:block; text-align:left; width:134px; height:auto; margin-bottom:10px; } #play, #playSmall, #playRB { background-image:url(http://i.dir.bg/diri/images/play.png); position:absolute; background-repeat:no-repeat; margin:35px 0 0 55px; padding:0; width:23px; height:19px; } #playSmall {margin:23px 0 0 32px;} #playRB {margin:24px 0 0 36px;} /*clasirane*/ .clasirane { display:block; width:298px; background-color:#FFF; border:1px solid #D7D7D7; } .clasirane_nav { display:block; width:28px; background-color:#FFE16A; } .clasirane_nav a { display:block; height:20px; padding-top:3px; } .clasirane_nav a:hover { background-color:#FFFFF0; } .clasirane_center { width:234px; background-color:#FCF2BC; padding:4px; height:15px; } .clasirane_TopCenter, .clasirane_TopCenter2 { width:298px; background-color:#F1F1F1; padding:2px 0; height:17px; border-bottom:1px solid #ECE3B0; border-left:1px solid #D7D7D7; border-right:1px solid #D7D7D7; font-weight:bold; } .clasirane_TopCenter2 {border-top:1px solid #FFF; height:18px; padding-top:4px;} .resultatiFP {margin: 20px 0px 5px; padding: 10px 10px 3px 10px;} .resultatiFP p {padding:5px 0; border-bottom:1px solid #CECECE; color:#555;} /*clasirane end*/ /*FP zvezdi*/ .fpstars { display:block; text-align:left; width:90px; height: auto; text-align:center; } #fpstars a { display:block; text-align:left; width:85px; height: auto; overflow:hidden; text-align:center; } #fpstars img { margin-bottom:7px; } /*FP zvezdi end*/ /*sport blocks */ .right_pad { padding-right:5px; } .sportBlocks { line-height:15px; padding-top:15px; padding-bottom:15px; } /*gallery*/ .galleryImages {margin-bottom:5px; float:left;} .galleryImages img { border:1px solid #CECECE; padding:1px;} .galleryMulty { position:absolute; background-color:#FFFFCC; color:#F60; width:19px; height:11px; margin:40px 0 0 68px; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-align:center; } .gallerySinglePart, .galleryMultyPart {float:left; width:92px; height:60px; margin-left:1px;} /*news new comments balon*/ .openPost-coments { margin-top: 20px; display:block; width:73px; height:55px; padding-left:5px; } .openPost-coments a { background-image: url(http://i.dir.bg/football.dir.bg/images/comment_b_news.png); background-repeat:no-repeat; padding:22px 0 0 25px; width:48px; height:33px; display:block; } .openPost-coments a:hover { background-image: url(http://i.dir.bg/football.dir.bg/images/comment_over_news.png); background-repeat:no-repeat; text-decoration:none; } /*news new comments balon end*/ #search-new { width:310px; height: 26px; background-image: url(http://i.dir.bg/corner/images/search-backgr-new.png); background-repeat:no-repeat; padding: 5px 0 0 5px; margin-bottom:5px; } #ticker-new { background-image: url(http://i.dir.bg/corner/images/thicker-backgr-new.png); background-repeat: no-repeat; float:left; height: 23px; width:580px; padding: 5px 0 0 50px; margin-bottom:5px;} #ticker-new a { color:#FFF;} #ticker-new a:hover { color:#F60; text-decoration:none;} #tRex { margin:0; width: 75px; } #tRex ul { display:block; height:20px; } #tRex li { display:inline; } #tRex .playPrevious a, #tRex .playNext a, #tRex .playPause a, #tRex .playPlay a { float:left; display:block; width:20px; height:20px; margin-left:2px; background-repeat:no-repeat; } #tRex .playPrevious a {background-image: url(http://i.dir.bg/corner/images/pr.png);} #tRex .playNext a {background-image: url(http://i.dir.bg/corner/images/next.png);} #tRex .playPause a {background-image: url(http://i.dir.bg/corner/images/pause.png);} #tRex .playPlay a { background-image: url(http://i.dir.bg/corner/images/play.png); } #tAnketa { margin:0; width: 280px;} #tAnketa li { display:inline;} #tAnketa a {float:left; display:block; width:108px; height:21px; padding-top:4px; margin-right:10px; background-image: url(http://i.dir.bg/corner/images/button_anketa.png); background-repeat:no-repeat; text-align:center; } .orange { color:#F60 !important;} .searchVideoIcon { background-image:url(http://i.dir.bg/football.dir.bg/images/def_video.png); background-repeat:no-repeat; padding-left:20px;} .searchNewsIcon { background-image:url(http://i.dir.bg/football.dir.bg/images/def_news.png); background-repeat:no-repeat; padding-left:20px;} .FPSportNews { background-image:url(http://i.dir.bg/corner/images/f1_background.png); background-repeat:no-repeat; width:605px; height:380px;} /* more css code */ #topnavFootball { height:27px; background-repeat: no-repeat; background-image: url(http://i.dir.bg/corner/images/menu-football.png); padding-top: 1px; } #topnavFootball li { display:inline; } #topnavFootball li a { float:left; color:#FBB726; font-size:12px; font-weight:bold; line-height:normal; padding: 6px 10px; background-repeat: no-repeat; background-position: 0 6px; text-decoration: none; border-right:1px solid #CA1D13; border-left: 1px solid #610C0C; } #topnavFootball li a:link { display:block; } #topnavFootball li a:hover, #topnavFootball li.active a { color:#FFF; background-image:url(http://i.dir.bg/corner/images/hover_navigation.png); background-repeat:repeat-x; background-position:top; } #topnavFootball li#home a { background-image:url(http://i.dir.bg/corner/images/icon-home.png); background-repeat:no-repeat; width:30px; height:26px; padding:1px 0 0 0; background-position:8px 5px; border-left:0; } #topnavFootball li#home a:hover { background-image: url(http://i.dir.bg/corner/images/home-hover.gif); background-repeat:no-repeat; height:25px; } #moreSport {margin-left:70px;} #moreSport select { border:1px solid #CA1D13; background-color:#000; color:#FFF;} .predictFootball {border-bottom: 1px dotted #999; padding-bottom: 3px; margin-bottom: 3px;} .predictFootball a:hover { text-decoration:none;} .predictFootball b { color:#000;} .predictFootball a b{ color:#930;} .predictFootball a b:hover {text-decoration:underline;} .predictFootball a.active {color:#555 !important; text-decoration:underline;} .lastSport {line-height:20px; width:260px; margin-left:10px; background-color:#5C5C5C; border:1px solid #D1D1D1;} .lastSport p {border-bottom:1px solid #3E3E3E; border-top: 1px solid #D1D1D1; padding:2px 0 2px 0; color:#D1D1D1;} .lastSreshti { padding:5px 0; color:#FFF; font-weight:bold; background-color:#444; padding-left:4px; font-family:Verdana, Geneva, sans-serif; font-size:11px;} .lastSport a { text-decoration:none; color:#FFF;} .lastSport a:hover {text-decoration:underline; color:#F1F1F1;} .lastSport i { color:#F00; font-size:10px;} .noborder { border-top:none;} .leedNews {overflow: hidden; float: left; width: 275px; height: 180px; margin-bottom: 10px;} .leedText {line-height: 12px;} .leedText p {margin-bottom: 8px;} .resultati { width:100%; border-bottom:1px solid #CECECE; color:#555; text-align:left; margin: 20px 0px 5px 0px; padding:10px 5px;} .resultati b { padding:0 10px; color:#000;} .resultati p {padding:5px 0; border-bottom:1px solid #CECECE; color:#555;} .lastResults {border-bottom:1px dotted #CCC; padding-bottom:5px; margin-bottom:5px;} .lastResults b { color:#CA1D13;} .procentResult:hover table td {text-decoration:underline; } .tableColor tr, td { color:#666666;} .tableColor th {text-align:center; background-color:#EEE; font-weight:bold;} /*blogs*/ .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 { background: transparent url(http://i.dir.bg/corner/images/demobox.png) no-repeat bottom right; } .cssbox { width: 99% !important; width: 99%; padding-right: 10px; margin: 10px auto; } /* set the top-right image */ .cssbox_head { background-position: top right; margin-right: -10px; padding-right: 10px; height: 40px; } /* set the top-left image */ .cssbox_head h2 {background-position: top left; border: 0; height: 100%;} .cssbox_head h2, .cssbox_head h2 a { margin: 0; padding:7px 0 0 10px; font-size:13px; font-weight:bold; } .cssbox_head h2 a { padding-left:0;} .cssbox_head h2 a:hover {text-decoration:none; cursor:pointer;} .cssbox_body { background-position: bottom left; margin-right: 3px; padding: 3px 0 10px 10px; } /*blogs end */ /* subtabs */ #subtabs { float:left; width:100%; background:#242424; line-height:normal; background-image:url(http://i.dir.bg/corner/images/sub_nav2.png); background-repeat:no-repeat; height:29px; border-top: 1px solid #CA1D13; } #subtabs ul { margin:0; padding:0; list-style:none; } #subtabs li { display:inline; margin:0; padding:0; } #subtabs a { float:left; margin:0; padding:0; text-decoration:none; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; } #subtabs a span { float:left; display:block; background-color:#5F0C0C; padding:4px 13px 2px 13px; color:#FFF; } /* Commented Backslash Hack hides rule from IE5-Mac \*/ #subtabs a span { float:none; } /* End IE5-Mac hack */ #subtabs a:hover span { color:#FF0000; } #subtabs a:hover { background-image:url(http://i.dir.bg/corner/images/sub_menu_arrow2.png); background-repeat:no-repeat; height:29px; background-position:center 23px; } #subtabs li.active a { background-image:url(http://i.dir.bg/corner/images/sub_menu_arrow2.png); background-repeat:no-repeat; height:29px; background-position:center 23px; } /* subtabs end */ .liveScore { background-image:url(http://i.dir.bg/corner/images/live_transparant.png); background-repeat:no-repeat; float:right; width:79px; height:28px; top:162px; left:265px; z-index:999; position:absolute;} #tVote { margin:45px 200px 0 0; width: 130px;} #tVote li { display:inline;} #tVote .vote1 a, #tVote .votex a ,#tVote .vote2 a { float:left; display:block; width:32px; height:22px; margin-left:10px; background-repeat:no-repeat; } #tVote .vote1 a {background-image: url(http://i.dir.bg/corner/images/vote1.png);} #tVote .votex a {background-image: url(http://i.dir.bg/corner/images/votex.png);} #tVote .vote2 a {background-image: url(http://i.dir.bg/corner/images/vote2.png);} #tVote .vote1 a:hover {background-image: url(http://i.dir.bg/corner/images/vote1hover.png);} #tVote .votex a:hover {background-image: url(http://i.dir.bg/corner/images/votexhover.png);} #tVote .vote2 a:hover {background-image: url(http://i.dir.bg/corner/images/vote2hover.png);} #FPtVote { margin:0; float:right; width: 60px;} #FPtVote li { display:inline;} #FPtVote .vote1fp a, #FPtVote .votexfp a ,#FPtVote .vote2fp a { float:left; display:block; width:15px; height:15px; margin-left:4px; background-repeat:no-repeat; } #FPtVote .vote1fp a {background-image: url(http://i.dir.bg/corner/images/vote1fp.png);} #FPtVote .votexfp a {background-image: url(http://i.dir.bg/corner/images/votexfp.png);} #FPtVote .vote2fp a {background-image: url(http://i.dir.bg/corner/images/vote2fp.png);} #FPtVote .vote1fp a:hover {background-image: url(http://i.dir.bg/corner/images/vote1fp_hover.png);} #FPtVote .votexfp a:hover {background-image: url(http://i.dir.bg/corner/images/votexfp_hover.png);} #FPtVote .vote2fp a:hover {background-image: url(http://i.dir.bg/corner/images/vote2fp_hover.png);} .liveResults {width:615px; font-family:Arial, Helvetica, sans-serif; padding:0 0 20px 0} .liveResults p {font-size:13px; color:#777;} .liveResults h1 { font-size:26px; color:#000; font-weight:normal;} .liveResults h4 { font-size:26px; color:#CA1D13; text-align:center; font-weight:bold; } .liveUpdate { background-image:url(http://i.dir.bg/corner/images/live.png); background-repeat:no-repeat; width:60px; height:40px; padding:10px; margin:0 0 20px 270px; color:#777; } .strelki p { background-image:url(http://i.dir.bg/football.dir.bg/images/strelki.png); background-repeat:no-repeat; background-position:0 4px; padding-left:10px; margin:8px 0 0 2px; line-height:12px; } .liveScoreTable table { background-color:#CCC;} .liveScoreTable td { background-color:#666; padding:5px; color:#FFF; border-bottom:1px solid #333;} .liveSVideo { text-decoration:none; color:#F60 !important; font-weight:bold; font-size:12px;} .liveSVideo:hover { text-decoration:underline; color:#000;} .sizeMax1 { font-size:16px; font-weight:bold;} .sizeMax2 { font-size:15px;} .sizeMax3 { font-size:14px;} .liveTableHeight {width: 614px; height: 1000px; overflow: auto; margin-bottom:20px;} .iconYellowCard, .iconRedCard, .iconCorner, .iconTime, .iconGol, .iconSmqna, .iconPen { background-repeat: no-repeat; background-position: 0 1px; padding-left:15px; margin-left:10px; width: auto; } .iconJC, .iconRC, .iconCorner, .iconTime, .iconGol { background-repeat: no-repeat; background-position: 0 1px; padding-left:15px; margin-left:10px; width: auto; } .loaderInfo img { border:0;} .iconYellowCard { background-image: url(http://i.dir.bg/corner/images/live_icon_yellowcard.png); } .iconJC { background-image: url(http://i.dir.bg/corner/images/live_icon_yellowcard.png); } .iconRedCard { background-image: url(http://i.dir.bg/corner/images/live_icon_redcard.png); } .iconRC { background-image: url(http://i.dir.bg/corner/images/live_icon_redcard.png); } .iconCorner { background-image: url(http://i.dir.bg/corner/images/live_icon_corner.png); } .iconTime { background-image: url(http://i.dir.bg/corner/images/live_icon_time.png); } .iconGol {background-image: url(http://i.dir.bg/corner/images/live_ball.png); } .iconSmqna {background-image: url(http://i.dir.bg/corner/images/icon_smqna.png);} .iconPen {background-image: url(http://i.dir.bg/corner/images/icon_pen.png);} .topTicker { background-image:url(http://i.dir.bg/corner/images/topblack_bgr.png); background-repeat:no-repeat; width:955px; height:32px; padding:5px 0 0 7px; position: relative; top: 4px; } .ispace {margin-bottom:10px; } .halfTime {width:270px; height:10px; background-color:#090; border:1px solid #FFF; position:relative;} .halfTimeCurrent { background-color:# F00;} .topTim {background-repeat:no-repeat; position:absolute; z-index:999; width:10px; height:20px; top:-21px; } .bottomTim {background-repeat:no-repeat; position:absolute; z-index:999; width:10px; height:20px; top:13px; } .topTimRC {background-image:url(http://i.dir.bg/corner/images/icon_redcard_top.png); } .topTimJC {background-image:url(http://i.dir.bg/corner/images/icon_yellow_top.png); } .topTimGol {background-image:url(http://i.dir.bg/corner/images/icon_gol_top.png); width:16px; height:20px; } .topTimGolne {background-image:url(http://i.dir.bg/corner/images/icon_gol_top_ne.png); width:16px; height:20px; } .topTimCorner {background-image:url(http://i.dir.bg/corner/images/icon_top_corner.png); width:12px; height:20px; } .topTimSmqna {background-image:url(http://i.dir.bg/corner/images/icon_top_smqna.png); } .topTimPen {background-image:url(http://i.dir.bg/corner/images/icon_pen_top.png); } .bottomTimRC {background-image:url(http://i.dir.bg/corner/images/icon_redcard_bottom.png); } .bottomTimJC {background-image:url(http://i.dir.bg/corner/images/icon_yellow_bottom.png); } .bottomTimGol {background-image:url(http://i.dir.bg/corner/images/icon_gol_bottom.png); width:16px; height:20px; } .bottomTimGolne {background-image:url(http://i.dir.bg/corner/images/icon_gol_bottom_ne.png); width:16px; height:20px; } .bottomTimCorner {background-image:url(http://i.dir.bg/corner/images/icon_bottom_corner.png); width:12px; height:20px; } .bottomTimSmqna {background-image:url(http://i.dir.bg/corner/images/icon_bottom_smqna.png); } .bottomTimPen {background-image:url(http://i.dir.bg/corner/images/icon_pen_bottom.png); } .liveLinks { font-size:10px; color:#777; margin-top:10px;} .liveLinks a { font-size:11px; color:#FFF !important; text-decoration:none; font-weight:bold;} .liveLinks a:hover { text-decoration:underline;} .liveLinks span { padding-right:5px; color:#CCC; font-size:11px; } .liveAdmin input, .liveAdmin select, .liveAdmin textarea {background-color:#DDD; color:#555; font-family:Verdana, Geneva, sans-serif; font-size:11px;} .liveAdmin input {width:17px; height:15px; padding:3px; font-weight:bold;} .liveAdmin select {width:30px; height:23px; background-image:url(http://i.dir.bg/corner/images/arrow.png); background-repeat:no-repeat;} .liveAdmin textarea {width:100%; height:60px; } .liveMachList { color:#999;} .liveMachList b { font-size:14px;} .liveMachList li { padding:7px 0; margin-right:5px; border-bottom:1px dashed #CCC; } .liveMachList li:hover { background-image:url(http://i.dir.bg/corner/images/right-news-backgr.png); background-repeat:repeat-x; margin:0 -4px 0 -9px; padding:7px 9px 7px 9px; border-bottom:1px dashed #FFF;} /*table bg color*/ .bgColor1 {background-color:#FEDA9C;} .bgColor2 {background-color:#D8E7FC;} .bgColor3 {background-color:#C4FFE9;} .bgColor4 {background-color:#EEE;} .bgColor5 {background-color:#E5E5E5;} .bgColor6 {background-color:#F3F1F3} .timeLive {background-color:#222; color:#FFF; width:16px; height:16px; padding:2px; font-weight:bold;} .trackF1 { line-height:18px; margin-top:-10px; } .trackF1 img { margin-top:15px; } .fpDiscipline p { margin-bottom:5px;} .fpCalendar{ margin-bottom:10px;} .fpCalendar td { text-align:center; border:1px solid #D1D1D1;} .fpCalendar td:hover { background-color:#E1E1E1;} .fpDays td { background-color:#EFEFEF;} .noBorder {border:none !important;} .admRight {border-bottom: 1px dotted #CCC; padding-bottom: 5px; margin: 0 5px 5px 0;} .admRight:hover {background-image:url(http://i.dir.bg/corner/images/right-news-backgr.png); background-repeat:repeat-x;} .admRight a:hover { text-decoration:none;} .admRight b { color:#000;} .admRight a b{ color:#930;} .admRighta b:hover {text-decoration:underline;} .admRight a.active {color:#555 !important; text-decoration:underline;} .rightLiveScore { background-color:#FFF !important; background-image:url(http://i.dir.bg/corner/images/liveScoreTR.png); background-repeat:repeat-x; background-position:bottom; border-bottom:1px solid #F1F1F1; padding:0 5px; height:65px;} .rightLiveScore:hover { background-color:#E9E9E9 !important; background-image:none; border-bottom:1px solid #F1F1F1;} .rightLiveScore h3 { font-size:20px; color:#CA1D13;} .rightLiveScore .strong { font-size:13px; font-weight:bold;} .newRightScores {border:1px solid #CCC; width:298px; height: auto; margin-top:-3px; border-top:none;} .hUp, .hDown { font-size:11px; color:#777; background-repeat: no-repeat; padding-left: 15px; background-position: 0 1px; width: auto; } .hUp { background-image: url(http://i.dir.bg/banki.dir.bg/img/h_up.png); } .hDown { background-image: url(http://i.dir.bg/personi.dir.bg/images/h_down.png); } /* CLUBS CSS CODE */ /*rigth navigation*/ #rnavigation { margin:0 0 5px 0; padding:0; width:100%; border-bottom:1px dotted #CCC; line-height:16px; text-align:left; } #rnavigation a { font-weight:bold; text-decoration:none; } #rnavigation a:hover { text-decoration:underline; } .mostread { width:240px; padding-bottom:4px; } .mostrusers { width:235px; padding-bottom:4px; } .clubsAvatar {width: 37px; height: 35px; } #point { margin-bottom:2px; } #point p { background-image:url(http://i.dir.bg/football.dir.bg/images/point.png); background-position:0 6px; background-repeat:no-repeat; padding-left:15px; line-height:20px; } #point_link_top { color:#8A2E2E; font-size:14px; margin-bottom:5px; } #point_link_bottom { padding-left:160px; margin:5px 0 25px 0; } #point_avatar { width:150px; height:auto; margin-left:10px; } #point_avatar a { line-height:22px; } #point_avatar img { border:1px solid #CCC; padding:4px; margin-bottom:15px; } /*balon*/ #balon { position:absolute; padding:20px 0 0 210px; width:85px; height:64px; } #balon p { position:absolute; padding:26px 0 0 35px; } #balon a { color:#333333; text-decoration:none; } #balon a:hover { color:#333333; text-decoration:underline; } .comentbackgr { background-image: url(http://i.dir.bg/football.dir.bg/images/comments_b.png); background-repeat:no-repeat; width:85px; height:64px; position:absolute; margin-left:200px; margin-top:115px; } .comentcount { position:absolute; margin-left:198px; margin-top:118px; width:80px; text-align:center; padding-top:20px } /* tooltip */ #tooltip {display:none; position:absolute; margin:40px 0 0 -100px; max-width:200px; background-color:#FFC; padding:4px 8px; font-size:12px; color:#000; border:1px solid #dacdae;-moz-border-radius:3px;-webkit-border-radius:3px; border-radius: 3px; filter:alpha(opacity=95); -moz-opacity:.95; opacity:.95; text-align:left; z-index:5000; } .border img { border:1px solid #ccc;} .orange { color:#F60 } .black { color:#000; } .black td, .black tr { color:#000; font-size:22px; } .statistika td { border-bottom:1px dotted #ccc} /*new jQuery tabs_live*/ div.panes_live div.tabove_live{ display:none; width:300px; height:auto; background-color:#444; padding:0; margin-bottom:15px; } ul.tabs_live { list-style:none; margin:0; padding:0; width:300px; height:25px; } ul.tabs_live li { float:left; text-indent:0; padding:0; margin:0; list-style-image:none; } ul.tabs_live a { background-image:url(http://i.dir.bg/corner/images/jtabs.png); background-repeat:no-repeat; width: 100px; height: 20px; background-color:#FFF; display:block; text-align:center; text-decoration:none; padding:5px 0 0 0; margin:0; position:relative; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; } ul.tabs_live a:active { outline:none; } ul.tabs_live a:hover { background-image:url(http://i.dir.bg/corner/images/jtabs.png); background-repeat:no-repeat; background-color:#FFF; color:#000; font-size:11px; font-weight:bold; } ul.tabs_live a.current, ul.tabs_live a.current:hover, ul.tabs_live li.current a { background-image:url(http://i.dir.bg/corner/images/jtabs_active.png); background-repeat:no-repeat; background-color:#FFF; cursor:default; color:#FFF; } div.panes_live div.pane { display:none; } .taboveContent { border:1px solid #CECECE; border-top:none; padding:0 0 10px 10px; width:288px; height:auto; max-height:270px !important; overflow:auto;} .nc_info_sreshti { padding:12px 0 5px 0; color:#FFF; font-weight:bold; background-color:#444; font-family:Verdana, Geneva, sans-serif; font-size:11px;} .nc_info_results { line-height:20px; width:96%; background-color:#5C5C5C; border:1px solid #D1D1D1;} .nc_info_results p {border-bottom:1px solid #3E3E3E; border-top: 1px solid #D1D1D1; padding:2px 0 2px 0; color:#D1D1D1;} .nc_info_results i { color:#F00; font-size:10px;} .nc_info_results a { text-decoration:none; color:#FFF !important;} .nc_info_results a:hover { text-decoration: underline; color:#F1F1F1 !important;} /*new jQuery tabs_live end*/ .polls { padding:10px; } .polls p { padding-bottom:5px; } .polls b { color:#333; } .polls b:hover { color:#000; } .polls input { margin-right:5px; } .polls_button { font-family:Verdana, Geneva, sans-serif; font-size:13px; text-align:center; background-image:url(http://i.dir.bg/corner/images/polls.png); background-repeat:no-repeat; display:block; float:left; margin-left:25px; width:105px; height:20px; padding-top:3px; } .polls_button:hover { background-image:url(http://i.dir.bg/corner/images/polls_hover.png); background-repeat:no-repeat; color:#000; } #seeAll a {height:20px; font-weight:bold; color:rgb(62, 94, 142); width:290px; text-align:center} #seeAll a:hover { color:#F60;} #prevBtn a {height:26px; padding-left:61px; font-weight:bold; color:rgb(62, 94, 142); padding:0; text-indent:1000px; background-image:url(http://i.dir.bg/corner/images/worldcup/see-up.png); margin-top:5px; width:298px; display:block;} #prevBtn a:hover { color:#F60; background-image:url(http://i.dir.bg/corner/images/worldcup/see-up-hover.png); background-position:0 0} #nextBtn a {height:26px; padding-left:61px; font-weight:bold; color:rgb(62, 94, 142); background-image:url(http://i.dir.bg/corner/images/worldcup/see-down.png); padding:0; text-indent:1000px; width:298px; display:block;} #nextBtn a:hover { color:#F60; background-image:url(http://i.dir.bg/corner/images/worldcup/see-down-hover.png); background-position:0 0} #pr a {height:30px; overflow:visible;} #slider2 li, #slider2 { width:304px; height:384px; overflow:hidden;} .slide { position:static;} #morelinks { margin:10px 0; width:236px;} #morelinks li { display:inline;} #morelinks li a { display:block; padding: 3px 0; border-bottom:1px dashed #ccc} #morelinks li a:hover { background-color:#FFC;} .item a { display: block; background-image: url(http://i.dir.bg/corner/images/worldcup/right-news-backgr.png); background-repeat: repeat-x; background-position: 0px bottom; padding: 8px; padding:7px; height:50px; width:284px; overflow:hidden;} .item a:hover { background-image: url(http://i.dir.bg/corner/images/worldcup/right-news-backgr-hover.png); background-repeat: repeat-x; background-position: 0px top; text-decoration:none; color:#000; cursor:pointer; } .item { position:relative; height:66px; overflow:hidden;} .scrollableRight { /* required settings */ position:relative; overflow:hidden; /* vertical scrollables have typically larger height than width but not now */ height: 395px; width: 298px; } /* root element for scrollable items */ .scrollableRight .items { position:absolute; /* this time we have very large space for the height */ height:500px; } #prevBtn.disabled a{ background-image:url(http://i.dir.bg/corner/images/see-up-dis.png); cursor:default !important; } #nextBtn.disabled a{ background-image:url(http://i.dir.bg/corner/images/see-down-dis.png); cursor:default !important; } #seeAll li { height:20px;} .anonsi2 li { display:inline;} #seeAll a { height:20px; font-weight:bold; color:#900; width:284px; text-align:center } #seeAll a:hover { color:#000; } a#imageLink {display:block; width:355px; height:200px; overflow:hidden; border:3px solid #fff; position:relative; top:-3px; left:-3px; padding:0; margin:0; color:#FFF; font-size:10px; text-decoration:none;} a:hover#imageLink {border:3px solid #333;} .count {background-image:url(http://i.dir.bg/corner/images/galeri-look2.png); position:absolute; top:179px; background-position:right top; height:13px; width:347px; padding:4px; z-index:66; color:#FFF; font-size:10px; background-repeat:no-repeat; } .count a { display:block; width:142px; height:20px; color:#FFF; text-decoration:none; border:0px solid #000; background-repeat:no-repeat; font-size:10px; font-family:Verdana, Geneva, sans-serif;} .count a:hover { color:#FFF;} .liveLinksToAll {text-align:center; padding-top:10px;} .liveLinksToAll a { color:#F60 !important;} .liveLinksToAll a:hover { color:#FFF !important; text-decoration:underline;} .liveLinksSMS {text-align:center !important; padding-top:5px;} .liveLinksSMS a { color:#FFF !important;} .liveLinksSMS a:hover { color:#F60 !important; text-decoration:underline;} .liveLinksSMS span { color:#F60 !important;} .liveLinksSMS a:hover span { color:#FFF !important;} .programa tr td .noBorder tr td { border-bottom:1px solid #FFF;} .videoCount {height:21px; line-height:21px; font-size:10px; color:#FFF; background-color:#0D0D0D; width:345px; padding:0 5px;} .prognoziFP li { padding:4px 0; border-bottom:1px dashed #CCC;} .prognoziFP li:hover { background-color:#FFC;} .shampionat a { font-size:11px; color:#333; } .shampionat a:hover { color:#000; text-decoration:underline; } .vote { padding-top:9px; } .vote a { background-image:url(http://i.dir.bg/corner/images/vote.gif); width:113px; height:34px; display:block; text-indent: -222222px; } .vote a:hover { background-image:url(http://i.dir.bg/corner/images/vote-hover.gif); } .subscribe { padding-top:9px; width:115px; } .subscribe a { background-image:url(http://i.dir.bg/corner/images/subscribe.gif); width:113px; height:34px; display:block; text-indent: -222222px; } .subscribe a:hover { background-image:url(http://i.dir.bg/corner/images/subscribe-hover.gif); } .smsPhoneChange { padding-top:9px; width:115px;} .smsPhoneChange a { background-image:url(http://i.dir.bg/corner/images/change.gif); width:113px; height:34px; display:block; text-indent: -222222px; } .smsPhoneChange a:hover { background-image:url(http://i.dir.bg/corner/images/change_hover.gif); } .smsPhoneActive { padding-top:9px; } .smsPhoneActive a { background-image:url(http://i.dir.bg/corner/images/activirai.gif); width:113px; height:34px; display:block; text-indent: -222222px; } .smsPhoneActive a:hover { background-image:url(http://i.dir.bg/corner/images/activirai_hover.gif); } .sms td, .sms tr { color:#000; font-size:14px;} #izhod { width:200px; color:#FFF; text-align:right; padding:5px 10px 0 0} #izhod a {color:#FC0; } #izhod a:hover { text-decoration:underline;} a.delAbonament { display:block;/* text-indent:5000px;*/ background-image:url(http://i.dir.bg/new_market/media/images/x_button.png); width:17px; height:16px; background-repeat:no-repeat;} .geimove td {border-right:1px dashed #CCC;} .geimove td.first {border-left:1px dashed #CCC;} .imageHolder { float:left; width:540px; text-align:center; overflow:hidden;} .lentaLog {display:block; width:400px; float:left; position:absolute; top:3px; left:45%; } .tennisPoints {font-weight:bold; display:block; width:40px; text-align:center; color:#000; border:4px solid #333; padding:7px 5px; font-size:22px;} .dirplayer_corner_button { background-image:url(http://i.dir.bg/corner/images/dirplayer_corner_button.png); background-repeat:no-repeat; width:300px; height:24px; text-align:center; margin-bottom:15px;} .dirplayer_corner_button a { font-family:Verdana, Geneva, sans-serif; font-size:12px; text-decoration:none; color:#FFF !important; display:block; width:300px; height:20px; padding-top:4px;} .dirplayer_corner_button a:hover { color:#F60 !important; text-decoration:none;} /*market*/ div.panes div.tabove { display:none; border:1px solid #ccc; border-top:0; border-bottom:0; width:288px; height:auto; background-color:#FFF; padding:5px 5px 10px 5px; } div.adsMarket { border:1px solid #ccc; border-top:0; margin-bottom:15px; width:298px; } ul.tabs { list-style:none; margin:0; padding:0; width:300px; height:21px; } ul.tabs li { float:left; text-indent:0; padding:0; margin:0; list-style-image:none; } ul.tabs a { background-image:url(http://i.dir.bg/corner/images/jtabs.png); background-repeat:no-repeat; width: 100px; height: 20px; background-color:#FFF; display:block; text-align:center; text-decoration:none; padding:5px 0 0 0; margin:0; position:relative; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#993300; font-weight:bold; } ul.tabs a:active { outline:none;} ul.tabs a:hover { background-repeat:no-repeat; background-color:#FFF; color:#000; font-weight:bold; background-image:url(http://i.dir.bg/football.dir.bg/images/jtabs-hov.png); } ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a { background-repeat:no-repeat; background-color:#FFF; cursor:default; color:#000; border-bottom:1px solid #fff; background-image:url(http://i.dir.bg/football.dir.bg/images/jtabs-hov.png) } div.panes div.pane { display:none; } .tabove img {margin:auto; padding-bottom:5px} .wtalign {width: 110px; text-align:center; float:left; padding:5px 0;} .topTabInfo {font-size:11px; color:#666; text-align:center; margin-bottom:4px;} .whpSettings {width: 29px; height: 28px; padding-top: 30px;} .adsMarket table {border-top:1px dashed #ccc;} .adsMarket td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:24px;} .adsMarket td a {font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#0073BF; text-decoration: none; font-weight:bold;} .panes a { font-size:11px; text-decoration:none;} #redakcia { padding:0; margin:0; font-family:Verdana, Geneva, sans-serif; font-size:12px;} #redakcia li { list-style:none; font-size:12px; color:#666; padding:5px 0;} #redakcia li.title { font-weight:bold;} #redakcia li.last { margin-bottom:5px; border-bottom:1px dashed #CCC; padding-bottom:10px} .redakciaform {border:1px solid #B3C2D9; background-color:#E6EBF2; width:350px} .smallSizeMarket { float:left; width:222px;} /*temite*/ #fpLeft {width:615px; float:left; padding:15px } #fpRight {float:left; padding: 15px 0 15px 0; width:300px;} .fpColumnsTemite { float: left; width: 300px; } .nb_refresh_tags { display:block; height:20px; width:auto; background-image: url(http://i.dir.bg/esspresso/images/refresh_tag.png); background-repeat:no-repeat;} .nb_refresh_tags a { width:200px !important;} .fp_temi_link { font-size: 16px; font-weight:bold; color:#999 !important; padding: 0 0 4px 0; display: block;} .fp_temi_link:hover { color:#F60 !important; } .anonsi2 li { position:relative;} .anonsi2 li a {height:50px;} .anonsi2 li .anonsTheme { position:absolute; top:40px; left:103px; width:200px; } .anonsi2 li .anonsTheme b { color:#333; font-size: 11px; } .anonsi2 li .anonsTheme a { display:inline; padding:0; color:#900; font-size:11px; font-weight:normal; background-position:1000px 1000px; background-repeat:no-repeat; } .anonsi2 li .anonsTheme a:hover { color:#000; text-decoration:underline;} #panesTemi .anonceTextVideo { font-weight:normal !important;} .temaheadline { padding: 0 20px 20px 20px;} .temaheadline h1 { margin:0 !important; padding:0 !important; } .tema { font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:34px !important; margin:0; padding:0;} .searchTemite { color:#666; height:24px; background-color:#FFC; border:1px solid #FFCD02; padding:5px; margin-bottom:5px; width:288px; } .searchTemite p { padding-bottom:4px; } .searchTemite input { width: 175px; border:1px solid #CCC; height:20px; color:#666; padding:2px 0 0 2px; } .subName { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:16px; padding:4px 0 0 0; font-weight:bold; } .ac_results { padding: 0px; border: 1px solid #C1DAD7; background-color: #fff; overflow: hidden; z-index:99999999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; } .ac_results iframe { display:none;/*sorry for IE5*/ display/**/:block;/*sorry for IE5*/ position:absolute; top:0; left:0; z-index:-1; filter:mask(); width:3000px; height:3000px; } .ac_results li { position:relative; margin: 0px; padding: 2px 5px; cursor: pointer; display: block; width: 100%; font: menu; font-size: 12px; overflow: hidden; border-bottom:1px dashed #CFCFE7; padding:5px; text-align:left; } .ac_loading { background : #fff url('http://i.dir.bg/finance/images/autocomplete_indicator.gif') right center no-repeat; } .ac_over { background-color: #C9D7FA; color: #000000; font-weight:bold; } .moreTagClouds { width:278px; height:auto; padding:10px; border:1px solid #FFCD02; margin-bottom:15px;} span.green {color:#060;} span.red {text-decoration:line-through; color:#F00;} span.approved { background-color:#E6F8DA;} span.discard { background-color:#FEDEE3;} #imageContainer { position:relative; } #imageContainerTag { width: 355px; height:200px; overflow:hidden; margin-bottom:15px; background-position: center center; position:relative; margin-left:-5px; } #imageContainerTag a { width: 355px; height:200px; display: block; border:5px solid #fff; background-image: url(http://i.dir.bg/corner/images/galeri-look.png); background-repeat: no-repeat; background-position: 0 174px; } #imageContainerTag a:hover { width: 345px; height:190px; border:5px solid #000; background-image: url(http://i.dir.bg/corner/images/galeri-look-hover.png); background-position: 0 169px; } #imageContainerTag span {position:absolute; bottom:7px; left:10px; color:#FFF; font-size:10px;} #adinfoMenu { margin:10px 0 20px 0 } #adinfoMenu li { display:inline; } #adinfoMenu li a { display:block; background-image:url(http://i.dir.bg/esspresso/images/subsub.png); width:120px; height:24px; text-align:center; line-height:24px; float:left; margin-right:1px; background-repeat:no-repeat; } #adinfoMenu .active a { background-image:url(http://i.dir.bg/esspresso/images/subsub-hover.png); color: #FFF; text-decoration:none; font-weight:bold; } #adinfoMenu li a:hover { background-image:url(http://i.dir.bg/esspresso/images/subsub-hover.png); color: #FFF; } /*.galleryImages { margin-bottom:10px; float:left; } .galleryImages img { border:1px solid #A2B5CE; padding:2px; } .galleryMulty { position:absolute; background-color:#FFFFCC; color:#F60; width:19px; height:11px; margin:41px 0 0 33px; font-family:Verdana, Geneva, sans-serif; font-size:9px; text-align:center; } .gallerySinglePart { float:left; width:58px; height:58px; margin-left:10px; } .galleryMultyPart { float:left; background-image: url(http://i.dir.bg/esspresso/images/gallery-rbgr.png); background-repeat:no-repeat; background-position:0 bottom; width:61px; height:58px; margin-left:9px; }*/ #galanonsi a:hover { background-position:1000px 0} .bannerBottom {position:fixed; width:100%; height:50px; background-color:#900; z-index:99999px; bottom:0; color:#FFF; font-size:18px; text-align:center;}