?
Path : /home/admin/public_html/old/templates/jsn_escape_free/css/ |
Current File : /home/admin/public_html/old/templates/jsn_escape_free/css/template.css |
/** * @author JoomlaShine.com http://www.joomlashine.com * @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved. * @license JoomlaShine.com Proprietary License */ /* ============================== DEFAULT HTML ============================== */ /* =============== DEFAULT HTML - GENERAL STYLES =============== */ html, body { line-height: 1.5; margin: 0; padding: 0; } body { font-size: 80%; } /* =============== DEFAULT HTML - TEXT STYLES =============== */ p, pre, blockquote, form, dl, ul, ol, fieldset, address, table { padding: 0; margin: 10px 0; } p:first-child, blockquote:first-child, form:first-child, dl:first-child, ul:first-child, ol:first-child, fieldset:first-child, address:first-child, table:first-child { margin-top: 5px; } p:last-child, blockquote:last-child, form:last-child, dl:last-child, ul:last-child, ol:last-child, fieldset:last-child, address:last-child, table:last-child { margin-bottom: 5px; } fieldset { padding: 0; border: 0 none; margin: 0; } small { font-size: .85em; } sup { bottom: 0.3em; font-size: .8em; position: relative; vertical-align: baseline; } sup em { color: red; } acronym, abbr { cursor: help; letter-spacing: 1px; border-bottom: 1px dashed; } pre { padding: 1em; background: #666; color: #DDD; border: none; border-left: 5px solid #000; font-family: "Courier New",Courier,monospace; } blockquote { color: #404040; border: none; min-height: 45px; font-style: italic; padding: 2px 0 5px 65px; font-size: 1.2em; font-family: Georgia, "Times New Roman", Times, serif; background: url(../images/icons/icon-text-blockquote.png) 0 10px no-repeat; } blockquote p { font-size: 1em; line-height: inherit; } q { quotes: '«' '»'; } /* =============== DEFAULT HTML - HEADING STYLES =============== */ h1 { font-size: 1.6em; } h2 { color: #319aad; font-size: 1.4em; line-height: inherit; } h3 { color: #cc0000; font-size: 1.2em; } h4 { color: #D59500; font-size: 1.2em; } h5, h6 { font-size: 1.1em; font-weight: bold; } h5 { color: #5A8406; } h6 { color: #663300; } h1, h2, h3, h4, h5, h6 { margin: 0.5em 0; font-weight: normal; line-height: inherit; } /* =============== DEFAULT HTML - LINK STYLES =============== */ a { outline: none; text-decoration: none; } a:hover, a:active { text-decoration: none; } a img { border: none; } /* =============== DEFAULT HTML - LIST STYLES =============== */ ul li { padding: 0; list-style: none; } ol li { padding: 0; margin: 0.3em 0 0.3em 2em; } /* ============================== LAYOUT ============================== */ /* =============== LAYOUT - GENERAL LAYOUT =============== */ .clearafter:after { height: 0; line-height: 0; clear: both; display: block; content: "."; display: block; visibility: hidden; } html[xmlns].clearafter { display: block; } * html .clearafter { height: 1%; } .clearbreak { clear: both; } div.jsn-modulecontainer { margin-top: 20px; } div.jsn-modulecontainer:first-child, div.jsn-horizontallayout div.jsn-modulecontainer { margin-top: 0; } div.jsn-modulescontainer { padding: 5px 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } div.jsn-modulescontainer div.jsn-modulecontainer_inner { margin: 10px; } div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer { width: 23.404255319148934%; margin-left: 2.127659574468085%; } div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer:first-child { margin-left: 0; } div.jsn-modulescontainer5.jsn-horizontallayout div.jsn-modulecontainer:last-child { margin-left: 0; margin-top: 2.127659574468085%; clear: left; } /* =============== LAYOUT - OVERALL PAGE =============== */ #jsn-page { color: #333; overflow: hidden !important; } #jsn-top-inner, #jsn-promo-inner, #jsn-body, #jsn-footer-inner { margin: 0 auto; width: 960px; } body.jsn-desktop-on-mobile #jsn-top-inner, body.jsn-desktop-on-mobile #jsn-promo-inner, body.jsn-desktop-on-mobile #jsn-body, body.jsn-desktop-on-mobile #jsn-footer-inner { width: auto; margin: 0 10px; } #jsn-maincontent, #jsn-rightsidecontent, #jsn-leftsidecontent, #jsn-centercol, #jsn-pos-innerright, #jsn-pos-innerleft { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #jsn-maincontent_inner { border: 1px solid #DDD; } /* ----- STICKLEFT / STICKRIGHT ----- */ div[id*=jsn-pos-stick-] { position: fixed; z-index: 888888; } div[id*=jsn-pos-stick-left] { left: 0; } div[id*=jsn-pos-stick-right] { right: 0; } #jsn-pos-stick-leftmiddle, #jsn-pos-stick-rightmiddle { visibility: hidden; } #jsn-pos-stick-leftbottom, #jsn-pos-stick-rightbottom { bottom: 0; } /* =============== LAYOUT - TOPBAR AREA =============== */ #jsn-topbar { background-color: #282828; padding: 5px 0; } #jsn-pos-topbar { color: #ffffff; margin: 0 auto; width: 960px; } #jsn-pos-topbar a { color: #ffffff; } #jsn-pos-topbar .jsn-modulecontainer { float: right; } /* =============== LAYOUT - LAYOUT CHANGING =============== */ /* ----- PROMO AREA ----- */ #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.order1 + #jsn-pos-promo-left.order3 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2 #jsn-pos-promo-right.order3 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2[class*="offset-"] .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order1 + #jsn-pos-promo-right.order2 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2 + #jsn-pos-promo-right.order3 .jsn-modulecontainer { margin-left: -20px; margin-right: 0; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-right.order2 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-left.order2 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo-right.order1 .jsn-modulecontainer, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo:not(.order2) + #jsn-pos-promo-left.order1 .jsn-modulecontainer { margin-right: -20px; margin-left: 0; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span1[class*="order"] > div { margin: 0 -33.3333%; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2[class*="order"] > div { margin: 0 -14.2857%; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3[class*="order"] > div { margin: 0 -9.0909%; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4[class*="order"] > div { margin: 0 -6.6667%; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5[class*="order"] > div { margin: 0 -5.2632%; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6[class*="order"] > div { margin: 0 -4.3478%; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7[class*="order"] > div { margin: 0 -3.7037%; } #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8[class*="order"] > div { margin: 0 -3.2258%; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span9 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order1 > div { margin: 0 -2.8571% 0 0; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span10 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order10 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10.order1 > div { margin: 0 -2.5641% 0 0; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span8 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order1 > div { margin: 0 -3.2258% 0 0; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span7 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order1 > div { margin: 0 -3.7037% 0 0; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span6 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order1 > div { margin: 0 -4.3478% 0 0; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span5 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5.order1 > div { margin: 0 -5.2632% 0 0; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span4 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order1 > div { margin: 0 -6.6667% 0 0; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span3 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order1 > div { margin: 0 -9.0909% 0 0; } #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span2 > div, #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order1 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order1 > div { margin: 0 -14.2857% 0 0; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span9.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order3 > div { margin: 0 0 0 -2.8571%; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span10.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10.order3 > div { margin: 0 0 0 -2.5641%; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span8.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order3 > div { margin: 0 0 0 -3.2258%; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span7.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order3 > div { margin: 0 0 0 -3.7037%; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span6.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order3 > div { margin: 0 0 0 -4.3478%; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span5.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5.order3 > div { margin: 0 0 0 -5.2632%; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span4.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order3 > div { margin: 0 0 0 -6.6667%; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span3.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order3 > div { margin: 0 0 0 -9.0909%; } #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2 > div, #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span2.order2 > div, #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order3 > div { margin: 0 0 0 -14.2857%; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span1[class*="order"] > div { margin: 0 -42.8571%; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2[class*="order"] > div { margin: 0 -17.6471%; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3[class*="order"] > div { margin: 0 -11.1111%; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4[class*="order"] > div { margin: 0 -8.1081%; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5[class*="order"] > div { margin: 0 -6.383%; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6[class*="order"] > div { margin: 0 -5.2632%; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7[class*="order"] > div { margin: 0 -4.4776%; } .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8[class*="order"] > div { margin: 0 -3.8961%; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span9 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order1 > div { margin: 0 -3.4483% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span10 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order10 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10.order1 > div { margin: 0 -3.0928% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span8 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order1 > div { margin: 0 -3.8961% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span7 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order1 > div { margin: 0 -4.4776% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span6 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order1 > div { margin: 0 -5.2632% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span5 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5.order1 > div { margin: 0 -6.383% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span4 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order1 > div { margin: 0 -8.1081% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span3 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order1 > div { margin: 0 -11.1111% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span2 > div, .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order1 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order1 > div { margin: 0 -17.6471% 0 0; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span9.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span9.order3 > div { margin: 0 0 0 -3.4483%; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span10.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span10.order3 > div { margin: 0 0 0 -3.0928%; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span8.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span8.order3 > div { margin: 0 0 0 -3.8961%; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span7.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span7.order3 > div { margin: 0 0 0 -4.4776%; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span6.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span6.order3 > div { margin: 0 0 0 -5.2632%; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span5.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span5.order3 > div { margin: 0 0 0 -6.383%; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span4.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span4.order3 > div { margin: 0 0 0 -8.1081%; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span3.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span3.order3 > div { margin: 0 0 0 -11.1111%; } .jsn-responsive #jsn-promo.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.row-fluid #jsn-pos-promo.span2.order2 > div, .jsn-responsive #jsn-promo.jsn-haspromoright.jsn-haspromoleft.row-fluid #jsn-pos-promo.span2.order3 > div { margin: 0 0 0 -17.6471%; } /* ----- Maincontent Area ----- */ #jsn-content.jsn-hasleft.jsn-hasright #jsn-content_inner2.jsn-flip #jsn-leftsidecontent.order2 > div, #jsn-content.jsn-hasleft.jsn-hasright #jsn-content_inner2.jsn-flip #jsn-rightsidecontent.order2 > div { margin-left: -30px; } #jsn-content.jsn-hasright.jsn-hasleft #jsn-content_inner.jsn-flip #jsn-rightsidecontent.order2 > div, #jsn-content.jsn-hasright.jsn-hasleft #jsn-content_inner.jsn-flip #jsn-leftsidecontent.order2 > div { margin-right: -30px; } #jsn-content.jsn-hasleft.jsn-hasright #jsn-content_inner.jsn-flip #jsn-content_inner2 { background: none; } #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order2 #jsn-maincontent_inner { margin-left: -10px; margin-right: -10px; } #jsn-content.jsn-hasright #jsn-maincontent_inner, #jsn-content.jsn-hasleft #jsn-maincontent.order1 #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order1 #jsn-maincontent_inner { margin-right: -10px; margin-left: 0; } #jsn-content.jsn-hasleft #jsn-maincontent:not(.order1) #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order3 #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order3 #jsn-maincontent_inner { margin-left: -10px; margin-right: 0; } #jsn-maincontent.span12[class*="order"], #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order2 { padding: 0; } /* =============== LAYOUT - HEADER AREA =============== */ #jsn-header { margin-bottom: 30px; } #jsn-top { background: #000; padding: 1px 0 0; } #jsn-top-inner { text-align: center; padding: 10px 0 0; min-height: 30px; } #jsn-pos-top { display: inline-block; } #jsn-logo { position: absolute; left: 0; z-index: 1000; padding: 0; } #jsn-logo a { display: block; } #jsn-logo #jsn-logo-mobile { display: none; } #jsn-logo .jsn-topheading { display: none; } #jsn-pos-top form { margin: 0; } #jsn-pos-top div.jsn-modulecontainer { float: left; margin: 0 0 0 20px; } #jsn-pos-top div.jsn-modulecontainer:first-child { margin-left: 0; } #jsn-promo { color: #EEE; border-bottom: 1px solid #000; } /* =============== LAYOUT - MENU AREA =============== */ #jsn-menu { z-index: 900; color: #f2f2f2; min-height: 50px; position: relative; border-bottom: 1px solid #000; background: url(../images/mainnav-bg.png); font-size: 11px; } #jsn-menu.jsn-menu-sticky #jsn-logo { display: none; } #jsn-menu-inner { text-align: center; } #jsn-pos-mainmenu { margin: 0 auto; } #jsn-pos-toolbar { position: absolute; z-index: 1000; right: 0; top: 0; padding: 5px 0; text-align: left; } #jsn-pos-toolbar div.jsn-modulecontainer { float: right; margin: 0 10px; } #jsn-pos-toolbar div.jsn-modulecontainer h3.jsn-moduletitle { text-align: left; } /* =============== MENU SUFFIX =============== */ #jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer { float: left; margin-left: 10px; } #jsn-pos-toolbar form { margin: 0; } /* =============== LAYOUT - CONTENT TOP SUB AREA =============== */ #jsn-content-top-sub { margin-bottom: 10px; } /* =============== LAYOUT - CONTENT TOP AREA =============== */ #jsn-content-top { z-index: 88; position: relative; } #jsn-content-top #jsn-promo, #jsn-promo #jsn-pos-promo, #jsn-promo #jsn-pos-promo-left, #jsn-promo #jsn-pos-promo-right { position: relative; } #jsn-pos-promo div.jsn-modulecontainer { padding: 15px 0; } #jsn-pos-promo-left div.jsn-modulecontainer, #jsn-pos-promo-right div.jsn-modulecontainer { padding: 15px; } #jsn-pos-promo-left.order1 div.jsn-modulecontainer, #jsn-pos-promo-right.order1 div.jsn-modulecontainer { padding-left: 0; } #jsn-pos-promo-right.order3 div.jsn-modulecontainer, #jsn-pos-promo-left.order3 div.jsn-modulecontainer { padding-right: 0; } /* =============== LAYOUT - CONTENT AREA =============== */ #jsn-content, #jsn-content_inner, #jsn-content_inner1, #jsn-maincontent, #jsn-centercol, #jsn-pos-innerleft, #jsn-pos-innerright, #jsn-leftsidecontent, #jsn-rightsidecontent { position: relative; } #jsn-content { margin-top: 15px; } #jsn-maincontent_inner { padding: 15px; background-color: #FFF; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #jsn-mainbody { padding-bottom: 10px; } #jsn-leftsidecontent, #jsn-rightsidecontent { z-index: 87; } #jsn-leftsidecontent_inner { padding: 0 10px 10px 0; } #jsn-content.jsn-hasinnerleft.jsn-hasinnerright #jsn-centercol_inner { padding: 0; margin-left: -20px; margin-right: -20px; } #jsn-content.jsn-hasinnerleft #jsn-centercol_inner { margin-left: -20px; } #jsn-content.jsn-hasinnerright #jsn-centercol_inner { margin-right: -20px; } #jsn-pos-innerleft_inner { padding: 0 15px 0 0; } #jsn-pos-innerright_inner { padding: 0 0 0 15px; } #jsn-centercol_inner { padding: 0; } #jsn-pos-breadcrumbs { padding: 0 0 10px; background: url(../images/dot.png) left bottom repeat-x; } #jsn-pos-user-top { padding-bottom: 15px; } #jsn-pos-breadcrumbs, #jsn-pos-user-top, #jsn-usermodules1, #jsn-pos-mainbody-top { background: url(../images/dot.png) left bottom repeat-x; } #jsn-pos-user-bottom, #jsn-pos-banner, #jsn-usermodules2, #jsn-pos-mainbody-bottom { background: url(../images/dot.png) left top repeat-x; } #jsn-usermodules1_inner_grid2, #jsn-usermodules2_inner_grid2 { width: 100%; } #jsn-usermodules2 { margin-top: 20px; } #jsn-usermodules3 { margin-top: 20px; } #jsn-pos-banner { margin: 0 auto; padding: 20px; text-align: center; } #jsn-usermodules3 div.jsn-modulescontainer div.jsn-modulecontainer_inner { margin-right: 0; margin-left: 0; } /* =============== LAYOUT - CONTENT BOTTOM AREA =============== */ #jsn-content-bottom { z-index: 85; position: relative; } /* =============== LAYOUT - FOOTER AREA =============== */ #jsn-footer { margin-top: 30px; border-top: 1px solid #333; } #jsn-footer-inner1 { color: #DDD; } #jsn-footer-inner { padding: 15px 0 30px; } #jsn-footermodules { text-align: center; font-size: 0.9em; } #jsn-brand { padding-top: 10px; text-align: center; } #jsn-brand span { margin: 0 auto; padding: 3px 8px; color: #EEE; background-color: #222; border: 1px solid #444; display: inline-block; margin-bottom: 5px; } #jsn-brand a:hover { color: #fff; text-decoration: none; } /* ============================== TYPOGRAPHY ============================== */ /* =============== TYPOGRAPHY - GENERAL TYPOGRAPHY =============== */ .hd { display: none; } /* ----- PREDEFINED CONTENT ALIGN ----- */ .align-left { float: left; } .align-center { margin-left: auto; margin-right: auto; } .align-right { float: right; } .margin-left { margin-left: 1em; margin-right: 0; } .margin-right { margin-left: 0; margin-right: 1em; } .content-left { text-align: left; } .content-center { text-align: center; } .content-right { text-align: right; } /* =============== TYPOGRAPHY - CONTENT COLUMMNS =============== */ div.grid-layout2 div.grid-col { float: left; width: 49.95%; } div.grid-layout3 div.grid-col { float: left; width: 33.3%; } div.grid-layout4 div.grid-col { float: left; width: 24.96%; } div.grid-layout5 div.grid-col { float: left; width: 19.98%; } div.grid-layout6 div.grid-col { float: left; width: 16.65%; } div.grid-layout div.grid-col div.grid-col_inner { margin-right: 10px; } div.grid-layout div.grid-lastcol div.grid-col_inner { margin-right: 0; } /* =============== TYPOGRAPHY - TEXT STYLES =============== */ .text-box { padding: .8em; border: 1px solid #e5e5e5; } .text-box-highlight { padding: .8em; border: 1px solid transparent; } .text-box-highlight:hover { border-color: #d9d9d9; background-color: #f2f2f2; } .text-highlight { padding: 0.1em .5em 0.2em; background: #FFFFAA; } .text-highlight.highlight-green { background: #c8d793; } .text-highlight.highlight-red { background: #ecacb9; } .text-highlight.highlight-blue { background: #afdcec; } .text-highlight.highlight-light { color: #000; background: #E5E5E5; border: 1px solid #CCC; } .text-highlight.highlight-dark { color: #fff; background: #595959; border: 1px solid #444; } .text-dropcap p:first-child:first-letter, p.text-dropcap:first-child:first-letter { color: #404040; font: 4em/.8em "Times New Roman", Times, serif; float: left; } .text-size-small { font-size: 0.9em; } .text-size-medium { font-size: 1em; } .text-size-large { font-size: 1.1em; } .text-size-xlarge { font-size: 1.2em; } .text-size-xxlarge { font-size: 1.3em; } hr.line-dots { border: none; padding: 0.5em 0; background: url(../images/dot.png) left center repeat-x; } hr.line-solid {} /* ----- ACTION LINK ----- */ .link-action, #jsn-promo div[class*="box"] .link-action, #jsn-footer div[class*="box"] .link-action { padding: 0 5px 2px; text-decoration: none; line-height: 20px; background: #EEE; border: 1px solid #D2D2D2; } div[class*="richbox-"] .link-action, #jsn-promo div[class*="richbox-"] .link-action, #jsn-footer div[class*="richbox-"] .link-action { border-color: #AAA; } .link-action:hover, div[class*="richbox-"] .link-action:hover, #jsn-promo div[class*="box"] .link-action:hover, #jsn-footer div[class*="box"] .link-action:hover { color: #FFF; text-decoration: none; } /* ----- HIGHLIGHT LINK ----- */ .link-highlight { color: #595959; font-weight: bold; display: block; padding: 5px; border: 1px solid transparent; } .link-highlight:hover { color: #000; border-color: #d9d9d9; text-decoration: none; background-color: #f2f2f2; } /* ----- TOOLTIPS LINK ----- */ a.link-tooltip { position: relative; } a.link-tooltip:hover { z-index: 25; } a.link-tooltip span { display: none; position: absolute; top: 10px; left: 10px; } a.link-tooltip:hover span { display: block; } /* =============== TYPOGRAPHY - LIST STYLES =============== */ /* ----- ARROW LIST ----- */ ul.list-arrow { list-style: none; } ul.list-arrow li { margin-left: 0; padding-left: 16px; position: relative; display: block; } ul.list-arrow li:after { content: ''; height: 0; position: absolute; width: 0; border: 0.34em solid transparent; left: 5px; top: 4px; } ul.list-arrow.arrow-red li:after { border-left-color: #AE0000; } ul.list-arrow.arrow-blue li:after { border-left-color:#0060BF; } ul.list-arrow.arrow-green li:after { border-left-color: #3AA655; } /* =============== TYPOGRAPHY - IMAGES STYLES =============== */ img.image-left { float: left; margin: 0.5em 1em 0.5em 0; } img.image-right { float: right; margin: 0.5em 0.5em 0.5em 1em; } img.image-border { padding: 3px; border: 1px solid #FFF; background-color: #DDD; } img.image-margin { margin: .5em; } /* ============================== MENU ============================== */ /* =============== MENU - GENERAL =============== */ /* ----- RICH MENU STYLE ----- */ .jsn-menutitle, .jsn-menudescription { display: block; } .jsn-menutitle { text-transform: uppercase; } .jsn-menudescription { color: #999; font-size: 0.9em; font-weight: normal; } /* =============== MENU - MAIN MENU =============== */ /* ----- GENERAL ----- */ div.jsn-modulecontainer ul.menu-mainmenu { margin-left: 80px; padding: 0; clear: both; display: inline-block; } div.jsn-modulecontainer ul.menu-mainmenu li { margin: 0; padding: 0; float: left; position: relative; list-style-type: none; } div.jsn-modulecontainer ul.menu-mainmenu li a { color: #222; display: block; cursor: pointer; padding: 8px 0; } div.jsn-modulecontainer ul.menu-mainmenu > li > a { padding: 20px 30px; line-height: 20px; color: #DDD; } div.jsn-modulecontainer ul.menu-mainmenu > li > a span.jsn-menutitle { font-size: 1.5em; } div.jsn-modulecontainer ul.menu-mainmenu > li > a span.jsn-menudescription { color: #CCC; } div.jsn-modulecontainer ul.menu-mainmenu li > a > span { display: block; } /* ----- RICH MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-mainmenu li a span.jsn-menudescription { display: none; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu li a span.jsn-menudescription { display: block; line-height: 16px !important; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription { padding: 15px 25px 35px; min-height: 20px; text-transform: uppercase; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription > span { line-height: 20px; height: 20px; } /* ----- 1st LEVEL ----- */ div.jsn-modulecontainer ul.menu-mainmenu ul { margin: 0; padding: 0; width: 200px; position: absolute; left: -999em; display: none; border-left: 1px dotted #D5D5D5; padding: 10px 0; background-color: #FFF; text-align: left; } div.jsn-modulecontainer ul.menu-mainmenu > li > ul { border-left: none; left: 50%; } div.jsn-modulecontainer ul.menu-mainmenu ul li { width: 200px; } div.jsn-modulecontainer ul.menu-mainmenu ul ul { top: 0; margin-left: 199px; } div.jsn-modulecontainer ul.menu-mainmenu ul ul { top: 0; margin-top: -10px; } div.jsn-modulecontainer ul.menu-mainmenu ul li a { border-bottom: 1px dotted #CCC; color: #333; margin: 0 10px; } div.jsn-modulecontainer ul.menu-mainmenu ul li a span.jsn-menutitle { text-transform: none; } div.jsn-modulecontainer ul.menu-mainmenu ul li:last-child > a { border-bottom: none; } /* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */ div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a { background: url(../images/icons/icon-arrow-black.png) right center no-repeat; } /* ----- HOVER STATE ----- */ div.jsn-modulecontainer ul.menu-mainmenu li:hover > a { text-decoration: none; } div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a { color: #FFF; } div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a { padding-left: 10px; background-color: #EEE; } div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a span.jsn-menutitle, div.jsn-modulecontainer ul.menu-mainmenu > li.active > a span.jsn-menutitle, div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a span.jsn-menudescription, div.jsn-modulecontainer ul.menu-mainmenu > li.active > a span.jsn-menudescription { color: #FFF; } /* ----- ACTIVE STATE ----- */ div.jsn-modulecontainer ul.menu-mainmenu li.active > a, div.jsn-modulecontainer ul.menu-mainmenu li.active > a span.jsn-menudescription { color: #FFF; } div.jsn-modulecontainer ul.menu-mainmenu ul li.active > a span.jsn-menutitle { font-weight: bold; } /* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */ div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul { display: block; left: auto; right: auto; } /* =============== MENU - TREE MENU =============== */ /* ----- GENERAL ----- */ div.jsn-modulecontainer ul.menu-treemenu, div.jsn-modulecontainer ul.menu-treemenu ul { margin: 0; padding: 0; list-style: none; } div.jsn-modulecontainer ul.menu-treemenu li { margin: 0; padding: 0; position: relative; } div[class*="box"] ul.menu-treemenu > li, div[class*="solid-"] ul.menu-treemenu > li { border-bottom: 1px dotted #b3b3b3; } div.solid-1 ul.menu-treemenu > li { border-bottom-color: #444; } div.solid-2 ul.menu-treemenu > li { border-bottom-color: #666; } div.jsn-modulecontainer ul.menu-treemenu li a { padding: 6px 10px; display: block; color: #404040; cursor: pointer; text-decoration: none; } #jsn-header div.jsn-modulecontainer ul.menu-treemenu li a, #jsn-footer div.jsn-modulecontainer ul.menu-treemenu li a { color: #EEE; } #jsn-header div[class*="box"] ul.menu-treemenu li a, #jsn-footer div[class*="box"] ul.menu-treemenu li a { color: #404040; } div.jsn-modulecontainer ul.menu-treemenu > li > a { padding: 8px 10px 8px 0; } div[class*="box"] ul.menu-treemenu > li > a, div[class*="solid-"] ul.menu-treemenu > li > a { padding: 8px 10px; } ul.menu-treemenu li a span { display: block; } ul.menu-treemenu li > a > span { padding-left: 18px; background: url(../images/icons/bullet.png) 0 0 no-repeat; } /* ----- RICH MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-treemenu li a span.jsn-menudescription { display: none; } div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription { display: block; } div[class*="richbox-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription { color: #777; } div[class*="solid-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription { color: #AAA; } /* ---------- NORMAL STATE ---------- */ div.jsn-modulecontainer ul.menu-treemenu ul li { margin: 0; } div.jsn-modulecontainer ul.menu-treemenu ul li a { padding-left: 25px; } div.jsn-modulecontainer ul.menu-treemenu ul ul li a { padding-left: 40px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul li a { padding-left: 55px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul li a { padding-left: 70px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul ul li a { padding-left: 85px; } /* ----- ACTIVE STATE ----- */ div.jsn-modulecontainer ul.menu-treemenu li.active > a { font-weight: bold; } /* ----- CURRENT / HOVER STATE ----- */ div.jsn-modulecontainer ul.menu-treemenu li a:hover { padding-left: 10px; } div[class*="box"] ul.menu-treemenu li a:hover, div[class*="solid-"] ul.menu-treemenu li a:hover { background: #EEE; padding-left: 10px; } div.jsn-modulecontainer ul.menu-treemenu ul li a:hover { padding-left: 35px; } div.jsn-modulecontainer ul.menu-treemenu ul ul li a:hover { padding-left: 50px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul li a:hover { padding-left: 65px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul li a:hover { padding-left: 80px; } div.jsn-modulecontainer ul.menu-treemenu ul ul ul ul ul li a:hover { padding-left: 95px; } div.jsn-modulecontainer ul.menu-treemenu li a:hover span.jsn-menudescription, div.jsn-modulecontainer ul.menu-treemenu li a.current span.jsn-menudescription { color: #404040; } div[class*=box] ul.menu-treemenu, div[class*=solid-] ul.menu-treemenu { margin: 0; } div[class*=box] ul.menu-treemenu > li > a, div[class*=solid-] ul.menu-treemenu > li > a { padding: 8px 0; } div.blankbox ul.menu-treemenu li a:hover span.jsn-menudescription, div[class*=lightbox-] ul.menu-treemenu li a:hover span.jsn-menudescription, div[class*=solid-] ul.menu-treemenu li a.current span.jsn-menudescription { color: #595959; } div[class*=solid-] ul.menu-treemenu li a:hover span.jsn-menudescription { color: #EEE; } div[class*="solid-"] ul.menu-treemenu li a { color: #DDD; } div[class*="solid-"] ul.menu-treemenu li a:hover, div[class*="solid-"] ul.menu-treemenu li a.current { background-color: transparent; } div[class*="richbox-"] ul.menu-treemenu > li > a:hover, div[class*="richbox-"] ul.menu-treemenu ul > li > a:hover { color: #FFF; background-color: #B5B5B5; } /* =============== MENU - DIV MENU =============== */ ul.menu-divmenu { margin: 0; padding: 0; list-style: none; } ul.menu-divmenu:after { height: 0; clear: both; content: "."; display: block; visibility: hidden; } ul.menu-divmenu li { margin: 0; padding: 0 0.8em; display: inline-block; border-right: 1px solid #666666; } ul.menu-divmenu li.first { padding-left: 0; } ul.menu-divmenu li.last { border-right-width: 0; } /* =============== MENU - TOP MENU =============== */ ul.menu-topmenu { margin: 5px 0; padding: 0; list-style: none; } ul.menu-topmenu li { margin: 0; padding: 0 8px; display: inline-block; } ul.menu-topmenu li a { padding: 0; color: #AAA; display: block; } ul.menu-topmenu li a:hover { color: #FFF; } ul.menu-topmenu li a span.jsn-menutitle { text-transform: none; } ul.menu-topmenu li a span { display: block; } /* ============================== MODULE STYLES ============================== */ h3.jsn-moduletitle { margin: 0; color: #000; font-size: 1.3em; padding-bottom: 10px; text-transform: uppercase; } h3.jsn-moduletitle span { display: block; line-height: 20px; } #jsn-promo h3.jsn-moduletitle, #jsn-footer h3.jsn-moduletitle { color: #FFF; } #jsn-promo .blankbox h3.jsn-moduletitle, #jsn-footer .blankbox h3.jsn-moduletitle { color: #000; } /* =============== MODULE STYLES - MODULE BOXES =============== */ /* ----- GENERAL MODULE STYLES ----- */ div[class*="box"] div.jsn-modulecontent { padding: 10px 15px; } div[class*="box"] h3.jsn-moduletitle { padding: 15px; } div[class*="box"] div.jsn-modulecontent { color: #333; } div[class*="solid-"] div.jsn-modulecontent { padding: 0 15px 10px; } div[class*="solid-"] h3.jsn-moduletitle { padding: 15px 15px 10px; } div[class*="solid-"] a { color: #FFF; text-decoration: underline; } #jsn-promo a.link-action, #jsn-footer a.link-action, div[class*="solid-"] a.link-action { border-color: #777; color: #FFF; background: #000; text-decoration: none; } #jsn-promo a.link-action:hover, #jsn-footer a.link-action:hover, div[class*="solid-"] a.link-action:hover { color: #555; background-color: #E0E0E0; border-color: #FFF; } div.jsn-modulecontainer_inner { position: relative; } div.jsn-modulecontainer .jsn-module-badge { display: none; width: 42px; height: 42px; position: absolute; top: 0; right: 0; z-index: 50; } div[class*="badge-"] .jsn-module-badge { display: inline-block; } #jsn-pos-user1 div.jsn-modulecontainer div.jsn-modulecontainer_inner, #jsn-pos-user3 div.jsn-modulecontainer div.jsn-modulecontainer_inner, #jsn-usermodules3-inner.jsn-modulescontainer2 div[id*="jsn-pos-user"]:first-child div.jsn-modulecontainer_inner, #jsn-usermodules3-inner.jsn-modulescontainer3 div[id*="jsn-pos-user"]:first-child div.jsn-modulecontainer_inner { margin-left: 0; } #jsn-pos-user2 div.jsn-modulecontainer div.jsn-modulecontainer_inner, #jsn-pos-user4 div.jsn-modulecontainer div.jsn-modulecontainer_inner, #jsn-usermodules3-inner.jsn-modulescontainer2 div[id*="jsn-pos-user"]:last-child div.jsn-modulecontainer_inner, #jsn-usermodules3-inner.jsn-modulescontainer3 div[id*="jsn-pos-user"]:last-child div.jsn-modulecontainer_inner { margin-right: 0; } /* ----- BADGES STYLE ----- */ div.badge-hot .jsn-module-badge { background: url(../images/module-styles/hot-badge.png) left top no-repeat; } div.badge-new .jsn-module-badge { background: url(../images/module-styles/new-badge.png) left top no-repeat; } div.badge-cool .jsn-module-badge { background: url(../images/module-styles/cool-badge.png) left top no-repeat; } /* ----- BLANKBOX STYLE ----- */ div.blankbox div.jsn-modulecontent { border-top: none; padding: 10px 15px; } /* ----- SOLIDBOX STYLE ----- */ div[class*="solid-"] div.jsn-modulecontainer_inner { background-color: #555; } div[class*="solid-"] div.jsn-modulecontent { color: #EEE; } /* ----- RICHBOX STYLE ----- */ div[class*="richbox-"] h3.jsn-moduletitle { border-bottom: 1px solid #555; background-color: #555; } /* ----- LIGHTBOX STYLE ----- */ div[class*="lightbox-"] div.jsn-modulecontainer_inner { background-color: #FEFEFE; } div[class*="lightbox-"] h3.jsn-moduletitle { background-color: #555; } /* ----- CUSTOM BOX STYLE IN SPECIFIC POSITION ----- */ div[class*="lightbox-"] h3.jsn-moduletitle, div[class*="richbox-"] h3.jsn-moduletitle, div[class*="solid-"] h3.jsn-moduletitle, #jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle { color: #FFF; } div.lightbox-3 h3.jsn-moduletitle { color: #444; border: 1px solid #d2dbe1; } div.solid-3 h3.jsn-moduletitle, div.solid-3 div.jsn-modulecontent { color: #444; } #jsn-content-top .jsn-horizontallayout div.jsn-modulecontainer .jsn-modulecontainer_inner { margin: 10px 0; } /* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */ /* =============== PAGEBREAK - TABS STYLE =============== */ dl.tabs { float: left; margin-bottom: -1px; } dl.tabs dt.tabs { float: left; margin-left: 3px; padding: 4px 10px; background-color: #F0F0F0; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; } dl.tabs dt:hover { background-color: #F9F9F9; } dl.tabs dt.open { background-color: #FFF; border-bottom: 1px solid #FFF; } dl.tabs dt.tabs h3 { margin: 0; font-size: 1.1em; } dl.tabs dt.tabs h3 a { color: #666; font-weight: normal; } dl.tabs dt.open h3 a, dl.tabs dt.tabs h3 a:hover { color: #000; text-decoration: none; } dl.tabs dt.open h3 a { font-weight: bold; } div.current dd.tabs { margin: 0; padding: 10px; clear: both; border: 1px solid #CCC; background-color: #FFF; } /* =============== PAGEBREAK - SLIDERS STYLE =============== */ div.panel { border: 1px solid #CCC; margin-bottom: 10px; } div.panel h3.title { margin: 0; cursor: pointer; font-size: 1.1em; padding: 8px 10px; border-bottom: 1px solid #CCC; } div.panel h3.title:hover, div.panel h3.pane-toggler-down { background-color: #F0F0F0; } div.panel h3.title a { color: #666; } div.panel h3.title a:hover { text-decoration: none; } div.panel h3.pane-toggler-down { border-bottom: none; } div.panel h3.pane-toggler-down a { color: #000; } div.panel div.content > div, div.panel div.content > p { margin: 15px; } /* =============== JOOMLA! EXTENSIONS - GENERAL =============== */ /* ----- HEADING ----- */ .contentheading, .componentheading, .subheading { margin-top: 0; font-size: 1.6em; } table.contentpaneopen { width: 100%; } /* ----- FORM ----- */ .jsn-formbuttons { text-align: center; padding-top: .45em; } table.paramlist td { padding: .3em; } table.paramlist td.paramlist_key { width: 150px; } .inputbox { border: 1px solid #d0d0d0; background-color: #fafafa; padding: 6px 5px; outline: none; } .inputbox:active, .inputbox:focus { border-color: #b5b5b5; background-color: #f2f2f2; } select.inputbox { padding: 2px; } #jsn-page .button { display: inline-block; *display: inline; padding: 5px 10px; margin: 0; font-size: 13px; line-height: 18px; *line-height: 20px; color: #eee; text-align: center; vertical-align: middle; cursor: pointer; background-color: #666; border: 1px solid #444; } .button:hover, .button:active { background-color: #444; color: #fff; } /* ----- TOOLTIPS ----- */ .jsn-joomla-25 .tip { float: left; background: #ffc; border: 1px solid #D4D5AA; padding: 5px; max-width: 200px; z-index: 88; position: relative; } .jsn-joomla-25 .tip-title { padding: 0; margin: 0; font-size: 100%; font-weight: bold; margin-top: -15px; padding-top: 15px; padding-bottom: 5px; background: url(../../system/images/selector-arrow.png) no-repeat; } .jsn-joomla-25 .tip-text { font-size: 100%; margin: 0; } /* ----- POP-UP / PRINT WINDOWS ----- */ body.contentpane { color: #000000; background: #FFFFFF; } body.contentpane div.com-content { padding: 1em; } /* ----- MODAL ----- */ #jsn-master .modal { position: static; } /* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */ /* ----- ARTICLE METADATA ----- */ .jsn-article-metadata { margin-bottom: 15px; } .jsn-article-metadata > span { padding-right: 10px; border-right: 1px solid #ccc; margin-right: 10px; } .jsn-article-metadata > span:last-child { padding-right: 0; margin-right: 0; border: none; } .article-info { margin: 0; font-size: 0.9em; float: left; } .article-info-term { display: none; } .archive .article-info dd, .article-info dd { margin: 2px 0 0; line-height: 1.5; } /* ----- ARTICLE TOOLBAR ----- */ .jsn-article-toolbar { margin-bottom: 15px; background-color: #f4f4f4; } .jsn-article-toolbar .btn-group.pull-right { padding: 5px; } .jsn-article-toolbar dl { padding: 5px; } #article-index { float: right; margin: 0 0 1em 1em; background-color: #F2F2F2; border: 1px solid #D9D9D9; } #article-index ul { margin: 0; list-style-type: none; } #article-index ul li { margin: 0; padding: 0.25em 0.6em; } /* ----- ARTICLE INFO ----- */ .jsn-article-info { padding: 10px; } .jsn-article-info p:first-child { margin-top: 0; } .jsn-article-info p:last-child { margin-bottom: 0; } .author, .createdate, .publishdate, .hits { margin: 10px 0; color: #595959; font-size: 0.9em; } .author, .createdate, .publishdate { padding-left: 22px; background-image: url(../images/icons/icons-base.png); background-repeat: no-repeat; } .author { background-position: 0 0; } .createdate, .publishdate { background-position: 0 -86px; } .modifydate { margin: 1em 0; text-align: right; color: #999999; font-style: italic; } /* ----- ARTICLE IMAGES ----- */ .jsn-article-content img, #jsn-mainbody .item-page img { background-color: #F5F5F5; border: 1px solid #D5D5D5; padding: 6px; } .jsn-gallery img, .text-tip img { border: none !important; padding: 0 !important; background: none !important; } /* ----- ARCHIVE ARTICLE ----- */ div.archive .intro { clear: both; } /* ----- 2 BUTTON PRINT, EMAIL CONTAINER ----- */ ul.jsn-article-tools { margin: 10px; list-style: none; } ul.jsn-article-tools li { float: left; margin: 0 0 0 10px; } ul.jsn-article-tools li a { float: left; display: block; height: 16px; width: 16px; background: url(../images/icons/icons-base.png) left top no-repeat; } ul.jsn-article-tools li a.no-icon { background: none; width: auto; height: auto; } ul.jsn-article-tools li.jsn-article-icon-edit a { background: none; } ul.jsn-article-tools li a.jsn-article-print-button { background-position: 0 -430px; } ul.jsn-article-tools li a.jsn-article-email-button { background-position: 0 -516px; } ul.jsn-article-tools li a:hover { text-decoration: none; } .jsn-article-submit { margin-top: 0.8em; } .jsn-joomla-25 .item-title-entry .icon-edit, .item-title-entry .jsn-icon-edit { display: inline-block; } /* ----- SUBMIT AN ARTICLE ----- */ .field-title { width: 120px; float: left; } .formelm, .formelm-area { margin: 5px 0; clear: both; } /* ----- READ MORE ----- */ a.readon { cursor: pointer; font-size: 1.1em; padding: 5px 10px 5px 15px; display: inline-block; text-decoration: none; background: url(../images/icons/icon-arrow-black.png) left center no-repeat; } a.readon:hover { background-color: #EEE; } /* ----- TABLE OF CONTENT ----- */ table.contenttoc { margin: 0 0 1em 1em; border: 1px solid #D9D9D9; background: #f2f2f2; float: right; } table.contenttoc th { padding: .4em; background: url(../images/dot.png) bottom repeat-x; font-weight: bold; text-align: center; } table.contenttoc td { padding: .25em .6em; } /* PAGE LINK IN TOC */ a.toclink { font-size: .9em; } /* PAGE NUMBER SHOWING "PAGE 1 OF ..." UNDER TOC */ div.pagenavcounter { color: #595959; margin: .5em 0; font-size: .9em; font-weight: bold; } /* PAGE NAVIGATION */ div.pagenavbar div { color: #999999; font-weight: bold; font-size: .9em; } /* ----- SECTION / CATEGORY BLOG LAYOUT ----- */ /* SEPARATOR BETWEEN ARTICLES */ div.article_separator { height: 1em; clear: both; } div.row_separator { height: 1em; clear: both; } /* ARTICLE COLUMN CONTAINER */ .jsn-articlecols { float: left; } .jsn-articlecols .jsn-article { padding: 0 5px; } /* "MORE ARTICLES..." PANEL HEADING TEXT */ div.blog_more { padding: 10px 15px; margin: 0 0 1em 0; border: 1px solid #e5e5e5; background-color: #F4F4F4; } /* PAGE PAGINATION */ ul.pagenav, div.pagination ul { list-style-type: none; } ul.pagenav { text-align: center; } ul.pagenav li, div.pagination ul li { color: #999; margin: 0; display: inline-block; font-weight: bold; } div.pagination ul li { font-size: 0.9em; } ul.pagenav li a, div.pagination ul li a { margin: 0 15px; } ul.jsn-pagination { list-style-type: none; text-transform: uppercase; } ul.jsn-pagination li { display: inline-block !important; /*override compression*/ margin: 10px 2px; } ul.jsn-pagination li a, ul.jsn-pagination li span { font-weight: bold; padding: 3px 8px; border: 1px solid #CCC; background-color: #EAEAEA; color: #999; } ul.jsn-pagination li span { background-color: transparent; } ul.jsn-pagination li a:hover { color: #000; text-decoration: none; } ul.jsn-pagination li.navigation-page span { border: none; padding: 4px 9px; color: #fff; } ul.jsn-pagination, p.jsn-pageinfo { font-size: 0.9em; text-align: center; margin: 20px 0 10px 0; } /* BLOG PAGES NAV LINK */ a.pagenav { text-transform: uppercase; } /* ----- CATEGORY LIST LAYOUT ----- */ /* DESCRIPTION IN CONTENT TABLE AND COMPONENT PAGE */ .categories-list ul { list-style-type: none; } .cat-children ul dl dt, .cat-children ul dl dd, dl.article-count dt, dl.article-count dd { display: inline; } .categories-list dl dt, .categories-list dl dd { margin: 0; padding: 0; display: inline; } /* TABLE IN CATEGORY TABLE PAGE */ .sectiontableheader { padding: 5px 8px; font-weight: bold; color: #FFFFFF; } .sectiontableheader img { margin: 0; vertical-align: text-top; } .sectiontableheader a { color: #ffffff; text-decoration: underline; } .sectiontableheader a:hover { text-decoration: none; } /* TABLE FILTER */ .jsn-infofilter { text-align: right; } .jsn-titlefilter { float: left; } .archived-article-list .jsn-infofilter { text-align: left; } /* TABLE'S ROW */ tr.sectiontableentry1 td, tr.sectiontableentry2 td { padding: 6px 8px; border-bottom: 1px solid #e5e5e5; } tr.sectiontableentry2 td { } /* ----- SECTION LAYOUT ----- */ /* LINKS IN SECTION TABLE PAGE */ a.category { font-weight: bold; } /* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */ /* ----- STANDARD CONTACT LAYOUT ----- */ div.com-contact .jsn-contact-image { float: right; margin: 10px 5px 0 0; } div.com-contact .contact-position { margin: 5px 0 0 0; } div.com-contact .contact-vcard { margin: 0 0 5px 0; } div.com-contact .jicons-icons { float: left; } div.com-contact .contact-address { margin-top: 5px; } div.com-contact .contact-address p { margin: 0; padding-left: 20px; } div.com-contact .contact-contactinfo p, div.com-contact .contact-miscinfo p { margin: 5px 0; } div.com-contact .contact-contactinfo .jicons-icons, div.com-contact .contact-miscinfo .jicons-icons { margin-right: 4px; } div.com-contact div.contact-form fieldset { padding: 0 10px; } div.com-contact div.contact-form dt { margin: 10px 0 5px 0; } div.com-contact div.contact-form dd { margin-left: 0; } div.com-contact .form-required { color: #EF593B; font-weight: bold; text-align: right; } /* =============== JOOMLA! EXTENSIONS - COM_SEARCH =============== */ div.com-search #searchForm .search-phrase { margin-left: 95px; } div.com-search #searchForm .search-range input, div.com-search #searchForm .search-phrase input { margin: 0 0 0 5px; vertical-align: middle; } div.com-search #searchForm [class*="search-"] label, div.com-search #searchForm .search-field-title { width: 100px; line-height: 21px; text-align: left; padding-right: 3px; display: inline-block; } div.com-search #searchForm .search-range label, div.com-search #searchForm .search-phrase label { width: auto; } div.com-search #searchForm .search-ordering select { padding: 2px 0; } div.com-search #searchForm .search-range label { line-height: 21px; } /* =============== JOOMLA! EXTENSIONS - COM_FINDER =============== */ .collapse { overflow: hidden; } /* ----- KEYWORD GIGHLIGHT IN SEARCH RESULT ----- */ span.highlight { padding: .2em; background: #FFFFAA; } /* =============== JOOMLA! EXTENSIONS - COM_WEBLINK =============== */ table.jsn-infotable .description p { margin: 0; } table.jsn-infotable ul.actions { display: inline; } table.jsn-infotable ul.actions li { display: inline; margin: 0 0 0 5px; } #editor-xtd-buttons { float: left; } /* =============== JOOMLA! EXTENSIONS - COM_NEWSFEED =============== */ div.com-newsfeed td.jsn-table-column-name { font-weight: bold; } div.com-newsfeed table { width: 100%; border-collapse: collapse; } div.com-newsfeed td { border: 1px solid #ccc; padding: 10px 5px; border-top: none; } div.com-newsfeed th { background: #999; padding: 10px 5px; border: 1px solid #999; border-bottom: none; } div.com-newsfeed th a { color: #fff; } div.com-newsfeed td.item-num-art { text-align: center; } /* =============== JOOMLA! EXTENSIONS - COM_USER =============== */ /* ----- USER FORM LAYOUT ----- */ div.com-user div.default-login { width: 350px; margin: 0 auto; padding: 10px; background-color: #F4F4F4; border: 1px solid #E5E5E5; } .login-fields { margin: 10px 0; } .login-fields label { width: 9em; float: left; } /* ----- REGISTER FORM ----- */ .jsn-formRow { margin: 8px 0; } .jsn-formRow .jsn-formRow-lable { float: left; width: 170px; } /* =============== JOOMLA! EXTENSIONS - POPUP COMPONENT =============== */ #jsn-content-popup .com-content, #jsn-content-popup #mailto-window { max-width: 1018px; margin: 1em auto; } #jsn-content-popup .com-content { padding-top: 0; } #mailto-window { padding: 15px; position: relative; background: #f5f5f5; border: solid 1px #ddd; } #mailto-window h2 { padding: 3px 0; margin: 0 0 10px; font: bold 1.2em "Times New Roman", Times, serif; } #mailto-window label { width: 8em; display: inline-block; } #mailto-window .mailto-close { right: 0; top: 5px; background: none; position: absolute; } #mailto-window .mailto-close a { display: block; min-width: 25px; min-height: 25px; overflow: visible; background: url(../images/icons/icon-close.png) 0 0 no-repeat; } #mailto-window .mailto-close a span { top: -3000px; left: -3000px; display: inline; position: absolute; } #mailto-window .inputbox { padding: 3px; border: 1px solid #ccc; background: #FFF url(../images/backgrounds/popup-bg.png) repeat-x 0 0; } #mailto-window p { margin: 20px 0 8px 0; } #mailto-window button { cursor: pointer; margin:0 5px 0 0; padding: 3px 10px; border: 1px solid #ccc; font: bold 1em "Times New Roman", Times, serif; background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(216,216,216))); background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0); } #mailto-window .formelm, #mailto-window .formelm-area { clear: both; margin: 5px 0; } /* =============== JOOMLA! EXTENSIONS - SYSTEM MESSAGES =============== */ /* ----- SYSTEM STANDARD MESSAGES ----- */ #system-message { margin-bottom: 0; } #system-message dd.message ul { text-indent: 0; padding-left: 40px; background: #c3d2e5 url(../../../media/system/images/notice-info.png) 4px center no-repeat; } #system-message ul li { margin-left: 0; } /* ----- SYSTEM ERROR MESSAGES ----- */ #system-message dd.error ul { background: #e6c0c0 url(../../../media/system/images/notice-alert.png) 4px center no-repeat; } /* ----- SYSTEM NOTICE MESSAGES ----- */ #system-message dd.notice ul { color: #cc0000; border-top: 3px solid #f0dc7e; border-bottom: 3px solid #f0dc7e; background: #efe7b8 url(../../../media/system/images/notice-note.png) 4px center no-repeat; } /* =============== JOOMLA! EXTENSIONS - MOD_BREADCRUMB =============== */ span.breadcrumbs { display: block; font-size: 0.9em; } span.breadcrumbs a, span.breadcrumbs span { color: #404040; padding-right: 18px; text-decoration: none; background: url(../images/icons/icon-arrow-black.png) right center no-repeat; } span.breadcrumbs a:hover { text-decoration: underline; } span.breadcrumbs span.current { color: #404040; font-weight: bold; background: none; } .breadcrumb { padding: 0; margin: 0; list-style: none; background: none; } .breadcrumb li { display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 0 #fff; } .breadcrumb li a, .breadcrumb li span { color: #404040; } .breadcrumb > li > .divider { padding: 0; } .breadcrumb li span + span { font-weight: bold; } .breadcrumb li a.pathway { padding: 0 15px 0 0; background: url("../images/icons/icon-arrow-black.png") no-repeat scroll right center; } .breadcrumb li.active:first-child span.divider { padding: 0 5px 0 0; background: none; } .breadcrumb .active { color: #999; } /* =============== JOOMLA! EXTENSIONS - MOD_LOGIN =============== */ #form-login fieldset.input { border: none; padding: 0; } #form-login div.button-wrapper { text-align: center; margin-top: 0.5em; } #form-login [id^="form-login-"] { margin: 0 0 6px 0; } form#login-form a.btn { height: 20px; } form#login-form .icon-arrow-right { background-position: -458px -73px; } /* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */ #jsn-pos-top div.search input#mod-search-searchword { padding: 2px 0 2px 25px; background: #FFF url(../images/icons/icons-base.png) 5px -168px no-repeat; } /* =============== JOOMLA! EXTENSIONS - MOD_NEWSFLASH =============== */ .jsn-mod-newsflash.jsn-horizontal-container .jsn-article { padding: 0 1em; } .jsn-mod-newsflash .contentheading { margin: 0 0 0.3em 0; } .jsn-mod-newsflash .article-separator { display: block; height: 0.5em; } /* ============================== JOOMLA! 3.x CORE COMPONENT LAYOUT ============================== */ .img-fulltext-left { float: left; margin-right: 20px; margin-bottom: 20px; } .img-intro-left { float: left; margin-right: 10px; margin-bottom: 10px; } .img-fulltext-right { float: right; margin-left: 20px; margin-bottom: 20px; } .img-intro-right { float: right; margin-left: 10px; margin-bottom: 10px; } .pull-right.collapsed .icon-minus, .pull-right .icon-plus { display: none; } .pull-right .icon-minus, .pull-right.collapsed .icon-plus { display: block; } /* ---------- OVERRIDE ----------- */ .jsn-joomla-30 blockquote { border-left: none; } .jsn-joomla-30 hr { margin: 0.5em 0; } .jsn-joomla-30 .form-horizontal .control-label { text-align: left; } .jsn-joomla-30 .calendar tbody td, .jsn-joomla-30 .calendar tbody td.hilite, .jsn-joomla-30 .calendar tbody td.selected { border: none; padding: 5px; text-align: center; } .jsn-joomla-30 .input-append .btn { padding: 8px 14px 7px; outline: none; } .jsn-joomla-30 label, .jsn-joomla-30 input, .jsn-joomla-30 button, .jsn-joomla-30 select, .jsn-joomla-30 textarea, .jsn-joomla-30 .btn, .jsn-joomla-30 .uneditable-input { font-size: 13px; } .jsn-joomla-30 .icon-location { background-position: -24px -73px; } .jsn-joomla-30 div.tooltip { background: none; border: none; } .jsn-joomla-30 #form-login-remember .control-label, .jsn-joomla-30 #modlgn-remember { vertical-align: middle; } .jsn-joomla-30 .dropdown-menu li, .jsn-joomla-30 .category li { margin: 0; } .jsn-joomla-30 .category.list-condensed li { display: inline-block; width: 100%; } .jsn-joomla-30 .category.list-condensed li span.list { word-break: break-word; } .jsn-joomla-30 .page-header { border-bottom: none; margin-bottom: 0; }