/* mod_ninja_secret_panel
* By Richie Mortimer and Daniel Chapman
* http://www.ninjoomla.com 
* Copyright (C) 2007 Richie Mortimer and Daniel Chapman, www.ninjoomla.com - Code so sharp, it hurts.
* email: ravenlife@raven-webdesign.com, daniel@ninjoomla.com 
* date: 2 September, 2007
* Release: 1.0
* PHP Code License : http://www.gnu.org/copyleft/gpl.html GNU/GPL 
* JavaScript Code & CSS  : http://creativecommons.org/licenses/by-nc-sa/3.0/
*
* Changelog
* 
* 1.0 September 11, 07 : 
*       Initial Version
* 
//###################################################################
//Ninja Secret Panel Module
//Copyright (C) 2007 Richie Mortimer and Daniel Chapman. Ninjoomla.com. All rights reserved.
//
//This program is free software; you can redistribute it and/or
//modify it under the terms of the GNU General Public License
//as published by the Free Software Foundation; either version 2
//of the License, or (at your option) any later version.
//
//This program is distributed in the hope that it will be useful,
//but WITHOUT ANY WARRANTY; without even the implied warranty of
//MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
//GNU General Public License for more details.
//
//You should have received a copy of the GNU General Public License
//along with this program; if not, write to the Free Software
//Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
###################################################################*/


#ninsecret_panelwrap {
	float: right;
	display: block;
	background: url(../images/indicator.png) no-repeat 0 0;
	position: absolute;
	height: 24px;
}

div#ninsecret {
	margin: 0 0 0 20px;
	padding: 6px 0 3px 12px;
	display: block;
	font-weight: normal;
	text-align: left;
	text-decoration: none;
	cursor: pointer;
}

#ninsecret_panelwrap.use_css:hover, 
#ninsecret_panelwrap.nscrtOpen,
#ninsecret_panelwrap.nscrtCloseMout:hover {
	background-position: 0 100%;
}

#ninsecret_panelwrap.use_css:hover #ninsecret_panel,
#ninsecret_panel.cm_mout:hover,
#ninsecret_panel.cm_click,
#ninsecret_panel.panel_open {
	display: block;
	
}

#ninsecret_panel {
	padding: 10px;
	float: right;
	border-top: 1px solid #DDDDDD;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #DDDDDD;
	display: none;
	background: url(../images/background.png) repeat-x bottom;
	font-size: 11px;
	position: absolute;
	top: 20px;
	width: 200px;
	height:  auto;
}

.showalways {
  display: block !important;
}

#ninsecret_panel span {
	float: left;
	padding: 8px 8px 2px;
	display: block;
}

#ninsecret_panel img {
	padding: 0 2px;
}

#nscrt_close_div {
  background: url(../images/close.png) no-repeat 0% 0%;
  width: 14px;
  height: 15px;
  float:right;
  margin: 0 0 0 0; /*use the margin to position the close box*/
  cursor: pointer;
  display: none; /*we will unhide the button if is going to be used*/
}

#nscrt_close_div:hover,
#nscrt_close_div.closebutover {
  background-position: 0% 100%;
}

.nscrtCloseClick #nscrt_close_div, /*unhide the button*/
.nscrtCloseMout #ninsecret_panel:hover, /*keeps the panel open on mouseout*/
.nscrtOpen #ninsecret_panel /*used to show the panel on mouse over and click*/ { 
  display: block !important;   
}