/*
 * Simple Theme
 *
 * @copyright       Xoops Project <http://www.xoops.org/>
 * @license         http://www.fsf.org/copyleft/gpl.html GNU public license 3.0
 * @package         themes
 * @since           2.4.x
 * @author          kris_fr for Xoops Design Theme <http://www.xoops.org/>
 * @maintained      Xoops Design Theme <http://www.xoops.org/>
 *
 * @version         $Id: tplsystem.css 228 2010-04-05 10:34:37Z kris_fr $
*/

/* ============ Style for debug mode ============ */
#xo-logger-output {
	float: 						left;
	width: 						100%;
	padding-bottom: 			20px;
	font-size: 					.9em;
}
#xo-logger-tabs {
    margin-top: 				-2px;
    padding-top: 				8px;
    padding-bottom: 			8px;
    padding-left: 				2%;
    padding-right:				2%;
	font-weight: 				bold;
}
/* ===== core messages ===== */
.highlight {	color:#ff0000 !important; font-weight:bold; text-shadow: 1px 1px 2px #ccc;}
.errorMsg,.confirmMsg, .resultMsg, .successMsg  {
	margin-bottom: 				1em;
	padding: 					.8em;
	text-align: 				center;
	text-shadow: 				1px 1px 2px #ccc;
	border-radius: 				10px;
	-moz-border-radius: 		10px;
	-webkit-border-radius: 		10px;
	box-shadow: 				2px 2px 10px  rgba(102, 102, 102, .5);
	-moz-box-shadow: 			2px 2px 10px rgba(102, 102, 102, .5) ;
	-webkit-box-shadow: 		2px 2px 10px rgba(102, 102, 102, .5);}
.errorMsg {	background-color: #FBE3E4; color: #D12F19;	border-color: #FBC2C4;}
.confirmMsg { background-color: #FFF6BF; color:#817134; border-color:	#FFD324;}
.resultMsg {	background-color:#E6EFC2; color: #529214; border-color: #C6D880;}
.errorMsg a {background-color: transparent; color: #D12F19;}
.confirmMsg a   {	background-color:transparent; color: #817134;}
.successMsg a  {background-color: transparent; color: #529214;}
/*============== Styles for system_siteclosed.html =================*/
body#xo-sitemaintenance #xo-globalnav {display: none;}
#xo-page-siteclose  {
	display:					block;
	width: 						450px;
	margin:						50px auto;
	padding:					2em;
	text-align: 				center;
	border-radius:				20px;
		moz-border-radius:		20px;
		-webkit-border-radius:	20px;
	box-shadow: 				2px 2px 10px rgba(102, 102, 102, .5);
		-moz-box-shadow: 		2px 2px 10px rgba(102, 102, 102, .5);
		-webkit-box-shadow: 	2px 2px 10px rgba(102, 102, 102, .5) ;
}
#xo-siteclose {
	line-height:				2em;
	font-size: 					1.6em;
	text-align: 				center;
	text-shadow: 				1px 1px 2px #ccc;
}
#login_window  {	width: 450px; margin: 2em auto;}
/*============== Styles for system_redirect.html =================*/
#xo-redirect {
	display:					block;
	width:						600px;
	min-height:					70px;
	margin:						140px auto;
	padding:					2.5em;
	line-height:				2em;
	font-size:					1.2em;
	font-weight:				bold;
	text-align:					center;
	text-shadow: 				1px 1px 2px #ccc;
	border-radius:				20px;
		moz-border-radius:		20px;
		-webkit-border-radius:	20px;
	box-shadow: 				2px 2px 10px rgba(102, 102, 102, .5);
		-moz-box-shadow: 		2px 2px 10px rgba(102, 102, 102, .5);
		-webkit-box-shadow: 	2px 2px 10px rgba(102, 102, 102, .5) ;
}
#xo-redirect .notreload { height: 28px; padding-top:	2px;}
#xo-redirect .notreload a { background-color: transparent; color: #F9A607; font-weight: bold;}
#xo-redirect .message {}
#xo-redirect .message img{ padding: 1em;}
/*============== Styles for system_userform.html =================*/
#xo-system-userform fieldset {
	border-radius:				10px;
		moz-border-radius:		10px;
		-webkit-border-radius:	10px;
	box-shadow: 				2px 2px 10px rgba(102, 102, 102, .5);
		-moz-box-shadow: 		2px 2px 10px rgba(102, 102, 102, .5);
		-webkit-box-shadow: 	2px 2px 10px rgba(102, 102, 102, .5) ;
}
.login_form  .credentials { margin: .5em 1em; padding: 1em;}
.login_form  .credentials label {
	display:                    inline-block;
	width:                      33%;
	margin:                     1px;
	text-align:					right;
	text-shadow: 				1px 1px 2px #ccc;
}
.login_form  .credentials input[type="text"], .login_form  .credentials input[type="password"]  {	width: 25%;}
.login_form  .credentials input:focus {}
.login_form  .actions { margin-left:34%; }
/*==================== for jGrowl =========================*/
.jGrowl {margin: 200px auto; width:450px;}
.jGrowl .jGrowl-notification,.jGrowl .jGrowl-closer {
	text-shadow: 				1px 1px 2px #ccc;
	border: 					2px solid #666;
	border-radius : 			10px;
		-webkit-border-radius : 10px;
		-moz-border-radius: 	10px;
	-khtml-border-radius: 		10px;
	box-shadow: 				2px 2px 10px rgba(102, 102, 102, .5);
		-moz-box-shadow: 		2px 2px 10px rgba(102, 102, 102, .5);
		-webkit-box-shadow: 	2px 2px 10px rgba(102, 102, 102, .5) ;
}
.jGrowl-notification .header { padding-top: .75em; padding-bottom: .75em; font-size : 1.2em;}