/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla LLC. 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 LLC                      ||
|| # 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 yjsg_main.php FOR REFERENCE*/
#centertop, #centerbottom { text-align:left; margin:0 auto; clear:both; }

#sitehold { position:relative; text-align:left; margin:0 auto; clear:both; }

/* CENTERBOTTOM IS THE BOTTOM PART OF THE SITE SEE yjsg_main.php FOR REFERENCE */

#header { text-align:left; position:relative; padding:22px 0 22px 0; z-index:1000; }

#logo, #logo_dark { float:left; text-align:left; overflow:hidden; }

/* LOGO HOMEPAGE LINK */
#logo a, #logo_dark a { text-indent:-7500px; display:block; text-decoration:none; width:100%; }

/* main body layouts 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; text-align:center; padding:5px 0; 
background:none !important;}

/* 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; text-align:left; 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; }

.clearm { clear:both; height:1px; overflow:hidden; }

/*END DEFAULT GRID LAYOUT*/

/*BEGING YJSIMPLEGRID 
#yjsg1 contains top1  - top5 | #yjsg2 contains adv1 - adv5 | #jsg3 contains user1 - user5 | #jsg4 contains user6 - user10 | #jsg5 contains user11 - user15 | #yjsg6 contains user16 - user20
#yjsg7 contains user21 - user25 | #yjsgheadergrid contains logo div and top menu | #yjsgbodytop contains bodytop1 - bodytop3 | #yjsgbodybottom  contains boddybottom1 - bodybottom3
*/
#yjsgheadergrid {/* top menu moved to this grid */ float:right; height:auto; margin:0; padding:0; }

#yjsg1, #yjsg2, #yjsg2_inside, #yjsg3, #yjsg4, #yjsg5, #yjsg6, #yjsg7, #yjsgbodytop, #yjsgbodybottom, #yjsg7_holder { margin:0 auto 0 auto; text-align:center; overflow:hidden; height:auto; width:100%; padding:15px 0; }

/* #yjsg7_holder IS INSIDE yjsg7 div . NO NEED FOR EXTRA PADDING */
#yjsg7 { padding:0; }

#yjsgbodytop, #yjsgbodybottom { width:100%; padding:0 0 0px 0; margin:5px 0 5px 0; }

#yjsg2 { padding:0 0 0px 0; }

#yjsg2_inside { margin:0 auto 32px auto; }

#yjsg7 .yjsgxhtml { min-height:245px; }

#yjsg7 .yjsquare { padding: 0px 15px 10px 15px; }

/* FIRST MODULE IN THE yjsg7 GRID */
#yjsg7 #user21 .yjsquare { padding: 0px 15px 10px 0px; }

/* LAST MODULE IN THE yjsg7 GRID */
#yjsg7 #user25 .yjsquare { padding: 0px 0px 10px 15px; }

/* Mozaic slider addon class */
.Mozaic#yjsg2 { padding:0; background:none; }

.Mozaic#yjsg2 #yjsg2_inside { background:none; margin:0 auto; padding:0; }

/* MAIN MODULE CONTAINER CLASS. FOR SPECIFIC STYLING
   USE #user1 .yjsgxhtml or #user1 .yjsgxhtml .yjsquare  */
.yjsgxhtml { float:left; clear:right; text-align:left; margin:0; padding:0; }

.yjsgxhtml .yjsquare_in { }

/* EXAMPLE OF LAST MODULE IN THE GRID BG IMAGE OVERRIDE 
   WE USED GRID1 MODULE POSITION TOP5. USEFULL FOR INSET LINE SEPARATOR BETWEEN MODULES*/
#yjsg1 #top5 { /*background:none;*/
}

/* GUTTERS */
/* SQUARE MODULES GUTTER */
.yjsgxhtml .yjsquare { margin:0 0; padding:0 0; }

/* yjblank */
.yjplain p { padding:5px 10px; }

/* KEEP LEFT, RIGHT, INSET, INSETTOP, INSET BOTTOM OF THE EDGES */
#insetsholder_2t, #insetsholder_2b { padding:0; margin:0px 0 0 0; }

.inside { margin:0; padding:0px 3px; overflow:hidden; }

/* SPECIFIC PADDING FOR SIDEBLOCKS */
#leftblock .inside, #rightblock .inside, #insetblock .inside {
padding: 0 15px 0 0;
}

/*KEEP MAINBODY GRID, BODYTOPS AND BODYBOTTOMS OF THE EDGE
--------------------- */
.insidem { padding:0px 3px; margin:0 0; }

/*END GUTTERS*/
/*FOOTER AND FOOTER LINKS
--------------------- */
#footer, #footer_holder { clear:both; text-align:center; overflow:hidden; margin:0 auto; padding:0px 0; position:relative; }

#youjoomla { clear:both; text-align:left; padding:5px 0px; overflow:hidden; }

#footmod { clear:both; text-align:left; padding:0; margin:0px; overflow:hidden; }

#cp { text-align:left; padding:2px 0px; overflow:hidden; }

.yjsgcp span { text-transform:capitalize; }

.validators { float:left; text-align:left; }

.yjsglogo { position:absolute; right:10px; top:10%; height:48px; width:229px; text-indent:-9999px; }

#joomlacredit { padding:3px 10px; text-align:left; }

