BossBey File Manager

Editing: template_pro.css

@author    JoomlaShine.com httpwww.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;
	margin0;
}
 =============== 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 ahover,
#jsn-menu div.display-inline.jsn-modulecontainer ahover {
	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_innerhover h3.jsn-moduletitle {
	background #4a4a4a;
	color #FFF;
}
#jsn-menu .jsn-modulecontainer.display-dropdown .jsn-modulecontainer_innerhover .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(..imagesiconsicon-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-gotoplinkhover {
	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(..imagesiconsicon-text-alert.png) no-repeat;
}
.text-info {
	border-top 2px solid #B7D2F2;
	border-bottom 2px solid #B7D2F2;
	background #DBE7F8 url(..imagesiconsicon-text-info.png) no-repeat;
}
.text-download {
	border-top 2px solid #DDEDBC;
	border-bottom 2px solid #DDEDBC;
	background #F2F9E5 url(..imagesiconsicon-text-download.png) no-repeat;
}
.text-comment {
	border-top 2px solid #FEEBAB;
	border-bottom 2px solid #FEEBAB;
	background #FEF8E1 url(..imagesiconsicon-text-comment.png) no-repeat;
}
.text-tip {
	border-top 2px solid #FEEBAB;
	border-bottom 2px solid #FEEBAB;
	background #FFFFD5 url(..imagesiconsicon-text-tip.png) no-repeat;
}
.text-attachment {
	border-top 2px solid #e5e5e5;
	border-bottom 2px solid #e5e5e5;
	background #f2f2f2 url(..imagesiconsicon-text-attachment.png) no-repeat;
}
.text-video {
	border-top 2px solid #e5e5e5;
	border-bottom 2px solid #e5e5e5;
	background #f2f2f2 url(..imagesiconsicon-text-video.png) no-repeat;
}
.text-audio {
	border-top 2px solid #e5e5e5;
	border-bottom 2px solid #e5e5e5;
	background #f2f2f2 url(..imagesiconsicon-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-buttonhover {
	border-color #000;
}
a.link-buttonhover,
.link-button ahover {
	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(..imagesiconsicons-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 trhover th,
table.table-style tbody trhover td {
	background #E4E4E4;
}
table.table-style tbody trhover .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 visible9;
	display none9;
}
div.jsn-modulecontainer ul.menu-mainmenu lihover  ul {
	visibility visible;
	display block9;
}
ul.menu-mainmenu.jsn-desktop-on-mobile ul {
	display none;
}
ul.menu-mainmenu.jsn-desktop-on-mobile lihover  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(..imagesiconsicon-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 ahover,
div.box-blue ul.menu-treemenu li a.current {
	background-color #CFF0FA;
}
div.solid-1 ul.menu-treemenu li ahover,
div.solid-1 ul.menu-treemenu li a.current {
	background-color #FAFACF;
}
div.box-green ul.menu-treemenu li ahover,
div.box-green ul.menu-treemenu li a.current,
div.solid-2 ul.menu-treemenu li ahover,
div.solid-2 ul.menu-treemenu li a.current {
	background-color #E7FACF;
}
div.lightbox-1 ul.menu-treemenu li ahover,
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(..imagesiconsicon-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(..imagesiconsicons-base.png) left -343px no-repeat;
}
div.jsn-modulecontainer ul.menu-sidemenu ul {
	visibility hidden;
	visibility visible9;
	display none9;
}
div.jsn-modulecontainer ul.menu-sidemenu lihover  ul {
	visibility visible;
	display block9;
}
 ----- 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(..imagesiconsicon-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(..imagesiconsicon-arrow-white.png) 98% center no-repeat;
}
 ----- HOVER STATE ----- 
div.jsn-modulecontainer ul.menu-sidemenu lihover  a {
	color #fff;
}
div.jsn-modulecontainer ul.menu-sidemenu  lihover  a {
	color #000;
	background-color #d9d9d9;
}
 ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- 
div.box-blue ul.menu-sidemenu  lihover  a {
	background-color #CFF0FA;
}
div.box-yellow ul.menu-sidemenu  lihover  a,
div.solid-1 ul.menu-sidemenu  lihover  a {
	background-color #FAFACF;
}
div.box-green ul.menu-sidemenu  lihover  a,
div.solid-2 ul.menu-sidemenu  lihover  a {
	background-color #E7FACF;
}
div.box-grey ul.menu-sidemenu  lihover  a,
div.richbox-1 ul.menu-sidemenu  lihover  a {
	color #fff;
	background-color #474747;
}
div.richbox-2 ul.menu-sidemenu  lihover  a {
	color #fff;
}
div.lightbox-1 ul.menu-sidemenu  lihover  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 lihover  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(..imagesiconsicons-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(..imagesiconsicons-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(..imagesiconsicons-uni.png) center -1368px no-repeat;
}
ul#jsn-sitetools-menu li,
ul#jsn-sitetools-inline li {
	position relative;
}
ul#jsn-sitetools-menu  lihover {
	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 visible9;
	display none9;
}
ul#jsn-sitetools-menu lihover ul {
	visibility visible;
	display block9;
}
body.jsn-desktop-on-mobile ul#jsn-sitetools-menu li ul {
	display none;
}
body.jsn-desktop-on-mobile ul#jsn-sitetools-menu lihover 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-bluehover,
#jsn-selector-red.current,
#jsn-selector-redhover,
#jsn-selector-green.current,
#jsn-selector-greenhover,
#jsn-selector-violet.current,
#jsn-selector-violethover,
#jsn-selector-orange.current,
#jsn-selector-orangehover,
#jsn-selector-grey.current,
#jsn-selector-greyhover {
	background-image url(..imagesiconsicons-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-bluehover {
	background-position -20px -20px;
}
#jsn-selector-red.current,
#jsn-selector-redhover {
	background-position -40px -20px;
}
#jsn-selector-green.current,
#jsn-selector-greenhover {
	background-position -60px -20px;
}
#jsn-selector-violet.current,
#jsn-selector-violethover {
	background-position -80px -20px;
}
#jsn-selector-orange.current,
#jsn-selector-orangehover {
	background-position -100px -20px;
}
#jsn-selector-grey.current,
#jsn-selector-greyhover {
	background-position -120px -20px;
}
 =============== MODULE STYLES - MODULE BOXES =============== 
 ----- BOX BLUE STYLE ----- 
