/* XARAYA REQUIRED CLASSES [gen_heading] */


/*
Main (X)HTML Selectors - Typography, Colours and Positioning 
-------------------------------------------------------------------------[comment] */
#moduleareaworc {
    color: #003366;
}

 /*
body defines basic viewport properties 
-------------------------------------------------------------------------[comment] */
#moduleareaworc {
    font-size: 81.666%;
    line-height: 1.4em;
    font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", helvetica, verdana, sans-serif;
}

/*
shared typography, which should be inherited by the descendants 
-------------------------------------------------------------------------[comment] */

#moduleareaworc div, #moduleareaworc table, #moduleareaworc td, #moduleareaworc th, #moduleareaworc thead, #moduleareaworc tbody, #moduleareaworc tfoot, #moduleareaworc button, #moduleareaworc input, #moduleareaworc select, #moduleareaworc option, #moduleareaworc a, #moduleareaworc p, #moduleareaworc img, #moduleareaworc form {
    font-size: 1em;
    line-height: 1.4em;
    font-family: "Trebuchet MS", "Luxi Sans", "Helvetica", helvetica, verdana, sans-serif;
} /*
more shared typography to reinforce it on certain browsers (IE/Win and Opera) 
-------------------------------------------------------------------------[comment] */

#moduleareaworc a {
    font-weight: bold;
    color: #002255;
    text-decoration: none;
} /*
a normal link is being styled similarly across all pages, unless re-declared
-------------------------------------------------------------------------[comment] */

#moduleareaworc a:link         {}
#moduleareaworc a:visited     {}
#moduleareaworc a:active     {}
#moduleareaworc a:hover     {} /*
leave pseudo-classes exactly in this order even if you decide to re-declare them 
------------------------------------------------------------------[important note] */

#moduleareaworc a:link:hover, #moduleareaworc a:visited:hover {
    text-decoration: underline;
} /*
we dont really want to underline and hilite named anchors in this theme, just links 
------------------------------------------------------------------[important note] */


/* imports of externals CSS */



/* XARAYA REQUIRED CLASSES [gen_heading] */


/*
General text and related selectors 
-------------------------------------------------------------------------[comment] */
#moduleareaworc h1, #moduleareaworc h2, #moduleareaworc h3, #moduleareaworc h4, #moduleareaworc h5, #moduleareaworc h6 {
    font-weight: bold;
    font-family: "Futura Condensed", "Tahoma Bold", "Franklin Gothic Bold", helvetica, tahoma, sans-serif;
}

#moduleareaworc h1, #moduleareaworc h2, #moduleareaworc h3, #moduleareaworc h4, #moduleareaworc h1 a, #moduleareaworc h2 a, #moduleareaworc h3 a, #moduleareaworc h4 a {
    color: #CC7788;
    text-decoration: none;
}

#moduleareaworc h1 a:hover, #moduleareaworc h2 a:hover, #moduleareaworc h3 a:hover, #moduleareaworc h4 a:hover {
    color: #002255;
    text-decoration: none;
} /*
page headers - shared typography and positioning 
-------------------------------------------------------------------------[comment] */

#moduleareaworc h1 {
    font-size: 1.5em;
    line-height: 1.7em;
    margin: 0.89em 0;
}

#moduleareaworc h2 {
    font-size: 1.25em;
    line-height: 1.7em;
    margin: 1.07em 0;
}

#moduleareaworc h3, #moduleareaworc h4 {
    font-size: 1em;
    line-height: 1.33em;
    margin: 1.33em 0;
}

#moduleareaworc h5, #moduleareaworc h6 {
    font-size: 12px;
    line-height: 1.11em;
    color: inherit !important;
}

#moduleareaworc p {
    line-height: 1.4em;
    margin: 1.1em 0;
}

#moduleareaworc hr {
    height: 1px;
    margin: .5em 0;
    color: #3377AA;
    background-color: #3377AA;
}

