@import "primenav.css";
@import "secondnav.css";
@import "extrafooter.css";
@import "verticalmenu.css";
@import "roundboxes.css";

/* combined screen styles */
/*<group=style.css>*/

/* XE1 theme, revision 1 all stylesheets included here 
contain definitions only for modern browsers and for screen media, 
the fallback styles for version 4 browsers may be provided in another file. 
-------------------------------------------------------------------------[comment] */

/*
@import "required.css";
@import "typography.css";
@import "colors.css";
@import "borders.css";
@import "backgrounds.css";
@import "layout.css";

*/

/*</group>*/
/*<group=required.css>*/
html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img {
 margin: 0;
 border: 0;
 padding: 0;
}

/* a { */
/*  text-decoration: none; */
/*  color: #58657E; */
/*  font-weight: bold; */
/* } */
/* a:link {} */
/* a:visited {} */
/* a:active  {} */
/* a:hover  {} a:link:hover, a:visited:hover { */
/*  color: #F12600; */
/*  text-decoration: underline; */
/* } */

/*
Tables and related selectors
-------------------------------------------------------------------------[comment] */

table { }

/* th:first-child { border-left: 0 none; } */
th, td { padding: .15em .25em; }
tfoot { }

/*
General text and related selectors 
-------------------------------------------------------------------------[comment] */

h1, h2, h3, h4 {
 /*  font-family: helvetica, tahoma, arial, sans-serif; */
 font-weight: bold;
 padding: 0;
}

h1 {
 font-size: 140%;
 /*  line-height: 120%; */
}

h2 {
 font-size: 130%;
 /*  line-height: 120%; */
}

h3 {
 font-size: 120%;
 /*  line-height: 120%; */
}

h4 {
 font-size: 110%;
 /*  line-height: 120%; */
}

p { line-height: 140%; }

pre {
 width: 95%;
 height: auto;
 padding: .5em;
 margin: 1em auto;
 overflow: auto;
 border-width: 1px;
 border-style: solid;
}

blockquote {
 margin: .3em 20px .3em 12px;
 padding: .3em;
 overflow: auto;
 border-top: 1px solid #f0f0f0;
 border-bottom: 1px solid #f0f0f0;
}

sup, sub {
 font-size: 90%;
 font-weight: normal;
}

form {
 margin: 0;
 padding: 0;
}

input {
 font-size: 1em;
 font-weight: normal;
 text-indent: 2px;
}

button { }

select, option {
 font-size: 1em;
 font-weight: normal;
 font-style: normal;
 font-variant: normal;
}

textarea {
 font-size: 1em;
 font-weight: normal;
 text-indent: 2px;
}

button, input, select, textarea { }
ul, li, ol { line-height: 150%; }

ul {
 padding: 0;
 margin: 0;
 list-style-type: square;
 list-style-position: inside;
}

/* THEME SPECIFIC CLASSES [gen_heading] */
h5, h6 { font-size: 95%; }
hr { }

/*
fieldset and legend might migrate into XSG at some point - not in the required set ATM
 
------------------------------------------------------------------[important note] */

.xar-mod-body form {
 margin: 0;
 padding: .5em 3px;
}

fieldset {
 margin: .25em 0 1em 0;
 padding: 0 0 .5em 0;
 float: left;
}

/* fieldset table, */
/* fieldset p, */
/* fieldset h { */
/*     margin: .5em; */
/* } */
fieldset label, fieldset legend { font-weight: bold; }

legend {
 height: 16px;
 float: left;
 overflow: hidden;
 margin: 0 1em 0 -1px;
 padding: 2px .5em;
 display: block;
 position: relative;
 top: -1px;
 text-align: center;
 border-color: #ffffff;
 border-width: 1px;
 border-style: none solid solid none;
}

* html legend { margin-right: -7px; }

fieldset div {
 clear: left;
 padding: 0 .5em;
 border-bottom: 1px solid #ffffff;
}

