/*======================================================================*\
|| #################################################################### ||
|| # 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;
}

/* CENTERBOTTOM IS THE BOTTOM PART OF THE SITE SEE yjsg_main.php FOR REFERENCE */
#centerbottom {
	position:relative;
}

#header {
	text-align:left;
	position:relative;
	padding:5px 0 5px 0;
	overflow:hidden;
	margin:0 auto;
}

#logo {
	float:left;
	text-align:left;
	overflow:hidden;
}
#logo h1{
	margin:0!important;
	padding:0!important;
	line-height:0!important;
}
/* LOGO HOMEPAGE LINK */
#logo a {
	padding:0;
	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 0 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;
	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 ,  header1 - header3
#yjsgbodytop contains bodytop1 - bodytop3
#yjsgbodybottom  contains boddybottom1 - bodybottom3
*/
#yjsgheadergrid {
	float:right;
	overflow:hidden;
	height:auto;
	margin:0;
	padding:0;
}

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

/* 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;
}

/* yjplain */
.yjplain{
	padding:5px 10px;
}
.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:0;
	overflow:hidden;
}

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

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

#youjoomla {
	clear:both;
	text-align:left;
	padding:5px 10px;
	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,.yjsgcp {
	display:block;
	clear:both;
}
/*RTL LINKS*/
a.tdir {
	font-size:80%;
}
/*FONT RESIZER LINKS*/
a.fs {
	font-size:110%;
}
.yjsglogo {
	position:absolute;
	right:10px;
	display:block;
	top:10%;
	height:48px;
	width:229px;
	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-align:left;
	text-indent:10px;
	margin:0 auto;
}

/* 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, .yjsquare_yj3, .yjsquare_yj4 {
	margin: 5px 0 5px 0px!Important;
	padding: 0px;
	clear: both;
	display:block;
	height:100% !Important;
	height:1%;
	overflow:hidden;
}

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

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

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

/* MODULE p ELEMENT*/
.yjsquare p, .yjsquare_yj1 p, .yjsquare_yj2 p, .yjsquare_yj3 p, .yjsquare_yj4 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 {
	margin:0 5px;
	padding:3px 5px;
}

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

/* 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;
}

/* 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 15px;
}
/* DEFAULT GRID OVERRIDES AND ADDITIONAL CSS. 
NOTE! DO NOT EDIT ABOVE. USE CSS OVERRIDE FOR CHANGES. 
IS EASIER TO SET BACK TO DEFAULT IF YOU MAKE MISTAKE.
HERE IS CSS OVERRIDE EXAMPLE 
http://www.youjoomla.com/how-to-use-module-css-override.html*/

/************************************************\
******************YOU EDITION*********************
\************************************************/

/****************YJSG1 OUT*******************/
#yjsg1{
	padding:0;
}
/************END YJSG1 OUT*************/

/***********RSS CUSTOM MODULE*********/
.yjsquare.rss .yjsquare_in{
	padding:0 10px;
}
.yjsquare.rss{
	text-transform:uppercase;
	font-size:80%;
	margin:12px 0 0 0!important;
}
.yjsquare.rss p{
	margin:0;
	padding:0 0 0 10px;
}
/*********END RSS CUSTOM MODULE*********/

/***********SMALL MENU************/
.yjsquare.smallmenu{
	margin:0!important;
}
.yjsquare.smallmenu .yjsquare_in{
	padding:6px 0 0 0;
}
.yjsquare.smallmenu ul li a.mainlevel,.yjsquare.smallmenu ul li a.mainlevel:hover {
	text-transform:uppercase;
	text-indent:0;
	float:right;
	font-size:80%;
	padding:2px 10px;
}
/***********END SMALL MENU************/

