@import url(xosystpl.css);
@import url(forms.css);
@import url(blocks.css);
@import url(content.css);


* { margin: 0px; padding: 0px; }

html { background: #FFFFFF url('../img/framework/bg.jpg') repeat-x center -30px; }
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url('../img/framework/bg_body.png') repeat-y center -30px;
	color: #000; font-size:	10pt;
}
body > div { width: 970px; margin: 0 auto; }

/* ======= Body wrapper ======= */
	body.theme-dialog #xo-canvas { margin: 0 6px; }

/* ======= Content Zone ======= */
	#xo-canvas-content { padding: 25px; }
	#xo-page { }
	#xo-canvas-rightcolumn { }
	#xo-content {
		padding: 20px; 
		color: #333;
	}
	#xo-content table td { vertical-align: top; }

/* ======= Header ============= */
	#xo-header {}

/* ======= Banner ============= */
	#xo-banner {
		width: 970px; height: 230px;
		background: url('../img/framework/bg_banner.jpg') no-repeat center 65px;
	}
	#xo-banner.commercial { height: 117px; background-image: url(../img/efusion-web.gif); }

	/* body.theme-dialog #xo-banner { height: 48px; padding: 6px 0 0 10px; } */

	#xo-banner-ad {
		position: absolute; top: 7px; right: 5px;
		width: 480px; height: 72px; padding: 6px;
		background: url(../img/bg-ad-top.png) no-repeat;
	}

	#xo-banner-ad object, #xo-banner-ad img { display: block; }

/* ======= Site name in header ============= */
	#xo-site-title {}
	a#xo-site-title {}
	a:hover#xo-site-title {}
	#xo-site-title.commercial {}
	#xo-site-title .commercial a:hover {}

/* ======= slogan in header ============= */
	#xo-site-slogan {}
	#xo-site-slogan.commercial {}

/* ======= logo ============= */
	#xo-main-logo {  
		height: 150px; width: 320px; float: left;
		background: url('../img/framework/logo.png') no-repeat 16px -30px;
		text-indent: -9999px;	
	}
	#xo-main-logo.commercial {}

/* ======= Bannder ============= */
	#xo-banner form {}
	#xo-banner input {}

/* ======= Styles in userbar.html ============= */
	#xo-userbar {
		float: right; margin: 15px 30px 0 0;
		color: #2a1e4c;
	}
	#xo-userbar form { display: inline; }
	#xo-userbar button {
		margin-bottom: -2px;
		background:	transparent none;
		border: 0 none transparent;
	}
	#xo-userbar button img { width: 22px; height: 22px; }
	#xo-userbar button:hover { border: 0 !important; }
	#xo-userbar img { width: 26px; height: 26px; }
	
	#xo-userbar a { color: #2a1e4c; text-decoration: none; }	
	#xo-userbar a:hover { color: #2a1e4c; text-decoration: underline; }
	
	#xo-uname {
		font-weight: 					bold;
		font-size: 						1.1em;
	}

/*============= Style in globalnav.html ================*/
	#xo-globalnav { display: none; }

* html #xo-globalnav {
    height:                         28px;
}

#xo-globalnav .x2-label {
    display:	                    none;
}

#xo-globalnav li {
	display:						inline;
	margin:							0;
	padding-left:					.5em;
	padding-right:					.5em;
}

#xo-globalnav a {
	background-color:				inherit;
	color:							#fff;
	text-decoration:				none;
}

#xo-globalnav a:hover {
	background-color:				inherit;
	color:							#EAAD7B;
	text-decoration:				none;
}

/* ===== Footer ===== */
	#xo-footer {
		width: 900px; clear: both;
		padding: 40px 15px 15px 15px; margin: 0 20px;
		background: url('../img/framework/footer.jpg') repeat-x bottom center;	
		font-size: 10px; color: #999999;
		text-align: right;
	}

	body.theme-dialog #xo-footer {
		padding:						.2em .5em;
		font-size:						.8em;
	}

	#xo-footer a { color: #2a1e4c; text-decoration: none; }
	#xo-footer a:hover { color: #2a1e4c; text-decoration: underline; }

	/* ===== debug messages ===== */
	#xo-logger-output {
    	font-size:                      .8em;
	}



.outer {border: 1px solid silver;}
.head {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
.even {background-color: #dee3e7; padding: 5px;}
.odd {background-color: #E9E9E9; padding: 5px;}
.foot {background-color: #c2cdd6; padding: 5px; font-weight: bold;}
tr.even td {background-color: #dee3e7; padding: 5px;}
tr.odd td {background-color: #E9E9E9; padding: 5px;}