fieldset div span { display: none; }

fieldset div:hover span {
 font-size: 85%;
 color: #c96;
 background-color: #ffffff;
 /*  \*/
 margin-left: 3em;
 /*  */
 padding: .2em .5em .3em;
 border: 1px solid #c96;
 display: block;
 position: absolute;
 z-index: 100;
 float: right;
}

* html fieldset div span {
 font-size: 85%;
 color: #c96;
 margin-left: 3em;
 padding: .3em;
 border-left: 1px solid #c96;
 display: block;
}

div.cr p { margin: 0; }
.mandat { color: #930; }
.mandat:after { content: "*"; }

div.buttons {
 clear: both;
 text-align: left;
 padding-left: 1em;
}

.removed { display: none !important; }

/* XARAYA REQUIRED INDIVIDUAL CLASSES [gen_heading] */
th.xar-norm,
tr.xar-norm,
td.xar-norm { }
th.xar-alt,
tr.xar-alt,
td.xar-alt { }

/* XARAYA REQUIRED ANONYMOUS CLASSES  [gen_heading] */
.xar-block-head { }

.xar-block-head-right {
 height: 38px;
 background-image: url(../images/block_top.gif);
 background-repeat: no-repeat;
}

.xar-block-title,
.xar-block-title-right {
 font-weight: bold;
 font-size: 13px;
 padding: 0;
 margin: 0 0 0 65px;
 color: #000000;
 line-height: 13px;
}

h1.xar-block-title-right,
h1.xar-block-title-right a {
 font-weight: bold;
 font-size: 13px;
 margin: 0;
 color: #eeeeee;
 line-height: 33px;
 display: block;
 text-shadow: none;
 text-align: right;
}

h1.xar-block-title-right { padding: 0 25px 0 0; }

h1.xar-block-title-right a:after {
 content: " [E]";
 font-size: 11px;
 font-weight: normal;
}

h1.xar-block-title-right a:hover {
 text-decoration: underline;
 color: #f9f9f9;
}

.xar-block-body { }

.xar-block-body-right {
 margin: 0;
 background-image: url(../images/block_mid.gif);
 background-repeat: repeat-y;
}

.xar-block-body-right ul {
 margin-left: 10px;
 margin-right: 10px;
 padding: 0;
 list-style: none;
}

.xar-block-body-right li {
 padding: 0;
 margin: 0;
 display: block;
}

.xar-block-body-right li a {
 padding: 0;
 margin: 0;
 /*  border: 1px solid red; */
 display: block;
 padding-left: 10px;
 background-image: url(../images/arrow_gray.gif);
 background-repeat: no-repeat;
 background-position: 0 2px;
}

.xar-block-body-right li a:hover {
 background-image: url(../images/redarrow.gif);
 text-decoration: none;
}

.xar-block-body-right li,.xar-block-body-right p { line-height: 140%; }

.xar-block-body-right p, .xar-block-body-right a {
 margin: 0 10px;
 padding: 0;
}

.xar-block-foot { }

.xar-block-foot-right {
 height: 18px !important;
 background-image: url(../images/block_bottom.gif);
 background-repeat: no-repeat;
}

/*
topnav block group classes 
-------------------------------------------------------------------------[comment] */

.xar-block-head-topnav { }
.xar-block-title-topnav { }
.xar-block-body-topnav { }
.xar-block-foot-topnav { }

/*
center block group classes 
-------------------------------------------------------------------------[comment] */

.xar-block-head-center { }
.xar-block-title-center { font-weight: bold; }
.xar-block-body-center { }

.xar-block-foot-center {
 width: 100%;
 margin-bottom: 4px;
 /*  border-bottom: 1px solid #A0B8E5;
    */
}

/*
module rendering area and related rules 
-------------------------------------------------------------------------[comment] */

.xar-mod-head {
 text-align: left;
 font-weight: bold;
}

.xar-mod-title {
 font-size: 1.3em;
 font-weight: bold;
}

span.xar-mod-title { }
.xar-mod-body { }
.xar-mod-foot { }

/*
complementary styling - colors, backgrounds and outlines 
-------------------------------------------------------------------------[comment] */

.xar-alt { }
.xar-accent { }

.xar-alt-outline, .xar-accent-outline, .xar-norm-outline {
 padding: .3em;
 margin: .3em 0;
}

/*
complementary text related styling
-------------------------------------------------------------------------[comment] */

.xar-norm { text-align: left; }
.xar-sub { font-size: 90%; }
.xar-error { }
.xar-title { font-weight: bold; }

/*
not sure if we still using this rule anywhere TODO: check
-------------------------------------------------------------------------[comment] */

/*
system menus and related rules 
-------------------------------------------------------------------------[comment] */

.xar-menu-item { font-weight: bold; }

li.xar-menu-item, li.xar-menu-section, li.xar-menu-section-current, li.xar-menu-item-current {
 padding-left: 2px;
 padding-right: 4px;
 background-image: none !important;
}

li.xar-menu-item a {
 padding: 0 4px;
 margin-left: 4px;
}

.xar-menu-subitem { padding: 0; }

ul.xar-menu-section, ul.xar-menu-item, ul.xar-menu-subitem {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

ul li.xar-menu-section {
 margin: 0;
 background-image: none !important;
}

.xar-menu-section li { margin: 0; }

.xar-menu-section a {
 display: block;
 padding: 5px 0;
 /*  width: 170px; */
 color: #9a9a9a;
 text-decoration: none;
 text-transform: uppercase;
 font-size: 10px;
 font-weight: bold;
 background-image: none !important;
}

* html .xar-menu-section a {
 /*  float: left; */
 width: 150px;
 display: inline;
 background: transparent;
}

.xar-menu-section h4 {
 font-size: 95%;
 padding: 1px 0 0 0;
 margin: 0 10px 2px 5px;
 border-bottom: 1px solid #c9c9c9;
}

.xar-menu-section a:hover {
 color: #f9f9f9;
 background-color: #bbbbbb;
 text-decoration: none;
}

.xar-menu-section ul ul li { margin: 0 0 1px 10px; }

.xar-menu-section ul ul a {
 display: block;
 padding: 1px 10px;
 width: 150px;
 font-weight: normal;
 text-decoration: none;
 line-height: 12px;
}

.xar-menu-section ul ul a:hover {
 color: #1a1a1a;
 background-color: #f0f0f0;
 text-decoration: none;
}

li.xar-menu-section-current { color: #2C3F58; }

li.xar-menu-item-current {
 color: #2C3F58;
 /*  background-color: #E7EAEE;
    */
}

li.xar-menu-item-current a {
 padding-left: 10px;
 margin-bottom: 1px;
}

li li.xar-menu-subitem-current a, li.xar-menu-item-current a {
 color: #4C5056;
 /*  background-color: #C7D2E2;
    */
}

/* MISCELLANEOUS [gen_heading] */
abbr, acronym, .help {
/*  border-bottom: 1px dotted #999; */
 cursor: help;
}

/*</group>*/
/*<group=layout.css>*/
div#mastercontainer {
 margin: 0 5px;
 padding: 0;
 background-color: transparent;
 min-width: 750px;
 text-align: left;
 background-image: url(../images/t-mid.gif);
 background-repeat: repeat-x;
 background-position: 0 0;
}

/*<group=header>*/
div#headercontainer {
 position: relative;
 margin: 0;
 padding: 0;
 width: 100%;
 height: 187px;
 text-align: left;
 background-color: transparent;
 background-image: url(../images/t-left.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}

/* super main header containing just one keyword - Xaraya. 
A variation from FIR technique used here */

div#headercontainer h1 {
 margin: 0;
 padding: 0;
}

div#headercontainer h1 a span {
 position: absolute;
 left: -1000px;
}

