/**



* @author    JoomlaShine.com http://www.joomlashine.com



* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.



* @license   GNU/GPL v2 http://www.gnu.org/licenses/gpl-2.0.html



*/



/* ============================== 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: 5px 0 15px 0;



}



fieldset {



  padding: 10px;



}



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;



}



/* =============== DEFAULT HTML - HEADING STYLES =============== */



h1 {



  color: #000000;



  font-size: 1.6em;



}



h2 {



  color: #000000;



  font-size: 1.5em;



}



h3 {



  color: #CC3333;



  font-size: 1.4em;



}



h4 {



  color: #CC8033;



  font-size: 1.3em;



}



h5, h6 {



  color: #333333;



  font-size: 1.2em;



  font-weight: bold;



}



h1, h2, h3, h4, h5, h6 {



  font-weight: normal;



  margin: 10px 0 5px 0;



}



/* =============== DEFAULT HTML - LINK STYLES =============== */



a {



  outline: none;



  text-decoration: none;



}



a:hover {



  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: 15px;



}



div.jsn-modulecontainer:first-child,



div.jsn-horizontallayout div.jsn-modulecontainer {



  margin-top: 0;



}



div.jsn-modulescontainer div.jsn-modulecontainer_inner {



  margin: 10px;



}



div.jsn-modulescontainer2 div.jsn-modulecontainer {



  float: left;



  width: 49.95%;



}



div.jsn-modulescontainer3 div.jsn-modulecontainer {



  float: left;



  width: 33.3%;



}



div.jsn-modulescontainer4 div.jsn-modulecontainer {



  float: left;



  width: 24.975%;



}



div.jsn-modulescontainer5 div.jsn-modulecontainer {



  float: left;



  width: 19.98%;



}



div.jsn-modulescontainer6 div.jsn-modulecontainer {



  float: left;



  width: 16.65%;



}



div.jsn-modulescontainer2 #jsn-pos-user1,



div.jsn-modulescontainer2 #jsn-pos-user2,



div.jsn-modulescontainer2 #jsn-pos-user3,



div.jsn-modulescontainer2 #jsn-pos-user4,



div.jsn-modulescontainer2 #jsn-pos-user5,



div.jsn-modulescontainer2 #jsn-pos-user6,



div.jsn-modulescontainer2 #jsn-pos-user7 {



  float: left;



  width: 49.95%;



}



div.jsn-modulescontainer3 #jsn-pos-user5,



div.jsn-modulescontainer3 #jsn-pos-user6,



div.jsn-modulescontainer3 #jsn-pos-user7 {



  float: left;



  width: 33.3%;



}



#jsn-usermodules1 div.jsn-modulecontainer,



#jsn-usermodules2 div.jsn-modulecontainer,



#jsn-usermodules3 div.jsn-modulecontainer {



  float: none;



  width: auto;



}



/* =============== LAYOUT - OVERALL PAGE =============== */



#jsn-master {



  text-align: center;



}



#jsn-page {



margin-top:10px;



  color: #666;



  text-align: left;



}



/* ----- STICKLEFT / STICKRIGHT ----- */



div[id*=jsn-pos-stick-] {



  position: fixed;



}



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 - HEADER AREA =============== */



#jsn-header_inner {



  position: relative;



}



#jsn-logo a {



  line-height: 100%;



  display: inline-block;



}



#jsn-headerright {



  top: 18px;



  right: 0;



  position: absolute;



}



#jsn-headerright #jsn-pos-top {



  float: right;



}



#jsn-pos-top form {



  margin: 4px 0;



}



#jsn-pos-top div.jsn-modulecontainer {



  float: right;



  margin-left: 10px;



}



/* =============== LAYOUT - MENU AREA =============== */



#jsn-menu {



  z-index: 89;



  color: #f2f2f2;



  position: relative;



}



#jsn-pos-mainmenu {



  margin-left:auto;

  margin-right:auto;



}



#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 {



  margin-top: 12px;

}

#jsn-promo {



  background: #FFF url(../images/backgrounds/bg.png);



}



