/* --------- Stylesheets incorporation --------- */
@import url("content.css");
@import url("extraclass.css");
@import url("forms.css");
@import url("blocks.css");

/* --------- Reset css --------- */
* {
  margin : 0;
  padding : 0;
}

/* --------- Layout --------- */
html, body {	
  margin : 0;
	background : #fff url("../img/bgbody.png") repeat-x;
	padding : 0;
	color : #333;	
	font-family : Arial, sans-serif;
	font-size : .9em;
}
#xo-canvas {
  width : 980px;
  margin : 0 auto;
}
#xo-canvas-content {
  background : #fff url("../img/bgcontent.png") repeat-x top;
  padding-top : 5px;
  border-top : 2px solid #fff;  
}
#xo-page {padding-top : 5px;}

/* --------- Header --------- */
#xo-header {
  height : 115px;
  background : #000 url("../img/bgheader.png") repeat;  
}
/* --- Breadcrumb --- */
#xo-breadcrumb {
  position : absolute;
  float : left;
  top : 3px;
  padding-left : 9px;
  z-index : 20;
  color : #999;
  font-size : .8em;
}
#xo-breadcrumb a {color : #ffffff;}
#xo-breadcrumb a:hover {color : #ffffff;}
/* --- Top Menu --- */
#xo-header ul.topmenu {
  position : relative;
  float : right;
  right : 9px;
  color : #999;
}
#xo-header ul.topmenu li {
  display : inline;
  list-style : none;
}
#xo-header ul.topmenu a {
  padding : 0 0 0 3px;
  color : #999;
  font-size : .8em;
}
#xo-header ul.topmenu a:hover {color : #d2d2d2;}
/* --- User bar --- */
#xo-userbar {
  display : block;
  position : relative;
  float : right;
  top : 35px;
  right : -115px;
  color : #fff;
  font-size : 1em;
}
#xo-userbar a {color : #ffffff;}
#xo-userbar a:hover {color : #ffffff;}
#xo-userbar form {
	display : inline;
	padding : 0;
}
/* --- Submit Button ---- */
#xo-userbar button {
  position : relative;
  top : 4px;
	background-color : transparent;
	background-image : none;
	color : inherit;
	border : none;
}
#xo-userbar button img {
	width : 22px;
	height : 22px;
}
#xo-userbar button:hover {border : 0 !important;}
#xo-userbar img {
	width : 22px;
	height : 22px;
}
#xo-userbar input {
	width : 102px;
	color : #333;
}
#xo-userbar input.uname {
  background : #fff url("../icons/users/pseudo.gif") no-repeat left;
  padding-left : 18px;
}
#xo-userbar input.password {
  background : #fff url("../icons/users/password.gif") no-repeat left;
  padding-left : 18px;
}
/* --- Register Link ---- */
#xo-userbar p.register {
  position : relative;
  top : 8px;
  font-size : .9em;
}
/* --- User Menu ---- */
#xo-userbar .usermenu {
  position : relative;
  top : 5px;
  right : 18px;
}
#xo-userbar p.welcome {
  padding-bottom : 4px;
  font-size : .9em;
}
#xo-userbar a.uname {
	background-color : inherit;
	color : #3366ff;	
	font-weight : bold;
}
/* --- Logo --- */
#xo-header img.logo {
  position : absolute;
  margin-left : 8px;
  z-index : 10;
}   
/* --- Banner --- */
#xo-header .banner {
  position : relative;
  float : right;
  top : 25px;
  right : -35px;  
}

/* --------- Navigation menu --------- */
ul#xo-globalnav {
  height : 25px; 
  background : url("../img/globalnav.png") repeat-x top;  
  text-align : center;
}
ul#xo-globalnav li {
  display : inline;
  list-style : none;
  padding : 0 5px 0 5px;
}
ul#xo-globalnav a {
  position : relative;
  top : 5px;
  padding : 5px 3px 9px 3px;
  color : #f7f7f7;
  font-size : 1em;
}
ul#xo-globalnav .navigation {
  position : relative;
  top : 5px;
  color : #888;
  font-size : 1.1em;
}
ul#xo-globalnav a:hover, ul#xo-globalnav a:active,
ul#xo-globalnav a:focus, ul#xo-globalnav a.xo-current {
  background : url("../img/globalnav.png") no-repeat bottom center;
  color : #fff;
}

/* --------- Content module page --------- */
#xo-content {
  padding : 8px;
  text-align : justify;  
}

/* --------- Footer --------- */
#xo-footer {
  height : 28px;
  margin-top : 5px;
  padding : 8px 6px 2px 6px;
  text-align : center;
  font-size : .85em;
  border-top : 1px solid #f2f2f2;
}
#xo-footer cite {font-style : normal;}
#xo-footer p.design {float : right;}
#xo-footer p.powered {float: left;}
#xo-footer p.copyright {text-align : center;}   
#xo-logger-output{font-size : .9em;}

/* --------- Block main menu --------- */
#mainmenu {font-size : .9em;}
#mainmenu a {
  display : block;
  margin : 0;
  background : url("../icons/bullet_white.gif") no-repeat left;
  padding : 3px;
  color : #333;
}
#mainmenu a:hover {color : #3366cc;}
#mainmenu a.menuTop {padding-left : 16px;}
#mainmenu a.menuMain {padding-left : 16px;}
#mainmenu a.menuSub {  
  background : none;
  padding-left : 18px;
  color : #3366cc;
  font-size : .9em;
  font-style : italic;
}
#mainmenu a.menuSub:hover {color : #333;}

/* --------- Block user menu --------- */
#usermenu {font-size : .85em;}
#usermenu a {
  display : block;
  margin : 0;  
  /*background : url("../icons/bullet.gif") no-repeat left;*/
  padding : 0 2px 2px 8px;
}
#usermenu a:hover {font-style : italic;}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color : #fcc;}