/* tagline - content management.. blah blah */
div#headercontainer h2 {
 position: absolute;
 margin: 0;
 padding: 0;
 top: 16px;
 left: 36px;
 color: white;
 font-family: arial, "Luxi Sans", helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 white-space: nowrap;
 line-height: 10px;
 word-spacing: 0px;
 letter-spacing: normal;
 text-transform: uppercase;
 text-shadow: none;
}

/********************************************* ADD TO TOP OF PAGE BELOW HERE */

/* link to homepage */
div#headercontainer a#xarsitename {
 position: absolute;
 margin: 0;
 padding: 0;
 top: 5px;
 right: 555px;
 width: 47px;
 height: 47px;
 display: block;
}

/* link to print version */
div#headercontainer a#print {
 position: absolute;
 margin: 0;
 padding: 0;
 top: 5px;
 right: 495px;
 width: 47px;
 height: 47px;
 display: block;
}

/* link to login */
div#headercontainer a#login {
 position: absolute;
 margin: 0;
 padding: 0;
 top: 5px;
 right: 435px;
 width: 47px;
 height: 47px;
 display: block;
}

/* link to news letter subscription */
div#headercontainer a#subscribe {
 position: absolute;
 margin: 0;
 padding: 0;
 top: 5px;
 right: 375px;
 width: 47px;
 height: 47px;
 display: block;
}