div.box-blue div.jsn-modulecontainer_inner {
	background #F5FCFE url(..imagesmodule-stylesbox-blue.png) left bottom repeat-x;
}
 ----- BOX GREEN STYLE ----- 
div.box-green div.jsn-modulecontainer_inner {
	background #FAFEF5 url(..imagesmodule-stylesbox-green.png) left bottom repeat-x;
}
 ----- SOLIDBOX STYLE ----- 
div.solid-1 div.jsn-modulecontainer_inner {
	background #FEFEF5 url(..imagesmodule-stylessolid-1.png) left bottom repeat-x;
}
div.solid-2 div.jsn-modulecontainer_inner {
	background #FAFEF5 url(..imagesmodule-stylessolid-2.png) left bottom repeat-x;
}
 ----- LIGHTBOX STYLE ----- 
div.lightbox-1 div.jsn-modulecontainer_inner {
	background #E9E9E9 url(..imagesmodule-styleslightbox-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(..imagesiconsicons-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-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0);
}
.readonhover {
	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-highlighthover {
	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-buttonhover {
	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-actionhover {
	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-highlighthover {
	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-lighthover {
	border-color #999999;
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#ffd8d8d8,GradientType=0);
}
.link-button.button-dark,
.link-button.button-darkhover {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff4f4f4f,endColorstr=#ff333333,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff4f4f4f,endColorstr=#ff333333,GradientType=0);
}
.link-button.button-green,
.link-button.button-greenhover {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff5c8621,endColorstr=#ff48691b,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff5c8621,endColorstr=#ff48691b,GradientType=0);
}
.link-button.button-orange,
.link-button.button-orangehover {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffc4701c,endColorstr=#ffa05b17,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffc4701c,endColorstr=#ffa05b17,GradientType=0);
}
.link-button.button-blue,
.link-button.button-bluehover {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff3a77ad,endColorstr=#ff2c5983,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff3a77ad,endColorstr=#ff2c5983,GradientType=0);
}
.link-button.button-red,
.link-button.button-redhover {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff8c2323,endColorstr=#ff701d1d,GradientType=0);
	filterprogidDXImageTransform.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-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff1c6bb3,endColorstr=#ff33393f,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff1c6bb3,endColorstr=#ff33393f,GradientType=0);
}
ul.list-number-bullet.bullet-green li .jsn-listbullet {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff429e00,endColorstr=#ff265b00,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff429e00,endColorstr=#ff265b00,GradientType=0);
}
ul.list-number-bullet.bullet-grey li .jsn-listbullet {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff858585,endColorstr=#ff383838,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff858585,endColorstr=#ff383838,GradientType=0);
}
ul.list-number-bullet.bullet-orange li .jsn-listbullet {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffe66000,endColorstr=#ff743200,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffe66000,endColorstr=#ff743200,GradientType=0);
}
ul.list-number-bullet.bullet-red li .jsn-listbullet {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffbf0000,endColorstr=#ff710000,GradientType=0);
	filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ffbf0000,endColorstr=#ff710000,GradientType=0);
}
ul.list-number-bullet.bullet-violet li .jsn-listbullet {
	background-imagelinear-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-filterprogidDXImageTransform.Microsoft.gradient(startColorstr=#ff9e0084,endColorstr=#ff5d004c,GradientType=0);
	filterprogidDXImageTransform.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 progiddximagetransform.microsoft.gradient(startColorstr='#999', endColorstr='#777', GradientType=0);
	filter progiddximagetransform.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;
}
.buttonhover,
.buttonactive {
	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 progiddximagetransform.microsoft.gradient(startColorstr='#777', endColorstr='#555', GradientType=0);
	filter progiddximagetransform.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-filterprogidDXImageTransform.Microsoft.Alpha(Opacity=0);
}
ul.menu-mainmenu lihover  ul,
ul.menu-sidemenu lihover  ul {
	opacity 100;
	filter alpha(opacity=100);
	-ms-filterprogidDXImageTransform.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-filterprogidDXImageTransform.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 lihover ul {
	opacity 1;
	right 32px;
	filter alpha(opacity=100);
	-ms-filterprogidDXImageTransform.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%);
}

Cancel