/**
* @author    JoomlaShine.com http://www.joomlashine.com
* @copyright Copyright (C) 2008 - 2011 JoomlaShine.com. All rights reserved.
* @license   JoomlaShine.com Proprietary License
*/
/* ============================== DEFAULT HTML ============================== */
a {
        color: #251313;
}
input,
.inputbox,
textarea {
    background: rgb(255, 255, 255);
    border: 1px solid #ccc;
}
[class*="text-"] {
        color: #333942;
}
/* ============================== LAYOUT ============================== */
/* =============== LAYOUT - OVERALL PAGE =============== */
#jsn-header {
    background-color: #000;
        border-bottom:1px solid #373737;
}
#jsn-master {
        background-image: url("../images/colors/grey/bg_content.png");
}
/* =============== CONTENT PART =============== */
div.jsn-hasleft #jsn-content_inner,
div.jsn-hasright #jsn-content_inner2 {
    background-image: url(../images/colors/grey/bg-rightside.png);
}
/* =============== CONTENT TOP =============== */
#jsn-promo-inner {
    background-image: url("../images/colors/grey/bg-content-top-t.png");
}
/* =============== CONTENT BOTTOM =============== */
#jsn-content-top-over {
        background-image: url("../images/colors/grey/bg-content-top-b.png");
}
#jsn-content-top-over-inner {
        background-image: url(../images/colors/grey/bg-menu-inner.png);
}
#jsn-content-top-over-inner1 {
        background-image: url(../images/colors/grey/bg-content-bottom.png);
}
#jsn-wapper-usermodules5 {
        background-image: url(../images/colors/grey/bg-user-t.png);
}
#jsn-usermodules5-inner {
  background-image: url("../images/colors/grey/bg-user-m.png");
}
/* =============== FOOTER =============== */
#jsn-footer {
        background-image: url(../images/colors/grey/bg-content-top-b.png);
        background-color: #e9e9e9;
}
#jsn-footer-inner {
        background-image: url(../images/colors/grey/bg-menu.png);
}
/* ============================== TYPOGRAPHY ============================== */
/* =============== TYPOGRAPHY - LINK STYLES =============== */
/* ------ MY SKILL----*/
div.grid-layout div.grid-col div.grid-col_inner p.icon-skill {
        background:url(../images/colors/grey/bg-menu.png);
        }
