/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
/*CENTER TOP IS THE TOP PART OF THE SITE. SEE index.php FOR REFERENCE*/
#centertop,
#centerbottom {
	margin:0 auto;
	clear:both;
}
/* CENTERBOTTOM IS THE BOTTOM PART OF THE SITE SEE index.php FOR REFERENCE */
#centerbottom {
	position:relative;
}
#header {
	position:relative;
	padding:0;
	margin:0 auto;
	z-index:1000;
}
#logo {
	float:left;
	overflow:hidden;
}
/* LOGO HOMEPAGE LINK */
#logo a {
	text-indent:-7500px;
	display:block;
	text-decoration:none;
	width:100%;
}
/* 
  MAIN BODY LAYOUT WITH SIDE MODULES
  HOLDER DIV CONTAINS LEFT, MAINBODY, RIGHT AND ALL INSETS 
*/
#holder,
#holder2,
#holder3 {
	height:100% !Important;
	height:1%;
	overflow:hidden;
	margin:0 auto;
	padding:5px 0;
}
/* 
	layout1.php , layout2.php, layout3.php reset and layout1.php main floats. 
	layout 1 does not contain insettop and insetbottom
*/
#leftblock,
#midblock,
#rightblock,
#insetblock,
#insetsholder_2t,
#insetsholder_2b,
#insetsholder_3t,
#insetsholder_3b {
	height:100% !Important;
	height:1%;
	overflow:hidden;
	float:left;
}
/* layout2.php*/
#holder2 #midblock {
	float:left;
}
#holder2 #leftblock,
#holder2 #rightblock,
#holder2 #insetblock {
	float:right;
}
#holder2 #insetsholder_2t {
	float:left;
}
#holder2 #insetsholder_2b {
	float:right;
}
/*layout3.php*/
#holder3 #midblock {
	float:right;
}
#holder3 #leftblock,
#holder3 #rightblock,
#holder3 #insetblock {
	float:left;
}
#holder3 #insetsholder_3t {
	float:right;
}
#holder3 #insetsholder_3b {
	float:left;
}
#insetsholder_2t,
#insetsholder_2b {
	padding:0px;
	margin:0px;
}
.inside,
.insidem {
	margin:0;
	padding:0 3px;
	overflow:hidden;
}
.clearm,
.yjsg-clear-all {
	clear:both;
	overflow:hidden;
	display:block;
}
/*END DEFAULT GRID LAYOUT*/