/* DEFAULT SQUARE MODULES. FOR ROUND MODULES OPEN rounded.css
ALSO APPLIED ADDITIONAL MODULE CLASS FOR DIFFERENT MODULE STYLES. 
TO ACTIVATE THEM ADD _yj1 or _yj2 IN MODULE MANAGER Module Class Suffix TEXT INPUT.
STYLE FOR THESE MODULES IS IN COLOR.css file where COLOR IS YOUR CURRENT DEFAULT SITE STYLE
--------------------- */
/* MAIN MODULE HOLDER*/
.yjsquare, .yjsquare_yj1, .yjsquare_yj2 { margin: 5px 0 10px 0px; padding: 0px 0 10px 0; clear: both; display:block; height:100% !Important; height:1%; overflow:hidden; }

/* MODULE TITLE */
.yjsquare h4, .yjsquare_yj1 h4, .yjsquare_yj2 h4, .yjsquare_mozslider h4, .yjsquare_yjnf3 h4 { text-transform: capitalize; overflow:hidden; padding:0 0 10px 0; margin:5px; font-size:150%; }

#leftblock .yjsquare h4, #rightblock .yjsquare h4, #insetblock .yjsquare h4 { margin:5px 0px; }

/* MODULE TITLE SPAN*/
.yjsquare h4 span, .yjsquare_yj1 h4 span, .yjsquare_yj2 h4 span, .yjsquare_mozslider h4 span, .yjsquare_yjnf3 h4 span { text-transform: capitalize; overflow:hidden; }

/* MODULE CONTENT*/
.yjsquare_in, .yjsquare_yj1 .yjsquare_in, .yjsquare_yj2 .yjsquare_in { overflow:hidden; padding:5px; }

/* MODULE p ELEMENT*/
.yjsquare p, .yjsquare_yj1 p, .yjsquare_yj2 p { overflow:hidden; padding:3px; }

/*FOOTER MODULE STYLE
--------------------- */
#footmod .yjsquare { padding:0; margin:0; }

#footmod .yjsquare h4 { }

#footmod .yjsquare h4 span { }

#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; }

#footmod ul li a { }

/*PATHWAY*/
#pathway { padding:3px 0px; }

#pathway .yjsg_breadcrumbs a.pathway { margin:0 5px 0 0; padding:0 15px 0 0; }

/*SITE TOOLS DIV CONTAINING RTL/LTR SWITCH AND FONT RESIZER*/
#tools { position:absolute; z-index:10000; right:4px; top:0px; padding:0px 0px 0 0px; margin:0; text-align:left; width:auto; font-weight:bold; height:25px; line-height:19px; }

#tools .tdir { font-size:80%; margin:0 0 4px 0; }

#tools .fs { font-size:110%; margin:0 7px 0 0; }

#tools img { }

/* ADDITIONAL MODULE STYLES */
/*mod_poll
--------------------- */
.pollbuttons { margin:0 auto; text-align:center; }

/*login module
--------------------- */
#modlgn_passwd, #modlgn_username { width: 95%; height:16px; padding-left: 3px; padding-top:3px; }

/*searchbox
--------------------- */
.search { }

.search .inputbox { }

/*BANNER MODULE AND IMAGE .banner CLASS.
USED FOR POSITIONING WHEN RESIZING LOGO AND HEADER BLOCK*/
#yjsgheadergrid .bannergroup, #yjsgheadergrid .banner { padding:15px 0 0 0; text-align:right; }

/* MODULE NEWS FLASH */
div.yjsg-newsflash { overflow: hidden; }

div.yjsg-newsflash div.item { padding-bottom: 15px; overflow: hidden; }

div.yjsg-newsflash div.last { padding-bottom: 0px; }

/* YJ NF 3.3 */
.yjsquare_yjnf3, .yjsquare_yjnf3 .yjsquare_in { padding:0; margin:0; }

.yjsquare_yjnf3 h4 { margin:5px 5px 10px 5px; }

.yjnewsflash { margin:0px 0px 0px 0px !important; padding:0px 0px !important; border:none; font-size:100%; height:1% !important; }

.yjnewsflash img { padding:6px; margin:0; border:0; }

.nfimgpos { text-align:left; margin:0; padding:0; }

/* title class*/
.yjnewsflash_title { margin:15px 0; display:block; font-size:150%;line-height: 18px; font-weight: bold; font-variant: normal; }

span.yjnsreadon { height:24px; line-height:24px; display:block; clear:both; float:right; padding:0 0 0 10px!important; margin:10px 0 0 0!important; }

/* a class read more */
a.yjns_rm { display: block; height:24px; line-height:24px; padding:0 10px 0 0px!important; border:0; }

/* QUICK NAVIGATION FOOTER */
ul.quick_nav { margin:0; padding:0; list-style-type:none; background:none; }

ul.quick_nav li { display:block; width:50%; float:left; margin:0; padding:0; list-style-type:none; background:none; overflow:hidden; }

ul.quick_nav li a { height: 26px; line-height: 20px; text-decoration: none; display: block; text-decoration: none; padding:5px 0 0 8px; }

/* ABOUT YOUSTUDIO SMALL LOGO */
.small_logo { float:right; display:block; width:125px; height:61px; background: url(../images/gray/small_logo.png) no-repeat left center; }