/********************************************* ADD TO TOP OF PAGE ABOVE HERE */

/*</group>*/
/*<group=content>*/
div#mastercontentwrapper {
 background-image: url(../images/m-left.gif);
 background-repeat: repeat-y;
}

div.halfdivider {
 background-image: url(../images/e_dot.gif);
 background-repeat: repeat-y;
 background-position: 50% 0%;
}

div#startcontent {
 float: left;
 width: 100%;
 margin-right: -210px;
}

div#mainmodulearea {
 position: relative;
 margin-right: 205px;
 margin-left: 37px;
}

div#adminarea { margin: 0 10px 0 37px; }

div#featuredarticles {
 position: relative;
 float: right;
 width: 50%;
 display: inline;
 font-size: 96%;
 padding-top: 20px;
}

/*</group>*/
/*<group=international>*/
div#internationallinks {
 float: left;
 width: 37px;
}

div#internationallinks dl, div#internationallinks dd {
 width: 20px;
 display: block;
 margin: 0;
 padding: 0;
}

div#internationallinks dd span { display: none; }

div#internationallinks dl dd a {
 padding: 0;
 margin: 0;
 color: #e9e9e9;
 display: block;
 text-align: center;
 font-family: arial, "Luxi Sans", helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
}

div#internationallinks dl dd a:hover {
 color: #ffffff;
 text-decoration: none;
}

div#internationallinks span#internationallabel {
 width: 37px;
 height: 145px;
 display: block;
 background-image: url(../images/m-international.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
}

div#internationallinks dt { display: none; }

/*</group>*/
div#blocksgroupswrapper {
 float: right;
 width: 200px;
 padding: 0;
 font-size: 11px;
 font-family: arial, "Luxi Sans", helvetica, sans-serif;
}

/*<group=footer>*/
div#masterfooter span#footerlinks {
 float: right;
 width: 280px;
 margin-top: 20px;
 text-align: center;
 color: white;
 font-family: arial, "Luxi Sans", helvetica, sans-serif;
 font-size: 11px;
 line-height: 10px;
}

div#masterfooter span#footerlinks a {
 color: white;
 font-size: 10px;
 font-weight: bold;
 text-transform: uppercase;
 word-spacing: 2px;
 letter-spacing: 1px;
 margin: 0;
}

/***************************************** TEXT COLOR FOR COPYRIGHT DEFAULT WAS INHERITED ***********************************************/
span#footercopyright {
 position: absolute;
 display: block;
 width: 360px;
 height: 20px;
 padding-top: 15px;
 padding-left: 45px;
 color: #063D70;
 text-align: left;
 background-color: transparent;
 background-image: url(../images/b-left.gif);
 background-repeat: no-repeat;
 background-position: 0 100%;
}