#jsn-promo a {



  color: #FFF;



}



#jsn-promo h3.jsn-moduletitle {



  color: #fff;



}



#jsn-pos-promo-left_inner,



#jsn-pos-promo-right_inner {



  padding: 0px 4px;



}



#jsn-pos-promo-left_inner div.jsn-modulecontainer,



#jsn-pos-promo-right_inner div.jsn-modulecontainer {



  padding-bottom: 5px;



}



#jsn-pos-content-top {



  z-index: 88;



  color: #999;



  margin-top: 12px;



  padding: 5px;



  position: relative;



  background-color: #fff;



}



/* =============== LAYOUT - CONTENT AREA =============== */



#jsn-content,



#jsn-maincontent_inner1,



#jsn-maincontent_inner2,



#jsn-maincontent_inner3,



#jsn-maincontent_inner4,



#jsn-maincontent_inner5,



#jsn-maincontent,



#jsn-centercol,



#jsn-pos-innerleft,



#jsn-pos-innerright,



#jsn-leftsidecontent,



#jsn-rightsidecontent {



  position: relative;



}



#jsn-content {



  z-index: 88;



  overflow: hidden;



  margin-top: 12px;



}



div.jsn-hasleft #jsn-maincontent_inner {



  margin-left: 10px;



}



div.jsn-hasright #jsn-maincontent_inner {



  margin-right: 10px;



}



div.jsn-hasinnerleft #jsn-maincontent_inner2,



div.jsn-hasinnerright #jsn-maincontent_inner4 {



  background-color: #F2F2F2;



}



div.jsn-hasinnerleft #jsn-maincontent_inner2 {



  border-right: 1px solid #dedede;



}



div.jsn-hasinnerright #jsn-maincontent_inner4 {



  border-left: 1px solid #dedede;



}



#jsn-leftsidecontent,



#jsn-rightsidecontent {



  z-index: 87;



}



#jsn-pos-innerleft_inner,



#jsn-pos-innerright_inner {



  padding: 10px 0;



}



#jsn-maincontent_inner1 {



  margin: 0 4px;



  overflow: hidden;



  background-color: #fff;



  border-top: 3px solid #D4D4D4;



}



#jsn-centercol_inner {



  padding: 0 10px;



}



#jsn-mainbody {



  padding: 12px 8px;



}



#jsn-pos-breadcrumbs {



  margin-bottom: -4px;



}



#jsn-pos-breadcrumbs_inner {



  padding-bottom: 4px;



}



#jsn-pos-user-top,



#jsn-usermodules1,



#jsn-pos-mainbody-top,



#jsn-pos-mainbody-bottom,



#jsn-usermodules2,



#jsn-pos-user-bottom {



  padding: 10px 5px;



}



#jsn-pos-content-bottom,



#jsn-usermodules3 {



  padding: 5px;



}



#jsn-pos-user-top,



#jsn-usermodules1,



#jsn-pos-mainbody-top {



  background: url(../images/dot.png) left bottom repeat-x;



}



#jsn-pos-user-bottom,



#jsn-pos-banner,



#jsn-usermodules2,



#jsn-pos-mainbody-bottom {



  background: url(../images/dot.png) left top repeat-x;



}



#jsn-usermodules1_inner_grid2,



#jsn-usermodules2_inner_grid2 {



  width: 100%;



}



#jsn-pos-banner {



  margin: 0 auto;



  padding: 20px 0;



  text-align: center;



}



/* =============== LAYOUT - CONTENT BOTTOM AREA =============== */



#jsn-content-bottom {



  z-index: 88;



  position: relative;



  margin-top: 12px;



  background: #fff;



}



/* =============== LAYOUT - FOOTER AREA =============== */



#jsn-footer {



  color: #818181;



  font-size: 0.9em;



  margin-top: 12px;



  background-color: #f2f2f2;



  border-top: 5px solid #d4d4d4;



}



#jsn-footer_inner {



  padding: 10px 0;



}