#moduleareaworc pre {
    width: 95%;
    height: auto;
    margin: 1em auto;
    padding: .5em;
    overflow: auto;
    color: #CC7788;
    border: 1px solid #CC6699;
    font-family: "Bitstream Vera Sans Mono", "Courier New", monaco, courier, monospace;
}

#moduleareaworc code {
    color: #CC7788;
    font-family: "Bitstream Vera Sans Mono", "Courier New", monaco, courier, monospace;
}

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

#moduleareaworc strong, #moduleareaworc b {
    font-weight: bold;
}

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



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

#moduleareaworc table {
    border: 0 solid #3377AA;
    border-collapse: collapse;
} /*
the actual border should be visible only when border-width is re-declared
------------------------------------------------------------------[important note] */

#moduleareaworc thead, #moduleareaworc tbody, #moduleareaworc tfoot { }

#moduleareaworc th, #moduleareaworc td { padding: .15em .25em; }

#moduleareaworc th {
    color: #EEEEEE;
    background-color: #3377AA;
}

#moduleareaworc th.xar-norm, #moduleareaworc tr.xar-norm, #moduleareaworc td.xar-norm {
    background-color: #F7F7F7;
}

#moduleareaworc th.xar-alt, #moduleareaworc tr.xar-alt, #moduleareaworc td.xar-alt {
    background-color: #F0F0F0;
}


/*
List elements 
-------------------------------------------------------------------------[comment] */

#moduleareaworc ul, #moduleareaworc li, #moduleareaworc ol {
    margin: 0;
    padding: 0;
}

#moduleareaworc ul {
    list-style-type: square;
    list-style-position: inside;
}

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


/* XARAYA REQUIRED CLASSES [gen_heading] */


/*
Form elements 
-------------------------------------------------------------------------[comment] */

#moduleareaworc button {
    border: 2px outset #F0F0F0;
}

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

#moduleareaworc select, #moduleareaworc option {
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
} /*
in many browsers appearance of select is handled by OSs widgets, not by css
------------------------------------------------------------------[important note] */

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

#moduleareaworc checkbox {
    font-size: 1em;
    font-weight: normal;
}

#moduleareaworc textarea, #moduleareaworc textarea:focus {
    font-family: "Bitstream Vera Sans Mono", "Courier New", monaco, courier, monospace;
}

#moduleareaworc button, #moduleareaworc input, #moduleareaworc select, #moduleareaworc option, #moduleareaworc textarea {
    vertical-align: middle;
    background-color: #FAFAFA;
} /*
shared properties for form elements
-------------------------------------------------------------------------[comment] */



/*
Form fieldset and legend elements 
-------------------------------------------------------------------------[comment] */

/* From PhpHtmlLib Library */

.infotable {
    width: 100%;
    /* Hides from IE5-mac \*/
    width: 95%;
    w\idth: 100%;
    /* End hide from IE5-mac */
    background-color: #EEEEEE;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #000000;
    border-bottom: 1px solid #000000;
}

.infotable td {
    text-align: center;
}

.infotable td a {
    vertical-align: middle;
}

.infotable .infoline {
    width: 100%;
    margin-top: 5px;
    padding-top: 5px;
    border-top: 1px solid #808080;
}

.infotable .infotitle {
    font-weight: bold;
    padding: 2px 5px;
    color: #EEEEEE;
    text-align: left;
    background-color: #3377AA;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #000000;
}

.infotable .infobutton {
    padding: 5px 0;
    text-align: center;
    border-top: 1px solid #808080;
}

.infotable .infobutton input {
    padding: 0 5px;
}



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