/*BEGING YJSIMPLEGRID 
#yjsg1 				contains-> #top1		- 	#top5
#yjsgheadergrid 	contains-> #header1 	- 	#header3
#yjsg2 				contains-> #adv1 		- 	#adv5
#yjsg3 				contains-> #user1 		- 	#user5
#yjsgbodytop 		contains-> #bodytop1 	- 	#bodytop3
#yjsgbodybottom  	contains-> #boddybottom1- 	#bodybottom3
#yjsg4 				contains-> #user6 		- 	#user10
#yjsg5 				contains-> #user11 		- 	#user15
#yjsg6 				contains-> #user16 		- 	#user20
#yjsg7 				contains-> #user21 		- 	#user25
*/
.yjsg_grid {
	margin:0px auto;
	overflow:hidden;
	height:auto;
	width:100%;
	padding:0;
	clear:both;
}
#yjsgheadergrid {
	float:right;
	clear:none;
}
/* MAIN MODULE CONTAINER CLASS */
.yjsgxhtml {
	float:left;
	clear:right;
	margin:0;
	padding:0;
	overflow:hidden;
}
/* MAIN MODULE HOLDER*/
.yjsquare {
	margin: 0px 0 5px 0px;
	padding:0 6px;
	clear: both;
	display:block;
	height:100% !Important;
	height:1%;
	overflow:hidden;
}
/* MODULE TITLE */
.module_title {
}
/* MODULE TITLE SPAN*/
.module_title span {
}
/* MODULE CONTENT*/
.yjsquare_in {
	padding:5px 0;
}
/* ROUNDED CORNERS*/
.addround {
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:1px solid #999;
	margin:5px;
}
/* YJPLAIN */
.yjplain {
	padding:5px 10px;
}
/*FOOTER AND FOOTER LINKS
--------------------- */
#footer {
	clear:both;
	overflow:hidden;
	margin:0 auto;
	padding:0px 0;
	position:relative;
}
#youjoomla {
	clear:both;
	padding:5px 10px;
	overflow:hidden;
}
#footmod {
	clear:both;
	padding:0;
	margin:0px;
	overflow:hidden;
}
#cp {
	padding:2px 0px;
	overflow:hidden;
}
.validators,
.yjsgcp {
	display:block;
	clear:both;
}
.yjsglogo {
	position:absolute;
	right:10px;
	display:block;
	top:12px;
	height:48px;
	width:86px;
	margin:0;
	padding:0;
	background: url(../images/yjsglogo.png) no-repeat center center;
}
.yjsglogo span {
	line-height:999px;
}
#joomlacredit {
	padding:3px 0px 3px 0px;
	text-indent:10px;
	margin:0 auto;
}
/*Font resizer and rtl/ltr links*/
a.tdir {
}
a.fs {
}
/*FOOTER MODULE STYLE
--------------------- */
#footmod .yjsquare {
	padding:0;
	margin:0;
}
#footmod li,
#footmod li:hover {
	list-style-type:none;
	list-style-image:none;
	background:none;
}
#footmod ul {
	padding:0;
	margin:0;
}
#footmod ul li {
	display: inline;
	margin:0;
	padding:0 10px 0 0;
}
#footer a.mainlevel {
	background:none;
	display:inline;
	text-indent:0!important;
}
/*PATHWAY*/
#pathway {
	padding:0;
	display:block;
	overflow:hidden;
}
#pathway .breadcrumb {
	padding: 8px 15px;
	margin:0!important;
	list-style: none;
	background-color: whiteSmoke;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#pathway .breadcrumb li {
	display: inline-block;
	text-shadow: 0 1px 0 white;
}
#pathway .breadcrumb .active {
	color: #999;
}
#pathway .breadcrumb .divider {
	color: #ccc;
}
.icon-yjsg-pathway:before {
	content: "\f054";
}
.icon-yjsg-marker:before {
	content: "\f041";
}
/*LOGIN MODULE
--------------------- */
#login-form .input-prepend {
	margin:10px 0;
}
#login-form .input-prepend input {
	width:80%;
	padding:4px;
}
#login-form .input-prepend.nbs input {
	padding:5px 3px;
	width:94%;
}
#modlgn_remember_l {
	display:block;
	clear:both;
	margin-bottom:10px;
}
#modlgn_remember {
	border: none!important;
	padding: 0!important;
}
#login-form ul {
	margin-top:10px;
}
/* USER PAGES */
div.userpageswrap {
	width:100%;
	overflow:hidden;
	padding:40px 0;
}
div.userpages {
	margin:0 auto;
	overflow:hidden;
	padding:10px 20px;
	width:35%;
}
div.userpages .inputbox[type="text"],
div.userpages .inputbox[type="password"],
div.userpages .inputbox[type="email"] {
	padding:10px 0;
	text-indent:5px;
	width:100%;
	margin:10px auto;
}
div.userpages h1 {
	text-align:center;
	font-weight:normal;
	padding:0;
	margin:0;
}
div.userpageswrap.logout {
	padding:100px 0;
	text-align:center;
}
div.userpageswrap.user div.userpages {
	width:40%;
}
div.userpageswrap.user dt {
	font-weight:bold;
	padding:5px;
	margin:0 0 5px 0;
}
div.userpageswrap.user dd {
	padding:0 0 5px 0;
	font-size:120%;
}
div.userpages div.user-actions {
	padding-left:5px;
}
div#userprofile_wrap dt,
div#userprofile_wrap label {
	font-weight:bold;
}
/* OFFLINE PAGE */
body.yjsg-offline #frame {
	font-size:12px;
	width:500px;
	margin:20px auto;
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 8px #e2e2e2;
	-khtml-box-shadow:0 0 8px #e2e2e2;
	-moz-box-shadow:0 0 8px #e2e2e2;
	box-shadow:0 0 8px #e2e2e2;
}
body.yjsg-offline div.userpages {
	width:auto;
}
div.userpageswrap #header {
	margin:0 auto;
	text-align:center;
}
body.yjsg-offline #frame ul {
	margin:0;
	padding-left:0;
}
body.yjsg-offline #frame ul li {
	text-align:center;
	padding-left:0;
}
@media screen and (max-width: 768px) {
body.yjsg-offline #frame {
	width:80%;
}
}
/* CAPTCHA */
.yjcaptcha .userpages {
	width:45%;
}
table#recaptcha_table {
	border:none!important;
}
/* ERROR PAGE */
body.yjsgerror-page #sitelogo {
	background-color:#121212;
}
body.yjsgerror-page #errorpage {
	margin:20px auto;
	width:500px;
	background:#fff;
	overflow:hidden;
	display:block;
	padding:10px;
	border:1px solid #ddd;
	-webkit-border-radius:5px;
	-khtml-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 0 8px #e2e2e2;
	-khtml-box-shadow:0 0 8px #e2e2e2;
	-moz-box-shadow:0 0 8px #e2e2e2;
	box-shadow:0 0 8px #e2e2e2;
}
body.yjsgerror-page .error_title {
	font-family: Cambria, serif;
	font-weight:bold;
	padding:10px 0;
}
body.yjsgerror-page .error_title h1 {
	font-size:48px;
	line-height:17px;
}
body.yjsgerror-page .error_title h2 {
	font-size:32px;
	line-height:32px;
}
body.yjsgerror-page #errorol {
	width:480px;
	margin:20px auto;
	background:#FFFFCC;
	border:1px solid #FFDA2F;
	padding:10px;
	font-size:14px;
}
body.yjsgerror-page p.errorp {
	padding:5px 10px;
	border-bottom:1px dashed #DFDFDF;
	text-align:center;
}
body.yjsgerror-page p.error_contact {
	padding:5px 10px;
	background:#FFFFCC;
	border:1px dashed #FFDA2F;
	font-weight:bold;
	color:#BF6700;
}
body.yjsgerror-page .error_link {
	text-decoration:underline;
	font-weight:bold;
}
body.yjsgerror-page p.error_msg {
	border:1px dashed #FFDA2F;
	padding:5px;
	font-size:15px;
	font-weight:bold;
}
body.yjsgerror-page #centertop {
	width:auto;
	text-align:center;
	font-size:12px;
}
@media screen and (max-width: 980px) {
body.yjsgerror-page #errorpage,
 body.yjsgerror-page #errorol {
	width:80%;
}
}
@media screen and (max-width: 420px) {
body.yjsgerror-page img {
	width:100%;
}
}
/* this class can be used in all 
components as surrounding wrap */
.component {
	padding:10px 5px;
	overflow:hidden;
	display:block;
}
/* table class category */
table.category {
	width:100%;
	margin-bottom:50px;
}
/* web links*/
.category-desc {
	padding:15px 0;
}
/* topmenupoz mod position */
.top_menu_poz {
	margin:0 auto;
}
/* Side panel */
#yjsg_sidepanel {
	display:block;
	position:fixed;
	top:0;
	z-index:10000;
	overflow:hidden;
	height:800px;
}
#yjsg_sidepanel_open {
	height:100px;
	width:30px;
	background:#fff;
	position:absolute;
	border:1px solid #e2e2e2;
	border-right:none;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	border-top-left-radius:5px;
	line-height:100px;
	font-family: 'FontAwesome';
	overflow:hidden;
	text-indent:10px;
	font-size:20px;
}
#yjsg_sidepanel_open:after {
	content: "\f053";
}
#yjsg_sidepanel_open.SidePanOpen:after {
	content: "\f054";
}
#yjsg_sidepanel_slide {
	display:block;
	overflow:hidden;
	margin-left:30px;
	height:800px;
	background:#fff;
	border-left:1px solid #e2e2e2;
}
#yjsg_sidepanel_slideIn {
	display:block;
	overflow:hidden;
}
/* Top panel */
#yjsg_toppanel {
	position:absolute;
	top:-2000px;
	display:block;
	width:100%;
	z-index:15000;
	overflow:hidden;
	margin-top:-2px;
}
#yjsg_toppanel_slide {
	display:block;
	background:#fff;
	border-bottom:1px solid #e2e2e2;
	overflow:hidden;
}
#yjsg_toppanel_open {
	background:#fff;
	display:block;
	margin:0 auto;
	position:relative;
	bottom:1px;
	font-weight:bold;
	text-align:center;
	border:1px solid #e2e2e2;
	border-top:none;
	-webkit-border-bottom-left-radius:5px;
	-khtml-border-bottom-left-radius:5px;
	-moz-border-bottom-left-radius:5px;
	border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	-khtml-border-bottom-right-radius:5px;
	-moz-border-bottom-right-radius:5px;
	border-bottom-right-radius:5px;
}
#yjsg_toppanel_content {
	margin:0 auto;
	display:block;
	overflow:hidden;
}
/* Bottom panel */
#yjsg_botpanel {
	bottom:-2000px;
	display:block;
	position:fixed;
	width:100%;
	z-index:15000;
	overflow:hidden;
}
#yjsg_botpanel_slide {
	display:block;
	overflow:hidden;
	background:#fff;
	border-top:1px solid #e2e2e2;
}
#yjsg_botpanel_open {
	background:#fff;
	display:block;
	margin:1px auto 0 auto;
	position:absolute;
	top:0px;
	right:15px;
	font-weight:bold;
	text-align:center;
	border:1px solid #e2e2e2;
	border-bottom:none;
	-webkit-border-top-left-radius:5px;
	-khtml-border-top-left-radius:5px;
	-moz-border-top-left-radius:5px;
	border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-khtml-border-top-right-radius:5px;
	-moz-border-top-right-radius:5px;
	border-top-right-radius:5px;
}
#yjsg_botpanel_content {
	margin:0 auto;
	display:block;
	overflow:hidden;
}
/* Module Articles Category */
.yjsg-article-category ul {
	margin-left:-19px;
}
.yjsg-article-category ul li {
	background-image:none;
}
.yjsg-article-category ul li h6 {
	line-height:inherit;
	margin:0;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
}
.yjsg-article-category ul li a {
	position:relative;
	height: 26px;
	line-height: 20px;
	text-decoration: none;
	display: block;
	text-decoration: none;
	text-indent:22px;
	padding-top:5px;
}
.yjsg-article-category ul li a:after {
	font-family: 'FontAwesome';
	content: "\f054";
	position: absolute;
	top:7px;
	left:-15px;
}
.yjsg-article-category ul li:last-child a {
	border:none;
}
.yjsg-article-category ul li a {
	border-bottom: 1px solid #D4D4D4;
}
.yjsg-article-category ul li a.active,
.yjsg-article-category ul li a:hover {
	background:#f5f5f5;
	color: #121212;
}