#jsn-footer a {



  text-decoration: none;



}



#jsn-footer a:hover {



  text-decoration: underline;



}



#jsn-pos-bottom {



  text-align: right;



}



#jsn-footer.jsn-positionscontainer2 div#jsn-footerleft {



  float: left;



  width: 49.95%;



}



#jsn-footer.jsn-positionscontainer2 div#jsn-footerright {



  float: right;



  color: #fff;



  width: 49.95%;



}



#jsn-brand {



  padding-top: 10px;



}



#jsn-brand a {



  display: block;



  width: 100px;



  height: 20px;



  margin: 0 auto;



  text-indent: -999px;



  overflow: hidden;



  background: url(../images/logo-footer-dark.png) left center no-repeat;



}



/* ============================== 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,



.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;



}



#jsn-promo .link-action,



div[class*="richbox-"] .link-action {



  color: #FFF;



  border-bottom: 1px solid #FFF;



}



#jsn-promo .link-action:hover,



div[class*="richbox-"] .link-action:hover {



  background-color: #FFF;



  border-bottom: 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 {



  font-size: 0.9em;



  font-weight: normal;



}



/* =============== MENU - MAIN MENU =============== */



/* ----- GENERAL ----- */



div.jsn-modulecontainer ul.menu-mainmenu {



  margin: 0 auto;



  padding: 0;



  clear: both;



}



div.jsn-modulecontainer ul.menu-mainmenu li {



  margin: 0 13px;



  padding: 0;



  float: left;



  position: relative;



  list-style-type: none;



}



div.jsn-modulecontainer ul.menu-mainmenu > li {



  margin-right: 5px;



}



div.jsn-modulecontainer ul.menu-mainmenu li a {



  color: #FFF;



  display: block;



  cursor: pointer;



  padding: 6px 8px;



}



div.jsn-modulecontainer ul.menu-mainmenu > li > a {



  color: #28565C;



  font-size: 1.1em;



  font-weight: bold;



  padding: 6px 15px;



  border-bottom: 5px solid #C0CACC;



}



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;



}



/* ----- 1st LEVEL ----- */



div.jsn-modulecontainer ul.menu-mainmenu ul {



  margin: 0;



  padding: 0;



  width: 185px;



  left: -999em;



  position: absolute;



}



div.jsn-modulecontainer ul.menu-mainmenu ul li {



  width: 185px;



}



div.jsn-modulecontainer ul.menu-mainmenu ul li a {



  font-size: 0.9em;



}



div.jsn-modulecontainer ul.menu-mainmenu ul ul {



  top: 0;



  margin-left: 184px;



}



/* ----- 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/icons-arrow.png) right -250px no-repeat;



}



/* ----- HOVER STATE ----- */



div.jsn-modulecontainer ul.menu-mainmenu li:hover > a,



div.jsn-modulecontainer ul.menu-mainmenu li.sfhover > a {



  color: #fff;



  text-decoration: none;



}



div.jsn-modulecontainer ul.menu-mainmenu > li:hover > a,



div.jsn-modulecontainer ul.menu-mainmenu > li.sfhover > a {



  border-bottom-color: #fff;



}



/* ----- ACTIVE STATE ----- */



div.jsn-modulecontainer ul.menu-mainmenu li.active > a {



  color: #fff;



  font-weight: bold;



}



div.jsn-modulecontainer ul.menu-mainmenu > li.active > a {



  border-bottom-color: #fff;



}



/* ----- ROLLOVER STATE / DISPLAY SUB-MENU OF SELECTED MENU ITEM ----- */



div.jsn-modulecontainer ul.menu-mainmenu li:hover > ul,



div.jsn-modulecontainer ul.menu-mainmenu li.sfhover > 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 solid #CCC;



}



div.jsn-modulecontainer ul.menu-treemenu li {



  margin: 0;



  padding: 0;



  position: relative;



}



div.jsn-modulecontainer ul.menu-treemenu > li,



#jsn-pos-innerleft div[class*="richbox-"] ul.menu-treemenu > li,