div#masterfooter {
 position: relative;
 height: 35px;
 clear: both;
 padding: 0;
 background-color: transparent;
 background-image: url(../images/b-right.gif);
 background-repeat: no-repeat;
 background-position: 100% 0;
 line-height: normal;
}

/*</group>*/
body a#skipnav { display: none; }

/* containing containers - floaters */
fc-auto {
 float: left;
 width: auto;
 display: inline;
 margin: 0;
 padding: 0;
}

fc-auto-r {
 float: right;
 width: auto;
 display: inline;
 margin: 0;
 padding: 0;
}

.fc-full {
 float: left;
 width: 100%;
 margin: 0;
 padding: 0;
}

.fc-half {
 float: left;
 width: 49%;
 margin: 0;
 padding: 0;
}

.fc-half-r {
 float: right;
 width: 49%;
 margin: 0;
 padding: 0;
}

.fc-third {
 float: left;
 width: 33%;
 margin: 0;
 padding: 0;
}

.fc-third-r {
 float: right;
 width: 33%;
 margin: 0;
 padding: 0;
}

.fc-twothird {
 float: left;
 width: 66%;
 margin: 0;
 padding: 0;
}

.fc-twothird-r {
 float: right;
 width: 66%;
 margin: 0;
 padding: 0;
}

.fc-quarter {
 float: left;
 width: 25%;
 margin: 0;
 padding: 0;
}

.fc-quarter-r {
 float: right;
 width: 25%;
 margin: 0;
 padding: 0;
}

.fc-threequarters {
 float: left;
 width: 74%;
 margin: 0;
 padding: 0;
}

.fc-threequarters-r {
 float: right;
 width: 75%;
 margin: 0;
 padding: 0;
}

.fc-text-l { text-align: left; }
.fc-text-r { text-align: right; }
.fc-text-c { text-align: center; }
div.fc-gutter { margin: 0.5em; }
p.fc-gutter { margin: 0.5em 0; }
div.fc-wrapper { padding: 1em; }
.fc-clear { clear: both; }

div.fc-clear {
 clear: both;
 line-height: 1px;
 height: 0;
}

.fc-clear-l { clear: left; }
.fc-clear-r { clear: right; }
.fc-inline { display: inline; }
.fc-block { display: block; }
.fc-none { display: none; }

.fc-border-l {
 border-left: 1px solid #eeeeee;
 margin-left: -1px;
}

.fc-border-r {
 border-right: 1px solid #eeeeee;
 margin-right: -1px;
}

/*</group>*/
/*<group=typography.css>*/
body {
 /*  font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", helvetica, verdana, sans-serif;
    */
 font-size: 76.666%;
 font-family: "Lucida Grande", "Trebuchet MS", "Lucida Sans Unicode", "Luxi Sans", "Helvetica", arial, helvetica, sans-serif;
 line-height: 135%;
}

html, body, div, table, h1, h2, h3, h4, h5, h6, p, form, img { line-height: 1.4em; }
h1, h2 { line-height: 1.7em; }
h3, h4 { line-height: 1.33em; }

h5, h6 {
 font-size: 12px;
 margin: 0;
}

h1, h2, h3, h4, h5, h6 {
 font-family: "Futura Condensed", "Tahoma Bold", futura, "Franklin Gothic Bold", sans-serif;
 font-weight: bold;
}

/* html>body {font-size:1em} */
a {
 text-decoration: none;
 font-weight: bold;
 /*  outline: none; */
 font-size: 1em;
}

a:visited { }
a:active { }
a:hover { text-decoration: underline; }
strong, b { font-weight: bold; }

hr {
 margin: 0px;
 margin-top: .5em;
 margin-bottom: .5em;
 height: 1px;
}