.xar-alt { background-color: #F0F0F0; }

.xar-accent { background-color: #F3F3F3; }

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

.xar-alt-outline {
    border: 1px solid #C9C9C9;
}

.xar-norm-outline {
    border: 1px solid #F3F3F3;
}

.xar-accent-outline {
    border: 1px solid #CC6699;
}


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

.xar-sub { font-size: 90%; }

.xar-norm { text-align: left; }

.xar-error { color: #FF0000; }

.xar-title { font-weight: bold;
} /*
not sure if we still using this rule anywhere TODO: check
-------------------------------------------------------------------------[comment] */

div#moduleareaworc {
    position: relative;
    text-align: left;
}


/* containing containers - floaters */

.fc-auto {
    float: left;
    width: auto;
    margin: 0;
    padding: 0;
}

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

.fc-full {
    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: 65%;
    margin: 0;
    padding: 0;
}

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

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

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

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

.fc-threequarters-r {
    float: right;
    width: 74%;
    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-l { clear: left; }
.fc-clear-r { clear: right; }
.fc-clear-b { clear: both; }

.fc-inline { display: inline; }
.fc-block { display: block; }
.fc-none { display: none; }

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

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

div.fc-content {
    margin: 0 11px;
    /* Hides from IE5-mac \*/
    height: 1%;
    /* End hide from IE5-mac */
}

/* ROUND BOXES [gen_heading] */

/* to be used in summaries */

.box {
    padding: 0;
    padding-right: 12px;
    background: #fff url(rborder.gif) 100% 0 repeat-y;
}

.bi {
    padding: 0;
    padding-left: 12px;
    background: #fff url(rborder.gif) 0 0 repeat-y;
}

.bt {
    height: 17px;
    margin: 0 -12px;
    background: url(rbox.gif) 100% 0 no-repeat;
}

.bt div {
    width: 18px;
    height: 17px;
    background: url(rbox.gif) 0 0 no-repeat;
}

.bb {
    height: 17px;
    margin: 0 -12px;
    background: url(rbox.gif) 100% 100% no-repeat;
}

.bb div {
    width: 18px;
    height: 17px;
    background: url(rbox.gif) 0 100% no-repeat;
}

.content {
    margin: 3px;
}


/* to be used in overviews */

.gr-box {
    margin-bottom: 3px;
    padding: 0;
    padding-right: 10px;
    background: url(mborder.gif) 100% 0 repeat-y;
}

.gr-bi {
    padding: 0;
    padding-left: 10px;
    background: url(mborder.gif) 0 0 repeat-y;
}

.gr-bt {
    height: 10px;
    margin: 0 -10px;
    background: url(mbox.gif) 100% 0 no-repeat;
}

.gr-bt div {
    width: 10px;
    height: 10px;
    background: url(mbox.gif) 0 0 no-repeat;
}

.gr-bb {
    height: 10px;
    margin: 0 -10px;
    background: url(mbox.gif) 100% 100% no-repeat;
}

.gr-bb div {
    width: 10px;
    height: 10px;
    background: url(mbox.gif) 0 100% no-repeat;
}

.gr-content {
    margin: 0px;
}

#moduleareaworc a {
    background-image: url(linkint.gif);
    background-repeat: no-repeat;
    background-position: 0% 100%;
}

#moduleareaworc a:hover {
    text-decoration: none;
    background-image: url(linkint.gif);
    background-position: 100% 100%;
}

#moduleareaworc a.external {
    padding-left: 7px;
    background-image: url(linkext.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#moduleareaworc a.external:hover {
    padding-left: 7px;
    text-decoration: none;
    background-image: url(linkext.gif);
    background-position: -1000px 100%;
}

#moduleareaworc a.download {
    padding-left: 7px;
    background-image: url(linkfile.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#moduleareaworc a.download:hover {
    padding-left: 7px;
    text-decoration: none;
    background-image: url(linkfile.gif);
    background-position: -1000px 100%;
}

#moduleareaworc a.maillink {
    padding-left: 7px;
    background-image: url(linkmail.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#moduleareaworc a.maillink:hover {
    padding-left: 7px;
    text-decoration: none;
    background-image: url(linkmail.gif);
    background-position: -1000px 100%;
}

/* USEFULL STUFF [gen_heading] */

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

div.docs-article-wrapper {
    padding: 10px;
    margin-bottom: 1em;
    background-color: #F8F8F8;
    border: 1px solid #D8D8D8;
}