#jsn-pos-innerright div[class*="richbox-"] ul.menu-treemenu > li {



  border-bottom: 1px solid #E9E9E9;



}



div.jsn-modulecontainer ul.menu-treemenu > li.last,



#jsn-pos-innerleft div[class*="richbox-"] ul.menu-treemenu > li.last,



#jsn-pos-innerright div[class*="richbox-"] ul.menu-treemenu > li.last {



  border-bottom: none;



}



div.jsn-modulecontainer ul.menu-treemenu li a {



  padding: 6px;



  display: block;



  color: #666;



  cursor: pointer;



  text-decoration: none;



}



div[class*="richbox-"] ul.menu-treemenu li a {



  color: #FFF;



}



#jsn-pos-innerleft div[class*="richbox-"] ul.menu-treemenu li a,



#jsn-pos-innerright div[class*="richbox-"] ul.menu-treemenu li a {



  color: #666;



}



ul.menu-treemenu li a span {



  display: block;



}



ul.menu-treemenu li > a > span {



  padding-left: 16px;



  background: url(../images/icons/icons-base.png) left -341px no-repeat;



}



/* ----- CUSTOM MODULE STYLE ----- */



div[class*="richbox-"] .jsn-modulecontent ul.menu-treemenu {



  border: none;



  margin: -5px -10px;



}



/* ----- RICH MENU STYLE ----- */



div.jsn-modulecontainer ul.menu-treemenu li a span.jsn-menudescription {



  display: none;



}



div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {



  display: block;



}



/* ---------- 1st LEVEL ---------- */



div.jsn-modulecontainer ul.menu-treemenu ul li {



  margin-left: 1em;



}



div.jsn-modulecontainer ul.menu-treemenu > li > ul > li {



  margin-right: 1em;



}



/* ----- 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 {



  background-color: #E9E9E9;



}



/* ----- CURRENT / HOVER STATE IN SPECIFIC MODULE BOXES ----- */



#jsn-pos-innerleft div[class*="richbox-"] ul.menu-treemenu li a:hover,



#jsn-pos-innerleft div[class*="richbox-"] ul.menu-treemenu li a.current,



#jsn-pos-innerright div[class*="richbox-"] ul.menu-treemenu li a:hover,



#jsn-pos-innerright div[class*="richbox-"] 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 #B3B3B3;



}



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 0 0 5px;



  padding: 0 5px;



  display: inline-block;



}



ul.menu-topmenu li a {



  padding: 0;



  font-size: 1.1em;



  display: block;



}



ul.menu-topmenu li a:hover {



  text-decoration: underline;



}



ul.menu-topmenu li a span {



  display: block;



}

#jsn-footerright ul.menu-topmenu li a {

   color: #3d95f7;

}

/* ============================== MODULE STYLES ============================== */



h3.jsn-moduletitle {



  margin: 0 0 0.6em;



  color: #000;



  font-size: 1.2em;



  font-weight: bold;



}



h3.jsn-moduletitle span {



  display: block;



}



h3.jsn-moduletitle span.jsn-moduleicon {



  line-height: 16px;



}



/* =============== MODULE STYLES - MODULE BOXES =============== */



div[class*="richbox-"] a {



  color: #FFF;



}



div[class*="richbox-"] .jsn-moduletitle {



  color: #FFF;



  font-size: 1.1em;



}



div[class*="richbox-"] .jsn-moduletitle {



  margin-bottom: -4px;



}



div[class*="richbox-"] .jsn-moduletitle .jsn-moduletitle_inner1 {



  padding-bottom: 4px;



}



div[class*="richbox-"] .jsn-moduletitle .jsn-moduletitle_inner2 {



  padding: 10px 12px;



}



div[class*="richbox-"] .jsn-modulecontent {



  padding: 5px 10px;



}



div[class*="richbox-"] .jsn-modulecontent {



  margin: 0 4px;



  border-top: 4px solid;



}



div[class*="richbox-"] .jsn-modulecontent {



  color: #FFF;



}