/************YJ LIVE SEARCH*************/
.yjsquare.yjlsearch .yjsquare_in{
	position:relative;
	padding:0;
	margin:0;
	float:right;
}
.yjsquare.yjlsearch{
	margin:0!important;
}
.yjsquare.yjlsearch .yjsquare_in form{
	padding:0;
	margin:0;
}
.yjlsearch #defaultfeedLiveSearch.yj_inputbox{
	font-size:80%;
	width:228px;
	height:30px;
	line-height:32px;
	margin:4px 0;
	padding:0 5px;
	border:none;
}
.yjlsearch .button{
	width:14px;
	height:16px;
	position:absolute;
	right:6%;
	top:15%;
	text-indent:-999px;
	border:none;
}
.LiveSearchResults a.next, .LiveSearchResults a.back{
	height:24px;
	line-height:24px;
}
/**********END YJ LIVE SEARCH***********/

/*********BANNER*******/
.yjsquare.banner{
	margin:0!important;
}
.yjsquare.banner .yjsquare_in{
	padding:0;
	float:right;
}
/********END BANNER*******/

/***************TOP MENU******************/
.menu_out{
	margin-bottom:5px;
	display:block;
}
.horiznav ul li a:hover,
.horiznav ul li a:focus{
	text-decoration:underline;
}
.horiznav ul li a:link,
.horiznav ul li a:active{
	text-decoration:none;
}
.top_menu ul.subul_main li a:hover{
	text-decoration:none;
}
/************END TOP MENU**************/

/*********DEFAULT MODULE STYLE********/
#yjsg1 .yjsquare,#yjsgheadergrid .yjsquare{
	background:none;
	border:none;
}
.yjsquare{
	margin:5px 5px 10px 5px!important;
}
.yjsquare h4{
	margin:0;
	line-height:45px;
	padding-left:10px;
}
.youed_readmore{
	width:60px;
	height:23px;
	float:right;
	text-transform:uppercase;
	text-align:center;
	line-height:25px;
	margin:10px 10px 10px 10px;
}
.paragraph_1{
	font-size:90%;
}
.square_holder.k2here{
	background:none;
	border:none;
	padding:0;
	margin:0;
}
/*********END DEFAULT MODULE STYLE********/
#yjsg2{
	padding-bottom:5px;
}
/************NEWS SLIDER 10**************/
.yens{
	margin:5px!important;
}
.yens .yjsquare_in{
	padding:0;
}
/*--Slides--*/
.yens #slides span.info_title{
	font-weight:normal;
	margin:10px 0;
	padding:0 5px;
	text-align:left;
	line-height:24px;
	font-size:200%;
}
.yens #slides div.slide img{
	border:none;
}
.yens .slide_info a.read{
	width:60px;
	height:23px;
	text-indent:0;
	float:left;
	text-transform:uppercase;
	text-align:center;
	line-height:23px;
	margin:10px 5px;
}
/*--Navigator--*/
.yens #navigator10 li.element div.inner span.title{
	font-size:12px;
	line-height:35px;
	padding:0 10px 0 20px;	
}
/********END NEWS SLIDER 10**************/

/*******SOCIAL LINKS***********/
.socials{
	font-size:90%;
	display:block;
	overflow:hidden;
	float:left;
	margin:0 7px 0 0;
}
.socials span.socialrss,.socials span.twitter,.socials span.facebook{
	padding:4px 0 0 25px;
}
/******END SOCIAL LINKS*******/

/******ADVERTISE*******/
.advertise .yjsquare_in{
	padding:0;
}
/******END ADVERTISE***/

