@import url(layout.css);
@import url(blocks.css);
@import url(content.css);

/* ------ General styles ------ */
html, body {color:#000;background:#FFF;margin:0;padding:0;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:10pt;background:url(img/body_bg.jpg) no-repeat;}
#xo-canvas {background:inherit;background:url(img/right_bg.jpg);background-repeat:no-repeat;background-position:top right;float:right;}
table {width:100%;}
table td {padding:0;border-width:0;vertical-align:top;}
img {border:0;}
a {color:#666;text-decoration:none;font-weight:bold;}
a:hover {color:#8e8e8e;}
h1 {font-size:1.4em;}
h2 {font-size:1.2em;}
h3 {font-size:1em;}
h4 {font-size:1em;}
h5 {font-size:.9em;}
h6 {font-size:.8em;}

/* ------ Header rules ------ */
#xo-header {clear:both;height:78px;position:relative;background:url(img/header_bg.jpg) repeat-x;margin-left:35px;margin-right:35px;}
#xo-headerlogo {float:left;}
#xo-headerbanner {position:relative;top:10px;right:20px;float:right;}

/* ------ Header top menu navigation rules ------ */
#xo-globalnav {clear:both;padding-left:11px;margin-top:40px;padding-bottom:7px;}
#xo-globalnav a {text-decoration:none;text-align:center;display:inline;padding-right:10px;padding-left:10px;background-color:#8bbcdd;padding-bottom:7px;padding-top:2px;}
#xo-globalnav a:hover {color:#fff;border-top:4px solid #F3AC03;}
#controlbar {color:#F3AC03;font-weight:bold;padding-bottom:3px;border-bottom:1px dashed #8DBDE1;}

/* ---------- Column left/right rules ---------- */
#xo-canvas-rightcolumn {}
#xo-canvas-rightcolumn a {}
#xo-canvas-rightcolumn a:hover {}
#xo-canvas-leftcolumn {}
#xo-canvas-leftcolumn a {}
#xo-canvas-leftcolumn a:hover {}

/* ------ Main content ------ */
#xo-canvas-content {line-height:1.3em;}

/* lists */
#xo-canvas-content ul {margin:5px;padding:2px;list-style:decimal inside;text-align:left;}
#xo-canvas-content li {margin-left:5px;color:#000;background-color:inherit;line-height:1.4em;list-style:circle;}
#xo-page {}

/* ---------- Module display rules ---------- */
#xo-content {padding:15px 1%;}

/* ---------- Redirect ------------ */
#xo-redirect {margin:40px 0;margin-left:auto;margin-right:auto;width:85%;background-color:#F2F2F2;color:#222;text-align:center;font-weight:bold;padding:10px;text-align:center;border:2px solid #DDDDFF;}

/* ---------- Site close ------------ */
#xo-siteclose-login {width:270px;margin:0 auto;}
#xo-siteclose-login h2 {background-color:#f2f2f2;font-weight:bold;font-size:1em;color:#999;padding:2px;margin:0px;text-align:center;border:1px solid #DDDDFF;}
#xo-siteclose-login form {padding:5px 0;margin:0;border:1px solid #DDDDFF;text-align:center;}
#xo-siteclose-login input {width:90%;}
#xo-siteclose-login div.button {clear:both;margin-top:10px;text-align:center;}
#xo-siteclose-login div.button input {width:95%;}

/* ---------- Footer rules ---------- */
#xo-footer {padding-top:10px;text-align:center;font-size:70%;color:#666;margin-top:5px;background:url(img/foot_bg.jpg) repeat-x;background-color:#59b9e4;}
#xo-footer a {color:#333;}
#xo-footer a:hover {color:#fff;}

/* ----------  mode debug  ---------- */
#xo-logger-output {font-size:80%;}

/* ----------  Tooltip box  ---------- */
.caption-text img {float: right; padding-top: 2px;}
span.helptext {position: absolute; right: 50px; z-index: 9000; background-color:#000; outline:1px solid #669; border:2px solid #fff; padding:10px 15px; width:200px; display:none; color:#fff; text-align:left; font-size:12px; font-weight:normal;
/* outline radius for mozilla/firefox only */ 
outline-radius:4px; 
-moz-outline-radius:4px; 
-webkit-outline-radius:4px;
/* opacity for tooltip box */ 
filter:alpha(opacity=70);
-moz-opacity:0.75;
-khtml-opacity: 0.75;
opacity: 0.75;
}