/*======================================================================*\
|| #################################################################### ||
|| # 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  ||
|| #################################################################### ||
\*======================================================================*/
a:focus, a:hover { color:#000; text-decoration: none; }
.yjsquare h4, .yjsquare_yj1 h4, .yjsquare_yj2 h4, .yjsquare_yj3 h4, div.title h1, div.title h2, h1.pagetitle, .componentheading, .yjround h4, .yjround_yj1 h4, .yjround_yj2 h4, .yjround_yj3 h4 { color:#fff; text-shadow:none; }
#yjsg7 a, .yj_twitter_title a { color:#eee; }
a.yjnewsflash_title, a.yjnewsflash_title:visited { color:#fff; }
#yjsg7 { background:#000000; color:#828282; border:none; }
.testimonial { background: url(../images/dark/testimonial.gif) no-repeat left top; }
.bot_thumb, .bot_thumbv { background: url(../images/dark/mbox_thumbs.gif) no-repeat left top; }
.yjsgxhtml { background:url(../images/dark/yjsg3_shadow.png) no-repeat right 80px; }
#yjsg7 .yjsgxhtml { background:url(../images/dark/yjsg7_yjsgxhtml_bg.gif) no-repeat 98% 40px; }
input, textarea { background:#000; color:#717171; }
.yjround .content, .yjround .t, .yjround .b, .yjround .b div { background:url(../images/dark/rounded.png); }
.error { background:url(../images/dark/typ/error.gif) no-repeat center left }
.message { background:url(../images/dark/typ/info.gif) no-repeat center left }
.tips { background:url(../images/dark/typ/tips.gif) no-repeat center left }
.highlight { background:#1d1d1d }
div.blockquote { border:1px solid #171717; background:#1d1d1d url(../images/dark/typ/qlg.gif) no-repeat 0px 2px !Important }
div.blockquote blockquote { background:url(../images/dark/typ/qrg.gif) no-repeat right bottom }
.dropcap { color:#525252 }
p.sticky, p.pin, p.clip, p.down, pre, .code { border-right:1px solid #171717; border-top:1px solid #171717; border-left:5px solid #171717; border-bottom:1px solid #171717; background:#1d1d1d url(../images/dark/typ/sticky.gif) no-repeat left center }
pre, .code { background:#1d1d1d; color:#a4a4a4 }
p.pin { background:#1d1d1d url(../images/dark/typ/pin.gif) no-repeat left center }
p.clip { background:#1d1d1d url(../images/dark/typ/clip.gif) no-repeat left center }
p.down { background:#1d1d1d url(../images/dark/typ/down.gif) no-repeat left center }
.bignumber { color:#525252 }
body ul.star li, body li.star { background:url(../images/dark/typ/star.gif) no-repeat 0 1px }
body ul.video li, body li.video { background:url(../images/dark/typ/video.gif) no-repeat 0px 0px }
img.border { border:1px solid #2D2D2D; background:#151515; }
ul li {/* SITES LI IMAGE */ background: url(../images/dark/bodyli.gif) no-repeat 0px 5px; }
a.sublevel { background: url(../images/dark/bodyli.gif) no-repeat 5px 5px; /* SUB LEVELS LI IMAGE */ color:#e74907; }
h1, h2, h3, h4, h5, h6, .dropcap { color:#eee; }
#horiznav ul li a { background: url(../images/dark/topmenu/normal_l.png) no-repeat left center; }
#horiznav ul li a:hover, #horiznav ul li:hover a, #horiznav ul li.sfHover a { background: url(../images/dark/topmenu/hover_l.png) no-repeat center center; }
#horiznav li#current a, #horiznav li#current a:hover, #horiznav li#current:hover a, #horiznav li#current.sfHover a, #horiznav li.active a { background: url(../images/dark/topmenu/active_l.png) no-repeat center center; }
#horiznav li#current, #horiznav li#current:hover, #horiznav li#current.sfHover, #horiznav li.active { background: url(../images/dark/topmenu/active_r.png) no-repeat right center; }
#horiznav li:hover ul, #horiznav li li:hover ul, #horiznav li li li:hover ul, #horiznav li li li li:hover ul, #horiznav li.sfHover ul, #horiznav li li.sfHover ul, #horiznav li li li.sfHover ul, #horiznav li li li li.sfHover ul, #horiznav ul li:hover li a, #horiznav ul li.sfHover li a, #horiznav ul li:hover ul ul li a, #horiznav ul li.sfHover ul ul li a { background-color: #111111!Important /* SUB LEVEL BACKGROUND COLOR */ }
#horiznav li ul li a:hover, #horiznav li ul li ul li a:hover, #horiznav li li:hover, #horiznav ul li li.sfHover, #horiznav li li.sfHover a, #horiznav ul li li:hover a, #horiznav ul li li:hover, #horiznav ul li li.sfHover, #horiznav ul li li#current a:hover, #horiznav li.haschild ul li#current.sfHover, #horiznav li.haschild ul li#current:hover, #horiznav ul li.haschild li#current a:hover { background-color: #111111;/* SECOND LEVEL BACKGROUND  HOVER COLOR */ }
#horiznav ul li#current ul li a, #horiznav ul li#current ul li, #horiznav ul li.haschild li#current a { color: #fff;/* SUB LEVEL ACTIVE TEXT COLOR */ }
#horiznav li li { border-bottom: 1px solid #1d1d1d;/*SUB LEVEL BOTTOM LINE  */ }
#horiznav li ul { /*SUB LEVEL UL BORDER IF NEEDED*/
border: 1px solid #1d1d1d; }
#horiznav li, #horiznav { background: url(../images/dark/topmenu/horiz_bg.png) no-repeat left top; }
#top_menu { background:#111111 url(../images/dark/topmenu/horiz_bg_r.png) no-repeat right top; }
#horiznav li { background: url(../images/dark/topmenu/normal_r.png) no-repeat right center; }
#horiznav ul li:hover, #horiznav ul li.sfHover { background: url(../images/dark/topmenu/hover_r.png) no-repeat right center; }
/*SUB LEVEL PARENT ITEM ARROWS*/
#horiznav ul li ul li.haschild a.child, #horiznav ul li ul li a.child:hover { background-image:url(../images/dark/topmenu/arrow_right.gif); }
/* SUB SUB ARROW */
#horiznav ul li.active ul li a.child, #horiznav ul li#current.active a.child, #horiznav ul li#current.active a.child:hover { background-image:url(../images/dark/topmenu/arrow_right.gif); }
#horiznav_d { background: url(../images/dark/topmenu/horiz_bg.png) no-repeat left top; }
#top_menu_d { background:url(../images/dark/topmenu/horiz_bg_r.png) no-repeat right top; }
#horiznav_d li { background:url(../images/dark/topmenu/normal_l.png) no-repeat left center; }
#horiznav_d li a, #horiznav_d li .separator { background: url(../images/dark/topmenu/normal_r.png) no-repeat right center; }
#horiznav_d ul li ul { background:#111111 url(../images/dark/topmenu/horiz_bg_dd.png) repeat-x 0 bottom;/*MUST BE USED FOR HOVER OVERLAPPING EFFECT*/ }
#horiznav_d li.active, #horiznav_d li.active:hover, #horiznav_d li.active.sfHover, #horiznav_d li:hover, #horiznav_d li.sfHover { background: url(../images/dark/topmenu/active_ld.png) no-repeat center center; }
#horiznav_d li.active a, #horiznav_d li.active .separator, #horiznav_d li.active a:hover, #horiznav_d li.active .separator:hover, #horiznav_d li:hover a, #horiznav_d li:hover .separator, #horiznav_d li.sfHover a, #horiznav_d li.sfHover .separator { background: url(../images/dark/topmenu/active_r.png) no-repeat right center; }
#horiznav_d li.haschild li a:hover, #horiznav_d li.haschild li.active a, #horiznav_d li.haschild li a { background-image: url(../images/dark/topmenu/drop_sep.png); }
#mainlevel li a, .menu li a, a.mainlevel { color:#eee;/* MENU NORMAL LINKS COLOR */ }
a.sublevel:hover { text-decoration:underline; color:#eee; }
li.active ul li a, a.sublevel#active_menu { color:#eee; /* MENU LI A AND MENU SUB LEVELS LINK COLOR */ }
li.active ul li a:hover, li.active ul li.active a { color:#eee;  /* MENU LI A HOVER AND ACTIVE LINK COLOR */ }
/*USER PAGES STYLE */
#userlogin, #userlogout, #userregister, #userreminder { background:#2F2F2F; text-shadow:none; }
.inputbox, #userreminder .required { background: #000; border: 1px solid #525252; text-shadow:none; }
.inputbox:hover, .inputbox:focus, #userreminder .required:hover, #userreminder .required:focus { background: #2F2F2F; border: 1px solid #525252; text-shadow:none; }
#errorpage { background:#2F2F2F; border:1px dashed #525252; }
#log_res.ajax-loading { background-image: url(../images/dark/runner.gif); }
