BossBey File Manager
PHP:
7.3.31-1~deb10u1
OS:
Linux
User:
www-data
Root
/
home
/
www
/
inorg
/
lcc
/
templates
/
jsn_epic_free
/
css
📤 Upload
рџ“ќ New File
рџ“Ѓ New Folder
Close
Editing: template.css
#toTop { width:100px; border:1px solid #ccc; background:#f7f7f7; text-align:center; padding:5px; position:fixed; bottom:10px; /* отступ кнопки от нижнего края страницы*/ right:10px; cursor:pointer; display:none; color:#333; font-family:verdana; font-size:11px; } /** * @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 - HEADING STYLES =============== */ h2 { line-height: inherit; } /* ============================== LAYOUT ============================== */ /* =============== LAYOUT - GENERAL LAYOUT =============== */ #jsn-page { transition: width 0.3s ease-in-out; -moz-transition: width 0.3s ease-in-out; -webkit-transition: width 0.3s ease-in-out; } div#jsn-pos-breadcrumbs.display-mobile, div.jsn-modulecontainer.display-mobile, div#jsn-pos-breadcrumbs.display-tablet, div.jsn-modulecontainer.display-tablet, div#jsn-pos-breadcrumbs.display-smartphone, div.jsn-modulecontainer.display-smartphone { display: none; } div#jsn-pos-breadcrumbs.display-desktop, div.jsn-modulecontainer.display-desktop { display: block; } /* =============== LAYOUT - HEADER AREA =============== */ #jsn-logo #jsn-logo-mobile { display: none; } #jsn-logo .jsn-topheading { display: none; } /* =============== LAYOUT - MENU AREA =============== */ #jsn-menu div.jsn-modulecontainer { float: left; margin:0; } /* =============== MENU SUFFIX =============== */ #jsn-menu #jsn-pos-toolbar div.jsn-modulecontainer { float: left; } #jsn-menu div.display-inline.jsn-modulecontainer { margin: 5px 10px 0; } #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent { visibility: hidden; overflow: hidden; position: absolute; top: 38px; right: 0; z-index: 200; background: #4a4a4a; padding: 10px; min-width: 220px; } #jsn-menu div.display-dropdown.jsn-modulecontainer a, #jsn-menu div.display-inline.jsn-modulecontainer a { color: #ccc; text-decoration: underline; } #jsn-menu div.display-dropdown.jsn-modulecontainer a:hover, #jsn-menu div.display-inline.jsn-modulecontainer a:hover { color: #fff; text-decoration: none; } #jsn-menu #jsn-pos-mainmenu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent { left: 0; } #jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner { position: relative; } #jsn-menu .jsn-modulecontainer[class*="display-"] .jsn-modulecontainer_inner h3.jsn-moduletitle { color: #CCC; text-shadow: none; padding: 0; font-size: 1.1em; cursor: pointer; } #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span { padding: 11px; } #jsn-menu #jsn-pos-mainmenu .jsn-modulecontainer.display-dropdown h3.jsn-moduletitle { border-right: 1px solid #404040; } #jsn-menu #jsn-pos-mainmenu .jsn-modulecontainer.display-dropdown h3.jsn-moduletitle > span { border-right: 1px solid #000000; } #jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner:hover h3.jsn-moduletitle { background: #4a4a4a; color: #FFF; } #jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner:hover .jsn-modulecontent { visibility: visible; } #jsn-menu div.display-dropdown.menu-richmenu.jsn-modulecontainer .jsn-modulecontent { top: 58px; } #jsn-menu div.display-dropdown.menu-richmenu.jsn-modulecontainer .jsn-modulecontainer_inner h3.jsn-moduletitle > span { padding: 11px 11px 31px; } /* =============== MENU - TOOLBAR POSITION =============== */ #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul { right: 0; } #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a { background-image: url("../images/icons/icon-arrow-white-rtl.png"); background-position: 2% center; background-repeat: no-repeat; padding-left: 16px; padding-right: 12px; } #jsn-pos-toolbar div.jsn-modulecontainer ul.menu-mainmenu ul li a { border-right: 1px solid #162C40; text-align: right; } /* =============== LAYOUT - CONTENT AREA =============== */ .jsn-joomla-30 #jsn-pos-breadcrumbs { padding: 5px 15px; } #jsn-gotoplink { color: #999; z-index: 999; padding: 8px 12px; display: block; background-color: #000; position: fixed; left: 50%; bottom: 0; } #jsn-gotoplink:hover { color: #e5e5e5; text-decoration: none; background-color: #333333; } /* =============== BACKGROUND POSITION =============== */ #jsn-pos-background { margin: 0 auto; overflow: hidden; position: fixed; top: 0; text-align: center; width: 100%; z-index: -100; } #jsn-pos-background p { margin: 0; } #jsn-pos-background img { width: 100%; } /* ============================== TYPOGRAPHY ============================== */ /* =============== TYPOGRAPHY - TEXT STYLES =============== */ .text-alert { border-top: 2px solid #FEABAB; border-bottom: 2px solid #FEABAB; background: #FFDFDF url(../images/icons/icon-text-alert.png) no-repeat; } .text-info { border-top: 2px solid #B7D2F2; border-bottom: 2px solid #B7D2F2; background: #DBE7F8 url(../images/icons/icon-text-info.png) no-repeat; } .text-download { border-top: 2px solid #DDEDBC; border-bottom: 2px solid #DDEDBC; background: #F2F9E5 url(../images/icons/icon-text-download.png) no-repeat; } .text-comment { border-top: 2px solid #FEEBAB; border-bottom: 2px solid #FEEBAB; background: #FEF8E1 url(../images/icons/icon-text-comment.png) no-repeat; } .text-tip { border-top: 2px solid #FEEBAB; border-bottom: 2px solid #FEEBAB; background: #FFFFD5 url(../images/icons/icon-text-tip.png) no-repeat; } .text-attachment { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background: #f2f2f2 url(../images/icons/icon-text-attachment.png) no-repeat; } .text-video { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background: #f2f2f2 url(../images/icons/icon-text-video.png) no-repeat; } .text-audio { border-top: 2px solid #e5e5e5; border-bottom: 2px solid #e5e5e5; background: #f2f2f2 url(../images/icons/icon-text-audio.png) no-repeat; } .text-tip, .text-info, .text-alert, .text-audio, .text-video, .text-comment, .text-download, .text-attachment { background-position: left center; padding: 0.8em 0.8em 0.8em 5em; min-height: 20px; } /* =============== TYPOGRAPHY - LINK STYLES =============== */ /* ----- BUTTON LINK ----- */ .link-button { cursor: pointer; font-size: 1.1em; padding: 5px 12px; border: 1px solid; display: inline-block; border-color: #595959; text-decoration: none; } .link-button:hover { border-color: #000; } a.link-button:hover, .link-button a:hover { text-decoration: none; } a.link-button, .link-button a { font-weight: bold; color: #fff !important; } .link-button.button-light, .link-button.button-light a { color: #333 !important; } .link-button .link-icon { margin: 3px 0; line-height: 16px; } /* ----- ICON LINK ----- */ .link-icon { display: inline-block; padding-left: 22px; } /* ----- EXTENDED LINK ----- */ .link-icon-ext { display: inline-block; padding-right: 22px; background: url(../images/icons/icons-ext.png) no-repeat right 0; } .jsn-joomla-25 .link-icon-ext.icon-ext-aim, .link-icon-ext.jsn-icon-ext-aim { background-position: right 0; } .jsn-joomla-25 .link-icon-ext.icon-ext-archive, .link-icon-ext.jsn-icon-ext-archive { background-position: right -86px; } .jsn-joomla-25 .link-icon-ext.icon-ext-mobile, .link-icon-ext.jsn-icon-ext-mobile { background-position: right -172px; } .jsn-joomla-25 .link-icon-ext.icon-ext-css, .link-icon-ext.jsn-icon-ext-css { background-position: right -258px; } .jsn-joomla-25 .link-icon-ext.icon-ext-application, .link-icon-ext.jsn-icon-ext-application { background-position: right -344px; } .jsn-joomla-25 .link-icon-ext.icon-ext-doc, .link-icon-ext.jsn-icon-ext-doc { background-position: right -430px; } .jsn-joomla-25 .link-icon-ext.icon-ext-feed, .link-icon-ext.jsn-icon-ext-feed { background-position: right -516px; } .jsn-joomla-25 .link-icon-ext.icon-ext-movie, .link-icon-ext.jsn-icon-ext-movie { background-position: right -602px; } .jsn-joomla-25 .link-icon-ext.icon-ext-flash, .link-icon-ext.jsn-icon-ext-flash { background-position: right -688px; } .jsn-joomla-25 .link-icon-ext.icon-ext-calendar, .link-icon-ext.jsn-icon-ext-calendar { background-position: right -774px; } .jsn-joomla-25 .link-icon-ext.icon-ext-mail, .link-icon-ext.jsn-icon-ext-mail { background-position: right -860px; } .jsn-joomla-25 .link-icon-ext.icon-ext-quicktime, .link-icon-ext.jsn-icon-ext-quicktime { background-position: right -946px; } .jsn-joomla-25 .link-icon-ext.icon-ext-msn, .link-icon-ext.jsn-icon-ext-msn { background-position: right -1032px; } .jsn-joomla-25 .link-icon-ext.icon-ext-music, .link-icon-ext.jsn-icon-ext-music { background-position: right -1118px; } .jsn-joomla-25 .link-icon-ext.icon-ext-pdf, .link-icon-ext.jsn-icon-ext-pdf { background-position: right -1204px; } .jsn-joomla-25 .link-icon-ext.icon-ext-powerpoint, .link-icon-ext.jsn-icon-ext-powerpoint { background-position: right -1290px; } .jsn-joomla-25 .link-icon-ext.icon-ext-skype, .link-icon-ext.jsn-icon-ext-skype { background-position: right -1376px; } .jsn-joomla-25 .link-icon-ext.icon-ext-torrent, .link-icon-ext.jsn-icon-ext-torrent { background-position: right -1462px; } .jsn-joomla-25 .link-icon-ext.icon-ext-font, .link-icon-ext.jsn-icon-ext-font { background-position: right -1548px; } .jsn-joomla-25 .link-icon-ext.icon-ext-text, .link-icon-ext.jsn-icon-ext-text { background-position: right -1634px; } .jsn-joomla-25 .link-icon-ext.icon-ext-vcard, .link-icon-ext.jsn-icon-ext-vcard { background-position: right -1720px; } .jsn-joomla-25 .link-icon-ext.icon-ext-windowsmedia, .link-icon-ext.jsn-icon-ext-windowsmedia { background-position: right -1806px; } .jsn-joomla-25 .link-icon-ext.icon-ext-xls, .link-icon-ext.jsn-icon-ext-xls { background-position: right -1892px; } .jsn-joomla-25 .link-icon-ext.icon-ext-yahoo, .link-icon-ext.jsn-icon-ext-yahoo { background-position: right -1978px; } /* =============== TYPOGRAPHY - TABLE STYLES =============== */ table.table-style { background: #ffffff; border-collapse: collapse; border-spacing: 0; color: #404040; } table.table-style caption { padding: 6px 0; text-transform: uppercase; text-align: center; font-size: 1.2em; font-weight: bold; } table.table-style td, table.table-style th { padding: 10px; border-bottom: 1px solid #DEDEDE; } table.table-style th { text-align: left; } table.table-style .highlight { font-size: 14px; font-weight: bold; color: #fff; } table.table-style thead th { font-size: 1.1em; border-top: 6px solid #fff; color: #ffffff; } table.table-style thead th.highlight { border-top: none; } table.table-style tbody th, table.table-style tbody td { vertical-align: top; text-align: left; border-right: 1px solid #DEDEDE; border-left: 1px solid #DEDEDE; } table.table-style tbody .highlight { background-color: #999; } table.table-style tbody tr.odd { background: #f2f2f2; } table.table-style tbody tr.odd .highlight { background-color: #7E7E7E; } table.table-style tbody tr:hover th, table.table-style tbody tr:hover td { background: #E4E4E4; } table.table-style tbody tr:hover .highlight { background: #737373; } table.table-style tfoot { border: 1px solid #DEDEDE; } table.table-style tfoot th, table.table-style tfoot td { border: none; padding: 4px 10px; background-color: #d9d9d9; } table.table-style tfoot td { text-align: right; } /* ----- COLOR HEADER TABLE ----- */ table.style-colorheader thead th.highlight { background-color: #484848; } /* ----- COLOR STRIPES TABLE ----- */ table.style-colorstripes { color: #fff; } table.style-colorstripes thead, table.style-colorstripes tfoot { border: none; } table.style-colorstripes tbody .highlight { color: #333; border-bottom: none; border-top: 1px solid #fff; } /* ----- GREY STRIPES TABLE ----- */ table.style-greystripes thead th { background: #404040; border-right: 1px groove #999999; } /* =============== TYPOGRAPHY - LIST STYLES =============== */ /* ----- ICON LIST ----- */ ul.list-icon { list-style-type: none; } ul.list-icon li { margin: 5px 0; position: relative; padding-left: 20px; } ul.list-icon li .jsn-listbullet { top: 0; left: 0; width: 16px; height: 16px; position: absolute; } /* ----- BULLET NUMBER LIST ----- */ ul.list-number-bullet { list-style: none; } ul.list-number-bullet li { margin-left: 0; position: relative; padding: 6px 0 6px 36px; } ul.list-number-bullet li .jsn-listbullet { color: #fff; height: 24px; font-size: 14px; line-height: 24px; text-align: center; margin: 4px; left: 0; top: -2px; width: 24px; display: block; font-weight: bold; position: absolute; } /* ----- DIGIT NUMBER LIST ----- */ ul.list-number-digit { list-style: none; } ul.list-number-digit li { margin-left: 0; position: relative; padding: 8px 0 8px 42px; } ul.list-number-digit li .jsn-listbullet { top: 0; left: 0; width: 32px; display: block; font-size: 32px; line-height: 100%; text-align: right; font-weight: bold; position: absolute; } ul.list-number-digit.digit-blue li .jsn-listbullet { color: #009aca; } ul.list-number-digit.digit-green li .jsn-listbullet { color: #429e00; } ul.list-number-digit.digit-grey li .jsn-listbullet { color: #999999; } ul.list-number-digit.digit-orange li .jsn-listbullet { color: #e66000; } ul.list-number-digit.digit-red li .jsn-listbullet { color: #bf0000; } ul.list-number-digit.digit-violet li .jsn-listbullet { color: #9e0084; } /* ----- HORIZONTAL LIST ----- */ ul.list-horizontal { margin: 0; list-style: none; } ul.list-horizontal li { display: inline; margin: 0 .5em; } /* ----- NOBULLET LIST ----- */ ul.list-nobullet { margin: 0; list-style: none; } ul.list-nobullet li { margin-left: 0; padding-left: 0; list-style: none; } /* ============================== MENU ============================== /* ----- ICONS MENU STYLE ----- */ .menu-iconmenu li[class*="icon-"] > a > span, .menu-iconmenu li[class*="jsn-icon-"] > a > span { padding-left: 24px; } .jsn-menu-toggle { display: none; } div.jsn-modulecontainer ul.menu-mainmenu ul { visibility: hidden; visibility: visible\9; display: none\9; } div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul { visibility: visible; display: block\9; } ul.menu-mainmenu.jsn-desktop-on-mobile ul { display: none; } ul.menu-mainmenu.jsn-desktop-on-mobile li:hover > ul { display: block; } /* ----- ICON MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-mainmenu.menu-iconmenu > li > a > span { line-height: 19px; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription { padding-bottom: 28px; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu.menu-iconmenu > li > a span { line-height: 1.5; } /* ----- ICON MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-treemenu.menu-iconmenu > li > a > span { line-height: 16px; } div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu.menu-iconmenu > li > a span { line-height: 1.5; } /* =============== MENU - MAIN MENU =============== */ div.jsn-modulecontainer ul.menu-mainmenu ul { left: auto; } #jsn-menu.jsn-menu-sticky + #jsn-content-top { padding-top: 40px; transition: padding all 0.3s ease 0s; -moz-transition: padding all 0.3s ease 0s; -webkit-transition: padding all 0.3s ease 0s; } #jsn-menu.jsn-menu-sticky { position: fixed; top: 0; width: 960px; } /* ========= MENU - FLIPBACK ========= */ div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback > ul { right: 0; } div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback a { text-align: right; } div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul li.parent > a { background-image: url("../images/icons/icon-arrow-white-rtl.png"); background-position: 2% center; } div.jsn-modulecontainer ul.menu-mainmenu li.jsn-submenu-flipback ul ul { right: 199px; margin-left: 0; } /* =============== MENU - TREE MENU =============== */ /* ----- CURRENT / HOVER STATE ----- */ div.box-blue ul.menu-treemenu li a:hover, div.box-blue ul.menu-treemenu li a.current { background-color: #CFF0FA; } div.solid-1 ul.menu-treemenu li a:hover, div.solid-1 ul.menu-treemenu li a.current { background-color: #FAFACF; } div.box-green ul.menu-treemenu li a:hover, div.box-green ul.menu-treemenu li a.current, div.solid-2 ul.menu-treemenu li a:hover, div.solid-2 ul.menu-treemenu li a.current { background-color: #E7FACF; } div.lightbox-1 ul.menu-treemenu li a:hover, div.lightbox-1 ul.menu-treemenu li a.current { background-color: #FDFDFD; } /* =============== MENU - SIDE MENU =============== */ /* ----- GENERAL ----- */ div.jsn-modulecontainer ul.menu-sidemenu, div.jsn-modulecontainer ul.menu-sidemenu ul { margin: 0; padding: 0; list-style-type: none; } div.jsn-modulecontainer ul.menu-sidemenu { border-top: 1px dotted #b3b3b3; } div.jsn-modulecontainer ul.menu-sidemenu li { margin: 0; padding: 0; position: relative; } div.jsn-modulecontainer ul.menu-sidemenu li ul { position: absolute; top: 0; } div.jsn-modulecontainer ul.menu-sidemenu > li { border-bottom: 1px dotted #b3b3b3; } div.jsn-modulecontainer ul.menu-sidemenu > li.last { border-bottom: none; } div.jsn-modulecontainer ul.menu-sidemenu li a { display: block; color: #404040; cursor: pointer; padding: 8px 12px; text-decoration: none; } div[class*="box-"] ul.menu-sidemenu { margin: 5px -15px -15px; } div.box-grey ul.menu-sidemenu li a, div[class*="richbox-"] ul.menu-sidemenu li a { color: #d9d9d9; } div.jsn-modulecontainer ul.menu-sidemenu > li.parent > a { padding-right: 16px; background: url(../images/icons/icon-arrow-black.png) 98% center no-repeat; } ul.menu-sidemenu li > a > span { display: block; } ul.menu-sidemenu > li > a > span { padding-left: 18px; background: url(../images/icons/icons-base.png) left -343px no-repeat; } div.jsn-modulecontainer ul.menu-sidemenu ul { visibility: hidden; visibility: visible\9; display: none\9; } div.jsn-modulecontainer ul.menu-sidemenu li:hover > ul { visibility: visible; display: block\9; } /* ----- ICON MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-sidemenu.menu-iconmenu > li > a > span { line-height: 16px; } /* ----- RICH MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-sidemenu li a span.jsn-menudescription { display: none; } div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription { color: #595959; display: block; } div.box-grey ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription, div[class*="richbox-"] ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription { color: #B8B8B8; } div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu.menu-iconmenu > li > a span { line-height: 1.5; } /* ---------- 1st LEVEL ---------- */ div.jsn-modulecontainer ul.menu-sidemenu ul { top: 0; position: absolute; } div.jsn-modulecontainer ul.menu-sidemenu ul li a { color: #CCC; display: block; cursor: pointer; } div.jsn-modulecontainer ul.menu-sidemenu ul li.parent > a { padding-right: 16px; background: url(../images/icons/icon-arrow-white.png) 98% center no-repeat; } div.jsn-modulecontainer ul.menu-sidemenu ul ul { top: 0; } /* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */ /* 1st LEVEL */ /* 1st LEVEL - CUSTOM MODULE */ div.box-grey ul.menu-sidemenu > li.parent > a, div[class*="richbox-"] ul.menu-sidemenu > li.parent > a { background: url(../images/icons/icon-arrow-white.png) 98% center no-repeat; } /* ----- HOVER STATE ----- */ div.jsn-modulecontainer ul.menu-sidemenu li:hover > a { color: #fff; } div.jsn-modulecontainer ul.menu-sidemenu > li:hover > a { color: #000; background-color: #d9d9d9; } /* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- */ div.box-blue ul.menu-sidemenu > li:hover > a { background-color: #CFF0FA; } div.box-yellow ul.menu-sidemenu > li:hover > a, div.solid-1 ul.menu-sidemenu > li:hover > a { background-color: #FAFACF; } div.box-green ul.menu-sidemenu > li:hover > a, div.solid-2 ul.menu-sidemenu > li:hover > a { background-color: #E7FACF; } div.box-grey ul.menu-sidemenu > li:hover > a, div.richbox-1 ul.menu-sidemenu > li:hover > a { color: #fff; background-color: #474747; } div.richbox-2 ul.menu-sidemenu > li:hover > a { color: #fff; } div.lightbox-1 ul.menu-sidemenu > li:hover > a { background-color: #FDFDFD; } /* ----- ACTIVE STATE ----- */ div.jsn-modulecontainer ul.menu-sidemenu li.active > a { color: #FFF; font-weight: bold; } div.jsn-modulecontainer ul.menu-sidemenu > li.active > a { color: #000; background-color: #d9d9d9; } /* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */ div.box-blue ul.menu-sidemenu > li.active > a { background-color: #CFF0FA; } div.box-yellow ul.menu-sidemenu > li.active > a, div.solid-1 ul.menu-sidemenu > li.active > a { background-color: #FAFACF; } div.box-green ul.menu-sidemenu > li.active > a, div.solid-2 ul.menu-sidemenu > li.active > a { background-color: #E7FACF; } div.box-grey ul.menu-sidemenu > li.active > a, div.richbox-1 ul.menu-sidemenu > li.active > a { color: #fff; background-color: #474747; } div.richbox-2 ul.menu-sidemenu > li.active > a { color: #fff; } div.lightbox-1 ul.menu-sidemenu > li.active > a { background-color: #FDFDFD; } /* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */ div.jsn-modulecontainer ul.menu-sidemenu li:hover > ul { left: auto; } /* =============== MENU - TOP MENU =============== */ /* ----- ICON MENU STYLE ----- */ div.jsn-modulecontainer ul.menu-topmenu.menu-iconmenu > li > a { line-height: 16px; } /* ============================== MOBILE SWITCH ============================== */ #jsn-mobileswitch { display: none; padding: 10px; float: right; } #jsn-mobileswitch a { display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; background: url("../images/icons/icons-mobile.png") -16px 0 no-repeat; } #jsn-desktopswitch { display: none; padding: 11px 10px; float: right; } #jsn-desktopswitch a { display: inline-block; width: 16px; height: 16px; line-height: 16px; vertical-align: text-top; background: url("../images/icons/icons-mobile.png") -32px 0 no-repeat; } @media only screen and (max-device-width: 960px) { body.jsn-mobile #jsn-desktopswitch { display: block; } body.jsn-desktop #jsn-mobileswitch { display: block; } } /* ============================== SITE TOOLS ============================== */ /* =============== SITE TOOLS - GENERAL PRESENTATION =============== */ #jsn-sitetoolspanel { margin: 5px 3px 0 0; } /* ----- DROP DOWN ----- */ ul#jsn-sitetools-menu, ul#jsn-sitetools-menu ul { list-style: none; padding: 0; margin: 0; } ul#jsn-sitetools-menu li { padding: 0; margin: 0; background: url(../images/icons/icons-uni.png) center -1368px no-repeat; } ul#jsn-sitetools-menu li, ul#jsn-sitetools-inline li { position: relative; } ul#jsn-sitetools-menu > li:hover { background-color: #4a4a4a; } ul#jsn-sitetools-menu li a, ul#jsn-sitetools-inline li a { margin: 0; padding: 0; width: 32px; height: 32px; display: block; } ul#jsn-sitetools-inline > li > a { display: none; } ul#jsn-sitetools-menu li ul { z-index: 90; position: absolute; width: 144px; height: 100%; visibility: hidden; visibility: visible\9; display: none\9; } ul#jsn-sitetools-menu li:hover ul { visibility: visible; display: block\9; } body.jsn-desktop-on-mobile ul#jsn-sitetools-menu li ul { display: none; } body.jsn-desktop-on-mobile ul#jsn-sitetools-menu li:hover ul { display: block; } ul#jsn-sitetools-menu ul li, ul#jsn-sitetools-inline ul li { background: none; padding: 0 4px; } ul#jsn-sitetools-menu ul li a { float: left; width: 16px; height: 16px; margin: 6px 3px 10px; display: inline-block; } /* ----- INLINE ROW ----- */ ul#jsn-sitetools-inline { margin: 7px 0; float: left; padding: 0; list-style: none; } ul#jsn-sitetools-inline ul { float: left; margin: 0; } ul#jsn-sitetools-inline li { margin: 0; float: left; padding: 0; list-style: none; } ul#jsn-sitetools-inline ul li a { float: left; width: 22px; height: 20px; display: inline-block; } /* =============== SITE TOOLS - COLOR SELECTOR =============== */ #jsn-selector-blue, #jsn-selector-red, #jsn-selector-green, #jsn-selector-violet, #jsn-selector-orange, #jsn-selector-grey, #jsn-selector-blue.current, #jsn-selector-blue:hover, #jsn-selector-red.current, #jsn-selector-red:hover, #jsn-selector-green.current, #jsn-selector-green:hover, #jsn-selector-violet.current, #jsn-selector-violet:hover, #jsn-selector-orange.current, #jsn-selector-orange:hover, #jsn-selector-grey.current, #jsn-selector-grey:hover { background-image: url(../images/icons/icons-sitetools-color.png); background-repeat: no-repeat; } #jsn-selector-blue { background-position: -20px 0; } #jsn-selector-red { background-position: -40px 0; } #jsn-selector-green { background-position: -60px 0; } #jsn-selector-violet { background-position: -80px 0; } #jsn-selector-orange { background-position: -100px 0; } #jsn-selector-grey { background-position: -120px 0; } #jsn-selector-blue.current, #jsn-selector-blue:hover { background-position: -20px -20px; } #jsn-selector-red.current, #jsn-selector-red:hover { background-position: -40px -20px; } #jsn-selector-green.current, #jsn-selector-green:hover { background-position: -60px -20px; } #jsn-selector-violet.current, #jsn-selector-violet:hover { background-position: -80px -20px; } #jsn-selector-orange.current, #jsn-selector-orange:hover { background-position: -100px -20px; } #jsn-selector-grey.current, #jsn-selector-grey:hover { background-position: -120px -20px; } /* =============== MODULE STYLES - MODULE BOXES =============== */ /* ----- BOX BLUE STYLE ----- */ div.box-blue div.jsn-modulecontainer_inner { background: #F5FCFE url(../images/module-styles/box-blue.png) left bottom repeat-x; } /* ----- BOX GREEN STYLE ----- */ div.box-green div.jsn-modulecontainer_inner { background: #FAFEF5 url(../images/module-styles/box-green.png) left bottom repeat-x; } /* ----- SOLIDBOX STYLE ----- */ div.solid-1 div.jsn-modulecontainer_inner { background: #FEFEF5 url(../images/module-styles/solid-1.png) left bottom repeat-x; } div.solid-2 div.jsn-modulecontainer_inner { background: #FAFEF5 url(../images/module-styles/solid-2.png) left bottom repeat-x; } /* ----- LIGHTBOX STYLE ----- */ div.lightbox-1 div.jsn-modulecontainer_inner { background: #E9E9E9 url(../images/module-styles/lightbox-1.png) left bottom repeat-x; } #jsn-content-top div[class*="solid-"], #jsn-content-top div[class*="solid-"] h3.jsn-moduletitle { color: #000; } /* =============== MODULE STYLES - MODULE ICONS =============== */ div[class*="icon-"] h3.jsn-moduletitle span.jsn-moduleicon, div[class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon { padding-left: 22px; } /* =============== JOOMLA! EXTENSIONS - COM_CONTACT =============== */ /* ----- STANDARD CONTACT LAYOUT ----- */ div.contact .dl-horizontal dd { margin-left: 25px; } .jsn-joomla-30 div.search .inputbox { width: auto; max-width: 100%; } button#jform_profile_dob_img.btn { height: 30px; } /* =============== JOOMLA! EXTENSIONS - MOD_STATISTICS =============== */ dl.stats-module dt { float: left; width: 65%; } dl.stats-module dd { margin: 0; } /* ============================== MISC ============================== */ /* =============== GENERAL ICON ASSIGNMENT =============== */ .jsn-joomla-25 .link-icon[class*="icon-"], .jsn-joomla-25 .menu-iconmenu [class*="icon-"] > a > span, .jsn-joomla-25 .list-icon[class*="icon-"] li .jsn-listbullet, .jsn-joomla-25 [class*="icon-"] h3.jsn-moduletitle span.jsn-moduleicon, .link-icon[class*="jsn-icon-"], .menu-iconmenu [class*="jsn-icon-"] > a > span, .list-icon[class*="jsn-icon-"] li .jsn-listbullet, [class*="jsn-icon-"] h3.jsn-moduletitle span.jsn-moduleicon { background-image: url(../images/icons/icons-uni.png); background-repeat: no-repeat; } .jsn-joomla-25 .link-icon.icon-article, .jsn-joomla-25 .menu-iconmenu .icon-article > a > span, .jsn-joomla-25 .list-icon.icon-article li .jsn-listbullet, .jsn-joomla-25 .icon-article h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-article, .menu-iconmenu .jsn-icon-article > a > span, .list-icon.jsn-icon-article li .jsn-listbullet, .jsn-icon-article h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 0; } .jsn-joomla-25 .link-icon.icon-calendar, .jsn-joomla-25 .menu-iconmenu .icon-calendar > a > span, .jsn-joomla-25 .list-icon.icon-calendar li .jsn-listbullet, .jsn-joomla-25 .icon-calendar h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-calendar, .menu-iconmenu .jsn-icon-calendar > a > span, .list-icon.jsn-icon-calendar li .jsn-listbullet, .jsn-icon-calendar h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -86px; } .jsn-joomla-25 .link-icon.icon-cart, .jsn-joomla-25 .menu-iconmenu .icon-cart > a > span, .jsn-joomla-25 .list-icon.icon-cart li .jsn-listbullet, .jsn-joomla-25 .icon-cart h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-cart, .menu-iconmenu .jsn-icon-cart > a > span, .list-icon.jsn-icon-cart li .jsn-listbullet, .jsn-icon-cart h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -172px; } .jsn-joomla-25 .link-icon.icon-comment, .jsn-joomla-25 .menu-iconmenu .icon-comment > a > span, .jsn-joomla-25 .list-icon.icon-comment li .jsn-listbullet, .jsn-joomla-25 .icon-comment h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-comment, .menu-iconmenu .jsn-icon-comment > a > span, .list-icon.jsn-icon-comment li .jsn-listbullet, .jsn-icon-comment h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -258px; } .jsn-joomla-25 .link-icon.icon-display, .jsn-joomla-25 .menu-iconmenu .icon-display > a > span, .jsn-joomla-25 .list-icon.icon-display li .jsn-listbullet, .jsn-joomla-25 .icon-display h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-display, .menu-iconmenu .jsn-icon-display > a > span, .list-icon.jsn-icon-display li .jsn-listbullet, .jsn-icon-display h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -344px; } .jsn-joomla-25 .link-icon.icon-download, .jsn-joomla-25 .menu-iconmenu .icon-download > a > span, .jsn-joomla-25 .list-icon.icon-download li .jsn-listbullet, .jsn-joomla-25 .icon-download h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-download, .menu-iconmenu .jsn-icon-download > a > span, .list-icon.jsn-icon-download li .jsn-listbullet, .jsn-icon-download h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -430px; } .jsn-joomla-25 .link-icon.icon-folder, .jsn-joomla-25 .menu-iconmenu .icon-folder > a > span, .jsn-joomla-25 .list-icon.icon-folder li .jsn-listbullet, .jsn-joomla-25 .icon-folder h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-folder, .menu-iconmenu .jsn-icon-folder > a > span, .list-icon.jsn-icon-folder li .jsn-listbullet, .jsn-icon-folder h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -516px; } .jsn-joomla-25 .link-icon.icon-help, .jsn-joomla-25 .menu-iconmenu .icon-help > a > span, .jsn-joomla-25 .list-icon.icon-help li .jsn-listbullet, .jsn-joomla-25 .icon-help h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-help, .menu-iconmenu .jsn-icon-help > a > span, .list-icon.jsn-icon-help li .jsn-listbullet, .jsn-icon-help h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -602px; } .jsn-joomla-25 .link-icon.icon-home, .jsn-joomla-25 .menu-iconmenu .icon-home > a > span, .jsn-joomla-25 .list-icon.icon-home li .jsn-listbullet, .jsn-joomla-25 .icon-home h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-home, .menu-iconmenu .jsn-icon-home > a > span, .list-icon.jsn-icon-home li .jsn-listbullet, .jsn-icon-home h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -688px; } .jsn-joomla-25 .link-icon.icon-image, .jsn-joomla-25 .menu-iconmenu .icon-image > a > span, .jsn-joomla-25 .list-icon.icon-image li .jsn-listbullet, .jsn-joomla-25 .icon-image h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-image, .menu-iconmenu .jsn-icon-image > a > span, .list-icon.jsn-icon-image li .jsn-listbullet, .jsn-icon-image h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -774px; } .jsn-joomla-25 .link-icon.icon-info, .jsn-joomla-25 .menu-iconmenu .icon-info > a > span, .jsn-joomla-25 .list-icon.icon-info li .jsn-listbullet, .jsn-joomla-25 .icon-info h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-info, .menu-iconmenu .jsn-icon-info > a > span, .list-icon.jsn-icon-info li .jsn-listbullet, .jsn-icon-info h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -860px; } .jsn-joomla-25 .link-icon.icon-mail, .jsn-joomla-25 .menu-iconmenu .icon-mail > a > span, .jsn-joomla-25 .list-icon.icon-mail li .jsn-listbullet, .jsn-joomla-25 .icon-mail h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-mail, .menu-iconmenu .jsn-icon-mail > a > span, .list-icon.jsn-icon-mail li .jsn-listbullet, .jsn-icon-mail h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -946px; } .jsn-joomla-25 .link-icon.icon-online, .jsn-joomla-25 .menu-iconmenu .icon-online > a > span, .jsn-joomla-25 .list-icon.icon-online li .jsn-listbullet, .jsn-joomla-25 .icon-online h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-online, .menu-iconmenu .jsn-icon-online > a > span, .list-icon.jsn-icon-online li .jsn-listbullet, .jsn-icon-online h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -1032px; } .jsn-joomla-25 .link-icon.icon-rss, .jsn-joomla-25 .menu-iconmenu .icon-rss > a > span, .jsn-joomla-25 .list-icon.icon-rss li .jsn-listbullet, .jsn-joomla-25 .icon-rss h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-rss, .menu-iconmenu .jsn-icon-rss > a > span, .list-icon.jsn-icon-rss li .jsn-listbullet, .jsn-icon-rss h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -1118px; } .jsn-joomla-25 .link-icon.icon-search, .jsn-joomla-25 .menu-iconmenu .icon-search > a > span, .jsn-joomla-25 .list-icon.icon-search li .jsn-listbullet, .jsn-joomla-25 .icon-search h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-search, .menu-iconmenu .jsn-icon-search > a > span, .list-icon.jsn-icon-search li .jsn-listbullet, .jsn-icon-search h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -1204px; } .jsn-joomla-25 .link-icon.icon-selection, .jsn-joomla-25 .menu-iconmenu .icon-selection > a > span, .jsn-joomla-25 .list-icon.icon-selection li .jsn-listbullet, .jsn-joomla-25 .icon-selection h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-selection, .menu-iconmenu .jsn-icon-selection > a > span, .list-icon.jsn-icon-selection li .jsn-listbullet, .jsn-icon-selection h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -1290px; } .jsn-joomla-25 .link-icon.icon-settings, .jsn-joomla-25 .menu-iconmenu .icon-settings > a > span, .jsn-joomla-25 .list-icon.icon-settings li .jsn-listbullet, .jsn-joomla-25 .icon-settings h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-settings, .menu-iconmenu .jsn-icon-settings > a > span, .list-icon.jsn-icon-settings li .jsn-listbullet, .jsn-icon-settings h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -1376px; } .jsn-joomla-25 .link-icon.icon-star, .jsn-joomla-25 .menu-iconmenu .icon-star > a > span, .jsn-joomla-25 .list-icon.icon-star li .jsn-listbullet, .jsn-joomla-25 .icon-star h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-star, .menu-iconmenu .jsn-icon-star > a > span, .list-icon.jsn-icon-star li .jsn-listbullet, .jsn-icon-star h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -1462px; } .jsn-joomla-25 .link-icon.icon-statistics, .jsn-joomla-25 .menu-iconmenu .icon-statistics > a > span, .jsn-joomla-25 .list-icon.icon-statistics li .jsn-listbullet, .jsn-joomla-25 .icon-statistics h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-statistics, .menu-iconmenu .jsn-icon-statistics > a > span, .list-icon.jsn-icon-statistics li .jsn-listbullet, .jsn-icon-statistics h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -1548px; } .jsn-joomla-25 .link-icon.icon-user, .jsn-joomla-25 .menu-iconmenu .icon-user > a > span, .jsn-joomla-25 .list-icon.icon-user li .jsn-listbullet, .jsn-joomla-25 .icon-user h3.jsn-moduletitle span.jsn-moduleicon, .link-icon.jsn-icon-user, .menu-iconmenu .jsn-icon-user > a > span, .list-icon.jsn-icon-user li .jsn-listbullet, .jsn-icon-user h3.jsn-moduletitle span.jsn-moduleicon { background-position: 0 -1634px; } /* ============================== JOOMLA 3.0 CORE COMPONENT LAYOUT ============================== */ .jsn-joomla-30 .blog-featured .items-leading h2 { padding: 5px 0; } /* PAGE PAGINATION */ ul.jsn-pagination li { margin: 5px 0; } /* ============================== CSS3 EFFECTS ============================== */ /* ----- READ MORE ----- */ .readon { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; background-image:linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(216,216,216) 100%); background-image:-moz-linear-gradient(-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); } .readon:hover { box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; -webkit-box-shadow: 0 0 3px #333; } /* ----- GO TOP LINK ----- */ #jsn-gotoplink { transition: color 0.3s linear, background 0.3s ease-out; -moz-transition: color 0.3s linear, background 0.3s ease-out; -webkit-transition: color 0.3s linear, background 0.3s ease-out; } /* ----- TYPOGRAPHY STYLE ----- */ /* TEXT STYLES */ .text-box { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; } .text-box-highlight { transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; } .text-box-highlight:hover { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; } .text-highlight { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } /* LINK STYLES */ .link-button { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .link-button:hover { box-shadow: 0 0 3px #333; -moz-box-shadow: 0 0 3px #333; -webkit-box-shadow: 0 0 3px #333; } .link-button, .link-button a { transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; } .link-action { transition: color 0.3s linear, background 0.3s ease-out; -moz-transition: color 0.3s linear, background 0.3s ease-out; -webkit-transition: color 0.3s linear, background 0.3s ease-out; } .link-action:hover { text-shadow: 0 1px 0 rgba(0,0,0,0.5); } .link-highlight { transition: 0.3s ease-out; -moz-transition: 0.3s ease-out; -webkit-transition: 0.3s ease-out; } .link-highlight:hover { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 2px #999; -moz-box-shadow: 0 0 2px #999; -webkit-box-shadow: 0 0 2px #999; } .link-button.button-light, .link-button.button-light:hover { border-color: #999999; background-image: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:-moz-linear-gradient(-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:-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); } .link-button.button-dark, .link-button.button-dark:hover { background-image:linear-gradient(-90deg,rgb(79,79,79) 0%,rgb(51,51,51) 100%); background-image:-o-linear-gradient(-90deg,rgb(79,79,79) 0%,rgb(51,51,51) 100%); background-image:-moz-linear-gradient(-90deg,rgb(79,79,79) 0%,rgb(51,51,51) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(79,79,79)),color-stop(1, rgb(51,51,51))); background-image:-webkit-linear-gradient(-90deg,rgb(79,79,79) 0%,rgb(51,51,51) 100%); background-image:-ms-linear-gradient(-90deg,rgb(79,79,79) 0%,rgb(51,51,51) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4f4f4f,endColorstr=#ff333333,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff4f4f4f,endColorstr=#ff333333,GradientType=0); } .link-button.button-green, .link-button.button-green:hover { background-image:linear-gradient(-90deg,rgb(92,134,33) 0%,rgb(72,105,27) 100%); background-image:-o-linear-gradient(-90deg,rgb(92,134,33) 0%,rgb(72,105,27) 100%); background-image:-moz-linear-gradient(-90deg,rgb(92,134,33) 0%,rgb(72,105,27) 100%); background-image:-ms-linear-gradient(-90deg,rgb(92,134,33) 0%,rgb(72,105,27) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(92,134,33)),color-stop(1, rgb(72,105,27))); background-image:-webkit-linear-gradient(-90deg,rgb(92,134,33) 0%,rgb(72,105,27) 100%); background-image:-webkit-linear-gradient(-90deg,rgb(92,134,33) 0%,rgb(72,105,27) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5c8621,endColorstr=#ff48691b,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff5c8621,endColorstr=#ff48691b,GradientType=0); } .link-button.button-orange, .link-button.button-orange:hover { background-image:linear-gradient(-90deg,rgb(196,112,28) 0%,rgb(160,91,23) 100%); background-image:-o-linear-gradient(-90deg,rgb(196,112,28) 0%,rgb(160,91,23) 100%); background-image:-moz-linear-gradient(50% 0% -90deg,rgb(196,112,28) 0%,rgb(160,91,23) 100%); background-image:-ms-linear-gradient(-90deg,rgb(196,112,28) 0%,rgb(160,91,23) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(196,112,28)),color-stop(1, rgb(160,91,23))); background-image:-webkit-linear-gradient(-90deg,rgb(196,112,28) 0%,rgb(160,91,23) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc4701c,endColorstr=#ffa05b17,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffc4701c,endColorstr=#ffa05b17,GradientType=0); } .link-button.button-blue, .link-button.button-blue:hover { background-image:linear-gradient(-90deg,rgb(58,119,173) 0%,rgb(44,89,131) 100%); background-image:-o-linear-gradient(-90deg,rgb(58,119,173) 0%,rgb(44,89,131) 100%); background-image:-moz-linear-gradient(50% 0% -90deg,rgb(58,119,173) 0%,rgb(44,89,131) 100%); background-image:-ms-linear-gradient(-90deg,rgb(58,119,173) 0%,rgb(44,89,131) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(58,119,173)),color-stop(1, rgb(44,89,131))); background-image:-webkit-linear-gradient(-90deg,rgb(58,119,173) 0%,rgb(44,89,131) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3a77ad,endColorstr=#ff2c5983,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3a77ad,endColorstr=#ff2c5983,GradientType=0); } .link-button.button-red, .link-button.button-red:hover { background-image:linear-gradient(-90deg,rgb(140,35,35) 0%,rgb(112,29,29) 100%); background-image:-o-linear-gradient(-90deg,rgb(140,35,35) 0%,rgb(112,29,29) 100%); background-image:-moz-linear-gradient(50% 0% -90deg,rgb(140,35,35) 0%,rgb(112,29,29) 100%); background-image:-ms-linear-gradient(-90deg,rgb(140,35,35) 0%,rgb(112,29,29) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(140,35,35)),color-stop(1, rgb(112,29,29))); background-image:-webkit-linear-gradient(-90deg,rgb(140,35,35) 0%,rgb(112,29,29) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8c2323,endColorstr=#ff701d1d,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff8c2323,endColorstr=#ff701d1d,GradientType=0); } /* TABLE STYLES */ table.table-style th, table.table-style td { transition: background 0.3s ease-out; -moz-transition: background 0.3s ease-out; -webkit-transition: background 0.3s ease-out; } /* LIST STYLES */ ul.list-number-bullet li .jsn-listbullet { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } ul.list-number-bullet.bullet-blue li .jsn-listbullet { background-image:linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%); background-image:-moz-linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(28,107,179)),color-stop(1, rgb(51,57,63))); background-image:-webkit-linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%); background-image:-o-linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%); background-image:-ms-linear-gradient(-90deg,rgb(28,107,179) 0%,rgb(51,57,63) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1c6bb3,endColorstr=#ff33393f,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff1c6bb3,endColorstr=#ff33393f,GradientType=0); } ul.list-number-bullet.bullet-green li .jsn-listbullet { background-image:linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%); background-image:-moz-linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(66,158,0)),color-stop(1, rgb(38,91,0))); background-image:-webkit-linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%); background-image:-o-linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%); background-image:-ms-linear-gradient(-90deg,rgb(66,158,0) 0%,rgb(38,91,0) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff429e00,endColorstr=#ff265b00,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff429e00,endColorstr=#ff265b00,GradientType=0); } ul.list-number-bullet.bullet-grey li .jsn-listbullet { background-image:linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%); background-image:-moz-linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(133,133,133)),color-stop(1, rgb(56,56,56))); background-image:-webkit-linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%); background-image:-o-linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%); background-image:-ms-linear-gradient(-90deg,rgb(133,133,133) 0%,rgb(56,56,56) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff858585,endColorstr=#ff383838,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff858585,endColorstr=#ff383838,GradientType=0); } ul.list-number-bullet.bullet-orange li .jsn-listbullet { background-image:linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%); background-image:-moz-linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(230,96,0)),color-stop(1, rgb(116,50,0))); background-image:-webkit-linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%); background-image:-o-linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%); background-image:-ms-linear-gradient(-90deg,rgb(230,96,0) 0%,rgb(116,50,0) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe66000,endColorstr=#ff743200,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffe66000,endColorstr=#ff743200,GradientType=0); } ul.list-number-bullet.bullet-red li .jsn-listbullet { background-image:linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%); background-image:-moz-linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(191,0,0)),color-stop(1, rgb(113,0,0))); background-image:-webkit-linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%); background-image:-o-linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%); background-image:-ms-linear-gradient(-90deg,rgb(191,0,0) 0%,rgb(113,0,0) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0000,endColorstr=#ff710000,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffbf0000,endColorstr=#ff710000,GradientType=0); } ul.list-number-bullet.bullet-violet li .jsn-listbullet { background-image:linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%); background-image:-moz-linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%); background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(158,0,132)),color-stop(1, rgb(93,0,76))); background-image:-webkit-linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%); background-image:-o-linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%); background-image:-ms-linear-gradient(-90deg,rgb(158,0,132) 0%,rgb(93,0,76) 100%); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9e0084,endColorstr=#ff5d004c,GradientType=0)"; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff9e0084,endColorstr=#ff5d004c,GradientType=0); } /* FORM STYLE */ .inputbox { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s; -moz-transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s; -webkit-transition: color 0.1s linear, background 0.3s ease-out, border-color 0.3s; } #jsn-page .button { background-image: -ms-linear-gradient(top, #999, #777); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#999), to(#777)); background-image: -webkit-linear-gradient(top, #999, #777); background-image: -o-linear-gradient(top, #999, #777); background-image: linear-gradient(top, #999, #777); background-image: -moz-linear-gradient(top, #999, #777); background-repeat: repeat-x; border: 1px solid #000; *border: 0; border-color: rgba(0, 0, 0, 0.3) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4) rgba(0, 0, 0, 0.4); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; filter: progid:dximagetransform.microsoft.gradient(startColorstr='#999', endColorstr='#777', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); transition: color 0.1s linear, background 0.3s ease-out; -moz-transition: color 0.1s linear, background 0.3s ease-out; -webkit-transition: color 0.1s linear, background 0.3s ease-out; } .button:hover, .button:active { background-image: -ms-linear-gradient(top, #777, #555); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#777), to(#555)); background-image: -webkit-linear-gradient(top, #777, #555); background-image: -o-linear-gradient(top, #777, #555); background-image: linear-gradient(top, #777, #555); background-image: -moz-linear-gradient(top, #777, #555); filter: progid:dximagetransform.microsoft.gradient(startColorstr='#777', endColorstr='#555', GradientType=0); filter: progid:dximagetransform.microsoft.gradient(enabled=false); transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s; -moz-transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s; -webkit-transition: color 0.1s linear, background 0.3s ease-out, background-position 0.3s; } /* ----- MENU STYLES ----- */ /* GENERAL */ ul.menu-mainmenu li a, ul.menu-sidemenu li a, ul.menu-treemenu li a { transition: color 0.3s linear, background 0.3s ease-out; -moz-transition: color 0.3s linear, background 0.3s ease-out; -webkit-transition: color 0.3s linear, background 0.3s ease-out; } /* MAIN MENU - SIDE MENU */ ul.menu-mainmenu li ul, ul.menu-sidemenu li ul { -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; transition: all .3s ease-in-out; opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; } ul.menu-mainmenu li:hover > ul, ul.menu-sidemenu li:hover > ul { opacity: 100; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } /* Fix Hover Event on touch mobile devices */ @media only screen and (max-width: 960px), (max-device-width: 960px) { ul.menu-mainmenu li ul, ul.menu-sidemenu li ul { transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none; -o-transition: none; } } /* ----- SITE TOOLS ----- */ ul#jsn-sitetools-menu li ul { opacity: 0; top: 0; right: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -webkit-transition: all .3s; -moz-transition: all .15s; -o-transition: all .15s; -ms-transition: all .15s; transition: all .15s; } ul#jsn-sitetools-menu li:hover ul { opacity: 1; right: 32px; filter: alpha(opacity=100); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; } ul#jsn-sitetools-menu li, #jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_inner h3, #jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent { transition: background 0.15s ease-out; -moz-transition: background 0.15s ease-out; -webkit-transition: background 0.15s ease-out; } /* ----- MODULE STYLES ----- */ div[class*="box-"] div.jsn-modulecontainer_inner, div[class*="solid-"] div.jsn-modulecontainer_inner { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 0px 4px #666; -moz-box-shadow: 0px 0px 4px #666; -webkit-box-shadow: 0px 0px 4px #666; } /* ----- FONT STYLES ----- */ h3.jsn-moduletitle, #jsn-content-top div[class*="box-"] h3.jsn-moduletitle, #jsn-content-top div[class*="solid-"] h3.jsn-moduletitle, .contentheading, .componentheading, .subheading { text-shadow: 1px 1px 1px #e5e5e5; } ul.menu-mainmenu > li.active > a, div.box-grey h3.jsn-moduletitle, div[class*="richbox-"] h3.jsn-moduletitle, #jsn-content-top h3.jsn-moduletitle, #jsn-content-top div.box-grey h3.jsn-moduletitle, #jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle { text-shadow: 1px 1px 1px #000; } /* ----- OVERRIDE JOOMLA 30 ----- */ .jsn-joomla-30 .calendar .button { border-radius: none; -moz-border-radius: none; -webkit-border-radius: none; } /* PAGE PAGINATION */ ul.jsn-pagination li a, ul.jsn-pagination li span { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background-image: linear-gradient(to bottom, #FEFEFE 0%, #EAEFF1 100%); background-image: -ms-linear-gradient(top, #FEFEFE 0%, #EAEFF1 100%); background-image: -moz-linear-gradient(top, #FEFEFE 0%, #EAEFF1 100%); background-image: -o-linear-gradient(top, #FEFEFE 0%, #EAEFF1 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FEFEFE), color-stop(1, #EAEFF1)); background-image: -webkit-linear-gradient(top, #FEFEFE 0%, #EAEFF1 100%); } /** * @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: 75%; font-family: Arial, Helvetica, sans-serif; } /* =============== 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: 10px; } .jsn-joomla-30 fieldset { padding: 0; 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: #FFFFD5; border-left: 5px solid #404040; font-family: "Courier New",Courier,monospace; } blockquote { color: #404040; min-height: 45px; font-style: italic; padding-left: 60px; background: url(../images/icons/icon-text-blockquote.png) no-repeat top left; } blockquote p { font-size: 1em; line-height: inherit; } /* =============== DEFAULT HTML - HEADING STYLES =============== */ h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { color: #cc0000; font-size: 1.3em; } 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; } /* =============== DEFAULT HTML - LINK STYLES =============== */ a { outline: none; text-decoration: none; } a:hover { color: #444; text-decoration: underline; } a:active { text-decoration: none; } a img { border: none; } /* =============== DEFAULT HTML - LIST STYLES =============== */ ul li { padding: 0; margin: 0.3em 0 0.3em 1.6em; } ol li { padding: 0; margin: 0.3em 0 0.3em 2em; } /* ============================== LAYOUT ============================== */ /* =============== LAYOUT - GENERAL LAYOUT =============== */ .clearafter:after { height: 0; clear: both; content: "."; display: block; visibility: hidden; } .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: 15px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } 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-master { background: repeat-x fixed left top; } #jsn-page { color: #000; margin: 0 auto; width: 960px; background-color: #fff; border-left: 2px solid #000000; border-right: 2px solid #000000; } /* ----- 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-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.order1 + #jsn-pos-promo-left.order3 .jsn-modulecontainer, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo-left.order2 #jsn-pos-promo-right.order3 .jsn-modulecontainer, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo-left.order2[class*="offset-"] .jsn-modulecontainer, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo-left.order1 + #jsn-pos-promo-right.order2 .jsn-modulecontainer, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo-left.order2 + #jsn-pos-promo-right.order3 .jsn-modulecontainer { margin-left: -5px; margin-right: 15px; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo-right.order2 .jsn-modulecontainer, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo-left.order2 .jsn-modulecontainer, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo-right.order1 .jsn-modulecontainer, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo:not(.order2) + #jsn-pos-promo-left.order1 .jsn-modulecontainer { margin-right: -5px; margin-left: 15px; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span1[class*="order"] > div { margin: 0 -33.3333%; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2[class*="order"] > div { margin: 0 -14.2857%; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3[class*="order"] > div { margin: 0 -9.0909%; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4[class*="order"] > div { margin: 0 -6.6667%; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span5[class*="order"] > div { margin: 0 -5.2632%; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6[class*="order"] > div { margin: 0 -4.3478%; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7[class*="order"] > div { margin: 0 -3.7037%; } #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8[class*="order"] > div { margin: 0 -3.2258%; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span9 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9.order1 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9.order1 > div { margin: 0 -2.8571% 0 0; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span10 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9.order10 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span10.order1 > div { margin: 0 -2.5641% 0 0; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span8 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8.order1 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8.order1 > div { margin: 0 -3.2258% 0 0; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span7 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7.order1 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7.order1 > div { margin: 0 -3.7037% 0 0; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span6 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6.order1 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6.order1 > div { margin: 0 -4.3478% 0 0; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span5 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span5.order1 > div { margin: 0 -5.2632% 0 0; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span4 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4.order1 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4.order1 > div { margin: 0 -6.6667% 0 0; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span3 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3.order1 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3.order1 > div { margin: 0 -9.0909% 0 0; } #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span2 > div, #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2.order1 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2.order1 > div { margin: 0 -14.2857% 0 0; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span9.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9.order3 > div { margin: 0 0 0 -2.8571%; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span10 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span10.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span10.order3 > div { margin: 0 0 0 -2.5641%; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span8.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8.order3 > div { margin: 0 0 0 -3.2258%; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span7.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7.order3 > div { margin: 0 0 0 -3.7037%; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span6.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6.order3 > div { margin: 0 0 0 -4.3478%; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span5 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span5.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span5.order3 > div { margin: 0 0 0 -5.2632%; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span4.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4.order3 > div { margin: 0 0 0 -6.6667%; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span3.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3.order3 > div { margin: 0 0 0 -9.0909%; } #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2 > div, #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span2.order2 > div, #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2.order3 > div { margin: 0 0 0 -14.2857%; } .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span1[class*="order"] > div { margin: 0 -42.8571%; } .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2[class*="order"] > div { margin: 0 -17.6471%; } .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3[class*="order"] > div { margin: 0 -11.1111%; } .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4[class*="order"] > div { margin: 0 -8.1081%; } .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span5[class*="order"] > div { margin: 0 -6.383%; } .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6[class*="order"] > div { margin: 0 -5.2632%; } .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7[class*="order"] > div { margin: 0 -4.4776%; } .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8[class*="order"] > div { margin: 0 -3.8961%; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span9 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9.order1 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9.order1 > div { margin: 0 -3.4483% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span10 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9.order10 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span10.order1 > div { margin: 0 -3.0928% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span8 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8.order1 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8.order1 > div { margin: 0 -3.8961% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span7 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7.order1 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7.order1 > div { margin: 0 -4.4776% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span6 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6.order1 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6.order1 > div { margin: 0 -5.2632% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span5 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span5.order1 > div { margin: 0 -6.383% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span4 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4.order1 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4.order1 > div { margin: 0 -8.1081% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span3 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3.order1 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3.order1 > div { margin: 0 -11.1111% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2.order1 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2.order1 > div { margin: 0 -17.6471% 0 0; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span9.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span9.order3 > div { margin: 0 0 0 -3.4483%; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span10 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span10.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span10.order3 > div { margin: 0 0 0 -3.0928%; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span8.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span8.order3 > div { margin: 0 0 0 -3.8961%; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span7.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span7.order3 > div { margin: 0 0 0 -4.4776%; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span6.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span6.order3 > div { margin: 0 0 0 -5.2632%; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span5 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span5.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span5.order3 > div { margin: 0 0 0 -6.383%; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span4.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span4.order3 > div { margin: 0 0 0 -8.1081%; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span3.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span3.order3 > div { margin: 0 0 0 -11.1111%; } .jsn-responsive #jsn-content-top.jsn-haspromoleft #jsn-promo.row-fluid #jsn-pos-promo.span2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright #jsn-promo.row-fluid #jsn-pos-promo.span2.order2 > div, .jsn-responsive #jsn-content-top.jsn-haspromoright.jsn-haspromoleft #jsn-promo.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: -38px; } #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: -40px; } #jsn-content.jsn-hasleft.jsn-hasright #jsn-content_inner.jsn-flip #jsn-content_inner2 { background: none; } #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent #jsn-maincontent_inner { margin-left: -20px; margin-right: -20px; } #jsn-content.jsn-hasright #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order1 #jsn-maincontent_inner { margin-right: -20px; margin-left: 0; } #jsn-content.jsn-hasleft #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order3 #jsn-maincontent_inner, #jsn-content.jsn-hasright .order2 #jsn-maincontent_inner, #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order3 #jsn-maincontent_inner { margin-left: -20px; margin-right: 0; } #jsn-content.jsn-hasleft #jsn-maincontent.order1 #jsn-maincontent_inner { margin-left: 0; margin-right: -20px; } #jsn-maincontent.span12[class*="order"], #jsn-content.jsn-hasleft.jsn-hasright #jsn-maincontent.order2 { padding: 0; } /* ----- Component Area ----- */ #jsn-content.jsn-hasinnerleft:not([class*="jsn-hasinnerright"]) #jsn-maincontent.span12 #jsn-centercol { padding-right: 15px; } #jsn-content.jsn-hasinnerright:not([class*="jsn-hasinnerleft"]) #jsn-maincontent.span12 #jsn-centercol { padding-left: 15px; } #jsn-content.jsn-hasinnerleft.jsn-hasinnerright #jsn-maincontent.span12 #jsn-centercol { padding: 0; } /* =============== LAYOUT - HEADER AREA =============== */ #jsn-logo a { line-height: 100%; display: inline-block; } #jsn-headerright { padding: 20px; } #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; } /* =============== LAYOUT - MENU AREA =============== */ #jsn-menu { z-index: 999; color: #f2f2f2; position: relative; background-color: #282828; } #jsn-pos-toolbar { float: right; } #jsn-pos-toolbar div.jsn-modulecontainer { float: right; margin-left: 10px; } #jsn-pos-toolbar form { margin: 0; } /* =============== LAYOUT - CONTENT TOP AREA =============== */ #jsn-content-top { z-index: 88; color: #D4D4D4; padding-top: 3px; position: relative; border-bottom: 5px solid #404040; background: #595959 url(../images/backgrounds/bg-promo.jpg) left top repeat-x; } #jsn-content-top h3.jsn-moduletitle { color: #fff; } #jsn-pos-promo-left div.jsn-modulecontainer, #jsn-pos-promo-right div.jsn-modulecontainer { margin: 15px; } /* =============== LAYOUT - CONTENT AREA =============== */ #jsn-content, [id*="jsn-content_inner"] { position: relative; } #jsn-content { overflow: hidden; } #jsn-content, [id*="jsn-content_inner"] { z-index: 87\0; } div.jsn-hasleft #jsn-content_inner { background: #E5E5E5 url(../images/backgrounds/bg-leftside.png) right top repeat-y; } div.jsn-hasright #jsn-content_inner2 { background: #E5E5E5 url(../images/backgrounds/bg-rightside.png) left top repeat-y; } div.jsn-hasright #jsn-content_inner2.jsn-flip { background-image: url("../images/backgrounds/bg-leftside.png"); background-position: right top; } div.jsn-hasleft #jsn-content_inner.jsn-flip { background-image: url("../images/backgrounds/bg-rightside.png"); background-position: left top; } div.jsn-hasinnerleft #jsn-content_inner4 { border-right: 1px solid #dedede; } div.jsn-hasinnerright #jsn-content_inner6 { border-left: 1px solid #dedede; } #jsn-leftsidecontent, #jsn-rightsidecontent { z-index: 87; } #jsn-leftsidecontent_inner, #jsn-rightsidecontent_inner, #jsn-pos-innerleft_inner, #jsn-pos-innerright_inner { padding: 15px; } #jsn-content.jsn-hasinnerleft.jsn-hasinnerright #jsn-centercol_inner { padding: 0; margin-left: -15px; margin-right: -15px; } #jsn-content.jsn-hasinnerleft #jsn-centercol_inner { margin-left: -15px; } #jsn-content.jsn-hasinnerright #jsn-centercol_inner { margin-right: -15px; } #jsn-mainbody { padding: 1.2em; } #jsn-pos-breadcrumbs { padding: 10px 15px; } #jsn-pos-breadcrumbs, #jsn-pos-user-top, #jsn-usermodules1, #jsn-pos-mainbody-top, #jsn-pos-user-bottom, #jsn-pos-banner, #jsn-usermodules2, #jsn-pos-mainbody-bottom { background-image: url(../images/dot.png); background-repeat: repeat-x; } #jsn-pos-breadcrumbs, #jsn-pos-user-top, #jsn-usermodules1, #jsn-pos-mainbody-top { background-position: left bottom; } #jsn-pos-user-bottom, #jsn-pos-banner, #jsn-usermodules2, #jsn-pos-mainbody-bottom { background-position: left top; } #jsn-usermodules1_inner_grid2, #jsn-usermodules2_inner_grid2 { width: 100%; } #jsn-pos-banner { margin: 0 auto; padding: 20px; text-align: center; } /* =============== LAYOUT - CONTENT BOTTOM AREA =============== */ #jsn-content-bottom { z-index: 85; position: relative; border-top: 1px solid #ffffff; border-bottom: 6px solid #404040; background: #d9d9d9 url(../images/backgrounds/bg-usermodules3.png) left top repeat-x; box-shadow: inset 0 1px #FFF; } #jsn-pos-content-bottom + #jsn-usermodules3 { padding-top: 0; } /* =============== LAYOUT - FOOTER AREA =============== */ #jsn-footer { color: #595959; font-size: 0.9em; background-color: #fff; border-top: 1px solid #b3b3b3; } #jsn-footermodules { } #jsn-footer a { text-decoration: none; } #jsn-footer a:hover { text-decoration: underline; } #jsn-pos-bottom { text-align: right; } #jsn-brand { padding-top: 10px; display: block; padding: 3px 8px; color: #009ACA; text-align: center; } #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: .2em .5em; background: #FFFFAA; } .text-highlight.highlight-green { color: #fff; background: #48691b; } .text-highlight.highlight-light { color: #000; background: #e5e5e5; } .text-highlight.highlight-dark { color: #fff; background: #595959; } .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 { font-weight: bold; padding: 1px 2px; text-decoration: none; } .link-action:hover { color: #ffffff; 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 #e5e5e5; } img.image-margin { margin: .5em; } /* ============================== MENU ============================== */ /* =============== MENU - GENERAL =============== */ /* ----- RICH MENU STYLE ----- */ .jsn-menutitle, .jsn-menudescription { display: block; } .jsn-menudescription { color: #B8B8B8; font-size: 0.9em; font-weight: normal; } /* =============== MENU - MAIN MENU =============== */ /* ----- GENERAL ----- */ div.jsn-modulecontainer ul.menu-mainmenu { margin: 0; padding: 0; clear: both; } 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 { border-right: 1px solid #404040; } div.jsn-modulecontainer ul.menu-mainmenu li a { color: #CCC; display: block; cursor: pointer; padding: 8px 12px; } div.jsn-modulecontainer ul.menu-mainmenu > li > a { font-size: 1.1em; border-right: 1px solid #000; } div.jsn-modulecontainer ul.menu-mainmenu > li > a { padding: 10px 12px; } 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; padding-top: 2px; } div.jsn-modulecontainer ul.menu-mainmenu.menu-richmenu > li > a.jsn-nodescription { padding: 10px 12px 30px; } /* ----- 1st LEVEL ----- */ div.jsn-modulecontainer ul.menu-mainmenu ul { margin: 0; padding: 0; width: 200px; left: -999em; position: absolute; } div.jsn-modulecontainer ul.menu-mainmenu ul li { width: 200px; } div.jsn-modulecontainer ul.menu-mainmenu ul ul { top: 0; margin-left: 199px; } /* ----- PARENT ITEMS / ADD ARROW TO ITEMS HAVE SUBLEVEL ----- */ div.jsn-modulecontainer ul.menu-mainmenu ul li.parent > a { padding-right: 16px; background: url(../images/icons/icon-arrow-white.png) 98% center no-repeat; } /* ----- HOVER STATE ----- */ div.jsn-modulecontainer ul.menu-mainmenu li:hover > a { color: #fff; text-decoration: none; } div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a { background-color: #404040; } /* ----- ACTIVE STATE ----- */ div.jsn-modulecontainer ul.menu-mainmenu li.active > a { color: #fff; } div.jsn-modulecontainer ul.menu-mainmenu > li.active > a { background-color: #404040; } /* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */ div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul { 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 { border-top: 1px dotted #b3b3b3; } div.jsn-modulecontainer ul.menu-treemenu li { margin: 0; padding: 0; position: relative; } div.jsn-modulecontainer ul.menu-treemenu > li { border-bottom: 1px dotted #b3b3b3; } div.jsn-modulecontainer ul.menu-treemenu li a { padding: 6px 12px; display: block; color: #404040; cursor: pointer; text-decoration: none; } div.jsn-modulecontainer ul.menu-treemenu > li > a { padding: 8px 12px; } ul.menu-treemenu li a span { display: block; } ul.menu-treemenu li > a > span { padding-left: 18px; background: url(../images/icons/icons-base.png) left -343px no-repeat; } div[class*="box-"] ul.menu-treemenu { margin: 5px -15px -15px; } div.box-grey ul.menu-treemenu li a, div[class*="richbox-"] ul.menu-treemenu li a { color: #d9d9d9; } /* ----- 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 { color: #595959; display: block; } div.box-grey ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription, div[class*="richbox-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription { color: #B8B8B8; } /* ---------- 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, div.jsn-modulecontainer ul.menu-treemenu li a.current { color: #000000; background-color: #d9d9d9; } div.box-yellow ul.menu-treemenu li a:hover, div.box-yellow ul.menu-treemenu li a.current { background-color: #FAFACF; } div.box-grey ul.menu-treemenu li a:hover, div.box-grey ul.menu-treemenu li a.current, div.richbox-1 ul.menu-treemenu li a:hover, div.richbox-1 ul.menu-treemenu li a.current { color: #fff; background-color: #474747; } div.richbox-2 ul.menu-treemenu li a:hover, div.richbox-2 ul.menu-treemenu li a.current { color: #fff; } /* =============== MENU - DIV MENU =============== */ ul.menu-divmenu { margin: 0; padding: 0; float: left; 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; float: left; display: inline; 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: #000; display: block; } ul.menu-topmenu li a:hover { text-decoration: underline; } ul.menu-topmenu li a span { display: block; } /* ============================== MODULE STYLES ============================== */ h3.jsn-moduletitle { margin: 0; color: #000; font-size: 1.2em; padding-bottom: 5px; } h3.jsn-moduletitle span { display: block; line-height: 16px; } /* =============== MODULE STYLES - MODULE BOXES =============== */ /* ----- GENERAL MODULE STYLES ----- */ div[class*="box-"] div.jsn-modulecontainer_inner, div[class*="solid-"] div.jsn-modulecontainer_inner { padding: 15px; } /* ----- BOX YELLOW STYLE ----- */ div.box-yellow div.jsn-modulecontainer_inner { background: #FEFEF5 url(../images/module-styles/box-yellow.png) left bottom repeat-x; } /* ----- BOX GREY STYLE ----- */ div.box-grey div.jsn-modulecontainer_inner { background: #323232 url(../images/module-styles/box-grey.png) left bottom repeat-x; } /* ----- RICHBOX STYLE ----- */ div.richbox-1 div.jsn-modulecontainer_inner { background: #323232 url(../images/module-styles/richbox-1.png) left bottom repeat-x; } /* ----- CUSTOM BOX STYLE IN SPECIFIC POSITION ----- */ #jsn-content-top div[class*="box-"], #jsn-content-top div[class*="box-"] h3.jsn-moduletitle { color: #000; } div.box-grey, div[class*="richbox-"], #jsn-content-top div.box-grey, #jsn-content-top div[class*="richbox-"] { color: #d4d4d4; } div.box-grey h3.jsn-moduletitle, div[class*="richbox-"] h3.jsn-moduletitle, #jsn-content-top div.box-grey h3.jsn-moduletitle, #jsn-content-top div[class*="richbox-"] h3.jsn-moduletitle { color: #FFF; } /* ============================== 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: 2px 4px; min-height: 22px; } .inputbox:active, .inputbox:focus { border-color: #b5b5b5; background-color: #f2f2f2; } select.inputbox { padding: 2px; } #jsn-page .button { display: inline-block; *display: inline; padding: 4px 10px; margin: 0 0 2px; font-size: 13px; line-height: 18px; *line-height: 20px; color: #eee; text-align: center; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.8); vertical-align: middle; cursor: pointer; background-color: #999; } .button:hover, .button:active { background-color: #777; 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; } /* ----- 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: 10px 0; clear: both; } .formelm .fltlft { float: left; } .formelm label { display: inline-block; width: 25%; float: left; } /* ----- READ MORE ----- */ a.readon { color: #000; cursor: pointer; font-size: 1.1em; padding: 5px 12px; font-weight: bold; border: #999 1px solid; display: inline-block; background: #F4F4F4; } a.readon:hover { text-decoration: none; background-color: #e5e5e5; } /* ----- 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; } 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: 5px 10px; 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: 6px 10px; 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; font-size: 1.1em; 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; } .jsn-joomla-30 div.search .inputbox { width: auto; max-width: 100%; } /* =============== 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: 20px; } #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 { padding-left: 8px; float: left; } span.breadcrumbs a + span.current { margin-left: 8px; } span.breadcrumbs a.first { padding-left: 0; } 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; font-size: 0.9em; } .breadcrumb li { display: inline-block; *display: inline; *zoom: 1; text-shadow: 0 1px 0 #fff; margin: 0; } .breadcrumb li a, .breadcrumb li span { color: #404040; } .breadcrumb li a, .breadcrumb li span + span { display: inline-block; } .breadcrumb li span + span { font-weight: bold; background: none; } .breadcrumb a, .breadcrumb li span { padding: 0 25px 0 0; background: url("../images/icons/icon-arrow-black.png") 95% center no-repeat; } .breadcrumb > li > .divider { padding: 0 !important; } .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 { min-height: 15px; } 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 .input-append .btn { padding: 7px 14px 6px; 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 .page-header { border-bottom: none; margin-bottom: 0; }
Save
Cancel