/* ----- ACTION LINK ----- */
.link-action:hover {
        background-color: #e66000;
}
/* =============== TYPOGRAPHY - TABLE STYLES =============== */
.text-box-highlight:hover {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}
/* ----- COLOR HEADER TABLE ----- */
table.style-colorheader thead th {
        background-color: #E08427;
        border-right: 1px groove #EEBA86;
}
/* ----- COLOR STRIPES TABLE ----- */
table.style-colorstripes td,
table.style-colorstripes th {
        border-bottom: 1px solid #EEB67D;
        border-right: 1px groove #EEB67D;
}
table.style-colorstripes thead th {
        background-color: #C16E1B;
}
table.style-colorstripes thead th.highlight {
        background-color: #E08427;
}
table.style-colorstripes tbody tr {
        background-color: #E9A35C;
}
table.style-colorstripes tbody .highlight {
        background-color: #FCF0E4;
}
table.style-colorstripes tbody tr.odd {
        background-color: #E08427;
}
table.style-colorstripes tbody tr.odd .highlight {
        background-color: #F7DBBF;
}
table.style-colorstripes tbody tr:hover th,
table.style-colorstripes tbody tr:hover td {
        background-color: #D5791E;
}
table.style-colorstripes tbody tr:hover .highlight {
        background-color: #F1C69A;
}
table.style-colorstripes tbody td,
table.style-colorstripes tbody th {
        border-left: none;
        border-right: 1px solid #EEB67D;
}
table.style-colorstripes tfoot th,
table.style-colorstripes tfoot td {
        background-color: #C16E1B;
}
.sectiontableheader {
        background-image: url(../images/colors/grey/bg-menu.png);
}
/* ----- GREY STRIPES TABLE ----- */
table.style-greystripes thead th.highlight {
        background-color: #E08427;
}
/* ============================== MENU ============================== */
#jsn-logo,
#jsn-menu-inner {
        background-image: url(../images/colors/grey/bg-menu.png);
}
#jsn-menu {
        background-image: url(../images/colors/grey/bg-menu-inner.png);
}
/* =============== MENU - MAIN MENU =============== */
/* ----- 1st LEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul {
        background-color: #0a0a0a;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > ul:after {
        border-color: rgba(10, 10, 10, 0);
        border-bottom-color: #0A0A0A;
}
div.jsn-modulecontainer ul.menu-mainmenu ul li a {
        border-bottom: 1px solid #222222;
        color:#bdbdbd;
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li:hover > a {
        background-color: #222222;
        color:#FFF;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul li.active > a {
        background-color: #222222;
}
/* =============== MENU - TREE MENU =============== */
div.jsn-modulecontainer ul.menu-treemenu ul {
    border-top: 1px solid #FFFFFF;
}
ul.menu-treemenu li > a > span {
        background-image: url(../images/colors/grey/icon-arrow-black.png);
}
div.lightbox-1 ul.menu-treemenu li a:hover,
div.lightbox-1 ul.menu-treemenu li a.current {
    background-color: #000000;
        color: #ffffff;
}
div.jsn-modulecontainer ul.menu-treemenu > li,
div.jsn-modulecontainer ul.menu-treemenu > li > ul > li {
        border-bottom: 1px solid #fff;
}
div.jsn-modulecontainer ul.menu-treemenu > li > a,
div.jsn-modulecontainer ul.menu-treemenu > li > ul > li > a {
        border-bottom: 1px solid #dcdcdc;
}
div.jsn-modulecontainer ul.menu-treemenu ul ul li a span {
        background-image: url(../images/colors/grey/icon-plus-black.png);
}
div.jsn-modulecontainer ul.menu-treemenu ul ul li a:hover span,
div.jsn-modulecontainer ul.menu-treemenu ul ul li.active > a > span {
        background-image: url(../images/colors/grey/icon-plus-white.png);
}
div[class*="richbox-"] ul.menu-treemenu.menu-richmenu li a span.jsn-menudescription {
        color: #251313;
}
div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu li a:hover span.jsn-menudescription,
div.jsn-modulecontainer ul.menu-treemenu.menu-richmenu li.active a span.jsn-menudescription {
        color: #ffffff;
}
/* ----- CURRENT / HOVER STATE ----- */
div[class*="box"] ul.menu-treemenu li a:hover,
div[class*="box"] ul.menu-treemenu li a.current,
div[class*="box"] ul.menu-treemenu > li.active > a {
        background-color: #161616;
        color: #ffffff;
}

