/* Base styles applicable to all media types. */

/* HTML elements */

body {
    margin: 0;
    padding: 0;
}

/* 04/03/2009 : textarea added by Vincent Dervaux */
body, thead, tbody, td, th, input, select, button, textarea { /* thead and tbody added for IE5 */
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 9pt; /* unit = pt for compatibility with old pages */
}

h1 {
    font-size: 110%;
}

h2 {
    border-bottom: 1px solid #cccccc;
}

h2, h3, h4, h5, h6 { 
    margin: 1em 0 0.5em 0;
    font-size: 90%;
}

dt {
    font-weight: bold;
}

dd {
    margin: 0 0 1em 1em;
}

form { /* IE puts a big margin around forms! */
    margin: 0;
}

ul, ol { /* Item lists have quite a big margin by default! */
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

li { /* Add space between items to improve readability. */
    margin-top: 0.2em;
    margin-bottom: 0.5em;
}

#error {
	border-style: solid;
	border-color: #DE5C5C;
}

sup, sub {
    font-size: 80%;
}

/* Structure */

#header {
}

#banner {
	height: 2.3em;
	padding: 0.2em 0.3em 0.3em 0.3em;
	line-height: 1.2em;
}

#banner *.logo {
    float: left;
    margin: 0 1em 0.1em 0;
}

#banner *.title {
	font-size: 1.2em;
	font-weight: bold;
    white-space: nowrap;
}

#banner *.breadcrumbs {
	font-size: 1em;
}

#banner *.breadcrumbs *.separator {
}

#banner *.session {
    float: right;
    text-align: right;
}

#banner *.session *.login, 
#banner *.session *.logout {
}

#banner *.session img {
    vertical-align: bottom;
}

#banner *.dossier {
	padding: 2px;
    font-weight: bold;
}

#banner *.dossier label {
}

#container {
    clear: both;
    margin: 0.1em 0.3em;
}

#title {
    margin: 0.5em 0 0.3em 0;
    padding: 0.1em 0 0.2em 0;
}

#title h1 {
    margin: 0; /* firefox */
    border-bottom: 1px solid black;
}

#title *.help {
    float: right;
}

#title *.right *.help {
    float: none;
}

#content {
	clear: both;
    margin: 0.5em;
}

#content *.description {
    margin: 0.5em 1em;
    padding: 0.5em;
    /* line-height: 1.4em; */
}

#bottom {
    /* border-top-style: groove; Not same as <hr> */ 
    margin-top: 10px;
}

#commands {
    text-align: right;
}

#footer {
    clear: both;
    margin: 0.5em 0.2em;
    padding-top: 0.1em;
    text-align: center;
}

*.group {
    padding-left: 10px;    
}

button {
	margin-left: 3px;
	margin-right: 3px;
}

*.block {
    display: block;
    margin: 0.1em 1em;
}

*.right {
    float: right;
    /* margin: 0 0 0 1em; */
}

/* Messages */

*.info, *.note, *.warning, *.error {
    margin: 1em 2em;
}

*.info *.label,
*.note *.label, 
*.warning *.label, 
*.error *.label {
    font-weight: bold;
    padding-bottom: 0.2em;
}

*.note *.content, 
*.warning *.content, 
*.error *.content {
    line-height: 120%;
    font-size: 97%;
}

*.info, *.note, *.warning, *.error {
    padding: 5px 5px 5px 10px;
}

*.info {
    border: 1px dashed silver;
}

*.sideNote {
    float: right;
	margin: 0 0.5em 0.5em 0.5em;
    border: 1px solid silver;
	padding: 0.4em;
}

*.subtitle {
    font-style: italic;
}

div.para {
    margin: 1em 0;
}

div.para ul,
div.para ol,
div.para blockquote {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
}

div.section {
    margin-left: 1.2em;
}

div.section h2, 
div.section h3, 
div.section h4, 
div.section h5, 
div.section h6 {
    margin-left: -1.2em; /* Negative margin should be avoided using div content */
}

dl.toc dt {
    margin-top: 1em;
    font-size: 110%;
}

dl.toc dd {
    margin-left: 1em;
}

