
/* $Id: style.css 3963 2009-11-30 01:08:59Z kris_fr $ */

/* IMPORTANT, PLEASE RESPECT THIS SEMANTIC ORDER !!! : position box; width; heigth; margin; background-color; background-image; padding; content (color, style font, ...); border ... */
@import url(reset.css);
@import url(tooltip.css);

/*========== xo_footerstatic.html ==========*/
#xo-footerstatic * {	margin: 0; padding: 0;}
#xo-footerstatic {
	position: 			absolute;
	left: 				0;
	bottom: 			0;
	width: 				100%;
	height: 			30px;
	background: 		none;
	color: 				#333;
	font-size: 			11px;
}
body>#xo-footerstatic { position: fixed;}
#xo-footerstatic #controls {
	margin:				0;
	background-color: 	#fff;
	line-height: 		39px;
	text-shadow:		1px 1px 2px #ccc;
	border: 			1px solid #bbb;
	border-bottom: 		none;
}
#xo-footerstatic #controls  {
	margin-top: 		1px;
	background-color: 	#E7F4F7;
	padding: 			3px 10px 0 10px;
}
#xo-footerstatic .separate { margin-left: 3px; border-left: 1px solid #bbb;}
#xo-footerstatic #controls ul, li { margin: 0;  padding: 0;}
#xo-footerstatic #controls ul { list-style: none; font-weight:bold;}
#xo-footerstatic #controls li {
	display: 			inline-block;
	height: 			29px;
	line-height: 		27px;
	padding-right: 		6px;
}
#xo-footerstatic .icon { vertical-align: text-bottom;}
#xo-footerstatic .icon-chat { padding-top: 3px;}
#xo-footerstatic .chat, .icon-chat { float: right;}
#xo-footerstatic .text { vertical-align: top;}

