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

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

/* --------- Layout --------- */
html, body {
	background : #b6cfd6 url("../img/bg.png") repeat-x;
	color : #666;	
	font-family : verdana, sans-serif;
	font-size : .9em;	
}
#xo-canvas {
	width : 950px;
	margin : 0 auto;
	margin-top: 15px;
}
#xo-canvas-content {
	margin : 0px 0 0 0;
	background-image: url(../img/content_bg.jpg);
	padding: 0 40px 0 20px;
}
#xo-page {padding-top : 0;}

/* --------- Header --------- */
#xo-header {
	width : 950px;
	height : 205px;
}

/* --------- Navigation menu --------- */
ul#xo-globalnav {   
	height : 60px;
	background : url("../img/menu_bg.gif") repeat-x;
	padding: 11px 0 0 22px;
	font-size : .9em;
}
ul#xo-globalnav li {
  display : inline;
  padding: 0 5px 0 5px;
  list-style : none;
}
ul#xo-globalnav a {
  padding : 2px 4px 2px 5px;
  color: #fafafa;
  font-weight : bold;
}
ul#xo-globalnav a:hover {color: #d0d0d0;}
ul#xo-globalnav a:active, ul#xo-globalnav a:focus,
ul#xo-globalnav a.xo-current  {color : #d0d0d0;}

/* --------- Content module page --------- */
#xo-content {
  width : 100%;
  padding : 8px;
  margin-left: 10px;
  text-align : justify;
}

/* --------- Footer --------- */
#xo-footer {  
	clear : both;
	width : 100%;	
	margin : 0 auto;
	background : url("../img/footer.png") no-repeat;
}
#xo-footer p {
  	width : 100%;
        height: 35px;
	padding : 11px 0 0 0;
	font-size : .85em;
	text-align : center;
}
#xo-logger-output{font-size : .9em;}

/* --------- Block main menu --------- */
#mainmenu {font-size : .9em;}
#mainmenu a {
  width: 170px;
  display : block;
  margin: 0px;
  padding : 3px;
  border-bottom : 1px dotted #000;
}
#mainmenu a:hover {
  background-color : #b6cfd6;
  color : #fff;
}
#mainmenu a.menuTop {padding-left : 3px;}
#mainmenu a.menuMain {padding-left : 3px;}
#mainmenu a.menuSub {  
  background-color : #fff;
  padding-left : 12px;
  font-size : .9em;
  font-style : italic;
}
#mainmenu a.menuSub:hover {
  background-color : #9FAEC2;
  color : #fff;
}

/* --------- Block user menu --------- */
#usermenu {font-size : .85em;}
#usermenu a {
  width: 170px;
  display : block;
  margin : 0;
  padding : 2px 2px 2px 4px;
  border-bottom : 1px dotted #000;
}
#usermenu a:hover {background-color : #fff;}
#usermenu a.menuTop {}
#usermenu a.highlight {background-color : #9FAEC2;}