/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
body#stylef1, body#stylef2, body#stylef3, body#stylef4, body#stylef5, body#stylef6, body#stylef7, body#stylef8, body#stylef9, body#stylef10, body#stylef11, body#stylef12, body#stylef13, body#stylef14, body#stylef15, body#stylef16 {
	background:#E8E8E8;
	color:#555;
}
/* BOTTOM PART OF THE SITE LAYOUT. BASE WRAP */
#centerbottom {
	background:#fff;
}
/*GRIDS STYLING CAN BE USED TO STYLE EACH gray DIFFERENTLY */
#yjsg1 {
	background:#292929;
	color:#efefef;
}
#header {
	background:#000;
}
#logo {
	background:url(../images/gray/logo.png) no-repeat 15px 0px;
}
#yjsgheadergrid {
	color:#efefef;
}
#yjsg2 {
	background:#ccc;
}
#yjsg3 {
	background:#fff;
}
#yjsg4 {
/*	background:#d9d9d9;*/
}
#yjsg5 {
	background:#e1e1e1;
}
#pathway {
	background:#292929;
	color:#efefef;
}
#pathway .yjsg_breadcrumbs a.pathway {
	background: url(../images/arrow.png) no-repeat right center;
}
#yjsg6 {
	background:#f2f2f2;
}
#yjsg7 {
	background:#292929;
	color:#efefef;
}
#footer {
	background:#000;
	color:#3C3C3C;
}
#joomlacredit {
	background:#1F1F1F;
	color:#474646;
}
/*TEMPLATE CSS 
--------------------- */
/* SITE LINKS */
a:link, a:visited {
	text-decoration: none;
	color:#CA0000;
}
/* SITE HOVERS */
a:focus, a:hover {
	color:#525252;
	text-decoration: none;
}
/*DIFFERENT STYLE FOR  LINKS ON DARK BG
--------------------- */
#footmod a, #footmod a:visited, #cp a, #cp a:visited, #joomlacredit a, #joomlacredit a:visited, #pathway a, #pathway a:visited {
	color:#727272;
}
#footmod a:hover, #footmod a:focus, #cp a:focus, #cp a:hover, #joomlacredit a:focus, #joomlacredit a:hover, #pathway a:focus, #pathway a:hover {
	color:#525252;
}
#yjsg1 a, #yjsgheadergrid a, #yjsg7 a {
	color:#f5f5f5;
}
#yjsg1 a:hover, #yjsgheadergrid a:hover, #yjsg7 a:hover {
	color:#d7d7d7;
}
/* SITE HEADINGS */
h1, h2, h3, h4, h5, h6 {
	color:#727272;
}
.small, .createdate, .modifydate, .createby {
	text-transform: uppercase;
	color:#ccc;
	font-size:10px;
}
/* SITE TITLE, NEWS ITEM TITLE, MORE ARTICLES */
.pagetitle, div.title h1, div.title h2, .yjsg-morearticles h3 {
	color:#222222;
	border-bottom:1px solid #ddd;
}
.yjsg-morearticles h3 {
	border:none;
}
/* NEWS ITEM TITLE WITH LINK*/
div.title h1 a:link, div.title h1 a:visited, div.title h2 a:link, div.title h2 a:visited {
	color:#222222;
}
div.title h1 a:hover, div.title h1 a:focus, div.title h2 a:hover, div.title h2 a:focus {
	color:#727272;
}
/* FORM ELEMENTS */
/* ARTICLE TABLE OF CONTENTS */
fieldset, .toclink {
	border:1px solid #dcdcdc;
}
/* FIELDSET IN MODULES */
.yjsquare_in fieldset, .yjround_in fieldset {
	border:none;
}
/* INPUTBOXES */
.inputbox{
	background: #FFFFFF;
	border: 1px solid #ddd;
	color:#b0b0b0;
}
.inputbox:hover, .inputbox:focus{
	background: #fefefe;
	border: 1px solid #c4c4c4;
	color:#8f8f8f;
}
/*BUTTONS
--------------------- */
.button, .validate{
	background:#f7f7f7;
	border:1px solid #dcdcdc;
	color:#121212;
}
/*readon*/
a.readon:link, a.readon:visited {
	background:#f7f7f7;
	border:1px solid #dcdcdc;
	color:#121212;
}
/*.readon span {
	background:#f7f7f7;
}*/
a.readon:hover {
	color:#727272;
}
ul.pagination li a, ul.pagination li span, 
th.pagenav_prev a, th.pagenav_next a,
div.back_button a,li.pagenav-next a,li.pagenav-prev a {
	background-image: url(../images/gray/pagination.png);
}
/* active one*/
ul.pagination li span {
	color:#fff;
}
/* hover*/
ul.pagination li a:hover {
	color:#fff;
}
/* THIS TEMPLATE IS EQUIPED WITH  ROUND AND SQUARE CORNERS
TO SEE ROUND CORNERS SIMPLY CHANGE THE MODULE gray STYLE IN TEMPLATE MANAGER
UNDER ACCORDION ADVANCED OPTIONS. SEE ALSO rounded.css FILE".

/* ROUND MODULES STYLING
--------------------- */
/* ROUND IMAGE. YOU CAN CHANGE TO YOUR OWN. 1 IMAGE TECHNIQUE USED */
.yjround .content, .yjround .t, .yjround .b, .yjround .b div {
	background:url(../images/gray/rounded.png);
}
.yjround h4 {
	color:#222222;
	border-bottom:1px solid #ddd;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR */
.yjround h4 span {
	color:#222222;
}
/* SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND*/
#yjsg1 .yjround .content, #yjsgheadergrid .yjround .content, #yjsg7 .yjround .content {
	color:#222222;
}
.yjround_in {
}
/*SQUARE MODULES STYLE
--------------------- */
.yjsquare h4 {
	color:#222222;
	border-bottom:1px solid #ddd;
}
/* SPAN COLOR SHOWS FIRST */
.yjsquare h4 span {
	color:#222222;
}
.yjsquare {
}
.yjsquare_in {
}
/* ADDITIONAL MODULE STYLES */
/* _yj1 */
.yjsquare_yj1 h4 {
}
.yjsquare_yj1 h4 span {
}
.yjsquare_yj1 {
}
.yjsquare_yj1 .yjsquare_in {
}
/* _yj2 */
.yjsquare_yj2 h4 {
}
.yjsquare_yj2 h4 span {
}
.yjsquare_yj2 {
}
.yjsquare_yj2 .yjsquare_in {
}
/*  SPECIFIC TEXT AND TITLE COLOR FOR GRIDS WITH DARK BACGROUND */
#yjsg1 .yjsquare h4, #yjsg7 .yjsquare h4, #yjsgheadergrid .yjsquare h4 {
	color:#ccc;
	border-bottom:1px dashed #ccc;
}
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR*/
#yjsg1 .yjsquare h4 span, #yjsg7 .yjsquare h4 span, #yjsgheadergrid .yjsquare h4 span {
	color:#ccc;
}
/*SEARCH INPUTBOX STYLING. CURRENTLY USING DEFAULT INPUT STYLE
--------------------- */
.search {
}
.search .inputbox {
}
/*LOGIN MODULE INPUTBOX CURRENTLY USING DEFAULT INPUT STYLE
--------------------- */
#modlgn_passwd, #modlgn_username {
}
#modlgn_passwd {
}
#modlgn_username {
}
#modlgn_remember.inputbox{
}