/*========== General definitions ==========*/
html { }
body { width: 100%; margin: 0; background-color: #C6C7C9; padding: 0; line-height: 1.2em; font-size: .7em; font-family: "Lucida Grande", Verdana, sans-serif;}
img {border: none;}
hr { width: 95%; height: 3px; border: 3px #E18A00 solid;}
ul { margin: 2px; padding: 2px; list-style: decimal inside; text-align: left;}
li { margin-left: 2px; padding-bottom: 5px; list-style: circle inside; color: #000;}
h1, h2, h3, h4, th, li, .head {text-shadow:	1px 1px 2px #ccc;}
h1 { font-size: 1.8em; padding-bottom:.5em;}
h2 { font-size: 1.4em;}
h3 { font-size: 1.3em;}
h4 { padding-bottom:.8em; padding-top:.6em; font-size: 1.2em; font-weight:bold;}
a:link { background-color: transparent; text-decoration: none; color: #4177A6; font-weight: bold;}
a:visited { background-color: transparent; text-decoration: none; color: #4177A6; font-weight: bold;}
a:hover { background-color: transparent; color: #FF4500; font-weight: bold;}
strong {font-weight:bold;}
.shadow {text-shadow:1px 1px 2px #ccc;}

/*========== Layout ==============*/
#xo-canvas-content {
	width: 					95%;
	max-width:				1400px;
	margin: 				10px auto;
	margin-bottom: 			50px;
	background-color: 		#fff;
	padding: 				8px;
    border-color:           #b6b7b8;
    border-style:           solid;
    border-width:           1px 2px 2px 1px;
	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);
}
#xo-content { line-height:1.4em;}
#xo-index {	width: 100%; height:auto; border: 0;}
#xo-modules {width: 40% !important;}
#xo-menusystem {	width: 60% !important;}
#xo-logger-output {margin-bottom : 45px;}
/*========== content ==============*/
.bg_menu {}
.bg_content {}
.hbar_middle {}
.hbar_left {}
.hbar_right {}
.bg1 {}
.bg2 {}
.bg3 {}
.bg4 {}
.bg5 {}

/*========== xo_banner.html ==========*/
#xo-main-logo {	padding-left: 10px;}
#xo-version {position: absolute;	top: 30px; padding-left: 270px; font-size: 2.6em; color: #fff; text-shadow: 1px 1px 2px #ccc;}
#xo-banner{	height:80px; background: #f1f1f1 url(../img/xo-banner_bg.png) repeat-x left bottom; padding: 0; color: #7BADEA;}

/*========== xo_bluemove.html ==========*/
#xo-banner-ad {
	display:block;
    position:               absolute;
    top:                    0;
    right:                  210px;
    width:                  400px;
    height:                 70px;
    padding:                6px;
	z-index:				110;
}
#xo-banner-ad1 { /* banner promo for xoops 2.5.0 beta/RC */
	display:				block;
    position:               absolute;
    top:                    4px;
    right:                  210px;
    width:                  468px;
    height:                 60px;
    padding:                6px;
}
/*========== xo_userbar.html ==========*/
#xo-userbar { float: right; height: 30px; background-color: inherit; padding-top: 0; padding-right: 1em; color: #666;}
#xo-userbar a {	background-color: inherit;	color: #32529C;	text-decoration: none;}
#xo-userbar a:hover { background-color: inherit;	color: 	#EAAD7B;}
a#xo-uname { background-color: inherit; color: #ff0000; font-size: 1.1em; font-weight: bold;}

/*========== xo_searchbar.html ==========*/
#xo-searchbar { position:relative; float: right; margin-top: 3.5em; margin-right : 1em;}
#xo-searchbar input[type=submit] {
	margin-left: 			5px;
	background-color: 		transparent;
	padding: 				2px 7px 2px 7px;
	border: 				1px solid silver;
	border-radius:			5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		-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);
}
#xo-searchbar input[type=text]{
	max-width: 			110px;
	background-color: 	transparent;
	padding: 			2px;
	font-size:			1em;
	text-shadow: 		1px 1px 2px #ccc;
	border: 			1px solid silver;;
	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-searchbar input {	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius: 5px;}
#xo-searchbar input[type=text]:hover, #xo-searchbar input[type=submit]:hover { border: 1px solid #ddd;}

/*========== Code and Quote Definition ==========*/
.xoopsCode { background-color: #FAFAFA; font-size: .9em; color: #006600; border: #c2cdd6 1px dashed;}
.xoopsQuote { background-color: #FAFAFA; line-height: 1.25em; text-align: justify; font-size: .9em; color: #444; border: #c2cdd6 1px dashed;}

/* Links for Quotes */
.xoopsQuote a:link, .xoopsQuote a:visited { background-color: transparent; color: #444; font-weight: bold;}
.xoopsQuote a:hover, .xoopsQuote a:active { background-color: transparent; color: #1778cb;}

/*========== Redirect messages ==========*/
.errorMsg,.confirmMsg, .resultMsg  { margin-bottom: 1em; margin-left:20%; margin-right:20%; padding: .8em; text-align:center; text-shadow: 1px 1px 2px #ccc; border: 2px solid #ddd; 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; }

/*========== General small ==========*/
.fontSmall { background-color: transparent; font-size : .8em;}
/*a.fontSmall { color: #006699;}
a.fontSmall:hover { color: #C23030; text-decoration: underline;}*/

/*========== forms elements ==========*/
select { color:  #333; background-color: #fff; font-size: 1em; border: 2px inset #f1f3f8 !important;}
select[name=timezone_offset] { font-size: .9em;}
input[type=checkbox], input[type=radio] {	margin: 3px; padding:2px;}
input[type=submit], input[type=reset], input[type=button], .xo-formbuttons, .formButton, button {
    margin:                 3px 0 3px 0;
    background:             #D3D2D6 url(../img/button_bg.png) repeat-x left bottom;
	padding: 				2px 7px 2px 7px !important;
    color:                  #405A80;
    font-size:              1em;
    font-weight:            bold;
    border:                 1px solid #ccc;
	border-radius:			5px;
		-moz-border-radius:		5px;
		-webkit-border-radius:	5px;
		-khtml-border-radius: 	5px;;
	box-shadow:				0 0 20px #bbb;
		-moz-box-shadow:		0 0 20px #bbb;
		-webkit-box-shadow:		0 0 20px #bbb;
    cursor:                 pointer;
}
input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover,.xo-formbuttons:hover, .formButton:hover, button:hover  {
    background:             #E6EBFF url(../img/button-hover_bg.png) repeat-x left bottom;
    color:                  #333;
    cursor:                 pointer;
}
input[type=text], input[type=password], input[type=checkbox], input[type=file], textarea {
    border:                 1px solid #ddd;
    margin:                 2px 5px 2px 0;
    padding-left:           .2em;
    color:                  inherit;
    background-color:       #fff;
}
input[type=text], input[type=password], input[type=file] { background:#fff url(../img/form-input.png) no-repeat left top; color: #333;}
input[type=text]:hover, input[type=password]:hover, input[type=file]:hover {
    color:                  #333;
    background-color:       #E9E9E9;
}
input[type=text]:focus, input[type=password]:focus, input[type=checkbox]:hover, input[type=file]:focus, textarea:focus {
    background-color:       #F4FAFF;
    color:                  #333;
    border-color:           #139EE8;
    outline:                1px solid #139EE8;
}
input[type=radio] { margin: 0 5px 0 5px;}
textarea {width:95%;}
/*========== table ==========*/
caption {font-weight: bold;}
.outer {border: 1px solid #ccc;}
.outer a {text-shadow:	1px 1px 2px #ccc;}
.outer th {font-size:1.1em; font-weight:bolder;}
.head {background-color: #EBEBEB; padding: 5px; font-weight: bold;}
.even {background-color: #fff; padding: 5px;  border-bottom: 1px solid #ccc; }
.odd {background-color: #EFEFEF; padding: 5px; border-bottom: 1px solid #ccc; }
.foot, tfoot {background-color: #E1E7EF; padding: 5px; font-weight: bold;}
tr.head td {background-color: #BDE3FB; padding: 5px; font-weight: bold;}
tr.even td {background-color: #fff; padding: 5px; border-bottom: 1px solid #ccc;}
tr.odd td {background-color: #EFEFEF; padding: 5px; border-bottom: 1px solid #ccc; }
tr.foot td {background-color: #E1E7EF; padding: 5px; font-weight: bold;}
th, thead { background: #56BAFA url(../img/table-caption3.png) repeat left; padding: 2px 4px 2px 4px;}
th { vertical-align : middle; color: #fff;}
td.head {max-width: 300px !important;}
/*========== xo_systembar.html ==========*/
#xo-globalnav {height:30px; margin:0; background: #1479D6 url(../img/navbar-bg.png) repeat-x left bottom; font-weight: normal; font-size:1em;}
#navbarCP{ display:block; width:auto; padding: 1px 0 0; }

#nav {list-style:none; margin-left: 1em;}
#nav ul {padding: 0; margin: 0; list-style: none; position: absolute; overflow: visible; z-index:999;}
#nav ul {display:none; border: 1px solid #ccc; margin-top: 5px;}
#nav li {margin: 0; position: relative; float: left; margin-left: 3em; display: block; height: auto;}
#nav ul li {background: #fff; width: 14em; margin-left: 0;}
#nav ul li {}
#nav ul ul li {}
#nav ul ul li:last-child {border-width: 1px;}
#nav a { display: block; font-weight: normal; text-decoration :none; color:#fff;}
#nav ul li a {padding: 4px; display: block; color: #666; font-weight: normal; background: url(../img/item.png) no-repeat left; padding-left: 20px;}
#nav a:hover, #nav li:hover {}
#nav ul li:hover, #nav ul li a:hover {color: #000; background-color: #E7F4F7; border-color: #ADD8E6;}
#nav ul ul, #nav ul ul ul { display: none; position: absolute; margin-top: -1.6em; margin-left: 14em; border: 1px solid #ccc;}
#nav ul li>ul, #nav ul ul li>ul { margin-top:-1.35em;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul {display:none;}
#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul {display:block;}

/*========== xo_toolsbar.html ==========*/
#navOptionsCP{margin-top: -10px; padding: 0 5px 0 5px; height: 30px;}
#navOptionsCP a{ float: right; margin-right: 2px; padding-right: .75em;}
#navOptionsCP a:hover { opacity: .5; filter: alpha(opacity=50);}
#toolbar img {width: 16px; height: 16px;}

/*========== xo_menusystem.html and xo_modules.html ==========*/
.CPbigTitle{
	height: 40px;
	background: no-repeat left top;
	padding: 10px 0 0 50px;
	vertical-align: middle;
	color: #1E90FF;
	font-size: 1.5em;
	font-weight: bold;
	text-shadow: 1px 1px 2px #ccc; 
	border-bottom: 3px solid #1E90FF;
}
.CPindexOptions{ padding: 4px;	vertical-align: top;}
.CPmediumTitle{	color: #FF4500; font-weight: bold; font-size: 1.2em; text-shadow: 1px 1px 2px #ccc;}
.cpicon{ margin: 5px; text-align: center;}
.cpicon a { 
	display: 					block;
	float: 						left;
	width: 						110px !important; 
	height: 					100px !important;
	margin: 					5px;
	padding: 					2px 5px 1px 5px;
	vertical-align: 			middle;
	color: 						#666; 
	text-decoration :			none;
	border: 					1px solid #ccc;
	border-radius:				10px;
		-moz-border-radius:			10px;
		-webkit-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);
}
.cpicon a:hover{	background-color: #E9F0F7; color: #1E90FF; opacity: .5; border: 1px solid #1E90FF;}
.cpicon img { margin-top: 8px; margin-bottom: 8px; }
.cpicon span { display: block; font-weight: bold;}
.cpicon span.uno{ color: Blue; text-decoration: underline;}
.cpicon span.unor{ color: #CC0000; text-decoration: underline;}

/*============= system_preferences.html ==============*/
.xo-catsetting  a {
	display: 					block;
	float: 						left;
	width: 						120px !important; 
	height: 					120px !important;
	margin: 					.75em !important;
	/*padding: 					2px 5px 1px 5px;*/
	vertical-align: 			middle !important;
	color: 						#666; 
	text-decoration :			none;
	border: 					1px solid #ccc;
	border-radius:				10px;
		-moz-border-radius:			10px;
		-webkit-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);
}
.xo-catsetting a img { margin: 1em 2.5em 0 2.5em;}
.xo-catsetting a:hover{	background-color: #E9F0F7; color: #1E90FF; opacity: .5; border: 1px solid #1E90FF;}
/*========== xo_accordion.html ==========*/
#xo-accordion { height: auto; line-height: 1.4em;}
#xo-accordion h2 { padding-bottom: .5em; font-size: 1.3em; font-weight: bold; text-align: center; color: #f00;}
#xo-accordion dl {
	padding: 				10px;
	border: 				1px solid #ccc;
	border-radius:			10px;
		-moz-border-radius:	10px;
		-webkit-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) ;
}
#xo-accordion a.ie { text-decoration: none; }
#xo-accordion dl dt { margin: 0;}
#xo-accordion dl dt a, #xo-accordion dl a.ie dt { display: block; background: #1479D6 url(../img/table-caption3.png) repeat-x left bottom !important; padding: 0 4px 4px 0 !important; text-align:center; font-weight: bold; color:#fff; text-decoration: none; text-shadow: 1px 1px 2px #ccc;}
#xo-accordion dd a { color: #666; text-shadow: 1px 1px 2px #ccc;}
#xo-accordion dd a:hover { color: #1E90FF;}
#xo-accordion dl dd { margin: 0; height: 0; overflow: hidden; -moz-transition: height 1s ease; -o-transition: height 1s ease; -webkit-transition: height 1s ease;}
#xo-accordion dl dd p { margin: 0;padding: 10px;}
#xo-accordion dl dd#Section1:target {height: 26em;}
#xo-accordion dl dd#Section5:target {height: 18em;}
#xo-accordion dl dd:target {height: 8em;}
#xo-accordion dl a.ie:hover dd,#xo-accordion dl a.ie:focus dd{	height: auto; color: #ccc !important;}	
#xo-accordion dl a.ie { text-decoration: none; }
#xo-accordion dl a.ie dd { display: none; }
#xo-accordion dd table { text-shadow: 1px 1px 2px #ccc;}
.xgiftshop {text-align: center;}
.menu_body {padding: 4px; text-shadow: 1px 1px 2px #ccc;}
.menu_body h3 { padding:4px; text-align: center;}
/* Fix IE6 hover bug */
#xo-accordion dl a.ie:hover {}
#xo-accordion dl a.ie dt { display: block; background: url(../img/tab_bg.png) repeat left;	padding: 4px;	font-weight: bold; text-decoration: none; text-align:center;}
#xo-accordion dl a.ie:hover dd,#xo-accordion dl a.ie:active dd,#xo-accordion dl a.ie:focus dd{	display: block; height: auto; color:#000 !important; text-shadow: 1px 1px 2px #ccc;}
/*========== xo_block.html ==========*/
#xo-blockcp { width: 100%; text-align:center;}
#xo-block { display: block; float: left; width: 23% !important; min-height:110px; height: auto; margin: 1em;	border: 1px solid #ccc;	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius: 10px;}
.xo-blocktitle { background: url(../img/table-caption3.png) repeat left;  padding: 5px; font-size:1.1em; font-weight:bolder; text-align:center; text-shadow: 1px 1px 2px #ccc; color:#fff;-webkit-border-top-left-radius: 10px;-webkit-border-top-right-radius: 10px;-moz-border-radius-topleft: 10px;-moz-border-radius-topright: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
.xo-blockcontent { margin : 0; padding :5px; line-height: 1.3em; }

/*========== xo_footer.html ==========*/
#xo-footer {height: 16px; background-color: #F1F1FC;	padding: 4px;	text-align: center;	color: #666; font-size: .9em; font-weight: bold; box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset; -moz-box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset; -webkit-box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset;	border-bottom: 1px solid #ccc;	border-top: 1px solid #fff;	}

/*==========  others styles ==========*/
#fileTree { overflow: auto;border: 1px solid #ccc;}

/* Table sorter */
table.tablesorter thead tr .header {
	background-image: url(../img/unsort.gif);
	background-repeat: no-repeat; 
    background-position: center right; 
	background-color:	#5DA5F0;
	box-shadow: 0 20px 10px -10px rgba(255,255,255,0.3) inset;
		-moz-box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset;
		-webkit-box-shadow: 0 20px 10px -10px rgba(100,100,100,0.3) inset;
	border-bottom: 1px solid #ccc;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/asc.gif);
	background-repeat: no-repeat; 
    background-position: center right; 

}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/desc.gif);
	background-repeat: no-repeat; 
    background-position: center right; 
}
/*==================== for jGrowl =========================*/
.jGrowl {margin: 120px auto; width:450px;}
.jGrowl .jGrowl-notification,.jGrowl .jGrowl-closer {
	text-shadow: 1px 1px 2px #ccc;
	/*border: 4px 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 { font-size : 1.2em; /*padding-top: .75em;*/ padding-bottom: .75em;}

#xo-module-log {text-align: center;}
.logger {margin: 0 auto !important; text-align: left;}