/*** /var/www/vhosts/rawpoker.com.au/httpdocs/goldcoast/templates/Bucks_Party/css/template.css ***/ /** * @version 1.5.7 June 2, 2010 * @author RocketTheme, LLC http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ /* This is the Main template logo, Edit this to match the width and height of your new logo image */ #logo {width: 280px;height: 65px;} /* Font Family Settings */ #ff-solarsentinel, a.solarsentinel, #ff-solarsentinel .componentheading {font-family: Helvetica,Arial,sans-serif;} #ff-solarsentinel h1 {font-family: Georgia, Times, sans-serif;} #ff-optima, a.optima {font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;} #ff-geneva, a.geneva {font-family: Geneva, Tahoma, "Nimbus Sans L", sans-serif;} #ff-helvetica, a.helvetica {font-family: Helvetica, Arial, FreeSans, sans-serif;} #ff-lucida, a.lucida {font-family: "Lucida Grande",Helvetica,Verdana,sans-serif;} #ff-georgia, a.georgia {font-family: Georgia, sans-serif;} #ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;} #ff-palatino, a.palatino {font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;} input { font-family:Helvetica,Arial,sans-serif;} /* Core Formatting */ html {height: 100%;margin-bottom: 1px;} body {margin: 0;line-height: 135%;} form {margin: 0;padding: 0;} body.f-small, body#ff-optima.f-small, body#ff-georgia.f-small {font-size: 11px;} body, body.f-default {font-size: 12px;} body#ff-optima, body#ff-optima.f-default {font-size: 13px;} body#ff-georgia, body#ff-georgia.f-default {font-size: 13px;} body.f-large, body#ff-optima.f-large, body#ff-georgia.f-large {font-size: 14px;} p {margin-top: 10px;margin-bottom: 15px;} h1, h2, h3, h4, h5 {padding-bottom: 5px;margin: 25px 0 10px 0;font-weight: normal;line-height: 120%;} h1 {font-size: 250%;line-height: 100%;} h2 {font-size: 200%;line-height: 100%;} h3 {font-size: 175%;} h4 {font-size: 120%;line-height: 130%;} h5 {font-size: 120%;text-transform: uppercase;} a {text-decoration: none;} a:hover {text-decoration: underline;} .clr {clear: both;} .rokradios, .rokchecks {padding: 2px 5px 5px 22px;line-height: 120%;} /* Backgrounds */ body.bg-white {background: #D9D9D9;} body.bg-red {background: #481515;} body.bg-blue {background: #0B1D35;} body.bg-beige {background: #BFBDB0;} body.bg-grey {background: #999;} body.bg-darkgrey {background: #1A1A1A;} body.bg-black {background: #0B0B0B;} body.bg-white #page-bg {background: #fff url(../images/background/white/page-bg.png) 0 0 repeat-x;} body.bg-red #page-bg {background: #732222 url(../images/background/red/page-bg.png) 0 0 repeat-x;} body.bg-blue #page-bg {background: #152B4E url(../images/background/blue/page-bg.png) 0 0 repeat-x;} body.bg-beige #page-bg {background: #E8E7D7 url(../images/background/beige/page-bg.png) 0 0 repeat-x;} body.bg-grey #page-bg {background: #ccc url(../images/background/grey/page-bg.png) 0 0 repeat-x;} body.bg-darkgrey #page-bg {background: #303030 url(../images/background/darkgrey/page-bg.png) 0 0 repeat-x;} body.bg-black #page-bg {background: #1B1B1B url(../images/background/black/page-bg.png) 0 0 repeat-x;} #body-left {margin-left: 0;padding-left: 10px;height: 100%;} #body-right {margin-right: 0;padding-right: 10px;height: 100%;} .footer-bottom {height: 86px;} body.bg-white .footer-bottom {background: url(../images/background/white/footer-bg.png) 0 0 repeat-x;} body.bg-red .footer-bottom {background: url(../images/background/red/footer-bg.png) 0 0 repeat-x;} body.bg-blue .footer-bottom {background: url(../images/background/blue/footer-bg.png) 0 0 repeat-x;} body.bg-beige .footer-bottom {background: url(../images/background/beige/footer-bg.png) 0 0 repeat-x;} body.bg-grey .footer-bottom {background: url(../images/background/grey/footer-bg.png) 0 0 repeat-x;} body.bg-darkgrey .footer-bottom {background: url(../images/background/darkgrey/footer-bg.png) 0 0 repeat-x;} body.bg-black .footer-bottom {background: url(../images/background/black/footer-bg.png) 0 0 repeat-x;} /* New CSS structure */ .colmask {clear:both;float:left;overflow:hidden;position:relative;width:100%;} .col1wrap {padding-bottom:2em;} #maincol2 {position: relative;} .wrapper {position:relative;} /* s-c-s (sidebar-content-sidebar) */ .s-c-s .colmid {float:left;position:relative;left:200px;;width:200%;} .s-c-s .colright {float:left;left:50%;margin-left:-400px;position:relative;width:100%;background-position: 0 0;background-repeat: repeat-y;} .s-c-s .col1wrap {float:right;position:relative;right:100%;width:50%;padding-bottom:1em;} .s-c-s .col1pad {margin:0 0 0 400px;overflow:hidden;} .s-c-s .col1 {overflow:hidden;width:100%;} .s-c-s .col2 {float:left;position:relative;overflow:hidden;left:200px;margin-left:-50%;width:200px;} .s-c-s .col3 {float:left;position:relative;overflow:hidden;left:0;width:200px} .s-c-s .colmask {background-position: 180px 0;background-repeat: repeat-y;} .s-c-s .maincol2-padding {padding: 0 3px;} /* s-c-x (sidebar-content) */ .s-c-x .colright {float:left;left:200px;position:relative;width:200%;} .s-c-x .col1wrap {float:right;padding-bottom:1em;position:relative;right:200px;width:50%;} .s-c-x .col1 {margin:0 0 0 200px;overflow:hidden;position:relative;right:100%;} .s-c-x .col2 {float:left;position:relative;right:200px;width:200px;} .s-c-x .colmask {background-position: 178px 0;background-repeat: repeat-y;} .s-c-x .maincol2-padding {padding: 0 0 0 1px;} .s-c-x #leftcol {padding-right: 2px;} /* x-c-s (content-sidebar) */ .x-c-s .colright {float:left;margin-left:-280px;position:relative;right:100%;width:200%;background-position: 0 0;background-repeat: repeat-y;} .x-c-s .col1wrap {float:left;left:50%;padding-bottom:1em;position:relative;width:50%;} .x-c-s .colmask {background-position: 679px;background-repeat: repeat-y;} .x-c-s .col1 {margin:0 0 0 280px;overflow:hidden;} .x-c-s .col3 {float:right;position:relative;left:280px;width:280px;} .x-c-s .maincol2-padding {padding: 0 3px 0 0;} /* Top Bar */ #top-bar {padding: 6px 15px;overflow: hidden;} .date-block {width: 250px;font-weight: bold;float: left;} #lock-button {height: 16px;float: right;text-align: left;line-height: 18px;} #lock-button span {font-size: 13px;padding-left: 20px;margin: 0;font-weight: bold;} #lock-button:hover {text-decoration: none;} #accessibility {height: 16px;float: right;margin-left: 10px;width: 110px;} .textsizer-desc {display: block;float: right;text-align: right;font-size: 12px;margin-right: 6px;font-weight: bold;line-height: 18px;} #accessibility a {text-decoration: none; cursor: pointer;} #accessibility #buttons {float: right;width: 40px;height:18px;overflow:hidden;} #accessibility .button {display: block;float: right;width: 18px;height: 18px;} #accessibility a.small .button {margin-right: 2px;} .topbar-strip {overflow: hidden;padding-bottom: 2px;} .topbar-left-mod {float: left;width: 48%;padding: 15px 0;} .topbar-right-mod {float: right;width: 48%;padding: 15px 0;text-align: right;} .syndicate-module {float: right;} a.syndicate-link {display: block;width: 50px;height: 17px;background: url(../images/rss-top.png) 0 0 no-repeat;margin-left: 20px;} /* Header */ #header-bar {padding: 15px;overflow: hidden;} #logo {float: left;position: relative;} .logo-text {position: absolute;left: 72px;top: 50px;font-size: 16px;} #logo:hover {text-decoration: none;} /* RokAjaxSearch */ #searchmod-surround h3 {font-size: 12px;color: #fff;margin: 0;padding: 0 0 6px 6px;} #searchmod-surround {float: right;margin-right: 10px;padding-top: 5px;} #searchmod {width: 219px;} #searchmod .inputbox {background: none;border: 0;padding: 4px 0 4px 5px;font-size: 13px;line-height: 20px;width: 210px;height:18px;} #searchmod .search_options {padding-top: 6px;padding-left: 4px;} #roksearch_search_str {width: 150px;} #roksearch_search_str.loading {width: 185px;padding-right:22px;background: transparent url(../images/spinner.gif) no-repeat scroll 100% 50%} #roksearch_results {z-index: 10000;position: absolute;width: 400px;float: right;margin-top: -1px;text-align: left;visibility: hidden;} #roksearch_results a#roksearch_link {float: right;padding-right: 5px;margin-top: 3px;display: block;height: 18px;width: 18px;} #roksearch_results h3 {margin-top: 0;margin-bottom: 0;line-height: 110%;font-size: 120%;padding-bottom: 0;} #roksearch_results span {display: block;line-height: 130%;font-size: 90%;} #roksearch_results .container-wrapper {overflow: hidden;} #roksearch_results .page {float: left;} #roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {padding: 6px 10px;line-height: 100%;text-transform: uppercase;font-weight: normal;font-size: 100%;} #roksearch_results .roksearch_row_btm {overflow: hidden;border-bottom: 0;} #roksearch_results .roksearch_row_btm span {line-height: 140%;} #roksearch_results span.small {display: block;position: absolute;bottom: 6px;right: 10px;text-align: right;color: #666;} #roksearch_results span.small span.small {display:block;position:relative;margin:10px -10px 0 0;} #roksearch_results span.highlight {display: inline;} #roksearch_results a.clr {font-size: 100%;} #roksearch_results a:hover {text-decoration: none;} #roksearch_results .roksearch_odd {padding: 15px;position: relative;} #roksearch_results .roksearch_even {padding: 15px;position: relative;} #roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {padding-left: 10px;} .results ol.list {padding-left: 30px;margin-top: 0;} .results ol.list h4 {border: 0;margin-top: 0;margin-bottom: 0;} .results ol.list li {padding: 10px 5px;margin-bottom: 5px;} .results ol.list li p {margin-top: 0;} #roksearch_results .container-arrows {height: 16px;width: 42px;float: left;margin-right: 5px;position: relative;} #roksearch_results .arrow-left {width: 18px;height: 18px;position: absolute;top: -1px;left: 0;cursor: pointer;} #roksearch_results .arrow-left-disabled {width: 18px;height: 18px;position: absolute;top: -1px;left: 0;} #roksearch_results .arrow-right {width: 18px;height: 18px;position: absolute;top: -1px;left: 22px;cursor: pointer;} #roksearch_results .arrow-right-disabled {width: 18px;height: 18px;position: absolute;top: -1px;left: 22px;} fieldset.phrase, fieldset.word, fieldset.only {border-bottom: 1px solid #ccc;} #roksearch_results .viewall span {padding-top: 1px;} #roksearch_results a.viewall {float: left;margin-right: 5px;} #roksearch_results .estimated_res, #roksearch_results .pagination_res {font-size: 9px;font-style: italic;padding-top: 3px;text-transform: none;float:left;} #roksearch_results .pagination_res {font-style: normal;float: right;font-size: 11px;padding-top: 1px;} #roksearch_results .powered-by-google {text-transform: lowercase;font-style: italic;font-size: 9px;} .roksearch_wrapper4.google-search .roksearch_odd, .roksearch_wrapper4.google-search .roksearch_even {height: 110px;} form.search_result input.button {border: 0;background: none;cursor: pointer;padding-top: 3px;} form.search_result fieldset {padding: 15px 0;} .search-results-full .readon-wrap1 {margin-top: 0;} form.search_result input#search_searchword.inputbox {width: 220px;height: 20px;border: 0;margin-left: 5px;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;} form.search_result fieldset.word {margin-top: 0;} form.search_result fieldset.word label {font-size: 120%;display: inline-block;height: 26px;} .search-results-full h3 {margin-top: 10px;padding: 0;margin-bottom: 0;font-size: 130%;} form.search_result .display {float: left;margin-left: 20px;height: 20px;margin-top: 5px;} #roksearch_results .google-search a#roksearch_link {margin-top: 5px;} /* Top Main Menu */ #horiz-menu {padding: 0 7px;height: 41px;display: block;} ul#horiznav.menutop, #horiz-menu ul.menutop {padding: 0;margin: 0;position: relative;z-index:120;float: left;cursor:pointer;} #horiz-menu li, #horiz-menu li .link {position:relative;display: block;height: 41px;line-height: 41px;} #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {z-index: 100;cursor: pointer;margin: 0;} #horiz-menu .link {white-space: nowrap;display: block;float: left;height: 41px;line-height: 41px;font-weight: normal;font-size: 14px;text-decoration: none;z-index: 100;cursor: pointer;padding: 0;} #horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {z-index: 100;cursor: pointer;margin: 0;} #horiz-menu ul {list-style: none;padding: 0;margin: 0;} #horiz-menu li {display: block;float: left;margin: 0 1px;padding: 0;font-weight: bold;} #horiz-menu li .link span {display: block;padding: 0 10px;height: 41px;} #horiz-menu li li .link span {display: block;padding: 0 10px;height: 24px;line-height: 24px;} /* Top Main Menu Dropdowns */ #horiz-menu ul ul {margin: 0;border: 0;padding: 0 10px 15px 10px;} #horiz-menu li li {margin: 0;} #horiz-menu li li .link {text-indent:10px;font-weight: normal;padding: 0;margin: 0;height: 33px;font-size: 12px;display: block;} #horiz-menu li li .link span {display: block;padding: 0;margin-left: 0;} #horiz-menu ul ul li, #horiz-menu ul ul li.active, #horiz-menu ul ul li.parent {height: 30px;} #horiz-menu .sfHover {z-index: 700;} .menutop li:hover ul, .menutop li.sfHover ul {left: 0;top:8px;} #horiz-menu ul ul li, #horiz-menu ul ul li.c0, #horiz-menu ul ul li.c1, #horiz-menu ul ul li.c2, #horiz-menu ul ul li.c3 {float: left;width: 173px;padding: 0;} #horiz-menu li ul, #horiz-menu li ul.columns-1, #horiz-menu .drop-wrap.columns-1 {width: 195px;} #horiz-menu li ul.columns-2, #horiz-menu .drop-wrap.columns-2 {width: 370px;} #horiz-menu li ul.columns-3, #horiz-menu .drop-wrap.columns-3 {width: 555px;} #horiz-menu li ul.columns-4, #horiz-menu .drop-wrap.columns-4 {width: 740px;} .menutop .drop-wrap.columns-1 .drop1, .menutop .drop-wrap.columns-2 .drop1, .menutop .drop-wrap.columns-3 .drop1, .menutop .drop-wrap.columns-4 .drop1 {height: 8px;} .menutop .drop-wrap {float:none;left:-999em;position:absolute;z-index:700;width: 100%;} .menutop li:hover .drop-wrap, .menutop li.sfHover .drop-wrap {left: -4px;top:41px;} .menutop li:hover li .drop-wrap, .menutop li.sfHover li .drop-wrap, .menutop li li:hover li .drop-wrap, .menutop li li.sfHover li .drop-wrap, .menutop li li li:hover li .drop-wrap, .menutop li li li.sfHover li .drop-wrap {top:-999em;} .menutop li li:hover .drop-wrap, .menutop li li.sfHover .drop-wrap, .menutop li li li:hover .drop-wrap, .menutop li li li.sfHover .drop-wrap, .menutop li li li li:hover .drop-wrap, .menutop li li li li.sfHover .drop-wrap {left:165px;top: -8px;} .menutop .submenu-animation-left, .menutop .submenu-animation-right {height: 100%;} #horiz-menu li.parent:hover li .link, #horiz-menu li.parent.sfHover li .link, #horiz-menu li.active li .link span, #horiz-menu li:hover li .link span, #horiz-menu li.sfHover li .link span {background: none;} #horiz-menu.suckerfish li li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li span, #horiz-menu.suckerfish li li:hover li:hover li:hover li span, #horiz-menu.suckerfish li li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li span, #horiz-menu.suckerfish li li.sfHover li.sfHover li.sfHover li span {background: none;} /* Main Page Structure */ #main-content {overflow: hidden;} #maincontent-block {padding: 0 15px;} #inset-block-right {float: right;z-index: 1;position: relative;background-position: 0 0;background-repeat: repeat-y;} #inset-block-right .right-padding {padding:0;} #inset-block-left {float: left;z-index: 1;position: relative;background-position: 100% 0;background-repeat: repeat-y;} #inset-block-left .left-padding {padding: 0;} #inset-block-left h3, #inset-block-right h3 {margin-top: 0;} table.mainbody, table.blog {width: 100%;border: 0;padding: 0;} .spacer .block {float: left;} /* Main Body Items */ #breadcrumbs {margin: 3px 0;display: block;position:relative;overflow: hidden;height: 26px;} #breadcrumbs-home {width: 37px;height: 26px;display: block;float: left;} #breadcrumbs h3 {display: none;} #breadcrumbs .spinner {float:right;background:url(../images/spinner.gif) center center no-repeat;width: 16px;height: 16px;right: 10px;top: 10px;position: absolute;} span.breadcrumbs {display: block;font-size: 100%;font-weight: bold;overflow: hidden;} span.breadcrumbs img {width: 12px;height: 26px;float: left;} span.breadcrumbs a, span.no-link {padding: 0 6px;float: left;display: block;height: 26px;line-height: 26px;} span.breadcrumbs span.no-link {font-weight: normal;} span.breadcrumbs a:hover {text-decoration: none;} .contentheading {font-size: 190%;font-weight: normal;line-height: 140%;margin: 0 -15px 14px -15px;padding: 10px 15px 0 15px;} p.buttonheading {float: right;margin: 0 0 0 15px;} .article-info-surround {padding: 0 0 9px 0;margin: 0 0 10px 0;} .article-info-surround2 {padding: 10px 14px;} p.articleinfo, p.iteminfo {margin: 0;font-style: italic;font-size: 10px;line-height: 130%;} span.modifydate, span.createdby, span.createdate {display: block;} p.counter {text-indent: 5px;} div.pagination {height: 22px;line-height: 22px;margin-top: 10px;margin-bottom: 15px;} div.pagination div.tab {float: left;margin-right: 6px;} div.pagination div.tab2 {padding: 0 8px;} div.pagination div.page-block {padding: 0 4px;float: left;margin-right: 6px;} .cols1 {display: block;float: none;margin: 0;} .cols2 {width: 49%;} .cols3 {width: 30%;} .column1, .column2 {margin: 0 5px 0 0;position: relative;} .column2, .column1 {float: left;margin: 0;} .column2 {float: right;margin: 0;width: 49%;} .article_row {margin: 0 -15px;padding: 0 15px;overflow: hidden;} .blog_more {padding-top: 15px;} #page {padding-bottom: 15px;} .component-header {margin: 0;} .componentheading {margin: 0 -15px;font-size: 110%;line-height: 28px;text-transform: uppercase;padding: 0 0 0 15px;height: 43px;font-weight: bold;} /* Side Column Modules */ .module-header {margin-bottom: -14px;} .side-mod h3 {margin: 0;font-size: 110%;line-height: 20px;text-transform: uppercase;padding: 5px 0 20px 15px;font-weight: bold;} .side-mod {margin-bottom: 3px;} #inset-block-left .side-mod, #inset-block-right .side-mod {margin-bottom: 0;} .side-mod .module {padding: 15px;} .advertisement .module-header, .advertisement .module-header2, .advertisement h3.module-title {background: none;margin: 0;} .advertisement .side-mod h3.module-title {text-align: center;padding: 2px;margin: 0;font-size: 10px;} #rightcol .advertisement .side-mod .module {padding: 0 0 0 5px;} #leftcol .advertisement .side-mod .module {padding: 0 5px 0 0;} /* Main Body Modules */ .moduletable h3 {margin-top: 0;font-size: 140%;} #inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;} #showmodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4 {overflow: hidden;} #mainmodules3 {padding-top: 15px;} #showmodules .moduletable, #mainmodules3 .moduletable {margin-bottom: 15px;} #showmodules.spacer .block, #mainmodules.spacer .block, #mainmodules2.spacer .block, #mainmodules3.spacer .block, #mainmodules4.spacer .block {float: left;} #showmodules.spacer.w99 .block, #mainmodules.spacer.w99 .block, #mainmodules2.spacer.w99 .block, #mainmodules3.spacer.w99 .block, #mainmodules4.spacer.w99 .block {width: 99.8%;} #showmodules.spacer.w49 .block, #mainmodules.spacer.w49 .block, #mainmodules2.spacer.w49 .block, #mainmodules3.spacer.w49 .block, #mainmodules4.spacer.w49 .block {width: 49.8%;} #showmodules.spacer.w33 .block, #mainmodules.spacer.w33 .block, #mainmodules2.spacer.w33 .block, #mainmodules3.spacer.w33 .block, #mainmodules4.spacer.w33 .block {width: 33.3%;} #mainmodules3 .block.first .moduletable {padding: 0 15px 10px 15px;} #mainmodules3 .block.middle .moduletable {padding: 0 15px 10px 15px;} #mainmodules3 .block.last .moduletable {padding: 0 15px 10px 15px;} #showmodules .moduletable, #mainmodules4 .moduletable {padding: 15px;} #main-body #showmodules .block.full .moduletable, .block.full .moduletable, #mainmodules .moduletable, #mainmodules2 .moduletable {padding: 15px;} #mainmodules3 h3 {margin-top: 0;} #bottom-main {position: relative;} h3.main-modules {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;text-align: center;margin-bottom: 10px;} /* Extra Joomla Elements */ span.small, td.createdate, td.modifydate {font-size: 90%;} table.blog td.createdate {padding-bottom: 5px;} table.blog td.modifydate {padding-top: 10px;} .sectiontableheader {font-weight: bold;padding: 4px;line-height: 25px;text-align: left;} .sectiontablefooter {padding-bottom: 8px;} tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 4px 5px 4px 5px;border-bottom: 1px solid #ddd;vertical-align: middle;} tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;} tr.sectiontableentry1 td, td.sectiontableentry1 {height: 30px;} .contentpane, .contentpaneopen {width: 100%;} .module fieldset {border: 0;} .module h4 {margin-top: 0;} table.contenttoc {float: right;margin-left: 25px;} .weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;} .weblinks img {margin-right: 12px;margin-left: 0;} .contact_email input.button {border: 0;background: none;} .contact_email .readon-wrap1 {margin-top: 0;} .contact_email .inputbox {width: 215px;height: 20px;border: 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;margin-bottom: 10px;} .contact_email #contact_text.inputbox {width: 212px;height: 153px;border: 0;padding: 5px;font-size: 110%;padding-top: 4px;line-height: 140%;} .contact-name {font-weight: bold;font-size: 140%;display: block;padding: 15px 0 2px 0;} .contact-position {display: block;padding-bottom: 15px;} .intro-article-content .article_separator { display: none; } .contact .icon { float: left; width: 40px;} .contact .misc, .contact .webpage, .contact .mobile, .contact .email, .contact .telephone, .contact .fax, .contact .country, .contact .state, .contact .postcode, .contact .suburb, .contact .street-address { overflow: hidden;} .contact .other .surround { margin-top: 5px;} .contact .vcard {margin-top: 15px;} /* Side Menus */ #main-body #leftcol ul.menu {margin: 0 -5px 0 -10px;padding: 0;} #main-body #rightcol ul.menu {margin: 0 -10px 0 -5px;padding: 0;} #main-body ul.menu li {list-style: none;margin: 0 0 3px 0;padding: 0;float: none;} #main-body ul.menu a:hover {text-decoration: none;} #main-body ul.menu span {display: block;} #main-body ul.menu ul li a {padding-left: 20px;} #main-body ul.menu ul li span.separator {padding-left: 20px !important;background: none !important;} #main-body ul.menu ul li ul li a, #main-body ul.menu ul li ul li .separator {padding-left: 36px;background: none;} #main-body ul.menu ul li ul li ul li a, #main-body ul.menu ul li ul li ul li .separator {padding-left: 56px;background: none;} #main-body ul.menu li.active.parent li span, #main-body ul.menu li.parent li span {padding-left: 18px;font-size: 110%;line-height: 110%;} #main-body ul.menu a, ul.menu .separator {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;} #main-body ul.menu a, #main-body ul.menu .separator {padding: 6px 10px 6px 22px;} #main-body ul.menu li.active.parent li span.separator, #main-body ul.menu li.parent li span.separator {background: none;} #main-body ul.menu li.active a, #main-body ul.menu li.active li.active a, #main-body ul.menu li.active li.active li.active a, #main-body ul.menu li.active .separator, #main-body ul.menu li.active li.active .separator {font-weight: bold;} #main-body ul.menu li.active li a, #main-body ul.menu li.active li.active li a, #main-body ul.menu li.active li .separator, #main-body ul.menu li.active li.active li .separator, #main-body ul.menu li.active li.active li.active .separator {font-weight: normal;background: none;} #main-body ul.menu ul ul {padding: 0; margin: 0;} #main-body ul.menu li li {padding: 0;margin: 0;background: none;font-size: 10px;} #main-body ul.menu li li a span, #main-body ul.menu li li .separator span {padding: 0;} #main-body ul.menu li.active.parent ul {margin: 0;padding: 14px 0;} #main-body ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;} #main-body ul.menu li.active li a:hover, #main-body ul.menu li.active li .separator:hover, #main-body ul.menu li.active li a, #main-body ul.menu li.active li .separator {background: none;} #main-body ul.menu li.active ul span.separator {background: none;} #main-body ul.menu li.active li li, #main-body ul.menu li:hover li li {background: none !important;} /* Extra Content Styles */ a.nounder {text-decoration: none;border: 0;cursor: pointer;} a.nounder:hover {text-decoration: none;} fieldset {margin:10px 0 20px 0; border-left: 0;border-right: 0;border-top: 0;border-bottom:1px solid #ddd;} fieldset.input, a img, body .pollstableborder {border: 0;} legend {font-size:120%;} form.poll fieldset {margin: 0 0 10px 0;padding: 0;} .side-mod form.poll {margin: 0 -15px;} .side-mod h4.poll-title {margin: 0;padding: 0;font-size: 120%;} .side-mod .poll-line {padding: 7px 15px 9px 15px;font-size: 110%;} .side-mod .poll-buttons {padding: 0 15px 0 15px;overflow: hidden;width: 130px;margin: 0 auto;} form.poll input.button {background: none;cursor:pointer;border: none;text-align: center;color: #333;line-height: 18px;height: 20px;margin-bottom: 5px;float: left;} .vote-button-wrap .readon-wrap1 {margin-left: 15px;} form.poll a.results:hover {text-decoration: none;} img.content-left {float: left;margin-right: 10px;padding: 5px;} img.content-right {float: right;margin-left: 10px;padding: 5px;} .back_button {margin-top: 20px;margin-bottom: 10px;} .tool-tip {padding: 4px;z-index:5000;background:#fbf3ad;color:#333;border:2px solid #f8e639;font-size:90%;} .bannergroup .clr {clear: none !important;} dl.poll dt {border-bottom:solid 1px #ccc;font-weight: bold;} dl.poll dd {padding:6px 0;margin-left: 0;} .polls_color_1 {background:#000;} .polls_color_2 {background:#999;} .polls_color_3 {background:#93246F;} .polls_color_4 {background:#000;} .polls_color_5 {background:#ccc;} .polls_color_6 {background:#93246F;} #main-content .poll {padding-top: 15px;} .blog_more h2, .newsfeeds-default .article-info-surround h2 {margin: 0;padding: 0;text-transform: uppercase;font-size: 110%;font-weight: bold;} .newsfeeds-default .article-info-surround {margin-top: 10px;} ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav {margin: 0;padding: 0;} ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li {list-style: none;margin-bottom: 6px;padding-bottom: 6px;padding-left: 5px;} ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a {font-weight: bold;font-size: 110%;display: block;padding-left: 12px;} .bannergroup_text .bannerheader {font-size: 120%;font-weight: bold;margin-bottom: 15px;} .bannergroup_text .banneritem_text {margin-bottom: 15px;} .bannergroup_text .banneritem_text a {font-weight: bold;} /* Form overrides */ #main-content form.editor {padding:0;margin:0;} #main-content form.editor {color:#333;} #main-content form.editor input, #main-content form.editor textarea {border:1px solid #ccc;} #main-content form.editor fieldset a {color: #00c;} #main-content form.editor fieldset {padding:10px; border: 1px solid #ccc;} #main-content form.editor legend {font-size:120%;margin:15px 0;padding:0 10px;font-weight:bold;} #main-content form.editor label {display:block;width: 120px;float:left;} #main-content form.editor div.radio label {display:inline;width:auto;float:none;} /* Login Styles */ form.form-login p {margin: 0;} form.form-login .inputbox {width: 215px;height: 20px;border: 0;margin: 5px 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;} form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;} form.form-login .login-links a {padding-left: 10px;} form.form-login input.button, form.log input.button {border: 0;background: none;} form.log .readon-wrap1 {margin-top: 5px;} input.button {font-size: 100%;cursor: pointer;padding: 3px 5px;} form.form-login span.username-label, form.form-login span.password-label {display: block;text-transform: uppercase;margin-bottom: 1px;padding-left: 2px;} .register-page .inputbox, input#email {width: 215px;height: 20px;border: 0;padding-left: 5px;font-size: 110%;padding-top: 4px;line-height: 10px;margin-bottom: 10px;} .register-page input.button, form.josForm input.validate {background: none;border: 0;} .register-page div.name, .register-page div.user, .register-page div.email, .register-page div.pass, .register-page div.verify_pass {text-align: right;} form#josForm.form-validate.user, .edit-user-form {float: left;overflow: hidden;padding-bottom: 15px;} .edit-user-form {padding-top: 15px;} .register-page fieldset {margin-bottom: 15px;margin-top: 0;padding-bottom: 15px;} div.user_name {margin-bottom: 10px;} div.user_name span {font-weight: bold;font-size: 110%;} .user-params {margin-bottom: 20px;} .user-params td.paramlist_key {width: auto;} .edit-user-button {margin: 0 auto;width: 80px;} #login-module {display: none;padding: 10px;} #login-module h3 {margin: 0;padding: 5px 0 10px 22px;} #login-module form.form-login, #login-module form.log {margin: 0;background:none;border:0;} #login-module .sidemod-title {border:0;} #login-module form.form-login .inputbox {border: 0;} #login-module input.button {background: none;border: 0;color:#000;height: 20px;} #login-module .module a:hover {color:#000;} .remember-me {margin-top: 5px;margin-bottom: 5px;} #login-module .readon-wrap1, form.form-login .readon-wrap1 {margin-top: 5px;} a#rokbox-close {height: 18px;width: 18px;} form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px} /* Bottom Section */ #botbar {padding: 15px;overflow: hidden;position: relative;} #bottom {overflow: hidden;padding-bottom: 15px;} #bottom-menu {overflow: hidden;padding: 0;text-align: center;} #top-button {position: absolute;right: 15px;top: 13px;width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;} #top-button a:hover {text-decoration: none;} .top-button-spacer {height: 15px;} .copyright-block {width: 500px;margin: 0 auto;text-align: center;} #copyright {padding: 15px 0 8px 0;} #bottom-menu ul {list-style: none;margin: 0;padding: 0;} #bottom-menu ul li {display: inline;} #bottom-menu ul li a, #bottom-menu ul li .separator {padding: 0 15px;font-size: 120%;font-weight: bold;} #bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {text-decoration: none;} #rocket {width: 111px;height: 15px;display: block;margin: 0 auto;} #debug-mod {padding: 15px;} #bottom ul {margin: 0;padding-left: 10px;list-style: none;} #bottom ul li a {padding-left: 10px;padding-bottom: 5px;display: block;} #bottom ul li:hover a {text-decoration: none;} /* RokTabs */ .roktabs-wrapper {padding: 0;position: relative;margin: -15px;} .roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;} .roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;} .roktabs-wrapper .roktabs-container-wrapper div {float: left;} .roktabs-wrapper .roktabs-container-wrapper div.wrapper {margin: 0 10px 10px 10px;padding: 10px;width: auto;} .tabs-bottom .roktabs-container-wrapper div.wrapper {margin: 10px 10px 0 10px;padding: 10px;width: auto;} .roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 55px;overflow: hidden;} .roktabs-wrapper .active-arrows .roktabs-links {margin: 0 50px;padding: 0;height: 55px;} .roktabs-wrapper .roktabs-links ul {text-align: left;font-weight: bold;list-style-type: none;overflow:hidden;margin: 0;height: 55px;} .roktabs-wrapper .roktabs-links ul li {float: left;padding: 0;margin: 0;text-decoration: none;position: relative;height: 55px;line-height: 36px;} .tabs-bottom .roktabs-links ul li {line-height: 80px;} .roktabs-wrapper .roktabs-links ul li span {padding: 7px 11px;} .roktabs-wrapper .roktabs-links ul {padding: 0;} .roktabs-wrapper .roktabs-links ul li.active {margin: 0;} .roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 29px;} .roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 46px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 0;height:55px;width: 50px;} .roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;} .tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;} .clear {clear: both;} /* RokMicroNews */ #main-body .rokmicronews-surround {margin-bottom: 5px;padding-bottom: 5px;} .micronews {margin-bottom: 0;} .micronews-drop {margin-bottom: 10px;} .micronews-headline {margin: 0;padding: 8px 10px 30px 5px;position: relative;} .micronews-headline h2 {font-size: 110%;font-weight: bold;margin: 0;padding: 3px 10px 9px 10px;text-transform: uppercase;display: inline;text-align: center;} .micronews-controls {float: right;width: 55px;} .micronews-controls2 {height: 20px;padding: 0 8px;} #rokmicronews .mover, #rokmicronews .collapse, #rokmicronews .expand {float: right;width: 15px;height: 19px;} #rokmicronews .collapse, #rokmicronews .expand {margin-right: 6px;cursor: pointer;} #rokmicronews .mover span, #rokmicronews .expand span, #rokmicronews .collapse span {display: none;} .micronews-headline .counter {float: right;margin-right: 150px;line-height: 180%;padding-right: 15px;} .micronews-headline .counter span {padding-left: 15px;display: block;} .micronews-headline .counter a {font-weight: bold;margin: 0 10px;} .micronews-headline .counter a.active {text-decoration: underline;color: red;} .micronews-inner {overflow: hidden;} .micronews-wrapper {padding: 0;margin: 0 5px 5px 5px;} .micronews-articles {padding: 15px;position: relative;} .micronews-right .micronews-articles {margin-right: 200px;} .micronews-left .micronews-articles {margin-left: 200px;} .micronews-article-wrapper {position: relative;} .micronews-titles {padding: 5px 0;font-weight: bold;margin: 0;text-transform: uppercase;font-size: 90%;overflow: hidden;} .micronews-titles .top-story {width: 180px;padding: 0 10px;} .micronews-right .top-story {float: left;} .micronews-left .top-story {float: right;} .micronews-right .other-stories {float: right;margin-right: 50px;} .micronews-left .other-stories {float: left;margin-left: 40px;} .micronews h4 a {font-weight: bold;} .micronews-thumb {float: left;margin-right: 10px;} .micronews .entry h4 {font-size: 120%;line-height: 120%;margin: 5px 0 10px;} .micronews .micronews-list {width: 200px;position: absolute;top: 0;} .micronews-right .micronews-list {right: 0;} .micronews-left .micronews-list {left: 0;} .micronews .micronews-list ul {margin: 15px 0 0 0;padding: 0;list-style: none;} .micronews .micronews-list ul li {padding: 10px 15px;} .micronews-list ul li a {padding-left: 12px;font-weight: bold;display: block;} /* RokNewsPager */ ul.roknewspager {margin: 0;padding: 0;} ul.roknewspager li {list-style: none;padding-left: 12px;margin-bottom: 12px;} ul.roknewspager .roknewspager-title {display: block;font-size: 120%;font-weight: bold;cursor: pointer;} ul.roknewspager .roknewspager-div {display: block;padding-bottom: 12px;} .roknewspager-wrapper {position:relative;overflow:hidden;} .roknewspager-pages {margin: 0 -15px -15px -15px;padding: 8px 15px;overflow: hidden;} .roknewspager-pages2 {float: right;width: auto;height: 18px;text-align: center;position: relative;padding: 0;} .roknewspager-spinner {width: 16px; height: 16px; background: transparent url(../images/spinner.gif) no-repeat scroll 100% 50%; float: left;display: none;} ul.roknewspager-numbers {margin: 0;padding: 0 24px;text-align: right;overflow: hidden;height: 18px;text-align: center;} ul.roknewspager-numbers li {list-style: none;display: inline;padding: 0 2px;cursor: pointer;} ul.roknewspager-numbers li.active {cursor: default;} .roknewspager-prev, .roknewspager-prev-disabled {width: 16px;height: 18px;position: absolute;top: 0;left: 0;cursor: pointer;} .roknewspager-next, .roknewspager-next-disabled {width: 16px;height: 18px;position: absolute;top: 0;right: 0;cursor: pointer;} .roknewspager-prev-disabled, .roknewspager-next-disabled {cursor: default;} ul.roknewspager-numbers li.active {font-weight: bold;} /* RSS Feeds */ ul.newsfeed {margin: 0;padding: 0;} a.newsfeed-title {text-transform: uppercase;font-weight: bold;} ul.newsfeed li {list-style: none;padding-left: 12px;margin-bottom: 12px;} ul.newsfeed li a {font-weight: bold;font-size: 120%;} ul.newsfeed .newsfeed-div {display: block;padding-bottom: 1px;} /* RokNewsflash */ #newsflash-bar {overflow: hidden;font-size: 12px;} #page-bg #newsflash {position:relative;line-height: 26px;height: 26px;margin:0;border-bottom:3px solid #FFFFFF;border-top:3px solid #FFFFFF;} #newsflash ul {margin:0 0 0 95px;list-style:none;padding:0;} #newsflash li {padding-bottom:100px;font-weight: bold;line-height:26px;margin-left:20px;} #newsflash .readon {clear:none;display:inline;float:none;height:auto;width:auto;line-height:100%;font-size:100%;margin:0;padding:0;background:none;} #newsflash .flashing {display:block;position:absolute;left:0;font-weight:bold;text-transform: uppercase;font-size: 11px;height: 26px;width: 88px;line-height: 26px;padding-left: 15px;} #newsflash .controls img {cursor:pointer;height:18px;width:18px;} #newsflash .controls div {width:18px;} #newsflash .control-prev {background-position:0 0;} #newsflash .control-prev:hover {background-position: -36px 0;} #newsflash .control-next {background-position:-18px 0px;} #newsflash .control-next:hover {background-position: -54px 0px;} #newsflash .controls {position:absolute;right:10px;top: 4px;width:auto;} /* RokWeather */ #rightcol .side-mod #rokweather {margin:0 -15px 0 -10px;} #leftcol .side-mod #rokweather {margin:0 -10px 0 -15px;} /* Featured Section */ .feature-block {overflow: hidden;position: relative;padding: 15px;} .feature-block .image-container {float: left;margin-right: 15px;} .feature-block .rokstories-spinner {background: transparent url(../images/spinner.gif) no-repeat scroll 50% 50%} .feature-block .image-container .image-full {position:relative;overflow: hidden;} .feature-block .image-container .image-full img {position:absolute;top: 0;left: 0;visibility: hidden;} .feature-block .image-container .image-small img {cursor: pointer;} .feature-block .desc-container {overflow: hidden;position: relative;} .feature-block .desc-container .description {position: absolute;top: 0; left: 0;visibility: hidden;} .feature-block img.feature-main {display: block;} .feature-block img.feature-sub {margin: 9px 9px 0 0;} .feature-block .feature-title {display: block;font-weight: bold;font-size: 160%;line-height: 130%;margin-bottom: 10px;} .feature-block .feature-desc {font-size: 120%;line-height: 130%;color: #333;} .feature-block .moduletable h3 {font-weight: bold;font-size: 180%;} .feature-block .readon {display: block;margin: 15px 0;font-weight: bold;} /* Typography */ .readon-wrap1 {margin-top: 15px;position:relative;float:left;} .readon-wrap1 span {display:block;height: 24px;line-height: 24px;} a.readon {font-weight: bold;} a.readon-main {font-size: 12px;cursor: pointer;} a.readon-main:hover {text-decoration: none;} .readon1-l {position:absolute;width: 7px;height: 24px;left:0;top:0;} .readon1-m {margin-left: 7px;text-align: center;padding-left:2px;} .readon1-r {margin-right: -7px;padding-right: 10px;} /* @group Demo Content */ #mainmodules .article_separator {display: none;} /* Frontpage Main Article */ .fp-leading {margin-top: 10px; margin-bottom: 25px;overflow: hidden;} .fp-caption {float: left; margin-right: 15px; width: 181px; margin-bottom: 10px;} .fp-main {margin-bottom: 5px;} .fp-video {margin-left: 5px; margin-right: 2px;} .fp-leading h3, .fp-sub h4 {margin-top: 0px; margin-bottom: 0pt;font-weight: bold;} .fp-subheader {display: block; margin-bottom: 3px;} .fp-sub {border-bottom: 1px solid #ddd; margin-top: 15px; padding-bottom: 15px;} .fp-sub1 {float: left; width: 66px; margin-right: 10px;} .fp-leading span, .fp-sub span {font-weight: bold;} /* Frontpage Inset2 */ .fp-inset-surround {margin-top: 10px;} .fp-inset {padding-top: 30px;padding-bottom: 3px;} .fp-inset .icon-surround {margin-top: -19px; margin-left: 5px; position: absolute;} .fp-inset .icon-video {background: url(../images/video-icon.png) no-repeat 0 3px;color: #333;} .fp-inset .icon-photo {background: url(../images/photo-icon.png) no-repeat 0 4px;color: #333;} .fp-inset .icon-podcast {background: url(../images/podcast-icon.png) no-repeat 0 3px;color: #333;} .red .fp-inset .icon-video, .blue .fp-inset .icon-video, .green .fp-inset .icon-video, .orange .fp-inset .icon-video, .black .fp-inset .icon-video, .darkbeige .fp-inset .icon-video, .darkgrey .fp-inset .icon-video {background: url(../images/video-icon-w.png) no-repeat 0 3px;color: #fff;} .red .fp-inset .icon-photo, .blue .fp-inset .icon-photo, .green .fp-inset .icon-photo, .orange .fp-inset .icon-photo, .black .fp-inset .icon-photo, .darkbeige .fp-inset .icon-photo, .darkgrey .fp-inset .icon-photo {background: url(../images/photo-icon-w.png) no-repeat 0 4px;color: #fff;} .red .fp-inset .icon-podcast, .blue .fp-inset .icon-podcast, .green .fp-inset .icon-podcast, .orange .fp-inset .icon-podcast, .black .fp-inset .icon-podcast, .darkbeige .fp-inset .icon-podcast, .darkgrey .fp-inset .icon-podcast {background: url(../images/podcast-icon-w.png) no-repeat 0 3px;color: #fff;} .fp-inset .icon-title {text-transform: uppercase; margin-left: 15px; display: block; margin-top: -3px; font-weight: bold;} .fp-inset .image {margin-bottom: 5px; display: block;} .fp-inset a {font-weight: bold;margin-left: 5px;} /* Custom Modules Tutorial */ .rokmod-demo-block .parameters div {border-right:1px dotted #666;padding-right:12px;} .rokmod-demo-block .options div {border-right:1px dotted #666; padding-right: 12px;} .rokmod-demo-block .demo div {border-right:1px dotted #666;padding-right: 12px;} .rokmod-demo-block .parameters, .rokmod-demo-block .options, .rokmod-demo-block .demo, .rokmod-demo-block .description {float:left;margin-right:12px;} .rokmod-demo-block .parameters span, .rokmod-demo-block .options span, .rokmod-demo-block .demo span, .rokmod-demo-block .description span {display:block;font-size:11px;line-height:22px;} .rokmod-demo-block .demo-span1 {font-weight: bold;} /* Tutorials */ .tut-block {height: 100px; display: block;} .tut-img {float: left; margin-right: 10px;} .tut-title {font-size: 130%;font-weight: bold;margin-bottom: 15px;padding-top: 3px;} pre {overflow: auto;} .tut-tool-tip {color: #fff;width: 139px;z-index: 13000;} .tut-tool-title {display: none;} .tut-tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(../images/bubble.png) bottom right;} .tut-tool-text span { overflow: auto; display: block;} /* Variation Chooser */ .variation-chooser {margin-top:15px;position:relative; margin-left: 15px;overflow:hidden;} .variation-chooser .controls {height:25px;position:absolute;} .variation-chooser .control-prev, .variation-chooser .control-next {cursor:pointer;float:left;height:16px;margin-right:3px;margin-top:1px;width:16px;} .variation-chooser .control-prev {background-position:0 0;margin-right:0.4em;} .variation-chooser .control-prev:hover {background-position:0 -16px;} .variation-chooser .control-next {background-position:0 -32px;margin-left:0.4em;} .variation-chooser .control-next:hover {background-position:0 -48px;} .variation-chooser input {background: #fff;border: 1px solid #ddd;width: 50px;text-align: center;margin-left: 125px;color:#333;} /* @end */ /*** /var/www/vhosts/rawpoker.com.au/httpdocs/goldcoast/templates/Bucks_Party/css/header-red.css ***/ /** * @version 1.5.7 June 2, 2010 * @author RocketTheme, LLC http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ /* Red Header Style */ #header-bar {background: #691D1D url(../images/header/red/header-bg.png) 0 0 repeat-x;} #logo {background: url(../images/header/red/logo.png) 0 0 no-repeat;} .logo-text {color: #fff;} #searchmod {background: url(../images/header/red/search-bg.png) 0 0 no-repeat;} #horiz-menu {background: #6A1D1D url(../images/header/red/horiz-bg.png) 0 0 repeat-x;} #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {color: #fff;} #horiz-menu .link {color: #fff;} #horiz-menu li:hover .link, #horiz-menu li.sfHover .link, #horiz-menu li.active .link {color: #fff;} #horiz-menu li.active .link, #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {background: url(../images/header/red/horiz-r.png) 100% 0 no-repeat;} #horiz-menu li.active .link span, #horiz-menu li:hover .link span, #horiz-menu li.sfHover .link span {background: url(../images/header/red/horiz-l.png) 0 0 no-repeat;} #horiz-menu li.active .link, #horiz-menu li:hover .link, #horiz-menu li.sfHover .link {color: #FFD0D0;} #horiz-menu ul ul.columns-1 {background: url(../images/header/red/drop-bg-1.png) 0 100% no-repeat;} #horiz-menu ul ul.columns-2 {background: url(../images/header/red/drop-bg-2.png) 0 100% no-repeat;} #horiz-menu ul ul.columns-3 {background: url(../images/header/red/drop-bg-3.png) 0 100% no-repeat;} #horiz-menu ul ul.columns-4 {background: url(../images/header/red/drop-bg-4.png) 0 100% no-repeat;} .menutop .drop-wrap.columns-1 .drop1 {background: url(../images/header/red/drop-top-1.png) 0 0 no-repeat !important;} .menutop .drop-wrap.columns-2 .drop1 {background: url(../images/header/red/drop-top-2.png) 0 0 no-repeat;} .menutop .drop-wrap.columns-3 .drop1 {background: url(../images/header/red/drop-top-3.png) 0 0 no-repeat;} .menutop .drop-wrap.columns-4 .drop1 {background: url(../images/header/red/drop-top-4.png) 0 0 no-repeat;} #horiz-menu ul ul li .link.daddy, #horiz-menu ul li.parent.active:hover li .link.daddy, #horiz-menu ul li.parent.active.sfHover li .link.daddy, #horiz-menu ul li.parent:hover li .link.daddy, #horiz-menu ul li.parent.sfHover li .link.daddy {background: url(../images/header/red/drop-arrow.png) 95% 9px no-repeat;} .menutop .submenu-animation-right {background: url(../images/header/red/sub-bg-active-l.png) 0 0 no-repeat;} .menutop .submenu-animation-left {background: url(../images/header/red/sub-bg-active-r.png) 100% 0 no-repeat;} #horiz-menu.suckerfish li li:hover, #horiz-menu.suckerfish li li.sfHover {background: url(../images/header/red/sub-bg-active-r.png) 100% 0 repeat-x;} #horiz-menu.suckerfish li li:hover span, #horiz-menu.suckerfish li li:hover li:hover span, #horiz-menu.suckerfish li li:hover li:hover li:hover span, #horiz-menu.suckerfish li li:hover li:hover li:hover li:hover span, #horiz-menu.suckerfish li li.sfHover span, #horiz-menu.suckerfish li li.sfHover li.sfHover span, #horiz-menu.suckerfish li li.sfHover li.sfHover li.sfHover span, #horiz-menu.suckerfish li li.sfHover li.sfHover li.sfHover li.sfHover span {background: url(../images/header/red/sub-bg-active-l.png) 0 0 no-repeat;} #searchmod .search_options {color: #fff;} #roksearch_results .rokajaxsearch-overlay {background: #691D1D;} #roksearch_results {background: #691D1D;border: 1px solid #4D1515;border-top: 0;border-bottom: 0;} #roksearch_results a {color: #FFD0D0;} #roksearch_results a:hover {color: #fff;} #roksearch_results h3 {color: #fff;} #roksearch_results span {color: #FFD0D0;} #roksearch_results span.highlight {background: #FFD0D0;color: #333;} #roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {background: #fff url(../images/header/red/horiz-bg.png) 100% 0 repeat-x;border-bottom: 1px solid #4D1515;color: #fff;} #roksearch_results .roksearch_odd {background: #691D1D url(../images/header/red/header-bg.png) 0 0 repeat-x;border-bottom: 1px solid #4D1515;} #roksearch_results .roksearch_even {background: #691D1D;border-bottom: 1px solid #4D1515;} #roksearch_results .roksearch_odd-hover, #roksearch_results .roksearch_even-hover {background: #A92F2F;} #roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {background: url(../images/modules/red-arrow.png) 0 4px no-repeat;} .results ol.list li p {color: #FFD0D0;} #roksearch_results a#roksearch_link {background: url(../images/header/red/search-close.png) 0 0 no-repeat;} #roksearch_results .arrow-left {background: url(../images/header/red/search-arrow.png) 0 0 no-repeat;} #roksearch_results .arrow-left-disabled {background: url(../images/header/red/search-arrow.png) -36px 0 no-repeat;} #roksearch_results .arrow-right {background: url(../images/header/red/search-arrow.png) -18px 0 no-repeat;} #roksearch_results .arrow-right-disabled {background: url(../images/header/red/search-arrow.png) -36px 0 no-repeat;} .rokradios {background: url(../images/modules/red-inputs.png) 0 0 no-repeat;} .rokradios-active {background: url(../images/modules/red-inputs.png) 0 -114px no-repeat;} .mininews-headline h2{background: url(../images/modules/red-h2.png) 50% 0 no-repeat;color: #fff;} /*** /var/www/vhosts/rawpoker.com.au/httpdocs/goldcoast/templates/Bucks_Party/css/body-beige.css ***/ /** * @version 1.5.7 June 2, 2010 * @author RocketTheme, LLC http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ /* Beige Body Style */ #top-bar {background: #D2D0C2 url(../images/body/beige/topbar-bg.png) 0 0 repeat-x;color: #444;} #header-bar {border-top: 3px solid #F6F6E9;} .s-c-s .colright, .x-c-s .colmask, #inset-block-right {background-image: url(../images/body/beige/col-r.png);} .s-c-s .colmask, .s-c-x .colmask, #inset-block-left {background-image: url(../images/body/beige/col-l.png);} .leftmenu {background: #F6F6E9;} #body-left {background: url(../images/body/beige/body-l.png) 0 0 repeat-y;} #body-right {background: url(../images/body/beige/body-r.png) 100% 0 repeat-y;} .module-header {background: url(../images/modules/beige-module-h3-2.png) 0 0 repeat-x;} #leftcol .module-header2, #inset-block-left .module-header2 {background: url(../images/modules/left-beige-h3-3.png) 100% 0 no-repeat;} #leftcol .side-mod h3, #inset-block-left .side-mod h3 {background: url(../images/modules/left-beige-module-h3.png) 0 0 no-repeat;} .side-mod h3 {background: url(../images/modules/beige-module-h3.png) 0 0 no-repeat;color: #333;} .micronews-headline h2, h3.main-modules {background: url(../images/modules/beige-h2.png) 50% 100% no-repeat;color: #333;} .readon1-l {background: url(../images/modules/beige-readon-l.png) 0 0 no-repeat;} .readon1-m {background: url(../images/modules/beige-readon-m.png) 50% 0 repeat-x;} .readon1-r {background: url(../images/modules/beige-readon-r.png) 100% 0 no-repeat;} form.form-login .login-links a {background: url(../images/modules/beige-arrow.png) 0 3px no-repeat;} #main-body ul.menu li {background: #F6F6E9;} #main-body ul.menu li a {background: url(../images/modules/beige-arrow.png) 10px 10px no-repeat;} #main-body ul.menu li.active, #main-body ul.menu li:hover {background: #BEBBA7 url(../images/modules/darkbeige-module-h3-2.png) 10px 0 repeat-x;} #main-body ul.menu li.active.parent li span, #main-body ul.menu li.parent li span {background: url(../images/body/beige/beige-side-sub-bullet.png) 0 0 no-repeat;} #main-body ul.menu li a, #main-body ul.menu li.parent li a, #main-body ul.menu li.parent li.parent li a, #main-body ul.menu li.parent li .separator, #main-body ul.menu li.parent li.parent li .separator {color: #333;} .roktabs {background: #BEBBA7 url(../images/body/beige/roktabs-bg.png) 0 0 repeat-x;} .tabs-bottom .roktabs {background: #BEBBA7 url(../images/body/beige/roktabs-bg-bottom.png) 0 100% repeat-x;} .roktabs-wrapper .roktabs-container-wrapper div.wrapper {background: #F6F6E9;} .roktabs-wrapper .active-arrows .roktabs-links {background: url(../images/body/beige/roktabs-bg2.png) 0 0 repeat-x;} .tabs-bottom .active-arrows .roktabs-links {background: url(../images/body/beige/roktabs-bg2-bottom.png) 0 0 repeat-x;} .roktabs-wrapper .roktabs-links ul.roktabs-top li.active {background: url(../images/body/beige/roktabs-active.png) 50% 33px no-repeat;} .tabs-bottom .roktabs-links ul.roktabs-bottom li.active {background: url(../images/body/beige/roktabs-active-bottom.png) 50% 12px no-repeat;} .roktabs-wrapper .arrow-next {background: url(../images/body/beige/roktabs-next.png) 0 0 no-repeat;right: 0;} .roktabs-wrapper .arrow-prev {background: url(../images/body/beige/roktabs-prev.png) 0 0 no-repeat;left: 0;} .tabs-bottom .arrow-next {background: url(../images/body/beige/roktabs-next-bottom.png) 0 0 no-repeat;right: 0;} .tabs-bottom .arrow-prev {background: url(../images/body/beige/roktabs-prev-bottom.png) 0 0 no-repeat;left: 0;} .tabs-hidden .roktabs {background: #BEBBA7;} .rokmicronews-surround {background: #BEBBA7 url(../images/body/beige/roktabs-bg.png) 0 0 repeat-x;} .micronews-right .micronews-wrapper {background: #F6F6E9 url(../images/body/beige/rokmicro-list-bg.png) 100% 0 repeat-y;} .micronews-left .micronews-wrapper {background: #F6F6E9 url(../images/body/beige/rokmicro-list-bg.png) 0 0 repeat-y;} .micronews-controls {background: url(../images/body/beige/rmn-inset-r.png) 100% 0 no-repeat;} .micronews-controls2 {background: url(../images/body/beige/rmn-inset-l.png) 0 0 no-repeat;} #rokmicronews .mover {background: url(../images/body/beige/move-handle.png) 0 0 no-repeat;} #rokmicronews .collapse {background: url(../images/body/beige/rmn-expander.png) 0 0 no-repeat;} #rokmicronews .expand {background: url(../images/body/beige/rmn-expander.png) -15px 0 no-repeat;} .micronews-titles {color: #333;background: #BEBBA7;} .micronews-list {background: url(../images/body/beige/rokmicro-list-bg2.png) 0 0 repeat-x;} .micronews-list ul li a {background: url(../images/modules/grey-arrow.png) 0 3px no-repeat;} .micronews-list ul li.active {background: #F6F6E9;} .micronews-headline .counter {background: url(../images/body/beige/mininews-bar-r.png) 100% 0 no-repeat;color: #333;} .micronews-headline .counter span {background: url(../images/body/beige/mininews-bar-l.png) 0 0 no-repeat;} .micronews-drop {border: 5px dashed #ccc;background: #F6F6E9 url(../images/drophere.png) center center no-repeat;} #newsflash {background: url(../images/body/beige/newsflash-bg.png) 0 0 repeat-x;border-bottom: 3px solid #F6F6E9;border-top: 3px solid #F6F6E9;} #newsflash .flashing {background: url(../images/body/beige/newsflash-tab.png) 0 0 no-repeat;color: #fff;} #newsflash .control-prev {background-image: url(../images/body/beige/newsflash-controls.png);} #newsflash .control-next {background-image: url(../images/body/beige/newsflash-controls.png);} .feature-module {background: url(../images/body/beige/feature-bg.png) 0 0 no-repeat;border-top: 3px solid #F6F6E9;} .feature-module .readon1-l {background: url(../images/body/beige/feature-readon-l.png) 0 0 no-repeat;} .feature-module .readon1-m {background: url(../images/body/beige/feature-readon-m.png) 50% 0 repeat-x;} .feature-module .readon1-r {background: url(../images/body/beige/feature-readon-r.png) 100% 0 no-repeat;} .roktabs .readon1-l {background: url(../images/body/beige/feature-readon-l.png) 0 0 no-repeat;} .roktabs .readon1-m {background: url(../images/body/beige/feature-readon-m.png) 50% 0 repeat-x;} .roktabs .readon1-r {background: url(../images/body/beige/feature-readon-r.png) 100% 0 no-repeat;} #breadcrumbs {background: url(../images/body/beige/newsflash-bg.png) 0 0 repeat-x;} #breadcrumbs-home {background: url(../images/body/beige/breadcrumb-tab.png) 0 0 no-repeat;} span.breadcrumbs {color: #333;} span.breadcrumbs img {background: url(../images/body/beige/breadcrumb-sep.png) 50% 50% no-repeat;} span.breadcrumbs a {color: #333;} span.breadcrumbs .no-link {color: #555;} span.breadcrumbs a:hover {color: #fff;} .showcase-surround {background: #D2D0C2 url(../images/body/beige/topbar-bg.png) 0 0 repeat-x;border-top: 3px solid #F6F6E9;border-bottom: 1px solid #ccc;} #mainmodules3 {background: #D2D0C2 url(../images/body/beige/topbar-bg.png) 0 0 repeat-x;border-top: 1px solid #ddd;border-bottom: 3px solid #F6F6E9;} .article-info-surround {background: url(../images/body/beige/infoarrow.png) 19px 100% no-repeat;} .article-info-surround2 {background: #EFEFE5 url(../images/body/beige/topbar-bg.png) 0 100% repeat-x;} p.articleinfo {color: #444;} p.iteminfo {color: #666;} div.pagination div.tab {background: url(../images/body/beige/page-tab-r.png) 100% 0 no-repeat;} div.pagination div.tab2 {background: url(../images/body/beige/page-tab-l.png) 0 0 no-repeat;} .blog_more ul li, .block ul#mainlevel-nav li {background: url(../images/modules/beige-div.png) 0 100% repeat-x;} .blog_more h2 {color: #333;} .component-header {background: url(../images/modules/beige-module-h3-2.png) 0 0 repeat-x;} .componentheading {background: url(../images/body/beige/component-head-bg.png) 0 0 no-repeat;} #lock-button {background: url(../images/body/beige/lock.png) 0 50% no-repeat;} #lock-button.login {background: url(../images/body/beige/lock2.png) 0 50% no-repeat;} #login-module h3 {background: url(../images/body/beige/lock2.png) 0 5px no-repeat;} #login-module .logout h3 {background: url(../images/body/beige/lock.png) 0 5px no-repeat;} #login-module form.form-login .inputbox {background: url(../images/body/beige/login-field.png) 0 0 no-repeat;color:#333;} a.large .button {background: url(../images/body/beige/font-button.png) 0 0 no-repeat;} a.small .button {background: url(../images/body/beige/font-button.png) -18px 0 no-repeat;} a#rokbox-close {background: url(../images/body/beige/light-close.png) 0 0 no-repeat;} #main-content .rokradios {background: url(../images/modules/beige-inputs.png) 0 0 no-repeat;} #main-content .rokradios-active {background: url(../images/modules/beige-inputs.png) 0 -114px no-repeat;} #main-content .rokchecks, #login-module .rokchecks {background: url(../images/modules/beige-inputs.png) 0 -209px no-repeat;} #main-content .rokchecks-active, #login-module .rochecks-active {background: url(../images/modules/beige-inputs.png) 0 -323px no-repeat;} .contact_email .inputbox, .register-page .inputbox, input#email {background: url(../images/body/beige/login-field.png) 0 0 no-repeat;color: #333;} .contact_email #contact_text.inputbox {background: url(../images/body/beige/input-field-large.png) 0 0 no-repeat;color: #333;} form.search_result input#search_searchword.inputbox, form.form-login .inputbox {background: url(../images/body/beige/login-field.png) 0 0 no-repeat;color: #333;} .search-results-full .results ol.list p {color: #888;} .advertisement .side-mod h3.module-title span {color: #666;} .search-results-full span.highlight {background: #666;color: #fff;} ul.roknewspager li, ul.newsfeed li, ul.latestnews li a, ul.mostread li a, div.block ul.latestnews li a, div.block ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a {background: url(../images/modules/beige-arrow.png) 0 4px no-repeat;} ul.roknewspager-numbers li.active {color: #000;} ul.roknewspager .roknewspager-div, ul.newsfeed .newsfeed-div, ul.latestnews li, ul.mostread li, div.block ul.latestnews li, div.block ul.mostread li {background: url(../images/modules/beige-div.png) 0 100% repeat-x;} .roknewspager-pages {background: #D9D7C6;} ul.roknewspager-numbers {background: url(../images/modules/beige-page-m.png) 0 0 repeat-x;} .roknewspager-prev {background: url(../images/modules/beige-page-controls.png) 0 0 no-repeat;} .roknewspager-prev-disabled {background: url(../images/modules/beige-page-controls.png) 0 -18px no-repeat;} .roknewspager-next {background: url(../images/modules/beige-page-controls.png) -16px 0 no-repeat;} .roknewspager-next-disabled {background: url(../images/modules/beige-page-controls.png) -16px -18px no-repeat;} .roknewspager-overlay {background: #fff;} /*** /var/www/vhosts/rawpoker.com.au/httpdocs/goldcoast/templates/Bucks_Party/css/footer-red.css ***/ /** * @version 1.5.7 June 2, 2010 * @author RocketTheme, LLC http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ /* Red Footer Style */ #botbar {background: #912828 url(../images/footer/red/botbar-bg.png) 0 0 repeat-x;} #bottom {background: #6B1D1D url(../images/footer/red/bottom-bg.png) 0 0 repeat-x;} #mainmodules4 {color: #FFD0D0;} #mainmodules4 a {color: #fff;} #copyright {color: #FFD0D0;} #bottom-menu ul li a, #bottom-menu ul li .separator {color: #FFD0D0;} #bottom-menu ul li a:hover, #bottom-menu ul li .separator:hover {color: #fff;} #bottom ul li a {background: url(../images/modules/red-arrow.png) 0 4px no-repeat;color: #fff;} #bottom ul li:hover a {color: #FFD0D0;} #rocket {background: url(../images/footer/red/rocket.png) 0 0 no-repeat;} #top-button {background: url(../images/footer/red/top-button-bg.png) 0 0 no-repeat;} #top-button a {color: #FFD0D0;} #top-button a:hover {color: #fff;} /*** /var/www/vhosts/rawpoker.com.au/httpdocs/goldcoast/templates/Bucks_Party/css/modules.css ***/ /** * @version 1.5.7 June 2, 2010 * @author RocketTheme, LLC http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ /* Grey Module Variation */ .grey .module-header {background: url(../images/modules/module-h3-2.png) 0 0 repeat-x;} #leftcol .grey .module-header2, #inset-block-left .grey .module-header2 {background: url(../images/modules/left-module-h3-3.png) 100% 0 no-repeat;} #leftcol .grey .side-mod h3, #inset-block-left .grey .side-mod h3 {background: url(../images/modules/left-module-h3.png) 0 0 no-repeat;} .grey .side-mod h3 {background: url(../images/modules/module-h3.png) 0 0 no-repeat;} .grey .side-mod h3 span {color: #000;} #rightcol .grey .side-mod, #inset-block-right .grey .side-mod {background: #c0c0c0 url(../images/modules/module-bg.png) 0 0 repeat-y;} #leftcol .grey .side-mod, #inset-block-left .grey .side-mod {background: #c0c0c0 url(../images/modules/left-module-bg.png) 100% 0 repeat-y;} .grey .side-mod {background: #c0c0c0;color: #333;} #main-content .grey .rokradios {background: url(../images/modules/grey-inputs.png) 0 0 no-repeat;} #main-content .grey .rokradios-active {background: url(../images/modules/grey-inputs.png) 0 -114px no-repeat;} #main-content .grey .rokchecks {background: url(../images/modules/grey-inputs.png) 0 -209px no-repeat;} #main-content .grey .rokchecks-active {background: url(../images/modules/grey-inputs.png) 0 -323px no-repeat;} .grey .side-mod .poll-line {background: url(../images/modules/grey-div.png) 0 100% repeat-x;} .grey .side-mod .poll-line:hover {color: #000;} .grey .micronews-headline h2, .grey h3.main-modules {background: url(../images/modules/grey-h2.png) 50% 100% no-repeat;color: #333;} .grey form.form-login .inputbox {background: url(../images/modules/grey-login-field.png) 0 0 no-repeat;color: #333;} .grey form.form-login .login-links a {background: url(../images/modules/grey-arrow.png) 0 3px no-repeat;} .grey .fp-inset {background: #ddd;} /* Dark Grey Module Variation */ .darkgrey .module-header {background: url(../images/modules/darkgrey-module-h3-2.png) 0 0 repeat-x;} #leftcol .darkgrey .module-header2, #inset-block-left .darkgrey .module-header2 {background: url(../images/modules/left-darkgrey-h3-3.png) 100% 0 no-repeat;} #leftcol .darkgrey .side-mod h3, #inset-block-left .darkgrey .side-mod h3 {background: url(../images/modules/left-darkgrey-module-h3.png) 0 0 no-repeat;} .darkgrey .side-mod h3 {background: url(../images/modules/darkgrey-module-h3.png) 0 0 no-repeat;color: #fff;} .darkgrey .side-mod h3 span {color: #ccc;} #rightcol .darkgrey .side-mod, #inset-block-right .darkgrey .side-mod {background: #5e5e5e url(../images/modules/darkgrey-module-bg.png) 0 0 repeat-y;} #leftcol .darkgrey .side-mod, #inset-block-left .darkgrey .side-mod {background: #5e5e5e url(../images/modules/left-darkgrey-module-bg.png) 100% 0 repeat-y;} .darkgrey .side-mod {background: #5e5e5e;color: #ccc;} .darkgrey .side-mod a {color: #fff;} #main-content .darkgrey .rokradios {background: url(../images/modules/darkgrey-inputs.png) 0 0 no-repeat;} #main-content .darkgrey .rokradios-active {background: url(../images/modules/darkgrey-inputs.png) 0 -114px no-repeat;} #main-content .darkgrey .rokchecks {background: url(../images/modules/darkgrey-inputs.png) 0 -209px no-repeat;} #main-content .darkgrey .rokchecks-active {background: url(../images/modules/darkgrey-inputs.png) 0 -323px no-repeat;} .darkgrey .side-mod .poll-line {background: url(../images/modules/darkgrey-div.png) 0 100% repeat-x;} .darkgrey .side-mod .poll-line:hover {color: #fff;} .darkgrey .micronews-headline h2, .darkgrey h3.main-modules {background: url(../images/modules/darkgrey-h2.png) 50% 0 no-repeat;color: #fff;} .darkgrey form.form-login .inputbox {background: url(../images/modules/darkgrey-login-field.png) 0 0 no-repeat;color: #fff;} #main-body .darkgrey ul.menu li {background: #5E5E5E;} #main-body .darkgrey ul.menu li a {background: url(../images/modules/darkgrey-arrow.png) 10px 10px no-repeat;} #main-body .darkgrey ul.menu li.active, #main-body .darkgrey ul.menu li:hover {background: #5E5E5E url(../images/modules/darkgrey-module-h3-2.png) 0 0 repeat-x;} #main-body .darkgrey ul.menu li.active.parent li span, #main-body .darkgrey ul.menu li.parent li span {background: url(../images/modules/darkgrey-sub-bullet.png) 0 0 no-repeat;} #main-body .darkgrey ul.menu li a, #main-body .darkgrey ul.menu li.parent li a, #main-body .darkgrey ul.menu li.parent li.parent li a, #main-body .darkgrey ul.menu li.parent li .separator, #main-body .darkgrey ul.menu li.parent li.parent li .separator {color: #ccc;} #main-body .darkgrey ul.menu li:hover a, #main-body .darkgrey ul.menu li.active a, #main-body .darkgrey ul.menu li li:hover a, #main-body .darkgrey ul.menu li li.active a {color: #fff;} .darkgrey form.form-login .login-links a {background: url(../images/modules/darkgrey-arrow.png) 0 3px no-repeat;} .darkgrey .fp-inset {background: #777;} /* Red Module Variation */ .red .module-header {background: url(../images/modules/red-module-h3-2.png) 0 0 repeat-x;} #leftcol .red .module-header2, #inset-block-left .red .module-header2 {background: url(../images/modules/left-red-h3-3.png) 100% 0 no-repeat;} #leftcol .red .side-mod h3, #inset-block-left .red .side-mod h3 {background: url(../images/modules/left-red-module-h3.png) 0 0 no-repeat;} .red .side-mod h3 {background: url(../images/modules/red-module-h3.png) 0 0 no-repeat;color: #fff;} .red .side-mod h3 span {color: #FFD0D0;} #rightcol .red .side-mod, #inset-block-right .red .side-mod {background: #732222 url(../images/modules/red-module-bg.png) 0 0 repeat-y;} #leftcol .red .side-mod, #inset-block-left .red .side-mod {background: #732222 url(../images/modules/left-red-module-bg.png) 100% 0 repeat-y;} .red .side-mod {background: #732222;color: #FFD0D0;} .red .side-mod a {color: #fff;} #main-content .red .rokradios {background: url(../images/modules/red-inputs.png) 0 0 no-repeat;} #main-content .red .rokradios-active {background: url(../images/modules/red-inputs.png) 0 -114px no-repeat;} #main-content .red .rokchecks {background: url(../images/modules/red-inputs.png) 0 -209px no-repeat;} #main-content .red .rokchecks-active {background: url(../images/modules/red-inputs.png) 0 -323px no-repeat;} .red .side-mod .poll-line {background: url(../images/modules/red-div.png) 0 100% repeat-x;} .red .side-mod .poll-line:hover {color: #fff;} .red .micronews-headline h2, .red h3.main-modules {background: url(../images/modules/red-h2.png) 50% 0 no-repeat;color: #fff;} .red form.form-login .inputbox {background: url(../images/modules/red-login-field.png) 0 0 no-repeat;color: #333;} #main-body .red ul.menu li {background: #732222;} #main-body .red ul.menu li a {background: url(../images/modules/red-arrow.png) 10px 10px no-repeat;} #main-body .red ul.menu li.active, #main-body .red ul.menu li:hover {background: #732222 url(../images/modules/red-module-h3-2.png) 0 0 repeat-x;} #main-body .red ul.menu li.active.parent li span, #main-body .red ul.menu li.parent li span {background: url(../images/modules/red-sub-bullet.png) 0 0 no-repeat;} #main-body .red ul.menu li a, #main-body .red ul.menu li.parent li a, #main-body .red ul.menu li.parent li.parent li a, #main-body .red ul.menu li.parent li .separator, #main-body .red ul.menu li.parent li.parent li .separator {color: #FFD0D0;} #main-body .red ul.menu li:hover a, #main-body .red ul.menu li.active a, #main-body .red ul.menu li li:hover a, #main-body .red ul.menu li li.active a {color: #fff;} .red form.form-login .login-links a {background: url(../images/modules/red-arrow.png) 0 3px no-repeat;} .red .fp-inset {background: #561818;} /* Blue Module Variation */ .blue .module-header {background: url(../images/modules/blue-module-h3-2.png) 0 0 repeat-x;} #leftcol .blue .module-header2, #inset-block-left .blue .module-header2 {background: url(../images/modules/left-blue-h3-3.png) 100% 0 no-repeat;} #leftcol .blue .side-mod h3, #inset-block-left .blue .side-mod h3 {background: url(../images/modules/left-blue-module-h3.png) 0 0 no-repeat;} .blue .side-mod h3 {background: url(../images/modules/blue-module-h3.png) 0 0 no-repeat;color: #fff;} .blue .side-mod h3 span {color: #C6DFFF;} #rightcol .blue .side-mod, #inset-block-right .blue .side-mod {background: #34568E url(../images/modules/blue-module-bg.png) 0 0 repeat-y;} #leftcol .blue .side-mod, #inset-block-left .blue .side-mod {background: #34568E url(../images/modules/left-blue-module-bg.png) 100% 0 repeat-y;} .blue .side-mod {background: #34568E;color: #C6DFFF;} .blue .side-mod a {color: #fff;} #main-content .blue .rokradios {background: url(../images/modules/blue-inputs.png) 0 0 no-repeat;} #main-content .blue .rokradios-active {background: url(../images/modules/blue-inputs.png) 0 -114px no-repeat;} #main-content .blue .rokchecks {background: url(../images/modules/blue-inputs.png) 0 -209px no-repeat;} #main-content .blue .rokchecks-active {background: url(../images/modules/blue-inputs.png) 0 -323px no-repeat;} .blue .side-mod .poll-line {background: url(../images/modules/blue-div.png) 0 100% repeat-x;} .blue .side-mod .poll-line:hover {color: #fff;} .blue .micronews-headline h2, .blue h3.main-modules {background: url(../images/modules/blue-h2.png) 50% 100% no-repeat;color: #fff;} .blue form.form-login .inputbox {background: url(../images/modules/blue-login-field.png) 0 0 no-repeat;color: #333;} #main-body .blue ul.menu li {background: #34568E;} #main-body .blue ul.menu li a {background: url(../images/modules/blue-arrow.png) 10px 10px no-repeat;} #main-body .blue ul.menu li.active, #main-body .blue ul.menu li:hover {background: #34568E url(../images/modules/blue-module-h3-2.png) 0 0 repeat-x;} #main-body .blue ul.menu li.active.parent li span, #main-body .blue ul.menu li.parent li span {background: url(../images/modules/blue-sub-bullet.png) 0 0 no-repeat;} #main-body .blue ul.menu li a, #main-body .blue ul.menu li.parent li a, #main-body .blue ul.menu li.parent li.parent li a, #main-body .blue ul.menu li.parent li .separator, #main-body .blue ul.menu li.parent li.parent li .separator {color: #C6DFFF;} #main-body .blue ul.menu li:hover a, #main-body .blue ul.menu li.active a, #main-body .blue ul.menu li li:hover a, #main-body .blue ul.menu li li.active a {color: #fff;} .blue form.form-login .login-links a {background: url(../images/modules/blue-arrow.png) 0 3px no-repeat;} .blue .fp-inset {background: #253F6B;} /* Green Module Variation */ .green .module-header {background: url(../images/modules/green-module-h3-2.png) 0 0 repeat-x;} #leftcol .green .module-header2, #inset-block-left .green .module-header2 {background: url(../images/modules/left-green-h3-3.png) 100% 0 no-repeat;} #leftcol .green .side-mod h3, #inset-block-left .green .side-mod h3 {background: url(../images/modules/left-green-module-h3.png) 0 0 no-repeat;} .green .side-mod h3 {background: url(../images/modules/green-module-h3.png) 0 0 no-repeat;color: #fff;} .green .side-mod h3 span {color: #D1F7AD;} #rightcol .green .side-mod, #inset-block-right .green .side-mod {background: #456726 url(../images/modules/green-module-bg.png) 0 0 repeat-y;} #leftcol .green .side-mod, #inset-block-left .green .side-mod {background: #456726 url(../images/modules/left-green-module-bg.png) 100% 0 repeat-y;} .green .side-mod {background: #456726;color: #D1F7AD;} .green .side-mod a {color: #fff;} #main-content .green .rokradios {background: url(../images/modules/green-inputs.png) 0 0 no-repeat;} #main-content .green .rokradios-active {background: url(../images/modules/green-inputs.png) 0 -114px no-repeat;} #main-content .green .rokchecks {background: url(../images/modules/green-inputs.png) 0 -209px no-repeat;} #main-content .green .rokchecks-active {background: url(../images/modules/green-inputs.png) 0 -323px no-repeat;} .green .side-mod .poll-line {background: url(../images/modules/green-div.png) 0 100% repeat-x;} .green .side-mod .poll-line:hover {color: #fff;} .green .micronews-headline h2, .green h3.main-modules {background: url(../images/modules/green-h2.png) 50% 100% no-repeat;color: #fff;} .green form.form-login .inputbox {background: url(../images/modules/green-login-field.png) 0 0 no-repeat;color: #23361B;} #main-body .green ul.menu li {background: #456726;} #main-body .green ul.menu li a {background: url(../images/modules/green-arrow.png) 10px 10px no-repeat;} #main-body .green ul.menu li.active, #main-body .green ul.menu li:hover {background: #456726 url(../images/modules/green-module-h3-2.png) 0 0 repeat-x;} #main-body .green ul.menu li.active.parent li span, #main-body .green ul.menu li.parent li span {background: url(../images/modules/green-sub-bullet.png) 0 0 no-repeat;} #main-body .green ul.menu li a, #main-body .green ul.menu li.parent li a, #main-body .green ul.menu li.parent li.parent li a, #main-body .green ul.menu li.parent li .separator, #main-body .green ul.menu li.parent li.parent li .separator {color: #D1F7AD;} #main-body .green ul.menu li:hover a, #main-body .green ul.menu li.active a, #main-body .green ul.menu li li:hover a, #main-body .green ul.menu li li.active a {color: #fff;} .green form.form-login .login-links a {background: url(../images/modules/green-arrow.png) 0 3px no-repeat;} .green .fp-inset {background: #36522B;} /* Orange Module Variation */ .orange .module-header {background: url(../images/modules/orange-module-h3-2.png) 0 0 repeat-x;} #leftcol .orange .module-header2, #inset-block-left .orange .module-header2 {background: url(../images/modules/left-orange-h3-3.png) 100% 0 no-repeat;} #leftcol .orange .side-mod h3, #inset-block-left .orange .side-mod h3 {background: url(../images/modules/left-orange-module-h3.png) 0 0 no-repeat;} .orange .side-mod h3 {background: url(../images/modules/orange-module-h3.png) 0 0 no-repeat;color: #fff;} .orange .side-mod h3 span {color: #FFDBBD;} #rightcol .orange .side-mod, #inset-block-right .orange .side-mod {background: #E66500 url(../images/modules/orange-module-bg.png) 0 0 repeat-y;} #leftcol .orange .side-mod, #inset-block-left .orange .side-mod {background: #E66500 url(../images/modules/left-orange-module-bg.png) 100% 0 repeat-y;} .orange .side-mod {background: #E66500;color: #FFDBBD;} .orange .side-mod a {color: #fff;} #main-content .orange .rokradios {background: url(../images/modules/orange-inputs.png) 0 0 no-repeat;} #main-content .orange .rokradios-active {background: url(../images/modules/orange-inputs.png) 0 -114px no-repeat;} #main-content .orange .rokchecks {background: url(../images/modules/orange-inputs.png) 0 -209px no-repeat;} #main-content .orange .rokchecks-active {background: url(../images/modules/orange-inputs.png) 0 -323px no-repeat;} .orange .side-mod .poll-line {background: url(../images/modules/orange-div.png) 0 100% repeat-x;} .orange .side-mod .poll-line:hover {color: #fff;} .orange .micronews-headline h2, .orange h3.main-modules {background: url(../images/modules/orange-h2.png) 50% 100% no-repeat;color: #fff;} .orange form.form-login .inputbox {background: url(../images/modules/orange-login-field.png) 0 0 no-repeat;color: #501A00;} #main-body .orange ul.menu li {background: #E66500;} #main-body .orange ul.menu li a {background: url(../images/modules/orange-arrow.png) 10px 10px no-repeat;} #main-body .orange ul.menu li.active, #main-body .orange ul.menu li:hover {background: #E66500 url(../images/modules/orange-module-h3-2.png) 0 0 repeat-x;} #main-body .orange ul.menu li.active.parent li span, #main-body .orange ul.menu li.parent li span {background: url(../images/modules/orange-sub-bullet.png) 0 0 no-repeat;} #main-body .orange ul.menu li a, #main-body .orange ul.menu li.parent li a, #main-body .orange ul.menu li.parent li.parent li a, #main-body .orange ul.menu li.parent li .separator, #main-body .orange ul.menu li.parent li.parent li .separator {color: #FFDBBD;} #main-body .orange ul.menu li:hover a, #main-body .orange ul.menu li.active a, #main-body .orange ul.menu li li:hover a, #main-body .orange ul.menu li li.active a {color: #fff;} .orange form.form-login .login-links a {background: url(../images/modules/orange-arrow.png) 0 3px no-repeat;} .orange .fp-inset {background: #D44800;} /* Dark Beige Module Variation */ .darkbeige .module-header {background: url(../images/modules/darkbeige-module-h3-2.png) 0 0 repeat-x;} #leftcol .darkbeige .module-header2, #inset-block-left .darkbeige .module-header2 {background: url(../images/modules/left-darkbeige-h3-3.png) 100% 0 no-repeat;} #leftcol .darkbeige .side-mod h3, #inset-block-left .darkbeige .side-mod h3 {background: url(../images/modules/left-darkbeige-module-h3.png) 0 0 no-repeat;} .darkbeige .side-mod h3 {background: url(../images/modules/darkbeige-module-h3.png) 0 0 no-repeat;color: #fff;} .darkbeige .side-mod h3 span {color: #57544B;} #rightcol .darkbeige .side-mod, #inset-block-right .darkbeige .side-mod {background: #BEBBA7 url(../images/modules/darkbeige-module-bg.png) 0 0 repeat-y;} #leftcol .darkbeige .side-mod, #inset-block-left .darkbeige .side-mod {background: #BEBBA7 url(../images/modules/left-darkbeige-module-bg.png) 100% 0 repeat-y;} .darkbeige .side-mod {background: #BEBBA7;color: #57544B;} .darkbeige .side-mod a {color: #444139;} #main-content .darkbeige .rokradios {background: url(../images/modules/darkbeige-inputs.png) 0 0 no-repeat;} #main-content .darkbeige .rokradios-active {background: url(../images/modules/darkbeige-inputs.png) 0 -114px no-repeat;} #main-content .darkbeige .rokchecks {background: url(../images/modules/darkbeige-inputs.png) 0 -209px no-repeat;} #main-content .darkbeige .rokchecks-active {background: url(../images/modules/darkbeige-inputs.png) 0 -323px no-repeat;} .darkbeige .side-mod .poll-line {background: url(../images/modules/darkbeige-div.png) 0 100% repeat-x;} .darkbeige .side-mod .poll-line:hover {color: #000;} .darkbeige .micronews-headline h2, .darkbeige h3.main-modules {background: url(../images/modules/darkbeige-h2.png) 50% 100% no-repeat;color: #57544B;} .darkbeige form.form-login .inputbox {background: url(../images/modules/darkbeige-login-field.png) 0 0 no-repeat;color: #57544B;} #main-body .darkbeige ul.menu li {background: #BEBBA7;} #main-body .darkbeige ul.menu li a {background: url(../images/modules/darkbeige-arrow.png) 10px 10px no-repeat;} #main-body .darkbeige ul.menu li.active, #main-body .darkbeige ul.menu li:hover {background: #BEBBA7 url(../images/modules/darkbeige-module-h3-2.png) 0 0 repeat-x;} #main-body .darkbeige ul.menu li.active.parent li span, #main-body .darkbeige ul.menu li.parent li span {background: url(../images/modules/darkbeige-sub-bullet.png) 0 0 no-repeat;} #main-body .darkbeige ul.menu li a, #main-body .darkbeige ul.menu li.parent li a, #main-body .darkbeige ul.menu li.parent li.parent li a, #main-body .darkbeige ul.menu li.parent li .separator, #main-body .darkbeige ul.menu li.parent li.parent li .separator {color: #444139;} #main-body .darkbeige ul.menu li:hover a, #main-body .darkbeige ul.menu li.active a, #main-body .darkbeige ul.menu li li:hover a, #main-body .darkbeige ul.menu li li.active a {color: #000;} .darkbeige .fp-inset {background: #A9A694;} /* Black Module Variation */ .black .module-header {background: url(../images/modules/black-module-h3-2.png) 0 0 repeat-x;} #leftcol .black .module-header2, #inset-block-left .black .module-header2 {background: url(../images/modules/left-black-h3-3.png) 100% 0 no-repeat;} #leftcol .black .side-mod h3, #inset-block-left .black .side-mod h3 {background: url(../images/modules/left-black-module-h3.png) 0 0 no-repeat;} .black .side-mod h3 {background: url(../images/modules/black-module-h3.png) 0 0 no-repeat;color: #fff;} .black .side-mod h3 span {color: #aaa;} #rightcol .black .side-mod, #inset-block-right .black .side-mod {background: #292929 url(../images/modules/black-module-bg.png) 0 0 repeat-y;} #leftcol .black .side-mod, #inset-block-left .black .side-mod {background: #292929 url(../images/modules/left-black-module-bg.png) 100% 0 repeat-y;} .black .side-mod {background: #292929;color: #aaa;} .black .side-mod a {color: #fff;} #main-content .black .rokradios {background: url(../images/modules/black-inputs.png) 0 0 no-repeat;} #main-content .black .rokradios-active {background: url(../images/modules/black-inputs.png) 0 -114px no-repeat;} #main-content .black .rokchecks {background: url(../images/modules/black-inputs.png) 0 -209px no-repeat;} #main-content .black .rokchecks-active {background: url(../images/modules/black-inputs.png) 0 -323px no-repeat;} .black .side-mod .poll-line {background: url(../images/modules/black-div.png) 0 100% repeat-x;} .black .side-mod .poll-line:hover {color: #fff;} .black .micronews-headline h2, .black h3.main-modules {background: url(../images/modules/black-h2.png) 50% 100% no-repeat;color: #fff;} .black form.form-login .inputbox {background: url(../images/modules/black-login-field.png) 0 0 no-repeat;color: #aaa;} #main-body .black ul.menu li {background: #292929;} #main-body .black ul.menu li a {background: url(../images/modules/black-arrow.png) 10px 10px no-repeat;} #main-body .black ul.menu li.active, #main-body .black ul.menu li:hover {background: #292929 url(../images/modules/black-module-h3-2.png) 0 0 repeat-x;} #main-body .black ul.menu li.active.parent li span, #main-body .black ul.menu li.parent li span {background: url(../images/modules/black-sub-bullet.png) 0 0 no-repeat;} #main-body .black ul.menu li a, #main-body .black ul.menu li.parent li a, #main-body .black ul.menu li.parent li.parent li a, #main-body .black ul.menu li.parent li .separator, #main-body .black ul.menu li.parent li.parent li .separator {color: #aaa;} #main-body .black ul.menu li:hover a, #main-body .black ul.menu li.active a, #main-body .black ul.menu li li:hover a, #main-body .black ul.menu li li.active a {color: #fff;} .black .fp-inset {background: #212121;} /* RokNewsPager and Feeds */ .grey ul.roknewspager li, .grey ul.newsfeed li, .grey ul.latestnews li a, .grey ul.mostread li a {background: url(../images/modules/grey-arrow.png) 0 4px no-repeat;} .grey ul.roknewspager-numbers li.active {color: #000;font-weight: bold;} .grey ul.roknewspager .roknewspager-div, .grey ul.newsfeed .newsfeed-div, .grey ul.latestnews li, .grey ul.mostread li {background: url(../images/modules/grey-div.png) 0 100% repeat-x;} .grey .roknewspager-pages {background: #9F9F9F;} .grey ul.roknewspager-numbers {background: url(../images/modules/grey-page-m.png) 0 0 repeat-x;} .grey .roknewspager-prev {background: url(../images/modules/grey-page-controls.png) 0 0 no-repeat;} .grey .roknewspager-prev-disabled {background: url(../images/modules/grey-page-controls.png) 0 -18px no-repeat;} .grey .roknewspager-next {background: url(../images/modules/grey-page-controls.png) -16px 0 no-repeat;} .grey .roknewspager-next-disabled {background: url(../images/modules/grey-page-controls.png) -16px -18px no-repeat;} .grey .roknewspager-overlay {background: #C0C0C0;} .darkgrey ul.roknewspager li, .darkgrey ul.newsfeed li, .darkgrey ul.latestnews li a, .darkgrey ul.mostread li a {background: url(../images/modules/darkgrey-arrow.png) 0 4px no-repeat;} .darkgrey ul.roknewspager-numbers li.active {color: #fff;font-weight: bold;} .darkgrey ul.roknewspager .roknewspager-div, .darkgrey ul.newsfeed .newsfeed-div, .darkgrey ul.latestnews li, .darkgrey ul.mostread li {background: url(../images/modules/darkgrey-div.png) 0 100% repeat-x;} .darkgrey .roknewspager-pages {background: #484848;} .darkgrey ul.roknewspager-numbers {background: url(../images/modules/darkgrey-page-m.png) 0 0 repeat-x;} .darkgrey .roknewspager-prev {background: url(../images/modules/darkgrey-page-controls.png) 0 0 no-repeat;} .darkgrey .roknewspager-prev-disabled {background: url(../images/modules/darkgrey-page-controls.png) 0 -18px no-repeat;} .darkgrey .roknewspager-next {background: url(../images/modules/darkgrey-page-controls.png) -16px 0 no-repeat;} .darkgrey .roknewspager-next-disabled {background: url(../images/modules/darkgrey-page-controls.png) -16px -18px no-repeat;} .darkgrey .roknewspager-overlay {background: #5E5E5E;} .red ul.roknewspager li, .red ul.newsfeed li, .red ul.latestnews li a, .red ul.mostread li a {background: url(../images/modules/red-arrow.png) 0 4px no-repeat;} .red ul.roknewspager-numbers li.active {color: #fff;font-weight: bold;} .red ul.roknewspager .roknewspager-div, .red ul.newsfeed .newsfeed-div, .red ul.latestnews li, .red ul.mostread li {background: url(../images/modules/red-div.png) 0 100% repeat-x;} .red .roknewspager-pages {background: #561818;} .red ul.roknewspager-numbers {background: url(../images/modules/red-page-m.png) 0 0 repeat-x;} .red .roknewspager-prev {background: url(../images/modules/red-page-controls.png) 0 0 no-repeat;} .red .roknewspager-prev-disabled {background: url(../images/modules/red-page-controls.png) 0 -18px no-repeat;} .red .roknewspager-next {background: url(../images/modules/red-page-controls.png) -16px 0 no-repeat;} .red .roknewspager-next-disabled {background: url(../images/modules/red-page-controls.png) -16px -18px no-repeat;} .red .roknewspager-overlay {background: #732222;} .blue ul.roknewspager li, .blue ul.newsfeed li, .blue ul.latestnews li a, .blue ul.mostread li a {background: url(../images/modules/blue-arrow.png) 0 4px no-repeat;} .blue ul.roknewspager-numbers li.active {color: #fff;font-weight: bold;} .blue ul.roknewspager .roknewspager-div, .blue ul.newsfeed .newsfeed-div, .blue ul.latestnews li, .blue ul.mostread li {background: url(../images/modules/blue-div.png) 0 100% repeat-x;} .blue .roknewspager-pages {background: #253F6B;} .blue ul.roknewspager-numbers {background: url(../images/modules/blue-page-m.png) 0 0 repeat-x;} .blue .roknewspager-prev {background: url(../images/modules/blue-page-controls.png) 0 0 no-repeat;} .blue .roknewspager-prev-disabled {background: url(../images/modules/blue-page-controls.png) 0 -18px no-repeat;} .blue .roknewspager-next {background: url(../images/modules/blue-page-controls.png) -16px 0 no-repeat;} .blue .roknewspager-next-disabled {background: url(../images/modules/blue-page-controls.png) -16px -18px no-repeat;} .blue .roknewspager-overlay {background: #34568E;} .green ul.roknewspager li, .green ul.newsfeed li, .green ul.latestnews li a, .green ul.mostread li a {background: url(../images/modules/green-arrow.png) 0 4px no-repeat;} .green ul.roknewspager-numbers li.active {color: #fff;font-weight: bold;} .green ul.roknewspager .roknewspager-div, .green ul.newsfeed .newsfeed-div, .green ul.latestnews li, .green ul.mostread li {background: url(../images/modules/green-div.png) 0 100% repeat-x;} .green .roknewspager-pages {background: #36522B;} .green ul.roknewspager-numbers {background: url(../images/modules/green-page-m.png) 0 0 repeat-x;} .green .roknewspager-prev {background: url(../images/modules/green-page-controls.png) 0 0 no-repeat;} .green .roknewspager-prev-disabled {background: url(../images/modules/green-page-controls.png) 0 -18px no-repeat;} .green .roknewspager-next {background: url(../images/modules/green-page-controls.png) -16px 0 no-repeat;} .green .roknewspager-next-disabled {background: url(../images/modules/green-page-controls.png) -16px -18px no-repeat;} .green .roknewspager-overlay {background: #456726;} .orange ul.roknewspager li, .orange ul.newsfeed li, .orange ul.latestnews li a, .orange ul.mostread li a {background: url(../images/modules/orange-arrow.png) 0 4px no-repeat;} .orange ul.roknewspager-numbers li.active {color: #fff;font-weight: bold;} .orange ul.roknewspager .roknewspager-div, .orange ul.newsfeed .newsfeed-div, .orange ul.latestnews li, .orange ul.mostread li {background: url(../images/modules/orange-div.png) 0 100% repeat-x;} .orange .roknewspager-pages {background: #D44800;} .orange ul.roknewspager-numbers {background: url(../images/modules/orange-page-m.png) 0 0 repeat-x;} .orange .roknewspager-prev {background: url(../images/modules/orange-page-controls.png) 0 0 no-repeat;} .orange .roknewspager-prev-disabled {background: url(../images/modules/orange-page-controls.png) 0 -18px no-repeat;} .orange .roknewspager-next {background: url(../images/modules/orange-page-controls.png) -16px 0 no-repeat;} .orange .roknewspager-next-disabled {background: url(../images/modules/orange-page-controls.png) -16px -18px no-repeat;} .orange .roknewspager-overlay {background: #E66500;} .darkbeige ul.roknewspager li, .darkbeige ul.newsfeed li, .darkbeige ul.latestnews li a, .darkbeige ul.mostread li a {background: url(../images/modules/darkbeige-arrow.png) 0 4px no-repeat;} .darkbeige ul.roknewspager-numbers li.active {color: #fff;font-weight: bold;} .darkbeige ul.roknewspager .roknewspager-div, .darkbeige ul.newsfeed .newsfeed-div, .darkbeige ul.latestnews li, .darkbeige ul.mostread li {background: url(../images/modules/darkbeige-div.png) 0 100% repeat-x;} .darkbeige .roknewspager-pages {background: #A9A694;} .darkbeige ul.roknewspager-numbers {background: url(../images/modules/darkbeige-page-m.png) 0 0 repeat-x;} .darkbeige .roknewspager-prev {background: url(../images/modules/darkbeige-page-controls.png) 0 0 no-repeat;} .darkbeige .roknewspager-prev-disabled {background: url(../images/modules/darkbeige-page-controls.png) 0 -18px no-repeat;} .darkbeige .roknewspager-next {background: url(../images/modules/darkbeige-page-controls.png) -16px 0 no-repeat;} .darkbeige .roknewspager-next-disabled {background: url(../images/modules/darkbeige-page-controls.png) -16px -18px no-repeat;} .darkbeige .roknewspager-overlay {background: #BEBBA7;} .black ul.roknewspager li, .black ul.newsfeed li, .black ul.latestnews li a, .black ul.mostread li a {background: url(../images/modules/black-arrow.png) 0 4px no-repeat;} .black ul.roknewspager-numbers li.active {color: #fff;font-weight: bold;} .black ul.roknewspager .roknewspager-div, .black ul.newsfeed .newsfeed-div, .black ul.latestnews li, .black ul.mostread li {background: url(../images/modules/black-div.png) 0 100% repeat-x;} .black .roknewspager-pages {background: #212121;} .black ul.roknewspager-numbers {background: url(../images/modules/black-page-m.png) 0 0 repeat-x;} .black .roknewspager-prev {background: url(../images/modules/black-page-controls.png) 0 0 no-repeat;} .black .roknewspager-prev-disabled {background: url(../images/modules/black-page-controls.png) 0 -18px no-repeat;} .black .roknewspager-next {background: url(../images/modules/black-page-controls.png) -16px 0 no-repeat;} .black .roknewspager-next-disabled {background: url(../images/modules/black-page-controls.png) -16px -18px no-repeat;} .black .roknewspager-overlay {background: #292929;} /* Typography */ .grey .readon1-l {background: url(../images/modules/grey-readon-l.png) 0 0 no-repeat;} .grey .readon1-m {background: url(../images/modules/grey-readon-m.png) 50% 0 repeat-x;} .grey .readon1-r {background: url(../images/modules/grey-readon-r.png) 100% 0 no-repeat;} .darkgrey .readon1-l {background: url(../images/modules/darkgrey-readon-l.png) 0 0 no-repeat;} .darkgrey .readon1-m {background: url(../images/modules/darkgrey-readon-m.png) 50% 0 repeat-x;} .darkgrey .readon1-r {background: url(../images/modules/darkgrey-readon-r.png) 100% 0 no-repeat;} .darkgrey a.readon-main, #main-content .darkgrey input.button {color: #444;} .red .readon1-l {background: url(../images/modules/red-readon-l.png) 0 0 no-repeat;} .red .readon1-m {background: url(../images/modules/red-readon-m.png) 50% 0 repeat-x;} .red .readon1-r {background: url(../images/modules/red-readon-r.png) 100% 0 no-repeat;} .red a.readon-main, #main-content .red input.button {color: #4D1616;} .blue .readon1-l {background: url(../images/modules/blue-readon-l.png) 0 0 no-repeat;} .blue .readon1-m {background: url(../images/modules/blue-readon-m.png) 50% 0 repeat-x;} .blue .readon1-r {background: url(../images/modules/blue-readon-r.png) 100% 0 no-repeat;} .blue a.readon-main, #main-content .blue input.button {color: #233C6C;} .green .readon1-l {background: url(../images/modules/green-readon-l.png) 0 0 no-repeat;} .green .readon1-m {background: url(../images/modules/green-readon-m.png) 50% 0 repeat-x;} .green .readon1-r {background: url(../images/modules/green-readon-r.png) 100% 0 no-repeat;} .green a.readon-main, #main-content .green input.button {color: #23361B;} .orange .readon1-l {background: url(../images/modules/orange-readon-l.png) 0 0 no-repeat;} .orange .readon1-m {background: url(../images/modules/orange-readon-m.png) 50% 0 repeat-x;} .orange .readon1-r {background: url(../images/modules/orange-readon-r.png) 100% 0 no-repeat;} .orange a.readon-main, #main-content .orange input.button {color: #501A00;} .darkbeige .readon1-l {background: url(../images/modules/darkbeige-readon-l.png) 0 0 no-repeat;} .darkbeige .readon1-m {background: url(../images/modules/darkbeige-readon-m.png) 50% 0 repeat-x;} .darkbeige .readon1-r {background: url(../images/modules/darkbeige-readon-r.png) 100% 0 no-repeat;} .darkbeige a.readon-main, #main-content .darkbeige input.button {color: #57544B;} .darkbeige .readon-wrap1 a.readon-main:hover, #main-content .darkbeige input.button:hover {color: #000;} .black .readon1-l {background: url(../images/modules/black-readon-l.png) 0 0 no-repeat;} .black .readon1-m {background: url(../images/modules/black-readon-m.png) 50% 0 repeat-x;} .black .readon1-r {background: url(../images/modules/black-readon-r.png) 100% 0 no-repeat;} .black a.readon-main, #main-content .black input.button {color: #aaa;} .black .readon-wrap1 a.readon-main:hover, #main-content .black input.button:hover {color: #fff;} .readon-wrap1 a.readon-main:hover {color: #000;} /*** /var/www/vhosts/rawpoker.com.au/httpdocs/goldcoast/templates/Bucks_Party/css/typography.css ***/ /** * @version 1.5.7 June 2, 2010 * @author RocketTheme, LLC http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ /* Typography Styles */ ul.bullet-1, ul.bullet-2, ul.bullet-3, ul.bullet-4, ul.bullet-5, ul.bullet-6, ul.bullet-7, ul.bullet-8 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;} ul.bullet-1 li, ul.bullet-2 li, ul.bullet-3 li, ul.bullet-4 li, ul.bullet-5 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 10px !important;} ul.bullet-6 li, ul.bullet-7 li, ul.bullet-8 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 22px !important;} ul.bullet-1 li {background: url(../images/typo/bullet-1.png) 0 5px no-repeat !important;} ul.bullet-2 li {background: url(../images/typo/bullet-2.png) 0 5px no-repeat !important;} ul.bullet-3 li {background: url(../images/typo/bullet-3.png) 0 5px no-repeat !important;} ul.bullet-4 li {background: url(../images/typo/bullet-4.png) 0 5px no-repeat !important;} ul.bullet-5 li {background: url(../images/typo/bullet-5.png) 0 5px no-repeat !important;} ul.bullet-6 li {background: url(../images/typo/bullet-6.png) 0 2px no-repeat !important;} ul.bullet-7 li {background: url(../images/typo/bullet-7.png) 0 2px no-repeat !important;} ul.bullet-8 li {background: url(../images/typo/bullet-8.png) 0 3px no-repeat !important;} pre {padding: 10px;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} blockquote {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;background: #f6f6f6;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;border-left: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} blockquote.blue, blockquote.red, blockquote.green, blockquote.purple, blockquote.orange, blockquote.brown, blockquote.grey {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 0px 20px;margin: 15px 0;border: 0;background: 0;} blockquote.blue{color: #0D507A;} blockquote.red{color: #D12E2E;} blockquote.green{color: #74A824;} blockquote.purple{color: #9E0E87;} blockquote.orange{color: #CC8300;} blockquote.brown{color: #8B6846;} blockquote.grey {color: #666;} blockquote.quotes {display: block;background: url(../images/typo/quote-start.png) 0 5px no-repeat;padding: 0px 20px 0 38px;margin: 20px 0;font-size: 120%;line-height: 150%;width: auto;color: #666;border: 0;} blockquote.quotes p {padding: 0 38px 0 0;margin-top: 0;background: url(../images/typo/quote-end.png) 100% 100% no-repeat;} .important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 15px 0;} span.important-title, span.important-title-blue, span.important-title-red, span.important-title-green, span.important-title-purple, span.important-title-orange, span.important-title-brown, span.important-title-grey {position: absolute;display: block;margin-top: -24px;background: #fff;padding: 0 8px;font-weight: bold;font-size: 120%;} .important {border: 1px solid #333;} .important-blue {border: 1px solid #0D507A;} .important-red {border: 1px solid #D12E2E;} .important-green {border: 1px solid #74A824;} .important-purple {border: 1px solid #9E0E87;} .important-orange {border: 1px solid #CC8300;} .important-brown {border: 1px solid #8B6846;} .important-grey {border: 1px solid #666;} span.important-title {color: #333;} span.important-title-blue {color: #0D507A;} span.important-title-red {color: #D12E2E;} span.important-title-green {color: #74A824;} span.important-title-purple {color: #9E0E87;} span.important-title-orange {color: #CC8300;} span.important-title-brown {color: #8B6846;} span.important-title-grey {color: #666;} span.number, span.number-blue, span.number-red, span.number-green, span.number-purple, span.number-orange, span.number-brown, span.number-grey {display: block;font-size: 170%;float: left;margin: 2px 10px 0 15px;} span.number {color: #333;} span.number-blue {color: #0D507A;} span.number-red {color: #D12E2E;} span.number-green {color: #74A824;} span.number-purple {color: #9E0E87;} span.number-orange {color: #CC8300;} span.number-brown {color: #8B6846;} span.number-grey {color: #666;} span.highlight {background: #FFFBD5;padding: 1px 2px;} span.highlight-blue {color: #0D507A;} span.highlight-red {color: #D12E2E;} span.highlight-green {color: #74A824;} span.highlight-purple {color: #9E0E87;} span.highlight-orange {color: #CC8300;} span.highlight-brown {color: #8B6846;} span.highlight-grey {color: #666;} span.highlight-bold {font-weight: bold;font-size: 120%;} span.dropcap, span.dropcap-blue, span.dropcap-red, span.dropcap-green, span.dropcap-purple, span.dropcap-orange, span.dropcap-brown, span.dropcap-grey {display: block;font-size: 260%;float: left;margin: 0px 4px 0 0;line-height: 100%;} span.dropcap {color: #333;} span.dropcap-blue {color: #0D507A;} span.dropcap-red {color: #D12E2E;} span.dropcap-green {color: #74A824;} span.dropcap-purple {color: #9E0E87;} span.dropcap-orange {color: #CC8300;} span.dropcap-brown {color: #8B6846;} span.dropcap-grey {color: #666;} span.inset-left {display: block;color: #000;padding: 15px;float: left;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;} span.inset-right {display: block;color: #000;padding: 15px;float: right;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;} span.attention, span.notice, span.alert, span.download, span.approved, span.media, span.note, span.cart, span.camera, span.doc {display: block;padding: 8px 10px 8px 36px;margin: 15px 0;} span.attention {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/attention.png) 10px 50% no-repeat;} span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(../images/typo/notice.png) 10px 50% no-repeat;} span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(../images/typo/alert.png) 10px 50% no-repeat;} span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(../images/typo/download.png) 10px 50% no-repeat;} span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(../images/typo/approved.png) 10px 50% no-repeat;} span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/media.png) 10px 50% no-repeat;} span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(../images/typo/note.png) 10px 50% no-repeat;} span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/cart.png) 10px 50% no-repeat;} span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(../images/typo/camera.png) 10px 50% no-repeat;} span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(../images/typo/doc.png) 10px 50% no-repeat;} div.number-block1, div.number-block2, div.number-block3 {padding-left: 50px;} div.number-block1 {background: url(../images/typo/number-1.png) 0 0 no-repeat;} div.number-block2 {background: url(../images/typo/number-2.png) 0 0 no-repeat;} div.number-block3 {background: url(../images/typo/number-3.png) 0 0 no-repeat;} span.subline {display: block;font-size: 90%;margin-bottom: 5px;padding: 0px;margin-top: -15px;font-weight: bold;text-transform:uppercase;} ul.special-1, ul.special-2, ul.special-3, ul.special-4, ul.special-5, ul.special-6, ul.special-7, ul.special-8, ul.special-9, ul.special-10, ul.special-11, ul.special-12, ul.special-13, ul.special-14 {padding-left: 15px !important;overflow: hidden;margin-left: 5px !important;} ul.special-1 li, ul.special-2 li, ul.special-3 li, ul.special-4 li, ul.special-5 li, ul.special-6 li, ul.special-7 li, ul.special-8 li, ul.special-9 li, ul.special-10 li, ul.special-11 li, ul.special-12 li, ul.special-13 li, ul.special-14 li {list-style: none;padding-bottom: 3px !important;margin-bottom: 5px !important;padding-left: 21px !important;} ul.special-1 li {background: url(../images/typo/special-1.png) 0 1px no-repeat !important;} ul.special-2 li {background: url(../images/typo/special-2.png) 0 1px no-repeat !important;} ul.special-3 li {background: url(../images/typo/special-3.png) 0 1px no-repeat !important;} ul.special-4 li {background: url(../images/typo/special-4.png) 0 1px no-repeat !important;} ul.special-5 li {background: url(../images/typo/special-5.png) 0 1px no-repeat !important;} ul.special-6 li {background: url(../images/typo/special-6.png) 0 1px no-repeat !important;} ul.special-7 li {background: url(../images/typo/special-7.png) 0 1px no-repeat !important;} ul.special-8 li {background: url(../images/typo/special-8.png) 0 1px no-repeat !important;} ul.special-9 li {background: url(../images/typo/special-9.png) 0 1px no-repeat !important;} ul.special-10 li {background: url(../images/typo/special-10.png) 0 1px no-repeat !important;} ul.special-11 li {background: url(../images/typo/special-11.png) 0 1px no-repeat !important;} ul.special-12 li {background: url(../images/typo/special-12.png) 0 1px no-repeat !important;} ul.special-13 li {background: url(../images/typo/special-13.png) 0 1px no-repeat !important;} ul.special-14 li {background: url(../images/typo/special-14.png) 0 1px no-repeat !important;} /*** /var/www/vhosts/rawpoker.com.au/httpdocs/goldcoast/templates/Bucks_Party/css/rawpoker.css ***/ /* Front Page */ div.main {} div.left {float:left;width:48%;padding:5px;} div.right {float:left;width:48%;padding:5px;} .white {color:#CC0000;font-size:30px;text-shadow:-1px -1px 1px #333333;} #header-bar {padding:0;overflow:hidden;} div.buckul {width:50%;} div.testim {width:45%;float:right;} div.gara {float:right;width:30%;} div.pack {width:100%;} div.pack1 {float:left;margin:3px;padding:5px;background-color:#ffffff;width:30%;border:5px solid #5A8F00;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px;} div.pack2 {float:left;margin:3px;padding:5px;background-color:#ffffff;border:5px solid #5A8F00;width:30%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px;} div.pack3 {float:left;margin:3px;padding:5px;background-color:#ffffff;border:5px solid #5A8F00;width:30%;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;margin-bottom:10px;} div.box {width:100%;margin-left:10px;} div.box1 {float:left;margin:3px;padding:15px;background-color:#fff;width:27%;height:100px;color:#333;border:5px solid #5a8f00;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .contact a {color:#CC0000;} .balloon {font-size:15px;font-weight:bold;color:#CC0000;} .special-7 {font-weight:bold;} .fptitle {display:block;font-size:25px;text-align:center;text-transform:uppercase;text-shadow:-1px -1px 1px #333333;color:#CC0000;margin-bottom:5px;margin-top:0px;} .frtitle {display:block;font-size:25px;text-align:left;text-shadow:-1px -1px 1px #333333;color:#CC0000;margin-bottom:10px;margin-top:25px;line-height:27px;} .fstitle {display:block;font-size:25px;text-align:center;text-shadow:-1px -1px 1px #333333;color:#CC0000;margin-bottom:10px;margin-top:25px;line-height:27px;} div.box2 {margin-top:10px;margin-bottom:10px;padding:5px;background-color:#fff;border:5px solid #5a8f00;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} div.box3 {margin-top:10px;margin-bottom:10px;padding:5px;background-color:#fff;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} .contact {display:inline;font-size:20px;color:#282828;text-transform:uppercase;text-shadow:-1px -1px 1px #333333;} .rpcontact {text-align:center;} .triangle-border {position:relative;padding:15px;margin:1em 0 3em;border:5px solid #5a8f00;color:#333;background:#fff; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;} div.buttonfb {float:right;width:230px;background-color:#fff;width:27%;color:#333;padding:3px;border:solid 1px #0066CC;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;} div.buttonf {float:left;margin-right:5px;} .like {color:#350A06;display:block;font-size:15px;font-style:normal;font-weight:bold;line-height:16px;margin-bottom:3px;padding-left:5px;} .frame {display:inline;} .triangle-isosceles { position:relative; padding:15px; margin:1em 0 1em; color:#000; background:#f3961c; /* default background for browsers without gradient support */ /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#f9d835), to(#f3961c)); background:-moz-linear-gradient(top, #f9d835, #f3961c); background:-o-linear-gradient(top, #f9d835, #f3961c); background:linear-gradient(top, #f9d835, #f3961c); } .col1wrap {padding-bottom:1em!important;} #page {padding-bottom:5px!important;} .textcenter {text-align:center;} div.img {float:right;margin-left:5px;margin-bottom:5px;} div.img img {padding:5px;background-color:#fff;border:1px solid #efefef;} /* ------------------------------------------ PROGRESSIVE ENHANCEMENT: PURE CSS SPEECH BUBBLES by Nicolas Gallagher - http://nicolasgallagher.com/progressive-enhancement-pure-css-speech-bubbles/ http://nicolasgallagher.com http://twitter.com/necolas Created: 02 March 2010 Version: 1.01 Dual licensed under MIT and GNU GPLv2 © Nicolas Gallagher ------------------------------------------ */ /* NOTE: Some declarations use longhand notation so that it can be clearly explained what specific properties or values do and what their relationship is to other properties or values in creating the effect */ /* ------------------------------------------------------------------------------------ -- BASIC BUBBLES WITH TRIANGLES ON BOTTOM ------------------------------------------------------------------------------------ */ /* Bubble with an isoceles triangle ------------------------------------------ */ /* creates triangle */ .triangle-isosceles:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; z-index:-1; bottom:-30px; /* value = - border-top-width - border-bottom-width */ left:50px; /* controls horizontal position */ width:0; height:0; border-width:15px 15px; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#f3961c transparent transparent; } /* Bubble with a right angled triangle ------------------------------------------ */ .triangle-right { position:relative; padding:15px; margin:1em 0 3em; color:#fff; background:#075698; /* default background for browsers without gradient support */ /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698)); background:-moz-linear-gradient(top, #2e88c4, #075698); background:-o-linear-gradient(top, #2e88c4, #075698); background:linear-gradient(top, #2e88c4, #075698); } /* creates triangle */ .triangle-right:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-40px; /* value = - border-top-width - border-bottom-width */ left:50px; /* controls horizontal position */ width:0; height:0; border-width:20px 0 20px 20px; /* vary these values to change the angle of the vertex */ border-style:solid; border-color:#075698 transparent transparent; } /* Bubble with an obtuse triangle ------------------------------------------ */ .triangle-obtuse { position:relative; padding:15px; margin:1em 0 3em; color:#fff; background:#c81e2b; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#f04349), to(#c81e2b)); background:-moz-linear-gradient(top, #f04349, #c81e2b); background:-o-linear-gradient(top, #f04349, #c81e2b); background:linear-gradient(top, #f04349, #c81e2b); } /* creates the wider right-angled triangle */ .triangle-obtuse:before { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-20px; /* value = - border-top-width - border-bottom-width */ left:60px; /* controls horizontal position */ width:0; height:0; border-width:0; border-right-width:30px; /* vary this value to change the angle of the vertex */ border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */ border-style:solid; border-color:transparent #c81e2b; } /* creates the narrower right-angled triangle */ .triangle-obtuse:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-20px; /* value = - border-top-width - border-bottom-width */ left:80px; /* value = (:before's left) + (:before's border-right/left-width) - (:after's border-right/left-width) */ width:0; height:0; border-width:0; border-right-width:10px; /* vary this value to change the angle of the vertex */ border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */ border-style:solid; border-color:transparent #fff; } /* Bubble with a border rather than solid colour ------------------------------------------ */ /* creates the larger triangle */ .triangle-border:before { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-40px; /* value = - border-top-width - border-bottom-width */ left:40px; /* controls horizontal position */ width:0; height:0; border:20px solid transparent; border-top-color:#5a8f00; } /* creates the smaller triangle */ .triangle-border:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-26px; /* value = - border-top-width - border-bottom-width */ left:47px; /* value = (:before left) + (:before border-left) - (:after border-left) */ width:0; height:0; border:13px solid transparent; border-top-color:#fff; } /* ------------------------------------------------------------------------------------ -- BASIC BUBBLES WITH TRIANGLES ON TOP ------------------------------------------------------------------------------------ */ /* Bubble with an isoceles triangle ------------------------------------------ */ .triangle-isosceles.top { /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#f3961c), to(#f9d835)); background:-moz-linear-gradient(top, #f3961c, #f9d835); background:-o-linear-gradient(top, #f3961c, #f9d835); background:linear-gradient(top, #f3961c, #f9d835); } /* creates triangle */ .triangle-isosceles.top:after { top:-30px; /* value = - border-top-width - border-bottom-width */ right:50px; /* controls horizontal position */ bottom:auto; left:auto; border-color:transparent transparent #f3961c; } /* Bubble with a right angled triangle ------------------------------------------ */ .triangle-right.top { /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#075698), to(#2e88c4)); background:-moz-linear-gradient(top, #075698, #2e88c4); background:-o-linear-gradient(top, #075698, #2e88c4); background:linear-gradient(top, #075698, #2e88c4); } /* creates triangle */ .triangle-right.top:after { top:-40px; /* value = - border-top-width - border-bottom-width */ right:50px; /* controls horizontal position */ bottom:auto; left:auto; border-width:20px 20px 20px 0; /* vary these values to change the angle of the vertex */ border-color:transparent transparent #075698; } /* Bubble with an obtuse triangle ------------------------------------------ */ .triangle-obtuse.top { /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#c81e2b), to(#f04349)); background:-moz-linear-gradient(top, #c81e2b, #f04349); background:-o-linear-gradient(top, #c81e2b, #f04349); background:linear-gradient(top, #c81e2b, #f04349); } /* creates the wider right-angled triangle */ .triangle-obtuse.top:before { top:-20px; /* value = - border-top-width - border-bottom-width */ right:60px; /* controls horizontal position */ bottom:auto; left:auto; border-width:0; border-left-width:30px; /* vary this value to change the width of the triangle */ border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */ border-style:solid; border-color:transparent #c81e2b; } /* creates the narrower right-angled triangle */ .triangle-obtuse.top:after { top:-20px; /* value = - border-top-width - border-bottom-width */ right:80px; /* value = (:before's right) + (:before's border-right/left-width) - (:after's border-right/left-width) */ bottom:auto; left:auto; border-width:0; border-left-width:10px; /* vary this value to change the width of the triangle */ border-top-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :before */ border-style:solid; border-color:transparent #fff; } /* Bubble with a border rather than solid colour ------------------------------------------ */ /* creates the larger triangle */ .triangle-border.top:before { top:-40px; /* value = - border-top-width - border-bottom-width */ right:40px; /* controls horizontal position */ bottom:auto; left:auto; border:20px solid transparent; border-bottom-color:#5a8f00; } /* creates the smaller triangle */ .triangle-border.top:after { top:-26px; /* value = - border-top-width - border-bottom-width */ right:47px; /* value = (:before right) + (:before border-right) - (:after border-right) */ bottom:auto; left:auto; border:13px solid transparent; border-bottom-color:#fff; } /* ------------------------------------------------------------------------------------ -- BASIC BUBBLES WITH TRIANGLES ON LEFT ------------------------------------------------------------------------------------ */ /* Bubble with an isoceles triangle ------------------------------------------ */ .triangle-isosceles.left { margin-left:50px; background:#f3961c; } /* creates triangle */ .triangle-isosceles.left:after { top:16px; /* controls vertical position */ left:-100px; /* value = - border-left-width - border-right-width */ bottom:auto; border-width:10px 50px; border-color:transparent #f3961c transparent transparent; } /* Bubble with a right angled triangle ------------------------------------------ */ .triangle-right.left { margin-left:40px; background:#075698; } /* creates triangle */ .triangle-right.left:after { top:16px; left:-80px; /* value = - border-left-width - border-right-width */ bottom:auto; border-width:15px 40px 0; /* vary these values to change the angle of the vertex */ border-color:transparent #075698 transparent transparent; } /* Bubble with an obtuse triangle ------------------------------------------ */ .triangle-obtuse.left { margin-left:50px; background:#c81e2b; } /* creates the wider right-angled triangle */ .triangle-obtuse.left:before { top:15px; /* controls vertical position */ left:-50px; /* value = - border-left-width - border-right-width */ bottom:auto; border-width:0; border-bottom-width:30px; /* vary this value to change the height of the triangle */ border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :after */ border-style:solid; border-color:transparent transparent #c81e2b; } /* creates the narrower right-angled triangle */ .triangle-obtuse.left:after { top:35px; /* value = (:before's top) + (:before's border-top/bottom-width) - (:after's border-top/bottom-width) */ left:-50px; /* value = - border-left-width - border-right-width */ bottom:auto; border-width:0; border-bottom-width:10px; /* vary this value to change the height of the triangle */ border-left-width:50px; /* vary this value to change the width of the triangle. must be equal to the corresponding value in :before */ border-style:solid; border-color:transparent transparent #fff ; } /* Bubble with a border rather than solid colour ------------------------------------------ */ .triangle-border.left { margin-left:30px; } /* creates the larger triangle */ .triangle-border.left:before { top:10px; /* controls vertical position */ left:-60px; /* value = - border-left-width - border-right-width */ bottom:auto; border-width:15px 30px; border-style:solid; border-color:transparent #5a8f00 transparent transparent; } /* creates the smaller triangle */ .triangle-border.left:after { top:16px; /* value = (:before top) + (:before border-top) - (:after border-top) */ left:-42px; /* value = - border-left-width - border-right-width */ bottom:auto; border-width:9px 21px; border-style:solid; border-color:transparent #fff transparent transparent; } /* ------------------------------------------------------------------------------------ -- SIMPLE EXAMPLES ------------------------------------------------------------------------------------ */ /* Speech bubble icon ------------------------------------------ */ .example-commentheading { position:relative; padding:0; color:#b513af; } /* creates the rectangle */ .example-commentheading:before { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; top:9px; left:-25px; width:15px; height:10px; background:#b513af; /* css3 */ -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; } /* creates the triangle */ .example-commentheading:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; top:15px; left:-19px; width:0; height:0; border:4px solid transparent; border-left-color:#b513af; } /* Styled blockquote with right-angled triangle ------------------------------------------ */ .example-right { position:relative; padding:15px 30px; margin:0; color:#fff; background:#5a8f00; /* default background for browsers without gradient support */ /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#b8db29), to(#5a8f00)); background:-moz-linear-gradient(top, #b8db29, #5a8f00); background:-o-linear-gradient(top, #b8db29, #5a8f00); background:linear-gradient(top, #b8db29, #5a8f00); } /* display of quote author (alternatively use a class on the element following the blockquote) */ .example-right + p {margin:15px 0 2em 85px; font-style:italic;} /* creates the triangle */ .example-right:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-50px; left:50px; width:0; height:0; border-width:0 20px 50px 0px; border-style:solid; border-color:transparent #5a8f00; } /* Styled blockquote with obtuse triangle ------------------------------------------ */ .example-obtuse { position:relative; padding:15px 30px; margin:0; color:#000; background:#f3961c; /* default background for browsers without gradient support */ /* css3 Using longhand to avoid inconsistencies between Safari 4 and Chrome 4 */ -webkit-border-top-left-radius:25px 50px; -webkit-border-top-right-radius:25px 50px; -webkit-border-bottom-right-radius:25px 50px; -webkit-border-bottom-left-radius:25px 50px; -moz-border-radius:25px / 50px; border-radius:25px / 50px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#f9d835), to(#f3961c)); background:-moz-linear-gradient(top, #f9d835, #f3961c); background:-o-linear-gradient(top, #f9d835, #f3961c); background:linear-gradient(top, #f9d835, #f3961c); } /* display of quote author (alternatively use a class on the element following the blockquote) */ .example-obtuse + p {margin:10px 150px 2em 0; text-align:right; font-style:italic;} /* creates the larger triangle */ .example-obtuse:before { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-30px; right:80px; width:0; height:0; border-width:0 0 30px 50px; border-style:solid; border-color:transparent #f3961c; } /* creates the smaller triangle */ .example-obtuse:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-30px; right:110px; width:0; height:0; border-width:0 0 30px 20px; border-style:solid; border-color:transparent #fff; } /* Twitter ------------------------------------------ */ .example-twitter { position:relative; padding:15px; margin:100px 0 0.5em; color:#333; background:#eee; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } .example-twitter p {font-size:28px; line-height:1.25em;} /* this isn't necessary, just saves me having to edit the HTML of the demo */ .example-twitter:before { content:url(twitter-logo.gif); display:block; /* reduce the damage in FF3.0 */ position:absolute; top:-60px; left:0; width:155px; height:36px; } /* creates the triangle */ .example-twitter:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; z-index:-1; top:-30px; left:50px; width:0; height:0; border:15px solid transparent; border-bottom-color:#eee; } /* display of quote author (alternatively use a class on the element following the blockquote) */ .example-twitter + p {padding-left:15px; font:14px Arial, sans-serif;} /* Number ------------------------------------------ */ .example-number { position:relative; width:200px; height:200px; margin:50px 0 200px; text-align:center; font:140px/200px Arial, sans-serif; color:#fff; background:#C91F2C; } /* creates the larger triangle */ .example-number:before { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-140px; right:0; width:0; height:0; border-width:0 0 140px 140px; border-style:solid; border-color:transparent #C91F2C; } /* creates the larger triangle */ .example-number:after { content:"\00a0"; display:block; /* reduce the damage in FF3.0 */ position:absolute; bottom:-140px; right:85px; width:0; height:0; border-width:0 0 140px 55px; border-style:solid; border-color:transparent #fff; } /* ------------------------------------------------------------------------------------ -- MORE COMPLEX CSS3 EXAMPLES ------------------------------------------------------------------------------------ */ /* Pinched speech bubble ------------------------------------------ */ .pinched { position:relative; padding:15px; margin:50px 0 3em; text-align:center; color:#fff; background:#333; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* creates a rectangle of the colour wanted for the pointy bit */ .pinched:before { content:"\00a0"; position:absolute; top:-20px; left:50%; width:100px; height:20px; margin:0 0 0 -50px; background:#333; } /* creates a rounded rectangle to cover part of the rectangle generated above */ .pinched:after { content:"\00a0"; position:absolute; top:-20px; left:0; width:50%; height:20px; background:#fff; /* css3 */ -moz-border-radius-bottomright:15px; -webkit-border-bottom-right-radius:15px; border-bottom-right-radius:15px; } /* creates the other rounded rectangle */ .pinched>:first-child:before { content:"\00a0"; position:absolute; top:-20px; right:0; width:50%; height:20px; background:#fff; /* css3 */ -moz-border-radius-bottomleft:15px; -webkit-border-bottom-left-radius:15px; border-bottom-left-radius:15px; } /* Oval speech bubble (filled) ------------------------------------------ */ .oval-speech { position:relative; width:270px; padding:50px 40px; margin:1em auto 50px; text-align:center; color:#fff; background:#5a8f00; /* css3 */ /* NOTES: -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4 -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4 Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this */ -webkit-border-top-left-radius:220px 120px; -webkit-border-top-right-radius:220px 120px; -webkit-border-bottom-right-radius:220px 120px; -webkit-border-bottom-left-radius:220px 120px; -moz-border-radius:220px / 120px; border-radius:220px / 120px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#b8db29), to(#5a8f00)); background:-moz-linear-gradient(top, #b8db29, #5a8f00); background:-o-linear-gradient(top, #b8db29, #5a8f00); background:linear-gradient(top, #b8db29, #5a8f00); } .oval-speech p {font-size:1.25em;} /* creates part of the curve */ .oval-speech:before { content:"\00a0"; position:absolute; z-index:-1; bottom:-30px; right:50%; width:0; height:30px; border-right:60px solid #5a8f00; background:#5a8f00; /* need this for webkit - bug in handling of border-radius */ /* css3 */ -moz-border-radius-bottomright:80px 50px; -webkit-border-bottom-right-radius:80px 50px; border-bottom-right-radius:80px 50px; /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */ -moz-transform:translate(0, -2px); -webkit-transform:translate(0, -2px); -o-transform:translate(0, -2px); transform:translate(0, -2px); } /* creates part of the curved pointy bit */ .oval-speech:after { content:"\00a0"; position:absolute; z-index:-1; bottom:-30px; right:50%; width:60px; height:30px; background:#fff; /* css3 */ -moz-border-radius-bottomright:40px 50px; -webkit-border-bottom-right-radius:40px 50px; border-bottom-right-radius:40px 50px; /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */ -moz-transform:translate(-30px, -2px); -webkit-transform:translate(-30px, -2px); -o-transform:translate(-30px, -2px); transform:translate(-30px, -2px); } /* Oval thought bubble (filled) ------------------------------------------ */ .oval-thought { position:relative; width:270px; padding:50px 40px; margin:1em auto 80px; text-align:center; color:#fff; background:#075698; /* css3 */ /* NOTES: -webkit-border-radius:220px 120px; // produces oval in safari 4 and chrome 4 -webkit-border-radius:220px / 120px; // produces oval in chrome 4 (again!) but not supported in safari 4 Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this */ -webkit-border-top-left-radius:220px 120px; -webkit-border-top-right-radius:220px 120px; -webkit-border-bottom-right-radius:220px 120px; -webkit-border-bottom-left-radius:220px 120px; -moz-border-radius:220px / 120px; border-radius:220px / 120px; /* NOTE: webkit gradient implementation is not as per spec */ background:-webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698)); background:-moz-linear-gradient(top, #2e88c4, #075698); background:-o-linear-gradient(top, #2e88c4, #075698); background:linear-gradient(top, #2e88c4, #075698); } .oval-thought p {font-size:1.25em;} /* creates the larger circle */ .oval-thought:before { content:"\00a0"; position:absolute; z-index:-1; bottom:-20px; left:50px; width:30px; height:30px; background:#075698; /* css3 */ -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px; } /* creates the smaller circle */ .oval-thought:after { content:"\00a0"; position:absolute; z-index:-1; bottom:-30px; left:30px; width:15px; height:15px; background:#075698; /* css3 */ -moz-border-radius:15px; -webkit-border-radius:15px; border-radius:15px; } /* Oval speech bubble with quotation marks ------------------------------------------ */ .oval-quotes { position:relative; width:400px; height:350px; margin:2em auto 10px; color:#000; background:#ffed26; /* css3 */ /* NOTES: -webkit-border-radius:Apx Bpx; // produces oval in safari 4 and chrome 4 -webkit-border-radius:Apx / Bpx; // produces oval in chrome 4 (again!) but not supported in safari 4 Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this */ -webkit-border-top-left-radius:400px 350px; -webkit-border-top-right-radius:400px 350px; -webkit-border-bottom-right-radius:400px 350px; -webkit-border-bottom-left-radius:400px 350px; -moz-border-radius:400px / 350px; border-radius:400px / 350px; } /* creates opening quotation mark */ .oval-quotes:before { content:"\201C"; position:absolute; z-index:1; top:20px; left:20px; font:80px/1 Georgia; color:#ffed26; } /* creates closing quotation mark */ .oval-quotes:after { content:"\201D"; position:absolute; z-index:1; bottom:0; right:20px; font:80px/0.25 Georgia; color:#ffed26; } .oval-quotes p { width:250px; height:250px; padding:50px 0 0; margin:0 auto; text-align:center; font-size:35px; } /* creates larger curve */ .oval-quotes p:before { content:"\00a0"; position:absolute; z-index:-1; bottom:-30px; right:25%; width:0; height:80px; border-right:200px solid #ffed26; background:#ffed26; /* need this for webkit - bug in handling of border-radius */ /* css3 */ -moz-border-radius-bottomright:200px 100px; -webkit-border-bottom-right-radius:200px 100px; border-bottom-right-radius:200px 100px; /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */ -moz-transform:translate(0, -2px); -webkit-transform:translate(0, -2px); -o-transform:translate(0, -2px); transform:translate(0, -2px); } /* creates smaller curve */ .oval-quotes p:after { content:"\00a0"; position:absolute; z-index:-1; bottom:-30px; right:55%; width:180px; /* wider than necessary to make it look a bit better in IE8 */ height:60px; background:#fff; /* need this for webkit - bug in handling of border-radius */ /* css3 */ -moz-border-radius-bottomright:40px 50px; -webkit-border-bottom-right-radius:40px 50px; border-bottom-right-radius:40px 50px; /* using translate to avoid undesired appearance in CSS2.1-capabable but CSS3-incapable browsers */ -moz-transform:translate(-30px, -2px); -webkit-transform:translate(-30px, -2px); -o-transform:translate(-30px, -2px); transform:translate(-30px, -2px); } .oval-quotes + p { position:relative; /* part of the IE8 width compromise */ width:150px; margin:0 0 2em; font-size:18px; font-weight:bold; } /* Rectangle-border style with curve ------------------------------------------ */ .rectangle-speech-border { position:relative; padding:50px 15px; margin:1em 0 3em; border:10px solid #5a8f00; text-align:center; color:#333; background:#fff; /* css3 */ -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; } /* creates larger curve */ .rectangle-speech-border:before { content:"\00a0"; position:absolute; z-index:10; bottom:-40px; left:50px; width:50px; height:30px; border-style:solid; border-width:0 10px 10px 0; border-color:#5a8f00; background:transparent; /* css3 */ -moz-border-radius-bottomright:80px 50px; -webkit-border-bottom-right-radius:80px 50px; border-bottom-right-radius:80px 50px; } /* creates smaller curve */ .rectangle-speech-border:after { content:"\00a0"; position:absolute; z-index:10; bottom:-40px; left:50px; width:20px; height:30px; border-style:solid; border-width:0 10px 10px 0; border-color:#5a8f00; background:transparent; /* css3 */ -moz-border-radius-bottomright:40px 50px; -webkit-border-bottom-right-radius:40px 50px; border-bottom-right-radius:40px 50px; } /* creates a small circle to produce a rounded point where the two curves meet */ .rectangle-speech-border>:first-child:before { content:"\00a0"; position:absolute; z-index:1; bottom:-40px; left:45px; width:10px; height:10px; background:#5a8f00; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* creates a white rectangle to cover part of the oval border*/ .rectangle-speech-border>:first-child:after { content:"\00a0"; position:absolute; z-index:1; bottom:-10px; left:76px; width:24px; height:15px; background:#fff; } /* Oval speech buble (empty, with border) ------------------------------------------ */ .oval-speech-border { position:relative; padding:70px 30px; margin:1em auto 60px; border:10px solid #f3961c; text-align:center; color:#333; background:#fff; /* css3 */ /* NOTES: -webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4 -webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4 Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this */ -webkit-border-top-left-radius:240px 140px; -webkit-border-top-right-radius:240px 140px; -webkit-border-bottom-right-radius:240px 140px; -webkit-border-bottom-left-radius:240px 140px; -moz-border-radius:240px / 140px; border-radius:240px / 140px; } /* creates larger curve */ .oval-speech-border:before { content:"\00a0"; position:absolute; z-index:2; bottom:-40px; right:50%; width:50px; height:30px; border-style:solid; border-width:0 10px 10px 0; border-color:#f3961c; margin-right:-10px; background:transparent; /* css3 */ -moz-border-radius-bottomright:80px 50px; -webkit-border-bottom-right-radius:80px 50px; border-bottom-right-radius:80px 50px; } /* creates smaller curve */ .oval-speech-border:after { content:"\00a0"; position:absolute; z-index:2; bottom:-40px; right:50%; width:20px; height:31px; border-style:solid; border-width:0 10px 10px 0; border-color:#f3961c; margin-right:20px; background:transparent; /* css3 */ -moz-border-radius-bottomright:40px 50px; -webkit-border-bottom-right-radius:40px 50px; border-bottom-right-radius:40px 50px; } /* creates a small circle to produce a rounded point where the two curves meet */ .oval-speech-border>:first-child:before { content:"\00a0"; position:absolute; z-index:1; bottom:-40px; right:50%; width:10px; height:10px; margin-right:45px; background:#f3961c; /* css3 */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; } /* creates a white rectangle to cover part of the oval border*/ .oval-speech-border>:first-child:after { content:"\00a0"; position:absolute; z-index:1; bottom:-10px; right:50%; width:30px; height:15px; background:#fff; } /* Oval thought buble (empty, with border) ------------------------------------------ */ .oval-thought-border { position:relative; padding:70px 30px; margin:1em auto 80px; border:10px solid #c81e2b; text-align:center; color:#333; background:#fff; /* css3 */ /* NOTES: -webkit-border-radius:240px 140px; // produces oval in safari 4 and chrome 4 -webkit-border-radius:240px / 140px; // produces oval in chrome 4 (again!) but not supported in safari 4 Not correct application of the current spec, therefore, using longhand to avoid future problems with webkit corrects this */ -webkit-border-top-left-radius:240px 140px; -webkit-border-top-right-radius:240px 140px; -webkit-border-bottom-right-radius:240px 140px; -webkit-border-bottom-left-radius:240px 140px; -moz-border-radius:240px / 140px; border-radius:240px / 140px; } /* creates the larger circle */ .oval-thought-border:before { content:"\00a0"; position:absolute; z-index:10; bottom:-40px; right:100px; width:50px; height:50px; border:10px solid #c81e2b; background:#fff; /* css3 */ -moz-border-radius:50px; -webkit-border-radius:50px; border-radius:50px; } /* creates the smaller circle */ .oval-thought-border:after { content:"\00a0"; position:absolute; z-index:10; bottom:-60px; right:50px; width:25px; height:25px; border:10px solid #c81e2b; background:#fff; /* css3 */ -moz-border-radius:25px; -webkit-border-radius:25px; border-radius:25px; } div.contactrp{ width:90%;margin-left:35px;} .example-right { -moz-border-radius:10px 10px 10px 10px; background:-moz-linear-gradient(center top , #B8DB29, #5A8F00) repeat scroll 0 0 transparent; color:#FFFFFF; margin:0; padding:15px 30px; position:relative; } .triangle-isosceles.top { background:-moz-linear-gradient(center top , #FFCC66, #FFFF99) repeat scroll 0 0 transparent; } .example-right { -moz-border-radius:10px 10px 10px 10px; background:-moz-linear-gradient(center top , #B8DB29, #5A8F00) repeat scroll 0 0 transparent; color:#FFFFFF; margin:0; padding:15px 30px; position:relative;} div.relatedArticles_textBefore h3 {font-size:100%;} #relatedArticles_li {height: 45px!important;} /*** /var/www/vhosts/rawpoker.com.au/httpdocs/goldcoast/templates/Bucks_Party/css/rokmoomenu.css ***/ /** * @version 1.5.7 June 2, 2010 * @author RocketTheme, LLC http://www.rockettheme.com * @copyright Copyright (C) 2007 - 2010 RocketTheme, LLC * @license http://www.rockettheme.com/legal/license.php RocketTheme Proprietary Use License */ .menutop,.menutop *{margin:0;padding:0;} #horiznav{position:relative;z-index:1000;} #horiz-menu{z-index:50;} #horiz-menu li li{margin:0;} .menutop{line-height:1.0;float:left;margin-bottom:1.5em;position:relative;} .menutop ul{background:#fff;/*IE6 needs this*/ padding:0;} .menutop li{float:left;list-style:none;position:relative;} .menutop li#current {z-index: 199;} #horiz-menu li li a, #horiz-menu li.active li a, #horiz-menu li li .separator, #horiz-menu li.active li .separator {display:block;margin:0;text-decoration:none;float:none;height:33px;line-height: 33px;width:100%;} .menutop li ul{float:none;left:-999em;position:absolute;z-index:500;} .menutop li:hover li ul, .menutop li.sfHover li ul, .menutop li li:hover li ul, .menutop li li.sfHover li ul, .menutop li li li:hover li ul, .menutop li li li.sfHover li ul{top:-999em;} .menutop li li:hover ul, .menutop li li.sfHover ul, .menutop li li li:hover ul, .menutop li li li.sfHover ul, .menutop li li li li:hover ul, .menutop li li li li.sfHover ul{left: 0;top: 8px;} .menutop li li{position:relative;float:none;width:100%;} .menutop ul { min-height:20px;}