@import url(xosystpl.css);
@import url(forms.css); 
@import url(blocks.css); 
@import url(content.css); 
  
html { padding: 0 0px; }

body { margin: 0; 
  background-color: #C6E2FF; 
  padding: 0 10px; 
  color: #999; 
  font-family: "Lucida Grande", Verdana, sans-serif; 
  font-size: 10pt; }


/* ======= Body wrapper ======= */
#xo-wrapper { }

#xo-bgstatic { }

#xo-canvas { margin: 0; 
  background-color: #C6E2FF; 
  color: #000; }

body.theme-dialog #xo-canvas { margin: 0 6px; }


/*================= Content Zone ===================*/
#xo-canvas-content { background-color: #C6E2FF; 
  padding: 12px; 
  color: inherit; }

#xo-page { padding-top: 10px; 
  width: 100%; /* add by kris */ }

#xo-canvas-rightcolumn {     padding: .5em; }

#xo-content { clear: both; 
  margin: 0; 
  background-color: inherit; 
  padding: .5em; 
  color: #030303; }

#xo-content table td {     vertical-align: top; }


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

/* ---------- Banner ---------- */
#xo-banner { clear: both; 
  /* Use relative pos to ensure the banner ad img/flash is relative to the header */
position: relative; 
  z-index: 100; 
  width: 100%; 
  height: 116px;
text-align: center;
background-color: #0095FA; 
  background: #f1f1f1 url(../img/header-bg.png) repeat-x; 
  color: #7BADEA; }

#xo-banner.commercial { height: 116px; 
  background-color: #0095FA;
background-image: url(../img/header-bg_big.png) repeat-x; }


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

*/

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



#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 { }

#xo-main-logo.commercial { }

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

#xo-banner input { }


/*============== Styles in userbar.html =================*/
#xo-userbar { position: absolute; 
  color: #1251c6; 
  bottom: 1px; 
  right: 17px; 
  text-align: right; }


#xo-userbar form { display: inline; 
  padding: 0; }


#xo-userbar button { margin: 0; 
  margin-bottom: -2px; 
  background: transparent none; 
  padding: 0; 
  color: #7BADEA; 
  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: #1251c6; 
  background-color: inherit; 
  text-decoration: none; }


#xo-userbar a: hover { color: #000; 
  background-color: inherit; }


#xo-uname { font-weight: bold; 
  font-size: 1.1em; }


/*============= Style in globalnav.html ================*/
#xo-globalnav { min-height: 28px; 
  margin: 0; 
  background: #1479D6 url(../img/navbar-bg.png) repeat-x left bottom; 
  padding: 2px 0 0; 
  color: #fff; 
  font-size: 1.1em; 
  text-align: center; 
  list-style-type: 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 { margin: 0; 
  background-color: #C6E2FF; 
  padding: .5em; 
  color: #666; 
  font-size: .9em; 
  text-align: center; }


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


#xo-footer a { background-color: inherit; 
  color: #030303; }


#xo-footer a: hover { background-color: inherit; 
  color: #fff; 
  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;}