/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
/*BODY ID'S USED FOR CSS FONT STYLES AND BASE SITE BODY STYLING */
body {
  background:#E1FFFF url(../images/blue/background.jpg) no-repeat center top;
  color:#555;
}
#header {
  background:#212121 url(../images/blue/header_bg.jpg) no-repeat left top;
}
.blue_yjsg2_out {
  background:#fafafa;
}
.blue_yjsg3_out {
  background: #fff;
  border-bottom:1px solid #d8d8d8;
  border-top:1px solid #d8d8d8;
}
.blue_yjsg4_out {
  background: #FAFAFA;
  border-bottom:1px solid #d8d8d8;
}
/* footer_holders */
.footer_holders {
  border-top:1px solid #d8d8d8;
  background:#f9f9f9;
}
.footer_holders.footer {
  background:#f3f3f3;
}
#centerbottom {
  background:#fff;
}
#logo {
  background:url(../images/blue/logo.png) no-repeat 0px 0px;
}
/* SITE LINKS */
a {
  text-decoration: none;
  color:#007ebd;
}
/* SITE HOVERS */
a:focus,
a:hover {
  color:#0c5f88;
}
/* SITE HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6 {
  color:#454545;
}
/* SITE LI IMAGE */
ul li {
  background: url(../images/blue/bodyli.gif) no-repeat 0px 7px;
}
/* ARTICLE TABLE OF CONTENTS */
fieldset, #article-index ul{
  border:1px solid #dcdcdc;
}
#article-index ul li{
  border-bottom:1px solid #dcdcdc;
}
#article-index ul li:last-child{
  border:none;
}
/* INPUTBOXES */
.inputbox {
  background: #FFFFFF;
  border: 1px solid #dcdcdc;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.inputbox:hover,
.inputbox:focus {
  background: #F7F7F7;
  border: 1px solid #838383;
}
/*BUTTONS AND READON
--------------------- */
.button,
.button:hover,
.validate,
a.readon,
a.hover,
a.focus {
  background:#007ebd;
  color:#fff;
  text-shadow:none;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
a.readon:hover {
  color:#111;
}
/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
#topmenu_holder.yjsgmega,
#topmenu_holder.topmodpoz,
#topmenu_holder.topmodpoz_navbar {
  background-color: #FAFAFA;
  background-image: -moz-linear-gradient(top, white, #F2F2F2);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(white), to(#F2F2F2));
  background-image: -webkit-linear-gradient(top, white, #F2F2F2);
  background-image: -o-linear-gradient(top, white, #F2F2F2);
  background-image: linear-gradient(to bottom, white, #F2F2F2);
  background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
  border-top: 1px solid #D4D4D4;
  border-bottom: 1px solid #D4D4D4;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}
/* sub sub ul border */
.top_menu ul.subul_main {
  border: 1px solid #D4D4D4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background:#fff;
}
.top_menu ul.group_holder ul.subul_main.level2,
.top_menu ul.group_holder ul.subul_main.level4 {
  border:none;
  -webkit-border-radius:none;
  -moz-border-radius:none;
  border-radius:none;
}
.top_menu ul.subul_main a.first {
  -webkit-border-top-left-radius: 4px;
  -moz-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}
.top_menu ul.subul_main a.last {
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.top_menu li {
  background-image:none;
}
/* reset Bootstrap navbar */
  .navbar-inner {
  -webkit-box-shadow:none;
  -khtml-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  border:none;
}
/* TOP LEVEL LINKS */
.top_menu ul li a {
  color:#007ebd;
}
/* active and hover */
.top_menu ul li a:hover,
.top_menu li.active a.activepath {
  color: #121212;
}
/*SUBTITLE */
.top_menu ul li a span.yjm_desc {
  color:#8b8b8b;
}
/* active and hover */
.horiznav ul li.active a span.yjm_desc,
.horiznav ul li a:hover span.yjm_desc {
  text-shadow:1px 1px #fff;
}
/* HASCHILD ARROWS */
.top_menu ul li.haschild span.child a {
  position:relative;
}
.top_menu ul li.haschild span.child a:after {
  font-family: 'FontAwesome';
  content: "\f0d7";
  position: absolute;
  top:30%;
  left: 0px;
  padding: 2px 7px;
}
.top_menu ul.subul_main li.haschild span.child a:after {
  font-family: 'FontAwesome';
  content: "\f0da";
  position: absolute;
  top:30%;
  left:auto;
  right:10px;
}
.top_menu ul.subul_main li.haschild span.child a:hover:after {
  content: "\f0d7";
}
/* rtl */
body.style_blue.yjsgrtl .top_menu ul.subul_main li.haschild span.child a:after {
  right:auto;
  left:10px;
  content: "\f0d9";
}
/*SUB LEVELS A*/
.top_menu ul.subul_main li a {
  background:#fff;
  border-bottom: 1px solid #D4D4D4;
}
.top_menu ul.subul_main li a:hover,
.top_menu ul.subul_main li a.activepath {
  background:#f5f5f5;
  color: #121212;
}
/* Group holder title*/
.top_menu ul.subul_main.group_holder li.holdsgroup ul.subul_main {
  border:none;
}
.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle {
  border:none;
  color: #888;
}
.top_menu ul.subul_main li.holdsgroup a.holdsgroupTitle:after {
  display:none;
}
/* MODULE IN MENU */
.top_menu ul.subul_main li.has_module a.yj_menu_module_holder:hover{
  background:#fff;
}
.top_menu ul.subul_main li.has_module .yjsquare_in{
  color:#555;
  cursor:default;
}
/* SEPARATOR */
span.separator {
  color: #888;
  background:#fff;
  border-bottom: 1px solid #D4D4D4;
}
/* DROPLINE */
ul.subul_main.dropline.dlevel1 {
  background:#f8f8f8;
  border:none;
  -webkit-box-shadow:inset #D4D4D4 0 1px 0 0, inset 0 5px 5px #f8f8f8, inset 0px -5px 5px #f2f2f2;
  -moz-box-shadow:inset #D4D4D4 0 1px 0 0, inset 0 5px 5px #f8f8f8, inset 0px -5px 5px #f2f2f2;
  -khtml-box-shadow:inset #D4D4D4 0 1px 0 0, inset 0 5px 5px #f8f8f8, inset 0px -5px 5px #f2f2f2;
  box-shadow:inset #D4D4D4 0 1px 0 0, inset 0 5px 5px #f8f8f8, inset 0px -5px 5px #f2f2f2;
  -webkit-border-radius:0px;
  -khtml-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
ul.subul_main.dropline.dlevel1 a.dlevel1a {
  background:none;
}
/*SIDE MENU MODULE
--------------------- */
.defaultmenu li a {
  border-bottom: 1px solid #D4D4D4;
}
.defaultmenu li a {
  position:relative;
  display:block;
}
.defaultmenu li a:after {
  font-family: 'FontAwesome';
  content: "\f054";
  position: absolute;
  top:7px;
  left:-15px;
}
.defaultmenu a.alast {
  border:none;
}
.defaultmenu a.isactivea,
.defaultmenu li a:hover {
  background:#f5f5f5;
  color: #121212;
}
/* rtl */
body.style_blue.yjsgrtl ul.defaultmenu li a:after {
  content: "\f053";
  left:auto;
  right:-15px;
}
/* Accordion side menu */
ul.defaultmenu.yjsgacc li.active_yjsgacc a.yjsgtoggler:after{
  content: "\f078";
}
/* FOOTER MENU MODULE*/
#footmod ul.defaultmenu li a,
#footmod ul.defaultmenu li a:hover,
#footmod ul.defaultmenu a.isactivea {
  border:none;
  background:none;
}
/*USER PAGES STYLES */
div.userpages {
}
div.userpageswrap.offline div.userpages {
  border:none;
  background:#fff;
}
div.userpages dt {
  background:#fff;
  border:1px solid #ccc;
}
/*SECTION TABLE */
table.category {
  border: 1px solid #DDD;
  border-collapse: separate;
  border-bottom:none;
}
table.category td {
  border-bottom: 1px solid #DDD;
}
th.sectiontableheader {
  border-bottom: 1px solid #DDD;
  background:#fff;
}
tr.sectiontableentry1 td {
  background-color: #fafafa;
}
tr.sectiontableentry2 td {
  background-color: #fff;
}
tr.sectiontableentry1:hover td,
tr.sectiontableentry2:hover td {
  background-color: #f7f7f7;
}
.yjsglogo {
  background: url(../images/blue/yjsglogo.png) no-repeat center center;
}
/* responsive menu */
div#mmenu_holder {
  background:#fff;
  border: 1px solid #D4D4D4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
  -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.065);
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
}