/* kolor odnośników #CC3300; */ /*** rokstories.css ***/ /* Layout 1 */ .feature-block {overflow: hidden;position: relative;} .feature-block .feature-pad {margin-left: 15px;} .feature-block .rokstories-spinner {background: transparent url(spinner0.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: 7px 7px 0 0;} .feature-block .feature-title {display: block;font-size: 200%;line-height: 130%;margin:10px 0 0 0;} .feature-block .created-date {display:block;font-size:90%;margin: 0px 0 20px 0;color:#999;} .feature-block .feature-desc {font-size: 120%;line-height: 130%;} .feature-block .moduletable h3 {font-size: 180%;} .feature-block .readon-wrap1 {margin-top: 15px;position:relative;float:left;} .feature-block .readon-wrap1 span {display:block;height: 24px;line-height: 24px;} .feature-block a.readon {font-weight: bold;} .feature-block a.readon-main {font-size: 12px;cursor: pointer;} .feature-block a.readon-main:hover {text-decoration: none;} .feature-block .readon1-l {position:absolute;width: 7px;height: 24px;left:0;top:0;} .feature-block .readon1-m {margin-left: 7px;text-align: center;padding-left:2px;} .feature-block .readon1-r {margin-right: -7px;padding-right: 10px;} /* Layout 2 */ .rokstories-layout2 .image-container {position:relative;overflow: hidden;} .rokstories-tip {background: url(thumbs-b.png) bottom center;padding: 10px 10px 25px;text-align: center;} .rokstories-layout2 .image-small {display: none;} .rokstories-layout2 .feature-block-tl, .rokstories-layout2 .feature-block-tr, .rokstories-layout2 .feature-block-bl, .rokstories-layout2 .feature-block-br {} .rokstories-layout2 .feature-arrow-r {background: url(arrows00.png) 100% 0 no-repeat;cursor: pointer;height: 50px;position: absolute;right: 0;top: 35%;width: 42px;} .rokstories-layout2 .feature-arrow-l {background: url(arrows00.png) 0 0 no-repeat;cursor: pointer;height: 50px;left: 0;position: absolute;top: 35%;width: 42px;} .rokstories-layout2 .arrowleft-hover {background-position: 0 50%;} .rokstories-layout2 .arrowleft-down {background-position: 0 100%;} .rokstories-layout2 .arrowright-hover {background-position: 100% 50%;} .rokstories-layout2 .arrowright-down {background-position: 100% 100%;} .rokstories-layout2 .labels-title {position:relative;padding:0.7em;font-size: 120%;height:15px;background: #222;color:#fff;font-weight: bold;} .rokstories-layout2 .feature-block-title {position: absolute;} /* Layout 3 */ .rokstories-layout3 .image-container {position:relative;overflow: hidden;} .rokstories-tip {background: url(thumbs-b.png) bottom center;padding: 10px 10px 25px;text-align: center;} .rokstories-layout3 .image-small {display: none;} .rokstories-layout3 .description {left:0px;font-size:90%;padding: 5px;} .rokstories-layout3 .description .feature-title {margin: 0;font-size: 140%;line-height:170%} .rokstories-layout3 .description .feature-desc {font-size:90%;} .rokstories-layout3 .desc-container {bottom:0px;left:0px;width:100%;background:#333;color:#f3f3f3;} .rokstories-layout3 .feature-circles {text-align: center;margin: 15px 0;} .rokstories-layout3 .feature-circles-sub {cursor:pointer;display:inline-block;height:10px;margin:0 5px;width:10px;background:url(circles0.gif) top left no-repeat;} .rokstories-layout3 .feature-circles .active {background:url(circles0.gif) bottom left no-repeat;} .rokstories-layout3 .feature-circles-sub span {display:none;} /*** system.css ***/ /* OpenID icon style */ input.system-openid, input.com-system-openid { background: url(login-bg.gif) no-repeat; background-color: #fff; background-position: 0 50%; color: #000; padding-left: 18px; } /* Unpublished */ .system-unpublished { background: #e8edf1; border-top: 4px solid #c4d3df; border-bottom: 4px solid #c4d3df; } /* System Messages */ #system-message { margin-bottom: 10px; padding: 0;} #system-message dt { font-weight: bold; } #system-message dd { margin: 0; font-weight: bold; text-indent: 30px; } #system-message dd ul { color: #0055BB; margin-bottom: 10px; list-style: none; padding: 10px; border-top: 3px solid #84A7DB; border-bottom: 3px solid #84A7DB;} /* System Standard Messages */ #system-message dt.message { display: none; } #system-message dd.message { } /* System Error Messages */ #system-message dt.error { display: none; } #system-message dd.error ul { color: #c00; background-color: #E6C0C0; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;} /* System Notice Messages */ #system-message dt.notice { display: none; } #system-message dd.notice ul { color: #c00; background: #EFE7B8; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;} /* Debug */ #system-debug { color: #ccc; background-color: #fff; padding: 10px; margin: 10px; } #system-debug div { font-size: 11px;} /*** general.css ***/ /* Form validation */ .invalid { border-color: #ff0000; } label.invalid { color: #ff0000; } /* Buttons */ #editor-xtd-buttons { padding: 5px; } .button2-left, .button2-right, .button2-left div, .button2-right div { float: left; } .button2-left a, .button2-right a, .button2-left span, .button2-right span { display: block; height: 22px; float: left; line-height: 22px; font-size: 11px; color: #666; cursor: pointer; } .button2-left span, .button2-right span { cursor: default; color: #999; } .button2-left .page a, .button2-right .page a, .button2-left .page span, .button2-right .page span { padding: 0 6px; } .page span { color: #000; font-weight: bold; } .button2-left a:hover, .button2-right a:hover { text-decoration: none; color: #0B55C4; } .button2-left a, .button2-left span { padding: 0 24px 0 6px; } .button2-right a, .button2-right span { padding: 0 6px 0 24px; } .button2-left { background: url(j_button.png) no-repeat; float: left; margin-left: 5px; } .button2-right { background: url(j_button.png) 100% 0 no-repeat; float: left; margin-left: 5px; } .button2-left .image { background: url(j_button.png) 100% 0 no-repeat; } .button2-left .readmore { background: url(j_button.png) 100% 0 no-repeat; } .button2-left .pagebreak { background: url(j_button.png) 100% 0 no-repeat; } .button2-left .blank { background: url(j_button.png) 100% 0 no-repeat; } /* Tooltips */ div.tooltip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; z-index:13000; } div.tooltip h4 { padding: 0; margin: 0; font-size: 95%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(selector.png) no-repeat; } div.tooltip p { font-size: 90%; margin: 0; } /* Caption fixes */ .img_caption.left { float: left; margin-right: 1em; } .img_caption.right { float: right; margin-left: 1em; } .img_caption.left p { clear: left; text-align: center; } .img_caption.right p { clear: right; text-align: center; } /* Calendar */ a img.calendar { width: 16px; height: 16px; margin-left: 3px; background: url(calendar.png) no-repeat; cursor: pointer; vertical-align: middle; } /*** template.css ***/ /* This is the Main template logo, Edit this to match the width and height of your new logo image */ #logo {width: 225px;height: 74px;} /* Template custom fonts @font-face {font-family: "Moxy Header";src: url(Titilliu.eot);} @font-face {font-family: "Moxy Header";src: url(Titilliu.eot);font-weight: bold;} @font-face {font-family: Moxy;src: url(Aller-Re.eot);} @font-face {font-family: Moxy;src: url(Aller-It.eot);font-style:italic;} @font-face {font-family: Moxy;src: url(Aller-Bo.eot);font-weight:bold;} @font-face {font-family: Moxy;src: url(Aller-Bo.eot);font-weight:bold;font-style:italic;} @font-face {font-family: Bebas;src: url(Bebas000.eot);} @font-face {font-family: Continuum;src: url(Continuu.eot);} @font-face {font-family: Continuum;src: url(Continuu.eot);font-weight:bold;} @font-face {font-family: "Moxy Header";src:local("Titillium Regular"), url(Titilliu.otf) format("opentype");} @font-face {font-family: "Moxy Header";src:local("Titillium Bold"), url(Titilliu.otf) format("opentype");font-weight: bold;} @font-face {font-family: Moxy;src:local("Aller Regular"), url(Aller-Re.ttf) format("truetype");} @font-face {font-family: Moxy;src:local("Aller Italic"), url(Aller-It.ttf) format("truetype");font-style:italic;} @font-face {font-family: Moxy;src:local("Aller Bold"), url(Aller-Bo.ttf) format("truetype");font-weight:bold;} @font-face {font-family: Moxy;src:local("Aller Bold Italic"), url(Aller-Bo.ttf) format("truetype");font-weight:bold;font-style:italic;} @font-face {font-family: "Bebas";src:local("Bebas"), url(Bebas000.ttf) format("truetype");} @font-face {font-family: "Continuum";src:local("Continuum"), url(Continuu.ttf) format("truetype");} @font-face {font-family: "Continuum";src:local("Continuum"), url(Continuu.ttf) format("truetype");font-weight:bold;} */ /* Font Family Settings #ff-moxy, a.moxy, #ff-moxy #horiz-menu li li span {font-family: Helvetica,Arial,sans-serif;} #ff-moxy #horiz-menu li span, #ff-moxy .date-block, #ff-moxy h1, #ff-moxy h2, #ff-moxy h3, #ff-moxy h4, #ff-moxy h5, #ff-moxy .roktabs-links {font-family: Moxy,Helvetica,Arial,sans-serif;} #ff-bebas, a.bebas, #ff-bebas #horiz-menu li li span, #ff-bebas h3.showtext {font-family: Helvetica,Arial,sans-serif;} #ff-bebas .date-block, #ff-bebas h1, #ff-bebas h2, #ff-bebas h3, #ff-bebas h4, #ff-bebas h5 {font-family: Bebas,Helvetica,Arial,sans-serif;} #ff-continuum, a.continuum, #ff-continuum #horiz-menu li li span, #ff-continuum h3.showtext {font-family: Helvetica,Arial,sans-serif;} #ff-continuum .date-block, #ff-continuum h1, #ff-continuum h2, #ff-continuum h3, #ff-continuum h4, #ff-continuum h5 {font-family: Continuum,Helvetica,Arial,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;} #ff-georgia #horiz-menu .menutop li li .item, #ff-optima #horiz-menu .menutop li li .item {font-size: 12px;} */ #ff-moxy, a.moxy, #ff-moxy #horiz-menu li li span {font-family: Helvetica,Arial,sans-serif;} #ff-moxy #horiz-menu li span, #ff-moxy .date-block, #ff-moxy h1, #ff-moxy h2, #ff-moxy h3, #ff-moxy h4, #ff-moxy h5, #ff-moxy .roktabs-links {font-family: Helvetica,Arial,sans-serif;} #ff-bebas, a.bebas, #ff-bebas #horiz-menu li li span, #ff-bebas h3.showtext {font-family: Helvetica,Arial,sans-serif;} #ff-bebas .date-block, #ff-bebas h1, #ff-bebas h2, #ff-bebas h3, #ff-bebas h4, #ff-bebas h5 {font-family: Helvetica,Arial,sans-serif;} #ff-continuum, a.continuum, #ff-continuum #horiz-menu li li span, #ff-continuum h3.showtext {font-family: Helvetica,Arial,sans-serif;} #ff-continuum .date-block, #ff-continuum h1, #ff-continuum h2, #ff-continuum h3, #ff-continuum h4, #ff-continuum h5 {font-family: Helvetica,Arial,sans-serif;} #ff-optima, a.optima {font-family: Lucida, 'Lucida Sans Unicode', sans-serif;} #ff-geneva, a.geneva {font-family: 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: sans-serif;} #ff-trebuchet, a.trebuchet {font-family: "Trebuchet MS", sans-serif;} #ff-palatino, a.palatino {font-family: "Book Antiqua", Palatino, "Times New Roman", Times, serif;} input {font-family: Helvetica,Arial,sans-serif;} #ff-georgia #horiz-menu .menutop li li .item, #ff-optima #horiz-menu .menutop li li .item {font-size: 12px;} /* 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: 135%;} 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 {clear: both;font-size: 0;} .rokradios, .rokchecks {padding: 1px 5px 5px 22px;line-height: 120%;} /* Header */ .banner-module .moduletable {margin: 0;padding: 0 20px;float: right;} #logo {float: left;margin: 0 25px 0 20px;} .logo-module {width: 275px;float: left;overflow: hidden;} .logo-module .moduletable {clear: both;} .banner-module, .feature-module {overflow: hidden;} /* Horizontal Menu */ #horiz-menu {display: block;} #horiz-menu .padding {padding: 0 20px;} #horiz-menu ul.level1 {float: right;} #horiz-menu ul {float: left;} #horizmenu-surround {position: relative;float:right;} /* Showcase */ #showcase-section {position: relative;padding: 15px 0;overflow: hidden;} #showmodules {margin-top: 25px;} #showmodules a {font-weight: bold;} #showmodules .feature-desc {font-size: 17px;line-height: 135%;} #showmodules .module-inner, .feature-module .module-inner {padding: 6px 20px;} #showcase-section .rokstories-layout3 .feature-block .desc-container {width:97%;left:10px;bottom: 10px;font-size: 140%;background-color:transparent;} #showcase-section .rokstories-layout3 .feature-block .desc-container .description {left:15px;} #showcase-section .rokstories-layout3 .feature-circles {margin: 12px 0 0 0;} #showcase-section .feature-circles-sub span {display: none;} #showcase-section .feature-circles-sub {width:10px;height:10px;margin: 0 5px;cursor:pointer;display:inline-block;} .module-top, .module-bottom, .feature-block-top, .feature-block-bottom {margin: 0 9px;position: relative;height: 9px;} .module-top2, .module-top3, .module-bottom2, .module-bottom3, .feature-block-top2, .feature-block-top3, .feature-block-bottom2, .feature-block-bottom3 {position: absolute;width: 9px;height: 9px;} .module-top2, .feature-block-top2 {top: 0;left: -9px;} .module-top3, .feature-block-top3 {top: 0;right: -9px;} .module-bottom2, .feature-block-bottom2 {bottom: 0;left: -9px;} .module-bottom3, .feature-block-bottom3 {bottom: 0;right: -9px;} /* Top Bar */ #top-bar .moduletable {margin: 0;} #top-bar .padding {padding: 10px 20px;} #topleft-mod {width: 45%;float: left;line-height: 180%;} #topright-mod {width: 45%;float: right;line-height: 180%;} #accessibility {height: 16px;float: right;margin-left: 10px;} .textsizer-desc {display: block;float: left;text-align: left;margin-right: 12px;font-size: 12px;font-weight: bold;line-height: 26px;} #accessibility a {text-decoration: none; cursor: pointer;} #accessibility #buttons {float: left;height:12px;overflow:hidden;margin-top: 5px;} #accessibility .button {display: block;float: right;width: 11px;height: 12px;} #accessibility a.small .button {margin-right: 8px;} /* Main Layout */ #main-body {padding-top: 25px} .colmask {clear:both;overflow:hidden;position:relative;width:100%;} .col1wrap {padding-bottom:2em;} #maincol {position: relative;} .wrapper {position:relative;} #main-content a, #main-content .separator, #main-content .item {font-weight: bold;} /* s-c-s (Sidebar-Content-Sidebar) */ .s-c-s .colmid {float:left;position:relative;width:200%;} .s-c-s .colright {float:left;left:50%;position:relative;width:100%;} .s-c-s .col1wrap {float:right;position:relative;right:100%;width:50%;padding-bottom:1em;} .s-c-s .col1pad {overflow:hidden;} .s-c-s .col1 {overflow:hidden;width:100%;} .s-c-s .col2 {float:left;position:relative;overflow:hidden;margin-left:-50%;} .s-c-s .col3 {float:left;position:relative;overflow:hidden;left:0;} /* s-c-x (Sidebar-Content) */ .s-c-x .colright {float:left;position:relative;width:200%;} .s-c-x .col1wrap {float:right;padding-bottom:1em;position:relative;width:50%;} .s-c-x .col1 {overflow:hidden;position:relative;right:100%;} .s-c-x .col2 {float:left;position:relative;} /* x-c-s (Content-Sidebar) */ .x-c-s .colright {float:left;position:relative;right:100%;width:200%;} .x-c-s .col1wrap {float:left;left:50%;padding-bottom:1em;position:relative;width:50%;} .x-c-s .col1 {overflow:hidden;} .x-c-s .col3 {float:right;position:relative;} /* RokAjaxSearch */ #searchmod {width: 270px;float: right;margin-right: 15px;} #searchmod .moduletable {padding: 0;} #searchmod h3 {font-size: 14px;margin: 0 0 10px 5px;padding: 0;} #searchmod-surround {height: 26px;} #searchmod-surround .inputbox {background: none;border: 0;padding: 6px 0 5px 6px;font-size: 14px;height:16px;width: 98%;outline: none;} #searchmod-surround .search_options {display: block;margin-top: 8px;} #roksearch_search_str {width: 150px;} #roksearch_search_str.loading {background: transparent url(spinner1.gif) no-repeat scroll 97% 50% !important} #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: 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: inline-block;margin-top: 2px;margin-bottom: 7px;font-size: 10px;} #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: 12px;} .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: 12px;width: 30px;float: left;margin-right: 5px;position: relative;} #roksearch_results .arrow-left, #roksearch_results .arrow-left-disabled, #roksearch_results .arrow-right, #roksearch_results .arrow-right-disabled {width: 12px;height: 12px;position: absolute;top: 0;} #roksearch_results .arrow-left {left: 0;cursor: pointer;} #roksearch_results .arrow-left-disabled {left: 0;} #roksearch_results .arrow-right {left: 18px;cursor: pointer;} #roksearch_results .arrow-right-disabled {left: 18px;} #roksearch_results .viewall span {line-height: 100%;} #roksearch_results a.viewall {float: left;margin-right: 5px;} #roksearch_results .estimated_res, #roksearch_results .pagination_res {font-size: 9px;font-style: italic;text-transform: none;float:left;} #roksearch_results .pagination_res {font-style: normal;float: right;font-size: 11px;margin-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;line-height: 10px;} form.search_result fieldset {padding: 15px 0;} .search-results-full .readon-wrap1 {margin-top: 0;} form.search_result input#search_searchword.inputbox {padding: 6px 0 1px 5px;font-size: 14px;line-height: 22px;height:19px;width: 100%;margin-bottom: 10px;width: 300px;} form.search_result fieldset.word {margin-top: 0;margin-bottom: 0;padding: 10px 0 25px 0;} form.search_result fieldset.phrase {margin-top: 5px;margin-bottom: 0;padding: 10px 0 35px 0;} form.search_result fieldset.word label, form.search_result legend {font-size: 120%;display: block;height: 26px;margin: 0;padding: 0;} .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;} /* Main Page Structure */ #maincontent-block {padding: 15px 20px;} #inset-block-right {float: right;} #inset-block-left {float: left;} table.mainbody, table.blog {width: 100%;border: 0;padding: 0;} .spacer .block {float: left;} /* Main Body Items */ #breadcrumbs {margin: 15px 0 10px 0;display: block;position:relative;overflow: hidden;height: 20px;padding: 5px 20px;} #breadcrumbs-home {width: 22px;height: 23px;display: block;float: left;} #breadcrumbs h3 {display: none;} span.breadcrumbs {display: block;font-size: 110%;font-weight: bold;overflow: hidden;} span.breadcrumbs img {width: 12px;height: 23px;float: left;} span.breadcrumbs a, span.no-link {padding: 0 8px;float: left;display: block;height: 23px;line-height: 20px;} span.breadcrumbs span.no-link {font-weight: normal;} span.breadcrumbs a:hover {text-decoration: none;} .contentheading {font-size: 200%;line-height: 140%;margin: 0 0 15px 0;padding: 0 0 5px 0;} #maincol .contentheading a {font-weight: normal;} p.buttonheading {float: right;margin: 0 0 15px 15px;} .buttonheading .icon {display:block;width:14px;height:12px;float:left;margin-left:6px;} .article-info-surround {padding: 0;margin: 0;overflow: hidden;} p.articleinfo, .iteminfo {margin: 0;font-size: 13px;line-height: 140%;} .iteminfo {display: block;float: left;} p.pageinfo {padding: 2px 5px;margin-top: 0;display: block;} .article-ratings {padding: 2px 5px;margin-top: 25px;} 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: 46%;} .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 0 25px 0;padding: 0;overflow: hidden;} .blog .leading {margin-bottom: 25px;} .leading_separator {display: none;} .blog_more {padding-top: 15px;} #page {padding-bottom: 15px;} .componentheading {margin: 0 0 15px 0;font-size: 180%;line-height: 130%;padding: 0;} #main-content .date1 {font-size: 150%;line-height: 20px;display: block;float: left;margin-right: 5px;} #main-content .date2 {font-size: 110%;float: left;line-height: 20px;margin-left: 5px;} #top-bar .date-block {line-height: 24px;} #top-bar .date1 {font-size: 16px;display: block;float: left;margin-right: 5px;font-weight: bold;} #top-bar .date2, #top-bar .date3, #top-bar .date4 {font-size: 14px;float: left;margin-left: 5px;} .date-div {padding-right: 8px;} .article-info-right {float: right;} .article-info-left {margin-bottom: 5px;} .createdby {font-weight: bold;margin-bottom: 5px;text-align: right;} /* Main Body Modules */ .moduletable h3 {margin-top: 0;font-size: 160%;} .module-inner {position: relative;z-index: 4;padding: 15px 20px;} #inset-block-right .mainblock-module, #inset-block-left .mainblock-module {padding-bottom: 10px;} #showmodules, #featuremodules, #mainmodules, #mainmodules2, #mainmodules3, #mainmodules4, #mainmodules5 {overflow: hidden;} #mainmodules4 a, #mainmodules5 a {font-weight: bold;} .spacer.w99 .block {width: 99.8%;} .spacer.w49 .block {width: 49.8%;} .spacer.w33 .block {width: 33.3%;} .moduletable {padding: 15px 20px;margin-bottom: 5px;} .round .module-surround, .round2 .module-surround, .round3 .module-surround, .round4 .module-surround, .round5 .module-surround, .square .module-surround, .square2 .module-surround, .square3 .module-surround, .square4 .module-surround, .square5 .module-surround {position: relative;padding: 0;z-index: 1;} .round .module-grad, .round2 .module-grad, .round3 .module-grad, .round4 .module-grad, .round5 .module-grad, .square .module-grad, .square2 .module-grad, .square3 .module-grad, .square4 .module-grad, .square5 .module-grad {position: absolute;top: 0;left: 0;width: 100%;height: 55px;z-index: 2;} .round .module-surround2, .round2 .module-surround2, .round3 .module-surround2, .round4 .module-surround2, .round5 .module-surround2, .round .module-surround3, .round2 .module-surround3, .round3 .module-surround3, .round4 .module-surround3, .round5 .module-surround3 {position: absolute;height: 55px;width: 12px;z-index: 4;} .round .module-surround4, .round2 .module-surround4, .round3 .module-surround4, .round4 .module-surround4, .round5 .module-surround4, .round .module-surround5, .round2 .module-surround5, .round3 .module-surround5, .round4 .module-surround5, .round5 .module-surround5 {position: absolute;height: 12px;width: 12px;z-index: 4;} .round .module-surround2, .round2 .module-surround2, .round3 .module-surround2, .round4 .module-surround2, .round5 .module-surround2 {top: -1px;left: -1px;} .round .module-surround3, .round2 .module-surround3, .round3 .module-surround3, .round4 .module-surround3, .round5 .module-surround3 {top: -1px;right: -1px;} .round .module-surround4, .round2 .module-surround4, .round3 .module-surround4, .round4 .module-surround4, .round5 .module-surround4 {bottom: -1px;left: -1px;} .round .module-surround5, .round2 .module-surround5, .round3 .module-surround5, .round4 .module-surround5, .round5 .module-surround5 {bottom: -1px;right: -1px;} /* Extra Joomla Elements */ span.small, .modifydate {font-size: 90%;} .sectiontableheader {font-weight: bold;padding: 3px;line-height: 25px;text-align: left;} .sectiontablefooter {padding-bottom: 8px;} tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry0, td.sectiontableentry1, td.sectiontableentry2 {text-align: left;padding: 4px 5px 4px 5px;vertical-align: middle;} tr.sectiontableentry0 td, td.sectiontableentry0, tr.sectiontableentry1 td, td.sectiontableentry1, tr.sectiontableentry2 td, td.sectiontableentry2 {height: 30px;} .contentpane, .contentpaneopen {width: 100%;} .moduletable fieldset {border: 0;} .moduletable h4 {margin-top: 0;} table.contenttoc {float: right;margin-left: 25px;} .weblinks .contentdescription {overflow: hidden;margin-bottom: 15px;padding: 15px 0;} .weblinks-img {float: left;} .weblinks-link {margin-left: 25px;} .weblinks-img img {margin-top: 3px;} .contact_email input.button {border: 0;background: none;} .contact_email .readon-wrap1 {margin-top: 0;} .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;} input#contact_name.inputbox, input#contact_email.inputbox, input#contact_subject.inputbox {padding: 1px 0 1px 5px;font-size: 14px;line-height: 22px;height:22px;width: 100%;margin-bottom: 10px;width: 300px;} textarea#contact_text.inputbox {padding: 5px;margin-bottom: 10px;} #main-content .inputbox.invalid {border: 1px solid #cc0000;} /* Side Menus */ #main-body ul.menu {margin: 0;padding: 0;} #main-body ul.menu li {list-style: none;margin: 0;padding: 0;float: none;} #main-body ul.menu a:hover, #main-body ul.menu .separator:hover, #main-body ul.menu .item:hover {text-decoration: none;} #main-body ul.menu span {display: block;} #main-body ul.menu li.active.parent li .item span, #main-body ul.menu li.parent li .item span, #main-body ul.menu li.active.parent li a span, #main-body ul.menu li.parent li a span, #main-body ul.menu li.active.parent li .separator span, #main-body ul.menu li.parent li .separator span {font-size: 110%;line-height: 110%;} #main-body ul.menu li.active.parent li, #main-body ul.menu li.parent li {padding-left: 20px;} #main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {display: block;text-indent: 0;overflow: hidden;font-size: 120%;float: none;} #main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {padding: 9px 20px 9px 20px;} #main-body ul.menu a, #main-body ul.menu .separator, #main-body ul.menu .item {font-weight: normal;} #main-body ul.menu li.active > a, #main-body ul.menu li.active > .separator, #main-body ul.menu li.active > .item {font-weight: bold;} #main-body ul.menu ul ul {padding: 0; margin: 0;} #main-body ul.menu li li {padding: 0;margin: 0;font-size: 10px;background: none;} #main-body .round2 ul.menu li li, #main-body .round3 ul.menu li li, #main-body .round4 ul.menu li li, #main-body .round5 ul.menu li li, #main-body .square2 ul.menu li li, #main-body .square3 ul.menu li li, #main-body .square4 ul.menu li li, #main-body .square5 ul.menu li li {background: none;} #main-body ul.menu li.active.parent ul {margin: 0;padding: 5px 0 15px 0;} #main-body ul.menu li.active.parent ul li.active.parent ul {padding: 5px 0;} #main-body ul.menu li.active {padding: 0;} #main-body .menu .subtext em {line-height: 14px;} #main-body .menu em {display: block;font-size:80%;font-style: normal;font-weight: normal;} /* 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:0;} fieldset.input, a img, body .pollstableborder {border: 0;} table.pollstableborder {width: 100%;} .pollstableborder th {font-size: 130%;text-align: left;} .pollstableborder td.td_1, .pollstableborder td.td_2 {width:20%;} .pollstableborder td.td_3 {width: 60%;} .pollstableborder td div {border-width: 5px;border-style:solid; background: transparent;} legend {font-size:120%;} form.poll fieldset {margin: 0 0 10px 0;padding: 0;} .moduletable h4.poll-title {margin: 0;padding: 0;font-size: 120%;} .moduletable .poll-line {padding: 9px 5px 11px 5px;font-size: 110%;} .moduletable .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;line-height: 20px;height: 20px;margin-bottom: 5px;float: left;padding: 0;} .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;} .bannergroup .banneritem {margin-bottom: 10px;} 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:#aaa;} .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;} .newsfeeds-default .article-info-surround {margin-top: 10px;} ul.latestnews, ul.mostread, .blog_more ul, .block ul#mainlevel-nav, .featured-text-block ul {margin: 0;padding: 0;} ul.latestnews li, ul.mostread li, .blog_more ul li, .block ul#mainlevel-nav li, .featured-text-block 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, .featured-text-block ul li a {font-weight: bold;font-size: 110%;display: block;padding-left: 15px;} .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;} /* Editor 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, input#email, .register-page .inputbox {padding: 5px 0 5px 5px;font-size: 14px;width: 300px;margin-bottom: 10px;display: block;} .main-login-form form.form-login .inputbox {width: 97%;} form.form-login .login-links {margin-bottom: 8px;margin-top: 8px;} form.form-login .login-links a {padding-left: 15px;} form.form-login input.button, form.log input.button {background: none;cursor:pointer;border: none;text-align: center;line-height: 20px;height: 20px;margin-bottom: 5px;float: left;padding: 0;} form.form-login fieldset {padding: 0;} 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 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: left;} 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;} .remember-me {margin-top: 5px;margin-bottom: 5px;} form.form-login .readon-wrap1 {margin-top: 5px;} a#rokbox-close {height: 20px;width: 20px;} form.josForm label.hasTip {display: block;float: left;height: 25px;line-height: 25px;margin-right: 5px} /* Bottom Section */ #bottom {margin: 0;} #top-button {width: 90px;height: 20px;text-align: center;line-height: 22px;font-weight: bold;font-size: 12px;margin: 0 auto;} #top-button a:hover {text-decoration: none;} .top-button-spacer {height: 15px;} .copyright-block {margin: 15px 0;padding: 15px 0 0 0;position: relative;} .footer-div {height: 2px;width: 100%;position: absolute;top: 0;left: 0;} #copyright {margin: 0 auto;text-align: center;line-height: 200%;} #rocket {width: 111px;height: 16px;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;} #footer {position: relative;overflow: hidden;} .footer-mod {padding: 15px 0;} #footer a {font-weight: bold;} #mainmodules3 a {font-weight: bold;} #bottom .moduletable {padding: 15px;} /* RokTabs */ .roktabs-wrapper {padding: 0;position: relative;margin: 0;} .round .roktabs-wrapper, .round2 .roktabs-wrapper, .round3 .roktabs-wrapper, .round4 .roktabs-wrapper, .round5 .roktabs-wrapper, .square .roktabs-wrapper, .square2 .roktabs-wrapper, .square3 .roktabs-wrapper, .square4 .roktabs-wrapper, .square5 .roktabs-wrapper {margin: -15px 0;} .roktabs {position: relative;z-index: 3;} .roktabs-wrapper .roktabs-container-inner {position:relative;overflow: hidden;} .roktabs-wrapper .roktabs-container-wrapper {clear: both;position: relative;overflow:hidden;width:50000px;} .roktabs-wrapper .roktabs-container-wrapper div {float: left;} .roktabs-wrapper .roktabs-container-wrapper div.wrapper {padding: 15px 0;width: auto;} .roktabs-wrapper .roktabs-links {margin: 0;padding: 0;height: 55px;overflow: hidden;} .roktabs-wrapper .active-arrows .roktabs-links {margin: 0 20px;padding: 0;height: 55px;} .roktabs-wrapper .roktabs-links ul {text-align: left;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: 42px;text-transform: lowercase;font-size: 110%;} .tabs-bottom .roktabs-links ul li {line-height: 42px;} .roktabs-wrapper .roktabs-links ul li span {padding: 0 11px;display: block;height: 55px;} .roktabs-wrapper .roktabs-links ul {padding: 0;} .roktabs-wrapper .roktabs-scroller {position: absolute;bottom: 0;right: 0;height: 50px;} .roktabs-wrapper .arrow-next, .roktabs-wrapper .arrow-prev {line-height: 20px;text-align: center;cursor: pointer;z-index: 2;position: absolute;top: 17px;height:9px;width: 7px;} .roktabs-wrapper .arrow-next {right: 0;} .roktabs-wrapper .arrow-prev {left: 0;} .roktabs-wrapper .arrow-prev span, .roktabs-wrapper .arrow-next span {display: none;} .tabs-hidden .roktabs-container-wrapper div.wrapper {margin-top: 10px;} /* RokStories */ .feature-module .feature-block .readon-wrap1 span {height: 21px; line-height: 21px;} .feature-module .rokstories-layout3 .description .feature-title { line-height: 130%; height: 130%; margin-bottom: 5px;} .feature-block .image-full {margin: 0px auto;} /* 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;} /* Typography */ .readon-wrap1 {margin-top: 15px;position:relative;float:left;} .readon-wrap1 span {display:block;height: 22px;line-height: 20px;} a.readon {font-weight: bold;} a.readon-main {font-size: 12px;cursor: pointer;font-weight: bold;} a.readon-main:hover {text-decoration: none;} .readon1-l {position:absolute;width: 8px;height: 21px;left:0;top:0;} .readon1-m {margin-left: 8px;text-align: center;padding-left:2px;} .readon1-r, #showcase-section .feature-module .readon1-r {margin-right: -8px;padding-right: 10px;} .readon-wrap1 input.button {font-weight: bold;} #main-body .round .readon1-l, #main-body .square .readon1-l {background-position: 0 -32px;} #main-body .round .readon1-m, #main-body .square .readon1-m {background-position: 0 -32px;} #main-body .round .readon1-r, #main-body .square .readon1-r {background-position: 100% -32px;} #main-body .round2 .readon1-l, #main-body .square2 .readon1-l {background-position: 0 -64px;} #main-body .round2 .readon1-m, #main-body .square2 .readon1-m {background-position: 0 -64px;} #main-body .round2 .readon1-r, #main-body .square2 .readon1-r {background-position: 100% -64px;} #main-body .round3 .readon1-l, #main-body .square3 .readon1-l {background-position: 0 -96px;} #main-body .round3 .readon1-m, #main-body .square3 .readon1-m {background-position: 0 -96px;} #main-body .round3 .readon1-r, #main-body .square3 .readon1-r {background-position: 100% -96px;} #main-body .round4 .readon1-l, #main-body .square4 .readon1-l {background-position: 0 -161px;} #main-body .round4 .readon1-m, #main-body .square4 .readon1-m {background-position: 0 -161px;} #main-body .round4 .readon1-r, #main-body .square4 .readon1-r {background-position: 100% -161px;} #main-body .round5 .readon1-l, #main-body .square5 .readon1-l {background-position: 0 -193px;} #main-body .round5 .readon1-m, #main-body .square5 .readon1-m {background-position: 0 -193px;} #main-body .round5 .readon1-r, #main-body .square5 .readon1-r {background-position: 100% -193px;} ul.tablist {margin: 0;padding: 0;} ul.tablist li {list-style: none;margin-bottom: 20px;padding-left: 85px;position: relative;} ul.tablist li span.tabtext {display: block;position: absolute;left: 0;top: 0;font-weight: bold;text-transform: uppercase;font-size: 12px;width: 70px;height: 30px;line-height: 30px;text-align: center;padding-right: 5px;} /* RokQuickCart*/ #main-content .cart_product_grad, #main-content .cart_grad {position: absolute;top: 0;left: 0;width: 100%;height: 55px;z-index: 2;} #main-content .cart_product_sur1, #main-content .cart_product_sur2, #main-content .cart_sur1, #main-content .cart_sur2 {position: absolute;height: 55px;width: 12px;z-index: 4;} #main-content .cart_product_sur3, #main-content .cart_product_sur4, #main-content .cart_sur3, #main-content .cart_sur4 {position: absolute;height: 12px;width: 12px;z-index: 4;} #main-content .cart_product_sur1, #main-content .cart_sur1 {top: -1px;left: -1px;} #main-content .cart_product_sur2, #main-content .cart_sur2 {top: -1px;right: -1px;} #main-content .cart_product_sur3, #main-content .cart_sur3 {bottom: -1px;left: -1px;} #main-content .cart_product_sur4, #main-content .cart_sur4 {bottom: -1px;right: -1px;} #main-content .cart_padding {padding: 15px 20px;} #main-content .cart_yourcart {overflow: visible;} #main-content .cart_yourcart_items {border: 0;z-index: 5;} #main-content .cart_quickcart, #main-content .cart_quickcart h2 {margin-top: 0;} /* Demo Tutorials */ pre {overflow: auto;} .tutorial-block .written-listing {background: url(write-li.png) no-repeat 0 1px;float: left;width: 24%;margin-top: 15px;overflow: hidden;} .tutorial-block .written-listing .content {padding: 0 15px;} .tutorial-block .written-listing .desc {font-size: 85%;} .tutorial-block .categories {background: url(write-li.png) no-repeat 10px 2px;float: left;width: 288px;margin-top: 12px;overflow: hidden;} .tutorial-block .categories-content {padding: 0 15px 0 25px;} .body-dark img.demo {border: 5px solid #444;} .body-light img.demo {border: 5px solid #ccc;} .ext-block {margin-bottom: 20px;overflow: hidden;} .ext-block .ext-img {float: left; margin-right: 20px; margin-bottom: 50px;} .ext-block .ext-divider {height: 10px; display: block;} /* Demo Frontpage Main Content */ .demo-main-left {float: left;width: 45%;} .demo-main-right {float: right;width: 45%;} .demo-main-divider {height: 100px;position: absolute;left: 50%;top: 32px;width: 2px;margin-left: -2px;} .body-light .demo-main-divider {background: url(assets-1.png) no-repeat 0px -126px;} .body-dark .demo-main-divider {background: url(assets-2.png) no-repeat 0px -126px;} .demo-submain-block {float: left;width: 25%;} .demo-submain-text {width: 200px;margin: 0px auto;} .demo-submain-img {margin-bottom: 10px;} .body-light .demo-submain-img {border: 2px solid #ccc;} .body-dark .demo-submain-img {border: 2px solid #262626;} .demo-footer-block {float: left;width: 25%;margin-top: 25px;} .demo-footer-text {margin: 0px 15px;} .demo-footer-divider { height: 60px;float: left;width: 2px;margin-left: -2px;margin-top: 30px;} .demo-footer-block .readon-wrap1 {margin-top: 0;} .body-light .demo-footer-divider {background: url(assets-1.png) no-repeat -268px -126px;} .body-dark .demo-footer-divider {background: url(assets-2.png) no-repeat -268px -126px;} .demo-footer-block ul.special-13 {margin-left: 0 !important;padding-left: 0 !important;margin-bottom: 0;} .demo-footer-block ul.special-13 li {margin-bottom: 2px !important;} .logo-list {text-transform: uppercase;font-size: 24px;list-style: none;font-family: "Trebuchet MS";margin: 0;} .logo-list li {height: 35px;line-height: 35px;} .logo-list a {margin: 0 0 0 12px;display: inline-block;color: #fff;text-shadow: -1px -1px 0 #333;} .logo-list a span {margin-left: -12px;display: block;padding: 0 5px;} .logo-list a:hover {text-decoration: none;} /*** header-style2.css ***/ /* Header - Style2 */ /* Text Colors*/ .body-light #main-body a, .body-light #bottom a, .body-light #main-content .poll-line:hover, .body-light #footer a, .banner-module a, .body-light .moduletable h3 span, .body-light .contentheading span {color: #CC3300;} .body-dark #main-body a, .body-dark #bottom a, .body-dark #main-content .poll-line:hover, .body-dark #footer a, .body-dark .moduletable h3 span, .body-dark .contentheading span {color: #CC3300;} #showmodules a, .feature-module a, .logo-list a:hover {color: #FFE6A8;} #header-bg .moduletable {color: #fff;} #horiz-menu li.root > .item, #horiz-menu.splitmenu li .item {color: #c5c5c5; text-shadow: -1px -1px 0 #000;} /* my: kolor nieaktywnych odnośników w menu (root) + cień */ .feature-module .feature-title, .feature-module .readon-main {text-shadow: -1px -1px 0 #000;} #horiz-menu li > .item {color: #8f8f8f;} /* my: kolor niepodświetlonych pozycji w menu */ /* #aeac9d; */ body #horiz-menu li.root:hover > .item span, body #horiz-menu li.root.active > .item span, body #horiz-menu li.root.active:hover > .item span, #horiz-menu.splitmenu li:hover .item span, #horiz-menu.splitmenu li.active .item span, #horiz-menu.splitmenu li.active:hover .item span {color: #f9f8f1;} /* my: kolor aktywnego odnośnika menu (root) */ /* #fffbdf; #f8f2ce; */ #showcase-section .moduletable h3 {text-shadow: -1px -1px 0 #000;} #showcase-section .moduletable h3 span {color: #ccc;} .body-light .round3 .moduletable h3 span, .body-light .square3 .moduletable h3 span {color: #ddd;} .body-light .round4 .moduletable h3 span, .body-light .square4 .moduletable h3 span {color: #333;} .body-light .round5 .moduletable h3 span, .body-light .square5 .moduletable h3 span {color: #333;} .body-dark .round3 .moduletable h3 span, .body-dark .square3 .moduletable h3 span {color: #aaa;} .body-dark .round4 .moduletable h3 span, .body-dark .square4 .moduletable h3 span {color: #fff;} .body-dark .round5 .moduletable h3 span, .body-dark .square5 .moduletable h3 span {color: #fff;} #header-bg {background: #1D0900;} #logo {background: url(logo0000.png) 0 0 no-repeat;} /* Showcase */ .module-top, .module-bottom, #showmodules .module-inner, .feature-module .module-inner, .feature-block-top, .feature-block-bottom, .feature-block-inner {background: url(menu-bg0.png) 0 0;} .module-top2, .feature-block-top2 {background: url(showcase.png) 0 0;} .module-top3, .feature-block-top3 {background: url(showcase.png) -58px 0;} .module-bottom2, .feature-block-bottom2 {background: url(showcase.png) 0 -58px;} .module-bottom3, .feature-block-bottom3 {background: url(showcase.png) -58px -58px;} #header-bg .feature-circles-sub {background: url(showcase.png) -76px 0 no-repeat;} #header-bg .feature-circles .active {background: url(showcase.png) -93px 0 no-repeat;color: #666;} /* Fusion Pill */ .fusion-pill-l, #horiz-menu.splitmenu li.active .item, #horiz-menu.splitmenu li:hover .item {background: url(menutab-.png) 100% 0;} .fusion-pill-r, #horiz-menu.splitmenu li.active .item span, #horiz-menu.splitmenu li:hover .item span {background: url(menutab0.png) 0 0 no-repeat;} /* Horizontal Menu */ #horiz-menu {background: url(menu-bg0.png) 0 0;} #horiz-menu li.root .daddy span {background: url(arrows00.png) 100% 50% no-repeat; padding-right: 27px; margin-right: -12px;} .logo-list a:hover {background: url(menutab-.png) 100% 0 no-repeat;} .logo-list a:hover span {background: url(menutab0.png) 0 0 no-repeat;} /*** body-light.css ***/ /* Body Style - Light */ /* Text Colors */ #maincol, #leftcol, #rightcol, #mainmodules4, body input, #main-body .poll-buttons a.readon-main {color: #333;} /* Text Shadows */ #main-body .moduletable h3, #bottom .moduletable h3, span.tabtext {text-shadow:1px 1px 0px #d0d09e;} /* my: cieniowanie nagłówka boksu */ #main-body .round3 .moduletable h3, #bottom .round3 .moduletable h3, #main-body .square3 .moduletable h3, #bottom .square3 .moduletable h3, #footer .round3 .moduletable h3, #footer .square3 .moduletable h3 {text-shadow:-1px -1px 0px #666;} #footer .moduletable h3, a.readon-main, a.readon-main input.button {text-shadow:1px 1px 0px #fff;} .contentheading {text-shadow:1px 1px 0px #d0d09e;} /* my: cieniowanie nagłówka */ /* Top Bar */ #top-bar {background: #ebebb9;} /* my: kolor tła paska topbar */ /* */ #searchmod-surround {background: url(assets-1.png) 0 0 no-repeat;} a.large span.button {background: url(assets-1.png) -27px -107px no-repeat;} a.small span.button {background: url(assets-1.png) 0 -107px no-repeat;} /* Dropdowns */ #horiz-menu ul {background: url(drop-bg-.png) 50% 100% no-repeat;} #horiz-menu ul.columns2 {background: url(drop-bg0.png) 50% 100% no-repeat;} #horiz-menu .drop-top {background: url(drop-bg-.png) 50% 0 no-repeat;} #horiz-menu .columns2 .drop-top {background: url(drop-bg0.png) 50% 0 no-repeat;} #horiz-menu li > .bullet {background: url(drop-bul.png) 10px 13px no-repeat;} #horiz-menu li:hover > .bullet, #horiz-menu li.f-menuparent-itemfocus .bullet, #horiz-menu li.active > .bullet {background: url(drop-bul.png) 10px -270px no-repeat;color: #9d9d9d;} /* my: kolor podświetlonych pozycji w menu */ #horiz-menu li:hover > *, #horiz-menu li.active > * { color: #999; } /* my: kolor podświetlonych pozycji w menu (added 4 avatars */ #horiz-menu li {background-image: url(body-div-menu.png);background-position: 0 100%;background-repeat: repeat-x;} #horiz-menu li:hover, #horiz-menu li.active, #horiz-menu li.f-menuparent-itemfocus {background-color: #252525;} /* my: kolor tła hoverów w menu */ #horiz-menu li > .daddy span {background: url(drop-bul.png) 100% -568px no-repeat;} /* Search */ #searchmod .search_options {color: #666;} #roksearch_results .rokajaxsearch-overlay {background: #292929;} #roksearch_results {background: #fff;border: 1px solid #ccc;border-bottom: 0;} #roksearch_results a:hover {color: #000;} #roksearch_results h3 {color: #444;} #roksearch_results span {color: #888;} #searchmod-surround #roksearch_search_str {background: url(assets-1.png) 100% 100% no-repeat;} #roksearch_results span.highlight {background: #999;color: #fff;} #roksearch_results .roksearch_header, #roksearch_results .roksearch_row_btm {background: #fff;border-bottom: 1px solid #ccc;color: #666;} #roksearch_results .roksearch_odd {background: #efefef;border-bottom: 1px solid #dfdfdf;} #roksearch_results .roksearch_even {border-bottom: 1px solid #dfdfdf;} #roksearch_results .roksearch_odd-hover, #roksearch_results .roksearch_even-hover {background: #fff;} #roksearch_results .roksearch_odd-hover h3, #roksearch_results .roksearch_even-hover h3 {color: #000;background: url(search-c.png) 0 -13px no-repeat;} #roksearch_results a#roksearch_link {background: url(assets-1.png) 0 -83px no-repeat;} #roksearch_results .arrow-left {background: url(assets-1.png) 0 -37px no-repeat;} #roksearch_results .arrow-left-disabled, #roksearch_results .arrow-right-disabled {background: url(assets-1.png) 0 -72px no-repeat;} #roksearch_results .arrow-right {background: url(assets-1.png) 0 -54px no-repeat;} /* Module Variations */ .round .module-surround, .square .module-surround {background: #ebebbc;border: 1px solid #d1d18b;} /* my: moduł po prawej */ .round .module-grad, .square .module-grad {background: url(block-co.png) 50% -78px repeat-x} .round .module-surround2 {background: url(block-co.png) 0 0 no-repeat;} .round .module-surround3 {background: url(block-co.png) 100% 0 no-repeat;} .round .module-surround4 {background: url(block-co.png) 0 -60px no-repeat;} .round .module-surround5 {background: url(block-co.png) 100% -60px no-repeat;} .round2 .module-surround, .square2 .module-surround {background: #cfcfcf;border: 1px solid #b5b5b5;} .round2 .module-grad, .square2 .module-grad {background: url(block-co.png) 50% -240px repeat-x;} .round2 .module-surround2 {background: url(block-co.png) 0 -162px no-repeat;} .round2 .module-surround3 {background: url(block-co.png) 100% -162px no-repeat;} .round2 .module-surround4 {background: url(block-co.png) 0 -222px no-repeat;} .round2 .module-surround5 {background: url(block-co.png) 100% -222px no-repeat;} .round3 .module-surround, .square3 .module-surround {background: #8b8b8b;border: 1px solid #7d7d7d;color: #fff;} #footer .round3 .moduletable h3, #footer .square3 .moduletable h3 {color: #fff;} .round3 .module-grad, .square3 .module-grad {background: url(block-co.png) 50% -402px repeat-x} .round3 .module-surround2 {background: url(block-co.png) 0 -324px no-repeat;} .round3 .module-surround3 {background: url(block-co.png) 100% -324px no-repeat;} .round3 .module-surround4 {background: url(block-co.png) 0 -384px no-repeat;} .round3 .module-surround5 {background: url(block-co.png) 100% -384px no-repeat;} .round4 .module-surround, .square4 .module-surround {background: #E7DDC4;border: 1px solid #C7BDA0;color: #5B5649;} .round4 .module-grad, .square4 .module-grad {background: url(block-co.png) 50% -564px repeat-x} .round4 .module-surround2 {background: url(block-co.png) 0 -486px no-repeat;} .round4 .module-surround3 {background: url(block-co.png) 100% -486px no-repeat;} .round4 .module-surround4 {background: url(block-co.png) 0 -546px no-repeat;} .round4 .module-surround5 {background: url(block-co.png) 100% -546px no-repeat;} .round5 .module-surround, .square5 .module-surround {background: #D9DDE2;border: 1px solid #BEC2C7;color: #494F56;} .round5 .module-grad, .square5 .module-grad {background: url(block-co.png) 50% -726px repeat-x} .round5 .module-surround2 {background: url(block-co.png) 0 -648px no-repeat;} .round5 .module-surround3 {background: url(block-co.png) 100% -648px no-repeat;} .round5 .module-surround4 {background: url(block-co.png) 0 -708px no-repeat;} .round5 .module-surround5 {background: url(block-co.png) 100% -708px no-repeat;} #footer .round .module-surround {background: #e6e6e6;border: 1px solid #c9c9c9;color: #666;} #footer .round .module-grad {background: url(block-co.png) 50% -882px repeat-x} #footer .round .module-surround2 {background: url(block-co.png) 0 -804px no-repeat;} #footer .round .module-surround3 {background: url(block-co.png) 100% -804px no-repeat;} #footer .round .module-surround4 {background: url(block-co.png) 0 -864px no-repeat;} #footer .round .module-surround5 {background: url(block-co.png) 100% -864px no-repeat;} /* Main Body */ #main-body {background: #ffffcc url(body-bg0.png) 0 0 repeat-x;} /* my: tło main body */ /* */ .contentheading {background: url(body-div.png) 0 100% repeat-x;} .buttonheading .pdf {background:url(assets-1.png) -193px -54px;} .buttonheading .print {background:url(assets-1.png) -155px -54px no-repeat;} .buttonheading .email {background:url(assets-1.png) -174px -54px no-repeat;} .form-login .inputbox, input#search_searchword.inputbox, input#email, .register-page .inputbox, .contact_email .inputbox {border: 1px solid #ccc;} .round3 .form-login .inputbox, .square3 .form-login .inputbox {background: #717171;border: 1px solid #A8A8A8;color: #fff;} .login-links a {background: url(arrows01.png) 0 4px no-repeat;} .round3 .login-links a, .square3 .login-links a {background: url(arrows20.png) 0 3px no-repeat;} #breadcrumbs-home {background: url(assets-1.png) -155px -72px no-repeat;} #breadcrumbs span img {background: url(arrows01.png) 0 7px no-repeat;} .date-div {color: #999;} tr.sectiontableentry1 {background: #d0d0d0;} /* Side Menu */ #main-body ul.menu li {background: url(body-div.png) 0 100% repeat-x;} #main-body .round2 ul.menu li, #main-body .square2 ul.menu li {background: url(r2-div00.png) 0 100% repeat-x;} #main-body .round3 ul.menu li, #main-body .square3 ul.menu li {background: url(r3-div00.png) 0 100% repeat-x;} #main-body .round4 ul.menu li, #main-body .square4 ul.menu li {background: url(r4-div00.png) 0 100% repeat-x;} #main-body .round5 ul.menu li, #main-body .square5 ul.menu li {background: url(r5-div00.png) 0 100% repeat-x;} #main-body ul.menu li > a, #main-body ul.menu li > .separator, #main-body ul.menu li > .item, #main-body ul.menu li li > a, #main-body ul.menu li li > .separator, #main-body ul.menu li li > .item {background: url(arrows01.png) 5px 12px no-repeat;color: #666;} #main-body .round3 ul.menu li > a, #main-body .round3 ul.menu li > .separator, #main-body .round3 ul.menu li > .item, #main-body .round3 ul.menu li li > a, #main-body .round3 ul.menu li li > .separator, #main-body .round3 ul.menu li li > .item, #main-body .square3 ul.menu li > a, #main-body .square3 ul.menu li > .separator, #main-body .square3 ul.menu li > .item, #main-body .square3 ul.menu li li > a, #main-body .square3 ul.menu li li > .separator, #main-body .square3 ul.menu li li > .item {background: url(arrows20.png) 5px 12px no-repeat;color: #d8d8d8;} #main-body ul.menu li:hover > a, #main-body ul.menu li:hover > .separator, #main-body ul.menu li:hover > .item, #main-body ul.menu li.active > a, #main-body ul.menu li.active > .separator, #main-body ul.menu li.active > .item, #main-body ul.menu li.active:hover > a, #main-body ul.menu li.active:hover > .separator, #main-body ul.menu li.active:hover > .item {background: url(arrows01.png) 5px -514px no-repeat;color: #333;} #main-body .round3 ul.menu li:hover > a, #main-body .round3 ul.menu li:hover > .separator, #main-body .round3 ul.menu li:hover > .item, #main-body .round3 ul.menu li.active > a, #main-body .round3 ul.menu li.active > .separator, #main-body .round3 ul.menu li.active > .item, #main-body .round3 ul.menu li.active:hover > a, #main-body .round3 ul.menu li.active:hover > .separator, #main-body .round3 ul.menu li.active:hover > .item, #main-body .square3 ul.menu li:hover > a, #main-body .square3 ul.menu li:hover > .separator, #main-body .square3 ul.menu li:hover > .item, #main-body .square3 ul.menu li.active > a, #main-body .square3 ul.menu li.active > .separator, #main-body .square3 ul.menu li.active > .item, #main-body .square3 ul.menu li.active:hover > a, #main-body .square3 ul.menu li.active:hover > .separator, #main-body .square3 ul.menu li.active:hover > .item {background: url(arrows20.png) 5px -514px no-repeat;color: #fff;} /* Bottom Panel */ #bottom {background: #ededed;} body, #footer {background: #ffffe0 url(body-bg0-footer.png) 0 0 repeat-x;} /* my: tło stopki */ #footer {color: #666;} /* my: czcionka stopki - kolor */ #footer h3 {color: #666;} .footer-div {background: url(assets-1.png) 0 -123px repeat-x;} /* RokTabs */ ul.roktabs-top li.active {background: url(roktab-r.png) 100% 0 no-repeat;} ul.roktabs-top li.active span {background: url(roktab-l.png) -1px 0 no-repeat;} .round2 ul.roktabs-top li.active, .square2 ul.roktabs-top li.active {background-position: 100% -60px;} .round2 ul.roktabs-top li.active span, .square2 ul.roktabs-top li.active span {background-position: -1px -60px;} .round3 ul.roktabs-top li.active, .square3 ul.roktabs-top li.active {background-position: 100% -120px;} .round3 ul.roktabs-top li.active span, .square3 ul.roktabs-top li.active span {background-position: -1px -120px;} .round4 ul.roktabs-top li.active, .square4 ul.roktabs-top li.active {background-position: 100% -180px;} .round4 ul.roktabs-top li.active span, .square4 ul.roktabs-top li.active span {background-position: -1px -180px;} .round5 ul.roktabs-top li.active, .square5 ul.roktabs-top li.active {background-position: 100% -240px;} .round5 ul.roktabs-top li.active span, .square5 ul.roktabs-top li.active span {background-position: -1px -240px;} .roktabs-wrapper .arrow-next {background: url(roktab-r.png) 0 -310px;} .roktabs-wrapper .arrow-prev {background: url(roktab-r.png) 0 -324px;} /* Typography */ #main-content .poll-line {background: url(body-div.png) 0 100% repeat-x;} #main-content .round2 .poll-line, #main-content .square2 .poll-line {background: url(r2-div00.png) 0 100% repeat-x;} #main-content .round3 .poll-line, #main-content .square3 .poll-line {background: url(r3-div00.png) 0 100% repeat-x;} #main-content .round4 .poll-line, #main-content .square4 .poll-line {background: url(r4-div00.png) 0 100% repeat-x;} #main-content .round5 .poll-line, #main-content .square5 .poll-line {background: url(r5-div00.png) 0 100% repeat-x;} #main-content .rokradios, #top-bar .rokradios {background: url(inputs00.png) 0 1px no-repeat;} #main-content .round3 .rokradios, #main-content .square3 .rokradios {background: url(r3-input.png) 0 1px no-repeat;} #main-content .rokradios-active, #top-bar .rokradios-active {background: url(inputs00.png) 0 -175px no-repeat;} #main-content .round3 .rokradios-active, #main-content .square3 .rokradios-active {background: url(r3-input.png) 0 -175px no-repeat;} #top-bar .rokchecks, #main-content .rokchecks {background: url(inputs00.png) 0 -346px no-repeat;} #main-content .round3 .rokchecks, #main-content .square3 .rokchecks {background: url(r3-input.png) 0 -346px no-repeat;} #top-bar .rokchecks-active, #main-content .rokchecks-active {background: url(inputs00.png) 0 -522px no-repeat;} #main-content .round3 .rokchecks-active, #main-content .square3 .rokchecks-active {background: url(r3-input.png) 0 -522px no-repeat;} #main-body .round4 .poll-buttons a.readon-main, #main-body .square5 .poll-buttons a.readon-main, #main-body .round4 input, #main-body .square4 input {color: #5B5649;} #main-body .round5 .poll-buttons a.readon-main, #main-body .square5 .poll-buttons a.readon-main, #main-body .round5 input, #main-body .square5 input {color: #494F56;} #main-body .readon1-l {background: url(readon-l.png) 0 0 no-repeat;} #main-body .readon1-m {background: url(readon-m.png) 0 0 repeat-x;} #main-body .readon1-r {background: url(readon-r.png) 100% 0 no-repeat;} .feature-module a.readon-main, #showmodules a.readon-main {color: #fff;} .feature-module .readon1-l, #showmodules .readon1-l {background: url(readon-l.png) 0 -225px no-repeat;} .feature-module .readon1-m, #showmodules .readon1-m {background: url(readon-m.png) 0 -225px repeat-x;} .feature-module .readon1-r, #showmodules .readon1-r {background: url(readon-r.png) 100% -225px no-repeat;} #bottom .readon1-l {background: url(readon-l.png) 0 0 no-repeat;} #bottom .readon1-m {background: url(readon-m.png) 0 0px repeat-x;} #bottom .readon1-r {background: url(readon-r.png) 100% 0px no-repeat;} #footer .readon1-l {background: url(readon-l.png) 0 -129px no-repeat;} #footer .readon1-m {background: url(readon-m.png) 0 -129px repeat-x;} #footer .readon1-r {background: url(readon-r.png) 100% -129px no-repeat;} ul.latestnews li a, ul.mostread li a, .blog_more ul li a, .block ul#mainlevel-nav li a, .featured-text-block li a {background: url(arrows01.png) 0 4px no-repeat;} #rocket {background: url(assets-1.png) -155px -100px no-repeat;} span.tabtext {color: #666;background: url(typo-tab.png) 0 0 no-repeat;} /* RokQuickCart */ #main-content .cart_product_grad, #main-content .cart_grad {background: url(block-co.png) 50% -78px repeat-x} #main-content .cart_product_sur1, #main-content .cart_sur1 {background: url(block-co.png) 0 0 no-repeat;} #main-content .cart_product_sur2, #main-content .cart_sur2 {background: url(block-co.png) 100% 0 no-repeat;} #main-content .cart_product_sur3, #main-content .cart_sur3 {background: url(block-co.png) 0 -60px no-repeat;} #main-content .cart_product_sur4, #main-content .cart_sur4 {background: url(block-co.png) 100% -60px no-repeat;} #main-content .simpleCart_shelfItem, #main-content .cart_yourcart {background: #E6E6E6;border: 1px solid #c9c9c9;} #main-content .cart_statusicon {background:url(quickcar.png) -61px 0 no-repeat;} #main-content .cart_totals div {color: #666;} #main-content .item_add:link,#main-content .item_add:visited {background:url(quickcar.png) 100% 0 no-repeat;text-shadow:1px 1px 0px #fff} #main-content .item_add span {background:url(quickcar.png) 0 0 no-repeat;} #main-content .item_add:hover {background:url(quickcar.png) 100% -58px no-repeat;} #main-content .item_add:hover span {background:url(quickcar.png) 0 -58px no-repeat;} #main-content .simpleCart_empty:link,#main-content .simpleCart_empty:visited {background:url(quickcar.png) 100% 0 no-repeat;text-shadow:1px 1px 0px #fff} #main-content .simpleCart_empty span {background:url(quickcar.png) 0 0 no-repeat;} #main-content .simpleCart_empty:hover {background:url(quickcar.png) 100% -58px no-repeat;} #main-content .simpleCart_empty:hover span {background:url(quickcar.png) 0 -58px no-repeat;} #main-content .simpleCart_checkout:link,#main-content .simpleCart_checkout:visited {background:url(quickcar.png) 100% -29px no-repeat;text-shadow:1px 1px 0px #ddd;} #main-content .simpleCart_checkout span {background:url(quickcar.png) 0 -29px;} #main-content .simpleCart_checkout:hover {background:url(quickcar.png) 100% -87px no-repeat;} #main-content .simpleCart_checkout:hover span {background:url(quickcar.png) 0 -87px no-repeat;} #main-content .itemQuantity input {background:url(quickcar.png) 0 0 no-repeat;} #main-content .itemincrement a {background:url(quickcar.png) -45px 0 no-repeat;} #main-content .itemdecrement a {background:url(quickcar.png) -45px -11px no-repeat;} /*** typography.css ***/ /* 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;} .body-light ul.bullet-1 li {background: url(bullet-1.png) 0 5px no-repeat;} .body-light ul.bullet-2 li {background: url(bullet-2.png) 0 5px no-repeat;} .body-light ul.bullet-3 li {background: url(bullet-3.png) 0 5px no-repeat;} .body-light ul.bullet-4 li {background: url(bullet-4.png) 0 5px no-repeat;} .body-light ul.bullet-5 li {background: url(bullet-5.png) 0 5px no-repeat;} .body-dark ul.bullet-1 li {background: url(bullet-2.png) 0 5px no-repeat;} .body-dark ul.bullet-2 li {background: url(bullet-2.png) 0 5px no-repeat;} .body-dark ul.bullet-3 li {background: url(bullet-3.png) 0 5px no-repeat;} .body-dark ul.bullet-4 li {background: url(bullet-4.png) 0 5px no-repeat;} .body-dark ul.bullet-5 li {background: url(bullet-5.png) 0 5px no-repeat;} ul.bullet-6 li {background: url(bullet-6.png) 0 2px no-repeat;} ul.bullet-7 li {background: url(bullet-7.png) 0 2px no-repeat;} ul.bullet-8 li {background: url(bullet-8.png) 0 3px no-repeat;} pre {padding: 10px;} .body-dark pre {background: #383838;border: 1px solid #444;} .body-light pre {background: #f9f9f9;border: 1px solid #ddd;} blockquote {display: block;font-style: italic;font-size: 120%;line-height: 150%;width: auto;padding: 10px 20px 10px 20px;margin: 15px 0;} .body-dark blockquote {background: #383838;border: 1px solid #444;} .body-light blockquote {background: #f9f9f9;border: 1px solid #ddd;} 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(quote-st.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(quote-en.png) 100% 100% no-repeat;} .important, .important-blue, .important-red, .important-green, .important-purple, .important-orange, .important-brown, .important-grey {padding: 15px;margin: 25px 0 10px 0;position: relative;} 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;top: -22px;left: 10px;padding: 3px 8px;font-size: 120%;} .important {border: 1px solid #444;} .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 {background: #444;color: #fff;} span.important-title-blue {background: #0D507A;color: #fff;} span.important-title-red {background: #D12E2E;color: #fff;} span.important-title-green {background: #74A824;color: #fff;} span.important-title-purple {background: #9E0E87;color: #fff;} span.important-title-orange {background: #CC8300;color: #fff;} span.important-title-brown {background: #8B6846;color: #fff;} span.important-title-grey {background: #666;color: #fff;} 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;} .body-light span.number {color: #333;} .body-dark span.number {color: #fff;} 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;} .body-light span.highlight {background: #FFFBD5;padding: 1px 2px;} .body-dark span.highlight {background: #ccc;padding: 1px 2px;color: #000;} 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%;} .body-light span.dropcap {color: #333;} .body-dark span.dropcap {color: #fff;} 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;padding: 15px;float: left;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;} span.inset-right {display: block;padding: 15px;float: right;width: 20%;font-size: 110%;font-weight: bold;font-style: italic;} .body-light span.inset-left {color: #000;} .body-light span.inset-right {color: #000;} .body-dark span.inset-left {color: #fff;} .body-dark span.inset-right {color: #fff;} 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(attentio.png) 10px 50% no-repeat;} span.notice {color: #648434;border: 1px solid #9BCC54;background: #CDEFA6 url(notice00.png) 10px 50% no-repeat;} span.alert {color: #CF3738;border: 1px solid #FFACAD;background: #FFD5D5 url(alert000.png) 10px 50% no-repeat;} span.download {color: #1C6B8B;border: 1px solid #6ABCE2;background: #A8CDE3 url(download.png) 10px 50% no-repeat;} span.approved {color: #666;border: 1px solid #a8a8a8;background: #ccc url(approved.png) 10px 50% no-repeat;} span.media {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(media000.png) 10px 50% no-repeat;} span.note {color: #B79000;border: 1px solid #E7BD72;background: #FFF3A3 url(note0000.png) 10px 50% no-repeat;} span.cart {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(cart0000.png) 10px 50% no-repeat;} span.camera {color: #666;border: 1px solid #C5C5C5;background: #E6E6E6 url(camera00.png) 10px 50% no-repeat;} span.doc {color: #C76E34;border: 1px solid #FFBB65;background: #FFE0B6 url(doc00000.png) 10px 50% no-repeat;} div.number-block1, div.number-block2, div.number-block3 {padding-left: 50px;} div.number-block1 {background: url(number-1.png) 0 0 no-repeat;} div.number-block2 {background: url(number-2.png) 0 0 no-repeat;} div.number-block3 {background: url(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;} .body-light ul.special-1 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-2 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-3 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-4 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-5 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-6 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-7 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-8 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-9 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-10 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-11 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-12 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-13 li {background: url(special-.png) 0 1px no-repeat;} .body-light ul.special-14 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-1 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-2 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-3 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-4 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-5 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-6 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-7 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-8 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-9 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-10 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-11 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-12 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-13 li {background: url(special0.png) 0 1px no-repeat;} .body-dark ul.special-14 li {background: url(special0.png) 0 1px no-repeat;} /*** menu-fusion.css ***/ /* Global */ .menutop li {height: auto;margin: 0;padding: 0;position: relative;list-style: none;} .menutop li.root {margin: 0 3px;padding: 6px 0;} .menutop em {font-size:80%;font-weight:normal;display:block;font-style:normal;} .menutop li .item, .menutop li.active .item {display: block;margin: 0;text-decoration: none;float: none;width: auto;} .menutop li .fusion-submenu-wrapper {float: none;left: -999em;position: absolute;z-index: 500;} .menutop li:hover li ul, .menutop li.sfHover li ul {top: -999em;} .menutop li:hover ul, .menutop li.sfHover ul {top: 0;} /* Dropdowns */ .menutop .subtext span {line-height: 18px;} .menutop .subtext em {line-height:13px;} .menutop ul {width:194px;padding:0 0 14px 12px;margin: 0;} .menutop .drop-top {width: 206px;height: 14px;} .menutop ul.columns2 {width:370px;} .menutop .columns2 .drop-top {width:382px;} .menutop ul li {width:184px;} .menutop ul.columns2 li {width:179px;float:left;} .menutop li > .item {padding: 0;height: auto;line-height: 31px;display: block;font-size: 12px;} .menutop li > .bullet {padding: 3px 10px 5px 28px;} .menutop li > .item.image {padding:3px 0 5px 4px;} .menutop li > .item img {float:left;margin: 6px 5px 0 6px;} .menutop li > .item span {display:block;padding: 0;width: 100%;} .menutop li a.item {cursor:pointer;} .menutop li span.item {cursor:default;outline:none;} .level2 .drop-top {display: none;} /* Root Items */ #horiz-menu ul.level1, #horiz-menu li.root {background:none;} body #horiz-menu li.root > .item {background: none;} .menutop {list-style: none;margin: 0;padding: 0;position: relative;line-height: 1.0;float: left;} .menutop li.root {display: block;float: left;} .menutop li.root > .item {white-space: nowrap;display: block;float: left;height: 35px;line-height: 35px;font-weight: bold;font-size: 14px;text-decoration: none !important;z-index: 100;cursor: pointer;padding: 0;position:relative;margin: 0 0 0 12px;} .menutop li.root > .item span {display: block;padding: 0 13px;margin-left: -12px;height: 35px;} .menutop li.root > .item em {font-size:11px;font-weight:normal;display:block;font-style:normal;} .menutop li.root .daddy {padding-right:10px;} /* No JS */ .menutop li:hover > .fusion-submenu-wrapper {left:170px;top:0;} .menutop li.root:hover > .fusion-submenu-wrapper {top:47px;left:0;} /* Fusion Pill */ .fusion-pill-l {height: 35px;margin:0 0 0 12px;top:6px;width:50px;position:absolute;left:0;} .fusion-pill-r {margin-left: -12px;height: 35px;} /* Fusion JS */ .fusion-js-container {display:block;height:0;left:0;overflow:visible;position:absolute;top:0;z-index:600000!important;background:transparent !important;} .fusion-js-subs {display:none;margin:0 0 0 -2px;overflow:hidden;padding:0 2px;position:absolute;} /*** rokbox-style.css ***/ /* CSS Guideline to style rokbox */ /* When adding your own theme,make sure to replace "custom" with your theme name */ /* use lowercase characters and no space. For example,we name our theme "mytheme" */ /* we replace every "rokbox-light" with "rokbox-mytheme" */ /* Wrapper,the very outside container of rokbox */ #rokbox-wrapper.rokbox-light{} #rokbox-wrapper .clr {clear:both;} #rokbox-close{height:30px;width:20px;display:block;background:url(close000.png) 0 0 no-repeat;clear:both;} #rokbox-close span{display:none;} /* Table for border look and feel */ #rokbox-top.rokbox-left{background:url(tl000000.png) 0 0 no-repeat;clear:both;} #rokbox-top .rokbox-right{background:url(tr000000.png) 100% 0 no-repeat;} #rokbox-top .rokbox-center{background:url(top00000.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;} #rokbox-middle {overflow: hidden;} #rokbox-middle.rokbox-left{background:url(left0000.png) 0 0 repeat-y;clear:both;} #rokbox-middle .rokbox-right{background:url(right000.png) 100% 0 repeat-y;} #rokbox-middle .rokbox-center{background:#fff;margin-left:20px;margin-right:20px;} #rokbox-bottom.rokbox-left{background:url(bl000000.png) 0 0 no-repeat;} #rokbox-bottom .rokbox-right{background:url(br000000.png) 100% 0 no-repeat;} #rokbox-bottom .rokbox-center{background:url(bottom00.png) 0 0 repeat-x;height:20px;margin-left:20px;margin-right:20px;} /* Object/Image container */ #rokbox-container{} /* Spinner class that gets added when loading content and removed when loaded */ #rokbox-container.spinner{background:url(ajax-loa.gif) 50% 50% no-repeat;} /* Warning class that gets added when erroring */ #rokbox-container.warning{background:url(warning0.png) 50% 50% no-repeat;} #rokbox-container.warning h1 {position: absolute;text-align: center;margin-left: -20px;} /* Arrows wrapper (for previous and next when visible) */ #rokbox-arrows{margin-top:15px;position:absolute;right:0;width:70px;height:20px;} #rokbox-arrows a{float:left;display:block;width:20px;height:20px;margin-right:5px;} /* Previous arrow and its text span */ #rokbox-arrows #rokbox-previous{background:url(prev0000.png) 0 0 no-repeat} #rokbox-arrows #rokbox-previous span{display:none;} /* text wrapper,useful to set as display none when using images */ /* Next arrow and its text span */ #rokbox-arrows #rokbox-next{background:url(next0000.png) 0 0 no-repeat} #rokbox-arrows #rokbox-next span{display:none;} /* text wrapper,useful to set as display none when using images */ #rokbox-arrows #rokbox-previous.inactive, #rokbox-arrows #rokbox-next.inactive{background-position:0 -20px;} /* Captions wrapper and titles and descriptions */ #rokbox-caption{padding-top:25px;font-family:Helvetica,Arial,sans-serif;} #rokbox-caption h2{/* titles */ margin:0 0 10px 0;padding:0;color:#333;font-size:18px;font-weight:bold;} #rokbox-caption p{/* description */ margin:0;color:#999;font-size:12px;} /*** modal.css ***/ .body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; } #sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; } #sbox-overlay { position: absolute; background-color: #000; } #sbox-window { position: absolute; background-color: #000; text-align: left; overflow: visible; padding: 10px; -moz-border-radius: 3px; } * html #sbox-window { top: 50% !important; left: 50% !important; } #sbox-btn-close { position: absolute; width: 30px; height: 30px; right: -15px; top: -15px; background: url(closebox.png) no-repeat top left; border: none; } .sbox-loading #sbox-content { background-image: url(spinner1.gif); background-repeat: no-repeat; background-position: center; } #sbox-content { clear: both; overflow: auto; background-color: #fff; height: 100%; width: 100%; } .sbox-content-image#sbox-content { overflow: visible; } #sbox-image { display: block; } .sbox-content-image img { display: block; } .sbox-content-iframe#sbox-content { overflow: visible; } div.wrapper { margin: 0 auto; width: 982px;padding:0;} body { min-width:982px;} #inset-block-left { width:0px;padding:0;} #inset-block-right { width:0px;padding:0;} #maincontent-block { margin-right:0px;margin-left:0px;} .s-c-s .colmid { left:0px;} .s-c-s .colright { margin-left:-280px;} .s-c-s .col1pad { margin-left:280px;} .s-c-s .col2 { left:280px;width:0px;} .s-c-s .col3 { width:280px;} .s-c-x .colright { left:0px;} .s-c-x .col1wrap { right:0px;} .s-c-x .col1 { margin-left:0px;} .s-c-x .col2 { right:0px;width:0px;} .x-c-s .colright { margin-left:-280px;} .x-c-s .col1 { margin-left:280px;} .x-c-s .col3 { left:280px;width:280px;} .unselectable { -moz-user-select: none; -khtml-user-select: none; user-select: none; } .navi-bar { font-size: 16px; display: block; float: left; margin-right: 12px; /* font-weight: bold; */ color: #000; } .navi-bar a { color: #CC3300; } .mybutton a { color: #CC3300; padding-top: 0; } .header-color { color: #fef8e5; /* f9f8f1 */ } .logo-module h1 { /* color: #ff0000; */ text-shadow: -1px -1px 0 #000; } .my-image-border { border: 1px solid #e9e9b7; } #correction1 a { font-weight: normal; } .correction2 { padding: 0; margin: 0; } .leading ul { padding-left: 18px; } .leading li { padding-bottom: 8px; }