/********YJ ACORDION NEWSFLASH--------*/
.yean .yjsquare_in{
	padding:0 10px;
}
.yean .yjacnf_container{
	border:none;
}
.yean .item_category{
	line-height:55px;
	height:45px;
	display:block;
	overflow:hidden;
	clear:both;
	position:relative;
}
.yean .cat_title{
	left:0;
	font-size:150%;
	position:absolute;
}
.yean .cat_link{
	font-size:70%;
	margin:2px 20px 0 0;
	float:right;
	text-transform:uppercase;
}
.yean .yjacnf_holder{
	padding:0;
	border:none;
}
.yean .yjacnf_item_in{
	padding:0 0 15px 0;
	margin:0;
}
.yean .yjacnf_toggler_style{
	padding:10px 0;
	background:none;
}
.yean .title_in{
	padding-left:5px;
}
.yean .imageholder{
	padding:0!important;
	margin:0!important;
	border:none!important;
}
.yean .item_details{
	font-size:80%;
	padding:0 5px;
}
.yean .item_cdate{
	float:left;
	clear:both;
	font-weight:normal;
	padding-right:5px;
}
.yean .item_author{
	font-weight:normal;
}
.yean .item_intro{
	clear:both!important;
	line-height:20px;
	font-size:90%;
	padding:0 5px!important;
}
.yean .item_readmore{
	width:60px;
	height:23px;
	text-transform:uppercase;
	text-align:center;
	line-height:23px;
	border:none;
	padding:0;
	margin:0 0 10px 0;
}
.yean .item_readmore span{
	padding:0;
	line-height:23px;
}
/********END YJ ACORDION NEWSFLASH--------*/

/**********YJ MULTITABS**************/
.yemt {
	border:none;
}
.yemt .yjsquare_in{
	padding:0;
}
.yemt #tabs_holder{
	border:none;
}
.yemt #tabs{
	height:40px!important;
}
.yemt #tabs li{
	padding:0;
	line-height:40px;
	height:40px!important;
}
.yemt .tab_content_in{
	border-top:none;
	padding:0!important;
}
/********END YJ MULTITABS***********/

/*******K2 TAGS MY************/
#tabs_holder .k2TagCloudBlock{
	padding:10px;
}
/*******END K2 TAGS MT***********/

/*******YOUDEVELOPER SLIDER*******/
#bodybottomextra{
	display:block!important;
	width:100%!important;
}
.yjeditionbox{
	text-align:left;
}
.yeds{
	margin-top:0!important;
}
.yeds .youd_category{
	font-size:150%;
	overflow:hidden;
	margin:0px 10px;
	padding:5px 0;
	display:block;
}
.yeds .introimage{
	padding:0 10px;
	margin:10px 0;
}
.yeds .title{
	clear:both;
	padding:0!important;
	font-size:170%!important;
	margin:5px 10px!important;
}
.yeds .youd_date{
	display:block;
	overflow:hidden;
	font-size:80%;
	margin:5px 10px!important;
}
.yeds .intro_text{
	font-size:90%;
	padding:0 10px!important;
}
/*navigation*/
.yeds #Youdeveloperslider .navigator {
	height:9px;
	top:2%;
	right:1%;
}
.yeds #Youdeveloperslider .navigator ul {
	width:100%;
	height:9px;
}
.yeds #Youdeveloperslider .navigator li {
	width:17px;
	height:9px;
	margin-right:6px;
	padding:0!important;
	float:right!important;
}
.yeds .youd_readmore{
	display:block;
	width:55px;
	text-align:center;
	float:right;
	height:15px;
	line-height:15px;
	padding:0px;
	margin:10px;
	text-transform:uppercase;
	font-size:70%;
}
/*******END YOUDEVELOPER SLIDER*******/

/*******BOTTOM GRIDS***********/
.bottom_holder{
	margin:0 auto;
	display:block;
	overflow:hidden;
	padding:0;
}
.bottom_holder_inside{
	padding:0 7px 0 5px;
	display:block;
	overflow:hidden;
}
#yjsg6 .yjsquare,#yjsg7 .yjsquare{
	background:none;
	border:none;
}
#yjsg6 .title_l,#yjsg6 .title_r,
#yjsg7 .title_l,#yjsg7 .title_r{
	height:11px;
	display:block;
	padding:0;
	margin:0;
}
#yjsg6 .title_r,#yjsg7 .title_r{
	width:90%;
	float:right;
}
#yjsg6 .title_holder,#yjsg7 .title_holder{
	height:11px;
}
#yjsg6 h4,#yjsg7 h4{
	padding:0 15px;	
}
#yjsg6 .yjsquare,#yjsg7 .yjsquare{
	margin:0!important;
}
#yjsg6 .yjsquare_in,#yjsg7 .yjsquare_in{
	padding:10px 15px;
}
/*******BOTTOM GRIDS***********/