dl.toc p {
    margin: 0;
    text-indent: 1em;
}

ol.toc ol {
    list-style-type: circle;
}

*.first {
    margin-top: 0; /* For IE not understanding first:child */
}

*.date {
}

*.number {
    text-align: right;
}

*.optional {
    font-style: italic;
}

*.disabled {
    color: gray;
}

*.annotation {
    font-size: smaller;
    font-style: italic;
    font-weight: normal;
    color: #666666;
}

*.remark {
    font-size: smaller;
    font-style: italic;
    font-weight: normal;
    color: #666666;
}

*.copyright {
    font-size: smaller;
}

*.footNote {
    float: left;
    font-size: smaller;
}

/* Quotations */

blockquote address {
    padding-left: 1em;
    text-align: right;
}

div.quote,
div.epigraph {
    margin: 1em;
}

div.quote q,
div.epigraph q {
    display: block;
    margin: 0 .5em;
    text-indent: -0.5em;
}

div.quote cite,
div.epigraph cite {
    display: block;
    padding: 0 1em;
    text-align: right;
    text-indent: -1em;
}

blockquote.epigraph,
div.epigraph q {
    font-style: italic;
    text-align: right;
}

blockquote.epigraph em,
div.epigraph q em {
    font-style: normal;
}

blockquote.epigraph address,
div.epigraph cite {
    font-style: normal;
}

/* Code */

code {
    white-space: nowrap;
}

code, pre {
    /* override IE6 default */
    font-size: 1em;
}

code.long {
    display: block;
    margin: 0.1em 1em;
    white-space: normal;
}

code.filename {
    white-space: nowrap;
}

pre.code {
    overflow: auto;
    margin: 1em 0.5em;
    padding: 0.2em;
    border: 1px solid silver;
    background-color: white;
}

pre.code *.remark {
    font-size: 1em;
    font-style: italic;
}

pre.screen {
    overflow: auto;
    margin: 1em 0.5em;
    padding: 0.2em;
    border: solid 1px;
    font-family: monospace;
    white-space: pre;
}

div.screen {
    margin: 1em .5em;
    padding: 0.2em;
    border: solid 1px;
}

kbd.long {
    display: block;
    margin: 0.1em 1em;
}

kbd.command,
code.command {
    white-space: pre;
}

/* Examples and Figures */

*.example {
    padding-left: 0.25em; /* Fix IE offset issue! */
    border-left: 1px solid;
}

*.figure,
*.screenshot {
    display: block;
    margin: 0.75em auto;
}

*.faq *.question {
    font-size: large;
    font-weight: bold;
}

*.faq *.answer {
    margin-top: 1em;
}

/* Navigation */

a:link, a:visited {
    text-decoration: none;
}

a img {
    border: none;
}

/* External link are rendered differently. */
a.external {
    font-style: italic;
}

