/**
* @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-usermodules3 {
	background-image: url(../../images/colors/grey/bg-user-t.png);
}
#jsn-usermodules3_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 ============================== */
#menu-wrapper,
#jsn-menu.jsn-menu-sticky {
	background-image: url(../../images/colors/grey/bg-menu-inner.png);
}
#menu-wrapper-inner,
#jsn-menu.jsn-menu-sticky #jsn-menu-inner {
	background-image: url(../../images/colors/grey/bg-menu.png);
}
/* =============== MENU - MAIN MENU =============== */
/* ----- 1st LEVEL ----- */
div.jsn-modulecontainer ul.menu-mainmenu ul,
#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent {
	background-color: #0a0a0a;
}
div.jsn-modulecontainer ul.menu-mainmenu > li > ul:after,
#jsn-menu div.display-dropdown.jsn-modulecontainer .jsn-modulecontent: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:after {
    background-image: url("../../images/colors/grey/bg-title-richbox1-r.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;
}
/* ============================== CSS3 EFFECTS ============================== */
/*---GRAY BUTON---*/
ul.jsn-pagination li a {
	box-shadow: 1px 1px 0 #373737 inset, -1px -1px 0 #373737 inset;
	-moz-box-shadow: 1px 1px 0 #373737 inset, -1px -1px 0 #373737 inset;
	-webkit-box-shadow: 1px 1px 0 #373737 inset, -1px -1px 0 #373737 inset;
}
ul.jsn-pagination li.navigation-page span {
	box-shadow: 1px 1px 0 #faf3dd ;
	-moz-box-shadow: 1px 1px 0 #faf3dd ;
	-webkit-box-shadow: 1px 1px 0 #faf3dd ;
	box-shadow: 0 0 5px #cbcbcb inset ;
	-moz-box-shadow:  0 0 5px #cbcbcb inset;
	-webkit-box-shadow:  0 0 5px #cbcbcb inset ;
}
/* ----- FONT STYLES ----- */
#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 rgba(0, 0, 0, 0.5);
}