/*======================================================================*\
|| #################################################################### ||
|| # 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:#FEFEFE url(../images/bg/background.jpg) no-repeat center top; color:#555; }
/* BOTTOM PART OF THE SITE LAYOUT. BASE WRAP */
/*#centertop { margin: 10px 0 10px 0; }*/
#centerbottom { background:#eeeeee url(../images/faux_l.png) repeat-y left top; }
#centerbottomr { background: url(../images/faux_r.png) repeat-y right top; }
/*#toptools { margin: -10px 0 10px 0; }*/
/*GRIDS STYLING CAN BE USED TO STYLE EACH GRID DIFFERENTLY */
#yjsg1 { }
#header { }
#logo { background:url(../images/blue/logo.png) no-repeat 0px 0px; }
#openCart { background: url(../images/blue/openCart.png) no-repeat left top; }
#openCart span { color:#3580d4; }
#openCart:link, #openCart:visited, #openCart:focus, #openCart:hover { color:#626262; }
.YJYoumania_slide .YJYoumania_description a.vmpurchase { background: url(../images/blue/vmpurchase.gif) no-repeat left top; }
.YJYoumania_slide .YJYoumania_description span.yjvm_price { background: url(../images/blue/yjvm_price.png) no-repeat left top; color:#fff; text-shadow:1px 1px #3473ab; }
.navContainer { background:#3a87d7; border-top:1px solid #285e96; border-bottom:1px solid #285e96; }
#YJYoumania_left, #YJYoumania_right { background:url(../images/blue/navs_l.gif) left center; }
#YJYoumania_right { background:url(../images/blue/navs_r.gif) right center; }
.navContainer a.YJYoumania_navLink { background: url(../images/blue/slide_img_bg.gif) no-repeat center top; }
.navContainer a.selected, .navContainer a.YJYoumania_navLink:hover { text-shadow:1px 1px #3473ab; background: url(../images/blue/slide_img_bg.gif) no-repeat center bottom; }
.yjvm_products .addtocart_button { color:#3580d4; }
.yjvm_products .addtocart_button:hover { color:#373737; }
.yjvm_productprice { background: url(../images/blue/vmlatest_price.png) no-repeat left top; color:#fff; text-shadow:1px 1px #3473ab; }
/* GRID 3 specific */
#yjsg3 .yjvm_products h3 a, #yjsg3 .yjvm_products h3 a:visited { color:#373737; }
#yjsg3 .yjvm_products h3 a:hover, #yjsg3 .yjvm_products h3 a:focus { color:#3580d4; }
/* GRID 5 specific */
#yjsg5 .yjvm_products h3 a, #yjsg5 .yjvm_products h3 a:visited { color:#373737; }
#yjsg5 .yjvm_products h3 a:hover, #yjsg5 .yjvm_products h3 a:focus { color:#3580d4; }
.yjnewsflash a.vmpurchase { background: url(../images/blue/vmpurchase.gif) no-repeat left top; }
.yjnewsflash span.yjvm_price { background: url(../images/blue/yjvm_price.png) no-repeat left top; color:#fff; text-shadow:1px 1px #3473ab; }
#pathway .yjsg_breadcrumbs a.pathway { background: url(../images/arrow.png) no-repeat right center; }
#footer { color:#3C3C3C; background: url(../images/footer_l.gif) no-repeat left bottom; }
#footer_top { border-top:1px solid #b7b7b7; }
#youjoomla { background: url(../images/footer_r.gif) no-repeat right bottom; padding-bottom: 15px; }
#joomlacredit { color:#474646; }
/*TEMPLATE CSS
--------------------- */
/* SITE LINKS */
a:link, a:visited { text-decoration: none; color:#3580d4; }
/* SITE HOVERS */
a:focus, a:hover { color:#525252; text-decoration: none; }
/* SITE HEADINGS */
h1, h2, h3, h4, h5, h6 { color:#3580d4; }
.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:#3580d4; }
.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:#3580d4; }
div.title h1 a:hover, div.title h1 a:focus, div.title h2 a:hover, div.title h2 a:focus { color:#727272; }
/* FORM ELEMENTS */
.formLabel { text-align: center;}

/* ARTICLE TABLE OF CONTENTS */
fieldset, .toclink { border:1px solid #c8c8c8; }
/* FIELDSET IN MODULES */
.yjsquare_in fieldset, .yjround_in fieldset { border:none; }
/* INPUTBOXES */
.inputbox, #userreminder .required { background: #FFFFFF; border: 1px solid #c8c8c8; width: 100%; }
.inputbox:hover, .inputbox:focus, #userreminder .required:hover, #userreminder .required:focus { background: #eee; border: 1px solid #ddd; }
/*BUTTONS
--------------------- */
.button, .validate { color:#121212; background: url(../images/button.gif) no-repeat left top; }
a.button:link, a.button:visited, a.button:focus { color:#121212; padding:3px; }
a.readon:link, a.readon:visited, #vmMainPage a.buttons, #vmMainPage a.buttons:visited { background:url(../images/readon_l.gif) no-repeat left top; color:#121212; }
/* ADDITIONAL SPAN READON CLASS FOR ROUND CORNERS */
.readon span, #vmMainPage .buttons span { background:url(../images/readon_r.gif) no-repeat right top; }
a.readon:hover, #vmMainPage a.buttons:hover { color:#3580d4; }
/* PAGE NAVIGATION */
a.pagenav, .pagenav_prev a, .pagenav_next a, .pagenavbar a, .back_button a { color:#3580d4; }
a.pagenav:hover, .pagenav_prev a:hover, .pagenav_next a:hover, .pagenavbar a:hover, .back_button a:hover { color: #121212; text-decoration: none; }
/* THIS TEMPLATE IS EQUIPED WITH  ROUND AND SQUARE CORNERS
TO SEE ROUND CORNERS SIMPLY CHANGE THE MODULE GRID 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/blue/rounded.png); }
.yjround h4 { color:#3580d4; border-bottom:1px solid #3580d4; }
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR */
.yjround h4 span { color:#3580d4; }
.yjround_in { }
/*SQUARE MODULES STYLE
--------------------- */
.yjsquare h4 { color:#3580d4; border-bottom:1px solid #3580d4; }
#yjsg3 .yjsquare h4 { border:none; }
/* SPAN COLOR SHOWS FIRST */
.yjsquare h4 span { color:#3580d4; }
.yjsquare { }
.yjsquare_in { }
/* ADDITIONAL MODULE STYLES */
/* _yj1 */
.yjsquare_yj1 h4 { border-bottom:1px solid #ddd; color:#373737; }
.yjsquare_yj1 h4 span { }
.yjsquare_yj1 { border:1px solid #ddd; background:#eee; }
.yjsquare_yj1 .yjsquare_in { }
/* _yj2 */
.yjsquare_yj2 h4 { border-bottom:1px solid #373737; color:#373737; }
.yjsquare_yj2 h4 span { color:#3580d4; }
.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:#373737; border:none; font-size:100%; }
/* TITLE SPANS FOR SECOND PART OF THE TITLE COLOR*/
#yjsg1 .yjsquare h4 span, #yjsg7 .yjsquare h4 span, #yjsgheadergrid .yjsquare h4 span { color:#373737; }
/*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 { }
#mod_login_remember { border: none; padding: 0!important; }
/*DIFFERENT STYLE FOR FOOTER MODULE IF NEEDED
--------------------- */
#footmod .yjsquare { }
#footmod .yjsquare h4 { }
#footmod .yjsquare h4 span { }
#footmod .yjsquare a, #footmod .yjsquare a:visited { }
#footmod .yjsquare a:hover, #footmod .yjsquare a:focus { }
/*TOP MENU STYLE FOR SPLIT MENU, CSS DROPDOWN AND SMOOTH DROPDOWN
--------------------- */
/*MENU SUB TITILES. USED WHEN MENU TITLES SETTING IS ENABLED IN TEMPLATE MANAGER*/
#topmenu_holder { background: url(../images/blue/topmenu/topm_l.png) no-repeat left top; }
.horiznav { background: url(../images/blue/topmenu/topm_r.png) no-repeat right top; }
/* MENU OVERRIDES */
.YJSG_listContainer { background:none; }
/* NORMAL SUBTITLE */
.horiznav ul li a span.yjm_desc { color:#8b8b8b; }
/*ACTIVE AND HOVER SUBTITLE*/
.horiznav ul li.active a span.yjm_desc, .horiznav ul li a:hover span.yjm_desc, .horiznav ul li.sfHover a span.yjm_desc { color:#4F4F4F; text-shadow:1px 1px #efefef; }
/* NORMAL TOP LINKS */
.horiznav ul li { background: url(../images/blue/topmenu/normal_l.png) no-repeat left center; }
.horiznav ul li a, .horiznav ul li a:visited { color: #626262; background: url(../images/blue/topmenu/normal_r.png) no-repeat right center; }
/* NORMAL TOP LINKS WITH CHILD ELEMENT */
.horiznav ul li.haschild { background: url(../images/blue/topmenu/normal_l_haschild.png) no-repeat left center; }
/* TOP LINKS HOVER */
.horiznav ul li:hover, .horiznav ul li.sfHover { background: url(../images/blue/topmenu/hover_l.png) no-repeat left center; }
.horiznav ul li a:hover, .horiznav ul li:hover a, .horiznav ul li.sfHover a,  .horiznav ul li.sfHoverHas a { color: #3580d4; background: url(../images/blue/topmenu/hover_r.png) no-repeat right center; }
/* TOP LINKS HOVER WITH CHILD ELEMENT */
.horiznav ul li.haschild:hover { background: url(../images/blue/topmenu/hover_l_haschild.png) no-repeat left center; }
.horiznav ul li.haschild a:hover { color: #3580d4; }
/* ACTIVE TOP LINKS  */
.horiznav li#current, .horiznav li.active { background: url(../images/blue/topmenu/active_l.png) no-repeat left center; }
.horiznav li#current a, .horiznav li.active a, .horiznav li.active a:visited, .horiznav li.active.sfHover a:visited, .horiznav li.active.sfHoverHas a:visited { color: #3580d4; background: url(../images/blue/topmenu/active_r.png) no-repeat right center; }
/* ACTIVE TOP LINKS WITH CHILD ELEMENT */
.horiznav li#current.haschild, .horiznav li.haschild, .horiznav ul li.haschild.active, .horiznav ul li.sfHoverHas { background: url(../images/blue/topmenu/active_l_haschild.png) no-repeat left center; }
/* ACTIVE TOP LINKS HOVER */
.horiznav li#current:hover, .horiznav li#current.sfHover, .horiznav li.active:hover, .horiznav li.active.sfHover { background: url(../images/blue/topmenu/active_l.png) no-repeat left center; }
.horiznav li#current a:hover, .horiznav li#current.sfHover a:hover, .horiznav li.active a:hover { color: #3580d4; background: url(../images/blue/topmenu/active_r.png) no-repeat right center; }
/* ACTIVE TOP LINKS HOVER WITH CHILD ELEMENT */
.horiznav li#current.haschild:hover, .horiznav li#current.haschild.sfHoverHas, .horiznav li#current.active.sfHover { background: url(../images/blue/topmenu/active_l_haschild.png) no-repeat left center; }
/* MAIN SUB UL AND MODULE BG */
ul.subul_main.group_holder, .subul_main li.has_modpoz div.yj_menu_module_holder, .subul_main li.has_module div.yj_menu_module_holder, .subul_main li.haschild div.yj_menu_module_holder, .horiznav ul ul.subul_main.dropline { background:#EEEEEE; }
/* end drpline extra */
.horiznav ul ul.subul_main.dropline ul a, .horiznav ul ul.subul_main.dropline ul a:hover, ul.subul_main.dropline div.yj_menu_module_holder { border-bottom: 1px solid #dddddd!important; }
/*--- end dropline extra ---*/

/* MAIN SUB ITEM*/
.top_menu ul.subul_main li a { background:#EEEEEE; border-bottom: 1px solid #dddddd; color: #121212; }
.top_menu ul.subul_main li a:visited { color: #121212; background:#EEEEEE; }
/*MAIN SUB ITEM HOVER*/
.top_menu ul.subul_main li a:hover { background:#EEEEEE; color: #3580d4; }
.top_menu ul.subul_main li, .top_menu ul.subul_main li.active, .top_menu ul.subul_main li.active:visited, .top_menu ul.subul_main li.active:hover, .top_menu ul.subul_main li:hover, .top_menu ul.subul_main li:visited, .top_menu ul.subul_main li#current, .top_menu ul.subul_main li#current:hover { border:none; background:none; }
/*MAIN SUB ACTIVE UL A ITEMS*/
.top_menu li#current ul.subul_main li a, .top_menu li.active ul.subul_main li a { background:#EEEEEE; color: #121212; }
/*MAIN SUB ACTIVE UL ITEMS A HOVER*/
.top_menu li#current ul.subul_main li a:hover, .top_menu li.active ul.subul_main li a:hover, .top_menu li#current.sfHover ul.subul_main li a:hover, .top_menu li.active.sfHover ul.subul_main li a:hover { background:#EEEEEE; color: #3580d4; }
/*MAIN SUB UL ACTIVE LI A ITEM*/
.top_menu ul.subul_main li#current a { background:#EEEEEE; color: #3580d4; }
/*MAIN SUB UL ACTIVE LI A ITEM HOVER*/
.top_menu ul.subul_main li#current a:hover, .top_menu ul.subul_main li#current.sfHover { background:#EEEEEE; color: #2a70bf; }
/*SUB LEVEL PARENT ITEM ARROWS*/
ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a, ul.subul_main ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a { background-image:url(../images/blue/topmenu/arrow_right.gif)!important; background-repeat:no-repeat!important; background-position:95% 50%!important; }
ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a:hover, ul.subul_main ul.subul_main ul.subul_main ul.subul_main li.haschild span.child a:hover { background-image:url(../images/blue/topmenu/arrow_down.gif)!important; background-repeat:no-repeat!important; background-position:95% 50%!important; }
/* IE6 SPECIFIC */
.horiznav li li.sfHover ul, .horiznav li li.sfHoverHas ul, .top_menu ul.subul_main.isie { background:#EEEEEE; }
/********************** CORNERS FOR MENU UL'S ***************************/
/*TOP LEFT*/
.horiznav li.tl, .horiznav li.tl:hover { background:transparent url(../images/blue/topmenu/corners/tl.png)!important; }
/* TOP RIGHT*/
.horiznav li.tr, .horiznav li.tr:hover { background:transparent url(../images/blue/topmenu/corners/tr.png) no-repeat right top!important; }
/* BOTTOM RIGHT*/
.horiznav li.br, .horiznav li.br:hover { background:transparent url(../images/blue/topmenu/corners/br.png) no-repeat right bottom!important; }
/* BOTTOM LEFT*/
.horiznav li.bl, .horiznav li.bl:hover { background:transparent url(../images/blue/topmenu/corners/bl.png) no-repeat left bottom!important; }
/* RIGHT MIDDLE */
.horiznav li.right, .horiznav li.right:hover { background:transparent url(../images/blue/topmenu/corners/right.png) no-repeat right bottom!important; }
/* FIRST LEVEL NO TOP*/
.horiznav ul.level1 li.tl, .horiznav ul.level1 li.tl:hover { background:transparent url(../images/blue/topmenu/corners/tl2.png)!important; }
.horiznav ul.level1 li.tr, .horiznav ul.level1 li.tr:hover { background:transparent url(../images/blue/topmenu/corners/tr2.png) no-repeat right top!important; }
.horiznav ul.level2 li.tl, .horiznav ul.level2 li.tl:hover { background:transparent url(../images/blue/topmenu/corners/tl.png)!important; }
.horiznav ul.level2 li.tr, .horiznav ul.level2 li.tr:hover { background:transparent url(../images/blue/topmenu/corners/tr.png) no-repeat right top!important; }
/********************** YJSG MEGA MENU STYLE ***************************/
/* Group holder title*/
.top_menu .horiznav .group_holder li.haschild a, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild a { color: #888; border:none; background:none; }
.top_menu .horiznav .group_holder li.haschild a:hover, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild a:hover { color: #3580d4; background:none; }
/* Group holder items title*/
.top_menu .horiznav .group_holder li.haschild li a, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild li a { color: #121212; border-bottom: 1px solid #dddddd; background:#EEEEEE; }
.top_menu .horiznav .group_holder li.haschild li a:hover, .top_menu .horiznav .group_holder li.haschild .group_holder li.haschild li a:hover { color: #3580d4; background:#EEEEEE; }
span.separator { background:#EEEEEE; border-bottom: 1px solid #dddddd; color: #121212; }
/*Menu module links*/
div.yj_menu_module_holder .yjsquare_in a:link, div.yj_menu_module_holder .yjsquare_in a:visited { color:#121212!important; }
div.yj_menu_module_holder .yjsquare_in a:focus, div.yj_menu_module_holder .yjsquare_in a:hover { color:#3580d4!important; }
li.has_modpoz .yjvm_products { background:none; border-bottom:1px solid #ddd; }
/*SIDE MENU MODULE
--------------------- */
#mainlevel li a, .menu li a, a.mainlevel { background: url(../images/blue/mainlevel.gif) no-repeat left top;/* LINKS BG IMAGE */ color:#727272;/* MENU NORMAL LINKS COLOR */ }
#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/blue/mainlevel.gif) no-repeat left bottom;/* HOVER AND ACTIVE LINKS BG IMAGE */ }
a.sublevel { background: url(../images/blue/bodyli.gif) no-repeat 5px 9px; /* SUB LEVELS LI IMAGE */ }
a.sublevel:hover { text-decoration:underline; }
#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, ul li a:hover, li.active a, li.parent a { color:#525252;/*HOVER AND ACTIVE LINK COLOR */ }
li.active ul li a, a.sublevel#active_menu { color:#525252; /* MENU LI A AND MENU SUB LEVELS LINK COLOR */ }
li.active ul li a:hover, li.active ul li.active a { color:#525252;  /* MENU LI A HOVER AND ACTIVE LINK COLOR */ background: url(../images/blue/mainlevel.gif) no-repeat left top; }
ul li {/* SITES LI IMAGE */ background: url(../images/blue/bodyli.gif) no-repeat 0px 5px; }
/*USER PAGES STYLE */
#userlogin, #userlogout, #userregister, #userreminder { }
/* IMAGE CAPTIONS */
p.img_caption { background:#efefef; border:1px solid #ccc; text-shadow:1px 1px #fff; text-transform:uppercase; color:#5F5F5F; }
.width100 { width: 100%; }
.width20 {width: 20%; }
.width25 {width: 25%; }
.width33 {width: 33%; }
.width40 {width: 40%; }
.width50 {width: 49%; }

.bottom_shade { background: url("../images/bottom_shadow_small.png") no-repeat scroll center top transparent; }

/*table { padding: 10px 0 0 0; }*/
p.error_contact {
  background: none repeat scroll 0 0 #FFFFCC;
  border: 1px dashed #FFDA2F;
  color: #BF6700;
  font-weight: bold;
  padding: 5px 10px;
}
.container { float: left; display: block; margin-left: 8px; }
.downloadReport { float: right; margin: 0;}
.icon_link span { position:relative; float: left; padding-left: 20px; }
.icon_link div { float: left; position: absolute; margin-top: 3px; }



.ui-dialog { font-size: 0.8em; padding: 2px;z-index: 1;}
.ui-dialog-titlebar { width: 90%; }
.ui-widget-content { border: none; }
.ui-widget-overlay { background:  50% 50% #cccccc; width: 100%; height: 100%;}

tr.statstable:hover td { background-color: #DEDEDE; }
tr.selectedRow td { background-color: #F3F2F2; }

tr { vertical-align: text-top; }

a.inverse {
  color: #525252;
}
a.inverse:visited, a.inverse:hover, a.inverse:focus {
  color: #3580D4;
  text-decoration: none;
}
div .stats-date{
  width: 125px;
  margin-right: 10px;
}
#planned_filter_container div{
  display: inline-block;
  left:10px;
}
#ui-datepicker-div{
  z-index: 1000 !important;
}
.bulkcanceled{
  background-color: pink !important;
}
.button:disabled, button:disabled{
  color:gray !important;
}
/*
span.lowerButton{
  text-transform: none;
}
*/