/* ----- CUSTOM BOX STYLE IN SPECIFIC POSITION ----- */



#jsn-pos-innerleft div[class*="richbox-"] {



  margin-left: 8px;



  margin-right: -4px;



}



#jsn-pos-innerright div[class*="richbox-"] {



  margin-left: -5px;



  margin-right: 8px;



}



#jsn-pos-innerleft div[class*="richbox-"] .jsn-moduletitle,



#jsn-pos-innerright div[class*="richbox-"] .jsn-moduletitle_inner1 {



  background: none;



}



#jsn-pos-innerleft div[class*="richbox-"] div.jsn-modulecontent,



#jsn-pos-innerright div[class*="richbox-"] div.jsn-modulecontent {



  color: #666;



  background-color: transparent;



}



/* ============================== 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.pane-sliders div.panel {



  margin-top: -1px;



  background-color: #F0F0F0;



  border-bottom: 1px solid #CCC;



}



div.pane-sliders div.panel h3.title {



  margin: 0;



  cursor: pointer;



  font-size: 1.1em;



  padding: 4px 10px;



  border-top: 1px solid #CCC;



  border-left: 1px solid #CCC;



  border-right: 1px solid #CCC;



}



div.pane-sliders div.panel h3.pane-toggler-down {



  border-bottom: 1px solid #CCC;



}



div.pane-sliders div.panel h3.title a {



  color: #666;



  font-weight: normal;



}



div.pane-sliders div.panel h3.pane-toggler-down a {



  font-weight: bold;



}



div.pane-sliders div.panel h3.title a:hover,



div.pane-sliders div.panel h3.pane-toggler-down a {



  color: #000;



  text-decoration: none;



}



div.pane-sliders div.panel div.pane-slider {



  padding: 4px 10px;



  background-color: #FFF;



  border-left: 1px solid #CCC;



  border-right: 1px solid #CCC;



}



/* =============== JOOMLA! EXTENSIONS - GENERAL =============== */



/* ----- HEADING ----- */



.contentheading,



.componentheading,



.subheading {



  font-size: 1.6em;



  margin-top: 0;  



  font-weight: normal;



  color: #333;



}



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;



}



/* ----- TOOLTIPS ----- */



.tip {



  float: left;



  background: #ffc;



  border: 1px solid #D4D5AA;



  padding: 5px;



  max-width: 200px;



  z-index: 88;



  position: relative;



}



.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;



}



.tip-text {



  font-size: 100%;



  margin: 0;



}



/* ----- POP-UP / PRINT WINDOWS ----- */



body.contentpane {



  color: #000000;



  background: #FFFFFF;



}



body.contentpane div.com-content {



  padding: 1em;



}



/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */



/* ----- ARTICLE METADATA ----- */



.jsn-article-metadata {



  margin: 0.3em 0;



}



/* ----- ARTICLE TOOLBAR ----- */



.jsn-article-toolbar {



  min-height: 28px;



  position: relative;



  margin-bottom: .6em;



  background-color: #f4f4f4;



}



.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: 0.3em 0.6em;



}



.author,



.createdate,



.publishdate,



.hits {



  margin: 5px 0;



  color: #595959;



  font-size: 0.9em;



}



.author,



.createdate,



.publishdate {



  padding-left: 22px;



}



.author {



  background: url(../images/icons/icons-base.png) no-repeat 0 0;



}



.createdate,



.publishdate {



  background: url(../images/icons/icons-base.png) no-repeat 0 -86px;



}



.modifydate {



  margin: 1em 0;



  text-align: right;



  color: #999999;



  font-style: italic;



}



/* ----- 2 BUTTON PRINT, EMAIL CONTAINER ----- */



ul.jsn-article-tools {



  margin: 0;



  float: right;



  padding: 10px;



  list-style: none;



}



ul.jsn-article-tools li {



  float: left;



  margin: 0 2px 0 12px;



}



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;



}



.item-title-entry .icon-edit {



  display: inline-block;



}