/*SIDE MENU MODULE
--------------------- */
/* MENU NORMAL LINKS COLOR */
#mainlevel li a, .menu li a, a.mainlevel {
	background: url(../images/gray/mainlevel.gif) no-repeat left top;/* LINKS BG IMAGE */
	color:#727272;
}
/* HOVER AND ACTIVE LINKS BG IMAGE */
#mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel:hover, a.mainlevel#active_menu, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, .menu li a:hover, .menu li.active a {
	background: url(../images/gray/mainlevel.gif) no-repeat left bottom;
}
/* SUB LEVELS LI IMAGE */
a.sublevel {
	background: url(../images/gray/bodyli.gif) no-repeat 5px 9px;
}
a.sublevel:hover {
	text-decoration:underline;
}
/*HOVER AND ACTIVE LINK COLOR */
#footmod a.mainlevel:hover, #footmod a.mainlevel:active, #footmod a.mainlevel:focus, #mainlevel li a:hover, #mainlevel a#active_menu:link, #mainlevel a#active_menu:visited, a.mainlevel#active_menu, a.sublevel, a.sublevel:hover, a.sublevel:active, a.sublevel:focus, #active_menu, a.mainlevel:hover, a.mainlevel:active, a.mainlevel:focus, li.active a, li.parent a, .menu li a:hover {
	color:#CA0000;
}
/* MENU LI A AND MENU SUB LEVELS LINK COLOR */
li.active ul li a, a.sublevel#active_menu {
	color:#525252;
}
/* MENU LI A HOVER AND ACTIVE LINK COLOR AND BG */
li.active ul li a:hover, li.active ul li.active a {
	color:#CA0000;
	background: url(../images/gray/mainlevel.gif) no-repeat left top;
}
/* SITES LI IMAGE */
ul li {
	background: url(../images/gray/bodyli.gif) no-repeat 0px 5px;
}
/*USER PAGES STYLES */
div.userpages{
	background:#e7e7e7;
	border:1px dashed #121212;
	text-shadow:1px 1px #fff;
}
div.userpageswrap.offline div.userpages{
	border:none;
	background:#fff;
}
/*16 and up*/
div.userpages dt{
	background:#fff;
	border:1px solid #ccc;
}
/* IMAGE CAPTIONS */
p.img_caption {
	background:#efefef;
	border:1px solid #ccc;
	text-shadow:1px 1px #fff;
	text-transform:uppercase;
	color:#5F5F5F;
}
/*SECTION TABLE ENTERY COLORS- */
table.pollstableborder tr.sectiontableentry1 td, table.pollstableborder tr.sectiontableentry2 td {
	border: none;
}
.sectiontableheader {
	border: 1px solid #f4f4f4;
	background:#fff;
}
.sectiontableentry1 {
	background-color : #f4f4f4;
}
tr.sectiontableentry1 td, tr.sectiontableentry2 td, td.sectiontableentry1, td.sectiontableentry2 {
	border-bottom: 1px solid #fff;
}
tr.sectiontableentry1 td, td.sectiontableentry1 {
	background-color: #f4f4f4;
}
tr.sectiontableentry2 td, td.sectiontableentry2 {
	background-color: #fff;
}
tr.sectiontableentry1:hover td, tr.sectiontableentry2:hover td {
	background-color: #f9f9f9;
}