ul.menu-treemenu li > a:hover > span {
        background-image: url(../images/colors/grey/icon-arrow-white.png);
}
/* =============== MENU - SIDE MENU =============== */
/* ---------- 1st LEVEL ---------- */
ul.menu-sidemenu li a > span {
        background-image: url(../images/colors/grey/icon-arrow-black.png);
}
ul.menu-sidemenu li a:hover > span,
ul.menu-sidemenu li.active > a > span,
ul.menu-sidemenu li ul li a > span {
        background-image: url(../images/colors/grey/icon-arrow-white.png);
}
ul.menu-sidemenu.menu-iconmenu li[class*="icon-"].active > a > span,
ul.menu-sidemenu.menu-iconmenu > li > a:hover > span,
ul.menu-treemenu.menu-iconmenu li[class*="icon-"].active > a > span,
ul.menu-treemenu.menu-iconmenu > li > a:hover > span {
        background-image: url("../images/icons/icons-uni.png");
}
div.jsn-modulecontainer ul.menu-sidemenu ul {
        background: rgb(57,57,57);
        border: 1px solid #a7cbcb;
}
div.jsn-modulecontainer ul.menu-sidemenu > li {
    border-bottom: 1px solid #F8EDD1;
}
div.jsn-modulecontainer ul.menu-sidemenu li {
    border-bottom: 1px solid #ffffff;
}
div.jsn-modulecontainer ul.menu-sidemenu li ul li {
    border-bottom: 1px solid #535353;
}
div.jsn-modulecontainer ul.menu-sidemenu li a {
        border-bottom: 1px solid #dcdcdc;
}
div.jsn-modulecontainer ul.menu-sidemenu ul li a {
    border-bottom: 1px solid #000000;
}
body.jsn-direction-rtl ul.menu-sidemenu li a:hover > span,
body.jsn-direction-rtl ul.menu-sidemenu li.active > a > span,
body.jsn-direction-rtl ul.menu-sidemenu li ul li a > span {
        background-image: url(../images/colors/grey/icon-arrow-white-rtl.png);
}
body.jsn-direction-rtl ul.menu-sidemenu.menu-iconmenu li[class*="icon-"].active > a > span,
body.jsn-direction-rtl ul.menu-sidemenu.menu-iconmenu > li > a:hover > span,
body.jsn-direction-rtl ul.menu-treemenu.menu-iconmenu li[class*="icon-"].active > a > span,
body.jsn-direction-rtl ul.menu-treemenu.menu-iconmenu > li > a:hover > span {
        background-image: url("../images/icons/icons-uni.png");
}
/* ----- HOVER STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li:hover > a {
        background:        #000000;
}
/* ----- HOVER STATE IN SPECIFIC MODULE BOXES ----- */
div[class*="box-"] ul.menu-sidemenu > li:hover > a,
div[class*="solid-"] ul.menu-sidemenu > li:hover > a {
        background-color: #000000;
        color: #ffffff;
}
/* ----- ACTIVE STATE ----- */
div.jsn-modulecontainer ul.menu-sidemenu ul li.active > a {
        background: #000000;
}
/* ----- ACTIVE STATE IN SPECIFIC MODULE BOXES ----- */
div[class*="box-"] ul.menu-sidemenu > li.active > a,
div[class*="solid-"] ul.menu-sidemenu > li.active > a {
        background-color: #161616;
        color: #ffffff;
}
div.jsn-modulecontainer ul.menu-sidemenu > li > a {
        color: #251313;
}
div.jsn-modulecontainer ul.menu-sidemenu ul li a {
        color: #ffffff;
}
ul.menu-sidemenu.menu-richmenu li a span.jsn-menudescription {
        color: #251313;
}
div.jsn-modulecontainer ul.menu-sidemenu.menu-richmenu li a:hover span.jsn-menudescription,
div.jsn-modulecontainer sul.menu-sidemenu.menu-richmenu li.active a span.jsn-menudescription {
        color: #ffffff;
}
/* ============================== SITE TOOLS ============================== */
/* =============== SITE TOOLS - GENERAL PRESENTATION =============== */
/* ----- DROP DOWN ----- */
/* ============================== MODULE STYLES ============================== */
/* =============== MODULE STYLES - MODULE BOXES =============== */
div.solid-1 div.jsn-modulecontainer_inner h3 {
    border-top: 2px solid #393939;
}
div.solid-2 div.jsn-modulecontainer_inner h3:after {
    background: url("../images/colors/grey/pattern-grey.png") no-repeat right center;
}
/* ----- RICHBOX ----- */
div.richbox-1 div.jsn-modulecontainer_inner h3:before {
    background-image: url(../images/colors/grey/bg-title-richbox1-l.png);
}

div.richbox-1 div.jsn-modulecontainer_inner h3 {
    background-image: url("../images/colors/grey/bg-title-richbox1.png");
}
div.richbox-2 div.jsn-modulecontainer_inner h3 {
        background-image: url(../images/colors/grey/bg-title-richbox2.png);
        padding: 15px 10px;
}
/* ----- LIGHTBOX ----- */
div.lightbox-2 div.jsn-modulecontainer_inner {
}
/* ============================== JOOMLA! DEFAULT EXTENSIONS ============================== */
/* =============== JOOMLA! EXTENSIONS - MOD_SEARCH =============== */
#jsn-pos-top div.search input#mod_search_searchword {
        border: 1px solid #737373;
}
/* =============== JOOMLA! EXTENSIONS - MOD_CONTACT =============== */
.contact-list li {
    background: url("../images/colors/grey/icon-star.png") no-repeat scroll left 4px;
}
/* =============== JOOMLA! EXTENSIONS - COM_CONTENT =============== */
/* ----- SECTION / CATEGORY BLOG LAYOUT ----- */
/* PAGE PAGINATION */
ul.jsn-pagination li a,
ul.jsn-pagination li span {
        background-image: url(../images/colors/grey/bg-menu.png);
        border: 1px solid #111;
}
ul.jsn-pagination li.navigation-page span {
        background: #FFF !important;
        border:1px solid #cbcbcb;
        color:#333;
}
div.panel {
        border:1px solid #ccc;
}