/* ----- SUBMIT AN ARTICLE ----- */



.field-title {



  width: 120px;



  float: left;



}



.formelm, .formelm-area {



  margin: 5px 0;



  clear: both;



}



/* ----- READ MORE ----- */



a.readon {



  color: #404040;



  padding: 3px 6px;



  background: #F4F4F4;



  display: inline-block;



  border: 1px solid #e5e5e5;



}



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: 0.2em 1em;



  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;



  font-weight: bold;



}



div.pagination ul li {



  font-size: 0.9em;



}



ul.pagenav li a,



div.pagination ul li a {



  margin: 0 15px;



}



ul.jsn-pagination {



  list-style-type: none;



  text-transform: uppercase;



}



ul.jsn-pagination li {



  display: inline;



  margin: 0;



}



ul.jsn-pagination li a,



ul.jsn-pagination li span {



  font-weight: bold;



  padding: 3px 8px;



  border: 1px solid #CCC;



  background-color: #EAEAEA;



  color: #999;



}



ul.jsn-pagination li span {



  background-color: transparent;



}



ul.jsn-pagination li a:hover {



  color: #000;



  text-decoration: none;



}



ul.jsn-pagination li.navigation-page span {



  border: none;



  padding: 4px 9px;



  color: #fff;



}



ul.jsn-pagination,



p.jsn-pageinfo {



  font-size: 0.9em;



  text-align: center;



  margin: 20px 0 10px 0;



}



/* BLOG PAGES NAV LINK */



a.pagenav {



  text-transform: uppercase;



}



/* ----- CATEGORY LIST LAYOUT ----- */



/* DESCRIPTION IN CONTENT TABLE AND COMPONENT PAGE */



.contentdescription {



  padding: .5em 0;



}



/* 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;



}



div.com-search #searchForm .search-range label,



div.com-search #searchForm .search-phrase label,



div.com-search #searchForm .search-keyword label,



div.com-search #searchForm .search-ordering label,



div.com-search #searchForm .search-field-title {



  width: 100px;



  line-height: 21px;



  text-align: right;



  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;



}



/* ----- 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;



}



/* =============== JOOMLA! EXTENSIONS - COM_USER =============== */



/* ----- USER FORM LAYOUT ----- */



div.com-user table.jsn-formtable label {



  display: block;



  width: 150px;



}



table .paramlist_key {



  width: 130px;



}



/* ----- 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: #fff url(http://iprg.co.in/templates/jsn_teki_free/images/backgrounds/bg-link-button.png) 0 0 repeat-x;



}



#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-weight: bold;



  padding: 8px 12px 10px;



}



span.breadcrumbs a,



span.breadcrumbs span {



  color: #B0B0B0;



  padding-right: 18px;



  text-decoration: none;



  background: url(../images/icons/icons-arrow.png) right -343px no-repeat;



}



span.breadcrumbs a:hover {



  text-decoration: underline;



}



span.breadcrumbs span.current {



  color: #ffffff;



  background: none;



}



/* =============== 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 #form-login-username,



#form-login #form-login-password,



#form-login #form-login-remember {



  margin: 0 0 6px 0;



}



/* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */



#jsn-pos-top div.search {



  float: right;



}



#jsn-pos-top div.search input#mod-search-searchword {



  padding: 2px 0 2px 25px;



  border: 1px solid #284D73;



  background: #FFF url(../images/icons/icons-base.png) no-repeat 5px -170px;



}



/* =============== 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 1.7 CORE COMPONENT LAYOUT ============================== */



.article-info {



  margin: 10px 0;



  font-size: 0.9em;



}



.article-info-term {



  display: none;



}



.archive .article-info dd,



.article-info dd {



  margin: 2px 0 0;



  line-height: 1.5;



}



.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;



}



.login-fields {



  margin: 10px 0;



}



.login-fields label {



  width: 9em;



  float: left;



}



.categories-list dl dt,



.categories-list dl dd {



  margin: 0;



  padding: 0;



  display: inline;



}



.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;



}