body { background-color: #DDDDCA; margin: 0; padding: 0; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color: #555; line-height: 130%; }
img { border:0 }
form { padding:0; margin:0; vertical-align:middle; }
p, h1, h2, h3, h4 { margin:0; padding:0 }
a { font-size: 12px; color: #3478BC; outline:none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; color: #F60; }
a:active { text-decoration: none; color: #3478BC; }
a, h1, h2, h3 { font-family: Verdana, Arial, Helvetica, sans-serif; }
h1 { font-size:24px; color:#000; margin-bottom: 14px; }
h2 { font-size:18px; color:#D76E08; margin-bottom: 12px; }
h2 a:link { font-size:16px; color:#6D882F; margin-bottom: 12px; }
h2 a:visited { font-size:16px; color:#6D882F; margin-bottom: 12px; }
h2 a:hover { font-size:16px; color:#F60; margin-bottom: 12px; text-decoration: none; }
h2 a:active { font-size:16px; color:#6D882F; margin-bottom: 12px; }
h3 { font-size:16px; color:#D76E08; }
h3 a { color:#D76E08; font-size:16px; }
h3 a:visited { color:#D76E08; font-size:16px; margin-bottom: 16px; }
.right { float: right; }
.left { float: left; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.clearright { clear:right; height:0; font-size: 1px; line-height: 0px; }
.clearleft { clear:left; height:0; font-size: 1px; line-height: 0px; }
#container { width:976px; text-align:left; margin:auto; }
#header { height: 123px; background-image: url(http://i.dir.bg/audience.dir.bg/images/header.png); margin-bottom: 12px; }
#headerBanners { height: 139px; background-image: url(http://i.dir.bg/banners/images/logo.png); background-repeat:no-repeat; margin-bottom: 5px; }
#logoLink { position: absolute; height: 50px; width: 280px; left: 50%; top: 25px; margin-left: -470px; }
.enter { background: url(http://i.dir.bg/banners/images/enter.png) no-repeat; border: none; width: 45px; height: 22px; cursor: pointer; }
.green { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #5F860B; height: 23px; }
.green a:link { color: #5F860B; font-size: 11px; text-decoration:underline; }
.green a:visited { color: #5F860B; font-size: 11px; }
.green a:hover { color: #5F860B; font-size: 11px; }
#mainnavigation { margin:0; padding:0; float:left; width:450px; height:26px; font-weight: bold; background-image: url(http://i.dir.bg/audience.dir.bg/images/menu_backgr.png); background-repeat: no-repeat; padding-left: 500px; }
#mainnavigation ul { margin:0; padding:0; list-style: none; }
#mainnavigation li { display:inline; margin:0; padding:0; list-style: none; }
#mainnavigation a { float:left; margin:0; padding:0; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; background-image: url(http://i.dir.bg/audience.dir.bg/images/button.png); width: 110px; height: 23px; text-align: center; padding-top: 9px; margin-right: 2px; color: #030; font-size: 11px; }
#mainnavigation li a:link { display:block; color: #030; width: 110px; }
#mainnavigation li a:hover { display:block; background-image: url(http://i.dir.bg/audience.dir.bg/images/but_actice.png); height: 23px; color: #FFF; width: 110px; background-repeat: repeat-x; }
#mainnavigation li.active a { background-image: url(http://i.dir.bg/audience.dir.bg/images/but_actice.png); background-color:#009900; height:23px; color:#FFF; background-repeat: repeat-x; }
.top-position { width:680px; float:left; }
#topnavigation { margin:0; padding:0; float:left; width:680px; height:38px; font-weight: bold; padding-left:10px; padding-top:95px; }
#topnavigation ul { margin:0; padding:0; list-style: none; }
#topnavigation li { display:inline; margin:0; padding:0; list-style: none; }
#topnavigation a { float:left; margin:0; padding:0; text-decoration:none; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; background-image: url(http://i.dir.bg/banners/images/top_button.png); background-repeat:no-repeat; width: 114px; height: 29px; text-align: center; padding-top: 12px; margin-right:1px; color: #FFF; }
#topnavigation li a:link { display:block; color: #FFF; width: 114px; }
#topnavigation li a:hover { display:block; background-image: url(http://i.dir.bg/banners/images/top_button_active.png); background-repeat:no-repeat; height: 29px; color: #F60; width: 114px; }
#topnavigation li.active a { background-image: url(http://i.dir.bg/banners/images/top_button_active.png); background-repeat:no-repeat; height:29px; color: #000; }
#topnavigation li#christmass a { background-image:url(http://banners.dir.bg/img/top_button_cristmass.png); width:197px; background-repeat:no-repeat; }
#topnavigation li#christmass a:hover { background-image:url(http://banners.dir.bg/img/top_button_cristmass-hover.png); width:197px; }
#topnavigation li#svalentin a { background-image:url(http://banners.dir.bg/img/top_button_svalentin.png); width:188px; background-repeat:no-repeat; outline:none; }
#topnavigation li#svalentin a:hover { background-image:url(http://banners.dir.bg/img/top_button_svalentin-hover.png); width:188px; outline:none; }
#topnavigation li#prolet a { background-image:url(http://i.dir.bg/banners/top_button_prolet.png); width:188px; background-repeat:no-repeat; outline:none; }
#topnavigation li#prolet a:hover { outline:none; }
#tablenavigation { margin:0; padding:0; float:left; width:940px; height:27px; font-weight: bold; padding-top: 9px; padding-left: 6px; border-bottom: 1px solid #B9D7A0; margin-bottom: 20px; }
#tablenavigation ul { margin:0; padding:0; list-style: none; }
#tablenavigation li { display:inline; margin:0; padding:0; list-style: none; }
#tablenavigation a { float:left; margin:0; padding:0; text-decoration:underline; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #5F860B; background-image: url(http://i.dir.bg/banners/images/content_buton.png); background-repeat: no-repeat; width: 185px; height:23px; text-align: center; padding-top: 7px; margin-right: 2px; }
#tablenavigation li a:link { display:block; width: 185px; }
#tablenavigation li a:hover { display:block; background-image: url(http://i.dir.bg/banners/images/content_buton_over.png); color: #000; width: 185px; background-repeat: no-repeat; }
#tablenavigation li.active a { background-image: url(http://i.dir.bg/banners/images/content_buton_active.png); height:23px; color: #000; background-repeat: no-repeat; text-decoration: none; font-weight: bold; }
.mobile-ul { width:300px; margin:10px 40px; }
.mobile-div { width:300px; margin:15px 30px; line-height:18px; }
.mobile-border img { border:1px solid #F1F1F1; margin:7px 0; }
#tablenavigation li#mobile a, #tablenavigation li#mobile a:hover, #tablenavigation li#mobile.active a { width:265px; background-image: url(http://i.dir.bg/audience.dir.bg/images/mobile-buttons.png); }
#tablenavigation li#mobile a { background-position:0 0; height:22px; color:#333; }
#tablenavigation li#mobile a:hover { background-position:0 -29px; }
#tablenavigation li#mobile.active a { background-position:0 -58px; }
#tablica { width:945px; }
#tablica table { background-color: #CCC; font-weight:bold; empty-cells: show; font-size: 100%; margin:2px; text-align: left; width: 100%; text-align:center; }
#tablica table a { color:#5F860B; text-decoration:underline; font-size:12px; }
#tablica table thead th { background-image:url(http://i.dir.bg/banners/images/tableth.png); background-repeat:repeat-x; height:20px; color: #000; }
#tablica table tbody tr.top { background-image:url(http://i.dir.bg/banners/images/tabletr.png); background-repeat:repeat-x; height:20px; }
#tablica table tbody tr.odd { background-color: #F3F3F3; }
#tablica table tbody tr.even { background-color: #FFF; }
#tablica table tbody tr:hover { background-color: #E4EFDA; }
#tablica table tbody td { color: #666666; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding: 3px; }
#tablica table tbody tr:hover td { color: #000; }
.styleTable { color: #FFF; font-family:Arial, Helvetica, sans-serif; font-size:15px; font-weight:normal; }
#middlepartBanners { background-image: url(http://i.dir.bg/banners/images/middl_backgr.png); background-repeat: repeat-y; }
#contentBanners { background-image: url(http://i.dir.bg/banners/images/middl_backgr_top.png); background-repeat: no-repeat; position:relative; }
#middlepart { background-image: url(http://i.dir.bg/audience.dir.bg/images/middl_backgr.png); background-repeat: repeat-y; }
#content { background-image: url(http://i.dir.bg/audience.dir.bg/images/middl_backgr_top.png); background-repeat: no-repeat; }
#sidebar { width: 120px; padding: 40px 25px 5px 5px; }
.sidecontainer { width: 120px; margin-bottom: 15px; }
.sidecontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }
.sidecontainer a { display: block; padding: 5px 5px 5px 10px; width: 100px; background-color: #EFEFDF; border-bottom: 1px solid #AFAF98; border-top: 1px solid #FFF; font-weight: bold; background-image: url(http://i.dir.bg/audience.dir.bg/images/orange_bull.gif); background-repeat: no-repeat; background-position: 5px 9px; }
.sidecontainer a:link, .sidecontainer a:visited { color: #878767; text-decoration: none; font-weight: bold; }
.sidecontainer a:hover { background-color: #5A8822; color: #FFF; border-top: 1px solid #666666; }
.sidecontainer li.active a, .sidecontainer li.active a:visited { background-color:#3A5816; color: #FFF; border-left: 0px solid #FFF; border-right: 0px solid #FFF; border-bottom: 0px solid #B9BDCE; border-top: 0px solid #B9BDCE; }
#leftbar { width: 120px; padding: 5px; }
.leftcontainer { width: 120px; margin-bottom: 15px; }
.leftcontainer ul { margin: 0; padding: 0; list-style-type: none; font-family: Arial, Helvetica, sans-serif; }
.leftcontainer a { display: block; padding: 5px 5px 5px 10px; width: 100px; background-color: #EFEFDF; border-bottom: 1px solid #AFAF98; border-top: 1px solid #FFF; font-weight: bold; background-image: url(http://i.dir.bg/audience.dir.bg/images/orange_bull.gif); background-repeat: no-repeat; background-position: 5px 9px; }
.leftcontainer a:link, .leftcontainer a:visited { color: #878767; text-decoration: none; font-weight: bold; }
.leftcontainer a:hover { background-color: #5A8822; color: #FFF; border-top: 1px solid #666666; }
.leftcontainer li.active a, .leftcontainer li.active a:visited { background-color:#3A5816; color: #FFF; border-left: 0px solid #FFF; border-right: 0px solid #FFF; border-bottom: 0px solid #B9BDCE; border-top: 0px solid #B9BDCE; }
#main { width:620px; margin:0 10px 0 0; padding: 30px 10px 30px 30px; }
.screenshots { text-align: center; padding: 20px 0 30px 0; }
.b-opisanie, .b-primer, .b-podrobno { display:block; float:left; width:85px; height:20px; background-image:url(http://i.dir.bg/audience.dir.bg/images/bb-buttons.gif); background-repeat:no-repeat; padding:0; text-indent:-5000px; outline:none; margin:0 6px; }
.b-opisanie { background-position:0 0; }
.b-opisanie:hover { background-position:0 -21px; }
.b-primer { background-position:0 -42px; }
.b-primer:hover { background-position:0 -63px; }
.b-podrobno { background-position:0 -84px; }
.b-margin { margin-right:103px; }
#footer { background-image: url(http://i.dir.bg/audience.dir.bg/images/footer.png); height: 86px; background-repeat: no-repeat; }
#bottomBanners { background-image: url(http://i.dir.bg/banners/images/botom.png); height: 6px; background-repeat: no-repeat; }
#bottom { background-image: url(http://i.dir.bg/audience.dir.bg/images/botom.png); height: 6px; background-repeat: no-repeat; }
/*******thickbox********/
#TB_window { font: 12px Arial, Helvetica, sans-serif; color: #333333; }
#TB_secondLine { font: 10px Arial, Helvetica, sans-serif; color:#666666; }
#TB_window a:link { color: #666666; }
#TB_window a:visited { color: #666666; }
#TB_window a:hover { color: #000; }
#TB_window a:active { color: #666666; }
#TB_window a:focus { color: #666666; }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { background: url(macFFBgHack.png) repeat; }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=15); -moz-opacity: 0.15; opacity: 0.15; }
* html #TB_overlay { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window { position: fixed; background: #ffffff; z-index: 102; color:#000000; display:none; border: 4px solid #525252; text-align:left; top:50%; left:50%; }
* html #TB_window { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-top: 1px solid #666; border-left: 1px solid #666; width:auto !important; height:auto !important; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow { height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow { padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle { float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title { background-color:#e8e8e8; height:27px; }
#TB_ajaxContent { clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal { padding:15px; }
#TB_ajaxContent p { padding:5px 0px 5px 0px; }
#TB_load { position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }
* html #TB_load { position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect { z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent { clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }