/*======================================================================*\
|| #################################################################### ||
|| # 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: 15px 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:right;
}
#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;
  display: block;
}
.align_right{
  float:right;
}
/* 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;
}
.yjsquare_in p {
  line-height: 15px;
}