ul.navigationBar {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

ul.navigationBar li {
    display: inline;
    margin: 0;
    padding: 0;
}

ul.tabs {
    margin: 0; /* IE */
    padding: 0;
    list-style-type: none;
    border-bottom: 1px solid silver;
}

ul.tabs li {
    display: inline;
    width: 1px; /* IE5 workaround */
    margin: 0 0 0 1px;
    padding: 0.3em 0.5em 0.2em 0.5em;
    line-height: 1.5em;
	background-color: silver;
    /* border-left: 1px solid #ffffff; */
	border-top: 1px solid #ffffff; 
	border-right: 1px solid #dddddd;
    border-bottom: none;
    /* border-bottom: 1px solid #fff; */
    background-image: url("/images/round-top-left-corner.gif");
    background-repeat: no-repeat;
    background-position: top left;
}

ul.tabs li.selected {
    font-weight: bold;
}

/* Emphasis */

/* em, strong */

strong.stronger {
    font-style: italic;
    font-weight: bold;
}

strong.strongest {
    font-weight: bold;
    text-transform: uppercase;
}

*.important {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: bold;
}

/* Tables */

tfoot img {
    vertical-align: bottom;
}

table.simple, 
table.simpleNarrow,
table.noBorder,
table.noBorderNoPadding, 
table.grid {
    margin: 0.2em 0;
}

table caption {
    margin-bottom: 0.2em;
    font-style: italic;
}

/* Simple table */
table.simple {
    border-collapse: collapse;
    border-spacing: 1px 1px;
    border: 1px solid silver;
}

table.simple thead tr th {
    text-align: center;
}

table.simple tbody tr th {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    font-style: italic;
}

table.simple tr th, 
table.simple tr td {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 3px 3px;
}

/* Simple narrow table */
table.simpleNarrow {
    border-collapse: collapse;
    border-spacing: 0px 0px;
    border: 1px solid silver;
}

table.simpleNarrow thead tr th {
    text-align: center;
}

table.simpleNarrow tbody tr th {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    font-style: italic;
}

table.simpleNarrow tr th, 
table.simpleNarrow tr td {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 0px 0px;
}

/* Simple table without border */
table.noBorderNoPadding,
table.noBorder {
    border-collapse: collapse;
    border-spacing: 1px 1px;
    border: 0px;
}

table.noBorderNoPadding thead tr th,
table.noBorder thead tr th {
    text-align: center;
}

table.noBorderNoPadding tbody tr th,
table.noBorder tbody tr th {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    font-style: italic;
}

table.noBorder tr th, 
table.noBorder tbody tr td {
    border-right: 0px;
    border-bottom: 0px;
    padding: 3px 3px;
}

table.noBorderNoPadding tr th, 
table.noBorderNoPadding tbody tr td {
    border-right: 0px;
    border-bottom: 0px;
    padding: 0px 0;
}


/* Table that looks like a paper document */
table.document {
    border-collapse: collapse;
    border-spacing: 1px 1px;
    border: 1px solid black;
    background-color: white;
    width: 100%;
}

table.document thead tr th {
	font-weight: normal;
	text-align: left;
}

table.document tbody tr th {
    text-align: left;
    vertical-align: top;
    font-weight: normal;
    font-style: italic;
    background-color: white;
    font-size: 5pt;
}

table.document tr th, 
table.document tr td {
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    padding: 3px 3px;
    vertical-align: top;
}

table.document tbody tr td.colNum {
    border-right: 0px;
    width: 1px;    
}

/* Data grid table */
table.grid {
    border-collapse: collapse;
    empty-cells: show; /* Only valid for separated borders model, not collapsed!? */
    border: 1px solid silver;
    border-spacing: 1px 1px; /* Only valid for separated borders model, not collapsed!? */
}

table.grid thead tr th {
    text-align: center;
    vertical-align: bottom;
}

table.grid tbody {
    /* height: 300px;
    overflow: scroll; */
}

table.grid thead tr th, 
table.grid tbody tr th,
table.grid tbody tr td {
    padding: 2px 4px;
    border-right: 1px solid silver;
}

table.grid thead tr th {
    border-bottom: 1px solid silver;
}

table.grid tbody tr th {
    text-align: right;
}

table.grid tbody tr th,
table.grid tbody tr td {
    border-bottom: 1px dotted silver;
}

table.grid tfoot {
    font-style: italic;
    font-weight: bold;
}

table.grid tfoot td {
    text-align: left;
    padding: 2px 4px;
}

/* Form table */
table.form th, 
table.form td.label {
    font-weight: normal;
    text-align: right;
}

/* table.form th, 
table.form td {
    vertical-align: baseline;
} baseline is at the bottom for listboxes! */

/* Meta */

*.author {
    text-align: left;
}

/* Display Tag */

span.pagebanner {
	font-style: italic;
    font-weight: bold;
    text-align: left;
    padding: 0px 0px;
	/* background-color:#EEEEEE; */
	margin-top:0px;
	/*align: bottom;*/
	/*vertical-align: center;*/
	float: left;
	width: 50%;
	height: 20px;
} 

span.pagelinks {
	text-align: right;
	/* background-color:#EEEEEE; */
	padding:0px 0px;
	/*vertical-align: center;*/
	/*background-image: bottom;*/
	float: right;
	width: 50%;
	height: 20px;
}