/* * CSS Style for "wr_probusonus" Theme * @author ZulloP * @url http://eshop.webrevolution.org * @email info(at)webrevolution(dot)org */ /* THEME WIDTH * change the width value to modify the theme screen size * 960px for 1024x768 screen resolution or 98% for liquid layout --------------------------------------------------------- */ div#mainwrap{ width: 960px; } div#forumwrap{ width: 95%; } body{ margin: 0px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #313640; } #body_bg{ background-color: #395b85; background-image: url(../images/bg_pattern.gif); background-repeat: repeat; } textarea { border:solid #888888 1px; } input.button{ /*font-family: Verdana, Arial;*/ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; padding: 1px; color: #d0d5d9; font-size: 12px; background: #373737; border-style: solid; border-color: #404040; border-width: 1px; } input.button:hover{ /*font-family: Verdana, Arial;*/ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; color: #404040; padding: 1px; font-size: 12px; background: #fff; background-color: #d0d5d9; border-style: solid; border-color: #404040; border-width: 1px; } input{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; padding: 2px; color: #d0d5d9; font-size: 12px; background: #373737; border-style: solid; border-color: #64727f; border-width: 1px; } /* JOOMLA! DEFAULT STYLING --------------------------------------------------------- */ a:link, a:visited { font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #5589c7; text-decoration: none; } a:hover { text-decoration: underline; } .list_art:link, .list_art:visited { font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #5589c7; text-decoration: none; } .list_art:hover { font-size: 11px; text-decoration: none; color: #f05505; } ul { margin: 0px; margin-left: 15px; padding: 0px; } ul a:link, ul a:visited{ color: #5589c7; text-decoration: none; } ul a:hover{ text-decoration: underline; } td{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; text-align: left; } span.article_seperator { /*display: block;*/ width:100%; height: 1px; /*background-image: url(../images/divider1.gif);*/ background-color: #d6d6d6; } .article_seperator_tbl { border-top: 1px solid #d6d6d6; } .pics_descr{ padding: 3px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 9px; color: #ffffff; } .pc{ margin: 0px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #793a02; } .ps3{ margin: 0px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #007ccf; } .xbox{ margin: 0px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #82c100; } .text_white{ margin: 0px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #ffffff; } .table_list_title{ margin: 0px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #313640; } .list_title{ margin: 0px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-weight: bold; font-size: 18px; color: #82c100; } .article_title{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 12px; color: #313640; } .article_name{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 16px; color: #313640; } .article_descr_base{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 9px; color: #313640; } .tbl_prev{ border-top: 1px solid #808080; padding: 3px; } .contentheading { font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 16px; font-weight: none; color: #313640; } .contentheading a:link, .contentheading a:visited { font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: none; color: #5589c7; text-decoration: none; } .contentheading a:hover { text-decoration: underline; } .modifydate{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #535c6b; padding-top: 15px; } .small{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #535c6b; } .createdate{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #535c6b; } .readon{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #313640; } a.readon:link, a.readon:visited { font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #5589c7; text-decoration: none; background-image: url(../images/readon_button.jpg); background-repeat: no-repeat; height: 7px; width: 7px; background-position: 0px 3px; width: 100%; } a.readon:hover { text-decoration: underline; } td.buttonheading { width: 32px; } .sectiontableheader { background-color : #535353; background-repeat: repeat; padding: 2px; color : #FFFFFF; font-weight : bold; padding: 2px; } .mosimage_caption{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #838383; padding-top: 5px; } .componentheading { font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 16px; font-weight: bold; color: #313640; } .game_name{ color: #313640; font-weight: bold; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 16px; } .base_title{ color: #313640; font-weight: bold; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; } .base_section{ color: #fff; font-weight: bold; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 12px; } .base_describe{ color: #313640; font-weight: none; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; } /* CUSTOM CODING --------------------------------------------------------- */ div#mainwrap{ background-color: #303030; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #d0d5d9; border-left-color: #d0d5d9; position: relative; } /* TOP HEADER */ div#top_header{ height: 137px; background-image: url(../images/header_bg.jpg); background-repeat: repeat-x; } div#divider1{ /* 2px divider used between the top header and top menu */ background-image: url(../images/divider1.gif); height: 1px; background-repeat: repeat-x; overflow: hidden; } /* HORIZONTAL TOPMENU*/ div.top_menu{ height: 29px; } div.top_menu, div.submenu { float: left; width: 100%; z-index: 100; } div.submenu { height: 25px; } div.top_menu ul, div.submenu ul { margin: 0; padding: 0; list-style: none; float: left; } div.top_menu li, div.submenu li { float: left; margin: 0; padding: 0; background: none; } div.top_menu a:link, div.top_menu a:visited { float:left; display:block; height: 29px; line-height: 2.5em; padding: 0 8px; } div.submenu { float:left; height: 25px; line-height: 25px; padding: 0 10px; font-size: 10px; color: #878787; } div.submenu a:link, div.submenu a:visited { float:left; 3height: 25px; line-height: 26px; padding: 0 10px; } div.top_menu a:hover{ text-decoration: none; } div.submenu a:hover { text-decoration: underline; background: none; } div.top_menu a.active_menu:link, div.top_menu a.active_menu:visited{ position: relative; z-index: 102; } div.top_menu a:link, div.top_menu a:visited { color: #313640; font-size: 12px; font-weight: bold; } div.submenu a:link, div.submenu a:visited { font-size: 11px; font-weight: bold; color: #aab1b9; } div.top_menu a:hover { color: #5589c7; } div.submenu a:hover{ background: none; color: #ffffff; text-decoration: none; } div.top_menu a.active_menu:link, div.top_menu a.active_menu:visited{ color: #5589c7; } div#top_menu{ height: 29px; background-color: #2d2d2d; /*background: url(../images/top_menu.gif); background-repeat: repeat-x;*/ } div#turntable { background: url(../images/icons/container-box.png); } div#turntable2 { background: url(../images/icons/container-box2.png); } div#divider2{ /* 2px divider used between the top menu and submenu */ background-image: url(../images/divider2.gif); height: 1px; background-repeat: repeat-x; overflow: hidden; } div#submenu{ background-color: #2d2d2d; padding: 5px; } div#divider3{ /* 2px divider used between the submenu and header image */ background-image: url(../images/divider3.gif); height: 2px; background-repeat: repeat-x; overflow: hidden; } /* HEADER IMAGE */ div#header_bg{ background-image: url(../images/header_bg.gif); background-repeat: repeat-x; height: 198px; } div.header_image{ background-image: url(../images/header_image.jpg); background-repeat: no-repeat; height: 198px; width: 958px; float: left; } span#img1 { /* button 1 of 3 used on header image */ position: absolute; top: 163px; right: 1px; z-index: 99; width: 298px; height: 63px; background: url(../images/img1.jpg) 0 0 no-repeat !important; background: transparent; cursor: pointer; } span#img2 { /* button 2 of 3 used on header image */ position: absolute; top: 226px; right: 1px; z-index: 99; width: 298px; height: 67px; background: url(../images/img2.jpg) 0 0 no-repeat !important; background: transparent; cursor: pointer; } span#img3 { /* button 3 of 3 used on header image */ position: absolute; top: 293px; right: 1px; z-index: 99; width: 298px; height: 68px; background: url(../images/img3.jpg) 0 0 no-repeat !important; background: transparent; cursor: pointer; } div#divider4{ /* divider used between the header image and main content */ background-image: url(../images/divider4.gif); height: 16px; background-repeat: repeat-x; overflow: hidden; } } div#divider20{ /* divider used between the header image and main content */ background-image: url(../images/icons/container-box.png); background-repeat: repeat-x; overflow: hidden; } /* MODULES STYLING */ .moduletable h3{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #ffffff; border-width: 1px; border-style: solid; background: #373737; border-color: #404040; margin: 0px 0px 0px 0px; /*padding: 10px 0px 2px 0px;*/ padding: 3px; } .moduletable { padding-bottom: 10px; padding-left: 0px; } .moduletable ul{ margin: 0px; margin-left: 15px; padding: 0px; list-style: square; } .moduletable ul a:link, .moduletable ul a:visited{ color: #5589c7; text-decoration: none; } .moduletable ul a:hover{ text-decoration: underline; } a.mainlevel:link, a.mainlevel:visited { display: block; height: 16px; width: 129px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-weight: none; font-size: 12px; letter-spacing: 1px; text-decoration:none; color: #acacac; text-align: left; padding-left: 10px; background-image: url(../images/menu_arrow.gif); background-repeat: no-repeat; background-position: 0px 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #acacac; } a.mainlevel:hover { display: block; height: 16px; width: 129px; color: #EB5A01; text-decoration:none; background: #373737; background-image: url(../images/menu_arrow.gif); background-repeat: no-repeat; background-position: 0px 5px; } /* MAIN CONTENT */ div#main_content{ width: 100%; } div#left_block{ width: 160px; } div#left_block td{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #707f8c; } .left_block{ background-color: #303030; background: url(../images/left_block_bg.gif); background-repeat: repeat-y; } div#center_block{ paddingr: 7px; } .center_block{ background-color: #ffffff; /*background-image: url(../images/center_block_bg.gif);*/ background-repeat: repeat-x; background-position: top; padding: 7px; } div#user1_block{ color: #707f8c; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; padding: 0px; /*margin-bottom: 20px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9a9ea1;*/ } div#pathway{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #f5f5f5; /*padding-bottom: 20px;*/ padding-left: 10px; } div#pathway a:link, div#pathway a:visited{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #f5f5f5; text-decoration: none; } div#pathway a:hover{ text-decoration: underline; } div#mainbody{} div#bottom_users_block{ width: 100%; } div#inset_block{ width:200px; } .inset_block{ background-color: #535c6b; background: url(../images/inset_block_bg.gif); background-repeat: repeat-y; } div#right_block{ width:200px; } div#right_block td{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #707f8c; } .right_block{ background-color: #303030; background: url(../images/right_block_bg.gif); background-repeat: repeat-y; padding-left: 10px; padding-right: 15px; } div#left_modules{ padding-left: 10px; padding-right: 15px; padding-top: 5px; text-align: left; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #707f8c; } div#inset_modules{ padding-left: 15px; padding-right: 15px; padding-top: 0px; text-align: left; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; color: #d0d5d9; } div#right_modules{ text-align: left; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; color: #707f8c; } div#user2_block, div#user3_block{ color: #393939; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; padding-bottom: 10px; margin-top: 20px; } div#user2_block h3, div#user3_block h3{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #313640; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #9a9ea1; margin: 0px 0px 5px 0px; padding: 20px 0px 2px 0px; } div.clearfix{ clear: both; } div#user4_block{ color: #393939; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 10px; padding-top: 20px; margin-top: 20px; border-top-width: 1px; border-top-style: solid; border-top-color: #9a9ea1; } /* FOOTER */ div#divider5{ /* 2px divider used between the main content and footer image */ background-image: url(../images/divider5.gif); height: 2px; background-repeat: repeat-x; overflow: hidden; } div#footer{ background-image: url(../images/footer_bg.gif); background-repeat: repeat-x; h4eight: 29px; font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; line-height: 2.4em; color: #9b9b9b; } div#footer a:link, div#footer a:visited{ font-family: "Lucida Grande", Tahoma, Helvetica, sans-serif; font-size: 11px; line-height: 2.4em; color: #9b9b9b; text-decoration: none; } div#footer a:hover{ color: #000000; text-decoration: underline; } /* ===== forum Start ===== */ /* General forum Table View */ .gTable {background:#A9B8C2} .gTableTop {padding:2px;background:#E4E8F3;color:#445588;text-transform:uppercase;font-size:9px;font-family:Tahoma,Verdana; height:21px;text-align:center;font-weight:bold;background-image: url('http://igromax.at.ua/images/cellpic.gif');} .gTableSubTop {padding:2px;background:#F4F4F4;color:#000000;height:20px;font-size:10px;} .gTableBody {padding:2px;background:#F4F4F4;} .gTableBody1 {padding:2px;background:#FFFFFF;} .gTableBottom {padding:2px;background:#F4F4F4;} .gTableLeft {padding:2px;background:#F4F4F4;font-weight:bold;color:#737373} .gTableRight {padding:2px;background:#F4F4F4} .gTableError {padding:2px;background:#F4F4F4;color:#FF0000;} /* ------------------------ */ /* Forums Styles */ .forumNameTd,.forumLastPostTd {padding:2px;background:#FFFFFF} .forumIcoTd,.forumThreadTd,.forumPostTd {padding:2px;background:#F4F4F4} .forumLastPostTd,.forumArchive {padding:2px;font-size:7pt;} a.catLink:link {text-decoration:none; color:#445588;} a.catLink:visited {text-decoration:none; color:#445588;} a.catLink:hover {text-decoration:underline; color:#445588;} a.catLink:active {text-decoration:underline; color:#445588;} .lastPostGuest,.lastPostUser,.threadAuthor {font-weight:normal;} .archivedForum{font-size:7pt;color:#FF0000;font-weight:bold;} /* ------------- */ /* forum Titles & other */ .forum {font-weight:bold;font-size:11px;} .forumDescr,.forumModer {color:#888888;font-size:9px;} .forumViewed {font-size:9px;} a.forum:link, a.lastPostUserLink:link, a.forumLastPostLink:link, a.threadAuthorLink:link {text-decoration:none; color:#4D6D91;} a.forum:visited, a.lastPostUserLink:visited, a.forumLastPostLink:visited, a.threadAuthorLink:visited {text-decoration:none; color:#4D6D91;} a.forum:hover, a.lastPostUserLink:hover, a.forumLastPostLink:hover, a.threadAuthorLink:hover {text-decoration:underline; color:#6F8EB3;} a.forum:active, a.lastPostUserLink:active, a.forumLastPostLink:active, a.threadAuthorLink:active {text-decoration:underline; color:#4D6D91;} /* -------------------- */ /* forum Navigation Bar */ .forumNamesBar {font-size:11px;font-family:Tahoma,Arial;} .forumBarKw {font-weight:normal;} a.forumBarA:link {text-decoration:none; color:#000000;} a.forumBarA:visited {text-decoration:none; color:#000000;} a.forumBarA:hover {text-decoration:underline; color:#4D6D91;} a.forumBarA:active {text-decoration:underline; color:#4D6D91;} /* -------------------- */ /* forum Fast Navigation Blocks */ .fastNav,.fastSearch,.fastLoginForm {font-size:7pt;} /* ---------------------------- */ /* forum Fast Navigation Menu */ .fastNavMain {color:#445588;} .fastNavCat {background:#F2F2F2;} .fastNavCatA {background:#F2F2F2;} .fastNavForumA {} /* -------------------------- */ /* forum Page switches */ .pagesInfo {background:#FFFFFF;font-size:7pt;} .switches {background:#A9B8C2;} .switch {background:#FFFFFF;width:15px;font-size:7pt;} .switchActive {background:#F4F4F4;font-weight:bold;color:#4D6D91;width:15px} a.switchDigit:link,a.switchBack:link,a.switchNext:link {text-decoration:none; color:#000000;} a.switchDigit:visited,a.switchBack:visited,a.switchNext:visited {text-decoration:none; color:#000000;} a.switchDigit:hover,a.switchBack:hover,a.switchNext:hover {text-decoration:underline; color:#FF0000;} a.switchDigit:active,a.switchBack:active,a.switchNext:active {text-decoration:underline; color:#FF0000;} /* ------------------- */ /* forum Threads Style */ .threadNametd,.threadAuthTd,.threadLastPostTd {padding:2px;padding:2px;background:#FFFFFF} .threadIcoTd,.threadPostTd,.threadViewTd {padding:2px;background:#F4F4F4} .threadLastPostTd {padding:2px;font-size:7pt;} .threadDescr {color:#888888;font-size:7pt;} .threadNoticeLink {font-weight:bold;} .threadsType {padding:2px;background:#F4F4F4;height:25px;font-weight:bold;font-size:7pt;color:#4D6D91;padding-left:40px; } .threadsDetails {padding:2px;background:#F4F4F4;height:25px;color:#444444;} .forumOnlineBar {padding:2px;background:#F4F4F4;height:25px;color:#444444;} a.threadLink:link,a.threadPinnedLink:link {text-decoration:none; color:#4D6D91;} a.threadLink:visited,a.threadPinnedLink:visited {text-decoration:none; color:#4D6D91;} a.threadLink:hover,a.threadPinnedLink:hover {text-decoration:underline; color:#000000;} a.threadLink:active,a.threadPinnedLink:active {text-decoration:underline; color:#000000;} .postpSwithces {font-size:7pt;} .thDescr {font-weight:normal;} .threadFrmBlock {font-size:7pt;text-align:right;} /* ------------------- */ /* forum Posts View */ .postTable {background:#EFEFEF;} .postPoll {background:#F4F4F4;} .postFirst {background:#FFFFFF;} .postRest1 {background:#FFFFFF;} .postRest2 {background:#FFFFFF;} .postSeparator {height:2px;background:#D2D2D2;} .postTdTop {background:#F4F4F4;height:20px;border-bottom:1px solid #A9B8C2;} .postBottom {background:#F4F4F4;height:20px;border-top:1px solid #A9B8C2;} .postUser {font-weight:bold;font-family:Tahoma,Arial;} .postTdInfo {text-align:center;padding:5px;background:#FFFFFF;} .postRankName {margin-top:5px;} .postRankIco {margin-bottom:5px;margin-bottom:5px;} .reputation {margin-top:5px;} .signatureHr {margin-top:20px;color:#A9B8C2;} .posttdMessage {padding:5px;background:#FFFFFF;} .pollQuestion {text-align:center;font-weight:bold;} .pollButtons,.pollTotal {text-align:center;} .pollSubmitBut,.pollreSultsBut {width:140px;font-size:7pt;} .pollSubmit {font-weight:bold;} .pollEnd {text-align:center;height:30px;} .codeMessage {background:url(http://igromax.at.ua/code.gif) no-repeat #BEBFC0;font-size:7pt;padding:10px 10px 20px 50px;margin:5px 0px;color:#333333;lineHeight:1.8em;} .quoteMessage {background:url(http://igromax.at.ua/quote.gif) no-repeat #BEBFC0;font-size:7pt;padding:10px 10px 20px 50px;margin:5px 0px;color:#333333;lineHeight:1.8em;} .signatureView {font-size:7pt;} .edited {padding-top:30px;font-size:7pt;text-align:right;color:gray;} .editedBy {font-weight:bold;font-size:8pt;} .statusBlock {padding-top:3px;} .statusOnline {color:#0000FF;} .statusOffline {color:#FF0000;} /* ------------------ */ /* forum AllInOne Fast Add */ .newThreadBlock {background: #F9F9F9;border: 1px solid #B2B2B2;} .newPollBlock {background: #F9F9F9;border: 1px solid #B2B2B2;} .newThreadItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/111/14.gif') no-repeat 0px 4px;} .newPollItem {padding: 0 0 0 8px; background: url('http://src.ucoz.ru/t/111/14.gif') no-repeat 0px 4px;} /* ----------------------- */ /* ====== forum End ====== */ * PageSelector */ .catPages1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .catPages1 a:link, .catPages1 a:visited, .catPages1 a:hover, .catPages1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;} .catPages1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;} .catPages1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;} .pagesBlockuz1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .pagesBlockuz1 a:link, .pagesBlockuz1 a:visited, .pagesBlockuz1 a:hover, .pagesBlockuz1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;} .pagesBlockuz1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;} .pagesBlockuz1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;} .pagesBlock1 {color:#EFEEEB;border:0px;margin-bottom:10px;margin-top:10px;} .pagesBlock1 a:link, .pagesBlock1 a:visited, .pagesBlock1 a:hover, .pagesBlock1 a:active {text-decoration:none;color: #636363;background:#353535;padding:3px 10px;font-size:11px;font-weight:bold;} .pagesBlock1 a:hover {background:#2c2c2c;color:#FFFFFF;font-weight:bold;} .pagesBlock1 b {text-decoration:none;background:#2c2c2c;padding:3px 10px;color:#ccc;font-size:11px;} /* ---------------- */ /* =Hoverbox Code ----------------------------------------------------------------------*/ .hoverbox { cursor: default; list-style: none; } .hoverbox a { cursor: default; } .hoverbox a .preview { display: none; } .hoverbox a:hover .preview { display: block; position: absolute; top: -33px; left: -45px; z-index: 1; } .hoverbox img { background: #fff; border-color: #a6dcf5; border-style: solid; border-width: 1px; color: inherit; padding: 2px; vertical-align: top; } .hoverbox li { background: #eaf8fe; color: inherit; display: inline; float: left; margin: 3px; padding: 5px; position: relative; } .hoverbox .preview { border-color: #a6dcf5; }