/*******YJ LATEST TWITTS******/
.yelt .yj_twitter_cont{
	padding:15px 0;
	border:none;
}
/*****END YJ LATEST TWITTS******/

/*******K2 CONTENT FOOTER*******/
.yecf ul li{
	border:none!important;
	padding:10px 0;
}
.yecf ul li .lastItem{
	background:none!important;
}
a.moduleItemImage{
	margin:2px 10px 0 0!important;
	padding:0;
	border:none!important;
}
.yecf a.moduleItemImage img{
	height:auto;
}
.yecf a.moduleItemImage:hover{
	background:none;
}

/*******END K2 CONTENT FOOTER*******/

/*******SUBSCRIBE FOOTER*******/
#subscribe_holder .inputbox{
	width:266px;
	height:36px;
	line-height:36px;
	padding:0 5px;
	border:none;
	font-size:90%;
}
.sub_button {
	font-size:110%;
	border:none;
	width:91px;
	height:33px;
	text-align:center;
	text-transform:uppercase;
	float:right;
	margin:10px 25px;
}
/*******END SUBSCRIBE FOOTER*******/

/******MODULE STYLE _YJ1**********/
.yjsquare_yj1 {
	margin:5px!important;
}
.yjsquare_yj1 h4{
	line-height:45px;
	padding:0 10px;
	margin:0;
}
.yjsquare_yj2 .title_r,.yjsquare_yj1 .title_l,.yjsquare_yj1 .title_r,.yjsquare_yj1 .title_holder{
	background:none!important;
}
/******MODULE STYLE _YJ1**********/

/******MODULE STYLE _YJ2**********/
.yjsquare_yj2 {
	margin:5px!important;
}
.yjsquare_yj2 h4{
	line-height:45px;
	padding:0 10px;
	margin:0;
}
.yjsquare_yj2 .title_l,
.yjsquare_yj2 .title_r {
	height:11px;
	display:block;
	padding:0;
	margin:0;
}
.yjsquare_yj2 .title_r{
	width:90%;
	float:right;
}
.yjsquare_yj2 .title_holder{
	background:none!important;
}
/******MODULE STYLE _YJ2**********/

/******MODULE STYLE _YJ3**********/
.yjsquare_yj3{
	margin:5px!important;
}
.yjsquare_yj3 h4{
	line-height:44px;
	padding:0 10px;
	margin:0;
}
.yjsquare_yj3 .title_l,.yjsquare_yj3 .title_r{
	height:11px;
	display:block;
	padding:0;
	margin:0;
}
.yjsquare_yj3 .title_r{
	width:90%;
	float:right;
}
.yjsquare_yj3 .title_holder{
	height:11px;
}
/******MODULE STYLE _YJ3**********/

/******MODULE STYLE _YJ4**********/
.yjsquare_yj4 h4{
	padding:0 5px;
}
.yjsquare_yj4 .title_r,.yjsquare_yj4 .title_l,.yjsquare_yj4 .title_r,.yjsquare_yj4 .title_holder{
	background:none!important;
}
/******MODULE STYLE _YJ4**********/
.typo .youed_readmore{
	float:left;
}
.componentheading{
	padding:5px 0;
}
.square_holder{
	margin:5px 5px 10px 5px;
	padding:10px;
	display:block;
	overflow:hidden;
	background:#fff;
	border:1px solid #e7e7e7;
}