p {
 /* font-size: 1em; */
 margin-top: 1.1em;
 margin-bottom: 1.1em;
}

li {
 line-height: 1.4em;
 margin-top: 0.5em;
 margin-bottom: 0.2em;
}

/*  */
/* ul { */
/*  margin-top: 1em; */
/*  margin-bottom: 1em; */
/* } */
code, pre, textarea, textarea:focus { font-family: monaco, "Luxi Mono", "Courier New", courier, monospace; }
.xar-mod-body { font-size: 93.666%; }

/*</group>*/
/*<group=colors.css>*/
body { color: #596F7C; }
a { color: #526571; }
th { color: #f9f9f9; }

 /****************************************************** HEADINGS COLOR HRERE *******************************************/
h1, h2, h3, h4, h1 a, h2 a, h3 a, h4 a {
 color: #023C6E;
 text-shadow: 0 1px 1px #dedede;
 text-decoration: none;
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { color: #526571; }
h5, h6 { color: inherit !important; }
pre { color: #CC7A83; }
blockquote { color: #CC7A83; }
code { color: #CC7A83; }
legend { color: #BA1D00; }
hr { color: #063D70; }
.xar-error { color: #ff0000; }

/*</group>*/
/*<group=borders.css>*/
table {
 border: 0 solid #063D70;
 border-collapse: collapse;
}

pre { border-color: #CEB3C6; }
.xar-alt-outline { border: 1px solid #B29C8E; }
.xar-accent-outline { border: 1px solid #E5DDA0; }
.xar-norm-outline { border: 1px solid #f5f5f5; }
button { border: 2px outset #f0f0f0; }
fieldset { border: 1px solid #c0c0c0; }

/*</group>*/
/*<group=backgrounds.css>*/
body { background-color: #ffffff; }
th { background-color: #063D70; }
button, input, select, textarea { background-color: #fafafa; }
fieldset { background-color: #f0f0f0; }
legend { background-color: #ffffff; }
hr { background-color: #063D70; }
th.xar-norm,
tr.xar-norm,
td.xar-norm { background-color: #f7f7f7; }
th.xar-alt,
tr.xar-alt,
td.xar-alt { background-color: #f0f0f0; }
.xar-alt { background-color: #f5f5f5; }
.xar-accent { background-color: #f5f5f5; }

#mainmodulearea a {
 background-image: url(../images/linkinternal.gif);
 background-position: 0% 100%;
 background-repeat: no-repeat;
}

#mainmodulearea a:hover {
 text-decoration: none;
 background-image: url(../images/linkinternal.gif);
 background-position: 100% 100%;
}

#mainmodulearea a[rel~="external"] {
 background-image: url(../images/linkexternal.gif);
 background-position: left bottom;
 background-repeat: no-repeat;
 padding-left: 7px;
}

#mainmodulearea a[rel~="external"]:hover {
 background-image: url(../images/linkexternal.gif);
 background-position: -1000px 100%;
 background-repeat: no-repeat;
 padding-left: 7px;
}

/* #mainmodulearea a[rel~="external"]:hover { background-image: url(../images/extlink-over.gif); } */
#mainmodulearea  a.xar-blockedit[rel~="external"] {
 background-image: url(../images/extlinke.gif) !important;
 background-position: right center;
 background-repeat: no-repeat;
 float: right;
 width: 11px;
 height: 1.4em;
 padding: 0;
 margin: 0;
 /*  border:1px solid #dddddd; */
}

#mainmodulearea .xarbb-tablewrapper .icon a { background-image: none; }

/*</group>*/
div.docs-article-wrapper {
 padding: 10px;
 background-color: #fdfdfd;
 border: 1px solid #f0f0f0;
 margin-bottom: 1em;
}

* html div#mastercontentwrapper h2 { font-size: 13px; }

/* * {border:1px solid green;} */

div.bkannotate {
    font-size: 10px !important;
    overflow:auto;
    color:black;
}